@mirai/core 0.4.331 → 0.4.332

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

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

@@ -34,10 +34,14 @@
 }
 
 .item .header .image {
-  height: var(--mirai-ui-space-M);
+  height: var(--mirai-ui-space-L);
   margin-left: var(--mirai-ui-space-XXS);
 }
 
+.item .header .image.card {
+  height: var(--mirai-ui-space-M);
+}
+
 .item .header .image.disabled {
   filter: grayscale(1);
   opacity: 0.25;

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

@@ -103,7 +103,7 @@ const Card = _ref => {
     required: true,
     requiredText: requiredText,
     showRequired: true,
-    success: ((_form$expire2 = form.expire) === null || _form$expire2 === void 0 ? void 0 : _form$expire2.length) > 0 && !!formError.expire,
+    success: ((_form$expire2 = form.expire) === null || _form$expire2 === void 0 ? void 0 : _form$expire2.length) > 0 && !formError.expire,
     test: _helpers.testExpire,
     type: "inputDate",
     value: form.expire,

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","cards","error","card","cardError","requiredText","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","wide","className","InputText","length","hint","id","label","L10N","LABEL_CARD_NUMBER","name","required","showRequired","success","value","test","testCard","input","concat","undefined","LABEL_CARD_NAME","minLength","InputDate","expire","format","LABEL_EXPIRATION","LABEL_MONTH_FORMAT","LABEL_YEAR_FORMAT","testExpire","type","CVV","LABEL_CVV","testCVV","exports","displayName","propTypes","PropTypes","array","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  cards = [],\n  error: { card: cardError } = {},\n  requiredText,\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, cards));\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      wide\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        requiredText={requiredText}\n        showRequired\n        success={form.card?.length > 0 && !formError.card}\n        value={form.card}\n        test={(value) => testCard(value, cards)}\n        className={style.input}\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        requiredText={requiredText}\n        showRequired\n        success={form.name?.length > 0 && !formError.name}\n        value={form.name}\n        className={style.input}\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        requiredText={requiredText}\n        showRequired\n        success={form.expire?.length > 0 && !!formError.expire}\n        test={testExpire}\n        type=\"inputDate\"\n        value={form.expire}\n        className={style.input}\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          requiredText={requiredText}\n          showRequired\n          success={form.CVV?.length > 0 && !formError.CVV}\n          value={form.CVV}\n          test={(CVV) => testCVV(CVV, maxLength.CVV)}\n          className={style.input}\n          testId={testId ? `${testId}-CVV` : undefined}\n        />\n      )}\n    </Form>\n  );\n};\n\nCard.displayName = 'Mirai:Payments:Card';\n\nCard.propTypes = {\n  cards: PropTypes.array,\n  error: PropTypes.shape({\n    card: PropTypes.string,\n  }),\n  requiredText: PropTypes.string,\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","cards","error","card","cardError","requiredText","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","wide","className","InputText","length","hint","id","label","L10N","LABEL_CARD_NUMBER","name","required","showRequired","success","value","test","testCard","input","concat","undefined","LABEL_CARD_NAME","minLength","InputDate","expire","format","LABEL_EXPIRATION","LABEL_MONTH_FORMAT","LABEL_YEAR_FORMAT","testExpire","type","CVV","LABEL_CVV","testCVV","exports","displayName","propTypes","PropTypes","array","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  cards = [],\n  error: { card: cardError } = {},\n  requiredText,\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, cards));\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      wide\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        requiredText={requiredText}\n        showRequired\n        success={form.card?.length > 0 && !formError.card}\n        value={form.card}\n        test={(value) => testCard(value, cards)}\n        className={style.input}\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        requiredText={requiredText}\n        showRequired\n        success={form.name?.length > 0 && !formError.name}\n        value={form.name}\n        className={style.input}\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        requiredText={requiredText}\n        showRequired\n        success={form.expire?.length > 0 && !formError.expire}\n        test={testExpire}\n        type=\"inputDate\"\n        value={form.expire}\n        className={style.input}\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          requiredText={requiredText}\n          showRequired\n          success={form.CVV?.length > 0 && !formError.CVV}\n          value={form.CVV}\n          test={(CVV) => testCVV(CVV, maxLength.CVV)}\n          className={style.input}\n          testId={testId ? `${testId}-CVV` : undefined}\n        />\n      )}\n    </Form>\n  );\n};\n\nCard.displayName = 'Mirai:Payments:Card';\n\nCard.propTypes = {\n  cards: PropTypes.array,\n  error: PropTypes.shape({\n    card: PropTypes.string,\n  }),\n  requiredText: PropTypes.string,\n  showCVV: PropTypes.bool,\n  showErrors: PropTypes.bool,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { Card };\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAC,uBAAA,CAAAL,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAF,uBAAA,CAAAL,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AAAuF,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAA2B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAEvF,MAAMC,WAAW,GAAG,OAAO;AAE3B,MAAMC,IAAI,GAAGC,IAAA,IASP;EAAA,IAAAC,UAAA,EAAAC,WAAA,EAAAC,UAAA,EAAAC,WAAA,EAAAC,YAAA,EAAAC,aAAA,EAAAC,SAAA,EAAAC,UAAA;EAAA,IATQ;IACZC,KAAK,GAAG,EAAE;IACVC,KAAK,EAAE;MAAEC,IAAI,EAAEC;IAAU,CAAC,GAAG,CAAC,CAAC;IAC/BC,YAAY;IACZC,OAAO,GAAG,IAAI;IACdC,UAAU,GAAG,KAAK;IAClBC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnBC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClB,GAAGC;EACL,CAAC,GAAAlB,IAAA;EACC,MAAM;IAAEmB;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAEjC,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC,CAAC;EACpC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC,CAAC,CAAC;EAE9C,IAAAG,gBAAS,EAAC,MAAM;IACdV,QAAQ,CAACK,IAAI,CAAC;IACd;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,IAAAK,gBAAS,EAAC,MAAM;IACdT,OAAO,CAAC;MAAE,GAAGO;IAAU,CAAC,CAAC;IACzB;EACF,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMG,YAAY,GAAIC,MAAM,IAAKN,OAAO,CAAC,IAAAO,qBAAY,EAACD,MAAM,EAAEnB,KAAK,CAAC,CAAC;EAErE,MAAM;IAAEqB;EAAO,CAAC,GAAGZ,MAAM;EACzB,MAAM;IAAEa,SAAS;IAAEC;EAAY,CAAC,GAAG,IAAAC,sBAAa,EAACZ,IAAI,CAACV,IAAI,CAAC;EAE3D,oBACExC,MAAA,CAAAW,OAAA,CAAAoD,aAAA,CAAClE,GAAA,CAAAmE,IAAI;IACHC,YAAY,EAAC,KAAK;IAClBrB,UAAU,EAAEA,UAAW;IACvBsB,GAAG,EAAC,UAAU;IACdC,eAAe;IACfC,IAAI;IACJvB,QAAQ,EAAEW,YAAa;IACvBV,OAAO,EAAEQ,YAAa;IACtBe,SAAS,EAAElE,KAAK,CAAC+C,IAAK;IACtBS,MAAM,EAAEA;EAAO,gBAEf3D,MAAA,CAAAW,OAAA,CAAAoD,aAAA,CAAClE,GAAA,CAAAyE,SAAS;IACR/B,KAAK,EAAG,EAAAT,UAAA,GAAAoB,IAAI,CAACV,IAAI,cAAAV,UAAA,uBAATA,UAAA,CAAWyC,MAAM,IAAG,CAAC,IAAI,CAAC,CAAClB,SAAS,CAACb,IAAI,IAAKC,SAAU;IAChE+B,IAAI,EAAE/B,SAAU;IAChBgC,EAAE,EAAC,eAAe;IAClBC,KAAK,EAAE1B,SAAS,CAAC2B,UAAI,CAACC,iBAAiB,CAAE;IACzChB,SAAS,EAAEA,SAAS,CAACpB,IAAK;IAC1BqC,IAAI,EAAC,MAAM;IACXhB,WAAW,EAAEA,WAAW,CAACrB,IAAK;IAC9BsC,QAAQ;IACRpC,YAAY,EAAEA,YAAa;IAC3BqC,YAAY;IACZC,OAAO,EAAE,EAAAjD,WAAA,GAAAmB,IAAI,CAACV,IAAI,cAAAT,WAAA,uBAATA,WAAA,CAAWwC,MAAM,IAAG,CAAC,IAAI,CAAClB,SAAS,CAACb,IAAK;IAClDyC,KAAK,EAAE/B,IAAI,CAACV,IAAK;IACjB0C,IAAI,EAAGD,KAAK,IAAK,IAAAE,iBAAQ,EAACF,KAAK,EAAE3C,KAAK,CAAE;IACxC+B,SAAS,EAAElE,KAAK,CAACiF,KAAM;IACvBzB,MAAM,EAAEA,MAAM,MAAA0B,MAAA,CAAM1B,MAAM,aAAU2B;EAAU,CAC/C,CAAC,eACFtF,MAAA,CAAAW,OAAA,CAAAoD,aAAA,CAAClE,GAAA,CAAAyE,SAAS;IACR/B,KAAK,EAAE,EAAAP,UAAA,GAAAkB,IAAI,CAAC2B,IAAI,cAAA7C,UAAA,uBAATA,UAAA,CAAWuC,MAAM,MAAK,CAAC,IAAI,CAAC,CAAClB,SAAS,CAACwB,IAAI,IAAI,CAACxB,SAAS,CAACb,IAAK;IACtEiC,EAAE,EAAC,eAAe;IAClBC,KAAK,EAAE1B,SAAS,CAAC2B,UAAI,CAACY,eAAe,CAAE;IACvCC,SAAS,EAAE,CAAE;IACb5B,SAAS,EAAE,GAAI;IACfiB,IAAI,EAAC,MAAM;IACXC,QAAQ;IACRpC,YAAY,EAAEA,YAAa;IAC3BqC,YAAY;IACZC,OAAO,EAAE,EAAA/C,WAAA,GAAAiB,IAAI,CAAC2B,IAAI,cAAA5C,WAAA,uBAATA,WAAA,CAAWsC,MAAM,IAAG,CAAC,IAAI,CAAClB,SAAS,CAACwB,IAAK;IAClDI,KAAK,EAAE/B,IAAI,CAAC2B,IAAK;IACjBR,SAAS,EAAElE,KAAK,CAACiF,KAAM;IACvBzB,MAAM,EAAEA,MAAM,MAAA0B,MAAA,CAAM1B,MAAM,aAAU2B;EAAU,CAC/C,CAAC,eACFtF,MAAA,CAAAW,OAAA,CAAAoD,aAAA,CAAClE,GAAA,CAAA4F,SAAS;IACRlD,KAAK,EAAE,EAAAL,YAAA,GAAAgB,IAAI,CAACwC,MAAM,cAAAxD,YAAA,uBAAXA,YAAA,CAAaqC,MAAM,IAAG,CAAC,IAAI,CAAC,CAAClB,SAAS,CAACqC,MAAO;IACrDC,MAAM,EAAEhE,WAAY;IACpB8C,EAAE,EAAC,iBAAiB;IACpBC,KAAK,EAAE1B,SAAS,CAAC2B,UAAI,CAACiB,gBAAgB,CAAE;IACxCf,IAAI,EAAC,QAAQ;IACbjB,SAAS,EAAE,CAAE;IACbC,WAAW,KAAAwB,MAAA,CAAKrC,SAAS,CAAC2B,UAAI,CAACkB,kBAAkB,CAAC,OAAAR,MAAA,CAAIrC,SAAS,CAAC2B,UAAI,CAACmB,iBAAiB,CAAC,CAAG;IAC1FhB,QAAQ;IACRpC,YAAY,EAAEA,YAAa;IAC3BqC,YAAY;IACZC,OAAO,EAAE,EAAA7C,aAAA,GAAAe,IAAI,CAACwC,MAAM,cAAAvD,aAAA,uBAAXA,aAAA,CAAaoC,MAAM,IAAG,CAAC,IAAI,CAAClB,SAAS,CAACqC,MAAO;IACtDR,IAAI,EAAEa,mBAAW;IACjBC,IAAI,EAAC,WAAW;IAChBf,KAAK,EAAE/B,IAAI,CAACwC,MAAO;IACnBrB,SAAS,EAAElE,KAAK,CAACiF,KAAM;IACvBzB,MAAM,EAAEA,MAAM,MAAA0B,MAAA,CAAM1B,MAAM,eAAY2B;EAAU,CACjD,CAAC,EACD3C,OAAO,iBACN3C,MAAA,CAAAW,OAAA,CAAAoD,aAAA,CAAClE,GAAA,CAAAyE,SAAS;IACR/B,KAAK,EAAE,EAAAH,SAAA,GAAAc,IAAI,CAAC+C,GAAG,cAAA7D,SAAA,uBAARA,SAAA,CAAUmC,MAAM,IAAG,CAAC,IAAI,CAAC,CAAClB,SAAS,CAAC4C,GAAI;IAC/CxB,EAAE,EAAC,cAAc;IACjBC,KAAK,EAAE1B,SAAS,CAAC2B,UAAI,CAACuB,SAAS,CAAE;IACjCtC,SAAS,EAAEA,SAAS,CAACqC,GAAI;IACzBpB,IAAI,EAAC,KAAK;IACVhB,WAAW,EAAEA,WAAW,CAACoC,GAAI;IAC7BnB,QAAQ;IACRpC,YAAY,EAAEA,YAAa;IAC3BqC,YAAY;IACZC,OAAO,EAAE,EAAA3C,UAAA,GAAAa,IAAI,CAAC+C,GAAG,cAAA5D,UAAA,uBAARA,UAAA,CAAUkC,MAAM,IAAG,CAAC,IAAI,CAAClB,SAAS,CAAC4C,GAAI;IAChDhB,KAAK,EAAE/B,IAAI,CAAC+C,GAAI;IAChBf,IAAI,EAAGe,GAAG,IAAK,IAAAE,gBAAO,EAACF,GAAG,EAAErC,SAAS,CAACqC,GAAG,CAAE;IAC3C5B,SAAS,EAAElE,KAAK,CAACiF,KAAM;IACvBzB,MAAM,EAAEA,MAAM,MAAA0B,MAAA,CAAM1B,MAAM,YAAS2B;EAAU,CAC9C,CAEC,CAAC;AAEX,CAAC;AAACc,OAAA,CAAAxE,IAAA,GAAAA,IAAA;AAEFA,IAAI,CAACyE,WAAW,GAAG,qBAAqB;AAExCzE,IAAI,CAAC0E,SAAS,GAAG;EACfhE,KAAK,EAAEiE,kBAAS,CAACC,KAAK;EACtBjE,KAAK,EAAEgE,kBAAS,CAACE,KAAK,CAAC;IACrBjE,IAAI,EAAE+D,kBAAS,CAACG;EAClB,CAAC,CAAC;EACFhE,YAAY,EAAE6D,kBAAS,CAACG,MAAM;EAC9B/D,OAAO,EAAE4D,kBAAS,CAACI,IAAI;EACvB/D,UAAU,EAAE2D,kBAAS,CAACI,IAAI;EAC1B9D,QAAQ,EAAE0D,kBAAS,CAACK,IAAI;EACxB9D,OAAO,EAAEyD,kBAAS,CAACK;AACrB,CAAC"}

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.formatValues = void 0;
 var _getCardConfig = require("./getCardConfig");
 var _getCardType = require("./getCardType");
