@adyen/adyen-web 6.45.1 → 6.46.0-alpha.7c7199d

package/dist/es-legacy/components/Card/components/CardInput/CardInput.js

@@ -1,2 +1,2 @@
-import{createElement as e,Fragment as r}from"../../../../external/preact/dist/preact.js";import{useRef as t,useMemo as n,useState as o,useCallback as s,useEffect as i}from"../../../../external/preact/hooks/dist/hooks.js";import a from"../../../internal/SecuredFields/SFP/SecuredFieldsProvider.js";import l 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{cardInputValidationRules as p,cardInputFormatters as y,getRuleByNameAndMode as f}from"./validate.js";import b from"../../../internal/SecuredFields/binLookup/extensions.js";import h from"../../../../utils/useForm/useForm.js";import"../../../internal/SecuredFields/lib/CSF/utils/userAgent.js";import{handlePartialAddressMode as S,shouldShowInstallmentsComponent as g,extractPropsForSFP as N,getLayout as v,requiresDualBrandSelection as A,extractPropsForCardFields as j}from"./utils.js";import C from"../../../internal/Address/Specifications.js";import{StoredCardFieldsWrapper as F}from"./components/StoredCardFieldsWrapper.js";import{CardFieldsWrapper as O}from"./components/CardFieldsWrapper.js";import{getAutoJumpHandler as P,getFocusHandler as w,getAddressHandler as E}from"./handlers.js";import k from"../../../../_virtual/index.js";import{getPartialAddressValidationRules as x}from"../../../internal/Address/validate.js";import B from"../../../../core/Context/useImage.js";import{getArrayDifferences as R}from"../../../../utils/arrayUtils.js";import I from"../../../internal/FormInstruction/FormInstruction.js";import{PREFIX as D}from"../../../internal/Icon/constants.js";import V from"./useSRPanelForCardInputErrors.js";import q from"../Fastlane/FastlaneSignup.js";import{fieldTypeToSnakeCase as M}from"../../../internal/SecuredFields/utils.js";import{getErrorMessageFromCode as _}from"../../../../core/Errors/utils.js";import{SF_ErrorCodes as L}from"../../../../core/Errors/constants.js";import{usePrevious as T}from"../../../../utils/hookUtils.js";import{AnalyticsInfoEvent as U,InfoEventType as K,UiTarget as H}from"../../../../core/Analytics/events/AnalyticsInfoEvent.js";import{useAmount as z}from"../../../../core/Context/AmountProvider.js";import{DUAL_BRANDS_THAT_NEED_SELECTION_MECHANISM as W}from"../../constants.js";function $(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function G(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){$(e,r,t[r])})}return e}function J(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}),e}const Q=l=>{var $,Q,X,Y,Z,ee,re;const te=t(null),ne=t(!1),oe=B(),se=t(null),ie=e=>{se.current=e},ae=t({});Object.keys(ae.current).length||l.setComponentRef(ae.current);const le=t(0),de=t(!1),ue=n(()=>new C(l.specifications),[l.specifications]),{amount:ce}=z();ae.current.sfp=te;const[me,pe]=o("ready"),[ye,fe]=o({}),[be,he]=o(G({},l.holderNameRequired&&{holderName:!1})),[Se,ge]=o(G({},l.hasHolderName&&{holderName:null!==($=null===(Z=l.data)||void 0===Z?void 0:Z.holderName)&&void 0!==$?$:""})),[Ne,ve]=o(""),[Ae,je]=o(!1),[Ce,Fe]=o(u),[Oe,Pe]=o(c),[we,Ee]=o(null),[ke,xe]=o([]),[Be,Re]=o(l.storedPaymentMethodId?l.brand:""),Ie=l.billingAddressMode!==d.none&&l.billingAddressRequired,De=S(l.billingAddressMode),Ve=null!==(Q=null===(ee=l.data)||void 0===ee?void 0:ee.billingAddress)&&void 0!==Q?Q:null,qe=t(De&&null!==(X=null==Ve||null===(re=Ve.country)||void 0===re?void 0:re.toUpperCase())&&void 0!==X?X:null),[Me,_e]=o(!1),[Le,Te]=o(Ie?Ve:null),[Ue,Ke]=o(!1),[He,ze]=o(""),[We,$e]=o({value:null}),[Ge,Je]=o(null),[Qe,Xe]=o("card"),[Ye,Ze]=o(!1),{handleChangeFor:er,triggerValidation:rr,data:tr,valid:nr,errors:or,setSchema:sr,setData:ir,setValid:ar,setErrors:lr}=h({schema:[],defaultData:l.data,formatters:y,rules:p}),dr=g({installmentOptions:l.installmentOptions,fundingSource:l.fundingSource,amount:ce}),ur=null===(Y=l.showInstallmentAmounts)||void 0===Y||Y,cr="kr"===(null!=we?we:l.countryCode),mr=!!l.configuration.koreanAuthenticationRequired&&cr,pr=Ue&&"auto"===l.configuration.socialSecurityNumberMode||"show"===l.configuration.socialSecurityNumberMode,yr=(e,r)=>{l.onFocus({fieldType:e,event:r})},fr=(e,r)=>{l.onBlur({fieldType:e,event:r})},br=s(e=>{Xe(e.brand),l.onBrand(e)},[]),hr=w(ve,yr,fr),Sr=()=>v(G({props:l,showKCP:mr,showBrazilianSSN:pr},l.billingAddressRequired&&{countrySpecificSchemas:ue.getAddressSchemaForCountry(null==Le?void 0:Le.country),billingAddressRequiredFields:l.billingAddressRequiredFields})),gr=s(e=>{const r="webInternalElement"!==e.fieldType?e.fieldType:e.name;Je(r)},[]),Nr=E(ir,ar,lr),vr=P(de,te,Sr()),Ar=s(e=>{jr(e)},[Ye,Ze]),jr=e=>{e.status&&("loading"==e.status?Ze(!1):Ze(!0))},Cr=n(()=>b(l,{sfp:te},{dualBrandSelectElements:ke,setDualBrandSelectElements:xe,setSelectedBrandValue:Re,issuingCountryCode:we,setIssuingCountryCode:Ee},le),[ke,we]);ae.current.showValidation=()=>{ne.current=!0,null==Pr||Pr(),te.current.showValidation(),rr(["holderName","socialSecurityNumber","taxNumber"]),(null==se?void 0:se.current)&&se.current.showValidation()},ae.current.processBinLookupResponse=(e,r)=>{Cr.processBinLookup(e,r)},ae.current.setStatus=pe,i(()=>(ae.current.setFocusOn=te.current.setFocusOn,ae.current.updateStyles=te.current.updateStyles,ae.current.handleUnsupportedCard=te.current.handleUnsupportedCard,()=>{te.current.destroy()}),[]),i(()=>{const e=[...l.hasHolderName?["holderName"]:[],...pr?["socialSecurityNumber"]:[],...mr?["taxNumber"]:[],...Ie?["billingAddress"]:[]];sr(e)},[l.hasHolderName,pr,mr]),i(()=>{var e;ge(J(G({},Se),{holderName:null!==(e=tr.holderName)&&void 0!==e?e:"",taxNumber:tr.taxNumber})),ze(tr.socialSecurityNumber),Ie&&Te(G({},tr.billingAddress)),he(J(G({},be),{holderName:!l.holderNameRequired||nr.holderName,socialSecurityNumber:!!nr.socialSecurityNumber&&nr.socialSecurityNumber,taxNumber:!!nr.taxNumber&&nr.taxNumber,billingAddress:!!nr.billingAddress&&nr.billingAddress}));const r=!!or.billingAddress&&Object.entries(or.billingAddress).reduce((e,[,r])=>e||null!=r,!1);fe(J(G({},ye),{holderName:l.holderNameRequired&&or.holderName?or.holderName:null,socialSecurityNumber:pr&&or.socialSecurityNumber?or.socialSecurityNumber:null,taxNumber:mr&&or.taxNumber?or.taxNumber:null,billingAddress:Ie&&r?or.billingAddress:null}))},[tr,nr,or]);const{sortedErrorList:Fr,previousSortedErrors:Or,clearSRPanel:Pr}=V({errors:ye,props:l,isValidating:ne,retrieveLayout:Sr,specifications:ue,billingAddress:Le,sfp:te});i(()=>{if(Fr){const e=R(Fr,Or,"field");null==e||e.forEach(e=>{const r=new U({component:l.type,type:K.validationError,target:M(e.field),validationErrorCode:e.errorCode,validationErrorMessage:_(e.errorCode,L)});l.onSubmitAnalytics(r)})}},[Fr]),i(()=>{const e=!!be.holderName,r=Ae,t=!Ie||!!be.billingAddress,n=!mr||!!be.taxNumber&&!!be.encryptedPassword,o=!pr||!!be.socialSecurityNumber,s=r&&e&&t&&n&&o,i=te.current.mapErrorsToValidationRuleResult(),a=G({},ye,i);l.onChange({data:Se,valid:be,errors:a,isValid:s,billingAddress:Le,selectedBrandValue:Be,storePaymentMethod:Me,socialSecurityNumber:He,installments:We})},[Se,be,ye,Be,Me,We]),i(()=>{if(ke.length>0&&ke){const e=ke.map(e=>e.id),r=e[0],t=e.toString();if(!!ke&&A(W,ke,"id")){const e=new U({component:l.type,type:K.displayed,target:H.dualBrandButton,brand:r,configData:{dualBrands:t}});l.onSubmitAnalytics(e)}}},[ke]);const wr=T(Be);i(()=>{if((null==wr?void 0:wr.length)&&(null==Be?void 0:Be.length)){const e=new U({component:l.type,type:K.selected,target:H.dualBrandButton,brand:Be});l.onSubmitAnalytics(e)}},[Be]);const Er=l.storedPaymentMethodId?F:O;return e(r,null,e(a,J(G({ref:te},N(l)),{styles:G({},l.styles),koreanAuthenticationRequired:l.configuration.koreanAuthenticationRequired,hasKoreanFields:!(!l.configuration.koreanAuthenticationRequired||"kr"!==l.countryCode),onSubmitAnalytics:l.onSubmitAnalytics,onChange:(e,r)=>{if(e.autoCompleteName){if(!l.hasHolderName)return;const r=f("holderName","blur"),t=(null==r?void 0:r(e.autoCompleteName,null))?e.autoCompleteName:null;return void(t&&(ir("holderName",t),ar("holderName",!0),lr("holderName",null)))}var t;l.autoFocus&&le.current>0&&"handleOnFieldValid"===(null==r?void 0:r.event)&&(null==r?void 0:r.fieldType)===m&&e.valid.encryptedCardNumber&&vr(),ge(G({},Se,e.data)),fe(G({},ye,(t=e.errors)?{encryptedCardNumber:!!t.encryptedCardNumber,encryptedExpiryDate:!!t.encryptedExpiryDate,encryptedSecurityCode:!!t.encryptedSecurityCode,encryptedPassword:!!t.encryptedPassword}:{})),he(G({},be,e.valid)),je(e.isSfpValid),Pe(e.cvcPolicy),Ke(e.showSocialSecurityNumber),Fe(e.expiryDatePolicy)},onBrand:br,onFocus:hr,onStateUpdate:Ar,type:l.brand,componentType:l.type,disableIOSArrowKeys:l.disableIOSArrowKeys?gr:null,render:({setRootNode:r,setFocusOn:t},n)=>{var o;return e("div",{ref:r,className:k({"adyen-checkout__card-input":!0,"adyen-checkout-card-input__wrapper":!0,[`adyen-checkout__card-input--${null!==(o=l.fundingSource)&&void 0!==o?o:"credit"}`]:!0,"adyen-checkout__card-input--loading":"loading"===me}),role:"form"},Ye&&e(I,null),e(Er,J(G({},j(l)),{data:Se,valid:be,errors:ye,handleChangeFor:er,focusedElement:Ne,setFocusOn:t,sfpState:n,cvcPolicy:Oe,hasInstallments:dr,showAmountsInInstallments:ur,handleInstallments:$e,brandsIcons:l.brandsIcons,formData:tr,formErrors:or,formValid:nr,expiryDatePolicy:Ce,dualBrandSelectElements:ke,extensions:Cr,selectedBrandValue:Be,showKCP:mr,showBrazilianSSN:pr,socialSecurityNumber:He,handleOnStoreDetails:_e,setAddressRef:ie,billingAddress:Le,billingAddressValidationRules:De&&x(qe.current),partialAddressSchema:De,handleAddress:Nr,onAddressLookup:l.onAddressLookup,onAddressSelected:l.onAddressSelected,addressSearchDebounceMs:l.addressSearchDebounceMs,iOSFocusedField:Ge,onFieldFocusAnalytics:yr,onFieldBlurAnalytics:fr})))}})),l.fastlaneConfiguration&&e(q,J(G({},l.fastlaneConfiguration),{currentDetectedBrand:Qe,onChange:l.onChange,onSubmitAnalytics:l.onSubmitAnalytics,type:l.type})),Ye&&l.showPayButton&&l.payButton({status:me,variant:l.isPayButtonPrimaryVariant?"primary":"secondary",icon:oe({imageFolder:"components/"})(`${D}lock`)}))};Q.defaultProps=l;export{Q as default};
+import{createElement as e,Fragment as r}from"../../../../external/preact/dist/preact.js";import{useRef as t,useMemo as n,useState as o,useCallback as s,useEffect as i}from"../../../../external/preact/hooks/dist/hooks.js";import a from"../../../internal/SecuredFields/SFP/SecuredFieldsProvider.js";import l 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{cardInputValidationRules as p,cardInputFormatters as y,getRuleByNameAndMode as f}from"./validate.js";import b from"../../../internal/SecuredFields/binLookup/extensions.js";import h from"../../../../utils/useForm/useForm.js";import"../../../internal/SecuredFields/lib/CSF/utils/userAgent.js";import{handlePartialAddressMode as S,shouldShowInstallmentsComponent as g,extractPropsForSFP as N,getLayout as v,requiresDualBrandSelection as A,extractPropsForCardFields as j}from"./utils.js";import C from"../../../internal/Address/Specifications.js";import{StoredCardFieldsWrapper as F}from"./components/StoredCardFieldsWrapper.js";import{CardFieldsWrapper as O}from"./components/CardFieldsWrapper.js";import{getAutoJumpHandler as P,getFocusHandler as w,getAddressHandler as E}from"./handlers.js";import k from"../../../../_virtual/index.js";import{getPartialAddressValidationRules as x}from"../../../internal/Address/validate.js";import B from"../../../../core/Context/useImage.js";import{getArrayDifferences as R}from"../../../../utils/arrayUtils.js";import I from"../../../internal/FormInstruction/FormInstruction.js";import{PREFIX as D}from"../../../internal/Icon/constants.js";import V from"./useSRPanelForCardInputErrors.js";import q from"../Fastlane/FastlaneSignup.js";import{fieldTypeToSnakeCase as M}from"../../../internal/SecuredFields/utils.js";import{getErrorMessageFromCode as _}from"../../../../core/Errors/utils.js";import{SF_ErrorCodes as L}from"../../../../core/Errors/constants.js";import{usePrevious as T}from"../../../../utils/hookUtils.js";import{AnalyticsInfoEvent as U,InfoEventType as K,UiTarget as H}from"../../../../core/Analytics/events/AnalyticsInfoEvent.js";import{useAmount as z}from"../../../../core/Context/AmountProvider.js";import{DUAL_BRANDS_THAT_NEED_SELECTION_MECHANISM as W}from"../../constants.js";function $(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function G(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){$(e,r,t[r])})}return e}function J(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}),e}const Q=l=>{var $,Q,X,Y,Z,ee,re;const te=t(null),ne=t(!1),oe=B(),se=t(null),ie=e=>{se.current=e},ae=t({});Object.keys(ae.current).length||l.setComponentRef(ae.current);const le=t(0),de=t(!1),ue=n(()=>new C(l.specifications),[l.specifications]),{amount:ce}=z();ae.current.sfp=te;const[me,pe]=o("ready"),[ye,fe]=o({}),[be,he]=o(G({},l.holderNameRequired&&{holderName:!1})),[Se,ge]=o(G({},l.hasHolderName&&{holderName:null!==($=null===(Z=l.data)||void 0===Z?void 0:Z.holderName)&&void 0!==$?$:""})),[Ne,ve]=o(""),[Ae,je]=o(!1),[Ce,Fe]=o(u),[Oe,Pe]=o(c),[we,Ee]=o(null),[ke,xe]=o([]),[Be,Re]=o(l.storedPaymentMethodId?l.brand:""),Ie=l.billingAddressMode!==d.none&&l.billingAddressRequired,De=S(l.billingAddressMode),Ve=null!==(Q=null===(ee=l.data)||void 0===ee?void 0:ee.billingAddress)&&void 0!==Q?Q:null,qe=t(De&&null!==(X=null==Ve||null===(re=Ve.country)||void 0===re?void 0:re.toUpperCase())&&void 0!==X?X:null),[Me,_e]=o(!1),[Le,Te]=o(Ie?Ve:null),[Ue,Ke]=o(!1),[He,ze]=o(""),[We,$e]=o({value:null}),[Ge,Je]=o(null),[Qe,Xe]=o("card"),[Ye,Ze]=o(!1),{handleChangeFor:er,triggerValidation:rr,data:tr,valid:nr,errors:or,setSchema:sr,setData:ir,setValid:ar,setErrors:lr}=h({schema:[],defaultData:l.data,formatters:y,rules:p}),dr=g({installmentOptions:l.installmentOptions,fundingSource:l.fundingSource,amount:ce}),ur=null===(Y=l.showInstallmentAmounts)||void 0===Y||Y,cr="kr"===(null!=we?we:l.countryCode),mr=!!l.configuration.koreanAuthenticationRequired&&cr,pr=Ue&&"auto"===l.configuration.socialSecurityNumberMode||"show"===l.configuration.socialSecurityNumberMode,yr=(e,r)=>{l.onFocus({fieldType:e,event:r})},fr=(e,r)=>{l.onBlur({fieldType:e,event:r})},br=s(e=>{Xe(e.brand),l.onBrand(e)},[]),hr=w(ve,yr,fr),Sr=()=>v(G({props:l,showKCP:mr,showBrazilianSSN:pr},l.billingAddressRequired&&{countrySpecificSchemas:ue.getAddressSchemaForCountry(null==Le?void 0:Le.country),billingAddressRequiredFields:l.billingAddressRequiredFields})),gr=s(e=>{const r="webInternalElement"!==e.fieldType?e.fieldType:e.name;Je(r)},[]),Nr=E(ir,ar,lr),vr=P(de,te,Sr()),Ar=s(e=>{jr(e)},[Ye,Ze]),jr=e=>{e.status&&("loading"==e.status?Ze(!1):Ze(!0))},Cr=n(()=>b(l,{sfp:te},{dualBrandSelectElements:ke,setDualBrandSelectElements:xe,setSelectedBrandValue:Re,issuingCountryCode:we,setIssuingCountryCode:Ee},le),[ke,we]);ae.current.showValidation=()=>{ne.current=!0,null==Pr||Pr(),te.current.showValidation(),rr(["holderName","socialSecurityNumber","taxNumber"]),(null==se?void 0:se.current)&&se.current.showValidation()},ae.current.processBinLookupResponse=(e,r)=>{Cr.processBinLookup(e,r)},ae.current.setStatus=pe,i(()=>(ae.current.setFocusOn=te.current.setFocusOn,ae.current.updateStyles=te.current.updateStyles,ae.current.handleUnsupportedCard=te.current.handleUnsupportedCard,()=>{te.current.destroy()}),[]),i(()=>{const e=[...l.hasHolderName?["holderName"]:[],...pr?["socialSecurityNumber"]:[],...mr?["taxNumber"]:[],...Ie?["billingAddress"]:[]];sr(e)},[l.hasHolderName,pr,mr]),i(()=>{var e;ge(J(G({},Se),{holderName:null!==(e=tr.holderName)&&void 0!==e?e:"",taxNumber:tr.taxNumber})),ze(tr.socialSecurityNumber),Ie&&Te(G({},tr.billingAddress)),he(J(G({},be),{holderName:!l.holderNameRequired||nr.holderName,socialSecurityNumber:!!nr.socialSecurityNumber&&nr.socialSecurityNumber,taxNumber:!!nr.taxNumber&&nr.taxNumber,billingAddress:!!nr.billingAddress&&nr.billingAddress}));const r=!!or.billingAddress&&Object.entries(or.billingAddress).reduce((e,[,r])=>e||null!=r,!1);fe(J(G({},ye),{holderName:l.holderNameRequired&&or.holderName?or.holderName:null,socialSecurityNumber:pr&&or.socialSecurityNumber?or.socialSecurityNumber:null,taxNumber:mr&&or.taxNumber?or.taxNumber:null,billingAddress:Ie&&r?or.billingAddress:null}))},[tr,nr,or]);const{sortedErrorList:Fr,previousSortedErrors:Or,clearSRPanel:Pr}=V({errors:ye,props:l,isValidating:ne,retrieveLayout:Sr,specifications:ue,billingAddress:Le,sfp:te});i(()=>{if(Fr){const e=R(Fr,Or,"field");null==e||e.forEach(e=>{const r=new U({component:l.type,type:K.validationError,target:M(e.field),validationErrorCode:e.errorCode,validationErrorMessage:_(e.errorCode,L)});l.onSubmitAnalytics(r)})}},[Fr]),i(()=>{const e=!!be.holderName,r=Ae,t=!Ie||!!be.billingAddress,n=!mr||!!be.taxNumber&&!!be.encryptedPassword,o=!pr||!!be.socialSecurityNumber,s=r&&e&&t&&n&&o,i=te.current.mapErrorsToValidationRuleResult(),a=G({},ye,i);l.onChange({data:Se,valid:be,errors:a,isValid:s,billingAddress:Le,selectedBrandValue:Be,storePaymentMethod:Me,socialSecurityNumber:He,installments:We})},[Se,be,ye,Be,Me,We]),i(()=>{if(ke.length>0&&ke){const e=ke.map(e=>e.id),r=e[0],t=e.toString();if(!!ke&&A(W,ke,"id")){const e=new U({component:l.type,type:K.displayed,target:H.dualBrandButton,brand:r,configData:{dualBrands:t}});l.onSubmitAnalytics(e)}}},[ke]);const wr=T(Be);i(()=>{if((null==wr?void 0:wr.length)&&(null==Be?void 0:Be.length)){const e=new U({component:l.type,type:K.selected,target:H.dualBrandButton,brand:Be});l.onSubmitAnalytics(e)}},[Be]);const Er=l.storedPaymentMethodId?F:O;return e(r,null,e(a,J(G({ref:te},N(l)),{styles:G({},l.styles),koreanAuthenticationRequired:l.configuration.koreanAuthenticationRequired,hasKoreanFields:!(!l.configuration.koreanAuthenticationRequired||"kr"!==l.countryCode),onSubmitAnalytics:l.onSubmitAnalytics,onChange:(e,r)=>{if(e.autoCompleteName){if(!l.hasHolderName)return;const r=f("holderName","blur"),t=(null==r?void 0:r(e.autoCompleteName,null))?e.autoCompleteName:null;return void(t&&(ir("holderName",t),ar("holderName",!0),lr("holderName",null)))}var t;l.autoFocus&&le.current>0&&"handleOnFieldValid"===(null==r?void 0:r.event)&&(null==r?void 0:r.fieldType)===m&&e.valid.encryptedCardNumber&&vr(),ge(G({},Se,e.data)),fe(G({},ye,(t=e.errors)?{encryptedCardNumber:!!t.encryptedCardNumber,encryptedExpiryDate:!!t.encryptedExpiryDate,encryptedSecurityCode:!!t.encryptedSecurityCode,encryptedPassword:!!t.encryptedPassword}:{})),he(G({},be,e.valid)),je(e.isSfpValid),Pe(e.cvcPolicy),Ke(e.showSocialSecurityNumber),Fe(e.expiryDatePolicy)},onBrand:br,onFocus:hr,onStateUpdate:Ar,type:l.brand,componentType:l.type,disableIOSArrowKeys:l.disableIOSArrowKeys?gr:null,render:({setRootNode:r,setFocusOn:t},n)=>{var o;return e("div",{ref:r,className:k({"adyen-checkout__card-input":!0,"adyen-checkout-card-input__wrapper":!0,[`adyen-checkout__card-input--${null!==(o=l.fundingSource)&&void 0!==o?o:"credit"}`]:!0,"adyen-checkout__card-input--loading":"loading"===me}),role:"form"},Ye&&e(I,null),e(Er,J(G({},j(l)),{data:Se,valid:be,errors:ye,handleChangeFor:er,focusedElement:Ne,setFocusOn:t,sfpState:n,cvcPolicy:Oe,hasInstallments:dr,showAmountsInInstallments:ur,handleInstallments:$e,brandsIcons:l.brandsIcons,formData:tr,formErrors:or,formValid:nr,expiryDatePolicy:Ce,dualBrandSelectElements:ke,extensions:Cr,selectedBrandValue:Be,showKCP:mr,showBrazilianSSN:pr,socialSecurityNumber:He,handleOnStoreDetails:_e,setAddressRef:ie,billingAddress:Le,billingAddressValidationRules:De&&x(qe.current),partialAddressSchema:De,handleAddress:Nr,onAddressLookup:l.onAddressLookup,onAddressSelected:l.onAddressSelected,addressSearchDebounceMs:l.addressSearchDebounceMs,iOSFocusedField:Ge,onFieldFocusAnalytics:yr,onFieldBlurAnalytics:fr})))}})),l.fastlaneConfiguration&&e(q,J(G({},l.fastlaneConfiguration),{currentDetectedBrand:Qe,onChange:l.onChange,onSubmitAnalytics:l.onSubmitAnalytics,type:l.type})),Ye&&l.payButton({status:me,variant:l.isPayButtonPrimaryVariant?"primary":"secondary",icon:oe({imageFolder:"components/"})(`${D}lock`)}))};Q.defaultProps=l;export{Q as default};
 //# sourceMappingURL=CardInput.js.map

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

