@mirai/core 0.1.53 → 0.1.55

package/build/Core.js

@@ -11,7 +11,7 @@ var _ui = require("@mirai/ui");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _components = _interopRequireDefault(require("./components"));
+var _components = require("./components");
 var _helpers = require("./helpers");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -20,7 +20,8 @@ const ghosts = {};
 const Core = _ref => {
   let {
     children,
-    components = []
+    components = [],
+    skeleton = false
   } = _ref;
   const {
     isMobile,
@@ -56,9 +57,10 @@ const Core = _ref => {
       ...props
     } = _ref3;
     if (!ghosts[index]) ghosts[index] = (0, _helpers.getGhost)(el);
-    return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-      fallback: /*#__PURE__*/_react.default.createElement("small", null, "Loading...")
-    }, /*#__PURE__*/_react.default.createElement(_components.default[component], {
+    const skeletonFallback = _components.SKELETONS[component] ? /*#__PURE__*/_react.default.createElement(_components.SKELETONS[component]) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+    return /*#__PURE__*/_reactDom.default.createPortal(skeleton ? skeletonFallback : /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+      fallback: skeletonFallback
+    }, /*#__PURE__*/_react.default.createElement(_components.COMPONENTS[component], {
       ...props,
       ['data-testid']: process.env.NODE_ENV === 'production' ? component : undefined,
       ghost: ghosts[index],
@@ -70,8 +72,9 @@ exports.Core = Core;
 Core.propTypes = {
   children: _propTypes.default.node,
   components: _propTypes.default.arrayOf(_propTypes.default.shape({
-    component: _propTypes.default.oneOf(Object.keys(_components.default)),
+    component: _propTypes.default.oneOf(Object.keys(_components.COMPONENTS)),
     el: _propTypes.default.any
-  }))
+  })),
+  skeleton: _propTypes.default.bool
 };
 //# sourceMappingURL=Core.js.map

package/build/Core.js.map

@@ -1 +1 @@
-{"version":3,"file":"Core.js","names":["ghosts","Core","children","components","isMobile","isDesktop","useDevice","value","currency","locale","DEFAULT_LOCALE","useStore","dictionary","setDictionary","useState","useEffect","next","ServiceDictionary","get","filter","desktop","mobile","map","index","el","component","props","getGhost","ReactDOM","createPortal","React","createElement","COMPONENTS","process","env","NODE_ENV","undefined","ghost","propTypes","PropTypes","node","arrayOf","shape","oneOf","Object","keys","any"],"sources":["../src/Core.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { DEFAULT_LOCALE, LocaleProvider } from '@mirai/locale';\nimport { ServiceDictionary } from '@mirai/services';\nimport { useDevice } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState, Suspense } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport COMPONENTS from './components';\nimport { getGhost } from './helpers';\n\nconst ghosts = {};\n\nconst Core = ({ children, components = [] }) => {\n  const { isMobile, isDesktop } = useDevice();\n  const {\n    value: { currency, locale = DEFAULT_LOCALE },\n  } = useStore();\n\n  const [dictionary, setDictionary] = useState();\n\n  useEffect(() => {\n    (async () => {\n      const next = await ServiceDictionary.get(locale);\n      if (next) setDictionary(next);\n    })();\n  }, [locale]);\n\n  return (\n    <LocaleProvider {...{ currency, dictionary, locale }}>\n      <>\n        {components\n          .filter(({ desktop, mobile }) => !(isMobile && mobile === 'false') && !(isDesktop && desktop === 'false'))\n          .map(({ el, component, ...props }, index) => {\n            if (!ghosts[index]) ghosts[index] = getGhost(el);\n\n            return ReactDOM.createPortal(\n              <Suspense fallback={<small>Loading...</small>}>\n                {React.createElement(COMPONENTS[component], {\n                  ...props,\n                  ['data-testid']: process.env.NODE_ENV === 'production' ? component : undefined,\n                  ghost: ghosts[index],\n                  el,\n                })}\n              </Suspense>,\n              el,\n            );\n          })}\n      </>\n      {children}\n    </LocaleProvider>\n  );\n};\n\nCore.propTypes = {\n  children: PropTypes.node,\n  components: PropTypes.arrayOf(\n    PropTypes.shape({\n      component: PropTypes.oneOf(Object.keys(COMPONENTS)),\n      el: PropTypes.any,\n    }),\n  ),\n};\n\nexport { Core };\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAqC;AAAA;AAAA;AAErC,MAAMA,MAAM,GAAG,CAAC,CAAC;AAEjB,MAAMC,IAAI,GAAG,QAAmC;EAAA,IAAlC;IAAEC,QAAQ;IAAEC,UAAU,GAAG;EAAG,CAAC;EACzC,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAG,IAAAC,aAAS,GAAE;EAC3C,MAAM;IACJC,KAAK,EAAE;MAAEC,QAAQ;MAAEC,MAAM,GAAGC;IAAe;EAC7C,CAAC,GAAG,IAAAC,qBAAQ,GAAE;EAEd,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,GAAE;EAE9C,IAAAC,gBAAS,EAAC,MAAM;IACd,CAAC,YAAY;MACX,MAAMC,IAAI,GAAG,MAAMC,2BAAiB,CAACC,GAAG,CAACT,MAAM,CAAC;MAChD,IAAIO,IAAI,EAAEH,aAAa,CAACG,IAAI,CAAC;IAC/B,CAAC,GAAG;EACN,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAEZ,oBACE,6BAAC,sBAAc;IAAOD,QAAQ;IAAEI,UAAU;IAAEH;EAAM,gBAChD,4DACGN,UAAU,CACRgB,MAAM,CAAC;IAAA,IAAC;MAAEC,OAAO;MAAEC;IAAO,CAAC;IAAA,OAAK,EAAEjB,QAAQ,IAAIiB,MAAM,KAAK,OAAO,CAAC,IAAI,EAAEhB,SAAS,IAAIe,OAAO,KAAK,OAAO,CAAC;EAAA,EAAC,CACzGE,GAAG,CAAC,QAA8BC,KAAK,KAAK;IAAA,IAAvC;MAAEC,EAAE;MAAEC,SAAS;MAAE,GAAGC;IAAM,CAAC;IAC/B,IAAI,CAAC1B,MAAM,CAACuB,KAAK,CAAC,EAAEvB,MAAM,CAACuB,KAAK,CAAC,GAAG,IAAAI,iBAAQ,EAACH,EAAE,CAAC;IAEhD,oBAAOI,iBAAQ,CAACC,YAAY,eAC1B,6BAAC,eAAQ;MAAC,QAAQ,eAAE;IAA0B,gBAC3CC,cAAK,CAACC,aAAa,CAACC,mBAAU,CAACP,SAAS,CAAC,EAAE;MAC1C,GAAGC,KAAK;MACR,CAAC,aAAa,GAAGO,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGV,SAAS,GAAGW,SAAS;MAC9EC,KAAK,EAAErC,MAAM,CAACuB,KAAK,CAAC;MACpBC;IACF,CAAC,CAAC,CACO,EACXA,EAAE,CACH;EACH,CAAC,CAAC,CACH,EACFtB,QAAQ,CACM;AAErB,CAAC;AAAC;AAEFD,IAAI,CAACqC,SAAS,GAAG;EACfpC,QAAQ,EAAEqC,kBAAS,CAACC,IAAI;EACxBrC,UAAU,EAAEoC,kBAAS,CAACE,OAAO,CAC3BF,kBAAS,CAACG,KAAK,CAAC;IACdjB,SAAS,EAAEc,kBAAS,CAACI,KAAK,CAACC,MAAM,CAACC,IAAI,CAACb,mBAAU,CAAC,CAAC;IACnDR,EAAE,EAAEe,kBAAS,CAACO;EAChB,CAAC,CAAC;AAEN,CAAC"}
+{"version":3,"file":"Core.js","names":["ghosts","Core","children","components","skeleton","isMobile","isDesktop","useDevice","value","currency","locale","DEFAULT_LOCALE","useStore","dictionary","setDictionary","useState","useEffect","next","ServiceDictionary","get","filter","desktop","mobile","map","index","el","component","props","getGhost","skeletonFallback","SKELETONS","React","createElement","ReactDOM","createPortal","COMPONENTS","process","env","NODE_ENV","undefined","ghost","propTypes","PropTypes","node","arrayOf","shape","oneOf","Object","keys","any","bool"],"sources":["../src/Core.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { DEFAULT_LOCALE, LocaleProvider } from '@mirai/locale';\nimport { ServiceDictionary } from '@mirai/services';\nimport { useDevice } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState, Suspense } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { COMPONENTS, SKELETONS } from './components';\nimport { getGhost } from './helpers';\n\nconst ghosts = {};\n\nconst Core = ({ children, components = [], skeleton = false }) => {\n  const { isMobile, isDesktop } = useDevice();\n  const {\n    value: { currency, locale = DEFAULT_LOCALE },\n  } = useStore();\n\n  const [dictionary, setDictionary] = useState();\n\n  useEffect(() => {\n    (async () => {\n      const next = await ServiceDictionary.get(locale);\n      if (next) setDictionary(next);\n    })();\n  }, [locale]);\n\n  return (\n    <LocaleProvider {...{ currency, dictionary, locale }}>\n      <>\n        {components\n          .filter(({ desktop, mobile }) => !(isMobile && mobile === 'false') && !(isDesktop && desktop === 'false'))\n          .map(({ el, component, ...props }, index) => {\n            if (!ghosts[index]) ghosts[index] = getGhost(el);\n            const skeletonFallback = SKELETONS[component] ? React.createElement(SKELETONS[component]) : <></>;\n\n            return ReactDOM.createPortal(\n              skeleton ? (\n                skeletonFallback\n              ) : (\n                <Suspense fallback={skeletonFallback}>\n                  {React.createElement(COMPONENTS[component], {\n                    ...props,\n                    ['data-testid']: process.env.NODE_ENV === 'production' ? component : undefined,\n                    ghost: ghosts[index],\n                    el,\n                  })}\n                </Suspense>\n              ),\n              el,\n            );\n          })}\n      </>\n      {children}\n    </LocaleProvider>\n  );\n};\n\nCore.propTypes = {\n  children: PropTypes.node,\n  components: PropTypes.arrayOf(\n    PropTypes.shape({\n      component: PropTypes.oneOf(Object.keys(COMPONENTS)),\n      el: PropTypes.any,\n    }),\n  ),\n  skeleton: PropTypes.bool,\n};\n\nexport { Core };\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAqC;AAAA;AAAA;AAErC,MAAMA,MAAM,GAAG,CAAC,CAAC;AAEjB,MAAMC,IAAI,GAAG,QAAqD;EAAA,IAApD;IAAEC,QAAQ;IAAEC,UAAU,GAAG,EAAE;IAAEC,QAAQ,GAAG;EAAM,CAAC;EAC3D,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAG,IAAAC,aAAS,GAAE;EAC3C,MAAM;IACJC,KAAK,EAAE;MAAEC,QAAQ;MAAEC,MAAM,GAAGC;IAAe;EAC7C,CAAC,GAAG,IAAAC,qBAAQ,GAAE;EAEd,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,GAAE;EAE9C,IAAAC,gBAAS,EAAC,MAAM;IACd,CAAC,YAAY;MACX,MAAMC,IAAI,GAAG,MAAMC,2BAAiB,CAACC,GAAG,CAACT,MAAM,CAAC;MAChD,IAAIO,IAAI,EAAEH,aAAa,CAACG,IAAI,CAAC;IAC/B,CAAC,GAAG;EACN,CAAC,EAAE,CAACP,MAAM,CAAC,CAAC;EAEZ,oBACE,6BAAC,sBAAc;IAAOD,QAAQ;IAAEI,UAAU;IAAEH;EAAM,gBAChD,4DACGP,UAAU,CACRiB,MAAM,CAAC;IAAA,IAAC;MAAEC,OAAO;MAAEC;IAAO,CAAC;IAAA,OAAK,EAAEjB,QAAQ,IAAIiB,MAAM,KAAK,OAAO,CAAC,IAAI,EAAEhB,SAAS,IAAIe,OAAO,KAAK,OAAO,CAAC;EAAA,EAAC,CACzGE,GAAG,CAAC,QAA8BC,KAAK,KAAK;IAAA,IAAvC;MAAEC,EAAE;MAAEC,SAAS;MAAE,GAAGC;IAAM,CAAC;IAC/B,IAAI,CAAC3B,MAAM,CAACwB,KAAK,CAAC,EAAExB,MAAM,CAACwB,KAAK,CAAC,GAAG,IAAAI,iBAAQ,EAACH,EAAE,CAAC;IAChD,MAAMI,gBAAgB,GAAGC,qBAAS,CAACJ,SAAS,CAAC,gBAAGK,cAAK,CAACC,aAAa,CAACF,qBAAS,CAACJ,SAAS,CAAC,CAAC,gBAAG,2DAAK;IAEjG,oBAAOO,iBAAQ,CAACC,YAAY,CAC1B9B,QAAQ,GACNyB,gBAAgB,gBAEhB,6BAAC,eAAQ;MAAC,QAAQ,EAAEA;IAAiB,gBAClCE,cAAK,CAACC,aAAa,CAACG,sBAAU,CAACT,SAAS,CAAC,EAAE;MAC1C,GAAGC,KAAK;MACR,CAAC,aAAa,GAAGS,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,GAAGZ,SAAS,GAAGa,SAAS;MAC9EC,KAAK,EAAExC,MAAM,CAACwB,KAAK,CAAC;MACpBC;IACF,CAAC,CAAC,CAEL,EACDA,EAAE,CACH;EACH,CAAC,CAAC,CACH,EACFvB,QAAQ,CACM;AAErB,CAAC;AAAC;AAEFD,IAAI,CAACwC,SAAS,GAAG;EACfvC,QAAQ,EAAEwC,kBAAS,CAACC,IAAI;EACxBxC,UAAU,EAAEuC,kBAAS,CAACE,OAAO,CAC3BF,kBAAS,CAACG,KAAK,CAAC;IACdnB,SAAS,EAAEgB,kBAAS,CAACI,KAAK,CAACC,MAAM,CAACC,IAAI,CAACb,sBAAU,CAAC,CAAC;IACnDV,EAAE,EAAEiB,kBAAS,CAACO;EAChB,CAAC,CAAC,CACH;EACD7C,QAAQ,EAAEsC,kBAAS,CAACQ;AACtB,CAAC"}

package/build/components/__internal__/Skeleton.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skeleton = void 0;
+var _ui = require("@mirai/ui");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var style = _interopRequireWildcard(require("./Skeleton.module.css"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Skeleton = _ref => {
+  let {
+    children,
+    transparent,
+    ...others
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(typeof children === 'string' ? _ui.Text : _ui.View, {
+    ...others,
+    className: (0, _ui.styles)(style.container, transparent && style.transparent, typeof children === 'string' && style.text, others.className)
+  }, children);
+};
+exports.Skeleton = Skeleton;
+Skeleton.propTypes = {
+  children: _propTypes.default.any,
+  transparent: _propTypes.default.bool
+};
+//# sourceMappingURL=Skeleton.js.map

package/build/components/__internal__/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","names":["Skeleton","children","transparent","others","React","createElement","Text","View","className","styles","style","container","text","propTypes","PropTypes","any","bool"],"sources":["../../../src/components/__internal__/Skeleton.jsx"],"sourcesContent":["import { styles, Text, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport * as style from './Skeleton.module.css';\n\nconst Skeleton = ({ children, transparent, ...others }) =>\n  React.createElement(\n    typeof children === 'string' ? Text : View,\n    {\n      ...others,\n      className: styles(\n        style.container,\n        transparent && style.transparent,\n        typeof children === 'string' && style.text,\n        others.className,\n      ),\n    },\n    children,\n  );\n\nSkeleton.propTypes = {\n  children: PropTypes.any,\n  transparent: PropTypes.bool,\n};\n\nexport { Skeleton };\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAA+C;AAAA;AAAA;AAE/C,MAAMA,QAAQ,GAAG;EAAA,IAAC;IAAEC,QAAQ;IAAEC,WAAW;IAAE,GAAGC;EAAO,CAAC;EAAA,oBACpDC,cAAK,CAACC,aAAa,CACjB,OAAOJ,QAAQ,KAAK,QAAQ,GAAGK,QAAI,GAAGC,QAAI,EAC1C;IACE,GAAGJ,MAAM;IACTK,SAAS,EAAE,IAAAC,UAAM,EACfC,KAAK,CAACC,SAAS,EACfT,WAAW,IAAIQ,KAAK,CAACR,WAAW,EAChC,OAAOD,QAAQ,KAAK,QAAQ,IAAIS,KAAK,CAACE,IAAI,EAC1CT,MAAM,CAACK,SAAS;EAEpB,CAAC,EACDP,QAAQ,CACT;AAAA;AAAC;AAEJD,QAAQ,CAACa,SAAS,GAAG;EACnBZ,QAAQ,EAAEa,kBAAS,CAACC,GAAG;EACvBb,WAAW,EAAEY,kBAAS,CAACE;AACzB,CAAC"}

package/build/components/__internal__/Skeleton.module.css

@@ -0,0 +1,17 @@
+.container {
+  border-radius: 4px;
+}
+
+.container:not(.transparent) {
+  background-color: #f6f6f6;
+}
+
+.container:not(.text) {
+  min-height: 1.5rem;
+  min-width: 1.5rem;
+}
+
+.text {
+  color: transparent;
+  width: fit-content;
+}

package/build/components/finder/Deals.skeleton.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@mirai/ui");
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = require("../__internal__/Skeleton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = () => {
+  const {
+    isMobile
+  } = (0, _ui.useDevice)();
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    bold: true,
+    headline: true,
+    level: 2,
+    wide: true
+  }, "Discover Deals"), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    action: true
+  }, "Clear")), isMobile ? /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    style: {
+      paddingTop: '2rem',
+      gap: '0.5rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    wide: true,
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    wide: true,
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    wide: true,
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    wide: true,
+    style: {
+      height: '2.5rem',
+      marginTop: '1rem'
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    wide: true,
+    style: {
+      paddingTop: '1.5rem',
+      gap: '2rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    wide: true,
+    style: {
+      height: '20rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    wide: true,
+    style: {
+      height: '20rem'
+    }
+  })), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    wide: true,
+    style: {
+      paddingTop: '1.5rem',
+      gap: '0.25rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null, "Check-in \u2500 Check-out"), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    small: true
+  }, "Approximate prices in undefined per 1 room, for undefined nights & undefined adults (Some taxes may not be included)")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    wide: true,
+    style: {
+      paddingTop: '1.5rem',
+      gap: '1rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    style: {
+      height: '3.5rem',
+      width: '30%'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    style: {
+      height: '3.5rem',
+      width: '30%'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    style: {
+      height: '3.5rem',
+      width: '15%'
+    }
+  }, "Find"))));
+};
+exports.default = _default;
+//# sourceMappingURL=Deals.skeleton.js.map

