@pisell/private-materials 3.0.211 → 3.0.213

package/lib/components/eventBooking/components/Provider/Cart/Item/index.js

@@ -34,11 +34,11 @@ __export(Item_exports, {
 module.exports = __toCommonJS(Item_exports);
 var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
-var import_materials = require("@pisell/materials");
 var import_shoppingCart = __toESM(require("../../../../../shoppingCart"));
 var import_Sales = require("../../../../../Sales");
 var import_SelectHolderModal = __toESM(require("../../SelectHolderModal"));
 var import_ContinueButton = __toESM(require("../ContinueButton"));
+var import_Total = __toESM(require("./Total"));
 var import_index = require("./index.less");
 var CartItem = () => {
   const { open, holderData, selectedHolderIds } = (0, import_Sales.useHolder)();
@@ -86,14 +86,7 @@ var CartItem = () => {
         onChange: (e, type, key) => handleClickCard(e, type, key)
       }
     )),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "event-total-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, import_utils.locales.getText("pisell2.event.total")), /* @__PURE__ */ import_react.default.createElement(
-      import_materials.PisellText.Amount,
-      {
-        value: subtotal,
-        showCurrencySymbol: true,
-        className: "event-amount"
-      }
-    )), /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "event-footer" }, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
   ), /* @__PURE__ */ import_react.default.createElement(import_SelectHolderModal.default, { open }));
 };
 var Item_default = CartItem;

package/lib/components/eventBooking/components/Provider/Cart/Item/index.less

@@ -17,19 +17,51 @@
     flex-direction: column;
     gap: 14px;
     margin-top: 6px;
