@pisell/private-materials 6.0.25 → 6.2.1

package/lib/components/appointmentBooking/assets/shopping-cart.svg

@@ -0,0 +1,10 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="shopping-cart-01" clip-path="url(#clip0_12002_1017)">
+<path id="Icon" d="M1.6665 1.66663H2.75497C2.95999 1.66663 3.0625 1.66663 3.14499 1.70433C3.21769 1.73755 3.27929 1.79098 3.32246 1.85825C3.37145 1.93458 3.38595 2.03606 3.41494 2.23901L3.80936 4.99996M3.80936 4.99996L4.68594 11.4428C4.79718 12.2604 4.85279 12.6692 5.04825 12.9769C5.22049 13.2481 5.46741 13.4637 5.7593 13.5978C6.09056 13.75 6.50312 13.75 7.32826 13.75H14.4598C15.2453 13.75 15.638 13.75 15.959 13.6086C16.242 13.484 16.4847 13.2832 16.6601 13.0285C16.8589 12.7396 16.9324 12.3538 17.0794 11.5823L18.1824 5.79137C18.2342 5.5198 18.26 5.38401 18.2225 5.27788C18.1897 5.18477 18.1248 5.10636 18.0395 5.05664C17.9422 4.99996 17.804 4.99996 17.5275 4.99996H3.80936ZM8.33317 17.5C8.33317 17.9602 7.96007 18.3333 7.49984 18.3333C7.0396 18.3333 6.6665 17.9602 6.6665 17.5C6.6665 17.0397 7.0396 16.6666 7.49984 16.6666C7.96007 16.6666 8.33317 17.0397 8.33317 17.5ZM14.9998 17.5C14.9998 17.9602 14.6267 18.3333 14.1665 18.3333C13.7063 18.3333 13.3332 17.9602 13.3332 17.5C13.3332 17.0397 13.7063 16.6666 14.1665 16.6666C14.6267 16.6666 14.9998 17.0397 14.9998 17.5Z" stroke="#344054" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_12002_1017">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/lib/components/appointmentBooking/components/Cart/ContinueButton/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+interface ContinueButtonProps {
+    onNext?: () => void;
+}
+declare const ContinueButton: React.FC<ContinueButtonProps>;
+export default ContinueButton;

package/lib/components/appointmentBooking/components/Cart/ContinueButton/index.js

@@ -0,0 +1,113 @@
+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/Cart/ContinueButton/index.tsx
+var ContinueButton_exports = {};
+__export(ContinueButton_exports, {
+  default: () => ContinueButton_default
+});
+module.exports = __toCommonJS(ContinueButton_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_useEngineContext = __toESM(require("../../../../../hooks/useEngineContext"));
+var import_hooks = require("../../../hooks");
+var import_context = require("../../../context");
+var import_utils2 = require("../utils");
+var import_index = require("./index.less");
+var ContinueButton = ({ onNext }) => {
+  var _a, _b, _c;
+  const context = (0, import_useEngineContext.default)();
+  const utils = context.appHelper.utils || {};
+  const { isLogin, openLoginModal } = (0, import_hooks.useAppointmentBookingLogin)();
+  const { accountLists, getHolders, checkAccount } = (0, import_hooks.useAppointmentBookingAccount)();
+  const {
+    currentStep,
+    carts,
+    appointmentBooking,
+    setCarts,
+    loading,
+    setIsErrorHolder,
+    isLastStep
+  } = (0, import_context.useAppointmentBookingContext)();
+  const { isFormSubject, isRetailTemplate } = (0, import_hooks.useAppointmentBookingSetting)();
+  const stepList = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    return (_c2 = (_b2 = (_a2 = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a2.step) == null ? void 0 : _b2.store) == null ? void 0 : _c2.stepList;
+  }, [(_c = (_b = (_a = appointmentBooking == null ? void 0 : appointmentBooking.store) == null ? void 0 : _a.step) == null ? void 0 : _b.store) == null ? void 0 : _c.stepList]);
+  const handleCheckAccount = () => {
+    if (isRetailTemplate) return false;
+    const result = (0, import_utils2.checkHolder)({
+      isFormSubject,
+      checkAccount,
+      carts
+    });
+    if (result) {
+      setCarts(result);
+    }
+    setIsErrorHolder(!!result);
+    return !!result;
+  };
+  const handleLoginCheck = async () => {
+    return await (0, import_utils2.checkLogin)({
+      isLogin,
+      openLoginModal,
+      isFormSubject,
+      utils,
+      accountLists,
+      appointmentBooking,
+      getHolders
+    });
+  };
+  const handleContinue = async () => {
+    try {
+      return onNext && onNext();
+    } catch (error) {
+      console.log(error, "handleContinue_error");
+    }
+  };
+  const continueText = (0, import_react.useMemo)(() => {
+    if (isLastStep) {
+      return import_utils.locales.getText("pisell2.event.checkout");
+    } else {
+      return import_utils.locales.getText("pisell2.event.close.continue");
+    }
+  }, [isLastStep]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.Button,
+    {
+      disabled: !(carts == null ? void 0 : carts.length),
+      size: "large",
+      type: "primary",
+      onClick: () => handleContinue(),
+      loading
+    },
+    continueText
+  ));
+};
+var ContinueButton_default = ContinueButton;

