@pisell/private-materials 6.6.41 → 6.6.42

package/es/components/booking/utils.d.ts

@@ -175,10 +175,10 @@ export declare const getProductOriginTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | "flexible" | {
+}) => number | {
     type: string;
     value: number;
-};
+} | "flexible";
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

package/es/components/checkout/PaymentProvider.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PaymentModalProps } from './PaymentModal';
+interface PaymentContextType {
+    openPaymentModal: (props: PaymentModalProps) => void;
+    closePaymentModal: () => void;
+}
+export declare const PaymentProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const usePaymentModal: () => PaymentContextType;
+export declare const openPaymentModal: (props: PaymentModalProps) => void;
+export declare const closePaymentModal: () => void;
+export {};

package/es/components/checkout/components/AdditionalModule/locales.d.ts

@@ -0,0 +1,58 @@
+declare const _default: {
+    en: {
+        'pisell2.text.others': string;
+        'pisell2.text.order-note': string;
+        'pisell2.text.print-receipt': string;
+        'pisell2.text.save-pay-later': string;
+        'pisell2.text.send-link': string;
+        'pisell2.text.manual-order-discount': string;
+        'pisell2.text.order-no-payment-required': string;
+        'pisell2.text.order-no-payment-cannot-send-link': string;
+        'pisell2.text.additional-module.order-discount': string;
+    };
+    'zh-CN': {
+        'pisell2.text.others': string;
+        'pisell2.text.order-note': string;
+        'pisell2.text.print-receipt': string;
+        'pisell2.text.save-pay-later': string;
+        'pisell2.text.send-link': string;
+        'pisell2.text.manual-order-discount': string;
+        'pisell2.text.order-no-payment-required': string;
+        'pisell2.text.order-no-payment-cannot-send-link': string;
+        'pisell2.text.additional-module.order-discount': string;
+    };
+    'zh-HK': {
+        'pisell2.text.others': string;
+        'pisell2.text.order-note': string;
+        'pisell2.text.print-receipt': string;
+        'pisell2.text.save-pay-later': string;
+        'pisell2.text.send-link': string;
+        'pisell2.text.manual-order-discount': string;
+        'pisell2.text.order-no-payment-required': string;
+        'pisell2.text.order-no-payment-cannot-send-link': string;
+        'pisell2.text.additional-module.order-discount': string;
+    };
+    ja: {
+        'pisell2.text.others': string;
+        'pisell2.text.order-note': string;
+        'pisell2.text.print-receipt': string;
+        'pisell2.text.save-pay-later': string;
+        'pisell2.text.send-link': string;
+        'pisell2.text.manual-order-discount': string;
+        'pisell2.text.order-no-payment-required': string;
+        'pisell2.text.order-no-payment-cannot-send-link': string;
+        'pisell2.text.additional-module.order-discount': string;
+    };
+    pt: {
+        'pisell2.text.others': string;
+        'pisell2.text.order-note': string;
+        'pisell2.text.print-receipt': string;
+        'pisell2.text.save-pay-later': string;
+        'pisell2.text.send-link': string;
+        'pisell2.text.manual-order-discount': string;
+        'pisell2.text.order-no-payment-required': string;
+        'pisell2.text.order-no-payment-cannot-send-link': string;
+        'pisell2.text.additional-module.order-discount': string;
+    };
+};
+export default _default;

package/es/components/checkout/components/PaymentResultToast/PaymentResultToastProvider.d.ts

