@mirai/core 0.1.27 → 0.1.29

package/build/components/__internal__/Environment.js

@@ -7,6 +7,9 @@ exports.default = void 0;
 var _dataSources = require("@mirai/data-sources");
 var _ui = require("@mirai/ui");
 var _react = _interopRequireDefault(require("react"));
+var style = _interopRequireWildcard(require("./Environment.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 LOCALES = ['es-ES', 'en-US', 'en-GB', 'ja-JP', 'de-DE', 'pt-PT'];
 const CURRENCIES = ['EUR', 'USD', 'GBP', 'JPY'];
@@ -18,20 +21,24 @@ var _default = () => {
       locale
     }
   } = (0, _dataSources.useStore)();
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true
+  }, /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
     name: "locale",
     options: LOCALES,
     value: locale,
     onChange: value => set({
       locale: value
-    })
+    }),
+    className: style.container
   }), /*#__PURE__*/_react.default.createElement(_ui.InputSelect, {
     name: "currency",
     options: CURRENCIES,
     value: currency,
     onChange: value => set({
       currency: value
-    })
+    }),
+    className: style.container
   }));
 };
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"Environment.js","names":["LOCALES","CURRENCIES","set","value","currency","locale","useStore"],"sources":["../../../src/components/__internal__/Environment.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { InputSelect } from '@mirai/ui';\nimport React from 'react';\n\nconst LOCALES = ['es-ES', 'en-US', 'en-GB', 'ja-JP', 'de-DE', 'pt-PT'];\nconst CURRENCIES = ['EUR', 'USD', 'GBP', 'JPY'];\n\nexport default () => {\n  const {\n    set,\n    value: { currency, locale },\n  } = useStore();\n\n  return (\n    <>\n      <InputSelect name=\"locale\" options={LOCALES} value={locale} onChange={(value) => set({ locale: value })} />\n      <InputSelect\n        name=\"currency\"\n        options={CURRENCIES}\n        value={currency}\n        onChange={(value) => set({ currency: value })}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA0B;AAE1B,MAAMA,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;AACtE,MAAMC,UAAU,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AAAC,eAEjC,MAAM;EACnB,MAAM;IACJC,GAAG;IACHC,KAAK,EAAE;MAAEC,QAAQ;MAAEC;IAAO;EAC5B,CAAC,GAAG,IAAAC,qBAAQ,GAAE;EAEd,oBACE,yEACE,6BAAC,eAAW;IAAC,IAAI,EAAC,QAAQ;IAAC,OAAO,EAAEN,OAAQ;IAAC,KAAK,EAAEK,MAAO;IAAC,QAAQ,EAAGF,KAAK,IAAKD,GAAG,CAAC;MAAEG,MAAM,EAAEF;IAAM,CAAC;EAAE,EAAG,eAC3G,6BAAC,eAAW;IACV,IAAI,EAAC,UAAU;IACf,OAAO,EAAEF,UAAW;IACpB,KAAK,EAAEG,QAAS;IAChB,QAAQ,EAAGD,KAAK,IAAKD,GAAG,CAAC;MAAEE,QAAQ,EAAED;IAAM,CAAC;EAAE,EAC9C,CACD;AAEP,CAAC;AAAA"}
+{"version":3,"file":"Environment.js","names":["LOCALES","CURRENCIES","set","value","currency","locale","useStore","style","container"],"sources":["../../../src/components/__internal__/Environment.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { InputSelect, View } from '@mirai/ui';\nimport React from 'react';\n\nimport * as style from './Environment.module.css';\n\nconst LOCALES = ['es-ES', 'en-US', 'en-GB', 'ja-JP', 'de-DE', 'pt-PT'];\nconst CURRENCIES = ['EUR', 'USD', 'GBP', 'JPY'];\n\nexport default () => {\n  const {\n    set,\n    value: { currency, locale },\n  } = useStore();\n\n  return (\n    <View row>\n      <InputSelect\n        name=\"locale\"\n        options={LOCALES}\n        value={locale}\n        onChange={(value) => set({ locale: value })}\n        className={style.container}\n      />\n      <InputSelect\n        name=\"currency\"\n        options={CURRENCIES}\n        value={currency}\n        onChange={(value) => set({ currency: value })}\n        className={style.container}\n      />\n    </View>\n  );\n};\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAEA;AAAkD;AAAA;AAAA;AAElD,MAAMA,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;AACtE,MAAMC,UAAU,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AAAC,eAEjC,MAAM;EACnB,MAAM;IACJC,GAAG;IACHC,KAAK,EAAE;MAAEC,QAAQ;MAAEC;IAAO;EAC5B,CAAC,GAAG,IAAAC,qBAAQ,GAAE;EAEd,oBACE,6BAAC,QAAI;IAAC,GAAG;EAAA,gBACP,6BAAC,eAAW;IACV,IAAI,EAAC,QAAQ;IACb,OAAO,EAAEN,OAAQ;IACjB,KAAK,EAAEK,MAAO;IACd,QAAQ,EAAGF,KAAK,IAAKD,GAAG,CAAC;MAAEG,MAAM,EAAEF;IAAM,CAAC,CAAE;IAC5C,SAAS,EAAEI,KAAK,CAACC;EAAU,EAC3B,eACF,6BAAC,eAAW;IACV,IAAI,EAAC,UAAU;IACf,OAAO,EAAEP,UAAW;IACpB,KAAK,EAAEG,QAAS;IAChB,QAAQ,EAAGD,KAAK,IAAKD,GAAG,CAAC;MAAEE,QAAQ,EAAED;IAAM,CAAC,CAAE;IAC9C,SAAS,EAAEI,KAAK,CAACC;EAAU,EAC3B,CACG;AAEX,CAAC;AAAA"}

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

@@ -0,0 +1,4 @@
+.container {
+  margin-bottom: 0px;
+  margin-left: 12px;
+}

package/build/components/__internal__/State.js

@@ -34,9 +34,10 @@ var _default = () => {
   } = value;
   (0, _react.useEffect)(() => setTimestamp(new Date()), [value]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: style.container,
+    className: style.container
+  }, /*#__PURE__*/_react.default.createElement("span", {
     onClick: () => setExpanded(!expanded)
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("strong", null, `${_package.name} v${_package.version}`), timestamp && /*#__PURE__*/_react.default.createElement("span", null, timestamp.toString().substring(4, 24))), expanded && /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify({
+  }, /*#__PURE__*/_react.default.createElement("strong", null, `${_package.name} v${_package.version}`), timestamp && /*#__PURE__*/_react.default.createElement("span", null, timestamp.toString().substring(4, 24))), expanded && /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify({
     type,
     //
     region: {

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

@@ -1 +1 @@
-{"version":3,"file":"State.js","names":["value","useStore","expanded","setExpanded","useState","timestamp","setTimestamp","type","currency","language","country","locale","club","hotel","session","finder","signup","useEffect","Date","style","container","name","version","toString","substring","JSON","stringify","region"],"sources":["../../../src/components/__internal__/State.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport React, { useEffect, useState } from 'react';\n\nimport { name, version } from '../../../package.json';\nimport * as style from './State.module.css';\n\nexport default () => {\n  const { value } = useStore();\n\n  const [expanded, setExpanded] = useState(false);\n  const [timestamp, setTimestamp] = useState();\n\n  const {\n    //\n    type,\n    // region\n    currency,\n    language,\n    country,\n    locale,\n    // entities\n    club,\n    hotel,\n    session,\n    // components\n    finder,\n    signup,\n  } = value;\n\n  useEffect(() => setTimestamp(new Date()), [value]);\n\n  return (\n    <div className={style.container} onClick={() => setExpanded(!expanded)}>\n      <span>\n        <strong>{`${name} v${version}`}</strong>\n        {timestamp && <span>{timestamp.toString().substring(4, 24)}</span>}\n      </span>\n      {expanded && (\n        <pre>\n          {JSON.stringify(\n            {\n              type,\n              //\n              region: {\n                currency,\n                language,\n                country,\n                locale,\n              },\n              // entities\n              club,\n              hotel,\n              session,\n              // components\n              finder,\n              signup,\n            },\n            null,\n            2,\n          )}\n        </pre>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA4C;AAAA;AAAA,eAE7B,MAAM;EACnB,MAAM;IAAEA;EAAM,CAAC,GAAG,IAAAC,qBAAQ,GAAE;EAE5B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,GAAE;EAE5C,MAAM;IACJ;IACAG,IAAI;IACJ;IACAC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACN;IACAC,IAAI;IACJC,KAAK;IACLC,OAAO;IACP;IACAC,MAAM;IACNC;EACF,CAAC,GAAGhB,KAAK;EAET,IAAAiB,gBAAS,EAAC,MAAMX,YAAY,CAAC,IAAIY,IAAI,EAAE,CAAC,EAAE,CAAClB,KAAK,CAAC,CAAC;EAElD,oBACE;IAAK,SAAS,EAAEmB,KAAK,CAACC,SAAU;IAAC,OAAO,EAAE,MAAMjB,WAAW,CAAC,CAACD,QAAQ;EAAE,gBACrE,wDACE,6CAAU,GAAEmB,aAAK,KAAIC,gBAAQ,EAAC,CAAU,EACvCjB,SAAS,iBAAI,2CAAOA,SAAS,CAACkB,QAAQ,EAAE,CAACC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAQ,CAC7D,EACNtB,QAAQ,iBACP,0CACGuB,IAAI,CAACC,SAAS,CACb;IACEnB,IAAI;IACJ;IACAoB,MAAM,EAAE;MACNnB,QAAQ;MACRC,QAAQ;MACRC,OAAO;MACPC;IACF,CAAC;IACD;IACAC,IAAI;IACJC,KAAK;IACLC,OAAO;IACP;IACAC,MAAM;IACNC;EACF,CAAC,EACD,IAAI,EACJ,CAAC,CACF,CAEJ,CACG;AAEV,CAAC;AAAA"}
+{"version":3,"file":"State.js","names":["value","useStore","expanded","setExpanded","useState","timestamp","setTimestamp","type","currency","language","country","locale","club","hotel","session","finder","signup","useEffect","Date","style","container","name","version","toString","substring","JSON","stringify","region"],"sources":["../../../src/components/__internal__/State.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport React, { useEffect, useState } from 'react';\n\nimport { name, version } from '../../../package.json';\nimport * as style from './State.module.css';\n\nexport default () => {\n  const { value } = useStore();\n\n  const [expanded, setExpanded] = useState(false);\n  const [timestamp, setTimestamp] = useState();\n\n  const {\n    //\n    type,\n    // region\n    currency,\n    language,\n    country,\n    locale,\n    // entities\n    club,\n    hotel,\n    session,\n    // components\n    finder,\n    signup,\n  } = value;\n\n  useEffect(() => setTimestamp(new Date()), [value]);\n\n  return (\n    <div className={style.container}>\n      <span onClick={() => setExpanded(!expanded)}>\n        <strong>{`${name} v${version}`}</strong>\n        {timestamp && <span>{timestamp.toString().substring(4, 24)}</span>}\n      </span>\n      {expanded && (\n        <pre>\n          {JSON.stringify(\n            {\n              type,\n              //\n              region: {\n                currency,\n                language,\n                country,\n                locale,\n              },\n              // entities\n              club,\n              hotel,\n              session,\n              // components\n              finder,\n              signup,\n            },\n            null,\n            2,\n          )}\n        </pre>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AAA4C;AAAA;AAAA,eAE7B,MAAM;EACnB,MAAM;IAAEA;EAAM,CAAC,GAAG,IAAAC,qBAAQ,GAAE;EAE5B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAC/C,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,GAAE;EAE5C,MAAM;IACJ;IACAG,IAAI;IACJ;IACAC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACN;IACAC,IAAI;IACJC,KAAK;IACLC,OAAO;IACP;IACAC,MAAM;IACNC;EACF,CAAC,GAAGhB,KAAK;EAET,IAAAiB,gBAAS,EAAC,MAAMX,YAAY,CAAC,IAAIY,IAAI,EAAE,CAAC,EAAE,CAAClB,KAAK,CAAC,CAAC;EAElD,oBACE;IAAK,SAAS,EAAEmB,KAAK,CAACC;EAAU,gBAC9B;IAAM,OAAO,EAAE,MAAMjB,WAAW,CAAC,CAACD,QAAQ;EAAE,gBAC1C,6CAAU,GAAEmB,aAAK,KAAIC,gBAAQ,EAAC,CAAU,EACvCjB,SAAS,iBAAI,2CAAOA,SAAS,CAACkB,QAAQ,EAAE,CAACC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,CAAQ,CAC7D,EACNtB,QAAQ,iBACP,0CACGuB,IAAI,CAACC,SAAS,CACb;IACEnB,IAAI;IACJ;IACAoB,MAAM,EAAE;MACNnB,QAAQ;MACRC,QAAQ;MACRC,OAAO;MACPC;IACF,CAAC;IACD;IACAC,IAAI;IACJC,KAAK;IACLC,OAAO;IACP;IACAC,MAAM;IACNC;EACF,CAAC,EACD,IAAI,EACJ,CAAC,CACF,CAEJ,CACG;AAEV,CAAC;AAAA"}

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

@@ -1,29 +1,34 @@
 .container {
   background-color: rgba(0, 0, 0, 0.9);
-  padding: 1rem;
-  position: fixed;
-  flex-direction: column;
-  bottom: 1rem;
-  left: 1rem;
+  border-radius: 4px;
+  bottom: 16px;
   display: flex;
+  flex-direction: column;
+  left: 16px;
+  max-width: calc(100% - 64px);
+  padding: 16px;
+  position: fixed;
 }
 
 .container,
 .container * {
   color: #fff;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .container > pre {
-  margin: 0;
-  padding: 0;
+  background-color: rgba(255, 255, 255, 0.1);
+  border-radius: 4px;
+  font-size: 10px;
+  margin: 8px 0 0 0;
+  overflow: hidden;
+  padding: 8px;
 }
 
 .container > span {
-  align-self: flex-end;
+  cursor: pointer;
   display: flex;
   flex-direction: column;
-  align-items: flex-end;
 }
 
 .container > span > strong {

package/build/components/index.js

@@ -19,8 +19,7 @@ var _default = {
   signup: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./user/Signup')))),
   // Internal
   environment: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./__internal__/Environment')))),
-  state: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./__internal__/State')))),
-  ghost: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./__internal__/Ghost'))))
+  state: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./__internal__/State'))))
 };
 exports.default = _default;
 //# 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","ghost"],"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  ghost: React.lazy(() => import('./__internal__/Ghost')),\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,CAAC;EACvDO,KAAK,eAAER,cAAK,CAACC,IAAI,CAAC,mEAAa,sBAAsB,GAAC;AACxD,CAAC;AAAA"}
+{"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"}

package/build/helpers/fetchSession.js

@@ -5,34 +5,62 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.fetchSession = void 0;
 var _dataSources = require("@mirai/data-sources");
-const SESSION_STORAGE_ID = 'CLUB';
+const CACHE_LIMIT = 1000 * 60 * 60 * 24 * 7;
+const SESSION_STORAGE_LEGACY_ID = 'CLUB';
+const SESSION_STORAGE_ID = 'MIRAI:SERVICE:USER:session';
 const fetchSession = function () {
   let urlParams = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const storage = new _dataSources.Storage({
-    adapter: _dataSources.SessionAdapter
+  let storage = new _dataSources.Storage({
+    adapter: _dataSources.LocalAdapter,
+    cache: CACHE_LIMIT
   });
   let session = storage.get(SESSION_STORAGE_ID);
+  if (!session) {
+    storage = new _dataSources.Storage({
+      adapter: _dataSources.SessionAdapter
+    });
+    session = storage.get(SESSION_STORAGE_LEGACY_ID);
+  }
   if (!session && urlParams.session) {
     try {
       session = JSON.parse(urlParams.session);
     } catch (error) {
+      // eslint-disable-next-line no-console
       console.error('', error);
     }
   }
   const {
     accessToken,
+    authorization,
     email,
     firstName,
-    lastName
-    // ? Not sure we should get this data
-    // clubId,
-    // clubName,
+    lastName,
+    country,
+    dateOfBirth,
+    club: {
+      name,
+      id,
+      level
+    } = {},
+    subscribed,
+    // ? Not sure we should get this data from legacy
+    idClub: clubId,
+    clubName,
+    level: clubLevel
   } = session || {};
-  return accessToken ? {
-    accessToken,
+  return accessToken || authorization ? {
+    authorization: authorization || accessToken,
     email,
     firstName,
-    lastName
+    lastName,
+    country,
+    dateOfBirth,
+    club: {
+      name: name || clubName,
+      id: id || clubId,
+      level: level || clubLevel
+    },
+    subscribed
   } : undefined;
 };
 exports.fetchSession = fetchSession;

package/build/helpers/fetchSession.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetchSession.js","names":["SESSION_STORAGE_ID","fetchSession","urlParams","storage","Storage","adapter","SessionAdapter","session","get","JSON","parse","error","console","accessToken","email","firstName","lastName","undefined"],"sources":["../../src/helpers/fetchSession.js"],"sourcesContent":["import { SessionAdapter, Storage } from '@mirai/data-sources';\n\nconst SESSION_STORAGE_ID = 'CLUB';\n\nexport const fetchSession = (urlParams = {}) => {\n  const storage = new Storage({ adapter: SessionAdapter });\n  let session = storage.get(SESSION_STORAGE_ID);\n\n  if (!session && urlParams.session) {\n    try {\n      session = JSON.parse(urlParams.session);\n    } catch (error) {\n      console.error('', error);\n    }\n  }\n\n  const {\n    accessToken,\n    email,\n    firstName,\n    lastName,\n    // ? Not sure we should get this data\n    // clubId,\n    // clubName,\n  } = session || {};\n\n  return accessToken ? { accessToken, email, firstName, lastName } : undefined;\n};\n"],"mappings":";;;;;;AAAA;AAEA,MAAMA,kBAAkB,GAAG,MAAM;AAE1B,MAAMC,YAAY,GAAG,YAAoB;EAAA,IAAnBC,SAAS,uEAAG,CAAC,CAAC;EACzC,MAAMC,OAAO,GAAG,IAAIC,oBAAO,CAAC;IAAEC,OAAO,EAAEC;EAAe,CAAC,CAAC;EACxD,IAAIC,OAAO,GAAGJ,OAAO,CAACK,GAAG,CAACR,kBAAkB,CAAC;EAE7C,IAAI,CAACO,OAAO,IAAIL,SAAS,CAACK,OAAO,EAAE;IACjC,IAAI;MACFA,OAAO,GAAGE,IAAI,CAACC,KAAK,CAACR,SAAS,CAACK,OAAO,CAAC;IACzC,CAAC,CAAC,OAAOI,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAAC,EAAE,EAAEA,KAAK,CAAC;IAC1B;EACF;EAEA,MAAM;IACJE,WAAW;IACXC,KAAK;IACLC,SAAS;IACTC;IACA;IACA;IACA;EACF,CAAC,GAAGT,OAAO,IAAI,CAAC,CAAC;EAEjB,OAAOM,WAAW,GAAG;IAAEA,WAAW;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGC,SAAS;AAC9E,CAAC;AAAC"}
+{"version":3,"file":"fetchSession.js","names":["CACHE_LIMIT","SESSION_STORAGE_LEGACY_ID","SESSION_STORAGE_ID","fetchSession","urlParams","storage","Storage","adapter","LocalAdapter","cache","session","get","SessionAdapter","JSON","parse","error","console","accessToken","authorization","email","firstName","lastName","country","dateOfBirth","club","name","id","level","subscribed","idClub","clubId","clubName","clubLevel","undefined"],"sources":["../../src/helpers/fetchSession.js"],"sourcesContent":["import { LocalAdapter, SessionAdapter, Storage } from '@mirai/data-sources';\n\nconst CACHE_LIMIT = 1000 * 60 * 60 * 24 * 7;\nconst SESSION_STORAGE_LEGACY_ID = 'CLUB';\nconst SESSION_STORAGE_ID = 'MIRAI:SERVICE:USER:session';\n\nexport const fetchSession = (urlParams = {}) => {\n  let storage = new Storage({ adapter: LocalAdapter, cache: CACHE_LIMIT });\n  let session = storage.get(SESSION_STORAGE_ID);\n\n  if (!session) {\n    storage = new Storage({ adapter: SessionAdapter });\n    session = storage.get(SESSION_STORAGE_LEGACY_ID);\n  }\n\n  if (!session && urlParams.session) {\n    try {\n      session = JSON.parse(urlParams.session);\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error('', error);\n    }\n  }\n\n  const {\n    accessToken,\n    authorization,\n    email,\n    firstName,\n    lastName,\n    country,\n    dateOfBirth,\n    club: { name, id, level } = {},\n    subscribed,\n    // ? Not sure we should get this data from legacy\n    idClub: clubId,\n    clubName,\n    level: clubLevel,\n  } = session || {};\n\n  return accessToken || authorization\n    ? {\n        authorization: authorization || accessToken,\n        email,\n        firstName,\n        lastName,\n        country,\n        dateOfBirth,\n        club: { name: name || clubName, id: id || clubId, level: level || clubLevel },\n        subscribed,\n      }\n    : undefined;\n};\n"],"mappings":";;;;;;AAAA;AAEA,MAAMA,WAAW,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;AAC3C,MAAMC,yBAAyB,GAAG,MAAM;AACxC,MAAMC,kBAAkB,GAAG,4BAA4B;AAEhD,MAAMC,YAAY,GAAG,YAAoB;EAAA,IAAnBC,SAAS,uEAAG,CAAC,CAAC;EACzC,IAAIC,OAAO,GAAG,IAAIC,oBAAO,CAAC;IAAEC,OAAO,EAAEC,yBAAY;IAAEC,KAAK,EAAET;EAAY,CAAC,CAAC;EACxE,IAAIU,OAAO,GAAGL,OAAO,CAACM,GAAG,CAACT,kBAAkB,CAAC;EAE7C,IAAI,CAACQ,OAAO,EAAE;IACZL,OAAO,GAAG,IAAIC,oBAAO,CAAC;MAAEC,OAAO,EAAEK;IAAe,CAAC,CAAC;IAClDF,OAAO,GAAGL,OAAO,CAACM,GAAG,CAACV,yBAAyB,CAAC;EAClD;EAEA,IAAI,CAACS,OAAO,IAAIN,SAAS,CAACM,OAAO,EAAE;IACjC,IAAI;MACFA,OAAO,GAAGG,IAAI,CAACC,KAAK,CAACV,SAAS,CAACM,OAAO,CAAC;IACzC,CAAC,CAAC,OAAOK,KAAK,EAAE;MACd;MACAC,OAAO,CAACD,KAAK,CAAC,EAAE,EAAEA,KAAK,CAAC;IAC1B;EACF;EAEA,MAAM;IACJE,WAAW;IACXC,aAAa;IACbC,KAAK;IACLC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC,WAAW;IACXC,IAAI,EAAE;MAAEC,IAAI;MAAEC,EAAE;MAAEC;IAAM,CAAC,GAAG,CAAC,CAAC;IAC9BC,UAAU;IACV;IACAC,MAAM,EAAEC,MAAM;IACdC,QAAQ;IACRJ,KAAK,EAAEK;EACT,CAAC,GAAGtB,OAAO,IAAI,CAAC,CAAC;EAEjB,OAAOO,WAAW,IAAIC,aAAa,GAC/B;IACEA,aAAa,EAAEA,aAAa,IAAID,WAAW;IAC3CE,KAAK;IACLC,SAAS;IACTC,QAAQ;IACRC,OAAO;IACPC,WAAW;IACXC,IAAI,EAAE;MAAEC,IAAI,EAAEA,IAAI,IAAIM,QAAQ;MAAEL,EAAE,EAAEA,EAAE,IAAII,MAAM;MAAEH,KAAK,EAAEA,KAAK,IAAIK;IAAU,CAAC;IAC7EJ;EACF,CAAC,GACDK,SAAS;AACf,CAAC;AAAC"}

package/build/helpers/theme.js

@@ -40,6 +40,7 @@ const theme = () => {
         if (!(legacy === 'font-family' && value === 'Times')) setVariable(variable, value);
       });
     } catch (error) {
+      // eslint-disable-next-line no-console
       console.error(error);
     }
   });

package/build/helpers/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["VARIABLES","SELECTORS","body","theme","processed","setVariable","key","value","includes","document","documentElement","style","setProperty","trim","push","Object","entries","forEach","variable","legacy","getComputedStyle","getPropertyValue","selector","props","query","querySelector","error","console"],"sources":["../../src/helpers/theme.js"],"sourcesContent":["const VARIABLES = {\n  '--mirai-ui-accent': '--corporative-color',\n  '--mirai-ui-border-radius': '--border-radius',\n};\n\nconst SELECTORS = {\n  body: {\n    '--mirai-ui-font': 'font-family',\n    '--mirai-ui-font-bold': 'font-family',\n    '--mirai-ui-input-font': 'font-family',\n  },\n};\n\nexport const theme = () => {\n  const processed = [];\n\n  const setVariable = (key, value) => {\n    if (!value || processed.includes(key)) return;\n\n    document.documentElement.style.setProperty(key, value.trim());\n    processed.push(key);\n  };\n\n  // CSS variables\n  Object.entries(VARIABLES).forEach(([variable, legacy]) => {\n    setVariable(variable, getComputedStyle(document.documentElement).getPropertyValue(legacy));\n  });\n\n  // CSS Selectors\n  Object.entries(SELECTORS).forEach(([selector, props]) => {\n    try {\n      const query = document.querySelector(selector);\n      Object.entries(props).forEach(([variable, legacy]) => {\n        const value = getComputedStyle(query)[legacy];\n        if (!(legacy === 'font-family' && value === 'Times')) setVariable(variable, value);\n      });\n    } catch (error) {\n      console.error(error);\n    }\n  });\n};\n"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAG;EAChB,mBAAmB,EAAE,qBAAqB;EAC1C,0BAA0B,EAAE;AAC9B,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAE;IACJ,iBAAiB,EAAE,aAAa;IAChC,sBAAsB,EAAE,aAAa;IACrC,uBAAuB,EAAE;EAC3B;AACF,CAAC;AAEM,MAAMC,KAAK,GAAG,MAAM;EACzB,MAAMC,SAAS,GAAG,EAAE;EAEpB,MAAMC,WAAW,GAAG,CAACC,GAAG,EAAEC,KAAK,KAAK;IAClC,IAAI,CAACA,KAAK,IAAIH,SAAS,CAACI,QAAQ,CAACF,GAAG,CAAC,EAAE;IAEvCG,QAAQ,CAACC,eAAe,CAACC,KAAK,CAACC,WAAW,CAACN,GAAG,EAAEC,KAAK,CAACM,IAAI,EAAE,CAAC;IAC7DT,SAAS,CAACU,IAAI,CAACR,GAAG,CAAC;EACrB,CAAC;;EAED;EACAS,MAAM,CAACC,OAAO,CAAChB,SAAS,CAAC,CAACiB,OAAO,CAAC,QAAwB;IAAA,IAAvB,CAACC,QAAQ,EAAEC,MAAM,CAAC;IACnDd,WAAW,CAACa,QAAQ,EAAEE,gBAAgB,CAACX,QAAQ,CAACC,eAAe,CAAC,CAACW,gBAAgB,CAACF,MAAM,CAAC,CAAC;EAC5F,CAAC,CAAC;;EAEF;EACAJ,MAAM,CAACC,OAAO,CAACf,SAAS,CAAC,CAACgB,OAAO,CAAC,SAAuB;IAAA,IAAtB,CAACK,QAAQ,EAAEC,KAAK,CAAC;IAClD,IAAI;MACF,MAAMC,KAAK,GAAGf,QAAQ,CAACgB,aAAa,CAACH,QAAQ,CAAC;MAC9CP,MAAM,CAACC,OAAO,CAACO,KAAK,CAAC,CAACN,OAAO,CAAC,SAAwB;QAAA,IAAvB,CAACC,QAAQ,EAAEC,MAAM,CAAC;QAC/C,MAAMZ,KAAK,GAAGa,gBAAgB,CAACI,KAAK,CAAC,CAACL,MAAM,CAAC;QAC7C,IAAI,EAAEA,MAAM,KAAK,aAAa,IAAIZ,KAAK,KAAK,OAAO,CAAC,EAAEF,WAAW,CAACa,QAAQ,EAAEX,KAAK,CAAC;MACpF,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOmB,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;IACtB;EACF,CAAC,CAAC;AACJ,CAAC;AAAC"}
+{"version":3,"file":"theme.js","names":["VARIABLES","SELECTORS","body","theme","processed","setVariable","key","value","includes","document","documentElement","style","setProperty","trim","push","Object","entries","forEach","variable","legacy","getComputedStyle","getPropertyValue","selector","props","query","querySelector","error","console"],"sources":["../../src/helpers/theme.js"],"sourcesContent":["const VARIABLES = {\n  '--mirai-ui-accent': '--corporative-color',\n  '--mirai-ui-border-radius': '--border-radius',\n};\n\nconst SELECTORS = {\n  body: {\n    '--mirai-ui-font': 'font-family',\n    '--mirai-ui-font-bold': 'font-family',\n    '--mirai-ui-input-font': 'font-family',\n  },\n};\n\nexport const theme = () => {\n  const processed = [];\n\n  const setVariable = (key, value) => {\n    if (!value || processed.includes(key)) return;\n\n    document.documentElement.style.setProperty(key, value.trim());\n    processed.push(key);\n  };\n\n  // CSS variables\n  Object.entries(VARIABLES).forEach(([variable, legacy]) => {\n    setVariable(variable, getComputedStyle(document.documentElement).getPropertyValue(legacy));\n  });\n\n  // CSS Selectors\n  Object.entries(SELECTORS).forEach(([selector, props]) => {\n    try {\n      const query = document.querySelector(selector);\n      Object.entries(props).forEach(([variable, legacy]) => {\n        const value = getComputedStyle(query)[legacy];\n        if (!(legacy === 'font-family' && value === 'Times')) setVariable(variable, value);\n      });\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error(error);\n    }\n  });\n};\n"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAG;EAChB,mBAAmB,EAAE,qBAAqB;EAC1C,0BAA0B,EAAE;AAC9B,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAE;IACJ,iBAAiB,EAAE,aAAa;IAChC,sBAAsB,EAAE,aAAa;IACrC,uBAAuB,EAAE;EAC3B;AACF,CAAC;AAEM,MAAMC,KAAK,GAAG,MAAM;EACzB,MAAMC,SAAS,GAAG,EAAE;EAEpB,MAAMC,WAAW,GAAG,CAACC,GAAG,EAAEC,KAAK,KAAK;IAClC,IAAI,CAACA,KAAK,IAAIH,SAAS,CAACI,QAAQ,CAACF,GAAG,CAAC,EAAE;IAEvCG,QAAQ,CAACC,eAAe,CAACC,KAAK,CAACC,WAAW,CAACN,GAAG,EAAEC,KAAK,CAACM,IAAI,EAAE,CAAC;IAC7DT,SAAS,CAACU,IAAI,CAACR,GAAG,CAAC;EACrB,CAAC;;EAED;EACAS,MAAM,CAACC,OAAO,CAAChB,SAAS,CAAC,CAACiB,OAAO,CAAC,QAAwB;IAAA,IAAvB,CAACC,QAAQ,EAAEC,MAAM,CAAC;IACnDd,WAAW,CAACa,QAAQ,EAAEE,gBAAgB,CAACX,QAAQ,CAACC,eAAe,CAAC,CAACW,gBAAgB,CAACF,MAAM,CAAC,CAAC;EAC5F,CAAC,CAAC;;EAEF;EACAJ,MAAM,CAACC,OAAO,CAACf,SAAS,CAAC,CAACgB,OAAO,CAAC,SAAuB;IAAA,IAAtB,CAACK,QAAQ,EAAEC,KAAK,CAAC;IAClD,IAAI;MACF,MAAMC,KAAK,GAAGf,QAAQ,CAACgB,aAAa,CAACH,QAAQ,CAAC;MAC9CP,MAAM,CAACC,OAAO,CAACO,KAAK,CAAC,CAACN,OAAO,CAAC,SAAwB;QAAA,IAAvB,CAACC,QAAQ,EAAEC,MAAM,CAAC;QAC/C,MAAMZ,KAAK,GAAGa,gBAAgB,CAACI,KAAK,CAAC,CAACL,MAAM,CAAC;QAC7C,IAAI,EAAEA,MAAM,KAAK,aAAa,IAAIZ,KAAK,KAAK,OAAO,CAAC,EAAEF,WAAW,CAACa,QAAQ,EAAEX,KAAK,CAAC;MACpF,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOmB,KAAK,EAAE;MACd;MACAC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;IACtB;EACF,CAAC,CAAC;AACJ,CAAC;AAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/core",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "source": "src/index.js",
   "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
   "author": "JΛVI <hello@soyjavi.com>",
@@ -8,10 +8,11 @@
   "scripts": {
     "setup": "rm -rf node_modules && rm -rf yarn.lock && yarn install --force",
     "start": "rm -rf dist && parcel public/index.html --port 8080 --host local.mirai.com --open",
-    "serve": "serve dist -p 8080 -u -n",
     "build": "node scripts/build.js",
-    "build:pro": "node scripts/bundle.js",
+    "build:local": "node scripts/bundle.js local",
     "build:dev": "node scripts/bundle.js development",
+    "build:pro": "node scripts/bundle.js",
+    "serve": "serve dist -p 8080 -u -n",
     "lint": "eslint --cache --fix --format codeframe --ext .jsx,.js src",
     "test": "node scripts/test.js --watchAll=false --silent",
     "test:coverage": "node scripts/test.js --coverage --coverageReporters=text --detectOpenHandles --forceExit --silent",
@@ -47,7 +48,7 @@
     "parcel": "2.8.3",
     "process": "0.11.10",
     "react-scripts": "5.0.1",
-    "serve": "14.1.2"
+    "serve": "14.2.0"
   },
   "engines": {
     "node": ">=16.15.0"

package/public/customer.css

@@ -4,6 +4,7 @@
   /* --border-radius: 2px; */
   /* theming */
   --mirai-ui-accent: #f2a900;
+  --header-height: calc(var(--mirai-ui-space-XL) * 2);
 }
 
 body {
@@ -20,22 +21,22 @@ footer {
 
 header {
   align-items: center;
-  display: flex;
   background-color: var(--mirai-ui-accent);
+  display: flex;
+  height: var(--header-height);
+  left: 0;
   position: fixed;
   top: 0;
-  left: 0;
   z-index: 1;
-  height: 5rem;
 }
 
 header > * {
-  padding: 0 1rem;
+  padding: 0 var(--mirai-ui-space-M);
 }
 
 header h1 {
   flex: 1;
-  font-size: var(--mirai-ui-font-size-headline-3);
+  font-size: var(--mirai-ui-font-size-headline-2);
   color: var(--mirai-ui-base);
 }
 
@@ -44,69 +45,62 @@ header nav {
   display: flex;
 }
 
-header nav > * {
-  display: flex;
+header nav > *:not([data-mirai-component='environment']) {
+  margin-left: var(--mirai-ui-space-S);
 }
 
-header nav > *:not(:last-child) {
-  margin-left: 1rem;
+header + section {
+  margin-top: var(--header-height);
 }
 
 section {
   align-items: center;
   align-content: center;
-  justify-content: center;
-  display: flex;
-  width: 100%;
   border-bottom: solid 1px var(--mirai-ui-content-border);
-}
-
-section article {
-  padding: 1rem;
+  display: flex;
+  justify-content: center;
+  padding: var(--mirai-ui-space-M);
+  width: calc(100% - calc(var(--mirai-ui-space-M) * 2));
 }
 
 section.finder {
-  align-items: center;
   background-color: var(--mirai-ui-content-border);
-  display: flex;
-  justify-content: center;
-  padding: 3rem 0;
-  margin-top: 5rem;
+  padding-bottom: var(--mirai-ui-space-XL);
+  padding-top: var(--mirai-ui-space-XL);
 }
 
 section.deals {
-  padding: 1rem 0;
 }
 
-footer {
-  background-color: var(--mirai-ui-content-border);
-  display: flex;
-  justify-content: center;
+section.signup {
 }
 
-footer > * {
-  padding: 1rem;
+section.profile > * {
+  width: 100%;
 }
 
-.wrapper {
-  align-items: flex-start;
-  max-width: calc(var(--mirai-ui-breakpoint-content) * 0.75);
-  margin: 0 auto;
-  width: 100%;
+footer {
+  background-color: var(--mirai-ui-content-border);
+  color: var(--mirai-ui-content-light);
+  display: flex;
+  font-size: var(--mirai-ui-font-size-action);
+  justify-content: center;
+  padding: var(--mirai-ui-space-M) 0;
 }
 
 @media only screen and (max-width: 430px) {
-  section {
-    flex-direction: column;
+  section.deals > * {
   }
 
-  section article {
-    width: calc(100vw - 2rem);
+  section.profile {
+    padding-left: 0;
+    padding-right: 0;
+    width: 100%;
   }
 }
 
 @media only screen and (min-width: 431px) {
-  section article {
+  section.signup > * {
     width: 50%;
   }
 }

package/public/index.html

@@ -27,23 +27,14 @@
     <header>
       <h1>@mirai/core</h1>
       <nav>
-        <div data-mirai-component="session" data-mobile="false">
-          <!-- <button class="login" data-ghost>Login</button> -->
-
-          <!-- <div class="session" data-ghost>
-            <small class="email">{{email}}</small>
-            <span>{{firstName}}</span>
-            <span>{{lastName}}</span>
-          </div> -->
-        </div>
+        <div data-mirai-component="session"></div>
         <div data-mirai-component="bookingQuery"></div>
-        <div data-mirai-component="environment"></div>
+        <div data-mirai-component="environment" data-mobile="false"></div>
         <div data-mirai-component="state"></div>
       </nav>
     </header>
 
     <section class="finder">
-      <!-- This ones are not in our repository> -->
       <div data-mirai-component="finder"></div>
     </section>
 
@@ -51,47 +42,15 @@
       <div data-mirai-component="deals"></div>
     </section>
 
-    <section class="row wrapper">
-      <article>
-        <h2>Lorem ipsum dolor sit amet consectetur adipisicing elit.</h2>
-        <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae laborum corrupti sapiente illo suscipit
-          nisi in, maxime natus, architecto excepturi ipsum ducimus alias eligendi repudiandae consequuntur, fuga
-          explicabo rerum modi.
-        </p>
-        <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae laborum corrupti sapiente illo suscipit
-          nisi in, maxime natus, architecto excepturi ipsum ducimus alias eligendi repudiandae consequuntur, fuga
-          explicabo rerum modi.
-        </p>
-        <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae laborum corrupti sapiente illo suscipit
-          nisi in, maxime natus, architecto excepturi ipsum ducimus alias eligendi repudiandae consequuntur, fuga
-          explicabo rerum modi.
-        </p>
-        <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae laborum corrupti sapiente illo suscipit
-          nisi in, maxime natus, architecto excepturi ipsum ducimus alias eligendi repudiandae consequuntur, fuga
-          explicabo rerum modi.
-        </p>
-        <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae laborum corrupti sapiente illo suscipit
-          nisi in, maxime natus, architecto excepturi ipsum ducimus alias eligendi repudiandae consequuntur, fuga
-          explicabo rerum modi.
-        </p>
-      </article>
-      <article>
-        <div data-mirai-component="signup"></div>
-      </article>
+    <section class="profile">
+      <div data-mirai-component="profile"></div>
     </section>
 
-    <section class="wrapper">
-      <!-- <div data-mirai-component="ghost"></div> -->
+    <section class="signup">
+      <div data-mirai-component="signup"></div>
     </section>
 
-    <footer>
-      <small>Copyright, 2022</small>
-    </footer>
+    <footer>Mirai Tech - Copyright, 2023</footer>
 
     <!-- <script type="module" defer src="https://static.mirai.com/core/index.js"></script> -->
     <!-- <script type="module" defer src="https://static-pre.mirai.com/core/index.js"></script> -->

package/site/customer.css

@@ -0,0 +1,106 @@
+:root {
+  /* legacy */
+  /* --corporative-color: #f2a900; */
+  /* --border-radius: 2px; */
+  /* theming */
+  --mirai-ui-accent: #f2a900;
+  --header-height: calc(var(--mirai-ui-space-XL) * 2);
+}
+
+body {
+  color: var(--mirai-ui-content);
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+  margin: 0;
+  padding: 0;
+}
+
+header,
+footer {
+  width: 100%;
+}
+
+header {
+  align-items: center;
+  background-color: var(--mirai-ui-accent);
+  display: flex;
+  height: var(--header-height);
+  left: 0;
+  position: fixed;
+  top: 0;
+  z-index: 1;
+}
+
+header > * {
+  padding: 0 var(--mirai-ui-space-M);
+}
+
+header h1 {
+  flex: 1;
+  font-size: var(--mirai-ui-font-size-headline-2);
+  color: var(--mirai-ui-base);
+}
+
+header nav {
+  align-items: center;
+  display: flex;
+}
+
+header nav > *:not([data-mirai-component='environment']) {
+  margin-left: var(--mirai-ui-space-S);
+}
+
+header + section {
+  margin-top: var(--header-height);
+}
+
+section {
+  align-items: center;
+  align-content: center;
+  border-bottom: solid 1px var(--mirai-ui-content-border);
+  display: flex;
+  justify-content: center;
+  padding: var(--mirai-ui-space-M);
+  width: calc(100% - calc(var(--mirai-ui-space-M) * 2));
+}
+
+section.finder {
+  background-color: var(--mirai-ui-content-border);
+  padding-bottom: var(--mirai-ui-space-XL);
+  padding-top: var(--mirai-ui-space-XL);
+}
+
+section.deals {
+}
+
+section.signup {
+}
+
+section.profile > * {
+  width: 100%;
+}
+
+footer {
+  background-color: var(--mirai-ui-content-border);
+  color: var(--mirai-ui-content-light);
+  display: flex;
+  font-size: var(--mirai-ui-font-size-action);
+  justify-content: center;
+  padding: var(--mirai-ui-space-M) 0;
+}
+
+@media only screen and (max-width: 430px) {
+  section.deals > * {
+  }
+
+  section.profile {
+    padding-left: 0;
+    padding-right: 0;
+    width: 100%;
+  }
+}
+
+@media only screen and (min-width: 431px) {
+  section.signup > * {
+    width: 50%;
+  }
+}

package/site/index.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>@mirai/core</title>
+    <link rel="stylesheet" href="{url}/index.css" rel="preload" defer />
+    <link rel="stylesheet" href="{url}/site/customer.css" />
+  </head>
+  <body>
+    <!-- hotel example -->
+    <!-- <div data-mirai-id="10030559" data-locale="en-GB" data-currency="GBP" hidden></div> -->
+    <!-- chain example -->
+    <div data-mirai-id="501404" data-hotel="100376545" data-type="chain" data-locale="en-GB" hidden></div>
+
+    <header>
+      <h1>@mirai/core</h1>
+      <nav>
+        <div data-mirai-component="session"></div>
+        <div data-mirai-component="bookingQuery"></div>
+        <div data-mirai-component="environment" data-mobile="false"></div>
+        <div data-mirai-component="state"></div>
+      </nav>
+    </header>
+
+    <section class="finder">
+      <div data-mirai-component="finder"></div>
+    </section>
+
+    <section class="deals">
+      <div data-mirai-component="deals"></div>
+    </section>
+
+    <footer>Mirai Tech - Copyright, 2023</footer>
+
+    <script type="module" defer src="{url}/index.js"></script>
+  </body>
+</html>

package/site/profile/index.html

@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>@mirai/core</title>
+    <link rel="stylesheet" href="{url}/index.css" rel="preload" defer />
+    <link rel="stylesheet" href="{url}/site/customer.css" />
+  </head>
+  <body>
+    <div data-mirai-id="501404" data-hotel="100376545" data-type="chain" data-locale="en-GB" hidden></div>
+
+    <header>
+      <h1>@mirai/core</h1>
+      <nav>
+        <div data-mirai-component="session"></div>
+        <div data-mirai-component="bookingQuery"></div>
+        <div data-mirai-component="environment" data-mobile="false"></div>
+        <div data-mirai-component="state"></div>
+      </nav>
+    </header>
+
+    <section class="profile">
+      <div data-mirai-component="profile"></div>
+    </section>
+
+    <section class="signup">
+      <div data-mirai-component="signup"></div>
+    </section>
+
+    <footer>Mirai Tech - Copyright, 2023</footer>
+
+    <script type="module" defer src="{url}/index.js"></script>
+  </body>
+</html>

package/site/signup/index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>@mirai/core</title>
+    <link rel="stylesheet" href="{url}/index.css" rel="preload" defer />
+    <link rel="stylesheet" href="{url}/site/customer.css" />
+  </head>
+  <body>
+    <div data-mirai-id="501404" data-hotel="100376545" data-type="chain" data-locale="en-GB" hidden></div>
+
+    <header>
+      <h1>@mirai/core</h1>
+      <nav>
+        <div data-mirai-component="session"></div>
+        <div data-mirai-component="bookingQuery"></div>
+        <div data-mirai-component="environment" data-mobile="false"></div>
+        <div data-mirai-component="state"></div>
+      </nav>
+    </header>
+
+    <section class="signup">
+      <div data-mirai-component="signup"></div>
+    </section>
+
+    <footer>Mirai Tech - Copyright, 2023</footer>
+
+    <script type="module" defer src="{url}/index.js"></script>
+  </body>
+</html>

package/build/components/__internal__/Ghost.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _ui = require("@mirai/ui");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Ghost = _ref => {
-  let {
-    ghost
-  } = _ref;
-  const handlePress = () => {
-    console.log('<Ghost>:handlePress');
-  };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ghost ? /*#__PURE__*/_react.default.createElement(_ui.Pressable, {
-    onPress: handlePress,
-    dangerouslySetInnerHTML: {
-      __html: ghost.outerHTML
-    }
-  }) : /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    onPress: handlePress
-  }, "Ghost.jsx"), /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    tag: "p"
-  }, "Lorem ipsum dolor sit amet consectetur adipisicing elit."));
-};
-Ghost.propTypes = {
-  ghost: _propTypes.default.any
-};
-var _default = Ghost;
-exports.default = _default;
-//# sourceMappingURL=Ghost.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Ghost.js","names":["Ghost","ghost","handlePress","console","log","__html","outerHTML","propTypes","PropTypes","any"],"sources":["../../../src/components/__internal__/Ghost.jsx"],"sourcesContent":["import { Button, Pressable, Text } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nconst Ghost = ({ ghost }) => {\n  const handlePress = () => {\n    console.log('<Ghost>:handlePress');\n  };\n\n  return (\n    <>\n      {ghost ? (\n        <Pressable onPress={handlePress} dangerouslySetInnerHTML={{ __html: ghost.outerHTML }} />\n      ) : (\n        <Button onPress={handlePress}>Ghost.jsx</Button>\n      )}\n\n      <Text tag=\"p\">Lorem ipsum dolor sit amet consectetur adipisicing elit.</Text>\n    </>\n  );\n};\n\nGhost.propTypes = {\n  ghost: PropTypes.any,\n};\n\nexport default Ghost;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA0B;AAE1B,MAAMA,KAAK,GAAG,QAAe;EAAA,IAAd;IAAEC;EAAM,CAAC;EACtB,MAAMC,WAAW,GAAG,MAAM;IACxBC,OAAO,CAACC,GAAG,CAAC,qBAAqB,CAAC;EACpC,CAAC;EAED,oBACE,4DACGH,KAAK,gBACJ,6BAAC,aAAS;IAAC,OAAO,EAAEC,WAAY;IAAC,uBAAuB,EAAE;MAAEG,MAAM,EAAEJ,KAAK,CAACK;IAAU;EAAE,EAAG,gBAEzF,6BAAC,UAAM;IAAC,OAAO,EAAEJ;EAAY,eAC9B,eAED,6BAAC,QAAI;IAAC,GAAG,EAAC;EAAG,8DAAgE,CAC5E;AAEP,CAAC;AAEDF,KAAK,CAACO,SAAS,GAAG;EAChBN,KAAK,EAAEO,kBAAS,CAACC;AACnB,CAAC;AAAC,eAEaT,KAAK;AAAA"}