package/lib/components/appointmentBooking/components/Cart/Item/Total.d.ts

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

package/lib/components/appointmentBooking/components/Cart/Item/Total.js

@@ -0,0 +1,79 @@
+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/Cart/Item/Total.tsx
+var Total_exports = {};
+__export(Total_exports, {
+  default: () => Total_default
+});
+module.exports = __toCommonJS(Total_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_index = require("./index.less");
+var import_classnames = __toESM(require("classnames"));
+var import_context = require("../../../context");
+var Total = ({ className, isFooter }) => {
+  const { summary, symbolic } = (0, import_context.useAppointmentBookingContext)();
+  const { taxTitle, totalTaxFee, isPriceIncludeTax, total, deposit } = summary;
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `appointment-total-wrap ${className} ${(deposit == null ? void 0 : deposit.hasDeposit) ? "appointment-total-deposit-wrap" : ""}`
+    },
+    !isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ import_react.default.createElement("div", { className: "gst-wrap" }, /* @__PURE__ */ import_react.default.createElement("span", null, taxTitle, isFooter ? ": " : ""), /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value: totalTaxFee, showCurrencySymbol: true })) : null,
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("event-total", {
+          [["total-gst-wrap"]]: !isPriceIncludeTax && Number(totalTaxFee) > 0
+        })
+      },
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "left" }, /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("span", null, (deposit == null ? void 0 : deposit.hasDeposit) && isFooter ? import_utils.locales.getText("pisell2.appointment.deposit") : import_utils.locales.getText("pisell2.event.total"), isFooter ? ": " : ""), isFooter ? /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellText.Amount,
+        {
+          value: (deposit == null ? void 0 : deposit.hasDeposit) ? deposit == null ? void 0 : deposit.total : total,
+          showCurrencySymbol: true,
+          className: "event-amount"
+        }
+      ) : null), isPriceIncludeTax && Number(totalTaxFee) > 0 ? /* @__PURE__ */ import_react.default.createElement("span", { className: "gst" }, import_utils.locales.getText("pisell2.event.total.gst")(
+        `${isFooter ? `${taxTitle}: ` : taxTitle}`,
+        `${symbolic}${totalTaxFee}`
+      )) : null),
+      !isFooter ? /* @__PURE__ */ import_react.default.createElement(
+        import_materials.PisellText.Amount,
+        {
+          value: total,
+          showCurrencySymbol: true,
+          className: "event-amount"
+        }
+      ) : null
+    )
+  );
+};
+var Total_default = Total;

package/lib/components/appointmentBooking/components/Cart/Item/index.d.ts

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

package/lib/components/appointmentBooking/components/Cart/Item/index.js

