@pisell/private-materials 3.2.21 → 3.2.23

package/lib/components/appointmentBooking/locales.js

@@ -94,11 +94,30 @@ var locales_default = {
     "pisell2.event.capacity.limit.reached.title": "Capacity limit reached",
     "pisell2.event.capacity.limit.reached.tip": "One or more events in your cart are no longer available due to full capacity. Please remove unavailable events from your cart to complete checkout.",
     "pisell2.appointment.booking.empty.service": "No service",
+    "pisell2.appointment.booking.empty.time": "No time",
     "pisell2.appointment.service.title": (val) => `${val} ${val > 1 ? "services" : "service"}`,
     "pisell2.appointment.add.guest": "Add guest",
     "pisell2.appointment.edit.service": "Edit services",
     "pisell2.appointment.remove.guest": "Remove guest",
-    "pisell2.appointment.no.available.service": "No available times for this service. Please choose another."
+    "pisell2.appointment.no.available.service": "No available times for this service. Please choose another.",
+    "pisell2.appointment.max.guest": "Book a group appointment for up to 6 guests",
+    "pisell2.appointment.no.available.time": "No availability Try booking different time",
+    "pisell2.appointment.monday": "Mon",
+    "pisell2.appointment.tuesday": "Tue",
+    "pisell2.appointment.wednesday": "Wed",
+    "pisell2.appointment.thursday": "Thu",
+    "pisell2.appointment.friday": "Fri",
+    "pisell2.appointment.saturday": "Sat",
+    "pisell2.appointment.sunday": "Sun",
+    "pisell2.text.apply": "Apply",
+    "pisell2.text.goodpass": "GoodPass",
+    "pisell2.text.goodpass.product-vouchers": "Product Vouchers",
+    "pisell2.text.goodpass.view-more": "View More",
+    "pisell2.text.goodpass.code": "Code",
+    "pisell2.text.goodpass.enter-code": "Enter Code",
+    "pisell2.text.goodpass.code-invalid": "Current code is invalid",
+    "pisell2.text.goodpass.login": "Login",
+    "pisell2.text.goodpass.login-tip": " for member benefit Or use account credit"
   },
   "zh-CN": {
     "pisell2.event.calendar.limit.unavailable": "不可预约",
@@ -171,11 +190,30 @@ var locales_default = {
     "pisell2.event.capacity.limit.reached.title": "活动名额已满",
     "pisell2.event.capacity.limit.reached.tip": "购物车中有一个或多个活动已达预约上限，请将已满额的活动从购物车中移除后再完成结算。",
     "pisell2.appointment.booking.empty.service": "暂无服务",
+    "pisell2.appointment.booking.empty.time": "暂无时间",
     "pisell2.appointment.service.title": (val) => `${val}个服务`,
     "pisell2.appointment.add.guest": "添加预约人",
     "pisell2.appointment.edit.service": "编辑服务",
     "pisell2.appointment.remove.guest": "移除预约人",
-    "pisell2.appointment.no.available.service": "此服务无可用时间，请选择其他服务。"
+    "pisell2.appointment.no.available.service": "此服务无可用时间，请选择其他服务。",
+    "pisell2.appointment.max.guest": "最多为6人预约",
+    "pisell2.appointment.no.available.time": "无可用 请选择其他时间",
+    "pisell2.appointment.monday": "周一",
+    "pisell2.appointment.tuesday": "周二",
+    "pisell2.appointment.wednesday": "周三",
+    "pisell2.appointment.thursday": "周四",
+    "pisell2.appointment.friday": "周五",
+    "pisell2.appointment.saturday": "周六",
+    "pisell2.appointment.sunday": "周日",
+    "pisell2.text.apply": "应用",
+    "pisell2.text.goodpass": "商品券",
+    "pisell2.text.goodpass.product-vouchers": "商品兑换券",
+    "pisell2.text.goodpass.view-more": "查看更多",
+    "pisell2.text.goodpass.code": "券码",
+    "pisell2.text.goodpass.enter-code": "请输入券码",
+    "pisell2.text.goodpass.code-invalid": "当前券码不可用",
+    "pisell2.text.goodpass.login": "登录",
+    "pisell2.text.goodpass.login-tip": "以获取会员福利或使用账户积分"
   },
   "zh-HK": {
     "pisell2.event.calendar.limit.unavailable": "不可預約",
@@ -248,10 +286,29 @@ var locales_default = {
     "pisell2.event.capacity.limit.reached.title": "活動名額已滿",
     "pisell2.event.capacity.limit.reached.tip": "購物車中有一個或多個活動已達預約上限，請將已滿額的活動從購物車中移除後再完成結算。",
     "pisell2.appointment.booking.empty.service": "暫無服務",
+    "pisell2.appointment.booking.empty.time": "暫無時間",
     "pisell2.appointment.service.title": (val) => `${val}个服務`,
     "pisell2.appointment.add.guest": "添加預約人",
     "pisell2.appointment.edit.service": "編輯服務",
     "pisell2.appointment.remove.guest": "移除預約人",
-    "pisell2.appointment.no.available.service": "此服务无可用时间，请选择其他服务。"
+    "pisell2.appointment.no.available.service": "此服务无可用时间，请选择其他服务。",
+    "pisell2.appointment.max.guest": "最多为6人预约",
+    "pisell2.appointment.no.available.time": "無可用 請選擇其他時間",
+    "pisell2.appointment.monday": "周壹",
+    "pisell2.appointment.tuesday": "周二",
+    "pisell2.appointment.wednesday": "周三",
+    "pisell2.appointment.thursday": "周四",
+    "pisell2.appointment.friday": "周五",
+    "pisell2.appointment.saturday": "周六",
+    "pisell2.appointment.sunday": "周日",
+    "pisell2.text.apply": "應用",
+    "pisell2.text.goodpass": "商品券",
+    "pisell2.text.goodpass.product-vouchers": "商品兌換券",
+    "pisell2.text.goodpass.view-more": "查看更多",
+    "pisell2.text.goodpass.code": "券碼",
+    "pisell2.text.goodpass.enter-code": "請輸入券碼",
+    "pisell2.text.goodpass.code-invalid": "當前券碼不可用",
+    "pisell2.text.goodpass.login": "登錄",
+    "pisell2.text.goodpass.login-tip": "以獲取會員福利或使用賬戶積分"
   }
 };

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

@@ -56,3 +56,22 @@ export declare const formatCarts: (data: any[], resources: any[]) => any[];
  * @Date: 2025-04-14 11:16
  */
 export declare const sortResources: (resources: any[], resourceSort: any[]) => any[] | undefined;
+export declare const getMeAccount: (val: any[]) => any;
+export declare const formatCustomer: (val: any) => {
+    id: any;
+    username: string;
+};
+export declare const formatCurrentUser: () => {
+    id: any;
+    username: string;
+};
+/**
+ * @title: 检查是否有空的账户
+ * @description:
+ * @param {any} carts
+ * @param {any} accounts
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-04-15 17:05
+ */
+export declare const isEmptyGuest: (carts: any[], accounts: any[]) => boolean;

package/lib/components/appointmentBooking/utils.js

@@ -31,16 +31,21 @@ var utils_exports = {};
 __export(utils_exports, {
   formatBackgroundColors: () => formatBackgroundColors,
   formatCarts: () => formatCarts,
+  formatCurrentUser: () => formatCurrentUser,
+  formatCustomer: () => formatCustomer,
   formatGuest: () => formatGuest,
   formatHolder: () => formatHolder,
   formatMonthDisplay: () => formatMonthDisplay,
+  getMeAccount: () => getMeAccount,
   getScheduleColors: () => getScheduleColors,
   getUsableSchedules: () => getUsableSchedules,
+  isEmptyGuest: () => isEmptyGuest,
   resourceTitle: () => resourceTitle,
   sortResources: () => sortResources
 });
 module.exports = __toCommonJS(utils_exports);
 var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("@pisell/utils");
 var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var formatBackgroundColors = (colors) => {
   let _colors = Array.from(new Set(colors.map((color) => color == null ? void 0 : color.toLocaleLowerCase()) || [])).filter((d) => !!d);
@@ -115,7 +120,6 @@ var formatCarts = (data, resources) => {
   const utils = context.appHelper.utils || {};
   const locale = ((_a = utils == null ? void 0 : utils.storage) == null ? void 0 : _a.get("umi_locale")) || "en-US";
   const symbol = (utils == null ? void 0 : utils.getSymbolic()) || "$";
-  console.log(resources, data, "wh987utils");
   return data == null ? void 0 : data.map((d) => {
     var _a2, _b;
     const currentResource = resources.find((r) => (d == null ? void 0 : d._id) === (r == null ? void 0 : r._id));
@@ -133,7 +137,9 @@ var formatCarts = (data, resources) => {
       duration_type: d.duration.type,
       locale,
       symbol,
-      resources: currentResources
+      resources: currentResources,
+      is_hide_like: true,
+      holder_title: ""
     };
   });
 };
@@ -166,15 +172,49 @@ var sortResources = (resources, resourceSort) => {
     console.log(error, "wh2222");
   }
 };
+var getMeAccount = (val) => {
+  return val == null ? void 0 : val.find((d) => !(d == null ? void 0 : d.isGuest));
+};
+var formatCustomer = (val) => {
+  let currentUserName = `${(val == null ? void 0 : val.first_name) || ""}${(val == null ? void 0 : val.last_name) ? ` ${val == null ? void 0 : val.last_name}` : ""}`;
+  currentUserName = currentUserName || (val == null ? void 0 : val.nickname) || "Me";
+  return {
+    id: (val == null ? void 0 : val.id) || (0, import_utils.getUniqueId)(),
+    username: currentUserName
+  };
+};
+var formatCurrentUser = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const utils = context.appHelper.utils || {};
+  let userInfo = (_b = (_a = utils.getStore().getState()) == null ? void 0 : _a.global) == null ? void 0 : _b.userInfo;
+  const localUserInfo = JSON.parse(utils.storage.get("customer") || "{}");
+  userInfo = (userInfo == null ? void 0 : userInfo.id) ? userInfo : localUserInfo;
+  const customer = formatCustomer(userInfo);
+  return customer;
+};
+var isEmptyGuest = (carts, accounts) => {
+  for (const item of accounts) {
+    const hasMatch = carts.some((firstItem) => firstItem.holder_id === item.id);
+    if (!hasMatch) {
+      return true;
+    }
+  }
+  return false;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   formatBackgroundColors,
   formatCarts,
+  formatCurrentUser,
+  formatCustomer,
   formatGuest,
   formatHolder,
   formatMonthDisplay,
+  getMeAccount,
   getScheduleColors,
   getUsableSchedules,
+  isEmptyGuest,
   resourceTitle,
   sortResources
 });

