@mirai/core 0.3.397 → 0.3.398

package/build/components/__shared__/Payment/__tests__/__snapshots__/Payment.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component:<Payment> inherit:className 1`] = `
+exports[`<Payment> inherit:className 1`] = `
 <DocumentFragment>
   <ui-payment
     class="view mirai"
@@ -176,7 +176,7 @@ exports[`component:<Payment> inherit:className 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Payment> renders 1`] = `
+exports[`<Payment> renders 1`] = `
 <DocumentFragment>
   <ui-payment
     class="view"
@@ -352,7 +352,7 @@ exports[`component:<Payment> renders 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Payment> renders some methods 1`] = `
+exports[`<Payment> renders some methods 1`] = `
 <DocumentFragment>
   <ui-payment
     class="view"
@@ -636,7 +636,7 @@ exports[`component:<Payment> renders some methods 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Payment> testID with one method 1`] = `
+exports[`<Payment> testID with one method 1`] = `
 <DocumentFragment>
   <ui-payment
     class="view"
@@ -818,7 +818,7 @@ exports[`component:<Payment> testID with one method 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Payment> testID with some methods 1`] = `
+exports[`<Payment> testID with some methods 1`] = `
 <DocumentFragment>
   <ui-payment
     class="view"

package/build/components/__shared__/Payment/components/AmazonPay/__tests__/__snapshots__/AmazonPay.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component:<AmazonPay> prop:onError 1`] = `
+exports[`<Payment> <AmazonPay> prop:onError 1`] = `
 <DocumentFragment>
   <div
     id="amazonPayButton"
@@ -11,7 +11,7 @@ exports[`component:<AmazonPay> prop:onError 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<AmazonPay> renders 1`] = `
+exports[`<Payment> <AmazonPay> renders 1`] = `
 <DocumentFragment>
   <div
     id="amazonPayButton"

package/build/components/__shared__/Payment/components/Aplazame/__tests__/__snapshots__/Aplazame.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component:<Aplazame> renders 1`] = `
+exports[`<Payment> <Aplazame> renders 1`] = `
 <DocumentFragment>
   <ui-input-option
     class="pressable inputOption"

package/build/components/__shared__/Payment/components/Card/__tests__/__snapshots__/Card.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component:<Card> inherit:className 1`] = `
+exports[`<Paymnet> <Card> inherit:className 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -141,7 +141,7 @@ exports[`component:<Card> inherit:className 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Card> prop:error 1`] = `
+exports[`<Paymnet> <Card> prop:error 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -308,7 +308,7 @@ exports[`component:<Card> prop:error 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Card> prop:showCVV 1`] = `
+exports[`<Paymnet> <Card> prop:showCVV 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -420,7 +420,7 @@ exports[`component:<Card> prop:showCVV 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Card> prop:showErrors 1`] = `
+exports[`<Paymnet> <Card> prop:showErrors 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -645,7 +645,7 @@ exports[`component:<Card> prop:showErrors 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Card> renders 1`] = `
+exports[`<Paymnet> <Card> renders 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"
@@ -786,7 +786,7 @@ exports[`component:<Card> renders 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Card> testID 1`] = `
+exports[`<Paymnet> <Card> testID 1`] = `
 <DocumentFragment>
   <form
     autocomplete="off"

package/build/components/__shared__/Payment/components/PCI/__tests__/__snapshots__/PCI.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component:<PCI> inherit:className 1`] = `
+exports[`<Payment> <PCI> inherit:className 1`] = `
 <DocumentFragment>
   <ui-view
     class="view mirai"
@@ -122,7 +122,7 @@ exports[`component:<PCI> inherit:className 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<PCI> prop:showCVV 1`] = `
+exports[`<Payment> <PCI> prop:showCVV 1`] = `
 <DocumentFragment>
   <ui-view
     class="view"
@@ -224,7 +224,7 @@ exports[`component:<PCI> prop:showCVV 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<PCI> renders 1`] = `
+exports[`<Payment> <PCI> renders 1`] = `
 <DocumentFragment>
   <ui-view
     class="view"
@@ -346,7 +346,7 @@ exports[`component:<PCI> renders 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<PCI> testID 1`] = `
+exports[`<Payment> <PCI> testID 1`] = `
 <DocumentFragment>
   <ui-view
     class="view"

package/build/components/__shared__/Payment/components/Tpv/__tests__/__snapshots__/Tpv.test.js.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component:<Tpv> inherit:className 1`] = `
+exports[`<Payment> <Tpv> inherit:className 1`] = `
 <DocumentFragment>
   <ui-input-text
     class="view inputContainer mirai"
