@mirai/core 0.3.171 → 0.3.172

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":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AAEA,IAAAO,QAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAT,OAAA;AACA,IAAAU,KAAA,GAAAJ,uBAAA,CAAAN,OAAA;AAA8C,SAAAW,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAhB,uBAAA4B,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAhB,UAAA,GAAAgB,GAAA,KAAAf,OAAA,EAAAe,GAAA;AAAA,SAAAC,SAAA,IAAAA,QAAA,GAAAV,MAAA,CAAAW,MAAA,GAAAX,MAAA,CAAAW,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAN,CAAA,MAAAA,CAAA,GAAAO,SAAA,CAAAC,MAAA,EAAAR,CAAA,UAAAS,MAAA,GAAAF,SAAA,CAAAP,CAAA,YAAAU,GAAA,IAAAD,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAE9C,MAAMK,OAAO,GAAGC,IAAA,IAUV;EAAA,IAVW;IACfC,MAAM,GAAG,CAAC,CAAC;IACXC,QAAQ;IACRC,KAAK,GAAG,CAAC,CAAC;IACVC,IAAI,GAAG,CAAC,CAAC;IACTC,OAAO,GAAG,EAAE;IACZC,UAAU,GAAG,KAAK;IAClBC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;IACnBC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClB,GAAGC;EACL,CAAC,GAAAT,IAAA;EACC,MAAM;IAAEU;EAAU,CAAC,GAAG,IAAAC,aAAS,EAAC,CAAC;EACjC,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC7C,MAAM;IAAE1B;EAAI,CAAC,GAAG,IAAA2B,qBAAQ,EAAC,CAAC;EAE1B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC1C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAF,eAAQ,EAACb,OAAO,CAACV,MAAM,KAAK,CAAC,GAAGU,OAAO,CAAC,CAAC,CAAC,GAAGgB,SAAS,CAAC;EAEnF,IAAAC,gBAAS,EAAC,MAAM;IACdf,QAAQ,CAAC;MAAEY;IAAO,CAAC,CAAC;IACpB/B,GAAG,CAAC;MAAEmC,OAAO,EAAE;QAAEJ;MAAO;IAAE,CAAC,CAAC;IAC5BX,OAAO,CAAC,CAAC,CAAC,CAAC;IACX;EACF,CAAC,EAAE,CAACW,MAAM,CAAC,CAAC;EAEZ,MAAMK,YAAY,GAAG,SAAAA,CAAA,EAAiB;IAAA,IAAhBC,MAAM,GAAA/B,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAA2B,SAAA,GAAA3B,SAAA,MAAG,CAAC,CAAC;IAC/B,MAAM;MAAEgC;IAAK,CAAC,GAAGD,MAAM;IACvBC,IAAI,KAAKV,QAAQ,IAAIC,WAAW,CAACS,IAAI,CAAC;IACtC,MAAMC,IAAI,GAAG;MAAER,MAAM;MAAE,GAAGM;IAAO,CAAC;IAClClB,QAAQ,CAACoB,IAAI,CAAC;IACdvC,GAAG,CAAC;MAAEmC,OAAO,EAAE;QAAE,GAAGI;MAAK;IAAE,CAAC,CAAC;EAC/B,CAAC;EAED,MAAM;IAAEC;EAAO,CAAC,GAAGnB,MAAM;EACzB,MAAMoB,UAAU,GAAGxB,OAAO,CAACV,MAAM,KAAK,CAAC;EAEvC,oBACEjC,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACvE,GAAA,CAAAwE,IAAI,EAAAzC,QAAA,KAAKmB,MAAM;IAAEuB,IAAI,EAAC,UAAU;IAACC,GAAG,EAAE,KAAM;IAACC,SAAS,EAAE,IAAAC,UAAM,EAACpE,KAAK,CAACqE,SAAS,EAAE3B,MAAM,CAACyB,SAAS;EAAE,IAChG7B,OAAO,CACLgC,MAAM,CAAEC,IAAI,IAAK,CAAC,CAACC,eAAM,CAACD,IAAI,CAAC,CAAC,CAChCE,GAAG,CAAEF,IAAI,IAAK;IACb,MAAMG,QAAQ,GAAGtB,MAAM,KAAKmB,IAAI;IAChC,MAAMI,OAAO,GAAGD,QAAQ,GAAG,IAAAE,mBAAU,EAAC;MAAExB,MAAM;MAAE,GAAGf,IAAI;MAAE,GAAGH;IAAO,CAAC,CAAC,GAAGoB,SAAS;IACjF,MAAMuB,SAAS,GAAGH,QAAQ,GAAG,IAAAI,qBAAY,EAAC;MAAE1B,MAAM,EAAEmB,IAAI;MAAE,GAAGlC,IAAI;MAAE,GAAGH;IAAO,CAAC,CAAC,GAAGoB,SAAS;IAC3F,MAAMyB,KAAK,GAAG,IAAAC,iBAAQ,EAAC;MAAE5B,MAAM,EAAEmB;IAAK,CAAC,CAAC;IACxC,MAAM;MAAEU,IAAI,GAAG,CAAC;IAAE,CAAC,GAAG5C,IAAI,IAAI,CAAC,CAAC;IAEhC,oBACE1C,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACvE,GAAA,CAAAwE,IAAI;MAAClC,GAAG,EAAEyC,IAAK;MAACJ,SAAS,EAAEnE,KAAK,CAACuE;IAAK,gBACrC5E,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACvE,GAAA,CAAA0F,SAAS;MACRC,QAAQ,EAAET,QAAQ,IAAIZ,UAAW;MACjCsB,OAAO,EAAEA,CAAA,KAAM/B,SAAS,CAACkB,IAAI,CAAE;MAC/BJ,SAAS,EAAE,IAAAC,UAAM,EAACpE,KAAK,CAACqF,MAAM,EAAEX,QAAQ,IAAI1E,KAAK,CAAC0E,QAAQ,CAAE;MAC5Db,MAAM,EAAEA,MAAM,MAAAyB,MAAA,CAAMzB,MAAM,YAAAyB,MAAA,CAASf,IAAI,IAAKjB;IAAU,GAErD,CAACQ,UAAU,iBAAInE,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACvE,GAAA,CAAA+F,KAAK;MAACC,OAAO,EAAEd,QAAS;MAACe,IAAI,EAAC,QAAQ;MAACC,KAAK,EAAEnB,IAAK;MAACJ,SAAS,EAAEnE,KAAK,CAAC2F;IAAM,CAAE,CAAC,eAC/FhG,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACvE,GAAA,CAAAoG,IAAI;MACHC,IAAI;MACJC,QAAQ,EAAEnD,SAAS,IAAI+B,QAAS;MAChCP,SAAS,EAAE,IAAAC,UAAM,EAACpE,KAAK,CAAC+F,KAAK,EAAErB,QAAQ,IAAI1E,KAAK,CAAC0E,QAAQ,CAAE;MAC3Db,MAAM,EAAEA,MAAM,MAAAyB,MAAA,CAAMzB,MAAM,YAAAyB,MAAA,CAASf,IAAI,IAAKjB;IAAU,GAErDR,SAAS,CAACkD,cAAI,UAAAV,MAAA,CAAUf,IAAI,EAAG,CAC5B,CAAC,EAENQ,KAAK,iBACJpF,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACvE,GAAA,CAAAwE,IAAI;MACHiC,GAAG,KAAAX,MAAA,CAAKf,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE2B,KAAK,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAG;MACrCC,GAAG,KAAAd,MAAA,CAAKe,OAAO,CAACC,GAAG,CAACC,cAAc,OAAAjB,MAAA,CAAIkB,mBAAU,OAAAlB,MAAA,CAAIP,KAAK,CAAG;MAC5D0B,GAAG,EAAC,KAAK;MACTtC,SAAS,EAAEnE,KAAK,CAAC+E;IAAM,CACxB,CACF,EAEA,CAACP,eAAM,CAACkC,IAAI,EAAElC,eAAM,CAACmC,WAAW,EAAEnC,eAAM,CAACoC,QAAQ,EAAEpC,eAAM,CAACqC,GAAG,CAAC,CAACC,QAAQ,CAACvC,IAAI,CAAC,IAC5E,CAACrC,MAAM,CAAC6E,KAAK,IAAI,EAAE,EAAEtC,GAAG,CAAEuC,IAAI,iBAC5BrH,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACvE,GAAA,CAAAwE,IAAI;MACHiC,GAAG,EAAEe,IAAK;MACVlF,GAAG,EAAEkF,IAAK;MACVZ,GAAG,KAAAd,MAAA,CAAKe,OAAO,CAACC,GAAG,CAACC,cAAc,OAAAjB,MAAA,CAAIkB,mBAAU,aAAAlB,MAAA,CAAU0B,IAAI,CAACC,WAAW,CAAC,CAAC,SAAO;MACnFR,GAAG,EAAC,KAAK;MACTtC,SAAS,EAAE,IAAAC,UAAM,EAACpE,KAAK,CAAC+E,KAAK,EAAEL,QAAQ,IAAIzB,QAAQ,IAAI+D,IAAI,KAAK/D,QAAQ,IAAIjD,KAAK,CAACmF,QAAQ;IAAE,CAC7F,CACF,CACM,CAAC,EAEXT,QAAQ,iBACP/E,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACvE,GAAA,CAAAwE,IAAI;MAACG,SAAS,EAAEnE,KAAK,CAACkH,OAAQ;MAACrD,MAAM,EAAEA,MAAM,MAAAyB,MAAA,CAAMzB,MAAM,iBAAAyB,MAAA,CAAcf,IAAI,IAAKjB;IAAU,GACxFqB,OAAO,iBACNhF,MAAA,CAAAY,OAAA,CAAAwD,aAAA,CAACvE,GAAA,CAAAoG,IAAI;MAACuB,KAAK;MAAChD,SAAS,EAAE,IAAAC,UAAM,EAACpE,KAAK,CAAC2E,OAAO,EAAEE,SAAS,IAAI7E,KAAK,CAACoH,aAAa;IAAE,GAC5EtE,SAAS,CAAC6B,OAAO,EAAE;MAClB0C,MAAM,EAAE,IAAAC,sBAAc,EAAC;QAAEnF,QAAQ;QAAEuD,KAAK,EAAErD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEgF;MAAO,CAAC,CAAC;MACzDE,IAAI,EAAE1E,UAAU,CAACR,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEkF,IAAI,EAAEC,oBAAW,CAAC;MACzCC,GAAG,EAAE3E,SAAS,CAACkD,cAAI,CAAC0B,SAAS,EAAE;QAAEhC,KAAK,EAAET,IAAI,CAACS;MAAM,CAAC,CAAC;MACrDiC,IAAI,EAAE7E,SAAS,CAACkD,cAAI,CAAC4B,UAAU,EAAE;QAAElC,KAAK,EAAET,IAAI,CAACS;MAAM,CAAC,CAAC;MACvD/B,IAAI,EAAEsB,IAAI,CAACtB;IACb,CAAC,CACG,CACP,EAEAkB,SAAS,iBACRgD,cAAK,CAAC9D,aAAa,CAACc,SAAS,EAAE;MAC7BzC,KAAK;MACLG,UAAU;MACV,GAAGG,MAAM;MACT,GAAGR,MAAM;MACTM,QAAQ,EAAEiB,YAAY;MACtBhB;IACF,CAAC,CACC,CAEJ,CAAC;EAEX,CAAC,CACC,CAAC;AAEX,CAAC;AAACqF,OAAA,CAAA9F,OAAA,GAAAA,OAAA;AAEFA,OAAO,CAAC+F,WAAW,GAAG,oBAAoB;AAE1C/F,OAAO,CAACgG,SAAS,GAAG;EAClB9F,MAAM,EAAE+F,kBAAS,CAACC,KAAK,CAAC;IACtBnB,KAAK,EAAEkB,kBAAS,CAACE,OAAO,CAACF,kBAAS,CAACG,MAAM,CAAC;IAC1CC,QAAQ,EAAEJ,kBAAS,CAACK,KAAK,CAACzH,MAAM,CAAC6C,MAAM,CAAC6E,iBAAQ,CAAC,CAAC;IAClDC,OAAO,EAAEP,kBAAS,CAACQ;EACrB,CAAC,CAAC;EACFtG,QAAQ,EAAE8F,kBAAS,CAACG,MAAM;EAC1BhG,KAAK,EAAE6F,kBAAS,CAACS,MAAM;EACvBrG,IAAI,EAAE4F,kBAAS,CAACC,KAAK,CAAC;IACpBS,cAAc,EAAEV,kBAAS,CAACQ,IAAI;IAC9BlB,IAAI,EAAEU,kBAAS,CAACW,UAAU,CAACC,IAAI,CAAC;IAChCxB,MAAM,EAAEY,kBAAS,CAACa,MAAM;IACxB7D,IAAI,EAAEgD,kBAAS,CAACC,KAAK,CAAC;MACpBvE,IAAI,EAAEsE,kBAAS,CAACa,MAAM;MACtBpD,KAAK,EAAEuC,kBAAS,CAACa;IACnB,CAAC;EACH,CAAC,CAAC;EACFxG,OAAO,EAAE2F,kBAAS,CAACc,KAAK,CAACC,UAAU;EACnCzG,UAAU,EAAE0F,kBAAS,CAACQ,IAAI;EAC1BjG,QAAQ,EAAEyF,kBAAS,CAACgB,IAAI;EACxBxG,OAAO,EAAEwF,kBAAS,CAACgB;AACrB,CAAC"}
+{"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

@@ -347,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"
@@ -362,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
@@ -644,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"
@@ -660,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/PCI/PCI.constants.js

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SCRIPT_ID = exports.PLACEHOLDER_CVV = exports.PLACEHOLDER_CARD = exports.PCI_CARD = exports.NUMBER_FIELDS = exports.ERROR = void 0;
+exports.SCRIPT_ID = exports.PLACEHOLDER_CVV = exports.PLACEHOLDER_CARD = exports.PCI_CARD = exports.ERROR = void 0;
 var _Payment = require("../../Payment.constants");
 const ERROR = exports.ERROR = {
   error: true
 };
-const NUMBER_FIELDS = exports.NUMBER_FIELDS = 4;
 const PCI_CARD = exports.PCI_CARD = {
   VIS: _Payment.CARD.VISA,
   AMX: _Payment.CARD.AMERICAN_EXPRESS,

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

@@ -1 +1 @@
-{"version":3,"file":"PCI.constants.js","names":["_Payment","require","ERROR","exports","error","NUMBER_FIELDS","PCI_CARD","VIS","CARD","VISA","AMX","AMERICAN_EXPRESS","ECA","MASTERCARD","JCB","DIS","DISCOVER","DIN","DINERS_CLUB","CUP","UNIONPAY","MAU","MAESTRO","PLACEHOLDER_CARD","PLACEHOLDER_CVV","SCRIPT_ID"],"sources":["../../../../../../src/components/__shared__/Payment/components/PCI/PCI.constants.js"],"sourcesContent":["import { CARD } from '../../Payment.constants';\n\nconst ERROR = { error: true };\n\nconst NUMBER_FIELDS = 4;\n\nconst PCI_CARD = {\n  VIS: CARD.VISA,\n  AMX: CARD.AMERICAN_EXPRESS,\n  ECA: CARD.MASTERCARD,\n  JCB: CARD.JCB,\n  DIS: CARD.DISCOVER,\n  DIN: CARD.DINERS_CLUB,\n  CUP: CARD.UNIONPAY,\n  MAU: CARD.MAESTRO,\n};\n\nconst PLACEHOLDER_CARD = '0000 0000 0000 0000';\n\nconst PLACEHOLDER_CVV = '000';\n\nconst SCRIPT_ID = 'script-pci-proxy';\n\nexport { ERROR, NUMBER_FIELDS, PCI_CARD, PLACEHOLDER_CARD, PLACEHOLDER_CVV, SCRIPT_ID };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,MAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EAAEE,KAAK,EAAE;AAAK,CAAC;AAE7B,MAAMC,aAAa,GAAAF,OAAA,CAAAE,aAAA,GAAG,CAAC;AAEvB,MAAMC,QAAQ,GAAAH,OAAA,CAAAG,QAAA,GAAG;EACfC,GAAG,EAAEC,aAAI,CAACC,IAAI;EACdC,GAAG,EAAEF,aAAI,CAACG,gBAAgB;EAC1BC,GAAG,EAAEJ,aAAI,CAACK,UAAU;EACpBC,GAAG,EAAEN,aAAI,CAACM,GAAG;EACbC,GAAG,EAAEP,aAAI,CAACQ,QAAQ;EAClBC,GAAG,EAAET,aAAI,CAACU,WAAW;EACrBC,GAAG,EAAEX,aAAI,CAACY,QAAQ;EAClBC,GAAG,EAAEb,aAAI,CAACc;AACZ,CAAC;AAED,MAAMC,gBAAgB,GAAApB,OAAA,CAAAoB,gBAAA,GAAG,qBAAqB;AAE9C,MAAMC,eAAe,GAAArB,OAAA,CAAAqB,eAAA,GAAG,KAAK;AAE7B,MAAMC,SAAS,GAAAtB,OAAA,CAAAsB,SAAA,GAAG,kBAAkB"}
+{"version":3,"file":"PCI.constants.js","names":["_Payment","require","ERROR","exports","error","PCI_CARD","VIS","CARD","VISA","AMX","AMERICAN_EXPRESS","ECA","MASTERCARD","JCB","DIS","DISCOVER","DIN","DINERS_CLUB","CUP","UNIONPAY","MAU","MAESTRO","PLACEHOLDER_CARD","PLACEHOLDER_CVV","SCRIPT_ID"],"sources":["../../../../../../src/components/__shared__/Payment/components/PCI/PCI.constants.js"],"sourcesContent":["import { CARD } from '../../Payment.constants';\n\nconst ERROR = { error: true };\n\nconst PCI_CARD = {\n  VIS: CARD.VISA,\n  AMX: CARD.AMERICAN_EXPRESS,\n  ECA: CARD.MASTERCARD,\n  JCB: CARD.JCB,\n  DIS: CARD.DISCOVER,\n  DIN: CARD.DINERS_CLUB,\n  CUP: CARD.UNIONPAY,\n  MAU: CARD.MAESTRO,\n};\n\nconst PLACEHOLDER_CARD = '0000 0000 0000 0000';\n\nconst PLACEHOLDER_CVV = '000';\n\nconst SCRIPT_ID = 'script-pci-proxy';\n\nexport { ERROR, PCI_CARD, PLACEHOLDER_CARD, PLACEHOLDER_CVV, SCRIPT_ID };\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA,MAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EAAEE,KAAK,EAAE;AAAK,CAAC;AAE7B,MAAMC,QAAQ,GAAAF,OAAA,CAAAE,QAAA,GAAG;EACfC,GAAG,EAAEC,aAAI,CAACC,IAAI;EACdC,GAAG,EAAEF,aAAI,CAACG,gBAAgB;EAC1BC,GAAG,EAAEJ,aAAI,CAACK,UAAU;EACpBC,GAAG,EAAEN,aAAI,CAACM,GAAG;EACbC,GAAG,EAAEP,aAAI,CAACQ,QAAQ;EAClBC,GAAG,EAAET,aAAI,CAACU,WAAW;EACrBC,GAAG,EAAEX,aAAI,CAACY,QAAQ;EAClBC,GAAG,EAAEb,aAAI,CAACc;AACZ,CAAC;AAED,MAAMC,gBAAgB,GAAAnB,OAAA,CAAAmB,gBAAA,GAAG,qBAAqB;AAE9C,MAAMC,eAAe,GAAApB,OAAA,CAAAoB,eAAA,GAAG,KAAK;AAE7B,MAAMC,SAAS,GAAArB,OAAA,CAAAqB,SAAA,GAAG,kBAAkB"}