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

@adyen/adyen-web 6.0.0-alpha.2 → 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 (1144) hide show

package/dist/es-legacy/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","formatData","data","super","paymentMethod","type","this","constructor","formatProps","props","_object_spread_props","_object_spread","TxVariants","bcmc","brand","cvcPolicy","CVC_POLICY_HIDDEN","checkout","_define_property","onBrand","event","defaultProps","brands"],"mappings":"~~4jCAMA~~,MAAMA,UAA0BC,EAY5BC,UAAAA,GACI,MAAMC,EAAOC,MAAMF,aAEnB,OADAC,EAAKE,cAAcC,KAAOC,KAAKC,YAAmB,KAC3CL,CACX,CAQAM,WAAAA,CAAYC,GACR,OAAOC,EAAAC,EAAA,CAAA,EACAR,MAAMK,YAAYC,IAAAA,CAKrBJ,KAAMO,EAAWC,KACjBC,MAAOF,EAAWC,KAClBE,UAAWC,GAEnB,CAhCAT,WAAAA,CAAYU,EAAiBR,GACzBN,MAAMc,EAAUR,GAkCpBS,EAAAZ,KAAOa,WAAUC,IACTd,KAAKG,MAAMU,SAASb,KAAKG,MAAMU,QAAQC,EAAAA,GAlC/C,EAJAF,EADEnB,EACYM,OAAOO,EAAWC,MAMhCK,EAPEnB,EAOesB,eAAeX,EACzBV,EAAAA,GAAAA,EAAYqB,cAAY,CAC3BC,OAAQ,CAAC,OAAQ,UAAW"}
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","formatData","data","super","paymentMethod","type","this","constructor","formatProps","props","_object_spread_props","_object_spread","TxVariants","bcmc","brand","cvcPolicy","CVC_POLICY_HIDDEN","checkout","_define_property","onBrand","event","defaultProps","brands"],"mappings":"8iCAMA,MAAMA,UAA0BC,EAY5BC,UAAAA,GACI,MAAMC,EAAOC,MAAMF,aAEnB,OADAC,EAAKE,cAAcC,KAAOC,KAAKC,YAAmB,KAC3CL,CACX,CAQAM,WAAAA,CAAYC,GACR,OAAOC,EAAAC,EAAA,CAAA,EACAR,MAAMK,YAAYC,IAAAA,CAKrBJ,KAAMO,EAAWC,KACjBC,MAAOF,EAAWC,KAClBE,UAAWC,GAEnB,CAhCAT,WAAAA,CAAYU,EAAiBR,GACzBN,MAAMc,EAAUR,GAkCpBS,EAAAZ,KAAOa,WAAUC,IACTd,KAAKG,MAAMU,SAASb,KAAKG,MAAMU,QAAQC,EAAAA,GAlC/C,EAJAF,EADEnB,EACYM,OAAOO,EAAWC,MAMhCK,EAPEnB,EAOesB,eAAeX,EACzBV,EAAAA,GAAAA,EAAYqB,cAAY,CAC3BC,OAAQ,CAAC,OAAQ,UAAW"}

