@pisell/private-materials 6.8.7 → 6.8.9

package/lib/plus/selectHolder/types.d.ts

@@ -0,0 +1,104 @@
+/// <reference types="react" />
+/**
+ * @title: 选项数据类型
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 14:18
+ */
+export interface HolderOption {
+    /** 显示的标签文本 */
+    label: string;
+    /** 选项的值（唯一标识） */
+    value: any;
+    /** 头像地址 */
+    avatar?: string;
+    /** 副标题/描述 */
+    subtitle?: string;
+    /** 其他字段 */
+    [key: string]: any;
+}
+/**
+ * @title: 模态框配置
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-10 14:32
+ */
+export interface HolderModalProps {
+    title?: string;
+    confirmText?: string;
+    showClose?: boolean;
+}
+/**
+ * @title: 字段展示配置
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-10 14:32
+ */
+export interface HolderDisplayProps {
+    showAvatar?: boolean;
+    showTitle?: boolean;
+    showSubtitle?: boolean;
+    isSkipable?: boolean;
+    direction?: 'horizontal' | 'vertical';
+    selectType?: 'single' | 'multiple';
+    showExtraFields?: boolean;
+    extraFields?: any[];
+}
+/**
+ * @title: SelectHolder 组件属性
+ * @description:
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 14:18
+ */
+export interface PisellSelectHolderProps {
+    /** 选项列表 */
+    dataSource?: HolderOption[];
+    /** 是否打开模态框 */
+    open?: boolean;
+    /** 关闭事件（右上角 X 按钮） */
+    onClose?: () => void;
+    /** 确认事件，返回选中的值 */
+    onConfirm?: (selected: any) => void;
+    /** 跳过事件（底部跳过按钮） */
+    onSkip?: () => void;
+    /** 点击添加按钮事件 */
+    onAdd?: () => void;
+    /** 当前选中的值(单选) 或 选中的值数组(多选) */
+    value?: any;
+    modalConfig?: HolderModalProps;
+    displayConfig?: HolderDisplayProps;
+    /** 是否禁用确认按钮 */
+    disabled?: boolean;
+    /** 错误提示文案 */
+    errorTipText?: string;
+    /** 是否显示添加按钮 */
+    allowAdd?: boolean;
+    /** 添加按钮文案 */
+    addText?: string;
+    /** 每行显示的列数 */
+    columns?: number;
+    /** 水平间距 */
+    horizontalGap?: number;
+    /** 垂直间距 */
+    verticalGap?: number;
+    /** 最大可选数量 */
+    maxSelectedCount?: number;
+    /** 是否内联模式（不显示弹窗，直接渲染内容，用于页面级别） */
+    isInline?: boolean;
+    /** 内联模式的容器样式类名 */
+    className?: string;
+    /** 内联模式的容器样式 */
+    style?: React.CSSProperties;
+}
+export interface HolderItemProps {
+    item: HolderOption;
+    displayDirection?: 'horizontal' | 'vertical';
+    displayConfig?: HolderDisplayProps;
+    onClick?: (value?: any) => void;
+    value?: any;
+    isAddItem?: boolean;
+}

package/lib/plus/selectHolder/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/plus/selectHolder/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/plus/selectHolder/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title: 获取头像文本
+ * @description: 获取头像文本（标签的首字母，最多两个单词）
+ * @param {string} label
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-10-11 13:46
+ */
+export declare const getAvatarText: (label: string) => string;

package/lib/{components/wallet/RechargeableCard/serve.js → plus/selectHolder/utils.js}

@@ -16,18 +16,19 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/wallet/RechargeableCard/serve.ts
-var serve_exports = {};
-__export(serve_exports, {
-  goOrder: () => goOrder
+// src/plus/selectHolder/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getAvatarText: () => getAvatarText
 });
