@seamly/web-ui 21.0.7 → 21.0.9

package/build/dist/lib/hooks.js

@@ -6608,7 +6608,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;
@@ -6933,6 +6933,7 @@ const {
 
 
 
+
 const i18n_slice_initialState = {
   translations: {
     'errors.configError.message': 'We are sorry this happened, please retry at a later time.',
@@ -6969,7 +6970,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;
@@ -6999,12 +7000,7 @@ const {
 ;// CONCATENATED MODULE: ./src/javascripts/domains/interrupt/middleware.ts
 
 
-
-
-
-
-
-const handledErrorTypes = [seamly_general_error_SeamlyGeneralError, SeamlyConfigurationError, SeamlySessionExpiredError, SeamlyOfflineError, SeamlyUnauthorizedError, SeamlyUnavailableError];
+const handledErrorTypes = (/* unused pure expression or super */ null && (['SeamlyGeneralError', 'SeamlyConfigurationError', 'SeamlySessionExpiredError', 'SeamlyOfflineError', 'SeamlyUnauthorizedError', 'SeamlyUnavailableError']));
 function middleware_createInterruptMiddleware({
   api
 }) {
@@ -7014,7 +7010,7 @@ function middleware_createInterruptMiddleware({
       type
     } = action;
     if (type === setInterrupt.type) {
-      if (!handledErrorTypes.some(ErrorType => payload.name === ErrorType.name)) {
+      if (!handledErrorTypes.includes(payload.name)) {
         throw new SeamlyGeneralError(payload);
       } else if (payload.action === 'reset') {
         // [SMLY-942] We clear the store before a reset to force a new conversation if the page is refreshed before the conversation is reset
@@ -7055,6 +7051,7 @@ function middleware_createOptionsMiddleware({
 
 
 
+
 const translationsInitialState = {
   isActive: false,
   currentLocale: undefined,
@@ -7145,7 +7142,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;
@@ -7590,7 +7587,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 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 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_.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());
+  });
+};
+
 
 
 
@@ -7629,6 +7728,8 @@ const useSeamlyChat = () => {
   const {
     sendAssertive
   } = live_region_hooks_useLiveRegion();
+  // Automatically reset conversation if the session has expired
+  useSessionExpiredCommand();
   (0,hooks_.useEffect)(() => {
     if (isVisible) {
       // Wait for the live containers to stabilise in the DOM before injecting
@@ -7675,24 +7776,23 @@ const useSeamlyChat = () => {
       connectCalled.current = false;
     }
   }, [apiConfigReady, apiConnected]);
-  const connectAndStart = (0,hooks_.useCallback)(async () => {
+  const connectAndStart = (0,hooks_.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]);
   (0,hooks_.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) {