@seamly/web-ui 20.8.0-beta.2 → 20.8.0-beta.5

package/build/dist/lib/standalone.js

@@ -6883,7 +6883,6 @@ exports.initializeApp = (0, toolkit_1.createAsyncThunk)('initializeApp', (_, _re
           });
         }
 
-        dispatch((0, actions_2.setLocale)(locale));
         return {
           initialState: undefined,
           locale,
@@ -6923,7 +6922,15 @@ exports.resetApp = (0, toolkit_1.createAsyncThunk)('resetApp', (_, _ref2) => {
     yield api.clearStore();
     dispatch((0, actions_1.resetConfig)());
     yield dispatch((0, actions_1.initializeConfig)());
-    yield dispatch((0, exports.initializeApp)());
+
+    try {
+      const {
+        locale
+      } = yield dispatch((0, exports.initializeApp)()).unwrap();
+      yield dispatch((0, actions_2.setLocale)(locale));
+    } catch (rejectedValueOrSerializedError) {// nothing to do
+    }
+
     dispatch((0, actions_3.initializeVisibility)());
   });
 });
@@ -7090,6 +7097,9 @@ exports.initializeConfig = (0, toolkit_1.createAsyncThunk)('initializeConfig', (
         startChatIcon
       } = yield api.getConfig();
       const locale = ((_a = config === null || config === void 0 ? void 0 : config.context) === null || _a === void 0 ? void 0 : _a.locale) || defaultLocale;
+      const {
+        connectWhenInView
+      } = config;
       return {
         features,
         defaultLocale,
@@ -7097,7 +7107,8 @@ exports.initializeConfig = (0, toolkit_1.createAsyncThunk)('initializeConfig', (
         agentParticipant,
         userParticipant,
         startChatIcon,
-        locale
+        locale,
+        connectWhenInView
       };
     } catch (e) {
       const err = new seamly_unavailable_error_1.default();
@@ -7818,28 +7829,36 @@ exports.setLocale = void 0;
 
 const toolkit_1 = __webpack_require__(40575);
 
-const selectors_1 = __webpack_require__(77658);
-
 exports.setLocale = (0, toolkit_1.createAsyncThunk)('setLocale', (locale, _ref) => {
   let {
-    getState,
     extra: {
       api
     }
   } = _ref;
   return __awaiter(void 0, void 0, void 0, function* () {
-    const stateLocale = (0, selectors_1.selectLocale)(getState());
-
-    if (locale === stateLocale) {
-      return undefined;
-    }
-
     const response = yield api.getTranslations(locale);
     return {
       translations: response,
       locale
     };
   });
+}, {
+  condition: (locale, _ref2) => {
+    let {
+      getState
+    } = _ref2;
+    const {
+      i18n: {
+        isLoading,
+        locale: stateLocale
+      }
+    } = getState();
+
+    if (locale === stateLocale || isLoading) {
+      // Already fetched or in progress, don't need to re-fetch
+      return false;
+    }
+  }
 });
 
 /***/ }),
@@ -7921,17 +7940,19 @@ function useI18n() {
   const translations = (0, react_redux_1.useSelector)(Selectors.selectTranslations);
   const locale = (0, react_redux_1.useSelector)(Selectors.selectLocale);
   const initialLocale = (0, react_redux_1.useSelector)(Selectors.selectInitialLocale);
+  const isLoading = (0, react_redux_1.useSelector)(state => state.i18n.isLoading);
   const t = (0, hooks_1.useCallback)(function (key) {
     let values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const translation = translations[key];
 
     if (!translation) {
+      if (isLoading) return null;
       console.warn(`Translation key: ${key} is missing in locale: ${locale}`);
       return null;
     }
 
     return formatter.format(translation, values);
-  }, [translations, locale]);
+  }, [translations, locale, isLoading]);
   return {
     t,
     locale,
@@ -8067,15 +8088,19 @@ exports.i18nSlice = (0, toolkit_1.createSlice)({
         payload
       } = _ref2;
       state.initialLocale = payload.locale;
+    }).addCase(actions_2.setLocale.pending, state => {
+      state.isLoading = true;
+    }).addCase(actions_2.setLocale.rejected, state => {
+      state.isLoading = false;
     }).addCase(actions_2.setLocale.fulfilled, (state, _ref3) => {
       var _context, _context2;
 
       let {
         payload
       } = _ref3;
+      state.isLoading = false;
 
       if (!(payload === null || payload === void 0 ? void 0 : payload.translations)) {
-        state.isLoading = false;
         return;
       }
 
@@ -9870,7 +9895,9 @@ exports.setShowInlineView = exports.setFromStorage = exports.visibilitySlice = v
 
 const toolkit_1 = __webpack_require__(40575);
 
-const actions_1 = __webpack_require__(65234);
+const actions_1 = __webpack_require__(60915);
+
+const actions_2 = __webpack_require__(65234);
 
 const constants_1 = __webpack_require__(12629);
 
@@ -9890,7 +9917,7 @@ exports.visibilitySlice = (0, toolkit_1.createSlice)({
     }
   },
   extraReducers: builder => {
-    builder.addCase(actions_1.setVisibility.fulfilled, (state, _ref) => {
+    builder.addCase(actions_2.setVisibility.fulfilled, (state, _ref) => {
       let {
         payload: visibility
       } = _ref;
@@ -9898,6 +9925,15 @@ exports.visibilitySlice = (0, toolkit_1.createSlice)({
       if (visibility) {
         state.visibility = visibility;
       }
+    }).addCase(actions_1.initializeConfig.fulfilled, (state, _ref2) => {
+      let {
+        payload
+      } = _ref2;
+
+      // We only want to (always) show the inlineView when connectWhenInView is disabled
+      if (!payload.connectWhenInView) {
+        state.showInlineView = !payload.connectWhenInView;
+      }
     });
   }
 });
@@ -9925,7 +9961,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.eventTypes = exports.getUrlSearchString = exports.getUrlParams = exports.useSeamlyOptions = exports.useSeamlyMessageContainerClassNames = exports.useSeamlyIdleDetachCountdown = exports.useSeamlyEventStream = exports.useSeamlyDispatchContext = exports.useSeamlyCommands = exports.useSeamlyChat = exports.useGeneratedId = exports.useEvents = exports.DeprecatedView = exports.View = exports.Interrupt = exports.Icon = exports.Header = exports.ChatFrame = exports.Chat = exports.AgentInfo = exports.EntryContainer = exports.DeprecatedToggleButton = exports.SeamlyLiveRegionContext = exports.SeamlyEventBusContext = exports.SeamlyApiContext = exports.MessageContainer = exports.Text = exports.EventParticipant = exports.useChoicePrompt = exports.Conversation = exports.ComponentFilter = exports.randomId = exports.ExternalApi = exports.Engine = exports.className = exports.calculateVisibility = exports.visibilityStates = exports.useSeamlyVisibility = exports.useTranslationsContainer = exports.useTranslations = exports.useTranslatedEventData = exports.useI18n = exports.useSeamlyConfig = exports.SeamlyOfflineError = exports.SeamlyGeneralError = exports.SeamlyStoreProvider = exports.API = void 0; // Used by: Client
+exports.useSeamlyActions = exports.eventTypes = exports.getUrlSearchString = exports.getUrlParams = exports.useSeamlyOptions = exports.useSeamlyMessageContainerClassNames = exports.useSeamlyIdleDetachCountdown = exports.useSeamlyEventStream = exports.useSeamlyCommands = exports.useSeamlyChat = exports.useGeneratedId = exports.useEvents = exports.DeprecatedView = exports.View = exports.Interrupt = exports.Icon = exports.Header = exports.ChatFrame = exports.Chat = exports.AgentInfo = exports.EntryContainer = exports.DeprecatedToggleButton = exports.SeamlyLiveRegionContext = exports.SeamlyEventBusContext = exports.SeamlyApiContext = exports.MessageContainer = exports.Text = exports.EventParticipant = exports.useChoicePrompt = exports.Conversation = exports.ComponentFilter = exports.randomId = exports.ExternalApi = exports.Engine = exports.className = exports.calculateVisibility = exports.visibilityStates = exports.useSeamlyVisibility = exports.useTranslationsContainer = exports.useTranslations = exports.useTranslatedEventData = exports.useI18n = exports.useSeamlyConfig = exports.SeamlyOfflineError = exports.SeamlyGeneralError = exports.SeamlyStoreProvider = exports.API = void 0; // Used by: Client
 
 const initialize_api_1 = __importDefault(__webpack_require__(13022)); // Used by: Client
 
@@ -10301,13 +10337,6 @@ _Object$defineProperty(exports, "useSeamlyCommands", {
   }
 });
 
-_Object$defineProperty(exports, "useSeamlyDispatchContext", {
-  enumerable: true,
-  get: function () {
-    return seamly_hooks_1.useSeamlyDispatchContext;
-  }
-});
-
 _Object$defineProperty(exports, "useSeamlyEventStream", {
   enumerable: true,
   get: function () {
@@ -10363,6 +10392,80 @@ _Object$defineProperty(exports, "eventTypes", {
   }
 });
 
+var use_seamly_actions_1 = __webpack_require__(96870);
+
+_Object$defineProperty(exports, "useSeamlyActions", {
+  enumerable: true,
+  get: function () {
+    return use_seamly_actions_1.useSeamlyActions;
+  }
+});
+
+/***/ }),
+
+/***/ 96870:
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _Object$defineProperty = __webpack_require__(96718);
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.useSeamlyActions = void 0;
+
+const slice_1 = __webpack_require__(11153);
+
+const react_redux_1 = __webpack_require__(36113);
+
+const useSeamlyActions = () => {
+  const dispatch = (0, react_redux_1.useDispatch)();
+  return {
+    addEvent: event => dispatch((0, slice_1.addEvent)(event)),
+    clearEvents: () => dispatch((0, slice_1.clearEvents)()),
+    setHistory: history => dispatch((0, slice_1.setHistory)(history)),
+    setEventsRead: payload => dispatch((0, slice_1.setEventsRead)(payload)),
+    setLoadedImageEventIds: ids => dispatch((0, slice_1.setLoadedImageEventIds)(ids)),
+    ackEvent: event => dispatch((0, slice_1.ackEvent)(event)),
+    setIsLoading: isLoading => dispatch((0, slice_1.setIsLoading)(isLoading)),
+    setParticipant: participant => dispatch((0, slice_1.setParticipant)(participant)),
+    setHeaderTitle: title => dispatch((0, slice_1.setHeaderTitle)(title)),
+    setHeaderSubTitle: title => dispatch((0, slice_1.setHeaderSubTitle)(title)),
+    resetHistoryLoadedFlag: () => dispatch((0, slice_1.resetHistoryLoadedFlag)()),
+    setActiveService: () => dispatch((0, slice_1.setActiveService)()),
+    initIdleDetachCountdown: payload => dispatch((0, slice_1.initIdleDetachCountdown)(payload)),
+    decrementIdleDetachCountdownCounter: () => dispatch((0, slice_1.decrementIdleDetachCountdownCounter)()),
+    stopIdleDetachCountdownCounter: () => dispatch((0, slice_1.stopIdleDetachCountdownCounter)()),
+    clearIdleDetachCountdown: () => dispatch((0, slice_1.clearIdleDetachCountdown)()),
+    initResumeConversationPrompt: () => dispatch((0, slice_1.initResumeConversationPrompt)()),
+    clearResumeConversationPrompt: () => dispatch((0, slice_1.clearResumeConversationPrompt)()),
+    setServiceDataItem: payload => dispatch((0, slice_1.setServiceDataItem)(payload)),
+    setFeatures: payload => dispatch((0, slice_1.setFeatures)(payload)),
+    setFeatureEnabledState: payload => dispatch((0, slice_1.setFeatureEnabledState)(payload)),
+    clearFeatures: () => dispatch((0, slice_1.clearFeatures)()),
+    setInitialState: initialState => dispatch((0, slice_1.setInitialState)(initialState)),
+    setUserSelectedOptions: payload => dispatch((0, slice_1.setUserSelectedOptions)(payload)),
+    setUserSelectedOption: payload => dispatch((0, slice_1.setUserSelectedOption)(payload)),
+    showOption: payload => dispatch((0, slice_1.showOption)(payload)),
+    hideOption: () => dispatch((0, slice_1.hideOption)()),
+    setServiceEntryMetadata: payload => dispatch((0, slice_1.setServiceEntryMetadata)(payload)),
+    setBlockAutoEntrySwitch: payload => dispatch((0, slice_1.setBlockAutoEntrySwitch)(payload)),
+    setActiveEntryType: payload => dispatch((0, slice_1.setActiveEntryType)(payload)),
+    setUserEntryType: payload => dispatch((0, slice_1.setUserEntryType)(payload)),
+    registerUpload: payload => dispatch((0, slice_1.registerUpload)(payload)),
+    setUploadProgress: payload => dispatch((0, slice_1.setUploadProgress)(payload)),
+    setUploadComplete: payload => dispatch((0, slice_1.setUploadComplete)(payload)),
+    setUploadError: payload => dispatch((0, slice_1.setUploadError)(payload)),
+    clearAllUploads: () => dispatch((0, slice_1.clearAllUploads)()),
+    setSeamlyContainerElement: payload => dispatch((0, slice_1.setSeamlyContainerElement)(payload))
+  };
+};
+
+exports.useSeamlyActions = useSeamlyActions;
+
 /***/ }),
 
 /***/ 45740:
@@ -12867,6 +12970,7 @@ function createI18nMiddleware(_ref) {
         case domains_store_slice__WEBPACK_IMPORTED_MODULE_3__.setInitialState.type:
           if (payload !== null && payload !== void 0 && (_payload$translation2 = payload.translation) !== null && _payload$translation2 !== void 0 && _payload$translation2.enabled) {
             dispatch((0,domains_translations_slice__WEBPACK_IMPORTED_MODULE_4__.enableTranslation)(payload.translation.locale));
+            dispatch((0,domains_i18n_actions__WEBPACK_IMPORTED_MODULE_1__.setLocale)(payload.locale));
           }
 
           break;
@@ -13081,6 +13185,8 @@ var actions = __webpack_require__(64134);
 var config_actions = __webpack_require__(60915);
 // EXTERNAL MODULE: ./src/javascripts/domains/config/slice.ts
 var slice = __webpack_require__(83394);
+// EXTERNAL MODULE: ./src/javascripts/domains/i18n/actions.ts
+var i18n_actions = __webpack_require__(30059);
 // EXTERNAL MODULE: ./src/javascripts/domains/store/index.ts
 var domains_store = __webpack_require__(92752);
 // EXTERNAL MODULE: ./src/javascripts/domains/visibility/actions.ts
@@ -14145,6 +14251,7 @@ function engine_objectSpread(target) { for (var i = 1; i < arguments.length; i++
 
 
 
+
 class Engine {
   constructor(config, externalApi) {
     const {
@@ -14196,7 +14303,15 @@ class Engine {
     });
     store.dispatch((0,slice.setConfig)(renderConfig));
     await store.dispatch((0,config_actions.initializeConfig)());
-    await store.dispatch((0,actions.initializeApp)());
+
+    try {
+      const {
+        locale
+      } = await store.dispatch((0,actions.initializeApp)()).unwrap();
+      await store.dispatch((0,i18n_actions.setLocale)(locale));
+    } catch (rejectedValueOrSerializedError) {// nothing to do
+    }
+
     store.dispatch((0,visibility_actions.initializeVisibility)());
 
     if (View) {
@@ -23253,7 +23368,6 @@ __webpack_require__.d(__webpack_exports__, {
   "useSeamlyContainerElement": function() { return /* reexport */ focus_helper_hooks/* useSeamlyContainerElement */.dW; },
   "useSeamlyConversationUrl": function() { return /* reexport */ seamly_api_hooks/* useSeamlyConversationUrl */.Af; },
   "useSeamlyCurrentAgent": function() { return /* reexport */ seamly_state_hooks.useSeamlyCurrentAgent; },
-  "useSeamlyDispatchContext": function() { return /* reexport */ es.useDispatch; },
   "useSeamlyEventStream": function() { return /* binding */ useSeamlyEventStream; },
   "useSeamlyHeaderData": function() { return /* reexport */ seamly_state_hooks.useSeamlyHeaderData; },
   "useSeamlyIdleDetachCountdown": function() { return /* reexport */ use_seamly_idle_detach_countdown/* default */.Z; },
@@ -23279,8 +23393,6 @@ var filter = __webpack_require__(14418);
 var filter_default = /*#__PURE__*/__webpack_require__.n(filter);
 // EXTERNAL MODULE: ./node_modules/preact/hooks/dist/hooks.module.js
 var hooks_module = __webpack_require__(30396);
-// EXTERNAL MODULE: ./node_modules/react-redux/es/index.js + 23 modules
-var es = __webpack_require__(36113);
 // EXTERNAL MODULE: ./src/javascripts/ui/hooks/seamly-api-hooks.js
 var seamly_api_hooks = __webpack_require__(76591);
 // EXTERNAL MODULE: ./src/javascripts/ui/hooks/focus-helper-hooks.js
@@ -23318,6 +23430,8 @@ var every = __webpack_require__(2250);
 var every_default = /*#__PURE__*/__webpack_require__.n(every);
 // EXTERNAL MODULE: ./src/javascripts/domains/store/slice.ts
 var slice = __webpack_require__(11153);
+// EXTERNAL MODULE: ./node_modules/react-redux/es/index.js + 23 modules
+var es = __webpack_require__(36113);
 // EXTERNAL MODULE: ./src/javascripts/ui/components/core/seamly-file-upload-context.js
 var seamly_file_upload_context = __webpack_require__(60641);
 // EXTERNAL MODULE: ./src/javascripts/ui/hooks/seamly-state-hooks.js
@@ -23542,7 +23656,6 @@ var use_seamly_resume_conversation_prompt = __webpack_require__(61256);
 var utility_hooks = __webpack_require__(25029);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/seamly-hooks.js
 
-
  // Import extracted hooks here for use inside this file
 
  // Export extracted hooks here,
@@ -23561,7 +23674,6 @@ var utility_hooks = __webpack_require__(25029);
 
 
 
-
  // This hook isn't used within the core
 // But it is used in implementations
 // and imported directly from this file
@@ -23865,6 +23977,7 @@ const useSeamlyActivityEventHandler = () => (0,preact_hooks__WEBPACK_IMPORTED_MO
 
 
 const useSeamlyChat = () => {
+  const events = (0,_seamly_state_hooks__WEBPACK_IMPORTED_MODULE_10__.useEvents)();
   const {
     t
   } = (0,domains_i18n_hooks__WEBPACK_IMPORTED_MODULE_1__.useI18n)();
@@ -23930,6 +24043,17 @@ const useSeamlyChat = () => {
       clearTimeout(spinnerTimeout.current);
     };
   }, [dispatch]);
+  (0,preact_hooks__WEBPACK_IMPORTED_MODULE_5__.useEffect)(() => {
+    if (events.length) {
+      spinnerTimeout.current = _babel_runtime_corejs3_core_js_stable_set_timeout__WEBPACK_IMPORTED_MODULE_0___default()(() => {
+        dispatch((0,domains_store_slice__WEBPACK_IMPORTED_MODULE_2__.setIsLoading)(false));
+      }, 5000);
+    }
+
+    return () => {
+      clearTimeout(spinnerTimeout.current);
+    };
+  }, [events, dispatch]);
   (0,preact_hooks__WEBPACK_IMPORTED_MODULE_5__.useEffect)(() => {
     // This is needed to reset the ref to allow connect and start to happen again.
     // Mostly due to Interrupt situations and a reset being called.