@adyen/adyen-web 6.47.0-alpha.eada81f → 6.47.0

package/dist/es/core/utils.js

@@ -1,2 +1,2 @@
-import{GENERIC_OPTIONS as e}from"./config.js";function n(n){const o=e;return Object.keys(n).reduce((e,t)=>(o.includes(t)&&(e[t]=n[t]),e),{})}function o(e){const n=(e=>e)(["session","environment","_environmentUrls","showPayButton","clientKey","locale","translations","paymentMethodsResponse","amount","secondaryAmount","countryCode","allowPaymentMethods","removePaymentMethods","srConfig","analytics","risk","order","donation","exposeLibraryMetadata","beforeRedirect","beforeSubmit","onPaymentCompleted","onPaymentFailed","onSubmit","onReview","onAdditionalDetails","onAction","onActionHandled","onChange","onError","onBalanceCheck","onOrderRequest","onPaymentMethodsRequest","onOrderCancel","onOrderUpdated","loadingContext","onEnterKeyPressed","afterAdditionalDetails"]);Object.keys(e).forEach(e=>{n.includes(e)||console.warn(`AdyenCheckout - Configuration property "${e}" is not a valid AdyenCheckout property. If it is a payment method configuration, make sure to pass it directly to the Component. If you are using Drop-in, make sure to pass it to "paymentMethodsConfiguration" object`)})}function t(e){const n=Object.values(e);return e=>n.includes(e)}export{o as assertConfigurationPropertiesAreValid,t as createEnumChecker,n as processGlobalOptions};
+import{GENERIC_OPTIONS as e}from"./config.js";function n(n){const o=e;return Object.keys(n).reduce((e,t)=>(o.includes(t)&&(e[t]=n[t]),e),{})}function o(e){const n=(e=>e)(["session","environment","_environmentUrls","showPayButton","clientKey","locale","translations","paymentMethodsResponse","amount","secondaryAmount","countryCode","allowPaymentMethods","removePaymentMethods","srConfig","analytics","risk","order","donation","exposeLibraryMetadata","beforeRedirect","beforeSubmit","onPaymentCompleted","onPaymentFailed","onSubmit","onReview","onAdditionalDetails","onAction","onActionHandled","onChange","onError","onBalanceCheck","onOrderRequest","onPaymentMethodsRequest","onOrderCancel","onOrderUpdated","loadingContext","onEnterKeyPressed","afterAdditionalDetails","suppressConfigWarnings"]);Object.keys(e).forEach(e=>{n.includes(e)||console.warn(`AdyenCheckout - Configuration property "${e}" is not a valid AdyenCheckout property. If it is a payment method configuration, make sure to pass it directly to the Component. If you are using Drop-in, make sure to pass it to "paymentMethodsConfiguration" object`)})}function t(e){const n=Object.values(e);return e=>n.includes(e)}export{o as assertConfigurationPropertiesAreValid,t as createEnumChecker,n as processGlobalOptions};
 //# sourceMappingURL=utils.js.map

