@ada-support/embed2 1.14.5 → 1.14.6

package/dist/npm-entry/common/lib/channel.d.ts

@@ -10,6 +10,15 @@ export interface EmbedRequestPayloadByEvent {
         duration: number | null;
         delay?: number;
         responseId?: string | null;
+        image?: {
+            url: string;
+            alt: string;
+        };
+        cta?: {
+            label: string;
+            url: string;
+            openInNewTab: boolean;
+        };
     };
     DELETE_HISTORY: undefined;
     DISPATCH: StoreDispatchPayload;

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

@@ -13,6 +13,15 @@ export interface CurrentIntro {
     style: string;
     duration: number | null;
     delay: number;
+    image?: {
+        url: string;
+        alt: string;
+    };
+    cta?: {
+        label: string;
+        url: string;
+        openInNewTab: boolean;
+    };
 }
 export interface Features {
     "ui_customization"?: boolean;

package/dist/npm-entry/index.js

@@ -16125,7 +16125,7 @@ const client = new BrowserClient({
     return event;
   },
   environment: "production",
-  release: "1.14.5-b0ec618",
+  release: "1.14.6-f90a8e1",
   sampleRate: 0.25,
   autoSessionTracking: false,
   // Integrations don't seem to work with Sentry: https://github.com/getsentry/sentry-javascript/issues/2541
@@ -16751,7 +16751,7 @@ function getEmbedURL(_ref) {
   } else {
     host = `http://${handle}.localhost:${ports.localhost.default}`;
   }
-  return `${host}/embed/${frameName}/${"b0ec618"}/index.html`;
+  return `${host}/embed/${frameName}/${"f90a8e1"}/index.html`;
 }
 function constructQueryString(query) {
   return Object.keys(query).map(key => {
@@ -17538,9 +17538,9 @@ async function log(message, extra, options) {
       service: "embed",
       env: "production",
       embedVersion: 2,
-      version: "1.14.5",
+      version: "1.14.6",
       isNpm: true,
-      commitHash: "b0ec618"
+      commitHash: "f90a8e1"
     }))
   });
 }
@@ -18705,6 +18705,32 @@ function recordProactiveTrigger(proactiveConversationKey, frequency, handle) {
       break;
   }
 }
