@paykka/card-checkout-ui 0.13.17 → 0.15.1

package/dist/es/utils/index.js

@@ -33,20 +33,18 @@ const isExpired = (expireDate) => {
   const currentDate = /* @__PURE__ */ new Date();
   return expiryDate < currentDate;
 };
-const intersection = (...arrays) => {
-  if (!arrays.length)
-    return [];
-  let result = arrays[0];
-  for (let i = 1; i < arrays.length; i++) {
-    const set = new Set(result);
-    result = arrays[i].filter((item) => set.has(item));
+const getReferrer = () => {
+  var _a, _b;
+  try {
+    return document.referrer || ((_b = (_a = window.frames) == null ? void 0 : _a.top) == null ? void 0 : _b.document.referrer) || "";
+  } catch (error) {
+    return "";
   }
-  return result;
 };
 export {
   clamp,
   getIf,
-  intersection,
+  getReferrer,
   isExpired,
   safeParse,
   safeStringify

package/dist/es/utils/location.js

@@ -4,6 +4,13 @@ const getUrlParam = (paramName) => {
   const params = new URLSearchParams(window.location.search);
   return params.get(paramName);
 };
+const createUrlWithParams = (baseUrl, params) => {
+  const url = new URL(baseUrl);
+  Object.entries(params).forEach(([key, value]) => {
+    url.searchParams.append(key, String(value));
+  });
+  return url.toString();
+};
 const parseUrl = (url) => {
   try {
     const urlObj = new URL(url);
@@ -26,6 +33,7 @@ const parseUrl = (url) => {
   }
 };
 export {
+  createUrlWithParams,
   getUrlParam,
   parseUrl
 };

package/dist/es/utils/number.js

@@ -0,0 +1,19 @@
+const add = (a, b) => {
+  const aDecimals = (a.toString().split(".")[1] || "").length;
+  const bDecimals = (b.toString().split(".")[1] || "").length;
+  const maxDecimals = Math.max(aDecimals, bDecimals);
+  const factor = Math.pow(10, maxDecimals);
+  return (Math.round(a * factor) + Math.round(b * factor)) / factor;
+};
+const multiply = (a, b) => {
+  const aStr = a.toString();
+  const bStr = b.toString();
+  const aDecimals = (aStr.split(".")[1] || "").length;
+  const bDecimals = (bStr.split(".")[1] || "").length;
+  const factor = Math.pow(10, aDecimals + bDecimals);
+  return Number(aStr.replace(".", "")) * Number(bStr.replace(".", "")) / factor;
+};
+export {
+  add,
+  multiply
+};

package/dist/es/utils/payment.js

@@ -1,54 +1,54 @@
-const processPaymentStatus = (res, config) => {
+const processPaymentStatus = async (res, config) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const { status, orderStatus } = res;
   switch (status) {
     case "PROCESSING": {
       switch (orderStatus) {
         case "PROCESSING": {
-          (_a = config.onProcessing) == null ? void 0 : _a.call(config);
+          await ((_a = config.onProcessing) == null ? void 0 : _a.call(config));
           break;
         }
         case "AUTHORIZED": {
-          (_b = config.onAuthorized) == null ? void 0 : _b.call(config);
+          await ((_b = config.onAuthorized) == null ? void 0 : _b.call(config));
           break;
         }
         case "IN_THREED": {
-          (_c = config.onInThreeDS) == null ? void 0 : _c.call(config);
+          await ((_c = config.onInThreeDS) == null ? void 0 : _c.call(config));
           break;
         }
         case "IN_PREVIOUS_THREED": {
-          (_d = config.onInPreviousThreeDS) == null ? void 0 : _d.call(config);
+          await ((_d = config.onInPreviousThreeDS) == null ? void 0 : _d.call(config));
           break;
         }
         case "CANCELED": {
-          (_e = config.onCanceled) == null ? void 0 : _e.call(config);
+          await ((_e = config.onCanceled) == null ? void 0 : _e.call(config));
           break;
         }
         case "SUCCESS": {
-          (_f = config.onSuccess) == null ? void 0 : _f.call(config);
+          await ((_f = config.onSuccess) == null ? void 0 : _f.call(config));
           break;
         }
         case "FAILURE": {
-          (_g = config.onFailure) == null ? void 0 : _g.call(config);
+          await ((_g = config.onFailure) == null ? void 0 : _g.call(config));
           break;
         }
         default: {
-          (_h = config.onDefault) == null ? void 0 : _h.call(config);
+          await ((_h = config.onDefault) == null ? void 0 : _h.call(config));
           break;
         }
       }
       break;
     }
     case "SUCCESS": {
-      (_i = config.onSuccess) == null ? void 0 : _i.call(config);
+      await ((_i = config.onSuccess) == null ? void 0 : _i.call(config));
       break;
     }
     case "EXPIRED": {
-      (_j = config.onExpired) == null ? void 0 : _j.call(config);
+      await ((_j = config.onExpired) == null ? void 0 : _j.call(config));
       break;
     }
     default: {
-      (_k = config.onDefault) == null ? void 0 : _k.call(config);
+      await ((_k = config.onDefault) == null ? void 0 : _k.call(config));
       break;
     }
   }

package/dist/es/utils/redirect.js

@@ -30,5 +30,7 @@ const redirectByPost = (baseUrl, params) => {
   form.submit();
 };
 export {
+  redirectByGet,
+  redirectByPost,
   redirectToPayment
 };

package/dist/es/utils/system-info/is-ua-webview.js

@@ -1,20 +1 @@
-const rules = [
-  "WebView",
-  "(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)",
-  "Android.*(;\\s+wv|Version/\\d+\\.\\d+\\s+Chrome/\\d+\\.\\d+\\.\\d+\\.\\d+)",
-  "MicroMessenger|AlipayClient|QQ/|FBAV|Instagram|BytedanceMicroApp"
-];
-const excludeRules = [
-  "MiuiBrowser|HuaweiBrowser|UCBrowser|SamsungBrowser|Opera|Firefox|Edge|Quark"
-];
-const webviewRegExp = new RegExp("(" + rules.join("|") + ")", "i");
-const excludeRegExp = new RegExp("(" + excludeRules.join("|") + ")", "i");
-const isUaWebview = (ua = navigator.userAgent) => {
-  if (excludeRegExp.test(ua)) {
-    return false;
-  }
-  return webviewRegExp.test(ua);
-};
-export {
-  isUaWebview
-};
+

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.paykka-card-checkout,.paykka-card-checkout *{box-sizing:border-box}.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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;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)}: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-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)}}
+@charset "UTF-8";.paykka-card-checkout,.paykka-card-checkout *{box-sizing:border-box}.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-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-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-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-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-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-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-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-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-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-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{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-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-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-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-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-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-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)}}: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-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)}}

