@pisell/private-materials 6.0.24 → 6.1.1

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 {};

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

@@ -0,0 +1,125 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appointmentBooking/components/Cart/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  checkHolder: () => checkHolder,
+  checkLogin: () => checkLogin,
+  checkResource: () => checkResource,
+  handleAddHolder: () => handleAddHolder
+});
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("../../utils");
+var checkLogin = async ({
+  isLogin,
+  openLoginModal,
+  isFormSubject,
+  utils,
+  accountLists,
+  appointmentBooking,
+  getHolders
+}) => {
+  if (!isLogin) {
+    openLoginModal({
+      callback: (status) => {
+        var _a;
+        if (status === "success") {
+          if (!isFormSubject) {
+            const user = JSON.parse(((_a = utils == null ? void 0 : utils.storage) == null ? void 0 : _a.get("customer")) || "{}");
+            const currentUser = (0, import_utils.formatCustomer)(user);
+            const meAccount = accountLists == null ? void 0 : accountLists.find((d) => !(d == null ? void 0 : d.isGuest));
+            appointmentBooking.setLoginAccount(meAccount == null ? void 0 : meAccount.id, currentUser);
+          } else {
+            getHolders();
+          }
+        }
+      }
+    });
+    return false;
+  }
+  return true;
+};
+var checkHolder = ({ isFormSubject, checkAccount, carts }) => {
+  if (isFormSubject && !checkAccount("holder")) {
+    const newCarts = carts == null ? void 0 : carts.map((item) => {
+      return {
+        ...item,
+        isErrorHolder: !(item == null ? void 0 : item.holder_id)
+      };
+    });
+    return newCarts;
+  }
+  return false;
+};
+var checkResource = ({ carts, resources }) => {
+  const isEmptyResourceId = carts == null ? void 0 : carts.some((item) => !(item == null ? void 0 : item.resource_id));
+  if (isEmptyResourceId) {
+    const newCarts = carts == null ? void 0 : carts.map((item) => {
+      var _a;
+      let errorText = "";
+      if (!(item == null ? void 0 : item.resource_id)) {
+        const currentCart = resources == null ? void 0 : resources.find((d) => (d == null ? void 0 : d._id) === (item == null ? void 0 : item._id));
+        const currentResources = (currentCart == null ? void 0 : currentCart.resources) || [];
+        errorText = ((_a = currentResources == null ? void 0 : currentResources[0]) == null ? void 0 : _a.title) || "";
+      }
+      return {
+        ...item,
+        isErrorResource: !(item == null ? void 0 : item.resource_id),
+        resourceErrorText: errorText
+      };
+    });
+    return newCarts;
+  }
+  return false;
+};
+var handleAddHolder = async ({ res, bookingSubject, accountLists, cartItem, getHolders, appointmentBooking }) => {
+  var _a;
+  try {
+    let result = void 0;
+    const relationShipForms = ((_a = res == null ? void 0 : res.values) == null ? void 0 : _a.form_to_form_value) || [];
+    const currentForm = relationShipForms.find(
+      (item) => item.form_id === (bookingSubject == null ? void 0 : bookingSubject.form_id)
+    );
+    const form_record_id = Math.max(
+      ...(currentForm == null ? void 0 : currentForm.form_data_value) || []
+    );
+    const oldAccount = accountLists.find(
+      (item) => item.id === form_record_id
+    );
+    await getHolders();
+    const newAccountLists = await appointmentBooking.getAccounts();
+    if (oldAccount) {
+      result = !(cartItem == null ? void 0 : cartItem.holder_id) ? { ...accountLists == null ? void 0 : accountLists[0] } : void 0;
+    } else {
+      const newAccount = newAccountLists.find(
+        (item) => item.id === form_record_id
+      );
+      result = { ...newAccount || (newAccountLists == null ? void 0 : newAccountLists[0]) };
+    }
+    return result;
+  } catch (error) {
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  checkHolder,
+  checkLogin,
+  checkResource,
+  handleAddHolder
+});

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.less';
+declare const ConfirmInformation: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+export default ConfirmInformation;

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

