@paykka/card-checkout-ui 0.9.2 → 0.11.4

package/dist/es/i18n/locales/nl-NL.js

@@ -0,0 +1,88 @@
+const nlNL = {
+  // guide card
+  "guideCard.redirectDescription": "Na het indienen wordt u doorgestuurd naar de pagina van de betalingsmethode provider om de volgende stappen veilig te voltooien.",
+  "guideCard.scanQRCode": "Na het indienen van de bestelling, gebruik {method} om de QR-code te scannen.",
+  // Drop In
+  "dropIn.card.label": "Bankkaart",
+  "dropIn.otherPaymentMethod": "Andere betaalmethode",
+  "dropIn.boost.label": "Boost",
+  "dropIn.TNGWallet.label": "Touch 'n Go eWallet",
+  "dropIn.shopeePay.label": "ShopeePay",
+  "dropIn.mayBankQRPay.label": "Maybank QRPay",
+  "dropIn.grabPay.label": "GrabPay",
+  "dropIn.linePay.label": "LinePay",
+  "dropIn.ninePay.label": "9Pay",
+  "dropIn.gcash.label": "GCash",
+  "dropIn.paymaya.label": "Paymaya",
+  // card number
+  "card.cardNumber.label": "Kaartnummer",
+  "card.cardNumber.incomplete": "Uw kaartnummer is onvolledig",
+  "card.cardNumber.invalid": "Uw kaartnummer is ongeldig",
+  "card.cardNumber.placeholder": "1234 5678 9012 3456",
+  // card expire date
+  "card.cardExpireDate.label": "Vervaldatum",
+  "card.cardExpireDate.placeholder": "MM/JJ",
+  "card.cardExpireDate.incomplete": "Uw kaart vervaldatum is onvolledig",
+  "card.cardExpireDate.expired": "Uw kaart is verlopen",
+  // card security code
+  "card.cardSecurityCode.label": "CVC/CVV",
+  "card.cardSecurityCode.placeholder": "123",
+  "card.cardSecurityCode.incomplete": "Uw kaart beveiligingscode is onvolledig",
+  // card holder name
+  "card.cardHolderName.label": "Kaarthouder naam",
+  "card.cardHolderName.placeholder": "Volledige naam op kaart",
+  "card.cardHolderName.incomplete": "Uw naam is onvolledig",
+  // card selector
+  "card.cardSelector.change": "Wijzigen",
+  "card.cardSelector.useOtherCard": "Andere kaart gebruiken",
+  "card.storeInfo": "Sla mijn kaartgegevens op voor toekomstig gebruik",
+  // card info
+  "card.info.label": "Kaartinformatie",
+  // common
+  "common.pay": "Nu kopen",
+  "common.payProcessing": "Verwerken...",
+  "common.paySuccess": "Betaling succesvol",
+  "common.payTimeout": "Verbinding verbroken",
+  "common.pay3DSIncomplete": "3DS Authenticatie onvolledig",
+  "common.queryTimeout": "Query time-out. Vernieuw de pagina of betaal opnieuw",
+  "common.generateQrCode": "QR-code genereren",
+  "common.recurringTip": "Door voor deze bestelling te betalen, machtigt u de handelaar om in de toekomst automatisch uw bankkaart te belasten volgens de voorwaarden.",
+  "common.noData": "Geen gegevens",
+  "common.netError": "Netwerkfout",
+  "common.unknownError": "Onbekende fout",
+  "common.cancel": "Annuleren",
+  "common.confirm": "Bevestigen",
+  // common email
+  "common.email.label": "E-mail",
+  "common.email.incomplete": "Voer uw e-mailadres in",
+  "common.email.incorrect": "Incorrect e-mailadres",
+  // common account name
+  "common.accountName.label": "Accountnaam",
+  "common.accountName.placeholder": "Volledige naam op het account",
+  "common.accountName.incomplete": "Uw naam is onvolledig",
+  // address
+  "address.label": "Factuuradres",
+  "address.country": "Land/Regio",
+  "address.address1": "Regel 1",
+  "address.address2": "Regel 2",
+  "address.city": "Stad",
+  "address.postCode": "Postcode",
+  "address.province": "Staat/Provincie",
+  "address.area": "District/Graafschap",
+  // sepa
+  "sepa.iban.label": "IBAN",
+  "sepa.iban.placeholder": "NL00 BANK 0000 0000 00",
+  "sepa.iban.invalid": "Uw ingevoerde IBAN is ongeldig",
+  // threeDS
+  "threeDS.paymentIncomplete": "Uw laatste betaling is onvolledig, ",
+  "threeDS.completeFirst": "voltooi eerst de verwerking.",
+  "threeDS.authenticationSuccessful": "Authenticatie succesvol,",
+  "threeDS.authenticationFailed": "Authenticatie mislukt,",
+  "threeDS.returnToCheckout": "binnenkort terugkeren.",
+  // qrCode
+  "qrCode.expired": "De QR-code is verlopen.",
+  "qrCode.scanByGcash": "Scan QR-code met GCash"
+};
+export {
+  nlNL as default
+};

