@adyen/adyen-web 6.3.0 → 6.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/adyen.css +2 -2
- package/dist/cjs/adyen.css.map +1 -1
- package/dist/cjs/index.cjs +2 -2
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +46 -10
- package/dist/es/adyen.css +2 -2
- package/dist/es/adyen.css.map +1 -1
- package/dist/es/components/ANCV/ANCV.js +1 -1
- package/dist/es/components/ANCV/ANCV.js.map +1 -1
- package/dist/es/components/Ach/Ach.js +1 -1
- package/dist/es/components/Ach/Ach.js.map +1 -1
- package/dist/es/components/Ach/components/AchInput/AchInput.js +1 -1
- package/dist/es/components/Ach/components/AchInput/AchInput.js.map +1 -1
- package/dist/es/components/BacsDD/BacsDD.js +1 -1
- package/dist/es/components/BacsDD/BacsDD.js.map +1 -1
- package/dist/es/components/BacsDD/components/BacsResult.js +1 -1
- package/dist/es/components/BacsDD/components/BacsResult.js.map +1 -1
- package/dist/es/components/BankTransfer/BankTransfer.js +1 -1
- package/dist/es/components/BankTransfer/BankTransfer.js.map +1 -1
- package/dist/es/components/BankTransfer/components/BankTransferResult/BankTransferResult.js +1 -1
- package/dist/es/components/BankTransfer/components/BankTransferResult/BankTransferResult.js.map +1 -1
- package/dist/es/components/Blik/Blik.js +1 -1
- package/dist/es/components/Blik/Blik.js.map +1 -1
- package/dist/es/components/Boleto/Boleto.js +1 -1
- package/dist/es/components/Boleto/Boleto.js.map +1 -1
- package/dist/es/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.js +1 -1
- package/dist/es/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.js.map +1 -1
- package/dist/es/components/Doku/Doku.js +1 -1
- package/dist/es/components/Doku/Doku.js.map +1 -1
- package/dist/es/components/Doku/components/DokuVoucherResult/DokuVoucherResult.js +1 -1
- package/dist/es/components/Doku/components/DokuVoucherResult/DokuVoucherResult.js.map +1 -1
- package/dist/es/components/Dragonpay/Dragonpay.js +1 -1
- package/dist/es/components/Dragonpay/Dragonpay.js.map +1 -1
- package/dist/es/components/Dragonpay/components/DragonpayVoucherResult/DragonpayVoucherResult.js +1 -1
- package/dist/es/components/Dragonpay/components/DragonpayVoucherResult/DragonpayVoucherResult.js.map +1 -1
- package/dist/es/components/Econtext/Econtext.js +1 -1
- package/dist/es/components/Econtext/Econtext.js.map +1 -1
- package/dist/es/components/Econtext/components/EcontextVoucherResult/EcontextVoucherResult.js +1 -1
- package/dist/es/components/Econtext/components/EcontextVoucherResult/EcontextVoucherResult.js.map +1 -1
- package/dist/es/components/Klarna/KlarnaPayments.js +1 -1
- package/dist/es/components/Klarna/KlarnaPayments.js.map +1 -1
- package/dist/es/components/Klarna/components/KlarnaContainer/KlarnaContainer.js +1 -1
- package/dist/es/components/Klarna/components/KlarnaContainer/KlarnaContainer.js.map +1 -1
- package/dist/es/components/MBWay/MBWay.js +1 -1
- package/dist/es/components/MBWay/MBWay.js.map +1 -1
- package/dist/es/components/Multibanco/Multibanco.js +1 -1
- package/dist/es/components/Multibanco/Multibanco.js.map +1 -1
- package/dist/es/components/Multibanco/components/MultibancoVoucherResult/MultibancoVoucherResult.js +1 -1
- package/dist/es/components/Multibanco/components/MultibancoVoucherResult/MultibancoVoucherResult.js.map +1 -1
- package/dist/es/components/Oxxo/Oxxo.js +1 -1
- package/dist/es/components/Oxxo/Oxxo.js.map +1 -1
- package/dist/es/components/Oxxo/components/OxxoVoucherResult/OxxoVoucherResult.js +1 -1
- package/dist/es/components/Oxxo/components/OxxoVoucherResult/OxxoVoucherResult.js.map +1 -1
- package/dist/es/components/PayPal/Paypal.js +1 -1
- package/dist/es/components/PayPal/Paypal.js.map +1 -1
- package/dist/es/components/Redirect/Redirect.js +1 -1
- package/dist/es/components/Redirect/Redirect.js.map +1 -1
- package/dist/es/components/Redirect/components/RedirectShopper/RedirectShopper.js +1 -1
- package/dist/es/components/Redirect/components/RedirectShopper/RedirectShopper.js.map +1 -1
- package/dist/es/components/ThreeDS2/ThreeDS2Challenge.js +1 -1
- package/dist/es/components/ThreeDS2/ThreeDS2Challenge.js.map +1 -1
- package/dist/es/components/ThreeDS2/ThreeDS2DeviceFingerprint.js +1 -1
- package/dist/es/components/ThreeDS2/ThreeDS2DeviceFingerprint.js.map +1 -1
- package/dist/es/components/ThreeDS2/components/Challenge/DoChallenge3DS2.js +1 -1
- package/dist/es/components/ThreeDS2/components/Challenge/DoChallenge3DS2.js.map +1 -1
- package/dist/es/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.js +1 -1
- package/dist/es/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.js.map +1 -1
- package/dist/es/components/ThreeDS2/components/DeviceFingerprint/DoFingerprint3DS2.js +1 -1
- package/dist/es/components/ThreeDS2/components/DeviceFingerprint/DoFingerprint3DS2.js.map +1 -1
- package/dist/es/components/ThreeDS2/components/DeviceFingerprint/PrepareFingerprint3DS2.js +1 -1
- package/dist/es/components/ThreeDS2/components/DeviceFingerprint/PrepareFingerprint3DS2.js.map +1 -1
- package/dist/es/components/UPI/UPI.js +1 -1
- package/dist/es/components/UPI/UPI.js.map +1 -1
- package/dist/es/components/helpers/QRLoaderContainer/QRLoaderContainer.js +1 -1
- package/dist/es/components/helpers/QRLoaderContainer/QRLoaderContainer.js.map +1 -1
- package/dist/es/components/internal/Await/Await.js +1 -1
- package/dist/es/components/internal/Await/Await.js.map +1 -1
- package/dist/es/components/internal/FormFields/RadioGroup/RadioGroup.js +1 -1
- package/dist/es/components/internal/FormFields/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/es/components/internal/QRLoader/QRLoader.js.map +1 -1
- package/dist/es/components/internal/UIElement/UIElement.js +1 -1
- package/dist/es/components/internal/UIElement/UIElement.js.map +1 -1
- package/dist/es/components/internal/Voucher/Voucher.js +1 -1
- package/dist/es/components/internal/Voucher/Voucher.js.map +1 -1
- package/dist/es/components/internal/Voucher/utils.js +2 -0
- package/dist/es/components/internal/Voucher/utils.js.map +1 -0
- package/dist/es/core/Errors/CancelError.js +2 -0
- package/dist/es/core/Errors/CancelError.js.map +1 -0
- package/dist/es/core/Errors/SRPanel.js +1 -1
- package/dist/es/core/Errors/SRPanel.js.map +1 -1
- package/dist/es/core/ProcessResponse/PaymentAction/actionTypes.js +1 -1
- package/dist/es/core/ProcessResponse/PaymentAction/actionTypes.js.map +1 -1
- package/dist/es/core/Services/analytics/collect-id.js +1 -1
- package/dist/es/core/core.js +1 -1
- package/dist/es/index.d.ts +46 -10
- package/dist/es/utils/get-process-message-handler.js +1 -1
- package/dist/es/utils/get-process-message-handler.js.map +1 -1
- package/dist/es-legacy/adyen.css +2 -2
- package/dist/es-legacy/adyen.css.map +1 -1
- package/dist/es-legacy/components/ANCV/ANCV.js +1 -1
- package/dist/es-legacy/components/ANCV/ANCV.js.map +1 -1
- package/dist/es-legacy/components/Ach/Ach.js +1 -1
- package/dist/es-legacy/components/Ach/Ach.js.map +1 -1
- package/dist/es-legacy/components/Ach/components/AchInput/AchInput.js +1 -1
- package/dist/es-legacy/components/Ach/components/AchInput/AchInput.js.map +1 -1
- package/dist/es-legacy/components/BacsDD/BacsDD.js +1 -1
- package/dist/es-legacy/components/BacsDD/BacsDD.js.map +1 -1
- package/dist/es-legacy/components/BacsDD/components/BacsResult.js +1 -1
- package/dist/es-legacy/components/BacsDD/components/BacsResult.js.map +1 -1
- package/dist/es-legacy/components/BankTransfer/BankTransfer.js +1 -1
- package/dist/es-legacy/components/BankTransfer/BankTransfer.js.map +1 -1
- package/dist/es-legacy/components/BankTransfer/components/BankTransferResult/BankTransferResult.js +1 -1
- package/dist/es-legacy/components/BankTransfer/components/BankTransferResult/BankTransferResult.js.map +1 -1
- package/dist/es-legacy/components/Blik/Blik.js +1 -1
- package/dist/es-legacy/components/Blik/Blik.js.map +1 -1
- package/dist/es-legacy/components/Boleto/Boleto.js +1 -1
- package/dist/es-legacy/components/Boleto/Boleto.js.map +1 -1
- package/dist/es-legacy/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.js +1 -1
- package/dist/es-legacy/components/Boleto/components/BoletoVoucherResult/BoletoVoucherResult.js.map +1 -1
- package/dist/es-legacy/components/Doku/Doku.js +1 -1
- package/dist/es-legacy/components/Doku/Doku.js.map +1 -1
- package/dist/es-legacy/components/Doku/components/DokuVoucherResult/DokuVoucherResult.js +1 -1
- package/dist/es-legacy/components/Doku/components/DokuVoucherResult/DokuVoucherResult.js.map +1 -1
- package/dist/es-legacy/components/Dragonpay/Dragonpay.js +1 -1
- package/dist/es-legacy/components/Dragonpay/Dragonpay.js.map +1 -1
- package/dist/es-legacy/components/Dragonpay/components/DragonpayVoucherResult/DragonpayVoucherResult.js +1 -1
- package/dist/es-legacy/components/Dragonpay/components/DragonpayVoucherResult/DragonpayVoucherResult.js.map +1 -1
- package/dist/es-legacy/components/Econtext/Econtext.js +1 -1
- package/dist/es-legacy/components/Econtext/Econtext.js.map +1 -1
- package/dist/es-legacy/components/Econtext/components/EcontextVoucherResult/EcontextVoucherResult.js +1 -1
- package/dist/es-legacy/components/Econtext/components/EcontextVoucherResult/EcontextVoucherResult.js.map +1 -1
- package/dist/es-legacy/components/Klarna/KlarnaPayments.js +1 -1
- package/dist/es-legacy/components/Klarna/KlarnaPayments.js.map +1 -1
- package/dist/es-legacy/components/Klarna/components/KlarnaContainer/KlarnaContainer.js +1 -1
- package/dist/es-legacy/components/Klarna/components/KlarnaContainer/KlarnaContainer.js.map +1 -1
- package/dist/es-legacy/components/MBWay/MBWay.js +1 -1
- package/dist/es-legacy/components/MBWay/MBWay.js.map +1 -1
- package/dist/es-legacy/components/Multibanco/Multibanco.js +1 -1
- package/dist/es-legacy/components/Multibanco/Multibanco.js.map +1 -1
- package/dist/es-legacy/components/Multibanco/components/MultibancoVoucherResult/MultibancoVoucherResult.js +1 -1
- package/dist/es-legacy/components/Multibanco/components/MultibancoVoucherResult/MultibancoVoucherResult.js.map +1 -1
- package/dist/es-legacy/components/Oxxo/Oxxo.js +1 -1
- package/dist/es-legacy/components/Oxxo/Oxxo.js.map +1 -1
- package/dist/es-legacy/components/Oxxo/components/OxxoVoucherResult/OxxoVoucherResult.js +1 -1
- package/dist/es-legacy/components/Oxxo/components/OxxoVoucherResult/OxxoVoucherResult.js.map +1 -1
- package/dist/es-legacy/components/PayPal/Paypal.js +1 -1
- package/dist/es-legacy/components/PayPal/Paypal.js.map +1 -1
- package/dist/es-legacy/components/Redirect/Redirect.js +1 -1
- package/dist/es-legacy/components/Redirect/Redirect.js.map +1 -1
- package/dist/es-legacy/components/Redirect/components/RedirectShopper/RedirectShopper.js +1 -1
- package/dist/es-legacy/components/Redirect/components/RedirectShopper/RedirectShopper.js.map +1 -1
- package/dist/es-legacy/components/ThreeDS2/ThreeDS2Challenge.js +1 -1
- package/dist/es-legacy/components/ThreeDS2/ThreeDS2Challenge.js.map +1 -1
- package/dist/es-legacy/components/ThreeDS2/ThreeDS2DeviceFingerprint.js +1 -1
- package/dist/es-legacy/components/ThreeDS2/ThreeDS2DeviceFingerprint.js.map +1 -1
- package/dist/es-legacy/components/ThreeDS2/components/Challenge/DoChallenge3DS2.js +1 -1
- package/dist/es-legacy/components/ThreeDS2/components/Challenge/DoChallenge3DS2.js.map +1 -1
- package/dist/es-legacy/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.js +1 -1
- package/dist/es-legacy/components/ThreeDS2/components/Challenge/PrepareChallenge3DS2.js.map +1 -1
- package/dist/es-legacy/components/ThreeDS2/components/DeviceFingerprint/DoFingerprint3DS2.js +1 -1
- package/dist/es-legacy/components/ThreeDS2/components/DeviceFingerprint/DoFingerprint3DS2.js.map +1 -1
- package/dist/es-legacy/components/ThreeDS2/components/DeviceFingerprint/PrepareFingerprint3DS2.js +1 -1
- package/dist/es-legacy/components/ThreeDS2/components/DeviceFingerprint/PrepareFingerprint3DS2.js.map +1 -1
- package/dist/es-legacy/components/UPI/UPI.js +1 -1
- package/dist/es-legacy/components/UPI/UPI.js.map +1 -1
- package/dist/es-legacy/components/helpers/QRLoaderContainer/QRLoaderContainer.js +1 -1
- package/dist/es-legacy/components/helpers/QRLoaderContainer/QRLoaderContainer.js.map +1 -1
- package/dist/es-legacy/components/internal/Await/Await.js +1 -1
- package/dist/es-legacy/components/internal/Await/Await.js.map +1 -1
- package/dist/es-legacy/components/internal/FormFields/RadioGroup/RadioGroup.js +1 -1
- package/dist/es-legacy/components/internal/FormFields/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/es-legacy/components/internal/QRLoader/QRLoader.js.map +1 -1
- package/dist/es-legacy/components/internal/UIElement/UIElement.js +1 -1
- package/dist/es-legacy/components/internal/UIElement/UIElement.js.map +1 -1
- package/dist/es-legacy/components/internal/Voucher/Voucher.js +1 -1
- package/dist/es-legacy/components/internal/Voucher/Voucher.js.map +1 -1
- package/dist/es-legacy/components/internal/Voucher/utils.js +2 -0
- package/dist/es-legacy/components/internal/Voucher/utils.js.map +1 -0
- package/dist/es-legacy/core/Errors/CancelError.js +2 -0
- package/dist/es-legacy/core/Errors/CancelError.js.map +1 -0
- package/dist/es-legacy/core/Errors/SRPanel.js +1 -1
- package/dist/es-legacy/core/Errors/SRPanel.js.map +1 -1
- package/dist/es-legacy/core/ProcessResponse/PaymentAction/actionTypes.js +1 -1
- package/dist/es-legacy/core/ProcessResponse/PaymentAction/actionTypes.js.map +1 -1
- package/dist/es-legacy/core/Services/analytics/collect-id.js +1 -1
- package/dist/es-legacy/core/core.js +1 -1
- package/dist/es-legacy/utils/get-process-message-handler.js +1 -1
- package/dist/es-legacy/utils/get-process-message-handler.js.map +1 -1
- package/package.json +7 -7
- package/styles/adyen.css +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SRPanel.js","sources":["../../../../src/core/Errors/SRPanel.tsx"],"sourcesContent":["import { h } from 'preact';\nimport './SRPanel.scss';\nimport { AriaAttributes, SRPanelProps } from './types';\nimport BaseElement from '../../components/internal/BaseElement/BaseElement';\nimport { SRMessages, SRMessagesRef } from './SRMessages';\nimport type { ICore } from '../types';\n\n/**\n * A panel meant to hold messages that will be read out by ScreenReaders on an aria-live=\"polite\" basis\n * Expects a string or string array of message to add to the panel to be read out\n * For testing purposes can be made visible\n */\nexport class SRPanel extends BaseElement<SRPanelProps> {\n public static type = 'srPanel';\n\n public static defaultProps: Partial<SRPanelProps> = {\n enabled: true,\n node: 'body',\n showPanel: false,\n id: 'ariaLiveSRPanel',\n ariaAttributes: {\n 'aria-relevant': 'all',\n 'aria-live': 'polite',\n 'aria-atomic': 'true'\n }\n };\n\n private readonly srPanelContainer = null;\n\n private readonly id;\n private readonly showPanel;\n private readonly _enabled: boolean;\n private readonly _moveFocus: boolean;\n\n private componentRef: SRMessagesRef;\n\n constructor(checkout: ICore, props?: SRPanelProps) {\n super(checkout, props);\n this.id = this.props.id;\n this.showPanel = process.env.NODE_ENV !== 'production' ? this.props.showPanel : false;\n this._enabled = false;\n this._moveFocus = this.props.moveFocus ?? true;\n\n if (this.props.enabled) {\n this._enabled = true;\n
|
|
1
|
+
{"version":3,"file":"SRPanel.js","sources":["../../../../src/core/Errors/SRPanel.tsx"],"sourcesContent":["import { h } from 'preact';\nimport './SRPanel.scss';\nimport { AriaAttributes, SRPanelProps } from './types';\nimport BaseElement from '../../components/internal/BaseElement/BaseElement';\nimport { SRMessages, SRMessagesRef } from './SRMessages';\nimport type { ICore } from '../types';\n\n/**\n * A panel meant to hold messages that will be read out by ScreenReaders on an aria-live=\"polite\" basis\n * Expects a string or string array of message to add to the panel to be read out\n * For testing purposes can be made visible\n */\nexport class SRPanel extends BaseElement<SRPanelProps> {\n public static type = 'srPanel';\n\n public static defaultProps: Partial<SRPanelProps> = {\n enabled: true,\n node: 'body',\n showPanel: false,\n id: 'ariaLiveSRPanel',\n ariaAttributes: {\n 'aria-relevant': 'all',\n 'aria-live': 'polite',\n 'aria-atomic': 'true'\n }\n };\n\n private readonly srPanelContainer = null;\n\n private readonly id;\n private readonly showPanel;\n private readonly _enabled: boolean;\n private readonly _moveFocus: boolean;\n\n private componentRef: SRMessagesRef;\n\n constructor(checkout: ICore, props?: SRPanelProps) {\n super(checkout, props);\n\n this.id = this.props.id;\n this.showPanel = process.env.NODE_ENV !== 'production' ? this.props.showPanel : false;\n this._enabled = false;\n this._moveFocus = this.props.moveFocus ?? true;\n\n if (this.props.enabled) {\n this._enabled = true;\n\n const panelParent = document.querySelector(this.props.node);\n\n if (panelParent) {\n const preExistingSRPanel = document.getElementById(this.id);\n if (preExistingSRPanel) {\n panelParent.removeChild(preExistingSRPanel);\n }\n\n this.srPanelContainer = document.createElement('div');\n this.srPanelContainer.className = 'sr-panel-holder';\n this.srPanelContainer.id = this.id;\n\n panelParent.appendChild(this.srPanelContainer);\n\n this.mount(this.srPanelContainer);\n } else {\n throw new Error('Component could not mount. Root node was not found.');\n }\n }\n }\n\n public setComponentRef = ref => {\n this.componentRef = ref;\n };\n\n public get enabled() {\n return this._enabled;\n }\n\n public get moveFocus() {\n return this._moveFocus;\n }\n\n public setAriaProps(ariaAttributes: AriaAttributes): void {\n const firstPanel = document.querySelector('[class^=\"adyen-checkout-sr-panel\"]');\n for (const [key, value] of Object.entries(ariaAttributes)) {\n firstPanel.setAttribute(key, value);\n }\n this.props = { ...this.props, ariaAttributes: { ...this.props.ariaAttributes, ...ariaAttributes } };\n }\n\n // A method we can expose to allow comps to set messages in this panel\n public setMessages = (messages: string[] | string): void => {\n if (!this.props.enabled) return;\n\n let panelMessages = null;\n if (messages) {\n // Ensure panelMessages is an array\n panelMessages = Array.isArray(messages) ? messages : [messages];\n }\n\n this.componentRef.setMessages(panelMessages);\n };\n\n render() {\n if (!this.props.enabled) return null;\n return (\n <div\n className={this.showPanel ? 'adyen-checkout-sr-panel' : 'adyen-checkout-sr-panel--sr-only'}\n role={'log'}\n {...this.props.ariaAttributes}\n {...(process.env.NODE_ENV !== 'production' && { 'data-testid': this.id })}\n >\n <SRMessages setComponentRef={this.setComponentRef} />\n </div>\n );\n }\n}\n"],"names":["SRPanel","BaseElement","static","enabled","node","showPanel","id","ariaAttributes","srPanelContainer","_enabled","_moveFocus","componentRef","constructor","checkout","props","super","this","moveFocus","panelParent","document","querySelector","Error","preExistingSRPanel","getElementById","removeChild","createElement","className","appendChild","mount","setComponentRef","ref","setAriaProps","firstPanel","key","value","Object","entries","setAttribute","setMessages","messages","panelMessages","Array","isArray","render","h","div","role","SRMessages"],"mappings":"sLAYO,MAAMA,UAAgBC,EACzBC,YAAqB,UAErBA,oBAAoD,CAChDC,SAAS,EACTC,KAAM,OACNC,WAAW,EACXC,GAAI,kBACJC,eAAgB,CACZ,gBAAiB,MACjB,YAAa,SACb,cAAe,SAINC,iBAAmB,KAEnBF,GACAD,UACAI,SACAC,WAETC,aAERC,WAAAA,CAAYC,EAAiBC,GAQzB,GAPAC,MAAMF,EAAUC,GAEhBE,KAAKV,GAAKU,KAAKF,MAAMR,GACrBU,KAAKX,WAA2E,EAChFW,KAAKP,UAAW,EAChBO,KAAKN,WAAaM,KAAKF,MAAMG,YAAa,EAEtCD,KAAKF,MAAMX,QAAS,CACpBa,KAAKP,UAAW,EAEhB,MAAMS,EAAcC,SAASC,cAAcJ,KAAKF,MAAMV,MAEtD,IAAIc,EAcA,MAAM,IAAIG,MAAM,uDAdH,CACb,MAAMC,EAAqBH,SAASI,eAAeP,KAAKV,IACpDgB,GACAJ,EAAYM,YAAYF,GAG5BN,KAAKR,iBAAmBW,SAASM,cAAc,OAC/CT,KAAKR,iBAAiBkB,UAAY,kBAClCV,KAAKR,iBAAiBF,GAAKU,KAAKV,GAEhCY,EAAYS,YAAYX,KAAKR,kBAE7BQ,KAAKY,MAAMZ,KAAKR,kBAIxB,CACJ,CAEOqB,gBAAkBC,IACrBd,KAAKL,aAAemB,CAAAA,EAGxB,WAAW3B,GACP,OAAOa,KAAKP,QAChB,CAEA,aAAWQ,GACP,OAAOD,KAAKN,UAChB,CAEOqB,YAAAA,CAAaxB,GAChB,MAAMyB,EAAab,SAASC,cAAc,sCAC1C,IAAK,MAAOa,EAAKC,KAAUC,OAAOC,QAAQ7B,GACtCyB,EAAWK,aAAaJ,EAAKC,GAEjClB,KAAKF,MAAQ,IAAKE,KAAKF,MAAOP,eAAgB,IAAKS,KAAKF,MAAMP,kBAAmBA,GACrF,CAGO+B,YAAeC,IAClB,IAAKvB,KAAKF,MAAMX,QAAS,OAEzB,IAAIqC,EAAgB,KAChBD,IAEAC,EAAgBC,MAAMC,QAAQH,GAAYA,EAAW,CAACA,IAG1DvB,KAAKL,aAAa2B,YAAYE,EAAAA,EAGlCG,MAAAA,GACI,OAAK3B,KAAKF,MAAMX,QAEZyC,EAACC,MAAAA,CACGnB,UAAWV,KAAKX,UAAY,0BAA4B,mCACxDyC,KAAM,SACF9B,KAAKF,MAAMP,gBAGfqC,EAACG,EAAAA,CAAWlB,gBAAiBb,KAAKa,mBARV,IAWpC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{get3DS2FlowProps as e}from"../../../components/ThreeDS2/components/utils.js";import
|
|
1
|
+
import{get3DS2FlowProps as e}from"../../../components/ThreeDS2/components/utils.js";import o from"../../../utils/uuid.js";const t=(e,t,n,r)=>{const i=t.getComponent(n);if(!i)throw Error(`Action Element of type ${n} not found in the registry`);return new i(e,{...r,id:`${n}-${o()}`})},n=e=>(o,n,r,i)=>{const s={...i,...r,onComplete:i.onAdditionalDetails,onError:i.onError,statusType:e,originalAction:r};return t(o,n,r.paymentMethodType,s)},r={redirect:(e,o,n,r)=>{const i={...r,...n,statusType:"redirect",originalAction:n};return t(e,o,"redirect",i)},threeDS2:(o,n,r,i)=>{const s="fingerprint"===r.subtype?"threeDS2DeviceFingerprint":"threeDS2Challenge",a="fingerprint"===r.subtype||i.isMDFlow?r.paymentData:r.authorisationToken,l={core:o,token:r.token,paymentData:a,onActionHandled:i.onActionHandled,onComplete:i.isMDFlow?i.onComplete:i.onAdditionalDetails,onError:i.onError,isDropin:!!i.isDropin,loadingContext:i.loadingContext,clientKey:i.clientKey,paymentMethodType:i.paymentMethodType,challengeWindowSize:i.challengeWindowSize,isMDFlow:i.isMDFlow,modules:{analytics:i.modules?.analytics,resources:i.modules?.resources},...e(r.subtype,i)};return t(o,n,s,l)},voucher:n("custom"),qrCode:n("custom"),await:n("custom"),bankTransfer:n("custom"),sdk:n("custom")};export{r as default};
|
|
2
2
|
//# sourceMappingURL=actionTypes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actionTypes.js","sources":["../../../../../src/core/ProcessResponse/PaymentAction/actionTypes.ts"],"sourcesContent":["import { get3DS2FlowProps } from '../../../components/ThreeDS2/components/utils';\nimport uuid from '../../../utils/uuid';\nimport UIElement from '../../../components/internal/UIElement';\nimport type { PaymentAction } from '../../../types/global-types';\nimport type { IRegistry } from '../../core.registry';\nimport type { ICore } from '../../types';\n\nconst createComponent = (core: ICore, registry: IRegistry, componentType, props): UIElement => {\n const Element = registry.getComponent(componentType);\n\n if (!Element) {\n throw Error(`Action Element of type ${componentType} not found in the registry`);\n }\n\n return new Element(core, { ...props, id: `${componentType}-${uuid()}` });\n};\n\nconst getActionHandler = statusType => {\n return (core: ICore, registry: IRegistry, action: PaymentAction, props) => {\n const config = {\n ...props,\n ...action,\n onComplete: props.onAdditionalDetails,\n onError: props.onError,\n statusType\n };\n\n return createComponent(core, registry, action.paymentMethodType, config);\n };\n};\n\nconst actionTypes = {\n redirect: (core: ICore, registry, action: PaymentAction, props) => {\n const config = {\n ...props,\n ...action,\n statusType: 'redirect'\n };\n\n return createComponent(core, registry, 'redirect', config);\n },\n\n threeDS2: (core: ICore, registry, action: PaymentAction, props) => {\n const componentType = action.subtype === 'fingerprint' ? 'threeDS2DeviceFingerprint' : 'threeDS2Challenge';\n\n /**\n * NOTE: the isMDFlow prop comes from the options object, added within the MDFlow when it calls createFromAction(action, options) to initiate a 3DS2 component\n * It replaces the useOriginalFlow config prop that the MDFlow used to pass when directly initiating the threeDS2Fingerprint or threeDS2Challenge components\n */\n const paymentData = action.subtype === 'fingerprint' || props.isMDFlow ? action.paymentData : action.authorisationToken;\n\n const config = {\n // Props common to both flows\n core: core,\n token: action.token,\n paymentData,\n onActionHandled: props.onActionHandled,\n onComplete: props.isMDFlow ? props.onComplete : props.onAdditionalDetails,\n onError: props.onError,\n isDropin: !!props.isDropin,\n loadingContext: props.loadingContext,\n clientKey: props.clientKey,\n paymentMethodType: props.paymentMethodType,\n challengeWindowSize: props.challengeWindowSize, // always pass challengeWindowSize in case it's been set directly in the handleAction config object\n isMDFlow: props.isMDFlow,\n modules: {\n analytics: props.modules?.analytics,\n resources: props.modules?.resources\n },\n\n // Props unique to a particular flow\n ...get3DS2FlowProps(action.subtype, props)\n };\n\n return createComponent(core, registry, componentType, config);\n },\n\n voucher: getActionHandler('custom'),\n qrCode: getActionHandler('custom'),\n await: getActionHandler('custom'),\n bankTransfer: getActionHandler('custom'),\n sdk: getActionHandler('custom')\n} as const;\n\nexport default actionTypes;\n"],"names":["createComponent","core","registry","componentType","props","Element","getComponent","Error","id","uuid","getActionHandler","statusType","action","config","onComplete","onAdditionalDetails","onError","paymentMethodType","actionTypes","redirect","threeDS2","subtype","paymentData","isMDFlow","authorisationToken","token","onActionHandled","isDropin","loadingContext","clientKey","challengeWindowSize","modules","analytics","resources","get3DS2FlowProps","voucher","qrCode","await","bankTransfer","sdk"],"mappings":"0HAOA,MAAMA,EAAkB,CAACC,EAAaC,EAAqBC,EAAeC,KACtE,MAAMC,EAAUH,EAASI,aAAaH,GAEtC,IAAKE,EACD,MAAME,MAAM,0BAA0BJ,+BAG1C,OAAO,IAAIE,EAAQJ,EAAM,IAAKG,EAAOI,GAAI,GAAGL,KAAiBM,OAAS,EAGpEC,EAAmBC,GACd,CAACV,EAAaC,EAAqBU,EAAuBR,KAC7D,MAAMS,EAAS,IACRT,KACAQ,EACHE,WAAYV,EAAMW,oBAClBC,QAASZ,EAAMY,QACfL,
|
|
1
|
+
{"version":3,"file":"actionTypes.js","sources":["../../../../../src/core/ProcessResponse/PaymentAction/actionTypes.ts"],"sourcesContent":["import { get3DS2FlowProps } from '../../../components/ThreeDS2/components/utils';\nimport uuid from '../../../utils/uuid';\nimport UIElement from '../../../components/internal/UIElement';\nimport type { PaymentAction } from '../../../types/global-types';\nimport type { IRegistry } from '../../core.registry';\nimport type { ICore } from '../../types';\n\nconst createComponent = (core: ICore, registry: IRegistry, componentType, props): UIElement => {\n const Element = registry.getComponent(componentType);\n\n if (!Element) {\n throw Error(`Action Element of type ${componentType} not found in the registry`);\n }\n\n return new Element(core, { ...props, id: `${componentType}-${uuid()}` });\n};\n\nconst getActionHandler = statusType => {\n return (core: ICore, registry: IRegistry, action: PaymentAction, props) => {\n const config = {\n ...props,\n ...action,\n onComplete: props.onAdditionalDetails,\n onError: props.onError,\n statusType,\n originalAction: action\n };\n\n return createComponent(core, registry, action.paymentMethodType, config);\n };\n};\n\nconst actionTypes = {\n redirect: (core: ICore, registry, action: PaymentAction, props) => {\n const config = {\n ...props,\n ...action,\n statusType: 'redirect',\n originalAction: action\n };\n\n return createComponent(core, registry, 'redirect', config);\n },\n\n threeDS2: (core: ICore, registry, action: PaymentAction, props) => {\n const componentType = action.subtype === 'fingerprint' ? 'threeDS2DeviceFingerprint' : 'threeDS2Challenge';\n\n /**\n * NOTE: the isMDFlow prop comes from the options object, added within the MDFlow when it calls createFromAction(action, options) to initiate a 3DS2 component\n * It replaces the useOriginalFlow config prop that the MDFlow used to pass when directly initiating the threeDS2Fingerprint or threeDS2Challenge components\n */\n const paymentData = action.subtype === 'fingerprint' || props.isMDFlow ? action.paymentData : action.authorisationToken;\n\n const config = {\n // Props common to both flows\n core: core,\n token: action.token,\n paymentData,\n onActionHandled: props.onActionHandled,\n onComplete: props.isMDFlow ? props.onComplete : props.onAdditionalDetails,\n onError: props.onError,\n isDropin: !!props.isDropin,\n loadingContext: props.loadingContext,\n clientKey: props.clientKey,\n paymentMethodType: props.paymentMethodType,\n challengeWindowSize: props.challengeWindowSize, // always pass challengeWindowSize in case it's been set directly in the handleAction config object\n isMDFlow: props.isMDFlow,\n modules: {\n analytics: props.modules?.analytics,\n resources: props.modules?.resources\n },\n\n // Props unique to a particular flow\n ...get3DS2FlowProps(action.subtype, props)\n };\n\n return createComponent(core, registry, componentType, config);\n },\n\n voucher: getActionHandler('custom'),\n qrCode: getActionHandler('custom'),\n await: getActionHandler('custom'),\n bankTransfer: getActionHandler('custom'),\n sdk: getActionHandler('custom')\n} as const;\n\nexport default actionTypes;\n"],"names":["createComponent","core","registry","componentType","props","Element","getComponent","Error","id","uuid","getActionHandler","statusType","action","config","onComplete","onAdditionalDetails","onError","originalAction","paymentMethodType","actionTypes","redirect","threeDS2","subtype","paymentData","isMDFlow","authorisationToken","token","onActionHandled","isDropin","loadingContext","clientKey","challengeWindowSize","modules","analytics","resources","get3DS2FlowProps","voucher","qrCode","await","bankTransfer","sdk"],"mappings":"0HAOA,MAAMA,EAAkB,CAACC,EAAaC,EAAqBC,EAAeC,KACtE,MAAMC,EAAUH,EAASI,aAAaH,GAEtC,IAAKE,EACD,MAAME,MAAM,0BAA0BJ,+BAG1C,OAAO,IAAIE,EAAQJ,EAAM,IAAKG,EAAOI,GAAI,GAAGL,KAAiBM,OAAS,EAGpEC,EAAmBC,GACd,CAACV,EAAaC,EAAqBU,EAAuBR,KAC7D,MAAMS,EAAS,IACRT,KACAQ,EACHE,WAAYV,EAAMW,oBAClBC,QAASZ,EAAMY,QACfL,aACAM,eAAgBL,GAGpB,OAAOZ,EAAgBC,EAAMC,EAAUU,EAAOM,kBAAmBL,EAAAA,EAInEM,EAAc,CAChBC,SAAU,CAACnB,EAAaC,EAAUU,EAAuBR,KACrD,MAAMS,EAAS,IACRT,KACAQ,EACHD,WAAY,WACZM,eAAgBL,GAGpB,OAAOZ,EAAgBC,EAAMC,EAAU,WAAYW,EAAAA,EAGvDQ,SAAU,CAACpB,EAAaC,EAAUU,EAAuBR,KACrD,MAAMD,EAAmC,gBAAnBS,EAAOU,QAA4B,4BAA8B,oBAMjFC,EAAiC,gBAAnBX,EAAOU,SAA6BlB,EAAMoB,SAAWZ,EAAOW,YAAcX,EAAOa,mBAE/FZ,EAAS,CAEXZ,KAAMA,EACNyB,MAAOd,EAAOc,MACdH,cACAI,gBAAiBvB,EAAMuB,gBACvBb,WAAYV,EAAMoB,SAAWpB,EAAMU,WAAaV,EAAMW,oBACtDC,QAASZ,EAAMY,QACfY,WAAYxB,EAAMwB,SAClBC,eAAgBzB,EAAMyB,eACtBC,UAAW1B,EAAM0B,UACjBZ,kBAAmBd,EAAMc,kBACzBa,oBAAqB3B,EAAM2B,oBAC3BP,SAAUpB,EAAMoB,SAChBQ,QAAS,CACLC,UAAW7B,EAAM4B,SAASC,UAC1BC,UAAW9B,EAAM4B,SAASE,cAI3BC,EAAiBvB,EAAOU,QAASlB,IAGxC,OAAOJ,EAAgBC,EAAMC,EAAUC,EAAeU,EAAAA,EAG1DuB,QAAS1B,EAAiB,UAC1B2B,OAAQ3B,EAAiB,UACzB4B,MAAO5B,EAAiB,UACxB6B,aAAc7B,EAAiB,UAC/B8B,IAAK9B,EAAiB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{httpPost as e}from"../http.js";import t from"../../../utils/Storage.js";const o='WARNING: Failed to retrieve "checkoutAttemptId". Consequently, analytics will not be available for this payment. The payment process, however, will not be affected.';const n=({analyticsContext:n,clientKey:r,locale:i,analyticsPath:c,bundleType:a})=>{let l;const s={errorLevel:"fatal",loadingContext:n,path:`${c}?clientKey=${r}`};return n=>{const c={version:"6.
|
|
1
|
+
import{httpPost as e}from"../http.js";import t from"../../../utils/Storage.js";const o='WARNING: Failed to retrieve "checkoutAttemptId". Consequently, analytics will not be available for this payment. The payment process, however, will not be affected.';const n=({analyticsContext:n,clientKey:r,locale:i,analyticsPath:c,bundleType:a})=>{let l;const s={errorLevel:"fatal",loadingContext:n,path:`${c}?clientKey=${r}`};return n=>{const c={version:"6.4.0",channel:"Web",platform:"Web",buildType:a,locale:i,referrer:window.location.href,screenWidth:window.screen.width,...n};if(l)return l;if(!r)return Promise.reject("no-client-key");const m=new t("checkout-attempt-id","sessionStorage"),d=m.get();return function(e){if(!e?.id)return!1;const t=Date.now()-9e5;return e.timestamp>t}(d)?Promise.resolve(d.id):(l=e(s,c).then((e=>{if(e?.checkoutAttemptId)return m.set({id:e.checkoutAttemptId,timestamp:Date.now()}),e.checkoutAttemptId})).catch((()=>Promise.reject(o))),l)}};export{o as FAILURE_MSG,n as default};
|
|
2
2
|
//# sourceMappingURL=collect-id.js.map
|
package/dist/es/core/core.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Language as t}from"../language/Language.js";import o from"./RiskModule/RiskModule.js";import s from"./ProcessResponse/PaymentMethods/PaymentMethods.js";import{getComponentForAction as e}from"./ProcessResponse/PaymentAction/PaymentAction.js";import i from"./Analytics/Analytics.js";import{assertConfigurationPropertiesAreValid as n,processGlobalOptions as a}from"./utils.js";import r from"./CheckoutSession/CheckoutSession.js";import{hasOwnProperty as h}from"../utils/hasOwnProperty.js";import{Resources as l}from"./Context/Resources.js";import{SRPanel as c}from"./Errors/SRPanel.js";import p from"./core.registry.js";import{sanitizeResponse as m,verifyPaymentDidNotFail as d,cleanupFinalResult as u}from"../components/internal/UIElement/utils.js";import y,{IMPLEMENTATION_ERROR as g}from"./Errors/AdyenCheckoutError.js";import{ANALYTICS_ACTION_STR as f}from"./Analytics/constants.js";import{THREEDS2_FULL as C}from"../components/ThreeDS2/constants.js";import{DEFAULT_LOCALE as w}from"../language/constants.js";import j from"./Services/get-translations.js";import{defaultProps as E}from"./core.defaultProps.js";import{formatLocale as v,formatCustomTranslations as A}from"../language/utils.js";import{resolveEnvironments as b}from"./Environment/Environment.js";class P{session;paymentMethodsResponse;modules;options;analyticsContext;loadingContext;cdnImagesUrl;cdnTranslationsUrl;components=[];static metadata={version:"6.
|
|
1
|
+
import{Language as t}from"../language/Language.js";import o from"./RiskModule/RiskModule.js";import s from"./ProcessResponse/PaymentMethods/PaymentMethods.js";import{getComponentForAction as e}from"./ProcessResponse/PaymentAction/PaymentAction.js";import i from"./Analytics/Analytics.js";import{assertConfigurationPropertiesAreValid as n,processGlobalOptions as a}from"./utils.js";import r from"./CheckoutSession/CheckoutSession.js";import{hasOwnProperty as h}from"../utils/hasOwnProperty.js";import{Resources as l}from"./Context/Resources.js";import{SRPanel as c}from"./Errors/SRPanel.js";import p from"./core.registry.js";import{sanitizeResponse as m,verifyPaymentDidNotFail as d,cleanupFinalResult as u}from"../components/internal/UIElement/utils.js";import y,{IMPLEMENTATION_ERROR as g}from"./Errors/AdyenCheckoutError.js";import{ANALYTICS_ACTION_STR as f}from"./Analytics/constants.js";import{THREEDS2_FULL as C}from"../components/ThreeDS2/constants.js";import{DEFAULT_LOCALE as w}from"../language/constants.js";import j from"./Services/get-translations.js";import{defaultProps as E}from"./core.defaultProps.js";import{formatLocale as v,formatCustomTranslations as A}from"../language/utils.js";import{resolveEnvironments as b}from"./Environment/Environment.js";class P{session;paymentMethodsResponse;modules;options;analyticsContext;loadingContext;cdnImagesUrl;cdnTranslationsUrl;components=[];static metadata={version:"6.4.0",bundleType:"esm"};static registry=p;static setBundleType(t){P.metadata.bundleType=t}static register(...t){p.add(...t)}register(...t){p.add(...t)}getComponent(t){return p.getComponent(t)}constructor(t){n(t),this.createFromAction=this.createFromAction.bind(this),this.setOptions({...E,...t});const{apiUrl:o,analyticsUrl:s,cdnImagesUrl:e,cdnTranslationsUrl:i}=b(this.options.environment,this.options._environmentUrls);this.loadingContext=o,this.analyticsContext=s,this.cdnImagesUrl=e,this.cdnTranslationsUrl=i,this.session=this.options.session&&new r(this.options.session,this.options.clientKey,this.loadingContext);const a=this.options.clientKey?.substring(0,4);if(("test"===a||"live"===a)&&!this.loadingContext.includes(a))throw new y("IMPLEMENTATION_ERROR",`Error: you are using a ${a} clientKey against the ${this.options._environmentUrls?.api||this.options.environment} environment`);"pub."===a&&console.debug(`The value you are passing as your "clientKey" looks like an originKey (${this.options.clientKey?.substring(0,12)}..). Although this is supported it is not the recommended way to integrate. To generate a clientKey, see the documentation (https://docs.adyen.com/development-resources/client-side-authentication/migrate-from-origin-key-to-client-key/) for more details.`),this.options.exposeLibraryMetadata&&(window.AdyenWebMetadata=P.metadata)}async initialize(){return await this.initializeCore(),this.validateCoreConfiguration(),await this.createCoreModules(),this}async initializeCore(){return this.session?this.session.setupSession(this.options).then((t=>{const{amount:o,shopperLocale:s,countryCode:e,paymentMethods:i,...n}=t;return this.setOptions({...n,amount:this.options.order?this.options.order.remainingAmount:o,locale:this.options.locale||s,countryCode:this.options.countryCode||e}),this.createPaymentMethodsList(i),this})).catch((t=>(this.options.onError&&this.options.onError(t),Promise.reject(t)))):(this.createPaymentMethodsList(),Promise.resolve(this))}async fetchLocaleTranslations(){try{return await j(this.cdnTranslationsUrl,P.metadata.version,this.options.locale)}catch(t){t instanceof y?this.options.onError?.(t):this.options.onError?.(new y("ERROR","Failed to fetch translation",{cause:t}))}}validateCoreConfiguration(){if(this.options.paymentMethodsConfiguration&&console.warn('WARNING: "paymentMethodsConfiguration" is supported only by Drop-in.'),!this.options.countryCode)throw new y(g,"You must specify a countryCode when initializing checkout.");this.options.locale||this.setOptions({locale:w}),this.options.locale=v(this.options.locale),this.options.translations=A(this.options.translations)}submitDetails(t){let o=null;this.options.onAdditionalDetails&&(o=new Promise(((o,s)=>{this.options.onAdditionalDetails({data:t},void 0,{resolve:o,reject:s})}))),this.session&&(o=this.session.submitDetails(t).catch((t=>(this.options.onError?.(t),Promise.reject(t))))),o?o.then(m).then(d).then((t=>{u(t),this.options.onPaymentCompleted?.(t)})).catch((t=>{u(t),this.options.onPaymentFailed?.(t)})):this.options.onError?.(new y("IMPLEMENTATION_ERROR",'It can not submit the details. The callback "onAdditionalDetails" or the Session is not setup correctly.'))}createFromAction(t,o={}){if(!t||!t.type){if(h(t,"action")&&h(t,"resultCode"))throw new Error('createFromAction::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('createFromAction::Invalid Action - the passed action object does not have a "type" property')}if(t.type){const s=t.type===C?`${t.type}${t.subtype}`:t.paymentMethodType;this.modules.analytics.sendAnalytics(s,{type:f,subtype:t.type,message:`${s} action was handled by the SDK`});const i={...this.getCorePropsForComponent(),...o};return e(this,p,t,i)}return this.handleCreateError()}update=(t={})=>(this.setOptions(t),this.initialize().then((()=>(this.components.forEach((o=>{const s={...t,...this.session&&{session:this.session}};o.update(s)})),this))));remove=t=>(this.components=this.components.filter((o=>o._id!==t._id)),t.unmount(),this);setOptions=t=>{this.options={...this.options,...t,locale:t?.locale||this.options?.locale}};getCorePropsForComponent(){return{...a(this.options),core:this,i18n:this.modules.i18n,modules:this.modules,session:this.session,loadingContext:this.loadingContext,cdnContext:this.cdnImagesUrl,createFromAction:this.createFromAction}}storeElementReference(t){t&&this.components.push(t)}handleCreateError(t){const o=t?`${t?.name??"The passed payment method"} is not a valid Checkout Component. What was passed as a txVariant was: ${JSON.stringify(t)}. Check if this payment method is configured in the Backoffice or if the txVariant is a valid one`:"No Payment Method component was passed";throw new Error(o)}createPaymentMethodsList(t){this.paymentMethodsResponse=new s(this.options.paymentMethodsResponse||t,this.options)}async createCoreModules(){if(this.modules)return;const s=await this.fetchLocaleTranslations();this.modules=Object.freeze({risk:new o(this,{...this.options,loadingContext:this.loadingContext}),analytics:i({loadingContext:this.loadingContext,analyticsContext:this.analyticsContext,clientKey:this.options.clientKey,locale:this.options.locale,analytics:this.options.analytics,amount:this.options.amount,bundleType:P.metadata.bundleType}),resources:new l(this.cdnImagesUrl),i18n:new t({locale:this.options.locale,translations:s,customTranslations:this.options.translations}),srPanel:new c(this,{...this.options.srConfig})})}}export{P as default};
|
|
2
2
|
//# sourceMappingURL=core.js.map
|
package/dist/es/index.d.ts
CHANGED
|
@@ -320,6 +320,10 @@ type UIElementProps = BaseElementProps & CoreCallbacks & {
|
|
|
320
320
|
* @internal
|
|
321
321
|
*/
|
|
322
322
|
paymentMethodType?: string;
|
|
323
|
+
/**
|
|
324
|
+
* Reference to the action object found in a /payments response. This, in most cases, is passed on to the onActionHandled callback
|
|
325
|
+
*/
|
|
326
|
+
originalAction?: PaymentAction;
|
|
323
327
|
};
|
|
324
328
|
type UIElementStatus = 'ready' | 'loading' | 'error' | 'success';
|
|
325
329
|
interface ComponentMethodsRef {
|
|
@@ -1965,7 +1969,6 @@ interface AchConfiguration extends UIElementProps {
|
|
|
1965
1969
|
*/
|
|
1966
1970
|
data?: {
|
|
1967
1971
|
holderName?: string;
|
|
1968
|
-
billingAddress?: Partial<AddressData>;
|
|
1969
1972
|
};
|
|
1970
1973
|
}
|
|
1971
1974
|
|
|
@@ -2144,6 +2147,7 @@ interface DokuVoucherResultProps {
|
|
|
2144
2147
|
merchantName?: string;
|
|
2145
2148
|
outputDetails?: any;
|
|
2146
2149
|
ref?: any;
|
|
2150
|
+
onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
|
|
2147
2151
|
}
|
|
2148
2152
|
|
|
2149
2153
|
declare class DonationElement extends UIElement<DonationConfiguration> {
|
|
@@ -2256,6 +2260,7 @@ interface DragonpayVoucherResultProps {
|
|
|
2256
2260
|
icon?: string;
|
|
2257
2261
|
issuer?: string;
|
|
2258
2262
|
ref?: any;
|
|
2263
|
+
onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
|
|
2259
2264
|
}
|
|
2260
2265
|
|
|
2261
2266
|
interface EcontextVoucherResultProps {
|
|
@@ -2267,6 +2272,7 @@ interface EcontextVoucherResultProps {
|
|
|
2267
2272
|
instructionsUrl?: string;
|
|
2268
2273
|
ref?: any;
|
|
2269
2274
|
collectionInstitutionNumber?: string;
|
|
2275
|
+
onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
|
|
2270
2276
|
}
|
|
2271
2277
|
interface EcontextInputSchema {
|
|
2272
2278
|
firstName?: string;
|
|
@@ -2531,6 +2537,7 @@ interface MultibancoVoucherResultProps {
|
|
|
2531
2537
|
paymentMethodType?: string;
|
|
2532
2538
|
downloadUrl?: string;
|
|
2533
2539
|
ref?: any;
|
|
2540
|
+
onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
|
|
2534
2541
|
}
|
|
2535
2542
|
|
|
2536
2543
|
interface OxxoVoucherResultProps {
|
|
@@ -2542,6 +2549,7 @@ interface OxxoVoucherResultProps {
|
|
|
2542
2549
|
paymentMethodType?: string;
|
|
2543
2550
|
downloadUrl?: string;
|
|
2544
2551
|
ref?: any;
|
|
2552
|
+
onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
|
|
2545
2553
|
}
|
|
2546
2554
|
|
|
2547
2555
|
declare class PaypalElement extends UIElement<PayPalConfiguration> {
|
|
@@ -2881,7 +2889,7 @@ interface ThreeDS2Configuration extends UIElementProps {
|
|
|
2881
2889
|
analytics: AnalyticsModule;
|
|
2882
2890
|
};
|
|
2883
2891
|
notificationURL?: string;
|
|
2884
|
-
onActionHandled
|
|
2892
|
+
onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
|
|
2885
2893
|
onError?: (error: AdyenCheckoutError, element?: UIElement) => void;
|
|
2886
2894
|
paymentData?: string;
|
|
2887
2895
|
token?: string;
|
|
@@ -3038,7 +3046,7 @@ interface AwaitComponentProps {
|
|
|
3038
3046
|
messageText: string;
|
|
3039
3047
|
awaitText: string;
|
|
3040
3048
|
ref: any;
|
|
3041
|
-
onActionHandled
|
|
3049
|
+
onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
|
|
3042
3050
|
}
|
|
3043
3051
|
interface AwaitConfiguration extends UIElementProps {
|
|
3044
3052
|
paymentData?: string;
|
|
@@ -3080,12 +3088,14 @@ interface VoucherProps {
|
|
|
3080
3088
|
className?: string;
|
|
3081
3089
|
/** Show/Hide a button to copy the payment reference. It will only show if a reference is available. */
|
|
3082
3090
|
copyBtn?: boolean;
|
|
3091
|
+
onActionHandled?: (rtnObj: ActionHandledReturnObject) => void;
|
|
3083
3092
|
}
|
|
3084
3093
|
interface VoucherConfiguration extends UIElementProps {
|
|
3085
3094
|
reference?: string;
|
|
3086
3095
|
url?: string;
|
|
3087
3096
|
paymentMethodType?: string;
|
|
3088
3097
|
}
|
|
3098
|
+
type CommonVoucherProps = Pick<VoucherProps, 'paymentMethodType' | 'introduction' | 'imageUrl' | 'amount' | 'reference' | 'onActionHandled'>;
|
|
3089
3099
|
|
|
3090
3100
|
declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
|
|
3091
3101
|
static type: TxVariants;
|
|
@@ -3167,6 +3177,7 @@ declare class CashAppPay extends UIElement<CashAppPayConfiguration> {
|
|
|
3167
3177
|
i18n?: Language;
|
|
3168
3178
|
label?: string;
|
|
3169
3179
|
paymentMethodType?: string;
|
|
3180
|
+
originalAction?: PaymentAction;
|
|
3170
3181
|
};
|
|
3171
3182
|
formatData(): CashAppPayElementData;
|
|
3172
3183
|
get displayName(): string;
|
|
@@ -3242,6 +3253,7 @@ declare class ClickToPayElement extends UIElement<ClickToPayConfiguration> {
|
|
|
3242
3253
|
i18n?: Language;
|
|
3243
3254
|
label?: string;
|
|
3244
3255
|
paymentMethodType?: string;
|
|
3256
|
+
originalAction?: PaymentAction;
|
|
3245
3257
|
merchantDisplayName?: string;
|
|
3246
3258
|
onReady?(): void;
|
|
3247
3259
|
onTimeout?(error: TimeoutError): void;
|
|
@@ -3386,6 +3398,7 @@ declare class BancontactElement extends CardElement {
|
|
|
3386
3398
|
i18n?: Language;
|
|
3387
3399
|
label?: string;
|
|
3388
3400
|
paymentMethodType?: string;
|
|
3401
|
+
originalAction?: PaymentAction;
|
|
3389
3402
|
};
|
|
3390
3403
|
onBrand: (event: any) => void;
|
|
3391
3404
|
}
|
|
@@ -3578,6 +3591,7 @@ declare class CustomCard extends UIElement<CustomCardConfiguration> {
|
|
|
3578
3591
|
icon?: string;
|
|
3579
3592
|
payButton?: (options: PayButtonFunctionProps) => h.JSX.Element;
|
|
3580
3593
|
paymentMethodType?: string;
|
|
3594
|
+
originalAction?: PaymentAction;
|
|
3581
3595
|
autoFocus?: boolean;
|
|
3582
3596
|
onLoad?: (event: CbObjOnLoad) => void;
|
|
3583
3597
|
placeholders?: Placeholders$1;
|
|
@@ -3655,7 +3669,6 @@ declare class QRLoaderContainer<T extends QRLoaderConfiguration = QRLoaderConfig
|
|
|
3655
3669
|
paymentData: any;
|
|
3656
3670
|
onError: () => void;
|
|
3657
3671
|
onComplete: () => void;
|
|
3658
|
-
onActionHandled: () => void;
|
|
3659
3672
|
};
|
|
3660
3673
|
formatData(): {
|
|
3661
3674
|
paymentMethod: any;
|
|
@@ -3732,6 +3745,7 @@ declare class WeChatPayElement extends QRLoaderContainer {
|
|
|
3732
3745
|
i18n?: Language;
|
|
3733
3746
|
label?: string;
|
|
3734
3747
|
paymentMethodType?: string;
|
|
3748
|
+
originalAction?: PaymentAction;
|
|
3735
3749
|
};
|
|
3736
3750
|
}
|
|
3737
3751
|
|
|
@@ -3800,6 +3814,7 @@ declare class PayNowElement extends QRLoaderContainer {
|
|
|
3800
3814
|
i18n?: Language;
|
|
3801
3815
|
label?: string;
|
|
3802
3816
|
paymentMethodType?: string;
|
|
3817
|
+
originalAction?: PaymentAction;
|
|
3803
3818
|
};
|
|
3804
3819
|
}
|
|
3805
3820
|
|
|
@@ -3869,6 +3884,7 @@ declare class BCMCMobileElement extends QRLoaderContainer {
|
|
|
3869
3884
|
i18n?: Language;
|
|
3870
3885
|
label?: string;
|
|
3871
3886
|
paymentMethodType?: string;
|
|
3887
|
+
originalAction?: PaymentAction;
|
|
3872
3888
|
};
|
|
3873
3889
|
}
|
|
3874
3890
|
|
|
@@ -3953,6 +3969,7 @@ declare class DragonpayElement extends UIElement<DragonpayConfiguraton> {
|
|
|
3953
3969
|
elementRef?: any;
|
|
3954
3970
|
label?: string;
|
|
3955
3971
|
paymentMethodType?: string;
|
|
3972
|
+
originalAction?: PaymentAction;
|
|
3956
3973
|
};
|
|
3957
3974
|
render(): h.JSX.Element;
|
|
3958
3975
|
}
|
|
@@ -4139,6 +4156,7 @@ declare class SwishElement extends QRLoaderContainer {
|
|
|
4139
4156
|
i18n?: Language;
|
|
4140
4157
|
label?: string;
|
|
4141
4158
|
paymentMethodType?: string;
|
|
4159
|
+
originalAction?: PaymentAction;
|
|
4142
4160
|
};
|
|
4143
4161
|
}
|
|
4144
4162
|
|
|
@@ -4153,7 +4171,6 @@ declare class AchElement extends UIElement<AchConfiguration> {
|
|
|
4153
4171
|
placeholders?: Placeholders;
|
|
4154
4172
|
data?: {
|
|
4155
4173
|
holderName?: string;
|
|
4156
|
-
billingAddress?: Partial<AddressData>;
|
|
4157
4174
|
};
|
|
4158
4175
|
order?: Order;
|
|
4159
4176
|
modules?: {
|
|
@@ -4205,13 +4222,13 @@ declare class AchElement extends UIElement<AchConfiguration> {
|
|
|
4205
4222
|
i18n?: Language;
|
|
4206
4223
|
label?: string;
|
|
4207
4224
|
paymentMethodType?: string;
|
|
4225
|
+
originalAction?: PaymentAction;
|
|
4208
4226
|
};
|
|
4209
4227
|
/**
|
|
4210
4228
|
* Formats the component data output
|
|
4211
4229
|
*/
|
|
4212
4230
|
formatData(): {
|
|
4213
4231
|
storePaymentMethod: any;
|
|
4214
|
-
billingAddress: any;
|
|
4215
4232
|
paymentMethod: any;
|
|
4216
4233
|
};
|
|
4217
4234
|
updateStyles(stylesObj: any): this;
|
|
@@ -4287,7 +4304,6 @@ declare class PixElement extends QRLoaderContainer<PixConfiguration> {
|
|
|
4287
4304
|
paymentData: any;
|
|
4288
4305
|
onError: () => void;
|
|
4289
4306
|
onComplete: () => void;
|
|
4290
|
-
onActionHandled: () => void;
|
|
4291
4307
|
personalDetailsRequired: boolean;
|
|
4292
4308
|
countdownTime: number;
|
|
4293
4309
|
delay: number;
|
|
@@ -4490,6 +4506,7 @@ declare class UPI extends UIElement<UPIConfiguration> {
|
|
|
4490
4506
|
i18n?: Language;
|
|
4491
4507
|
label?: string;
|
|
4492
4508
|
paymentMethodType?: string;
|
|
4509
|
+
originalAction?: PaymentAction;
|
|
4493
4510
|
};
|
|
4494
4511
|
get isValid(): boolean;
|
|
4495
4512
|
formatData(): UpiPaymentData;
|
|
@@ -4599,6 +4616,7 @@ declare class PromptPayElement extends QRLoaderContainer {
|
|
|
4599
4616
|
i18n?: Language;
|
|
4600
4617
|
label?: string;
|
|
4601
4618
|
paymentMethodType?: string;
|
|
4619
|
+
originalAction?: PaymentAction;
|
|
4602
4620
|
};
|
|
4603
4621
|
}
|
|
4604
4622
|
|
|
@@ -4667,6 +4685,7 @@ declare class DuitNowElement extends QRLoaderContainer {
|
|
|
4667
4685
|
i18n?: Language;
|
|
4668
4686
|
label?: string;
|
|
4669
4687
|
paymentMethodType?: string;
|
|
4688
|
+
originalAction?: PaymentAction;
|
|
4670
4689
|
};
|
|
4671
4690
|
}
|
|
4672
4691
|
|
|
@@ -4747,6 +4766,7 @@ declare class Riverty extends OpenInvoiceContainer {
|
|
|
4747
4766
|
i18n?: Language;
|
|
4748
4767
|
label?: string;
|
|
4749
4768
|
paymentMethodType?: string;
|
|
4769
|
+
originalAction?: PaymentAction;
|
|
4750
4770
|
};
|
|
4751
4771
|
formatProps(props: OpenInvoiceConfiguration): any;
|
|
4752
4772
|
}
|
|
@@ -5485,6 +5505,7 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
|
|
|
5485
5505
|
private makeAdditionalDetailsCall;
|
|
5486
5506
|
private submitAdditionalDetailsUsingSessionsFlow;
|
|
5487
5507
|
handleAction(action: PaymentAction, props?: {}): UIElement | null;
|
|
5508
|
+
protected onActionHandled(actionHandledObj: ActionHandledReturnObject): void;
|
|
5488
5509
|
protected handleOrder: (response: PaymentResponseData) => void;
|
|
5489
5510
|
/**
|
|
5490
5511
|
* Handles when the payment fails. The payment fails when:
|
|
@@ -5498,7 +5519,7 @@ declare abstract class UIElement<P extends UIElementProps = UIElementProps> exte
|
|
|
5498
5519
|
protected handleFailedResult: (result?: PaymentResponseData) => void;
|
|
5499
5520
|
protected handleSuccessResult: (result: PaymentResponseData) => void;
|
|
5500
5521
|
/**
|
|
5501
|
-
* Handles a
|
|
5522
|
+
* Handles a /payments or /payments/details response.
|
|
5502
5523
|
* The component will handle automatically actions, orders, and final results.
|
|
5503
5524
|
*
|
|
5504
5525
|
* @param rawResponse -
|
|
@@ -5856,10 +5877,21 @@ interface PaymentResponseData {
|
|
|
5856
5877
|
type RawPaymentResponse = PaymentResponseData & CheckoutAdvancedFlowResponse & {
|
|
5857
5878
|
[key: string]: any;
|
|
5858
5879
|
};
|
|
5859
|
-
|
|
5880
|
+
/**
|
|
5881
|
+
* onActionHandled is called for all actions:
|
|
5882
|
+
* - qrcode
|
|
5883
|
+
* - await
|
|
5884
|
+
* - threeds2
|
|
5885
|
+
* - redirect
|
|
5886
|
+
* - sdk
|
|
5887
|
+
* - voucher
|
|
5888
|
+
* - bankTransfer
|
|
5889
|
+
*/
|
|
5890
|
+
type ActionDescriptionType = 'qr-code-loaded' | 'polling-started' | '3DS2 fingerprint iframe loaded' | '3DS2 challenge iframe loaded' | 'performing-redirect' | 'voucher-presented' | 'sdk-loaded';
|
|
5860
5891
|
interface ActionHandledReturnObject {
|
|
5861
5892
|
componentType: string;
|
|
5862
5893
|
actionDescription: ActionDescriptionType;
|
|
5894
|
+
originalAction?: PaymentAction;
|
|
5863
5895
|
}
|
|
5864
5896
|
interface AnalyticsModule {
|
|
5865
5897
|
setUp: (a: AnalyticsInitialEvent) => Promise<any>;
|
|
@@ -5935,6 +5967,7 @@ declare class ThreeDS2Challenge extends UIElement<ThreeDS2ChallengeConfiguration
|
|
|
5935
5967
|
type: string;
|
|
5936
5968
|
};
|
|
5937
5969
|
protected submitAnalytics: (aObj: SendAnalyticsObject) => void;
|
|
5970
|
+
protected onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
|
|
5938
5971
|
onComplete(state: any): void;
|
|
5939
5972
|
render(): h.JSX.Element;
|
|
5940
5973
|
}
|
|
@@ -5947,6 +5980,7 @@ declare class ThreeDS2DeviceFingerprint extends UIElement<ThreeDS2DeviceFingerpr
|
|
|
5947
5980
|
};
|
|
5948
5981
|
private callSubmit3DS2Fingerprint;
|
|
5949
5982
|
protected submitAnalytics: (aObj: SendAnalyticsObject) => void;
|
|
5983
|
+
protected onActionHandled: (rtnObj: ActionHandledReturnObject) => void;
|
|
5950
5984
|
onComplete(state: any): void;
|
|
5951
5985
|
render(): h.JSX.Element;
|
|
5952
5986
|
}
|
|
@@ -6022,6 +6056,7 @@ declare class PayMeElement extends QRLoaderContainer {
|
|
|
6022
6056
|
i18n?: Language;
|
|
6023
6057
|
label?: string;
|
|
6024
6058
|
paymentMethodType?: string;
|
|
6059
|
+
originalAction?: PaymentAction;
|
|
6025
6060
|
};
|
|
6026
6061
|
}
|
|
6027
6062
|
|
|
@@ -6104,6 +6139,7 @@ declare class DropinElement extends UIElement<DropinConfiguration> implements ID
|
|
|
6104
6139
|
i18n?: Language;
|
|
6105
6140
|
label?: string;
|
|
6106
6141
|
paymentMethodType?: string;
|
|
6142
|
+
originalAction?: PaymentAction;
|
|
6107
6143
|
};
|
|
6108
6144
|
get isValid(): boolean;
|
|
6109
6145
|
showValidation(): this;
|
|
@@ -6266,4 +6302,4 @@ declare namespace AdyenCheckout {
|
|
|
6266
6302
|
var setBundleType: (type: string) => void;
|
|
6267
6303
|
}
|
|
6268
6304
|
|
|
6269
|
-
export { ANCVElement as ANCV, type ANCVConfiguration, type ANCVDataState, AchElement as Ach, type AchConfiguration, type ActionDescriptionType, type ActionHandledReturnObject, type AdditionalDetailsActions, type AdditionalDetailsData, AddressElement as Address, type AddressData, type AddressField, AdyenCheckout, AdyenCheckoutError, Affirm, AfterPay, AfterPayB2B, AmazonPayElement as AmazonPay, type AmazonPayBackendConfiguration, type AmazonPayButtonProps, type AmazonPayButtonSettings, type AmazonPayComponentProps, type AmazonPayConfiguration, type AmazonPayElementData, type AnalyticsModule, type App, ApplePayElement as ApplePay, type ApplePayButtonType, type ApplePayConfiguration, type ApplePayElementData, type ApplePayPaymentAuthorizationResult, type ApplePayPaymentOrderDetails, type ApplePaySessionRequest, Atome, type AwaitComponentProps, type AwaitConfiguration, BacsElement as BacsDirectDebit, BancontactElement as Bancontact, type BankDetailsSchema, BankTransferElement as BankTransfer, type BankTransferConfiguration, type BankTransferSchema, type BankTransferState, BCMCMobileElement as BcmcMobile, type BeforeSubmitActions, BillDeskOnlineElement as BillDeskOnline, BillDeskWalletElement as BillDeskWallet, type BinLookupResponse, type BinLookupResponseRaw, BlikElement as Blik, BoletoElement as Boleto, type BoletoElementProps, type BoletoInputDataState, type BoletoInputErrorState, type BoletoInputValidState, type BrandConfiguration, type BrandObject, type BrowserInfo, type CReqData, CardElement as Card, type CardBackendConfiguration, type CardBrandsConfiguration, type CardConfiguration, type CardElementData, CashAppPay, type CashAppPayConfiguration, type CashAppPayElementData, type CashAppPayEventData, type ChallengeData, type ChallengeResolveData, type ChangeActionOptions, type ChangePaymentDetailsButtonProps, type ChargeAmount, type CheckoutAdvancedFlowResponse, type CheckoutDetailsRequest, type CheckoutSessionConfig, ClickToPayElement as ClickToPay, type ClickToPayConfiguration, type ClickToPayPaymentData, type ClickToPayProps, type ClickToPayScheme, type ComponentFocusObject, type ComponentMethodsRef, type CoreConfiguration, type Currency, CustomCard, type CustomCardConfiguration, type DecodeObject, type DeliverySpecifications, DokuElement as Doku, type DokuVoucherResultProps, DonationElement as Donation, type DonationConfiguration, DotpayElement as Dotpay, DragonpayElement as Dragonpay, type DragonpayConfiguraton, type DragonpayInputData, type DragonpayInputIssuerItem, type DragonpayInputProps, type DragonpayVoucherResultProps, DropinElement as Dropin, type DropinComponentProps, type DropinComponentState, type DropinConfiguration, type DropinStatusProps, type DualBrandSelectElement, DuitNowElement as DuitNow, EPSElement as EPS, EcontextElement as Econtext, type EcontextConfiguration, type EcontextInputSchema, type EcontextVoucherResultProps, type ErrorCodeObject, type ExtendedMerchantInfo, FacilyPay10x as FacilPay10x, FacilyPay12x as FacilPay12x, FacilyPay3x as FacilPay3x, FacilyPay4x as FacilPay4x, FacilyPay6x as FacilPay6x, type FieldsetVisibility, type FingerPrintData, type FingerprintResolveData, type FundingSource, type GiftCardConfiguration, type GiftCardElementData, GiftcardElement as Giftcard, GiropayElement as Giropay, GooglePay, type GooglePayConfiguration, type GooglePaymentDataRequest, type ICore, type IDropin, type InstantPaymentTypes, type Intent, type IssuerListConfiguration, type IssuerListData, type KlarnConfiguration, KlarnaPayments as Klarna, type KlarnaSdkData, type KlarnaWidgetAuthorizeResponse, type KlarnaWidgetProps, type LedgerCurrencies, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, type MultibancoVoucherResultProps, type OnChangeData, OnlineBankingCZElement as OnlineBankingCZ, OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, type OpenInvoiceActiveFieldsets, type OpenInvoiceConfiguration, type OpenInvoiceFieldsetsRefs, type OpenInvoiceProps, type OpenInvoiceStateData, type OpenInvoiceStateError, type OpenInvoiceStateValid, type OpenInvoiceVisibility, type Order, type OrderButtonProps, type OrderStatus, OxxoElement as Oxxo, type OxxoVoucherResultProps, type PayButtonFunctionProps, PayByBank, PayByBankUS, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, type PayPalConfiguration, type PayloadJSON, type PaymentAction, type PaymentActionsType, type PaymentAmount, type PaymentAmountExtended, type PaymentCompletedData, type PaymentData, type PaymentFailedData, type PaymentMethod, type PaymentMethodData, type PaymentMethodGroup, type PaymentMethodOptions, type PaymentMethods$1 as PaymentMethods, type PaymentMethodsConfiguration, type PaymentMethodsRequestData, type PaymentMethodsResponse, type PaymentResponseData, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, type PersonalDetailsSchema, PixElement as Pix, type PixConfiguration, type PixElementData, type PostMsgParseErrorObject, type ProcessedResponse, PromptPayElement as PromptPay, type QRLoaderConfiguration, RatePay, RatePayDirectDebit, type RawPaymentResponse, type RecurringMetadata, RedirectElement as Redirect, type RedirectConfiguration, type Region, type ResultCode, type ResultObject, type ResultValue, Riverty, type SepaConfiguration, SepaElement as SepaDirectDebit, type SepaElementData, type SessionsResponse, type SignOutButtonProps, type SocialSecurityMode, type StatusObject, type StoredPaymentMethod, type SubmitActions, type SubmitData, type SupportedLocale, SwishElement as Swish, ThreeDS2Challenge, type ThreeDS2ChallengeConfiguration, ThreeDS2DeviceFingerprint, type ThreeDS2DeviceFingerprintConfiguration, type ThreeDS2FingerprintResponse, type ThreeDS2FlowObject, type ThreeDS2Token, TrustlyElement as Trustly, TwintElement as Twint, UIElement, type UIElementProps, type UIElementStatus, UPI, type UPIConfiguration, type UpdateAmazonCheckoutSessionRequest, type UpiMode, type UpiPaymentData, type UpiType, type ValidationError, VippsElement as Vipps, type VoucherConfiguration, type VoucherDetail, type VoucherProps, WalletINElement as WalletIN, WeChatPayElement as WeChat, type balanceCheckResponseType, index_d as components, type onBalanceCheckCallbackType, type onOrderCancelData, type onOrderCancelType, type onOrderRequestCallbackType, type onRequiringConfirmationCallbackType };
|
|
6305
|
+
export { ANCVElement as ANCV, type ANCVConfiguration, type ANCVDataState, AchElement as Ach, type AchConfiguration, type ActionDescriptionType, type ActionHandledReturnObject, type AdditionalDetailsActions, type AdditionalDetailsData, AddressElement as Address, type AddressData, type AddressField, AdyenCheckout, AdyenCheckoutError, Affirm, AfterPay, AfterPayB2B, AmazonPayElement as AmazonPay, type AmazonPayBackendConfiguration, type AmazonPayButtonProps, type AmazonPayButtonSettings, type AmazonPayComponentProps, type AmazonPayConfiguration, type AmazonPayElementData, type AnalyticsModule, type App, ApplePayElement as ApplePay, type ApplePayButtonType, type ApplePayConfiguration, type ApplePayElementData, type ApplePayPaymentAuthorizationResult, type ApplePayPaymentOrderDetails, type ApplePaySessionRequest, Atome, type AwaitComponentProps, type AwaitConfiguration, BacsElement as BacsDirectDebit, BancontactElement as Bancontact, type BankDetailsSchema, BankTransferElement as BankTransfer, type BankTransferConfiguration, type BankTransferSchema, type BankTransferState, BCMCMobileElement as BcmcMobile, type BeforeSubmitActions, BillDeskOnlineElement as BillDeskOnline, BillDeskWalletElement as BillDeskWallet, type BinLookupResponse, type BinLookupResponseRaw, BlikElement as Blik, BoletoElement as Boleto, type BoletoElementProps, type BoletoInputDataState, type BoletoInputErrorState, type BoletoInputValidState, type BrandConfiguration, type BrandObject, type BrowserInfo, type CReqData, CardElement as Card, type CardBackendConfiguration, type CardBrandsConfiguration, type CardConfiguration, type CardElementData, CashAppPay, type CashAppPayConfiguration, type CashAppPayElementData, type CashAppPayEventData, type ChallengeData, type ChallengeResolveData, type ChangeActionOptions, type ChangePaymentDetailsButtonProps, type ChargeAmount, type CheckoutAdvancedFlowResponse, type CheckoutDetailsRequest, type CheckoutSessionConfig, ClickToPayElement as ClickToPay, type ClickToPayConfiguration, type ClickToPayPaymentData, type ClickToPayProps, type ClickToPayScheme, type CommonVoucherProps, type ComponentFocusObject, type ComponentMethodsRef, type CoreConfiguration, type Currency, CustomCard, type CustomCardConfiguration, type CustomTranslations, type DecodeObject, type DeliverySpecifications, DokuElement as Doku, type DokuVoucherResultProps, DonationElement as Donation, type DonationConfiguration, DotpayElement as Dotpay, DragonpayElement as Dragonpay, type DragonpayConfiguraton, type DragonpayInputData, type DragonpayInputIssuerItem, type DragonpayInputProps, type DragonpayVoucherResultProps, DropinElement as Dropin, type DropinComponentProps, type DropinComponentState, type DropinConfiguration, type DropinStatusProps, type DualBrandSelectElement, DuitNowElement as DuitNow, EPSElement as EPS, EcontextElement as Econtext, type EcontextConfiguration, type EcontextInputSchema, type EcontextVoucherResultProps, type ErrorCodeObject, type ExtendedMerchantInfo, FacilyPay10x as FacilPay10x, FacilyPay12x as FacilPay12x, FacilyPay3x as FacilPay3x, FacilyPay4x as FacilPay4x, FacilyPay6x as FacilPay6x, type FieldsetVisibility, type FingerPrintData, type FingerprintResolveData, type FundingSource, type GiftCardConfiguration, type GiftCardElementData, GiftcardElement as Giftcard, GiropayElement as Giropay, GooglePay, type GooglePayConfiguration, type GooglePaymentDataRequest, type ICore, type IDropin, type InstantPaymentTypes, type Intent, type IssuerListConfiguration, type IssuerListData, type KlarnConfiguration, KlarnaPayments as Klarna, type KlarnaSdkData, type KlarnaWidgetAuthorizeResponse, type KlarnaWidgetProps, type LedgerCurrencies, MBWayElement as MBWay, MealVoucherFRElement as MealVoucherFR, MolPayEBankingMYElement as MolPayEBankingMY, MolPayEBankingTHElement as MolPayEBankingTH, MolPayEbankingVNElement as MolPayEBankingVN, MultibancoElement as Multibanco, type MultibancoVoucherResultProps, type OnChangeData, OnlineBankingCZElement as OnlineBankingCZ, OnlineBankingFI, OnlineBankingINElement as OnlineBankingIN, OnlineBankingPL, OnlineBankingSKElement as OnlineBankingSK, type OpenInvoiceActiveFieldsets, type OpenInvoiceConfiguration, type OpenInvoiceFieldsetsRefs, type OpenInvoiceProps, type OpenInvoiceStateData, type OpenInvoiceStateError, type OpenInvoiceStateValid, type OpenInvoiceVisibility, type Order, type OrderButtonProps, type OrderStatus, OxxoElement as Oxxo, type OxxoVoucherResultProps, type PayButtonFunctionProps, PayByBank, PayByBankUS, PayMeElement as PayMe, PayNowElement as PayNow, PaypalElement as PayPal, type PayPalConfiguration, type PayloadJSON, type PaymentAction, type PaymentActionsType, type PaymentAmount, type PaymentAmountExtended, type PaymentCompletedData, type PaymentData, type PaymentFailedData, type PaymentMethod, type PaymentMethodData, type PaymentMethodGroup, type PaymentMethodOptions, type PaymentMethods$1 as PaymentMethods, type PaymentMethodsConfiguration, type PaymentMethodsRequestData, type PaymentMethodsResponse, type PaymentResponseData, PayuNetCashcardElement as PayuCashcard, PayuNetBankingElement as PayuNetBanking, PersonalDetailsElement as PersonalDetails, type PersonalDetailsSchema, PixElement as Pix, type PixConfiguration, type PixElementData, type PostMsgParseErrorObject, type ProcessedResponse, PromptPayElement as PromptPay, type QRLoaderConfiguration, RatePay, RatePayDirectDebit, type RawPaymentResponse, type RecurringMetadata, RedirectElement as Redirect, type RedirectConfiguration, type Region, type ResultCode, type ResultObject, type ResultValue, Riverty, type SepaConfiguration, SepaElement as SepaDirectDebit, type SepaElementData, type SessionsResponse, type SignOutButtonProps, type SocialSecurityMode, type StatusObject, type StoredPaymentMethod, type SubmitActions, type SubmitData, type SupportedLocale, SwishElement as Swish, ThreeDS2Challenge, type ThreeDS2ChallengeConfiguration, ThreeDS2DeviceFingerprint, type ThreeDS2DeviceFingerprintConfiguration, type ThreeDS2FingerprintResponse, type ThreeDS2FlowObject, type ThreeDS2Token, TrustlyElement as Trustly, TwintElement as Twint, UIElement, type UIElementProps, type UIElementStatus, UPI, type UPIConfiguration, type UpdateAmazonCheckoutSessionRequest, type UpiMode, type UpiPaymentData, type UpiType, type ValidationError, VippsElement as Vipps, type VoucherConfiguration, type VoucherDetail, type VoucherProps, WalletINElement as WalletIN, WeChatPayElement as WeChat, type balanceCheckResponseType, index_d as components, type onBalanceCheckCallbackType, type onOrderCancelData, type onOrderCancelType, type onOrderRequestCallbackType, type onRequiringConfirmationCallbackType };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{hasOwnProperty as e}from"./hasOwnProperty.js";const t=(t,a,r,n)=>r=>{const o={};if((r.origin||r.originalEvent
|
|
1
|
+
import{hasOwnProperty as e}from"./hasOwnProperty.js";const t=(t,a,r,n)=>r=>{const o={};if((r.origin||r.originalEvent?.origin)!==t)return"Message was not sent from the expected domain";if("string"!=typeof r.data)return"Event data was not of type string";if(!r.data.length)return"Invalid event data string";try{const t=JSON.parse(r.data);if(!e(t,"type")||t.type!==n)return"Event data was not of expected type";a(t)}catch(e){return o.type=`${n}-JSON-parse-error`,o.comment="failed to JSON parse event.data",o.extraInfo=`event.data = ${r.data}`,o.eventDataRaw=r.data,console.debug("get-process-message-handler::CATCH::Un-parseable JSON:: parseErrorObj=",o),!1}return!0};export{t as default};
|
|
2
2
|
//# sourceMappingURL=get-process-message-handler.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-process-message-handler.js","sources":["../../../src/utils/get-process-message-handler.ts"],"sourcesContent":["/**\n * Centralised window.postMessage processing function used in 3DS2 components and also by the deviceFingerprinting process\n * NOTE: this latter use case means that while the deviceFingerprinting is still completing this component is also listening to\n * securedFields related postMessaging\n *\n * @param domain - expected domain for the postMesssage to have originated from\n * @param resolve - the resolve function from the Promise that called this function\n * @param reject - the reject function from the Promise that called this function\n * @param parseErrorObj - an error object to log in the case of unparseable data (albeit from a valid origin)\n * @param expectedType - string to check that the passed data has the expected type\n */\nimport { hasOwnProperty } from './hasOwnProperty';\nimport { PostMsgParseErrorObject } from '../components/ThreeDS2/types';\n\nconst getProcessMessageHandler =\n (domain: string, resolve: Function, reject: Function, expectedType: string): Function =>\n event => {\n const parseErrorObj: PostMsgParseErrorObject = {};\n const origin = event.origin || event.originalEvent
|
|
1
|
+
{"version":3,"file":"get-process-message-handler.js","sources":["../../../src/utils/get-process-message-handler.ts"],"sourcesContent":["/**\n * Centralised window.postMessage processing function used in 3DS2 components and also by the deviceFingerprinting process\n * NOTE: this latter use case means that while the deviceFingerprinting is still completing this component is also listening to\n * securedFields related postMessaging\n *\n * @param domain - expected domain for the postMesssage to have originated from\n * @param resolve - the resolve function from the Promise that called this function\n * @param reject - the reject function from the Promise that called this function\n * @param parseErrorObj - an error object to log in the case of unparseable data (albeit from a valid origin)\n * @param expectedType - string to check that the passed data has the expected type\n */\nimport { hasOwnProperty } from './hasOwnProperty';\nimport { PostMsgParseErrorObject } from '../components/ThreeDS2/types';\n\nconst getProcessMessageHandler =\n (domain: string, resolve: Function, reject: Function, expectedType: string): Function =>\n event => {\n const parseErrorObj: PostMsgParseErrorObject = {};\n const origin = event.origin || event.originalEvent?.origin;\n\n if (origin !== domain) {\n return 'Message was not sent from the expected domain';\n }\n\n if (typeof event.data !== 'string') {\n return 'Event data was not of type string';\n }\n\n if (!event.data.length) {\n return 'Invalid event data string';\n }\n\n // Try to parse the data\n try {\n const feedbackObj = JSON.parse(event.data);\n if (hasOwnProperty(feedbackObj, 'type') && feedbackObj.type === expectedType) {\n resolve(feedbackObj);\n } else {\n // Silent fail - applies when RiskModule device fingerprinting is ongoing and this handler is picking up securedFields traffic\n return 'Event data was not of expected type';\n }\n } catch (e) {\n parseErrorObj.type = `${expectedType}-JSON-parse-error`;\n parseErrorObj.comment = 'failed to JSON parse event.data';\n parseErrorObj.extraInfo = `event.data = ${event.data}`;\n parseErrorObj.eventDataRaw = event.data;\n\n // TODO - decide whether to console.log/debug/error &/or call the merchant defined onError callback\n console.debug('get-process-message-handler::CATCH::Un-parseable JSON:: parseErrorObj=', parseErrorObj);\n\n return false;\n }\n\n return true;\n };\n\nexport default getProcessMessageHandler;\n"],"names":["getProcessMessageHandler","domain","resolve","reject","expectedType","event","parseErrorObj","origin","originalEvent","data","length","feedbackObj","JSON","parse","hasOwnProperty","type","e","comment","extraInfo","eventDataRaw","console","debug"],"mappings":"qDAcA,MAAMA,EACF,CAACC,EAAgBC,EAAmBC,EAAkBC,IACtDC,IACI,MAAMC,EAAyC,CAAA,EAG/C,IAFeD,EAAME,QAAUF,EAAMG,eAAeD,UAErCN,EACX,MAAO,gDAGX,GAA0B,iBAAfI,EAAMI,KACb,MAAO,oCAGX,IAAKJ,EAAMI,KAAKC,OACZ,MAAO,4BAIX,IACI,MAAMC,EAAcC,KAAKC,MAAMR,EAAMI,MACrC,IAAIK,EAAeH,EAAa,SAAWA,EAAYI,OAASX,EAI5D,MAAO,sCAHPF,EAAQS,EAKhB,CAAE,MAAOK,GASL,OARAV,EAAcS,KAAO,GAAGX,qBACxBE,EAAcW,QAAU,kCACxBX,EAAcY,UAAY,gBAAgBb,EAAMI,OAChDH,EAAca,aAAed,EAAMI,KAGnCW,QAAQC,MAAM,yEAA0Ef,IAEjF,CACX,CAEA,OAAO,CAAA"}
|
package/dist/es-legacy/adyen.css
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
.adyen-checkout-card-input__wrapper{position:relative}.adyen-checkout-card-input__icon{border-radius:var(--adyen-sdk-border-radius-s,4px);height:18px;margin-right:var(--adyen-sdk-spacer-060,12px);width:27px}.adyen-checkout-card-input__form{opacity:1}.adyen-checkout-card-input__spinner{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.adyen-checkout-card-input__spinner--active{display:block}.adyen-checkout-card-input__form--loading{opacity:0}.adyen-checkout__input{display:block;max-height:100px}.adyen-checkout__field.adyen-checkout__card__cvc__input--hidden,.adyen-checkout__field.adyen-checkout__card__exp-date__input--hidden{display:none}.adyen-checkout__card__exp-cvc__exp-date__input--hidden{justify-content:flex-end}.revolving-plan-installments__disabled{opacity:.4;pointer-events:none}.adyen-checkout__card-input__form{transition:opacity .25s ease-out}.adyen-checkout__card__cardNumber{max-width:400px}.adyen-checkout__card__cardNumber__input{padding-left:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__card__exp-date__input--oneclick{font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-title-line-height,26px);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__card__holderName,.adyen-checkout__field--expiryDate,.adyen-checkout__field--storedCard{margin-bottom:0}.adyen-checkout__store-details{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;gap:var(--adyen-sdk-spacer-060,12px);padding:var(--adyen-sdk-spacer-060,12px) var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__card-input .adyen-checkout__fieldset--billingAddress,.adyen-checkout__card__holderName,.adyen-checkout__card__kcp-authentication,.adyen-checkout__card__socialSecurityNumber,.adyen-checkout__installments,.adyen-checkout__store-details{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__card-input.adyen-checkout__card-input--loading{pointer-events:none}.adyen-checkout__card__holderName:first-child{margin:0 0 var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__field--cardNumber .adyen-checkout__input--error+.adyen-checkout__card__cardNumber__brandIcon,.adyen-checkout__field--cardNumber .adyen-checkout__input--valid:not(.adyen-checkout__card__cardNumber__input--noBrand)+.adyen-checkout-input__inline-validation--valid{display:none}.adyen-checkout__field--securityCode.adyen-checkout__field--error .adyen-checkout__card__cvc__hint,.adyen-checkout__field--securityCode.adyen-checkout__field--valid .adyen-checkout__card__cvc__hint{opacity:0}@keyframes cvc-indicate-location{0%{opacity:1}to{opacity:.3}}.adyen-checkout__label--focused .adyen-checkout__field__cvc--back-hint .adyen-checkout__card__cvc__hint--back .adyen-checkout__card__cvc__hint__location,.adyen-checkout__label--focused .adyen-checkout__field__cvc--front-hint .adyen-checkout__card__cvc__hint--front .adyen-checkout__card__cvc__hint__location{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:cvc-indicate-location}.adyen-checkout__card__cvc__hint__wrapper{align-items:center;backface-visibility:visible;display:flex;height:100%;margin-right:var(--adyen-sdk-spacer-060,12px);position:absolute;right:0;transform:translateZ(0);transform-origin:center;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.455,.03,.515,.955);width:27px;will-change:transform}.adyen-checkout__field__cvc--front-hint.adyen-checkout__card__cvc__hint__wrapper{transform:rotateY(180deg)}.adyen-checkout__card__cvc__hint{backface-visibility:hidden;position:absolute;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper{align-items:center;display:flex;margin-right:var(--adyen-sdk-spacer-060,12px);position:absolute;right:0;transition:opacity .1s linear}.adyen-checkout__field__exp-date_hint_wrapper.adyen-checkout__field__exp-date_hint_wrapper--hidden{opacity:0}.adyen-checkout__field__exp-date_hint{height:18px;width:27px}.adyen-checkout__card__cvc__hint--front{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.adyen-checkout__card__cvc__hint__wrapper{transition:none}}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__fieldset__fields{justify-content:left}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group{display:flex;flex-direction:column}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__radio_group__input-wrapper{margin-top:var(--adyen-sdk-spacer-080,20px)}.adyen-checkout__fieldset--revolving-plan .adyen-checkout__field--revolving-plan-installments{margin-left:var(--adyen-sdk-spacer-070,16px);position:relative;top:52px;width:30%}
|
|
3
3
|
.adyen-checkout__spinner__wrapper{align-items:center;display:flex;height:100%;justify-content:center}.adyen-checkout__spinner__wrapper--inline{display:inline-block;height:auto;margin-right:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__spinner__wrapper--inline{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout__spinner{height:var(--adyen-sdk-spacer-090,24px);position:relative;width:var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__spinner:after,.adyen-checkout__spinner:before{animation:rotate 1s cubic-bezier(.785,.135,.15,.86) infinite;border:var(--adyen-sdk-border-width-l,3px) solid transparent;border-radius:50%;box-sizing:border-box;content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.adyen-checkout__spinner:before{border-color:var(--adyen-sdk-color-background-inverse-primary,#00112c);border-top-color:transparent;opacity:.1}.adyen-checkout__spinner:after{border-color:transparent;border-top-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__spinner--small{height:var(--adyen-sdk-spacer-070,16px);width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__spinner--small:after,.adyen-checkout__spinner--small:before{border-width:var(--adyen-sdk-spacer-010,2px)}.adyen-checkout__spinner--medium{height:28px;width:28px}.adyen-checkout__spinner--large{height:var(--adyen-sdk-spacer-120,48px);width:var(--adyen-sdk-spacer-120,48px)}.adyen-checkout__spinner--large:after,.adyen-checkout__spinner--large:before{border-width:var(--adyen-sdk-spacer-020,4px)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
4
4
|
.loading-input__form{opacity:1}.loading-input__form--loading{opacity:0}.loading-input__spinner{display:none;height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.loading-input__spinner--active{display:block}
|
|
5
|
-
.adyen-checkout__field{display:block;margin-bottom:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__input-wrapper{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;position:relative}.adyen-checkout__input-wrapper div,.adyen-checkout__input-wrapper input,.adyen-checkout__input-wrapper span{border-radius:inherit}.adyen-checkout__input-wrapper button,.adyen-checkout__input-wrapper div,.adyen-checkout__input-wrapper input{border:none}.adyen-checkout__input-wrapper:active,.adyen-checkout__input-wrapper:active:hover,.adyen-checkout__input-wrapper:focus-within,.adyen-checkout__input-wrapper:focus-within:hover{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__input-wrapper:hover{border-color:var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__field--inactive>.adyen-checkout__input-wrapper{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent}.adyen-checkout__field--error>:not(.adyen-checkout__label--focused)+.adyen-checkout__input-wrapper:not(:focus-within,:active){border-color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__label{display:block;position:relative}.adyen-checkout__label--focused+.adyen-checkout__input-wrapper{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__label--disabled+.adyen-checkout__input-wrapper{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent}.adyen-checkout__helper-text{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout__label-adornment--end{position:absolute;right:0;top:0}.adyen-checkout__label__text{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);margin-bottom:var(--adyen-sdk-spacer-020,4px);overflow:hidden;text-overflow:ellipsis;transition:color .1s ease-out;white-space:nowrap}.adyen-checkout__label__text--error{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout__label--focused .adyen-checkout__label__text{color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout-contextual-text,.adyen-checkout-contextual-text--error{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-top:var(--adyen-sdk-spacer-020,4px);opacity:1;transition:margin .2s ease-out,opacity .2s ease-out}.adyen-checkout-contextual-text--error{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout-contextual-text--hidden{height:0;margin:0;opacity:0}
|
|
5
|
+
.adyen-checkout__field{display:block;margin-bottom:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:active,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:focus-within:hover{border:none;box-shadow:none}.adyen-checkout__field--no-borders .adyen-checkout__input-wrapper:hover{border:none;box-shadow:none}.adyen-checkout__input-wrapper{align-items:center;background:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);display:flex;position:relative}.adyen-checkout__input-wrapper div,.adyen-checkout__input-wrapper input,.adyen-checkout__input-wrapper span{border-radius:inherit}.adyen-checkout__input-wrapper button,.adyen-checkout__input-wrapper div,.adyen-checkout__input-wrapper input{border:none}.adyen-checkout__input-wrapper:active,.adyen-checkout__input-wrapper:active:hover,.adyen-checkout__input-wrapper:focus-within,.adyen-checkout__input-wrapper:focus-within:hover{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__input-wrapper:hover{border-color:var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__field--inactive>.adyen-checkout__input-wrapper{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent}.adyen-checkout__field--error>:not(.adyen-checkout__label--focused)+.adyen-checkout__input-wrapper:not(:focus-within,:active){border-color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__label{display:block;position:relative}.adyen-checkout__label--focused+.adyen-checkout__input-wrapper{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__label--disabled+.adyen-checkout__input-wrapper{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent}.adyen-checkout__helper-text{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-bottom:var(--adyen-sdk-spacer-020,4px)}.adyen-checkout__label-adornment--end{position:absolute;right:0;top:0}.adyen-checkout__label__text{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-body-line-height,20px);margin-bottom:var(--adyen-sdk-spacer-020,4px);overflow:hidden;text-overflow:ellipsis;transition:color .1s ease-out;white-space:nowrap}.adyen-checkout__label__text--error{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout__label--focused .adyen-checkout__label__text{color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout-contextual-text,.adyen-checkout-contextual-text--error{align-items:center;color:var(--adyen-sdk-color-label-primary,#00112c);display:flex;font-size:var(--adyen-sdk-text-caption-font-size,12px);font-weight:var(--adyen-sdk-text-body-font-weight,400);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin-top:var(--adyen-sdk-spacer-020,4px);opacity:1;transition:margin .2s ease-out,opacity .2s ease-out}.adyen-checkout-contextual-text--error{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout-contextual-text--hidden{height:0;margin:0;opacity:0}
|
|
6
6
|
.adyen-checkout__filter-input:-webkit-autofill,.adyen-checkout__input:-webkit-autofill{color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-text-fill-color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-background-clip:text!important;background-clip:text!important;background-color:var(--adyen-sdk-color-label-primary,#00112c)!important;box-shadow:0 0 0 1000px var(--adyen-sdk-color-background-primary,#ffffff) inset!important;-webkit-transition:none!important;transition:none!important}.adyen-checkout__filter-input:-webkit-autofill,.adyen-checkout__filter-input:-webkit-autofill:active,.adyen-checkout__filter-input:-webkit-autofill:focus,.adyen-checkout__filter-input:-webkit-autofill:hover,.adyen-checkout__filter-input:autofill,.adyen-checkout__input:-webkit-autofill,.adyen-checkout__input:-webkit-autofill:active,.adyen-checkout__input:-webkit-autofill:focus,.adyen-checkout__input:-webkit-autofill:hover,.adyen-checkout__input:autofill{color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-text-fill-color:var(--adyen-sdk-color-label-primary,#00112c)!important;-webkit-background-clip:text!important;background-clip:text!important;background-color:var(--adyen-sdk-color-label-primary,#00112c)!important;box-shadow:0 0 0 1000px var(--adyen-sdk-color-background-primary,#ffffff) inset!important;-webkit-transition:none!important;transition:none!important}.adyen-checkout__filter-input,.adyen-checkout__input{-webkit-background-clip:text!important;background-clip:text!important;color:var(--adyen-sdk-color-label-primary,#00112c)!important}.adyen-checkout__field-wrapper{display:flex;width:100%}@media (min-width:480px){.adyen-checkout__field--20{width:20%}.adyen-checkout__field--30{width:30%}.adyen-checkout__field--40{width:40%}.adyen-checkout__field--50{width:50%}.adyen-checkout__field--60{width:60%}.adyen-checkout__field--70{width:70%}.adyen-checkout__field--80{width:80%}.adyen-checkout__field--col-70{width:calc(70% - var(--adyen-sdk-spacer-040, 8px))}.adyen-checkout__field--col-30{width:calc(30% - var(--adyen-sdk-spacer-040, 8px))}.adyen-checkout__field--col-50{width:calc(50% - var(--adyen-sdk-spacer-040, 8px))}}.adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-right:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:first-child{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:0}.adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__field-wrapper>.adyen-checkout__field:nth-child(2){margin-left:0;margin-right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__field-wrapper:last-of-type>.adyen-checkout__field{margin-bottom:0}.adyen-checkout__input{background:inherit;color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-family:inherit;font-size:var(--adyen-sdk-text-subtitle-font-size,16px);height:var(--adyen-sdk-spacer-110,40px);outline:none;padding-left:var(--adyen-sdk-spacer-060,12px);transition:border .2s ease-out,box-shadow .2s ease-out;width:100%}.adyen-checkout__input:required{box-shadow:none}.adyen-checkout__input:-moz-read-only{color:var(--adyen-sdk-color-label-secondary,#5c687c)!important;cursor:default}.adyen-checkout__input:disabled,.adyen-checkout__input:read-only{color:var(--adyen-sdk-color-label-secondary,#5c687c)!important;cursor:default}span.adyen-checkout__input{overflow:hidden}.adyen-checkout-input__inline-validation{height:var(--adyen-sdk-spacer-070,16px);margin-right:var(--adyen-sdk-spacer-060,12px);width:var(--adyen-sdk-spacer-070,16px)}[dir=rtl] .adyen-checkout-input__inline-validation{margin-left:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout-input__inline-validation--valid{color:var(--adyen-sdk-color-label-success,#07893c)}.adyen-checkout-input__inline-validation--invalid{color:var(--adyen-sdk-color-label-critical,#e22d2d)}.adyen-checkout__input--date{padding:.5em}
|
|
7
7
|
.adyen-checkout__fieldset{border:none;display:block;margin-inline-end:0;margin-inline-start:0;margin:0;padding-block-start:0;padding-bottom:var(--adyen-sdk-spacer-040,8px);padding-block-end:0;padding-inline-end:0;padding-inline-start:0;width:100%}.adyen-checkout__fieldset:last-of-type{padding-bottom:0}.adyen-checkout__fieldset+.adyen-checkout__fieldset{margin-top:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__fieldset__title{color:var(--adyen-sdk-color-label-primary,#00112c);display:block;font-size:var(--adyen-sdk-text-subtitle-font-size,16px);font-weight:var(--adyen-sdk-text-subtitle-stronger-font-weight,600);font-weight:var(--adyen-sdk-text-subtitle-font-weight,500);line-height:var(--adyen-sdk-text-subtitle-line-height,26px);margin:0;padding:0 0 var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__field-group,.adyen-checkout__fieldset__fields{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}@media (min-width:480px){.adyen-checkout__field-group:last-of-type .adyen-checkout__field{margin-bottom:0}}.adyen-checkout__field-group:last-of-type .adyen-checkout__field:last-of-type,:not(.adyen-checkout__field-group)>.adyen-checkout__field:last-of-type{margin-bottom:0}.adyen-checkout__fieldset--readonly .adyen-checkout__fieldset__fields{color:var(--adyen-sdk-color-label-primary,#00112c);font-size:var(--adyen-sdk-text-body-font-size,14px);line-height:var(--adyen-sdk-text-caption-line-height,18px);margin:0}
|
|
8
|
-
.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation{display:none}.adyen-checkout__radio_group__input{opacity:0;position:absolute}.adyen-checkout__radio_group__label{color:inherit;display:block;font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:400;line-height:var(--adyen-sdk-text-body-line-height,20px);margin:0;overflow:visible;padding-bottom:0;padding-left:var(--adyen-sdk-spacer-090,24px);position:relative}.adyen-checkout__label--focused .adyen-checkout__radio_group__label{color:inherit}.adyen-checkout__radio_group__label:before{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-tertiary,#8d95a3);border-radius:50%;content:"";height:var(--adyen-sdk-spacer-070,16px);left:0;position:absolute;top:var(--adyen-sdk-spacer-010,2px);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__radio_group__label:hover:before{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);cursor:pointer}.adyen-checkout__radio_group__label:after{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:50%;box-shadow:0 1px 1px rgba(0,15,45,.25);content:"";display:block;height:var(--adyen-sdk-spacer-030,6px);left:5px;margin:0 auto;position:absolute;top:7px;transform:scale(0);transition:transform .2s ease-out;width:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__radio_group__label:hover{border-color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__label--selected{background-color:var(--adyen-sdk-color-label-primary,#00112c);border:0;transition:all .2s ease-out}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after{transform:scale(1)}.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{border-color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:hover:before,.adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before{border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-critical,#e22d2d)}
|
|
8
|
+
.adyen-checkout__radio_group+.adyen-checkout-input__inline-validation{display:none}.adyen-checkout__radio_group__input{opacity:0;position:absolute}.adyen-checkout__radio_group__label{color:inherit;display:block;font-size:var(--adyen-sdk-text-body-font-size,14px);font-weight:400;line-height:var(--adyen-sdk-text-body-line-height,20px);margin:0;overflow:visible;padding-bottom:0;padding-left:var(--adyen-sdk-spacer-090,24px);position:relative}.adyen-checkout__label--focused .adyen-checkout__radio_group__label{color:inherit}.adyen-checkout__radio_group__label:before{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-tertiary,#8d95a3);border-radius:50%;content:"";height:var(--adyen-sdk-spacer-070,16px);left:0;position:absolute;top:var(--adyen-sdk-spacer-010,2px);transition:border-color .2s ease-out,box-shadow .2s ease-out;width:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__radio_group__label:hover:before{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-primary-hover,#c9cdd3);cursor:pointer}.adyen-checkout__radio_group__label:after{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:50%;box-shadow:0 1px 1px rgba(0,15,45,.25);content:"";display:block;height:var(--adyen-sdk-spacer-030,6px);left:5px;margin:0 auto;position:absolute;top:7px;transform:scale(0);transition:transform .2s ease-out;width:var(--adyen-sdk-spacer-030,6px)}.adyen-checkout__radio_group__label:hover{border-color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__label--selected{background-color:var(--adyen-sdk-color-label-primary,#00112c);border:0;transition:all .2s ease-out}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:after{transform:scale(1)}.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{border-color:var(--adyen-sdk-color-label-primary,#00112c)}.adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label:hover:before,.adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label:before,.adyen-checkout__radio_group__input:focus+.adyen-checkout__radio_group__label:before{box-shadow:0 0 0 var(--adyen-sdk-spacer-010,2px) var(--adyen-sdk-color-outline-tertiary,#8d95a3)}.adyen-checkout__radio_group__label.adyen-checkout__radio_group__label--invalid:before{border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__radio_group--button{align-items:flex-start;align-self:stretch;display:flex;flex-wrap:wrap;gap:var(--adyen-sdk-spacer-070,16px);width:100%}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input-wrapper{display:flex;flex:1 0 0}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label:after{left:calc(var(--adyen-sdk-spacer-060, 12px) + 5px);position:absolute;top:calc(50% - var(--adyen-sdk-spacer-030, 6px)/2)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label:before{left:calc(var(--adyen-sdk-spacer-060, 12px));position:absolute;top:calc(50% - var(--adyen-sdk-spacer-070, 16px)/2)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__label{background-color:var(--adyen-sdk-color-background-primary,#ffffff);border:var(--adyen-sdk-border-width-s,1px) solid var(--adyen-sdk-color-outline-primary,#dbdee2);border-radius:var(--adyen-sdk-border-radius-m,8px);padding:var(--adyen-sdk-spacer-060,12px);padding-left:calc(var(--adyen-sdk-spacer-060, 12px) + var(--adyen-sdk-spacer-090, 24px));width:100%}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input+.adyen-checkout__radio_group__label:hover,.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked+.adyen-checkout__radio_group__label{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c)}.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:active+.adyen-checkout__radio_group__label,.adyen-checkout__radio_group--button .adyen-checkout__radio_group__input:checked:focus+.adyen-checkout__radio_group__label{border-color:var(--adyen-sdk-color-outline-primary-active,#00112c);box-shadow:0 0 0 .5px var(--adyen-sdk-color-outline-primary-active,#00112c)}
|
|
9
9
|
.adyen-checkout__image{opacity:0;transition:opacity .6s ease-out}.adyen-checkout__image--loaded{opacity:1}
|
|
10
10
|
.adyen-checkout__dropdown__button-icon--left{flex-direction:row-reverse;justify-content:flex-end}.adyen-checkout__dropdown__button-icon--left>img{margin-left:0;margin-right:var(--adyen-sdk-spacer-060,12px)}.adyen-checkout__dropdown{max-width:100%;position:relative}.adyen-checkout__dropdown,.adyen-checkout__dropdown__button{font-size:var(--adyen-sdk-text-subtitle-font-size,16px);width:100%}.adyen-checkout__dropdown__button{align-items:center;background:inherit;border-radius:inherit;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:pointer;display:flex;height:var(--adyen-sdk-spacer-110,40px);line-height:var(--adyen-sdk-text-body-line-height,20px);outline:0;padding:0 var(--adyen-sdk-spacer-060,12px);text-decoration:none;transition:border .2s ease-out,box-shadow .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none}[dir=rtl] .adyen-checkout__dropdown__button{padding:7px var(--adyen-sdk-spacer-060,12px) 7px var(--adyen-sdk-spacer-090,24px)}.adyen-checkout__dropdown__button:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' fill='none' viewBox='0 0 16 17'%3E%3Cpath fill='%2300112C' fill-rule='evenodd' d='M4.47 6.47a.75.75 0 0 1 1.06 0L8 8.94l2.47-2.47a.75.75 0 0 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:var(--adyen-sdk-spacer-030,6px);position:absolute;right:var(--adyen-sdk-spacer-070,16px);width:var(--adyen-sdk-spacer-040,8px)}[dir=rtl] .adyen-checkout__dropdown__button:after{left:var(--adyen-sdk-spacer-070,16px);right:auto}.adyen-checkout__dropdown__button--active:after{transform:rotate(180deg)}.adyen-checkout__dropdown__button--disabled{opacity:.4}.adyen-checkout__dropdown__button--readonly,.adyen-checkout__dropdown__button--readonly--active,.adyen-checkout__dropdown__button--readonly:focus,.adyen-checkout__dropdown__button--readonly:hover{background:var(--adyen-sdk-color-background-disabled,#eeeff1);border-color:transparent;color:var(--adyen-sdk-color-label-primary,#00112c);cursor:not-allowed}.adyen-checkout__dropdown__button--readonly:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' fill='none' viewBox='0 0 8 7'%3E%3Cpath fill='%23B9C4C9' d='M3.195 6.565a1 1 0 0 0 1.6 0l2.992-3.98a1 1 0 0 0-.8-1.602H1.013a1 1 0 0 0-.8 1.6z'/%3E%3C/svg%3E")}.adyen-checkout__dropdown__button--invalid{border-color:var(--adyen-sdk-color-outline-critical,#e22d2d)}.adyen-checkout__dropdown__button__icon{border-radius:3px;height:26px;margin-right:var(--adyen-sdk-spacer-060,12px);max-width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__dropdown__button__text{flex-grow:1;overflow:hidden;pointer-events:none;text-align:left;text-overflow:ellipsis;white-space:nowrap}.adyen-checkout__dropdown__button__secondary-text{margin-right:var(--adyen-sdk-spacer-070,16px)}.adyen-checkout__filter-input{background:inherit;border:0;color:var(--adyen-sdk-color-label-primary,#00112c);font-family:inherit;font-size:var(--adyen-sdk-text-subtitle-font-size,16px);height:100%;padding:0;width:100%}.adyen-checkout__filter-input:active,.adyen-checkout__filter-input:focus{outline:0}.adyen-checkout__filter-input[readonly]{border-color:transparent;color:var(--adyen-sdk-color-label-secondary,#5c687c)!important;cursor:not-allowed}.adyen-checkout__dropdown__list{background:var(--adyen-sdk-color-background-primary,#ffffff);border-radius:var(--adyen-sdk-border-radius-m,8px);box-shadow:0 var(--adyen-sdk-spacer-010,2px) 7px rgba(0,15,45,.3);display:none;list-style:none;margin:0 0 var(--adyen-sdk-spacer-120,48px);max-height:375px;overflow-y:auto;padding:0;position:absolute;width:100%;z-index:2}.adyen-checkout__dropdown__list.adyen-checkout__dropdown__list--active{display:block;margin-top:var(--adyen-sdk-spacer-010,2px)}.adyen-checkout__dropdown__element{align-items:center;border:var(--adyen-sdk-border-width-s,1px) solid transparent;cursor:pointer;display:flex;font-size:var(--adyen-sdk-text-body-font-size,14px);-webkit-hyphens:auto;hyphens:auto;line-height:var(--adyen-sdk-text-body-line-height,20px);outline:0;padding:var(--adyen-sdk-spacer-040,8px);transition:background .2s ease-out,border-color .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;word-break:break-word}.adyen-checkout__dropdown__element .adyen-checkout__icon{position:absolute;right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__dropdown__element:last-child{border-bottom:0}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--active{background:rgba(230,233,235,.6)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected{background:rgba(0,102,255,.1)}.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:active,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:focus,.adyen-checkout__dropdown__element.adyen-checkout__dropdown__element--selected:hover{background:rgba(0,102,255,.15)}.adyen-checkout__dropdown__element--disabled{cursor:not-allowed;opacity:.4}.adyen-checkout__dropdown__element__icon{border-radius:var(--adyen-sdk-border-radius-s,4px);margin-right:var(--adyen-sdk-spacer-060,12px);max-height:26px;max-width:var(--adyen-sdk-spacer-110,40px)}.adyen-checkout__dropdown__element__text{flex-grow:1}.adyen-checkout__dropdown__element__secondary-text:not(:last-child){margin-right:var(--adyen-sdk-spacer-040,8px)}.adyen-checkout__dropdown__element__flag{margin-left:var(--adyen-sdk-spacer-040,8px);margin-right:var(--adyen-sdk-spacer-050,10px);max-height:18px;max-width:27px}.adyen-checkout__dropdown+.adyen-checkout-input__inline-validation{right:var(--adyen-sdk-spacer-100,32px)}
|
|
11
11
|
.adyen-checkout__installments .adyen-checkout__input-wrapper{background-color:transparent;border:none;box-shadow:none}.adyen-checkout__installments .adyen-checkout__input-wrapper:active,.adyen-checkout__installments .adyen-checkout__input-wrapper:active:hover,.adyen-checkout__installments .adyen-checkout__input-wrapper:focus-within,.adyen-checkout__installments .adyen-checkout__input-wrapper:focus-within:hover{box-shadow:none}.adyen-checkout__installments .adyen-checkout__fieldset--revolving-plan{margin-top:-5px}
|