@@ -0,0 +1,85 @@
+import React from 'react';
+import { StatusClassName, ActionButtonGroupList } from './types';
+interface ShowPaymentResultToastConfig {
+    /** 状态样式类名 */
+    statusClassName: StatusClassName;
+    /** 标题 */
+    title: string;
+    /** 副标题 */
+    subtitle?: React.ReactNode;
+    /** 找零文本 */
+    changeDueText?: string;
+    /** 操作按钮 */
+    actionButtons?: ActionButtonGroupList;
+    /** 自动关闭配置 */
+    autoClose?: boolean;
+    /** 自动关闭延迟时间（秒） */
+    autoCloseDelay?: number;
+    /** 是否显示倒计时进度 */
+    showCountdownProgress?: boolean;
+    /** 倒计时完成回调 */
+    onCountdownComplete?: () => void;
+    /** 自定义关闭回调 */
+    onClose?: () => void;
+    /** 是否显示右上角关闭按钮 */
+    closable?: boolean;
+    /** 是否启用点击外部区域关闭弹窗（使用纯JS实现） */
+    clickOutsideToClose?: boolean;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+}
+interface PaymentResultToastContextType {
+    /** 显示成功弹窗 */
+    showSuccess: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
+    /** 显示失败弹窗 */
+    showFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
+    /** 显示钱包通行证失败弹窗 */
+    showWalletPassFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
+    /** 显示部分支付弹窗 */
+    showPartiallyPaid: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => string;
+    /** 显示自定义状态弹窗 */
+    showToast: (config: ShowPaymentResultToastConfig) => string;
+    /** 关闭弹窗 */
+    closeToast: () => void;
+    /** 是否正在显示弹窗 */
+    isVisible: boolean;
+}
+export declare const PaymentResultToastProvider: React.FC<{
+    children: React.ReactNode;
+}>;
+export declare const usePaymentResultToast: () => PaymentResultToastContextType;
+declare class GlobalToastManager {
+    private instances;
+    private nextId;
+    private readonly TOAST_HEIGHT;
+    private readonly TOAST_MARGIN;
+    private readonly BOTTOM_OFFSET;
+    private readonly LEFT_OFFSET;
+    private cachedBottomOffset;
+    private cachedCenterOffset;
+    private tillButton;
+    setTillButton(tillButton: any): void;
+    private generateId;
+    private calculateAndCacheBottomOffset;
+    private calculateAndCacheCenterOffset;
+    private resetBottomOffsetCache;
+    private calculateBottomPosition;
+    private updatePositions;
+    addToast(config: ShowPaymentResultToastConfig): string;
+    removeToast(id: string): void;
+    clearAll(): void;
+    getCount(): number;
+    initializeResizeListener(): () => void;
+}
+declare const globalToastManager: GlobalToastManager;
+export declare const showPaymentResultToastSuccess: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
+export declare const showPaymentResultToastFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
+export declare const showPaymentResultToastWalletPassFailed: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
+export declare const showPaymentResultToastPartiallyPaid: (config: Omit<ShowPaymentResultToastConfig, 'statusClassName'>) => Promise<string>;
+export declare const showPaymentResultToast: (config: ShowPaymentResultToastConfig) => Promise<string>;
+export declare const closePaymentResultToast: (id?: string) => void;
+export declare const clearAllPaymentResultToasts: () => void;
+export declare const getPaymentResultToastCount: () => number;
+export type { ShowPaymentResultToastConfig, PaymentResultToastContextType };
+export declare const setTillButton: (tillButton: any) => void;
+export { globalToastManager };

package/es/components/checkout/components/PaymentResultToast/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PaymentResultToastProps, PaymentResultToastConfig } from './types';
+import './index.less';
+declare const PaymentResultToast: React.FC<PaymentResultToastProps & PaymentResultToastConfig>;
+export default PaymentResultToast;
+export { PaymentResultToastProvider, usePaymentResultToast, showPaymentResultToastSuccess, showPaymentResultToastFailed, showPaymentResultToastWalletPassFailed, showPaymentResultToastPartiallyPaid, showPaymentResultToast, closePaymentResultToast, clearAllPaymentResultToasts, getPaymentResultToastCount, setTillButton, globalToastManager } from './PaymentResultToastProvider';
+export { closeAllPaymentResultToasts, hasActivePaymentResultToasts, getToastCount, debounce, getDefaultModalConfig } from './utils';
+export type { PaymentResultToastProps, PaymentResultToastConfig, ActionButtonProps, ActionButtonGroupList, StatusClassName } from './types';
+export type { ShowPaymentResultToastConfig, PaymentResultToastContextType } from './PaymentResultToastProvider';

