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

package/build/dist/lib/storage.js

@@ -246,7 +246,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) {

package/build/dist/lib/storage.min.js

@@ -1,2 +1,2 @@
 /*! For license information please see storage.min.js.LICENSE.txt */
-(()=>{"use strict";var e={d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function r(){return{get:()=>{if(window.hasOwnProperty("SeamlyBridge"))try{return JSON.parse(SeamlyBridge.getData())}catch(e){return console.error("Unexpected or malformed data retrieved from bridge",e),{}}return window.seamlyBridgeData},set:e=>{window.webkit&&window.webkit.messageHandlers&&window.webkit.messageHandlers.seamlyBridge&&window.webkit.messageHandlers.seamlyBridge.postMessage(JSON.stringify(e)),window.hasOwnProperty("SeamlyBridge")&&SeamlyBridge.setData(JSON.stringify(e)),window.ReactNativeWebView&&window.ReactNativeWebView.postMessage(JSON.stringify(e))}}}function n(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)e[n]=r[n]}return e}e.r(t),e.d(t,{appStorageProvider:()=>r,cookieStorageProvider:()=>i,sessionStorageProvider:()=>a});const o=function e(t,r){function o(e,o,i){if("undefined"!=typeof document){"number"==typeof(i=n({},r,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var a="";for(var s in i)i[s]&&(a+="; "+s,!0!==i[s]&&(a+="="+i[s].split(";")[0]));return document.cookie=e+"="+t.write(o,e)+a}}return Object.create({set:o,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var r=document.cookie?document.cookie.split("; "):[],n={},o=0;o<r.length;o++){var i=r[o].split("="),a=i.slice(1).join("=");try{var s=decodeURIComponent(i[0]);if(n[s]=t.read(a,s),e===s)break}catch(e){}}return e?n[e]:n}},remove:function(e,t){o(e,"",n({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,n({},this.attributes,t))},withConverter:function(t){return e(n({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(r)},converter:{value:Object.freeze(t)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});function i(e={}){return function(t){const r="cvco."+t;return{get(){const e=o.get(r);return e?JSON.parse(e):null},set(t){t&&o.set(r,JSON.stringify(t),e)}}}}function a(e){const t="cvco."+e;return{get:()=>JSON.parse(sessionStorage.getItem(t)),set(e){e&&sessionStorage.setItem(t,JSON.stringify(e))}}}module.exports=t})();
+(()=>{"use strict";var e={d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function r(){return{get:()=>{if(window.hasOwnProperty("SeamlyBridge"))try{return JSON.parse(SeamlyBridge.getData())}catch(e){return console.error("Unexpected or malformed data retrieved from bridge",e),{}}return window.seamlyBridgeData},set:e=>{window.webkit&&window.webkit.messageHandlers&&window.webkit.messageHandlers.seamlyBridge&&window.webkit.messageHandlers.seamlyBridge.postMessage(JSON.stringify(e)),window.hasOwnProperty("SeamlyBridge")&&SeamlyBridge.setData(JSON.stringify(e)),window.ReactNativeWebView&&window.ReactNativeWebView.postMessage(JSON.stringify(e))}}}function n(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)e[n]=r[n]}return e}e.r(t),e.d(t,{appStorageProvider:()=>r,cookieStorageProvider:()=>i,sessionStorageProvider:()=>s});const o=function e(t,r){function o(e,o,i){if("undefined"!=typeof document){"number"==typeof(i=n({},r,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),e=encodeURIComponent(e).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var s="";for(var a in i)i[a]&&(s+="; "+a,!0!==i[a]&&(s+="="+i[a].split(";")[0]));return document.cookie=e+"="+t.write(o,e)+s}}return Object.create({set:o,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var r=document.cookie?document.cookie.split("; "):[],n={},o=0;o<r.length;o++){var i=r[o].split("="),s=i.slice(1).join("=");try{var a=decodeURIComponent(i[0]);if(n[a]=t.read(s,a),e===a)break}catch(e){}}return e?n[e]:n}},remove:function(e,t){o(e,"",n({},t,{expires:-1}))},withAttributes:function(t){return e(this.converter,n({},this.attributes,t))},withConverter:function(t){return e(n({},this.converter,t),this.attributes)}},{attributes:{value:Object.freeze(r)},converter:{value:Object.freeze(t)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"});function i(e={}){return function(t){const r="cvco."+t;return{get(){const e=o.get(r);return e?JSON.parse(e):null},set(t){t&&o.set(r,JSON.stringify(t),e)}}}}function s(e){const t="cvco."+e;return{get(){const e=[t,t.split(".").slice(0,-1).join(".")];let r;do{r=sessionStorage.getItem(e[0])}while(e.shift()&&!r);return JSON.parse(r)},set(e){e&&sessionStorage.setItem(t,JSON.stringify(e))}}}module.exports=t})();

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

@@ -1103,6 +1103,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 = '/') {
@@ -1115,7 +1116,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;
 }
@@ -1138,16 +1141,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 = id_randomId();
+
+    const promise = (async () => {
+      let finalAction;
+
+      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);
+      }
 
-  fn.toString = () => type;
+      dispatch(finalAction);
+      return finalAction;
+    })();
 
-  return fn;
+    return Object.assign(promise, {
+      type,
+      arg,
+      requestId
+    });
+  };
+
+  return Object.assign(thunkCreator, {
+    type,
+    pending,
+    fulfilled,
+    rejected
+  });
 }
 function createReducer(domain, handlers = {}, defaultState) {
   const reducer = (state, action) => {
@@ -2255,7 +2312,6 @@ function createMutex() {
 
 const {
   createAction: i18n_utils_createAction,
-  createActions: i18n_utils_createActions,
   createThunk: i18n_utils_createThunk,
   createReducer: i18n_utils_createReducer,
   selectState: i18n_utils_selectState
@@ -2274,38 +2330,19 @@ const selectLocale = createSelector(i18n_utils_selectState, state => state.local
 const setInitialLocale = i18n_utils_createAction('setInitialLocale', locale => ({
   locale
 }));
-const [setLocaleStart, setLocaleResolve, setLocaleReject] = i18n_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
@@ -3042,13 +3079,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,
@@ -3057,7 +3102,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));
@@ -3501,8 +3546,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;
@@ -5721,7 +5769,7 @@ const SeamlyTestCore = ({
       }
     });
     newStore.dispatch(initialize(configSlice || {}));
-    newStore.dispatch(setLocaleResolve('en-GB', translations));
+    newStore.dispatch(setLocale.fulfilled('en-GB', translations));
     return newStore;
   }, [state, translations]);
   return state && (0,jsx_runtime_namespaceObject.jsx)(web_ui_namespaceObject.StoreProvider, {