@@ -0,0 +1,155 @@
+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/ConfirmInformation/index.tsx
+var ConfirmInformation_exports = {};
+__export(ConfirmInformation_exports, {
+  default: () => ConfirmInformation_default
+});
+module.exports = __toCommonJS(ConfirmInformation_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
+var import_context = require("../../context");
+var import_hooks = require("../../hooks");
+var import_Item = __toESM(require("../Cart/Item"));
+var import_utils2 = require("../../utils");
+var import_utils3 = require("./utils");
+var import_index = require("./index.less");
+var ConfirmInformation = (0, import_react.forwardRef)((props, ref) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const config = ((_b = (_a = context == null ? void 0 : context.appHelper) == null ? void 0 : _a.constants) == null ? void 0 : _b.config) || {};
+  const utils = (0, import_hooks.contextUtils)();
+  const { appointmentBooking, summary, isAgreeDepositPolicy, setLoading } = (0, import_context.useAppointmentBookingContext)();
+  const { isRetailTemplate } = (0, import_hooks.useAppointmentBookingSetting)();
+  const goPaymentFinish = (order_id, amount) => {
+    var _a2;
+    const url = `/payment-finish/success?order_id=${order_id}&amount=${Number(
+      amount
+    )}`;
+    (_a2 = utils == null ? void 0 : utils.history) == null ? void 0 : _a2.replace(url);
+    setLoading(false);
+  };
+  (0, import_react.useEffect)(() => {
+    if (isRetailTemplate) {
+      handleForm();
+    }
+  }, [isRetailTemplate]);
+  const handleForm = async (isSubmit) => {
+    var _a2;
+    const carts = await appointmentBooking.getCart();
+    const key = "isRetailFormSubmit";
+    const isRetailFormSubmit = appointmentBooking.getOtherData(key);
+    const callback = () => {
+      if (isSubmit) {
+        onCheckout();
+      }
+    };
+    if (isRetailFormSubmit) {
+      return callback();
+    }
+    const params = (0, import_utils3.getFormParams)(carts);
+    (_a2 = utils == null ? void 0 : utils.action) == null ? void 0 : _a2.call(utils, {
+      type: "pisell1.goProductForm",
+      data: params,
+      callback: async (e) => {
+        var _a3;
+        if ((e == null ? void 0 : e.type) !== "close") {
+          await appointmentBooking.updateCart({
+            _id: (_a3 = carts == null ? void 0 : carts[0]) == null ? void 0 : _a3._id,
+            relationForms: e
+          });
+          appointmentBooking.setOtherData(key, true);
+          callback();
+        }
+        setLoading(false);
+      }
+    });
+  };
+  const handleNext = async () => {
+    var _a2;
+    const { deposit } = summary;
+    if ((deposit == null ? void 0 : deposit.hasDeposit) && ((_a2 = deposit == null ? void 0 : deposit.protocols) == null ? void 0 : _a2.length) > 0 && !isAgreeDepositPolicy) {
+      return (0, import_utils2.Toast)(import_utils.locales.getText("pisell2.appointment.deposit.agree.policy"));
+    }
+    setLoading(true);
+    if (isRetailTemplate) {
+      handleForm(true);
+      return;
+    }
+    onCheckout();
+  };
+  const onCheckout = async () => {
+    try {
+      const { deposit } = summary;
+      const { data } = await appointmentBooking.submitOrder();
+      const { is_deposit, deposit_amount, total_amount, order_id } = data || {};
+      const _total = is_deposit ? deposit_amount : total_amount;
+      if (_total > 0) {
+        utils.action({
+          type: "pisell1.payment",
+          data: { ...data, total_amount: _total },
+          callback: (e) => {
+          }
+        });
+        setTimeout(() => {
+          setLoading(false);
+        }, 200);
+      } else {
+        if (deposit == null ? void 0 : deposit.hasDeposit) {
+          goPaymentFinish(order_id, _total);
+          return;
+        }
+        const freeResult = await appointmentBooking.getFreeProduct(order_id);
+        console.log(freeResult, "freeResult");
+        if (freeResult == null ? void 0 : freeResult.status) {
+          goPaymentFinish(order_id, total_amount);
+        } else {
+          (0, import_utils2.Toast)(freeResult == null ? void 0 : freeResult.message);
+        }
+      }
+    } catch (error) {
+      (0, import_utils2.Toast)((error == null ? void 0 : error.message) || "");
+      setTimeout(() => {
+        setLoading(false);
+      }, 50);
+    }
+  };
+  (0, import_react.useImperativeHandle)(ref, () => ({
+    next: handleNext
+  }));
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-wrap" }, (0, import_utils.isMobile)() ? /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext: handleNext }) : /* @__PURE__ */ import_react.default.createElement("div", { className: "appointment-confirm-information-content" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "image" }, /* @__PURE__ */ import_react.default.createElement(
+    "img",
+    {
+      src: `${config == null ? void 0 : config.awsStatic}/checkout_confirm.png`,
+      loading: "lazy"
+    }
+  )), /* @__PURE__ */ import_react.default.createElement("span", { className: "tips" }, import_utils.locales.getText("pisell2.appointment.tips")), /* @__PURE__ */ import_react.default.createElement("span", { className: "tips-content" }, import_utils.locales.getText("pisell2.appointment.tips.content"))));
+});
+var ConfirmInformation_default = ConfirmInformation;

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