package/dist/types/api/modules/checkout/type.d.ts

@@ -55,7 +55,7 @@ export interface CheckoutRes {
     /** 支持的支付方式 */
     supportMethods: PaymentMethod[];
     /** 支付方式 */
-    paymentMethod: PaymentMethod;
+    paymentMethod?: PaymentMethod;
     /** 会话 ID */
     sessionId: string;
     /** 客户端密钥 */

package/dist/types/api/modules/index.d.ts

@@ -1,25 +1,8 @@
-export * from './ali-pay';
 export * from './card';
 export * from './checkout';
-export * from './wechat-pay';
 export * from './apple-pay';
 export * from './google-pay';
 export * from './sepa';
-export * from './boost';
-export * from './line-pay';
-export * from './may-bank-qr-pay';
-export * from './nine-pay';
-export * from './grab-pay';
-export * from './tng-wallet';
-export * from './shopee-pay';
-export * from './gcash';
-export * from './paymaya';
-export * from './zalopay';
-export * from './vietqr';
-export * from './pix';
-export * from './pic-pay';
-export * from './paga-wallet';
-export * from './opay-wallet';
 export * from './wallet';
 export * from './map';
 export * from './type';

package/dist/types/api/modules/threeDS/index.d.ts

@@ -1,8 +1,23 @@
 import { type RequestOptions } from '../../http';
+export declare const enum ThreeDSAuthOperate {
+    OPEN = "OPEN",
+    CANCEL = "CANCEL"
+}
+export declare enum ThreeDSStatus {
+    EXPIRED = "EXPIRED"
+}
+export interface ThreeDSChannelParams {
+    actionUrl?: string;
+    channelParams?: Recordable;
+    authId?: string;
+    /** 3DS 状态 */
+    status?: ThreeDSStatus;
+    /** 是否二次打开挑战(相同链接) */
+    secondOpenChallenge?: boolean;
+}
 /** 通知后端服务商 3ds 页面已加载 */
 export declare const noticeThreeDSLoaded: (sessionId: string, options?: RequestOptions) => Promise<any>;
 /** 获取 3ds 渠道参数 */
-export declare const getThreeDSChannelParams: (orderId: string) => Promise<{
-    actionUrl: any;
-    channelParams: any;
-}>;
+export declare const getThreeDSChannelParams: (orderId: string) => Promise<ThreeDSChannelParams>;
+/** 通知后端打开，关闭了 3DS 渠道页面 */
+export declare const noticeThreeDSOperate: (id: string | undefined, operate: ThreeDSAuthOperate) => Promise<any>;

package/dist/types/components/AddressField/type.d.ts

@@ -9,10 +9,10 @@ export interface AddressFieldProps {
      * - country: 国家模式, 只能选择国家
      */
     mode?: AddressMode;
-    /** label 文案 */
-    label?: string;
     /** 允许的国家代码列表 */
     allowedCountries?: string[];
+    /** 是否禁用 */
+    disabled?: boolean;
     /**
      * 地址改变时触发，通知外部表单同步数据
      * @param value 地址对象

package/dist/types/components/ApplePay/type.d.ts

@@ -1,6 +1,6 @@
 import type { PayKKaCommonConfig } from '../../types';
-import type { PaymentCommonProps } from '../../types/payment';
-export interface ApplePayProps extends PayKKaCommonConfig, PaymentCommonProps {
+import type { PaymentCommonProps, PaymentCustomFieldsProps } from '../../types/payment';
+export interface ApplePayProps extends PayKKaCommonConfig, Omit<PaymentCommonProps, keyof PaymentCustomFieldsProps> {
     /**
      * Apple Pay SDK 加载回调
      * @param status 是否加载成功
@@ -23,6 +23,10 @@ export interface ApplePayProps extends PayKKaCommonConfig, PaymentCommonProps {
      * 在 onLoad 返回 false 的情况下不会触发该回调
      */
     onCanUse?: (canUse: boolean) => void;
+    /**
+     * 点击 Apple Pay 按钮时触发。若返回 false，则不继续支付，支持异步
+     */
+    onBtnClick?: () => void | boolean | Promise<void | boolean>;
 }
 export interface ApplePayRef {
 }

package/dist/types/components/CPFField/type.d.ts

@@ -1,6 +1,6 @@
 import type { FormItemProps, FormValidationStatus } from '../internal/Form';
 import type { InputProps } from '../internal/Input';
-export interface CPFFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
+export interface CPFFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput' | 'disabled'> {
     /**
      * 是否使用安全模式（iframe）
      * @defaultValue false

package/dist/types/components/Card/type.d.ts

@@ -1,5 +1,5 @@
 import type { PayKKaCommonConfig } from '../../types';
-import type { PaymentCommonProps, PaymentCommonRef, PaymentThreeDSProps, PaymentThreeDSRef } from '../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef, PaymentFormFieldsRef, PaymentThreeDSProps, PaymentThreeDSRef } from '../../types/payment';
 export interface CardProps extends PayKKaCommonConfig, PaymentCommonProps, PaymentThreeDSProps {
     /**
      * 定义卡敏感信息表单布局展示
@@ -8,28 +8,12 @@ export interface CardProps extends PayKKaCommonConfig, PaymentCommonProps, Payme
      * @defaultValue 'split'
      */
     cardInfoLayout?: CardInfoLayout;
-    /**
-     * 是否展示邮箱
-     * @remarks
-     * - 若配置 true 但创建收银台时已经传了，就展示禁用状态。
-     * - 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     * @defaultValue false
-     */
-    showEmail?: boolean;
-    /**
-     * 是否展示邮箱
-     * @remarks
-     * - 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
-     * - 若配置 false 但创建收银台时未传，依旧会展示该输入框。
-     * @defaultValue false
-     */
-    showAddress?: boolean;
     /**
      * 是否在卡号输入框下展示收银台支持的发卡行图标
      * @defaultValue true
      */
     showCardBrands?: boolean;
 }