package/build/components/finder/Deals.skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Deals.skeleton.js","names":["isMobile","useDevice","justifyContent","paddingTop","gap","height","marginTop","width","flex"],"sources":["../../../src/components/finder/Deals.skeleton.jsx"],"sourcesContent":["import { View } from '@mirai/ui';\nimport { useDevice } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__internal__/Skeleton';\n\nexport default () => {\n  const { isMobile } = useDevice();\n\n  return (\n    <View wide>\n      <View row style={{ justifyContent: 'space-between' }}>\n        <Skeleton bold headline level={2} wide>\n          Discover Deals\n        </Skeleton>\n        <Skeleton action>Clear</Skeleton>\n      </View>\n\n      {isMobile ? (\n        <View wide style={{ paddingTop: '2rem', gap: '0.5rem' }}>\n          <Skeleton wide style={{ height: '3.5rem' }} />\n          <Skeleton wide style={{ height: '3.5rem' }} />\n          <Skeleton wide style={{ height: '3.5rem' }} />\n          <Skeleton wide style={{ height: '2.5rem', marginTop: '1rem' }} />\n        </View>\n      ) : (\n        <>\n          <View row wide style={{ paddingTop: '1.5rem', gap: '2rem' }}>\n            <Skeleton wide style={{ height: '20rem' }} />\n            <Skeleton wide style={{ height: '20rem' }} />\n          </View>\n          <View wide style={{ paddingTop: '1.5rem', gap: '0.25rem' }}>\n            <Skeleton>Check-in ─ Check-out</Skeleton>\n            <Skeleton small>\n              Approximate prices in undefined per 1 room, for undefined nights & undefined adults (Some taxes may not be\n              included)\n            </Skeleton>\n          </View>\n          <View row wide style={{ paddingTop: '1.5rem', gap: '1rem' }}>\n            <Skeleton style={{ height: '3.5rem', width: '30%' }} />\n            <Skeleton style={{ height: '3.5rem', width: '30%' }} />\n            <Skeleton transparent style={{ flex: 1 }} />\n            <Skeleton style={{ height: '3.5rem', width: '15%' }}>Find</Skeleton>\n          </View>\n        </>\n      )}\n    </View>\n  );\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAEA;AAAoD;AAAA,eAErC,MAAM;EACnB,MAAM;IAAEA;EAAS,CAAC,GAAG,IAAAC,aAAS,GAAE;EAEhC,oBACE,6BAAC,QAAI;IAAC,IAAI;EAAA,gBACR,6BAAC,QAAI;IAAC,GAAG;IAAC,KAAK,EAAE;MAAEC,cAAc,EAAE;IAAgB;EAAE,gBACnD,6BAAC,kBAAQ;IAAC,IAAI;IAAC,QAAQ;IAAC,KAAK,EAAE,CAAE;IAAC,IAAI;EAAA,oBAE3B,eACX,6BAAC,kBAAQ;IAAC,MAAM;EAAA,WAAiB,CAC5B,EAENF,QAAQ,gBACP,6BAAC,QAAI;IAAC,IAAI;IAAC,KAAK,EAAE;MAAEG,UAAU,EAAE,MAAM;MAAEC,GAAG,EAAE;IAAS;EAAE,gBACtD,6BAAC,kBAAQ;IAAC,IAAI;IAAC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAS;EAAE,EAAG,eAC9C,6BAAC,kBAAQ;IAAC,IAAI;IAAC,KAAK,EAAE;MAAEA,MAAM,EAAE;IAAS;EAAE,EAAG,eAC9C,6BAAC,kBAAQ;IAAC,IAAI;IAAC,KAAK,EAAE;MAAEA,MAAM,EAAE;IAAS;EAAE,EAAG,eAC9C,6BAAC,kBAAQ;IAAC,IAAI;IAAC,KAAK,EAAE;MAAEA,MAAM,EAAE,QAAQ;MAAEC,SAAS,EAAE;IAAO;EAAE,EAAG,CAC5D,gBAEP,yEACE,6BAAC,QAAI;IAAC,GAAG;IAAC,IAAI;IAAC,KAAK,EAAE;MAAEH,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAO;EAAE,gBAC1D,6BAAC,kBAAQ;IAAC,IAAI;IAAC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAQ;EAAE,EAAG,eAC7C,6BAAC,kBAAQ;IAAC,IAAI;IAAC,KAAK,EAAE;MAAEA,MAAM,EAAE;IAAQ;EAAE,EAAG,CACxC,eACP,6BAAC,QAAI;IAAC,IAAI;IAAC,KAAK,EAAE;MAAEF,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAU;EAAE,gBACzD,6BAAC,kBAAQ,oCAAgC,eACzC,6BAAC,kBAAQ;IAAC,KAAK;EAAA,0HAGJ,CACN,eACP,6BAAC,QAAI;IAAC,GAAG;IAAC,IAAI;IAAC,KAAK,EAAE;MAAED,UAAU,EAAE,QAAQ;MAAEC,GAAG,EAAE;IAAO;EAAE,gBAC1D,6BAAC,kBAAQ;IAAC,KAAK,EAAE;MAAEC,MAAM,EAAE,QAAQ;MAAEE,KAAK,EAAE;IAAM;EAAE,EAAG,eACvD,6BAAC,kBAAQ;IAAC,KAAK,EAAE;MAAEF,MAAM,EAAE,QAAQ;MAAEE,KAAK,EAAE;IAAM;EAAE,EAAG,eACvD,6BAAC,kBAAQ;IAAC,WAAW;IAAC,KAAK,EAAE;MAAEC,IAAI,EAAE;IAAE;EAAE,EAAG,eAC5C,6BAAC,kBAAQ;IAAC,KAAK,EAAE;MAAEH,MAAM,EAAE,QAAQ;MAAEE,KAAK,EAAE;IAAM;EAAE,UAAgB,CAC/D,CAEV,CACI;AAEX,CAAC;AAAA"}

