@mirai/core 0.1.62 → 0.1.64

package/build/components/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SKELETONS = exports.COMPONENTS = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Deals = _interopRequireDefault(require("./finder/Deals.skeleton"));
+var _Booking = _interopRequireDefault(require("./user/Booking.skeleton"));
 var _BookingQuery = _interopRequireDefault(require("./user/BookingQuery.skeleton"));
 var _Profile = _interopRequireDefault(require("./user/Profile.skeleton"));
 var _Session = _interopRequireDefault(require("./user/Session.skeleton"));
@@ -18,6 +19,7 @@ const COMPONENTS = {
   // finder: React.lazy(() => import('./finder/Finder')),
   deals: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./finder/Deals')))),
   // @mirai/user
+  booking: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./user/Booking')))),
   bookingQuery: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./user/BookingQuery')))),
   profile: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./user/Profile')))),
   session: /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('./user/Session')))),
@@ -31,6 +33,7 @@ const SKELETONS = {
   // @mirai/finder
   deals: _Deals.default,
   // @mirai/user
+  booking: _Booking.default,
   bookingQuery: _BookingQuery.default,
   profile: _Profile.default,
   session: _Session.default,

package/build/components/index.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.js","names":["COMPONENTS","deals","React","lazy","booking","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 booking from './user/Booking.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  booking: React.lazy(() => import('./user/Booking')),\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  booking,\n  bookingQuery,\n  profile,\n  session,\n  signup,\n\n  // Internal\n};\n\nexport { COMPONENTS, SKELETONS };\n"],"mappings":";;;;;;AAAA;AAEA;AACA;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,OAAO,eAAEF,cAAK,CAACC,IAAI,CAAC,mEAAa,gBAAgB,GAAC,CAAC;EACnDE,YAAY,eAAEH,cAAK,CAACC,IAAI,CAAC,mEAAa,qBAAqB,GAAC,CAAC;EAC7DG,OAAO,eAAEJ,cAAK,CAACC,IAAI,CAAC,mEAAa,gBAAgB,GAAC,CAAC;EACnDI,OAAO,eAAEL,cAAK,CAACC,IAAI,CAAC,mEAAa,gBAAgB,GAAC,CAAC;EACnDK,MAAM,eAAEN,cAAK,CAACC,IAAI,CAAC,mEAAa,eAAe,GAAC,CAAC;EAEjD;EACAM,WAAW,eAAEP,cAAK,CAACC,IAAI,CAAC,mEAAa,4BAA4B,GAAC,CAAC;EACnEO,KAAK,eAAER,cAAK,CAACC,IAAI,CAAC,mEAAa,sBAAsB,GAAC;AACxD,CAAC;AAAC;AAEF,MAAMQ,SAAS,GAAG;EAChB;EACAV,KAAK,EAALA,cAAK;EAEL;EACAG,OAAO,EAAPA,gBAAO;EACPC,YAAY,EAAZA,qBAAY;EACZC,OAAO,EAAPA,gBAAO;EACPC,OAAO,EAAPA,gBAAO;EACPC,MAAM,EAANA;;EAEA;AACF,CAAC;AAAC"}

package/build/components/user/Booking.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _user = require("@mirai/user");
+var _default = _user.Booking;
+exports.default = _default;
+//# sourceMappingURL=Booking.js.map

package/build/components/user/Booking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Booking.js","names":["Booking"],"sources":["../../../src/components/user/Booking.jsx"],"sourcesContent":["import { Booking } from '@mirai/user';\n\nexport default Booking;\n"],"mappings":";;;;;;AAAA;AAAsC,eAEvBA,aAAO;AAAA"}

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

@@ -0,0 +1,69 @@
+"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 {
+    isDesktop
+  } = (0, _ui.useDevice)();
+  return /*#__PURE__*/_react.default.createElement(_ui.View, {
+    row: true,
+    style: {
+      alignItems: 'start'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      gap: '0.5rem',
+      marginTop: '2rem',
+      minWidth: '100%'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    style: {
+      alignSelf: 'center',
+      height: '5rem',
+      width: '8rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    style: {
+      height: '3.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    style: {
+      height: '4.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    style: {
+      height: '11rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    style: {
+      height: '7.5rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    style: {
+      height: '30rem'
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    style: {
+      height: '5.5rem'
+    }
+  })), isDesktop && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    style: {
+      marginTop: '7.5rem',
+      marginLeft: '1rem'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Skeleton.Skeleton, {
+    style: {
+      height: '9.5rem',
+      width: '8rem'
+    }
+  })));
+};
+exports.default = _default;
+//# sourceMappingURL=Booking.skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Booking.skeleton.js","names":["isDesktop","useDevice","alignItems","gap","marginTop","minWidth","alignSelf","height","width","marginLeft"],"sources":["../../../src/components/user/Booking.skeleton.jsx"],"sourcesContent":["import { useDevice } from '@mirai/ui';\nimport { View } from '@mirai/ui';\nimport React from 'react';\n\nimport { Skeleton } from '../__internal__/Skeleton';\n\nexport default () => {\n  const { isDesktop } = useDevice();\n\n  return (\n    <View row style={{ alignItems: 'start' }}>\n      <View style={{ gap: '0.5rem', marginTop: '2rem', minWidth: '100%' }}>\n        <Skeleton style={{ alignSelf: 'center', height: '5rem', width: '8rem' }} />\n        <Skeleton style={{ height: '3.5rem' }} />\n        <Skeleton style={{ height: '4.5rem' }} />\n        <Skeleton style={{ height: '11rem' }} />\n        <Skeleton style={{ height: '7.5rem' }} />\n        <Skeleton style={{ height: '30rem' }} />\n        <Skeleton style={{ height: '5.5rem' }} />\n      </View>\n      {isDesktop && (\n        <View style={{ marginTop: '7.5rem', marginLeft: '1rem' }}>\n          <Skeleton style={{ height: '9.5rem', width: '8rem' }} />\n        </View>\n      )}\n    </View>\n  );\n};\n"],"mappings":";;;;;;AAAA;AAEA;AAEA;AAAoD;AAAA,eAErC,MAAM;EACnB,MAAM;IAAEA;EAAU,CAAC,GAAG,IAAAC,aAAS,GAAE;EAEjC,oBACE,6BAAC,QAAI;IAAC,GAAG;IAAC,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAQ;EAAE,gBACvC,6BAAC,QAAI;IAAC,KAAK,EAAE;MAAEC,GAAG,EAAE,QAAQ;MAAEC,SAAS,EAAE,MAAM;MAAEC,QAAQ,EAAE;IAAO;EAAE,gBAClE,6BAAC,kBAAQ;IAAC,KAAK,EAAE;MAAEC,SAAS,EAAE,QAAQ;MAAEC,MAAM,EAAE,MAAM;MAAEC,KAAK,EAAE;IAAO;EAAE,EAAG,eAC3E,6BAAC,kBAAQ;IAAC,KAAK,EAAE;MAAED,MAAM,EAAE;IAAS;EAAE,EAAG,eACzC,6BAAC,kBAAQ;IAAC,KAAK,EAAE;MAAEA,MAAM,EAAE;IAAS;EAAE,EAAG,eACzC,6BAAC,kBAAQ;IAAC,KAAK,EAAE;MAAEA,MAAM,EAAE;IAAQ;EAAE,EAAG,eACxC,6BAAC,kBAAQ;IAAC,KAAK,EAAE;MAAEA,MAAM,EAAE;IAAS;EAAE,EAAG,eACzC,6BAAC,kBAAQ;IAAC,KAAK,EAAE;MAAEA,MAAM,EAAE;IAAQ;EAAE,EAAG,eACxC,6BAAC,kBAAQ;IAAC,KAAK,EAAE;MAAEA,MAAM,EAAE;IAAS;EAAE,EAAG,CACpC,EACNP,SAAS,iBACR,6BAAC,QAAI;IAAC,KAAK,EAAE;MAAEI,SAAS,EAAE,QAAQ;MAAEK,UAAU,EAAE;IAAO;EAAE,gBACvD,6BAAC,kBAAQ;IAAC,KAAK,EAAE;MAAEF,MAAM,EAAE,QAAQ;MAAEC,KAAK,EAAE;IAAO;EAAE,EAAG,CAE3D,CACI;AAEX,CAAC;AAAA"}

