@mirai/core 0.3.272 → 0.3.274

package/build/components/__shared__/BookingSummary/BookingSummary.module.css

@@ -0,0 +1,58 @@
+.bookingSummary.box {
+  background-color: var(--mirai-ui-base);
+  border-radius: var(--mirai-ui-border-radius);
+  box-shadow: inset 0 0 1px var(--mirai-ui-content-light);
+}
+
+.bookingSummary .section {
+  gap: var(--mirai-ui-space-S);
+  padding: var(--mirai-ui-space-M);
+}
+
+.bookingSummary .section:not(:last-child) {
+  border-bottom: solid 1px var(--mirai-ui-content-border);
+}
+
+.bookingSummary .dates {
+  align-items: flex-start;
+}
+
+.bookingSummary .dates > * {
+  flex: 1;
+}
+
+.bookingSummary .info {
+  gap: var(--mirai-ui-space-XS);
+}
+
+.bookingSummary .notification > * {
+  text-align: justify;
+}
+
+.bookingSummary .links {
+  justify-content: space-between;
+}
+
+/* S & M */
+@media only screen and (max-width: 820px) {
+  .bookingSummary .dates {
+    gap: var(--mirai-ui-space-XS);
+  }
+
+  .bookingSummary .details {
+    padding: var(--mirai-ui-space-M) var(--mirai-ui-space-M) 0 var(--mirai-ui-space-M);
+  }
+}
+
+/* L */
+@media only screen and (min-width: 821px) {
+  .bookingSummary .dates {
+    gap: var(--mirai-ui-space-S);
+  }
+}
+
+@media print {
+  .noPrint {
+    display: none;
+  }
+}

