@pisell/private-materials 6.1.15 → 6.1.16

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

@@ -0,0 +1,83 @@
+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/voucherModal/index.tsx
+var voucherModal_exports = {};
+__export(voucherModal_exports, {
+  default: () => voucherModal_default
+});
+module.exports = __toCommonJS(voucherModal_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_voucher = __toESM(require("../voucher"));
+var import_index = require("./index.less");
+var VoucherModal = ({
+  visible,
+  onClose,
+  state,
+  dispatch,
+  source
+}) => {
+  var _a, _b, _c;
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Modal,
+    {
+      title: null,
+      open: visible,
+      onCancel: onClose,
+      footer: null,
+      width: 600,
+      className: `pisell-voucher-modal ${!visible ? "pisell-voucher-modal--hidden" : ""}`,
+      forceRender: true
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-voucher-modal-content" }, /* @__PURE__ */ import_react.default.createElement(
+      import_voucher.default,
+      {
+        state: {
+          ...state,
+          service: {
+            ...state.service || {},
+            value: ((_a = state.service) == null ? void 0 : _a.value) || []
+          },
+          addons: {
+            ...state.addons || {},
+            value: ((_b = state.addons) == null ? void 0 : _b.value) || []
+          },
+          client: {
+            ...state.client || {},
+            value: ((_c = state.client) == null ? void 0 : _c.value) || {}
+          }
+        },
+        dispatch,
+        source,
+        isInModal: true
+      }
+    ))
+  );
+};
+var voucherModal_default = VoucherModal;

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

@@ -0,0 +1,23 @@
+.pisell-voucher-modal {
+  .ant-modal-body {
+    padding: 0;
+  }
+
+  .pisell-voucher-modal-content {
+    max-height: 70vh;
+    overflow-y: auto;
+  }
+
+  // 隐藏状态下的样式优化
+  &.pisell-voucher-modal--hidden {
+    // 当弹窗隐藏时，可以通过一些样式来优化性能
+    // 例如暂停动画、降低 GPU 使用等
+    .pisell-voucher-modal-content {
+      // 暂停内容中的动画和过渡效果
+      * {
+        animation-play-state: paused !important;
+        transition: none !important;
+      }
+    }
+  }
+}

package/lib/components/booking/forms/forms.js