package/package.json

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

package/public/customer.css

@@ -7,6 +7,10 @@
   --header-height: calc(var(--mirai-ui-space-XL) * 2);
 }
 
+html {
+  font-size: 16px;
+}
+
 body {
   color: var(--mirai-ui-content);
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
@@ -63,22 +67,25 @@ section {
   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.booking {
 }
 
 section.deals {
 }
 
-section.signup {
+section.finder {
+  background-color: var(--mirai-ui-content-border);
+  padding-bottom: var(--mirai-ui-space-XL);
+  padding-top: var(--mirai-ui-space-XL);
 }
 
 section.profile > * {
   width: 100%;
 }
 
+section.signup {
+}
+
 footer {
   background-color: var(--mirai-ui-content-border);
   color: var(--mirai-ui-content-light);
@@ -89,10 +96,14 @@ footer {
 }
 
 @media only screen and (max-width: 430px) {
+  section.booking > * {
+    min-width: 100vw;
+  }
+
   section.deals {
     display: block;
   }
-  
+
   section.deals > * {
   }
 
@@ -104,6 +115,9 @@ footer {
 }
 
 @media only screen and (min-width: 431px) {
+  section.booking > * {
+    min-width: 960px;
+  }
   section.signup > * {
     width: 50%;
   }

package/site/booking/index.html

@@ -0,0 +1,19 @@
+<!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>
+
+    <section class="booking">
+      <div data-mirai-component="booking"></div>
+    </section>
+
+    <script type="module" defer src="{url}/index.js"></script>
+  </body>
+</html>

package/site/deals/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="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

@@ -24,10 +24,6 @@
       <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>