@paykka/card-checkout-ui 0.8.0 → 0.11.2

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

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

@@ -0,0 +1,6 @@
+import type { NinePayProps, NinePayRef } from './type';
+import type { CoreProps } from '../../types';
+import './nine-pay.scss';
+export declare const NinePay: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<NinePayProps & CoreProps> & {
+    ref?: import("preact").Ref<NinePayRef> | undefined;
+}>;

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

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

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/SecuredFieldsProvider/type.d.ts

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

package/dist/types/components/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/ThreeDS/components/ThreeDSIframe/ThreeDSIframe.d.ts

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

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

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

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

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

package/dist/types/components/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/Select/Select.d.ts

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

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

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

package/dist/types/components/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';