@@ -0,0 +1,213 @@
+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/Cart/Item/index.tsx
+var Item_exports = {};
+__export(Item_exports, {
+  default: () => Item_default
+});
+module.exports = __toCommonJS(Item_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_shoppingCart = __toESM(require("../../../../shoppingCart"));
+var import_ContinueButton = __toESM(require("../ContinueButton"));
+var import_hooks = require("../../../hooks");
+var import_context = require("../../../context");
+var import_hooks2 = require("../../../hooks");
+var import_utils2 = require("../../../utils");
+var import_Voucher = __toESM(require("../../Voucher"));
+var import_Total = __toESM(require("./Total"));
+var import_Deposit = __toESM(require("../../Deposit"));
+var import_utils3 = require("../utils");
+var import_index = require("./index.less");
+var CartItem = ({ onNext }) => {
+  var _a, _b, _c, _d, _e;
+  const appointmentBooking = (0, import_hooks.useAppointmentBooking)();
+  const {
+    carts,
+    currentStep,
+    setResourceOtherParams,
+    resourceOtherParams,
+    summary,
+    isLastStep,
+    currentSelectedResources,
+    currentStepParams,
+    isErrorHolder
+  } = (0, import_context.useAppointmentBookingContext)();
+  const { accountLists, getHolders, addAccount } = (0, import_hooks2.useAppointmentBookingAccount)();
+  const { getResourceList } = (0, import_hooks2.useAppointmentBookingResource)();
+  const { isFormSubject, bookingSubject, isRetailTemplate } = (0, import_hooks2.useAppointmentBookingSetting)();
+  const { isLogin } = (0, import_hooks2.useAppointmentBookingLogin)();
+  const utils = (0, import_hooks2.contextUtils)();
+  const { businessUtils } = utils;
+  const { deposit } = summary;
+  const currentUser = (0, import_react.useMemo)(() => {
+    return (0, import_utils2.formatCurrentUser)(utils) || {};
+  }, []);
+  const holderIds = (0, import_react.useMemo)(() => {
+    if (isFormSubject) return [];
+    return accountLists.map((item) => item.id);
+  }, [accountLists, isFormSubject]);
+  const holders = (0, import_react.useMemo)(() => {
+    if (isFormSubject) return [];
+    return (0, import_utils2.formatHolder)(accountLists);
+  }, [accountLists, isFormSubject]);
+  const hasGoodPassApp = !!((_a = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _a.call(businessUtils, "goodpass"));
+  const hasDiscountCardApp = !!((_b = businessUtils == null ? void 0 : businessUtils.getAppByModal) == null ? void 0 : _b.call(businessUtils, "discountcard"));
+  const handleClickCard = (e, type, val) => {
+    console.log(e, type, val, "handleClickCard");
+    if (type === "note") {
+      return appointmentBooking.updateCart({
+        _id: e == null ? void 0 : e._id,
+        ...val
+      });
+    }
+    if (type === "delete") {
+      return appointmentBooking.deleteCart(e == null ? void 0 : e._id);
+    }
+    if (type === "delete_holders") {
+      return appointmentBooking.removeAccount(val);
+    }
+    if (type === "change_resource") {
+      setResourceOtherParams({
+        ...resourceOtherParams,
+        errorList: null
+      });
+      val.like_status = "like";
+      appointmentBooking.updateCart({
+        _id: e == null ? void 0 : e._id,
+        resources: (0, import_utils2.updateCartResources)(e, val, currentSelectedResources)
+      });
+      getResourceList();
+      return;
+    }
+    if (type === "change_holder") {
+      if (!val) {
+        appointmentBooking.deleteCartItemInfo("holder", e == null ? void 0 : e._id);
+      } else {
+        appointmentBooking.updateCart({
+          _id: e == null ? void 0 : e._id,
+          account: val
+        });
+      }
+      return;
+    }
+    if (type === "add_holder") {
+      const relationShipFormId = bookingSubject == null ? void 0 : bookingSubject.relationship_form_id;
+      return (0, import_utils2.openForm)({
+        form_id: relationShipFormId || (bookingSubject == null ? void 0 : bookingSubject.form_id),
+        title: import_utils.locales.getText("pisell2.event.create.form"),
+        utils,
+        callback: async (res) => {
+          if ((res == null ? void 0 : res.status) === "success") {
+            let result = void 0;
+            if (!relationShipFormId) {
+              result = await addAccount(res == null ? void 0 : res.values, "holder");
+            } else {
+              result = await (0, import_utils3.handleAddHolder)({
+                res,
+                bookingSubject,
+                accountLists,
+                cartItem: e,
+                getHolders,
+                appointmentBooking
+              });
+            }
+            if (result) {
+              appointmentBooking.updateCart({
+                _id: e == null ? void 0 : e._id,
+                account: result
+              });
+            }
+          }
+        }
+      });
+    }
+  };
+  const products = (0, import_react.useMemo)(() => {
+    if (!(carts == null ? void 0 : carts.length)) return [];
+    carts.forEach((item) => {
+      item.isShowChangeHolder = !appointmentBooking.isTargetCartIdNormalProduct(item == null ? void 0 : item._id);
+    });
+    if ((currentSelectedResources == null ? void 0 : currentSelectedResources.length) > 0) {
+      const newCarts = carts.map((item) => {
+        const currentResourceData = currentSelectedResources.find(
+          (resource) => (resource == null ? void 0 : resource._id) === (item == null ? void 0 : item._id)
+        );
+        const multiResources = (0, import_utils2.getMultiResources)(
+          item,
+          currentResourceData == null ? void 0 : currentResourceData.currentSelectedResource,
+          currentStepParams == null ? void 0 : currentStepParams.key
+        );
+        return {
+          ...item,
+          isMultipleResource: true,
+          multiResources,
+          isErrorHolder: isErrorHolder || false
+        };
+      });
+      return newCarts;
+    } else {
+      return carts;
+    }
+  }, [carts, currentSelectedResources, currentStepParams == null ? void 0 : currentStepParams.key, isErrorHolder]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `appointment-cart-item-wrap ${(0, import_utils.isMobile)() ? "appointment-cart-mobile-item-wrap" : ""}`
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "content" }, /* @__PURE__ */ import_react.default.createElement(
+      import_shoppingCart.default,
+      {
+        productParams: {
+          products,
+          hideAddBtn: false,
+          holders,
+          disabledEdit: isLastStep,
+          isShowChangeResource: (_d = (_c = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _c.key) == null ? void 0 : _d.startsWith("select-resource"),
+          isShowDelete: ((_e = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _e.key) === "select-service",
+          isShowPackageNote: false,
+          isShowChangeHolder: isLastStep ? false : isFormSubject && isLogin,
+          isShowHolder: isFormSubject,
+          isShowAddHolderButton: true
+        },
+        collapseParams: {
+          activeKey: holderIds,
+          ghost: true
+        },
+        platform: "h5",
+        emptyText: import_utils.locales.getText("pisell2.event.empty.service"),
+        isOpenGroup: !!(holderIds == null ? void 0 : holderIds.length),
+        isHideClearCart: true,
+        onChange: (e, type, key) => handleClickCard(e, type, key)
+      }
+    )),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-footer" }, hasGoodPassApp || hasDiscountCardApp ? /* @__PURE__ */ import_react.default.createElement(import_Voucher.default, { currentUser, products: carts }) : null, /* @__PURE__ */ import_react.default.createElement(import_Total.default, null), (carts == null ? void 0 : carts.length) > 0 && (deposit == null ? void 0 : deposit.hasDeposit) ? /* @__PURE__ */ import_react.default.createElement(import_Deposit.default, null) : null, /* @__PURE__ */ import_react.default.createElement(import_ContinueButton.default, { onNext }))
+  ));
+};
+var Item_default = CartItem;

package/lib/components/appointmentBooking/components/Cart/Item/index.less

@@ -0,0 +1,108 @@
+.appointment-cart-item-wrap {
+  height: calc(var(--vh, 1vh) * 100 - 100px);
+  display: flex;
+  flex-direction: column;
+
+  .content {
+    background: #fff;
+    padding: 0 16px;
+    max-height: 100%;
+    height: auto;
+    overflow-y: auto;
+
+    .pisell-lowcode__shopping-cart-content {
+      .ant-card-body {
+        padding: 0;
+      }
+    }
+  }
+
+  .appointment-footer {
+    background: #fff;
+    padding: 10px 16px 0;
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    margin-top: 6px;
+    display: flex;
+    flex: 1;
+    padding-bottom: 20px;
+  }
+}
+
+.appointment-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;
+      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(--theme-color, #7f56d9);
+  }
+}
+
+.appointment-total-deposit-wrap {
+  span {
+    font-size: 16px !important;
+    font-weight: 500;
+    line-height: 24px;
+    color: var(--Text-Text_1, #1b1b1b) !important;
+  }
+}
+
+.appointment-cart-mobile-item-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  .content {
+    flex: 1;
+    overflow-y: auto;
+    padding: 16px 16px 0;
+  }
+
+  .appointment-footer {
+    background: #fff;
+    border-top: 1px solid #eaecf0;
+    padding: 14px 24px 24px;
+    margin-top: 0;
+    position: relative;
+    flex: none;
+    z-index: 10;
+  }
+}

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

