@adyen/adyen-web 6.41.0 → 6.41.1

package/dist/es/components/internal/SecuredFields/SFP/defaultProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultProps.js","sources":["../../../../../../src/components/internal/SecuredFields/SFP/defaultProps.ts"],"sourcesContent":["export default {\n    type: 'card',\n\n    // Settings\n    keypadFix: true,\n    rootNode: null,\n    loadingContext: null,\n    brands: [],\n    showWarnings: false,\n    autoFocus: true,\n    trimTrailingSeparator: true,\n\n    // Events\n    onChange: () => {},\n    onLoad: () => {},\n    onConfigSuccess: () => {},\n    onAllValid: () => {},\n    onFieldValid: () => {},\n    onBrand: () => {},\n    onError: () => {},\n    onBinValue: () => {},\n    onFocus: () => {},\n    onAutoComplete: () => {},\n    handleKeyDown: () => {},\n\n    // Customization\n    styles: {}\n};\n"],"names":["defaultProps","type","keypadFix","rootNode","loadingContext","brands","showWarnings","autoFocus","trimTrailingSeparator","onChange","onLoad","onConfigSuccess","onAllValid","onFieldValid","onBrand","onError","onBinValue","onFocus","onAutoComplete","handleKeyDown","styles"],"mappings":"AAAA,IAAAA,EAAe,CACXC,KAAM,OAGNC,WAAW,EACXC,SAAU,KACVC,eAAgB,KAChBC,OAAQ,GACRC,cAAc,EACdC,WAAW,EACXC,uBAAuB,EAGvBC,SAAU,OACVC,OAAQ,OACRC,gBAAiB,OACjBC,WAAY,OACZC,aAAc,OACdC,QAAS,OACTC,QAAS,OACTC,WAAY,OACZC,QAAS,OACTC,eAAgB,OAChBC,cAAe,OAGfC,OAAQ,CAAA"}
+{"version":3,"file":"defaultProps.js","sources":["../../../../../../src/components/internal/SecuredFields/SFP/defaultProps.ts"],"sourcesContent":["export default {\n    type: 'card',\n\n    // Settings\n    keypadFix: true,\n    rootNode: null,\n    loadingContext: null,\n    brands: [],\n    showWarnings: false,\n    autoFocus: true,\n    trimTrailingSeparator: true,\n\n    // Events\n    onChange: () => {},\n    onLoad: () => {},\n    onConfigSuccess: () => {},\n    onAllValid: () => {},\n    onFieldValid: () => {},\n    onBrand: () => {},\n    onError: () => {},\n    onBinValue: () => {},\n    onFocus: () => {},\n    onAutoComplete: () => {},\n    handleKeyPress: () => {},\n\n    // Customization\n    styles: {}\n};\n"],"names":["defaultProps","type","keypadFix","rootNode","loadingContext","brands","showWarnings","autoFocus","trimTrailingSeparator","onChange","onLoad","onConfigSuccess","onAllValid","onFieldValid","onBrand","onError","onBinValue","onFocus","onAutoComplete","handleKeyPress","styles"],"mappings":"AAAA,IAAAA,EAAe,CACXC,KAAM,OAGNC,WAAW,EACXC,SAAU,KACVC,eAAgB,KAChBC,OAAQ,GACRC,cAAc,EACdC,WAAW,EACXC,uBAAuB,EAGvBC,SAAU,OACVC,OAAQ,OACRC,gBAAiB,OACjBC,WAAY,OACZC,aAAc,OACdC,QAAS,OACTC,QAAS,OACTC,WAAY,OACZC,QAAS,OACTC,eAAgB,OAChBC,eAAgB,OAGhBC,OAAQ,CAAA"}

package/dist/es/components/internal/SecuredFields/binLookup/triggerBinLookUp.js

@@ -1,2 +1,2 @@
-import{httpPost as e}from"../../../../core/Services/http.js";import{DEFAULT_CARD_GROUP_TYPES as r}from"../lib/constants.js";import{SF_ErrorCodes as n}from"../../../../core/Errors/constants.js";var t=t=>{let s=null;return o=>{if(!1!==t.props.doBinLookup){if(o.encryptedBin&&t.props.clientKey)s=o.uuid,e({loadingContext:t.props.loadingContext,path:`v3/bin/binLookup?token=${t.props.clientKey}`},{type:t.props.brand,supportedBrands:t.props.brands||r,encryptedBin:o.encryptedBin,requestId:o.uuid}).then(e=>{if(e?.requestId===s)if(e.brands?.length){const s=e.brands.reduce((e,r)=>(e.detectedBrands.push(r.brand),e.paymentMethodVariants.push(r.paymentMethodVariant),void 0!==r.healthcare&&e.healthcare.push({[r.brand]:r.healthcare}),!0===r.supported?(e.supportedBrands.push(r),e):e),{supportedBrands:[],detectedBrands:[],paymentMethodVariants:[],healthcare:[]}),d=s.healthcare.length>0;if(s.supportedBrands.length)return t.processBinLookupResponse({issuingCountryCode:e.issuingCountryCode,supportedBrands:s.supportedBrands,...e.showSocialSecurityNumber?{showSocialSecurityNumber:e.showSocialSecurityNumber}:{}}),void t.onBinLookup({type:o.type,detectedBrands:s.detectedBrands,supportedBrands:s.supportedBrands.map(e=>e.brand),paymentMethodVariants:s.paymentMethodVariants,supportedBrandsRaw:s.supportedBrands,brands:t.props.brands||r,issuingCountryCode:e.issuingCountryCode,...d&&{healthcare:s.healthcare}});if(s.detectedBrands.length){const e={type:"card",fieldType:"encryptedCardNumber",error:n.ERROR_MSG_UNSUPPORTED_CARD_ENTERED,detectedBrands:s.detectedBrands};return t.handleUnsupportedCard(e),void t.onBinLookup({type:o.type,detectedBrands:s.detectedBrands,supportedBrands:null,paymentMethodVariants:s.paymentMethodVariants,...d&&{healthcare:s.healthcare},brands:t.props.brands||r})}}else t.onBinLookup({type:o.type,detectedBrands:null,supportedBrands:null,brands:t.props.brands||r}),t.processBinLookupResponse({},!0);else e?.requestId||t.props.onError(e||{errorType:"binLookup",message:"unknownError"})});else if(s){t.processBinLookupResponse(null,!0),s=null;const e={type:"card",fieldType:"encryptedCardNumber",error:""};t.handleUnsupportedCard(e),t.onBinLookup({isReset:!0})}t.props.onBinValue&&t.props.onBinValue(o)}else t.props.onBinValue&&t.props.onBinValue(o)}};export{t as default};
+import{httpPost as e}from"../../../../core/Services/http.js";import{DEFAULT_CARD_GROUP_TYPES as r}from"../lib/constants.js";import{SF_ErrorCodes as n}from"../../../../core/Errors/constants.js";import{TxVariants as t}from"../../../tx-variants.js";const s=s=>{let o=null;return p=>{if(!1!==s.props.doBinLookup){if(p.encryptedBin&&"clientKey"in s.props&&s.props.clientKey)o=p.uuid??null,e({loadingContext:s.props.loadingContext,path:`v3/bin/binLookup?token=${s.props.clientKey}`},{type:"brand"in s.props?s.props.brand:t.card,supportedBrands:s.props.brands||r,encryptedBin:p.encryptedBin,requestId:p.uuid}).then(e=>{if(e?.requestId===o)if(e.brands?.length){const t=e.brands.reduce((e,r)=>(e.detectedBrands.push(r.brand),e.paymentMethodVariants.push(r.paymentMethodVariant),void 0!==r.healthcare&&e.healthcare.push({[r.brand]:r.healthcare}),!0===r.supported?(e.supportedBrands.push(r),e):e),{supportedBrands:[],detectedBrands:[],paymentMethodVariants:[],healthcare:[]}),o=t.healthcare.length>0;if(t.supportedBrands.length)return s.processBinLookupResponse({issuingCountryCode:e.issuingCountryCode??"",supportedBrands:t.supportedBrands,...e.showSocialSecurityNumber?{showSocialSecurityNumber:e.showSocialSecurityNumber}:{}}),void s.onBinLookup({type:p.type,detectedBrands:t.detectedBrands,supportedBrands:t.supportedBrands.map(e=>e.brand),paymentMethodVariants:t.paymentMethodVariants,supportedBrandsRaw:t.supportedBrands,brands:s.props.brands||r,issuingCountryCode:e.issuingCountryCode,...o&&{healthcare:t.healthcare}});if(t.detectedBrands.length){const e={type:"card",fieldType:"encryptedCardNumber",error:n.ERROR_MSG_UNSUPPORTED_CARD_ENTERED,detectedBrands:t.detectedBrands};return s.handleUnsupportedCard(e),void s.onBinLookup({type:p.type,detectedBrands:t.detectedBrands,supportedBrands:null,paymentMethodVariants:t.paymentMethodVariants,...o&&{healthcare:t.healthcare},brands:s.props.brands||r})}}else s.onBinLookup({type:p.type,detectedBrands:null,supportedBrands:null,brands:s.props.brands||r}),s.processBinLookupResponse({},!0);else e?.requestId||s.props.onError?.(e||{errorType:"binLookup",message:"unknownError"})});else if(o){s.processBinLookupResponse(null,!0),o=null;const e={type:"card",fieldType:"encryptedCardNumber",error:""};s.handleUnsupportedCard(e),s.onBinLookup({isReset:!0})}s.props.onBinValue&&s.props.onBinValue(p)}else s.props.onBinValue&&s.props.onBinValue(p)}};export{s as triggerBinLookUp};
 //# sourceMappingURL=triggerBinLookUp.js.map

package/dist/es/components/internal/SecuredFields/binLookup/triggerBinLookUp.js.map

@@ -1 +1 @@
-{"version":3,"file":"triggerBinLookUp.js","sources":["../../../../../../src/components/internal/SecuredFields/binLookup/triggerBinLookUp.ts"],"sourcesContent":["import { httpPost } from '../../../../core/Services/http';\nimport { CardBinValueData, CardErrorData } from '../lib/types';\nimport { DEFAULT_CARD_GROUP_TYPES } from '../lib/constants';\nimport { SF_ErrorCodes } from '../../../../core/Errors/constants';\nimport { BinLookupResponseRaw, BrandObject } from '../../../Card/types';\n\nif (process.env.NODE_ENV === 'development') {\n    window.mockBinCount = 0; // Set to 0 to turn off mocking, 1 to turn it on\n}\n\nexport default parent => {\n    let currentRequestId: string | null = null;\n\n    return (callbackObj: CardBinValueData) => {\n        // Allow way for merchant to disallow binLookup by specifically setting the prop to false\n        if (parent.props.doBinLookup === false) {\n            if (parent.props.onBinValue) parent.props.onBinValue(callbackObj);\n            return;\n        }\n\n        // Do binLookup when encryptedBin property is present (and only if the merchant is using a clientKey)\n        if (callbackObj.encryptedBin && parent.props.clientKey) {\n            // Store id of request we're about to make\n            currentRequestId = callbackObj.uuid;\n\n            void httpPost(\n                {\n                    loadingContext: parent.props.loadingContext,\n                    path: `v3/bin/binLookup?token=${parent.props.clientKey}`\n                },\n                {\n                    type: parent.props.brand,\n                    supportedBrands: parent.props.brands || DEFAULT_CARD_GROUP_TYPES,\n                    encryptedBin: callbackObj.encryptedBin,\n                    requestId: callbackObj.uuid // Pass id of request\n                }\n            ).then((data: BinLookupResponseRaw) => {\n                // If response is the one we were waiting for...\n                if (data?.requestId === currentRequestId) {\n                    if (process.env.NODE_ENV === 'development') {\n                        // TODO mocking\n                        if (window.mockBinCount >= 1) {\n                            switch (window.mockBinCount) {\n                                case 1:\n                                    console.log('\\n### triggerBinLookUp::mock first response:: ');\n                                    data.brands = [\n                                        {\n                                            brand: 'mc',\n                                            cvcPolicy: 'optional',\n                                            enableLuhnCheck: true,\n                                            // showExpiryDate: true, // deprecated in /binLookup v3\n                                            expiryDatePolicy: 'optional',\n                                            // panLength: 16,\n                                            supported: true,\n                                            healthcare: true\n                                        }\n                                    ];\n                                    // data.issuingCountryCode = 'KR'; // needed to mock korean_local_card\n                                    // increment to alter second response\n                                    window.mockBinCount++;\n\n                                    break;\n                                case 2:\n                                    console.log('\\n### triggerBinLookUp::mock second response:: ');\n                                    // data.brands = null;\n                                    data.brands = [\n                                        {\n                                            brand: 'maestro',\n                                            cvcPolicy: 'required',\n                                            enableLuhnCheck: true,\n                                            showExpiryDate: true,\n                                            supported: true,\n                                            showSocialSecurityNumber: false,\n                                            healthcare: false\n                                            // panLength: 16\n                                        }\n                                    ];\n                                    break;\n                                default:\n                            }\n                        }\n                        // TODO end\n                    }\n\n                    if (data.brands?.length) {\n                        const mappedResponse = data.brands.reduce(\n                            (acc, item) => {\n                                // All brand strings end up in the detectedBrands array\n                                acc.detectedBrands.push(item.brand);\n                                // Also add the paymentMethodVariants (more granular description of the txvariant)\n                                acc.paymentMethodVariants.push(item.paymentMethodVariant);\n                                // Add healthcare to the healthcare array, keyed by brand (only when the field is present)\n                                if (item.healthcare !== undefined) {\n                                    acc.healthcare.push({ [item.brand]: item.healthcare });\n                                }\n\n                                // Add supported brand objects to the supportedBrands array\n                                if (item.supported === true) {\n                                    acc.supportedBrands.push(item);\n                                    return acc;\n                                }\n\n                                return acc;\n                            },\n                            {\n                                supportedBrands: [] as BrandObject[],\n                                detectedBrands: [] as string[],\n                                paymentMethodVariants: [] as (string | undefined)[],\n                                healthcare: [] as Record<string, boolean>[]\n                            }\n                        );\n\n                        const hasHealthcareData = mappedResponse.healthcare.length > 0;\n\n                        /**\n                         * supportedBrands = merchant supports this brand(s); we have detected the card number to be of this brand(s); carry on!\n                         */\n                        if (mappedResponse.supportedBrands.length) {\n                            // ...call processBinLookupResponse with, a simplified, response object if it contains at least one supported brand\n                            parent.processBinLookupResponse({\n                                issuingCountryCode: data.issuingCountryCode,\n                                supportedBrands: mappedResponse.supportedBrands,\n                                ...(data.showSocialSecurityNumber ? { showSocialSecurityNumber: data.showSocialSecurityNumber } : {})\n                            });\n\n                            // Inform merchant of the result\n                            parent.onBinLookup({\n                                type: callbackObj.type,\n                                detectedBrands: mappedResponse.detectedBrands,\n                                // supportedBrands contains the subset of this.props.brands that matches the card number that the shopper has typed\n                                supportedBrands: mappedResponse.supportedBrands.map(item => item.brand),\n                                paymentMethodVariants: mappedResponse.paymentMethodVariants,\n                                supportedBrandsRaw: mappedResponse.supportedBrands, // full supportedBrands data (for customCard comp)\n                                brands: parent.props.brands || DEFAULT_CARD_GROUP_TYPES,\n                                issuingCountryCode: data.issuingCountryCode,\n                                ...(hasHealthcareData && { healthcare: mappedResponse.healthcare })\n                            });\n\n                            return;\n                        }\n\n                        /**\n                         * detectedBrands = no brands the merchant supports were found; what we did detect the shopper to be entering was this brand;\n                         * error!\n                         */\n                        if (mappedResponse.detectedBrands.length) {\n                            const errObj: CardErrorData = {\n                                type: 'card',\n                                fieldType: 'encryptedCardNumber',\n                                error: SF_ErrorCodes.ERROR_MSG_UNSUPPORTED_CARD_ENTERED,\n                                detectedBrands: mappedResponse.detectedBrands\n                            };\n                            parent.handleUnsupportedCard(errObj);\n\n                            // Inform merchant of the result\n                            parent.onBinLookup({\n                                type: callbackObj.type,\n                                detectedBrands: mappedResponse.detectedBrands,\n                                supportedBrands: null,\n                                paymentMethodVariants: mappedResponse.paymentMethodVariants,\n                                ...(hasHealthcareData && { healthcare: mappedResponse.healthcare }),\n                                brands: parent.props.brands || DEFAULT_CARD_GROUP_TYPES\n                            });\n\n                            return;\n                        }\n                    } else {\n                        /**\n                         *  BIN not in DB (a failed lookup will just contain a requestId)\n                         */\n                        parent.onBinLookup({\n                            type: callbackObj.type,\n                            detectedBrands: null,\n                            supportedBrands: null,\n                            brands: parent.props.brands || DEFAULT_CARD_GROUP_TYPES\n                        });\n\n                        // Reset the UI and let the native, regex branding happen (for the generic card)\n                        // For a single-branded card we need to pass a boolean to prompt resetting the brand logo to the 'base' type\n                        parent.processBinLookupResponse({}, true);\n                    }\n                } else {\n                    if (!data?.requestId) {\n                        // Some other kind of error on the backend\n                        parent.props.onError(data || { errorType: 'binLookup', message: 'unknownError' });\n                    }\n                    // Else - response with wrong requestId\n                }\n            });\n        } else if (currentRequestId) {\n            /**\n             * If onBinValue callback is called AND we have been doing binLookup BUT passed object doesn't have an encryptedBin property\n             * - then THE NUMBER OF DIGITS IN NUMBER FIELD HAS DROPPED BELOW THRESHOLD for BIN lookup - so reset the UI\n             */\n            parent.processBinLookupResponse(null, true);\n\n            currentRequestId = null; // Ignore any pending responses\n\n            // Reset any errors\n            const errObj: CardErrorData = {\n                type: 'card',\n                fieldType: 'encryptedCardNumber',\n                error: ''\n            };\n            parent.handleUnsupportedCard(errObj);\n\n            // CustomCard needs this to reset the UI\n            parent.onBinLookup({\n                isReset: true\n            });\n        }\n\n        if (parent.props.onBinValue) parent.props.onBinValue(callbackObj);\n    };\n};\n"],"names":["triggerBinLookUp","parent","currentRequestId","callbackObj","props","doBinLookup","encryptedBin","clientKey","uuid","httpPost","loadingContext","path","type","brand","supportedBrands","brands","DEFAULT_CARD_GROUP_TYPES","requestId","then","data","length","mappedResponse","reduce","acc","item","detectedBrands","push","paymentMethodVariants","paymentMethodVariant","undefined","healthcare","supported","hasHealthcareData","processBinLookupResponse","issuingCountryCode","showSocialSecurityNumber","onBinLookup","map","supportedBrandsRaw","errObj","fieldType","error","SF_ErrorCodes","ERROR_MSG_UNSUPPORTED_CARD_ENTERED","handleUnsupportedCard","onError","errorType","message","isReset","onBinValue"],"mappings":"iMAUA,IAAAA,EAAeC,IACX,IAAIC,EAAkC,KAEtC,OAAQC,IAEJ,IAAiC,IAA7BF,EAAOG,MAAMC,YAAjB,CAMA,GAAIF,EAAYG,cAAgBL,EAAOG,MAAMG,UAEzCL,EAAmBC,EAAYK,KAE1BC,EACD,CACIC,eAAgBT,EAAOG,MAAMM,eAC7BC,KAAM,0BAA0BV,EAAOG,MAAMG,aAEjD,CACIK,KAAMX,EAAOG,MAAMS,MACnBC,gBAAiBb,EAAOG,MAAMW,QAAUC,EACxCV,aAAcH,EAAYG,aAC1BW,UAAWd,EAAYK,OAE7BU,KAAMC,IAEJ,GAAIA,GAAMF,YAAcf,EA8CpB,GAAIiB,EAAKJ,QAAQK,OAAQ,CACrB,MAAMC,EAAiBF,EAAKJ,OAAOO,OAC/B,CAACC,EAAKC,KAEFD,EAAIE,eAAeC,KAAKF,EAAKX,OAE7BU,EAAII,sBAAsBD,KAAKF,EAAKI,2BAEZC,IAApBL,EAAKM,YACLP,EAAIO,WAAWJ,KAAK,CAAE,CAACF,EAAKX,OAAQW,EAAKM,cAItB,IAAnBN,EAAKO,WACLR,EAAIT,gBAAgBY,KAAKF,GAClBD,GAGJA,GAEX,CACIT,gBAAiB,GACjBW,eAAgB,GAChBE,sBAAuB,GACvBG,WAAY,KAIdE,EAAoBX,EAAeS,WAAWV,OAAS,EAK7D,GAAIC,EAAeP,gBAAgBM,OAqB/B,OAnBAnB,EAAOgC,yBAAyB,CAC5BC,mBAAoBf,EAAKe,mBACzBpB,gBAAiBO,EAAeP,mBAC5BK,EAAKgB,yBAA2B,CAAEA,yBAA0BhB,EAAKgB,0BAA6B,CAAA,SAItGlC,EAAOmC,YAAY,CACfxB,KAAMT,EAAYS,KAClBa,eAAgBJ,EAAeI,eAE/BX,gBAAiBO,EAAeP,gBAAgBuB,IAAIb,GAAQA,EAAKX,OACjEc,sBAAuBN,EAAeM,sBACtCW,mBAAoBjB,EAAeP,gBACnCC,OAAQd,EAAOG,MAAMW,QAAUC,EAC/BkB,mBAAoBf,EAAKe,sBACrBF,GAAqB,CAAEF,WAAYT,EAAeS,cAU9D,GAAIT,EAAeI,eAAeL,OAAQ,CACtC,MAAMmB,EAAwB,CAC1B3B,KAAM,OACN4B,UAAW,sBACXC,MAAOC,EAAcC,mCACrBlB,eAAgBJ,EAAeI,gBAcnC,OAZAxB,EAAO2C,sBAAsBL,QAG7BtC,EAAOmC,YAAY,CACfxB,KAAMT,EAAYS,KAClBa,eAAgBJ,EAAeI,eAC/BX,gBAAiB,KACjBa,sBAAuBN,EAAeM,yBAClCK,GAAqB,CAAEF,WAAYT,EAAeS,YACtDf,OAAQd,EAAOG,MAAMW,QAAUC,GAIvC,CACJ,MAIIf,EAAOmC,YAAY,CACfxB,KAAMT,EAAYS,KAClBa,eAAgB,KAChBX,gBAAiB,KACjBC,OAAQd,EAAOG,MAAMW,QAAUC,IAKnCf,EAAOgC,yBAAyB,CAAA,GAAI,QAGnCd,GAAMF,WAEPhB,EAAOG,MAAMyC,QAAQ1B,GAAQ,CAAE2B,UAAW,YAAaC,QAAS,wBAKzE,GAAI7C,EAAkB,CAKzBD,EAAOgC,yBAAyB,MAAM,GAEtC/B,EAAmB,KAGnB,MAAMqC,EAAwB,CAC1B3B,KAAM,OACN4B,UAAW,sBACXC,MAAO,IAEXxC,EAAO2C,sBAAsBL,GAG7BtC,EAAOmC,YAAY,CACfY,SAAS,GAEjB,CAEI/C,EAAOG,MAAM6C,YAAYhD,EAAOG,MAAM6C,WAAW9C,EAlMrD,MAFQF,EAAOG,MAAM6C,YAAYhD,EAAOG,MAAM6C,WAAW9C,GAsMjE"}
+{"version":3,"file":"triggerBinLookUp.js","sources":["../../../../../../src/components/internal/SecuredFields/binLookup/triggerBinLookUp.ts"],"sourcesContent":["import { httpPost } from '../../../../core/Services/http';\nimport { CardBinValueData, CardErrorData } from '../lib/types';\nimport { DEFAULT_CARD_GROUP_TYPES } from '../lib/constants';\nimport { SF_ErrorCodes } from '../../../../core/Errors/constants';\nimport { BinLookupResponse, BinLookupResponseRaw, BrandObject } from '../../../Card/types';\nimport type CardElement from '../../../Card';\nimport type CustomCardElement from '../../../CustomCard';\nimport { TxVariants } from '../../../tx-variants';\n\nif (process.env.NODE_ENV === 'development') {\n    window.mockBinCount = 0; // Set to 0 to turn off mocking, 1 to turn it on\n}\n\nexport const triggerBinLookUp = (element: CardElement | CustomCardElement) => {\n    let currentRequestId: string | null = null;\n\n    return (callbackObj: CardBinValueData) => {\n        // Allow way for merchant to disallow binLookup by specifically setting the prop to false\n        if (element.props.doBinLookup === false) {\n            if (element.props.onBinValue) element.props.onBinValue(callbackObj);\n            return;\n        }\n\n        // Do binLookup when encryptedBin property is present (and only if the merchant is using a clientKey)\n        if (callbackObj.encryptedBin && 'clientKey' in element.props && element.props.clientKey) {\n            // Store id of request we're about to make\n            currentRequestId = callbackObj.uuid ?? null;\n\n            void httpPost(\n                {\n                    loadingContext: element.props.loadingContext,\n                    path: `v3/bin/binLookup?token=${element.props.clientKey}`\n                },\n                {\n                    type: 'brand' in element.props ? element.props.brand : TxVariants.card,\n                    supportedBrands: element.props.brands || DEFAULT_CARD_GROUP_TYPES,\n                    encryptedBin: callbackObj.encryptedBin,\n                    requestId: callbackObj.uuid // Pass id of request\n                }\n            ).then((data: BinLookupResponseRaw) => {\n                // If response is the one we were waiting for...\n                if (data?.requestId === currentRequestId) {\n                    if (process.env.NODE_ENV === 'development') {\n                        // TODO mocking\n                        if (window.mockBinCount >= 1) {\n                            switch (window.mockBinCount) {\n                                case 1:\n                                    console.log('\\n### triggerBinLookUp::mock first response:: ');\n                                    data.brands = [\n                                        {\n                                            brand: 'mc',\n                                            cvcPolicy: 'optional',\n                                            enableLuhnCheck: true,\n                                            // showExpiryDate: true, // deprecated in /binLookup v3\n                                            expiryDatePolicy: 'optional',\n                                            // panLength: 16,\n                                            supported: true,\n                                            healthcare: true\n                                        }\n                                    ];\n                                    // data.issuingCountryCode = 'KR'; // needed to mock korean_local_card\n                                    // increment to alter second response\n                                    window.mockBinCount++;\n\n                                    break;\n                                case 2:\n                                    console.log('\\n### triggerBinLookUp::mock second response:: ');\n                                    // data.brands = null;\n                                    data.brands = [\n                                        {\n                                            brand: 'maestro',\n                                            cvcPolicy: 'required',\n                                            enableLuhnCheck: true,\n                                            showExpiryDate: true,\n                                            supported: true,\n                                            showSocialSecurityNumber: false,\n                                            healthcare: false\n                                            // panLength: 16\n                                        }\n                                    ];\n                                    break;\n                                default:\n                            }\n                        }\n                        // TODO end\n                    }\n\n                    if (data.brands?.length) {\n                        const mappedResponse = data.brands.reduce(\n                            (acc, item) => {\n                                // All brand strings end up in the detectedBrands array\n                                acc.detectedBrands.push(item.brand);\n                                // Also add the paymentMethodVariants (more granular description of the txvariant)\n                                acc.paymentMethodVariants.push(item.paymentMethodVariant);\n                                // Add healthcare to the healthcare array, keyed by brand (only when the field is present)\n                                if (item.healthcare !== undefined) {\n                                    acc.healthcare.push({ [item.brand]: item.healthcare });\n                                }\n\n                                // Add supported brand objects to the supportedBrands array\n                                if (item.supported === true) {\n                                    acc.supportedBrands.push(item);\n                                    return acc;\n                                }\n\n                                return acc;\n                            },\n                            {\n                                supportedBrands: [] as BrandObject[],\n                                detectedBrands: [] as string[],\n                                paymentMethodVariants: [] as (string | undefined)[],\n                                healthcare: [] as Record<string, boolean>[]\n                            }\n                        );\n\n                        const hasHealthcareData = mappedResponse.healthcare.length > 0;\n\n                        /**\n                         * supportedBrands = merchant supports this brand(s); we have detected the card number to be of this brand(s); carry on!\n                         */\n                        if (mappedResponse.supportedBrands.length) {\n                            // ...call processBinLookupResponse with, a simplified, response object if it contains at least one supported brand\n                            element.processBinLookupResponse({\n                                issuingCountryCode: data.issuingCountryCode ?? '',\n                                supportedBrands: mappedResponse.supportedBrands,\n                                ...(data.showSocialSecurityNumber ? { showSocialSecurityNumber: data.showSocialSecurityNumber } : {})\n                            });\n\n                            // Inform merchant of the result\n                            element.onBinLookup({\n                                type: callbackObj.type,\n                                detectedBrands: mappedResponse.detectedBrands,\n                                // supportedBrands contains the subset of this.props.brands that matches the card number that the shopper has typed\n                                supportedBrands: mappedResponse.supportedBrands.map(item => item.brand),\n                                paymentMethodVariants: mappedResponse.paymentMethodVariants,\n                                supportedBrandsRaw: mappedResponse.supportedBrands, // full supportedBrands data (for customCard comp)\n                                brands: element.props.brands || DEFAULT_CARD_GROUP_TYPES,\n                                issuingCountryCode: data.issuingCountryCode,\n                                ...(hasHealthcareData && { healthcare: mappedResponse.healthcare })\n                            });\n\n                            return;\n                        }\n\n                        /**\n                         * detectedBrands = no brands the merchant supports were found; what we did detect the shopper to be entering was this brand;\n                         * error!\n                         */\n                        if (mappedResponse.detectedBrands.length) {\n                            const errObj: CardErrorData = {\n                                type: 'card',\n                                fieldType: 'encryptedCardNumber',\n                                error: SF_ErrorCodes.ERROR_MSG_UNSUPPORTED_CARD_ENTERED,\n                                detectedBrands: mappedResponse.detectedBrands\n                            };\n                            element.handleUnsupportedCard(errObj);\n\n                            // Inform merchant of the result\n                            element.onBinLookup({\n                                type: callbackObj.type,\n                                detectedBrands: mappedResponse.detectedBrands,\n                                supportedBrands: null,\n                                paymentMethodVariants: mappedResponse.paymentMethodVariants,\n                                ...(hasHealthcareData && { healthcare: mappedResponse.healthcare }),\n                                brands: element.props.brands || DEFAULT_CARD_GROUP_TYPES\n                            });\n\n                            return;\n                        }\n                    } else {\n                        /**\n                         *  BIN not in DB (a failed lookup will just contain a requestId)\n                         */\n                        element.onBinLookup({\n                            type: callbackObj.type,\n                            detectedBrands: null,\n                            supportedBrands: null,\n                            brands: element.props.brands || DEFAULT_CARD_GROUP_TYPES\n                        });\n\n                        // Reset the UI and let the native, regex branding happen (for the generic card)\n                        // For a single-branded card we need to pass a boolean to prompt resetting the brand logo to the 'base' type\n                        element.processBinLookupResponse({} as BinLookupResponse, true);\n                    }\n                } else if (!data?.requestId) {\n                    // Some other kind of error on the backend\n                    // @ts-ignore: update this parameter type to match Adyen's error type\n                    element.props.onError?.(data || { errorType: 'binLookup', message: 'unknownError' });\n                }\n                // Else - response with wrong requestId\n            });\n        } else if (currentRequestId) {\n            /**\n             * If onBinValue callback is called AND we have been doing binLookup BUT passed object doesn't have an encryptedBin property\n             * - then THE NUMBER OF DIGITS IN NUMBER FIELD HAS DROPPED BELOW THRESHOLD for BIN lookup - so reset the UI\n             */\n            element.processBinLookupResponse(null, true);\n\n            currentRequestId = null; // Ignore any pending responses\n\n            // Reset any errors\n            const errObj: CardErrorData = {\n                type: 'card',\n                fieldType: 'encryptedCardNumber',\n                error: ''\n            };\n            element.handleUnsupportedCard(errObj);\n\n            // CustomCard needs this to reset the UI\n            element.onBinLookup({\n                isReset: true\n            });\n        }\n\n        if (element.props.onBinValue) element.props.onBinValue(callbackObj);\n    };\n};\n"],"names":["triggerBinLookUp","element","currentRequestId","callbackObj","props","doBinLookup","encryptedBin","clientKey","uuid","httpPost","loadingContext","path","type","brand","TxVariants","card","supportedBrands","brands","DEFAULT_CARD_GROUP_TYPES","requestId","then","data","length","mappedResponse","reduce","acc","item","detectedBrands","push","paymentMethodVariants","paymentMethodVariant","undefined","healthcare","supported","hasHealthcareData","processBinLookupResponse","issuingCountryCode","showSocialSecurityNumber","onBinLookup","map","supportedBrandsRaw","errObj","fieldType","error","SF_ErrorCodes","ERROR_MSG_UNSUPPORTED_CARD_ENTERED","handleUnsupportedCard","onError","errorType","message","isReset","onBinValue"],"mappings":"sPAaO,MAAMA,EAAoBC,IAC7B,IAAIC,EAAkC,KAEtC,OAAQC,IAEJ,IAAkC,IAA9BF,EAAQG,MAAMC,YAAlB,CAMA,GAAIF,EAAYG,cAAgB,cAAeL,EAAQG,OAASH,EAAQG,MAAMG,UAE1EL,EAAmBC,EAAYK,MAAQ,KAElCC,EACD,CACIC,eAAgBT,EAAQG,MAAMM,eAC9BC,KAAM,0BAA0BV,EAAQG,MAAMG,aAElD,CACIK,KAAM,UAAWX,EAAQG,MAAQH,EAAQG,MAAMS,MAAQC,EAAWC,KAClEC,gBAAiBf,EAAQG,MAAMa,QAAUC,EACzCZ,aAAcH,EAAYG,aAC1Ba,UAAWhB,EAAYK,OAE7BY,KAAMC,IAEJ,GAAIA,GAAMF,YAAcjB,EA8CpB,GAAImB,EAAKJ,QAAQK,OAAQ,CACrB,MAAMC,EAAiBF,EAAKJ,OAAOO,OAC/B,CAACC,EAAKC,KAEFD,EAAIE,eAAeC,KAAKF,EAAKb,OAE7BY,EAAII,sBAAsBD,KAAKF,EAAKI,2BAEZC,IAApBL,EAAKM,YACLP,EAAIO,WAAWJ,KAAK,CAAE,CAACF,EAAKb,OAAQa,EAAKM,cAItB,IAAnBN,EAAKO,WACLR,EAAIT,gBAAgBY,KAAKF,GAClBD,GAGJA,GAEX,CACIT,gBAAiB,GACjBW,eAAgB,GAChBE,sBAAuB,GACvBG,WAAY,KAIdE,EAAoBX,EAAeS,WAAWV,OAAS,EAK7D,GAAIC,EAAeP,gBAAgBM,OAqB/B,OAnBArB,EAAQkC,yBAAyB,CAC7BC,mBAAoBf,EAAKe,oBAAsB,GAC/CpB,gBAAiBO,EAAeP,mBAC5BK,EAAKgB,yBAA2B,CAAEA,yBAA0BhB,EAAKgB,0BAA6B,CAAA,SAItGpC,EAAQqC,YAAY,CAChB1B,KAAMT,EAAYS,KAClBe,eAAgBJ,EAAeI,eAE/BX,gBAAiBO,EAAeP,gBAAgBuB,IAAIb,GAAQA,EAAKb,OACjEgB,sBAAuBN,EAAeM,sBACtCW,mBAAoBjB,EAAeP,gBACnCC,OAAQhB,EAAQG,MAAMa,QAAUC,EAChCkB,mBAAoBf,EAAKe,sBACrBF,GAAqB,CAAEF,WAAYT,EAAeS,cAU9D,GAAIT,EAAeI,eAAeL,OAAQ,CACtC,MAAMmB,EAAwB,CAC1B7B,KAAM,OACN8B,UAAW,sBACXC,MAAOC,EAAcC,mCACrBlB,eAAgBJ,EAAeI,gBAcnC,OAZA1B,EAAQ6C,sBAAsBL,QAG9BxC,EAAQqC,YAAY,CAChB1B,KAAMT,EAAYS,KAClBe,eAAgBJ,EAAeI,eAC/BX,gBAAiB,KACjBa,sBAAuBN,EAAeM,yBAClCK,GAAqB,CAAEF,WAAYT,EAAeS,YACtDf,OAAQhB,EAAQG,MAAMa,QAAUC,GAIxC,CACJ,MAIIjB,EAAQqC,YAAY,CAChB1B,KAAMT,EAAYS,KAClBe,eAAgB,KAChBX,gBAAiB,KACjBC,OAAQhB,EAAQG,MAAMa,QAAUC,IAKpCjB,EAAQkC,yBAAyB,CAAA,GAAyB,QAEtDd,GAAMF,WAGdlB,EAAQG,MAAM2C,UAAU1B,GAAQ,CAAE2B,UAAW,YAAaC,QAAS,wBAIxE,GAAI/C,EAAkB,CAKzBD,EAAQkC,yBAAyB,MAAM,GAEvCjC,EAAmB,KAGnB,MAAMuC,EAAwB,CAC1B7B,KAAM,OACN8B,UAAW,sBACXC,MAAO,IAEX1C,EAAQ6C,sBAAsBL,GAG9BxC,EAAQqC,YAAY,CAChBY,SAAS,GAEjB,CAEIjD,EAAQG,MAAM+C,YAAYlD,EAAQG,MAAM+C,WAAWhD,EAjMvD,MAFQF,EAAQG,MAAM+C,YAAYlD,EAAQG,MAAM+C,WAAWhD"}

package/dist/es/components/internal/SecuredFields/lib/CSF/extensions/configureCallbacks.js

@@ -1,2 +1,2 @@
-const o=()=>{};function n(n={}){this.callbacks.onLoad=n.onLoad?n.onLoad:o,this.callbacks.onConfigSuccess=n.onConfigSuccess?n.onConfigSuccess:o,this.callbacks.onFieldValid=n.onFieldValid?n.onFieldValid:o,this.callbacks.onAllValid=n.onAllValid?n.onAllValid:o,this.callbacks.onBrand=n.onBrand?n.onBrand:o,this.callbacks.onError=n.onError?n.onError:o,this.callbacks.onFocus=n.onFocus?n.onFocus:o,this.callbacks.onBinValue=n.onBinValue?n.onBinValue:o,this.callbacks.onAutoComplete=n.onAutoComplete?n.onAutoComplete:o,this.callbacks.onAdditionalSFConfig=n.onAdditionalSFConfig?n.onAdditionalSFConfig:o,this.callbacks.onAdditionalSFRemoved=n.onAdditionalSFRemoved?n.onAdditionalSFRemoved:o,this.callbacks.onTouchstartIOS=n.onTouchstartIOS?n.onTouchstartIOS:o,this.callbacks.onKeyDown=n.onKeyDown?n.onKeyDown:o}export{n as configureCallbacks};
+const o=()=>{};function n(n={}){this.callbacks.onLoad=n.onLoad?n.onLoad:o,this.callbacks.onConfigSuccess=n.onConfigSuccess?n.onConfigSuccess:o,this.callbacks.onFieldValid=n.onFieldValid?n.onFieldValid:o,this.callbacks.onAllValid=n.onAllValid?n.onAllValid:o,this.callbacks.onBrand=n.onBrand?n.onBrand:o,this.callbacks.onError=n.onError?n.onError:o,this.callbacks.onFocus=n.onFocus?n.onFocus:o,this.callbacks.onBinValue=n.onBinValue?n.onBinValue:o,this.callbacks.onAutoComplete=n.onAutoComplete?n.onAutoComplete:o,this.callbacks.onAdditionalSFConfig=n.onAdditionalSFConfig?n.onAdditionalSFConfig:o,this.callbacks.onAdditionalSFRemoved=n.onAdditionalSFRemoved?n.onAdditionalSFRemoved:o,this.callbacks.onTouchstartIOS=n.onTouchstartIOS?n.onTouchstartIOS:o,this.callbacks.onKeyPressed=n.onKeyPressed?n.onKeyPressed:o}export{n as configureCallbacks};
 //# sourceMappingURL=configureCallbacks.js.map

package/dist/es/components/internal/SecuredFields/lib/CSF/extensions/configureCallbacks.js.map

@@ -1 +1 @@
-{"version":3,"file":"configureCallbacks.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/CSF/extensions/configureCallbacks.ts"],"sourcesContent":["import { CSFCallbacksConfig } from '../types';\n\nconst noop = () => {};\n\nexport function configureCallbacks(callbacksObj: Partial<CSFCallbacksConfig> = {}): void {\n    // --\n    this.callbacks.onLoad = callbacksObj.onLoad ? callbacksObj.onLoad : noop;\n\n    this.callbacks.onConfigSuccess = callbacksObj.onConfigSuccess ? callbacksObj.onConfigSuccess : noop;\n\n    this.callbacks.onFieldValid = callbacksObj.onFieldValid ? callbacksObj.onFieldValid : noop;\n\n    this.callbacks.onAllValid = callbacksObj.onAllValid ? callbacksObj.onAllValid : noop;\n\n    this.callbacks.onBrand = callbacksObj.onBrand ? callbacksObj.onBrand : noop;\n\n    this.callbacks.onError = callbacksObj.onError ? callbacksObj.onError : noop;\n\n    this.callbacks.onFocus = callbacksObj.onFocus ? callbacksObj.onFocus : noop;\n\n    this.callbacks.onBinValue = callbacksObj.onBinValue ? callbacksObj.onBinValue : noop;\n\n    this.callbacks.onAutoComplete = callbacksObj.onAutoComplete ? callbacksObj.onAutoComplete : noop;\n\n    this.callbacks.onAdditionalSFConfig = callbacksObj.onAdditionalSFConfig ? callbacksObj.onAdditionalSFConfig : noop;\n\n    this.callbacks.onAdditionalSFRemoved = callbacksObj.onAdditionalSFRemoved ? callbacksObj.onAdditionalSFRemoved : noop;\n\n    this.callbacks.onTouchstartIOS = callbacksObj.onTouchstartIOS ? callbacksObj.onTouchstartIOS : noop;\n\n    this.callbacks.onKeyDown = callbacksObj.onKeyDown ? callbacksObj.onKeyDown : noop;\n}\n"],"names":["noop","configureCallbacks","callbacksObj","this","callbacks","onLoad","onConfigSuccess","onFieldValid","onAllValid","onBrand","onError","onFocus","onBinValue","onAutoComplete","onAdditionalSFConfig","onAdditionalSFRemoved","onTouchstartIOS","onKeyDown"],"mappings":"AAEA,MAAMA,EAAO,OAEN,SAASC,EAAmBC,EAA4C,IAE3EC,KAAKC,UAAUC,OAASH,EAAaG,OAASH,EAAaG,OAASL,EAEpEG,KAAKC,UAAUE,gBAAkBJ,EAAaI,gBAAkBJ,EAAaI,gBAAkBN,EAE/FG,KAAKC,UAAUG,aAAeL,EAAaK,aAAeL,EAAaK,aAAeP,EAEtFG,KAAKC,UAAUI,WAAaN,EAAaM,WAAaN,EAAaM,WAAaR,EAEhFG,KAAKC,UAAUK,QAAUP,EAAaO,QAAUP,EAAaO,QAAUT,EAEvEG,KAAKC,UAAUM,QAAUR,EAAaQ,QAAUR,EAAaQ,QAAUV,EAEvEG,KAAKC,UAAUO,QAAUT,EAAaS,QAAUT,EAAaS,QAAUX,EAEvEG,KAAKC,UAAUQ,WAAaV,EAAaU,WAAaV,EAAaU,WAAaZ,EAEhFG,KAAKC,UAAUS,eAAiBX,EAAaW,eAAiBX,EAAaW,eAAiBb,EAE5FG,KAAKC,UAAUU,qBAAuBZ,EAAaY,qBAAuBZ,EAAaY,qBAAuBd,EAE9GG,KAAKC,UAAUW,sBAAwBb,EAAaa,sBAAwBb,EAAaa,sBAAwBf,EAEjHG,KAAKC,UAAUY,gBAAkBd,EAAac,gBAAkBd,EAAac,gBAAkBhB,EAE/FG,KAAKC,UAAUa,UAAYf,EAAae,UAAYf,EAAae,UAAYjB,CACjF"}
+{"version":3,"file":"configureCallbacks.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/CSF/extensions/configureCallbacks.ts"],"sourcesContent":["import { CSFCallbacksConfig } from '../types';\n\nconst noop = () => {};\n\nexport function configureCallbacks(callbacksObj: Partial<CSFCallbacksConfig> = {}): void {\n    // --\n    this.callbacks.onLoad = callbacksObj.onLoad ? callbacksObj.onLoad : noop;\n\n    this.callbacks.onConfigSuccess = callbacksObj.onConfigSuccess ? callbacksObj.onConfigSuccess : noop;\n\n    this.callbacks.onFieldValid = callbacksObj.onFieldValid ? callbacksObj.onFieldValid : noop;\n\n    this.callbacks.onAllValid = callbacksObj.onAllValid ? callbacksObj.onAllValid : noop;\n\n    this.callbacks.onBrand = callbacksObj.onBrand ? callbacksObj.onBrand : noop;\n\n    this.callbacks.onError = callbacksObj.onError ? callbacksObj.onError : noop;\n\n    this.callbacks.onFocus = callbacksObj.onFocus ? callbacksObj.onFocus : noop;\n\n    this.callbacks.onBinValue = callbacksObj.onBinValue ? callbacksObj.onBinValue : noop;\n\n    this.callbacks.onAutoComplete = callbacksObj.onAutoComplete ? callbacksObj.onAutoComplete : noop;\n\n    this.callbacks.onAdditionalSFConfig = callbacksObj.onAdditionalSFConfig ? callbacksObj.onAdditionalSFConfig : noop;\n\n    this.callbacks.onAdditionalSFRemoved = callbacksObj.onAdditionalSFRemoved ? callbacksObj.onAdditionalSFRemoved : noop;\n\n    this.callbacks.onTouchstartIOS = callbacksObj.onTouchstartIOS ? callbacksObj.onTouchstartIOS : noop;\n\n    this.callbacks.onKeyPressed = callbacksObj.onKeyPressed ? callbacksObj.onKeyPressed : noop;\n}\n"],"names":["noop","configureCallbacks","callbacksObj","this","callbacks","onLoad","onConfigSuccess","onFieldValid","onAllValid","onBrand","onError","onFocus","onBinValue","onAutoComplete","onAdditionalSFConfig","onAdditionalSFRemoved","onTouchstartIOS","onKeyPressed"],"mappings":"AAEA,MAAMA,EAAO,OAEN,SAASC,EAAmBC,EAA4C,IAE3EC,KAAKC,UAAUC,OAASH,EAAaG,OAASH,EAAaG,OAASL,EAEpEG,KAAKC,UAAUE,gBAAkBJ,EAAaI,gBAAkBJ,EAAaI,gBAAkBN,EAE/FG,KAAKC,UAAUG,aAAeL,EAAaK,aAAeL,EAAaK,aAAeP,EAEtFG,KAAKC,UAAUI,WAAaN,EAAaM,WAAaN,EAAaM,WAAaR,EAEhFG,KAAKC,UAAUK,QAAUP,EAAaO,QAAUP,EAAaO,QAAUT,EAEvEG,KAAKC,UAAUM,QAAUR,EAAaQ,QAAUR,EAAaQ,QAAUV,EAEvEG,KAAKC,UAAUO,QAAUT,EAAaS,QAAUT,EAAaS,QAAUX,EAEvEG,KAAKC,UAAUQ,WAAaV,EAAaU,WAAaV,EAAaU,WAAaZ,EAEhFG,KAAKC,UAAUS,eAAiBX,EAAaW,eAAiBX,EAAaW,eAAiBb,EAE5FG,KAAKC,UAAUU,qBAAuBZ,EAAaY,qBAAuBZ,EAAaY,qBAAuBd,EAE9GG,KAAKC,UAAUW,sBAAwBb,EAAaa,sBAAwBb,EAAaa,sBAAwBf,EAEjHG,KAAKC,UAAUY,gBAAkBd,EAAac,gBAAkBd,EAAac,gBAAkBhB,EAE/FG,KAAKC,UAAUa,aAAef,EAAae,aAAef,EAAae,aAAejB,CAC1F"}

