@pisell/private-materials 6.6.9 → 6.6.10

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

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

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): React.JSX.Element;
+declare function SendPaymentLinkModal({ balanceAmount, customerEmail, customerName, onClose, sendPaymentLink, customerId, }: SendPaymentLinkModalProps): JSX.Element;
 export default SendPaymentLinkModal;

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

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

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

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

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

@@ -68,6 +68,7 @@ var WalletPassModule = (0, import_react.forwardRef)(
     } = (0, import_useWalletPass.useWalletPass)({
       onSelectChange,
       customAmount,
+      totalAmount: Number(orderInfo == null ? void 0 : orderInfo.totalAmount) || 0,
       clientId
     });
     const [expiredModalVisible, setExpiredModalVisible] = (0, import_react.useState)(false);

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/components/WalletPassModule/utils.js

@@ -43,6 +43,9 @@ var import_materials = require("@pisell/materials");
 var import_decimal = __toESM(require("decimal.js"));
 var Amount = import_materials.PisellText.Amount;
 var getAvailableMaxAmount = (data) => {
+  if ((0, import_utils.isNumber)(data._available_max_amount)) {
+    return data._available_max_amount;
+  }
   return data.tag !== "point_card" ? data.available_max_amount : data == null ? void 0 : data.recommended_usage_amount;
 };
 var voucherTime = (data, key = "expire_date") => {
@@ -58,6 +61,14 @@ var voucherTime = (data, key = "expire_date") => {
 var formatMachineCodeServer2CardList = (data, selectId = [], otherProps = {}) => {
   return (data || []).map((item) => {
     var _a, _b;
+    let disabled = false;
+    if (item.unified_available_status === 0) {
+      disabled = true;
+    } else {
+      if ((0, import_utils.isNumber)(item._unified_available_status)) {
+        disabled = !item._unified_available_status;
+      }
+    }
     return {
       id: item.id,
       name: item.product_name,
@@ -74,8 +85,8 @@ var formatMachineCodeServer2CardList = (data, selectId = [], otherProps = {}) =>
       showQrCode: false,
       showStatus: true,
       code: item.code,
-      disabled: !item.unified_available_status,
-      disabledReason: (_a = item.unified_messages) == null ? void 0 : _a.title,
+      disabled,
+      disabledReason: (0, import_utils.isNumber)(item._unified_available_status) && item._unified_available_status !== 1 ? item.reason : (_a = item.unified_messages) == null ? void 0 : _a.title,
       cover: (_b = item.product) == null ? void 0 : _b.cover,
       qrCode: item.code,
       validDate: voucherTime(item),

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

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

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

@@ -9,32 +9,32 @@ export declare const useWalletPass: (props: {
     }[]) => void) | undefined;
     customAmount?: string | undefined;
     clientId?: number | undefined;
+    totalAmount?: number | undefined;
 }) => {
     walletRecommendList: any[];
     userIdentificationCodes: any[];
     loading: boolean;
     error: string | null;
     cardData: any;
-    handleSelectWallet: (this: unknown, value: number[]) => void;
+    handleSelectWallet: (value: number[]) => void;
     selectedWalletIds: any[];
-    expiredWalletIds: any;
+    expiredWalletIds: any[];
     expiredWalletData: any;
     disabledWalletData: 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;
+    clearAllSelectedWallet: () => void;
+    clearDisabledWalletData: () => void;
+    handleBeforeEditAmount: (value: any, index: number, data: any) => Promise<boolean>;
+    handleBestSaving: () => void;
+    handleSearchIdentificationCode: (value: string) => any;
     availableDiscountList: any;
     selectedDiscountList: any;
-    handleSelectDiscount: (this: unknown, value: number[], option: any) => void;
+    handleSelectDiscount: (value: number[], option: any) => void;
     customerName: any;
-    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;
+    fetchUserIdentificationCodes: (params: any) => Promise<any>;
+    getCachedWalletRecommendList: () => any;
+    getCachedUserIdentificationCodes: () => any;
+    clearWalletRecommendList: () => void;
+    clearUserIdentificationCodes: () => void;
+    clearAllCache: () => void;
+    handleConfirmEditAmount: (value: number, id: number, data: any) => void;
 };