@paykka/card-checkout-ui 0.11.6 → 0.13.2

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

@@ -10,6 +10,7 @@ export interface SecuredFieldsProviderProps extends SecuredFieldsCallback {
     children?: ReactNode;
     targetElement?: HTMLElement;
     style?: InputStylesConfig;
+    checkoutId: string;
 }
 export interface SecuredFieldsProviderRef {
     payment: (formData: Recordable, extraParams?: Recordable) => void;
@@ -44,6 +45,7 @@ export interface SecuredFieldConfig extends FieldIframeConfig, SecuredFieldsCall
     rootNode: HTMLElement;
     fieldNode: HTMLElement;
     iframeSrc: string;
+    iframeName: string;
     iframeClassName: string;
     hiddenIframe: HTMLIFrameElement;
 }
@@ -53,7 +55,10 @@ export interface FieldIframeConfig {
     hiddenIframeName: string;
     supportedCardBrands: string[];
     style?: InputStylesConfig;
+    checkoutId: string;
 }
 export declare const SECURED_FILED_ATTR = "data-sf";
 export declare const SECURED_IFRAME_CLASS_NAME = "secured-iframe";
 export declare const HIDDEN_IFRAME_NAME = "hidden-pay-iframe";
+export declare const FIELD_IFRAME_NAME = "field-pay-iframe";
+export declare const THREE_DS_IFRAME_NAME = "three-ds-iframe";

package/dist/types/components/SecuredIframe/HiddenIframe.d.ts

@@ -1 +1,3 @@
-export declare const HiddenIframe: () => import("preact").JSX.Element;
+export declare const HiddenIframe: ({ checkoutId }: {
+    checkoutId: string;
+}) => import("preact").JSX.Element;

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

@@ -1,6 +1,10 @@
 import './sepa.scss';
 import type { SepaProps, SepaRef } from './type';
-import type { CoreProps } from '../../types';
-export declare const Sepa: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<SepaProps & CoreProps> & {
+export declare const Sepa: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<SepaProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<SepaRef> | undefined;
 }>;

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