package/dist/es/components/internal/SecuredFields/lib/CSF/extensions/createSecuredFields.js

@@ -1,2 +1,2 @@
-import{select as e,getAttribute as t}from"../../utilities/dom.js";import{DATA_ENCRYPTED_FIELD_ATTR as i,CVC_POLICY_REQUIRED as o,DATE_POLICY_REQUIRED as s,ENCRYPTED_EXPIRY_YEAR as n,SF_CONFIG_TIMEOUT as r,DATA_UID as a,DATA_INFO as d}from"../../constants.js";import{existy as l}from"../../../../../../utils/commonUtils.js";import c from"../utils/cardType.js";import h from"../../securedField/SecuredField.js";import p from"../../../../../../core/Errors/AdyenCheckoutError.js";import{isSecuredField as u}from"../../../utils.js";function f(){this.encryptedAttrName=i;const n=e(this.props.rootNode,`[${this.encryptedAttrName}]`).filter(e=>{const i=t(e,this.encryptedAttrName),o=u(i);return o||console.warn(`WARNING: '${i}' is not a valid type for the '${this.encryptedAttrName}' attribute. A SecuredField will not be created for this element.`),o}),r=o,a=s;return this.config.isCreditCardType?(this.isSingleBrandedCard=!1,this.securityCode="",this.createCardSecuredFields(n,r,a),n.length):(this.createNonCardSecuredFields(n),n.length)}async function m(e){for(let t=0;t<e.length;t++){const i=e[t];await this.setupSecuredField(i).catch(e=>{window._b$dl&&console.log("Secured fields setup failure. e=",e)})}}async function y(e,t,i){let n=this.state.type;if("card"===n&&1===this.config.cardGroupTypes.length&&(n=this.config.cardGroupTypes[0],this.state.type=n),this.isSingleBrandedCard="card"!==n,this.isSingleBrandedCard){const e=c.getCardByBrand(n);l(e)?(t=e.cvcPolicy||o,i=e.expiryDatePolicy||s,this.securityCode=e.securityCode):this.state.type="unrecognised-single-brand"}for(let o=0;o<e.length;o++){const s=e[o];window._b$dl&&console.log("\nAbout to set up securedField:",s),await this.setupSecuredField(s,t,i).catch(e=>{window._b$dl&&console.log("Secured fields setup failure. e=",e)}),window._b$dl&&console.log("Finished setting up securedField:",s)}if(window._b$dl&&console.log("Finished setting up all securedFields"),this.isSingleBrandedCard){const e={type:this.state.type,rootNode:this.props.rootNode,brand:n,cvcPolicy:t,expiryDatePolicy:i,cvcText:this.securityCode};setTimeout(()=>{this.callbacks.onBrand(e)},0)}}function g(e,i,o){return new Promise((s,l)=>{const c=t(e,this.encryptedAttrName);c===n&&(this.state.hasSeparateDateFields=!0);const u={fieldType:c,extraFieldData:t(e,d),uid:t(e,a),cvcPolicy:i,holderEl:e,expiryDatePolicy:o,txVariant:this.state.type,cardGroupTypes:this.config.cardGroupTypes,iframeUIConfig:this.config.iframeUIConfig,sfLogAtStart:this.config.sfLogAtStart,trimTrailingSeparator:this.config.trimTrailingSeparator,isCreditCardType:this.config.isCreditCardType,iframeSrc:this.config.iframeSrc,loadingContext:this.config.loadingContext,showWarnings:this.config.showWarnings,legacyInputMode:this.config.legacyInputMode,minimumExpiryDate:this.config.minimumExpiryDate,maskSecurityCode:this.props.maskSecurityCode,exposeExpiryDate:this.props.exposeExpiryDate,disableIOSArrowKeys:this.props.shouldDisableIOSArrowKeys,implementationType:this.props.implementationType,showContextualElement:this.props.showContextualElement,placeholders:this.props.placeholders,submitAnalytics:this.props.onSubmitAnalytics,componentType:this.props.componentType},f=new h(u,this.props.i18n).onIframeLoaded(()=>{if(this.state.iframeCount+=1,window._b$dl&&console.log("### createSecuredFields::onIframeLoaded:: this.state.iframeCount=",this.state.iframeCount),this.state.iframeCount>this.state.numIframes)throw this.destroySecuredFields(),new p("ERROR",`One or more securedFields has just loaded new content. This should never happen. securedFields have been removed.\n                        iframe load count=${this.state.iframeCount}. Expected count:${this.state.numIframes}`);if(f.loadToConfigTimeout=setTimeout(()=>{l({type:u.fieldType,failReason:"sf took too long to config"})},r),this.state.iframeCount===this.state.originalNumIframes){const e={iframesLoaded:!0};this.callbacks.onLoad(e)}}).onConfig(e=>{this.handleIframeConfigFeedback(e),clearTimeout(f.loadToConfigTimeout),f.loadToConfigTimeout=null,s(e)}).onFocus(e=>{this.handleFocus(e)}).onBinValue(e=>{this.handleBinValue(e)}).onTouchstart(e=>{this.props.shouldDisableIOSArrowKeys&&(this.hasGenuineTouchEvents||e.hasGenuineTouchEvents)&&this.callbacks.onTouchstartIOS({fieldType:e.fieldType}),(e.hasGenuineTouchEvents||this.hasGenuineTouchEvents)&&this.postMessageToAllIframes({fieldType:e.fieldType,fieldClick:!0})}).onShiftTab(e=>{this.handleSFShiftTab(e.fieldType)}).onEncryption(e=>{this.handleEncryption(e)}).onValidation(e=>{this.handleValidation(e)}).onAutoComplete(e=>{this.processAutoComplete(e)}).onKeyDown(e=>{const{numKey:t,...i}=e;this.callbacks.onKeyDown(i)});this.state.securedFields[c]=f})}export{y as createCardSecuredFields,m as createNonCardSecuredFields,f as createSecuredFields,g as setupSecuredField};
+import{select as e,getAttribute as t}from"../../utilities/dom.js";import{DATA_ENCRYPTED_FIELD_ATTR as i,CVC_POLICY_REQUIRED as s,DATE_POLICY_REQUIRED as o,ENCRYPTED_EXPIRY_YEAR as n,SF_CONFIG_TIMEOUT as r,DATA_UID as a,DATA_INFO as d}from"../../constants.js";import{existy as l}from"../../../../../../utils/commonUtils.js";import c from"../utils/cardType.js";import h from"../../securedField/SecuredField.js";import p from"../../../../../../core/Errors/AdyenCheckoutError.js";import{isSecuredField as u}from"../../../utils.js";function f(){this.encryptedAttrName=i;const n=e(this.props.rootNode,`[${this.encryptedAttrName}]`).filter(e=>{const i=t(e,this.encryptedAttrName),s=u(i);return s||console.warn(`WARNING: '${i}' is not a valid type for the '${this.encryptedAttrName}' attribute. A SecuredField will not be created for this element.`),s}),r=s,a=o;return this.config.isCreditCardType?(this.isSingleBrandedCard=!1,this.securityCode="",this.createCardSecuredFields(n,r,a),n.length):(this.createNonCardSecuredFields(n),n.length)}async function m(e){for(let t=0;t<e.length;t++){const i=e[t];await this.setupSecuredField(i).catch(e=>{window._b$dl&&console.log("Secured fields setup failure. e=",e)})}}async function y(e,t,i){let n=this.state.type;if("card"===n&&1===this.config.cardGroupTypes.length&&(n=this.config.cardGroupTypes[0],this.state.type=n),this.isSingleBrandedCard="card"!==n,this.isSingleBrandedCard){const e=c.getCardByBrand(n);l(e)?(t=e.cvcPolicy||s,i=e.expiryDatePolicy||o,this.securityCode=e.securityCode):this.state.type="unrecognised-single-brand"}for(let s=0;s<e.length;s++){const o=e[s];window._b$dl&&console.log("\nAbout to set up securedField:",o),await this.setupSecuredField(o,t,i).catch(e=>{window._b$dl&&console.log("Secured fields setup failure. e=",e)}),window._b$dl&&console.log("Finished setting up securedField:",o)}if(window._b$dl&&console.log("Finished setting up all securedFields"),this.isSingleBrandedCard){const e={type:this.state.type,rootNode:this.props.rootNode,brand:n,cvcPolicy:t,expiryDatePolicy:i,cvcText:this.securityCode};setTimeout(()=>{this.callbacks.onBrand(e)},0)}}function g(e,i,s){return new Promise((o,l)=>{const c=t(e,this.encryptedAttrName);c===n&&(this.state.hasSeparateDateFields=!0);const u={fieldType:c,extraFieldData:t(e,d),uid:t(e,a),cvcPolicy:i,holderEl:e,expiryDatePolicy:s,txVariant:this.state.type,cardGroupTypes:this.config.cardGroupTypes,iframeUIConfig:this.config.iframeUIConfig,sfLogAtStart:this.config.sfLogAtStart,trimTrailingSeparator:this.config.trimTrailingSeparator,isCreditCardType:this.config.isCreditCardType,iframeSrc:this.config.iframeSrc,loadingContext:this.config.loadingContext,showWarnings:this.config.showWarnings,legacyInputMode:this.config.legacyInputMode,minimumExpiryDate:this.config.minimumExpiryDate,maskSecurityCode:this.props.maskSecurityCode,exposeExpiryDate:this.props.exposeExpiryDate,disableIOSArrowKeys:this.props.shouldDisableIOSArrowKeys,implementationType:this.props.implementationType,showContextualElement:this.props.showContextualElement,placeholders:this.props.placeholders,submitAnalytics:this.props.onSubmitAnalytics,componentType:this.props.componentType},f=new h(u,this.props.i18n).onIframeLoaded(()=>{if(this.state.iframeCount+=1,window._b$dl&&console.log("### createSecuredFields::onIframeLoaded:: this.state.iframeCount=",this.state.iframeCount),this.state.iframeCount>this.state.numIframes)throw this.destroySecuredFields(),new p("ERROR",`One or more securedFields has just loaded new content. This should never happen. securedFields have been removed.\n                        iframe load count=${this.state.iframeCount}. Expected count:${this.state.numIframes}`);if(f.loadToConfigTimeout=setTimeout(()=>{l({type:u.fieldType,failReason:"sf took too long to config"})},r),this.state.iframeCount===this.state.originalNumIframes){const e={iframesLoaded:!0};this.callbacks.onLoad(e)}}).onConfig(e=>{this.handleIframeConfigFeedback(e),clearTimeout(f.loadToConfigTimeout),f.loadToConfigTimeout=null,o(e)}).onFocus(e=>{this.handleFocus(e)}).onBinValue(e=>{this.handleBinValue(e)}).onTouchstart(e=>{this.props.shouldDisableIOSArrowKeys&&(this.hasGenuineTouchEvents||e.hasGenuineTouchEvents)&&this.callbacks.onTouchstartIOS({fieldType:e.fieldType}),(e.hasGenuineTouchEvents||this.hasGenuineTouchEvents)&&this.postMessageToAllIframes({fieldType:e.fieldType,fieldClick:!0})}).onShiftTab(e=>{this.handleSFShiftTab(e.fieldType)}).onEncryption(e=>{this.handleEncryption(e)}).onValidation(e=>{this.handleValidation(e)}).onAutoComplete(e=>{this.processAutoComplete(e)}).onKeyPressed(e=>{const{numKey:t,...i}=e;this.callbacks.onKeyPressed(i)});this.state.securedFields[c]=f})}export{y as createCardSecuredFields,m as createNonCardSecuredFields,f as createSecuredFields,g as setupSecuredField};
 //# sourceMappingURL=createSecuredFields.js.map