package/dist/es/index.js

@@ -39,6 +39,7 @@ import { setApiUrl, setCDNUrl, setCheckoutConfig, setCustomLocale, setCustomReqH
 import "./utils/card-brand/brands.js";
 import { getFingerprint } from "./utils/system-info/finger-print.js";
 import "./utils/system-info/get-browser-info.js";
+import { PaymentMethod } from "./constant.js";
 import { redirectToPayment } from "./utils/redirect.js";
 export {
   AliPay,
@@ -72,6 +73,7 @@ export {
   PayKKaError,
   Paymaya,
   PaymentComponentMap,
+  PaymentMethod,
   SecuredIframe,
   Sepa,
   Session,

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

@@ -5,6 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { ECollMode } from "../types/fraud-detection.js";
+import { FraudDetectionEventType } from "../types/event.js";
+import { WorldpayDDC } from "./worldpay-ddc.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",
@@ -13,19 +15,22 @@ const stripeKeyMap = {
 };
 const DEFAULT_ENV = "eu";
 let instance = null;
-function getFraudDetectionInstance(env, mode) {
+function getFraudDetectionInstance(env, mode, options) {
   if (!instance) {
-    instance = new FraudDetection(env, mode);
+    instance = new FraudDetection(env, mode, options);
   }
   return instance;
 }
 class FraudDetection {
-  constructor(env = DEFAULT_ENV, mode = [ECollMode.SR]) {
+  constructor(env = DEFAULT_ENV, mode = [ECollMode.SR, ECollMode.WP], options) {
+    __publicField(this, "options");
     __publicField(this, "collResultMap", {
-      [ECollMode.SR]: { s: "" }
+      [ECollMode.SR]: "",
+      [ECollMode.WP]: ""
     });
     __publicField(this, "collMap", {
-      [ECollMode.SR]: () => this.stripeRadarColl()
+      [ECollMode.SR]: () => this.stripeRadarColl(),
+      [ECollMode.WP]: () => this.worldpayDDCColl()
     });
     __publicField(this, "p");
     __publicField(this, "realMode", []);
@@ -33,6 +38,7 @@ class FraudDetection {
       [ECollMode.SR]: ""
     });
     this.realMode = mode;
+    this.options = options;
     if (mode.includes(ECollMode.SR)) {
       if (typeof env === "string") {
         this.keyMap[ECollMode.SR] = stripeKeyMap[env];
@@ -41,8 +47,19 @@ class FraudDetection {
       }
     }
   }
+  // TODO: 待废弃
   get fraudDetectionID() {
-    return this.transferRes();
+    return this.formatFraudDetectionId({
+      s: this.collResultMap[ECollMode.SR]
+    });
+  }
+  async getFraudDetectionId(options) {
+    return this.formatFraudDetectionId({
+      // stripe radar session id
+      s: this.collResultMap[ECollMode.SR],
+      // worldpay ddc fraud detection id
+      w: await this.worldpayDDCColl().getFraudDetectionId((options == null ? void 0 : options.bin) || "")
+    });
   }
   /** 创建获取 radar session id 的 promise，缓存单例 */
   async createFraudDetection() {
@@ -59,40 +76,49 @@ class FraudDetection {
     }
     await this.p;
   }
-  /** 获取 stripe 返回的 radar session id，组件直接调，有没有返回值都直接调，传给后端 */
-  transferRes() {
+  formatFraudDetectionId(data) {
+    var _a, _b;
     try {
-      const s = JSON.stringify(this.collResultMap[ECollMode.SR]);
+      const s = JSON.stringify(data);
       return btoa(s);
     } catch (error) {
-      console.log("[PayKKa Fraud Detection SDK]:", error);
+      console.error("[PayKKa Fraud Detection SDK]:", error);
+      (_b = (_a = this.options) == null ? void 0 : _a.onEvent) == null ? void 0 : _b.call(_a, FraudDetectionEventType.FRAUD_DETECTION_TRANSFORM_ERROR);
       return "";
     }
   }
   stripeRadarColl() {
     return new Promise((resolve, reject) => {
+      const { onEvent } = this.options || {};
+      onEvent == null ? void 0 : onEvent(FraudDetectionEventType.STRIPE_RADAR_START);
       const script = document.createElement("script");
       script.type = "text/javascript";
       script.src = "https://js.stripe.com/v3/";
       script.async = true;
+      script.crossOrigin = "";
       script.onload = async () => {
         const stripe = window.Stripe(this.keyMap[ECollMode.SR]);
         const { radarSession, error } = await stripe.createRadarSession();
         if (error) {
           console.error(error);
+          onEvent == null ? void 0 : onEvent(FraudDetectionEventType.STRIPE_RADAR_ERROR);
           reject(error);
         } else {
-          this.collResultMap[ECollMode.SR].s = radarSession == null ? void 0 : radarSession.id;
+          this.collResultMap[ECollMode.SR] = radarSession == null ? void 0 : radarSession.id;
+          onEvent == null ? void 0 : onEvent(FraudDetectionEventType.STRIPE_RADAR_SUCCESS);
           resolve(radarSession);
         }
       };
-      script.onerror = function() {
+      script.onerror = () => {
+        onEvent == null ? void 0 : onEvent(FraudDetectionEventType.STRIPE_RADAR_LOAD_ERROR);
         reject();
       };
-      script.crossOrigin = "";
       document.getElementsByTagName("head")[0].appendChild(script);
     });
   }
+  worldpayDDCColl() {
+    return new WorldpayDDC(this.options);
+  }
 }
 export {
   getFraudDetectionInstance

package/dist/es/out/worldpay-ddc.js

@@ -0,0 +1,143 @@
+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 { getRiskAuthorization } from "../api/modules/risk/index.js";
+import { cdnOrigin, cdnUrl } from "../config.js";
+import { MessageAction } from "../types/message.js";
+import { FraudDetectionEventType } from "../types/event.js";
+import "../utils/card-brand/brands.js";
+import "../utils/system-info/get-browser-info.js";
+import { postMessageToIframe } from "../utils/iframe.js";
+const DDC_ORIGIN = "https://centinelapistag.cardinalcommerce.com";
+const DDC_TIMEOUT = 1e4;
+const _WorldpayDDC = class _WorldpayDDC {
+  constructor(options) {
+    __publicField(this, "iframe", null);
+    __publicField(this, "jwt", null);
+    __publicField(this, "listener", null);
+    __publicField(this, "timer", null);
+    __publicField(this, "fraudDetectionId", null);
+    __publicField(this, "p");
+    __publicField(this, "options");
+    if (_WorldpayDDC.instance) {
+      return _WorldpayDDC.instance;
+    }
+    this.options = options;
+    _WorldpayDDC.instance = this;
+  }
+  /**
+   * 获取 fraudDetectionId，每次支付的时候都要调用
+   * @param bin 最好是完整卡号，至少得是 6 位卡 bin
+   */
+  async getFraudDetectionId(bin) {
+    if (this.fraudDetectionId) {
+      return this.fraudDetectionId;
+    }
+    if (this.p) {
+      return this.p;
+    }
+    this.iframe = null;
+    if (this.timer) {
+      clearTimeout(this.timer);
+    }
+    this.p = this.requestFraudDetectionId(bin);
+    return this.p;
+  }
+  async requestFraudDetectionId(bin) {
+    const { onEvent } = this.options || {};
+    onEvent == null ? void 0 : onEvent(FraudDetectionEventType.WORLDPAY_DDC_START);
+    try {
+      await Promise.all([this.getJWT(), this.initIframe()]);
+      this.sendJWTAndBin(bin);
+      return new Promise((resolve) => {
+        this.timer && clearTimeout(this.timer);
+        this.timer = setTimeout(() => {
+          this.clearListener();
+          console.error("worldpay ddc get id timeout");
+          onEvent == null ? void 0 : onEvent(FraudDetectionEventType.WORLDPAY_DDC_TIMEOUT);
+          resolve("");
+        }, DDC_TIMEOUT);
+        this.listenFraudDetectionId((fraudDetectionId) => {
+          this.timer && clearTimeout(this.timer);
+          this.fraudDetectionId = fraudDetectionId;
+          onEvent == null ? void 0 : onEvent(FraudDetectionEventType.WORLDPAY_DDC_SUCCESS);
+          resolve(fraudDetectionId);
+        });
+      });
+    } catch (error) {
+      console.error(error);
+      onEvent == null ? void 0 : onEvent(FraudDetectionEventType.WORLDPAY_DDC_ERROR);
+      return "";
+    }
+  }
+  sendJWTAndBin(bin) {
+    const message = {
+      action: MessageAction.DDC_JWT_BIN,
+      jwt: this.jwt || "",
+      bin
+    };
+    postMessageToIframe(message, this.iframe.contentWindow, cdnOrigin);
+  }
+  /**
+   * 监听 worldpay 返回的 fraudDetectionId
+   * 由于可能会多次调用，所以需要先移除之前的监听
+   * 如果 worldpay 一直没有返回信息，则 10s 后清除监听，并返回空字符串
+   */
+  listenFraudDetectionId(cb) {
+    if (this.listener) {
+      this.clearListener();
+    }
+    this.listener = (event) => {
+      var _a;
+      if (event.origin === DDC_ORIGIN) {
+        const data = JSON.parse(event.data);
+        console.warn("worldpay ddc data", data);
+        if (data) {
+          const fraudDetectionId = data.SessionId || ((_a = data.Payload) == null ? void 0 : _a.SessionId);
+          cb(fraudDetectionId);
+        }
+      }
+    };
+    window.addEventListener("message", this.listener);
+  }
+  clearListener() {
+    this.listener && window.removeEventListener("message", this.listener);
+    this.timer && clearTimeout(this.timer);
+    this.listener = null;
+    this.timer = null;
+  }
+  getJWT() {
+    if (this.jwt) {
+      return this.jwt;
+    }
+    return getRiskAuthorization({ channel: "WORLD_PAY" }).then((res) => {
+      this.jwt = res.authCode;
+      return this.jwt;
+    });
+  }
+  initIframe() {
+    if (this.iframe) {
+      return;
+    }
+    const iframe = document.createElement("iframe");
+    iframe.src = `${cdnUrl}/worldpay-ddc.html`;
+    iframe.style.display = "none";
+    iframe.width = "1";
+    iframe.height = "1";
+    document.body.appendChild(iframe);
+    this.iframe = iframe;
+    return new Promise((resolve) => {
+      iframe.onload = () => {
+        resolve();
+      };
+    });
+  }
+};
+__publicField(_WorldpayDDC, "instance", null);
+let WorldpayDDC = _WorldpayDDC;
+export {
+  WorldpayDDC
+};

package/dist/es/types/event.js

@@ -0,0 +1,15 @@
+var FraudDetectionEventType = /* @__PURE__ */ ((FraudDetectionEventType2) => {
+  FraudDetectionEventType2["FRAUD_DETECTION_TRANSFORM_ERROR"] = "fraudDetection:transFormError";
+  FraudDetectionEventType2["STRIPE_RADAR_ERROR"] = "stripeRadar:error";
+  FraudDetectionEventType2["STRIPE_RADAR_LOAD_ERROR"] = "stripeRadar:loadError";
+  FraudDetectionEventType2["STRIPE_RADAR_START"] = "stripeRadar:start";
+  FraudDetectionEventType2["STRIPE_RADAR_SUCCESS"] = "stripeRadar:success";
+  FraudDetectionEventType2["WORLDPAY_DDC_START"] = "worldpayDDC:start";
+  FraudDetectionEventType2["WORLDPAY_DDC_ERROR"] = "worldpayDDC:error";
+  FraudDetectionEventType2["WORLDPAY_DDC_TIMEOUT"] = "worldpayDDC:timeout";
+  FraudDetectionEventType2["WORLDPAY_DDC_SUCCESS"] = "worldpayDDC:success";
+  return FraudDetectionEventType2;
+})(FraudDetectionEventType || {});
+export {
+  FraudDetectionEventType
+};

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

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

package/dist/es/types/message.js

@@ -21,6 +21,9 @@ var MessageAction = /* @__PURE__ */ ((MessageAction2) => {
   MessageAction2["CHECK_THREE_DS"] = "checkThreeDS";
   MessageAction2["THREE_DS_STATUS_INIT"] = "threeDSStatusInit";
   MessageAction2["THREE_DS_STATUS_CONFIG"] = "threeDSStatusConfig";
+  MessageAction2["DEBUG_MODE"] = "debugMode";
+  MessageAction2["DDC_RESULT"] = "ddcResult";
+  MessageAction2["DDC_JWT_BIN"] = "ddcJwtBin";
   return MessageAction2;
 })(MessageAction || {});
 export {

package/dist/es/utils/iframe.js

@@ -14,7 +14,7 @@ const postMessageToIframe = (data, iframe, targetOrigin = "*") => {
   if (!iframe) {
     return;
   }
-  const dataStr = JSON.stringify(data);
+  const dataStr = typeof data === "string" ? data : JSON.stringify(data);
   iframe == null ? void 0 : iframe.postMessage(dataStr, { targetOrigin });
 };
 export {

package/dist/es/utils/reg-exp.js

@@ -0,0 +1,4 @@
+const EMAIL_REG = "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$";
+export {
+  EMAIL_REG
+};

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

@@ -17,3 +17,5 @@ export * from './paymaya';
 export * from './map';
 export * from './type';
 export * from './get-browser-params';
+export * from './threeDS';
+export * from './risk';

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

@@ -0,0 +1,8 @@
+import { type RequestOptions } from '../../http';
+export declare const getRiskAuthorization: (params: {
+    channel: string;
+}, options?: RequestOptions) => Promise<{
+    authCode: any;
+    channel: any;
+    expireTime: any;
+}>;

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

@@ -0,0 +1,3 @@
+import { type RequestOptions } from '../../http';
+/** 通知后端服务商 3ds 页面已加载 */
+export declare const noticeThreeDSLoaded: (sessionId: string, options?: RequestOptions) => Promise<any>;

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

@@ -2,15 +2,21 @@ 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;
+    /** 是否使用安全模式（iframe） */
+    security: boolean;
+    /** 卡 bin 改变回调 */
+    onBinValue?: (binValue: string) => void;
 }
 export interface CardNumberFieldRef {
     focus: () => void;
     blur: () => void;
     resetValidation: (status: FormValidationStatus, errorTip?: string) => void;
     binValueChanged: (binValue: string) => void;
+    binValue: () => string;
     brandChanged: (brand?: CardBrand) => void;
     getCardBrand: () => Recordable;
 }

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

@@ -11,6 +11,7 @@ export interface CombinedCardInfoRef {
     blur: () => void;
     resetValidation: (status: FormValidationStatus, errorTip?: string) => void;
     binValueChanged: (binValue: string) => void;
+    binValue: () => string;
     brandChanged: (brand?: CardBrand) => void;
     getCardBrand: () => Recordable;
 }

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

@@ -12,7 +12,7 @@ export interface SecuredFieldsProviderProps extends SecuredFieldsCallback {
     style?: InputStylesConfig;
 }
 export interface SecuredFieldsProviderRef {
-    payment: (formData: any) => void;
+    payment: (formData: Recordable, extraParams?: Recordable) => void;
     encryptCard: (encryptInfo: EncryptCardMessage) => void;
     reload: () => void;
     validate: () => void;

package/dist/types/components/ThreeDS/components/ThreeDSIframe/ThreeDSIframe.d.ts

@@ -1,2 +1,3 @@
 import type { ThreeDSIframeProps } from './type';
+import './three-ds-iframe.scss';
 export declare const ThreeDSIframe: (props: ThreeDSIframeProps) => import("preact").JSX.Element;

package/dist/types/components/ThreeDS/components/ThreeDSIframe/output.d.ts

@@ -1 +1 @@
-export {};
+import './three-ds-iframe.scss';

package/dist/types/components/ThreeDS/components/ThreeDSIframe/type.d.ts

@@ -1,5 +1,15 @@
+export interface ThreeDSFormConfig {
+    action: string | null;
+    dataList: Array<{
+        name: string;
+        value: string | null;
+    }>;
+}
 export interface ThreeDSIframeProps {
-    uniqueId: string;
-    signature: string;
-    action: string;
+    config: ThreeDSFormConfig;
+    sessionId?: string;
+}
+export declare enum ThreeDSChannel {
+    ECP = "ECP",
+    WORLDPAY = "WORLD_PAY"
 }

package/dist/types/components/internal/Select/Select.d.ts

@@ -1,20 +1,4 @@
-import { type ReactNode } from 'preact/compat';
-import type { CustomAttributes } from '../../../types';
-import type { SelectOption, SelectRef } from './type';
-interface SelectProps extends CustomAttributes<HTMLInputElement, 'onBlur' | 'onFocus' | 'placeholder'> {
-    value?: string | number;
-    status?: 'error' | 'success';
-    placeholder?: string;
-    rightIcon?: ReactNode;
-    options: SelectOption[];
-    onSelect: (value: string | number, option: SelectOption) => void;
-    inputClassName?: string;
-    noDataTip: string;
-    renderLabel?: (option: SelectOption) => ReactNode;
-    action?: ReactNode;
-    filterable?: boolean;
-}
+import type { SelectProps, SelectRef } from './type';
 export declare const Select: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<SelectProps> & {
     ref?: import("preact").Ref<SelectRef> | undefined;
 }>;
-export {};

package/dist/types/components/internal/Select/type.d.ts

@@ -1,4 +1,5 @@
-import type { ReactNode } from "preact/compat";
+import type { ReactNode } from 'preact/compat';
+import type { CustomAttributes } from '../../../types';
 export interface BaseSelectOption<V = string | number, L = string | ((option: BaseSelectOption<V>, selected: boolean) => ReactNode)> {
     label: L;
     value: V;
@@ -8,3 +9,27 @@ export type SelectOption = BaseSelectOption<string | number>;
 export interface SelectRef {
     blur: () => void;
 }
+export interface SelectProps extends CustomAttributes<HTMLInputElement, 'onBlur' | 'onFocus' | 'placeholder'> {
+    /** 选中值 */
+    value?: string | number;
+    /** 校验状态 */
+    status?: 'error' | 'success';
+    /** 占位符 */
+    placeholder?: string;
+    /** 右侧图标 */
+    rightIcon?: ReactNode;
+    /** 选项列表 */
+    options: SelectOption[];
+    /** 选中回调 */
+    onSelect: (value: string | number, option: SelectOption) => void;
+    /** 输入框样式 */
+    inputClassName?: string;
+    /** 没有数据时的提示 */
+    noDataTip?: string;
+    /** 渲染选项 */
+    renderLabel?: (option: SelectOption) => ReactNode;
+    /** 操作按钮 */
+    action?: ReactNode;
+    /** 是否可过滤 */
+    filterable?: boolean;
+}

package/dist/types/components/wallets/GCash/type.d.ts

@@ -51,6 +51,11 @@ export interface GCashProps {
      * 是否展示二维码弹窗
      */
     enableQRCodeModal?: boolean;
+    /**
+     * @internal
+     * 用户关闭支付弹窗时触发
+     */
+    onCloseModal?: () => void;
 }
 export interface GCashRef {
     /** 停止轮询支付结果 */

package/dist/types/core/error.d.ts

@@ -1,3 +1,14 @@
+/** 前端错误信息枚举，为了防止与后端 code 冲突做的区分 */
+export declare enum EPayKKaErrorMessage {
+    /** worldpay ddc 错误 */
+    DDC_ERROR = "DDC_ERROR",
+    /** worldpay ddc 超时 */
+    DDC_TIMEOUT = "DDC_TIMEOUT",
+    /** 欺诈检测数据转换错误 */
+    FRAUD_DETECTION_ID_FORMAT_ERROR = "FRAUD_DETECTION_ID_FORMAT_ERROR",
+    /** stripe radar 错误 */
+    STRIPE_RADAR_ERROR = "STRIPE_RADAR_ERROR"
+}
 export declare enum EPayKKaError {
     /** 普通错误，基本是前端错误 */
     ERROR = "ERROR",
@@ -11,7 +22,7 @@ export declare class PayKKaError extends Error {
     type: keyof typeof EPayKKaError;
     /** 错误代码 */
     code?: string;
-    constructor(type: keyof typeof EPayKKaError, message?: string, info?: {
+    constructor(type: keyof typeof EPayKKaError, message?: string | EPayKKaErrorMessage, info?: {
         code?: string;
         cause?: any;
     });

package/dist/types/hooks/usePayState.d.ts

@@ -1,5 +1,5 @@
-import type { Session } from '../core';
-export declare function usePayState(session: Session): {
+import type { PayKKaCheckout, Session } from '../core';
+export declare function usePayState(session: Session, core?: PayKKaCheckout): {
     validated: boolean;
     setValidated: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<boolean>>;
     errorMsg: string;
@@ -7,6 +7,9 @@ export declare function usePayState(session: Session): {
     i18n: import("../i18n").I18n;
     fraudDetection: {
         fraudDetectionID: string;
+        getFraudDetectionId: (options?: {
+            bin?: string | undefined;
+        } | undefined) => Promise<string>;
         createFraudDetection: () => Promise<void>;
     } | null;
     sessionReady: boolean;

package/dist/types/i18n/locales/index.d.ts

@@ -14,6 +14,8 @@ export declare enum LocaleKey {
     jaJP = "ja-JP",
     /** 韩语（韩国） */
     koKR = "ko-KR",
+    /** 荷兰语（荷兰） */
+    nlNL = "nl-NL",
     /** 葡萄牙语（葡萄牙） */
     ptPT = "pt-PT",
     /** 俄语（俄罗斯） */