@pisell/private-materials 6.6.4 → 6.6.6

package/lib/components/walletList/tempHolderSelector/index.js

@@ -0,0 +1,166 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/walletList/tempHolderSelector/index.tsx
+var tempHolderSelector_exports = {};
+__export(tempHolderSelector_exports, {
+  default: () => TempHolderSelector,
+  getAvatarText: () => getAvatarText
+});
+module.exports = __toCommonJS(tempHolderSelector_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_materials = require("@pisell/materials");
+var import_ahooks = require("ahooks");
+var import_materials2 = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_serve = require("../serve");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var import_index = require("./index.less");
+var ACol = import_antd.Col;
+var ARow = import_antd.Row;
+var getAvatarText = (name) => {
+  if (!name) return "";
+  const words = name.trim().split(/\s+/);
+  const initials = words.slice(0, 2).map((word) => word.charAt(0).toUpperCase()).join("");
+  return initials;
+};
+function TempHolderSelector(props) {
+  var _a;
+  const [value, setValue] = (0, import_react.useState)(props.value);
+  const { visible, onCancel, onConfirm, confirmLoading } = props;
+  const context = (0, import_useEngineContext.default)();
+  const _getHolderList = (0, import_ahooks.useRequest)(import_serve.getHolderList, {
+    defaultParams: [
+      {
+        skip: 1,
+        num: 100,
+        form_id: props.formId,
+        customer_id: props.customerId
+      }
+    ],
+    onSuccess: (res) => {
+      if (Array.isArray(res.list) && res.list.length > 0) {
+        setValue(res.list[0].form_record_id);
+      }
+    }
+  });
+  const onAddHolder = async () => {
+    var _a2, _b, _c, _d, _e, _f;
+    let _formForFilling = props.formId;
+    const { data: formConfig } = await (0, import_serve.getFormConfig)(props.formId);
+    if (((_a2 = formConfig == null ? void 0 : formConfig.form) == null ? void 0 : _a2.form_type) === "minors" && Array.isArray(formConfig == null ? void 0 : formConfig.field)) {
+      const detail = (_b = formConfig == null ? void 0 : formConfig.field) == null ? void 0 : _b.find(
+        (item) => item.filed_type === "form_to_form" && item.status === "hide"
+      );
+      if (detail) {
+        _formForFilling = (_c = detail == null ? void 0 : detail.setting) == null ? void 0 : _c.linkedTable;
+      }
+    }
+    (_f = (_e = (_d = context == null ? void 0 : context.appHelper) == null ? void 0 : _d.utils) == null ? void 0 : _e.action) == null ? void 0 : _f.call(_e, {
+      type: "pisell1.form",
+      data: {
+        form_id: _formForFilling,
+        form_title: import_utils.locales.getText("page.wallet.tempHolderSelector.create"),
+        isV2API: true
+      },
+      callback: (res) => {
+        if ((res == null ? void 0 : res.status) === "success") {
+          if (_formForFilling !== props.formId) {
+            _getHolderList.refresh();
+          } else {
+            _getHolderList.mutate((prev) => ({
+              ...prev,
+              list: [res.values, ...prev.list]
+            }));
+            setValue(res.values.form_record_id);
+          }
+        }
+      }
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials2.PisellModal,
+    {
+      title: import_utils.locales.getText("page.wallet.tempHolderSelector.title"),
+      platform: (0, import_utils.isMobile)() ? "h5" : "pc",
+      visible,
+      onClose: onCancel,
+      onOk: () => {
+      },
+      onCancel,
+      footer: /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: "primary",
+          block: true,
+          onClick: () => {
+            onConfirm(value);
+          },
+          disabled: !value,
+          loading: confirmLoading
+        },
+        import_utils.locales.getText("page.wallet.tempHolderSelector.confirm")
+      ),
+      width: 640,
+      bodyStyle: { padding: 0 },
+      headerDivider: false,
+      destroyOnClose: true,
+      className: "temp-holder-selector-modal"
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_materials.Spin, { spinning: _getHolderList.loading }, /* @__PURE__ */ import_react.default.createElement("div", { className: "temp-holder-selector-content" }, /* @__PURE__ */ import_react.default.createElement(ARow, { gutter: [16, 16] }, /* @__PURE__ */ import_react.default.createElement(ACol, { span: 8, xs: { span: 12 }, sm: { span: 8 } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "temp-holder-selector-block-wrapper" }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: "temp-holder-selector-block temp-holder-selector-block-create",
+        onClick: onAddHolder
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "temp-holder-selector-block-avatar" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellAvatar, { useTextAvatar: true, size: "xxl" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Icon, { type: "pisell2-plus", style: { fontSize: "24px" } }))),
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "temp-holder-selector-block-name" }, import_utils.locales.getText("page.wallet.tempHolderSelector.create"))
+    ))), Array.isArray((_a = _getHolderList.data) == null ? void 0 : _a.list) && _getHolderList.data.list.map((item) => /* @__PURE__ */ import_react.default.createElement(ACol, { span: 8, xs: { span: 12 }, sm: { span: 8 }, key: item.id }, /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `temp-holder-selector-block-wrapper ${value === item.form_record_id ? "temp-holder-selector-block-wrapper-active" : ""}`
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "temp-holder-selector-block",
+          onClick: () => {
+            setValue(item.form_record_id);
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "temp-holder-selector-block-avatar" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellAvatar, { useTextAvatar: true, size: "xxl" }, getAvatarText(item.main_field))),
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "temp-holder-selector-block-name" }, item.main_field)
+      )
+    ))))))
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getAvatarText
+});

