@pisell/private-materials 6.0.25 → 6.1.2

package/lib/components/pay/toB/types/storeTypes.d.ts

@@ -0,0 +1,143 @@
+export interface ToBPayContextType {
+    /** 订单 */
+    order: Order;
+    /** 设置订单 */
+    setOrder: (order: Order) => void;
+    /** 订单信息 */
+    orderInfo: OrderInfo;
+    /** 设置订单信息 */
+    setOrderInfo: (orderInfo: OrderInfo) => void;
+    /** 支付方式列表 */
+    payMethodGroupList: PayMethodGroup[];
+    /** 设置支付方式列表 */
+    setPayMethodGroupList: (payMethodGroupList: PayMethodGroup[]) => void;
+    /** 获取支付方式列表 */
+    getPayMethodList: () => Promise<void>;
+}
+/**
+ * OS支付的订单信息
+ */
+export interface Order {
+    /** 订单唯一标识 */
+    uuid: string;
+    /** 订单 id */
+    id: number;
+    /** 订单信息 */
+    order_info: OrderInfo;
+    /** 作废的支付项 */
+    adjust_offline_payments: any[];
+    /** 支付项 */
+    payment: Payment[];
+    /** 支付状态 */
+    payment_status: string;
+    /** 税费 */
+    tax_fee: string;
+    /** 订单总金额 */
+    total_amount: string;
+    /** 待付金额 */
+    expect_amount: string;
+}
+/**
+ * 订单信息
+ */
+export interface OrderInfo {
+    /** 订单 id */
+    order_id: number;
+    /** 订单总金额 */
+    total_amount: string;
+    /** 是否是定金订单 */
+    is_deposit: 0 | 1;
+    /** 定金金额 */
+    deposit_amount: string;
+}
+/**
+ * 支付方式
+ */
+export interface PayMethod {
+    /** 支付方式 id */
+    id: number;
+    /** 店铺 id */
+    shop_id: number;
+    /** 支付方式代码 */
+    code: PayMethodCode;
+    /** 支付方式类型 */
+    type: string;
+    /** 支付方式名称 */
+    name: string;
+    /** 支付方式描述 */
+    description: string;
+    /** 支付方式通道 */
+    channel_application: string[];
+    /** 支付方式状态 */
+    status: 0 | 1;
+    /** 是否是附加费用 */
+    is_surcharge: 0 | 1;
+    /** 是否禁用 */
+    disable: 0 | 1;
+    /** 支付方式公司 */
+    companies: any;
+    /** 支付方式额外数据 */
+    metadata?: {
+        order_rounding_switch: number;
+    };
+    /** 创建时间 */
+    created_at: string;
+    /** 更新时间 */
+    updated_at: string;
+    /** 删除时间 */
+    deleted_at: string | null;
+    /** 固定费用 */
+    fixed: string;
+    /** 百分比费用 */
+    percentage: string;
+}
+export declare enum PayMethodCode {
+    /** 现金支付 */
+    CASHMANUAL = "CASHMANUAL",
+    /** eftpos payo */
+    EFTPOS_PAYO = "EFTPOS_PAYO",
+    /** eftpos windcave */
+    EFTPOS_WINDCAVE = "EFTPOS_WINDCAVE",
+    /** eftpos tyro */
+    EFTPOS_TYRO = "EFTPOS_TYRO",
+    /** eftpos linkly */
+    EFTPOS_LINKLY = "EFTPOS_LINKLY"
+}
+export interface PayMethodGroup {
+    title: string;
+    list: PayMethod[];
+}
+/**
+ * 已经支付的信息
+ */
+export interface Payment {
+    /** 当前支付项的唯一 ID，用于标记支付项的唯一性 */
+    uuid: string;
+    /** 当前支付方式付出去多少钱 */
+    amount: number;
+    /** 支付类型，跟支付列表上对应的支付方式保持一致 */
+    code: PayMethodCode;
+    /** 支付类型id，跟支付列表上对应的支付方式保持一致 */
+    id: number;
+    /** 支付类型id，跟支付列表上对应的支付方式保持一致 */
+    name: string;
+    /** 支付类型type，跟支付列表上对应的支付方式保持一致 */
+    type: string;
+    /** 代金券、充值卡、积分卡 等wallet pass id,通过order/deduction 查出来的，本期都为空 */
+    voucher_id?: string | null;
+    /** 该支付项是否已经同步给后端 */
+    isSynced?: boolean;
+    /** 支付时间 */
+    created_at?: string;
+    /** 支付方式额外数据 */
+    metadata?: {
+        unique_payment_number: string;
+    };
+    /** 手续费 */
+    service_charge?: {
+        /** 手续费百分比 */
+        percentage?: number | string;
+        /** 手续费固定金额 */
+        amount?: number | string;
+    };
+}