package/dist/es/core/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/core/utils.ts"],"sourcesContent":["import { GENERIC_OPTIONS } from './config';\nimport type { CoreConfiguration, GlobalOptions } from './types';\n\n/**\n * Filter properties in a global configuration object from an allow list (GENERIC_OPTIONS)\n * @param globalOptions -\n * @returns the properties of the configuration that are forwarded to the Components\n */\nexport function processGlobalOptions(globalOptions: CoreConfiguration): GlobalOptions {\n    const genericOptions: readonly string[] = GENERIC_OPTIONS;\n\n    return Object.keys(globalOptions).reduce<GlobalOptions>((accumulator, option) => {\n        if (genericOptions.includes(option)) accumulator[option] = globalOptions[option];\n        return accumulator;\n    }, {});\n}\n\n/**\n * Validates that there is no unknown property as part of the CoreConfiguration.\n * The validator makes sure to throw a lint error in case a property is added to CoreConfiguration, but it is not added here\n *\n * @param props - AdyenCheckout props\n */\nexport function assertConfigurationPropertiesAreValid(propsSetByMerchant: CoreConfiguration): void {\n    /** Helper that creates a function that validates the array contain ALL CoreConfiguration properties in it */\n    function createConfigurationKeysValidator<T>() {\n        const arrayOfAll =\n            <T>() =>\n            <U extends T[]>(array: U & ([T] extends [U[number]] ? unknown : 'Invalid')) =>\n                array;\n        const arrayWithAllKeys = arrayOfAll<T>();\n        return arrayWithAllKeys;\n    }\n\n    const validator = createConfigurationKeysValidator<keyof CoreConfiguration>();\n    const possibleFields = validator([\n        'session',\n        'environment',\n        '_environmentUrls',\n        'showPayButton',\n        'clientKey',\n        'locale',\n        'translations',\n        'paymentMethodsResponse',\n        'amount',\n        'secondaryAmount',\n        'countryCode',\n        'allowPaymentMethods',\n        'removePaymentMethods',\n        'srConfig',\n        'analytics',\n        'risk',\n        'order',\n        'donation',\n        'exposeLibraryMetadata',\n        'beforeRedirect',\n        'beforeSubmit',\n        'onPaymentCompleted',\n        'onPaymentFailed',\n        'onSubmit',\n        'onReview',\n        'onAdditionalDetails',\n        'onAction',\n        'onActionHandled',\n        'onChange',\n        'onError',\n        'onBalanceCheck',\n        'onOrderRequest',\n        'onPaymentMethodsRequest',\n        'onOrderCancel',\n        'onOrderUpdated',\n        'loadingContext',\n        'onEnterKeyPressed',\n        'afterAdditionalDetails'\n    ]);\n\n    Object.keys(propsSetByMerchant).forEach((prop: keyof CoreConfiguration) => {\n        if (!possibleFields.includes(prop)) {\n            console.warn(\n                `AdyenCheckout - Configuration property \"${prop}\" is not a valid AdyenCheckout property. If it is a payment method configuration, make sure to pass it directly to the Component. If you are using Drop-in, make sure to pass it to \"paymentMethodsConfiguration\" object`\n            );\n        }\n    });\n}\n\n/**\n * TODO: Check if this is correct place\n * Type guard for enums, helpful to make sure strings keep enum value\n * Comes from this: https://github.com/microsoft/TypeScript/issues/30611#issuecomment-570773496\n * @param enumVariable\n */\nexport function createEnumChecker<T extends string, TEnumValue extends string>(enumVariable: { [key in T]: TEnumValue }) {\n    const enumValues = Object.values(enumVariable);\n    return (value: string): value is TEnumValue => enumValues.includes(value);\n}\n"],"names":["processGlobalOptions","globalOptions","genericOptions","GENERIC_OPTIONS","Object","keys","reduce","accumulator","option","includes","assertConfigurationPropertiesAreValid","propsSetByMerchant","possibleFields","array","validator","forEach","prop","console","warn","createEnumChecker","enumVariable","enumValues","values","value"],"mappings":"8CAQO,SAASA,EAAqBC,GACjC,MAAMC,EAAoCC,EAE1C,OAAOC,OAAOC,KAAKJ,GAAeK,OAAsB,CAACC,EAAaC,KAC9DN,EAAeO,SAASD,KAASD,EAAYC,GAAUP,EAAcO,IAClED,GACR,CAAA,EACP,CAQO,SAASG,EAAsCC,GAWlD,MACMC,EAPE,CAAgBC,GACZA,EAMWC,CAAU,CAC7B,UACA,cACA,mBACA,gBACA,YACA,SACA,eACA,yBACA,SACA,kBACA,cACA,sBACA,uBACA,WACA,YACA,OACA,QACA,WACA,wBACA,iBACA,eACA,qBACA,kBACA,WACA,WACA,sBACA,WACA,kBACA,WACA,UACA,iBACA,iBACA,0BACA,gBACA,iBACA,iBACA,oBACA,2BAGJV,OAAOC,KAAKM,GAAoBI,QAASC,IAChCJ,EAAeH,SAASO,IACzBC,QAAQC,KACJ,2CAA2CF,8NAI3D,CAQO,SAASG,EAA+DC,GAC3E,MAAMC,EAAajB,OAAOkB,OAAOF,GACjC,OAAQG,GAAuCF,EAAWZ,SAASc,EACvE"}
+{"version":3,"file":"utils.js","sources":["../../../src/core/utils.ts"],"sourcesContent":["import { GENERIC_OPTIONS } from './config';\nimport type { CoreConfiguration, GlobalOptions } from './types';\n\n/**\n * Filter properties in a global configuration object from an allow list (GENERIC_OPTIONS)\n * @param globalOptions -\n * @returns the properties of the configuration that are forwarded to the Components\n */\nexport function processGlobalOptions(globalOptions: CoreConfiguration): GlobalOptions {\n    const genericOptions: readonly string[] = GENERIC_OPTIONS;\n\n    return Object.keys(globalOptions).reduce<GlobalOptions>((accumulator, option) => {\n        if (genericOptions.includes(option)) accumulator[option] = globalOptions[option];\n        return accumulator;\n    }, {});\n}\n\n/**\n * Validates that there is no unknown property as part of the CoreConfiguration.\n * The validator makes sure to throw a lint error in case a property is added to CoreConfiguration, but it is not added here\n *\n * @param props - AdyenCheckout props\n */\nexport function assertConfigurationPropertiesAreValid(propsSetByMerchant: CoreConfiguration): void {\n    /** Helper that creates a function that validates the array contain ALL CoreConfiguration properties in it */\n    function createConfigurationKeysValidator<T>() {\n        const arrayOfAll =\n            <T>() =>\n            <U extends T[]>(array: U & ([T] extends [U[number]] ? unknown : 'Invalid')) =>\n                array;\n        const arrayWithAllKeys = arrayOfAll<T>();\n        return arrayWithAllKeys;\n    }\n\n    const validator = createConfigurationKeysValidator<keyof CoreConfiguration>();\n    const possibleFields = validator([\n        'session',\n        'environment',\n        '_environmentUrls',\n        'showPayButton',\n        'clientKey',\n        'locale',\n        'translations',\n        'paymentMethodsResponse',\n        'amount',\n        'secondaryAmount',\n        'countryCode',\n        'allowPaymentMethods',\n        'removePaymentMethods',\n        'srConfig',\n        'analytics',\n        'risk',\n        'order',\n        'donation',\n        'exposeLibraryMetadata',\n        'beforeRedirect',\n        'beforeSubmit',\n        'onPaymentCompleted',\n        'onPaymentFailed',\n        'onSubmit',\n        'onReview',\n        'onAdditionalDetails',\n        'onAction',\n        'onActionHandled',\n        'onChange',\n        'onError',\n        'onBalanceCheck',\n        'onOrderRequest',\n        'onPaymentMethodsRequest',\n        'onOrderCancel',\n        'onOrderUpdated',\n        'loadingContext',\n        'onEnterKeyPressed',\n        'afterAdditionalDetails',\n        'suppressConfigWarnings'\n    ]);\n\n    Object.keys(propsSetByMerchant).forEach((prop: keyof CoreConfiguration) => {\n        if (!possibleFields.includes(prop)) {\n            console.warn(\n                `AdyenCheckout - Configuration property \"${prop}\" is not a valid AdyenCheckout property. If it is a payment method configuration, make sure to pass it directly to the Component. If you are using Drop-in, make sure to pass it to \"paymentMethodsConfiguration\" object`\n            );\n        }\n    });\n}\n\n/**\n * TODO: Check if this is correct place\n * Type guard for enums, helpful to make sure strings keep enum value\n * Comes from this: https://github.com/microsoft/TypeScript/issues/30611#issuecomment-570773496\n * @param enumVariable\n */\nexport function createEnumChecker<T extends string, TEnumValue extends string>(enumVariable: { [key in T]: TEnumValue }) {\n    const enumValues = Object.values(enumVariable);\n    return (value: string): value is TEnumValue => enumValues.includes(value);\n}\n"],"names":["processGlobalOptions","globalOptions","genericOptions","GENERIC_OPTIONS","Object","keys","reduce","accumulator","option","includes","assertConfigurationPropertiesAreValid","propsSetByMerchant","possibleFields","array","validator","forEach","prop","console","warn","createEnumChecker","enumVariable","enumValues","values","value"],"mappings":"8CAQO,SAASA,EAAqBC,GACjC,MAAMC,EAAoCC,EAE1C,OAAOC,OAAOC,KAAKJ,GAAeK,OAAsB,CAACC,EAAaC,KAC9DN,EAAeO,SAASD,KAASD,EAAYC,GAAUP,EAAcO,IAClED,GACR,CAAA,EACP,CAQO,SAASG,EAAsCC,GAWlD,MACMC,EAPE,CAAgBC,GACZA,EAMWC,CAAU,CAC7B,UACA,cACA,mBACA,gBACA,YACA,SACA,eACA,yBACA,SACA,kBACA,cACA,sBACA,uBACA,WACA,YACA,OACA,QACA,WACA,wBACA,iBACA,eACA,qBACA,kBACA,WACA,WACA,sBACA,WACA,kBACA,WACA,UACA,iBACA,iBACA,0BACA,gBACA,iBACA,iBACA,oBACA,yBACA,2BAGJV,OAAOC,KAAKM,GAAoBI,QAASC,IAChCJ,EAAeH,SAASO,IACzBC,QAAQC,KACJ,2CAA2CF,8NAI3D,CAQO,SAASG,EAA+DC,GAC3E,MAAMC,EAAajB,OAAOkB,OAAOF,GACjC,OAAQG,GAAuCF,EAAWZ,SAASc,EACvE"}