package/lib/components/walletList/tempHolderSelector/index.less

@@ -0,0 +1,63 @@
+.temp-holder-selector-content {
+  padding: 16px;
+}
+
+.temp-holder-selector-block-wrapper {
+  border: 2px solid transparent;
+  border-radius: 8px;
+  height: 100%;
+  transition: all 0.2s ease;
+
+  &-active {
+    border-color: var(--theme-color, #7f56d9);
+    
+    .temp-holder-selector-block {
+      border-color: transparent;
+    }
+  }
+}
+
+.temp-holder-selector-block {
+  background-color: #fff;
+  padding: 20px;
+  border: 1px solid #eaecf0;
+  border-radius: 6px;
+  cursor: pointer;
+  text-align: center;
+  height: 100%;
+  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
+  transition: all 0.2s ease;
+
+  &:hover {
+    background-color: var(--Gray-50, #f9fafb);
+    box-shadow: 0 2px 8px rgba(24, 144, 255, 0.15);
+  }
+
+  &-avatar {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 12px;
+  }
+
+  &-plus {
+    width: 64px;
+    height: 64px;
+    border-radius: 50%;
+    border: 2px dashed #d9d9d9;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 32px;
+    color: #999;
+    background: #fafafa;
+  }
+
+  &-name {
+    font-size: 14px;
+    color: #333;
+    word-break: break-all;
+    line-height: 1.5;
+    font-weight: bold;
+  }
+}

package/lib/components/workSpaceList/components/Modal/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Modal as AntModal, ModalFuncProps as AntModalFuncProps, ModalProps as AntModalProps } from 'antd';
 import './index.less';
 interface ModalProps extends AntModalProps {

package/lib/index.d.ts

@@ -66,9 +66,10 @@ export { OAuthConfig, SaaSAdminAuth, OrgAdminAuth, CustomerAuth, CustomerOAuthCo
 export type { SaaSAdminAuthProps, OrgAdminAuthProps, DeviceAuthProps, POSOperatorAuthProps, CustomerOAuthConfigProps } from './components/authentication/admin';
 export { default as ContactInfo } from './plus/contactInfo';
 export { default as ContactInfoModal } from './plus/contactInfoModal';
-export { default as SelectHolder } from './plus/selectHolder';
-export { default as HolderList } from './plus/selectHolder/components/HolderList';
 export { Login2, Register2, AuthModal } from './pro/Login2.0';
 export { default as WalletEditor } from './plus/walletEditor';
 export { default as WalletPassGallery } from './plus/walletPassGallery';
 export { default as WalletPassDetail } from './plus/walletPassGallery/components/passDetail';
+export { default as SelectHolder } from './plus/selectHolder';
+export { default as HolderList } from './plus/selectHolder/components/HolderList';
+export { default as SettingsRegistry } from './components/systemSettings/registry';

package/lib/index.js

@@ -94,6 +94,7 @@ __export(src_exports, {
   SaasRegister: () => import_saasRegister.default,
   Schedules: () => import_schedules.default,
   SelectHolder: () => import_selectHolder2.default,
+  SettingsRegistry: () => import_registry.default,
   ShoppingCart: () => import_shoppingCart.default,
   SkuCard: () => import_SkuCard.default,
   SkuList: () => import_list.ResponsiveList,
@@ -182,12 +183,13 @@ var import_list = require("./components/list");
 var import_admin = require("./components/authentication/admin");
 var import_contactInfo = __toESM(require("./plus/contactInfo"));
 var import_contactInfoModal = __toESM(require("./plus/contactInfoModal"));
-var import_selectHolder2 = __toESM(require("./plus/selectHolder"));
-var import_HolderList = __toESM(require("./plus/selectHolder/components/HolderList"));
 var import_Login2 = require("./pro/Login2.0");
 var import_walletEditor = __toESM(require("./plus/walletEditor"));
 var import_walletPassGallery = __toESM(require("./plus/walletPassGallery"));
 var import_passDetail = __toESM(require("./plus/walletPassGallery/components/passDetail"));
+var import_selectHolder2 = __toESM(require("./plus/selectHolder"));
+var import_HolderList = __toESM(require("./plus/selectHolder/components/HolderList"));
+var import_registry = __toESM(require("./components/systemSettings/registry"));
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
 // Annotate the CommonJS export names for ESM import in node:
@@ -257,6 +259,7 @@ import_dayjs.default.extend(import_localeData.default);
   SaasRegister,
   Schedules,
   SelectHolder,
+  SettingsRegistry,
   ShoppingCart,
   SkuCard,
   SkuList,

package/lib/plus/clientName/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { IClientNameProps } from './type';
 declare const ClientName: ({ className, dataSource, style }: IClientNameProps) => JSX.Element | null;

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/footerButton/index.js

@@ -160,13 +160,13 @@ var FooterButtons = ({
         )
       );
     }
-    const buttonCount = buttons.length;
-    const className = `pisell-wallet-pass-gallery_footer-buttons pisell-wallet-pass-gallery_footer-buttons-count-${buttonCount}`;
+    const className = `pisell-wallet-pass-gallery_footer-buttons`;
     return buttons.length > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className }, buttons) : null;
   };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-wallet-pass-gallery_footer" }, renderButtons()), /* @__PURE__ */ import_react.default.createElement(
     import_materials.PisellModal,
     {
+      destroyOnClose: true,
       platform,
       mobileModalHeight: "auto",
       headerDivider: false,

package/lib/plus/walletPassGallery/components/footerButton/index.less

@@ -1,83 +1,38 @@
 .pisell-wallet-pass-gallery_footer {
   position: relative;
-  left: 0;
-  right: 0;
-  bottom: 0;
   background-color: #fff;
   padding: 24px;
   z-index: 100;
   border-top: 1px solid #d0d5de;
-  margin-left: -20px;
-  margin-right: -20px;
+  margin-left: -24px;
+  margin-right: -24px;
   &-buttons {
     display: flex;
     gap: 12px;
     width: 100%;
 
-
-.pisell-wallet-pass-gallery_footer-buttons-item-secondary{
-    overflow: hidden;
-    display: flex;
-    >span{
-      display: block;
-      // width: 100%;
-      flex:1;
+    .pisell-wallet-pass-gallery_footer-buttons-item-secondary {
+      overflow: hidden;
+      display: inline-block;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       text-wrap: nowrap;
-    }
-}
-
-
-    // 按钮数量样式
-    // 单个按钮占满宽度
-    &-count-1 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: 100%;
-      }
-    }
-    
-    // 两个按钮各占一半
-    &-count-2 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: calc(50% - 6px);
+      > span {
+        display: inline;
       }
     }
-    
-    // 三个按钮各占三分之一
-    &-count-3 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: calc(33.33% - 8px);
-      }
-    }
-    
-    // 四个按钮各占四分之一
-    &-count-4 {
-      .pisell-wallet-pass-gallery_footer-buttons-item {
-        flex: 1;
-        width: calc(25% - 9px);
-      }
-    }
-    
-    // Ant Design按钮覆盖样式
-    :global(.ant-btn) {
-      height: 48px;
-      border-radius: 6px;
-      font-size: 16px;
-      font-weight: 500;
-      width: 100%;
+
+    .pisell-wallet-pass-gallery_footer-buttons-item {
+      flex-grow: 1;
     }
-    
+
     &-item {
       // 修饰符：主按钮
       &-primary {
-        background-color: var(--theme-color, #7F56D9);
+        background-color: var(--theme-color, #7f56d9);
       }
-      
+
       // 修饰符：次按钮
       &-secondary {
         background-color: #fff;
@@ -90,4 +45,4 @@
 
 .pisell-wallet-pass-gallery_footer:empty {
   display: none;
-}
+}

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

@@ -238,7 +238,10 @@ var PassDetail = (props) => {
     {
       className: (0, import_classnames.default)(
         `pisell-wallet-pass-gallery_detail`,
-        `pisell-wallet-pass-gallery_detail-${platform}`
+        `pisell-wallet-pass-gallery_detail-${platform}`,
+        {
+          [`pisell-wallet-pass-gallery_detail-with-footer`]: platform === "h5" && tag === "gift_card"
+        }
       )
     },
     /* @__PURE__ */ import_react.default.createElement(

package/lib/plus/walletPassGallery/components/passDetail/index.less

@@ -18,6 +18,10 @@
     padding: 20px 0px;
   }
 
+  &-with-footer {
+    height: calc(100% - 90px);
+  }
+
   .pisell-wallet-pass-gallery_detail-content {
     overflow-y: auto;
     height: 100%;

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) => 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;