npm - @adyen/adyen-web - Versions diffs - 6.0.0-alpha.3 → 6.0.0-alpha.4 - Mend

@adyen/adyen-web 6.0.0-alpha.3 → 6.0.0-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1054) hide show

package/dist/es/components/BankTransfer/components/BankTransferInput/BankTransferInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import a from"../../../../core/Context/useCoreContext.js";import r from"../../../internal/SendCopyToEmail/SendCopyToEmail.js";import{useState as o,useEffect as t}from"../../../../external/preact/hooks/dist/hooks.js";import s from"../../../../utils/useForm/useForm.js";import{validationRules as i}from"../../../../utils/Validator/defaultRules.js";function n(n){const{i18n:l}=a(),[m,p]=o(!1),{handleChangeFor:d,triggerValidation:u,data:c,valid:h,errors:f,isValid:E,setSchema:_}=s({schema:[],defaultData:n.data,rules:{shopperEmail:i.emailRule}});return t((()=>{_(m?["shopperEmail"]:[])}),[m]),this.showValidation=u,t((()=>{n.onChange({data:c,errors:f,valid:h,isValid:E})}),[c,h,f,m,E]),e("div",{className:"adyen-checkout__bankTransfer"},e("p",{className:"adyen-checkout__bankTransfer__introduction"},l.get("bankTransfer.introduction")),e(r,{classNames:"adyen-checkout__bankTransfer__emailField",value:c.shopperEmail,errors:f.shopperEmail,onToggle:()=>p(!m),onInput:d("shopperEmail","input"),onBlur:d("shopperEmail","blur")}))}export{n as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useCoreContext as a}from"../../../../core/Context/CoreProvider.js";import r from"../../../internal/SendCopyToEmail/SendCopyToEmail.js";import{useState as o,useEffect as t}from"../../../../external/preact/hooks/dist/hooks.js";import s from"../../../../utils/useForm/useForm.js";import{validationRules as i}from"../../../../utils/Validator/defaultRules.js";function n(n){const{i18n:l}=a(),[m,p]=o(!1),{handleChangeFor:d,triggerValidation:u,data:c,valid:h,errors:f,isValid:E,setSchema:_}=s({schema:[],defaultData:n.data,rules:{shopperEmail:i.emailRule}});return t((()=>{_(m?["shopperEmail"]:[])}),[m]),this.showValidation=u,t((()=>{n.onChange({data:c,errors:f,valid:h,isValid:E})}),[c,h,f,m,E]),e("div",{className:"adyen-checkout__bankTransfer"},e("p",{className:"adyen-checkout__bankTransfer__introduction"},l.get("bankTransfer.introduction")),e(r,{classNames:"adyen-checkout__bankTransfer__emailField",value:c.shopperEmail,errors:f.shopperEmail,onToggle:()=>p(!m),onInput:d("shopperEmail","input"),onBlur:d("shopperEmail","blur")}))}export{n as default};
 //# sourceMappingURL=BankTransferInput.js.map

package/dist/es/components/BankTransfer/components/BankTransferInput/BankTransferInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BankTransferInput.js","sources":["../../../../../../src/components/BankTransfer/components/BankTransferInput/BankTransferInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport useCoreContext from '../../../../core/Context/~~useCoreContext~~';\nimport './BankTransferInput.scss';\nimport SendCopyToEmail from '../../../internal/SendCopyToEmail/SendCopyToEmail';\nimport { useEffect, useState } from 'preact/hooks';\nimport useForm from '../../../../utils/useForm';\nimport { BankTransferSchema } from '../../types';\nimport { validationRules } from '../../../../utils/Validator/defaultRules';\n\nfunction BankTransferInput(props) {\n const { i18n } = useCoreContext();\n const [showingEmail, setShowingEmail] = useState(false);\n\n const { handleChangeFor, triggerValidation, data, valid, errors, isValid, setSchema } = useForm<BankTransferSchema>({\n schema: [],\n defaultData: props.data,\n rules: {\n shopperEmail: validationRules.emailRule\n }\n });\n\n const toggleEmailField = () => setShowingEmail(!showingEmail);\n\n useEffect(() => {\n const newSchema = showingEmail ? ['shopperEmail'] : [];\n setSchema(newSchema);\n }, [showingEmail]);\n\n this.showValidation = triggerValidation;\n\n useEffect(() => {\n props.onChange({ data, errors, valid, isValid });\n }, [data, valid, errors, showingEmail, isValid]);\n\n return (\n <div className=\"adyen-checkout__bankTransfer\">\n <p className=\"adyen-checkout__bankTransfer__introduction\">{i18n.get('bankTransfer.introduction')}</p>\n <SendCopyToEmail\n classNames={'adyen-checkout__bankTransfer__emailField'}\n value={data.shopperEmail}\n errors={errors.shopperEmail}\n onToggle={toggleEmailField}\n onInput={handleChangeFor('shopperEmail', 'input')}\n onBlur={handleChangeFor('shopperEmail', 'blur')}\n />\n </div>\n );\n}\n\nexport default BankTransferInput;\n"],"names":["BankTransferInput","props","i18n","useCoreContext","showingEmail","setShowingEmail","useState","handleChangeFor","triggerValidation","data","valid","errors","isValid","setSchema","useForm","schema","defaultData","rules","shopperEmail","validationRules","emailRule","useEffect","newSchema","this","showValidation","onChange","h","div","className","p","get","SendCopyToEmail","classNames","value","onToggle","onInput","onBlur"],"mappings":"~~qaASA~~,SAASA,EAAkBC,GACvB,MAAMC,KAAEA,GAASC,KACVC,EAAcC,GAAmBC,GAAS,IAE3CC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,EAAOC,UAAEA,GAAcC,EAA4B,CAChHC,OAAQ,GACRC,YAAaf,EAAMQ,KACnBQ,MAAO,CACHC,aAAcC,EAAgBC,aAiBtC,OAXAC,GAAU,KAENR,EADkBT,EAAe,CAAC,gBAAkB,GAC1CkB,GACX,CAAClB,IAEJmB,KAAKC,eAAiBhB,EAEtBa,GAAU,KACNpB,EAAMwB,SAAS,CAAEhB,OAAME,SAAQD,QAAOE,WAAQ,GAC/C,CAACH,EAAMC,EAAOC,EAAQP,EAAcQ,IAGnCc,EAACC,MAAAA,CAAIC,UAAU,gCACXF,EAACG,IAAAA,CAAED,UAAU,8CAA8C1B,EAAK4B,IAAI,8BACpEJ,EAACK,EAAAA,CACGC,WAAY,2CACZC,MAAOxB,EAAKS,aACZP,OAAQA,EAAOO,aACfgB,SApBa,IAAM7B,GAAiBD,GAqBpC+B,QAAS5B,EAAgB,eAAgB,SACzC6B,OAAQ7B,EAAgB,eAAgB,UAIxD"}
1	+ {"version":3,"file":"BankTransferInput.js","sources":["../../../../../../src/components/BankTransfer/components/BankTransferInput/BankTransferInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport './BankTransferInput.scss';\nimport SendCopyToEmail from '../../../internal/SendCopyToEmail/SendCopyToEmail';\nimport { useEffect, useState } from 'preact/hooks';\nimport useForm from '../../../../utils/useForm';\nimport { BankTransferSchema } from '../../types';\nimport { validationRules } from '../../../../utils/Validator/defaultRules';\n\nfunction BankTransferInput(props) {\n const { i18n } = useCoreContext();\n const [showingEmail, setShowingEmail] = useState(false);\n\n const { handleChangeFor, triggerValidation, data, valid, errors, isValid, setSchema } = useForm<BankTransferSchema>({\n schema: [],\n defaultData: props.data,\n rules: {\n shopperEmail: validationRules.emailRule\n }\n });\n\n const toggleEmailField = () => setShowingEmail(!showingEmail);\n\n useEffect(() => {\n const newSchema = showingEmail ? ['shopperEmail'] : [];\n setSchema(newSchema);\n }, [showingEmail]);\n\n this.showValidation = triggerValidation;\n\n useEffect(() => {\n props.onChange({ data, errors, valid, isValid });\n }, [data, valid, errors, showingEmail, isValid]);\n\n return (\n <div className=\"adyen-checkout__bankTransfer\">\n <p className=\"adyen-checkout__bankTransfer__introduction\">{i18n.get('bankTransfer.introduction')}</p>\n <SendCopyToEmail\n classNames={'adyen-checkout__bankTransfer__emailField'}\n value={data.shopperEmail}\n errors={errors.shopperEmail}\n onToggle={toggleEmailField}\n onInput={handleChangeFor('shopperEmail', 'input')}\n onBlur={handleChangeFor('shopperEmail', 'blur')}\n />\n </div>\n );\n}\n\nexport default BankTransferInput;\n"],"names":["BankTransferInput","props","i18n","useCoreContext","showingEmail","setShowingEmail","useState","handleChangeFor","triggerValidation","data","valid","errors","isValid","setSchema","useForm","schema","defaultData","rules","shopperEmail","validationRules","emailRule","useEffect","newSchema","this","showValidation","onChange","h","div","className","p","get","SendCopyToEmail","classNames","value","onToggle","onInput","onBlur"],"mappings":"qbASA,SAASA,EAAkBC,GACvB,MAAMC,KAAEA,GAASC,KACVC,EAAcC,GAAmBC,GAAS,IAE3CC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,EAAOC,UAAEA,GAAcC,EAA4B,CAChHC,OAAQ,GACRC,YAAaf,EAAMQ,KACnBQ,MAAO,CACHC,aAAcC,EAAgBC,aAiBtC,OAXAC,GAAU,KAENR,EADkBT,EAAe,CAAC,gBAAkB,GAC1CkB,GACX,CAAClB,IAEJmB,KAAKC,eAAiBhB,EAEtBa,GAAU,KACNpB,EAAMwB,SAAS,CAAEhB,OAAME,SAAQD,QAAOE,WAAQ,GAC/C,CAACH,EAAMC,EAAOC,EAAQP,EAAcQ,IAGnCc,EAACC,MAAAA,CAAIC,UAAU,gCACXF,EAACG,IAAAA,CAAED,UAAU,8CAA8C1B,EAAK4B,IAAI,8BACpEJ,EAACK,EAAAA,CACGC,WAAY,2CACZC,MAAOxB,EAAKS,aACZP,OAAQA,EAAOO,aACfgB,SApBa,IAAM7B,GAAiBD,GAqBpC+B,QAAS5B,EAAgB,eAAgB,SACzC6B,OAAQ7B,EAAgB,eAAgB,UAIxD"}

package/dist/es/components/BankTransfer/components/BankTransferResult/BankTransferResult.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import r from"../../../internal/Voucher/Voucher.js";import t from"../../../../core/Context/useCoreContext.js";import a from"../../../../core/Context/useImage.js";function n(n){const{reference:o,totalAmount:i,paymentMethodType:c}=n,{i18n:l}=t(),u=a();return e(r,{paymentMethodType:c,introduction:l.get("bankTransfer.instructions"),imageUrl:u()(c),amount:i&&l.amount(i.value,i.currency),voucherDetails:[{label:l.get("bankTransfer.beneficiary"),value:n.beneficiary},{label:l.get("bankTransfer.iban"),value:n.iban},{label:l.get("bankTransfer.bic"),value:n.bic},{label:l.get("bankTransfer.reference"),value:o}]})}export{n as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import r from"../../../internal/Voucher/Voucher.js";import{useCoreContext as a}from"../../../../core/Context/CoreProvider.js";import t from"../../../../core/Context/useImage.js";function n(n){const{reference:o,totalAmount:i,paymentMethodType:c}=n,{i18n:l}=a(),u=t();return e(r,{paymentMethodType:c,introduction:l.get("bankTransfer.instructions"),imageUrl:u()(c),amount:i&&l.amount(i.value,i.currency),voucherDetails:[{label:l.get("bankTransfer.beneficiary"),value:n.beneficiary},{label:l.get("bankTransfer.iban"),value:n.iban},{label:l.get("bankTransfer.bic"),value:n.bic},{label:l.get("bankTransfer.reference"),value:o}]})}export{n as default};
 //# sourceMappingURL=BankTransferResult.js.map

package/dist/es/components/BankTransfer/components/BankTransferResult/BankTransferResult.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BankTransferResult.js","sources":["../../../../../../src/components/BankTransfer/components/BankTransferResult/BankTransferResult.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Voucher from '../../../internal/Voucher';\n\nimport useCoreContext from '../../../../core/Context/~~useCoreContext~~';\nimport useImage from '../../../../core/Context/useImage';\n\nexport default function BankTransferResult(props) {\n const { reference, totalAmount, paymentMethodType } = props;\n const { i18n } = useCoreContext();\n const getImage = useImage();\n\n return (\n <Voucher\n paymentMethodType={paymentMethodType}\n introduction={i18n.get('bankTransfer.instructions')}\n imageUrl={getImage()(paymentMethodType)}\n amount={totalAmount && i18n.amount(totalAmount.value, totalAmount.currency)}\n voucherDetails={[\n { label: i18n.get('bankTransfer.beneficiary'), value: props.beneficiary },\n { label: i18n.get('bankTransfer.iban'), value: props.iban },\n { label: i18n.get('bankTransfer.bic'), value: props.bic },\n { label: i18n.get('bankTransfer.reference'), value: reference }\n ]}\n />\n );\n}\n"],"names":["BankTransferResult","props","reference","totalAmount","paymentMethodType","i18n","useCoreContext","getImage","useImage","h","Voucher","introduction","get","imageUrl","amount","value","currency","voucherDetails","label","beneficiary","iban","bic"],"mappings":"~~6OAMe~~,SAASA,EAAmBC,GACvC,MAAMC,UAAEA,EAASC,YAAEA,EAAWC,kBAAEA,GAAsBH,GAChDI,KAAEA,GAASC,IACXC,EAAWC,IAEjB,OACIC,EAACC,EAAAA,CACGN,kBAAmBA,EACnBO,aAAcN,EAAKO,IAAI,6BACvBC,SAAUN,IAAWH,GACrBU,OAAQX,GAAeE,EAAKS,OAAOX,EAAYY,MAAOZ,EAAYa,UAClEC,eAAgB,CACZ,CAAEC,MAAOb,EAAKO,IAAI,4BAA6BG,MAAOd,EAAMkB,aAC5D,CAAED,MAAOb,EAAKO,IAAI,qBAAsBG,MAAOd,EAAMmB,MACrD,CAAEF,MAAOb,EAAKO,IAAI,oBAAqBG,MAAOd,EAAMoB,KACpD,CAAEH,MAAOb,EAAKO,IAAI,0BAA2BG,MAAOb,KAIpE"}
1	+ {"version":3,"file":"BankTransferResult.js","sources":["../../../../../../src/components/BankTransfer/components/BankTransferResult/BankTransferResult.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Voucher from '../../../internal/Voucher';\n\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport useImage from '../../../../core/Context/useImage';\n\nexport default function BankTransferResult(props) {\n const { reference, totalAmount, paymentMethodType } = props;\n const { i18n } = useCoreContext();\n const getImage = useImage();\n\n return (\n <Voucher\n paymentMethodType={paymentMethodType}\n introduction={i18n.get('bankTransfer.instructions')}\n imageUrl={getImage()(paymentMethodType)}\n amount={totalAmount && i18n.amount(totalAmount.value, totalAmount.currency)}\n voucherDetails={[\n { label: i18n.get('bankTransfer.beneficiary'), value: props.beneficiary },\n { label: i18n.get('bankTransfer.iban'), value: props.iban },\n { label: i18n.get('bankTransfer.bic'), value: props.bic },\n { label: i18n.get('bankTransfer.reference'), value: reference }\n ]}\n />\n );\n}\n"],"names":["BankTransferResult","props","reference","totalAmount","paymentMethodType","i18n","useCoreContext","getImage","useImage","h","Voucher","introduction","get","imageUrl","amount","value","currency","voucherDetails","label","beneficiary","iban","bic"],"mappings":"6PAMe,SAASA,EAAmBC,GACvC,MAAMC,UAAEA,EAASC,YAAEA,EAAWC,kBAAEA,GAAsBH,GAChDI,KAAEA,GAASC,IACXC,EAAWC,IAEjB,OACIC,EAACC,EAAAA,CACGN,kBAAmBA,EACnBO,aAAcN,EAAKO,IAAI,6BACvBC,SAAUN,IAAWH,GACrBU,OAAQX,GAAeE,EAAKS,OAAOX,EAAYY,MAAOZ,EAAYa,UAClEC,eAAgB,CACZ,CAAEC,MAAOb,EAAKO,IAAI,4BAA6BG,MAAOd,EAAMkB,aAC5D,CAAED,MAAOb,EAAKO,IAAI,qBAAsBG,MAAOd,EAAMmB,MACrD,CAAEF,MAAOb,EAAKO,IAAI,oBAAqBG,MAAOd,EAAMoB,KACpD,CAAEH,MAAOb,EAAKO,IAAI,0BAA2BG,MAAOb,KAIpE"}

package/dist/es/components/Blik/Blik.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import o from"./components/BlikInput.js";import s from"../internal/Await/Await.js";import r from"../../core/Context/CoreProvider.js";import i from"./config.js";import n from"../internal/RedirectButton/RedirectButton.js";import p from"../../core/Errors/SRPanelProvider.js";import{TxVariants as a}from"../tx-variants.js";class m extends e{static type=a.blik;formatData(){const t=!!this.props.storedPaymentMethodId;return{paymentMethod:{type:m.type,...!t&&{blikCode:this.state?.data?.blikCode},...t&&{storedPaymentMethodId:this.props.storedPaymentMethodId}}}}get isValid(){return!!this.props.storedPaymentMethodId||!!this.state.isValid}get displayName(){return this.props.storedPaymentMethodId&&this.props.label?this.props.label:this.props.name}get additionalInfo(){return this.props.storedPaymentMethodId&&this.props.label?this.props.name:null}render(){return this.props.paymentData?t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(p,{srPanel:this.props.modules.srPanel},t(s,{ref:t=>{this.componentRef=t},clientKey:this.props.clientKey,paymentData:this.props.paymentData,onError:this.handleError,onComplete:this.onComplete,brandLogo:this.icon,type:i.type,messageText:this.props.i18n.get(i.messageTextId),awaitText:this.props.i18n.get(i.awaitTextId),showCountdownTimer:i.showCountdownTimer,delay:i.STATUS_INTERVAL,countdownTime:i.COUNTDOWN_MINUTES,throttleTime:i.THROTTLE_TIME,throttleInterval:i.THROTTLE_INTERVAL,onActionHandled:this.props.onActionHandled}))):t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.storedPaymentMethodId?t(n,{name:this.displayName,amount:this.props.amount,payButton:this.payButton,onSubmit:this.submit,ref:t=>{this.componentRef=t}}):t(o,{ref:t=>{this.componentRef=t},...this.props,onChange:this.setState,onSubmit:this.submit,payButton:this.payButton}))}}export{m as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import o from"./components/BlikInput.js";import s from"../internal/Await/Await.js";import{CoreProvider as r}from"../../core/Context/CoreProvider.js";import i from"./config.js";import n from"../internal/RedirectButton/RedirectButton.js";import p from"../../core/Errors/SRPanelProvider.js";import{TxVariants as a}from"../tx-variants.js";class m extends e{static type=a.blik;formatData(){const t=!!this.props.storedPaymentMethodId;return{paymentMethod:{type:m.type,...!t&&{blikCode:this.state?.data?.blikCode},...t&&{storedPaymentMethodId:this.props.storedPaymentMethodId}}}}get isValid(){return!!this.props.storedPaymentMethodId||!!this.state.isValid}get displayName(){return this.props.storedPaymentMethodId&&this.props.label?this.props.label:this.props.name}get additionalInfo(){return this.props.storedPaymentMethodId&&this.props.label?this.props.name:null}render(){return this.props.paymentData?t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(p,{srPanel:this.props.modules.srPanel},t(s,{ref:t=>{this.componentRef=t},clientKey:this.props.clientKey,paymentData:this.props.paymentData,onError:this.handleError,onComplete:this.onComplete,brandLogo:this.icon,type:i.type,messageText:this.props.i18n.get(i.messageTextId),awaitText:this.props.i18n.get(i.awaitTextId),showCountdownTimer:i.showCountdownTimer,delay:i.STATUS_INTERVAL,countdownTime:i.COUNTDOWN_MINUTES,throttleTime:i.THROTTLE_TIME,throttleInterval:i.THROTTLE_INTERVAL,onActionHandled:this.props.onActionHandled}))):t(r,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.storedPaymentMethodId?t(n,{name:this.displayName,amount:this.props.amount,payButton:this.payButton,onSubmit:this.submit,ref:t=>{this.componentRef=t}}):t(o,{ref:t=>{this.componentRef=t},...this.props,onChange:this.setState,onSubmit:this.submit,payButton:this.payButton}))}}export{m as default};
 //# sourceMappingURL=Blik.js.map