package/dist/es/components/internal/SecuredFields/lib/CSF/extensions/createSecuredFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"createSecuredFields.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/CSF/extensions/createSecuredFields.ts"],"sourcesContent":["import { select, getAttribute } from '../../utilities/dom';\nimport {\n    ENCRYPTED_EXPIRY_YEAR,\n    DATE_POLICY_REQUIRED,\n    CVC_POLICY_REQUIRED,\n    DATA_ENCRYPTED_FIELD_ATTR,\n    DATA_INFO,\n    DATA_UID,\n    SF_CONFIG_TIMEOUT,\n    ENCRYPTED_EXPIRY_MONTH\n} from '../../constants';\nimport { existy } from '../../../../../../utils/commonUtils';\nimport cardType from '../utils/cardType';\nimport { SecuredFieldSetupObject } from '../../types';\nimport SecuredField from '../../securedField/SecuredField';\nimport { CardObject, CardBrandData, SFFeedbackObj, CardLoadData, CVCPolicyType, DatePolicyType } from '../../types';\nimport AdyenCheckoutError from '../../../../../../core/Errors/AdyenCheckoutError';\nimport { isSecuredField } from '../../../utils';\n\n/**\n * Bound to the instance of CSF\n * Handles specific functionality related to configuring & creating SecuredFields\n */\nexport function createSecuredFields(): number {\n    this.encryptedAttrName = DATA_ENCRYPTED_FIELD_ATTR;\n\n    // Detect DOM elements that qualify as securedField holders & filter them for valid types\n    const securedFields: HTMLElement[] = select(this.props.rootNode, `[${this.encryptedAttrName}]`).filter(field => {\n        const fieldType: string = getAttribute(field, this.encryptedAttrName);\n\n        if (fieldType === ENCRYPTED_EXPIRY_MONTH) {\n            // TODO send analytics about separate date fields\n        }\n\n        const isValidType = isSecuredField(fieldType);\n        if (!isValidType) {\n            console.warn(\n                `WARNING: '${fieldType}' is not a valid type for the '${this.encryptedAttrName}' attribute. A SecuredField will not be created for this element.`\n            );\n        }\n        return isValidType;\n    });\n\n    /**\n     * cvcPolicy - 'required' | 'optional' | 'hidden'\n     * - Always 'required' for GiftCards\n     * - Usually 'required' for single branded Credit Cards but with exceptions e.g. maestro ('optional'), bcmc ('hidden').\n     * - Always 'required' for generic Credit Cards at start up - in this case, subsequent, supporting information about whether cvc stops being required\n     * comes from the SF in the brand information (as the shopper inputs the cc number)\n     */\n    const cvcPolicy: CVCPolicyType = CVC_POLICY_REQUIRED;\n\n    /** Usually 'required' for single branded Credit Cards but with exceptions e.g. ticket ('hidden', *technically* a meal voucher) */\n    const expiryDatePolicy: DatePolicyType = DATE_POLICY_REQUIRED;\n\n    // CHECK IF THIS SECURED FIELD IS NOT OF A CREDIT CARD TYPE\n    if (!this.config.isCreditCardType) {\n        this.createNonCardSecuredFields(securedFields);\n        return securedFields.length;\n    }\n\n    // CONTINUE AS CREDIT-CARD TYPE...\n    this.isSingleBrandedCard = false;\n\n    this.securityCode = '';\n\n    this.createCardSecuredFields(securedFields, cvcPolicy, expiryDatePolicy);\n\n    // Return the number of iframes we're going to create\n    return securedFields.length;\n}\n\n/**\n * i.e. giftcard and ach fields\n *\n * Create a new SecuredField for each detected holding element\n */\nexport async function createNonCardSecuredFields(securedFields: HTMLElement[]): Promise<void> {\n    for (let i = 0; i < securedFields.length; i++) {\n        const securedField = securedFields[i];\n        await this.setupSecuredField(securedField).catch(e => {\n            if (window._b$dl) console.log('Secured fields setup failure. e=', e);\n        });\n    }\n}\n\nexport async function createCardSecuredFields(\n    securedFields: HTMLElement[],\n    cvcPolicy: CVCPolicyType,\n    expiryDatePolicy: DatePolicyType\n): Promise<void> {\n    // Declared card type from the initialisation of CSF\n    let type: string = this.state.type;\n\n    // Maybe it's a single branded card defined by setting type: 'card' & a single item in cardGroupTypes\n    // In which case update the type var both locally AND in State\n    if (type === 'card' && this.config.cardGroupTypes.length === 1) {\n        type = this.config.cardGroupTypes[0];\n        this.state.type = type;\n    }\n\n    // So, is it a single branded card? i.e. a storedCard or a regular card that has just one brand set in its brands array\n    this.isSingleBrandedCard = type !== 'card';\n\n    // If single branded card field...\n    if (this.isSingleBrandedCard) {\n        // Check that type exists\n        const card: CardObject = cardType.getCardByBrand(type);\n\n        // It's possible we don't recognise the card type -\n        // scenario: frontend initially recognises card as e.g. Visa - but then backend tokenises it as a sub-brand which we currently don't recognise\n        if (!existy(card)) {\n            this.state.type = 'unrecognised-single-brand'; // Will let CVC field accept 4 digits in the input\n        } else {\n            // Assess whether cvc field is required based on the card type & whether the cvc field should even be visible\n            cvcPolicy = card.cvcPolicy || CVC_POLICY_REQUIRED;\n            expiryDatePolicy = card.expiryDatePolicy || DATE_POLICY_REQUIRED;\n\n            this.securityCode = card.securityCode;\n        }\n    }\n\n    /**\n     * Create a new SecuredField for each detected holding element\n     *\n     * - we do this in sequence, waiting until one has configured before creating the next.\n     * We do it this way to avoid the 'bug' whereby if something interrupts the loading of an iframe the listener we have for its load event\n     * never fires; which means the iframe never configures.\n     * (NB - you can recreate this 'bug' by creating the securedFields in a synchronous loop:\n     *      securedFields.forEach(this.setupSecuredField.bind(this));\n     *  and putting a breakpoint on the line where we declare the setupSecuredField function)\n     *\n     *  Also note we tried the Array.map/Promise.all way of asynchronously looping through an array - but it didn't fix the issue,\n     *  - so we fall back to a good old for-loop\n     */\n    for (let i = 0; i < securedFields.length; i++) {\n        const securedField = securedFields[i];\n        if (window._b$dl) console.log('\\nAbout to set up securedField:', securedField);\n        await this.setupSecuredField(securedField, cvcPolicy, expiryDatePolicy).catch(e => {\n            if (window._b$dl) console.log('Secured fields setup failure. e=', e);\n        });\n        if (window._b$dl) console.log('Finished setting up securedField:', securedField);\n    }\n    if (window._b$dl) console.log('Finished setting up all securedFields');\n\n    /**\n     * Now the securedFields have all been created and configured...\n     *\n     * For a single branded card we call to onBrand callback once.\n     * This allows the UI to set the correct logo if they haven't already,\n     * and we also pass the cvcPolicy & expiryDatePolicy so the UI can hide the iframe holders if necessary\n     */\n    if (this.isSingleBrandedCard) {\n        const callbackObj: CardBrandData = {\n            type: this.state.type,\n            rootNode: this.props.rootNode,\n            brand: type,\n            cvcPolicy,\n            expiryDatePolicy,\n            cvcText: this.securityCode\n        };\n\n        // Allow a tick for the securedField to finish rendering\n        setTimeout(() => {\n            this.callbacks.onBrand(callbackObj);\n        }, 0);\n    }\n}\n\n// Run for each detected holder of a securedField...\nexport function setupSecuredField(pItem: HTMLElement, cvcPolicy?: CVCPolicyType, expiryDatePolicy?: DatePolicyType): Promise<SFFeedbackObj> {\n    return new Promise((resolve, reject) => {\n        /**\n         *  possible values:\n         *  encryptedCardNumber\n         *  encryptedExpiryDate\n         *  encryptedExpiryMonth\n         *  encryptedExpiryYear\n         *  encryptedSecurityCode\n         *  encryptedPassword\n         */\n        const fieldType: string = getAttribute(pItem, this.encryptedAttrName);\n\n        if (fieldType === ENCRYPTED_EXPIRY_YEAR) {\n            this.state.hasSeparateDateFields = true;\n        }\n\n        const extraFieldData: string = getAttribute(pItem, DATA_INFO);\n        const uid = getAttribute(pItem, DATA_UID);\n\n        // CREATE SecuredField passing config object\n        const sfInitObj: SecuredFieldSetupObject = {\n            fieldType,\n            extraFieldData,\n            uid,\n            cvcPolicy,\n            holderEl: pItem,\n            expiryDatePolicy,\n            txVariant: this.state.type,\n            // from this.config (calculated)\n            cardGroupTypes: this.config.cardGroupTypes,\n            iframeUIConfig: this.config.iframeUIConfig,\n            sfLogAtStart: this.config.sfLogAtStart,\n            trimTrailingSeparator: this.config.trimTrailingSeparator,\n            isCreditCardType: this.config.isCreditCardType,\n            iframeSrc: this.config.iframeSrc,\n            loadingContext: this.config.loadingContext,\n            showWarnings: this.config.showWarnings,\n            legacyInputMode: this.config.legacyInputMode,\n            minimumExpiryDate: this.config.minimumExpiryDate,\n            // from this.props (passed straight thru)\n            maskSecurityCode: this.props.maskSecurityCode,\n            exposeExpiryDate: this.props.exposeExpiryDate,\n            disableIOSArrowKeys: this.props.shouldDisableIOSArrowKeys,\n            implementationType: this.props.implementationType,\n            showContextualElement: this.props.showContextualElement,\n            placeholders: this.props.placeholders,\n            submitAnalytics: this.props.onSubmitAnalytics,\n            componentType: this.props.componentType\n        };\n\n        const sf: SecuredField = new SecuredField(sfInitObj, this.props.i18n)\n            .onIframeLoaded((): void => {\n                // Count\n                this.state.iframeCount += 1;\n\n                if (window._b$dl) console.log('### createSecuredFields::onIframeLoaded:: this.state.iframeCount=', this.state.iframeCount);\n\n                // One of our existing securedFields has just loaded new content!\n                if (this.state.iframeCount > this.state.numIframes) {\n                    this.destroySecuredFields();\n                    // TODO send analytics about this error\n                    throw new AdyenCheckoutError(\n                        'ERROR',\n                        `One or more securedFields has just loaded new content. This should never happen. securedFields have been removed.\n                        iframe load count=${this.state.iframeCount}. Expected count:${this.state.numIframes}`\n                    );\n                }\n\n                /** Create timeout within which time we expect the securedField to configure */\n                // @ts-ignore - timeout 'type' *is* a number\n                sf.loadToConfigTimeout = setTimeout(() => {\n                    reject({ type: sfInitObj.fieldType, failReason: 'sf took too long to config' });\n                }, SF_CONFIG_TIMEOUT);\n\n                // If all iframes are loaded - call onLoad callback\n                if (this.state.iframeCount === this.state.originalNumIframes) {\n                    const callbackObj: CardLoadData = { iframesLoaded: true };\n                    this.callbacks.onLoad(callbackObj);\n                }\n            })\n            .onConfig((pFeedbackObj: SFFeedbackObj): void => {\n                this.handleIframeConfigFeedback(pFeedbackObj);\n\n                // Clear timeout since the securedField has configured\n                clearTimeout(sf.loadToConfigTimeout);\n                sf.loadToConfigTimeout = null;\n\n                resolve(pFeedbackObj);\n            })\n            .onFocus((pFeedbackObj: SFFeedbackObj): void => {\n                this.handleFocus(pFeedbackObj);\n            })\n            .onBinValue((pFeedbackObj: SFFeedbackObj): void => {\n                this.handleBinValue(pFeedbackObj);\n            })\n            .onTouchstart((pFeedbackObj: SFFeedbackObj): void => {\n                // re. Disabling arrow keys in iOS - need to disable all other fields in the form\n                if (this.props.shouldDisableIOSArrowKeys) {\n                    /**\n                     * re. this.hasGenuineTouchEvents...\n                     *  There seems to be an issue with Responsive Design mode in Safari that means it allows setting focus on cross-origin iframes,\n                     *  without enabling the touch events that allow the \"disableIOSArrowKeys\" workaround to fully function.\n                     *  This results in a click on an securedFields *label* leading to, for example, the holderName field being disabled, but w/o access\n                     *  to the touch events that would let it re-enable itself.\n                     *\n                     *  So we prevent the \"disableIOSArrowKeys\" workaround unless we genuinely have touch events available.\n                     */\n                    if (this.hasGenuineTouchEvents || pFeedbackObj.hasGenuineTouchEvents) {\n                        this.callbacks.onTouchstartIOS({ fieldType: pFeedbackObj.fieldType });\n                    }\n                }\n\n                // Only perform this step if we genuinely have touch events available\n                if (pFeedbackObj.hasGenuineTouchEvents || this.hasGenuineTouchEvents) {\n                    // iOS ONLY - RE. iOS BUGS AROUND BLUR AND FOCUS EVENTS\n                    // - pass information about which field has just been clicked (gained focus) to the other iframes\n                    this.postMessageToAllIframes({ fieldType: pFeedbackObj.fieldType, fieldClick: true });\n                }\n            })\n            .onShiftTab((pFeedbackObj: SFFeedbackObj): void => {\n                // Only happens for Firefox & IE <= 11\n                this.handleSFShiftTab(pFeedbackObj.fieldType);\n            })\n            .onEncryption((pFeedbackObj: SFFeedbackObj): void => {\n                this.handleEncryption(pFeedbackObj);\n            })\n            .onValidation((pFeedbackObj: SFFeedbackObj): void => {\n                this.handleValidation(pFeedbackObj);\n            })\n            .onAutoComplete((pFeedbackObj: SFFeedbackObj): void => {\n                this.processAutoComplete(pFeedbackObj);\n            })\n            .onKeyDown((pFeedbackObj: SFFeedbackObj): void => {\n                const { numKey, ...rest } = pFeedbackObj;\n                this.callbacks.onKeyDown(rest);\n            });\n\n        // Store reference to securedField in this.state (under fieldType)\n        this.state.securedFields[fieldType] = sf;\n    });\n}\n"],"names":["createSecuredFields","this","encryptedAttrName","DATA_ENCRYPTED_FIELD_ATTR","securedFields","select","props","rootNode","filter","field","fieldType","getAttribute","isValidType","isSecuredField","console","warn","cvcPolicy","CVC_POLICY_REQUIRED","expiryDatePolicy","DATE_POLICY_REQUIRED","config","isCreditCardType","isSingleBrandedCard","securityCode","createCardSecuredFields","length","createNonCardSecuredFields","async","i","securedField","setupSecuredField","catch","e","window","_b$dl","log","type","state","cardGroupTypes","card","cardType","getCardByBrand","existy","callbackObj","brand","cvcText","setTimeout","callbacks","onBrand","pItem","Promise","resolve","reject","ENCRYPTED_EXPIRY_YEAR","hasSeparateDateFields","sfInitObj","extraFieldData","DATA_INFO","uid","DATA_UID","holderEl","txVariant","iframeUIConfig","sfLogAtStart","trimTrailingSeparator","iframeSrc","loadingContext","showWarnings","legacyInputMode","minimumExpiryDate","maskSecurityCode","exposeExpiryDate","disableIOSArrowKeys","shouldDisableIOSArrowKeys","implementationType","showContextualElement","placeholders","submitAnalytics","onSubmitAnalytics","componentType","sf","SecuredField","i18n","onIframeLoaded","iframeCount","numIframes","destroySecuredFields","AdyenCheckoutError","loadToConfigTimeout","failReason","SF_CONFIG_TIMEOUT","originalNumIframes","iframesLoaded","onLoad","onConfig","pFeedbackObj","handleIframeConfigFeedback","clearTimeout","onFocus","handleFocus","onBinValue","handleBinValue","onTouchstart","hasGenuineTouchEvents","onTouchstartIOS","postMessageToAllIframes","fieldClick","onShiftTab","handleSFShiftTab","onEncryption","handleEncryption","onValidation","handleValidation","onAutoComplete","processAutoComplete","onKeyDown","numKey","rest"],"mappings":"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"}
+{"version":3,"file":"createSecuredFields.js","sources":["../../../../../../../../src/components/internal/SecuredFields/lib/CSF/extensions/createSecuredFields.ts"],"sourcesContent":["import { select, getAttribute } from '../../utilities/dom';\nimport {\n    ENCRYPTED_EXPIRY_YEAR,\n    DATE_POLICY_REQUIRED,\n    CVC_POLICY_REQUIRED,\n    DATA_ENCRYPTED_FIELD_ATTR,\n    DATA_INFO,\n    DATA_UID,\n    SF_CONFIG_TIMEOUT,\n    ENCRYPTED_EXPIRY_MONTH\n} from '../../constants';\nimport { existy } from '../../../../../../utils/commonUtils';\nimport cardType from '../utils/cardType';\nimport { SecuredFieldSetupObject } from '../../types';\nimport SecuredField from '../../securedField/SecuredField';\nimport { CardObject, CardBrandData, SFFeedbackObj, CardLoadData, CVCPolicyType, DatePolicyType } from '../../types';\nimport AdyenCheckoutError from '../../../../../../core/Errors/AdyenCheckoutError';\nimport { isSecuredField } from '../../../utils';\n\n/**\n * Bound to the instance of CSF\n * Handles specific functionality related to configuring & creating SecuredFields\n */\nexport function createSecuredFields(): number {\n    this.encryptedAttrName = DATA_ENCRYPTED_FIELD_ATTR;\n\n    // Detect DOM elements that qualify as securedField holders & filter them for valid types\n    const securedFields: HTMLElement[] = select(this.props.rootNode, `[${this.encryptedAttrName}]`).filter(field => {\n        const fieldType: string = getAttribute(field, this.encryptedAttrName);\n\n        if (fieldType === ENCRYPTED_EXPIRY_MONTH) {\n            // TODO send analytics about separate date fields\n        }\n\n        const isValidType = isSecuredField(fieldType);\n        if (!isValidType) {\n            console.warn(\n                `WARNING: '${fieldType}' is not a valid type for the '${this.encryptedAttrName}' attribute. A SecuredField will not be created for this element.`\n            );\n        }\n        return isValidType;\n    });\n\n    /**\n     * cvcPolicy - 'required' | 'optional' | 'hidden'\n     * - Always 'required' for GiftCards\n     * - Usually 'required' for single branded Credit Cards but with exceptions e.g. maestro ('optional'), bcmc ('hidden').\n     * - Always 'required' for generic Credit Cards at start up - in this case, subsequent, supporting information about whether cvc stops being required\n     * comes from the SF in the brand information (as the shopper inputs the cc number)\n     */\n    const cvcPolicy: CVCPolicyType = CVC_POLICY_REQUIRED;\n\n    /** Usually 'required' for single branded Credit Cards but with exceptions e.g. ticket ('hidden', *technically* a meal voucher) */\n    const expiryDatePolicy: DatePolicyType = DATE_POLICY_REQUIRED;\n\n    // CHECK IF THIS SECURED FIELD IS NOT OF A CREDIT CARD TYPE\n    if (!this.config.isCreditCardType) {\n        this.createNonCardSecuredFields(securedFields);\n        return securedFields.length;\n    }\n\n    // CONTINUE AS CREDIT-CARD TYPE...\n    this.isSingleBrandedCard = false;\n\n    this.securityCode = '';\n\n    this.createCardSecuredFields(securedFields, cvcPolicy, expiryDatePolicy);\n\n    // Return the number of iframes we're going to create\n    return securedFields.length;\n}\n\n/**\n * i.e. giftcard and ach fields\n *\n * Create a new SecuredField for each detected holding element\n */\nexport async function createNonCardSecuredFields(securedFields: HTMLElement[]): Promise<void> {\n    for (let i = 0; i < securedFields.length; i++) {\n        const securedField = securedFields[i];\n        await this.setupSecuredField(securedField).catch(e => {\n            if (window._b$dl) console.log('Secured fields setup failure. e=', e);\n        });\n    }\n}\n\nexport async function createCardSecuredFields(\n    securedFields: HTMLElement[],\n    cvcPolicy: CVCPolicyType,\n    expiryDatePolicy: DatePolicyType\n): Promise<void> {\n    // Declared card type from the initialisation of CSF\n    let type: string = this.state.type;\n\n    // Maybe it's a single branded card defined by setting type: 'card' & a single item in cardGroupTypes\n    // In which case update the type var both locally AND in State\n    if (type === 'card' && this.config.cardGroupTypes.length === 1) {\n        type = this.config.cardGroupTypes[0];\n        this.state.type = type;\n    }\n\n    // So, is it a single branded card? i.e. a storedCard or a regular card that has just one brand set in its brands array\n    this.isSingleBrandedCard = type !== 'card';\n\n    // If single branded card field...\n    if (this.isSingleBrandedCard) {\n        // Check that type exists\n        const card: CardObject = cardType.getCardByBrand(type);\n\n        // It's possible we don't recognise the card type -\n        // scenario: frontend initially recognises card as e.g. Visa - but then backend tokenises it as a sub-brand which we currently don't recognise\n        if (!existy(card)) {\n            this.state.type = 'unrecognised-single-brand'; // Will let CVC field accept 4 digits in the input\n        } else {\n            // Assess whether cvc field is required based on the card type & whether the cvc field should even be visible\n            cvcPolicy = card.cvcPolicy || CVC_POLICY_REQUIRED;\n            expiryDatePolicy = card.expiryDatePolicy || DATE_POLICY_REQUIRED;\n\n            this.securityCode = card.securityCode;\n        }\n    }\n\n    /**\n     * Create a new SecuredField for each detected holding element\n     *\n     * - we do this in sequence, waiting until one has configured before creating the next.\n     * We do it this way to avoid the 'bug' whereby if something interrupts the loading of an iframe the listener we have for its load event\n     * never fires; which means the iframe never configures.\n     * (NB - you can recreate this 'bug' by creating the securedFields in a synchronous loop:\n     *      securedFields.forEach(this.setupSecuredField.bind(this));\n     *  and putting a breakpoint on the line where we declare the setupSecuredField function)\n     *\n     *  Also note we tried the Array.map/Promise.all way of asynchronously looping through an array - but it didn't fix the issue,\n     *  - so we fall back to a good old for-loop\n     */\n    for (let i = 0; i < securedFields.length; i++) {\n        const securedField = securedFields[i];\n        if (window._b$dl) console.log('\\nAbout to set up securedField:', securedField);\n        await this.setupSecuredField(securedField, cvcPolicy, expiryDatePolicy).catch(e => {\n            if (window._b$dl) console.log('Secured fields setup failure. e=', e);\n        });\n        if (window._b$dl) console.log('Finished setting up securedField:', securedField);\n    }\n    if (window._b$dl) console.log('Finished setting up all securedFields');\n\n    /**\n     * Now the securedFields have all been created and configured...\n     *\n     * For a single branded card we call to onBrand callback once.\n     * This allows the UI to set the correct logo if they haven't already,\n     * and we also pass the cvcPolicy & expiryDatePolicy so the UI can hide the iframe holders if necessary\n     */\n    if (this.isSingleBrandedCard) {\n        const callbackObj: CardBrandData = {\n            type: this.state.type,\n            rootNode: this.props.rootNode,\n            brand: type,\n            cvcPolicy,\n            expiryDatePolicy,\n            cvcText: this.securityCode\n        };\n\n        // Allow a tick for the securedField to finish rendering\n        setTimeout(() => {\n            this.callbacks.onBrand(callbackObj);\n        }, 0);\n    }\n}\n\n// Run for each detected holder of a securedField...\nexport function setupSecuredField(pItem: HTMLElement, cvcPolicy?: CVCPolicyType, expiryDatePolicy?: DatePolicyType): Promise<SFFeedbackObj> {\n    return new Promise((resolve, reject) => {\n        /**\n         *  possible values:\n         *  encryptedCardNumber\n         *  encryptedExpiryDate\n         *  encryptedExpiryMonth\n         *  encryptedExpiryYear\n         *  encryptedSecurityCode\n         *  encryptedPassword\n         */\n        const fieldType: string = getAttribute(pItem, this.encryptedAttrName);\n\n        if (fieldType === ENCRYPTED_EXPIRY_YEAR) {\n            this.state.hasSeparateDateFields = true;\n        }\n\n        const extraFieldData: string = getAttribute(pItem, DATA_INFO);\n        const uid = getAttribute(pItem, DATA_UID);\n\n        // CREATE SecuredField passing config object\n        const sfInitObj: SecuredFieldSetupObject = {\n            fieldType,\n            extraFieldData,\n            uid,\n            cvcPolicy,\n            holderEl: pItem,\n            expiryDatePolicy,\n            txVariant: this.state.type,\n            // from this.config (calculated)\n            cardGroupTypes: this.config.cardGroupTypes,\n            iframeUIConfig: this.config.iframeUIConfig,\n            sfLogAtStart: this.config.sfLogAtStart,\n            trimTrailingSeparator: this.config.trimTrailingSeparator,\n            isCreditCardType: this.config.isCreditCardType,\n            iframeSrc: this.config.iframeSrc,\n            loadingContext: this.config.loadingContext,\n            showWarnings: this.config.showWarnings,\n            legacyInputMode: this.config.legacyInputMode,\n            minimumExpiryDate: this.config.minimumExpiryDate,\n            // from this.props (passed straight thru)\n            maskSecurityCode: this.props.maskSecurityCode,\n            exposeExpiryDate: this.props.exposeExpiryDate,\n            disableIOSArrowKeys: this.props.shouldDisableIOSArrowKeys,\n            implementationType: this.props.implementationType,\n            showContextualElement: this.props.showContextualElement,\n            placeholders: this.props.placeholders,\n            submitAnalytics: this.props.onSubmitAnalytics,\n            componentType: this.props.componentType\n        };\n\n        const sf: SecuredField = new SecuredField(sfInitObj, this.props.i18n)\n            .onIframeLoaded((): void => {\n                // Count\n                this.state.iframeCount += 1;\n\n                if (window._b$dl) console.log('### createSecuredFields::onIframeLoaded:: this.state.iframeCount=', this.state.iframeCount);\n\n                // One of our existing securedFields has just loaded new content!\n                if (this.state.iframeCount > this.state.numIframes) {\n                    this.destroySecuredFields();\n                    // TODO send analytics about this error\n                    throw new AdyenCheckoutError(\n                        'ERROR',\n                        `One or more securedFields has just loaded new content. This should never happen. securedFields have been removed.\n                        iframe load count=${this.state.iframeCount}. Expected count:${this.state.numIframes}`\n                    );\n                }\n\n                /** Create timeout within which time we expect the securedField to configure */\n                // @ts-ignore - timeout 'type' *is* a number\n                sf.loadToConfigTimeout = setTimeout(() => {\n                    reject({ type: sfInitObj.fieldType, failReason: 'sf took too long to config' });\n                }, SF_CONFIG_TIMEOUT);\n\n                // If all iframes are loaded - call onLoad callback\n                if (this.state.iframeCount === this.state.originalNumIframes) {\n                    const callbackObj: CardLoadData = { iframesLoaded: true };\n                    this.callbacks.onLoad(callbackObj);\n                }\n            })\n            .onConfig((pFeedbackObj: SFFeedbackObj): void => {\n                this.handleIframeConfigFeedback(pFeedbackObj);\n\n                // Clear timeout since the securedField has configured\n                clearTimeout(sf.loadToConfigTimeout);\n                sf.loadToConfigTimeout = null;\n\n                resolve(pFeedbackObj);\n            })\n            .onFocus((pFeedbackObj: SFFeedbackObj): void => {\n                this.handleFocus(pFeedbackObj);\n            })\n            .onBinValue((pFeedbackObj: SFFeedbackObj): void => {\n                this.handleBinValue(pFeedbackObj);\n            })\n            .onTouchstart((pFeedbackObj: SFFeedbackObj): void => {\n                // re. Disabling arrow keys in iOS - need to disable all other fields in the form\n                if (this.props.shouldDisableIOSArrowKeys) {\n                    /**\n                     * re. this.hasGenuineTouchEvents...\n                     *  There seems to be an issue with Responsive Design mode in Safari that means it allows setting focus on cross-origin iframes,\n                     *  without enabling the touch events that allow the \"disableIOSArrowKeys\" workaround to fully function.\n                     *  This results in a click on an securedFields *label* leading to, for example, the holderName field being disabled, but w/o access\n                     *  to the touch events that would let it re-enable itself.\n                     *\n                     *  So we prevent the \"disableIOSArrowKeys\" workaround unless we genuinely have touch events available.\n                     */\n                    if (this.hasGenuineTouchEvents || pFeedbackObj.hasGenuineTouchEvents) {\n                        this.callbacks.onTouchstartIOS({ fieldType: pFeedbackObj.fieldType });\n                    }\n                }\n\n                // Only perform this step if we genuinely have touch events available\n                if (pFeedbackObj.hasGenuineTouchEvents || this.hasGenuineTouchEvents) {\n                    // iOS ONLY - RE. iOS BUGS AROUND BLUR AND FOCUS EVENTS\n                    // - pass information about which field has just been clicked (gained focus) to the other iframes\n                    this.postMessageToAllIframes({ fieldType: pFeedbackObj.fieldType, fieldClick: true });\n                }\n            })\n            .onShiftTab((pFeedbackObj: SFFeedbackObj): void => {\n                // Only happens for Firefox & IE <= 11\n                this.handleSFShiftTab(pFeedbackObj.fieldType);\n            })\n            .onEncryption((pFeedbackObj: SFFeedbackObj): void => {\n                this.handleEncryption(pFeedbackObj);\n            })\n            .onValidation((pFeedbackObj: SFFeedbackObj): void => {\n                this.handleValidation(pFeedbackObj);\n            })\n            .onAutoComplete((pFeedbackObj: SFFeedbackObj): void => {\n                this.processAutoComplete(pFeedbackObj);\n            })\n            .onKeyPressed((pFeedbackObj: SFFeedbackObj): void => {\n                const { numKey, ...rest } = pFeedbackObj;\n                this.callbacks.onKeyPressed(rest);\n            });\n\n        // Store reference to securedField in this.state (under fieldType)\n        this.state.securedFields[fieldType] = sf;\n    });\n}\n"],"names":["createSecuredFields","this","encryptedAttrName","DATA_ENCRYPTED_FIELD_ATTR","securedFields","select","props","rootNode","filter","field","fieldType","getAttribute","isValidType","isSecuredField","console","warn","cvcPolicy","CVC_POLICY_REQUIRED","expiryDatePolicy","DATE_POLICY_REQUIRED","config","isCreditCardType","isSingleBrandedCard","securityCode","createCardSecuredFields","length","createNonCardSecuredFields","async","i","securedField","setupSecuredField","catch","e","window","_b$dl","log","type","state","cardGroupTypes","card","cardType","getCardByBrand","existy","callbackObj","brand","cvcText","setTimeout","callbacks","onBrand","pItem","Promise","resolve","reject","ENCRYPTED_EXPIRY_YEAR","hasSeparateDateFields","sfInitObj","extraFieldData","DATA_INFO","uid","DATA_UID","holderEl","txVariant","iframeUIConfig","sfLogAtStart","trimTrailingSeparator","iframeSrc","loadingContext","showWarnings","legacyInputMode","minimumExpiryDate","maskSecurityCode","exposeExpiryDate","disableIOSArrowKeys","shouldDisableIOSArrowKeys","implementationType","showContextualElement","placeholders","submitAnalytics","onSubmitAnalytics","componentType","sf","SecuredField","i18n","onIframeLoaded","iframeCount","numIframes","destroySecuredFields","AdyenCheckoutError","loadToConfigTimeout","failReason","SF_CONFIG_TIMEOUT","originalNumIframes","iframesLoaded","onLoad","onConfig","pFeedbackObj","handleIframeConfigFeedback","clearTimeout","onFocus","handleFocus","onBinValue","handleBinValue","onTouchstart","hasGenuineTouchEvents","onTouchstartIOS","postMessageToAllIframes","fieldClick","onShiftTab","handleSFShiftTab","onEncryption","handleEncryption","onValidation","handleValidation","onAutoComplete","processAutoComplete","onKeyPressed","numKey","rest"],"mappings":"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"}