+
+// Rich content (image + single CTA) is optional. The image is keyed by
+// language; fall back to the first language by sorted key (the URL is shared
+// across languages — only the alt text is translated — so the fallback is
+// deterministic rather than relying on object key order).
+function extractRichContent(proactiveConversation, language) {
+  var _images$language, _images$fallbackLangu;
+  const {
+    images,
+    ctas
+  } = proactiveConversation;
+  const fallbackLanguage = images ? Object.keys(images).sort()[0] : undefined;
+  const imageConfig = (images === null || images === void 0 ? void 0 : (_images$language = images[language]) === null || _images$language === void 0 ? void 0 : _images$language[0]) ?? (fallbackLanguage ? images === null || images === void 0 ? void 0 : (_images$fallbackLangu = images[fallbackLanguage]) === null || _images$fallbackLangu === void 0 ? void 0 : _images$fallbackLangu[0] : undefined);
+  const ctaConfig = ctas === null || ctas === void 0 ? void 0 : ctas[0];
+  return {
+    image: imageConfig ? {
+      url: imageConfig.url,
+      alt: imageConfig.alt
+    } : undefined,
+    cta: ctaConfig ? {
+      label: ctaConfig.cta_label,
+      url: ctaConfig.cta_url,
+      openInNewTab: ctaConfig.cta_open_in_new_tab
+    } : undefined
+  };
+}
 function proactiveTriggerImpl(_ref) {
   let {
     proactiveConversation,
@@ -18768,12 +18794,18 @@ function proactiveTriggerImpl(_ref) {
     key: messageKey,
     params
   });
+  const {
+    image,
+    cta
+  } = extractRichContent(proactiveConversation, language);
   clearProactiveConversation();
   const localChannel = messageService.getChannel("local");
   localChannel.postMessage(CREATE_PROACTIVE, {
     body: proactiveMessage,
     duration,
-    delay
+    delay,
+    image,
+    cta
   });
   log("Proactive message displayed", {
     handle,
@@ -20174,7 +20206,7 @@ class ChatFrame extends d {
     log("Chat frame mount", {
       handle,
       chatUrl: this.url,
-      embedVersion: "b0ec618".slice(0, 7),
+      embedVersion: "f90a8e1".slice(0, 7),
       embedSettings: adaSettings
     });
 
@@ -20262,7 +20294,7 @@ class ChatFrame extends d {
     const hostPageUrlParams = new URL(window.location.href).searchParams;
     const smsToken = hostPageUrlParams.get("adaSMSToken");
     const queryParams = {
-      embedVersion: "b0ec618".slice(0, 7),
+      embedVersion: "f90a8e1".slice(0, 7),
       greeting,
       language,
       skipGreeting,
@@ -21084,8 +21116,6 @@ class IntroFrame extends d {
       return `display: none`;
     }
     const buttonSize = client.chat_button.size;
-    const INTRO_BUTTON_PADDING = 16;
-    const introPositionRight = INTRO_BUTTON_PADDING + buttonSize;
     const stylesForHiding = `
       visibility: "hidden";
       top: -9999px !important;
@@ -21093,19 +21123,14 @@ class IntroFrame extends d {
     `;
     const styles = `
       position: fixed;
-      ${getAlignment(adaSettings)}: ${introPositionRight}px;
-      bottom: 8px;
-      z-index: 10000;
-      max-height: 300px;
-      max-width: 250px;
+      ${getAlignment(adaSettings)}: 0;
+      bottom: ${buttonSize - 20}px;
+      z-index: 9999;
+      max-width: 350px;
       opacity: ${this.isShown ? "1" : "0"};
       height: ${introDimensions.height}px;
       width: ${introDimensions.width}px;
-      max-height: auto;
-      max-width: 350px;
-      z-index: 9999;
-      ${getAlignment(adaSettings)}: 0;
-      bottom: ${buttonSize - 20}px;
+      transition: height 300ms ease;
     `;
     if (!this.isShown) {
       return styles + stylesForHiding;
@@ -22025,7 +22050,9 @@ class Container extends d {
           const {
             body,
             duration,
-            delay
+            delay,
+            image,
+            cta
           } = payload;
           const EXTRA_PROACTIVE_DELAY = 1000;
           this.setState({
@@ -22041,7 +22068,9 @@ class Container extends d {
                 // Not just duration || null because we want to preserve 0 duration
                 duration: duration || duration === 0 ? duration : null,
                 style: "Text",
-                response_id: ""
+                response_id: "",
+                image,
+                cta
               }
             }));
             await setGlobalState({

package/dist/npm-entry/proactiveConversations/types.d.ts

@@ -1,4 +1,13 @@
 export type ProactiveConversationUrlTriggerConditions = UrlTriggerCondition[] | null;
+export interface ProactiveConversationImage {
+    url: string;
+    alt: string;
+}
+export interface ProactiveConversationCta {
+    cta_label: string;
+    cta_url: string;
+    cta_open_in_new_tab: boolean;
+}
 export interface ProactiveConversation {
     messages: {
         [language: string]: string[];
@@ -15,6 +24,10 @@ export interface ProactiveConversation {
     is_template: boolean;
     params?: Record<string, string>;
     key?: string;
+    images?: {
+        [language: string]: ProactiveConversationImage[];
+    };
+    ctas?: ProactiveConversationCta[];
 }
 export interface ProactiveConversations {
     [messageKey: string]: ProactiveConversation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ada-support/embed2",
-  "version": "1.14.5",
+  "version": "1.14.6",
   "description": "",
   "main": "dist/npm-entry",
   "typings": "dist/npm-entry/index-npm.d.ts",