@paykka/card-checkout-ui 0.8.0 → 0.9.2

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

@@ -0,0 +1,61 @@
+import type { PayKKaError } from '../../core';
+import type { PayRes } from '../../api';
+import type { FormValidateError } from '../internal/Form';
+export interface NinePayProps {
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showEmail?: boolean;
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showAddress?: boolean;
+    /** 提交表单时触发 */
+    onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (...args: any[]) => 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 NinePayRef {
+    /** 停止轮询支付结果 */
+    stopRetry: () => void;
+    /** 开始轮询支付结果 */
+    startRetry: (timeout?: number) => void;
+    /** 更新表单地址 */
+    updateAddress: () => void;
+    /** 更新表单邮箱 */
+    updateEmail: () => void;
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+}

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

@@ -15,6 +15,6 @@ export declare const useSecuredInput: () => {
         validator: () => boolean;
     };
     getCurrCardBrand: (realValue: string) => import("../../utils/card-brand/brands").CardBrandConfig | undefined;
-    brand: "VISA" | "MASTER_CARD" | "JCB" | "AMEX" | "DINERS_CLUB" | "DISCOVER" | undefined;
+    brand: "VISA" | "MASTER_CARD" | "JCB" | "AMEX" | "DINERS_CLUB" | "DISCOVER" | "CHINA_UNION_PAY" | undefined;
     validate: () => boolean | void;
 };

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

@@ -0,0 +1,7 @@
+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> & {
+    ref?: import("preact").Ref<ShopeePayRef> | undefined;
+}>;

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

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

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

