@seamly/web-ui 19.0.0-beta.2 → 19.0.0-beta.3

package/build/dist/lib/index.js

@@ -12103,6 +12103,10 @@ const omit = (obj, keys) => Object.keys(obj).reduce((accum, key) => {
   if (!keys.includes(key)) accum[key] = obj[key];
   return accum;
 }, {});
+;// CONCATENATED MODULE: ./src/javascripts/lib/id.js
+function randomId() {
+  return '_' + (Number(String(Math.random()).slice(2)) + Date.now() + Math.round(performance.now())).toString(36);
+}
 ;// CONCATENATED MODULE: ./src/javascripts/lib/redux-helpers/index.js
 function redux_helpers_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -12110,6 +12114,7 @@ function redux_helpers_objectSpread(target) { for (var i = 1; i < arguments.leng
 
 function redux_helpers_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+
 const SLICE_DELIMITER = '/';
 const DOMAIN_DELIMITER = '//';
 function prefixType(prefix, fn, delimiter = '/') {
@@ -12122,7 +12127,9 @@ function createAction(type, identityReducer = payload => ({
     type
   }, identityReducer(...params));
 
-  action.toString = () => type.toString();
+  action.toString = () => String(type);
+
+  action.match = obj => (obj === null || obj === void 0 ? void 0 : obj.type) === String(type);
 
   return action;
 }
@@ -12145,16 +12152,70 @@ function createActions(baseType, ...args) {
   const create = prefixType(baseType, createAction, SLICE_DELIMITER);
   return handlers.map(handler => create(...handler));
 }
-function createThunk(type, thunkCreator) {
-  const fn = (...args) => {
-    const thunk = thunkCreator(...args);
-    thunk.type = type;
-    return thunk;
-  };
+function createThunk(type, payloadCreator) {
+  const [pending, fulfilled, rejected] = createActions(type, {
+    pending: (arg, requestId) => ({
+      meta: {
+        arg,
+        requestId,
+        status: 'pending'
+      }
+    }),
+    fulfilled: (arg, payload, requestId) => ({
+      payload,
+      meta: {
+        arg,
+        requestId,
+        status: 'fulfilled'
+      }
+    }),
+    rejected: (arg, error, requestId) => ({
+      error,
+      meta: {
+        arg,
+        requestId,
+        status: 'rejected',
+        error: String(error)
+      }
+    })
+  });
+
+  const thunkCreator = arg => (dispatch, getState, extra) => {
+    const requestId = randomId();
 
-  fn.toString = () => type;
+    const promise = (async () => {
+      let finalAction;
 
-  return fn;
+      try {
+        dispatch(pending(arg, requestId));
+        const prms = payloadCreator(arg, {
+          dispatch,
+          getState,
+          extra
+        });
+        const result = await prms;
+        finalAction = fulfilled(arg, result, requestId);
+      } catch (error) {
+        finalAction = rejected(arg, error, requestId);
+      }
+
+      dispatch(finalAction);
+      return finalAction;
+    })();
+
+    return Object.assign(promise, {
+      type,
+      arg,
+      requestId
+    });
+  };
+
+  return Object.assign(thunkCreator, {
+    type,
+    pending,
+    fulfilled,
+    rejected
+  });
 }
 function createReducer(domain, handlers = {}, defaultState) {
   const reducer = (state, action) => {
@@ -13387,7 +13448,6 @@ function createMutex() {
 
 const {
   createAction: i18n_utils_createAction,
-  createActions: utils_createActions,
   createThunk: i18n_utils_createThunk,
   createReducer: i18n_utils_createReducer,
   selectState: utils_selectState
@@ -13406,38 +13466,19 @@ const selectLocale = createSelector(utils_selectState, state => state.locale);
 const setInitialLocale = i18n_utils_createAction('setInitialLocale', locale => ({
   locale
 }));
-const [setLocaleStart, setLocaleResolve, setLocaleReject] = utils_createActions('setLocale', {
-  start: locale => ({
-    locale
-  }),
-  resolve: (locale, translations) => ({
-    locale,
-    translations
-  }),
-  reject: (locale, error) => ({
-    locale,
-    error
-  })
-});
 const mutex = createMutex();
-const setLocale = i18n_utils_createThunk('setLocale', locale => async (dispatch, getState, {
-  api
+const setLocale = i18n_utils_createThunk('setLocale', async (locale, {
+  getState,
+  extra: {
+    api
+  }
 }) => {
-  await mutex.runExclusively(async () => {
-    const currentLocale = selectLocale(getState());
-
-    if (currentLocale === locale) {
-      return;
+  return mutex.runExclusively(() => {
+    if (locale === selectLocale(getState())) {
+      return undefined;
     }
 
-    dispatch(setLocaleStart(locale));
-
-    try {
-      const translations = await api.getTranslations(locale);
-      dispatch(setLocaleResolve(locale, translations));
-    } catch (error) {
-      dispatch(setLocaleReject(locale, error));
-    }
+    return api.getTranslations(locale);
   });
 });
 ;// CONCATENATED MODULE: ./node_modules/@ultraq/icu-message-formatter/node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
@@ -14174,13 +14215,21 @@ const defaultState = {
   }) => i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
     initialLocale: locale
   }),
-  [setLocaleStart]: state => i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
+  [setLocale.pending]: state => i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
     isLoading: true
   }),
-  [setLocaleResolve]: (state, {
-    locale,
-    translations
+  [setLocale.fulfilled]: (state, {
+    payload: translations,
+    meta: {
+      arg: locale
+    }
   }) => {
+    if (!translations) {
+      return i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
+        isLoading: false
+      });
+    }
+
     return i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
       isLoading: false,
       locale,
@@ -14189,7 +14238,7 @@ const defaultState = {
       }), {})
     });
   },
-  [setLocaleReject]: state => i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
+  [setLocale.rejected]: state => i18n_reducer_objectSpread(i18n_reducer_objectSpread({}, state), {}, {
     isLoading: false
   })
 }, defaultState));
@@ -14402,10 +14451,6 @@ const useFileUploads = () => {
     isComplete: currentUploads.every(file => file.complete)
   };
 };
-;// CONCATENATED MODULE: ./src/javascripts/lib/id.js
-function randomId() {
-  return '_' + (Number(String(Math.random()).slice(2)) + Date.now() + Math.round(performance.now())).toString(36);
-}
 ;// CONCATENATED MODULE: ./src/javascripts/ui/hooks/utility-hooks.js
 
 
@@ -14637,8 +14682,11 @@ const {
 const setHasResponded = app_utils_createAction('setHasResponded', hasResponded => ({
   hasResponded
 }));
-const actions_initialize = app_utils_createThunk('initialize', config => async (dispatch, getState, {
-  api
+const actions_initialize = app_utils_createThunk('initialize', async (config, {
+  dispatch,
+  extra: {
+    api
+  }
 }) => {
   try {
     var _config$context;
@@ -15951,19 +15999,19 @@ const Icon = ({
 ;// CONCATENATED MODULE: ./src/javascripts/domains/translations/utils.js
 
 const {
-  createActions: translations_utils_createActions,
+  createActions: utils_createActions,
   createReducer: translations_utils_createReducer,
   selectState: translations_utils_selectState
 } = createDomain('translations');
 ;// CONCATENATED MODULE: ./src/javascripts/domains/translations/actions.js
 
-const [enable, disable] = translations_utils_createActions('translate', {
+const [enable, disable] = utils_createActions('translate', {
   enable: locale => ({
     locale
   }),
   disable: () => ({})
 });
-const [enableEvent, disableEvent] = translations_utils_createActions('event', {
+const [enableEvent, disableEvent] = utils_createActions('event', {
   enable: payloadId => ({
     payloadId
   }),
@@ -24799,7 +24847,14 @@ function store(key) {
   const KEY = 'cvco.' + key;
   return {
     get() {
-      return JSON.parse(sessionStorage.getItem(KEY));
+      const candidates = [KEY, KEY.split('.').slice(0, -1).join('.')];
+      let val;
+
+      do {
+        val = sessionStorage.getItem(candidates[0]);
+      } while (candidates.shift() && !val);
+
+      return JSON.parse(val);
     },
 
     set(value) {