@pisell/private-materials 3.0.13 → 3.0.14-2.gray

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

@@ -43,27 +43,60 @@ var import_selectProductItem = __toESM(require("../components/TabProduct/selectP
 var import_TabProduct = __toESM(require("../components/TabProduct"));
 var import_emptyBooking = __toESM(require("../components/emptyBooking"));
 var import_footer = __toESM(require("../components/footer"));
-var import_utils = require("../utils");
-var import_utils2 = require("@pisell/utils");
+var import_utils = require("../components/footer/utils");
+var import_utils2 = require("../utils");
+var import_utils3 = require("@pisell/utils");
 var import_index = require("./index.less");
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
 var formatProducts = (values) => {
   let arr = [];
   arr = values.map((item) => {
+    var _a, _b, _c;
     return {
       order_detail_id: item.order_detail_id || 0,
-      num: item.quantity,
-      price: item.price,
+      num: item._extend.quantity,
+      price: item._extend.price,
       product_id: item.id,
       discount_amount: 0,
       product_discount_reason: "",
       is_charge_tax: item.is_charge_tax,
       note: "",
       discountway: "num",
-      discount_type: "discount"
+      discount_type: "discount",
+      bundle_edit: (_a = item._extend) == null ? void 0 : _a.bundle_edit,
+      product_bundle: (0, import_utils.formatProductBundle)((_c = (_b = item._extend) == null ? void 0 : _b.other) == null ? void 0 : _c.bundle)
     };
   });
   return arr;
 };
+var restoreProductOtherData = (data) => {
+  let detail = data;
+  return {
+    product_id: detail.product_id,
+    option: [],
+    bundle: (detail.product_bundle || []).map((bundleItem) => {
+      return {
+        ...bundleItem,
+        title: bundleItem.bundle_title,
+        group_id: bundleItem.bundle_group_id,
+        id: bundleItem.bundle_id,
+        product_id: bundleItem.bundle_product_id,
+        bundle_variant_id: bundleItem.bundle_variant_id,
+        quantity: bundleItem.num,
+        option: bundleItem.option.map((optionItem) => {
+          return {
+            ...optionItem,
+            name: optionItem.name["auto"],
+            quantity: bundleItem.num,
+            product_option_item_id: optionItem.option_group_item_id
+          };
+        })
+      };
+    }),
+    product_variant_id: 0,
+    quantity: Number(detail.product_quantity)
+  };
+};
 var formatProductValues = (data) => {
   return data.map((d) => {
     return {
@@ -72,17 +105,30 @@ var formatProductValues = (data) => {
       title: d.product_title,
       quantity: d.product_quantity,
       cover: d.product_cover,
-      price: Number(d.selling_price),
+      price: Number(d.source_product_price),
+      _extend: {
+        total: Number(d.selling_price),
+        payment_price: Number(d.payment_price),
+        price: Number(d.source_product_price),
+        quantity: d.product_quantity,
+        bundle_edit: 0,
+        other: restoreProductOtherData(d)
+      },
       payment_price: Number(d.payment_price)
     };
   });
 };
 var Addons = (0, import_model.Provider)((props) => {
-  var _a, _b;
+  var _a, _b, _c;
   const { globalState } = props;
   const { state, dispatch } = (0, import_react.useContext)(import_model.Context);
   const [loading, setLoading] = (0, import_react.useState)(false);
+  const [listLoading, setListLoading] = (0, import_react.useState)(false);
   const [search, setSearch] = (0, import_react.useState)("");
+  const searchRef = (0, import_react.useRef)();
+  const context = (0, import_useEngineContext.default)();
+  const [modal, contextHolder] = import_antd.Modal.useModal();
+  const { isTerminal, interaction } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
   (0, import_react.useEffect)(() => {
     dispatch({
       type: "setState",
@@ -100,7 +146,6 @@ var Addons = (0, import_model.Provider)((props) => {
     });
   }, [globalState]);
   const init = () => {
-    getProducts();
     getAddonsByOrderId();
   };
   (0, import_react.useEffect)(() => {
@@ -108,6 +153,18 @@ var Addons = (0, import_model.Provider)((props) => {
       init();
     }
   }, [state.bookingDetail]);
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    if (isTerminal == null ? void 0 : isTerminal()) {
+      (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.mountFunction(
+        "booking",
+        "refreshBookingDetailAddons",
+        () => {
+          init();
+        }
+      );
+    }
+  }, [state]);
   const getAddonsByOrderId = async () => {
     setLoading(true);
     let data = await state.apis.getAddonsByOrderId();
@@ -122,18 +179,30 @@ var Addons = (0, import_model.Provider)((props) => {
     setLoading(false);
   };
   const getProducts = async () => {
+    setListLoading(true);
     let data = await state.apis.getProducts({
       skip: 1,
       num: 500,
-      extension_type: ["normal"],
+      extension_type: [
+        "normal",
+        "product_bundle",
+        "product_package_ticket",
+        "ticket"
+      ],
       with: ["category"],
-      include_formula: "no",
-      include_bundle: "no",
-      include_option: "no",
-      include_variant: "no",
+      // include_formula: "no",
+      // include_bundle: "no",
+      // include_option: "no",
+      // include_variant: "no",
       open_quotation: 1,
-      with_schedule: 0
+      with_schedule: 0,
+      with_count: ["bundleGroup", "optionGroup"],
+      order_by_string: "sort:desc",
+      _config: {
+        useCache: true
+      }
     });
+    setListLoading(false);
     dispatch({
       type: "setAddons",
       payload: {
@@ -141,28 +210,57 @@ var Addons = (0, import_model.Provider)((props) => {
       }
     });
   };
-  const handleAddProduct = (item) => {
+  const handleAddProduct = (item, type) => {
     let _list = [...state.addons.value];
-    let _item = _list.find((d) => d.id === item.id);
-    if (_item) {
-      _item.quantity = _item.quantity + 1;
-    } else {
-      _list.push({
-        ...item,
-        quantity: 1
-      });
-    }
-    dispatch({
-      type: "setAddons",
-      payload: {
-        value: _list,
-        showModal: false,
-        // 编辑态
-        edit: true
+    const isEject = type === "detail" || item.bundle_group_count > 0;
+    state.action({
+      type: "pisell1.handleOpenProductModal",
+      data: {
+        id: item.id,
+        date: state.date.value.format("YYYY-MM-DD"),
+        showConfig: {
+          option: false,
+          session: false,
+          variant: false,
+          package: true
+        },
+        is_eject: isEject ? 1 : 0
+      },
+      callback: (e) => {
+        console.log("e", e);
+        let product = {
+          ...item,
+          _id: (0, import_utils3.getUniqueId)(),
+          _key: e.key,
+          _extend: {
+            price: item.price,
+            other: e,
+            quantity: 1
+          },
+          quantity: 1
+        };
+        let _total = (0, import_utils2.getProductTotalPrice)(product);
+        product._extend.total = _total;
+        let _item = _list.find((d) => d._extend.other.key === e.key);
+        if (_item) {
+          _item._extend.quantity = _item.quantity + 1;
+        } else {
+          _list.push(product);
+        }
+        dispatch({
+          type: "setAddons",
+          payload: {
+            value: _list,
+            showModal: false,
+            // 编辑态
+            edit: true
+          }
+        });
       }
     });
   };
   const onChangeQuantity = (e, item) => {
+    var _a2;
     let quantity = e.target.value;
     let _list = [...state.addons.value];
     if (quantity == 0) {
@@ -170,8 +268,16 @@ var Addons = (0, import_model.Provider)((props) => {
     } else {
       let _item = {
         ...item,
-        quantity: Number(e.target.value)
+        _extend: {
+          ...item._extend,
+          quantity: Number(e.target.value)
+        }
       };
+      let _total = (0, import_utils2.getProductTotalPrice)(_item);
+      _item._extend.total = _total;
+      if (((_a2 = _item._extend) == null ? void 0 : _a2.bundle_edit) !== void 0) {
+        _item._extend.bundle_edit = 1;
+      }
       _list = _list.map((d) => d.id === item.id ? _item : d);
     }
     dispatch({
@@ -188,16 +294,34 @@ var Addons = (0, import_model.Provider)((props) => {
     const isIncludes = (str) => {
       return str.toLowerCase().indexOf(search.toLowerCase()) !== -1;
     };
-    return (0, import_utils.formatProductListByCategory)(
+    return (0, import_utils2.formatProductListByCategory)(
       _list,
       search ? (item) => isIncludes(item.title) : void 0
     );
-  }, [search, (_a = state.addons) == null ? void 0 : _a.originData]);
+  }, [search, (_b = state.addons) == null ? void 0 : _b.originData]);
   const isEdit = (0, import_react.useMemo)(() => {
     var _a2;
     return (_a2 = state == null ? void 0 : state.addons) == null ? void 0 : _a2.edit;
-  }, [(_b = state == null ? void 0 : state.addons) == null ? void 0 : _b.edit]);
+  }, [(_c = state == null ? void 0 : state.addons) == null ? void 0 : _c.edit]);
   const handleOpenAdd = () => {
+    var _a2, _b2;
+    if (isTerminal == null ? void 0 : isTerminal()) {
+      return (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b2.call(_a2, {
+        module: "booking",
+        key: "edit_order",
+        data: {
+          order_id: state.bookingId
+        }
+      });
+    }
+    if (state.channelDisabledEdit) {
+      modal.warning({
+        okText: import_utils3.locales.getText("pisell2.text.ok"),
+        content: import_utils3.locales.getText("pisell2.text.terminal-edit-message")
+      });
+      return;
+    }
+    getProducts();
     setSearch("");
     dispatch({
       type: "setAddons",
@@ -205,14 +329,17 @@ var Addons = (0, import_model.Provider)((props) => {
         showModal: true
       }
     });
+    if (!state.isTerminal) {
+      setTimeout(() => {
+        var _a3, _b3;
+        (_b3 = (_a3 = searchRef.current) == null ? void 0 : _a3.focus) == null ? void 0 : _b3.call(_a3);
+      }, 100);
+    }
   };
   const _footer = (0, import_react.useMemo)(() => {
     if (state.disabledEdit) {
       return [];
     }
-    if (state.channelDisabledEdit) {
-      return [];
-    }
     let arr = [
       /* @__PURE__ */ import_react.default.createElement(
         import_antd.Button,
@@ -222,7 +349,7 @@ var Addons = (0, import_model.Provider)((props) => {
           disabled: loading,
           onClick: handleOpenAdd
         },
-        import_utils2.locales.getText("pisell2.text.add")
+        import_utils3.locales.getText("pisell2.text.add")
       )
     ];
     return arr;
@@ -233,14 +360,63 @@ var Addons = (0, import_model.Provider)((props) => {
     }
     return /* @__PURE__ */ import_react.default.createElement(import_footer.default, { state, buttons: _footer, source: "addons" });
   }, [state, _footer]);
+  const editProductDetail = (item) => {
+    if (state.disabledEdit) {
+      return;
+    }
+    if (state.channelDisabledEdit) {
+      return;
+    }
+    state.action({
+      type: "pisell1.handleOpenProductModal",
+      data: {
+        id: item.id,
+        date: state.date.value.format("YYYY-MM-DD"),
+        showConfig: {
+          option: false,
+          session: false,
+          variant: false,
+          package: true
+        },
+        value: item._extend.other
+      },
+      callback: (e) => {
+        var _a2;
+        let product = {
+          ...item,
+          _extend: {
+            ...item._extend,
+            other: e
+          }
+        };
+        if (((_a2 = product._extend) == null ? void 0 : _a2.bundle_edit) !== void 0) {
+          product._extend.bundle_edit = 1;
+        }
+        let _total = (0, import_utils2.getProductTotalPrice)(product);
+        product._extend.total = _total;
+        let _list = [...state.addons.value];
+        console.log("cacheItem", product);
+        _list = _list.map((d) => d._id === product._id ? product : d);
+        dispatch({
+          type: "setAddons",
+          payload: {
+            value: _list,
+            showModal: false,
+            // 编辑态
+            edit: true
+          }
+        });
+      }
+    });
+  };
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_tabPane.default,
     {
       loading,
-      header: import_utils2.locales.getText("pisell2.text.addons"),
+      header: import_utils3.locales.getText("pisell2.text.addons"),
       footer
     },
-    !state.bookingId ? /* @__PURE__ */ import_react.default.createElement(import_emptyBooking.default, null) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, state.addons.value.length ? /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { margin: "0 -16px" } }, state.addons.value.map((d) => {
+    !state.bookingId ? /* @__PURE__ */ import_react.default.createElement(import_emptyBooking.default, null) : /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, state.addons.value.length ? /* @__PURE__ */ import_react.default.createElement("div", { className: "", style: { margin: "0 -32px" } }, state.addons.value.map((d) => {
       return /* @__PURE__ */ import_react.default.createElement(
         import_selectProductItem.default,
         {
@@ -248,6 +424,7 @@ var Addons = (0, import_model.Provider)((props) => {
           item: d,
           key: d.id,
           amountSymbol: state.amountSymbol,
+          onClick: editProductDetail,
           onChangeQuantity: (e) => {
             onChangeQuantity(e, d);
           }
@@ -256,13 +433,13 @@ var Addons = (0, import_model.Provider)((props) => {
     })) : /* @__PURE__ */ import_react.default.createElement(
       import_emptyBooking.default,
       {
-        description: import_utils2.locales.getText("pisell1.text.no-addons")
+        description: import_utils3.locales.getText("pisell1.text.no-addons")
       }
     ), /* @__PURE__ */ import_react.default.createElement(
       import_drawer.default,
       {
         open: state.addons.showModal,
-        title: import_utils2.locales.getText("pisell2.text.addons"),
+        title: import_utils3.locales.getText("pisell2.text.addons"),
         onClose: () => {
           dispatch({
             type: "setAddons",
@@ -275,9 +452,10 @@ var Addons = (0, import_model.Provider)((props) => {
         header: /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-header" }, /* @__PURE__ */ import_react.default.createElement(
           import_antd.Input,
           {
+            ref: searchRef,
             prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
             style: { marginTop: 16, height: 44 },
-            placeholder: import_utils2.locales.getText("pisell2.text.search"),
+            placeholder: import_utils3.locales.getText("pisell2.text.search"),
             allowClear: true,
             value: search,
             onChange: (e) => {
@@ -287,16 +465,25 @@ var Addons = (0, import_model.Provider)((props) => {
         ))
       },
       /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode__booking-service-body" }, /* @__PURE__ */ import_react.default.createElement(
-        import_TabProduct.default,
+        import_antd.Skeleton,
         {
-          scrollDom: ".booking-addons-wrap .pisell-lowcode-drawer-body",
-          list: renderList,
-          amountSymbol: state.amountSymbol,
-          onChange: handleAddProduct
-        }
+          loading: listLoading,
+          active: true,
+          round: true,
+          style: { padding: 20 }
+        },
+        /* @__PURE__ */ import_react.default.createElement(
+          import_TabProduct.default,
+          {
+            scrollDom: ".booking-addons-wrap .pisell-lowcode-drawer-body",
+            list: renderList,
+            amountSymbol: state.amountSymbol,
+            onChange: handleAddProduct
+          }
+        )
       ))
     ))
-  ));
+  ), contextHolder);
 });
 var addons_default = Addons;
 // Annotate the CommonJS export names for ESM import in node:

package/lib/components/booking/addons/model.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { FormState } from "../model";
-export declare const Provider: (ComponentUi: any) => (props: any) => JSX.Element, Context: import("react").Context<{
+export declare const Provider: (ComponentUi: any) => (props: any) => any, Context: import("react").Context<{
     state: FormState;
 } & {
     dispatch: (params: {

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

@@ -3,7 +3,7 @@ import "./index.less";
 interface TabProductProps {
     list: any[];
     amountSymbol: string;
-    onChange: (item: any) => void;
+    onChange: (item: any, type: "select" | "detail") => void;
     scrollDom?: string;
 }
 declare const TabProduct: (props: TabProductProps) => React.JSX.Element;

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

@@ -37,6 +37,7 @@ var import_tabs = __toESM(require("./tabs"));
 var import_card = __toESM(require("./card"));
 var import_productItem = __toESM(require("./productItem"));
 var import_index = require("./index.less");
+var import_ahooks = require("ahooks");
 var io = null;
 var TabProduct = (props) => {
   const { list, onChange, amountSymbol = "$", scrollDom } = props;
@@ -48,7 +49,7 @@ var TabProduct = (props) => {
       handleObserver();
     }
   }, [list]);
-  const handleObserver = () => {
+  const handleObserver = (0, import_ahooks.useMemoizedFn)(() => {
     const _marginTop = 270;
     const _marginBottom = window.innerHeight - 70 - 200 - 70;
     const _rootMargin = `${_marginTop * -1}px 0px ${_marginBottom * -1}px 0px`;
@@ -74,8 +75,8 @@ var TabProduct = (props) => {
         }
       }
     }
-  };
-  const handleUnobserver = () => {
+  });
+  const handleUnobserver = (0, import_ahooks.useMemoizedFn)(() => {
     if ((list == null ? void 0 : list.length) && io) {
       for (const item of list) {
         const _item = document.querySelector(`#list-${item.id}`);
@@ -84,65 +85,67 @@ var TabProduct = (props) => {
         }
       }
     }
-  };
-  const onProductClick = (productDetail) => {
-    onChange == null ? void 0 : onChange(productDetail);
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-tab-product" }, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: "booking-tabs-wrap",
-      style: {
-        top: "100px"
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_card.default, { className: "booking-tabs", id: "product-category" }, /* @__PURE__ */ import_react.default.createElement(
-      import_tabs.default,
-      {
-        ref: tabsRef,
-        options: list,
-        rowKey: "id",
-        tab: current,
-        onChange: (e) => {
-          let categoryDom = document.querySelector("#product-category");
-          let top = 0;
-          if (categoryDom) {
-            top = categoryDom.offsetHeight + 16;
-          }
-          const dom = document == null ? void 0 : document.querySelector("#list-" + e);
-          const main = document == null ? void 0 : document.querySelector(scrollDom || "");
-          if (dom && main) {
-            main.scrollTop = dom.offsetTop - top;
-          }
-          handleUnobserver();
-          setCurrent(e);
-          setTimeout(() => {
-            handleObserver();
-          }, 1e3);
-        }
-      }
-    ))
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-category-list" }, list.map((d, i) => {
-    return /* @__PURE__ */ import_react.default.createElement(
+  });
+  const onProductClick = (0, import_ahooks.useMemoizedFn)((productDetail, type) => {
+    onChange == null ? void 0 : onChange(productDetail, type);
+  });
+  return (0, import_react.useMemo)(() => {
+    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-tab-product" }, /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
-        className: "booking-category-item",
-        id: `list-${d.id}`,
-        key: i
+        className: "booking-tabs-wrap",
+        style: {
+          top: "100px"
+        }
       },
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-category-title" }, d.name),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-product-list" }, /* @__PURE__ */ import_react.default.createElement(import_card.default, { className: "booking-card", layout: 2 }, d.products.map((item) => {
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_productItem.default,
-          {
-            key: item.id,
-            item,
-            onClick: onProductClick,
-            amountSymbol
+      /* @__PURE__ */ import_react.default.createElement(import_card.default, { className: "booking-tabs", id: "product-category" }, /* @__PURE__ */ import_react.default.createElement(
+        import_tabs.default,
+        {
+          ref: tabsRef,
+          options: list,
+          rowKey: "id",
+          tab: current,
+          onChange: (e) => {
+            let categoryDom = document.querySelector("#product-category");
+            let top = 0;
+            if (categoryDom) {
+              top = categoryDom.offsetHeight + 16;
+            }
+            const dom = document == null ? void 0 : document.querySelector("#list-" + e);
+            const main = document == null ? void 0 : document.querySelector(scrollDom || "");
+            if (dom && main) {
+              main.scrollTop = dom.offsetTop - top;
+            }
+            handleUnobserver();
+            setCurrent(e);
+            setTimeout(() => {
+              handleObserver();
+            }, 1e3);
           }
-        );
-      })))
-    );
-  }))));
+        }
+      ))
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-category-list" }, list.map((d, i) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "booking-category-item",
+          id: `list-${d.id}`,
+          key: i
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-category-title" }, d.name),
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "booking-product-list" }, /* @__PURE__ */ import_react.default.createElement(import_card.default, { className: "booking-card", layout: 2 }, d.products.map((item) => {
+          return /* @__PURE__ */ import_react.default.createElement(
+            import_productItem.default,
+            {
+              key: item.id,
+              item,
+              onClick: onProductClick,
+              amountSymbol
+            }
+          );
+        })))
+      );
+    }))));
+  }, [list, current, amountSymbol]);
 };
 var TabProduct_default = TabProduct;

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

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

package/lib/components/booking/components/TabProduct/productItem/index.js

@@ -44,23 +44,36 @@ var ProductItem = ({
   style,
   className
 }) => {
+  const stockText = (0, import_react.useMemo)(() => {
+    if (item.is_track === 0) {
+      return false;
+    }
+    return `${item.stock_quantity} ${import_utils.locales.getText("pisell2.text.stock")}`;
+  }, [item.stock_quantity, item.is_track]);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       style,
       className: (0, import_classnames.default)("server-product", className),
       onClick: () => {
-        onClick(item);
+        onClick(item, "select");
       }
     },
     item.cover ? /* @__PURE__ */ import_react.default.createElement(
       "img",
       {
         src: import_utils.image.ali(item.cover, 100),
-        className: "server-product-cover"
+        className: "server-product-cover",
+        loading: "lazy"
       }
     ) : null,
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "server-product-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "server-product-title" }, item.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-product-time" }, (0, import_utils2.getDiscountTime)(item.service_times)), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-product-price" }, (0, import_utils.formatAmount)(item.price, 2, amountSymbol)))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "server-product-content" }, /* @__PURE__ */ import_react.default.createElement(
+      "span",
+      {
+        className: "server-product-title"
+      },
+      item.title
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-product-time" }, (0, import_utils2.getDiscountTime)(item.service_times)), stockText && /* @__PURE__ */ import_react.default.createElement("div", { className: "server-product-time" }, stockText), /* @__PURE__ */ import_react.default.createElement("div", { className: "server-product-price" }, (0, import_utils.formatAmount)(item.price, 2, amountSymbol)))
   );
 };
 var productItem_default = ProductItem;