-var _helpers = require("../../../helpers");
+var _formatExpire = require("../../../helpers/formatExpire");
 const PARSER = [/[^\d]/g, ''];
 const formatValues = function () {
   let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -19,7 +19,7 @@ const formatValues = function () {
   } = values;
   card = card.replace(...PARSER);
   CVV = CVV.replace(...PARSER);
-  expire = (0, _helpers.formatExpire)(expire);
+  expire = (0, _formatExpire.formatExpire)(expire);
   name = name.toUpperCase();
   const {
     placeholder = {}

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

@@ -1 +1 @@
-{"version":3,"file":"formatValues.js","names":["_getCardConfig","require","_getCardType","_helpers","PARSER","formatValues","values","arguments","length","undefined","cards","card","CVV","expire","name","replace","formatExpire","toUpperCase","placeholder","getCardConfig","cardArray","map","char","shift","join","trimEnd","type","getCardType","exports"],"sources":["../../../../../../../src/components/__shared__/Payment/components/Card/helpers/formatValues.js"],"sourcesContent":["import { getCardConfig } from './getCardConfig';\nimport { getCardType } from './getCardType';\nimport { formatExpire } from '../../../helpers';\n\nconst PARSER = [/[^\\d]/g, ''];\n\nexport const formatValues = (values = {}, cards) => {\n  let { card = '', CVV = '', expire = '', name = '' } = values;\n\n  card = card.replace(...PARSER);\n  CVV = CVV.replace(...PARSER);\n  expire = formatExpire(expire);\n  name = name.toUpperCase();\n\n  const { placeholder = {} } = getCardConfig(card);\n  const cardArray = card ? [...card] : [];\n  card = [...placeholder.card]\n    .map((char = '') => (char === ' ' ? char : cardArray.length >= 0 ? cardArray.shift() : ''))\n    .join('')\n    .trimEnd();\n\n  return { card, CVV, expire, name, type: getCardType(card, cards) };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,MAAMG,MAAM,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC;AAEtB,MAAMC,YAAY,GAAG,SAAAA,CAAA,EAAwB;EAAA,IAAvBC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,IAAEG,KAAK,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EAC7C,IAAI;IAAEE,IAAI,GAAG,EAAE;IAAEC,GAAG,GAAG,EAAE;IAAEC,MAAM,GAAG,EAAE;IAAEC,IAAI,GAAG;EAAG,CAAC,GAAGR,MAAM;EAE5DK,IAAI,GAAGA,IAAI,CAACI,OAAO,CAAC,GAAGX,MAAM,CAAC;EAC9BQ,GAAG,GAAGA,GAAG,CAACG,OAAO,CAAC,GAAGX,MAAM,CAAC;EAC5BS,MAAM,GAAG,IAAAG,qBAAY,EAACH,MAAM,CAAC;EAC7BC,IAAI,GAAGA,IAAI,CAACG,WAAW,CAAC,CAAC;EAEzB,MAAM;IAAEC,WAAW,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAC,4BAAa,EAACR,IAAI,CAAC;EAChD,MAAMS,SAAS,GAAGT,IAAI,GAAG,CAAC,GAAGA,IAAI,CAAC,GAAG,EAAE;EACvCA,IAAI,GAAG,CAAC,GAAGO,WAAW,CAACP,IAAI,CAAC,CACzBU,GAAG,CAAC;IAAA,IAACC,IAAI,GAAAf,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;IAAA,OAAMe,IAAI,KAAK,GAAG,GAAGA,IAAI,GAAGF,SAAS,CAACZ,MAAM,IAAI,CAAC,GAAGY,SAAS,CAACG,KAAK,CAAC,CAAC,GAAG,EAAE;EAAA,CAAC,CAAC,CAC1FC,IAAI,CAAC,EAAE,CAAC,CACRC,OAAO,CAAC,CAAC;EAEZ,OAAO;IAAEd,IAAI;IAAEC,GAAG;IAAEC,MAAM;IAAEC,IAAI;IAAEY,IAAI,EAAE,IAAAC,wBAAW,EAAChB,IAAI,EAAED,KAAK;EAAE,CAAC;AACpE,CAAC;AAACkB,OAAA,CAAAvB,YAAA,GAAAA,YAAA"}
+{"version":3,"file":"formatValues.js","names":["_getCardConfig","require","_getCardType","_formatExpire","PARSER","formatValues","values","arguments","length","undefined","cards","card","CVV","expire","name","replace","formatExpire","toUpperCase","placeholder","getCardConfig","cardArray","map","char","shift","join","trimEnd","type","getCardType","exports"],"sources":["../../../../../../../src/components/__shared__/Payment/components/Card/helpers/formatValues.js"],"sourcesContent":["import { getCardConfig } from './getCardConfig';\nimport { getCardType } from './getCardType';\nimport { formatExpire } from '../../../helpers/formatExpire';\n\nconst PARSER = [/[^\\d]/g, ''];\n\nexport const formatValues = (values = {}, cards) => {\n  let { card = '', CVV = '', expire = '', name = '' } = values;\n\n  card = card.replace(...PARSER);\n  CVV = CVV.replace(...PARSER);\n  expire = formatExpire(expire);\n  name = name.toUpperCase();\n\n  const { placeholder = {} } = getCardConfig(card);\n  const cardArray = card ? [...card] : [];\n  card = [...placeholder.card]\n    .map((char = '') => (char === ' ' ? char : cardArray.length >= 0 ? cardArray.shift() : ''))\n    .join('')\n    .trimEnd();\n\n  return { card, CVV, expire, name, type: getCardType(card, cards) };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA,MAAMG,MAAM,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC;AAEtB,MAAMC,YAAY,GAAG,SAAAA,CAAA,EAAwB;EAAA,IAAvBC,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,IAAEG,KAAK,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EAC7C,IAAI;IAAEE,IAAI,GAAG,EAAE;IAAEC,GAAG,GAAG,EAAE;IAAEC,MAAM,GAAG,EAAE;IAAEC,IAAI,GAAG;EAAG,CAAC,GAAGR,MAAM;EAE5DK,IAAI,GAAGA,IAAI,CAACI,OAAO,CAAC,GAAGX,MAAM,CAAC;EAC9BQ,GAAG,GAAGA,GAAG,CAACG,OAAO,CAAC,GAAGX,MAAM,CAAC;EAC5BS,MAAM,GAAG,IAAAG,0BAAY,EAACH,MAAM,CAAC;EAC7BC,IAAI,GAAGA,IAAI,CAACG,WAAW,CAAC,CAAC;EAEzB,MAAM;IAAEC,WAAW,GAAG,CAAC;EAAE,CAAC,GAAG,IAAAC,4BAAa,EAACR,IAAI,CAAC;EAChD,MAAMS,SAAS,GAAGT,IAAI,GAAG,CAAC,GAAGA,IAAI,CAAC,GAAG,EAAE;EACvCA,IAAI,GAAG,CAAC,GAAGO,WAAW,CAACP,IAAI,CAAC,CACzBU,GAAG,CAAC;IAAA,IAACC,IAAI,GAAAf,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;IAAA,OAAMe,IAAI,KAAK,GAAG,GAAGA,IAAI,GAAGF,SAAS,CAACZ,MAAM,IAAI,CAAC,GAAGY,SAAS,CAACG,KAAK,CAAC,CAAC,GAAG,EAAE;EAAA,CAAC,CAAC,CAC1FC,IAAI,CAAC,EAAE,CAAC,CACRC,OAAO,CAAC,CAAC;EAEZ,OAAO;IAAEd,IAAI;IAAEC,GAAG;IAAEC,MAAM;IAAEC,IAAI;IAAEY,IAAI,EAAE,IAAAC,wBAAW,EAAChB,IAAI,EAAED,KAAK;EAAE,CAAC;AACpE,CAAC;AAACkB,OAAA,CAAAvB,YAAA,GAAAA,YAAA"}

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

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SCRIPT_URL = exports.SCRIPT_ID = exports.SCRIPT_DATA_URL = exports.SCRIPT_DATA_ID = exports.ERROR = void 0;
+const ERROR = exports.ERROR = {
+  error: true
+};
+const SCRIPT_DATA_ID = exports.SCRIPT_DATA_ID = 'openPayData';
+const SCRIPT_DATA_URL = exports.SCRIPT_DATA_URL = 'https://js.openpay.mx/openpay-data.v1.min.js';
+const SCRIPT_ID = exports.SCRIPT_ID = 'openPay';
+const SCRIPT_URL = exports.SCRIPT_URL = 'https://js.openpay.mx/openpay.v1.min.js';
+//# sourceMappingURL=Openpay.constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Openpay.constants.js","names":["ERROR","exports","error","SCRIPT_DATA_ID","SCRIPT_DATA_URL","SCRIPT_ID","SCRIPT_URL"],"sources":["../../../../../../src/components/__shared__/Payment/components/Openpay/Openpay.constants.js"],"sourcesContent":["const ERROR = { error: true };\n\nconst SCRIPT_DATA_ID = 'openPayData';\n\nconst SCRIPT_DATA_URL = 'https://js.openpay.mx/openpay-data.v1.min.js';\n\nconst SCRIPT_ID = 'openPay';\n\nconst SCRIPT_URL = 'https://js.openpay.mx/openpay.v1.min.js';\n\nexport { ERROR, SCRIPT_DATA_ID, SCRIPT_DATA_URL, SCRIPT_ID, SCRIPT_URL };\n"],"mappings":";;;;;;AAAA,MAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EAAEE,KAAK,EAAE;AAAK,CAAC;AAE7B,MAAMC,cAAc,GAAAF,OAAA,CAAAE,cAAA,GAAG,aAAa;AAEpC,MAAMC,eAAe,GAAAH,OAAA,CAAAG,eAAA,GAAG,8CAA8C;AAEtE,MAAMC,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAG,SAAS;AAE3B,MAAMC,UAAU,GAAAL,OAAA,CAAAK,UAAA,GAAG,yCAAyC"}

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

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Openpay = void 0;
+var _dataSources = require("@mirai/data-sources");
+var _locale = require("@mirai/locale");
+var _ui = require("@mirai/ui");
+var Sentry = _interopRequireWildcard(require("@sentry/react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react2 = _interopRequireWildcard(require("react"));
+var _Openpay = require("./Openpay.constants");
+var _Openpay2 = require("./Openpay.l10n");
+var _ButtonPayment = require("../../../ButtonPayment/ButtonPayment.constants");
+var _Card = require("../Card/Card");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const Openpay = _ref => {
+  let {
+    merchantId,
+    mode,
+    publicKey,
+    onChange = () => {},
+    onError = () => {},
+    ...others
+  } = _ref;
+  const {
+    translate
+  } = (0, _locale.useLocale)();
+  const {
+    value: {
+      payment = {}
+    } = {},
+    value,
+    set
+  } = (0, _dataSources.useStore)();
+  const [form, setForm] = (0, _react2.useState)({});
+  const [formError, setFormError] = (0, _react2.useState)({});
+  const [ready, setReady] = (0, _react2.useState)(false);
+  const [dataReady, setDataReady] = (0, _react2.useState)(false);
+  const [responseError, setResponseError] = (0, _react2.useState)();
+  const refDevice = (0, _react2.useRef)();
+  (0, _react2.useEffect)(() => {
+    const exists = document.getElementById(_Openpay.SCRIPT_ID);
+    if (!exists) {
+      const script = document.createElement('script');
+      script.id = _Openpay.SCRIPT_ID;
+      script.src = _Openpay.SCRIPT_URL;
+      script.onload = handleLoad;
+      document.head.appendChild(script);
+    }
+    return () => {
+      const el = document.getElementById(_Openpay.SCRIPT_ID);
+      el.parentNode.removeChild(el);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react2.useEffect)(() => {
+    if (!ready) return;
+    const exists = document.getElementById(_Openpay.SCRIPT_DATA_ID);
+    if (!exists) {
+      const script = document.createElement('script');
+      script.id = _Openpay.SCRIPT_DATA_ID;
+      script.src = _Openpay.SCRIPT_DATA_URL;
+      script.onload = handleDataLoad;
+      document.head.appendChild(script);
+    }
+    return () => {
+      const el = document.getElementById(_Openpay.SCRIPT_DATA_ID);
+      el.parentNode.removeChild(el);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [ready]);
+  (0, _react2.useEffect)(() => {
+    document.addEventListener(_ButtonPayment.EVENT.CTA_PRESS, handleButtonPress);
+    return () => document.removeEventListener(_ButtonPayment.EVENT.CTA_PRESS, handleButtonPress);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [dataReady, form, formError, ready, responseError, value]);
+  (0, _react2.useEffect)(() => {
+    if (!dataReady || !ready || !merchantId || !publicKey) return;
+    const {
+      OpenPay
+    } = window;
+    OpenPay.setId(merchantId);
+    OpenPay.setApiKey(publicKey);
+    OpenPay.setSandboxMode(mode === 'TEST');
+    refDevice.current = OpenPay.deviceData.setup();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [dataReady, merchantId, publicKey, ready]);
+  const handleButtonPress = () => {
+    var _form$card, _form$card$trim;
+    if (Object.entries(formError).filter(_ref2 => {
+      let [, value] = _ref2;
+      return value !== undefined;
+    }).length > 0) return;
+    setResponseError();
+    const [month, year] = form.expire.split('/');
+    window.OpenPay.token.create({
+      card_number: (_form$card = form.card) === null || _form$card === void 0 ? void 0 : (_form$card$trim = _form$card.trim()) === null || _form$card$trim === void 0 ? void 0 : _form$card$trim.replace(/\s/g, ''),
+      holder_name: form.name,
+      expiration_year: year,
+      expiration_month: month,
+      cvv2: form.CVV
+    }, handleResponse, handleResponseError);
+  };
+  const handleChange = values => {
+    setForm(values);
+    const {
+      type
+    } = values;
+    onChange({
+      type
+    });
+  };
+  const handleError = error => {
+    setFormError(error);
+    onError(error);
+  };
+  const handleLoad = () => setReady(true);
+  const handleDataLoad = () => setDataReady(true);
+  const handleResponse = function () {
+    let {
+      data: {
+        id: token
+      } = {}
+    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    set({
+      payment: {
+        deviceSessionId: refDevice.current,
+        method: payment.method,
+        token
+      }
+    });
+  };
+  const handleResponseError = error => {
+    error && Sentry.captureMessage("OPENPAY: ".concat(JSON.stringify(error)));
+    setResponseError(_Openpay.ERROR);
+    set({
+      payment: {
+        ...payment,
+        error: _Openpay.ERROR
+      }
+    });
+    // eslint-disable-next-line no-console
+    console.error(error);
+  };
+  return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, /*#__PURE__*/_react2.default.createElement(_Card.Card, _extends({}, others, {
+    showCVV: true,
+    onChange: handleChange,
+    onError: handleError
+  })), responseError && /*#__PURE__*/_react2.default.createElement(_ui.Notification, {
+    error: true,
+    small: true,
+    wide: true
+  }, translate(_Openpay2.L10N.NOTIFICATION_ERROR_OPENPAY)));
+};
+exports.Openpay = Openpay;
+Openpay.displayName = 'Mirai:Payments:Openpay';
+Openpay.propTypes = {
+  merchantId: _propTypes.default.string,
+  mode: _propTypes.default.string,
+  publicKey: _propTypes.default.string,
+  onChange: _propTypes.default.func,
+  onError: _propTypes.default.func
+};
+//# sourceMappingURL=Openpay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Openpay.js","names":["_dataSources","require","_locale","_ui","Sentry","_interopRequireWildcard","_propTypes","_interopRequireDefault","_react2","_Openpay","_Openpay2","_ButtonPayment","_Card","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","Openpay","_ref","merchantId","mode","publicKey","onChange","onError","others","translate","useLocale","value","payment","useStore","form","setForm","useState","formError","setFormError","ready","setReady","dataReady","setDataReady","responseError","setResponseError","refDevice","useRef","useEffect","exists","document","getElementById","SCRIPT_ID","script","createElement","id","src","SCRIPT_URL","onload","handleLoad","head","appendChild","el","parentNode","removeChild","SCRIPT_DATA_ID","SCRIPT_DATA_URL","handleDataLoad","addEventListener","EVENT","CTA_PRESS","handleButtonPress","removeEventListener","OpenPay","window","setId","setApiKey","setSandboxMode","current","deviceData","setup","_form$card","_form$card$trim","entries","filter","_ref2","undefined","month","year","expire","split","token","create","card_number","card","trim","replace","holder_name","name","expiration_year","expiration_month","cvv2","CVV","handleResponse","handleResponseError","handleChange","values","type","handleError","error","data","deviceSessionId","method","captureMessage","concat","JSON","stringify","ERROR","console","Fragment","Card","showCVV","Notification","small","wide","L10N","NOTIFICATION_ERROR_OPENPAY","exports","displayName","propTypes","PropTypes","string","func"],"sources":["../../../../../../src/components/__shared__/Payment/components/Openpay/Openpay.jsx"],"sourcesContent":["import { useStore } from '@mirai/data-sources';\nimport { useLocale } from '@mirai/locale';\nimport { Notification } from '@mirai/ui';\nimport * as Sentry from '@sentry/react';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { ERROR, SCRIPT_DATA_ID, SCRIPT_DATA_URL, SCRIPT_ID, SCRIPT_URL } from './Openpay.constants';\nimport { L10N } from './Openpay.l10n';\nimport { EVENT } from '../../../ButtonPayment/ButtonPayment.constants';\nimport { Card } from '../Card/Card';\n\nconst Openpay = ({ merchantId, mode, publicKey, onChange = () => {}, onError = () => {}, ...others }) => {\n  const { translate } = useLocale();\n  const { value: { payment = {} } = {}, value, set } = useStore();\n\n  const [form, setForm] = useState({});\n  const [formError, setFormError] = useState({});\n  const [ready, setReady] = useState(false);\n  const [dataReady, setDataReady] = useState(false);\n  const [responseError, setResponseError] = useState();\n\n  const refDevice = useRef();\n\n  useEffect(() => {\n    const exists = document.getElementById(SCRIPT_ID);\n    if (!exists) {\n      const script = document.createElement('script');\n      script.id = SCRIPT_ID;\n      script.src = SCRIPT_URL;\n      script.onload = handleLoad;\n\n      document.head.appendChild(script);\n    }\n\n    return () => {\n      const el = document.getElementById(SCRIPT_ID);\n      el.parentNode.removeChild(el);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (!ready) return;\n\n    const exists = document.getElementById(SCRIPT_DATA_ID);\n    if (!exists) {\n      const script = document.createElement('script');\n      script.id = SCRIPT_DATA_ID;\n      script.src = SCRIPT_DATA_URL;\n      script.onload = handleDataLoad;\n\n      document.head.appendChild(script);\n    }\n\n    return () => {\n      const el = document.getElementById(SCRIPT_DATA_ID);\n      el.parentNode.removeChild(el);\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ready]);\n\n  useEffect(() => {\n    document.addEventListener(EVENT.CTA_PRESS, handleButtonPress);\n\n    return () => document.removeEventListener(EVENT.CTA_PRESS, handleButtonPress);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataReady, form, formError, ready, responseError, value]);\n\n  useEffect(() => {\n    if (!dataReady || !ready || !merchantId || !publicKey) return;\n\n    const { OpenPay } = window;\n    OpenPay.setId(merchantId);\n    OpenPay.setApiKey(publicKey);\n    OpenPay.setSandboxMode(mode === 'TEST');\n    refDevice.current = OpenPay.deviceData.setup();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataReady, merchantId, publicKey, ready]);\n\n  const handleButtonPress = () => {\n    if (Object.entries(formError).filter(([, value]) => value !== undefined).length > 0) return;\n\n    setResponseError();\n    const [month, year] = form.expire.split('/');\n    window.OpenPay.token.create(\n      {\n        card_number: form.card?.trim()?.replace(/\\s/g, ''),\n        holder_name: form.name,\n        expiration_year: year,\n        expiration_month: month,\n        cvv2: form.CVV,\n      },\n      handleResponse,\n      handleResponseError,\n    );\n  };\n\n  const handleChange = (values) => {\n    setForm(values);\n\n    const { type } = values;\n    onChange({ type });\n  };\n\n  const handleError = (error) => {\n    setFormError(error);\n    onError(error);\n  };\n\n  const handleLoad = () => setReady(true);\n\n  const handleDataLoad = () => setDataReady(true);\n\n  const handleResponse = ({ data: { id: token } = {} } = {}) => {\n    set({ payment: { deviceSessionId: refDevice.current, method: payment.method, token } });\n  };\n\n  const handleResponseError = (error) => {\n    error && Sentry.captureMessage(`OPENPAY: ${JSON.stringify(error)}`);\n\n    setResponseError(ERROR);\n    set({ payment: { ...payment, error: ERROR } });\n    // eslint-disable-next-line no-console\n    console.error(error);\n  };\n\n  return (\n    <>\n      <Card {...others} showCVV onChange={handleChange} onError={handleError} />\n      {responseError && (\n        <Notification error small wide>\n          {translate(L10N.NOTIFICATION_ERROR_OPENPAY)}\n        </Notification>\n      )}\n    </>\n  );\n};\n\nOpenpay.displayName = 'Mirai:Payments:Openpay';\n\nOpenpay.propTypes = {\n  merchantId: PropTypes.string,\n  mode: PropTypes.string,\n  publicKey: PropTypes.string,\n  onChange: PropTypes.func,\n  onError: PropTypes.func,\n};\n\nexport { Openpay };\n"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.L10N = void 0;
+const L10N = exports.L10N = {
+  NOTIFICATION_ERROR_OPENPAY: {
+    id: 'payments.notification.error_openpay'
+  }
+};
+//# sourceMappingURL=Openpay.l10n.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Openpay.l10n.js","names":["L10N","exports","NOTIFICATION_ERROR_OPENPAY","id"],"sources":["../../../../../../src/components/__shared__/Payment/components/Openpay/Openpay.l10n.js"],"sourcesContent":["export const L10N = {\n  NOTIFICATION_ERROR_OPENPAY: { id: 'payments.notification.error_openpay' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG;EAClBE,0BAA0B,EAAE;IAAEC,EAAE,EAAE;EAAsC;AAC1E,CAAC"}

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

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

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

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

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

@@ -16,7 +16,7 @@ var _PCI2 = require("./PCI.l10n");
 var style = _interopRequireWildcard(require("./PCI.module.css"));
 var _ButtonPayment = require("../../../ButtonPayment/ButtonPayment.constants");
 var _InputField = require("../../../ButtonPayment/components/InputField");
-var _helpers2 = require("../Card/helpers");
+var _testExpire = require("../Card/helpers/testExpire");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -312,7 +312,7 @@ const PCI = _ref => {
     name: "expire",
     placeholder: "".concat(translate(_PCI2.L10N.LABEL_MONTH_FORMAT), "/").concat(translate(_PCI2.L10N.LABEL_YEAR_FORMAT)),
     required: true,
-    test: expire => expire.length === 0 || (expire === null || expire === void 0 ? void 0 : expire.length) > 0 && (0, _helpers2.testExpire)(expire),
+    test: expire => expire.length === 0 || (expire === null || expire === void 0 ? void 0 : expire.length) > 0 && (0, _testExpire.testExpire)(expire),
     value: form.expire,
     onChange: value => handleChange('expire', value),
     onEnter: () => handleEnter('expire'),