package/dist/es/hooks/usePaymentStatusTimer/usePaymentStatusTimer.js

@@ -1,2 +1,2 @@
-import{useState as e,useRef as t,useEffect as o}from"../../external/preact/hooks/dist/hooks.js";import r from"../../core/Services/payment-status.js";import{processPaymentStatusResponse as a}from"../../core/ProcessResponse/PaymentStatus/PaymentStatus.js";import n from"../../core/Errors/AdyenCheckoutError.js";import{DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS as s,DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS as p,DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS as c}from"./constants.js";function l(l){const[i,m]=e(!1),[d,u]=e(!1),[y,f]=e(!0),[h,R]=e(l.delay??c),[E,w]=e(100),[k,T]=e(0),[D,g]=e(!1),j=t(null),v=async()=>{const{paymentData:e,clientKey:t,throttleInterval:o,pollStatus:s}=l,p=s??(()=>r(e,t,l.loadingContext,o));return D||(l.onActionHandled?.({componentType:l.type,actionDescription:"polling-started"}),g(!0)),p().then(a).catch(e=>({type:"network-error",props:e})).then(e=>{switch(e.type){case"success":(e=>{if(m(!0),f(!1),e.props.payload){const t={data:{details:{payload:e.props.payload},paymentData:l.paymentData}};l.onComplete(t)}else u(!0),l.onError(new n("ERROR","successful result, but no payload in response"))})(e);break;case"error":(e=>{if(u(!0),f(!1),e.props.payload){const t={data:{details:{payload:e.props.payload},paymentData:l.paymentData}};l.onComplete(t)}else{const e=new n("ERROR","error result with no payload in response");l.onError(e)}})(e);break;default:f(!1)}})};o(()=>{v()},[]),o(()=>{if(d||i||y)return;return j.current=setTimeout(()=>{(async()=>{const e=performance.now();await v();const t=performance.now(),o=Math.round(t-e),r=k+o+h;T(r),r>=(l.throttleTime??s)&&h!==(l.throttleInterval??p)&&R(l.throttleInterval??p)})()},h),()=>{clearTimeout(j.current)}},[d,i,y,h,l.throttleTime,l.throttleInterval,k]);return{state:{completed:i,expired:d,loading:y,percentage:E,timePassed:k},actions:{onTick:e=>{w(e.percentage)},onTimeUp:()=>{u(!0),l.onError(new n("ERROR","Payment Expired"))}}}}export{l as usePaymentStatusTimer};
+import{useState as e,useRef as t,useEffect as o}from"../../external/preact/hooks/dist/hooks.js";import r from"../../core/Services/payment-status.js";import{processPaymentStatusResponse as a}from"../../core/ProcessResponse/PaymentStatus/PaymentStatus.js";import n from"../../core/Errors/AdyenCheckoutError.js";import{DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS as s,DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS as p,DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS as c}from"./constants.js";function l(l){const[i,m]=e(!1),[d,y]=e(!1),[u,f]=e(!0),[h,R]=e(l.delay??c),[E,w]=e(100),[k,T]=e(0),[D,g]=e(!1),j=t(null),v=async()=>{const{paymentData:e,clientKey:t,throttleInterval:o,pollStatus:s}=l,p=s??(()=>r(e,t,l.loadingContext,o));return D||(l.onActionHandled?.({componentType:l.type,actionDescription:"polling-started"}),g(!0)),p().then(a).catch(e=>({type:"network-error",props:e})).then(e=>{switch(e.type){case"success":(e=>{if(m(!0),f(!1),e.props?.payload){const t={data:{details:{payload:e.props.payload},paymentData:l.paymentData}};l.onComplete(t)}else y(!0),l.onError(new n("ERROR","successful result, but no payload in response"))})(e);break;case"error":(e=>{if(y(!0),f(!1),e.props?.payload){const t={data:{details:{payload:e.props.payload},paymentData:l.paymentData}};l.onComplete(t)}else{const e=new n("ERROR","error result with no payload in response");l.onError(e)}})(e);break;default:f(!1)}})};o(()=>{v()},[]),o(()=>{if(d||i||u)return;const e=setTimeout(()=>{(async()=>{const e=performance.now();await v();const t=performance.now(),o=Math.round(t-e),r=k+o+h;T(r),r>=(l.throttleTime??s)&&h!==(l.throttleInterval??p)&&R(l.throttleInterval??p)})()},h);return j.current=e,()=>{clearTimeout(e)}},[d,i,u,h,l.throttleTime,l.throttleInterval,k]);return{state:{completed:i,expired:d,loading:u,percentage:E,timePassed:k},actions:{onTick:e=>{w(e.percentage)},onTimeUp:()=>{y(!0),l.onError(new n("ERROR","Payment Expired"))}}}}export{l as usePaymentStatusTimer};
 //# sourceMappingURL=usePaymentStatusTimer.js.map

