@paykka/card-checkout-ui 0.5.15 → 0.6.0

package/dist/es/index.js

@@ -15,13 +15,16 @@ import { GooglePay } from "./components/GooglePay/index.js";
 import { SecuredIframe } from "./components/SecuredIframe/index.js";
 import { Sepa } from "./components/Sepa/index.js";
 import { IBANField } from "./components/CardIBANField/index.js";
+import { EEncryptedCardType, ENCRYPTED_CARD_ITEM_ATTR, ENCRYPTED_CARD_WRAPPER_ID, EncryptedCard, PayKKaEncryptedCard } from "./components/EncryptedCard/index.js";
+import { CombinedEncryptedField } from "./components/CombinedEncryptedField/index.js";
 import "./core/context.js";
 import { create } from "./core/create.js";
 import { Session } from "./core/Session.js";
 import { querySession } from "./core/query.js";
+import { PayKKaCheckout } from "./core/PayKKaCheckout.js";
 import { I18n } from "./i18n/I18n.js";
-import "./i18n/locales/index.js";
-import { setApiUrl, setCDNUrl, setCustomReqHeaders, setRadarEnv } from "./config.js";
+import { LocaleKey } from "./i18n/locales/index.js";
+import { setApiUrl, setCDNUrl, setCheckoutConfig, setCustomLocale, setCustomReqHeaders, setFraudDetectionEnv } from "./config.js";
 import "./utils/card-brand/brands.js";
 import { getFingerprint } from "./utils/system-info/finger-print.js";
 import "./utils/system-info/get-browser-info.js";
