@ada-support/embed2 1.14.5 → 1.14.7

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.7-4506c4f",
   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}/${"4506c4f"}/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.7",
       isNpm: true,
-      commitHash: "b0ec618"
+      commitHash: "4506c4f"
     }))
   });
 }
@@ -18685,6 +18685,34 @@ function proactiveShownWithinFrequency(proactiveConversationKey, frequency, hand
       return false;
   }
 }
+
+// A proactive only fires when `now` is within its optional scheduling window.
+// Bounds are absolute ISO 8601 UTC instants authored in the dashboard; either
+// may be unset for an open-ended window. This mirrors the declarative campaign
+// datetime gating: the start is after-inclusive and the end is before-exclusive,
+// evaluated through the shared trigger-condition evaluator so the semantics stay
+// identical across both surfaces.
+function isWithinSchedule(scheduleStart, scheduleEnd) {
+  const now = new Date();
+  const buildCondition = (operator, datetime) => ({
+    type: "datetime",
+    // Bounds are absolute UTC instants (the stored datetime carries a `Z`
+    // offset). `timezone` is metadata the evaluator doesn't consult, but label
+    // it UTC to match the data and stay correct if the evaluator ever honors it.
+    timezone: "UTC",
+    condition: {
+      operator,
+      datetime
+    }
+  });
+  if (scheduleStart && !evalDatetimeTriggerCondition(buildCondition("after-inclusive", scheduleStart), now)) {
+    return false;
+  }
+  if (scheduleEnd && !evalDatetimeTriggerCondition(buildCondition("before-exclusive", scheduleEnd), now)) {
+    return false;
+  }
+  return true;
+}
 function addProactiveToStorageString(oldStorageValue, proactiveConversationId) {
   return oldStorageValue ? `${oldStorageValue},${proactiveConversationId}` : proactiveConversationId;
 }
@@ -18705,6 +18733,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,
@@ -18728,13 +18782,19 @@ function proactiveTriggerImpl(_ref) {
     duration,
     delay,
     frequency,
-    active
+    active,
+    schedule_start: scheduleStart,
+    schedule_end: scheduleEnd
   } = proactiveConversation.modality_config.chat;
   let proactiveMessage = proactiveConversation.messages[language][0];
   if (!active) {
     warn("Proactive message is not active");
     return;
   }
+  if (!isWithinSchedule(scheduleStart, scheduleEnd)) {
+    warn("Proactive message is outside its scheduled window");
+    return;
+  }
   if (isTemplate) {
     if (Object.keys(params).length === 0) {
       warn("Proactive message is a template but no parameters were provided");
@@ -18768,12 +18828,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 +20240,7 @@ class ChatFrame extends d {
     log("Chat frame mount", {
       handle,
       chatUrl: this.url,
-      embedVersion: "b0ec618".slice(0, 7),
+      embedVersion: "4506c4f".slice(0, 7),
       embedSettings: adaSettings
     });
 
@@ -20262,7 +20328,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: "4506c4f".slice(0, 7),
       greeting,
       language,
       skipGreeting,
@@ -21084,8 +21150,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 +21157,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;
@@ -21761,7 +21820,7 @@ class Container extends d {
       let [key, conversation] = _ref;
       const chatConfig = conversation.modality_config.chat;
       const isTemplate = conversation.is_template;
-      if (chatConfig.active && !isTemplate && evaluateUrlTriggerConditions(chatConfig.url_trigger_conditions, currentUrl)) {
+      if (chatConfig.active && !isTemplate && isWithinSchedule(chatConfig.schedule_start, chatConfig.schedule_end) && evaluateUrlTriggerConditions(chatConfig.url_trigger_conditions, currentUrl)) {
         this.handleProactiveTrigger(Container_objectSpread({
           key
         }, conversation), "url");
@@ -22025,7 +22084,9 @@ class Container extends d {
           const {
             body,
             duration,
-            delay
+            delay,
+            image,
+            cta
           } = payload;
           const EXTRA_PROACTIVE_DELAY = 1000;
           this.setState({
@@ -22041,7 +22102,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/proactiveConversation.d.ts

@@ -1,6 +1,7 @@
 import type { StartOptions } from "@ada-support/embed-types";
 import type { MessageService } from "client/lib/message-service";
 import type { ProactiveConversation, ProactiveConversationTriggerMethod, ProactiveConversationUrlTriggerConditions, RecentProactiveConversationConfig } from "./types";
+export declare function isWithinSchedule(scheduleStart?: string | null, scheduleEnd?: string | null): boolean;
 export declare function proactiveTriggerImpl({ proactiveConversation, triggerMethod, adaSettings, messageService, language, setRecentProactiveConversationConfig, clearProactiveConversation, }: {
     proactiveConversation: ProactiveConversation;
     triggerMethod: ProactiveConversationTriggerMethod | null;

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[];
@@ -10,11 +19,17 @@ export interface ProactiveConversation {
             delay: number;
             duration: number;
             frequency: ProactiveConversationFrequency;
+            schedule_start?: string | null;
+            schedule_end?: string | null;
         };
     };
     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.7",
   "description": "",
   "main": "dist/npm-entry",
   "typings": "dist/npm-entry/index-npm.d.ts",