@ada-support/embed2 1.1.38 → 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/index.js

@@ -8798,7 +8798,7 @@ var client = new error_tracker_BrowserClient({
     return event;
   },
   environment: "production",
-  release: "1.1.38-864fd65",
+  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, "864fd65", "/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()("864fd65").call("864fd65", 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);
@@ -13196,7 +13227,7 @@ var Container = /*#__PURE__*/function (_Component) {
                 return _context3.abrupt("break", 85);
 
               case 24:
-                _this$props10 = this.props, isDrawerOpen = _this$props10.isDrawerOpen, drawerHasBeenOpened = _this$props10.drawerHasBeenOpened, chatterToken = _this$props10.chatterToken;
+                _this$props11 = this.props, isDrawerOpen = _this$props11.isDrawerOpen, drawerHasBeenOpened = _this$props11.drawerHasBeenOpened, chatterToken = _this$props11.chatterToken;
                 contentToReturn = {
                   isDrawerOpen: isDrawerOpen,
                   isChatOpen: isDrawerOpen || Boolean(parentElement),
@@ -13207,7 +13238,7 @@ var Container = /*#__PURE__*/function (_Component) {
                 return _context3.abrupt("break", 85);
 
               case 28:
-                _this$props11 = this.props, metaFields = _this$props11.metaFields, setState = _this$props11.setState;
+                _this$props12 = this.props, metaFields = _this$props12.metaFields, setState = _this$props12.setState;
                 metaData = payload;
                 newMetaFields = Container_objectSpread(Container_objectSpread({}, metaFields), metaData);
                 _context3.next = 33;
@@ -13220,7 +13251,7 @@ var Container = /*#__PURE__*/function (_Component) {
                 return _context3.abrupt("break", 85);
 
               case 35:
-                _this$props12 = this.props, sensitiveMetaFields = _this$props12.sensitiveMetaFields, _setState = _this$props12.setState;
+                _this$props13 = this.props, sensitiveMetaFields = _this$props13.sensitiveMetaFields, _setState = _this$props13.setState;
                 _context3.next = 38;
                 return _setState({
                   sensitiveMetaFields: Container_objectSpread(Container_objectSpread({}, sensitiveMetaFields), payload)
@@ -13446,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.
 
@@ -13653,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;
@@ -13679,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;
 
@@ -13695,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) {
@@ -13709,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
 
@@ -14392,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", "864fd65");
+(0,defineProperty/* default */.Z)(Embed, "embed2Version", "0590af1");
 
 window.__AdaEmbedConstructor = Embed;
 
@@ -14752,9 +14783,9 @@ function _log() {
                 service: "embed",
                 env: "production",
                 embedVersion: 2,
-                version: "1.1.38",
+                version: "1.1.39",
                 isNpm: true,
-                commitHash: "864fd65"
+                commitHash: "0590af1"
               }))
             });
 
@@ -25695,7 +25726,7 @@ function _loadClientChunk() {
                 polyfillVersionString = "legacy";
               }
 
-              clientScriptSource = concat_default()(_context17 = concat_default()(_context18 = "".concat(host, "/embed/")).call(_context18, polyfillVersionString, "/client/")).call(_context17, "864fd65", "/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
 
 
@@ -25808,7 +25839,7 @@ function createEmbedObject() {
                 throw new Error("`window.__AdaEmbedConstructor` is not defined");
 
               case 7:
-                if (!(adaSettings.customDomains && window.__AdaEmbedConstructor.embed2Version !== "864fd65")) {
+                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.38",
+  "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",