@@ -147,7 +147,7 @@ var Forms = (0, import_model.Provider)((props) => {
         "div",
         {
           className: "pisell-lowcode__booking-field-wrap",
-          style: { padding: hideTitle ? 0 : "12px 0 0" },
+          style: { padding: hideTitle ? 0 : "0" },
           key: d.form_id
         },
         hideTitle ? null : /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-field-title" }, d.form.title),

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

@@ -42,7 +42,7 @@
 }
 .create-booking-page-info-wrap {
   position: initial !important;
-  padding: 0 16px !important;
+  padding: 0 10px !important;
   .booking-info-create-new {
     margin-top: 10px;
     color: var(--Base-Black, #000);

package/lib/components/booking/info/pet/index.less

@@ -146,5 +146,5 @@
 }
 
 .pisell-lowcode__booking-pet-wraps {
-  margin-top: 16px;
+  margin-top: 12px;
 }

package/lib/components/booking/info/service/index.less

@@ -1,5 +1,5 @@
 .pisell-lowcode__booking-service-wrap {
-  margin-top: 16px;
+  margin-top: 12px;
   .pisell-lowcode__booking-service-clear-btn {
     cursor: pointer;
     margin-top: -12px;

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

@@ -264,6 +264,7 @@ declare const _default: {
         'pisell2.clear-cart-modal.clear-items-only': string;
         'pisell2.clear-cart-modal.clear-all-reset': string;
         'pisell2.clear-cart-modal.empty-cart-tip': string;
+        'pisell2.voucher-modal.title': string;
         'pisell2.text.change.pet.title': string;
         'pisell2.text.change.pet.content': string;
         'pisell2.text.change.pet.content1': string;
@@ -564,6 +565,7 @@ declare const _default: {
         'pisell2.clear-cart-modal.clear-items-only': string;
         'pisell2.clear-cart-modal.clear-all-reset': string;
         'pisell2.clear-cart-modal.empty-cart-tip': string;
+        'pisell2.voucher-modal.title': string;
         'pisell2.text.change.pet.title': string;
         'pisell2.text.change.pet.content': string;
         'pisell2.text.change.pet.content1': string;
@@ -864,6 +866,7 @@ declare const _default: {
         'pisell2.clear-cart-modal.clear-items-only': string;
         'pisell2.clear-cart-modal.clear-all-reset': string;
         'pisell2.clear-cart-modal.empty-cart-tip': string;
+        'pisell2.voucher-modal.title': string;
         'pisell2.text.change.pet.title': string;
         'pisell2.text.change.pet.content': string;
         'pisell2.text.change.pet.content1': string;

package/lib/components/booking/locales.js

@@ -299,8 +299,8 @@ var locales_default = {
     "pisell2.text.cancel": "Cancel",
     // Action Buttons
     "pisell2.action-buttons.clear": "Clear",
-    "pisell2.action-buttons.manuel-order": "Manual\nOrder $",
-    "pisell2.action-buttons.customise-item": "Customise Item",
+    "pisell2.action-buttons.manuel-order": "Manual\nOrder $",
+    "pisell2.action-buttons.customise-item": "Cust. \nItem",
     "pisell2.action-buttons.no-items-to-adjust": "No items in cart to adjust price.",
     "pisell2.action-buttons.adjust-order-price": "Adjust Order Price",
     "pisell2.action-buttons.price-adjusted-success": "Order price adjusted successfully.",
@@ -324,6 +324,8 @@ var locales_default = {
     "pisell2.clear-cart-modal.clear-items-only": "Clear Items Only",
     "pisell2.clear-cart-modal.clear-all-reset": "Clear All &\nReset Cart",
     "pisell2.clear-cart-modal.empty-cart-tip": "Cart is empty",
+    // Voucher Modal
+    "pisell2.voucher-modal.title": "Vouchers & Discounts",
     "pisell2.text.change.pet.title": "You have changed the holder information. Do you want to keep the items under their name?",
     "pisell2.text.change.pet.content": "Selecting “Keep” will move the items to Open Items. Selecting “Discard” will clear all items under the holder’s name.",
     "pisell2.text.change.pet.content1": "Reservation-type items cannot be added to the Open Items cart and will be removed.",
@@ -636,8 +638,8 @@ var locales_default = {
     "pisell2.text.cancel": "取消",
     // Action Buttons
     "pisell2.action-buttons.clear": "清空",
-    "pisell2.action-buttons.manuel-order": "手动\n订单 $",
-    "pisell2.action-buttons.customise-item": "自定义商品",
+    "pisell2.action-buttons.manuel-order": "手动\n订单 $",
+    "pisell2.action-buttons.customise-item": "自定义\n商品",
     "pisell2.action-buttons.no-items-to-adjust": "购物车中没有商品可调整价格。",
     "pisell2.action-buttons.adjust-order-price": "调整订单价格",
     "pisell2.action-buttons.price-adjusted-success": "订单价格调整成功。",
@@ -661,6 +663,8 @@ var locales_default = {
     "pisell2.clear-cart-modal.clear-items-only": "仅清空商品",
     "pisell2.clear-cart-modal.clear-all-reset": "清空所有内容\n并重置购物车",
     "pisell2.clear-cart-modal.empty-cart-tip": "当前购物车为空",
+    // Voucher Modal
+    "pisell2.voucher-modal.title": "券码管理",
     "pisell2.text.change.pet.title": "您已变更持有人信息，是否保留该持有人名下的商品？",
     "pisell2.text.change.pet.content": "选择“保留”将商品添加到未分配商品（公共购物车）中；选择“不保留”将清空该持有人名下的所有商品。",
     "pisell2.text.change.pet.content1": "预约类商品无法添加到公共购物车，将会被删除。",
@@ -973,8 +977,8 @@ var locales_default = {
     "pisell2.text.cancel": "取消",
     // Action Buttons
     "pisell2.action-buttons.clear": "清空",
-    "pisell2.action-buttons.manuel-order": "手動\n訂單 $",
-    "pisell2.action-buttons.customise-item": "自定義商品",
+    "pisell2.action-buttons.manuel-order": "手動\n訂單 $",
+    "pisell2.action-buttons.customise-item": "自定義\n商品",
     "pisell2.action-buttons.no-items-to-adjust": "購物車中沒有商品可調整價格。",
     "pisell2.action-buttons.adjust-order-price": "調整訂單價格",
     "pisell2.action-buttons.price-adjusted-success": "訂單價格調整成功。",
@@ -998,6 +1002,8 @@ var locales_default = {
     "pisell2.clear-cart-modal.clear-items-only": "僅清空商品",
     "pisell2.clear-cart-modal.clear-all-reset": "清空所有內容\n並重置購物車",
     "pisell2.clear-cart-modal.empty-cart-tip": "當前購物車為空",
+    // Voucher Modal
+    "pisell2.voucher-modal.title": "券碼管理",
     "pisell2.text.change.pet.title": "您已變更持有人信息，是否保留該持有人名下的商品？",
     "pisell2.text.change.pet.content": "選擇“保留”將商品添加到未分配商品（公共購物車）中；選擇“不保留”將清空該持有人名下的所有商品。",
     "pisell2.text.change.pet.content1": "預約類商品無法添加到公共購物車，將會被刪除。",

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

@@ -165,10 +165,10 @@ export declare const getProductTotalPrice: (item: any) => number;
 export declare const getDuration: (duration: number | {
     type: string;
     value: number;
-}) => number | "flexible" | {
+}) => number | {
     type: string;
     value: number;
-};
+} | "flexible";
 export declare const isWalkIn: (customer_id?: number | string) => boolean;
 export declare const getIsEdit: (state: any) => boolean;
 export {};

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

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

package/lib/components/productSelect/components/productGroup/index.js

@@ -71,6 +71,12 @@ var ProductGroup = ({
     }
     return `${import_utils.locales.getText("pisell2.product-select.stock")}：${item.stock_quantity}`;
   };
+  const getTextCover = (title) => {
+    if (!title) return "";
+    const cleanTitle = title.trim();
+    if (cleanTitle.length === 0) return "";
+    return cleanTitle.substring(0, 2).toUpperCase();
+  };
   const renderPrice = (item) => {
     const {
       price: _price,
@@ -93,12 +99,12 @@ var ProductGroup = ({
       className: (0, import_classnames.default)("product-card", {
         selected: currentProductId && item.id === currentProductId
       }),
-      onClick: () => {
+      onTouchStart: () => {
         console.log("进入 renderItem onClick");
         onSelectProduct == null ? void 0 : onSelectProduct(item);
       }
     },
-    isProductCover && item.cover ? /* @__PURE__ */ import_react.default.createElement(
+    isProductCover ? /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         className: "card-left",
@@ -107,13 +113,20 @@ var ProductGroup = ({
           height: imgHeight || "auto"
         }
       },
-      /* @__PURE__ */ import_react.default.createElement(
+      item.cover ? /* @__PURE__ */ import_react.default.createElement(
         "img",
         {
           loading: "lazy",
           src: item.cover,
           style: { borderRadius: radius }
         }
+      ) : /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "text-cover",
+          style: { borderRadius: radius }
+        },
+        getTextCover(item.title)
       )
     ) : null,
     /* @__PURE__ */ import_react.default.createElement("div", { className: "card-right" }, !!isTitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "title" }, item.title) : null, !!isSubtitle && item.subtitle ? /* @__PURE__ */ import_react.default.createElement("div", { className: "subtitle" }, item.subtitle) : null, !!isStock && !!item.is_track ? /* @__PURE__ */ import_react.default.createElement("div", { className: "stock" }, getStockText(item)) : null, renderPrice(item))

package/lib/components/productSelect/components/productGroup/index.less

@@ -106,6 +106,23 @@
         height: 100%;
         object-fit: cover;
       }
+
+      .text-cover {
+        width: 100%;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #dedede;
+        color: #6c6c6c;
+        font-size: 60px;
+        font-weight: 600;
+        text-align: center;
+        line-height: 1;
+        letter-spacing: 1px;
+        border-radius: 8px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+      }
     }
 
     .card-right {

package/lib/components/shoppingCart/components/Cart/Product.js

@@ -33,7 +33,7 @@ __export(Product_exports, {
 });
 module.exports = __toCommonJS(Product_exports);
 var import_react = __toESM(require("react"));
-var import_productCard = __toESM(require("../../../../../../materials/src/components/productCard"));
+var import_materials = require("@pisell/materials");
 var import_useClearCart = __toESM(require("../../hooks/useClearCart"));
 var import_useContext = require("../../hooks/useContext");
 var import_useAddService = __toESM(require("../../hooks/useAddService"));
@@ -103,11 +103,11 @@ var Product = (props) => {
   return (0, import_react.useMemo)(() => {
     console.log("render cart");
     return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__shopping-cart-content" }, clearCart, lists == null ? void 0 : lists.map((item) => {
-      let Comp = import_productCard.default;
+      let Comp = import_materials.ProductCard;
       let isRetail;
       if (state.scenario === "booking2") {
         isRetail = (0, import_utils.isNormalProductByDurationSchedule)(item == null ? void 0 : item._origin);
-        Comp = isRetail ? import_productCard.default.V2 : import_productCard.default;
+        Comp = isRetail ? import_materials.ProductCard.V2 : import_materials.ProductCard;
       }
       return /* @__PURE__ */ import_react.default.createElement(
         Comp,
@@ -147,7 +147,8 @@ var Product = (props) => {
           onChangeHolder: (e) => handleChange(item, "change_holder", e),
           onAddHolder: (e) => handleChange(item, "add_holder", e),
           ...productParams,
-          ...getProductCardStyleProps(isRetail ? "retail" : "appointment")
+          ...getProductCardStyleProps(isRetail ? "retail" : "appointment"),
+          scenario: state.scenario
         }
       );
     }), !hideAddBtn && platform !== "h5" && isAdd ? (0, import_useAddService.default)(id, "more") : null);

package/lib/components/shoppingCart/components/Cart/index.less

@@ -18,7 +18,7 @@
   .pisell-lowcode__shopping-cart-content {
     display: flex;
     flex-direction: column;
-    gap: 16px;
+    gap: 8px;
 
     .pisell-lowcode-product-card {
       margin-bottom: 0;

package/lib/components/ticketBooking/components/ticketBooking/index.js

@@ -999,7 +999,7 @@ var TicketBooking = () => {
     {
       style: {
         flexShrink: 0,
-        width: 355
+        width: 400
       }
     },
     /* @__PURE__ */ import_react.default.createElement(

package/lib/components/ticketBooking/components/ticketBooking/index.less

@@ -11,7 +11,7 @@
     }
   }
   .pisell-lowcode__booking-tab-pane-footer {
-    padding: 16px;
+    padding: 8px 10px;
   }
   .create-booking-page-info-wrap-create {
     background-color: #1b1b1b;

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

@@ -2,6 +2,7 @@ declare const _default: {
     en: {
         'pisell2.ticket-booking.info': string;
         'pisell2.ticket-booking.notes': string;
+        'pisell2.ticket-booking.note': string;
         'pisell2.ticket-booking.forms': string;
         'pisell2.ticket-booking.sales': string;
         'pisell2.ticket-booking.payment': string;
@@ -60,6 +61,7 @@ declare const _default: {
     'zh-CN': {
         'pisell2.ticket-booking.info': string;
         'pisell2.ticket-booking.notes': string;
+        'pisell2.ticket-booking.note': string;
         'pisell2.ticket-booking.forms': string;
         'pisell2.ticket-booking.sales': string;
         'pisell2.ticket-booking.payment': string;
@@ -118,6 +120,7 @@ declare const _default: {
     'zh-HK': {
         'pisell2.ticket-booking.info': string;
         'pisell2.ticket-booking.notes': string;
+        'pisell2.ticket-booking.note': string;
         'pisell2.ticket-booking.forms': string;
         'pisell2.ticket-booking.sales': string;
         'pisell2.ticket-booking.payment': string;

package/lib/components/ticketBooking/locales.js

@@ -26,6 +26,7 @@ var locales_default = {
   en: {
     "pisell2.ticket-booking.info": "Info",
     "pisell2.ticket-booking.notes": "Notes",
+    "pisell2.ticket-booking.note": "Note",
     "pisell2.ticket-booking.forms": "Forms",
     "pisell2.ticket-booking.sales": "Sales",
     "pisell2.ticket-booking.payment": "Payment",
@@ -84,6 +85,7 @@ var locales_default = {
   "zh-CN": {
     "pisell2.ticket-booking.info": "信息",
     "pisell2.ticket-booking.notes": "备注",
+    "pisell2.ticket-booking.note": "备注",
     "pisell2.ticket-booking.forms": "表单",
     "pisell2.ticket-booking.sales": "销售",
     "pisell2.ticket-booking.payment": "付款",
@@ -142,6 +144,7 @@ var locales_default = {
   "zh-HK": {
     "pisell2.ticket-booking.info": "資訊",
     "pisell2.ticket-booking.notes": "備註",
+    "pisell2.ticket-booking.note": "備註",
     "pisell2.ticket-booking.forms": "表单",
     "pisell2.ticket-booking.sales": "銷售",
     "pisell2.ticket-booking.payment": "付款",

package/lib/plus/clientCard/index.less

@@ -411,12 +411,6 @@
       text-align: center;
     }
 
-    .pisell-client-card__name-tags {
-      justify-content: center;
-      flex-direction: column;
-      gap: 8px;
-    }
-
     .pisell-client-card__fields {
       align-items: center;
     }
@@ -470,6 +464,9 @@
       font-size: 12px;
       color: #8c8c8c;
       margin-top: 2px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
     }
 
     .pisell-client-card__plugin-icon {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/private-materials",
-  "version": "6.1.15",
+  "version": "6.1.16",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",