package/build/components/index.js

@@ -3,12 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.SKELETONS = exports.COMPONENTS = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _Deals = _interopRequireDefault(require("./finder/Deals.skeleton"));
+var _BookingQuery = _interopRequireDefault(require("./user/BookingQuery.skeleton"));
+var _Profile = _interopRequireDefault(require("./user/Profile.skeleton"));
+var _Session = _interopRequireDefault(require("./user/Session.skeleton"));
+var _Signup = _interopRequireDefault(require("./user/Signup.skeleton"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var _default = {
+const COMPONENTS = {
   // @mirai/finder
   // finder: React.lazy(() => import('./finder/Finder')),
   deals: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./finder/Deals')))),
@@ -21,5 +26,17 @@ var _default = {
   environment: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./__internal__/Environment')))),
   state: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./__internal__/State'))))
 };
-exports.default = _default;
+exports.COMPONENTS = COMPONENTS;
+const SKELETONS = {
+  // @mirai/finder
+  deals: _Deals.default,
+  // @mirai/user
+  bookingQuery: _BookingQuery.default,
+  profile: _Profile.default,
+  session: _Session.default,
+  signup: _Signup.default
+
+  // Internal
+};
+exports.SKELETONS = SKELETONS;
 //# sourceMappingURL=index.js.map

package/build/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["deals","React","lazy","bookingQuery","profile","session","signup","environment","state"],"sources":["../../src/components/index.js"],"sourcesContent":["import React from 'react';\n\nexport default {\n  // @mirai/finder\n  // finder: React.lazy(() => import('./finder/Finder')),\n  deals: React.lazy(() => import('./finder/Deals')),\n\n  // @mirai/user\n  bookingQuery: React.lazy(() => import('./user/BookingQuery')),\n  profile: React.lazy(() => import('./user/Profile')),\n  session: React.lazy(() => import('./user/Session')),\n  signup: React.lazy(() => import('./user/Signup')),\n\n  // Internal\n  environment: React.lazy(() => import('./__internal__/Environment')),\n  state: React.lazy(() => import('./__internal__/State')),\n};\n"],"mappings":";;;;;;AAAA;AAA0B;AAAA;AAAA;AAAA,eAEX;EACb;EACA;EACAA,KAAK,eAAEC,cAAK,CAACC,IAAI,CAAC,mEAAa,gBAAgB,GAAC,CAAC;EAEjD;EACAC,YAAY,eAAEF,cAAK,CAACC,IAAI,CAAC,mEAAa,qBAAqB,GAAC,CAAC;EAC7DE,OAAO,eAAEH,cAAK,CAACC,IAAI,CAAC,mEAAa,gBAAgB,GAAC,CAAC;EACnDG,OAAO,eAAEJ,cAAK,CAACC,IAAI,CAAC,mEAAa,gBAAgB,GAAC,CAAC;EACnDI,MAAM,eAAEL,cAAK,CAACC,IAAI,CAAC,mEAAa,eAAe,GAAC,CAAC;EAEjD;EACAK,WAAW,eAAEN,cAAK,CAACC,IAAI,CAAC,mEAAa,4BAA4B,GAAC,CAAC;EACnEM,KAAK,eAAEP,cAAK,CAACC,IAAI,CAAC,mEAAa,sBAAsB,GAAC;AACxD,CAAC;AAAA"}
+{"version":3,"file":"index.js","names":["COMPONENTS","deals","React","lazy","bookingQuery","profile","session","signup","environment","state","SKELETONS"],"sources":["../../src/components/index.js"],"sourcesContent":["import React from 'react';\n\nimport deals from './finder/Deals.skeleton';\nimport bookingQuery from './user/BookingQuery.skeleton';\nimport profile from './user/Profile.skeleton';\nimport session from './user/Session.skeleton';\nimport signup from './user/Signup.skeleton';\n\nconst COMPONENTS = {\n  // @mirai/finder\n  // finder: React.lazy(() => import('./finder/Finder')),\n  deals: React.lazy(() => import('./finder/Deals')),\n\n  // @mirai/user\n  bookingQuery: React.lazy(() => import('./user/BookingQuery')),\n  profile: React.lazy(() => import('./user/Profile')),\n  session: React.lazy(() => import('./user/Session')),\n  signup: React.lazy(() => import('./user/Signup')),\n\n  // Internal\n  environment: React.lazy(() => import('./__internal__/Environment')),\n  state: React.lazy(() => import('./__internal__/State')),\n};\n\nconst SKELETONS = {\n  // @mirai/finder\n  deals,\n\n  // @mirai/user\n  bookingQuery,\n  profile,\n  session,\n  signup,\n\n  // Internal\n};\n\nexport { COMPONENTS, SKELETONS };\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AAA4C;AAAA;AAAA;AAE5C,MAAMA,UAAU,GAAG;EACjB;EACA;EACAC,KAAK,eAAEC,cAAK,CAACC,IAAI,CAAC,mEAAa,gBAAgB,GAAC,CAAC;EAEjD;EACAC,YAAY,eAAEF,cAAK,CAACC,IAAI,CAAC,mEAAa,qBAAqB,GAAC,CAAC;EAC7DE,OAAO,eAAEH,cAAK,CAACC,IAAI,CAAC,mEAAa,gBAAgB,GAAC,CAAC;EACnDG,OAAO,eAAEJ,cAAK,CAACC,IAAI,CAAC,mEAAa,gBAAgB,GAAC,CAAC;EACnDI,MAAM,eAAEL,cAAK,CAACC,IAAI,CAAC,mEAAa,eAAe,GAAC,CAAC;EAEjD;EACAK,WAAW,eAAEN,cAAK,CAACC,IAAI,CAAC,mEAAa,4BAA4B,GAAC,CAAC;EACnEM,KAAK,eAAEP,cAAK,CAACC,IAAI,CAAC,mEAAa,sBAAsB,GAAC;AACxD,CAAC;AAAC;AAEF,MAAMO,SAAS,GAAG;EAChB;EACAT,KAAK,EAALA,cAAK;EAEL;EACAG,YAAY,EAAZA,qBAAY;EACZC,OAAO,EAAPA,gBAAO;EACPC,OAAO,EAAPA,gBAAO;EACPC,MAAM,EAANA;;EAEA;AACF,CAAC;AAAC"}

package/build/components/user/BookingQuery.skeleton.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = require("../__internal__/Skeleton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = () => /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null, "My Booking");
+exports.default = _default;
+//# sourceMappingURL=BookingQuery.skeleton.js.map

package/build/components/user/BookingQuery.skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingQuery.skeleton.js","names":[],"sources":["../../../src/components/user/BookingQuery.skeleton.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Skeleton } from '../__internal__/Skeleton';\n\nexport default () => <Skeleton>My Booking</Skeleton>;\n"],"mappings":";;;;;;AAAA;AAEA;AAAoD;AAAA,eAErC,mBAAM,6BAAC,kBAAQ,qBAAsB;AAAA"}

package/build/components/user/Profile.skeleton.js

@@ -0,0 +1,119 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@mirai/ui");
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = require("../__internal__/Skeleton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = () => /*#__PURE__*/_react.default.createElement(_ui.View, {
+  wide: true,
+  style: {
+    padding: '1rem'
+  }
+}, /*#__PURE__*/_react.default.createElement(_ui.View, {
+  row: true,
+  style: {
+    gap: '2rem'
+  }
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '2.5rem',
+    width: '10rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null, "My Bookings")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  wide: true,
+  style: {
+    gap: '0.5rem',
+    marginTop: '2rem',
+    maxWidth: '30rem'
+  }
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null, "Fill in your information and save time when booking"), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  row: true,
+  style: {
+    gap: '0.5rem',
+    marginTop: '1.5rem'
+  }
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem',
+    width: '5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem',
+    width: '5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem',
+    width: '5rem'
+  }
+})), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  row: true,
+  style: {
+    gap: '1rem'
+  }
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  action: true
+}, "Subscribe to our news")), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  wide: true,
+  style: {
+    height: '2.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    marginTop: '2rem'
+  }
+}, "Change your password"), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  action: true
+}, "Requirements: 8 characters, a number & a capital letter."), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  action: true
+}, "Requirements: 8 characters, a number & a capital letter."), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  wide: true,
+  style: {
+    height: '2.5rem',
+    marginTop: '0.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  bold: true,
+  headline: true,
+  level: 3,
+  style: {
+    marginTop: '2rem'
+  }
+}, "Delete my account from Hotel"), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null, "Your member account will be permanently deleted from our database. This action is not reversible."), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  wide: true,
+  style: {
+    height: '2.5rem',
+    marginTop: '0.5rem'
+  }
+})));
+exports.default = _default;
+//# sourceMappingURL=Profile.skeleton.js.map