package/es/components/checkout/components/PaymentResultToast/types.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import type { MenuProps, ButtonProps } from 'antd';
+/** 操作按钮配置 */
+export interface ActionButtonProps {
+    /** 按钮唯一标识 */
+    id?: string;
+    /** 是否为更多操作按钮（下拉菜单） */
+    isMore?: boolean;
+    /** 下拉菜单数据，仅在 isMore 为 true 时生效 */
+    menuData?: MenuProps['items'];
+    /** 按钮属性配置 */
+    buttonProps?: ButtonProps;
+}
+/** 操作按钮组列表，支持多行按钮组 */
+export declare type ActionButtonGroupList = ActionButtonProps[][];
+/** 状态样式类型 */
+export declare type StatusClassName = 'success' | 'failed' | 'wallet-pass-failed' | 'partially-paid';
+export interface PaymentResultToastProps {
+    /** 是否可见 */
+    visible?: boolean;
+    /** 关闭回调 */
+    onClose?: () => void;
+    /** 状态样式类名，用于控制样式主题 */
+    statusClassName?: StatusClassName;
+    /** 标题文本（已计算好的显示文本）- 已不再显示 */
+    title?: string;
+    /** 副标题内容（已计算好的金额显示内容，支持自定义样式） */
+    subtitle?: React.ReactNode;
+    /** 找零信息文本（已计算好的找零显示文本） */
+    changeDueText?: string;
+    /** 底部操作按钮组配置 */
+    actionButtons?: ActionButtonGroupList;
+    /** 是否启用自动关闭 */
+    autoClose?: boolean;
+    /** 倒计时秒数，控制自动关闭的时间（秒） */
+    autoCloseDelay?: number;
+    /** 是否显示倒计时进度条 */
+    showCountdownProgress?: boolean;
+    /** 倒计时完成回调 */
+    onCountdownComplete?: () => void;
+    /** 自定义样式类名，用于样式隔离和扩展 */
+    className?: string;
+}
+export interface PaymentResultToastConfig {
+    /** 弹窗宽度 */
+    width?: number;
+    /** 弹窗高度 */
+    height?: number;
+    /** 是否显示遮罩 */
+    mask?: boolean;
+    /** 是否可通过点击遮罩关闭（已由外部计算确定） */
+    maskClosable?: boolean;
+    /** 是否显示右上角关闭按钮 */
+    closable?: boolean;
+    /** 弹窗层级 */
+    zIndex?: number;
+    /** 是否启用点击外部区域关闭弹窗（使用纯JS实现） */
+    clickOutsideToClose?: boolean;
+}

package/es/components/checkout/components/PaymentResultToast/utils.d.ts

@@ -0,0 +1,44 @@
+/**
+ * 防抖函数
+ * @param func 要防抖的函数
+ * @param wait 等待时间（毫秒）
+ * @returns 防抖后的函数
+ */
+export declare const debounce: <T extends (...args: any[]) => any>(func: T, wait: number) => (...args: Parameters<T>) => void;
+/**
+ * 获取弹窗配置的默认值
+ * @returns 默认的弹窗配置
+ */
+export declare const getDefaultModalConfig: () => {
+    width: number;
+    mask: boolean;
+    maskClosable: boolean;
+    closable: boolean;
+    zIndex: number;
+};
+/**
+ * 一键关闭当前页面上所有的 PaymentResultToast
+ * 这个函数是对现有 clearAllPaymentResultToasts 函数的封装，
+ * 提供了更友好的 API 和额外的配置选项
+ *
+ * 使用方法：
+ * - closeAllPaymentResultToasts() // 带动画关闭
+ * - closeAllPaymentResultToasts({ immediate: true }) // 立即关闭
+ *
+ * @param options 配置选项
+ * @param options.immediate 是否立即关闭（跳过退出动画），默认 false
+ * @returns Promise<void> 返回 Promise，在所有 Toast 关闭完成后 resolve
+ */
+export declare const closeAllPaymentResultToasts: (options?: {
+    immediate?: boolean;
+}) => Promise<void>;
+/**
+ * 获取当前页面上 PaymentResultToast 的数量
+ * @returns number 当前显示的 Toast 数量
+ */
+export declare const getToastCount: () => number;
+/**
+ * 检查当前页面是否有正在显示的 PaymentResultToast
+ * @returns boolean 是否有 Toast 正在显示
+ */
+export declare const hasActivePaymentResultToasts: () => boolean;

package/es/components/checkout/components/ScrollableList/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { ScrollableListProps } from './types';
+import './index.less';
+declare const ScrollableList: React.FC<ScrollableListProps>;
+export default ScrollableList;

