@paykka/card-checkout-ui 0.5.17 → 0.7.0

package/dist/es/types/message.js

@@ -0,0 +1,28 @@
+var MessageAction = /* @__PURE__ */ ((MessageAction2) => {
+  MessageAction2["INIT"] = "init";
+  MessageAction2["ACTIVATED"] = "Activated";
+  MessageAction2["HIDDEN_IFRAME_READY"] = "hiddenIframeReady";
+  MessageAction2["FOCUS"] = "focus";
+  MessageAction2["BIN_VALUE"] = "binValue";
+  MessageAction2["BRAND"] = "brand";
+  MessageAction2["VALID_WITH_VALUE"] = "validWithValue";
+  MessageAction2["PAYMENT"] = "payment";
+  MessageAction2["AFTER_PAYMENT"] = "afterPayment";
+  MessageAction2["PAYMENT_ERROR"] = "paymentError";
+  MessageAction2["PAYMENT_TIMEOUT"] = "paymentTimeout";
+  MessageAction2["VALID_STATUS_CHANGED"] = "validStatusChanged";
+  MessageAction2["VALIDATE"] = "validate";
+  MessageAction2["VALIDATED"] = "validated";
+  MessageAction2["SET_CONFIG"] = "setConfig";
+  MessageAction2["AUTHORIZED"] = "authorized";
+  MessageAction2["ENCRYPT_CARD"] = "encryptCard";
+  MessageAction2["CARD_ENCRYPTED"] = "cardEncrypted";
+  MessageAction2["CARD_ENCRYPTION_FAILED"] = "cardEncryptionFailed";
+  MessageAction2["CHECK_THREE_DS"] = "checkThreeDS";
+  MessageAction2["THREE_DS_STATUS_INIT"] = "threeDSStatusInit";
+  MessageAction2["THREE_DS_STATUS_CONFIG"] = "threeDSStatusConfig";
+  return MessageAction2;
+})(MessageAction || {});
+export {
+  MessageAction
+};

package/dist/es/utils/card-brand/brands.js

@@ -1,90 +1,66 @@
 import { IconAmex } from "../../components/internal/icons/IconAmex.js";
 import "../../core.js";
 import "../system-info/get-browser-info.js";
+import { CardBrandCode } from "../../types/index.js";
 import { IconDinnersClub } from "../../components/internal/icons/IconDinnersClub.js";
 import { IconDiscover } from "../../components/internal/icons/IconDiscover.js";
 import { IconJcb } from "../../components/internal/icons/IconJcb.js";
 import { IconMasterCard } from "../../components/internal/icons/IconMasterCard.js";
 import { IconVisa } from "../../components/internal/icons/IconVisa.js";
-var CardBrandCode = /* @__PURE__ */ ((CardBrandCode2) => {
-  CardBrandCode2["VISA"] = "VISA";
-  CardBrandCode2["MASTER_CARD"] = "MASTER_CARD";
-  CardBrandCode2["JCB"] = "JCB";
-  CardBrandCode2["AMEX"] = "AMEX";
-  CardBrandCode2["DISCOVER"] = "DISCOVER";
-  CardBrandCode2["DINERS_CLUB"] = "DINERS_CLUB";
-  return CardBrandCode2;
-})(CardBrandCode || {});
 const cardBrandCodes = Object.values(CardBrandCode);
 const cardBrands = [
   {
     name: "Visa",
-    code: "VISA",
+    code: CardBrandCode.VISA,
     pattern: /^4[0-9]{0,18}$/,
     lengths: [13, 16, 19],
     order: 1
   },
   {
     name: "MasterCard",
-    code: "MASTER_CARD",
+    code: CardBrandCode.MASTER_CARD,
     lengths: [16],
     pattern: /^(5[1-5][0-9]{0,14}|2[2-7][0-9]{0,14})$/,
     order: 2
   },
   {
     name: "JCB",
-    code: "JCB",
+    code: CardBrandCode.JCB,
     pattern: /^(352[8,9]{1}[0-9]{0,15}|35[4-8]{1}[0-9]{0,16})$/,
     lengths: [16, 19],
     order: 3
   },
   {
     name: "American Express",
-    code: "AMEX",
+    code: CardBrandCode.AMEX,
     pattern: /^3[47][0-9]{0,13}$/,
     lengths: [15],
     order: 6
   },
   {
     name: "Discover",
-    code: "DISCOVER",
-    pattern: /^(6011[0-9]{12,15})|(622((1((2[6-9])|([3-9][0-9])))|([2-8][0-9]{2})|(9(([0-1][0-9])|(2[0-5]))))[0-9]{10,13})|(64[4-9][0-9]{13,16})|(65[0-9]{14,17})$/,
+    code: CardBrandCode.DISCOVER,
+    pattern: /^(?:6011|65\d{0,2}|64[4-9]\d?)\d{0,12}/,
     lengths: [16],
     order: 4
   },
   {
     name: "Diners Club",
-    code: "DINERS_CLUB",
-    pattern: /^(36)[0-9]{0,12}$/,
-    lengths: [14],
+    code: CardBrandCode.DINERS_CLUB,
+    pattern: /^3(?:0([0-5]|9)|[689]\d?)\d{0,11}/,
+    lengths: [14, 16],
     order: 5
   }
 ];