@@ -0,0 +1,3 @@
+import './index.less';
+declare const Cart: ({ open, onCancel, onNext }: any) => JSX.Element;
+export default Cart;

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

@@ -0,0 +1,60 @@
+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/Cart/index.tsx
+var Cart_exports = {};
+__export(Cart_exports, {
+  default: () => Cart_default
+});
+module.exports = __toCommonJS(Cart_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_Item = __toESM(require("./Item/index"));
+var import_index = require("./index.less");
+var Cart = ({ open, onCancel, onNext }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal,
+    {
+      open,
+      title: import_utils.locales.getText("pisell2.event.cart"),
+      platform: "h5",
+      closable: true,
+      onCancel: () => onCancel(),
+      bodyStyle: {
+        padding: 0
+      },
+      destroyOnClose: true,
+      className: `appointment-cart-modal`,
+      footer: null,
+      forceRender: true
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext })
+  );
+};
+var Cart_default = Cart;

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

@@ -0,0 +1,2 @@
+.appointment-cart-modal {
+}

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

@@ -0,0 +1,56 @@
+interface CheckLoginParams {
+    isLogin: boolean;
+    openLoginModal: (params: {
+        callback: (status: string) => void;
+    }) => void;
+    isFormSubject: boolean;
+    utils: any;
+    accountLists: any[];
+    appointmentBooking: any;
+    getHolders: () => void;
+}
+export declare const checkLogin: ({ isLogin, openLoginModal, isFormSubject, utils, accountLists, appointmentBooking, getHolders, }: CheckLoginParams) => Promise<boolean>;
+interface CheckHolderParams {
+    isFormSubject: boolean;
+    checkAccount: (type: string) => boolean;
+    carts: any[];
+}
+export declare const checkHolder: ({ isFormSubject, checkAccount, carts }: CheckHolderParams) => false | any[];
+interface CheckResourceParams {
+    carts: any[];
+    resources: any[];
+}
+/**
+ * @title: 检测资源数据
+ * @description:
+ * @param {CheckResourceParams} param1
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-04-29 18:02
+ */
+export declare const checkResource: ({ carts, resources }: CheckResourceParams) => false | any[];
+interface CheckResourceParams {
+    carts: any[];
+}
+export declare type StepKey = 'select-resource' | 'fill-form' | 'select-time' | 'confirm-information' | 'select-service' | 'select-date' | 'select-guest';
+interface AddHolderParams {
+    res: any;
+    bookingSubject: any;
+    accountLists: any[];
+    cartItem: any;
+    getHolders: () => void;
+    appointmentBooking: any;
+}
+/**
+ * @title: 添加holder
+ * @description:
+ * @param {any} res
+ * @param {any} bookingSubject
+ * @param {any} accountLists
+ * @param {any} e
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-05-10 18:25
+ */
+export declare const handleAddHolder: ({ res, bookingSubject, accountLists, cartItem, getHolders, appointmentBooking }: AddHolderParams) => Promise<any>;
+export {};