package/build/components/user/Profile.skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.skeleton.js","names":["padding","gap","height","width","marginTop","maxWidth"],"sources":["../../../src/components/user/Profile.skeleton.jsx"],"sourcesContent":["import { View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__internal__/Skeleton';\n\nexport default () => (\n  <View wide style={{ padding: '1rem' }}>\n    <View row style={{ gap: '2rem' }}>\n      <Skeleton style={{ height: '2.5rem', width: '10rem' }} />\n      <Skeleton>My Bookings</Skeleton>\n    </View>\n    <View wide style={{ gap: '0.5rem', marginTop: '2rem', maxWidth: '30rem' }}>\n      <Skeleton>Fill in your information and save time when booking</Skeleton>\n      <Skeleton style={{ height: '3.5rem' }} />\n      <Skeleton style={{ height: '3.5rem' }} />\n      <Skeleton style={{ height: '3.5rem' }} />\n      <View row style={{ gap: '0.5rem', marginTop: '1.5rem' }}>\n        <Skeleton style={{ height: '3.5rem', width: '5rem' }} />\n        <Skeleton style={{ height: '3.5rem', width: '5rem' }} />\n        <Skeleton style={{ height: '3.5rem', width: '5rem' }} />\n      </View>\n      <Skeleton style={{ height: '3.5rem' }} />\n      <View row style={{ gap: '1rem' }}>\n        <Skeleton />\n        <Skeleton action>Subscribe to our news</Skeleton>\n      </View>\n      <Skeleton wide style={{ height: '2.5rem' }}></Skeleton>\n\n      <Skeleton style={{ marginTop: '2rem' }}>Change your password</Skeleton>\n      <Skeleton style={{ height: '3.5rem' }} />\n      <Skeleton action>Requirements: 8 characters, a number & a capital letter.</Skeleton>\n      <Skeleton style={{ height: '3.5rem' }} />\n      <Skeleton action>Requirements: 8 characters, a number & a capital letter.</Skeleton>\n      <Skeleton wide style={{ height: '2.5rem', marginTop: '0.5rem' }}></Skeleton>\n\n      <Skeleton bold headline level={3} style={{ marginTop: '2rem' }}>\n        Delete my account from Hotel\n      </Skeleton>\n      <Skeleton>\n        Your member account will be permanently deleted from our database. This action is not reversible.\n      </Skeleton>\n      <Skeleton wide style={{ height: '2.5rem', marginTop: '0.5rem' }}></Skeleton>\n    </View>\n  </View>\n);\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AAAoD;AAAA,eAErC,mBACb,6BAAC,QAAI;EAAC,IAAI;EAAC,KAAK,EAAE;IAAEA,OAAO,EAAE;EAAO;AAAE,gBACpC,6BAAC,QAAI;EAAC,GAAG;EAAC,KAAK,EAAE;IAAEC,GAAG,EAAE;EAAO;AAAE,gBAC/B,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAQ;AAAE,EAAG,eACzD,6BAAC,kBAAQ,sBAAuB,CAC3B,eACP,6BAAC,QAAI;EAAC,IAAI;EAAC,KAAK,EAAE;IAAEF,GAAG,EAAE,QAAQ;IAAEG,SAAS,EAAE,MAAM;IAAEC,QAAQ,EAAE;EAAQ;AAAE,gBACxE,6BAAC,kBAAQ,8DAA+D,eACxE,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEH,MAAM,EAAE;EAAS;AAAE,EAAG,eACzC,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEA,MAAM,EAAE;EAAS;AAAE,EAAG,eACzC,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEA,MAAM,EAAE;EAAS;AAAE,EAAG,eACzC,6BAAC,QAAI;EAAC,GAAG;EAAC,KAAK,EAAE;IAAED,GAAG,EAAE,QAAQ;IAAEG,SAAS,EAAE;EAAS;AAAE,gBACtD,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEF,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAO;AAAE,EAAG,eACxD,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAED,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAO;AAAE,EAAG,eACxD,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAED,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAO;AAAE,EAAG,CACnD,eACP,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAED,MAAM,EAAE;EAAS;AAAE,EAAG,eACzC,6BAAC,QAAI;EAAC,GAAG;EAAC,KAAK,EAAE;IAAED,GAAG,EAAE;EAAO;AAAE,gBAC/B,6BAAC,kBAAQ,OAAG,eACZ,6BAAC,kBAAQ;EAAC,MAAM;AAAA,2BAAiC,CAC5C,eACP,6BAAC,kBAAQ;EAAC,IAAI;EAAC,KAAK,EAAE;IAAEC,MAAM,EAAE;EAAS;AAAE,EAAY,eAEvD,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEE,SAAS,EAAE;EAAO;AAAE,0BAAgC,eACvE,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEF,MAAM,EAAE;EAAS;AAAE,EAAG,eACzC,6BAAC,kBAAQ;EAAC,MAAM;AAAA,8DAAoE,eACpF,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEA,MAAM,EAAE;EAAS;AAAE,EAAG,eACzC,6BAAC,kBAAQ;EAAC,MAAM;AAAA,8DAAoE,eACpF,6BAAC,kBAAQ;EAAC,IAAI;EAAC,KAAK,EAAE;IAAEA,MAAM,EAAE,QAAQ;IAAEE,SAAS,EAAE;EAAS;AAAE,EAAY,eAE5E,6BAAC,kBAAQ;EAAC,IAAI;EAAC,QAAQ;EAAC,KAAK,EAAE,CAAE;EAAC,KAAK,EAAE;IAAEA,SAAS,EAAE;EAAO;AAAE,kCAEpD,eACX,6BAAC,kBAAQ,4GAEE,eACX,6BAAC,kBAAQ;EAAC,IAAI;EAAC,KAAK,EAAE;IAAEF,MAAM,EAAE,QAAQ;IAAEE,SAAS,EAAE;EAAS;AAAE,EAAY,CACvE,CAEV;AAAA"}

package/build/components/user/Session.skeleton.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@mirai/ui");
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = require("../__internal__/Skeleton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = () => /*#__PURE__*/_react.default.createElement(_ui.View, {
+  row: true,
+  style: {
+    gap: '1rem'
+  }
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null, "Login"));
+exports.default = _default;
+//# sourceMappingURL=Session.skeleton.js.map

