@mirai/core 0.3.51 → 0.3.52

package/build/components/Checkout/Checkout.js

@@ -13,6 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Checkout = require("./Checkout.constants");
 var _Checkout2 = require("./Checkout.l10n");
 var style = _interopRequireWildcard(require("./Checkout.module.css"));
+var _Checkout3 = _interopRequireDefault(require("./Checkout.skeleton"));
 var _helpers = require("./helpers");
 var _partials = require("./partials");
 var _partials2 = require("../Booking/partials");
@@ -25,7 +26,6 @@ let hasTracking = false;
 const Checkout = _ref => {
   let {
     session: showSession = 'true',
-    skeleton,
     ...others
   } = _ref;
   const {
@@ -164,7 +164,7 @@ const Checkout = _ref => {
   }))) : responseError ? /*#__PURE__*/_react.default.createElement(_ui.Notification, {
     error: true,
     large: true
-  }, translate(_Checkout2.L10N.NOTIFICATION_ERROR[(responseError === null || responseError === void 0 ? void 0 : responseError.code) || _Checkout.ERROR.UNKNOWN])) : skeleton || null), (agency === null || agency === void 0 ? void 0 : agency.name) && /*#__PURE__*/_react.default.createElement(_Booking.ModalAgency, _extends({}, agency, {
+  }, translate(_Checkout2.L10N.NOTIFICATION_ERROR[(responseError === null || responseError === void 0 ? void 0 : responseError.code) || _Checkout.ERROR.UNKNOWN])) : /*#__PURE__*/_react.default.createElement(_Checkout3.default, null)), (agency === null || agency === void 0 ? void 0 : agency.name) && /*#__PURE__*/_react.default.createElement(_Booking.ModalAgency, _extends({}, agency, {
     visible: modalAgency,
     onClose: () => setModalAgency(false)
   })));

