@ada-support/embed2 1.1.5 → 1.1.9

package/dist/npm-entry/businessEvents/businessEvent.d.ts

@@ -1,5 +1,5 @@
+import type { StartOptions } from "@ada-support/embed-types";
 import type { TrackEventParams } from "common/types";
-import type { StartOptions } from "common/types/store-state";
 import type { BusinessEvent } from "./types";
 export declare function trackEventImpl(adaSettings: StartOptions, chatterToken: string, params: TrackEventParams): void;
 export declare const getEventsToTrigger: (businessEvents: BusinessEvent[]) => BusinessEvent[];

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

@@ -1,6 +1,5 @@
+import type { EvaluateCampaignParams, StartOptions } from "@ada-support/embed-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;

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

@@ -1,5 +1,5 @@
+import type { StartOptions } from "@ada-support/embed-types";
 import { h } from "preact";
-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,10 +1,26 @@
-import { h } from "preact";
+import type { StartOptions } from "@ada-support/embed-types";
+import { Component, h } from "preact";
 import type { MessageService } from "client/lib/message-service";
 import type { StoreProxy } from "client/lib/store-proxy";
-import type { Module } from "common/types/modules";
-import type { StartOptions } from "common/types/store-state";
+import type { FrameChannel } from "common/lib/fc";
+import type { CreateNotificationPayload, MessagePayload } from "common/types/events";
+import type { StoreState } from "common/types/store-state";
+interface PropsFromState {
+    handle: StoreState["handle"];
+    domain: StoreState["domain"];
+    cluster: StoreState["cluster"];
+    isDrawerOpen: boolean;
+    greeting: StoreState["greeting"];
+    language: StoreState["language"];
+    wasIntroShown: boolean;
+    parentElement: StoreState["parentElement"];
+    privateMode: StoreState["privateMode"];
+    testMode: StoreState["testMode"];
+    client: StoreState["client"];
+    chatDimensions: StoreState["chatDimensions"];
+    drawerHasBeenOpened: StoreState["drawerHasBeenOpened"];
+}
 interface OwnProps {
-    name: Module;
     adaSettings: StartOptions;
     store: StoreProxy;
     messageService: MessageService;
@@ -12,5 +28,54 @@ interface OwnProps {
     resetChat: () => void;
     skipGreeting: boolean;
 }
+interface PropsFromDispatch {
+    setConnectionState: (payload: MessagePayload) => Promise<StoreState>;
+    setState: (payload: Partial<StoreState>) => Promise<StoreState>;
+    toggleChat: () => Promise<StoreState>;
+}
+declare type ChatFrameProps = PropsFromState & OwnProps & PropsFromDispatch;
+interface ChatFrameState {
+    isMounted: boolean;
+    closeTransitionTime: number;
+}
+export declare class ChatFrame extends Component<ChatFrameProps, ChatFrameState> {
+    iframeRef: import("preact").RefObject<any>;
+    pageYOffset: number;
+    documentBodyOverflow: string;
+    documentBodyPosition: string;
+    documentBodyTop: string;
+    documentBodyBottom: string;
+    documentBodyLeft: string;
+    documentBodyRight: string;
+    channel?: FrameChannel;
+    chatRenderTimeout?: number;
+    state: ChatFrameState;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ChatFrameProps): void;
+    componentWillUnmount(): void;
+    get darkMode(): boolean;
+    getIframeSrc(): string;
+    get styles(): string;
+    get hasVisibleProactiveMessages(): boolean;
+    get visibleProactiveStyles(): string;
+    static get parentElementStyles(): string;
+    get chooseStyles(): string;
+    handleScrollLock(): void;
+    /**
+     * Lock the document body from scrolling. If we don't do this,
+     * there are SERIOUS issues on iOS.
+     */
+    lockDocumentBodyFromScrolling(): void;
+    /**
+     * Set back initial values from client document body
+     */
+    unlockDocumentBodyFromScrolling(): void;
+    notificationOnClickHandler(isChatOpen: boolean): void;
+    handleNotifications(payload: CreateNotificationPayload): void;
+    handleChatEvent(type: string, payload: unknown, id?: string): Promise<void>;
+    bindChatEventHandlers(): void;
+    frameLoaded(): void;
+    render(): h.JSX.Element;
+}
 declare const _default: (ownProps: OwnProps) => h.JSX.Element;
 export default _default;

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

@@ -1,7 +1,7 @@
+import type { StartOptions } from "@ada-support/embed-types";
 import { h } from "preact";
 import type { MessageService } from "client/lib/message-service";
 import type { StoreProxy } from "client/lib/store-proxy";
-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,9 +1,8 @@
 import { h } from "preact";
 import type { MessageService } from "client/lib/message-service";
 import type { StoreProxy } from "client/lib/store-proxy";
