@ada-support/embed2 1.1.36 → 1.1.39

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

@@ -8,8 +8,8 @@ interface OwnProps {
     adaSettings: StartOptions;
     entryContainer: HTMLElement;
     unmountCallback: () => void;
-    initializationResolve: () => void;
-    initializationReject: (error: Error) => void;
+    initializationResolve?: () => void;
+    initializationReject?: (error: Error) => void;
 }
 declare const _default: (ownProps: OwnProps) => h.JSX.Element;
 export default _default;

package/dist/npm-entry/client/helpers/local-notifications/index.d.ts

@@ -1,6 +1,3 @@
-export interface AgentArrivePayload {
-    agentName: string;
-}
 export declare const browserHasNotificationSupport: boolean;
 export declare function checkIfUserHasGivenPermission(): boolean;
 export declare function requestNotificationPermission(): Promise<NotificationPermission | undefined> | null;
@@ -11,4 +8,4 @@ export declare function createNotification(title: string, isChatOpen: boolean, o
 /**
  * Used to listen for changes in Notification permission state
  */
-export declare function notificationPermListener(notificationPermChangeHandler: (notificationStatus: NotificationPermission) => void): Promise<void>;
+export declare function notificationPermListener(notificationPermChangeHandler: (notificationStatus: NotificationPermission) => void): void;

package/dist/npm-entry/client/helpers/rollout.d.ts

@@ -1 +1 @@
-export default function checkRollout(rollout: number, handle: string): boolean;
+export declare function checkRollout(rollout: number, handle: string): boolean;

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

@@ -47,8 +47,8 @@ export interface EmbedResponsePayloadByEvent {
     STATE_CHANGE: StoreState;
     STOP_RESPONSE: unknown;
     TOGGLE_RESPONSE: unknown;
-    TRACK_EVENT_RESPONSE: string;
-    TRIGGER_CAMPAIGN_RESPONSE: string;
+    TRACK_EVENT_RESPONSE: string | null;
+    TRIGGER_CAMPAIGN_RESPONSE: string | null;
     CLOSE_CAMPAIGN_RESPONSE: unknown;
     entry_INIT: unknown;
     client_INIT: unknown;

package/dist/npm-entry/index.js

@@ -8798,7 +8798,7 @@ var client = new error_tracker_BrowserClient({
     return event;
   },
   environment: "production",
-  release: "1.1.36-510d827",
+  release: "1.1.39-0590af1",
   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, "510d827", "/index.html");
+  return concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "".concat(host, "/embed/")).call(_context7, polyfillVersionString, "/")).call(_context6, frameName, "/")).call(_context5, "0590af1", "/index.html");
 }
 /**
  * Generate the Chat / API URL
@@ -11745,7 +11745,7 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
         cluster: cluster,
         domain: domain,
         qp: {
-          embedVersion: slice_default()("510d827").call("510d827", 0, 7),
+          embedVersion: slice_default()("0590af1").call("0590af1", 0, 7),
           greeting: greeting,
           language: language,
           skipGreeting: skipGreeting,
@@ -12827,6 +12827,54 @@ var Container = /*#__PURE__*/function (_Component) {
       bindLocationChangeOverrides();
       window.addEventListener("locationchange", this.locationChangeHandlerBound);
     }