@@ -32,7 +32,7 @@ exports[`component:<Tpv> inherit:className 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Tpv> renders 1`] = `
+exports[`<Payment> <Tpv> renders 1`] = `
 <DocumentFragment>
   <ui-input-text
     class="view inputContainer"
@@ -64,7 +64,7 @@ exports[`component:<Tpv> renders 1`] = `
 </DocumentFragment>
 `;
 
-exports[`component:<Tpv> testID 1`] = `
+exports[`<Payment> <Tpv> testID 1`] = `
 <DocumentFragment>
   <ui-input-text
     class="view inputContainer"

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

@@ -51,7 +51,7 @@ const PriceBreakdown = _ref => {
     value: {
       locale,
       payment
-    }
+    } = {}
   } = (0, _dataSources.useStore)();
   const notification = propNotification[payment === null || payment === void 0 ? void 0 : payment.method];
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"PriceBreakdown.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_PriceBreakdown","_PriceBreakdown2","style","_interopRequireWildcard","_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","PriceBreakdown","_ref","children","dataSource","agency","base","agencyBase","commission","currency","agencyCurrency","net","notification","propNotification","price","description","discounts","extras","taxes","total","value","showBasePrice","others","isDesktop","useDevice","translate","useLocale","locale","payment","useStore","method","infoCurrency","error","remaining","success","type","infoTotal","typeFee","infoValue","warning","createElement","View","className","styles","priceBreakdown","Text","bold","headline","L10N","LABEL_PRICE_SUMMARY","wide","lines","Line","name","LABEL_BASE_PRICE","LABEL_EXTRAS","map","_ref2","amount","concat","toUpperCase","fee","bindings","undefined","index","LABEL_TOTAL","Notification","inline","small","currencyFormat","LABEL_BASE_PRICE_VALUE","trim","exports","displayName","propTypes","PropTypes","any"],"sources":["../../../../src/components/__shared__/PriceBreakdown/PriceBreakdown.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { styles, Notification, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './PriceBreakdown.l10n';\nimport { Line } from './PriceBreakdown.Line';\nimport * as style from './PriceBreakdown.module.css';\n\nconst PriceBreakdown = ({\n  children,\n  dataSource: {\n    agency: { base: agencyBase, commission, currency: agencyCurrency, net } = {},\n    currency,\n    notification: propNotification = {},\n    price: { base, description, discounts = [], extras, taxes = [], total, value } = {},\n    showBasePrice,\n  } = {},\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n  const { translate } = useLocale();\n  const {\n    value: { locale, payment },\n  } = useStore();\n\n  const notification = propNotification[payment?.method];\n  const {\n    currency: infoCurrency,\n    error,\n    remaining,\n    success,\n    type,\n    total: infoTotal,\n    typeFee,\n    value: infoValue,\n    warning,\n  } = notification || {};\n\n  return (\n    <View {...others} className={styles(style.priceBreakdown, others.className)}>\n      <Text bold headline={isDesktop}>\n        {translate(L10N.LABEL_PRICE_SUMMARY)}\n      </Text>\n\n      <View wide className={style.lines}>\n        <Line currency={currency} name={translate(L10N.LABEL_BASE_PRICE)} value={base} />\n        {extras && <Line currency={currency} name={translate(L10N.LABEL_EXTRAS)} value={extras} />}\n        {discounts.map(({ type, amount }) => (\n          <Line\n            currency={currency}\n            key={type}\n            name={translate(L10N[`LABEL_CHECKOUT_DISCOUNT_${type}`.toUpperCase()])}\n            value={-amount}\n          />\n        ))}\n        {taxes.map(({ type = 0, amount, fee = false, ...bindings } = {}, index) => (\n          <Line\n            currency={currency}\n            key={index}\n            name={translate(L10N[`NOTIFICATION_CHECKOUT_${fee ? 'FEE' : 'TAX'}_${type}`], { type, ...bindings })}\n            value={amount}\n          />\n        ))}\n\n        <Line bold currency={currency} name={translate(L10N.LABEL_TOTAL)} value={total || value} />\n      </View>\n\n      {notification && (\n        <Notification inline small {...{ warning, success, error }} className={style.notification}>\n          {translate(L10N[`NOTIFICATION_CHECKOUT_PRICE_${type}`], {\n            total: currencyFormat({\n              currency: infoCurrency,\n              locale,\n              value: infoTotal,\n            }),\n            amount: currencyFormat({\n              currency: infoCurrency,\n              locale,\n              value: infoValue,\n            }),\n            remaining: currencyFormat({\n              currency: infoCurrency,\n              locale,\n              value: remaining,\n            }),\n            typeFee,\n          })}\n        </Notification>\n      )}\n\n      {agencyBase > 0 && commission > 0 && net > 0 && (\n        <Notification inline small warning className={style.notification}>\n          {translate(L10N['NOTIFICATION_AGENCY'], {\n            base: currencyFormat({ currency: agencyCurrency, locale, value: agencyBase }),\n            commission: currencyFormat({ currency: agencyCurrency, locale, value: commission }),\n            net: currencyFormat({ currency: agencyCurrency, locale, value: net }),\n          })}\n        </Notification>\n      )}\n\n      {showBasePrice && (base || description) && (\n        <Notification inline small warning>\n          {`${\n            base\n              ? translate(L10N.LABEL_BASE_PRICE_VALUE, {\n                  value: currencyFormat({ currency, locale, value: base }),\n                })\n              : ''\n          } ${description}`.trim()}\n        </Notification>\n      )}\n\n      {children}\n    </View>\n  );\n};\n\nPriceBreakdown.displayName = 'Mirai:Core:PriceBreakdown';\n\nPriceBreakdown.propTypes = {\n  children: PropTypes.any,\n  dataSource: PropTypes.any,\n};\n\nexport { PriceBreakdown };\n"],"mappings":"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"}
+{"version":3,"file":"PriceBreakdown.js","names":["_dataSources","require","_locale","_ui","_propTypes","_interopRequireDefault","_react","_PriceBreakdown","_PriceBreakdown2","style","_interopRequireWildcard","_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","PriceBreakdown","_ref","children","dataSource","agency","base","agencyBase","commission","currency","agencyCurrency","net","notification","propNotification","price","description","discounts","extras","taxes","total","value","showBasePrice","others","isDesktop","useDevice","translate","useLocale","locale","payment","useStore","method","infoCurrency","error","remaining","success","type","infoTotal","typeFee","infoValue","warning","createElement","View","className","styles","priceBreakdown","Text","bold","headline","L10N","LABEL_PRICE_SUMMARY","wide","lines","Line","name","LABEL_BASE_PRICE","LABEL_EXTRAS","map","_ref2","amount","concat","toUpperCase","fee","bindings","undefined","index","LABEL_TOTAL","Notification","inline","small","currencyFormat","LABEL_BASE_PRICE_VALUE","trim","exports","displayName","propTypes","PropTypes","any"],"sources":["../../../../src/components/__shared__/PriceBreakdown/PriceBreakdown.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { styles, Notification, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { L10N } from './PriceBreakdown.l10n';\nimport { Line } from './PriceBreakdown.Line';\nimport * as style from './PriceBreakdown.module.css';\n\nconst PriceBreakdown = ({\n  children,\n  dataSource: {\n    agency: { base: agencyBase, commission, currency: agencyCurrency, net } = {},\n    currency,\n    notification: propNotification = {},\n    price: { base, description, discounts = [], extras, taxes = [], total, value } = {},\n    showBasePrice,\n  } = {},\n  ...others\n}) => {\n  const { isDesktop } = useDevice();\n  const { translate } = useLocale();\n  const { value: { locale, payment } = {} } = useStore();\n\n  const notification = propNotification[payment?.method];\n  const {\n    currency: infoCurrency,\n    error,\n    remaining,\n    success,\n    type,\n    total: infoTotal,\n    typeFee,\n    value: infoValue,\n    warning,\n  } = notification || {};\n\n  return (\n    <View {...others} className={styles(style.priceBreakdown, others.className)}>\n      <Text bold headline={isDesktop}>\n        {translate(L10N.LABEL_PRICE_SUMMARY)}\n      </Text>\n\n      <View wide className={style.lines}>\n        <Line currency={currency} name={translate(L10N.LABEL_BASE_PRICE)} value={base} />\n        {extras && <Line currency={currency} name={translate(L10N.LABEL_EXTRAS)} value={extras} />}\n        {discounts.map(({ type, amount }) => (\n          <Line\n            currency={currency}\n            key={type}\n            name={translate(L10N[`LABEL_CHECKOUT_DISCOUNT_${type}`.toUpperCase()])}\n            value={-amount}\n          />\n        ))}\n        {taxes.map(({ type = 0, amount, fee = false, ...bindings } = {}, index) => (\n          <Line\n            currency={currency}\n            key={index}\n            name={translate(L10N[`NOTIFICATION_CHECKOUT_${fee ? 'FEE' : 'TAX'}_${type}`], { type, ...bindings })}\n            value={amount}\n          />\n        ))}\n\n        <Line bold currency={currency} name={translate(L10N.LABEL_TOTAL)} value={total || value} />\n      </View>\n\n      {notification && (\n        <Notification inline small {...{ warning, success, error }} className={style.notification}>\n          {translate(L10N[`NOTIFICATION_CHECKOUT_PRICE_${type}`], {\n            total: currencyFormat({\n              currency: infoCurrency,\n              locale,\n              value: infoTotal,\n            }),\n            amount: currencyFormat({\n              currency: infoCurrency,\n              locale,\n              value: infoValue,\n            }),\n            remaining: currencyFormat({\n              currency: infoCurrency,\n              locale,\n              value: remaining,\n            }),\n            typeFee,\n          })}\n        </Notification>\n      )}\n\n      {agencyBase > 0 && commission > 0 && net > 0 && (\n        <Notification inline small warning className={style.notification}>\n          {translate(L10N['NOTIFICATION_AGENCY'], {\n            base: currencyFormat({ currency: agencyCurrency, locale, value: agencyBase }),\n            commission: currencyFormat({ currency: agencyCurrency, locale, value: commission }),\n            net: currencyFormat({ currency: agencyCurrency, locale, value: net }),\n          })}\n        </Notification>\n      )}\n\n      {showBasePrice && (base || description) && (\n        <Notification inline small warning>\n          {`${\n            base\n              ? translate(L10N.LABEL_BASE_PRICE_VALUE, {\n                  value: currencyFormat({ currency, locale, value: base }),\n                })\n              : ''\n          } ${description}`.trim()}\n        </Notification>\n      )}\n\n      {children}\n    </View>\n  );\n};\n\nPriceBreakdown.displayName = 'Mirai:Core:PriceBreakdown';\n\nPriceBreakdown.propTypes = {\n  children: PropTypes.any,\n  dataSource: PropTypes.any,\n};\n\nexport { PriceBreakdown };\n"],"mappings":"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"}

