@paykka/card-checkout-ui 0.6.0 → 0.8.0

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

@@ -7,6 +7,7 @@ export interface InputProps extends HTMLAttributes<HTMLInputElement>, CustomAttr
     rightIcon?: ReactNode;
     leftIcon?: ReactNode;
     inputClassName?: string;
+    showStatus?: boolean;
     onCompositionStart?: (e: CompositionEvent) => void;
 }
 export interface InputRef {

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

@@ -0,0 +1 @@
+export declare const Loading: () => import("preact").JSX.Element;

package/dist/types/components/internal/Loading/index.d.ts

@@ -0,0 +1 @@
+export * from './Loading';

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

@@ -0,0 +1,5 @@
+import './modal.scss';
+import type { ModalProps, ModalRef } from './type';
+export declare const Modal: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ModalProps> & {
+    ref?: import("preact").Ref<ModalRef> | undefined;
+}>;

package/dist/types/components/internal/Modal/index.d.ts

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

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

@@ -0,0 +1,20 @@
+import type { ReactNode } from "preact/compat";
+import type { CustomAttributes } from "../../../types";
+export interface ModalProps extends CustomAttributes<HTMLDivElement> {
+    /** 是否展示弹框 */
+    show?: boolean;
+    /** 弹窗宽度，不传就自适应 */
+    width?: number | string;
+    /** 弹窗高度，不传就自适应 */
+    height?: number | string;
+    /** 点击蒙层是否关闭弹窗，不传默认可关闭 */
+    maskClosable?: boolean;
+    /** 弹窗头部内容 */
+    header?: ReactNode;
+    /** 弹窗内容 */
+    children?: ReactNode;
+    /** 弹窗状态改变时调用 */
+    onChange?: (status: boolean) => void;
+}
+export interface ModalRef {
+}

package/dist/types/components/internal/icons/Icon3DSFail.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './type';
+export declare function Icon3DSFail({ size, style, className }: IconProps): import("preact").JSX.Element;

package/dist/types/components/internal/icons/Icon3DSInfo.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './type';
+export declare function Icon3DSInfo({ size, style, className }: IconProps): import("preact").JSX.Element;

package/dist/types/components/internal/icons/Icon3DSSuccess.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './type';
+export declare function Icon3DSSuccess({ size, style, className }: IconProps): import("preact").JSX.Element;

package/dist/types/components/internal/icons/IconCard.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from './type';
+export declare const IconCard: ({ size, style, className }: IconProps) => import("preact").JSX.Element;

package/dist/types/components/internal/icons/index.d.ts

@@ -14,3 +14,7 @@ export * from './IconArrowDown';
 export * from './IconTick';
 export * from './IconSwitch';
 export * from './IconAdd';
+export * from './Icon3DSFail';
+export * from './Icon3DSSuccess';
+export * from './Icon3DSInfo';
+export * from './IconCard';

package/dist/types/constant.d.ts

@@ -1,5 +1,6 @@
 export declare const PREFIX = "paykka-card-checkout";
 export declare const COMMON_CLASS_NAME = "paykka-card-checkout";
+/** 具体的，未分类的支付方式，来自后端 */
 export declare enum PaymentMethod {
     ALL = "ALL",
     ALI_PAY = "ALIPAY_PLUS",
@@ -16,6 +17,16 @@ export declare enum PaymentMethod {
     BOC = "BOC",
     SEPA_DEBIT = "SEPA_DEBIT"
 }
+/** 按照大类区分的支付方式 */
+export declare enum PaymentCategory {
+    /** 所有卡支付（Visa、MasterCard等） */
+    CARD = "card",
+    APPLE_PAY = "applePay",
+    GOOGLE_PAY = "googlePay",
+    SEPA_DEBIT = "sepaDebit",
+    WECHAT_PAY = "wechatPay",
+    ALI_PAY = "aliPay"
+}
 export declare const CardPaymentMethods: PaymentMethod[];
 export declare enum PaymentType {
     PURCHASE = "PURCHASE",
@@ -32,6 +43,10 @@ export declare enum EAddressType {
     ADDRESS_2 = "ADDRESS_2"
 }
 export declare enum SessionMode {
-    HOSTED = "HOST",
-    EMBEDDED = "EMBEDDED"
+    /** 单页面收银台 */
+    HOSTED = "HOSTED",
+    /** 嵌入式收银台 */
+    DROP_IN = "DROP_IN",
+    /** 组件式收银台 */
+    COMPONENT = "COMPONENT"
 }

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

@@ -1,12 +1,29 @@
 import type { ComponentType, JSX } from 'preact';
-import type { PayKKaInitConfiguration } from '../types';
+import type { CoreProps, PayKKaEnvConfig, PayKKaInitConfiguration } from '../types';
+import { type ComponentInst } from './create';
 import { Session } from './Session';
+import getFraudDetectionInstance from '../out/fraud-detection';
+export type FraudDetectionType = ReturnType<typeof getFraudDetectionInstance>;
+/**
+ * 收银台实例
+ * 不能用单例，如果使用单页面应用，在路由切换时不会重新初始化，会导致收银台配置和状态相互影响
+ */
 export declare class PayKKaCheckout {
-    private readonly config;
-    private static session?;
-    private static instance;
+    #private;
     constructor(config: PayKKaInitConfiguration);
     private init;
-    static getSession(): Session | undefined;
-    create<P extends Recordable>(component: ComponentType<P> | ((props: P) => JSX.Element), props?: Partial<P> | null): import("./create").ComponentInst<P>;
+    private initSession;
+    /**
+     * 初始化环境配置
+     * _envConfig 优先级高于 env
+     */
+    private initEnv;
+    private initLocale;
+    private initExtraParams;
+    get session(): Session;
+    get envConfig(): PayKKaEnvConfig;
+    get config(): PayKKaInitConfiguration;
+    /** 创建组件，把 session 作为组件的 props 传递 */
+    create<P extends Recordable>(component: ComponentType<P> | ((props: P) => JSX.Element), props?: Partial<P> | null): ComponentInst<P>;
+    getCoreProps(): CoreProps;
 }

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

@@ -3,7 +3,7 @@ export declare class Session {
     #private;
     readonly sessionId: string;
     readonly clientKey?: string;
-    checkout: CheckoutRes;
+    checkout?: CheckoutRes;
     colors: {
         primary: string;
         primaryHover: string;

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

@@ -3,4 +3,5 @@ import type { Session } from './Session';
 export declare const CoreContext: import("preact").Context<{
     i18n?: I18n | null | undefined;
     session?: Session | null | undefined;
+    threeDSMessageListenerInit?: boolean | undefined;
 } | null>;

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

@@ -0,0 +1,4 @@
+import type { FraudDetectionEnv, PayKKaEnvType } from '../types';
+export declare const apiEnv: Record<PayKKaEnvType, string>;
+export declare const cdnEnv: Record<PayKKaEnvType, string>;
+export declare const fraudDetectionEnv: Record<PayKKaEnvType, FraudDetectionEnv>;

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

@@ -0,0 +1,16 @@
+export declare enum EPayKKaError {
+    /** 普通错误，基本是前端错误 */
+    ERROR = "ERROR",
+    /** 请求错误 */
+    API_ERROR = "API_ERROR"
+}
+export declare class PayKKaError extends Error {
+    /** 错误类型 */
+    type: keyof typeof EPayKKaError;
+    /** 错误代码 */
+    code?: string;
+    constructor(type: keyof typeof EPayKKaError, message?: string, info?: {
+        code?: string;
+        cause?: any;
+    });
+}

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

@@ -3,3 +3,4 @@ export * from './create';
 export * from './Session';
 export * from './query';
 export * from './PayKKaCheckout';
+export * from './error';

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

@@ -2,3 +2,4 @@ export * from './useBEM';
 export * from './useI18n';
 export * from './usePayState';
 export * from './useRetry';
+export * from './useBreakpoints';

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

@@ -0,0 +1,15 @@
+declare enum EBreakpoint {
+    xs = "xs",
+    sm = "sm",
+    md = "md",
+    lg = "lg",
+    xl = "xl",
+    xxl = "xxl"
+}
+export type BreakpointType = keyof typeof EBreakpoint;
+export declare const useBreakpoints: () => {
+    matches: Record<"xs" | "sm" | "md" | "lg" | "xl" | "xxl", boolean>;
+    current: string | null;
+    smaller: (breakpointName: BreakpointType) => boolean;
+};
+export {};

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

@@ -1,19 +1,16 @@
 import type { SubmitButtonStatus } from '../components';
-import { Session } from '../core';
-export declare function usePayState(): {
+import type { Session } from '../core';
+export declare function usePayState(session: Session): {
     validated: boolean;
     setValidated: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<boolean>>;
     submitButtonStatus: SubmitButtonStatus;
     setSubmitButtonStatus: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<SubmitButtonStatus>>;
     errorMsg: string;
     setErrorMsg: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<string>>;
-    session: Session | null;
-    setSession: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<Session | null>>;
-    sessionReady: boolean;
-    setSessionReady: import("preact/hooks").Dispatch<import("preact/hooks").StateUpdater<boolean>>;
     i18n: import("../i18n").I18n;
     fraudDetection: {
         fraudDetectionID: string;
         createFraudDetection: () => Promise<void>;
     } | null;
+    sessionReady: boolean;
 };

package/dist/types/i18n/locales/de-DE.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
+    'dropIn.card.label': string;
+    'dropIn.otherPaymentMethod': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -16,6 +18,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +30,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +49,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/en-GB.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
+    'dropIn.card.label': string;
+    'dropIn.otherPaymentMethod': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -16,6 +18,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +30,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +49,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/es-ES.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
+    'dropIn.card.label': string;
+    'dropIn.otherPaymentMethod': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -16,6 +18,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +30,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +49,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/fr-FR.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
+    'dropIn.card.label': string;
+    'dropIn.otherPaymentMethod': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -16,6 +18,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +30,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +49,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-declare const locales: Recordable<() => Promise<typeof import('./zh-CN')>>;
+declare const getLocales: () => Recordable<() => Promise<typeof import('./zh-CN')>>;
 export type Translation = typeof import('./zh-CN')['default'];
 export type CustomLocales = DeepPartial<Recordable<Translation>>;
 export declare enum LocaleKey {
@@ -26,4 +26,4 @@ export declare enum LocaleKey {
     zhTW = "zh-TW"
 }
 export type LocaleKeyType = LocaleKey | `${LocaleKey}`;
-export default locales;
+export default getLocales;

package/dist/types/i18n/locales/ja-JP.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
+    'dropIn.card.label': string;
+    'dropIn.otherPaymentMethod': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -16,6 +18,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +30,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +49,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/ko-KR.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
+    'dropIn.card.label': string;
+    'dropIn.otherPaymentMethod': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -16,6 +18,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +30,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +49,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/pt-PT.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
+    'dropIn.card.label': string;
+    'dropIn.otherPaymentMethod': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -16,6 +18,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +30,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +49,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/ru-RU.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
+    'dropIn.card.label': string;
+    'dropIn.otherPaymentMethod': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -16,6 +18,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +30,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +49,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/zh-CN.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
+    'dropIn.card.label': string;
+    'dropIn.otherPaymentMethod': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -16,6 +18,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +30,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +49,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/zh-HK.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
+    'dropIn.card.label': string;
+    'dropIn.otherPaymentMethod': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -16,6 +18,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +30,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +49,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/locales/zh-TW.d.ts

@@ -1,4 +1,6 @@
 declare const _default: {
+    'dropIn.card.label': string;
+    'dropIn.otherPaymentMethod': string;
     'card.cardNumber.label': string;
     'card.cardNumber.incomplete': string;
     'card.cardNumber.invalid': string;
@@ -16,6 +18,7 @@ declare const _default: {
     'card.cardSelector.change': string;
     'card.cardSelector.useOtherCard': string;
     'card.storeInfo': string;
+    'card.info.label': string;
     'common.pay': string;
     'common.payProcessing': string;
     'common.paySuccess': string;
@@ -27,6 +30,8 @@ declare const _default: {
     'common.noData': string;
     'common.netError': string;
     'common.unknownError': string;
+    'common.cancel': string;
+    'common.confirm': string;
     'common.email.label': string;
     'common.email.incomplete': string;
     'common.email.incorrect': string;
@@ -44,5 +49,10 @@ declare const _default: {
     'sepa.iban.label': string;
     'sepa.iban.placeholder': string;
     'sepa.iban.invalid': string;
+    'threeDS.paymentIncomplete': string;
+    'threeDS.completeFirst': string;
+    'threeDS.authenticationSuccessful': string;
+    'threeDS.authenticationFailed': string;
+    'threeDS.returnToCheckout': string;
 };
 export default _default;

package/dist/types/i18n/util.d.ts

@@ -1,4 +1,9 @@
 import type { CustomLocales, Translation } from './locales';
+/**
+ * 获取最终在收银台展示的语言
+ * 如果 locale 不符合，则取浏览器语言，若仍然不符合则用 en-GB
+ */
+export declare const getRealLocale: (locale: string) => string;
 export declare function loadTranslation(locale: string, customLocales?: CustomLocales): Promise<{
     locale: string;
     translation: Translation;

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 export * from './components';
-export { type ComponentInst, create, querySession, Session, PayKKaCheckout } from './core';
+export { type ComponentInst, create, querySession, Session, PayKKaCheckout, PayKKaError } from './core';
 export { I18n, LocaleKey } from './i18n';
 export { setApiUrl, setCDNUrl, setFraudDetectionEnv, setCustomReqHeaders, setCustomLocale, setCheckoutConfig } from './config';
 export { getFingerprint } from './utils';