@@ -1,8 +1,9 @@
 import type { PayKKaError } from '../../core';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface SepaProps {
+export interface SepaProps extends PayKKaCommonConfig {
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
-    onSuccess?: (returnUrl?: string) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     onError?: (error: PayKKaError) => void;
     onTimeout?: () => void;
     onAuthorized?: () => void;

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

@@ -1,7 +1,11 @@
 import type { ShopeePayProps } from './type';
 import type { ShopeePayRef } from './type';
-import type { CoreProps } from '../../types';
 import './shopee-pay.scss';
-export declare const ShopeePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ShopeePayProps & CoreProps> & {
+export declare const ShopeePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ShopeePayProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<ShopeePayRef> | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 import type { PayKKaError } from '../../core';
-import type { PayRes } from '../../api';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface ShopeePayProps {
+export interface ShopeePayProps extends PayKKaCommonConfig {
     /**
      * 是否展示邮箱
      * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
@@ -17,35 +17,13 @@ export interface ShopeePayProps {
     /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     /** 支付成功后触发 */
-    onSuccess?: (...args: any[]) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /**
-     * @internal
-     * 请求支付接口成功后返回跳转链接
-     */
-    onSubmitResponse?: (payRes: PayRes) => void;
-    /**
-     * @internal
-     * 跳转模式，钱包支付时需要跳转到第三方页面进行支付，流程结束在返回收银台
-     * auto: 自动跳转
-     * manual: 需要在 onSubmitResponse 中接收跳转链接并手动跳转
-     */
-    redirectMode?: 'auto' | 'manual';
-    /**
-     * @internal
-     * 从第三方支付页面跳转回来时，是否自动查询支付结果
-     */
-    autoQuery?: boolean;
-    /**
-     * @internal
-     * 是否展示引导卡片
-     */
-    showGuideCard?: boolean;
 }
 export interface ShopeePayRef {
     /** 停止轮询支付结果 */

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

@@ -1,7 +1,11 @@
 import type { TNGWalletProps } from './type';
 import type { TNGWalletRef } from './type';
-import type { CoreProps } from '../../types';
 import './tng-wallet.scss';
-export declare const TNGWallet: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<TNGWalletProps & CoreProps> & {
+export declare const TNGWallet: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<TNGWalletProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<TNGWalletRef> | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 import type { PayKKaError } from '../../core';
-import type { PayRes } from '../../api';
 import type { FormValidateError } from '../internal/Form';
-export interface TNGWalletProps {
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
+export interface TNGWalletProps extends PayKKaCommonConfig {
     /**
      * 是否展示邮箱
      * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
@@ -17,35 +17,13 @@ export interface TNGWalletProps {
     /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     /** 支付成功后触发 */
-    onSuccess?: (...args: any[]) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /**
-     * @internal
-     * 请求支付接口成功后返回跳转链接
-     */
-    onSubmitResponse?: (payRes: PayRes) => void;
-    /**
-     * @internal
-     * 跳转模式，钱包支付时需要跳转到第三方页面进行支付，流程结束在返回收银台
-     * auto: 自动跳转
-     * manual: 需要在 onSubmitResponse 中接收跳转链接并手动跳转
-     */
-    redirectMode?: 'auto' | 'manual';
-    /**
-     * @internal
-     * 从第三方支付页面跳转回来时，是否自动查询支付结果
-     */
-    autoQuery?: boolean;
-    /**
-     * @internal
-     * 是否展示引导卡片
-     */
-    showGuideCard?: boolean;
 }
 export interface TNGWalletRef {
     /** 停止轮询支付结果 */

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

@@ -12,6 +12,8 @@ export interface ThreeDSAuthProps {
     height?: number | string;
     /** 主题 */
     theme?: CheckoutTheme;
+    /** 收银台 id */
+    checkoutId: string;
     /** 关闭弹框 */
     onClose?: () => void;
 }

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

@@ -1,6 +1,10 @@
 import './wechat-pay.scss';
 import type { WechatPayProps, WechatPayRef } from './type';
-import type { CoreProps } from '../../types';
-export declare const WechatPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<WechatPayProps & CoreProps> & {
+export declare const WechatPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<WechatPayProps & import("../../types").PayKKaCommonConfig & {
+    session: import("../../core").Session;
+    core: import("../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<WechatPayRef> | undefined;
 }>;

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

@@ -1,9 +1,22 @@
 import type { PayRes } from '../../api';
 import type { PayKKaError } from '../../core';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface WechatPayProps {
+export interface WechatPayProps extends PayKKaCommonConfig {
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showEmail?: boolean;
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showAddress?: boolean;
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
-    onSuccess?: (...args: any[]) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     onError?: (error: PayKKaError) => void;
     onTimeout?: (source: 'retry' | 'channel') => void;
     onExpired?: () => void;

package/dist/types/components/business/QRCodeModal/type.d.ts

@@ -13,6 +13,8 @@ export interface QRCodeModalProps {
     amount?: Amount;
     /** 背景色 */
     bgColor?: string;
+    /** 弹窗字体颜色 */
+    textColor?: string;
     /** 弹窗关闭时触发 */
     onClose?: () => void;
 }

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

@@ -27,3 +27,4 @@ export * from './TNGWallet';
 export * from './ShopeePay';
 export * from './wallets/GCash';
 export * from './wallets/Paymaya';
+export * from './wallets/Zalopay';

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

@@ -1 +1,2 @@
+import './loading.scss';
 export declare const Loading: () => import("preact").JSX.Element;

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

@@ -4,5 +4,5 @@ import type { ReactNode } from 'preact/compat';
 interface SelectMenuProps extends CustomAttributes<HTMLDivElement> {
     children?: ReactNode;
 }
-export declare function SelectMenu(props: SelectMenuProps): import("preact/compat").JSX.Element;
+export declare const SelectMenu: (props: SelectMenuProps) => import("preact/compat").JSX.Element;
 export {};

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

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

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

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

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

@@ -31,3 +31,6 @@ export * from './IconRedirect';
 export * from './IconScan';
 export * from './IconGCash';
 export * from './IconPaymaya';
+export * from './IconGcashComplete';
+export * from './IconZalopay';
+export * from './IconZalopayComplete';

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

@@ -1,6 +1,10 @@
 import type { GCashProps, GCashRef } from './type';
-import type { CoreProps } from '../../../types';
 import './g-cash.scss';
-export declare const GCash: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<GCashProps & CoreProps> & {
+export declare const GCash: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<GCashProps & import("../../../types").PayKKaCommonConfig & {
+    session: import("../../../core").Session;
+    core: import("../../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<GCashRef> | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 import type { PayKKaError } from '../../..';
-import type { PayRes } from '../../../api';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../../types';
 import type { FormValidateError } from '../../internal/Form';
-export interface GCashProps {
+export interface GCashProps extends PayKKaCommonConfig {
     /**
      * 是否展示邮箱
      * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
@@ -17,45 +17,13 @@ export interface GCashProps {
     /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     /** 支付成功后触发 */
-    onSuccess?: (...args: any[]) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /**
-     * @internal
-     * 请求支付接口成功后返回跳转链接
-     */
-    onSubmitResponse?: (payRes: PayRes) => void;
-    /**
-     * @internal
-     * 跳转模式，钱包支付时需要跳转到第三方页面进行支付，流程结束在返回收银台
-     * auto: 自动跳转
-     * manual: 需要在 onSubmitResponse 中接收跳转链接并手动跳转
-     */
-    redirectMode?: 'auto' | 'manual';
-    /**
-     * @internal
-     * 从第三方支付页面跳转回来时，是否自动查询支付结果
-     */
-    autoQuery?: boolean;
-    /**
-     * @internal
-     * 是否展示引导卡片
-     */
-    showGuideCard?: boolean;
-    /**
-     * @internal
-     * 是否展示二维码弹窗
-     */
-    enableQRCodeModal?: boolean;
-    /**
-     * @internal
-     * 用户关闭支付弹窗时触发
-     */
-    onCloseModal?: () => void;
 }
 export interface GCashRef {
     /** 停止轮询支付结果 */

package/dist/types/components/wallets/Paymaya/Paymaya.d.ts

@@ -1,6 +1,10 @@
 import type { PaymayaProps, PaymayaRef } from './type';
-import type { CoreProps } from '../../../types';
 import './paymaya.scss';
-export declare const Paymaya: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<PaymayaProps & CoreProps> & {
+export declare const Paymaya: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<PaymayaProps & import("../../../types").PayKKaCommonConfig & {
+    session: import("../../../core").Session;
+    core: import("../../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
     ref?: import("preact").Ref<PaymayaRef> | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 import type { PayKKaError } from '../../..';
-import type { PayRes } from '../../../api';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../../types';
 import type { FormValidateError } from '../../internal/Form';
-export interface PaymayaProps {
+export interface PaymayaProps extends PayKKaCommonConfig {
     /**
      * 是否展示邮箱
      * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
@@ -17,35 +17,13 @@ export interface PaymayaProps {
     /** 提交表单时触发 */
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     /** 支付成功后触发 */
-    onSuccess?: (...args: any[]) => void;
+    onSuccess?: (data: PaymentInfo) => void;
     /** 支付失败时触发 */
     onError?: (error: PayKKaError) => void;
     /** 支付超时时触发 */
     onTimeout?: () => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /**
-     * @internal
-     * 请求支付接口成功后返回跳转链接
-     */
-    onSubmitResponse?: (payRes: PayRes) => void;
-    /**
-     * @internal
-     * 跳转模式，钱包支付时需要跳转到第三方页面进行支付，流程结束在返回收银台
-     * auto: 自动跳转
-     * manual: 需要在 onSubmitResponse 中接收跳转链接并手动跳转
-     */
-    redirectMode?: 'auto' | 'manual';
-    /**
-     * @internal
-     * 从第三方支付页面跳转回来时，是否自动查询支付结果
-     */
-    autoQuery?: boolean;
-    /**
-     * @internal
-     * 是否展示引导卡片
-     */
-    showGuideCard?: boolean;
 }
 export interface PaymayaRef {
     /** 停止轮询支付结果 */

package/dist/types/components/wallets/Zalopay/Zalopay.d.ts

@@ -0,0 +1,10 @@
+import type { ZalopayProps, ZalopayRef } from './type';
+import './zalopay.scss';
+export declare const Zalopay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ZalopayProps & import("../../../types").PayKKaCommonConfig & {
+    session: import("../../../core").Session;
+    core: import("../../../core").PayKKaCheckout;
+    threeDSFrame?: import("../../../types").ThreeDSFrameConfig | undefined;
+    isDropIn?: boolean | undefined;
+}> & {
+    ref?: import("preact").Ref<ZalopayRef> | undefined;
+}>;

package/dist/types/components/wallets/Zalopay/index.d.ts

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

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

@@ -0,0 +1,39 @@
+import type { PayKKaError } from '../../..';
+import type { PayKKaCommonConfig, PaymentInfo } from '../../../types';
+import type { FormValidateError } from '../../internal/Form';
+export interface ZalopayProps extends PayKKaCommonConfig {
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showEmail?: boolean;
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showAddress?: boolean;
+    /** 提交表单时触发 */
+    onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (data: PaymentInfo) => void;
+    /** 支付失败时触发 */
+    onError?: (error: PayKKaError) => void;
+    /** 支付超时时触发 */
+    onTimeout?: (type: 'retry' | 'channel') => void;
+    /** 收银台已过期时触发 */
+    onExpired?: () => void;
+}
+export interface ZalopayRef {
+    /** 停止轮询支付结果 */
+    stopRetry: () => void;
+    /** 开始轮询支付结果 */
+    startRetry: (timeout?: number) => void;
+    /** 更新表单地址 */
+    updateAddress: () => void;
+    /** 更新表单邮箱 */
+    updateEmail: () => void;
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+}

package/dist/types/config.d.ts

@@ -7,12 +7,10 @@ export declare let cdnUrl: string;
 export declare let fraudDetectionEnv: FraudDetectionEnv | undefined;
 export declare let customReqHeaders: Recordable;
 export declare let customLocale: LocaleKeyType | undefined;
-export declare let hidePaymentButton: boolean;
+export declare let apiPrefix: string;
 export declare const setApiUrl: (url: string) => void;
 export declare const setCDNUrl: (url: string) => void;
 export declare const setFraudDetectionEnv: (env: FraudDetectionEnv) => void;
 export declare const setCustomReqHeaders: (headers: Recordable) => void;
 export declare const setCustomLocale: (locale: LocaleKeyType) => void;
-export declare const setCheckoutConfig: (params: {
-    hidePaymentButton?: boolean;
-}) => void;
+export declare const setApiPrefix: (prefix: string) => void;

package/dist/types/constant.d.ts

@@ -27,6 +27,7 @@ export declare enum PaymentMethod {
     NINE_PAY = "NINE_PAY",
     GCASH = "G_CASH",
     PAYMAYA = "PAYMAYA",
+    ZALOPAY = "ZALOPAY",
     /** 目前没用 */
     SEPA_DEBIT = "SEPA_DEBIT"
 }
@@ -48,7 +49,8 @@ export declare enum PaymentCategory {
     LINE_PAY = "linePay",
     NINE_PAY = "ninePay",
     GCASH = "gcash",
-    PAYMAYA = "paymaya"
+    PAYMAYA = "paymaya",
+    ZALOPAY = "zalopay"
 }
 export declare const PaymentMethod2CategoryMap: Partial<Record<PaymentMethod, PaymentCategory>>;
 export declare const PaymentCategory2MethodMap: Partial<Record<PaymentCategory, PaymentMethod[]>>;

package/dist/types/core/{Address.d.ts → address.d.ts}

@@ -4,14 +4,14 @@ interface Option {
     label: string;
     value: string;
 }
-interface AddressState {
-    country: string;
-    province: string;
-    city: string;
-    area: string;
-    postCode: string;
-    address1: string;
-    address2: string;
+export interface Address {
+    country?: string;
+    province?: string;
+    city?: string;
+    area?: string;
+    postCode?: string;
+    address1?: string;
+    address2?: string;
 }
 export interface AddressFormatItem {
     addressItem: keyof typeof EAddressType;
@@ -38,20 +38,20 @@ export declare class AddressCore {
     getProvinceOption(): Option[];
     requestCityOption(): Promise<void>;
     setCountry(country: string): void;
-    getCountry(): string;
+    getCountry(): string | undefined;
     setProvince(province: string): void;
-    getProvince(): string;
+    getProvince(): string | undefined;
     setAddressFormat(addressFormat: AddressFormatItem[]): void;
     getAddressFormat(): AddressFormatItem[];
-    getAddress1(): string;
+    getAddress1(): string | undefined;
     setAddress1(address1: string): void;
-    getAddress2(): string;
+    getAddress2(): string | undefined;
     setAddress2(address2: string): void;
-    getCity(): string;
+    getCity(): string | undefined;
     setCity(city: string): void;
-    getArea(): string;
+    getArea(): string | undefined;
     setArea(area: string): void;
-    getPostCode(): string;
+    getPostCode(): string | undefined;
     setPostCode(postCode: string): void;
     setMap(): {
         ADDRESS_1: (value: string) => void;
@@ -64,20 +64,19 @@ export declare class AddressCore {
     };
     setAddressStateByKey(key: keyof typeof EAddressType | 'COUNTRY', value: string): void;
     getAddressState(): {
-        country: string;
-        province: string;
-        city: string;
-        area: string;
-        postCode: string;
-        address1: string;
-        address2: string;
+        country: string | undefined;
+        province: string | undefined;
+        city: string | undefined;
+        area: string | undefined;
+        postCode: string | undefined;
+        address1: string | undefined;
+        address2: string | undefined;
     };
-    setAddressState(value: AddressState): void;
+    setAddressState(value: Address): void;
     getValidateAllFields(): boolean;
     setValidateAllFields(value: boolean): void;
     getCityOptions(): Option[];
     setCityOptions(options: Option[]): void;
     getLabel(value: string, options: Option[]): string | null;
 }
-export declare const createAddressCore: () => AddressCore;
 export {};

package/dist/types/core/{PayKKaCheckout.d.ts → checkout.d.ts}

@@ -1,9 +1,11 @@
 import type { ComponentType, JSX } from 'preact';
 import type { CoreProps, PayKKaEnvConfig, PayKKaInitConfiguration } from '../types';
 import { type ComponentInst } from './create';
-import { Session } from './Session';
+import { Session } from './session';
 import getFraudDetectionInstance from '../out/fraud-detection';
 import type { PaymentMethod } from '../constant';
+import { AddressCore } from './address';
+import { PayKKaTheme } from './theme';
 export type FraudDetectionType = ReturnType<typeof getFraudDetectionInstance>;
 /**
  * 收银台实例
@@ -19,7 +21,8 @@ export declare class PayKKaCheckout {
      */
     enablePaymentMethod: import("@preact/signals").Signal<PaymentMethod | null>;
     constructor(config: PayKKaInitConfiguration);
-    private init;
+    init(): Promise<void>;
+    private initCheckoutConfig;
     private initSession;
     /**
      * 初始化环境配置
@@ -27,13 +30,16 @@ export declare class PayKKaCheckout {
      */
     private initEnv;
     private initLocale;
-    private initExtraParams;
+    private initTheme;
     private initOtherData;
     get session(): Session;
+    get theme(): PayKKaTheme;
     get envConfig(): PayKKaEnvConfig;
     get config(): PayKKaInitConfiguration;
+    get id(): string;
     /** 创建组件，把 session 作为组件的 props 传递 */
     create<P extends Recordable>(component: ComponentType<P> | ((props: P) => JSX.Element), props?: Partial<P> | null): ComponentInst<P>;
     getCoreProps(): CoreProps;
     resetEnablePaymentMethod(): void;
+    getAddressCore(): AddressCore;
 }

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

@@ -1,7 +1,8 @@
 import type { I18n } from '../i18n';
-import type { Session } from './Session';
+import type { Session } from './session';
+import type { PayKKaCheckout } from './checkout';
 export declare const CoreContext: import("preact").Context<{
+    core?: PayKKaCheckout | null | undefined;
     i18n?: I18n | null | undefined;
     session?: Session | null | undefined;
-    threeDSMessageListenerInit?: boolean | undefined;
 } | null>;

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

@@ -1,6 +1,7 @@
 export * from './context';
 export * from './create';
-export * from './Session';
+export * from './session';
 export * from './query';
-export * from './PayKKaCheckout';
+export * from './checkout';
 export * from './error';
+export * from './theme';