@pisell/private-materials 6.7.8 → 6.8.1

package/lib/components/wallet/utils.d.ts

@@ -0,0 +1,48 @@
+interface ScheduleTextResult {
+    validityTexts: string[];
+    excluded_date: string[];
+    included_date: string[];
+}
+declare type Locale = 'en' | 'zh-CN' | 'zh-HK';
+interface ScheduleItem {
+    id: number;
+    name: string | {
+        [key: string]: string;
+    };
+    type: 'standard' | 'time-slots' | 'designation';
+    start_time: string | null;
+    end_time: string | null;
+    repeat_type: 'none' | 'daily' | 'weekly';
+    repeat_rule: {
+        end: {
+            type: 'never' | 'date' | 'occurrence';
+            end_date: string | null;
+            occurrence: number | null;
+        };
+        frequency: number;
+        excluded_date: Array<{
+            start: string;
+            end: string;
+        }>;
+        included_date: any[];
+        frequency_date: number[];
+    } | null;
+    designation: Array<{
+        start_date: string;
+        start_time: string;
+        end_date: string;
+        end_time: string;
+    }> | null;
+    is_all: number;
+    time_slot: Array<{
+        start_time: string;
+        end_time: string;
+    }>;
+}
+/**
+ * 根据scheduleList格式化文案展示
+ * @param scheduleList 日程列表
+ * @returns 格式化后的文案结果数组，每个日程对应一个结果
+ */
+export declare function formatScheduleText(scheduleList: ScheduleItem[], locale?: Locale): ScheduleTextResult[];
+export {};

package/lib/components/wallet/utils.js

