@seamly/web-ui 21.0.8 → 21.0.9

package/build/dist/lib/standalone.js

@@ -17008,7 +17008,7 @@ _API_ready = new (weak_map_default())(), _API_externalId = new (weak_map_default
   return {
     clientName: "@seamly/web-ui",
     clientVariant: api_classPrivateFieldGet(this, _API_layoutMode, "f"),
-    clientVersion: "21.0.8",
+    clientVersion: "21.0.9",
     currentUrl: window.location.toString(),
     screenResolution: `${window.screen.width}x${window.screen.height}`,
     timezone: getTimeZone(),
@@ -21516,7 +21516,7 @@ const interruptSlice = createSlice({
     clearInterrupt: () => slice_initialState
   },
   extraReducers: builder => {
-    builder.addCase(resetApp.fulfilled, () => slice_initialState).addMatcher(isAnyOf(initializeApp.rejected, initializeConfig.rejected, setLocale.rejected, setVisibility.rejected, initializeVisibility.rejected), (state, _ref) => {
+    builder.addCase(initializeConfig.pending, () => slice_initialState).addMatcher(isAnyOf(initializeApp.rejected, initializeConfig.rejected, setLocale.rejected, setVisibility.rejected, initializeVisibility.rejected), (state, _ref) => {
       let {
         payload
       } = _ref;
@@ -22487,6 +22487,7 @@ const {
 
 
 
+
 const i18n_slice_initialState = {
   translations: {
     'errors.configError.message': 'We are sorry this happened, please retry at a later time.',
@@ -22524,7 +22525,7 @@ const i18nSlice = createSlice({
   },
   extraReducers: builder => {
     // Add reducers for additional action types here, and handle loading state as needed
-    builder.addCase(initializeConfig.fulfilled, (state, _ref2) => {
+    builder.addCase(resetApp.pending, () => i18n_slice_initialState).addCase(initializeConfig.fulfilled, (state, _ref2) => {
       let {
         payload
       } = _ref2;
@@ -22671,6 +22672,7 @@ var splice_default = /*#__PURE__*/__webpack_require__.n(splice);
 
 
 
+
 const translationsInitialState = {
   isActive: false,
   currentLocale: undefined,
@@ -22769,7 +22771,7 @@ const translationSlice = createSlice({
     }
   },
   extraReducers: builder => {
-    builder.addCase(initializeConfig.fulfilled, (state, _ref6) => {
+    builder.addCase(resetApp.pending, () => translationsInitialState).addCase(initializeConfig.fulfilled, (state, _ref6) => {
       let {
         payload
       } = _ref6;
@@ -23984,7 +23986,117 @@ const useLiveRegion = () => {
     sendAssertive
   };
 };
-;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/use-seamly-chat.js
+;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/selectors.ts
+
+const selectError = es_createSelector(_ref => {
+  let {
+    interrupt
+  } = _ref;
+  return interrupt;
+}, _ref2 => {
+  let {
+    error
+  } = _ref2;
+  return error;
+});
+const selectHasError = es_createSelector(selectError, error => Boolean(error));
+;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/hooks.ts
+
+
+
+
+
+function useInterrupt() {
+  const {
+    t
+  } = useI18n();
+  const error = useSelector_useSelector(selectError);
+  const hasError = useSelector_useSelector(selectHasError);
+  const meta = (0,hooks_module/* useMemo */.Ye)(() => {
+    if (!hasError) {
+      return {
+        title: undefined,
+        message: undefined,
+        srText: undefined,
+        buttonText: undefined,
+        originalError: undefined
+      };
+    }
+    const {
+      langKey,
+      action
+    } = error;
+    const title = t(`${langKey}.title`);
+    const message = t(`${langKey}.message`);
+    const srText = t(`${langKey}.srText`);
+    const buttonText = t(`${langKey}.buttonText`);
+    return assign_default()(assign_default()(assign_default()(assign_default()({}, langKey ? {
+      title,
+      message,
+      srText
+    } : {}), action ? {
+      action
+    } : {}), action && langKey ? {
+      buttonText
+    } : {}), {
+      originalError: error
+    });
+  }, [hasError, error, t]);
+  return {
+    hasError,
+    meta,
+    error
+  };
+}
+;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/use-session-expired-command.ts
+
+
+
+function useSessionExpiredCommand() {
+  const {
+    meta: {
+      originalError,
+      action
+    }
+  } = useInterrupt();
+  const seamlyCommands = use_seamly_commands();
+  const isExpiredError = (originalError === null || originalError === void 0 ? void 0 : originalError.name) === 'SeamlySessionExpiredError';
+  (0,hooks_module/* useEffect */.d4)(() => {
+    if (isExpiredError && seamlyCommands[action]) {
+      seamlyCommands[action]();
+    }
+  }, [action, seamlyCommands, isExpiredError]);
+}
+;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/use-seamly-chat.ts
+
+
+var use_seamly_chat_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = (promise_default())))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
 
 
 
@@ -24024,6 +24136,8 @@ const useSeamlyChat = () => {
   const {
     sendAssertive
   } = useLiveRegion();
+  // Automatically reset conversation if the session has expired
+  useSessionExpiredCommand();
   (0,hooks_module/* useEffect */.d4)(() => {
     if (isVisible) {
       // Wait for the live containers to stabilise in the DOM before injecting
@@ -24070,24 +24184,23 @@ const useSeamlyChat = () => {
       connectCalled.current = false;
     }
   }, [apiConfigReady, apiConnected]);
-  const connectAndStart = (0,hooks_module/* useCallback */.I4)(async () => {
+  const connectAndStart = (0,hooks_module/* useCallback */.I4)(() => use_seamly_chat_awaiter(void 0, void 0, void 0, function* () {
     // We don't connect if we are already connected to the api to avoid multiple in-flight connection processes.
     if (!apiConnected) {
       connectCalled.current = true;
-      await connect();
+      yield connect();
     }
-
     // We only start a conversation when the chat interface is either app, 'open' or if using the inline view if it's 'open' or 'minimized'.
     if (isApp || isOpen || isVisible && isInline) {
       start();
     }
-  }, [apiConnected, connect, isApp, isInline, isOpen, isVisible, start]);
+  }), [apiConnected, connect, isApp, isInline, isOpen, isVisible, start]);
   (0,hooks_module/* useEffect */.d4)(() => {
     // We dont't connect or start when the apiConfig is not ready yet.
     // We also keep track of whether start has been called to avoid multiple in-flight connection processes.
     // We check if the window view is not open and no conversation is started yet.
     // Lastly we check if the inline view is not scrolled in to view.
-    if (!apiConfigReady || connectCalled.current || isWindow && !isOpen && !hasConversation() || isInline && (!isVisible || !showInlineView)) {
+    if (!apiConfigReady || connectCalled.current || isWindow && !isOpen || isInline && (!isVisible || !showInlineView)) {
       return;
     }
     if (hasConversation() && isOpen) {
@@ -28239,7 +28352,7 @@ const SeamlyEventSubscriber = () => {
         channel === null || channel === void 0 ? void 0 : channel.leave();
       };
     }
-    return () => {};
+    return () => undefined;
   }, [api, api.connectionInfo, api.conversation]);
   (0,hooks_module/* useEffect */.d4)(() => {
     api.conversation.onConnection(_ref => {
@@ -28425,6 +28538,9 @@ const SeamlyEventSubscriber = () => {
         const {
           channel
         } = api.conversation;
+        if (messageChannelRef.current) {
+          channel === null || channel === void 0 ? void 0 : channel.off('message', messageChannelRef.current);
+        }
         messageChannelRef.current = channel.on('message', payload => {
           if (!includes_default()(EMITTABLE_MESSAGE_TYPES).call(EMITTABLE_MESSAGE_TYPES, payload.type)) {
             return payload;
@@ -28441,12 +28557,7 @@ const SeamlyEventSubscriber = () => {
         });
         return true;
       });
-      return () => {
-        var _a;
-        (_a = api.conversation.channel) === null || _a === void 0 ? void 0 : _a.off('message', messageChannelRef.current);
-      };
     }
-    return () => undefined;
   }, [api, api.connectionInfo, api.conversation.channel, eventBus]);
   (0,hooks_module/* useEffect */.d4)(() => {
     if (api.connectionInfo) {
@@ -28454,7 +28565,11 @@ const SeamlyEventSubscriber = () => {
         let {
           connected
         } = _ref4;
+        var _a;
         if (!connected) return false;
+        if (syncChannelRef.current) {
+          (_a = api.conversation.channel) === null || _a === void 0 ? void 0 : _a.off('sync', syncChannelRef.current);
+        }
         syncChannelRef.current = api.conversation.channel.on('sync', payload => {
           var _a;
           const lastEvent = events[events.length - 1];
@@ -28478,12 +28593,7 @@ const SeamlyEventSubscriber = () => {
         });
         return true;
       });
-      return () => {
-        var _a;
-        (_a = api.conversation.channel) === null || _a === void 0 ? void 0 : _a.off('sync', syncChannelRef.current);
-      };
     }
-    return () => undefined;
   }, [api, api.connectionInfo, api.conversation.channel, events, dispatch]);
   return null;
 };
@@ -28624,59 +28734,6 @@ const SeamlyInitializer = () => {
   return null;
 };
 /* harmony default export */ var seamly_initializer = (SeamlyInitializer);
-;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/selectors.ts
-
-const selectError = es_createSelector(_ref => {
-  let {
-    interrupt
-  } = _ref;
-  return interrupt;
-}, _ref2 => {
-  let {
-    error
-  } = _ref2;
-  return error;
-});
-;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/hooks.ts
-
-
-
-
-
-function useInterrupt() {
-  const {
-    t
-  } = useI18n();
-  const error = useSelector_useSelector(selectError);
-  const hasInterrupt = Boolean(error);
-  const meta = (0,hooks_module/* useMemo */.Ye)(() => {
-    if (!error) return {};
-    const {
-      langKey,
-      action
-    } = error;
-    const title = t(`${langKey}.title`);
-    const message = t(`${langKey}.message`);
-    const srText = t(`${langKey}.srText`);
-    const buttonText = t(`${langKey}.buttonText`);
-    return assign_default()(assign_default()(assign_default()(assign_default()({}, langKey ? {
-      title,
-      message,
-      srText
-    } : {}), action ? {
-      action
-    } : {}), action && langKey ? {
-      buttonText
-    } : {}), {
-      originalError: error
-    });
-  }, [t, error]);
-  return {
-    hasInterrupt,
-    meta,
-    error
-  };
-}
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/core/seamly-instance-functions-loader.js
 
 
@@ -28735,9 +28792,7 @@ const SeamlyInstanceFunctionsLoader = () => {
     isInline,
     isResolving
   } = useSeamlyLayoutMode();
-  const {
-    hasInterrupt
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const currentConversationUrl = useSeamlyConversationUrl();
   const prevConversationUrl = (0,hooks_module/* useRef */.sO)(null);
   const onActivityHandler = use_seamly_activity_event_handler();
@@ -28820,7 +28875,7 @@ const SeamlyInstanceFunctionsLoader = () => {
     }
   }, [api.send]);
   (0,hooks_module/* useEffect */.d4)(() => {
-    if (!isResolving && !hasInterrupt) {
+    if (!isResolving && !hasError) {
       // Check for app reset
       if (prevConversationUrl.current && prevConversationUrl.current !== currentConversationUrl) {
         eventBus.emit('unreadMessageCount', unreadCount);
@@ -28839,7 +28894,7 @@ const SeamlyInstanceFunctionsLoader = () => {
       previousUnreadCount.current = unreadCount;
       prevConversationUrl.current = currentConversationUrl;
     }
-  }, [unreadCount, visible, eventBus, isInline, isResolving, hasInterrupt, currentConversationUrl]);
+  }, [unreadCount, visible, eventBus, isInline, isResolving, hasError, currentConversationUrl]);
   return null;
 };
 /* harmony default export */ var seamly_instance_functions_loader = (SeamlyInstanceFunctionsLoader);
@@ -29334,6 +29389,7 @@ const InOutTransition = _ref => {
 
 
 
+
 
 
 const Suggestions = _ref => {
@@ -29366,9 +29422,7 @@ const Suggestions = _ref => {
     sendPolite
   } = useLiveRegion();
   // interrupt & countdown hooks
-  const {
-    hasInterrupt
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const {
     hasCountdown,
     endCountdown
@@ -29385,7 +29439,7 @@ const Suggestions = _ref => {
   } = useTranslatedEventData({
     payload
   });
-  const suggestions = (0,hooks_module/* useMemo */.Ye)(() => payload && !hasInterrupt ? eventBody : [], [payload, hasInterrupt, eventBody]);
+  const suggestions = (0,hooks_module/* useMemo */.Ye)(() => payload && !hasError ? eventBody : [], [payload, hasError, eventBody]);
   const prevSuggestions = (0,hooks_module/* useRef */.sO)(null);
   const prevHasSuggestions = (0,hooks_module/* useRef */.sO)(false);
   const previousRenderedSuggestions = (0,hooks_module/* useRef */.sO)([]);
@@ -29873,10 +29927,9 @@ function FormProvider(_a) {
         });
     }, [setExternalErrors]);
     const handleSubmit = (0,hooks_module/* useCallback */.I4)((e) => {
-        var _a;
         e.preventDefault();
         // If the submitter is set to being aria-disabled, block the submit action
-        const ariaDisabled = ((_a = e.submitter) === null || _a === void 0 ? void 0 : _a.ariaDisabled) === 'true';
+        const ariaDisabled = e.submitter.getAttribute('aria-disabled') === 'true';
         setIsSubmitted(!ariaDisabled);
         if (!ariaDisabled && validationIsValid) {
             dispatch(setHasResponded(true));
@@ -30575,6 +30628,7 @@ function TranslationsOptionsButton({ children, position = {
 
 
 
+
 function AppOptions() {
   const {
     menuOptions,
@@ -30583,15 +30637,13 @@ function AppOptions() {
   const {
     isAvailable: isTranslationsAvailable
   } = useTranslations();
-  const {
-    hasInterrupt
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const {
     t,
     locale
   } = useI18n();
   const localeNativeName = useLocaleNativeName(locale);
-  if (!isTranslationsAvailable && (!allowOptionSelection || !menuOptions.length) || hasInterrupt) {
+  if (!isTranslationsAvailable && (!allowOptionSelection || !menuOptions.length) || hasError) {
     return null;
   }
   const openButtonText = t('translations.settings.openButtonText', {
@@ -31914,10 +31966,11 @@ const ChatStatus = ({ children, handleClose, title, closeButtonText, srCloseButt
 
 
 
+
 function TranslationChatStatus() {
     const { t } = useI18n();
     const { id } = useTranslationsContainer();
-    const { hasInterrupt } = useInterrupt();
+    const hasError = useSelector_useSelector(selectHasError);
     const { disableTranslations, currentLocale } = useTranslations();
     const localeNativeName = useLocaleNativeName(currentLocale);
     const focusSkiplinkTarget = useSkiplinkTargetFocusing();
@@ -31926,7 +31979,7 @@ function TranslationChatStatus() {
         disableTranslations();
         focusSkiplinkTarget();
     }, [disableTranslations, focusSkiplinkTarget]);
-    if (hasInterrupt) {
+    if (hasError) {
         return null;
     }
     return (o(chat_status, { handleClose: handleClickStop, title: label, id: id, closeButtonText: t('translations.status.stopText'), srCloseButtonText: t('translations.status.srStopText') }));
@@ -31959,29 +32012,17 @@ function TranslationProposal() {
 
 
 
+
 function TranslationStatus() {
-    const { hasInterrupt } = useInterrupt();
+    const hasError = useSelector_useSelector(selectHasError);
     const { isActive } = useTranslations();
-    if (hasInterrupt) {
+    if (hasError) {
         return null;
     }
     return !isActive ? o(TranslationProposal, {}) : o(TranslationChatStatus, {});
 }
 
-;// CONCATENATED MODULE: ./src/javascripts/ui/components/layout/chat-frame.js
-
-
-
-
-
-
-
-
-
-function chat_frame_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); enumerableOnly && (symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function chat_frame_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? for_each_default()(_context = chat_frame_ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(target, get_own_property_descriptors_default()(source)) : for_each_default()(_context2 = chat_frame_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } return target; }
-
-
+;// CONCATENATED MODULE: ./src/javascripts/ui/components/layout/interrupt.js
 
 
 
@@ -31991,64 +32032,24 @@ function chat_frame_objectSpread(target) { for (var i = 1; i < arguments.length;
 
 
 
-function ChatFrame(_ref) {
-  let {
-    children,
-    interruptComponent: InterruptComponent
-  } = _ref;
+const Interrupt = () => {
   const {
-    hasInterrupt,
-    meta
-  } = useInterrupt();
-  const {
-    isOpen
-  } = useVisibility();
-  if (hasInterrupt) {
-    if (isOpen) {
-      return o(InterruptComponent, chat_frame_objectSpread({}, meta));
+    meta: {
+      originalError,
+      title,
+      message,
+      buttonText,
+      action,
+      srText
     }
-    return null;
-  }
-  return o(preact_module/* Fragment */.HY, {
-    children: [o(chat_scroll_provider, {
-      children: [o("div", {
-        className: css_className('chat__container__header'),
-        children: [o(TranslationStatus, {}), o(collapse_button, {})]
-      }), children]
-    }), o(entry_container, {}), isOpen && o(AppOptions, {})]
-  });
-}
-/* harmony default export */ var chat_frame = (ChatFrame);
-;// CONCATENATED MODULE: ./src/javascripts/ui/components/layout/interrupt.js
-
-
-
-
-
-
-
-
-const Interrupt = _ref => {
-  let {
-    originalError,
-    title,
-    message,
-    buttonText,
-    action,
-    srText
-  } = _ref;
+  } = useInterrupt();
   const seamlyCommands = use_seamly_commands();
   const headingId = useGeneratedId();
   const {
     sendPolite
   } = useLiveRegion();
   const focusSkiplinkTarget = useSkiplinkTargetFocusing();
-  const isExpiredError = originalError.name === 'SeamlySessionExpiredError';
-  (0,hooks_module/* useEffect */.d4)(() => {
-    if (isExpiredError && seamlyCommands[action]) {
-      seamlyCommands[action]();
-    }
-  }, [action, seamlyCommands, isExpiredError]);
+  const isExpiredError = originalError?.name === 'SeamlySessionExpiredError';
   (0,hooks_module/* useEffect */.d4)(() => {
     if (!isExpiredError && srText) {
       // Wait for live regions to stabilise in case this occurs
@@ -32089,16 +32090,49 @@ const Interrupt = _ref => {
   }) : o(preact_module/* Fragment */.HY, {});
 };
 /* harmony default export */ var interrupt = (Interrupt);
-;// CONCATENATED MODULE: ./src/javascripts/ui/components/view/app-view.js
+;// CONCATENATED MODULE: ./src/javascripts/ui/components/layout/chat-frame.js
+
 
 
 
 
 
+
+
+
+
+
+
+
+function ChatFrame(_ref) {
+  let {
+    children
+  } = _ref;
+  const hasError = useSelector_useSelector(selectHasError);
+  const {
+    isOpen
+  } = useVisibility();
+  if (hasError) {
+    return o(interrupt, {});
+  }
+  return o(preact_module/* Fragment */.HY, {
+    children: [o(chat_scroll_provider, {
+      children: [o("div", {
+        className: css_className('chat__container__header'),
+        children: [o(TranslationStatus, {}), o(collapse_button, {})]
+      }), children]
+    }), o(entry_container, {}), isOpen && o(AppOptions, {})]
+  });
+}
+/* harmony default export */ var chat_frame = (ChatFrame);
+;// CONCATENATED MODULE: ./src/javascripts/ui/components/view/app-view.js
+
+
+
+
 const AppView = () => {
   return o(chat, {
     children: o(chat_frame, {
-      interruptComponent: interrupt,
       children: o(conversation, {})
     })
   });
@@ -32112,6 +32146,7 @@ const AppView = () => {
 
 
 
+
 function PreChatMessageEvent(_ref) {
   let {
     event
@@ -32126,13 +32161,11 @@ function PreChatMessages() {
     preChatEvents,
     layoutMode
   } = useConfig();
-  const {
-    hasInterrupt
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const {
     isOpen
   } = useVisibility();
-  const isVisible = !(hasInterrupt || !preChatEvents?.length || isOpen);
+  const isVisible = !(hasError || !preChatEvents?.length || isOpen);
   return isVisible && o("ul", {
     className: css_className('pre-chat-messages', `pre-chat-messages--${layoutMode}`),
     "aria-hidden": !isVisible,
@@ -32154,19 +32187,6 @@ function PreChatMessages() {
 
 
 
-function inline_view_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); enumerableOnly && (symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function inline_view_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? for_each_default()(_context = inline_view_ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(target, get_own_property_descriptors_default()(source)) : for_each_default()(_context2 = inline_view_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } return target; }
-
-
-
-
-
-
-
-
-
-
-
 
 
 const InlineView = () => {
@@ -32177,13 +32197,6 @@ const InlineView = () => {
   const {
     isOpen
   } = useVisibility();
-  const {
-    hasInterrupt,
-    meta
-  } = useInterrupt();
-  if (hasInterrupt && !isOpen) {
-    return o(interrupt, inline_view_objectSpread({}, meta));
-  }
   return o(preact_module/* Fragment */.HY, {
     children: [o(in_out_transition, {
       isActive: !isOpen,
@@ -32199,7 +32212,6 @@ const InlineView = () => {
       children: o(chat, {
         ref: containerRef,
         children: showInlineView && o(chat_frame, {
-          interruptComponent: interrupt,
           children: isOpen && o(conversation, {})
         })
       })
@@ -32221,13 +32233,12 @@ const InlineView = () => {
 
 
 
+
 const ButtonIcon = () => {
   const startChatIcon = useStartChatIcon();
   const currentAgent = useSeamlyCurrentAgent();
-  const {
-    hasInterrupt
-  } = useInterrupt();
-  const isActiveConversation = currentAgent && !hasInterrupt;
+  const hasError = useSelector_useSelector(selectHasError);
+  const isActiveConversation = currentAgent && !hasError;
   const src = isActiveConversation ? currentAgent.avatar : startChatIcon;
   return src ? o("img", {
     className: css_className(isActiveConversation ? 'avatar' : 'icon'),
@@ -32283,19 +32294,6 @@ const WindowOpenButton = _ref => {
 
 
 
-function window_view_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); enumerableOnly && (symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function window_view_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? for_each_default()(_context = window_view_ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(target, get_own_property_descriptors_default()(source)) : for_each_default()(_context2 = window_view_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } return target; }
-
-
-
-
-
-
-
-
-
-
-
 
 
 
@@ -32308,10 +32306,6 @@ const WindowView = () => {
     openChat
   } = useVisibility();
   const userHasResponded = useUserHasResponded();
-  const {
-    hasInterrupt,
-    meta
-  } = useInterrupt();
   const {
     t
   } = useI18n();
@@ -32323,9 +32317,6 @@ const WindowView = () => {
       }
     }
   }), [continueChatText]);
-  if (hasInterrupt && !isOpen) {
-    return o(interrupt, window_view_objectSpread({}, meta));
-  }
   return o(preact_module/* Fragment */.HY, {
     children: [o(window_open_button, {
       onClick: openChat
@@ -32350,7 +32341,6 @@ const WindowView = () => {
       transitionStartState: transitionStartStates.notRendered,
       children: o(chat, {
         children: o(chat_frame, {
-          interruptComponent: interrupt,
           children: o(conversation, {})
         })
       })
@@ -32804,6 +32794,7 @@ function initializeExternalApi(appConfig) {
 
 
 
+
 // Deprecated Toggle Button, should be removed once it is removed from clients
 
 
@@ -32825,13 +32816,11 @@ const DeprecatedToggleButton = _ref => {
   const focusIfContained = useFocusIfSeamlyContainedFocus();
   const currentAgent = useSeamlyCurrentAgent();
   const agentSubtitle = useSeamlyHeaderData().subTitle;
-  const {
-    hasInterrupt
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const {
     headerCollapseButtonId
   } = useSeamlyStateContext();
-  const showAgentInfo = currentAgent && !hasInterrupt;
+  const showAgentInfo = currentAgent && !hasError;
   (0,hooks_module/* useLayoutEffect */.bt)(() => {
     // Because we can close the app from the external API we
     // need to determine if current keyboard focus resides inside
@@ -32891,6 +32880,7 @@ const DeprecatedToggleButton = _ref => {
 
 
 
+
 const AgentInfo = () => {
   const {
     t
@@ -32904,12 +32894,10 @@ const AgentInfo = () => {
     isOpen
   } = useVisibility();
   const currentAgent = useSeamlyCurrentAgent();
-  const {
-    hasInterrupt
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const startChatIcon = useStartChatIcon();
   const src = currentAgent?.avatar ?? startChatIcon;
-  const displaySubtitle = hasInterrupt ? '' : subTitle;
+  const displaySubtitle = hasError ? '' : subTitle;
   const classNames = ['message-count'];
   if (isOpen) {
     classNames.push('message-count__hide');
@@ -32996,35 +32984,19 @@ const Header = _ref => {
 
 
 
-function deprecated_chat_frame_ownKeys(object, enumerableOnly) { var keys = keys_default()(object); if ((get_own_property_symbols_default())) { var symbols = get_own_property_symbols_default()(object); enumerableOnly && (symbols = filter_default()(symbols).call(symbols, function (sym) { return get_own_property_descriptor_default()(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function deprecated_chat_frame_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? for_each_default()(_context = deprecated_chat_frame_ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : (get_own_property_descriptors_default()) ? define_properties_default()(target, get_own_property_descriptors_default()(source)) : for_each_default()(_context2 = deprecated_chat_frame_ownKeys(Object(source))).call(_context2, function (key) { define_property_default()(target, key, get_own_property_descriptor_default()(source, key)); }); } return target; }
-
-
-
-
-
-
-
 
 
 
 function deprecated_chat_frame_ChatFrame(_ref) {
   let {
-    children,
-    interruptComponent: InterruptComponent
+    children
   } = _ref;
-  const {
-    hasInterrupt,
-    meta
-  } = useInterrupt();
   const {
     isOpen
   } = useVisibility();
-  if (hasInterrupt) {
-    if (isOpen) {
-      return o(InterruptComponent, deprecated_chat_frame_objectSpread({}, meta));
-    }
-    return null;
+  const hasError = useSelector_useSelector(selectHasError);
+  if (hasError) {
+    return o(interrupt, {});
   }
   return o(preact_module/* Fragment */.HY, {
     children: [o(chat_scroll_provider, {
@@ -33069,6 +33041,7 @@ function faq_objectSpread(target) { for (var i = 1; i < arguments.length; i++) {
 
 
 
+
 
 
 const Faq = () => {
@@ -33084,9 +33057,7 @@ const Faq = () => {
   const {
     sendPolite
   } = useLiveRegion();
-  const {
-    hasInterrupt
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const {
     hasCountdown,
     endCountdown
@@ -33102,7 +33073,7 @@ const Faq = () => {
     payload: lastFaqEventPayload
   });
   const faqs = (0,hooks_module/* useMemo */.Ye)(() => {
-    const newFaqs = lastFaqEventPayload && !hasInterrupt ? eventBody : [];
+    const newFaqs = lastFaqEventPayload && !hasError ? eventBody : [];
     const itemBaseClass = `faqs__item`;
     return map_default()(newFaqs).call(newFaqs, _ref => {
       let {
@@ -33114,7 +33085,7 @@ const Faq = () => {
         classNames: [itemBaseClass, ...map_default()(categories).call(categories, cat => `faqs__item--${String(cat).toLowerCase().replace(/[^a-z0-9_\\-]/, '')}`)]
       });
     });
-  }, [lastFaqEventPayload, hasInterrupt, eventBody]);
+  }, [lastFaqEventPayload, hasError, eventBody]);
   const prevFaqs = (0,hooks_module/* useRef */.sO)(null);
   const prevHasFaqs = (0,hooks_module/* useRef */.sO)(false);
   const {
@@ -33296,7 +33267,6 @@ const DeprecatedAppFrame = _ref => {
 
 
 
-
 const ShowInlineView = _ref => {
   let {
     children
@@ -33324,7 +33294,6 @@ const DeprecatedView = () => {
         onCloseChat: closeChat,
         children: o(agent_info, {})
       }), o(deprecated_chat_frame, {
-        interruptComponent: interrupt,
         children: o(conversation, {})
       })]
     })