package/build/components/Checkout/Checkout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkout.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Checkout","_Checkout2","style","_helpers","_partials","_partials2","_Booking","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","hasTracking","Checkout","_ref","session","showSession","skeleton","others","isDesktop","isMobile","useDevice","translate","useLocale","track","trackRender","useMetrics","value","currency","hotel","id","language","locale","urlParams","useStore","dataSource","setDataSource","useState","error","setError","modalAgency","setModalAgency","responseError","setResponseError","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","concat","TRACKING","response","ServiceBooking","checkout","catch","service","method","trackDataSource","window","addEventListener","innerHeight","scrollY","documentElement","scrollHeight","document","handleModalAgency","agency","image","undefined","variant","getVariant","createElement","Fragment","View","role","className","styles","container","Progress","indeterminate","visible","progress","src","logo","row","content","main","Summary","box","Details","Session","name","Notification","small","info","wide","L10N","NOTIFICATION_AGENCY","link","Action","inline","underline","onPress","action","ACTION_MORE_INFO","Form","onError","Others","tracking","Confirmation","disabled","large","NOTIFICATION_ERROR","code","ERROR","UNKNOWN","ModalAgency","onClose","exports","propTypes","PropTypes","bool","node"],"sources":["../../../src/components/Checkout/Checkout.jsx"],"sourcesContent":["import { useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceBooking, ServiceFeatures } from '@mirai/services';\nimport { Action, Notification, Progress, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { ERROR, FEATURE_CHECKOUT_TRACKING, TRACKING } from './Checkout.constants';\nimport { L10N } from './Checkout.l10n';\nimport * as style from './Checkout.module.css';\nimport { getVariant, trackDataSource } from './helpers';\nimport { Confirmation, Details, Form, Session, Summary } from './partials';\nimport { Others } from '../Booking/partials';\nimport { ModalAgency } from '../Booking/partials/Booking.ModalAgency';\n\nlet hasTracking = false;\n\nconst Checkout = ({ session: showSession = 'true', skeleton, ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { track, trackRender } = useMetrics();\n  const {\n    value: { currency, hotel, id, language, locale, session, urlParams },\n  } = useStore();\n\n  const [dataSource, setDataSource] = useState();\n  const [error, setError] = useState();\n  const [modalAgency, setModalAgency] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n    hasTracking && trackRender(`${TRACKING}:RENDER`, { locale });\n\n    (async () => {\n      const response = await ServiceBooking.checkout({\n        currency,\n        hotel,\n        language,\n        locale,\n        session,\n        ...urlParams,\n      }).catch((error) => {\n        setResponseError(error);\n        hasTracking && track(`${TRACKING}:ERROR:SERVICE`, { service: 'Booking', method: 'checkout', error });\n      });\n      setDataSource(response);\n      trackDataSource({ ...response, ...urlParams, isMobile });\n    })();\n\n    window.addEventListener('scroll', () => {\n      if (!hasTracking) return;\n      const { innerHeight = 0, scrollY } = window;\n      const { documentElement: { scrollHeight = 0 } = {} } = document;\n\n      if (scrollY >= scrollHeight - innerHeight) track(`${TRACKING}:SCROLL:BOTTOM`);\n      else if (scrollY === 0) track(`${TRACKING}:SCROLL:TOP`);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [session]);\n\n  const handleModalAgency = () => {\n    setModalAgency(true);\n  };\n\n  const { agency = {}, hotel: { image } = {} } = dataSource || {};\n  const response = dataSource !== undefined;\n  const variant = getVariant({ id, isMobile, urlParams });\n\n  return (\n    <>\n      <View {...others} role=\"checkout\" className={styles(style.container, others.className)}>\n        <Progress indeterminate visible={!response && !responseError} className={style.progress} />\n        {response ? (\n          <>\n            <img src={image} className={style.logo} />\n\n            <View row={isDesktop} className={style.content}>\n              <View className={style.main}>\n                {variant === 'B' && <Summary dataSource={dataSource} className={style.box} />}\n\n                {isMobile && <Details dataSource={dataSource} variant={variant} />}\n                {!session && showSession === 'true' && <Session />}\n                {agency.name && (\n                  <Notification {...others} small info wide className={styles(style.agency, others.className)}>\n                    {translate(L10N.NOTIFICATION_AGENCY, {\n                      agency: agency.name,\n                      link: (\n                        <>\n                          <Action inline underline small onPress={handleModalAgency} className={styles(style.action)}>\n                            {translate(L10N.ACTION_MORE_INFO)}\n                          </Action>\n                        </>\n                      ),\n                    })}\n                  </Notification>\n                )}\n                <Form dataSource={dataSource} onError={setError} />\n                {!isMobile && <Details dataSource={dataSource} variant={variant} />}\n                <Others dataSource={dataSource} small tracking={TRACKING} />\n              </View>\n\n              <Confirmation dataSource={dataSource} disabled={error} variant={variant} />\n            </View>\n          </>\n        ) : responseError ? (\n          <Notification error large>\n            {translate(L10N.NOTIFICATION_ERROR[responseError?.code || ERROR.UNKNOWN])}\n          </Notification>\n        ) : (\n          skeleton || null\n        )}\n      </View>\n      {agency?.name && <ModalAgency {...agency} visible={modalAgency} onClose={() => setModalAgency(false)} />}\n    </>\n  );\n};\n\nCheckout.propTypes = {\n  session: PropTypes.bool,\n  skeleton: PropTypes.node,\n};\n\nexport { Checkout };\n"],"mappings":"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"}
+{"version":3,"file":"Checkout.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Checkout","_Checkout2","style","_Checkout3","_helpers","_partials","_partials2","_Booking","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","_extends","assign","bind","target","arguments","length","source","key","apply","hasTracking","Checkout","_ref","session","showSession","others","isDesktop","isMobile","useDevice","translate","useLocale","track","trackRender","useMetrics","value","currency","hotel","id","language","locale","urlParams","useStore","dataSource","setDataSource","useState","error","setError","modalAgency","setModalAgency","responseError","setResponseError","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","concat","TRACKING","response","ServiceBooking","checkout","catch","service","method","trackDataSource","window","addEventListener","innerHeight","scrollY","documentElement","scrollHeight","document","handleModalAgency","agency","image","undefined","variant","getVariant","createElement","Fragment","View","role","className","styles","container","Progress","indeterminate","visible","progress","src","logo","row","content","main","Summary","box","Details","Session","name","Notification","small","info","wide","L10N","NOTIFICATION_AGENCY","link","Action","inline","underline","onPress","action","ACTION_MORE_INFO","Form","onError","Others","tracking","Confirmation","disabled","large","NOTIFICATION_ERROR","code","ERROR","UNKNOWN","ModalAgency","onClose","exports","propTypes","PropTypes","bool","skeleton","node"],"sources":["../../../src/components/Checkout/Checkout.jsx"],"sourcesContent":["import { useMetrics, useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { ServiceBooking, ServiceFeatures } from '@mirai/services';\nimport { Action, Notification, Progress, styles, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { ERROR, FEATURE_CHECKOUT_TRACKING, TRACKING } from './Checkout.constants';\nimport { L10N } from './Checkout.l10n';\nimport * as style from './Checkout.module.css';\nimport Skeleton from './Checkout.skeleton';\nimport { getVariant, trackDataSource } from './helpers';\nimport { Confirmation, Details, Form, Session, Summary } from './partials';\nimport { Others } from '../Booking/partials';\nimport { ModalAgency } from '../Booking/partials/Booking.ModalAgency';\n\nlet hasTracking = false;\n\nconst Checkout = ({ session: showSession = 'true', ...others }) => {\n  const { isDesktop, isMobile } = useDevice();\n  const { translate } = useLocale();\n  const { track, trackRender } = useMetrics();\n  const {\n    value: { currency, hotel, id, language, locale, session, urlParams },\n  } = useStore();\n\n  const [dataSource, setDataSource] = useState();\n  const [error, setError] = useState();\n  const [modalAgency, setModalAgency] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n    hasTracking && trackRender(`${TRACKING}:RENDER`, { locale });\n\n    (async () => {\n      const response = await ServiceBooking.checkout({\n        currency,\n        hotel,\n        language,\n        locale,\n        session,\n        ...urlParams,\n      }).catch((error) => {\n        setResponseError(error);\n        hasTracking && track(`${TRACKING}:ERROR:SERVICE`, { service: 'Booking', method: 'checkout', error });\n      });\n      setDataSource(response);\n      trackDataSource({ ...response, ...urlParams, isMobile });\n    })();\n\n    window.addEventListener('scroll', () => {\n      if (!hasTracking) return;\n      const { innerHeight = 0, scrollY } = window;\n      const { documentElement: { scrollHeight = 0 } = {} } = document;\n\n      if (scrollY >= scrollHeight - innerHeight) track(`${TRACKING}:SCROLL:BOTTOM`);\n      else if (scrollY === 0) track(`${TRACKING}:SCROLL:TOP`);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [session]);\n\n  const handleModalAgency = () => {\n    setModalAgency(true);\n  };\n\n  const { agency = {}, hotel: { image } = {} } = dataSource || {};\n  const response = dataSource !== undefined;\n  const variant = getVariant({ id, isMobile, urlParams });\n\n  return (\n    <>\n      <View {...others} role=\"checkout\" className={styles(style.container, others.className)}>\n        <Progress indeterminate visible={!response && !responseError} className={style.progress} />\n        {response ? (\n          <>\n            <img src={image} className={style.logo} />\n\n            <View row={isDesktop} className={style.content}>\n              <View className={style.main}>\n                {variant === 'B' && <Summary dataSource={dataSource} className={style.box} />}\n\n                {isMobile && <Details dataSource={dataSource} variant={variant} />}\n                {!session && showSession === 'true' && <Session />}\n                {agency.name && (\n                  <Notification {...others} small info wide className={styles(style.agency, others.className)}>\n                    {translate(L10N.NOTIFICATION_AGENCY, {\n                      agency: agency.name,\n                      link: (\n                        <>\n                          <Action inline underline small onPress={handleModalAgency} className={styles(style.action)}>\n                            {translate(L10N.ACTION_MORE_INFO)}\n                          </Action>\n                        </>\n                      ),\n                    })}\n                  </Notification>\n                )}\n                <Form dataSource={dataSource} onError={setError} />\n                {!isMobile && <Details dataSource={dataSource} variant={variant} />}\n                <Others dataSource={dataSource} small tracking={TRACKING} />\n              </View>\n\n              <Confirmation dataSource={dataSource} disabled={error} variant={variant} />\n            </View>\n          </>\n        ) : responseError ? (\n          <Notification error large>\n            {translate(L10N.NOTIFICATION_ERROR[responseError?.code || ERROR.UNKNOWN])}\n          </Notification>\n        ) : (\n          <Skeleton />\n        )}\n      </View>\n      {agency?.name && <ModalAgency {...agency} visible={modalAgency} onClose={() => setModalAgency(false)} />}\n    </>\n  );\n};\n\nCheckout.propTypes = {\n  session: PropTypes.bool,\n  skeleton: PropTypes.node,\n};\n\nexport { Checkout };\n"],"mappings":"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"}

package/build/components/Checkout/__tests__/__snapshots__/Checkout.test.js.snap

@@ -13,6 +13,41 @@ exports[`component:<Checkout> Test A/B variant A 1`] = `
         class="view value indeterminate"
       />
     </div>
+    <div
+      class="view wide"
+      style="align-items: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px; margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: 400px; height: 36rem;"
+        />
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -30,6 +65,41 @@ exports[`component:<Checkout> Test A/B variant B 1`] = `
         class="view value indeterminate"
       />
     </div>
+    <div
+      class="view wide"
+      style="align-items: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px; margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: 400px; height: 36rem;"
+        />
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -46,6 +116,41 @@ exports[`component:<Checkout> inherit:className 1`] = `
         class="view value indeterminate"
       />
     </div>
+    <div
+      class="view wide"
+      style="align-items: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px; margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: 400px; height: 36rem;"
+        />
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -62,23 +167,41 @@ exports[`component:<Checkout> prop:session (false) 1`] = `
         class="view value indeterminate"
       />
     </div>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`component:<Checkout> prop:skeleton 1`] = `
-<DocumentFragment>
-  <div
-    class="view"
-  >
     <div
-      class="view progress visible"
+      class="view wide"
+      style="align-items: start;"
     >
       <div
-        class="view value indeterminate"
-      />
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px; margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: 400px; height: 36rem;"
+        />
+      </div>
     </div>
-    Skeleton
   </div>
 </DocumentFragment>
 `;
@@ -95,6 +218,41 @@ exports[`component:<Checkout> renders 1`] = `
         class="view value indeterminate"
       />
     </div>
+    <div
+      class="view wide"
+      style="align-items: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px; margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: 400px; height: 36rem;"
+        />
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -112,6 +270,41 @@ exports[`component:<Checkout> testID 1`] = `
         class="view value indeterminate"
       />
     </div>
+    <div
+      class="view wide"
+      style="align-items: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px; margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: 400px; height: 36rem;"
+        />
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;
@@ -128,6 +321,41 @@ exports[`component:<Checkout> with a store 1`] = `
         class="view value indeterminate"
       />
     </div>
+    <div
+      class="view wide"
+      style="align-items: start;"
+    >
+      <div
+        class="view row wide"
+        style="align-items: start; align-self: center; gap: 1rem; max-width: 1024px; margin-top: 2rem;"
+      >
+        <div
+          class="view"
+          style="flex: 1; gap: 1rem;"
+        >
+          <div
+            class="view"
+            style="height: 32rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 16rem;"
+          />
+          <div
+            class="view"
+            style="height: 12rem;"
+          />
+        </div>
+        <div
+          class="view"
+          style="flex: 1; max-width: 400px; height: 36rem;"
+        />
+      </div>
+    </div>
   </div>
 </DocumentFragment>
 `;

package/package.json

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