+    /** To be called when `props.appConnectionState` value changes */
+
+  }, {
+    key: "onAppConnectionStateChange",
+    value: function onAppConnectionStateChange() {
+      var _this$props2 = this.props,
+          appConnectionState = _this$props2.appConnectionState,
+          initializationReject = _this$props2.initializationReject,
+          initializationResolve = _this$props2.initializationResolve,
+          adaSettings = _this$props2.adaSettings;
+
+      switch (appConnectionState) {
+        case ConnectionState.Done:
+          {
+            if (!initializationResolve) {
+              throw new errors/* AdaEmbedError */.S("`initializationResolve` is undefined");
+            }
+
+            initializationResolve();
+            this.bindEmbedActionEventHandlerOnce();
+
+            if (adaSettings.adaReadyCallback) {
+              adaSettings.adaReadyCallback({
+                isRolledOut: true
+              });
+            }
+
+            break;
+          }
+
+        case ConnectionState.Failure:
+          {
+            if (!initializationReject) {
+              throw new errors/* AdaEmbedError */.S("`initializationReject` is undefined");
+            }
+
+            var _error = new errors/* AdaEmbedError */.S("Embed startup failed. This is likely because one or all frame components failed to connect. Please check your internet connection.");
+
+            initializationReject(_error);
+            this.unmount();
+            break;
+          }
+
+        default:
+          {// Do nothing
+          }
+      }
+    }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
@@ -12834,20 +12882,17 @@ var Container = /*#__PURE__*/function (_Component) {
           _client$ui_settings$e,
           _this2 = this;
 
-      var _this$props2 = this.props,
-          isDrawerOpen = _this$props2.isDrawerOpen,
-          appConnectionState = _this$props2.appConnectionState,
-          initializationReject = _this$props2.initializationReject,
-          initializationResolve = _this$props2.initializationResolve,
-          chatterToken = _this$props2.chatterToken,
-          client = _this$props2.client,
-          isChatWebsocketConnected = _this$props2.isChatWebsocketConnected,
-          adaSettings = _this$props2.adaSettings,
-          chatterInLiveChat = _this$props2.chatterInLiveChat,
-          messageService = _this$props2.messageService,
-          wasCampaignShownButNowClosed = _this$props2.wasCampaignShownButNowClosed;
-      var adaReadyCallback = adaSettings.adaReadyCallback,
-          toggleCallback = adaSettings.toggleCallback;
+      var _this$props3 = this.props,
+          isDrawerOpen = _this$props3.isDrawerOpen,
+          appConnectionState = _this$props3.appConnectionState,
+          chatterToken = _this$props3.chatterToken,
+          client = _this$props3.client,
+          isChatWebsocketConnected = _this$props3.isChatWebsocketConnected,
+          adaSettings = _this$props3.adaSettings,
+          chatterInLiveChat = _this$props3.chatterInLiveChat,
+          messageService = _this$props3.messageService,
+          wasCampaignShownButNowClosed = _this$props3.wasCampaignShownButNowClosed;
+      var toggleCallback = adaSettings.toggleCallback;
 
       if ((client === null || client === void 0 ? void 0 : (_client$ui_settings = client.ui_settings) === null || _client$ui_settings === void 0 ? void 0 : (_client$ui_settings$e = _client$ui_settings.embed) === null || _client$ui_settings$e === void 0 ? void 0 : _client$ui_settings$e.style) === "text") {
         this.computeButtonFrameWidth();
@@ -12858,23 +12903,7 @@ var Container = /*#__PURE__*/function (_Component) {
 
 
       if (prevProps.appConnectionState !== appConnectionState) {
-        if (appConnectionState === ConnectionState.Done) {
-          initializationResolve();
-          this.bindEmbedActionEventHandlerOnce();
-
-          if (adaReadyCallback) {
-            adaReadyCallback({
-              isRolledOut: true
-            });
-          }
-        }
-
-        if (appConnectionState === ConnectionState.Failure) {
-          var _error = new errors/* AdaEmbedError */.S("Embed startup failed. This is likely because one or all frame components failed to connect. Please check your internet connection.");
-
-          initializationReject(_error);
-          this.unmount();
-        }
+        this.onAppConnectionStateChange();
       }
 
       var _this$state = this.state,
@@ -12948,10 +12977,10 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "shouldRenderChatFrame",
     get: function get() {
-      var _this$props3 = this.props,
-          isDrawerOpen = _this$props3.isDrawerOpen,
-          adaSettings = _this$props3.adaSettings,
-          chatterInLiveChat = _this$props3.chatterInLiveChat;
+      var _this$props4 = this.props,
+          isDrawerOpen = _this$props4.isDrawerOpen,
+          adaSettings = _this$props4.adaSettings,
+          chatterInLiveChat = _this$props4.chatterInLiveChat;
       var parentElement = adaSettings.parentElement,
           preload = adaSettings.preload;
       var _this$state2 = this.state,
@@ -12995,9 +13024,9 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "computeButtonFrameWidth",
     value: function computeButtonFrameWidth() {
-      var _this$props4 = this.props,
-          entryContainer = _this$props4.entryContainer,
-          client = _this$props4.client;
+      var _this$props5 = this.props,
+          entryContainer = _this$props5.entryContainer,
+          client = _this$props5.client;
       var buttonPadding = 26;
       var iconWithSpace = 30;
       var margins = 48;
@@ -13016,11 +13045,13 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "unmount",
     value: function unmount() {
-      var _this$props5 = this.props,
-          entryContainer = _this$props5.entryContainer,
-          messageService = _this$props5.messageService,
-          unmountCallback = _this$props5.unmountCallback;
-      entryContainer.parentNode.removeChild(entryContainer);
+      var _entryContainer$paren;
+
+      var _this$props6 = this.props,
+          entryContainer = _this$props6.entryContainer,
+          messageService = _this$props6.messageService,
+          unmountCallback = _this$props6.unmountCallback;
+      (_entryContainer$paren = entryContainer.parentNode) === null || _entryContainer$paren === void 0 ? void 0 : _entryContainer$paren.removeChild(entryContainer);
       messageService.getAllChannels().forEach(function (channel) {
         channel.clearTimeoutsAndListeners();
       });
@@ -13031,9 +13062,9 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "trackEvent",
     value: function trackEvent(trackEventParams) {
-      var _this$props6 = this.props,
-          adaSettings = _this$props6.adaSettings,
-          chatterToken = _this$props6.chatterToken;
+      var _this$props7 = this.props,
+          adaSettings = _this$props7.adaSettings,
+          chatterToken = _this$props7.chatterToken;
       trackEventImpl(adaSettings, chatterToken, trackEventParams);
     }
   }, {
@@ -13060,10 +13091,10 @@ var Container = /*#__PURE__*/function (_Component) {
     value: function triggerCampaign(params) {
       var _client$marketing_cam;
 
-      var _this$props7 = this.props,
-          client = _this$props7.client,
-          isDrawerOpen = _this$props7.isDrawerOpen,
-          setState = _this$props7.setState;
+      var _this$props8 = this.props,
+          client = _this$props8.client,
+          isDrawerOpen = _this$props8.isDrawerOpen,
+          setState = _this$props8.setState;
       var chatHasBeenRendered = this.state.chatHasBeenRendered;
       var campaignKey = params.campaignKey,
           ignoreStatus = params.ignoreStatus,
@@ -13107,9 +13138,9 @@ var Container = /*#__PURE__*/function (_Component) {
       var _this4 = this;
 
       var useDelay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var _this$props8 = this.props,
-          adaSettings = _this$props8.adaSettings,
-          client = _this$props8.client;
+      var _this$props9 = this.props,
+          adaSettings = _this$props9.adaSettings,
+          client = _this$props9.client;
       var campaignToTrigger = getCampaignToTrigger(adaSettings, client.marketing_campaigns, params, !client.features.afm_proactive_messaging);
 
       if (campaignToTrigger) {
@@ -13132,13 +13163,13 @@ var Container = /*#__PURE__*/function (_Component) {
       var _handleEmbedAction = (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee2(type, payload, id) {
         var _this5 = this;
 
-        var _this$props9, client, messageService, adaSettings, parentElement, localChannel, xStorageChannel, chatChannel, toggleChat, _this$props10, isDrawerOpen, drawerHasBeenOpened, chatterToken, contentToReturn, _this$props11, metaFields, setState, metaData, newMetaFields, _this$props12, sensitiveMetaFields, _setState, _ref, greeting, language, _newMetaFields, _sensitiveMetaFields, _ref$resetChatHistory, resetChatHistory, _setState2, chatHasBeenRendered, newState, _setState3, _ref2, body, duration, EXTRA_PROACTIVE_DELAY;
+        var _this$props10, client, messageService, adaSettings, parentElement, localChannel, xStorageChannel, chatChannel, toggleChat, _this$props11, isDrawerOpen, drawerHasBeenOpened, chatterToken, contentToReturn, _this$props12, metaFields, setState, metaData, newMetaFields, _this$props13, sensitiveMetaFields, _setState, _ref, greeting, language, _newMetaFields, _sensitiveMetaFields, _ref$resetChatHistory, resetChatHistory, _setState2, chatHasBeenRendered, newState, _setState3, _ref2, body, duration, EXTRA_PROACTIVE_DELAY;
 
         return regenerator_default().wrap(function _callee2$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
-                _this$props9 = this.props, client = _this$props9.client, messageService = _this$props9.messageService, adaSettings = _this$props9.adaSettings;
+                _this$props10 = this.props, client = _this$props10.client, messageService = _this$props10.messageService, adaSettings = _this$props10.adaSettings;
                 parentElement = adaSettings.parentElement;
                 localChannel = messageService.getChannel("local");
                 xStorageChannel = messageService.getChannel(XSTORAGE_IFRAME);
@@ -13153,59 +13184,50 @@ var Container = /*#__PURE__*/function (_Component) {
 
               case 7:
                 _context3.t0 = type;
-                _context3.next = _context3.t0 === TRACK_EVENT ? 10 : _context3.t0 === TRIGGER_CAMPAIGN ? 15 : _context3.t0 === EVAL_CAMPAIGN_CONDITIONS ? 20 : _context3.t0 === TOGGLE ? 25 : _context3.t0 === GET_INFO ? 30 : _context3.t0 === SET_META_FIELDS ? 34 : _context3.t0 === "SET_SENSITIVE_META_FIELDS" ? 41 : _context3.t0 === STOP ? 46 : _context3.t0 === RESET ? 49 : _context3.t0 === DELETE_HISTORY ? 67 : _context3.t0 === CREATE_PROACTIVE ? 79 : _context3.t0 === CLOSE_CAMPAIGN ? 88 : 91;
+                _context3.next = _context3.t0 === TRACK_EVENT ? 10 : _context3.t0 === TRIGGER_CAMPAIGN ? 13 : _context3.t0 === EVAL_CAMPAIGN_CONDITIONS ? 16 : _context3.t0 === TOGGLE ? 19 : _context3.t0 === GET_INFO ? 24 : _context3.t0 === SET_META_FIELDS ? 28 : _context3.t0 === "SET_SENSITIVE_META_FIELDS" ? 35 : _context3.t0 === STOP ? 40 : _context3.t0 === RESET ? 43 : _context3.t0 === DELETE_HISTORY ? 61 : _context3.t0 === CREATE_PROACTIVE ? 73 : _context3.t0 === CLOSE_CAMPAIGN ? 82 : 85;
                 break;
 
               case 10:
-                if (client.features.afm_business_events) {
-                  _context3.next = 13;
-                  break;
+                if (!client.features.afm_business_events) {
+                  console.error("Ada Embed - business events not available in your feature set.");
+                } else {
+                  this.trackEvent(payload);
                 }
 
-                localChannel.postMessage(TRACK_EVENT_RESPONSE, "Ada Embed - business events not available in your feature set.", id, FetchEventStatus.Failure);
-                return _context3.abrupt("return");
+                localChannel.postMessage(TRACK_EVENT_RESPONSE, null, id);
+                return _context3.abrupt("break", 85);
 
               case 13:
-                this.trackEvent(payload);
-                return _context3.abrupt("break", 91);
-
-              case 15:
-                if (client.features.afm_proactive_messaging) {
-                  _context3.next = 18;
-                  break;
+                if (!client.features.afm_proactive_messaging) {
+                  console.error("Ada Embed - proactive campaigns not available in your feature set.");
+                } else {
+                  this.triggerCampaign(payload);
                 }
 
-                localChannel.postMessage(TRIGGER_CAMPAIGN_RESPONSE, "Ada Embed - proactive campaigns not available in your feature set.", id, FetchEventStatus.Failure);
-                return _context3.abrupt("return");
+                localChannel.postMessage(TRIGGER_CAMPAIGN_RESPONSE, null, id);
+                return _context3.abrupt("break", 85);
 
-              case 18:
-                this.triggerCampaign(payload);
-                return _context3.abrupt("break", 91);
-
-              case 20:
-                if (client.features.afm_proactive_messaging) {
-                  _context3.next = 23;
-                  break;
+              case 16:
+                if (!client.features.afm_proactive_messaging) {
+                  console.error("Ada Embed - proactive campaigns not available in your feature set.");
+                } else {
+                  this.evaluateCampaignConditions(payload);
                 }
 
-                localChannel.postMessage(TRIGGER_CAMPAIGN_RESPONSE, "Ada Embed - proactive campaigns not available in your feature set.", id, FetchEventStatus.Failure);
-                return _context3.abrupt("return");
-
-              case 23:
-                this.evaluateCampaignConditions(payload);
-                return _context3.abrupt("break", 91);
+                localChannel.postMessage(EVAL_CAMPAIGN_CONDITIONS_RESPONSE, null, id);
+                return _context3.abrupt("break", 85);
 
-              case 25:
+              case 19:
                 toggleChat = this.props.toggleChat;
-                _context3.next = 28;
+                _context3.next = 22;
                 return toggleChat();
 
-              case 28:
+              case 22:
                 localChannel.postMessage(TOGGLE_RESPONSE, null, id);
-                return _context3.abrupt("break", 91);
+                return _context3.abrupt("break", 85);
 
-              case 30:
-                _this$props10 = this.props, isDrawerOpen = _this$props10.isDrawerOpen, drawerHasBeenOpened = _this$props10.drawerHasBeenOpened, chatterToken = _this$props10.chatterToken;
+              case 24:
+                _this$props11 = this.props, isDrawerOpen = _this$props11.isDrawerOpen, drawerHasBeenOpened = _this$props11.drawerHasBeenOpened, chatterToken = _this$props11.chatterToken;
                 contentToReturn = {
                   isDrawerOpen: isDrawerOpen,
                   isChatOpen: isDrawerOpen || Boolean(parentElement),
@@ -13213,38 +13235,38 @@ var Container = /*#__PURE__*/function (_Component) {
                   hasClosedChat: drawerHasBeenOpened && !isDrawerOpen
                 };
                 localChannel.postMessage(GET_INFO_RESPONSE, contentToReturn, id);
-                return _context3.abrupt("break", 91);
+                return _context3.abrupt("break", 85);
 
-              case 34:
-                _this$props11 = this.props, metaFields = _this$props11.metaFields, setState = _this$props11.setState;
+              case 28:
+                _this$props12 = this.props, metaFields = _this$props12.metaFields, setState = _this$props12.setState;
                 metaData = payload;
                 newMetaFields = Container_objectSpread(Container_objectSpread({}, metaFields), metaData);
-                _context3.next = 39;
+                _context3.next = 33;
                 return setState({
                   metaFields: newMetaFields
                 });
 
-              case 39:
+              case 33:
                 localChannel.postMessage(SET_META_FIELDS_RESPONSE, null, id);
-                return _context3.abrupt("break", 91);
+                return _context3.abrupt("break", 85);
 
-              case 41:
-                _this$props12 = this.props, sensitiveMetaFields = _this$props12.sensitiveMetaFields, _setState = _this$props12.setState;
-                _context3.next = 44;
+              case 35:
+                _this$props13 = this.props, sensitiveMetaFields = _this$props13.sensitiveMetaFields, _setState = _this$props13.setState;
+                _context3.next = 38;
                 return _setState({
                   sensitiveMetaFields: Container_objectSpread(Container_objectSpread({}, sensitiveMetaFields), payload)
                 });
 
-              case 44:
+              case 38:
                 localChannel.postMessage("SET_SENSITIVE_META_FIELDS_RESPONSE", null, id);
-                return _context3.abrupt("break", 91);
+                return _context3.abrupt("break", 85);
 
-              case 46:
+              case 40:
                 localChannel.postMessage(STOP_RESPONSE, null, id);
                 this.unmount();
-                return _context3.abrupt("break", 91);
+                return _context3.abrupt("break", 85);
 
-              case 49:
+              case 43:
                 _ref = payload, greeting = _ref.greeting, language = _ref.language, _newMetaFields = _ref.metaFields, _sensitiveMetaFields = _ref.sensitiveMetaFields, _ref$resetChatHistory = _ref.resetChatHistory, resetChatHistory = _ref$resetChatHistory === void 0 ? true : _ref$resetChatHistory;
                 _setState2 = this.props.setState;
                 chatHasBeenRendered = this.state.chatHasBeenRendered;
@@ -13257,18 +13279,18 @@ var Container = /*#__PURE__*/function (_Component) {
                 };
 
                 if (!resetChatHistory) {
-                  _context3.next = 62;
+                  _context3.next = 56;
                   break;
                 }
 
                 if (xStorageChannel) {
-                  _context3.next = 56;
+                  _context3.next = 50;
                   break;
                 }
 
                 throw new errors/* AdaEmbedError */.S("`xStorageChannel` is null");
 
-              case 56:
+              case 50:
                 xStorageChannel.postMessage(DELETE_HISTORY_EVENT); // Clear chatter data from local storage
 
                 safeLocalStorage.removeItem(CHATTER_TOKEN_STORAGE_KEY);
@@ -13281,11 +13303,11 @@ var Container = /*#__PURE__*/function (_Component) {
                   chatterCreated: null
                 });
 
-              case 62:
-                _context3.next = 64;
+              case 56:
+                _context3.next = 58;
                 return _setState2(newState);
 
-              case 64:
+              case 58:
                 if (chatHasBeenRendered) {
                   this.setState({
                     hideChatOverride: true
@@ -13297,48 +13319,48 @@ var Container = /*#__PURE__*/function (_Component) {
                 }
 
                 localChannel.postMessage(RESET_RESPONSE, null, id);
-                return _context3.abrupt("break", 91);
+                return _context3.abrupt("break", 85);
 
-              case 67:
+              case 61:
                 _setState3 = this.props.setState;
 
                 if (xStorageChannel) {
-                  _context3.next = 70;
+                  _context3.next = 64;
                   break;
                 }
 
                 throw new errors/* AdaEmbedError */.S("`xStorageChannel` is null");
 
-              case 70:
+              case 64:
                 // Clear chatter data from local storage
                 safeLocalStorage.removeItem(CHATTER_TOKEN_STORAGE_KEY);
                 safeSessionStorage.removeItem(CHATTER_TOKEN_STORAGE_KEY);
                 safeLocalStorage.removeItem(CHATTER_CREATED_STORAGE_KEY);
                 safeSessionStorage.removeItem(CHATTER_CREATED_STORAGE_KEY); // And from state
 
-                _context3.next = 76;
+                _context3.next = 70;
                 return _setState3({
                   chatterToken: null,
                   chatterCreated: null
                 });
 
-              case 76:
+              case 70:
                 xStorageChannel.postMessage(DELETE_HISTORY_EVENT);
                 localChannel.postMessage(DELETE_HISTORY_RESPONSE, null, id);
-                return _context3.abrupt("break", 91);
+                return _context3.abrupt("break", 85);
 
-              case 79:
+              case 73:
                 _ref2 = payload, body = _ref2.body, duration = _ref2.duration;
                 EXTRA_PROACTIVE_DELAY = 1000;
 
                 if (client) {
-                  _context3.next = 83;
+                  _context3.next = 77;
                   break;
                 }
 
                 throw new errors/* AdaEmbedError */.S("`client` is not defined");
 
-              case 83:
+              case 77:
                 // Do not feature flag gate this behind the developer_proactive flag
                 // It's also used for free-tier campaigns, which are available to all clients
                 this.setState({
@@ -13378,22 +13400,22 @@ var Container = /*#__PURE__*/function (_Component) {
                     }
                   }, _callee);
                 })));
-                _context3.next = 86;
+                _context3.next = 80;
                 return wait(duration * 1000 + EXTRA_PROACTIVE_DELAY);
 
-              case 86:
+              case 80:
                 localChannel.postMessage(CREATE_PROACTIVE_RESPONSE, null, id);
-                return _context3.abrupt("break", 91);
+                return _context3.abrupt("break", 85);
 
-              case 88:
+              case 82:
                 if (chatChannel) {
                   chatChannel.postMessage(CLOSE_CAMPAIGN);
                 }
 
                 localChannel.postMessage(CLOSE_CAMPAIGN_RESPONSE, null, id);
-                return _context3.abrupt("break", 91);
+                return _context3.abrupt("break", 85);
 
-              case 91:
+              case 85:
               case "end":
                 return _context3.stop();
             }
@@ -13455,13 +13477,13 @@ var Container = /*#__PURE__*/function (_Component) {
       var _initialize = (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee3() {
         var _context4;
 
-        var _this$props13, adaSettings, setState, handle, cluster, domain, rolloutOverride, adaReadyCallback, privateMode, language, adaSettingsWithoutFunctions, clientResponse, newClient, baseApiUrl, businessEvents, marketingCampaigns, _context5, _context6, chatIsOn, rollout, chatterInLiveChat;
+        var _this$props14, adaSettings, setState, handle, cluster, domain, rolloutOverride, adaReadyCallback, privateMode, language, adaSettingsWithoutFunctions, clientResponse, newClient, baseApiUrl, businessEvents, marketingCampaigns, _context5, _context6, chatIsOn, rollout, chatterInLiveChat;
 
         return regenerator_default().wrap(function _callee3$(_context8) {
           while (1) {
             switch (_context8.prev = _context8.next) {
               case 0:
-                _this$props13 = this.props, adaSettings = _this$props13.adaSettings, setState = _this$props13.setState;
+                _this$props14 = this.props, adaSettings = _this$props14.adaSettings, setState = _this$props14.setState;
                 handle = adaSettings.handle, cluster = adaSettings.cluster, domain = adaSettings.domain, rolloutOverride = adaSettings.rolloutOverride, adaReadyCallback = adaSettings.adaReadyCallback, privateMode = adaSettings.privateMode;
                 language = adaSettings.language || get_browser_language(); // We do not want to store functions in our store. The rest of the values are useful however.
 
@@ -13662,10 +13684,10 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderChatFrame",
     value: function renderChatFrame() {
-      var _this$props14 = this.props,
-          messageService = _this$props14.messageService,
-          store = _this$props14.store,
-          adaSettings = _this$props14.adaSettings;
+      var _this$props15 = this.props,
+          messageService = _this$props15.messageService,
+          store = _this$props15.store,
+          adaSettings = _this$props15.adaSettings;
       var _this$state3 = this.state,
           campaignToTrigger = _this$state3.campaignToTrigger,
           followUpResponseId = _this$state3.followUpResponseId;
@@ -13688,9 +13710,9 @@ var Container = /*#__PURE__*/function (_Component) {
     value: function renderIntroFrame() {
       var _client$intro;
 
-      var _this$props15 = this.props,
-          adaSettings = _this$props15.adaSettings,
-          client = _this$props15.client;
+      var _this$props16 = this.props,
+          adaSettings = _this$props16.adaSettings,
+          client = _this$props16.client;
       var parentElement = adaSettings.parentElement;
       var hideIntroOverride = this.state.hideIntroOverride;
 
@@ -13704,9 +13726,9 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderMaskFrame",
     value: function renderMaskFrame() {
-      var _this$props16 = this.props,
-          adaSettings = _this$props16.adaSettings,
-          hideMask = _this$props16.hideMask;
+      var _this$props17 = this.props,
+          adaSettings = _this$props17.adaSettings,
+          hideMask = _this$props17.hideMask;
       var parentElement = adaSettings.parentElement;
 
       if (parentElement || hideMask) {
@@ -13718,12 +13740,12 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderBackdrop",
     value: function renderBackdrop() {
-      var _this$props17 = this.props,
-          client = _this$props17.client,
-          adaSettings = _this$props17.adaSettings,
-          chatDimensions = _this$props17.chatDimensions,
-          isDrawerOpen = _this$props17.isDrawerOpen,
-          isIntroShown = _this$props17.isIntroShown;
+      var _this$props18 = this.props,
+          client = _this$props18.client,
+          adaSettings = _this$props18.adaSettings,
+          chatDimensions = _this$props18.chatDimensions,
+          isDrawerOpen = _this$props18.isDrawerOpen,
+          isIntroShown = _this$props18.isIntroShown;
       var parentElement = adaSettings.parentElement; // checking for a non-empty parentElement here to
       // hide the backdrop in the SDKs
 
@@ -14401,7 +14423,7 @@ var Embed = /*#__PURE__*/function () {
  * Bind to the window object so it can be used by the entry file.
  */
 
-(0,defineProperty/* default */.Z)(Embed, "embed2Version", "510d827");
+(0,defineProperty/* default */.Z)(Embed, "embed2Version", "0590af1");
 
 window.__AdaEmbedConstructor = Embed;
 
@@ -14761,9 +14783,9 @@ function _log() {
                 service: "embed",
                 env: "production",
                 embedVersion: 2,
-                version: "1.1.36",
+                version: "1.1.39",
                 isNpm: true,
-                commitHash: "510d827"
+                commitHash: "0590af1"
               }))
             });
 
@@ -25704,7 +25726,7 @@ function _loadClientChunk() {
                 polyfillVersionString = "legacy";
               }
 
-              clientScriptSource = concat_default()(_context17 = concat_default()(_context18 = "".concat(host, "/embed/")).call(_context18, polyfillVersionString, "/client/")).call(_context17, "510d827", "/index.js");
+              clientScriptSource = concat_default()(_context17 = concat_default()(_context18 = "".concat(host, "/embed/")).call(_context18, polyfillVersionString, "/client/")).call(_context17, "0590af1", "/index.js");
             } // `window.__AdaEmbedConstructor` gets created in the "client" bundle
 
 
@@ -25817,7 +25839,7 @@ function createEmbedObject() {
                 throw new Error("`window.__AdaEmbedConstructor` is not defined");
 
               case 7:
-                if (!(adaSettings.customDomains && window.__AdaEmbedConstructor.embed2Version !== "510d827")) {
+                if (!(adaSettings.customDomains && window.__AdaEmbedConstructor.embed2Version !== "0590af1")) {
                   _context2.next = 9;
                   break;
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ada-support/embed2",
-  "version": "1.1.36",
+  "version": "1.1.39",
   "description": "",
   "main": "dist/npm-entry",
   "typings": "dist/npm-entry/index.d.ts",
@@ -13,7 +13,7 @@
     "build:modern": "TS_NODE_PROJECT=wp.tsconfig.json 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 25",
+    "lint": "tsc --noEmit --strict false && ./node_modules/.bin/eslint --report-unused-disable-directives --ext .js,.jsx,.ts,.tsx . --max-warnings 24",
     "lint:fix": "yarn lint --fix",
     "test": "jest",
     "check-types": "./node_modules/typescript/bin/tsc --project ./tsconfig.json --noEmit --strict false",
@@ -56,6 +56,7 @@
   "devDependencies": {
     "@ada-support/embed-types": "^1.0.4",
     "@ada-support/eslint-config-ada": "^1.2.1",
+    "@testing-library/preact": "^2.0.1",
     "@types/enzyme": "^3.10.11",
     "@types/jest": "^27.0.2",
     "@types/json-stable-stringify": "^1.0.33",
@@ -70,7 +71,7 @@
     "cypress": "^9.6.1",
     "depcheck": "^1.4.3",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-preact-pure": "^2.2.0",
+    "enzyme-adapter-preact-pure": "^4.0.1",
     "eslint": "^8.8.0",
     "eslint-plugin-chai-friendly": "^0.7.2",
     "eslint-plugin-compat": "^4.0.2",
@@ -80,6 +81,7 @@
     "jest": "^27.5.1",
     "jest-localstorage-mock": "^2.4.0",
     "lint-staged": "^11.2.3",
+    "mock-xmlhttprequest": "^7.0.4",
     "npm-run-all": "^4.1.5",
     "start-server-and-test": "^1.14.0",
     "testcafe": "^1.18.4",