package/build/components/__shared__/PriceBreakdown/__tests__/__snapshots__/PriceBreakdown.Line.test.js.snap

@@ -0,0 +1,49 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<PriceBreakdown.Line> applies the correct scaffold based on props 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view row"
+  >
+    <ui-text
+      class="text bold paragraph wide"
+    >
+      name
+    </ui-text>
+    <ui-text
+      class="text bold paragraph"
+    />
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<PriceBreakdown.Line> inherit:className 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view row mirai"
+  >
+    <ui-text
+      class="text action wide"
+    />
+    <ui-text
+      class="text action"
+    />
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<PriceBreakdown.Line> testID 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view row"
+    data-testid="mirai"
+  >
+    <ui-text
+      class="text action wide"
+    />
+    <ui-text
+      class="text action"
+    />
+  </ui-view>
+</DocumentFragment>
+`;

package/build/components/__shared__/PriceBreakdown/__tests__/__snapshots__/PriceBreakdown.test.js.snap

@@ -0,0 +1,337 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<PriceBreakdown> inherit:className 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view mirai"
+  >
+    <ui-text
+      class="text bold headline-3"
+    >
+      user.label.price_summary
+    </ui-text>
+    <ui-view
+      class="view wide"
+    >
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text action wide"
+        >
+          common.label.base_price
+        </ui-text>
+        <ui-text
+          class="text action"
+        >
+          0,00 €
+        </ui-text>
+      </ui-view>
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text bold paragraph wide"
+        >
+          common.label.total
+        </ui-text>
+        <ui-text
+          class="text bold paragraph"
+        >
+          0,00 €
+        </ui-text>
+      </ui-view>
+    </ui-view>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<PriceBreakdown> prop:children 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+  >
+    <ui-text
+      class="text bold headline-3"
+    >
+      user.label.price_summary
+    </ui-text>
+    <ui-view
+      class="view wide"
+    >
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text action wide"
+        >
+          common.label.base_price
+        </ui-text>
+        <ui-text
+          class="text action"
+        >
+          0,00 €
+        </ui-text>
+      </ui-view>
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text bold paragraph wide"
+        >
+          common.label.total
+        </ui-text>
+        <ui-text
+          class="text bold paragraph"
+        >
+          0,00 €
+        </ui-text>
+      </ui-view>
+    </ui-view>
+    children
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<PriceBreakdown> prop:dataSource 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+  >
+    <ui-text
+      class="text bold headline-3"
+    >
+      user.label.price_summary
+    </ui-text>
+    <ui-view
+      class="view wide"
+    >
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text action wide"
+        >
+          common.label.base_price
+        </ui-text>
+        <ui-text
+          class="text action"
+        >
+          200,00 US$
+        </ui-text>
+      </ui-view>
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text action wide"
+        >
+          common.label.extras
+        </ui-text>
+        <ui-text
+          class="text action"
+        >
+          20,00 US$
+        </ui-text>
+      </ui-view>
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text action wide"
+        />
+        <ui-text
+          class="text action"
+        >
+          -10,00 US$
+        </ui-text>
+      </ui-view>
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text action wide"
+        />
+        <ui-text
+          class="text action"
+        >
+          15,00 US$
+        </ui-text>
+      </ui-view>
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text bold paragraph wide"
+        >
+          common.label.total
+        </ui-text>
+        <ui-text
+          class="text bold paragraph"
+        >
+          225,00 US$
+        </ui-text>
+      </ui-view>
+    </ui-view>
+    <ui-notification-warning
+      class="view row notification warning inline small"
+    >
+      <ui-icon
+        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>
+      </ui-icon>
+      <ui-view
+        class="view texts"
+      >
+        <ui-text
+          class="text small"
+        >
+          user.notification.commission.agency
+        </ui-text>
+      </ui-view>
+    </ui-notification-warning>
+    <ui-notification-warning
+      class="view row notification warning inline small"
+    >
+      <ui-icon
+        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>
+      </ui-icon>
+      <ui-view
+        class="view texts"
+      >
+        <ui-text
+          class="text small"
+        >
+          common.label.base
+          <ui-text
+            style="text-decoration: underline;"
+          >
+            price
+          </ui-text>
+          value Test Description
+        </ui-text>
+      </ui-view>
+    </ui-notification-warning>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<PriceBreakdown> renders 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+  >
+    <ui-text
+      class="text bold headline-3"
+    >
+      user.label.price_summary
+    </ui-text>
+    <ui-view
+      class="view wide"
+    >
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text action wide"
+        >
+          common.label.base_price
+        </ui-text>
+        <ui-text
+          class="text action"
+        >
+          0,00 €
+        </ui-text>
+      </ui-view>
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text bold paragraph wide"
+        >
+          common.label.total
+        </ui-text>
+        <ui-text
+          class="text bold paragraph"
+        >
+          0,00 €
+        </ui-text>
+      </ui-view>
+    </ui-view>
+  </ui-view>
+</DocumentFragment>
+`;
+
+exports[`<PriceBreakdown> testID 1`] = `
+<DocumentFragment>
+  <ui-view
+    class="view"
+    data-testid="mirai"
+  >
+    <ui-text
+      class="text bold headline-3"
+    >
+      user.label.price_summary
+    </ui-text>
+    <ui-view
+      class="view wide"
+    >
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text action wide"
+        >
+          common.label.base_price
+        </ui-text>
+        <ui-text
+          class="text action"
+        >
+          0,00 €
+        </ui-text>
+      </ui-view>
+      <ui-view
+        class="view row"
+      >
+        <ui-text
+          class="text bold paragraph wide"
+        >
+          common.label.total
+        </ui-text>
+        <ui-text
+          class="text bold paragraph"
+        >
+          0,00 €
+        </ui-text>
+      </ui-view>
+    </ui-view>
+  </ui-view>
+</DocumentFragment>
+`;