@@ -0,0 +1,287 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/wallet/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatScheduleText: () => formatScheduleText
+});
+module.exports = __toCommonJS(utils_exports);
+function formatDateTime(dateTime, isAll = false, locale = "zh-CN") {
+  const date = new Date(dateTime);
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const hours = date.getHours();
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  if (isAll) {
+    if (locale === "en") {
+      return `${day}/${month}/${year}`;
+    } else {
+      return `${year}-${month}-${day}`;
+    }
+  }
+  if (locale === "en") {
+    const period = hours >= 12 ? "PM" : "AM";
+    const displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;
+    return `${day}/${month}/${year} ${displayHours}:${minutes} ${period}`;
+  } else {
+    const displayHours = String(hours).padStart(2, "0");
+    return `${year}-${month}-${day} ${displayHours}:${minutes}`;
+  }
+}
+var textConfig = {
+  "zh-HK": {
+    weekdays: ["日", "一", "二", "三", "四", "五", "六"],
+    separator: "、",
+    timeSeparator: "–",
+    rangeSeparator: " 至 ",
+    periodSeparator: "；",
+    timeSlotSeparator: "，",
+    every: "每",
+    day: "天",
+    week: "周",
+    month: "月",
+    year: "年",
+    available: "可用",
+    unlimited: "无限期",
+    weekPrefix: "周"
+  },
+  "zh-CN": {
+    weekdays: ["日", "一", "二", "三", "四", "五", "六"],
+    separator: "、",
+    timeSeparator: "–",
+    rangeSeparator: " 至 ",
+    periodSeparator: "；",
+    timeSlotSeparator: "，",
+    every: "每",
+    day: "天",
+    week: "周",
+    month: "月",
+    year: "年",
+    available: "可用",
+    unlimited: "无限期",
+    weekPrefix: "周"
+  },
+  "en": {
+    weekdays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    separator: ", ",
+    timeSeparator: "–",
+    rangeSeparator: " - ",
+    periodSeparator: "; ",
+    timeSlotSeparator: ", ",
+    every: "every ",
+    day: "day",
+    week: "week",
+    month: "month",
+    year: "year",
+    available: "available",
+    unlimited: "unlimited",
+    weekPrefix: ""
+  }
+};
+function getWeekdayText(dayNumbers, locale) {
+  const config = textConfig[locale];
+  return dayNumbers.map((day) => config.weekdays[day]).join(config.separator);
+}
+function getRepeatFrequencyText(repeatType, frequency, locale) {
+  const config = textConfig[locale];
+  const typeMap = {
+    "daily": config.day,
+    "weekly": config.week,
+    "monthly": config.month,
+    "yearly": config.year
+  };
+  if (locale === "en") {
+    if (frequency === 1) {
+      return `${config.every}${typeMap[repeatType]}`;
+    }
+    return `${config.every}${frequency} ${typeMap[repeatType]}s`;
+  } else {
+    if (frequency === 1) {
+      return `${config.every}${typeMap[repeatType]}`;
+    }
+    return `${config.every}${frequency}${typeMap[repeatType]}`;
+  }
+}
+function formatScheduleText(scheduleList, locale = "en") {
+  const results = [];
+  const config = textConfig[locale];
+  scheduleList.forEach((schedule) => {
+    var _a, _b;
+    const validityTexts = [];
+    const excluded_date = [];
+    const included_date = [];
+    if ((_a = schedule.repeat_rule) == null ? void 0 : _a.excluded_date) {
+      schedule.repeat_rule.excluded_date.forEach((excludeItem) => {
+        const startDate = formatDateTime(excludeItem.start, true, locale);
+        const endDate = formatDateTime(excludeItem.end, true, locale);
+        if (excludeItem.start === excludeItem.end) {
+          excluded_date.push(startDate);
+        } else {
+          excluded_date.push(`${startDate}${config.rangeSeparator}${endDate}`);
+        }
+      });
+    }
+    if ((_b = schedule.repeat_rule) == null ? void 0 : _b.included_date) {
+      schedule.repeat_rule.included_date.forEach((includeItem) => {
+        const startDate = formatDateTime(includeItem.start, true, locale);
+        const endDate = formatDateTime(includeItem.end, true, locale);
+        if (includeItem.start === includeItem.end) {
+          included_date.push(startDate);
+        } else {
+          included_date.push(`${startDate}${config.rangeSeparator}${endDate}`);
+        }
+      });
+    }
+    const isAllDay = schedule.is_all === 1;
+    let validityText = "";
+    if (schedule.repeat_type === "none") {
+      if (schedule.type === "standard") {
+        const startDateTime = formatDateTime(schedule.start_time, isAllDay, locale);
+        const endDateTime = formatDateTime(schedule.end_time, isAllDay, locale);
+        validityText = `${startDateTime}${config.rangeSeparator}${endDateTime}`;
+      } else if (schedule.type === "time-slots" && schedule.time_slot.length > 0) {
+        const baseDate = formatDateTime(schedule.start_time, true, locale);
+        if (isAllDay) {
+          validityText = `${baseDate}`;
+        } else {
+          const timeSlots = schedule.time_slot.map(
+            (slot) => `${slot.start_time}${config.timeSeparator}${slot.end_time}`
+          );
+          validityText = `${baseDate} ${timeSlots.join(config.timeSlotSeparator)}`;
+        }
+      } else if (schedule.type === "designation" && schedule.designation) {
+        const designationTexts = schedule.designation.map((item) => {
+          if (isAllDay || item.start_time === "00:00" && item.end_time === "23:59") {
+            const startDate = formatDateTime(item.start_date, true, locale);
+            const endDate = formatDateTime(item.end_date, true, locale);
+            return `${startDate}${config.rangeSeparator}${endDate}`;
+          } else {
+            const startDate = formatDateTime(item.start_date, true, locale);
+            return `${startDate} ${item.start_time}${config.timeSeparator}${item.end_time}`;
+          }
+        });
+        validityTexts.push(...designationTexts);
+      }
+    } else if (schedule.repeat_rule) {
+      const { frequency, frequency_date } = schedule.repeat_rule;
+      const startText = isAllDay ? formatDateTime(schedule.start_time, true, locale) : formatDateTime(schedule.start_time, false, locale);
+      let endDateText = "";
+      if (schedule.repeat_rule.end.type === "never") {
+        endDateText = config.unlimited;
+      } else if (schedule.repeat_rule.end.end_date) {
+        endDateText = formatDateTime(schedule.repeat_rule.end.end_date, true, locale);
+      }
+      if (schedule.type === "standard") {
+        if (schedule.repeat_type === "daily") {
+          if (isAllDay) {
+            const frequencyText = getRepeatFrequencyText("daily", frequency, locale);
+            if (locale === "en") {
+              validityText = `${startText}${config.rangeSeparator}${endDateText}, ${config.available} ${frequencyText}`;
+            } else {
+              validityText = `${startText}${config.rangeSeparator}${endDateText}，${frequencyText}${config.available}`;
+            }
+          } else {
+            const startTime = formatDateTime(schedule.start_time, false, locale);
+            const endTime = formatDateTime(schedule.end_time, false, locale);
+            const timeRange = locale === "en" ? `${startTime.split(" ")[1]} ${startTime.split(" ")[2]}${config.timeSeparator}${endTime.split(" ")[1]} ${endTime.split(" ")[2]}` : `${startTime.split(" ")[1]}${config.timeSeparator}${endTime.split(" ")[1]}`;
+            const frequencyText = getRepeatFrequencyText("daily", frequency, locale);
+            const dateRange = locale === "en" ? `${startTime.split(" ")[0]}${config.rangeSeparator}${endDateText}` : `${startText.split(" ")[0]}${config.rangeSeparator}${endDateText}`;
+            if (locale === "en") {
+              validityText = `${dateRange}, ${config.available} ${frequencyText} ${timeRange}`;
+            } else {
+              validityText = `${dateRange}，${frequencyText} ${timeRange} ${config.available}`;
+            }
+          }
+        } else if (schedule.repeat_type === "weekly") {
+          const weekdaysText = getWeekdayText(frequency_date, locale);
+          if (isAllDay) {
+            if (locale === "en") {
+              const frequencyText = frequency === 1 ? "every week" : `every ${frequency} weeks`;
+              validityText = `${startText}${config.rangeSeparator}${endDateText}, ${frequencyText} on ${weekdaysText} `;
+            } else {
+              const frequencyText = frequency === 1 ? "每周" : `每${frequency}周的`;
+              validityText = `${startText}${config.rangeSeparator}${endDateText}，${frequencyText}${config.weekPrefix}${weekdaysText}${config.available}`;
+            }
+          } else {
+            const startTime = formatDateTime(schedule.start_time, false, locale);
+            const endTime = formatDateTime(schedule.end_time, false, locale);
+            const timeRange = locale === "en" ? `${startTime.split(" ")[1]} ${startTime.split(" ")[2]}${config.timeSeparator}${endTime.split(" ")[1]} ${endTime.split(" ")[2]}` : `${startTime.split(" ")[1]}${config.timeSeparator}${endTime.split(" ")[1]}`;
+            const dateRange = locale === "en" ? `${startTime.split(" ")[0]}${config.rangeSeparator}${endDateText}` : `${startText.split(" ")[0]}${config.rangeSeparator}${endDateText}`;
+            if (locale === "en") {
+              const frequencyText = frequency === 1 ? "every week" : `every ${frequency} weeks`;
+              validityText = `${dateRange}, ${frequencyText} on ${weekdaysText} ${timeRange}`;
+            } else {
+              const frequencyText = frequency === 1 ? "每周" : `每${frequency}周的`;
+              validityText = `${dateRange}，${frequencyText}${config.weekPrefix}${weekdaysText} ${timeRange}`;
+            }
+          }
+        }
+      } else if (schedule.type === "time-slots" && schedule.time_slot.length > 0) {
+        const baseDate = formatDateTime(schedule.start_time, true, locale);
+        const timeSlots = schedule.time_slot.map(
+          (slot) => `${slot.start_time}${config.timeSeparator}${slot.end_time}`
+        );
+        const timeSlotsText = timeSlots.join(config.timeSlotSeparator);
+        if (schedule.repeat_type === "daily") {
+          const frequencyText = getRepeatFrequencyText("daily", frequency, locale);
+          if (locale === "en") {
+            validityText = `${baseDate}${config.rangeSeparator}${endDateText}, ${config.available} ${frequencyText} ${timeSlotsText}`;
+          } else {
+            validityText = `${baseDate}${config.rangeSeparator}${endDateText}，${frequencyText} ${timeSlotsText} ${config.available}`;
+          }
+        } else if (schedule.repeat_type === "weekly") {
+          const weekdaysText = getWeekdayText(frequency_date, locale);
+          if (locale === "en") {
+            const frequencyText = frequency === 1 ? "every week" : `every ${frequency} weeks`;
+            validityText = `${baseDate}${config.rangeSeparator}${endDateText}, ${frequencyText} on ${weekdaysText} ${timeSlotsText}`;
+          } else {
+            const frequencyText = frequency === 1 ? "每周" : `每${frequency}周的`;
+            validityText = `${baseDate}${config.rangeSeparator}${endDateText}，${frequencyText}${config.weekPrefix}${weekdaysText} ${timeSlotsText} ${config.available}`;
+          }
+        }
+      }
+    } else if (schedule.type === "designation" && schedule.designation) {
+      const designationTexts = schedule.designation.map((item) => {
+        if (isAllDay || item.start_time === "00:00" && item.end_time === "23:59") {
+          const startDate = formatDateTime(item.start_date, true, locale);
+          const endDate = formatDateTime(item.end_date, true, locale);
+          return `${startDate}${config.rangeSeparator}${endDate}`;
+        } else {
+          const startDate = formatDateTime(item.start_date, true, locale);
+          return `${startDate} ${item.start_time}${config.timeSeparator}${item.end_time}`;
+        }
+      });
+      validityTexts.push(...designationTexts);
+    }
+    if (validityText) {
+      validityTexts.push(validityText);
+    }
+    results.push({
+      validityTexts,
+      excluded_date,
+      included_date
+    });
+  });
+  return results;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatScheduleText
+});

