@pisell/private-materials 6.3.54 → 6.3.56

package/lib/components/booking/info/service/like/index.d.ts

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

package/lib/components/eftpos/deviceList/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: ({ input, ...formItemProps }: any) => JSX.Element;
 export default _default;

package/lib/components/eftpos/form/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 递归循环表单数据
  * @Author: hongbing.wang

package/lib/components/eftpos/group/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioGroupProps } from 'antd';
 export declare const CheckboxGroup: ({ direction, options, ...props }: any) => JSX.Element;
 export declare const RadioGroup: ({ direction, options, ...props }: RadioGroupProps & {

package/lib/components/eftpos/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Eftpos } from './const';
 /**
  * @title: tyro 设备连接

package/lib/components/eftpos/icon/apiKey.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/icon/device.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: ({ color }: {
     color?: string | undefined;
 }) => JSX.Element;

package/lib/components/eftpos/receipt/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 自定义组件设置
  * @description: 自定义组件设置

package/lib/components/eftposPay/component/alert/warn.d.ts

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

package/lib/components/eftposPay/component/header/titlebar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './titlebar.less';
 declare enum EPopupTitleBarVariantType {
     BackTitleClose = "back-title-cancel",

package/lib/components/eftposPay/component/step/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StatusType } from '../../const';
 declare const _default: (props: {
     status: StatusType;

package/lib/components/eftposPay/component/step/step.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const _default: (props: {
     status: string;
     pedding?: string;

package/lib/components/eftposPay/hooks.d.ts

@@ -19,7 +19,7 @@ export declare const useStoreRef: <T extends {
     readonly netRef: React.MutableRefObject<boolean | undefined>;
     readonly symbolRef: React.MutableRefObject<string>;
     readonly amountRef: React.MutableRefObject<string | number>;
-    readonly eftposRef: React.MutableRefObject<"stripe" | "payo" | "tyro" | "windcave" | "linkly">;
+    readonly eftposRef: React.MutableRefObject<"stripe" | "tyro" | "windcave" | "payo" | "linkly">;
     readonly clientRef: React.MutableRefObject<ClientEnum>;
     readonly dataRef: React.MutableRefObject<import("./store").State>;
 };

package/lib/components/eftposPay/store/index.d.ts

@@ -297,7 +297,7 @@ export declare const backUpFree: (payload: Partial<State>) => {
         amount?: string | number | undefined;
         mode?: "refund" | "pay" | "fullPay" | "query" | undefined;
         order_id?: string | number | undefined;
-        eftpos?: "stripe" | "payo" | "tyro" | "windcave" | "linkly" | undefined;
+        eftpos?: "stripe" | "tyro" | "windcave" | "payo" | "linkly" | undefined;
         action?: "amount" | "pay" | "deviceList" | undefined;
         key?: number | undefined;
         step?: number | undefined;

package/lib/components/eftposPay/tyro/hooks.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * @title: 获取 Tyro 资源
  * @description:

package/lib/components/eventBooking/components/Provider/Cart/Deposit/index.d.ts

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/CalenDateStatus/index.d.ts

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/DayItem/index.d.ts

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

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Item/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { CalendarItemProps } from '../../../../../type';
 declare const Item: (props: CalendarItemProps) => JSX.Element;

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/Status/index.d.ts

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

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/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/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/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/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";
@@ -173,6 +174,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 +307,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 +343,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 +402,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 +418,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 +429,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 +504,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 = [],
@@ -471,8 +543,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 +687,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 {};