-const cardBrandIconMap = {
-  [
-    "VISA"
-    /* VISA */
-  ]: IconVisa,
-  [
-    "MASTER_CARD"
-    /* MASTER_CARD */
-  ]: IconMasterCard,
-  [
-    "JCB"
-    /* JCB */
-  ]: IconJcb,
-  [
-    "AMEX"
-    /* AMEX */
-  ]: IconAmex,
-  [
-    "DISCOVER"
-    /* DISCOVER */
-  ]: IconDiscover,
-  [
-    "DINERS_CLUB"
-    /* DINERS_CLUB */
-  ]: IconDinnersClub
+const getCardBrandIconMap = (code) => {
+  return {
+    [CardBrandCode.VISA]: IconVisa,
+    [CardBrandCode.MASTER_CARD]: IconMasterCard,
+    [CardBrandCode.JCB]: IconJcb,
+    [CardBrandCode.AMEX]: IconAmex,
+    [CardBrandCode.DISCOVER]: IconDiscover,
+    [CardBrandCode.DINERS_CLUB]: IconDinnersClub
+  }[code];
 };
 [
   ...cardBrands.reduce((acc, cur) => {
@@ -94,6 +70,6 @@ const cardBrandIconMap = {
 ];
 export {
   cardBrandCodes,
-  cardBrandIconMap,
-  cardBrands
+  cardBrands,
+  getCardBrandIconMap
 };

package/dist/es/utils/card-brand/index.js

@@ -1,4 +1,4 @@
-import { cardBrands, cardBrandIconMap } from "./brands.js";
+import { cardBrands, getCardBrandIconMap } from "./brands.js";
 function getSupportedCardBrands(supportedCardBrands) {
   return supportedCardBrands ? cardBrands.filter((brand) => supportedCardBrands.includes(brand.code)).sort((a, b) => a.order - b.order) : [];
 }
@@ -10,6 +10,7 @@ function findCardBrand(number, brands = cardBrands) {
   }
 }
 function findCardBrandInfo(number, brands = cardBrands) {
+  console.log(number, brands);
   for (const item of brands) {
     if (item.pattern.test(number)) {
       return getCardBrandInfo(item);
@@ -19,7 +20,7 @@ function findCardBrandInfo(number, brands = cardBrands) {
 function getCardBrandInfo(brand) {
   return {
     ...brand,
-    icon: cardBrandIconMap[brand.code]
+    icon: getCardBrandIconMap(brand.code)
   };
 }
 function finCardBrandInfoByCode(code) {

package/dist/es/utils/iframe.js

@@ -0,0 +1,23 @@
+import { SECURED_IFRAME_CLASS_NAME } from "../components/SecuredFieldsProvider/index.js";
+const createIframe = (src) => {
+  const iframeEl = document.createElement("iframe");
+  iframeEl.setAttribute("src", src);
+  iframeEl.classList.add(SECURED_IFRAME_CLASS_NAME);
+  iframeEl.setAttribute("allowtransparency", "true");
+  iframeEl.setAttribute("referrerpolicy", "origin");
+  Object.defineProperty(iframeEl, "src", { configurable: false, writable: false });
+  const noIframeElContent = document.createTextNode("<p>Your browser does not support iframes.</p>");
+  iframeEl.appendChild(noIframeElContent);
+  return iframeEl;
+};
+const postMessageToIframe = (data, iframe, targetOrigin = "*") => {
+  if (!iframe) {
+    return;
+  }
+  const dataStr = JSON.stringify(data);
+  iframe == null ? void 0 : iframe.postMessage(dataStr, { targetOrigin });
+};
+export {
+  createIframe,
+  postMessageToIframe
+};

package/dist/es/utils/index.js

@@ -17,7 +17,6 @@ const safeParse = (dataStr, defaultValue = {}) => {
   try {
     return JSON.parse(dataStr);
   } catch (error) {
-    console.log(error);
     return defaultValue;
   }
 };
@@ -27,9 +26,20 @@ function isExpired(expireDate) {
   const currentDate = /* @__PURE__ */ new Date();
   return expiryDate < currentDate;
 }
+const intersection = (...arrays) => {
+  if (arrays.length === 0)
+    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));
+  }
+  return result;
+};
 export {
   clamp,
   getIf,
+  intersection,
   isExpired,
   safeParse
 };

package/dist/es/utils/load.js

@@ -0,0 +1,14 @@
+const loadScript = (params) => {
+  var _a;
+  const { src, onload = null, onerror = null } = params;
+  const script = document.createElement("script");
+  script.type = "text/javascript";
+  script.src = src;
+  script.onload = onload;
+  script.onerror = onerror;
+  Object.assign(script, params.extraOptions);
+  (_a = document.getElementsByTagName("head")[0]) == null ? void 0 : _a.appendChild(script);
+};
+export {
+  loadScript
+};

package/dist/es/utils/style.js

@@ -0,0 +1,84 @@
+import { inputStyleAttrs } from "../types/index.js";
+const style2String = (style = {}) => {
+  return Object.entries(style).map(([key, value]) => {
+    const kebabKey = key.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+    return `${kebabKey}: ${value}`;
+  }).join("; ");
+};
+const generateClassNameMap = (selector) => {
+  return {
+    focus: `${selector}_focus`,
+    hover: `${selector}_hover`,
+    valid: `${selector}_valid`,
+    invalid: `${selector}_invalid`
+  };
+};
+const loadStyle = (styleStr, extraOptions) => {
+  var _a;
+  const style = document.createElement("style");
+  style.textContent = styleStr;
+  Object.assign(style, extraOptions);
+  (_a = document.getElementsByTagName("head")[0]) == null ? void 0 : _a.appendChild(style);
+};
+const createPlaceholderStyle = (selector, style = {}) => {
+  const styleStr = style2String(style);
+  const placeholderStyle = `
+    ${selector}::placeholder { ${styleStr} }
+    ${selector}::-webkit-input-placeholder { ${styleStr} } 
+    ${selector}:-moz-placeholder { ${styleStr} }
+    ${selector}:-ms-input-placeholder { ${styleStr} }
+  `;
+  return placeholderStyle;
+};
+const separateInputStyle = (styles) => {
+  const { input } = styles;
+  let inputWrapper = {};
+  let inputStyle = {};
+  if (input) {
+    inputWrapper = JSON.parse(JSON.stringify(input));
+    Reflect.deleteProperty(inputWrapper, "placeholder");
+    Reflect.deleteProperty(inputWrapper, "hover");
+    inputStyle = {
+      placeholder: input == null ? void 0 : input.placeholder,
+      hover: input == null ? void 0 : input.hover
+    };
+    const statusList = Object.keys(inputWrapper);
+    statusList.forEach((key) => {
+      if (key === "placeholder" || key === "hover") {
+        return;
+      }
+      const style = inputWrapper[key];
+      if (!style) {
+        return;
+      }
+      inputStyleAttrs.forEach((attr) => {
+        if (!inputStyle[key]) {
+          inputStyle[key] = {};
+        }
+        if (style[attr]) {
+          inputStyle[key][attr] = style[attr];
+          Reflect.deleteProperty(style, attr);
+        }
+      });
+    });
+  }
+  return {
+    ...styles,
+    inputWrapper,
+    input: inputStyle
+  };
+};
+const genComponentStyle = (list = []) => {
+  const style = list.map(({ selector, style: style2 }) => {
+    return `${selector} { ${style2String(style2)} }`;
+  });
+  return style.join("\n");
+};
+export {
+  createPlaceholderStyle,
+  genComponentStyle,
+  generateClassNameMap,
+  loadStyle,
+  separateInputStyle,
+  style2String
+};

package/dist/style.css

@@ -1 +1 @@
-.paykka-card-checkout,.paykka-card-checkout *{box-sizing:border-box}@media (min-width: 480px){.paykka-card-checkout-ali-pay__email{padding-bottom:20px}}.paykka-card-checkout-ali-pay__error{margin-top:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-ali-pay__error{margin-top:20px}}.paykka-card-checkout-ali-pay__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-ali-pay__button{margin-top:20px}}.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper{padding:8px 0;border-bottom-right-radius:0;border-bottom-left-radius:0}.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper{padding:8px 0;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{border-top:1px solid var(--paykka-card-checkout-input-color, #4F43DF);box-shadow:0 0 0 1px var(--paykka-card-checkout-input-color, #4F43DF)}.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper{padding:8px 0;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{border-top:1px solid var(--paykka-card-checkout-input-color, #4F43DF);box-shadow:0 0 0 1px var(--paykka-card-checkout-input-color, #4F43DF)}.paykka-card-checkout-form-item{font-size:16px}.paykka-card-checkout-form-item__label{margin-bottom:8px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}@media (min-width: 480px){.paykka-card-checkout-form-item__label{margin-bottom:10px}}.paykka-card-checkout-form-item__error-text{margin-top:4px;color:#f53f3f;font-size:14px}.paykka-card-checkout-input{position:relative;box-sizing:border-box;font-size:16px}.paykka-card-checkout-input__input-wrapper{display:flex;align-items:center;height:44px;width:100%;border-radius:8px;border:1px solid #E1E1E5;transition:border .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);caret-color:var(--paykka-card-checkout-input-color, #4F43DF) .paykka-card-checkout-input__input-wrapper --success;caret-color-border-bottom:1px solid #00B42A}.paykka-card-checkout-input__input-wrapper--error{border:1px solid #F53F3F}.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-card-checkout-input-color, #4F43DF);box-shadow:0 0 0 2px var(--paykka-card-checkout-input-color, #4F43DF)}.paykka-card-checkout-input__input-wrapper-disabled{cursor:not-allowed;background:#f5f5f7}.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 #F5F5F7;box-shadow:0 0 0 2px #f5f5f7}.paykka-card-checkout-input__input{outline:none;border:none;height:100%;width:100%;border-radius:12px;caret-color:var(--paykka-card-checkout-input-color, #4F43DF);font-size:16px;padding-left:12px}.paykka-card-checkout-input__input::placeholder{color:#c2c2c2}.paykka-card-checkout-input__right-icon{padding-right:12px;display:flex;align-items:center;flex-shrink:0;margin-left:12px}.paykka-card-checkout-select__wrapper{width:100%;position:relative;cursor:pointer}.paykka-card-checkout-select__render-label{position:absolute;top:0;line-height:44px;height:44px;padding:0 16px;display:flex}.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:#fff;box-shadow:0 4px 14px #0000001a;border-radius:4px;border:1px solid #EBEBEF;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:#1f1f1f;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:10px 14px;border-radius:4px}.paykka-card-checkout-info--error{background-color:#ffece8}.paykka-card-checkout-info__icon{margin-right:8px;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;color:#a9a9a9}.paykka-card-checkout-recurring-tip__icon{width:20px;display:flex;padding-top:4px;padding-right:4px}.paykka-card-checkout-submit-button--success{opacity:1!important;background-color:#00b42a!important}.paykka-card-checkout-submit-button__text{line-height:1}.paykka-card-checkout-submit-button__text--not-verified{color:#fff9}.paykka-card-checkout-button{display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding:0 14px;border-radius:8px;border:0;background-color:var(--paykka-card-checkout-button-bg-color, #4F43DF);color:var(--paykka-card-checkout-button-text-color, #fff);font-size:16px;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-card-checkout-button-bg-color-hover, #3f33bb)}.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-card-checkout-button-bg-color-active, #312498)}.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 #DFDFE5;color:#1f1f1f;background-color:transparent}.paykka-card-checkout-button__icon{display:flex;align-items:center;margin-right:12px}.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:280px}.paykka-card-checkout-card__field{margin-bottom:24px}.paykka-card-checkout-card__center{display:flex;justify-content:space-between}.paykka-card-checkout-card__center>div{width:calc((100% - 20px)/2);transition:width .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-card__center>div{width:calc((100% - 32px)/2)}}.paykka-card-checkout-card__holder-name{padding-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-card__holder-name{padding-bottom:20px}}.paykka-card-checkout-card__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-card__button{margin-top:20px}}.paykka-card-checkout-card__card-brands{margin-top:8px}.paykka-card-checkout-card__card-number-wrapper{position:relative}.paykka-card-checkout-card__change-box{display:flex;align-items:center;color:#4f43df;font-size:14px;position:absolute;top:0;right:0;cursor:pointer}.paykka-card-checkout-card__card-selector-wrapper{display:flex;justify-content:space-between}.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:#687282}.paykka-card-checkout-card-selector__action{padding:8px 12px}.paykka-card-checkout-card-selector__label{display:flex;align-items:center}.paykka-card-checkout-card-selector__card-no{margin-left:12px}.paykka-card-checkout-card-selector__change{display:flex;align-items:center;color:#4f43df;font-size:14px}.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:4px;border-radius:50%}.paykka-card-checkout-card-no__card-no{margin-left:4px}.paykka-card-checkout-check-box{display:inline-flex;align-items:center;font-size:14px;background-color:transparent;cursor:pointer}.paykka-card-checkout-check-box:hover .paykka-card-checkout-check-box__inner{border-color:#4f43df}.paykka-card-checkout-check-box--checked .paykka-card-checkout-check-box__inner{border-color:#4f43df;background-color:#4f43df}.paykka-card-checkout-check-box__inner{width:14px;height:14px;border:1px solid #E1E1E5;border-radius:2px;margin-right:8px;transition:border-color .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}@media (min-width: 480px){.paykka-card-checkout-wechat-pay__email{padding-bottom:20px}}.paykka-card-checkout-wechat-pay__error{margin-top:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-wechat-pay__error{margin-top:20px}}.paykka-card-checkout-wechat-pay__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-wechat-pay__button{margin-top:20px}}.paykka-card-checkout-apple-pay__error{margin-bottom:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-apple-pay__error{margin-bottom:20px}}.paykka-card-checkout-apple-pay__button{width:100%;display:flex;align-items:center;justify-content:center;height:44px;--apple-pay-button-width: 100%;--apple-pay-button-height: 44px;--apple-pay-button-border-radius: 8px;--apple-pay-button-padding: 0px 0px;--apple-pay-button-box-sizing: border-box}.paykka-card-checkout-google-pay__error{margin-bottom:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-google-pay__error{margin-bottom:20px}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:4px}::-webkit-scrollbar-button{display:none!important}::-moz-scrollbar-button{display:none!important}.paykka-card-checkout-sepa{min-width:280px}.paykka-card-checkout-sepa__field{margin-bottom:24px}.paykka-card-checkout-sepa__holder-name{padding-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-sepa__holder-name{padding-bottom:20px}}.paykka-card-checkout-sepa__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-sepa__button{margin-top:20px}}
+.paykka-card-checkout,.paykka-card-checkout *{box-sizing:border-box}@media (min-width: 480px){.paykka-card-checkout-ali-pay__email{padding-bottom:20px}}.paykka-card-checkout-ali-pay__error{margin-top:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-ali-pay__error{margin-top:20px}}.paykka-card-checkout-ali-pay__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-ali-pay__button{margin-top:20px}}.paykka-card-checkout-address-field__first-item .paykka-card-checkout-input__input-wrapper{padding:8px 0;border-bottom-right-radius:0;border-bottom-left-radius:0}.paykka-card-checkout-address-field__mid-item .paykka-card-checkout-input__input-wrapper{padding:8px 0;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{border-top:1px solid var(--paykka-card-checkout-input-color, #4F43DF);box-shadow:0 0 0 1px var(--paykka-card-checkout-input-color, #4F43DF)}.paykka-card-checkout-address-field__last-item .paykka-card-checkout-input__input-wrapper{padding:8px 0;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{border-top:1px solid var(--paykka-card-checkout-input-color, #4F43DF);box-shadow:0 0 0 1px var(--paykka-card-checkout-input-color, #4F43DF)}.paykka-card-checkout-form-item{font-size:16px}.paykka-card-checkout-form-item__label{margin-bottom:8px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}@media (min-width: 480px){.paykka-card-checkout-form-item__label{margin-bottom:10px}}.paykka-card-checkout-form-item__error-text{margin-top:4px;color:#f53f3f;font-size:14px}.paykka-card-checkout-input{position:relative;box-sizing:border-box;font-size:16px}.paykka-card-checkout-input__input-wrapper{display:flex;align-items:center;height:44px;width:100%;border-radius:8px;border:1px solid #E1E1E5;transition:border .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);caret-color:var(--paykka-card-checkout-input-color, #4F43DF) .paykka-card-checkout-input__input-wrapper --success;caret-color-border-bottom:1px solid #00B42A}.paykka-card-checkout-input__input-wrapper--error{border:1px solid #F53F3F}.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-card-checkout-input-color, #4F43DF);box-shadow:0 0 0 2px var(--paykka-card-checkout-input-color, #4F43DF)}.paykka-card-checkout-input__input-wrapper-disabled{cursor:not-allowed;background:#f5f5f7}.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 #F5F5F7;box-shadow:0 0 0 2px #f5f5f7}.paykka-card-checkout-input__input{outline:none;border:none;height:100%;width:100%;border-radius:8px;caret-color:var(--paykka-card-checkout-input-color, #4F43DF);font-size:16px;padding-left:12px;background-color:transparent}.paykka-card-checkout-input__input::placeholder{color:#c2c2c2}.paykka-card-checkout-input__right-icon{padding-right:12px;display:flex;align-items:center;flex-shrink:0;margin-left:12px}.paykka-card-checkout-input__left-icon{padding-left:12px;display:flex;align-items:center;flex-shrink:0;margin-right:12px}.paykka-card-checkout-select__wrapper{width:100%;position:relative;cursor:pointer}.paykka-card-checkout-select__render-label{position:absolute;top:0;line-height:44px;height:44px;padding:0 16px;display:flex}.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:#fff;box-shadow:0 4px 14px #0000001a;border-radius:4px;border:1px solid #EBEBEF;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:#1f1f1f;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:10px 14px;border-radius:4px}.paykka-card-checkout-info--error{background-color:#ffece8}.paykka-card-checkout-info__icon{margin-right:8px;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;color:#a9a9a9}.paykka-card-checkout-recurring-tip__icon{width:20px;display:flex;padding-top:4px;padding-right:4px}.paykka-card-checkout-submit-button--success{opacity:1!important;background-color:#00b42a!important}.paykka-card-checkout-submit-button__text{line-height:1}.paykka-card-checkout-submit-button__text--not-verified{color:#fff9}.paykka-card-checkout-button{display:flex;align-items:center;justify-content:center;width:100%;height:44px;padding:0 14px;border-radius:8px;border:0;background-color:var(--paykka-card-checkout-button-bg-color, #4F43DF);color:var(--paykka-card-checkout-button-text-color, #fff);font-size:16px;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-card-checkout-button-bg-color-hover, #3f33bb)}.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-card-checkout-button-bg-color-active, #312498)}.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 #DFDFE5;color:#1f1f1f;background-color:transparent}.paykka-card-checkout-button__icon{display:flex;align-items:center;margin-right:12px}.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:280px}.paykka-card-checkout-card__field{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-card__field{margin-bottom:20px}}.paykka-card-checkout-card__center{display:flex;justify-content:space-between}.paykka-card-checkout-card__center>div{width:calc((100% - 20px)/2);transition:width .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-card__center>div{width:calc((100% - 32px)/2)}}.paykka-card-checkout-card__card-info{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-card__card-info{margin-bottom:20px}}.paykka-card-checkout-card__holder-name{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-card__holder-name{margin-bottom:20px}}.paykka-card-checkout-card__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-card__button{margin-top:20px}}.paykka-card-checkout-card__card-brands{margin-top:8px}.paykka-card-checkout-card__card-number-wrapper{position:relative}.paykka-card-checkout-card__change-box{display:flex;align-items:center;color:#4f43df;font-size:14px;position:absolute;top:0;right:0;cursor:pointer}.paykka-card-checkout-card__card-selector-wrapper{display:flex;justify-content:space-between}.paykka-card-checkout-card__address{margin-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-card__address{margin-bottom:20px}}.paykka-card-checkout-card__store-checkbox{margin-top:16px}@media (min-width: 480px){.paykka-card-checkout-card__store-checkbox{margin-top:20px}}.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:#687282}.paykka-card-checkout-card-selector__action{padding:8px 12px}.paykka-card-checkout-card-selector__label{display:flex;align-items:center}.paykka-card-checkout-card-selector__card-no{margin-left:12px}.paykka-card-checkout-card-selector__change{display:flex;align-items:center;color:#4f43df;font-size:14px}.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:4px;border-radius:50%}.paykka-card-checkout-card-no__card-no{margin-left:4px}.paykka-card-checkout-check-box{display:inline-flex;align-items:center;font-size:14px;background-color:transparent;cursor:pointer}.paykka-card-checkout-check-box:hover .paykka-card-checkout-check-box__inner{border-color:#4f43df}.paykka-card-checkout-check-box--checked .paykka-card-checkout-check-box__inner{border-color:#4f43df;background-color:#4f43df}.paykka-card-checkout-check-box__inner{width:14px;height:14px;border:1px solid #E1E1E5;border-radius:2px;margin-right:8px;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:#0006}.paykka-card-checkout-modal__content{position:relative;z-index:9999;border-radius:8px;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:#d2d2d2}.paykka-card-checkout-modal__close:hover{color:#fff}.paykka-card-checkout-modal__body{flex:1;padding:36px 28px 24px}.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}.paykka-card-checkout-three-ds-auth__last-three-ds-title{margin-top:20px;margin-bottom:40px;color:#1f1f1f;font-size:20px;font-weight:700;text-align:center}.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}@media (min-width: 480px){.paykka-card-checkout-wechat-pay__email{padding-bottom:20px}}.paykka-card-checkout-wechat-pay__error{margin-top:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-wechat-pay__error{margin-top:20px}}.paykka-card-checkout-wechat-pay__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-wechat-pay__button{margin-top:20px}}.paykka-card-checkout-apple-pay__error{margin-bottom:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-apple-pay__error{margin-bottom:20px}}.paykka-card-checkout-apple-pay__button{width:100%;display:flex;align-items:center;justify-content:center;height:44px;--apple-pay-button-width: 100%;--apple-pay-button-height: 44px;--apple-pay-button-border-radius: 8px;--apple-pay-button-padding: 0px 0px;--apple-pay-button-box-sizing: border-box}.paykka-card-checkout-google-pay__error{margin-bottom:16px;transition:margin-bottom .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-google-pay__error{margin-bottom:20px}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:4px}::-webkit-scrollbar-button{display:none!important}::-moz-scrollbar-button{display:none!important}.paykka-card-checkout-sepa{min-width:280px}.paykka-card-checkout-sepa__field{margin-bottom:24px}.paykka-card-checkout-sepa__holder-name{padding-bottom:16px}@media (min-width: 480px){.paykka-card-checkout-sepa__holder-name{padding-bottom:20px}}.paykka-card-checkout-sepa__button{margin-top:16px;transition:margin-top .1s cubic-bezier(.4,0,.2,1)}@media (min-width: 480px){.paykka-card-checkout-sepa__button{margin-top:20px}}

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

@@ -1,2 +1,3 @@
 import type { CheckoutRes } from './type';
+export declare function formatPaymentMethodInfo(paymentMethods?: Recordable[]): Pick<CheckoutRes, 'paymentMethod' | 'channelParams'>;
 export declare function checkoutMap(res?: Recordable): CheckoutRes;

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

@@ -1,3 +1,4 @@
+import type { SessionMode } from '../../../constant';
 import type { Amount } from '../type';
 export interface CheckoutTheme {
     merchantName: string;
@@ -46,7 +47,7 @@ export interface CheckoutRes {
     status: 'PROCESSING' | 'SUCCESS' | 'EXPIRED';
     transAmount: Amount;
     expireTime: string;
-    sessionMode: 'HOST' | 'EMBEDDED';
+    sessionMode: `${SessionMode}`;
     merchantName: string;
     returnUrl: string;
     locale?: string;
@@ -57,6 +58,18 @@ export interface CheckoutRes {
     channelParams?: ChannelParams;
     tokens?: CardTokenInfo[];
     storePaymentMethod?: boolean;
+    field: FieldStatusConfig;
+    country?: string;
+}
+export interface FieldStatusConfig {
+    holderName: FieldStatus;
+    email: FieldStatus;
+    address: FieldStatus;
+}
+export interface FieldStatus {
+    show: boolean;
+    required: boolean;
+    disabled?: boolean;
 }
 export interface QueryCheckoutParams {
     sessionId: string;

package/dist/types/api/modules/encrypted-card/index.d.ts

@@ -0,0 +1,6 @@
+import { type RequestOptions } from '../../http';
+import type { EncryptCardReq, EncryptCardRes, VerifyClientKeyRes } from './type';
+/** 校验 client key 是否有效 */
+declare const verifyClientKey: (clientKey: string, merchantId: string, options?: RequestOptions) => Promise<VerifyClientKeyRes | null>;
+declare const encryptCard: (card: EncryptCardReq, options?: RequestOptions) => Promise<EncryptCardRes>;
+export { verifyClientKey, encryptCard };

package/dist/types/api/modules/encrypted-card/type.d.ts

@@ -0,0 +1,31 @@
+import type { CardBrand } from '../../../types';
+export interface VerifyClientKeyRes {
+    brands: CardBrand[];
+}
+export interface EncryptCardReq {
+    clientKey: string;
+    merchantId: string;
+    expYear: string;
+    expMonth: string;
+    cardNo: string;
+    cvv: string;
+}
+export interface EncryptCardRes {
+    /** 加密后的卡号 */
+    encryptedCardNumber: string;
+    /** 加密后的 CVV */
+    encryptedCVV: string;
+    /** 加密后的有效期年份 */
+    encryptedExpireYear: string;
+    /** 加密后的有效期月份 */
+    encryptedExpireMonth: string;
+    /** 卡信息 */
+    cardInfo: {
+        /** 卡 bin */
+        bin: string;
+        /** 卡品牌 */
+        brand: CardBrand;
+        /** 卡号后 4 位 */
+        last4: string;
+    };
+}

package/dist/types/api/modules/get-browser-params.d.ts

@@ -1,11 +1,11 @@
 export declare function getBrowserParams(params?: {
-    radarId?: string;
+    fraudDetectionId?: string;
 }): Promise<{
     user_agent: string;
     color_depth: number;
     language: string;
     java_enabled: boolean;
-    device_type: StringUnion<"MOBILE" | "TABLET" | "PC" | "OTHER" | "POS">;
+    device_type: StringUnion<"PC" | "OTHER" | "MOBILE" | "TABLET" | "POS">;
     timezone_offset: string;
     screen_height: number;
     screen_width: number;
@@ -13,5 +13,5 @@ export declare function getBrowserParams(params?: {
     device_os: string;
     device_finger_print_id: string;
     terminal_type: string;
-    paykka_radar_id: string | undefined;
+    fraud_detection_id: string | undefined;
 }>;

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

@@ -1,6 +1,7 @@
 export interface AddressFieldProps {
     value: Address;
     onAddressChange: (value: Address) => void;
+    country?: string;
 }
 export interface Address {
     country: string;

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

@@ -1,11 +1,11 @@
 import type { PayRes } from '../../api';
+import type { PayKKaError } from '../../core';
+import type { CoreProps } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface AliPayProps {
-    sessionId: string;
-    clientKey?: string;
+export interface AliPayProps extends CoreProps {
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (...args: any[]) => void;
-    onError?: (error: any) => void;
+    onError?: (error: PayKKaError) => void;
     onTimeout?: (source: 'retry' | 'channel') => void;
     onExpired?: () => void;
     onSubmitResponse?: (payRes: PayRes) => void;

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

@@ -1,15 +1,27 @@
-import type { PayRes } from '../../api';
-export interface ApplePayProps {
-    sessionId: string;
-    clientKey?: string;
+import type { PayKKaError } from '../../core';
+import type { CoreProps, PaymentSuccessData } from '../../types';
+export interface ApplePayProps extends CoreProps {
+    /** 支付授权成功后触发 */
     onSubmit?: () => void;
-    onSuccess?: (...args: any[]) => void;
-    onError?: (error: any) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (data: PaymentSuccessData) => void;
+    /** SDK 加载回调，status 为 true 表示加载成功，false 表示加载失败 */
+    onLoad?: (status: boolean) => void;
+    /** 支付失败时触发 */
+    onError?: (error: PayKKaError) => void;
+    /** 支付超时时触发 */
     onTimeout?: (source: 'retry' | 'channel') => void;
+    /** 收银台已过期时触发 */
     onExpired?: () => void;
-    onSubmitResponse?: (payRes: PayRes) => void;
+    /** 交易被风控拦截时触发 */
     onAuthorized?: () => void;
+    /** 支付取消时触发 */
     onCancel?: () => void;
+    /** Apple Pay 按钮是否可用 */
+    onCanUse?: (canUse: boolean) => void;
+    /**
+     * 内部使用
+     */
     /** 点击 ApplePay 按钮 */
     onBtnClick?: () => void;
 }

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

@@ -0,0 +1,3 @@
+/** 动态加载ApplePay */
+export declare const loadApplePayJS: (onload?: () => void, onerror?: () => void) => void;
+export declare function applePayEnv(id?: string): Promise<boolean | undefined>;

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

@@ -1,18 +1,76 @@
+import type { PayKKaError } from '../../core';
+import type { CoreProps, ElementStylesConfig, PaymentSuccessData } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface CardProps {
-    sessionId: string;
-    clientKey?: string;
+export interface CardProps extends CoreProps {
+    /** 定义卡敏感信息表单布局展示，split 为分割布局，combine 为合并布局 */
+    cardInfoLayout?: CardInfoLayout;
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showEmail?: boolean;
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showAddress?: boolean;
+    /** 是否在卡号输入框下展示收银台支持的发卡行图标 */
     showCardBrands?: boolean;
+    /**
+     * @internal
+     * 是否展示持卡人姓名，目前一定展示
+     */
+    styles?: ElementStylesConfig;
+    /**
+     * @internal
+     * 是否展示持卡人姓名，目前一定展示
+     */
+    showHolderName?: boolean;
+    /**
+     * @internal
+     * 是否展示3ds modal，默认为 true，配置 false 则抛出 onThreeDS 回调
+     */
+    enable3DSModal?: boolean;
+    /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
-    onSuccess?: (returnUrl?: string) => void;
-    onError?: (error: any) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (data: PaymentSuccessData) => void;
+    /** 支付失败时触发 */
+    onError?: (error: PayKKaError) => void;
+    /** 支付超时时触发 */
     onTimeout?: () => void;
-    onAuthorized?: () => void;
+    /** 收银台已过期时触发 */
     onExpired?: () => void;
+    /**
+     * @internal
+     * 交易被风控拦截时触发
+     */
+    onAuthorized?: () => void;
+    /**
+     * @internal
+     * 交易需要 3DS 验证时触发，url 为 3DS 验证链接，incomplete 为 false 表示目前要开始进行 3DS 验证，为 true 表示上一次 3DS 验证还未完成
+     */
     onThreeDS?: (url: string, incomplete: boolean) => void;
 }
 export interface CardRef {
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+    /**
+     * @internal
+     * 3DS 验证流程结束后可调用该方法轮询收银台支付状态
+     */
     checkThreeDS: () => void;
+    /**
+     * @internal
+     * 进行表单切换时更新已填的地址信息
+     */
     updateAddress: () => void;
+    /**
+     * @internal
+     * 进行表单切换时更新已填的邮箱信息
+     */
     updateEmail: () => void;
 }
+export type CardInfoLayout = 'split' | 'combine';

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

@@ -2,6 +2,7 @@ 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'> {
     security: boolean;
+    showLabel?: boolean;
 }
 export interface CardExpireDateFieldRef {
     focus: () => void;

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

@@ -1,4 +1,4 @@
 import type { FormItemProps } from '../internal/Form';
 import type { InputProps } from '../internal/Input';
-export interface CardHolderNameFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput'> {
+export interface CardHolderNameFieldProps extends Pick<FormItemProps, 'onValidationStatusChange' | 'className' | 'style'>, Pick<InputProps, 'onInput' | 'disabled'> {
 }