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

package/build/dist/lib/style-guide.js

@@ -28,7 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
   "createListenerMiddleware": () => (/* binding */ createListenerMiddleware),
   "createNextState": () => (/* reexport */ immer_esm),
   "createReducer": () => (/* binding */ createReducer),
-  "createSelector": () => (/* reexport */ es.createSelector),
+  "createSelector": () => (/* reexport */ es/* createSelector */.P1),
   "createSerializableStateInvariantMiddleware": () => (/* binding */ createSerializableStateInvariantMiddleware),
   "createSlice": () => (/* binding */ createSlice),
   "createStore": () => (/* reexport */ createStore),
@@ -943,7 +943,7 @@ var createDraftSafeSelector = function () {
     for (var _i = 0; _i < arguments.length; _i++) {
         args[_i] = arguments[_i];
     }
-    var selector = es.createSelector.apply(void 0, args);
+    var selector = es/* createSelector.apply */.P1.apply(void 0, args);
     var wrappedSelector = function (value) {
         var rest = [];
         for (var _i = 1; _i < arguments.length; _i++) {
@@ -2735,7 +2735,6 @@ exports.initializeApp = (0, toolkit_1.createAsyncThunk)('initializeApp', (_, {
         });
       }
 
-      dispatch((0, actions_2.setLocale)(locale));
       return {
         initialState: undefined,
         locale,
@@ -2772,7 +2771,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)());
 }));
 
@@ -2914,6 +2921,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,
@@ -2921,7 +2931,8 @@ exports.initializeConfig = (0, toolkit_1.createAsyncThunk)('initializeConfig', (
       agentParticipant,
       userParticipant,
       startChatIcon,
-      locale
+      locale,
+      connectWhenInView
     };
   } catch (e) {
     const err = new seamly_unavailable_error_1.default();
@@ -3305,56 +3316,33 @@ exports.setLocale = void 0;
 
 const toolkit_1 = __webpack_require__(427);
 
-const selectors_1 = __webpack_require__(658);
-
 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
   };
-}));
-
-/***/ }),
-
-/***/ 658:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-
+}), {
+  condition: (locale, {
+    getState
+  }) => {
+    const {
+      i18n: {
+        isLoading,
+        locale: stateLocale
+      }
+    } = getState();
 
-Object.defineProperty(exports, "__esModule", ({
-  value: true
-}));
-exports.selectLocale = exports.selectInitialLocale = exports.selectTranslations = void 0;
-
-const reselect_1 = __webpack_require__(573);
-
-exports.selectTranslations = (0, reselect_1.createSelector)(({
-  i18n
-}) => i18n, ({
-  translations
-}) => translations);
-exports.selectInitialLocale = (0, reselect_1.createSelector)(({
-  i18n
-}) => i18n, ({
-  initialLocale
-}) => initialLocale);
-exports.selectLocale = (0, reselect_1.createSelector)(({
-  i18n
-}) => i18n, ({
-  locale
-}) => locale);
+    if (locale === stateLocale || isLoading) {
+      // Already fetched or in progress, don't need to re-fetch
+      return false;
+    }
+  }
+});
 
 /***/ }),
 
@@ -3417,11 +3405,16 @@ exports.W_ = (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;
       }
 
@@ -4413,7 +4406,9 @@ exports.setShowInlineView = exports.setFromStorage = exports.visibilitySlice = v
 
 const toolkit_1 = __webpack_require__(427);
 
-const actions_1 = __webpack_require__(234);
+const actions_1 = __webpack_require__(915);
+
+const actions_2 = __webpack_require__(234);
 
 const constants_1 = __webpack_require__(629);
 
@@ -4433,12 +4428,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;
+      }
     });
   }
 });
@@ -7453,7 +7455,7 @@ const selectState = ({
   state
 }) => state;
 const useSeamlyStateContext = () => (0,react_redux__WEBPACK_IMPORTED_MODULE_4__.useSelector)(selectState);
-const selectEventsWithSuggestion = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_5__.createSelector)(selectState, domains_config_selectors__WEBPACK_IMPORTED_MODULE_0__.selectConfig, domains_app_selectors__WEBPACK_IMPORTED_MODULE_2__.selectUserHasResponded, ({
+const selectEventsWithSuggestion = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_5__/* .createSelector */ .P1)(selectState, domains_config_selectors__WEBPACK_IMPORTED_MODULE_0__.selectConfig, domains_app_selectors__WEBPACK_IMPORTED_MODULE_2__.selectUserHasResponded, ({
   events,
   serviceData
 }, config, hasUserResponded) => {
@@ -7467,7 +7469,7 @@ const selectEventsWithSuggestion = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_
   };
   return [...events, suggestionsEvent];
 });
-const selectEvents = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_5__.createSelector)(selectEventsWithSuggestion, domains_config_selectors__WEBPACK_IMPORTED_MODULE_0__.selectConfig, (events, config) => {
+const selectEvents = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_5__/* .createSelector */ .P1)(selectEventsWithSuggestion, domains_config_selectors__WEBPACK_IMPORTED_MODULE_0__.selectConfig, (events, config) => {
   const {
     enabled,
     threshold
@@ -7497,7 +7499,7 @@ const selectEvents = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_5__.createSele
   return mappedEvents;
 });
 const useEvents = () => (0,react_redux__WEBPACK_IMPORTED_MODULE_4__.useSelector)(selectEvents);
-const selectEventIds = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_5__.createSelector)(selectEvents, events => {
+const selectEventIds = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_5__/* .createSelector */ .P1)(selectEvents, events => {
   return events.map(event => event.payload.id);
 });
 const useEventsIds = () => (0,react_redux__WEBPACK_IMPORTED_MODULE_4__.useSelector)(selectEventIds);
@@ -7508,7 +7510,7 @@ const useLoadedImageEventIds = () => useSeamlyStateContext().loadedImageEventIds
 const useSkiplink = () => useSeamlyStateContext().skiplinkTargetId;
 const useSeamlyParticipant = participantId => useSeamlyStateContext().participantInfo.participants[participantId];
 const useSeamlyServiceInfo = () => useSeamlyStateContext().serviceInfo;
-const selectLastMessageEventId = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_5__.createSelector)(selectEvents, events => {
+const selectLastMessageEventId = (0,_reduxjs_toolkit__WEBPACK_IMPORTED_MODULE_5__/* .createSelector */ .P1)(selectEvents, events => {
   const filteredEvents = events.filter(event => event.type === 'message');
   return filteredEvents[filteredEvents.length - 1]?.payload.id;
 });
@@ -9127,18 +9129,14 @@ if (true) {
 /***/ 573:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, {
-  "createSelector": () => (/* binding */ createSelector),
-  "createSelectorCreator": () => (/* binding */ createSelectorCreator),
-  "createStructuredSelector": () => (/* binding */ createStructuredSelector),
-  "defaultEqualityCheck": () => (/* reexport */ defaultEqualityCheck),
-  "defaultMemoize": () => (/* reexport */ defaultMemoize)
+  "P1": () => (/* binding */ createSelector)
 });
 
+// UNUSED EXPORTS: createSelectorCreator, createStructuredSelector, defaultEqualityCheck, defaultMemoize
+
 ;// CONCATENATED MODULE: ./node_modules/reselect/es/defaultMemoize.js
 // Cache implementation based on Erik Rasmussen's `lru-memoize`:
 // https://github.com/erikras/lru-memoize