package/dist/es/components/internal/SecuredFields/lib/securedField/AbstractSecuredField.js

@@ -1,2 +1,2 @@
-function i(i,o,t){return o in i?Object.defineProperty(i,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):i[o]=t,i}class o{constructor(){i(this,"sfConfig",void 0),i(this,"componentType",void 0),i(this,"loadingContext",void 0),i(this,"holderEl",void 0),i(this,"iframeRef",void 0),i(this,"loadToConfigTimeout",void 0),i(this,"_isValid",void 0),i(this,"_iframeContentWindow",void 0),i(this,"_numKey",void 0),i(this,"_isEncrypted",void 0),i(this,"_hasError",void 0),i(this,"_errorType",void 0),i(this,"_cvcPolicy",void 0),i(this,"_expiryDatePolicy",void 0),i(this,"_iframeOnLoadListener",void 0),i(this,"_postMessageListener",void 0),i(this,"submitAnalytics",void 0),i(this,"onIframeLoadedCallback",void 0),i(this,"onConfigCallback",void 0),i(this,"onEncryptionCallback",void 0),i(this,"onValidationCallback",void 0),i(this,"onFocusCallback",void 0),i(this,"onBinValueCallback",void 0),i(this,"onTouchstartCallback",void 0),i(this,"onShiftTabCallback",void 0),i(this,"onAutoCompleteCallback",void 0),i(this,"onKeyDownCallback",void 0),this.sfConfig={}}}export{o as default};
+function i(i,o,t){return o in i?Object.defineProperty(i,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):i[o]=t,i}class o{constructor(){i(this,"sfConfig",void 0),i(this,"componentType",void 0),i(this,"loadingContext",void 0),i(this,"holderEl",void 0),i(this,"iframeRef",void 0),i(this,"loadToConfigTimeout",void 0),i(this,"_isValid",void 0),i(this,"_iframeContentWindow",void 0),i(this,"_numKey",void 0),i(this,"_isEncrypted",void 0),i(this,"_hasError",void 0),i(this,"_errorType",void 0),i(this,"_cvcPolicy",void 0),i(this,"_expiryDatePolicy",void 0),i(this,"_iframeOnLoadListener",void 0),i(this,"_postMessageListener",void 0),i(this,"submitAnalytics",void 0),i(this,"onIframeLoadedCallback",void 0),i(this,"onConfigCallback",void 0),i(this,"onEncryptionCallback",void 0),i(this,"onValidationCallback",void 0),i(this,"onFocusCallback",void 0),i(this,"onBinValueCallback",void 0),i(this,"onTouchstartCallback",void 0),i(this,"onShiftTabCallback",void 0),i(this,"onAutoCompleteCallback",void 0),i(this,"onKeyPressedCallback",void 0),this.sfConfig={}}}export{o as default};
 //# sourceMappingURL=AbstractSecuredField.js.map