package/dist/es/components/Blik/Blik.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Blik.js","sources":["../../../../src/components/Blik/Blik.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport BlikInput from '../../components/Blik/components/BlikInput';\nimport Await from '../internal/Await';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport config from './config';\nimport RedirectButton from '../../components/internal/RedirectButton';\nimport SRPanelProvider from '../../core/Errors/SRPanelProvider';\nimport { TxVariants } from '../tx-variants';\nimport { AwaitConfiguration } from '../internal/Await/types';\n\ninterface BlikElementData {\n paymentMethod: {\n type: string;\n blikCode: string;\n };\n}\n\nclass BlikElement extends UIElement<AwaitConfiguration> {\n public static type = TxVariants.blik;\n\n formatData(): BlikElementData {\n const recurringPayment = !!this.props.storedPaymentMethodId;\n\n return {\n paymentMethod: {\n type: BlikElement.type,\n ...(!recurringPayment && { blikCode: this.state?.data?.blikCode }),\n ...(recurringPayment && { storedPaymentMethodId: this.props.storedPaymentMethodId })\n }\n };\n }\n\n get isValid(): boolean {\n if (this.props.storedPaymentMethodId) {\n return true;\n }\n\n return !!this.state.isValid;\n }\n\n get displayName() {\n if (this.props.storedPaymentMethodId && this.props.label) {\n return this.props.label;\n }\n return this.props.name;\n }\n\n get additionalInfo() {\n if (this.props.storedPaymentMethodId && this.props.label) {\n return this.props.name;\n }\n return null;\n }\n\n /*\n NOTE: for future reference:\n * this.props.onComplete (which is called from this.onComplete) equates to the merchant defined onAdditionalDetails callback\n * (the initial /payments response defines an \"await\" action, actionTypes.ts translates this to \"onComplete: props.onAdditionalDetails\")\n */\n render() {\n if (this.props.paymentData) {\n return (\n <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n <SRPanelProvider srPanel={this.props.modules.srPanel}>\n <Await\n ref={ref => {\n this.componentRef = ref;\n }}\n clientKey={this.props.clientKey}\n paymentData={this.props.paymentData}\n onError={this.handleError}\n onComplete={this.onComplete}\n brandLogo={this.icon}\n type={config.type}\n messageText={this.props.i18n.get(config.messageTextId)}\n awaitText={this.props.i18n.get(config.awaitTextId)}\n showCountdownTimer={config.showCountdownTimer}\n delay={config.STATUS_INTERVAL}\n countdownTime={config.COUNTDOWN_MINUTES}\n throttleTime={config.THROTTLE_TIME}\n throttleInterval={config.THROTTLE_INTERVAL}\n onActionHandled={this.props.onActionHandled}\n />\n </SRPanelProvider>\n </CoreProvider>\n );\n }\n\n return (\n <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n {this.props.storedPaymentMethodId ? (\n <RedirectButton\n name={this.displayName}\n amount={this.props.amount}\n payButton={this.payButton}\n onSubmit={this.submit}\n ref={ref => {\n this.componentRef = ref;\n }}\n />\n ) : (\n <BlikInput\n // @ts-ignore Ref is used by preact component\n ref={ref => {\n this.componentRef = ref;\n }}\n {...this.props}\n onChange={this.setState}\n onSubmit={this.submit}\n payButton={this.payButton}\n />\n )}\n </CoreProvider>\n );\n }\n}\n\nexport default BlikElement;\n"],"names":["BlikElement","UIElement","static","TxVariants","blik","formatData","recurringPayment","this","props","storedPaymentMethodId","paymentMethod","type","blikCode","state","data","isValid","displayName","label","name","additionalInfo","render","paymentData","h","CoreProvider","i18n","loadingContext","resources","SRPanelProvider","srPanel","modules","Await","ref","componentRef","clientKey","onError","handleError","onComplete","brandLogo","icon","config","messageText","get","messageTextId","awaitText","awaitTextId","showCountdownTimer","delay","STATUS_INTERVAL","countdownTime","COUNTDOWN_MINUTES","throttleTime","THROTTLE_TIME","throttleInterval","THROTTLE_INTERVAL","onActionHandled","RedirectButton","amount","payButton","onSubmit","submit","BlikInput","onChange","setState"],"mappings":"~~mcAkBA~~,MAAMA,UAAoBC,EACtBC,YAAqBC,EAAWC,KAEhCC,UAAAA,GACI,MAAMC,IAAqBC,KAAKC,MAAMC,sBAEtC,MAAO,CACHC,cAAe,CACXC,KAAMX,EAAYW,SACbL,GAAoB,CAAEM,SAAUL,KAAKM,OAAOC,MAAMF,aACnDN,GAAoB,CAAEG,sBAAuBF,KAAKC,MAAMC,wBAGxE,CAEA,WAAIM,GACA,QAAIR,KAAKC,MAAMC,yBAINF,KAAKM,MAAME,OACxB,CAEA,eAAIC,GACA,OAAIT,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMS,MACxCV,KAAKC,MAAMS,MAEfV,KAAKC,MAAMU,IACtB,CAEA,kBAAIC,GACA,OAAIZ,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMS,MACxCV,KAAKC,MAAMU,KAEf,IACX,CAOAE,MAAAA,GACI,OAAIb,KAAKC,MAAMa,YAEPC,EAACC,EAAAA,CAAaC,KAAMjB,KAAKC,MAAMgB,KAAMC,eAAgBlB,KAAKC,MAAMiB,eAAgBC,UAAWnB,KAAKmB,WAC5FJ,EAACK,EAAAA,CAAgBC,QAASrB,KAAKC,MAAMqB,QAAQD,SACzCN,EAACQ,EAAAA,CACGC,IAAKA,IACDxB,KAAKyB,aAAeD,CAAAA,EAExBE,UAAW1B,KAAKC,MAAMyB,UACtBZ,YAAad,KAAKC,MAAMa,YACxBa,QAAS3B,KAAK4B,YACdC,WAAY7B,KAAK6B,WACjBC,UAAW9B,KAAK+B,KAChB3B,KAAM4B,EAAO5B,KACb6B,YAAajC,KAAKC,MAAMgB,KAAKiB,IAAIF,EAAOG,eACxCC,UAAWpC,KAAKC,MAAMgB,KAAKiB,IAAIF,EAAOK,aACtCC,mBAAoBN,EAAOM,mBAC3BC,MAAOP,EAAOQ,gBACdC,cAAeT,EAAOU,kBACtBC,aAAcX,EAAOY,cACrBC,iBAAkBb,EAAOc,kBACzBC,gBAAiB/C,KAAKC,MAAM8C,oBAQ5ChC,EAACC,EAAAA,CAAaC,KAAMjB,KAAKC,MAAMgB,KAAMC,eAAgBlB,KAAKC,MAAMiB,eAAgBC,UAAWnB,KAAKmB,WAC3FnB,KAAKC,MAAMC,sBACRa,EAACiC,EAAAA,CACGrC,KAAMX,KAAKS,YACXwC,OAAQjD,KAAKC,MAAMgD,OACnBC,UAAWlD,KAAKkD,UAChBC,SAAUnD,KAAKoD,OACf5B,IAAKA,IACDxB,KAAKyB,aAAeD,CAAAA,IAI5BT,EAACsC,EAAAA,CAEG7B,IAAKA,IACDxB,KAAKyB,aAAeD,CAAAA,KAEpBxB,KAAKC,MACTqD,SAAUtD,KAAKuD,SACfJ,SAAUnD,KAAKoD,OACfF,UAAWlD,KAAKkD,YAKpC"}
1	+ {"version":3,"file":"Blik.js","sources":["../../../../src/components/Blik/Blik.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport BlikInput from '../../components/Blik/components/BlikInput';\nimport Await from '../internal/Await';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport config from './config';\nimport RedirectButton from '../../components/internal/RedirectButton';\nimport SRPanelProvider from '../../core/Errors/SRPanelProvider';\nimport { TxVariants } from '../tx-variants';\nimport { AwaitConfiguration } from '../internal/Await/types';\n\ninterface BlikElementData {\n paymentMethod: {\n type: string;\n blikCode: string;\n };\n}\n\nclass BlikElement extends UIElement<AwaitConfiguration> {\n public static type = TxVariants.blik;\n\n formatData(): BlikElementData {\n const recurringPayment = !!this.props.storedPaymentMethodId;\n\n return {\n paymentMethod: {\n type: BlikElement.type,\n ...(!recurringPayment && { blikCode: this.state?.data?.blikCode }),\n ...(recurringPayment && { storedPaymentMethodId: this.props.storedPaymentMethodId })\n }\n };\n }\n\n get isValid(): boolean {\n if (this.props.storedPaymentMethodId) {\n return true;\n }\n\n return !!this.state.isValid;\n }\n\n get displayName() {\n if (this.props.storedPaymentMethodId && this.props.label) {\n return this.props.label;\n }\n return this.props.name;\n }\n\n get additionalInfo() {\n if (this.props.storedPaymentMethodId && this.props.label) {\n return this.props.name;\n }\n return null;\n }\n\n /*\n NOTE: for future reference:\n * this.props.onComplete (which is called from this.onComplete) equates to the merchant defined onAdditionalDetails callback\n * (the initial /payments response defines an \"await\" action, actionTypes.ts translates this to \"onComplete: props.onAdditionalDetails\")\n */\n render() {\n if (this.props.paymentData) {\n return (\n <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n <SRPanelProvider srPanel={this.props.modules.srPanel}>\n <Await\n ref={ref => {\n this.componentRef = ref;\n }}\n clientKey={this.props.clientKey}\n paymentData={this.props.paymentData}\n onError={this.handleError}\n onComplete={this.onComplete}\n brandLogo={this.icon}\n type={config.type}\n messageText={this.props.i18n.get(config.messageTextId)}\n awaitText={this.props.i18n.get(config.awaitTextId)}\n showCountdownTimer={config.showCountdownTimer}\n delay={config.STATUS_INTERVAL}\n countdownTime={config.COUNTDOWN_MINUTES}\n throttleTime={config.THROTTLE_TIME}\n throttleInterval={config.THROTTLE_INTERVAL}\n onActionHandled={this.props.onActionHandled}\n />\n </SRPanelProvider>\n </CoreProvider>\n );\n }\n\n return (\n <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n {this.props.storedPaymentMethodId ? (\n <RedirectButton\n name={this.displayName}\n amount={this.props.amount}\n payButton={this.payButton}\n onSubmit={this.submit}\n ref={ref => {\n this.componentRef = ref;\n }}\n />\n ) : (\n <BlikInput\n // @ts-ignore Ref is used by preact component\n ref={ref => {\n this.componentRef = ref;\n }}\n {...this.props}\n onChange={this.setState}\n onSubmit={this.submit}\n payButton={this.payButton}\n />\n )}\n </CoreProvider>\n );\n }\n}\n\nexport default BlikElement;\n"],"names":["BlikElement","UIElement","static","TxVariants","blik","formatData","recurringPayment","this","props","storedPaymentMethodId","paymentMethod","type","blikCode","state","data","isValid","displayName","label","name","additionalInfo","render","paymentData","h","CoreProvider","i18n","loadingContext","resources","SRPanelProvider","srPanel","modules","Await","ref","componentRef","clientKey","onError","handleError","onComplete","brandLogo","icon","config","messageText","get","messageTextId","awaitText","awaitTextId","showCountdownTimer","delay","STATUS_INTERVAL","countdownTime","COUNTDOWN_MINUTES","throttleTime","THROTTLE_TIME","throttleInterval","THROTTLE_INTERVAL","onActionHandled","RedirectButton","amount","payButton","onSubmit","submit","BlikInput","onChange","setState"],"mappings":"mdAkBA,MAAMA,UAAoBC,EACtBC,YAAqBC,EAAWC,KAEhCC,UAAAA,GACI,MAAMC,IAAqBC,KAAKC,MAAMC,sBAEtC,MAAO,CACHC,cAAe,CACXC,KAAMX,EAAYW,SACbL,GAAoB,CAAEM,SAAUL,KAAKM,OAAOC,MAAMF,aACnDN,GAAoB,CAAEG,sBAAuBF,KAAKC,MAAMC,wBAGxE,CAEA,WAAIM,GACA,QAAIR,KAAKC,MAAMC,yBAINF,KAAKM,MAAME,OACxB,CAEA,eAAIC,GACA,OAAIT,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMS,MACxCV,KAAKC,MAAMS,MAEfV,KAAKC,MAAMU,IACtB,CAEA,kBAAIC,GACA,OAAIZ,KAAKC,MAAMC,uBAAyBF,KAAKC,MAAMS,MACxCV,KAAKC,MAAMU,KAEf,IACX,CAOAE,MAAAA,GACI,OAAIb,KAAKC,MAAMa,YAEPC,EAACC,EAAAA,CAAaC,KAAMjB,KAAKC,MAAMgB,KAAMC,eAAgBlB,KAAKC,MAAMiB,eAAgBC,UAAWnB,KAAKmB,WAC5FJ,EAACK,EAAAA,CAAgBC,QAASrB,KAAKC,MAAMqB,QAAQD,SACzCN,EAACQ,EAAAA,CACGC,IAAKA,IACDxB,KAAKyB,aAAeD,CAAAA,EAExBE,UAAW1B,KAAKC,MAAMyB,UACtBZ,YAAad,KAAKC,MAAMa,YACxBa,QAAS3B,KAAK4B,YACdC,WAAY7B,KAAK6B,WACjBC,UAAW9B,KAAK+B,KAChB3B,KAAM4B,EAAO5B,KACb6B,YAAajC,KAAKC,MAAMgB,KAAKiB,IAAIF,EAAOG,eACxCC,UAAWpC,KAAKC,MAAMgB,KAAKiB,IAAIF,EAAOK,aACtCC,mBAAoBN,EAAOM,mBAC3BC,MAAOP,EAAOQ,gBACdC,cAAeT,EAAOU,kBACtBC,aAAcX,EAAOY,cACrBC,iBAAkBb,EAAOc,kBACzBC,gBAAiB/C,KAAKC,MAAM8C,oBAQ5ChC,EAACC,EAAAA,CAAaC,KAAMjB,KAAKC,MAAMgB,KAAMC,eAAgBlB,KAAKC,MAAMiB,eAAgBC,UAAWnB,KAAKmB,WAC3FnB,KAAKC,MAAMC,sBACRa,EAACiC,EAAAA,CACGrC,KAAMX,KAAKS,YACXwC,OAAQjD,KAAKC,MAAMgD,OACnBC,UAAWlD,KAAKkD,UAChBC,SAAUnD,KAAKoD,OACf5B,IAAKA,IACDxB,KAAKyB,aAAeD,CAAAA,IAI5BT,EAACsC,EAAAA,CAEG7B,IAAKA,IACDxB,KAAKyB,aAAeD,CAAAA,KAEpBxB,KAAKC,MACTqD,SAAUtD,KAAKuD,SACfJ,SAAUnD,KAAKoD,OACfF,UAAWlD,KAAKkD,YAKpC"}

package/dist/es/components/Blik/components/BlikInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import{useEffect as o,useState as t}from"../../../external/preact/hooks/dist/hooks.js";import r from"../../../core/Context/useCoreContext.js";import i from"../../internal/FormFields/Field/Field.js";import a from"../../../utils/useForm/useForm.js";import{digitsOnlyFormatter as l}from"../../../utils/Formatters/formatters.js";import s from"../../../core/Context/useImage.js";import d from"../../internal/FormFields/InputText.js";function n(n){const{i18n:m}=r(),u=s(),{handleChangeFor:c,triggerValidation:p,data:k,valid:b,errors:f,isValid:h}=a({schema:["blikCode"],rules:{blikCode:{validate:e=>6===e?.length,errorMessage:"blik.invalid",modes:["blur"]}},formatters:{blikCode:l}});o((()=>{n.onChange({data:k,errors:f,valid:b,isValid:h},this)}),[k,b,f,h]);const[C,g]=t("ready");return this.setStatus=g,this.showValidation=p,e("div",{className:"adyen-checkout__blik"},e("p",{className:"adyen-checkout__blik__helper"},m.get("blik.help")),e(i,{errorMessage:!!f.blikCode&&m.get(f.blikCode.errorMessage),label:m.get("blik.code"),classNameModifiers:["blikCode","50"],isValid:b.blikCode,dir:"ltr",name:"blikCode"},e(d,{value:k.blikCode,name:"blikCode",spellcheck:!1,required:!0,autocorrect:"off",autocomplete:"off",onInput:c("blikCode","input"),onBlur:c("blikCode","blur"),placeholder:n?.placeholders?.blikCode,inputMode:"numeric",maxLength:6})),n.showPayButton&&n.payButton({status:C,icon:u({imageFolder:"components/"})("lock")}))}n.defaultProps={data:{blikCode:""}};export{n as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useEffect as o,useState as r}from"../../../external/preact/hooks/dist/hooks.js";import{useCoreContext as t}from"../../../core/Context/CoreProvider.js";import i from"../../internal/FormFields/Field/Field.js";import a from"../../../utils/useForm/useForm.js";import{digitsOnlyFormatter as l}from"../../../utils/Formatters/formatters.js";import s from"../../../core/Context/useImage.js";import d from"../../internal/FormFields/InputText.js";function n(n){const{i18n:m}=t(),c=s(),{handleChangeFor:u,triggerValidation:p,data:k,valid:b,errors:f,isValid:h}=a({schema:["blikCode"],rules:{blikCode:{validate:e=>6===e?.length,errorMessage:"blik.invalid",modes:["blur"]}},formatters:{blikCode:l}});o((()=>{n.onChange({data:k,errors:f,valid:b,isValid:h},this)}),[k,b,f,h]);const[C,g]=r("ready");return this.setStatus=g,this.showValidation=p,e("div",{className:"adyen-checkout__blik"},e("p",{className:"adyen-checkout__blik__helper"},m.get("blik.help")),e(i,{errorMessage:!!f.blikCode&&m.get(f.blikCode.errorMessage),label:m.get("blik.code"),classNameModifiers:["blikCode","50"],isValid:b.blikCode,dir:"ltr",name:"blikCode"},e(d,{value:k.blikCode,name:"blikCode",spellcheck:!1,required:!0,autocorrect:"off",autocomplete:"off",onInput:u("blikCode","input"),onBlur:u("blikCode","blur"),placeholder:n?.placeholders?.blikCode,inputMode:"numeric",maxLength:6})),n.showPayButton&&n.payButton({status:C,icon:c({imageFolder:"components/"})("lock")}))}n.defaultProps={data:{blikCode:""}};export{n as default};
 //# sourceMappingURL=BlikInput.js.map

package/dist/es/components/Blik/components/BlikInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BlikInput.js","sources":["../../../../../src/components/Blik/components/BlikInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport useCoreContext from '../../../core/Context/~~useCoreContext~~';\nimport Field from '../../internal/FormFields/Field';\nimport './BlikInput.scss';\nimport useForm from '../../../utils/useForm';\nimport { digitsOnlyFormatter } from '../../../utils/Formatters/formatters';\nimport useImage from '../../../core/Context/useImage';\nimport InputText from '../../internal/FormFields/InputText';\nimport { UIElementProps } from '../../internal/UIElement/types';\n\ninterface BlikInputProps extends UIElementProps {\n data?: BlikInputDataState;\n placeholders?: BlikInputDataState;\n}\n\ninterface BlikInputDataState {\n blikCode: string;\n}\n\nfunction BlikInput(props: BlikInputProps) {\n const { i18n } = useCoreContext();\n const getImage = useImage();\n const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<BlikInputDataState>({\n schema: ['blikCode'],\n rules: {\n blikCode: {\n validate: code => code?.length === 6,\n errorMessage: 'blik.invalid',\n modes: ['blur']\n }\n },\n formatters: {\n blikCode: digitsOnlyFormatter\n }\n });\n\n useEffect(() => {\n props.onChange({ data, errors, valid, isValid }, this);\n }, [data, valid, errors, isValid]);\n\n const [status, setStatus] = useState('ready');\n this.setStatus = setStatus;\n this.showValidation = triggerValidation;\n\n return (\n <div className=\"adyen-checkout__blik\">\n <p className=\"adyen-checkout__blik__helper\">{i18n.get('blik.help')}</p>\n <Field\n errorMessage={!!errors.blikCode && i18n.get(errors.blikCode.errorMessage)}\n label={i18n.get('blik.code')}\n classNameModifiers={['blikCode', '50']}\n isValid={valid.blikCode}\n dir={'ltr'}\n name={'blikCode'}\n >\n <InputText\n value={data.blikCode}\n name={'blikCode'}\n spellcheck={false}\n required={true}\n autocorrect={'off'}\n autocomplete={'off'}\n onInput={handleChangeFor('blikCode', 'input')}\n onBlur={handleChangeFor('blikCode', 'blur')}\n placeholder={props?.placeholders?.blikCode}\n inputMode={'numeric'}\n maxLength={6}\n />\n </Field>\n\n {props.showPayButton &&\n props.payButton({\n status,\n icon: getImage({ imageFolder: 'components/' })('lock')\n })}\n </div>\n );\n}\n\nBlikInput.defaultProps = { data: { blikCode: '' } };\n\nexport default BlikInput;\n"],"names":["BlikInput","props","i18n","useCoreContext","getImage","useImage","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","schema","rules","blikCode","validate","code","length","errorMessage","modes","formatters","digitsOnlyFormatter","useEffect","onChange","this","status","setStatus","useState","showValidation","h","div","className","p","get","Field","label","classNameModifiers","dir","name","InputText","value","spellcheck","required","autocorrect","autocomplete","onInput","onBlur","placeholder","placeholders","inputMode","maxLength","showPayButton","payButton","icon","imageFolder","defaultProps"],"mappings":"~~ofAoBA~~,SAASA,EAAUC,GACf,MAAMC,KAAEA,GAASC,IACXC,EAAWC,KACXC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,EAA4B,CACrGC,OAAQ,CAAC,YACTC,MAAO,CACHC,SAAU,CACNC,SAAUC,GAAyB,IAAjBA,GAAMC,OACxBC,aAAc,eACdC,MAAO,CAAC,UAGhBC,WAAY,CACRN,SAAUO,KAIlBC,GAAU,KACNtB,EAAMuB,SAAS,CAAEhB,OAAME,SAAQD,QAAOE,WAAWc,KAAI,GACtD,CAACjB,EAAMC,EAAOC,EAAQC,IAEzB,MAAOe,EAAQC,GAAaC,EAAS,SAIrC,OAHAH,KAAKE,UAAYA,EACjBF,KAAKI,eAAiBtB,EAGlBuB,EAACC,MAAAA,CAAIC,UAAU,wBACXF,EAACG,IAAAA,CAAED,UAAU,gCAAgC9B,EAAKgC,IAAI,cACtDJ,EAACK,EAAAA,CACGhB,eAAgBT,EAAOK,UAAYb,EAAKgC,IAAIxB,EAAOK,SAASI,cAC5DiB,MAAOlC,EAAKgC,IAAI,aAChBG,mBAAoB,CAAC,WAAY,MACjC1B,QAASF,EAAMM,SACfuB,IAAK,MACLC,KAAM,YAENT,EAACU,EAAAA,CACGC,MAAOjC,EAAKO,SACZwB,KAAM,WACNG,YAAY,EACZC,UAAU,EACVC,YAAa,MACbC,aAAc,MACdC,QAASxC,EAAgB,WAAY,SACrCyC,OAAQzC,EAAgB,WAAY,QACpC0C,YAAa/C,GAAOgD,cAAclC,SAClCmC,UAAW,UACXC,UAAW,KAIlBlD,EAAMmD,eACHnD,EAAMoD,UAAU,CACZ3B,SACA4B,KAAMlD,EAAS,CAAEmD,YAAa,eAAxBnD,CAAyC,UAInE,CAEAJ,EAAUwD,aAAe,CAAEhD,KAAM,CAAEO,SAAU"}
1	+ {"version":3,"file":"BlikInput.js","sources":["../../../../../src/components/Blik/components/BlikInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport Field from '../../internal/FormFields/Field';\nimport './BlikInput.scss';\nimport useForm from '../../../utils/useForm';\nimport { digitsOnlyFormatter } from '../../../utils/Formatters/formatters';\nimport useImage from '../../../core/Context/useImage';\nimport InputText from '../../internal/FormFields/InputText';\nimport { UIElementProps } from '../../internal/UIElement/types';\n\ninterface BlikInputProps extends UIElementProps {\n data?: BlikInputDataState;\n placeholders?: BlikInputDataState;\n}\n\ninterface BlikInputDataState {\n blikCode: string;\n}\n\nfunction BlikInput(props: BlikInputProps) {\n const { i18n } = useCoreContext();\n const getImage = useImage();\n const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<BlikInputDataState>({\n schema: ['blikCode'],\n rules: {\n blikCode: {\n validate: code => code?.length === 6,\n errorMessage: 'blik.invalid',\n modes: ['blur']\n }\n },\n formatters: {\n blikCode: digitsOnlyFormatter\n }\n });\n\n useEffect(() => {\n props.onChange({ data, errors, valid, isValid }, this);\n }, [data, valid, errors, isValid]);\n\n const [status, setStatus] = useState('ready');\n this.setStatus = setStatus;\n this.showValidation = triggerValidation;\n\n return (\n <div className=\"adyen-checkout__blik\">\n <p className=\"adyen-checkout__blik__helper\">{i18n.get('blik.help')}</p>\n <Field\n errorMessage={!!errors.blikCode && i18n.get(errors.blikCode.errorMessage)}\n label={i18n.get('blik.code')}\n classNameModifiers={['blikCode', '50']}\n isValid={valid.blikCode}\n dir={'ltr'}\n name={'blikCode'}\n >\n <InputText\n value={data.blikCode}\n name={'blikCode'}\n spellcheck={false}\n required={true}\n autocorrect={'off'}\n autocomplete={'off'}\n onInput={handleChangeFor('blikCode', 'input')}\n onBlur={handleChangeFor('blikCode', 'blur')}\n placeholder={props?.placeholders?.blikCode}\n inputMode={'numeric'}\n maxLength={6}\n />\n </Field>\n\n {props.showPayButton &&\n props.payButton({\n status,\n icon: getImage({ imageFolder: 'components/' })('lock')\n })}\n </div>\n );\n}\n\nBlikInput.defaultProps = { data: { blikCode: '' } };\n\nexport default BlikInput;\n"],"names":["BlikInput","props","i18n","useCoreContext","getImage","useImage","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","schema","rules","blikCode","validate","code","length","errorMessage","modes","formatters","digitsOnlyFormatter","useEffect","onChange","this","status","setStatus","useState","showValidation","h","div","className","p","get","Field","label","classNameModifiers","dir","name","InputText","value","spellcheck","required","autocorrect","autocomplete","onInput","onBlur","placeholder","placeholders","inputMode","maxLength","showPayButton","payButton","icon","imageFolder","defaultProps"],"mappings":"ogBAoBA,SAASA,EAAUC,GACf,MAAMC,KAAEA,GAASC,IACXC,EAAWC,KACXC,gBAAEA,EAAeC,kBAAEA,EAAiBC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,EAA4B,CACrGC,OAAQ,CAAC,YACTC,MAAO,CACHC,SAAU,CACNC,SAAUC,GAAyB,IAAjBA,GAAMC,OACxBC,aAAc,eACdC,MAAO,CAAC,UAGhBC,WAAY,CACRN,SAAUO,KAIlBC,GAAU,KACNtB,EAAMuB,SAAS,CAAEhB,OAAME,SAAQD,QAAOE,WAAWc,KAAI,GACtD,CAACjB,EAAMC,EAAOC,EAAQC,IAEzB,MAAOe,EAAQC,GAAaC,EAAS,SAIrC,OAHAH,KAAKE,UAAYA,EACjBF,KAAKI,eAAiBtB,EAGlBuB,EAACC,MAAAA,CAAIC,UAAU,wBACXF,EAACG,IAAAA,CAAED,UAAU,gCAAgC9B,EAAKgC,IAAI,cACtDJ,EAACK,EAAAA,CACGhB,eAAgBT,EAAOK,UAAYb,EAAKgC,IAAIxB,EAAOK,SAASI,cAC5DiB,MAAOlC,EAAKgC,IAAI,aAChBG,mBAAoB,CAAC,WAAY,MACjC1B,QAASF,EAAMM,SACfuB,IAAK,MACLC,KAAM,YAENT,EAACU,EAAAA,CACGC,MAAOjC,EAAKO,SACZwB,KAAM,WACNG,YAAY,EACZC,UAAU,EACVC,YAAa,MACbC,aAAc,MACdC,QAASxC,EAAgB,WAAY,SACrCyC,OAAQzC,EAAgB,WAAY,QACpC0C,YAAa/C,GAAOgD,cAAclC,SAClCmC,UAAW,UACXC,UAAW,KAIlBlD,EAAMmD,eACHnD,EAAMoD,UAAU,CACZ3B,SACA4B,KAAMlD,EAAS,CAAEmD,YAAa,eAAxBnD,CAAyC,UAInE,CAEAJ,EAAUwD,aAAe,CAAEhD,KAAM,CAAEO,SAAU"}

package/dist/es/components/Boleto/Boleto.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import o from"./components/BoletoInput/BoletoInput.js";import{cleanCPFCNPJ as r}from"../internal/SocialSecurityNumberBrazil/utils.js";import s from"./components/BoletoVoucherResult/BoletoVoucherResult.js";import i from"../../core/Context/CoreProvider.js";import{TxVariants as a}from"../tx-variants.js";class n extends e{static type=a.boletobancario;static txVariants=[a.boletobancario,a.boletobancario_itau,a.boletobancario_santander,a.primeiropay_boleto];get isValid(){return!!this.state.isValid}formatData(){const{data:t={}}=this.state,{billingAddress:e,shopperEmail:o,firstName:s,lastName:i,socialSecurityNumber:a=""}=t;return{paymentMethod:{type:this.type},...e&&{billingAddress:e},...o&&{shopperEmail:o},...s&&i&&{shopperName:{firstName:s,lastName:i}},...a&&{socialSecurityNumber:r(a)}}}handleRef=t=>{this.componentRef=t};render(){return t(i,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.reference?t(s,{ref:this.handleRef,icon:this.icon,...this.props}):t(o,{setComponentRef:this.handleRef,...this.props,onChange:this.setState,onSubmit:this.submit,payButton:this.payButton}))}}export{n as BoletoElement,n as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import o from"./components/BoletoInput/BoletoInput.js";import{cleanCPFCNPJ as r}from"../internal/SocialSecurityNumberBrazil/utils.js";import s from"./components/BoletoVoucherResult/BoletoVoucherResult.js";import{CoreProvider as i}from"../../core/Context/CoreProvider.js";import{TxVariants as a}from"../tx-variants.js";class n extends e{static type=a.boletobancario;static txVariants=[a.boletobancario,a.boletobancario_itau,a.boletobancario_santander,a.primeiropay_boleto];get isValid(){return!!this.state.isValid}formatData(){const{data:t={}}=this.state,{billingAddress:e,shopperEmail:o,firstName:s,lastName:i,socialSecurityNumber:a=""}=t;return{paymentMethod:{type:this.type},...e&&{billingAddress:e},...o&&{shopperEmail:o},...s&&i&&{shopperName:{firstName:s,lastName:i}},...a&&{socialSecurityNumber:r(a)}}}handleRef=t=>{this.componentRef=t};render(){return t(i,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},this.props.reference?t(s,{ref:this.handleRef,icon:this.icon,...this.props}):t(o,{setComponentRef:this.handleRef,...this.props,onChange:this.setState,onSubmit:this.submit,payButton:this.payButton}))}}export{n as BoletoElement,n as default};
 //# sourceMappingURL=Boleto.js.map

package/dist/es/components/Boleto/Boleto.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Boleto.js","sources":["../../../../src/components/Boleto/Boleto.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport BoletoInput from './components/BoletoInput';\nimport { cleanCPFCNPJ } from '../internal/SocialSecurityNumberBrazil/utils';\nimport BoletoVoucherResult from './components/BoletoVoucherResult';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport { TxVariants } from '../tx-variants';\nimport { VoucherConfiguration } from '../internal/Voucher/types';\n\nexport class BoletoElement extends UIElement<VoucherConfiguration> {\n public static type = TxVariants.boletobancario;\n\n public static txVariants = [\n TxVariants.boletobancario,\n TxVariants.boletobancario_itau,\n TxVariants.boletobancario_santander,\n TxVariants.primeiropay_boleto\n ];\n\n get isValid() {\n return !!this.state.isValid;\n }\n\n /*\n Formats the component data output\n */\n formatData() {\n const { data = {} } = this.state;\n const { billingAddress, shopperEmail, firstName, lastName, socialSecurityNumber = '' } = data;\n\n return {\n paymentMethod: {\n type: this.type\n },\n ...(billingAddress && { billingAddress }),\n ...(shopperEmail && { shopperEmail }),\n ...(firstName && lastName && { shopperName: { firstName, lastName } }),\n ...(socialSecurityNumber && { socialSecurityNumber: cleanCPFCNPJ(socialSecurityNumber) })\n };\n }\n\n private handleRef = ref => {\n this.componentRef = ref;\n };\n\n render() {\n return (\n <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n {this.props.reference ? (\n <BoletoVoucherResult ref={this.handleRef} icon={this.icon} {...this.props} />\n ) : (\n <BoletoInput\n setComponentRef={this.handleRef}\n {...this.props}\n onChange={this.setState}\n onSubmit={this.submit}\n payButton={this.payButton}\n />\n )}\n </CoreProvider>\n );\n }\n}\n\nexport default BoletoElement;\n"],"names":["BoletoElement","UIElement","static","TxVariants","boletobancario","boletobancario_itau","boletobancario_santander","primeiropay_boleto","isValid","this","state","formatData","data","billingAddress","shopperEmail","firstName","lastName","socialSecurityNumber","paymentMethod","type","shopperName","cleanCPFCNPJ","handleRef","ref","componentRef","render","h","CoreProvider","i18n","props","loadingContext","resources","reference","BoletoVoucherResult","icon","BoletoInput","setComponentRef","onChange","setState","onSubmit","submit","payButton"],"mappings":"~~kbASO~~,MAAMA,UAAsBC,EAC/BC,YAAqBC,EAAWC,eAEhCF,kBAA2B,CACvBC,EAAWC,eACXD,EAAWE,oBACXF,EAAWG,yBACXH,EAAWI,oBAGf,WAAIC,GACA,QAASC,KAAKC,MAAMF,OACxB,CAKAG,UAAAA,GACI,MAAMC,KAAEA,EAAO,CAAA,GAAOH,KAAKC,OACrBG,eAAEA,EAAcC,aAAEA,EAAYC,UAAEA,EAASC,SAAEA,EAAQC,qBAAEA,EAAuB,IAAOL,EAEzF,MAAO,CACHM,cAAe,CACXC,KAAMV,KAAKU,SAEXN,GAAkB,CAAEA,qBACpBC,GAAgB,CAAEA,mBAClBC,GAAaC,GAAY,CAAEI,YAAa,CAAEL,YAAWC,gBACrDC,GAAwB,CAAEA,qBAAsBI,EAAaJ,IAEzE,CAEQK,UAAYC,IAChBd,KAAKe,aAAeD,CAAAA,EAGxBE,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMnB,KAAKoB,MAAMD,KAAME,eAAgBrB,KAAKoB,MAAMC,eAAgBC,UAAWtB,KAAKsB,WAC3FtB,KAAKoB,MAAMG,UACRN,EAACO,EAAAA,CAAoBV,IAAKd,KAAKa,UAAWY,KAAMzB,KAAKyB,QAAUzB,KAAKoB,QAEpEH,EAACS,EAAAA,CACGC,gBAAiB3B,KAAKa,aAClBb,KAAKoB,MACTQ,SAAU5B,KAAK6B,SACfC,SAAU9B,KAAK+B,OACfC,UAAWhC,KAAKgC,YAKpC"}
1	+ {"version":3,"file":"Boleto.js","sources":["../../../../src/components/Boleto/Boleto.tsx"],"sourcesContent":["import { h } from 'preact';\nimport UIElement from '../internal/UIElement/UIElement';\nimport BoletoInput from './components/BoletoInput';\nimport { cleanCPFCNPJ } from '../internal/SocialSecurityNumberBrazil/utils';\nimport BoletoVoucherResult from './components/BoletoVoucherResult';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport { TxVariants } from '../tx-variants';\nimport { VoucherConfiguration } from '../internal/Voucher/types';\n\nexport class BoletoElement extends UIElement<VoucherConfiguration> {\n public static type = TxVariants.boletobancario;\n\n public static txVariants = [\n TxVariants.boletobancario,\n TxVariants.boletobancario_itau,\n TxVariants.boletobancario_santander,\n TxVariants.primeiropay_boleto\n ];\n\n get isValid() {\n return !!this.state.isValid;\n }\n\n /*\n Formats the component data output\n */\n formatData() {\n const { data = {} } = this.state;\n const { billingAddress, shopperEmail, firstName, lastName, socialSecurityNumber = '' } = data;\n\n return {\n paymentMethod: {\n type: this.type\n },\n ...(billingAddress && { billingAddress }),\n ...(shopperEmail && { shopperEmail }),\n ...(firstName && lastName && { shopperName: { firstName, lastName } }),\n ...(socialSecurityNumber && { socialSecurityNumber: cleanCPFCNPJ(socialSecurityNumber) })\n };\n }\n\n private handleRef = ref => {\n this.componentRef = ref;\n };\n\n render() {\n return (\n <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n {this.props.reference ? (\n <BoletoVoucherResult ref={this.handleRef} icon={this.icon} {...this.props} />\n ) : (\n <BoletoInput\n setComponentRef={this.handleRef}\n {...this.props}\n onChange={this.setState}\n onSubmit={this.submit}\n payButton={this.payButton}\n />\n )}\n </CoreProvider>\n );\n }\n}\n\nexport default BoletoElement;\n"],"names":["BoletoElement","UIElement","static","TxVariants","boletobancario","boletobancario_itau","boletobancario_santander","primeiropay_boleto","isValid","this","state","formatData","data","billingAddress","shopperEmail","firstName","lastName","socialSecurityNumber","paymentMethod","type","shopperName","cleanCPFCNPJ","handleRef","ref","componentRef","render","h","CoreProvider","i18n","props","loadingContext","resources","reference","BoletoVoucherResult","icon","BoletoInput","setComponentRef","onChange","setState","onSubmit","submit","payButton"],"mappings":"kcASO,MAAMA,UAAsBC,EAC/BC,YAAqBC,EAAWC,eAEhCF,kBAA2B,CACvBC,EAAWC,eACXD,EAAWE,oBACXF,EAAWG,yBACXH,EAAWI,oBAGf,WAAIC,GACA,QAASC,KAAKC,MAAMF,OACxB,CAKAG,UAAAA,GACI,MAAMC,KAAEA,EAAO,CAAA,GAAOH,KAAKC,OACrBG,eAAEA,EAAcC,aAAEA,EAAYC,UAAEA,EAASC,SAAEA,EAAQC,qBAAEA,EAAuB,IAAOL,EAEzF,MAAO,CACHM,cAAe,CACXC,KAAMV,KAAKU,SAEXN,GAAkB,CAAEA,qBACpBC,GAAgB,CAAEA,mBAClBC,GAAaC,GAAY,CAAEI,YAAa,CAAEL,YAAWC,gBACrDC,GAAwB,CAAEA,qBAAsBI,EAAaJ,IAEzE,CAEQK,UAAYC,IAChBd,KAAKe,aAAeD,CAAAA,EAGxBE,MAAAA,GACI,OACIC,EAACC,EAAAA,CAAaC,KAAMnB,KAAKoB,MAAMD,KAAME,eAAgBrB,KAAKoB,MAAMC,eAAgBC,UAAWtB,KAAKsB,WAC3FtB,KAAKoB,MAAMG,UACRN,EAACO,EAAAA,CAAoBV,IAAKd,KAAKa,UAAWY,KAAMzB,KAAKyB,QAAUzB,KAAKoB,QAEpEH,EAACS,EAAAA,CACGC,gBAAiB3B,KAAKa,aAClBb,KAAKoB,MACTQ,SAAU5B,KAAK6B,SACfC,SAAU9B,KAAK+B,OACfC,UAAWhC,KAAKgC,YAKpC"}

package/dist/es/components/Boleto/components/BoletoInput/BoletoInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useRef as r,useState as s,useEffect as i}from"../../../../external/preact/hooks/dist/hooks.js";import t from"../../../internal/Address/Address.js";import{boletoValidationRules as a}from"./validate.js";import{boletoFormatters as o}from"./utils.js";import l from"../../../internal/SendCopyToEmail/SendCopyToEmail.js";import n from"../../../../core/Context/useCoreContext.js";import d from"../../../../utils/useForm/useForm.js";import{BrazilPersonalDetail as u}from"../../../internal/SocialSecurityNumberBrazil/BrazilPersonalDetail.js";import m from"../../../internal/FormInstruction/FormInstruction.js";function p(p){const{i18n:c}=n(),b=r(null),{handleChangeFor:h,triggerValidation:g,setSchema:f,setData:A,setValid:R,setErrors:q,data:E,valid:y,errors:C,isValid:j}=d({schema:["firstName","lastName","socialSecurityNumber","billingAddress","shopperEmail"],defaultData:p.data,rules:a,formatters:o}),[N,w]=s(!1);i((()=>{const e=[...p.personalDetailsRequired?["firstName","lastName","socialSecurityNumber"]:[],...p.billingAddressRequired?["billingAddress"]:[],...N?["shopperEmail"]:[]];f(e)}),[N,p.personalDetailsRequired,p.billingAddressRequired]);const[D,F]=s("ready"),S=r({});Object.keys(S.current).length||p.setComponentRef?.(S.current),S.current.showValidation=()=>{g(),p.billingAddressRequired&&b.current.showValidation()},S.current.setStatus=F,i((()=>{const e=!p.billingAddressRequired||Boolean(y.billingAddress);p.onChange({data:E,valid:y,errors:C,isValid:j&&e})}),[E,y,C]);const B=[...p.personalDetailsRequired||p.billingAddressRequired||p.showEmailAddress?[]:["standalone"]],v=p.showFormInstruction&&(p.personalDetailsRequired||p.billingAddressRequired);return e("div",{className:"adyen-checkout__boleto-input__field"},v&&e(m,null),p.personalDetailsRequired&&e(u,{i18n:c,data:E,handleChangeFor:h,errors:C,valid:y}),p.billingAddressRequired&&e(t,{allowedCountries:["BR"],label:"billingAddress",data:{...p.data.billingAddress,country:"BR"},onChange:e=>{A("billingAddress",e.data),R("billingAddress",e.isValid),q("billingAddress",e.errors)},requiredFields:["country","street","houseNumberOrName","postalCode","city","stateOrProvince"],setComponentRef:e=>{b.current=e}}),p.showEmailAddress&&e(l,{value:E.shopperEmail,errors:C.shopperEmail,onToggle:()=>w(!N),onInput:h("shopperEmail","input"),onBlur:h("shopperEmail","blur")}),p.showPayButton&&p.payButton({status:D,label:c.get("boletobancario.btnLabel"),classNameModifiers:B}))}p.defaultProps={data:{},showEmailAddress:!0,personalDetailsRequired:!0,billingAddressRequired:!0,showFormInstruction:!0};export{p as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import{useRef as r,useState as s,useEffect as i}from"../../../../external/preact/hooks/dist/hooks.js";import t from"../../../internal/Address/Address.js";import{boletoValidationRules as a}from"./validate.js";import{boletoFormatters as o}from"./utils.js";import l from"../../../internal/SendCopyToEmail/SendCopyToEmail.js";import{useCoreContext as n}from"../../../../core/Context/CoreProvider.js";import d from"../../../../utils/useForm/useForm.js";import{BrazilPersonalDetail as u}from"../../../internal/SocialSecurityNumberBrazil/BrazilPersonalDetail.js";import m from"../../../internal/FormInstruction/FormInstruction.js";function p(p){const{i18n:c}=n(),b=r(null),{handleChangeFor:h,triggerValidation:g,setSchema:f,setData:A,setValid:R,setErrors:q,data:E,valid:y,errors:C,isValid:j}=d({schema:["firstName","lastName","socialSecurityNumber","billingAddress","shopperEmail"],defaultData:p.data,rules:a,formatters:o}),[N,w]=s(!1);i((()=>{const e=[...p.personalDetailsRequired?["firstName","lastName","socialSecurityNumber"]:[],...p.billingAddressRequired?["billingAddress"]:[],...N?["shopperEmail"]:[]];f(e)}),[N,p.personalDetailsRequired,p.billingAddressRequired]);const[D,F]=s("ready"),S=r({});Object.keys(S.current).length||p.setComponentRef?.(S.current),S.current.showValidation=()=>{g(),p.billingAddressRequired&&b.current.showValidation()},S.current.setStatus=F,i((()=>{const e=!p.billingAddressRequired||Boolean(y.billingAddress);p.onChange({data:E,valid:y,errors:C,isValid:j&&e})}),[E,y,C]);const v=[...p.personalDetailsRequired||p.billingAddressRequired||p.showEmailAddress?[]:["standalone"]],B=p.showFormInstruction&&(p.personalDetailsRequired||p.billingAddressRequired);return e("div",{className:"adyen-checkout__boleto-input__field"},B&&e(m,null),p.personalDetailsRequired&&e(u,{i18n:c,data:E,handleChangeFor:h,errors:C,valid:y}),p.billingAddressRequired&&e(t,{allowedCountries:["BR"],label:"billingAddress",data:{...p.data.billingAddress,country:"BR"},onChange:e=>{A("billingAddress",e.data),R("billingAddress",e.isValid),q("billingAddress",e.errors)},requiredFields:["country","street","houseNumberOrName","postalCode","city","stateOrProvince"],setComponentRef:e=>{b.current=e}}),p.showEmailAddress&&e(l,{value:E.shopperEmail,errors:C.shopperEmail,onToggle:()=>w(!N),onInput:h("shopperEmail","input"),onBlur:h("shopperEmail","blur")}),p.showPayButton&&p.payButton({status:D,label:c.get("boletobancario.btnLabel"),classNameModifiers:v}))}p.defaultProps={data:{},showEmailAddress:!0,personalDetailsRequired:!0,billingAddressRequired:!0,showFormInstruction:!0};export{p as default};
 //# sourceMappingURL=BoletoInput.js.map

package/dist/es/components/Boleto/components/BoletoInput/BoletoInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BoletoInput.js","sources":["../../../../../../src/components/Boleto/components/BoletoInput/BoletoInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport Address from '../../../internal/Address';\nimport { boletoValidationRules } from './validate';\nimport { boletoFormatters } from './utils';\nimport SendCopyToEmail from '../../../internal/SendCopyToEmail/SendCopyToEmail';\nimport useCoreContext from '../../../../core/Context/~~useCoreContext~~';\nimport { BoletoInputDataState } from '../../types';\nimport useForm from '../../../../utils/useForm';\nimport { BrazilPersonalDetail } from '../../../internal/SocialSecurityNumberBrazil/BrazilPersonalDetail';\nimport FormInstruction from '../../../internal/FormInstruction';\nimport { ComponentMethodsRef } from '../../../internal/UIElement/types';\n\ninterface BoletoInputProps {\n onChange(data: any): void;\n // TODO\n [key: string]: any;\n}\n\nfunction BoletoInput(props: BoletoInputProps) {\n const { i18n } = useCoreContext();\n const addressRef = useRef(null);\n const setAddressRef = ref => {\n addressRef.current = ref;\n };\n const { handleChangeFor, triggerValidation, setSchema, setData, setValid, setErrors, data, valid, errors, isValid } =\n useForm<BoletoInputDataState>({\n schema: ['firstName', 'lastName', 'socialSecurityNumber', 'billingAddress', 'shopperEmail'],\n defaultData: props.data,\n rules: boletoValidationRules,\n formatters: boletoFormatters\n });\n\n // Email field toggle\n const [showingEmail, setShowingEmail] = useState<boolean>(false);\n const toggleEmailField = () => setShowingEmail(!showingEmail);\n\n // Handle form schema updates\n useEffect(() => {\n const newSchema = [\n ...(props.personalDetailsRequired ? ['firstName', 'lastName', 'socialSecurityNumber'] : []),\n ...(props.billingAddressRequired ? ['billingAddress'] : []),\n ...(showingEmail ? ['shopperEmail'] : [])\n ];\n setSchema(newSchema);\n }, [showingEmail, props.personalDetailsRequired, props.billingAddressRequired]);\n\n const handleAddress = address => {\n setData('billingAddress', address.data);\n setValid('billingAddress', address.isValid);\n setErrors('billingAddress', address.errors);\n };\n\n const [status, setStatus] = useState('ready');\n\n /** An object by which to expose 'public' members to the parent UIElement */\n const boletoRef = useRef<ComponentMethodsRef>({});\n // Just call once\n if (!Object.keys(boletoRef.current).length) {\n props.setComponentRef?.(boletoRef.current);\n }\n\n boletoRef.current.showValidation = () => {\n triggerValidation();\n if (props.billingAddressRequired) {\n addressRef.current.showValidation();\n }\n };\n\n boletoRef.current.setStatus = setStatus;\n\n useEffect(() => {\n const billingAddressValid = props.billingAddressRequired ? Boolean(valid.billingAddress) : true;\n props.onChange({ data, valid, errors, isValid: isValid && billingAddressValid });\n }, [data, valid, errors]);\n\n const buttonModifiers = [...(!props.personalDetailsRequired && !props.billingAddressRequired && !props.showEmailAddress ? ['standalone'] : [])];\n\n const showFormInstruction = props.showFormInstruction && (props.personalDetailsRequired \|\| props.billingAddressRequired);\n\n return (\n <div className=\"adyen-checkout__boleto-input__field\">\n {showFormInstruction && <FormInstruction />}\n\n {props.personalDetailsRequired && (\n <BrazilPersonalDetail i18n={i18n} data={data} handleChangeFor={handleChangeFor} errors={errors} valid={valid} />\n )}\n\n {props.billingAddressRequired && (\n <Address\n allowedCountries={['BR']}\n label=\"billingAddress\"\n data={{ ...props.data.billingAddress, country: 'BR' }}\n onChange={handleAddress}\n requiredFields={['country', 'street', 'houseNumberOrName', 'postalCode', 'city', 'stateOrProvince']}\n setComponentRef={setAddressRef}\n />\n )}\n\n {props.showEmailAddress && (\n <SendCopyToEmail\n value={data.shopperEmail}\n errors={errors.shopperEmail}\n onToggle={toggleEmailField}\n onInput={handleChangeFor('shopperEmail', 'input')}\n onBlur={handleChangeFor('shopperEmail', 'blur')}\n />\n )}\n\n {props.showPayButton &&\n props.payButton({\n status,\n label: i18n.get('boletobancario.btnLabel'),\n classNameModifiers: buttonModifiers\n })}\n </div>\n );\n}\n\nBoletoInput.defaultProps = {\n data: {},\n showEmailAddress: true,\n personalDetailsRequired: true,\n billingAddressRequired: true,\n showFormInstruction: true\n};\n\nexport default BoletoInput;\n"],"names":["BoletoInput","props","i18n","useCoreContext","addressRef","useRef","handleChangeFor","triggerValidation","setSchema","setData","setValid","setErrors","data","valid","errors","isValid","useForm","schema","defaultData","rules","boletoValidationRules","formatters","boletoFormatters","showingEmail","setShowingEmail","useState","useEffect","newSchema","personalDetailsRequired","billingAddressRequired","status","setStatus","boletoRef","Object","keys","current","length","setComponentRef","showValidation","billingAddressValid","Boolean","billingAddress","onChange","buttonModifiers","showEmailAddress","showFormInstruction","h","div","className","FormInstruction","BrazilPersonalDetail","Address","allowedCountries","label","country","address","requiredFields","ref","SendCopyToEmail","value","shopperEmail","onToggle","onInput","onBlur","showPayButton","payButton","get","classNameModifiers","defaultProps"],"mappings":"~~2qBAmBA~~,SAASA,EAAYC,GACjB,MAAMC,KAAEA,GAASC,IACXC,EAAaC,EAAO,OAIpBC,gBAAEA,EAAeC,kBAAEA,EAAiBC,UAAEA,EAASC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GACtGC,EAA8B,CAC1BC,OAAQ,CAAC,YAAa,WAAY,uBAAwB,iBAAkB,gBAC5EC,YAAajB,EAAMW,KACnBO,MAAOC,EACPC,WAAYC,KAIbC,EAAcC,GAAmBC,GAAkB,GAI1DC,GAAU,KACN,MAAMC,EAAY,IACV1B,EAAM2B,wBAA0B,CAAC,YAAa,WAAY,wBAA0B,MACpF3B,EAAM4B,uBAAyB,CAAC,kBAAoB,MACpDN,EAAe,CAAC,gBAAkB,IAE1Cf,EAAUmB,EAAAA,GACX,CAACJ,EAActB,EAAM2B,wBAAyB3B,EAAM4B,yBAEvD,MAMOC,EAAQC,GAAaN,EAAS,SAG/BO,EAAY3B,EAA4B,CAAA,GAEzC4B,OAAOC,KAAKF,EAAUG,SAASC,QAChCnC,EAAMoC,kBAAkBL,EAAUG,SAGtCH,EAAUG,QAAQG,eAAiB,KAC/B/B,IACIN,EAAM4B,wBACNzB,EAAW+B,QAAQG,gBACvB,EAGJN,EAAUG,QAAQJ,UAAYA,EAE9BL,GAAU,KACN,MAAMa,GAAsBtC,EAAM4B,wBAAyBW,QAAQ3B,EAAM4B,gBACzExC,EAAMyC,SAAS,CAAE9B,OAAMC,QAAOC,SAAQC,QAASA,GAAWwB,GAAoB,GAC/E,CAAC3B,EAAMC,EAAOC,IAEjB,MAAM6B,EAAkB,IAAM1C,EAAM2B,yBAA4B3B,EAAM4B,wBAA2B5B,EAAM2C,iBAAoC,GAAjB,CAAC,eAErHC,EAAsB5C,EAAM4C,sBAAwB5C,EAAM2B,yBAA2B3B,EAAM4B,wBAEjG,OACIiB,EAACC,MAAAA,CAAIC,UAAU,uCACVH,GAAuBC,EAACG,EAAAA,MAExBhD,EAAM2B,yBACHkB,EAACI,EAAAA,CAAqBhD,KAAMA,EAAMU,KAAMA,EAAMN,gBAAiBA,EAAiBQ,OAAQA,EAAQD,MAAOA,IAG1GZ,EAAM4B,wBACHiB,EAACK,EAAAA,CACGC,iBAAkB,CAAC,MACnBC,MAAM,iBACNzC,KAAM,IAAKX,EAAMW,KAAK6B,eAAgBa,QAAS,MAC/CZ,SA9CMa,IAClB9C,EAAQ,iBAAkB8C,EAAQ3C,MAClCF,EAAS,iBAAkB6C,EAAQxC,SACnCJ,EAAU,iBAAkB4C,EAAQzC,OAAM,EA4C9B0C,eAAgB,CAAC,UAAW,SAAU,oBAAqB,aAAc,OAAQ,mBACjFnB,gBAzEMoB,IAClBrD,EAAW+B,QAAUsB,CAAAA,IA4EhBxD,EAAM2C,kBACHE,EAACY,EAAAA,CACGC,MAAO/C,EAAKgD,aACZ9C,OAAQA,EAAO8C,aACfC,SApES,IAAMrC,GAAiBD,GAqEhCuC,QAASxD,EAAgB,eAAgB,SACzCyD,OAAQzD,EAAgB,eAAgB,UAI/CL,EAAM+D,eACH/D,EAAMgE,UAAU,CACZnC,SACAuB,MAAOnD,EAAKgE,IAAI,2BAChBC,mBAAoBxB,IAIxC,CAEA3C,EAAYoE,aAAe,CACvBxD,KAAM,CAAC,EACPgC,kBAAkB,EAClBhB,yBAAyB,EACzBC,wBAAwB,EACxBgB,qBAAqB"}
1	+ {"version":3,"file":"BoletoInput.js","sources":["../../../../../../src/components/Boleto/components/BoletoInput/BoletoInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport Address from '../../../internal/Address';\nimport { boletoValidationRules } from './validate';\nimport { boletoFormatters } from './utils';\nimport SendCopyToEmail from '../../../internal/SendCopyToEmail/SendCopyToEmail';\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport { BoletoInputDataState } from '../../types';\nimport useForm from '../../../../utils/useForm';\nimport { BrazilPersonalDetail } from '../../../internal/SocialSecurityNumberBrazil/BrazilPersonalDetail';\nimport FormInstruction from '../../../internal/FormInstruction';\nimport { ComponentMethodsRef } from '../../../internal/UIElement/types';\n\ninterface BoletoInputProps {\n onChange(data: any): void;\n // TODO\n [key: string]: any;\n}\n\nfunction BoletoInput(props: BoletoInputProps) {\n const { i18n } = useCoreContext();\n const addressRef = useRef(null);\n const setAddressRef = ref => {\n addressRef.current = ref;\n };\n const { handleChangeFor, triggerValidation, setSchema, setData, setValid, setErrors, data, valid, errors, isValid } =\n useForm<BoletoInputDataState>({\n schema: ['firstName', 'lastName', 'socialSecurityNumber', 'billingAddress', 'shopperEmail'],\n defaultData: props.data,\n rules: boletoValidationRules,\n formatters: boletoFormatters\n });\n\n // Email field toggle\n const [showingEmail, setShowingEmail] = useState<boolean>(false);\n const toggleEmailField = () => setShowingEmail(!showingEmail);\n\n // Handle form schema updates\n useEffect(() => {\n const newSchema = [\n ...(props.personalDetailsRequired ? ['firstName', 'lastName', 'socialSecurityNumber'] : []),\n ...(props.billingAddressRequired ? ['billingAddress'] : []),\n ...(showingEmail ? ['shopperEmail'] : [])\n ];\n setSchema(newSchema);\n }, [showingEmail, props.personalDetailsRequired, props.billingAddressRequired]);\n\n const handleAddress = address => {\n setData('billingAddress', address.data);\n setValid('billingAddress', address.isValid);\n setErrors('billingAddress', address.errors);\n };\n\n const [status, setStatus] = useState('ready');\n\n /** An object by which to expose 'public' members to the parent UIElement */\n const boletoRef = useRef<ComponentMethodsRef>({});\n // Just call once\n if (!Object.keys(boletoRef.current).length) {\n props.setComponentRef?.(boletoRef.current);\n }\n\n boletoRef.current.showValidation = () => {\n triggerValidation();\n if (props.billingAddressRequired) {\n addressRef.current.showValidation();\n }\n };\n\n boletoRef.current.setStatus = setStatus;\n\n useEffect(() => {\n const billingAddressValid = props.billingAddressRequired ? Boolean(valid.billingAddress) : true;\n props.onChange({ data, valid, errors, isValid: isValid && billingAddressValid });\n }, [data, valid, errors]);\n\n const buttonModifiers = [...(!props.personalDetailsRequired && !props.billingAddressRequired && !props.showEmailAddress ? ['standalone'] : [])];\n\n const showFormInstruction = props.showFormInstruction && (props.personalDetailsRequired \|\| props.billingAddressRequired);\n\n return (\n <div className=\"adyen-checkout__boleto-input__field\">\n {showFormInstruction && <FormInstruction />}\n\n {props.personalDetailsRequired && (\n <BrazilPersonalDetail i18n={i18n} data={data} handleChangeFor={handleChangeFor} errors={errors} valid={valid} />\n )}\n\n {props.billingAddressRequired && (\n <Address\n allowedCountries={['BR']}\n label=\"billingAddress\"\n data={{ ...props.data.billingAddress, country: 'BR' }}\n onChange={handleAddress}\n requiredFields={['country', 'street', 'houseNumberOrName', 'postalCode', 'city', 'stateOrProvince']}\n setComponentRef={setAddressRef}\n />\n )}\n\n {props.showEmailAddress && (\n <SendCopyToEmail\n value={data.shopperEmail}\n errors={errors.shopperEmail}\n onToggle={toggleEmailField}\n onInput={handleChangeFor('shopperEmail', 'input')}\n onBlur={handleChangeFor('shopperEmail', 'blur')}\n />\n )}\n\n {props.showPayButton &&\n props.payButton({\n status,\n label: i18n.get('boletobancario.btnLabel'),\n classNameModifiers: buttonModifiers\n })}\n </div>\n );\n}\n\nBoletoInput.defaultProps = {\n data: {},\n showEmailAddress: true,\n personalDetailsRequired: true,\n billingAddressRequired: true,\n showFormInstruction: true\n};\n\nexport default BoletoInput;\n"],"names":["BoletoInput","props","i18n","useCoreContext","addressRef","useRef","handleChangeFor","triggerValidation","setSchema","setData","setValid","setErrors","data","valid","errors","isValid","useForm","schema","defaultData","rules","boletoValidationRules","formatters","boletoFormatters","showingEmail","setShowingEmail","useState","useEffect","newSchema","personalDetailsRequired","billingAddressRequired","status","setStatus","boletoRef","Object","keys","current","length","setComponentRef","showValidation","billingAddressValid","Boolean","billingAddress","onChange","buttonModifiers","showEmailAddress","showFormInstruction","h","div","className","FormInstruction","BrazilPersonalDetail","Address","allowedCountries","label","country","address","requiredFields","ref","SendCopyToEmail","value","shopperEmail","onToggle","onInput","onBlur","showPayButton","payButton","get","classNameModifiers","defaultProps"],"mappings":"2rBAmBA,SAASA,EAAYC,GACjB,MAAMC,KAAEA,GAASC,IACXC,EAAaC,EAAO,OAIpBC,gBAAEA,EAAeC,kBAAEA,EAAiBC,UAAEA,EAASC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GACtGC,EAA8B,CAC1BC,OAAQ,CAAC,YAAa,WAAY,uBAAwB,iBAAkB,gBAC5EC,YAAajB,EAAMW,KACnBO,MAAOC,EACPC,WAAYC,KAIbC,EAAcC,GAAmBC,GAAkB,GAI1DC,GAAU,KACN,MAAMC,EAAY,IACV1B,EAAM2B,wBAA0B,CAAC,YAAa,WAAY,wBAA0B,MACpF3B,EAAM4B,uBAAyB,CAAC,kBAAoB,MACpDN,EAAe,CAAC,gBAAkB,IAE1Cf,EAAUmB,EAAAA,GACX,CAACJ,EAActB,EAAM2B,wBAAyB3B,EAAM4B,yBAEvD,MAMOC,EAAQC,GAAaN,EAAS,SAG/BO,EAAY3B,EAA4B,CAAA,GAEzC4B,OAAOC,KAAKF,EAAUG,SAASC,QAChCnC,EAAMoC,kBAAkBL,EAAUG,SAGtCH,EAAUG,QAAQG,eAAiB,KAC/B/B,IACIN,EAAM4B,wBACNzB,EAAW+B,QAAQG,gBACvB,EAGJN,EAAUG,QAAQJ,UAAYA,EAE9BL,GAAU,KACN,MAAMa,GAAsBtC,EAAM4B,wBAAyBW,QAAQ3B,EAAM4B,gBACzExC,EAAMyC,SAAS,CAAE9B,OAAMC,QAAOC,SAAQC,QAASA,GAAWwB,GAAoB,GAC/E,CAAC3B,EAAMC,EAAOC,IAEjB,MAAM6B,EAAkB,IAAM1C,EAAM2B,yBAA4B3B,EAAM4B,wBAA2B5B,EAAM2C,iBAAoC,GAAjB,CAAC,eAErHC,EAAsB5C,EAAM4C,sBAAwB5C,EAAM2B,yBAA2B3B,EAAM4B,wBAEjG,OACIiB,EAACC,MAAAA,CAAIC,UAAU,uCACVH,GAAuBC,EAACG,EAAAA,MAExBhD,EAAM2B,yBACHkB,EAACI,EAAAA,CAAqBhD,KAAMA,EAAMU,KAAMA,EAAMN,gBAAiBA,EAAiBQ,OAAQA,EAAQD,MAAOA,IAG1GZ,EAAM4B,wBACHiB,EAACK,EAAAA,CACGC,iBAAkB,CAAC,MACnBC,MAAM,iBACNzC,KAAM,IAAKX,EAAMW,KAAK6B,eAAgBa,QAAS,MAC/CZ,SA9CMa,IAClB9C,EAAQ,iBAAkB8C,EAAQ3C,MAClCF,EAAS,iBAAkB6C,EAAQxC,SACnCJ,EAAU,iBAAkB4C,EAAQzC,OAAM,EA4C9B0C,eAAgB,CAAC,UAAW,SAAU,oBAAqB,aAAc,OAAQ,mBACjFnB,gBAzEMoB,IAClBrD,EAAW+B,QAAUsB,CAAAA,IA4EhBxD,EAAM2C,kBACHE,EAACY,EAAAA,CACGC,MAAO/C,EAAKgD,aACZ9C,OAAQA,EAAO8C,aACfC,SApES,IAAMrC,GAAiBD,GAqEhCuC,QAASxD,EAAgB,eAAgB,SACzCyD,OAAQzD,EAAgB,eAAgB,UAI/CL,EAAM+D,eACH/D,EAAMgE,UAAU,CACZnC,SACAuB,MAAOnD,EAAKgE,IAAI,2BAChBC,mBAAoBxB,IAIxC,CAEA3C,EAAYoE,aAAe,CACvBxD,KAAM,CAAC,EACPgC,kBAAkB,EAClBhB,yBAAyB,EACzBC,wBAAwB,EACxBgB,qBAAqB"}

package/dist/es/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../external/preact/dist/preact.js";import t from"../../../internal/Voucher/Voucher.js";import o from"../../../../core/Context/useCoreContext.js";import r from"../../../../core/Context/useImage.js";const a=a=>{const{i18n:n,loadingContext:c}=o(),d=r(),{reference:l,expiresAt:i,totalAmount:p,paymentMethodType:m,downloadUrl:u}=a,s=l.replace(/[^\d]/g,"").replace(/^(\d{4})(\d{5})\d{1}(\d{10})\d{1}(\d{10})\d{1}(\d{15})$/,"$1$5$2$3$4");return e(t,{reference:l,paymentMethodType:"boletobancario",barcode:`${c}barcode.shtml?data=${s}&barcodeType=BT_Int2of5A&fileType=png`,introduction:n.get("voucher.introduction"),imageUrl:d()(m),amount:p&&n.amount(p.value,p.currency),voucherDetails:[{label:n.get("voucher.expirationDate"),value:n.date(i)}],downloadUrl:u,copyBtn:!0})};export{a as default};
+import{createElement as e}from"../../../../external/preact/dist/preact.js";import o from"../../../internal/Voucher/Voucher.js";import{useCoreContext as t}from"../../../../core/Context/CoreProvider.js";import r from"../../../../core/Context/useImage.js";const a=a=>{const{i18n:n,loadingContext:d}=t(),c=r(),{reference:l,expiresAt:i,totalAmount:p,paymentMethodType:m,downloadUrl:u}=a,s=l.replace(/[^\d]/g,"").replace(/^(\d{4})(\d{5})\d{1}(\d{10})\d{1}(\d{10})\d{1}(\d{15})$/,"$1$5$2$3$4");return e(o,{reference:l,paymentMethodType:"boletobancario",barcode:`${d}barcode.shtml?data=${s}&barcodeType=BT_Int2of5A&fileType=png`,introduction:n.get("voucher.introduction"),imageUrl:c()(m),amount:p&&n.amount(p.value,p.currency),voucherDetails:[{label:n.get("voucher.expirationDate"),value:n.date(i)}],downloadUrl:u,copyBtn:!0})};export{a as default};
 //# sourceMappingURL=BoletoVoucherResult.js.map

package/dist/es/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BoletoVoucherResult.js","sources":["../../../../../../src/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Voucher from '../../../internal/Voucher';\n\nimport useCoreContext from '../../../../core/Context/~~useCoreContext~~';\nimport './BoletoVoucherResult.scss';\nimport { VoucherDetail } from '../../../internal/Voucher/types';\nimport useImage from '../../../../core/Context/useImage';\n\nconst BoletoVoucherResult = props => {\n const { i18n, loadingContext } = useCoreContext();\n const getImage = useImage();\n const { reference, expiresAt, totalAmount, paymentMethodType, downloadUrl } = props;\n const barcodeReference = reference.replace(/[^\\d]/g, '').replace(/^(\\d{4})(\\d{5})\\d{1}(\\d{10})\\d{1}(\\d{10})\\d{1}(\\d{15})$/, '$1$5$2$3$4');\n const barcodeUrl = `${loadingContext}barcode.shtml?data=${barcodeReference}&barcodeType=BT_Int2of5A&fileType=png`;\n\n return (\n <Voucher\n reference={reference}\n paymentMethodType={'boletobancario'}\n barcode={barcodeUrl}\n introduction={i18n.get('voucher.introduction')}\n imageUrl={getImage()(paymentMethodType)}\n amount={totalAmount && i18n.amount(totalAmount.value, totalAmount.currency)}\n voucherDetails={[{ label: i18n.get('voucher.expirationDate'), value: i18n.date(expiresAt) }] as VoucherDetail[]}\n downloadUrl={downloadUrl}\n copyBtn\n />\n );\n};\n\nexport default BoletoVoucherResult;\n"],"names":["BoletoVoucherResult","props","i18n","loadingContext","useCoreContext","getImage","useImage","reference","expiresAt","totalAmount","paymentMethodType","downloadUrl","barcodeReference","replace","h","Voucher","barcode","introduction","get","imageUrl","amount","value","currency","voucherDetails","label","date","copyBtn"],"mappings":"~~6OAQA~~,MAAMA,EAAsBC,IACxB,MAAMC,KAAEA,EAAIC,eAAEA,GAAmBC,IAC3BC,EAAWC,KACXC,UAAEA,EAASC,UAAEA,EAASC,YAAEA,EAAWC,kBAAEA,EAAiBC,YAAEA,GAAgBV,EACxEW,EAAmBL,EAAUM,QAAQ,SAAU,IAAIA,QAAQ,0DAA2D,cAG5H,OACIC,EAACC,EAAAA,CACGR,UAAWA,EACXG,kBAAmB,iBACnBM,QANW,GAAGb,uBAAoCS,yCAOlDK,aAAcf,EAAKgB,IAAI,wBACvBC,SAAUd,IAAWK,GACrBU,OAAQX,GAAeP,EAAKkB,OAAOX,EAAYY,MAAOZ,EAAYa,UAClEC,eAAgB,CAAC,CAAEC,MAAOtB,EAAKgB,IAAI,0BAA2BG,MAAOnB,EAAKuB,KAAKjB,KAC/EG,YAAaA,EACbe,SAAAA"}
1	+ {"version":3,"file":"BoletoVoucherResult.js","sources":["../../../../../../src/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.tsx"],"sourcesContent":["import { h } from 'preact';\nimport Voucher from '../../../internal/Voucher';\n\nimport { useCoreContext } from '../../../../core/Context/CoreProvider';\nimport './BoletoVoucherResult.scss';\nimport { VoucherDetail } from '../../../internal/Voucher/types';\nimport useImage from '../../../../core/Context/useImage';\n\nconst BoletoVoucherResult = props => {\n const { i18n, loadingContext } = useCoreContext();\n const getImage = useImage();\n const { reference, expiresAt, totalAmount, paymentMethodType, downloadUrl } = props;\n const barcodeReference = reference.replace(/[^\\d]/g, '').replace(/^(\\d{4})(\\d{5})\\d{1}(\\d{10})\\d{1}(\\d{10})\\d{1}(\\d{15})$/, '$1$5$2$3$4');\n const barcodeUrl = `${loadingContext}barcode.shtml?data=${barcodeReference}&barcodeType=BT_Int2of5A&fileType=png`;\n\n return (\n <Voucher\n reference={reference}\n paymentMethodType={'boletobancario'}\n barcode={barcodeUrl}\n introduction={i18n.get('voucher.introduction')}\n imageUrl={getImage()(paymentMethodType)}\n amount={totalAmount && i18n.amount(totalAmount.value, totalAmount.currency)}\n voucherDetails={[{ label: i18n.get('voucher.expirationDate'), value: i18n.date(expiresAt) }] as VoucherDetail[]}\n downloadUrl={downloadUrl}\n copyBtn\n />\n );\n};\n\nexport default BoletoVoucherResult;\n"],"names":["BoletoVoucherResult","props","i18n","loadingContext","useCoreContext","getImage","useImage","reference","expiresAt","totalAmount","paymentMethodType","downloadUrl","barcodeReference","replace","h","Voucher","barcode","introduction","get","imageUrl","amount","value","currency","voucherDetails","label","date","copyBtn"],"mappings":"6PAQA,MAAMA,EAAsBC,IACxB,MAAMC,KAAEA,EAAIC,eAAEA,GAAmBC,IAC3BC,EAAWC,KACXC,UAAEA,EAASC,UAAEA,EAASC,YAAEA,EAAWC,kBAAEA,EAAiBC,YAAEA,GAAgBV,EACxEW,EAAmBL,EAAUM,QAAQ,SAAU,IAAIA,QAAQ,0DAA2D,cAG5H,OACIC,EAACC,EAAAA,CACGR,UAAWA,EACXG,kBAAmB,iBACnBM,QANW,GAAGb,uBAAoCS,yCAOlDK,aAAcf,EAAKgB,IAAI,wBACvBC,SAAUd,IAAWK,GACrBU,OAAQX,GAAeP,EAAKkB,OAAOX,EAAYY,MAAOZ,EAAYa,UAClEC,eAAgB,CAAC,CAAEC,MAAOtB,EAAKgB,IAAI,0BAA2BG,MAAOnB,EAAKuB,KAAKjB,KAC/EG,YAAaA,EACbe,SAAAA"}

package/dist/es/components/Card/Bancontact.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{CardElement as t}from"./Card.js";import{CVC_POLICY_HIDDEN as r}from"../internal/SecuredFields/lib/configuration/constants.js";import{TxVariants as o}from"../tx-variants.js";class s extends t{static type=o.bcmc;constructor(t,r){super(t,r)}static defaultProps={...t.defaultProps,brands:["bcmc","maestro","visa"]};formatData(){const t=super.formatData();return t.paymentMethod.type=this.constructor.type,t}formatProps(t){return{...super.formatProps(t),type:o.bcmc,brand:o.bcmc,cvcPolicy:r}}onBrand=t=>{this.props.onBrand&&this.props.onBrand(t)}}export{s as default};
+import{CardElement as t}from"./Card.js";import{CVC_POLICY_HIDDEN as r}from"../internal/SecuredFields/lib/constants.js";import{TxVariants as s}from"../tx-variants.js";class o extends t{static type=s.bcmc;constructor(t,r){super(t,r)}static defaultProps={...t.defaultProps,brands:["bcmc","maestro","visa"]};formatData(){const t=super.formatData();return t.paymentMethod.type=this.constructor.type,t}formatProps(t){return{...super.formatProps(t),type:s.bcmc,brand:s.bcmc,cvcPolicy:r}}onBrand=t=>{this.props.onBrand&&this.props.onBrand(t)}}export{o as default};
 //# sourceMappingURL=Bancontact.js.map

package/dist/es/components/Card/Bancontact.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Bancontact.js","sources":["../../../../src/components/Card/Bancontact.ts"],"sourcesContent":["import { CardElement } from './Card';\nimport { CardElementData, CardConfiguration } from './types';\nimport { CVC_POLICY_HIDDEN } from '../internal/SecuredFields/lib/~~configuration/~~constants';\nimport { TxVariants } from '../tx-variants';\nimport type { ICore } from '../../core/types';\n\nclass BancontactElement extends CardElement {\n public static type = TxVariants.bcmc;\n\n constructor(checkout: ICore, props?: CardConfiguration) {\n super(checkout, props);\n }\n\n protected static defaultProps = {\n ...CardElement.defaultProps,\n brands: ['bcmc', 'maestro', 'visa']\n };\n\n formatData(): CardElementData {\n const data = super.formatData();\n data.paymentMethod.type = this.constructor['type'];\n return data;\n }\n\n /*\n Now that the Bancontact (BCMC) Card component can accept a number dual branded with Visa (which requires a CVC) it has to be handled differently\n * at creation time (no automatic removing of the CVC securedField).\n * At the same time we can't treat it as a regular 'card' component - because it needs to hide the CVC field at at startup,\n * as well as show the BCMC logo in the number field and ignore any of the internal, regEx driven, brand detection.\n /\n formatProps(props: CardConfiguration) {\n return {\n ...super.formatProps(props),\n /\n Force type (only for the Dropin is type automatically set to 'bcmc')\n * - this will bypass the regEx brand detection that SF normally tries to carry out when the first few digits are entered in the PAN\n */\n type: TxVariants.bcmc,\n brand: TxVariants.bcmc,\n cvcPolicy: CVC_POLICY_HIDDEN\n };\n }\n\n // Disable internal event.emit() for Bancontact\n public onBrand = event => {\n if (this.props.onBrand) this.props.onBrand(event);\n };\n}\n\nexport default BancontactElement;\n"],"names":["BancontactElement","CardElement","static","TxVariants","bcmc","constructor","checkout","props","super","defaultProps","brands","formatData","data","paymentMethod","type","this","formatProps","brand","cvcPolicy","CVC_POLICY_HIDDEN","onBrand","event"],"mappings":"~~oLAMA~~,MAAMA,UAA0BC,EAC5BC,YAAqBC,EAAWC,KAEhCC,WAAAA,CAAYC,EAAiBC,GACzBC,MAAMF,EAAUC,EACpB,CAEAL,oBAAgC,IACzBD,EAAYQ,aACfC,OAAQ,CAAC,OAAQ,UAAW,SAGhCC,UAAAA,GACI,MAAMC,EAAOJ,MAAMG,aAEnB,OADAC,EAAKC,cAAcC,KAAOC,KAAKV,YAAmB,KAC3CO,CACX,CAQAI,WAAAA,CAAYT,GACR,MAAO,IACAC,MAAMQ,YAAYT,GAKrBO,KAAMX,EAAWC,KACjBa,MAAOd,EAAWC,KAClBc,UAAWC,EAEnB,CAGOC,QAAUC,IACTN,KAAKR,MAAMa,SAASL,KAAKR,MAAMa,QAAQC,EAAAA"}
1	+ {"version":3,"file":"Bancontact.js","sources":["../../../../src/components/Card/Bancontact.ts"],"sourcesContent":["import { CardElement } from './Card';\nimport { CardElementData, CardConfiguration } from './types';\nimport { CVC_POLICY_HIDDEN } from '../internal/SecuredFields/lib/constants';\nimport { TxVariants } from '../tx-variants';\nimport type { ICore } from '../../core/types';\n\nclass BancontactElement extends CardElement {\n public static type = TxVariants.bcmc;\n\n constructor(checkout: ICore, props?: CardConfiguration) {\n super(checkout, props);\n }\n\n protected static defaultProps = {\n ...CardElement.defaultProps,\n brands: ['bcmc', 'maestro', 'visa']\n };\n\n formatData(): CardElementData {\n const data = super.formatData();\n data.paymentMethod.type = this.constructor['type'];\n return data;\n }\n\n /*\n Now that the Bancontact (BCMC) Card component can accept a number dual branded with Visa (which requires a CVC) it has to be handled differently\n * at creation time (no automatic removing of the CVC securedField).\n * At the same time we can't treat it as a regular 'card' component - because it needs to hide the CVC field at at startup,\n * as well as show the BCMC logo in the number field and ignore any of the internal, regEx driven, brand detection.\n /\n formatProps(props: CardConfiguration) {\n return {\n ...super.formatProps(props),\n /\n Force type (only for the Dropin is type automatically set to 'bcmc')\n * - this will bypass the regEx brand detection that SF normally tries to carry out when the first few digits are entered in the PAN\n */\n type: TxVariants.bcmc,\n brand: TxVariants.bcmc,\n cvcPolicy: CVC_POLICY_HIDDEN\n };\n }\n\n // Disable internal event.emit() for Bancontact\n public onBrand = event => {\n if (this.props.onBrand) this.props.onBrand(event);\n };\n}\n\nexport default BancontactElement;\n"],"names":["BancontactElement","CardElement","static","TxVariants","bcmc","constructor","checkout","props","super","defaultProps","brands","formatData","data","paymentMethod","type","this","formatProps","brand","cvcPolicy","CVC_POLICY_HIDDEN","onBrand","event"],"mappings":"sKAMA,MAAMA,UAA0BC,EAC5BC,YAAqBC,EAAWC,KAEhCC,WAAAA,CAAYC,EAAiBC,GACzBC,MAAMF,EAAUC,EACpB,CAEAL,oBAAgC,IACzBD,EAAYQ,aACfC,OAAQ,CAAC,OAAQ,UAAW,SAGhCC,UAAAA,GACI,MAAMC,EAAOJ,MAAMG,aAEnB,OADAC,EAAKC,cAAcC,KAAOC,KAAKV,YAAmB,KAC3CO,CACX,CAQAI,WAAAA,CAAYT,GACR,MAAO,IACAC,MAAMQ,YAAYT,GAKrBO,KAAMX,EAAWC,KACjBa,MAAOd,EAAWC,KAClBc,UAAWC,EAEnB,CAGOC,QAAUC,IACTN,KAAKR,MAAMa,SAASL,KAAKR,MAAMa,QAAQC,EAAAA"}

package/dist/es/components/Card/Card.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../external/preact/dist/preact.js";import o from"./components/CardInput/CardInput.js";import e from"../../core/Context/CoreProvider.js";import s from"../../utils/browserInfo.js";import r from"../internal/SecuredFields/binLookup/triggerBinLookUp.js";import{reject as i,fieldTypeToSnakeCase as n}from"../internal/SecuredFields/utils.js";import{hasValidInstallmentsObject as a}from"./components/CardInput/utils.js";import p from"../internal/ClickToPay/services/create-clicktopay-service.js";import c from"./components/ClickToPayWrapper.js";import u from"../../core/Errors/SRPanelProvider.js";import{TxVariants as l}from"../tx-variants.js";import{UIElement as d}from"../internal/UIElement/UIElement.js";import h from"../internal/PayButton/PayButton.js";import{ANALYTICS_RENDERED_STR as m,ANALYTICS_CONFIGURED_STR as y,ANALYTICS_FOCUS_STR as f,ANALYTICS_UNFOCUS_STR as b,ANALYTICS_VALIDATION_ERROR_STR as g}from"../../core/Analytics/constants.js";import{ALL_SECURED_FIELDS as C}from"../internal/SecuredFields/lib/configuration/constants.js";import{hasOwnProperty as P}from"../../utils/hasOwnProperty.js";import S,{IMPLEMENTATION_ERROR as k}from"../../core/Errors/AdyenCheckoutError.js";import{getErrorMessageFromCode as T}from"../../core/Errors/utils.js";import{SF_ErrorCodes as B}from"../../core/Errors/constants.js";class R extends d{static type=l.scheme;clickToPayService;clickToPayRef=null;constructor(t,o){super(t,o),o&&!o._disableClickToPay&&(this.clickToPayService=p(this.props.configuration,this.props.clickToPayConfiguration,this.props.environment),this.clickToPayService?.initialize())}static defaultProps={onBinLookup:()=>{},showFormInstruction:!0,_disableClickToPay:!1};setStatus(t,o){return this.componentRef?.setStatus&&this.componentRef.setStatus(t,o),this.clickToPayRef?.setStatus&&this.clickToPayRef.setStatus(t,o),this}setClickToPayRef=t=>{this.clickToPayRef=t};formatProps(t){const o=t.session?.configuration?.enableStoreDetails??t.enableStoreDetails,e=!(0===t.amount?.value)&&o,s=t.storedPaymentMethodId||t.id,r=s&&t?.supportedShopperInteractions?.includes("Ecommerce");if(s&&!r)throw new S(k,"You are trying to create a storedCard from a stored PM that does not support Ecommerce interactions");return{...t,holderNameRequired:!!t.hasHolderName&&t.holderNameRequired,hasCVC:!(t.brand&&"bcmc"===t.brand||t.hideCVC),billingAddressRequired:!t.storedPaymentMethodId&&t.billingAddressRequired,brand:t.brand??l.card,countryCode:t.countryCode?t.countryCode.toLowerCase():null,configuration:{...t.configuration,socialSecurityNumberMode:t.configuration?.socialSecurityNumberMode??"auto"},brandsConfiguration:t.brandsConfiguration||t.configuration?.brandsConfiguration||{},icon:t.icon||t.configuration?.icon,installmentOptions:t.session?.configuration?.installmentOptions||t.installmentOptions,enableStoreDetails:o,showStoreDetailsCheckbox:e,clickToPayConfiguration:{...t.clickToPayConfiguration,disableOtpAutoFocus:t.clickToPayConfiguration?.disableOtpAutoFocus||!1,shopperEmail:t.clickToPayConfiguration?.shopperEmail||this.core.options?.session?.shopperEmail,telephoneNumber:t.clickToPayConfiguration?.telephoneNumber||this.core.options?.session?.telephoneNumber,locale:t.clickToPayConfiguration?.locale||t.i18n?.locale?.replace("-","_")},...s&&{storedPaymentMethodId:s}}}formatData(){const t=this.state.selectedBrandValue;return{paymentMethod:{type:R.type,...this.state.data,...this.props.storedPaymentMethodId&&{storedPaymentMethodId:this.props.storedPaymentMethodId},...t&&{brand:t},...this.props.fundingSource&&{fundingSource:this.props.fundingSource}},...this.state.billingAddress&&{billingAddress:this.state.billingAddress},...this.state.socialSecurityNumber&&{socialSecurityNumber:this.state.socialSecurityNumber},...this.storePaymentMethodPayload,...a(this.state.installments)&&{installments:this.state.installments},browserInfo:this.browserInfo,origin:!!window&&window.location.origin}}updateStyles(t){return this.componentRef?.updateStyles&&this.componentRef.updateStyles(t),this}setFocusOn(t){return this.componentRef?.setFocusOn&&this.componentRef.setFocusOn(t),this}onBrand=t=>{this.props.onBrand?.(t)};processBinLookupResponse(t,o=!1){return this.componentRef?.processBinLookupResponse&&this.componentRef.processBinLookupResponse(t,o),this}handleUnsupportedCard(t){return this.componentRef?.handleUnsupportedCard&&this.componentRef.handleUnsupportedCard(t),this}handleClickToPaySubmit=t=>{this.setState({data:{...t},valid:{},errors:{},isValid:!0}),this.submit()};onBinLookup(t){if(!t.isReset){const o=i("supportedBrandsRaw").from(t);this.props.onBinLookup(o)}}submitAnalytics(t){const{type:o}=t;o!==m&&o!==y||"scheme"===this.constructor.type&&P(this.props,"supportedShopperInteractions")&&(t.isStoredPaymentMethod=!0,t.brand=this.props.brand),super.submitAnalytics(t)}onConfigSuccess=t=>{this.submitAnalytics({type:y}),this.props.onConfigSuccess?.(t)};onFocus=t=>{this.submitAnalytics({type:f,target:n(t.fieldType)}),C.includes(t.fieldType)?this.props.onFocus?.(t.event):this.props.onFocus?.(t)};onBlur=t=>{this.submitAnalytics({type:b,target:n(t.fieldType)}),C.includes(t.fieldType)?this.props.onBlur?.(t.event):this.props.onBlur?.(t)};onValidationErrorAnalytics=t=>{this.submitAnalytics({type:g,target:n(t.fieldType),validationErrorCode:t.errorCode,validationErrorMessage:T(t.errorCode,B)})};onBinValue=r(this);get storePaymentMethodPayload(){if(this.props.storedPaymentMethodId?.length>0)return{};if(0===this.props.amount?.value)return this.props.enableStoreDetails?{storePaymentMethod:!0}:{};return this.props.showStoreDetailsCheckbox&&void 0!==this.state.storePaymentMethod?{storePaymentMethod:Boolean(this.state.storePaymentMethod)}:{}}get isValid(){return!!this.state.isValid}get icon(){return this.props.icon??this.resources.getImage()(this.props.brand)}get brands(){const{brands:t,brandsConfiguration:o}=this.props;return t?t.map((t=>({icon:o[t]?.icon??this.props.modules.resources.getImage()(t),name:t}))):[]}get displayName(){return this.props.storedPaymentMethodId?`•••• ${this.props.lastFour}`:this.props.name||R.type}get accessibleName(){return(this.props.name||R.type)+(this.props.storedPaymentMethodId?" "+this.props.i18n.get("creditCard.storedCard.description.ariaLabel").replace("%@",this.props.lastFour):"")}get browserInfo(){return s()}payButton=o=>{const e=0===this.props.amount?.value,s=this.props.storedPaymentMethodId?.length>0;return t(h,{...o,amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,label:e&&!s?this.props.i18n.get("payButton.saveDetails"):"",onClick:this.submit})};renderCardInput(e=!0){return t(o,{setComponentRef:this.setComponentRef,...this.props,...this.state,onChange:this.setState,onSubmit:this.submit,payButton:this.payButton,onBrand:this.onBrand,onBinValue:this.onBinValue,brand:this.props.brand,brandsIcons:this.brands,isPayButtonPrimaryVariant:e,resources:this.resources,onFocus:this.onFocus,onBlur:this.onBlur,onValidationErrorAnalytics:this.onValidationErrorAnalytics,onConfigSuccess:this.onConfigSuccess})}render(){return t(e,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(u,{srPanel:this.props.modules.srPanel},t(c,{amount:this.props.amount,configuration:this.props.clickToPayConfiguration,clickToPayService:this.clickToPayService,isStandaloneComponent:!1,setClickToPayRef:this.setClickToPayRef,onSetStatus:this.setElementStatus,onSubmit:this.handleClickToPaySubmit,onError:this.handleError},(t=>this.renderCardInput(t)))))}}export{R as CardElement,R as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import o from"./components/CardInput/CardInput.js";import{CoreProvider as e}from"../../core/Context/CoreProvider.js";import s from"../../utils/browserInfo.js";import r from"../internal/SecuredFields/binLookup/triggerBinLookUp.js";import{reject as i,fieldTypeToSnakeCase as n}from"../internal/SecuredFields/utils.js";import{hasValidInstallmentsObject as a}from"./components/CardInput/utils.js";import p from"../internal/ClickToPay/services/create-clicktopay-service.js";import c from"./components/ClickToPayWrapper.js";import l from"../../core/Errors/SRPanelProvider.js";import{TxVariants as u}from"../tx-variants.js";import{UIElement as d}from"../internal/UIElement/UIElement.js";import h from"../internal/PayButton/PayButton.js";import{ANALYTICS_RENDERED_STR as m,ANALYTICS_CONFIGURED_STR as y,ANALYTICS_FOCUS_STR as f,ANALYTICS_UNFOCUS_STR as b,ANALYTICS_VALIDATION_ERROR_STR as g}from"../../core/Analytics/constants.js";import{ALL_SECURED_FIELDS as C}from"../internal/SecuredFields/lib/constants.js";import{hasOwnProperty as P}from"../../utils/hasOwnProperty.js";import S,{IMPLEMENTATION_ERROR as k}from"../../core/Errors/AdyenCheckoutError.js";import{getErrorMessageFromCode as T}from"../../core/Errors/utils.js";import{SF_ErrorCodes as B}from"../../core/Errors/constants.js";class R extends d{static type=u.scheme;clickToPayService;clickToPayRef=null;constructor(t,o){super(t,o),o&&!o._disableClickToPay&&(this.clickToPayService=p(this.props.configuration,this.props.clickToPayConfiguration,this.props.environment),this.clickToPayService?.initialize())}static defaultProps={onBinLookup:()=>{},showFormInstruction:!0,_disableClickToPay:!1};setStatus(t,o){return this.componentRef?.setStatus&&this.componentRef.setStatus(t,o),this.clickToPayRef?.setStatus&&this.clickToPayRef.setStatus(t,o),this}setClickToPayRef=t=>{this.clickToPayRef=t};formatProps(t){const o=t.session?.configuration?.enableStoreDetails??t.enableStoreDetails,e=!(0===t.amount?.value)&&o,s=t.storedPaymentMethodId||t.id,r=s&&t?.supportedShopperInteractions?.includes("Ecommerce");if(s&&!r)throw new S(k,"You are trying to create a storedCard from a stored PM that does not support Ecommerce interactions");return{...t,holderNameRequired:!!t.hasHolderName&&t.holderNameRequired,hasCVC:!(t.brand&&"bcmc"===t.brand||t.hideCVC),billingAddressRequired:!t.storedPaymentMethodId&&t.billingAddressRequired,brand:t.brand??u.card,countryCode:t.countryCode?t.countryCode.toLowerCase():null,configuration:{...t.configuration,socialSecurityNumberMode:t.configuration?.socialSecurityNumberMode??"auto"},brandsConfiguration:t.brandsConfiguration||t.configuration?.brandsConfiguration||{},icon:t.icon||t.configuration?.icon,installmentOptions:t.session?.configuration?.installmentOptions||t.installmentOptions,enableStoreDetails:o,showStoreDetailsCheckbox:e,clickToPayConfiguration:{...t.clickToPayConfiguration,disableOtpAutoFocus:t.clickToPayConfiguration?.disableOtpAutoFocus||!1,shopperEmail:t.clickToPayConfiguration?.shopperEmail||this.core.options?.session?.shopperEmail,telephoneNumber:t.clickToPayConfiguration?.telephoneNumber||this.core.options?.session?.telephoneNumber,locale:t.clickToPayConfiguration?.locale||t.i18n?.locale?.replace("-","_")},...s&&{storedPaymentMethodId:s}}}formatData(){const t=this.state.selectedBrandValue;return{paymentMethod:{type:R.type,...this.state.data,...this.props.storedPaymentMethodId&&{storedPaymentMethodId:this.props.storedPaymentMethodId},...t&&{brand:t},...this.props.fundingSource&&{fundingSource:this.props.fundingSource}},...this.state.billingAddress&&{billingAddress:this.state.billingAddress},...this.state.socialSecurityNumber&&{socialSecurityNumber:this.state.socialSecurityNumber},...this.storePaymentMethodPayload,...a(this.state.installments)&&{installments:this.state.installments},browserInfo:this.browserInfo,origin:!!window&&window.location.origin}}updateStyles(t){return this.componentRef?.updateStyles&&this.componentRef.updateStyles(t),this}setFocusOn(t){return this.componentRef?.setFocusOn&&this.componentRef.setFocusOn(t),this}onBrand=t=>{this.props.onBrand?.(t)};processBinLookupResponse(t,o=!1){return this.componentRef?.processBinLookupResponse&&this.componentRef.processBinLookupResponse(t,o),this}handleUnsupportedCard(t){return this.componentRef?.handleUnsupportedCard&&this.componentRef.handleUnsupportedCard(t),this}handleClickToPaySubmit=t=>{this.setState({data:{...t},valid:{},errors:{},isValid:!0}),this.submit()};onBinLookup(t){if(!t.isReset){const o=i("supportedBrandsRaw").from(t);this.props.onBinLookup(o)}}submitAnalytics(t){const{type:o}=t;o!==m&&o!==y||"scheme"===this.constructor.type&&P(this.props,"supportedShopperInteractions")&&(t.isStoredPaymentMethod=!0,t.brand=this.props.brand),super.submitAnalytics(t)}onConfigSuccess=t=>{this.submitAnalytics({type:y}),this.props.onConfigSuccess?.(t)};onFocus=t=>{this.submitAnalytics({type:f,target:n(t.fieldType)}),C.includes(t.fieldType)?this.props.onFocus?.(t.event):this.props.onFocus?.(t)};onBlur=t=>{this.submitAnalytics({type:b,target:n(t.fieldType)}),C.includes(t.fieldType)?this.props.onBlur?.(t.event):this.props.onBlur?.(t)};onValidationErrorAnalytics=t=>{this.submitAnalytics({type:g,target:n(t.fieldType),validationErrorCode:t.errorCode,validationErrorMessage:T(t.errorCode,B)})};onBinValue=r(this);get storePaymentMethodPayload(){if(this.props.storedPaymentMethodId?.length>0)return{};if(0===this.props.amount?.value)return this.props.enableStoreDetails?{storePaymentMethod:!0}:{};return this.props.showStoreDetailsCheckbox&&void 0!==this.state.storePaymentMethod?{storePaymentMethod:Boolean(this.state.storePaymentMethod)}:{}}get isValid(){return!!this.state.isValid}get icon(){return this.props.icon??this.resources.getImage()(this.props.brand)}get brands(){const{brands:t,brandsConfiguration:o}=this.props;return t?t.map((t=>({icon:o[t]?.icon??this.props.modules.resources.getImage()(t),name:t}))):[]}get displayName(){return this.props.storedPaymentMethodId?`•••• ${this.props.lastFour}`:this.props.name||R.type}get accessibleName(){return(this.props.name||R.type)+(this.props.storedPaymentMethodId?" "+this.props.i18n.get("creditCard.storedCard.description.ariaLabel").replace("%@",this.props.lastFour):"")}get browserInfo(){return s()}payButton=o=>{const e=0===this.props.amount?.value,s=this.props.storedPaymentMethodId?.length>0;return t(h,{...o,amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,label:e&&!s?this.props.i18n.get("payButton.saveDetails"):"",onClick:this.submit})};renderCardInput(e=!0){return t(o,{setComponentRef:this.setComponentRef,...this.props,...this.state,onChange:this.setState,onSubmit:this.submit,payButton:this.payButton,onBrand:this.onBrand,onBinValue:this.onBinValue,brand:this.props.brand,brandsIcons:this.brands,isPayButtonPrimaryVariant:e,resources:this.resources,onFocus:this.onFocus,onBlur:this.onBlur,onValidationErrorAnalytics:this.onValidationErrorAnalytics,onConfigSuccess:this.onConfigSuccess})}render(){return t(e,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(l,{srPanel:this.props.modules.srPanel},t(c,{amount:this.props.amount,configuration:this.props.clickToPayConfiguration,clickToPayService:this.clickToPayService,isStandaloneComponent:!1,setClickToPayRef:this.setClickToPayRef,onSetStatus:this.setElementStatus,onSubmit:this.handleClickToPaySubmit,onError:this.handleError},(t=>this.renderCardInput(t)))))}}export{R as CardElement,R as default};
 //# sourceMappingURL=Card.js.map

package/dist/es/components/Card/Card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { h } from 'preact';\nimport CardInput from './components/CardInput';\nimport CoreProvider from '../../core/Context/CoreProvider';\nimport collectBrowserInfo from '../../utils/browserInfo';\nimport { BinLookupResponse, CardElementData, CardConfiguration } from './types';\nimport triggerBinLookUp from '../internal/SecuredFields/binLookup/triggerBinLookUp';\nimport { CbObjOnBinLookup, CbObjOnConfigSuccess, CbObjOnFocus } from '../internal/SecuredFields/lib/types';\nimport { fieldTypeToSnakeCase, reject } from '../internal/SecuredFields/utils';\nimport { hasValidInstallmentsObject } from './components/CardInput/utils';\nimport createClickToPayService from '../internal/ClickToPay/services/create-clicktopay-service';\nimport { ClickToPayCheckoutPayload, IClickToPayService } from '../internal/ClickToPay/services/types';\nimport ClickToPayWrapper from './components/ClickToPayWrapper';\nimport { ComponentFocusObject } from '../../types/global-types';\nimport SRPanelProvider from '../../core/Errors/SRPanelProvider';\nimport { TxVariants } from '../tx-variants';\nimport { UIElementStatus } from '../internal/UIElement/types';\nimport UIElement from '../internal/UIElement';\nimport PayButton from '../internal/PayButton';\nimport { PayButtonProps } from '../internal/PayButton/PayButton';\nimport type { ICore } from '../../core/types';\nimport {\n ANALYTICS_FOCUS_STR,\n ANALYTICS_CONFIGURED_STR,\n ANALYTICS_UNFOCUS_STR,\n ANALYTICS_VALIDATION_ERROR_STR,\n ANALYTICS_RENDERED_STR\n} from '../../core/Analytics/constants';\nimport { ALL_SECURED_FIELDS } from '../internal/SecuredFields/lib/configuration/constants';\nimport { FieldErrorAnalyticsObject, SendAnalyticsObject } from '../../core/Analytics/types';\nimport { hasOwnProperty } from '../../utils/hasOwnProperty';\nimport AdyenCheckoutError, { IMPLEMENTATION_ERROR } from '../../core/Errors/AdyenCheckoutError';\nimport { getErrorMessageFromCode } from '../../core/Errors/utils';\nimport { SF_ErrorCodes } from '../../core/Errors/constants';\n\nexport class CardElement extends UIElement<CardConfiguration> {\n public static type = TxVariants.scheme;\n\n private readonly clickToPayService: IClickToPayService \| null;\n\n /*\n Reference to the 'ClickToPayComponent'\n /\n private clickToPayRef = null;\n\n constructor(checkout: ICore, props?: CardConfiguration) {\n super(checkout, props);\n\n if (props && !props._disableClickToPay) {\n this.clickToPayService = createClickToPayService(this.props.configuration, this.props.clickToPayConfiguration, this.props.environment);\n this.clickToPayService?.initialize();\n }\n }\n\n protected static defaultProps = {\n onBinLookup: () => {},\n showFormInstruction: true,\n _disableClickToPay: false\n };\n\n public setStatus(status: UIElementStatus, props?): this {\n if (this.componentRef?.setStatus) {\n this.componentRef.setStatus(status, props);\n }\n if (this.clickToPayRef?.setStatus) {\n this.clickToPayRef.setStatus(status, props);\n }\n return this;\n }\n\n private setClickToPayRef = ref => {\n this.clickToPayRef = ref;\n };\n\n formatProps(props: CardConfiguration) {\n // The value from a session should be used, before falling back to the merchant configuration\n const enableStoreDetails = props.session?.configuration?.enableStoreDetails ?? props.enableStoreDetails;\n\n const isZeroAuth = props.amount?.value === 0;\n const showStoreDetailsCheckbox = isZeroAuth ? false : enableStoreDetails;\n\n const storedCardID = props.storedPaymentMethodId \|\| props.id; // check if we've been passed a (checkout) processed storedCard or one that merchant has pulled from the PMs response\n const isEcommerceStoredCard = storedCardID && props?.supportedShopperInteractions?.includes('Ecommerce'); // If we have a storedCard does it support Ecommerce (it might not if the merchant has pulled it from the PMs response)\n\n // If we have a storedPM but it doesn't support Ecommerce - we can't make a storedCard component from it\n if (storedCardID && !isEcommerceStoredCard) {\n // TODO - Decide if an error is too severe? Would a console.warning suffice?\n throw new AdyenCheckoutError(\n IMPLEMENTATION_ERROR,\n 'You are trying to create a storedCard from a stored PM that does not support Ecommerce interactions'\n );\n }\n\n return {\n ...props,\n // Mismatch between hasHolderName & holderNameRequired which can mean card can never be valid\n holderNameRequired: !props.hasHolderName ? false : props.holderNameRequired,\n // False for stored* BCMC cards & if merchant explicitly wants to hide the CVC field\n hasCVC: !((props.brand && props.brand === 'bcmc') \|\| props.hideCVC),\n // billingAddressRequired only available for non-stored cards\n billingAddressRequired: props.storedPaymentMethodId ? false : props.billingAddressRequired,\n // ...(props.brands && !props.groupTypes && { groupTypes: props.brands }),\n /** props.brand will be specified in the case of a StoredCard or a Bancontact component, for a regular Card we default it to 'card' /\n brand: props.brand ?? TxVariants.card,\n countryCode: props.countryCode ? props.countryCode.toLowerCase() : null,\n // Required for transition period (until configuration object becomes the norm)\n // - if merchant has defined value directly in props, use this instead\n configuration: {\n ...props.configuration,\n socialSecurityNumberMode: props.configuration?.socialSecurityNumberMode ?? 'auto'\n },\n brandsConfiguration: props.brandsConfiguration \|\| props.configuration?.brandsConfiguration \|\| {},\n icon: props.icon \|\| props.configuration?.icon,\n // installmentOptions of a session should be used before falling back to the merchant configuration\n installmentOptions: props.session?.configuration?.installmentOptions \|\| props.installmentOptions,\n enableStoreDetails,\n showStoreDetailsCheckbox,\n /\n Click to Pay configuration\n * - If email is set explicitly in the configuration, then it can override the one used in the session creation\n /\n clickToPayConfiguration: {\n ...props.clickToPayConfiguration,\n disableOtpAutoFocus: props.clickToPayConfiguration?.disableOtpAutoFocus \|\| false,\n shopperEmail: props.clickToPayConfiguration?.shopperEmail \|\| this.core.options?.session?.shopperEmail,\n telephoneNumber: props.clickToPayConfiguration?.telephoneNumber \|\| this.core.options?.session?.telephoneNumber,\n locale: props.clickToPayConfiguration?.locale \|\| props.i18n?.locale?.replace('-', '_')\n },\n ...(storedCardID && { storedPaymentMethodId: storedCardID })\n };\n }\n\n /\n Formats the component data output\n /\n formatData(): CardElementData {\n /\n this.state.selectedBrandValue will be set when:\n * - /binLookup detects a single brand,\n * - when /binLookup detects a dual-branded card and the shopper makes a brand selection\n * - or, in the case of a storedCard\n /\n const cardBrand = this.state.selectedBrandValue;\n\n return {\n paymentMethod: {\n type: CardElement.type,\n ...this.state.data,\n ...(this.props.storedPaymentMethodId && { storedPaymentMethodId: this.props.storedPaymentMethodId }),\n ...(cardBrand && { brand: cardBrand }),\n ...(this.props.fundingSource && { fundingSource: this.props.fundingSource })\n },\n ...(this.state.billingAddress && { billingAddress: this.state.billingAddress }),\n ...(this.state.socialSecurityNumber && { socialSecurityNumber: this.state.socialSecurityNumber }),\n ...this.storePaymentMethodPayload,\n ...(hasValidInstallmentsObject(this.state.installments) && { installments: this.state.installments }),\n browserInfo: this.browserInfo,\n origin: !!window && window.location.origin\n };\n }\n\n updateStyles(stylesObj) {\n if (this.componentRef?.updateStyles) this.componentRef.updateStyles(stylesObj);\n return this;\n }\n\n setFocusOn(fieldName) {\n if (this.componentRef?.setFocusOn) this.componentRef.setFocusOn(fieldName);\n return this;\n }\n\n public onBrand = event => {\n this.props.onBrand?.(event);\n };\n\n processBinLookupResponse(binLookupResponse: BinLookupResponse, isReset = false) {\n if (this.componentRef?.processBinLookupResponse) this.componentRef.processBinLookupResponse(binLookupResponse, isReset);\n return this;\n }\n\n handleUnsupportedCard(errObj) {\n if (this.componentRef?.handleUnsupportedCard) this.componentRef.handleUnsupportedCard(errObj);\n return this;\n }\n\n private handleClickToPaySubmit = (payload: ClickToPayCheckoutPayload) => {\n this.setState({ data: { ...payload }, valid: {}, errors: {}, isValid: true });\n this.submit();\n };\n\n onBinLookup(obj: CbObjOnBinLookup) {\n // Handler for regular card comp doesn't need this 'raw' data or to know about 'resets'\n if (!obj.isReset) {\n const nuObj = reject('supportedBrandsRaw').from(obj);\n this.props.onBinLookup(nuObj);\n }\n }\n\n protected submitAnalytics(analyticsObj: SendAnalyticsObject) {\n const { type } = analyticsObj;\n\n if (type === ANALYTICS_RENDERED_STR \|\| type === ANALYTICS_CONFIGURED_STR) {\n // Check if it's a storedCard\n if (this.constructor['type'] === 'scheme') {\n if (hasOwnProperty(this.props, 'supportedShopperInteractions')) {\n analyticsObj.isStoredPaymentMethod = true;\n analyticsObj.brand = this.props.brand;\n }\n }\n }\n\n super.submitAnalytics(analyticsObj);\n }\n\n private onConfigSuccess = (obj: CbObjOnConfigSuccess) => {\n this.submitAnalytics({\n type: ANALYTICS_CONFIGURED_STR\n });\n\n this.props.onConfigSuccess?.(obj);\n };\n\n private onFocus = (obj: ComponentFocusObject) => {\n this.submitAnalytics({\n type: ANALYTICS_FOCUS_STR,\n target: fieldTypeToSnakeCase(obj.fieldType)\n });\n\n // Call merchant defined callback\n if (ALL_SECURED_FIELDS.includes(obj.fieldType)) {\n this.props.onFocus?.(obj.event as CbObjOnFocus);\n } else {\n this.props.onFocus?.(obj);\n }\n };\n\n private onBlur = (obj: ComponentFocusObject) => {\n this.submitAnalytics({\n type: ANALYTICS_UNFOCUS_STR,\n target: fieldTypeToSnakeCase(obj.fieldType)\n });\n\n // Call merchant defined callback\n if (ALL_SECURED_FIELDS.includes(obj.fieldType)) {\n this.props.onBlur?.(obj.event as CbObjOnFocus);\n } else {\n this.props.onBlur?.(obj);\n }\n };\n\n private onValidationErrorAnalytics = (obj: FieldErrorAnalyticsObject) => {\n this.submitAnalytics({\n type: ANALYTICS_VALIDATION_ERROR_STR,\n target: fieldTypeToSnakeCase(obj.fieldType),\n validationErrorCode: obj.errorCode,\n validationErrorMessage: getErrorMessageFromCode(obj.errorCode, SF_ErrorCodes)\n });\n };\n\n public onBinValue = triggerBinLookUp(this);\n\n get storePaymentMethodPayload() {\n const isStoredCard = this.props.storedPaymentMethodId?.length > 0;\n if (isStoredCard) {\n return {};\n }\n\n /\n For regular card, zero auth payments, we store the payment method, if the configuration says we should:\n * - For sessions, this means if the session has been created with storePaymentMethodMode: 'askForConsent'\n * - For the advanced flow, this means if the merchant has still set enableStoreDetails: true\n \n What we are doing is.. if for a normal payment we would show the \"Save for my next payment\" checkbox,\n * for a zero-auth payment we effectively click the checkbox on behalf of the shopper.\n */\n const isZeroAuth = this.props.amount?.value === 0;\n if (isZeroAuth) {\n return this.props.enableStoreDetails ? { storePaymentMethod: true } : {};\n }\n\n // For regular card, non-zero auth payments, we store the payment method based on the checkbox value.\n // const includeStorePaymentMethod = this.props.enableStoreDetails && typeof this.state.storePaymentMethod !== 'undefined';\n const includeStorePaymentMethod = this.props.showStoreDetailsCheckbox && typeof this.state.storePaymentMethod !== 'undefined';\n return includeStorePaymentMethod ? { storePaymentMethod: Boolean(this.state.storePaymentMethod) } : {};\n }\n\n get isValid() {\n return !!this.state.isValid;\n }\n\n get icon() {\n return this.props.icon ?? this.resources.getImage()(this.props.brand);\n }\n\n get brands(): { icon: any; name: string }[] {\n const { brands, brandsConfiguration } = this.props;\n if (brands) {\n return brands.map(brand => {\n const brandIcon = brandsConfiguration[brand]?.icon ?? this.props.modules.resources.getImage()(brand);\n return { icon: brandIcon, name: brand };\n });\n }\n\n return [];\n }\n\n get displayName(): string {\n if (this.props.storedPaymentMethodId) {\n return `•••• ${this.props.lastFour}`;\n }\n\n return this.props.name \|\| CardElement.type;\n }\n\n get accessibleName(): string {\n // Use display name, unless it's a stored payment method, there inform user\n return (\n (this.props.name \|\| CardElement.type) +\n (this.props.storedPaymentMethodId\n ? ' ' + this.props.i18n.get('creditCard.storedCard.description.ariaLabel').replace('%@', this.props.lastFour)\n : '')\n );\n }\n\n get browserInfo() {\n return collectBrowserInfo();\n }\n // Override\n protected payButton = (props: PayButtonProps) => {\n const isZeroAuth = this.props.amount?.value === 0;\n const isStoredCard = this.props.storedPaymentMethodId?.length > 0;\n return (\n <PayButton\n {...props}\n amount={this.props.amount}\n secondaryAmount={this.props.secondaryAmount}\n label={isZeroAuth && !isStoredCard ? this.props.i18n.get('payButton.saveDetails') : ''}\n onClick={this.submit}\n />\n );\n };\n\n private renderCardInput(isCardPrimaryInput = true): h.JSX.Element {\n return (\n <CardInput\n setComponentRef={this.setComponentRef}\n {...this.props}\n {...this.state}\n onChange={this.setState}\n onSubmit={this.submit}\n payButton={this.payButton}\n onBrand={this.onBrand}\n onBinValue={this.onBinValue}\n brand={this.props.brand}\n brandsIcons={this.brands}\n isPayButtonPrimaryVariant={isCardPrimaryInput}\n resources={this.resources}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onValidationErrorAnalytics={this.onValidationErrorAnalytics}\n onConfigSuccess={this.onConfigSuccess}\n />\n );\n }\n\n render() {\n return (\n <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n <SRPanelProvider srPanel={this.props.modules.srPanel}>\n <ClickToPayWrapper\n amount={this.props.amount}\n configuration={this.props.clickToPayConfiguration}\n clickToPayService={this.clickToPayService}\n isStandaloneComponent={false}\n setClickToPayRef={this.setClickToPayRef}\n onSetStatus={this.setElementStatus}\n onSubmit={this.handleClickToPaySubmit}\n onError={this.handleError}\n >\n {isCardPrimaryInput => this.renderCardInput(isCardPrimaryInput)}\n </ClickToPayWrapper>\n </SRPanelProvider>\n </CoreProvider>\n );\n }\n}\n\nexport default CardElement;\n"],"names":["CardElement","UIElement","static","TxVariants","scheme","clickToPayService","clickToPayRef","constructor","checkout","props","super","_disableClickToPay","this","createClickToPayService","configuration","clickToPayConfiguration","environment","initialize","onBinLookup","showFormInstruction","setStatus","status","componentRef","setClickToPayRef","ref","formatProps","enableStoreDetails","session","showStoreDetailsCheckbox","amount","value","storedCardID","storedPaymentMethodId","id","isEcommerceStoredCard","supportedShopperInteractions","includes","AdyenCheckoutError","IMPLEMENTATION_ERROR","holderNameRequired","hasHolderName","hasCVC","brand","hideCVC","billingAddressRequired","card","countryCode","toLowerCase","socialSecurityNumberMode","brandsConfiguration","icon","installmentOptions","disableOtpAutoFocus","shopperEmail","core","options","telephoneNumber","locale","i18n","replace","formatData","cardBrand","state","selectedBrandValue","paymentMethod","type","data","fundingSource","billingAddress","socialSecurityNumber","storePaymentMethodPayload","hasValidInstallmentsObject","installments","browserInfo","origin","window","location","updateStyles","stylesObj","setFocusOn","fieldName","onBrand","event","processBinLookupResponse","binLookupResponse","isReset","handleUnsupportedCard","errObj","handleClickToPaySubmit","payload","setState","valid","errors","isValid","submit","obj","nuObj","reject","from","submitAnalytics","analyticsObj","ANALYTICS_RENDERED_STR","ANALYTICS_CONFIGURED_STR","hasOwnProperty","isStoredPaymentMethod","onConfigSuccess","onFocus","ANALYTICS_FOCUS_STR","target","fieldTypeToSnakeCase","fieldType","ALL_SECURED_FIELDS","onBlur","ANALYTICS_UNFOCUS_STR","onValidationErrorAnalytics","ANALYTICS_VALIDATION_ERROR_STR","validationErrorCode","errorCode","validationErrorMessage","getErrorMessageFromCode","SF_ErrorCodes","onBinValue","triggerBinLookUp","length","storePaymentMethod","Boolean","resources","getImage","brands","map","modules","name","displayName","lastFour","accessibleName","get","collectBrowserInfo","payButton","isZeroAuth","isStoredCard","h","PayButton","secondaryAmount","label","onClick","renderCardInput","isCardPrimaryInput","CardInput","setComponentRef","onChange","onSubmit","brandsIcons","isPayButtonPrimaryVariant","render","CoreProvider","loadingContext","SRPanelProvider","srPanel","ClickToPayWrapper","isStandaloneComponent","onSetStatus","setElementStatus","onError","handleError"],"mappings":"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"}
1	+ {"version":3,"file":"Card.js","sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import { h } from 'preact';\nimport CardInput from './components/CardInput';\nimport { CoreProvider } from '../../core/Context/CoreProvider';\nimport collectBrowserInfo from '../../utils/browserInfo';\nimport { BinLookupResponse, CardElementData, CardConfiguration } from './types';\nimport triggerBinLookUp from '../internal/SecuredFields/binLookup/triggerBinLookUp';\nimport { CbObjOnBinLookup, CbObjOnConfigSuccess, CbObjOnFocus } from '../internal/SecuredFields/lib/types';\nimport { fieldTypeToSnakeCase, reject } from '../internal/SecuredFields/utils';\nimport { hasValidInstallmentsObject } from './components/CardInput/utils';\nimport createClickToPayService from '../internal/ClickToPay/services/create-clicktopay-service';\nimport { ClickToPayCheckoutPayload, IClickToPayService } from '../internal/ClickToPay/services/types';\nimport ClickToPayWrapper from './components/ClickToPayWrapper';\nimport { ComponentFocusObject } from '../../types/global-types';\nimport SRPanelProvider from '../../core/Errors/SRPanelProvider';\nimport { TxVariants } from '../tx-variants';\nimport { UIElementStatus } from '../internal/UIElement/types';\nimport UIElement from '../internal/UIElement';\nimport PayButton from '../internal/PayButton';\nimport { PayButtonProps } from '../internal/PayButton/PayButton';\nimport type { ICore } from '../../core/types';\nimport {\n ANALYTICS_FOCUS_STR,\n ANALYTICS_CONFIGURED_STR,\n ANALYTICS_UNFOCUS_STR,\n ANALYTICS_VALIDATION_ERROR_STR,\n ANALYTICS_RENDERED_STR\n} from '../../core/Analytics/constants';\nimport { ALL_SECURED_FIELDS } from '../internal/SecuredFields/lib/constants';\nimport { FieldErrorAnalyticsObject, SendAnalyticsObject } from '../../core/Analytics/types';\nimport { hasOwnProperty } from '../../utils/hasOwnProperty';\nimport AdyenCheckoutError, { IMPLEMENTATION_ERROR } from '../../core/Errors/AdyenCheckoutError';\nimport { getErrorMessageFromCode } from '../../core/Errors/utils';\nimport { SF_ErrorCodes } from '../../core/Errors/constants';\n\nexport class CardElement extends UIElement<CardConfiguration> {\n public static type = TxVariants.scheme;\n\n private readonly clickToPayService: IClickToPayService \| null;\n\n /*\n Reference to the 'ClickToPayComponent'\n /\n private clickToPayRef = null;\n\n constructor(checkout: ICore, props?: CardConfiguration) {\n super(checkout, props);\n\n if (props && !props._disableClickToPay) {\n this.clickToPayService = createClickToPayService(this.props.configuration, this.props.clickToPayConfiguration, this.props.environment);\n this.clickToPayService?.initialize();\n }\n }\n\n protected static defaultProps = {\n onBinLookup: () => {},\n showFormInstruction: true,\n _disableClickToPay: false\n };\n\n public setStatus(status: UIElementStatus, props?): this {\n if (this.componentRef?.setStatus) {\n this.componentRef.setStatus(status, props);\n }\n if (this.clickToPayRef?.setStatus) {\n this.clickToPayRef.setStatus(status, props);\n }\n return this;\n }\n\n private setClickToPayRef = ref => {\n this.clickToPayRef = ref;\n };\n\n formatProps(props: CardConfiguration) {\n // The value from a session should be used, before falling back to the merchant configuration\n const enableStoreDetails = props.session?.configuration?.enableStoreDetails ?? props.enableStoreDetails;\n\n const isZeroAuth = props.amount?.value === 0;\n const showStoreDetailsCheckbox = isZeroAuth ? false : enableStoreDetails;\n\n const storedCardID = props.storedPaymentMethodId \|\| props.id; // check if we've been passed a (checkout) processed storedCard or one that merchant has pulled from the PMs response\n const isEcommerceStoredCard = storedCardID && props?.supportedShopperInteractions?.includes('Ecommerce'); // If we have a storedCard does it support Ecommerce (it might not if the merchant has pulled it from the PMs response)\n\n // If we have a storedPM but it doesn't support Ecommerce - we can't make a storedCard component from it\n if (storedCardID && !isEcommerceStoredCard) {\n // TODO - Decide if an error is too severe? Would a console.warning suffice?\n throw new AdyenCheckoutError(\n IMPLEMENTATION_ERROR,\n 'You are trying to create a storedCard from a stored PM that does not support Ecommerce interactions'\n );\n }\n\n return {\n ...props,\n // Mismatch between hasHolderName & holderNameRequired which can mean card can never be valid\n holderNameRequired: !props.hasHolderName ? false : props.holderNameRequired,\n // False for stored* BCMC cards & if merchant explicitly wants to hide the CVC field\n hasCVC: !((props.brand && props.brand === 'bcmc') \|\| props.hideCVC),\n // billingAddressRequired only available for non-stored cards\n billingAddressRequired: props.storedPaymentMethodId ? false : props.billingAddressRequired,\n // ...(props.brands && !props.groupTypes && { groupTypes: props.brands }),\n /** props.brand will be specified in the case of a StoredCard or a Bancontact component, for a regular Card we default it to 'card' /\n brand: props.brand ?? TxVariants.card,\n countryCode: props.countryCode ? props.countryCode.toLowerCase() : null,\n // Required for transition period (until configuration object becomes the norm)\n // - if merchant has defined value directly in props, use this instead\n configuration: {\n ...props.configuration,\n socialSecurityNumberMode: props.configuration?.socialSecurityNumberMode ?? 'auto'\n },\n brandsConfiguration: props.brandsConfiguration \|\| props.configuration?.brandsConfiguration \|\| {},\n icon: props.icon \|\| props.configuration?.icon,\n // installmentOptions of a session should be used before falling back to the merchant configuration\n installmentOptions: props.session?.configuration?.installmentOptions \|\| props.installmentOptions,\n enableStoreDetails,\n showStoreDetailsCheckbox,\n /\n Click to Pay configuration\n * - If email is set explicitly in the configuration, then it can override the one used in the session creation\n /\n clickToPayConfiguration: {\n ...props.clickToPayConfiguration,\n disableOtpAutoFocus: props.clickToPayConfiguration?.disableOtpAutoFocus \|\| false,\n shopperEmail: props.clickToPayConfiguration?.shopperEmail \|\| this.core.options?.session?.shopperEmail,\n telephoneNumber: props.clickToPayConfiguration?.telephoneNumber \|\| this.core.options?.session?.telephoneNumber,\n locale: props.clickToPayConfiguration?.locale \|\| props.i18n?.locale?.replace('-', '_')\n },\n ...(storedCardID && { storedPaymentMethodId: storedCardID })\n };\n }\n\n /\n Formats the component data output\n /\n formatData(): CardElementData {\n /\n this.state.selectedBrandValue will be set when:\n * - /binLookup detects a single brand,\n * - when /binLookup detects a dual-branded card and the shopper makes a brand selection\n * - or, in the case of a storedCard\n /\n const cardBrand = this.state.selectedBrandValue;\n\n return {\n paymentMethod: {\n type: CardElement.type,\n ...this.state.data,\n ...(this.props.storedPaymentMethodId && { storedPaymentMethodId: this.props.storedPaymentMethodId }),\n ...(cardBrand && { brand: cardBrand }),\n ...(this.props.fundingSource && { fundingSource: this.props.fundingSource })\n },\n ...(this.state.billingAddress && { billingAddress: this.state.billingAddress }),\n ...(this.state.socialSecurityNumber && { socialSecurityNumber: this.state.socialSecurityNumber }),\n ...this.storePaymentMethodPayload,\n ...(hasValidInstallmentsObject(this.state.installments) && { installments: this.state.installments }),\n browserInfo: this.browserInfo,\n origin: !!window && window.location.origin\n };\n }\n\n updateStyles(stylesObj) {\n if (this.componentRef?.updateStyles) this.componentRef.updateStyles(stylesObj);\n return this;\n }\n\n setFocusOn(fieldName) {\n if (this.componentRef?.setFocusOn) this.componentRef.setFocusOn(fieldName);\n return this;\n }\n\n public onBrand = event => {\n this.props.onBrand?.(event);\n };\n\n processBinLookupResponse(binLookupResponse: BinLookupResponse, isReset = false) {\n if (this.componentRef?.processBinLookupResponse) this.componentRef.processBinLookupResponse(binLookupResponse, isReset);\n return this;\n }\n\n handleUnsupportedCard(errObj) {\n if (this.componentRef?.handleUnsupportedCard) this.componentRef.handleUnsupportedCard(errObj);\n return this;\n }\n\n private handleClickToPaySubmit = (payload: ClickToPayCheckoutPayload) => {\n this.setState({ data: { ...payload }, valid: {}, errors: {}, isValid: true });\n this.submit();\n };\n\n onBinLookup(obj: CbObjOnBinLookup) {\n // Handler for regular card comp doesn't need this 'raw' data or to know about 'resets'\n if (!obj.isReset) {\n const nuObj = reject('supportedBrandsRaw').from(obj);\n this.props.onBinLookup(nuObj);\n }\n }\n\n protected submitAnalytics(analyticsObj: SendAnalyticsObject) {\n const { type } = analyticsObj;\n\n if (type === ANALYTICS_RENDERED_STR \|\| type === ANALYTICS_CONFIGURED_STR) {\n // Check if it's a storedCard\n if (this.constructor['type'] === 'scheme') {\n if (hasOwnProperty(this.props, 'supportedShopperInteractions')) {\n analyticsObj.isStoredPaymentMethod = true;\n analyticsObj.brand = this.props.brand;\n }\n }\n }\n\n super.submitAnalytics(analyticsObj);\n }\n\n private onConfigSuccess = (obj: CbObjOnConfigSuccess) => {\n this.submitAnalytics({\n type: ANALYTICS_CONFIGURED_STR\n });\n\n this.props.onConfigSuccess?.(obj);\n };\n\n private onFocus = (obj: ComponentFocusObject) => {\n this.submitAnalytics({\n type: ANALYTICS_FOCUS_STR,\n target: fieldTypeToSnakeCase(obj.fieldType)\n });\n\n // Call merchant defined callback\n if (ALL_SECURED_FIELDS.includes(obj.fieldType)) {\n this.props.onFocus?.(obj.event as CbObjOnFocus);\n } else {\n this.props.onFocus?.(obj);\n }\n };\n\n private onBlur = (obj: ComponentFocusObject) => {\n this.submitAnalytics({\n type: ANALYTICS_UNFOCUS_STR,\n target: fieldTypeToSnakeCase(obj.fieldType)\n });\n\n // Call merchant defined callback\n if (ALL_SECURED_FIELDS.includes(obj.fieldType)) {\n this.props.onBlur?.(obj.event as CbObjOnFocus);\n } else {\n this.props.onBlur?.(obj);\n }\n };\n\n private onValidationErrorAnalytics = (obj: FieldErrorAnalyticsObject) => {\n this.submitAnalytics({\n type: ANALYTICS_VALIDATION_ERROR_STR,\n target: fieldTypeToSnakeCase(obj.fieldType),\n validationErrorCode: obj.errorCode,\n validationErrorMessage: getErrorMessageFromCode(obj.errorCode, SF_ErrorCodes)\n });\n };\n\n public onBinValue = triggerBinLookUp(this);\n\n get storePaymentMethodPayload() {\n const isStoredCard = this.props.storedPaymentMethodId?.length > 0;\n if (isStoredCard) {\n return {};\n }\n\n /\n For regular card, zero auth payments, we store the payment method, if the configuration says we should:\n * - For sessions, this means if the session has been created with storePaymentMethodMode: 'askForConsent'\n * - For the advanced flow, this means if the merchant has still set enableStoreDetails: true\n \n What we are doing is.. if for a normal payment we would show the \"Save for my next payment\" checkbox,\n * for a zero-auth payment we effectively click the checkbox on behalf of the shopper.\n */\n const isZeroAuth = this.props.amount?.value === 0;\n if (isZeroAuth) {\n return this.props.enableStoreDetails ? { storePaymentMethod: true } : {};\n }\n\n // For regular card, non-zero auth payments, we store the payment method based on the checkbox value.\n // const includeStorePaymentMethod = this.props.enableStoreDetails && typeof this.state.storePaymentMethod !== 'undefined';\n const includeStorePaymentMethod = this.props.showStoreDetailsCheckbox && typeof this.state.storePaymentMethod !== 'undefined';\n return includeStorePaymentMethod ? { storePaymentMethod: Boolean(this.state.storePaymentMethod) } : {};\n }\n\n get isValid() {\n return !!this.state.isValid;\n }\n\n get icon() {\n return this.props.icon ?? this.resources.getImage()(this.props.brand);\n }\n\n get brands(): { icon: any; name: string }[] {\n const { brands, brandsConfiguration } = this.props;\n if (brands) {\n return brands.map(brand => {\n const brandIcon = brandsConfiguration[brand]?.icon ?? this.props.modules.resources.getImage()(brand);\n return { icon: brandIcon, name: brand };\n });\n }\n\n return [];\n }\n\n get displayName(): string {\n if (this.props.storedPaymentMethodId) {\n return `•••• ${this.props.lastFour}`;\n }\n\n return this.props.name \|\| CardElement.type;\n }\n\n get accessibleName(): string {\n // Use display name, unless it's a stored payment method, there inform user\n return (\n (this.props.name \|\| CardElement.type) +\n (this.props.storedPaymentMethodId\n ? ' ' + this.props.i18n.get('creditCard.storedCard.description.ariaLabel').replace('%@', this.props.lastFour)\n : '')\n );\n }\n\n get browserInfo() {\n return collectBrowserInfo();\n }\n // Override\n protected payButton = (props: PayButtonProps) => {\n const isZeroAuth = this.props.amount?.value === 0;\n const isStoredCard = this.props.storedPaymentMethodId?.length > 0;\n return (\n <PayButton\n {...props}\n amount={this.props.amount}\n secondaryAmount={this.props.secondaryAmount}\n label={isZeroAuth && !isStoredCard ? this.props.i18n.get('payButton.saveDetails') : ''}\n onClick={this.submit}\n />\n );\n };\n\n private renderCardInput(isCardPrimaryInput = true): h.JSX.Element {\n return (\n <CardInput\n setComponentRef={this.setComponentRef}\n {...this.props}\n {...this.state}\n onChange={this.setState}\n onSubmit={this.submit}\n payButton={this.payButton}\n onBrand={this.onBrand}\n onBinValue={this.onBinValue}\n brand={this.props.brand}\n brandsIcons={this.brands}\n isPayButtonPrimaryVariant={isCardPrimaryInput}\n resources={this.resources}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onValidationErrorAnalytics={this.onValidationErrorAnalytics}\n onConfigSuccess={this.onConfigSuccess}\n />\n );\n }\n\n render() {\n return (\n <CoreProvider i18n={this.props.i18n} loadingContext={this.props.loadingContext} resources={this.resources}>\n <SRPanelProvider srPanel={this.props.modules.srPanel}>\n <ClickToPayWrapper\n amount={this.props.amount}\n configuration={this.props.clickToPayConfiguration}\n clickToPayService={this.clickToPayService}\n isStandaloneComponent={false}\n setClickToPayRef={this.setClickToPayRef}\n onSetStatus={this.setElementStatus}\n onSubmit={this.handleClickToPaySubmit}\n onError={this.handleError}\n >\n {isCardPrimaryInput => this.renderCardInput(isCardPrimaryInput)}\n </ClickToPayWrapper>\n </SRPanelProvider>\n </CoreProvider>\n );\n }\n}\n\nexport default CardElement;\n"],"names":["CardElement","UIElement","static","TxVariants","scheme","clickToPayService","clickToPayRef","constructor","checkout","props","super","_disableClickToPay","this","createClickToPayService","configuration","clickToPayConfiguration","environment","initialize","onBinLookup","showFormInstruction","setStatus","status","componentRef","setClickToPayRef","ref","formatProps","enableStoreDetails","session","showStoreDetailsCheckbox","amount","value","storedCardID","storedPaymentMethodId","id","isEcommerceStoredCard","supportedShopperInteractions","includes","AdyenCheckoutError","IMPLEMENTATION_ERROR","holderNameRequired","hasHolderName","hasCVC","brand","hideCVC","billingAddressRequired","card","countryCode","toLowerCase","socialSecurityNumberMode","brandsConfiguration","icon","installmentOptions","disableOtpAutoFocus","shopperEmail","core","options","telephoneNumber","locale","i18n","replace","formatData","cardBrand","state","selectedBrandValue","paymentMethod","type","data","fundingSource","billingAddress","socialSecurityNumber","storePaymentMethodPayload","hasValidInstallmentsObject","installments","browserInfo","origin","window","location","updateStyles","stylesObj","setFocusOn","fieldName","onBrand","event","processBinLookupResponse","binLookupResponse","isReset","handleUnsupportedCard","errObj","handleClickToPaySubmit","payload","setState","valid","errors","isValid","submit","obj","nuObj","reject","from","submitAnalytics","analyticsObj","ANALYTICS_RENDERED_STR","ANALYTICS_CONFIGURED_STR","hasOwnProperty","isStoredPaymentMethod","onConfigSuccess","onFocus","ANALYTICS_FOCUS_STR","target","fieldTypeToSnakeCase","fieldType","ALL_SECURED_FIELDS","onBlur","ANALYTICS_UNFOCUS_STR","onValidationErrorAnalytics","ANALYTICS_VALIDATION_ERROR_STR","validationErrorCode","errorCode","validationErrorMessage","getErrorMessageFromCode","SF_ErrorCodes","onBinValue","triggerBinLookUp","length","storePaymentMethod","Boolean","resources","getImage","brands","map","modules","name","displayName","lastFour","accessibleName","get","collectBrowserInfo","payButton","isZeroAuth","isStoredCard","h","PayButton","secondaryAmount","label","onClick","renderCardInput","isCardPrimaryInput","CardInput","setComponentRef","onChange","onSubmit","brandsIcons","isPayButtonPrimaryVariant","render","CoreProvider","loadingContext","SRPanelProvider","srPanel","ClickToPayWrapper","isStandaloneComponent","onSetStatus","setElementStatus","onError","handleError"],"mappings":"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"}

package/dist/es/components/Card/components/CardInput/CardInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e,Fragment as r}from"../../../../external/preact/dist/preact.js";import{useRef as s,useMemo as o,useState as t,useCallback as n,useEffect as a}from"../../../../external/preact/hooks/dist/hooks.js";import l from"../../../internal/SecuredFields/SFP/SecuredFieldsProvider.js";import i from"./defaultProps.js";import{AddressModeOptions as d}from"./types.js";import{DATE_POLICY_REQUIRED as u,CVC_POLICY_REQUIRED as c,ENCRYPTED_CARD_NUMBER as m}from"../../../internal/SecuredFields/lib/configuration/constants.js";import{cardInputFormatters as p,cardInputValidationRules as h,getRuleByNameAndMode as f}from"./validate.js";import y from"../../../internal/SecuredFields/binLookup/extensions.js";import b from"../../../../utils/useForm/useForm.js";import{mapFieldKey as S,handlePartialAddressMode as N,extractPropsForSFP as g,extractPropsForCardFields as A,getLayout as F,lookupBlurBasedErrors as C}from"./utils.js";import{usePrevious as j}from"../../../../utils/hookUtils.js";import k from"../../../internal/Address/Specifications.js";import{StoredCardFieldsWrapper as R}from"./components/StoredCardFieldsWrapper.js";import{CardFieldsWrapper as x}from"./components/CardFieldsWrapper.js";import{getAutoJumpHandler as w,setFocusOnFirstField as P,getFocusHandler as B,getAddressHandler as v}from"./handlers.js";import I from"../../../../external/classnames/index.js";import{getPartialAddressValidationRules as V}from"../../../internal/Address/validate.js";import{ERROR_ACTION_BLUR_SCENARIO as E,ERROR_ACTION_FOCUS_FIELD as M}from"../../../../core/Errors/constants.js";import O from"../../../../core/Errors/useSRPanelContext.js";import q from"../../../../core/Context/useImage.js";import{getArrayDifferences as T}from"../../../../utils/arrayUtils.js";import D from"../../../internal/FormInstruction/FormInstruction.js";const L=i=>{const L=s(null),_=s(!1),K=q(),{setSRMessagesFromObjects:H,setSRMessagesFromStrings:U,clearSRPanel:z,shouldMoveFocusSR:W}=O(),$=H?.({fieldTypeMappingFn:S}),G=s(null),J=e=>{G.current=e},Q=s({});Object.keys(Q.current).length||i.setComponentRef(Q.current);const X=s(0),Y=s(!1),Z=o((()=>new k(i.specifications)),[i.specifications]);Q.current.sfp=L;const[ee,re]=t("ready"),[se,oe]=t({}),[te,ne]=t({...i.holderNameRequired&&{holderName:!1}}),[ae,le]=t({...i.hasHolderName&&{holderName:i.data.holderName??""}}),[ie,de]=t(null),[ue,ce]=t(""),[me,pe]=t(!1),[he,fe]=t(u),[ye,be]=t(c),[Se,Ne]=t(null),[ge,Ae]=t([]),[Fe,Ce]=t(i.storedPaymentMethodId?i.brand:""),je=i.billingAddressMode!==d.none&&i.billingAddressRequired,ke=N(i.billingAddressMode),Re=s(ke&&i.data?.billingAddress?.country),[xe,we]=t(!1),[Pe,Be]=t(je?i.data.billingAddress:null),[ve,Ie]=t(!1),[Ve,Ee]=t(""),[Me,Oe]=t({value:null}),[qe,Te]=t(null),{handleChangeFor:De,triggerValidation:Le,data:_e,valid:Ke,errors:He,setSchema:Ue,setData:ze,setValid:We,setErrors:$e}=b({schema:[],defaultData:i.data,formatters:p,rules:h}),Ge=!!Object.keys(i.installmentOptions).length&&"debit"!==i.fundingSource,Je=i.showInstallmentAmounts??!0,Qe="kr"===(Se??i.countryCode),Xe=i.configuration.koreanAuthenticationRequired&&Qe,Ye=ve&&"auto"===i.configuration.socialSecurityNumberMode||"show"===i.configuration.socialSecurityNumberMode,Ze=(e,r)=>{i.onFocus({fieldType:e,event:r})},er=(e,r)=>{i.onBlur({fieldType:e,event:r})},rr=B(ce,Ze,er),sr=()=>F({props:i,showKCP:Xe,showBrazilianSSN:Ye,...i.billingAddressRequired&&{countrySpecificSchemas:Z.getAddressSchemaForCountry(Pe?.country),billingAddressRequiredFields:i.billingAddressRequiredFields}}),or=n((e=>{const r="webInternalElement"!==e.fieldType?e.fieldType:e.name;Te(r)}),[]),tr=v(ze,We,$e),nr=w(Y,L,sr()),ar=o((()=>y(i,{sfp:L},{dualBrandSelectElements:ge,setDualBrandSelectElements:Ae,setSelectedBrandValue:Ce,issuingCountryCode:Se,setIssuingCountryCode:Ne},X)),[ge,Se]);Q.current.showValidation=()=>{_.current=!0,z?.(),L.current.showValidation(),Le(["holderName","socialSecurityNumber","taxNumber"]),G?.current&&G.current.showValidation()},Q.current.processBinLookupResponse=(e,r)=>{ar.processBinLookup(e,r)},Q.current.setStatus=re,a((()=>(Q.current.setFocusOn=L.current.setFocusOn,Q.current.updateStyles=L.current.updateStyles,Q.current.handleUnsupportedCard=L.current.handleUnsupportedCard,()=>{L.current.destroy()})),[]),a((()=>{const e=[...i.hasHolderName?["holderName"]:[],...Ye?["socialSecurityNumber"]:[],...Xe?["taxNumber"]:[],...je?["billingAddress"]:[]];Ue(e)}),[i.hasHolderName,Ye,Xe]),a((()=>{le({...ae,holderName:_e.holderName??"",taxNumber:_e.taxNumber}),Ee(_e.socialSecurityNumber),je&&Be({..._e.billingAddress}),ne({...te,holderName:!i.holderNameRequired||Ke.holderName,socialSecurityNumber:!!Ke.socialSecurityNumber&&Ke.socialSecurityNumber,taxNumber:!!Ke.taxNumber&&Ke.taxNumber,billingAddress:!!Ke.billingAddress&&Ke.billingAddress});const e=!!He.billingAddress&&Object.entries(He.billingAddress).reduce(((e,[,r])=>e||null!=r),!1);oe({...se,holderName:i.holderNameRequired&&He.holderName?He.holderName:null,socialSecurityNumber:Ye&&He.socialSecurityNumber?He.socialSecurityNumber:null,taxNumber:Xe&&He.taxNumber?He.taxNumber:null,billingAddress:je&&e?He.billingAddress:null})}),[_e,Ke,He]);const lr=j(ie);a((()=>{const e=te.holderName,r=me,s=!je||te.billingAddress,o=!Xe||!!te.taxNumber&&!!te.encryptedPassword,t=!Ye||!!te.socialSecurityNumber,n=r&&e&&s&&o&&t,a=L.current.mapErrorsToValidationRuleResult(),l={...se,...a},{billingAddress:d,...u}=l,c={...u,...d},m=$?.({errors:c,isValidating:_.current,layout:sr(),countrySpecificLabels:Z.getAddressLabelsForCountry(Pe?.country)??ke?.default?.labels}),p=m?.currentErrorsSortedByLayout;switch(de(p),m?.action){case M:W&&P(_.current,L,m?.fieldToFocus),setTimeout((()=>{_.current=!1}),300);break;case E:{const e=T(p,lr,"field"),r=e?.[0];if(r){const e=C(r.errorCode)?r.errorMessage:null;U(e)}else z();break}}if(p){const e=T(p,lr,"field");e?.forEach((e=>{const r={fieldType:e.field,errorCode:e.errorCode};i.onValidationErrorAnalytics(r)}))}i.onChange({data:ae,valid:te,errors:l,isValid:n,billingAddress:Pe,selectedBrandValue:Fe,storePaymentMethod:xe,socialSecurityNumber:Ve,installments:Me})}),[ae,te,se,Fe,xe,Me]);const ir=i.storedPaymentMethodId?R:x;return e(r,null,e(l,{ref:L,...g(i),styles:{...i.styles},koreanAuthenticationRequired:i.configuration.koreanAuthenticationRequired,hasKoreanFields:!(!i.configuration.koreanAuthenticationRequired||"kr"!==i.countryCode),onChange:(e,r)=>{if(e.autoCompleteName){if(!i.hasHolderName)return;const r=f("holderName","blur")(e.autoCompleteName)?e.autoCompleteName:null;r&&(ze("holderName",r),We("holderName",!0),$e("holderName",null))}else i.autoFocus&&X.current>0&&"handleOnFieldValid"===r?.event&&r?.fieldType===m&&e.valid.encryptedCardNumber&&nr(),le({...ae,...e.data}),oe({...se,...e.errors}),ne({...te,...e.valid}),pe(e.isSfpValid),be(e.cvcPolicy),Ie(e.showSocialSecurityNumber),fe(e.expiryDatePolicy)},onBrand:i.onBrand,onFocus:rr,type:i.brand,disableIOSArrowKeys:i.disableIOSArrowKeys?or:null,render:({setRootNode:r,setFocusOn:s},o)=>e("div",{ref:r,className:I({"adyen-checkout__card-input":!0,"adyen-checkout-card-input__wrapper":!0,[`adyen-checkout__card-input--${i.fundingSource??"credit"}`]:!0,"adyen-checkout__card-input--loading":"loading"===ee}),role:"form"},i.showFormInstruction&&e(D,null),e(ir,{...A(i),data:ae,valid:te,errors:se,handleChangeFor:De,focusedElement:ue,setFocusOn:s,sfpState:o,cvcPolicy:ye,hasInstallments:Ge,showAmountsInInstallments:Je,handleInstallments:Oe,brandsIcons:i.brandsIcons,formData:_e,formErrors:He,formValid:Ke,expiryDatePolicy:he,dualBrandSelectElements:ge,extensions:ar,selectedBrandValue:Fe,showKCP:Xe,showBrazilianSSN:Ye,socialSecurityNumber:Ve,handleOnStoreDetails:we,setAddressRef:J,billingAddress:Pe,billingAddressValidationRules:ke&&V(Re.current),partialAddressSchema:ke,handleAddress:tr,onAddressLookup:i.onAddressLookup,onAddressSelected:i.onAddressSelected,addressSearchDebounceMs:i.addressSearchDebounceMs,iOSFocusedField:qe,onFieldFocusAnalytics:Ze,onFieldBlurAnalytics:er}))}),i.showPayButton&&i.payButton({status:ee,variant:i.isPayButtonPrimaryVariant?"primary":"secondary",icon:K({imageFolder:"components/"})("lock")}))};L.defaultProps=i;export{L as default};
+import{createElement as e,Fragment as r}from"../../../../external/preact/dist/preact.js";import{useRef as s,useMemo as o,useState as t,useCallback as n,useEffect as a}from"../../../../external/preact/hooks/dist/hooks.js";import l from"../../../internal/SecuredFields/SFP/SecuredFieldsProvider.js";import i from"./defaultProps.js";import{AddressModeOptions as d}from"./types.js";import{DATE_POLICY_REQUIRED as u,CVC_POLICY_REQUIRED as c,ENCRYPTED_CARD_NUMBER as m}from"../../../internal/SecuredFields/lib/constants.js";import{cardInputFormatters as p,cardInputValidationRules as h,getRuleByNameAndMode as y}from"./validate.js";import b from"../../../internal/SecuredFields/binLookup/extensions.js";import f from"../../../../utils/useForm/useForm.js";import{mapFieldKey as S,handlePartialAddressMode as N,extractPropsForSFP as g,extractPropsForCardFields as A,getLayout as F,lookupBlurBasedErrors as C}from"./utils.js";import{usePrevious as j}from"../../../../utils/hookUtils.js";import k from"../../../internal/Address/Specifications.js";import{StoredCardFieldsWrapper as R}from"./components/StoredCardFieldsWrapper.js";import{CardFieldsWrapper as x}from"./components/CardFieldsWrapper.js";import{getAutoJumpHandler as w,setFocusOnFirstField as P,getFocusHandler as B,getAddressHandler as v}from"./handlers.js";import I from"../../../../external/classnames/index.js";import{getPartialAddressValidationRules as V}from"../../../internal/Address/validate.js";import{ERROR_ACTION_BLUR_SCENARIO as E,ERROR_ACTION_FOCUS_FIELD as M}from"../../../../core/Errors/constants.js";import O from"../../../../core/Errors/useSRPanelContext.js";import q from"../../../../core/Context/useImage.js";import{getArrayDifferences as T}from"../../../../utils/arrayUtils.js";import D from"../../../internal/FormInstruction/FormInstruction.js";const L=i=>{const L=s(null),_=s(!1),K=q(),{setSRMessagesFromObjects:H,setSRMessagesFromStrings:U,clearSRPanel:z,shouldMoveFocusSR:W}=O(),$=H?.({fieldTypeMappingFn:S}),G=s(null),J=e=>{G.current=e},Q=s({});Object.keys(Q.current).length||i.setComponentRef(Q.current);const X=s(0),Y=s(!1),Z=o((()=>new k(i.specifications)),[i.specifications]);Q.current.sfp=L;const[ee,re]=t("ready"),[se,oe]=t({}),[te,ne]=t({...i.holderNameRequired&&{holderName:!1}}),[ae,le]=t({...i.hasHolderName&&{holderName:i.data.holderName??""}}),[ie,de]=t(null),[ue,ce]=t(""),[me,pe]=t(!1),[he,ye]=t(u),[be,fe]=t(c),[Se,Ne]=t(null),[ge,Ae]=t([]),[Fe,Ce]=t(i.storedPaymentMethodId?i.brand:""),je=i.billingAddressMode!==d.none&&i.billingAddressRequired,ke=N(i.billingAddressMode),Re=s(ke&&i.data?.billingAddress?.country),[xe,we]=t(!1),[Pe,Be]=t(je?i.data.billingAddress:null),[ve,Ie]=t(!1),[Ve,Ee]=t(""),[Me,Oe]=t({value:null}),[qe,Te]=t(null),{handleChangeFor:De,triggerValidation:Le,data:_e,valid:Ke,errors:He,setSchema:Ue,setData:ze,setValid:We,setErrors:$e}=f({schema:[],defaultData:i.data,formatters:p,rules:h}),Ge=!!Object.keys(i.installmentOptions).length&&"debit"!==i.fundingSource,Je=i.showInstallmentAmounts??!0,Qe="kr"===(Se??i.countryCode),Xe=i.configuration.koreanAuthenticationRequired&&Qe,Ye=ve&&"auto"===i.configuration.socialSecurityNumberMode||"show"===i.configuration.socialSecurityNumberMode,Ze=(e,r)=>{i.onFocus({fieldType:e,event:r})},er=(e,r)=>{i.onBlur({fieldType:e,event:r})},rr=B(ce,Ze,er),sr=()=>F({props:i,showKCP:Xe,showBrazilianSSN:Ye,...i.billingAddressRequired&&{countrySpecificSchemas:Z.getAddressSchemaForCountry(Pe?.country),billingAddressRequiredFields:i.billingAddressRequiredFields}}),or=n((e=>{const r="webInternalElement"!==e.fieldType?e.fieldType:e.name;Te(r)}),[]),tr=v(ze,We,$e),nr=w(Y,L,sr()),ar=o((()=>b(i,{sfp:L},{dualBrandSelectElements:ge,setDualBrandSelectElements:Ae,setSelectedBrandValue:Ce,issuingCountryCode:Se,setIssuingCountryCode:Ne},X)),[ge,Se]);Q.current.showValidation=()=>{_.current=!0,z?.(),L.current.showValidation(),Le(["holderName","socialSecurityNumber","taxNumber"]),G?.current&&G.current.showValidation()},Q.current.processBinLookupResponse=(e,r)=>{ar.processBinLookup(e,r)},Q.current.setStatus=re,a((()=>(Q.current.setFocusOn=L.current.setFocusOn,Q.current.updateStyles=L.current.updateStyles,Q.current.handleUnsupportedCard=L.current.handleUnsupportedCard,()=>{L.current.destroy()})),[]),a((()=>{const e=[...i.hasHolderName?["holderName"]:[],...Ye?["socialSecurityNumber"]:[],...Xe?["taxNumber"]:[],...je?["billingAddress"]:[]];Ue(e)}),[i.hasHolderName,Ye,Xe]),a((()=>{le({...ae,holderName:_e.holderName??"",taxNumber:_e.taxNumber}),Ee(_e.socialSecurityNumber),je&&Be({..._e.billingAddress}),ne({...te,holderName:!i.holderNameRequired||Ke.holderName,socialSecurityNumber:!!Ke.socialSecurityNumber&&Ke.socialSecurityNumber,taxNumber:!!Ke.taxNumber&&Ke.taxNumber,billingAddress:!!Ke.billingAddress&&Ke.billingAddress});const e=!!He.billingAddress&&Object.entries(He.billingAddress).reduce(((e,[,r])=>e||null!=r),!1);oe({...se,holderName:i.holderNameRequired&&He.holderName?He.holderName:null,socialSecurityNumber:Ye&&He.socialSecurityNumber?He.socialSecurityNumber:null,taxNumber:Xe&&He.taxNumber?He.taxNumber:null,billingAddress:je&&e?He.billingAddress:null})}),[_e,Ke,He]);const lr=j(ie);a((()=>{const e=te.holderName,r=me,s=!je||te.billingAddress,o=!Xe||!!te.taxNumber&&!!te.encryptedPassword,t=!Ye||!!te.socialSecurityNumber,n=r&&e&&s&&o&&t,a=L.current.mapErrorsToValidationRuleResult(),l={...se,...a},{billingAddress:d,...u}=l,c={...u,...d},m=$?.({errors:c,isValidating:_.current,layout:sr(),countrySpecificLabels:Z.getAddressLabelsForCountry(Pe?.country)??ke?.default?.labels}),p=m?.currentErrorsSortedByLayout;switch(de(p),m?.action){case M:W&&P(_.current,L,m?.fieldToFocus),setTimeout((()=>{_.current=!1}),300);break;case E:{const e=T(p,lr,"field"),r=e?.[0];if(r){const e=C(r.errorCode)?r.errorMessage:null;U(e)}else z();break}}if(p){const e=T(p,lr,"field");e?.forEach((e=>{const r={fieldType:e.field,errorCode:e.errorCode};i.onValidationErrorAnalytics(r)}))}i.onChange({data:ae,valid:te,errors:l,isValid:n,billingAddress:Pe,selectedBrandValue:Fe,storePaymentMethod:xe,socialSecurityNumber:Ve,installments:Me})}),[ae,te,se,Fe,xe,Me]);const ir=i.storedPaymentMethodId?R:x;return e(r,null,e(l,{ref:L,...g(i),styles:{...i.styles},koreanAuthenticationRequired:i.configuration.koreanAuthenticationRequired,hasKoreanFields:!(!i.configuration.koreanAuthenticationRequired||"kr"!==i.countryCode),onChange:(e,r)=>{if(e.autoCompleteName){if(!i.hasHolderName)return;const r=y("holderName","blur")(e.autoCompleteName)?e.autoCompleteName:null;r&&(ze("holderName",r),We("holderName",!0),$e("holderName",null))}else i.autoFocus&&X.current>0&&"handleOnFieldValid"===r?.event&&r?.fieldType===m&&e.valid.encryptedCardNumber&&nr(),le({...ae,...e.data}),oe({...se,...e.errors}),ne({...te,...e.valid}),pe(e.isSfpValid),fe(e.cvcPolicy),Ie(e.showSocialSecurityNumber),ye(e.expiryDatePolicy)},onBrand:i.onBrand,onFocus:rr,type:i.brand,disableIOSArrowKeys:i.disableIOSArrowKeys?or:null,render:({setRootNode:r,setFocusOn:s},o)=>e("div",{ref:r,className:I({"adyen-checkout__card-input":!0,"adyen-checkout-card-input__wrapper":!0,[`adyen-checkout__card-input--${i.fundingSource??"credit"}`]:!0,"adyen-checkout__card-input--loading":"loading"===ee}),role:"form"},i.showFormInstruction&&e(D,null),e(ir,{...A(i),data:ae,valid:te,errors:se,handleChangeFor:De,focusedElement:ue,setFocusOn:s,sfpState:o,cvcPolicy:be,hasInstallments:Ge,showAmountsInInstallments:Je,handleInstallments:Oe,brandsIcons:i.brandsIcons,formData:_e,formErrors:He,formValid:Ke,expiryDatePolicy:he,dualBrandSelectElements:ge,extensions:ar,selectedBrandValue:Fe,showKCP:Xe,showBrazilianSSN:Ye,socialSecurityNumber:Ve,handleOnStoreDetails:we,setAddressRef:J,billingAddress:Pe,billingAddressValidationRules:ke&&V(Re.current),partialAddressSchema:ke,handleAddress:tr,onAddressLookup:i.onAddressLookup,onAddressSelected:i.onAddressSelected,addressSearchDebounceMs:i.addressSearchDebounceMs,iOSFocusedField:qe,onFieldFocusAnalytics:Ze,onFieldBlurAnalytics:er}))}),i.showPayButton&&i.payButton({status:ee,variant:i.isPayButtonPrimaryVariant?"primary":"secondary",icon:K({imageFolder:"components/"})("lock")}))};L.defaultProps=i;export{L as default};
 //# sourceMappingURL=CardInput.js.map