@seamly/web-ui 20.8.0-beta.4 → 20.8.0

package/build/dist/lib/index.debug.min.js.LICENSE.txt

@@ -466,6 +466,10 @@
   !*** ./src/javascripts/ui/hooks/seamly-state-hooks.js ***!
   \********************************************************/
 
+/*!********************************************************!*\
+  !*** ./src/javascripts/ui/hooks/use-seamly-actions.ts ***!
+  \********************************************************/
+
 /*!*********************************************************!*\
   !*** ./src/javascripts/api/errors/seamly-base-error.js ***!
   \*********************************************************/

package/build/dist/lib/index.js

@@ -6694,7 +6694,6 @@ exports.initializeApp = (0, toolkit_1.createAsyncThunk)('initializeApp', (_, {
         });
       }
 
-      dispatch((0, actions_2.setLocale)(locale));
       return {
         initialState: undefined,
         locale,
@@ -6731,7 +6730,15 @@ exports.resetApp = (0, toolkit_1.createAsyncThunk)('resetApp', (_, {
   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)());
 }));
 
@@ -6875,6 +6882,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,
@@ -6882,7 +6892,8 @@ exports.initializeConfig = (0, toolkit_1.createAsyncThunk)('initializeConfig', (
       agentParticipant,
       userParticipant,
       startChatIcon,
-      locale
+      locale,
+      connectWhenInView
     };
   } catch (e) {
     const err = new seamly_unavailable_error_1.default();
@@ -7500,26 +7511,33 @@ exports.setLocale = void 0;
 
 const toolkit_1 = __webpack_require__(575);
 
-const selectors_1 = __webpack_require__(7658);
-
 exports.setLocale = (0, toolkit_1.createAsyncThunk)('setLocale', (locale, {
-  getState,
   extra: {
     api
   }
 }) => __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, {
+    getState
+  }) => {
+    const {
+      i18n: {
+        isLoading,
+        locale: stateLocale
+      }
+    } = getState();
+
+    if (locale === stateLocale || isLoading) {
+      // Already fetched or in progress, don't need to re-fetch
+      return false;
+    }
+  }
+});
 
 /***/ }),
 
@@ -7592,16 +7610,18 @@ 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)((key, values = {}) => {
     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,
@@ -7703,11 +7723,16 @@ exports.i18nSlice = (0, toolkit_1.createSlice)({
       payload
     }) => {
       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, {
       payload
     }) => {
+      state.isLoading = false;
+
       if (!(payload === null || payload === void 0 ? void 0 : payload.translations)) {
-        state.isLoading = false;
         return;
       }
 
@@ -9274,7 +9299,9 @@ exports.setShowInlineView = exports.setFromStorage = exports.visibilitySlice = v
 
 const toolkit_1 = __webpack_require__(575);
 
-const actions_1 = __webpack_require__(5234);
+const actions_1 = __webpack_require__(915);
+
+const actions_2 = __webpack_require__(5234);
 
 const constants_1 = __webpack_require__(2629);
 
@@ -9294,12 +9321,19 @@ exports.visibilitySlice = (0, toolkit_1.createSlice)({
     }
   },
   extraReducers: builder => {
-    builder.addCase(actions_1.setVisibility.fulfilled, (state, {
+    builder.addCase(actions_2.setVisibility.fulfilled, (state, {
       payload: visibility
     }) => {
       if (visibility) {
         state.visibility = visibility;
       }
+    }).addCase(actions_1.initializeConfig.fulfilled, (state, {
+      payload
+    }) => {
+      // We only want to (always) show the inlineView when connectWhenInView is disabled
+      if (!payload.connectWhenInView) {
+        state.showInlineView = !payload.connectWhenInView;
+      }
     });
   }
 });
@@ -9324,7 +9358,7 @@ var __importDefault = this && this.__importDefault || function (mod) {
 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__(3022)); // Used by: Client
 
@@ -9664,12 +9698,6 @@ Object.defineProperty(exports, "useSeamlyCommands", ({
     return seamly_hooks_1.useSeamlyCommands;
   }
 }));
-Object.defineProperty(exports, "useSeamlyDispatchContext", ({
-  enumerable: true,
-  get: function () {
-    return seamly_hooks_1.useSeamlyDispatchContext;
-  }
-}));
 Object.defineProperty(exports, "useSeamlyEventStream", ({
   enumerable: true,
   get: function () {
@@ -9719,6 +9747,77 @@ Object.defineProperty(exports, "eventTypes", ({
   }
 }));
 
+var use_seamly_actions_1 = __webpack_require__(6870);
+
+Object.defineProperty(exports, "useSeamlyActions", ({
+  enumerable: true,
+  get: function () {
+    return use_seamly_actions_1.useSeamlyActions;
+  }
+}));
+
+/***/ }),
+
+/***/ 6870:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", ({
+  value: true
+}));
+exports.useSeamlyActions = void 0;
+
+const slice_1 = __webpack_require__(1153);
+
+const react_redux_1 = __webpack_require__(6113);
+
+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;
+
 /***/ }),
 
 /***/ 5740:
@@ -11860,7 +11959,7 @@ class API {
     return {
       clientName: "@seamly/web-ui",
       clientVariant: this.layoutMode,
-      clientVersion: "20.7.0",
+      clientVersion: "20.8.0",
       currentUrl: window.location.toString(),
       screenResolution: `${window.screen.width}x${window.screen.height}`,
       timezone: getTimeZone(),
@@ -12037,6 +12136,7 @@ function createI18nMiddleware({
         case domains_store_slice__WEBPACK_IMPORTED_MODULE_3__.setInitialState.type:
           if (payload?.translation?.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;
@@ -12190,6 +12290,8 @@ var actions = __webpack_require__(4134);
 var config_actions = __webpack_require__(915);
 // EXTERNAL MODULE: ./src/javascripts/domains/config/slice.ts
 var slice = __webpack_require__(3394);
+// EXTERNAL MODULE: ./src/javascripts/domains/i18n/actions.ts
+var i18n_actions = __webpack_require__(59);
 // EXTERNAL MODULE: ./src/javascripts/domains/store/index.ts
 var domains_store = __webpack_require__(2752);
 // EXTERNAL MODULE: ./src/javascripts/domains/visibility/actions.ts
@@ -13182,6 +13284,7 @@ function engine_objectWithoutPropertiesLoose(source, excluded) { if (source == n
 
 
 
+
 class Engine {
   constructor(config, externalApi) {
     const {
@@ -13233,7 +13336,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) {
@@ -17833,7 +17944,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-const controlName = 'userText';
+const controlName = 'textMessageEntry';
 function TextEntry(_ref) {
   let props = _extends({}, _ref);
 
@@ -21610,7 +21721,6 @@ __webpack_require__.d(__webpack_exports__, {
   "useSeamlyContainerElement": () => (/* reexport */ focus_helper_hooks/* useSeamlyContainerElement */.dW),
   "useSeamlyConversationUrl": () => (/* reexport */ seamly_api_hooks/* useSeamlyConversationUrl */.Af),
   "useSeamlyCurrentAgent": () => (/* reexport */ seamly_state_hooks.useSeamlyCurrentAgent),
-  "useSeamlyDispatchContext": () => (/* reexport */ es.useDispatch),
   "useSeamlyEventStream": () => (/* binding */ useSeamlyEventStream),
   "useSeamlyHeaderData": () => (/* reexport */ seamly_state_hooks.useSeamlyHeaderData),
   "useSeamlyIdleDetachCountdown": () => (/* reexport */ use_seamly_idle_detach_countdown/* default */.Z),
@@ -21633,8 +21743,6 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external "preact/hooks"
 var hooks_ = __webpack_require__(9207);
-// EXTERNAL MODULE: ./node_modules/react-redux/es/index.js + 23 modules
-var es = __webpack_require__(6113);
 // EXTERNAL MODULE: ./src/javascripts/ui/hooks/seamly-api-hooks.js
 var seamly_api_hooks = __webpack_require__(6591);
 // EXTERNAL MODULE: ./src/javascripts/ui/hooks/focus-helper-hooks.js
@@ -21643,6 +21751,8 @@ var focus_helper_hooks = __webpack_require__(8956);
 var component_helper_hooks = __webpack_require__(3357);
 // EXTERNAL MODULE: ./src/javascripts/domains/store/slice.ts
 var slice = __webpack_require__(1153);
+// EXTERNAL MODULE: ./node_modules/react-redux/es/index.js + 23 modules
+var es = __webpack_require__(6113);
 // EXTERNAL MODULE: ./src/javascripts/ui/components/core/seamly-file-upload-context.js
 var seamly_file_upload_context = __webpack_require__(641);
 // EXTERNAL MODULE: ./src/javascripts/ui/hooks/seamly-state-hooks.js
@@ -21840,7 +21950,6 @@ var use_seamly_resume_conversation_prompt = __webpack_require__(1256);
 // EXTERNAL MODULE: ./src/javascripts/ui/hooks/utility-hooks.js
 var utility_hooks = __webpack_require__(5029);
 ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/seamly-hooks.js
-
  // Import extracted hooks here for use inside this file
 
  // Export extracted hooks here,
@@ -21859,7 +21968,6 @@ var utility_hooks = __webpack_require__(5029);
 
 
 
-
  // This hook isn't used within the core
 // But it is used in implementations
 // and imported directly from this file