package/dist/es/components/internal/SecuredFields/lib/securedField/AbstractSecuredField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractSecuredField.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/securedField/AbstractSecuredField.ts"],"sourcesContent":["import {\n    CVCPolicyType,\n    DatePolicyType,\n    RtnType_callbackFn,\n    RtnType_noParamVoidFn,\n    RtnType_postMessageListener,\n    SecuredFieldCommonProps,\n    SecuredFieldSetupObject\n} from '../types';\n\nabstract class AbstractSecuredField {\n    public sfConfig: Partial<SecuredFieldCommonProps>; // could be protected but needs to be public for tests to run\n    protected componentType: string;\n    protected loadingContext: string;\n    protected holderEl: HTMLElement;\n    protected iframeRef: HTMLElement;\n    public loadToConfigTimeout: number;\n    // From getters/setters with the same name\n    protected _isValid: boolean;\n    protected _iframeContentWindow: Window;\n    protected _numKey: number;\n    protected _isEncrypted: boolean;\n    protected _hasError: boolean;\n    protected _errorType: string;\n    protected _cvcPolicy: CVCPolicyType;\n    protected _expiryDatePolicy: DatePolicyType;\n    protected _iframeOnLoadListener: RtnType_noParamVoidFn;\n    protected _postMessageListener: RtnType_postMessageListener;\n    protected submitAnalytics: SecuredFieldSetupObject['submitAnalytics'];\n    // Callback fns assigned via public functions\n    protected onIframeLoadedCallback: RtnType_noParamVoidFn;\n    protected onConfigCallback: RtnType_callbackFn;\n    protected onEncryptionCallback: RtnType_callbackFn;\n    protected onValidationCallback: RtnType_callbackFn;\n    protected onFocusCallback: RtnType_callbackFn;\n    protected onBinValueCallback: RtnType_callbackFn;\n    protected onTouchstartCallback: RtnType_callbackFn;\n    protected onShiftTabCallback: RtnType_callbackFn;\n    protected onAutoCompleteCallback: RtnType_callbackFn;\n    protected onKeyDownCallback: RtnType_callbackFn;\n\n    protected constructor() {\n        this.sfConfig = {};\n    }\n}\n\nexport default AbstractSecuredField;\n"],"names":["AbstractSecuredField","constructor","_define_property","this","sfConfig","componentType","loadingContext","holderEl","iframeRef","loadToConfigTimeout","_isValid","_iframeContentWindow","_numKey","_isEncrypted","_hasError","_errorType","_cvcPolicy","_expiryDatePolicy","_iframeOnLoadListener","_postMessageListener","submitAnalytics","onIframeLoadedCallback","onConfigCallback","onEncryptionCallback","onValidationCallback","onFocusCallback","onBinValueCallback","onTouchstartCallback","onShiftTabCallback","onAutoCompleteCallback","onKeyDownCallback"],"mappings":"wHAUA,MAAeA,EA+BX,WAAAC,GA9BAC,EAAAC,KAAOC,gBAAP,GACAF,EAAAC,KAAUE,wBACVH,EAAAC,KAAUG,yBACVJ,EAAAC,KAAUI,mBACVL,EAAAC,KAAUK,oBACVN,EAAAC,KAAOM,8BAEPP,EAAAC,KAAUO,mBACVR,EAAAC,KAAUQ,+BACVT,EAAAC,KAAUS,kBACVV,EAAAC,KAAUU,uBACVX,EAAAC,KAAUW,oBACVZ,EAAAC,KAAUY,qBACVb,EAAAC,KAAUa,qBACVd,EAAAC,KAAUc,4BACVf,EAAAC,KAAUe,gCACVhB,EAAAC,KAAUgB,+BACVjB,EAAAC,KAAUiB,0BAEVlB,EAAAC,KAAUkB,iCACVnB,EAAAC,KAAUmB,2BACVpB,EAAAC,KAAUoB,+BACVrB,EAAAC,KAAUqB,+BACVtB,EAAAC,KAAUsB,0BACVvB,EAAAC,KAAUuB,6BACVxB,EAAAC,KAAUwB,+BACVzB,EAAAC,KAAUyB,6BACV1B,EAAAC,KAAU0B,iCACV3B,EAAAC,KAAU2B,4BAGN3B,KAAKC,SAAW,CAAA,CACpB"}
+{"version":3,"file":"AbstractSecuredField.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/securedField/AbstractSecuredField.ts"],"sourcesContent":["import {\n    CVCPolicyType,\n    DatePolicyType,\n    RtnType_callbackFn,\n    RtnType_noParamVoidFn,\n    RtnType_postMessageListener,\n    SecuredFieldCommonProps,\n    SecuredFieldSetupObject\n} from '../types';\n\nabstract class AbstractSecuredField {\n    public sfConfig: Partial<SecuredFieldCommonProps>; // could be protected but needs to be public for tests to run\n    protected componentType: string;\n    protected loadingContext: string;\n    protected holderEl: HTMLElement;\n    protected iframeRef: HTMLElement;\n    public loadToConfigTimeout: number;\n    // From getters/setters with the same name\n    protected _isValid: boolean;\n    protected _iframeContentWindow: Window;\n    protected _numKey: number;\n    protected _isEncrypted: boolean;\n    protected _hasError: boolean;\n    protected _errorType: string;\n    protected _cvcPolicy: CVCPolicyType;\n    protected _expiryDatePolicy: DatePolicyType;\n    protected _iframeOnLoadListener: RtnType_noParamVoidFn;\n    protected _postMessageListener: RtnType_postMessageListener;\n    protected submitAnalytics: SecuredFieldSetupObject['submitAnalytics'];\n    // Callback fns assigned via public functions\n    protected onIframeLoadedCallback: RtnType_noParamVoidFn;\n    protected onConfigCallback: RtnType_callbackFn;\n    protected onEncryptionCallback: RtnType_callbackFn;\n    protected onValidationCallback: RtnType_callbackFn;\n    protected onFocusCallback: RtnType_callbackFn;\n    protected onBinValueCallback: RtnType_callbackFn;\n    protected onTouchstartCallback: RtnType_callbackFn;\n    protected onShiftTabCallback: RtnType_callbackFn;\n    protected onAutoCompleteCallback: RtnType_callbackFn;\n    protected onKeyPressedCallback: RtnType_callbackFn;\n\n    protected constructor() {\n        this.sfConfig = {};\n    }\n}\n\nexport default AbstractSecuredField;\n"],"names":["AbstractSecuredField","constructor","_define_property","this","sfConfig","componentType","loadingContext","holderEl","iframeRef","loadToConfigTimeout","_isValid","_iframeContentWindow","_numKey","_isEncrypted","_hasError","_errorType","_cvcPolicy","_expiryDatePolicy","_iframeOnLoadListener","_postMessageListener","submitAnalytics","onIframeLoadedCallback","onConfigCallback","onEncryptionCallback","onValidationCallback","onFocusCallback","onBinValueCallback","onTouchstartCallback","onShiftTabCallback","onAutoCompleteCallback","onKeyPressedCallback"],"mappings":"wHAUA,MAAeA,EA+BX,WAAAC,GA9BAC,EAAAC,KAAOC,gBAAP,GACAF,EAAAC,KAAUE,wBACVH,EAAAC,KAAUG,yBACVJ,EAAAC,KAAUI,mBACVL,EAAAC,KAAUK,oBACVN,EAAAC,KAAOM,8BAEPP,EAAAC,KAAUO,mBACVR,EAAAC,KAAUQ,+BACVT,EAAAC,KAAUS,kBACVV,EAAAC,KAAUU,uBACVX,EAAAC,KAAUW,oBACVZ,EAAAC,KAAUY,qBACVb,EAAAC,KAAUa,qBACVd,EAAAC,KAAUc,4BACVf,EAAAC,KAAUe,gCACVhB,EAAAC,KAAUgB,+BACVjB,EAAAC,KAAUiB,0BAEVlB,EAAAC,KAAUkB,iCACVnB,EAAAC,KAAUmB,2BACVpB,EAAAC,KAAUoB,+BACVrB,EAAAC,KAAUqB,+BACVtB,EAAAC,KAAUsB,0BACVvB,EAAAC,KAAUuB,6BACVxB,EAAAC,KAAUwB,+BACVzB,EAAAC,KAAUyB,6BACV1B,EAAAC,KAAU0B,iCACV3B,EAAAC,KAAU2B,+BAGN3B,KAAKC,SAAW,CAAA,CACpB"}

package/dist/es/components/internal/SecuredFields/lib/securedField/SecuredField.js

