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

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

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

Files changed (1144) hide show

package/dist/es/components/internal/PersonalDetails/PersonalDetails.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e,Fragment as r}from"../../../external/preact/dist/preact.js";import{useRef as a,useMemo as t,useEffect as s}from"../../../external/preact/hooks/dist/hooks.js";import l from"../FormFields/Fieldset/Fieldset.js";import i from"../FormFields/Field/Field.js";import o from"./ReadOnlyPersonalDetails.js";import{personalDetailsValidationRules as m}from"./validate.js";import n from"../../../core/Context/useCoreContext.js";import{checkDateInputSupport as d}from"../FormFields/InputDate/utils.js";import{getFormattedData as u}from"./utils.js";import p from"../../../utils/useForm/useForm.js";import f from"../FormFields/InputText.js";import h from"../FormFields/RadioGroup/RadioGroup.js";import c from"../FormFields/InputDate/InputDate.js";import N from"../FormFields/InputEmail.js";import g from"../FormFields/InputTelephone.js";import{getErrorMessage as b}from"../../../utils/getErrorMessage.js";const F=["firstName","lastName","gender","dateOfBirth","shopperEmail","telephoneNumber"];function M(F){const{label:M="",namePrefix:B,placeholders:E,requiredFields:j,visibility:O}=F,{i18n:v}=n(),I=a({});Object.keys(I.current).length||F.setComponentRef?.(I.current);const C=t(d,[]),{handleChangeFor:q,triggerValidation:x,data:y,valid:R,errors:D,isValid:k}=p({schema:j,rules:{...m,...F.validationRules},defaultData:F.data});I.current.showValidation=()=>{x()};const P=e=>r=>{const{name:a}=r.target,t=a.split(`${B}.`).pop();q(t,e)(r)},V=e=>`${B?`${B}.`:""}${e}`;return s((()=>{const e=u(y);F.onChange({data:e,valid:R,errors:D,isValid:k})}),[y,R,D,k]),"hidden"===O?null:"readOnly"===O?e(o,{...F,data:y}):e(r,null,e(l,{classNameModifiers:["personalDetails"],label:M},j.includes("firstName")&&e(i,{label:v.get("firstName"),classNameModifiers:["col-50","firstName"],errorMessage:b(v,D.firstName,v.get("firstName")),name:"firstName",i18n:v},e(f,{name:V("firstName"),value:y.firstName,classNameModifiers:["firstName"],onInput:P("input"),onBlur:P("blur"),placeholder:E.firstName,spellCheck:!1,required:!0})),j.includes("lastName")&&e(i,{label:v.get("lastName"),classNameModifiers:["col-50","lastName"],errorMessage:b(v,D.lastName,v.get("lastName")),name:"lastName",i18n:v},e(f,{name:V("lastName"),value:y.lastName,classNameModifiers:["lastName"],onInput:P("input"),onBlur:P("blur"),placeholder:E.lastName,spellCheck:!1,required:!0})),j.includes("gender")&&e(i,{errorMessage:b(v,D.gender),classNameModifiers:["gender"],name:"gender",useLabelElement:!1},e(h,{name:V("gender"),value:y.gender,items:[{id:"MALE",name:"male"},{id:"FEMALE",name:"female"}],classNameModifiers:["gender"],onInput:P("input"),onChange:P("blur"),required:!0})),j.includes("dateOfBirth")&&e(i,{label:v.get("dateOfBirth"),classNameModifiers:["col-50","dateOfBirth"],errorMessage:b(v,D.dateOfBirth,v.get("dateOfBirth")),helper:C?null:v.get("dateOfBirth.format"),name:"dateOfBirth",i18n:v},e(c,{name:V("dateOfBirth"),value:y.dateOfBirth,classNameModifiers:["dateOfBirth"],onInput:P("input"),onBlur:P("blur"),placeholder:E.dateOfBirth,required:!0})),j.includes("shopperEmail")&&e(i,{label:v.get("shopperEmail"),classNameModifiers:["shopperEmail"],errorMessage:b(v,D.shopperEmail,v.get("shopperEmail")),dir:"ltr",name:"emailAddress",i18n:v},e(N,{name:V("shopperEmail"),value:y.shopperEmail,classNameModifiers:["shopperEmail"],onInput:P("input"),onBlur:P("blur"),placeholder:E.shopperEmail,required:!0})),j.includes("telephoneNumber")&&e(i,{label:v.get("telephoneNumber"),classNameModifiers:["telephoneNumber"],errorMessage:b(v,D.telephoneNumber,v.get("telephoneNumber")),dir:"ltr",name:"telephoneNumber",i18n:v},e(g,{name:V("telephoneNumber"),value:y.telephoneNumber,classNameModifiers:["telephoneNumber"],onInput:P("input"),onBlur:P("blur"),placeholder:E.telephoneNumber,required:!0}))),F.showPayButton&&F.payButton({label:v.get("continue")}))}M.defaultProps={data:{},onChange:()=>{},placeholders:{},requiredFields:F,validationRules:m,visibility:"editable"};export{F as PERSONAL_DETAILS_SCHEMA,M as default};
+import{createElement as e,Fragment as r}from"../../../external/preact/dist/preact.js";import{useRef as a,useMemo as s,useEffect as t}from"../../../external/preact/hooks/dist/hooks.js";import l from"../FormFields/Fieldset/Fieldset.js";import i from"../FormFields/Field/Field.js";import o from"./ReadOnlyPersonalDetails.js";import{personalDetailsValidationRules as m}from"./validate.js";import{useCoreContext as n}from"../../../core/Context/CoreProvider.js";import{checkDateInputSupport as d}from"../FormFields/InputDate/utils.js";import{getFormattedData as p}from"./utils.js";import u from"../../../utils/useForm/useForm.js";import f from"../FormFields/InputText.js";import h from"../FormFields/RadioGroup/RadioGroup.js";import c from"../FormFields/InputDate/InputDate.js";import N from"../FormFields/InputEmail.js";import g from"../FormFields/InputTelephone.js";import{getErrorMessage as b}from"../../../utils/getErrorMessage.js";const F=["firstName","lastName","gender","dateOfBirth","shopperEmail","telephoneNumber"];function M(F){const{label:M="",namePrefix:E,placeholders:j,requiredFields:B,visibility:O}=F,{i18n:v}=n(),I=a({});Object.keys(I.current).length||F.setComponentRef?.(I.current);const C=s(d,[]),{handleChangeFor:q,triggerValidation:R,data:x,valid:D,errors:k,isValid:y}=u({schema:B,rules:{...m,...F.validationRules},defaultData:F.data});I.current.showValidation=()=>{R()};const P=e=>r=>{const{name:a}=r.target,s=a.split(`${E}.`).pop();q(s,e)(r)},V=e=>`${E?`${E}.`:""}${e}`;return t((()=>{const e=p(x);F.onChange({data:e,valid:D,errors:k,isValid:y})}),[x,D,k,y]),"hidden"===O?null:"readOnly"===O?e(o,{...F,data:x}):e(r,null,e(l,{classNameModifiers:["personalDetails"],label:M},B.includes("firstName")&&e(i,{label:v.get("firstName"),classNameModifiers:["col-50","firstName"],errorMessage:b(v,k.firstName,v.get("firstName")),name:"firstName",i18n:v},e(f,{name:V("firstName"),value:x.firstName,classNameModifiers:["firstName"],onInput:P("input"),onBlur:P("blur"),placeholder:j.firstName,spellCheck:!1,required:!0})),B.includes("lastName")&&e(i,{label:v.get("lastName"),classNameModifiers:["col-50","lastName"],errorMessage:b(v,k.lastName,v.get("lastName")),name:"lastName",i18n:v},e(f,{name:V("lastName"),value:x.lastName,classNameModifiers:["lastName"],onInput:P("input"),onBlur:P("blur"),placeholder:j.lastName,spellCheck:!1,required:!0})),B.includes("gender")&&e(i,{errorMessage:b(v,k.gender),classNameModifiers:["gender"],name:"gender",useLabelElement:!1},e(h,{name:V("gender"),value:x.gender,items:[{id:"MALE",name:"male"},{id:"FEMALE",name:"female"}],classNameModifiers:["gender"],onInput:P("input"),onChange:P("blur"),required:!0})),B.includes("dateOfBirth")&&e(i,{label:v.get("dateOfBirth"),classNameModifiers:["col-50","dateOfBirth"],errorMessage:b(v,k.dateOfBirth,v.get("dateOfBirth")),helper:C?null:v.get("dateOfBirth.format"),name:"dateOfBirth",i18n:v},e(c,{name:V("dateOfBirth"),value:x.dateOfBirth,classNameModifiers:["dateOfBirth"],onInput:P("input"),onBlur:P("blur"),placeholder:j.dateOfBirth,required:!0})),B.includes("shopperEmail")&&e(i,{label:v.get("shopperEmail"),classNameModifiers:["shopperEmail"],errorMessage:b(v,k.shopperEmail,v.get("shopperEmail")),dir:"ltr",name:"emailAddress",i18n:v},e(N,{name:V("shopperEmail"),value:x.shopperEmail,classNameModifiers:["shopperEmail"],onInput:P("input"),onBlur:P("blur"),placeholder:j.shopperEmail,required:!0})),B.includes("telephoneNumber")&&e(i,{label:v.get("telephoneNumber"),classNameModifiers:["telephoneNumber"],errorMessage:b(v,k.telephoneNumber,v.get("telephoneNumber")),dir:"ltr",name:"telephoneNumber",i18n:v},e(g,{name:V("telephoneNumber"),value:x.telephoneNumber,classNameModifiers:["telephoneNumber"],onInput:P("input"),onBlur:P("blur"),placeholder:j.telephoneNumber,required:!0}))))}M.defaultProps={data:{},onChange:()=>{},placeholders:{},requiredFields:F,validationRules:m,visibility:"editable"};export{F as PERSONAL_DETAILS_SCHEMA,M as default};
 //# sourceMappingURL=PersonalDetails.js.map

package/dist/es/components/internal/PersonalDetails/PersonalDetails.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PersonalDetails.js","sources":["../../../../../src/components/internal/PersonalDetails/PersonalDetails.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport { useEffect, useMemo, useRef } from 'preact/hooks';\nimport Fieldset from '../FormFields/Fieldset';\nimport Field from '../FormFields/Field';\nimport ReadOnlyPersonalDetails from './ReadOnlyPersonalDetails';\nimport { personalDetailsValidationRules } from './validate';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport { PersonalDetailsProps } from './types';\nimport { checkDateInputSupport } from '../FormFields/InputDate/utils';\nimport { PersonalDetailsSchema } from '../../../types';\nimport { getFormattedData } from './utils';\nimport useForm from '../../../utils/useForm';\nimport './PersonalDetails.scss';\nimport InputText from '../FormFields/InputText';\nimport RadioGroup from '../FormFields/RadioGroup';\nimport InputDate from '../FormFields/InputDate';\nimport InputEmail from '../FormFields/InputEmail';\nimport InputTelephone from '../FormFields/InputTelephone';\nimport { getErrorMessage } from '../../../utils/getErrorMessage';\nimport { ComponentMethodsRef } from '../UIElement/types';\n\nexport const PERSONAL_DETAILS_SCHEMA = ['firstName', 'lastName', 'gender', 'dateOfBirth', 'shopperEmail', 'telephoneNumber'];\n\nexport default function PersonalDetails(props: PersonalDetailsProps) {\n const { label = '', namePrefix, placeholders, requiredFields, visibility } = props;\n\n const { i18n } = useCoreContext();\n\n /** An object by which to expose 'public' members to the parent UIElement /\n const personalDetailsRef = useRef<ComponentMethodsRef>({});\n // Just call once\n if (!Object.keys(personalDetailsRef.current).length) {\n props.setComponentRef?.(personalDetailsRef.current);\n }\n\n const isDateInputSupported = useMemo(checkDateInputSupport, []);\n const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<PersonalDetailsSchema>({\n schema: requiredFields,\n // Ensure any passed validation rules are merged with the default ones\n rules: { ...personalDetailsValidationRules, ...props.validationRules },\n defaultData: props.data\n });\n\n // Expose method expected by (parent) PersonalDetails.tsx\n personalDetailsRef.current.showValidation = () => {\n triggerValidation();\n };\n\n const eventHandler =\n (mode: string): h.JSX.GenericEventHandler<EventTarget> =>\n (e: Event): void => {\n const { name } = e.target as HTMLInputElement;\n const key = name.split(`${namePrefix}.`).pop();\n\n handleChangeFor(key, mode)(e);\n };\n\n const generateFieldName = (name: string): string => `${namePrefix ? `${namePrefix}.` : ''}${name}`;\n\n useEffect(() => {\n const formattedData = getFormattedData(data);\n props.onChange({ data: formattedData, valid, errors, isValid });\n }, [data, valid, errors, isValid]);\n\n if (visibility === 'hidden') return null;\n if (visibility === 'readOnly') return <ReadOnlyPersonalDetails {...props} data={data} />;\n\n return (\n <Fragment>\n <Fieldset classNameModifiers={['personalDetails']} label={label}>\n {requiredFields.includes('firstName') && (\n <Field\n label={i18n.get('firstName')}\n classNameModifiers={['col-50', 'firstName']}\n errorMessage={getErrorMessage(i18n, errors.firstName, i18n.get('firstName'))}\n name={'firstName'}\n i18n={i18n}\n >\n <InputText\n name={generateFieldName('firstName')}\n value={data.firstName}\n classNameModifiers={['firstName']}\n onInput={eventHandler('input')}\n onBlur={eventHandler('blur')}\n placeholder={placeholders.firstName}\n spellCheck={false}\n required={true}\n />\n </Field>\n )}\n\n {requiredFields.includes('lastName') && (\n <Field\n label={i18n.get('lastName')}\n classNameModifiers={['col-50', 'lastName']}\n errorMessage={getErrorMessage(i18n, errors.lastName, i18n.get('lastName'))}\n name={'lastName'}\n i18n={i18n}\n >\n <InputText\n name={generateFieldName('lastName')}\n value={data.lastName}\n classNameModifiers={['lastName']}\n onInput={eventHandler('input')}\n onBlur={eventHandler('blur')}\n placeholder={placeholders.lastName}\n spellCheck={false}\n required={true}\n />\n </Field>\n )}\n\n {requiredFields.includes('gender') && (\n <Field\n errorMessage={getErrorMessage(i18n, errors.gender)}\n classNameModifiers={['gender']}\n name={'gender'}\n useLabelElement={false}\n >\n <RadioGroup\n name={generateFieldName('gender')}\n value={data.gender}\n items={[\n { id: 'MALE', name: 'male' },\n { id: 'FEMALE', name: 'female' }\n ]}\n classNameModifiers={['gender']}\n onInput={eventHandler('input')}\n onChange={eventHandler('blur')}\n required={true}\n />\n </Field>\n )}\n\n {requiredFields.includes('dateOfBirth') && (\n <Field\n label={i18n.get('dateOfBirth')}\n classNameModifiers={['col-50', 'dateOfBirth']}\n errorMessage={getErrorMessage(i18n, errors.dateOfBirth, i18n.get('dateOfBirth'))}\n helper={isDateInputSupported ? null : i18n.get('dateOfBirth.format')}\n name={'dateOfBirth'}\n i18n={i18n}\n >\n <InputDate\n name={generateFieldName('dateOfBirth')}\n value={data.dateOfBirth}\n classNameModifiers={['dateOfBirth']}\n onInput={eventHandler('input')}\n onBlur={eventHandler('blur')}\n placeholder={placeholders.dateOfBirth}\n required={true}\n />\n </Field>\n )}\n\n {requiredFields.includes('shopperEmail') && (\n <Field\n label={i18n.get('shopperEmail')}\n classNameModifiers={['shopperEmail']}\n errorMessage={getErrorMessage(i18n, errors.shopperEmail, i18n.get('shopperEmail'))}\n dir={'ltr'}\n name={'emailAddress'}\n i18n={i18n}\n >\n <InputEmail\n name={generateFieldName('shopperEmail')}\n value={data.shopperEmail}\n classNameModifiers={['shopperEmail']}\n onInput={eventHandler('input')}\n onBlur={eventHandler('blur')}\n placeholder={placeholders.shopperEmail}\n required={true}\n />\n </Field>\n )}\n\n {requiredFields.includes('telephoneNumber') && (\n <Field\n label={i18n.get('telephoneNumber')}\n classNameModifiers={['telephoneNumber']}\n errorMessage={getErrorMessage(i18n, errors.telephoneNumber, i18n.get('telephoneNumber'))}\n dir={'ltr'}\n name={'telephoneNumber'}\n i18n={i18n}\n >\n <InputTelephone\n name={generateFieldName('telephoneNumber')}\n value={data.telephoneNumber}\n classNameModifiers={['telephoneNumber']}\n onInput={eventHandler('input')}\n onBlur={eventHandler('blur')}\n placeholder={placeholders.telephoneNumber}\n required={true}\n />\n </Field>\n )}\n </Fieldset>\n {/ Needed to easily test when showValidation is called */}\n {process.env.NODE_ENV !== 'production' && props.showPayButton && props.payButton({ label: i18n.get('continue') })}\n </Fragment>\n );\n}\n\nPersonalDetails.defaultProps = {\n data: {},\n onChange: () => {},\n placeholders: {},\n requiredFields: PERSONAL_DETAILS_SCHEMA,\n validationRules: personalDetailsValidationRules,\n visibility: 'editable'\n};\n"],"names":["PERSONAL_DETAILS_SCHEMA","PersonalDetails","props","label","namePrefix","placeholders","requiredFields","visibility","i18n","useCoreContext","personalDetailsRef","useRef","Object","keys","current","length","setComponentRef","isDateInputSupported","useMemo","checkDateInputSupport","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","schema","rules","personalDetailsValidationRules","validationRules","defaultData","showValidation","eventHandler","mode","e","name","target","key","split","pop","generateFieldName","useEffect","formattedData","getFormattedData","onChange","h","ReadOnlyPersonalDetails","Fragment","Fieldset","classNameModifiers","includes","Field","get","errorMessage","getErrorMessage","firstName","InputText","value","onInput","onBlur","placeholder","spellCheck","required","lastName","gender","useLabelElement","RadioGroup","items","id","dateOfBirth","helper","InputDate","shopperEmail","dir","InputEmail","telephoneNumber","InputTelephone","showPayButton","payButton","defaultProps"],"mappings":"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"}
1	+ {"version":3,"file":"PersonalDetails.js","sources":["../../../../../src/components/internal/PersonalDetails/PersonalDetails.tsx"],"sourcesContent":["import { Fragment, h } from 'preact';\nimport { useEffect, useMemo, useRef } from 'preact/hooks';\nimport Fieldset from '../FormFields/Fieldset';\nimport Field from '../FormFields/Field';\nimport ReadOnlyPersonalDetails from './ReadOnlyPersonalDetails';\nimport { personalDetailsValidationRules } from './validate';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport { PersonalDetailsProps } from './types';\nimport { checkDateInputSupport } from '../FormFields/InputDate/utils';\nimport { PersonalDetailsSchema } from '../../../types';\nimport { getFormattedData } from './utils';\nimport useForm from '../../../utils/useForm';\nimport './PersonalDetails.scss';\nimport InputText from '../FormFields/InputText';\nimport RadioGroup from '../FormFields/RadioGroup';\nimport InputDate from '../FormFields/InputDate';\nimport InputEmail from '../FormFields/InputEmail';\nimport InputTelephone from '../FormFields/InputTelephone';\nimport { getErrorMessage } from '../../../utils/getErrorMessage';\nimport { ComponentMethodsRef } from '../UIElement/types';\n\nexport const PERSONAL_DETAILS_SCHEMA = ['firstName', 'lastName', 'gender', 'dateOfBirth', 'shopperEmail', 'telephoneNumber'];\n\nexport default function PersonalDetails(props: PersonalDetailsProps) {\n const { label = '', namePrefix, placeholders, requiredFields, visibility } = props;\n\n const { i18n } = useCoreContext();\n\n /** An object by which to expose 'public' members to the parent UIElement */\n const personalDetailsRef = useRef<ComponentMethodsRef>({});\n // Just call once\n if (!Object.keys(personalDetailsRef.current).length) {\n props.setComponentRef?.(personalDetailsRef.current);\n }\n\n const isDateInputSupported = useMemo(checkDateInputSupport, []);\n const { handleChangeFor, triggerValidation, data, valid, errors, isValid } = useForm<PersonalDetailsSchema>({\n schema: requiredFields,\n // Ensure any passed validation rules are merged with the default ones\n rules: { ...personalDetailsValidationRules, ...props.validationRules },\n defaultData: props.data\n });\n\n // Expose method expected by (parent) PersonalDetails.tsx\n personalDetailsRef.current.showValidation = () => {\n triggerValidation();\n };\n\n const eventHandler =\n (mode: string): h.JSX.GenericEventHandler<EventTarget> =>\n (e: Event): void => {\n const { name } = e.target as HTMLInputElement;\n const key = name.split(`${namePrefix}.`).pop();\n\n handleChangeFor(key, mode)(e);\n };\n\n const generateFieldName = (name: string): string => `${namePrefix ? `${namePrefix}.` : ''}${name}`;\n\n useEffect(() => {\n const formattedData = getFormattedData(data);\n props.onChange({ data: formattedData, valid, errors, isValid });\n }, [data, valid, errors, isValid]);\n\n if (visibility === 'hidden') return null;\n if (visibility === 'readOnly') return <ReadOnlyPersonalDetails {...props} data={data} />;\n\n return (\n <Fragment>\n <Fieldset classNameModifiers={['personalDetails']} label={label}>\n {requiredFields.includes('firstName') && (\n <Field\n label={i18n.get('firstName')}\n classNameModifiers={['col-50', 'firstName']}\n errorMessage={getErrorMessage(i18n, errors.firstName, i18n.get('firstName'))}\n name={'firstName'}\n i18n={i18n}\n >\n <InputText\n name={generateFieldName('firstName')}\n value={data.firstName}\n classNameModifiers={['firstName']}\n onInput={eventHandler('input')}\n onBlur={eventHandler('blur')}\n placeholder={placeholders.firstName}\n spellCheck={false}\n required={true}\n />\n </Field>\n )}\n\n {requiredFields.includes('lastName') && (\n <Field\n label={i18n.get('lastName')}\n classNameModifiers={['col-50', 'lastName']}\n errorMessage={getErrorMessage(i18n, errors.lastName, i18n.get('lastName'))}\n name={'lastName'}\n i18n={i18n}\n >\n <InputText\n name={generateFieldName('lastName')}\n value={data.lastName}\n classNameModifiers={['lastName']}\n onInput={eventHandler('input')}\n onBlur={eventHandler('blur')}\n placeholder={placeholders.lastName}\n spellCheck={false}\n required={true}\n />\n </Field>\n )}\n\n {requiredFields.includes('gender') && (\n <Field\n errorMessage={getErrorMessage(i18n, errors.gender)}\n classNameModifiers={['gender']}\n name={'gender'}\n useLabelElement={false}\n >\n <RadioGroup\n name={generateFieldName('gender')}\n value={data.gender}\n items={[\n { id: 'MALE', name: 'male' },\n { id: 'FEMALE', name: 'female' }\n ]}\n classNameModifiers={['gender']}\n onInput={eventHandler('input')}\n onChange={eventHandler('blur')}\n required={true}\n />\n </Field>\n )}\n\n {requiredFields.includes('dateOfBirth') && (\n <Field\n label={i18n.get('dateOfBirth')}\n classNameModifiers={['col-50', 'dateOfBirth']}\n errorMessage={getErrorMessage(i18n, errors.dateOfBirth, i18n.get('dateOfBirth'))}\n helper={isDateInputSupported ? null : i18n.get('dateOfBirth.format')}\n name={'dateOfBirth'}\n i18n={i18n}\n >\n <InputDate\n name={generateFieldName('dateOfBirth')}\n value={data.dateOfBirth}\n classNameModifiers={['dateOfBirth']}\n onInput={eventHandler('input')}\n onBlur={eventHandler('blur')}\n placeholder={placeholders.dateOfBirth}\n required={true}\n />\n </Field>\n )}\n\n {requiredFields.includes('shopperEmail') && (\n <Field\n label={i18n.get('shopperEmail')}\n classNameModifiers={['shopperEmail']}\n errorMessage={getErrorMessage(i18n, errors.shopperEmail, i18n.get('shopperEmail'))}\n dir={'ltr'}\n name={'emailAddress'}\n i18n={i18n}\n >\n <InputEmail\n name={generateFieldName('shopperEmail')}\n value={data.shopperEmail}\n classNameModifiers={['shopperEmail']}\n onInput={eventHandler('input')}\n onBlur={eventHandler('blur')}\n placeholder={placeholders.shopperEmail}\n required={true}\n />\n </Field>\n )}\n\n {requiredFields.includes('telephoneNumber') && (\n <Field\n label={i18n.get('telephoneNumber')}\n classNameModifiers={['telephoneNumber']}\n errorMessage={getErrorMessage(i18n, errors.telephoneNumber, i18n.get('telephoneNumber'))}\n dir={'ltr'}\n name={'telephoneNumber'}\n i18n={i18n}\n >\n <InputTelephone\n name={generateFieldName('telephoneNumber')}\n value={data.telephoneNumber}\n classNameModifiers={['telephoneNumber']}\n onInput={eventHandler('input')}\n onBlur={eventHandler('blur')}\n placeholder={placeholders.telephoneNumber}\n required={true}\n />\n </Field>\n )}\n </Fieldset>\n </Fragment>\n );\n}\n\nPersonalDetails.defaultProps = {\n data: {},\n onChange: () => {},\n placeholders: {},\n requiredFields: PERSONAL_DETAILS_SCHEMA,\n validationRules: personalDetailsValidationRules,\n visibility: 'editable'\n};\n"],"names":["PERSONAL_DETAILS_SCHEMA","PersonalDetails","props","label","namePrefix","placeholders","requiredFields","visibility","i18n","useCoreContext","personalDetailsRef","useRef","Object","keys","current","length","setComponentRef","isDateInputSupported","useMemo","checkDateInputSupport","handleChangeFor","triggerValidation","data","valid","errors","isValid","useForm","schema","rules","personalDetailsValidationRules","validationRules","defaultData","showValidation","eventHandler","mode","e","name","target","key","split","pop","generateFieldName","useEffect","formattedData","getFormattedData","onChange","h","ReadOnlyPersonalDetails","Fragment","Fieldset","classNameModifiers","includes","Field","get","errorMessage","getErrorMessage","firstName","InputText","value","onInput","onBlur","placeholder","spellCheck","required","lastName","gender","useLabelElement","RadioGroup","items","id","dateOfBirth","helper","InputDate","shopperEmail","dir","InputEmail","telephoneNumber","InputTelephone","defaultProps"],"mappings":"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"}

