@pisell/private-materials 3.2.22 → 3.2.25

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.d.ts

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

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.js

@@ -0,0 +1,74 @@
+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/appointmentBooking/components/Guest/components/InformationOptionsModal/index.tsx
+var InformationOptionsModal_exports = {};
+__export(InformationOptionsModal_exports, {
+  default: () => InformationOptionsModal_default
+});
+module.exports = __toCommonJS(InformationOptionsModal_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var GuestOptionsModal = (props) => {
+  const { open, onCancel, options, onClick, holderItem } = props;
+  const lists = (0, import_react.useMemo)(() => {
+    let _options = [...options];
+    if (!(holderItem == null ? void 0 : holderItem.isGuest)) {
+      _options = _options.filter((option) => option.key !== "remove");
+    }
+    return _options;
+  }, [options]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open,
+      platform: "h5",
+      closable: true,
+      bodyStyle: { padding: "0 24px" },
+      destroyOnClose: true,
+      footer: null,
+      onCancel,
+      mobileModalHeight: "auto",
+      className: "guest-option-modal",
+      headerDivider: false
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "guest-options-wrap" }, lists.map((item) => {
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          key: item.key,
+          className: `guest-options-wrap-item ${item.key === "remove" ? "remove" : ""}`,
+          onClick: () => onClick(item)
+        },
+        item.label
+      );
+    }))
+  );
+};
+var InformationOptionsModal_default = GuestOptionsModal;

package/lib/components/appointmentBooking/components/Guest/components/InformationOptionsModal/index.less

@@ -0,0 +1,28 @@
+.guest-options-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  .guest-options-wrap-item {
+    color: var(--Gray-900, #101828);
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 24px;
+    display: flex;
+    padding: 9px 10px;
+    align-items: center;
+    flex: 1 0 0;
+  }
+
+  .remove {
+    color: var(--Error-700, #b42318);
+  }
+}
+
+.guest-option-modal {
+  .pisell-lowcode-modal-header {
+    border: none;
+  }
+  .pisell-lowcode-modal-body {
+    height: max-content;
+  }
+}

package/lib/components/appointmentBooking/components/Guest/index.js

@@ -36,14 +36,14 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_materials = require("@pisell/materials");
 var import_utils = require("@pisell/utils");
-var import_hooks = require("../../hooks");
+var import_InformationOptionsModal = __toESM(require("./components/InformationOptionsModal"));
 var import_context = require("../../context");
+var import_hooks = require("../../hooks");
 var import_utils2 = require("../../utils");
 var import_index = require("./index.less");
 var Guest = () => {
   const [openOption, setOpenOption] = (0, import_react.useState)(false);
   const [holderItem, setHolderItem] = (0, import_react.useState)(null);
-  const [removeOpen, setRemoveOpen] = (0, import_react.useState)(false);
   const { carts, appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
   const { accountLists } = (0, import_hooks.useAppointmentBookingAccount)();
   const lists = (0, import_react.useMemo)(() => {
@@ -61,6 +61,7 @@ var Guest = () => {
     }
   ];
   const handleClick = ({ key }, item) => {
+    console.log(key, item, "wh978967");
     if (key === "edit") {
       appointmentBooking.setActiveAccount(item.id);
       appointmentBooking.back();
@@ -98,12 +99,17 @@ var Guest = () => {
           }
         },
         placement: "bottomRight",
-        overlayClassName: "provider-information-custom-dropdown-menu"
+        overlayClassName: "appointment-guest-custom-dropdown-menu"
       },
       /* @__PURE__ */ import_react.default.createElement(import_materials.Button, null, import_utils.locales.getText("pisell2.event.option"))
     );
   };
   const handleAddGuest = () => {
+    if (accountLists.length >= 6) {
+      return (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("pisell2.appointment.max.guest")
+      });
+    }
     const guest = {
       id: (0, import_utils.getUniqueId)(),
       username: `Guest${accountLists.length + 1}`,
@@ -113,7 +119,7 @@ var Guest = () => {
     appointmentBooking.setActiveAccount(guest.id);
     appointmentBooking.back();
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "provider-information-wrap" }, lists == null ? void 0 : lists.map((item) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-guest-wrap" }, lists == null ? void 0 : lists.map((item) => {
     var _a;
     return /* @__PURE__ */ import_react.default.createElement(
       import_materials.PisellCard,
@@ -133,10 +139,22 @@ var Guest = () => {
       size: "large",
       style: { width: "max-content" },
       onClick: handleAddGuest,
-      className: "provider-information-add-button"
+      className: "appointment-guest-add-button"
     },
     /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-plus", style: { fontSize: "20px" } }),
     import_utils.locales.getText("pisell2.appointment.add.guest")
-  )));
+  )), openOption ? /* @__PURE__ */ import_react.default.createElement(
+    import_InformationOptionsModal.default,
+    {
+      options,
+      open: openOption,
+      holderItem,
+      onCancel: () => setOpenOption(false),
+      onClick: (e) => {
+        handleClick(e, holderItem);
+        setOpenOption(false);
+      }
+    }
+  ) : null);
 };
 var Guest_default = Guest;

