@pisell/private-materials 3.3.85 → 3.3.86

package/lib/components/eventBooking/components/bookingDetailModal/index.js

@@ -44,7 +44,7 @@ var import_OrderProductModal = __toESM(require("../Provider/OrderProductModal/in
 var import_index = require("./index.less");
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var BookingDetailModal = (props) => {
-  var _a;
+  var _a, _b, _c;
   const modalContentRef = (0, import_react.useRef)(null);
   const context = (0, import_useEngineContext.default)();
   const { utils } = context.appHelper || {};
@@ -58,11 +58,17 @@ var BookingDetailModal = (props) => {
     checkBeforeSelectEventDetail
   } = (0, import_Sales.useEventDetail)();
   const { addToCart, checkBeforeAddToCart, checkBeforeAddToCartResquest } = (0, import_Sales.useCart)();
+  const { initData } = (0, import_Sales.useInit)();
   const [activeTab, setActiveTab] = (0, import_react.useState)("introduction");
   const [isScrolling, setIsScrolling] = (0, import_react.useState)(false);
   const [openCheckout, setOpenCheckout] = (0, import_react.useState)(false);
   const isUserClickRef = (0, import_react.useRef)(false);
   const scrollTimeoutRef = (0, import_react.useRef)(null);
+  const buttonText = (0, import_react.useMemo)(() => {
+    var _a2, _b2, _c2;
+    const config = ((_b2 = (_a2 = initData == null ? void 0 : initData.boardSetting) == null ? void 0 : _a2.config) == null ? void 0 : _b2.product_display_setting) || {};
+    return ((_c2 = utils == null ? void 0 : utils.translation) == null ? void 0 : _c2.call(utils, config == null ? void 0 : config.booking_event_v2_product_detail_button)) || import_utils.locales.getText("pisell2.event.add.to.cart");
+  }, [(_b = (_a = initData == null ? void 0 : initData.boardSetting) == null ? void 0 : _a.config) == null ? void 0 : _b.product_display_setting]);
   const anchorOptions = (0, import_react.useMemo)(
     () => [
       {
@@ -91,7 +97,7 @@ var BookingDetailModal = (props) => {
   const images = (0, import_react.useMemo)(() => {
     var _a2;
     return ((_a2 = detail == null ? void 0 : detail.introduction) == null ? void 0 : _a2.images) || [];
-  }, [(_a = detail == null ? void 0 : detail.introduction) == null ? void 0 : _a.images]);
+  }, [(_c = detail == null ? void 0 : detail.introduction) == null ? void 0 : _c.images]);
   (0, import_react.useEffect)(() => {
     if (!modalContentRef.current) return;
     let isCurrentlyScrolling = false;
@@ -283,7 +289,7 @@ var BookingDetailModal = (props) => {
       destroyOnClose: true,
       className: "booking-detail-modal",
       onCancel: onCloseEventDetail,
-      okText: import_utils.locales.getText("pisell2.event.add.to.cart"),
+      okText: buttonText,
       cancelVisible: false,
       onOk: handleOk,
       width: (0, import_utils.isMobile)() ? "100%" : 600,

package/lib/components/eventBooking/index.js

@@ -55,13 +55,17 @@ var Content = () => {
     getBoardSetting.run({ item_type: "event_booking_v2" });
   }, []);
   (0, import_react.useEffect)(() => {
-    if (!form_id) return;
-    getResourceList.run({
-      form_id,
-      shop_id,
-      form_data_status: "active"
-    });
-  }, [form_id]);
+    var _a2, _b, _c;
+    const history = ((_a2 = utils == null ? void 0 : utils.getHistory) == null ? void 0 : _a2.call(utils)) || {};
+    const query = (_b = history == null ? void 0 : history.location) == null ? void 0 : _b.query;
+    const params = {
+      front_end_cache_id: (query == null ? void 0 : query.cacheId) || ""
+    };
+    if (query == null ? void 0 : query.ids) {
+      params.event_item_ids = (_c = query == null ? void 0 : query.ids) == null ? void 0 : _c.split(",");
+    }
+    getResourceList.run(params);
+  }, []);
   return /* @__PURE__ */ import_react.default.createElement(
     "div",
     {

package/lib/components/eventBooking/locales.js

@@ -51,7 +51,7 @@ var locales_default = {
     "pisell2.event.campus": "Campus",
     "pisell2.event.resource": "Location",
     "pisell2.event.booking.options": "Booking options",
-    "pisell2.event.add.to.cart": "Add to cart",
+    "pisell2.event.add.to.cart": "Add to Cart",
     "pisell2.event.description": "Description",
     "pisell2.event.view.more": "View more",
     "pisell2.event.view.less": "View less",
@@ -124,7 +124,7 @@ var locales_default = {
     "pisell2.event.campus": "校区",
     "pisell2.event.resource": "资源",
     "pisell2.event.booking.options": "预约选项",
-    "pisell2.event.add.to.cart": "添加到购物车",
+    "pisell2.event.add.to.cart": "加入购物车",
     "pisell2.event.description": "描述",
     "pisell2.event.view.more": "查看更多",
     "pisell2.event.view.less": "收起",
@@ -197,7 +197,7 @@ var locales_default = {
     "pisell2.event.campus": "校區",
     "pisell2.event.resource": "資源",
     "pisell2.event.booking.options": "預約選項",
-    "pisell2.event.add.to.cart": "添加到購物車",
+    "pisell2.event.add.to.cart": "加入購物車",
     "pisell2.event.description": "描述",
     "pisell2.event.view.more": "查看更多",
     "pisell2.event.view.less": "收起",

package/lib/components/index.d.ts

@@ -15,4 +15,6 @@ import WorkspaceListDetail from './workSpaceListDetail/';
 import WorkspaceList from './workSpaceList';
 import PisellSelectCustomerModal from './pisellSelectCustomerModal';
 import SubTotal from './subTotal';
-export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, Wallet, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, };
+import StepController from './stepController';
+import EditBookingModal from './booking/editBookingModal';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, Wallet, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, StepController, EditBookingModal };

package/lib/components/index.js

@@ -34,11 +34,13 @@ __export(components_exports, {
   BookingForms: () => import_forms.default,
   BookingInfo: () => import_info.default,
   BookingNotes: () => import_notes.default,
+  EditBookingModal: () => import_editBookingModal.default,
   Login: () => import_login.default,
   PisellSelectCustomerModal: () => import_pisellSelectCustomerModal.default,
   ProductExtension: () => import_productExtension.default,
   RuleSetting: () => import_ruleSetting.default,
   Schedules: () => import_schedules.default,
+  StepController: () => import_stepController.default,
   SubTotal: () => import_subTotal.default,
   TaxSelect: () => import_taxSelect.default,
   ToCPay: () => import_toC.default,
@@ -65,6 +67,8 @@ var import_workSpaceListDetail = __toESM(require("./workSpaceListDetail/"));
 var import_workSpaceList = __toESM(require("./workSpaceList"));
 var import_pisellSelectCustomerModal = __toESM(require("./pisellSelectCustomerModal"));
 var import_subTotal = __toESM(require("./subTotal"));
+var import_stepController = __toESM(require("./stepController"));
+var import_editBookingModal = __toESM(require("./booking/editBookingModal"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Booking,
@@ -72,11 +76,13 @@ var import_subTotal = __toESM(require("./subTotal"));
   BookingForms,
   BookingInfo,
   BookingNotes,
+  EditBookingModal,
   Login,
   PisellSelectCustomerModal,
   ProductExtension,
   RuleSetting,
   Schedules,
+  StepController,
   SubTotal,
   TaxSelect,
   ToCPay,

package/lib/components/pay/toC/PaymentMethods/index.js

@@ -65,7 +65,7 @@ var isOfflinePayment = (type) => {
   ].includes(type);
 };
 var PaymentMethods = (props, ref) => {
-  var _a;
+  var _a, _b, _c;
   const MWCreditCardRef2 = (0, import_react.useRef)(null);
   const SuperPayAliPayH5Ref2 = (0, import_react.useRef)(null);
   const StripePayRef2 = (0, import_react.useRef)(null);
@@ -83,9 +83,9 @@ var PaymentMethods = (props, ref) => {
   const context = (0, import_useEngineContext.default)();
   const { interaction } = (_a = context.appHelper) == null ? void 0 : _a.utils;
   const init = async ({ type, payGroup }) => {
-    var _a2, _b;
+    var _a2, _b2;
     const waitAmount = (payGroup == null ? void 0 : payGroup.wait_amount) || 0;
-    const cards = (_b = (_a2 = payGroup == null ? void 0 : payGroup.walletPass) == null ? void 0 : _a2.cards) == null ? void 0 : _b.length;
+    const cards = (_b2 = (_a2 = payGroup == null ? void 0 : payGroup.walletPass) == null ? void 0 : _a2.cards) == null ? void 0 : _b2.length;
     if (cards && (waitAmount <= 0 || isOfflinePayment(type))) {
       try {
         await (0, import_serve.walletPassPay)((0, import_utils.formatWalletPassParams)(payGroup));
@@ -115,10 +115,11 @@ var PaymentMethods = (props, ref) => {
     }
     await onPayByType({ type, payGroup });
   };
+  console.log("paymentResult isAppEnv", (_c = (_b = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _b.isAppEnv) == null ? void 0 : _c.call(_b), interaction, context);
   (0, import_react.useEffect)(() => {
-    var _a2, _b, _c, _d;
-    console.log("paymentResult isAppEnv", (_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b.call(_a2));
-    if ((_d = (_c = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c.isAppEnv) == null ? void 0 : _d.call(_c)) {
+    var _a2, _b2, _c2, _d;
+    console.log("paymentResult isAppEnv", (_b2 = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.isAppEnv) == null ? void 0 : _b2.call(_a2));
+    if ((_d = (_c2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c2.isAppEnv) == null ? void 0 : _d.call(_c2)) {
       interaction.utils.mountFunction("global", "paymentResult", (strResult) => {
         console.log("paymentResult", strResult);
         if (!(0, import_utils2.isJson)(strResult)) return;
@@ -134,18 +135,18 @@ var PaymentMethods = (props, ref) => {
     }
   }, []);
   const onPayByType = async ({ type, payGroup }) => {
-    var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+    var _a2, _b2, _c2, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
     console.log(type, payGroup);
     if (type === "mw.apple") {
       await ((_a2 = ApplePayRef2.current) == null ? void 0 : _a2.init({ payGroup }));
       return;
     }
     if (type === "mw.google") {
-      await ((_b = GooglePayRef2.current) == null ? void 0 : _b.init({ payGroup }));
+      await ((_b2 = GooglePayRef2.current) == null ? void 0 : _b2.init({ payGroup }));
       return;
     }
     if (type === "mw.credit_card") {
-      (_c = MWCreditCardRef2.current) == null ? void 0 : _c.init({ payGroup });
+      (_c2 = MWCreditCardRef2.current) == null ? void 0 : _c2.init({ payGroup });
       return;
     }
     if (type === "superpay.alipay.h5") {

package/lib/components/pay/toC/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface FormState {
     platform: 'pc' | 'h5' | '' | undefined;
     order: any;
@@ -28,4 +29,11 @@ export interface PayGroup {
     pay_number?: string;
     _order: any;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/schedules/model.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarDataItem, ScheduleItem } from "./type";
 import dayjs from "dayjs";
 export interface FormState {
@@ -68,4 +69,11 @@ export interface FormState {
     };
     setGlobalState: Function | null;
 }
-export declare const Provider: any, Context: any;
+export declare const Provider: (ComponentUi: any) => any, Context: import("react").Context<{
+    state: FormState;
+} & {
+    dispatch: (params: {
+        type: string;
+        payload: any;
+    }) => void;
+}>;

package/lib/components/schedules/utils.d.ts

@@ -17,6 +17,6 @@ declare let modal: Omit<ModalStaticFunctions, "warn">;
 export declare const setModal: (m: Omit<ModalStaticFunctions, "warn">) => void;
 export declare const saveConfirm: () => Promise<{
     destroy: () => void;
-    update: (configUpdate: import("antd/es/modal/interface").ModalFuncProps | ((prevConfig: import("antd/es/modal/interface").ModalFuncProps) => import("antd/es/modal/interface").ModalFuncProps)) => void;
+    update: (configUpdate: import("antd").ModalFuncProps | ((prevConfig: import("antd").ModalFuncProps) => import("antd").ModalFuncProps)) => void;
 }>;
 export { modal };

package/lib/components/schedules/utils.js

@@ -27,8 +27,8 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
 var Request = class {
-  request = {};
   constructor() {
+    this.request = {};
   }
   setRequest(val) {
     this.request = val;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './index.less';
+export interface ContentProps {
+    children?: React.ReactNode;
+}
+declare const Content: React.FC<ContentProps>;
+export default Content;

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

@@ -0,0 +1,40 @@
+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/stepController/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_index = require("./index.less");
+var Content = ({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-step-controller-content" }, children);
+};
+var Content_default = Content;

package/lib/components/stepController/components/Content/index.less

@@ -0,0 +1,8 @@
+.pisell-step-controller-content {
+  flex: 1;
+  width: 1000px;
+  max-width: 100%;
+  border-right: 1px solid var(--Gray-100, #f2f4f7);
+  border-left: 1px solid var(--Gray-100, #f2f4f7);
+  background: #fff;
+}

package/lib/components/stepController/components/Footer/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import './index.less';
+export interface FooterProps {
+    isMobile?: boolean;
+    children?: React.ReactNode;
+}
+declare const Footer: React.FC<FooterProps>;
+export default Footer;

package/lib/components/stepController/components/Footer/index.js

@@ -0,0 +1,49 @@
+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/stepController/components/Footer/index.tsx
+var Footer_exports = {};
+__export(Footer_exports, {
+  default: () => Footer_default
+});
+module.exports = __toCommonJS(Footer_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var Footer = ({ isMobile, children }) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-step-controller-footer-wrap", {
+        "pisell-step-controller-footer-wrap-mobile": isMobile
+      })
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-step-controller-footer" }, children)
+  );
+};
+var Footer_default = Footer;

package/lib/components/stepController/components/Footer/index.less

@@ -0,0 +1,39 @@
+.pisell-step-controller-footer-wrap {
+  position: sticky;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  background: #fff;
+  // box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.04);
+  padding: 24px;
+  z-index: 100;
+  border-top: 1px solid var(--Gray-100, #f2f4f7);
+
+  .pisell-step-controller-footer {
+    width: 1000px;
+    margin: 0 auto;
+    max-width: 100%;
+    display: flex;
+    gap: 12px;
+    justify-content: flex-end;
+
+    .pisell-section-headers-main {
+      color: var(--Gray-900, #101828);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+      justify-content: start;
+
+      .select-text {
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 24px;
+      }
+    }
+  }
+}
+
+.pisell-step-controller-footer-wrap-mobile {
+  border-top: 1px solid #eaecf0;
+}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Step } from '../../types';
+import './index.less';
+export interface HeaderProps {
+    steps: Step[];
+    currentStepIndex: number;
+    className?: string;
+    style?: React.CSSProperties;
+    onBack?: (key: string) => void;
+    onClose?: () => void;
+    confirmCloseProps?: {
+        isConfirmClose?: boolean;
+        title?: string;
+        content?: string;
+        okText?: string;
+        cancelText?: string;
+    };
+}
+declare const Header: React.FC<HeaderProps>;
+export default Header;

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

@@ -0,0 +1,104 @@
+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/stepController/components/Header/index.tsx
+var Header_exports = {};
+__export(Header_exports, {
+  default: () => Header_default
+});
+module.exports = __toCommonJS(Header_exports);
+var import_react = __toESM(require("react"));
+var import_materials = require("@pisell/materials");
+var import_utils = require("@pisell/utils");
+var import_index = require("./index.less");
+var Header = ({
+  steps,
+  currentStepIndex,
+  style,
+  onBack,
+  onClose,
+  confirmCloseProps
+}) => {
+  var _a;
+  const [open, setOpen] = (0, import_react.useState)(false);
+  const handleClose = () => {
+    if (confirmCloseProps == null ? void 0 : confirmCloseProps.isConfirmClose) {
+      setOpen(true);
+    } else {
+      onClose == null ? void 0 : onClose();
+    }
+  };
+  const handleOk = () => {
+    setOpen(false);
+    onClose == null ? void 0 : onClose();
+  };
+  const handleBack = () => {
+    if (!steps) return;
+    if (currentStepIndex > 0) {
+      const prevKey = steps[currentStepIndex - 1].key;
+      onBack == null ? void 0 : onBack(prevKey);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellHeaderProgressBar,
+    {
+      className: "pisell-step-controller-header",
+      style,
+      stepText: import_utils.locales.getText("pisell2.step.controller.step")(
+        currentStepIndex + 1
+      ),
+      title: (_a = steps == null ? void 0 : steps[currentStepIndex]) == null ? void 0 : _a.description,
+      showClose: true,
+      onBack: handleBack,
+      onClose: handleClose,
+      enableBorder: true,
+      borderColor: "#EAECF0",
+      showBack: currentStepIndex > 0 || false
+    }
+  ), /* @__PURE__ */ import_react.default.createElement(
+    import_materials.PisellModal.Information,
+    {
+      open,
+      title: (confirmCloseProps == null ? void 0 : confirmCloseProps.title) || "",
+      describe: (confirmCloseProps == null ? void 0 : confirmCloseProps.content) || "",
+      okText: (confirmCloseProps == null ? void 0 : confirmCloseProps.okText) || "",
+      cancelText: (confirmCloseProps == null ? void 0 : confirmCloseProps.cancelText) || "",
+      closable: true,
+      okButtonProps: {
+        style: {
+          backgroundColor: "#D92D20"
+        }
+      },
+      onCancel: () => {
+        setOpen(false);
+      },
+      onOk: () => handleOk()
+    }
+  ));
+};
+var Header_default = Header;

package/lib/components/stepController/components/Header/index.less

@@ -0,0 +1,21 @@
+.pisell-step-controller-header {
+  .pisell-section-headers-content {
+    width: 1000px;
+    margin: 0 auto;
+    max-width: 100%;
+
+    .pisell-section-headers-main {
+      color: var(--Gray-900, #101828);
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+      justify-content: start;
+
+      .select-text {
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 24px;
+      }
+    }
+  }
+}

package/lib/components/stepController/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { StepControllerProps } from './types';
+import './index.less';
+declare const StepController: React.FC<StepControllerProps>;
+export default StepController;

package/lib/components/stepController/index.js

@@ -0,0 +1,89 @@
+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/stepController/index.tsx
+var stepController_exports = {};
+__export(stepController_exports, {
+  default: () => stepController_default
+});
+module.exports = __toCommonJS(stepController_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
+var import_materials = require("@pisell/materials");
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
+var import_useWindowSize = require("../../hooks/useWindowSize");
+var import_Header = __toESM(require("./components/Header"));
+var import_Footer = __toESM(require("./components/Footer"));
+var import_Content = __toESM(require("./components/Content"));
+var import_locales = __toESM(require("./locales"));
+var import_index = require("./index.less");
+var StepController = ({
+  steps,
+  currentStep,
+  children,
+  onBack,
+  confirmCloseProps,
+  showFooter,
+  footerContent,
+  onClose
+}) => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  import_utils.locales.init(import_locales.default, ((_b = (_a = context == null ? void 0 : context.engine) == null ? void 0 : _a.props) == null ? void 0 : _b.locale) || "en");
+  (0, import_useWindowSize.useWindowSize)({ debounceMs: 200 });
+  const isMobile = (0, import_react.useMemo)(() => {
+    const config = (0, import_materials.usePisellConfig)();
+    const platform = (config == null ? void 0 : config.platform) || "h5";
+    return platform === "h5";
+  }, []);
+  const currentStepIndex = (0, import_react.useMemo)(() => {
+    return (steps == null ? void 0 : steps.findIndex((step) => step.key === currentStep)) || 0;
+  }, [steps, currentStep]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("pisell-step-controller", {
+        "pisell-step-controller-mobile": isMobile
+      })
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_Header.default,
+      {
+        steps,
+        currentStepIndex,
+        confirmCloseProps,
+        onBack,
+        onClose
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement(import_Content.default, { children }),
+    showFooter && footerContent ? /* @__PURE__ */ import_react.default.createElement(import_Footer.default, { children: footerContent, isMobile }) : null
+  );
+};
+var stepController_default = StepController;