package/dist/es/components/internal/PersonalDetails/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{unformatDate as e}from"../FormFields/InputDate/utils.js";const t=t=>{const{firstName:r,lastName:a,gender:s,dateOfBirth:m,shopperEmail:n,telephoneNumber:i}=t;return{...(r||a)&&{shopperName:{...r&&{firstName:r},...a&&{lastName:a},...s&&{gender:s}}},...m&&{dateOfBirth:e(m)},...n&&{shopperEmail:n},...i&&{telephoneNumber:i}}},r=(e,t)=>{switch(e){case"gender":case"dateOfBirth":return t.get(e);default:return null}};export{t as getFormattedData,r as mapFieldKey};
+import{unformatDate as e}from"../FormFields/InputDate/utils.js";const t=t=>{const{firstName:r,lastName:a,gender:m,dateOfBirth:s,shopperEmail:o,telephoneNumber:p}=t;return{...(r||a)&&{shopperName:{...r&&{firstName:r},...a&&{lastName:a},...m&&{gender:m}}},...s&&{dateOfBirth:e(s)},...o&&{shopperEmail:o},...p&&{telephoneNumber:p}}};export{t as getFormattedData};
 //# sourceMappingURL=utils.js.map

package/dist/es/components/internal/PersonalDetails/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/PersonalDetails/utils.ts"],"sourcesContent":["import { unformatDate } from '../FormFields/InputDate/utils';\nimport Language from '../../../language';\n\nexport const getFormattedData = data => {\n const { firstName, lastName, gender, dateOfBirth, shopperEmail, telephoneNumber } = data;\n\n return {\n ...((firstName \|\| lastName) && {\n shopperName: {\n ...(firstName && { firstName }),\n ...(lastName && { lastName }),\n ...(gender && { gender })\n }\n }),\n ...(dateOfBirth && { dateOfBirth: unformatDate(dateOfBirth) }),\n ...(shopperEmail && { shopperEmail }),\n ...(telephoneNumber && { telephoneNumber })\n };\n};\n\n/*\n Used by the SRPanel sorting function to tell it whether we need to prepend the field type to the SR panel message, and, if so, we retrieve the correct translation for the field type.\n * (Whether we need to prepend the field type depends on whether we know that the error message correctly reflects the label of the field. Ultimately all error messages should do this\n * and this mapping fn will become redundant)\n */\nexport const mapFieldKey = (key: string, i18n: Language): string => {\n switch (key) {\n case 'gender':\n ~~case 'dateOfBirth':\n~~ return 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\n default:\n return null;\n }\n};\n"],"names":["getFormattedData","data","firstName","lastName","gender","dateOfBirth","shopperEmail","telephoneNumber","shopperName","unformatDate"~~,"mapFieldKey","key","i18n","get"~~],"mappings":"gEAGO,MAAMA,EAAmBC,IAC5B,MAAMC,UAAEA,EAASC,SAAEA,EAAQC,OAAEA,EAAMC,YAAEA,EAAWC,aAAEA,EAAYC,gBAAEA,GAAoBN,EAEpF,MAAO,KACEC,GAAaC,IAAa,CAC3BK,YAAa,IACLN,GAAa,CAAEA,gBACfC,GAAY,CAAEA,eACdC,GAAU,CAAEA,eAGpBC,GAAe,CAAEA,YAAaI,EAAaJ,OAC3CC,GAAgB,CAAEA,mBAClBC,GAAmB,CAAEA,mBAC7B~~,EAQSG,EAAc,CAACC,EAAaC,KACrC,OAAQD,GACJ,IAAK,SACL,IAAK,cACD,OAAOC,EAAKC,IAAIF,GAEpB,QACI,OAAO,KACf~~"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../../src/components/internal/PersonalDetails/utils.ts"],"sourcesContent":["import { unformatDate } from '../FormFields/InputDate/utils';\nimport Language from '../../../language';\n\nexport const getFormattedData = data => {\n const { firstName, lastName, gender, dateOfBirth, shopperEmail, telephoneNumber } = data;\n\n return {\n ...((firstName \|\| lastName) && {\n shopperName: {\n ...(firstName && { firstName }),\n ...(lastName && { lastName }),\n ...(gender && { gender })\n }\n }),\n ...(dateOfBirth && { dateOfBirth: unformatDate(dateOfBirth) }),\n ...(shopperEmail && { shopperEmail }),\n ...(telephoneNumber && { telephoneNumber })\n };\n};\n\n/*\n Used by the SRPanel sorting function to tell it whether we need to prepend the field type to the SR panel message, and, if so, we retrieve the correct translation for the field type.\n * (Whether we need to prepend the field type depends on whether we know that the error message correctly reflects the label of the field. Ultimately all error messages should do this\n * and this mapping fn will become redundant)\n */\nexport const mapFieldKey = (key: string, i18n: Language): string => {\n switch (key) {\n case 'gender':\n return 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\n default:\n return null;\n }\n};\n"],"names":["getFormattedData","data","firstName","lastName","gender","dateOfBirth","shopperEmail","telephoneNumber","shopperName","unformatDate"],"mappings":"gEAGO,MAAMA,EAAmBC,IAC5B,MAAMC,UAAEA,EAASC,SAAEA,EAAQC,OAAEA,EAAMC,YAAEA,EAAWC,aAAEA,EAAYC,gBAAEA,GAAoBN,EAEpF,MAAO,KACEC,GAAaC,IAAa,CAC3BK,YAAa,IACLN,GAAa,CAAEA,gBACfC,GAAY,CAAEA,eACdC,GAAU,CAAEA,eAGpBC,GAAe,CAAEA,YAAaI,EAAaJ,OAC3CC,GAAgB,CAAEA,mBAClBC,GAAmB,CAAEA,mBAC7B"}

package/dist/es/components/internal/PersonalDetails/validate.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{isEmpty as e}from"../../../utils/validator-utils.js";import{ERROR_KEY_REQUIRED as r}from"../../../core/Errors/constants.js";import{validationRules as l}from"../../../utils/Validator/defaultRules.js";const a={default:{validate:e=>e&&e.length>0,errorMessage:r,modes:["blur"]},gender:{validate:e=>e&&e.length>0,errorMessage:"gender.notselected",modes:["blur"]},firstName:{validate:r=>!e(r)||null,errorMessage:"firstName.invalid",modes:["blur"]},lastName:{validate:r=>!e(r)||null,errorMessage:"lastName.invalid",modes:["blur"]},dateOfBirth:l.dateOfBirthRule,telephoneNumber:l.phoneNumberRule,shopperEmail:l.emailRule};export{a as personalDetailsValidationRules};
+import{isEmpty as e}from"../../../utils/validator-utils.js";import{ERROR_FIELD_REQUIRED as r}from"../../../core/Errors/constants.js";import{validationRules as l}from"../../../utils/Validator/defaultRules.js";const a={default:{validate:e=>e&&e.length>0,errorMessage:r,modes:["blur"]},gender:{validate:e=>e&&e.length>0,errorMessage:"gender.notselected",modes:["blur"]},firstName:{validate:r=>!e(r)||null,errorMessage:"firstName.invalid",modes:["blur"]},lastName:{validate:r=>!e(r)||null,errorMessage:"lastName.invalid",modes:["blur"]},dateOfBirth:l.dateOfBirthRule,telephoneNumber:l.phoneNumberRule,shopperEmail:l.emailRule};export{a as personalDetailsValidationRules};
 //# sourceMappingURL=validate.js.map

package/dist/es/components/internal/PersonalDetails/validate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"validate.js","sources":["../../../../../src/components/internal/PersonalDetails/validate.ts"],"sourcesContent":["import { ValidatorRules } from '../../../utils/Validator/types';\nimport { isEmpty } from '../../../utils/validator-utils';\nimport { ~~ERROR_KEY_REQUIRED~~ } from '../../../core/Errors/constants';\nimport { validationRules } from '../../../utils/Validator/defaultRules';\n\nexport const personalDetailsValidationRules: ValidatorRules = {\n default: {\n validate: value => {\n return value && value.length > 0;\n },\n errorMessage: ~~ERROR_KEY_REQUIRED~~,\n modes: ['blur']\n },\n gender: {\n validate: value => value && value.length > 0,\n errorMessage: 'gender.notselected',\n modes: ['blur']\n },\n firstName: {\n validate: value => (isEmpty(value) ? null : true), // valid, if there are chars other than spaces,\n errorMessage: 'firstName.invalid',\n modes: ['blur']\n },\n lastName: {\n validate: value => (isEmpty(value) ? null : true),\n errorMessage: 'lastName.invalid',\n modes: ['blur']\n },\n dateOfBirth: validationRules.dateOfBirthRule,\n telephoneNumber: validationRules.phoneNumberRule,\n shopperEmail: validationRules.emailRule\n};\n"],"names":["personalDetailsValidationRules","default","validate","value","length","errorMessage","~~ERROR_KEY_REQUIRED~~","modes","gender","firstName","isEmpty","lastName","dateOfBirth","validationRules","dateOfBirthRule","telephoneNumber","phoneNumberRule","shopperEmail","emailRule"],"mappings":"~~oNAKaA~~,EAAiD,CAC1DC,QAAS,CACLC,SAAUC,GACCA,GAASA,EAAMC,OAAS,EAEnCC,aAAcC,EACdC,MAAO,CAAC,SAEZC,OAAQ,CACJN,SAAUC,GAASA,GAASA,EAAMC,OAAS,EAC3CC,aAAc,qBACdE,MAAO,CAAC,SAEZE,UAAW,CACPP,SAAUC,IAAUO,EAAQP,IAAS,KACrCE,aAAc,oBACdE,MAAO,CAAC,SAEZI,SAAU,CACNT,SAAUC,IAAUO,EAAQP,IAAS,KACrCE,aAAc,mBACdE,MAAO,CAAC,SAEZK,YAAaC,EAAgBC,gBAC7BC,gBAAiBF,EAAgBG,gBACjCC,aAAcJ,EAAgBK"}
1	+ {"version":3,"file":"validate.js","sources":["../../../../../src/components/internal/PersonalDetails/validate.ts"],"sourcesContent":["import { ValidatorRules } from '../../../utils/Validator/types';\nimport { isEmpty } from '../../../utils/validator-utils';\nimport { ERROR_FIELD_REQUIRED } from '../../../core/Errors/constants';\nimport { validationRules } from '../../../utils/Validator/defaultRules';\n\nexport const personalDetailsValidationRules: ValidatorRules = {\n default: {\n validate: value => {\n return value && value.length > 0;\n },\n errorMessage: ERROR_FIELD_REQUIRED,\n modes: ['blur']\n },\n gender: {\n validate: value => value && value.length > 0,\n errorMessage: 'gender.notselected',\n modes: ['blur']\n },\n firstName: {\n validate: value => (isEmpty(value) ? null : true), // valid, if there are chars other than spaces,\n errorMessage: 'firstName.invalid',\n modes: ['blur']\n },\n lastName: {\n validate: value => (isEmpty(value) ? null : true),\n errorMessage: 'lastName.invalid',\n modes: ['blur']\n },\n dateOfBirth: validationRules.dateOfBirthRule,\n telephoneNumber: validationRules.phoneNumberRule,\n shopperEmail: validationRules.emailRule\n};\n"],"names":["personalDetailsValidationRules","default","validate","value","length","errorMessage","ERROR_FIELD_REQUIRED","modes","gender","firstName","isEmpty","lastName","dateOfBirth","validationRules","dateOfBirthRule","telephoneNumber","phoneNumberRule","shopperEmail","emailRule"],"mappings":"sNAKaA,EAAiD,CAC1DC,QAAS,CACLC,SAAUC,GACCA,GAASA,EAAMC,OAAS,EAEnCC,aAAcC,EACdC,MAAO,CAAC,SAEZC,OAAQ,CACJN,SAAUC,GAASA,GAASA,EAAMC,OAAS,EAC3CC,aAAc,qBACdE,MAAO,CAAC,SAEZE,UAAW,CACPP,SAAUC,IAAUO,EAAQP,IAAS,KACrCE,aAAc,oBACdE,MAAO,CAAC,SAEZI,SAAU,CACNT,SAAUC,IAAUO,EAAQP,IAAS,KACrCE,aAAc,mBACdE,MAAO,CAAC,SAEZK,YAAaC,EAAgBC,gBAC7BC,gBAAiBF,EAAgBG,gBACjCC,aAAcJ,EAAgBK"}

