@pisell/private-materials 6.8.28 → 6.8.30

package/lib/components/booking/notes/NoteBlock/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 export interface InfoProps {
     title?: string;

package/lib/components/booking/notes/addNote/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 declare const AddNote: ({ value, onChange, title, placeholder }: any) => JSX.Element;
 export default AddNote;

package/lib/components/booking/utils/confirmHolderModal.js

@@ -135,7 +135,6 @@ var ConfirmHolderModal = () => {
   };
   const handleChange = async (currentItem, type, other) => {
     var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k;
-    debugger;
     const holderConfig = ((_a2 = state == null ? void 0 : state.bookingConfig) == null ? void 0 : _a2.holder) || {};
     const currentMaxSelectedCount = (holderConfig == null ? void 0 : holderConfig.maxSelectedCount) || ((_c2 = (_b2 = currentItem == null ? void 0 : currentItem.cacheItem) == null ? void 0 : _b2._extend) == null ? void 0 : _c2.quantity) || 1;
     const currentHolderId = (_d = currentItem == null ? void 0 : currentItem._extend) == null ? void 0 : _d.holder_id;

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

@@ -0,0 +1,182 @@
+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:
+ * @param {number} days
+ * @param {number} minutes
+ * @return {*}
+ */
+export declare const getDiscountTimeByDayMinutes: (days: number, minutes: number) => 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: any;
+};
+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 | {
+    type: string;
+    value: number;
+} | "flexible";
+export declare const isWalkIn: (customer_id?: number | string) => boolean;
+export declare const getIsEdit: (state: any) => boolean;
+export {};

package/lib/components/booking/utils.js

@@ -652,9 +652,13 @@ var getMainPrice = (item, price) => {
   return newPrice.toNumber();
 };
 var getProductTotalPrice = (item) => {
-  var _a;
+  var _a, _b, _c;
   let price = new import_decimal.default(item._extend.price || 0);
   let other = (_a = item._extend) == null ? void 0 : _a.other;
+  if ((_b = item._extend) == null ? void 0 : _b.priceOverride) {
+    price = new import_decimal.default(((_c = item._extend) == null ? void 0 : _c.priceOverride) || 0);
+    return price.toNumber();
+  }
   if (other == null ? void 0 : other.product_variant_id) {
     price = new import_decimal.default((other == null ? void 0 : other.price) || 0);
   }

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import './index.less';
+interface SummaryItem {
+    key: string;
+    value: number;
+    label?: string;
+    hidden?: boolean;
+    tax?: any;
+}
+declare type SubTotalKey = 'deposit' | 'total' | 'sub_total' | 'tax' | 'delivery_fee' | 'discount' | 'point_deduction' | 'member_deduction' | 'expect_amount';
+interface PaymentItem {
+    uuid: string;
+    amount: number;
+    code: string;
+    name: string;
+    status: string;
+    voucher_id?: string;
+    [key: string]: any;
+}
+interface PaymentDetailModalProps {
+    amountSymbol?: string;
+    orderInfo?: any;
+    onClose: () => void;
+    summaryData?: SummaryItem[];
+    labelMaps?: Record<SubTotalKey, string>;
+    paymentItems?: PaymentItem[];
+    customAmount?: string;
+    voidPayment?: (paymentItem: PaymentItem) => void;
+    cartData?: any;
+    walletPassData?: {
+        selectedWallet?: any[];
+        availableDiscountList?: any[];
+        selectedDiscountList?: number[];
+    };
+    clientInfo?: any;
+}
+declare function PaymentDetailModal({ amountSymbol, orderInfo, cartData, onClose, summaryData, labelMaps, paymentItems, customAmount, voidPayment, walletPassData, clientInfo, }: PaymentDetailModalProps): JSX.Element;
+export default PaymentDetailModal;

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

@@ -0,0 +1,130 @@
+/// <reference types="react" />
+export interface CurrentOrderInfo {
+    /** 订单UUID */
+    uuid?: string;
+    /** 订单ID */
+    orderId?: string;
+    /** 订单状态 */
+    status?: string;
+    /** 当前步骤 */
+    step?: string;
+    /** 订单总金额 */
+    totalAmount?: string;
+    /** 待付金额 */
+    remainingAmount?: string;
+    /** 支付状态 */
+    paymentStatus?: string;
+    /** 是否为定金订单 */
+    isDeposit?: boolean;
+    /** 定金金额 */
+    depositAmount?: string;
+    /** 订单类型 */
+    orderType?: 'virtual' | 'appointment_booking';
+    /** 平台类型 */
+    platform?: 'pc' | 'h5';
+    /** 创建时间 */
+    createdAt?: string;
+    /** 商品数量 */
+    itemCount?: number;
+    /** 是否有本地订单数据 */
+    hasLocalOrderData?: boolean;
+}
+export interface PaymentData {
+    orderId?: string | number;
+    totalAmount?: number;
+    currency?: string;
+    customerId?: string | number;
+    customerName?: string;
+    description?: string;
+    items?: PaymentItem[];
+}
+export interface PaymentItem {
+    id: string | number;
+    name: string;
+    quantity: number;
+    price: number;
+    total: number;
+}
+export interface ModuleConfig {
+    showWalletPass?: boolean;
+    showCashPayment?: boolean;
+    showAdditionalModule?: boolean;
+    showPaymentOptions?: boolean;
+}
+export interface StatusConfig {
+    leftStatus?: string;
+    rightStatus?: string;
+}
+export interface PaymentResult {
+    type: 'cash' | 'walletpass' | 'etfpos' | 'custom' | 'mx51';
+    amount?: number;
+    status: 'success' | 'failed' | 'cancelled' | 'pending';
+    orderId?: string | number;
+    transactionId?: string;
+    message?: string;
+    timestamp?: number;
+    roundingAmount?: number;
+}
+export interface CheckoutCallbacks {
+    onPaymentComplete?: (result: PaymentResult) => void;
+    onPaymentCancel?: () => void;
+    onStatusChange?: (status: string) => void;
+}
+export interface CheckoutProps {
+    paymentData?: PaymentData;
+    moduleConfig?: ModuleConfig;
+    statusConfig?: StatusConfig;
+    cashAmountButtons?: number[];
+    onPaymentComplete?: (result: PaymentResult) => void;
+    onPaymentCancel?: () => void;
+    onStatusChange?: (status: string) => void;
+}
+export interface StatusSectionProps {
+    config?: StatusConfig;
+    onStatusChange?: (status: string) => void;
+}
+export interface AmountSummaryProps {
+    orderInfo?: CurrentOrderInfo;
+    open_deposit?: boolean;
+    customAmount?: string;
+    onAmountChange?: (amount: string) => void;
+}
+export interface WalletPassModuleProps {
+    orderInfo?: CurrentOrderInfo;
+}
+export interface CashPaymentModuleProps {
+    orderInfo?: CurrentOrderInfo;
+    onPaymentComplete?: (result: PaymentResult) => void;
+    amountButtons?: number[];
+}
+export interface PaymentOptionsModuleProps {
+    orderInfo?: CurrentOrderInfo;
+    onClick?: (method: PaymentMethod) => void;
+}
+export interface AdditionalModuleProps {
+    orderInfo?: CurrentOrderInfo;
+    customAmount?: string;
+    handleButtonClick: (key: string) => void;
+    hasOrderNote?: boolean;
+}
+export interface PaymentMethod {
+    id: string;
+    name: string;
+    nameEn?: string;
+    surcharge: string;
+    surchargeAmount?: number;
+    icon?: string;
+    iconComponent?: React.ReactNode;
+    color?: string;
+    enabled?: boolean;
+    code: string;
+    type: string;
+    fixed?: number;
+    percentage?: number;
+    totalAmount?: string;
+}
+export interface PaymentMethodSelection {
+    method: PaymentMethod;
+    amount: number;
+    totalWithSurcharge: number;
+}

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

@@ -0,0 +1,3 @@
+import { PaymentMethod } from './types';
+export declare const getShopWalletPassId: (interaction: any) => Promise<string | null>;
+export declare const reorderPaymentMethodList: (paymentMethodList: PaymentMethod[], interaction: any) => Promise<PaymentMethod[]>;

package/lib/components/eftposPay/app.d.ts

@@ -0,0 +1,10 @@
+import { PosProps, RouteType } from './const';
+declare const App: ({ action, api, device_number, terminal, tyroUrl, tyroVersion, onChangeParams, isMobile, channel, formatAmount, ...props }: Omit<PosProps, "type" | "mode" | "getApi"> & {
+    action: RouteType;
+    device_number: string | number;
+    api: ReturnType<PosProps['getApi']>;
+    isMobile: boolean;
+    channel?: string | undefined;
+    formatAmount(amount: number | string, precision: number, symbol: string): string;
+}) => JSX.Element;
+export default App;

package/lib/components/eftposPay/component/fail/failCustom.d.ts

@@ -0,0 +1,3 @@
+import { ActionProps } from '../../const';
+declare const _default: ({ className, isMobile, onChange }: ActionProps) => JSX.Element;
+export default _default;

package/lib/components/eftposPay/component/fail/index.d.ts

@@ -0,0 +1,3 @@
+import { ActionProps } from '../../const';
+declare const _default: ({ onChange, className, isMobile }: ActionProps) => JSX.Element;
+export default _default;

package/lib/components/eftposPay/component/fail/unknow.d.ts

@@ -0,0 +1,9 @@
+import { ActionProps } from '../../const';
+/**
+ * @title: 支付状态未知页面
+ * @description:
+ * @Author: hongbing.wang
+ * @Date: 2024-08-20 11:42
+ */
+declare const _default: ({ onChange, className }: ActionProps) => JSX.Element;
+export default _default;