@ada-support/embed2 1.0.29 → 1.0.33

package/dist/npm-entry/index.js

@@ -722,7 +722,7 @@ var browserPerformanceTimeOrigin = (function () {
 
 /***/ }),
 
-/***/ 8180:
+/***/ 2396:
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1738,7 +1738,7 @@ var States;
  * Thenable class that behaves like a Promise and follows it's interface
  * but is not async internally
  */
-var SyncPromise = /** @class */ (function () {
+var syncpromise_SyncPromise = /** @class */ (function () {
     function SyncPromise(executor) {
         var _this = this;
         this._state = States.PENDING;
@@ -2287,7 +2287,7 @@ var Scope = /** @class */ (function () {
     Scope.prototype._notifyEventProcessors = function (processors, event, hint, index) {
         var _this = this;
         if (index === void 0) { index = 0; }
-        return new SyncPromise(function (resolve, reject) {
+        return new syncpromise_SyncPromise(function (resolve, reject) {
             var processor = processors[index];
             if (event === null || typeof processor !== 'function') {
                 resolve(event);
@@ -3818,7 +3818,7 @@ function makeMain(hub) {
  * contains a more recent version, it replaces the registered version.
  * Otherwise, the currently registered hub will be returned.
  */
-function getCurrentHub() {
+function hub_getCurrentHub() {
     // Get main carrier (global for every environment)
     var registry = getMainCarrier();
     // If there's no hub, or its an old API, assign a new one
@@ -3924,7 +3924,7 @@ var InboundFilters = /** @class */ (function () {
      */
     InboundFilters.prototype.setupOnce = function () {
         addGlobalEventProcessor(function (event) {
-            var hub = getCurrentHub();
+            var hub = hub_getCurrentHub();
             if (!hub) {
                 return event;
             }
@@ -5186,7 +5186,7 @@ function eventFromException(options, exception, hint) {
     if (hint && hint.event_id) {
         event.event_id = hint.event_id;
     }
-    return SyncPromise.resolve(event);
+    return syncpromise_SyncPromise.resolve(event);
 }
 /**
  * Builds and Event from a Message
@@ -5202,7 +5202,7 @@ function eventFromMessage(options, message, level, hint) {
     if (hint && hint.event_id) {
         event.event_id = hint.event_id;
     }
-    return SyncPromise.resolve(event);
+    return syncpromise_SyncPromise.resolve(event);
 }
 /**
  * @hidden
@@ -5512,7 +5512,7 @@ function callOnHub(method) {
     for (var _i = 1; _i < arguments.length; _i++) {
         args[_i - 1] = arguments[_i];
     }
-    var hub = getCurrentHub();
+    var hub = hub_getCurrentHub();
     if (hub && hub[method]) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return hub[method].apply(hub, minimal_node_modules_tslib_tslib_es6_spread(args));
@@ -6172,7 +6172,7 @@ var GlobalHandlers = /** @class */ (function () {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             callback: function (data) {
                 var error = data.error;
-                var currentHub = getCurrentHub();
+                var currentHub = hub_getCurrentHub();
                 var hasIntegration = currentHub.getIntegration(GlobalHandlers);
                 var isFailedOwnDelivery = error && error.__sentry_own_request__ === true;
                 if (!hasIntegration || shouldIgnoreOnError() || isFailedOwnDelivery) {
@@ -6226,7 +6226,7 @@ var GlobalHandlers = /** @class */ (function () {
                 catch (_oO) {
                     // no-empty
                 }
-                var currentHub = getCurrentHub();
+                var currentHub = hub_getCurrentHub();
                 var hasIntegration = currentHub.getIntegration(GlobalHandlers);
                 var isFailedOwnDelivery = error && error.__sentry_own_request__ === true;
                 if (!hasIntegration || shouldIgnoreOnError() || isFailedOwnDelivery) {
@@ -6588,7 +6588,7 @@ var Breadcrumbs = /** @class */ (function () {
         if (!this._options.sentry) {
             return;
         }
-        getCurrentHub().addBreadcrumb({
+        hub_getCurrentHub().addBreadcrumb({
             category: "sentry." + (event.type === 'transaction' ? 'transaction' : 'event'),
             event_id: event.event_id,
             level: event.level,
@@ -6692,7 +6692,7 @@ var Breadcrumbs = /** @class */ (function () {
                 return;
             }
         }
-        getCurrentHub().addBreadcrumb(breadcrumb, {
+        hub_getCurrentHub().addBreadcrumb(breadcrumb, {
             input: handlerData.args,
             level: handlerData.level,
         });
@@ -6719,7 +6719,7 @@ var Breadcrumbs = /** @class */ (function () {
         if (target.length === 0) {
             return;
         }
-        getCurrentHub().addBreadcrumb({
+        hub_getCurrentHub().addBreadcrumb({
             category: "ui." + handlerData.name,
             message: target,
         }, {
@@ -6739,7 +6739,7 @@ var Breadcrumbs = /** @class */ (function () {
                 return;
             }
             var _a = handlerData.xhr.__sentry_xhr__ || {}, method = _a.method, url = _a.url, status_code = _a.status_code, body = _a.body;
-            getCurrentHub().addBreadcrumb({
+            hub_getCurrentHub().addBreadcrumb({
                 category: 'xhr',
                 data: {
                     method: method,
@@ -6768,7 +6768,7 @@ var Breadcrumbs = /** @class */ (function () {
             return;
         }
         if (handlerData.error) {
-            getCurrentHub().addBreadcrumb({
+            hub_getCurrentHub().addBreadcrumb({
                 category: 'fetch',
                 data: handlerData.fetchData,
                 level: Severity.Error,
@@ -6779,7 +6779,7 @@ var Breadcrumbs = /** @class */ (function () {
             });
         }
         else {
-            getCurrentHub().addBreadcrumb({
+            hub_getCurrentHub().addBreadcrumb({
                 category: 'fetch',
                 data: tslib_es6_assign(tslib_es6_assign({}, handlerData.fetchData), { status_code: handlerData.response.status }),
                 type: 'http',
@@ -6812,7 +6812,7 @@ var Breadcrumbs = /** @class */ (function () {
         if (parsedLoc.protocol === parsedFrom.protocol && parsedLoc.host === parsedFrom.host) {
             from = parsedFrom.relative;
         }
-        getCurrentHub().addBreadcrumb({
+        hub_getCurrentHub().addBreadcrumb({
             category: 'navigation',
             data: {
                 from: from,
@@ -6855,7 +6855,7 @@ var LinkedErrors = /** @class */ (function () {
      */
     LinkedErrors.prototype.setupOnce = function () {
         addGlobalEventProcessor(function (event, hint) {
-            var self = getCurrentHub().getIntegration(LinkedErrors);
+            var self = hub_getCurrentHub().getIntegration(LinkedErrors);
             if (self) {
                 var handler = self._handler && self._handler.bind(self);
                 return typeof handler === 'function' ? handler(event, hint) : event;
@@ -6913,7 +6913,7 @@ var UserAgent = /** @class */ (function () {
     UserAgent.prototype.setupOnce = function () {
         addGlobalEventProcessor(function (event) {
             var _a, _b, _c;
-            if (getCurrentHub().getIntegration(UserAgent)) {
+            if (hub_getCurrentHub().getIntegration(UserAgent)) {
                 // if none of the information we want exists, don't bother
                 if (!useragent_global.navigator && !useragent_global.location && !useragent_global.document) {
                     return event;
@@ -7176,7 +7176,7 @@ function setupIntegration(integration) {
     if (installedIntegrations.indexOf(integration.name) !== -1) {
         return;
     }
-    integration.setupOnce(addGlobalEventProcessor, getCurrentHub);
+    integration.setupOnce(addGlobalEventProcessor, hub_getCurrentHub);
     installedIntegrations.push(integration.name);
     logger_logger.log("Integration installed: " + integration.name);
 }
@@ -7420,7 +7420,7 @@ var BaseClient = /** @class */ (function () {
      */
     BaseClient.prototype._isClientDoneProcessing = function (timeout) {
         var _this = this;
-        return new SyncPromise(function (resolve) {
+        return new syncpromise_SyncPromise(function (resolve) {
             var ticked = 0;
             var tick = 1;
             var interval = setInterval(function () {
@@ -7473,7 +7473,7 @@ var BaseClient = /** @class */ (function () {
             finalScope = Scope.clone(finalScope).update(hint.captureContext);
         }
         // We prepare the result here with a resolved Event.
-        var result = SyncPromise.resolve(prepared);
+        var result = syncpromise_SyncPromise.resolve(prepared);
         // This should be the last thing called, since we want that
         // {@link Hub.addEventProcessor} gets the finished prepared event.
         if (finalScope) {
@@ -7609,14 +7609,14 @@ var BaseClient = /** @class */ (function () {
         // eslint-disable-next-line @typescript-eslint/unbound-method
         var _a = this.getOptions(), beforeSend = _a.beforeSend, sampleRate = _a.sampleRate;
         if (!this._isEnabled()) {
-            return SyncPromise.reject(new SentryError('SDK not enabled, will not capture event.'));
+            return syncpromise_SyncPromise.reject(new SentryError('SDK not enabled, will not capture event.'));
         }
         var isTransaction = event.type === 'transaction';
         // 1.0 === 100% events are sent
         // 0.0 === 0% events are sent
         // Sampling for transaction happens somewhere else
         if (!isTransaction && typeof sampleRate === 'number' && Math.random() > sampleRate) {
-            return SyncPromise.reject(new SentryError("Discarding event because it's not included in the random sample (sampling rate = " + sampleRate + ")"));
+            return syncpromise_SyncPromise.reject(new SentryError("Discarding event because it's not included in the random sample (sampling rate = " + sampleRate + ")"));
         }
         return this._prepareEvent(event, scope, hint)
             .then(function (prepared) {
@@ -7747,7 +7747,7 @@ var NoopTransport = /** @class */ (function () {
      * @inheritDoc
      */
     NoopTransport.prototype.sendEvent = function (_) {
-        return SyncPromise.resolve({
+        return syncpromise_SyncPromise.resolve({
             reason: "NoopTransport: Event has been skipped because no Dsn is configured.",
             status: Status.Skipped,
         });
@@ -7756,7 +7756,7 @@ var NoopTransport = /** @class */ (function () {
      * @inheritDoc
      */
     NoopTransport.prototype.close = function (_) {
-        return SyncPromise.resolve(true);
+        return syncpromise_SyncPromise.resolve(true);
     };
     return NoopTransport;
 }());
@@ -7937,7 +7937,7 @@ var PromiseBuffer = /** @class */ (function () {
     PromiseBuffer.prototype.add = function (taskProducer) {
         var _this = this;
         if (!this.isReady()) {
-            return SyncPromise.reject(new SentryError('Not adding Promise due to buffer limit reached.'));
+            return syncpromise_SyncPromise.reject(new SentryError('Not adding Promise due to buffer limit reached.'));
         }
         // start the task and add its promise to the queue
         var task = taskProducer();
@@ -7983,7 +7983,7 @@ var PromiseBuffer = /** @class */ (function () {
      */
     PromiseBuffer.prototype.drain = function (timeout) {
         var _this = this;
-        return new SyncPromise(function (resolve) {
+        return new syncpromise_SyncPromise(function (resolve) {
             // wait for `timeout` ms and then resolve to `false` (if not cancelled first)
             var capturedSetTimeout = setTimeout(function () {
                 if (timeout && timeout > 0) {
@@ -7991,7 +7991,7 @@ var PromiseBuffer = /** @class */ (function () {
                 }
             }, timeout);
             // if all promises resolve in time, cancel the timer and resolve to `true`
-            void SyncPromise.all(_this._buffer)
+            void syncpromise_SyncPromise.all(_this._buffer)
                 .then(function () {
                 clearTimeout(capturedSetTimeout);
                 resolve(true);
@@ -8253,7 +8253,7 @@ var FetchTransport = /** @class */ (function (_super) {
             options.headers = this.options.headers;
         }
         return this._buffer.add(function () {
-            return new SyncPromise(function (resolve, reject) {
+            return new syncpromise_SyncPromise(function (resolve, reject) {
                 void _this._fetch(sentryRequest.url, options)
                     .then(function (response) {
                     var headers = {
@@ -8314,7 +8314,7 @@ var XHRTransport = /** @class */ (function (_super) {
             });
         }
         return this._buffer.add(function () {
-            return new SyncPromise(function (resolve, reject) {
+            return new syncpromise_SyncPromise(function (resolve, reject) {
                 var request = new XMLHttpRequest();
                 request.onreadystatechange = function () {
                     if (request.readyState === 4) {
@@ -8492,7 +8492,7 @@ var client = new error_tracker_BrowserClient({
     return event;
   },
   environment: "production",
-  release: "cc93ef46a28aaae279edd93ba7fe028f52a19dae",
+  release: "d8793bab7e9f4d33dc03840b7e8b322dd7e4cff9",
   sampleRate: 0.25,
   autoSessionTracking: false,
   // Integrations don't seem to work with Sentry: https://github.com/getsentry/sentry-javascript/issues/2541
@@ -8778,7 +8778,6 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !(c
 
 
 
-
 /**
  * Frame Channel: Used for postMessage communication between iFrames.
  * NOTE: iFrames must have the same domain - when postMessages are sent between
@@ -8843,7 +8842,6 @@ var FC = /*#__PURE__*/function (_Channel) {
             parsedData = JSON.parse(event.data);
           }
         } catch (_unused) {
-          (0,errors/* warn */.Z)("postMessage not sent as JSON.");
           return;
         }
 
@@ -8868,7 +8866,7 @@ var FC = /*#__PURE__*/function (_Channel) {
     key: "constructObjectToSend",
     value: function constructObjectToSend() {
       var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
-      var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var payload = arguments.length > 1 ? arguments[1] : undefined;
       var id = arguments.length > 2 ? arguments[2] : undefined;
       var status = arguments.length > 3 ? arguments[3] : undefined;
       // IE passes event message data as a string, so we normalize to string for all objects
@@ -9023,7 +9021,7 @@ var CE = /*#__PURE__*/function (_Channel) {
       // (for all browsers)
       return {
         type: type || "",
-        payload: payload || {},
+        payload: payload,
         id: id,
         status: status
       };
@@ -9178,7 +9176,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, "cc93ef4", "/index.html");
+  return concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "".concat(host, "/embed/")).call(_context7, polyfillVersionString, "/")).call(_context6, frameName, "/")).call(_context5, "d8793ba", "/index.html");
 }
 /**
  * Generate the Chat / API URL
@@ -9215,18 +9213,26 @@ function getURL(_ref2) {
   }
 
   if (includes_default()(_context17 = window.location.hostname).call(_context17, "localhost") || handle === "e2ereference") {
-    var _context18, _context19, _context20, _context21;
+    var _context18, _context23, _context24, _context25;
 
     var host = window.location.hostname;
     var domainName = includes_default()(_context18 = window.location.hostname).call(_context18, "localhost") ? "localhost" : "e2ereference";
 
+    if (domainName === "localhost" && name === "chat") {
+      var _context19, _context20, _context21, _context22;
+
+      // Chat should be on a different domain (even though the port is different).
+      // We need this to test Embed+Chat behaviour when third-party cookies are disabled (incognito mode).
+      return concat_default()(_context19 = concat_default()(_context20 = concat_default()(_context21 = concat_default()(_context22 = "".concat(window.location.protocol, "//")).call(_context22, handle, ".chat:8002/")).call(_context21, routeString)).call(_context20, questionSym)).call(_context19, queryString);
+    }
+
     if (name === "api" || name === "chat") {
       host += ":".concat(ports[domainName][name]);
     } else {
       host += ":".concat(ports[domainName].default);
     }
 
-    return concat_default()(_context19 = concat_default()(_context20 = concat_default()(_context21 = "http://".concat(host, "/")).call(_context21, routeString)).call(_context20, questionSym)).call(_context19, queryString);
+    return concat_default()(_context23 = concat_default()(_context24 = concat_default()(_context25 = "http://".concat(host, "/")).call(_context25, routeString)).call(_context24, questionSym)).call(_context23, queryString);
   }
 
   return prodUrl;
@@ -9319,165 +9325,839 @@ var actions = {
   }
 };
 /* harmony default export */ var store_actions = (actions);
-;// CONCATENATED MODULE: ./src/client/store/mutations/index.ts
+;// CONCATENATED MODULE: ./src/common/constants/storage-keys.ts
+var CHATTER_TOKEN_STORAGE_KEY = "chatter";
+var CHATTER_CREATED_STORAGE_KEY = "ada-embed_chatter-created";
+var IN_LIVE_CHAT_STORAGE_KEY = "inLiveChat";
+var ZD_SESSION_STORAGE_KEY = "ada-embed_zd-session-id";
+var ZD_PREVIOUS_TAGS_STORAGE_KEY = "ada-embed_zd-previous-tags";
+/** @deprecated - Use CHATTER_TOKEN_STORAGE_KEY */
 
+var CHATTER_STORAGE_KEY = CHATTER_TOKEN_STORAGE_KEY;
+;// CONCATENATED MODULE: ./src/frames/lib/frame-fc.ts
 
+var frameName = null;
+/* harmony default export */ var frame_fc = (new FC(frameName, window.parent));
+;// CONCATENATED MODULE: ./src/frames/helpers/frame-init.ts
 
 
 
 
+function initializeFrame() {
+  var waitForOtherFrames = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var initialState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
 
+  if (!waitForOtherFrames) {
+    return promise_default().resolve(true);
+  }
 
-function ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); if (enumerableOnly) { symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+  return new (promise_default())(function (resolve) {
+    var timeout;
+    var handlerRef;
+
+    var initMessageHandler = function initMessageHandler(type) {
+      if (type === ALL_FRAMES_LOADED) {
+        frame_fc.removeEventListener(handlerRef);
+        clearTimeout(timeout);
+        resolve(true);
+      }
+    };
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0,defineProperty/* default */.Z)(target, key, source[key]); }); } else if ((get_own_property_descriptors_default())) { Object.defineProperties(target, get_own_property_descriptors_default()(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, get_own_property_descriptor_default()(source, key)); }); } } return target; }
+    timeout = window.setTimeout(function () {
+      frame_fc.removeEventListener(handlerRef);
+      (0,errors/* warn */.Z)("".concat(null, " frame never received all frames loaded"));
+      resolve(false);
+    }, DEFAULT_CONNECTION_TIMEOUT);
+    handlerRef = frame_fc.addEventListener(initMessageHandler);
+    frame_fc.postMessage("".concat(null, "_INIT"), initialState);
+  });
+}
+function addCustomStyles(styles, hasUICustomization) {
+  if (!styles) {
+    return;
+  }
 
+  if (!hasUICustomization) {
+    warn("UI Customization is not available in your feature set.");
+    return;
+  }
 
+  var styleSheet = document.createElement("style");
+  styleSheet.type = "text/css";
+  styleSheet.appendChild(document.createTextNode(styles)); // Append the stylesheet to the head of the document
 
+  document.head.appendChild(styleSheet);
+}
+;// CONCATENATED MODULE: ./src/frames/lib/safe-storage/index.ts
 
-var mutations = function mutations(state, action) {
-  switch (action.type) {
-    case ActionTypes.TOGGLE_CHAT_TYPE:
-      {
-        var hasChatOpenedAfterProactiveMessagesShown = state.hasChatOpenedAfterProactiveMessagesShown;
 
-        if (!state.isDrawerOpen && state.latestCampaignKey && !hasChatOpenedAfterProactiveMessagesShown) {
-          hasChatOpenedAfterProactiveMessagesShown = true;
-        }
 
-        return _objectSpread(_objectSpread({}, state), {}, {
-          isDrawerOpen: !state.isDrawerOpen,
-          isIntroShown: false,
-          drawerHasBeenOpened: true,
-          unreadMessageCount: 0,
-          hasChatOpenedAfterProactiveMessagesShown: hasChatOpenedAfterProactiveMessagesShown
-        });
-      }
 
-    case ActionTypes.SET_STATE_TYPE:
-      return _objectSpread(_objectSpread({}, state), action.payload);
 
-    case ActionTypes.INCREMENT_MESSAGE_COUNT_TYPE:
-      {
-        var messages = action.payload.messages; // Filter out Proactive Messages
 
-        var nonProactive = filter_default()(messages).call(messages, function (message) {
-          return !message.campaign_key;
-        });
+var StorageTypes;
 
-        return _objectSpread(_objectSpread({}, state), {}, {
-          unreadMessageCount: nonProactive.length
-        });
+(function (StorageTypes) {
+  StorageTypes["Local"] = "local";
+  StorageTypes["Session"] = "session";
+})(StorageTypes || (StorageTypes = {}));
+
+/**
+ * local and session storage can throw exceptions when trying to access them
+ * from the Window object and third-party cookies are disabled. SafeStorage
+ * wraps common Storage methods in try catch blocks.
+ */
+var SafeStorage = /*#__PURE__*/function () {
+  function SafeStorage(storageType) {
+    (0,classCallCheck/* default */.Z)(this, SafeStorage);
+
+    (0,defineProperty/* default */.Z)(this, "storageType", void 0);
+
+    (0,defineProperty/* default */.Z)(this, "storage", null);
+
+    this.storageType = storageType;
+
+    try {
+      this.storage = storageType === "local" ? window.localStorage : window.sessionStorage;
+    } catch (e) {
+      (0,errors/* warn */.Z)("".concat(this.storageType, "Storage is disabled. This is likely because your browser is blocking third-party cookies."));
+    }
+  } // eslint-disable-next-line class-methods-use-this
+
+
+  _createClass(SafeStorage, [{
+    key: "seralizeItem",
+    value: function seralizeItem(value) {
+      try {
+        return stringify_default()(value);
+      } catch (error) {
+        (0,errors/* warn */.Z)("Attempt to seralize failed: ".concat(error));
       }
 
-    case ActionTypes.SET_CONNECTION_STATE_TYPE:
-      {
-        var newConnections = _objectSpread(_objectSpread({}, state.connections), action.payload);
+      return null;
+    } // eslint-disable-next-line class-methods-use-this
 
-        var connectionValues = values_default()(newConnections);
+  }, {
+    key: "deserializeItem",
+    value: function deserializeItem(value) {
+      try {
+        return JSON.parse(value);
+      } catch (error) {
+        (0,errors/* warn */.Z)("Attempt to deserialize failed: ".concat(error));
+      }
 
-        var appConnectionState;
-        var done = connectionValues.every(function (connectionState) {
-          return connectionState === ConnectionState.Done;
-        });
-        var loading = connectionValues.some(function (connectionState) {
-          return connectionState === ConnectionState.Done;
-        });
-        var failure = connectionValues.some(function (connectionState) {
-          return connectionState === ConnectionState.Failure;
-        });
+      return null;
+    }
+  }, {
+    key: "getItem",
+    value: function getItem(key) {
+      try {
+        if (!this.storage) {
+          throw new errors/* AdaEmbedError */.S("`storage` is null");
+        }
 
-        if (done) {
-          appConnectionState = ConnectionState.Done;
-        } else if (failure) {
-          appConnectionState = ConnectionState.Failure;
-        } else if (loading) {
-          appConnectionState = ConnectionState.Loading;
-        } else {
-          appConnectionState = ConnectionState.Uninitiated;
+        return this.deserializeItem(this.storage.getItem(key));
+      } catch (e) {
+        (0,errors/* warn */.Z)("Cannot getItem from ".concat(this.storageType, "Storage."));
+        return null;
+      }
+    }
+  }, {
+    key: "setItem",
+    value: function setItem(key, value) {
+      try {
+        if (!this.storage) {
+          throw new errors/* AdaEmbedError */.S("`storage` is null");
         }
 
-        return _objectSpread(_objectSpread({}, state), {}, {
-          connections: newConnections,
-          appConnectionState: appConnectionState
-        });
+        this.storage.setItem(key, this.seralizeItem(value));
+      } catch (e) {
+        (0,errors/* warn */.Z)("Cannot setItem in ".concat(this.storageType, "Storage."));
       }
+    }
+  }, {
+    key: "removeItem",
+    value: function removeItem(key) {
+      try {
+        if (!this.storage) {
+          throw new errors/* AdaEmbedError */.S("`storage` is null");
+        }
 
-    default:
-      return state;
-  }
-};
+        this.storage.removeItem(key);
+      } catch (e) {
+        (0,errors/* warn */.Z)("Cannot removeItem from ".concat(this.storageType, "Storage."));
+      }
+    }
+  }]);
 
-/* harmony default export */ var store_mutations = (mutations);
-;// CONCATENATED MODULE: ./src/client/helpers/local-notifications/index.ts
-var browserHasNotificationSupport = ("Notification" in window);
-function checkIfUserHasGivenPermission() {
-  if (!browserHasNotificationSupport) {
-    return false;
-  }
+  return SafeStorage;
+}();
+var safeLocalStorage = new SafeStorage(StorageTypes.Local);
+var safeSessionStorage = new SafeStorage(StorageTypes.Session);
+;// CONCATENATED MODULE: ./src/frames/helpers/storage/index.ts
 
-  return Notification.permission === "granted";
-}
-function requestNotificationPermission() {
-  if (!browserHasNotificationSupport) {
-    return null;
-  }
+var PERSISTENCE_NORMAL = "normal";
+var PERSISTENCE_SESSION = "session";
+/**
+ * Retrieves items from local or session storage, depending on the client's
+ * persistence setting. If privateMode is set, it returns null.
+ */
 
-  return Notification.requestPermission();
-}
-function createNotification(title, isChatOpen, onClickHandler, options) {
-  if (!checkIfUserHasGivenPermission() || !document.hidden && isChatOpen) {
+function retrieveStorage(key, client, privateMode) {
+  var persistence = client.persistence;
+
+  if (privateMode) {
     return null;
   }
 
-  var notification = new Notification(title, options);
-
-  notification.onclick = function () {
-    if (onClickHandler) {
-      onClickHandler();
-    }
+  if (persistence === PERSISTENCE_NORMAL) {
+    return safeLocalStorage.getItem(key);
+  }
 
-    notification.close();
-  };
+  if (persistence === PERSISTENCE_SESSION) {
+    return safeSessionStorage.getItem(key);
+  }
 
-  return notification;
+  return null;
 }
+;// CONCATENATED MODULE: ./src/frames/lib/store-proxy.ts
 
-function notificationPermissionGuard(state) {
-  if (state === "granted" || state === "denied") {
-    return state;
+
+var store = {
+  get: function get(key) {
+    return frame_fc.fetch(GET_EVENT, GET_RESPONSE_EVENT, {
+      key: key
+    });
+  },
+  getState: function getState() {
+    return frame_fc.fetch(GET_STATE_EVENT, GET_STATE_RESPONSE_EVENT);
+  },
+  dispatch: function dispatch(actionKey, payload) {
+    return frame_fc.fetch(DISPATCH_EVENT, DISPATCH_RESPONSE_EVENT, {
+      actionKey: actionKey,
+      payload: payload
+    });
+  },
+  subscribe: function subscribe(callback) {
+    frame_fc.addEventListener(function (type, payload) {
+      if (type === STATE_CHANGE_EVENT) {
+        callback(payload);
+      }
+    });
   }
+};
+;// CONCATENATED MODULE: ./node_modules/@sentry/core/esm/sdk.js
+
 
-  return "default";
-}
 /**
- * Used to listen for changes in Notification permission state
+ * Internal function to create a new SDK client instance. The client is
+ * installed and then bound to the current scope.
+ *
+ * @param clientClass The client class to instantiate.
+ * @param options Options to pass to the client.
  */
+function initAndBind(clientClass, options) {
+    var _a;
+    if (options.debug === true) {
+        logger_logger.enable();
+    }
+    var hub = hub_getCurrentHub();
+    (_a = hub.getScope()) === null || _a === void 0 ? void 0 : _a.update(options.initialScope);
+    var client = new clientClass(options);
+    hub.bindClient(client);
+}
+//# sourceMappingURL=sdk.js.map
+;// CONCATENATED MODULE: ./node_modules/@sentry/browser/esm/sdk.js
 
 
-function notificationPermListener(notificationPermChangeHandler) {
-  if (!("permissions" in navigator)) {
-    return;
-  }
 
-  navigator.permissions.query({
-    name: "notifications"
-  }).then(function (notificationPerm) {
-    // eslint-disable-next-line no-param-reassign
-    notificationPerm.onchange = function () {
-      notificationPermChangeHandler(notificationPermissionGuard(notificationPerm.state));
-    };
-  });
-}
-;// CONCATENATED MODULE: ./src/client/store/state.ts
 
 
-var state = {
-  handle: undefined,
-  styles: undefined,
-  domain: undefined,
-  cluster: undefined,
-  language: undefined,
+
+var defaultIntegrations = [
+    new InboundFilters(),
+    new FunctionToString(),
+    new TryCatch(),
+    new Breadcrumbs(),
+    new GlobalHandlers(),
+    new LinkedErrors(),
+    new Dedupe(),
+    new UserAgent(),
+];
+/**
+ * The Sentry Browser SDK Client.
+ *
+ * To use this SDK, call the {@link init} function as early as possible when
+ * loading the web page. To set context information or send manual events, use
+ * the provided methods.
+ *
+ * @example
+ *
+ * ```
+ *
+ * import { init } from '@sentry/browser';
+ *
+ * init({
+ *   dsn: '__DSN__',
+ *   // ...
+ * });
+ * ```
+ *
+ * @example
+ * ```
+ *
+ * import { configureScope } from '@sentry/browser';
+ * configureScope((scope: Scope) => {
+ *   scope.setExtra({ battery: 0.7 });
+ *   scope.setTag({ user_mode: 'admin' });
+ *   scope.setUser({ id: '4711' });
+ * });
+ * ```
+ *
+ * @example
+ * ```
+ *
+ * import { addBreadcrumb } from '@sentry/browser';
+ * addBreadcrumb({
+ *   message: 'My Breadcrumb',
+ *   // ...
+ * });
+ * ```
+ *
+ * @example
+ *
+ * ```
+ *
+ * import * as Sentry from '@sentry/browser';
+ * Sentry.captureMessage('Hello, world!');
+ * Sentry.captureException(new Error('Good bye'));
+ * Sentry.captureEvent({
+ *   message: 'Manual',
+ *   stacktrace: [
+ *     // ...
+ *   ],
+ * });
+ * ```
+ *
+ * @see {@link BrowserOptions} for documentation on configuration options.
+ */
+function init(options) {
+    if (options === void 0) { options = {}; }
+    if (options.defaultIntegrations === undefined) {
+        options.defaultIntegrations = defaultIntegrations;
+    }
+    if (options.release === undefined) {
+        var window_1 = (0,misc/* getGlobalObject */.Rf)();
+        // This supports the variable that sentry-webpack-plugin injects
+        if (window_1.SENTRY_RELEASE && window_1.SENTRY_RELEASE.id) {
+            options.release = window_1.SENTRY_RELEASE.id;
+        }
+    }
+    if (options.autoSessionTracking === undefined) {
+        options.autoSessionTracking = true;
+    }
+    initAndBind(BrowserClient, options);
+    if (options.autoSessionTracking) {
+        startSessionTracking();
+    }
+}
+/**
+ * Present the user with a report dialog.
+ *
+ * @param options Everything is optional, we try to fetch all info need from the global scope.
+ */
+function showReportDialog(options) {
+    if (options === void 0) { options = {}; }
+    var hub = getCurrentHub();
+    var scope = hub.getScope();
+    if (scope) {
+        options.user = __assign(__assign({}, scope.getUser()), options.user);
+    }
+    if (!options.eventId) {
+        options.eventId = hub.lastEventId();
+    }
+    var client = hub.getClient();
+    if (client) {
+        client.showReportDialog(options);
+    }
+}
+/**
+ * This is the getter for lastEventId.
+ *
+ * @returns The last event id of a captured event.
+ */
+function lastEventId() {
+    return getCurrentHub().lastEventId();
+}
+/**
+ * This function is here to be API compatible with the loader.
+ * @hidden
+ */
+function forceLoad() {
+    // Noop
+}
+/**
+ * This function is here to be API compatible with the loader.
+ * @hidden
+ */
+function onLoad(callback) {
+    callback();
+}
+/**
+ * Call `flush()` on the current client, if there is one. See {@link Client.flush}.
+ *
+ * @param timeout Maximum time in ms the client should wait to flush its event queue. Omitting this parameter will cause
+ * the client to wait until all events are sent before resolving the promise.
+ * @returns A promise which resolves to `true` if the queue successfully drains before the timeout, or `false` if it
+ * doesn't (or if there's no client defined).
+ */
+function flush(timeout) {
+    var client = getCurrentHub().getClient();
+    if (client) {
+        return client.flush(timeout);
+    }
+    logger.warn('Cannot flush events. No client defined.');
+    return SyncPromise.resolve(false);
+}
+/**
+ * Call `close()` on the current client, if there is one. See {@link Client.close}.
+ *
+ * @param timeout Maximum time in ms the client should wait to flush its event queue before shutting down. Omitting this
+ * parameter will cause the client to wait until all events are sent before disabling itself.
+ * @returns A promise which resolves to `true` if the queue successfully drains before the timeout, or `false` if it
+ * doesn't (or if there's no client defined).
+ */
+function sdk_close(timeout) {
+    var client = getCurrentHub().getClient();
+    if (client) {
+        return client.close(timeout);
+    }
+    logger.warn('Cannot flush events and disable SDK. No client defined.');
+    return SyncPromise.resolve(false);
+}
+/**
+ * Wrap code within a try/catch block so the SDK is able to capture errors.
+ *
+ * @param fn A function to wrap.
+ *
+ * @returns The result of wrapped function call.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function sdk_wrap(fn) {
+    return internalWrap(fn)();
+}
+/**
+ * Enable automatic Session Tracking for the initial page load.
+ */
+function startSessionTracking() {
+    var window = (0,misc/* getGlobalObject */.Rf)();
+    var document = window.document;
+    if (typeof document === 'undefined') {
+        logger_logger.warn('Session tracking in non-browser environment with @sentry/browser is not supported.');
+        return;
+    }
+    var hub = hub_getCurrentHub();
+    // The only way for this to be false is for there to be a version mismatch between @sentry/browser (>= 6.0.0) and
+    // @sentry/hub (< 5.27.0). In the simple case, there won't ever be such a mismatch, because the two packages are
+    // pinned at the same version in package.json, but there are edge cases where it's possible. See
+    // https://github.com/getsentry/sentry-javascript/issues/3207 and
+    // https://github.com/getsentry/sentry-javascript/issues/3234 and
+    // https://github.com/getsentry/sentry-javascript/issues/3278.
+    if (typeof hub.startSession !== 'function' || typeof hub.captureSession !== 'function') {
+        return;
+    }
+    // The session duration for browser sessions does not track a meaningful
+    // concept that can be used as a metric.
+    // Automatically captured sessions are akin to page views, and thus we
+    // discard their duration.
+    hub.startSession({ ignoreDuration: true });
+    hub.captureSession();
+    // We want to create a session for every navigation as well
+    addInstrumentationHandler({
+        callback: function (_a) {
+            var from = _a.from, to = _a.to;
+            // Don't create an additional session for the initial route or if the location did not change
+            if (from === undefined || from === to) {
+                return;
+            }
+            hub.startSession({ ignoreDuration: true });
+            hub.captureSession();
+        },
+        type: 'history',
+    });
+}
+//# sourceMappingURL=sdk.js.map
+;// CONCATENATED MODULE: ./src/frames/lib/error-tracker.ts
+var _window$location$host;
+
+
+
+var IGNORED_ERRORS = [// This error most likely comes from a browser extension
+/ceCurrentVideo\.currentTime/];
+init({
+  dsn: null,
+  environment: "production",
+  release: "d8793bab7e9f4d33dc03840b7e8b322dd7e4cff9",
+  ignoreErrors: IGNORED_ERRORS,
+  tracesSampleRate: 0.1,
+  autoSessionTracking: false
+});
+setTag("client", (_window$location$host = window.location.hostname) === null || _window$location$host === void 0 ? void 0 : _window$location$host.split(".")[0]);
+setTag("Embed2 Component", null);
+var error_tracker_errorTracker = {
+  trackException: function trackException(error) {
+    (0,errors/* warn */.Z)(error.message);
+    captureException(error);
+  },
+  addBreadCrumb: function addBreadCrumb(category, message, data) {
+    var level = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : Severity.Info;
+    addBreadcrumb({
+      category: category,
+      message: message,
+      data: data,
+      level: level
+    });
+  }
+};
+/* harmony default export */ var lib_error_tracker = ((/* unused pure expression or super */ null && (error_tracker_errorTracker)));
+;// CONCATENATED MODULE: ./src/frames/components/x-storage/index.ts
+
+
+
+
+
+
+
+
+
+
+
+var LIVE_CHAT_PENDING_STORAGE_KEY = "liveChatPending";
+var IS_DRAWER_OPEN_STORAGE_KEY = "ada-embed_is-drawer-open";
+var lastDrawerState;
+/**
+ * NOTE: If you import this file into any other file
+ * it will trigger the init() function below - may cause errors!
+ */
+
+/**
+ * Auto-opens the chat door if crossWindowPersistence is one, the chatter is in
+ * a live chat, and if the drawer was previously opened.
+ */
+
+function setIsDrawerOpen() {
+  return _setIsDrawerOpen.apply(this, arguments);
+}
+/**
+ * Retrieves the chatter token from storage.
+ */
+
+function _setIsDrawerOpen() {
+  _setIsDrawerOpen = (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee2() {
+    var _yield$store$getState, crossWindowPersistence, client, privateMode, isDrawerOpen, liveChatPending, inLiveChat, liveChatActive;
+
+    return regenerator_default().wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return store.getState();
+
+          case 2:
+            _yield$store$getState = _context2.sent;
+            crossWindowPersistence = _yield$store$getState.crossWindowPersistence;
+            client = _yield$store$getState.client;
+            privateMode = _yield$store$getState.privateMode;
+            isDrawerOpen = safeSessionStorage.getItem(IS_DRAWER_OPEN_STORAGE_KEY);
+            liveChatPending = retrieveStorage(LIVE_CHAT_PENDING_STORAGE_KEY, client, privateMode);
+            inLiveChat = retrieveStorage(IN_LIVE_CHAT_STORAGE_KEY, client, privateMode);
+            liveChatActive = inLiveChat || liveChatPending;
+
+            if (crossWindowPersistence && isDrawerOpen && liveChatActive) {
+              store.dispatch(ActionCreators.TOGGLE_CHAT_ACTION);
+            }
+
+          case 11:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _setIsDrawerOpen.apply(this, arguments);
+}
+
+function getChatterFromStorage() {
+  return _getChatterFromStorage.apply(this, arguments);
+}
+/**
+ * Initialization
+ */
+
+
+function _getChatterFromStorage() {
+  _getChatterFromStorage = (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee3() {
+    var _yield$store$getState2, privateMode, client;
+
+    return regenerator_default().wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return store.getState();
+
+          case 2:
+            _yield$store$getState2 = _context3.sent;
+            privateMode = _yield$store$getState2.privateMode;
+            client = _yield$store$getState2.client;
+            return _context3.abrupt("return", retrieveStorage(CHATTER_STORAGE_KEY, client, Boolean(privateMode)));
+
+          case 6:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+  return _getChatterFromStorage.apply(this, arguments);
+}
+
+(0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee() {
+  var chatterFromStorage, frameInitialized;
+  return regenerator_default().wrap(function _callee$(_context) {
+    while (1) {
+      switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return getChatterFromStorage();
+
+        case 2:
+          chatterFromStorage = _context.sent;
+          _context.next = 5;
+          return initializeFrame(true, {
+            chatterToken: chatterFromStorage || undefined
+          });
+
+        case 5:
+          frameInitialized = _context.sent;
+
+          if (frameInitialized) {
+            _context.next = 8;
+            break;
+          }
+
+          return _context.abrupt("return");
+
+        case 8:
+          setIsDrawerOpen();
+          /**
+           * Listen for FC events
+           */
+
+          frame_fc.addEventListener(function (type) {
+            switch (type) {
+              case DELETE_HISTORY_EVENT:
+                {
+                  safeLocalStorage.removeItem(CHATTER_STORAGE_KEY);
+                  safeSessionStorage.removeItem(CHATTER_STORAGE_KEY);
+                  safeLocalStorage.removeItem(IN_LIVE_CHAT_STORAGE_KEY);
+                  safeSessionStorage.removeItem(IN_LIVE_CHAT_STORAGE_KEY);
+                  break;
+                }
+
+              default:
+                break;
+            }
+          });
+          /**
+           * Listen for store changes
+           */
+
+          store.subscribe(function (state) {
+            /**
+             * Store isDrawerOpen state in sessionStorage if crossWindowPersistence is enabled
+             */
+            if (state.isDrawerOpen !== lastDrawerState && state.crossWindowPersistence) {
+              safeSessionStorage.setItem(IS_DRAWER_OPEN_STORAGE_KEY, state.isDrawerOpen);
+            }
+          });
+
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }
+  }, _callee);
+}))();
+;// CONCATENATED MODULE: ./src/client/store/mutations/index.ts
+
+
+
+
+
+
+
+
+function ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); if (enumerableOnly) { symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0,defineProperty/* default */.Z)(target, key, source[key]); }); } else if ((get_own_property_descriptors_default())) { Object.defineProperties(target, get_own_property_descriptors_default()(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, get_own_property_descriptor_default()(source, key)); }); } } return target; }
+
+
+
+
+
+
+var mutations = function mutations(state, action) {
+  switch (action.type) {
+    case ActionTypes.TOGGLE_CHAT_TYPE:
+      {
+        var hasChatOpenedAfterProactiveMessagesShown = state.hasChatOpenedAfterProactiveMessagesShown;
+
+        if (!state.isDrawerOpen && state.latestCampaignKey && !hasChatOpenedAfterProactiveMessagesShown) {
+          hasChatOpenedAfterProactiveMessagesShown = true;
+        }
+
+        safeLocalStorage.setItem(IS_DRAWER_OPEN_STORAGE_KEY, !state.isDrawerOpen);
+        return _objectSpread(_objectSpread({}, state), {}, {
+          isDrawerOpen: !state.isDrawerOpen,
+          isIntroShown: false,
+          drawerHasBeenOpened: true,
+          unreadMessageCount: 0,
+          hasChatOpenedAfterProactiveMessagesShown: hasChatOpenedAfterProactiveMessagesShown
+        });
+      }
+
+    case ActionTypes.SET_STATE_TYPE:
+      return _objectSpread(_objectSpread({}, state), action.payload);
+
+    case ActionTypes.INCREMENT_MESSAGE_COUNT_TYPE:
+      {
+        var messages = action.payload.messages; // Filter out Proactive Messages
+
+        var nonProactive = filter_default()(messages).call(messages, function (message) {
+          return !message.campaign_key;
+        });
+
+        return _objectSpread(_objectSpread({}, state), {}, {
+          unreadMessageCount: nonProactive.length
+        });
+      }
+
+    case ActionTypes.SET_CONNECTION_STATE_TYPE:
+      {
+        var newConnections = _objectSpread(_objectSpread({}, state.connections), action.payload);
+
+        var connectionValues = values_default()(newConnections);
+
+        var appConnectionState;
+        var done = connectionValues.every(function (connectionState) {
+          return connectionState === ConnectionState.Done;
+        });
+        var loading = connectionValues.some(function (connectionState) {
+          return connectionState === ConnectionState.Done;
+        });
+        var failure = connectionValues.some(function (connectionState) {
+          return connectionState === ConnectionState.Failure;
+        });
+
+        if (done) {
+          appConnectionState = ConnectionState.Done;
+        } else if (failure) {
+          appConnectionState = ConnectionState.Failure;
+        } else if (loading) {
+          appConnectionState = ConnectionState.Loading;
+        } else {
+          appConnectionState = ConnectionState.Uninitiated;
+        }
+
+        return _objectSpread(_objectSpread({}, state), {}, {
+          connections: newConnections,
+          appConnectionState: appConnectionState
+        });
+      }
+
+    default:
+      return state;
+  }
+};
+
+/* harmony default export */ var store_mutations = (mutations);
+;// CONCATENATED MODULE: ./src/client/helpers/local-notifications/index.ts
+var browserHasNotificationSupport = ("Notification" in window);
+function checkIfUserHasGivenPermission() {
+  if (!browserHasNotificationSupport) {
+    return false;
+  }
+
+  return Notification.permission === "granted";
+}
+function requestNotificationPermission() {
+  if (!browserHasNotificationSupport) {
+    return null;
+  }
+
+  return Notification.requestPermission();
+}
+function createNotification(title, isChatOpen, onClickHandler, options) {
+  if (!checkIfUserHasGivenPermission() || !document.hidden && isChatOpen) {
+    return null;
+  }
+
+  var notification = new Notification(title, options);
+
+  notification.onclick = function () {
+    if (onClickHandler) {
+      onClickHandler();
+    }
+
+    notification.close();
+  };
+
+  return notification;
+}
+
+function notificationPermissionGuard(state) {
+  if (state === "granted" || state === "denied") {
+    return state;
+  }
+
+  return "default";
+}
+/**
+ * Used to listen for changes in Notification permission state
+ */
+
+
+function notificationPermListener(notificationPermChangeHandler) {
+  if (!("permissions" in navigator)) {
+    return;
+  }
+
+  navigator.permissions.query({
+    name: "notifications"
+  }).then(function (notificationPerm) {
+    // eslint-disable-next-line no-param-reassign
+    notificationPerm.onchange = function () {
+      notificationPermChangeHandler(notificationPermissionGuard(notificationPerm.state));
+    };
+  });
+}
+;// CONCATENATED MODULE: ./src/client/store/state.ts
+
+
+
+
+
+function getValueFromStorage(key) {
+  return safeLocalStorage.getItem(key) || safeSessionStorage.getItem(key);
+}
+
+var state = {
+  handle: undefined,
+  styles: undefined,
+  domain: undefined,
+  cluster: undefined,
+  language: undefined,
   greeting: undefined,
   crossWindowPersistence: true,
   hideMask: true,
@@ -9495,7 +10175,10 @@ var state = {
   initialURL: undefined,
   privateMode: false,
   rolloutOverride: undefined,
-  chatterToken: undefined,
+  chatterToken: getValueFromStorage(CHATTER_TOKEN_STORAGE_KEY) || undefined,
+  chatterCreated: getValueFromStorage(CHATTER_CREATED_STORAGE_KEY) || undefined,
+  zdSessionId: getValueFromStorage(ZD_SESSION_STORAGE_KEY) || undefined,
+  zdPreviousTags: getValueFromStorage(ZD_PREVIOUS_TAGS_STORAGE_KEY) || undefined,
   connections: {},
   appConnectionState: ConnectionState.Uninitiated,
   testMode: false,
@@ -9507,7 +10190,8 @@ var state = {
   isChatWebsocketConnected: false,
   latestCampaignKey: undefined,
   hasChatOpenedAfterProactiveMessagesShown: false,
-  chatterInLiveChat: false
+  chatterInLiveChat: false,
+  adaSettings: {}
 };
 /* harmony default export */ var store_state = (state);
 ;// CONCATENATED MODULE: ./src/client/store/index.ts
@@ -9871,121 +10555,100 @@ var DEFAULT_LANGUAGE_CODE = "en";
  * I'M SO SORRY.
  */
 
-var getBrowserLanguage = function getBrowserLanguage() {
+var get_browser_language_getBrowserLanguage = function getBrowserLanguage() {
   return (navigator.languages && navigator.languages[0] || navigator.language || navigator.userLanguage || navigator.browserLanguage || navigator.systemLanguage || DEFAULT_LANGUAGE_CODE).split("-")[0];
 };
 
-/* harmony default export */ var get_browser_language = (getBrowserLanguage);
-;// CONCATENATED MODULE: ./src/frames/lib/safe-storage/index.ts
-
-
-
+/* harmony default export */ var get_browser_language = (get_browser_language_getBrowserLanguage);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/instance/trim.js
+var trim = __webpack_require__(5843);
+var trim_default = /*#__PURE__*/__webpack_require__.n(trim);
+;// CONCATENATED MODULE: ./src/common/helpers/get-intro-for-url.ts
 
 
-var StorageTypes;
 
-(function (StorageTypes) {
-  StorageTypes["Local"] = "local";
-  StorageTypes["Session"] = "session";
-})(StorageTypes || (StorageTypes = {}));
+var INTRO_STYLE_EMOJI = "Emoji";
+var INTRO_STYLE_TEXT = "Text";
+function getProcessedPath(path) {
+  var regex = new RegExp("^http(s)?://(www.)?");
+  return trim_default()(path).call(path).replace(regex, "");
+}
+function getPathSearchRegex(path) {
+  var params = path.split("?");
 
-/**
- * local and session storage can throw exceptions when trying to access them
- * from the Window object and third-party cookies are disabled. SafeStorage
- * wraps common Storage methods in try catch blocks.
- */
-var SafeStorage = /*#__PURE__*/function () {
-  function SafeStorage(storageType) {
-    (0,classCallCheck/* default */.Z)(this, SafeStorage);
+  if (params.length > 1) {
+    var _context;
 
-    (0,defineProperty/* default */.Z)(this, "storageType", void 0);
+    var escapedParams = encodeURI(params[1]);
+    return new RegExp(concat_default()(_context = "^".concat(params[0], "\\?")).call(_context, escapedParams, "$"));
+  }
 
-    (0,defineProperty/* default */.Z)(this, "storage", null);
+  var newPath = path.replace("*", ".*");
+  return new RegExp("^".concat(newPath, "$"));
+}
+function doesUrlMatchPath(url, path) {
+  var processedUrl = getProcessedPath(url);
+  var processedPath = getProcessedPath(path);
+  var pathRegex = getPathSearchRegex(processedPath);
+  var matches = pathRegex.exec(processedUrl);
+  return matches !== null;
+}
 
-    this.storageType = storageType;
+function findMatchingIntro(intros) {
+  var currentUrl = window.location.href;
 
-    try {
-      this.storage = storageType === "local" ? window.localStorage : window.sessionStorage;
-    } catch (e) {
-      (0,errors/* warn */.Z)("".concat(this.storageType, "Storage is disabled. This is likely because your browser is blocking third-party cookies."));
-    }
-  } // eslint-disable-next-line class-methods-use-this
+  var matchingIntros = filter_default()(intros).call(intros, function (intro) {
+    var _context2;
 
+    var matchingPaths = filter_default()(_context2 = intro.paths).call(_context2, function (path) {
+      return doesUrlMatchPath(currentUrl, path);
+    });
 
-  _createClass(SafeStorage, [{
-    key: "seralizeItem",
-    value: function seralizeItem(value) {
-      try {
-        return stringify_default()(value);
-      } catch (error) {
-        (0,errors/* warn */.Z)("Attempt to seralize failed: ".concat(error));
-      }
+    return matchingPaths.length > 0;
+  });
 
-      return null;
-    } // eslint-disable-next-line class-methods-use-this
+  if (matchingIntros.length === 0) {
+    return null;
+  }
 
-  }, {
-    key: "deserializeItem",
-    value: function deserializeItem(value) {
-      try {
-        return JSON.parse(value);
-      } catch (error) {
-        (0,errors/* warn */.Z)("Attempt to deserialize failed: ".concat(error));
-      }
+  return matchingIntros[0];
+}
 
-      return null;
-    }
-  }, {
-    key: "getItem",
-    value: function getItem(key) {
-      try {
-        if (!this.storage) {
-          throw new errors/* AdaEmbedError */.S("`storage` is null");
-        }
+function getIntroForCurrentUrl(intros, language) {
+  var matchingIntro = findMatchingIntro(intros);
 
-        return this.deserializeItem(this.storage.getItem(key));
-      } catch (e) {
-        (0,errors/* warn */.Z)("Cannot getItem from ".concat(this.storageType, "Storage."));
-        return null;
-      }
-    }
-  }, {
-    key: "setItem",
-    value: function setItem(key, value) {
-      try {
-        if (!this.storage) {
-          throw new errors/* AdaEmbedError */.S("`storage` is null");
-        }
+  if (!matchingIntro) {
+    return null;
+  }
 
-        this.storage.setItem(key, this.seralizeItem(value));
-      } catch (e) {
-        (0,errors/* warn */.Z)("Cannot setItem in ".concat(this.storageType, "Storage."));
-      }
-    }
-  }, {
-    key: "removeItem",
-    value: function removeItem(key) {
-      try {
-        if (!this.storage) {
-          throw new errors/* AdaEmbedError */.S("`storage` is null");
-        }
+  if (matchingIntro.style === INTRO_STYLE_TEXT) {
+    return {
+      response_id: matchingIntro.response_id,
+      body: matchingIntro.body.message_text[language],
+      style: matchingIntro.style,
+      delay: matchingIntro.delay,
+      duration: matchingIntro.duration
+    };
+  }
 
-        this.storage.removeItem(key);
-      } catch (e) {
-        (0,errors/* warn */.Z)("Cannot removeItem from ".concat(this.storageType, "Storage."));
-      }
-    }
-  }]);
+  if (matchingIntro.style === INTRO_STYLE_EMOJI) {
+    return {
+      response_id: matchingIntro.response_id,
+      body: matchingIntro.body.emoji_link,
+      style: matchingIntro.style,
+      delay: matchingIntro.delay,
+      duration: matchingIntro.duration
+    };
+  }
 
-  return SafeStorage;
-}();
-var safeLocalStorage = new SafeStorage(StorageTypes.Local);
-var safeSessionStorage = new SafeStorage(StorageTypes.Session);
+  return null;
+}
 ;// CONCATENATED MODULE: ./src/campaigns/TriggerConditionEvaluator.ts
 
 
 
 
+
 var TriggerConditionEvaluator_stripTrailingSlash = function stripTrailingSlash(url) {
   return ends_with_default()(url).call(url, "/") ? slice_default()(url).call(url, 0, -1) : url;
 };
@@ -10013,7 +10676,9 @@ var TriggerConditionEvaluator_evalUrlMatchTriggerCondition = function evalUrlMat
         return includes_default()(url).call(url, condition.value);
 
       case "equals":
-        return urlWithoutQueryParams === condition.value;
+        {
+          return doesUrlMatchPath(urlWithoutQueryParams, condition.value);
+        }
 
       case "regex":
         {
@@ -10523,92 +11188,6 @@ function bindActionCreators(action, dispatch) {
     return dispatch(action, payload);
   };
 }
-;// CONCATENATED MODULE: ./src/common/constants/storage-keys.ts
-var CHATTER_STORAGE_KEY = "chatter";
-var IN_LIVE_CHAT_STORAGE_KEY = "inLiveChat";
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js-stable/instance/trim.js
-var trim = __webpack_require__(5843);
-var trim_default = /*#__PURE__*/__webpack_require__.n(trim);
-;// CONCATENATED MODULE: ./src/common/helpers/get-intro-for-url.ts
-
-
-
-var INTRO_STYLE_EMOJI = "Emoji";
-var INTRO_STYLE_TEXT = "Text";
-function getProcessedPath(path) {
-  var regex = new RegExp("^http(s)?://(www.)?");
-  return trim_default()(path).call(path).replace(regex, "");
-}
-function getPathSearchRegex(path) {
-  var params = path.split("?");
-
-  if (params.length > 1) {
-    var _context;
-
-    var escapedParams = encodeURI(params[1]);
-    return new RegExp(concat_default()(_context = "^".concat(params[0], "\\?")).call(_context, escapedParams, "$"));
-  }
-
-  var newPath = path.replace("*", ".*");
-  return new RegExp("^".concat(newPath, "$"));
-}
-function doesUrlMatchPath(url, path) {
-  var processedUrl = getProcessedPath(url);
-  var processedPath = getProcessedPath(path);
-  var pathRegex = getPathSearchRegex(processedPath);
-  var matches = pathRegex.exec(processedUrl);
-  return matches !== null;
-}
-
-function findMatchingIntro(intros) {
-  var currentUrl = window.location.href;
-
-  var matchingIntros = filter_default()(intros).call(intros, function (intro) {
-    var _context2;
-
-    var matchingPaths = filter_default()(_context2 = intro.paths).call(_context2, function (path) {
-      return doesUrlMatchPath(currentUrl, path);
-    });
-
-    return matchingPaths.length > 0;
-  });
-
-  if (matchingIntros.length === 0) {
-    return null;
-  }
-
-  return matchingIntros[0];
-}
-
-function getIntroForCurrentUrl(intros, language) {
-  var matchingIntro = findMatchingIntro(intros);
-
-  if (!matchingIntro) {
-    return null;
-  }
-
-  if (matchingIntro.style === INTRO_STYLE_TEXT) {
-    return {
-      response_id: matchingIntro.response_id,
-      body: matchingIntro.body.message_text[language],
-      style: matchingIntro.style,
-      delay: matchingIntro.delay,
-      duration: matchingIntro.duration
-    };
-  }
-
-  if (matchingIntro.style === INTRO_STYLE_EMOJI) {
-    return {
-      response_id: matchingIntro.response_id,
-      body: matchingIntro.body.emoji_link,
-      style: matchingIntro.style,
-      delay: matchingIntro.delay,
-      duration: matchingIntro.duration
-    };
-  }
-
-  return null;
-}
 ;// CONCATENATED MODULE: ./src/common/helpers/fetch-client.ts
 
 
@@ -10720,12 +11299,26 @@ function _fetchClient() {
 
 
 var RTLLanguages = ["ar", "he"];
+var isRTLLanguage = function isRTLLanguage(language) {
+  return Boolean(language && includes_default()(RTLLanguages).call(RTLLanguages, language)) || false;
+};
 var isRTL = function isRTL(client, language) {
-  var rtlLanguageBool = language && includes_default()(RTLLanguages).call(RTLLanguages, language) || includes_default()(RTLLanguages).call(RTLLanguages, get_browser_language());
-
+  var rtlLanguageBool = isRTLLanguage(language) || isRTLLanguage(getBrowserLanguage());
   var featureFlagsBool = (client === null || client === void 0 ? void 0 : client.features.chat_ui_v2) && (client === null || client === void 0 ? void 0 : client.features.rtl_language_support) && (client === null || client === void 0 ? void 0 : client.features.translations);
   return featureFlagsBool && rtlLanguageBool || false;
 };
+;// CONCATENATED MODULE: ./src/common/helpers/getAlignment.ts
+
+function getAlignment(adaSettings) {
+  var language = adaSettings.language,
+      align = adaSettings.align;
+
+  if (align === "auto") {
+    return isRTLLanguage(language) ? "left" : "right";
+  }
+
+  return align || "right";
+}
 ;// CONCATENATED MODULE: ./src/common/helpers/wait.ts
 
 function wait(ms) {
@@ -10804,32 +11397,6 @@ var INTRO_IFRAME = "intro";
 var BUTTON_IFRAME = "button";
 var MASK_IFRAME = "drawer-mask";
 var XSTORAGE_IFRAME = "x-storage";
-;// CONCATENATED MODULE: ./src/frames/helpers/storage/index.ts
-
-var PERSISTENCE_NORMAL = "normal";
-var PERSISTENCE_SESSION = "session";
-/**
- * Retrieves items from local or session storage, depending on the client's
- * persistence setting. If privateMode is set, it returns null.
- */
-
-function retrieveStorage(key, client, privateMode) {
-  var persistence = client.persistence;
-
-  if (privateMode) {
-    return null;
-  }
-
-  if (persistence === PERSISTENCE_NORMAL) {
-    return safeLocalStorage.getItem(key);
-  }
-
-  if (persistence === PERSISTENCE_SESSION) {
-    return safeSessionStorage.getItem(key);
-  }
-
-  return null;
-}
 // EXTERNAL MODULE: ./src/services/logger/index.ts
 var services_logger = __webpack_require__(9517);
 ;// CONCATENATED MODULE: ./src/client/components/IFrame/index.tsx
@@ -11114,36 +11681,38 @@ var ButtonFrame = /*#__PURE__*/function (_Component) {
           buttonSize = _this$props.buttonSize,
           buttonStyle = _this$props.buttonStyle,
           frameWidth = _this$props.frameWidth,
-          language = _this$props.language;
+          adaSettings = _this$props.adaSettings;
 
       if (!client) {
         return "";
       }
 
-      var delayedIsShown = this.state.delayedIsShown; // 56 = (SHADOW BLUR=48) +  (2 * SPREAD=8)
+      var delayedIsShown = this.state.delayedIsShown; // 48 = (SHADOW BLUR=40) +  (2 * SPREAD=8)
 
-      var BOX_SHADOW_BUFFER = client.features.chat_ui_v2 ? 56 : 8;
+      var BOX_SHADOW_BUFFER = client.features.chat_ui_v2 ? 48 : 8;
       var POSITION_FROM_SCREEN_EDGE = 24;
       var buttonSizeWithBuffer = buttonSize + BOX_SHADOW_BUFFER;
       var buttonPosition = POSITION_FROM_SCREEN_EDGE - BOX_SHADOW_BUFFER / 2;
-      var frameHeight = buttonSize + BOX_SHADOW_BUFFER;
+      var roundFrameHeight = buttonSize + BOX_SHADOW_BUFFER; // text button has a fixed height of 44px
+
+      var textFrameHeight = 44 + BOX_SHADOW_BUFFER;
       var stylesForHiding = "\n      top: -9999px !important;\n      left: -9999px !important;\n    ";
 
-      var styles = concat_default()(_context2 = concat_default()(_context3 = concat_default()(_context4 = concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "\n      position: fixed;\n      bottom: ".concat(buttonPosition, "px;\n      ")).call(_context7, isRTL(client, language) ? "left" : "right", ": ")).call(_context6, buttonPosition, "px;\n      z-index: 10000;\n      height: ")).call(_context5, buttonSizeWithBuffer, "px;\n      width: ")).call(_context4, buttonSizeWithBuffer, "px;\n      overflow: hidden;\n      visibility: ")).call(_context3, this.isShown ? "visible" : "hidden", ";\n      opacity: ")).call(_context2, this.isShown ? "1" : "0", ";\n      transition: visibility 200ms ease, opacity 200ms ease;\n    ");
+      var styles = concat_default()(_context2 = concat_default()(_context3 = concat_default()(_context4 = concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "\n      position: fixed;\n      bottom: ".concat(buttonPosition, "px;\n      ")).call(_context7, getAlignment(adaSettings), ": ")).call(_context6, buttonPosition, "px;\n      z-index: 10000;\n      height: ")).call(_context5, buttonSizeWithBuffer, "px;\n      width: ")).call(_context4, buttonSizeWithBuffer, "px;\n      overflow: hidden;\n      visibility: ")).call(_context3, this.isShown ? "visible" : "hidden", ";\n      opacity: ")).call(_context2, this.isShown ? "1" : "0", ";\n      transition: visibility 200ms ease, opacity 200ms ease;\n    ");
 
       if (client.features.chat_ui_v2) {
         var _context8;
 
-        styles += concat_default()(_context8 = "\n        transform: translate(0, 10%);\n        transition: visibility 250ms ease, opacity 250ms ease, transform 250ms ease;\n        ".concat(isRTL(client, language) ? "left" : "right", ": 0;\n        bottom: 0;\n        \n        ")).call(_context8, this.isShown ? "transform: translate(0, 0);" : "", "\n      ");
+        styles += concat_default()(_context8 = "\n        transform: translate(0, 10%);\n        transition: visibility 250ms ease, opacity 250ms ease, transform 250ms ease;\n        ".concat(getAlignment(adaSettings), ": 0;\n        bottom: 0;\n        \n        ")).call(_context8, this.isShown ? "transform: translate(0, 0);" : "", "\n      ");
 
         if (buttonStyle === "text") {
           var _context9;
 
-          styles += concat_default()(_context9 = "\n          width: ".concat(frameWidth, "px;\n          height: ")).call(_context9, frameHeight, "px;\n      ");
+          styles += concat_default()(_context9 = "\n          width: ".concat(frameWidth, "px;\n          height: ")).call(_context9, textFrameHeight, "px;\n      ");
         } else {
           var _context10;
 
-          styles += concat_default()(_context10 = "\n          width: ".concat(frameHeight, "px;\n          height: ")).call(_context10, frameHeight, "px;\n        ");
+          styles += concat_default()(_context10 = "\n          width: ".concat(roundFrameHeight, "px;\n          height: ")).call(_context10, roundFrameHeight, "px;\n        ");
         }
       }
 
@@ -11234,6 +11803,7 @@ function ChatFrame_isNativeReflectConstruct() { if (typeof Reflect === "undefine
 
 
 
+
 var ChatFrame = /*#__PURE__*/function (_Component) {
   (0,inherits/* default */.Z)(ChatFrame, _Component);
 
@@ -11353,7 +11923,8 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
           skipGreeting = _this$props3.skipGreeting,
           wasIntroShown = _this$props3.wasIntroShown,
           privateMode = _this$props3.privateMode,
-          testMode = _this$props3.testMode;
+          testMode = _this$props3.testMode,
+          adaSettings = _this$props3.adaSettings;
       return getURL({
         name: name,
         handle: handle,
@@ -11366,7 +11937,8 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
           introShown: wasIntroShown,
           embed2: 1,
           private: privateMode ? 1 : null,
-          test_user: testMode ? 1 : null
+          test_user: testMode ? 1 : null,
+          align: getAlignment(adaSettings)
         }
       });
     }
@@ -11379,7 +11951,7 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
           isDrawerOpen = _this$props4.isDrawerOpen,
           client = _this$props4.client,
           testMode = _this$props4.testMode,
-          language = _this$props4.language;
+          adaSettings = _this$props4.adaSettings;
 
       if (!client) {
         return "";
@@ -11399,10 +11971,10 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
       if (client.features.chat_ui_v2) {
         var _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
 
-        return concat_default()(_context2 = concat_default()(_context3 = concat_default()(_context4 = concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "\n        position: fixed;\n\n        ".concat(isMobile ? "\n          ".concat(isRTL(client, language) ? "left" : "right", ": 0;\n          bottom: 0;\n          height: 100%;\n        ") : concat_default()(_context8 = concat_default()(_context9 = "\n          height: 90%;\n          ".concat(isRTL(client, language) ? "left" : "right", ": 24px;\n          bottom: 24px;\n          max-width: 375px;\n          max-height: ")).call(_context9, totalWindowHeight, ";\n          border-radius: ")).call(_context8, borderRadius, ";\n        "), "\n\n        width: 100%;\n        ")).call(_context7, this.hasVisibleProactiveMessages || isShown ? "pointer-events: auto" : "pointer-events: none", ";\n        opacity: 0;\n        transform: translate(0, 100px);\n        transition: transform ")).call(_context6, closeTransitionTime, "ms ease, opacity ")).call(_context5, closeTransitionTime, "ms ease, visibility 0ms linear ")).call(_context4, closeTransitionTime, "ms;\n        box-shadow: 0px 12px 48px 4px rgba(0, 0, 0, 0.12);\n        background-color: ")).call(_context3, backgroundColor, ";\n        visibility: hidden;\n        z-index: 10010;\n\n        ")).call(_context2, isShown && "\n          opacity: 1;\n          transform: translate(0, 0);\n          transition: transform 300ms ease, opacity 300ms ease;\n          visibility: visible;\n        ", "\n      ");
+        return concat_default()(_context2 = concat_default()(_context3 = concat_default()(_context4 = concat_default()(_context5 = concat_default()(_context6 = concat_default()(_context7 = "\n        position: fixed;\n\n        ".concat(isMobile ? "\n          ".concat(getAlignment(adaSettings), ": 0;\n          bottom: 0;\n          height: 100%;\n        ") : concat_default()(_context8 = concat_default()(_context9 = "\n          height: 90%;\n          ".concat(getAlignment(adaSettings), ": 24px;\n          bottom: 24px;\n          max-width: 375px;\n          max-height: ")).call(_context9, totalWindowHeight, ";\n          border-radius: ")).call(_context8, borderRadius, ";\n        "), "\n\n        width: 100%;\n        ")).call(_context7, this.hasVisibleProactiveMessages || isShown ? "pointer-events: auto" : "pointer-events: none", ";\n        opacity: 0;\n        transform: translate(0, 100px);\n        transition: transform ")).call(_context6, closeTransitionTime, "ms ease, opacity ")).call(_context5, closeTransitionTime, "ms ease, visibility 0ms linear ")).call(_context4, closeTransitionTime, "ms;\n        box-shadow: 0px 12px 48px 4px rgba(0, 0, 0, 0.12);\n        background-color: ")).call(_context3, backgroundColor, ";\n        visibility: hidden;\n        z-index: 10010;\n\n        ")).call(_context2, isShown && "\n          opacity: 1;\n          transform: translate(0, 0);\n          transition: transform 300ms ease, opacity 300ms ease;\n          visibility: visible;\n        ", "\n      ");
       }
 
-      return concat_default()(_context10 = concat_default()(_context11 = concat_default()(_context12 = concat_default()(_context13 = concat_default()(_context14 = "\n      position: fixed;\n      ".concat(isRTL(client, language) ? "left" : "right", ": 0;\n      bottom: 0;\n      transform: translate(")).call(_context14, isDrawerOpen && isMounted ? "0" : "375px", ", 0);\n      opacity: ")).call(_context13, isDrawerOpen && isMounted ? "1" : "0", ";\n      transition: transform 200ms ease, opacity 200ms ease;\n      z-index: 9999;\n      box-shadow: -1px 0 0 rgba(0, 0, 0, .1), -3px 0 9px rgba(0, 0, 0, .15);\n      background-color: #ffffff;\n      width: 100%;\n      max-width: ")).call(_context12, isMobile ? "none" : "375px", ";\n      height: ")).call(_context11, isMobile ? "100%" : "100vh", ";\n      min-height: ")).call(_context10, isMobile ? "100%" : "initial", ";\n      max-height: -webkit-fill-available;\n      max-height: -moz-available;\n      max-height: stretch;\n    ");
+      return concat_default()(_context10 = concat_default()(_context11 = concat_default()(_context12 = concat_default()(_context13 = concat_default()(_context14 = "\n      position: fixed;\n      ".concat(getAlignment(adaSettings), ": 0;\n      bottom: 0;\n      transform: translate(")).call(_context14, isDrawerOpen && isMounted ? "0" : "375px", ", 0);\n      opacity: ")).call(_context13, isDrawerOpen && isMounted ? "1" : "0", ";\n      transition: transform 200ms ease, opacity 200ms ease;\n      z-index: 9999;\n      box-shadow: -1px 0 0 rgba(0, 0, 0, .1), -3px 0 9px rgba(0, 0, 0, .15);\n      background-color: #ffffff;\n      width: 100%;\n      max-width: ")).call(_context12, isMobile ? "none" : "375px", ";\n      height: ")).call(_context11, isMobile ? "100%" : "100vh", ";\n      min-height: ")).call(_context10, isMobile ? "100%" : "initial", ";\n      max-height: -webkit-fill-available;\n      max-height: -moz-available;\n      max-height: stretch;\n    ");
     }
   }, {
     key: "hasVisibleProactiveMessages",
@@ -11419,13 +11991,13 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
       var _this$props5 = this.props,
           chatDimensions = _this$props5.chatDimensions,
           client = _this$props5.client,
-          language = _this$props5.language; // delta is used to determine how much of the button's height should be ignored
+          adaSettings = _this$props5.adaSettings; // delta is used to determine how much of the button's height should be ignored
       // when spacing the proactive message
 
-      var delta = 14;
+      var delta = 3;
       var TEXT_BUTTON_HEIGHT = 44;
       var bottomOffset = (client === null || client === void 0 ? void 0 : (_client$ui_settings3 = client.ui_settings) === null || _client$ui_settings3 === void 0 ? void 0 : (_client$ui_settings3$ = _client$ui_settings3.embed) === null || _client$ui_settings3$ === void 0 ? void 0 : _client$ui_settings3$.style) === "text" ? TEXT_BUTTON_HEIGHT - delta : (client === null || client === void 0 ? void 0 : (_client$chat_button = client.chat_button) === null || _client$chat_button === void 0 ? void 0 : _client$chat_button.size) - delta;
-      return concat_default()(_context15 = concat_default()(_context16 = concat_default()(_context17 = "\n      box-shadow: none;\n      background: none;\n      height: ".concat(chatDimensions === null || chatDimensions === void 0 ? void 0 : chatDimensions.height, "px !important;\n      width: ")).call(_context17, chatDimensions === null || chatDimensions === void 0 ? void 0 : chatDimensions.width, "px !important;\n      ")).call(_context16, isRTL(client, language) ? "left" : "right", ": 0;\n      bottom: ")).call(_context15, bottomOffset, "px;\n      z-index: 9999;\n    ");
+      return concat_default()(_context15 = concat_default()(_context16 = concat_default()(_context17 = "\n      box-shadow: none;\n      background: none;\n      height: ".concat(chatDimensions === null || chatDimensions === void 0 ? void 0 : chatDimensions.height, "px !important;\n      width: ")).call(_context17, chatDimensions === null || chatDimensions === void 0 ? void 0 : chatDimensions.width, "px !important;\n      ")).call(_context16, getAlignment(adaSettings), ": 0;\n      bottom: ")).call(_context15, bottomOffset, "px;\n      z-index: 9999;\n    ");
     }
   }, {
     key: "chooseStyles",
@@ -11560,7 +12132,7 @@ 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$props8, adaSettings, setState, setConnectionState, _ref, eventKey, data, _ref2, analytics, analyticsCallback, client, _ref3, chatter, chatterTokenCallback, _client, _ref4, 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, inLiveChat, eventCallbacks, customJavascriptEvent, specificCallback, genericCallback, resetChat, zdChatterAuthCallback, conversationEndCallback;
 
         return regenerator_default().wrap(function _callee$(_context22) {
           while (1) {
@@ -11568,30 +12140,30 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
               case 0:
                 _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 ? 6 : _context22.t0 === CHAT_WEBSOCKET_CONNECTED ? 9 : _context22.t0 === PUBLISH_EVENT ? 11 : _context22.t0 === ANALYTICS_EVENT ? 14 : _context22.t0 === CHATTER_EVENT ? 18 : _context22.t0 === CHATTER_LIVECHAT_EVENT ? 26 : _context22.t0 === CUSTOM_JAVASCRIPT_EVENT ? 32 : _context22.t0 === RESET_FROM_CHAT_EVENT ? 41 : _context22.t0 === ZD_JWT_AUTH_EVENT ? 44 : _context22.t0 === CREATE_NOTIFICATION_EVENT ? 47 : _context22.t0 === BROWSER_HAS_NOTIFICATIONS_EVENT ? 49 : _context22.t0 === REQUEST_NOTIFICATIONS_EVENT ? 51 : _context22.t0 === END_CONVERSATION_EVENT ? 53 : 56;
+                _context22.next = _context22.t0 === GET_WINDOW_ORIGIN ? 4 : _context22.t0 === CHAT_STARTED ? 6 : _context22.t0 === CHAT_WEBSOCKET_CONNECTED ? 9 : _context22.t0 === PUBLISH_EVENT ? 11 : _context22.t0 === ANALYTICS_EVENT ? 14 : _context22.t0 === CHATTER_EVENT ? 18 : _context22.t0 === "ZD_SESSION" ? 28 : _context22.t0 === CHATTER_LIVECHAT_EVENT ? 37 : _context22.t0 === CUSTOM_JAVASCRIPT_EVENT ? 43 : _context22.t0 === RESET_FROM_CHAT_EVENT ? 52 : _context22.t0 === ZD_JWT_AUTH_EVENT ? 55 : _context22.t0 === CREATE_NOTIFICATION_EVENT ? 58 : _context22.t0 === BROWSER_HAS_NOTIFICATIONS_EVENT ? 60 : _context22.t0 === REQUEST_NOTIFICATIONS_EVENT ? 62 : _context22.t0 === END_CONVERSATION_EVENT ? 64 : 67;
                 break;
 
               case 4:
                 this.channel.postMessage("SET_WINDOW_ORIGIN", window.location, id);
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
               case 6:
                 this.channel.isConnected = true;
                 setConnectionState({
                   "chat": ConnectionState.Done
                 });
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
               case 9:
                 setState({
                   isChatWebsocketConnected: true
                 });
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
               case 11:
                 _ref = payload, eventKey = _ref.eventKey, data = _ref.data;
                 publishEvent(eventKey, data);
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
               case 14:
                 _ref2 = payload, analytics = _ref2.analytics;
@@ -11601,66 +12173,124 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
                   analyticsCallback(analytics);
                 }
 
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
               case 18:
                 client = this.props.client;
-                _ref3 = payload, chatter = _ref3.chatter;
+                _ref3 = payload, chatter = _ref3.chatter, created = _ref3.created;
                 chatterTokenCallback = adaSettings.chatterTokenCallback;
-                _context22.next = 23;
+
+                if (client) {
+                  _context22.next = 23;
+                  break;
+                }
+
+                throw new errors/* AdaEmbedError */.S("`client` is undefined");
+
+              case 23:
+                _context22.next = 25;
                 return setState({
-                  chatterToken: chatter
+                  chatterToken: chatter,
+                  chatterCreated: created
                 });
 
-              case 23:
+              case 25:
                 /**
                  * Store the token so when embed loads in the future, it doesn't have to wait for it to
                  * come from chat. This is important for campaign and business event triggers.
                  */
                 if (client.persistence === PERSISTENCE_NORMAL) {
                   safeLocalStorage.setItem(CHATTER_STORAGE_KEY, chatter);
+                  safeLocalStorage.setItem(CHATTER_CREATED_STORAGE_KEY, created);
                 } else if (client.persistence === PERSISTENCE_SESSION) {
                   safeSessionStorage.setItem(CHATTER_STORAGE_KEY, chatter);
+                  safeSessionStorage.setItem(CHATTER_CREATED_STORAGE_KEY, created);
                 }
 
                 if (chatterTokenCallback) {
                   chatterTokenCallback(chatter);
                 }
 
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
-              case 26:
+              case 28:
                 _client = this.props.client;
-                _ref4 = payload, inLiveChat = _ref4.inLiveChat;
-                _context22.next = 30;
+                _ref4 = payload, zdSessionId = _ref4.zdSessionId, zdPreviousTags = _ref4.zdPreviousTags;
+
+                if (_client) {
+                  _context22.next = 32;
+                  break;
+                }
+
+                throw new errors/* AdaEmbedError */.S("`client` is undefined");
+
+              case 32:
+                _context22.next = 34;
+                return setState({
+                  zdSessionId: zdSessionId
+                });
+
+              case 34:
+                storage = function () {
+                  if (_client.persistence === PERSISTENCE_NORMAL) {
+                    return safeLocalStorage;
+                  }
+
+                  if (_client.persistence === PERSISTENCE_SESSION) {
+                    return safeSessionStorage;
+                  }
+
+                  return null;
+                }();
+
+                if (storage) {
+                  if (zdSessionId === null) {
+                    storage.removeItem(ZD_SESSION_STORAGE_KEY);
+                  } else {
+                    storage.setItem(ZD_SESSION_STORAGE_KEY, zdSessionId);
+                  }
+
+                  if (zdPreviousTags === null) {
+                    storage.removeItem(ZD_PREVIOUS_TAGS_STORAGE_KEY);
+                  } else {
+                    storage.setItem(ZD_PREVIOUS_TAGS_STORAGE_KEY, zdPreviousTags);
+                  }
+                }
+
+                return _context22.abrupt("break", 68);
+
+              case 37:
+                _client2 = this.props.client;
+                _ref5 = payload, inLiveChat = _ref5.inLiveChat;
+                _context22.next = 41;
                 return setState({
                   chatterInLiveChat: inLiveChat
                 });
 
-              case 30:
+              case 41:
                 /**
                  * Store the token so when embed loads in the future, it doesn't have to wait for it to
                  * come from chat. This is important for campaign and business event triggers.
                  */
-                if (_client.persistence === PERSISTENCE_NORMAL) {
+                if (_client2.persistence === PERSISTENCE_NORMAL) {
                   safeLocalStorage.setItem(IN_LIVE_CHAT_STORAGE_KEY, inLiveChat);
-                } else if (_client.persistence === PERSISTENCE_SESSION) {
+                } else if (_client2.persistence === PERSISTENCE_SESSION) {
                   safeSessionStorage.setItem(IN_LIVE_CHAT_STORAGE_KEY, inLiveChat);
                 }
 
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
-              case 32:
+              case 43:
                 eventCallbacks = adaSettings.eventCallbacks;
 
                 if (eventCallbacks) {
-                  _context22.next = 35;
+                  _context22.next = 46;
                   break;
                 }
 
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
-              case 35:
+              case 46:
                 customJavascriptEvent = payload.event_data;
                 specificCallback = eventCallbacks[customJavascriptEvent.event_name];
                 genericCallback = eventCallbacks["*"];
@@ -11673,14 +12303,14 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
                   genericCallback(customJavascriptEvent);
                 }
 
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
-              case 41:
+              case 52:
                 resetChat = this.props.resetChat;
                 resetChat();
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
-              case 44:
+              case 55:
                 zdChatterAuthCallback = adaSettings.zdChatterAuthCallback;
 
                 if (zdChatterAuthCallback) {
@@ -11698,35 +12328,35 @@ var ChatFrame = /*#__PURE__*/function (_Component) {
                   this.channel.postMessage(ZD_JWT_AUTH_RESPONSE_EVENT, {}, id);
                 }
 
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
-              case 47:
+              case 58:
                 this.handleNotifications(payload);
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
-              case 49:
+              case 60:
                 this.channel.postMessage(BROWSER_HAS_NOTIFICATIONS_RESPONSE_EVENT, {
                   browserHasNotificationSupport: browserHasNotificationSupport
                 });
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
-              case 51:
+              case 62:
                 requestNotificationPermission();
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
-              case 53:
+              case 64:
                 conversationEndCallback = adaSettings.conversationEndCallback;
 
                 if (conversationEndCallback) {
                   conversationEndCallback(payload);
                 }
 
-                return _context22.abrupt("break", 57);
+                return _context22.abrupt("break", 68);
 
-              case 56:
-                return _context22.abrupt("break", 57);
+              case 67:
+                return _context22.abrupt("break", 68);
 
-              case 57:
+              case 68:
               case "end":
                 return _context22.stop();
             }
@@ -11874,12 +12504,12 @@ var IntroFrame = /*#__PURE__*/function (_Component) {
           client = _this$props2.client,
           buttonSize = _this$props2.buttonSize,
           introDimensions = _this$props2.introDimensions,
-          language = _this$props2.language;
+          adaSettings = _this$props2.adaSettings;
       var INTRO_BUTTON_PADDING = 16;
       var introPositionRight = INTRO_BUTTON_PADDING + buttonSize;
       var stylesForHiding = "\n      visibility: \"hidden\";\n      top: -9999px !important;\n      left: -9999px !important;\n    ";
 
-      var styles = concat_default()(_context = concat_default()(_context2 = concat_default()(_context3 = concat_default()(_context4 = concat_default()(_context5 = "\n      position: fixed;\n      ".concat(isRTL(client, language) ? "left" : "right", ": ")).call(_context5, introPositionRight, "px;\n      bottom: 8px;\n      z-index: 10000;\n      max-height: 300px;\n      max-width: 250px;\n      opacity: ")).call(_context4, this.isShown ? "1" : "0", ";\n      height: ")).call(_context3, introDimensions === null || introDimensions === void 0 ? void 0 : introDimensions.height, "px;\n      width: ")).call(_context2, introDimensions === null || introDimensions === void 0 ? void 0 : introDimensions.width, "px;\n      \n      ")).call(_context, Boolean(client === null || client === void 0 ? void 0 : client.features.chat_ui_v2) && concat_default()(_context6 = "\n        max-height: auto;\n        max-width: 350px;\n        z-index: 9999;\n        ".concat(isRTL(client, language) ? "left" : "right", ": 0;\n        bottom: ")).call(_context6, buttonSize - 20, "px;\n      "), "\n    ");
+      var styles = concat_default()(_context = concat_default()(_context2 = concat_default()(_context3 = concat_default()(_context4 = concat_default()(_context5 = "\n      position: fixed;\n      ".concat(getAlignment(adaSettings), ": ")).call(_context5, introPositionRight, "px;\n      bottom: 8px;\n      z-index: 10000;\n      max-height: 300px;\n      max-width: 250px;\n      opacity: ")).call(_context4, this.isShown ? "1" : "0", ";\n      height: ")).call(_context3, introDimensions === null || introDimensions === void 0 ? void 0 : introDimensions.height, "px;\n      width: ")).call(_context2, introDimensions === null || introDimensions === void 0 ? void 0 : introDimensions.width, "px;\n\n      ")).call(_context, Boolean(client === null || client === void 0 ? void 0 : client.features.chat_ui_v2) && concat_default()(_context6 = "\n        max-height: auto;\n        max-width: 350px;\n        z-index: 9999;\n        ".concat(getAlignment(adaSettings), ": 0;\n        bottom: ")).call(_context6, buttonSize - 20, "px;\n      "), "\n    ");
 
       if (!this.isShown) {
         return styles + stylesForHiding;
@@ -11915,14 +12545,16 @@ function IntroFrame_mapStateToProps(storeState) {
       introDimensions = storeState.introDimensions,
       isIntroShown = storeState.isIntroShown,
       isDrawerOpen = storeState.isDrawerOpen,
-      language = storeState.language;
+      language = storeState.language,
+      adaSettings = storeState.adaSettings;
   return {
     client: client,
     buttonSize: client === null || client === void 0 ? void 0 : (_client$chat_button = client.chat_button) === null || _client$chat_button === void 0 ? void 0 : _client$chat_button.size,
     introDimensions: introDimensions,
     isIntroShown: isIntroShown,
     isDrawerOpen: isDrawerOpen,
-    language: language
+    language: language,
+    adaSettings: adaSettings
   };
 }
 
@@ -12144,6 +12776,7 @@ function Container_isNativeReflectConstruct() { if (typeof Reflect === "undefine
 
 
 
+
 
 
 var Container = /*#__PURE__*/function (_Component) {
@@ -12201,8 +12834,13 @@ var Container = /*#__PURE__*/function (_Component) {
   _createClass(Container, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var adaSettings = this.props.adaSettings;
-      var onAdaEmbedLoaded = adaSettings.onAdaEmbedLoaded; // We want to make sure this happens before any publishEvent calls
+      var _this$props = this.props,
+          adaSettings = _this$props.adaSettings,
+          setState = _this$props.setState;
+      var onAdaEmbedLoaded = adaSettings.onAdaEmbedLoaded;
+      setState({
+        adaSettings: adaSettings
+      }); // We want to make sure this happens before any publishEvent calls
       // This is why it happens even before calling initialize
 
       if (onAdaEmbedLoaded) {
@@ -12221,17 +12859,17 @@ var Container = /*#__PURE__*/function (_Component) {
           _client$ui_settings$e,
           _this2 = this;
 
-      var _this$props = this.props,
-          isDrawerOpen = _this$props.isDrawerOpen,
-          appConnectionState = _this$props.appConnectionState,
-          initializationReject = _this$props.initializationReject,
-          initializationResolve = _this$props.initializationResolve,
-          chatterToken = _this$props.chatterToken,
-          client = _this$props.client,
-          isChatWebsocketConnected = _this$props.isChatWebsocketConnected,
-          adaSettings = _this$props.adaSettings,
-          chatterInLiveChat = _this$props.chatterInLiveChat,
-          messageService = _this$props.messageService;
+      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;
       var adaReadyCallback = adaSettings.adaReadyCallback,
           toggleCallback = adaSettings.toggleCallback;
 
@@ -12267,7 +12905,6 @@ var Container = /*#__PURE__*/function (_Component) {
           campaignToTrigger = _this$state.campaignToTrigger,
           campaignTriggerOptions = _this$state.campaignTriggerOptions,
           followUpResponseId = _this$state.followUpResponseId;
-      var chatChannel = messageService.getChannel(CHAT_IFRAME);
       /* We wait for all necessary preconditions (e.g. necessary connections established) to be true,
        * then trigger the campaign. campaignToTrigger is cleared after triggering, so we do not need
        * to worry about duplicate triggers.
@@ -12290,13 +12927,17 @@ var Container = /*#__PURE__*/function (_Component) {
       } // If a follow-up response has been queued by a triggered Campaign, tell chat to show it
 
 
-      if (chatChannel && isChatWebsocketConnected && isDrawerOpen && followUpResponseId) {
-        chatChannel.postMessage(SEND_GREETING, {
-          responseId: followUpResponseId
-        });
-        this.setState({
-          followUpResponseId: null
-        });
+      if (isChatWebsocketConnected && isDrawerOpen && followUpResponseId) {
+        var chatChannel = messageService.getChannel(CHAT_IFRAME);
+
+        if (chatChannel) {
+          chatChannel.postMessage(SEND_GREETING, {
+            responseId: followUpResponseId
+          });
+          this.setState({
+            followUpResponseId: null
+          });
+        }
       }
 
       if (prevProps.isDrawerOpen !== isDrawerOpen && toggleCallback) {
@@ -12320,10 +12961,10 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "shouldRenderChatFrame",
     get: function get() {
-      var _this$props2 = this.props,
-          isDrawerOpen = _this$props2.isDrawerOpen,
-          adaSettings = _this$props2.adaSettings,
-          chatterInLiveChat = _this$props2.chatterInLiveChat;
+      var _this$props3 = this.props,
+          isDrawerOpen = _this$props3.isDrawerOpen,
+          adaSettings = _this$props3.adaSettings,
+          chatterInLiveChat = _this$props3.chatterInLiveChat;
       var parentElement = adaSettings.parentElement,
           preload = adaSettings.preload;
       var _this$state2 = this.state,
@@ -12367,9 +13008,9 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "computeButtonFrameWidth",
     value: function computeButtonFrameWidth() {
-      var _this$props3 = this.props,
-          entryContainer = _this$props3.entryContainer,
-          client = _this$props3.client;
+      var _this$props4 = this.props,
+          entryContainer = _this$props4.entryContainer,
+          client = _this$props4.client;
       var buttonPadding = 26;
       var iconWithSpace = 30;
       var margins = 48;
@@ -12388,10 +13029,10 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "unmount",
     value: function unmount() {
-      var _this$props4 = this.props,
-          entryContainer = _this$props4.entryContainer,
-          messageService = _this$props4.messageService,
-          unmountCallback = _this$props4.unmountCallback;
+      var _this$props5 = this.props,
+          entryContainer = _this$props5.entryContainer,
+          messageService = _this$props5.messageService,
+          unmountCallback = _this$props5.unmountCallback;
       entryContainer.parentNode.removeChild(entryContainer);
       messageService.getAllChannels().forEach(function (channel) {
         channel.clearTimeoutsAndListeners();
@@ -12403,9 +13044,9 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "trackEvent",
     value: function trackEvent(trackEventParams) {
-      var _this$props5 = this.props,
-          adaSettings = _this$props5.adaSettings,
-          chatterToken = _this$props5.chatterToken;
+      var _this$props6 = this.props,
+          adaSettings = _this$props6.adaSettings,
+          chatterToken = _this$props6.chatterToken;
       trackEventImpl(adaSettings, chatterToken, trackEventParams);
     }
   }, {
@@ -12432,10 +13073,10 @@ var Container = /*#__PURE__*/function (_Component) {
     value: function triggerCampaign(params) {
       var _client$marketing_cam;
 
-      var _this$props6 = this.props,
-          client = _this$props6.client,
-          isDrawerOpen = _this$props6.isDrawerOpen,
-          setState = _this$props6.setState;
+      var _this$props7 = this.props,
+          client = _this$props7.client,
+          isDrawerOpen = _this$props7.isDrawerOpen,
+          setState = _this$props7.setState;
       var chatHasBeenRendered = this.state.chatHasBeenRendered;
       var campaignKey = params.campaignKey,
           ignoreStatus = params.ignoreStatus,
@@ -12474,10 +13115,10 @@ var Container = /*#__PURE__*/function (_Component) {
       var _this4 = this;
 
       var useDelay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      var _this$props7 = this.props,
-          adaSettings = _this$props7.adaSettings,
-          chatterToken = _this$props7.chatterToken,
-          client = _this$props7.client;
+      var _this$props8 = this.props,
+          adaSettings = _this$props8.adaSettings,
+          chatterToken = _this$props8.chatterToken,
+          client = _this$props8.client;
 
       if (!hasCampaignsEnabled(client)) {
         return;
@@ -12505,13 +13146,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$props8, client, messageService, adaSettings, parentElement, localChannel, xStorageChannel, toggleChat, _this$props9, isDrawerOpen, drawerHasBeenOpened, chatterToken, contentToReturn, _this$props10, metaFields, setState, metaData, newMetaFields, _this$props11, sensitiveMetaFields, _setState, _ref, greeting, language, _newMetaFields, _sensitiveMetaFields, _ref$resetChatHistory, resetChatHistory, _setState2, chatHasBeenRendered, _ref2, body, duration, EXTRA_PROACTIVE_DELAY, canCreateProactive;
+        var _this$props9, client, messageService, adaSettings, parentElement, localChannel, xStorageChannel, 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, canCreateProactive;
 
         return regenerator_default().wrap(function _callee2$(_context3) {
           while (1) {
             switch (_context3.prev = _context3.next) {
               case 0:
-                _this$props8 = this.props, client = _this$props8.client, messageService = _this$props8.messageService, adaSettings = _this$props8.adaSettings;
+                _this$props9 = this.props, client = _this$props9.client, messageService = _this$props9.messageService, adaSettings = _this$props9.adaSettings;
                 parentElement = adaSettings.parentElement;
                 localChannel = messageService.getChannel("local");
                 xStorageChannel = messageService.getChannel(XSTORAGE_IFRAME);
@@ -12525,7 +13166,7 @@ var Container = /*#__PURE__*/function (_Component) {
 
               case 6:
                 _context3.t0 = type;
-                _context3.next = _context3.t0 === TRACK_EVENT ? 9 : _context3.t0 === TRIGGER_CAMPAIGN ? 14 : _context3.t0 === EVAL_CAMPAIGN_CONDITIONS ? 19 : _context3.t0 === TOGGLE ? 24 : _context3.t0 === GET_INFO ? 29 : _context3.t0 === SET_META_FIELDS ? 33 : _context3.t0 === "SET_SENSITIVE_META_FIELDS" ? 40 : _context3.t0 === STOP ? 45 : _context3.t0 === RESET ? 48 : _context3.t0 === DELETE_HISTORY ? 60 : _context3.t0 === CREATE_PROACTIVE ? 65 : 76;
+                _context3.next = _context3.t0 === TRACK_EVENT ? 9 : _context3.t0 === TRIGGER_CAMPAIGN ? 14 : _context3.t0 === EVAL_CAMPAIGN_CONDITIONS ? 19 : _context3.t0 === TOGGLE ? 24 : _context3.t0 === GET_INFO ? 29 : _context3.t0 === SET_META_FIELDS ? 33 : _context3.t0 === "SET_SENSITIVE_META_FIELDS" ? 40 : _context3.t0 === STOP ? 45 : _context3.t0 === RESET ? 48 : _context3.t0 === DELETE_HISTORY ? 66 : _context3.t0 === CREATE_PROACTIVE ? 78 : 89;
                 break;
 
               case 9:
@@ -12539,7 +13180,7 @@ var Container = /*#__PURE__*/function (_Component) {
 
               case 12:
                 this.trackEvent(payload);
-                return _context3.abrupt("break", 76);
+                return _context3.abrupt("break", 89);
 
               case 14:
                 if (client.features.afm_proactive_messaging) {
@@ -12552,7 +13193,7 @@ var Container = /*#__PURE__*/function (_Component) {
 
               case 17:
                 this.triggerCampaign(payload);
-                return _context3.abrupt("break", 76);
+                return _context3.abrupt("break", 89);
 
               case 19:
                 if (client.features.afm_proactive_messaging) {
@@ -12565,7 +13206,7 @@ var Container = /*#__PURE__*/function (_Component) {
 
               case 22:
                 this.evaluateCampaignConditions(payload);
-                return _context3.abrupt("break", 76);
+                return _context3.abrupt("break", 89);
 
               case 24:
                 toggleChat = this.props.toggleChat;
@@ -12574,10 +13215,10 @@ var Container = /*#__PURE__*/function (_Component) {
 
               case 27:
                 localChannel.postMessage(TOGGLE_RESPONSE, null, id);
-                return _context3.abrupt("break", 76);
+                return _context3.abrupt("break", 89);
 
               case 29:
-                _this$props9 = this.props, isDrawerOpen = _this$props9.isDrawerOpen, drawerHasBeenOpened = _this$props9.drawerHasBeenOpened, chatterToken = _this$props9.chatterToken;
+                _this$props10 = this.props, isDrawerOpen = _this$props10.isDrawerOpen, drawerHasBeenOpened = _this$props10.drawerHasBeenOpened, chatterToken = _this$props10.chatterToken;
                 contentToReturn = {
                   isDrawerOpen: isDrawerOpen,
                   isChatOpen: isDrawerOpen || Boolean(parentElement),
@@ -12585,10 +13226,10 @@ var Container = /*#__PURE__*/function (_Component) {
                   hasClosedChat: drawerHasBeenOpened && !isDrawerOpen
                 };
                 localChannel.postMessage(GET_INFO_RESPONSE, contentToReturn, id);
-                return _context3.abrupt("break", 76);
+                return _context3.abrupt("break", 89);
 
               case 33:
-                _this$props10 = this.props, metaFields = _this$props10.metaFields, setState = _this$props10.setState;
+                _this$props11 = this.props, metaFields = _this$props11.metaFields, setState = _this$props11.setState;
                 metaData = payload;
                 newMetaFields = Container_objectSpread(Container_objectSpread({}, metaFields), metaData);
                 _context3.next = 38;
@@ -12598,10 +13239,10 @@ var Container = /*#__PURE__*/function (_Component) {
 
               case 38:
                 localChannel.postMessage(SET_META_FIELDS_RESPONSE, null, id);
-                return _context3.abrupt("break", 76);
+                return _context3.abrupt("break", 89);
 
               case 40:
-                _this$props11 = this.props, sensitiveMetaFields = _this$props11.sensitiveMetaFields, _setState = _this$props11.setState;
+                _this$props12 = this.props, sensitiveMetaFields = _this$props12.sensitiveMetaFields, _setState = _this$props12.setState;
                 _context3.next = 43;
                 return _setState({
                   sensitiveMetaFields: Container_objectSpread(Container_objectSpread({}, sensitiveMetaFields), payload)
@@ -12609,42 +13250,54 @@ var Container = /*#__PURE__*/function (_Component) {
 
               case 43:
                 localChannel.postMessage("SET_SENSITIVE_META_FIELDS_RESPONSE", null, id);
-                return _context3.abrupt("break", 76);
+                return _context3.abrupt("break", 89);
 
               case 45:
                 localChannel.postMessage(STOP_RESPONSE, null, id);
                 this.unmount();
-                return _context3.abrupt("break", 76);
+                return _context3.abrupt("break", 89);
 
               case 48:
                 _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;
-                _context3.next = 53;
-                return _setState2({
+                newState = {
                   greeting: greeting,
                   language: language,
                   metaFields: _newMetaFields,
                   sensitiveMetaFields: _sensitiveMetaFields
-                });
+                };
 
-              case 53:
                 if (!resetChatHistory) {
-                  _context3.next = 57;
+                  _context3.next = 61;
                   break;
                 }
 
                 if (xStorageChannel) {
-                  _context3.next = 56;
+                  _context3.next = 55;
                   break;
                 }
 
                 throw new errors/* AdaEmbedError */.S("`xStorageChannel` is null");
 
-              case 56:
-                xStorageChannel.postMessage(DELETE_HISTORY_EVENT);
+              case 55:
+                xStorageChannel.postMessage(DELETE_HISTORY_EVENT); // 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
+
+                newState = Container_objectSpread(Container_objectSpread({}, newState), {}, {
+                  chatterToken: null,
+                  chatterCreated: null
+                });
+
+              case 61:
+                _context3.next = 63;
+                return _setState2(newState);
 
-              case 57:
+              case 63:
                 if (chatHasBeenRendered) {
                   this.setState({
                     hideChatOverride: true
@@ -12656,36 +13309,51 @@ var Container = /*#__PURE__*/function (_Component) {
                 }
 
                 localChannel.postMessage(RESET_RESPONSE, null, id);
-                return _context3.abrupt("break", 76);
+                return _context3.abrupt("break", 89);
+
+              case 66:
+                _setState3 = this.props.setState;
 
-              case 60:
                 if (xStorageChannel) {
-                  _context3.next = 62;
+                  _context3.next = 69;
                   break;
                 }
 
                 throw new errors/* AdaEmbedError */.S("`xStorageChannel` is null");
 
-              case 62:
+              case 69:
+                // 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 = 75;
+                return _setState3({
+                  chatterToken: null,
+                  chatterCreated: null
+                });
+
+              case 75:
                 xStorageChannel.postMessage(DELETE_HISTORY_EVENT);
                 localChannel.postMessage(DELETE_HISTORY_RESPONSE, null, id);
-                return _context3.abrupt("break", 76);
+                return _context3.abrupt("break", 89);
 
-              case 65:
+              case 78:
                 _ref2 = payload, body = _ref2.body, duration = _ref2.duration;
                 EXTRA_PROACTIVE_DELAY = 1000; // Free tier campaigns re-use the createProactive infrastructure
 
                 canCreateProactive = client.features.developer_proactive || client.features.afm_proactive_messaging_free_tier;
 
                 if (canCreateProactive) {
-                  _context3.next = 71;
+                  _context3.next = 84;
                   break;
                 }
 
                 localChannel.postMessage(CREATE_PROACTIVE_RESPONSE, "Ada Embed - Proactive intros are not available in your feature set.", id, FetchEventStatus.Failure);
                 return _context3.abrupt("return");
 
-              case 71:
+              case 84:
                 this.setState({
                   hideIntroOverride: true
                 }, /*#__PURE__*/(0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee() {
@@ -12723,14 +13391,14 @@ var Container = /*#__PURE__*/function (_Component) {
                     }
                   }, _callee);
                 })));
-                _context3.next = 74;
+                _context3.next = 87;
                 return wait(duration * 1000 + EXTRA_PROACTIVE_DELAY);
 
-              case 74:
+              case 87:
                 localChannel.postMessage(CREATE_PROACTIVE_RESPONSE, null, id);
-                return _context3.abrupt("break", 76);
+                return _context3.abrupt("break", 89);
 
-              case 76:
+              case 89:
               case "end":
                 return _context3.stop();
             }
@@ -12792,13 +13460,13 @@ var Container = /*#__PURE__*/function (_Component) {
       var _initialize = (0,asyncToGenerator/* default */.Z)( /*#__PURE__*/regenerator_default().mark(function _callee3() {
         var _context4;
 
-        var _this$props12, adaSettings, setState, handle, cluster, domain, rolloutOverride, adaReadyCallback, privateMode, language, adaSettingsWithoutFunctions, clientResponse, newClient, baseApiUrl, businessEvents, marketingCampaigns, _context5, _context6, chatIsOn, rollout, chatterInLiveChat;
+        var _this$props13, 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$props12 = this.props, adaSettings = _this$props12.adaSettings, setState = _this$props12.setState;
+                _this$props13 = this.props, adaSettings = _this$props13.adaSettings, setState = _this$props13.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.
 
@@ -13003,10 +13671,10 @@ var Container = /*#__PURE__*/function (_Component) {
     key: "renderChatFrame",
     value: function renderChatFrame() {
       var name = CHAT_IFRAME;
-      var _this$props13 = this.props,
-          messageService = _this$props13.messageService,
-          store = _this$props13.store,
-          adaSettings = _this$props13.adaSettings;
+      var _this$props14 = this.props,
+          messageService = _this$props14.messageService,
+          store = _this$props14.store,
+          adaSettings = _this$props14.adaSettings;
       var _this$state3 = this.state,
           campaignToTrigger = _this$state3.campaignToTrigger,
           followUpResponseId = _this$state3.followUpResponseId;
@@ -13030,9 +13698,9 @@ var Container = /*#__PURE__*/function (_Component) {
     value: function renderIntroFrame() {
       var _intro$style;
 
-      var _this$props14 = this.props,
-          adaSettings = _this$props14.adaSettings,
-          intro = _this$props14.intro;
+      var _this$props15 = this.props,
+          adaSettings = _this$props15.adaSettings,
+          intro = _this$props15.intro;
       var parentElement = adaSettings.parentElement;
       var hideIntroOverride = this.state.hideIntroOverride;
 
@@ -13046,9 +13714,9 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderMaskFrame",
     value: function renderMaskFrame() {
-      var _this$props15 = this.props,
-          adaSettings = _this$props15.adaSettings,
-          hideMask = _this$props15.hideMask;
+      var _this$props16 = this.props,
+          adaSettings = _this$props16.adaSettings,
+          hideMask = _this$props16.hideMask;
       var parentElement = adaSettings.parentElement;
 
       if (parentElement || hideMask) {
@@ -13060,13 +13728,12 @@ var Container = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderBackdrop",
     value: function renderBackdrop() {
-      var _this$props16 = this.props,
-          client = _this$props16.client,
-          adaSettings = _this$props16.adaSettings,
-          chatDimensions = _this$props16.chatDimensions,
-          isDrawerOpen = _this$props16.isDrawerOpen,
-          isIntroShown = _this$props16.isIntroShown,
-          language = _this$props16.language;
+      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 parentElement = adaSettings.parentElement; // checking for a non-empty parentElement here to
       // hide the backdrop in the SDKs
 
@@ -13077,15 +13744,11 @@ var Container = /*#__PURE__*/function (_Component) {
       var hasProactiveMessagesShown = Boolean(chatDimensions === null || chatDimensions === void 0 ? void 0 : chatDimensions.height);
       var shouldShowShadow = isDrawerOpen || hasProactiveMessagesShown || isIntroShown;
       return v("div", {
-        style: Container_objectSpread(Container_objectSpread(Container_objectSpread({
+        style: Container_objectSpread(Container_objectSpread((0,defineProperty/* default */.Z)({
           position: "fixed",
           width: "635px",
           height: "785px"
-        }, isRTL(client, language) ? {
-          left: 0
-        } : {
-          right: 0
-        }), isRTL(client, language) ? {
+        }, getAlignment(adaSettings), 0), getAlignment(adaSettings) === "left" ? {
           background: "linear-gradient(45deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 40.92%)"
         } : {
           background: "linear-gradient(315.92deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0) 40.92%)"
@@ -13117,7 +13780,8 @@ var Container = /*#__PURE__*/function (_Component) {
       var frameWidth = this.frameWidth; // when using text button style, the frame shouldn't be wider than the button
 
       return v(components_ButtonFrame, {
-        frameWidth: frameWidth
+        frameWidth: frameWidth,
+        adaSettings: adaSettings
       });
     }
   }, {
@@ -13703,7 +14367,7 @@ window.__AdaEmbedConstructor = Embed;
 /* harmony export */ });
 var isModern = new RegExp("((CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS)[ +]+(14|(1[5-9]|[2-9]\\d|\\d{3,}))[_.]\\d+(?:[_.]\\d+)?)|((Chromium|Chrome)\\/(92|(9[3-9]|\\d{3,}))\\.\\d+(?:\\.\\d+)?)|(Version\\/(14|(1[5-9]|[2-9]\\d|\\d{3,}))\\.\\d+(?:\\.\\d+)? Safari\\/)|(Firefox\\/(91|(9[2-9]|\\d{3,}))\\.\\d+\\.\\d+)|(Firefox\\/(91|(9[2-9]|\\d{3,}))\\.\\d+(pre|[ab]\\d+[a-z]*)?)").test(navigator.userAgent);
 var isProduction = "production" === "production";
-var embed2Version = "cc93ef4";
+var embed2Version = "d8793ba";
 
 /***/ }),
 
@@ -23100,7 +23764,7 @@ function _loadEmbed() {
                 polyfillVersionString = "legacy";
               }
 
-              embedScriptSource = concat_default()(_context16 = concat_default()(_context17 = "".concat(host, "/embed/")).call(_context17, polyfillVersionString, "/client/")).call(_context16, "cc93ef4", "/index.js");
+              embedScriptSource = concat_default()(_context16 = concat_default()(_context17 = "".concat(host, "/embed/")).call(_context17, polyfillVersionString, "/client/")).call(_context16, "d8793ba", "/index.js");
             }
 
             clientScriptExists = Boolean( true || // The client script is bundled with npm module
@@ -23227,10 +23891,10 @@ function createEmbedObject() {
                   handle: adaSettings.handle,
                   embedVersion: 2,
                   embedSettings: adaSettings,
-                  version: "1.0.29",
+                  version: "1.0.33",
                   isNpm: true,
                   hostPage: window.location.href,
-                  commitHash: "cc93ef4"
+                  commitHash: "d8793ba"
                 }, {
                   sampleRate: 0.01 // 1% of logs will go through
 
@@ -23645,7 +24309,7 @@ function createEmbedObject() {
 }
 ;// CONCATENATED MODULE: ./src/index-npm.ts
 
-Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 8180));
+Promise.resolve(/* import() eager */).then(__webpack_require__.bind(__webpack_require__, 2396));
 /* harmony default export */ var index_npm = (createEmbedObject());
 }();
 module.exports = __webpack_exports__;