@paykka/card-checkout-ui 0.13.17 → 0.15.1
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/README.md +1 -1
- package/dist/card-checkout-ui.js +53 -25
- package/dist/card-checkout-ui.umd.cjs +53 -25
- package/dist/es/api/http.js +1 -1
- package/dist/es/api/index.js +1 -1
- package/dist/es/api/modules/checkout/index.js +1 -3
- package/dist/es/api/modules/checkout/map.js +12 -4
- package/dist/es/api/modules/encrypted-card/index.js +3 -2
- package/dist/es/api/modules/get-browser-params.js +4 -8
- package/dist/es/api/modules/index.js +1 -1
- package/dist/es/api/modules/map.js +4 -1
- package/dist/es/api/modules/threeDS/index.js +16 -2
- package/dist/es/components/AccordionItem/AccordionItem.js +1 -3
- package/dist/es/components/AccountNameField/index.js +1 -1
- package/dist/es/components/AddressField/index.js +14 -4
- package/dist/es/components/ApplePay/index.js +74 -58
- package/dist/es/components/CPFField/index.js +3 -2
- package/dist/es/components/Card/index.js +192 -157
- package/dist/es/components/CardBrands/index.js +1 -1
- package/dist/es/components/CardExpireDateField/index.js +3 -2
- package/dist/es/components/CardHolderNameField/index.js +1 -1
- package/dist/es/components/CardIBANField/index.js +1 -1
- package/dist/es/components/CardNo/index.js +3 -3
- package/dist/es/components/CardNumberField/index.js +3 -2
- package/dist/es/components/CardSecurityCodeField/index.js +3 -2
- package/dist/es/components/CardSelector/index.js +5 -4
- package/dist/es/components/CombinedCardInfo/index.js +1 -1
- package/dist/es/components/DropIn/index.js +141 -144
- package/dist/es/components/EmailField/EmailField.js +1 -1
- package/dist/es/components/EncryptedCard/index.js +5 -5
- package/dist/es/components/GooglePay/index.js +126 -114
- package/dist/es/components/GuideCard/index.js +2 -2
- package/dist/es/components/PaymentButton/index.js +23 -8
- package/dist/es/components/RecurringTip/index.js +1 -1
- package/dist/es/components/SecuredFieldsProvider/index.js +31 -9
- package/dist/es/components/SecuredIframe/index.js +43 -27
- package/dist/es/components/Sepa/index.js +15 -7
- package/dist/es/components/SubmitButton/index.js +3 -3
- package/dist/es/components/ThreeDS/index.js +59 -30
- package/dist/es/components/Tip/index.js +1 -1
- package/dist/es/components/business/BlikCodeField/BlikCodeField.js +1 -1
- package/dist/es/components/business/BlikCodeField/index.js +1 -1
- package/dist/es/components/business/BlikConfirmModal/BlikConfirmModal.js +3 -3
- package/dist/es/components/business/BlikConfirmModal/index.js +2 -2
- package/dist/es/components/business/NameField/NameField.js +1 -1
- package/dist/es/components/business/NameField/index.js +1 -1
- package/dist/es/components/business/PhoneField/PhoneField.js +2 -1
- package/dist/es/components/business/PhoneField/index.js +1 -1
- package/dist/es/components/business/QRCodeModal/QRCodeModal.js +2 -2
- package/dist/es/components/business/QRCodeModal/index.js +1 -1
- package/dist/es/components/business/Tooltip/Tooltip.js +1 -1
- package/dist/es/components/business/Tooltip/index.js +1 -1
- package/dist/es/components/business/index.js +2 -2
- package/dist/es/components/index.js +11 -11
- package/dist/es/components/internal/Accordion/index.js +1 -1
- package/dist/es/components/internal/Button/{Button.js → Button2.js} +2 -2
- package/dist/es/components/internal/Button/index.js +2 -2
- package/dist/es/components/internal/CheckBox/CheckBox.js +3 -3
- package/dist/es/components/internal/CheckBox/index.js +1 -1
- package/dist/es/components/internal/Form/type.js +1 -1
- package/dist/es/components/internal/Info/Info.js +1 -1
- package/dist/es/components/internal/Info/index.js +1 -1
- package/dist/es/components/internal/Input/Input.js +1 -1
- package/dist/es/components/internal/Input/type.js +1 -1
- package/dist/es/components/internal/Loading/Loading2.js +20 -0
- package/dist/es/{api/modules/vietqr → components/internal/Loading}/index.js +3 -2
- package/dist/es/components/internal/Loading/loading.js +1 -0
- package/dist/es/components/internal/LoadingCheck/LoadingCheck.js +1 -1
- package/dist/es/components/internal/LoadingCheck/index.js +1 -1
- package/dist/es/components/internal/Modal/Modal.js +1 -1
- package/dist/es/components/internal/QRCode/QRCode.js +1 -1
- package/dist/es/components/internal/QRCode/index.js +1 -1
- package/dist/es/components/internal/Select/Select.js +5 -2
- package/dist/es/components/internal/Select/SelectMenu.js +1 -1
- package/dist/es/components/internal/Select/SelectMenuItem.js +1 -1
- package/dist/es/components/internal/icons/IconAlipayPlus.js +116 -0
- package/dist/es/components/internal/icons/IconArrowDown.js +4 -4
- package/dist/es/components/internal/icons/IconBancontact.js +69 -14
- package/dist/es/components/internal/icons/IconBlik.js +541 -21
- package/dist/es/components/internal/icons/IconError.js +2 -2
- package/dist/es/components/internal/icons/IconIdeal.js +61 -29
- package/dist/es/components/internal/icons/IconSkrill.js +14 -7
- package/dist/es/components/internal/icons/IconSuccess.js +2 -2
- package/dist/es/components/internal/icons/IconTrustly.js +11 -44
- package/dist/es/components/internal/icons/IconWechatPayGlobal.js +45 -0
- package/dist/es/components/internal/icons/IconWechatPayGlobalComplete.js +107 -0
- package/dist/es/components/wallets/AliPay/AliPay.js +186 -0
- package/dist/es/components/wallets/AliPay/ali-pay.js +1 -0
- package/dist/es/components/wallets/AliPay/index.js +1 -0
- package/dist/es/components/wallets/AliPay/type.js +1 -0
- package/dist/es/components/wallets/Bancontact/Bancontact.js +18 -18
- package/dist/es/components/wallets/Blik/Blik.js +26 -20
- package/dist/es/components/wallets/Boost/Boost.js +180 -0
- package/dist/es/components/wallets/Boost/boost2.js +1 -0
- package/dist/es/components/wallets/Boost/index.js +1 -0
- package/dist/es/components/wallets/Boost/type.js +1 -0
- package/dist/es/components/wallets/GCash/GCash.js +68 -261
- package/dist/es/components/wallets/GrabPay/GrabPay.js +176 -0
- package/dist/es/components/wallets/GrabPay/grab-pay.js +1 -0
- package/dist/es/components/wallets/GrabPay/index.js +1 -0
- package/dist/es/components/wallets/GrabPay/type.js +1 -0
- package/dist/es/components/wallets/IDeal/IDeal.js +18 -18
- package/dist/es/components/wallets/LinePay/LinePay.js +180 -0
- package/dist/es/components/wallets/LinePay/index.js +1 -0
- package/dist/es/components/wallets/LinePay/line-pay.js +1 -0
- package/dist/es/components/wallets/LinePay/type.js +1 -0
- package/dist/es/components/wallets/MayBankQRPay/MayBankQRPay.js +184 -0
- package/dist/es/components/wallets/MayBankQRPay/index.js +1 -0
- package/dist/es/components/wallets/MayBankQRPay/may-bank-qr-pay.js +1 -0
- package/dist/es/components/wallets/MayBankQRPay/type.js +1 -0
- package/dist/es/components/wallets/NinePay/NinePay.js +182 -0
- package/dist/es/components/wallets/NinePay/index.js +1 -0
- package/dist/es/components/wallets/NinePay/nine-pay.js +1 -0
- package/dist/es/components/wallets/NinePay/type.js +1 -0
- package/dist/es/components/wallets/OVO/OVO.js +14 -15
- package/dist/es/components/wallets/OpayWallet/OpayWallet.js +61 -226
- package/dist/es/components/wallets/P24/P24.js +18 -18
- package/dist/es/components/wallets/PagaWallet/PagaWallet.js +61 -226
- package/dist/es/components/wallets/Paymaya/Paymaya.js +61 -229
- package/dist/es/components/wallets/PicPay/PicPay.js +83 -243
- package/dist/es/components/wallets/Pix/Pix.js +77 -244
- package/dist/es/components/wallets/ShopeePay/ShopeePay.js +182 -0
- package/dist/es/components/wallets/ShopeePay/index.js +1 -0
- package/dist/es/components/wallets/ShopeePay/shopee-pay.js +1 -0
- package/dist/es/components/wallets/ShopeePay/type.js +1 -0
- package/dist/es/components/wallets/Skrill/Skrill.js +34 -35
- package/dist/es/components/wallets/TNGWallet/TNGWallet.js +182 -0
- package/dist/es/components/wallets/TNGWallet/index.js +1 -0
- package/dist/es/components/wallets/TNGWallet/tng-wallet.js +1 -0
- package/dist/es/components/wallets/TNGWallet/type.js +1 -0
- package/dist/es/components/wallets/Trustly/Trustly.js +22 -25
- package/dist/es/components/wallets/Vietqr/Vietqr.js +69 -258
- package/dist/es/components/wallets/WechatPay/WechatPay.js +250 -0
- package/dist/es/components/wallets/WechatPay/index.js +1 -0
- package/dist/es/components/wallets/WechatPay/type.js +1 -0
- package/dist/es/components/wallets/WechatPay/util.js +47 -0
- package/dist/es/components/wallets/WechatPay/wechat-pay.js +1 -0
- package/dist/es/components/wallets/Zalopay/Zalopay.js +67 -258
- package/dist/es/components/wallets/index.js +9 -0
- package/dist/es/constant.js +7 -0
- package/dist/es/core/checkout.js +50 -49
- package/dist/es/core/create-child.js +5 -4
- package/dist/es/core/index.js +1 -1
- package/dist/es/core/logger.js +1 -1
- package/dist/es/core/payment.js +78 -0
- package/dist/es/core/preview.js +29 -0
- package/dist/es/core/query.js +12 -3
- package/dist/es/core/session.js +36 -6
- package/dist/es/core/theme.js +1 -1
- package/dist/es/hooks/index.js +1 -1
- package/dist/es/hooks/useBaseWallet.js +136 -65
- package/dist/es/hooks/useI18n.js +3 -3
- package/dist/es/hooks/usePayState.js +37 -25
- package/dist/es/hooks/useRetry.js +50 -26
- package/dist/es/i18n/locales/de-DE.js +7 -0
- package/dist/es/i18n/locales/en-GB.js +7 -0
- package/dist/es/i18n/locales/es-ES.js +7 -0
- package/dist/es/i18n/locales/fr-FR.js +7 -0
- package/dist/es/i18n/locales/ja-JP.js +7 -0
- package/dist/es/i18n/locales/ko-KR.js +7 -0
- package/dist/es/i18n/locales/nl-NL.js +7 -0
- package/dist/es/i18n/locales/pt-PT.js +7 -0
- package/dist/es/i18n/locales/ru-RU.js +7 -0
- package/dist/es/i18n/locales/zh-CN.js +7 -0
- package/dist/es/i18n/locales/zh-HK.js +7 -0
- package/dist/es/i18n/locales/zh-TW.js +7 -0
- package/dist/es/i18n/util.js +10 -10
- package/dist/es/index.js +14 -12
- package/dist/es/out/base-fraud-detection.js +5 -2
- package/dist/es/out/fraud-detection.js +68 -54
- package/dist/es/out/paykka-detection.js +5 -7
- package/dist/es/out/stripe-radar.js +1 -1
- package/dist/es/out/worldpay-ddc-manager.js +9 -13
- package/dist/es/out/worldpay-ddc.js +8 -6
- package/dist/es/style.css +1 -1
- package/dist/es/types/event.js +11 -1
- package/dist/es/types/index.js +7 -0
- package/dist/es/types/message.js +2 -0
- package/dist/es/utils/array.js +19 -5
- package/dist/es/utils/business/amount.js +15 -0
- package/dist/es/utils/business/index.js +1 -0
- package/dist/es/utils/detect.js +8 -0
- package/dist/es/utils/index.js +7 -9
- package/dist/es/utils/location.js +8 -0
- package/dist/es/utils/number.js +19 -0
- package/dist/es/utils/payment.js +12 -12
- package/dist/es/utils/redirect.js +2 -0
- package/dist/es/utils/system-info/is-ua-webview.js +1 -20
- package/dist/style.css +1 -1
- package/dist/types/api/modules/checkout/type.d.ts +1 -1
- package/dist/types/api/modules/index.d.ts +0 -17
- package/dist/types/api/modules/threeDS/index.d.ts +19 -4
- package/dist/types/components/AddressField/type.d.ts +2 -2
- package/dist/types/components/ApplePay/type.d.ts +6 -2
- package/dist/types/components/CPFField/type.d.ts +1 -1
- package/dist/types/components/Card/type.d.ts +2 -18
- package/dist/types/components/CardExpireDateField/type.d.ts +1 -1
- package/dist/types/components/CardNo/type.d.ts +3 -2
- package/dist/types/components/CardNumberField/type.d.ts +1 -1
- package/dist/types/components/CardSecurityCodeField/type.d.ts +1 -1
- package/dist/types/components/CardSelector/type.d.ts +4 -4
- package/dist/types/components/DropIn/layout.d.ts +33 -0
- package/dist/types/components/DropIn/type.d.ts +6 -6
- package/dist/types/components/GooglePay/createGooglePay.d.ts +1 -1
- package/dist/types/components/GooglePay/type.d.ts +12 -2
- package/dist/types/components/PaymentButton/type.d.ts +2 -0
- package/dist/types/components/SecuredFieldsProvider/type.d.ts +2 -0
- package/dist/types/components/Sepa/type.d.ts +3 -4
- package/dist/types/components/ThreeDS/components/ThreeDSIframe/ThreeDSIframe.d.ts +0 -6
- package/dist/types/components/business/QRCodeModal/type.d.ts +12 -3
- package/dist/types/components/index.d.ts +0 -9
- package/dist/types/components/internal/CheckBox/type.d.ts +2 -1
- package/dist/types/components/internal/Loading/Loading.d.ts +2 -1
- package/dist/types/components/internal/Loading/type.d.ts +8 -0
- package/dist/types/components/internal/ResultMessage/ResultMessage.d.ts +3 -0
- package/dist/types/components/internal/ResultMessage/index.d.ts +2 -0
- package/dist/types/components/internal/ResultMessage/type.d.ts +13 -0
- package/dist/types/components/internal/Select/type.d.ts +1 -1
- package/dist/types/components/internal/icons/IconAlipayPlus.d.ts +2 -0
- package/dist/types/components/internal/icons/IconArrowDown.d.ts +1 -1
- package/dist/types/components/internal/icons/IconError.d.ts +1 -1
- package/dist/types/components/internal/icons/IconSuccess.d.ts +1 -1
- package/dist/types/components/internal/icons/IconWechatPayGlobal.d.ts +2 -0
- package/dist/types/components/internal/icons/IconWechatPayGlobalComplete.d.ts +2 -0
- package/dist/types/components/internal/icons/index.d.ts +3 -0
- package/dist/types/components/{AliPay → wallets/AliPay}/AliPay.d.ts +9 -4
- package/dist/types/components/wallets/AliPay/type.d.ts +7 -0
- package/dist/types/components/wallets/Bancontact/type.d.ts +2 -24
- package/dist/types/components/wallets/Blik/type.d.ts +2 -24
- package/dist/types/components/{Boost → wallets/Boost}/Boost.d.ts +9 -4
- package/dist/types/components/wallets/Boost/type.d.ts +6 -0
- package/dist/types/components/wallets/GCash/GCash.d.ts +5 -0
- package/dist/types/components/wallets/GCash/type.d.ts +2 -24
- package/dist/types/components/{GrabPay → wallets/GrabPay}/GrabPay.d.ts +4 -4
- package/dist/types/components/wallets/GrabPay/type.d.ts +7 -0
- package/dist/types/components/wallets/IDeal/type.d.ts +2 -24
- package/dist/types/components/{LinePay → wallets/LinePay}/LinePay.d.ts +9 -4
- package/dist/types/components/wallets/LinePay/type.d.ts +6 -0
- package/dist/types/components/wallets/MayBankQRPay/MayBankQRPay.d.ts +15 -0
- package/dist/types/components/wallets/MayBankQRPay/type.d.ts +6 -0
- package/dist/types/components/wallets/NinePay/NinePay.d.ts +15 -0
- package/dist/types/components/wallets/NinePay/type.d.ts +6 -0
- package/dist/types/components/wallets/OVO/type.d.ts +2 -24
- package/dist/types/components/wallets/OpayWallet/OpayWallet.d.ts +5 -0
- package/dist/types/components/wallets/OpayWallet/type.d.ts +2 -24
- package/dist/types/components/wallets/P24/type.d.ts +2 -24
- package/dist/types/components/wallets/PagaWallet/PagaWallet.d.ts +5 -0
- package/dist/types/components/wallets/PagaWallet/type.d.ts +2 -24
- package/dist/types/components/wallets/Paymaya/Paymaya.d.ts +5 -0
- package/dist/types/components/wallets/Paymaya/type.d.ts +2 -24
- package/dist/types/components/wallets/PicPay/type.d.ts +2 -24
- package/dist/types/components/wallets/Pix/type.d.ts +2 -24
- package/dist/types/components/{ShopeePay → wallets/ShopeePay}/ShopeePay.d.ts +9 -4
- package/dist/types/components/wallets/ShopeePay/type.d.ts +6 -0
- package/dist/types/components/wallets/Skrill/type.d.ts +2 -24
- package/dist/types/components/{TNGWallet → wallets/TNGWallet}/TNGWallet.d.ts +9 -4
- package/dist/types/components/wallets/TNGWallet/type.d.ts +6 -0
- package/dist/types/components/wallets/Trustly/type.d.ts +2 -16
- package/dist/types/components/wallets/Vietqr/Vietqr.d.ts +5 -0
- package/dist/types/components/wallets/Vietqr/type.d.ts +2 -24
- package/dist/types/components/wallets/WechatPay/WechatPay.d.ts +16 -0
- package/dist/types/components/wallets/WechatPay/type.d.ts +12 -0
- package/dist/types/components/wallets/WechatPay/util.d.ts +13 -0
- package/dist/types/components/wallets/Zalopay/Zalopay.d.ts +5 -0
- package/dist/types/components/wallets/Zalopay/type.d.ts +2 -24
- package/dist/types/components/wallets/index.d.ts +9 -0
- package/dist/types/components/wallets/type.d.ts +0 -14
- package/dist/types/constant.d.ts +8 -0
- package/dist/types/core/checkout.d.ts +2 -9
- package/dist/types/core/index.d.ts +1 -0
- package/dist/types/core/payment.d.ts +21 -0
- package/dist/types/core/preview.d.ts +1 -0
- package/dist/types/core/session.d.ts +2 -2
- package/dist/types/hooks/index.d.ts +0 -1
- package/dist/types/hooks/useBaseWallet.d.ts +27 -5
- package/dist/types/hooks/useI18n.d.ts +1 -1
- package/dist/types/hooks/usePayState.d.ts +3 -4
- package/dist/types/hooks/useRetry.d.ts +22 -3
- package/dist/types/i18n/I18n.d.ts +1 -0
- package/dist/types/i18n/locales/de-DE.d.ts +7 -0
- package/dist/types/i18n/locales/en-GB.d.ts +7 -0
- package/dist/types/i18n/locales/es-ES.d.ts +7 -0
- package/dist/types/i18n/locales/fr-FR.d.ts +7 -0
- package/dist/types/i18n/locales/ja-JP.d.ts +7 -0
- package/dist/types/i18n/locales/ko-KR.d.ts +7 -0
- package/dist/types/i18n/locales/nl-NL.d.ts +7 -0
- package/dist/types/i18n/locales/pt-PT.d.ts +7 -0
- package/dist/types/i18n/locales/ru-RU.d.ts +7 -0
- package/dist/types/i18n/locales/zh-CN.d.ts +7 -0
- package/dist/types/i18n/locales/zh-HK.d.ts +7 -0
- package/dist/types/i18n/locales/zh-TW.d.ts +7 -0
- package/dist/types/i18n/util.d.ts +8 -1
- package/dist/types/index.d.ts +2 -1
- package/dist/types/out/base-fraud-detection.d.ts +1 -0
- package/dist/types/out/config.d.ts +1 -1
- package/dist/types/out/fraud-detection.d.ts +3 -12
- package/dist/types/out/types.d.ts +7 -6
- package/dist/types/out/worldpay-ddc-manager.d.ts +7 -7
- package/dist/types/types/event.d.ts +30 -3
- package/dist/types/types/index.d.ts +14 -0
- package/dist/types/types/message.d.ts +27 -4
- package/dist/types/types/payment.d.ts +30 -3
- package/dist/types/utils/app-payment.d.ts +1 -0
- package/dist/types/utils/array.d.ts +17 -0
- package/dist/types/utils/business/amount.d.ts +7 -0
- package/dist/types/utils/business/index.d.ts +1 -0
- package/dist/types/utils/detect.d.ts +3 -0
- package/dist/types/utils/iframe.d.ts +1 -1
- package/dist/types/utils/index.d.ts +1 -6
- package/dist/types/utils/number.d.ts +4 -0
- package/dist/types/utils/payment.d.ts +10 -10
- package/dist/types/utils/redirect.d.ts +10 -0
- package/dist/types/utils/system-info/get-browser-info.d.ts +4 -0
- package/package.json +11 -5
- package/dist/es/api/modules/ali-pay/index.js +0 -16
- package/dist/es/api/modules/boost/index.js +0 -16
- package/dist/es/api/modules/gcash/index.js +0 -16
- package/dist/es/api/modules/grab-pay/index.js +0 -16
- package/dist/es/api/modules/line-pay/index.js +0 -16
- package/dist/es/api/modules/may-bank-qr-pay/index.js +0 -16
- package/dist/es/api/modules/nine-pay/index.js +0 -16
- package/dist/es/api/modules/opay-wallet/index.js +0 -16
- package/dist/es/api/modules/paga-wallet/index.js +0 -16
- package/dist/es/api/modules/paymaya/index.js +0 -16
- package/dist/es/api/modules/pic-pay/index.js +0 -16
- package/dist/es/api/modules/pix/index.js +0 -16
- package/dist/es/api/modules/shopee-pay/index.js +0 -16
- package/dist/es/api/modules/tng-wallet/index.js +0 -16
- package/dist/es/api/modules/wechat-pay/index.js +0 -16
- package/dist/es/api/modules/zalopay/index.js +0 -16
- package/dist/es/components/AliPay/index.js +0 -330
- package/dist/es/components/Boost/index.js +0 -349
- package/dist/es/components/GrabPay/index.js +0 -349
- package/dist/es/components/LinePay/index.js +0 -349
- package/dist/es/components/MayBankQRPay/index.js +0 -355
- package/dist/es/components/NinePay/index.js +0 -349
- package/dist/es/components/ShopeePay/index.js +0 -349
- package/dist/es/components/TNGWallet/index.js +0 -349
- package/dist/es/components/WechatPay/index.js +0 -339
- package/dist/es/hooks/usePayment.js +0 -14
- package/dist/types/api/modules/ali-pay/index.d.ts +0 -4
- package/dist/types/api/modules/boost/index.d.ts +0 -4
- package/dist/types/api/modules/gcash/index.d.ts +0 -4
- package/dist/types/api/modules/grab-pay/index.d.ts +0 -4
- package/dist/types/api/modules/line-pay/index.d.ts +0 -4
- package/dist/types/api/modules/may-bank-qr-pay/index.d.ts +0 -4
- package/dist/types/api/modules/nine-pay/index.d.ts +0 -4
- package/dist/types/api/modules/opay-wallet/index.d.ts +0 -4
- package/dist/types/api/modules/paga-wallet/index.d.ts +0 -4
- package/dist/types/api/modules/paymaya/index.d.ts +0 -4
- package/dist/types/api/modules/pic-pay/index.d.ts +0 -4
- package/dist/types/api/modules/pix/index.d.ts +0 -4
- package/dist/types/api/modules/shopee-pay/index.d.ts +0 -4
- package/dist/types/api/modules/tng-wallet/index.d.ts +0 -4
- package/dist/types/api/modules/vietqr/index.d.ts +0 -4
- package/dist/types/api/modules/wechat-pay/index.d.ts +0 -4
- package/dist/types/api/modules/zalopay/index.d.ts +0 -4
- package/dist/types/components/AliPay/type.d.ts +0 -26
- package/dist/types/components/Boost/type.d.ts +0 -28
- package/dist/types/components/GrabPay/type.d.ts +0 -28
- package/dist/types/components/LinePay/type.d.ts +0 -28
- package/dist/types/components/MayBankQRPay/MayBankQRPay.d.ts +0 -10
- package/dist/types/components/MayBankQRPay/type.d.ts +0 -28
- package/dist/types/components/NinePay/NinePay.d.ts +0 -10
- package/dist/types/components/NinePay/type.d.ts +0 -28
- package/dist/types/components/ShopeePay/type.d.ts +0 -28
- package/dist/types/components/TNGWallet/type.d.ts +0 -28
- package/dist/types/components/WechatPay/WechatPay.d.ts +0 -10
- package/dist/types/components/WechatPay/type.d.ts +0 -28
- package/dist/types/hooks/usePayment.d.ts +0 -8
- package/dist/types/utils/behavior-tracker.d.ts +0 -36
- /package/dist/es/components/internal/Button/{button2.js → button.js} +0 -0
- /package/dist/types/components/{AliPay → wallets/AliPay}/index.d.ts +0 -0
- /package/dist/types/components/{Boost → wallets/Boost}/index.d.ts +0 -0
- /package/dist/types/components/{GrabPay → wallets/GrabPay}/index.d.ts +0 -0
- /package/dist/types/components/{LinePay → wallets/LinePay}/index.d.ts +0 -0
- /package/dist/types/components/{MayBankQRPay → wallets/MayBankQRPay}/index.d.ts +0 -0
- /package/dist/types/components/{NinePay → wallets/NinePay}/index.d.ts +0 -0
- /package/dist/types/components/{ShopeePay → wallets/ShopeePay}/index.d.ts +0 -0
- /package/dist/types/components/{TNGWallet → wallets/TNGWallet}/index.d.ts +0 -0
- /package/dist/types/components/{WechatPay → wallets/WechatPay}/index.d.ts +0 -0
|
@@ -30,21 +30,23 @@ import { ChannelCode } from "../constant.js";
|
|
|
30
30
|
import { apiEnv, cdnEnv } from "../core/environment.js";
|
|
31
31
|
import { ECollMode } from "../types/fraud-detection.js";
|
|
32
32
|
import { FraudDetectionEventType } from "../types/event.js";
|
|
33
|
+
import { difference } from "../utils/array.js";
|
|
33
34
|
import { JSC_LIVE_CONFIG, JSC_TEST_CONFIG } from "./config.js";
|
|
34
35
|
import { PayKKaDetection } from "./paykka-detection.js";
|
|
35
36
|
import { StripeRadar } from "./stripe-radar.js";
|
|
36
37
|
import { WorldpayDDCManager } from "./worldpay-ddc-manager.js";
|
|
37
38
|
import { WorldpayJSC } from "./worldpay-jsc.js";
|
|
38
39
|
const DEFAULT_ENV = "eu";
|
|
40
|
+
const DEFAULT_MODES = [ECollMode.SR, ECollMode.WP, ECollMode.WJ];
|
|
39
41
|
let instance = null;
|
|
40
|
-
function getFraudDetectionInstance(config, options
|
|
42
|
+
function getFraudDetectionInstance(config, options) {
|
|
41
43
|
if (!instance) {
|
|
42
|
-
instance = new FraudDetection(config,
|
|
44
|
+
instance = new FraudDetection(config, options);
|
|
43
45
|
}
|
|
44
46
|
return instance;
|
|
45
47
|
}
|
|
46
48
|
class FraudDetection {
|
|
47
|
-
constructor(config,
|
|
49
|
+
constructor(config, options) {
|
|
48
50
|
__publicField(this, "options");
|
|
49
51
|
__publicField(this, "clientKey");
|
|
50
52
|
__publicField(this, "collMap", {
|
|
@@ -53,16 +55,16 @@ class FraudDetection {
|
|
|
53
55
|
[ECollMode.WJ]: () => this.worldpayJSCColl()
|
|
54
56
|
});
|
|
55
57
|
__publicField(this, "p");
|
|
56
|
-
__publicField(this, "
|
|
58
|
+
__publicField(this, "modes", []);
|
|
57
59
|
__publicField(this, "env");
|
|
58
60
|
__publicField(this, "channelConfig");
|
|
59
61
|
__publicField(this, "channelConfigPromise");
|
|
60
62
|
/** 是否是 IIFE 模式,在 build 时通过 define 定义,如果 IIFE 为 true,说明商户是直接引入 SDK,用于 API 支付 */
|
|
61
63
|
__publicField(this, "isIIFE", typeof __IS_IIFE__ !== "undefined" && __IS_IIFE__);
|
|
62
64
|
__privateAdd(this, _sessionMode, void 0);
|
|
63
|
-
const { env, clientKey } = config;
|
|
64
|
-
this.
|
|
65
|
-
this.options = options;
|
|
65
|
+
const { env, clientKey, modes } = config;
|
|
66
|
+
this.modes = (modes == null ? void 0 : modes.length) ? [...modes] : DEFAULT_MODES;
|
|
67
|
+
this.options = { ...options };
|
|
66
68
|
this.env = env || DEFAULT_ENV;
|
|
67
69
|
this.clientKey = clientKey;
|
|
68
70
|
__privateSet(this, _sessionMode, this.isIIFE ? "API" : options == null ? void 0 : options.sessionMode);
|
|
@@ -73,18 +75,22 @@ class FraudDetection {
|
|
|
73
75
|
}
|
|
74
76
|
}
|
|
75
77
|
async getFraudDetectionId(options) {
|
|
76
|
-
|
|
77
|
-
const
|
|
78
|
-
const
|
|
79
|
-
await
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
78
|
+
const modes = difference(this.modes, (options == null ? void 0 : options.excludeModes) || []);
|
|
79
|
+
const hasWP = modes.includes(ECollMode.WP);
|
|
80
|
+
const needRefresh = hasWP;
|
|
81
|
+
await this.setChannelSDKConfig(needRefresh);
|
|
82
|
+
const collTasks = [this.paykkaDetectionColl().init()];
|
|
83
|
+
let worldpayDDCManager = null;
|
|
84
|
+
if (hasWP) {
|
|
85
|
+
worldpayDDCManager = this.worldpayDDCManagerColl();
|
|
86
|
+
worldpayDDCManager.updateChannelConfig(this.channelConfig);
|
|
87
|
+
collTasks.push(worldpayDDCManager.init(options));
|
|
88
|
+
}
|
|
89
|
+
await Promise.all(collTasks);
|
|
84
90
|
return this.formatFraudDetectionId({
|
|
85
|
-
s:
|
|
86
|
-
w:
|
|
87
|
-
wr:
|
|
91
|
+
s: modes.includes(ECollMode.SR) ? this.stripeRadarColl().getFraudDetectionId() : "",
|
|
92
|
+
w: modes.includes(ECollMode.WP) ? (worldpayDDCManager == null ? void 0 : worldpayDDCManager.getFraudDetectionId()) ?? "" : "",
|
|
93
|
+
wr: modes.includes(ECollMode.WJ) ? this.worldpayJSCColl().getFraudDetectionId() : "",
|
|
88
94
|
p: this.paykkaDetectionColl().getFraudDetectionId()
|
|
89
95
|
});
|
|
90
96
|
}
|
|
@@ -94,7 +100,7 @@ class FraudDetection {
|
|
|
94
100
|
if (!this.p) {
|
|
95
101
|
this.p = Promise.all(
|
|
96
102
|
[
|
|
97
|
-
...this.
|
|
103
|
+
...this.modes.map(async (item) => {
|
|
98
104
|
if (this.collMap[item]) {
|
|
99
105
|
return this.collMap[item]();
|
|
100
106
|
} else {
|
|
@@ -117,47 +123,55 @@ class FraudDetection {
|
|
|
117
123
|
return "";
|
|
118
124
|
}
|
|
119
125
|
}
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
+
/**
|
|
127
|
+
* 设置渠道配置,请求到的配置会缓存
|
|
128
|
+
* @param refresh 是否强制刷新,如果为 true,则跳过缓存强制重新请求渠道配置
|
|
129
|
+
*/
|
|
130
|
+
async setChannelSDKConfig(refresh = false) {
|
|
131
|
+
if (!refresh) {
|
|
132
|
+
if (this.channelConfig)
|
|
133
|
+
return;
|
|
134
|
+
if (this.channelConfigPromise) {
|
|
135
|
+
return this.channelConfigPromise;
|
|
136
|
+
}
|
|
126
137
|
}
|
|
127
138
|
this.channelConfigPromise = new Promise(async (resolve) => {
|
|
128
|
-
|
|
129
|
-
let config = {};
|
|
130
|
-
try {
|
|
131
|
-
browser = await getBrowserParams();
|
|
132
|
-
config = await getChannelSDKConfig({
|
|
133
|
-
channel: [ChannelCode.STRIPE, ChannelCode.WORLDPAY],
|
|
134
|
-
browser
|
|
135
|
-
});
|
|
136
|
-
} catch (error) {
|
|
137
|
-
}
|
|
138
|
-
const { worldPay } = config || {};
|
|
139
|
-
let ddcOrigin = "";
|
|
140
|
-
try {
|
|
141
|
-
ddcOrigin = new URL((worldPay == null ? void 0 : worldPay.ddcCollectUrl) || "").origin;
|
|
142
|
-
} catch (error) {
|
|
143
|
-
ddcOrigin = "";
|
|
144
|
-
}
|
|
145
|
-
this.channelConfig = {
|
|
146
|
-
...config,
|
|
147
|
-
worldPay: {
|
|
148
|
-
...worldPay,
|
|
149
|
-
ddcOrigin
|
|
150
|
-
},
|
|
151
|
-
worldPayJSC: ["eu", "hk"].includes(this.env) ? JSC_LIVE_CONFIG : JSC_TEST_CONFIG,
|
|
152
|
-
paykka: {
|
|
153
|
-
clientKey: this.clientKey,
|
|
154
|
-
sessionMode: __privateGet(this, _sessionMode)
|
|
155
|
-
}
|
|
156
|
-
};
|
|
139
|
+
this.channelConfig = await this.fetchChannelSDKConfig();
|
|
157
140
|
resolve();
|
|
158
141
|
});
|
|
159
142
|
return this.channelConfigPromise;
|
|
160
143
|
}
|
|
144
|
+
async fetchChannelSDKConfig() {
|
|
145
|
+
let browser = {};
|
|
146
|
+
let config = {};
|
|
147
|
+
try {
|
|
148
|
+
browser = await getBrowserParams();
|
|
149
|
+
config = await getChannelSDKConfig({
|
|
150
|
+
channel: [ChannelCode.STRIPE, ChannelCode.WORLDPAY],
|
|
151
|
+
browser
|
|
152
|
+
});
|
|
153
|
+
} catch (error) {
|
|
154
|
+
}
|
|
155
|
+
const { worldPay } = config || {};
|
|
156
|
+
let ddcOrigin = "";
|
|
157
|
+
try {
|
|
158
|
+
ddcOrigin = new URL((worldPay == null ? void 0 : worldPay.ddcCollectUrl) || "").origin;
|
|
159
|
+
} catch (error) {
|
|
160
|
+
ddcOrigin = "";
|
|
161
|
+
}
|
|
162
|
+
return {
|
|
163
|
+
...config,
|
|
164
|
+
worldPay: {
|
|
165
|
+
...worldPay,
|
|
166
|
+
ddcOrigin
|
|
167
|
+
},
|
|
168
|
+
worldPayJSC: ["eu", "hk"].includes(this.env) ? JSC_LIVE_CONFIG : JSC_TEST_CONFIG,
|
|
169
|
+
paykka: {
|
|
170
|
+
clientKey: this.clientKey,
|
|
171
|
+
sessionMode: __privateGet(this, _sessionMode)
|
|
172
|
+
}
|
|
173
|
+
};
|
|
174
|
+
}
|
|
161
175
|
worldpayDDCManagerColl() {
|
|
162
176
|
const instance2 = new WorldpayDDCManager(this.options, this.channelConfig);
|
|
163
177
|
return instance2;
|
|
@@ -4,16 +4,15 @@ var __publicField = (obj, key, value) => {
|
|
|
4
4
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
5
5
|
return value;
|
|
6
6
|
};
|
|
7
|
-
import "../utils/
|
|
8
|
-
import "../utils/system-info/get-browser-info.js";
|
|
9
|
-
import { ChannelCode } from "../constant.js";
|
|
10
|
-
import { parseUrl } from "../utils/location.js";
|
|
7
|
+
import { getReferrer } from "../utils/index.js";
|
|
11
8
|
import "../core.js";
|
|
12
9
|
import "../core/context.js";
|
|
10
|
+
import "./fraud-detection.js";
|
|
11
|
+
import { ChannelCode } from "../constant.js";
|
|
13
12
|
import { reportUrls } from "../api/modules/risk/index.js";
|
|
14
13
|
import { encryptAES } from "../utils/encrypt.js";
|
|
15
14
|
import { BaseFraudDetection } from "./base-fraud-detection.js";
|
|
16
|
-
import "
|
|
15
|
+
import { parseUrl } from "../utils/location.js";
|
|
17
16
|
const _PayKKaDetection = class _PayKKaDetection extends BaseFraudDetection {
|
|
18
17
|
constructor(options, channelConfig) {
|
|
19
18
|
if (_PayKKaDetection.instance) {
|
|
@@ -47,8 +46,7 @@ const _PayKKaDetection = class _PayKKaDetection extends BaseFraudDetection {
|
|
|
47
46
|
}
|
|
48
47
|
/** 获取页面来源域名 */
|
|
49
48
|
getReferer() {
|
|
50
|
-
|
|
51
|
-
const referer = document.referrer || ((_b = (_a = window.frames) == null ? void 0 : _a.top) == null ? void 0 : _b.document.referrer) || "";
|
|
49
|
+
const referer = getReferrer();
|
|
52
50
|
return parseUrl(referer).origin;
|
|
53
51
|
}
|
|
54
52
|
/** 获取当前页面域名 */
|
|
@@ -11,9 +11,9 @@ import { loadScript } from "../utils/load.js";
|
|
|
11
11
|
import "../core.js";
|
|
12
12
|
import "../core/context.js";
|
|
13
13
|
import { PayKKaError, EPayKKaError } from "../core/error.js";
|
|
14
|
+
import "./fraud-detection.js";
|
|
14
15
|
import { STRIPE_RADAR_TIMEOUT, STRIPE_RADAR_SCRIPT_URL } from "./config.js";
|
|
15
16
|
import { BaseFraudDetection } from "./base-fraud-detection.js";
|
|
16
|
-
import "./worldpay-jsc-origin.js";
|
|
17
17
|
const _StripeRadar = class _StripeRadar extends BaseFraudDetection {
|
|
18
18
|
constructor(options, channelConfig) {
|
|
19
19
|
if (_StripeRadar.instance) {
|
|
@@ -9,8 +9,8 @@ const _WorldpayDDCManager = class _WorldpayDDCManager {
|
|
|
9
9
|
constructor(options, channelConfig) {
|
|
10
10
|
__publicField(this, "options");
|
|
11
11
|
__publicField(this, "channelConfig");
|
|
12
|
-
/**
|
|
13
|
-
__publicField(this, "
|
|
12
|
+
/** 本次(最近一次)init 对应的 DDC 实例 */
|
|
13
|
+
__publicField(this, "currentDDC", null);
|
|
14
14
|
if (_WorldpayDDCManager.instance) {
|
|
15
15
|
return _WorldpayDDCManager.instance;
|
|
16
16
|
}
|
|
@@ -18,20 +18,16 @@ const _WorldpayDDCManager = class _WorldpayDDCManager {
|
|
|
18
18
|
this.channelConfig = channelConfig;
|
|
19
19
|
_WorldpayDDCManager.instance = this;
|
|
20
20
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
if (!this.worldpayDDCMap.has(bin)) {
|
|
24
|
-
this.worldpayDDCMap.set(bin, new WorldpayDDC(this.options, this.channelConfig));
|
|
25
|
-
}
|
|
26
|
-
return this.worldpayDDCMap.get(bin);
|
|
21
|
+
updateChannelConfig(channelConfig) {
|
|
22
|
+
this.channelConfig = channelConfig;
|
|
27
23
|
}
|
|
28
24
|
async init(options) {
|
|
29
|
-
|
|
30
|
-
|
|
25
|
+
this.currentDDC = new WorldpayDDC(this.options, this.channelConfig);
|
|
26
|
+
await this.currentDDC.init(options);
|
|
31
27
|
}
|
|
32
|
-
getFraudDetectionId(
|
|
33
|
-
|
|
34
|
-
return this.
|
|
28
|
+
getFraudDetectionId() {
|
|
29
|
+
var _a;
|
|
30
|
+
return (_a = this.currentDDC) == null ? void 0 : _a.getFraudDetectionId();
|
|
35
31
|
}
|
|
36
32
|
};
|
|
37
33
|
__publicField(_WorldpayDDCManager, "instance", null);
|
|
@@ -12,9 +12,9 @@ import "../utils/system-info/get-browser-info.js";
|
|
|
12
12
|
import { ChannelCode } from "../constant.js";
|
|
13
13
|
import { MessageAction } from "../types/message.js";
|
|
14
14
|
import { postMessageToIframe } from "../utils/iframe.js";
|
|
15
|
+
import "./fraud-detection.js";
|
|
15
16
|
import { DDC_TIMEOUT } from "./config.js";
|
|
16
17
|
import { BaseFraudDetection } from "./base-fraud-detection.js";
|
|
17
|
-
import "./worldpay-jsc-origin.js";
|
|
18
18
|
class WorldpayDDC extends BaseFraudDetection {
|
|
19
19
|
constructor(options, channelConfig) {
|
|
20
20
|
super({
|
|
@@ -58,7 +58,7 @@ class WorldpayDDC extends BaseFraudDetection {
|
|
|
58
58
|
}, 5e3);
|
|
59
59
|
}
|
|
60
60
|
async collect(options) {
|
|
61
|
-
this.sendJWTAndBin(
|
|
61
|
+
this.sendJWTAndBin(options);
|
|
62
62
|
return new Promise((resolve) => {
|
|
63
63
|
this.listenFraudDetectionId((fraudDetectionId) => {
|
|
64
64
|
this.clearListener();
|
|
@@ -66,14 +66,16 @@ class WorldpayDDC extends BaseFraudDetection {
|
|
|
66
66
|
});
|
|
67
67
|
});
|
|
68
68
|
}
|
|
69
|
-
sendJWTAndBin(
|
|
70
|
-
var _a;
|
|
69
|
+
sendJWTAndBin(options) {
|
|
70
|
+
var _a, _b;
|
|
71
71
|
const { authCode, ddcCollectUrl } = ((_a = this.channelConfig) == null ? void 0 : _a.worldPay) || {};
|
|
72
72
|
const message = {
|
|
73
73
|
action: MessageAction.DDC_JWT_BIN,
|
|
74
|
+
checkoutId: (_b = this.options) == null ? void 0 : _b.checkoutId,
|
|
74
75
|
jwt: authCode || "",
|
|
75
|
-
bin,
|
|
76
|
-
url: ddcCollectUrl || ""
|
|
76
|
+
bin: (options == null ? void 0 : options.bin) || "",
|
|
77
|
+
url: ddcCollectUrl || "",
|
|
78
|
+
hiddenIframeName: (options == null ? void 0 : options.hiddenIframeName) || ""
|
|
77
79
|
};
|
|
78
80
|
postMessageToIframe(message, this.iframe.contentWindow, cdnOrigin);
|
|
79
81
|
}
|
package/dist/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.paykka-card-checkout-accordion-item{border:1px solid var(--paykka-border-color);border-radius:var(--paykka-border-radius-base);margin-bottom:var(--paykka-spacing-small-4);padding:0 var(--paykka-spacing-small-4);transition:all .3s linear}@media (min-width: 480px){.paykka-card-checkout-accordion-item{padding:0 var(--paykka-spacing-small-5)}}.paykka-card-checkout-accordion-item--disabled{cursor:not-allowed;opacity:.4}.paykka-card-checkout-accordion-item__header{cursor:pointer;display:flex;align-items:center;padding-top:var(--paykka-spacing-small-4);padding-bottom:var(--paykka-spacing-small-4);font-size:var(--paykka-font-size-small);line-height:20px;transition:all .3s linear}@media (min-width: 480px){.paykka-card-checkout-accordion-item__header{padding-top:var(--paykka-spacing-small-5);padding-bottom:var(--paykka-spacing-small-5);font-size:var(--paykka-font-size-base);line-height:22px}}.paykka-card-checkout-accordion-item__title{font-size:var(--paykka-font-size-base);line-height:22px;color:var(--paykka-drop-in-title-color)}.paykka-card-checkout-accordion-item__title--active{color:var(--paykka-primary-color)}.paykka-card-checkout-accordion-item__content{max-height:0;opacity:0;overflow:hidden}.paykka-card-checkout-accordion-item__content--active{opacity:1;padding-bottom:var(--paykka-spacing-small-3)}@media (min-width: 480px){.paykka-card-checkout-accordion-item__content--active{padding-bottom:var(--paykka-spacing-small-5)}}.paykka-card-checkout-form-item{font-size:var(--paykka-font-size-base)}.paykka-card-checkout-form-item__label{display:flex;align-items:center;flex-wrap:wrap;gap:var(--paykka-spacing-small-2);margin-bottom:var(--paykka-spacing-small-2);transition:margin-bottom .1s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;line-height:23px}@media (min-width: 480px){.paykka-card-checkout-form-item__label{margin-bottom:var(--paykka-spacing-small-3)}}.paykka-card-checkout-form-item__error-text{margin-top:var(--paykka-spacing-small-1);color:var(--paykka-error-color);font-size:var(--paykka-font-size-small)}.paykka-card-checkout-input{position:relative;box-sizing:border-box;font-size:var(--paykka-font-size-base)}.paykka-card-checkout-input__input-wrapper{display:flex;align-items:center;height:var(--paykka-field-item-height);width:100%;border-radius:var(--paykka-border-radius-base);border:1px solid var(--paykka-border-color);transition:border .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);background-color:var(--paykka-field-bg-color);caret-color:var(--paykka-card-checkout-input-color, #4F43DF)}.paykka-card-checkout-input__input-wrapper--error{border:1px solid var(--paykka-error-color)}.paykka-card-checkout-input__input-wrapper:active,.paykka-card-checkout-input__input-wrapper--focus,.paykka-card-checkout-input__input-wrapper:focus{border:1px solid var(--paykka-primary-color);box-shadow:0 0 0 1px var(--paykka-primary-color)}.paykka-card-checkout-input__input-wrapper-disabled{cursor:not-allowed;background:var(--paykka-field-disabled-bg-color)}.paykka-card-checkout-input__input-wrapper-disabled:active,.paykka-card-checkout-input__input-wrapper-disabled--focus,.paykka-card-checkout-input__input-wrapper-disabled:focus{border:1px solid var(--paykka-field-disabled-bg-color);box-shadow:0 0 0 2px var(--paykka-field-disabled-bg-color)}.paykka-card-checkout-input__input{outline:none;border:none;height:100%;width:100%;border-radius:var(--paykka-border-radius-base);caret-color:var(--paykka-primary-color);font-size:var(--paykka-font-size-base);padding-left:var(--paykka-spacing-small-3);background-color:transparent}.paykka-card-checkout-input__input::placeholder{color:var(--paykka-placeholder-color)}.paykka-card-checkout-input__input:-webkit-autofill,.paykka-card-checkout-input__input:-internal-autofill-selected{background-color:transparent!important}.paykka-card-checkout-input__right-icon{padding-right:var(--paykka-spacing-small-3);display:flex;align-items:center;flex-shrink:0;margin-left:var(--paykka-spacing-small-3)}.paykka-card-checkout-input__left-icon{padding-left:var(--paykka-spacing-small-3);display:flex;align-items:center;flex-shrink:0;margin-right:var(--paykka-spacing-small-3)}.paykka-card-checkout-select{color:var(--paykka-field-font-color)}.paykka-card-checkout-select__wrapper{width:100%;position:relative;cursor:pointer}.paykka-card-checkout-select__render-label{position:absolute;top:0;z-index:2;line-height:var(--paykka-field-item-height);height:var(--paykka-field-item-height);padding:0 var(--paykka-spacing-small-3);display:flex;color:var(--paykka-field-font-color)}.paykka-card-checkout-select__render-label--placeholder{color:#c2c2c2}.paykka-card-checkout-select__render-label--hidden{visibility:hidden}.paykka-card-checkout-select__menu{margin-top:4px;width:100%;max-height:260px;background:var(--paykka-field-bg-color);box-shadow:0 4px 14px #0000001a;border-radius:var(--paykka-border-radius-base);border:1px solid var(--paykka-border-color);overflow-y:auto;z-index:999;position:absolute}.paykka-card-checkout-select__menu-item{padding:6px 12px;line-height:32px;color:#626266;cursor:pointer;display:flex;justify-content:space-between}.paykka-card-checkout-select__menu-item:hover,.paykka-card-checkout-select__menu-item:active,.paykka-card-checkout-select__menu-item--selected,.paykka-card-checkout-select__menu-item:focus{color:var(--paykka-font-color);background:#f3f3f5}.paykka-card-checkout-select__menu-item-icon{margin-left:10px;display:flex;align-items:center}.paykka-card-checkout-select__menu-no-data{height:200px;display:flex;justify-content:center;align-items:center;color:#c2c2c2}.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper{padding:var(--paykka-field-padding)}.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper:active,.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper--focus,.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper:focus{position:relative;z-index:1}.paykka-card-checkout-address-field__first-item--no-bottom-radius .paykka-card-checkout-input__input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0}.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper{padding:var(--paykka-field-padding);border-radius:0;border-top:0}.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper:active,.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper--focus,.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper:focus{position:relative;z-index:1;border-top:1px solid var(--paykka-primary-color);box-shadow:var(--paykka-field-box-shadow)}.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper{padding:var(--paykka-field-padding);border-top-right-radius:0;border-top-left-radius:0;border-top:0}.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper:active,.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper--focus,.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper:focus{position:relative;z-index:1;border-top:1px solid var(--paykka-primary-color);box-shadow:var(--paykka-field-box-shadow)}.paykka-card-checkout-info{display:flex;align-items:center;padding:var(--paykka-spacing-small-3) var(--paykka-spacing-small-5);border-radius:var(--paykka-border-radius-base)}.paykka-card-checkout-info--error{background-color:#ffece8}.paykka-card-checkout-info__icon{margin-right:var(--paykka-spacing-small-2);height:1.3em;display:flex;align-items:center}.paykka-card-checkout-info__content{text-align:justify;word-break:break-all}.paykka-card-checkout-recurring-tip{display:flex;align-items:center;color:var(--paykka-gray2-color)}.paykka-card-checkout-recurring-tip__icon{width:20px;display:flex;padding-top:var(--paykka-spacing-small-1);padding-right:var(--paykka-spacing-small-1)}.paykka-card-checkout-recurring-tip__text{font-size:var(--paykka-font-size-small)}.paykka-card-checkout-button{display:flex;align-items:center;justify-content:center;width:100%;height:var(--paykka-field-item-height);padding:0 var(--paykka-spacing-small-3);border-radius:var(--paykka-border-radius-base);border:0;background-color:var(--paykka-button-bg-color);color:var(--paykka-button-font-color);font-size:var(--paykka-font-size-base);cursor:pointer;text-decoration:none;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.paykka-card-checkout-button:not(.paykka-card-checkout-button--loading).paykka-card-checkout-button:not(.paykka-card-checkout-button--disabled).paykka-card-checkout-button:not(.paykka-card-checkout-button--dashed):hover{background-color:var(--paykka-button-bg-color-hover)}.paykka-card-checkout-button:not(.paykka-card-checkout-button--loading).paykka-card-checkout-button:not(.paykka-card-checkout-button--disabled).paykka-card-checkout-button:not(.paykka-card-checkout-button--dashed):active{background-color:var(--paykka-button-bg-color-active)}.paykka-card-checkout-button--loading{cursor:wait}.paykka-card-checkout-button--disabled{cursor:not-allowed;opacity:.5}.paykka-card-checkout-button--dashed{border:1px dashed var(--paykka-border-color);color:var(--paykka-font-color);background-color:transparent}.paykka-card-checkout-button__icon{display:flex;align-items:center;margin-right:var(--paykka-spacing-small-3)}.paykka-card-checkout-loading-check{display:inline-flex;align-items:center;overflow:hidden;--circle-transition-time: .3s;--check-dashoffset: 50}.paykka-card-checkout-loading-check__circle{transition:stroke-dasharray var(--circle-transition-time) linear}.paykka-card-checkout-loading-check__circle--loading{animation:spin 1s infinite linear;transform-origin:center}.paykka-card-checkout-loading-check__check{stroke-dasharray:var(--check-dashoffset);stroke-dashoffset:var(--check-dashoffset);animation:tick .5s ease-out;animation-fill-mode:forwards;animation-delay:var(--circle-transition-time)}@keyframes tick{0%{stroke-dashoffset:var(--check-dashoffset)}to{stroke-dashoffset:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.paykka-card-checkout-submit-button--success{opacity:1!important;background-color:var(--paykka-success-color)!important}.paykka-card-checkout-submit-button__text{line-height:1}.paykka-card-checkout-submit-button__text--not-verified{opacity:.6;color:var(--paykka-button-font-color)}.paykka-card-checkout-ali-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-ali-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-ali-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-apple-pay__error{margin-bottom:var(--paykka-spacing-small-5);transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-apple-pay__error{margin-bottom:var(--paykka-spacing-base)}}.paykka-card-checkout-apple-pay__button{width:100%;display:flex;align-items:center;justify-content:center;height:var(--paykka-field-item-height)}.paykka-card-checkout-guide-card{border:1px solid var(--paykka-border-color);border-radius:var(--paykka-border-radius-large);padding:var(--paykka-spacing-small-5);margin-bottom:var(--paykka-spacing-large-1)}@media (min-width: 480px){.paykka-card-checkout-guide-card{padding:var(--paykka-spacing-small-5);margin-bottom:var(--paykka-spacing-large-3)}}.paykka-card-checkout-guide-card__content{display:flex;align-items:center}.paykka-card-checkout-guide-card__icon{flex-shrink:0}.paykka-card-checkout-guide-card__description{color:var(--paykka-gray2-color);font-size:var(--paykka-font-size-small);margin-left:var(--paykka-spacing-small-3)}.paykka-card-checkout-guide-card svg{display:block}.paykka-card-checkout-boost{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-boost{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-boost__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-card-brands{display:flex;flex-wrap:wrap;gap:6px}.paykka-card-checkout-card-brands__more{line-height:32px;font-size:13px;color:var(--paykka-sub-font-color-1)}.paykka-card-checkout-card-no{color:var(--paykka-font-color)}.paykka-card-checkout-card-no__wrapper{display:flex;align-items:center}.paykka-card-checkout-card-no__dot{width:4px;height:4px;background:currentColor;margin-right:var(--paykka-spacing-small-1);border-radius:50%}.paykka-card-checkout-card-no__card-no{margin-left:var(--paykka-spacing-small-1)}.paykka-card-checkout-card-selector{color:var(--paykka-font-color)}.paykka-card-checkout-card-selector__action{padding:var(--paykka-spacing-small-2) var(--paykka-spacing-small-3)}.paykka-card-checkout-card-selector__label{display:flex;align-items:center}.paykka-card-checkout-card-selector__card-no{margin-left:var(--paykka-spacing-small-3);color:var(--paykka-font-color)}.paykka-card-checkout-card-selector__change{display:flex;align-items:center;color:var(--paykka-primary-color);font-size:var(--paykka-font-size-small)}.paykka-card-checkout-check-box{display:inline-flex;align-items:center;font-size:var(--paykka-font-size-small);background-color:transparent;cursor:pointer}.paykka-card-checkout-check-box:hover .paykka-card-checkout-check-box__inner{border-color:var(--paykka-primary-color)}.paykka-card-checkout-check-box--checked .paykka-card-checkout-check-box__inner{border-color:var(--paykka-primary-color);background-color:var(--paykka-primary-color)}.paykka-card-checkout-check-box__inner{width:14px;height:14px;border:1px solid var(--paykka-border-color);border-radius:var(--paykka-border-radius-mini);margin-right:var(--paykka-spacing-small-2);transition:border-color .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.paykka-card-checkout-modal{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.paykka-card-checkout-modal__mask{position:fixed;left:0;right:0;top:0;bottom:0;background-color:var(--paykka-modal-mask-bg-color)}.paykka-card-checkout-modal__content{position:relative;z-index:9999;border-radius:var(--paykka-border-radius-base);background-color:#fff;box-shadow:0 8px 16px -8px #00000014,0 12px 32px #0000000f,0 16px 48px 16px #0000000a;display:flex;flex-direction:column}.paykka-card-checkout-modal__close{cursor:pointer;right:0;position:absolute;transform:translateY(-150%);color:var(--paykka-gray4-color)}.paykka-card-checkout-modal__close:hover{color:#fff}.paykka-card-checkout-modal__body{flex:1;padding:var(--paykka-spacing-small-5);overflow-y:hidden}@media (min-width: 480px){.paykka-card-checkout-modal__body{padding:var(--paykka-spacing-large-1)}}.paykka-card-checkout-three-ds-auth__content{height:100%}.paykka-card-checkout-three-ds-auth__last-three-ds{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow-y:auto}.paykka-card-checkout-three-ds-auth__last-three-ds-title{margin-top:var(--paykka-spacing-base);margin-bottom:var(--paykka-spacing-large-5);color:var(--paykka-font-color);font-size:var(--paykka-font-size-large-2);font-weight:700;text-align:center}.paykka-card-checkout-three-ds-auth__last-three-ds-icon{flex-shrink:0}.paykka-card-checkout-three-ds-auth__three-ds-iframe{display:block;border-radius:var(--paykka-border-radius-base)}.paykka-card-checkout-combined-card-info{width:100%;height:100%;display:flex}.paykka-card-checkout-combined-card-info__card-number{flex:1}.paykka-card-checkout-combined-card-info__expire-date{width:100px}.paykka-card-checkout-combined-card-info__cvv{width:60px}.paykka-card-checkout-combined-card-info__blank-icon{width:16px;height:16px}.paykka-card-checkout-card{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-card{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-card__center{display:flex;justify-content:space-between}.paykka-card-checkout-card__center>div{width:calc((100% - var(--paykka-spacing-small-5)) / 2);transition:width .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-card__center>div{width:calc((100% - var(--paykka-spacing-large-3)) / 2)}}.paykka-card-checkout-card__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-card__card-brands{margin-top:var(--paykka-spacing-small-2)}.paykka-card-checkout-card__card-number-wrapper{position:relative}.paykka-card-checkout-card__change-box{display:flex;align-items:center;color:#4f43df;font-size:var(--paykka-font-size-small);position:absolute;top:0;right:0;cursor:pointer}.paykka-card-checkout-card__card-selector-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:var(--paykka-spacing-base);column-gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-card__card-selector-wrapper{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-card__card-selector{flex:2;min-width:250px}.paykka-card-checkout-card__card-security-code{flex:1}.paykka-card-checkout-google-pay__error{margin-bottom:var(--paykka-spacing-small-5);transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-google-pay__error{margin-bottom:var(--paykka-spacing-base)}}.paykka-card-checkout-nine-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-nine-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-nine-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-line-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-line-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-line-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-tng-wallet{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-tng-wallet{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-tng-wallet__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-may-bank-qr-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-may-bank-qr-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-may-bank-qr-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-shopee-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-shopee-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-shopee-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-grab-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-grab-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-grab-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-qr-code-modal{padding-top:var(--paykka-spacing-base);display:flex;flex-direction:column;align-items:center;justify-content:center}.paykka-card-checkout-qr-code-modal__container{width:208px}.paykka-card-checkout-qr-code-modal__title{font-size:var(--paykka-font-size-large);font-weight:550;text-align:center}.paykka-card-checkout-qr-code-modal__body{margin:var(--paykka-spacing-base) 0;padding:var(--paykka-spacing-small-5);border-radius:var(--paykka-border-radius-base);display:flex;flex-direction:column;align-items:center;justify-content:center}.paykka-card-checkout-qr-code-modal__icon{height:22px}.paykka-card-checkout-qr-code-modal__qr-code{margin-top:var(--paykka-spacing-small-5);width:180px;height:180px;border-radius:var(--paykka-border-radius-small);background-color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.paykka-card-checkout-qr-code-modal__expired-time{margin-top:var(--paykka-spacing-small-5);font-size:var(--paykka-font-size-small);text-align:center}.paykka-card-checkout-qr-code-modal__expired-time-text{font-size:var(--paykka-font-size-small);text-align:center}.paykka-card-checkout-qr-code-modal__amount{font-size:var(--paykka-font-size-large-3);color:var(--paykka-font-color);font-weight:550}.paykka-card-checkout-qr-code-modal__qr-code-container{position:relative}.paykka-card-checkout-qr-code-modal__round-border{margin-top:var(--paykka-spacing-small-5);width:180px;height:180px;position:absolute;top:0;left:0}.paykka-card-checkout-qr-code-modal__round-border-item{width:20px;height:20px;border-top:2px solid #000000;border-left:2px solid #000000;position:absolute}.paykka-card-checkout-qr-code-modal__round-border-item:nth-child(1){top:0;left:0}.paykka-card-checkout-qr-code-modal__round-border-item:nth-child(2){transform:rotate(90deg);top:0;right:0}.paykka-card-checkout-qr-code-modal__round-border-item:nth-child(3){transform:rotate(180deg);bottom:0;right:0}.paykka-card-checkout-qr-code-modal__round-border-item:nth-child(4){transform:rotate(270deg);bottom:0;left:0}.paykka-card-checkout-phone-field__row{display:flex;align-items:stretch;gap:var(--paykka-spacing-small-3);width:100%}.paykka-card-checkout-phone-field__areaCode{flex:0 0 auto;width:88px;min-width:72px}.paykka-card-checkout-phone-field__areaCode-input .paykka-card-checkout-input__input-wrapper{background-color:var(--paykka-field-disabled-bg-color)}.paykka-card-checkout-phone-field__number{flex:1;min-width:0}.paykka-card-checkout-phone-field__areaCode--disabled{pointer-events:none;opacity:.65}.paykka-card-checkout-tooltip{position:relative;display:inline-flex;align-items:center;flex-shrink:0;vertical-align:middle}.paykka-card-checkout-tooltip__trigger{display:inline-flex;align-items:center;cursor:default}.paykka-card-checkout-tooltip__popup{display:none;position:absolute;left:0;bottom:100%;margin-bottom:6px;box-sizing:border-box;width:min(240px,100vw - 24px);padding:var(--paykka-spacing-small-2) var(--paykka-spacing-small-3);font-size:var(--paykka-font-size-small);line-height:1.4;color:var(--paykka-font-color);background:var(--paykka-field-bg-color);border:1px solid var(--paykka-border-color);border-radius:var(--paykka-border-radius-base);box-shadow:0 4px 14px #0000001a;z-index:1;white-space:normal;word-break:normal;overflow-wrap:break-word}.paykka-card-checkout-tooltip__popup:before{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px}.paykka-card-checkout-tooltip:hover .paykka-card-checkout-tooltip__popup{display:block}.paykka-card-checkout-blik-code-field__label-text{color:var(--paykka-field-font-color)}.paykka-card-checkout-blik-code-field__label-info{flex-shrink:0}.paykka-card-checkout-blik-confirm-modal{display:flex;flex-direction:column;align-items:center;text-align:center}.paykka-card-checkout-blik-confirm-modal__illustration{margin-bottom:var(--paykka-spacing-small-4)}.paykka-card-checkout-blik-confirm-modal__illustration-phone{position:relative;display:inline-block;line-height:0}.paykka-card-checkout-blik-confirm-modal__illustration-badge{position:absolute;top:0;right:0;transform:translateY(-10%);box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#ff3b30;color:#fff;font-size:12px;font-weight:700;line-height:1;box-shadow:0 2px 8px #00000038}.paykka-card-checkout-blik-confirm-modal__title{margin:0 0 var(--paykka-spacing-small-3);font-size:var(--paykka-font-size-large);font-weight:600;line-height:1.35;color:var(--paykka-font-color)}.paykka-card-checkout-blik-confirm-modal__description{margin:0 0 var(--paykka-spacing-large-1);font-size:var(--paykka-font-size-small);line-height:1.5;color:var(--paykka-gray3-color)}.paykka-card-checkout-blik-confirm-modal__footer{width:100%}.paykka-card-checkout-blik-confirm-modal__waiting-text{margin-left:var(--paykka-spacing-small-3)}.paykka-card-checkout-gcash{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-gcash{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-gcash__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-paymaya{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-paymaya{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-paymaya__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-zalopay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-zalopay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-zalopay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-vietqr{min-width:var(--paykka-form-min-width)}.paykka-card-checkout-vietqr__field{margin-bottom:var(--paykka-spacing-small-4)}@media (min-width: 480px){.paykka-card-checkout-vietqr__field{margin-bottom:var(--paykka-spacing-base)}}.paykka-card-checkout-vietqr__button{margin-top:var(--paykka-spacing-small-4);transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-vietqr__button{margin-top:var(--paykka-spacing-base)}}.paykka-card-checkout-pix{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-pix{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-pix__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-tip{display:flex;color:var(--paykka-gray2-color);align-items:center;gap:var(--paykka-spacing-small-1)}.paykka-card-checkout-tip__icon{display:flex}.paykka-card-checkout-tip__text{font-size:var(--paykka-font-size-small)}.paykka-card-checkout-pic-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-pic-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-pic-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-opay-wallet{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-opay-wallet{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-opay-wallet__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-paga-wallet{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-paga-wallet{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-paga-wallet__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-ovo{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-ovo{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-ovo__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-payment-button--success{opacity:1!important;background-color:var(--paykka-success-color)!important}.paykka-card-checkout-payment-button__text{line-height:1}.paykka-card-checkout-payment-button__text--not-verified{opacity:.6;color:var(--paykka-button-font-color)}.paykka-card-checkout-bancontact{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-bancontact{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-bancontact__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-blik{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-blik{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-blik__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-ideal{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-ideal{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-ideal__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-skrill{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-skrill{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-skrill__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-p24{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-p24{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-p24__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-trustly{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-trustly{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-trustly__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-payment-tabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;column-gap:6px}.paykka-card-checkout-payment-tabs__tab{border:2px solid #E1E1E5;padding:12px;border-radius:12px;width:calc((100% - 12px) / 3)}@media (min-width: 480px){.paykka-card-checkout-payment-tabs__tab{padding:16px}}.paykka-card-checkout-payment-tabs__name{color:#626266}.paykka-card-checkout-drop-in__header-payment{margin-bottom:var(--paykka-field-label-spacing)}.paykka-card-checkout-drop-in__other{display:flex;justify-content:center;align-items:center;margin-top:var(--paykka-spacing-large-1);margin-bottom:var(--paykka-spacing-large-1)}@media (min-width: 480px){.paykka-card-checkout-drop-in__other{margin-top:var(--paykka-spacing-large-5);margin-bottom:var(--paykka-spacing-large-5)}}.paykka-card-checkout-drop-in__accordion-icon{display:flex;align-items:center}.paykka-card-checkout-drop-in__other-text{margin:0 var(--paykka-spacing-small-5);color:var(--paykka-sub-font-color-2)}.paykka-card-checkout-drop-in__other-line{background-color:var(--paykka-border-color);flex-grow:.5;height:1px}.paykka-card-checkout-drop-in__tabs-wrapper{margin-bottom:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-drop-in__tabs-wrapper{margin-bottom:var(--paykka-spacing-large-1)}}.paykka-card-checkout-drop-in__accordion-icon{margin-right:var(--paykka-spacing-small-3)}.paykka-card-checkout-sepa{min-width:var(--paykka-form-min-width)}.paykka-card-checkout-sepa__field{margin-bottom:var(--paykka-spacing-large-1)}.paykka-card-checkout-sepa__holder-name{padding-bottom:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-sepa__holder-name{padding-bottom:var(--paykka-spacing-base)}}.paykka-card-checkout-sepa__button{margin-top:var(--paykka-spacing-small-5);transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-sepa__button{margin-top:var(--paykka-spacing-base)}}.paykka-card-checkout-wechat-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-wechat-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-wechat-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}:root{--paykka-primary-color: #4F43DF;--paykka-primary-color-hover: #3f33bb;--paykka-primary-color-active: #312498;--paykka-success-color: #00B42A;--paykka-error-color: #F53F3F;--paykka-error-bg-color: #FFECE8;--paykka-primary2-color: #F5F5FA;--paykka-gray1-color: #E1E1E5;--paykka-gray2-color: #A9A9A9;--paykka-gray3-color: #626266;--paykka-gray4-color: #D9D9D9;--paykka-border-radius-mini: 2px;--paykka-border-radius-small: 4px;--paykka-border-radius-base: 8px;--paykka-border-radius-large: 12px;--paykka-font-size-mini: 12px;--paykka-font-size-small: 14px;--paykka-font-size-base: 16px;--paykka-font-size-large: 18px;--paykka-font-size-large-2: 20px;--paykka-font-size-large-3: 22px;--paykka-font-color: #1F1F1F;--paykka-sub-font-color-1: #626266;--paykka-sub-font-color-2: #6E6E7E;--paykka-placeholder-color: #C2C2C2;--paykka-border-color: var(--paykka-gray1-color);--paykka-spacing-small-1: 4px;--paykka-spacing-small-2: 8px;--paykka-spacing-small-3: 12px;--paykka-spacing-small-4: 14px;--paykka-spacing-small-5: 16px;--paykka-spacing-base: 20px;--paykka-spacing-large-1: 24px;--paykka-spacing-large-2: 28px;--paykka-spacing-large-3: 32px;--paykka-spacing-large-4: 36px;--paykka-spacing-large-5: 40px;--paykka-button-bg-color: var(--paykka-primary-color);--paykka-button-bg-color-hover: var(--paykka-primary-color-hover);--paykka-button-bg-color-active: var(--paykka-primary-color-active);--paykka-button-font-color: #FFFFFF;--paykka-field-label-spacing: 10px;--paykka-field-padding: var(--paykka-spacing-small-2) 0;--paykka-field-box-shadow: 0 0 0 1px var(--paykka-primary-color);--paykka-field-item-height: 44px;--paykka-field-bg-color: #FFFFFF;--paykka-field-disabled-bg-color: #F5F5F7;--paykka-field-font-color: var(--paykka-font-color);--apple-pay-button-width: 100%;--apple-pay-button-height: var(--paykka-field-item-height);--apple-pay-button-border-radius: var(--paykka-border-radius-base);--apple-pay-button-padding: 0px 0px;--apple-pay-button-box-sizing: border-box;--paykka-drop-in-title-color: var(--paykka-gray3-color);--paykka-modal-mask-bg-color: rgba(0, 0, 0, .4);--paykka-form-min-width: 250px}.paykka-card-checkout ::-webkit-scrollbar{height:6px;width:6px}.paykka-card-checkout ::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:4px}.paykka-card-checkout ::-webkit-scrollbar-button{display:none!important}.paykka-card-checkout ::-moz-scrollbar-button{display:none!important}.paykka-card-checkout,.paykka-card-checkout *{box-sizing:border-box}
|
|
1
|
+
@charset "UTF-8";.paykka-card-checkout-accordion-item{border:1px solid var(--paykka-border-color);border-radius:var(--paykka-border-radius-base);margin-bottom:var(--paykka-spacing-small-4);padding:0 var(--paykka-spacing-small-4);transition:all .3s linear}@media (min-width: 480px){.paykka-card-checkout-accordion-item{padding:0 var(--paykka-spacing-small-5)}}.paykka-card-checkout-accordion-item--disabled{cursor:not-allowed;opacity:.4;pointer-events:none}.paykka-card-checkout-accordion-item__header{cursor:pointer;display:flex;align-items:center;padding-top:var(--paykka-spacing-small-4);padding-bottom:var(--paykka-spacing-small-4);font-size:var(--paykka-font-size-small);line-height:20px;transition:all .3s linear}@media (min-width: 480px){.paykka-card-checkout-accordion-item__header{padding-top:var(--paykka-spacing-small-5);padding-bottom:var(--paykka-spacing-small-5);font-size:var(--paykka-font-size-base);line-height:22px}}.paykka-card-checkout-accordion-item__title{font-size:var(--paykka-font-size-base);line-height:22px;color:var(--paykka-drop-in-title-color)}.paykka-card-checkout-accordion-item__title--active{color:var(--paykka-primary-color)}.paykka-card-checkout-accordion-item__content{max-height:0;opacity:0;overflow:hidden}.paykka-card-checkout-accordion-item__content--active{opacity:1;padding-bottom:var(--paykka-spacing-small-3)}@media (min-width: 480px){.paykka-card-checkout-accordion-item__content--active{padding-bottom:var(--paykka-spacing-small-5)}}.paykka-card-checkout-form-item{font-size:var(--paykka-font-size-base)}.paykka-card-checkout-form-item__label{display:flex;align-items:center;flex-wrap:wrap;gap:var(--paykka-spacing-small-2);margin-bottom:var(--paykka-spacing-small-2);transition:margin-bottom .1s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;line-height:23px}@media (min-width: 480px){.paykka-card-checkout-form-item__label{margin-bottom:var(--paykka-spacing-small-3)}}.paykka-card-checkout-form-item__error-text{margin-top:var(--paykka-spacing-small-1);color:var(--paykka-error-color);font-size:var(--paykka-font-size-small)}.paykka-card-checkout-input{position:relative;box-sizing:border-box;font-size:var(--paykka-font-size-base)}.paykka-card-checkout-input__input-wrapper{display:flex;align-items:center;height:var(--paykka-field-item-height);width:100%;border-radius:var(--paykka-border-radius-base);border:1px solid var(--paykka-border-color);transition:border .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);background-color:var(--paykka-field-bg-color);caret-color:var(--paykka-card-checkout-input-color, #4F43DF)}.paykka-card-checkout-input__input-wrapper--error{border:1px solid var(--paykka-error-color)}.paykka-card-checkout-input__input-wrapper:active,.paykka-card-checkout-input__input-wrapper--focus,.paykka-card-checkout-input__input-wrapper:focus{border:1px solid var(--paykka-primary-color);box-shadow:0 0 0 1px var(--paykka-primary-color)}.paykka-card-checkout-input__input-wrapper-disabled{cursor:not-allowed;background:var(--paykka-field-disabled-bg-color)}.paykka-card-checkout-input__input-wrapper-disabled:active,.paykka-card-checkout-input__input-wrapper-disabled--focus,.paykka-card-checkout-input__input-wrapper-disabled:focus{border-color:var(--paykka-border-color)!important;box-shadow:none!important}.paykka-card-checkout-input__input{outline:none;border:none;height:100%;width:100%;border-radius:var(--paykka-border-radius-base);caret-color:var(--paykka-primary-color);font-size:var(--paykka-font-size-base);padding-left:var(--paykka-spacing-small-3);background-color:transparent}.paykka-card-checkout-input__input:disabled{color:var(--paykka-disabled-color)!important}.paykka-card-checkout-input__input::placeholder{color:var(--paykka-placeholder-color)}.paykka-card-checkout-input__input:-webkit-autofill,.paykka-card-checkout-input__input:-internal-autofill-selected{background-color:transparent!important}.paykka-card-checkout-input__right-icon{padding-right:var(--paykka-spacing-small-3);display:flex;align-items:center;flex-shrink:0;margin-left:var(--paykka-spacing-small-3)}.paykka-card-checkout-input__right-icon--disabled{opacity:var(--paykka-disabled-opacity);cursor:not-allowed;pointer-events:none}.paykka-card-checkout-input__left-icon{padding-left:var(--paykka-spacing-small-3);display:flex;align-items:center;flex-shrink:0;margin-right:var(--paykka-spacing-small-3)}.paykka-card-checkout-select{color:var(--paykka-field-font-color)}.paykka-card-checkout-select__wrapper{width:100%;position:relative;cursor:pointer}.paykka-card-checkout-select__render-label{position:absolute;top:0;z-index:2;line-height:var(--paykka-field-item-height);height:var(--paykka-field-item-height);padding:0 var(--paykka-spacing-small-3);display:flex;color:var(--paykka-field-font-color)}.paykka-card-checkout-select__render-label--placeholder{color:#c2c2c2}.paykka-card-checkout-select__render-label--hidden{visibility:hidden}.paykka-card-checkout-select__render-label--disabled{color:var(--paykka-disabled-color)!important;pointer-events:none}.paykka-card-checkout-select__menu{margin-top:4px;width:100%;max-height:260px;background:var(--paykka-field-bg-color);box-shadow:0 4px 14px #0000001a;border-radius:var(--paykka-border-radius-base);border:1px solid var(--paykka-border-color);overflow-y:auto;z-index:999;position:absolute}.paykka-card-checkout-select__menu-item{padding:6px 12px;line-height:32px;color:var(--paykka-gray3-color);cursor:pointer;display:flex;justify-content:space-between}.paykka-card-checkout-select__menu-item:hover,.paykka-card-checkout-select__menu-item:active,.paykka-card-checkout-select__menu-item--selected,.paykka-card-checkout-select__menu-item:focus{color:var(--paykka-font-color);background:#f3f3f5}.paykka-card-checkout-select__menu-item-icon{margin-left:10px;display:flex;align-items:center}.paykka-card-checkout-select__menu-no-data{height:200px;display:flex;justify-content:center;align-items:center;color:var(--paykka-placeholder-color)}.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper{padding:var(--paykka-field-padding)}.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper:active,.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper--focus,.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper:focus{position:relative;z-index:1}.paykka-card-checkout-address-field__first-item--no-bottom-radius .paykka-card-checkout-input__input-wrapper{border-bottom-right-radius:0;border-bottom-left-radius:0}.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper{padding:var(--paykka-field-padding);border-radius:0;border-top:0}.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper:active,.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper--focus,.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper:focus{position:relative;z-index:1;border-top:1px solid var(--paykka-primary-color);box-shadow:var(--paykka-field-box-shadow)}.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper-disabled{border-top:0!important}.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper{padding:var(--paykka-field-padding);border-top-right-radius:0;border-top-left-radius:0;border-top:0}.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper:active,.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper--focus,.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper:focus{position:relative;z-index:1;border-top:1px solid var(--paykka-primary-color);box-shadow:var(--paykka-field-box-shadow)}.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper-disabled{border-top:0!important}.paykka-card-checkout-info{display:flex;align-items:center;padding:var(--paykka-spacing-small-3) var(--paykka-spacing-small-5);border-radius:var(--paykka-border-radius-base)}.paykka-card-checkout-info--error{background-color:#ffece8}.paykka-card-checkout-info__icon{margin-right:var(--paykka-spacing-small-2);height:1.3em;display:flex;align-items:center}.paykka-card-checkout-info__content{text-align:justify;word-break:break-all}.paykka-card-checkout-apple-pay__error{margin-bottom:var(--paykka-spacing-small-5);transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-apple-pay__error{margin-bottom:var(--paykka-spacing-base)}}.paykka-card-checkout-apple-pay__button{width:100%;display:flex;align-items:center;justify-content:center;height:var(--paykka-field-item-height);position:relative}.paykka-card-checkout-apple-pay__button--disabled{opacity:var(--paykka-disabled-opacity)!important;cursor:not-allowed!important;pointer-events:none!important}.paykka-card-checkout-card-brands{display:flex;flex-wrap:wrap;gap:6px}.paykka-card-checkout-card-brands__more{line-height:32px;font-size:13px;color:var(--paykka-sub-font-color-1)}.paykka-card-checkout-button{display:flex;align-items:center;justify-content:center;width:100%;height:var(--paykka-field-item-height);padding:0 var(--paykka-spacing-small-3);border-radius:var(--paykka-border-radius-base);border:0;background-color:var(--paykka-button-bg-color);color:var(--paykka-button-font-color);font-size:var(--paykka-font-size-base);cursor:pointer;text-decoration:none;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.paykka-card-checkout-button:not(.paykka-card-checkout-button--loading).paykka-card-checkout-button:not(.paykka-card-checkout-button--disabled).paykka-card-checkout-button:not(.paykka-card-checkout-button--dashed):hover{background-color:var(--paykka-button-bg-color-hover)}.paykka-card-checkout-button:not(.paykka-card-checkout-button--loading).paykka-card-checkout-button:not(.paykka-card-checkout-button--disabled).paykka-card-checkout-button:not(.paykka-card-checkout-button--dashed):active{background-color:var(--paykka-button-bg-color-active)}.paykka-card-checkout-button--loading{cursor:wait}.paykka-card-checkout-button--disabled{cursor:not-allowed;opacity:.5}.paykka-card-checkout-button--dashed{border:1px dashed var(--paykka-border-color);color:var(--paykka-font-color);background-color:transparent}.paykka-card-checkout-button__icon{display:flex;align-items:center;margin-right:var(--paykka-spacing-small-3)}.paykka-card-checkout-card-no{color:var(--paykka-font-color)}.paykka-card-checkout-card-no__wrapper{display:flex;align-items:center}.paykka-card-checkout-card-no__dot{width:4px;height:4px;background:currentColor;margin-right:var(--paykka-spacing-small-1);border-radius:50%}.paykka-card-checkout-card-no__card-no{margin-left:var(--paykka-spacing-small-1)}.paykka-card-checkout-card-selector{color:var(--paykka-font-color)}.paykka-card-checkout-card-selector__action{padding:var(--paykka-spacing-small-2) var(--paykka-spacing-small-3)}.paykka-card-checkout-card-selector__label{display:flex;align-items:center}.paykka-card-checkout-card-selector__card-no{margin-left:var(--paykka-spacing-small-3);color:var(--paykka-font-color)}.paykka-card-checkout-card-selector__change{display:flex;align-items:center;color:var(--paykka-primary-color);font-size:var(--paykka-font-size-small)}.paykka-card-checkout-check-box{display:inline-flex;align-items:center;font-size:var(--paykka-font-size-small);background-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none}.paykka-card-checkout-check-box:hover .paykka-card-checkout-check-box__inner{border-color:var(--paykka-primary-color)}.paykka-card-checkout-check-box--disabled{cursor:not-allowed;opacity:var(--paykka-disabled-opacity);pointer-events:none}.paykka-card-checkout-check-box--disabled .paykka-card-checkout-check-box__inner{border-color:var(--paykka-border-color)!important}.paykka-card-checkout-check-box--checked .paykka-card-checkout-check-box__inner{border-color:var(--paykka-primary-color);background-color:var(--paykka-primary-color)}.paykka-card-checkout-check-box__inner{width:14px;height:14px;border:1px solid var(--paykka-border-color);border-radius:var(--paykka-border-radius-mini);margin-right:var(--paykka-spacing-small-2);transition:border-color .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.paykka-card-checkout-recurring-tip{display:flex;align-items:center;color:var(--paykka-gray2-color)}.paykka-card-checkout-recurring-tip__icon{width:20px;display:flex;padding-top:var(--paykka-spacing-small-1);padding-right:var(--paykka-spacing-small-1)}.paykka-card-checkout-recurring-tip__text{font-size:var(--paykka-font-size-small)}.paykka-card-checkout-loading-check{display:inline-flex;align-items:center;overflow:hidden;--circle-transition-time: .3s;--check-dashoffset: 50}.paykka-card-checkout-loading-check__circle{transition:stroke-dasharray var(--circle-transition-time) linear}.paykka-card-checkout-loading-check__circle--loading{animation:spin 1s infinite linear;transform-origin:center}.paykka-card-checkout-loading-check__check{stroke-dasharray:var(--check-dashoffset);stroke-dashoffset:var(--check-dashoffset);animation:tick .5s ease-out;animation-fill-mode:forwards;animation-delay:var(--circle-transition-time)}@keyframes tick{0%{stroke-dashoffset:var(--check-dashoffset)}to{stroke-dashoffset:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.paykka-card-checkout-submit-button--success{opacity:1!important;background-color:var(--paykka-success-color)!important}.paykka-card-checkout-submit-button__text{line-height:1}.paykka-card-checkout-submit-button__text--not-verified{opacity:.6;color:var(--paykka-button-font-color)}.paykka-card-checkout-modal{position:fixed;left:0;right:0;top:0;bottom:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.paykka-card-checkout-modal__mask{position:fixed;left:0;right:0;top:0;bottom:0;background-color:var(--paykka-modal-mask-bg-color)}.paykka-card-checkout-modal__content{position:relative;z-index:9999;border-radius:var(--paykka-border-radius-base);background-color:#fff;box-shadow:0 8px 16px -8px #00000014,0 12px 32px #0000000f,0 16px 48px 16px #0000000a;display:flex;flex-direction:column}.paykka-card-checkout-modal__close{cursor:pointer;right:0;position:absolute;transform:translateY(-150%);color:var(--paykka-gray4-color)}.paykka-card-checkout-modal__close:hover{color:#fff}.paykka-card-checkout-modal__body{flex:1;padding:var(--paykka-spacing-small-5);overflow-y:hidden}@media (min-width: 480px){.paykka-card-checkout-modal__body{padding:var(--paykka-spacing-large-1)}}.paykka-card-checkout-loading{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.paykka-card-checkout-loading__fixed{position:fixed}.paykka-card-checkout-loading__dots{display:flex;align-items:center;justify-content:center;flex-direction:column}.paykka-card-checkout-loading__dot{box-sizing:border-box;display:inline-block;position:relative;width:32px;height:32px;font-size:32px;transform:rotate(45deg);animation:rotate 1.2s infinite linear}.paykka-card-checkout-loading__dot i{display:block;position:absolute;width:14px;height:14px;background-color:var(--paykka-primary-color);border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:spinMove 1s infinite linear alternate}.paykka-card-checkout-loading__dot i:nth-child(1){top:0;left:0}.paykka-card-checkout-loading__dot i:nth-child(2){top:0;right:0;animation-delay:.4s}.paykka-card-checkout-loading__dot i:nth-child(3){right:0;bottom:0;animation-delay:.8s}.paykka-card-checkout-loading__dot i:nth-child(4){bottom:0;left:0;animation-delay:1.2s}@keyframes rotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes spinMove{to{opacity:1}}.paykka-card-checkout-three-ds-auth__content{position:relative;height:100%}.paykka-card-checkout-three-ds-auth__last-three-ds{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow-y:auto}.paykka-card-checkout-three-ds-auth__last-three-ds-title{margin-top:var(--paykka-spacing-base);margin-bottom:var(--paykka-spacing-large-5);color:var(--paykka-font-color);font-size:var(--paykka-font-size-large-2);font-weight:700;text-align:center}.paykka-card-checkout-three-ds-auth__last-three-ds-icon{flex-shrink:0}.paykka-card-checkout-three-ds-auth__three-ds-iframe{display:block;border-radius:var(--paykka-border-radius-base)}.paykka-card-checkout-combined-card-info{width:100%;height:100%;display:flex}.paykka-card-checkout-combined-card-info__card-number{flex:1}.paykka-card-checkout-combined-card-info__expire-date{width:100px}.paykka-card-checkout-combined-card-info__cvv{width:60px}.paykka-card-checkout-combined-card-info__blank-icon{width:16px;height:16px}.paykka-card-checkout-payment-button--success{opacity:1!important;background-color:var(--paykka-success-color)!important}.paykka-card-checkout-payment-button__text{line-height:1}.paykka-card-checkout-payment-button__text--not-verified{opacity:.6;color:var(--paykka-button-font-color)}.paykka-card-checkout-card{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-card{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-card__center{display:flex;justify-content:space-between}.paykka-card-checkout-card__center>div{width:calc((100% - var(--paykka-spacing-small-5)) / 2);transition:width .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-card__center>div{width:calc((100% - var(--paykka-spacing-large-3)) / 2)}}.paykka-card-checkout-card__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-card__card-brands{margin-top:var(--paykka-spacing-small-2)}.paykka-card-checkout-card__card-number-wrapper{position:relative}.paykka-card-checkout-card__change-box{display:flex;align-items:center;color:#4f43df;font-size:var(--paykka-font-size-small);position:absolute;top:0;right:0;cursor:pointer}.paykka-card-checkout-card__change-box--disabled{opacity:var(--paykka-disabled-opacity);cursor:not-allowed;pointer-events:none}.paykka-card-checkout-card__card-selector-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:var(--paykka-spacing-base);column-gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-card__card-selector-wrapper{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-card__card-selector{flex:2;min-width:250px}.paykka-card-checkout-card__card-security-code{flex:1}.paykka-card-checkout-google-pay__button{position:relative}.paykka-card-checkout-google-pay__button--disabled{opacity:var(--paykka-disabled-opacity)!important;cursor:not-allowed!important;pointer-events:none!important}.paykka-card-checkout-google-pay__error{margin-bottom:var(--paykka-spacing-small-5);transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-google-pay__error{margin-bottom:var(--paykka-spacing-base)}}.paykka-card-checkout-boost{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-boost{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-boost__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-guide-card{border:1px solid var(--paykka-border-color);border-radius:var(--paykka-border-radius-large);padding:var(--paykka-spacing-small-5);margin-bottom:var(--paykka-spacing-large-1)}@media (min-width: 480px){.paykka-card-checkout-guide-card{padding:var(--paykka-spacing-small-5);margin-bottom:var(--paykka-spacing-large-3)}}.paykka-card-checkout-guide-card__content{display:flex;align-items:center}.paykka-card-checkout-guide-card__icon{flex-shrink:0}.paykka-card-checkout-guide-card__description{color:var(--paykka-gray2-color);font-size:var(--paykka-font-size-small);margin-left:var(--paykka-spacing-small-3)}.paykka-card-checkout-guide-card svg{display:block}.paykka-card-checkout-nine-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-nine-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-nine-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-line-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-line-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-line-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-tng-wallet{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-tng-wallet{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-tng-wallet__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-may-bank-qr-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-may-bank-qr-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-may-bank-qr-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-shopee-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-shopee-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-shopee-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-grab-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-grab-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-grab-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-qr-code-modal{padding-top:var(--paykka-spacing-base);display:flex;flex-direction:column;align-items:center;justify-content:center}.paykka-card-checkout-qr-code-modal__container{width:208px}.paykka-card-checkout-qr-code-modal__title{font-size:var(--paykka-font-size-large);font-weight:550;text-align:center}.paykka-card-checkout-qr-code-modal__body{margin:var(--paykka-spacing-base) 0;padding:var(--paykka-spacing-small-5);border-radius:var(--paykka-border-radius-base);display:flex;flex-direction:column;align-items:center;justify-content:center}.paykka-card-checkout-qr-code-modal__icon{height:22px}.paykka-card-checkout-qr-code-modal__qr-code{margin-top:var(--paykka-spacing-small-5);width:180px;height:180px;border-radius:var(--paykka-border-radius-small);background-color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.paykka-card-checkout-qr-code-modal__expired-time{margin-top:var(--paykka-spacing-small-5);font-size:var(--paykka-font-size-small);text-align:center}.paykka-card-checkout-qr-code-modal__expired-time-text{font-size:var(--paykka-font-size-small);text-align:center}.paykka-card-checkout-qr-code-modal__amount{font-size:var(--paykka-font-size-large-3);color:var(--paykka-font-color);font-weight:550}.paykka-card-checkout-qr-code-modal__qr-code-container{position:relative}.paykka-card-checkout-qr-code-modal__round-border{margin-top:var(--paykka-spacing-small-5);width:180px;height:180px;position:absolute;top:0;left:0}.paykka-card-checkout-qr-code-modal__round-border-item{width:20px;height:20px;border-top:2px solid #000000;border-left:2px solid #000000;position:absolute}.paykka-card-checkout-qr-code-modal__round-border-item:nth-child(1){top:0;left:0}.paykka-card-checkout-qr-code-modal__round-border-item:nth-child(2){transform:rotate(90deg);top:0;right:0}.paykka-card-checkout-qr-code-modal__round-border-item:nth-child(3){transform:rotate(180deg);bottom:0;right:0}.paykka-card-checkout-qr-code-modal__round-border-item:nth-child(4){transform:rotate(270deg);bottom:0;left:0}.paykka-card-checkout-phone-field__row{display:flex;align-items:stretch;gap:var(--paykka-spacing-small-3);width:100%}.paykka-card-checkout-phone-field__areaCode{flex:0 0 auto;width:88px;min-width:72px}.paykka-card-checkout-phone-field__areaCode-input .paykka-card-checkout-input__input-wrapper{background-color:var(--paykka-field-disabled-bg-color)}.paykka-card-checkout-phone-field__number{flex:1;min-width:0}.paykka-card-checkout-phone-field__areaCode--disabled{pointer-events:none}.paykka-card-checkout-tooltip{position:relative;display:inline-flex;align-items:center;flex-shrink:0;vertical-align:middle}.paykka-card-checkout-tooltip__trigger{display:inline-flex;align-items:center;cursor:default}.paykka-card-checkout-tooltip__popup{display:none;position:absolute;left:0;bottom:100%;margin-bottom:6px;box-sizing:border-box;width:min(240px,100vw - 24px);padding:var(--paykka-spacing-small-2) var(--paykka-spacing-small-3);font-size:var(--paykka-font-size-small);line-height:1.4;color:var(--paykka-font-color);background:var(--paykka-field-bg-color);border:1px solid var(--paykka-border-color);border-radius:var(--paykka-border-radius-base);box-shadow:0 4px 14px #0000001a;z-index:1;white-space:normal;word-break:normal;overflow-wrap:break-word}.paykka-card-checkout-tooltip__popup:before{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px}.paykka-card-checkout-tooltip:hover .paykka-card-checkout-tooltip__popup{display:block}.paykka-card-checkout-blik-code-field__label-text{color:var(--paykka-field-font-color)}.paykka-card-checkout-blik-code-field__label-info{flex-shrink:0}.paykka-card-checkout-blik-confirm-modal{display:flex;flex-direction:column;align-items:center;text-align:center}.paykka-card-checkout-blik-confirm-modal__illustration{margin-bottom:var(--paykka-spacing-small-4)}.paykka-card-checkout-blik-confirm-modal__illustration-phone{position:relative;display:inline-block;line-height:0}.paykka-card-checkout-blik-confirm-modal__illustration-badge{position:absolute;top:0;right:0;transform:translateY(-10%);box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:#ff3b30;color:#fff;font-size:12px;font-weight:700;line-height:1;box-shadow:0 2px 8px #00000038}.paykka-card-checkout-blik-confirm-modal__title{margin:0 0 var(--paykka-spacing-small-3);font-size:var(--paykka-font-size-large);font-weight:600;line-height:1.35;color:var(--paykka-font-color)}.paykka-card-checkout-blik-confirm-modal__description{margin:0 0 var(--paykka-spacing-large-1);font-size:var(--paykka-font-size-small);line-height:1.5;color:var(--paykka-gray3-color)}.paykka-card-checkout-blik-confirm-modal__footer{width:100%}.paykka-card-checkout-blik-confirm-modal__waiting-text{margin-left:var(--paykka-spacing-small-3)}.paykka-card-checkout-gcash{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-gcash{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-gcash__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-paymaya{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-paymaya{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-paymaya__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-zalopay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-zalopay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-zalopay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-vietqr{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-vietqr{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-vietqr__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-pix{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-pix{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-pix__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-tip{display:flex;color:var(--paykka-gray2-color);align-items:center;gap:var(--paykka-spacing-small-1)}.paykka-card-checkout-tip__icon{display:flex}.paykka-card-checkout-tip__text{font-size:var(--paykka-font-size-small)}.paykka-card-checkout-pic-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-pic-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-pic-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-opay-wallet{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-opay-wallet{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-opay-wallet__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-paga-wallet{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-paga-wallet{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-paga-wallet__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-ovo{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-ovo{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-ovo__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-bancontact{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-bancontact{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-bancontact__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-blik{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-blik{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-blik__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-ideal{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-ideal{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-ideal__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-skrill{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-skrill{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-skrill__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-p24{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-p24{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-p24__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-trustly{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-trustly{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-trustly__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-ali-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-ali-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-ali-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-wechat-pay{min-width:var(--paykka-form-min-width);display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-wechat-pay{gap:var(--paykka-spacing-base)}}.paykka-card-checkout-wechat-pay__footer-wrapper{display:flex;flex-direction:column;gap:var(--paykka-spacing-small-5);margin-top:var(--paykka-spacing-small-5)}.paykka-card-checkout-drop-in__header-payment{margin-bottom:var(--paykka-field-label-spacing)}.paykka-card-checkout-drop-in__other{display:flex;justify-content:center;align-items:center;margin-top:var(--paykka-spacing-large-1);margin-bottom:var(--paykka-spacing-large-1)}@media (min-width: 480px){.paykka-card-checkout-drop-in__other{margin-top:var(--paykka-spacing-large-5);margin-bottom:var(--paykka-spacing-large-5)}}.paykka-card-checkout-drop-in__accordion-icon{display:flex;align-items:center;margin-right:var(--paykka-spacing-small-3)}.paykka-card-checkout-drop-in__other-text{margin:0 var(--paykka-spacing-small-5);color:var(--paykka-sub-font-color-2)}.paykka-card-checkout-drop-in__other-line{background-color:var(--paykka-border-color);flex-grow:.5;height:1px}.paykka-card-checkout-drop-in__tabs-wrapper{margin-bottom:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-drop-in__tabs-wrapper{margin-bottom:var(--paykka-spacing-large-1)}}.paykka-card-checkout-sepa{min-width:var(--paykka-form-min-width)}.paykka-card-checkout-sepa__field{margin-bottom:var(--paykka-spacing-large-1)}.paykka-card-checkout-sepa__holder-name{padding-bottom:var(--paykka-spacing-small-5)}@media (min-width: 480px){.paykka-card-checkout-sepa__holder-name{padding-bottom:var(--paykka-spacing-base)}}.paykka-card-checkout-sepa__button{margin-top:var(--paykka-spacing-small-5);transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-sepa__button{margin-top:var(--paykka-spacing-base)}}:root{--paykka-primary-color: #4F43DF;--paykka-primary-color-hover: #3f33bb;--paykka-primary-color-active: #312498;--paykka-success-color: #00B42A;--paykka-error-color: #F53F3F;--paykka-error-bg-color: #FFECE8;--paykka-primary2-color: #F5F5FA;--paykka-disabled-color: rgba(0, 0, 0, .7);--paykka-disabled-opacity: .7;--paykka-gray1-color: #E1E1E5;--paykka-gray2-color: #A9A9A9;--paykka-gray3-color: #626266;--paykka-gray4-color: #D9D9D9;--paykka-border-radius-mini: 2px;--paykka-border-radius-small: 4px;--paykka-border-radius-base: 8px;--paykka-border-radius-large: 12px;--paykka-font-size-mini: 12px;--paykka-font-size-small: 14px;--paykka-font-size-base: 16px;--paykka-font-size-large: 18px;--paykka-font-size-large-2: 20px;--paykka-font-size-large-3: 22px;--paykka-font-color: #1F1F1F;--paykka-sub-font-color-1: #626266;--paykka-sub-font-color-2: #6E6E7E;--paykka-placeholder-color: #C2C2C2;--paykka-border-color: var(--paykka-gray1-color);--paykka-spacing-small-1: 4px;--paykka-spacing-small-2: 8px;--paykka-spacing-small-3: 12px;--paykka-spacing-small-4: 14px;--paykka-spacing-small-5: 16px;--paykka-spacing-base: 20px;--paykka-spacing-large-1: 24px;--paykka-spacing-large-2: 28px;--paykka-spacing-large-3: 32px;--paykka-spacing-large-4: 36px;--paykka-spacing-large-5: 40px;--paykka-button-bg-color: var(--paykka-primary-color);--paykka-button-bg-color-hover: var(--paykka-primary-color-hover);--paykka-button-bg-color-active: var(--paykka-primary-color-active);--paykka-button-font-color: #FFFFFF;--paykka-field-label-spacing: 10px;--paykka-field-padding: var(--paykka-spacing-small-2) 0;--paykka-field-box-shadow: 0 0 0 1px var(--paykka-primary-color);--paykka-field-item-height: 44px;--paykka-field-bg-color: #FFFFFF;--paykka-field-disabled-bg-color: #F5F5F7;--paykka-field-font-color: var(--paykka-font-color);--apple-pay-button-width: 100%;--apple-pay-button-height: var(--paykka-field-item-height);--apple-pay-button-border-radius: var(--paykka-border-radius-base);--apple-pay-button-padding: 0px 0px;--apple-pay-button-box-sizing: border-box;--paykka-drop-in-title-color: var(--paykka-gray3-color);--paykka-modal-mask-bg-color: rgba(0, 0, 0, .4);--paykka-form-min-width: 250px}.paykka-card-checkout ::-webkit-scrollbar{height:6px;width:6px}.paykka-card-checkout ::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:4px}.paykka-card-checkout ::-webkit-scrollbar-button{display:none!important}.paykka-card-checkout ::-moz-scrollbar-button{display:none!important}.paykka-card-checkout,.paykka-card-checkout *{box-sizing:border-box}
|
package/dist/es/types/event.js
CHANGED
|
@@ -10,6 +10,7 @@ var FraudDetectionEventType = /* @__PURE__ */ ((FraudDetectionEventType2) => {
|
|
|
10
10
|
return FraudDetectionEventType2;
|
|
11
11
|
})(FraudDetectionEventType || {});
|
|
12
12
|
var ApplePayEventType = /* @__PURE__ */ ((ApplePayEventType2) => {
|
|
13
|
+
ApplePayEventType2["APPLE_PAY_ENV_CHECK_ERROR"] = "applePay:envCheckError";
|
|
13
14
|
ApplePayEventType2["APPLE_PAY_LOAD_ERROR"] = "applePay:loadError";
|
|
14
15
|
ApplePayEventType2["APPLE_PAY_CAN_NOT_USE"] = "applePay:canNotUse";
|
|
15
16
|
ApplePayEventType2["APPLE_PAY_BUTTON_CLICKED"] = "applePay:buttonClicked";
|
|
@@ -26,6 +27,13 @@ var GooglePayEventType = /* @__PURE__ */ ((GooglePayEventType2) => {
|
|
|
26
27
|
GooglePayEventType2["GOOGLE_PAY_CANCELLED"] = "googlePay:cancelled";
|
|
27
28
|
return GooglePayEventType2;
|
|
28
29
|
})(GooglePayEventType || {});
|
|
30
|
+
var WechatPayEventType = /* @__PURE__ */ ((WechatPayEventType2) => {
|
|
31
|
+
WechatPayEventType2["WECHAT_PAY_START"] = "wechatPay:start";
|
|
32
|
+
WechatPayEventType2["WECHAT_PAY_SUCCESS"] = "wechatPay:success";
|
|
33
|
+
WechatPayEventType2["WECHAT_PAY_FAILURE"] = "wechatPay:failure";
|
|
34
|
+
WechatPayEventType2["WECHAT_PAY_CANCELLED"] = "wechatPay:cancelled";
|
|
35
|
+
return WechatPayEventType2;
|
|
36
|
+
})(WechatPayEventType || {});
|
|
29
37
|
var PaymentEventType = /* @__PURE__ */ ((PaymentEventType2) => {
|
|
30
38
|
PaymentEventType2["PAYMENT_START"] = "payment:start";
|
|
31
39
|
PaymentEventType2["PAYMENT_RESPONSE"] = "payment:response";
|
|
@@ -42,6 +50,7 @@ var ThreeDSEventType = /* @__PURE__ */ ((ThreeDSEventType2) => {
|
|
|
42
50
|
ThreeDSEventType2["THREE_DS_CONTINUE"] = "threeDS:continue";
|
|
43
51
|
ThreeDSEventType2["THREE_DS_END"] = "threeDS:end";
|
|
44
52
|
ThreeDSEventType2["THREE_DS_AUTH"] = "threeDS:auth";
|
|
53
|
+
ThreeDSEventType2["THREE_DS_INNER_CHANNEL"] = "threeDS:innerChannel";
|
|
45
54
|
return ThreeDSEventType2;
|
|
46
55
|
})(ThreeDSEventType || {});
|
|
47
56
|
var SecurityIframeEventType = /* @__PURE__ */ ((SecurityIframeEventType2) => {
|
|
@@ -61,5 +70,6 @@ export {
|
|
|
61
70
|
LoggerEventType,
|
|
62
71
|
PaymentEventType,
|
|
63
72
|
SecurityIframeEventType,
|
|
64
|
-
ThreeDSEventType
|
|
73
|
+
ThreeDSEventType,
|
|
74
|
+
WechatPayEventType
|
|
65
75
|
};
|
package/dist/es/types/index.js
CHANGED
|
@@ -17,6 +17,12 @@ var PaymentStatus = /* @__PURE__ */ ((PaymentStatus2) => {
|
|
|
17
17
|
PaymentStatus2["IN_PREVIOUS_THREEDS"] = "IN_PREVIOUS_THREEDS";
|
|
18
18
|
return PaymentStatus2;
|
|
19
19
|
})(PaymentStatus || {});
|
|
20
|
+
var PaymentAction = /* @__PURE__ */ ((PaymentAction2) => {
|
|
21
|
+
PaymentAction2["SCAN_CODE"] = "SCAN_CODE";
|
|
22
|
+
PaymentAction2["REDIRECT"] = "REDIRECT";
|
|
23
|
+
PaymentAction2["REDIRECT_POST"] = "REDIRECT_POST";
|
|
24
|
+
return PaymentAction2;
|
|
25
|
+
})(PaymentAction || {});
|
|
20
26
|
var CardBrandCode = /* @__PURE__ */ ((CardBrandCode2) => {
|
|
21
27
|
CardBrandCode2["VISA"] = "VISA";
|
|
22
28
|
CardBrandCode2["MASTER_CARD"] = "MASTER_CARD";
|
|
@@ -65,6 +71,7 @@ const inputStyleAttrs = [
|
|
|
65
71
|
export {
|
|
66
72
|
CardBrandCode,
|
|
67
73
|
EPayKKaEnv,
|
|
74
|
+
PaymentAction,
|
|
68
75
|
PaymentStatus,
|
|
69
76
|
defaultInputStyleConfig,
|
|
70
77
|
inputStyleAttrs
|
package/dist/es/types/message.js
CHANGED
|
@@ -22,9 +22,11 @@ var MessageAction = /* @__PURE__ */ ((MessageAction2) => {
|
|
|
22
22
|
MessageAction2["THREE_DS_STATUS_INIT"] = "threeDSStatusInit";
|
|
23
23
|
MessageAction2["THREE_DS_STATUS_CONFIG"] = "threeDSStatusConfig";
|
|
24
24
|
MessageAction2["THREE_DS_AUTH_LOADED"] = "threeDSAuthLoaded";
|
|
25
|
+
MessageAction2["THREE_DS_INNER_CHANNEL_LOADED"] = "threeDSInnerChannelLoaded";
|
|
25
26
|
MessageAction2["DEBUG_MODE"] = "debugMode";
|
|
26
27
|
MessageAction2["DDC_RESULT"] = "ddcResult";
|
|
27
28
|
MessageAction2["DDC_JWT_BIN"] = "ddcJwtBin";
|
|
29
|
+
MessageAction2["DDC_CARD_BIN"] = "ddcCardBin";
|
|
28
30
|
MessageAction2["IFRAME_ERROR"] = "iframeError";
|
|
29
31
|
return MessageAction2;
|
|
30
32
|
})(MessageAction || {});
|
package/dist/es/utils/array.js
CHANGED
|
@@ -1,9 +1,23 @@
|
|
|
1
|
-
const
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
const intersection = (...arrays) => {
|
|
2
|
+
if (!arrays.length)
|
|
3
|
+
return [];
|
|
4
|
+
let result = arrays[0];
|
|
5
|
+
for (let i = 1; i < arrays.length; i++) {
|
|
6
|
+
const set = new Set(result);
|
|
7
|
+
result = arrays[i].filter((item) => set.has(item));
|
|
5
8
|
}
|
|
9
|
+
return result;
|
|
10
|
+
};
|
|
11
|
+
const difference = (...arrays) => {
|
|
12
|
+
if (!arrays.length)
|
|
13
|
+
return [];
|
|
14
|
+
const [source, ...excludes] = arrays;
|
|
15
|
+
if (!excludes.length)
|
|
16
|
+
return [...source];
|
|
17
|
+
const excludeSet = new Set(excludes.flat());
|
|
18
|
+
return source.filter((item) => !excludeSet.has(item));
|
|
6
19
|
};
|
|
7
20
|
export {
|
|
8
|
-
|
|
21
|
+
difference,
|
|
22
|
+
intersection
|
|
9
23
|
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { add, multiply } from "../number.js";
|
|
2
|
+
const calcAmountWithFee = (amount, channelParams) => {
|
|
3
|
+
const { neededToCompute, transactionFee, percentageFee, fee, totalAmount } = channelParams ?? {};
|
|
4
|
+
if (!neededToCompute || !amount)
|
|
5
|
+
return amount;
|
|
6
|
+
if (totalAmount == null ? void 0 : totalAmount.amount) {
|
|
7
|
+
return totalAmount.amount;
|
|
8
|
+
} else {
|
|
9
|
+
const externalFee = (fee == null ? void 0 : fee.amount) ? fee.amount : add(transactionFee || 0, multiply(percentageFee || 0, amount));
|
|
10
|
+
return add(amount, externalFee);
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
calcAmountWithFee
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/dist/es/utils/detect.js
CHANGED
|
@@ -1,6 +1,14 @@
|
|
|
1
|
+
import { PayEnv } from "../constant.js";
|
|
1
2
|
const isEventSupported = (eventName, element = document.createElement("div")) => {
|
|
2
3
|
return "on" + eventName in element;
|
|
3
4
|
};
|
|
5
|
+
const getPayEnv = () => {
|
|
6
|
+
const userAgent = navigator.userAgent.toLowerCase();
|
|
7
|
+
const isWx = userAgent.includes("micromessenger") && !userAgent.includes("wxwork");
|
|
8
|
+
const isAli = userAgent.includes("alipay");
|
|
9
|
+
return isWx ? PayEnv.WX_WEB : isAli ? PayEnv.ALI_WEB : PayEnv.WEB;
|
|
10
|
+
};
|
|
4
11
|
export {
|
|
12
|
+
getPayEnv,
|
|
5
13
|
isEventSupported
|
|
6
14
|
};
|