@@ -1,2 +1,2 @@
-import{log as e,warn as i}from"../utilities/logger.js";import t from"./utils/createIframe.js";import{selectOne as s,removeAllChildren as r}from"../utilities/dom.js";import{on as n,off as o}from"../../../../../utils/listenerUtils.js";import a from"../CSF/utils/iframes/postMessageToIframe.js";import{originCheckPassed as l,isWebpackPostMsg as h,isChromeVoxPostMsg as f}from"../CSF/utils/iframes/postMessageValidation.js";import{ENCRYPTED_EXPIRY_DATE as c,ENCRYPTED_EXPIRY_MONTH as d,ENCRYPTED_EXPIRY_YEAR as m,DATE_POLICY_OPTIONAL as u,DATE_POLICY_HIDDEN as p,ENCRYPTED_SECURITY_CODE as y,CVC_POLICY_OPTIONAL as g,CVC_POLICY_HIDDEN as C}from"../constants.js";import{generateRandomNumber as b}from"../utilities/commonUtils.js";import E from"./AbstractSecuredField.js";import{reject as T}from"../../../../../utils/commonUtils.js";import{processAriaConfig as w}from"./utils/processAriaConfig.js";import{processPlaceholders as L}from"./utils/processPlaceholders.js";import{hasOwnProperty as k}from"../../../../../utils/hasOwnProperty.js";import{AnalyticsErrorEvent as F,ErrorEventType as _,ErrorEventCode as P}from"../../../../../core/Analytics/events/AnalyticsErrorEvent.js";class O extends E{init(e,i,r,o){const a=w(this.sfConfig.txVariant,this.sfConfig.fieldType,e,o);this.sfConfig.iframeUIConfig.ariaConfig=a,this.sfConfig.iframeUIConfig.placeholders=L(this.sfConfig.txVariant,this.sfConfig.fieldType,r);const l={src:i,title:a[this.sfConfig.fieldType].iframeTitle,policy:"origin"},h=t(l);this.holderEl.appendChild(h);const f=s(this.holderEl,".js-iframe");if(f){if(!f.contentWindow){console.error("ERROR: Trying to initialise a securedField iframe, but the iframe.contentWindow is undefined. Are you sure the element into which the Card component is being mounted already exists in the DOM *before* the Card component is mounted?");const e=new F({component:this.componentType,code:P.SECURED_FIELDS_IFRAME_CONTENT_WINDOW_NOT_FOUND,errorType:_.implementation,message:`Trying to initialise an iframe for ${this.sfConfig.fieldType}, but the iframe.contentWindow is undefined`});this.submitAnalytics?.(e)}this.iframeContentWindow=f.contentWindow,this.iframeOnLoadListener=this.iframeOnLoadListenerFn,n(f,"load",this.iframeOnLoadListener,!1)}return this.iframeRef=f,this}iframeOnLoadListenerFn(){this.postMessageListener=this.postMessageListenerFn,n(window,"message",this.postMessageListener,!1);const e={...this.sfConfig,numKey:this.numKey};window._b$dl&&console.log("### SecuredField:::: onIframeLoaded:: created configObj=",e),a(e,this.iframeContentWindow,this.loadingContext),this.onIframeLoadedCallback()}postMessageListenerFn(t){if(!l(t,this.loadingContext,this.sfConfig.showWarnings))return;let s;try{s=JSON.parse(t.data)}catch(i){return h(t)?void(this.sfConfig.showWarnings&&e("### SecuredField::postMessageListenerFn:: PARSE FAIL - WEBPACK")):f(t)?void(this.sfConfig.showWarnings&&e("### SecuredField::postMessageListenerFn:: PARSE FAIL - CHROMEVOX")):void(this.sfConfig.showWarnings&&e("### SecuredField::postMessageListenerFn:: PARSE FAIL - UNKNOWN REASON: event.data=",t.data))}if(k(s,"action")&&k(s,"numKey"))if(this.numKey===s.numKey)switch(s.action){case"encryption":this.isValid=!0,this.onEncryptionCallback(s);break;case"config":window._b$dl&&console.log("### SecuredField::postMessageListenerFn:: configured - calling onConfigCallback",s.fieldType),this.onConfigCallback(s);break;case"focus":this.onFocusCallback(s);break;case"binValue":this.onBinValueCallback(s);break;case"touch":this.onTouchstartCallback(s);break;case"shifttab":this.onShiftTabCallback(s);break;case"autoComplete":this.onAutoCompleteCallback(s);break;case"enterKeyPressed":this.onKeyDownCallback(s);break;case"encryptionError":{const e=new F({component:this.componentType,code:s.code,errorType:_.internal,message:`${s.error}. Field= ${this.sfConfig.fieldType}`});this.submitAnalytics?.(e);break}default:this.isValid=!1,this.onValidationCallback(s)}else this.sfConfig.showWarnings&&i("WARNING SecuredField :: postMessage listener for iframe :: data mismatch! (Probably a message from an unrelated securedField)");else this.sfConfig.showWarnings&&i("WARNING SecuredField :: postMessage listener for iframe :: data mismatch!")}destroy(){o(window,"message",this.postMessageListener,!1),o(this.iframeRef,"load",this.iframeOnLoadListener,!1),this.iframeContentWindow=null,r(this.holderEl)}isOptionalOrHidden(){if(this.sfConfig.fieldType===c||this.sfConfig.fieldType===d||this.sfConfig.fieldType===m)switch(this.expiryDatePolicy){case p:return!0;case u:return!this.hasError;default:return!1}if(this.sfConfig.fieldType===y)switch(this.cvcPolicy){case C:return!0;case g:return!this.hasError;default:return!1}return!1}onIframeLoaded(e){return this.onIframeLoadedCallback=e,this}onEncryption(e){return this.onEncryptionCallback=e,this}onValidation(e){return this.onValidationCallback=e,this}onConfig(e){return this.onConfigCallback=e,this}onFocus(e){return this.onFocusCallback=e,this}onBinValue(e){return this.onBinValueCallback=e,this}onTouchstart(e){return this.onTouchstartCallback=e,this}onShiftTab(e){return this.onShiftTabCallback=e,this}onAutoComplete(e){return this.onAutoCompleteCallback=e,this}onKeyDown(e){return this.onKeyDownCallback=e,this}get errorType(){return this._errorType}set errorType(e){this._errorType=e}get hasError(){return this._hasError}set hasError(e){this._hasError=e}get isValid(){if(this.sfConfig.fieldType===y)switch(this.cvcPolicy){case C:return!0;case g:return!this.hasError;default:return this._isValid}if(this.sfConfig.fieldType===c||this.sfConfig.fieldType===d||this.sfConfig.fieldType===m)switch(this.expiryDatePolicy){case p:return!0;case u:return!this.hasError;default:return this._isValid}return this._isValid}set isValid(e){this._isValid=e}get cvcPolicy(){return this._cvcPolicy}set cvcPolicy(e){this.sfConfig.fieldType===y&&e!==this.cvcPolicy&&(this._cvcPolicy=e,this.hasError&&"isValidated"===this.errorType&&(this.hasError=!1))}get expiryDatePolicy(){return this._expiryDatePolicy}set expiryDatePolicy(e){this.sfConfig.fieldType!==c&&this.sfConfig.fieldType!==d&&this.sfConfig.fieldType!==m||e!==this.expiryDatePolicy&&(this._expiryDatePolicy=e,this.hasError&&"isValidated"===this.errorType&&(this.hasError=!1))}get iframeContentWindow(){return this._iframeContentWindow}set iframeContentWindow(e){this._iframeContentWindow=e}get isEncrypted(){return this._isEncrypted}set isEncrypted(e){this._isEncrypted=e}get numKey(){return this._numKey}set numKey(e){this._numKey=e}get iframeOnLoadListener(){return this._iframeOnLoadListener}set iframeOnLoadListener(e){this._iframeOnLoadListener=e.bind(this)}get postMessageListener(){return this._postMessageListener}set postMessageListener(e){this._postMessageListener=e.bind(this)}constructor(e,i){var t,s,r;super(),r=void 0,(s="sfConfig")in(t=this)?Object.defineProperty(t,s,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[s]=r;const n=T(["loadingContext","holderEl","iframeSrc","showContextualElement","placeholders"]).from(e);this.sfConfig={...n,iframeUIConfig:{...n.iframeUIConfig}};const{iframeSrc:o,placeholders:a,showContextualElement:l}=e;return this.loadingContext=e.loadingContext,this.holderEl=e.holderEl,this.submitAnalytics=e.submitAnalytics,this.componentType=e.componentType,this.isValid=!1,this.iframeContentWindow=null,this.numKey=b(),this.isEncrypted=!1,this.hasError=!1,this.errorType="",this.cvcPolicy=e.cvcPolicy,this.expiryDatePolicy=e.expiryDatePolicy,this.init(i,o,a,l)}}export{O as default};
+import{log as e,warn as i}from"../utilities/logger.js";import t from"./utils/createIframe.js";import{selectOne as s,removeAllChildren as r}from"../utilities/dom.js";import{on as n,off as o}from"../../../../../utils/listenerUtils.js";import a from"../CSF/utils/iframes/postMessageToIframe.js";import{originCheckPassed as l,isWebpackPostMsg as h,isChromeVoxPostMsg as f}from"../CSF/utils/iframes/postMessageValidation.js";import{ENCRYPTED_EXPIRY_DATE as c,ENCRYPTED_EXPIRY_MONTH as d,ENCRYPTED_EXPIRY_YEAR as m,DATE_POLICY_OPTIONAL as u,DATE_POLICY_HIDDEN as p,ENCRYPTED_SECURITY_CODE as y,CVC_POLICY_OPTIONAL as g,CVC_POLICY_HIDDEN as C}from"../constants.js";import{generateRandomNumber as b}from"../utilities/commonUtils.js";import E from"./AbstractSecuredField.js";import{reject as T}from"../../../../../utils/commonUtils.js";import{processAriaConfig as L}from"./utils/processAriaConfig.js";import{processPlaceholders as w}from"./utils/processPlaceholders.js";import{hasOwnProperty as k}from"../../../../../utils/hasOwnProperty.js";import{AnalyticsErrorEvent as F,ErrorEventType as P,ErrorEventCode as _}from"../../../../../core/Analytics/events/AnalyticsErrorEvent.js";class O extends E{init(e,i,r,o){const a=L(this.sfConfig.txVariant,this.sfConfig.fieldType,e,o);this.sfConfig.iframeUIConfig.ariaConfig=a,this.sfConfig.iframeUIConfig.placeholders=w(this.sfConfig.txVariant,this.sfConfig.fieldType,r);const l={src:i,title:a[this.sfConfig.fieldType].iframeTitle,policy:"origin"},h=t(l);this.holderEl.appendChild(h);const f=s(this.holderEl,".js-iframe");if(f){if(!f.contentWindow){console.error("ERROR: Trying to initialise a securedField iframe, but the iframe.contentWindow is undefined. Are you sure the element into which the Card component is being mounted already exists in the DOM *before* the Card component is mounted?");const e=new F({component:this.componentType,code:_.SECURED_FIELDS_IFRAME_CONTENT_WINDOW_NOT_FOUND,errorType:P.implementation,message:`Trying to initialise an iframe for ${this.sfConfig.fieldType}, but the iframe.contentWindow is undefined`});this.submitAnalytics?.(e)}this.iframeContentWindow=f.contentWindow,this.iframeOnLoadListener=this.iframeOnLoadListenerFn,n(f,"load",this.iframeOnLoadListener,!1)}return this.iframeRef=f,this}iframeOnLoadListenerFn(){this.postMessageListener=this.postMessageListenerFn,n(window,"message",this.postMessageListener,!1);const e={...this.sfConfig,numKey:this.numKey};window._b$dl&&console.log("### SecuredField:::: onIframeLoaded:: created configObj=",e),a(e,this.iframeContentWindow,this.loadingContext),this.onIframeLoadedCallback()}postMessageListenerFn(t){if(!l(t,this.loadingContext,this.sfConfig.showWarnings))return;let s;try{s=JSON.parse(t.data)}catch(i){return h(t)?void(this.sfConfig.showWarnings&&e("### SecuredField::postMessageListenerFn:: PARSE FAIL - WEBPACK")):f(t)?void(this.sfConfig.showWarnings&&e("### SecuredField::postMessageListenerFn:: PARSE FAIL - CHROMEVOX")):void(this.sfConfig.showWarnings&&e("### SecuredField::postMessageListenerFn:: PARSE FAIL - UNKNOWN REASON: event.data=",t.data))}if(k(s,"action")&&k(s,"numKey"))if(this.numKey===s.numKey)switch(s.action){case"encryption":this.isValid=!0,this.onEncryptionCallback(s);break;case"config":window._b$dl&&console.log("### SecuredField::postMessageListenerFn:: configured - calling onConfigCallback",s.fieldType),this.onConfigCallback(s);break;case"focus":this.onFocusCallback(s);break;case"binValue":this.onBinValueCallback(s);break;case"touch":this.onTouchstartCallback(s);break;case"shifttab":this.onShiftTabCallback(s);break;case"autoComplete":this.onAutoCompleteCallback(s);break;case"enterKeyPressed":this.onKeyPressedCallback(s);break;case"encryptionError":{const e=new F({component:this.componentType,code:s.code,errorType:P.internal,message:`${s.error}. Field= ${this.sfConfig.fieldType}`});this.submitAnalytics?.(e);break}default:this.isValid=!1,this.onValidationCallback(s)}else this.sfConfig.showWarnings&&i("WARNING SecuredField :: postMessage listener for iframe :: data mismatch! (Probably a message from an unrelated securedField)");else this.sfConfig.showWarnings&&i("WARNING SecuredField :: postMessage listener for iframe :: data mismatch!")}destroy(){o(window,"message",this.postMessageListener,!1),o(this.iframeRef,"load",this.iframeOnLoadListener,!1),this.iframeContentWindow=null,r(this.holderEl)}isOptionalOrHidden(){if(this.sfConfig.fieldType===c||this.sfConfig.fieldType===d||this.sfConfig.fieldType===m)switch(this.expiryDatePolicy){case p:return!0;case u:return!this.hasError;default:return!1}if(this.sfConfig.fieldType===y)switch(this.cvcPolicy){case C:return!0;case g:return!this.hasError;default:return!1}return!1}onIframeLoaded(e){return this.onIframeLoadedCallback=e,this}onEncryption(e){return this.onEncryptionCallback=e,this}onValidation(e){return this.onValidationCallback=e,this}onConfig(e){return this.onConfigCallback=e,this}onFocus(e){return this.onFocusCallback=e,this}onBinValue(e){return this.onBinValueCallback=e,this}onTouchstart(e){return this.onTouchstartCallback=e,this}onShiftTab(e){return this.onShiftTabCallback=e,this}onAutoComplete(e){return this.onAutoCompleteCallback=e,this}onKeyPressed(e){return this.onKeyPressedCallback=e,this}get errorType(){return this._errorType}set errorType(e){this._errorType=e}get hasError(){return this._hasError}set hasError(e){this._hasError=e}get isValid(){if(this.sfConfig.fieldType===y)switch(this.cvcPolicy){case C:return!0;case g:return!this.hasError;default:return this._isValid}if(this.sfConfig.fieldType===c||this.sfConfig.fieldType===d||this.sfConfig.fieldType===m)switch(this.expiryDatePolicy){case p:return!0;case u:return!this.hasError;default:return this._isValid}return this._isValid}set isValid(e){this._isValid=e}get cvcPolicy(){return this._cvcPolicy}set cvcPolicy(e){this.sfConfig.fieldType===y&&e!==this.cvcPolicy&&(this._cvcPolicy=e,this.hasError&&"isValidated"===this.errorType&&(this.hasError=!1))}get expiryDatePolicy(){return this._expiryDatePolicy}set expiryDatePolicy(e){this.sfConfig.fieldType!==c&&this.sfConfig.fieldType!==d&&this.sfConfig.fieldType!==m||e!==this.expiryDatePolicy&&(this._expiryDatePolicy=e,this.hasError&&"isValidated"===this.errorType&&(this.hasError=!1))}get iframeContentWindow(){return this._iframeContentWindow}set iframeContentWindow(e){this._iframeContentWindow=e}get isEncrypted(){return this._isEncrypted}set isEncrypted(e){this._isEncrypted=e}get numKey(){return this._numKey}set numKey(e){this._numKey=e}get iframeOnLoadListener(){return this._iframeOnLoadListener}set iframeOnLoadListener(e){this._iframeOnLoadListener=e.bind(this)}get postMessageListener(){return this._postMessageListener}set postMessageListener(e){this._postMessageListener=e.bind(this)}constructor(e,i){var t,s,r;super(),r=void 0,(s="sfConfig")in(t=this)?Object.defineProperty(t,s,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[s]=r;const n=T(["loadingContext","holderEl","iframeSrc","showContextualElement","placeholders"]).from(e);this.sfConfig={...n,iframeUIConfig:{...n.iframeUIConfig}};const{iframeSrc:o,placeholders:a,showContextualElement:l}=e;return this.loadingContext=e.loadingContext,this.holderEl=e.holderEl,this.submitAnalytics=e.submitAnalytics,this.componentType=e.componentType,this.isValid=!1,this.iframeContentWindow=null,this.numKey=b(),this.isEncrypted=!1,this.hasError=!1,this.errorType="",this.cvcPolicy=e.cvcPolicy,this.expiryDatePolicy=e.expiryDatePolicy,this.init(i,o,a,l)}}export{O as default};
 //# sourceMappingURL=SecuredField.js.map

package/dist/es/components/internal/SecuredFields/lib/securedField/SecuredField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecuredField.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/securedField/SecuredField.ts"],"sourcesContent":["import * as logger from '../utilities/logger';\nimport createIframe from './utils/createIframe';\nimport { removeAllChildren, selectOne } from '../utilities/dom';\nimport { off, on } from '../../../../../utils/listenerUtils';\nimport postMessageToIframe from '../CSF/utils/iframes/postMessageToIframe';\nimport { isChromeVoxPostMsg, isWebpackPostMsg, originCheckPassed } from '../CSF/utils/iframes/postMessageValidation';\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 '../constants';\nimport { generateRandomNumber } from '../utilities/commonUtils';\nimport { CVCPolicyType, DatePolicyType, RtnType_callbackFn, RtnType_noParamVoidFn, RtnType_postMessageListener, SFFeedbackObj } from '../types';\nimport AbstractSecuredField from './AbstractSecuredField';\nimport { AriaConfig, IframeConfigObject, SecuredFieldSetupObject, SecuredFieldCommonProps } from '../types';\nimport { reject } from '../../../../../utils/commonUtils';\nimport { processAriaConfig } from './utils/processAriaConfig';\nimport { processPlaceholders } from './utils/processPlaceholders';\nimport Language from '../../../../../language/Language';\nimport { hasOwnProperty } from '../../../../../utils/hasOwnProperty';\nimport { Placeholders } from '../../SFP/types';\nimport './SecuredField.scss';\nimport { AnalyticsErrorEvent, ErrorEventCode, ErrorEventType } from '../../../../../core/Analytics/events/AnalyticsErrorEvent';\n\nconst logPostMsg = false;\nconst doLog = false;\n\nclass SecuredField extends AbstractSecuredField {\n    public override sfConfig: SecuredFieldCommonProps;\n\n    constructor(pSetupObj: SecuredFieldSetupObject, i18n: Language) {\n        super();\n\n        /**\n         * List of props to exclude from being set on this.sfConfig.\n         * These props are only required for internal purposes. They do not get sent to the iframe\n         */\n        const deltaPropsArr: string[] = ['loadingContext', 'holderEl', 'iframeSrc', 'showContextualElement', 'placeholders'];\n\n        /**\n         * List of props from setup object that will be set on this.sfConfig\n         * These props will all end up being sent to the iframe\n         */\n        const configVarsFromSetUpObj = reject(deltaPropsArr).from(pSetupObj);\n\n        // Copy passed setup object values to this.sfConfig\n        this.sfConfig = {\n            // ...this.sfConfig, // Do we need to do this? Pretty sure we don't\n            ...configVarsFromSetUpObj,\n            // Break references on iframeUIConfig object so we can overwrite its properties in each securedField instance\n            iframeUIConfig: { ...configVarsFromSetUpObj.iframeUIConfig }\n        } as SecuredFieldCommonProps;\n\n        /**\n         * Extract values only needed for init\n         */\n        const { iframeSrc, placeholders, showContextualElement } = pSetupObj;\n\n        /**\n         * Store those passed setup object values that are needed in multiple functions\n         */\n        this.loadingContext = pSetupObj.loadingContext;\n        this.holderEl = pSetupObj.holderEl;\n        this.submitAnalytics = pSetupObj.submitAnalytics;\n        this.componentType = pSetupObj.componentType;\n\n        /**\n         * Initiate other values on 'this' through setters\n         */\n        this.isValid = false;\n        this.iframeContentWindow = null;\n        this.numKey = generateRandomNumber();\n        this.isEncrypted = false;\n        this.hasError = false;\n        this.errorType = '';\n        this.cvcPolicy = pSetupObj.cvcPolicy;\n        this.expiryDatePolicy = pSetupObj.expiryDatePolicy;\n\n        if (process.env.NODE_ENV === 'development' && doLog) {\n            logger.log(\n                '### SecuredField::constructor:: this.sfConfig.fieldType=',\n                this.sfConfig.fieldType,\n                'isValid=',\n                this._isValid,\n                'numKey=',\n                this.numKey\n            );\n            logger.log('\\n');\n        }\n\n        return this.init(i18n, iframeSrc, placeholders, showContextualElement);\n    }\n\n    init(i18n: Language, iframeSrc: string, placeholders: Placeholders, showContextualElement: boolean): SecuredField {\n        /**\n         * Ensure all fields have a related ariaConfig object containing, at minimum, an iframeTitle property and a (translated) errors object\n         */\n        const processedAriaConfig: AriaConfig = processAriaConfig(this.sfConfig.txVariant, this.sfConfig.fieldType, i18n, showContextualElement);\n        // Set result back onto config object\n        this.sfConfig.iframeUIConfig.ariaConfig = processedAriaConfig;\n\n        // Set result back onto config object\n        this.sfConfig.iframeUIConfig.placeholders = processPlaceholders(this.sfConfig.txVariant, this.sfConfig.fieldType, placeholders);\n\n        /**\n         * Configure, create & reference iframe and add load listener\n         */\n        const iframeConfig = {\n            src: iframeSrc,\n            title: processedAriaConfig[this.sfConfig.fieldType].iframeTitle,\n            policy: 'origin'\n        };\n\n        const iframeEl: HTMLIFrameElement = createIframe(iframeConfig);\n\n        // Place the iframe into the holder\n        this.holderEl.appendChild(iframeEl);\n\n        // Now examine the holder to get an actual DOM node\n        const iframe: HTMLIFrameElement = selectOne(this.holderEl, '.js-iframe');\n\n        if (iframe) {\n            if (!iframe.contentWindow) {\n                // Warn the dev\n                console.error(\n                    'ERROR: Trying to initialise a securedField iframe, but the iframe.contentWindow is undefined. Are you sure the element into which the Card component is being mounted already exists in the DOM *before* the Card component is mounted?'\n                );\n                // Log the error\n                const event = new AnalyticsErrorEvent({\n                    component: this.componentType,\n                    code: ErrorEventCode.SECURED_FIELDS_IFRAME_CONTENT_WINDOW_NOT_FOUND,\n                    errorType: ErrorEventType.implementation,\n                    message: `Trying to initialise an iframe for ${this.sfConfig.fieldType}, but the iframe.contentWindow is undefined`\n                });\n\n                this.submitAnalytics?.(event);\n            }\n\n            this.iframeContentWindow = iframe.contentWindow;\n\n            // Create reference to bound fn (see getters/setters for binding)\n            this.iframeOnLoadListener = this.iframeOnLoadListenerFn;\n\n            on(iframe, 'load', this.iframeOnLoadListener, false);\n        }\n\n        this.iframeRef = iframe;\n\n        return this;\n    }\n\n    iframeOnLoadListenerFn(): void {\n        // Create reference to bound fn (see getters/setters for binding)\n        this.postMessageListener = this.postMessageListenerFn;\n\n        // Add general listener for 'message' EVENT - the event that 'powers' postMessage\n        on(window, 'message', this.postMessageListener, false);\n\n        // Create and send config object to iframe\n        const configObj: IframeConfigObject = {\n            ...this.sfConfig,\n            numKey: this.numKey\n        };\n\n        if (window._b$dl) console.log('### SecuredField:::: onIframeLoaded:: created configObj=', configObj);\n\n        postMessageToIframe(configObj, this.iframeContentWindow, this.loadingContext);\n        //--\n\n        // Callback to say iframe loaded\n        this.onIframeLoadedCallback();\n    }\n\n    postMessageListenerFn(event: MessageEvent): void {\n        // Check message is from expected domain\n        if (!originCheckPassed(event, this.loadingContext, this.sfConfig.showWarnings)) {\n            return;\n        }\n\n        // TODO - for debugging purposes this would always be useful to see\n        //        logger.log('\\n',this.sfConfig.fieldType,'### CSF SecuredField::postMessageListener:: event.data=',event.data);\n\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log(\n                '\\n###CSF SecuredField::postMessageListener:: DOMAIN & ORIGIN MATCH, NO WEBPACK WEIRDNESS fieldType=',\n                this.sfConfig.fieldType,\n                'txVariant=',\n                this.sfConfig.txVariant,\n                'this.numKey=',\n                this.numKey\n            );\n        }\n\n        // PARSE DATA OBJECT (thus testing if it is a JSON string) - OR TRY & WORK OUT WHY THE PARSING FAILED\n        let feedbackObj: SFFeedbackObj;\n\n        try {\n            feedbackObj = JSON.parse(event.data);\n        } catch (e) {\n            // Was the message generated by webpack?\n            if (isWebpackPostMsg(event)) {\n                if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - WEBPACK');\n                return;\n            }\n\n            // Was the message generated by ChromeVox?\n            if (isChromeVoxPostMsg(event)) {\n                if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - CHROMEVOX');\n                return;\n            }\n\n            if (this.sfConfig.showWarnings)\n                logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - UNKNOWN REASON: event.data=', event.data);\n            return;\n        }\n\n        // CHECK FOR EXPECTED PROPS\n        const hasMainProps: boolean = hasOwnProperty(feedbackObj, 'action') && hasOwnProperty(feedbackObj, 'numKey');\n\n        if (!hasMainProps) {\n            if (this.sfConfig.showWarnings) logger.warn('WARNING SecuredField :: postMessage listener for iframe :: data mismatch!');\n            return;\n        }\n\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log('### SecuredField::postMessageListener:: feedbackObj.numKey=', feedbackObj.numKey);\n        }\n\n        if (this.numKey !== feedbackObj.numKey) {\n            if (this.sfConfig.showWarnings) {\n                logger.warn(\n                    'WARNING SecuredField :: postMessage listener for iframe :: data mismatch! (Probably a message from an unrelated securedField)'\n                );\n            }\n            return;\n        }\n\n        // VALIDATION CHECKS PASSED - DECIDE ON COURSE OF ACTION\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log(\n                '### SecuredField::postMessageListener:: numkeys match PROCEED WITH POST MESSAGE PROCESSING fieldType=',\n                this.sfConfig.fieldType,\n                'txVariant=',\n                this.sfConfig.txVariant\n            );\n        }\n\n        switch (feedbackObj.action) {\n            case 'encryption':\n                this.isValid = true;\n                this.onEncryptionCallback(feedbackObj);\n                break;\n\n            case 'config':\n                if (window._b$dl)\n                    console.log('### SecuredField::postMessageListenerFn:: configured - calling onConfigCallback', feedbackObj.fieldType);\n                this.onConfigCallback(feedbackObj);\n                break;\n\n            case 'focus':\n                this.onFocusCallback(feedbackObj);\n                break;\n\n            case 'binValue':\n                this.onBinValueCallback(feedbackObj);\n                break;\n\n            // iOS ONLY - RE. iOS BUGS AROUND BLUR AND FOCUS EVENTS\n            case 'touch':\n                this.onTouchstartCallback(feedbackObj);\n                break;\n\n            // Only happens for Firefox & IE <= 11\n            case 'shifttab':\n                this.onShiftTabCallback(feedbackObj);\n                break;\n\n            case 'autoComplete':\n                this.onAutoCompleteCallback(feedbackObj);\n                break;\n\n            case 'enterKeyPressed':\n                this.onKeyDownCallback(feedbackObj);\n                break;\n\n            case 'encryptionError': {\n                const event = new AnalyticsErrorEvent({\n                    component: this.componentType,\n                    code: feedbackObj.code,\n                    errorType: ErrorEventType.internal,\n                    message: `${feedbackObj.error}. Field= ${this.sfConfig.fieldType}`\n                });\n\n                this.submitAnalytics?.(event);\n                break;\n            }\n\n            /**\n             * Validate, because action =\n             *\n             *  'brand'\n             *  'delete'\n             *  'luhnCheck'\n             *  'incomplete field' (an error that follows from a focus (blur) event)\n             *  'incorrectly filled field' (an error that follows from a focus (blur) event)\n             *  'numberKeyPressed' (or date-, month-, year-, cvc-, pin-, or iban- KeyPressed)\n             *    - since we have no \"error\" action \"...KeyPressed\" is the action type on most error events (other than \"incomplete field, 'incorrectly filled field' or \"luhnCheck\")\n             *    and often these error events representing the clearing of an existing error\n             */\n            default:\n                // If we're validation handling (& not encryption handling) field must be invalid\n                this.isValid = false;\n                this.onValidationCallback(feedbackObj);\n        }\n    }\n\n    destroy(): void {\n        off(window, 'message', this.postMessageListener, false);\n        off(this.iframeRef, 'load', this.iframeOnLoadListener, false);\n        this.iframeContentWindow = null;\n        removeAllChildren(this.holderEl);\n    }\n\n    /**\n     * Returns whether the securedField is hidden OR whether it is optional and not in error\n     */\n    isOptionalOrHidden(): boolean {\n        if (\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n        ) {\n            switch (this.expiryDatePolicy) {\n                case DATE_POLICY_HIDDEN:\n                    return true;\n                case DATE_POLICY_OPTIONAL:\n                    return !this.hasError;\n                default:\n                    return false;\n            }\n        }\n\n        if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n            switch (this.cvcPolicy) {\n                case CVC_POLICY_HIDDEN:\n                    return true;\n                case CVC_POLICY_OPTIONAL:\n                    return !this.hasError;\n                default:\n                    return false;\n            }\n        }\n\n        // Any other type of securedField is not optional & can't be hidden\n        return false;\n    }\n\n    // /////// ALLOCATE CALLBACKS /////////\n    onIframeLoaded(callbackFn: RtnType_noParamVoidFn): SecuredField {\n        this.onIframeLoadedCallback = callbackFn;\n        return this;\n    }\n\n    onEncryption(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onEncryptionCallback = callbackFn;\n        return this;\n    }\n\n    onValidation(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onValidationCallback = callbackFn;\n        return this;\n    }\n\n    onConfig(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onConfigCallback = callbackFn;\n        return this;\n    }\n\n    onFocus(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onFocusCallback = callbackFn;\n        return this;\n    }\n\n    onBinValue(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onBinValueCallback = callbackFn;\n        return this;\n    }\n\n    onTouchstart(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onTouchstartCallback = callbackFn;\n        return this;\n    }\n\n    onShiftTab(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onShiftTabCallback = callbackFn;\n        return this;\n    }\n\n    onAutoComplete(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onAutoCompleteCallback = callbackFn;\n        return this;\n    }\n\n    onKeyDown(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onKeyDownCallback = callbackFn;\n        return this;\n    }\n    //------------------------------------\n\n    // ///////////// GETTERS/SETTERS //////////////\n\n    get errorType(): string {\n        return this._errorType;\n    }\n    set errorType(value: string) {\n        this._errorType = value;\n    }\n\n    get hasError(): boolean {\n        return this._hasError;\n    }\n    set hasError(value: boolean) {\n        this._hasError = value;\n    }\n\n    get isValid(): boolean {\n        if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n            switch (this.cvcPolicy) {\n                case CVC_POLICY_HIDDEN:\n                    // If cvc is hidden then the field is always valid\n                    return true;\n                case CVC_POLICY_OPTIONAL:\n                    // If cvc is optional then the field is always valid UNLESS it has an error\n                    return !this.hasError;\n                default:\n                    return this._isValid;\n            }\n        }\n\n        if (\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n        ) {\n            switch (this.expiryDatePolicy) {\n                case DATE_POLICY_HIDDEN:\n                    // If date is hidden then the field is always valid\n                    return true;\n                case DATE_POLICY_OPTIONAL:\n                    // If date is optional then the field is always valid UNLESS it has an error\n                    return !this.hasError;\n                default:\n                    return this._isValid;\n            }\n        }\n\n        return this._isValid;\n    }\n    set isValid(value: boolean) {\n        this._isValid = value;\n    }\n\n    get cvcPolicy(): CVCPolicyType {\n        return this._cvcPolicy;\n    }\n\n    set cvcPolicy(value: CVCPolicyType) {\n        // Only set if this is a CVC field\n        if (this.sfConfig.fieldType !== ENCRYPTED_SECURITY_CODE) return;\n\n        // Only set if value has changed\n        if (value === this.cvcPolicy) return;\n\n        if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField::cvcPolicy:: value=', value);\n\n        this._cvcPolicy = value;\n\n        // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n        // NOTE: fixes issue in Components where you first validate and then start typing a maestro number\n        // - w/o this and the fix in CSF the maestro PM will never register as valid\n        if (this.hasError && this.errorType === 'isValidated') {\n            this.hasError = false;\n        }\n    }\n\n    get expiryDatePolicy(): DatePolicyType {\n        return this._expiryDatePolicy;\n    }\n\n    set expiryDatePolicy(value: DatePolicyType) {\n        // Only set if this is a date field type of securedField\n        if (\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_DATE &&\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_MONTH &&\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_YEAR\n        )\n            return;\n\n        // Only set if value has changed\n        if (value === this.expiryDatePolicy) return;\n\n        if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField:expiryDatePolicy:: value=', value);\n\n        this._expiryDatePolicy = value;\n\n        // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n        if (this.hasError && this.errorType === 'isValidated') {\n            this.hasError = false;\n        }\n    }\n\n    get iframeContentWindow(): Window {\n        return this._iframeContentWindow;\n    }\n    set iframeContentWindow(value: Window) {\n        this._iframeContentWindow = value;\n    }\n\n    get isEncrypted(): boolean {\n        return this._isEncrypted;\n    }\n    set isEncrypted(value: boolean) {\n        this._isEncrypted = value;\n    }\n\n    get numKey(): number {\n        return this._numKey;\n    }\n    set numKey(value: number) {\n        this._numKey = value;\n    }\n\n    // Internal use - way to create listener refs that we can add/remove\n    get iframeOnLoadListener(): RtnType_noParamVoidFn {\n        return this._iframeOnLoadListener;\n    }\n    set iframeOnLoadListener(value: RtnType_noParamVoidFn) {\n        this._iframeOnLoadListener = value.bind(this);\n    }\n\n    get postMessageListener(): RtnType_postMessageListener {\n        return this._postMessageListener;\n    }\n    set postMessageListener(value: RtnType_postMessageListener) {\n        this._postMessageListener = value.bind(this);\n    }\n}\n\nexport default SecuredField;\n"],"names":["SecuredField","AbstractSecuredField","init","i18n","iframeSrc","placeholders","showContextualElement","processedAriaConfig","processAriaConfig","this","sfConfig","txVariant","fieldType","iframeUIConfig","ariaConfig","processPlaceholders","iframeConfig","src","title","iframeTitle","policy","iframeEl","createIframe","holderEl","appendChild","iframe","selectOne","contentWindow","console","error","event","AnalyticsErrorEvent","component","componentType","code","ErrorEventCode","SECURED_FIELDS_IFRAME_CONTENT_WINDOW_NOT_FOUND","errorType","ErrorEventType","implementation","message","submitAnalytics","iframeContentWindow","iframeOnLoadListener","iframeOnLoadListenerFn","on","iframeRef","postMessageListener","postMessageListenerFn","window","configObj","numKey","_b$dl","log","postMessageToIframe","loadingContext","onIframeLoadedCallback","originCheckPassed","showWarnings","feedbackObj","JSON","parse","data","e","isWebpackPostMsg","logger","isChromeVoxPostMsg","hasOwnProperty","action","isValid","onEncryptionCallback","onConfigCallback","onFocusCallback","onBinValueCallback","onTouchstartCallback","onShiftTabCallback","onAutoCompleteCallback","onKeyDownCallback","internal","onValidationCallback","destroy","off","removeAllChildren","isOptionalOrHidden","ENCRYPTED_EXPIRY_DATE","ENCRYPTED_EXPIRY_MONTH","ENCRYPTED_EXPIRY_YEAR","expiryDatePolicy","DATE_POLICY_HIDDEN","DATE_POLICY_OPTIONAL","hasError","ENCRYPTED_SECURITY_CODE","cvcPolicy","CVC_POLICY_HIDDEN","CVC_POLICY_OPTIONAL","onIframeLoaded","callbackFn","onEncryption","onValidation","onConfig","onFocus","onBinValue","onTouchstart","onShiftTab","onAutoComplete","onKeyDown","_errorType","value","_hasError","_isValid","_cvcPolicy","_expiryDatePolicy","_iframeContentWindow","isEncrypted","_isEncrypted","_numKey","_iframeOnLoadListener","bind","_postMessageListener","constructor","pSetupObj","super","configVarsFromSetUpObj","reject","from","generateRandomNumber"],"mappings":"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"}
+{"version":3,"file":"SecuredField.js","sources":["../../../../../../../src/components/internal/SecuredFields/lib/securedField/SecuredField.ts"],"sourcesContent":["import * as logger from '../utilities/logger';\nimport createIframe from './utils/createIframe';\nimport { removeAllChildren, selectOne } from '../utilities/dom';\nimport { off, on } from '../../../../../utils/listenerUtils';\nimport postMessageToIframe from '../CSF/utils/iframes/postMessageToIframe';\nimport { isChromeVoxPostMsg, isWebpackPostMsg, originCheckPassed } from '../CSF/utils/iframes/postMessageValidation';\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 '../constants';\nimport { generateRandomNumber } from '../utilities/commonUtils';\nimport { CVCPolicyType, DatePolicyType, RtnType_callbackFn, RtnType_noParamVoidFn, RtnType_postMessageListener, SFFeedbackObj } from '../types';\nimport AbstractSecuredField from './AbstractSecuredField';\nimport { AriaConfig, IframeConfigObject, SecuredFieldSetupObject, SecuredFieldCommonProps } from '../types';\nimport { reject } from '../../../../../utils/commonUtils';\nimport { processAriaConfig } from './utils/processAriaConfig';\nimport { processPlaceholders } from './utils/processPlaceholders';\nimport Language from '../../../../../language/Language';\nimport { hasOwnProperty } from '../../../../../utils/hasOwnProperty';\nimport { Placeholders } from '../../SFP/types';\nimport './SecuredField.scss';\nimport { AnalyticsErrorEvent, ErrorEventCode, ErrorEventType } from '../../../../../core/Analytics/events/AnalyticsErrorEvent';\n\nconst logPostMsg = false;\nconst doLog = false;\n\nclass SecuredField extends AbstractSecuredField {\n    public override sfConfig: SecuredFieldCommonProps;\n\n    constructor(pSetupObj: SecuredFieldSetupObject, i18n: Language) {\n        super();\n\n        /**\n         * List of props to exclude from being set on this.sfConfig.\n         * These props are only required for internal purposes. They do not get sent to the iframe\n         */\n        const deltaPropsArr: string[] = ['loadingContext', 'holderEl', 'iframeSrc', 'showContextualElement', 'placeholders'];\n\n        /**\n         * List of props from setup object that will be set on this.sfConfig\n         * These props will all end up being sent to the iframe\n         */\n        const configVarsFromSetUpObj = reject(deltaPropsArr).from(pSetupObj);\n\n        // Copy passed setup object values to this.sfConfig\n        this.sfConfig = {\n            // ...this.sfConfig, // Do we need to do this? Pretty sure we don't\n            ...configVarsFromSetUpObj,\n            // Break references on iframeUIConfig object so we can overwrite its properties in each securedField instance\n            iframeUIConfig: { ...configVarsFromSetUpObj.iframeUIConfig }\n        } as SecuredFieldCommonProps;\n\n        /**\n         * Extract values only needed for init\n         */\n        const { iframeSrc, placeholders, showContextualElement } = pSetupObj;\n\n        /**\n         * Store those passed setup object values that are needed in multiple functions\n         */\n        this.loadingContext = pSetupObj.loadingContext;\n        this.holderEl = pSetupObj.holderEl;\n        this.submitAnalytics = pSetupObj.submitAnalytics;\n        this.componentType = pSetupObj.componentType;\n\n        /**\n         * Initiate other values on 'this' through setters\n         */\n        this.isValid = false;\n        this.iframeContentWindow = null;\n        this.numKey = generateRandomNumber();\n        this.isEncrypted = false;\n        this.hasError = false;\n        this.errorType = '';\n        this.cvcPolicy = pSetupObj.cvcPolicy;\n        this.expiryDatePolicy = pSetupObj.expiryDatePolicy;\n\n        if (process.env.NODE_ENV === 'development' && doLog) {\n            logger.log(\n                '### SecuredField::constructor:: this.sfConfig.fieldType=',\n                this.sfConfig.fieldType,\n                'isValid=',\n                this._isValid,\n                'numKey=',\n                this.numKey\n            );\n            logger.log('\\n');\n        }\n\n        return this.init(i18n, iframeSrc, placeholders, showContextualElement);\n    }\n\n    init(i18n: Language, iframeSrc: string, placeholders: Placeholders, showContextualElement: boolean): SecuredField {\n        /**\n         * Ensure all fields have a related ariaConfig object containing, at minimum, an iframeTitle property and a (translated) errors object\n         */\n        const processedAriaConfig: AriaConfig = processAriaConfig(this.sfConfig.txVariant, this.sfConfig.fieldType, i18n, showContextualElement);\n        // Set result back onto config object\n        this.sfConfig.iframeUIConfig.ariaConfig = processedAriaConfig;\n\n        // Set result back onto config object\n        this.sfConfig.iframeUIConfig.placeholders = processPlaceholders(this.sfConfig.txVariant, this.sfConfig.fieldType, placeholders);\n\n        /**\n         * Configure, create & reference iframe and add load listener\n         */\n        const iframeConfig = {\n            src: iframeSrc,\n            title: processedAriaConfig[this.sfConfig.fieldType].iframeTitle,\n            policy: 'origin'\n        };\n\n        const iframeEl: HTMLIFrameElement = createIframe(iframeConfig);\n\n        // Place the iframe into the holder\n        this.holderEl.appendChild(iframeEl);\n\n        // Now examine the holder to get an actual DOM node\n        const iframe: HTMLIFrameElement = selectOne(this.holderEl, '.js-iframe');\n\n        if (iframe) {\n            if (!iframe.contentWindow) {\n                // Warn the dev\n                console.error(\n                    'ERROR: Trying to initialise a securedField iframe, but the iframe.contentWindow is undefined. Are you sure the element into which the Card component is being mounted already exists in the DOM *before* the Card component is mounted?'\n                );\n                // Log the error\n                const event = new AnalyticsErrorEvent({\n                    component: this.componentType,\n                    code: ErrorEventCode.SECURED_FIELDS_IFRAME_CONTENT_WINDOW_NOT_FOUND,\n                    errorType: ErrorEventType.implementation,\n                    message: `Trying to initialise an iframe for ${this.sfConfig.fieldType}, but the iframe.contentWindow is undefined`\n                });\n\n                this.submitAnalytics?.(event);\n            }\n\n            this.iframeContentWindow = iframe.contentWindow;\n\n            // Create reference to bound fn (see getters/setters for binding)\n            this.iframeOnLoadListener = this.iframeOnLoadListenerFn;\n\n            on(iframe, 'load', this.iframeOnLoadListener, false);\n        }\n\n        this.iframeRef = iframe;\n\n        return this;\n    }\n\n    iframeOnLoadListenerFn(): void {\n        // Create reference to bound fn (see getters/setters for binding)\n        this.postMessageListener = this.postMessageListenerFn;\n\n        // Add general listener for 'message' EVENT - the event that 'powers' postMessage\n        on(window, 'message', this.postMessageListener, false);\n\n        // Create and send config object to iframe\n        const configObj: IframeConfigObject = {\n            ...this.sfConfig,\n            numKey: this.numKey\n        };\n\n        if (window._b$dl) console.log('### SecuredField:::: onIframeLoaded:: created configObj=', configObj);\n\n        postMessageToIframe(configObj, this.iframeContentWindow, this.loadingContext);\n        //--\n\n        // Callback to say iframe loaded\n        this.onIframeLoadedCallback();\n    }\n\n    postMessageListenerFn(event: MessageEvent): void {\n        // Check message is from expected domain\n        if (!originCheckPassed(event, this.loadingContext, this.sfConfig.showWarnings)) {\n            return;\n        }\n\n        // TODO - for debugging purposes this would always be useful to see\n        //        logger.log('\\n',this.sfConfig.fieldType,'### CSF SecuredField::postMessageListener:: event.data=',event.data);\n\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log(\n                '\\n###CSF SecuredField::postMessageListener:: DOMAIN & ORIGIN MATCH, NO WEBPACK WEIRDNESS fieldType=',\n                this.sfConfig.fieldType,\n                'txVariant=',\n                this.sfConfig.txVariant,\n                'this.numKey=',\n                this.numKey\n            );\n        }\n\n        // PARSE DATA OBJECT (thus testing if it is a JSON string) - OR TRY & WORK OUT WHY THE PARSING FAILED\n        let feedbackObj: SFFeedbackObj;\n\n        try {\n            feedbackObj = JSON.parse(event.data);\n        } catch (e) {\n            // Was the message generated by webpack?\n            if (isWebpackPostMsg(event)) {\n                if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - WEBPACK');\n                return;\n            }\n\n            // Was the message generated by ChromeVox?\n            if (isChromeVoxPostMsg(event)) {\n                if (this.sfConfig.showWarnings) logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - CHROMEVOX');\n                return;\n            }\n\n            if (this.sfConfig.showWarnings)\n                logger.log('### SecuredField::postMessageListenerFn:: PARSE FAIL - UNKNOWN REASON: event.data=', event.data);\n            return;\n        }\n\n        // CHECK FOR EXPECTED PROPS\n        const hasMainProps: boolean = hasOwnProperty(feedbackObj, 'action') && hasOwnProperty(feedbackObj, 'numKey');\n\n        if (!hasMainProps) {\n            if (this.sfConfig.showWarnings) logger.warn('WARNING SecuredField :: postMessage listener for iframe :: data mismatch!');\n            return;\n        }\n\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log('### SecuredField::postMessageListener:: feedbackObj.numKey=', feedbackObj.numKey);\n        }\n\n        if (this.numKey !== feedbackObj.numKey) {\n            if (this.sfConfig.showWarnings) {\n                logger.warn(\n                    'WARNING SecuredField :: postMessage listener for iframe :: data mismatch! (Probably a message from an unrelated securedField)'\n                );\n            }\n            return;\n        }\n\n        // VALIDATION CHECKS PASSED - DECIDE ON COURSE OF ACTION\n        if (process.env.NODE_ENV === 'development' && logPostMsg) {\n            logger.log(\n                '### SecuredField::postMessageListener:: numkeys match PROCEED WITH POST MESSAGE PROCESSING fieldType=',\n                this.sfConfig.fieldType,\n                'txVariant=',\n                this.sfConfig.txVariant\n            );\n        }\n\n        switch (feedbackObj.action) {\n            case 'encryption':\n                this.isValid = true;\n                this.onEncryptionCallback(feedbackObj);\n                break;\n\n            case 'config':\n                if (window._b$dl)\n                    console.log('### SecuredField::postMessageListenerFn:: configured - calling onConfigCallback', feedbackObj.fieldType);\n                this.onConfigCallback(feedbackObj);\n                break;\n\n            case 'focus':\n                this.onFocusCallback(feedbackObj);\n                break;\n\n            case 'binValue':\n                this.onBinValueCallback(feedbackObj);\n                break;\n\n            // iOS ONLY - RE. iOS BUGS AROUND BLUR AND FOCUS EVENTS\n            case 'touch':\n                this.onTouchstartCallback(feedbackObj);\n                break;\n\n            // Only happens for Firefox & IE <= 11\n            case 'shifttab':\n                this.onShiftTabCallback(feedbackObj);\n                break;\n\n            case 'autoComplete':\n                this.onAutoCompleteCallback(feedbackObj);\n                break;\n\n            case 'enterKeyPressed':\n                this.onKeyPressedCallback(feedbackObj);\n                break;\n\n            case 'encryptionError': {\n                const event = new AnalyticsErrorEvent({\n                    component: this.componentType,\n                    code: feedbackObj.code,\n                    errorType: ErrorEventType.internal,\n                    message: `${feedbackObj.error}. Field= ${this.sfConfig.fieldType}`\n                });\n\n                this.submitAnalytics?.(event);\n                break;\n            }\n\n            /**\n             * Validate, because action =\n             *\n             *  'brand'\n             *  'delete'\n             *  'luhnCheck'\n             *  'incomplete field' (an error that follows from a focus (blur) event)\n             *  'incorrectly filled field' (an error that follows from a focus (blur) event)\n             *  'numberKeyPressed' (or date-, month-, year-, cvc-, pin-, or iban- KeyPressed)\n             *    - since we have no \"error\" action \"...KeyPressed\" is the action type on most error events (other than \"incomplete field, 'incorrectly filled field' or \"luhnCheck\")\n             *    and often these error events representing the clearing of an existing error\n             */\n            default:\n                // If we're validation handling (& not encryption handling) field must be invalid\n                this.isValid = false;\n                this.onValidationCallback(feedbackObj);\n        }\n    }\n\n    destroy(): void {\n        off(window, 'message', this.postMessageListener, false);\n        off(this.iframeRef, 'load', this.iframeOnLoadListener, false);\n        this.iframeContentWindow = null;\n        removeAllChildren(this.holderEl);\n    }\n\n    /**\n     * Returns whether the securedField is hidden OR whether it is optional and not in error\n     */\n    isOptionalOrHidden(): boolean {\n        if (\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n        ) {\n            switch (this.expiryDatePolicy) {\n                case DATE_POLICY_HIDDEN:\n                    return true;\n                case DATE_POLICY_OPTIONAL:\n                    return !this.hasError;\n                default:\n                    return false;\n            }\n        }\n\n        if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n            switch (this.cvcPolicy) {\n                case CVC_POLICY_HIDDEN:\n                    return true;\n                case CVC_POLICY_OPTIONAL:\n                    return !this.hasError;\n                default:\n                    return false;\n            }\n        }\n\n        // Any other type of securedField is not optional & can't be hidden\n        return false;\n    }\n\n    // /////// ALLOCATE CALLBACKS /////////\n    onIframeLoaded(callbackFn: RtnType_noParamVoidFn): SecuredField {\n        this.onIframeLoadedCallback = callbackFn;\n        return this;\n    }\n\n    onEncryption(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onEncryptionCallback = callbackFn;\n        return this;\n    }\n\n    onValidation(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onValidationCallback = callbackFn;\n        return this;\n    }\n\n    onConfig(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onConfigCallback = callbackFn;\n        return this;\n    }\n\n    onFocus(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onFocusCallback = callbackFn;\n        return this;\n    }\n\n    onBinValue(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onBinValueCallback = callbackFn;\n        return this;\n    }\n\n    onTouchstart(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onTouchstartCallback = callbackFn;\n        return this;\n    }\n\n    onShiftTab(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onShiftTabCallback = callbackFn;\n        return this;\n    }\n\n    onAutoComplete(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onAutoCompleteCallback = callbackFn;\n        return this;\n    }\n\n    onKeyPressed(callbackFn: RtnType_callbackFn): SecuredField {\n        this.onKeyPressedCallback = callbackFn;\n        return this;\n    }\n    //------------------------------------\n\n    // ///////////// GETTERS/SETTERS //////////////\n\n    get errorType(): string {\n        return this._errorType;\n    }\n    set errorType(value: string) {\n        this._errorType = value;\n    }\n\n    get hasError(): boolean {\n        return this._hasError;\n    }\n    set hasError(value: boolean) {\n        this._hasError = value;\n    }\n\n    get isValid(): boolean {\n        if (this.sfConfig.fieldType === ENCRYPTED_SECURITY_CODE) {\n            switch (this.cvcPolicy) {\n                case CVC_POLICY_HIDDEN:\n                    // If cvc is hidden then the field is always valid\n                    return true;\n                case CVC_POLICY_OPTIONAL:\n                    // If cvc is optional then the field is always valid UNLESS it has an error\n                    return !this.hasError;\n                default:\n                    return this._isValid;\n            }\n        }\n\n        if (\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_DATE ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_MONTH ||\n            this.sfConfig.fieldType === ENCRYPTED_EXPIRY_YEAR\n        ) {\n            switch (this.expiryDatePolicy) {\n                case DATE_POLICY_HIDDEN:\n                    // If date is hidden then the field is always valid\n                    return true;\n                case DATE_POLICY_OPTIONAL:\n                    // If date is optional then the field is always valid UNLESS it has an error\n                    return !this.hasError;\n                default:\n                    return this._isValid;\n            }\n        }\n\n        return this._isValid;\n    }\n    set isValid(value: boolean) {\n        this._isValid = value;\n    }\n\n    get cvcPolicy(): CVCPolicyType {\n        return this._cvcPolicy;\n    }\n\n    set cvcPolicy(value: CVCPolicyType) {\n        // Only set if this is a CVC field\n        if (this.sfConfig.fieldType !== ENCRYPTED_SECURITY_CODE) return;\n\n        // Only set if value has changed\n        if (value === this.cvcPolicy) return;\n\n        if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField::cvcPolicy:: value=', value);\n\n        this._cvcPolicy = value;\n\n        // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n        // NOTE: fixes issue in Components where you first validate and then start typing a maestro number\n        // - w/o this and the fix in CSF the maestro PM will never register as valid\n        if (this.hasError && this.errorType === 'isValidated') {\n            this.hasError = false;\n        }\n    }\n\n    get expiryDatePolicy(): DatePolicyType {\n        return this._expiryDatePolicy;\n    }\n\n    set expiryDatePolicy(value: DatePolicyType) {\n        // Only set if this is a date field type of securedField\n        if (\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_DATE &&\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_MONTH &&\n            this.sfConfig.fieldType !== ENCRYPTED_EXPIRY_YEAR\n        )\n            return;\n\n        // Only set if value has changed\n        if (value === this.expiryDatePolicy) return;\n\n        if (process.env.NODE_ENV === 'development' && doLog) logger.log(this.sfConfig.fieldType, '### SecuredField:expiryDatePolicy:: value=', value);\n\n        this._expiryDatePolicy = value;\n\n        // If the field has changed status (required <--> not required) AND it's error state was due to an isValidated call\n        if (this.hasError && this.errorType === 'isValidated') {\n            this.hasError = false;\n        }\n    }\n\n    get iframeContentWindow(): Window {\n        return this._iframeContentWindow;\n    }\n    set iframeContentWindow(value: Window) {\n        this._iframeContentWindow = value;\n    }\n\n    get isEncrypted(): boolean {\n        return this._isEncrypted;\n    }\n    set isEncrypted(value: boolean) {\n        this._isEncrypted = value;\n    }\n\n    get numKey(): number {\n        return this._numKey;\n    }\n    set numKey(value: number) {\n        this._numKey = value;\n    }\n\n    // Internal use - way to create listener refs that we can add/remove\n    get iframeOnLoadListener(): RtnType_noParamVoidFn {\n        return this._iframeOnLoadListener;\n    }\n    set iframeOnLoadListener(value: RtnType_noParamVoidFn) {\n        this._iframeOnLoadListener = value.bind(this);\n    }\n\n    get postMessageListener(): RtnType_postMessageListener {\n        return this._postMessageListener;\n    }\n    set postMessageListener(value: RtnType_postMessageListener) {\n        this._postMessageListener = value.bind(this);\n    }\n}\n\nexport default SecuredField;\n"],"names":["SecuredField","AbstractSecuredField","init","i18n","iframeSrc","placeholders","showContextualElement","processedAriaConfig","processAriaConfig","this","sfConfig","txVariant","fieldType","iframeUIConfig","ariaConfig","processPlaceholders","iframeConfig","src","title","iframeTitle","policy","iframeEl","createIframe","holderEl","appendChild","iframe","selectOne","contentWindow","console","error","event","AnalyticsErrorEvent","component","componentType","code","ErrorEventCode","SECURED_FIELDS_IFRAME_CONTENT_WINDOW_NOT_FOUND","errorType","ErrorEventType","implementation","message","submitAnalytics","iframeContentWindow","iframeOnLoadListener","iframeOnLoadListenerFn","on","iframeRef","postMessageListener","postMessageListenerFn","window","configObj","numKey","_b$dl","log","postMessageToIframe","loadingContext","onIframeLoadedCallback","originCheckPassed","showWarnings","feedbackObj","JSON","parse","data","e","isWebpackPostMsg","logger","isChromeVoxPostMsg","hasOwnProperty","action","isValid","onEncryptionCallback","onConfigCallback","onFocusCallback","onBinValueCallback","onTouchstartCallback","onShiftTabCallback","onAutoCompleteCallback","onKeyPressedCallback","internal","onValidationCallback","destroy","off","removeAllChildren","isOptionalOrHidden","ENCRYPTED_EXPIRY_DATE","ENCRYPTED_EXPIRY_MONTH","ENCRYPTED_EXPIRY_YEAR","expiryDatePolicy","DATE_POLICY_HIDDEN","DATE_POLICY_OPTIONAL","hasError","ENCRYPTED_SECURITY_CODE","cvcPolicy","CVC_POLICY_HIDDEN","CVC_POLICY_OPTIONAL","onIframeLoaded","callbackFn","onEncryption","onValidation","onConfig","onFocus","onBinValue","onTouchstart","onShiftTab","onAutoComplete","onKeyPressed","_errorType","value","_hasError","_isValid","_cvcPolicy","_expiryDatePolicy","_iframeContentWindow","isEncrypted","_isEncrypted","_numKey","_iframeOnLoadListener","bind","_postMessageListener","constructor","pSetupObj","super","configVarsFromSetUpObj","reject","from","generateRandomNumber"],"mappings":"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"}

package/dist/es/components/internal/SegmentedControl/SegmentedControl.js

@@ -1,2 +1,2 @@
-import{createElement as e}from"../../../external/preact/dist/preact.js";import t from"../../../_virtual/index.js";import{stopPropagationForActionKeys as o}from"../Button/stopPropagationForActionKeys.js";const n=({classNameModifiers:n=[],selectedValue:a,disabled:s=!1,options:l,onChange:c})=>l&&0!==l.length?e("div",{className:t("adyen-checkout__segmented-control",{"adyen-checkout__segmented-control--disabled":s},...n.map(e=>`adyen-checkout__segmented-control--${e}`)),role:"tablist"},l.map(({label:n,value:l,id:r,controls:d,htmlProps:i})=>e("button",{role:"tab",id:r,disabled:s,key:l,onClick:e=>c(l,e),onKeyDown:o,className:t("adyen-checkout__segmented-control-segment",{"adyen-checkout__segmented-control-segment--selected":a===l}),"aria-controls":d,"aria-selected":a===l,type:"button",...i},n))):null;export{n as SegmentedControl};
+import{createElement as e}from"../../../external/preact/dist/preact.js";import t from"../../../_virtual/index.js";import{stopPropagationForActionKeys as o}from"../Button/stopPropagationForActionKeys.js";const n=({classNameModifiers:n=[],selectedValue:s,disabled:a=!1,options:l,onChange:c})=>l&&0!==l.length?e("div",{className:t("adyen-checkout__segmented-control",{"adyen-checkout__segmented-control--disabled":a},...n.map(e=>`adyen-checkout__segmented-control--${e}`)),role:"tablist"},l.map(({label:n,value:l,id:r,controls:d,htmlProps:i})=>e("button",{role:"tab",id:r,disabled:a,key:l,onClick:e=>c(l,e),onKeyPress:o,onKeyDown:o,className:t("adyen-checkout__segmented-control-segment",{"adyen-checkout__segmented-control-segment--selected":s===l}),"aria-controls":d,"aria-selected":s===l,type:"button",...i},n))):null;export{n as SegmentedControl};
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/es/components/internal/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../../../src/components/internal/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { h } from 'preact';\nimport cx from 'classnames';\n\nimport './SegmentedControl.scss';\nimport { stopPropagationForActionKeys } from '../Button/stopPropagationForActionKeys';\n\nexport interface SegmentedControlOption<T> {\n    readonly label: string;\n    readonly value: T;\n    readonly id: string;\n    readonly controls: string;\n    readonly htmlProps?: {};\n}\n\nexport type SegmentedControlOptions<T> = Array<SegmentedControlOption<T>>;\n\nexport interface SegmentedControlProps<T> {\n    classNameModifiers?: string[];\n    selectedValue: T;\n    disabled?: boolean;\n    options: SegmentedControlOptions<T>;\n    onChange: (value: T, event: MouseEvent) => void;\n}\n\n/**\n *\n * example:\n * <SegmentedControl\n *   onChange={(value) = setMode(value)}\n *   selectedValue={mode}\n *   disabled={status === 'loading'}\n *   classNameModifiers={['css-class']}\n *   options={segmentedControlOptions}\n * />\n *\n * @param classNameModifiers\n * @param selectedValue\n * @param disabled\n * @param options\n * @param onChange\n * @constructor\n */\nexport const SegmentedControl = <T,>({\n    classNameModifiers = [],\n    selectedValue,\n    disabled = false,\n    options,\n    onChange\n}: Readonly<SegmentedControlProps<T>>) => {\n    if (!options || options.length === 0) {\n        return null;\n    }\n\n    return (\n        <div\n            className={cx(\n                'adyen-checkout__segmented-control',\n                { 'adyen-checkout__segmented-control--disabled': disabled },\n                ...classNameModifiers.map(modifier => `adyen-checkout__segmented-control--${modifier}`)\n            )}\n            role=\"tablist\"\n        >\n            {options.map(({ label, value, id, controls, htmlProps }: SegmentedControlOption<T>) => (\n                <button\n                    role=\"tab\"\n                    id={id}\n                    disabled={disabled}\n                    key={value}\n                    onClick={(event: MouseEvent) => onChange(value, event)}\n                    // Workaround: See ADR-0001-uielement-keyboard-event-propagation-workaround\n                    onKeyDown={stopPropagationForActionKeys}\n                    className={cx('adyen-checkout__segmented-control-segment', {\n                        'adyen-checkout__segmented-control-segment--selected': selectedValue === value\n                    })}\n                    aria-controls={controls}\n                    aria-selected={selectedValue === value}\n                    type=\"button\"\n                    {...htmlProps}\n                >\n                    {label}\n                </button>\n            ))}\n        </div>\n    );\n};\n"],"names":["SegmentedControl","classNameModifiers","selectedValue","disabled","options","onChange","length","h","div","className","cx","map","modifier","role","label","value","id","controls","htmlProps","button","key","onClick","event","onKeyDown","stopPropagationForActionKeys","aria-controls","aria-selected","type"],"mappings":"2MA0CO,MAAMA,EAAmB,EAC5BC,qBAAqB,GACrBC,gBACAC,YAAW,EACXC,UACAC,cAEKD,GAA8B,IAAnBA,EAAQE,OAKpBC,EAACC,MAAAA,CACGC,UAAWC,EACP,oCACA,CAAE,8CAA+CP,MAC9CF,EAAmBU,IAAIC,GAAY,sCAAsCA,MAEhFC,KAAK,WAEJT,EAAQO,IAAI,EAAGG,QAAOC,QAAOC,KAAIC,WAAUC,eACxCX,EAACY,SAAAA,CACGN,KAAK,MACLG,GAAIA,EACJb,SAAUA,EACViB,IAAKL,EACLM,QAAUC,GAAsBjB,EAASU,EAAOO,GAEhDC,UAAWC,EACXf,UAAWC,EAAG,4CAA6C,CACvD,sDAAuDR,IAAkBa,IAE7EU,gBAAeR,EACfS,gBAAexB,IAAkBa,EACjCY,KAAK,YACDT,GAEHJ,KA7BN"}
+{"version":3,"file":"SegmentedControl.js","sources":["../../../../../src/components/internal/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":["import { h } from 'preact';\nimport cx from 'classnames';\n\nimport './SegmentedControl.scss';\nimport { stopPropagationForActionKeys } from '../Button/stopPropagationForActionKeys';\n\nexport interface SegmentedControlOption<T> {\n    readonly label: string;\n    readonly value: T;\n    readonly id: string;\n    readonly controls: string;\n    readonly htmlProps?: {};\n}\n\nexport type SegmentedControlOptions<T> = Array<SegmentedControlOption<T>>;\n\nexport interface SegmentedControlProps<T> {\n    classNameModifiers?: string[];\n    selectedValue: T;\n    disabled?: boolean;\n    options: SegmentedControlOptions<T>;\n    onChange: (value: T, event: MouseEvent) => void;\n}\n\n/**\n *\n * example:\n * <SegmentedControl\n *   onChange={(value) = setMode(value)}\n *   selectedValue={mode}\n *   disabled={status === 'loading'}\n *   classNameModifiers={['css-class']}\n *   options={segmentedControlOptions}\n * />\n *\n * @param classNameModifiers\n * @param selectedValue\n * @param disabled\n * @param options\n * @param onChange\n * @constructor\n */\nexport const SegmentedControl = <T,>({\n    classNameModifiers = [],\n    selectedValue,\n    disabled = false,\n    options,\n    onChange\n}: Readonly<SegmentedControlProps<T>>) => {\n    if (!options || options.length === 0) {\n        return null;\n    }\n\n    return (\n        <div\n            className={cx(\n                'adyen-checkout__segmented-control',\n                { 'adyen-checkout__segmented-control--disabled': disabled },\n                ...classNameModifiers.map(modifier => `adyen-checkout__segmented-control--${modifier}`)\n            )}\n            role=\"tablist\"\n        >\n            {options.map(({ label, value, id, controls, htmlProps }: SegmentedControlOption<T>) => (\n                <button\n                    role=\"tab\"\n                    id={id}\n                    disabled={disabled}\n                    key={value}\n                    onClick={(event: MouseEvent) => onChange(value, event)}\n                    // Workaround: See ADR-0001-uielement-keyboard-event-propagation-workaround\n                    onKeyPress={stopPropagationForActionKeys}\n                    onKeyDown={stopPropagationForActionKeys}\n                    className={cx('adyen-checkout__segmented-control-segment', {\n                        'adyen-checkout__segmented-control-segment--selected': selectedValue === value\n                    })}\n                    aria-controls={controls}\n                    aria-selected={selectedValue === value}\n                    type=\"button\"\n                    {...htmlProps}\n                >\n                    {label}\n                </button>\n            ))}\n        </div>\n    );\n};\n"],"names":["SegmentedControl","classNameModifiers","selectedValue","disabled","options","onChange","length","h","div","className","cx","map","modifier","role","label","value","id","controls","htmlProps","button","key","onClick","event","onKeyPress","stopPropagationForActionKeys","onKeyDown","aria-controls","aria-selected","type"],"mappings":"2MA0CO,MAAMA,EAAmB,EAC5BC,qBAAqB,GACrBC,gBACAC,YAAW,EACXC,UACAC,cAEKD,GAA8B,IAAnBA,EAAQE,OAKpBC,EAACC,MAAAA,CACGC,UAAWC,EACP,oCACA,CAAE,8CAA+CP,MAC9CF,EAAmBU,IAAIC,GAAY,sCAAsCA,MAEhFC,KAAK,WAEJT,EAAQO,IAAI,EAAGG,QAAOC,QAAOC,KAAIC,WAAUC,eACxCX,EAACY,SAAAA,CACGN,KAAK,MACLG,GAAIA,EACJb,SAAUA,EACViB,IAAKL,EACLM,QAAUC,GAAsBjB,EAASU,EAAOO,GAEhDC,WAAYC,EACZC,UAAWD,EACXf,UAAWC,EAAG,4CAA6C,CACvD,sDAAuDR,IAAkBa,IAE7EW,gBAAeT,EACfU,gBAAezB,IAAkBa,EACjCa,KAAK,YACDV,GAEHJ,KA9BN"}

package/dist/es/components/internal/UIElement/UIElement.js

@@ -1,2 +1,2 @@
-import{createElement as e,createRef as t}from"../../../external/preact/dist/preact.js";import s,{NETWORK_ERROR as n}from"../../../core/Errors/AdyenCheckoutError.js";import{hasOwnProperty as i}from"../../../utils/hasOwnProperty.js";import o from"../BaseElement/BaseElement.js";import r from"../PayButton/PayButton.js";import{assertIsDropin as a,getRegulatoryDefaults as h,sanitizeResponse as d,verifyPaymentDidNotFail as l,cleanupFinalResult as m}from"./utils.js";import{AnalyticsErrorEvent as p,ErrorEventType as c}from"../../../core/Analytics/events/AnalyticsErrorEvent.js";import{AnalyticsInfoEvent as u,InfoEventType as y}from"../../../core/Analytics/events/AnalyticsInfoEvent.js";import{AnalyticsLogEvent as f,LogEventType as R}from"../../../core/Analytics/events/AnalyticsLogEvent.js";import b from"../../../core/Errors/CancelError.js";import{CoreProvider as A}from"../../../core/Context/CoreProvider.js";import P from"../../../core/Errors/SRPanelProvider.js";import{AmountProvider as E}from"../../../core/Context/AmountProvider.js";import{TxVariants as g}from"../../tx-variants.js";function v(e,t,s){return t in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}class w extends o{createBeforeRenderHook(e){const t=this.render;this.render=(...s)=>(this.beforeRender(e),t.apply(this,s))}beforeRender(e){if(e?.originalAction)return;const t=new u({type:y.rendered,component:this.type,configData:{...e,showPayButton:this.props.showPayButton},...e?.oneClick&&{isStoredPaymentMethod:!0}});this.analytics.sendAnalytics(t)}reportIntegrationFlavor(){this.analytics.sendFlavor("components")}get analytics(){return this.core.modules.analytics}get srPanel(){return this.core.modules.srPanel}getPaymentMethodConfigFromResponse(e){return e?.storedPaymentMethodId?this.getStoredPaymentMethodDetails(e.storedPaymentMethodId):this.getPaymentMethodFromPaymentMethodsResponse(e?.type,e?.paymentMethodId)}buildElementProps(e){const t={showPayButton:!0,...this.core.getCorePropsForComponent(),...this.getPaymentMethodConfigFromResponse(e),...e},s=a(this);this.props=this.formatProps({...this.constructor.defaultProps,...h(this.core.options.countryCode,s),...t})}getStoredPaymentMethodDetails(e){return this.core.paymentMethodsResponse.findStoredPaymentMethod(e)}getPaymentMethodFromPaymentMethodsResponse(e,t){return t?this.core.paymentMethodsResponse.findById(t):this.core.paymentMethodsResponse?.find(e||this.constructor.type)}storeElementRefOnCore(e){e?.isDropin||this.core.storeElementReference(this)}isAvailable(){return Promise.resolve()}setState(e){this.state={...this.state,...e},this.onChange()}showValidation(){return this.componentRef&&this.componentRef.showValidation&&this.componentRef.showValidation(),this}updateAmount(e,t){this.props={...this.props,...e&&{amount:e},...t&&{secondaryAmount:t}},this.amountProviderRef.current?.update(e,t)}setElementStatus(e,t){return this.elementRef?.setStatus(e,t),this}setStatus(e,t){return this.componentRef?.setStatus&&this.componentRef.setStatus(e,t),this}onChange(){this.props.onChange?.({data:this.data,isValid:this.isValid,errors:this.state.errors,valid:this.state.valid},this.elementRef)}submitAnalytics(e){this.analytics.sendAnalytics(e)}submit(){this.isValid?this.makePaymentsCall().then(d).then(l).then(this.handleResponse).catch(e=>{e instanceof b?this.setElementStatus("ready"):this.handleFailedResult(e)}):this.showValidation()}makePaymentsCall(){if(this.setElementStatus("loading"),this.props.onSubmit)return this.submitUsingAdvancedFlow();if(this.core.session){return(this.props.beforeSubmit?new Promise((e,t)=>{this.props.beforeSubmit(this.data,this.elementRef,{resolve:e,reject:()=>t(new b("beforeSubmitRejected"))})}):Promise.resolve(this.data)).then(this.submitUsingSessionsFlow)}this.handleError(new s("IMPLEMENTATION_ERROR",'It can not perform /payments call. Callback "onSubmit" is missing or Checkout session is not available'))}async submitUsingAdvancedFlow(){const e=new f({component:this.type,type:R.submit,message:"Shopper clicked pay"});return this.submitAnalytics(e),new Promise((e,t)=>{this.props.onSubmit({data:this.data,isValid:this.isValid},this.elementRef,{resolve:e,reject:t})})}async submitUsingSessionsFlow(e){const t=new f({component:this.type,type:R.submit,message:"Shopper clicked pay"});this.submitAnalytics(t);try{return await this.core.session.submitPayment(e)}catch(e){return e instanceof s?this.handleError(e):this.handleError(new s("ERROR","Error when making /payments call",{cause:e})),Promise.reject(e)}}onComplete(e){this.handleAdditionalDetails(e)}handleAdditionalDetails(e){this.makeAdditionalDetailsCall(e).then(d).then(l).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(e){return this.props.onAdditionalDetails?new Promise((t,s)=>{this.props.onAdditionalDetails(e,this.elementRef,{resolve:t,reject:s})}):this.core.session?this.submitAdditionalDetailsUsingSessionsFlow(e.data):void this.handleError(new s("IMPLEMENTATION_ERROR",'It can not perform /payments/details call. Callback "onAdditionalDetails" is missing or Checkout session is not available'))}async submitAdditionalDetailsUsingSessionsFlow(e){try{return await this.core.session.submitDetails(e)}catch(e){return e instanceof s?this.handleError(e):this.handleError(new s("ERROR","Error when making /details call",{cause:e})),Promise.reject(e)}}handleAction(e,t={}){if(!e||!e.type){if(i(e,"action")&&i(e,"resultCode"))throw new Error('handleAction::Invalid Action - the passed action object itself has an "action" property and a "resultCode": have you passed in the whole response object by mistake?');throw new Error('handleAction::Invalid Action - the passed action object does not have a "type" property')}const s=this.core.createFromAction(e,{...this.elementRef.props,...t});return s?(this.unmount(),s.mount(this._node)):null}onActionHandled(e){this.props?.onActionHandled?.({originalAction:this.props.originalAction,...e})}setupSessionsDonation(){const{amount:e,donation:t}=this.props;if(!1!==t?.autoMount){const t=a(this.elementRef)?this.elementRef._node:this._node;new(this.core.getComponent(g.donation))(this.core,{rootNode:t,commercialTxAmount:e.value})}}handleResponse(e){e.action?this.elementRef.handleAction(e.action):e.order?.remainingAmount?.value>0?this.handleOrder(e):this.handleSuccessResult(e)}handleKeyDown(e){"Enter"!==e.key&&"Enter"!==e.code||(e.preventDefault(),this.onEnterKeyPressed(document?.activeElement,this))}onEnterKeyPressed(e,t){this.props.onEnterKeyPressed?this.props.onEnterKeyPressed(e,t):(e.blur(),this.submit())}updateParent(e={}){return this.elementRef.core.update(e)}get isValid(){return!1}get icon(){const e=this.props.paymentMethodType||this.type;return this.props.icon??this.resources.getImage()(e)}get displayName(){const e=this.core.paymentMethodsResponse?.paymentMethods?.find(e=>e.type===this.type);return this.props.name||e?.name||this.type}get accessibleName(){return this.displayName}get additionalInfo(){return null}get type(){return this.props.type||this.constructor.type}async handleAdvanceFlowPaymentMethodsUpdate(e,t){return new Promise((t,s)=>{if(!this.props.onPaymentMethodsRequest)return t();this.props.onPaymentMethodsRequest({...e&&{order:{orderData:e.orderData,pspReference:e.pspReference}},locale:this.core.options.locale},{resolve:t,reject:s})}).catch(e=>{this.handleError(new s("IMPLEMENTATION_ERROR","Something failed during payment methods update or onPaymentMethodsRequest was not implemented",{cause:e}))}).then(s=>this.core.update({...s&&{paymentMethodsResponse:s},order:e,amount:e?e.remainingAmount:t}))}render(){return e(A,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources,analytics:this.analytics},e(P,{srPanel:this.srPanel},e(E,{amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,providerRef:this.amountProviderRef},this.componentToRender())))}constructor(s,i){super(s,i),v(this,"componentRef",void 0),v(this,"resources",void 0),v(this,"elementRef",void 0),v(this,"amountProviderRef",t()),v(this,"handleError",e=>{if(this.setElementStatus("ready"),e.name===n&&e.options.code){const t=new p({component:this.type,errorType:c.apiError,code:e.options.code});this.submitAnalytics(t)}this.props.onError&&this.props.onError(e,this.elementRef)}),v(this,"handleOrder",e=>{const{order:t}=e;(this.core.session?this.core.update({order:t}):this.handleAdvanceFlowPaymentMethodsUpdate(t)).then(()=>{this.props.onOrderUpdated?.({order:t})})}),v(this,"handleFailedResult",e=>{a(this.elementRef)&&this.elementRef.displayFinalAnimation("error"),m(e),this.props.onPaymentFailed?.(e,this.elementRef)}),v(this,"handleSuccessResult",e=>{a(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),m(e),this.core.session&&!0===e.askDonation&&this.setupSessionsDonation(),this.props.onPaymentCompleted?.(e,this.elementRef)}),v(this,"setComponentRef",e=>{this.componentRef=e}),v(this,"payButton",t=>e(r,{...t,onClick:this.submit})),this.core.register(this.constructor),this.submit=this.submit.bind(this),this.setState=this.setState.bind(this),this.onComplete=this.onComplete.bind(this),this.handleAction=this.handleAction.bind(this),this.handleOrder=this.handleOrder.bind(this),this.handleAdditionalDetails=this.handleAdditionalDetails.bind(this),this.handleResponse=this.handleResponse.bind(this),this.setElementStatus=this.setElementStatus.bind(this),this.submitAnalytics=this.submitAnalytics.bind(this),this.makePaymentsCall=this.makePaymentsCall.bind(this),this.makeAdditionalDetailsCall=this.makeAdditionalDetailsCall.bind(this),this.submitUsingSessionsFlow=this.submitUsingSessionsFlow.bind(this),this.updateAmount=this.updateAmount.bind(this),this.setupSessionsDonation=this.setupSessionsDonation.bind(this),this.elementRef=i&&i.elementRef||this,this.resources=this.props.modules?this.props.modules.resources:void 0,this.storeElementRefOnCore(this.props),this.onEnterKeyPressed=this.onEnterKeyPressed.bind(this),this.onActionHandled=this.onActionHandled.bind(this),this.createBeforeRenderHook(i),this.reportIntegrationFlavor()}}v(w,"type",void 0),v(w,"txVariants",[]);export{w as UIElement,w as default};
+import{createElement as e,createRef as t}from"../../../external/preact/dist/preact.js";import s,{NETWORK_ERROR as i}from"../../../core/Errors/AdyenCheckoutError.js";import{hasOwnProperty as n}from"../../../utils/hasOwnProperty.js";import o from"../BaseElement/BaseElement.js";import r from"../PayButton/PayButton.js";import{assertIsDropin as a,getRegulatoryDefaults as h,sanitizeResponse as d,verifyPaymentDidNotFail as l,cleanupFinalResult as m}from"./utils.js";import{AnalyticsErrorEvent as p,ErrorEventType as c}from"../../../core/Analytics/events/AnalyticsErrorEvent.js";import{AnalyticsInfoEvent as u,InfoEventType as y}from"../../../core/Analytics/events/AnalyticsInfoEvent.js";import{AnalyticsLogEvent as f,LogEventType as R}from"../../../core/Analytics/events/AnalyticsLogEvent.js";import b from"../../../core/Errors/CancelError.js";import{CoreProvider as P}from"../../../core/Context/CoreProvider.js";import A from"../../../core/Errors/SRPanelProvider.js";import{AmountProvider as E}from"../../../core/Context/AmountProvider.js";import{TxVariants as g}from"../../tx-variants.js";function v(e,t,s){return t in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}class w extends o{createBeforeRenderHook(e){const t=this.render;this.render=(...s)=>(this.beforeRender(e),t.apply(this,s))}beforeRender(e){if(e?.originalAction)return;const t=new u({type:y.rendered,component:this.type,configData:{...e,showPayButton:this.props.showPayButton},...e?.oneClick&&{isStoredPaymentMethod:!0}});this.analytics.sendAnalytics(t)}reportIntegrationFlavor(){this.analytics.sendFlavor("components")}get analytics(){return this.core.modules.analytics}get srPanel(){return this.core.modules.srPanel}getPaymentMethodConfigFromResponse(e){return e?.storedPaymentMethodId?this.getStoredPaymentMethodDetails(e.storedPaymentMethodId):this.getPaymentMethodFromPaymentMethodsResponse(e?.type,e?.paymentMethodId)}buildElementProps(e){const t={showPayButton:!0,...this.core.getCorePropsForComponent(),...this.getPaymentMethodConfigFromResponse(e),...e},s=a(this);this.props=this.formatProps({...this.constructor.defaultProps,...h(this.core.options.countryCode,s),...t})}getStoredPaymentMethodDetails(e){return this.core.paymentMethodsResponse.findStoredPaymentMethod(e)}getPaymentMethodFromPaymentMethodsResponse(e,t){return t?this.core.paymentMethodsResponse.findById(t):this.core.paymentMethodsResponse?.find(e||this.constructor.type)}storeElementRefOnCore(e){e?.isDropin||this.core.storeElementReference(this)}isAvailable(){return Promise.resolve()}setState(e){this.state={...this.state,...e},this.onChange()}showValidation(){return this.componentRef&&this.componentRef.showValidation&&this.componentRef.showValidation(),this}updateAmount(e,t){this.props={...this.props,...e&&{amount:e},...t&&{secondaryAmount:t}},this.amountProviderRef.current?.update(e,t)}setElementStatus(e,t){return this.elementRef?.setStatus(e,t),this}setStatus(e,t){return this.componentRef?.setStatus&&this.componentRef.setStatus(e,t),this}onChange(){this.props.onChange?.({data:this.data,isValid:this.isValid,errors:this.state.errors,valid:this.state.valid},this.elementRef)}submitAnalytics(e){this.analytics.sendAnalytics(e)}submit(){this.isValid?this.makePaymentsCall().then(d).then(l).then(this.handleResponse).catch(e=>{e instanceof b?this.setElementStatus("ready"):this.handleFailedResult(e)}):this.showValidation()}makePaymentsCall(){if(this.setElementStatus("loading"),this.props.onSubmit)return this.submitUsingAdvancedFlow();if(this.core.session){return(this.props.beforeSubmit?new Promise((e,t)=>{this.props.beforeSubmit(this.data,this.elementRef,{resolve:e,reject:()=>t(new b("beforeSubmitRejected"))})}):Promise.resolve(this.data)).then(this.submitUsingSessionsFlow)}this.handleError(new s("IMPLEMENTATION_ERROR",'It can not perform /payments call. Callback "onSubmit" is missing or Checkout session is not available'))}async submitUsingAdvancedFlow(){const e=new f({component:this.type,type:R.submit,message:"Shopper clicked pay"});return this.submitAnalytics(e),new Promise((e,t)=>{this.props.onSubmit({data:this.data,isValid:this.isValid},this.elementRef,{resolve:e,reject:t})})}async submitUsingSessionsFlow(e){const t=new f({component:this.type,type:R.submit,message:"Shopper clicked pay"});this.submitAnalytics(t);try{return await this.core.session.submitPayment(e)}catch(e){return e instanceof s?this.handleError(e):this.handleError(new s("ERROR","Error when making /payments call",{cause:e})),Promise.reject(e)}}onComplete(e){this.handleAdditionalDetails(e)}handleAdditionalDetails(e){this.makeAdditionalDetailsCall(e).then(d).then(l).then(this.handleResponse).catch(this.handleFailedResult)}makeAdditionalDetailsCall(e){return this.props.onAdditionalDetails?new Promise((t,s)=>{this.props.onAdditionalDetails(e,this.elementRef,{resolve:t,reject:s})}):this.core.session?this.submitAdditionalDetailsUsingSessionsFlow(e.data):void this.handleError(new s("IMPLEMENTATION_ERROR",'It can not perform /payments/details call. Callback "onAdditionalDetails" is missing or Checkout session is not available'))}async submitAdditionalDetailsUsingSessionsFlow(e){try{return await this.core.session.submitDetails(e)}catch(e){return e instanceof s?this.handleError(e):this.handleError(new s("ERROR","Error when making /details call",{cause:e})),Promise.reject(e)}}handleAction(e,t={}){if(!e||!e.type){if(n(e,"action")&&n(e,"resultCode"))throw new Error('handleAction::Invalid Action - the passed action object itself has an "action" property and a "resultCode": have you passed in the whole response object by mistake?');throw new Error('handleAction::Invalid Action - the passed action object does not have a "type" property')}const s=this.core.createFromAction(e,{...this.elementRef.props,...t});return s?(this.unmount(),s.mount(this._node)):null}onActionHandled(e){this.props?.onActionHandled?.({originalAction:this.props.originalAction,...e})}setupSessionsDonation(){const{amount:e,donation:t}=this.props;if(!1!==t?.autoMount){const t=a(this.elementRef)?this.elementRef._node:this._node;new(this.core.getComponent(g.donation))(this.core,{rootNode:t,commercialTxAmount:e.value})}}handleResponse(e){e.action?this.elementRef.handleAction(e.action):e.order?.remainingAmount?.value>0?this.handleOrder(e):this.handleSuccessResult(e)}handleKeyPress(e){"Enter"!==e.key&&"Enter"!==e.code||(e.preventDefault(),this.onEnterKeyPressed(document?.activeElement,this))}onEnterKeyPressed(e,t){this.props.onEnterKeyPressed?this.props.onEnterKeyPressed(e,t):(e.blur(),this.submit())}updateParent(e={}){return this.elementRef.core.update(e)}get isValid(){return!1}get icon(){const e=this.props.paymentMethodType||this.type;return this.props.icon??this.resources.getImage()(e)}get displayName(){const e=this.core.paymentMethodsResponse?.paymentMethods?.find(e=>e.type===this.type);return this.props.name||e?.name||this.type}get accessibleName(){return this.displayName}get additionalInfo(){return null}get type(){return this.props.type||this.constructor.type}async handleAdvanceFlowPaymentMethodsUpdate(e,t){return new Promise((t,s)=>{if(!this.props.onPaymentMethodsRequest)return t();this.props.onPaymentMethodsRequest({...e&&{order:{orderData:e.orderData,pspReference:e.pspReference}},locale:this.core.options.locale},{resolve:t,reject:s})}).catch(e=>{this.handleError(new s("IMPLEMENTATION_ERROR","Something failed during payment methods update or onPaymentMethodsRequest was not implemented",{cause:e}))}).then(s=>this.core.update({...s&&{paymentMethodsResponse:s},order:e,amount:e?e.remainingAmount:t}))}render(){return e(P,{i18n:this.props.i18n,loadingContext:this.props.loadingContext,resources:this.resources,analytics:this.analytics},e(A,{srPanel:this.srPanel},e(E,{amount:this.props.amount,secondaryAmount:this.props.secondaryAmount,providerRef:this.amountProviderRef},this.componentToRender())))}constructor(s,n){super(s,n),v(this,"componentRef",void 0),v(this,"resources",void 0),v(this,"elementRef",void 0),v(this,"amountProviderRef",t()),v(this,"handleError",e=>{if(this.setElementStatus("ready"),e.name===i&&e.options.code){const t=new p({component:this.type,errorType:c.apiError,code:e.options.code});this.submitAnalytics(t)}this.props.onError&&this.props.onError(e,this.elementRef)}),v(this,"handleOrder",e=>{const{order:t}=e;(this.core.session?this.core.update({order:t}):this.handleAdvanceFlowPaymentMethodsUpdate(t)).then(()=>{this.props.onOrderUpdated?.({order:t})})}),v(this,"handleFailedResult",e=>{a(this.elementRef)&&this.elementRef.displayFinalAnimation("error"),m(e),this.props.onPaymentFailed?.(e,this.elementRef)}),v(this,"handleSuccessResult",e=>{a(this.elementRef)&&this.elementRef.displayFinalAnimation("success"),m(e),this.core.session&&!0===e.askDonation&&this.setupSessionsDonation(),this.props.onPaymentCompleted?.(e,this.elementRef)}),v(this,"setComponentRef",e=>{this.componentRef=e}),v(this,"payButton",t=>e(r,{...t,onClick:this.submit})),this.core.register(this.constructor),this.submit=this.submit.bind(this),this.setState=this.setState.bind(this),this.onComplete=this.onComplete.bind(this),this.handleAction=this.handleAction.bind(this),this.handleOrder=this.handleOrder.bind(this),this.handleAdditionalDetails=this.handleAdditionalDetails.bind(this),this.handleResponse=this.handleResponse.bind(this),this.setElementStatus=this.setElementStatus.bind(this),this.submitAnalytics=this.submitAnalytics.bind(this),this.makePaymentsCall=this.makePaymentsCall.bind(this),this.makeAdditionalDetailsCall=this.makeAdditionalDetailsCall.bind(this),this.submitUsingSessionsFlow=this.submitUsingSessionsFlow.bind(this),this.updateAmount=this.updateAmount.bind(this),this.setupSessionsDonation=this.setupSessionsDonation.bind(this),this.elementRef=n&&n.elementRef||this,this.resources=this.props.modules?this.props.modules.resources:void 0,this.storeElementRefOnCore(this.props),this.onEnterKeyPressed=this.onEnterKeyPressed.bind(this),this.onActionHandled=this.onActionHandled.bind(this),this.createBeforeRenderHook(n),this.reportIntegrationFlavor()}}v(w,"type",void 0),v(w,"txVariants",[]);export{w as UIElement,w as default};
 //# sourceMappingURL=UIElement.js.map