package/lib/components/booking/addons/index.js

@@ -355,7 +355,7 @@ var Addons = (0, import_model.Provider)((props) => {
     if (!state.bookingId) {
       return null;
     }
-    return /* @__PURE__ */ import_react.default.createElement(import_footer.default, { state, buttons: _footer, source: "addons" });
+    return /* @__PURE__ */ import_react.default.createElement(import_footer.default, { state, dispatch, buttons: _footer, source: "addons" });
   }, [state, _footer]);
   const editProductDetail = (item) => {
     if (state.disabledEdit) {

package/lib/components/booking/components/TabProduct/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 interface TabProductProps {
     list: any[];

package/lib/components/booking/components/TabProduct/productItem/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import './index.less';
 declare const ProductItem: ({ item, onClick, amountSymbol, style, className, }: any) => JSX.Element;
 export default ProductItem;

package/lib/components/booking/components/footer/index.js

@@ -49,6 +49,7 @@ var import_amount = require("./amount");
 var import_index = require("./index.less");
 var import_serve2 = require("./serve");
 var import_utils4 = require("./utils");
+var import_voucher = __toESM(require("../voucher"));
 var Footer = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const { state, buttons, dispatch, source } = props;
@@ -782,7 +783,7 @@ var Footer = (props) => {
         break;
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Skeleton, { title: false, round: true, loading: showFooter, active: true }, /* @__PURE__ */ import_react.default.createElement(import_voucher.default, { state, dispatch }), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-total" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-total" }, totalText), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-lowcode__booking-footer-left-arrears" }, arrearsText)), /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
       className: "pisell-lowcode__booking-footer-right",

package/lib/components/booking/components/footer/utils.js

@@ -193,12 +193,13 @@ var formatProducts = (item) => {
   const total = Number(item._extend.total);
   const origin_total = Number(item._extend.origin_total);
   const discount_amount = origin_total - total;
+  const discount_list = (item == null ? void 0 : item.discount_list) || [];
   const discount_type = discount_amount < 0 ? "change_price" : "discount";
   return {
     "num": item._extend.quantity,
     "price": formatProductPrice(item),
     "product_id": (item == null ? void 0 : item.product_id) || item.id,
-    "discount_amount": discount_amount,
+    "discount_amount": discount_list.length > 0 ? 0 : discount_amount,
     "product_discount_reason": item._extend.discount_reason || "",
     "is_charge_tax": item.is_charge_tax,
     "note": (item == null ? void 0 : item.note) || "",
@@ -210,6 +211,7 @@ var formatProducts = (item) => {
     "bundle_edit": item._extend.bundle_edit,
     "product_option_item": formatProductOption((_d = (_c = item._extend) == null ? void 0 : _c.other) == null ? void 0 : _d.option),
     "product_variant_id": ((_f = (_e = item._extend) == null ? void 0 : _e.other) == null ? void 0 : _f.product_variant_id) || 0,
+    "discount_list": discount_list,
     metadata: formatMetaData(item)
   };
 };
@@ -363,6 +365,7 @@ var formatValues = (state) => {
     ...values,
     ...customer
   };
+  debugger;
   values.holder = formatHolder(state, values);
   if (isDay) {
     values.relation_products = formatRelationProducts(state);

package/lib/components/booking/components/voucher/index.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const VoucherCard: (props: any) => JSX.Element | null;
+export default VoucherCard;

package/lib/components/booking/components/voucher/index.js

@@ -0,0 +1,222 @@
+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/booking/components/voucher/index.tsx
+var voucher_exports = {};
+__export(voucher_exports, {
+  default: () => voucher_default
+});
+module.exports = __toCommonJS(voucher_exports);
+var import_react = __toESM(require("react"));
+var import_ChevronDown = __toESM(require("@pisell/icon/es/ChevronDown"));
+var import_classnames = __toESM(require("classnames"));
+var import_antd = require("antd");
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_materials = require("@pisell/materials");
+var import_icons = require("@ant-design/icons");
+var import_useIsBooking4Shop = require("../../hooks/useIsBooking4Shop");
+var import_index = require("./index.less");
+var ShopDiscountHooks = {
+  onInited: "shopDiscount:onInited",
+  onDestroy: "shopDiscount:onDestroy",
+  onLoadDiscountList: "shopDiscount:onLoadDiscountList",
+  onCustomerChange: "shopDiscount:onCustomerChange",
+  onDiscountListChange: "shopDiscount:onDiscountListChange",
+  onRulesListChange: "shopDiscount:onRulesListChange",
+  onLoadPrepareCalcResult: "shopDiscount:onLoadPrepareCalcResult"
+};
+var VoucherCard = (props) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const [showDetail, setShowDetail] = (0, import_react.useState)(true);
+  const { state, dispatch } = props;
+  const { pisellos } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const [code, setCode] = (0, import_react.useState)("");
+  const [discountList, setDisCountList] = (0, import_react.useState)([]);
+  const productRef = (0, import_react.useRef)(state.service.value);
+  const isBooking4Shop = (0, import_useIsBooking4Shop.useIsBooking4Shop)(state);
+  const shopDiscount = pisellos.getModule("shopDiscount");
+  const availableData = (0, import_react.useMemo)(() => {
+    if (!isBooking4Shop) return [];
+    const shopDiscount2 = pisellos.getModule("shopDiscount");
+    return discountList.filter((item) => !!item.isAvailable).map((discount) => {
+      return {
+        ...discount,
+        savedAmount: shopDiscount2.calcDiscountApplicableProductTotalPrice(discount)
+      };
+    });
+  }, [discountList, isBooking4Shop]);
+  (0, import_react.useEffect)(() => {
+    if (isBooking4Shop) {
+      shopDiscount.setCustomer(state.client.value);
+    }
+  }, [(_b = state.client.value) == null ? void 0 : _b.id, isBooking4Shop]);
+  (0, import_react.useEffect)(() => {
+    if (isBooking4Shop) {
+      shopDiscount.setProductList(state.service.value);
+    }
+  }, [state.service.value, isBooking4Shop]);
+  (0, import_react.useEffect)(() => {
+    if (productRef.current === state.service.value) {
+      return;
+    }
+    if (isBooking4Shop) {
+      const val = shopDiscount.calcDiscount(state.service.value);
+      console.log("input: ", state.service.value);
+      console.log("output: ", val);
+      productRef.current = val.productList;
+      dispatch({
+        type: "setService",
+        payload: {
+          value: val.productList
+        }
+      });
+    }
+  }, [state.service.value, isBooking4Shop]);
+  (0, import_react.useEffect)(() => {
+    if (!isBooking4Shop) return;
+    pisellos.effects.on(ShopDiscountHooks.onCustomerChange, (customer) => {
+      console.log(customer, "customerChange");
+      dispatch({
+        type: "setClient",
+        payload: {
+          value: customer
+        }
+      });
+    });
+    pisellos.effects.on(
+      ShopDiscountHooks.onLoadPrepareCalcResult,
+      (result) => {
+        dispatch({
+          type: "setService",
+          payload: {
+            value: result.productList
+          }
+        });
+      }
+    );
+    pisellos.effects.on(
+      ShopDiscountHooks.onDiscountListChange,
+      (discount) => {
+        console.log(discount, "discountChange");
+        setDisCountList(discount);
+      }
+    );
+    return () => {
+      shopDiscount.clear();
+      pisellos.effects.off(ShopDiscountHooks.onCustomerChange);
+      pisellos.effects.off(ShopDiscountHooks.onLoadPrepareCalcResult);
+      pisellos.effects.off(ShopDiscountHooks.onDiscountListChange);
+    };
+  }, [state.bookingId, isBooking4Shop]);
+  const onScanCode = async () => {
+    const val = await shopDiscount.scanCode(code);
+    console.log(val);
+    if (val == null ? void 0 : val.isAvailable) {
+      dispatch({
+        type: "setService",
+        payload: {
+          value: val.productList
+        }
+      });
+    } else {
+      (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("pisell2.text.goodpass.code-invalid")
+      });
+    }
+  };
+  if (!isBooking4Shop) return null;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-footer-voucher-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-title" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "voucher-title-left" }, import_utils.locales.getText("pisell2.text.goodpass")), /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    {
+      className: "voucher-title-right",
+      onClick: () => {
+        console.log("showDetail: ", showDetail);
+        setShowDetail(!showDetail);
+      }
+    },
+    import_utils.locales.getText("pisell2.text.details"),
+    " ",
+    /* @__PURE__ */ import_react.default.createElement(
+      import_ChevronDown.default,
+      {
+        className: (0, import_classnames.default)("voucher-right-icon", {
+          show: showDetail
+        })
+      }
+    )
+  )), /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("voucher-detail", {
+        show: showDetail
+      })
+    },
+    (availableData == null ? void 0 : availableData.length) > 0 ? /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellGoodPassCard,
+      {
+        style: { width: "100%" },
+        dataSource: availableData,
+        onChange: (val) => {
+          const shopDiscount2 = pisellos.getModule("shopDiscount");
+          const detail = shopDiscount2.setDiscountSelected({
+            discountId: val.id,
+            isSelected: val.isSelected
+          });
+          console.log("setDiscountSelected:", detail);
+          dispatch({
+            type: "setService",
+            payload: {
+              value: detail.productList
+            }
+          });
+        }
+      }
+    ) : null,
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input-wrapper" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "voucher-code-input" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { whiteSpace: "nowrap" } }, import_utils.locales.getText("pisell2.text.goodpass.code"), ":"), /* @__PURE__ */ import_react.default.createElement(
+      import_materials.PisellInput,
+      {
+        value: code,
+        onChange: (e) => {
+          var _a2;
+          setCode((_a2 = e.target) == null ? void 0 : _a2.value);
+        },
+        size: "small",
+        placeholder: import_utils.locales.getText("pisell2.text.goodpass.enter-code"),
+        suffix: /* @__PURE__ */ import_react.default.createElement(import_materials.PisellTooltip, { title: "" }, /* @__PURE__ */ import_react.default.createElement(
+          import_icons.QuestionCircleOutlined,
+          {
+            style: { color: "rgba(0,0,0,.45)" }
+          }
+        ))
+      }
+    )), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { size: "small", onClick: onScanCode, disabled: !code }, import_utils.locales.getText("pisell2.text.apply")))
+  ));
+};
+var voucher_default = VoucherCard;