-import type { Module } from "common/types/modules";
 interface OwnProps {
-    name: Module;
+    name: "button" | "x-storage" | "intro" | "drawer-mask";
     roleDescription?: string;
     styles: string;
     store: StoreProxy;

package/dist/npm-entry/client/helpers/event-subscriptions/index.d.ts

@@ -1,4 +1,4 @@
-export declare type EventSubscriptionCallback = (data: Record<string, unknown>, context: Record<string, unknown>) => unknown;
+import type { AdaEventDataKeyedByEvent, AdaEventKey, AdaEventSubscriptionCallback } from "@ada-support/embed-types";
 export declare function unsubscribeEvent(id: number): void;
-export declare function subscribeEvent(eventKey: string, callback: EventSubscriptionCallback): number;
-export declare function publishEvent(eventKey: string, data: Record<string, unknown>): void;
+export declare function subscribeEvent<K extends AdaEventKey>(eventKey: K, callback: AdaEventSubscriptionCallback<K>): number;
+export declare function publishEvent<K extends AdaEventKey>(eventKey: K, data: AdaEventDataKeyedByEvent[K]): void;

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

@@ -1,25 +1,22 @@
-import type { EventSubscriptionCallback } from "client/helpers/event-subscriptions";
+import type { AdaEventKey, AdaEventSubscriptionCallback, EvaluateCampaignParams, ResetParams, StartOptions, WindowInfo } from "@ada-support/embed-types";
 import { MessageService } from "client/lib/message-service";
 import { StoreProxy } from "client/lib/store-proxy";
 import "client/lib/error-tracker";
 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;
+    client?: Client;
+    storage?: Storage;
     localChannel: CustomEventChannel;
     store: StoreProxy;
     messageService: MessageService;
-    buttonWasMoved: boolean;
     adaSettings: StartOptions;
     initialized: Promise<void>;
-    entryContainer: HTMLElement;
+    entryContainer?: HTMLElement;
     unmountCallback: () => void;
-    initializationReject: (error: Error) => void;
-    initializationResolve: () => void;
+    initializationReject?: (error: Error) => void;
+    initializationResolve?: () => void;
     private debounceCampaignTrigger;
     static embed2Version: string;
     constructor(adaSettings: StartOptions, unmountCallback: () => void);
@@ -36,7 +33,7 @@ export declare class Embed {
     triggerCampaign(campaignKey: string, triggerCampaignParams?: {}): Promise<void>;
     evaluateCampaignConditions(options: EvaluateCampaignParams): Promise<void>;
     createProactive(body: string, duration: number, responseId?: string): Promise<void>;
-    subscribeEvent(eventKey: string, callback: EventSubscriptionCallback): number;
+    subscribeEvent<K extends AdaEventKey>(eventKey: K, callback: AdaEventSubscriptionCallback<K>): number;
     unsubscribeEvent(id: number): void;
     closeCampaign(): Promise<void>;
 }

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

@@ -1,2 +1,2 @@
-import type { StartOptions } from "common/types/store-state";
+import type { StartOptions } from "@ada-support/embed-types";
 export declare function getAlignment(adaSettings: StartOptions): "right" | "left";

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

@@ -9,5 +9,5 @@ interface InterfaceRequestObject {
 /**
  * Vanilla HTTP request. Returns a Promise.
  */
-export default function httpRequest<T = object>(obj: InterfaceRequestObject): Promise<T>;
+export declare function httpRequest<T = object>(obj: InterfaceRequestObject): Promise<T>;
 export {};

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

@@ -1,4 +1,4 @@
-import type { AdaEmbedAPI } from "common/types/index";
+import type { AdaEmbedAPI } from "@ada-support/embed-types";
 /**
  * Returns the public Embed methods to be bound to the window object.
  */

package/dist/npm-entry/common/helpers/url/index.d.ts

@@ -1,11 +1,11 @@
 interface GetEmbedUrlParams {
-    frameName: string;
+    frameName: "button" | "x-storage" | "intro" | "drawer-mask";
     handle: string;
     cluster?: string;
     domain?: string;
 }
 export interface CSInterface {
-    name: string;
+    name: "api" | "chat";
     handle: string;
     cluster?: string;
     domain?: string;

package/dist/npm-entry/common/lib/channel.d.ts

@@ -1,6 +1,7 @@
+import type { EvaluateCampaignParams, ResetParams } from "@ada-support/embed-types";
 import type { FetchEventStatusType } from "common/constants/events";
 import type { AdaCustomEvent, Refhandler } from "common/types/events";
-import type { EvaluateCampaignParams, ResetParams, SendGreetingParams, StoreDispatchPayload, StoreGetPayload, TrackEventParams } from "common/types/index";
+import type { SendGreetingParams, StoreDispatchPayload, StoreGetPayload, TrackEventParams } from "common/types/index";
 import type { MetaFieldPayload } from "common/types/store";
 import type { StoreState } from "common/types/store-state";
 export interface EmbedRequestPayloadByEvent {

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

@@ -1,3 +1,4 @@
+import type { AdaEventDataKeyedByEvent, AdaEventKey } from "@ada-support/embed-types";
 import type { FetchEventStatusType } from "common/constants/events";
 import type { EmbedEvent, EmbedRequestEvent, PayloadByEvent } from "common/lib/channel";
 export interface MessagePayload {
@@ -13,9 +14,9 @@ export interface CustomJavascriptEventPayload {
         event_name: string;
     };
 }
-export interface PublishEventPayload {
-    eventKey: string;
-    data: Record<string, unknown>;
+export interface PublishEventPayload<K extends AdaEventKey> {
+    eventKey: K;
+    data: AdaEventDataKeyedByEvent[K];
 }
 export interface AdaCustomEvent<E extends (EmbedEvent | string) = string> {
     type: E;
@@ -24,34 +25,3 @@ export interface AdaCustomEvent<E extends (EmbedEvent | string) = string> {
     status?: FetchEventStatusType;
 }
 export declare type Refhandler<E extends (EmbedRequestEvent | string) = string> = (handleEvent: MessageEvent | CustomEventInit<AdaCustomEvent<E>>) => void;
-interface ChatterMetaData {
-    "initialurl": string;
-    "user_agent": string;
-    "browser": string;
-    "browser_version": string;
-    "device": string;
-    "introshown": "True" | "False";
-    "language": string;
-    "test_user": string;
-    "last_question_asked": string;
-    "last_answer_id": string;
-}
-interface ChatterData extends ChatterMetaData {
-    "chatter_token": string;
-    "channel": string;
-}
-export interface ChatterEventPayload {
-    "chatter_id": string;
-    "session_id": string;
-    "event_data": {
-        "user_data": {
-            "all_data": ChatterData;
-            "meta": ChatterMetaData;
-            "global": Record<string, unknown>;
-            "local": Record<string, unknown>;
-        };
-        "chatter_transcript": string;
-        "event_name": string;
-    };
-}
-export {};

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

@@ -1,7 +1,6 @@
-import type { EventSubscriptionCallback } from "client/helpers/event-subscriptions";
+import type { AdaEmbedAPI } from "@ada-support/embed-types";
 import type { ActionTypes } from "common/constants/actions";
-import type { MetaFieldPayload } from "common/types/store";
-import type { StartOptions, StoreState } from "./store-state";
+import type { StoreState } from "./store-state";
 export interface StoreAction {
     [key: string]: string | object | number;
     type: ActionTypes;
@@ -16,13 +15,6 @@ export interface StoreDispatchPayload {
 export interface StoreGetPayload {
     key: string;
 }
-export interface ResetParams {
-    resetChatHistory?: boolean;
-    metaFields?: MetaFieldPayload;
-    sensitiveMetaFields?: MetaFieldPayload;
-    greeting?: string;
-    language?: string;
-}
 export interface TrackEventParams {
     eventKey: string;
     value?: number;
@@ -36,35 +28,6 @@ export interface TriggerCampaignParams {
     ignoreStatus?: boolean;
     ignoreFrequency?: boolean;
 }
-export interface EvaluateCampaignParams {
-    ignoreStatus?: boolean;
-    ignoreFrequency?: boolean;
-}
-export interface MessageHandler {
-    (type: string, payload: object, id: string): any;
-}
-export interface WindowInfo {
-    isDrawerOpen: boolean;
-    isChatOpen: boolean;
-    hasActiveChatter: boolean;
-    hasClosedChat: boolean;
-}
-export interface AdaEmbedAPI {
-    start(adaSettings: StartOptions): Promise<void>;
-    stop(): Promise<void>;
-    toggle(): Promise<void>;
-    deleteHistory(): Promise<void>;
-    setMetaFields(options: MetaFieldPayload): Promise<void>;
-    setSensitiveMetaFields(options: MetaFieldPayload): Promise<void>;
-    getInfo(): Promise<WindowInfo>;
-    reset(resetParams?: ResetParams): Promise<void>;
-    createProactive(body: string, duration?: number, responseId?: string): Promise<void>;
-    trackEvent(eventKey: string, value: number, meta: object): Promise<void>;
-    triggerCampaign(campaignKey: string, options: object): Promise<void>;
-    evaluateCampaignConditions(options: EvaluateCampaignParams): Promise<void>;
-    subscribeEvent(eventKey: string, callback: EventSubscriptionCallback): Promise<number>;
-    unsubscribeEvent(id: number): Promise<void>;
-}
 export interface CustomWindow extends Window {
     adaEmbed: AdaEmbedAPI;
     navigator: Navigator;

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

@@ -1,43 +1,6 @@
+import type { StartOptions } from "@ada-support/embed-types";
 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;
-    styles?: string;
-    domain?: string;
-    cluster?: string;
-    language?: string;
-    greeting?: string;
-    hideMask?: boolean;
-    metaFields?: Record<string, unknown>;
-    sensitiveMetaFields?: Record<string, unknown>;
-    parentElement?: string | HTMLElement;
-    privateMode?: boolean;
-    chatFrameTimeoutCallback?(): void;
-    adaReadyCallback?(params: {
-        isRolledOut: boolean;
-    }): void;
-    analyticsCallback?(analytics: Record<string, unknown>): void;
-    chatterTokenCallback?(chatter: string): void;
-    onAdaEmbedLoaded?(): void;
-    toggleCallback?(isDrawerOpen: boolean): void;
-    eventCallbacks?: {
-        [eventName: string]: ((customJavascriptEvent: object) => void) | undefined;
-    };
-    zdChatterAuthCallback?(callback: (token: string) => void): void;
-    embedStyles?: string;
-    rolloutOverride?: number;
-    crossWindowPersistence?: boolean;
-    testMode?: boolean;
-    customDomains?: {
-        embedLegacy: string;
-        embedModern: string;
-    };
-    preload?: boolean;
-    conversationEndCallback?(payload: ChatterEventPayload): void;
-    align?: "right" | "left" | "auto";
-}
 export interface StoreState extends StartOptionsNoFunction {
     chatterCreated?: string | null;
     chatterToken?: string | null;

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

@@ -1,2 +1,2 @@
-declare const _default: import("./common/types").AdaEmbedAPI;
+declare const _default: import("@ada-support/embed-types").AdaEmbedAPI;
 export default _default;

package/dist/npm-entry/index.js

@@ -8798,7 +8798,7 @@ var client = new error_tracker_BrowserClient({
     return event;
   },
   environment: "production",
-  release: "1.1.5-60bb753",
+  release: "1.1.9-c54a4e9",
   sampleRate: 0.25,
   autoSessionTracking: false,
   // Integrations don't seem to work with Sentry: https://github.com/getsentry/sentry-javascript/issues/2541
@@ -9500,7 +9500,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, "60bb753", "/index.html");
+  return concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "".concat(host, "/embed/")).call(_context7, polyfillVersionString, "/")).call(_context6, frameName, "/")).call(_context5, "c54a4e9", "/index.html");
 }
 /**
  * Generate the Chat / API URL
@@ -9596,7 +9596,7 @@ var actions = {
         domain: currentState.domain,
         route: "chatters/".concat(currentState.chatterToken, "/live_chat_unread_amount")
       });
-      (0,http/* default */.Z)({
+      (0,http/* httpRequest */.c)({
         url: url,
         method: "DELETE"
       }).catch(function (e) {
@@ -9616,7 +9616,7 @@ var actions = {
         domain: currentState.domain
       });
 
-      (0,http/* default */.Z)({
+      (0,http/* httpRequest */.c)({
         url: "".concat(_url, "business_events/track"),
         method: "POST",
         body: stringify_default()({
@@ -10357,7 +10357,7 @@ function trackEventImpl(adaSettings, chatterToken, params) {
       value = params.value,
       meta = params.meta; // eslint-disable-next-line @typescript-eslint/ban-types
 
-  (0,http/* default */.Z)({
+  (0,http/* httpRequest */.c)({
     url: "".concat(baseApiUrl, "business_events/track"),
     method: "POST",
     body: stringify_default()({
@@ -10562,7 +10562,7 @@ function triggerCampaignImpl(_ref) {
       domain: domain
     }); // eslint-disable-next-line @typescript-eslint/ban-types
 
-    (0,http/* default */.Z)({
+    (0,http/* httpRequest */.c)({
       url: url,
       method: "POST",
       body: stringify_default()({
@@ -10927,7 +10927,7 @@ function _fetchClient() {
           case 0:
             _context.prev = 0;
             _context.next = 3;
-            return (0,http/* default */.Z)({
+            return (0,http/* httpRequest */.c)({
               url: getClientCacheUrl(handle, cluster, domain)
             });
 
@@ -10955,7 +10955,7 @@ function _fetchClient() {
           case 11:
             _context.prev = 11;
             _context.next = 14;
-            return (0,http/* default */.Z)({
+            return (0,http/* httpRequest */.c)({
               url: getURL({
                 name: "api",
                 handle: handle,
@@ -11604,7 +11604,6 @@ function ChatFrame_isNativeReflectConstruct() { if (typeof Reflect === "undefine
 
 
 var documentBodyStyle = window.document.body.style;
-
 var ChatFrame = /*#__PURE__*/function (_Component) {
   (0,inherits/* default */.Z)(ChatFrame, _Component);
 
@@ -11639,8 +11638,6 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
 
     (0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "documentBodyRight", documentBodyStyle.right);
 
-    (0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "url", _this.getURL);
-
     (0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "channel", void 0);
 
     (0,defineProperty/* default */.Z)((0,assertThisInitialized/* default */.Z)(_this), "chatRenderTimeout", void 0);
@@ -11661,13 +11658,12 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           adaSettings = _this$props.adaSettings,
           handle = _this$props.handle,
-          name = _this$props.name,
           setChatHasBeenRendered = _this$props.setChatHasBeenRendered,
           messageService = _this$props.messageService,
           store = _this$props.store;
       setChatHasBeenRendered();
-      this.channel = messageService.registerFrameChannel(name, this.iframeRef.current.contentWindow, this.iframeRef.current.src);
-      store.addChannelListener(name);
+      this.channel = messageService.registerFrameChannel("chat", this.iframeRef.current.contentWindow, this.iframeRef.current.src);
+      store.addChannelListener("chat");
       this.bindChatEventHandlers();
       this.handleScrollLock(); // We use this log to track number of chat impressions (times when users see chat iFrame render first time).
 
@@ -11694,10 +11690,8 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      var _this$props2 = this.props,
-          messageService = _this$props2.messageService,
-          name = _this$props2.name;
-      messageService.unregisterChannel(name);
+      var messageService = this.props.messageService;
+      messageService.unregisterChannel("chat");
     }
   }, {
     key: "darkMode",
@@ -11714,36 +11708,32 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
       var systemDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches;
       return theme === "dark" || theme === "auto" && systemDarkMode;
     }
-    /**
-     * @override
-     */
-
   }, {
-    key: "getURL",
-    get: function get() {
-      var _this$props3 = this.props,
-          name = _this$props3.name,
-          handle = _this$props3.handle,
-          domain = _this$props3.domain,
-          cluster = _this$props3.cluster,
-          greeting = _this$props3.greeting,
-          language = _this$props3.language,
-          skipGreeting = _this$props3.skipGreeting,
-          wasIntroShown = _this$props3.wasIntroShown,
-          privateMode = _this$props3.privateMode,
-          testMode = _this$props3.testMode,
-          adaSettings = _this$props3.adaSettings;
+    key: "getIframeSrc",
+    value: function getIframeSrc() {
+      var _this$props2 = this.props,
+          handle = _this$props2.handle,
+          domain = _this$props2.domain,
+          cluster = _this$props2.cluster,
+          greeting = _this$props2.greeting,
+          language = _this$props2.language,
+          skipGreeting = _this$props2.skipGreeting,
+          wasIntroShown = _this$props2.wasIntroShown,
+          privateMode = _this$props2.privateMode,
+          testMode = _this$props2.testMode,
+          adaSettings = _this$props2.adaSettings;
 
       if (!handle) {
         throw new errors/* AdaEmbedError */.S("`handle` is not defined");
       }
 
       return getURL({
-        name: name,
+        name: "chat",
         handle: handle,
         cluster: cluster,
         domain: domain,
         qp: {
+          embedVersion: slice_default()("c54a4e9").call("c54a4e9", 0, 7),
           greeting: greeting,
           language: language,
           skipGreeting: skipGreeting,
@@ -11760,11 +11750,11 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
     get: function get() {
       var _client$ui_settings2, _client$ui_settings2$, _context10, _context11, _context12, _context13, _context14;
 
-      var _this$props4 = this.props,
-          isDrawerOpen = _this$props4.isDrawerOpen,
-          client = _this$props4.client,
-          testMode = _this$props4.testMode,
-          adaSettings = _this$props4.adaSettings;
+      var _this$props3 = this.props,
+          isDrawerOpen = _this$props3.isDrawerOpen,
+          client = _this$props3.client,
+          testMode = _this$props3.testMode,
+          adaSettings = _this$props3.adaSettings;
 
       if (!client) {
         return "";
@@ -11801,10 +11791,10 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
     get: function get() {
       var _client$ui_settings3, _client$ui_settings3$, _context15, _context16, _context17;
 
-      var _this$props5 = this.props,
-          chatDimensions = _this$props5.chatDimensions,
-          client = _this$props5.client,
-          adaSettings = _this$props5.adaSettings;
+      var _this$props4 = this.props,
+          chatDimensions = _this$props4.chatDimensions,
+          client = _this$props4.client,
+          adaSettings = _this$props4.adaSettings;
 
       if (!(client !== null && client !== void 0 && client.chat_button)) {
         return "";
@@ -11820,11 +11810,11 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
   }, {
     key: "chooseStyles",
     get: function get() {
-      var _this$props6 = this.props,
-          parentElement = _this$props6.parentElement,
-          client = _this$props6.client,
-          isDrawerOpen = _this$props6.isDrawerOpen,
-          drawerHasBeenOpened = _this$props6.drawerHasBeenOpened;
+      var _this$props5 = this.props,
+          parentElement = _this$props5.parentElement,
+          client = _this$props5.client,
+          isDrawerOpen = _this$props5.isDrawerOpen,
+          drawerHasBeenOpened = _this$props5.drawerHasBeenOpened;
 
       if (parentElement) {
         return ChatFrame.parentElementStyles;
@@ -11853,9 +11843,9 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
     value: function handleScrollLock() {
       var _this3 = this;
 
-      var _this$props7 = this.props,
-          isDrawerOpen = _this$props7.isDrawerOpen,
-          parentElement = _this$props7.parentElement;
+      var _this$props6 = this.props,
+          isDrawerOpen = _this$props6.isDrawerOpen,
+          parentElement = _this$props6.parentElement;
       var closeTransitionTime = this.state.closeTransitionTime; // Lock scroll only on mobile
 
       if (!isMobile) {
@@ -11945,9 +11935,9 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
       var title = payload.title,
           body = payload.body,
           icon = payload.icon;
-      var _this$props8 = this.props,
-          isDrawerOpen = _this$props8.isDrawerOpen,
-          parentElement = _this$props8.parentElement;
+      var _this$props7 = this.props,
+          isDrawerOpen = _this$props7.isDrawerOpen,
+          parentElement = _this$props7.parentElement;
       var isChatOpen = isDrawerOpen || Boolean(parentElement);
       var onClickHandler = this.notificationOnClickHandler.bind(this, isChatOpen);
       createNotification(title, isChatOpen, onClickHandler, {
@@ -11961,13 +11951,13 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
       var _handleChatEvent = (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee(type, payload, id) {
         var _this4 = this;
 
-        var _this$props9, adaSettings, setState, setConnectionState, _ref, eventKey, data, _ref2, analytics, analyticsCallback, client, _ref3, chatter, created, chatterTokenCallback, _client, _ref4, zdSessionId, zdPreviousTags, storage, _client2, _ref5, zdMessagingExternalUserId, zdMessagingChatterCreated, _client3, _ref6, inLiveChat, eventCallbacks, customJavascriptEvent, specificCallback, genericCallback, resetChat, zdChatterAuthCallback, conversationEndCallback;
+        var _this$props8, adaSettings, setState, setConnectionState, _ref, eventKey, data, _ref2, analytics, analyticsCallback, client, _ref3, chatter, created, chatterTokenCallback, _client, _ref4, zdSessionId, zdPreviousTags, storage, _client2, _ref5, zdMessagingExternalUserId, zdMessagingChatterCreated, _client3, _ref6, inLiveChat, eventCallbacks, customJavascriptEvent, specificCallback, genericCallback, resetChat, zdChatterAuthCallback, conversationEndCallback;
 
         return regenerator_default().wrap(function _callee$(_context22) {
           while (1) {
             switch (_context22.prev = _context22.next) {
               case 0:
-                _this$props9 = this.props, adaSettings = _this$props9.adaSettings, setState = _this$props9.setState, setConnectionState = _this$props9.setConnectionState;
+                _this$props8 = this.props, adaSettings = _this$props8.adaSettings, setState = _this$props8.setState, setConnectionState = _this$props8.setConnectionState;
                 _context22.t0 = type;
                 _context22.next = _context22.t0 === GET_WINDOW_ORIGIN ? 4 : _context22.t0 === CHAT_STARTED ? 8 : _context22.t0 === CHAT_WEBSOCKET_CONNECTED ? 14 : _context22.t0 === PUBLISH_EVENT ? 16 : _context22.t0 === ANALYTICS_EVENT ? 19 : _context22.t0 === CHATTER_EVENT ? 23 : _context22.t0 === "ZD_SESSION" ? 33 : _context22.t0 === ZD_MESSAGING_HANDOFF ? 42 : _context22.t0 === CHATTER_LIVECHAT_EVENT ? 51 : _context22.t0 === CUSTOM_JAVASCRIPT_EVENT ? 59 : _context22.t0 === RESET_FROM_CHAT_EVENT ? 68 : _context22.t0 === ZD_JWT_AUTH_EVENT ? 71 : _context22.t0 === CREATE_NOTIFICATION_EVENT ? 89 : _context22.t0 === BROWSER_HAS_NOTIFICATIONS_EVENT ? 91 : _context22.t0 === REQUEST_NOTIFICATIONS_EVENT ? 95 : _context22.t0 === END_CONVERSATION_EVENT ? 97 : 100;
                 break;
@@ -12304,10 +12294,8 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
     value: function bindChatEventHandlers() {
       var _this5 = this;
 
-      var _this$props10 = this.props,
-          name = _this$props10.name,
-          messageService = _this$props10.messageService;
-      var channel = messageService.getChannel(name);
+      var messageService = this.props.messageService;
+      var channel = messageService.getChannel("chat");
 
       if (!channel) {
         throw new errors/* AdaEmbedError */.S("`channel` is not defined");
@@ -12322,11 +12310,12 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
     value: function frameLoaded() {
       var _this6 = this;
 
-      var _this$props11 = this.props,
-          handle = _this$props11.handle,
-          adaSettings = _this$props11.adaSettings; // SUP-1141- TODO: Remove chatFrameTimeoutCallback
+      var _this$props9 = this.props,
+          handle = _this$props9.handle,
+          adaSettings = _this$props9.adaSettings; // SUP-1141- TODO: Remove chatFrameTimeoutCallback
 
-      var chatFrameTimeoutCallback = adaSettings.chatFrameTimeoutCallback;
+      var _ref7 = adaSettings,
+          chatFrameTimeoutCallback = _ref7.chatFrameTimeoutCallback;
       this.chatRenderTimeout = window.setTimeout(function () {
         var _this6$channel;
 
@@ -12341,18 +12330,17 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
             chatFrameTimeoutCallback();
           }
 
-          publishEvent("ada:chat_frame_timeout", {});
+          publishEvent("ada:chat_frame_timeout", undefined);
         }
       }, 5000);
     }
   }, {
     key: "render",
     value: function render() {
-      var _this$props12 = this.props,
-          name = _this$props12.name,
-          client = _this$props12.client,
-          isDrawerOpen = _this$props12.isDrawerOpen;
-      var iFrameName = "ada-".concat(name, "-frame");
+      var _this$props10 = this.props,
+          client = _this$props10.client,
+          isDrawerOpen = _this$props10.isDrawerOpen;
+      var iFrameName = "ada-chat-frame";
 
       var roleDescription = function roleDescription() {
         var _context23;
@@ -12365,7 +12353,7 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
       };
 
       return v("iframe", {
-        src: this.url,
+        src: this.getIframeSrc(),
         scrolling: "no",
         style: this.chooseStyles,
         frameBorder: "0",
@@ -13508,7 +13496,7 @@ var Container = /*#__PURE__*/function (_Component) {
 
                 _context8.prev = 14;
                 _context8.next = 17;
-                return (0,http/* default */.Z)({
+                return (0,http/* httpRequest */.c)({
                   url: "".concat(baseApiUrl, "business_events/")
                 });
 
@@ -13532,7 +13520,7 @@ var Container = /*#__PURE__*/function (_Component) {
 
                 _context8.prev = 26;
                 _context8.next = 29;
-                return (0,http/* default */.Z)({
+                return (0,http/* httpRequest */.c)({
                   url: "".concat(baseApiUrl, "campaigns/")
                 });
 
@@ -13661,7 +13649,6 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderChatFrame",
     value: function renderChatFrame() {
-      var name = CHAT_IFRAME;
       var _this$props14 = this.props,
           messageService = _this$props14.messageService,
           store = _this$props14.store,
@@ -13672,7 +13659,6 @@ var Container = /*#__PURE__*/function (_Component) {
 
       if (this.shouldRenderChatFrame) {
         return v(components_ChatFrame, {
-          name: name,
           setChatHasBeenRendered: this.setChatHasBeenRenderedBound,
           adaSettings: adaSettings,
           store: store,
@@ -13881,8 +13867,6 @@ var Embed = /*#__PURE__*/function () {
 
     (0,defineProperty/* default */.Z)(this, "messageService", void 0);
 
-    (0,defineProperty/* default */.Z)(this, "buttonWasMoved", void 0);
-
     (0,defineProperty/* default */.Z)(this, "adaSettings", void 0);
 
     (0,defineProperty/* default */.Z)(this, "initialized", void 0);
@@ -13974,7 +13958,7 @@ var Embed = /*#__PURE__*/function () {
     key: "setUpFrameParent",
     value: function setUpFrameParent() {
       var parentElement = this.adaSettings.parentElement;
-      var targetElement;
+      var targetElement = null;
 
       if (!parentElement) {
         return null;
@@ -14335,7 +14319,7 @@ var Embed = /*#__PURE__*/function () {
               case 9:
                 _context12.prev = 9;
                 _context12.t0 = _context12["catch"](4);
-                throw new errors/* AdaEmbedError */.S(_context12.t0);
+                throw new errors/* AdaEmbedError */.S("".concat(_context12.t0));
 
               case 12:
               case "end":
@@ -14416,9 +14400,9 @@ window.__AdaEmbedConstructor = Embed;
 /* harmony export */   "yv": function() { return /* binding */ isProduction; },
 /* harmony export */   "Mk": function() { return /* binding */ embed2Version; }
 /* harmony export */ });
-var isModern = new RegExp("((CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS)[ +]+(15|(1[6-9]|[2-9]\\d|\\d{3,}))[_.]\\d+(?:[_.]\\d+)?)|((Chromium|Chrome)\\/(99|([1-9]\\d\\d|\\d{4,}))\\.\\d+(?:\\.\\d+)?)|(Version\\/(15|(1[6-9]|[2-9]\\d|\\d{3,}))\\.\\d+(?:\\.\\d+)? Safari\\/)|(Firefox\\/(98|(99|\\d{3,}))\\.\\d+\\.\\d+)|(Firefox\\/(98|(99|\\d{3,}))\\.\\d+(pre|[ab]\\d+[a-z]*)?)").test(navigator.userAgent);
+var isModern = new RegExp("((CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS)[ +]+(15|(1[6-9]|[2-9]\\d|\\d{3,}))[_.]\\d+(?:[_.]\\d+)?)|((Chromium|Chrome)\\/(100|(10[1-9]|1[1-9]\\d|[2-9]\\d\\d|\\d{4,}))\\.\\d+(?:\\.\\d+)?)|(Version\\/(15|(1[6-9]|[2-9]\\d|\\d{3,}))\\.\\d+(?:\\.\\d+)? Safari\\/)|(Firefox\\/(99|([1-9]\\d\\d|\\d{4,}))\\.\\d+\\.\\d+)|(Firefox\\/(99|([1-9]\\d\\d|\\d{4,}))\\.\\d+(pre|[ab]\\d+[a-z]*)?)").test(navigator.userAgent);
 var isProduction = "production" === "production";
-var embed2Version = "60bb753";
+var embed2Version = "c54a4e9";
 
 /***/ }),
 
@@ -14613,7 +14597,7 @@ function warn(warningText) {
 
 "use strict";
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "Z": function() { return /* binding */ httpRequest; }
+/* harmony export */   "c": function() { return /* binding */ httpRequest; }
 /* harmony export */ });
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_promise__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(875);
 /* harmony import */ var _babel_runtime_corejs3_core_js_stable_promise__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_corejs3_core_js_stable_promise__WEBPACK_IMPORTED_MODULE_0__);
@@ -14628,20 +14612,19 @@ function warn(warningText) {
 function httpRequest(obj) {
   return new (_babel_runtime_corejs3_core_js_stable_promise__WEBPACK_IMPORTED_MODULE_0___default())(function (resolve, reject) {
     var method = obj.method || "GET";
+    var headers = obj.headers;
     var xhr = new XMLHttpRequest();
 
     if ("withCredentials" in xhr) {
       // XMLHttpRequest for Chrome/Firefox/Opera/Safari.
       xhr.open(method, obj.url, true);
     } else {
-      // CORS not supported.
-      xhr = null;
       return;
     }
 
-    if (obj.headers) {
-      _babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_1___default()(obj.headers).forEach(function (key) {
-        xhr.setRequestHeader(key, obj.headers[key]);
+    if (headers) {
+      _babel_runtime_corejs3_core_js_stable_object_keys__WEBPACK_IMPORTED_MODULE_1___default()(headers).forEach(function (key) {
+        xhr.setRequestHeader(key, headers[key]);
       });
     }
 
@@ -14754,7 +14737,7 @@ function _log() {
 
           case 2:
             _context.next = 4;
-            return (0,common_helpers_http__WEBPACK_IMPORTED_MODULE_12__/* ["default"] */ .Z)({
+            return (0,common_helpers_http__WEBPACK_IMPORTED_MODULE_12__/* .httpRequest */ .c)({
               url: "".concat(DD_BASE_URL).concat(DD_TOKEN, "?ddsource=browser&ddtags=version:1.5.0"),
               method: "POST",
               body: _babel_runtime_corejs3_core_js_stable_json_stringify__WEBPACK_IMPORTED_MODULE_10___default()(_objectSpread(_objectSpread({
@@ -14764,9 +14747,9 @@ function _log() {
                 service: "embed",
                 env: "production",
                 embedVersion: 2,
-                version: "1.1.5",
+                version: "1.1.9",
                 isNpm: true,
-                commitHash: "60bb753"
+                commitHash: "c54a4e9"
               }))
             });
 
@@ -25707,7 +25690,7 @@ function _loadClientChunk() {
                 polyfillVersionString = "legacy";
               }
 
-              clientScriptSource = concat_default()(_context17 = concat_default()(_context18 = "".concat(host, "/embed/")).call(_context18, polyfillVersionString, "/client/")).call(_context17, "60bb753", "/index.js");
+              clientScriptSource = concat_default()(_context17 = concat_default()(_context18 = "".concat(host, "/embed/")).call(_context18, polyfillVersionString, "/client/")).call(_context17, "c54a4e9", "/index.js");
             } // `window.__AdaEmbedConstructor` gets created in the "client" bundle
 
 
@@ -25812,14 +25795,22 @@ function createEmbedObject() {
                 return loadClientChunk(adaSettings);
 
               case 5:
-                if (!(adaSettings.customDomains && window.__AdaEmbedConstructor && window.__AdaEmbedConstructor.embed2Version !== config_info/* embed2Version */.Mk)) {
+                if (window.__AdaEmbedConstructor) {
                   _context2.next = 7;
                   break;
                 }
 
-                throw new errors/* AdaEmbedError */.S("Entry script version does not match version specified in customDomains.");
+                throw new Error("`window.__AdaEmbedConstructor` is not defined");
 
               case 7:
+                if (!(adaSettings.customDomains && window.__AdaEmbedConstructor.embed2Version !== config_info/* embed2Version */.Mk)) {
+                  _context2.next = 9;
+                  break;
+                }
+
+                throw new errors/* AdaEmbedError */.S("Entry script version does not match version specified in customDomains.");
+
+              case 9:
                 /**
                  * We bind the window.__AdaEmbed instead of importing the Embed class because entry is a
                  * separate bundle.
@@ -25840,7 +25831,7 @@ function createEmbedObject() {
                 });
                 return _context2.abrupt("return", embed.initialized);
 
-              case 11:
+              case 13:
               case "end":
                 return _context2.stop();
             }

package/dist/npm-entry/services/helpers.d.ts

@@ -1,3 +1,3 @@
-import type { StartOptions } from "common/types/store-state";
+import type { StartOptions } from "@ada-support/embed-types";
 export declare const NO_OP_FUNCTION: () => void;
 export declare function isStartOptions(input: unknown): input is StartOptions;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ada-support/embed2",
-  "version": "1.1.5",
+  "version": "1.1.9",
   "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 66",
+    "lint": "tsc --noEmit --strict false && ./node_modules/.bin/eslint --report-unused-disable-directives --ext .js,.jsx,.ts,.tsx . --max-warnings 28",
     "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",
@@ -54,7 +54,7 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@ada-support/embed-types": "^1.0.0",
+    "@ada-support/embed-types": "^1.0.4",
     "@ada-support/eslint-config-ada": "^1.2.1",
     "@types/enzyme": "^3.10.11",
     "@types/jest": "^27.0.2",