package/lib/index.d.ts

@@ -23,6 +23,7 @@ export { default as EftposPay } from './components/eftposPay';
 export { default as ToCPay } from './components/pay/toC';
 export { default as ToBPay } from './components/pay/toB';
 export { default as Eftpos } from './components/eftpos';
+export { default as Wallet } from './components/wallet';
 export { default as WalletList } from './components/walletList';
 export { default as BookingDashboard } from './components/booking/dashboard';
 export { default as PisellSelectCustomerModal } from './components/pisellSelectCustomerModal';
@@ -69,4 +70,8 @@ export { default as ContactInfoModal } from './plus/contactInfoModal';
 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 SettingsRegistry } from './components/systemSettings/registry';
+export { default as Selector } from './pro/Selector';
 export { default as WebPosLogin } from './plus/webPosLogin';
+export { default as PaymentModal } from './components/checkout/plugin';

package/lib/index.js

@@ -74,6 +74,7 @@ __export(src_exports, {
   OnlineShopAuth: () => import_admin.OnlineShopAuth,
   OrgAdminAuth: () => import_admin.OrgAdminAuth,
   POSOperatorAuth: () => import_admin.POSOperatorAuth,
+  PaymentModal: () => import_plugin.default,
   PinModal: () => import_pinModal.default,
   PinVerifyModal: () => import_pinVerifyModal.default,
   PisellSelectCustomerModal: () => import_pisellSelectCustomerModal.default,
@@ -92,6 +93,8 @@ __export(src_exports, {
   SaasLogin: () => import_saasLogin.default,
   SaasRegister: () => import_saasRegister.default,
   Schedules: () => import_schedules.default,
+  Selector: () => import_Selector.default,
+  SettingsRegistry: () => import_registry.default,
   ShoppingCart: () => import_shoppingCart.default,
   SkuCard: () => import_SkuCard.default,
   SkuList: () => import_list.ResponsiveList,
@@ -103,8 +106,10 @@ __export(src_exports, {
   ToCPay: () => import_toC.default,
   VerticalAddService: () => import_addServiceVariant.default,
   VerticalClient: () => import_clientVariant.VerticalClient,
+  Wallet: () => import_wallet.default,
   WalletEditor: () => import_walletEditor.default,
   WalletList: () => import_walletList.default,
+  WalletPassDetail: () => import_passDetail.default,
   WalletPassGallery: () => import_walletPassGallery.default,
   WebPosLogin: () => import_webPosLogin.default,
   WorkspaceList: () => import_workSpaceList.default,
@@ -138,6 +143,7 @@ var import_eftposPay = __toESM(require("./components/eftposPay"));
 var import_toC = __toESM(require("./components/pay/toC"));
 var import_toB = __toESM(require("./components/pay/toB"));
 var import_eftpos = __toESM(require("./components/eftpos"));
+var import_wallet = __toESM(require("./components/wallet"));
 var import_walletList = __toESM(require("./components/walletList"));
 var import_dashboard = __toESM(require("./components/booking/dashboard"));
 var import_pisellSelectCustomerModal = __toESM(require("./components/pisellSelectCustomerModal"));
@@ -183,7 +189,11 @@ var import_contactInfoModal = __toESM(require("./plus/contactInfoModal"));
 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_registry = __toESM(require("./components/systemSettings/registry"));
+var import_Selector = __toESM(require("./pro/Selector"));
 var import_webPosLogin = __toESM(require("./plus/webPosLogin"));
+var import_plugin = __toESM(require("./components/checkout/plugin"));
 import_dayjs.default.extend(import_weekday.default);
 import_dayjs.default.extend(import_localeData.default);
 // Annotate the CommonJS export names for ESM import in node:
@@ -233,6 +243,7 @@ import_dayjs.default.extend(import_localeData.default);
   OnlineShopAuth,
   OrgAdminAuth,
   POSOperatorAuth,
+  PaymentModal,
   PinModal,
   PinVerifyModal,
   PisellSelectCustomerModal,
@@ -251,6 +262,8 @@ import_dayjs.default.extend(import_localeData.default);
   SaasLogin,
   SaasRegister,
   Schedules,
+  Selector,
+  SettingsRegistry,
   ShoppingCart,
   SkuCard,
   SkuList,
@@ -262,8 +275,10 @@ import_dayjs.default.extend(import_localeData.default);
   ToCPay,
   VerticalAddService,
   VerticalClient,
+  Wallet,
   WalletEditor,
   WalletList,
+  WalletPassDetail,
   WalletPassGallery,
   WebPosLogin,
   WorkspaceList,

package/lib/plus/clientCard/locales.js

@@ -24,9 +24,9 @@ __export(locales_exports, {
 module.exports = __toCommonJS(locales_exports);
 var locales_default = {
   en: {
-    "pisell2.text.add-client": "Add client",
-    "pisell2.text.change-client": "Change Client",
-    "pisell2.text.remove-client": " Remove Client"
+    "pisell2.text.add-client": "Add Customer",
+    "pisell2.text.change-client": "Change Customer",
+    "pisell2.text.remove-client": " Remove Customer"
   },
   "zh-CN": {
     "pisell2.text.add-client": "添加客户",

package/lib/plus/clinetSearch/index.js

@@ -66,7 +66,7 @@ var ClientSearch = (0, import_react.forwardRef)(
       (_a2 = addClientRef.current) == null ? void 0 : _a2.reset();
     };
     const renderListHeader = () => {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "client-search-list-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 110 } }, import_utils.locales.getText("pisell2.text.client-search.name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 110 } }, import_utils.locales.getText("pisell2.text.client-search.register-time")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 120 } }, import_utils.locales.getText("pisell2.text.client-search.phone")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 135 } }, import_utils.locales.getText("pisell2.text.client-search.email")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 120 } }, import_utils.locales.getText("pisell2.text.client-search.membership")));
+      return /* @__PURE__ */ import_react.default.createElement("div", { className: "client-search-list-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 180 } }, import_utils.locales.getText("pisell2.text.client-search.name")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 110 } }, import_utils.locales.getText("pisell2.text.client-search.register-time")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 125 } }, import_utils.locales.getText("pisell2.text.client-search.membership")), /* @__PURE__ */ import_react.default.createElement("div", { className: "header-item", style: { width: 180 } }, import_utils.locales.getText("pisell2.text.client-search.contact-info")));
     };
     const renderResults = (searchResults) => {
       return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, (searchResults == null ? void 0 : searchResults.length) ? renderListHeader() : null, /* @__PURE__ */ import_react.default.createElement(
@@ -111,7 +111,7 @@ var ClientSearch = (0, import_react.forwardRef)(
             {
               dataSource: searchResults,
               renderItem: (item, index) => {
-                var _a2, _b2;
+                var _a2, _b2, _c2, _d, _e, _f, _g, _h;
                 const membershipText = (_b2 = (_a2 = item.latest_wallet_detail) == null ? void 0 : _a2.wallet) == null ? void 0 : _b2.name;
                 return /* @__PURE__ */ import_react.default.createElement(
                   import_antd.List.Item,
@@ -126,10 +126,7 @@ var ClientSearch = (0, import_react.forwardRef)(
                       onClick: () => onRowClick == null ? void 0 : onRowClick(item, index || 0),
                       style: { cursor: "pointer" }
                     },
-                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 110 } }, /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: item })),
-                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 110 } }, (0, import_dayjs.default)(item.created_at).format("YYYY-MM-DD") || "-"),
-                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 120 } }, item.phone || "-"),
-                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 135 } }, /* @__PURE__ */ import_react.default.createElement(
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 180 } }, /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: item }), /* @__PURE__ */ import_react.default.createElement("div", null, item.phone || "-"), /* @__PURE__ */ import_react.default.createElement(
                       "div",
                       {
                         style: {
@@ -140,7 +137,8 @@ var ClientSearch = (0, import_react.forwardRef)(
                       },
                       item.email || "-"
                     )),
-                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 120 } }, membershipText && (translationOriginal == null ? void 0 : translationOriginal(membershipText)) ? /* @__PURE__ */ import_react.default.createElement(
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 110 } }, (0, import_dayjs.default)(item.created_at).format("YYYY-MM-DD") || "-"),
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 125 } }, membershipText && (translationOriginal == null ? void 0 : translationOriginal(membershipText)) ? /* @__PURE__ */ import_react.default.createElement(
                       import_antd.Tag,
                       {
                         color: "gold",
@@ -156,7 +154,18 @@ var ClientSearch = (0, import_react.forwardRef)(
                         }
                       },
                       translationOriginal == null ? void 0 : translationOriginal(membershipText)
-                    ) : "-")
+                    ) : "-"),
+                    /* @__PURE__ */ import_react.default.createElement("div", { className: "item-cell", style: { width: 180 } }, /* @__PURE__ */ import_react.default.createElement(import_clientName.default, { dataSource: (_c2 = item == null ? void 0 : item.contacts_info) == null ? void 0 : _c2.value }), ((_f = (_e = (_d = item == null ? void 0 : item.contacts_info) == null ? void 0 : _d.value) == null ? void 0 : _e.phone) == null ? void 0 : _f.phone) || "-", /* @__PURE__ */ import_react.default.createElement(
+                      "div",
+                      {
+                        style: {
+                          overflow: "hidden",
+                          textOverflow: "ellipsis",
+                          whiteSpace: "nowrap"
+                        }
+                      },
+                      ((_h = (_g = item == null ? void 0 : item.contacts_info) == null ? void 0 : _g.value) == null ? void 0 : _h.email) || "-"
+                    ))
                   )
                 );
               }

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