@@ -0,0 +1,35 @@
+.appointment-confirm-information-wrap {
+  padding-top: 20px;
+  height: 100%;
+
+  .appointment-confirm-information-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: #000;
+    text-align: center;
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 30px;
+
+    .image {
+      display: flex;
+      width: 76%;
+      img {
+        width: 100%;
+      }
+    }
+
+    .tips {
+      margin-top: 43px;
+    }
+
+    .tips-content {
+      margin-top: 8px;
+      font-size: 16px;
+      font-weight: 500;
+      line-height: 24px;
+    }
+  }
+}

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

@@ -0,0 +1,12 @@
+/**
+ * @title: 获取拉开表单弹窗参数
+ * @description:
+ * @param {any} state
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2025-05-28 15:40
+ */
+export declare const getFormParams: (carts: any[]) => {
+    product_id: any[];
+    appointment_type: string;
+};

package/lib/components/appointmentBooking/components/ConfirmInformation/utils.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/appointmentBooking/components/ConfirmInformation/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  getFormParams: () => getFormParams
+});
+module.exports = __toCommonJS(utils_exports);
+var getFormParams = (carts) => {
+  const product_id = (carts || []).map((item) => {
+    return item.id;
+  });
+  return {
+    product_id,
+    appointment_type: "virtual"
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getFormParams
+});

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

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

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