@@ -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, ENCRYPTED_CARD_NUMBER } from '../../../internal/SecuredFields/lib/constants';\nimport { BinLookupResponse, DualBrandSelectElement } from '../../types';\nimport { cardInputFormatters, cardInputValidationRules, getRuleByNameAndMode } from './validate';\nimport CIExtensions from '../../../internal/SecuredFields/binLookup/extensions';\nimport useForm from '../../../../utils/useForm';\nimport { SortedErrorObject } from '../../../../core/Errors/types';\nimport {\n    handlePartialAddressMode,\n    extractPropsForCardFields,\n    extractPropsForSFP,\n    getLayout,\n    shouldShowInstallmentsComponent,\n    requiresDualBrandSelection\n} from './utils';\nimport Specifications from '../../../internal/Address/Specifications';\nimport { StoredCardFieldsWrapper } from './components/StoredCardFieldsWrapper';\nimport { CardFieldsWrapper } from './components/CardFieldsWrapper';\nimport { getAddressHandler, getAutoJumpHandler, getFocusHandler } from './handlers';\nimport { InstallmentsState } from './components/Installments/Installments';\nimport { TouchStartEventObj } from './components/types';\nimport classNames from 'classnames';\nimport { getPartialAddressValidationRules } from '../../../internal/Address/validate';\nimport useImage from '../../../../core/Context/useImage';\nimport { getArrayDifferences } from '../../../../utils/arrayUtils';\nimport FormInstruction from '../../../internal/FormInstruction';\nimport { AddressData } from '../../../../types/global-types';\nimport { CardBrandData, CardFocusData } from '../../../internal/SecuredFields/lib/types';\nimport { PREFIX } from '../../../internal/Icon/constants';\nimport useSRPanelForCardInputErrors from './useSRPanelForCardInputErrors';\nimport FastlaneSignup from '../Fastlane/FastlaneSignup';\nimport { fieldTypeToSnakeCase } from '../../../internal/SecuredFields/utils';\nimport { getErrorMessageFromCode } from '../../../../core/Errors/utils';\nimport { SF_ErrorCodes } from '../../../../core/Errors/constants';\nimport { usePrevious } from '../../../../utils/hookUtils';\nimport { AnalyticsInfoEvent, InfoEventType, UiTarget } from '../../../../core/Analytics/events/AnalyticsInfoEvent';\nimport { useAmount } from '../../../../core/Context/AmountProvider';\nimport { DUAL_BRANDS_THAT_NEED_SELECTION_MECHANISM } from '../../constants';\n\nconst CardInput = (props: Readonly<CardInputProps>) => {\n    const sfp = useRef<SecuredFieldsProvider>(null);\n    const isValidating = useRef(false);\n    const getImage = useImage();\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    const { amount } = useAmount();\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 [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<DualBrandSelectElement[]>([]);\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    const initialBillingAddress = props.data?.billingAddress ?? null;\n\n    // Keeps the value of the country set initially by the merchant, before the Address Component mutates it\n    const partialAddressCountry = useRef<string | null>(partialAddressSchema ? (initialBillingAddress?.country?.toUpperCase() ?? null) : null);\n\n    const [storePaymentMethod, setStorePaymentMethod] = useState(false);\n    const [billingAddress, setBillingAddress] = useState<AddressData | null>(showBillingAddress ? initialBillingAddress : null);\n    const [showSocialSecurityNumber, setShowSocialSecurityNumber] = useState(false);\n    const [socialSecurityNumber, setSocialSecurityNumber] = useState('');\n    const [installments, setInstallments] = useState<InstallmentsState>({ 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     * This stores the brand as detected by the internal regEx.\n     * It eventually gets overwritten by the brand as detected by the /binLookup, but will revert back to the regEx detection\n     * if the PAN length drops below the /binLookup digit threshold.\n     * Default value, 'card', indicates no brand detected\n     */\n    const [internallyDetectedBrand, setInternallyDetectedBrand] = useState('card');\n\n    /**\n     * Used tho show and hide the pay button and instructions text\n     * Should mimic the same logic as CardInput loading wrapper\n     */\n    const [showCardUIElements, setShowCardUIElements] = useState(false);\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 = shouldShowInstallmentsComponent({\n        installmentOptions: props.installmentOptions,\n        fundingSource: props.fundingSource,\n        amount\n    });\n\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 | CardFocusData) => {\n        props.onFocus({ fieldType: who, event: e });\n    };\n    const onFieldBlurAnalytics = (who: string, e: Event | CardFocusData) => {\n        props.onBlur({ fieldType: who, event: e });\n    };\n\n    const onBrand = useCallback((obj: CardBrandData) => {\n        setInternallyDetectedBrand(obj.brand);\n        props.onBrand(obj);\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 mapSfpErrorsToCardInputErrors = (sfpErrors: SFPState['errors']): Partial<CardInputErrorState> => {\n        if (!sfpErrors) return {};\n\n        return {\n            encryptedCardNumber: !!sfpErrors.encryptedCardNumber,\n            encryptedExpiryDate: !!sfpErrors.encryptedExpiryDate,\n            encryptedSecurityCode: !!sfpErrors.encryptedSecurityCode,\n            encryptedPassword: !!sfpErrors.encryptedPassword\n        };\n    };\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, null) ? 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, ...mapSfpErrorsToCardInputErrors(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    /**\n     * Listen to the full SecureFieldsProvider state and handle actions\n     * Used right now to mimic the loading status changes, this can only be done this way\n     * Trying to do it via onConfiguSuccess or onChange has side effects\n     */\n    const handleSFPStateUpdate = useCallback(\n        sfpState => {\n            mimicLoadingStatusChange(sfpState);\n        },\n        [showCardUIElements, setShowCardUIElements]\n    );\n\n    /**\n     * This function implements the same logic that LoadingProvider uses to show and hide elements\n     * We want to mimic this behavior so we can hide and show the pay button or the instructions text\n     * Deciding to do it this way since we garante there's no DOM changes to merchants\n     * We can break this in the next major version (v7)\n     */\n    const mimicLoadingStatusChange = (sfpState: SFPState) => {\n        if (!sfpState.status) return;\n        if (sfpState.status == 'loading') {\n            setShowCardUIElements(false);\n        } else {\n            setShowCardUIElements(true);\n        }\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    // Use the custom hook to set (or clear) errors in the SRPanel\n    const {\n        sortedErrorList: currentErrorsSortedByLayout,\n        previousSortedErrors,\n        clearSRPanel\n    } = useSRPanelForCardInputErrors({\n        errors,\n        props,\n        isValidating,\n        retrieveLayout,\n        specifications,\n        billingAddress,\n        sfp\n    });\n\n    // Analytics: ValidationErrors\n    useEffect(() => {\n        if (currentErrorsSortedByLayout) {\n            const newErrors = getArrayDifferences<SortedErrorObject, string>(currentErrorsSortedByLayout, previousSortedErrors, 'field');\n\n            newErrors?.forEach(errorItem => {\n                const event = new AnalyticsInfoEvent({\n                    component: props.type,\n                    type: InfoEventType.validationError,\n                    target: fieldTypeToSnakeCase(errorItem.field) as UiTarget,\n                    validationErrorCode: errorItem.errorCode,\n                    validationErrorMessage: getErrorMessageFromCode(errorItem.errorCode, SF_ErrorCodes)\n                });\n                props.onSubmitAnalytics(event);\n            });\n        }\n    }, [currentErrorsSortedByLayout]);\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        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     * \"Update\" handler related to dual brand buttons being initially displayed\n     */\n    useEffect(() => {\n        if (dualBrandSelectElements.length > 0 && dualBrandSelectElements) {\n            const dualBrandsArr: string[] = dualBrandSelectElements.map(item => item.id);\n            const brand = dualBrandsArr[0]; // initially selected brand\n            const dualBrands = dualBrandsArr.toString();\n\n            const showDualBrandSelector = dualBrandSelectElements\n                ? requiresDualBrandSelection(DUAL_BRANDS_THAT_NEED_SELECTION_MECHANISM, dualBrandSelectElements, 'id')\n                : false;\n\n            // Only send analytics event about displaying dualBrand selector for countries that need to show a selection mechanism\n            if (showDualBrandSelector) {\n                const event = new AnalyticsInfoEvent({\n                    component: props.type,\n                    type: InfoEventType.displayed,\n                    target: UiTarget.dualBrandButton,\n                    brand,\n                    configData: { dualBrands }\n                });\n\n                props.onSubmitAnalytics(event);\n            }\n        }\n    }, [dualBrandSelectElements]);\n\n    const previousSelectedBrandValue = usePrevious(selectedBrandValue);\n\n    /**\n     * \"Update\" handler related to a dual brand button being selected\n     */\n    useEffect(() => {\n        if (previousSelectedBrandValue?.length && selectedBrandValue?.length) {\n            const event = new AnalyticsInfoEvent({\n                component: props.type,\n                type: InfoEventType.selected,\n                target: UiTarget.dualBrandButton,\n                brand: selectedBrandValue\n            });\n\n            props.onSubmitAnalytics(event);\n        }\n    }, [selectedBrandValue]);\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                onSubmitAnalytics={props.onSubmitAnalytics}\n                onChange={handleSecuredFieldsChange}\n                onBrand={onBrand}\n                onFocus={handleFocus}\n                onStateUpdate={handleSFPStateUpdate}\n                type={props.brand}\n                componentType={props.type}\n                disableIOSArrowKeys={props.disableIOSArrowKeys ? handleTouchstartIOS : null}\n                render={({ setRootNode, setFocusOn }, sfpState: 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                        {showCardUIElements && <FormInstruction />}\n\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\n            {props.fastlaneConfiguration && (\n                <FastlaneSignup\n                    {...props.fastlaneConfiguration}\n                    currentDetectedBrand={internallyDetectedBrand}\n                    onChange={props.onChange}\n                    onSubmitAnalytics={props.onSubmitAnalytics}\n                    type={props.type}\n                />\n            )}\n\n            {showCardUIElements &&\n                props.showPayButton &&\n                props.payButton({\n                    status,\n                    variant: props.isPayButtonPrimaryVariant ? 'primary' : 'secondary',\n                    icon: getImage({ imageFolder: 'components/' })(`${PREFIX}lock`)\n                })}\n        </Fragment>\n    );\n};\n\nCardInput.defaultProps = defaultProps;\n\nexport default CardInput;\n"],"names":["CardInput","props","initialBillingAddress","sfp","useRef","isValidating","getImage","useImage","billingAddressRef","setAddressRef","ref","current","cardInputRef","Object","keys","length","setComponentRef","hasPanLengthRef","isAutoJumping","specifications","useMemo","Specifications","amount","useAmount","status","setStatus","useState","errors","setErrors","valid","setValid","_object_spread","holderNameRequired","holderName","data","setData","hasHolderName","_ref","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","billingAddress","_ref1","partialAddressCountry","country","toUpperCase","storePaymentMethod","setStorePaymentMethod","setBillingAddress","showSocialSecurityNumber","setShowSocialSecurityNumber","socialSecurityNumber","setSocialSecurityNumber","installments","setInstallments","value","iOSFocusedField","setIOSFocusedField","internallyDetectedBrand","setInternallyDetectedBrand","showCardUIElements","setShowCardUIElements","handleChangeFor","triggerValidation","formData","formValid","formErrors","setSchema","setFormData","setFormValid","setFormErrors","useForm","schema","defaultData","formatters","cardInputFormatters","rules","cardInputValidationRules","hasInstallments","shouldShowInstallmentsComponent","installmentOptions","fundingSource","showAmountsInInstallments","showInstallmentAmounts","isKorea","countryCode","showKCP","configuration","koreanAuthenticationRequired","showBrazilianSSN","socialSecurityNumberMode","onFieldFocusAnalytics","who","e","onFocus","fieldType","event","onFieldBlurAnalytics","onBlur","onBrand","useCallback","obj","handleFocus","getFocusHandler","retrieveLayout","getLayout","countrySpecificSchemas","getAddressSchemaForCountry","billingAddressRequiredFields","handleTouchstartIOS","elementType","name","handleAddress","getAddressHandler","doPanAutoJump","getAutoJumpHandler","handleSFPStateUpdate","sfpState","mimicLoadingStatusChange","extensions","CIExtensions","showValidation","clearSRPanel","processBinLookupResponse","binLookupResponse","isReset","processBinLookup","useEffect","setFocusOn","updateStyles","handleUnsupportedCard","destroy","newSchema","_object_spread_props","taxNumber","addressHasErrors","entries","reduce","acc","error","sortedErrorList","currentErrorsSortedByLayout","previousSortedErrors","useSRPanelForCardInputErrors","newErrors","getArrayDifferences","forEach","errorItem","AnalyticsInfoEvent","component","type","InfoEventType","validationError","target","fieldTypeToSnakeCase","field","validationErrorCode","errorCode","validationErrorMessage","getErrorMessageFromCode","SF_ErrorCodes","onSubmitAnalytics","holderNameValid","sfpValid","addressValid","koreanAuthentication","encryptedPassword","socialSecurityNumberValid","isValid","sfStateErrorsObj","mapErrorsToValidationRuleResult","mergedErrors","onChange","dualBrandsArr","map","item","id","dualBrands","toString","requiresDualBrandSelection","DUAL_BRANDS_THAT_NEED_SELECTION_MECHANISM","displayed","UiTarget","dualBrandButton","configData","previousSelectedBrandValue","usePrevious","selected","FieldToRender","StoredCardFieldsWrapper","CardFieldsWrapper","h","Fragment","SecuredFieldsProvider","extractPropsForSFP","styles","hasKoreanFields","sfState","eventDetails","autoCompleteName","holderNameValidationFn","getRuleByNameAndMode","acHolderName","sfpErrors","autoFocus","ENCRYPTED_CARD_NUMBER","encryptedCardNumber","encryptedExpiryDate","encryptedSecurityCode","onStateUpdate","componentType","disableIOSArrowKeys","render","setRootNode","div","className","classNames","role","FormInstruction","extractPropsForCardFields","handleInstallments","brandsIcons","handleOnStoreDetails","billingAddressValidationRules","getPartialAddressValidationRules","onAddressLookup","onAddressSelected","addressSearchDebounceMs","fastlaneConfiguration","FastlaneSignup","currentDetectedBrand","showPayButton","payButton","variant","isPayButtonPrimaryVariant","icon","imageFolder","PREFIX","defaultProps"],"mappings":"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"}
+{"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, DualBrandSelectElement } from '../../types';\nimport { cardInputFormatters, cardInputValidationRules, getRuleByNameAndMode } from './validate';\nimport CIExtensions from '../../../internal/SecuredFields/binLookup/extensions';\nimport useForm from '../../../../utils/useForm';\nimport { SortedErrorObject } from '../../../../core/Errors/types';\nimport {\n    handlePartialAddressMode,\n    extractPropsForCardFields,\n    extractPropsForSFP,\n    getLayout,\n    shouldShowInstallmentsComponent,\n    requiresDualBrandSelection\n} from './utils';\nimport Specifications from '../../../internal/Address/Specifications';\nimport { StoredCardFieldsWrapper } from './components/StoredCardFieldsWrapper';\nimport { CardFieldsWrapper } from './components/CardFieldsWrapper';\nimport { getAddressHandler, getAutoJumpHandler, getFocusHandler } from './handlers';\nimport { InstallmentsState } from './components/Installments/Installments';\nimport { TouchStartEventObj } from './components/types';\nimport classNames from 'classnames';\nimport { getPartialAddressValidationRules } from '../../../internal/Address/validate';\nimport useImage from '../../../../core/Context/useImage';\nimport { getArrayDifferences } from '../../../../utils/arrayUtils';\nimport FormInstruction from '../../../internal/FormInstruction';\nimport { AddressData } from '../../../../types/global-types';\nimport { CardBrandData, CardFocusData } from '../../../internal/SecuredFields/lib/types';\nimport { PREFIX } from '../../../internal/Icon/constants';\nimport useSRPanelForCardInputErrors from './useSRPanelForCardInputErrors';\nimport FastlaneSignup from '../Fastlane/FastlaneSignup';\nimport { fieldTypeToSnakeCase } from '../../../internal/SecuredFields/utils';\nimport { getErrorMessageFromCode } from '../../../../core/Errors/utils';\nimport { SF_ErrorCodes } from '../../../../core/Errors/constants';\nimport { usePrevious } from '../../../../utils/hookUtils';\nimport { AnalyticsInfoEvent, InfoEventType, UiTarget } from '../../../../core/Analytics/events/AnalyticsInfoEvent';\nimport { useAmount } from '../../../../core/Context/AmountProvider';\nimport { DUAL_BRANDS_THAT_NEED_SELECTION_MECHANISM } from '../../constants';\n\nconst CardInput = (props: Readonly<CardInputProps>) => {\n    const sfp = useRef<SecuredFieldsProvider>(null);\n    const isValidating = useRef(false);\n    const getImage = useImage();\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    const { amount } = useAmount();\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 [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<DualBrandSelectElement[]>([]);\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    const initialBillingAddress = props.data?.billingAddress ?? null;\n\n    // Keeps the value of the country set initially by the merchant, before the Address Component mutates it\n    const partialAddressCountry = useRef<string | null>(partialAddressSchema ? (initialBillingAddress?.country?.toUpperCase() ?? null) : null);\n\n    const [storePaymentMethod, setStorePaymentMethod] = useState(false);\n    const [billingAddress, setBillingAddress] = useState<AddressData | null>(showBillingAddress ? initialBillingAddress : null);\n    const [showSocialSecurityNumber, setShowSocialSecurityNumber] = useState(false);\n    const [socialSecurityNumber, setSocialSecurityNumber] = useState('');\n    const [installments, setInstallments] = useState<InstallmentsState>({ 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     * This stores the brand as detected by the internal regEx.\n     * It eventually gets overwritten by the brand as detected by the /binLookup, but will revert back to the regEx detection\n     * if the PAN length drops below the /binLookup digit threshold.\n     * Default value, 'card', indicates no brand detected\n     */\n    const [internallyDetectedBrand, setInternallyDetectedBrand] = useState('card');\n\n    /**\n     * Used tho show and hide the pay button and instructions text\n     * Should mimic the same logic as CardInput loading wrapper\n     */\n    const [showCardUIElements, setShowCardUIElements] = useState(false);\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 = shouldShowInstallmentsComponent({\n        installmentOptions: props.installmentOptions,\n        fundingSource: props.fundingSource,\n        amount\n    });\n\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 | CardFocusData) => {\n        props.onFocus({ fieldType: who, event: e });\n    };\n    const onFieldBlurAnalytics = (who: string, e: Event | CardFocusData) => {\n        props.onBlur({ fieldType: who, event: e });\n    };\n\n    const onBrand = useCallback((obj: CardBrandData) => {\n        setInternallyDetectedBrand(obj.brand);\n        props.onBrand(obj);\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 mapSfpErrorsToCardInputErrors = (sfpErrors: SFPState['errors']): Partial<CardInputErrorState> => {\n        if (!sfpErrors) return {};\n\n        return {\n            encryptedCardNumber: !!sfpErrors.encryptedCardNumber,\n            encryptedExpiryDate: !!sfpErrors.encryptedExpiryDate,\n            encryptedSecurityCode: !!sfpErrors.encryptedSecurityCode,\n            encryptedPassword: !!sfpErrors.encryptedPassword\n        };\n    };\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, null) ? 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, ...mapSfpErrorsToCardInputErrors(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    /**\n     * Listen to the full SecureFieldsProvider state and handle actions\n     * Used right now to mimic the loading status changes, this can only be done this way\n     * Trying to do it via onConfiguSuccess or onChange has side effects\n     */\n    const handleSFPStateUpdate = useCallback(\n        sfpState => {\n            mimicLoadingStatusChange(sfpState);\n        },\n        [showCardUIElements, setShowCardUIElements]\n    );\n\n    /**\n     * This function implements the same logic that LoadingProvider uses to show and hide elements\n     * We want to mimic this behavior so we can hide and show the pay button or the instructions text\n     * Deciding to do it this way since we garante there's no DOM changes to merchants\n     * We can break this in the next major version (v7)\n     */\n    const mimicLoadingStatusChange = (sfpState: SFPState) => {\n        if (!sfpState.status) return;\n        if (sfpState.status == 'loading') {\n            setShowCardUIElements(false);\n        } else {\n            setShowCardUIElements(true);\n        }\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    // Use the custom hook to set (or clear) errors in the SRPanel\n    const {\n        sortedErrorList: currentErrorsSortedByLayout,\n        previousSortedErrors,\n        clearSRPanel\n    } = useSRPanelForCardInputErrors({\n        errors,\n        props,\n        isValidating,\n        retrieveLayout,\n        specifications,\n        billingAddress,\n        sfp\n    });\n\n    // Analytics: ValidationErrors\n    useEffect(() => {\n        if (currentErrorsSortedByLayout) {\n            const newErrors = getArrayDifferences<SortedErrorObject, string>(currentErrorsSortedByLayout, previousSortedErrors, 'field');\n\n            newErrors?.forEach(errorItem => {\n                const event = new AnalyticsInfoEvent({\n                    component: props.type,\n                    type: InfoEventType.validationError,\n                    target: fieldTypeToSnakeCase(errorItem.field) as UiTarget,\n                    validationErrorCode: errorItem.errorCode,\n                    validationErrorMessage: getErrorMessageFromCode(errorItem.errorCode, SF_ErrorCodes)\n                });\n                props.onSubmitAnalytics(event);\n            });\n        }\n    }, [currentErrorsSortedByLayout]);\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        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     * \"Update\" handler related to dual brand buttons being initially displayed\n     */\n    useEffect(() => {\n        if (dualBrandSelectElements.length > 0 && dualBrandSelectElements) {\n            const dualBrandsArr: string[] = dualBrandSelectElements.map(item => item.id);\n            const brand = dualBrandsArr[0]; // initially selected brand\n            const dualBrands = dualBrandsArr.toString();\n\n            const showDualBrandSelector = dualBrandSelectElements\n                ? requiresDualBrandSelection(DUAL_BRANDS_THAT_NEED_SELECTION_MECHANISM, dualBrandSelectElements, 'id')\n                : false;\n\n            // Only send analytics event about displaying dualBrand selector for countries that need to show a selection mechanism\n            if (showDualBrandSelector) {\n                const event = new AnalyticsInfoEvent({\n                    component: props.type,\n                    type: InfoEventType.displayed,\n                    target: UiTarget.dualBrandButton,\n                    brand,\n                    configData: { dualBrands }\n                });\n\n                props.onSubmitAnalytics(event);\n            }\n        }\n    }, [dualBrandSelectElements]);\n\n    const previousSelectedBrandValue = usePrevious(selectedBrandValue);\n\n    /**\n     * \"Update\" handler related to a dual brand button being selected\n     */\n    useEffect(() => {\n        if (previousSelectedBrandValue?.length && selectedBrandValue?.length) {\n            const event = new AnalyticsInfoEvent({\n                component: props.type,\n                type: InfoEventType.selected,\n                target: UiTarget.dualBrandButton,\n                brand: selectedBrandValue\n            });\n\n            props.onSubmitAnalytics(event);\n        }\n    }, [selectedBrandValue]);\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                onSubmitAnalytics={props.onSubmitAnalytics}\n                onChange={handleSecuredFieldsChange}\n                onBrand={onBrand}\n                onFocus={handleFocus}\n                onStateUpdate={handleSFPStateUpdate}\n                type={props.brand}\n                componentType={props.type}\n                disableIOSArrowKeys={props.disableIOSArrowKeys ? handleTouchstartIOS : null}\n                render={({ setRootNode, setFocusOn }, sfpState: 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                        {showCardUIElements && <FormInstruction />}\n\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\n            {props.fastlaneConfiguration && (\n                <FastlaneSignup\n                    {...props.fastlaneConfiguration}\n                    currentDetectedBrand={internallyDetectedBrand}\n                    onChange={props.onChange}\n                    onSubmitAnalytics={props.onSubmitAnalytics}\n                    type={props.type}\n                />\n            )}\n\n            {showCardUIElements &&\n                props.payButton({\n                    status,\n                    variant: props.isPayButtonPrimaryVariant ? 'primary' : 'secondary',\n                    icon: getImage({ imageFolder: 'components/' })(`${PREFIX}lock`)\n                })}\n        </Fragment>\n    );\n};\n\nCardInput.defaultProps = defaultProps;\n\nexport default CardInput;\n"],"names":["CardInput","props","initialBillingAddress","sfp","useRef","isValidating","getImage","useImage","billingAddressRef","setAddressRef","ref","current","cardInputRef","Object","keys","length","setComponentRef","hasPanLengthRef","isAutoJumping","specifications","useMemo","Specifications","amount","useAmount","status","setStatus","useState","errors","setErrors","valid","setValid","_object_spread","holderNameRequired","holderName","data","setData","hasHolderName","_ref","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","billingAddress","_ref1","partialAddressCountry","country","toUpperCase","storePaymentMethod","setStorePaymentMethod","setBillingAddress","showSocialSecurityNumber","setShowSocialSecurityNumber","socialSecurityNumber","setSocialSecurityNumber","installments","setInstallments","value","iOSFocusedField","setIOSFocusedField","internallyDetectedBrand","setInternallyDetectedBrand","showCardUIElements","setShowCardUIElements","handleChangeFor","triggerValidation","formData","formValid","formErrors","setSchema","setFormData","setFormValid","setFormErrors","useForm","schema","defaultData","formatters","cardInputFormatters","rules","cardInputValidationRules","hasInstallments","shouldShowInstallmentsComponent","installmentOptions","fundingSource","showAmountsInInstallments","showInstallmentAmounts","isKorea","countryCode","showKCP","configuration","koreanAuthenticationRequired","showBrazilianSSN","socialSecurityNumberMode","onFieldFocusAnalytics","who","e","onFocus","fieldType","event","onFieldBlurAnalytics","onBlur","onBrand","useCallback","obj","handleFocus","getFocusHandler","retrieveLayout","getLayout","countrySpecificSchemas","getAddressSchemaForCountry","billingAddressRequiredFields","handleTouchstartIOS","elementType","name","handleAddress","getAddressHandler","doPanAutoJump","getAutoJumpHandler","handleSFPStateUpdate","sfpState","mimicLoadingStatusChange","extensions","CIExtensions","showValidation","clearSRPanel","processBinLookupResponse","binLookupResponse","isReset","processBinLookup","useEffect","setFocusOn","updateStyles","handleUnsupportedCard","destroy","newSchema","_object_spread_props","taxNumber","addressHasErrors","entries","reduce","acc","error","sortedErrorList","currentErrorsSortedByLayout","previousSortedErrors","useSRPanelForCardInputErrors","newErrors","getArrayDifferences","forEach","errorItem","AnalyticsInfoEvent","component","type","InfoEventType","validationError","target","fieldTypeToSnakeCase","field","validationErrorCode","errorCode","validationErrorMessage","getErrorMessageFromCode","SF_ErrorCodes","onSubmitAnalytics","holderNameValid","sfpValid","addressValid","koreanAuthentication","encryptedPassword","socialSecurityNumberValid","isValid","sfStateErrorsObj","mapErrorsToValidationRuleResult","mergedErrors","onChange","dualBrandsArr","map","item","id","dualBrands","toString","requiresDualBrandSelection","DUAL_BRANDS_THAT_NEED_SELECTION_MECHANISM","displayed","UiTarget","dualBrandButton","configData","previousSelectedBrandValue","usePrevious","selected","FieldToRender","StoredCardFieldsWrapper","CardFieldsWrapper","h","Fragment","SecuredFieldsProvider","extractPropsForSFP","styles","hasKoreanFields","sfState","eventDetails","autoCompleteName","holderNameValidationFn","getRuleByNameAndMode","acHolderName","sfpErrors","autoFocus","ENCRYPTED_CARD_NUMBER","encryptedCardNumber","encryptedExpiryDate","encryptedSecurityCode","onStateUpdate","componentType","disableIOSArrowKeys","render","setRootNode","div","className","classNames","role","FormInstruction","extractPropsForCardFields","handleInstallments","brandsIcons","handleOnStoreDetails","billingAddressValidationRules","getPartialAddressValidationRules","onAddressLookup","onAddressSelected","addressSearchDebounceMs","fastlaneConfiguration","FastlaneSignup","currentDetectedBrand","payButton","variant","isPayButtonPrimaryVariant","icon","imageFolder","PREFIX","defaultProps"],"mappings":"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"}

package/dist/es-legacy/components/Card/components/CardInput/components/CardFieldsWrapper.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../../external/preact/dist/preact.js";import r from"../../../../internal/LoadingWrapper/LoadingWrapper.js";import l from"./CardFields.js";import s from"./KCPAuthentication.js";import a from"../../../../internal/SocialSecurityNumberBrazil/SocialSecurityNumberBrazil.js";import n from"../../../../internal/StoreDetails/StoreDetails.js";import o from"../../../../internal/Address/Address.js";import i from"./CardHolderName.js";import d from"./Installments/Installments.js";import t from"../../../../internal/DisclaimerMessage/DisclaimerMessage.js";const u=({data:u,valid:c,errors:m,handleChangeFor:p,sfpState:h,setFocusOn:b,cvcPolicy:y,focusedElement:N,hasInstallments:A,handleInstallments:F,showAmountsInInstallments:S,brandsIcons:g,formData:f,formErrors:C,formValid:B,expiryDatePolicy:x,dualBrandSelectElements:v,extensions:w,selectedBrandValue:D,showKCP:I,showBrazilianSSN:j,socialSecurityNumber:E,handleOnStoreDetails:P,billingAddress:O,handleAddress:k,setAddressRef:V,partialAddressSchema:R,onAddressLookup:q,onAddressSelected:M,addressSearchDebounceMs:H,billingAddressRequired:L,billingAddressRequiredFields:T,billingAddressAllowedCountries:_,billingAddressValidationRules:z=null,brandsConfiguration:K,showStoreDetailsCheckbox:W,hasCVC:$,hasHolderName:G,holderNameRequired:J,installmentOptions:Q,placeholders:U,positionHolderNameOnTop:X,showBrandIcon:Y,showContextualElement:Z,iOSFocusedField:ee,disclaimerMessage:re,onFieldFocusAnalytics:le,onFieldBlurAnalytics:se})=>{var ae;const ne=e(i,{required:J,placeholder:U.holderName,value:f.holderName,error:!!C.holderName&&J,isValid:!!B.holderName,onBlur:p("holderName","blur"),onInput:p("holderName","input"),disabled:ee&&"holderName"!==ee,onFieldFocusAnalytics:le,onFieldBlurAnalytics:se});return e(r,{status:h.status},G&&X&&ne,e(l,{showBrandIcon:Y,showContextualElement:Z,brand:null!==(ae=h.brand)&&void 0!==ae?ae:"card",brandsIcons:g,brandsConfiguration:K,focusedElement:N,onFocusField:b,hasCVC:$,cvcPolicy:y,expiryDatePolicy:x,errors:h.errors,valid:h.valid,dualBrandingElements:v.length>0&&v,dualBrandingChangeHandler:w.handleDualBrandSelection,selectedBrandValue:D}),G&&!X&&ne,I&&e(s,{onFocusField:b,focusedElement:N,encryptedPasswordState:{data:h.encryptedPassword,valid:!!h.valid&&h.valid.encryptedPassword,errors:!!h.errors&&h.errors.encryptedPassword},value:u.taxNumber,error:!!m.taxNumber,isValid:!!c.taxNumber,onBlur:p("taxNumber","blur"),onInput:p("taxNumber","input"),disabled:ee&&"kcpTaxNumberOrDOB"!==ee,placeholder:U.taxNumber,onFieldFocusAnalytics:le,onFieldBlurAnalytics:se}),j&&e("div",{className:"adyen-checkout__card__socialSecurityNumber"},e(a,{onBlur:p("socialSecurityNumber","blur"),onInput:p("socialSecurityNumber","input"),error:null==m?void 0:m.socialSecurityNumber,valid:null==c?void 0:c.socialSecurityNumber,data:E,required:!0,disabled:ee&&"socialSecurityNumber"!==ee,onFieldFocusAnalytics:le,onFieldBlurAnalytics:se})),W&&e(n,{onChange:P}),A&&e(d,{brand:h.brand,installmentOptions:Q,onChange:F,type:S?"amount":"months"}),L&&e(o,{label:"billingAddress",data:O,onChange:k,allowedCountries:_,requiredFields:T,setComponentRef:V,validationRules:z,specifications:R,iOSFocusedField:ee,onAddressLookup:q,showContextualElement:Z,onAddressSelected:M,addressSearchDebounceMs:H,onFieldFocusAnalytics:le,onFieldBlurAnalytics:se}),re&&e(t,{message:re.message.replace("%{linkText}",`%#${re.linkText}%#`),urls:[re.link]}))};export{u as CardFieldsWrapper};
+import{createElement as e}from"../../../../../external/preact/dist/preact.js";import r from"../../../../internal/LoadingWrapper/LoadingWrapper.js";import l from"./CardFields.js";import a from"./KCPAuthentication.js";import s from"../../../../internal/SocialSecurityNumberBrazil/SocialSecurityNumberBrazil.js";import o from"../../../../internal/StoreDetails/StoreDetails.js";import n from"../../../../internal/Address/Address.js";import d from"./CardHolderName.js";import i from"./Installments/Installments.js";const t=({data:t,valid:u,errors:c,handleChangeFor:m,sfpState:p,setFocusOn:h,cvcPolicy:b,focusedElement:y,hasInstallments:N,handleInstallments:A,showAmountsInInstallments:F,brandsIcons:S,formData:C,formErrors:f,formValid:B,expiryDatePolicy:g,dualBrandSelectElements:v,extensions:x,selectedBrandValue:w,showKCP:I,showBrazilianSSN:D,socialSecurityNumber:E,handleOnStoreDetails:P,billingAddress:j,handleAddress:O,setAddressRef:V,partialAddressSchema:R,onAddressLookup:q,onAddressSelected:k,addressSearchDebounceMs:H,billingAddressRequired:L,billingAddressRequiredFields:_,billingAddressAllowedCountries:z,billingAddressValidationRules:K=null,brandsConfiguration:M,showStoreDetailsCheckbox:T,hasCVC:W,hasHolderName:G,holderNameRequired:J,installmentOptions:Q,placeholders:U,positionHolderNameOnTop:X,showBrandIcon:Y,showContextualElement:Z,iOSFocusedField:$,onFieldFocusAnalytics:ee,onFieldBlurAnalytics:re})=>{var le;const ae=e(d,{required:J,placeholder:U.holderName,value:C.holderName,error:!!f.holderName&&J,isValid:!!B.holderName,onBlur:m("holderName","blur"),onInput:m("holderName","input"),disabled:$&&"holderName"!==$,onFieldFocusAnalytics:ee,onFieldBlurAnalytics:re});return e(r,{status:p.status},G&&X&&ae,e(l,{showBrandIcon:Y,showContextualElement:Z,brand:null!==(le=p.brand)&&void 0!==le?le:"card",brandsIcons:S,brandsConfiguration:M,focusedElement:y,onFocusField:h,hasCVC:W,cvcPolicy:b,expiryDatePolicy:g,errors:p.errors,valid:p.valid,dualBrandingElements:v.length>0&&v,dualBrandingChangeHandler:x.handleDualBrandSelection,selectedBrandValue:w}),G&&!X&&ae,I&&e(a,{onFocusField:h,focusedElement:y,encryptedPasswordState:{data:p.encryptedPassword,valid:!!p.valid&&p.valid.encryptedPassword,errors:!!p.errors&&p.errors.encryptedPassword},value:t.taxNumber,error:!!c.taxNumber,isValid:!!u.taxNumber,onBlur:m("taxNumber","blur"),onInput:m("taxNumber","input"),disabled:$&&"kcpTaxNumberOrDOB"!==$,placeholder:U.taxNumber,onFieldFocusAnalytics:ee,onFieldBlurAnalytics:re}),D&&e("div",{className:"adyen-checkout__card__socialSecurityNumber"},e(s,{onBlur:m("socialSecurityNumber","blur"),onInput:m("socialSecurityNumber","input"),error:null==c?void 0:c.socialSecurityNumber,valid:null==u?void 0:u.socialSecurityNumber,data:E,required:!0,disabled:$&&"socialSecurityNumber"!==$,onFieldFocusAnalytics:ee,onFieldBlurAnalytics:re})),T&&e(o,{onChange:P}),N&&e(i,{brand:p.brand,installmentOptions:Q,onChange:A,type:F?"amount":"months"}),L&&e(n,{label:"billingAddress",data:j,onChange:O,allowedCountries:z,requiredFields:_,setComponentRef:V,validationRules:K,specifications:R,iOSFocusedField:$,onAddressLookup:q,showContextualElement:Z,onAddressSelected:k,addressSearchDebounceMs:H,onFieldFocusAnalytics:ee,onFieldBlurAnalytics:re}))};export{t as CardFieldsWrapper};
 //# sourceMappingURL=CardFieldsWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardFieldsWrapper.js","sources":["../../../../../../../src/components/Card/components/CardInput/components/CardFieldsWrapper.tsx"],"sourcesContent":["import { h } from 'preact';\nimport LoadingWrapper from '../../../../internal/LoadingWrapper';\nimport CardFields from './CardFields';\nimport KCPAuthentication from './KCPAuthentication';\nimport SocialSecurityNumberBrazil from '../../../../internal/SocialSecurityNumberBrazil/SocialSecurityNumberBrazil';\nimport StoreDetails from '../../../../internal/StoreDetails';\nimport Address from '../../../../internal/Address';\nimport CardHolderName from './CardHolderName';\nimport Installments from './Installments';\nimport DisclaimerMessage from '../../../../internal/DisclaimerMessage';\n\nexport const CardFieldsWrapper = ({\n    // vars created in CardInput:\n    // base (shared)\n    data,\n    valid,\n    errors,\n    handleChangeFor,\n    sfpState,\n    setFocusOn,\n    cvcPolicy,\n    focusedElement,\n    hasInstallments,\n    handleInstallments,\n    showAmountsInInstallments,\n    // Card\n    brandsIcons,\n    formData,\n    formErrors,\n    formValid,\n    expiryDatePolicy,\n    dualBrandSelectElements,\n    extensions,\n    selectedBrandValue,\n    // KCP\n    showKCP,\n    // SSN\n    showBrazilianSSN,\n    socialSecurityNumber,\n    // Store details\n    handleOnStoreDetails,\n    // Address\n    billingAddress,\n    handleAddress,\n    setAddressRef,\n    partialAddressSchema,\n    onAddressLookup,\n    onAddressSelected,\n    addressSearchDebounceMs,\n    // For this comp (props passed through from CardInput)\n    billingAddressRequired,\n    billingAddressRequiredFields,\n    billingAddressAllowedCountries,\n    billingAddressValidationRules = null,\n    brandsConfiguration,\n    showStoreDetailsCheckbox,\n    hasCVC,\n    hasHolderName,\n    holderNameRequired,\n    installmentOptions,\n    placeholders,\n    positionHolderNameOnTop,\n    // For CardFields > CardNumber\n    showBrandIcon,\n    showContextualElement,\n    //\n    iOSFocusedField,\n    disclaimerMessage,\n    //\n    onFieldFocusAnalytics,\n    onFieldBlurAnalytics\n}) => {\n    const cardHolderField = (\n        <CardHolderName\n            required={holderNameRequired}\n            placeholder={placeholders.holderName}\n            value={formData.holderName}\n            error={!!formErrors.holderName && holderNameRequired}\n            isValid={!!formValid.holderName}\n            onBlur={handleChangeFor('holderName', 'blur')}\n            onInput={handleChangeFor('holderName', 'input')}\n            disabled={iOSFocusedField && iOSFocusedField !== 'holderName'}\n            onFieldFocusAnalytics={onFieldFocusAnalytics}\n            onFieldBlurAnalytics={onFieldBlurAnalytics}\n        />\n    );\n\n    return (\n        <LoadingWrapper status={sfpState.status}>\n            {hasHolderName && positionHolderNameOnTop && cardHolderField}\n\n            <CardFields\n                showBrandIcon={showBrandIcon}\n                showContextualElement={showContextualElement}\n                brand={sfpState.brand ?? 'card'}\n                brandsIcons={brandsIcons}\n                brandsConfiguration={brandsConfiguration}\n                focusedElement={focusedElement}\n                onFocusField={setFocusOn}\n                hasCVC={hasCVC}\n                cvcPolicy={cvcPolicy}\n                expiryDatePolicy={expiryDatePolicy}\n                errors={sfpState.errors}\n                valid={sfpState.valid}\n                dualBrandingElements={dualBrandSelectElements.length > 0 && dualBrandSelectElements}\n                dualBrandingChangeHandler={extensions.handleDualBrandSelection}\n                selectedBrandValue={selectedBrandValue}\n            />\n\n            {hasHolderName && !positionHolderNameOnTop && cardHolderField}\n\n            {showKCP && (\n                <KCPAuthentication\n                    onFocusField={setFocusOn}\n                    focusedElement={focusedElement}\n                    encryptedPasswordState={{\n                        data: sfpState.encryptedPassword,\n                        valid: sfpState.valid ? sfpState.valid.encryptedPassword : false,\n                        errors: sfpState.errors ? sfpState.errors.encryptedPassword : false\n                    }}\n                    value={data.taxNumber}\n                    error={!!errors.taxNumber}\n                    isValid={!!valid.taxNumber}\n                    onBlur={handleChangeFor('taxNumber', 'blur')}\n                    onInput={handleChangeFor('taxNumber', 'input')}\n                    disabled={iOSFocusedField && iOSFocusedField !== 'kcpTaxNumberOrDOB'}\n                    placeholder={placeholders.taxNumber}\n                    onFieldFocusAnalytics={onFieldFocusAnalytics}\n                    onFieldBlurAnalytics={onFieldBlurAnalytics}\n                />\n            )}\n\n            {showBrazilianSSN && (\n                <div className=\"adyen-checkout__card__socialSecurityNumber\">\n                    <SocialSecurityNumberBrazil\n                        onBlur={handleChangeFor('socialSecurityNumber', 'blur')}\n                        onInput={handleChangeFor('socialSecurityNumber', 'input')}\n                        error={errors?.socialSecurityNumber}\n                        valid={valid?.socialSecurityNumber}\n                        data={socialSecurityNumber}\n                        required={true}\n                        disabled={iOSFocusedField && iOSFocusedField !== 'socialSecurityNumber'}\n                        onFieldFocusAnalytics={onFieldFocusAnalytics}\n                        onFieldBlurAnalytics={onFieldBlurAnalytics}\n                    />\n                </div>\n            )}\n\n            {showStoreDetailsCheckbox && <StoreDetails onChange={handleOnStoreDetails} />}\n\n            {hasInstallments && (\n                <Installments\n                    brand={sfpState.brand}\n                    installmentOptions={installmentOptions}\n                    onChange={handleInstallments}\n                    type={showAmountsInInstallments ? 'amount' : 'months'}\n                />\n            )}\n\n            {billingAddressRequired && (\n                <Address\n                    label=\"billingAddress\"\n                    data={billingAddress}\n                    onChange={handleAddress}\n                    allowedCountries={billingAddressAllowedCountries}\n                    requiredFields={billingAddressRequiredFields}\n                    setComponentRef={setAddressRef}\n                    validationRules={billingAddressValidationRules}\n                    specifications={partialAddressSchema}\n                    iOSFocusedField={iOSFocusedField}\n                    onAddressLookup={onAddressLookup}\n                    showContextualElement={showContextualElement}\n                    onAddressSelected={onAddressSelected}\n                    addressSearchDebounceMs={addressSearchDebounceMs}\n                    onFieldFocusAnalytics={onFieldFocusAnalytics}\n                    onFieldBlurAnalytics={onFieldBlurAnalytics}\n                />\n            )}\n\n            {disclaimerMessage && (\n                <DisclaimerMessage\n                    message={disclaimerMessage.message.replace('%{linkText}', `%#${disclaimerMessage.linkText}%#`)}\n                    urls={[disclaimerMessage.link]}\n                />\n            )}\n        </LoadingWrapper>\n    );\n};\n"],"names":["CardFieldsWrapper","data","valid","errors","handleChangeFor","sfpState","setFocusOn","cvcPolicy","focusedElement","hasInstallments","handleInstallments","showAmountsInInstallments","brandsIcons","formData","formErrors","formValid","expiryDatePolicy","dualBrandSelectElements","extensions","selectedBrandValue","showKCP","showBrazilianSSN","socialSecurityNumber","handleOnStoreDetails","billingAddress","handleAddress","setAddressRef","partialAddressSchema","onAddressLookup","onAddressSelected","addressSearchDebounceMs","billingAddressRequired","billingAddressRequiredFields","billingAddressAllowedCountries","billingAddressValidationRules","brandsConfiguration","showStoreDetailsCheckbox","hasCVC","hasHolderName","holderNameRequired","installmentOptions","placeholders","positionHolderNameOnTop","showBrandIcon","showContextualElement","iOSFocusedField","disclaimerMessage","onFieldFocusAnalytics","onFieldBlurAnalytics","cardHolderField","h","CardHolderName","required","placeholder","holderName","value","error","isValid","onBlur","onInput","disabled","LoadingWrapper","status","CardFields","brand","onFocusField","dualBrandingElements","length","dualBrandingChangeHandler","handleDualBrandSelection","KCPAuthentication","encryptedPasswordState","encryptedPassword","taxNumber","div","className","SocialSecurityNumberBrazil","StoreDetails","onChange","Installments","type","Address","label","allowedCountries","requiredFields","setComponentRef","validationRules","specifications","DisclaimerMessage","message","replace","linkText","urls","link"],"mappings":"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"}
+{"version":3,"file":"CardFieldsWrapper.js","sources":["../../../../../../../src/components/Card/components/CardInput/components/CardFieldsWrapper.tsx"],"sourcesContent":["import { h } from 'preact';\nimport LoadingWrapper from '../../../../internal/LoadingWrapper';\nimport CardFields from './CardFields';\nimport KCPAuthentication from './KCPAuthentication';\nimport SocialSecurityNumberBrazil from '../../../../internal/SocialSecurityNumberBrazil/SocialSecurityNumberBrazil';\nimport StoreDetails from '../../../../internal/StoreDetails';\nimport Address from '../../../../internal/Address';\nimport CardHolderName from './CardHolderName';\nimport Installments from './Installments';\n\nexport const CardFieldsWrapper = ({\n    // vars created in CardInput:\n    // base (shared)\n    data,\n    valid,\n    errors,\n    handleChangeFor,\n    sfpState,\n    setFocusOn,\n    cvcPolicy,\n    focusedElement,\n    hasInstallments,\n    handleInstallments,\n    showAmountsInInstallments,\n    // Card\n    brandsIcons,\n    formData,\n    formErrors,\n    formValid,\n    expiryDatePolicy,\n    dualBrandSelectElements,\n    extensions,\n    selectedBrandValue,\n    // KCP\n    showKCP,\n    // SSN\n    showBrazilianSSN,\n    socialSecurityNumber,\n    // Store details\n    handleOnStoreDetails,\n    // Address\n    billingAddress,\n    handleAddress,\n    setAddressRef,\n    partialAddressSchema,\n    onAddressLookup,\n    onAddressSelected,\n    addressSearchDebounceMs,\n    // For this comp (props passed through from CardInput)\n    billingAddressRequired,\n    billingAddressRequiredFields,\n    billingAddressAllowedCountries,\n    billingAddressValidationRules = null,\n    brandsConfiguration,\n    showStoreDetailsCheckbox,\n    hasCVC,\n    hasHolderName,\n    holderNameRequired,\n    installmentOptions,\n    placeholders,\n    positionHolderNameOnTop,\n    // For CardFields > CardNumber\n    showBrandIcon,\n    showContextualElement,\n    //\n    iOSFocusedField,\n    //\n    onFieldFocusAnalytics,\n    onFieldBlurAnalytics\n}) => {\n    const cardHolderField = (\n        <CardHolderName\n            required={holderNameRequired}\n            placeholder={placeholders.holderName}\n            value={formData.holderName}\n            error={!!formErrors.holderName && holderNameRequired}\n            isValid={!!formValid.holderName}\n            onBlur={handleChangeFor('holderName', 'blur')}\n            onInput={handleChangeFor('holderName', 'input')}\n            disabled={iOSFocusedField && iOSFocusedField !== 'holderName'}\n            onFieldFocusAnalytics={onFieldFocusAnalytics}\n            onFieldBlurAnalytics={onFieldBlurAnalytics}\n        />\n    );\n\n    return (\n        <LoadingWrapper status={sfpState.status}>\n            {hasHolderName && positionHolderNameOnTop && cardHolderField}\n\n            <CardFields\n                showBrandIcon={showBrandIcon}\n                showContextualElement={showContextualElement}\n                brand={sfpState.brand ?? 'card'}\n                brandsIcons={brandsIcons}\n                brandsConfiguration={brandsConfiguration}\n                focusedElement={focusedElement}\n                onFocusField={setFocusOn}\n                hasCVC={hasCVC}\n                cvcPolicy={cvcPolicy}\n                expiryDatePolicy={expiryDatePolicy}\n                errors={sfpState.errors}\n                valid={sfpState.valid}\n                dualBrandingElements={dualBrandSelectElements.length > 0 && dualBrandSelectElements}\n                dualBrandingChangeHandler={extensions.handleDualBrandSelection}\n                selectedBrandValue={selectedBrandValue}\n            />\n\n            {hasHolderName && !positionHolderNameOnTop && cardHolderField}\n\n            {showKCP && (\n                <KCPAuthentication\n                    onFocusField={setFocusOn}\n                    focusedElement={focusedElement}\n                    encryptedPasswordState={{\n                        data: sfpState.encryptedPassword,\n                        valid: sfpState.valid ? sfpState.valid.encryptedPassword : false,\n                        errors: sfpState.errors ? sfpState.errors.encryptedPassword : false\n                    }}\n                    value={data.taxNumber}\n                    error={!!errors.taxNumber}\n                    isValid={!!valid.taxNumber}\n                    onBlur={handleChangeFor('taxNumber', 'blur')}\n                    onInput={handleChangeFor('taxNumber', 'input')}\n                    disabled={iOSFocusedField && iOSFocusedField !== 'kcpTaxNumberOrDOB'}\n                    placeholder={placeholders.taxNumber}\n                    onFieldFocusAnalytics={onFieldFocusAnalytics}\n                    onFieldBlurAnalytics={onFieldBlurAnalytics}\n                />\n            )}\n\n            {showBrazilianSSN && (\n                <div className=\"adyen-checkout__card__socialSecurityNumber\">\n                    <SocialSecurityNumberBrazil\n                        onBlur={handleChangeFor('socialSecurityNumber', 'blur')}\n                        onInput={handleChangeFor('socialSecurityNumber', 'input')}\n                        error={errors?.socialSecurityNumber}\n                        valid={valid?.socialSecurityNumber}\n                        data={socialSecurityNumber}\n                        required={true}\n                        disabled={iOSFocusedField && iOSFocusedField !== 'socialSecurityNumber'}\n                        onFieldFocusAnalytics={onFieldFocusAnalytics}\n                        onFieldBlurAnalytics={onFieldBlurAnalytics}\n                    />\n                </div>\n            )}\n\n            {showStoreDetailsCheckbox && <StoreDetails onChange={handleOnStoreDetails} />}\n\n            {hasInstallments && (\n                <Installments\n                    brand={sfpState.brand}\n                    installmentOptions={installmentOptions}\n                    onChange={handleInstallments}\n                    type={showAmountsInInstallments ? 'amount' : 'months'}\n                />\n            )}\n\n            {billingAddressRequired && (\n                <Address\n                    label=\"billingAddress\"\n                    data={billingAddress}\n                    onChange={handleAddress}\n                    allowedCountries={billingAddressAllowedCountries}\n                    requiredFields={billingAddressRequiredFields}\n                    setComponentRef={setAddressRef}\n                    validationRules={billingAddressValidationRules}\n                    specifications={partialAddressSchema}\n                    iOSFocusedField={iOSFocusedField}\n                    onAddressLookup={onAddressLookup}\n                    showContextualElement={showContextualElement}\n                    onAddressSelected={onAddressSelected}\n                    addressSearchDebounceMs={addressSearchDebounceMs}\n                    onFieldFocusAnalytics={onFieldFocusAnalytics}\n                    onFieldBlurAnalytics={onFieldBlurAnalytics}\n                />\n            )}\n        </LoadingWrapper>\n    );\n};\n"],"names":["CardFieldsWrapper","data","valid","errors","handleChangeFor","sfpState","setFocusOn","cvcPolicy","focusedElement","hasInstallments","handleInstallments","showAmountsInInstallments","brandsIcons","formData","formErrors","formValid","expiryDatePolicy","dualBrandSelectElements","extensions","selectedBrandValue","showKCP","showBrazilianSSN","socialSecurityNumber","handleOnStoreDetails","billingAddress","handleAddress","setAddressRef","partialAddressSchema","onAddressLookup","onAddressSelected","addressSearchDebounceMs","billingAddressRequired","billingAddressRequiredFields","billingAddressAllowedCountries","billingAddressValidationRules","brandsConfiguration","showStoreDetailsCheckbox","hasCVC","hasHolderName","holderNameRequired","installmentOptions","placeholders","positionHolderNameOnTop","showBrandIcon","showContextualElement","iOSFocusedField","onFieldFocusAnalytics","onFieldBlurAnalytics","cardHolderField","h","CardHolderName","required","placeholder","holderName","value","error","isValid","onBlur","onInput","disabled","LoadingWrapper","status","CardFields","brand","onFocusField","dualBrandingElements","length","dualBrandingChangeHandler","handleDualBrandSelection","KCPAuthentication","encryptedPasswordState","encryptedPassword","taxNumber","div","className","SocialSecurityNumberBrazil","StoreDetails","onChange","Installments","type","Address","label","allowedCountries","requiredFields","setComponentRef","validationRules","specifications"],"mappings":"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"}

package/dist/es-legacy/components/Card/components/CardInput/components/StoredCardFieldsWrapper.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../../../external/preact/dist/preact.js";import s from"../../../../internal/LoadingWrapper/LoadingWrapper.js";import t from"./StoredCardFields.js";import a from"./Installments/Installments.js";import n from"../../../../internal/DisclaimerMessage/DisclaimerMessage.js";const r=({sfpState:r,setFocusOn:l,cvcPolicy:o,focusedElement:i,hasInstallments:m,handleInstallments:p,showAmountsInInstallments:c,showContextualElement:d,hasCVC:u,installmentOptions:h,lastFour:x,expiryMonth:f,expiryYear:g,disclaimerMessage:C})=>e(s,{status:r.status},e(t,{errors:r.errors,brand:r.brand,hasCVC:u,cvcPolicy:o,onFocusField:l,focusedElement:i,valid:r.valid,lastFour:x,expiryMonth:f,expiryYear:g,showContextualElement:d}),m&&e(a,{brand:r.brand,installmentOptions:h,onChange:p,type:c?"amount":"months"}),C&&e(n,{message:C.message.replace("%{linkText}",`%#${C.linkText}%#`),urls:[C.link]}));export{r as StoredCardFieldsWrapper};
+import{createElement as t}from"../../../../../external/preact/dist/preact.js";import e from"../../../../internal/LoadingWrapper/LoadingWrapper.js";import n from"./StoredCardFields.js";import s from"./Installments/Installments.js";const a=({sfpState:a,setFocusOn:r,cvcPolicy:o,focusedElement:l,hasInstallments:m,handleInstallments:i,showAmountsInInstallments:p,showContextualElement:d,hasCVC:c,installmentOptions:u,lastFour:h,expiryMonth:x,expiryYear:C})=>t(e,{status:a.status},t(n,{errors:a.errors,brand:a.brand,hasCVC:c,cvcPolicy:o,onFocusField:r,focusedElement:l,valid:a.valid,lastFour:h,expiryMonth:x,expiryYear:C,showContextualElement:d}),m&&t(s,{brand:a.brand,installmentOptions:u,onChange:i,type:p?"amount":"months"}));export{a as StoredCardFieldsWrapper};
 //# sourceMappingURL=StoredCardFieldsWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StoredCardFieldsWrapper.js","sources":["../../../../../../../src/components/Card/components/CardInput/components/StoredCardFieldsWrapper.tsx"],"sourcesContent":["import { h } from 'preact';\nimport LoadingWrapper from '../../../../internal/LoadingWrapper';\nimport StoredCardFields from './StoredCardFields';\nimport Installments from './Installments';\nimport DisclaimerMessage from '../../../../internal/DisclaimerMessage';\n\nexport const StoredCardFieldsWrapper = ({\n    // base (shared)\n    // n/a\n    // vars created in CardInput:\n    sfpState,\n    setFocusOn,\n    cvcPolicy,\n    focusedElement,\n    hasInstallments,\n    handleInstallments,\n    showAmountsInInstallments,\n    showContextualElement,\n    // props passed through from CardInput:\n    hasCVC,\n    installmentOptions,\n    lastFour,\n    expiryMonth,\n    expiryYear,\n    // Card\n    disclaimerMessage\n}) => {\n    return (\n        <LoadingWrapper status={sfpState.status}>\n            <StoredCardFields\n                errors={sfpState.errors}\n                brand={sfpState.brand}\n                hasCVC={hasCVC}\n                cvcPolicy={cvcPolicy}\n                onFocusField={setFocusOn}\n                focusedElement={focusedElement}\n                valid={sfpState.valid}\n                lastFour={lastFour}\n                expiryMonth={expiryMonth}\n                expiryYear={expiryYear}\n                showContextualElement={showContextualElement}\n            />\n\n            {hasInstallments && (\n                <Installments\n                    brand={sfpState.brand}\n                    installmentOptions={installmentOptions}\n                    onChange={handleInstallments}\n                    type={showAmountsInInstallments ? 'amount' : 'months'}\n                />\n            )}\n\n            {disclaimerMessage && (\n                <DisclaimerMessage\n                    message={disclaimerMessage.message.replace('%{linkText}', `%#${disclaimerMessage.linkText}%#`)}\n                    urls={[disclaimerMessage.link]}\n                />\n            )}\n        </LoadingWrapper>\n    );\n};\n"],"names":["StoredCardFieldsWrapper","sfpState","setFocusOn","cvcPolicy","focusedElement","hasInstallments","handleInstallments","showAmountsInInstallments","showContextualElement","hasCVC","installmentOptions","lastFour","expiryMonth","expiryYear","disclaimerMessage","h","LoadingWrapper","status","StoredCardFields","errors","brand","onFocusField","valid","Installments","onChange","type","DisclaimerMessage","message","replace","linkText","urls","link"],"mappings":"iTAMO,MAAMA,EAA0B,EAInCC,WACAC,aACAC,YACAC,iBACAC,kBACAC,qBACAC,4BACAC,wBAEAC,SACAC,qBACAC,WACAC,cACAC,aAEAC,uBAGIC,EAACC,EAAAA,CAAeC,OAAQhB,EAASgB,QAC7BF,EAACG,EAAAA,CACGC,OAAQlB,EAASkB,OACjBC,MAAOnB,EAASmB,MAChBX,OAAQA,EACRN,UAAWA,EACXkB,aAAcnB,EACdE,eAAgBA,EAChBkB,MAAOrB,EAASqB,MAChBX,SAAUA,EACVC,YAAaA,EACbC,WAAYA,EACZL,sBAAuBA,IAG1BH,GACGU,EAACQ,EAAAA,CACGH,MAAOnB,EAASmB,MAChBV,mBAAoBA,EACpBc,SAAUlB,EACVmB,KAAMlB,EAA4B,SAAW,WAIpDO,GACGC,EAACW,EAAAA,CACGC,QAASb,EAAkBa,QAAQC,QAAQ,cAAe,KAAKd,EAAkBe,cACjFC,KAAM,CAAChB,EAAkBiB"}
+{"version":3,"file":"StoredCardFieldsWrapper.js","sources":["../../../../../../../src/components/Card/components/CardInput/components/StoredCardFieldsWrapper.tsx"],"sourcesContent":["import { h } from 'preact';\nimport LoadingWrapper from '../../../../internal/LoadingWrapper';\nimport StoredCardFields from './StoredCardFields';\nimport Installments from './Installments';\n\nexport const StoredCardFieldsWrapper = ({\n    // base (shared)\n    // n/a\n    // vars created in CardInput:\n    sfpState,\n    setFocusOn,\n    cvcPolicy,\n    focusedElement,\n    hasInstallments,\n    handleInstallments,\n    showAmountsInInstallments,\n    showContextualElement,\n    // props passed through from CardInput:\n    hasCVC,\n    installmentOptions,\n    lastFour,\n    expiryMonth,\n    expiryYear\n}) => {\n    return (\n        <LoadingWrapper status={sfpState.status}>\n            <StoredCardFields\n                errors={sfpState.errors}\n                brand={sfpState.brand}\n                hasCVC={hasCVC}\n                cvcPolicy={cvcPolicy}\n                onFocusField={setFocusOn}\n                focusedElement={focusedElement}\n                valid={sfpState.valid}\n                lastFour={lastFour}\n                expiryMonth={expiryMonth}\n                expiryYear={expiryYear}\n                showContextualElement={showContextualElement}\n            />\n\n            {hasInstallments && (\n                <Installments\n                    brand={sfpState.brand}\n                    installmentOptions={installmentOptions}\n                    onChange={handleInstallments}\n                    type={showAmountsInInstallments ? 'amount' : 'months'}\n                />\n            )}\n        </LoadingWrapper>\n    );\n};\n"],"names":["StoredCardFieldsWrapper","sfpState","setFocusOn","cvcPolicy","focusedElement","hasInstallments","handleInstallments","showAmountsInInstallments","showContextualElement","hasCVC","installmentOptions","lastFour","expiryMonth","expiryYear","h","LoadingWrapper","status","StoredCardFields","errors","brand","onFocusField","valid","Installments","onChange","type"],"mappings":"sOAKO,MAAMA,EAA0B,EAInCC,WACAC,aACAC,YACAC,iBACAC,kBACAC,qBACAC,4BACAC,wBAEAC,SACAC,qBACAC,WACAC,cACAC,gBAGIC,EAACC,EAAAA,CAAeC,OAAQf,EAASe,QAC7BF,EAACG,EAAAA,CACGC,OAAQjB,EAASiB,OACjBC,MAAOlB,EAASkB,MAChBV,OAAQA,EACRN,UAAWA,EACXiB,aAAclB,EACdE,eAAgBA,EAChBiB,MAAOpB,EAASoB,MAChBV,SAAUA,EACVC,YAAaA,EACbC,WAAYA,EACZL,sBAAuBA,IAG1BH,GACGS,EAACQ,EAAAA,CACGH,MAAOlB,EAASkB,MAChBT,mBAAoBA,EACpBa,SAAUjB,EACVkB,KAAMjB,EAA4B,SAAW"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../../src/components/Card/components/CardInput/types.ts"],"sourcesContent":["import Language from '../../../../language/Language';\nimport type {\n    BinLookupResponse,\n    BrandConfiguration,\n    CardBrandsConfiguration,\n    CardBackendConfiguration,\n    DualBrandSelectElement,\n    CardPlaceholders\n} from '../../types';\nimport {\n    CardAllValidData,\n    CardAutoCompleteData,\n    CardBinValueData,\n    CardBrandData,\n    CardConfigSuccessData,\n    CardFieldValidData,\n    CardFocusData,\n    CardLoadData,\n    CVCPolicyType,\n    DatePolicyType\n} from '../../../internal/SecuredFields/lib/types';\nimport Specifications from '../../../internal/Address/Specifications';\nimport { AddressSchema } from '../../../internal/Address/types';\nimport { CardErrorData, StylesObject } from '../../../internal/SecuredFields/lib/types';\nimport { Resources } from '../../../../core/Context/Resources';\nimport { SRPanel } from '../../../../core/Errors/SRPanel';\nimport RiskElement from '../../../../core/RiskModule';\nimport { DisclaimerMsgObject } from '../../../internal/DisclaimerMessage/DisclaimerMessage';\nimport { OnAddressLookupType, OnAddressSelectedType } from '../../../internal/Address/components/AddressSearch';\nimport { ComponentMethodsRef } from '../../../internal/UIElement/types';\nimport { AddressData } from '../../../../types/global-types';\nimport type { FastlaneSignupConfiguration } from '../../../PayPalFastlane/types';\nimport type { AbstractAnalyticsEvent } from '../../../../core/Analytics/events/AbstractAnalyticsEvent';\nimport { IAnalytics } from '../../../../core/Analytics/Analytics';\nimport { PayButtonProps } from '../../../internal/PayButton/PayButton';\nimport { h } from 'preact';\nimport { InstallmentOptions } from './components/Installments/Installments';\nimport type { Form } from '../../../../utils/useForm/types';\nimport type { SecuredFieldsProviderRef } from '../../../internal/SecuredFields/SFP/types';\nimport { AdyenCheckoutError } from '../../../../types';\nimport { ValidationRuleResult } from '../../../../utils/Validator/ValidationRuleResult';\n\nexport interface CardInputValidState {\n    holderName?: boolean;\n    billingAddress?: boolean;\n    socialSecurityNumber?: boolean;\n    encryptedCardNumber?: boolean;\n    encryptedExpiryMonth?: boolean;\n    encryptedExpiryYear?: boolean;\n    encryptedSecurityCode?: boolean;\n    taxNumber?: boolean;\n    encryptedPassword?: boolean;\n}\n\nexport interface CardInputErrorState {\n    holderName?: ValidationRuleResult;\n    billingAddress?: ValidationRuleResult;\n    socialSecurityNumber?: ValidationRuleResult;\n    encryptedCardNumber?: boolean;\n    encryptedExpiryDate?: boolean;\n    encryptedSecurityCode?: boolean;\n    taxNumber?: ValidationRuleResult;\n    encryptedPassword?: boolean;\n}\n\nexport interface CardInputDataState {\n    holderName?: string;\n    billingAddress?: AddressData | null;\n    socialSecurityNumber?: string;\n    taxNumber?: string;\n}\n\n/**\n * Should be the subset of the props sent to CardInput that are *actually* used by CardInput\n * - either in the comp itself or are passed on to its children\n */\nexport interface CardInputProps {\n    isPayButtonPrimaryVariant?: boolean;\n    autoFocus?: boolean;\n    billingAddressAllowedCountries?: string[];\n    billingAddressRequired?: boolean;\n    billingAddressRequiredFields?: string[];\n    billingAddressMode?: AddressModeOptions;\n    brand?: string;\n    brands?: string[];\n    brandsConfiguration?: CardBrandsConfiguration;\n    brandsIcons: Array<BrandConfiguration>;\n    clientKey?: string;\n    configuration: CardBackendConfiguration;\n    countryCode?: string;\n    cvcPolicy?: CVCPolicyType;\n    data?: CardInputDataState;\n    disableIOSArrowKeys?: boolean;\n    enableStoreDetails?: boolean;\n    expiryMonth?: string;\n    expiryYear?: string;\n    fastlaneConfiguration?: FastlaneSignupConfiguration;\n    forceCompat?: boolean;\n    fundingSource?: 'debit' | 'credit' | 'prepaid';\n    hasCVC?: boolean;\n    hasHolderName?: boolean;\n    holderName?: string;\n    holderNameRequired?: boolean;\n    i18n?: Language;\n    implementationType?: 'components' | 'custom';\n    installmentOptions?: InstallmentOptions;\n    keypadFix?: boolean;\n    lastFour?: string;\n    loadingContext?: string;\n    legacyInputMode?: boolean;\n    minimumExpiryDate?: string;\n    modules?: {\n        srPanel?: SRPanel;\n        analytics?: IAnalytics;\n        risk?: RiskElement;\n        resources?: Resources;\n    };\n    onAdditionalSFConfig?: () => void;\n    onAdditionalSFRemoved?: () => void;\n    onAllValid?: (o: CardAllValidData) => void;\n    onAutoComplete?: (o: CardAutoCompleteData) => void;\n    onBinValue?: (o: CardBinValueData) => void;\n    onBlur?: (e) => void;\n    onBrand?: (o: CardBrandData) => void;\n    onConfigSuccess?: (O: CardConfigSuccessData) => void;\n    onChange: (state) => void;\n    onError?: (e: AdyenCheckoutError) => void;\n    onFieldValid?: (o: CardFieldValidData) => void;\n    onFocus?: (e) => void;\n    onLoad?: (o: CardLoadData) => void;\n    onSubmitAnalytics: (event: AbstractAnalyticsEvent) => void;\n    handleKeyDown?: (event: KeyboardEvent) => void;\n    onAddressLookup?: OnAddressLookupType;\n    onAddressSelected?: OnAddressSelectedType;\n    onSubmit?: () => void;\n    addressSearchDebounceMs?: number;\n    payButton?: (props: PayButtonProps) => h.JSX.Element;\n    placeholders?: CardPlaceholders;\n    positionHolderNameOnTop?: boolean;\n    resources: Resources;\n    setComponentRef?: (ref) => void;\n    showBrandIcon?: boolean;\n    showInstallmentAmounts?: boolean;\n    showPayButton?: boolean;\n    showStoreDetailsCheckbox?: boolean;\n    showWarnings?: boolean;\n    showContextualElement?: boolean;\n    specifications?: Specifications;\n    storedPaymentMethodId?: string;\n    styles?: StylesObject;\n    trimTrailingSeparator?: boolean;\n    type: string;\n    maskSecurityCode?: boolean;\n    exposeExpiryDate?: boolean;\n    disclaimerMessage?: DisclaimerMsgObject;\n}\n\nexport interface CardInputState {\n    dualBrandSelectElements: DualBrandSelectElement[];\n    selectedBrandValue: string;\n    billingAddress: object;\n    brand?: string;\n    data?: object;\n    errors?: object;\n    focusedElement: string;\n    cvcPolicy: CVCPolicyType;\n    expiryDatePolicy: DatePolicyType;\n    isValid: boolean;\n    status: string;\n    valid?: object;\n    issuingCountryCode: string;\n    showSocialSecurityNumber?: boolean;\n}\n\n// An interface for the members exposed by CardInput to its parent Card/UIElement\nexport interface CardInputRef extends ComponentMethodsRef {\n    sfp?: SecuredFieldsProviderRef;\n    setFocusOn?: (field: string) => void;\n    processBinLookupResponse?: (binLookupResponse: BinLookupResponse, isReset: boolean) => void;\n    updateStyles?: (stylesObj: StylesObject) => void;\n    handleUnsupportedCard?: (errObj: CardErrorData) => boolean;\n}\n\nexport interface FieldError {\n    errorMessage?: string;\n    errorI18n?: string;\n}\n\nexport interface SFError {\n    isValid?: boolean;\n    errorMessage?: string;\n    errorI18n?: string;\n    error: string;\n    rootNode: HTMLElement;\n    detectedBrands?: string[];\n}\n\nexport interface SFStateErrorObj {\n    [key: string]: SFError;\n}\n\nexport interface LayoutObj {\n    props: CardInputProps;\n    showKCP: boolean;\n    showBrazilianSSN: boolean;\n    countrySpecificSchemas: AddressSchema;\n    billingAddressRequiredFields?: string[];\n}\n\nexport enum AddressModeOptions {\n    full = 'full',\n    partial = 'partial',\n    none = 'none'\n}\n\nexport type CardSetFormData = Form<CardInputDataState>['setData'];\nexport type CardSetFormValid = Form<CardInputDataState>['setValid'];\nexport type CardSetFormErrors = Form<CardInputDataState>['setErrors'];\n\nexport type OnFieldFocus = (who: string, e: Event | CardFocusData) => void;\n"],"names":["AddressModeOptions"],"mappings":"AAiNO,IAAAA,EAAKA,SAAAA,GAAAA,uDAAAA,CAIX,CAJWA,CAIX,CAAA"}
+{"version":3,"file":"types.js","sources":["../../../../../../src/components/Card/components/CardInput/types.ts"],"sourcesContent":["import Language from '../../../../language/Language';\nimport type {\n    BinLookupResponse,\n    BrandConfiguration,\n    CardBrandsConfiguration,\n    CardBackendConfiguration,\n    DualBrandSelectElement,\n    CardPlaceholders\n} from '../../types';\nimport {\n    CardAllValidData,\n    CardAutoCompleteData,\n    CardBinValueData,\n    CardBrandData,\n    CardConfigSuccessData,\n    CardFieldValidData,\n    CardFocusData,\n    CardLoadData,\n    CVCPolicyType,\n    DatePolicyType\n} from '../../../internal/SecuredFields/lib/types';\nimport Specifications from '../../../internal/Address/Specifications';\nimport { AddressSchema } from '../../../internal/Address/types';\nimport { CardErrorData, StylesObject } from '../../../internal/SecuredFields/lib/types';\nimport { Resources } from '../../../../core/Context/Resources';\nimport { SRPanel } from '../../../../core/Errors/SRPanel';\nimport RiskElement from '../../../../core/RiskModule';\nimport { OnAddressLookupType, OnAddressSelectedType } from '../../../internal/Address/components/AddressSearch';\nimport { ComponentMethodsRef } from '../../../internal/UIElement/types';\nimport { AddressData } from '../../../../types/global-types';\nimport type { FastlaneSignupConfiguration } from '../../../PayPalFastlane/types';\nimport type { AbstractAnalyticsEvent } from '../../../../core/Analytics/events/AbstractAnalyticsEvent';\nimport { IAnalytics } from '../../../../core/Analytics/Analytics';\nimport { PayButtonProps } from '../../../internal/PayButton/PayButton';\nimport { h } from 'preact';\nimport { InstallmentOptions } from './components/Installments/Installments';\nimport type { Form } from '../../../../utils/useForm/types';\nimport type { SecuredFieldsProviderRef } from '../../../internal/SecuredFields/SFP/types';\nimport { AdyenCheckoutError } from '../../../../types';\nimport { ValidationRuleResult } from '../../../../utils/Validator/ValidationRuleResult';\n\nexport interface CardInputValidState {\n    holderName?: boolean;\n    billingAddress?: boolean;\n    socialSecurityNumber?: boolean;\n    encryptedCardNumber?: boolean;\n    encryptedExpiryMonth?: boolean;\n    encryptedExpiryYear?: boolean;\n    encryptedSecurityCode?: boolean;\n    taxNumber?: boolean;\n    encryptedPassword?: boolean;\n}\n\nexport interface CardInputErrorState {\n    holderName?: ValidationRuleResult;\n    billingAddress?: ValidationRuleResult;\n    socialSecurityNumber?: ValidationRuleResult;\n    encryptedCardNumber?: boolean;\n    encryptedExpiryDate?: boolean;\n    encryptedSecurityCode?: boolean;\n    taxNumber?: ValidationRuleResult;\n    encryptedPassword?: boolean;\n}\n\nexport interface CardInputDataState {\n    holderName?: string;\n    billingAddress?: AddressData | null;\n    socialSecurityNumber?: string;\n    taxNumber?: string;\n}\n\n/**\n * Should be the subset of the props sent to CardInput that are *actually* used by CardInput\n * - either in the comp itself or are passed on to its children\n */\nexport interface CardInputProps {\n    isPayButtonPrimaryVariant?: boolean;\n    autoFocus?: boolean;\n    billingAddressAllowedCountries?: string[];\n    billingAddressRequired?: boolean;\n    billingAddressRequiredFields?: string[];\n    billingAddressMode?: AddressModeOptions;\n    brand?: string;\n    brands?: string[];\n    brandsConfiguration?: CardBrandsConfiguration;\n    brandsIcons: Array<BrandConfiguration>;\n    clientKey?: string;\n    configuration: CardBackendConfiguration;\n    countryCode?: string;\n    cvcPolicy?: CVCPolicyType;\n    data?: CardInputDataState;\n    disableIOSArrowKeys?: boolean;\n    enableStoreDetails?: boolean;\n    expiryMonth?: string;\n    expiryYear?: string;\n    fastlaneConfiguration?: FastlaneSignupConfiguration;\n    forceCompat?: boolean;\n    fundingSource?: 'debit' | 'credit' | 'prepaid';\n    hasCVC?: boolean;\n    hasHolderName?: boolean;\n    holderName?: string;\n    holderNameRequired?: boolean;\n    i18n?: Language;\n    implementationType?: 'components' | 'custom';\n    installmentOptions?: InstallmentOptions;\n    keypadFix?: boolean;\n    lastFour?: string;\n    loadingContext?: string;\n    legacyInputMode?: boolean;\n    minimumExpiryDate?: string;\n    modules?: {\n        srPanel?: SRPanel;\n        analytics?: IAnalytics;\n        risk?: RiskElement;\n        resources?: Resources;\n    };\n    onAdditionalSFConfig?: () => void;\n    onAdditionalSFRemoved?: () => void;\n    onAllValid?: (o: CardAllValidData) => void;\n    onAutoComplete?: (o: CardAutoCompleteData) => void;\n    onBinValue?: (o: CardBinValueData) => void;\n    onBlur?: (e) => void;\n    onBrand?: (o: CardBrandData) => void;\n    onConfigSuccess?: (O: CardConfigSuccessData) => void;\n    onChange: (state) => void;\n    onError?: (e: AdyenCheckoutError) => void;\n    onFieldValid?: (o: CardFieldValidData) => void;\n    onFocus?: (e) => void;\n    onLoad?: (o: CardLoadData) => void;\n    onSubmitAnalytics: (event: AbstractAnalyticsEvent) => void;\n    handleKeyDown?: (event: KeyboardEvent) => void;\n    onAddressLookup?: OnAddressLookupType;\n    onAddressSelected?: OnAddressSelectedType;\n    onSubmit?: () => void;\n    addressSearchDebounceMs?: number;\n    payButton?: (props: PayButtonProps) => h.JSX.Element;\n    placeholders?: CardPlaceholders;\n    positionHolderNameOnTop?: boolean;\n    resources: Resources;\n    setComponentRef?: (ref) => void;\n    showBrandIcon?: boolean;\n    showInstallmentAmounts?: boolean;\n    showStoreDetailsCheckbox?: boolean;\n    showWarnings?: boolean;\n    showContextualElement?: boolean;\n    specifications?: Specifications;\n    storedPaymentMethodId?: string;\n    styles?: StylesObject;\n    trimTrailingSeparator?: boolean;\n    type: string;\n    maskSecurityCode?: boolean;\n    exposeExpiryDate?: boolean;\n}\n\nexport interface CardInputState {\n    dualBrandSelectElements: DualBrandSelectElement[];\n    selectedBrandValue: string;\n    billingAddress: object;\n    brand?: string;\n    data?: object;\n    errors?: object;\n    focusedElement: string;\n    cvcPolicy: CVCPolicyType;\n    expiryDatePolicy: DatePolicyType;\n    isValid: boolean;\n    status: string;\n    valid?: object;\n    issuingCountryCode: string;\n    showSocialSecurityNumber?: boolean;\n}\n\n// An interface for the members exposed by CardInput to its parent Card/UIElement\nexport interface CardInputRef extends ComponentMethodsRef {\n    sfp?: SecuredFieldsProviderRef;\n    setFocusOn?: (field: string) => void;\n    processBinLookupResponse?: (binLookupResponse: BinLookupResponse, isReset: boolean) => void;\n    updateStyles?: (stylesObj: StylesObject) => void;\n    handleUnsupportedCard?: (errObj: CardErrorData) => boolean;\n}\n\nexport interface FieldError {\n    errorMessage?: string;\n    errorI18n?: string;\n}\n\nexport interface SFError {\n    isValid?: boolean;\n    errorMessage?: string;\n    errorI18n?: string;\n    error: string;\n    rootNode: HTMLElement;\n    detectedBrands?: string[];\n}\n\nexport interface SFStateErrorObj {\n    [key: string]: SFError;\n}\n\nexport interface LayoutObj {\n    props: CardInputProps;\n    showKCP: boolean;\n    showBrazilianSSN: boolean;\n    countrySpecificSchemas: AddressSchema;\n    billingAddressRequiredFields?: string[];\n}\n\nexport enum AddressModeOptions {\n    full = 'full',\n    partial = 'partial',\n    none = 'none'\n}\n\nexport type CardSetFormData = Form<CardInputDataState>['setData'];\nexport type CardSetFormValid = Form<CardInputDataState>['setValid'];\nexport type CardSetFormErrors = Form<CardInputDataState>['setErrors'];\n\nexport type OnFieldFocus = (who: string, e: Event | CardFocusData) => void;\n"],"names":["AddressModeOptions"],"mappings":"AA8MO,IAAAA,EAAKA,SAAAA,GAAAA,uDAAAA,CAIX,CAJWA,CAIX,CAAA"}

package/dist/es-legacy/components/Card/components/CardInput/utils.js

@@ -1,2 +1,2 @@
-import{AddressModeOptions as e}from"./types.js";import{CREDIT_CARD_NAME_TOP as o,CREDIT_CARD_NAME_BOTTOM as n,KCP_CARD_NAME_TOP as i,KCP_CARD_NAME_BOTTOM as r,SSN_CARD_NAME_TOP as t,SSN_CARD_NAME_BOTTOM as l,CREDIT_CARD as a,KCP_CARD as s,SSN_CARD as d}from"./layouts.js";import{PARTIAL_ADDRESS_SCHEMA as c}from"../../../internal/Address/constants.js";import{BRAND_READABLE_NAME_MAP as u}from"../../../internal/SecuredFields/lib/constants.js";import m from"../../../../core/Context/useImage.js";import{SF_ErrorCodes as p}from"../../../../core/Errors/constants.js";const C=(e,o)=>o({type:"card"===e?"nocard":e||"nocard",extension:"svg"})(e),g=e=>["revolving","bonus"].includes(null==e?void 0:e.plan)||(null==e?void 0:e.value)>1,h=({props:e,showKCP:c,showBrazilianSSN:u,countrySpecificSchemas:m=null,billingAddressRequiredFields:p=null})=>{let C=a;const g=e.hasHolderName&&e.holderNameRequired;if(g&&(C=e.positionHolderNameOnTop?o:n),c&&(C=s,g&&(C=e.positionHolderNameOnTop?i:r)),u&&(C=d,g&&(C=e.positionHolderNameOnTop?t:l)),m){const i=m.flat(2).filter(e=>"number"!=typeof e);let r=i;p&&(r=i.filter(e=>p.includes(e))),C=a.concat(r),g&&(C=e.positionHolderNameOnTop?o.concat(r):n.concat(r))}return C},R=(e,o,n)=>{switch(e){case"socialSecurityNumber":return o.get(`boleto.${e}`);case"street":case"houseNumberOrName":case"postalCode":case"stateOrProvince":case"city":case"country":return(null==n?void 0:n[e])?o.get(null==n?void 0:n[e]):o.get(e);default:return null}},y=e=>({billingAddressRequired:e.billingAddressRequired,billingAddressRequiredFields:e.billingAddressRequiredFields,billingAddressAllowedCountries:e.billingAddressAllowedCountries,brandsConfiguration:e.brandsConfiguration,showStoreDetailsCheckbox:e.showStoreDetailsCheckbox,hasCVC:e.hasCVC,hasHolderName:e.hasHolderName,holderNameRequired:e.holderNameRequired,installmentOptions:e.installmentOptions,placeholders:e.placeholders,positionHolderNameOnTop:e.positionHolderNameOnTop,showBrandIcon:e.showBrandIcon,showContextualElement:e.showContextualElement,lastFour:e.lastFour,expiryMonth:e.expiryMonth,expiryYear:e.expiryYear,disclaimerMessage:e.disclaimerMessage}),O=e=>({autoFocus:e.autoFocus,brands:e.brands,brandsConfiguration:e.brandsConfiguration,clientKey:e.clientKey,countryCode:e.countryCode,forceCompat:e.forceCompat,i18n:e.i18n,implementationType:e.implementationType,keypadFix:e.keypadFix,legacyInputMode:e.legacyInputMode,loadingContext:e.loadingContext,maskSecurityCode:e.maskSecurityCode,exposeExpiryDate:e.exposeExpiryDate,minimumExpiryDate:e.minimumExpiryDate,onAdditionalSFConfig:e.onAdditionalSFConfig,onAdditionalSFRemoved:e.onAdditionalSFRemoved,onAllValid:e.onAllValid,onAutoComplete:e.onAutoComplete,onBinValue:e.onBinValue,onConfigSuccess:e.onConfigSuccess,handleKeyDown:e.handleKeyDown,onError:e.onError,onFieldValid:e.onFieldValid,onLoad:e.onLoad,placeholders:e.placeholders,resources:e.resources,showContextualElement:e.showContextualElement,showWarnings:e.showWarnings,trimTrailingSeparator:e.trimTrailingSeparator}),b=o=>o==e.partial?c:null;function f(e){return![p.ERROR_MSG_UNSUPPORTED_CARD_ENTERED,p.ERROR_MSG_CARD_TOO_OLD,p.ERROR_MSG_CARD_TOO_FAR_IN_FUTURE,p.ERROR_MSG_CARD_EXPIRES_TOO_SOON].includes(e)}function S(e){var o;return null!==(o=u[e])&&void 0!==o?o:e}const x={"cc.cvc.920":"cc.cvc.920.amex","cc.cvc.921":"cc.cvc.921.amex"};function A(e,o){return o&&x[e]||e}const v=(e,o)=>e.map(e=>{var n,i;const r=e.id,t=m(),l="card"===r?"nocard":r,a=null!==(n=null==o||null===(i=o[r])||void 0===i?void 0:i.icon)&&void 0!==n?n:C(l,t);return{id:e.id,name:e.brandObject.localeBrand||e.brandObject.brand,imageURL:a,altName:S(r)}}),E=(e,o,n)=>o.some(o=>e.includes(o[n])),N=({installmentOptions:e,fundingSource:o,amount:n})=>!(!e||0===Object.keys(e).length)&&(!(!n||0===n.value)&&(!o||"credit"===o));export{x as CVC_AMEX_ERROR_KEYS,y as extractPropsForCardFields,O as extractPropsForSFP,C as getCardImageUrl,S as getFullBrandName,h as getLayout,b as handlePartialAddressMode,f as lookupBlurBasedErrors,v as mapDualBrandButtons,R as mapFieldKey,E as requiresDualBrandSelection,A as resolveCVCErrorKey,g as shouldIncludeInstallmentsInPaymentData,N as shouldShowInstallmentsComponent};
+import{AddressModeOptions as e}from"./types.js";import{CREDIT_CARD_NAME_TOP as o,CREDIT_CARD_NAME_BOTTOM as n,KCP_CARD_NAME_TOP as i,KCP_CARD_NAME_BOTTOM as r,SSN_CARD_NAME_TOP as t,SSN_CARD_NAME_BOTTOM as l,CREDIT_CARD as a,KCP_CARD as s,SSN_CARD as d}from"./layouts.js";import{PARTIAL_ADDRESS_SCHEMA as c}from"../../../internal/Address/constants.js";import{BRAND_READABLE_NAME_MAP as u}from"../../../internal/SecuredFields/lib/constants.js";import m from"../../../../core/Context/useImage.js";import{SF_ErrorCodes as p}from"../../../../core/Errors/constants.js";const C=(e,o)=>o({type:"card"===e?"nocard":e||"nocard",extension:"svg"})(e),h=e=>["revolving","bonus"].includes(null==e?void 0:e.plan)||(null==e?void 0:e.value)>1,g=({props:e,showKCP:c,showBrazilianSSN:u,countrySpecificSchemas:m=null,billingAddressRequiredFields:p=null})=>{let C=a;const h=e.hasHolderName&&e.holderNameRequired;if(h&&(C=e.positionHolderNameOnTop?o:n),c&&(C=s,h&&(C=e.positionHolderNameOnTop?i:r)),u&&(C=d,h&&(C=e.positionHolderNameOnTop?t:l)),m){const i=m.flat(2).filter(e=>"number"!=typeof e);let r=i;p&&(r=i.filter(e=>p.includes(e))),C=a.concat(r),h&&(C=e.positionHolderNameOnTop?o.concat(r):n.concat(r))}return C},R=(e,o,n)=>{switch(e){case"socialSecurityNumber":return o.get(`boleto.${e}`);case"street":case"houseNumberOrName":case"postalCode":case"stateOrProvince":case"city":case"country":return(null==n?void 0:n[e])?o.get(null==n?void 0:n[e]):o.get(e);default:return null}},y=e=>({billingAddressRequired:e.billingAddressRequired,billingAddressRequiredFields:e.billingAddressRequiredFields,billingAddressAllowedCountries:e.billingAddressAllowedCountries,brandsConfiguration:e.brandsConfiguration,showStoreDetailsCheckbox:e.showStoreDetailsCheckbox,hasCVC:e.hasCVC,hasHolderName:e.hasHolderName,holderNameRequired:e.holderNameRequired,installmentOptions:e.installmentOptions,placeholders:e.placeholders,positionHolderNameOnTop:e.positionHolderNameOnTop,showBrandIcon:e.showBrandIcon,showContextualElement:e.showContextualElement,lastFour:e.lastFour,expiryMonth:e.expiryMonth,expiryYear:e.expiryYear}),O=e=>({autoFocus:e.autoFocus,brands:e.brands,brandsConfiguration:e.brandsConfiguration,clientKey:e.clientKey,countryCode:e.countryCode,forceCompat:e.forceCompat,i18n:e.i18n,implementationType:e.implementationType,keypadFix:e.keypadFix,legacyInputMode:e.legacyInputMode,loadingContext:e.loadingContext,maskSecurityCode:e.maskSecurityCode,exposeExpiryDate:e.exposeExpiryDate,minimumExpiryDate:e.minimumExpiryDate,onAdditionalSFConfig:e.onAdditionalSFConfig,onAdditionalSFRemoved:e.onAdditionalSFRemoved,onAllValid:e.onAllValid,onAutoComplete:e.onAutoComplete,onBinValue:e.onBinValue,onConfigSuccess:e.onConfigSuccess,handleKeyDown:e.handleKeyDown,onError:e.onError,onFieldValid:e.onFieldValid,onLoad:e.onLoad,placeholders:e.placeholders,resources:e.resources,showContextualElement:e.showContextualElement,showWarnings:e.showWarnings,trimTrailingSeparator:e.trimTrailingSeparator}),b=o=>o==e.partial?c:null;function f(e){return![p.ERROR_MSG_UNSUPPORTED_CARD_ENTERED,p.ERROR_MSG_CARD_TOO_OLD,p.ERROR_MSG_CARD_TOO_FAR_IN_FUTURE,p.ERROR_MSG_CARD_EXPIRES_TOO_SOON].includes(e)}function S(e){var o;return null!==(o=u[e])&&void 0!==o?o:e}const x={"cc.cvc.920":"cc.cvc.920.amex","cc.cvc.921":"cc.cvc.921.amex"};function A(e,o){return o&&x[e]||e}const v=(e,o)=>e.map(e=>{var n,i;const r=e.id,t=m(),l="card"===r?"nocard":r,a=null!==(n=null==o||null===(i=o[r])||void 0===i?void 0:i.icon)&&void 0!==n?n:C(l,t);return{id:e.id,name:e.brandObject.localeBrand||e.brandObject.brand,imageURL:a,altName:S(r)}}),E=(e,o,n)=>o.some(o=>e.includes(o[n])),N=({installmentOptions:e,fundingSource:o,amount:n})=>!(!e||0===Object.keys(e).length)&&(!(!n||0===n.value)&&(!o||"credit"===o));export{x as CVC_AMEX_ERROR_KEYS,y as extractPropsForCardFields,O as extractPropsForSFP,C as getCardImageUrl,S as getFullBrandName,g as getLayout,b as handlePartialAddressMode,f as lookupBlurBasedErrors,v as mapDualBrandButtons,R as mapFieldKey,E as requiresDualBrandSelection,A as resolveCVCErrorKey,h as shouldIncludeInstallmentsInPaymentData,N as shouldShowInstallmentsComponent};
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../../src/components/Card/components/CardInput/utils.ts"],"sourcesContent":["import Language from '../../../../language/Language';\nimport { AddressModeOptions, CardInputProps, LayoutObj } from './types';\nimport {\n    CREDIT_CARD,\n    CREDIT_CARD_NAME_BOTTOM,\n    CREDIT_CARD_NAME_TOP,\n    KCP_CARD,\n    KCP_CARD_NAME_BOTTOM,\n    KCP_CARD_NAME_TOP,\n    SSN_CARD,\n    SSN_CARD_NAME_BOTTOM,\n    SSN_CARD_NAME_TOP\n} from './layouts';\nimport { AddressSpecifications, StringObject } from '../../../internal/Address/types';\nimport { PARTIAL_ADDRESS_SCHEMA } from '../../../internal/Address/constants';\nimport type { InstallmentOptions, InstallmentsState } from './components/Installments/Installments';\nimport { SFPProps } from '../../../internal/SecuredFields/SFP/types';\nimport { BRAND_READABLE_NAME_MAP } from '../../../internal/SecuredFields/lib/constants';\nimport useImage, { UseImageHookType } from '../../../../core/Context/useImage';\nimport { SF_ErrorCodes } from '../../../../core/Errors/constants';\nimport { BrandObject, CardBrandsConfiguration, DualBrandSelectElement, DualBrandButtons } from '../../types';\nimport { PaymentAmount } from '../../../../types';\n\nexport const getCardImageUrl = (brand: string, getImage: UseImageHookType): string => {\n    const imageOptions = {\n        type: brand === 'card' ? 'nocard' : brand || 'nocard',\n        extension: 'svg'\n    };\n\n    return getImage(imageOptions)(brand);\n};\n\n/**\n * 'installments' should be added to the payload if it has plan as revolving or bonus\n * or value greater than 1.\n *\n * More about it here: COWEB-1070\n */\nexport const shouldIncludeInstallmentsInPaymentData = (installment?: InstallmentsState): boolean => {\n    return ['revolving', 'bonus'].includes(installment?.plan) || installment?.value > 1;\n};\n\nexport const getLayout = ({\n    props,\n    showKCP,\n    showBrazilianSSN,\n    countrySpecificSchemas = null,\n    billingAddressRequiredFields = null\n}: LayoutObj): string[] => {\n    let layout = CREDIT_CARD;\n    const hasRequiredHolderName = props.hasHolderName && props.holderNameRequired;\n\n    if (hasRequiredHolderName) {\n        layout = props.positionHolderNameOnTop ? CREDIT_CARD_NAME_TOP : CREDIT_CARD_NAME_BOTTOM;\n    }\n\n    if (showKCP) {\n        layout = KCP_CARD;\n        if (hasRequiredHolderName) {\n            layout = props.positionHolderNameOnTop ? KCP_CARD_NAME_TOP : KCP_CARD_NAME_BOTTOM;\n        }\n    }\n\n    if (showBrazilianSSN) {\n        layout = SSN_CARD;\n        if (hasRequiredHolderName) {\n            layout = props.positionHolderNameOnTop ? SSN_CARD_NAME_TOP : SSN_CARD_NAME_BOTTOM;\n        }\n    }\n\n    // w. Billing address\n    if (countrySpecificSchemas) {\n        // Flatten array and remove any numbers that describe how fields should be aligned\n        const countrySpecificSchemasFlat: string[] = countrySpecificSchemas['flat'](2).filter(item => typeof item !== 'number');\n\n        let countryBasedAddressLayout = countrySpecificSchemasFlat;\n\n        if (billingAddressRequiredFields) {\n            // Get intersection of the 2 arrays\n            countryBasedAddressLayout = countrySpecificSchemasFlat.filter(x => billingAddressRequiredFields.includes(x));\n        }\n\n        layout = CREDIT_CARD.concat(countryBasedAddressLayout);\n        if (hasRequiredHolderName) {\n            layout = props.positionHolderNameOnTop\n                ? CREDIT_CARD_NAME_TOP.concat(countryBasedAddressLayout)\n                : CREDIT_CARD_NAME_BOTTOM.concat(countryBasedAddressLayout);\n        }\n        // TODO we are not yet creating a layout for AVS + SSN field (w. or w/o holderName) - is AVS + SSN a real world scenario?\n    }\n    return layout;\n};\n\n/**\n * Lookup service to map local (CardInput) field refs to a key, possibly region specific, by which to retrieve the translation\n */\nexport const mapFieldKey = (key: string, i18n: Language, countrySpecificLabels: StringObject): string => {\n    // console.log('### utils::mapFieldKey:: key', key);\n    switch (key) {\n        case 'socialSecurityNumber':\n            return i18n.get(`boleto.${key}`);\n        // Address related - if we have a country specific key for the field - use that to get the translation\n        case 'street':\n        case 'houseNumberOrName':\n        case 'postalCode':\n        case 'stateOrProvince':\n        case 'city':\n        case 'country':\n            return countrySpecificLabels?.[key] ? i18n.get(countrySpecificLabels?.[key]) : i18n.get(key);\n        // We know that the translated error messages do contain a reference to the field they refer to, so we won't need to map them (currently applies mostly to SecuredFields related errors)\n        default:\n            return null;\n    }\n};\n\nexport const extractPropsForCardFields = (props: CardInputProps) => {\n    return {\n        // Extract props for CardFieldsWrapper & StoredCardFieldsWrapper(just needs hasCVC, installmentOptions)\n        billingAddressRequired: props.billingAddressRequired,\n        billingAddressRequiredFields: props.billingAddressRequiredFields,\n        billingAddressAllowedCountries: props.billingAddressAllowedCountries,\n        brandsConfiguration: props.brandsConfiguration,\n        showStoreDetailsCheckbox: props.showStoreDetailsCheckbox,\n        hasCVC: props.hasCVC,\n        hasHolderName: props.hasHolderName,\n        holderNameRequired: props.holderNameRequired,\n        installmentOptions: props.installmentOptions,\n        placeholders: props.placeholders,\n        positionHolderNameOnTop: props.positionHolderNameOnTop,\n        // Extract props for CardFields > CardNumber\n        showBrandIcon: props.showBrandIcon,\n        showContextualElement: props.showContextualElement,\n        // Extract props for StoredCardFields\n        lastFour: props.lastFour,\n        expiryMonth: props.expiryMonth,\n        expiryYear: props.expiryYear,\n        disclaimerMessage: props.disclaimerMessage\n    };\n};\n\nexport const extractPropsForSFP = (props: CardInputProps): Pick<SFPProps, 'clientKey' | 'loadingContext'> & Partial<SFPProps> => {\n    return {\n        autoFocus: props.autoFocus,\n        brands: props.brands,\n        brandsConfiguration: props.brandsConfiguration,\n        clientKey: props.clientKey,\n        countryCode: props.countryCode,\n        forceCompat: props.forceCompat,\n        i18n: props.i18n,\n        implementationType: props.implementationType,\n        keypadFix: props.keypadFix,\n        legacyInputMode: props.legacyInputMode,\n        loadingContext: props.loadingContext,\n        maskSecurityCode: props.maskSecurityCode,\n        exposeExpiryDate: props.exposeExpiryDate,\n        minimumExpiryDate: props.minimumExpiryDate,\n        onAdditionalSFConfig: props.onAdditionalSFConfig,\n        onAdditionalSFRemoved: props.onAdditionalSFRemoved,\n        onAllValid: props.onAllValid,\n        onAutoComplete: props.onAutoComplete,\n        onBinValue: props.onBinValue,\n        onConfigSuccess: props.onConfigSuccess,\n        handleKeyDown: props.handleKeyDown,\n        onError: props.onError,\n        onFieldValid: props.onFieldValid,\n        onLoad: props.onLoad,\n        placeholders: props.placeholders,\n        resources: props.resources,\n        showContextualElement: props.showContextualElement,\n        showWarnings: props.showWarnings,\n        trimTrailingSeparator: props.trimTrailingSeparator\n    };\n};\n\nexport const handlePartialAddressMode = (addressMode: AddressModeOptions): AddressSpecifications | null => {\n    return addressMode == AddressModeOptions.partial ? PARTIAL_ADDRESS_SCHEMA : null;\n};\n\n// Almost all errors are blur based, but some SF ones are not i.e. when an unsupported card is entered or the expiry date is out of range\nexport function lookupBlurBasedErrors(errorCode) {\n    // If it's NOT one of these, then it's a blur based error\n    return ![\n        SF_ErrorCodes.ERROR_MSG_UNSUPPORTED_CARD_ENTERED,\n        SF_ErrorCodes.ERROR_MSG_CARD_TOO_OLD,\n        SF_ErrorCodes.ERROR_MSG_CARD_TOO_FAR_IN_FUTURE,\n        SF_ErrorCodes.ERROR_MSG_CARD_EXPIRES_TOO_SOON\n    ].includes(errorCode);\n}\n\nexport function getFullBrandName(brand: string): string {\n    return BRAND_READABLE_NAME_MAP[brand] ?? brand;\n}\n\n// CVC's format guidance (digit count/position) is brand-dependent, so the Amex variant of each CVC\n// error message is a distinct, fully-translated key rather than something composed at runtime.\n// Shared between CVC.tsx (on-screen error) and SecuredFieldsProvider.mapErrorsToValidationRuleResult\n// (SR-live-panel announcement & the public state.errors.<field>.errorI18n API), so both resolve the\n// same key for the same errorCode/brand combination.\nexport const CVC_AMEX_ERROR_KEYS: Record<string, string> = {\n    'cc.cvc.920': 'cc.cvc.920.amex',\n    'cc.cvc.921': 'cc.cvc.921.amex'\n};\n\n/**\n * Resolve the correct (brand-aware) translation key for a CVC error code.\n * @param errorCode - the raw, untranslated CVC error key (e.g. 'cc.cvc.920')\n * @param isAmex - whether the current/detected card brand is Amex\n */\nexport function resolveCVCErrorKey(errorCode: string, isAmex: boolean): string {\n    return (isAmex && CVC_AMEX_ERROR_KEYS[errorCode]) || errorCode;\n}\n\nexport const mapDualBrandButtons = (\n    dualBrandSelectElements: DualBrandSelectElement[],\n    brandsConfiguration?: CardBrandsConfiguration\n): DualBrandButtons[] => {\n    return dualBrandSelectElements.map(item => {\n        const brand = item.id;\n        const getImage = useImage();\n        const imageName = brand === 'card' ? 'nocard' : brand;\n        const imageURL = brandsConfiguration?.[brand]?.icon ?? getCardImageUrl(imageName, getImage);\n\n        // TODO - check below if we have to still generate altName through the mapping function or whether it just\n        //  corresponds to item.brandObject.localeBrand\n        return {\n            id: item.id,\n            name: item.brandObject.localeBrand || item.brandObject.brand,\n            imageURL,\n            altName: getFullBrandName(brand)\n        };\n    });\n};\n\n/**\n *  Checks if any of the brands requiring a selection mechanism are present in the binLookup response.\n *\n * If the result from Array.some is true - then we are in a dual branding scenario that requires selection, i.e.\n * - Show the dualBranding selector UI\n * - Preselect a card brand\n */\nexport const requiresDualBrandSelection = (\n    brandsRequiringSelection: readonly string[],\n    returnedDualBrandingObjects: DualBrandSelectElement[] | BrandObject[],\n    key: string\n) => returnedDualBrandingObjects.some(item => brandsRequiringSelection.includes(item[key]));\n\n/**\n * Determines whether the Installments component should be rendered.\n *\n * Installments Component is displayed when:\n * - installmentOptions is provided and not empty\n * - amount is provided and not zero\n * - fundingSource is not provided or is 'credit'\n *\n * @param params.installmentOptions - The installment configuration options\n * @param params.fundingSource - The card funding source (e.g. 'credit', 'debit')\n * @param params.amount - The payment amount\n * @returns Whether the Installments component should be rendered\n */\nexport const shouldShowInstallmentsComponent = ({\n    installmentOptions,\n    fundingSource,\n    amount\n}: {\n    installmentOptions?: InstallmentOptions;\n    fundingSource?: string;\n    amount?: PaymentAmount;\n}): boolean => {\n    if (!installmentOptions || Object.keys(installmentOptions).length === 0) return false;\n    if (!amount || amount.value === 0) return false;\n    if (fundingSource && fundingSource !== 'credit') return false;\n\n    return true;\n};\n"],"names":["getCardImageUrl","brand","getImage","type","extension","shouldIncludeInstallmentsInPaymentData","installment","includes","plan","value","getLayout","props","showKCP","showBrazilianSSN","countrySpecificSchemas","billingAddressRequiredFields","layout","CREDIT_CARD","hasRequiredHolderName","hasHolderName","holderNameRequired","positionHolderNameOnTop","CREDIT_CARD_NAME_TOP","CREDIT_CARD_NAME_BOTTOM","KCP_CARD","KCP_CARD_NAME_TOP","KCP_CARD_NAME_BOTTOM","SSN_CARD","SSN_CARD_NAME_TOP","SSN_CARD_NAME_BOTTOM","countrySpecificSchemasFlat","filter","item","countryBasedAddressLayout","x","concat","mapFieldKey","key","i18n","countrySpecificLabels","get","extractPropsForCardFields","billingAddressRequired","billingAddressAllowedCountries","brandsConfiguration","showStoreDetailsCheckbox","hasCVC","installmentOptions","placeholders","showBrandIcon","showContextualElement","lastFour","expiryMonth","expiryYear","disclaimerMessage","extractPropsForSFP","autoFocus","brands","clientKey","countryCode","forceCompat","implementationType","keypadFix","legacyInputMode","loadingContext","maskSecurityCode","exposeExpiryDate","minimumExpiryDate","onAdditionalSFConfig","onAdditionalSFRemoved","onAllValid","onAutoComplete","onBinValue","onConfigSuccess","handleKeyDown","onError","onFieldValid","onLoad","resources","showWarnings","trimTrailingSeparator","handlePartialAddressMode","addressMode","AddressModeOptions","partial","PARTIAL_ADDRESS_SCHEMA","lookupBlurBasedErrors","errorCode","SF_ErrorCodes","ERROR_MSG_UNSUPPORTED_CARD_ENTERED","ERROR_MSG_CARD_TOO_OLD","ERROR_MSG_CARD_TOO_FAR_IN_FUTURE","ERROR_MSG_CARD_EXPIRES_TOO_SOON","getFullBrandName","BRAND_READABLE_NAME_MAP","CVC_AMEX_ERROR_KEYS","resolveCVCErrorKey","isAmex","mapDualBrandButtons","dualBrandSelectElements","map","id","useImage","imageName","imageURL","icon","_ref","name","brandObject","localeBrand","altName","requiresDualBrandSelection","brandsRequiringSelection","returnedDualBrandingObjects","some","shouldShowInstallmentsComponent","fundingSource","amount","Object","keys","length"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../../src/components/Card/components/CardInput/utils.ts"],"sourcesContent":["import Language from '../../../../language/Language';\nimport { AddressModeOptions, CardInputProps, LayoutObj } from './types';\nimport {\n    CREDIT_CARD,\n    CREDIT_CARD_NAME_BOTTOM,\n    CREDIT_CARD_NAME_TOP,\n    KCP_CARD,\n    KCP_CARD_NAME_BOTTOM,\n    KCP_CARD_NAME_TOP,\n    SSN_CARD,\n    SSN_CARD_NAME_BOTTOM,\n    SSN_CARD_NAME_TOP\n} from './layouts';\nimport { AddressSpecifications, StringObject } from '../../../internal/Address/types';\nimport { PARTIAL_ADDRESS_SCHEMA } from '../../../internal/Address/constants';\nimport type { InstallmentOptions, InstallmentsState } from './components/Installments/Installments';\nimport { SFPProps } from '../../../internal/SecuredFields/SFP/types';\nimport { BRAND_READABLE_NAME_MAP } from '../../../internal/SecuredFields/lib/constants';\nimport useImage, { UseImageHookType } from '../../../../core/Context/useImage';\nimport { SF_ErrorCodes } from '../../../../core/Errors/constants';\nimport { BrandObject, CardBrandsConfiguration, DualBrandSelectElement, DualBrandButtons } from '../../types';\nimport { PaymentAmount } from '../../../../types';\n\nexport const getCardImageUrl = (brand: string, getImage: UseImageHookType): string => {\n    const imageOptions = {\n        type: brand === 'card' ? 'nocard' : brand || 'nocard',\n        extension: 'svg'\n    };\n\n    return getImage(imageOptions)(brand);\n};\n\n/**\n * 'installments' should be added to the payload if it has plan as revolving or bonus\n * or value greater than 1.\n *\n * More about it here: COWEB-1070\n */\nexport const shouldIncludeInstallmentsInPaymentData = (installment?: InstallmentsState): boolean => {\n    return ['revolving', 'bonus'].includes(installment?.plan) || installment?.value > 1;\n};\n\nexport const getLayout = ({\n    props,\n    showKCP,\n    showBrazilianSSN,\n    countrySpecificSchemas = null,\n    billingAddressRequiredFields = null\n}: LayoutObj): string[] => {\n    let layout = CREDIT_CARD;\n    const hasRequiredHolderName = props.hasHolderName && props.holderNameRequired;\n\n    if (hasRequiredHolderName) {\n        layout = props.positionHolderNameOnTop ? CREDIT_CARD_NAME_TOP : CREDIT_CARD_NAME_BOTTOM;\n    }\n\n    if (showKCP) {\n        layout = KCP_CARD;\n        if (hasRequiredHolderName) {\n            layout = props.positionHolderNameOnTop ? KCP_CARD_NAME_TOP : KCP_CARD_NAME_BOTTOM;\n        }\n    }\n\n    if (showBrazilianSSN) {\n        layout = SSN_CARD;\n        if (hasRequiredHolderName) {\n            layout = props.positionHolderNameOnTop ? SSN_CARD_NAME_TOP : SSN_CARD_NAME_BOTTOM;\n        }\n    }\n\n    // w. Billing address\n    if (countrySpecificSchemas) {\n        // Flatten array and remove any numbers that describe how fields should be aligned\n        const countrySpecificSchemasFlat: string[] = countrySpecificSchemas['flat'](2).filter(item => typeof item !== 'number');\n\n        let countryBasedAddressLayout = countrySpecificSchemasFlat;\n\n        if (billingAddressRequiredFields) {\n            // Get intersection of the 2 arrays\n            countryBasedAddressLayout = countrySpecificSchemasFlat.filter(x => billingAddressRequiredFields.includes(x));\n        }\n\n        layout = CREDIT_CARD.concat(countryBasedAddressLayout);\n        if (hasRequiredHolderName) {\n            layout = props.positionHolderNameOnTop\n                ? CREDIT_CARD_NAME_TOP.concat(countryBasedAddressLayout)\n                : CREDIT_CARD_NAME_BOTTOM.concat(countryBasedAddressLayout);\n        }\n        // TODO we are not yet creating a layout for AVS + SSN field (w. or w/o holderName) - is AVS + SSN a real world scenario?\n    }\n    return layout;\n};\n\n/**\n * Lookup service to map local (CardInput) field refs to a key, possibly region specific, by which to retrieve the translation\n */\nexport const mapFieldKey = (key: string, i18n: Language, countrySpecificLabels: StringObject): string => {\n    // console.log('### utils::mapFieldKey:: key', key);\n    switch (key) {\n        case 'socialSecurityNumber':\n            return i18n.get(`boleto.${key}`);\n        // Address related - if we have a country specific key for the field - use that to get the translation\n        case 'street':\n        case 'houseNumberOrName':\n        case 'postalCode':\n        case 'stateOrProvince':\n        case 'city':\n        case 'country':\n            return countrySpecificLabels?.[key] ? i18n.get(countrySpecificLabels?.[key]) : i18n.get(key);\n        // We know that the translated error messages do contain a reference to the field they refer to, so we won't need to map them (currently applies mostly to SecuredFields related errors)\n        default:\n            return null;\n    }\n};\n\nexport const extractPropsForCardFields = (props: CardInputProps) => {\n    return {\n        // Extract props for CardFieldsWrapper & StoredCardFieldsWrapper(just needs hasCVC, installmentOptions)\n        billingAddressRequired: props.billingAddressRequired,\n        billingAddressRequiredFields: props.billingAddressRequiredFields,\n        billingAddressAllowedCountries: props.billingAddressAllowedCountries,\n        brandsConfiguration: props.brandsConfiguration,\n        showStoreDetailsCheckbox: props.showStoreDetailsCheckbox,\n        hasCVC: props.hasCVC,\n        hasHolderName: props.hasHolderName,\n        holderNameRequired: props.holderNameRequired,\n        installmentOptions: props.installmentOptions,\n        placeholders: props.placeholders,\n        positionHolderNameOnTop: props.positionHolderNameOnTop,\n        // Extract props for CardFields > CardNumber\n        showBrandIcon: props.showBrandIcon,\n        showContextualElement: props.showContextualElement,\n        // Extract props for StoredCardFields\n        lastFour: props.lastFour,\n        expiryMonth: props.expiryMonth,\n        expiryYear: props.expiryYear\n    };\n};\n\nexport const extractPropsForSFP = (props: CardInputProps): Pick<SFPProps, 'clientKey' | 'loadingContext'> & Partial<SFPProps> => {\n    return {\n        autoFocus: props.autoFocus,\n        brands: props.brands,\n        brandsConfiguration: props.brandsConfiguration,\n        clientKey: props.clientKey,\n        countryCode: props.countryCode,\n        forceCompat: props.forceCompat,\n        i18n: props.i18n,\n        implementationType: props.implementationType,\n        keypadFix: props.keypadFix,\n        legacyInputMode: props.legacyInputMode,\n        loadingContext: props.loadingContext,\n        maskSecurityCode: props.maskSecurityCode,\n        exposeExpiryDate: props.exposeExpiryDate,\n        minimumExpiryDate: props.minimumExpiryDate,\n        onAdditionalSFConfig: props.onAdditionalSFConfig,\n        onAdditionalSFRemoved: props.onAdditionalSFRemoved,\n        onAllValid: props.onAllValid,\n        onAutoComplete: props.onAutoComplete,\n        onBinValue: props.onBinValue,\n        onConfigSuccess: props.onConfigSuccess,\n        handleKeyDown: props.handleKeyDown,\n        onError: props.onError,\n        onFieldValid: props.onFieldValid,\n        onLoad: props.onLoad,\n        placeholders: props.placeholders,\n        resources: props.resources,\n        showContextualElement: props.showContextualElement,\n        showWarnings: props.showWarnings,\n        trimTrailingSeparator: props.trimTrailingSeparator\n    };\n};\n\nexport const handlePartialAddressMode = (addressMode: AddressModeOptions): AddressSpecifications | null => {\n    return addressMode == AddressModeOptions.partial ? PARTIAL_ADDRESS_SCHEMA : null;\n};\n\n// Almost all errors are blur based, but some SF ones are not i.e. when an unsupported card is entered or the expiry date is out of range\nexport function lookupBlurBasedErrors(errorCode) {\n    // If it's NOT one of these, then it's a blur based error\n    return ![\n        SF_ErrorCodes.ERROR_MSG_UNSUPPORTED_CARD_ENTERED,\n        SF_ErrorCodes.ERROR_MSG_CARD_TOO_OLD,\n        SF_ErrorCodes.ERROR_MSG_CARD_TOO_FAR_IN_FUTURE,\n        SF_ErrorCodes.ERROR_MSG_CARD_EXPIRES_TOO_SOON\n    ].includes(errorCode);\n}\n\nexport function getFullBrandName(brand: string): string {\n    return BRAND_READABLE_NAME_MAP[brand] ?? brand;\n}\n\n// CVC's format guidance (digit count/position) is brand-dependent, so the Amex variant of each CVC\n// error message is a distinct, fully-translated key rather than something composed at runtime.\n// Shared between CVC.tsx (on-screen error) and SecuredFieldsProvider.mapErrorsToValidationRuleResult\n// (SR-live-panel announcement & the public state.errors.<field>.errorI18n API), so both resolve the\n// same key for the same errorCode/brand combination.\nexport const CVC_AMEX_ERROR_KEYS: Record<string, string> = {\n    'cc.cvc.920': 'cc.cvc.920.amex',\n    'cc.cvc.921': 'cc.cvc.921.amex'\n};\n\n/**\n * Resolve the correct (brand-aware) translation key for a CVC error code.\n * @param errorCode - the raw, untranslated CVC error key (e.g. 'cc.cvc.920')\n * @param isAmex - whether the current/detected card brand is Amex\n */\nexport function resolveCVCErrorKey(errorCode: string, isAmex: boolean): string {\n    return (isAmex && CVC_AMEX_ERROR_KEYS[errorCode]) || errorCode;\n}\n\nexport const mapDualBrandButtons = (\n    dualBrandSelectElements: DualBrandSelectElement[],\n    brandsConfiguration?: CardBrandsConfiguration\n): DualBrandButtons[] => {\n    return dualBrandSelectElements.map(item => {\n        const brand = item.id;\n        const getImage = useImage();\n        const imageName = brand === 'card' ? 'nocard' : brand;\n        const imageURL = brandsConfiguration?.[brand]?.icon ?? getCardImageUrl(imageName, getImage);\n\n        // TODO - check below if we have to still generate altName through the mapping function or whether it just\n        //  corresponds to item.brandObject.localeBrand\n        return {\n            id: item.id,\n            name: item.brandObject.localeBrand || item.brandObject.brand,\n            imageURL,\n            altName: getFullBrandName(brand)\n        };\n    });\n};\n\n/**\n *  Checks if any of the brands requiring a selection mechanism are present in the binLookup response.\n *\n * If the result from Array.some is true - then we are in a dual branding scenario that requires selection, i.e.\n * - Show the dualBranding selector UI\n * - Preselect a card brand\n */\nexport const requiresDualBrandSelection = (\n    brandsRequiringSelection: readonly string[],\n    returnedDualBrandingObjects: DualBrandSelectElement[] | BrandObject[],\n    key: string\n) => returnedDualBrandingObjects.some(item => brandsRequiringSelection.includes(item[key]));\n\n/**\n * Determines whether the Installments component should be rendered.\n *\n * Installments Component is displayed when:\n * - installmentOptions is provided and not empty\n * - amount is provided and not zero\n * - fundingSource is not provided or is 'credit'\n *\n * @param params.installmentOptions - The installment configuration options\n * @param params.fundingSource - The card funding source (e.g. 'credit', 'debit')\n * @param params.amount - The payment amount\n * @returns Whether the Installments component should be rendered\n */\nexport const shouldShowInstallmentsComponent = ({\n    installmentOptions,\n    fundingSource,\n    amount\n}: {\n    installmentOptions?: InstallmentOptions;\n    fundingSource?: string;\n    amount?: PaymentAmount;\n}): boolean => {\n    if (!installmentOptions || Object.keys(installmentOptions).length === 0) return false;\n    if (!amount || amount.value === 0) return false;\n    if (fundingSource && fundingSource !== 'credit') return false;\n\n    return true;\n};\n"],"names":["getCardImageUrl","brand","getImage","type","extension","shouldIncludeInstallmentsInPaymentData","installment","includes","plan","value","getLayout","props","showKCP","showBrazilianSSN","countrySpecificSchemas","billingAddressRequiredFields","layout","CREDIT_CARD","hasRequiredHolderName","hasHolderName","holderNameRequired","positionHolderNameOnTop","CREDIT_CARD_NAME_TOP","CREDIT_CARD_NAME_BOTTOM","KCP_CARD","KCP_CARD_NAME_TOP","KCP_CARD_NAME_BOTTOM","SSN_CARD","SSN_CARD_NAME_TOP","SSN_CARD_NAME_BOTTOM","countrySpecificSchemasFlat","filter","item","countryBasedAddressLayout","x","concat","mapFieldKey","key","i18n","countrySpecificLabels","get","extractPropsForCardFields","billingAddressRequired","billingAddressAllowedCountries","brandsConfiguration","showStoreDetailsCheckbox","hasCVC","installmentOptions","placeholders","showBrandIcon","showContextualElement","lastFour","expiryMonth","expiryYear","extractPropsForSFP","autoFocus","brands","clientKey","countryCode","forceCompat","implementationType","keypadFix","legacyInputMode","loadingContext","maskSecurityCode","exposeExpiryDate","minimumExpiryDate","onAdditionalSFConfig","onAdditionalSFRemoved","onAllValid","onAutoComplete","onBinValue","onConfigSuccess","handleKeyDown","onError","onFieldValid","onLoad","resources","showWarnings","trimTrailingSeparator","handlePartialAddressMode","addressMode","AddressModeOptions","partial","PARTIAL_ADDRESS_SCHEMA","lookupBlurBasedErrors","errorCode","SF_ErrorCodes","ERROR_MSG_UNSUPPORTED_CARD_ENTERED","ERROR_MSG_CARD_TOO_OLD","ERROR_MSG_CARD_TOO_FAR_IN_FUTURE","ERROR_MSG_CARD_EXPIRES_TOO_SOON","getFullBrandName","BRAND_READABLE_NAME_MAP","CVC_AMEX_ERROR_KEYS","resolveCVCErrorKey","isAmex","mapDualBrandButtons","dualBrandSelectElements","map","id","useImage","imageName","imageURL","icon","_ref","name","brandObject","localeBrand","altName","requiresDualBrandSelection","brandsRequiringSelection","returnedDualBrandingObjects","some","shouldShowInstallmentsComponent","fundingSource","amount","Object","keys","length"],"mappings":"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"}

package/dist/es-legacy/components/CashAppPay/CashAppPay.js

@@ -1,2 +1,2 @@
-import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import{CashAppComponent as o}from"./components/CashAppComponent.js";import r from"./services/CashAppService.js";import{CashAppSdkLoader as s}from"./services/CashAppSdkLoader.js";import n from"./defaultProps.js";import i from"../internal/RedirectButton/RedirectButton.js";import{payAmountLabel as a}from"../internal/PayButton/utils.js";import{TxVariants as p}from"../tx-variants.js";import{PREFIX as h}from"../internal/Icon/constants.js";function c(t,e,o){return e in t?Object.defineProperty(t,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):t[e]=o,t}function d(t){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{},r=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(o).filter(function(t){return Object.getOwnPropertyDescriptor(o,t).enumerable}))),r.forEach(function(e){c(t,e,o[e])})}return t}function l(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e.push.apply(e,o)}return e}(Object(e)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(e,o))}),t}class u extends e{formatProps(t){var e,o;return l(d({},t),{enableStoreDetails:(null===(o=t.session)||void 0===o||null===(e=o.configuration)||void 0===e?void 0:e.enableStoreDetails)||t.enableStoreDetails})}formatData(){const{shopperWantsToStore:t,grantId:e,onFileGrantId:o,cashTag:r,customerId:s}=this.state.data||{},{storePaymentMethod:n,storedPaymentMethodId:i}=this.props,a=this.props.enableStoreDetails||!this.props.session&&n;if(i)return{paymentMethod:{type:u.type,storedPaymentMethodId:i}};return d({paymentMethod:d({type:u.type},e&&{grantId:e},s&&{customerId:s},o&&r&&{onFileGrantId:o,cashtag:r})},a&&{storePaymentMethod:n||t})}get displayName(){return this.props.storedPaymentMethodId&&this.props.cashtag?this.props.cashtag:this.props.name}get additionalInfo(){return this.props.storedPaymentMethodId?"Cash App Pay":""}get isValid(){return!0}componentToRender(){var e;return this.props.storedPaymentMethodId?t(i,{showPayButton:this.props.showPayButton,label:a(this.props.i18n,this.props.amount),icon:null===(e=this.resources)||void 0===e?void 0:e.getImage({imageFolder:"components/"})(`${h}lock`),name:this.displayName,payButton:this.payButton,onSubmit:this.submit,setComponentRef:this.setComponentRef}):t(o,{setComponentRef:this.setComponentRef,enableStoreDetails:this.props.enableStoreDetails,cashAppService:this.cashAppService,onChangeStoreDetails:this.handleOnChangeStoreDetails,onError:this.handleError,onClick:this.submit,onAuthorize:this.handleAuthorize})}constructor(t,e){var o,n;if(super(t,e),c(this,"cashAppService",void 0),c(this,"submit",()=>{const{onClick:t,storedPaymentMethodId:e}=this.props;if(e)return void super.submit();let o=!1;new Promise((e,o)=>t({resolve:e,reject:o})).catch(()=>{throw o=!0,new Error("onClick rejected")}).then(()=>this.cashAppService.createCustomerRequest(this.props.amount)).then(()=>{this.cashAppService.begin()}).catch(t=>{o||this.handleError(t)})}),c(this,"handleOnChangeStoreDetails",t=>{const e=l(d({},this.state.data),{shopperWantsToStore:t});this.setState({data:e})}),c(this,"handleAuthorize",t=>{const e=d({},this.state.data,t);this.setState({data:e,valid:{},errors:{},isValid:!0}),super.submit()}),this.props.enableStoreDetails&&this.props.storePaymentMethod&&console.warn("CashAppPay: enableStoreDetails AND storePaymentMethod configuration properties should not be used together. That can lead to undesired behavior."),this.props.storedPaymentMethodId)return;const i=new s({environment:this.props.environment,analytics:this.analytics});this.cashAppService=new r(i,{storePaymentMethod:this.props.storePaymentMethod,useCashAppButtonUi:this.props.showPayButton,environment:this.props.environment,redirectURL:this.props.redirectURL,clientId:null===(o=this.props.configuration)||void 0===o?void 0:o.clientId,scopeId:null===(n=this.props.configuration)||void 0===n?void 0:n.scopeId,button:this.props.button,referenceId:this.props.referenceId})}}c(u,"type",p.cashapp),c(u,"defaultProps",n);export{u as CashAppPay,u as default};
+import{createElement as t}from"../../external/preact/dist/preact.js";import{UIElement as e}from"../internal/UIElement/UIElement.js";import{CashAppComponent as r}from"./components/CashAppComponent.js";import o from"./services/CashAppService.js";import{CashAppSdkLoader as s}from"./services/CashAppSdkLoader.js";import n from"./defaultProps.js";import i from"../internal/RedirectButton/RedirectButton.js";import{payAmountLabel as a}from"../internal/PayButton/utils.js";import{TxVariants as p}from"../tx-variants.js";import{PREFIX as h}from"../internal/Icon/constants.js";function c(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function d(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),o.forEach(function(e){c(t,e,r[e])})}return t}function l(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):function(t){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e}(Object(e)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(e,r))}),t}class m extends e{formatProps(t){var e,r;return l(d({},t),{enableStoreDetails:(null===(r=t.session)||void 0===r||null===(e=r.configuration)||void 0===e?void 0:e.enableStoreDetails)||t.enableStoreDetails})}formatData(){const{shopperWantsToStore:t,grantId:e,onFileGrantId:r,cashTag:o,customerId:s}=this.state.data||{},{storePaymentMethod:n,storedPaymentMethodId:i}=this.props,a=this.props.enableStoreDetails||!this.props.session&&n;if(i)return{paymentMethod:{type:m.type,storedPaymentMethodId:i}};return d({paymentMethod:d({type:m.type},e&&{grantId:e},s&&{customerId:s},r&&o&&{onFileGrantId:r,cashtag:o})},a&&{storePaymentMethod:n||t})}get displayName(){return this.props.storedPaymentMethodId&&this.props.cashtag?this.props.cashtag:this.props.name}get additionalInfo(){return this.props.storedPaymentMethodId?"Cash App Pay":""}get isValid(){return!0}componentToRender(){var e;return this.props.storedPaymentMethodId?t(i,{label:a(this.props.i18n,this.props.amount),icon:null===(e=this.resources)||void 0===e?void 0:e.getImage({imageFolder:"components/"})(`${h}lock`),name:this.displayName,payButton:this.payButton,onSubmit:this.submit,setComponentRef:this.setComponentRef}):t(r,{setComponentRef:this.setComponentRef,enableStoreDetails:this.props.enableStoreDetails,cashAppService:this.cashAppService,onChangeStoreDetails:this.handleOnChangeStoreDetails,onError:this.handleError,onClick:this.submit,onAuthorize:this.handleAuthorize})}constructor(t,e){var r,n;if(super(t,e),c(this,"cashAppService",void 0),c(this,"submit",()=>{const{onClick:t,storedPaymentMethodId:e}=this.props;if(e)return void super.submit();let r=!1;new Promise((e,r)=>t({resolve:e,reject:r})).catch(()=>{throw r=!0,new Error("onClick rejected")}).then(()=>this.cashAppService.createCustomerRequest(this.props.amount)).then(()=>{this.cashAppService.begin()}).catch(t=>{r||this.handleError(t)})}),c(this,"handleOnChangeStoreDetails",t=>{const e=l(d({},this.state.data),{shopperWantsToStore:t});this.setState({data:e})}),c(this,"handleAuthorize",t=>{const e=d({},this.state.data,t);this.setState({data:e,valid:{},errors:{},isValid:!0}),super.submit()}),this.props.enableStoreDetails&&this.props.storePaymentMethod&&console.warn("CashAppPay: enableStoreDetails AND storePaymentMethod configuration properties should not be used together. That can lead to undesired behavior."),this.props.storedPaymentMethodId)return;const i=new s({environment:this.props.environment,analytics:this.analytics});this.cashAppService=new o(i,{storePaymentMethod:this.props.storePaymentMethod,useCashAppButtonUi:this.props.showPayButton,environment:this.props.environment,redirectURL:this.props.redirectURL,clientId:null===(r=this.props.configuration)||void 0===r?void 0:r.clientId,scopeId:null===(n=this.props.configuration)||void 0===n?void 0:n.scopeId,button:this.props.button,referenceId:this.props.referenceId})}}c(m,"type",p.cashapp),c(m,"defaultProps",n);export{m as CashAppPay,m as default};
 //# sourceMappingURL=CashAppPay.js.map