package/dist/es/components/internal/PhoneInput/PhoneInput.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import{useEffect as r,useCallback as o}from"../../../external/preact/hooks/dist/hooks.js";import n from"../FormFields/Field/Field.js";import t from"../../../utils/useForm/useForm.js";import i from"../../../core/Context/useCoreContext.js";import a from"../FormFields/Select/Select.js";import{phoneValidationRules as l,phoneFormatters as s}from"./validate.js";import p from"../FormFields/InputText.js";import m from"../FormFields/Fieldset/Fieldset.js";function u(u){const{i18n:h}=i(),d=u.requiredFields||[...u?.items?.length?["phonePrefix"]:[],"phoneNumber"],c=d.includes("phonePrefix")&&!!u?.items?.length,f=d.includes("phoneNumber"),{handleChangeFor:b,data:N,valid:x,errors:g,isValid:F,triggerValidation:y,setSchema:P}=t({i18n:h,...u,schema:d,defaultData:u.data,rules:l,formatters:s});r((()=>{P(d)}),[d.toString()]),r((()=>{N.phoneNumber&&b("phoneNumber","blur")(N.phoneNumber)}),[N.phonePrefix]),r((()=>{u.onChange({data:N,valid:x,errors:g,isValid:F})}),[N,x,g,F]),this.triggerValidation=y;const k=o((e=>{if(g[e]){const r="phoneNumber"===e?"phoneNumberErrorKey":"phonePrefixErrorKey",o=u[r]?u[r]:g[e].errorMessage;return h.get(o)??null}return null}),[g]);return e(m,{classNameModifiers:["phone-input"]},c&&e(n,{className:"adyen-checkout-field--phone-prefix",label:h.get("telephonePrefix"),errorMessage:k("phonePrefix"),showValidIcon:!1,isValid:x.phonePrefix,dir:"ltr",i18n:h,name:"phonePrefix"},e(a,{className:"adyen-checkout-dropdown adyen-checkout-dropdown--countrycode-selector",name:"phonePrefix",items:u.items,onChange:b("phonePrefix"),placeholder:u?.placeholders?.phonePrefix,selectedValue:N.phonePrefix})),f&&e(n,{className:"adyen-checkout-field--phone-number",label:u.phoneNumberKey?h.get(u.phoneNumberKey):h.get("telephoneNumber"),errorMessage:k("phoneNumber"),isValid:x.phoneNumber,filled:N?.phoneNumber?.length>0,dir:"ltr",i18n:h,name:"phoneNumber"},e(p,{className:"adyen-checkout__input adyen-checkout-input adyen-checkout-input--phone-number",type:"tel",name:"phoneNumber",value:N.phoneNumber,onInput:b("phoneNumber","input"),onBlur:b("phoneNumber","blur"),placeholder:u?.placeholders?.phoneNumber,autoCorrect:"off",required:!0})))}u.defaultProps={phoneLabel:"telephoneNumber"};export{u as default};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import{useEffect as r,useCallback as o}from"../../../external/preact/hooks/dist/hooks.js";import n from"../FormFields/Field/Field.js";import t from"../../../utils/useForm/useForm.js";import{useCoreContext as i}from"../../../core/Context/CoreProvider.js";import a from"../FormFields/Select/Select.js";import{phoneValidationRules as l,phoneFormatters as s}from"./validate.js";import p from"../FormFields/InputText.js";import m from"../FormFields/Fieldset/Fieldset.js";function u(u){const{i18n:h}=i(),d=u.requiredFields||[...u?.items?.length?["phonePrefix"]:[],"phoneNumber"],c=d.includes("phonePrefix")&&!!u?.items?.length,f=d.includes("phoneNumber"),{handleChangeFor:b,data:N,valid:g,errors:x,isValid:F,triggerValidation:P,setSchema:y}=t({i18n:h,...u,schema:d,defaultData:u.data,rules:l,formatters:s});r((()=>{y(d)}),[d.toString()]),r((()=>{N.phoneNumber&&b("phoneNumber","blur")(N.phoneNumber)}),[N.phonePrefix]),r((()=>{u.onChange({data:N,valid:g,errors:x,isValid:F})}),[N,g,x,F]),this.triggerValidation=P;const k=o((e=>{if(x[e]){const r="phoneNumber"===e?"phoneNumberErrorKey":"phonePrefixErrorKey",o=u[r]?u[r]:x[e].errorMessage;return h.get(o)??null}return null}),[x]);return e(m,{classNameModifiers:["phone-input"]},c&&e(n,{className:"adyen-checkout-field--phone-prefix",label:h.get("telephonePrefix"),errorMessage:k("phonePrefix"),showValidIcon:!1,isValid:g.phonePrefix,dir:"ltr",i18n:h,name:"phonePrefix"},e(a,{className:"adyen-checkout-dropdown adyen-checkout-dropdown--countrycode-selector",name:"phonePrefix",items:u.items,onChange:b("phonePrefix"),placeholder:u?.placeholders?.phonePrefix,selectedValue:N.phonePrefix})),f&&e(n,{className:"adyen-checkout-field--phone-number",label:u.phoneNumberKey?h.get(u.phoneNumberKey):h.get("telephoneNumber"),errorMessage:k("phoneNumber"),isValid:g.phoneNumber,filled:N?.phoneNumber?.length>0,dir:"ltr",i18n:h,name:"phoneNumber"},e(p,{className:"adyen-checkout__input adyen-checkout-input adyen-checkout-input--phone-number",type:"tel",name:"phoneNumber",value:N.phoneNumber,onInput:b("phoneNumber","input"),onBlur:b("phoneNumber","blur"),placeholder:u?.placeholders?.phoneNumber,autoCorrect:"off",required:!0})))}u.defaultProps={phoneLabel:"telephoneNumber"};export{u as default};
 //# sourceMappingURL=PhoneInput.js.map

package/dist/es/components/internal/PhoneInput/PhoneInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PhoneInput.js","sources":["../../../../../src/components/internal/PhoneInput/PhoneInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCallback, useEffect } from 'preact/hooks';\nimport Field from '../FormFields/Field';\nimport useForm from '../../../utils/useForm';\nimport useCoreContext from '../../../core/Context/~~useCoreContext~~';\nimport './PhoneInput.scss';\nimport Select from '../FormFields/Select';\nimport { phoneFormatters, phoneValidationRules } from './validate';\nimport { PhoneInputProps, PhoneInputSchema } from './types';\nimport InputText from '../FormFields/InputText';\nimport Fieldset from '../FormFields/Fieldset';\n\nfunction PhoneInput(props: PhoneInputProps) {\n const { i18n } = useCoreContext();\n\n const schema = props.requiredFields \|\| [...(props?.items?.length ? ['phonePrefix'] : []), 'phoneNumber'];\n const showPrefix = schema.includes('phonePrefix') && !!props?.items?.length;\n const showNumber = schema.includes('phoneNumber');\n\n const { handleChangeFor, data, valid, errors, isValid, triggerValidation, setSchema } = useForm<PhoneInputSchema>({\n i18n,\n ...props,\n schema,\n defaultData: props.data,\n rules: phoneValidationRules,\n formatters: phoneFormatters\n });\n\n useEffect(() => {\n setSchema(schema);\n }, [schema.toString()]);\n\n // Force re-validation of the phoneNumber when data.phonePrefix changes (since the validation rules will also change)\n useEffect((): void => {\n if (data.phoneNumber) {\n handleChangeFor('phoneNumber', 'blur')(data.phoneNumber);\n }\n }, [data.phonePrefix]);\n\n useEffect(() => {\n props.onChange({ data, valid, errors, isValid });\n }, [data, valid, errors, isValid]);\n\n this.triggerValidation = triggerValidation;\n\n const getPhoneFieldError = useCallback(\n (field: string) => {\n if (errors[field]) {\n const propsField = field === 'phoneNumber' ? 'phoneNumberErrorKey' : 'phonePrefixErrorKey';\n const key = props[propsField] ? props[propsField] : errors[field].errorMessage;\n return i18n.get(key) ?? null;\n }\n return null;\n },\n [errors]\n );\n\n return (\n <Fieldset classNameModifiers={['phone-input']}>\n {showPrefix && (\n <Field\n className={'adyen-checkout-field--phone-prefix'}\n label={i18n.get('telephonePrefix')}\n errorMessage={getPhoneFieldError('phonePrefix')}\n showValidIcon={false}\n isValid={valid.phonePrefix}\n dir={'ltr'}\n i18n={i18n}\n name={'phonePrefix'}\n >\n <Select\n className={'adyen-checkout-dropdown adyen-checkout-dropdown--countrycode-selector'}\n name={'phonePrefix'}\n items={props.items}\n onChange={handleChangeFor('phonePrefix')}\n placeholder={props?.placeholders?.phonePrefix}\n selectedValue={data.phonePrefix}\n />\n </Field>\n )}\n\n {showNumber && (\n <Field\n className={'adyen-checkout-field--phone-number'}\n label={props.phoneNumberKey ? i18n.get(props.phoneNumberKey) : i18n.get('telephoneNumber')}\n errorMessage={getPhoneFieldError('phoneNumber')}\n isValid={valid.phoneNumber}\n filled={data?.phoneNumber?.length > 0}\n dir={'ltr'}\n i18n={i18n}\n name={'phoneNumber'}\n >\n <InputText\n className=\"adyen-checkout__input adyen-checkout-input adyen-checkout-input--phone-number\"\n type=\"tel\"\n name=\"phoneNumber\"\n value={data.phoneNumber}\n onInput={handleChangeFor('phoneNumber', 'input')}\n onBlur={handleChangeFor('phoneNumber', 'blur')}\n placeholder={props?.placeholders?.phoneNumber}\n autoCorrect=\"off\"\n required={true}\n />\n </Field>\n )}\n </Fieldset>\n );\n}\n\nPhoneInput.defaultProps = {\n phoneLabel: 'telephoneNumber'\n};\n\nexport default PhoneInput;\n"],"names":["PhoneInput","props","i18n","useCoreContext","schema","requiredFields","items","length","showPrefix","includes","showNumber","handleChangeFor","data","valid","errors","isValid","triggerValidation","setSchema","useForm","defaultData","rules","phoneValidationRules","formatters","phoneFormatters","useEffect","toString","phoneNumber","phonePrefix","onChange","this","getPhoneFieldError","useCallback","field","propsField","key","errorMessage","get","h","Fieldset","classNameModifiers","Field","className","label","showValidIcon","dir","name","Select","placeholder","placeholders","selectedValue","phoneNumberKey","filled","InputText","type","value","onInput","onBlur","autoCorrect","required","defaultProps","phoneLabel"],"mappings":"~~0gBAYA~~,SAASA,EAAWC,GAChB,MAAMC,KAAEA,GAASC,IAEXC,EAASH,EAAMI,gBAAkB,IAAKJ,GAAOK,OAAOC,OAAS,CAAC,eAAiB,GAAK,eACpFC,EAAaJ,EAAOK,SAAS,kBAAoBR,GAAOK,OAAOC,OAC/DG,EAAaN,EAAOK,SAAS,gBAE7BE,gBAAEA,EAAeC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,GAAcC,EAA0B,CAC9GhB,UACGD,EACHG,SACAe,YAAalB,EAAMW,KACnBQ,MAAOC,EACPC,WAAYC,IAGhBC,GAAU,KACNP,EAAUb,EAAAA,GACX,CAACA,EAAOqB,aAGXD,GAAU,KACFZ,EAAKc,aACLf,EAAgB,cAAe,OAA/BA,CAAuCC,EAAKc,YAChD,GACD,CAACd,EAAKe,cAETH,GAAU,KACNvB,EAAM2B,SAAS,CAAEhB,OAAMC,QAAOC,SAAQC,WAAQ,GAC/C,CAACH,EAAMC,EAAOC,EAAQC,IAEzBc,KAAKb,kBAAoBA,EAEzB,MAAMc,EAAqBC,GACtBC,IACG,GAAIlB,EAAOkB,GAAQ,CACf,MAAMC,EAAuB,gBAAVD,EAA0B,sBAAwB,sBAC/DE,EAAMjC,EAAMgC,GAAchC,EAAMgC,GAAcnB,EAAOkB,GAAOG,aAClE,OAAOjC,EAAKkC,IAAIF,IAAQ,IAC5B,CACA,OAAO,IAAA,GAEX,CAACpB,IAGL,OACIuB,EAACC,EAAAA,CAASC,mBAAoB,CAAC,gBAC1B/B,GACG6B,EAACG,EAAAA,CACGC,UAAW,qCACXC,MAAOxC,EAAKkC,IAAI,mBAChBD,aAAcL,EAAmB,eACjCa,eAAe,EACf5B,QAASF,EAAMc,YACfiB,IAAK,MACL1C,KAAMA,EACN2C,KAAM,eAENR,EAACS,EAAAA,CACGL,UAAW,wEACXI,KAAM,cACNvC,MAAOL,EAAMK,MACbsB,SAAUjB,EAAgB,eAC1BoC,YAAa9C,GAAO+C,cAAcrB,YAClCsB,cAAerC,EAAKe,eAK/BjB,GACG2B,EAACG,EAAAA,CACGC,UAAW,qCACXC,MAAOzC,EAAMiD,eAAiBhD,EAAKkC,IAAInC,EAAMiD,gBAAkBhD,EAAKkC,IAAI,mBACxED,aAAcL,EAAmB,eACjCf,QAASF,EAAMa,YACfyB,OAAQvC,GAAMc,aAAanB,OAAS,EACpCqC,IAAK,MACL1C,KAAMA,EACN2C,KAAM,eAENR,EAACe,EAAAA,CACGX,UAAU,gFACVY,KAAK,MACLR,KAAK,cACLS,MAAO1C,EAAKc,YACZ6B,QAAS5C,EAAgB,cAAe,SACxC6C,OAAQ7C,EAAgB,cAAe,QACvCoC,YAAa9C,GAAO+C,cAActB,YAClC+B,YAAY,MACZC,UAAU,KAMlC,CAEA1D,EAAW2D,aAAe,CACtBC,WAAY"}
1	+ {"version":3,"file":"PhoneInput.js","sources":["../../../../../src/components/internal/PhoneInput/PhoneInput.tsx"],"sourcesContent":["import { h } from 'preact';\nimport { useCallback, useEffect } from 'preact/hooks';\nimport Field from '../FormFields/Field';\nimport useForm from '../../../utils/useForm';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport './PhoneInput.scss';\nimport Select from '../FormFields/Select';\nimport { phoneFormatters, phoneValidationRules } from './validate';\nimport { PhoneInputProps, PhoneInputSchema } from './types';\nimport InputText from '../FormFields/InputText';\nimport Fieldset from '../FormFields/Fieldset';\n\nfunction PhoneInput(props: PhoneInputProps) {\n const { i18n } = useCoreContext();\n\n const schema = props.requiredFields \|\| [...(props?.items?.length ? ['phonePrefix'] : []), 'phoneNumber'];\n const showPrefix = schema.includes('phonePrefix') && !!props?.items?.length;\n const showNumber = schema.includes('phoneNumber');\n\n const { handleChangeFor, data, valid, errors, isValid, triggerValidation, setSchema } = useForm<PhoneInputSchema>({\n i18n,\n ...props,\n schema,\n defaultData: props.data,\n rules: phoneValidationRules,\n formatters: phoneFormatters\n });\n\n useEffect(() => {\n setSchema(schema);\n }, [schema.toString()]);\n\n // Force re-validation of the phoneNumber when data.phonePrefix changes (since the validation rules will also change)\n useEffect((): void => {\n if (data.phoneNumber) {\n handleChangeFor('phoneNumber', 'blur')(data.phoneNumber);\n }\n }, [data.phonePrefix]);\n\n useEffect(() => {\n props.onChange({ data, valid, errors, isValid });\n }, [data, valid, errors, isValid]);\n\n this.triggerValidation = triggerValidation;\n\n const getPhoneFieldError = useCallback(\n (field: string) => {\n if (errors[field]) {\n const propsField = field === 'phoneNumber' ? 'phoneNumberErrorKey' : 'phonePrefixErrorKey';\n const key = props[propsField] ? props[propsField] : errors[field].errorMessage;\n return i18n.get(key) ?? null;\n }\n return null;\n },\n [errors]\n );\n\n return (\n <Fieldset classNameModifiers={['phone-input']}>\n {showPrefix && (\n <Field\n className={'adyen-checkout-field--phone-prefix'}\n label={i18n.get('telephonePrefix')}\n errorMessage={getPhoneFieldError('phonePrefix')}\n showValidIcon={false}\n isValid={valid.phonePrefix}\n dir={'ltr'}\n i18n={i18n}\n name={'phonePrefix'}\n >\n <Select\n className={'adyen-checkout-dropdown adyen-checkout-dropdown--countrycode-selector'}\n name={'phonePrefix'}\n items={props.items}\n onChange={handleChangeFor('phonePrefix')}\n placeholder={props?.placeholders?.phonePrefix}\n selectedValue={data.phonePrefix}\n />\n </Field>\n )}\n\n {showNumber && (\n <Field\n className={'adyen-checkout-field--phone-number'}\n label={props.phoneNumberKey ? i18n.get(props.phoneNumberKey) : i18n.get('telephoneNumber')}\n errorMessage={getPhoneFieldError('phoneNumber')}\n isValid={valid.phoneNumber}\n filled={data?.phoneNumber?.length > 0}\n dir={'ltr'}\n i18n={i18n}\n name={'phoneNumber'}\n >\n <InputText\n className=\"adyen-checkout__input adyen-checkout-input adyen-checkout-input--phone-number\"\n type=\"tel\"\n name=\"phoneNumber\"\n value={data.phoneNumber}\n onInput={handleChangeFor('phoneNumber', 'input')}\n onBlur={handleChangeFor('phoneNumber', 'blur')}\n placeholder={props?.placeholders?.phoneNumber}\n autoCorrect=\"off\"\n required={true}\n />\n </Field>\n )}\n </Fieldset>\n );\n}\n\nPhoneInput.defaultProps = {\n phoneLabel: 'telephoneNumber'\n};\n\nexport default PhoneInput;\n"],"names":["PhoneInput","props","i18n","useCoreContext","schema","requiredFields","items","length","showPrefix","includes","showNumber","handleChangeFor","data","valid","errors","isValid","triggerValidation","setSchema","useForm","defaultData","rules","phoneValidationRules","formatters","phoneFormatters","useEffect","toString","phoneNumber","phonePrefix","onChange","this","getPhoneFieldError","useCallback","field","propsField","key","errorMessage","get","h","Fieldset","classNameModifiers","Field","className","label","showValidIcon","dir","name","Select","placeholder","placeholders","selectedValue","phoneNumberKey","filled","InputText","type","value","onInput","onBlur","autoCorrect","required","defaultProps","phoneLabel"],"mappings":"0hBAYA,SAASA,EAAWC,GAChB,MAAMC,KAAEA,GAASC,IAEXC,EAASH,EAAMI,gBAAkB,IAAKJ,GAAOK,OAAOC,OAAS,CAAC,eAAiB,GAAK,eACpFC,EAAaJ,EAAOK,SAAS,kBAAoBR,GAAOK,OAAOC,OAC/DG,EAAaN,EAAOK,SAAS,gBAE7BE,gBAAEA,EAAeC,KAAEA,EAAIC,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,EAAOC,kBAAEA,EAAiBC,UAAEA,GAAcC,EAA0B,CAC9GhB,UACGD,EACHG,SACAe,YAAalB,EAAMW,KACnBQ,MAAOC,EACPC,WAAYC,IAGhBC,GAAU,KACNP,EAAUb,EAAAA,GACX,CAACA,EAAOqB,aAGXD,GAAU,KACFZ,EAAKc,aACLf,EAAgB,cAAe,OAA/BA,CAAuCC,EAAKc,YAChD,GACD,CAACd,EAAKe,cAETH,GAAU,KACNvB,EAAM2B,SAAS,CAAEhB,OAAMC,QAAOC,SAAQC,WAAQ,GAC/C,CAACH,EAAMC,EAAOC,EAAQC,IAEzBc,KAAKb,kBAAoBA,EAEzB,MAAMc,EAAqBC,GACtBC,IACG,GAAIlB,EAAOkB,GAAQ,CACf,MAAMC,EAAuB,gBAAVD,EAA0B,sBAAwB,sBAC/DE,EAAMjC,EAAMgC,GAAchC,EAAMgC,GAAcnB,EAAOkB,GAAOG,aAClE,OAAOjC,EAAKkC,IAAIF,IAAQ,IAC5B,CACA,OAAO,IAAA,GAEX,CAACpB,IAGL,OACIuB,EAACC,EAAAA,CAASC,mBAAoB,CAAC,gBAC1B/B,GACG6B,EAACG,EAAAA,CACGC,UAAW,qCACXC,MAAOxC,EAAKkC,IAAI,mBAChBD,aAAcL,EAAmB,eACjCa,eAAe,EACf5B,QAASF,EAAMc,YACfiB,IAAK,MACL1C,KAAMA,EACN2C,KAAM,eAENR,EAACS,EAAAA,CACGL,UAAW,wEACXI,KAAM,cACNvC,MAAOL,EAAMK,MACbsB,SAAUjB,EAAgB,eAC1BoC,YAAa9C,GAAO+C,cAAcrB,YAClCsB,cAAerC,EAAKe,eAK/BjB,GACG2B,EAACG,EAAAA,CACGC,UAAW,qCACXC,MAAOzC,EAAMiD,eAAiBhD,EAAKkC,IAAInC,EAAMiD,gBAAkBhD,EAAKkC,IAAI,mBACxED,aAAcL,EAAmB,eACjCf,QAASF,EAAMa,YACfyB,OAAQvC,GAAMc,aAAanB,OAAS,EACpCqC,IAAK,MACL1C,KAAMA,EACN2C,KAAM,eAENR,EAACe,EAAAA,CACGX,UAAU,gFACVY,KAAK,MACLR,KAAK,cACLS,MAAO1C,EAAKc,YACZ6B,QAAS5C,EAAgB,cAAe,SACxC6C,OAAQ7C,EAAgB,cAAe,QACvCoC,YAAa9C,GAAO+C,cAActB,YAClC+B,YAAY,MACZC,UAAU,KAMlC,CAEA1D,EAAW2D,aAAe,CACtBC,WAAY"}

package/dist/es/components/internal/PhoneInput/usePhonePrefixes.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState as e,useLayoutEffect as r}from"../../../external/preact/hooks/dist/hooks.js";import t from"../../../core/Services/get-dataset.js";import o from"../../../core/Errors/AdyenCheckoutError.js";function n({allowedCountries:n,loadingContext:i,handleError:a}){const[s,d]=e("loading"),[p,c]=e([]);return r((()=>{t("phonenumbers",i).then((e=>{const r=(n.length?e.filter((e=>n.includes(e.id))):e).map((e=>{const r=e.id.toUpperCase().split("").map((e=>127397+e.charCodeAt(0))),t=String.fromCodePoint?String.fromCodePoint(...r)+"  ":"";return{id:e.prefix,name:`${t} ${e.prefix} (${e.id})`,selectedOptionName:`${t} ${e.prefix}`}}));c(r||[]),d("ready")})).catch((e=>{c([]),d("ready"),a?.(new o("ERROR",e))}))}),[]),{phonePrefixes:p,loadingStatus:s}}export{n as default};
+import{useState as e,useLayoutEffect as t}from"../../../external/preact/hooks/dist/hooks.js";import o from"../../../core/Services/get-dataset.js";import r from"../../../core/Errors/AdyenCheckoutError.js";function a({allowedCountries:a,loadingContext:n,handleError:s}){const[i,d]=e("loading"),[c,l]=e([]);return t((()=>{o("phonenumbers",n).then((e=>{const t=(a.length?e.filter((e=>a.includes(e.id))):e).map((({prefix:e,id:t})=>({id:e,name:`${e} (${t})`,selectedOptionName:e})));l(t||[]),d("ready")})).catch((e=>{l([]),d("ready"),s?.(new r("ERROR",e))}))}),[]),{phonePrefixes:c,loadingStatus:i}}export{a as default};
 //# sourceMappingURL=usePhonePrefixes.js.map