package/build/components/__shared__/BookingSummary/_tests__/BookingSummary.test.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _react = require("@testing-library/react");
+var _react2 = _interopRequireDefault(require("react"));
+var _checkout = _interopRequireDefault(require("../../../Checkout/mocks/checkout.json"));
+var _BookingSummary = require("../BookingSummary");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } /* eslint-disable react/prop-types */
+const DEFAULTS = {
+  dataSource: _checkout.default
+};
+const Store = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_react2.default.createElement(_dataSources.StoreProvider, {
+    value: {}
+  }, children);
+};
+describe('component:<BookingSummary>', () => {
+  test('renders', async () => {
+    const {
+      asFragment
+    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_locale.LocaleProvider, null, /*#__PURE__*/_react2.default.createElement(_BookingSummary.BookingSummary, DEFAULTS)));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('with a store', async () => {
+    const {
+      asFragment
+    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(Store, null, /*#__PURE__*/_react2.default.createElement(_locale.LocaleProvider, null, /*#__PURE__*/_react2.default.createElement(_BookingSummary.BookingSummary, DEFAULTS))));
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  // Testing
+  test('testID', async () => {
+    const {
+      asFragment,
+      getByTestId
+    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_locale.LocaleProvider, null, /*#__PURE__*/_react2.default.createElement(_BookingSummary.BookingSummary, _extends({}, DEFAULTS, {
+      testId: "mirai"
+    }))));
+    expect(getByTestId('mirai')).toBeDefined();
+    expect(asFragment()).toMatchSnapshot();
+  });
+
+  // Styling
+  test('inherit:className', async () => {
+    const {
+      asFragment
+    } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_locale.LocaleProvider, null, /*#__PURE__*/_react2.default.createElement(_BookingSummary.BookingSummary, _extends({}, DEFAULTS, {
+      className: "mirai"
+    }))));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=BookingSummary.test.js.map

package/build/components/__shared__/BookingSummary/_tests__/BookingSummary.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingSummary.test.js","names":["_dataSources","require","_locale","_react","_react2","_interopRequireDefault","_checkout","_BookingSummary","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","DEFAULTS","dataSource","MOCK_DATASOURCE","Store","_ref","children","createElement","StoreProvider","value","describe","test","asFragment","render","LocaleProvider","BookingSummary","expect","toMatchSnapshot","getByTestId","testId","toBeDefined","className"],"sources":["../../../../../src/components/__shared__/BookingSummary/_tests__/BookingSummary.test.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { StoreProvider } from '@mirai/data-sources';\nimport { LocaleProvider } from '@mirai/locale';\nimport { render } from '@testing-library/react';\nimport React from 'react';\n\nimport MOCK_DATASOURCE from '../../../Checkout/mocks/checkout.json';\nimport { BookingSummary } from '../BookingSummary';\n\nconst DEFAULTS = { dataSource: MOCK_DATASOURCE };\n\nconst Store = ({ children }) => <StoreProvider value={{}}>{children}</StoreProvider>;\n\ndescribe('component:<BookingSummary>', () => {\n  test('renders', async () => {\n    const { asFragment } = render(\n      <LocaleProvider>\n        <BookingSummary {...DEFAULTS} />\n      </LocaleProvider>,\n    );\n    expect(asFragment()).toMatchSnapshot();\n  });\n\n  test('with a store', async () => {\n    const { asFragment } = render(\n      <Store>\n        <LocaleProvider>\n          <BookingSummary {...DEFAULTS} />\n        </LocaleProvider>\n      </Store>,\n    );\n    expect(asFragment()).toMatchSnapshot();\n  });\n\n  // Testing\n  test('testID', async () => {\n    const { asFragment, getByTestId } = render(\n      <LocaleProvider>\n        <BookingSummary {...DEFAULTS} testId=\"mirai\" />\n      </LocaleProvider>,\n    );\n    expect(getByTestId('mirai')).toBeDefined();\n    expect(asFragment()).toMatchSnapshot();\n  });\n\n  // Styling\n  test('inherit:className', async () => {\n    const { asFragment } = render(\n      <LocaleProvider>\n        <BookingSummary {...DEFAULTS} className=\"mirai\" />\n      </LocaleProvider>,\n    );\n    expect(asFragment()).toMatchSnapshot();\n  });\n});\n"],"mappings":"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"}

package/build/components/{Checkout/partials/__tests__/__snapshots__/Checkout.Summary.test.js.snap → __shared__/BookingSummary/_tests__/__snapshots__/BookingSummary.test.js.snap}

@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component:<Checkout> partial:<Summary> inherit:className 1`] = `
+exports[`component:<BookingSummary> inherit:className 1`] = `
 <DocumentFragment>
   <div
-    class="view mirai"
+    class="view wide"
   >
     <div
       class="view"
@@ -100,12 +100,10 @@ exports[`component:<Checkout> partial:<Summary> inherit:className 1`] = `
         >
           Lugar Padriñan 25, Sanxenxo, España
         </span>
+        <span
+          class="text light small"
+        />
       </div>
-      <button
-        class="pressable action inline"
-      >
-        user.action.change_selection
-      </button>
     </div>
     <div
       class="view"
@@ -187,15 +185,51 @@ exports[`component:<Checkout> partial:<Summary> inherit:className 1`] = `
           </span>
         </div>
       </div>
+      <div
+        class="view row notification warning inline small"
+      >
+        <span
+          class="icon paragraph"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+            />
+          </svg>
+        </span>
+        <div
+          class="view texts"
+        >
+          <span
+            class="text small"
+          >
+            common.label.base
+            <span
+              style="text-decoration: underline;"
+            >
+              price
+            </span>
+            value (Impuestos incluidos)
+          </span>
+        </div>
+      </div>
     </div>
   </div>
 </DocumentFragment>
 `;
 
-exports[`component:<Checkout> partial:<Summary> renders 1`] = `
+exports[`component:<BookingSummary> renders 1`] = `
 <DocumentFragment>
   <div
-    class="view"
+    class="view wide"
   >
     <div
       class="view"
@@ -292,12 +326,10 @@ exports[`component:<Checkout> partial:<Summary> renders 1`] = `
         >
           Lugar Padriñan 25, Sanxenxo, España
         </span>
+        <span
+          class="text light small"
+        />
       </div>
-      <button
-        class="pressable action inline"
-      >
-        user.action.change_selection
-      </button>
     </div>
     <div
       class="view"
@@ -379,15 +411,51 @@ exports[`component:<Checkout> partial:<Summary> renders 1`] = `
           </span>
         </div>
       </div>
+      <div
+        class="view row notification warning inline small"
+      >
+        <span
+          class="icon paragraph"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+            />
+          </svg>
+        </span>
+        <div
+          class="view texts"
+        >
+          <span
+            class="text small"
+          >
+            common.label.base
+            <span
+              style="text-decoration: underline;"
+            >
+              price
+            </span>
+            value (Impuestos incluidos)
+          </span>
+        </div>
+      </div>
     </div>
   </div>
 </DocumentFragment>
 `;
 
-exports[`component:<Checkout> partial:<Summary> testID 1`] = `
+exports[`component:<BookingSummary> testID 1`] = `
 <DocumentFragment>
   <div
-    class="view"
+    class="view wide"
     data-testid="mirai"
   >
     <div
@@ -485,12 +553,10 @@ exports[`component:<Checkout> partial:<Summary> testID 1`] = `
         >
           Lugar Padriñan 25, Sanxenxo, España
         </span>
+        <span
+          class="text light small"
+        />
       </div>
-      <button
-        class="pressable action inline"
-      >
-        user.action.change_selection
-      </button>
     </div>
     <div
       class="view"
@@ -572,15 +638,51 @@ exports[`component:<Checkout> partial:<Summary> testID 1`] = `
           </span>
         </div>
       </div>
+      <div
+        class="view row notification warning inline small"
+      >
+        <span
+          class="icon paragraph"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+            />
+          </svg>
+        </span>
+        <div
+          class="view texts"
+        >
+          <span
+            class="text small"
+          >
+            common.label.base
+            <span
+              style="text-decoration: underline;"
+            >
+              price
+            </span>
+            value (Impuestos incluidos)
+          </span>
+        </div>
+      </div>
     </div>
   </div>
 </DocumentFragment>
 `;
 
-exports[`component:<Checkout> partial:<Summary> with a store 1`] = `
+exports[`component:<BookingSummary> with a store 1`] = `
 <DocumentFragment>
   <div
-    class="view"
+    class="view wide"
   >
     <div
       class="view"
@@ -677,12 +779,10 @@ exports[`component:<Checkout> partial:<Summary> with a store 1`] = `
         >
           Lugar Padriñan 25, Sanxenxo, España
         </span>
+        <span
+          class="text light small"
+        />
       </div>
-      <button
-        class="pressable action inline"
-      >
-        user.action.change_selection
-      </button>
     </div>
     <div
       class="view"
@@ -764,6 +864,42 @@ exports[`component:<Checkout> partial:<Summary> with a store 1`] = `
           </span>
         </div>
       </div>
+      <div
+        class="view row notification warning inline small"
+      >
+        <span
+          class="icon paragraph"
+        >
+          <svg
+            fill="currentColor"
+            height="1em"
+            stroke="currentColor"
+            stroke-width="0"
+            viewBox="0 0 24 24"
+            width="1em"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M12 5.99 19.53 19H4.47L12 5.99M12 2 1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
+            />
+          </svg>
+        </span>
+        <div
+          class="view texts"
+        >
+          <span
+            class="text small"
+          >
+            common.label.base
+            <span
+              style="text-decoration: underline;"
+            >
+              price
+            </span>
+            value (Impuestos incluidos)
+          </span>
+        </div>
+      </div>
     </div>
   </div>
 </DocumentFragment>

package/build/components/__shared__/BookingSummary/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _BookingSummary = require("./BookingSummary");
+Object.keys(_BookingSummary).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _BookingSummary[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _BookingSummary[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/components/__shared__/BookingSummary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_BookingSummary","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/__shared__/BookingSummary/index.js"],"sourcesContent":["export * from './BookingSummary';\n"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/build/components/__shared__/BookingTable/BookingTable.js

@@ -28,7 +28,7 @@ const BookingTable = _ref => {
     ...others
   } = _ref;
   const {
-    isMobile
+    isDesktop
   } = (0, _ui.useDevice)();
   const {
     dateFormat
@@ -45,7 +45,7 @@ const BookingTable = _ref => {
   return dataSource.length > 0 ? /*#__PURE__*/_react.default.createElement(_ui.View, _extends({}, others, {
     className: (0, _ui.styles)(style.table, !expand && style.collapsed, others.className)
   }), label && /*#__PURE__*/_react.default.createElement(_ui.Text, {
-    headline: !isMobile,
+    headline: isDesktop,
     bold: true
   }, label), dataSource.slice(0, expanded || expand ? dataSource.length : UNEXPANDED_ITEMS).map((_ref2, index) => {
     let {

package/build/components/__shared__/BookingTable/BookingTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingTable.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTable","style","_BookingTable2","_ButtonMore","_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","UNEXPANDED_ITEMS","BookingTable","_ref","currency","expanded","dataSource","label","tracking","others","isMobile","useDevice","dateFormat","useLocale","track","useMetrics","expand","setExpand","useState","useEffect","handlePress","concat","createElement","View","className","styles","table","collapsed","Text","headline","bold","slice","map","_ref2","index","date","title","item","Row","parseDate","FORMAT_DATE","ButtonMore","onPress","buttonMore","exports","displayName","propTypes","PropTypes","string","arrayOf","shape","bool"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.jsx"],"sourcesContent":["import { useMetrics } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FORMAT_DATE } from './BookingTable.constants';\nimport * as style from './BookingTable.module.css';\nimport { Row } from './BookingTable.Row';\nimport { ButtonMore } from '../ButtonMore';\n\nconst UNEXPANDED_ITEMS = 3;\n\nconst BookingTable = ({ currency, expanded = true, dataSource = [], label, tracking, ...others }) => {\n  const { isMobile } = useDevice();\n  const { dateFormat } = useLocale();\n  const { track } = useMetrics();\n\n  const [expand, setExpand] = useState(dataSource.length <= UNEXPANDED_ITEMS);\n\n  useEffect(() => setExpand(dataSource.length <= UNEXPANDED_ITEMS), [dataSource]);\n\n  const handlePress = () => {\n    track(`${tracking}:ACTION:DETAIL_EXPAND`);\n    setExpand(true);\n  };\n\n  return dataSource.length > 0 ? (\n    <View {...others} className={styles(style.table, !expand && style.collapsed, others.className)}>\n      {label && (\n        <Text headline={!isMobile} bold>\n          {label}\n        </Text>\n      )}\n      {dataSource\n        .slice(0, expanded || expand ? dataSource.length : UNEXPANDED_ITEMS)\n        .map(({ date, title = '', ...item }, index) => (\n          <Row\n            {...{ ...item, currency, tracking }}\n            title={date ? dateFormat(parseDate(date), FORMAT_DATE) : title}\n            key={index}\n          >\n            {!expanded && !expand && index === UNEXPANDED_ITEMS - 1 && (\n              <ButtonMore onPress={handlePress} className={style.buttonMore} />\n            )}\n          </Row>\n        ))}\n    </View>\n  ) : null;\n};\n\nBookingTable.displayName = 'Mirai:Core:BookingTable';\n\nBookingTable.propTypes = {\n  currency: PropTypes.string,\n  dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n  expanded: PropTypes.bool,\n  label: PropTypes.string,\n  tracking: PropTypes.string,\n};\n\nexport { BookingTable };\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AAEA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAF,uBAAA,CAAAN,OAAA;AACA,IAAAS,cAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAA2C,SAAAW,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAhB,uBAAA4B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAE3C,MAAMK,gBAAgB,GAAG,CAAC;AAE1B,MAAMC,YAAY,GAAGC,IAAA,IAAgF;EAAA,IAA/E;IAAEC,QAAQ;IAAEC,QAAQ,GAAG,IAAI;IAAEC,UAAU,GAAG,EAAE;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAO,CAAC,GAAAN,IAAA;EAC9F,MAAM;IAAEO;EAAS,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EAChC,MAAM;IAAEC;EAAW,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAClC,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,uBAAU,EAAC,CAAC;EAE9B,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAACZ,UAAU,CAACT,MAAM,IAAII,gBAAgB,CAAC;EAE3E,IAAAkB,gBAAS,EAAC,MAAMF,SAAS,CAACX,UAAU,CAACT,MAAM,IAAII,gBAAgB,CAAC,EAAE,CAACK,UAAU,CAAC,CAAC;EAE/E,MAAMc,WAAW,GAAGA,CAAA,KAAM;IACxBN,KAAK,IAAAO,MAAA,CAAIb,QAAQ,0BAAuB,CAAC;IACzCS,SAAS,CAAC,IAAI,CAAC;EACjB,CAAC;EAED,OAAOX,UAAU,CAACT,MAAM,GAAG,CAAC,gBAC1BjC,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAA8D,IAAI,EAAA/B,QAAA,KAAKiB,MAAM;IAAEe,SAAS,EAAE,IAAAC,UAAM,EAAC1D,KAAK,CAAC2D,KAAK,EAAE,CAACV,MAAM,IAAIjD,KAAK,CAAC4D,SAAS,EAAElB,MAAM,CAACe,SAAS;EAAE,IAC5FjB,KAAK,iBACJ3C,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAAC7D,GAAA,CAAAmE,IAAI;IAACC,QAAQ,EAAE,CAACnB,QAAS;IAACoB,IAAI;EAAA,GAC5BvB,KACG,CACP,EACAD,UAAU,CACRyB,KAAK,CAAC,CAAC,EAAE1B,QAAQ,IAAIW,MAAM,GAAGV,UAAU,CAACT,MAAM,GAAGI,gBAAgB,CAAC,CACnE+B,GAAG,CAAC,CAAAC,KAAA,EAAgCC,KAAK;IAAA,IAApC;MAAEC,IAAI;MAAEC,KAAK,GAAG,EAAE;MAAE,GAAGC;IAAK,CAAC,GAAAJ,KAAA;IAAA,oBACjCrE,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACtD,cAAA,CAAAsE,GAAG,EAAA9C,QAAA,KACO6C,IAAI;MAAEjC,QAAQ;MAAEI,QAAQ;MACjC4B,KAAK,EAAED,IAAI,GAAGvB,UAAU,CAAC,IAAA2B,iBAAS,EAACJ,IAAI,CAAC,EAAEK,yBAAW,CAAC,GAAGJ,KAAM;MAC/DrC,GAAG,EAAEmC;IAAM,IAEV,CAAC7B,QAAQ,IAAI,CAACW,MAAM,IAAIkB,KAAK,KAAKjC,gBAAgB,GAAG,CAAC,iBACrDrC,MAAA,CAAAY,OAAA,CAAA8C,aAAA,CAACrD,WAAA,CAAAwE,UAAU;MAACC,OAAO,EAAEtB,WAAY;MAACI,SAAS,EAAEzD,KAAK,CAAC4E;IAAW,CAAE,CAE/D,CAAC;EAAA,CACP,CACC,CAAC,GACL,IAAI;AACV,CAAC;AAACC,OAAA,CAAA1C,YAAA,GAAAA,YAAA;AAEFA,YAAY,CAAC2C,WAAW,GAAG,yBAAyB;AAEpD3C,YAAY,CAAC4C,SAAS,GAAG;EACvB1C,QAAQ,EAAE2C,kBAAS,CAACC,MAAM;EAC1B1C,UAAU,EAAEyC,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAClD7C,QAAQ,EAAE0C,kBAAS,CAACI,IAAI;EACxB5C,KAAK,EAAEwC,kBAAS,CAACC,MAAM;EACvBxC,QAAQ,EAAEuC,kBAAS,CAACC;AACtB,CAAC"}
+{"version":3,"file":"BookingTable.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_BookingTable","style","_BookingTable2","_ButtonMore","_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","UNEXPANDED_ITEMS","BookingTable","_ref","currency","expanded","dataSource","label","tracking","others","isDesktop","useDevice","dateFormat","useLocale","track","useMetrics","expand","setExpand","useState","useEffect","handlePress","concat","createElement","View","className","styles","table","collapsed","Text","headline","bold","slice","map","_ref2","index","date","title","item","Row","parseDate","FORMAT_DATE","ButtonMore","onPress","buttonMore","exports","displayName","propTypes","PropTypes","string","arrayOf","shape","bool"],"sources":["../../../../src/components/__shared__/BookingTable/BookingTable.jsx"],"sourcesContent":["import { useMetrics } from '@mirai/data-sources';\nimport { parseDate, useLocale } from '@mirai/locale';\nimport { styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { FORMAT_DATE } from './BookingTable.constants';\nimport * as style from './BookingTable.module.css';\nimport { Row } from './BookingTable.Row';\nimport { ButtonMore } from '../ButtonMore';\n\nconst UNEXPANDED_ITEMS = 3;\n\nconst BookingTable = ({ currency, expanded = true, dataSource = [], label, tracking, ...others }) => {\n  const { isDesktop } = useDevice();\n  const { dateFormat } = useLocale();\n  const { track } = useMetrics();\n\n  const [expand, setExpand] = useState(dataSource.length <= UNEXPANDED_ITEMS);\n\n  useEffect(() => setExpand(dataSource.length <= UNEXPANDED_ITEMS), [dataSource]);\n\n  const handlePress = () => {\n    track(`${tracking}:ACTION:DETAIL_EXPAND`);\n    setExpand(true);\n  };\n\n  return dataSource.length > 0 ? (\n    <View {...others} className={styles(style.table, !expand && style.collapsed, others.className)}>\n      {label && (\n        <Text headline={isDesktop} bold>\n          {label}\n        </Text>\n      )}\n      {dataSource\n        .slice(0, expanded || expand ? dataSource.length : UNEXPANDED_ITEMS)\n        .map(({ date, title = '', ...item }, index) => (\n          <Row\n            {...{ ...item, currency, tracking }}\n            title={date ? dateFormat(parseDate(date), FORMAT_DATE) : title}\n            key={index}\n          >\n            {!expanded && !expand && index === UNEXPANDED_ITEMS - 1 && (\n              <ButtonMore onPress={handlePress} className={style.buttonMore} />\n            )}\n          </Row>\n        ))}\n    </View>\n  ) : null;\n};\n\nBookingTable.displayName = 'Mirai:Core:BookingTable';\n\nBookingTable.propTypes = {\n  currency: PropTypes.string,\n  dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n  expanded: PropTypes.bool,\n  label: PropTypes.string,\n  tracking: PropTypes.string,\n};\n\nexport { BookingTable };\n"],"mappings":"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"}

package/build/components/__shared__/Payment/Payment.js

@@ -19,6 +19,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 const Payment = _ref => {
   let {
+    children,
     config = {},
     currency,
     error = {},
@@ -153,11 +154,14 @@ const Payment = _ref => {
       onChange: handleChange,
       onError
     })));
-  }));
+  }), children && /*#__PURE__*/_react.default.createElement(_ui.View, {
+    className: style.children
+  }, children));
 };
 exports.Payment = Payment;
 Payment.displayName = 'Mirai:Core:Payment';
 Payment.propTypes = {
+  children: _propTypes.default.any,
   config: _propTypes.default.shape({
     cards: _propTypes.default.arrayOf(_propTypes.default.string),
     provider: _propTypes.default.oneOf(Object.values(_Payment.PROVIDER)),

package/build/components/__shared__/Payment/Payment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Payment.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Payment","_Payment2","style","_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","Payment","_ref","config","currency","error","info","methods","showErrors","onChange","onError","others","isDesktop","useDevice","currencyFormat","dateFormat","translate","useLocale","useStore","cardType","setCardType","useState","method","setMethod","undefined","useEffect","payment","handleChange","values","type","next","testId","standalone","createElement","View","role","row","className","styles","container","filter","item","METHOD","map","selected","caption","getCaption","component","getComponent","image","getImage","time","Pressable","disabled","onPress","header","concat","Radio","checked","name","value","radio","Text","bold","headline","title","L10N","alt","split","join","src","process","env","SERVICE_STATIC","URL_IMAGES","tag","CARD","CARD_PREPAY","PCIPROXY","TPV","includes","cards","card","toLowerCase","content","small","withComponent","amount","date","DATE_FORMAT","day","LABEL_DAY","hour","LABEL_HOUR","React","exports","displayName","propTypes","PropTypes","shape","arrayOf","string","provider","oneOf","PROVIDER","showCVV","bool","object","cardValidation","instanceOf","Date","number","array","isRequired","func"],"sources":["../../../../src/components/__shared__/Payment/Payment.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Pressable, Radio, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getCaption, getComponent, getImage } from './helpers';\nimport { DATE_FORMAT, METHOD, PROVIDER, URL_IMAGES } from './Payment.constants';\nimport { L10N } from './Payment.l10n';\nimport * as style from './Payment.module.css';\n\nconst Payment = ({\n  config = {},\n  currency,\n  error = {},\n  info = {},\n  methods = [],\n  showErrors = false,\n  onChange = () => {},\n  onError = () => {},\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n  const { currencyFormat, dateFormat, translate } = useLocale();\n  const { set } = useStore();\n\n  const [cardType, setCardType] = useState();\n  const [method, setMethod] = useState(methods.length > 0 ? methods[0] : undefined);\n\n  useEffect(() => {\n    onChange({ method });\n    set({ payment: { method } });\n    onError({});\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [method]);\n\n  const handleChange = (values = {}) => {\n    const { type } = values;\n    type !== cardType && setCardType(type);\n    const next = { method, ...values };\n    onChange(next);\n    set({ payment: { ...next } });\n  };\n\n  const { testId } = others;\n  const standalone = methods.length === 1;\n\n  return (\n    <View {...others} role=\"payments\" row={false} className={styles(style.container, others.className)}>\n      {methods\n        .filter((item) => !!METHOD[item])\n        .map((item) => {\n          const selected = method === item;\n          const caption = selected ? getCaption({ method, ...info, ...config }) : undefined;\n          const component = selected ? getComponent({ method: item, ...info, ...config }) : undefined;\n          const image = getImage({ method: item });\n          const { time = {} } = info || {};\n\n          return (\n            <View key={item} className={style.item}>\n              <Pressable\n                disabled={selected || standalone}\n                onPress={() => setMethod(item)}\n                className={styles(style.header, selected && style.selected)}\n                testId={testId ? `${testId}-item-${item}` : undefined}\n              >\n                {!standalone && <Radio checked={selected} name=\"method\" value={item} className={style.radio} />}\n                <Text\n                  bold\n                  headline={isDesktop && selected}\n                  className={styles(style.title, selected && style.selected)}\n                  testId={testId ? `${testId}-text-${item}` : undefined}\n                >\n                  {translate(L10N[`LABEL_${item}`])}\n                </Text>\n\n                {image && (\n                  <View\n                    alt={`${item?.split('_').join(' ')}`}\n                    src={`${process.env.SERVICE_STATIC}/${URL_IMAGES}/${image}`}\n                    tag=\"img\"\n                    className={style.image}\n                  />\n                )}\n\n                {[METHOD.CARD, METHOD.CARD_PREPAY, METHOD.PCIPROXY, METHOD.TPV].includes(item) &&\n                  (config.cards || []).map((card) => (\n                    <View\n                      alt={card}\n                      key={card}\n                      src={`${process.env.SERVICE_STATIC}/${URL_IMAGES}/cards/${card.toLowerCase()}.png`}\n                      tag=\"img\"\n                      className={styles(style.image, selected && cardType && card !== cardType && style.disabled)}\n                    />\n                  ))}\n              </Pressable>\n\n              {selected && (\n                <View className={style.content} testId={testId ? `${testId}-container-${item}` : undefined}>\n                  {caption && (\n                    <Text small className={styles(style.caption, component && style.withComponent)}>\n                      {translate(caption, {\n                        amount: currencyFormat({ currency, value: info?.amount }),\n                        date: dateFormat(info?.date, DATE_FORMAT),\n                        day: translate(L10N.LABEL_DAY, { value: time.value }),\n                        hour: translate(L10N.LABEL_HOUR, { value: time.value }),\n                        type: time.type,\n                      })}\n                    </Text>\n                  )}\n\n                  {component &&\n                    React.createElement(component, {\n                      error,\n                      showErrors,\n                      ...others,\n                      ...config,\n                      onChange: handleChange,\n                      onError,\n                    })}\n                </View>\n              )}\n            </View>\n          );\n        })}\n    </View>\n  );\n};\n\nPayment.displayName = 'Mirai:Core:Payment';\n\nPayment.propTypes = {\n  config: PropTypes.shape({\n    cards: PropTypes.arrayOf(PropTypes.string),\n    provider: PropTypes.oneOf(Object.values(PROVIDER)),\n    showCVV: PropTypes.bool,\n  }),\n  currency: PropTypes.string,\n  error: PropTypes.object,\n  info: PropTypes.shape({\n    cardValidation: PropTypes.bool,\n    date: PropTypes.instanceOf(Date),\n    amount: PropTypes.number,\n    time: PropTypes.shape({\n      type: PropTypes.number,\n      value: PropTypes.number,\n    }),\n  }),\n  methods: PropTypes.array.isRequired,\n  showErrors: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { Payment };\n"],"mappings":"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"}
+{"version":3,"file":"Payment.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_helpers","_Payment","_Payment2","style","_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","Payment","_ref","children","config","currency","error","info","methods","showErrors","onChange","onError","others","isDesktop","useDevice","currencyFormat","dateFormat","translate","useLocale","useStore","cardType","setCardType","useState","method","setMethod","undefined","useEffect","payment","handleChange","values","type","next","testId","standalone","createElement","View","role","row","className","styles","container","filter","item","METHOD","map","selected","caption","getCaption","component","getComponent","image","getImage","time","Pressable","disabled","onPress","header","concat","Radio","checked","name","value","radio","Text","bold","headline","title","L10N","alt","split","join","src","process","env","SERVICE_STATIC","URL_IMAGES","tag","CARD","CARD_PREPAY","PCIPROXY","TPV","includes","cards","card","toLowerCase","content","small","withComponent","amount","date","DATE_FORMAT","day","LABEL_DAY","hour","LABEL_HOUR","React","exports","displayName","propTypes","PropTypes","any","shape","arrayOf","string","provider","oneOf","PROVIDER","showCVV","bool","object","cardValidation","instanceOf","Date","number","array","isRequired","func"],"sources":["../../../../src/components/__shared__/Payment/Payment.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Pressable, Radio, styles, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { getCaption, getComponent, getImage } from './helpers';\nimport { DATE_FORMAT, METHOD, PROVIDER, URL_IMAGES } from './Payment.constants';\nimport { L10N } from './Payment.l10n';\nimport * as style from './Payment.module.css';\n\nconst Payment = ({\n  children,\n  config = {},\n  currency,\n  error = {},\n  info = {},\n  methods = [],\n  showErrors = false,\n  onChange = () => {},\n  onError = () => {},\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n  const { currencyFormat, dateFormat, translate } = useLocale();\n  const { set } = useStore();\n\n  const [cardType, setCardType] = useState();\n  const [method, setMethod] = useState(methods.length > 0 ? methods[0] : undefined);\n\n  useEffect(() => {\n    onChange({ method });\n    set({ payment: { method } });\n    onError({});\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [method]);\n\n  const handleChange = (values = {}) => {\n    const { type } = values;\n    type !== cardType && setCardType(type);\n    const next = { method, ...values };\n    onChange(next);\n    set({ payment: { ...next } });\n  };\n\n  const { testId } = others;\n  const standalone = methods.length === 1;\n\n  return (\n    <View {...others} role=\"payments\" row={false} className={styles(style.container, others.className)}>\n      {methods\n        .filter((item) => !!METHOD[item])\n        .map((item) => {\n          const selected = method === item;\n          const caption = selected ? getCaption({ method, ...info, ...config }) : undefined;\n          const component = selected ? getComponent({ method: item, ...info, ...config }) : undefined;\n          const image = getImage({ method: item });\n          const { time = {} } = info || {};\n\n          return (\n            <View key={item} className={style.item}>\n              <Pressable\n                disabled={selected || standalone}\n                onPress={() => setMethod(item)}\n                className={styles(style.header, selected && style.selected)}\n                testId={testId ? `${testId}-item-${item}` : undefined}\n              >\n                {!standalone && <Radio checked={selected} name=\"method\" value={item} className={style.radio} />}\n                <Text\n                  bold\n                  headline={isDesktop && selected}\n                  className={styles(style.title, selected && style.selected)}\n                  testId={testId ? `${testId}-text-${item}` : undefined}\n                >\n                  {translate(L10N[`LABEL_${item}`])}\n                </Text>\n\n                {image && (\n                  <View\n                    alt={`${item?.split('_').join(' ')}`}\n                    src={`${process.env.SERVICE_STATIC}/${URL_IMAGES}/${image}`}\n                    tag=\"img\"\n                    className={style.image}\n                  />\n                )}\n\n                {[METHOD.CARD, METHOD.CARD_PREPAY, METHOD.PCIPROXY, METHOD.TPV].includes(item) &&\n                  (config.cards || []).map((card) => (\n                    <View\n                      alt={card}\n                      key={card}\n                      src={`${process.env.SERVICE_STATIC}/${URL_IMAGES}/cards/${card.toLowerCase()}.png`}\n                      tag=\"img\"\n                      className={styles(style.image, selected && cardType && card !== cardType && style.disabled)}\n                    />\n                  ))}\n              </Pressable>\n\n              {selected && (\n                <View className={style.content} testId={testId ? `${testId}-container-${item}` : undefined}>\n                  {caption && (\n                    <Text small className={styles(style.caption, component && style.withComponent)}>\n                      {translate(caption, {\n                        amount: currencyFormat({ currency, value: info?.amount }),\n                        date: dateFormat(info?.date, DATE_FORMAT),\n                        day: translate(L10N.LABEL_DAY, { value: time.value }),\n                        hour: translate(L10N.LABEL_HOUR, { value: time.value }),\n                        type: time.type,\n                      })}\n                    </Text>\n                  )}\n\n                  {component &&\n                    React.createElement(component, {\n                      error,\n                      showErrors,\n                      ...others,\n                      ...config,\n                      onChange: handleChange,\n                      onError,\n                    })}\n                </View>\n              )}\n            </View>\n          );\n        })}\n\n      {children && <View className={style.children}>{children}</View>}\n    </View>\n  );\n};\n\nPayment.displayName = 'Mirai:Core:Payment';\n\nPayment.propTypes = {\n  children: PropTypes.any,\n  config: PropTypes.shape({\n    cards: PropTypes.arrayOf(PropTypes.string),\n    provider: PropTypes.oneOf(Object.values(PROVIDER)),\n    showCVV: PropTypes.bool,\n  }),\n  currency: PropTypes.string,\n  error: PropTypes.object,\n  info: PropTypes.shape({\n    cardValidation: PropTypes.bool,\n    date: PropTypes.instanceOf(Date),\n    amount: PropTypes.number,\n    time: PropTypes.shape({\n      type: PropTypes.number,\n      value: PropTypes.number,\n    }),\n  }),\n  methods: PropTypes.array.isRequired,\n  showErrors: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { Payment };\n"],"mappings":"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"}

package/build/components/__shared__/Payment/Payment.module.css

@@ -42,7 +42,8 @@
   opacity: 0.25;
 }
 
-.item .content {
+.item .content,
+.children {
   padding: 0 var(--mirai-ui-space-M) var(--mirai-ui-space-M) var(--mirai-ui-space-M);
 }
 
@@ -53,9 +54,3 @@
 .item .content .caption.withComponent {
   margin-bottom: var(--mirai-ui-space-XS);
 }
-
-@media only screen and (max-width: 768px) {
-}
-
-@media only screen and (min-width: 768px) {
-}

package/build/components/__shared__/PriceBreakdown/PriceBreakdown.js

@@ -30,6 +30,7 @@ const PriceBreakdown = _ref => {
       notification: propNotification = {},
       price: {
         base,
+        description,
         discounts = [],
         extras,
         taxes = [],
@@ -112,7 +113,7 @@ const PriceBreakdown = _ref => {
     currency: currency,
     name: translate(_PriceBreakdown.L10N.LABEL_TOTAL),
     value: total || value
-  }), notification && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+  })), notification && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
     inline: true,
     small: true,
     warning,
@@ -157,7 +158,17 @@ const PriceBreakdown = _ref => {
       locale,
       value: net
     })
-  }))), children);
+  })), (base || description) && /*#__PURE__*/_react.default.createElement(_ui.Notification, {
+    inline: true,
+    small: true,
+    warning: true
+  }, "".concat(base ? translate(_PriceBreakdown.L10N.LABEL_BASE_PRICE_VALUE, {
+    value: (0, _locale.currencyFormat)({
+      currency,
+      locale,
+      value: base
+    })
+  }) : '', " ").concat(description).trim()), children);
 };
 exports.PriceBreakdown = PriceBreakdown;
 PriceBreakdown.displayName = 'Mirai:Core:PriceBreakdown';