package/es/components/checkout/components/ScrollableList/types.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode, CSSProperties, UIEvent } from 'react';
+export interface ScrollableListProps {
+    /** 列表项数据 */
+    children: ReactNode;
+    /** 容器高度 */
+    height?: number | string;
+    /** 最大高度 */
+    maxHeight?: number | string;
+    /** 渐变高度 */
+    gradientHeight?: number;
+    /** 渐变颜色 */
+    gradientColor?: string;
+    /** 列表容器样式 */
+    containerStyle?: CSSProperties;
+    /** 列表内容样式 */
+    contentStyle?: CSSProperties;
+    /** 自定义渐变样式 */
+    gradientStyle?: CSSProperties;
+    /** 是否显示滚动条 */
+    showScrollbar?: boolean;
+    /** 滚动事件回调 */
+    onScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    /** 是否需要滚动状态改变回调 */
+    onScrollableChange?: (isScrollable: boolean) => void;
+    /** 列数设置，1为单列，大于1为多列，'auto'为自适应列数 */
+    columnCount?: number | 'auto';
+    /** 列间距，默认为16px */
+    columnGap?: number | string;
+    /** 行间距，默认为16px */
+    rowGap?: number | string;
+    /** 每列最小宽度（当columnCount为'auto'时生效） */
+    minColumnWidth?: number | string;
+}
+export interface ScrollState {
+    /** 是否需要滚动 */
+    isScrollable: boolean;
+    /** 是否显示顶部渐变 */
+    showTopGradient: boolean;
+    /** 是否显示底部渐变 */
+    showBottomGradient: boolean;
+    /** 当前滚动位置 */
+    scrollTop: number;
+    /** 可滚动的最大距离 */
+    maxScrollTop: number;
+}
+export interface GradientConfig {
+    /** 渐变高度 */
+    height: number;
+    /** 渐变颜色 */
+    color: string;
+    /** 自定义样式 */
+    style?: CSSProperties;
+}

package/es/components/checkout/components/WalletPassModule/components/ConflictModal/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PisellWalletPassCardProps } from '../../types';
+export declare const TestModule: () => React.JSX.Element;
+declare const ConflictModal: (props: {
+    currentItem: PisellWalletPassCardProps;
+    newItem: PisellWalletPassCardProps;
+    onSwitch: (val: PisellWalletPassCardProps) => void;
+    onSave: (val: PisellWalletPassCardProps) => void;
+    onCancel: () => void;
+}) => React.JSX.Element;
+export default ConflictModal;

package/es/components/checkout/components/WalletPassModule/components/DiscountWallet/DiscountTextMode.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface DiscountTextModeProps {
+    cardData: any[];
+    selectedWalletIds: number[];
+}
+declare const DiscountTextMode: React.FC<DiscountTextModeProps>;
+export default DiscountTextMode;

package/es/components/checkout/components/WalletPassModule/components/WalletPassTextMode/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { WalletPassTextModeProps } from '../../types';
+import './index.less';
+declare const WalletPassTextMode: React.FC<WalletPassTextModeProps>;
+export default WalletPassTextMode;

package/es/components/checkout/components/WalletPassModule/types.d.ts

