@ada-support/embed2 1.3.3 → 1.4.2

package/dist/npm-entry/client/components/ChatFrame/chatFrameEvents/chatterEvent/index.d.ts

@@ -0,0 +1,3 @@
+import type { Client } from "common/models/client";
+import type { MessagePayload } from "common/types/events";
+export declare function storeChatterEventDataInBrowser(client: Client, payload: MessagePayload): void;

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

@@ -0,0 +1 @@
+export * from "./chatterEvent";

package/dist/npm-entry/common/constants/storage-keys.d.ts

@@ -1,5 +1,6 @@
 export declare const CHATTER_TOKEN_STORAGE_KEY = "chatter";
 export declare const CHATTER_CREATED_STORAGE_KEY = "ada-embed_chatter-created";
+export declare const SESSION_AUTH_TOKEN_STORAGE_KEY = "session_token";
 export declare const IN_LIVE_CHAT_STORAGE_KEY = "inLiveChat";
 export declare const ZD_SESSION_STORAGE_KEY = "ada-embed_zd-session-id";
 export declare const ZD_PREVIOUS_TAGS_STORAGE_KEY = "ada-embed_zd-previous-tags";

package/dist/npm-entry/common/helpers/get-browser-language.d.ts

@@ -1,3 +1,4 @@
+import type { LanguageKey } from "common/types/languages";
 /**
  * Gets a language code from the browser. Stolen from `chat` repo
  *
@@ -11,5 +12,6 @@
  *
  * I'M SO SORRY.
  */
-declare const getBrowserLanguage: () => string;
+export declare function isSupportedLanguageCode(languageCode: string): boolean;
+declare const getBrowserLanguage: () => LanguageKey;
 export default getBrowserLanguage;

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