package/lib/components/appointmentBooking/components/Guest/index.less

@@ -1,4 +1,4 @@
-.provider-information-wrap {
+.appointment-guest-wrap {
   padding: 16px;
   display: flex;
   flex-direction: column;
@@ -7,7 +7,7 @@
   margin-top: 16px;
   width: 100%;
 
-  .provider-information-add-button {
+  .appointment-guest-add-button {
     display: flex;
     align-items: center;
     .pisell-lowcode-image-mask-info {
@@ -64,7 +64,7 @@
   }
 }
 
-.provider-information-custom-dropdown-menu {
+.appointment-guest-custom-dropdown-menu {
   .pisell-lowcode-dropdown-menu {
     padding: 6px;
     border-bottom: 1px solid var(--Gray-200, #eaecf0);

package/lib/components/appointmentBooking/components/Header/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 declare const Header: () => JSX.Element;
 export default Header;

package/lib/components/appointmentBooking/components/Header/index.js

@@ -33,23 +33,50 @@ __export(Header_exports, {
 });
 module.exports = __toCommonJS(Header_exports);
 var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
 var import_progressBar = __toESM(require("../../../eventBooking/components/progressBar"));
 var import_context = require("../../context");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_index = require("./index.less");
 var Header = () => {
   var _a, _b;
-  const { currentStep, appointmentBooking } = (0, import_context.useAppointmentBookingContext)();
+  const { currentStep, appointmentBooking, resources } = (0, import_context.useAppointmentBookingContext)();
+  const context = (0, import_useEngineContext.default)();
+  const stepName = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c, _d, _e;
+    const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
+    if (key === "select-resource") {
+      const name = ((_d = (_c = (_b2 = resources == null ? void 0 : resources[0]) == null ? void 0 : _b2.resources) == null ? void 0 : _c[0]) == null ? void 0 : _d.title) || "";
+      return import_utils.locales.getText("pisell2.event.select.category")(name);
+    }
+    return (_e = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _e.description;
+  }, [(_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key, resources]);
   const handleBack = () => {
+    var _a2;
+    const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
+    const types = {
+      "select-time": "time",
+      "select-resource": "resource"
+    };
+    if (types[key]) {
+      appointmentBooking.deleteCartItemInfo(types[key]);
+    }
+    if (key === "select-date") {
+      appointmentBooking.clearDateRange();
+    }
     appointmentBooking.back();
   };
   const handleClose = () => {
-    appointmentBooking.close();
+    var _a2;
+    const utils = context.appHelper.utils || {};
+    (_a2 = utils == null ? void 0 : utils.history) == null ? void 0 : _a2.replace("/");
+    appointmentBooking.destroy();
   };
   return /* @__PURE__ */ import_react.default.createElement(
     import_progressBar.default,
     {
-      title: (_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.title,
-      description: (_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.description,
+      title: (_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.title,
+      description: stepName,
       showBack: (currentStep == null ? void 0 : currentStep.index) > 0,
       onBack: () => handleBack(),
       onClose: () => handleClose()

package/lib/components/appointmentBooking/components/Resource/index.d.ts

@@ -1,3 +1,3 @@
 import './index.less';
-declare const Resource: ({ onChange }: any) => JSX.Element;
+declare const Resource: () => JSX.Element;
 export default Resource;

package/lib/components/appointmentBooking/components/Resource/index.js

@@ -38,40 +38,37 @@ var import_resourceDisplay = __toESM(require("../../../eventBooking/components/r
 var import_materials = require("@pisell/materials");
 var import_hooks = require("../../hooks");
 var import_context = require("../../context");
+var import_guests = __toESM(require("../../assets/guests.svg"));
 var import_utils = require("@pisell/utils");
 var import_index = require("./index.less");
-var Resource = ({ onChange }) => {
+var Resource = () => {
   const [selectedResource, setSelectedResource] = (0, import_react.useState)(0);
   const { appointmentBooking, resources, carts, resourceOtherParams } = (0, import_context.useAppointmentBookingContext)();
-  const {
-    getResourceList,
-    getResourceTimeSlot,
-    autoSelectAllProductResources
-  } = (0, import_hooks.useAppointmentBookingResource)();
-  console.log(resources, carts, appointmentBooking, "lists, products");
+  const { getResourceList, autoSelectAllProductResources } = (0, import_hooks.useAppointmentBookingResource)();
   (0, import_react.useEffect)(() => {
     const _resources = getResourceList();
-    autoSelectAllProductResources("resources");
+    autoSelectAllProductResources();
+    getResourceList();
   }, []);
   (0, import_react.useEffect)(() => {
     var _a;
-    console.log(resourceOtherParams == null ? void 0 : resourceOtherParams.errorList, "errorListerrorListerrorList");
     if (((_a = resourceOtherParams == null ? void 0 : resourceOtherParams.errorList) == null ? void 0 : _a.length) > 0) {
-      return;
+      return (0, import_materials.PisellToast)({
+        content: import_utils.locales.getText("pisell2.appointment.no.available.time")
+      });
     }
   }, [resourceOtherParams == null ? void 0 : resourceOtherParams.errorList]);
   const anyResource = [
     {
       id: 0,
-      image: "https://cdn-partners-api.fresha.com/employee-avatars/processed/399178/medium/3b77991b-0ee2-4d0f-9d6f-a7501b39afcd-tempImageHYe20U.jpg",
-      title: "Any professional",
-      subtitle: "for maximum availability"
+      image: import_guests.default,
+      title: import_utils.locales.getText("pisell2.appointment.any.professional"),
+      subtitle: import_utils.locales.getText("pisell2.appointment.for.maximum.availability")
     }
   ];
   const currentResource = (0, import_react.useMemo)(() => {
     var _a, _b;
     if (resources.length && carts.length) {
-      console.log(resources, carts, "lists, products");
       if (carts.length === 1) {
         return (_b = (_a = resources[0]) == null ? void 0 : _a.resources) == null ? void 0 : _b[0];
       } else {
@@ -82,18 +79,15 @@ var Resource = ({ onChange }) => {
     }
   }, [resources, carts]);
   const resourcesResult = (0, import_react.useMemo)(() => {
-    console.log(currentResource, resources, "wh98765756");
     return anyResource.concat((currentResource == null ? void 0 : currentResource.renderList) || []);
   }, [currentResource]);
   const onClick = (e) => {
     var _a;
     setSelectedResource(e.id);
-    console.log(currentResource, e, "whcurrentResourcecurrentResource");
     if (e.id) {
-      getResourceTimeSlot({
-        product: (_a = resources == null ? void 0 : resources[0]) == null ? void 0 : _a.product,
-        resources: currentResource == null ? void 0 : currentResource.renderList,
-        currentResourceId: e.id
+      return appointmentBooking.updateCart({
+        _id: (_a = carts == null ? void 0 : carts[0]) == null ? void 0 : _a._id,
+        resources: [e]
       });
     }
   };
@@ -111,7 +105,8 @@ var Resource = ({ onChange }) => {
             dataSource: item,
             direction: "vertical",
             children: !(item == null ? void 0 : item.image) ? (_a = item == null ? void 0 : item.title) == null ? void 0 : _a.charAt(0).toUpperCase() : null,
-            selected: selectedResource === (item == null ? void 0 : item.id)
+            selected: selectedResource === (item == null ? void 0 : item.id),
+            className: !item.id ? "appointment-resource-guest-card" : ""
           }
         );
       },

package/lib/components/appointmentBooking/components/Resource/index.less

@@ -1,6 +1,10 @@
 .appointment-resource-wrap {
-  padding-top: 16px;
   .pisell-lowcode-card {
     min-height: 166px !important;
   }
+
+  .appointment-resource-guest-card .pisell-lowcode-avatar-image img {
+    width: 50%;
+    height: 50%;
+  }
 }

package/lib/components/appointmentBooking/components/Services/index.js

@@ -33,21 +33,23 @@ __export(Services_exports, {
 });
 module.exports = __toCommonJS(Services_exports);
 var import_react = __toESM(require("react"));
+var import_antd = require("antd");
 var import_SearchLg = __toESM(require("@pisell/icon/es/SearchLg"));
 var import_utils = require("@pisell/utils");
 var import_materials = require("@pisell/materials");
-var import_antd = require("antd");
 var import_TabProduct = __toESM(require("../../../booking/components/TabProduct"));
 var import_utils2 = require("../../../booking/utils");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var import_context = require("../../context");
+var import_hooks = require("../../hooks");
 var import_index = require("./index.less");
 var Services = () => {
   const searchRef = (0, import_react.useRef)();
   const [search, setSearch] = (0, import_react.useState)("");
   const context = (0, import_useEngineContext.default)();
   const { utils } = context.appHelper || {};
-  const { appointmentBooking, products, setProducts } = (0, import_context.useAppointmentBookingContext)();
+  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
+  const { products, setProducts } = (0, import_context.useAppointmentBookingContext)();
   (0, import_react.useEffect)(() => {
     const { productModuleParams } = appointmentBooking.otherParams || {};
     appointmentBooking.loadProducts(productModuleParams).then((res) => {
@@ -65,6 +67,11 @@ var Services = () => {
         const resources = ((_b = (_a = data == null ? void 0 : data.origin) == null ? void 0 : _a.product_resource) == null ? void 0 : _b.resources) || [];
         const activeStatus = resources.find((item2) => item2.status === 1);
         if (!activeStatus) {
+          return (0, import_materials.PisellToast)({
+            content: import_utils.locales.getText(
+              "pisell2.appointment.no.available.service"
+            )
+          });
         }
         const product = {
           ...data,

package/lib/components/appointmentBooking/components/TimeSlicing/index.d.ts

@@ -1,3 +1,3 @@
 import './index.less';
-declare const Resource: ({ params }: any) => JSX.Element;
+declare const Resource: () => JSX.Element;
 export default Resource;

package/lib/components/appointmentBooking/components/TimeSlicing/index.js

@@ -34,34 +34,39 @@ __export(TimeSlicing_exports, {
 module.exports = __toCommonJS(TimeSlicing_exports);
 var import_react = __toESM(require("react"));
 var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
 var import_context = require("../../context");
+var import_hooks = require("../../hooks");
 var import_index = require("./index.less");
-var Resource = ({ params }) => {
+var Resource = () => {
   const [selectedResource, setSelectedResource] = (0, import_react.useState)("");
-  const { times, resources, appointmentBooking, carts } = (0, import_context.useAppointmentBookingContext)();
-  console.log(params, resources, times, "wh8765");
+  const { times, appointmentBooking, setSelectedTime, resourceOtherParams } = (0, import_context.useAppointmentBookingContext)();
+  const { getResourceTimeSlot, getResourceList } = (0, import_hooks.useAppointmentBookingResource)();
+  (0, import_react.useEffect)(() => {
+    getResourceTimeSlot();
+  }, []);
+  const getAutoSelect = async (val) => {
+    setSelectedTime(val);
+    const { resourceCodes } = getResourceList();
+    const { errorList } = await appointmentBooking.autoSelectAllProductResources(
+      resourceCodes == null ? void 0 : resourceCodes[1],
+      val
+    );
+    const result = await appointmentBooking.submitTimeSlot(val);
+    console.log(errorList, result, "wh9896788");
+  };
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if ((times == null ? void 0 : times.length) > 0) {
+      setSelectedResource((_a = times == null ? void 0 : times[0]) == null ? void 0 : _a.start_time);
+      getAutoSelect(times == null ? void 0 : times[0]);
+    }
+  }, [times]);
   const onClick = async (e) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     setSelectedResource(e == null ? void 0 : e.start_time);
-    const data = await appointmentBooking.autoSelectResource({
-      resourceProductData: resources == null ? void 0 : resources[0],
-      resources: (_c = (_b = (_a = resources == null ? void 0 : resources[0]) == null ? void 0 : _a.resources) == null ? void 0 : _b[1]) == null ? void 0 : _c.renderList,
-      timeSlots: e
-    });
-    if (data) {
-      const _resources = [
-        (_g = (_f = (_e = (_d = resources == null ? void 0 : resources[0]) == null ? void 0 : _d.resources) == null ? void 0 : _e[0]) == null ? void 0 : _f.renderList) == null ? void 0 : _g[0],
-        (_k = (_j = (_i = (_h = resources == null ? void 0 : resources[0]) == null ? void 0 : _h.resources) == null ? void 0 : _i[1]) == null ? void 0 : _j.renderList) == null ? void 0 : _k[0]
-      ];
-      const aa = await appointmentBooking.submitTimeSlot({
-        resourceProductData: resources == null ? void 0 : resources[0],
-        selectedResources: _resources,
-        timeSlots: e
-      });
-      console.log(data, _resources, aa, "wh9879676");
-    }
+    getAutoSelect(e);
   };
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-time-slicing-wrap" }, times.map((item, index) => {
+  return (times == null ? void 0 : times.length) > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-time-slicing-wrap" }, times.map((item, index) => {
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
@@ -72,6 +77,11 @@ var Resource = ({ params }) => {
       /* @__PURE__ */ import_react.default.createElement("span", null, item == null ? void 0 : item.start_time),
       /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-chevron-right", className: `icon` })
     );
-  }));
+  })) : /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellEmpty,
+    {
+      description: import_utils.locales.getText("pisell2.appointment.booking.empty.time")
+    }
+  );
 };
 var TimeSlicing_default = Resource;

package/lib/components/appointmentBooking/components/TimeSlicing/index.less

@@ -1,4 +1,5 @@
 .appointment-time-slicing-wrap {
+  padding-top: 20px;
   .item {
     cursor: pointer;
     padding: 25px 20px;
@@ -18,6 +19,10 @@
 
     &:hover {
       background-color: #f1f1f1;
+      cursor: pointer;
+    }
+    &.active {
+      background-color: #f1f1f1;
     }
   }
 }

package/lib/components/appointmentBooking/components/Voucher/index.js

@@ -40,8 +40,8 @@ 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_hooks = require("../../hooks");
+var import_utils2 = require("../../utils");
 var import_voucher = require("../../../booking/components/voucher/index.less");
 var import_index = require("./index.less");
 var ShopDiscountHooks = {
@@ -65,6 +65,8 @@ var VoucherCard = (props) => {
   const [code, setCode] = (0, import_react.useState)("");
   const [discountList, setDisCountList] = (0, import_react.useState)([]);
   const productRef = (0, import_react.useRef)(products);
+  const { openLoginModal } = (0, import_hooks.useAppointmentBookingLogin)();
+  const { accountLists } = (0, import_hooks.useAppointmentBookingAccount)();
   const cart = (_b = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _b.cart;
   const isUserLoggedIn = (0, import_react.useMemo)(() => {
     var _a2, _b2;
@@ -79,29 +81,30 @@ var VoucherCard = (props) => {
     });
   }, [discountList]);
   (0, import_react.useEffect)(() => {
-    const shopDiscount2 = pisellos.getModule("shopDiscount");
-    shopDiscount2.setCustomer(currentUser);
-  }, [currentUser.id]);
+    if (isUserLoggedIn) {
+      const shopDiscount2 = pisellos.getModule("shopDiscount");
+      shopDiscount2.setCustomer(currentUser);
+    }
+  }, [currentUser.id, isUserLoggedIn]);
   (0, import_react.useEffect)(() => {
     shopDiscount.setProductList(products);
   }, [products]);
-  (0, import_react.useEffect)(() => {
-    if (productRef.current === products) {
-      return;
-    }
-    const val = shopDiscount.calcDiscount(products);
-    console.log("input: ", products);
-    console.log("output: ", val);
-    productRef.current = val.productList;
+  const onCartChange = () => {
+    const products2 = cart == null ? void 0 : cart.getItems();
+    const val = shopDiscount.calcDiscount(products2);
     cart == null ? void 0 : cart.batchSetItems(val.productList);
-  }, [products]);
+  };
   (0, import_react.useEffect)(() => {
+    const val = shopDiscount.getDiscountList();
+    setDisCountList(val);
     pisellos.effects.on(
       ShopDiscountHooks.onLoadPrepareCalcResult,
       (result) => {
         cart == null ? void 0 : cart.batchSetItems(result.productList);
       }
     );
+    pisellos.effects.on("appointmentBooking_cart:onAddItem", onCartChange);
+    pisellos.effects.on("appointmentBooking_cart:onRemoveItem", onCartChange);
     pisellos.effects.on(
       ShopDiscountHooks.onDiscountListChange,
       (discount) => {
@@ -114,6 +117,7 @@ var VoucherCard = (props) => {
     const val = await shopDiscount.scanCode(code);
     if (val == null ? void 0 : val.isAvailable) {
       cart == null ? void 0 : cart.batchSetItems(val.productList);
+      setCode("");
     } else {
       (0, import_materials.PisellToast)({
         content: import_utils.locales.getText("pisell2.text.goodpass.code-invalid")
@@ -127,11 +131,17 @@ var VoucherCard = (props) => {
         className: "login-btn",
         onClick: () => {
           if (!action) return;
-          action({
-            type: "pisell1.login",
-            data: {},
+          openLoginModal({
             callback: (status) => {
+              var _a2, _b2, _c;
+              const user = (_c = (_b2 = (_a2 = utils.store) == null ? void 0 : _a2.getState()) == null ? void 0 : _b2.global) == null ? void 0 : _c.userInfo;
+              const currentUser2 = (0, import_utils2.formatCustomer)(user);
+              const meAccount = accountLists == null ? void 0 : accountLists.find((d) => !(d == null ? void 0 : d.isGuest));
               if (status === "success") {
+                appointmentBooking.setLoginAccount(
+                  meAccount == null ? void 0 : meAccount.id,
+                  currentUser2
+                );
               }
             }
           });
@@ -178,7 +188,9 @@ var VoucherCard = (props) => {
               discountId: val.id,
               isSelected: val.isSelected
             });
-            (_b2 = (_a2 = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a2.cart) == null ? void 0 : _b2.batchSetItems(detail.productList);
+            (_b2 = (_a2 = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a2.cart) == null ? void 0 : _b2.batchSetItems(
+              detail.productList
+            );
           }
         }
       ) : null,
@@ -193,13 +205,7 @@ var VoucherCard = (props) => {
           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")))
     ));

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

@@ -19,6 +19,8 @@ interface AppointmentBookingContextType {
     symbolic?: any;
     resourceOtherParams?: any;
     setResourceOtherParams: (val: any) => void;
+    selectedTime: any;
+    setSelectedTime: (val: any) => void;
 }
 export declare const AppointmentBookingProvider: ({ children, }: {
     children: ReactNode;

package/lib/components/appointmentBooking/context.js

@@ -52,6 +52,7 @@ var AppointmentBookingProvider = ({
   const [isLastStep, setIsLastStep] = (0, import_react.useState)(false);
   const [carts, setCarts] = (0, import_react.useState)([]);
   const [resourceOtherParams, setResourceOtherParams] = (0, import_react.useState)({});
+  const [selectedTime, setSelectedTime] = (0, import_react.useState)(null);
   const { appHelper } = (0, import_useEngineContext.default)();
   const symbolic = (_a = appHelper == null ? void 0 : appHelper.utils) == null ? void 0 : _a.getSymbolic();
   console.log(3234234, times, resources);
@@ -74,7 +75,9 @@ var AppointmentBookingProvider = ({
     appHelper,
     symbolic,
     resourceOtherParams,
-    setResourceOtherParams
+    setResourceOtherParams,
+    selectedTime,
+    setSelectedTime
   };
   return /* @__PURE__ */ import_react.default.createElement(AppointmentBookingContext.Provider, { value }, children);
 };