@pisell/private-materials 6.7.5 → 6.7.7

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

@@ -0,0 +1,174 @@
+import dayjs from 'dayjs';
+/**
+ * @title: 高阶函数结果缓存（Memoization）
+ */
+export declare function memoize<T extends (...args: any[]) => any>(fn: T): T;
+declare type RType = (url: string, data?: {} | undefined, config?: {} | undefined) => Promise<any>;
+declare class Request {
+    private request;
+    constructor();
+    setRequest(val: any): void;
+    getRequest(): {
+        get: RType;
+        post: RType;
+        put: RType;
+        remove: RType;
+        custom: RType;
+    };
+}
+export declare const request: Request;
+/**
+ * @title: 格式化持续时长用于展示
+ * @description:
+ * @param {number} service_times
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:00
+ */
+export declare const getDiscountTime: (service_times: number, isDay?: boolean) => string;
+/**
+ * @title: 时间切片（带缓存版本）
+ * @description: 使用 memoize 高阶函数包裹 sliceDayIntoFiveMinutes，相同参数时直接返回缓存结果
+ */
+export declare const sliceDayIntoFiveMinutes: (config: any, locale: string, isDay?: boolean) => {
+    timeSlices: {
+        label: string;
+        value: string;
+    }[];
+    durationSlicesBasedOnTime: {
+        label: string;
+        value: number;
+    }[];
+};
+export declare const getNowTime: () => string;
+export declare const isNowTime: (time: string) => boolean;
+/**
+ * @title: 获取服务的开始时间, 如果是now 转换为当前的时间
+ * @description:
+ * @param {string} start_time
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:03
+ */
+export declare const getServeStartTime: (start_time: string) => string;
+/**
+ * @title: 格式化服务的 开始时间-结束时间-时长, 用于展示
+ * @description:
+ * @param {any} item
+ * @param {any} currentDate
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-04-26 14:04
+ */
+export declare const getServiceTime: (item: any, currentDate: any) => string;
+export declare const findNextSlice: ({ timeSlices, index, date, }: {
+    timeSlices: any[];
+    index?: number | undefined;
+    date?: string | undefined;
+}) => any;
+export declare const findNextDuration: (current: any, array: any, defaultValue?: any) => any;
+export declare const formatProductListByCategory: (list: any, filterItem: any) => unknown[];
+export declare const getResourceTimeIsUsable: (item: any, cacheItem: any) => any;
+/**
+ * @title: 查找是否有可用的time
+ * @description:
+ * @param {any} resourceItem
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-09 13:57
+ */
+export declare const formatTimes: (resourceItem: any, cacheItem: any) => any;
+/**
+ * @title: 获取店铺的营业结束时间
+ * @description:
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:00
+ */
+export declare const getShopOpeningHours: () => string;
+/**
+ * @title: 对灵活时长进行处理
+ * @description:
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:00
+ */
+export declare const flexibleObj: {
+    create: (num: number) => any;
+    getValue: (str: string | number) => number;
+    isFlexible: (str: string | number) => boolean;
+    add: (current: number | string, duration: number) => any;
+};
+/**
+ * @title: 获取结束时间
+ * @description: 取 endDate | 店铺营业时间 最小的那一个
+ * @param {any} startDate
+ * @param {string} duration
+ * @param {any} endDate
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:01
+ */
+export declare const getEndDate: (startDate: any, duration: string | number, endDate: any) => any;
+export declare const getServiceTimes: (service: any) => {
+    startDate: dayjs.Dayjs;
+    endDate: dayjs.Dayjs;
+};
+export declare const getErrorList: (resource: any, cacheItem: any, isDay?: boolean) => {
+    label: any;
+    type: string;
+}[];
+/**
+ * @title: 格式化资源, 添加自定义参数
+ * @description:
+ * @param {any} resourceItem
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-09 13:40
+ */
+export declare const formatResource: (resourceItem: any, cacheItem?: any, formatLabel?: any) => any;
+export declare const getLastServer: (list: any) => any;
+export declare const getCacheParams: () => any;
+export declare const deleteCacheParams: () => void;
+/**
+ * @title: 获取跨日预约的时长
+ * @description:
+ * @param {any} cacheItem
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-12-01 22:43
+ */
+export declare const getDays: (cacheItem: any, type: 'minutes' | 'days') => any;
+export declare const isSessionProduct: (cacheItem: any) => boolean;
+export declare const getIsEject: (item: any, type: 'select' | 'detail') => boolean;
+export declare const getIsOnlySession: (item: any) => boolean;
+/**
+ * @title: 创建一个服务商品
+ * @description:
+ * @param {any} state
+ * @param {any} item
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-01-26 14:09
+ */
+export declare const getServerItemExtend: (state: any, cacheItem: any, timeObj: any) => any;
+export declare const getMainPrice: (item: any, price?: number) => number;
+export declare const getProductTotalPrice: (item: any) => number;
+/**
+ * @title: 判断 duration
+ * @description: 用于处理不同格式的duration
+ * @param {number} duration
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2024-02-23 10:02
+ */
+export declare const getDuration: (duration: number | {
+    type: string;
+    value: number;
+}) => number | "flexible" | {
+    type: string;
+    value: number;
+};
+export declare const isWalkIn: (customer_id?: number | string) => boolean;
+export declare const getIsEdit: (state: any) => boolean;
+export {};

