{"_id":"@alekremi/ngx-livechat","_rev":"3-7919b46e35d265a617a5d1b783556b9e","name":"@alekremi/ngx-livechat","dist-tags":{"latest":"1.1.1"},"versions":{"1.0.0":{"name":"@alekremi/ngx-livechat","version":"1.0.0","author":{"name":"Aleksandr Kreminskij","email":"aleksandr.kreminskij@gmail.com"},"description":"Library to integrate LiveChat with Angular","homepage":"https://github.com/alekremi/ngx-livechat","repository":{"type":"git","url":"git+https://github.com/alekremi/ngx-livechat.git"},"bugs":{"url":"https://github.com/alekremi/ngx-livechat/issues"},"keywords":["angular","livechat","livechat module","livechat service"],"license":"MIT","peerDependencies":{"@angular/common":"^12.1.1","@angular/core":"^12.1.1"},"dependencies":{"tslib":"^2.2.0"},"main":"bundles/alekremi-ngx-livechat.umd.js","module":"fesm2015/alekremi-ngx-livechat.js","es2015":"fesm2015/alekremi-ngx-livechat.js","esm2015":"esm2015/alekremi-ngx-livechat.js","fesm2015":"fesm2015/alekremi-ngx-livechat.js","typings":"alekremi-ngx-livechat.d.ts","sideEffects":false,"_id":"@alekremi/ngx-livechat@1.0.0","_nodeVersion":"14.17.2","_npmVersion":"6.14.13","dist":{"integrity":"sha512-UFxgR15mG5K4ktp+9mKo/ySRE018V5eG07OGf1OZKZL+iqhbNSOEsHb8GE86qn0NOjX7PSjmAxygxEysNb1iiw==","shasum":"a22eb98188ffd2fefde7a0e1e1539aad922469c7","tarball":"https://registry.npmjs.org/@alekremi/ngx-livechat/-/ngx-livechat-1.0.0.tgz","fileCount":17,"unpackedSize":80752,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg4zmzCRA9TVsSAnZWagAAq58P+wQqqgbumTGiDy6xk5X2\n2Cw/oxpGTKfCxqlvx9iqp0MPUuuVT4FDD9GEJqE0gdr1XrVgZ76muNOZHzxY\nhC1CDuSaIfT46w+hDBtk9kZGOO4FNXnsnH/D+U+re6c/mYph9WRUOjeMZ6jE\ntDa8iNi7fsFS4YUXNXxWaRlJs95e1zh2nuBernDaCQLUuWZzjKOO68FumfHp\nBWoX5oN8N24Zq9BK21tgbNmDVKsW1FhpazNpIBdcogOattYb3zK0VlG9WyFG\nMkK0U6W11iY5QxOSB2KFGqo664zC4DA/9j2ip/yofKT88xaFBaLUP5M3c69/\nESrrcj7knwbhxzfDbyI94cXOwsc6ZITd8ZQ8xKZe5/DVfqvoH9Qwv3pIkFxR\nY1A+TqTXZpIkkdZnMiuz5nutuzbGBmXLfZGljrsudgTsfxn6k6GyjWCTaGNl\num7sd2mjGqPyvqjQno1v2d+9d/R6b4f8V5JuXaPruaxKK3Bmiy67ddW9KXdl\nSmhc1Gd1X0HCW0vTERy6cYVr9bQxuCQczkuacEmXfsLOdEIOuApnhABMqP+K\nb3EAWwN4xLVWYnl+o/8SiKtnLybZdgs4ziWYyFwa6njmQsKvbvuNDkV/C59f\nOMB8l8+DNT0opPKjtYzdsvWPFSgZ5JYKYuZOxwv8pTDZM3y4iNoNHJ13qL8Z\nzZf3\r\n=6saK\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtmPJFv2c6k/4rzpv68XHqONuhhA4xH89Hn7ULpf1z5gIgER9q9+egfEq+EjvVIuS1WXR3cSNyXHikuWyiYQc30Us="}]},"_npmUser":{"name":"alekremi","email":"aleksandr.kreminskij@gmail.com"},"directories":{},"maintainers":[{"name":"alekremi","email":"aleksandr.kreminskij@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-livechat_1.0.0_1625504178826_0.31184788975650757"},"_hasShrinkwrap":false},"1.1.0":{"name":"@alekremi/ngx-livechat","version":"1.1.0","author":{"name":"Aleksandr Kreminskij","email":"aleksandr.kreminskij@gmail.com"},"description":"Library to integrate LiveChat with Angular","homepage":"https://github.com/alekremi/ngx-livechat","repository":{"type":"git","url":"git+https://github.com/alekremi/ngx-livechat.git"},"bugs":{"url":"https://github.com/alekremi/ngx-livechat/issues"},"keywords":["angular","livechat","livechat module","livechat service"],"license":"MIT","peerDependencies":{"@angular/common":"^12.1.1","@angular/core":"^12.1.1"},"dependencies":{"tslib":"^2.2.0"},"main":"bundles/alekremi-ngx-livechat.umd.js","module":"fesm2015/alekremi-ngx-livechat.js","es2015":"fesm2015/alekremi-ngx-livechat.js","esm2015":"esm2015/alekremi-ngx-livechat.js","fesm2015":"fesm2015/alekremi-ngx-livechat.js","typings":"alekremi-ngx-livechat.d.ts","sideEffects":false,"_id":"@alekremi/ngx-livechat@1.1.0","_nodeVersion":"14.17.2","_npmVersion":"6.14.13","dist":{"integrity":"sha512-4ld7okmHoGnejOAD/MyaSAs/KhbzILN8L/EcC4B72lk835WuRdf+msDsuHfmoCb1gFjCCqWzNRVOEYHgwzdvbQ==","shasum":"643d236e0533fb0667c8a3302f815833047ca2b9","tarball":"https://registry.npmjs.org/@alekremi/ngx-livechat/-/ngx-livechat-1.1.0.tgz","fileCount":16,"unpackedSize":93728,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5JTACRA9TVsSAnZWagAAT9cP/RgDbp7DDrn9KRkRRhhM\nGUy75dRdNmmpJhd77ouIGkxO1XiHFy5dyXMrYW53ytWxxlkbEBCoW9OXhR7v\nZcQBxOKxmuUY6/MOeQ2h5T7N2MWOszEpixkE9qFufD/WGJnJOeUrlh/VePeJ\nr+/d2oTXU9V6/fHA3/mC/O1gPiZ1vbfVx9clWqX1xLexcoMYN7375Lo+NOA7\nCr2HSLeBdNLVgqQrhVOtmXWuSOTKeUV/1OwFt9W2fLtMmP4F1UAiOA/rYPbV\nYTONvo/Di12wRgCfKQeSmiedkAlrO13+B2Ti0UtrTadD4RfHGfKfPm3O3Qv4\ntjLVbqO4NmLnMN4iiB7GOcOD889QNaNnq7NmYAKiJpP8yYdtl1UexY8qRtbd\no3908g1VS+79zMFtTcNC+wNWDu/uB3IhwNRUYeCx4Xjls0U0aLbAj46uzVy6\n9Oqonj3M/XUpotacd4d0JPbmRHICcGvW1lP6UChh4eXPLSqB3ITDXN9B+dYF\nQfy7YgNVsKN9HlXnE78WFeMYyOUaXVmFVflRz8Y2IVZn1vAqrInCFxu0gM1J\nROPc+mPL5ZdUXhxgO1mvF29504ZeDeZI2lD7rXHlL3Qcc5x/00Dn0d/qoiYw\n9D1DCyE3vK2YGK/3gLlNobkDBgU40ePrlyfsdATxQVmWP9lGJ/tnQFFbea4N\n30Hi\r\n=dyc1\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBsdac7nNqO0S51sAUZD5sdaob1NA6BKOMQuoMyQftD3AiEAo8l2Q8dpYMe4z6gplM5Vy4kyURbvJg4NGvQNNKXlY+8="}]},"_npmUser":{"name":"alekremi","email":"aleksandr.kreminskij@gmail.com"},"directories":{},"maintainers":[{"name":"alekremi","email":"aleksandr.kreminskij@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-livechat_1.1.0_1625593023585_0.3633348319383791"},"_hasShrinkwrap":false},"1.1.1":{"name":"@alekremi/ngx-livechat","version":"1.1.1","author":{"name":"Aleksandr Kreminskij","email":"aleksandr.kreminskij@gmail.com"},"description":"Library to integrate LiveChat with Angular","homepage":"https://github.com/alekremi/ngx-livechat","repository":{"type":"git","url":"git+https://github.com/alekremi/ngx-livechat.git"},"bugs":{"url":"https://github.com/alekremi/ngx-livechat/issues"},"keywords":["angular","livechat","livechat module","livechat service"],"license":"MIT","peerDependencies":{"@angular/common":"^12.1.1","@angular/core":"^12.1.1"},"dependencies":{"tslib":"^2.2.0"},"main":"bundles/alekremi-ngx-livechat.umd.js","module":"fesm2015/alekremi-ngx-livechat.js","es2015":"fesm2015/alekremi-ngx-livechat.js","esm2015":"esm2015/alekremi-ngx-livechat.js","fesm2015":"fesm2015/alekremi-ngx-livechat.js","typings":"alekremi-ngx-livechat.d.ts","sideEffects":false,"_id":"@alekremi/ngx-livechat@1.1.1","_nodeVersion":"14.17.2","_npmVersion":"6.14.13","dist":{"integrity":"sha512-YK/+CgoONWi5VI5ySO0KrtjkaSHpoUsjAzS8qwO8TtX5x8NboKJ9aZgiRLaavfaBq+uAKo+++EbOVtBU7KeYsQ==","shasum":"1407697d66ebe0b09920bf46629b6c5eda9d2d13","tarball":"https://registry.npmjs.org/@alekremi/ngx-livechat/-/ngx-livechat-1.1.1.tgz","fileCount":17,"unpackedSize":101319,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5J0bCRA9TVsSAnZWagAA/okP/1nSDmKcaRbjZ9OOuQgV\nQm4lw3avSojZ+YrSPfQDb09VdxNbExki8hFUkqqthjKwOhKHQ3IXpzlVnV7r\nbZelNmZmbCyOt+8neaCU8OFT99+0ENH8GzH0KoEZzbQclI/I2FLnX5yp22xa\nUOUJ1dG3nLjTB17DYg/05gei09PRqaOCqDq0DhASmjO93/EPPEAHNOg45TII\n0Uh4z/ZjcNGRzQsSteO9kBoMO4dkws979YJDcEB3TOKSdDsUH4pbBjLm3kmM\nX+UN7MTh3lJSCm63ZqmJBtXX9tRLriJhrEJVfiyQvzt+4BX4yNLoyiWbQyRh\nEMZP6qQepB7VIRmSanWcXdYV4Z0iuU5knClP3X9Ceajsy/IXc3V5dIEwsaER\nELopb2IQcwH4TU9646c7rJiUGDgnp07W3KioOQO51eM/XIIJg5QNKkquwTHw\njxeU/AkqahgolF4zRZea+GL8KYsEFcAkI0gGsS3NUcxgLndiS2voBA90ksjE\nljiIaF5/Q9Fxs4kAgV4p2YsAscCcpBO1GKc51zAf3H+TzvMZZnIJeF5rT86n\njldztRNZ2ynJ1E4/nbu1xVEqu7XBBpVH0O2nX9DQ3BLPmlQFApC2mb2af/5t\n+7WFd4fnYAlzIeclBMrWE5IRxFlifutLqwzQyoZ//SnHYSSNeDl2Qx7EyaE3\ntE3q\r\n=OsrD\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDbuqjiURyYIXL1u2SK1TQd0j46sCXISxxYiMVUIFrZKAIgJaAaSOBx2TGOjqAEzJm0LS6ZP9HE27xWoClycVXfBjg="}]},"_npmUser":{"name":"alekremi","email":"aleksandr.kreminskij@gmail.com"},"directories":{},"maintainers":[{"name":"alekremi","email":"aleksandr.kreminskij@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-livechat_1.1.1_1625595163157_0.8917442810837948"},"_hasShrinkwrap":false}},"time":{"created":"2021-07-05T16:56:18.776Z","1.0.0":"2021-07-05T16:56:18.967Z","modified":"2022-04-04T12:37:19.446Z","1.1.0":"2021-07-06T17:37:03.797Z","1.1.1":"2021-07-06T18:12:43.298Z"},"maintainers":[{"name":"alekremi","email":"aleksandr.kreminskij@gmail.com"}],"description":"Library to integrate LiveChat with Angular","homepage":"https://github.com/alekremi/ngx-livechat","keywords":["angular","livechat","livechat module","livechat service"],"repository":{"type":"git","url":"git+https://github.com/alekremi/ngx-livechat.git"},"author":{"name":"Aleksandr Kreminskij","email":"aleksandr.kreminskij@gmail.com"},"bugs":{"url":"https://github.com/alekremi/ngx-livechat/issues"},"license":"MIT","readme":"## Library to integrate [Livechat](https://www.livechat.com/) with Angular\r\n\r\n#### Demo\r\n\r\nStackBlitz [live example](https://stackblitz.com/edit/ngx-livechat-example).\r\n\r\n### Installation\r\n\r\n```bash\r\nnpm install --save @alekremi/ngx-livechat\r\n```\r\n\r\n### Usage\r\n\r\nImport `NgxLivechatModule` in Angular AppModule.\r\n\r\n```javascript\r\nimport { NgModule } from '@angular/core';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { NgxLivechatModule } from 'ngx-livechat';\r\n\r\nimport { AppComponent } from './app.component';\r\n\r\n@NgModule({\r\n  imports: [BrowserModule, NgxLivechatModule.forRoot({ license: 11082047 })],\r\n  declarations: [AppComponent],\r\n  bootstrap: [AppComponent]\r\n})\r\nexport class AppModule {}\r\n```\r\n\r\nThe `NgxLivechatService` also provides methods for LiveChat APIs, such as:\r\n\r\n- `open_chat_window`\r\n- `minimize_chat_window` and etc.\r\n\r\nFor example, how to programmatically open a LiveChat window:\r\n\r\n```javascript\r\nconstructor(private livechatService: NgxLivechatService) {}\r\n\r\nopenChatWindow(): void {\r\n    this.livechatService.openChatWindow();\r\n}\r\n\r\n```\r\n\r\n### Advanced usage\r\n\r\nUsing external configuration\r\n\r\nFor example your external configuration looks like:\r\n\r\n```javascript\r\ninterface ExternalConfig {\r\n  liveChatLicense: number;\r\n  //...any other params\r\n}\r\n```\r\n\r\nFirst, we have to set manual initialization flag and specify any license number (for example, 0, this license number will be overwritten when the API service returns the external configuration).\r\n\r\n```javascript\r\nNgxLivechatModule.forRoot({ license: 0, initManually: true });\r\n```\r\n\r\napp.module.ts example:\r\n\r\n```javascript\r\nimport { APP_INITIALIZER, NgModule } from '@angular/core';\r\nimport { BrowserModule } from '@angular/platform-browser';\r\nimport { HttpClientModule, HttpClient } from '@angular/common/http';\r\nimport { tap } from 'rxjs/operators';\r\nimport { NgxLivechatModule, NgxLivechatConfig, NGX_LIVECHAT_CONFIG } from '@alekremi/ngx-livechat';\r\n\r\nimport { AppComponent } from './app.component';\r\n\r\nexport function liveChatConfigFactory(httpClient: HttpClient, config: NgxLivechatConfig) {\r\n  return (): Promise<ExternalConfig> =>\r\n    httpClient.get <\r\n    ExternalConfig >\r\n    'YOUR_API_URL'.pipe(tap((externalConfig) => (config.license = externalConfig.liveChatLicense))).toPromise();\r\n}\r\n\r\n@NgModule({\r\n  imports: [BrowserModule, HttpClientModule, NgxLivechatModule.forRoot({ license: 0, initManually: true })],\r\n  providers: [\r\n    {\r\n      provide: APP_INITIALIZER,\r\n      useFactory: liveChatConfigFactory,\r\n      deps: [HttpClient, NGX_LIVECHAT_CONFIG],\r\n      multi: true\r\n    }\r\n  ],\r\n  declarations: [AppComponent],\r\n  bootstrap: [AppComponent]\r\n})\r\nexport class AppModule {}\r\n```\r\n\r\nThen initialize LiveChat mannualy for example in app.component.ts:\r\n\r\n```javascript\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { NgxLivechatService } from '@alekremi/ngx-livechat';\r\n\r\n@Component({\r\n  selector: 'app-root',\r\n  templateUrl: './app.component.html',\r\n  styleUrls: ['./app.component.css']\r\n})\r\nexport class AppComponent implements OnInit {\r\n  constructor(private livechatService: NgxLivechatService) {}\r\n\r\n  ngOnInit(): void {\r\n    this.livechatService.initLiveChat();\r\n  }\r\n}\r\n```\r\n\r\n### Configuration\r\n\r\n| Parameter         | Optional | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                   |\r\n| ----------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\r\n| license           | No       | LiveChat license number.                                                                                                                                                                                                                                                                                                                                                                                                                                      |\r\n| group             | Yes      | Chat window group (defaults to \"0\"). You can divide LiveChat agents into different departments, such as \"Billing\" or \"Support\". <br>For example, if this parameter will point to group \"Billing\", all visitors entering the chat will talk with agents from this group and not the \"Support\" group. groups                                                                                                                                                    |\r\n| chatBetweenGroups | Yes      | By default, visitor's browsing history is remembered across different groups. <br><br> If you don't want to display visitor's browsing history across different groups, use the following code. <br><br>Using this parameter is not recommended when using target field in the pre-chat survey.                                                                                                                                                               |\r\n| params            | Yes      | Custom variables sent to LiveChat applications.<br>These can be your visitor's account ID, login or any other information that is important for LiveChat agent during the chat. <br><br>\"name\" can be max 500 characters long.<br>\"value\" can be max 3500 characters long.                                                                                                                                                                                    |\r\n| visitor           | Yes      | Visitor's data. If your visitor is already logged in to your system, you can pass his name and e-mail to LiveChat apps.<br>Agents will see the information on the \"Visitors\" list and in the Archives.                                                                                                                                                                                                                                                        |\r\n| gaVersion         | Yes      | By default, our tracking code strores LiveChat related data in the Google Analytics gaq - traditional asynchronous code for Google Analytics.<br><br>If you are using a different type of Google Analytics, you can decide which one LiveChat should track.<br><br>The available options are: <br>ga – Universal Analytics;<br> gtm – Google Tag Manager;<br> gtag – Global Site Tag (gtag.js);<br> gaq – traditional asynchronous code for Google Analytics. |\r\n| initManually      | Yes      | The parameter determines whether LiveChat will be manually initialized. By default, it is initialized when the application starts.                                                                                                                                                                                                                                                                                                                            |\r\n","readmeFilename":"README.md"}