@pisell/private-materials 3.4.60 → 3.4.62

package/lib/components/productExtension/fields/Actor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

package/lib/components/productExtension/fields/Forms/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface InfoProps {
     relation_id: any;
     action: any;

package/lib/components/schedules/calendar/calendarItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem } from "../type";
 declare type CalendarItemProps = {
     month: string;

package/lib/components/schedules/model.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -69,11 +68,4 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
-    state: FormState;
-} & {
-    dispatch: (params: {
-        type: string;
-        payload: any;
-    }) => void;
-}>;
+export declare const Provider: any, Context: any;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetail: ({ form, currentProduct, }: {
     form: any;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetailByDate/index.d.ts

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

package/lib/components/schedules/resources/relationProduct/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const RelationProduct: ({ value, onChange, }: {
     value?: any;

package/lib/components/shoppingCart/components/Empty/index.d.ts

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

package/lib/components/shoppingCart/components/Render/index.d.ts

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

package/lib/components/ticketBooking/components/addServiceVariant/addService.js

@@ -289,7 +289,8 @@ var AddSerivce = (props) => {
             start_date: state.date.value,
             quantity: (e == null ? void 0 : e.quantity) || 1,
             product_name: item.title,
-            other
+            other,
+            isNormalProduct: (0, import_utils4.isNormalProductByDurationSchedule)(item)
           },
           new: 1
         };

package/lib/components/walletList/index.js

@@ -44,6 +44,7 @@ var import_status = require("./status");
 var import_locales = __toESM(require("./locales"));
 var import_index = require("./index.less");
 var import_classnames = __toESM(require("classnames"));
+var import_tempHolderSelector = __toESM(require("./tempHolderSelector"));
 var import_types = require("./types");
 var import_pinModal = __toESM(require("../pinModal"));
 var STORAGE_KEY = "pisell_wallet_list_data";
@@ -155,7 +156,8 @@ var DEFAULT_BALANCE = {
   gift_card_balance: 0,
   point_card_balance: 0,
   voucher_count: 0,
-  discount_card_count: 0
+  discount_card_count: 0,
+  good_pass_count: 0
 };
 var WalletList = (0, import_model.Provider)((props) => {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -173,6 +175,9 @@ var WalletList = (0, import_model.Provider)((props) => {
   const nextButtonRef = (0, import_react.useRef)(null);
   const [currentIndex, setCurrentIndex] = (0, import_react.useState)(0);
   const [walletShopList, setWalletShopList] = (0, import_react.useState)([]);
+  const [editHolderVisible, setEditHolderVisible] = (0, import_react.useState)(false);
+  const [editHolderData, setEditHolderData] = (0, import_react.useState)(null);
+  const [updateHolderLoading, setUpdateHolderLoading] = (0, import_react.useState)(false);
   const requestIdRef = (0, import_react.useRef)("");
   const pubsub = utils == null ? void 0 : utils.pubsub;
   const pinModalRef = (0, import_react.useRef)(null);
@@ -303,7 +308,7 @@ var WalletList = (0, import_model.Provider)((props) => {
     }
   };
   const initData = async (requestId) => {
-    var _a2, _b2;
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h;
     if (!isMountedRef.current) return;
     if (requestIdRef.current !== requestId) return;
     if (!isUserLoggedIn) {
@@ -339,6 +344,7 @@ var WalletList = (0, import_model.Provider)((props) => {
         hasAttempted: false
       });
     }
+    let tempList = [];
     try {
       if (!isMountedRef.current) return;
       const walletListData = await (0, import_serve.getWalletList)();
@@ -397,12 +403,14 @@ var WalletList = (0, import_model.Provider)((props) => {
               balance: retryBalanceData,
               hasAttempted: true
             });
+            tempList = retryListData || [];
           } catch (retryErr) {
             setState({
               list: walletListData || [],
               balance: walletBalanceData,
               hasAttempted: true
             });
+            tempList = walletListData || [];
           }
         }, 2e3);
       } else {
@@ -411,6 +419,7 @@ var WalletList = (0, import_model.Provider)((props) => {
           balance: walletBalanceData,
           hasAttempted: true
         });
+        tempList = walletListData || [];
       }
     } catch (err) {
       if (!isMountedRef.current || requestIdRef.current !== requestId) return;
@@ -421,6 +430,70 @@ var WalletList = (0, import_model.Provider)((props) => {
         hasAttempted: true
       });
     }
+    const walletDetailId = new URLSearchParams(window.location.search).get(
+      "wallet_detail_id"
+    );
+    if (walletDetailId) {
+      const found = tempList.find((item) => String(item.id) === walletDetailId);
+      if (found) {
+        setCurrentIndex(tempList.indexOf(found));
+        (_c2 = carouselRef.current) == null ? void 0 : _c2.goTo(tempList.indexOf(found), true);
+        if (((_d2 = found.holder) == null ? void 0 : _d2.holder_type) === "form" && !((_e2 = found.holder) == null ? void 0 : _e2.holder_id)) {
+          setEditHolderData({
+            wallet_record_id: found.id,
+            customer_id: (_f2 = found.holder) == null ? void 0 : _f2.customer_id,
+            form_id: ((_h = (_g2 = found.holder) == null ? void 0 : _g2.metadata) == null ? void 0 : _h.custom_id) || ""
+          });
+          setEditHolderVisible(true);
+        }
+      }
+    }
+  };
+  const onBindHolder = async (holderId) => {
+    if (!(editHolderData == null ? void 0 : editHolderData.wallet_record_id)) {
+      console.error("wallet_record_id is required");
+      return;
+    }
+    setUpdateHolderLoading(true);
+    try {
+      const res = await (0, import_serve.updateWalletHolder)(editHolderData == null ? void 0 : editHolderData.wallet_record_id, {
+        holder_id: holderId,
+        holder_type: "form"
+      });
+      setEditHolderVisible(false);
+      setEditHolderData(null);
+      let newList = list;
+      if (holderId) {
+        if (res) {
+          newList = newList.map((item) => {
+            if (item.id === (editHolderData == null ? void 0 : editHolderData.wallet_record_id)) {
+              return {
+                ...item,
+                holder: res
+              };
+            }
+            return item;
+          });
+        }
+      } else {
+        newList = newList.map((item) => {
+          if (item.id === (editHolderData == null ? void 0 : editHolderData.wallet_record_id)) {
+            return {
+              ...item,
+              holder: null
+            };
+          }
+          return item;
+        });
+      }
+      setState({
+        list: newList
+      });
+    } catch (error2) {
+      console.error("Error updating wallet holder:", error2);
+    } finally {
+      setUpdateHolderLoading(false);
+    }
   };
   const onViewPinClick = (card) => {
     var _a2;
@@ -432,7 +505,7 @@ var WalletList = (0, import_model.Provider)((props) => {
   };
   const renderWalletCard = (item) => {
     var _a2;
-    const { code, shop, wallet, id } = item;
+    const { code, shop, wallet, id, customer_id, holder } = item;
     const { metadata, name } = wallet || {};
     const {
       showcaseWalletPassNew = [],
@@ -451,6 +524,9 @@ var WalletList = (0, import_model.Provider)((props) => {
     const cardItems = showcaseWalletPassNew.map((showCaseItem) => {
       const balanceKey = _balanceKeyMap[showCaseItem.type];
       let value = balanceKey ? balanceItem[balanceKey] || 0 : 0;
+      if (showCaseItem.type === "voucher") {
+        value += balanceItem.good_pass_count || 0;
+      }
       return {
         ...showCaseItem,
         value
@@ -471,8 +547,18 @@ var WalletList = (0, import_model.Provider)((props) => {
       // codeType: barcodetype,
       items: cardItems.slice(0, 4),
       customBackgroundImage: coverImage,
-      isLogin: isUserLoggedIn
+      isLogin: isUserLoggedIn,
       // 添加登录状态
+      holder,
+      onSetHolder: () => {
+        var _a3;
+        setEditHolderData({
+          wallet_record_id: id,
+          customer_id: holder == null ? void 0 : holder.customer_id,
+          form_id: (_a3 = holder == null ? void 0 : holder.metadata) == null ? void 0 : _a3.custom_id
+        });
+        setEditHolderVisible(true);
+      }
     };
     return /* @__PURE__ */ import_react.default.createElement(
       import_materials.WalletCard,
@@ -605,6 +691,20 @@ var WalletList = (0, import_model.Provider)((props) => {
       )
     )), /* @__PURE__ */ import_react.default.createElement(import_pinModal.default, { ref: pinModalRef }));
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-list-wrapper" }, renderContent());
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "wallet-list-wrapper" }, renderContent()), editHolderVisible && /* @__PURE__ */ import_react.default.createElement(
+    import_tempHolderSelector.default,
+    {
+      visible: true,
+      value: editHolderData == null ? void 0 : editHolderData.holder_id,
+      formId: editHolderData == null ? void 0 : editHolderData.form_id,
+      customerId: editHolderData == null ? void 0 : editHolderData.customer_id,
+      onConfirm: onBindHolder,
+      onCancel: () => {
+        setEditHolderVisible(false);
+        setEditHolderData(null);
+      },
+      confirmLoading: updateHolderLoading
+    }
+  ));
 });
 var walletList_default = WalletList;

package/lib/components/walletList/locales.d.ts

@@ -3,16 +3,25 @@ declare const _default: {
         'page.wallet.guide.title': string;
         'page.wallet.guide.subtitle': string;
         'page.wallet.guide.button': string;
+        'page.wallet.tempHolderSelector.title': string;
+        'page.wallet.tempHolderSelector.create': string;
+        'page.wallet.tempHolderSelector.confirm': string;
     };
     'zh-CN': {
         'page.wallet.guide.title': string;
         'page.wallet.guide.subtitle': string;
         'page.wallet.guide.button': string;
+        'page.wallet.tempHolderSelector.title': string;
+        'page.wallet.tempHolderSelector.create': string;
+        'page.wallet.tempHolderSelector.confirm': string;
     };
     'zh-HK': {
         'page.wallet.guide.title': string;
         'page.wallet.guide.subtitle': string;
         'page.wallet.guide.button': string;
+        'page.wallet.tempHolderSelector.title': string;
+        'page.wallet.tempHolderSelector.create': string;
+        'page.wallet.tempHolderSelector.confirm': string;
     };
 };
 export default _default;

package/lib/components/walletList/locales.js

@@ -26,16 +26,25 @@ var locales_default = {
   "en": {
     "page.wallet.guide.title": "Activate Now!",
     "page.wallet.guide.subtitle": "Unlock membership benefits now",
-    "page.wallet.guide.button": "Get Your Reward"
+    "page.wallet.guide.button": "Get Your Reward",
+    "page.wallet.tempHolderSelector.title": "Set Holder",
+    "page.wallet.tempHolderSelector.create": "Create New",
+    "page.wallet.tempHolderSelector.confirm": "Confirm"
   },
   "zh-CN": {
     "page.wallet.guide.title": "待解锁权益",
     "page.wallet.guide.subtitle": "成为专属会员，即可享受更多权益",
-    "page.wallet.guide.button": "点击获取"
+    "page.wallet.guide.button": "点击获取",
+    "page.wallet.tempHolderSelector.title": "添加持有人",
+    "page.wallet.tempHolderSelector.create": "创建新持有人",
+    "page.wallet.tempHolderSelector.confirm": "确定"
   },
   "zh-HK": {
     "page.wallet.guide.title": "待解鎖權益",
     "page.wallet.guide.subtitle": "成為專屬會員，即可享受更多權益",
-    "page.wallet.guide.button": "點擊獲取"
+    "page.wallet.guide.button": "點擊獲取",
+    "page.wallet.tempHolderSelector.title": "添加持有人",
+    "page.wallet.tempHolderSelector.create": "創建新持有人",
+    "page.wallet.tempHolderSelector.confirm": "確定"
   }
 };

package/lib/components/walletList/serve.d.ts

@@ -22,3 +22,22 @@ export declare const batchGetWalletBalance: (walletIds: string[]) => Promise<Rec
  * @Date: 2025-06-09 11:12
  */
 export declare const getWalletShopList: (params: any) => Promise<any>;
+/**
+ * @title: 获取持有人列表
+ * @description: 获取持有人列表
+ * @param params 查询参数
+ * @returns 持有人列表
+ */
+export declare const getHolderList: (params: any) => Promise<any>;
+/**
+ * 更新持有人
+ * @param params 更新参数
+ * @returns 更新结果
+ */
+export declare const updateWalletHolder: (id: string, params: any) => Promise<any>;
+/**
+ * 获取表单配置
+ * @param formId 表单ID
+ * @returns 表单配置
+ */
+export declare const getFormConfig: (formId: string) => Promise<any>;

package/lib/components/walletList/serve.js

@@ -20,15 +20,20 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var serve_exports = {};
 __export(serve_exports, {
   batchGetWalletBalance: () => batchGetWalletBalance,
+  getFormConfig: () => getFormConfig,
+  getHolderList: () => getHolderList,
   getWalletBalance: () => getWalletBalance,
   getWalletList: () => getWalletList,
-  getWalletShopList: () => getWalletShopList
+  getWalletShopList: () => getWalletShopList,
+  updateWalletHolder: () => updateWalletHolder
 });
 module.exports = __toCommonJS(serve_exports);
 var import_utils = require("./../../utils");
 var getWalletList = async () => {
   try {
-    const { data } = await import_utils.request.getRequest().get("/h5/wallet", {});
+    const { data } = await import_utils.request.getRequest().get("/h5/wallet", {
+      with: ["holder.detail"]
+    });
     return data || [];
   } catch (error) {
     return [];
@@ -63,10 +68,28 @@ var getWalletShopList = async (params) => {
     return null;
   }
 };
+var getHolderList = async (params) => {
+  try {
+    const { data } = await import_utils.request.getRequest().get("/h5/form/data/v1", params || {});
+    return data || null;
+  } catch (error) {
+  }
+};
+var updateWalletHolder = async (id, params) => {
+  try {
+    const { data } = await import_utils.request.getRequest().post(`/h5/wallet/detail/${id}/bind-holder`, params || {});
+    return data || null;
+  } catch (error) {
+  }
+};
+var getFormConfig = async (formId) => import_utils.request.getRequest().get(`/h5/form/${formId}`, {});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   batchGetWalletBalance,
+  getFormConfig,
+  getHolderList,
   getWalletBalance,
   getWalletList,
-  getWalletShopList
+  getWalletShopList,
+  updateWalletHolder
 });

package/lib/components/walletList/tempHolderSelector/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import './index.less';
+export declare const getAvatarText: (name: string) => string;
+interface ITempHolderSelectorProps {
+    visible: boolean;
+    value: any;
+    formId: string;
+    customerId: string;
+    onConfirm: (value: any) => void;
+    onCancel: () => void;
+    confirmLoading: boolean;
+}
+export default function TempHolderSelector(props: ITempHolderSelectorProps): JSX.Element;
+export {};

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 {