@ada-support/embed2 1.11.1 → 1.11.3

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

@@ -46,6 +46,7 @@ export declare class ChatFrame extends Component<ChatFrameProps, ChatFrameState>
     documentBodyOverflow: string;
     channel?: FrameChannel;
     chatRenderTimeout?: number;
+    chatRenderTimeoutLater?: number;
     url: string;
     state: ChatFrameState;
     componentDidMount(): void;

package/dist/npm-entry/index.js

@@ -15919,7 +15919,7 @@ const client = new BrowserClient({
     return event;
   },
   environment: "production",
-  release: "1.11.1-c291df9",
+  release: "1.11.3-8cc0a0d",
   sampleRate: 0.25,
   autoSessionTracking: false,
   // Integrations don't seem to work with Sentry: https://github.com/getsentry/sentry-javascript/issues/2541
@@ -16464,9 +16464,9 @@ async function log(message, extra, options) {
       service: "embed",
       env: "production",
       embedVersion: 2,
-      version: "1.11.1",
+      version: "1.11.3",
       isNpm: true,
-      commitHash: "c291df9"
+      commitHash: "8cc0a0d"
     }))
   });
 }
@@ -16489,10 +16489,11 @@ function subscribeEvent(eventKey, callback) {
 
   // Log chat_frame_timeout event subscriptions
   if (eventKey === "ada:chat_frame_timeout") {
+    var _document$getElementB;
+    const domHandle = (_document$getElementB = document.getElementById("__ada")) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.getAttribute("data-handle");
     log("Client subscribed to chat_frame_timeout event", {
-      handle: isStartOptions(window.adaSettings) ? window.adaSettings.handle : undefined,
-      hostPage: window.location.href,
-      timestamp: new Date().toISOString()
+      handle: domHandle || (isStartOptions(window.adaSettings) ? window.adaSettings.handle : undefined),
+      hostPage: window.location.href
     }, {
       sampleRate: 0.1,
       level: "info"
@@ -16568,7 +16569,7 @@ function getEmbedURL(_ref) {
   } else {
     host = `http://${handle}.localhost:9001`;
   }
-  return `${host}/embed/${frameName}/${"c291df9"}/index.html`;
+  return `${host}/embed/${frameName}/${"8cc0a0d"}/index.html`;
 }
 function constructQueryString(query) {
   return Object.keys(query).map(key => {
@@ -18927,6 +18928,7 @@ class ChatFrame extends d {
     _defineProperty(this, "documentBodyOverflow", "");
     _defineProperty(this, "channel", void 0);
     _defineProperty(this, "chatRenderTimeout", void 0);
+    _defineProperty(this, "chatRenderTimeoutLater", void 0);
     _defineProperty(this, "url", this.getIframeSrc());
     _defineProperty(this, "state", {
       isMounted: false,
@@ -18959,7 +18961,7 @@ class ChatFrame extends d {
     log("Chat frame mount", {
       handle,
       chatUrl: this.url,
-      embedVersion: "c291df9".slice(0, 7),
+      embedVersion: "8cc0a0d".slice(0, 7),
       embedSettings: adaSettings
     });
 
@@ -19009,6 +19011,10 @@ class ChatFrame extends d {
       clearTimeout(this.chatRenderTimeout);
       this.chatRenderTimeout = undefined;
     }
+    if (this.chatRenderTimeoutLater) {
+      clearTimeout(this.chatRenderTimeoutLater);
+      this.chatRenderTimeoutLater = undefined;
+    }
   }
   get darkMode() {
     var _client$ui_settings, _client$ui_settings$c;
@@ -19043,7 +19049,7 @@ class ChatFrame extends d {
     const hostPageUrlParams = new URL(window.location.href).searchParams;
     const smsToken = hostPageUrlParams.get("adaSMSToken");
     const queryParams = {
-      embedVersion: "c291df9".slice(0, 7),
+      embedVersion: "8cc0a0d".slice(0, 7),
       greeting,
       language,
       skipGreeting,
@@ -19645,15 +19651,6 @@ class ChatFrame extends d {
     this.clearFallbackTimeout();
     this.chatRenderTimeout = window.setTimeout(() => {
       var _this$channel;
-      log(`Chat frame took over ${CHAT_FALLBACK_DELAY_MS / 1000} seconds to respond`, {
-        handle,
-        chatUrl: this.url,
-        embedVersion: "c291df9".slice(0, 7),
-        embedSettings: adaSettings
-      }, {
-        level: "error",
-        sampleRate: 1.0
-      });
       const {
         isDrawerOpen: drawerIsOpen
       } = this.props;
@@ -19661,8 +19658,10 @@ class ChatFrame extends d {
       // Only show fallback if drawer is STILL open and chat hasn't connected
       if (!((_this$channel = this.channel) !== null && _this$channel !== void 0 && _this$channel.isConnected) && drawerIsOpen) {
         log("Chat frame took over 5 seconds to respond", {
-          handle,
-          embedSettings: adaSettings
+          handle
+        }, {
+          level: "error",
+          sampleRate: 1.0
         });
 
         // SUP-1141- TODO: Remove chatFrameTimeoutCallback
@@ -19677,6 +19676,23 @@ class ChatFrame extends d {
         }
       }
     }, CHAT_FALLBACK_DELAY_MS);
+    this.chatRenderTimeoutLater = window.setTimeout(() => {
+      var _this$channel2;
+      const {
+        isDrawerOpen: drawerIsOpen
+      } = this.props;
+
+      // REMOVE: ONLY FOR LOGGING PURPOSES
+      // Only show fallback if drawer is STILL open and chat hasn't connected - 10 second check
+      if (!((_this$channel2 = this.channel) !== null && _this$channel2 !== void 0 && _this$channel2.isConnected) && drawerIsOpen) {
+        log("Chat frame took over 10 seconds to respond", {
+          handle
+        }, {
+          level: "error",
+          sampleRate: 1.0
+        });
+      }
+    }, CHAT_FALLBACK_DELAY_MS + 5000);
   }
   render() {
     const {

package/package.json

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