package/lib/components/pay/toB/types/storeTypes.js

@@ -0,0 +1,36 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/pay/toB/types/storeTypes.ts
+var storeTypes_exports = {};
+__export(storeTypes_exports, {
+  PayMethodCode: () => PayMethodCode
+});
+module.exports = __toCommonJS(storeTypes_exports);
+var PayMethodCode = /* @__PURE__ */ ((PayMethodCode2) => {
+  PayMethodCode2["CASHMANUAL"] = "CASHMANUAL";
+  PayMethodCode2["EFTPOS_PAYO"] = "EFTPOS_PAYO";
+  PayMethodCode2["EFTPOS_WINDCAVE"] = "EFTPOS_WINDCAVE";
+  PayMethodCode2["EFTPOS_TYRO"] = "EFTPOS_TYRO";
+  PayMethodCode2["EFTPOS_LINKLY"] = "EFTPOS_LINKLY";
+  return PayMethodCode2;
+})(PayMethodCode || {});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PayMethodCode
+});

package/lib/components/pay/toC/PaymentList/index.js

@@ -46,19 +46,20 @@ var offline = [
   "pisell.custom_payment"
 ];
 var PaymentList = (props, ref) => {
-  var _a, _b;
+  var _a, _b, _c;
   const [paymentList, setPaymentList] = (0, import_react.useState)([]);
   const [paymentType, setPaymentType] = (0, import_react.useState)("");
   const [loading, setLoading] = (0, import_react.useState)(true);
   const context = (0, import_useEngineContext.default)();
+  const { interaction } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const _paymentList = (0, import_react.useMemo)(() => {
     var _a2;
     return ((_a2 = props == null ? void 0 : props.store) == null ? void 0 : _a2.paymentList) || paymentList;
-  }, [paymentList, (_a = props == null ? void 0 : props.store) == null ? void 0 : _a.paymentList]);
+  }, [paymentList, (_b = props == null ? void 0 : props.store) == null ? void 0 : _b.paymentList]);
   const _paymentType = (0, import_react.useMemo)(() => {
     var _a2;
     return ((_a2 = props == null ? void 0 : props.store) == null ? void 0 : _a2.paymentType) || paymentType;
-  }, [paymentType, (_b = props == null ? void 0 : props.store) == null ? void 0 : _b.paymentType]);
+  }, [paymentType, (_c = props == null ? void 0 : props.store) == null ? void 0 : _c.paymentType]);
   const _getPaymentList = async (initProps) => {
     var _a2;
     setLoading(true);
@@ -85,11 +86,15 @@ var PaymentList = (props, ref) => {
     setPaymentList(list);
     return list;
   };
+  const isApp = (0, import_react.useMemo)(() => {
+    var _a2, _b2;
+    return (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b2.call(_a2);
+  }, []);
   const init = (list) => {
     var _a2, _b2;
     setLoading(true);
     const platform = ((_b2 = (_a2 = context.appHelper) == null ? void 0 : _a2.constants) == null ? void 0 : _b2.platform) || "h5";
-    const { paymentList: paymentList2, walletPass } = (0, import_serve.filterPaymentList)(list, platform);
+    const { paymentList: paymentList2, walletPass } = (0, import_serve.filterPaymentList)(list, platform, isApp);
     if (paymentList2.length > 0) {
       let first = paymentList2[0];
       setPaymentList(paymentList2);
@@ -131,13 +136,13 @@ var PaymentList = (props, ref) => {
     })
   );
   const renderToast = (_item) => {
-    var _a2, _b2, _c;
+    var _a2, _b2, _c2;
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "surcharge-modal-wrap" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "surcharge-modal-title" }, _item.title + " " + (((_a2 = _item == null ? void 0 : _item.params) == null ? void 0 : _a2.description) ? import_utils2.locales.getText("tocPay.text.paymentInstructions") : import_utils2.locales.getText("tocPay.text.serviceCharge"))), /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "surcharge-info",
         dangerouslySetInnerHTML: {
-          __html: ((_b2 = _item == null ? void 0 : _item.params) == null ? void 0 : _b2.description) ? (_c = _item == null ? void 0 : _item.params) == null ? void 0 : _c.description : _item.surcharge_fee
+          __html: ((_b2 = _item == null ? void 0 : _item.params) == null ? void 0 : _b2.description) ? (_c2 = _item == null ? void 0 : _item.params) == null ? void 0 : _c2.description : _item.surcharge_fee
         }
       }
     ));