package/build/components/user/Session.skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Session.skeleton.js","names":["gap"],"sources":["../../../src/components/user/Session.skeleton.jsx"],"sourcesContent":["import { View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__internal__/Skeleton';\n\nexport default () => (\n  <View row style={{ gap: '1rem' }}>\n    <Skeleton />\n    <Skeleton>Login</Skeleton>\n  </View>\n);\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AAAoD;AAAA,eAErC,mBACb,6BAAC,QAAI;EAAC,GAAG;EAAC,KAAK,EAAE;IAAEA,GAAG,EAAE;EAAO;AAAE,gBAC/B,6BAAC,kBAAQ,OAAG,eACZ,6BAAC,kBAAQ,gBAAiB,CAE7B;AAAA"}

package/build/components/user/Signup.skeleton.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@mirai/ui");
+var _react = _interopRequireDefault(require("react"));
+var _Skeleton = require("../__internal__/Skeleton");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = () => /*#__PURE__*/_react.default.createElement(_ui.View, {
+  wide: true
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  bold: true,
+  headline: true,
+  level: 2,
+  wide: true
+}, "Sign up for Hotel"), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  action: true,
+  style: {
+    marginTop: '1rem'
+  }
+}, "x Join hotel for free and enjoy exclusive benefits"), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  style: {
+    gap: '0.5rem',
+    marginTop: '2rem'
+  }
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  row: true,
+  style: {
+    gap: '0.5rem',
+    marginTop: '1.5rem'
+  }
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem',
+    width: '5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem',
+    width: '5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem',
+    width: '5rem'
+  }
+})), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  style: {
+    height: '3.5rem'
+  }
+}), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  row: true,
+  style: {
+    gap: '1rem',
+    marginTop: '1.5rem'
+  }
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  action: true
+}, "Subscribe to our news")), /*#__PURE__*/_react.default.createElement(_ui.View, {
+  row: true,
+  style: {
+    gap: '1rem'
+  }
+}, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, null), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  action: true
+}, "I have read and accept the Hotel conditions and privacy policy"))), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+  wide: true,
+  style: {
+    height: '2.5rem',
+    marginTop: '1.5rem'
+  }
+}));
+exports.default = _default;
+//# sourceMappingURL=Signup.skeleton.js.map

