@paykka/card-checkout-ui 0.7.0 → 0.9.2

package/dist/types/api/modules/get-browser-params.d.ts

@@ -1,6 +1,6 @@
-export declare function getBrowserParams(params?: {
+export declare const getBrowserParams: (params?: {
     fraudDetectionId?: string;
-}): Promise<{
+}) => Promise<{
     user_agent: string;
     color_depth: number;
     language: string;

package/dist/types/api/modules/google-pay/index.d.ts

@@ -1,3 +1,4 @@
+import type { PayKKaCheckout } from '../../../core';
 import { type RequestOptions } from '../../http';
 import type { PayBill } from '../type';
 export declare function googlePay({ sessionId, clientKey, token, bill, browser }: {
@@ -6,7 +7,7 @@ export declare function googlePay({ sessionId, clientKey, token, bill, browser }
     token: string;
     bill: PayBill;
     browser: Recordable;
-}, options?: RequestOptions): Promise<import("../type").PayRes>;
+}, core: PayKKaCheckout, options?: RequestOptions): Promise<import("../type").PayRes>;
 export declare function getGooglePayInfo({ sessionId, clientKey }: {
     sessionId: string;
     clientKey?: string;

package/dist/types/api/modules/grab-pay/index.d.ts

@@ -0,0 +1,24 @@
+import type { PayKKaCheckout } from '../../../core';
+import { type RequestOptions } from '../../http';
+export declare const grabPay: ({ sessionId, clientKey, payment, bill, browser }: {
+    sessionId: string;
+    clientKey?: string;
+    payment: {
+        paymentMethod: string;
+    };
+    bill: {
+        email: string;
+        country?: string | null;
+        province?: string | null;
+        city?: string | null;
+        area?: string | null;
+        postCode?: string | null;
+        address1?: string | null;
+        address2?: string | null;
+    };
+    browser: Recordable;
+}, core: PayKKaCheckout, options?: RequestOptions) => Promise<import("..").PayRes>;
+export declare const getGrabPayInfo: ({ sessionId, clientKey }: {
+    sessionId: string;
+    clientKey?: string;
+}, options?: RequestOptions) => Promise<import("..").PayRes>;

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

@@ -5,6 +5,15 @@ export * from './wechat-pay';
 export * from './apple-pay';
 export * from './google-pay';
 export * from './sepa';
+export * from './boost';
+export * from './line-pay';
+export * from './may-bank-qr-pay';
+export * from './nine-pay';
+export * from './grab-pay';
+export * from './tng-wallet';
+export * from './shopee-pay';
+export * from './gcash';
+export * from './paymaya';
 export * from './map';
 export * from './type';
 export * from './get-browser-params';

package/dist/types/api/modules/line-pay/index.d.ts

@@ -0,0 +1,24 @@
+import type { PayKKaCheckout } from '../../../core';
+import { type RequestOptions } from '../../http';
+export declare const linePay: ({ sessionId, clientKey, payment, bill, browser }: {
+    sessionId: string;
+    clientKey?: string;
+    payment: {
+        paymentMethod: string;
+    };
+    bill: {
+        email: string;
+        country?: string | null;
+        province?: string | null;
+        city?: string | null;
+        area?: string | null;
+        postCode?: string | null;
+        address1?: string | null;
+        address2?: string | null;
+    };
+    browser: Recordable;
+}, core: PayKKaCheckout, options?: RequestOptions) => Promise<import("..").PayRes>;
+export declare const getLinePayInfo: ({ sessionId, clientKey }: {
+    sessionId: string;
+    clientKey?: string;
+}, options?: RequestOptions) => Promise<import("..").PayRes>;

package/dist/types/api/modules/may-bank-qr-pay/index.d.ts

@@ -0,0 +1,24 @@
+import type { PayKKaCheckout } from '../../../core';
+import { type RequestOptions } from '../../http';
+export declare const mayBankQRPay: ({ sessionId, clientKey, payment, bill, browser }: {
+    sessionId: string;
+    clientKey?: string;
+    payment: {
+        paymentMethod: string;
+    };
+    bill: {
+        email: string;
+        country?: string | null;
+        province?: string | null;
+        city?: string | null;
+        area?: string | null;
+        postCode?: string | null;
+        address1?: string | null;
+        address2?: string | null;
+    };
+    browser: Recordable;
+}, core: PayKKaCheckout, options?: RequestOptions) => Promise<import("..").PayRes>;
+export declare const getMayBankQRPayInfo: ({ sessionId, clientKey }: {
+    sessionId: string;
+    clientKey?: string;
+}, options?: RequestOptions) => Promise<import("..").PayRes>;

package/dist/types/api/modules/nine-pay/index.d.ts

@@ -0,0 +1,24 @@
+import type { PayKKaCheckout } from '../../../core';
+import { type RequestOptions } from '../../http';
+export declare const ninePay: ({ sessionId, clientKey, payment, bill, browser }: {
+    sessionId: string;
+    clientKey?: string;
+    payment: {
+        paymentMethod: string;
+    };
+    bill: {
+        email: string;
+        country?: string | null;
+        province?: string | null;
+        city?: string | null;
+        area?: string | null;
+        postCode?: string | null;
+        address1?: string | null;
+        address2?: string | null;
+    };
+    browser: Recordable;
+}, core: PayKKaCheckout, options?: RequestOptions) => Promise<import("..").PayRes>;
+export declare const getNinePayInfo: ({ sessionId, clientKey }: {
+    sessionId: string;
+    clientKey?: string;
+}, options?: RequestOptions) => Promise<import("..").PayRes>;

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

@@ -0,0 +1,24 @@
+import type { PayKKaCheckout } from '../../../core';
+import { type RequestOptions } from '../../http';
+export declare const paymayaPay: ({ sessionId, clientKey, payment, bill, browser }: {
+    sessionId: string;
+    clientKey?: string;
+    payment: {
+        paymentMethod: string;
+    };
+    bill: {
+        email: string;
+        country?: string | null;
+        province?: string | null;
+        city?: string | null;
+        area?: string | null;
+        postCode?: string | null;
+        address1?: string | null;
+        address2?: string | null;
+    };
+    browser: Recordable;
+}, core: PayKKaCheckout, options?: RequestOptions) => Promise<import("..").PayRes>;
+export declare const getPaymayaPayInfo: ({ sessionId, clientKey }: {
+    sessionId: string;
+    clientKey?: string;
+}, options?: RequestOptions) => Promise<import("..").PayRes>;

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

@@ -1,3 +1,4 @@
+import type { PayKKaCheckout } from '../../../core';
 import { type RequestOptions } from '../../http';
 export declare function sepaPay({ sessionId, clientKey, payment, bill, browser }: {
     sessionId: string;
@@ -17,7 +18,7 @@ export declare function sepaPay({ sessionId, clientKey, payment, bill, browser }
         address2?: string | null;
     };
     browser: Recordable;
-}, options?: RequestOptions): Promise<import("..").PayRes>;
+}, core: PayKKaCheckout, options?: RequestOptions): Promise<import("..").PayRes>;
 export declare function getSepaPayInfo({ sessionId, clientKey }: {
     sessionId: string;
     clientKey?: string;

package/dist/types/api/modules/shopee-pay/index.d.ts

@@ -0,0 +1,24 @@
+import type { PayKKaCheckout } from '../../../core';
+import { type RequestOptions } from '../../http';
+export declare const shopeePay: ({ sessionId, clientKey, payment, bill, browser }: {
+    sessionId: string;
+    clientKey?: string;
+    payment: {
+        paymentMethod: string;
+    };
+    bill: {
+        email: string;
+        country?: string | null;
+        province?: string | null;
+        city?: string | null;
+        area?: string | null;
+        postCode?: string | null;
+        address1?: string | null;
+        address2?: string | null;
+    };
+    browser: Recordable;
+}, core: PayKKaCheckout, options?: RequestOptions) => Promise<import("..").PayRes>;
+export declare const getShopeePayInfo: ({ sessionId, clientKey }: {
+    sessionId: string;
+    clientKey?: string;
+}, options?: RequestOptions) => Promise<import("..").PayRes>;

package/dist/types/api/modules/tng-wallet/index.d.ts

@@ -0,0 +1,24 @@
+import type { PayKKaCheckout } from '../../../core';
+import { type RequestOptions } from '../../http';
+export declare const tngWalletPay: ({ sessionId, clientKey, payment, bill, browser }: {
+    sessionId: string;
+    clientKey?: string;
+    payment: {
+        paymentMethod: string;
+    };
+    bill: {
+        email: string;
+        country?: string | null;
+        province?: string | null;
+        city?: string | null;
+        area?: string | null;
+        postCode?: string | null;
+        address1?: string | null;
+        address2?: string | null;
+    };
+    browser: Recordable;
+}, core: PayKKaCheckout, options?: RequestOptions) => Promise<import("..").PayRes>;
+export declare const getTNGWalletPayInfo: ({ sessionId, clientKey }: {
+    sessionId: string;
+    clientKey?: string;
+}, options?: RequestOptions) => Promise<import("..").PayRes>;

package/dist/types/api/modules/wechat-pay/index.d.ts

@@ -1,3 +1,4 @@
+import type { PayKKaCheckout } from '../../../core';
 import { type RequestOptions } from '../../http';
 export declare function wechatPay({ sessionId, clientKey, bill, channelUserId }: {
     sessionId: string;
@@ -13,7 +14,7 @@ export declare function wechatPay({ sessionId, clientKey, bill, channelUserId }:
         address2?: string | null;
     };
     channelUserId?: string;
-}, options?: RequestOptions): Promise<import("..").PayRes>;
+}, core: PayKKaCheckout, options?: RequestOptions): Promise<import("..").PayRes>;
 export declare function getWechatPayInfo({ sessionId, clientKey }: {
     sessionId: string;
     clientKey?: string;

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

@@ -1,5 +1,6 @@
 import './ali-pay.scss';
 import type { AliPayProps, AliPayRef } from './type';
-export declare const AliPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<AliPayProps> & {
+import type { CoreProps } from '../../types';
+export declare const AliPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<AliPayProps & CoreProps> & {
     ref?: import("preact").Ref<AliPayRef> | undefined;
 }>;

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

@@ -1,8 +1,7 @@
 import type { PayRes } from '../../api';
 import type { PayKKaError } from '../../core';
-import type { CoreProps } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface AliPayProps extends CoreProps {
+export interface AliPayProps {
     onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
     onSuccess?: (...args: any[]) => void;
     onError?: (error: PayKKaError) => void;

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

@@ -1,5 +1,6 @@
 import './apple-pay.scss';
 import type { ApplePayProps, ApplePayRef } from './type';
-export declare const ApplePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ApplePayProps> & {
+import type { CoreProps } from '../../types';
+export declare const ApplePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<ApplePayProps & CoreProps> & {
     ref?: import("preact").Ref<ApplePayRef> | undefined;
 }>;

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

@@ -1,6 +1,6 @@
 import type { PayKKaError } from '../../core';
-import type { CoreProps, PaymentSuccessData } from '../../types';
-export interface ApplePayProps extends CoreProps {
+import type { PaymentSuccessData } from '../../types';
+export interface ApplePayProps {
     /** 支付授权成功后触发 */
     onSubmit?: () => void;
     /** 支付成功后触发 */
@@ -13,16 +13,19 @@ export interface ApplePayProps extends CoreProps {
     onTimeout?: (source: 'retry' | 'channel') => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /** 交易被风控拦截时触发 */
-    onAuthorized?: () => void;
     /** 支付取消时触发 */
     onCancel?: () => void;
     /** Apple Pay 按钮是否可用 */
     onCanUse?: (canUse: boolean) => void;
     /**
-     * 内部使用
+     * @internal
+     * 交易被风控拦截时触发
+     */
+    onAuthorized?: () => void;
+    /**
+     * @internal
+     * 点击 GooglePay 按钮
      */
-    /** 点击 ApplePay 按钮 */
     onBtnClick?: () => void;
 }
 export interface ApplePayRef {

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

@@ -0,0 +1,7 @@
+import type { BoostProps } from './type';
+import type { BoostRef } from './type';
+import type { CoreProps } from '../../types';
+import './boost.scss';
+export declare const Boost: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<BoostProps & CoreProps> & {
+    ref?: import("preact").Ref<BoostRef> | undefined;
+}>;

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

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

package/dist/types/components/Boost/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 BoostProps {
+    /**
+     * 是否展示邮箱
+     * 若配置 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 BoostRef {
+    /** 停止轮询支付结果 */
+    stopRetry: () => void;
+    /** 开始轮询支付结果 */
+    startRetry: (timeout?: number) => void;
+    /** 更新表单地址 */
+    updateAddress: () => void;
+    /** 更新表单邮箱 */
+    updateEmail: () => void;
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+}

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

@@ -1,5 +1,6 @@
 import './card.scss';
 import type { CardProps, CardRef } from './type';
-export declare const Card: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<CardProps> & {
+import { type CoreProps } from '../../types';
+export declare const Card: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<CardProps & CoreProps> & {
     ref?: import("preact").Ref<CardRef> | undefined;
 }>;

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

@@ -1,7 +1,7 @@
 import type { PayKKaError } from '../../core';
-import type { CoreProps, ElementStylesConfig, PaymentSuccessData } from '../../types';
+import type { ElementStylesConfig, PaymentSuccessData } from '../../types';
 import type { FormValidateError } from '../internal/Form';
-export interface CardProps extends CoreProps {
+export interface CardProps {
     /** 定义卡敏感信息表单布局展示，split 为分割布局，combine 为合并布局 */
     cardInfoLayout?: CardInfoLayout;
     /**

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

@@ -0,0 +1,6 @@
+import { type DropInProps, type DropInRefs } from './type';
+import './drop-in.scss';
+import type { CoreProps } from '../../types';
+export declare const DropIn: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<DropInProps & CoreProps> & {
+    ref?: import("preact").Ref<DropInRefs> | undefined;
+}>;

package/dist/types/components/DropIn/components/PaymentTabs/PaymentTabs.d.ts

@@ -0,0 +1,3 @@
+import type { PaymentTabsProps } from './type';
+import './payment-tabs.scss';
+export declare const PaymentTabs: (props: PaymentTabsProps) => import("preact").JSX.Element;

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

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

package/dist/types/components/DropIn/components/PaymentTabs/type.d.ts

@@ -0,0 +1,11 @@
+import type { PaymentCategory } from '../../../../constant';
+import type { PaymentTypeOptions } from '../../type';
+export interface PaymentTabsProps {
+    value?: PaymentCategory;
+    tabs: PaymentTypeOptions[];
+    enabled?: PaymentCategory;
+    themeColor?: string;
+    onChange?: (type: PaymentCategory) => void;
+}
+export interface PaymentTabsRefs {
+}

package/dist/types/components/DropIn/config.d.ts

@@ -0,0 +1,7 @@
+import { PaymentCategory } from '../../constant';
+import type { ReactNode } from 'preact/compat';
+import type { Translation } from '../../i18n';
+export declare const paymentCategoryOptionMap: Partial<Record<PaymentCategory, {
+    icon: ReactNode;
+    nameKey: keyof Translation;
+}>>;

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

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

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

@@ -0,0 +1,57 @@
+import type { ReactNode } from 'preact/compat';
+import type { PaymentSuccessData } from '../../types';
+import { PaymentCategory, PaymentMethod } from '../../constant';
+import type { ComponentType } from 'preact';
+import type { FormValidateError } from '../internal/Form';
+import type { PayKKaError } from '../../core';
+export interface DropInProps {
+    /**
+     * 配置各种支付方式的参数
+     * 最终展示的支付方式由创建收银台请求返回结果决定，而不是由该参数决定
+     */
+    paymentMethods?: PaymentMethodsConfig;
+    /**
+     * 布局，tabs 表示在tab切换式布局，accordion 表示折叠式布局(手风琴)
+     * 目前暂不支持 accordion 布局
+     *
+     * 更新：目前全面放弃 tabs 改用 accordion 布局，不准传 tabs！！！
+     * @default accordion
+     */
+    layout?: 'tabs' | 'accordion';
+    /** 提交表单时触发 */
+    onSubmit?: (formValidateError?: Recordable<FormValidateError[]>) => void;
+    /** 支付成功后触发 */
+    onSuccess?: (data: PaymentSuccessData) => void;
+    /** 支付失败时触发 */
+    onError?: (error: PayKKaError) => void;
+    /** 支付超时时触发 */
+    onTimeout?: () => void;
+    /** 收银台已过期时触发 */
+    onExpired?: () => void;
+    /**
+     * @internal
+     * 是否启用过渡动画，layout 为 accordion 时有效
+     * 默认为 true
+     */
+    enableAccordionTransition?: boolean;
+}
+export interface DropInRefs {
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+}
+export type PaymentMethodsConfig = {
+    [key in DropInPaymentCategory]: Partial<PaymentComponentProps<key>>;
+};
+export interface PaymentTypeOptions {
+    icon: () => ReactNode;
+    name: string;
+    type: DropInPaymentCategory;
+}
+/**
+ * 当前 drop in 支持的支付方式
+ * 目前暂不支持 WeChatPay 和 Alipay
+ */
+export declare const dropInSupportedPaymentMethods: PaymentMethod[];
+export type DropInPaymentCategory = PaymentCategory.APPLE_PAY | PaymentCategory.GOOGLE_PAY | PaymentCategory.CARD | PaymentCategory.BOOST | PaymentCategory.GRAB_PAY | PaymentCategory.TNG_WALLET | PaymentCategory.MAY_BANK_QR_PAY | PaymentCategory.SHOPEE_PAY | PaymentCategory.LINE_PAY | PaymentCategory.NINE_PAY | PaymentCategory.GCASH | PaymentCategory.PAYMAYA;
+export declare const PaymentComponentMap: Record<DropInPaymentCategory, ComponentType<any>>;
+export type PaymentComponentProps<P extends keyof typeof PaymentComponentMap> = React.ComponentProps<(typeof PaymentComponentMap)[P]>;

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

@@ -1,5 +1,6 @@
 import './google-pay.scss';
 import type { GooglePayProps, GooglePayRef } from './type';
-export declare const GooglePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<GooglePayProps> & {
+import type { CoreProps } from '../../types';
+export declare const GooglePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<GooglePayProps & CoreProps> & {
     ref?: import("preact").Ref<GooglePayRef> | undefined;
 }>;

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

@@ -1,6 +1,6 @@
 import type { PayKKaError } from '../../core';
-import type { CoreProps, PaymentSuccessData } from '../../types';
-export interface GooglePayProps extends CoreProps {
+import type { PaymentSuccessData } from '../../types';
+export interface GooglePayProps {
     /** 支付授权成功后触发 */
     onSubmit?: () => void;
     /** 支付成功后触发 */
@@ -13,19 +13,30 @@ export interface GooglePayProps extends CoreProps {
     onTimeout?: (source: 'retry' | 'channel') => void;
     /** 收银台已过期时触发 */
     onExpired?: () => void;
-    /** 交易被风控拦截时触发 */
-    onAuthorized?: () => void;
-    /** 交易需要 3DS 验证时触发，url 为 3DS 验证链接，incomplete 为 false 表示目前要开始进行 3DS 验证，为 true 表示上一次 3DS 验证还未完成 */
-    onThreeDS?: (url: string, incomplete: boolean) => void;
     /** 当前设备环境是否可用于 Google Pay 支付 */
     onCanUse?: (canUse: boolean) => void;
     /**
-     * 内部使用
+     * @internal
+     * 交易被风控拦截时触发
+     */
+    onAuthorized?: () => void;
+    /**
+     * @internal
+     * 交易需要 3DS 验证时触发
+     * url 为 3DS 验证链接
+     * incomplete 为 false 表示目前要开始进行 3DS 验证，为 true 表示上一次 3DS 验证还未完成
+     */
+    onThreeDS?: (url: string, incomplete: boolean) => void;
+    /**
+     * @internal
+     * 点击 GooglePay 按钮
      */
-    /** 点击 GooglePay 按钮 */
     onBtnClick?: () => void;
 }
 export interface GooglePayRef {
-    /** 3DS 验证流程结束后可调用该方法轮询收银台支付状态 */
+    /**
+     * @internal
+     * 3DS 验证流程结束后可调用该方法轮询收银台支付状态
+     */
     checkThreeDS: () => void;
 }

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

@@ -0,0 +1,7 @@
+import type { GrabPayProps } from './type';
+import type { GrabPayRef } from './type';
+import type { CoreProps } from '../../types';
+import './grab-pay.scss';
+export declare const GrabPay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<GrabPayProps & CoreProps> & {
+    ref?: import("preact").Ref<GrabPayRef> | undefined;
+}>;

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

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

package/dist/types/components/GrabPay/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 GrabPayProps {
+    /**
+     * 是否展示邮箱
+     * 若配置 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 GrabPayRef {
+    /** 停止轮询支付结果 */
+    stopRetry: () => void;
+    /** 开始轮询支付结果 */
+    startRetry: (timeout?: number) => void;
+    /** 更新表单地址 */
+    updateAddress: () => void;
+    /** 更新表单邮箱 */
+    updateEmail: () => void;
+    /** 不展示支付按钮时，可调用该方法进行支付 */
+    payment: () => void;
+}

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

@@ -0,0 +1,3 @@
+import type { GuideCardProps } from './type';
+import './guide-card.scss';
+export declare const GuideCard: (props: GuideCardProps) => import("preact").JSX.Element;

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

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