@pisell/private-materials 6.1.1 → 6.2.2

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",
@@ -94,7 +94,15 @@ var locales_default = {
     "pisell2.event.capacity.limit.reached.title": "Capacity limit reached",
     "pisell2.event.capacity.limit.reached.tip": "One or more events in your cart are no longer available due to full capacity. Please remove unavailable events from your cart to complete checkout.",
     "pisell2.event.schedule.item.expand": "See more",
-    "pisell2.event.schedule.item.collapse": "See less"
+    "pisell2.event.schedule.item.collapse": "See less",
+    "pisell2.appointment.deposit": "Deposit",
+    "pisell2.appointment.deposit.agreed": "I have read and agree to the ",
+    "pisell2.appointment.deposit.agree.policy": "You need to agree the policy to proceed",
+    "pisell2.appointment.deposit.and": " & ",
+    "pisell2.appointment.deposit.amount.tip1": " needs to be paid as deposit.",
+    "pisell2.appointment.deposit.amount.tip2": " ",
+    "pisell2.appointment.deposit.close": "Close",
+    "pisell2.appointment.booking.empty.data": "No data"
   },
   "zh-CN": {
     "pisell2.event.calendar.limit.unavailable": "不可预约",
@@ -124,7 +132,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": "收起",
@@ -167,7 +175,15 @@ var locales_default = {
     "pisell2.event.capacity.limit.reached.title": "活动名额已满",
     "pisell2.event.capacity.limit.reached.tip": "购物车中有一个或多个活动已达预约上限，请将已满额的活动从购物车中移除后再完成结算。",
     "pisell2.event.schedule.item.expand": "查看更多",
-    "pisell2.event.schedule.item.collapse": "收起"
+    "pisell2.event.schedule.item.collapse": "收起",
+    "pisell2.appointment.deposit": "定金",
+    "pisell2.appointment.deposit.agreed": "我已阅读并同意 ",
+    "pisell2.appointment.deposit.agree.policy": "您需要同意协议才能继续",
+    "pisell2.appointment.deposit.and": " 和 ",
+    "pisell2.appointment.deposit.amount.tip1": "请支付 ",
+    "pisell2.appointment.deposit.amount.tip2": " 定金。",
+    "pisell2.appointment.deposit.close": "关闭",
+    "pisell2.appointment.booking.empty.data": "暂无数据"
   },
   "zh-HK": {
     "pisell2.event.calendar.limit.unavailable": "不可預約",
@@ -197,7 +213,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": "收起",
@@ -240,6 +256,14 @@ var locales_default = {
     "pisell2.event.capacity.limit.reached.title": "活動名額已滿",
     "pisell2.event.capacity.limit.reached.tip": "購物車中有一個或多個活動已達預約上限，請將已滿額的活動從購物車中移除後再完成結算。",
     "pisell2.event.schedule.item.expand": "查看更多",
-    "pisell2.event.schedule.item.collapse": "收起"
+    "pisell2.event.schedule.item.collapse": "收起",
+    "pisell2.appointment.deposit": "定金",
+    "pisell2.appointment.deposit.agreed": "我已閱讀並同意 ",
+    "pisell2.appointment.deposit.agree.policy": "您需要同意協議才能繼續",
+    "pisell2.appointment.deposit.and": " 和 ",
+    "pisell2.appointment.deposit.amount.tip1": "請支付 ",
+    "pisell2.appointment.deposit.amount.tip2": " 定金。",
+    "pisell2.appointment.deposit.close": "关闭",
+    "pisell2.appointment.booking.empty.data": "暫無數據"
   }
 };

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 EditBookingModal from './booking/editBookingModal';
+import StepController from './stepController';
+export { Login, BookingInfo, Booking, BookingNotes, BookingAddons, BookingForms, Schedules, ProductExtension, RuleSetting, TaxSelect, ToCPay, PisellSelectCustomerModal, Wallet, WalletList, WorkspaceList, WorkspaceListDetail, SubTotal, EditBookingModal, StepController };

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_editBookingModal = __toESM(require("./booking/editBookingModal"));
+var import_stepController = __toESM(require("./stepController"));
 // 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/StripePay/Stripe/Finish/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const StripePayment: () => JSX.Element;
 export default StripePayment;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/SDK.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/StripeSDK/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StripeSDK: ({ public_key, client_secret, children, lang, }: {
     public_key: string;
     client_secret?: string | undefined;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/PageLoading/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PageLoading: () => JSX.Element;
 export default PageLoading;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/components/SetupForm/PaymentRequestForm.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PaymentRequestForm: () => JSX.Element | null;
 export default PaymentRequestForm;

package/lib/components/pay/toC/PaymentMethods/StripePay/Stripe/index.d.ts

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

package/lib/components/pisellSelectCustomerModal/RightPanel/Add/PhoneField/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PhoneField: ({ value, onChange }: any) => JSX.Element;
 export default PhoneField;

package/lib/components/productExtension/fields/Actor/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Actor: ({ name }: {
     name: string;
 }) => JSX.Element;

package/lib/components/productSelect/components/pisellPriceText/index.js

@@ -37,7 +37,7 @@ var import_materials = require("@pisell/materials");
 var import_classnames = __toESM(require("classnames"));
 var import_useEngineContext = __toESM(require("../../../../hooks/useEngineContext"));
 var index = (props) => {
-  var _a, _b, _c, _d;
+  var _a, _b;
   const context = (0, import_useEngineContext.default)();
   const { value } = props;
   const locale = ((_b = (_a = context.appHelper.utils) == null ? void 0 : _a.storage) == null ? void 0 : _b.get("umi_locale")) || "en";
@@ -57,13 +57,7 @@ var index = (props) => {
       }
     },
     _prefix
-  ) : null, /* @__PURE__ */ import_react.default.createElement(
-    import_materials.PisellText.Amount,
-    {
-      value,
-      symbol: (_d = (_c = context.appHelper.utils) == null ? void 0 : _c.getData) == null ? void 0 : _d.call(_c, "shop_symbol")
-    }
-  ), _suffix ? /* @__PURE__ */ import_react.default.createElement(
+  ) : null, /* @__PURE__ */ import_react.default.createElement(import_materials.PisellText.Amount, { value }), _suffix ? /* @__PURE__ */ import_react.default.createElement(
     "span",
     {
       style: {

package/lib/components/schedules/calendar/calendarItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarDataItem } from "../type";
 declare type CalendarItemProps = {
     month: string;

package/lib/components/schedules/components/CurrentDay/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare type CurrentDayProps = {
     onClose: () => void;

package/lib/components/schedules/components/ScheduleList/RenderScheduleItem/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.less';
 import { ScheduleItem } from '../../../type';
 declare type Item = any;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetail/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const ProductDetail: ({ form, currentProduct, }: {
     form: any;

package/lib/components/schedules/products/ProductDetailDrawer/ProductDetailByDate/index.d.ts

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

package/lib/components/schedules/products/index.d.ts

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

package/lib/components/schedules/resources/relationProduct/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./index.less";
 declare const RelationProduct: ({ value, onChange, }: {
     value?: any;

package/lib/components/shoppingCart/components/Empty/index.d.ts

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

package/lib/components/shoppingCart/components/Render/index.d.ts

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

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/{pay/toB/components/Content/Header.js → stepController/components/Content/index.js}

@@ -26,15 +26,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/pay/toB/components/Content/Header.tsx
-var Header_exports = {};
-__export(Header_exports, {
-  default: () => Header_default
+// src/components/stepController/components/Content/index.tsx
+var Content_exports = {};
+__export(Content_exports, {
+  default: () => Content_default
 });
-module.exports = __toCommonJS(Header_exports);
+module.exports = __toCommonJS(Content_exports);
 var import_react = __toESM(require("react"));
-var import_utils = require("@pisell/utils");
-var ToBPayTitle = (props) => {
-  return /* @__PURE__ */ import_react.default.createElement("div", { style: { textAlign: "center", fontSize: "18px", fontWeight: 600 } }, import_utils.locales.getText("tobPay.text.waitPay"), props.amount);
+var import_index = require("./index.less");
+var Content = ({ children }) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-step-controller-content" }, children);
 };
-var Header_default = ToBPayTitle;
+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/{pay/toB/components/CardGroup → stepController/components/Footer}/index.js

@@ -26,18 +26,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/pay/toB/components/CardGroup/index.tsx
-var CardGroup_exports = {};
-__export(CardGroup_exports, {
-  default: () => CardGroup_default
+// src/components/stepController/components/Footer/index.tsx
+var Footer_exports = {};
+__export(Footer_exports, {
+  default: () => Footer_default
 });
-module.exports = __toCommonJS(CardGroup_exports);
+module.exports = __toCommonJS(Footer_exports);
 var import_react = __toESM(require("react"));
-var import_Card = __toESM(require("../Card"));
+var import_classnames = __toESM(require("classnames"));
 var import_index = require("./index.less");
-var ToBPayCardGroup = (props) => {
-  var _a;
-  const { data, onChange } = props;
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "tob-pay-card-group" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "tob-pay-card-group-title" }, data.title), /* @__PURE__ */ import_react.default.createElement("div", { className: "tob-pay-card-group-list" }, (_a = data == null ? void 0 : data.list) == null ? void 0 : _a.map((item) => /* @__PURE__ */ import_react.default.createElement(import_Card.default, { key: item.id, data: item, onChange }))));
+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 CardGroup_default = ToBPayCardGroup;
+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;

package/lib/components/stepController/index.less

@@ -0,0 +1,11 @@
+.pisell-step-controller {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: calc(var(--vh, 1vh) * 100);
+  box-sizing: border-box;
+  overflow-y: auto;
+}
+
+.pisell-step-controller-mobile {
+}