package/lib/components/booking/components/voucher/index.less

@@ -0,0 +1,88 @@
+.pisell-lowcode__booking-footer-voucher-container {
+  margin-bottom: 8px;
+  .voucher-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 10px;
+
+    .voucher-title-left {
+      color: var(--base-black, #000);
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 28px;
+      display: flex;
+      flex-direction: column;
+    }
+
+    .voucher-title-right {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 4px;
+      color: #7f56d9;
+      cursor: pointer;
+      font-size: 18px;
+      font-style: normal;
+      font-weight: 500;
+    }
+
+    .voucher-right-icon {
+      font-size: 20px;
+      width: 24px;
+      height: 24px;
+      color: #7f56d9;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      &.show {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  .voucher-detail {
+    width: 100%;
+    transition: 0.2s;
+    max-height: 0;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+
+    &.show {
+      max-height: unset;
+    }
+  }
+
+  .voucher-code-input-wrapper {
+    margin-top: 6px;
+    display: flex;
+    width: 100%;
+    height: 42px;
+    padding: 8px;
+    justify-content: space-between;
+    align-items: center;
+    gap: 8px;
+    flex-shrink: 0;
+    border-radius: 8px;
+    border: 1px solid var(--Gray-300, #d0d5dd);
+    background: #fff;
+  }
+
+  .voucher-code-input {
+    display: flex;
+    align-items: center;
+    > div {
+      color: var(--Gray-500, #667085);
+      text-align: center;
+      font-family: Inter;
+      font-size: 16px;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 20px;
+      margin-right: 8px;
+    }
+  }
+}

package/lib/components/booking/components/voucher/pisellGoodPassCard/index.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import './index.less';
+interface ApplicableProductDetails {
+    amount: string;
+    type: string;
+    resource_id: number;
+    title: string;
+    original_amount: string;
+}
+interface Discount {
+    id: number;
+    product_name: string;
+    encoded: string;
+    code: string;
+    tag: string;
+    expire_time?: string;
+    product_id: number;
+    relation_type: string;
+    par_value: string;
+    used_par_value: string;
+    limit_status: string;
+    limited_relation_product_data: any;
+    balance: string;
+    format_title: any;
+    product: any;
+    savedAmount: number;
+    isDisabled: boolean;
+    isSelected?: boolean;
+    isAvailable?: boolean;
+    isUsed?: boolean;
+    applicableProductIds?: number[];
+    applicableProductDetails: ApplicableProductDetails[];
+    appliedProductDetails: any[];
+}
+export interface PisellGoodPassCardProps {
+    /**数据源 */
+    dataSource: Array<Discount>;
+    /**事件 */
+    onChange?: (current: {
+        id: string | number;
+        isSelected: boolean;
+    }) => void;
+    /**样式 */
+    style: React.CSSProperties;
+}
+declare const index: (props: PisellGoodPassCardProps) => JSX.Element;
+export default index;