package/dist/es/components/internal/PhoneInput/usePhonePrefixes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePhonePrefixes.js","sources":["../../../../../src/components/internal/PhoneInput/usePhonePrefixes.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'preact/hooks';\nimport getDataset from '../../../core/Services/get-dataset';\nimport { DataSet } from '../../../core/Services/data-set';\nimport { PhonePrefixes } from './types';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\n\nfunction usePhonePrefixes({ allowedCountries, loadingContext, handleError }): PhonePrefixes {\n const [loadingStatus, setLoadingStatus] = useState<string>('loading');\n const [phonePrefixes, setPhonePrefixes] = useState<DataSet>([]);\n\n useLayoutEffect(() => {\n getDataset('phonenumbers', loadingContext)\n .then(response => {\n const countriesFilter = country => allowedCountries.includes(country.id);\n const filteredCountries = allowedCountries.length ? response.filter(countriesFilter) : response;\n const mappedCountries = filteredCountries.map(~~item =>~~ {~~\n //~~ ~~Get~~ ~~country~~ ~~flags (magic! - shifts the country code characters to the correct position of the emoji in the unicode space~~)~~\n const~~ ~~codePoints: number[] = item.id\n .toUpperCase()\n .split('')\n .map(char~~ => ~~127397 + char.charCodeAt~~(~~0));\n~~\n // Get flag emoji + space at end (it doesn't work to add spaces in the template literal, below)\n const flag = String.fromCodePoint ? String.fromCodePoint(...codePoints) + '\\u00A0\\u00A0' : ~~'';\~~n\n ~~return { id: item.prefix,~~ name: `${~~flag} ${item.~~prefix} (${~~item.~~id})`, selectedOptionName: ~~`${flag} ${item.~~prefix~~}` };\~~n });\n\n setPhonePrefixes(mappedCountries \|\| []);\n setLoadingStatus('ready');\n })\n .catch(error => {\n setPhonePrefixes([]);\n setLoadingStatus('ready');\n handleError?.(new AdyenCheckoutError('ERROR', error));\n });\n }, []);\n\n return { phonePrefixes, loadingStatus };\n}\n\nexport default usePhonePrefixes;\n"],"names":["usePhonePrefixes","allowedCountries","loadingContext","handleError","loadingStatus","setLoadingStatus","useState","phonePrefixes","setPhonePrefixes","useLayoutEffect","getDataset","then","response","mappedCountries","length","filter","country","includes","id","map","~~item","codePoints","toUpperCase","split","char","charCodeAt","flag","String","fromCodePoint","~~prefix","name","selectedOptionName","catch","error","AdyenCheckoutError"],"mappings":"4MAMA,SAASA,GAAiBC,iBAAEA,EAAgBC,eAAEA,EAAcC,YAAEA,IAC1D,MAAOC,EAAeC,GAAoBC,EAAiB,YACpDC,EAAeC,GAAoBF,EAAkB,~~IA8B5D~~,~~OA5BAG~~,GAAgB,KACZC,EAAW,eAAgBR,GACtBS,MAAKC,IACF,MAEMC,GADoBZ,EAAiBa,OAASF,EAASG,QADrCC,GAAWf,EAAiBgB,SAASD,EAAQE,MACkBN,GAC7CO,~~KAAIC~~,~~IAE1C~~,~~MAAMC~~,~~EAAuBD~~,~~EAAKF~~,~~GAC7BI,cACAC,MAAM,IACNJ,KAAIK,GAAQ,OAASA,EAAKC,WAAW,KAGpCC,EAAOC,OAAOC,cAAgBD,OAAOC,iBAAiBP,GAAc,KAAiB,GAE3F,MAAO,CAAEH,~~GAAIE,~~EAAKS~~,~~OAAQC,~~KAAM,~~GAAGJ~~,~~KAAQN~~,~~EAAKS~~,~~WAAWT~~,~~EAAKF~~,~~MAAOa,mBAAoB,GAAGL,KAAQN,EAAKS,SAAS,IAGxHrB,~~EAAiBK,GAAmB,IACpCR,EAAiB,QAAA,~~IAEpB2B~~,OAAMC,~~IACHzB~~,EAAiB,IACjBH,EAAiB,SACjBF,IAAc,~~IAAI+B~~,EAAmB,QAASD,GAAAA,GAClD,GACL,IAEI,~~CAAE1B~~,gBAAeH,gBAC5B"}
1	+ {"version":3,"file":"usePhonePrefixes.js","sources":["../../../../../src/components/internal/PhoneInput/usePhonePrefixes.ts"],"sourcesContent":["import { useLayoutEffect, useState } from 'preact/hooks';\nimport getDataset from '../../../core/Services/get-dataset';\nimport { DataSet } from '../../../core/Services/data-set';\nimport { PhonePrefixes } from './types';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\n\nfunction usePhonePrefixes({ allowedCountries, loadingContext, handleError }): PhonePrefixes {\n const [loadingStatus, setLoadingStatus] = useState<string>('loading');\n const [phonePrefixes, setPhonePrefixes] = useState<DataSet>([]);\n\n useLayoutEffect(() => {\n getDataset('phonenumbers', loadingContext)\n .then(response => {\n const countriesFilter = country => allowedCountries.includes(country.id);\n const filteredCountries = allowedCountries.length ? response.filter(countriesFilter) : response;\n const mappedCountries = filteredCountries.map(({ prefix, id }) => ({\n id: prefix,\n name: `${prefix} (${id})`,\n selectedOptionName: prefix\n }));\n\n setPhonePrefixes(mappedCountries \|\| []);\n setLoadingStatus('ready');\n })\n .catch(error => {\n setPhonePrefixes([]);\n setLoadingStatus('ready');\n handleError?.(new AdyenCheckoutError('ERROR', error));\n });\n }, []);\n\n return { phonePrefixes, loadingStatus };\n}\n\nexport default usePhonePrefixes;\n"],"names":["usePhonePrefixes","allowedCountries","loadingContext","handleError","loadingStatus","setLoadingStatus","useState","phonePrefixes","setPhonePrefixes","useLayoutEffect","getDataset","then","response","mappedCountries","length","filter","country","includes","id","map","prefix","name","selectedOptionName","catch","error","AdyenCheckoutError"],"mappings":"4MAMA,SAASA,GAAiBC,iBAAEA,EAAgBC,eAAEA,EAAcC,YAAEA,IAC1D,MAAOC,EAAeC,GAAoBC,EAAiB,YACpDC,EAAeC,GAAoBF,EAAkB,IAuB5D,OArBAG,GAAgB,KACZC,EAAW,eAAgBR,GACtBS,MAAKC,IACF,MAEMC,GADoBZ,EAAiBa,OAASF,EAASG,QADrCC,GAAWf,EAAiBgB,SAASD,EAAQE,MACkBN,GAC7CO,KAAI,EAAGC,SAAQF,SAAU,CAC/DA,GAAIE,EACJC,KAAM,GAAGD,MAAWF,KACpBI,mBAAoBF,MAGxBZ,EAAiBK,GAAmB,IACpCR,EAAiB,QAAA,IAEpBkB,OAAMC,IACHhB,EAAiB,IACjBH,EAAiB,SACjBF,IAAc,IAAIsB,EAAmB,QAASD,GAAAA,GAClD,GACL,IAEI,CAAEjB,gBAAeH,gBAC5B"}

package/dist/es/components/internal/QRLoader/QRLoader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Component as t,createElement as e}from"../../../external/preact/dist/preact.js";import o from"../Countdown/index.js";import r from"../Button/Button.js";import s from"../Spinner/Spinner.js";import a from"../../../core/Services/payment-status.js";import{processResponse as n}from"../../../core/ProcessResponse/process-response.js";import{copyToClipboard as i}from"../../../utils/clipboard.js";import c from"../../../core/Errors/AdyenCheckoutError.js";import p from"../../../core/Context/useCoreContext.js";import d from"../ContentSeparator/ContentSeparator.js";import l from"../../../core/Context/useImage.js";import{useA11yReporter as m}from"../../../core/Errors/useA11yReporter.js";import u from"../../../utils/useAutoFocus.js";import{ANALYTICS_DOWNLOAD_STR as h,ANALYTICS_QR_CODE_DOWNLOAD as _}from"../../../core/Analytics/constants.js";class y extends t{timeoutId;constructor(t){super(t),this.state={buttonStatus:"default",completed:!1,delay:t.delay,expired:!1,loading:!0,percentage:100,timePassed:0}}static defaultProps={delay:2e3,countdownTime:15,onError:()=>{},onComplete:()=>{},throttleTime:6e4,classNameModifiers:[],throttledInterval:1e4,introduction:"wechatpay.scanqrcode",timeToPay:"wechatpay.timetopay",buttonLabel:"openApp"};componentDidMount(){this.statusInterval()}componentWillUnmount(){clearTimeout(this.timeoutId)}redirectToApp=t=>{window.location.assign(t)};statusInterval=(t=0)=>{if(this.state.expired||this.state.completed)return;this.setState((e=>({timePassed:e.timePassed+this.props.delay+t})));const e=this.state.timePassed>=this.props.throttleTime?this.props.throttledInterval:this.state.delay;this.pollStatus(e)};pollStatus(t){clearTimeout(this.timeoutId),this.timeoutId=setTimeout((async()=>{const t=performance.now();await this.checkStatus();const e=performance.now();this.statusInterval(Math.round(e-t))}),t)}onTick=t=>{this.setState({percentage:t.percentage})};onTimeUp=()=>{this.setState({expired:!0}),clearTimeout(this.timeoutId),this.props.onError(new c("ERROR","Payment Expired"))};onComplete=t=>{clearTimeout(this.timeoutId),this.setState({completed:!0,loading:!1});const e={data:{details:{payload:t.props.payload},paymentData:this.props.paymentData}};this.props.onComplete(e,this)};onError=t=>{if(clearTimeout(this.timeoutId),this.setState({expired:!0,loading:!1}),t.props.payload){const e={data:{details:{payload:t.props.payload},paymentData:this.props.paymentData}};this.props.onComplete(e,this)}const e=new c("ERROR","error result with no payload in response");return this.props.onError(e)};checkStatus=()=>{const{paymentData:t,clientKey:e,loadingContext:o,throttledInterval:r}=this.props;return a(t,e,o,r).then(n).catch((t=>({type:"network-error",props:t}))).then((t=>{switch(t.type){case"success":this.onComplete(t);break;case"error":this.onError(t);break;default:this.setState({loading:!1})}return t}))};render({amount:t,url:a,brandLogo:n,brandName:c,countdownTime:y,type:g,onActionHandled:k},{expired:f,completed:q,loading:C}){const{i18n:b,loadingContext:v}=p(),T=l(),N=this.props.qrCodeData?`${v}barcode.shtml?barcodeType=qrCode&fileType=png&data=${this.props.qrCodeData}`:this.props.qrCodeImage,w=(t,o)=>{const r=b.get(o);return m(r),e("div",{className:"adyen-checkout__qr-loader adyen-checkout__qr-loader--result"},e("img",{className:"adyen-checkout__qr-loader__icon adyen-checkout__qr-loader__icon--result",src:T({imageFolder:"components/"})(t),alt:r}),e("div",{className:"adyen-checkout__qr-loader__subtitle adyen-checkout__qr-loader__subtitle--result"},r))};if(f)return w("error","error.subtitle.payment");if(q)return w("success","creditCard.success");if(C)return e("div",{className:"adyen-checkout__qr-loader"},n&&e("img",{alt:c,src:n,className:"adyen-checkout__qr-loader__brand-logo"}),e(s,null));const I=b.get(this.props.timeToPay).split("%@"),S=u();return e("div",{className:`\n                    adyen-checkout__qr-loader\n                    adyen-checkout__qr-loader--${g}\n                    ${this.props.classNameModifiers.map((t=>`adyen-checkout__qr-loader--${t}`))}\n                `},n&&e("img",{src:n,alt:c,className:"adyen-checkout__qr-loader__brand-logo"}),t&&t.value&&t.currency&&e("div",{className:"adyen-checkout__qr-loader__payment_amount"},b.amount(t.value,t.currency)),a&&e("div",{className:"adyen-checkout__qr-loader__app-link"},this.props.redirectIntroduction&&e("div",{className:"adyen-checkout__qr-loader__subtitle"},b.get(this.props.redirectIntroduction)),e(r,{classNameModifiers:["qr-loader"],onClick:()=>this.redirectToApp(a),label:b.get(this.props.buttonLabel)}),e(d,null)),e("div",{ref:S,tabIndex:0,className:"adyen-checkout__qr-loader__subtitle"},b.get(this.props.introduction)),e("img",{src:N,alt:b.get("wechatpay.scanqrcode"),onLoad:()=>{k?.({componentType:this.props.type,actionDescription:"qr-code-loaded"})}}),e("div",{className:"adyen-checkout__qr-loader__progress"},e("span",{className:"adyen-checkout__qr-loader__percentage",style:{width:`${this.state.percentage}%`}})),e("div",{className:"adyen-checkout__qr-loader__countdown"},I[0]," ",e(o,{minutesFromNow:y,onTick:this.onTick,onCompleted:this.onTimeUp})," ",I[1]),"string"==typeof this.props.instructions?e("div",{className:"adyen-checkout__qr-loader__instructions"},b.get(this.props.instructions)):this.props.instructions?.(),this.props.copyBtn&&e("div",{className:"adyen-checkout__qr-loader__actions"},e(r,{inline:!0,variant:"action",onClick:(t,{complete:e})=>{i(this.props.qrCodeData),this.props.onSubmitAnalytics({type:h,target:_}),e()},icon:T({imageFolder:"components/"})("copy"),label:b.get("button.copy")})))}}export{y as default};
+import{Component as t,createElement as e}from"../../../external/preact/dist/preact.js";import o from"../Countdown/index.js";import r from"../Button/Button.js";import s from"../Spinner/Spinner.js";import a from"../../../core/Services/payment-status.js";import{processResponse as n}from"../../../core/ProcessResponse/process-response.js";import{copyToClipboard as i}from"../../../utils/clipboard.js";import c from"../../../core/Errors/AdyenCheckoutError.js";import{useCoreContext as p}from"../../../core/Context/CoreProvider.js";import d from"../ContentSeparator/ContentSeparator.js";import l from"../../../core/Context/useImage.js";import{useA11yReporter as m}from"../../../core/Errors/useA11yReporter.js";import u from"../../../utils/useAutoFocus.js";import{ANALYTICS_DOWNLOAD_STR as h,ANALYTICS_QR_CODE_DOWNLOAD as _}from"../../../core/Analytics/constants.js";class y extends t{timeoutId;constructor(t){super(t),this.state={buttonStatus:"default",completed:!1,delay:t.delay,expired:!1,loading:!0,percentage:100,timePassed:0}}static defaultProps={delay:2e3,countdownTime:15,onError:()=>{},onComplete:()=>{},throttleTime:6e4,classNameModifiers:[],throttledInterval:1e4,introduction:"wechatpay.scanqrcode",timeToPay:"wechatpay.timetopay",buttonLabel:"openApp"};componentDidMount(){this.statusInterval()}componentWillUnmount(){clearTimeout(this.timeoutId)}redirectToApp=t=>{window.location.assign(t)};statusInterval=(t=0)=>{if(this.state.expired||this.state.completed)return;this.setState((e=>({timePassed:e.timePassed+this.props.delay+t})));const e=this.state.timePassed>=this.props.throttleTime?this.props.throttledInterval:this.state.delay;this.pollStatus(e)};pollStatus(t){clearTimeout(this.timeoutId),this.timeoutId=setTimeout((async()=>{const t=performance.now();await this.checkStatus();const e=performance.now();this.statusInterval(Math.round(e-t))}),t)}onTick=t=>{this.setState({percentage:t.percentage})};onTimeUp=()=>{this.setState({expired:!0}),clearTimeout(this.timeoutId),this.props.onError(new c("ERROR","Payment Expired"))};onComplete=t=>{clearTimeout(this.timeoutId),this.setState({completed:!0,loading:!1});const e={data:{details:{payload:t.props.payload},paymentData:this.props.paymentData}};this.props.onComplete(e,this)};onError=t=>{if(clearTimeout(this.timeoutId),this.setState({expired:!0,loading:!1}),t.props.payload){const e={data:{details:{payload:t.props.payload},paymentData:this.props.paymentData}};this.props.onComplete(e,this)}const e=new c("ERROR","error result with no payload in response");return this.props.onError(e)};checkStatus=()=>{const{paymentData:t,clientKey:e,loadingContext:o,throttledInterval:r}=this.props;return a(t,e,o,r).then(n).catch((t=>({type:"network-error",props:t}))).then((t=>{switch(t.type){case"success":this.onComplete(t);break;case"error":this.onError(t);break;default:this.setState({loading:!1})}return t}))};render({amount:t,url:a,brandLogo:n,brandName:c,countdownTime:y,type:g,onActionHandled:k},{expired:f,completed:q,loading:b}){const{i18n:C,loadingContext:v}=p(),T=l(),N=this.props.qrCodeData?`${v}barcode.shtml?barcodeType=qrCode&fileType=png&data=${this.props.qrCodeData}`:this.props.qrCodeImage,w=(t,o)=>{const r=C.get(o);return m(r),e("div",{className:"adyen-checkout__qr-loader adyen-checkout__qr-loader--result"},e("img",{className:"adyen-checkout__qr-loader__icon adyen-checkout__qr-loader__icon--result",src:T({imageFolder:"components/"})(t),alt:r}),e("div",{className:"adyen-checkout__qr-loader__subtitle adyen-checkout__qr-loader__subtitle--result"},r))};if(f)return w("error","error.subtitle.payment");if(q)return w("success","creditCard.success");if(b)return e("div",{className:"adyen-checkout__qr-loader"},n&&e("img",{alt:c,src:n,className:"adyen-checkout__qr-loader__brand-logo"}),e(s,null));const I=C.get(this.props.timeToPay).split("%@"),S=u();return e("div",{className:`\n                    adyen-checkout__qr-loader\n                    adyen-checkout__qr-loader--${g}\n                    ${this.props.classNameModifiers.map((t=>`adyen-checkout__qr-loader--${t}`))}\n                `},n&&e("img",{src:n,alt:c,className:"adyen-checkout__qr-loader__brand-logo"}),t&&t.value&&t.currency&&e("div",{className:"adyen-checkout__qr-loader__payment_amount"},C.amount(t.value,t.currency)),a&&e("div",{className:"adyen-checkout__qr-loader__app-link"},this.props.redirectIntroduction&&e("div",{className:"adyen-checkout__qr-loader__subtitle"},C.get(this.props.redirectIntroduction)),e(r,{classNameModifiers:["qr-loader"],onClick:()=>this.redirectToApp(a),label:C.get(this.props.buttonLabel)}),e(d,null)),e("div",{ref:S,tabIndex:0,className:"adyen-checkout__qr-loader__subtitle"},C.get(this.props.introduction)),e("img",{src:N,alt:C.get("wechatpay.scanqrcode"),onLoad:()=>{k?.({componentType:this.props.type,actionDescription:"qr-code-loaded"})}}),e("div",{className:"adyen-checkout__qr-loader__progress"},e("span",{className:"adyen-checkout__qr-loader__percentage",style:{width:`${this.state.percentage}%`}})),e("div",{className:"adyen-checkout__qr-loader__countdown"},I[0]," ",e(o,{minutesFromNow:y,onTick:this.onTick,onCompleted:this.onTimeUp})," ",I[1]),"string"==typeof this.props.instructions?e("div",{className:"adyen-checkout__qr-loader__instructions"},C.get(this.props.instructions)):this.props.instructions?.(),this.props.copyBtn&&e("div",{className:"adyen-checkout__qr-loader__actions"},e(r,{inline:!0,variant:"action",onClick:(t,{complete:e})=>{i(this.props.qrCodeData),this.props.onSubmitAnalytics({type:h,target:_}),e()},icon:T({imageFolder:"components/"})("copy"),label:C.get("button.copy")})))}}export{y as default};
 //# sourceMappingURL=QRLoader.js.map

package/dist/es/components/internal/QRLoader/QRLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QRLoader.js","sources":["../../../../../src/components/internal/QRLoader/QRLoader.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport Countdown from '../Countdown';\nimport Button from '../Button';\nimport Spinner from '../Spinner';\nimport checkPaymentStatus from '../../../core/Services/payment-status';\nimport processResponse from '../../../core/ProcessResponse';\n\nimport './QRLoader.scss';\nimport { QRLoaderProps, QRLoaderState } from './types';\nimport copyToClipboard from '../../../utils/clipboard';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\nimport useCoreContext from '../../../core/Context/useCoreContext';\nimport ContentSeparator from '../ContentSeparator';\nimport { StatusObject } from '../Await/types';\nimport useImage from '../../../core/Context/useImage';\nimport { useA11yReporter } from '../../../core/Errors/useA11yReporter';\nimport useAutoFocus from '../../../utils/useAutoFocus';\nimport { ANALYTICS_DOWNLOAD_STR, ANALYTICS_QR_CODE_DOWNLOAD } from '../../../core/Analytics/constants';\n\nconst QRCODE_URL = 'barcode.shtml?barcodeType=qrCode&fileType=png&data=';\n\nclass QRLoader extends Component<QRLoaderProps, QRLoaderState> {\n private timeoutId;\n\n constructor(props) {\n super(props);\n\n this.state = {\n buttonStatus: 'default',\n completed: false,\n delay: props.delay,\n expired: false,\n loading: true,\n percentage: 100,\n timePassed: 0\n };\n }\n\n public static defaultProps = {\n delay: 2000,\n countdownTime: 15,\n onError: () => {},\n onComplete: () => {},\n throttleTime: 60000,\n classNameModifiers: [],\n throttledInterval: 10000,\n introduction: 'wechatpay.scanqrcode',\n timeToPay: 'wechatpay.timetopay',\n buttonLabel: 'openApp'\n };\n\n componentDidMount() {\n this.statusInterval();\n }\n\n componentWillUnmount() {\n clearTimeout(this.timeoutId);\n }\n\n public redirectToApp = (url: string \| URL) => {\n window.location.assign(url);\n };\n\n // Retry until getting a complete response from the server, or it times out\n public statusInterval = (responseTime = 0) => {\n // If we are already in the final statuses, do not poll!\n if (this.state.expired \|\| this.state.completed) return;\n\n this.setState(previous => ({ timePassed: previous.timePassed + this.props.delay + responseTime }));\n // Changes interval time to 10 seconds after 1 minute (60 seconds)\n const newDelay = this.state.timePassed >= this.props.throttleTime ? this.props.throttledInterval : this.state.delay;\n this.pollStatus(newDelay);\n };\n\n private pollStatus(delay: number) {\n clearTimeout(this.timeoutId);\n this.timeoutId = setTimeout(async () => {\n // Wait for previous status call to finish.\n // Also taking the server response time into the consideration to calculate timePassed.\n const start = performance.now();\n await this.checkStatus();\n const end = performance.now();\n this.statusInterval(Math.round(end - start));\n }, delay);\n }\n\n private onTick = (time): void => {\n this.setState({ percentage: time.percentage });\n };\n\n private onTimeUp = (): void => {\n this.setState({ expired: true });\n clearTimeout(this.timeoutId);\n this.props.onError(new AdyenCheckoutError('ERROR', 'Payment Expired'));\n };\n\n private onComplete = (status: StatusObject): void => {\n clearTimeout(this.timeoutId);\n this.setState({ completed: true, loading: false });\n\n const state = {\n data: {\n details: { payload: status.props.payload },\n paymentData: this.props.paymentData\n }\n };\n\n this.props.onComplete(state, this);\n };\n\n private onError = (status: StatusObject): void => {\n clearTimeout(this.timeoutId);\n this.setState({ expired: true, loading: false });\n\n if (status.props.payload) {\n const state = {\n data: {\n details: { payload: status.props.payload },\n paymentData: this.props.paymentData\n }\n };\n this.props.onComplete(state, this);\n }\n\n const error = new AdyenCheckoutError('ERROR', 'error result with no payload in response');\n return this.props.onError(error);\n };\n\n private checkStatus = () => {\n const { paymentData, clientKey, loadingContext, throttledInterval } = this.props;\n\n return checkPaymentStatus(paymentData, clientKey, loadingContext, throttledInterval)\n .then(processResponse)\n .catch(response => ({ type: 'network-error', props: response }))\n .then((status: StatusObject) => {\n switch (status.type) {\n case 'success':\n this.onComplete(status);\n break;\n case 'error':\n this.onError(status);\n break;\n default:\n this.setState({ loading: false });\n }\n return status;\n });\n };\n\n render({ amount, url, brandLogo, brandName, countdownTime, type, onActionHandled }: QRLoaderProps, { expired, completed, loading }) {\n const { i18n, loadingContext } = useCoreContext();\n const getImage = useImage();\n const qrCodeImage = this.props.qrCodeData ? `${loadingContext}${QRCODE_URL}${this.props.qrCodeData}` : this.props.qrCodeImage;\n const finalState = (image, message) => {\n const status = i18n.get(message);\n useA11yReporter(status);\n return (\n <div className=\"adyen-checkout__qr-loader adyen-checkout__qr-loader--result\">\n <img\n className=\"adyen-checkout__qr-loader__icon adyen-checkout__qr-loader__icon--result\"\n src={getImage({ imageFolder: 'components/' })(image)}\n alt={status}\n />\n <div className=\"adyen-checkout__qr-loader__subtitle adyen-checkout__qr-loader__subtitle--result\">{status}</div>\n </div>\n );\n };\n\n if (expired) {\n return finalState('error', 'error.subtitle.payment');\n }\n\n if (completed) {\n return finalState('success', 'creditCard.success');\n }\n\n if (loading) {\n return (\n <div className=\"adyen-checkout__qr-loader\">\n {brandLogo && <img alt={brandName} src={brandLogo} className=\"adyen-checkout__qr-loader__brand-logo\" />}\n <Spinner />\n </div>\n );\n }\n\n const timeToPayString = i18n.get(this.props.timeToPay).split('%@');\n\n const qrSubtitleRef = useAutoFocus();\n\n return (\n <div\n className={`\n adyen-checkout__qr-loader\n adyen-checkout__qr-loader--${type}\n ${this.props.classNameModifiers.map(m => `adyen-checkout__qr-loader--${m}`)}\n `}\n >\n {brandLogo && <img src={brandLogo} alt={brandName} className=\"adyen-checkout__qr-loader__brand-logo\" />}\n\n {amount && amount.value && amount.currency && (\n <div className=\"adyen-checkout__qr-loader__payment_amount\">{i18n.amount(amount.value, amount.currency)}</div>\n )}\n\n {url && (\n <div className=\"adyen-checkout__qr-loader__app-link\">\n {this.props.redirectIntroduction && (\n <div className=\"adyen-checkout__qr-loader__subtitle\">{i18n.get(this.props.redirectIntroduction)}</div>\n )}\n <Button classNameModifiers={['qr-loader']} onClick={() => this.redirectToApp(url)} label={i18n.get(this.props.buttonLabel)} />\n <ContentSeparator />\n </div>\n )}\n\n {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n <div ref={qrSubtitleRef} tabIndex={0} className=\"adyen-checkout__qr-loader__subtitle\">\n {i18n.get(this.props.introduction)}\n </div>\n\n <img\n src={qrCodeImage}\n alt={i18n.get('wechatpay.scanqrcode')}\n onLoad={() => {\n onActionHandled?.({ componentType: this.props.type, actionDescription: 'qr-code-loaded' });\n }}\n />\n\n <div className=\"adyen-checkout__qr-loader__progress\">\n <span className=\"adyen-checkout__qr-loader__percentage\" style={{ width: `${this.state.percentage}%` }} />\n </div>\n\n <div className=\"adyen-checkout__qr-loader__countdown\">\n {timeToPayString[0]} \n <Countdown minutesFromNow={countdownTime} onTick={this.onTick} onCompleted={this.onTimeUp} />\n  {timeToPayString[1]}\n </div>\n\n {typeof this.props.instructions === 'string' ? (\n <div className=\"adyen-checkout__qr-loader__instructions\">{i18n.get(this.props.instructions)}</div>\n ) : (\n this.props.instructions?.()\n )}\n\n {this.props.copyBtn && (\n <div className=\"adyen-checkout__qr-loader__actions\">\n <Button\n inline\n variant=\"action\"\n onClick={(e, { complete }) => {\n copyToClipboard(this.props.qrCodeData);\n this.props.onSubmitAnalytics({\n type: ANALYTICS_DOWNLOAD_STR,\n target: ANALYTICS_QR_CODE_DOWNLOAD\n });\n complete();\n }}\n icon={getImage({ imageFolder: 'components/' })('copy')}\n label={i18n.get('button.copy')}\n />\n </div>\n )}\n </div>\n );\n }\n}\n\nexport default QRLoader;\n"],"names":["QRLoader","Component","timeoutId","constructor","props","super","this","state","buttonStatus","completed","delay","expired","loading","percentage","timePassed","static","countdownTime","onError","onComplete","throttleTime","classNameModifiers","throttledInterval","introduction","timeToPay","buttonLabel","componentDidMount","statusInterval","componentWillUnmount","clearTimeout","redirectToApp","url","window","location","assign","responseTime","setState","previous","newDelay","pollStatus","setTimeout","async","start","performance","now","checkStatus","end","Math","round","onTick","time","onTimeUp","AdyenCheckoutError","status","data","details","payload","paymentData","error","clientKey","loadingContext","checkPaymentStatus","then","processResponse","catch","response","type","render","amount","brandLogo","brandName","onActionHandled","i18n","useCoreContext","getImage","useImage","qrCodeImage","qrCodeData","finalState","image","message","get","useA11yReporter","h","div","className","img","src","imageFolder","alt","Spinner","timeToPayString","split","qrSubtitleRef","useAutoFocus","map","m","value","currency","redirectIntroduction","Button","onClick","label","ContentSeparator","ref","tabIndex","onLoad","componentType","actionDescription","span","style","width","Countdown","minutesFromNow","onCompleted","instructions","copyBtn","inline","variant","e","complete","copyToClipboard","onSubmitAnalytics","ANALYTICS_DOWNLOAD_STR","target","ANALYTICS_QR_CODE_DOWNLOAD","icon"],"mappings":"60BAqBA,MAAMA,UAAiBC,EACXC,UAERC,WAAAA,CAAYC,GACRC,MAAMD,GAENE,KAAKC,MAAQ,CACTC,aAAc,UACdC,WAAW,EACXC,MAAON,EAAMM,MACbC,SAAS,EACTC,SAAS,EACTC,WAAY,IACZC,WAAY,EAEpB,CAEAC,oBAA6B,CACzBL,MAAO,IACPM,cAAe,GACfC,QAAS,OACTC,WAAY,OACZC,aAAc,IACdC,mBAAoB,GACpBC,kBAAmB,IACnBC,aAAc,uBACdC,UAAW,sBACXC,YAAa,WAGjBC,iBAAAA,GACInB,KAAKoB,gBACT,CAEAC,oBAAAA,GACIC,aAAatB,KAAKJ,UACtB,CAEO2B,cAAiBC,IACpBC,OAAOC,SAASC,OAAOH,EAAAA,EAIpBJ,eAAiB,CAACQ,EAAe,KAEpC,GAAI5B,KAAKC,MAAMI,SAAWL,KAAKC,MAAME,UAAW,OAEhDH,KAAK6B,UAASC,IAAa,CAAEtB,WAAYsB,EAAStB,WAAaR,KAAKF,MAAMM,MAAQwB,MAElF,MAAMG,EAAW/B,KAAKC,MAAMO,YAAcR,KAAKF,MAAMe,aAAeb,KAAKF,MAAMiB,kBAAoBf,KAAKC,MAAMG,MAC9GJ,KAAKgC,WAAWD,EAAAA,EAGZC,UAAAA,CAAW5B,GACfkB,aAAatB,KAAKJ,WAClBI,KAAKJ,UAAYqC,YAAWC,UAGxB,MAAMC,EAAQC,YAAYC,YACpBrC,KAAKsC,cACX,MAAMC,EAAMH,YAAYC,MACxBrC,KAAKoB,eAAeoB,KAAKC,MAAMF,EAAMJ,GAAAA,GACtC/B,EACP,CAEQsC,OAAUC,IACd3C,KAAK6B,SAAS,CAAEtB,WAAYoC,EAAKpC,YAAW,EAGxCqC,SAAW,KACf5C,KAAK6B,SAAS,CAAExB,SAAS,IACzBiB,aAAatB,KAAKJ,WAClBI,KAAKF,MAAMa,QAAQ,IAAIkC,EAAmB,QAAS,mBAAA,EAG/CjC,WAAckC,IAClBxB,aAAatB,KAAKJ,WAClBI,KAAK6B,SAAS,CAAE1B,WAAW,EAAMG,SAAS,IAE1C,MAAML,EAAQ,CACV8C,KAAM,CACFC,QAAS,CAAEC,QAASH,EAAOhD,MAAMmD,SACjCC,YAAalD,KAAKF,MAAMoD,cAIhClD,KAAKF,MAAMc,WAAWX,EAAOD,KAAI,EAG7BW,QAAWmC,IAIf,GAHAxB,aAAatB,KAAKJ,WAClBI,KAAK6B,SAAS,CAAExB,SAAS,EAAMC,SAAS,IAEpCwC,EAAOhD,MAAMmD,QAAS,CACtB,MAAMhD,EAAQ,CACV8C,KAAM,CACFC,QAAS,CAAEC,QAASH,EAAOhD,MAAMmD,SACjCC,YAAalD,KAAKF,MAAMoD,cAGhClD,KAAKF,MAAMc,WAAWX,EAAOD,KACjC,CAEA,MAAMmD,EAAQ,IAAIN,EAAmB,QAAS,4CAC9C,OAAO7C,KAAKF,MAAMa,QAAQwC,EAAAA,EAGtBb,YAAc,KAClB,MAAMY,YAAEA,EAAWE,UAAEA,EAASC,eAAEA,EAActC,kBAAEA,GAAsBf,KAAKF,MAE3E,OAAOwD,EAAmBJ,EAAaE,EAAWC,EAAgBtC,GAC7DwC,KAAKC,GACLC,OAAMC,IAAa,CAAEC,KAAM,gBAAiB7D,MAAO4D,MACnDH,MAAMT,IACH,OAAQA,EAAOa,MACX,IAAK,UACD3D,KAAKY,WAAWkC,GAChB,MACJ,IAAK,QACD9C,KAAKW,QAAQmC,GACb,MACJ,QACI9C,KAAK6B,SAAS,CAAEvB,SAAS,IAEjC,OAAOwC,CAAAA,GACX,EAGRc,MAAAA,EAAOC,OAAEA,EAAMrC,IAAEA,EAAGsC,UAAEA,EAASC,UAAEA,EAASrD,cAAEA,EAAaiD,KAAEA,EAAIK,gBAAEA,IAAkC3D,QAAEA,EAAOF,UAAEA,EAASG,QAAEA,IACrH,MAAM2D,KAAEA,EAAIZ,eAAEA,GAAmBa,IAC3BC,EAAWC,IACXC,EAAcrE,KAAKF,MAAMwE,WAAa,GAAGjB,uDAA8BrD,KAAKF,MAAMwE,aAAetE,KAAKF,MAAMuE,YAC5GE,EAAa,CAACC,EAAOC,KACvB,MAAM3B,EAASmB,EAAKS,IAAID,GAExB,OADAE,EAAgB7B,GAEZ8B,EAACC,MAAAA,CAAIC,UAAU,+DACXF,EAACG,MAAAA,CACGD,UAAU,0EACVE,IAAKb,EAAS,CAAEc,YAAa,eAAxBd,CAAyCK,GAC9CU,IAAKpC,IAET8B,EAACC,MAAAA,CAAIC,UAAU,mFAAmFhC,GAAAA,EAK9G,GAAIzC,EACA,OAAOkE,EAAW,QAAS,0BAG/B,GAAIpE,EACA,OAAOoE,EAAW,UAAW,sBAGjC,GAAIjE,EACA,OACIsE,EAACC,MAAAA,CAAIC,UAAU,6BACVhB,GAAac,EAACG,MAAAA,CAAIG,IAAKnB,EAAWiB,IAAKlB,EAAWgB,UAAU,0CAC7DF,EAACO,EAAAA,OAKb,MAAMC,EAAkBnB,EAAKS,IAAI1E,KAAKF,MAAMmB,WAAWoE,MAAM,MAEvDC,EAAgBC,IAEtB,OACIX,EAACC,MAAAA,CACGC,UAAW,mGAEsBnB,0BAC3B3D,KAAKF,MAAMgB,mBAAmB0E,KAAIC,GAAK,8BAA8BA,2BAG1E3B,GAAac,EAACG,MAAAA,CAAIC,IAAKlB,EAAWoB,IAAKnB,EAAWe,UAAU,0CAE5DjB,GAAUA,EAAO6B,OAAS7B,EAAO8B,UAC9Bf,EAACC,MAAAA,CAAIC,UAAU,6CAA6Cb,EAAKJ,OAAOA,EAAO6B,MAAO7B,EAAO8B,WAGhGnE,GACGoD,EAACC,MAAAA,CAAIC,UAAU,uCACV9E,KAAKF,MAAM8F,sBACRhB,EAACC,MAAAA,CAAIC,UAAU,uCAAuCb,EAAKS,IAAI1E,KAAKF,MAAM8F,uBAE9EhB,EAACiB,EAAAA,CAAO/E,mBAAoB,CAAC,aAAcgF,QAAS,IAAM9F,KAAKuB,cAAcC,GAAMuE,MAAO9B,EAAKS,IAAI1E,KAAKF,MAAMoB,eAC9G0D,EAACoB,SAKTpB,EAACC,MAAAA,CAAIoB,IAAKX,EAAeY,SAAU,EAAGpB,UAAU,uCAC3Cb,EAAKS,IAAI1E,KAAKF,MAAMkB,eAGzB4D,EAACG,MAAAA,CACGC,IAAKX,EACLa,IAAKjB,EAAKS,IAAI,wBACdyB,OAAQ,KACJnC,IAAkB,CAAEoC,cAAepG,KAAKF,MAAM6D,KAAM0C,kBAAmB,kBAAiB,IAIhGzB,EAACC,MAAAA,CAAIC,UAAU,uCACXF,EAAC0B,OAAAA,CAAKxB,UAAU,wCAAwCyB,MAAO,CAAEC,MAAO,GAAGxG,KAAKC,MAAMM,kBAG1FqE,EAACC,MAAAA,CAAIC,UAAU,wCACVM,EAAgB,GAAG,IACpBR,EAAC6B,EAAAA,CAAUC,eAAgBhG,EAAegC,OAAQ1C,KAAK0C,OAAQiE,YAAa3G,KAAK4C,WAAY,IACtFwC,EAAgB,IAGS,iBAA5BpF,KAAKF,MAAM8G,aACfhC,EAACC,MAAAA,CAAIC,UAAU,2CAA2Cb,EAAKS,IAAI1E,KAAKF,MAAM8G,eAE9E5G,KAAKF,MAAM8G,iBAGd5G,KAAKF,MAAM+G,SACRjC,EAACC,MAAAA,CAAIC,UAAU,sCACXF,EAACiB,EAAAA,CACGiB,QAAAA,EACAC,QAAQ,SACRjB,QAAS,CAACkB,GAAKC,eACXC,EAAgBlH,KAAKF,MAAMwE,YAC3BtE,KAAKF,MAAMqH,kBAAkB,CACzBxD,KAAMyD,EACNC,OAAQC,IAEZL,GAAAA,EAEJM,KAAMpD,EAAS,CAAEc,YAAa,eAAxBd,CAAyC,QAC/C4B,MAAO9B,EAAKS,IAAI,kBAMxC"}
1	+ {"version":3,"file":"QRLoader.js","sources":["../../../../../src/components/internal/QRLoader/QRLoader.tsx"],"sourcesContent":["import { Component, h } from 'preact';\nimport Countdown from '../Countdown';\nimport Button from '../Button';\nimport Spinner from '../Spinner';\nimport checkPaymentStatus from '../../../core/Services/payment-status';\nimport processResponse from '../../../core/ProcessResponse';\n\nimport './QRLoader.scss';\nimport { QRLoaderProps, QRLoaderState } from './types';\nimport copyToClipboard from '../../../utils/clipboard';\nimport AdyenCheckoutError from '../../../core/Errors/AdyenCheckoutError';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport ContentSeparator from '../ContentSeparator';\nimport { StatusObject } from '../Await/types';\nimport useImage from '../../../core/Context/useImage';\nimport { useA11yReporter } from '../../../core/Errors/useA11yReporter';\nimport useAutoFocus from '../../../utils/useAutoFocus';\nimport { ANALYTICS_DOWNLOAD_STR, ANALYTICS_QR_CODE_DOWNLOAD } from '../../../core/Analytics/constants';\n\nconst QRCODE_URL = 'barcode.shtml?barcodeType=qrCode&fileType=png&data=';\n\nclass QRLoader extends Component<QRLoaderProps, QRLoaderState> {\n private timeoutId;\n\n constructor(props) {\n super(props);\n\n this.state = {\n buttonStatus: 'default',\n completed: false,\n delay: props.delay,\n expired: false,\n loading: true,\n percentage: 100,\n timePassed: 0\n };\n }\n\n public static defaultProps = {\n delay: 2000,\n countdownTime: 15,\n onError: () => {},\n onComplete: () => {},\n throttleTime: 60000,\n classNameModifiers: [],\n throttledInterval: 10000,\n introduction: 'wechatpay.scanqrcode',\n timeToPay: 'wechatpay.timetopay',\n buttonLabel: 'openApp'\n };\n\n componentDidMount() {\n this.statusInterval();\n }\n\n componentWillUnmount() {\n clearTimeout(this.timeoutId);\n }\n\n public redirectToApp = (url: string \| URL) => {\n window.location.assign(url);\n };\n\n // Retry until getting a complete response from the server, or it times out\n public statusInterval = (responseTime = 0) => {\n // If we are already in the final statuses, do not poll!\n if (this.state.expired \|\| this.state.completed) return;\n\n this.setState(previous => ({ timePassed: previous.timePassed + this.props.delay + responseTime }));\n // Changes interval time to 10 seconds after 1 minute (60 seconds)\n const newDelay = this.state.timePassed >= this.props.throttleTime ? this.props.throttledInterval : this.state.delay;\n this.pollStatus(newDelay);\n };\n\n private pollStatus(delay: number) {\n clearTimeout(this.timeoutId);\n this.timeoutId = setTimeout(async () => {\n // Wait for previous status call to finish.\n // Also taking the server response time into the consideration to calculate timePassed.\n const start = performance.now();\n await this.checkStatus();\n const end = performance.now();\n this.statusInterval(Math.round(end - start));\n }, delay);\n }\n\n private onTick = (time): void => {\n this.setState({ percentage: time.percentage });\n };\n\n private onTimeUp = (): void => {\n this.setState({ expired: true });\n clearTimeout(this.timeoutId);\n this.props.onError(new AdyenCheckoutError('ERROR', 'Payment Expired'));\n };\n\n private onComplete = (status: StatusObject): void => {\n clearTimeout(this.timeoutId);\n this.setState({ completed: true, loading: false });\n\n const state = {\n data: {\n details: { payload: status.props.payload },\n paymentData: this.props.paymentData\n }\n };\n\n this.props.onComplete(state, this);\n };\n\n private onError = (status: StatusObject): void => {\n clearTimeout(this.timeoutId);\n this.setState({ expired: true, loading: false });\n\n if (status.props.payload) {\n const state = {\n data: {\n details: { payload: status.props.payload },\n paymentData: this.props.paymentData\n }\n };\n this.props.onComplete(state, this);\n }\n\n const error = new AdyenCheckoutError('ERROR', 'error result with no payload in response');\n return this.props.onError(error);\n };\n\n private checkStatus = () => {\n const { paymentData, clientKey, loadingContext, throttledInterval } = this.props;\n\n return checkPaymentStatus(paymentData, clientKey, loadingContext, throttledInterval)\n .then(processResponse)\n .catch(response => ({ type: 'network-error', props: response }))\n .then((status: StatusObject) => {\n switch (status.type) {\n case 'success':\n this.onComplete(status);\n break;\n case 'error':\n this.onError(status);\n break;\n default:\n this.setState({ loading: false });\n }\n return status;\n });\n };\n\n render({ amount, url, brandLogo, brandName, countdownTime, type, onActionHandled }: QRLoaderProps, { expired, completed, loading }) {\n const { i18n, loadingContext } = useCoreContext();\n const getImage = useImage();\n const qrCodeImage = this.props.qrCodeData ? `${loadingContext}${QRCODE_URL}${this.props.qrCodeData}` : this.props.qrCodeImage;\n const finalState = (image, message) => {\n const status = i18n.get(message);\n useA11yReporter(status);\n return (\n <div className=\"adyen-checkout__qr-loader adyen-checkout__qr-loader--result\">\n <img\n className=\"adyen-checkout__qr-loader__icon adyen-checkout__qr-loader__icon--result\"\n src={getImage({ imageFolder: 'components/' })(image)}\n alt={status}\n />\n <div className=\"adyen-checkout__qr-loader__subtitle adyen-checkout__qr-loader__subtitle--result\">{status}</div>\n </div>\n );\n };\n\n if (expired) {\n return finalState('error', 'error.subtitle.payment');\n }\n\n if (completed) {\n return finalState('success', 'creditCard.success');\n }\n\n if (loading) {\n return (\n <div className=\"adyen-checkout__qr-loader\">\n {brandLogo && <img alt={brandName} src={brandLogo} className=\"adyen-checkout__qr-loader__brand-logo\" />}\n <Spinner />\n </div>\n );\n }\n\n const timeToPayString = i18n.get(this.props.timeToPay).split('%@');\n\n const qrSubtitleRef = useAutoFocus();\n\n return (\n <div\n className={`\n adyen-checkout__qr-loader\n adyen-checkout__qr-loader--${type}\n ${this.props.classNameModifiers.map(m => `adyen-checkout__qr-loader--${m}`)}\n `}\n >\n {brandLogo && <img src={brandLogo} alt={brandName} className=\"adyen-checkout__qr-loader__brand-logo\" />}\n\n {amount && amount.value && amount.currency && (\n <div className=\"adyen-checkout__qr-loader__payment_amount\">{i18n.amount(amount.value, amount.currency)}</div>\n )}\n\n {url && (\n <div className=\"adyen-checkout__qr-loader__app-link\">\n {this.props.redirectIntroduction && (\n <div className=\"adyen-checkout__qr-loader__subtitle\">{i18n.get(this.props.redirectIntroduction)}</div>\n )}\n <Button classNameModifiers={['qr-loader']} onClick={() => this.redirectToApp(url)} label={i18n.get(this.props.buttonLabel)} />\n <ContentSeparator />\n </div>\n )}\n\n {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n <div ref={qrSubtitleRef} tabIndex={0} className=\"adyen-checkout__qr-loader__subtitle\">\n {i18n.get(this.props.introduction)}\n </div>\n\n <img\n src={qrCodeImage}\n alt={i18n.get('wechatpay.scanqrcode')}\n onLoad={() => {\n onActionHandled?.({ componentType: this.props.type, actionDescription: 'qr-code-loaded' });\n }}\n />\n\n <div className=\"adyen-checkout__qr-loader__progress\">\n <span className=\"adyen-checkout__qr-loader__percentage\" style={{ width: `${this.state.percentage}%` }} />\n </div>\n\n <div className=\"adyen-checkout__qr-loader__countdown\">\n {timeToPayString[0]} \n <Countdown minutesFromNow={countdownTime} onTick={this.onTick} onCompleted={this.onTimeUp} />\n  {timeToPayString[1]}\n </div>\n\n {typeof this.props.instructions === 'string' ? (\n <div className=\"adyen-checkout__qr-loader__instructions\">{i18n.get(this.props.instructions)}</div>\n ) : (\n this.props.instructions?.()\n )}\n\n {this.props.copyBtn && (\n <div className=\"adyen-checkout__qr-loader__actions\">\n <Button\n inline\n variant=\"action\"\n onClick={(e, { complete }) => {\n copyToClipboard(this.props.qrCodeData);\n this.props.onSubmitAnalytics({\n type: ANALYTICS_DOWNLOAD_STR,\n target: ANALYTICS_QR_CODE_DOWNLOAD\n });\n complete();\n }}\n icon={getImage({ imageFolder: 'components/' })('copy')}\n label={i18n.get('button.copy')}\n />\n </div>\n )}\n </div>\n );\n }\n}\n\nexport default QRLoader;\n"],"names":["QRLoader","Component","timeoutId","constructor","props","super","this","state","buttonStatus","completed","delay","expired","loading","percentage","timePassed","static","countdownTime","onError","onComplete","throttleTime","classNameModifiers","throttledInterval","introduction","timeToPay","buttonLabel","componentDidMount","statusInterval","componentWillUnmount","clearTimeout","redirectToApp","url","window","location","assign","responseTime","setState","previous","newDelay","pollStatus","setTimeout","async","start","performance","now","checkStatus","end","Math","round","onTick","time","onTimeUp","AdyenCheckoutError","status","data","details","payload","paymentData","error","clientKey","loadingContext","checkPaymentStatus","then","processResponse","catch","response","type","render","amount","brandLogo","brandName","onActionHandled","i18n","useCoreContext","getImage","useImage","qrCodeImage","qrCodeData","finalState","image","message","get","useA11yReporter","h","div","className","img","src","imageFolder","alt","Spinner","timeToPayString","split","qrSubtitleRef","useAutoFocus","map","m","value","currency","redirectIntroduction","Button","onClick","label","ContentSeparator","ref","tabIndex","onLoad","componentType","actionDescription","span","style","width","Countdown","minutesFromNow","onCompleted","instructions","copyBtn","inline","variant","e","complete","copyToClipboard","onSubmitAnalytics","ANALYTICS_DOWNLOAD_STR","target","ANALYTICS_QR_CODE_DOWNLOAD","icon"],"mappings":"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"}

package/dist/es/components/internal/RedirectButton/RedirectButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{createElement as t,Fragment as e}from"../../../external/preact/dist/preact.js";import a from"../../../core/Context/useCoreContext.js";import{useState as o}from"../../../external/preact/hooks/dist/hooks.js";function n({label:n=null,icon:r=null,payButton:s,onSubmit:l,amount:u=null,name:i,...c}){const{i18n:m}=a(),[p,d]=o("ready");this.setStatus=t=>{d(t)};return t(e,null,s({...c,status:p,icon:r,classNameModifiers:["standalone"],label:n||(u&&{}.hasOwnProperty.call(u,"value")&&0===u.value?`${m.get("preauthorizeWith")} ${i}`:`${m.get("continueTo")} ${i}`),onClick:l}))}export{n as default};
+import{createElement as t,Fragment as e}from"../../../external/preact/dist/preact.js";import{useCoreContext as a}from"../../../core/Context/CoreProvider.js";import{useState as o}from"../../../external/preact/hooks/dist/hooks.js";function n({label:n=null,icon:r=null,payButton:l,onSubmit:s,amount:i=null,name:u,...c}){const{i18n:m}=a(),[p,d]=o("ready");this.setStatus=t=>{d(t)};return t(e,null,l({...c,status:p,icon:r,classNameModifiers:["standalone"],label:n||(i&&{}.hasOwnProperty.call(i,"value")&&0===i.value?`${m.get("preauthorizeWith")} ${u}`:`${m.get("continueTo")} ${u}`),onClick:s}))}export{n as default};
 //# sourceMappingURL=RedirectButton.js.map

package/dist/es/components/internal/RedirectButton/RedirectButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RedirectButton.js","sources":["../../../../../src/components/internal/RedirectButton/RedirectButton.tsx"],"sourcesContent":["import { h, Fragment } from 'preact';\nimport useCoreContext from '../../../core/Context/~~useCoreContext~~';\nimport { useState } from 'preact/hooks';\n\nfunction RedirectButton({ label = null, icon = null, payButton, onSubmit, amount = null, name, ...props }) {\n const { i18n } = useCoreContext();\n const [status, setStatus] = useState('ready');\n\n this.setStatus = newStatus => {\n setStatus(newStatus);\n };\n\n const payButtonLabel = () => {\n const isZeroAuth = amount && {}.hasOwnProperty.call(amount, 'value') && amount.value === 0;\n if (isZeroAuth) return `${i18n.get('preauthorizeWith')} ${name}`;\n return `${i18n.get('continueTo')} ${name}`;\n };\n\n return (\n <Fragment>\n {payButton({\n ...props,\n status,\n icon,\n classNameModifiers: ['standalone'],\n label: label \|\| payButtonLabel(),\n onClick: onSubmit\n })}\n </Fragment>\n );\n}\n\nexport default RedirectButton;\n"],"names":["RedirectButton","label","icon","payButton","onSubmit","amount","name","props","i18n","useCoreContext","status","setStatus","useState","this","newStatus","h","Fragment","classNameModifiers","hasOwnProperty","call","value","get","onClick"],"mappings":"~~qNAIA~~,SAASA,GAAeC,MAAEA,EAAQ,KAAIC,KAAEA,EAAO,KAAIC,UAAEA,EAASC,SAAEA,EAAQC,OAAEA,EAAS,KAAIC,KAAEA,KAASC,IAC9F,MAAMC,KAAEA,GAASC,KACVC,EAAQC,GAAaC,EAAS,SAErCC,KAAKF,UAAYG,IACbH,EAAUG,EAAAA,EASd,OACIC,EAACC,OACIb,EAAU,IACJI,EACHG,SACAR,OACAe,mBAAoB,CAAC,cACrBhB,MAAOA,IAZII,GAAU,CAAC,EAAEa,eAAeC,KAAKd,EAAQ,UAA6B,IAAjBA,EAAOe,MACxD,GAAGZ,EAAKa,IAAI,uBAAuBf,IACnD,GAAGE,EAAKa,IAAI,iBAAiBf,KAW5BgB,QAASlB,IAIzB"}
1	+ {"version":3,"file":"RedirectButton.js","sources":["../../../../../src/components/internal/RedirectButton/RedirectButton.tsx"],"sourcesContent":["import { h, Fragment } from 'preact';\nimport { useCoreContext } from '../../../core/Context/CoreProvider';\nimport { useState } from 'preact/hooks';\n\nfunction RedirectButton({ label = null, icon = null, payButton, onSubmit, amount = null, name, ...props }) {\n const { i18n } = useCoreContext();\n const [status, setStatus] = useState('ready');\n\n this.setStatus = newStatus => {\n setStatus(newStatus);\n };\n\n const payButtonLabel = () => {\n const isZeroAuth = amount && {}.hasOwnProperty.call(amount, 'value') && amount.value === 0;\n if (isZeroAuth) return `${i18n.get('preauthorizeWith')} ${name}`;\n return `${i18n.get('continueTo')} ${name}`;\n };\n\n return (\n <Fragment>\n {payButton({\n ...props,\n status,\n icon,\n classNameModifiers: ['standalone'],\n label: label \|\| payButtonLabel(),\n onClick: onSubmit\n })}\n </Fragment>\n );\n}\n\nexport default RedirectButton;\n"],"names":["RedirectButton","label","icon","payButton","onSubmit","amount","name","props","i18n","useCoreContext","status","setStatus","useState","this","newStatus","h","Fragment","classNameModifiers","hasOwnProperty","call","value","get","onClick"],"mappings":"qOAIA,SAASA,GAAeC,MAAEA,EAAQ,KAAIC,KAAEA,EAAO,KAAIC,UAAEA,EAASC,SAAEA,EAAQC,OAAEA,EAAS,KAAIC,KAAEA,KAASC,IAC9F,MAAMC,KAAEA,GAASC,KACVC,EAAQC,GAAaC,EAAS,SAErCC,KAAKF,UAAYG,IACbH,EAAUG,EAAAA,EASd,OACIC,EAACC,OACIb,EAAU,IACJI,EACHG,SACAR,OACAe,mBAAoB,CAAC,cACrBhB,MAAOA,IAZII,GAAU,CAAC,EAAEa,eAAeC,KAAKd,EAAQ,UAA6B,IAAjBA,EAAOe,MACxD,GAAGZ,EAAKa,IAAI,uBAAuBf,IACnD,GAAGE,EAAKa,IAAI,iBAAiBf,KAW5BgB,QAASlB,IAIzB"}

package/dist/es/components/internal/SecuredFields/SFP/SFPUtils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{ENCRYPTED_EXPIRY_DATE as e,ENCRYPTED_EXPIRY_MONTH as r,ENCRYPTED_EXPIRY_YEAR as i,ENCRYPTED_SECURITY_CODE as l,CVC_POLICY_OPTIONAL as o,DATE_POLICY_OPTIONAL as t,CVC_POLICY_HIDDEN as c,DATE_POLICY_HIDDEN as s}from"../lib/configuration/constants.js";import d from"../../../../utils/getProp.js";import{EMPTY_FIELD_ERROR_MESSAGES as p,DEFAULT_ERROR as a}from"../../../../core/Errors/constants.js";const y=e=>e?Array.prototype.slice.call(e.querySelectorAll('[data-cse*="encrypted"]')).map((e=>e.getAttribute("data-cse"))):[],n=(l,o)=>(o===e?(l[r]=!1,l[i]=!1):l[o]=!1,l),f=(d,p)=>(a,y)=>{let n=!0!==p.valid[y]?((l,o)=>1!==o||l!==r&&l!==i?l:e)(y,d):null;return n=((e,r,i)=>{const{isFieldOfType:d,fieldIsValid:p}=i.reduce(((i,l)=>(i.isFieldOfType||(i.isFieldOfType=e===l,i.fieldIsValid=!r.errors[l]),i)),{isFieldOfType:!1,fieldIsValid:!1}),a=e===l?"cvcPolicy":"expiryDatePolicy",y="cvcPolicy"===a?o:t,n="cvcPolicy"===a?c:s;return(r[a]===y||r[a]===n)&&p&&d?null:e})(n,p,[l,e,r,i]),n&&!a.includes(n)&&a.push(n),a},u=(e,r,i)=>({rootNode:r,fieldType:e,error:d(i,`errors.${e}`)||p[e]||a,type:"card"});export{u as getErrorObject,f as getErrorReducer,y as getFields,n as validFieldsReducer};
+import{ENCRYPTED_EXPIRY_DATE as e,ENCRYPTED_EXPIRY_MONTH as r,ENCRYPTED_EXPIRY_YEAR as l,ENCRYPTED_SECURITY_CODE as i,CVC_POLICY_OPTIONAL as t,DATE_POLICY_OPTIONAL as o,CVC_POLICY_HIDDEN as s,DATE_POLICY_HIDDEN as c}from"../lib/constants.js";import d from"../../../../utils/getProp.js";import{EMPTY_FIELD_ERROR_MESSAGES as p}from"../../../../core/Errors/constants.js";const a=e=>e?Array.prototype.slice.call(e.querySelectorAll('[data-cse*="encrypted"]')).map((e=>e.getAttribute("data-cse"))):[],y=(i,t)=>(t===e?(i[r]=!1,i[l]=!1):i[t]=!1,i),n=(d,p)=>(a,y)=>{let n=!0!==p.valid[y]?((i,t)=>1!==t||i!==r&&i!==l?i:e)(y,d):null;return n=((e,r,l)=>{const{isFieldOfType:d,fieldIsValid:p}=l.reduce(((l,i)=>(l.isFieldOfType||(l.isFieldOfType=e===i,l.fieldIsValid=!r.errors[i]),l)),{isFieldOfType:!1,fieldIsValid:!1}),a=e===i?"cvcPolicy":"expiryDatePolicy",y="cvcPolicy"===a?t:o,n="cvcPolicy"===a?s:c;return(r[a]===y||r[a]===n)&&p&&d?null:e})(n,p,[i,e,r,l]),n&&!a.includes(n)&&a.push(n),a},f=(e,r,l)=>({rootNode:r,fieldType:e,error:d(l,`errors.${e}`)||p[e],type:"card"});export{f as getErrorObject,n as getErrorReducer,a as getFields,y as validFieldsReducer};
 //# sourceMappingURL=SFPUtils.js.map

package/dist/es/components/internal/SecuredFields/SFP/SFPUtils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SFPUtils.js","sources":["../../../../../../src/components/internal/SecuredFields/SFP/SFPUtils.ts"],"sourcesContent":["// ROUTINES USED IN SecuredFieldsProvider.componentDidMount TO DETECT & MAP FIELD NAMES ///////////\nimport {\n CVC_POLICY_HIDDEN,\n CVC_POLICY_OPTIONAL,\n DATE_POLICY_HIDDEN,\n DATE_POLICY_OPTIONAL,\n ENCRYPTED_EXPIRY_DATE,\n ENCRYPTED_EXPIRY_MONTH,\n ENCRYPTED_EXPIRY_YEAR,\n ENCRYPTED_SECURITY_CODE\n} from '../lib/~~configuration/~~constants';\nimport getProp from '../../../../utils/getProp';\nimport { ~~DEFAULT_ERROR,~~ EMPTY_FIELD_ERROR_MESSAGES } from '../../../../core/Errors/constants';\n\n/*\n Make an array of encrypted field names based on the value of the 'data-cse' attribute of elements in the rootNode\n /\nexport const getFields = rootNode => {\n if (rootNode) {\n return Array.prototype.slice.call(rootNode.querySelectorAll('[data-cse=\"encrypted\"]')).map(f => f.getAttribute('data-cse'));\n }\n return [];\n};\n\n/*\n If, visually, we're dealing with a single date field (expiryDate) we still need separate entries\n * for expiryMonth & expiryYear - since that is how the values will be delivered from securedFields\n /\nexport const validFieldsReducer = (acc, cur) => {\n if (cur === ENCRYPTED_EXPIRY_DATE) {\n acc[ENCRYPTED_EXPIRY_MONTH] = false;\n acc[ENCRYPTED_EXPIRY_YEAR] = false;\n } else {\n acc[cur] = false;\n }\n\n return acc;\n};\n// -- end ROUTINES USED IN SecuredFieldsProvider.componentDidMount --------------------------------\n\n// ROUTINES USED IN SecuredFieldsProvider.showValidation TO GENERATE ERRORS ///////////\n/\n If, visually, we're dealing with a single date field (expiryDate) remap the separate entries we have\n * for the valid states of expiryMonth & expiryYear back to the single key we use to an store an error\n * i.e `\"encryptedExpiryMonth\" & \"encryptedExpiryYear\" => \"encryptedExpiryDate\"`\n /\nconst mapDateFields = (field, numDateFields) => {\n const isDateField = field === ENCRYPTED_EXPIRY_MONTH \|\| field === ENCRYPTED_EXPIRY_YEAR;\n return numDateFields === 1 && isDateField ? ENCRYPTED_EXPIRY_DATE : field;\n};\n\n/\n Skip generating an error for an optional field, unless it is already in error\n /\nconst skipOptionalFields = (field, state, fieldNames) => {\n // console.log('\\n### utils::skipOptionalField3:: examining field=', field);\n const { isFieldOfType, fieldIsValid } = fieldNames.reduce(\n (acc, fieldName) => {\n if (!acc.isFieldOfType) {\n // console.log('### utils:: fieldName:: ', fieldName, 'match=', field === fieldName);\n acc.isFieldOfType = field === fieldName;\n acc.fieldIsValid = !state.errors[fieldName];\n }\n return acc;\n },\n { isFieldOfType: false, fieldIsValid: false }\n );\n\n const policyType = field === ENCRYPTED_SECURITY_CODE ? 'cvcPolicy' : 'expiryDatePolicy';\n\n const policyOptional = policyType === 'cvcPolicy' ? CVC_POLICY_OPTIONAL : DATE_POLICY_OPTIONAL;\n const policyHidden = policyType === 'cvcPolicy' ? CVC_POLICY_HIDDEN : DATE_POLICY_HIDDEN;\n\n // if policy != required\n return (state[policyType] === policyOptional \|\| state[policyType] === policyHidden) && fieldIsValid && isFieldOfType ? null : field;\n};\n\nexport const getErrorReducer = (numDateFields, state) => (acc, field) => {\n // We're only interested in the non-valid fields from the state.valid object...\n let val =\n state.valid[field] !== true\n ? mapDateFields(field, numDateFields) // Map the keys we use for the valid state to the key(s) we use for the error state\n : null;\n\n // Skip error generation for optional/hidden CVC & Date unless the fields are already in error\n val = skipOptionalFields(val, state, [ENCRYPTED_SECURITY_CODE, ENCRYPTED_EXPIRY_DATE, ENCRYPTED_EXPIRY_MONTH, ENCRYPTED_EXPIRY_YEAR]);\n\n // console.log('### utils:::: ############# val=', val);\n\n if (val && !acc.includes(val)) acc.push(val);\n\n return acc;\n};\n\n/\n Create an object suitable for sending to our handleOnError function\n */\nexport const getErrorObject = (fieldType, rootNode, state) => {\n // Get existing error OR field is empty in which case get field specific msg OR use default\n const error = getProp(state, `errors.${fieldType}`) \|\| EMPTY_FIELD_ERROR_MESSAGES[fieldType] ~~\|\| DEFAULT_ERROR~~;\n return {\n rootNode,\n fieldType,\n error,\n type: 'card'\n };\n};\n// -- end ROUTINES USED IN SecuredFieldsProvider.showValidation -----------------------\n"],"names":["getFields","rootNode","Array","prototype","slice","call","querySelectorAll","map","f","getAttribute","validFieldsReducer","acc","cur","ENCRYPTED_EXPIRY_DATE","ENCRYPTED_EXPIRY_MONTH","ENCRYPTED_EXPIRY_YEAR","getErrorReducer","numDateFields","state","field","val","valid","mapDateFields","fieldNames","isFieldOfType","fieldIsValid","reduce","fieldName","errors","policyType","ENCRYPTED_SECURITY_CODE","policyOptional","CVC_POLICY_OPTIONAL","DATE_POLICY_OPTIONAL","policyHidden","CVC_POLICY_HIDDEN","DATE_POLICY_HIDDEN","skipOptionalFields","includes","push","getErrorObject","fieldType","error","getProp","EMPTY_FIELD_ERROR_MESSAGES","~~DEFAULT_ERROR","~~type"],"mappings":"~~iZAiBaA~~,MAAAA,EAAYC,GACjBA,EACOC,MAAMC,UAAUC,MAAMC,KAAKJ,EAASK,iBAAiB,4BAA4BC,KAAIC,GAAKA,EAAEC,aAAa,cAE7G,GAOEC,EAAqB,CAACC,EAAKC,KAChCA,IAAQC,GACRF,EAAIG,IAA0B,EAC9BH,EAAII,IAAyB,GAE7BJ,EAAIC,IAAO,EAGRD,GAyCEK,EAAkB,CAACC,EAAeC,IAAU,CAACP,EAAKQ,KAE3D,IAAIC,GACuB,IAAvBF,EAAMG,MAAMF,GAlCE,EAACA,EAAOF,IAED,IAAlBA,GADaE,IAAUL,GAA0BK,IAAUJ,EACEI,EAAxBN,EAiClCS,CAAcH,EAAOF,GACrB,KASV,OANAG,EA/BuB,EAACD,EAAOD,EAAOK,KAEtC,MAAMC,cAAEA,EAAaC,aAAEA,GAAiBF,EAAWG,QAC/C,CAACf,EAAKgB,KACGhB,EAAIa,gBAELb,EAAIa,cAAgBL,IAAUQ,EAC9BhB,EAAIc,cAAgBP,EAAMU,OAAOD,IAE9BhB,IAEX,CAAEa,eAAe,EAAOC,cAAc,IAGpCI,EAAaV,IAAUW,EAA0B,YAAc,mBAE/DC,EAAgC,cAAfF,EAA6BG,EAAsBC,EACpEC,EAA8B,cAAfL,EAA6BM,EAAoBC,EAGtE,OAAQlB,EAAMW,KAAgBE,GAAkBb,EAAMW,KAAgBK,IAAiBT,GAAgBD,EAAgB,KAAOL,CAAAA,EAWxHkB,CAAmBjB,EAAKF,EAAO,CAACY,EAAyBjB,EAAuBC,EAAwBC,IAI1GK,IAAQT,EAAI2B,SAASlB,IAAMT,EAAI4B,KAAKnB,GAEjCT,CAAAA,EAME6B,EAAiB,CAACC,EAAWxC,EAAUiB,KAGzC,CACHjB,WACAwC,YACAC,MAJUC,EAAQzB,EAAO,UAAUuB,MAAgBG,EAA2BH,~~IAAcI~~,~~EAK5FC,~~KAAM"}
1	+ {"version":3,"file":"SFPUtils.js","sources":["../../../../../../src/components/internal/SecuredFields/SFP/SFPUtils.ts"],"sourcesContent":["// ROUTINES USED IN SecuredFieldsProvider.componentDidMount TO DETECT & MAP FIELD NAMES ///////////\nimport {\n CVC_POLICY_HIDDEN,\n CVC_POLICY_OPTIONAL,\n DATE_POLICY_HIDDEN,\n DATE_POLICY_OPTIONAL,\n ENCRYPTED_EXPIRY_DATE,\n ENCRYPTED_EXPIRY_MONTH,\n ENCRYPTED_EXPIRY_YEAR,\n ENCRYPTED_SECURITY_CODE\n} from '../lib/constants';\nimport getProp from '../../../../utils/getProp';\nimport { EMPTY_FIELD_ERROR_MESSAGES } from '../../../../core/Errors/constants';\n\n/*\n Make an array of encrypted field names based on the value of the 'data-cse' attribute of elements in the rootNode\n /\nexport const getFields = rootNode => {\n if (rootNode) {\n return Array.prototype.slice.call(rootNode.querySelectorAll('[data-cse=\"encrypted\"]')).map(f => f.getAttribute('data-cse'));\n }\n return [];\n};\n\n/*\n If, visually, we're dealing with a single date field (expiryDate) we still need separate entries\n * for expiryMonth & expiryYear - since that is how the values will be delivered from securedFields\n /\nexport const validFieldsReducer = (acc, cur) => {\n if (cur === ENCRYPTED_EXPIRY_DATE) {\n acc[ENCRYPTED_EXPIRY_MONTH] = false;\n acc[ENCRYPTED_EXPIRY_YEAR] = false;\n } else {\n acc[cur] = false;\n }\n\n return acc;\n};\n// -- end ROUTINES USED IN SecuredFieldsProvider.componentDidMount --------------------------------\n\n// ROUTINES USED IN SecuredFieldsProvider.showValidation TO GENERATE ERRORS ///////////\n/\n If, visually, we're dealing with a single date field (expiryDate) remap the separate entries we have\n * for the valid states of expiryMonth & expiryYear back to the single key we use to an store an error\n * i.e `\"encryptedExpiryMonth\" & \"encryptedExpiryYear\" => \"encryptedExpiryDate\"`\n /\nconst mapDateFields = (field, numDateFields) => {\n const isDateField = field === ENCRYPTED_EXPIRY_MONTH \|\| field === ENCRYPTED_EXPIRY_YEAR;\n return numDateFields === 1 && isDateField ? ENCRYPTED_EXPIRY_DATE : field;\n};\n\n/\n Skip generating an error for an optional field, unless it is already in error\n /\nconst skipOptionalFields = (field, state, fieldNames) => {\n // console.log('\\n### utils::skipOptionalField3:: examining field=', field);\n const { isFieldOfType, fieldIsValid } = fieldNames.reduce(\n (acc, fieldName) => {\n if (!acc.isFieldOfType) {\n // console.log('### utils:: fieldName:: ', fieldName, 'match=', field === fieldName);\n acc.isFieldOfType = field === fieldName;\n acc.fieldIsValid = !state.errors[fieldName];\n }\n return acc;\n },\n { isFieldOfType: false, fieldIsValid: false }\n );\n\n const policyType = field === ENCRYPTED_SECURITY_CODE ? 'cvcPolicy' : 'expiryDatePolicy';\n\n const policyOptional = policyType === 'cvcPolicy' ? CVC_POLICY_OPTIONAL : DATE_POLICY_OPTIONAL;\n const policyHidden = policyType === 'cvcPolicy' ? CVC_POLICY_HIDDEN : DATE_POLICY_HIDDEN;\n\n // if policy != required\n return (state[policyType] === policyOptional \|\| state[policyType] === policyHidden) && fieldIsValid && isFieldOfType ? null : field;\n};\n\nexport const getErrorReducer = (numDateFields, state) => (acc, field) => {\n // We're only interested in the non-valid fields from the state.valid object...\n let val =\n state.valid[field] !== true\n ? mapDateFields(field, numDateFields) // Map the keys we use for the valid state to the key(s) we use for the error state\n : null;\n\n // Skip error generation for optional/hidden CVC & Date unless the fields are already in error\n val = skipOptionalFields(val, state, [ENCRYPTED_SECURITY_CODE, ENCRYPTED_EXPIRY_DATE, ENCRYPTED_EXPIRY_MONTH, ENCRYPTED_EXPIRY_YEAR]);\n\n // console.log('### utils:::: ############# val=', val);\n\n if (val && !acc.includes(val)) acc.push(val);\n\n return acc;\n};\n\n/\n Create an object suitable for sending to our handleOnError function\n */\nexport const getErrorObject = (fieldType, rootNode, state) => {\n // Get existing error OR field is empty in which case get field specific msg OR use default\n const error = getProp(state, `errors.${fieldType}`) \|\| EMPTY_FIELD_ERROR_MESSAGES[fieldType];\n return {\n rootNode,\n fieldType,\n error,\n type: 'card'\n };\n};\n// -- end ROUTINES USED IN SecuredFieldsProvider.showValidation -----------------------\n"],"names":["getFields","rootNode","Array","prototype","slice","call","querySelectorAll","map","f","getAttribute","validFieldsReducer","acc","cur","ENCRYPTED_EXPIRY_DATE","ENCRYPTED_EXPIRY_MONTH","ENCRYPTED_EXPIRY_YEAR","getErrorReducer","numDateFields","state","field","val","valid","mapDateFields","fieldNames","isFieldOfType","fieldIsValid","reduce","fieldName","errors","policyType","ENCRYPTED_SECURITY_CODE","policyOptional","CVC_POLICY_OPTIONAL","DATE_POLICY_OPTIONAL","policyHidden","CVC_POLICY_HIDDEN","DATE_POLICY_HIDDEN","skipOptionalFields","includes","push","getErrorObject","fieldType","error","getProp","EMPTY_FIELD_ERROR_MESSAGES","type"],"mappings":"gXAiBaA,MAAAA,EAAYC,GACjBA,EACOC,MAAMC,UAAUC,MAAMC,KAAKJ,EAASK,iBAAiB,4BAA4BC,KAAIC,GAAKA,EAAEC,aAAa,cAE7G,GAOEC,EAAqB,CAACC,EAAKC,KAChCA,IAAQC,GACRF,EAAIG,IAA0B,EAC9BH,EAAII,IAAyB,GAE7BJ,EAAIC,IAAO,EAGRD,GAyCEK,EAAkB,CAACC,EAAeC,IAAU,CAACP,EAAKQ,KAE3D,IAAIC,GACuB,IAAvBF,EAAMG,MAAMF,GAlCE,EAACA,EAAOF,IAED,IAAlBA,GADaE,IAAUL,GAA0BK,IAAUJ,EACEI,EAAxBN,EAiClCS,CAAcH,EAAOF,GACrB,KASV,OANAG,EA/BuB,EAACD,EAAOD,EAAOK,KAEtC,MAAMC,cAAEA,EAAaC,aAAEA,GAAiBF,EAAWG,QAC/C,CAACf,EAAKgB,KACGhB,EAAIa,gBAELb,EAAIa,cAAgBL,IAAUQ,EAC9BhB,EAAIc,cAAgBP,EAAMU,OAAOD,IAE9BhB,IAEX,CAAEa,eAAe,EAAOC,cAAc,IAGpCI,EAAaV,IAAUW,EAA0B,YAAc,mBAE/DC,EAAgC,cAAfF,EAA6BG,EAAsBC,EACpEC,EAA8B,cAAfL,EAA6BM,EAAoBC,EAGtE,OAAQlB,EAAMW,KAAgBE,GAAkBb,EAAMW,KAAgBK,IAAiBT,GAAgBD,EAAgB,KAAOL,CAAAA,EAWxHkB,CAAmBjB,EAAKF,EAAO,CAACY,EAAyBjB,EAAuBC,EAAwBC,IAI1GK,IAAQT,EAAI2B,SAASlB,IAAMT,EAAI4B,KAAKnB,GAEjCT,CAAAA,EAME6B,EAAiB,CAACC,EAAWxC,EAAUiB,KAGzC,CACHjB,WACAwC,YACAC,MAJUC,EAAQzB,EAAO,UAAUuB,MAAgBG,EAA2BH,GAK9EI,KAAM"}

package/dist/es/components/internal/SecuredFields/SFP/SecuredFieldsProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Component as s}from"../../../../external/preact/dist/preact.js";import{getFields as t,validFieldsReducer as e,getErrorReducer as i,getErrorObject as o}from"./SFPUtils.js";import n from"../lib/CSF/initCSF.js";import r from"./SecuredFieldsProviderHandlers.js";import a from"./defaultProps.js";import{CVC_POLICY_REQUIRED as d,DATE_POLICY_REQUIRED as h,ENCRYPTED_PWD_FIELD as l,ENCRYPTED_CARD_NUMBER as p,DEDICATED_CARD_COMPONENTS as c}from"../lib/configuration/constants.js";import{getError as u}from"../../../../core/Errors/utils.js";import f from"../../../../core/Errors/AdyenCheckoutError.js";class m extends s{csfLoadFailTimeout;csfLoadFailTimeoutMS;csfConfigFailTimeout;csfConfigFailTimeoutMS;numCharsInField;rootNode;numDateFields;csf;handleOnLoad;handleOnConfigSuccess;handleOnFieldValid;handleOnAllValid;handleOnBrand;handleFocus;handleOnError;handleOnAutoComplete;handleOnNoDataRequired;handleOnTouchstartIOS;state;props;issuingCountryCode;constructor(s){super(s);const t={status:"loading",brand:s.type,errors:{},valid:{},data:{},cvcPolicy:d,expiryDatePolicy:h,isSfpValid:!1,hasKoreanFields:s.hasKoreanFields};this.state=t,this.csfLoadFailTimeout=null,this.csfLoadFailTimeoutMS=3e4,this.csfConfigFailTimeout=null,this.csfConfigFailTimeoutMS=15e3,this.numCharsInField={},this.handleOnLoad=r.handleOnLoad.bind(this),this.handleOnConfigSuccess=r.handleOnConfigSuccess.bind(this),this.handleOnFieldValid=r.handleOnFieldValid.bind(this),this.handleOnAllValid=r.handleOnAllValid.bind(this),this.handleOnBrand=r.handleOnBrand.bind(this),this.handleFocus=r.handleFocus.bind(this),this.handleOnError=r.handleOnError.bind(this),this.handleOnNoDataRequired=r.handleOnNoDataRequired.bind(this),this.handleOnAutoComplete=r.handleOnAutoComplete.bind(this),this.handleOnTouchstartIOS=r.handleOnTouchstartIOS.bind(this),this.processBinLookupResponse=this.processBinLookupResponse.bind(this),this.setFocusOn=this.setFocusOn.bind(this),this.updateStyles=this.updateStyles.bind(this),this.handleUnsupportedCard=this.handleUnsupportedCard.bind(this),this.showValidation=this.showValidation.bind(this),this.destroy=this.destroy.bind(this)}static defaultProps=a;componentDidMount(){this.props.rootNode&&this.setRootNode(this.props.rootNode);const s=t(this.rootNode),i=s.reduce(e,{});this.setState({valid:i}),s.forEach((s=>{this.numCharsInField[s]=0})),this.numDateFields=s.filter((s=>s.match(/Expiry/))).length,s.length?(this.destroy(),this.initializeCSF(this.rootNode)):this.handleOnNoDataRequired()}componentDidUpdate(){this.checkForKCPFields()}componentWillUnmount(){this.csf=null,clearTimeout(this.csfLoadFailTimeout),clearTimeout(this.csfConfigFailTimeout)}initializeCSF(s){let t=this.props.loadingContext;const e={rootNode:s,type:this.props.type,clientKey:this.props.clientKey,cardGroupTypes:this.props.brands,autoFocus:this.props.autoFocus,trimTrailingSeparator:this.props.trimTrailingSeparator,loadingContext:t,keypadFix:this.props.keypadFix,showWarnings:this.props.showWarnings,iframeUIConfig:{sfStyles:this.props.styles},i18n:this.props.i18n,callbacks:{onLoad:this.handleOnLoad,onConfigSuccess:this.handleOnConfigSuccess,onFieldValid:this.handleOnFieldValid,onAllValid:this.handleOnAllValid,onBrand:this.handleOnBrand,onError:this.handleOnError,onFocus:this.handleFocus,onBinValue:this.props.onBinValue,onAutoComplete:this.handleOnAutoComplete,onAdditionalSFConfig:this.props.onAdditionalSFConfig,onAdditionalSFRemoved:this.props.onAdditionalSFRemoved,onTouchstartIOS:this.handleOnTouchstartIOS},isKCP:this.state.hasKoreanFields,legacyInputMode:this.props.legacyInputMode,minimumExpiryDate:this.props.minimumExpiryDate,implementationType:this.props.implementationType||"components",forceCompat:this.props.forceCompat,maskSecurityCode:this.props.maskSecurityCode,shouldDisableIOSArrowKeys:!!this.props.disableIOSArrowKeys,placeholders:this.props.placeholders??{},showContextualElement:this.props.showContextualElement};this.csf=n(e),this.csfLoadFailTimeout=setTimeout((()=>{"ready"!==this.state.status&&(this.setState({status:"csfLoadFailure"}),this.props.onError(new f("ERROR","secured field iframes have failed to load")))}),this.csfLoadFailTimeoutMS)}checkForKCPFields(){let s=!1;if(this.props.koreanAuthenticationRequired&&(s=this.issuingCountryCode?"kr"===this.issuingCountryCode:"kr"===this.props.countryCode),this.state.hasKoreanFields&&!s){const s=s=>({data:{...s.data,[l]:void 0},valid:{...s.valid,[l]:!1},errors:{...s.errors,[l]:!1},hasKoreanFields:!1});this.setState(s,(()=>{this.props.onChange(this.state)})),this.csf.removeSecuredField(l),this.csf.setKCPStatus(!1)}if(!this.state.hasKoreanFields&&s){const s=s=>({valid:{...s.valid,[l]:!1},hasKoreanFields:!0,isSfpValid:!1});this.setState(s,(()=>{this.props.onChange(this.state)})),this.csf.addSecuredField(l),this.csf.setKCPStatus(!0)}}getChildContext(){return{i18n:this.props.i18n}}handleUnsupportedCard(s){const t=!!s.error;return t&&this.setState({detectedUnsupportedBrands:s.detectedBrands}),s.rootNode=this.rootNode,this.handleOnError(s,t),this.csf&&this.csf.hasUnsupportedCard(p,s.error),t}setFocusOn(s){this.csf&&this.csf.setFocusOnFrame(s)}updateStyles(s){this.csf&&this.csf.updateStyles(s)}sfIsOptionalOrHidden(s){return this.csf.sfIsOptionalOrHidden(s)}destroy(){this.csf&&this.csf.destroy()}showValidation(){const{numDateFields:s,state:t}=this;Object.keys(t.valid).reduce(i(s,t),[]).forEach((s=>{const e=o(s,this.rootNode,t);this.handleOnError(e,!!t.detectedUnsupportedBrands),this.csf&&this.csf.isValidated&&this.csf.isValidated(s,e.error)}))}mapErrorsToValidationRuleResult(){return Object.keys(this.state.errors).reduce(((s,t)=>(this.state.errors[t]?s[t]={isValid:!1,errorMessage:u(this.state.errors[t]),errorI18n:this.props.i18n.get(this.state.errors[t]),error:this.state.errors[t],rootNode:this.rootNode,...this.state.detectedUnsupportedBrands&&{detectedBrands:this.state.detectedUnsupportedBrands}}:s[t]=null,s)),{})}processBinLookupResponse(s,t){if(this.state.detectedUnsupportedBrands&&(this.setState((s=>({errors:{...s.errors,[p]:!1},detectedUnsupportedBrands:null}))),this.csf&&s)){const s={type:"card",fieldType:"encryptedCardNumber",error:""};this.handleUnsupportedCard(s)}this.issuingCountryCode=s?.issuingCountryCode?.toLowerCase();const e=t?.brand,i=e&&c.includes(t.brand);i&&this.setState(t,(()=>{this.props.onChange(this.state)})),this.csf&&this.csf.brandsFromBinLookup(s,i?t:null)}setRootNode=s=>{this.rootNode=s};render(s,t){return s.render({setRootNode:this.setRootNode,setFocusOn:this.setFocusOn},t)}}export{m as default};
+import{Component as s}from"../../../../external/preact/dist/preact.js";import{getFields as t,validFieldsReducer as e,getErrorReducer as i,getErrorObject as o}from"./SFPUtils.js";import n from"../lib/CSF/initCSF.js";import r from"./SecuredFieldsProviderHandlers.js";import a from"./defaultProps.js";import{CVC_POLICY_REQUIRED as d,DATE_POLICY_REQUIRED as h,ENCRYPTED_PWD_FIELD as l,ENCRYPTED_CARD_NUMBER as p,DEDICATED_CARD_COMPONENTS as c}from"../lib/constants.js";import u from"../../../../core/Errors/AdyenCheckoutError.js";import{getErrorMessageFromCode as f}from"../../../../core/Errors/utils.js";import{SF_ErrorCodes as m}from"../../../../core/Errors/constants.js";class F extends s{csfLoadFailTimeout;csfLoadFailTimeoutMS;csfConfigFailTimeout;csfConfigFailTimeoutMS;numCharsInField;rootNode;numDateFields;csf;handleOnLoad;handleOnConfigSuccess;handleOnFieldValid;handleOnAllValid;handleOnBrand;handleFocus;handleOnError;handleOnAutoComplete;handleOnNoDataRequired;handleOnTouchstartIOS;state;props;issuingCountryCode;constructor(s){super(s);const t={status:"loading",brand:s.type,errors:{},valid:{},data:{},cvcPolicy:d,expiryDatePolicy:h,isSfpValid:!1,hasKoreanFields:s.hasKoreanFields};this.state=t,this.csfLoadFailTimeout=null,this.csfLoadFailTimeoutMS=3e4,this.csfConfigFailTimeout=null,this.csfConfigFailTimeoutMS=15e3,this.numCharsInField={},this.handleOnLoad=r.handleOnLoad.bind(this),this.handleOnConfigSuccess=r.handleOnConfigSuccess.bind(this),this.handleOnFieldValid=r.handleOnFieldValid.bind(this),this.handleOnAllValid=r.handleOnAllValid.bind(this),this.handleOnBrand=r.handleOnBrand.bind(this),this.handleFocus=r.handleFocus.bind(this),this.handleOnError=r.handleOnError.bind(this),this.handleOnNoDataRequired=r.handleOnNoDataRequired.bind(this),this.handleOnAutoComplete=r.handleOnAutoComplete.bind(this),this.handleOnTouchstartIOS=r.handleOnTouchstartIOS.bind(this),this.processBinLookupResponse=this.processBinLookupResponse.bind(this),this.setFocusOn=this.setFocusOn.bind(this),this.updateStyles=this.updateStyles.bind(this),this.handleUnsupportedCard=this.handleUnsupportedCard.bind(this),this.showValidation=this.showValidation.bind(this),this.destroy=this.destroy.bind(this)}static defaultProps=a;componentDidMount(){this.props.rootNode&&this.setRootNode(this.props.rootNode);const s=t(this.rootNode),i=s.reduce(e,{});this.setState({valid:i}),s.forEach((s=>{this.numCharsInField[s]=0})),this.numDateFields=s.filter((s=>s.match(/Expiry/))).length,s.length?(this.destroy(),this.initializeCSF(this.rootNode)):this.handleOnNoDataRequired()}componentDidUpdate(){this.checkForKCPFields()}componentWillUnmount(){this.csf=null,clearTimeout(this.csfLoadFailTimeout),clearTimeout(this.csfConfigFailTimeout)}initializeCSF(s){let t=this.props.loadingContext;const e={rootNode:s,type:this.props.type,clientKey:this.props.clientKey,cardGroupTypes:this.props.brands,autoFocus:this.props.autoFocus,trimTrailingSeparator:this.props.trimTrailingSeparator,loadingContext:t,keypadFix:this.props.keypadFix,showWarnings:this.props.showWarnings,iframeUIConfig:{sfStyles:this.props.styles},i18n:this.props.i18n,callbacks:{onLoad:this.handleOnLoad,onConfigSuccess:this.handleOnConfigSuccess,onFieldValid:this.handleOnFieldValid,onAllValid:this.handleOnAllValid,onBrand:this.handleOnBrand,onError:this.handleOnError,onFocus:this.handleFocus,onBinValue:this.props.onBinValue,onAutoComplete:this.handleOnAutoComplete,onAdditionalSFConfig:this.props.onAdditionalSFConfig,onAdditionalSFRemoved:this.props.onAdditionalSFRemoved,onTouchstartIOS:this.handleOnTouchstartIOS},isKCP:this.state.hasKoreanFields,legacyInputMode:this.props.legacyInputMode,minimumExpiryDate:this.props.minimumExpiryDate,implementationType:this.props.implementationType||"components",forceCompat:this.props.forceCompat,maskSecurityCode:this.props.maskSecurityCode,shouldDisableIOSArrowKeys:!!this.props.disableIOSArrowKeys,placeholders:this.props.placeholders??{},showContextualElement:this.props.showContextualElement};this.csf=n(e),this.csfLoadFailTimeout=setTimeout((()=>{"ready"!==this.state.status&&(this.setState({status:"csfLoadFailure"}),this.props.onError(new u("ERROR","secured field iframes have failed to load")))}),this.csfLoadFailTimeoutMS)}checkForKCPFields(){let s=!1;if(this.props.koreanAuthenticationRequired&&(s=this.issuingCountryCode?"kr"===this.issuingCountryCode:"kr"===this.props.countryCode),this.state.hasKoreanFields&&!s){const s=s=>({data:{...s.data,[l]:void 0},valid:{...s.valid,[l]:!1},errors:{...s.errors,[l]:!1},hasKoreanFields:!1});this.setState(s,(()=>{this.props.onChange(this.state)})),this.csf.removeSecuredField(l),this.csf.setKCPStatus(!1)}if(!this.state.hasKoreanFields&&s){const s=s=>({valid:{...s.valid,[l]:!1},hasKoreanFields:!0,isSfpValid:!1});this.setState(s,(()=>{this.props.onChange(this.state)})),this.csf.addSecuredField(l),this.csf.setKCPStatus(!0)}}getChildContext(){return{i18n:this.props.i18n}}handleUnsupportedCard(s){const t=!!s.error;return t&&this.setState({detectedUnsupportedBrands:s.detectedBrands}),s.rootNode=this.rootNode,this.handleOnError(s,t),this.csf&&this.csf.hasUnsupportedCard(p,s.error),t}setFocusOn(s){this.csf&&this.csf.setFocusOnFrame(s)}updateStyles(s){this.csf&&this.csf.updateStyles(s)}sfIsOptionalOrHidden(s){return this.csf.sfIsOptionalOrHidden(s)}destroy(){this.csf&&this.csf.destroy()}showValidation(){const{numDateFields:s,state:t}=this;Object.keys(t.valid).reduce(i(s,t),[]).forEach((s=>{const e=o(s,this.rootNode,t);this.handleOnError(e,!!t.detectedUnsupportedBrands),this.csf&&this.csf.isValidated&&this.csf.isValidated(s,e.error)}))}mapErrorsToValidationRuleResult(){return Object.keys(this.state.errors).reduce(((s,t)=>{const e=this.state.errors[t];return s[t]=e?{isValid:!1,errorMessage:f(e,m),errorI18n:this.props.i18n.get(e),error:e,rootNode:this.rootNode,...this.state.detectedUnsupportedBrands&&{detectedBrands:this.state.detectedUnsupportedBrands}}:null,s}),{})}processBinLookupResponse(s,t){if(this.state.detectedUnsupportedBrands&&(this.setState((s=>({errors:{...s.errors,[p]:!1},detectedUnsupportedBrands:null}))),this.csf&&s)){const s={type:"card",fieldType:"encryptedCardNumber",error:""};this.handleUnsupportedCard(s)}this.issuingCountryCode=s?.issuingCountryCode?.toLowerCase();const e=t?.brand,i=e&&c.includes(t.brand);i&&this.setState(t,(()=>{this.props.onChange(this.state)})),this.csf&&this.csf.brandsFromBinLookup(s,i?t:null)}setRootNode=s=>{this.rootNode=s};render(s,t){return s.render({setRootNode:this.setRootNode,setFocusOn:this.setFocusOn},t)}}export{F as default};
 //# sourceMappingURL=SecuredFieldsProvider.js.map