@@ -31,6 +31,7 @@ declare const _default: {
         'pisell2.text.client-search.phone': string;
         'pisell2.text.client-search.email': string;
         'pisell2.text.client-search.membership': string;
+        'pisell2.text.client-search.contact-info': string;
     };
     'zh-CN': {
         'pisell2.text.leave-empty-for-walk-in': string;
@@ -64,6 +65,7 @@ declare const _default: {
         'pisell2.text.client-search.phone': string;
         'pisell2.text.client-search.email': string;
         'pisell2.text.client-search.membership': string;
+        'pisell2.text.client-search.contact-info': string;
     };
     'zh-HK': {
         'pisell2.text.leave-empty-for-walk-in': string;
@@ -97,6 +99,7 @@ declare const _default: {
         'pisell2.text.client-search.phone': string;
         'pisell2.text.client-search.email': string;
         'pisell2.text.client-search.membership': string;
+        'pisell2.text.client-search.contact-info': string;
     };
 };
 export default _default;

package/lib/plus/clinetSearch/locales.js

@@ -41,7 +41,7 @@ var locales_default = {
     "pisell2.text.save": "Save",
     "pisell2.text.save-and-select": "Save and select",
     "pisell2.text.no-results-found": "No results found.",
-    "pisell2.text.create-new-client": "Create new client",
+    "pisell2.text.create-new-client": "Create new customer",
     "pisell2.text.result-found": "Result found",
     "pisell2.text.personnel-list": "Personnel list",
     "pisell2.text.load-more": "Load more",
@@ -54,7 +54,8 @@ var locales_default = {
     "pisell2.text.client-search.register-time": "Registration Time",
     "pisell2.text.client-search.phone": "Phone Number",
     "pisell2.text.client-search.email": "Email Address",
-    "pisell2.text.client-search.membership": "Membership"
+    "pisell2.text.client-search.membership": "Membership",
+    "pisell2.text.client-search.contact-info": "Contact info"
   },
   "zh-CN": {
     "pisell2.text.leave-empty-for-walk-in": "如未注册游客则留空",
@@ -87,7 +88,8 @@ var locales_default = {
     "pisell2.text.client-search.register-time": "注册时间",
     "pisell2.text.client-search.phone": "电话号码",
     "pisell2.text.client-search.email": "邮箱",
-    "pisell2.text.client-search.membership": "会员"
+    "pisell2.text.client-search.membership": "会员",
+    "pisell2.text.client-search.contact-info": "联系信息"
   },
   "zh-HK": {
     "pisell2.text.leave-empty-for-walk-in": "如未註冊遊客則留空",
@@ -120,6 +122,7 @@ var locales_default = {
     "pisell2.text.client-search.register-time": "註冊時間",
     "pisell2.text.client-search.phone": "電話號碼",
     "pisell2.text.client-search.email": "電郵地址",
-    "pisell2.text.client-search.membership": "會員"
+    "pisell2.text.client-search.membership": "會員",
+    "pisell2.text.client-search.contact-info": "聯繫信息"
   }
 };

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

@@ -10,6 +10,18 @@ export interface ClientData {
     nickname: string;
     shop_id: number;
     updated_at: string;
+    contacts_info: {
+        value: {
+            first_name?: string;
+            last_name?: string;
+            phone?: {
+                phone?: string;
+                country_calling_code?: string;
+                country_code?: string;
+            };
+            email?: string;
+        };
+    };
 }
 export interface ClientSearchProps {
     dataSource?: any;

package/lib/plus/productSelect/CategoryTabs/index.d.ts

@@ -14,6 +14,7 @@ interface IProps {
     loading?: boolean;
     skeleton?: React.ReactNode;
     style?: React.CSSProperties;
+    id?: string;
 }
 declare const CategoryTabs: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
 export default CategoryTabs;

package/lib/plus/productSelect/CategoryTabs/index.js

@@ -112,7 +112,8 @@ var CategoryTabs = (0, import_react.forwardRef)((props, ref) => {
     "div",
     {
       className: `${import__.PREFIX}__tabs-wrapper ${className || ""}`,
-      style
+      style,
+      id: props.id || ""
     },
     /* @__PURE__ */ import_react.default.createElement(
       import_TabsStructure.TabsStructure,

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,