package/lib/components/checkout/PaymentModal.d.ts

@@ -19,6 +19,7 @@ interface PaymentModalProps {
     shopDiscount?: number;
     client?: any;
     currentTotalPrice?: number;
+    config?: any;
     onChangeShopDiscount?: (discount: string) => void;
     onChangeOrderNote?: (note: string) => void;
     onDeleteOrderNote?: () => void;
@@ -27,6 +28,11 @@ interface PaymentModalMainProps extends PaymentModalProps {
     onClose?: (reset?: boolean) => void;
     setEditCartMode?: (order_id: number, payData: any, closeModal: boolean) => void;
     editOrderId?: number;
+    config?: {
+        showHeaderCenter?: boolean;
+        showHeaderRightButton?: boolean;
+        disabledSwitchClient?: boolean;
+    };
 }
 declare const PaymentModal: React.FC<PaymentModalMainProps>;
 export type { PaymentModalData, PaymentModalProps };

package/lib/components/checkout/PaymentModal.js

@@ -97,13 +97,15 @@ var PaymentContent = (0, import_react.forwardRef)(
     paymentResultToastConfig,
     updateOrderInfo,
     setCurrentEditOrderId,
+    config,
     paymentResultDisplayMode,
     shopDiscount,
     client,
     currentTotalPrice,
     onChangeShopDiscount,
     onChangeOrderNote,
-    onDeleteOrderNote
+    onDeleteOrderNote,
+    config: any
   }, ref) => {
     const context = (0, import_useEngineContext.default)();
     const utils = context.appHelper.utils || {};
@@ -183,7 +185,7 @@ var PaymentContent = (0, import_react.forwardRef)(
         /** 支付类型，跟支付列表上对应的支付方式保持一致 */
         code: cashPaymentMethod == null ? void 0 : cashPaymentMethod.code,
         /** 支付类型id，跟支付列表上对应的支付方式保持一致 */
-        id: cashPaymentMethod == null ? void 0 : cashPaymentMethod.id,
+        custom_payment_id: cashPaymentMethod == null ? void 0 : cashPaymentMethod.id,
         /** 支付类型名称，跟支付列表上对应的支付方式保持一致 */
         name: cashPaymentMethod == null ? void 0 : cashPaymentMethod.name,
         /** 支付类型type，跟支付列表上对应的支付方式保持一致 */
@@ -253,7 +255,7 @@ var PaymentContent = (0, import_react.forwardRef)(
                 // 支付金额
                 code,
                 // 支付类型code
-                id,
+                custom_payment_id: id,
                 // 支付类型id
                 name,
                 // 支付类型name
@@ -315,7 +317,7 @@ var PaymentContent = (0, import_react.forwardRef)(
           /** 支付类型，跟支付列表上对应的支付方式保持一致 */
           code: method.code,
           /** 支付类型id，跟支付列表上对应的支付方式保持一致 */
-          id: method.id,
+          custom_payment_id: method.id,
           /** 支付类型名称，跟支付列表上对应的支付方式保持一致 */
           name: method.name,
           /** 支付类型type，跟支付列表上对应的支付方式保持一致 */
@@ -816,13 +818,11 @@ var PaymentContent = (0, import_react.forwardRef)(
       }
     };
     const searchAndClientProps = (0, import_react.useMemo)(() => {
-      if ((paymentItems == null ? void 0 : paymentItems.length) > 0) {
-        return {
-          disabledSwitch: true
-        };
-      }
-      return {};
-    }, [paymentItems]);
+      return {
+        disabledSwitch: (config == null ? void 0 : config.disabledSwitchClient) || false
+      };
+    }, [paymentItems, config]);
+    console.log(searchAndClientProps, "searchAndClientProps");
     const roundingFunction = async (amount) => {
       const res = await checkoutModule.roundAmountAsync(amount);
       return res;
@@ -1066,7 +1066,11 @@ var PaymentModal = ({
   currentTotalPrice,
   onChangeShopDiscount,
   onChangeOrderNote,
-  onDeleteOrderNote
+  onDeleteOrderNote,
+  config = {
+    showHeaderCenter: true,
+    showHeaderRightButton: true
+  }
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const context = (0, import_useEngineContext.default)();
@@ -1391,7 +1395,7 @@ var PaymentModal = ({
         }
       }
     }
-  )), /* @__PURE__ */ import_react.default.createElement("div", { className: "header__center" }, translation("order.total"), "：", (0, import_PaymentResultToastUtils.formatCurrency)(totalAmount, getData("shop_symbol"))), /* @__PURE__ */ import_react.default.createElement("div", { className: "header__right" }, /* @__PURE__ */ import_react.default.createElement(
+  )), (config == null ? void 0 : config.showHeaderCenter) && /* @__PURE__ */ import_react.default.createElement("div", { className: "header__center" }, translation("order.total"), "：", (0, import_PaymentResultToastUtils.formatCurrency)(totalAmount, getData("shop_symbol"))), (config == null ? void 0 : config.showHeaderRightButton) && /* @__PURE__ */ import_react.default.createElement("div", { className: "header__right" }, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Button,
     {
       size: "small",
@@ -1430,13 +1434,15 @@ var PaymentModal = ({
             shop_wallet_pass_id
           });
           const newData = (0, import_lodash.cloneDeep)(data);
+          const existPayment = newData.existPayment;
           if (editOrderId || currentEditOrderId) {
             await checkout.updateLocalOrderAsync({
               orderId: editOrderId || currentEditOrderId,
               orderData: newData.order_info,
               cartSummary: (_a2 = newData.subtotal_info) == null ? void 0 : _a2.subTotalList,
               autoPayment: true,
-              totalInfo: newData.subtotal_info
+              totalInfo: newData.subtotal_info,
+              existPayment
             });
           } else {
             logger == null ? void 0 : logger.addLog({
@@ -2026,7 +2032,8 @@ var PaymentModal = ({
         generateActionButtons,
         paymentResultToastConfig,
         updateOrderInfo: (orderInfo2) => setOrderInfo(orderInfo2),
-        setCurrentEditOrderId: (orderId) => setCurrentEditOrderId(orderId)
+        setCurrentEditOrderId: (orderId) => setCurrentEditOrderId(orderId),
+        config
       }
     )
   ), noteModalOpen && (0, import_react_dom.createPortal)(

package/lib/components/checkout/components/AdditionalModule/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 import { CurrentOrderInfo } from '../../types';
 interface AdditionalModuleProps {
@@ -11,5 +11,5 @@ interface AdditionalModuleProps {
     isFullWidth?: boolean;
     showMore?: boolean;
 }
-declare function AdditionalModule({ orderInfo, customAmount, handleButtonClick, hasOrderNote, disabled, showCashPayment, isFullWidth, showMore }: AdditionalModuleProps): JSX.Element;
+declare function AdditionalModule({ orderInfo, customAmount, handleButtonClick, hasOrderNote, disabled, showCashPayment, isFullWidth, showMore }: AdditionalModuleProps): React.JSX.Element;
 export default AdditionalModule;

package/lib/components/checkout/components/AmountSummary/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import './index.less';
 import { CurrentOrderInfo } from '../../types';
+import React from 'react';
 interface AmountSummaryProps {
     amountSymbol?: string;
     orderInfo?: CurrentOrderInfo;
@@ -22,5 +22,5 @@ interface AmountSummaryProps {
     totalAmount?: number;
 }
 export declare type WalletBalanceConfirmAction = 'cancel' | 'save-without-deduct' | 'apply-deduct-now';
-declare function AmountSummary({ amountSymbol, orderInfo, open_deposit, customAmount, balanceDueAmount, clientInfo, onAmountChange, onDepositStatusChange, onBalanceDueAmountClick, onConfirm, paymentItems, cartData, walletPassData, totalAmount, }: AmountSummaryProps): JSX.Element;
+declare function AmountSummary({ amountSymbol, orderInfo, open_deposit, customAmount, balanceDueAmount, clientInfo, onAmountChange, onDepositStatusChange, onBalanceDueAmountClick, onConfirm, paymentItems, cartData, walletPassData, totalAmount, }: AmountSummaryProps): React.JSX.Element;
 export default AmountSummary;

package/lib/components/checkout/components/CashPaymentModule/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { CurrentOrderInfo } from '../../types';
+import './index.less';
+export interface CashPaymentModuleProps {
+    amountSymbol?: string;
+    orderInfo?: CurrentOrderInfo;
+    onPaymentComplete?: (result: any) => void;
+    amountButtons?: number[];
+    customAmount?: string;
+    disabled?: boolean;
+    roundingFunction?: (amount: number) => Promise<{
+        roundedAmount: number;
+        roundingDifference: number;
+    }>;
+    balanceDueAmount?: string;
+    balanceDueTotalAmount?: string;
+    syncingLock?: boolean;
+    shortcutsSize?: 'default' | 'large';
+}
+export declare function CashPaymentModule({ amountSymbol, orderInfo, onPaymentComplete, customAmount, amountButtons, // 按钮列表，默认5个推荐金额
+disabled, // 禁用状态
+roundingFunction, balanceDueAmount, // 当前阶段剩余支付金额（定金或普通支付）
+balanceDueTotalAmount, // 完整订单剩余待付金额
+syncingLock, // 是否锁定
+shortcutsSize, }: CashPaymentModuleProps): React.JSX.Element;
+export default CashPaymentModule;

package/lib/components/checkout/components/PaymentDetailModal/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './index.less';
 interface SummaryItem {
     key: string;
@@ -34,5 +34,5 @@ interface PaymentDetailModalProps {
     };
     clientInfo?: any;
 }
-declare function PaymentDetailModal({ amountSymbol, orderInfo, cartData, onClose, summaryData, labelMaps, paymentItems, customAmount, voidPayment, walletPassData, clientInfo, }: PaymentDetailModalProps): JSX.Element;
+declare function PaymentDetailModal({ amountSymbol, orderInfo, cartData, onClose, summaryData, labelMaps, paymentItems, customAmount, voidPayment, walletPassData, clientInfo, }: PaymentDetailModalProps): React.JSX.Element;
 export default PaymentDetailModal;

package/lib/components/checkout/components/PaymentDetailModal/index.js

@@ -120,7 +120,7 @@ function PaymentDetailModal({
       hideDecimalForWholeNumbers: false,
       useThousandsSeparator: true,
       showCurrencySymbol: true
-    }))), depositPayments.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.uuid, className: (0, import_classnames.default)("payment-item") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-bullet") }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-content") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-text") }, item.name, " - ", (/* @__PURE__ */ new Date()).toLocaleDateString(), " ", getText("pisell2.checkout.payment-detail.by") || "by", " ", getCustomerInfo().nickname), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-actions") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-amount") }, "-", (0, import_utils.formatAmountWithOptions)(
+    }))), depositPayments.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.uuid, className: (0, import_classnames.default)("payment-item") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-bullet") }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-content") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-text") }, item.name, " - ", item.created_at || (/* @__PURE__ */ new Date()).toLocaleDateString(), " ", getText("pisell2.checkout.payment-detail.by") || "by", " ", getCustomerInfo().nickname), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-actions") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-amount") }, "-", (0, import_utils.formatAmountWithOptions)(
       new import_decimal.default(Math.abs(item.amount)).plus(new import_decimal.default(Number(item.rounding_amount) > 0 ? 0 : item.rounding_amount || 0)).toNumber(),
       amountSymbol,
       {
@@ -142,7 +142,7 @@ function PaymentDetailModal({
       hideDecimalForWholeNumbers: false,
       useThousandsSeparator: true,
       showCurrencySymbol: true
-    }))), regularPayments.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.uuid, className: (0, import_classnames.default)("payment-item") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-bullet") }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-content") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-text") }, item.name, " - ", (/* @__PURE__ */ new Date()).toLocaleDateString(), " ", getText("pisell2.checkout.payment-detail.by") || "by", " ", getCustomerInfo().nickname), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-actions") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-amount") }, "-", (0, import_utils.formatAmountWithOptions)(
+    }))), regularPayments.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.uuid, className: (0, import_classnames.default)("payment-item") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-bullet") }), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-content") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-text") }, item.name, " - ", item.created_at || (/* @__PURE__ */ new Date()).toLocaleDateString(), " ", getText("pisell2.checkout.payment-detail.by") || "by", " ", getCustomerInfo().nickname), /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-actions") }, /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("payment-item-amount") }, "-", (0, import_utils.formatAmountWithOptions)(
       new import_decimal.default(Math.abs(item.amount)).plus(new import_decimal.default(Number(item.rounding_amount) > 0 ? 0 : item.rounding_amount || 0)).toNumber(),
       amountSymbol,
       {

package/lib/components/checkout/components/PaymentOptionsModule/index.d.ts

@@ -0,0 +1,16 @@
+import { ExtendedPaymentMethod } from './PaymentMethodItem';
+import { PaymentOptionsModuleProps } from '../../types';
+import React from 'react';
+import './index.less';
+interface ExtendedPaymentOptionsModuleProps extends PaymentOptionsModuleProps {
+    amountSymbol?: string;
+    paymentMethods?: ExtendedPaymentMethod[];
+    customAmount?: string | number;
+    title?: string;
+    onClick?: (method: ExtendedPaymentMethod) => void;
+    disabled?: boolean;
+    showCashPayment?: boolean;
+}
+export declare const SHOW_METHODS_CODE: string[];
+declare function PaymentOptionsModule({ amountSymbol, orderInfo, onClick, paymentMethods, customAmount, title, disabled, showCashPayment, }: ExtendedPaymentOptionsModuleProps): React.JSX.Element;
+export default PaymentOptionsModule;

package/lib/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/lib/components/checkout/components/SearchAndClientModule/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 export interface IScanResult {
     status: 'success' | 'failed';
@@ -10,5 +11,5 @@ interface IProps {
     onSearch: (keyword: string) => void | Promise<any>;
     onClientChange: () => void;
 }
-declare const SearchAndClientModule: (props: IProps) => JSX.Element;
+declare const SearchAndClientModule: (props: IProps) => React.JSX.Element;
 export default SearchAndClientModule;

package/lib/components/checkout/components/SearchAndClientModule/index.js

@@ -48,7 +48,7 @@ var SearchAndClientModule = (props) => {
   const bookingTicket = (0, import_pisellos.useBookingTicket)();
   const handleSearch = (0, import_ahooks.useDebounceFn)(
     async (keyword) => {
-      var _a, _b, _c, _d;
+      var _a, _b, _c, _d, _e;
       if (!!keyword) {
         setLoading(true);
         try {
@@ -61,9 +61,18 @@ var SearchAndClientModule = (props) => {
             return;
           }
           if ("type" in res && res.type == "walletCode") {
+            if (disabledSwitch) {
+              (_b = Toast == null ? void 0 : Toast.info) == null ? void 0 : _b.call(
+                Toast,
+                import_utils.locales.getText(
+                  "pisell2.checkout.client-card.tip.partially-paid"
+                )
+              );
+              return;
+            }
             const { customer, ...rest } = res.data;
             if (!customer) {
-              (_b = Toast == null ? void 0 : Toast.info) == null ? void 0 : _b.call(
+              (_c = Toast == null ? void 0 : Toast.info) == null ? void 0 : _c.call(
                 Toast,
                 import_utils.locales.getText("pisell2.checkout.wallet-pass-module.no-result")
               );
@@ -73,7 +82,7 @@ var SearchAndClientModule = (props) => {
               ...customer,
               latest_wallet_detail: rest
             };
-            (_d = (_c = clientCardRef.current) == null ? void 0 : _c.handleSetClient) == null ? void 0 : _d.call(_c, _customer, {
+            (_e = (_d = clientCardRef.current) == null ? void 0 : _d.handleSetClient) == null ? void 0 : _e.call(_d, _customer, {
               sameClientTip: import_utils.locales.getText(
                 "pisell2.checkout.client-card.tip.same-client"
               )
@@ -130,6 +139,23 @@ var SearchAndClientModule = (props) => {
         size: "default"
       }
     };
+    if (disabledSwitch === true) {
+      _props = {
+        open: false,
+        buttonProps: {
+          icon,
+          size: "default",
+          onClick: () => {
+            var _a;
+            (_a = Toast == null ? void 0 : Toast.info) == null ? void 0 : _a.call(
+              Toast,
+              import_utils.locales.getText("pisell2.checkout.client-card.tip.partially-paid")
+            );
+          },
+          style: { cursor: "not-allowed" }
+        }
+      };
+    }
     return _props;
   }, [Toast, disabledSwitch]);
   return /* @__PURE__ */ import_react.default.createElement(

package/lib/components/checkout/components/SendPaymentLinkModal/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import './index.less';
+import React from 'react';
 interface SendPaymentLinkModalProps {
     balanceAmount?: string;
     customerEmail?: string;
@@ -8,5 +8,5 @@ interface SendPaymentLinkModalProps {
     sendPaymentLink: (data: any) => void;
     customerId?: number;
 }
-declare function SendPaymentLinkModal({ balanceAmount, customerEmail, customerName, onClose, sendPaymentLink, customerId, }: SendPaymentLinkModalProps): JSX.Element;
+declare function SendPaymentLinkModal({ balanceAmount, customerEmail, customerName, onClose, sendPaymentLink, customerId, }: SendPaymentLinkModalProps): React.JSX.Element;
 export default SendPaymentLinkModal;

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

@@ -1,10 +1,11 @@
+import React from 'react';
 import { PisellWalletPassCardProps } from '../../types';
-export declare const TestModule: () => JSX.Element;
+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;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ConflictModal;

package/lib/components/checkout/components/WalletPassModule/components/DiscountWallet/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 interface DiscountWalletProps {
     isCardMode: boolean;
@@ -7,5 +8,5 @@ interface DiscountWalletProps {
     onDetail: (record: any, index: number) => void;
     discountDisabled: boolean;
 }
-declare const DiscountWallet: (props: DiscountWalletProps) => JSX.Element;
+declare const DiscountWallet: (props: DiscountWalletProps) => React.JSX.Element;
 export default DiscountWallet;

package/lib/components/checkout/hooks/useWalletPass.d.ts

@@ -15,26 +15,26 @@ export declare const useWalletPass: (props: {
     loading: boolean;
     error: string | null;
     cardData: any;
-    handleSelectWallet: (value: number[]) => void;
+    handleSelectWallet: (this: unknown, value: number[]) => void;
     selectedWalletIds: any[];
-    expiredWalletIds: any;
+    expiredWalletIds: any[];
     expiredWalletData: any;
     disabledWalletData: any[];
-    clearAllSelectedWallet: () => void;
-    clearDisabledWalletData: () => void;
-    handleBeforeEditAmount: (value: any, index: number, data: any) => Promise<boolean>;
-    handleBestSaving: () => void;
-    handleSearchIdentificationCode: (value: string) => any;
+    clearAllSelectedWallet: (this: unknown) => void;
+    clearDisabledWalletData: (this: unknown) => void;
+    handleBeforeEditAmount: (this: unknown, value: any, index: number, data: any) => Promise<boolean>;
+    handleBestSaving: (this: unknown) => void;
+    handleSearchIdentificationCode: (this: unknown, value: string) => any;
     availableDiscountList: any;
     selectedDiscountList: any;
-    handleSelectDiscount: (value: number[], option: any) => void;
+    handleSelectDiscount: (this: unknown, value: number[], option: any) => void;
     customerName: any;
-    fetchWalletRecommendList: (params: any) => Promise<any>;
-    fetchUserIdentificationCodes: (params: any) => Promise<any>;
-    getCachedWalletRecommendList: () => any;
-    getCachedUserIdentificationCodes: () => any;
-    clearWalletRecommendList: () => void;
-    clearUserIdentificationCodes: () => void;
-    clearAllCache: () => void;
-    handleConfirmEditAmount: (value: number, id: number, data: any) => void;
+    fetchWalletRecommendList: (this: unknown, params: any) => Promise<any>;
+    fetchUserIdentificationCodes: (this: unknown, params: any) => Promise<any>;
+    getCachedWalletRecommendList: (this: unknown) => any;
+    getCachedUserIdentificationCodes: (this: unknown) => any;
+    clearWalletRecommendList: (this: unknown) => void;
+    clearUserIdentificationCodes: (this: unknown) => void;
+    clearAllCache: (this: unknown) => void;
+    handleConfirmEditAmount: (this: unknown, value: number, id: number, data: any) => void;
 };