@ada-support/embed2 1.6.37 → 1.6.44

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

@@ -14,7 +14,6 @@ export interface CurrentIntro {
     delay: number;
 }
 export interface Features {
-    chat_ui_v2?: boolean;
     disable_embed_notification_status?: boolean;
     ui_customization?: boolean;
     developer_proactive?: boolean;

package/dist/npm-entry/index.js

@@ -13260,7 +13260,7 @@ const client = new error_tracker_BrowserClient({
     return event;
   },
   environment: "production",
-  release: "1.6.37-7120077",
+  release: "1.6.44-47c4d77",
   sampleRate: 0.25,
   autoSessionTracking: false,
   // Integrations don't seem to work with Sentry: https://github.com/getsentry/sentry-javascript/issues/2541
@@ -13832,7 +13832,7 @@ function getEmbedURL(_ref) {
   } else {
     host = `http://${window.location.hostname}:9001`;
   }
-  return `${host}/embed/${frameName}/${"7120077"}/index.html`;
+  return `${host}/embed/${frameName}/${"47c4d77"}/index.html`;
 }
 function constructQueryString(query) {
   return Object.keys(query).map(key => {
@@ -15093,8 +15093,7 @@ const RTLLanguages = ["ar", "he"];
 const isRTLLanguage = language => Boolean(language && RTLLanguages.includes(language)) || false;
 const isRTL = (client, language) => {
   const rtlLanguageBool = isRTLLanguage(language) || isRTLLanguage(getBrowserLanguage());
-  const featureFlagsBool = (client === null || client === void 0 ? void 0 : client.features.chat_ui_v2) && client.features.translations;
-  return featureFlagsBool && rtlLanguageBool || false;
+  return (client === null || client === void 0 ? void 0 : client.features.translations) && rtlLanguageBool || false;
 };
 ;// CONCATENATED MODULE: ./src/common/helpers/getAlignment.ts
 
@@ -15304,9 +15303,9 @@ async function log(message, extra, options) {
       service: "embed",
       env: "production",
       embedVersion: 2,
-      version: "1.6.37",
+      version: "1.6.44",
       isNpm: true,
-      commitHash: "7120077"
+      commitHash: "47c4d77"
     }))
   });
 }
@@ -15617,7 +15616,7 @@ class ButtonFrame extends d {
       delayedIsShown
     } = this.state;
     // 48 = (SHADOW BLUR=40) +  (2 * SPREAD=8)
-    const BOX_SHADOW_BUFFER = client.features.chat_ui_v2 ? 48 : 8;
+    const BOX_SHADOW_BUFFER = 48;
     const POSITION_FROM_SCREEN_EDGE = 24;
     const buttonSizeWithBuffer = buttonSize + BOX_SHADOW_BUFFER;
     const buttonPosition = POSITION_FROM_SCREEN_EDGE - BOX_SHADOW_BUFFER / 2;