@@ -0,0 +1,61 @@
+import type { PayKKaError } from '../../core';
+import type { PayRes } from '../../api';
+import type { FormValidateError } from '../internal/Form';
+export interface ShopeePayProps {
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showEmail?: boolean;
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showAddress?: boolean;
+    /** 提交表单时触发 */
+    onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (...args: any[]) => 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 {
+    /** 停止轮询支付结果 */
+    stopRetry: () => void;
+    /** 开始轮询支付结果 */
+    startRetry: (timeout?: number) => void;
+    /** 更新表单地址 */
+    updateAddress: () => void;
+    /** 更新表单邮箱 */
+    updateEmail: () => void;
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+}

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

@@ -1,3 +1,3 @@
 import './submit-button.scss';
 import type { SubmitButtonProps } from './type';
-export declare function SubmitButton(props: SubmitButtonProps): import("preact").JSX.Element;
+export declare const SubmitButton: (props: SubmitButtonProps) => import("preact").JSX.Element;

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

@@ -0,0 +1,7 @@
+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> & {
+    ref?: import("preact").Ref<TNGWalletRef> | undefined;
+}>;

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

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

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

@@ -0,0 +1,61 @@
+import type { PayKKaError } from '../../core';
+import type { PayRes } from '../../api';
+import type { FormValidateError } from '../internal/Form';
+export interface TNGWalletProps {
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showEmail?: boolean;
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showAddress?: boolean;
+    /** 提交表单时触发 */
+    onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (...args: any[]) => 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 {
+    /** 停止轮询支付结果 */
+    stopRetry: () => void;
+    /** 开始轮询支付结果 */
+    startRetry: (timeout?: number) => void;
+    /** 更新表单地址 */
+    updateAddress: () => void;
+    /** 更新表单邮箱 */
+    updateEmail: () => void;
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+}

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

@@ -0,0 +1,3 @@
+import type { QRCodeModalProps } from './type';
+import './qr-code-modal.scss';
+export declare const QRCodeModal: (props: QRCodeModalProps) => import("preact").JSX.Element;

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

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

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

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'preact/compat';
+import type { Amount } from '../../../api';
+export interface QRCodeModalProps {
+    /** 标题 */
+    title: string;
+    /** 过期时间 */
+    expiredTime: string;
+    /** 图标 */
+    icon: ReactNode;
+    /** 二维码 */
+    qrCode: string;
+    /** 支付金额 */
+    amount?: Amount;
+    /** 背景色 */
+    bgColor?: string;
+    /** 弹窗关闭时触发 */
+    onClose?: () => void;
+}

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

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

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

@@ -18,3 +18,12 @@ export * from './CardIBANField';
 export * from './EncryptedCard';
 export * from './CombinedCardInfo';
 export * from './DropIn';
+export * from './Boost';
+export * from './LinePay';
+export * from './MayBankQRPay';
+export * from './NinePay';
+export * from './GrabPay';
+export * from './TNGWallet';
+export * from './ShopeePay';
+export * from './wallets/GCash';
+export * from './wallets/Paymaya';

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

@@ -0,0 +1,3 @@
+import { type AccordionProps } from './type';
+import './accordion.scss';
+export declare const Accordion: ({ value, onChange, children, enableTransition }: AccordionProps) => import("preact/compat").JSX.Element;

package/dist/types/components/internal/Accordion/accordionTransition.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 手风琴组件过渡动画
+ * 收起或者展开的时候，需要获取内容高度，然后设置高度
+ * @param item 需要设置动画的元素
+ * @param unfold 是否展开
+ * @param enable 是否启用动画，默认启用
+ */
+export declare const accordionTransition: (item: HTMLDivElement, unfold: boolean, enable?: boolean) => void;

package/dist/types/components/internal/Accordion/components/AccordionItem/AccordionItem.d.ts

@@ -0,0 +1,3 @@
+import type { AccordionItemProps } from './type';
+import './accordion-item.scss';
+export declare const AccordionItem: (props: AccordionItemProps) => import("preact/compat").JSX.Element;

package/dist/types/components/internal/Accordion/components/AccordionItem/index.d.ts

@@ -0,0 +1,2 @@
+export { AccordionItem } from './AccordionItem';
+export type { AccordionItemProps } from './type';

package/dist/types/components/internal/Accordion/components/AccordionItem/type.d.ts

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'preact/compat';
+import type { PaymentCategory } from '../../../../../constant';
+export type AccordionItemProps = {
+    /** 头部内容 */
+    title: string;
+    /** 当前 item 唯一标识 */
+    value: PaymentCategory;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 头部内容 */
+    header?: ReactNode;
+    /** 内容 */
+    children?: ReactNode;
+    /** 是否展开 */
+    active?: boolean;
+    /** 选中时回调 */
+    onSelect?: (value: PaymentCategory) => void;
+};

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

@@ -0,0 +1,3 @@
+export { Accordion } from './Accordion';
+export type { AccordionProps } from './type';
+export { AccordionItem } from './components/AccordionItem';

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

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'preact/compat';
+export type AccordionProps = {
+    /** 默认选中的值 */
+    defaultValue?: string;
+    /** 当前选中的值（受控模式） */
+    value?: string;
+    children?: ReactNode;
+    /** 是否启用过渡动画 */
+    enableTransition?: boolean;
+    /** 选中值改变时的回调 */
+    onChange?: (value: string) => void;
+};
+export type AccordionContextType = {
+    activeName?: string;
+    enableTransition?: boolean;
+    onSelect: (value: string) => void;
+};
+export declare const AccordionContext: import("preact").Context<AccordionContextType>;

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

@@ -15,6 +15,8 @@ export interface ModalProps extends CustomAttributes<HTMLDivElement> {
     children?: ReactNode;
     /** 弹窗状态改变时调用 */
     onChange?: (status: boolean) => void;
+    /** 是否挂载到 body 下，避免 fixed 受父元素影响 */
+    appendToBody?: boolean;
 }
 export interface ModalRef {
 }

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

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

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

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

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

@@ -0,0 +1,9 @@
+import type { CustomAttributes } from '../../../types';
+export interface QRCodeProps extends CustomAttributes<HTMLButtonElement, 'style' | 'className'> {
+    /** 二维码内容 */
+    value: string;
+    /** 尺寸（像素），不传直接 100% 宽高 */
+    size?: number;
+    /** 自定义class */
+    className?: string;
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -18,3 +18,16 @@ export * from './Icon3DSFail';
 export * from './Icon3DSSuccess';
 export * from './Icon3DSInfo';
 export * from './IconCard';
+export * from './IconLinePay';
+export * from './IconBoost';
+export * from './IconGrabPay';
+export * from './IconNinePay';
+export * from './IconMayBankQRPay';
+export * from './IconShopeePay';
+export * from './IconTNGWallet';
+export * from './IconCard2';
+export * from './IconUnionPay';
+export * from './IconRedirect';
+export * from './IconScan';
+export * from './IconGCash';
+export * from './IconPaymaya';

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

@@ -0,0 +1,6 @@
+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> & {
+    ref?: import("preact").Ref<GCashRef> | undefined;
+}>;

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

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

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

@@ -0,0 +1,66 @@
+import type { PayKKaError } from '../../..';
+import type { PayRes } from '../../../api';
+import type { FormValidateError } from '../../internal/Form';
+export interface GCashProps {
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，就展示禁用状态。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showEmail?: boolean;
+    /**
+     * 是否展示邮箱
+     * 若配置 true 但创建收银台时已经传了，还是展示，先不禁用。
+     * 若配置 false 但创建收银台时未传，依旧会展示该输入框。
+     */
+    showAddress?: boolean;
+    /** 提交表单时触发 */
+    onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (...args: any[]) => 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;
+}
+export interface GCashRef {
+    /** 停止轮询支付结果 */
+    stopRetry: () => void;
+    /** 开始轮询支付结果 */
+    startRetry: (timeout?: number) => void;
+    /** 更新表单地址 */
+    updateAddress: () => void;
+    /** 更新表单邮箱 */
+    updateEmail: () => void;
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+}

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

@@ -0,0 +1,6 @@
+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> & {
+    ref?: import("preact").Ref<PaymayaRef> | undefined;
+}>;

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

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

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

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

package/dist/types/config.d.ts

@@ -1,5 +1,5 @@
-import { type LocaleKeyType } from "./i18n";
-import { type FraudDetectionEnv } from "./types";
+import { type LocaleKeyType } from './i18n';
+import { type FraudDetectionEnv } from './types';
 export declare let apiUrl: string;
 export declare let cdnOrigin: any;
 export declare let cdnDir: any;
@@ -8,11 +8,11 @@ export declare let fraudDetectionEnv: FraudDetectionEnv | undefined;
 export declare let customReqHeaders: Recordable;
 export declare let customLocale: LocaleKeyType | undefined;
 export declare let hidePaymentButton: boolean;
-export declare function setApiUrl(url: string): void;
-export declare function setCDNUrl(url: string): void;
-export declare function setFraudDetectionEnv(env: FraudDetectionEnv): void;
-export declare function setCustomReqHeaders(headers: Recordable): void;
-export declare function setCustomLocale(locale: LocaleKeyType): void;
-export declare function setCheckoutConfig(params: {
+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;
+}) => void;