@@ -0,0 +1,134 @@
+import { CurrentOrderInfo } from '../../types';
+export interface PisellWalletPassCardProps {
+    id: number;
+    /** 卡片样式 */
+    type: 'default' | 'mini';
+    /** 商品名称 */
+    name: string;
+    /** 二维码 */
+    qrCode: string;
+    /** 共享店铺名称 */
+    storeName: string;
+    /** 余额 */
+    balance?: number;
+    /** 识别码编号 */
+    code: string;
+    /** 有效期 */
+    validDate: string;
+    /** 使用金额 */
+    redeem?: number;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 禁用原因 */
+    disabledReason?: string;
+    /** 是否展示禁用原因 */
+    showDisabledReason?: boolean;
+    /** 封面图 */
+    cover?: string;
+    /** 余额标题文案 */
+    balanceTitle?: string;
+    /** 使用金额标题文案 */
+    redeemTitle?: string;
+    /** 是否选中 */
+    active?: boolean;
+    /** 是否展示商品名称 */
+    showName?: boolean;
+    /** 是否展示共享店铺名称 */
+    showStoreName?: boolean;
+    /** 是否展示使用金额 */
+    showRedeem?: boolean;
+    /** 是否展示余额 */
+    showBalance?: boolean;
+    /** 是否展示识别码编号 */
+    showCode?: boolean;
+    /** 是否展示有效期 */
+    showValidDate?: boolean;
+    /** 是否展示右上角详情按钮 */
+    showDetail?: boolean;
+    /** 是否展示qrCode */
+    showQrCode?: boolean;
+    /** 是否展示封面 */
+    showCover?: boolean;
+    /** 是否展示余额货币符号 */
+    showBalanceSymbol?: boolean;
+    /** 展示操作按钮 */
+    showActions?: boolean;
+    /** 操作按钮配置 */
+    actions?: {
+        /** 按钮展示方式 */
+        layout: 'expanded' | 'collapsed';
+        /** detail 按钮配置 */
+        detail?: {
+            visible: boolean;
+            iconColor: string;
+        };
+        /** edit按钮配置 */
+        edit?: {
+            visible: boolean;
+            iconColor: string;
+            dialogTitle: string;
+            enableDialog: boolean;
+            fields: {
+                name: string;
+                label: string;
+            };
+        };
+    };
+    /** 编辑编辑按钮后，弹窗展示之前 */
+    beforeEdit?: (value: any) => Promise<any> | boolean | void;
+    /** 编辑弹窗点击提交 */
+    onConfirmEdit?: (value: any) => void;
+    [key: string]: any;
+}
+export interface WalletPassModuleProps {
+    orderInfo?: CurrentOrderInfo;
+    onSelectChange?: (select: {
+        voucher_id: number;
+        amount: number;
+    }[]) => void;
+    paymentItems?: PaymentItem[];
+    customAmount?: string;
+    clientId?: number;
+}
+export interface WalletPassHeaderProps {
+    customerName: string;
+    selectedCount: number;
+    expiredCount: number;
+    isCardMode: boolean;
+    onExpiredClick: () => void;
+    onBestSaving: () => void;
+    onClearAll: () => void;
+    onToggleDisplayMode: () => void;
+}
+export interface WalletPassCardDisplayProps {
+    isCardMode: boolean;
+    cardData: PisellWalletPassCardProps[];
+    selectedWalletIds: number[];
+    onSelectWallet: (selectedIds: number[]) => void;
+    onDetail: (record: any, index: number) => void;
+    onConfirmEditAmount: (value: number, index: number, data: any) => void;
+    onBeforeEditAmount: (value: any, index: number, data: any) => Promise<any> | boolean | void;
+}
+export interface WalletPassTextModeProps {
+    cardData: any[];
+    selectedWalletIds: number[];
+}
+export interface WalletModalProps {
+    visible: boolean;
+    walletData: any[];
+    onClose: () => void;
+    title?: string;
+    emptyText?: string;
+}
+export interface WalletPassModuleRef {
+    handleSearchIdentificationCode: (value: string) => void;
+    getWalletPassData: (select: {
+        voucher_id: number;
+        amount: number;
+        code?: string;
+    }[]) => {
+        selectedWallet?: any[];
+        availableDiscountList?: any[];
+        selectedDiscountList?: number[];
+    };
+}

package/es/components/checkout/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const WALLET_PASS_CODE_ARRAY: string[];
+export declare const WALLET_PASS_CODE_MAP: Record<string, string>;

package/es/components/checkout/export.d.ts

@@ -0,0 +1,9 @@
+export { default } from "./index";
+export { default as Checkout } from "./index";
+export { default as AmountSummary } from "./components/AmountSummary/index";
+export { default as WalletPassModule } from "./components/WalletPassModule/index";
+export { default as PaymentOptionsModule } from "./components/PaymentOptionsModule/index";
+export { default as CashPaymentModule } from "./components/CashPaymentModule/index";
+export { default as AdditionalModule } from "./components/AdditionalModule/index";
+export type { CheckoutProps, PaymentData, PaymentItem, PaymentResult, ModuleConfig, StatusConfig, CheckoutCallbacks, AmountSummaryProps, WalletPassModuleProps, CashPaymentModuleProps, PaymentOptionsModuleProps, AdditionalModuleProps, } from "./types";
+export { checkoutStyles, calculateModalHeight } from "./styles";

package/es/components/checkout/hooks/usePaymentLogger.d.ts

@@ -0,0 +1,2 @@
+declare const usePaymentLogger: () => any;
+export default usePaymentLogger;

package/es/components/checkout/index.d.ts

@@ -0,0 +1,5 @@
+export { default as PaymentModal } from './PaymentModal';
+export { PaymentProvider, usePaymentModal } from './PaymentProvider';
+export type { PaymentModalProps, PaymentModalData } from './PaymentModal';
+export { default as PaymentResultToast, PaymentResultToastProvider, usePaymentResultToast, showPaymentResultToastSuccess, showPaymentResultToastFailed, showPaymentResultToastWalletPassFailed, showPaymentResultToast, closePaymentResultToast, setTillButton } from './components/PaymentResultToast';
+export type { ShowPaymentResultToastConfig, PaymentResultToastContextType, PaymentResultToastProps, PaymentResultToastConfig, ActionButtonProps, ActionButtonGroupList, StatusClassName } from './components/PaymentResultToast';