@@ -15639,27 +15638,23 @@ class ButtonFrame extends d {
       visibility: ${this.isShown ? "visible" : "hidden"};
       opacity: ${this.isShown ? "1" : "0"};
       transition: visibility 200ms ease, opacity 200ms ease;
+      transform: translate(0, 10%);
+      transition: visibility 250ms ease, opacity 250ms ease, transform 250ms ease;
+      ${getAlignment(adaSettings)}: 0;
+      bottom: 0;
+
+      ${this.isShown ? "transform: translate(0, 0);" : ""}
     `;
-    if (client.features.chat_ui_v2) {
+    if (buttonStyle === "text") {
       styles += `
-        transform: translate(0, 10%);
-        transition: visibility 250ms ease, opacity 250ms ease, transform 250ms ease;
-        ${getAlignment(adaSettings)}: 0;
-        bottom: 0;
-
-        ${this.isShown ? "transform: translate(0, 0);" : ""}
-      `;
-      if (buttonStyle === "text") {
-        styles += `
-          width: ${frameWidth}px;
-          height: ${textFrameHeight}px;
+        width: ${frameWidth}px;
+        height: ${textFrameHeight}px;
+    `;
+    } else {
+      styles += `
+        width: ${roundFrameHeight}px;
+        height: ${roundFrameHeight}px;
       `;
-      } else {
-        styles += `
-          width: ${roundFrameHeight}px;
-          height: ${roundFrameHeight}px;
-        `;
-      }
     }
     if (!this.isShown && !delayedIsShown) {
       return styles + stylesForHiding;
@@ -15675,17 +15670,16 @@ class ButtonFrame extends d {
     const {
       client
     } = this.props;
-    const roleDescription = () => {
+    const getTitle = () => {
       if (!(client !== null && client !== void 0 && client.handle)) {
-        return "Chat Button";
+        return "Chat Button Frame";
       }
-      return `${client.handle.charAt(0).toUpperCase() + client.handle.slice(1)} Chat Button`;
+      return `${client.handle.charAt(0).toUpperCase() + client.handle.slice(1)} Chat Button Frame`;
     };
     return v(StoreContext.Consumer, null, store => v(MessageServiceContext.Consumer, null, messageService => v(components_IFrame, {
-      title: "Chat with bot",
+      title: getTitle(),
       styles: this.styles,
       name: BUTTON_IFRAME,
-      roleDescription: roleDescription(),
       store: store,
       messageService: messageService,
       onTransitionEnd: this.handleOnTransitionEndBound
@@ -15835,7 +15829,7 @@ class ChatFrame extends d {
     const hostPageUrlParams = new URL(window.location.href).searchParams;
     const smsToken = hostPageUrlParams.get("adaSMSToken");
     const queryParams = {
-      embedVersion: "7120077".slice(0, 7),
+      embedVersion: "47c4d77".slice(0, 7),
       greeting,
       language,
       skipGreeting,
@@ -15878,8 +15872,7 @@ class ChatFrame extends d {
     const TEST_BOT_NAV_HEIGHT = 48;
     const isTestBot = client.features.embed_test_bot && testMode;
     const totalWindowHeight = isTestBot ? `${WINDOW_HEIGHT + TEST_BOT_NAV_HEIGHT}px` : `${WINDOW_HEIGHT}px`;
-    if (client.features.chat_ui_v2) {
-      return `
+    return `
         position: fixed;
 
         ${isMobile ? `
@@ -15912,25 +15905,6 @@ class ChatFrame extends d {
           visibility: visible;
         `}
       `;
-    }
-    return `
-      position: fixed;
-      ${getAlignment(adaSettings)}: 0;
-      bottom: 0;
-      transform: translate(${isDrawerOpen && isMounted ? "0" : "375px"}, 0);
-      opacity: ${isDrawerOpen && isMounted ? "1" : "0"};
-      transition: transform 200ms ease, opacity 200ms ease;
-      z-index: 9999;
-      box-shadow: -1px 0 0 rgba(0, 0, 0, .1), -3px 0 9px rgba(0, 0, 0, .15);
-      background-color: #ffffff;
-      width: 100%;
-      max-width: ${isMobile ? "none" : "375px"};
-      height: ${isMobile ? "100%" : "100vh"};
-      min-height: ${isMobile ? "100%" : "initial"};
-      max-height: -webkit-fill-available;
-      max-height: -moz-available;
-      max-height: stretch;
-    `;
   }
   get hasVisibleProactiveMessages() {
     const {
@@ -15992,17 +15966,13 @@ class ChatFrame extends d {
           opacity: 0;
           transform: translate(375px, 0);
           visibility: hidden;
+          transform: translate(0, 100px);
 
           ${isMobile ? `
             height: 0;
           ` : `
             height: 90%;
           `}
-
-          ${client.features.chat_ui_v2 && `
-            transform: translate(0, 100px);
-          `}
-
           ${!drawerHasBeenOpened && `
             transition: none;
           `}
@@ -16542,14 +16512,11 @@ class IntroFrame extends d {
       opacity: ${this.isShown ? "1" : "0"};
       height: ${introDimensions.height}px;
       width: ${introDimensions.width}px;
-
-      ${Boolean(client.features.chat_ui_v2) && `
-        max-height: auto;
-        max-width: 350px;
-        z-index: 9999;
-        ${getAlignment(adaSettings)}: 0;
-        bottom: ${buttonSize - 20}px;
-      `}
+      max-height: auto;
+      max-width: 350px;
+      z-index: 9999;
+      ${getAlignment(adaSettings)}: 0;
+      bottom: ${buttonSize - 20}px;
     `;
     if (!this.isShown) {
       return styles + stylesForHiding;
@@ -17410,11 +17377,6 @@ class Container extends d {
       return;
     }
     const newClient = new Client(clientResponse.client);
-    if (!newClient.features.chat_ui_v2) {
-      log("Clients on old UI", {
-        clientHandle: newClient.handle
-      });
-    }
     const baseApiUrl = getURL({
       name: "api",
       handle,
@@ -17588,7 +17550,6 @@ class Container extends d {
   }
   renderBackdrop() {
     const {
-      client,
       adaSettings,
       chatDimensions,
       isDrawerOpen,
@@ -17600,7 +17561,7 @@ class Container extends d {
 
     // checking for a non-empty parentElement here to
     // hide the backdrop in the SDKs
-    if (!(client !== null && client !== void 0 && client.features.chat_ui_v2) || parentElement) {
+    if (parentElement) {
       return null;
     }
     const hasProactiveMessagesShown = Boolean(chatDimensions === null || chatDimensions === void 0 ? void 0 : chatDimensions.height);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ada-support/embed2",
-  "version": "1.6.37",
+  "version": "1.6.44",
   "description": "",
   "main": "dist/npm-entry",
   "typings": "dist/npm-entry/index-npm.d.ts",
@@ -108,7 +108,7 @@
     "preact": "10.4.5",
     "typescript": "^4.6.2",
     "uniqid": "^5.3.0",
-    "webpack": "^5.74.0",
+    "webpack": "^5.76.0",
     "webpack-cli": "^4.9.2",
     "webpack-merge": "^5.8.0"
   },