@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.
Files changed (381) hide show
  1. package/README.md +1 -1
  2. package/dist/card-checkout-ui.js +53 -25
  3. package/dist/card-checkout-ui.umd.cjs +53 -25
  4. package/dist/es/api/http.js +1 -1
  5. package/dist/es/api/index.js +1 -1
  6. package/dist/es/api/modules/checkout/index.js +1 -3
  7. package/dist/es/api/modules/checkout/map.js +12 -4
  8. package/dist/es/api/modules/encrypted-card/index.js +3 -2
  9. package/dist/es/api/modules/get-browser-params.js +4 -8
  10. package/dist/es/api/modules/index.js +1 -1
  11. package/dist/es/api/modules/map.js +4 -1
  12. package/dist/es/api/modules/threeDS/index.js +16 -2
  13. package/dist/es/components/AccordionItem/AccordionItem.js +1 -3
  14. package/dist/es/components/AccountNameField/index.js +1 -1
  15. package/dist/es/components/AddressField/index.js +14 -4
  16. package/dist/es/components/ApplePay/index.js +74 -58
  17. package/dist/es/components/CPFField/index.js +3 -2
  18. package/dist/es/components/Card/index.js +192 -157
  19. package/dist/es/components/CardBrands/index.js +1 -1
  20. package/dist/es/components/CardExpireDateField/index.js +3 -2
  21. package/dist/es/components/CardHolderNameField/index.js +1 -1
  22. package/dist/es/components/CardIBANField/index.js +1 -1
  23. package/dist/es/components/CardNo/index.js +3 -3
  24. package/dist/es/components/CardNumberField/index.js +3 -2
  25. package/dist/es/components/CardSecurityCodeField/index.js +3 -2
  26. package/dist/es/components/CardSelector/index.js +5 -4
  27. package/dist/es/components/CombinedCardInfo/index.js +1 -1
  28. package/dist/es/components/DropIn/index.js +141 -144
  29. package/dist/es/components/EmailField/EmailField.js +1 -1
  30. package/dist/es/components/EncryptedCard/index.js +5 -5
  31. package/dist/es/components/GooglePay/index.js +126 -114
  32. package/dist/es/components/GuideCard/index.js +2 -2
  33. package/dist/es/components/PaymentButton/index.js +23 -8
  34. package/dist/es/components/RecurringTip/index.js +1 -1
  35. package/dist/es/components/SecuredFieldsProvider/index.js +31 -9
  36. package/dist/es/components/SecuredIframe/index.js +43 -27
  37. package/dist/es/components/Sepa/index.js +15 -7
  38. package/dist/es/components/SubmitButton/index.js +3 -3
  39. package/dist/es/components/ThreeDS/index.js +59 -30
  40. package/dist/es/components/Tip/index.js +1 -1
  41. package/dist/es/components/business/BlikCodeField/BlikCodeField.js +1 -1
  42. package/dist/es/components/business/BlikCodeField/index.js +1 -1
  43. package/dist/es/components/business/BlikConfirmModal/BlikConfirmModal.js +3 -3
  44. package/dist/es/components/business/BlikConfirmModal/index.js +2 -2
  45. package/dist/es/components/business/NameField/NameField.js +1 -1
  46. package/dist/es/components/business/NameField/index.js +1 -1
  47. package/dist/es/components/business/PhoneField/PhoneField.js +2 -1
  48. package/dist/es/components/business/PhoneField/index.js +1 -1
  49. package/dist/es/components/business/QRCodeModal/QRCodeModal.js +2 -2
  50. package/dist/es/components/business/QRCodeModal/index.js +1 -1
  51. package/dist/es/components/business/Tooltip/Tooltip.js +1 -1
  52. package/dist/es/components/business/Tooltip/index.js +1 -1
  53. package/dist/es/components/business/index.js +2 -2
  54. package/dist/es/components/index.js +11 -11
  55. package/dist/es/components/internal/Accordion/index.js +1 -1
  56. package/dist/es/components/internal/Button/{Button.js → Button2.js} +2 -2
  57. package/dist/es/components/internal/Button/index.js +2 -2
  58. package/dist/es/components/internal/CheckBox/CheckBox.js +3 -3
  59. package/dist/es/components/internal/CheckBox/index.js +1 -1
  60. package/dist/es/components/internal/Form/type.js +1 -1
  61. package/dist/es/components/internal/Info/Info.js +1 -1
  62. package/dist/es/components/internal/Info/index.js +1 -1
  63. package/dist/es/components/internal/Input/Input.js +1 -1
  64. package/dist/es/components/internal/Input/type.js +1 -1
  65. package/dist/es/components/internal/Loading/Loading2.js +20 -0
  66. package/dist/es/{api/modules/vietqr → components/internal/Loading}/index.js +3 -2
  67. package/dist/es/components/internal/Loading/loading.js +1 -0
  68. package/dist/es/components/internal/LoadingCheck/LoadingCheck.js +1 -1
  69. package/dist/es/components/internal/LoadingCheck/index.js +1 -1
  70. package/dist/es/components/internal/Modal/Modal.js +1 -1
  71. package/dist/es/components/internal/QRCode/QRCode.js +1 -1
  72. package/dist/es/components/internal/QRCode/index.js +1 -1
  73. package/dist/es/components/internal/Select/Select.js +5 -2
  74. package/dist/es/components/internal/Select/SelectMenu.js +1 -1
  75. package/dist/es/components/internal/Select/SelectMenuItem.js +1 -1
  76. package/dist/es/components/internal/icons/IconAlipayPlus.js +116 -0
  77. package/dist/es/components/internal/icons/IconArrowDown.js +4 -4
  78. package/dist/es/components/internal/icons/IconBancontact.js +69 -14
  79. package/dist/es/components/internal/icons/IconBlik.js +541 -21
  80. package/dist/es/components/internal/icons/IconError.js +2 -2
  81. package/dist/es/components/internal/icons/IconIdeal.js +61 -29
  82. package/dist/es/components/internal/icons/IconSkrill.js +14 -7
  83. package/dist/es/components/internal/icons/IconSuccess.js +2 -2
  84. package/dist/es/components/internal/icons/IconTrustly.js +11 -44
  85. package/dist/es/components/internal/icons/IconWechatPayGlobal.js +45 -0
  86. package/dist/es/components/internal/icons/IconWechatPayGlobalComplete.js +107 -0
  87. package/dist/es/components/wallets/AliPay/AliPay.js +186 -0
  88. package/dist/es/components/wallets/AliPay/ali-pay.js +1 -0
  89. package/dist/es/components/wallets/AliPay/index.js +1 -0
  90. package/dist/es/components/wallets/AliPay/type.js +1 -0
  91. package/dist/es/components/wallets/Bancontact/Bancontact.js +18 -18
  92. package/dist/es/components/wallets/Blik/Blik.js +26 -20
  93. package/dist/es/components/wallets/Boost/Boost.js +180 -0
  94. package/dist/es/components/wallets/Boost/boost2.js +1 -0
  95. package/dist/es/components/wallets/Boost/index.js +1 -0
  96. package/dist/es/components/wallets/Boost/type.js +1 -0
  97. package/dist/es/components/wallets/GCash/GCash.js +68 -261
  98. package/dist/es/components/wallets/GrabPay/GrabPay.js +176 -0
  99. package/dist/es/components/wallets/GrabPay/grab-pay.js +1 -0
  100. package/dist/es/components/wallets/GrabPay/index.js +1 -0
  101. package/dist/es/components/wallets/GrabPay/type.js +1 -0
  102. package/dist/es/components/wallets/IDeal/IDeal.js +18 -18
  103. package/dist/es/components/wallets/LinePay/LinePay.js +180 -0
  104. package/dist/es/components/wallets/LinePay/index.js +1 -0
  105. package/dist/es/components/wallets/LinePay/line-pay.js +1 -0
  106. package/dist/es/components/wallets/LinePay/type.js +1 -0
  107. package/dist/es/components/wallets/MayBankQRPay/MayBankQRPay.js +184 -0
  108. package/dist/es/components/wallets/MayBankQRPay/index.js +1 -0
  109. package/dist/es/components/wallets/MayBankQRPay/may-bank-qr-pay.js +1 -0
  110. package/dist/es/components/wallets/MayBankQRPay/type.js +1 -0
  111. package/dist/es/components/wallets/NinePay/NinePay.js +182 -0
  112. package/dist/es/components/wallets/NinePay/index.js +1 -0
  113. package/dist/es/components/wallets/NinePay/nine-pay.js +1 -0
  114. package/dist/es/components/wallets/NinePay/type.js +1 -0
  115. package/dist/es/components/wallets/OVO/OVO.js +14 -15
  116. package/dist/es/components/wallets/OpayWallet/OpayWallet.js +61 -226
  117. package/dist/es/components/wallets/P24/P24.js +18 -18
  118. package/dist/es/components/wallets/PagaWallet/PagaWallet.js +61 -226
  119. package/dist/es/components/wallets/Paymaya/Paymaya.js +61 -229
  120. package/dist/es/components/wallets/PicPay/PicPay.js +83 -243
  121. package/dist/es/components/wallets/Pix/Pix.js +77 -244
  122. package/dist/es/components/wallets/ShopeePay/ShopeePay.js +182 -0
  123. package/dist/es/components/wallets/ShopeePay/index.js +1 -0
  124. package/dist/es/components/wallets/ShopeePay/shopee-pay.js +1 -0
  125. package/dist/es/components/wallets/ShopeePay/type.js +1 -0
  126. package/dist/es/components/wallets/Skrill/Skrill.js +34 -35
  127. package/dist/es/components/wallets/TNGWallet/TNGWallet.js +182 -0
  128. package/dist/es/components/wallets/TNGWallet/index.js +1 -0
  129. package/dist/es/components/wallets/TNGWallet/tng-wallet.js +1 -0
  130. package/dist/es/components/wallets/TNGWallet/type.js +1 -0
  131. package/dist/es/components/wallets/Trustly/Trustly.js +22 -25
  132. package/dist/es/components/wallets/Vietqr/Vietqr.js +69 -258
  133. package/dist/es/components/wallets/WechatPay/WechatPay.js +250 -0
  134. package/dist/es/components/wallets/WechatPay/index.js +1 -0
  135. package/dist/es/components/wallets/WechatPay/type.js +1 -0
  136. package/dist/es/components/wallets/WechatPay/util.js +47 -0
  137. package/dist/es/components/wallets/WechatPay/wechat-pay.js +1 -0
  138. package/dist/es/components/wallets/Zalopay/Zalopay.js +67 -258
  139. package/dist/es/components/wallets/index.js +9 -0
  140. package/dist/es/constant.js +7 -0
  141. package/dist/es/core/checkout.js +50 -49
  142. package/dist/es/core/create-child.js +5 -4
  143. package/dist/es/core/index.js +1 -1
  144. package/dist/es/core/logger.js +1 -1
  145. package/dist/es/core/payment.js +78 -0
  146. package/dist/es/core/preview.js +29 -0
  147. package/dist/es/core/query.js +12 -3
  148. package/dist/es/core/session.js +36 -6
  149. package/dist/es/core/theme.js +1 -1
  150. package/dist/es/hooks/index.js +1 -1
  151. package/dist/es/hooks/useBaseWallet.js +136 -65
  152. package/dist/es/hooks/useI18n.js +3 -3
  153. package/dist/es/hooks/usePayState.js +37 -25
  154. package/dist/es/hooks/useRetry.js +50 -26
  155. package/dist/es/i18n/locales/de-DE.js +7 -0
  156. package/dist/es/i18n/locales/en-GB.js +7 -0
  157. package/dist/es/i18n/locales/es-ES.js +7 -0
  158. package/dist/es/i18n/locales/fr-FR.js +7 -0
  159. package/dist/es/i18n/locales/ja-JP.js +7 -0
  160. package/dist/es/i18n/locales/ko-KR.js +7 -0
  161. package/dist/es/i18n/locales/nl-NL.js +7 -0
  162. package/dist/es/i18n/locales/pt-PT.js +7 -0
  163. package/dist/es/i18n/locales/ru-RU.js +7 -0
  164. package/dist/es/i18n/locales/zh-CN.js +7 -0
  165. package/dist/es/i18n/locales/zh-HK.js +7 -0
  166. package/dist/es/i18n/locales/zh-TW.js +7 -0
  167. package/dist/es/i18n/util.js +10 -10
  168. package/dist/es/index.js +14 -12
  169. package/dist/es/out/base-fraud-detection.js +5 -2
  170. package/dist/es/out/fraud-detection.js +68 -54
  171. package/dist/es/out/paykka-detection.js +5 -7
  172. package/dist/es/out/stripe-radar.js +1 -1
  173. package/dist/es/out/worldpay-ddc-manager.js +9 -13
  174. package/dist/es/out/worldpay-ddc.js +8 -6
  175. package/dist/es/style.css +1 -1
  176. package/dist/es/types/event.js +11 -1
  177. package/dist/es/types/index.js +7 -0
  178. package/dist/es/types/message.js +2 -0
  179. package/dist/es/utils/array.js +19 -5
  180. package/dist/es/utils/business/amount.js +15 -0
  181. package/dist/es/utils/business/index.js +1 -0
  182. package/dist/es/utils/detect.js +8 -0
  183. package/dist/es/utils/index.js +7 -9
  184. package/dist/es/utils/location.js +8 -0
  185. package/dist/es/utils/number.js +19 -0
  186. package/dist/es/utils/payment.js +12 -12
  187. package/dist/es/utils/redirect.js +2 -0
  188. package/dist/es/utils/system-info/is-ua-webview.js +1 -20
  189. package/dist/style.css +1 -1
  190. package/dist/types/api/modules/checkout/type.d.ts +1 -1
  191. package/dist/types/api/modules/index.d.ts +0 -17
  192. package/dist/types/api/modules/threeDS/index.d.ts +19 -4
  193. package/dist/types/components/AddressField/type.d.ts +2 -2
  194. package/dist/types/components/ApplePay/type.d.ts +6 -2
  195. package/dist/types/components/CPFField/type.d.ts +1 -1
  196. package/dist/types/components/Card/type.d.ts +2 -18
  197. package/dist/types/components/CardExpireDateField/type.d.ts +1 -1
  198. package/dist/types/components/CardNo/type.d.ts +3 -2
  199. package/dist/types/components/CardNumberField/type.d.ts +1 -1
  200. package/dist/types/components/CardSecurityCodeField/type.d.ts +1 -1
  201. package/dist/types/components/CardSelector/type.d.ts +4 -4
  202. package/dist/types/components/DropIn/layout.d.ts +33 -0
  203. package/dist/types/components/DropIn/type.d.ts +6 -6
  204. package/dist/types/components/GooglePay/createGooglePay.d.ts +1 -1
  205. package/dist/types/components/GooglePay/type.d.ts +12 -2
  206. package/dist/types/components/PaymentButton/type.d.ts +2 -0
  207. package/dist/types/components/SecuredFieldsProvider/type.d.ts +2 -0
  208. package/dist/types/components/Sepa/type.d.ts +3 -4
  209. package/dist/types/components/ThreeDS/components/ThreeDSIframe/ThreeDSIframe.d.ts +0 -6
  210. package/dist/types/components/business/QRCodeModal/type.d.ts +12 -3
  211. package/dist/types/components/index.d.ts +0 -9
  212. package/dist/types/components/internal/CheckBox/type.d.ts +2 -1
  213. package/dist/types/components/internal/Loading/Loading.d.ts +2 -1
  214. package/dist/types/components/internal/Loading/type.d.ts +8 -0
  215. package/dist/types/components/internal/ResultMessage/ResultMessage.d.ts +3 -0
  216. package/dist/types/components/internal/ResultMessage/index.d.ts +2 -0
  217. package/dist/types/components/internal/ResultMessage/type.d.ts +13 -0
  218. package/dist/types/components/internal/Select/type.d.ts +1 -1
  219. package/dist/types/components/internal/icons/IconAlipayPlus.d.ts +2 -0
  220. package/dist/types/components/internal/icons/IconArrowDown.d.ts +1 -1
  221. package/dist/types/components/internal/icons/IconError.d.ts +1 -1
  222. package/dist/types/components/internal/icons/IconSuccess.d.ts +1 -1
  223. package/dist/types/components/internal/icons/IconWechatPayGlobal.d.ts +2 -0
  224. package/dist/types/components/internal/icons/IconWechatPayGlobalComplete.d.ts +2 -0
  225. package/dist/types/components/internal/icons/index.d.ts +3 -0
  226. package/dist/types/components/{AliPay → wallets/AliPay}/AliPay.d.ts +9 -4
  227. package/dist/types/components/wallets/AliPay/type.d.ts +7 -0
  228. package/dist/types/components/wallets/Bancontact/type.d.ts +2 -24
  229. package/dist/types/components/wallets/Blik/type.d.ts +2 -24
  230. package/dist/types/components/{Boost → wallets/Boost}/Boost.d.ts +9 -4
  231. package/dist/types/components/wallets/Boost/type.d.ts +6 -0
  232. package/dist/types/components/wallets/GCash/GCash.d.ts +5 -0
  233. package/dist/types/components/wallets/GCash/type.d.ts +2 -24
  234. package/dist/types/components/{GrabPay → wallets/GrabPay}/GrabPay.d.ts +4 -4
  235. package/dist/types/components/wallets/GrabPay/type.d.ts +7 -0
  236. package/dist/types/components/wallets/IDeal/type.d.ts +2 -24
  237. package/dist/types/components/{LinePay → wallets/LinePay}/LinePay.d.ts +9 -4
  238. package/dist/types/components/wallets/LinePay/type.d.ts +6 -0
  239. package/dist/types/components/wallets/MayBankQRPay/MayBankQRPay.d.ts +15 -0
  240. package/dist/types/components/wallets/MayBankQRPay/type.d.ts +6 -0
  241. package/dist/types/components/wallets/NinePay/NinePay.d.ts +15 -0
  242. package/dist/types/components/wallets/NinePay/type.d.ts +6 -0
  243. package/dist/types/components/wallets/OVO/type.d.ts +2 -24
  244. package/dist/types/components/wallets/OpayWallet/OpayWallet.d.ts +5 -0
  245. package/dist/types/components/wallets/OpayWallet/type.d.ts +2 -24
  246. package/dist/types/components/wallets/P24/type.d.ts +2 -24
  247. package/dist/types/components/wallets/PagaWallet/PagaWallet.d.ts +5 -0
  248. package/dist/types/components/wallets/PagaWallet/type.d.ts +2 -24
  249. package/dist/types/components/wallets/Paymaya/Paymaya.d.ts +5 -0
  250. package/dist/types/components/wallets/Paymaya/type.d.ts +2 -24
  251. package/dist/types/components/wallets/PicPay/type.d.ts +2 -24
  252. package/dist/types/components/wallets/Pix/type.d.ts +2 -24
  253. package/dist/types/components/{ShopeePay → wallets/ShopeePay}/ShopeePay.d.ts +9 -4
  254. package/dist/types/components/wallets/ShopeePay/type.d.ts +6 -0
  255. package/dist/types/components/wallets/Skrill/type.d.ts +2 -24
  256. package/dist/types/components/{TNGWallet → wallets/TNGWallet}/TNGWallet.d.ts +9 -4
  257. package/dist/types/components/wallets/TNGWallet/type.d.ts +6 -0
  258. package/dist/types/components/wallets/Trustly/type.d.ts +2 -16
  259. package/dist/types/components/wallets/Vietqr/Vietqr.d.ts +5 -0
  260. package/dist/types/components/wallets/Vietqr/type.d.ts +2 -24
  261. package/dist/types/components/wallets/WechatPay/WechatPay.d.ts +16 -0
  262. package/dist/types/components/wallets/WechatPay/type.d.ts +12 -0
  263. package/dist/types/components/wallets/WechatPay/util.d.ts +13 -0
  264. package/dist/types/components/wallets/Zalopay/Zalopay.d.ts +5 -0
  265. package/dist/types/components/wallets/Zalopay/type.d.ts +2 -24
  266. package/dist/types/components/wallets/index.d.ts +9 -0
  267. package/dist/types/components/wallets/type.d.ts +0 -14
  268. package/dist/types/constant.d.ts +8 -0
  269. package/dist/types/core/checkout.d.ts +2 -9
  270. package/dist/types/core/index.d.ts +1 -0
  271. package/dist/types/core/payment.d.ts +21 -0
  272. package/dist/types/core/preview.d.ts +1 -0
  273. package/dist/types/core/session.d.ts +2 -2
  274. package/dist/types/hooks/index.d.ts +0 -1
  275. package/dist/types/hooks/useBaseWallet.d.ts +27 -5
  276. package/dist/types/hooks/useI18n.d.ts +1 -1
  277. package/dist/types/hooks/usePayState.d.ts +3 -4
  278. package/dist/types/hooks/useRetry.d.ts +22 -3
  279. package/dist/types/i18n/I18n.d.ts +1 -0
  280. package/dist/types/i18n/locales/de-DE.d.ts +7 -0
  281. package/dist/types/i18n/locales/en-GB.d.ts +7 -0
  282. package/dist/types/i18n/locales/es-ES.d.ts +7 -0
  283. package/dist/types/i18n/locales/fr-FR.d.ts +7 -0
  284. package/dist/types/i18n/locales/ja-JP.d.ts +7 -0
  285. package/dist/types/i18n/locales/ko-KR.d.ts +7 -0
  286. package/dist/types/i18n/locales/nl-NL.d.ts +7 -0
  287. package/dist/types/i18n/locales/pt-PT.d.ts +7 -0
  288. package/dist/types/i18n/locales/ru-RU.d.ts +7 -0
  289. package/dist/types/i18n/locales/zh-CN.d.ts +7 -0
  290. package/dist/types/i18n/locales/zh-HK.d.ts +7 -0
  291. package/dist/types/i18n/locales/zh-TW.d.ts +7 -0
  292. package/dist/types/i18n/util.d.ts +8 -1
  293. package/dist/types/index.d.ts +2 -1
  294. package/dist/types/out/base-fraud-detection.d.ts +1 -0
  295. package/dist/types/out/config.d.ts +1 -1
  296. package/dist/types/out/fraud-detection.d.ts +3 -12
  297. package/dist/types/out/types.d.ts +7 -6
  298. package/dist/types/out/worldpay-ddc-manager.d.ts +7 -7
  299. package/dist/types/types/event.d.ts +30 -3
  300. package/dist/types/types/index.d.ts +14 -0
  301. package/dist/types/types/message.d.ts +27 -4
  302. package/dist/types/types/payment.d.ts +30 -3
  303. package/dist/types/utils/app-payment.d.ts +1 -0
  304. package/dist/types/utils/array.d.ts +17 -0
  305. package/dist/types/utils/business/amount.d.ts +7 -0
  306. package/dist/types/utils/business/index.d.ts +1 -0
  307. package/dist/types/utils/detect.d.ts +3 -0
  308. package/dist/types/utils/iframe.d.ts +1 -1
  309. package/dist/types/utils/index.d.ts +1 -6
  310. package/dist/types/utils/number.d.ts +4 -0
  311. package/dist/types/utils/payment.d.ts +10 -10
  312. package/dist/types/utils/redirect.d.ts +10 -0
  313. package/dist/types/utils/system-info/get-browser-info.d.ts +4 -0
  314. package/package.json +11 -5
  315. package/dist/es/api/modules/ali-pay/index.js +0 -16
  316. package/dist/es/api/modules/boost/index.js +0 -16
  317. package/dist/es/api/modules/gcash/index.js +0 -16
  318. package/dist/es/api/modules/grab-pay/index.js +0 -16
  319. package/dist/es/api/modules/line-pay/index.js +0 -16
  320. package/dist/es/api/modules/may-bank-qr-pay/index.js +0 -16
  321. package/dist/es/api/modules/nine-pay/index.js +0 -16
  322. package/dist/es/api/modules/opay-wallet/index.js +0 -16
  323. package/dist/es/api/modules/paga-wallet/index.js +0 -16
  324. package/dist/es/api/modules/paymaya/index.js +0 -16
  325. package/dist/es/api/modules/pic-pay/index.js +0 -16
  326. package/dist/es/api/modules/pix/index.js +0 -16
  327. package/dist/es/api/modules/shopee-pay/index.js +0 -16
  328. package/dist/es/api/modules/tng-wallet/index.js +0 -16
  329. package/dist/es/api/modules/wechat-pay/index.js +0 -16
  330. package/dist/es/api/modules/zalopay/index.js +0 -16
  331. package/dist/es/components/AliPay/index.js +0 -330
  332. package/dist/es/components/Boost/index.js +0 -349
  333. package/dist/es/components/GrabPay/index.js +0 -349
  334. package/dist/es/components/LinePay/index.js +0 -349
  335. package/dist/es/components/MayBankQRPay/index.js +0 -355
  336. package/dist/es/components/NinePay/index.js +0 -349
  337. package/dist/es/components/ShopeePay/index.js +0 -349
  338. package/dist/es/components/TNGWallet/index.js +0 -349
  339. package/dist/es/components/WechatPay/index.js +0 -339
  340. package/dist/es/hooks/usePayment.js +0 -14
  341. package/dist/types/api/modules/ali-pay/index.d.ts +0 -4
  342. package/dist/types/api/modules/boost/index.d.ts +0 -4
  343. package/dist/types/api/modules/gcash/index.d.ts +0 -4
  344. package/dist/types/api/modules/grab-pay/index.d.ts +0 -4
  345. package/dist/types/api/modules/line-pay/index.d.ts +0 -4
  346. package/dist/types/api/modules/may-bank-qr-pay/index.d.ts +0 -4
  347. package/dist/types/api/modules/nine-pay/index.d.ts +0 -4
  348. package/dist/types/api/modules/opay-wallet/index.d.ts +0 -4
  349. package/dist/types/api/modules/paga-wallet/index.d.ts +0 -4
  350. package/dist/types/api/modules/paymaya/index.d.ts +0 -4
  351. package/dist/types/api/modules/pic-pay/index.d.ts +0 -4
  352. package/dist/types/api/modules/pix/index.d.ts +0 -4
  353. package/dist/types/api/modules/shopee-pay/index.d.ts +0 -4
  354. package/dist/types/api/modules/tng-wallet/index.d.ts +0 -4
  355. package/dist/types/api/modules/vietqr/index.d.ts +0 -4
  356. package/dist/types/api/modules/wechat-pay/index.d.ts +0 -4
  357. package/dist/types/api/modules/zalopay/index.d.ts +0 -4
  358. package/dist/types/components/AliPay/type.d.ts +0 -26
  359. package/dist/types/components/Boost/type.d.ts +0 -28
  360. package/dist/types/components/GrabPay/type.d.ts +0 -28
  361. package/dist/types/components/LinePay/type.d.ts +0 -28
  362. package/dist/types/components/MayBankQRPay/MayBankQRPay.d.ts +0 -10
  363. package/dist/types/components/MayBankQRPay/type.d.ts +0 -28
  364. package/dist/types/components/NinePay/NinePay.d.ts +0 -10
  365. package/dist/types/components/NinePay/type.d.ts +0 -28
  366. package/dist/types/components/ShopeePay/type.d.ts +0 -28
  367. package/dist/types/components/TNGWallet/type.d.ts +0 -28
  368. package/dist/types/components/WechatPay/WechatPay.d.ts +0 -10
  369. package/dist/types/components/WechatPay/type.d.ts +0 -28
  370. package/dist/types/hooks/usePayment.d.ts +0 -8
  371. package/dist/types/utils/behavior-tracker.d.ts +0 -36
  372. /package/dist/es/components/internal/Button/{button2.js → button.js} +0 -0
  373. /package/dist/types/components/{AliPay → wallets/AliPay}/index.d.ts +0 -0
  374. /package/dist/types/components/{Boost → wallets/Boost}/index.d.ts +0 -0
  375. /package/dist/types/components/{GrabPay → wallets/GrabPay}/index.d.ts +0 -0
  376. /package/dist/types/components/{LinePay → wallets/LinePay}/index.d.ts +0 -0
  377. /package/dist/types/components/{MayBankQRPay → wallets/MayBankQRPay}/index.d.ts +0 -0
  378. /package/dist/types/components/{NinePay → wallets/NinePay}/index.d.ts +0 -0
  379. /package/dist/types/components/{ShopeePay → wallets/ShopeePay}/index.d.ts +0 -0
  380. /package/dist/types/components/{TNGWallet → wallets/TNGWallet}/index.d.ts +0 -0
  381. /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, mode) {
42
+ function getFraudDetectionInstance(config, options) {
41
43
  if (!instance) {
42
- instance = new FraudDetection(config, mode, options);
44
+ instance = new FraudDetection(config, options);
43
45
  }
44
46
  return instance;
45
47
  }
46
48
  class FraudDetection {
47
- constructor(config, mode = [ECollMode.SR, ECollMode.WP, ECollMode.WJ], options) {
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, "realMode", []);
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.realMode = mode;
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
- await this.setChannelSDKConfig();
77
- const bin = (options == null ? void 0 : options.bin) ?? "";
78
- const worldpayDDCManager = this.worldpayDDCManagerColl();
79
- await Promise.all([
80
- worldpayDDCManager.init(options),
81
- this.paykkaDetectionColl().init()
82
- ]);
83
- const mode = this.realMode;
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: mode.includes(ECollMode.SR) ? this.stripeRadarColl().getFraudDetectionId() : "",
86
- w: mode.includes(ECollMode.WP) ? worldpayDDCManager.getFraudDetectionId(bin) : "",
87
- wr: mode.includes(ECollMode.WJ) ? this.worldpayJSCColl().getFraudDetectionId() : "",
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.realMode.map(async (item) => {
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
- async setChannelSDKConfig() {
121
- if (this.channelConfig) {
122
- return;
123
- }
124
- if (this.channelConfigPromise) {
125
- return this.channelConfigPromise;
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
- let browser = {};
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/card-brand/brands.js";
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 "./worldpay-jsc-origin.js";
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
- var _a, _b;
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
- /** bin WorldpayDDC 实例的映射 */
13
- __publicField(this, "worldpayDDCMap", /* @__PURE__ */ new Map());
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
- /** 创建 WorldpayDDC,如果缓存中有就用缓存的 */
22
- createWorldpayDDC(bin) {
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
- const bin = (options == null ? void 0 : options.bin) || "";
30
- return this.createWorldpayDDC(bin).init(options);
25
+ this.currentDDC = new WorldpayDDC(this.options, this.channelConfig);
26
+ await this.currentDDC.init(options);
31
27
  }
32
- getFraudDetectionId(bin) {
33
- const defaultId = this.createWorldpayDDC("").getFraudDetectionId();
34
- return this.createWorldpayDDC(bin).getFraudDetectionId() || defaultId;
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((options == null ? void 0 : options.bin) || "");
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(bin) {
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}
@@ -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
  };
@@ -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
@@ -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 || {});
@@ -1,9 +1,23 @@
1
- const removeElementFromArray = (array, element) => {
2
- const index = array.indexOf(element);
3
- if (index !== -1) {
4
- array.splice(index, 1);
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
- removeElementFromArray
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
+
@@ -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
  };