@mirai/core 0.3.175 → 0.3.177

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","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","currencyFormat","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 { currencyFormat, 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 { dateFormat, translate } = useLocale();\n  const { set } = useStore();\n\n  const [cardType, setCardType] = useState();\n  const [method, setMethod] = useState(methods.length === 1 ? 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","config","currency","error","info","methods","showErrors","onChange","onError","others","isDesktop","useDevice","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","currencyFormat","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 { currencyFormat, 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 { 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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"}

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

@@ -55,6 +55,7 @@ exports[`component:<Payment> inherit:className 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-card"
                   maxlength="19"
                   name="card"
                   placeholder="0000 0000 0000 0000"
@@ -86,6 +87,7 @@ exports[`component:<Payment> inherit:className 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-name"
                   maxlength="100"
                   minlength="3"
                   name="name"
@@ -117,6 +119,7 @@ exports[`component:<Payment> inherit:className 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-expire"
                   maxlength="5"
                   name="expire"
                   placeholder="payments.label.month_format/payments.label.year_format"
@@ -148,6 +151,7 @@ exports[`component:<Payment> inherit:className 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-CVV"
                   maxlength="3"
                   name="CVV"
                   placeholder="000"
@@ -220,6 +224,7 @@ exports[`component:<Payment> renders 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-card"
                   maxlength="19"
                   name="card"
                   placeholder="0000 0000 0000 0000"
@@ -251,6 +256,7 @@ exports[`component:<Payment> renders 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-name"
                   maxlength="100"
                   minlength="3"
                   name="name"
@@ -282,6 +288,7 @@ exports[`component:<Payment> renders 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-expire"
                   maxlength="5"
                   name="expire"
                   placeholder="payments.label.month_format/payments.label.year_format"
@@ -313,6 +320,7 @@ exports[`component:<Payment> renders 1`] = `
                 </span>
                 <input
                   class="input input withLabel"
+                  id="checkout-CVV"
                   maxlength="3"
                   name="CVV"
                   placeholder="000"
@@ -339,12 +347,14 @@ exports[`component:<Payment> renders some methods 1`] = `
       class="view"
     >
       <div
-        class="pressable"
+        class="pressable disabled"
+        disabled=""
       >
         <div
           class="radio"
         >
           <input
+            checked=""
             class="input"
             name="method"
             type="radio"
@@ -354,11 +364,147 @@ exports[`component:<Payment> renders some methods 1`] = `
             class="checkmark"
           />
         </div>
-        <span
-          class="text bold paragraph"
+        <h3
+          class="text bold headline-3"
         >
           payments.label.card
-        </span>
+        </h3>
+      </div>
+      <div
+        class="view"
+      >
+        <fieldset
+          autocomplete="off"
+        >
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_number
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-card"
+                  maxlength="19"
+                  name="card"
+                  placeholder="0000 0000 0000 0000"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_name
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-name"
+                  maxlength="100"
+                  minlength="3"
+                  name="name"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.expiration
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-expire"
+                  maxlength="5"
+                  name="expire"
+                  placeholder="payments.label.month_format/payments.label.year_format"
+                  required=""
+                  type="inputDate"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.cvv
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  id="checkout-CVV"
+                  maxlength="3"
+                  name="CVV"
+                  placeholder="000"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+        </fieldset>
       </div>
     </div>
     <div
@@ -509,6 +655,7 @@ exports[`component:<Payment> testID with one method 1`] = `
                 <input
                   class="input input withLabel"
                   data-testid="mirai-card"
+                  id="checkout-card"
                   maxlength="19"
                   name="card"
                   placeholder="0000 0000 0000 0000"
@@ -541,6 +688,7 @@ exports[`component:<Payment> testID with one method 1`] = `
                 <input
                   class="input input withLabel"
                   data-testid="mirai-name"
+                  id="checkout-name"
                   maxlength="100"
                   minlength="3"
                   name="name"
@@ -573,6 +721,7 @@ exports[`component:<Payment> testID with one method 1`] = `
                 <input
                   class="input input withLabel"
                   data-testid="mirai-expire"
+                  id="checkout-expire"
                   maxlength="5"
                   name="expire"
                   placeholder="payments.label.month_format/payments.label.year_format"
@@ -605,6 +754,7 @@ exports[`component:<Payment> testID with one method 1`] = `
                 <input
                   class="input input withLabel"
                   data-testid="mirai-CVV"
+                  id="checkout-CVV"
                   maxlength="3"
                   name="CVV"
                   placeholder="000"
@@ -632,13 +782,15 @@ exports[`component:<Payment> testID with some methods 1`] = `
       class="view"
     >
       <div
-        class="pressable"
+        class="pressable disabled"
         data-testid="mirai-item-CARD"
+        disabled=""
       >
         <div
           class="radio"
         >
           <input
+            checked=""
             class="input"
             name="method"
             type="radio"
@@ -648,12 +800,154 @@ exports[`component:<Payment> testID with some methods 1`] = `
             class="checkmark"
           />
         </div>
-        <span
-          class="text bold paragraph"
+        <h3
+          class="text bold headline-3"
           data-testid="mirai-text-CARD"
         >
           payments.label.card
-        </span>
+        </h3>
+      </div>
+      <div
+        class="view"
+        data-testid="mirai-container-CARD"
+      >
+        <fieldset
+          autocomplete="off"
+          data-testid="mirai"
+        >
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_number
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  data-testid="mirai-card"
+                  id="checkout-card"
+                  maxlength="19"
+                  name="card"
+                  placeholder="0000 0000 0000 0000"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.card_name
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  data-testid="mirai-name"
+                  id="checkout-name"
+                  maxlength="100"
+                  minlength="3"
+                  name="name"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.expiration
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  data-testid="mirai-expire"
+                  id="checkout-expire"
+                  maxlength="5"
+                  name="expire"
+                  placeholder="payments.label.month_format/payments.label.year_format"
+                  required=""
+                  type="inputDate"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+          <div
+            class="view inputContainer"
+          >
+            <div
+              class="view row inputBorder"
+            >
+              <div
+                class="view wide content"
+              >
+                <span
+                  class="text paragraph text label"
+                >
+                  payments.label.cvv
+                  <span
+                    class="required"
+                  >
+                     *
+                  </span>
+                </span>
+                <input
+                  class="input input withLabel"
+                  data-testid="mirai-CVV"
+                  id="checkout-CVV"
+                  maxlength="3"
+                  name="CVV"
+                  placeholder="000"
+                  required=""
+                  type="text"
+                  value=""
+                />
+              </div>
+            </div>
+          </div>
+        </fieldset>
       </div>
     </div>
     <div

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

@@ -62,6 +62,7 @@ const Card = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_ui.InputText, {
     error: ((_form$card = form.card) === null || _form$card === void 0 ? void 0 : _form$card.length) > 0 && !!formError.card || cardError,
     hint: cardError,
+    id: "checkout-card",
     label: translate(_Card.L10N.LABEL_CARD_NUMBER),
     maxLength: maxLength.card,
     name: "card",
@@ -75,6 +76,7 @@ const Card = _ref => {
     testId: testId ? "".concat(testId, "-card") : undefined
   }), /*#__PURE__*/_react.default.createElement(_ui.InputText, {
     error: ((_form$name = form.name) === null || _form$name === void 0 ? void 0 : _form$name.length) === 0 && !!formError.name && !formError.card,
+    id: "checkout-name",
     label: translate(_Card.L10N.LABEL_CARD_NAME),
     minLength: 3,
     maxLength: 100,
@@ -88,6 +90,7 @@ const Card = _ref => {
   }), /*#__PURE__*/_react.default.createElement(_ui.InputDate, {
     error: ((_form$expire = form.expire) === null || _form$expire === void 0 ? void 0 : _form$expire.length) > 0 && !!formError.expire,
     format: DATE_FORMAT,
+    id: "checkout-expire",
     label: translate(_Card.L10N.LABEL_EXPIRATION),
     name: "expire",
     maxLength: 5,
@@ -102,6 +105,7 @@ const Card = _ref => {
     testId: testId ? "".concat(testId, "-expire") : undefined
   }), showCVV && /*#__PURE__*/_react.default.createElement(_ui.InputText, {
     error: ((_form$CVV = form.CVV) === null || _form$CVV === void 0 ? void 0 : _form$CVV.length) > 0 && !!formError.CVV,
+    id: "checkout-CVV",
     label: translate(_Card.L10N.LABEL_CVV),
     maxLength: maxLength.CVV,
     name: "CVV",

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Card","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","DATE_FORMAT","Card","_ref","_form$card","_form$card2","_form$name","_form$name2","_form$expire","_form$expire2","_form$CVV","_form$CVV2","error","card","cardError","showCVV","showErrors","onChange","onError","others","translate","useLocale","form","setForm","useState","formError","setFormError","useEffect","handleChange","values","formatValues","testId","maxLength","placeholder","getCardConfig","createElement","Form","autoComplete","tag","validateOnMount","className","InputText","length","hint","label","L10N","LABEL_CARD_NUMBER","name","required","showRequired","success","value","test","testCard","concat","undefined","LABEL_CARD_NAME","minLength","InputDate","expire","format","LABEL_EXPIRATION","LABEL_MONTH_FORMAT","LABEL_YEAR_FORMAT","testExpire","type","CVV","LABEL_CVV","testCVV","cvv","exports","displayName","propTypes","PropTypes","shape","string","bool","func"],"sources":["../../../../../../src/components/__shared__/Payment/components/Card/Card.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { InputDate, InputText, Form } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Card.l10n';\nimport * as style from './Card.module.css';\nimport { formatValues, getCardConfig, testCard, testCVV, testExpire } from './helpers';\n\nconst DATE_FORMAT = 'MM/YY';\n\nconst Card = ({\n  error: { card: cardError } = {},\n  showCVV = true,\n  showErrors = false,\n  onChange = () => {},\n  onError = () => {},\n  ...others\n}) => {\n  const { translate } = useLocale();\n\n  const [form, setForm] = useState({});\n  const [formError, setFormError] = useState({});\n\n  useEffect(() => {\n    onChange(form);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  useEffect(() => {\n    onError({ ...formError });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [formError]);\n\n  const handleChange = (values) => setForm(formatValues(values));\n\n  const { testId } = others;\n  const { maxLength, placeholder } = getCardConfig(form.card);\n\n  return (\n    <Form\n      autoComplete=\"off\"\n      showErrors={showErrors}\n      tag=\"fieldset\"\n      validateOnMount\n      onChange={handleChange}\n      onError={setFormError}\n      className={style.form}\n      testId={testId}\n    >\n      <InputText\n        error={(form.card?.length > 0 && !!formError.card) || cardError}\n        hint={cardError}\n        label={translate(L10N.LABEL_CARD_NUMBER)}\n        maxLength={maxLength.card}\n        name=\"card\"\n        placeholder={placeholder.card}\n        required\n        showRequired\n        success={form.card?.length > 0 && !formError.card}\n        value={form.card}\n        test={testCard}\n        className={style.card}\n        testId={testId ? `${testId}-card` : undefined}\n      />\n      <InputText\n        error={form.name?.length === 0 && !!formError.name && !formError.card}\n        label={translate(L10N.LABEL_CARD_NAME)}\n        minLength={3}\n        maxLength={100}\n        name=\"name\"\n        required\n        showRequired\n        success={form.name?.length > 0 && !formError.name}\n        value={form.name}\n        className={style.name}\n        testId={testId ? `${testId}-name` : undefined}\n      />\n      <InputDate\n        error={form.expire?.length > 0 && !!formError.expire}\n        format={DATE_FORMAT}\n        label={translate(L10N.LABEL_EXPIRATION)}\n        name=\"expire\"\n        maxLength={5}\n        placeholder={`${translate(L10N.LABEL_MONTH_FORMAT)}/${translate(L10N.LABEL_YEAR_FORMAT)}`}\n        required\n        showRequired\n        success={form.expire?.length > 0 && !formError.expire}\n        test={testExpire}\n        type=\"inputDate\"\n        value={form.expire}\n        className={style.expire}\n        testId={testId ? `${testId}-expire` : undefined}\n      />\n      {showCVV && (\n        <InputText\n          error={form.CVV?.length > 0 && !!formError.CVV}\n          label={translate(L10N.LABEL_CVV)}\n          maxLength={maxLength.CVV}\n          name=\"CVV\"\n          placeholder={placeholder.CVV}\n          required\n          showRequired\n          success={form.CVV?.length > 0 && !formError.CVV}\n          value={form.CVV}\n          test={(CVV) => testCVV(CVV, maxLength.CVV)}\n          className={style.cvv}\n          testId={testId ? `${testId}-CVV` : undefined}\n        />\n      )}\n    </Form>\n  );\n};\n\nCard.displayName = 'Mirai:Payments:Card';\n\nCard.propTypes = {\n  error: PropTypes.shape({\n    card: PropTypes.string,\n  }),\n  showCVV: PropTypes.bool,\n  showErrors: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { Card };\n"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["_locale","require","_ui","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_Card","style","_helpers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","DATE_FORMAT","Card","_ref","_form$card","_form$card2","_form$name","_form$name2","_form$expire","_form$expire2","_form$CVV","_form$CVV2","error","card","cardError","showCVV","showErrors","onChange","onError","others","translate","useLocale","form","setForm","useState","formError","setFormError","useEffect","handleChange","values","formatValues","testId","maxLength","placeholder","getCardConfig","createElement","Form","autoComplete","tag","validateOnMount","className","InputText","length","hint","id","label","L10N","LABEL_CARD_NUMBER","name","required","showRequired","success","value","test","testCard","concat","undefined","LABEL_CARD_NAME","minLength","InputDate","expire","format","LABEL_EXPIRATION","LABEL_MONTH_FORMAT","LABEL_YEAR_FORMAT","testExpire","type","CVV","LABEL_CVV","testCVV","cvv","exports","displayName","propTypes","PropTypes","shape","string","bool","func"],"sources":["../../../../../../src/components/__shared__/Payment/components/Card/Card.jsx"],"sourcesContent":["import { useLocale } from '@mirai/locale';\nimport { InputDate, InputText, Form } from '@mirai/ui';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { L10N } from './Card.l10n';\nimport * as style from './Card.module.css';\nimport { formatValues, getCardConfig, testCard, testCVV, testExpire } from './helpers';\n\nconst DATE_FORMAT = 'MM/YY';\n\nconst Card = ({\n  error: { card: cardError } = {},\n  showCVV = true,\n  showErrors = false,\n  onChange = () => {},\n  onError = () => {},\n  ...others\n}) => {\n  const { translate } = useLocale();\n\n  const [form, setForm] = useState({});\n  const [formError, setFormError] = useState({});\n\n  useEffect(() => {\n    onChange(form);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [form]);\n\n  useEffect(() => {\n    onError({ ...formError });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [formError]);\n\n  const handleChange = (values) => setForm(formatValues(values));\n\n  const { testId } = others;\n  const { maxLength, placeholder } = getCardConfig(form.card);\n\n  return (\n    <Form\n      autoComplete=\"off\"\n      showErrors={showErrors}\n      tag=\"fieldset\"\n      validateOnMount\n      onChange={handleChange}\n      onError={setFormError}\n      className={style.form}\n      testId={testId}\n    >\n      <InputText\n        error={(form.card?.length > 0 && !!formError.card) || cardError}\n        hint={cardError}\n        id=\"checkout-card\"\n        label={translate(L10N.LABEL_CARD_NUMBER)}\n        maxLength={maxLength.card}\n        name=\"card\"\n        placeholder={placeholder.card}\n        required\n        showRequired\n        success={form.card?.length > 0 && !formError.card}\n        value={form.card}\n        test={testCard}\n        className={style.card}\n        testId={testId ? `${testId}-card` : undefined}\n      />\n      <InputText\n        error={form.name?.length === 0 && !!formError.name && !formError.card}\n        id=\"checkout-name\"\n        label={translate(L10N.LABEL_CARD_NAME)}\n        minLength={3}\n        maxLength={100}\n        name=\"name\"\n        required\n        showRequired\n        success={form.name?.length > 0 && !formError.name}\n        value={form.name}\n        className={style.name}\n        testId={testId ? `${testId}-name` : undefined}\n      />\n      <InputDate\n        error={form.expire?.length > 0 && !!formError.expire}\n        format={DATE_FORMAT}\n        id=\"checkout-expire\"\n        label={translate(L10N.LABEL_EXPIRATION)}\n        name=\"expire\"\n        maxLength={5}\n        placeholder={`${translate(L10N.LABEL_MONTH_FORMAT)}/${translate(L10N.LABEL_YEAR_FORMAT)}`}\n        required\n        showRequired\n        success={form.expire?.length > 0 && !formError.expire}\n        test={testExpire}\n        type=\"inputDate\"\n        value={form.expire}\n        className={style.expire}\n        testId={testId ? `${testId}-expire` : undefined}\n      />\n      {showCVV && (\n        <InputText\n          error={form.CVV?.length > 0 && !!formError.CVV}\n          id=\"checkout-CVV\"\n          label={translate(L10N.LABEL_CVV)}\n          maxLength={maxLength.CVV}\n          name=\"CVV\"\n          placeholder={placeholder.CVV}\n          required\n          showRequired\n          success={form.CVV?.length > 0 && !formError.CVV}\n          value={form.CVV}\n          test={(CVV) => testCVV(CVV, maxLength.CVV)}\n          className={style.cvv}\n          testId={testId ? `${testId}-CVV` : undefined}\n        />\n      )}\n    </Form>\n  );\n};\n\nCard.displayName = 'Mirai:Payments:Card';\n\nCard.propTypes = {\n  error: PropTypes.shape({\n    card: PropTypes.string,\n  }),\n  showCVV: PropTypes.bool,\n  showErrors: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { Card };\n"],"mappings":"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"}