-module.exports = __toCommonJS(serve_exports);
-var import_utils = require("./../../../utils/");
-var goOrder = async (params) => {
-  const { data } = await import_utils.request.getRequest().post(`/h5/order/order`, params);
-  return data;
+module.exports = __toCommonJS(utils_exports);
+var getAvatarText = (label) => {
+  if (!label) return "";
+  const words = label.trim().split(/\s+/);
+  const initials = words.slice(0, 2).map((word) => word.charAt(0).toUpperCase()).join("");
+  return initials;
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  goOrder
+  getAvatarText
 });

package/lib/plus/walletEditor/WalletEditor.js

@@ -44,6 +44,7 @@ var import_sortableWalletPassTypes = __toESM(require("./components/sortableWalle
 var import_ValidityPeriodSelector = __toESM(require("./components/ValidityPeriodSelector"));
 var import_relationProduct = __toESM(require("./components/relationProduct"));
 var import_WalletEditor = require("./WalletEditor.less");
+var import_useComponents = __toESM(require("../../hooks/useComponents"));
 var WalletEditor = (0, import_react.forwardRef)(
   (props, ref) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
@@ -60,6 +61,10 @@ var WalletEditor = (0, import_react.forwardRef)(
     const [previewVisible, setPreviewVisible] = (0, import_react.useState)(false);
     const [form] = import_antd.Form.useForm();
     const isControlled = value !== void 0;
+    const [HolderSelector] = (0, import_useComponents.default)({
+      components: ["HolderSelector"]
+    });
+    const holderSelectorRef = (0, import_react.useRef)(null);
     const defaultValue = (0, import_react.useMemo)(
       () => ({
         status: "enable",
@@ -69,6 +74,9 @@ var WalletEditor = (0, import_react.forwardRef)(
           type: "normal"
         },
         metadata: {
+          holder: {
+            type: "customer"
+          },
           showcaseWalletPassNew: import_sortableWalletPassTypes.DEFAULT_WALLET_PASS_TYPES_CONFIG.map(
             (item) => ({
               ...item,
@@ -202,6 +210,51 @@ var WalletEditor = (0, import_react.forwardRef)(
           },
           /* @__PURE__ */ import_react.default.createElement(import_relationProduct.default, null)
         ),
+        HolderSelector && /* @__PURE__ */ import_react.default.createElement(
+          import_antd.Form.Item,
+          {
+            label: import_utils.locales.getText("pisell2.wallet-editor.holder"),
+            name: ["metadata", "holder"],
+            initialValue: {
+              type: "customer"
+            },
+            rules: [
+              {
+                validator: async (_, value2) => {
+                  var _a2, _b2, _c2;
+                  if ((value2 == null ? void 0 : value2.type) === "custom") {
+                    if (!((_a2 = value2 == null ? void 0 : value2.custom) == null ? void 0 : _a2.custom_id)) {
+                      return Promise.reject(
+                        new Error(
+                          import_utils.locales.getText(
+                            "pisell2.wallet-editor.holder.required"
+                          )
+                        )
+                      );
+                    }
+                    const options = ((_c2 = (_b2 = holderSelectorRef.current) == null ? void 0 : _b2.getOptions) == null ? void 0 : _c2.call(_b2)) || [];
+                    if (!(options == null ? void 0 : options.find(
+                      (item) => {
+                        var _a3;
+                        return item.value === ((_a3 = value2 == null ? void 0 : value2.custom) == null ? void 0 : _a3.custom_id);
+                      }
+                    ))) {
+                      return Promise.reject(
+                        new Error(
+                          import_utils.locales.getText(
+                            "pisell2.wallet-editor.holder.invalid"
+                          )
+                        )
+                      );
+                    }
+                  }
+                  return Promise.resolve();
+                }
+              }
+            ]
+          },
+          /* @__PURE__ */ import_react.default.createElement(HolderSelector, { ref: holderSelectorRef })
+        ),
         /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label: import_utils.locales.getText("sort"), name: "sort" }, /* @__PURE__ */ import_react.default.createElement(import_antd.InputNumber, { style: { width: "100%" } })),
         /* @__PURE__ */ import_react.default.createElement(
           import_antd.Form.Item,

package/lib/plus/walletEditor/locales.d.ts

@@ -39,6 +39,9 @@ declare const _default: {
         selectValidityPeriod: string;
         selectCustomDate: string;
         registerToIssue: string;
+        'pisell2.wallet-editor.holder': string;
+        'pisell2.wallet-editor.holder.required': string;
+        'pisell2.wallet-editor.holder.invalid': string;
     };
     'zh-CN': {
         walletName: string;
@@ -80,6 +83,9 @@ declare const _default: {
         selectValidityPeriod: string;
         selectCustomDate: string;
         registerToIssue: string;
+        'pisell2.wallet-editor.holder': string;
+        'pisell2.wallet-editor.holder.required': string;
+        'pisell2.wallet-editor.holder.invalid': string;
     };
     'zh-HK': {
         walletName: string;
@@ -121,6 +127,9 @@ declare const _default: {
         selectValidityPeriod: string;
         selectCustomDate: string;
         registerToIssue: string;
+        'pisell2.wallet-editor.holder': string;
+        'pisell2.wallet-editor.holder.required': string;
+        'pisell2.wallet-editor.holder.invalid': string;
     };
 };
 export default _default;

package/lib/plus/walletEditor/locales.js

@@ -68,7 +68,10 @@ var locales_default = {
     enterJSONConfig: 'Enter JSON config, e.g. {"type": "register"}',
     selectValidityPeriod: "Select validity period",
     selectCustomDate: "Select custom date",
-    registerToIssue: "Register to issue"
+    registerToIssue: "Register to issue",
+    "pisell2.wallet-editor.holder": "Holder",
+    "pisell2.wallet-editor.holder.required": "Please select a holder",
+    "pisell2.wallet-editor.holder.invalid": "Invalid holder. Please select again"
   },
   "zh-CN": {
     // 表单标签
@@ -115,7 +118,10 @@ var locales_default = {
     enterJSONConfig: '输入JSON配置，例如 {"type": "register"}',
     selectValidityPeriod: "选择有效期",
     selectCustomDate: "选择自定义日期",
-    registerToIssue: "注册即发放"
+    registerToIssue: "注册即发放",
+    "pisell2.wallet-editor.holder": "持有人",
+    "pisell2.wallet-editor.holder.required": "请选择持有人",
+    "pisell2.wallet-editor.holder.invalid": "无效持有人，请重新选择"
   },
   "zh-HK": {
     // 表單標籤
@@ -162,6 +168,9 @@ var locales_default = {
     enterJSONConfig: '輸入JSON配置，例如 {"type": "register"}',
     selectValidityPeriod: "選擇有效期",
     selectCustomDate: "選擇自定義日期",
-    registerToIssue: "註冊即發放"
+    registerToIssue: "註冊即發放",
+    "pisell2.wallet-editor.holder": "持有人",
+    "pisell2.wallet-editor.holder.required": "請選擇持有人",
+    "pisell2.wallet-editor.holder.invalid": "無效持有人，請重新選擇"
   }
 };

package/lib/plus/walletPassGallery/components/passList/index.d.ts

@@ -7,6 +7,7 @@ interface IPassListProps {
     hasMore?: boolean;
     onLoadMore?: () => void;
     loading?: boolean;
+    onEditHolder?: (info: any) => void;
 }
 declare const PassList: (props: IPassListProps) => React.JSX.Element;
 export default PassList;

package/lib/plus/walletPassGallery/components/passList/index.js

@@ -44,7 +44,8 @@ var PassList = (props) => {
     valuePropName = "id",
     hasMore,
     onLoadMore,
-    loading
+    loading,
+    onEditHolder
   } = props;
   const _loadMore = /* @__PURE__ */ import_react.default.createElement(
     "div",
@@ -66,7 +67,7 @@ var PassList = (props) => {
       import_utils.locales.getText("wallet-pass-gallery.allLoaded")
     )
   );
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.List,
     {
       className: "pisell-wallet-pass-gallery_list",
@@ -89,6 +90,8 @@ var PassList = (props) => {
           product_cover = "",
           par_value = "",
           unified_messages = {},
+          holder,
+          metadata,
           ...rest
         } = item;
         const itemValue = item == null ? void 0 : item[valuePropName];
@@ -125,12 +128,21 @@ var PassList = (props) => {
               discount: isDiscountCard ? Number(par_value) : void 0,
               showDiscount: isDiscountCard,
               code: encoded,
-              validDate: expire_date
+              validDate: expire_date,
+              holder,
+              onSetHolder: () => {
+                var _a;
+                onEditHolder == null ? void 0 : onEditHolder({
+                  wallet_pass_detail_id: id,
+                  customer_id: holder == null ? void 0 : holder.customer_id,
+                  form_id: (_a = holder == null ? void 0 : holder.metadata) == null ? void 0 : _a.custom_id
+                });
+              }
             }
           )
         ));
       }
     }
-  );
+  ));
 };
 var passList_default = PassList;

package/lib/plus/walletPassGallery/index.js

@@ -44,6 +44,7 @@ var import_utils2 = require("../../utils");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var import_passList = __toESM(require("./components/passList"));
 var import_passDetail = __toESM(require("./components/passDetail"));
+var import_tempHolderSelector = __toESM(require("../../components/walletList/tempHolderSelector"));
 var import_index = require("./index.less");
 var { Title } = import_antd.Typography;
 var KEYS = {
@@ -65,6 +66,8 @@ var WalletPassGallery = (props) => {
   const [currentItemId, setCurrentItemId] = (0, import_react.useState)(void 0);
   const [isOpenAddModal, setIsOpenAddModal] = (0, import_react.useState)(false);
   const [currentUnbindItem, setCurrentUnbindItem] = (0, import_react.useState)(null);
+  const [editHolderData, setEditHolderData] = (0, import_react.useState)(null);
+  const [updateHolderLoading, setUpdateHolderLoading] = (0, import_react.useState)(false);
   const context = (0, import_useEngineContext.default)();
   const utils = ((_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.utils) || {};
   const platform = (0, import_react.useMemo)(() => {
@@ -83,14 +86,17 @@ var WalletPassGallery = (props) => {
   });
   const _getAvailableList = (0, import_ahooks.useInfiniteScroll)(
     async (d) => {
-      const walletId = new URLSearchParams(window.location.search).get("id");
-      const res = await (0, import_serve.getWalletList)({
+      const _searchParams = new URLSearchParams(window.location.search);
+      const walletId = _searchParams.get("id");
+      const holderId = _searchParams.get("holder_id");
+      const res = await (0, import_serve.getWalletPassList)({
         available: 1,
         num: 20,
         skip: (d == null ? void 0 : d.nextId) || 1,
         tags: TAGS,
         filter_wallet_id: walletId || void 0,
-        "with": ["customScheduleSnapshot"]
+        filter_holder_id: holderId || void 0,
+        with: ["holder.detail"]
       });
       return {
         list: (res == null ? void 0 : res.list) || [],
@@ -110,14 +116,17 @@ var WalletPassGallery = (props) => {
   );
   const _getUnavailableList = (0, import_ahooks.useInfiniteScroll)(
     async (d) => {
-      const walletId = new URLSearchParams(window.location.search).get("id");
-      const res = await (0, import_serve.getWalletList)({
+      const _searchParams = new URLSearchParams(window.location.search);
+      const walletId = _searchParams.get("id");
+      const holderId = _searchParams.get("holder_id");
+      const res = await (0, import_serve.getWalletPassList)({
         available: 0,
         num: 20,
         skip: (d == null ? void 0 : d.nextId) || 1,
         tags: TAGS,
         filter_wallet_id: walletId || void 0,
-        "with": ["customScheduleSnapshot"]
+        filter_holder_id: holderId || void 0,
+        with: ["holder.detail"]
       });
       return {
         list: (res == null ? void 0 : res.list) || [],
@@ -135,24 +144,82 @@ var WalletPassGallery = (props) => {
   );
   (0, import_react.useEffect)(() => {
     const walletId = new URLSearchParams(window.location.search).get("id");
+    const passId = new URLSearchParams(window.location.search).get(
+      "wallet_pass_detail_id"
+    );
     if (walletId) {
       _getWalletDetail.runAsync(walletId);
     }
     const req1 = _getAvailableList.loadMoreAsync();
     const req2 = _getUnavailableList.loadMoreAsync();
-    Promise.all([req1, req2]).then(([data1, data2]) => {
-      if (platform === "h5") return;
-      const list = (data1 == null ? void 0 : data1.list) || [];
-      const firstAvailable = list[0];
-      if (firstAvailable) {
-        setCurrentItemId(firstAvailable.id);
-        return;
-      }
-      const list2 = (data2 == null ? void 0 : data2.list) || [];
-      const firstUnavailable = list2[0];
-      if (firstUnavailable) {
-        setCurrentItemId(firstUnavailable.id);
-        setActiveKey("unavailable");
+    let req3 = passId ? (0, import_serve.getWalletPassDetail)(passId, {
+      with: ["holder.detail"]
+    }) : Promise.resolve();
+    Promise.all([req1, req2, req3]).then(([data1, data2, data3]) => {
+      var _a2, _b2, _c2, _d2, _e2;
+      if (platform !== "h5") {
+        const list1 = (data1 == null ? void 0 : data1.list) || [];
+        const list2 = (data2 == null ? void 0 : data2.list) || [];
+        if (passId) {
+          const matchedInList1 = list1.find(
+            (item) => String(item.id) === passId
+          );
+          const matchedInList2 = list2.find(
+            (item) => String(item.id) === passId
+          );
+          if (matchedInList1 || matchedInList2) {
+            setCurrentItemId(Number(passId));
+            if (matchedInList2) {
+              setActiveKey("unavailable");
+            }
+          } else {
+            if (data3) {
+              if (data3.unified_available_status === 1) {
+                _getAvailableList.mutate((data) => ({
+                  ...data,
+                  list: [data3, ...(data == null ? void 0 : data.list) || []]
+                }));
+                setCurrentItemId(data3.id);
+              } else {
+                _getUnavailableList.mutate((data) => ({
+                  ...data,
+                  list: [data3, ...(data == null ? void 0 : data.list) || []]
+                }));
+                setCurrentItemId(data3.id);
+                setActiveKey("unavailable");
+              }
+            } else {
+              const firstAvailable = list1[0];
+              if (firstAvailable) {
+                setCurrentItemId(firstAvailable.id);
+              } else {
+                const firstUnavailable = list2[0];
+                if (firstUnavailable) {
+                  setCurrentItemId(firstUnavailable.id);
+                  setActiveKey("unavailable");
+                }
+              }
+            }
+          }
+          if (data3 && ((_a2 = data3.holder) == null ? void 0 : _a2.holder_type) === "form" && !((_b2 = data3.holder) == null ? void 0 : _b2.holder_id)) {
+            setEditHolderData({
+              wallet_pass_detail_id: passId,
+              customer_id: (_c2 = data3.holder) == null ? void 0 : _c2.customer_id,
+              form_id: (_e2 = (_d2 = data3.holder) == null ? void 0 : _d2.metadata) == null ? void 0 : _e2.custom_id
+            });
+          }
+        } else {
+          const firstAvailable = list1[0];
+          if (firstAvailable) {
+            setCurrentItemId(firstAvailable.id);
+          } else {
+            const firstUnavailable = list2[0];
+            if (firstUnavailable) {
+              setCurrentItemId(firstUnavailable.id);
+              setActiveKey("unavailable");
+            }
+          }
+        }
       }
     });
   }, []);
@@ -199,10 +266,6 @@ var WalletPassGallery = (props) => {
     const newId = key === KEYS.unavailable ? (_a2 = _unavailable[0]) == null ? void 0 : _a2.id : (_b2 = _avaliable[0]) == null ? void 0 : _b2.id;
     setCurrentItemId(newId);
   };
-  const _handleMenuChange = (key) => {
-    setActiveKey(key);
-    setCurrentItemId(void 0);
-  };
   const _resetSearchState = () => {
     setCurrentUnbindItem(null);
     _getUnbindList.mutate([]);
@@ -251,6 +314,53 @@ var WalletPassGallery = (props) => {
       });
     }
   };
+  const _handleHolderChange = (passId, holder) => {
+    if (_avaliable.find((item) => item.id === passId)) {
+      _getAvailableList.mutate((data) => {
+        const newList = data.list.map(
+          (item) => item.id === passId ? { ...item, holder } : item
+        );
+        return {
+          ...data,
+          list: newList
+        };
+      });
+    } else if (_unavailable.find((item) => item.id === passId)) {
+      _getUnavailableList.mutate((data) => {
+        const newList = data.list.map(
+          (item) => item.id === passId ? { ...item, holder } : item
+        );
+        return {
+          ...data,
+          list: newList
+        };
+      });
+    } else {
+      console.log("pass not found", passId);
+    }
+  };
+  const _handleBindHolder = async (holderId) => {
+    setUpdateHolderLoading(true);
+    const { wallet_pass_detail_id: passId } = editHolderData;
+    try {
+      const res = await (0, import_serve.updateWalletPassHolder)(passId, {
+        holder_type: "form",
+        holder_id: holderId
+      });
+      setEditHolderData(null);
+      if (holderId) {
+        if (res) {
+          _handleHolderChange == null ? void 0 : _handleHolderChange(Number(passId), res);
+        }
+      } else {
+        _handleHolderChange == null ? void 0 : _handleHolderChange(Number(passId), null);
+      }
+    } catch (error) {
+      console.error("Error updating wallet pass holder:", error);
+    } finally {
+      setUpdateHolderLoading(false);
+    }
+  };
   const _currentItem = (0, import_react.useMemo)(() => {
     if (!currentItemId) return null;
     const found1 = _avaliable.find(
@@ -281,7 +391,8 @@ var WalletPassGallery = (props) => {
           hasMore: !_getAvailableList.noMore,
           dataSource: _avaliable,
           value: currentItemId,
-          onChange: _handleCardClick
+          onChange: _handleCardClick,
+          onEditHolder: setEditHolderData
         }
       );
     }
@@ -293,7 +404,8 @@ var WalletPassGallery = (props) => {
         hasMore: !_getAvailableList.noMore,
         dataSource: _avaliable,
         value: currentItemId,
-        onChange: _handleCardClick
+        onChange: _handleCardClick,
+        onEditHolder: setEditHolderData
       }
     )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })));
   };
@@ -307,7 +419,8 @@ var WalletPassGallery = (props) => {
           loading: _getUnavailableList.loadingMore,
           dataSource: _unavailable,
           value: currentItemId,
-          onChange: _handleCardClick
+          onChange: _handleCardClick,
+          onEditHolder: setEditHolderData
         }
       );
     }
@@ -319,7 +432,8 @@ var WalletPassGallery = (props) => {
         loading: _getUnavailableList.loadingMore,
         dataSource: _unavailable,
         value: currentItemId,
-        onChange: _handleCardClick
+        onChange: _handleCardClick,
+        onEditHolder: setEditHolderData
       }
     )), /* @__PURE__ */ import_react.default.createElement(ACol, { flex: "auto" }, /* @__PURE__ */ import_react.default.createElement(import_passDetail.default, { dataSource: _currentItem, platform })));
   };
@@ -497,6 +611,19 @@ var WalletPassGallery = (props) => {
         onChangeType: _resetSearchState
       }
     ), (_getUnbindList.data || []).map(renderSearchCard))
+  ), !!editHolderData && /* @__PURE__ */ import_react.default.createElement(
+    import_tempHolderSelector.default,
+    {
+      visible: true,
+      onCancel: () => {
+        setEditHolderData(null);
+      },
+      onConfirm: _handleBindHolder,
+      confirmLoading: updateHolderLoading,
+      formId: editHolderData == null ? void 0 : editHolderData.form_id,
+      customerId: editHolderData == null ? void 0 : editHolderData.customer_id,
+      value: editHolderData == null ? void 0 : editHolderData.holder_id
+    }
   ));
 };
 var walletPassGallery_default = WalletPassGallery;