package/dist/es-legacy/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 i from"../../utils/browserInfo.js";import r from"../internal/SecuredFields/binLookup/triggerBinLookUp.js";import{reject as s,fieldTypeToSnakeCase as n}from"../internal/SecuredFields/utils.js";import{hasValidInstallmentsObject as a}from"./components/CardInput/utils.js";import l from"../internal/ClickToPay/services/create-clicktopay-service.js";import u from"./components/ClickToPayWrapper.js";import c from"../../core/Errors/SRPanelProvider.js";import{TxVariants as d}from"../tx-variants.js";import{UIElement as p}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 v,ANALYTICS_UNFOCUS_STR as f,ANALYTICS_VALIDATION_ERROR_STR as b}from"../../core/Analytics/constants.js";import{ALL_SECURED_FIELDS as g}from"../internal/SecuredFields/lib/configuration/constants.js";import{hasOwnProperty as P}from"../../utils/hasOwnProperty.js";import C,{IMPLEMENTATION_ERROR as S}from"../../core/Errors/AdyenCheckoutError.js";function k(t,o,e){return o in t?Object.defineProperty(t,o,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[o]=e,t}function O(t){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{},i=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(e).filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})))),i.forEach((function(o){k(t,o,e[o])}))}return t}function j(t,o){return o=null!=o?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):function(t,o){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),e.push.apply(e,i)}return e}(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})),t}class T extends p{setStatus(t,o){var e,i;return(null===(e=this.componentRef)||void 0===e?void 0:e.setStatus)&&this.componentRef.setStatus(t,o),(null===(i=this.clickToPayRef)||void 0===i?void 0:i.setStatus)&&this.clickToPayRef.setStatus(t,o),this}formatProps(t){var o,e,i,r,s,n,a,l,u,c,p,h,m,y,v,f,b,g,P;const k=!(0===(null===(o=t.amount)||void 0===o?void 0:o.value))&&((null===(i=t.session)||void 0===i||null===(e=i.configuration)||void 0===e?void 0:e.enableStoreDetails)||t.enableStoreDetails),T=t.storedPaymentMethodId||t.id,B=T&&(null==t||null===(r=t.supportedShopperInteractions)||void 0===r?void 0:r.includes("Ecommerce"));if(T&&!B)throw new C(S,"You are trying to create a storedCard from a stored PM that does not support Ecommerce interactions");var R,I;return O(j(O({},t),{holderNameRequired:!!t.hasHolderName&&t.holderNameRequired,hasCVC:!(t.brand&&"bcmc"===t.brand||t.hideCVC),billingAddressRequired:!t.storedPaymentMethodId&&t.billingAddressRequired,brand:null!==(R=t.brand)&&void 0!==R?R:d.card,countryCode:t.countryCode?t.countryCode.toLowerCase():null,configuration:j(O({},t.configuration),{socialSecurityNumberMode:null!==(I=null===(s=t.configuration)||void 0===s?void 0:s.socialSecurityNumberMode)&&void 0!==I?I:"auto"}),brandsConfiguration:t.brandsConfiguration||(null===(n=t.configuration)||void 0===n?void 0:n.brandsConfiguration)||{},icon:t.icon||(null===(a=t.configuration)||void 0===a?void 0:a.icon),installmentOptions:(null===(u=t.session)||void 0===u||null===(l=u.configuration)||void 0===l?void 0:l.installmentOptions)||t.installmentOptions,enableStoreDetails:k,clickToPayConfiguration:j(O({},t.clickToPayConfiguration),{disableOtpAutoFocus:(null===(c=t.clickToPayConfiguration)||void 0===c?void 0:c.disableOtpAutoFocus)||!1,shopperEmail:(null===(p=t.clickToPayConfiguration)||void 0===p?void 0:p.shopperEmail)||(null===(m=this.core.options)||void 0===m||null===(h=m.session)||void 0===h?void 0:h.shopperEmail),telephoneNumber:(null===(y=t.clickToPayConfiguration)||void 0===y?void 0:y.telephoneNumber)||(null===(f=this.core.options)||void 0===f||null===(v=f.session)||void 0===v?void 0:v.telephoneNumber),locale:(null===(b=t.clickToPayConfiguration)||void 0===b?void 0:b.locale)||(null===(P=t.i18n)||void 0===P||null===(g=P.locale)||void 0===g?void 0:g.replace("-","_"))})}),T&&{storedPaymentMethodId:T})}formatData(){const t=this.state.selectedBrandValue,o=this.props.enableStoreDetails&&void 0!==this.state.storePaymentMethod;return j(O({paymentMethod:O({type:T.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},o&&{storePaymentMethod:Boolean(this.state.storePaymentMethod)},a(this.state.installments)&&{installments:this.state.installments}),{browserInfo:this.browserInfo,origin:!!window&&window.location.origin})}updateStyles(t){var o;return(null===(o=this.componentRef)||void 0===o?void 0:o.updateStyles)&&this.componentRef.updateStyles(t),this}setFocusOn(t){var o;return(null===(o=this.componentRef)||void 0===o?void 0:o.setFocusOn)&&this.componentRef.setFocusOn(t),this}processBinLookupResponse(t,o=!1){var e;return(null===(e=this.componentRef)||void 0===e?void 0:e.processBinLookupResponse)&&this.componentRef.processBinLookupResponse(t,o),this}handleUnsupportedCard(t){var o;return(null===(o=this.componentRef)||void 0===o?void 0:o.handleUnsupportedCard)&&this.componentRef.handleUnsupportedCard(t),this}onBinLookup(t){if(!t.isReset){const o=s("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)}get isValid(){return!!this.state.isValid}get icon(){var t;return null!==(t=this.props.icon)&&void 0!==t?t:this.resources.getImage()(this.props.brand)}get brands(){const{brands:t,brandsConfiguration:o}=this.props;return t?t.map((t=>{var e,i;return{icon:null!==(i=null===(e=o[t])||void 0===e?void 0:e.icon)&&void 0!==i?i:this.props.modules.resources.getImage()(t),name:t}})):[]}get displayName(){return this.props.storedPaymentMethodId?`•••• ${this.props.lastFour}`:this.props.name||T.type}get accessibleName(){return(this.props.name||T.type)+(this.props.storedPaymentMethodId?" "+this.props.i18n.get("creditCard.storedCard.description.ariaLabel").replace("%@",this.props.lastFour):"")}get browserInfo(){return i()}renderCardInput(e=!0){return t(o,j(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,onErrorAnalytics:this.onErrorAnalytics,onConfigSuccess:this.onConfigSuccess}))}render(){return t(e,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources},t(c,{srPanel:this.props.modules.srPanel},t(u,{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)))))}constructor(o,e){var i;(super(o,e),k(this,"clickToPayService",void 0),k(this,"clickToPayRef",null),k(this,"setClickToPayRef",(t=>{this.clickToPayRef=t})),k(this,"onBrand",(t=>{var o,e;null===(o=(e=this.props).onBrand)||void 0===o||o.call(e,t)})),k(this,"handleClickToPaySubmit",(t=>{this.setState({data:O({},t),valid:{},errors:{},isValid:!0}),this.submit()})),k(this,"onConfigSuccess",(t=>{var o,e;this.submitAnalytics({type:y}),null===(o=(e=this.props).onConfigSuccess)||void 0===o||o.call(e,t)})),k(this,"onFocus",(t=>{var o,e,i,r;(this.submitAnalytics({type:v,target:n(t.fieldType)}),g.includes(t.fieldType))?null===(o=(e=this.props).onFocus)||void 0===o||o.call(e,t.event):null===(i=(r=this.props).onFocus)||void 0===i||i.call(r,t)})),k(this,"onBlur",(t=>{var o,e,i,r;(this.submitAnalytics({type:f,target:n(t.fieldType)}),g.includes(t.fieldType))?null===(o=(e=this.props).onBlur)||void 0===o||o.call(e,t.event):null===(i=(r=this.props).onBlur)||void 0===i||i.call(r,t)})),k(this,"onErrorAnalytics",(t=>{this.submitAnalytics({type:b,target:n(t.fieldType),validationErrorCode:t.errorCode,validationErrorMessage:t.errorMessage})})),k(this,"onBinValue",r(this)),k(this,"payButton",(o=>{var e,i;const r=0===(null===(e=this.props.amount)||void 0===e?void 0:e.value),s=(null===(i=this.props.storedPaymentMethodId)||void 0===i?void 0:i.length)>0;return t(h,j(O({},o),{amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,label:r&&!s?this.props.i18n.get("payButton.saveDetails"):"",onClick:this.submit}))})),e&&!e._disableClickToPay)&&(this.clickToPayService=l(this.props.configuration,this.props.clickToPayConfiguration,this.props.environment),null===(i=this.clickToPayService)||void 0===i||i.initialize())}}k(T,"type",d.scheme),k(T,"defaultProps",{onBinLookup:()=>{},showFormInstruction:!0,_disableClickToPay:!1});export{T as CardElement,T 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 i from"../../utils/browserInfo.js";import r from"../internal/SecuredFields/binLookup/triggerBinLookUp.js";import{reject as s,fieldTypeToSnakeCase as n}from"../internal/SecuredFields/utils.js";import{hasValidInstallmentsObject as a}from"./components/CardInput/utils.js";import l from"../internal/ClickToPay/services/create-clicktopay-service.js";import u from"./components/ClickToPayWrapper.js";import d from"../../core/Errors/SRPanelProvider.js";import{TxVariants as c}from"../tx-variants.js";import{UIElement as p}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 v,ANALYTICS_UNFOCUS_STR as f,ANALYTICS_VALIDATION_ERROR_STR as b}from"../../core/Analytics/constants.js";import{ALL_SECURED_FIELDS as g}from"../internal/SecuredFields/lib/constants.js";import{hasOwnProperty as P}from"../../utils/hasOwnProperty.js";import C,{IMPLEMENTATION_ERROR as S}from"../../core/Errors/AdyenCheckoutError.js";import{getErrorMessageFromCode as k}from"../../core/Errors/utils.js";import{SF_ErrorCodes as j}from"../../core/Errors/constants.js";function O(t,o,e){return o in t?Object.defineProperty(t,o,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[o]=e,t}function T(t){for(var o=1;o<arguments.length;o++){var e=null!=arguments[o]?arguments[o]:{},i=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(e).filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})))),i.forEach((function(o){O(t,o,e[o])}))}return t}function B(t,o){return o=null!=o?o:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):function(t,o){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);o&&(i=i.filter((function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable}))),e.push.apply(e,i)}return e}(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))})),t}class R extends p{setStatus(t,o){var e,i;return(null===(e=this.componentRef)||void 0===e?void 0:e.setStatus)&&this.componentRef.setStatus(t,o),(null===(i=this.clickToPayRef)||void 0===i?void 0:i.setStatus)&&this.clickToPayRef.setStatus(t,o),this}formatProps(t){var o,e,i,r,s,n,a,l,u,d,p,h,m,y,v,f,b,g,P,k;const j=null!==(k=null===(e=t.session)||void 0===e||null===(o=e.configuration)||void 0===o?void 0:o.enableStoreDetails)&&void 0!==k?k:t.enableStoreDetails,O=!(0===(null===(i=t.amount)||void 0===i?void 0:i.value))&&j,R=t.storedPaymentMethodId||t.id,I=R&&(null==t||null===(r=t.supportedShopperInteractions)||void 0===r?void 0:r.includes("Ecommerce"));if(R&&!I)throw new C(S,"You are trying to create a storedCard from a stored PM that does not support Ecommerce interactions");var w,E;return T(B(T({},t),{holderNameRequired:!!t.hasHolderName&&t.holderNameRequired,hasCVC:!(t.brand&&"bcmc"===t.brand||t.hideCVC),billingAddressRequired:!t.storedPaymentMethodId&&t.billingAddressRequired,brand:null!==(w=t.brand)&&void 0!==w?w:c.card,countryCode:t.countryCode?t.countryCode.toLowerCase():null,configuration:B(T({},t.configuration),{socialSecurityNumberMode:null!==(E=null===(s=t.configuration)||void 0===s?void 0:s.socialSecurityNumberMode)&&void 0!==E?E:"auto"}),brandsConfiguration:t.brandsConfiguration||(null===(n=t.configuration)||void 0===n?void 0:n.brandsConfiguration)||{},icon:t.icon||(null===(a=t.configuration)||void 0===a?void 0:a.icon),installmentOptions:(null===(u=t.session)||void 0===u||null===(l=u.configuration)||void 0===l?void 0:l.installmentOptions)||t.installmentOptions,enableStoreDetails:j,showStoreDetailsCheckbox:O,clickToPayConfiguration:B(T({},t.clickToPayConfiguration),{disableOtpAutoFocus:(null===(d=t.clickToPayConfiguration)||void 0===d?void 0:d.disableOtpAutoFocus)||!1,shopperEmail:(null===(p=t.clickToPayConfiguration)||void 0===p?void 0:p.shopperEmail)||(null===(m=this.core.options)||void 0===m||null===(h=m.session)||void 0===h?void 0:h.shopperEmail),telephoneNumber:(null===(y=t.clickToPayConfiguration)||void 0===y?void 0:y.telephoneNumber)||(null===(f=this.core.options)||void 0===f||null===(v=f.session)||void 0===v?void 0:v.telephoneNumber),locale:(null===(b=t.clickToPayConfiguration)||void 0===b?void 0:b.locale)||(null===(P=t.i18n)||void 0===P||null===(g=P.locale)||void 0===g?void 0:g.replace("-","_"))})}),R&&{storedPaymentMethodId:R})}formatData(){const t=this.state.selectedBrandValue;return B(T({paymentMethod:T({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){var o;return(null===(o=this.componentRef)||void 0===o?void 0:o.updateStyles)&&this.componentRef.updateStyles(t),this}setFocusOn(t){var o;return(null===(o=this.componentRef)||void 0===o?void 0:o.setFocusOn)&&this.componentRef.setFocusOn(t),this}processBinLookupResponse(t,o=!1){var e;return(null===(e=this.componentRef)||void 0===e?void 0:e.processBinLookupResponse)&&this.componentRef.processBinLookupResponse(t,o),this}handleUnsupportedCard(t){var o;return(null===(o=this.componentRef)||void 0===o?void 0:o.handleUnsupportedCard)&&this.componentRef.handleUnsupportedCard(t),this}onBinLookup(t){if(!t.isReset){const o=s("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)}get storePaymentMethodPayload(){var t,o;if((null===(t=this.props.storedPaymentMethodId)||void 0===t?void 0:t.length)>0)return{};if(0===(null===(o=this.props.amount)||void 0===o?void 0:o.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(){var t;return null!==(t=this.props.icon)&&void 0!==t?t:this.resources.getImage()(this.props.brand)}get brands(){const{brands:t,brandsConfiguration:o}=this.props;return t?t.map((t=>{var e,i;return{icon:null!==(i=null===(e=o[t])||void 0===e?void 0:e.icon)&&void 0!==i?i: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 i()}renderCardInput(e=!0){return t(o,B(T({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(d,{srPanel:this.props.modules.srPanel},t(u,{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)))))}constructor(o,e){var i;(super(o,e),O(this,"clickToPayService",void 0),O(this,"clickToPayRef",null),O(this,"setClickToPayRef",(t=>{this.clickToPayRef=t})),O(this,"onBrand",(t=>{var o,e;null===(o=(e=this.props).onBrand)||void 0===o||o.call(e,t)})),O(this,"handleClickToPaySubmit",(t=>{this.setState({data:T({},t),valid:{},errors:{},isValid:!0}),this.submit()})),O(this,"onConfigSuccess",(t=>{var o,e;this.submitAnalytics({type:y}),null===(o=(e=this.props).onConfigSuccess)||void 0===o||o.call(e,t)})),O(this,"onFocus",(t=>{var o,e,i,r;(this.submitAnalytics({type:v,target:n(t.fieldType)}),g.includes(t.fieldType))?null===(o=(e=this.props).onFocus)||void 0===o||o.call(e,t.event):null===(i=(r=this.props).onFocus)||void 0===i||i.call(r,t)})),O(this,"onBlur",(t=>{var o,e,i,r;(this.submitAnalytics({type:f,target:n(t.fieldType)}),g.includes(t.fieldType))?null===(o=(e=this.props).onBlur)||void 0===o||o.call(e,t.event):null===(i=(r=this.props).onBlur)||void 0===i||i.call(r,t)})),O(this,"onValidationErrorAnalytics",(t=>{this.submitAnalytics({type:b,target:n(t.fieldType),validationErrorCode:t.errorCode,validationErrorMessage:k(t.errorCode,j)})})),O(this,"onBinValue",r(this)),O(this,"payButton",(o=>{var e,i;const r=0===(null===(e=this.props.amount)||void 0===e?void 0:e.value),s=(null===(i=this.props.storedPaymentMethodId)||void 0===i?void 0:i.length)>0;return t(h,B(T({},o),{amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,label:r&&!s?this.props.i18n.get("payButton.saveDetails"):"",onClick:this.submit}))})),e&&!e._disableClickToPay)&&(this.clickToPayService=l(this.props.configuration,this.props.clickToPayConfiguration,this.props.environment),null===(i=this.clickToPayService)||void 0===i||i.initialize())}}O(R,"type",c.scheme),O(R,"defaultProps",{onBinLookup:()=>{},showFormInstruction:!0,_disableClickToPay:!1});export{R as CardElement,R as default};
 //# sourceMappingURL=Card.js.map

package/dist/es-legacy/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';\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 const isZeroAuth = props.amount?.value === 0;\n const enableStoreDetails = isZeroAuth ? false : props.session?.configuration?.enableStoreDetails \|\| props.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 /\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 const includeStorePaymentMethod = this.props.enableStoreDetails && typeof this.state.storePaymentMethod !== 'undefined';\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 ...(includeStorePaymentMethod && { storePaymentMethod: Boolean(this.state.storePaymentMethod) }),\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 onErrorAnalytics = (obj: FieldErrorAnalyticsObject) => {\n this.submitAnalytics({\n type: ANALYTICS_VALIDATION_ERROR_STR,\n target: fieldTypeToSnakeCase(obj.fieldType),\n validationErrorCode: obj.errorCode,\n validationErrorMessage: obj.errorMessage\n });\n };\n\n public onBinValue = triggerBinLookUp(this);\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 onErrorAnalytics={this.onErrorAnalytics}\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","setStatus","status","props","_this_componentRef","_this_clickToPayRef","this","componentRef","clickToPayRef","formatProps","_this_core_options_session","_this_core_options","_this_core_options_session1","_this_core_options1","enableStoreDetails","amount","value","session","configuration","storedCardID","storedPaymentMethodId","id","isEcommerceStoredCard","supportedShopperInteractions","includes","AdyenCheckoutError","IMPLEMENTATION_ERROR","_object_spread","holderNameRequired","hasHolderName","hasCVC","brand","hideCVC","billingAddressRequired","TxVariants","card","countryCode","toLowerCase","_object_spread_props","socialSecurityNumberMode","brandsConfiguration","icon","installmentOptions","clickToPayConfiguration","disableOtpAutoFocus","shopperEmail","core","options","telephoneNumber","locale","i18n","replace","formatData","cardBrand","state","selectedBrandValue","includeStorePaymentMethod","storePaymentMethod","paymentMethod","type","data","fundingSource","billingAddress","socialSecurityNumber","Boolean","hasValidInstallmentsObject","installments","browserInfo","origin","window","location","updateStyles","stylesObj","setFocusOn","fieldName","processBinLookupResponse","binLookupResponse","isReset","handleUnsupportedCard","errObj","onBinLookup","obj","nuObj","reject","from","submitAnalytics","analyticsObj","ANALYTICS_RENDERED_STR","ANALYTICS_CONFIGURED_STR","constructor","hasOwnProperty","isStoredPaymentMethod","super","isValid","_this_props_icon","resources","getImage","brands","map","modules","name","displayName","lastFour","accessibleName","get","collectBrowserInfo","renderCardInput","isCardPrimaryInput","h","CardInput","setComponentRef","onChange","setState","onSubmit","submit","payButton","onBrand","onBinValue","brandsIcons","isPayButtonPrimaryVariant","onFocus","onBlur","onErrorAnalytics","onConfigSuccess","render","CoreProvider","loadingContext","SRPanelProvider","srPanel","ClickToPayWrapper","clickToPayService","isStandaloneComponent","setClickToPayRef","onSetStatus","setElementStatus","handleClickToPaySubmit","onError","handleError","checkout","_this_clickToPayService","_define_property","ref","event","_this_props_onBrand","_this_props","call","payload","valid","errors","_this_props_onConfigSuccess","_this_props_onFocus","_this_props_onFocus1","_this_props1","ANALYTICS_FOCUS_STR","target","fieldTypeToSnakeCase","fieldType","ALL_SECURED_FIELDS","_this_props_onBlur","_this_props_onBlur1","ANALYTICS_UNFOCUS_STR","ANALYTICS_VALIDATION_ERROR_STR","validationErrorCode","errorCode","validationErrorMessage","errorMessage","triggerBinLookUp","_this_props_amount","_this_props_storedPaymentMethodId","isZeroAuth","isStoredCard","length","PayButton","secondaryAmount","label","onClick","_disableClickToPay","createClickToPayService","environment","initialize","scheme","defaultProps","showFormInstruction"],"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","setStatus","status","props","_this_componentRef","_this_clickToPayRef","this","componentRef","clickToPayRef","formatProps","_this_core_options_session","_this_core_options","_this_core_options_session1","_this_core_options1","enableStoreDetails","session","configuration","showStoreDetailsCheckbox","amount","value","storedCardID","storedPaymentMethodId","id","isEcommerceStoredCard","supportedShopperInteractions","includes","AdyenCheckoutError","IMPLEMENTATION_ERROR","_object_spread","holderNameRequired","hasHolderName","hasCVC","brand","hideCVC","billingAddressRequired","TxVariants","card","countryCode","toLowerCase","_object_spread_props","socialSecurityNumberMode","brandsConfiguration","icon","installmentOptions","clickToPayConfiguration","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","processBinLookupResponse","binLookupResponse","isReset","handleUnsupportedCard","errObj","onBinLookup","obj","nuObj","reject","from","submitAnalytics","analyticsObj","ANALYTICS_RENDERED_STR","ANALYTICS_CONFIGURED_STR","constructor","hasOwnProperty","isStoredPaymentMethod","super","_this_props_storedPaymentMethodId","_this_props_amount","length","storePaymentMethod","Boolean","isValid","_this_props_icon","resources","getImage","brands","map","modules","name","displayName","lastFour","accessibleName","get","collectBrowserInfo","renderCardInput","isCardPrimaryInput","h","CardInput","setComponentRef","onChange","setState","onSubmit","submit","payButton","onBrand","onBinValue","brandsIcons","isPayButtonPrimaryVariant","onFocus","onBlur","onValidationErrorAnalytics","onConfigSuccess","render","CoreProvider","loadingContext","SRPanelProvider","srPanel","ClickToPayWrapper","clickToPayService","isStandaloneComponent","setClickToPayRef","onSetStatus","setElementStatus","handleClickToPaySubmit","onError","handleError","checkout","_this_clickToPayService","_define_property","ref","event","_this_props_onBrand","_this_props","call","payload","valid","errors","_this_props_onConfigSuccess","_this_props_onFocus","_this_props_onFocus1","_this_props1","ANALYTICS_FOCUS_STR","target","fieldTypeToSnakeCase","fieldType","ALL_SECURED_FIELDS","_this_props_onBlur","_this_props_onBlur1","ANALYTICS_UNFOCUS_STR","ANALYTICS_VALIDATION_ERROR_STR","validationErrorCode","errorCode","validationErrorMessage","getErrorMessageFromCode","SF_ErrorCodes","triggerBinLookUp","isZeroAuth","isStoredCard","PayButton","secondaryAmount","label","onClick","_disableClickToPay","createClickToPayService","environment","initialize","scheme","defaultProps","showFormInstruction"],"mappings":"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"}

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

package/dist/es-legacy/components/Card/components/CardInput/CardInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardInput.js","sources":["../../../../../../src/components/Card/components/CardInput/CardInput.tsx"],"sourcesContent":["import { h, Fragment } from 'preact';\nimport { useState, useEffect, useRef, useMemo, useCallback } from 'preact/hooks';\nimport SecuredFieldsProvider from '../../../internal/SecuredFields/SFP/SecuredFieldsProvider';\nimport { OnChangeEventDetails, SFPState } from '../../../internal/SecuredFields/SFP/types';\nimport defaultProps from './defaultProps';\nimport './CardInput.scss';\nimport { AddressModeOptions, CardInputDataState, CardInputErrorState, CardInputProps, CardInputRef, CardInputValidState } from './types';\nimport { CVC_POLICY_REQUIRED, DATE_POLICY_REQUIRED } from '../../../internal/SecuredFields/lib/configuration/constants';\nimport { BinLookupResponse } from '../../types';\nimport { cardInputFormatters, cardInputValidationRules, getRuleByNameAndMode } from './validate';\nimport CIExtensions from '../../../internal/SecuredFields/binLookup/extensions';\nimport useForm from '../../../../utils/useForm';\nimport { SetSRMessagesReturnObject, SortedErrorObject } from '../../../../core/Errors/types';\nimport { handlePartialAddressMode, extractPropsForCardFields, extractPropsForSFP, getLayout, lookupBlurBasedErrors, mapFieldKey } from './utils';\nimport { usePrevious } from '../../../../utils/hookUtils';\nimport Specifications from '../../../internal/Address/Specifications';\nimport { StoredCardFieldsWrapper } from './components/StoredCardFieldsWrapper';\nimport { CardFieldsWrapper } from './components/CardFieldsWrapper';\nimport { getAddressHandler, getAutoJumpHandler, getFocusHandler, setFocusOnFirstField } from './handlers';\nimport { InstallmentsObj } from './components/Installments/Installments';\nimport { TouchStartEventObj } from './components/types';\nimport classNames from 'classnames';\nimport { getPartialAddressValidationRules } from '../../../internal/Address/validate';\nimport { ERROR_ACTION_BLUR_SCENARIO, ERROR_ACTION_FOCUS_FIELD } from '../../../../core/Errors/constants';\nimport useSRPanelContext from '../../../../core/Errors/useSRPanelContext';\nimport { SetSRMessagesReturnFn } from '../../../../core/Errors/SRPanelProvider';\nimport useImage from '../../../../core/Context/useImage';\nimport { getArrayDifferences } from '../../../../utils/arrayUtils';\nimport FormInstruction from '../../../internal/FormInstruction';\nimport { AddressData } from '../../../../types/global-types';\nimport { CbObjOnFocus } from '../../../internal/SecuredFields/lib/types';\nimport { FieldErrorAnalyticsObject } from '../../../../core/Analytics/types';\n\nconst CardInput = (props: CardInputProps) => {\n const sfp = useRef(null);\n const isValidating = useRef(false);\n const getImage = useImage();\n\n /** SR stuff /\n const { setSRMessagesFromObjects, setSRMessagesFromStrings, clearSRPanel, shouldMoveFocusSR } = useSRPanelContext();\n\n // Generate a setSRMessages function - implemented as a partial, since the initial set of arguments don't change.\n const setSRMessages: SetSRMessagesReturnFn = setSRMessagesFromObjects?.({\n fieldTypeMappingFn: mapFieldKey\n });\n /* end SR stuff /\n\n const billingAddressRef = useRef(null);\n const setAddressRef = ref => {\n billingAddressRef.current = ref;\n };\n\n const cardInputRef = useRef<CardInputRef>({});\n // Just call once to create the object by which we expose the members expected by the parent Card comp\n if (!Object.keys(cardInputRef.current).length) {\n props.setComponentRef(cardInputRef.current);\n }\n\n const hasPanLengthRef = useRef(0);\n const isAutoJumping = useRef(false);\n\n const specifications = useMemo(() => new Specifications(props.specifications), [props.specifications]);\n\n // Store ref to sfp (useful for 'deep' debugging)\n cardInputRef.current.sfp = sfp;\n\n /\n STATE HOOKS\n /\n const [status, setStatus] = useState('ready');\n\n const [errors, setErrors] = useState<CardInputErrorState>({});\n const [valid, setValid] = useState<CardInputValidState>({\n ...(props.holderNameRequired && { holderName: false })\n });\n const [data, setData] = useState<CardInputDataState>({\n ...(props.hasHolderName && { holderName: props.data.holderName ?? '' })\n });\n\n const [sortedErrorList, setSortedErrorList] = useState<SortedErrorObject[]>(null);\n\n const [focusedElement, setFocusedElement] = useState('');\n const [isSfpValid, setIsSfpValid] = useState(false);\n const [expiryDatePolicy, setExpiryDatePolicy] = useState(DATE_POLICY_REQUIRED);\n const [cvcPolicy, setCvcPolicy] = useState(CVC_POLICY_REQUIRED);\n const [issuingCountryCode, setIssuingCountryCode] = useState<string>(null);\n\n const [dualBrandSelectElements, setDualBrandSelectElements] = useState([]);\n const [selectedBrandValue, setSelectedBrandValue] = useState(props.storedPaymentMethodId ? props.brand : ''); // If this is a storedCard comp initialise state with the storedCard's brand\n\n const showBillingAddress = props.billingAddressMode !== AddressModeOptions.none && props.billingAddressRequired;\n\n const partialAddressSchema = handlePartialAddressMode(props.billingAddressMode);\n // Keeps the value of the country set initially by the merchant, before the Address Component mutates it\n const partialAddressCountry = useRef<string>(partialAddressSchema && props.data?.billingAddress?.country);\n\n const [storePaymentMethod, setStorePaymentMethod] = useState(false);\n const [billingAddress, setBillingAddress] = useState<AddressData>(showBillingAddress ? props.data.billingAddress : null);\n const [showSocialSecurityNumber, setShowSocialSecurityNumber] = useState(false);\n const [socialSecurityNumber, setSocialSecurityNumber] = useState('');\n const [installments, setInstallments] = useState<InstallmentsObj>({ value: null });\n\n // re. Disable arrows for iOS: The name of the element calling for other elements to be disabled\n // - either a securedField type (like 'encryptedCardNumber') when call is coming from SF\n // or else the name of an internal, Adyen-web, element (like 'holderName')\n const [iOSFocusedField, setIOSFocusedField] = useState(null);\n\n /\n LOCAL VARS\n /\n const {\n handleChangeFor,\n triggerValidation,\n data: formData,\n valid: formValid,\n errors: formErrors,\n setSchema,\n setData: setFormData,\n setValid: setFormValid,\n setErrors: setFormErrors\n } = useForm<CardInputDataState>({\n schema: [],\n defaultData: props.data,\n formatters: cardInputFormatters,\n rules: cardInputValidationRules\n });\n\n const hasInstallments = !!Object.keys(props.installmentOptions).length && props.fundingSource !== 'debit';\n const showAmountsInInstallments = props.showInstallmentAmounts ?? true;\n\n const cardCountryCode: string = issuingCountryCode ?? props.countryCode;\n const isKorea = cardCountryCode === 'kr'; // If issuingCountryCode or the merchant defined countryCode is set to 'kr'\n const showKCP = props.configuration.koreanAuthenticationRequired && isKorea;\n\n const showBrazilianSSN: boolean =\n (showSocialSecurityNumber && props.configuration.socialSecurityNumberMode === 'auto') \|\|\n props.configuration.socialSecurityNumberMode === 'show';\n\n /\n HANDLERS\n /\n // Handlers for focus & blur on all fields. Can be renamed to onFieldFocus once the onFocusField is renamed in Field.tsx\n const onFieldFocusAnalytics = (who: string, e: Event \| CbObjOnFocus) => {\n props.onFocus({ fieldType: who, event: e });\n };\n const onFieldBlurAnalytics = (who: string, e: Event \| CbObjOnFocus) => {\n props.onBlur({ fieldType: who, event: e });\n };\n\n // Make SecuredFields aware of the focus & blur handlers\n const handleFocus = getFocusHandler(setFocusedElement, onFieldFocusAnalytics, onFieldBlurAnalytics);\n\n const retrieveLayout = (): string[] => {\n return getLayout({\n props,\n showKCP,\n showBrazilianSSN,\n ...(props.billingAddressRequired && {\n countrySpecificSchemas: specifications.getAddressSchemaForCountry(billingAddress?.country),\n billingAddressRequiredFields: props.billingAddressRequiredFields\n })\n });\n };\n\n /\n re. Disabling arrow keys in iOS:\n * Only by disabling all fields in the Card PM except for the active securedField input can we force the iOS soft keyboard arrow keys to disable\n \n NOTE: only called if ua.__IS_IOS = true && this.config.disableIOSArrowKeys = true (as referenced in CSF)\n \n @param obj - has fieldType prop saying whether this function is being called in response to an securedFields click ('encryptedCardNumber' etc)\n * - in which case we should disable all non-SF fields\n * or,\n * due to an internal action ('webInternalElement') - in which case we can enable all non-SF fields\n /\n const handleTouchstartIOS = useCallback((obj: TouchStartEventObj) => {\n const elementType = obj.fieldType !== 'webInternalElement' ? obj.fieldType : obj.name;\n setIOSFocusedField(elementType);\n }, []);\n\n const handleAddress = getAddressHandler(setFormData, setFormValid, setFormErrors);\n\n const doPanAutoJump = getAutoJumpHandler(isAutoJumping, sfp, retrieveLayout());\n\n const handleSecuredFieldsChange = (sfState: SFPState, eventDetails?: OnChangeEventDetails): void => {\n /\n Handling auto complete value for holderName (but only if the component is using a holderName field)\n /\n if (sfState.autoCompleteName) {\n if (!props.hasHolderName) return;\n const holderNameValidationFn = getRuleByNameAndMode('holderName', 'blur');\n const acHolderName = holderNameValidationFn(sfState.autoCompleteName) ? sfState.autoCompleteName : null;\n if (acHolderName) {\n setFormData('holderName', acHolderName);\n setFormValid('holderName', true); // only if holderName is valid does this fny get called - so we know it's valid and w/o error\n setFormErrors('holderName', null);\n }\n return;\n }\n\n /\n If PAN has just become valid: decide if we can shift focus to the next field.\n \n We can if the config prop, autoFocus, is true AND we have a panLength value from binLookup AND one of the following scenarios is true:\n * - If encryptedCardNumber was invalid but now is valid\n * [scenario: shopper has typed in a number and field is now valid]\n * - If encryptedCardNumber was valid and still is valid and we're handling an onBrand event (triggered by binLookup which has happened after the handleOnFieldValid event)\n * [scenario: shopper has pasted in a full, valid, number]\n /\n if (\n props.autoFocus &&\n hasPanLengthRef.current > 0 &&\n ((!valid.encryptedCardNumber && sfState.valid?.encryptedCardNumber) \|\|\n (valid.encryptedCardNumber && sfState.valid.encryptedCardNumber && eventDetails?.event === 'handleOnBrand'))\n ) {\n doPanAutoJump();\n }\n\n /\n Process SFP state\n /\n setData({ ...data, ...sfState.data });\n setErrors({ ...errors, ...sfState.errors });\n setValid({ ...valid, ...sfState.valid });\n\n setIsSfpValid(sfState.isSfpValid);\n\n // Values relating to /binLookup response\n setCvcPolicy(sfState.cvcPolicy);\n setShowSocialSecurityNumber(sfState.showSocialSecurityNumber);\n setExpiryDatePolicy(sfState.expiryDatePolicy);\n };\n\n // Farm the handlers for binLookup related functionality out to another 'extensions' file\n const extensions = useMemo(\n () =>\n CIExtensions(\n props,\n { sfp },\n {\n dualBrandSelectElements,\n setDualBrandSelectElements,\n setSelectedBrandValue,\n issuingCountryCode,\n setIssuingCountryCode\n },\n hasPanLengthRef\n ),\n [dualBrandSelectElements, issuingCountryCode]\n );\n\n /\n EXPOSE METHODS expected by Card.tsx\n /\n cardInputRef.current.showValidation = () => {\n // set flag\n isValidating.current = true;\n\n /\n Clear errors prior to validating so that the screenreader will read them all again, and in the right order\n * - only using aria-atomic on the error panel will read them in the wrong order\n /\n clearSRPanel?.(); // TODO - recheck if this is still true\n\n // Validate SecuredFields\n sfp.current.showValidation();\n\n // Validate holderName & SSN & KCP (taxNumber) but not* billingAddress\n triggerValidation(['holderName', 'socialSecurityNumber', 'taxNumber']);\n\n // Validate Address\n if (billingAddressRef?.current) billingAddressRef.current.showValidation();\n };\n\n cardInputRef.current.processBinLookupResponse = (binLookupResponse: BinLookupResponse, isReset: boolean) => {\n extensions.processBinLookup(binLookupResponse, isReset);\n };\n\n cardInputRef.current.setStatus = setStatus;\n\n /*\n EFFECT HOOKS\n /\n useEffect(() => {\n // componentDidMount - expose more methods expected by Card.tsx\n cardInputRef.current.setFocusOn = sfp.current.setFocusOn;\n cardInputRef.current.updateStyles = sfp.current.updateStyles;\n cardInputRef.current.handleUnsupportedCard = sfp.current.handleUnsupportedCard;\n\n // componentWillUnmount\n return () => {\n sfp.current.destroy();\n };\n }, []);\n\n /\n Handle form schema updates\n /\n useEffect(() => {\n const newSchema = [\n ...(props.hasHolderName ? ['holderName'] : []),\n ...(showBrazilianSSN ? ['socialSecurityNumber'] : []),\n ...(showKCP ? ['taxNumber'] : []),\n ...(showBillingAddress ? ['billingAddress'] : [])\n ];\n setSchema(newSchema);\n }, [props.hasHolderName, showBrazilianSSN, showKCP]);\n\n /\n Handle updates from useForm\n /\n useEffect(() => {\n setData({ ...data, holderName: formData.holderName ?? '', taxNumber: formData.taxNumber });\n\n setSocialSecurityNumber(formData.socialSecurityNumber);\n\n if (showBillingAddress) setBillingAddress({ ...formData.billingAddress });\n\n setValid({\n ...valid,\n holderName: props.holderNameRequired ? formValid.holderName : true,\n // Setting value to false if it's falsy keeps in line with existing, expected behaviour\n // - but there is an argument to allow 'undefined' as a value to indicate the non-presence of the field\n socialSecurityNumber: formValid.socialSecurityNumber ? formValid.socialSecurityNumber : false,\n taxNumber: formValid.taxNumber ? formValid.taxNumber : false,\n billingAddress: formValid.billingAddress ? formValid.billingAddress : false\n });\n\n // Check if billingAddress errors object has any properties that aren't null or undefined\n const addressHasErrors = formErrors.billingAddress\n ? Object.entries(formErrors.billingAddress).reduce((acc, [, error]) => acc \|\| error != null, false)\n : false;\n\n // Errors\n setErrors({\n ...errors,\n holderName: props.holderNameRequired && !!formErrors.holderName ? formErrors.holderName : null,\n socialSecurityNumber: showBrazilianSSN && !!formErrors.socialSecurityNumber ? formErrors.socialSecurityNumber : null,\n taxNumber: showKCP && !!formErrors.taxNumber ? formErrors.taxNumber : null,\n billingAddress: showBillingAddress && addressHasErrors ? formErrors.billingAddress : null\n });\n }, [formData, formValid, formErrors]);\n\n // Get the previous value\n const previousSortedErrors = usePrevious(sortedErrorList);\n\n /\n Main 'componentDidUpdate' handler\n /\n useEffect(() => {\n const holderNameValid: boolean = valid.holderName;\n\n const sfpValid: boolean = isSfpValid;\n const addressValid: boolean = showBillingAddress ? valid.billingAddress : true;\n\n const koreanAuthentication: boolean = showKCP ? !!valid.taxNumber && !!valid.encryptedPassword : true;\n\n const socialSecurityNumberValid: boolean = showBrazilianSSN ? !!valid.socialSecurityNumber : true;\n\n const isValid: boolean = sfpValid && holderNameValid && addressValid && koreanAuthentication && socialSecurityNumberValid;\n\n const sfStateErrorsObj = sfp.current.mapErrorsToValidationRuleResult();\n const mergedErrors = { ...errors, ...sfStateErrorsObj }; // maps sfErrors AND solves race condition problems for sfp from showValidation\n\n // Extract and then flatten billingAddress errors into a new object with all* the field errors at top level\n const { billingAddress: extractedAddressErrors, ...errorsWithoutAddress } = mergedErrors;\n\n const errorsForPanel = { ...errorsWithoutAddress, ...extractedAddressErrors };\n\n // Pass dynamic props (errors, layout etc) to SRPanel via partial\n const srPanelResp: SetSRMessagesReturnObject = setSRMessages?.({\n errors: errorsForPanel,\n isValidating: isValidating.current,\n layout: retrieveLayout(),\n // If we don't have country specific address labels, we might have a label related to a partialAddressSchema (i.e. zipCode)\n countrySpecificLabels: specifications.getAddressLabelsForCountry(billingAddress?.country) ?? partialAddressSchema?.default?.labels\n });\n\n /*\n Need extra actions after setting SRPanel messages in order to focus field (if required) and because we have some errors that are fired onBlur\n /\n const currentErrorsSortedByLayout = srPanelResp?.currentErrorsSortedByLayout;\n\n // Store the array of sorted error objects separately so that we can use it to make comparisons between the old and new arrays\n setSortedErrorList(currentErrorsSortedByLayout);\n\n switch (srPanelResp?.action) {\n // A call to focus the first field in error will always follow the call to validate the whole form\n case ERROR_ACTION_FOCUS_FIELD:\n if (shouldMoveFocusSR) setFocusOnFirstField(isValidating.current, sfp, srPanelResp?.fieldToFocus);\n // Remove 'showValidation' mode - allowing time for collation of all the fields in error whilst it is 'showValidation' mode (some errors come in a second render pass)\n setTimeout(() => {\n isValidating.current = false;\n }, 300);\n break;\n /* On blur scenario: not validating, i.e. trying to submit form, but there might be an error, either to set or to clear /\n case ERROR_ACTION_BLUR_SCENARIO: {\n const difference = getArrayDifferences<SortedErrorObject, string>(currentErrorsSortedByLayout, previousSortedErrors, 'field');\n\n const latestErrorMsg = difference?.[0];\n\n if (latestErrorMsg) {\n // Use the error code to look up whether error is actually a blur based one (most are but some SF ones aren't)\n const isBlurBasedError = lookupBlurBasedErrors(latestErrorMsg.errorCode);\n\n /\n ONLY ADD BLUR BASED ERRORS TO THE ERROR PANEL - doing this step prevents the non-blur based errors from being read out twice\n * (once from the aria-live, error panel & once from the aria-describedby element)\n /\n const latestSRError = isBlurBasedError ? latestErrorMsg.errorMessage : null;\n // console.log('### CardInput2::componentDidUpdate:: #2 (not validating) single error:: latestSRError', latestSRError);\n setSRMessagesFromStrings(latestSRError);\n } else {\n // called when previousSortedErrors.length >= currentErrorsSortedByLayout.length\n // console.log('### CardInput2::componentDidUpdate:: #3(not validating) clearing errors:: NO latestErrorMsg');\n clearSRPanel();\n }\n break;\n }\n default:\n break;\n }\n\n // Analytics\n if (currentErrorsSortedByLayout) {\n const newErrors = getArrayDifferences<SortedErrorObject, string>(currentErrorsSortedByLayout, previousSortedErrors, 'field');\n newErrors?.forEach(errorItem => {\n const aObj: FieldErrorAnalyticsObject = {\n fieldType: errorItem.field,\n errorCode: errorItem.errorCode,\n errorMessage: errorItem.errorMessage\n };\n\n props.onErrorAnalytics(aObj);\n });\n }\n\n props.onChange({\n data,\n valid,\n errors: mergedErrors,\n isValid,\n billingAddress,\n selectedBrandValue,\n storePaymentMethod,\n socialSecurityNumber,\n installments\n });\n }, [data, valid, errors, selectedBrandValue, storePaymentMethod, installments]);\n\n /\n RENDER\n */\n const FieldToRender = props.storedPaymentMethodId ? StoredCardFieldsWrapper : CardFieldsWrapper;\n\n return (\n <Fragment>\n <SecuredFieldsProvider\n ref={sfp}\n {...extractPropsForSFP(props)}\n styles={{ ...props.styles }}\n koreanAuthenticationRequired={props.configuration.koreanAuthenticationRequired}\n hasKoreanFields={!!(props.configuration.koreanAuthenticationRequired && props.countryCode === 'kr')}\n onChange={handleSecuredFieldsChange}\n onBrand={props.onBrand}\n onFocus={handleFocus}\n type={props.brand}\n disableIOSArrowKeys={props.disableIOSArrowKeys ? handleTouchstartIOS : null}\n render={({ setRootNode, setFocusOn }, sfpState) => (\n <div\n ref={setRootNode}\n className={classNames({\n 'adyen-checkout__card-input': true,\n 'adyen-checkout-card-input__wrapper': true,\n [`adyen-checkout__card-input--${props.fundingSource ?? 'credit'}`]: true,\n 'adyen-checkout__card-input--loading': status === 'loading'\n })}\n role={'form'}\n >\n {props.showFormInstruction && <FormInstruction />}\n <FieldToRender\n // Extract exact props that we need to pass down\n {...extractPropsForCardFields(props)}\n // Pass on vars created in CardInput:\n // Base (shared w. StoredCard)\n data={data}\n valid={valid}\n errors={errors}\n handleChangeFor={handleChangeFor}\n focusedElement={focusedElement}\n setFocusOn={setFocusOn}\n sfpState={sfpState}\n cvcPolicy={cvcPolicy}\n hasInstallments={hasInstallments}\n showAmountsInInstallments={showAmountsInInstallments}\n handleInstallments={setInstallments}\n // For Card\n brandsIcons={props.brandsIcons}\n formData={formData}\n formErrors={formErrors}\n formValid={formValid}\n expiryDatePolicy={expiryDatePolicy}\n dualBrandSelectElements={dualBrandSelectElements}\n extensions={extensions}\n selectedBrandValue={selectedBrandValue}\n // For KCP\n showKCP={showKCP}\n // For SSN\n showBrazilianSSN={showBrazilianSSN}\n socialSecurityNumber={socialSecurityNumber}\n // For Store details\n handleOnStoreDetails={setStorePaymentMethod}\n // For Address\n setAddressRef={setAddressRef}\n billingAddress={billingAddress}\n billingAddressValidationRules={partialAddressSchema && getPartialAddressValidationRules(partialAddressCountry.current)}\n partialAddressSchema={partialAddressSchema}\n handleAddress={handleAddress}\n onAddressLookup={props.onAddressLookup}\n onAddressSelected={props.onAddressSelected}\n addressSearchDebounceMs={props.addressSearchDebounceMs}\n //\n iOSFocusedField={iOSFocusedField}\n //\n onFieldFocusAnalytics={onFieldFocusAnalytics}\n onFieldBlurAnalytics={onFieldBlurAnalytics}\n />\n </div>\n )}\n />\n {props.showPayButton &&\n props.payButton({\n status,\n variant: props.isPayButtonPrimaryVariant ? 'primary' : 'secondary',\n icon: getImage({ imageFolder: 'components/' })('lock')\n })}\n </Fragment>\n );\n};\n\nCardInput.defaultProps = defaultProps;\n\nexport default CardInput;\n"],"names":["CardInput","props","sfp","useRef","isValidating","getImage","useImage","setSRMessagesFromObjects","setSRMessagesFromStrings","clearSRPanel","shouldMoveFocusSR","useSRPanelContext","setSRMessages","fieldTypeMappingFn","mapFieldKey","billingAddressRef","setAddressRef","ref","current","cardInputRef","Object","keys","length","setComponentRef","hasPanLengthRef","isAutoJumping","specifications","useMemo","Specifications","status","setStatus","useState","errors","setErrors","valid","setValid","_object_spread","holderNameRequired","holderName","data","setData","hasHolderName","sortedErrorList","setSortedErrorList","focusedElement","setFocusedElement","isSfpValid","setIsSfpValid","expiryDatePolicy","setExpiryDatePolicy","DATE_POLICY_REQUIRED","cvcPolicy","setCvcPolicy","CVC_POLICY_REQUIRED","issuingCountryCode","setIssuingCountryCode","dualBrandSelectElements","setDualBrandSelectElements","selectedBrandValue","setSelectedBrandValue","storedPaymentMethodId","brand","showBillingAddress","billingAddressMode","AddressModeOptions","none","billingAddressRequired","partialAddressSchema","handlePartialAddressMode","partialAddressCountry","billingAddress","country","storePaymentMethod","setStorePaymentMethod","setBillingAddress","showSocialSecurityNumber","setShowSocialSecurityNumber","socialSecurityNumber","setSocialSecurityNumber","installments","setInstallments","value","iOSFocusedField","setIOSFocusedField","handleChangeFor","triggerValidation","formData","formValid","formErrors","setSchema","setFormData","setFormValid","setFormErrors","useForm","schema","defaultData","formatters","cardInputFormatters","rules","cardInputValidationRules","hasInstallments","installmentOptions","fundingSource","showAmountsInInstallments","showInstallmentAmounts","isKorea","countryCode","showKCP","configuration","koreanAuthenticationRequired","showBrazilianSSN","socialSecurityNumberMode","onFieldFocusAnalytics","who","e","onFocus","fieldType","event","onFieldBlurAnalytics","onBlur","handleFocus","getFocusHandler","retrieveLayout","getLayout","countrySpecificSchemas","getAddressSchemaForCountry","billingAddressRequiredFields","handleTouchstartIOS","useCallback","obj","elementType","name","handleAddress","getAddressHandler","doPanAutoJump","getAutoJumpHandler","extensions","CIExtensions","showValidation","processBinLookupResponse","binLookupResponse","isReset","processBinLookup","useEffect","setFocusOn","updateStyles","handleUnsupportedCard","destroy","newSchema","_object_spread_props","taxNumber","addressHasErrors","entries","reduce","acc","error","previousSortedErrors","usePrevious","holderNameValid","sfpValid","addressValid","koreanAuthentication","encryptedPassword","socialSecurityNumberValid","isValid","sfStateErrorsObj","mapErrorsToValidationRuleResult","mergedErrors","extractedAddressErrors","errorsForPanel","srPanelResp","layout","countrySpecificLabels","getAddressLabelsForCountry","default","labels","currentErrorsSortedByLayout","action","ERROR_ACTION_FOCUS_FIELD","setFocusOnFirstField","fieldToFocus","setTimeout","ERROR_ACTION_BLUR_SCENARIO","difference","getArrayDifferences","latestErrorMsg","latestSRError","lookupBlurBasedErrors","errorCode","errorMessage","newErrors","forEach","errorItem","aObj","field","onErrorAnalytics","onChange","FieldToRender","StoredCardFieldsWrapper","CardFieldsWrapper","h","Fragment","SecuredFieldsProvider","extractPropsForSFP","styles","hasKoreanFields","sfState","eventDetails","autoCompleteName","acHolderName","getRuleByNameAndMode","holderNameValidationFn","autoFocus","encryptedCardNumber","onBrand","type","disableIOSArrowKeys","render","setRootNode","sfpState","div","className","classNames","role","showFormInstruction","FormInstruction","extractPropsForCardFields","handleInstallments","brandsIcons","handleOnStoreDetails","billingAddressValidationRules","getPartialAddressValidationRules","onAddressLookup","onAddressSelected","addressSearchDebounceMs","showPayButton","payButton","variant","isPayButtonPrimaryVariant","icon","imageFolder","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"CardInput.js","sources":["../../../../../../src/components/Card/components/CardInput/CardInput.tsx"],"sourcesContent":["import { h, Fragment } from 'preact';\nimport { useState, useEffect, useRef, useMemo, useCallback } from 'preact/hooks';\nimport SecuredFieldsProvider from '../../../internal/SecuredFields/SFP/SecuredFieldsProvider';\nimport { OnChangeEventDetails, SFPState } from '../../../internal/SecuredFields/SFP/types';\nimport defaultProps from './defaultProps';\nimport './CardInput.scss';\nimport { AddressModeOptions, CardInputDataState, CardInputErrorState, CardInputProps, CardInputRef, CardInputValidState } from './types';\nimport { CVC_POLICY_REQUIRED, DATE_POLICY_REQUIRED, ENCRYPTED_CARD_NUMBER } from '../../../internal/SecuredFields/lib/constants';\nimport { BinLookupResponse } from '../../types';\nimport { cardInputFormatters, cardInputValidationRules, getRuleByNameAndMode } from './validate';\nimport CIExtensions from '../../../internal/SecuredFields/binLookup/extensions';\nimport useForm from '../../../../utils/useForm';\nimport { SetSRMessagesReturnObject, SortedErrorObject } from '../../../../core/Errors/types';\nimport { handlePartialAddressMode, extractPropsForCardFields, extractPropsForSFP, getLayout, lookupBlurBasedErrors, mapFieldKey } from './utils';\nimport { usePrevious } from '../../../../utils/hookUtils';\nimport Specifications from '../../../internal/Address/Specifications';\nimport { StoredCardFieldsWrapper } from './components/StoredCardFieldsWrapper';\nimport { CardFieldsWrapper } from './components/CardFieldsWrapper';\nimport { getAddressHandler, getAutoJumpHandler, getFocusHandler, setFocusOnFirstField } from './handlers';\nimport { InstallmentsObj } from './components/Installments/Installments';\nimport { TouchStartEventObj } from './components/types';\nimport classNames from 'classnames';\nimport { getPartialAddressValidationRules } from '../../../internal/Address/validate';\nimport { ERROR_ACTION_BLUR_SCENARIO, ERROR_ACTION_FOCUS_FIELD } from '../../../../core/Errors/constants';\nimport useSRPanelContext from '../../../../core/Errors/useSRPanelContext';\nimport { SetSRMessagesReturnFn } from '../../../../core/Errors/SRPanelProvider';\nimport useImage from '../../../../core/Context/useImage';\nimport { getArrayDifferences } from '../../../../utils/arrayUtils';\nimport FormInstruction from '../../../internal/FormInstruction';\nimport { AddressData } from '../../../../types/global-types';\nimport { CbObjOnFocus } from '../../../internal/SecuredFields/lib/types';\nimport { FieldErrorAnalyticsObject } from '../../../../core/Analytics/types';\n\nconst CardInput = (props: CardInputProps) => {\n const sfp = useRef(null);\n const isValidating = useRef(false);\n const getImage = useImage();\n\n /** SR stuff /\n const { setSRMessagesFromObjects, setSRMessagesFromStrings, clearSRPanel, shouldMoveFocusSR } = useSRPanelContext();\n\n // Generate a setSRMessages function - implemented as a partial, since the initial set of arguments don't change.\n const setSRMessages: SetSRMessagesReturnFn = setSRMessagesFromObjects?.({\n fieldTypeMappingFn: mapFieldKey\n });\n /* end SR stuff /\n\n const billingAddressRef = useRef(null);\n const setAddressRef = ref => {\n billingAddressRef.current = ref;\n };\n\n const cardInputRef = useRef<CardInputRef>({});\n // Just call once to create the object by which we expose the members expected by the parent Card comp\n if (!Object.keys(cardInputRef.current).length) {\n props.setComponentRef(cardInputRef.current);\n }\n\n const hasPanLengthRef = useRef(0);\n const isAutoJumping = useRef(false);\n\n const specifications = useMemo(() => new Specifications(props.specifications), [props.specifications]);\n\n // Store ref to sfp (useful for 'deep' debugging)\n cardInputRef.current.sfp = sfp;\n\n /\n STATE HOOKS\n /\n const [status, setStatus] = useState('ready');\n\n const [errors, setErrors] = useState<CardInputErrorState>({});\n const [valid, setValid] = useState<CardInputValidState>({\n ...(props.holderNameRequired && { holderName: false })\n });\n const [data, setData] = useState<CardInputDataState>({\n ...(props.hasHolderName && { holderName: props.data.holderName ?? '' })\n });\n\n const [sortedErrorList, setSortedErrorList] = useState<SortedErrorObject[]>(null);\n\n const [focusedElement, setFocusedElement] = useState('');\n const [isSfpValid, setIsSfpValid] = useState(false);\n const [expiryDatePolicy, setExpiryDatePolicy] = useState(DATE_POLICY_REQUIRED);\n const [cvcPolicy, setCvcPolicy] = useState(CVC_POLICY_REQUIRED);\n const [issuingCountryCode, setIssuingCountryCode] = useState<string>(null);\n\n const [dualBrandSelectElements, setDualBrandSelectElements] = useState([]);\n const [selectedBrandValue, setSelectedBrandValue] = useState(props.storedPaymentMethodId ? props.brand : ''); // If this is a storedCard comp initialise state with the storedCard's brand\n\n const showBillingAddress = props.billingAddressMode !== AddressModeOptions.none && props.billingAddressRequired;\n\n const partialAddressSchema = handlePartialAddressMode(props.billingAddressMode);\n // Keeps the value of the country set initially by the merchant, before the Address Component mutates it\n const partialAddressCountry = useRef<string>(partialAddressSchema && props.data?.billingAddress?.country);\n\n const [storePaymentMethod, setStorePaymentMethod] = useState(false);\n const [billingAddress, setBillingAddress] = useState<AddressData>(showBillingAddress ? props.data.billingAddress : null);\n const [showSocialSecurityNumber, setShowSocialSecurityNumber] = useState(false);\n const [socialSecurityNumber, setSocialSecurityNumber] = useState('');\n const [installments, setInstallments] = useState<InstallmentsObj>({ value: null });\n\n // re. Disable arrows for iOS: The name of the element calling for other elements to be disabled\n // - either a securedField type (like 'encryptedCardNumber') when call is coming from SF\n // or else the name of an internal, Adyen-web, element (like 'holderName')\n const [iOSFocusedField, setIOSFocusedField] = useState(null);\n\n /\n LOCAL VARS\n /\n const {\n handleChangeFor,\n triggerValidation,\n data: formData,\n valid: formValid,\n errors: formErrors,\n setSchema,\n setData: setFormData,\n setValid: setFormValid,\n setErrors: setFormErrors\n } = useForm<CardInputDataState>({\n schema: [],\n defaultData: props.data,\n formatters: cardInputFormatters,\n rules: cardInputValidationRules\n });\n\n const hasInstallments = !!Object.keys(props.installmentOptions).length && props.fundingSource !== 'debit';\n const showAmountsInInstallments = props.showInstallmentAmounts ?? true;\n\n const cardCountryCode: string = issuingCountryCode ?? props.countryCode;\n const isKorea = cardCountryCode === 'kr'; // If issuingCountryCode or the merchant defined countryCode is set to 'kr'\n const showKCP = props.configuration.koreanAuthenticationRequired && isKorea;\n\n const showBrazilianSSN: boolean =\n (showSocialSecurityNumber && props.configuration.socialSecurityNumberMode === 'auto') \|\|\n props.configuration.socialSecurityNumberMode === 'show';\n\n /\n HANDLERS\n /\n // Handlers for focus & blur on all fields. Can be renamed to onFieldFocus once the onFocusField is renamed in Field.tsx\n const onFieldFocusAnalytics = (who: string, e: Event \| CbObjOnFocus) => {\n props.onFocus({ fieldType: who, event: e });\n };\n const onFieldBlurAnalytics = (who: string, e: Event \| CbObjOnFocus) => {\n props.onBlur({ fieldType: who, event: e });\n };\n\n // Make SecuredFields aware of the focus & blur handlers\n const handleFocus = getFocusHandler(setFocusedElement, onFieldFocusAnalytics, onFieldBlurAnalytics);\n\n const retrieveLayout = (): string[] => {\n return getLayout({\n props,\n showKCP,\n showBrazilianSSN,\n ...(props.billingAddressRequired && {\n countrySpecificSchemas: specifications.getAddressSchemaForCountry(billingAddress?.country),\n billingAddressRequiredFields: props.billingAddressRequiredFields\n })\n });\n };\n\n /\n re. Disabling arrow keys in iOS:\n * Only by disabling all fields in the Card PM except for the active securedField input can we force the iOS soft keyboard arrow keys to disable\n \n NOTE: only called if ua.__IS_IOS = true && this.config.disableIOSArrowKeys = true (as referenced in CSF)\n \n @param obj - has fieldType prop saying whether this function is being called in response to an securedFields click ('encryptedCardNumber' etc)\n * - in which case we should disable all non-SF fields\n * or,\n * due to an internal action ('webInternalElement') - in which case we can enable all non-SF fields\n /\n const handleTouchstartIOS = useCallback((obj: TouchStartEventObj) => {\n const elementType = obj.fieldType !== 'webInternalElement' ? obj.fieldType : obj.name;\n setIOSFocusedField(elementType);\n }, []);\n\n const handleAddress = getAddressHandler(setFormData, setFormValid, setFormErrors);\n\n const doPanAutoJump = getAutoJumpHandler(isAutoJumping, sfp, retrieveLayout());\n\n const handleSecuredFieldsChange = (sfState: SFPState, eventDetails?: OnChangeEventDetails): void => {\n /\n Handling auto complete value for holderName (but only if the component is using a holderName field)\n /\n if (sfState.autoCompleteName) {\n if (!props.hasHolderName) return;\n const holderNameValidationFn = getRuleByNameAndMode('holderName', 'blur');\n const acHolderName = holderNameValidationFn(sfState.autoCompleteName) ? sfState.autoCompleteName : null;\n if (acHolderName) {\n setFormData('holderName', acHolderName);\n setFormValid('holderName', true); // only if holderName is valid does this fny get called - so we know it's valid and w/o error\n setFormErrors('holderName', null);\n }\n return;\n }\n\n /\n Decide if we can shift focus to the expiryDate field.\n \n We can if... the config prop, autoFocus, is true AND we have a panLength value from binLookup\n * AND we are responding to a handleOnFieldValid message about the PAN that says it is valid\n /\n if (\n props.autoFocus &&\n hasPanLengthRef.current > 0 &&\n eventDetails?.event === 'handleOnFieldValid' &&\n eventDetails?.fieldType === ENCRYPTED_CARD_NUMBER &&\n sfState.valid.encryptedCardNumber\n ) {\n doPanAutoJump();\n }\n\n /\n Process SFP state\n /\n setData({ ...data, ...sfState.data });\n setErrors({ ...errors, ...sfState.errors });\n setValid({ ...valid, ...sfState.valid });\n\n setIsSfpValid(sfState.isSfpValid);\n\n // Values relating to /binLookup response\n setCvcPolicy(sfState.cvcPolicy);\n setShowSocialSecurityNumber(sfState.showSocialSecurityNumber);\n setExpiryDatePolicy(sfState.expiryDatePolicy);\n };\n\n // Farm the handlers for binLookup related functionality out to another 'extensions' file\n const extensions = useMemo(\n () =>\n CIExtensions(\n props,\n { sfp },\n {\n dualBrandSelectElements,\n setDualBrandSelectElements,\n setSelectedBrandValue,\n issuingCountryCode,\n setIssuingCountryCode\n },\n hasPanLengthRef\n ),\n [dualBrandSelectElements, issuingCountryCode]\n );\n\n /\n EXPOSE METHODS expected by Card.tsx\n /\n cardInputRef.current.showValidation = () => {\n // set flag\n isValidating.current = true;\n\n /\n Clear errors prior to validating so that the screenreader will read them all again, and in the right order\n * - only using aria-atomic on the error panel will read them in the wrong order\n /\n clearSRPanel?.(); // TODO - recheck if this is still true\n\n // Validate SecuredFields\n sfp.current.showValidation();\n\n // Validate holderName & SSN & KCP (taxNumber) but not* billingAddress\n triggerValidation(['holderName', 'socialSecurityNumber', 'taxNumber']);\n\n // Validate Address\n if (billingAddressRef?.current) billingAddressRef.current.showValidation();\n };\n\n cardInputRef.current.processBinLookupResponse = (binLookupResponse: BinLookupResponse, isReset: boolean) => {\n extensions.processBinLookup(binLookupResponse, isReset);\n };\n\n cardInputRef.current.setStatus = setStatus;\n\n /*\n EFFECT HOOKS\n /\n useEffect(() => {\n // componentDidMount - expose more methods expected by Card.tsx\n cardInputRef.current.setFocusOn = sfp.current.setFocusOn;\n cardInputRef.current.updateStyles = sfp.current.updateStyles;\n cardInputRef.current.handleUnsupportedCard = sfp.current.handleUnsupportedCard;\n\n // componentWillUnmount\n return () => {\n sfp.current.destroy();\n };\n }, []);\n\n /\n Handle form schema updates\n /\n useEffect(() => {\n const newSchema = [\n ...(props.hasHolderName ? ['holderName'] : []),\n ...(showBrazilianSSN ? ['socialSecurityNumber'] : []),\n ...(showKCP ? ['taxNumber'] : []),\n ...(showBillingAddress ? ['billingAddress'] : [])\n ];\n setSchema(newSchema);\n }, [props.hasHolderName, showBrazilianSSN, showKCP]);\n\n /\n Handle updates from useForm\n /\n useEffect(() => {\n setData({ ...data, holderName: formData.holderName ?? '', taxNumber: formData.taxNumber });\n\n setSocialSecurityNumber(formData.socialSecurityNumber);\n\n if (showBillingAddress) setBillingAddress({ ...formData.billingAddress });\n\n setValid({\n ...valid,\n holderName: props.holderNameRequired ? formValid.holderName : true,\n // Setting value to false if it's falsy keeps in line with existing, expected behaviour\n // - but there is an argument to allow 'undefined' as a value to indicate the non-presence of the field\n socialSecurityNumber: formValid.socialSecurityNumber ? formValid.socialSecurityNumber : false,\n taxNumber: formValid.taxNumber ? formValid.taxNumber : false,\n billingAddress: formValid.billingAddress ? formValid.billingAddress : false\n });\n\n // Check if billingAddress errors object has any properties that aren't null or undefined\n const addressHasErrors = formErrors.billingAddress\n ? Object.entries(formErrors.billingAddress).reduce((acc, [, error]) => acc \|\| error != null, false)\n : false;\n\n // Errors\n setErrors({\n ...errors,\n holderName: props.holderNameRequired && !!formErrors.holderName ? formErrors.holderName : null,\n socialSecurityNumber: showBrazilianSSN && !!formErrors.socialSecurityNumber ? formErrors.socialSecurityNumber : null,\n taxNumber: showKCP && !!formErrors.taxNumber ? formErrors.taxNumber : null,\n billingAddress: showBillingAddress && addressHasErrors ? formErrors.billingAddress : null\n });\n }, [formData, formValid, formErrors]);\n\n // Get the previous value\n const previousSortedErrors = usePrevious(sortedErrorList);\n\n /\n Main 'componentDidUpdate' handler\n /\n useEffect(() => {\n const holderNameValid: boolean = valid.holderName;\n\n const sfpValid: boolean = isSfpValid;\n const addressValid: boolean = showBillingAddress ? valid.billingAddress : true;\n\n const koreanAuthentication: boolean = showKCP ? !!valid.taxNumber && !!valid.encryptedPassword : true;\n\n const socialSecurityNumberValid: boolean = showBrazilianSSN ? !!valid.socialSecurityNumber : true;\n\n const isValid: boolean = sfpValid && holderNameValid && addressValid && koreanAuthentication && socialSecurityNumberValid;\n\n const sfStateErrorsObj = sfp.current.mapErrorsToValidationRuleResult();\n const mergedErrors = { ...errors, ...sfStateErrorsObj }; // maps sfErrors AND solves race condition problems for sfp from showValidation\n\n // Extract and then flatten billingAddress errors into a new object with all* the field errors at top level\n const { billingAddress: extractedAddressErrors, ...errorsWithoutAddress } = mergedErrors;\n\n const errorsForPanel = { ...errorsWithoutAddress, ...extractedAddressErrors };\n\n // Pass dynamic props (errors, layout etc) to SRPanel via partial\n const srPanelResp: SetSRMessagesReturnObject = setSRMessages?.({\n errors: errorsForPanel,\n isValidating: isValidating.current,\n layout: retrieveLayout(),\n // If we don't have country specific address labels, we might have a label related to a partialAddressSchema (i.e. zipCode)\n countrySpecificLabels: specifications.getAddressLabelsForCountry(billingAddress?.country) ?? partialAddressSchema?.default?.labels\n });\n\n /*\n Need extra actions after setting SRPanel messages in order to focus field (if required) and because we have some errors that are fired onBlur\n /\n const currentErrorsSortedByLayout = srPanelResp?.currentErrorsSortedByLayout;\n\n // Store the array of sorted error objects separately so that we can use it to make comparisons between the old and new arrays\n setSortedErrorList(currentErrorsSortedByLayout);\n\n switch (srPanelResp?.action) {\n // A call to focus the first field in error will always follow the call to validate the whole form\n case ERROR_ACTION_FOCUS_FIELD:\n if (shouldMoveFocusSR) setFocusOnFirstField(isValidating.current, sfp, srPanelResp?.fieldToFocus);\n // Remove 'showValidation' mode - allowing time for collation of all the fields in error whilst it is 'showValidation' mode (some errors come in a second render pass)\n setTimeout(() => {\n isValidating.current = false;\n }, 300);\n break;\n /* On blur scenario: not validating, i.e. trying to submit form, but there might be an error, either to set or to clear /\n case ERROR_ACTION_BLUR_SCENARIO: {\n const difference = getArrayDifferences<SortedErrorObject, string>(currentErrorsSortedByLayout, previousSortedErrors, 'field');\n\n const latestErrorMsg = difference?.[0];\n\n if (latestErrorMsg) {\n // Use the error code to look up whether error is actually a blur based one (most are but some SF ones aren't)\n const isBlurBasedError = lookupBlurBasedErrors(latestErrorMsg.errorCode);\n\n /\n ONLY ADD BLUR BASED ERRORS TO THE ERROR PANEL - doing this step prevents the non-blur based errors from being read out twice\n * (once from the aria-live, error panel & once from the aria-describedby element)\n /\n const latestSRError = isBlurBasedError ? latestErrorMsg.errorMessage : null;\n // console.log('### CardInput2::componentDidUpdate:: #2 (not validating) single error:: latestSRError', latestSRError);\n setSRMessagesFromStrings(latestSRError);\n } else {\n // called when previousSortedErrors.length >= currentErrorsSortedByLayout.length\n // console.log('### CardInput2::componentDidUpdate:: #3(not validating) clearing errors:: NO latestErrorMsg');\n clearSRPanel();\n }\n break;\n }\n default:\n break;\n }\n\n // Analytics\n if (currentErrorsSortedByLayout) {\n const newErrors = getArrayDifferences<SortedErrorObject, string>(currentErrorsSortedByLayout, previousSortedErrors, 'field');\n newErrors?.forEach(errorItem => {\n const aObj: FieldErrorAnalyticsObject = {\n fieldType: errorItem.field,\n errorCode: errorItem.errorCode\n };\n\n props.onValidationErrorAnalytics(aObj);\n });\n }\n\n props.onChange({\n data,\n valid,\n errors: mergedErrors,\n isValid,\n billingAddress,\n selectedBrandValue,\n storePaymentMethod,\n socialSecurityNumber,\n installments\n });\n }, [data, valid, errors, selectedBrandValue, storePaymentMethod, installments]);\n\n /\n RENDER\n */\n const FieldToRender = props.storedPaymentMethodId ? StoredCardFieldsWrapper : CardFieldsWrapper;\n\n return (\n <Fragment>\n <SecuredFieldsProvider\n ref={sfp}\n {...extractPropsForSFP(props)}\n styles={{ ...props.styles }}\n koreanAuthenticationRequired={props.configuration.koreanAuthenticationRequired}\n hasKoreanFields={!!(props.configuration.koreanAuthenticationRequired && props.countryCode === 'kr')}\n onChange={handleSecuredFieldsChange}\n onBrand={props.onBrand}\n onFocus={handleFocus}\n type={props.brand}\n disableIOSArrowKeys={props.disableIOSArrowKeys ? handleTouchstartIOS : null}\n render={({ setRootNode, setFocusOn }, sfpState) => (\n <div\n ref={setRootNode}\n className={classNames({\n 'adyen-checkout__card-input': true,\n 'adyen-checkout-card-input__wrapper': true,\n [`adyen-checkout__card-input--${props.fundingSource ?? 'credit'}`]: true,\n 'adyen-checkout__card-input--loading': status === 'loading'\n })}\n role={'form'}\n >\n {props.showFormInstruction && <FormInstruction />}\n <FieldToRender\n // Extract exact props that we need to pass down\n {...extractPropsForCardFields(props)}\n // Pass on vars created in CardInput:\n // Base (shared w. StoredCard)\n data={data}\n valid={valid}\n errors={errors}\n handleChangeFor={handleChangeFor}\n focusedElement={focusedElement}\n setFocusOn={setFocusOn}\n sfpState={sfpState}\n cvcPolicy={cvcPolicy}\n hasInstallments={hasInstallments}\n showAmountsInInstallments={showAmountsInInstallments}\n handleInstallments={setInstallments}\n // For Card\n brandsIcons={props.brandsIcons}\n formData={formData}\n formErrors={formErrors}\n formValid={formValid}\n expiryDatePolicy={expiryDatePolicy}\n dualBrandSelectElements={dualBrandSelectElements}\n extensions={extensions}\n selectedBrandValue={selectedBrandValue}\n // For KCP\n showKCP={showKCP}\n // For SSN\n showBrazilianSSN={showBrazilianSSN}\n socialSecurityNumber={socialSecurityNumber}\n // For Store details\n handleOnStoreDetails={setStorePaymentMethod}\n // For Address\n setAddressRef={setAddressRef}\n billingAddress={billingAddress}\n billingAddressValidationRules={partialAddressSchema && getPartialAddressValidationRules(partialAddressCountry.current)}\n partialAddressSchema={partialAddressSchema}\n handleAddress={handleAddress}\n onAddressLookup={props.onAddressLookup}\n onAddressSelected={props.onAddressSelected}\n addressSearchDebounceMs={props.addressSearchDebounceMs}\n //\n iOSFocusedField={iOSFocusedField}\n //\n onFieldFocusAnalytics={onFieldFocusAnalytics}\n onFieldBlurAnalytics={onFieldBlurAnalytics}\n />\n </div>\n )}\n />\n {props.showPayButton &&\n props.payButton({\n status,\n variant: props.isPayButtonPrimaryVariant ? 'primary' : 'secondary',\n icon: getImage({ imageFolder: 'components/' })('lock')\n })}\n </Fragment>\n );\n};\n\nCardInput.defaultProps = defaultProps;\n\nexport default CardInput;\n"],"names":["CardInput","props","sfp","useRef","isValidating","getImage","useImage","setSRMessagesFromObjects","setSRMessagesFromStrings","clearSRPanel","shouldMoveFocusSR","useSRPanelContext","setSRMessages","fieldTypeMappingFn","mapFieldKey","billingAddressRef","setAddressRef","ref","current","cardInputRef","Object","keys","length","setComponentRef","hasPanLengthRef","isAutoJumping","specifications","useMemo","Specifications","status","setStatus","useState","errors","setErrors","valid","setValid","_object_spread","holderNameRequired","holderName","data","setData","hasHolderName","sortedErrorList","setSortedErrorList","focusedElement","setFocusedElement","isSfpValid","setIsSfpValid","expiryDatePolicy","setExpiryDatePolicy","DATE_POLICY_REQUIRED","cvcPolicy","setCvcPolicy","CVC_POLICY_REQUIRED","issuingCountryCode","setIssuingCountryCode","dualBrandSelectElements","setDualBrandSelectElements","selectedBrandValue","setSelectedBrandValue","storedPaymentMethodId","brand","showBillingAddress","billingAddressMode","AddressModeOptions","none","billingAddressRequired","partialAddressSchema","handlePartialAddressMode","partialAddressCountry","billingAddress","country","storePaymentMethod","setStorePaymentMethod","setBillingAddress","showSocialSecurityNumber","setShowSocialSecurityNumber","socialSecurityNumber","setSocialSecurityNumber","installments","setInstallments","value","iOSFocusedField","setIOSFocusedField","handleChangeFor","triggerValidation","formData","formValid","formErrors","setSchema","setFormData","setFormValid","setFormErrors","useForm","schema","defaultData","formatters","cardInputFormatters","rules","cardInputValidationRules","hasInstallments","installmentOptions","fundingSource","showAmountsInInstallments","showInstallmentAmounts","isKorea","countryCode","showKCP","configuration","koreanAuthenticationRequired","showBrazilianSSN","socialSecurityNumberMode","onFieldFocusAnalytics","who","e","onFocus","fieldType","event","onFieldBlurAnalytics","onBlur","handleFocus","getFocusHandler","retrieveLayout","getLayout","countrySpecificSchemas","getAddressSchemaForCountry","billingAddressRequiredFields","handleTouchstartIOS","useCallback","obj","elementType","name","handleAddress","getAddressHandler","doPanAutoJump","getAutoJumpHandler","extensions","CIExtensions","showValidation","processBinLookupResponse","binLookupResponse","isReset","processBinLookup","useEffect","setFocusOn","updateStyles","handleUnsupportedCard","destroy","newSchema","_object_spread_props","taxNumber","addressHasErrors","entries","reduce","acc","error","previousSortedErrors","usePrevious","holderNameValid","sfpValid","addressValid","koreanAuthentication","encryptedPassword","socialSecurityNumberValid","isValid","sfStateErrorsObj","mapErrorsToValidationRuleResult","mergedErrors","extractedAddressErrors","errorsForPanel","srPanelResp","layout","countrySpecificLabels","getAddressLabelsForCountry","default","labels","currentErrorsSortedByLayout","action","ERROR_ACTION_FOCUS_FIELD","setFocusOnFirstField","fieldToFocus","setTimeout","ERROR_ACTION_BLUR_SCENARIO","difference","getArrayDifferences","latestErrorMsg","latestSRError","lookupBlurBasedErrors","errorCode","errorMessage","newErrors","forEach","errorItem","aObj","field","onValidationErrorAnalytics","onChange","FieldToRender","StoredCardFieldsWrapper","CardFieldsWrapper","h","Fragment","SecuredFieldsProvider","extractPropsForSFP","styles","hasKoreanFields","sfState","eventDetails","autoCompleteName","acHolderName","getRuleByNameAndMode","holderNameValidationFn","autoFocus","ENCRYPTED_CARD_NUMBER","encryptedCardNumber","onBrand","type","disableIOSArrowKeys","render","setRootNode","sfpState","div","className","classNames","role","showFormInstruction","FormInstruction","extractPropsForCardFields","handleInstallments","brandsIcons","handleOnStoreDetails","billingAddressValidationRules","getPartialAddressValidationRules","onAddressLookup","onAddressSelected","addressSearchDebounceMs","showPayButton","payButton","variant","isPayButtonPrimaryVariant","icon","imageFolder","defaultProps"],"mappings":"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"}

package/dist/es-legacy/components/Card/components/CardInput/components/CVC.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../../external/preact/dist/preact.js";import t from"../../../../../external/classnames/index.js";import o from"./CVCHint.js";import a from"../../../../internal/FormFields/Field/Field.js";import n from"../../../../../core/Context/useCoreContext.js";import{CVC_POLICY_HIDDEN as r,CVC_POLICY_OPTIONAL as c,ENCRYPTED_SECURITY_CODE as i,CVC_POLICY_REQUIRED as l}from"../../../../internal/SecuredFields/lib/configuration/constants.js";import s from"./DataSfSpan.js";import{alternativeLabelContent as d}from"./IframeLabelAlternative.js";function u(u){const{label:m,onFocusField:_=(()=>{}),error:f="",className:p="",classNameModifiers:y=[],focused:C,filled:x,isValid:h,frontCVC:F=!1,cvcPolicy:b=l,showContextualElement:k,contextualText:j}=u,{i18n:v}=n(),V=t(p,{"adyen-checkout__field__cvc":!0,"adyen-checkout__card__cvc__input--hidden":b===r,"adyen-checkout__field__cvc--optional":b===c}),N=t({"adyen-checkout__input":!0,"adyen-checkout__input--small":!0,"adyen-checkout__card__cvc__input":!0,"adyen-checkout__input--error":f,"adyen-checkout__input--focus":C,"adyen-checkout__input--valid":h}),T=b!==c?m:v.get("creditCard.securityCode.label.optional");return e(a,{label:T,focused:C,filled:x,classNameModifiers:[...y,"securityCode"],onFocusField:()=>_(i),className:V,errorMessage:f,isValid:h,dir:"ltr",name:i,i18n:v,contextVisibleToScreenReader:!1,useLabelElement:!1,renderAlternativeToLabel:d,showContextualElement:k,contextualText:j},e(s,{encryptedFieldType:i,className:N}),e(o,{frontCVC:F,fieldLabel:T}))}export{u as default};
+import{createElement as e}from"../../../../../external/preact/dist/preact.js";import t from"../../../../../external/classnames/index.js";import o from"./CVCHint.js";import a from"../../../../internal/FormFields/Field/Field.js";import{useCoreContext as r}from"../../../../../core/Context/CoreProvider.js";import{CVC_POLICY_HIDDEN as c,CVC_POLICY_OPTIONAL as i,ENCRYPTED_SECURITY_CODE as n,CVC_POLICY_REQUIRED as l}from"../../../../internal/SecuredFields/lib/constants.js";import s from"./DataSfSpan.js";import{alternativeLabelContent as d}from"./IframeLabelAlternative.js";function u(u){const{label:m,onFocusField:_=(()=>{}),error:f="",className:p="",classNameModifiers:y=[],focused:C,filled:h,isValid:x,frontCVC:F=!1,cvcPolicy:b=l,showContextualElement:k,contextualText:v}=u,{i18n:j}=r(),V=t(p,{"adyen-checkout__field__cvc":!0,"adyen-checkout__card__cvc__input--hidden":b===c,"adyen-checkout__field__cvc--optional":b===i}),N=t({"adyen-checkout__input":!0,"adyen-checkout__input--small":!0,"adyen-checkout__card__cvc__input":!0,"adyen-checkout__input--error":f,"adyen-checkout__input--focus":C,"adyen-checkout__input--valid":x}),T=b!==i?m:j.get("creditCard.securityCode.label.optional");return e(a,{label:T,focused:C,filled:h,classNameModifiers:[...y,"securityCode"],onFocusField:()=>_(n),className:V,errorMessage:f,isValid:x,dir:"ltr",name:n,i18n:j,contextVisibleToScreenReader:!1,useLabelElement:!1,renderAlternativeToLabel:d,showContextualElement:k,contextualText:v},e(s,{encryptedFieldType:n,className:N}),e(o,{frontCVC:F,fieldLabel:T}))}export{u as default};
 //# sourceMappingURL=CVC.js.map

package/dist/es-legacy/components/Card/components/CardInput/components/CVC.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CVC.js","sources":["../../../../../../../src/components/Card/components/CardInput/components/CVC.tsx"],"sourcesContent":["import { h } from 'preact';\nimport classNames from 'classnames';\nimport CVCHint from './CVCHint';\nimport Field from '../../../../internal/FormFields/Field';\nimport useCoreContext from '../../../../../core/Context/~~useCoreContext~~';\nimport { CVCProps } from './types';\nimport {\n CVC_POLICY_HIDDEN,\n CVC_POLICY_OPTIONAL,\n CVC_POLICY_REQUIRED,\n ENCRYPTED_SECURITY_CODE\n} from '../../../../internal/SecuredFields/lib/~~configuration/~~constants';\nimport DataSfSpan from './DataSfSpan';\nimport { alternativeLabelContent } from './IframeLabelAlternative';\n\nexport default function CVC(props: CVCProps) {\n const {\n label,\n onFocusField = () => {},\n error = '',\n className = '',\n classNameModifiers = [],\n focused,\n filled,\n isValid,\n frontCVC = false,\n cvcPolicy = CVC_POLICY_REQUIRED,\n showContextualElement,\n contextualText\n } = props;\n const { i18n } = useCoreContext();\n\n const fieldClassnames = classNames(className, {\n 'adyen-checkout__field__cvc': true,\n 'adyen-checkout__card__cvc__input--hidden': cvcPolicy === CVC_POLICY_HIDDEN,\n 'adyen-checkout__field__cvc--optional': cvcPolicy === CVC_POLICY_OPTIONAL\n });\n\n const cvcClassnames = classNames({\n 'adyen-checkout__input': true,\n 'adyen-checkout__input--small': true,\n 'adyen-checkout__card__cvc__input': true,\n 'adyen-checkout__input--error': error,\n 'adyen-checkout__input--focus': focused,\n 'adyen-checkout__input--valid': isValid\n });\n\n const fieldLabel = cvcPolicy !== CVC_POLICY_OPTIONAL ? label : i18n.get('creditCard.securityCode.label.optional');\n\n return (\n <Field\n label={fieldLabel}\n focused={focused}\n filled={filled}\n classNameModifiers={[...classNameModifiers, 'securityCode']}\n onFocusField={() => onFocusField(ENCRYPTED_SECURITY_CODE)}\n className={fieldClassnames}\n errorMessage={error}\n isValid={isValid}\n dir={'ltr'}\n name={ENCRYPTED_SECURITY_CODE}\n i18n={i18n}\n contextVisibleToScreenReader={false}\n useLabelElement={false}\n renderAlternativeToLabel={alternativeLabelContent}\n showContextualElement={showContextualElement}\n contextualText={contextualText}\n >\n <DataSfSpan encryptedFieldType={ENCRYPTED_SECURITY_CODE} className={cvcClassnames} />\n\n <CVCHint frontCVC={frontCVC} fieldLabel={fieldLabel} />\n </Field>\n );\n}\n"],"names":["CVC","props","label","onFocusField","error","className","classNameModifiers","focused","filled","isValid","frontCVC","cvcPolicy","CVC_POLICY_REQUIRED","showContextualElement","contextualText","i18n","useCoreContext","fieldClassnames","classNames","CVC_POLICY_HIDDEN","CVC_POLICY_OPTIONAL","cvcClassnames","fieldLabel","get","h","Field","ENCRYPTED_SECURITY_CODE","errorMessage","dir","name","contextVisibleToScreenReader","useLabelElement","renderAlternativeToLabel","alternativeLabelContent","DataSfSpan","encryptedFieldType","CVCHint"],"mappings":"~~0jBAee~~,SAASA,EAAIC,GACxB,MAAMC,MACFA,EAAKC,aACLA,EAAe,SAAQC,MACvBA,EAAQ,GAAEC,UACVA,EAAY,GAAEC,mBACdA,EAAqB,GAAEC,QACvBA,EAAOC,OACPA,EAAMC,QACNA,EAAOC,SACPA,GAAW,EAAKC,UAChBA,EAAYC,EAAmBC,sBAC/BA,EAAqBC,eACrBA,GACAb,GACEc,KAAEA,GAASC,IAEXC,EAAkBC,EAAWb,EAAW,CAC1C,8BAA8B,EAC9B,2CAA4CM,IAAcQ,EAC1D,uCAAwCR,IAAcS,IAGpDC,EAAgBH,EAAW,CAC7B,yBAAyB,EACzB,gCAAgC,EAChC,oCAAoC,EACpC,+BAAgCd,EAChC,+BAAgCG,EAChC,+BAAgCE,IAG9Ba,EAAaX,IAAcS,EAAsBlB,EAAQa,EAAKQ,IAAI,0CAExE,OACIC,EAACC,EAAAA,CACGvB,MAAOoB,EACPf,QAASA,EACTC,OAAQA,EACRF,mBAAoB,IAAIA,EAAoB,gBAC5CH,aAAc,IAAMA,EAAauB,GACjCrB,UAAWY,EACXU,aAAcvB,EACdK,QAASA,EACTmB,IAAK,MACLC,KAAMH,EACNX,KAAMA,EACNe,8BAA8B,EAC9BC,iBAAiB,EACjBC,yBAA0BC,EAC1BpB,sBAAuBA,EACvBC,eAAgBA,GAEhBU,EAACU,EAAAA,CAAWC,mBAAoBT,EAAyBrB,UAAWgB,IAEpEG,EAACY,EAAAA,CAAQ1B,SAAUA,EAAUY,WAAYA,IAGrD"}
1	+ {"version":3,"file":"CVC.js","sources":["../../../../../../../src/components/Card/components/CardInput/components/CVC.tsx"],"sourcesContent":["import { h } from 'preact';\nimport classNames from 'classnames';\nimport CVCHint from './CVCHint';\nimport Field from '../../../../internal/FormFields/Field';\nimport { useCoreContext } from '../../../../../core/Context/CoreProvider';\nimport { CVCProps } from './types';\nimport {\n CVC_POLICY_HIDDEN,\n CVC_POLICY_OPTIONAL,\n CVC_POLICY_REQUIRED,\n ENCRYPTED_SECURITY_CODE\n} from '../../../../internal/SecuredFields/lib/constants';\nimport DataSfSpan from './DataSfSpan';\nimport { alternativeLabelContent } from './IframeLabelAlternative';\n\nexport default function CVC(props: CVCProps) {\n const {\n label,\n onFocusField = () => {},\n error = '',\n className = '',\n classNameModifiers = [],\n focused,\n filled,\n isValid,\n frontCVC = false,\n cvcPolicy = CVC_POLICY_REQUIRED,\n showContextualElement,\n contextualText\n } = props;\n const { i18n } = useCoreContext();\n\n const fieldClassnames = classNames(className, {\n 'adyen-checkout__field__cvc': true,\n 'adyen-checkout__card__cvc__input--hidden': cvcPolicy === CVC_POLICY_HIDDEN,\n 'adyen-checkout__field__cvc--optional': cvcPolicy === CVC_POLICY_OPTIONAL\n });\n\n const cvcClassnames = classNames({\n 'adyen-checkout__input': true,\n 'adyen-checkout__input--small': true,\n 'adyen-checkout__card__cvc__input': true,\n 'adyen-checkout__input--error': error,\n 'adyen-checkout__input--focus': focused,\n 'adyen-checkout__input--valid': isValid\n });\n\n const fieldLabel = cvcPolicy !== CVC_POLICY_OPTIONAL ? label : i18n.get('creditCard.securityCode.label.optional');\n\n return (\n <Field\n label={fieldLabel}\n focused={focused}\n filled={filled}\n classNameModifiers={[...classNameModifiers, 'securityCode']}\n onFocusField={() => onFocusField(ENCRYPTED_SECURITY_CODE)}\n className={fieldClassnames}\n errorMessage={error}\n isValid={isValid}\n dir={'ltr'}\n name={ENCRYPTED_SECURITY_CODE}\n i18n={i18n}\n contextVisibleToScreenReader={false}\n useLabelElement={false}\n renderAlternativeToLabel={alternativeLabelContent}\n showContextualElement={showContextualElement}\n contextualText={contextualText}\n >\n <DataSfSpan encryptedFieldType={ENCRYPTED_SECURITY_CODE} className={cvcClassnames} />\n\n <CVCHint frontCVC={frontCVC} fieldLabel={fieldLabel} />\n </Field>\n );\n}\n"],"names":["CVC","props","label","onFocusField","error","className","classNameModifiers","focused","filled","isValid","frontCVC","cvcPolicy","CVC_POLICY_REQUIRED","showContextualElement","contextualText","i18n","useCoreContext","fieldClassnames","classNames","CVC_POLICY_HIDDEN","CVC_POLICY_OPTIONAL","cvcClassnames","fieldLabel","get","h","Field","ENCRYPTED_SECURITY_CODE","errorMessage","dir","name","contextVisibleToScreenReader","useLabelElement","renderAlternativeToLabel","alternativeLabelContent","DataSfSpan","encryptedFieldType","CVCHint"],"mappings":"4jBAee,SAASA,EAAIC,GACxB,MAAMC,MACFA,EAAKC,aACLA,EAAe,SAAQC,MACvBA,EAAQ,GAAEC,UACVA,EAAY,GAAEC,mBACdA,EAAqB,GAAEC,QACvBA,EAAOC,OACPA,EAAMC,QACNA,EAAOC,SACPA,GAAW,EAAKC,UAChBA,EAAYC,EAAmBC,sBAC/BA,EAAqBC,eACrBA,GACAb,GACEc,KAAEA,GAASC,IAEXC,EAAkBC,EAAWb,EAAW,CAC1C,8BAA8B,EAC9B,2CAA4CM,IAAcQ,EAC1D,uCAAwCR,IAAcS,IAGpDC,EAAgBH,EAAW,CAC7B,yBAAyB,EACzB,gCAAgC,EAChC,oCAAoC,EACpC,+BAAgCd,EAChC,+BAAgCG,EAChC,+BAAgCE,IAG9Ba,EAAaX,IAAcS,EAAsBlB,EAAQa,EAAKQ,IAAI,0CAExE,OACIC,EAACC,EAAAA,CACGvB,MAAOoB,EACPf,QAASA,EACTC,OAAQA,EACRF,mBAAoB,IAAIA,EAAoB,gBAC5CH,aAAc,IAAMA,EAAauB,GACjCrB,UAAWY,EACXU,aAAcvB,EACdK,QAASA,EACTmB,IAAK,MACLC,KAAMH,EACNX,KAAMA,EACNe,8BAA8B,EAC9BC,iBAAiB,EACjBC,yBAA0BC,EAC1BpB,sBAAuBA,EACvBC,eAAgBA,GAEhBU,EAACU,EAAAA,CAAWC,mBAAoBT,EAAyBrB,UAAWgB,IAEpEG,EAACY,EAAAA,CAAQ1B,SAAUA,EAAUY,WAAYA,IAGrD"}

package/dist/es-legacy/components/Card/components/CardInput/components/CardFields.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../../external/preact/dist/preact.js";import r from"./CardNumber.js";import t from"./CVC.js";import a from"./ExpirationDate.js";import d from"../../../../../core/Context/useCoreContext.js";import n from"../../../../../external/classnames/index.js";import{BRAND_ICON_UI_EXCLUSION_LIST as i,DATE_POLICY_HIDDEN as c,ENCRYPTED_EXPIRY_DATE as o,ENCRYPTED_SECURITY_CODE as l,ENCRYPTED_CARD_NUMBER as s}from"../../../../internal/SecuredFields/lib/configuration/constants.js";import u from"./AvailableBrands/AvailableBrands.js";function m({brand:m,brandsIcons:p,brandsConfiguration:y,dualBrandingElements:x,dualBrandingChangeHandler:C,dualBrandingSelected:f,errors:_,focusedElement:b,hasCVC:g,cvcPolicy:h,expiryDatePolicy:v,onFocusField:E,showBrandIcon:B,valid:F,showContextualElement:N}){const{i18n:j}=d(),k=(e,r)=>e[r]?j.get(e[r]):null,w=null==p?void 0:p.filter((e=>!(null==i?void 0:i.includes(e.name)))),D="amex"===m,S=D?j.get("creditCard.securityCode.contextualText.4digits"):j.get("creditCard.securityCode.contextualText.3digits");return e("div",{className:"adyen-checkout__card__form"},e(r,{brand:m,brandsConfiguration:y,error:k(_,s),focused:b===s,isValid:!!F.encryptedCardNumber,label:j.get("creditCard.cardNumber.label"),onFocusField:E,filled:!!_.encryptedCardNumber||!!F.encryptedCardNumber,showBrandIcon:B,dualBrandingElements:x,dualBrandingChangeHandler:C,dualBrandingSelected:f}),e(u,{activeBrand:m,brands:w}),e("div",{className:n("adyen-checkout__card__exp-cvc adyen-checkout__field-wrapper",{"adyen-checkout__card__exp-cvc__exp-date__input--hidden":v===c})},e(a,{error:k(_,o),focused:b===o,isValid:!!F.encryptedExpiryMonth&&!!F.encryptedExpiryYear,filled:!!_.encryptedExpiryDate||!!F.encryptedExpiryYear,label:j.get("creditCard.expiryDate.label"),onFocusField:E,className:"adyen-checkout__field--50",expiryDatePolicy:v,showContextualElement:N,contextualText:j.get("creditCard.expiryDate.contextualText")}),g&&e(t,{error:k(_,l),focused:b===l,cvcPolicy:h,isValid:!!F.encryptedSecurityCode,filled:!!_.encryptedSecurityCode||!!F.encryptedSecurityCode,label:j.get("creditCard.securityCode.label"),onFocusField:E,className:"adyen-checkout__field--50",frontCVC:D,showContextualElement:N,contextualText:S})))}export{m as default};
+import{createElement as e}from"../../../../../external/preact/dist/preact.js";import r from"./CardNumber.js";import a from"./CVC.js";import t from"./ExpirationDate.js";import{useCoreContext as d}from"../../../../../core/Context/CoreProvider.js";import n from"../../../../../external/classnames/index.js";import{BRAND_ICON_UI_EXCLUSION_LIST as i,DATE_POLICY_HIDDEN as c,ENCRYPTED_EXPIRY_DATE as o,ENCRYPTED_SECURITY_CODE as l,ENCRYPTED_CARD_NUMBER as s}from"../../../../internal/SecuredFields/lib/constants.js";import u from"./AvailableBrands/AvailableBrands.js";function m({brand:m,brandsIcons:p,brandsConfiguration:y,dualBrandingElements:x,dualBrandingChangeHandler:C,dualBrandingSelected:f,errors:_,focusedElement:b,hasCVC:g,cvcPolicy:h,expiryDatePolicy:v,onFocusField:E,showBrandIcon:B,valid:F,showContextualElement:N}){const{i18n:j}=d(),k=(e,r)=>e[r]?j.get(e[r]):null,w=null==p?void 0:p.filter((e=>!(null==i?void 0:i.includes(e.name)))),D="amex"===m,S=D?j.get("creditCard.securityCode.contextualText.4digits"):j.get("creditCard.securityCode.contextualText.3digits");return e("div",{className:"adyen-checkout__card__form"},e(r,{brand:m,brandsConfiguration:y,error:k(_,s),focused:b===s,isValid:!!F.encryptedCardNumber,label:j.get("creditCard.cardNumber.label"),onFocusField:E,filled:!!_.encryptedCardNumber||!!F.encryptedCardNumber,showBrandIcon:B,dualBrandingElements:x,dualBrandingChangeHandler:C,dualBrandingSelected:f}),e(u,{activeBrand:m,brands:w}),e("div",{className:n("adyen-checkout__card__exp-cvc adyen-checkout__field-wrapper",{"adyen-checkout__card__exp-cvc__exp-date__input--hidden":v===c})},e(t,{error:k(_,o),focused:b===o,isValid:!!F.encryptedExpiryMonth&&!!F.encryptedExpiryYear,filled:!!_.encryptedExpiryDate||!!F.encryptedExpiryYear,label:j.get("creditCard.expiryDate.label"),onFocusField:E,className:"adyen-checkout__field--50",expiryDatePolicy:v,showContextualElement:N,contextualText:j.get("creditCard.expiryDate.contextualText")}),g&&e(a,{error:k(_,l),focused:b===l,cvcPolicy:h,isValid:!!F.encryptedSecurityCode,filled:!!_.encryptedSecurityCode||!!F.encryptedSecurityCode,label:j.get("creditCard.securityCode.label"),onFocusField:E,className:"adyen-checkout__field--50",frontCVC:D,showContextualElement:N,contextualText:S})))}export{m as default};
 //# sourceMappingURL=CardFields.js.map

package/dist/es-legacy/components/Card/components/CardInput/components/CardFields.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardFields.js","sources":["../../../../../../../src/components/Card/components/CardInput/components/CardFields.tsx"],"sourcesContent":["import { h } from 'preact';\nimport CardNumber from './CardNumber';\nimport CVC from './CVC';\nimport ExpirationDate from './ExpirationDate';\nimport useCoreContext from '../../../../../core/Context/~~useCoreContext~~';\nimport { CardFieldsProps } from './types';\nimport classNames from 'classnames';\nimport {\n BRAND_ICON_UI_EXCLUSION_LIST,\n DATE_POLICY_HIDDEN,\n ENCRYPTED_CARD_NUMBER,\n ENCRYPTED_EXPIRY_DATE,\n ENCRYPTED_SECURITY_CODE\n} from '../../../../internal/SecuredFields/lib/~~configuration/~~constants';\nimport AvailableBrands from './AvailableBrands';\n\nexport default function CardFields({\n brand,\n brandsIcons,\n brandsConfiguration,\n dualBrandingElements,\n dualBrandingChangeHandler,\n dualBrandingSelected,\n errors,\n focusedElement,\n hasCVC,\n cvcPolicy,\n expiryDatePolicy,\n onFocusField,\n showBrandIcon,\n valid,\n showContextualElement\n}: CardFieldsProps) {\n const { i18n } = useCoreContext();\n\n const getError = (errors, fieldType) => {\n return errors[fieldType] ? i18n.get(errors[fieldType]) : null;\n };\n\n // A set of brands filtered to exclude those that can never appear in the UI\n const allowedBrands = brandsIcons?.filter(brandsIcons => !BRAND_ICON_UI_EXCLUSION_LIST?.includes(brandsIcons.name));\n const isAmex = brand === 'amex';\n const cvcContextualText = isAmex\n ? i18n.get('creditCard.securityCode.contextualText.4digits')\n : i18n.get('creditCard.securityCode.contextualText.3digits');\n\n return (\n <div className=\"adyen-checkout__card__form\">\n <CardNumber\n brand={brand}\n brandsConfiguration={brandsConfiguration}\n error={getError(errors, ENCRYPTED_CARD_NUMBER)}\n focused={focusedElement === ENCRYPTED_CARD_NUMBER}\n isValid={!!valid.encryptedCardNumber}\n label={i18n.get('creditCard.cardNumber.label')}\n onFocusField={onFocusField}\n filled={!!errors.encryptedCardNumber \|\| !!valid.encryptedCardNumber}\n showBrandIcon={showBrandIcon}\n dualBrandingElements={dualBrandingElements}\n dualBrandingChangeHandler={dualBrandingChangeHandler}\n dualBrandingSelected={dualBrandingSelected}\n />\n\n <AvailableBrands activeBrand={brand} brands={allowedBrands} />\n\n <div\n className={classNames('adyen-checkout__card__exp-cvc adyen-checkout__field-wrapper', {\n 'adyen-checkout__card__exp-cvc__exp-date__input--hidden': expiryDatePolicy === DATE_POLICY_HIDDEN\n })}\n >\n <ExpirationDate\n error={getError(errors, ENCRYPTED_EXPIRY_DATE)}\n focused={focusedElement === ENCRYPTED_EXPIRY_DATE}\n isValid={!!valid.encryptedExpiryMonth && !!valid.encryptedExpiryYear}\n filled={!!errors.encryptedExpiryDate \|\| !!valid.encryptedExpiryYear}\n label={i18n.get('creditCard.expiryDate.label')}\n onFocusField={onFocusField}\n className={'adyen-checkout__field--50'}\n expiryDatePolicy={expiryDatePolicy}\n showContextualElement={showContextualElement}\n contextualText={i18n.get('creditCard.expiryDate.contextualText')}\n />\n\n {hasCVC && (\n <CVC\n error={getError(errors, ENCRYPTED_SECURITY_CODE)}\n focused={focusedElement === ENCRYPTED_SECURITY_CODE}\n cvcPolicy={cvcPolicy}\n isValid={!!valid.encryptedSecurityCode}\n filled={!!errors.encryptedSecurityCode \|\| !!valid.encryptedSecurityCode}\n label={i18n.get('creditCard.securityCode.label')}\n onFocusField={onFocusField}\n className={'adyen-checkout__field--50'}\n frontCVC={isAmex}\n showContextualElement={showContextualElement}\n contextualText={cvcContextualText}\n />\n )}\n </div>\n </div>\n );\n}\n"],"names":["CardFields","brand","brandsIcons","brandsConfiguration","dualBrandingElements","dualBrandingChangeHandler","dualBrandingSelected","errors","focusedElement","hasCVC","cvcPolicy","expiryDatePolicy","onFocusField","showBrandIcon","valid","showContextualElement","i18n","useCoreContext","getError","fieldType","get","allowedBrands","filter","BRAND_ICON_UI_EXCLUSION_LIST","includes","name","isAmex","cvcContextualText","h","div","className","CardNumber","error","ENCRYPTED_CARD_NUMBER","focused","isValid","encryptedCardNumber","label","filled","AvailableBrands","activeBrand","brands","classNames","DATE_POLICY_HIDDEN","ExpirationDate","ENCRYPTED_EXPIRY_DATE","encryptedExpiryMonth","encryptedExpiryYear","encryptedExpiryDate","contextualText","CVC","ENCRYPTED_SECURITY_CODE","encryptedSecurityCode","frontCVC"],"mappings":"~~gjBAgBe~~,SAASA,GAAWC,MAC/BA,EAAKC,YACLA,EAAWC,oBACXA,EAAmBC,qBACnBA,EAAoBC,0BACpBA,EAAyBC,qBACzBA,EAAoBC,OACpBA,EAAMC,eACNA,EAAcC,OACdA,EAAMC,UACNA,EAASC,iBACTA,EAAgBC,aAChBA,EAAYC,cACZA,EAAaC,MACbA,EAAKC,sBACLA,IAEA,MAAMC,KAAEA,GAASC,IAEXC,EAAW,CAACX,EAAQY,IACfZ,EAAOY,GAAaH,EAAKI,IAAIb,EAAOY,IAAc,KAIvDE,EAAgBnB,aAAAA,EAAAA,EAAaoB,QAAOpB,KAAgBqB,aAAAA,EAAAA,EAA8BC,SAAStB,EAAYuB,SACvGC,EAAmB,SAAVzB,EACT0B,EAAoBD,EACpBV,EAAKI,IAAI,kDACTJ,EAAKI,IAAI,kDAEf,OACIQ,EAACC,MAAAA,CAAIC,UAAU,8BACXF,EAACG,EAAAA,CACG9B,MAAOA,EACPE,oBAAqBA,EACrB6B,MAAOd,EAASX,EAAQ0B,GACxBC,QAAS1B,IAAmByB,EAC5BE,UAAWrB,EAAMsB,oBACjBC,MAAOrB,EAAKI,IAAI,+BAChBR,aAAcA,EACd0B,SAAU/B,EAAO6B,uBAAyBtB,EAAMsB,oBAChDvB,cAAeA,EACfT,qBAAsBA,EACtBC,0BAA2BA,EAC3BC,qBAAsBA,IAG1BsB,EAACW,EAAAA,CAAgBC,YAAavC,EAAOwC,OAAQpB,IAE7CO,EAACC,MAAAA,CACGC,UAAWY,EAAW,8DAA+D,CACjF,yDAA0D/B,IAAqBgC,KAGnFf,EAACgB,EAAAA,CACGZ,MAAOd,EAASX,EAAQsC,GACxBX,QAAS1B,IAAmBqC,EAC5BV,UAAWrB,EAAMgC,wBAA0BhC,EAAMiC,oBACjDT,SAAU/B,EAAOyC,uBAAyBlC,EAAMiC,oBAChDV,MAAOrB,EAAKI,IAAI,+BAChBR,aAAcA,EACdkB,UAAW,4BACXnB,iBAAkBA,EAClBI,sBAAuBA,EACvBkC,eAAgBjC,EAAKI,IAAI,0CAG5BX,GACGmB,EAACsB,EAAAA,CACGlB,MAAOd,EAASX,EAAQ4C,GACxBjB,QAAS1B,IAAmB2C,EAC5BzC,UAAWA,EACXyB,UAAWrB,EAAMsC,sBACjBd,SAAU/B,EAAO6C,yBAA2BtC,EAAMsC,sBAClDf,MAAOrB,EAAKI,IAAI,iCAChBR,aAAcA,EACdkB,UAAW,4BACXuB,SAAU3B,EACVX,sBAAuBA,EACvBkC,eAAgBtB,KAMxC"}
1	+ {"version":3,"file":"CardFields.js","sources":["../../../../../../../src/components/Card/components/CardInput/components/CardFields.tsx"],"sourcesContent":["import { h } from 'preact';\nimport CardNumber from './CardNumber';\nimport CVC from './CVC';\nimport ExpirationDate from './ExpirationDate';\nimport { useCoreContext } from '../../../../../core/Context/CoreProvider';\nimport { CardFieldsProps } from './types';\nimport classNames from 'classnames';\nimport {\n BRAND_ICON_UI_EXCLUSION_LIST,\n DATE_POLICY_HIDDEN,\n ENCRYPTED_CARD_NUMBER,\n ENCRYPTED_EXPIRY_DATE,\n ENCRYPTED_SECURITY_CODE\n} from '../../../../internal/SecuredFields/lib/constants';\nimport AvailableBrands from './AvailableBrands';\n\nexport default function CardFields({\n brand,\n brandsIcons,\n brandsConfiguration,\n dualBrandingElements,\n dualBrandingChangeHandler,\n dualBrandingSelected,\n errors,\n focusedElement,\n hasCVC,\n cvcPolicy,\n expiryDatePolicy,\n onFocusField,\n showBrandIcon,\n valid,\n showContextualElement\n}: CardFieldsProps) {\n const { i18n } = useCoreContext();\n\n const getError = (errors, fieldType) => {\n return errors[fieldType] ? i18n.get(errors[fieldType]) : null;\n };\n\n // A set of brands filtered to exclude those that can never appear in the UI\n const allowedBrands = brandsIcons?.filter(brandsIcons => !BRAND_ICON_UI_EXCLUSION_LIST?.includes(brandsIcons.name));\n const isAmex = brand === 'amex';\n const cvcContextualText = isAmex\n ? i18n.get('creditCard.securityCode.contextualText.4digits')\n : i18n.get('creditCard.securityCode.contextualText.3digits');\n\n return (\n <div className=\"adyen-checkout__card__form\">\n <CardNumber\n brand={brand}\n brandsConfiguration={brandsConfiguration}\n error={getError(errors, ENCRYPTED_CARD_NUMBER)}\n focused={focusedElement === ENCRYPTED_CARD_NUMBER}\n isValid={!!valid.encryptedCardNumber}\n label={i18n.get('creditCard.cardNumber.label')}\n onFocusField={onFocusField}\n filled={!!errors.encryptedCardNumber \|\| !!valid.encryptedCardNumber}\n showBrandIcon={showBrandIcon}\n dualBrandingElements={dualBrandingElements}\n dualBrandingChangeHandler={dualBrandingChangeHandler}\n dualBrandingSelected={dualBrandingSelected}\n />\n\n <AvailableBrands activeBrand={brand} brands={allowedBrands} />\n\n <div\n className={classNames('adyen-checkout__card__exp-cvc adyen-checkout__field-wrapper', {\n 'adyen-checkout__card__exp-cvc__exp-date__input--hidden': expiryDatePolicy === DATE_POLICY_HIDDEN\n })}\n >\n <ExpirationDate\n error={getError(errors, ENCRYPTED_EXPIRY_DATE)}\n focused={focusedElement === ENCRYPTED_EXPIRY_DATE}\n isValid={!!valid.encryptedExpiryMonth && !!valid.encryptedExpiryYear}\n filled={!!errors.encryptedExpiryDate \|\| !!valid.encryptedExpiryYear}\n label={i18n.get('creditCard.expiryDate.label')}\n onFocusField={onFocusField}\n className={'adyen-checkout__field--50'}\n expiryDatePolicy={expiryDatePolicy}\n showContextualElement={showContextualElement}\n contextualText={i18n.get('creditCard.expiryDate.contextualText')}\n />\n\n {hasCVC && (\n <CVC\n error={getError(errors, ENCRYPTED_SECURITY_CODE)}\n focused={focusedElement === ENCRYPTED_SECURITY_CODE}\n cvcPolicy={cvcPolicy}\n isValid={!!valid.encryptedSecurityCode}\n filled={!!errors.encryptedSecurityCode \|\| !!valid.encryptedSecurityCode}\n label={i18n.get('creditCard.securityCode.label')}\n onFocusField={onFocusField}\n className={'adyen-checkout__field--50'}\n frontCVC={isAmex}\n showContextualElement={showContextualElement}\n contextualText={cvcContextualText}\n />\n )}\n </div>\n </div>\n );\n}\n"],"names":["CardFields","brand","brandsIcons","brandsConfiguration","dualBrandingElements","dualBrandingChangeHandler","dualBrandingSelected","errors","focusedElement","hasCVC","cvcPolicy","expiryDatePolicy","onFocusField","showBrandIcon","valid","showContextualElement","i18n","useCoreContext","getError","fieldType","get","allowedBrands","filter","BRAND_ICON_UI_EXCLUSION_LIST","includes","name","isAmex","cvcContextualText","h","div","className","CardNumber","error","ENCRYPTED_CARD_NUMBER","focused","isValid","encryptedCardNumber","label","filled","AvailableBrands","activeBrand","brands","classNames","DATE_POLICY_HIDDEN","ExpirationDate","ENCRYPTED_EXPIRY_DATE","encryptedExpiryMonth","encryptedExpiryYear","encryptedExpiryDate","contextualText","CVC","ENCRYPTED_SECURITY_CODE","encryptedSecurityCode","frontCVC"],"mappings":"kjBAgBe,SAASA,GAAWC,MAC/BA,EAAKC,YACLA,EAAWC,oBACXA,EAAmBC,qBACnBA,EAAoBC,0BACpBA,EAAyBC,qBACzBA,EAAoBC,OACpBA,EAAMC,eACNA,EAAcC,OACdA,EAAMC,UACNA,EAASC,iBACTA,EAAgBC,aAChBA,EAAYC,cACZA,EAAaC,MACbA,EAAKC,sBACLA,IAEA,MAAMC,KAAEA,GAASC,IAEXC,EAAW,CAACX,EAAQY,IACfZ,EAAOY,GAAaH,EAAKI,IAAIb,EAAOY,IAAc,KAIvDE,EAAgBnB,aAAAA,EAAAA,EAAaoB,QAAOpB,KAAgBqB,aAAAA,EAAAA,EAA8BC,SAAStB,EAAYuB,SACvGC,EAAmB,SAAVzB,EACT0B,EAAoBD,EACpBV,EAAKI,IAAI,kDACTJ,EAAKI,IAAI,kDAEf,OACIQ,EAACC,MAAAA,CAAIC,UAAU,8BACXF,EAACG,EAAAA,CACG9B,MAAOA,EACPE,oBAAqBA,EACrB6B,MAAOd,EAASX,EAAQ0B,GACxBC,QAAS1B,IAAmByB,EAC5BE,UAAWrB,EAAMsB,oBACjBC,MAAOrB,EAAKI,IAAI,+BAChBR,aAAcA,EACd0B,SAAU/B,EAAO6B,uBAAyBtB,EAAMsB,oBAChDvB,cAAeA,EACfT,qBAAsBA,EACtBC,0BAA2BA,EAC3BC,qBAAsBA,IAG1BsB,EAACW,EAAAA,CAAgBC,YAAavC,EAAOwC,OAAQpB,IAE7CO,EAACC,MAAAA,CACGC,UAAWY,EAAW,8DAA+D,CACjF,yDAA0D/B,IAAqBgC,KAGnFf,EAACgB,EAAAA,CACGZ,MAAOd,EAASX,EAAQsC,GACxBX,QAAS1B,IAAmBqC,EAC5BV,UAAWrB,EAAMgC,wBAA0BhC,EAAMiC,oBACjDT,SAAU/B,EAAOyC,uBAAyBlC,EAAMiC,oBAChDV,MAAOrB,EAAKI,IAAI,+BAChBR,aAAcA,EACdkB,UAAW,4BACXnB,iBAAkBA,EAClBI,sBAAuBA,EACvBkC,eAAgBjC,EAAKI,IAAI,0CAG5BX,GACGmB,EAACsB,EAAAA,CACGlB,MAAOd,EAASX,EAAQ4C,GACxBjB,QAAS1B,IAAmB2C,EAC5BzC,UAAWA,EACXyB,UAAWrB,EAAMsC,sBACjBd,SAAU/B,EAAO6C,yBAA2BtC,EAAMsC,sBAClDf,MAAOrB,EAAKI,IAAI,iCAChBR,aAAcA,EACdkB,UAAW,4BACXuB,SAAU3B,EACVX,sBAAuBA,EACvBkC,eAAgBtB,KAMxC"}