@@ -22,6 +22,7 @@ export interface Features {
     afm_proactive_messaging?: boolean;
     embed_test_bot?: boolean;
     translations?: boolean;
+    chat_session_auth?: boolean;
 }
 export interface ClientObject {
     handle: string;

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

@@ -1,4 +1,51 @@
-export declare type LanguageKey = "en" | "da" | "de" | "es" | "fi" | "fr" | "hi" | "ht" | "id" | "it" | "ja" | "km" | "ko" | "ms" | "my" | "no" | "nl" | "pa" | "pt" | "ru" | "sv" | "ta" | "th" | "tl" | "tr" | "vi" | "zh" | "zh-tw" | "bg" | "ro" | "el" | "hu" | "pl" | "cs" | "et" | "hr" | "lt" | "lv" | "sl" | "sk" | "is" | "ar" | "he";
+export declare const Languages: {
+    readonly en: "en";
+    readonly be: "be";
+    readonly da: "da";
+    readonly de: "de";
+    readonly es: "es";
+    readonly fi: "fi";
+    readonly fr: "fr";
+    readonly hi: "hi";
+    readonly ht: "ht";
+    readonly id: "id";
+    readonly it: "it";
+    readonly ja: "ja";
+    readonly km: "km";
+    readonly ko: "ko";
+    readonly ms: "ms";
+    readonly my: "my";
+    readonly no: "no";
+    readonly nl: "nl";
+    readonly pa: "pa";
+    readonly pt: "pt";
+    readonly ru: "ru";
+    readonly sv: "sv";
+    readonly ta: "ta";
+    readonly th: "th";
+    readonly tl: "tl";
+    readonly tr: "tr";
+    readonly uk: "uk";
+    readonly vi: "vi";
+    readonly zh: "zh";
+    readonly "zh-tw": "zh-tw";
+    readonly bg: "bg";
+    readonly ro: "ro";
+    readonly el: "el";
+    readonly hu: "hu";
+    readonly pl: "pl";
+    readonly cs: "cs";
+    readonly et: "et";
+    readonly hr: "hr";
+    readonly lt: "lt";
+    readonly lv: "lv";
+    readonly sl: "sl";
+    readonly sk: "sk";
+    readonly is: "is";
+    readonly ar: "ar";
+    readonly he: "he";
+};
+export declare type LanguageKey = keyof typeof Languages;
 export declare type LanguageMap = {
     [K in LanguageKey]?: string;
 };

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

@@ -4,6 +4,7 @@ import type { Client } from "common/models/client";
 export interface StoreState extends StartOptionsNoFunction {
     chatterCreated?: string | null;
     chatterToken?: string | null;
+    sessionToken?: string | null;
     client?: Client;
     isDrawerOpen: boolean;
     zdSessionId?: string | null;

package/dist/npm-entry/frames/helpers/storage/index.d.ts

@@ -7,3 +7,4 @@ export declare const PERSISTENCE_SESSION = "session";
  * persistence setting. If privateMode is set, it returns null.
  */
 export declare function retrieveStorage<T extends StorageKey>(key: T, client: Client, privateMode?: boolean): StorageValueByKey[T] | null;
+export declare function setBrowserStorageItem<T extends StorageKey>(key: T, value: StorageValueByKey[T], persistenceSetting: Client["persistence"]): void;

package/dist/npm-entry/frames/lib/safe-storage/index.d.ts

@@ -1,4 +1,4 @@
-import type { CHATTER_CREATED_STORAGE_KEY, CHATTER_TOKEN_STORAGE_KEY, IN_LIVE_CHAT_STORAGE_KEY, ZD_MESSAGING_CHATTER_CREATED_STORAGE_KEY, ZD_MESSAGING_EXTERNAL_USER_ID_STORAGE_KEY, ZD_PREVIOUS_TAGS_STORAGE_KEY, ZD_SESSION_STORAGE_KEY } from "common/constants/storage-keys";
+import type { CHATTER_CREATED_STORAGE_KEY, CHATTER_TOKEN_STORAGE_KEY, IN_LIVE_CHAT_STORAGE_KEY, SESSION_AUTH_TOKEN_STORAGE_KEY, ZD_MESSAGING_CHATTER_CREATED_STORAGE_KEY, ZD_MESSAGING_EXTERNAL_USER_ID_STORAGE_KEY, ZD_PREVIOUS_TAGS_STORAGE_KEY, ZD_SESSION_STORAGE_KEY } from "common/constants/storage-keys";
 export declare enum StorageTypes {
     Local = "local",
     Session = "session"
@@ -8,6 +8,7 @@ export declare type StorageValueType = string | number | boolean | unknown[];
 export interface StorageValueByKey {
     [CHATTER_CREATED_STORAGE_KEY]: string;
     [CHATTER_TOKEN_STORAGE_KEY]: string;
+    [SESSION_AUTH_TOKEN_STORAGE_KEY]: string;
     [IN_LIVE_CHAT_STORAGE_KEY]: boolean;
     [ZD_SESSION_STORAGE_KEY]: string;
     [ZD_PREVIOUS_TAGS_STORAGE_KEY]: string;

package/dist/npm-entry/index.js

@@ -15811,7 +15811,7 @@ const client = new error_tracker_BrowserClient({
   },
 
   environment: "production",
-  release: "1.3.3-00bd7ec",
+  release: "1.4.2-7dfe147",
   sampleRate: 0.25,
   autoSessionTracking: false,
   // Integrations don't seem to work with Sentry: https://github.com/getsentry/sentry-javascript/issues/2541
@@ -16432,7 +16432,7 @@ function getEmbedURL(_ref) {
     host = "http://".concat(window.location.hostname, ":9001");
   }
 
-  return "".concat(host, "/embed/").concat(frameName, "/").concat("00bd7ec", "/index.html");
+  return "".concat(host, "/embed/").concat(frameName, "/").concat("7dfe147", "/index.html");
 }
 
 function constructQueryString(query) {
@@ -16631,6 +16631,7 @@ const actions = {
 ;// CONCATENATED MODULE: ./src/common/constants/storage-keys.ts
 const CHATTER_TOKEN_STORAGE_KEY = "chatter";
 const CHATTER_CREATED_STORAGE_KEY = "ada-embed_chatter-created";
+const SESSION_AUTH_TOKEN_STORAGE_KEY = "session_token";
 const IN_LIVE_CHAT_STORAGE_KEY = "inLiveChat";
 const ZD_SESSION_STORAGE_KEY = "ada-embed_zd-session-id";
 const ZD_PREVIOUS_TAGS_STORAGE_KEY = "ada-embed_zd-previous-tags";
@@ -17094,6 +17095,7 @@ const getInitialState = adaSettings => ({
   rolloutOverride: undefined,
   chatterToken: getValueFromStorage(CHATTER_TOKEN_STORAGE_KEY) || undefined,
   chatterCreated: getValueFromStorage(CHATTER_CREATED_STORAGE_KEY) || undefined,
+  sessionToken: getValueFromStorage(SESSION_AUTH_TOKEN_STORAGE_KEY || undefined),
   zdSessionId: getValueFromStorage(ZD_SESSION_STORAGE_KEY) || undefined,
   zdPreviousTags: getValueFromStorage(ZD_PREVIOUS_TAGS_STORAGE_KEY) || undefined,
   zdMessagingExternalUserId: getValueFromStorage(ZD_MESSAGING_EXTERNAL_USER_ID_STORAGE_KEY) || null,
@@ -17264,8 +17266,104 @@ const getEventsToTrigger = businessEvents => {
   const eventsToTrigger = businessEvents.filter(businessEvent => businessEvent.trigger_conditions.some(triggerCondition => evalTriggerCondition(triggerCondition)));
   return eventsToTrigger;
 };
+;// CONCATENATED MODULE: ./src/common/types/languages.ts
+const Languages = {
+  en: "en",
+  // English
+  be: "be",
+  // Belarusian
+  da: "da",
+  // Danish
+  de: "de",
+  // German
+  es: "es",
+  // Spanish
+  fi: "fi",
+  // Finnish
+  fr: "fr",
+  // French
+  hi: "hi",
+  // Hindi
+  ht: "ht",
+  // Haitian Creole
+  id: "id",
+  // Indonesian
+  it: "it",
+  // Italian
+  ja: "ja",
+  // Japanese
+  km: "km",
+  // Khmer
+  ko: "ko",
+  // Korean
+  ms: "ms",
+  // Malay
+  my: "my",
+  // Burmese
+  no: "no",
+  // Norwegian
+  nl: "nl",
+  // Dutch
+  pa: "pa",
+  // Punjabi
+  pt: "pt",
+  // Portuguese
+  ru: "ru",
+  // Russian
+  sv: "sv",
+  // Swedish
+  ta: "ta",
+  // Tamil
+  th: "th",
+  // Thai
+  tl: "tl",
+  // Tagalog
+  tr: "tr",
+  // Turkish
+  uk: "uk",
+  // Ukrainian
+  vi: "vi",
+  // Vietnamese
+  zh: "zh",
+  // Chinese simplified
+  "zh-tw": "zh-tw",
+  // Chinese traditional
+  bg: "bg",
+  // Bulgarian
+  ro: "ro",
+  // Romanian
+  el: "el",
+  // Greek
+  hu: "hu",
+  // Hungarian
+  pl: "pl",
+  // Polish
+  cs: "cs",
+  // Czech
+  et: "et",
+  // Estonian
+  hr: "hr",
+  // Croatian
+  lt: "lt",
+  // Lithuanian
+  lv: "lv",
+  // Latvian
+  sl: "sl",
+  // Slovenian
+  sk: "sk",
+  // Slovak
+  is: "is",
+  // Icelandic
+  ar: "ar",
+  // Arabic
+  he: "he" // Hebrew
+
+};
 ;// CONCATENATED MODULE: ./src/common/helpers/get-browser-language.ts
+
+
 const DEFAULT_LANGUAGE_CODE = "en";
+const SUPPORTED_LANGUAGES = [...Object.values(Languages)];
 /**
  * Gets a language code from the browser. Stolen from `chat` repo
  *
@@ -17280,7 +17378,29 @@ const DEFAULT_LANGUAGE_CODE = "en";
  * I'M SO SORRY.
  */
 
-const get_browser_language_getBrowserLanguage = () => (navigator.languages && navigator.languages[0] || navigator.language || navigator.userLanguage || navigator.browserLanguage || navigator.systemLanguage || DEFAULT_LANGUAGE_CODE).split("-")[0];
+function isSupportedLanguageCode(languageCode) {
+  return includes_default()(SUPPORTED_LANGUAGES).call(SUPPORTED_LANGUAGES, languageCode);
+}
+
+const get_browser_language_getBrowserLanguage = () => {
+  const browserLanguageString = (navigator.languages && navigator.languages[0] || navigator.language || navigator.userLanguage || navigator.browserLanguage || navigator.systemLanguage || DEFAULT_LANGUAGE_CODE).toLowerCase();
+
+  if (isSupportedLanguageCode(browserLanguageString)) {
+    return browserLanguageString;
+  }
+
+  if (includes_default()(browserLanguageString).call(browserLanguageString, "-")) {
+    // an unsupported, hyphenated language code was received so return the main locale
+    // if it is supported
+    const mainLocale = browserLanguageString.split("-")[0];
+
+    if (isSupportedLanguageCode(mainLocale)) {
+      return mainLocale;
+    }
+  }
+
+  return browserLanguageString;
+};
 
 /* harmony default export */ var get_browser_language = (get_browser_language_getBrowserLanguage);
 ;// CONCATENATED MODULE: ./src/services/helpers.ts
@@ -17998,6 +18118,15 @@ function retrieveStorage(key, client, privateMode) {
 
   return null;
 }
+function setBrowserStorageItem(key, value, persistenceSetting) {
+  if (persistenceSetting === PERSISTENCE_NORMAL) {
+    safeLocalStorage.setItem(key, value);
+  }
+
+  if (persistenceSetting === PERSISTENCE_SESSION) {
+    safeSessionStorage.setItem(key, value);
+  }
+}
 ;// CONCATENATED MODULE: ./src/services/persistence/index.ts
 const persistence = {
   get: item => {
@@ -18170,9 +18299,9 @@ async function log(message, extra, options) {
       service: "embed",
       env: "production",
       embedVersion: 2,
-      version: "1.3.3",
+      version: "1.4.2",
       isNpm: true,
-      commitHash: "00bd7ec"
+      commitHash: "7dfe147"
     }))
   });
 }
@@ -18468,6 +18597,30 @@ function ButtonFrame_mapStateToProps(storeState) {
 const ANIMATION_DELAY = 50;
 ;// CONCATENATED MODULE: ./src/common/helpers/is-mobile.ts
 const isMobile = /(iPhone)|(iPod)|(android)|(webOS)/i.exec(navigator.userAgent) !== null;
+;// CONCATENATED MODULE: ./src/client/components/ChatFrame/chatFrameEvents/chatterEvent/index.ts
+
+
+function storeChatterEventDataInBrowser(client, payload) {
+  const {
+    persistence,
+    features
+  } = client; // TODO: CHATX-1618 please remove the line below - the ff won't be needed anymore
+
+  const isChatSessionAuthEnabled = features.chat_session_auth;
+  const {
+    chatter,
+    created,
+    sessionToken
+  } = payload;
+  setBrowserStorageItem(CHATTER_STORAGE_KEY, chatter, persistence);
+  setBrowserStorageItem(CHATTER_CREATED_STORAGE_KEY, created, persistence); // TODO: CHATX-1618 please remove the check for isChatSessionAuthEnabled - the Boolean(sessionToken) is still needed so we don't store falsy values
+
+  if (isChatSessionAuthEnabled && Boolean(sessionToken)) {
+    setBrowserStorageItem(SESSION_AUTH_TOKEN_STORAGE_KEY, sessionToken, persistence);
+  }
+}
+;// CONCATENATED MODULE: ./src/client/components/ChatFrame/chatFrameEvents/index.ts
+
 ;// CONCATENATED MODULE: ./src/client/components/ChatFrame/index.tsx
 
 
@@ -18486,6 +18639,7 @@ const isMobile = /(iPhone)|(iPod)|(android)|(webOS)/i.exec(navigator.userAgent)
 
 
 
+
 class ChatFrame extends d {
   constructor() {
     super(...arguments);
@@ -18589,7 +18743,7 @@ class ChatFrame extends d {
     const hostPageUrlParams = new (url_default())(window.location.href).searchParams;
     const smsToken = hostPageUrlParams.get("adaSMSToken");
     const queryParams = {
-      embedVersion: "00bd7ec".slice(0, 7),
+      embedVersion: "7dfe147".slice(0, 7),
       greeting,
       language,
       skipGreeting,
@@ -18893,7 +19047,8 @@ class ChatFrame extends d {
           } = this.props;
           const {
             chatter,
-            created
+            created,
+            sessionToken
           } = payload;
           const {
             chatterTokenCallback
@@ -18903,27 +19058,17 @@ class ChatFrame extends d {
             throw new AdaEmbedError("`client` is undefined");
           }
 
-          await setState({
-            chatterToken: chatter,
-            chatterCreated: created
-          });
-          /**
-           * 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);
-          }
+          storeChatterEventDataInBrowser(client, payload);
 
           if (chatterTokenCallback) {
             chatterTokenCallback(chatter);
           }
 
+          await setState({
+            chatterToken: chatter,
+            chatterCreated: created,
+            sessionToken
+          });
           break;
         }
 
@@ -20779,7 +20924,7 @@ class Embed {
 
 }
 
-_defineProperty(Embed, "embed2Version", "00bd7ec");
+_defineProperty(Embed, "embed2Version", "7dfe147");
 ;// CONCATENATED MODULE: ./src/common/helpers/startup.ts
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ada-support/embed2",
-  "version": "1.3.3",
+  "version": "1.4.2",
   "description": "",
   "main": "dist/npm-entry",
   "typings": "dist/npm-entry/index-npm.d.ts",
@@ -73,6 +73,7 @@
     "lint-staged": "^11.2.3",
     "mock-xmlhttprequest": "^7.0.4",
     "npm-run-all": "^4.1.5",
+    "prettier": "2.7.1",
     "start-server-and-test": "^1.14.0",
     "testcafe": "^1.18.4",
     "testcafe-browser-provider-lambdatest": "^2.0.18",
@@ -97,6 +98,7 @@
     "babel-loader": "^8.2.3",
     "babel-preset-preact": "^2.0.0",
     "dotenv": "^8.2.0",
+    "eslint-config-prettier": "^8.5.0",
     "focus-visible": "^5.2.0",
     "html-webpack-plugin": "^5.5.0",
     "json-stable-stringify": "^1.0.1",