@@ -0,0 +1,221 @@
+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/Content/index.tsx
+var Content_exports = {};
+__export(Content_exports, {
+  default: () => Content_default
+});
+module.exports = __toCommonJS(Content_exports);
+var import_react = __toESM(require("react"));
+var import_utils = require("@pisell/utils");
+var import_Item = __toESM(require("../Cart/Item"));
+var import_Header = __toESM(require("../Header"));
+var import_Footer = __toESM(require("../Footer"));
+var import_Services = __toESM(require("../Services"));
+var import_Date = __toESM(require("../Date"));
+var import_Resource = __toESM(require("../Resource"));
+var import_TimeSlicing = __toESM(require("../TimeSlicing"));
+var import_Guest = __toESM(require("../Guest"));
+var import_Form = __toESM(require("../Form"));
+var import_ConfirmInformation = __toESM(require("../ConfirmInformation"));
+var import_context = require("../../context");
+var import_PolicyModal = __toESM(require("../../deposit/components/PolicyModal"));
+var import_hooks = require("../../hooks");
+var import_index = require("./index.less");
+var Layout = () => {
+  var _a, _b, _c, _d, _e;
+  const stepRef = (0, import_react.useRef)();
+  const {
+    currentStep,
+    setResourceOtherParams,
+    resourceOtherParams,
+    setIsAgreeDepositPolicy,
+    appointmentBooking,
+    setLoading,
+    policyParams,
+    closePolicy,
+    currentStepParams,
+    setIsErrorHolder
+  } = (0, import_context.useAppointmentBookingContext)();
+  const { isDateSelectedFirst, isFormSubject, isRetailTemplate } = (0, import_hooks.useAppointmentBookingSetting)();
+  const { isLogin } = (0, import_hooks.useAppointmentBookingLogin)();
+  const { getHolders } = (0, import_hooks.useAppointmentBookingAccount)();
+  const { removeStep } = (0, import_hooks.useAppointmentBookingStep)();
+  const { shopDiscount } = (0, import_hooks.useShopDiscount)();
+  (0, import_hooks.useAppointmentBookingCart)();
+  (0, import_hooks.useAppointmentBookingStep)();
+  const [params, setParams] = (0, import_react.useState)({});
+  (0, import_react.useEffect)(() => {
+    appointmentBooking.removeStep("fill-form");
+    return () => {
+      var _a2;
+      setIsAgreeDepositPolicy(false);
+      appointmentBooking.destroy();
+      (_a2 = shopDiscount == null ? void 0 : shopDiscount.destroy) == null ? void 0 : _a2.call(shopDiscount);
+    };
+  }, []);
+  (0, import_react.useEffect)(() => {
+    var _a2;
+    if ((currentStepParams == null ? void 0 : currentStepParams.index) < 0) return;
+    const resourceStepIndex = (_a2 = currentStepParams == null ? void 0 : currentStepParams.stepLists) == null ? void 0 : _a2.findIndex(
+      (item) => item.key === "select-resource"
+    );
+    if ((currentStepParams == null ? void 0 : currentStepParams.index) < resourceStepIndex) {
+      appointmentBooking.setOtherData("current_selected_resources", null);
+    }
+  }, [currentStepParams]);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    try {
+      if (!(appointmentBooking == null ? void 0 : appointmentBooking.otherParams) || isRetailTemplate) return;
+      const showAddGuest = (_b2 = (_a2 = appointmentBooking == null ? void 0 : appointmentBooking.otherParams) == null ? void 0 : _a2.productModuleParams) == null ? void 0 : _b2.showAddGuest;
+      if (isFormSubject || !showAddGuest) {
+        removeStep("select-guest");
+      } else {
+        appointmentBooking.addStep(
+          {
+            key: "select-guest",
+            description: import_utils.locales.getText("pisell2.appointment.add-guests")
+          },
+          "select-service"
+        );
+      }
+    } catch (error) {
+    }
+  }, [isFormSubject, isRetailTemplate]);
+  (0, import_react.useEffect)(() => {
+    if (isFormSubject && isLogin && !isRetailTemplate) {
+      getHolders();
+    }
+  }, [isFormSubject, isLogin, isRetailTemplate]);
+  (0, import_react.useEffect)(() => {
+    if (!(currentStep == null ? void 0 : currentStep.step)) return;
+    setLoading(false);
+    setResourceOtherParams({
+      ...resourceOtherParams,
+      errorList: null
+    });
+    setIsErrorHolder(false);
+    window.scrollTo({
+      top: 0,
+      behavior: "smooth"
+    });
+  }, [(_a = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a.key]);
+  const components = {
+    // 选择服务
+    "select-service": import_Services.default,
+    // 添加客户
+    "select-guest": import_Guest.default,
+    // 选择时间
+    "select-date": import_Date.default,
+    // 时间切片
+    "select-time": import_TimeSlicing.default,
+    // 确认信息
+    "confirm-information": import_ConfirmInformation.default
+  };
+  const Com = (0, import_react.useMemo)(() => {
+    var _a2;
+    const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
+    if (!key) return null;
+    let Com2;
+    if (key.startsWith("select-resource")) {
+      Com2 = import_Resource.default;
+    } else if (key.startsWith("fill-form")) {
+      Com2 = import_Form.default;
+    } else {
+      Com2 = components[key];
+    }
+    return /* @__PURE__ */ import_react.default.createElement(Com2, { onChange: setParams, params, ref: stepRef });
+  }, [(_b = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _b.key]);
+  (0, import_react.useEffect)(() => {
+    var _a2, _b2;
+    if ((0, import_utils.isMobile)()) {
+      const header = document.querySelector(".event-progress-bar");
+      const footer = document.querySelector(".pisell-section-footers-wrapper");
+      const content = document.querySelector(
+        ".parallel-content-mobile-wrap"
+      );
+      const headerHeight = ((_a2 = header == null ? void 0 : header.getBoundingClientRect()) == null ? void 0 : _a2.height) || 0;
+      const footerHeight = ((_b2 = footer == null ? void 0 : footer.getBoundingClientRect()) == null ? void 0 : _b2.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";
+      }
+    }
+  }, [(_c = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _c.key]);
+  const isShowCartCom = (0, import_react.useMemo)(() => {
+    var _a2;
+    const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
+    if ((0, import_utils.isMobile)()) return null;
+    if (isDateSelectedFirst && key === "select-date") {
+      return null;
+    }
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: "parallel-content-right" }, /* @__PURE__ */ import_react.default.createElement(import_Item.default, { onNext: () => {
+      var _a3, _b2;
+      return (_b2 = (_a3 = stepRef == null ? void 0 : stepRef.current) == null ? void 0 : _a3.next) == null ? void 0 : _b2.call(_a3);
+    } }));
+  }, [isDateSelectedFirst, (_d = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _d.key]);
+  const isFooter = (0, import_react.useMemo)(() => {
+    var _a2;
+    if (!(0, import_utils.isMobile)()) return false;
+    const key = (_a2 = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _a2.key;
+    if (isDateSelectedFirst && key === "select-date") return false;
+    return key !== "confirm-information";
+  }, [isDateSelectedFirst, (_e = currentStep == null ? void 0 : currentStep.step) == null ? void 0 : _e.key]);
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !isRetailTemplate ? /* @__PURE__ */ import_react.default.createElement(import_Header.default, null) : null, /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: `parallel-content-wrap ${(0, import_utils.isMobile)() ? "parallel-content-mobile-wrap" : ""} ${isRetailTemplate ? "parallel-content-retail-wrap" : ""}`
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "parallel-content-left" }, Com),
+    isShowCartCom
+  ), isFooter ? /* @__PURE__ */ import_react.default.createElement(
+    import_Footer.default,
+    {
+      onNext: () => {
+        var _a2, _b2;
+        return (_b2 = (_a2 = stepRef == null ? void 0 : stepRef.current) == null ? void 0 : _a2.next) == null ? void 0 : _b2.call(_a2);
+      }
+    }
+  ) : null, (policyParams == null ? void 0 : policyParams.open) ? /* @__PURE__ */ import_react.default.createElement(
+    import_PolicyModal.default,
+    {
+      key: policyParams == null ? void 0 : policyParams._ts,
+      open: policyParams == null ? void 0 : policyParams.open,
+      onCancel: () => closePolicy(false),
+      onConfirm: () => closePolicy(true),
+      item: policyParams == null ? void 0 : policyParams.content,
+      onChange: () => setLoading(false),
+      isHideCheckout: false
+    }
+  ) : null);
+};
+var Content_default = Layout;