@seamly/web-ui 21.0.8 → 21.0.9

package/build/dist/lib/components.js

@@ -6660,7 +6660,7 @@ const interruptSlice = createSlice({
     clearInterrupt: () => slice_initialState
   },
   extraReducers: builder => {
-    builder.addCase(resetApp.fulfilled, () => slice_initialState).addMatcher(isAnyOf(initializeApp.rejected, actions_initializeConfig.rejected, actions_setLocale.rejected, setVisibility.rejected, initializeVisibility.rejected), (state, {
+    builder.addCase(actions_initializeConfig.pending, () => slice_initialState).addMatcher(isAnyOf(initializeApp.rejected, actions_initializeConfig.rejected, actions_setLocale.rejected, setVisibility.rejected, initializeVisibility.rejected), (state, {
       payload
     }) => {
       state.error = payload;
@@ -6985,6 +6985,7 @@ const {
 
 
 
+
 const i18n_slice_initialState = {
   translations: {
     'errors.configError.message': 'We are sorry this happened, please retry at a later time.',
@@ -7021,7 +7022,7 @@ const i18nSlice = createSlice({
   },
   extraReducers: builder => {
     // Add reducers for additional action types here, and handle loading state as needed
-    builder.addCase(actions_initializeConfig.fulfilled, (state, {
+    builder.addCase(resetApp.pending, () => i18n_slice_initialState).addCase(actions_initializeConfig.fulfilled, (state, {
       payload
     }) => {
       state.initialLocale = payload.locale;
@@ -7102,6 +7103,7 @@ function middleware_createOptionsMiddleware({
 
 
 
+
 const translationsInitialState = {
   isActive: false,
   currentLocale: undefined,
@@ -7192,7 +7194,7 @@ const translationSlice = createSlice({
     }
   },
   extraReducers: builder => {
-    builder.addCase(actions_initializeConfig.fulfilled, (state, {
+    builder.addCase(resetApp.pending, () => translationsInitialState).addCase(actions_initializeConfig.fulfilled, (state, {
       payload
     }) => {
       var _a;
@@ -7637,7 +7639,109 @@ const use_seamly_commands_useSeamlyCommands = () => {
   };
 };
 /* harmony default export */ const use_seamly_commands = (use_seamly_commands_useSeamlyCommands);
-;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/use-seamly-chat.js
+;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/selectors.ts
+
+const selectError = es_createSelector(({
+  interrupt
+}) => interrupt, ({
+  error
+}) => error);
+const selectHasError = es_createSelector(selectError, error => Boolean(error));
+;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/hooks.ts
+
+
+
+
+function hooks_useInterrupt() {
+  const {
+    t
+  } = hooks_useI18n();
+  const error = useSelector_useSelector(selectError);
+  const hasError = useSelector_useSelector(selectHasError);
+  const meta = (0,hooks_.useMemo)(() => {
+    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 Object.assign(Object.assign(Object.assign(Object.assign({}, 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 use_session_expired_command_useSessionExpiredCommand() {
+  const {
+    meta: {
+      originalError,
+      action
+    }
+  } = useInterrupt();
+  const seamlyCommands = useSeamlyCommands();
+  const isExpiredError = (originalError === null || originalError === void 0 ? void 0 : originalError.name) === 'SeamlySessionExpiredError';
+  useEffect(() => {
+    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))(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());
+  });
+};
+
 
 
 
@@ -7676,6 +7780,8 @@ const useSeamlyChat = () => {
   const {
     sendAssertive
   } = useLiveRegion();
+  // Automatically reset conversation if the session has expired
+  useSessionExpiredCommand();
   useEffect(() => {
     if (isVisible) {
       // Wait for the live containers to stabilise in the DOM before injecting
@@ -7722,24 +7828,23 @@ const useSeamlyChat = () => {
       connectCalled.current = false;
     }
   }, [apiConfigReady, apiConnected]);
-  const connectAndStart = useCallback(async () => {
+  const connectAndStart = useCallback(() => 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]);
   useEffect(() => {
     // 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) {
@@ -11411,52 +11516,6 @@ const Conversation = () => {
 };
 /* harmony default export */ const conversation = (Conversation);
 
-;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/selectors.ts
-
-const selectError = es_createSelector(({
-  interrupt
-}) => interrupt, ({
-  error
-}) => error);
-;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/hooks.ts
-
-
-
-
-function useInterrupt() {
-  const {
-    t
-  } = hooks_useI18n();
-  const error = useSelector_useSelector(selectError);
-  const hasInterrupt = Boolean(error);
-  const meta = (0,hooks_.useMemo)(() => {
-    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 Object.assign(Object.assign(Object.assign(Object.assign({}, langKey ? {
-      title,
-      message,
-      srText
-    } : {}), action ? {
-      action
-    } : {}), action && langKey ? {
-      buttonText
-    } : {}), {
-      originalError: error
-    });
-  }, [t, error]);
-  return {
-    hasInterrupt,
-    meta,
-    error
-  };
-}
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/entry/deprecated-toggle-button.js
 
 
@@ -11465,6 +11524,7 @@ function useInterrupt() {
 
 
 
+
 // Deprecated Toggle Button, should be removed once it is removed from clients
 
 
@@ -11485,13 +11545,11 @@ const DeprecatedToggleButton = ({
   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_.useLayoutEffect)(() => {
     // Because we can close the app from the external API we
     // need to determine if current keyboard focus resides inside
@@ -11992,10 +12050,9 @@ function FormProvider(_a) {
         });
     }, [setExternalErrors]);
     const handleSubmit = (0,hooks_.useCallback)((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));
@@ -13104,6 +13161,7 @@ const EntryContainer = () => {
 
 
 
+
 const AgentInfo = () => {
   const {
     t
@@ -13117,12 +13175,10 @@ const AgentInfo = () => {
     isOpen
   } = hooks_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');
@@ -13180,6 +13236,7 @@ const AgentInfo = () => {
 
 
 
+
 
 
 const Suggestions = ({
@@ -13211,9 +13268,7 @@ const Suggestions = ({
     sendPolite
   } = live_region_hooks_useLiveRegion();
   // interrupt & countdown hooks
-  const {
-    hasInterrupt
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const {
     hasCountdown,
     endCountdown
@@ -13230,7 +13285,7 @@ const Suggestions = ({
   } = useTranslatedEventData({
     payload
   });
-  const suggestions = (0,hooks_.useMemo)(() => payload && !hasInterrupt ? eventBody : [], [payload, hasInterrupt, eventBody]);
+  const suggestions = (0,hooks_.useMemo)(() => payload && !hasError ? eventBody : [], [payload, hasError, eventBody]);
   const prevSuggestions = (0,hooks_.useRef)(null);
   const prevHasSuggestions = (0,hooks_.useRef)(false);
   const previousRenderedSuggestions = (0,hooks_.useRef)([]);
@@ -13918,6 +13973,7 @@ function TranslationsOptionsButton({ children, position = {
 
 
 
+
 function AppOptions() {
   const {
     menuOptions,
@@ -13926,15 +13982,13 @@ function AppOptions() {
   const {
     isAvailable: isTranslationsAvailable
   } = useTranslations();
-  const {
-    hasInterrupt
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const {
     t,
     locale
   } = hooks_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', {
@@ -14167,10 +14221,11 @@ const ChatStatus = ({ children, handleClose, title, closeButtonText, srCloseButt
 
 
 
+
 function TranslationChatStatus() {
     const { t } = hooks_useI18n();
     const { id } = useTranslationsContainer();
-    const { hasInterrupt } = useInterrupt();
+    const hasError = useSelector_useSelector(selectHasError);
     const { disableTranslations, currentLocale } = useTranslations();
     const localeNativeName = useLocaleNativeName(currentLocale);
     const focusSkiplinkTarget = useSkiplinkTargetFocusing();
@@ -14179,7 +14234,7 @@ function TranslationChatStatus() {
         disableTranslations();
         focusSkiplinkTarget();
     }, [disableTranslations, focusSkiplinkTarget]);
-    if (hasInterrupt) {
+    if (hasError) {
         return null;
     }
     return ((0,jsx_runtime_namespaceObject.jsx)(chat_status, { handleClose: handleClickStop, title: label, id: id, closeButtonText: t('translations.status.stopText'), srCloseButtonText: t('translations.status.srStopText') }));
@@ -14212,21 +14267,86 @@ function TranslationProposal() {
 
 
 
+
 function TranslationStatus() {
-    const { hasInterrupt } = useInterrupt();
+    const hasError = useSelector_useSelector(selectHasError);
     const { isActive } = useTranslations();
-    if (hasInterrupt) {
+    if (hasError) {
         return null;
     }
     return !isActive ? (0,jsx_runtime_namespaceObject.jsx)(TranslationProposal, {}) : (0,jsx_runtime_namespaceObject.jsx)(TranslationChatStatus, {});
 }
 
+;// CONCATENATED MODULE: ./src/javascripts/ui/components/layout/interrupt.js
+
+
+
+
+
+
+
+
+const Interrupt = () => {
+  const {
+    meta: {
+      originalError,
+      title,
+      message,
+      buttonText,
+      action,
+      srText
+    }
+  } = hooks_useInterrupt();
+  const seamlyCommands = use_seamly_commands();
+  const headingId = useGeneratedId();
+  const {
+    sendPolite
+  } = live_region_hooks_useLiveRegion();
+  const focusSkiplinkTarget = useSkiplinkTargetFocusing();
+  const isExpiredError = originalError?.name === 'SeamlySessionExpiredError';
+  (0,hooks_.useEffect)(() => {
+    if (!isExpiredError && srText) {
+      // Wait for live regions to stabilise in case this occurs
+      // at an initial render
+      setTimeout(() => {
+        sendPolite(srText);
+      }, 200);
+    }
+  }, [sendPolite, srText, isExpiredError]);
+  const onClickHandler = () => {
+    if (seamlyCommands[action]) {
+      seamlyCommands[action]();
+    }
+    focusSkiplinkTarget();
+  };
+  return !isExpiredError ? (0,jsx_runtime_namespaceObject.jsxs)("section", {
+    className: css_className('interrupt'),
+    "aria-labelledby": headingId,
+    children: [(0,jsx_runtime_namespaceObject.jsx)(collapse_button, {}), (0,jsx_runtime_namespaceObject.jsxs)("div", {
+      className: css_className('interrupt__body'),
+      children: [(0,jsx_runtime_namespaceObject.jsx)("h2", {
+        id: headingId,
+        className: css_className('interrupt__title'),
+        children: title
+      }), (0,jsx_runtime_namespaceObject.jsx)("p", {
+        className: css_className('interrupt__message'),
+        children: message
+      }), buttonText && action && (0,jsx_runtime_namespaceObject.jsx)("div", {
+        className: css_className('interrupt__actions'),
+        children: (0,jsx_runtime_namespaceObject.jsx)("button", {
+          type: "button",
+          className: css_className('button', 'button--primary'),
+          onClick: onClickHandler,
+          children: buttonText
+        })
+      })]
+    })]
+  }) : (0,jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {});
+};
+/* harmony default export */ const interrupt = (Interrupt);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/layout/chat-frame.js
-function chat_frame_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function chat_frame_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? chat_frame_ownKeys(Object(source), !0).forEach(function (key) { chat_frame_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : chat_frame_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function chat_frame_defineProperty(obj, key, value) { key = chat_frame_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function chat_frame_toPropertyKey(arg) { var key = chat_frame_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function chat_frame_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+
 
 
 
@@ -14239,21 +14359,14 @@ function chat_frame_toPrimitive(input, hint) { if (typeof input !== "object" ||
 
 
 function ChatFrame({
-  children,
-  interruptComponent: InterruptComponent
+  children
 }) {
-  const {
-    hasInterrupt,
-    meta
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const {
     isOpen
   } = hooks_useVisibility();
-  if (hasInterrupt) {
-    if (isOpen) {
-      return (0,jsx_runtime_namespaceObject.jsx)(InterruptComponent, chat_frame_objectSpread({}, meta));
-    }
-    return null;
+  if (hasError) {
+    return (0,jsx_runtime_namespaceObject.jsx)(interrupt, {});
   }
   return (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
     children: [(0,jsx_runtime_namespaceObject.jsxs)(chat_scroll_provider, {
@@ -14304,84 +14417,14 @@ const Header = ({
   });
 };
 /* harmony default export */ const header = (Header);
-;// CONCATENATED MODULE: ./src/javascripts/ui/components/layout/interrupt.js
-
-
-
-
-
-
-
-const Interrupt = ({
-  originalError,
-  title,
-  message,
-  buttonText,
-  action,
-  srText
-}) => {
-  const seamlyCommands = use_seamly_commands();
-  const headingId = useGeneratedId();
-  const {
-    sendPolite
-  } = live_region_hooks_useLiveRegion();
-  const focusSkiplinkTarget = useSkiplinkTargetFocusing();
-  const isExpiredError = originalError.name === 'SeamlySessionExpiredError';
-  (0,hooks_.useEffect)(() => {
-    if (isExpiredError && seamlyCommands[action]) {
-      seamlyCommands[action]();
-    }
-  }, [action, seamlyCommands, isExpiredError]);
-  (0,hooks_.useEffect)(() => {
-    if (!isExpiredError && srText) {
-      // Wait for live regions to stabilise in case this occurs
-      // at an initial render
-      setTimeout(() => {
-        sendPolite(srText);
-      }, 200);
-    }
-  }, [sendPolite, srText, isExpiredError]);
-  const onClickHandler = () => {
-    if (seamlyCommands[action]) {
-      seamlyCommands[action]();
-    }
-    focusSkiplinkTarget();
-  };
-  return !isExpiredError ? (0,jsx_runtime_namespaceObject.jsxs)("section", {
-    className: css_className('interrupt'),
-    "aria-labelledby": headingId,
-    children: [(0,jsx_runtime_namespaceObject.jsx)(collapse_button, {}), (0,jsx_runtime_namespaceObject.jsxs)("div", {
-      className: css_className('interrupt__body'),
-      children: [(0,jsx_runtime_namespaceObject.jsx)("h2", {
-        id: headingId,
-        className: css_className('interrupt__title'),
-        children: title
-      }), (0,jsx_runtime_namespaceObject.jsx)("p", {
-        className: css_className('interrupt__message'),
-        children: message
-      }), buttonText && action && (0,jsx_runtime_namespaceObject.jsx)("div", {
-        className: css_className('interrupt__actions'),
-        children: (0,jsx_runtime_namespaceObject.jsx)("button", {
-          type: "button",
-          className: css_className('button', 'button--primary'),
-          onClick: onClickHandler,
-          children: buttonText
-        })
-      })]
-    })]
-  }) : (0,jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {});
-};
-/* harmony default export */ const interrupt = (Interrupt);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/view/app-view.js
 
 
 
 
-
 const AppView = () => {
   return (0,jsx_runtime_namespaceObject.jsx)(chat, {
     children: (0,jsx_runtime_namespaceObject.jsx)(chat_frame, {
-      interruptComponent: interrupt,
       children: (0,jsx_runtime_namespaceObject.jsx)(conversation, {})
     })
   });
@@ -14394,6 +14437,7 @@ const AppView = () => {
 
 
 
+
 function PreChatMessageEvent({
   event
 }) {
@@ -14407,13 +14451,11 @@ function PreChatMessages() {
     preChatEvents,
     layoutMode
   } = useConfig();
-  const {
-    hasInterrupt
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const {
     isOpen
   } = hooks_useVisibility();
-  const isVisible = !(hasInterrupt || !preChatEvents?.length || isOpen);
+  const isVisible = !(hasError || !preChatEvents?.length || isOpen);
   return isVisible && (0,jsx_runtime_namespaceObject.jsx)("ul", {
     className: css_className('pre-chat-messages', `pre-chat-messages--${layoutMode}`),
     "aria-hidden": !isVisible,
@@ -14426,13 +14468,6 @@ function PreChatMessages() {
   });
 }
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/view/inline-view.js
-function inline_view_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function inline_view_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? inline_view_ownKeys(Object(source), !0).forEach(function (key) { inline_view_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : inline_view_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function inline_view_defineProperty(obj, key, value) { key = inline_view_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function inline_view_toPropertyKey(arg) { var key = inline_view_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function inline_view_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
-
 
 
 
@@ -14452,13 +14487,6 @@ const InlineView = () => {
   const {
     isOpen
   } = hooks_useVisibility();
-  const {
-    hasInterrupt,
-    meta
-  } = useInterrupt();
-  if (hasInterrupt && !isOpen) {
-    return (0,jsx_runtime_namespaceObject.jsx)(interrupt, inline_view_objectSpread({}, meta));
-  }
   return (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
     children: [(0,jsx_runtime_namespaceObject.jsx)(in_out_transition, {
       isActive: !isOpen,
@@ -14474,7 +14502,6 @@ const InlineView = () => {
       children: (0,jsx_runtime_namespaceObject.jsx)(chat, {
         ref: containerRef,
         children: showInlineView && (0,jsx_runtime_namespaceObject.jsx)(chat_frame, {
-          interruptComponent: interrupt,
           children: isOpen && (0,jsx_runtime_namespaceObject.jsx)(conversation, {})
         })
       })
@@ -14496,13 +14523,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 ? (0,jsx_runtime_namespaceObject.jsx)("img", {
     className: css_className(isActiveConversation ? 'avatar' : 'icon'),
@@ -14548,13 +14574,6 @@ const WindowOpenButton = ({
 };
 /* harmony default export */ const window_open_button = (WindowOpenButton);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/view/window-view/index.js
-function window_view_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function window_view_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? window_view_ownKeys(Object(source), !0).forEach(function (key) { window_view_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : window_view_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function window_view_defineProperty(obj, key, value) { key = window_view_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function window_view_toPropertyKey(arg) { var key = window_view_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function window_view_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
-
 
 
 
@@ -14576,10 +14595,6 @@ const WindowView = () => {
     openChat
   } = hooks_useVisibility();
   const userHasResponded = useUserHasResponded();
-  const {
-    hasInterrupt,
-    meta
-  } = useInterrupt();
   const {
     t
   } = hooks_useI18n();
@@ -14591,9 +14606,6 @@ const WindowView = () => {
       }
     }
   }), [continueChatText]);
-  if (hasInterrupt && !isOpen) {
-    return (0,jsx_runtime_namespaceObject.jsx)(interrupt, window_view_objectSpread({}, meta));
-  }
   return (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
     children: [(0,jsx_runtime_namespaceObject.jsx)(window_open_button, {
       onClick: openChat
@@ -14618,7 +14630,6 @@ const WindowView = () => {
       transitionStartState: transitionStartStates.notRendered,
       children: (0,jsx_runtime_namespaceObject.jsx)(chat, {
         children: (0,jsx_runtime_namespaceObject.jsx)(chat_frame, {
-          interruptComponent: interrupt,
           children: (0,jsx_runtime_namespaceObject.jsx)(conversation, {})
         })
       })
@@ -14701,11 +14712,8 @@ const View = ({
 };
 /* harmony default export */ const view = (View);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/components/layout/deprecated-chat-frame.js
-function deprecated_chat_frame_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(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 source = null != arguments[i] ? arguments[i] : {}; i % 2 ? deprecated_chat_frame_ownKeys(Object(source), !0).forEach(function (key) { deprecated_chat_frame_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : deprecated_chat_frame_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function deprecated_chat_frame_defineProperty(obj, key, value) { key = deprecated_chat_frame_toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function deprecated_chat_frame_toPropertyKey(arg) { var key = deprecated_chat_frame_toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function deprecated_chat_frame_toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+
 
 
 
@@ -14717,21 +14725,14 @@ function deprecated_chat_frame_toPrimitive(input, hint) { if (typeof input !== "
 
 
 function deprecated_chat_frame_ChatFrame({
-  children,
-  interruptComponent: InterruptComponent
+  children
 }) {
-  const {
-    hasInterrupt,
-    meta
-  } = useInterrupt();
   const {
     isOpen
   } = hooks_useVisibility();
-  if (hasInterrupt) {
-    if (isOpen) {
-      return (0,jsx_runtime_namespaceObject.jsx)(InterruptComponent, deprecated_chat_frame_objectSpread({}, meta));
-    }
-    return null;
+  const hasError = useSelector_useSelector(selectHasError);
+  if (hasError) {
+    return (0,jsx_runtime_namespaceObject.jsx)(interrupt, {});
   }
   return (0,jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
     children: [(0,jsx_runtime_namespaceObject.jsxs)(chat_scroll_provider, {
@@ -14771,6 +14772,7 @@ function faq_objectWithoutPropertiesLoose(source, excluded) { if (source == null
 
 
 
+
 const Faq = () => {
   const {
     t
@@ -14784,9 +14786,7 @@ const Faq = () => {
   const {
     sendPolite
   } = live_region_hooks_useLiveRegion();
-  const {
-    hasInterrupt
-  } = useInterrupt();
+  const hasError = useSelector_useSelector(selectHasError);
   const {
     hasCountdown,
     endCountdown
@@ -14802,7 +14802,7 @@ const Faq = () => {
     payload: lastFaqEventPayload
   });
   const faqs = (0,hooks_.useMemo)(() => {
-    const newFaqs = lastFaqEventPayload && !hasInterrupt ? eventBody : [];
+    const newFaqs = lastFaqEventPayload && !hasError ? eventBody : [];
     const itemBaseClass = `faqs__item`;
     return newFaqs.map(_ref => {
       let {
@@ -14814,7 +14814,7 @@ const Faq = () => {
         classNames: [itemBaseClass, ...categories.map(cat => `faqs__item--${String(cat).toLowerCase().replace(/[^a-z0-9_\\-]/, '')}`)]
       });
     });
-  }, [lastFaqEventPayload, hasInterrupt, eventBody]);
+  }, [lastFaqEventPayload, hasError, eventBody]);
   const prevFaqs = (0,hooks_.useRef)(null);
   const prevHasFaqs = (0,hooks_.useRef)(false);
   const {
@@ -14994,7 +14994,6 @@ const DeprecatedAppFrame = ({
 
 
 
-
 const ShowInlineView = ({
   children
 }) => {
@@ -15021,7 +15020,6 @@ const DeprecatedView = () => {
         onCloseChat: closeChat,
         children: (0,jsx_runtime_namespaceObject.jsx)(agent_info, {})
       }), (0,jsx_runtime_namespaceObject.jsx)(deprecated_chat_frame, {
-        interruptComponent: interrupt,
         children: (0,jsx_runtime_namespaceObject.jsx)(conversation, {})
       })]
     })