@pisell/private-materials 6.11.63 → 6.11.65

package/lib/components/checkout/payment-modal-utils.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { StatusClassName } from './components/PaymentResultToast';
+/**
+ * 格式化货币金额
+ */
+export declare const formatCurrency: (amount: number, amountSymbol?: string) => string | number;
+/**
+ * 根据支付状态计算标题
+ */
+export declare const calculateTitle: (status: string, failureReason?: string, getText?: (key: string) => string) => string;
+/**
+ * 生成副标题CSS类名的辅助函数
+ */
+export declare const getSubtitleClassName: (colorClass: string) => string;
+/**
+ * 根据支付状态和金额计算副标题
+ */
+export declare const calculateSubtitle: (status: string, amount: number, gapAmount?: number, getText?: (key: string) => string, amountSymbol?: string) => React.ReactNode;
+/**
+ * 根据支付状态计算StatusClassName
+ */
+export declare const calculateStatusClassName: (status: string) => StatusClassName;
+/**
+ * 根据支付状态计算自动关闭配置
+ */
+export declare const calculateAutoCloseConfig: (status: string, hasChangeDue: boolean) => {
+    autoClose: boolean;
+    autoCloseDelay: number;
+    maskClosable: boolean;
+};

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

@@ -0,0 +1,67 @@
+export declare const checkoutStyles: {
+    readonly container: {
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly minHeight: 0;
+        readonly overflowY: "auto";
+        readonly maxHeight: "90%";
+    };
+    readonly walletPassSearchRow: {
+        readonly display: "flex";
+        readonly gap: 8;
+    };
+    readonly moduleBase: {
+        readonly backgroundColor: "#ff4d4f";
+        readonly borderRadius: "8px";
+        readonly padding: "16px";
+        readonly marginBottom: "12px";
+        readonly color: "white";
+        readonly transition: "all 0.3s ease";
+    };
+    readonly moduleTitle: {
+        readonly fontSize: "16px";
+        readonly fontWeight: "500";
+        readonly color: "#4096ff";
+        readonly marginBottom: "8px";
+    };
+    readonly moduleDescription: {
+        readonly fontSize: "12px";
+        readonly opacity: 0.8;
+        readonly marginBottom: "8px";
+    };
+    readonly button: {
+        readonly backgroundColor: "rgba(255,255,255,0.2)";
+        readonly border: "1px solid rgba(255,255,255,0.3)";
+        readonly borderRadius: "4px";
+        readonly color: "white";
+        readonly padding: "6px 12px";
+        readonly fontSize: "12px";
+        readonly cursor: "pointer";
+        readonly transition: "background-color 0.2s ease";
+    };
+    readonly buttonHover: {
+        readonly backgroundColor: "rgba(255,255,255,0.3)";
+    };
+    readonly statusButton: {
+        readonly backgroundColor: "#ff4d4f";
+        readonly color: "white";
+        readonly border: "none";
+        readonly borderRadius: "4px";
+        readonly padding: "8px 16px";
+        readonly cursor: "pointer";
+        readonly fontSize: "14px";
+        readonly transition: "background-color 0.2s ease";
+    };
+    readonly amountDisplay: {
+        readonly fontSize: "24px";
+        readonly fontWeight: "bold";
+        readonly marginBottom: "8px";
+        readonly textAlign: "center";
+    };
+};
+export declare const calculateModalHeight: (moduleConfig: {
+    showWalletPass?: boolean;
+    showCashPayment?: boolean;
+    showAdditionalModule?: boolean;
+    showPaymentOptions?: boolean;
+}) => 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/PaymentResultToastUtils.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { StatusClassName, ActionButtonGroupList } from '../components/PaymentResultToast';
+export interface PaymentResultToastConfig {
+    context: any;
+    pisellos: any;
+    getData: (key: string) => any;
+    interaction: any;
+    Toast: any;
+    onToastClose?: () => void;
+}
+export interface PaymentResultToastParams {
+    paymentStatus: string;
+    orderTotalAmount: number;
+    gapAmount: number;
+    failureReason?: string;
+    autoCloseConfig?: {
+        autoClose: boolean;
+        autoCloseDelay: number;
+    };
+    actionButtons?: ActionButtonGroupList;
+}
+export declare const formatCurrency: (amount: number, amountSymbol?: string) => string | number;
+export declare const calculateTitle: (status: string, failureReason?: string) => string;
+export declare const calculateSubtitle: (status: string, amount: number, gapAmount?: number, getData?: ((key: string) => any) | undefined) => React.ReactNode;
+export declare const calculateStatusClassName: (status: string) => StatusClassName;
+export declare const calculateAutoCloseConfig: (status: string, hasChangeDue: boolean) => {
+    autoClose: boolean;
+    autoCloseDelay: number;
+    maskClosable: boolean;
+};
+export declare const displayPaymentResultToast: (params: PaymentResultToastParams, config: PaymentResultToastConfig) => Promise<void>;
+export declare const createShowSuccessToast: (config: PaymentResultToastConfig, getActionButtons?: ((paymentStatus: string) => ActionButtonGroupList) | undefined) => (result: any) => Promise<void>;

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/ecocup/components/AddCustomerModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface IProps {
     visible: boolean;

package/lib/components/ecocup/components/CupActionList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ECupActionType, ICup, ICustomer } from '../../types';
 import './index.less';
 interface IProps {

package/lib/components/ecocup/components/CupActionModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { ICustomer, ICup, ECupActionType } from '../../types';
 interface IProps {

package/lib/components/ecocup/components/CupInfoCard/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface IProps {
     type: 'rentInfo' | 'markInfo' | 'belongInfo' | 'otherBelongInfo';

package/lib/components/ecocup/components/CupStatusModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ECupScanStatus, ICup } from '../../types';
 import './index.less';
 interface IProps {

package/lib/components/ecocup/components/CustomerAndCupModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { ICup, ICustomer } from '../../types';
 interface IProps {

package/lib/components/ecocup/components/CustomerCard/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 import { ICustomer } from '../../types';
 interface IProps extends Partial<ICustomer> {

package/lib/components/ecocup/components/MoreDropdown/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface MoreDropdownProps {
     locales: any;
     onClick?: (key: string) => void;

package/lib/components/ecocup/components/SearchBar/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface SearchBarProps {
     scanListenerKey: string;

package/lib/components/ecocup/components/SettingModal/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface IProps {
     visible: boolean;

package/lib/components/ecocup/cupList/const.d.ts

@@ -0,0 +1,144 @@
+declare const STATUS_TEXT_MAP: {
+    in_stock: string;
+    rent: string;
+    return: string;
+    missing: string;
+    broken: string;
+    shop_changed: string;
+};
+declare const STATUS_COLOR_MAP: {
+    in_stock: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+    };
+    rent: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+    };
+    returned: {
+        backgroundColor: string;
+        color: string;
+    };
+    return: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+    };
+    shop_changed: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+    };
+    overtime: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+    };
+    expire_soon: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+    };
+    borrowing: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+    };
+    missing: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+    };
+    broken: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+    };
+};
+/**
+ * @description: 排序设置
+ * @return {*}
+ */
+declare const SORT_SETTINGS: {
+    show: boolean;
+    list: {
+        columnKey: string;
+        key: string;
+        type: string;
+        localFilter: boolean;
+    }[];
+};
+/**
+ * @description: 列配置
+ * @return {*}
+ */
+declare const COLUMN_SETTING: {
+    show: boolean;
+    storageMode: string;
+};
+/**
+ * @description: 过滤选项
+ * @return {*}
+ */
+declare const FILTER: (locales: any, isNormalShop: boolean, ecoShopLists?: any, isPartner?: boolean, currentPagination?: number) => {
+    show: boolean;
+    quickFilterMaxLength: number;
+    currentPagination: number;
+    list: ({
+        key: string;
+        type: string;
+        columnKey: string;
+        isCustom: boolean;
+        name: string;
+        sort: boolean;
+        localFilter: boolean;
+        other: {
+            size: string;
+            allowClear: boolean;
+            showSearch: boolean;
+            placeholder: any;
+            defaultValue: number;
+            options: {
+                label: any;
+                value: string | number;
+            }[];
+            style: {
+                width: number;
+            };
+        };
+        isHidden?: undefined;
+    } | {
+        key: string;
+        type: string;
+        columnKey: string;
+        isCustom: boolean;
+        name: string;
+        sort: boolean;
+        localFilter: boolean;
+        isHidden: boolean;
+        other: {
+            size: string;
+            allowClear: boolean;
+            showSearch: boolean;
+            placeholder: any;
+            defaultValue: number;
+            options: {
+                label: any;
+                value: any;
+            }[];
+            style: {
+                width: number;
+            };
+        };
+    })[];
+};
+declare const HEADER_RIGHT_OPTIONS: {
+    languageKey: string;
+    key: string;
+    size: string;
+    icon: string;
+    type: string;
+}[];
+export { STATUS_TEXT_MAP, STATUS_COLOR_MAP, SORT_SETTINGS, COLUMN_SETTING, FILTER, HEADER_RIGHT_OPTIONS };

