@mirai/core 0.3.378 → 0.3.380

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

@@ -2,7 +2,7 @@
 
 exports[`component:<Checkout> Test A/B variant A 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -167,8 +167,8 @@ exports[`component:<Checkout> Test A/B variant A 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
-  <ui-view
+  </ui-header>
+  <ui-checkout
     class="view"
   >
     <ui-progress
@@ -213,7 +213,7 @@ exports[`component:<Checkout> Test A/B variant A 1`] = `
         />
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-checkout>
   <ui-view
     class="view row"
   >
@@ -264,7 +264,7 @@ exports[`component:<Checkout> Test A/B variant A 1`] = `
 
 exports[`component:<Checkout> Test A/B variant B 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -429,8 +429,8 @@ exports[`component:<Checkout> Test A/B variant B 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
-  <ui-view
+  </ui-header>
+  <ui-checkout
     class="view"
   >
     <ui-progress
@@ -475,7 +475,7 @@ exports[`component:<Checkout> Test A/B variant B 1`] = `
         />
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-checkout>
   <ui-view
     class="view row"
   >
@@ -526,7 +526,7 @@ exports[`component:<Checkout> Test A/B variant B 1`] = `
 
 exports[`component:<Checkout> inherit:className 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -691,8 +691,8 @@ exports[`component:<Checkout> inherit:className 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
-  <ui-view
+  </ui-header>
+  <ui-checkout
     class="view mirai"
   >
     <ui-progress
@@ -737,7 +737,7 @@ exports[`component:<Checkout> inherit:className 1`] = `
         />
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-checkout>
   <ui-view
     class="view row"
   >
@@ -788,7 +788,7 @@ exports[`component:<Checkout> inherit:className 1`] = `
 
 exports[`component:<Checkout> prop:session (false) 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -953,8 +953,8 @@ exports[`component:<Checkout> prop:session (false) 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
-  <ui-view
+  </ui-header>
+  <ui-checkout
     class="view"
   >
     <ui-progress
@@ -999,7 +999,7 @@ exports[`component:<Checkout> prop:session (false) 1`] = `
         />
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-checkout>
   <ui-view
     class="view row"
   >
@@ -1050,7 +1050,7 @@ exports[`component:<Checkout> prop:session (false) 1`] = `
 
 exports[`component:<Checkout> prop:skeleton 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -1215,8 +1215,8 @@ exports[`component:<Checkout> prop:skeleton 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
-  <ui-view
+  </ui-header>
+  <ui-checkout
     class="view"
   >
     <ui-progress
@@ -1261,7 +1261,7 @@ exports[`component:<Checkout> prop:skeleton 1`] = `
         />
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-checkout>
   <ui-view
     class="view row"
   >
@@ -1312,7 +1312,7 @@ exports[`component:<Checkout> prop:skeleton 1`] = `
 
 exports[`component:<Checkout> renders 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -1477,8 +1477,8 @@ exports[`component:<Checkout> renders 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
-  <ui-view
+  </ui-header>
+  <ui-checkout
     class="view"
   >
     <ui-progress
@@ -1523,7 +1523,7 @@ exports[`component:<Checkout> renders 1`] = `
         />
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-checkout>
   <ui-view
     class="view row"
   >
@@ -1574,7 +1574,7 @@ exports[`component:<Checkout> renders 1`] = `
 
 exports[`component:<Checkout> testID 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -1739,8 +1739,8 @@ exports[`component:<Checkout> testID 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
-  <ui-view
+  </ui-header>
+  <ui-checkout
     class="view"
     data-testid="mirai"
   >
@@ -1786,7 +1786,7 @@ exports[`component:<Checkout> testID 1`] = `
         />
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-checkout>
   <ui-view
     class="view row"
   >
@@ -1837,7 +1837,7 @@ exports[`component:<Checkout> testID 1`] = `
 
 exports[`component:<Checkout> with a store 1`] = `
 <DocumentFragment>
-  <ui-view
+  <ui-header
     class="view wide"
   >
     <ui-view
@@ -2002,8 +2002,8 @@ exports[`component:<Checkout> with a store 1`] = `
         </ui-tooltip>
       </ui-view>
     </ui-view>
-  </ui-view>
-  <ui-view
+  </ui-header>
+  <ui-checkout
     class="view"
   >
     <ui-progress
@@ -2048,7 +2048,7 @@ exports[`component:<Checkout> with a store 1`] = `
         />
       </ui-view>
     </ui-view>
-  </ui-view>
+  </ui-checkout>
   <ui-view
     class="view row"
   >

package/build/components/Checkout/partials/Checkout.Confirmation.js

@@ -140,7 +140,8 @@ const Confirmation = _ref => {
       promise: handleSubmit,
       wide: true,
       onError: handleError,
-      onPress: handlePress
+      onPress: handlePress,
+      testId: "checkout-button"
     }), translate((0, _helpers.getButtonPaymentKey)({
       ...config,
       ...(dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$payment = dataSource.payment) === null || _dataSource$payment === void 0 ? void 0 : _dataSource$payment.info),

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

@@ -1 +1 @@
-{"version":3,"file":"Checkout.Confirmation.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Core","_shared__","_BookingSummary","_helpers","_Checkout","_Checkout2","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","hasTracking","Confirmation","_ref","dataSource","error","onError","onValid","others","isDesktop","useDevice","translate","useLocale","track","useMetrics","value","checkout","hotel","id","language","locale","payment","session","urlParams","useStore","refContainer","useRef","busy","setBusy","useState","responseError","setResponseError","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","current","Event","publish","EVENT","FOOTER_HEIGHT_CHANGE","height","offsetHeight","price","prepayment","currency","method","handleError","handlePress","handleSubmit","concat","TRACKING","response","ServiceBooking","confirm","form","applyClubDiscount","undefined","catch","NOTIFICATION","small","defaultMessage","L10N","NOTIFICATION_ERROR","code","ERROR","UNKNOWN","service","CTA","_config$publicKey","_dataSource$payment","config","idtokenprovider","createElement","ButtonPayment","publicKey","large","promise","wide","onPress","getButtonPaymentKey","info","amount","currencyFormat","content","Fragment","BookingSummary","View","className","section","Notification","Text","light","footer","NOTIFICATION_SSL_ENCRYPTION","ref","confirmation","exports","displayName","propTypes","PropTypes","shape","bool","func"],"sources":["../../../../src/components/Checkout/partials/Checkout.Confirmation.jsx"],"sourcesContent":["import { Event, useMetrics, useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { ServiceBooking, ServiceFeatures } from '@mirai/services';\nimport { Notification, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { ERROR } from '../../../Core.constants';\nimport { ButtonPayment } from '../../__shared__';\nimport { BookingSummary } from '../../__shared__/BookingSummary';\nimport { EVENT, getButtonPaymentKey } from '../../helpers';\nimport { FEATURE_CHECKOUT_TRACKING, TRACKING } from '../Checkout.constants';\nimport { L10N } from '../Checkout.l10n';\nimport * as style from '../Checkout.module.css';\n\nlet hasTracking = false;\n\nconst Confirmation = ({ dataSource = {}, error = false, onError, onValid, ...others }) => {\n  const { isDesktop } = useDevice();\n  const { translate } = useLocale();\n  const { track } = useMetrics();\n  const { value: { checkout, hotel = {}, id, language, locale, payment, session = {}, urlParams = {} } = {} } =\n    useStore();\n  const refContainer = useRef();\n\n  const [busy, setBusy] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n\n    !isDesktop &&\n      refContainer?.current &&\n      Event.publish(EVENT.FOOTER_HEIGHT_CHANGE, { height: refContainer?.current.offsetHeight });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => setResponseError(), [checkout, payment]);\n\n  const { price: { prepayment = {} } = {} } = dataSource;\n  const { currency, value } = prepayment[payment?.method] || {};\n\n  const handleError = () => setBusy(false);\n\n  const handlePress = () => {\n    if (error) {\n      onError();\n      return false;\n    }\n\n    setBusy(true);\n  };\n\n  const handleSubmit = async (value) => {\n    if (error) return onError();\n\n    onValid();\n    hasTracking && track(`${TRACKING}:CTA`, { locale });\n\n    setResponseError();\n    const response = await ServiceBooking.confirm({\n      form: checkout,\n      dataSource,\n      language,\n      payment: { ...payment, ...value },\n      session: urlParams.applyClubDiscount === 'true' ? session : undefined,\n      ...urlParams,\n    }).catch((error) => {\n      setBusy(false);\n      setResponseError(error);\n\n      Event.publish(EVENT.NOTIFICATION, {\n        error: true,\n        small: true,\n        defaultMessage: translate(L10N.NOTIFICATION_ERROR[error?.code || ERROR.UNKNOWN]),\n      });\n\n      hasTracking && track(`${TRACKING}:ERROR:SERVICE`, { service: 'Booking', method: 'confirm', error, locale });\n    });\n\n    if (response && hasTracking) track(`${TRACKING}:SUCCESS`, { locale });\n\n    return response;\n  };\n\n  const CTA = () => {\n    const { payment: { config = {} } = {} } = dataSource;\n    const { idtokenprovider: id } = urlParams;\n\n    return (\n      <ButtonPayment\n        {...{ ...dataSource?.payment, config: { ...config, publicKey: config.publicKey?.[payment?.method] } }}\n        busy={busy}\n        hotel={{ ...hotel, id }}\n        large\n        promise={handleSubmit}\n        wide\n        onError={handleError}\n        onPress={handlePress}\n      >\n        {translate(getButtonPaymentKey({ ...config, ...dataSource?.payment?.info, method: payment?.method }), {\n          amount: currencyFormat({ currency, locale, value }),\n        })}\n      </ButtonPayment>\n    );\n  };\n\n  const content = () => (\n    <>\n      <BookingSummary dataSource={dataSource} />\n\n      <View className={style.section}>\n        {responseError && (\n          <Notification error small wide>\n            {translate(L10N.NOTIFICATION_ERROR[responseError?.code || ERROR.UNKNOWN])}\n          </Notification>\n        )}\n\n        {CTA()}\n\n        <Text light small wide className={style.footer}>\n          {translate(L10N.NOTIFICATION_SSL_ENCRYPTION)}\n        </Text>\n      </View>\n    </>\n  );\n\n  return (\n    <View ref={refContainer} {...others} className={style.confirmation}>\n      {isDesktop ? content() : CTA()}\n    </View>\n  );\n};\n\nConfirmation.displayName = 'Mirai:Core:Checkout:Confirmation';\n\nConfirmation.propTypes = {\n  dataSource: PropTypes.shape({}),\n  error: PropTypes.bool,\n  onError: PropTypes.func,\n  onValid: PropTypes.func,\n};\n\nexport { Confirmation };\n"],"mappings":"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"}
+{"version":3,"file":"Checkout.Confirmation.js","names":["_dataSources","require","_locale","_services","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Core","_shared__","_BookingSummary","_helpers","_Checkout","_Checkout2","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","hasTracking","Confirmation","_ref","dataSource","error","onError","onValid","others","isDesktop","useDevice","translate","useLocale","track","useMetrics","value","checkout","hotel","id","language","locale","payment","session","urlParams","useStore","refContainer","useRef","busy","setBusy","useState","responseError","setResponseError","useEffect","ServiceFeatures","FEATURE_CHECKOUT_TRACKING","current","Event","publish","EVENT","FOOTER_HEIGHT_CHANGE","height","offsetHeight","price","prepayment","currency","method","handleError","handlePress","handleSubmit","concat","TRACKING","response","ServiceBooking","confirm","form","applyClubDiscount","undefined","catch","NOTIFICATION","small","defaultMessage","L10N","NOTIFICATION_ERROR","code","ERROR","UNKNOWN","service","CTA","_config$publicKey","_dataSource$payment","config","idtokenprovider","createElement","ButtonPayment","publicKey","large","promise","wide","onPress","testId","getButtonPaymentKey","info","amount","currencyFormat","content","Fragment","BookingSummary","View","className","section","Notification","Text","light","footer","NOTIFICATION_SSL_ENCRYPTION","ref","confirmation","exports","displayName","propTypes","PropTypes","shape","bool","func"],"sources":["../../../../src/components/Checkout/partials/Checkout.Confirmation.jsx"],"sourcesContent":["import { Event, useMetrics, useStore } from '@mirai/data-sources';\nimport { currencyFormat, useLocale } from '@mirai/locale';\nimport { ServiceBooking, ServiceFeatures } from '@mirai/services';\nimport { Notification, Text, useDevice, View } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { ERROR } from '../../../Core.constants';\nimport { ButtonPayment } from '../../__shared__';\nimport { BookingSummary } from '../../__shared__/BookingSummary';\nimport { EVENT, getButtonPaymentKey } from '../../helpers';\nimport { FEATURE_CHECKOUT_TRACKING, TRACKING } from '../Checkout.constants';\nimport { L10N } from '../Checkout.l10n';\nimport * as style from '../Checkout.module.css';\n\nlet hasTracking = false;\n\nconst Confirmation = ({ dataSource = {}, error = false, onError, onValid, ...others }) => {\n  const { isDesktop } = useDevice();\n  const { translate } = useLocale();\n  const { track } = useMetrics();\n  const { value: { checkout, hotel = {}, id, language, locale, payment, session = {}, urlParams = {} } = {} } =\n    useStore();\n  const refContainer = useRef();\n\n  const [busy, setBusy] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  useEffect(() => {\n    hasTracking = ServiceFeatures.get(FEATURE_CHECKOUT_TRACKING, id);\n\n    !isDesktop &&\n      refContainer?.current &&\n      Event.publish(EVENT.FOOTER_HEIGHT_CHANGE, { height: refContainer?.current.offsetHeight });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => setResponseError(), [checkout, payment]);\n\n  const { price: { prepayment = {} } = {} } = dataSource;\n  const { currency, value } = prepayment[payment?.method] || {};\n\n  const handleError = () => setBusy(false);\n\n  const handlePress = () => {\n    if (error) {\n      onError();\n      return false;\n    }\n\n    setBusy(true);\n  };\n\n  const handleSubmit = async (value) => {\n    if (error) return onError();\n\n    onValid();\n    hasTracking && track(`${TRACKING}:CTA`, { locale });\n\n    setResponseError();\n    const response = await ServiceBooking.confirm({\n      form: checkout,\n      dataSource,\n      language,\n      payment: { ...payment, ...value },\n      session: urlParams.applyClubDiscount === 'true' ? session : undefined,\n      ...urlParams,\n    }).catch((error) => {\n      setBusy(false);\n      setResponseError(error);\n\n      Event.publish(EVENT.NOTIFICATION, {\n        error: true,\n        small: true,\n        defaultMessage: translate(L10N.NOTIFICATION_ERROR[error?.code || ERROR.UNKNOWN]),\n      });\n\n      hasTracking && track(`${TRACKING}:ERROR:SERVICE`, { service: 'Booking', method: 'confirm', error, locale });\n    });\n\n    if (response && hasTracking) track(`${TRACKING}:SUCCESS`, { locale });\n\n    return response;\n  };\n\n  const CTA = () => {\n    const { payment: { config = {} } = {} } = dataSource;\n    const { idtokenprovider: id } = urlParams;\n\n    return (\n      <ButtonPayment\n        {...{ ...dataSource?.payment, config: { ...config, publicKey: config.publicKey?.[payment?.method] } }}\n        busy={busy}\n        hotel={{ ...hotel, id }}\n        large\n        promise={handleSubmit}\n        wide\n        onError={handleError}\n        onPress={handlePress}\n        testId=\"checkout-button\"\n      >\n        {translate(getButtonPaymentKey({ ...config, ...dataSource?.payment?.info, method: payment?.method }), {\n          amount: currencyFormat({ currency, locale, value }),\n        })}\n      </ButtonPayment>\n    );\n  };\n\n  const content = () => (\n    <>\n      <BookingSummary dataSource={dataSource} />\n\n      <View className={style.section}>\n        {responseError && (\n          <Notification error small wide>\n            {translate(L10N.NOTIFICATION_ERROR[responseError?.code || ERROR.UNKNOWN])}\n          </Notification>\n        )}\n\n        {CTA()}\n\n        <Text light small wide className={style.footer}>\n          {translate(L10N.NOTIFICATION_SSL_ENCRYPTION)}\n        </Text>\n      </View>\n    </>\n  );\n\n  return (\n    <View ref={refContainer} {...others} className={style.confirmation}>\n      {isDesktop ? content() : CTA()}\n    </View>\n  );\n};\n\nConfirmation.displayName = 'Mirai:Core:Checkout:Confirmation';\n\nConfirmation.propTypes = {\n  dataSource: PropTypes.shape({}),\n  error: PropTypes.bool,\n  onError: PropTypes.func,\n  onValid: PropTypes.func,\n};\n\nexport { Confirmation };\n"],"mappings":"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"}

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

@@ -196,6 +196,7 @@ exports[`component:<Checkout> partial:<Confirmation> Test A/B variant A 1`] = `
     >
       <ui-button
         class="pressable button large wide"
+        data-testid="checkout-button"
         disabled="false"
         methods="CARD,AMAZON_PAY"
         tabindex="0"
@@ -459,6 +460,7 @@ exports[`component:<Checkout> partial:<Confirmation> Test A/B variant B 1`] = `
     >
       <ui-button
         class="pressable button large wide"
+        data-testid="checkout-button"
         disabled="false"
         methods="CARD,AMAZON_PAY"
         tabindex="0"
@@ -721,6 +723,7 @@ exports[`component:<Checkout> partial:<Confirmation> inherit:className 1`] = `
     >
       <ui-button
         class="pressable button large wide"
+        data-testid="checkout-button"
         disabled="false"
         methods="CARD,AMAZON_PAY"
         tabindex="0"
@@ -983,6 +986,7 @@ exports[`component:<Checkout> partial:<Confirmation> renders 1`] = `
     >
       <ui-button
         class="pressable button large wide"
+        data-testid="checkout-button"
         disabled="false"
         methods="CARD,AMAZON_PAY"
         tabindex="0"
@@ -1246,6 +1250,7 @@ exports[`component:<Checkout> partial:<Confirmation> testID 1`] = `
     >
       <ui-button
         class="pressable button large wide"
+        data-testid="checkout-button"
         disabled="false"
         methods="CARD,AMAZON_PAY"
         tabindex="0"
@@ -1508,6 +1513,7 @@ exports[`component:<Checkout> partial:<Confirmation> with a store 1`] = `
     >
       <ui-button
         class="pressable button large wide"
+        data-testid="checkout-button"
         disabled="false"
         methods="CARD,AMAZON_PAY"
         tabindex="0"

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

@@ -1369,7 +1369,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
       </ui-label>
     </ui-input-option>
   </form>
-  <ui-view
+  <ui-payment
     class="view"
   >
     <ui-view
@@ -1386,6 +1386,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
     >
       <ui-pressable
         class="pressable disabled"
+        data-testid="payments-item-CARD"
         disabled="true"
       >
         <ui-radio
@@ -1404,6 +1405,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
         </ui-radio>
         <ui-text
           class="text bold paragraph"
+          data-testid="payments-text-CARD"
         >
           payments.label.card
         </ui-text>
@@ -1420,6 +1422,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
       </ui-pressable>
       <ui-view
         class="view"
+        data-testid="payments-container-CARD"
       >
         <form
           autocomplete="off"
@@ -1531,6 +1534,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
     >
       <ui-pressable
         class="pressable"
+        data-testid="payments-item-AMAZON_PAY"
         disabled="false"
         tabindex="0"
       >
@@ -1549,6 +1553,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
         </ui-radio>
         <ui-text
           class="text bold paragraph"
+          data-testid="payments-text-AMAZON_PAY"
         >
           payments.label.amazon
         </ui-text>
@@ -1559,7 +1564,7 @@ exports[`component:<Checkout> partial:<Form> inherit:className 1`] = `
         />
       </ui-pressable>
     </ui-view>
-  </ui-view>
+  </ui-payment>
   <ui-modal-overflow
     class="pressable container overflow"
     style="height: 768px;"
@@ -3047,7 +3052,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
       </ui-label>
     </ui-input-option>
   </form>
-  <ui-view
+  <ui-payment
     class="view"
   >
     <ui-view
@@ -3064,6 +3069,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
     >
       <ui-pressable
         class="pressable disabled"
+        data-testid="payments-item-CARD"
         disabled="true"
       >
         <ui-radio
@@ -3082,6 +3088,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
         </ui-radio>
         <ui-text
           class="text bold paragraph"
+          data-testid="payments-text-CARD"
         >
           payments.label.card
         </ui-text>
@@ -3098,6 +3105,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
       </ui-pressable>
       <ui-view
         class="view"
+        data-testid="payments-container-CARD"
       >
         <form
           autocomplete="off"
@@ -3209,6 +3217,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
     >
       <ui-pressable
         class="pressable"
+        data-testid="payments-item-AMAZON_PAY"
         disabled="false"
         tabindex="0"
       >
@@ -3227,6 +3236,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
         </ui-radio>
         <ui-text
           class="text bold paragraph"
+          data-testid="payments-text-AMAZON_PAY"
         >
           payments.label.amazon
         </ui-text>
@@ -3237,7 +3247,7 @@ exports[`component:<Checkout> partial:<Form> renders 1`] = `
         />
       </ui-pressable>
     </ui-view>
-  </ui-view>
+  </ui-payment>
   <ui-modal-overflow
     class="pressable container overflow"
     style="height: 768px;"
@@ -4726,7 +4736,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
       </ui-label>
     </ui-input-option>
   </form>
-  <ui-view
+  <ui-payment
     class="view"
   >
     <ui-view
@@ -4743,6 +4753,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
     >
       <ui-pressable
         class="pressable disabled"
+        data-testid="payments-item-CARD"
         disabled="true"
       >
         <ui-radio
@@ -4761,6 +4772,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
         </ui-radio>
         <ui-text
           class="text bold paragraph"
+          data-testid="payments-text-CARD"
         >
           payments.label.card
         </ui-text>
@@ -4777,6 +4789,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
       </ui-pressable>
       <ui-view
         class="view"
+        data-testid="payments-container-CARD"
       >
         <form
           autocomplete="off"
@@ -4888,6 +4901,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
     >
       <ui-pressable
         class="pressable"
+        data-testid="payments-item-AMAZON_PAY"
         disabled="false"
         tabindex="0"
       >
@@ -4906,6 +4920,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
         </ui-radio>
         <ui-text
           class="text bold paragraph"
+          data-testid="payments-text-AMAZON_PAY"
         >
           payments.label.amazon
         </ui-text>
@@ -4916,7 +4931,7 @@ exports[`component:<Checkout> partial:<Form> testID 1`] = `
         />
       </ui-pressable>
     </ui-view>
-  </ui-view>
+  </ui-payment>
   <ui-modal-overflow
     class="pressable container overflow"
     style="height: 768px;"
@@ -6404,7 +6419,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
       </ui-label>
     </ui-input-option>
   </form>
-  <ui-view
+  <ui-payment
     class="view"
   >
     <ui-view
@@ -6421,6 +6436,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
     >
       <ui-pressable
         class="pressable disabled"
+        data-testid="payments-item-CARD"
         disabled="true"
       >
         <ui-radio
@@ -6439,6 +6455,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
         </ui-radio>
         <ui-text
           class="text bold paragraph"
+          data-testid="payments-text-CARD"
         >
           payments.label.card
         </ui-text>
@@ -6455,6 +6472,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
       </ui-pressable>
       <ui-view
         class="view"
+        data-testid="payments-container-CARD"
       >
         <form
           autocomplete="off"
@@ -6566,6 +6584,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
     >
       <ui-pressable
         class="pressable"
+        data-testid="payments-item-AMAZON_PAY"
         disabled="false"
         tabindex="0"
       >
@@ -6584,6 +6603,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
         </ui-radio>
         <ui-text
           class="text bold paragraph"
+          data-testid="payments-text-AMAZON_PAY"
         >
           payments.label.amazon
         </ui-text>
@@ -6594,7 +6614,7 @@ exports[`component:<Checkout> partial:<Form> with a store 1`] = `
         />
       </ui-pressable>
     </ui-view>
-  </ui-view>
+  </ui-payment>
   <ui-modal-overflow
     class="pressable container overflow"
     style="height: 768px;"