package/dist/es/hooks/usePaymentStatusTimer/usePaymentStatusTimer.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaymentStatusTimer.js","sources":["../../../../src/hooks/usePaymentStatusTimer/usePaymentStatusTimer.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'preact/hooks';\nimport checkPaymentStatus from '../../core/Services/payment-status';\nimport { processPaymentStatusResponse } from '../../core/ProcessResponse/PaymentStatus';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport { CountdownTime } from '../../components/internal/Countdown/types';\nimport { PaymentStatusTimerActions, PaymentStatusTimerState, UsePaymentStatusTimerProps } from './types';\nimport {\n    DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS,\n    DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS,\n    DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS\n} from './constants';\nimport { AdditionalDetailsData, ProcessedPaymentStatusResponse } from '../../types';\n\nexport function usePaymentStatusTimer(props: Readonly<UsePaymentStatusTimerProps>): {\n    state: PaymentStatusTimerState;\n    actions: PaymentStatusTimerActions;\n} {\n    const [completed, setCompleted] = useState(false);\n    const [expired, setExpired] = useState(false);\n    const [loading, setLoading] = useState(true);\n    const [delay, setDelay] = useState(props.delay ?? DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS);\n    const [percentage, setPercentage] = useState(100);\n    const [timePassed, setTimePassed] = useState(0);\n    const [onPollingStartedActionHandled, setOnPollingStartedActionHandled] = useState(false);\n    const timeoutRef = useRef<NodeJS.Timeout | number | null>(null);\n\n    const onTick = (time: CountdownTime): void => {\n        setPercentage(time.percentage);\n    };\n\n    const onTimeUp = (): void => {\n        setExpired(true);\n        props.onError(new AdyenCheckoutError('ERROR', 'Payment Expired'));\n    };\n\n    const onComplete = (status: ProcessedPaymentStatusResponse): void => {\n        setCompleted(true);\n        setLoading(false);\n\n        if (status.props.payload) {\n            const additionalDetailsData: AdditionalDetailsData = {\n                data: {\n                    details: { payload: status.props.payload },\n                    paymentData: props.paymentData\n                }\n            };\n            props.onComplete(additionalDetailsData);\n        } else {\n            setExpired(true);\n            props.onError(new AdyenCheckoutError('ERROR', 'successful result, but no payload in response'));\n        }\n    };\n\n    const onError = (status: ProcessedPaymentStatusResponse): void => {\n        setExpired(true);\n        setLoading(false);\n\n        if (status.props.payload) {\n            const additionalDetailsData: AdditionalDetailsData = {\n                data: {\n                    details: { payload: status.props.payload },\n                    paymentData: props.paymentData\n                }\n            };\n            props.onComplete(additionalDetailsData);\n        } else {\n            const error = new AdyenCheckoutError('ERROR', 'error result with no payload in response');\n            props.onError(error);\n        }\n    };\n\n    const checkStatus = async (): Promise<void> => {\n        const { paymentData, clientKey, throttleInterval, pollStatus } = props;\n\n        const pollStatusFunction = pollStatus ?? (() => checkPaymentStatus(paymentData, clientKey, props.loadingContext, throttleInterval));\n\n        if (!onPollingStartedActionHandled) {\n            props.onActionHandled?.({ componentType: props.type, actionDescription: 'polling-started' });\n            setOnPollingStartedActionHandled(true);\n        }\n\n        return pollStatusFunction()\n            .then(processPaymentStatusResponse)\n            .catch(\n                (error: unknown): ProcessedPaymentStatusResponse => ({\n                    type: 'network-error',\n                    props: error\n                })\n            )\n            .then((status: ProcessedPaymentStatusResponse) => {\n                switch (status.type) {\n                    case 'success':\n                        onComplete(status);\n                        break;\n                    case 'error':\n                        onError(status);\n                        break;\n                    default:\n                        setLoading(false);\n                }\n            });\n    };\n\n    useEffect(() => {\n        void checkStatus();\n    }, []);\n\n    useEffect(() => {\n        if (expired || completed || loading) {\n            return;\n        }\n\n        const statusInterval = async (): Promise<void> => {\n            const start = performance.now();\n            await checkStatus();\n            const end = performance.now();\n            const responseTime = Math.round(end - start);\n\n            const actualTimePassed = timePassed + responseTime + delay;\n            setTimePassed(actualTimePassed);\n\n            if (\n                actualTimePassed >= (props.throttleTime ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS) &&\n                delay !== (props.throttleInterval ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS)\n            ) {\n                setDelay(props.throttleInterval ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS);\n            }\n        };\n\n        timeoutRef.current = setTimeout(() => {\n            void statusInterval();\n        }, delay);\n\n        return () => {\n            clearTimeout(timeoutRef.current);\n        };\n    }, [expired, completed, loading, delay, props.throttleTime, props.throttleInterval, timePassed]);\n\n    const state: PaymentStatusTimerState = {\n        completed,\n        expired,\n        loading,\n        percentage,\n        timePassed\n    };\n\n    const actions: PaymentStatusTimerActions = {\n        onTick,\n        onTimeUp\n    };\n\n    return { state, actions };\n}\n"],"names":["usePaymentStatusTimer","props","completed","setCompleted","useState","expired","setExpired","loading","setLoading","delay","setDelay","DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS","percentage","setPercentage","timePassed","setTimePassed","onPollingStartedActionHandled","setOnPollingStartedActionHandled","timeoutRef","useRef","checkStatus","async","paymentData","clientKey","throttleInterval","pollStatus","pollStatusFunction","checkPaymentStatus","loadingContext","onActionHandled","componentType","type","actionDescription","then","processPaymentStatusResponse","catch","error","status","payload","additionalDetailsData","data","details","onComplete","onError","AdyenCheckoutError","useEffect","current","setTimeout","start","performance","now","end","responseTime","Math","round","actualTimePassed","throttleTime","DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS","DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS","statusInterval","clearTimeout","state","actions","onTick","time","onTimeUp"],"mappings":"seAaO,SAASA,EAAsBC,GAIlC,MAAOC,EAAWC,GAAgBC,GAAS,IACpCC,EAASC,GAAcF,GAAS,IAChCG,EAASC,GAAcJ,GAAS,IAChCK,EAAOC,GAAYN,EAASH,EAAMQ,OAASE,IAC3CC,EAAYC,GAAiBT,EAAS,MACtCU,EAAYC,GAAiBX,EAAS,IACtCY,EAA+BC,GAAoCb,GAAS,GAC7Ec,EAAaC,EAAuC,MA+CpDC,EAAcC,UAChB,MAAMC,YAAEA,EAAWC,UAAEA,EAASC,iBAAEA,EAAgBC,WAAEA,GAAexB,EAE3DyB,EAAqBD,GAAAA,KAAqBE,EAAmBL,EAAaC,EAAWtB,EAAM2B,eAAgBJ,IAOjH,OALKR,IACDf,EAAM4B,kBAAkB,CAAEC,cAAe7B,EAAM8B,KAAMC,kBAAmB,oBACxEf,GAAiC,IAG9BS,IACFO,KAAKC,GACLC,MACIC,KACGL,KAAM,gBACN9B,MAAOmC,KAGdH,KAAMI,IACH,OAAQA,EAAON,MACX,IAAK,UAxDF,CAACM,IAIhB,GAHAlC,GAAa,GACbK,GAAW,GAEP6B,EAAOpC,MAAMqC,QAAS,CACtB,MAAMC,EAA+C,CACjDC,KAAM,CACFC,QAAS,CAAEH,QAASD,EAAOpC,MAAMqC,SACjChB,YAAarB,EAAMqB,cAG3BrB,EAAMyC,WAAWH,EACrB,MACIjC,GAAW,GACXL,EAAM0C,QAAQ,IAAIC,EAAmB,QAAS,mDA2ClCF,CAAWL,GACX,MACJ,IAAK,QAzCL,CAACA,IAIb,GAHA/B,GAAW,GACXE,GAAW,GAEP6B,EAAOpC,MAAMqC,QAAS,CACtB,MAAMC,EAA+C,CACjDC,KAAM,CACFC,QAAS,CAAEH,QAASD,EAAOpC,MAAMqC,SACjChB,YAAarB,EAAMqB,cAG3BrB,EAAMyC,WAAWH,EACrB,KAAO,CACH,MAAMH,EAAQ,IAAIQ,EAAmB,QAAS,4CAC9C3C,EAAM0C,QAAQP,EAClB,GA2BgBO,CAAQN,GACR,MACJ,QACI7B,GAAW,OAK/BqC,EAAU,KACDzB,KACN,IAEHyB,EAAU,KACN,GAAIxC,GAAWH,GAAaK,EACxB,OAwBJ,OAJAW,EAAW4B,QAAUC,WAAW,KAjBT1B,WACnB,MAAM2B,EAAQC,YAAYC,YACpB9B,IACN,MAAM+B,EAAMF,YAAYC,MAClBE,EAAeC,KAAKC,MAAMH,EAAMH,GAEhCO,EAAmBzC,EAAasC,EAAe3C,EACrDM,EAAcwC,GAGVA,IAAqBtD,EAAMuD,cAAgBC,IAC3ChD,KAAWR,EAAMuB,kBAAoBkC,IAErChD,EAAST,EAAMuB,kBAAoBkC,IAKlCC,IACNlD,GAEI,KACHmD,aAAa1C,EAAW4B,WAE7B,CAACzC,EAASH,EAAWK,EAASE,EAAOR,EAAMuD,aAAcvD,EAAMuB,iBAAkBV,IAepF,MAAO,CAAE+C,MAb8B,CACnC3D,YACAG,UACAE,UACAK,aACAE,cAQYgD,QAL2B,CACvCC,OAzHYC,IACZnD,EAAcmD,EAAKpD,aAyHnBqD,SAtHa,KACb3D,GAAW,GACXL,EAAM0C,QAAQ,IAAIC,EAAmB,QAAS,sBAwHtD"}
+{"version":3,"file":"usePaymentStatusTimer.js","sources":["../../../../src/hooks/usePaymentStatusTimer/usePaymentStatusTimer.tsx"],"sourcesContent":["import { useState, useEffect, useRef } from 'preact/hooks';\nimport checkPaymentStatus from '../../core/Services/payment-status';\nimport { processPaymentStatusResponse } from '../../core/ProcessResponse/PaymentStatus';\nimport AdyenCheckoutError from '../../core/Errors/AdyenCheckoutError';\nimport { CountdownTime } from '../../components/internal/Countdown/types';\nimport { NetworkErrorPaymentStatus, PaymentStatusTimerActions, PaymentStatusTimerState, UsePaymentStatusTimerProps } from './types';\nimport {\n    DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS,\n    DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS,\n    DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS\n} from './constants';\nimport { AdditionalDetailsData, ProcessedPaymentStatusResponse } from '../../types';\n\nexport function usePaymentStatusTimer(props: Readonly<UsePaymentStatusTimerProps>): {\n    state: PaymentStatusTimerState;\n    actions: PaymentStatusTimerActions;\n} {\n    const [completed, setCompleted] = useState(false);\n    const [expired, setExpired] = useState(false);\n    const [loading, setLoading] = useState(true);\n    const [delay, setDelay] = useState(props.delay ?? DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS);\n    const [percentage, setPercentage] = useState(100);\n    const [timePassed, setTimePassed] = useState(0);\n    const [onPollingStartedActionHandled, setOnPollingStartedActionHandled] = useState(false);\n    const timeoutRef = useRef<NodeJS.Timeout | number | null>(null);\n\n    const onTick = (time: CountdownTime): void => {\n        setPercentage(time.percentage);\n    };\n\n    const onTimeUp = (): void => {\n        setExpired(true);\n        props.onError(new AdyenCheckoutError('ERROR', 'Payment Expired'));\n    };\n\n    const onComplete = (status: ProcessedPaymentStatusResponse): void => {\n        setCompleted(true);\n        setLoading(false);\n\n        if (status.props?.payload) {\n            const additionalDetailsData: AdditionalDetailsData = {\n                data: {\n                    details: { payload: status.props.payload },\n                    paymentData: props.paymentData\n                }\n            };\n            props.onComplete(additionalDetailsData);\n        } else {\n            setExpired(true);\n            props.onError(new AdyenCheckoutError('ERROR', 'successful result, but no payload in response'));\n        }\n    };\n\n    const onError = (status: ProcessedPaymentStatusResponse): void => {\n        setExpired(true);\n        setLoading(false);\n\n        if (status.props?.payload) {\n            const additionalDetailsData: AdditionalDetailsData = {\n                data: {\n                    details: { payload: status.props.payload },\n                    paymentData: props.paymentData\n                }\n            };\n            props.onComplete(additionalDetailsData);\n        } else {\n            const error = new AdyenCheckoutError('ERROR', 'error result with no payload in response');\n            props.onError(error);\n        }\n    };\n\n    const checkStatus = async (): Promise<void> => {\n        const { paymentData, clientKey, throttleInterval, pollStatus } = props;\n\n        const pollStatusFunction = pollStatus ?? (() => checkPaymentStatus(paymentData, clientKey, props.loadingContext, throttleInterval));\n\n        if (!onPollingStartedActionHandled) {\n            props.onActionHandled?.({ componentType: props.type, actionDescription: 'polling-started' });\n            setOnPollingStartedActionHandled(true);\n        }\n\n        return pollStatusFunction()\n            .then(processPaymentStatusResponse)\n            .catch((error: unknown): NetworkErrorPaymentStatus => ({\n                type: 'network-error',\n                props: error\n            }))\n            .then((status: ProcessedPaymentStatusResponse | NetworkErrorPaymentStatus) => {\n                switch (status.type) {\n                    case 'success':\n                        onComplete(status);\n                        break;\n                    case 'error':\n                        onError(status);\n                        break;\n                    default:\n                        setLoading(false);\n                }\n            });\n    };\n\n    useEffect(() => {\n        void checkStatus();\n    }, []);\n\n    useEffect(() => {\n        if (expired || completed || loading) {\n            return;\n        }\n\n        const statusInterval = async (): Promise<void> => {\n            const start = performance.now();\n            await checkStatus();\n            const end = performance.now();\n            const responseTime = Math.round(end - start);\n\n            const actualTimePassed = timePassed + responseTime + delay;\n            setTimePassed(actualTimePassed);\n\n            if (\n                actualTimePassed >= (props.throttleTime ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS) &&\n                delay !== (props.throttleInterval ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS)\n            ) {\n                setDelay(props.throttleInterval ?? DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS);\n            }\n        };\n\n        const timeoutId = setTimeout(() => {\n            void statusInterval();\n        }, delay);\n        timeoutRef.current = timeoutId;\n\n        return () => {\n            clearTimeout(timeoutId);\n        };\n    }, [expired, completed, loading, delay, props.throttleTime, props.throttleInterval, timePassed]);\n\n    const state: PaymentStatusTimerState = {\n        completed,\n        expired,\n        loading,\n        percentage,\n        timePassed\n    };\n\n    const actions: PaymentStatusTimerActions = {\n        onTick,\n        onTimeUp\n    };\n\n    return { state, actions };\n}\n"],"names":["usePaymentStatusTimer","props","completed","setCompleted","useState","expired","setExpired","loading","setLoading","delay","setDelay","DEFAULT_PAYMENT_STATUS_TIMER_DELAY_MS","percentage","setPercentage","timePassed","setTimePassed","onPollingStartedActionHandled","setOnPollingStartedActionHandled","timeoutRef","useRef","checkStatus","async","paymentData","clientKey","throttleInterval","pollStatus","pollStatusFunction","checkPaymentStatus","loadingContext","onActionHandled","componentType","type","actionDescription","then","processPaymentStatusResponse","catch","error","status","payload","additionalDetailsData","data","details","onComplete","onError","AdyenCheckoutError","useEffect","timeoutId","setTimeout","start","performance","now","end","responseTime","Math","round","actualTimePassed","throttleTime","DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_TIME_MS","DEFAULT_PAYMENT_STATUS_TIMER_THROTTLE_INTERVAL_MS","statusInterval","current","clearTimeout","state","actions","onTick","time","onTimeUp"],"mappings":"seAaO,SAASA,EAAsBC,GAIlC,MAAOC,EAAWC,GAAgBC,GAAS,IACpCC,EAASC,GAAcF,GAAS,IAChCG,EAASC,GAAcJ,GAAS,IAChCK,EAAOC,GAAYN,EAASH,EAAMQ,OAASE,IAC3CC,EAAYC,GAAiBT,EAAS,MACtCU,EAAYC,GAAiBX,EAAS,IACtCY,EAA+BC,GAAoCb,GAAS,GAC7Ec,EAAaC,EAAuC,MA+CpDC,EAAcC,UAChB,MAAMC,YAAEA,EAAWC,UAAEA,EAASC,iBAAEA,EAAgBC,WAAEA,GAAexB,EAE3DyB,EAAqBD,GAAAA,KAAqBE,EAAmBL,EAAaC,EAAWtB,EAAM2B,eAAgBJ,IAOjH,OALKR,IACDf,EAAM4B,kBAAkB,CAAEC,cAAe7B,EAAM8B,KAAMC,kBAAmB,oBACxEf,GAAiC,IAG9BS,IACFO,KAAKC,GACLC,MAAOC,KACJL,KAAM,gBACN9B,MAAOmC,KAEVH,KAAMI,IACH,OAAQA,EAAON,MACX,IAAK,UAtDF,CAACM,IAIhB,GAHAlC,GAAa,GACbK,GAAW,GAEP6B,EAAOpC,OAAOqC,QAAS,CACvB,MAAMC,EAA+C,CACjDC,KAAM,CACFC,QAAS,CAAEH,QAASD,EAAOpC,MAAMqC,SACjChB,YAAarB,EAAMqB,cAG3BrB,EAAMyC,WAAWH,EACrB,MACIjC,GAAW,GACXL,EAAM0C,QAAQ,IAAIC,EAAmB,QAAS,mDAyClCF,CAAWL,GACX,MACJ,IAAK,QAvCL,CAACA,IAIb,GAHA/B,GAAW,GACXE,GAAW,GAEP6B,EAAOpC,OAAOqC,QAAS,CACvB,MAAMC,EAA+C,CACjDC,KAAM,CACFC,QAAS,CAAEH,QAASD,EAAOpC,MAAMqC,SACjChB,YAAarB,EAAMqB,cAG3BrB,EAAMyC,WAAWH,EACrB,KAAO,CACH,MAAMH,EAAQ,IAAIQ,EAAmB,QAAS,4CAC9C3C,EAAM0C,QAAQP,EAClB,GAyBgBO,CAAQN,GACR,MACJ,QACI7B,GAAW,OAK/BqC,EAAU,KACDzB,KACN,IAEHyB,EAAU,KACN,GAAIxC,GAAWH,GAAaK,EACxB,OAGJ,MAiBMuC,EAAYC,WAAW,KAjBN1B,WACnB,MAAM2B,EAAQC,YAAYC,YACpB9B,IACN,MAAM+B,EAAMF,YAAYC,MAClBE,EAAeC,KAAKC,MAAMH,EAAMH,GAEhCO,EAAmBzC,EAAasC,EAAe3C,EACrDM,EAAcwC,GAGVA,IAAqBtD,EAAMuD,cAAgBC,IAC3ChD,KAAWR,EAAMuB,kBAAoBkC,IAErChD,EAAST,EAAMuB,kBAAoBkC,IAKlCC,IACNlD,GAGH,OAFAS,EAAW0C,QAAUd,EAEd,KACHe,aAAaf,KAElB,CAACzC,EAASH,EAAWK,EAASE,EAAOR,EAAMuD,aAAcvD,EAAMuB,iBAAkBV,IAepF,MAAO,CAAEgD,MAb8B,CACnC5D,YACAG,UACAE,UACAK,aACAE,cAQYiD,QAL2B,CACvCC,OAxHYC,IACZpD,EAAcoD,EAAKrD,aAwHnBsD,SArHa,KACb5D,GAAW,GACXL,EAAM0C,QAAQ,IAAIC,EAAmB,QAAS,sBAuHtD"}