package/build/components/user/Signup.skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Signup.skeleton.js","names":["marginTop","gap","height","width"],"sources":["../../../src/components/user/Signup.skeleton.jsx"],"sourcesContent":["import { View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__internal__/Skeleton';\n\nexport default () => (\n  <View wide>\n    <Skeleton bold headline level={2} wide>\n      Sign up for Hotel\n    </Skeleton>\n    <Skeleton action style={{ marginTop: '1rem' }}>\n      x Join hotel for free and enjoy exclusive benefits\n    </Skeleton>\n    <View style={{ gap: '0.5rem', marginTop: '2rem' }}>\n      <Skeleton style={{ height: '3.5rem' }} />\n      <Skeleton style={{ height: '3.5rem' }} />\n      <Skeleton style={{ height: '3.5rem' }} />\n      <View row style={{ gap: '0.5rem', marginTop: '1.5rem' }}>\n        <Skeleton style={{ height: '3.5rem', width: '5rem' }} />\n        <Skeleton style={{ height: '3.5rem', width: '5rem' }} />\n        <Skeleton style={{ height: '3.5rem', width: '5rem' }} />\n      </View>\n      <Skeleton style={{ height: '3.5rem' }} />\n      <Skeleton style={{ height: '3.5rem' }} />\n\n      <View row style={{ gap: '1rem', marginTop: '1.5rem' }}>\n        <Skeleton />\n        <Skeleton action>Subscribe to our news</Skeleton>\n      </View>\n      <View row style={{ gap: '1rem' }}>\n        <Skeleton />\n        <Skeleton action>I have read and accept the Hotel conditions and privacy policy</Skeleton>\n      </View>\n    </View>\n\n    <Skeleton wide style={{ height: '2.5rem', marginTop: '1.5rem' }}></Skeleton>\n  </View>\n);\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AAAoD;AAAA,eAErC,mBACb,6BAAC,QAAI;EAAC,IAAI;AAAA,gBACR,6BAAC,kBAAQ;EAAC,IAAI;EAAC,QAAQ;EAAC,KAAK,EAAE,CAAE;EAAC,IAAI;AAAA,uBAE3B,eACX,6BAAC,kBAAQ;EAAC,MAAM;EAAC,KAAK,EAAE;IAAEA,SAAS,EAAE;EAAO;AAAE,wDAEnC,eACX,6BAAC,QAAI;EAAC,KAAK,EAAE;IAAEC,GAAG,EAAE,QAAQ;IAAED,SAAS,EAAE;EAAO;AAAE,gBAChD,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEE,MAAM,EAAE;EAAS;AAAE,EAAG,eACzC,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEA,MAAM,EAAE;EAAS;AAAE,EAAG,eACzC,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEA,MAAM,EAAE;EAAS;AAAE,EAAG,eACzC,6BAAC,QAAI;EAAC,GAAG;EAAC,KAAK,EAAE;IAAED,GAAG,EAAE,QAAQ;IAAED,SAAS,EAAE;EAAS;AAAE,gBACtD,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEE,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAO;AAAE,EAAG,eACxD,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAED,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAO;AAAE,EAAG,eACxD,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAED,MAAM,EAAE,QAAQ;IAAEC,KAAK,EAAE;EAAO;AAAE,EAAG,CACnD,eACP,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAED,MAAM,EAAE;EAAS;AAAE,EAAG,eACzC,6BAAC,kBAAQ;EAAC,KAAK,EAAE;IAAEA,MAAM,EAAE;EAAS;AAAE,EAAG,eAEzC,6BAAC,QAAI;EAAC,GAAG;EAAC,KAAK,EAAE;IAAED,GAAG,EAAE,MAAM;IAAED,SAAS,EAAE;EAAS;AAAE,gBACpD,6BAAC,kBAAQ,OAAG,eACZ,6BAAC,kBAAQ;EAAC,MAAM;AAAA,2BAAiC,CAC5C,eACP,6BAAC,QAAI;EAAC,GAAG;EAAC,KAAK,EAAE;IAAEC,GAAG,EAAE;EAAO;AAAE,gBAC/B,6BAAC,kBAAQ,OAAG,eACZ,6BAAC,kBAAQ;EAAC,MAAM;AAAA,oEAA0E,CACrF,CACF,eAEP,6BAAC,kBAAQ;EAAC,IAAI;EAAC,KAAK,EAAE;IAAEC,MAAM,EAAE,QAAQ;IAAEF,SAAS,EAAE;EAAS;AAAE,EAAY,CAE/E;AAAA"}

package/build/helpers/findComponents.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.findComponents = void 0;
 var _package = require("../../package.json");
-var _components = _interopRequireDefault(require("../components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _components = require("../components");
 /* eslint-disable no-console */
 
 const NAMESPACE = '[data-mirai-component]';
@@ -21,7 +20,7 @@ const findComponents = () => {
         [key]: el.dataset[name]
       };
     }, {});
-    const isComponent = Object.keys(_components.default).includes(properties?.component);
+    const isComponent = Object.keys(_components.COMPONENTS).includes(properties?.component);
     if (isComponent) {
       components.push({
         ...properties,

package/build/helpers/findComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"findComponents.js","names":["NAMESPACE","COMPONENT_KEY","findComponents","components","document","querySelectorAll","forEach","el","properties","Object","keys","dataset","reduce","current","name","key","isComponent","COMPONENTS","includes","component","push","console","error","version"],"sources":["../../src/helpers/findComponents.js"],"sourcesContent":["/* eslint-disable no-console */\nimport { version } from '../../package.json';\nimport COMPONENTS from '../components';\n\nconst NAMESPACE = '[data-mirai-component]';\nconst COMPONENT_KEY = 'miraiComponent';\n\nexport const findComponents = () => {\n  const components = [];\n\n  [...document.querySelectorAll(NAMESPACE)].forEach((el) => {\n    const properties = Object.keys(el.dataset).reduce((current, name) => {\n      const key = name === COMPONENT_KEY ? 'component' : name;\n\n      return { ...current, [key]: el.dataset[name] };\n    }, {});\n\n    const isComponent = Object.keys(COMPONENTS).includes(properties?.component);\n    if (isComponent) {\n      components.push({ ...properties, el });\n    } else if (properties?.component)\n      // eslint-disable-next-line no-console\n      console.error(`Component <${properties?.component}> is not part of Mirai:Engine v${version}`);\n  });\n\n  return components;\n};\n"],"mappings":";;;;;;AACA;AACA;AAAuC;AAFvC;;AAIA,MAAMA,SAAS,GAAG,wBAAwB;AAC1C,MAAMC,aAAa,GAAG,gBAAgB;AAE/B,MAAMC,cAAc,GAAG,MAAM;EAClC,MAAMC,UAAU,GAAG,EAAE;EAErB,CAAC,GAAGC,QAAQ,CAACC,gBAAgB,CAACL,SAAS,CAAC,CAAC,CAACM,OAAO,CAAEC,EAAE,IAAK;IACxD,MAAMC,UAAU,GAAGC,MAAM,CAACC,IAAI,CAACH,EAAE,CAACI,OAAO,CAAC,CAACC,MAAM,CAAC,CAACC,OAAO,EAAEC,IAAI,KAAK;MACnE,MAAMC,GAAG,GAAGD,IAAI,KAAKb,aAAa,GAAG,WAAW,GAAGa,IAAI;MAEvD,OAAO;QAAE,GAAGD,OAAO;QAAE,CAACE,GAAG,GAAGR,EAAE,CAACI,OAAO,CAACG,IAAI;MAAE,CAAC;IAChD,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,MAAME,WAAW,GAAGP,MAAM,CAACC,IAAI,CAACO,mBAAU,CAAC,CAACC,QAAQ,CAACV,UAAU,EAAEW,SAAS,CAAC;IAC3E,IAAIH,WAAW,EAAE;MACfb,UAAU,CAACiB,IAAI,CAAC;QAAE,GAAGZ,UAAU;QAAED;MAAG,CAAC,CAAC;IACxC,CAAC,MAAM,IAAIC,UAAU,EAAEW,SAAS;MAC9B;MACAE,OAAO,CAACC,KAAK,CAAE,cAAad,UAAU,EAAEW,SAAU,kCAAiCI,gBAAQ,EAAC,CAAC;EACjG,CAAC,CAAC;EAEF,OAAOpB,UAAU;AACnB,CAAC;AAAC"}
+{"version":3,"file":"findComponents.js","names":["NAMESPACE","COMPONENT_KEY","findComponents","components","document","querySelectorAll","forEach","el","properties","Object","keys","dataset","reduce","current","name","key","isComponent","COMPONENTS","includes","component","push","console","error","version"],"sources":["../../src/helpers/findComponents.js"],"sourcesContent":["/* eslint-disable no-console */\nimport { version } from '../../package.json';\nimport { COMPONENTS } from '../components';\n\nconst NAMESPACE = '[data-mirai-component]';\nconst COMPONENT_KEY = 'miraiComponent';\n\nexport const findComponents = () => {\n  const components = [];\n\n  [...document.querySelectorAll(NAMESPACE)].forEach((el) => {\n    const properties = Object.keys(el.dataset).reduce((current, name) => {\n      const key = name === COMPONENT_KEY ? 'component' : name;\n\n      return { ...current, [key]: el.dataset[name] };\n    }, {});\n\n    const isComponent = Object.keys(COMPONENTS).includes(properties?.component);\n    if (isComponent) {\n      components.push({ ...properties, el });\n    } else if (properties?.component)\n      // eslint-disable-next-line no-console\n      console.error(`Component <${properties?.component}> is not part of Mirai:Engine v${version}`);\n  });\n\n  return components;\n};\n"],"mappings":";;;;;;AACA;AACA;AAFA;;AAIA,MAAMA,SAAS,GAAG,wBAAwB;AAC1C,MAAMC,aAAa,GAAG,gBAAgB;AAE/B,MAAMC,cAAc,GAAG,MAAM;EAClC,MAAMC,UAAU,GAAG,EAAE;EAErB,CAAC,GAAGC,QAAQ,CAACC,gBAAgB,CAACL,SAAS,CAAC,CAAC,CAACM,OAAO,CAAEC,EAAE,IAAK;IACxD,MAAMC,UAAU,GAAGC,MAAM,CAACC,IAAI,CAACH,EAAE,CAACI,OAAO,CAAC,CAACC,MAAM,CAAC,CAACC,OAAO,EAAEC,IAAI,KAAK;MACnE,MAAMC,GAAG,GAAGD,IAAI,KAAKb,aAAa,GAAG,WAAW,GAAGa,IAAI;MAEvD,OAAO;QAAE,GAAGD,OAAO;QAAE,CAACE,GAAG,GAAGR,EAAE,CAACI,OAAO,CAACG,IAAI;MAAE,CAAC;IAChD,CAAC,EAAE,CAAC,CAAC,CAAC;IAEN,MAAME,WAAW,GAAGP,MAAM,CAACC,IAAI,CAACO,sBAAU,CAAC,CAACC,QAAQ,CAACV,UAAU,EAAEW,SAAS,CAAC;IAC3E,IAAIH,WAAW,EAAE;MACfb,UAAU,CAACiB,IAAI,CAAC;QAAE,GAAGZ,UAAU;QAAED;MAAG,CAAC,CAAC;IACxC,CAAC,MAAM,IAAIC,UAAU,EAAEW,SAAS;MAC9B;MACAE,OAAO,CAACC,KAAK,CAAE,cAAad,UAAU,EAAEW,SAAU,kCAAiCI,gBAAQ,EAAC,CAAC;EACjG,CAAC,CAAC;EAEF,OAAOpB,UAAU;AACnB,CAAC;AAAC"}

package/build/index.js

@@ -46,17 +46,23 @@ window.Mirai.core = async () => {
   const components = (0, _helpers.findComponents)();
   if (!components.length) return;
 
-  // 5. Analize id to fetch its config
+  // 5. Render skeletons
+  _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_Core.Core, {
+    components,
+    skeleton: true
+  })), instance.el);
+
+  // 6. Analize id to fetch its config
   const config = await (0, _helpers.fetchConfig)(instance);
   if (!config) return;
 
-  // 6. Theming
+  // 7. Theming
   (0, _helpers.theme)();
 
-  // 7 Check session
+  // 8. Check session
   if (session && !(await (0, _helpers.checkSession)(instance.id))) session = undefined;
 
-  // 8. Consolidate store
+  // 9. Consolidate store
   const store = (0, _helpers.consolidateStore)({
     config,
     cookies,
@@ -65,7 +71,7 @@ window.Mirai.core = async () => {
     urlParams
   });
 
-  // 9. Render components
+  // 10. Render components
   _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_react.default.StrictMode, null, /*#__PURE__*/_react.default.createElement(_dataSources.MetricsProvider, {
     token: process.env.METRICS
   }, /*#__PURE__*/_react.default.createElement(_dataSources.StoreProvider, {

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["window","Mirai","environment","process","env","NODE_ENV","services","booking","SERVICE_BOOKING","club","SERVICE_CLUB","engine","SERVICE_ENGINE","static","SERVICE_STATIC","user","SERVICE_USER","version","core","isProduction","isDevelopment","console","log","name","urlParams","fetchUrlParams","location","search","substring","cookies","fetchCookies","COOKIE_CART","COOKIE_PESTANA","COOKIE_VALUES","session","fetchSession","loadEnvironment","undefined","instance","findInstance","components","findComponents","length","config","fetchConfig","theme","checkSession","id","store","consolidateStore","ReactDOM","render","METRICS","el"],"sources":["../src/index.js"],"sourcesContent":["/* eslint-disable no-console */\nimport { MetricsProvider, StoreProvider } from '@mirai/data-sources';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { name, version } from '../package.json';\nimport { Core } from './Core';\nimport { COOKIE_CART, COOKIE_PESTANA, COOKIE_VALUES } from './Core.definition';\nimport {\n  checkSession,\n  consolidateStore,\n  fetchConfig,\n  fetchCookies,\n  fetchSession,\n  fetchUrlParams,\n  findComponents,\n  findInstance,\n  loadEnvironment,\n  theme,\n} from './helpers';\n\nwindow.Mirai = {\n  ...window.Mirai,\n  environment: process.env.NODE_ENV,\n  services: {\n    booking: process.env.SERVICE_BOOKING,\n    club: process.env.SERVICE_CLUB,\n    engine: process.env.SERVICE_ENGINE,\n    static: process.env.SERVICE_STATIC,\n    user: process.env.SERVICE_USER,\n  },\n  version,\n};\n\nwindow.Mirai.core = async () => {\n  const isProduction = process.env.NODE_ENV === 'production';\n  const isDevelopment = process.env.NODE_ENV === 'development';\n\n  console.log(`${isProduction ? '🟢' : isDevelopment ? '🟡' : '🔴'} ${name} v${version} [${process.env.NODE_ENV}]`);\n\n  // 1. Fetch client-side dataSources\n  const urlParams = fetchUrlParams(location.search.substring(1));\n  const cookies = fetchCookies([COOKIE_CART, COOKIE_PESTANA, COOKIE_VALUES]);\n  let session = fetchSession(urlParams);\n\n  // 2. Analize environment\n  const environment = urlParams.env && isProduction ? loadEnvironment(urlParams.env) : undefined;\n  if (environment) return;\n\n  // 3. Find instance\n  const instance = findInstance({ urlParams });\n  if (!instance) return;\n\n  // 4. Find components\n  const components = findComponents();\n  if (!components.length) return;\n\n  // 5. Analize id to fetch its config\n  const config = await fetchConfig(instance);\n  if (!config) return;\n\n  // 6. Theming\n  theme();\n\n  // 7 Check session\n  if (session && !(await checkSession(instance.id))) session = undefined;\n\n  // 8. Consolidate store\n  const store = consolidateStore({ config, cookies, instance, session, urlParams });\n\n  // 9. Render components\n  ReactDOM.render(\n    <React.StrictMode>\n      <MetricsProvider token={process.env.METRICS}>\n        <StoreProvider value={store}>\n          <Core {...{ components }} />\n        </StoreProvider>\n      </MetricsProvider>\n    </React.StrictMode>,\n    instance.el,\n  );\n};\n\nwindow.Mirai.core();\n"],"mappings":";;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAWmB;AAnBnB;;AAqBAA,MAAM,CAACC,KAAK,GAAG;EACb,GAAGD,MAAM,CAACC,KAAK;EACfC,WAAW,EAAEC,OAAO,CAACC,GAAG,CAACC,QAAQ;EACjCC,QAAQ,EAAE;IACRC,OAAO,EAAEJ,OAAO,CAACC,GAAG,CAACI,eAAe;IACpCC,IAAI,EAAEN,OAAO,CAACC,GAAG,CAACM,YAAY;IAC9BC,MAAM,EAAER,OAAO,CAACC,GAAG,CAACQ,cAAc;IAClCC,MAAM,EAAEV,OAAO,CAACC,GAAG,CAACU,cAAc;IAClCC,IAAI,EAAEZ,OAAO,CAACC,GAAG,CAACY;EACpB,CAAC;EACDC,OAAO,EAAPA;AACF,CAAC;AAEDjB,MAAM,CAACC,KAAK,CAACiB,IAAI,GAAG,YAAY;EAC9B,MAAMC,YAAY,GAAGhB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY;EAC1D,MAAMe,aAAa,GAAGjB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;EAE5DgB,OAAO,CAACC,GAAG,CAAE,GAAEH,YAAY,GAAG,IAAI,GAAGC,aAAa,GAAG,IAAI,GAAG,IAAK,IAAGG,aAAK,KAAIN,gBAAQ,KAAId,OAAO,CAACC,GAAG,CAACC,QAAS,GAAE,CAAC;;EAEjH;EACA,MAAMmB,SAAS,GAAG,IAAAC,uBAAc,EAACC,QAAQ,CAACC,MAAM,CAACC,SAAS,CAAC,CAAC,CAAC,CAAC;EAC9D,MAAMC,OAAO,GAAG,IAAAC,qBAAY,EAAC,CAACC,kBAAW,EAAEC,qBAAc,EAAEC,oBAAa,CAAC,CAAC;EAC1E,IAAIC,OAAO,GAAG,IAAAC,qBAAY,EAACX,SAAS,CAAC;;EAErC;EACA,MAAMtB,WAAW,GAAGsB,SAAS,CAACpB,GAAG,IAAIe,YAAY,GAAG,IAAAiB,wBAAe,EAACZ,SAAS,CAACpB,GAAG,CAAC,GAAGiC,SAAS;EAC9F,IAAInC,WAAW,EAAE;;EAEjB;EACA,MAAMoC,QAAQ,GAAG,IAAAC,qBAAY,EAAC;IAAEf;EAAU,CAAC,CAAC;EAC5C,IAAI,CAACc,QAAQ,EAAE;;EAEf;EACA,MAAME,UAAU,GAAG,IAAAC,uBAAc,GAAE;EACnC,IAAI,CAACD,UAAU,CAACE,MAAM,EAAE;;EAExB;EACA,MAAMC,MAAM,GAAG,MAAM,IAAAC,oBAAW,EAACN,QAAQ,CAAC;EAC1C,IAAI,CAACK,MAAM,EAAE;;EAEb;EACA,IAAAE,cAAK,GAAE;;EAEP;EACA,IAAIX,OAAO,IAAI,EAAE,MAAM,IAAAY,qBAAY,EAACR,QAAQ,CAACS,EAAE,CAAC,CAAC,EAAEb,OAAO,GAAGG,SAAS;;EAEtE;EACA,MAAMW,KAAK,GAAG,IAAAC,yBAAgB,EAAC;IAAEN,MAAM;IAAEd,OAAO;IAAES,QAAQ;IAAEJ,OAAO;IAAEV;EAAU,CAAC,CAAC;;EAEjF;EACA0B,iBAAQ,CAACC,MAAM,eACb,6BAAC,cAAK,CAAC,UAAU,qBACf,6BAAC,4BAAe;IAAC,KAAK,EAAEhD,OAAO,CAACC,GAAG,CAACgD;EAAQ,gBAC1C,6BAAC,0BAAa;IAAC,KAAK,EAAEJ;EAAM,gBAC1B,6BAAC,UAAI;IAAOR;EAAU,EAAM,CACd,CACA,CACD,EACnBF,QAAQ,CAACe,EAAE,CACZ;AACH,CAAC;AAEDrD,MAAM,CAACC,KAAK,CAACiB,IAAI,EAAE"}
+{"version":3,"file":"index.js","names":["window","Mirai","environment","process","env","NODE_ENV","services","booking","SERVICE_BOOKING","club","SERVICE_CLUB","engine","SERVICE_ENGINE","static","SERVICE_STATIC","user","SERVICE_USER","version","core","isProduction","isDevelopment","console","log","name","urlParams","fetchUrlParams","location","search","substring","cookies","fetchCookies","COOKIE_CART","COOKIE_PESTANA","COOKIE_VALUES","session","fetchSession","loadEnvironment","undefined","instance","findInstance","components","findComponents","length","ReactDOM","render","el","config","fetchConfig","theme","checkSession","id","store","consolidateStore","METRICS"],"sources":["../src/index.js"],"sourcesContent":["/* eslint-disable no-console */\nimport { MetricsProvider, StoreProvider } from '@mirai/data-sources';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { name, version } from '../package.json';\nimport { Core } from './Core';\nimport { COOKIE_CART, COOKIE_PESTANA, COOKIE_VALUES } from './Core.definition';\nimport {\n  checkSession,\n  consolidateStore,\n  fetchConfig,\n  fetchCookies,\n  fetchSession,\n  fetchUrlParams,\n  findComponents,\n  findInstance,\n  loadEnvironment,\n  theme,\n} from './helpers';\n\nwindow.Mirai = {\n  ...window.Mirai,\n  environment: process.env.NODE_ENV,\n  services: {\n    booking: process.env.SERVICE_BOOKING,\n    club: process.env.SERVICE_CLUB,\n    engine: process.env.SERVICE_ENGINE,\n    static: process.env.SERVICE_STATIC,\n    user: process.env.SERVICE_USER,\n  },\n  version,\n};\n\nwindow.Mirai.core = async () => {\n  const isProduction = process.env.NODE_ENV === 'production';\n  const isDevelopment = process.env.NODE_ENV === 'development';\n\n  console.log(`${isProduction ? '🟢' : isDevelopment ? '🟡' : '🔴'} ${name} v${version} [${process.env.NODE_ENV}]`);\n\n  // 1. Fetch client-side dataSources\n  const urlParams = fetchUrlParams(location.search.substring(1));\n  const cookies = fetchCookies([COOKIE_CART, COOKIE_PESTANA, COOKIE_VALUES]);\n  let session = fetchSession(urlParams);\n\n  // 2. Analize environment\n  const environment = urlParams.env && isProduction ? loadEnvironment(urlParams.env) : undefined;\n  if (environment) return;\n\n  // 3. Find instance\n  const instance = findInstance({ urlParams });\n  if (!instance) return;\n\n  // 4. Find components\n  const components = findComponents();\n  if (!components.length) return;\n\n  // 5. Render skeletons\n  ReactDOM.render(\n    <React.StrictMode>\n      <Core {...{ components }} skeleton />\n    </React.StrictMode>,\n    instance.el,\n  );\n\n  // 6. Analize id to fetch its config\n  const config = await fetchConfig(instance);\n  if (!config) return;\n\n  // 7. Theming\n  theme();\n\n  // 8. Check session\n  if (session && !(await checkSession(instance.id))) session = undefined;\n\n  // 9. Consolidate store\n  const store = consolidateStore({ config, cookies, instance, session, urlParams });\n\n  // 10. Render components\n  ReactDOM.render(\n    <React.StrictMode>\n      <MetricsProvider token={process.env.METRICS}>\n        <StoreProvider value={store}>\n          <Core {...{ components }} />\n        </StoreProvider>\n      </MetricsProvider>\n    </React.StrictMode>,\n    instance.el,\n  );\n};\n\nwindow.Mirai.core();\n"],"mappings":";;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAWmB;AAnBnB;;AAqBAA,MAAM,CAACC,KAAK,GAAG;EACb,GAAGD,MAAM,CAACC,KAAK;EACfC,WAAW,EAAEC,OAAO,CAACC,GAAG,CAACC,QAAQ;EACjCC,QAAQ,EAAE;IACRC,OAAO,EAAEJ,OAAO,CAACC,GAAG,CAACI,eAAe;IACpCC,IAAI,EAAEN,OAAO,CAACC,GAAG,CAACM,YAAY;IAC9BC,MAAM,EAAER,OAAO,CAACC,GAAG,CAACQ,cAAc;IAClCC,MAAM,EAAEV,OAAO,CAACC,GAAG,CAACU,cAAc;IAClCC,IAAI,EAAEZ,OAAO,CAACC,GAAG,CAACY;EACpB,CAAC;EACDC,OAAO,EAAPA;AACF,CAAC;AAEDjB,MAAM,CAACC,KAAK,CAACiB,IAAI,GAAG,YAAY;EAC9B,MAAMC,YAAY,GAAGhB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY;EAC1D,MAAMe,aAAa,GAAGjB,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa;EAE5DgB,OAAO,CAACC,GAAG,CAAE,GAAEH,YAAY,GAAG,IAAI,GAAGC,aAAa,GAAG,IAAI,GAAG,IAAK,IAAGG,aAAK,KAAIN,gBAAQ,KAAId,OAAO,CAACC,GAAG,CAACC,QAAS,GAAE,CAAC;;EAEjH;EACA,MAAMmB,SAAS,GAAG,IAAAC,uBAAc,EAACC,QAAQ,CAACC,MAAM,CAACC,SAAS,CAAC,CAAC,CAAC,CAAC;EAC9D,MAAMC,OAAO,GAAG,IAAAC,qBAAY,EAAC,CAACC,kBAAW,EAAEC,qBAAc,EAAEC,oBAAa,CAAC,CAAC;EAC1E,IAAIC,OAAO,GAAG,IAAAC,qBAAY,EAACX,SAAS,CAAC;;EAErC;EACA,MAAMtB,WAAW,GAAGsB,SAAS,CAACpB,GAAG,IAAIe,YAAY,GAAG,IAAAiB,wBAAe,EAACZ,SAAS,CAACpB,GAAG,CAAC,GAAGiC,SAAS;EAC9F,IAAInC,WAAW,EAAE;;EAEjB;EACA,MAAMoC,QAAQ,GAAG,IAAAC,qBAAY,EAAC;IAAEf;EAAU,CAAC,CAAC;EAC5C,IAAI,CAACc,QAAQ,EAAE;;EAEf;EACA,MAAME,UAAU,GAAG,IAAAC,uBAAc,GAAE;EACnC,IAAI,CAACD,UAAU,CAACE,MAAM,EAAE;;EAExB;EACAC,iBAAQ,CAACC,MAAM,eACb,6BAAC,cAAK,CAAC,UAAU,qBACf,6BAAC,UAAI;IAAOJ,UAAU;IAAI,QAAQ;EAAA,EAAG,CACpB,EACnBF,QAAQ,CAACO,EAAE,CACZ;;EAED;EACA,MAAMC,MAAM,GAAG,MAAM,IAAAC,oBAAW,EAACT,QAAQ,CAAC;EAC1C,IAAI,CAACQ,MAAM,EAAE;;EAEb;EACA,IAAAE,cAAK,GAAE;;EAEP;EACA,IAAId,OAAO,IAAI,EAAE,MAAM,IAAAe,qBAAY,EAACX,QAAQ,CAACY,EAAE,CAAC,CAAC,EAAEhB,OAAO,GAAGG,SAAS;;EAEtE;EACA,MAAMc,KAAK,GAAG,IAAAC,yBAAgB,EAAC;IAAEN,MAAM;IAAEjB,OAAO;IAAES,QAAQ;IAAEJ,OAAO;IAAEV;EAAU,CAAC,CAAC;;EAEjF;EACAmB,iBAAQ,CAACC,MAAM,eACb,6BAAC,cAAK,CAAC,UAAU,qBACf,6BAAC,4BAAe;IAAC,KAAK,EAAEzC,OAAO,CAACC,GAAG,CAACiD;EAAQ,gBAC1C,6BAAC,0BAAa;IAAC,KAAK,EAAEF;EAAM,gBAC1B,6BAAC,UAAI;IAAOX;EAAU,EAAM,CACd,CACA,CACD,EACnBF,QAAQ,CAACO,EAAE,CACZ;AACH,CAAC;AAED7C,MAAM,CAACC,KAAK,CAACiB,IAAI,EAAE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/core",
-  "version": "0.1.53",
+  "version": "0.1.55",
   "source": "src/index.js",
   "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
   "author": "JΛVI <hello@soyjavi.com>",