-export interface CardRef extends PaymentCommonRef, PaymentThreeDSRef {
+export interface CardRef extends PaymentCommonRef, PaymentThreeDSRef, PaymentFormFieldsRef {
 }
 export type CardInfoLayout = 'split' | 'combine';

package/dist/types/components/CardExpireDateField/type.d.ts

@@ -1,6 +1,6 @@
 import type { FormItemProps, FormValidationStatus } from '../internal/Form';
 import type { InputProps } from '../internal/Input';
-export interface CardExpireDateFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
+export interface CardExpireDateFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput' | 'disabled'> {
     security: boolean;
     showLabel?: boolean;
 }

package/dist/types/components/CardNo/type.d.ts

@@ -1,4 +1,5 @@
-import type { CustomAttributes } from "../../types";
-export interface CardNoProps extends CustomAttributes<HTMLDivElement> {
+import type { CustomAttributes } from '../../types';
+import type { InputProps } from '../internal/Input/type';
+export interface CardNoProps extends CustomAttributes<HTMLDivElement>, Pick<InputProps, 'onInput' | 'disabled'> {
     value: string;
 }

package/dist/types/components/CardNumberField/type.d.ts

@@ -1,7 +1,7 @@
 import type { CardBrand } from '../../types';
 import type { FormItemProps, FormValidationStatus } from '../internal/Form';
 import type { InputProps } from '../internal/Input';
-export interface CardNumberFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
+export interface CardNumberFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput' | 'disabled'> {
     /** 支持的卡品牌 */
     supportedCardBrands?: string[];
     /** 是否显示标签 */

package/dist/types/components/CardSecurityCodeField/type.d.ts

@@ -1,6 +1,6 @@
 import type { FormItemProps, FormValidationStatus } from '../internal/Form';
 import type { InputProps } from '../internal/Input';
-export interface CardSecurityCodeFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
+export interface CardSecurityCodeFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput' | 'disabled'> {
     security: boolean;
     showLabel?: boolean;
 }

