@ada-support/embed2 1.6.53 → 1.7.0

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

@@ -0,0 +1,23 @@
+import type { StartOptions } from "@ada-support/embed-types";
+import { Client } from "common/models/client";
+export declare const PRIMARY_BOT_ASSIGNMENT_LABEL = "primary";
+export declare const ALTERNATIVE_BOT_ASSIGNMENT_LABEL = "alternative";
+export declare const BOT_ASSIGNMENT_STORAGE_KEY = "botAssignment";
+export declare function getBotOverrideHandleFromWebpageURL(): string;
+/**
+ * Uses the alternative rollout value to determine whether a primary or alternative bot should be assigned to a chatter.
+ *
+ * If an override is provided in the URL, then it should be used but without impact to the bot assignment in storage.
+ *
+ * If a value of 0 is used for the alternative rollout value, then the primary bot should be used without impact to the bot assignment in storage.
+ *
+ * If a value of 1 is used for the alternative rollout value, then the alternative bot should be used without impact to the bot assignment in storage.
+ *
+ * @param primaryBotClientObject
+ * @param alternativeBot
+ * @param adaSettings
+ */
+export declare function fetchClientUsingAlternativeBotRollout(primaryBotClientObject: Client, alternativeBot: null | {
+    handle: string;
+    rollout: number;
+}, adaSettings: StartOptions): Promise<Client | null>;

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

@@ -18,11 +18,11 @@ export interface CSInterface {
     isEmbedFramed?: boolean;
 }
 export declare function getClientCacheUrl(handle: string, cluster?: AdaCluster, domain?: string): string;
-export declare function getEmbedURL({ frameName, handle, cluster, domain, }: GetEmbedUrlParams): string;
+export declare function getEmbedURL({ frameName, handle, cluster, domain }: GetEmbedUrlParams): string;
 /**
  * Generate the Chat / API URL
  */