package/lib/components/pay/toC/PaymentList/serve.d.ts

@@ -20,7 +20,7 @@ export declare const getPaymentList: (values: any) => Promise<{
  * @Author: zhiwei.Wang
  * @Date: 2024-08-16 10:57
  */
-export declare const filterPaymentList: (list: any[], platform?: string) => {
+export declare const filterPaymentList: (list: any[], platform: string | undefined, isApp: boolean) => {
     message: string;
     status: string;
     paymentList: any[];

package/lib/components/pay/toC/PaymentList/serve.js

@@ -31,20 +31,23 @@ var getPaymentList = async (values) => {
   let { data = [] } = await import_utils.request.getRequest().get("/h5/pay/order/payments", values);
   return filterPaymentList(data);
 };
-var filterPaymentList = (list, platform = "h5") => {
+var filterPaymentList = (list, platform = "h5", isApp) => {
   let paymentList = [...list];
   let _paymentKeys = [...import_status.paymentKeys];
   const walletPass = paymentList.find((d) => d.service === "pisell.wallet_pass");
   let arr = [];
-  if (!(0, import_utils2.isWx)()) {
+  if (!(0, import_utils2.isWx)() && !isApp) {
     arr = arr.concat(["globepay.wechat.jsapi", "superpay.wechat.h5"]);
   }
   if (platform === "h5") {
     arr = arr.concat(["globepay.wechat.qrcode", "globepay.alipay.qrcode"]);
   }
-  if (!(0, import_utils2.isSafari)()) {
+  if (!(0, import_utils2.isIOS)()) {
     arr = arr.concat(["mw.apple"]);
   }
+  if ((0, import_utils2.isIOS)() && isApp) {
+    arr = arr.concat(["mw.google"]);
+  }
   _paymentKeys = _paymentKeys.filter((d) => !arr.includes(d));
   paymentList = paymentList.filter(
     (d) => _paymentKeys.includes(d.service)

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.d.ts

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

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/Finish/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const StripePayment: () => JSX.Element;
 export default StripePayment;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/SDK.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PageLoading: () => JSX.Element;
 export default PageLoading;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PaymentRequestForm: () => JSX.Element | null;
 export default PaymentRequestForm;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.module.less';
 declare const StripePayment: () => JSX.Element;
 export default StripePayment;

package/lib/components/pay/toC/PaymentMethods/SuperPayAliPayH5/index.js

@@ -39,12 +39,21 @@ var import_ThreedsLoading = __toESM(require("../MWCreditCard/TDSPay/ThreedsLoadi
 var import_serve = require("./serve");
 var import_payGroup = require("../../payGroup");
 var import_index = require("./index.less");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_utils2 = require("../../utils");
 var SuperPayAliPayH5 = (props, ref) => {
+  var _a;
   const { onChange } = props;
   const [open, setOpen] = (0, import_react.useState)(false);
+  const context = (0, import_useEngineContext.default)();
+  const { interaction } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const init = async ({ payGroup }) => {
-    setOpen(true);
+    var _a2, _b;
     const values = (0, import_payGroup.getPayGroupParamsFromStorage)(payGroup.order_id);
+    if ((_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b.call(_a2)) {
+      return (0, import_utils2.clientPayment)({ order_id: payGroup.order_id, type: "aliPay", values, interaction });
+    }
+    setOpen(true);
     if (!values) {
       setOpen(false);
       return;

package/lib/components/pay/toC/PaymentMethods/SuperPayWxPayH5/index.js

@@ -39,11 +39,20 @@ var import_serve = require("./serve");
 var import_payGroup = require("../../payGroup");
 var import_index = require("./index.less");
 var import_utils = require("@pisell/utils");
+var import_utils2 = require("../../utils");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var SuperPayWxPayH5 = (props, ref) => {
+  var _a;
   const [open, setOpen] = (0, import_react.useState)(false);
+  const context = (0, import_useEngineContext.default)();
+  const { interaction } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const init = async ({ payGroup }) => {
-    setOpen(true);
+    var _a2, _b;
     const values = (0, import_payGroup.getPayGroupParamsFromStorage)(payGroup.order_id);
+    if ((_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b.call(_a2)) {
+      return (0, import_utils2.clientPayment)({ order_id: payGroup.order_id, type: "wxPay", values, interaction });
+    }
+    setOpen(true);
     if (!values) {
       setOpen(false);
       return;

package/lib/components/pay/toC/PaymentMethods/WalletPass/List/index.d.ts

@@ -7,6 +7,9 @@ export interface WalletPassListProps {
     data?: PisellWalletPassCardProps[];
     onChange?: (val: number[], valDetail: PisellWalletPassCardProps[]) => void;
     value?: number[];
+    walletSetting: {
+        name: string;
+    };
 }
 export declare type WalletPassListRef = {
     init: (params: MachineCodeListParams, formatList?: (val: WalletPassDataType[]) => WalletPassDataType[]) => void;

package/lib/components/pay/toC/PaymentMethods/WalletPass/List/index.js

@@ -41,7 +41,7 @@ var import_utils2 = require("../utils");
 var import_index = require("./index.less");
 var WalletPassList = (0, import_react.forwardRef)(
   (props, ref) => {
-    const { title, onChange, data: propsData, value } = props;
+    const { title, onChange, data: propsData, value, walletSetting } = props;
     const [data, setData] = (0, import_react.useState)(
       propsData || []
     );
@@ -99,7 +99,7 @@ var WalletPassList = (0, import_react.forwardRef)(
               style: { color: "#667085" }
             }
           ),
-          description: import_utils.locales.getText("tocPay.text.walletPassEmpty")
+          description: import_utils.locales.getText("tocPay.text.walletPassEmpty")(walletSetting == null ? void 0 : walletSetting.name)
         }
       );
     }, []);

package/lib/components/pay/toC/PaymentMethods/WalletPass/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { WalletPassDataType } from './serve';
 import { PayGroup } from '../../model';
+import './index.less';
 export interface WalletPassRef {
     init: (val?: PayGroup & {
         customer_id?: number;
@@ -15,6 +16,10 @@ export interface WalletPassProps {
         cards: WalletPassDataType[];
         amount: number;
     };
+    walletSetting: {
+        name: string;
+        popup_status: 0 | 1;
+    };
 }
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<WalletPassProps & React.RefAttributes<WalletPassRef>>>;
 export default _default;

package/lib/components/pay/toC/PaymentMethods/WalletPass/index.js

@@ -36,18 +36,21 @@ var import_react = __toESM(require("react"));
 var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
 var import_ahooks = require("ahooks");
+var import_icons = require("@ant-design/icons");
 var import_MultiModeSearch = __toESM(require("./MultiModeSearch"));
 var import_List = __toESM(require("./List"));
 var import_serve = require("./serve");
 var import_utils2 = require("./utils");
 var import_utils3 = require("../../utils");
+var import_index = require("./index.less");
 var { Amount } = import_materials.PisellText;
 var WalletPass = (0, import_react.forwardRef)((props, ref) => {
   var _a;
-  const { onWalletPassChange, walletPass } = props;
+  const { onWalletPassChange, walletPass, walletSetting } = props;
   const [currentWalletPass, setCurrentWalletPass] = (0, import_react.useState)(walletPass);
   const [open, setOpen] = (0, import_react.useState)(false);
   const [searchOpen, setSearchOpen] = (0, import_react.useState)(false);
+  const [addList, setAddList] = (0, import_react.useState)([]);
   const [order, setOrder] = (0, import_react.useState)(null);
   const [searchData, setSearchData] = (0, import_react.useState)([]);
   const [searchSelectData, setSearchSelectData] = (0, import_react.useState)({
@@ -82,11 +85,17 @@ var WalletPass = (0, import_react.forwardRef)((props, ref) => {
     return (walletPassSelectCards == null ? void 0 : walletPassSelectCards.map((item) => item.id)) || [];
   }, [walletPassSelectCards]);
   const otherCustomerWalletPassList = (0, import_react.useMemo)(() => {
-    return (0, import_utils2.formatMachineCodeServer2CardList)(
-      otherCustomerWalletPass,
-      selectValue
-    );
-  }, [otherCustomerWalletPass, selectValue]);
+    return (0, import_utils2.formatMachineCodeServer2CardList)(addList, selectValue);
+  }, [addList, selectValue]);
+  const other_exact_codes = (0, import_react.useMemo)(() => {
+    const codes = [];
+    addList.forEach((item) => {
+      if (!selectValue.includes(item.id)) {
+        codes.push(item.code);
+      }
+    });
+    return codes;
+  }, [addList, selectValue]);
   const refreshList = (0, import_ahooks.useMemoizedFn)(() => {
     var _a2, _b;
     if ((order == null ? void 0 : order.order_id) && (order == null ? void 0 : order.customer_id)) {
@@ -96,10 +105,29 @@ var WalletPass = (0, import_react.forwardRef)((props, ref) => {
           available: 2,
           prepare_payments,
           filter_prepare_wallet_pass: 1,
-          sale_channel: ((_a2 = order._order) == null ? void 0 : _a2.sale_channel) || "online-store"
+          sale_channel: ((_a2 = order._order) == null ? void 0 : _a2.sale_channel) || "online-store",
+          other_exact_codes
         },
         // 已选择的卡片接口中不会返回，所以追加进入列表
-        (val) => [...currentCustomerWalletPass || [], ...val]
+        (val) => {
+          const idMap = val.reduce((pre, cur) => {
+            return {
+              ...pre,
+              [cur.id]: cur
+            };
+          }, {});
+          setAddList((prevState) => {
+            return prevState.map((item) => {
+              if (idMap[item.id]) {
+                return idMap[item.id];
+              }
+              return item;
+            });
+          });
+          return [...currentCustomerWalletPass || [], ...val].filter(
+            (item) => !(order == null ? void 0 : order.customer_id) || item.customer_id === (order == null ? void 0 : order.customer_id)
+          );
+        }
       );
     }
   });
@@ -178,6 +206,14 @@ var WalletPass = (0, import_react.forwardRef)((props, ref) => {
         "id"
       )
     );
+    setAddList((prevState) => {
+      return (0, import_utils.uniqueByKey)(
+        [...prevState, ...searchSelectData.details],
+        "id"
+      ).filter(
+        (item) => !(order == null ? void 0 : order.customer_id) || item.customer_id !== (order == null ? void 0 : order.customer_id)
+      );
+    });
     handleSearchModalClose();
   };
   const handleAddChange = (0, import_ahooks.useMemoizedFn)(
@@ -228,7 +264,7 @@ var WalletPass = (0, import_react.forwardRef)((props, ref) => {
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellModal,
     {
-      title: /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("tocPay.text.walletPass")),
+      title: /* @__PURE__ */ import_react.default.createElement("div", null, walletSetting.name),
       open,
       onCancel: () => handleWalletClose(),
       cancelVisible: false,
@@ -236,9 +272,12 @@ var WalletPass = (0, import_react.forwardRef)((props, ref) => {
       okText: /* @__PURE__ */ import_react.default.createElement("div", null, import_utils.locales.getText("tocPay.text.redeem"), " ", /* @__PURE__ */ import_react.default.createElement(Amount, { value: amount })),
       onOk: handleRedeem
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { marginTop: 24 } }, /* @__PURE__ */ import_react.default.createElement(import_MultiModeSearch.default, { onChange: handleSearch }), otherCustomerWalletPass.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { marginTop: 24 } }, /* @__PURE__ */ import_react.default.createElement(import_MultiModeSearch.default, { onChange: handleSearch }), /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-modal-multi-selection-available" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-modal-multi-selection-available-title" }, /* @__PURE__ */ import_react.default.createElement(import_icons.InfoCircleOutlined, { className: "wallet-pass-modal-multi-selection-available-title-icon" }), import_utils.locales.getText("tocPay.text.multipleSelectionAvailable")), /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-pass-modal-multi-selection-available-desc" }, import_utils.locales.getText(
+      "tocPay.text.youCanSelectMultipleWalletPassesToCombineForPayment"
+    )(walletSetting.name))), otherCustomerWalletPassList.length > 0 && /* @__PURE__ */ import_react.default.createElement(
       import_List.default,
       {
+        walletSetting,
         data: otherCustomerWalletPassList,
         title: import_utils.locales.getText("tocPay.text.couponCodesAdded"),
         onChange: handleOtherChange,
@@ -247,7 +286,8 @@ var WalletPass = (0, import_react.forwardRef)((props, ref) => {
     ), /* @__PURE__ */ import_react.default.createElement(
       import_List.default,
       {
-        title: import_utils.locales.getText("tocPay.text.walletPass"),
+        walletSetting,
+        title: walletSetting.name,
         onChange: handleCurrentChange,
         ref: listRef,
         value: selectValue
@@ -271,6 +311,7 @@ var WalletPass = (0, import_react.forwardRef)((props, ref) => {
     /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { marginTop: 24 } }, /* @__PURE__ */ import_react.default.createElement(
       import_List.default,
       {
+        walletSetting,
         data: searchData,
         value: searchSelectData.ids,
         onChange: handleAddChange

package/lib/components/pay/toC/PaymentMethods/WalletPass/index.less

@@ -0,0 +1,30 @@
+.wallet-pass-modal-multi-selection-available {
+  border-radius: 10px;
+  background: #edf4ff;
+  display: flex;
+  padding: 12px 20px;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-top: 20px;
+  .wallet-pass-modal-multi-selection-available-title {
+    color: var(--Color, #40484f);
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 22px; /* 183.333% */
+    display: flex;
+    align-items: center;
+    margin-bottom: 4px;
+
+    .wallet-pass-modal-multi-selection-available-title-icon {
+        color: #1E1E1E;
+        margin-right: 8px;
+        font-size: 16px;
+    }
+  }
+  .wallet-pass-modal-multi-selection-available-desc {
+    color: var(--Color, #40484f);
+    font-size: 12px;
+    font-weight: 400;
+    line-height: 16px; /* 133.333% */
+  }
+}

package/lib/components/pay/toC/PaymentMethods/WalletPass/serve.d.ts

@@ -8,6 +8,7 @@ export declare type MachineCodeListParams = {
     }[];
     filter_prepare_wallet_pass: 1 | 0;
     sale_channel: string;
+    other_exact_codes?: string[];
 };
 export declare type WalletPassDataType = {
     id: number;
@@ -33,6 +34,7 @@ export declare type WalletPassDataType = {
     expire_time: string;
     available_max_par_value: string;
     available_max_amount: string;
+    recommended_usage_amount: string;
     custom_expire_status: number;
     wallet_pass_usage_unit: WalletPassUsageUnit;
     custom_order_deduct_exhausted: number;

package/lib/components/pay/toC/PaymentMethods/WalletPass/utils.js

@@ -25,6 +25,7 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
+var import_utils2 = require("../../utils");
 var voucherTime = (data) => {
   const config = import_materials.globalConfig.getConfig();
   if (data == null ? void 0 : data.expire_date) {
@@ -43,7 +44,7 @@ var formatMachineCodeServer2CardList = (data, selectId = []) => {
       name: item.product_name,
       storeName: (_a = item.shop) == null ? void 0 : _a.name,
       balance: item.balance_par_value,
-      redeem: item.available_max_amount,
+      redeem: (0, import_utils2.getAvailableMaxAmount)(item),
       showRedeem: selectId.includes(item.id),
       showBalanceSymbol: item.tag !== "point_card",
       // balanceTitle: item.tag !== 'point_card' ? "" : "",