package/lib/components/ecocup/cupList/hooks/useColumns.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import '../index.less';
 interface IProps {
     onClickAction: (type: string, record: any) => void;

package/lib/components/ecocup/cupList/hooks/useSummary.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import '../index.less';
 export declare const useSummary: (locales: any, staticsData: any, isPartner?: boolean) => () => JSX.Element;

package/lib/components/ecocup/cupList/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 interface CupListProps {
     data: any[];

package/lib/components/eftpos/hooks.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

package/lib/components/eftpos/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Eftpos, DeviceStatus } from './const';
 import './index.less';
 interface PosProps {

package/lib/components/eftpos/pos.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DeviceProp } from "./const";
 interface PosProps {
     eftposName: string;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<{
+    onEftposLoad?: ((status: boolean) => void) | undefined;
+    onPayResult?: ((res: {
+        status: string;
+        params: any;
+    }) => void) | undefined;
+    styles?: {
+        [key: string]: React.CSSProperties | undefined;
+        deviceContainer?: React.CSSProperties | undefined;
+    } | undefined;
+    isWebPos?: boolean | undefined;
+} & React.RefAttributes<unknown>>;
+export default _default;

package/lib/components/eftposPay/aggregatePayment/hooks/useMicropay.d.ts

@@ -0,0 +1,7 @@
+import { HooksRunParams, PaymentMethodOptions } from '../types';
+declare const useMicropay: (options: PaymentMethodOptions) => {
+    run: (runParams?: HooksRunParams) => void;
+    query: () => void;
+    action: (data: Record<string, any>) => void;
+};
+export default useMicropay;

package/lib/components/eftposPay/aggregatePayment/index.d.ts

@@ -0,0 +1,3 @@
+import { EActionStatus } from './types';
+import useMicropay from './hooks/useMicropay';
+export { useMicropay, EActionStatus };

package/lib/components/eftposPay/aggregatePayment/service.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 聚合支付-支付接口
+ */
+export declare const AGPTPayApi: (data: any, config: any) => Promise<any>;
+/**
+ * 聚合支付-支付-查询接口
+ */
+export declare const AGPTQueryApi: (param: any, config: any) => Promise<any>;
+/**
+ * 聚合支付-支付-支付行为接口
+ */
+export declare const AGPTActionApi: (param: any, config: any) => Promise<any>;
+/**
+ * 聚合支付-退款接口
+ */
+export declare const AGPTRefundApi: (data: any, config: any) => Promise<any>;
+/**
+ * 聚合支付-退款-查询接口
+ */
+export declare const AGPTRefundQueryApi: (param: any, config: any) => Promise<any>;
+/**
+ * 聚合支付-退款-支付行为接口
+ */
+export declare const AGPTRefundActionApi: (param: any, config: any) => Promise<any>;

package/lib/components/eftposPay/aggregatePayment/types.d.ts

@@ -0,0 +1,106 @@
+import PaymentMethod from './utils/payment';
+export declare enum EVisibleButtonType {
+    /** 取消按钮 */
+    CancelButton = "CancelButton",
+    /** 等待按钮 */
+    WaitButton = "WaitButton"
+}
+export declare enum EActionStatus {
+    /** 空 */
+    Empty = "Empty",
+    /** 取消 */
+    Cancel = "Cancel",
+    /** 取消中 */
+    CancelWaiting = "CancelWaiting",
+    /** 签名 */
+    Signature = "Signature",
+    /** 签名等待中 */
+    SignatureWaiting = "SignatureWaiting"
+}
+export declare const QUERY_START_DELAY: number;
+export declare const GLOBAL_TIMEOUT: number;
+export declare const REQUEST_TIMEOUT: number;
+export declare const QUERY_INTERVAL: number;
+/**
+ * 聚合支付初始化参数
+ */
+export interface PaymentMethodOptions {
+    /** 支付类型 */
+    paymentCode: string;
+    /** 交易号 */
+    paymentNum: string;
+    /** 订单ID */
+    orderId?: string | number;
+    /** 设备ID */
+    deviceId?: string | number;
+    /** 统一回调函数 */
+    callback: PaymentCallback;
+    /** 检查是否应该继续处理结果 */
+    shouldContinue?: () => boolean;
+    /** 配置 */
+    config?: PaymentMethodConfig;
+}
+/**
+ * 聚合支付操作类型
+ */
+export declare enum ActionType {
+    /** 支付 */
+    Pay = "pay",
+    /** 支付查询 */
+    PayQuery = "payQuery",
+    /** 支付行为 */
+    PayAction = "payAction",
+    /** 退款 */
+    Refund = "refund",
+    /** 退款查询 */
+    RefundQuery = "refundQuery",
+    /** 退款行为 */
+    RefundAction = "refundAction"
+}
+/** 回调事件 */
+export interface CallbackEvent {
+    /** 事件类型：成功、失败、进度 */
+    status: EPaymentStatus;
+    /** 操作类型 */
+    actionType: ActionType;
+    /** 数据：成功时是结果，失败时是错误信息，进度时是进度数据 */
+    data: any;
+}
+/** 统一回调函数 */
+export declare type PaymentCallback = (instance: PaymentMethod, event: CallbackEvent) => void;
+/**
+ * 执行操作参数
+ */
+export interface RunOptions {
+    /** 操作类型 */
+    actionType: ActionType;
+    /** 请求参数 */
+    params?: Record<string, any>;
+}
+/**
+ * 聚合支付配置参数
+ */
+export interface PaymentMethodConfig {
+    /** 是否需要轮询间隔 */
+    hasQueryInterval?: boolean;
+}
+/**
+ * 支付状态
+ */
+export declare enum EPaymentStatus {
+    /** 支付中 */
+    Processing = "processing",
+    /** 支付成功 */
+    Success = "success",
+    /** 支付失败 */
+    Failed = "failed"
+}
+/**
+ * 执行操作参数
+ */
+export interface HooksRunParams {
+    /** 付款码 */
+    authCode?: string | number;
+    /** 订单支付ID */
+    orderPaymentId?: string | number;
+}