-export declare function getURL({ name, handle, cluster, domain, route, qp, }: CSInterface): string;
+export declare function getURL({ name, handle, cluster, domain, route, qp }: CSInterface): string;
 export declare function getChatURL({ handle, version, cluster, domain, qp, }: {
     handle: string;
     version?: string;

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

@@ -8,6 +8,10 @@ export declare class Client {
     intro?: CurrentIntro;
     handle: string;
     rollout: number;
+    alternative_bot: null | {
+        handle: string;
+        rollout: number;
+    };
     language: LanguageKey;
     privacy: boolean;
     features: Features;

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

@@ -23,6 +23,10 @@ export interface Features {
 export interface ClientObject {
     handle: string;
     rollout: number;
+    alternative_bot: null | {
+        handle: string;
+        rollout: number;
+    };
     chat: boolean;
     persistence: string;
     language: LanguageKey;
@@ -38,6 +42,10 @@ export interface ClientObject {
 export interface CachedClientObject {
     handle: string;
     rollout: number;
+    alternative_bot: null | {
+        handle: string;
+        rollout: number;
+    };
     chat: boolean;
     persistence: string;
     language: LanguageKey;

package/dist/npm-entry/index.js

@@ -32,7 +32,7 @@ var createStorage = function (storageType) {
     var storage = {
         setItem: function (key, value) {
             try {
-                storageProvider === null || storageProvider === void 0 ? void 0 : storageProvider.setItem(key, JSON.stringify(value));
+                storageProvider.setItem(key, JSON.stringify(value));
             }
             catch (e) {
                 console.warn(WEB_STORAGE_ACCESS_ERROR_MESSAGE);
@@ -40,7 +40,7 @@ var createStorage = function (storageType) {
         },
         getItem: function (key) {
             try {
-                var rawStorageValue = storageProvider === null || storageProvider === void 0 ? void 0 : storageProvider.getItem(key);
+                var rawStorageValue = storageProvider.getItem(key);
                 return rawStorageValue && JSON.parse(rawStorageValue);
             }
             catch (e) {
@@ -50,7 +50,7 @@ var createStorage = function (storageType) {
         },
         removeItem: function (key) {
             try {
-                storageProvider === null || storageProvider === void 0 ? void 0 : storageProvider.removeItem(key);
+                storageProvider.removeItem(key);
             }
             catch (e) {
                 console.warn(WEB_STORAGE_ACCESS_ERROR_MESSAGE);
@@ -58,7 +58,7 @@ var createStorage = function (storageType) {
         },
         clear: function () {
             try {
-                storageProvider === null || storageProvider === void 0 ? void 0 : storageProvider.clear();
+                storageProvider.clear();
             }
             catch (e) {
                 console.warn(WEB_STORAGE_ACCESS_ERROR_MESSAGE);
@@ -13260,7 +13260,7 @@ const client = new error_tracker_BrowserClient({
     return event;
   },
   environment: "production",
-  release: "1.6.53-508e85e",
+  release: "1.7.0-b0e29e3",
   sampleRate: 0.25,
   autoSessionTracking: false,
   // Integrations don't seem to work with Sentry: https://github.com/getsentry/sentry-javascript/issues/2541
@@ -13830,9 +13830,9 @@ function getEmbedURL(_ref) {
   if (isProduction) {
     host = `https://${handle}${clusterString}.${domainString}.support`;
   } else {
-    host = `http://${window.location.hostname}:9001`;
+    host = `http://${handle}.localhost:9001`;
   }
-  return `${host}/embed/${frameName}/${"508e85e"}/index.html`;
+  return `${host}/embed/${frameName}/${"b0e29e3"}/index.html`;
 }
 function constructQueryString(query) {
   return Object.keys(query).map(key => {
@@ -13867,7 +13867,7 @@ function getURL(_ref2) {
   }
   if (window.location.hostname.includes("localhost") || handle === "e2ereference") {
     const domainName = window.location.hostname.includes("localhost") ? "localhost" : "e2ereference";
-    const host = `${window.location.hostname}:${ports[domainName].api}`;
+    const host = `${handle}.${domainName}:${ports[domainName].api}`;
     return `http://${host}/${routeString}${questionSym}${queryString}`;
   }
   return prodUrl;
@@ -14785,6 +14785,401 @@ const getCampaignToTrigger = (adaSettings, marketingCampaigns, options, onlyBasi
     return conditionsMet && doesPassFrequencyCheck;
   });
 };
+;// CONCATENATED MODULE: ./src/common/helpers/fetch-client.ts
+
+
+
+
+function isClientObject(client) {
+  // We require the following properties defined
+  return ["handle", "rollout", "chat", "features"].every(key => client[key] !== undefined);
+}
+
+/**
+ * Tries fetching the client from cache. If this fails, tries fetching it from API.
+ * If this also fails, returns null.
+ */
+async function fetchClient(handle, cluster, domain, language) {
+  try {
+    const cachedClient = await httpRequest({
+      url: getClientCacheUrl(handle, cluster, domain)
+    });
+
+    // We may not have "rollout" data cached for all clients
+    // In this case, don't return here and instead try to get it from API below
+    // Also fall back to API if the cached client does not match the expected format
+    if (isClientObject(cachedClient)) {
+      return {
+        client: cachedClient
+      };
+    }
+  } catch (e) {
+    if (e instanceof Error) {
+      error_tracker.trackException(e);
+    }
+  }
+
+  // If we failed to get the client from cache, try getting it directly from API
+  try {
+    return await httpRequest({
+      url: getURL({
+        name: "api",
+        handle,
+        cluster,
+        domain,
+        qp: {
+          url: window.location.href,
+          language
+        }
+      })
+    });
+  } catch (e) {
+    // Do not trackException here because this can fail a lot due to poor network connections
+    warn("Failed to fetch client from API.");
+  }
+  return null;
+}
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-symbols.js
+var get_own_property_symbols = __webpack_require__(3263);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/index-of.js
+var index_of = __webpack_require__(5683);
+// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/keys.js
+var keys = __webpack_require__(9356);
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/objectWithoutPropertiesLoose.js
+
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+
+  var sourceKeys = keys(source);
+
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (index_of(excluded).call(excluded, key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/objectWithoutProperties.js
+
+
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+
+  if (get_own_property_symbols) {
+    var sourceSymbolKeys = get_own_property_symbols(source);
+
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (index_of(excluded).call(excluded, key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+
+  return target;
+}
+;// CONCATENATED MODULE: ./src/common/models/client/index.ts
+
+
+const _excluded = ["chat", "chat_button", "features", "handle", "language", "persistence", "privacy", "rollout", "alternative_bot", "tint", "translated_languages"];
+
+class Client {
+  constructor(clientResponse) {
+    _defineProperty(this, "tint", void 0);
+    _defineProperty(this, "chat", void 0);
+    _defineProperty(this, "intro", void 0);
+    _defineProperty(this, "handle", void 0);
+    _defineProperty(this, "rollout", void 0);
+    _defineProperty(this, "alternative_bot", void 0);
+    _defineProperty(this, "language", void 0);
+    _defineProperty(this, "privacy", void 0);
+    _defineProperty(this, "features", void 0);
+    _defineProperty(this, "persistence", void 0);
+    _defineProperty(this, "chat_button", void 0);
+    _defineProperty(this, "business_events", void 0);
+    _defineProperty(this, "marketing_campaigns_order", void 0);
+    _defineProperty(this, "marketing_campaigns", void 0);
+    _defineProperty(this, "ui_settings", void 0);
+    _defineProperty(this, "translated_languages", void 0);
+    const {
+        chat,
+        chat_button: chatButton,
+        features,
+        handle,
+        language,
+        persistence,
+        privacy,
+        rollout,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        alternative_bot,
+        tint,
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        translated_languages
+      } = clientResponse,
+      rest = _objectWithoutProperties(clientResponse, _excluded);
+    this.chat = chat;
+    this.chat_button = chatButton;
+    this.features = features;
+    this.handle = handle;
+    this.language = language;
+    this.persistence = persistence;
+    this.privacy = privacy;
+    this.rollout = rollout;
+    this.tint = tint;
+    this.translated_languages = translated_languages;
+    this.alternative_bot = alternative_bot;
+
+    /**
+     * Even if some properties are not used by Embed2, they may be used by Chat.
+     * Chat can "pull" the client object from Embed2 in order to reduce an API
+     * request. Embed2 should thus not modify keys.
+     */
+    Object.assign(this, rest);
+  }
+}
+function getButtonText(client) {
+  var _client$ui_settings, _client$ui_settings$e;
+  const buttonTextMap = client === null || client === void 0 ? void 0 : (_client$ui_settings = client.ui_settings) === null || _client$ui_settings === void 0 ? void 0 : (_client$ui_settings$e = _client$ui_settings.embed) === null || _client$ui_settings$e === void 0 ? void 0 : _client$ui_settings$e.button_text;
+  const languageKey = get_browser_language();
+  if (!buttonTextMap || !buttonTextMap[languageKey]) {
+    return "Chat";
+  }
+  return buttonTextMap[languageKey];
+}
+// EXTERNAL MODULE: ./node_modules/lodash.memoize/index.js
+var lodash_memoize = __webpack_require__(773);
+var lodash_memoize_default = /*#__PURE__*/__webpack_require__.n(lodash_memoize);
+;// CONCATENATED MODULE: ./src/services/logger/index.ts
+
+function logger_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function logger_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? logger_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : logger_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+
+const DEFAULT_LOG_SAMPLE_RATE = 0.01; // 1% of logs will go through
+
+const DD_BASE_URL = "https://browser-http-intake.logs.datadoghq.com/v1/input/";
+const DD_TOKEN = "pubfe23baedd2ea322bebb5ed2020fa2fa1";
+
+// We need memoization to ensure consistency of logs
+const shouldLog = lodash_memoize_default()(sampleRate => {
+  if (!DD_TOKEN || sampleRate === 0) {
+    return false;
+  }
+  return Math.random() < (sampleRate || DEFAULT_LOG_SAMPLE_RATE);
+});
+
+/**
+ * Sends log to Datadog
+ */
+async function log(message, extra, options) {
+  if (!shouldLog(options === null || options === void 0 ? void 0 : options.sampleRate)) {
+    return;
+  }
+  await httpRequest({
+    url: `${DD_BASE_URL}${DD_TOKEN}?ddsource=browser&ddtags=version:1.5.0,env:${"production"}`,
+    method: "POST",
+    body: JSON.stringify(logger_objectSpread(logger_objectSpread({
+      message
+    }, extra), {}, {
+      sampleRate: (options === null || options === void 0 ? void 0 : options.sampleRate) || DEFAULT_LOG_SAMPLE_RATE,
+      service: "embed",
+      env: "production",
+      embedVersion: 2,
+      version: "1.7.0",
+      isNpm: true,
+      commitHash: "b0e29e3"
+    }))
+  });
+}
+;// CONCATENATED MODULE: ./src/client/helpers/alternative-bot-rollout/index.ts
+
+function alternative_bot_rollout_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function alternative_bot_rollout_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? alternative_bot_rollout_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : alternative_bot_rollout_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+
+
+
+
+const PRIMARY_BOT_ASSIGNMENT_LABEL = "primary";
+const ALTERNATIVE_BOT_ASSIGNMENT_LABEL = "alternative";
+const BOT_ASSIGNMENT_STORAGE_KEY = "botAssignment";
+/**
+ * Using the alternative bot rollout value from the client object, determines whether
+ * the primary or alternative bot should be assigned to the chatter
+ * using a random value.
+ *
+ * @param alternativeRolloutValue
+ */
+function getAssignmentUsingAlternativeBotRolloutValue(alternativeRolloutValue) {
+  // rollout values use a maximum of 2 decimal digits
+  const randomValue = parseFloat(Math.random().toFixed(2));
+  if (randomValue <= alternativeRolloutValue) {
+    return ALTERNATIVE_BOT_ASSIGNMENT_LABEL;
+  }
+  return PRIMARY_BOT_ASSIGNMENT_LABEL;
+}
+
+/**
+ * Using the primary client handle (the default bot that is set on the page),
+ * retrieves the bot assignment (primary or alternative) from the browser storage.
+ *
+ * @param primaryClientHandle
+ */
+function getBotAssignmentFromBrowserStorage(primaryClientHandle) {
+  const botAssignment = dist/* adaLocalStorage.getFnItem */.wG.getFnItem(BOT_ASSIGNMENT_STORAGE_KEY);
+
+  // the chatter has never been assigned a bot
+  if (!botAssignment) {
+    return null;
+  }
+
+  // the chatter has been assigned an alternative bot
+  if (botAssignment[primaryClientHandle] === ALTERNATIVE_BOT_ASSIGNMENT_LABEL) {
+    return ALTERNATIVE_BOT_ASSIGNMENT_LABEL;
+  }
+
+  // the chatter has been assigned a primary bot
+  if (botAssignment[primaryClientHandle] === PRIMARY_BOT_ASSIGNMENT_LABEL) {
+    return PRIMARY_BOT_ASSIGNMENT_LABEL;
+  }
+
+  // the value in browser storage for bot assignment is not one we recognize
+  return null;
+}
+
+/**
+ * Returns the primaryBotClientObject if botAssignment is primary.
+ *
+ * Else fetches the alternative bot's client object when botAssignment is alternative.
+ *
+ * Returns null if the request for the alternative bot's client fails.
+ *
+ * @param botAssignment
+ * @param primaryBotClientObject
+ * @param alternativeBotHandle
+ * @param adaSettings
+ */
+async function getClientObjectUsingBotAssignment(botAssignment, primaryBotClientObject, alternativeBotHandle, adaSettings) {
+  const {
+    cluster,
+    domain,
+    language
+  } = adaSettings;
+  if (botAssignment === PRIMARY_BOT_ASSIGNMENT_LABEL) {
+    return primaryBotClientObject;
+  }
+  if (botAssignment === ALTERNATIVE_BOT_ASSIGNMENT_LABEL) {
+    const alternativeBotClientResponse = await fetchClient(alternativeBotHandle, cluster, domain, language || get_browser_language());
+    if (alternativeBotClientResponse) {
+      return new Client(alternativeBotClientResponse.client);
+    }
+
+    // if a chatter was assigned the alternative bot, but we couldn't load it
+    // then we won't show any bot
+    return null;
+  }
+  return null;
+}
+
+/**
+ * Stores the bot assigned in browser storage for retrieval later
+ * when the chatter navigates to a new page.
+ *
+ * @param botAssignment
+ * @param primaryBotHandle
+ */
+function setBotAssignmentInBrowserStorage(botAssignment, primaryBotHandle) {
+  const storedBotAssignments = dist/* adaLocalStorage.getFnItem */.wG.getFnItem(BOT_ASSIGNMENT_STORAGE_KEY) || {};
+  dist/* adaLocalStorage.setFnItem */.wG.setFnItem(BOT_ASSIGNMENT_STORAGE_KEY, alternative_bot_rollout_objectSpread(alternative_bot_rollout_objectSpread({}, storedBotAssignments), {}, {
+    [primaryBotHandle]: botAssignment
+  }));
+}
+
+/**
+ * Returns the client object that should be used for initialization.
+ *
+ * If there is a bot assignment in browser storage, then this should be used.
+ *
+ * Otherwise, assign a bot and use it.
+ *
+ * @param primaryBotClientObject
+ * @param alternativeBotHandle
+ * @param alternativeBotRolloutValue
+ * @param adaSettings
+ */
+async function getClientObjectForEmbedInitialization(primaryBotClientObject, alternativeBotHandle, alternativeBotRolloutValue, adaSettings) {
+  const botAssignmentFromStorage = getBotAssignmentFromBrowserStorage(primaryBotClientObject.handle);
+  if (botAssignmentFromStorage) {
+    return getClientObjectUsingBotAssignment(botAssignmentFromStorage, primaryBotClientObject, alternativeBotHandle, adaSettings);
+  }
+  const newBotAssignment = getAssignmentUsingAlternativeBotRolloutValue(alternativeBotRolloutValue);
+  setBotAssignmentInBrowserStorage(newBotAssignment, primaryBotClientObject.handle);
+  if (newBotAssignment === ALTERNATIVE_BOT_ASSIGNMENT_LABEL) {
+    log("Alternative Bot Rollout", {
+      primaryBot: primaryBotClientObject.handle,
+      alternativeBotRollout: alternativeBotRolloutValue,
+      alternativeBot: alternativeBotHandle
+    }, {
+      sampleRate: 1
+    });
+  }
+  return getClientObjectUsingBotAssignment(newBotAssignment, primaryBotClientObject, alternativeBotHandle, adaSettings);
+}
+function getBotOverrideHandleFromWebpageURL() {
+  const webpageURL = new URL(window.location.href);
+  return webpageURL.searchParams.get("adaBotHandleOverride");
+}
+
+/**
+ * Uses the alternative rollout value to determine whether a primary or alternative bot should be assigned to a chatter.
+ *
+ * If an override is provided in the URL, then it should be used but without impact to the bot assignment in storage.
+ *
+ * If a value of 0 is used for the alternative rollout value, then the primary bot should be used without impact to the bot assignment in storage.
+ *
+ * If a value of 1 is used for the alternative rollout value, then the alternative bot should be used without impact to the bot assignment in storage.
+ *
+ * @param primaryBotClientObject
+ * @param alternativeBot
+ * @param adaSettings
+ */
+async function fetchClientUsingAlternativeBotRollout(primaryBotClientObject, alternativeBot, adaSettings) {
+  const adaBotHandleOverride = getBotOverrideHandleFromWebpageURL();
+  const {
+    domain,
+    cluster,
+    language
+  } = adaSettings;
+  if (adaBotHandleOverride) {
+    const overrideBotClientObject = await fetchClient(adaBotHandleOverride, cluster, domain, language || get_browser_language());
+    if (!overrideBotClientObject) {
+      return null;
+    }
+    return new Client(overrideBotClientObject.client);
+  }
+  if (alternativeBot) {
+    const {
+      handle: alternativeBotHandle,
+      rollout: alternativeBotRolloutValue
+    } = alternativeBot;
+    if (alternativeBotRolloutValue === 0) {
+      return getClientObjectUsingBotAssignment(PRIMARY_BOT_ASSIGNMENT_LABEL, primaryBotClientObject, alternativeBotHandle, adaSettings);
+    }
+    if (alternativeBotRolloutValue === 1) {
+      return getClientObjectUsingBotAssignment(ALTERNATIVE_BOT_ASSIGNMENT_LABEL, primaryBotClientObject, alternativeBotHandle, adaSettings);
+    }
+    return getClientObjectForEmbedInitialization(primaryBotClientObject, alternativeBotHandle, alternativeBotRolloutValue, adaSettings);
+  }
+  return primaryBotClientObject;
+}
 ;// CONCATENATED MODULE: ./src/client/helpers/location-change/index.ts
 
 function dispatchEvent(eventName) {
@@ -15033,60 +15428,6 @@ function connect(mapStateToProps, mapDispatchToProps) {
 function bindActionCreators(action, dispatch) {
   return payload => dispatch(action, payload);
 }
-;// CONCATENATED MODULE: ./src/common/helpers/fetch-client.ts
-
-
-
-
-function isClientObject(client) {
-  // We require the following properties defined
-  return ["handle", "rollout", "chat", "features"].every(key => client[key] !== undefined);
-}
-
-/**
- * Tries fetching the client from cache. If this fails, tries fetching it from API.
- * If this also fails, returns null.
- */
-async function fetchClient(handle, cluster, domain, language) {
-  try {
-    const cachedClient = await httpRequest({
-      url: getClientCacheUrl(handle, cluster, domain)
-    });
-
-    // We may not have "rollout" data cached for all clients
-    // In this case, don't return here and instead try to get it from API below
-    // Also fall back to API if the cached client does not match the expected format
-    if (isClientObject(cachedClient)) {
-      return {
-        client: cachedClient
-      };
-    }
-  } catch (e) {
-    if (e instanceof Error) {
-      error_tracker.trackException(e);
-    }
-  }
-
-  // If we failed to get the client from cache, try getting it directly from API
-  try {
-    return await httpRequest({
-      url: getURL({
-        name: "api",
-        handle,
-        cluster,
-        domain,
-        qp: {
-          url: window.location.href,
-          language
-        }
-      })
-    });
-  } catch (e) {
-    // Do not trackException here because this can fail a lot due to poor network connections
-    warn("Failed to fetch client from API.");
-  }
-  return null;
-}
 ;// CONCATENATED MODULE: ./src/common/helpers/isRTL.ts
 
 const RTLLanguages = ["ar", "he"];
@@ -15113,117 +15454,6 @@ function wait(ms) {
     setTimeout(resolve, ms);
   });
 }
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/get-own-property-symbols.js
-var get_own_property_symbols = __webpack_require__(3263);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/instance/index-of.js
-var index_of = __webpack_require__(5683);
-// EXTERNAL MODULE: ./node_modules/@babel/runtime-corejs3/core-js/object/keys.js
-var keys = __webpack_require__(9356);
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/objectWithoutPropertiesLoose.js
-
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-
-  var sourceKeys = keys(source);
-
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (index_of(excluded).call(excluded, key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime-corejs3/helpers/esm/objectWithoutProperties.js
-
-
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-
-  if (get_own_property_symbols) {
-    var sourceSymbolKeys = get_own_property_symbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (index_of(excluded).call(excluded, key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-;// CONCATENATED MODULE: ./src/common/models/client/index.ts
-
-
-const _excluded = ["chat", "chat_button", "features", "handle", "language", "persistence", "privacy", "rollout", "tint", "translated_languages"];
-
-class Client {
-  constructor(clientResponse) {
-    _defineProperty(this, "tint", void 0);
-    _defineProperty(this, "chat", void 0);
-    _defineProperty(this, "intro", void 0);
-    _defineProperty(this, "handle", void 0);
-    _defineProperty(this, "rollout", void 0);
-    _defineProperty(this, "language", void 0);
-    _defineProperty(this, "privacy", void 0);
-    _defineProperty(this, "features", void 0);
-    _defineProperty(this, "persistence", void 0);
-    _defineProperty(this, "chat_button", void 0);
-    _defineProperty(this, "business_events", void 0);
-    _defineProperty(this, "marketing_campaigns_order", void 0);
-    _defineProperty(this, "marketing_campaigns", void 0);
-    _defineProperty(this, "ui_settings", void 0);
-    _defineProperty(this, "translated_languages", void 0);
-    const {
-        chat,
-        chat_button: chatButton,
-        features,
-        handle,
-        language,
-        persistence,
-        privacy,
-        rollout,
-        tint,
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        translated_languages
-      } = clientResponse,
-      rest = _objectWithoutProperties(clientResponse, _excluded);
-    this.chat = chat;
-    this.chat_button = chatButton;
-    this.features = features;
-    this.handle = handle;
-    this.language = language;
-    this.persistence = persistence;
-    this.privacy = privacy;
-    this.rollout = rollout;
-    this.tint = tint;
-    this.translated_languages = translated_languages;
-
-    /**
-     * Even if some properties are not used by Embed2, they may be used by Chat.
-     * Chat can "pull" the client object from Embed2 in order to reduce an API
-     * request. Embed2 should thus not modify keys.
-     */
-    Object.assign(this, rest);
-  }
-}
-function getButtonText(client) {
-  var _client$ui_settings, _client$ui_settings$e;
-  const buttonTextMap = client === null || client === void 0 ? void 0 : (_client$ui_settings = client.ui_settings) === null || _client$ui_settings === void 0 ? void 0 : (_client$ui_settings$e = _client$ui_settings.embed) === null || _client$ui_settings$e === void 0 ? void 0 : _client$ui_settings$e.button_text;
-  const languageKey = get_browser_language();
-  if (!buttonTextMap || !buttonTextMap[languageKey]) {
-    return "Chat";
-  }
-  return buttonTextMap[languageKey];
-}
 ;// CONCATENATED MODULE: ./src/common/types/modules.ts
 const CHAT_IFRAME = "chat";
 const ENTRY_SCRIPT = "entry";
@@ -15264,51 +15494,6 @@ function setBrowserStorageItem(key, value, persistenceSetting) {
     dist/* adaSessionStorage.setItem */.Dp.setItem(key, value);
   }
 }
-// EXTERNAL MODULE: ./node_modules/lodash.memoize/index.js
-var lodash_memoize = __webpack_require__(773);
-var lodash_memoize_default = /*#__PURE__*/__webpack_require__.n(lodash_memoize);
-;// CONCATENATED MODULE: ./src/services/logger/index.ts
-
-function logger_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function logger_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? logger_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : logger_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-
-
-const DEFAULT_LOG_SAMPLE_RATE = 0.01; // 1% of logs will go through
-
-const DD_BASE_URL = "https://browser-http-intake.logs.datadoghq.com/v1/input/";
-const DD_TOKEN = "pubfe23baedd2ea322bebb5ed2020fa2fa1";
-
-// We need memoization to ensure consistency of logs
-const shouldLog = lodash_memoize_default()(sampleRate => {
-  if (!DD_TOKEN || sampleRate === 0) {
-    return false;
-  }
-  return Math.random() < (sampleRate || DEFAULT_LOG_SAMPLE_RATE);
-});
-
-/**
- * Sends log to Datadog
- */
-async function log(message, extra, options) {
-  if (!shouldLog(options === null || options === void 0 ? void 0 : options.sampleRate)) {
-    return;
-  }
-  await httpRequest({
-    url: `${DD_BASE_URL}${DD_TOKEN}?ddsource=browser&ddtags=version:1.5.0,env:${"production"}`,
-    method: "POST",
-    body: JSON.stringify(logger_objectSpread(logger_objectSpread({
-      message
-    }, extra), {}, {
-      sampleRate: (options === null || options === void 0 ? void 0 : options.sampleRate) || DEFAULT_LOG_SAMPLE_RATE,
-      service: "embed",
-      env: "production",
-      embedVersion: 2,
-      version: "1.6.53",
-      isNpm: true,
-      commitHash: "508e85e"
-    }))
-  });
-}
 ;// CONCATENATED MODULE: ./src/services/chat-versioning/manifest.ts
 
 
@@ -15831,7 +16016,7 @@ class ChatFrame extends d {
     const hostPageUrlParams = new URL(window.location.href).searchParams;
     const smsToken = hostPageUrlParams.get("adaSMSToken");
     const queryParams = {
-      embedVersion: "508e85e".slice(0, 7),
+      embedVersion: "b0e29e3".slice(0, 7),
       greeting,
       language,
       skipGreeting,
@@ -16684,6 +16869,7 @@ function Container_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
 
 
 
+
 
 
 class Container extends d {
@@ -17388,78 +17574,90 @@ class Container extends d {
       this.unmount();
       return;
     }
-    const newClient = new Client(clientResponse.client);
+    const primaryBotClient = new Client(clientResponse.client);
+    const shouldHideEmbedButton = !checkRollout(rolloutOverride || primaryBotClient.rollout, primaryBotClient.handle);
+
+    // if there is a bot override handle in the URL, we should ignore the primary rollout which determines whether any embed button is shown
+    if (shouldHideEmbedButton && !getBotOverrideHandleFromWebpageURL()) {
+      warn("User is in the wrong rollout group.");
+      if (adaReadyCallback) {
+        adaReadyCallback({
+          isRolledOut: false
+        });
+      }
+      this.unmount();
+      return;
+    }
+    const alternativeBot = primaryBotClient.alternative_bot;
+    const assignedClient = await fetchClientUsingAlternativeBotRollout(primaryBotClient, alternativeBot, adaSettings);
+    if (!assignedClient) {
+      this.unmount();
+      return;
+    }
     const baseApiUrl = getURL({
       name: "api",
-      handle,
+      handle: assignedClient.handle,
       cluster: cluster,
       domain
     });
 
     // fetch business events if they're not part of the cached client
-    if (newClient.features.afm_business_events && !newClient.business_events) {
+    if (assignedClient.features.afm_business_events && !assignedClient.business_events) {
       try {
         const businessEvents = await httpRequest({
           url: `${baseApiUrl}business_events/`
         });
-        newClient.business_events = businessEvents.business_events;
+        assignedClient.business_events = businessEvents.business_events;
       } catch (e) {
-        newClient.business_events = [];
+        assignedClient.business_events = [];
         warn("Failed to fetch events from API.");
       }
     }
 
     // Fetch marketing campaigns if they're not part of the cached client
-    if (!newClient.marketing_campaigns) {
+    if (!assignedClient.marketing_campaigns) {
       try {
         const marketingCampaigns = await httpRequest({
           url: `${baseApiUrl}campaigns/`
         });
-        newClient.marketing_campaigns = marketingCampaigns.campaigns;
+        assignedClient.marketing_campaigns = marketingCampaigns.campaigns;
       } catch (e) {
-        newClient.marketing_campaigns = [];
-        newClient.marketing_campaigns_order = [];
+        assignedClient.marketing_campaigns = [];
+        assignedClient.marketing_campaigns_order = [];
         warn("Failed to fetch campaigns from API.");
       }
     }
 
     // Sort the campaigns by marketing_campaigns_order
-    if (newClient.marketing_campaigns_order) {
-      newClient.marketing_campaigns = newClient.marketing_campaigns_order.map(campaignId => {
-        var _newClient$marketing_;
-        return (_newClient$marketing_ = newClient.marketing_campaigns) === null || _newClient$marketing_ === void 0 ? void 0 : _newClient$marketing_.find(c => c._id === campaignId);
+    if (assignedClient.marketing_campaigns_order) {
+      assignedClient.marketing_campaigns = assignedClient.marketing_campaigns_order.map(campaignId => {
+        var _assignedClient$marke;
+        return (_assignedClient$marke = assignedClient.marketing_campaigns) === null || _assignedClient$marke === void 0 ? void 0 : _assignedClient$marke.find(c => c._id === campaignId);
       })
       // remove undefined campaigns, shouldn't happen but just in case
       // for example this happened once when we manually deleted a malformed campaign from the db
       .filter(campaign => Boolean(campaign));
     }
     const {
-      chat: chatIsOn,
-      rollout
-    } = newClient;
+      chat: chatIsOn
+    } = assignedClient;
     if (!chatIsOn) {
       warn("Sorry, please turn on the web chat integration in your bot's settings.");
       this.unmount();
       return;
     }
-    if (!checkRollout(rolloutOverride || rollout, handle)) {
-      warn("User is in the wrong rollout group.");
-      if (adaReadyCallback) {
-        adaReadyCallback({
-          isRolledOut: false
-        });
-      }
-      this.unmount();
-      return;
-    }
-    const chatterInLiveChat = retrieveStorage(IN_LIVE_CHAT_STORAGE_KEY, newClient, privateMode);
+    const chatterInLiveChat = retrieveStorage(IN_LIVE_CHAT_STORAGE_KEY, assignedClient, privateMode);
     try {
       await setGlobalState(Container_objectSpread(Container_objectSpread({
-        client: newClient,
-        enabledLanguages: newClient.features.translations ? ["en"].concat(newClient.translated_languages) : ["en"],
+        client: assignedClient,
+        enabledLanguages: assignedClient.features.translations ? ["en"].concat(assignedClient.translated_languages) : ["en"],
         initialURL: window.location.href,
         isIntroShown: false
       }, adaSettingsWithoutFunctions), {}, {
+        handle: assignedClient.handle,
+        adaSettings: Container_objectSpread(Container_objectSpread({}, adaSettings), {}, {
+          handle: assignedClient.handle
+        }),
         chatterInLiveChat
       }));
     } catch (e) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ada-support/embed2",
-  "version": "1.6.53",
+  "version": "1.7.0",
   "description": "",
   "main": "dist/npm-entry",
   "typings": "dist/npm-entry/index-npm.d.ts",
@@ -79,7 +79,7 @@
   },
   "dependencies": {
     "@ada-support/embed-types": "^1.6.5",
-    "@ada-support/web-storage": "^0.14.0",
+    "@ada-support/web-storage": "^1.2.6",
     "@babel/core": "^7.23.2",
     "@babel/plugin-proposal-class-properties": "^7.16.7",
     "@babel/plugin-proposal-numeric-separator": "^7.16.7",