@ada-support/embed2 1.0.39 → 1.0.43

package/README.md

@@ -1,164 +1,28 @@
 # Embed 2
 
-Embed 2 helps clients to setup Ada Web Chat in their web application. These docs are for internal-use only; for client-facing docs check out our [docs repo](https://adasupport.github.io/documentation/#embed2).
+Embed 2 allows clients to setup Ada Web Chat in their web application. For further information on how to use Embed, check out our [docs repo](https://adasupport.github.io/documentation/#embed2).
 
-## Setup
-
-These instructions will get Embed 2 up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.
-
-### 1. Start Embed 2
-Run this command:
+## 1. Installation
+NPM:
 ```
-yarn && yarn start
+npm install @ada-support/embed2
 ```
-This will install dependencies and start the webpack dev server.
-
-### 2. Open the example page
-🎉 Head over to http://test.localhost:9001/example/. You should now be good to go! 🎉 
-
-Instead of `test`, you can also use a different handle to use a different local bot instead.
-
-If you are new to Embed 2, the next step will be to familiarize yourself with its architecture. You can find `README.md`s in each of the major directories that will explain how it works.
-
-You can also test different configuration options in `example/index.html`.
-
-Finally, it is highly recommend that you install the following plugins (or equivalent) into your text editor / IDE:
-- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
-- [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)
-
-## Tooling
-
-### Linting and Type Checking
-
-You can check for ESLint violations and type errors by running:
-
+Yarn:
 ```
-yarn lint
+yarn add @ada-support/embed2
 ```
+This will install the Embed 2 package and it's dependencies.
 
-This will also run automatically during CI.
-
-### Sentry
-
-If you want to run Sentry locally, you will need to set the value for the Sentry DSN in your .env file. Create and open your .env file:
 
+## 2. Usage
+First, import Embed 2 into your App: 
 ```
-cp .env.example .env
-vim .env
+import adaEmbed from "@ada-support/embed2";
 ```
-
-Find the Sentry DSN for the Embed 2 project at https://docs.sentry.io/error-reporting/configuration/?platform=browser and selecting "Embed" from the dropdown menu above the code snippet. Copy this value (it should be a string that looks like a URL) to the .env file.
-
-### Checking Bundle Size
-
-Embed 2 is the entry to Ada's web chat, and is downloaded more than any other Ada script. As such, maintaining a small bundle size is extremely important. We do this by leveraging the browser cache, and using lightweight modules. Additionally, separate `modern` and `legacy` bundles are generated, so the majority of users who use new browser versions do not need to fetch superfluous polyfills.
-
-Bundle size should be checked periodically. You can check the bundle size by running:
-
+Second, place the code below to start Embed 2 when the DOM is ready:
 ```
-yarn bundle-report:modern
+adaEmbed.start({
+  handle: "bot-handle",
+});
 ```
-
-and
-
-```
-yarn bundle-report:legacy
-```
-
-You will notice that many tabs are opened when running this command. Because Embed 2 is split between many sub-applications (representing framed components), a bundle analyzer is run for each application. The total bundle size is equal to sum of bundle sizes, plus external dependencies.
-
-## Connecting to an external bot
-In certain scenarios it can be useful to run Embed 2 locally, but connect to a bot that exists on one of our external environments (`production`, `staging`, `dev`, `dev2`). To achieve this follow the steps below.
-1. open example/index.html and modify the `domain` parameter in the settings dictionary to match the environment the external bot exists on, should be one of `ada-dev`, `ada-dev2`, `ada-stage`, `ada` for dev, dev2, stage, or production respectively.
-2. open src/common/helpers/url/index.ts and modify the `getURL` function to return early after constructing the `prodURL`
-```javascript
-export function getURL({
-    ...
-    const prodUrl = `https://${handle}${clusterString}.${domainString}.support/${name}/${routeString}${questionSym}${queryString}`;
-    return prodURL
-})
-```
-After starting Embed 2, access the example page by entering `http://<bot-handle>.localhost:9000` and replace <bot-handle> with the bot handle as it exists on the external environment.
-## Testing
-
-### Unit testing
-
-Unit testing is done with Karma and Jasmine. Tests can be run on a local Chrome browser with:
-
-```
-yarn test
-```
-
-### End-to-end testing
-
-#### TestCafe
-
-TestCafe can run E2E tests on real browsers via LambdaTest. These tests will run automatically during the CI pipeline, but can also be run locally.
-
-To run locally, you will first need to add `LT_USERNAME` and `LT_ACCESS_KEY` to your `.env` file. You can find your username and access key in the LambdaTest dashboard. If you have not used LambdaTest before, follow this setup guide [here](https://www.notion.so/adasupport/Cross-Browser-Testing-e141ba6682c0476ca96d329b53fc0bb2).
-
-
-Once you have added valid keys, you can now run TestCafe with:
-
-```
-yarn ci-testcafe
-```
-
-Note that this is the same command that runs during CI, and will make requests against the production API. If you would like to run against your local API, you can run:
-
-```
-yarn tc
-```
-
-#### Cypress
-
-Cypress E2E tests can be run using:
-
-```
-yarn ci-cypress
-```
-
-## Deployment
-
-### Steps to Deploy
-
-Follow instructions listed on [this notion page](https://www.notion.so/adasupport/Embed-2-deployment-runbook-fb81e8a28cb14ef1a607059914fb875a)
-
-Deployment of the static script is handled automatically by CircleCI when merging a branch into `master`. Once merged, two script will be added to the Ada CDN:
-
-```
-https://static.ada.support/embed2.<VERSION>.js
-```
-
-#### Example
-```
-https://static.ada.support/embed2.1.0.35.js
-```
-
-Once static script is created, production deployment will be "held" until approved by an Embed 2 admin. To approve the deploy, open the CircleCI job in question, and click on "Approve Job". You can read more about manual approval [here](https://circleci.com/docs/2.0/workflows/#holding-a-workflow-for-a-manual-approval).
-
-Deploying production will create the versionless script
-
-```
-https://static.ada.support/embed2.js
-```
-
-Deploying to other cluster will create a script in following format.
-
-```
-https://static.ada.support/embed2.<CLUSTER>.js
-```
-
-If you require access to the [Embed Procuction Deploys](https://github.com/orgs/AdaSupport/teams/embed-production-deploys) team (needed for production deployment), please reach out to an Engineering admin.
-
-## Versioning
-We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [releases on this repository](https://github.com/AdaSupport/embed-frames/releases).
-
-## Architecture
-![Frontend Architecture@2x(1)](https://user-images.githubusercontent.com/9045634/97473287-32b0e100-1921-11eb-98c6-d3059d6f24a8.png)
-
-Loom explanation: <https://www.loom.com/share/22f7b0060b3f46c8b3781afb1aae4b89>
-
-
-## Gotchas
-There are artifical timeouts in the application that may cause you not to see any errors with what you are working on. The longest timeout is 60000ms (60s). Please ensure you shorten this locally when you are testing your work. You can adjust this here: `src/common/constants/events.ts`
+In the example above the `handle` key is a part of `AdaSettings`. To learn more about other settings, consult the [API reference](https://adasupport.github.io/documentation/#api-reference).

package/dist/npm-entry/campaigns/campaign.d.ts

@@ -1,7 +1,7 @@
-import MessageService from "client/lib/message-service";
-import { EvaluateCampaignParams } from "common/types";
-import { StartOptions } from "common/types/store-state";
-import { MarketingCampaign } from "./types";
+import type { MessageService } from "client/lib/message-service";
+import type { EvaluateCampaignParams } from "common/types";
+import type { StartOptions } from "common/types/store-state";
+import type { MarketingCampaign } from "./types";
 interface TriggerCampaignImplParams {
     adaSettings: StartOptions;
     chatterToken: string;

package/dist/npm-entry/client/components/ButtonFrame/index.d.ts

@@ -1,5 +1,5 @@
 import { h } from "preact";
-import { StartOptions } from "common/types/store-state";
+import type { StartOptions } from "common/types/store-state";
 interface OwnProps {
     frameWidth: number;
     adaSettings: StartOptions;

package/dist/npm-entry/client/components/ChatFrame/index.d.ts

@@ -1,8 +1,8 @@
 import { h } from "preact";
-import MessageService from "client/lib/message-service";
+import type { MessageService } from "client/lib/message-service";
 import type { StoreProxy } from "client/lib/store-proxy";
-import { Module } from "common/types/modules";
-import { StartOptions } from "common/types/store-state";
+import type { Module } from "common/types/modules";
+import type { StartOptions } from "common/types/store-state";
 interface OwnProps {
     name: Module;
     adaSettings: StartOptions;

package/dist/npm-entry/client/components/Container/index.d.ts

@@ -1,7 +1,7 @@
 import { h } from "preact";
-import MessageService from "client/lib/message-service";
+import type { MessageService } from "client/lib/message-service";
 import type { StoreProxy } from "client/lib/store-proxy";
-import { StartOptions } from "common/types/store-state";
+import type { StartOptions } from "common/types/store-state";
 interface OwnProps {
     store: StoreProxy;
     messageService: MessageService;

package/dist/npm-entry/client/components/IFrame/index.d.ts

@@ -1,7 +1,7 @@
 import { h } from "preact";
-import MessageService from "client/lib/message-service";
+import type { MessageService } from "client/lib/message-service";
 import type { StoreProxy } from "client/lib/store-proxy";
-import { Module } from "common/types/modules";
+import type { Module } from "common/types/modules";
 interface OwnProps {
     name: Module;
     styles: string;

package/dist/npm-entry/client/index.d.ts

@@ -1,16 +1,16 @@
-import { EventSubscriptionCallback } from "client/helpers/event-subscriptions";
-import MessageService from "client/lib/message-service";
+import type { EventSubscriptionCallback } from "client/helpers/event-subscriptions";
+import { MessageService } from "client/lib/message-service";
 import { StoreProxy } from "client/lib/store-proxy";
 import "client/lib/error-tracker";
-import Client from "common/models/client";
-import { EvaluateCampaignParams, ResetParams, WindowInfo } from "common/types";
-import { MetaFieldPayload } from "common/types/store";
-import { StartOptions } from "common/types/store-state";
-import { CE } from "./lib/ce";
+import type Client from "common/models/client";
+import type { EvaluateCampaignParams, ResetParams, WindowInfo } from "common/types";
+import type { MetaFieldPayload } from "common/types/store";
+import type { StartOptions } from "common/types/store-state";
+import type { CustomEventChannel } from "./lib/ce";
 export declare class Embed {
     client: Client;
     storage: Storage;
-    localChannel: CE;
+    localChannel: CustomEventChannel;
     store: StoreProxy;
     messageService: MessageService;
     buttonWasMoved: boolean;

package/dist/npm-entry/client/lib/ce.d.ts

@@ -1,10 +1,11 @@
-import { FetchEventStatusType } from "common/constants/events";
-import { Channel, EmbedEvent, PayloadByEvent } from "common/lib/channel";
-import { AdaCustomEvent, Refhandler } from "common/types/events";
+import type { FetchEventStatusType } from "common/constants/events";
+import type { EmbedEvent, PayloadByEvent } from "common/lib/channel";
+import { Channel } from "common/lib/channel";
+import type { AdaCustomEvent, Refhandler } from "common/types/events";
 /**
  * Custom Event Channel
  */
-export declare class CE extends Channel {
+export declare class CustomEventChannel extends Channel {
     protected trackedListeners: Set<Refhandler>;
     protected trackedTimeouts: Set<number>;
     protected eventType: string;

package/dist/npm-entry/client/lib/message-service.d.ts

@@ -1,11 +1,11 @@
-import FC from "common/lib/fc";
-import { Channels } from "common/types/channels";
-import { Module } from "common/types/modules";
-import { CE } from "./ce";
-export default class MessageService {
+import { FrameChannel } from "common/lib/fc";
+import type { Channels } from "common/types/channels";
+import type { Module } from "common/types/modules";
+import { CustomEventChannel } from "./ce";
+export declare class MessageService {
     channels: Channels;
-    registerFrameChannel(name: Module, targetWindow: Window, targetOrigin?: string): FC;
+    registerFrameChannel(name: Module, targetWindow: Window, targetOrigin?: string): FrameChannel;
     unregisterChannel(name: keyof Channels): void;
-    getChannel(name: keyof Channels): FC | CE | null;
-    getAllChannels(): (CE | FC)[];
+    getChannel(name: keyof Channels): FrameChannel | CustomEventChannel | null;
+    getAllChannels(): (FrameChannel | CustomEventChannel)[];
 }

package/dist/npm-entry/client/lib/store-proxy.d.ts

@@ -1,11 +1,11 @@
-import MessageService from "client/lib/message-service";
+import type { MessageService } from "client/lib/message-service";
 import { Store } from "client/store";
-import { Channels } from "common/types/channels";
-import { StoreProxyInterface } from "common/types/store";
-import { StoreState } from "common/types/store-state";
-import { CE } from "./ce";
+import type { Channels } from "common/types/channels";
+import type { StoreProxyInterface } from "common/types/store";
+import type { StoreState } from "common/types/store-state";
+import type { CustomEventChannel } from "./ce";
 export declare class StoreProxy implements StoreProxyInterface {
-    localChannel: CE;
+    localChannel: CustomEventChannel;
     store: Store;
     registeredCallbacks: ((payload: StoreState) => void)[];
     constructor(messageService: MessageService);

package/dist/npm-entry/client/store/index.d.ts

@@ -1,6 +1,6 @@
-import MessageService from "client/lib/message-service";
-import { Channels } from "common/types/channels";
-import { StoreState } from "common/types/store-state";
+import type { MessageService } from "client/lib/message-service";
+import type { Channels } from "common/types/channels";
+import type { StoreState } from "common/types/store-state";
 export declare class Store {
     state: StoreState;
     defaultState: StoreState;

package/dist/npm-entry/client/store/state.d.ts

@@ -1,3 +1,3 @@
-import { StoreState } from "common/types/store-state";
+import type { StoreState } from "common/types/store-state";
 declare const state: StoreState;
 export default state;

package/dist/npm-entry/common/lib/fc/index.d.ts

@@ -1,13 +1,14 @@
-import { FetchEventStatusType } from "common/constants/events";
-import { Channel, EmbedEvent, PayloadByEvent } from "common/lib/channel";
-import { Refhandler } from "common/types/events";
+import type { FetchEventStatusType } from "common/constants/events";
+import type { EmbedEvent, PayloadByEvent } from "common/lib/channel";
+import { Channel } from "common/lib/channel";
+import type { Refhandler } from "common/types/events";
 /**
  * Frame Channel: Used for postMessage communication between iFrames.
  * NOTE: iFrames must have the same domain - when postMessages are sent between
  * iframes they use the eventListener below to check if the target domain matches
  * the domain from where the postMessage originated from.
  */
-export default class FC extends Channel {
+export declare class FrameChannel extends Channel {
     protected trackedListeners: Set<Refhandler>;
     protected trackedTimeouts: Set<number>;
     protected eventType: string;
@@ -20,5 +21,5 @@ export default class FC extends Channel {
     private static isMessageEvent;
     postMessage<T extends EmbedEvent>(eventName: T, data?: PayloadByEvent[T], id?: string, status?: FetchEventStatusType): void;
     addEventListener(handler: (type: string, payload?: object, id?: string, status?: FetchEventStatusType) => void): Refhandler;
-    constructObjectToSend(type?: string, payload?: unknown, id?: string, status?: FetchEventStatusType): string;
+    constructObjectToSend(eventName?: string, payload?: unknown, id?: string, status?: FetchEventStatusType): string;
 }

package/dist/npm-entry/common/types/channels.d.ts

@@ -1,10 +1,10 @@
-import { CE } from "client/lib/ce";
-import FC from "common/lib/fc";
-import { PartialRecord } from "common/types/helpers";
-import { Module } from "common/types/modules";
-declare type FrameChannels = PartialRecord<Module, FC>;
+import type { CustomEventChannel } from "client/lib/ce";
+import type { FrameChannel } from "common/lib/fc";
+import type { PartialRecord } from "common/types/helpers";
+import type { Module } from "common/types/modules";
+declare type FrameChannels = PartialRecord<Module, FrameChannel>;
 interface LocalChannel {
-    local: CE;
+    local: CustomEventChannel;
 }
 export declare type Channels = FrameChannels & LocalChannel;
 export {};

package/dist/npm-entry/common/types/helpers.d.ts

@@ -1,4 +1,3 @@
-export declare type ValueOf<T> = T[keyof T];
 export declare type PartialRecord<K extends keyof any, T> = {
     [P in K]?: T;
 };

package/dist/npm-entry/common/types/store-state.d.ts

@@ -1,7 +1,6 @@
-import { ConnectionState } from "common/constants/events";
-import Client from "common/models/client";
-import { ChatterEventPayload } from "common/types/events";
-import { ValueOf } from "common/types/helpers";
+import type { ConnectionState } from "common/constants/events";
+import type Client from "common/models/client";
+import type { ChatterEventPayload } from "common/types/events";
 export interface StartOptions {
     handle?: string;
     lazy?: boolean;
@@ -41,7 +40,7 @@ export interface StartOptions {
 export interface StoreState extends StartOptionsNoFunction {
     chatterCreated?: string | null;
     chatterToken?: string | null;
-    client: Client;
+    client?: Client;
     isDrawerOpen: boolean;
     zdSessionId?: string | null;
     zdPreviousTags?: string | null;
@@ -52,7 +51,7 @@ export interface StoreState extends StartOptionsNoFunction {
         height?: number;
         width?: number;
     };
-    initialURL: string;
+    initialURL?: string;
     wasIntroShown: boolean;
     unreadMessageCount: number;
     embedStyles?: string;
@@ -60,14 +59,14 @@ export interface StoreState extends StartOptionsNoFunction {
         [key: string]: ConnectionState;
     };
     appConnectionState: ConnectionState;
-    notificationsPermission: NotificationPermission;
+    notificationsPermission?: NotificationPermission;
     browserHasNotificationSupport: boolean;
-    chatDimensions: {
+    chatDimensions?: {
         height?: number;
         width?: number;
     };
     isChatWebsocketConnected: boolean;
-    latestCampaignKey: string;
+    latestCampaignKey?: string;
     hasChatOpenedAfterProactiveMessagesShown: boolean;
     chatterInLiveChat: boolean;
     language?: string;
@@ -96,4 +95,3 @@ export interface StartOptionsNoFunction {
     };
     preload?: boolean;
 }
-export declare type ResponsePayload = Promise<StoreState | ValueOf<StoreState>>;

package/dist/npm-entry/frames/components/x-storage/index.d.ts

@@ -0,0 +1,12 @@
+import "frames/lib/error-tracker";
+export declare const LIVE_CHAT_PENDING_STORAGE_KEY = "liveChatPending";
+export declare const IS_DRAWER_OPEN_STORAGE_KEY = "ada-embed_is-drawer-open";
+/**
+ * NOTE: If you import this file into any other file
+ * it will trigger the init() function below - may cause errors!
+ */
+/**
+ * Auto-opens the chat door if crossWindowPersistence is one, the chatter is in
+ * a live chat, and if the drawer was previously opened.
+ */
+export declare function setIsDrawerOpen(): Promise<void>;

package/dist/npm-entry/frames/helpers/frame-init.d.ts

@@ -0,0 +1,3 @@
+import { StoreState } from "common/types/store-state";
+export declare function initializeFrame(waitForOtherFrames?: boolean, initialState?: Partial<StoreState>): Promise<boolean>;
+export declare function addCustomStyles(styles: string, hasUICustomization: boolean): void;

package/dist/npm-entry/frames/lib/error-tracker.d.ts

@@ -0,0 +1,6 @@
+import * as Sentry from "@sentry/browser";
+declare const errorTracker: {
+    trackException(error: Error): void;
+    addBreadCrumb(category: string, message: string, data: object, level?: Sentry.Severity): void;
+};
+export default errorTracker;

package/dist/npm-entry/frames/lib/frame-fc.d.ts

@@ -0,0 +1,3 @@
+import FC from "common/lib/fc";
+declare const _default: FC;
+export default _default;

package/dist/npm-entry/frames/lib/store-proxy.d.ts

@@ -0,0 +1,2 @@
+import { StoreProxyInterface } from "common/types/store";
+export declare const store: StoreProxyInterface;

package/dist/npm-entry/index.js

@@ -873,12 +873,14 @@ var values_default = /*#__PURE__*/__webpack_require__.n(values);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/reflect/construct.js
 var construct = __webpack_require__(1068);
 var construct_default = /*#__PURE__*/__webpack_require__.n(construct);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/typeof.js
+var esm_typeof = __webpack_require__(9623);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/assertThisInitialized.js
 var assertThisInitialized = __webpack_require__(5281);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/inherits.js
 var inherits = __webpack_require__(306);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn.js + 1 modules
-var possibleConstructorReturn = __webpack_require__(1770);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn.js
+var possibleConstructorReturn = __webpack_require__(3020);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/getPrototypeOf.js
 var getPrototypeOf = __webpack_require__(3362);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/set.js
@@ -890,6 +892,9 @@ var includes_default = /*#__PURE__*/__webpack_require__.n(includes);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/json/stringify.js
 var stringify = __webpack_require__(9340);
 var stringify_default = /*#__PURE__*/__webpack_require__.n(stringify);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/instance/concat.js
+var concat = __webpack_require__(7766);
+var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
 // EXTERNAL MODULE: ./node_modules/uniqid/index.js
 var uniqid = __webpack_require__(6104);
 var uniqid_default = /*#__PURE__*/__webpack_require__.n(uniqid);
@@ -8495,7 +8500,7 @@ var client = new error_tracker_BrowserClient({
     return event;
   },
   environment: "production",
-  release: "a890d11ff8a747b0530d3d7e4797e541fa1c5467",
+  release: "5094d37a41a17d892252465cfc3fc353b6f1da1d",
   sampleRate: 0.25,
   autoSessionTracking: false,
   // Integrations don't seem to work with Sentry: https://github.com/getsentry/sentry-javascript/issues/2541
@@ -8775,27 +8780,31 @@ var Channel = /*#__PURE__*/function () {
 
 
 
+
+
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0,getPrototypeOf/* default */.Z)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0,getPrototypeOf/* default */.Z)(this).constructor; result = construct_default()(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0,possibleConstructorReturn/* default */.Z)(this, result); }; }
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !(construct_default())) return false; if ((construct_default()).sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(construct_default()(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 
 
+
 /**
  * Frame Channel: Used for postMessage communication between iFrames.
  * NOTE: iFrames must have the same domain - when postMessages are sent between
  * iframes they use the eventListener below to check if the target domain matches
  * the domain from where the postMessage originated from.
  */
-var FC = /*#__PURE__*/function (_Channel) {
-  (0,inherits/* default */.Z)(FC, _Channel);
+var FrameChannel = /*#__PURE__*/function (_Channel) {
+  (0,inherits/* default */.Z)(FrameChannel, _Channel);
 
-  var _super = _createSuper(FC);
+  var _super = _createSuper(FrameChannel);
 
-  function FC(name, targetWindow, targetOrigin) {
+  function FrameChannel(name, targetWindow, targetOrigin) {
     var _this;
 
-    (0,classCallCheck/* default */.Z)(this, FC);
+    (0,classCallCheck/* default */.Z)(this, FrameChannel);
 
     _this = _super.call(this);
 
@@ -8821,7 +8830,7 @@ var FC = /*#__PURE__*/function (_Channel) {
     return _this;
   }
 
-  _createClass(FC, [{
+  _createClass(FrameChannel, [{
     key: "postMessage",
     value: function postMessage(eventName, data, id, status) {
       this.targetWindow.postMessage(this.constructObjectToSend(eventName, data, id, status), this.targetOrigin);
@@ -8841,7 +8850,7 @@ var FC = /*#__PURE__*/function (_Channel) {
         }
 
         try {
-          if (FC.isMessageEvent(event)) {
+          if (FrameChannel.isMessageEvent(event)) {
             parsedData = JSON.parse(event.data);
           }
         } catch (_unused) {
@@ -8868,19 +8877,28 @@ var FC = /*#__PURE__*/function (_Channel) {
   }, {
     key: "constructObjectToSend",
     value: function constructObjectToSend() {
-      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+      var eventName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
       var payload = arguments.length > 1 ? arguments[1] : undefined;
       var id = arguments.length > 2 ? arguments[2] : undefined;
       var status = arguments.length > 3 ? arguments[3] : undefined;
+
       // IE passes event message data as a string, so we normalize to string for all objects
       // (for all browsers)
-      return stringify_default()({
-        name: this.name,
-        type: type,
-        payload: payload,
-        id: id,
-        status: status
-      });
+      try {
+        return stringify_default()({
+          name: this.name,
+          type: eventName,
+          payload: payload,
+          id: id,
+          status: status
+        });
+      } catch (e) {
+        var _context2, _context3;
+
+        var reason = e instanceof Error ? e.message : "unknown";
+        var payloadRootKeys = payload && (0,esm_typeof/* default */.Z)(payload) === "object" ? keys_default()(payload) : [];
+        throw new errors/* AdaEmbedError */.S(concat_default()(_context2 = concat_default()(_context3 = "Failed to stringify object to JSON. Reason: \"".concat(reason, "\". Event name: \"")).call(_context3, eventName, "\". Payload root keys: ")).call(_context2, payloadRootKeys.join(", "), "."));
+      }
     }
   }], [{
     key: "isMessageEvent",
@@ -8889,13 +8907,8 @@ var FC = /*#__PURE__*/function (_Channel) {
     }
   }]);
 
-  return FC;
+  return FrameChannel;
 }(Channel);
-
-
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/instance/concat.js
-var concat = __webpack_require__(7766);
-var concat_default = /*#__PURE__*/__webpack_require__.n(concat);
 ;// CONCATENATED MODULE: ./src/client/helpers/events/index.ts
 /**
  * Older browsers like IE11 cannot use Event and CustomEvent constructors. These
@@ -8961,17 +8974,17 @@ var ADA_CUSTOM_EVENT = "ada-custom-message";
  * Custom Event Channel
  */
 
-var CE = /*#__PURE__*/function (_Channel) {
-  (0,inherits/* default */.Z)(CE, _Channel);
+var CustomEventChannel = /*#__PURE__*/function (_Channel) {
+  (0,inherits/* default */.Z)(CustomEventChannel, _Channel);
 
-  var _super = ce_createSuper(CE);
+  var _super = ce_createSuper(CustomEventChannel);
 
-  function CE() {
+  function CustomEventChannel() {
     var _context;
 
     var _this;
 
-    (0,classCallCheck/* default */.Z)(this, CE);
+    (0,classCallCheck/* default */.Z)(this, CustomEventChannel);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -8990,9 +9003,9 @@ var CE = /*#__PURE__*/function (_Channel) {
     return _this;
   }
 
-  _createClass(CE, [{
+  _createClass(CustomEventChannel, [{
     key: "postMessage",
-    value: // We want CE to have the same interface as FC
+    value: // We want CustomEventChannel to have the same interface as FrameChannel
     function postMessage(eventName, data, id, status) {
       var customEvent = createNewCustomEvent(this.eventType, this.constructObjectToSend(eventName, data, id, status));
       window.dispatchEvent(customEvent);
@@ -9020,8 +9033,6 @@ var CE = /*#__PURE__*/function (_Channel) {
   }, {
     key: "constructObjectToSend",
     value: function constructObjectToSend(type, payload, id, status) {
-      // IE passes event message data as a string, so we normalize to string for all objects
-      // (for all browsers)
       return {
         type: type || "",
         payload: payload,
@@ -9031,7 +9042,7 @@ var CE = /*#__PURE__*/function (_Channel) {
     }
   }]);
 
-  return CE;
+  return CustomEventChannel;
 }(Channel);
 ;// CONCATENATED MODULE: ./src/client/lib/message-service.ts
 
@@ -9041,20 +9052,19 @@ var CE = /*#__PURE__*/function (_Channel) {
 
 
 
-
 var MessageService = /*#__PURE__*/function () {
   function MessageService() {
     (0,classCallCheck/* default */.Z)(this, MessageService);
 
     (0,defineProperty/* default */.Z)(this, "channels", {
-      local: new CE()
+      local: new CustomEventChannel()
     });
   }
 
   _createClass(MessageService, [{
     key: "registerFrameChannel",
     value: function registerFrameChannel(name, targetWindow, targetOrigin) {
-      var frameChannel = new FC(name, targetWindow, targetOrigin);
+      var frameChannel = new FrameChannel(name, targetWindow, targetOrigin);
       this.channels[name] = frameChannel;
       return frameChannel;
     }
@@ -9091,8 +9101,6 @@ var MessageService = /*#__PURE__*/function () {
 
   return MessageService;
 }();
-
-
 // EXTERNAL MODULE: ./node_modules/json-stable-stringify/index.js
 var json_stable_stringify = __webpack_require__(7266);
 var json_stable_stringify_default = /*#__PURE__*/__webpack_require__.n(json_stable_stringify);
@@ -9179,7 +9187,7 @@ function getEmbedURL(_ref) {
     polyfillVersionString = "legacy";
   }
 
-  return concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "".concat(host, "/embed/")).call(_context7, polyfillVersionString, "/")).call(_context6, frameName, "/")).call(_context5, "a890d11", "/index.html");
+  return concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "".concat(host, "/embed/")).call(_context7, polyfillVersionString, "/")).call(_context6, frameName, "/")).call(_context5, "5094d37", "/index.html");
 }
 /**
  * Generate the Chat / API URL
@@ -11447,7 +11455,7 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
           closeTransitionTime = _this$state.closeTransitionTime;
       var isShown = isDrawerOpen && isMounted;
       var backgroundColor = this.darkMode ? "#121212" : "#fff";
-      var borderRadius = (client === null || client === void 0 ? void 0 : (_client$ui_settings2 = client.ui_settings) === null || _client$ui_settings2 === void 0 ? void 0 : _client$ui_settings2.chat.style) === "rectangular" ? "8px" : "16px";
+      var borderRadius = ((_client$ui_settings2 = client.ui_settings) === null || _client$ui_settings2 === void 0 ? void 0 : _client$ui_settings2.chat.style) === "rectangular" ? "8px" : "16px";
       var WINDOW_HEIGHT = 725;
       var TEST_BOT_NAV_HEIGHT = 48;
       var isTestBot = client.features.embed_test_bot && testMode;
@@ -11471,7 +11479,7 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
   }, {
     key: "visibleProactiveStyles",
     get: function get() {
-      var _client$ui_settings3, _client$ui_settings3$, _client$chat_button, _context15, _context16, _context17;
+      var _client$ui_settings3, _client$ui_settings3$, _context15, _context16, _context17;
 
       var _this$props5 = this.props,
           chatDimensions = _this$props5.chatDimensions,
@@ -11481,7 +11489,7 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
 
       var delta = 3;
       var TEXT_BUTTON_HEIGHT = 44;
-      var bottomOffset = (client === null || client === void 0 ? void 0 : (_client$ui_settings3 = client.ui_settings) === null || _client$ui_settings3 === void 0 ? void 0 : (_client$ui_settings3$ = _client$ui_settings3.embed) === null || _client$ui_settings3$ === void 0 ? void 0 : _client$ui_settings3$.style) === "text" ? TEXT_BUTTON_HEIGHT - delta : (client === null || client === void 0 ? void 0 : (_client$chat_button = client.chat_button) === null || _client$chat_button === void 0 ? void 0 : _client$chat_button.size) - delta;
+      var bottomOffset = (client === null || client === void 0 ? void 0 : (_client$ui_settings3 = client.ui_settings) === null || _client$ui_settings3 === void 0 ? void 0 : (_client$ui_settings3$ = _client$ui_settings3.embed) === null || _client$ui_settings3$ === void 0 ? void 0 : _client$ui_settings3$.style) === "text" ? TEXT_BUTTON_HEIGHT - delta : (client === null || client === void 0 ? void 0 : client.chat_button.size) - delta;
       return concat_default()(_context15 = concat_default()(_context16 = concat_default()(_context17 = "\n      box-shadow: none;\n      background: none;\n      height: ".concat(chatDimensions === null || chatDimensions === void 0 ? void 0 : chatDimensions.height, "px !important;\n      width: ")).call(_context17, chatDimensions === null || chatDimensions === void 0 ? void 0 : chatDimensions.width, "px !important;\n      ")).call(_context16, getAlignment(adaSettings), ": 0;\n      bottom: ")).call(_context15, bottomOffset, "px;\n      z-index: 9999;\n    ");
     }
   }, {
@@ -11994,7 +12002,7 @@ var IntroFrame = /*#__PURE__*/function (_Component) {
       var introPositionRight = INTRO_BUTTON_PADDING + buttonSize;
       var stylesForHiding = "\n      visibility: \"hidden\";\n      top: -9999px !important;\n      left: -9999px !important;\n    ";
 
-      var styles = concat_default()(_context = concat_default()(_context2 = concat_default()(_context3 = concat_default()(_context4 = concat_default()(_context5 = "\n      position: fixed;\n      ".concat(getAlignment(adaSettings), ": ")).call(_context5, introPositionRight, "px;\n      bottom: 8px;\n      z-index: 10000;\n      max-height: 300px;\n      max-width: 250px;\n      opacity: ")).call(_context4, this.isShown ? "1" : "0", ";\n      height: ")).call(_context3, introDimensions === null || introDimensions === void 0 ? void 0 : introDimensions.height, "px;\n      width: ")).call(_context2, introDimensions === null || introDimensions === void 0 ? void 0 : introDimensions.width, "px;\n\n      ")).call(_context, Boolean(client === null || client === void 0 ? void 0 : client.features.chat_ui_v2) && concat_default()(_context6 = "\n        max-height: auto;\n        max-width: 350px;\n        z-index: 9999;\n        ".concat(getAlignment(adaSettings), ": 0;\n        bottom: ")).call(_context6, buttonSize - 20, "px;\n      "), "\n    ");
+      var styles = concat_default()(_context = concat_default()(_context2 = concat_default()(_context3 = concat_default()(_context4 = concat_default()(_context5 = "\n      position: fixed;\n      ".concat(getAlignment(adaSettings), ": ")).call(_context5, introPositionRight, "px;\n      bottom: 8px;\n      z-index: 10000;\n      max-height: 300px;\n      max-width: 250px;\n      opacity: ")).call(_context4, this.isShown ? "1" : "0", ";\n      height: ")).call(_context3, introDimensions.height, "px;\n      width: ")).call(_context2, introDimensions.width, "px;\n\n      ")).call(_context, Boolean(client === null || client === void 0 ? void 0 : client.features.chat_ui_v2) && concat_default()(_context6 = "\n        max-height: auto;\n        max-width: 350px;\n        z-index: 9999;\n        ".concat(getAlignment(adaSettings), ": 0;\n        bottom: ")).call(_context6, buttonSize - 20, "px;\n      "), "\n    ");
 
       if (!this.isShown) {
         return styles + stylesForHiding;
@@ -12439,7 +12447,7 @@ var Container = /*#__PURE__*/function (_Component) {
        */
 
 
-      if (chatterToken && prevProps.chatterToken !== chatterToken && client !== null && client !== void 0 && client.business_events && client !== null && client !== void 0 && client.features.afm_business_events) {
+      if (chatterToken && prevProps.chatterToken !== chatterToken && client !== null && client !== void 0 && client.business_events && client.features.afm_business_events) {
         this.evaluateBusinessEventConditions();
       }
     }
@@ -13879,7 +13887,7 @@ window.__AdaEmbedConstructor = Embed;
 /* harmony export */ });
 var isModern = new RegExp("((CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS)[ +]+(14|(1[5-9]|[2-9]\\d|\\d{3,}))[_.]\\d+(?:[_.]\\d+)?)|((Chromium|Chrome)\\/(92|(9[3-9]|\\d{3,}))\\.\\d+(?:\\.\\d+)?)|(Version\\/(14|(1[5-9]|[2-9]\\d|\\d{3,}))\\.\\d+(?:\\.\\d+)? Safari\\/)|(Firefox\\/(91|(9[2-9]|\\d{3,}))\\.\\d+\\.\\d+)|(Firefox\\/(91|(9[2-9]|\\d{3,}))\\.\\d+(pre|[ab]\\d+[a-z]*)?)").test(navigator.userAgent);
 var isProduction = "production" === "production";
-var embed2Version = "a890d11";
+var embed2Version = "5094d37";
 
 /***/ }),
 
@@ -13901,8 +13909,8 @@ var construct_default = /*#__PURE__*/__webpack_require__.n(construct);
 var classCallCheck = __webpack_require__(8420);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/inherits.js
 var inherits = __webpack_require__(306);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn.js + 1 modules
-var possibleConstructorReturn = __webpack_require__(1770);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn.js
+var possibleConstructorReturn = __webpack_require__(3020);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/getPrototypeOf.js
 var getPrototypeOf = __webpack_require__(3362);
 // EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/map.js
@@ -23399,51 +23407,25 @@ function _inherits(subClass, superClass) {
 
 /***/ }),
 
-/***/ 1770:
+/***/ 3020:
 /***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "Z": function() { return /* binding */ _possibleConstructorReturn; }
-});
-
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/symbol.js
-var symbol = __webpack_require__(1446);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/symbol/iterator.js
-var iterator = __webpack_require__(3327);
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/typeof.js
-
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof symbol === "function" && typeof iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof symbol === "function" && obj.constructor === symbol && obj !== symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/assertThisInitialized.js
-var assertThisInitialized = __webpack_require__(5281);
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/possibleConstructorReturn.js
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ _possibleConstructorReturn; }
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_corejs3_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9623);
+/* harmony import */ var _assertThisInitialized_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5281);
 
 
 function _possibleConstructorReturn(self, call) {
-  if (call && (_typeof(call) === "object" || typeof call === "function")) {
+  if (call && ((0,_babel_runtime_corejs3_helpers_typeof__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)(call) === "object" || typeof call === "function")) {
     return call;
   } else if (call !== void 0) {
     throw new TypeError("Derived constructors may only return object or undefined");
   }
 
-  return (0,assertThisInitialized/* default */.Z)(self);
+  return (0,_assertThisInitialized_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(self);
 }
 
 /***/ }),
@@ -23466,6 +23448,35 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
 
+/***/ }),
+
+/***/ 9623:
+/***/ (function(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": function() { return /* binding */ _typeof; }
+/* harmony export */ });
+/* harmony import */ var _babel_runtime_corejs3_core_js_symbol__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1446);
+/* harmony import */ var _babel_runtime_corejs3_core_js_symbol_iterator__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3327);
+
+
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  if (typeof _babel_runtime_corejs3_core_js_symbol__WEBPACK_IMPORTED_MODULE_0__ === "function" && typeof _babel_runtime_corejs3_core_js_symbol_iterator__WEBPACK_IMPORTED_MODULE_1__ === "symbol") {
+    _typeof = function _typeof(obj) {
+      return typeof obj;
+    };
+  } else {
+    _typeof = function _typeof(obj) {
+      return obj && typeof _babel_runtime_corejs3_core_js_symbol__WEBPACK_IMPORTED_MODULE_0__ === "function" && obj.constructor === _babel_runtime_corejs3_core_js_symbol__WEBPACK_IMPORTED_MODULE_0__ && obj !== _babel_runtime_corejs3_core_js_symbol__WEBPACK_IMPORTED_MODULE_0__.prototype ? "symbol" : typeof obj;
+    };
+  }
+
+  return _typeof(obj);
+}
+
 /***/ })
 
 /******/ 	});
@@ -23660,7 +23671,7 @@ function _loadEmbed() {
                 polyfillVersionString = "legacy";
               }
 
-              embedScriptSource = concat_default()(_context16 = concat_default()(_context17 = "".concat(host, "/embed/")).call(_context17, polyfillVersionString, "/client/")).call(_context16, "a890d11", "/index.js");
+              embedScriptSource = concat_default()(_context16 = concat_default()(_context17 = "".concat(host, "/embed/")).call(_context17, polyfillVersionString, "/client/")).call(_context16, "5094d37", "/index.js");
             }
 
             clientScriptExists = Boolean( true || // The client script is bundled with npm module
@@ -23787,10 +23798,10 @@ function createEmbedObject() {
                   handle: adaSettings.handle,
                   embedVersion: 2,
                   embedSettings: adaSettings,
-                  version: "1.0.39",
+                  version: "1.0.43",
                   isNpm: true,
                   hostPage: window.location.href,
-                  commitHash: "a890d11"
+                  commitHash: "5094d37"
                 }, {
                   sampleRate: 0.01 // 1% of logs will go through
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ada-support/embed2",
-  "version": "1.0.39",
+  "version": "1.0.43",
   "description": "",
   "main": "dist/npm-entry",
   "typings": "dist/npm-entry/index.d.ts",
@@ -10,7 +10,7 @@
     "build:modern": "NODE_ENV=production BROWSERSLIST_ENV=modern npx webpack --config webpack.prod.ts",
     "build:npm-types": "tsc --project tsconfig.npm.json --declaration --outDir dist/npm-entry --emitDeclarationOnly --allowJs false --checkJs false",
     "build:npm": "./npm-build.sh",
-    "lint": "tsc --noEmit --strict false && ./node_modules/.bin/eslint --report-unused-disable-directives --ext .js,.jsx,.ts,.tsx . --max-warnings 26",
+    "lint": "tsc --noEmit --strict false && ./node_modules/.bin/eslint --report-unused-disable-directives --ext .js,.jsx,.ts,.tsx . --max-warnings 129",
     "lint:fix": "yarn lint --fix",
     "deploy-legacy": "TS_NODE_PROJECT=wp.tsconfig.json NODE_ENV=production BROWSERSLIST_ENV=legacy npx webpack --config webpack.prod.ts",
     "deploy-modern": "TS_NODE_PROJECT=wp.tsconfig.json NODE_ENV=production BROWSERSLIST_ENV=modern npx webpack --config webpack.prod.ts",
@@ -53,7 +53,7 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@ada-support/eslint-config-ada": "^1.1.1",
+    "@ada-support/eslint-config-ada": "^1.1.5",
     "@babel/core": "^7.14.8",
     "@babel/plugin-proposal-class-properties": "^7.14.5",
     "@babel/plugin-proposal-numeric-separator": "^7.14.5",
@@ -76,6 +76,7 @@
     "cypress": "^9.1.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-preact-pure": "^2.2.0",
+    "eslint": "^8.6.0",
     "eslint-plugin-chai-friendly": "^0.7.2",
     "eslint-plugin-compat": "^3.13.0",
     "eslint-plugin-cypress": "^2.11.3",
@@ -121,6 +122,7 @@
   "resolutions": {
     "json-schema": ">=0.4.0",
     "minimist": ">=0.2.1",
+    "node-forge": ">=1.0.0",
     "nth-check": ">=2.0.1"
   },
   "files": [