-    .event-total-wrap {
-      color: var(--Text-Text_1, #1b1b1b);
-      font-size: 20px;
-      font-weight: 600;
-      line-height: 28px;
+  }
+}
+
+.event-total-wrap {
+  color: var(--Text-Text_1, #1b1b1b);
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 28px;
+  display: flex;
+  flex-direction: column;
+  align-items: start;
+
+  > div {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  .gst-wrap {
+    font-size: 16px;
+    font-weight: 500;
+    line-height: 24px;
+  }
+
+  .event-total {
+    .left {
       display: flex;
-      align-items: center;
-      justify-content: space-between;
-      .event-amount {
-        color: var(--Blue-600, #1570ef);
+      flex-direction: column;
+      .gst {
+        color: var(--Gray-500, #667085);
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 20px;
       }
     }
   }
+
+  .total-gst-wrap {
+    padding: 14px 0 0;
+  }
+
+  .event-amount {
+    color: var(--Blue-600, #1570ef);
+  }
 }
 
 .cart-mobile-item-wrap {
@@ -40,7 +72,7 @@
   .content {
     flex: 1;
     overflow-y: auto;
-    padding: 0 0 120px;
+    padding: 0 0 140px;
   }
   .event-footer {
     z-index: 10;

package/lib/components/eventBooking/components/Provider/Cart/index.js

@@ -47,12 +47,8 @@ var Cart = ({ open, onCancel }) => {
       closable: true,
       onCancel: () => onCancel(),
       bodyStyle: {
-        padding: "20px",
-        display: "flex",
-        flexDirection: "column",
-        height: "100%"
+        padding: "20px"
       },
-      mobileModalHeight: "90%",
       destroyOnClose: true,
       className: `event-cart-modal`,
       footer: null

package/lib/components/eventBooking/components/Provider/Cart/index.less

@@ -1,4 +1,2 @@
 .event-cart-modal {
 }
-.event-cart-modal {
-}

package/lib/components/eventBooking/components/Provider/Content/index.js

@@ -63,6 +63,22 @@ var Layout = () => {
     let Com2 = components[key];
     return /* @__PURE__ */ import_react.default.createElement(Com2, null);
   }, [currentStepData == null ? void 0 : currentStepData.key]);
+  (0, import_react.useEffect)(() => {
+    var _a, _b;
+    if ((0, import_utils.isMobile)()) {
+      const header = document.querySelector(".event-progress-bar");
+      const footer = document.querySelector(".pisell-section-footers-wrapper");
+      const content = document.querySelector(".event-content-mobile-wrap");
+      const headerHeight = ((_a = header == null ? void 0 : header.getBoundingClientRect()) == null ? void 0 : _a.height) || 0;
+      const footerHeight = ((_b = footer == null ? void 0 : footer.getBoundingClientRect()) == null ? void 0 : _b.height) || 0;
+      const windowHeight = window.innerHeight;
+      const contentHeight = windowHeight - headerHeight - footerHeight;
+      if (content && (content == null ? void 0 : content.style)) {
+        content.style.height = `${contentHeight}px`;
+        content.style.overflowY = "auto";
+      }
+    }
+  }, [currentStepData == null ? void 0 : currentStepData.key]);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {

package/lib/components/eventBooking/components/Provider/Content/index.less

@@ -3,6 +3,7 @@
   display: flex;
   gap: 6px;
   // align-items: center;
+  flex: 1;
 
   .event-content-left {
     flex: 1;
@@ -19,10 +20,10 @@
 
 .event-content-mobile-wrap {
   width: 100%;
+  flex: none;
   .event-content-left {
-    background: #fff;
     width: 100%;
-    min-height: 100vh;
+    flex: none;
     .provider-information-wrap {
       width: 100%;
     }

package/lib/components/eventBooking/components/Provider/EmptyHolderModal/index.js

@@ -53,8 +53,7 @@ var EmptyHolderModal = (props) => {
       cancelText: import_utils.locales.getText("pisell2.event.empty.holder.go.back"),
       closable: true,
       onCancel: () => onCancel(),
-      onOk: () => onOk(),
-      mobileModalHeight: "80vh"
+      onOk: () => onOk()
     }
   );
 };

package/lib/components/eventBooking/components/Provider/Event/index.less

@@ -6,7 +6,7 @@
   .event-booking-service-list {
     flex: 1;
     background: #ffffff;
-    min-height: calc(100vh - 93px);
+    // min-height: calc(100vh - 93px);
   }
 }
 

package/lib/components/eventBooking/components/Provider/Footer/index.js

@@ -34,32 +34,35 @@ __export(Footer_exports, {
 module.exports = __toCommonJS(Footer_exports);
 var import_react = __toESM(require("react"));
 var import_materials = require("@pisell/materials");
-var import_utils = require("@pisell/utils");
 var import_react2 = require("react");
 var import_Sales = require("../../../../Sales");
 var import_SelectHolderModal = __toESM(require("../SelectHolderModal"));
 var import_ContinueButton = __toESM(require("../Cart/ContinueButton"));
 var import_shopping_cart = __toESM(require("../../../assets/shopping-cart.svg"));
 var import_Cart = __toESM(require("../Cart"));
+var import_Total = __toESM(require("../Cart/Item/Total"));
 var import_index = require("./index.less");
 var Footer = () => {
   var _a;
   const { open } = (0, import_Sales.useHolder)();
   const { onOpenCart, openCart, onCloseCart, cartData } = (0, import_Sales.useCart)();
-  const { subtotal } = (0, import_Sales.useSummary)();
+  const { total } = (0, import_Sales.useSummary)();
   const [selectedItem, setSelectedItem] = (0, import_react2.useState)(null);
   return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     import_materials.SectionFooters,
     {
       className: "section-footer-wrap",
-      left: /* @__PURE__ */ import_react.default.createElement("div", { className: "section-footer-left" }, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText, null, import_utils.locales.getText("pisell2.event.total")), /* @__PURE__ */ import_react.default.createElement(
-        import_materials.PisellText.Amount,
-        {
-          value: subtotal,
-          showCurrencySymbol: true,
-          className: "amount"
-        }
-      )),
+      left: (
+        // <div className="section-footer-left">
+        //   {/* <PisellText>{locales.getText('pisell2.event.total')}: </PisellText>
+        //   <PisellText.Amount
+        //     value={total}
+        //     showCurrencySymbol={true}
+        //     className="amount"
+        //   /> */}
+        // </div>
+        /* @__PURE__ */ import_react.default.createElement(import_Total.default, { className: "section-footer-left", isFooter: true })
+      ),
       right: /* @__PURE__ */ import_react.default.createElement("div", { className: "section-footer-right" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Badge, { count: ((_a = cartData.cartItems) == null ? void 0 : _a.length) || 0 }, /* @__PURE__ */ import_react.default.createElement(
         import_materials.Button,
         {
@@ -67,8 +70,7 @@ var Footer = () => {
           onClick: () => onOpenCart(),
           className: "section-footer-btn"
         },
-        /* @__PURE__ */ import_react.default.createElement(import_materials.Image, { src: import_shopping_cart.default, preview: false }),
-        import_utils.locales.getText("pisell2.event.cart")
+        /* @__PURE__ */ import_react.default.createElement(import_materials.Image, { src: import_shopping_cart.default, preview: false })
       )), /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, null))
     }
   ), /* @__PURE__ */ import_react.default.createElement(

package/lib/components/eventBooking/components/Provider/Footer/index.less

@@ -5,7 +5,7 @@
   display: flex;
   padding: 24px;
   justify-content: space-between;
-  align-items: flex-start;
+  align-items: center;
   align-self: stretch;
   background: #ffffff;
   border-top: 1px solid #eaecf0;
@@ -13,15 +13,30 @@
   .section-footer-left {
     display: flex;
     flex-direction: column;
-    color: var(--Text-Text_1, #1b1b1b);
-    font-size: 14px;
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
     font-weight: 400;
-    line-height: 20px;
+    line-height: 24px;
+    > div {
+      justify-content: flex-start;
+    }
+
+    .gst-wrap {
+      color: var(--Gray-500, #667085);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+    }
 
-    .amount {
+    .event-total {
+      padding: 0;
+    }
+
+    .event-amount {
       font-size: 16px;
       font-weight: 500;
       line-height: 24px;
+      color: var(--Gray-900, #101828) !important;
     }
   }
 
@@ -36,5 +51,14 @@
     display: flex;
     align-items: center;
     gap: 8px;
+    padding: 0;
+    width: 40px;
+    height: 40px;
+    justify-content: center;
+    .pisell-lowcode-image {
+      width: 20px;
+      height: 20px;
+      line-height: 20px;
+    }
   }
 }

package/lib/components/eventBooking/components/Provider/Header/index.js

@@ -36,15 +36,18 @@ var import_react = __toESM(require("react"));
 var import_utils = require("@pisell/utils");
 var import_Sales = require("../../../../Sales");
 var import_progressBar = __toESM(require("../../progressBar"));
+var import_utils2 = require("../../../utils");
 var import_index = require("./index.less");
 var Header = () => {
   var _a, _b;
   const { currentStepData, closePage, prevStep, isFirstStep } = (0, import_Sales.useStep)();
-  const { removeSessionStorage } = (0, import_Sales.useSales)();
+  const { removeSessionStorage, data } = (0, import_Sales.useSales)();
   const steps = {
     "select-category": {
       title: import_utils.locales.getText("pisell2.event.step")(1),
-      description: import_utils.locales.getText("pisell2.event.select.category")
+      description: import_utils.locales.getText("pisell2.event.select.category")(
+        (0, import_utils2.resourceTitle)(data)
+      )
     },
     "select-event": {
       title: import_utils.locales.getText("pisell2.event.step")(2),

package/lib/components/eventBooking/components/Provider/InformationOptionsModal/index.js

@@ -47,7 +47,7 @@ var InformationOptionsModal = (props) => {
       destroyOnClose: true,
       footer: null,
       onCancel,
-      mobileModalHeight: "200px",
+      mobileModalHeight: "auto",
       className: "information-option-modal",
       headerDivider: false
     },

package/lib/components/eventBooking/components/Provider/OrderProductModal/index.js

@@ -50,7 +50,6 @@ var OrderProductModal = (props) => {
       closable: true,
       onCancel: () => onCancel(),
       onOk: () => onCancel(),
-      mobileModalHeight: "80vh",
       zIndex: 1001
     }
   );

package/lib/components/eventBooking/components/Provider/Resource/index.js

@@ -36,16 +36,15 @@ var import_react = __toESM(require("react"));
 var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
 var import_Sales = require("../../../../Sales");
-var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
 var import_resourceDisplay = __toESM(require("../../resourceDisplay"));
+var import_utils2 = require("../../../utils");
 var import_index = require("./index.less");
 var Resource = () => {
-  var _a, _b, _c;
+  var _a, _b;
   const { data } = (0, import_Sales.useSales)();
   const { getResourceList, selectResource } = (0, import_Sales.useResource)();
   const { createCartItem } = (0, import_Sales.useCart)();
   const { nextStep } = (0, import_Sales.useStep)();
-  const context = (0, import_useEngineContext.default)();
   const handleClick = (item) => {
     createCartItem();
     selectResource(item);
@@ -66,20 +65,13 @@ var Resource = () => {
       }
     );
   };
-  const resourceTitle = (0, import_react.useMemo)(() => {
-    var _a2, _b2, _c2, _d, _e, _f, _g;
-    const form = (_c2 = (_b2 = (_a2 = data == null ? void 0 : data.initData) == null ? void 0 : _a2.boardSetting) == null ? void 0 : _b2.event_v2_form) == null ? void 0 : _c2.form;
-    const title = ((_d = form == null ? void 0 : form.setting) == null ? void 0 : _d.title) || (form == null ? void 0 : form.title);
-    const translation = (_f = (_e = context == null ? void 0 : context.appHelper) == null ? void 0 : _e.utils) == null ? void 0 : _f.translation;
-    return (_g = translation(title)) == null ? void 0 : _g.toLowerCase();
-  }, [(_a = data == null ? void 0 : data.initData) == null ? void 0 : _a.boardSetting]);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: `event-interface-resource-wrap ${(0, import_utils.isMobile)() ? "event-interface-resource-mobile-wrap" : ""}`
     },
-    /* @__PURE__ */ import_react.default.createElement("span", { className: "title" }, import_utils.locales.getText("pisell2.event.select.campus")(resourceTitle)),
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "content" }, (_c = (_b = data == null ? void 0 : data.resourceData) == null ? void 0 : _b.resourceList) == null ? void 0 : _c.map((item, index) => {
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "title" }, import_utils.locales.getText("pisell2.event.select.campus")((0, import_utils2.resourceTitle)(data))),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "content" }, (_b = (_a = data == null ? void 0 : data.resourceData) == null ? void 0 : _a.resourceList) == null ? void 0 : _b.map((item, index) => {
       return /* @__PURE__ */ import_react.default.createElement("div", { key: index, className: "content-item" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "content-title" }, item == null ? void 0 : item.title), /* @__PURE__ */ import_react.default.createElement(
         import_materials.PisellViewGrid,
         {

package/lib/components/eventBooking/components/Provider/SelectProduct/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const SelectProduct: React.FC;
+export default SelectProduct;

package/lib/components/eventBooking/components/Provider/SelectProduct/index.js

@@ -0,0 +1,69 @@
+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/eventBooking/components/Provider/SelectProduct/index.tsx
+var SelectProduct_exports = {};
+__export(SelectProduct_exports, {
+  default: () => SelectProduct_default
+});
+module.exports = __toCommonJS(SelectProduct_exports);
+var import_react = __toESM(require("react"));
+var import_Sales = require("../../../Sales");
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var SelectProduct = () => {
+  var _a;
+  const { data } = (0, import_Sales.useSales)();
+  const { addToCart, cartData } = (0, import_Sales.useCart)();
+  const handleAddToCart = (product) => {
+    addToCart(product);
+  };
+  const renderProductCard = (product) => {
+    var _a2;
+    const isSelected = (_a2 = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a2.some(
+      (item) => item.id === product.id
+    );
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        key: product.id,
+        className: `product-card ${isSelected ? "product-card-selected" : ""}`,
+        onClick: () => handleAddToCart(product)
+      },
+      /* @__PURE__ */ import_react.default.createElement(import_materials.PisellCard, { bodyStyle: { padding: "16px" } }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "product-title" }, product.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-price" }, product.price, " ", product.currency)))
+    );
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "select-product-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "step-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "step-number" }, "Step 1"), /* @__PURE__ */ import_react.default.createElement("div", { className: "step-title" }, "Select Product")), /* @__PURE__ */ import_react.default.createElement("div", { className: "category-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "category-title" }, "Other"), /* @__PURE__ */ import_react.default.createElement("div", { className: "product-list" }, renderProductCard({
+    id: "1",
+    title: "appointment",
+    price: "1.00",
+    currency: "AUD"
+  }))), /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-title" }, "Your cart"), ((_a = cartData == null ? void 0 : cartData.cartItems) == null ? void 0 : _a.length) ? /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-items" }, cartData.cartItems.map((item) => /* @__PURE__ */ import_react.default.createElement("div", { key: item.id, className: "cart-item" }, item.title))) : /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-empty" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-empty-icon" }, "🛒"), /* @__PURE__ */ import_react.default.createElement("div", { className: "cart-empty-text" }, import_utils.locales.getText("pisell2.event.cart.empty")))));
+};
+var SelectProduct_default = SelectProduct;

package/lib/components/eventBooking/components/Provider/SelectProduct/index.less

@@ -0,0 +1,131 @@
+.select-product-container {
+  padding: 24px;
+  background: #fff;
+
+  .step-header {
+    margin-bottom: 24px;
+
+    .step-number {
+      font-size: 14px;
+      color: #666;
+      margin-bottom: 8px;
+    }
+
+    .step-title {
+      font-size: 24px;
+      font-weight: 500;
+      color: #333;
+    }
+  }
+
+  .category-section {
+    margin-bottom: 24px;
+
+    .category-title {
+      font-size: 16px;
+      font-weight: 500;
+      color: #333;
+      margin-bottom: 16px;
+    }
+
+    .product-list {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+      gap: 16px;
+    }
+  }
+
+  .product-card {
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      transform: translateY(-2px);
+    }
+
+    &.product-card-selected {
+      .pisell-card {
+        border-color: #1890ff;
+        background: rgba(24, 144, 255, 0.05);
+      }
+    }
+
+    .product-content {
+      text-align: center;
+
+      .product-title {
+        font-size: 16px;
+        color: #333;
+        margin-bottom: 8px;
+      }
+
+      .product-price {
+        font-size: 14px;
+        color: #666;
+      }
+    }
+  }
+
+  .cart-section {
+    background: #f5f5f5;
+    border-radius: 4px;
+    padding: 24px;
+
+    .cart-title {
+      font-size: 18px;
+      font-weight: 500;
+      color: #333;
+      margin-bottom: 16px;
+    }
+
+    .cart-empty {
+      text-align: center;
+      padding: 32px 0;
+
+      .cart-empty-icon {
+        font-size: 24px;
+        margin-bottom: 8px;
+      }
+
+      .cart-empty-text {
+        color: #999;
+      }
+    }
+
+    .cart-items {
+      .cart-item {
+        padding: 12px;
+        background: #fff;
+        border-radius: 4px;
+        margin-bottom: 8px;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+}
+
+// 移动端适配
+@media screen and (max-width: 768px) {
+  .select-product-container {
+    padding: 16px;
+
+    .step-header {
+      margin-bottom: 16px;
+
+      .step-title {
+        font-size: 20px;
+      }
+    }
+
+    .product-list {
+      grid-template-columns: 1fr !important;
+    }
+
+    .cart-section {
+      padding: 16px;
+    }
+  }
+}

package/lib/components/eventBooking/components/bookingAvailabilityCalendar/components/CalendarDate/index.js

@@ -184,6 +184,7 @@ var CalendarDate = (props, ref) => {
     {
       open,
       title: "device",
+      mobileModalHeight: "auto",
       platform: (0, import_utils.isMobile)() ? "h5" : "pc",
       bodyStyle: { padding: (0, import_utils.isMobile)() ? "16px 24px" : 32 },
       destroyOnClose: true,