package/dist/types/components/CardSelector/type.d.ts

@@ -1,7 +1,7 @@
-import type { CardTokenInfo } from "../../api";
-import type { FormItemProps } from "../internal/Form";
-import type { SelectOption } from "../internal/Select";
-export interface CardSelectorProps extends Pick<FormItemProps, 'className' | 'style'> {
+import type { CardTokenInfo } from '../../api';
+import type { FormItemProps } from '../internal/Form';
+import type { SelectOption, SelectProps } from '../internal/Select';
+export interface CardSelectorProps extends Pick<FormItemProps, 'className' | 'style'>, Pick<SelectProps, 'disabled'> {
     value?: string;
     cardList?: CardTokenInfo[];
     onCardChange?: (option?: SelectOption) => void;

package/dist/types/components/DropIn/layout.d.ts

@@ -0,0 +1,33 @@
+import { PaymentMethod } from '../../constant';
+import type { DropInPaymentCategory, DropInPaymentMethodLayout } from './type';
+/**
+ * 将支付方式转换为支付类型，与 methods 的顺序一致
+ * @param methods 支持的支付方式
+ * @returns 转换后的支付方式
+ */
+export declare const toDropInCategories: (methods: PaymentMethod[]) => DropInPaymentCategory[];
+/**
+ * 对支付方式进行排序，order 里面有的按照 order 排，剩下的按照默认顺序排在后面
+ * @param items 需要排序的支付方式
+ * @param order 排序顺序
+ * @returns 排序后的支付方式
+ */
+export declare const sortByOrder: <T>(items: T[], order?: T[]) => T[];
+/**
+ * 根据支持的支付方式和布局配置，计算出需要展示的支付方式
+ * @param options 支持的支付方式和布局配置
+ * @returns 需要展示的支付方式
+ */
+export declare const resolveDropInDisplayCategories: (options: {
+    supportMethods: PaymentMethod[];
+    layout?: DropInPaymentMethodLayout;
+}) => DropInPaymentCategory[];
+/**
+ * 根据支持的支付方式，分割出头部支付方式和主内容支付方式
+ * @param categories 支持的支付方式
+ * @returns 头部支付方式和折叠式支付方式
+ */
+export declare const splitHeaderAndMain: (categories: DropInPaymentCategory[]) => {
+    header: DropInPaymentCategory[];
+    main: DropInPaymentCategory[];
+};

package/dist/types/components/DropIn/type.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from 'preact/compat';
 import type { PayKKaCommonConfig } from '../../types';
 import { PaymentCategory, PaymentMethod } from '../../constant';
 import type { ComponentType } from 'preact';
-import type { PaymentCommonProps } from '../../types/payment';
+import type { PaymentCommonProps, PaymentCommonRef } from '../../types/payment';
 export interface DropInProps extends PayKKaCommonConfig, PaymentCommonProps {
     /**
      * 配置各种支付方式的参数
@@ -17,9 +17,9 @@ export interface DropInProps extends PayKKaCommonConfig, PaymentCommonProps {
      */
     layout?: 'tabs' | 'accordion';
 }
-export interface DropInRefs {
-    /** 不展示支付按钮时，可调用该方法进行支付 */
-    payment: () => void;
+export interface DropInPaymentMethodLayout {
+}
+export interface DropInRefs extends PaymentCommonRef {
 }
 export type PaymentMethodsConfig = Partial<{
     [key in DropInPaymentCategory]: Partial<PaymentComponentProps<key>>;
@@ -32,9 +32,9 @@ export interface PaymentTypeOptions {
 /**
  * 当前 Drop-in 支持的支付方式
  * 目前暂不支持 WeChatPay 和 Alipay
- * 注意：会影响 Drop-in 的支付方式展示顺序
+ * 注意：会影响 Drop-in 的支付方式展示顺序，由 dropInSupportedPaymentMethods 和 paymentMethodLayout.order 决定
  */
 export declare const dropInSupportedPaymentMethods: PaymentMethod[];
-export type DropInPaymentCategory = PaymentCategory.APPLE_PAY | PaymentCategory.GOOGLE_PAY | PaymentCategory.CARD | PaymentCategory.BOOST | PaymentCategory.GRAB_PAY | PaymentCategory.TNG_WALLET | PaymentCategory.MAY_BANK_QR_PAY | PaymentCategory.SHOPEE_PAY | PaymentCategory.LINE_PAY | PaymentCategory.NINE_PAY | PaymentCategory.GCASH | PaymentCategory.PAYMAYA | PaymentCategory.ZALOPAY | PaymentCategory.VIETQR | PaymentCategory.PIX | PaymentCategory.PIC_PAY | PaymentCategory.OPAY_WALLET | PaymentCategory.PAGA_WALLET | PaymentCategory.BANCONTACT | PaymentCategory.IDEAL | PaymentCategory.BLIK | PaymentCategory.OVO | PaymentCategory.SKRILL | PaymentCategory.TRUSTLY | PaymentCategory.P24;
+export type DropInPaymentCategory = PaymentCategory.APPLE_PAY | PaymentCategory.GOOGLE_PAY | PaymentCategory.CARD | PaymentCategory.BOOST | PaymentCategory.GRAB_PAY | PaymentCategory.TNG_WALLET | PaymentCategory.MAY_BANK_QR_PAY | PaymentCategory.SHOPEE_PAY | PaymentCategory.LINE_PAY | PaymentCategory.NINE_PAY | PaymentCategory.GCASH | PaymentCategory.PAYMAYA | PaymentCategory.ZALOPAY | PaymentCategory.VIETQR | PaymentCategory.PIX | PaymentCategory.PIC_PAY | PaymentCategory.OPAY_WALLET | PaymentCategory.PAGA_WALLET | PaymentCategory.BANCONTACT | PaymentCategory.IDEAL | PaymentCategory.BLIK | PaymentCategory.OVO | PaymentCategory.SKRILL | PaymentCategory.TRUSTLY | PaymentCategory.P24 | PaymentCategory.ALI_PAY | PaymentCategory.WECHAT_PAY;
 export declare const PaymentComponentMap: Record<DropInPaymentCategory, ComponentType<any>>;
 export type PaymentComponentProps<P extends keyof typeof PaymentComponentMap> = React.ComponentProps<(typeof PaymentComponentMap)[P]>;

package/dist/types/components/GooglePay/createGooglePay.d.ts

@@ -6,6 +6,6 @@ export declare const createGooglePay: (core: PayKKaCheckout, checkout: CheckoutR
 } & google.payments.api.Address, search?: boolean, timeout?: number) => Promise<{
     res?: google.payments.api.PaymentAuthorizationResult;
     end: boolean;
-} | undefined>, onClick?: () => void, onCanUse?: (canUse: boolean) => void) => {
+} | undefined>, onClick?: () => void | boolean | Promise<void | boolean>, onCanUse?: (canUse: boolean) => void, onCancel?: () => void) => {
     onGooglePayLoaded: (container: HTMLDivElement | null) => Promise<void>;
 };