@@ -36,9 +39,17 @@ export {
   CardNumberField,
   CardSecurityCodeField,
   CardSelector,
+  CombinedEncryptedField,
+  EEncryptedCardType,
+  ENCRYPTED_CARD_ITEM_ATTR,
+  ENCRYPTED_CARD_WRAPPER_ID,
+  EncryptedCard,
   GooglePay,
   I18n,
   IBANField,
+  LocaleKey,
+  PayKKaCheckout,
+  PayKKaEncryptedCard,
   SecuredIframe,
   Sepa,
   Session,
@@ -49,6 +60,8 @@ export {
   querySession,
   setApiUrl,
   setCDNUrl,
+  setCheckoutConfig,
+  setCustomLocale,
   setCustomReqHeaders,
-  setRadarEnv
+  setFraudDetectionEnv
 };

package/dist/es/out/fraud-detection.js

@@ -0,0 +1,99 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { ECollMode } from "../types/fraud-detection.js";
+var define_import_meta_env_default = { VITE_API_URL: "https://checkout.aq.paykka.com", VITE_CDN_ORIGIN: "https://checkout.aq.paykka.com", VITE_CDN_DIR: "/cp", BASE_URL: "/", MODE: "production", DEV: false, PROD: true, SSR: false };
+const stripeKeyMap = {
+  eu: "pk_live_51QSXl2G2tOepMLcRVNu0S2T6MxyB1AIgCP5g7qMQvAviQS37v0wkPhJRKqfcbTql6ZkCkGktux4ixfXuZtFy6ZpP00awbGlLEq",
+  hk: "pk_live_51QSXh9Azq7GQL5iqwZNLz3KJ896MIUnai4H7H0z9DtlklJkgoH1VAlHKy382vWPqDm80nTy8MKUdJIKs0fFbTlKx006WcKWEDu",
+  us: define_import_meta_env_default.VITE_STRIPE_KEY
+};
+const DEFAULT_ENV = "eu";
+let instance = null;
+function getFraudDetectionInstance(env, mode) {
+  if (!instance) {
+    instance = new FraudDetection(env, mode);
+  }
+  return instance;
+}
+class FraudDetection {
+  constructor(env = DEFAULT_ENV, mode = [ECollMode.SR]) {
+    __publicField(this, "collResultMap", {
+      [ECollMode.SR]: { s: "" }
+    });
+    __publicField(this, "collMap", {
+      [ECollMode.SR]: () => this.stripeRadarColl()
+    });
+    __publicField(this, "p");
+    __publicField(this, "realMode", []);
+    __publicField(this, "keyMap", {
+      [ECollMode.SR]: ""
+    });
+    this.realMode = mode;
+    if (mode.includes(ECollMode.SR)) {
+      if (typeof env === "string") {
+        this.keyMap[ECollMode.SR] = stripeKeyMap[env];
+      } else {
+        this.keyMap[ECollMode.SR] = env[ECollMode.SR];
+      }
+    }
+  }
+  get fraudDetectionID() {
+    return this.transferRes();
+  }
+  /** 创建获取 radar session id 的 promise，缓存单例 */
+  async createFraudDetection() {
+    if (!this.p) {
+      this.p = Promise.all(
+        this.realMode.map(async (item) => {
+          if (this.collMap[item]) {
+            return await this.collMap[item]();
+          } else {
+            throw new Error(`Unsupported collection mode: ${item}`);
+          }
+        })
+      );
+    }
+    await this.p;
+  }
+  /** 获取 stripe 返回的 radar session id，组件直接调，有没有返回值都直接调，传给后端 */
+  transferRes() {
+    try {
+      const s = JSON.stringify(this.collResultMap[ECollMode.SR]);
+      return btoa(s);
+    } catch (error) {
+      console.log("[PayKKa Fraud Detection SDK]:", error);
+      return "";
+    }
+  }
+  stripeRadarColl() {
+    return new Promise((resolve, reject) => {
+      const script = document.createElement("script");
+      script.type = "text/javascript";
+      script.src = "https://js.stripe.com/v3/";
+      script.async = true;
+      script.onload = async () => {
+        const stripe = window.Stripe(this.keyMap[ECollMode.SR]);
+        const { radarSession, error } = await stripe.createRadarSession();
+        if (error) {
+          console.error(error);
+          reject(error);
+        } else {
+          this.collResultMap[ECollMode.SR].s = radarSession == null ? void 0 : radarSession.id;
+          resolve(radarSession);
+        }
+      };
+      script.onerror = function() {
+        reject();
+      };
+      script.crossOrigin = "";
+      document.getElementsByTagName("head")[0].appendChild(script);
+    });
+  }
+}
+export {
+  getFraudDetectionInstance
+};

package/dist/es/style.css

@@ -112,6 +112,14 @@
   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;
 }::-webkit-scrollbar {
   height: 6px;
   width: 6px;

package/dist/es/types/{radar.js → fraud-detection.js}

@@ -1,5 +1,5 @@
 var ECollMode = /* @__PURE__ */ ((ECollMode2) => {
-  ECollMode2["STRIPE_RADAR"] = "STRIPE_RADAR";
+  ECollMode2["SR"] = "SR";
   return ECollMode2;
 })(ECollMode || {});
 export {

package/dist/es/types/index.js

@@ -1 +1,49 @@
-
+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 defaultInputStyleConfig = {
+  base: {
+    padding: "0 0 0 12px"
+  }
+};
+const inputStyleAttrs = [
+  "padding",
+  "background",
+  "caretColor",
+  "color",
+  "font",
+  "fontFamily",
+  "fontSize",
+  "fontWeight",
+  "lineHeight",
+  "textAlign",
+  "textShadow",
+  "textTransform",
+  "letterSpacing",
+  "wordSpacing",
+  "textOverflow",
+  "whiteSpace",
+  "fontSizeAdjust",
+  "fontStretch",
+  "fontStyle",
+  "fontVariant",
+  "fontVariantAlternates",
+  "fontVariantCaps",
+  "fontVariantEastAsian",
+  "fontVariantLigatures",
+  "fontVariantNumeric",
+  "fontVariantPosition",
+  "lineHeight",
+  "outline"
+];
+export {
+  CardBrandCode,
+  defaultInputStyleConfig,
+  inputStyleAttrs
+};

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

@@ -6,85 +6,59 @@ 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 || {});
+import { CardBrandCode } from "../../types/index.js";
 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
+  [CardBrandCode.VISA]: IconVisa,
+  [CardBrandCode.MASTER_CARD]: IconMasterCard,
+  [CardBrandCode.JCB]: IconJcb,
+  [CardBrandCode.AMEX]: IconAmex,
+  [CardBrandCode.DISCOVER]: IconDiscover,
+  [CardBrandCode.DINERS_CLUB]: IconDinnersClub
 };
 [
   ...cardBrands.reduce((acc, cur) => {

package/dist/es/utils/index.js

@@ -27,9 +27,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,37 @@
+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;
+};
+export {
+  createPlaceholderStyle,
+  generateClassNameMap,
+  loadStyle,
+  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: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-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: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}}

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/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,5 +1,5 @@
 export declare function getBrowserParams(params?: {
-    radarId?: string;
+    fraudDetectionId?: string;
 }): Promise<{
     user_agent: string;
     color_depth: 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/AliPay/type.d.ts

@@ -1,10 +1,6 @@
 import type { PayRes } from '../../api';
-import type { LocaleKey } from '../../i18n';
 import type { FormValidateError } from '../internal/Form';
 export interface AliPayProps {
-    sessionId: string;
-    clientKey?: string;
-    i18n?: LocaleKey;
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (...args: any[]) => void;
     onError?: (error: any) => void;

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

@@ -1,17 +1,26 @@
-import type { PayRes } from '../../api';
-import type { LocaleKey } from '../../i18n';
+import type { PaymentSuccessData } from '../../types';
 export interface ApplePayProps {
-    sessionId: string;
-    clientKey?: string;
-    i18n?: LocaleKey;
+    /** 支付授权成功后触发 */
     onSubmit?: () => void;
-    onSuccess?: (...args: any[]) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (data: PaymentSuccessData) => void;
+    /** SDK 加载回调，status 为 true 表示加载成功，false 表示加载失败 */
+    onLoad?: (status: boolean) => void;
+    /** 支付失败时触发 */
     onError?: (error: any) => 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,20 +1,30 @@
-import type { LocaleKey } from '../../i18n';
+import type { PaymentSuccessData } from '../../types';
 import type { FormValidateError } from '../internal/Form';
 export interface CardProps {
-    sessionId: string;
-    clientKey?: string;
-    i18n?: LocaleKey;
+    /** 是否在卡号输入框下展示收银台支持的发卡行图标 */
     showCardBrands?: boolean;
+    /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
-    onSuccess?: (returnUrl?: string) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (data: PaymentSuccessData) => void;
+    /** 支付失败时触发 */
     onError?: (error: any) => void;
+    /** 支付超时时触发 */
     onTimeout?: () => void;
+    /** 交易被风控拦截时触发 */
     onAuthorized?: () => void;
+    /** 收银台已过期时触发 */
     onExpired?: () => void;
+    /** 交易需要 3DS 验证时触发，url 为 3DS 验证链接，incomplete 为 false 表示目前要开始进行 3DS 验证，为 true 表示上一次 3DS 验证还未完成 */
     onThreeDS?: (url: string, incomplete: boolean) => void;
 }
 export interface CardRef {
+    /** 3DS 验证流程结束后可调用该方法轮询收银台支付状态 */
     checkThreeDS: () => void;
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+    /** 进行表单切换时更新已填的地址信息 */
     updateAddress: () => void;
+    /** 进行表单切换时更新已填的邮箱信息 */
     updateEmail: () => void;
 }

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/CardNumberField/type.d.ts

@@ -1,13 +1,16 @@
+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'> {
     supportedCardBrands?: string[];
     security: boolean;
+    showLabel?: boolean;
 }
 export interface CardNumberFieldRef {
     focus: () => void;
     blur: () => void;
     resetValidation: (status: FormValidationStatus, errorTip?: string) => void;
     binValueChanged: (binValue: string) => void;
+    brandChanged: (brand?: CardBrand) => void;
     getCardBrand: () => Recordable;
 }

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

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

package/dist/types/components/CombinedEncryptedField/CombinedEncryptedField.d.ts

@@ -0,0 +1,4 @@
+import type { CombinedEncryptedFieldProps, CombinedEncryptedFieldRef } from './type';
+export declare const CombinedEncryptedField: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<CombinedEncryptedFieldProps> & {
+    ref?: import("preact").Ref<CombinedEncryptedFieldRef> | undefined;
+}>;

package/dist/types/components/CombinedEncryptedField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CombinedEncryptedField';
+export * from './type';