@pisell/private-materials 3.4.151 → 3.4.153

package/es/components/scanOrder/components/Content/index.js

@@ -10,6 +10,7 @@ import Menu$1 from "../Menu/index.js";
 import ErrorState from "../ErrorState/index.js";
 import ScanOrderInitializing from "../Initializing/index.js";
 import Check from "../Check/index.js";
+import ExitConfirmModal from "../ExitConfirmModal/index.js";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Modal, message } from "antd";
 import { isMobile, locales } from "@pisell/utils";
@@ -50,6 +51,7 @@ function ReadyState() {
 	const utils = contextUtils();
 	const [FormCard] = useComponents({ components: ["FormCard"] });
 	const formModalRef = useRef(null);
+	const [exitConfirmOpen, setExitConfirmOpen] = useState(false);
 	const [formSubmitting, setFormSubmitting] = useState(false);
 	const [policyModal, setPolicyModal] = useState({
 		open: false,
@@ -160,6 +162,9 @@ function ReadyState() {
 		else if (app === null || app === void 0 || (_app$history2 = app.history) === null || _app$history2 === void 0 ? void 0 : _app$history2.push) app.history.push("/");
 		else location.replace("/");
 	};
+	const confirmExitToHome = () => {
+		setExitConfirmOpen(true);
+	};
 	/** 弹出入口人数弹窗，返回有效人数或取消/关闭时为 null */
 	const requestEntryPaxModal = () => new Promise((resolve) => {
 		var _tableFormRecordRef$c;
@@ -199,7 +204,7 @@ function ReadyState() {
 			_asyncToGenerator(function* () {
 				const pax = yield requestEntryPaxModal();
 				if (pax == null) {
-					navigateToHome();
+					confirmExitToHome();
 					return;
 				}
 				try {
@@ -211,7 +216,7 @@ function ReadyState() {
 			})();
 			return;
 		}
-		navigateToHome();
+		confirmExitToHome();
 	};
 	const enterProductStep = function() {
 		var _ref3 = _asyncToGenerator(function* () {
@@ -585,6 +590,13 @@ function ReadyState() {
 	return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Header, {
 		currentStep,
 		onBack: handleBack
+	}), /* @__PURE__ */ React.createElement(ExitConfirmModal, {
+		open: exitConfirmOpen,
+		onContinue: () => setExitConfirmOpen(false),
+		onExit: () => {
+			setExitConfirmOpen(false);
+			navigateToHome();
+		}
 	}), /* @__PURE__ */ React.createElement("div", {
 		className: `pisell-scan-order-content-wrap ${isMobileView ? "pisell-scan-order-content-mobile-wrap" : ""} ${!isShowFooter && isMobileView ? "pisell-scan-order-content-wrap-with-footer" : ""}`,
 		"data-cart-validation-passed": String(cartValidation === null || cartValidation === void 0 ? void 0 : cartValidation.passed)

package/es/components/scanOrder/components/ExitConfirmModal/index.js

@@ -0,0 +1,84 @@
+import React, { useRef } from "react";
+import { Modal } from "antd";
+import { locales } from "@pisell/utils";
+import "./index.less";
+//#region src/components/scanOrder/components/ExitConfirmModal/index.tsx
+function ExitConfirmModal({ open, onContinue, onExit }) {
+	const continueButtonRef = useRef(null);
+	return /* @__PURE__ */ React.createElement(Modal, {
+		open,
+		centered: true,
+		width: 400,
+		prefixCls: "pisell-scan-order-exit",
+		wrapClassName: "pisell-scan-order-exit-wrap",
+		maskClosable: false,
+		onCancel: onContinue,
+		footer: null,
+		afterOpenChange: (visible) => {
+			var _continueButtonRef$cu;
+			if (visible) (_continueButtonRef$cu = continueButtonRef.current) === null || _continueButtonRef$cu === void 0 || _continueButtonRef$cu.focus();
+		},
+		title: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", {
+			className: "pisell-scan-order-exit-visual",
+			"aria-hidden": "true"
+		}, /* @__PURE__ */ React.createElement("svg", {
+			viewBox: "0 0 240 140",
+			fill: "none",
+			focusable: "false"
+		}, /* @__PURE__ */ React.createElement("rect", {
+			x: "30",
+			y: "12",
+			width: "66",
+			height: "116",
+			rx: "12",
+			fill: "var(--exit-illustration-surface)",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ React.createElement("path", {
+			d: "M51 13v5h24v-5M55 118h16",
+			stroke: "currentColor",
+			strokeWidth: "4",
+			strokeLinecap: "round"
+		}), /* @__PURE__ */ React.createElement("path", {
+			d: "M44 55v-9h9m29 9v-9h-9M44 79v9h9m29-9v9h-9",
+			stroke: "var(--exit-accent)",
+			strokeWidth: "4",
+			strokeLinecap: "round"
+		}), /* @__PURE__ */ React.createElement("path", {
+			d: "m108 57 17-7m-17 20h21m-21 13 17 7",
+			stroke: "var(--exit-accent)",
+			strokeWidth: "4",
+			strokeLinecap: "round"
+		}), /* @__PURE__ */ React.createElement("path", {
+			d: "m160 36 37 1 19 85h-24",
+			fill: "currentColor"
+		}), /* @__PURE__ */ React.createElement("path", {
+			d: "M147 35h42a4 4 0 0 1 4 4l-8 79a4 4 0 0 1-4 4h-45a4 4 0 0 1-4-4l10-79a5 5 0 0 1 5-4Z",
+			fill: "var(--exit-illustration-surface)",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ React.createElement("g", { transform: "matrix(1 0 -0.12 1 147 49)" }, /* @__PURE__ */ React.createElement("path", {
+			d: "M0 0h12v12H0zM22 0h12v12H22zM0 22h12v12H0z",
+			stroke: "currentColor",
+			strokeWidth: "2.5"
+		}), /* @__PURE__ */ React.createElement("path", {
+			d: "M4 4h4v4H4zM26 4h4v4H26zM4 26h4v4H4z",
+			fill: "currentColor"
+		}), /* @__PURE__ */ React.createElement("path", {
+			d: "M22 22h5v6h7M22 34h5",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		})))), /* @__PURE__ */ React.createElement("h2", { className: "pisell-scan-order-exit-heading" }, String(locales.getText("pisell2.scan.order.exit.title"))))
+	}, /* @__PURE__ */ React.createElement("p", { className: "pisell-scan-order-exit-description" }, String(locales.getText("pisell2.scan.order.exit.description"))), /* @__PURE__ */ React.createElement("div", { className: "pisell-scan-order-exit-actions" }, /* @__PURE__ */ React.createElement("button", {
+		ref: continueButtonRef,
+		type: "button",
+		className: "pisell-scan-order-exit-continue",
+		onClick: onContinue
+	}, String(locales.getText("pisell2.scan.order.exit.continue"))), /* @__PURE__ */ React.createElement("button", {
+		type: "button",
+		className: "pisell-scan-order-exit-leave",
+		onClick: onExit
+	}, String(locales.getText("pisell2.scan.order.exit.confirm")))));
+}
+//#endregion
+export { ExitConfirmModal as default };

package/es/components/scanOrder/components/ExitConfirmModal/index.less

@@ -0,0 +1,182 @@
+.pisell-scan-order-exit-root {
+  --exit-accent: var(--theme-color);
+  --exit-surface: #fff;
+  --exit-visual-surface: #f5f5f5;
+  --exit-illustration-surface: #fff;
+  --exit-heading: #101828;
+  --exit-description: #475467;
+  --exit-border: rgba(0, 0, 0, 0.12);
+  --exit-action-border: var(--exit-accent);
+  --exit-mask: rgba(0, 0, 0, 0.45);
+  --exit-shadow: rgba(0, 0, 0, 0.2);
+
+  .pisell-scan-order-exit-mask {
+    background: var(--exit-mask);
+    backdrop-filter: blur(4px);
+    -webkit-backdrop-filter: blur(4px);
+  }
+
+  .pisell-scan-order-exit-wrap {
+    padding: max(16px, env(safe-area-inset-top)) 0 max(16px, env(safe-area-inset-bottom));
+  }
+
+  .pisell-scan-order-exit {
+    max-width: calc(100vw - 32px);
+    padding-bottom: 0;
+    color: var(--exit-heading);
+  }
+
+  .pisell-scan-order-exit-content {
+    max-height: calc(100vh - 32px);
+    max-height: calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
+    overflow-y: auto;
+    overscroll-behavior: contain;
+    padding: 20px;
+    border: 1px solid var(--exit-border);
+    border-radius: 24px;
+    background: var(--exit-surface);
+    box-shadow: 0 24px 64px var(--exit-shadow);
+  }
+
+  .pisell-scan-order-exit-header {
+    margin: 0;
+    background: transparent;
+  }
+
+  .pisell-scan-order-exit-close {
+    top: 12px;
+    inset-inline-end: 12px;
+    width: 40px;
+    height: 40px;
+    color: var(--exit-heading);
+    border: 1px solid var(--exit-border);
+    border-radius: 50%;
+    background: var(--exit-illustration-surface);
+  }
+
+  .pisell-scan-order-exit-visual {
+    display: grid;
+    place-items: center;
+    min-height: 128px;
+    padding: 8px 32px;
+    border-radius: 16px;
+    background: var(--exit-visual-surface);
+    color: var(--exit-accent);
+
+    svg {
+      display: block;
+      width: 200px;
+      max-width: 100%;
+      height: 120px;
+    }
+  }
+
+  .pisell-scan-order-exit-heading {
+    margin: 24px 0 12px;
+    color: var(--exit-heading);
+    font-size: 26px;
+    font-weight: 700;
+    line-height: 1.25;
+    text-align: center;
+    overflow-wrap: anywhere;
+  }
+
+  .pisell-scan-order-exit-description {
+    margin: 0 0 24px;
+    color: var(--exit-description);
+    font-size: 15px;
+    line-height: 1.7;
+    text-align: center;
+    overflow-wrap: anywhere;
+  }
+
+  .pisell-scan-order-exit-actions {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+
+    button {
+      width: 100%;
+      min-height: 48px;
+      padding: 12px 20px;
+      border: 1px solid transparent;
+      border-radius: 999px;
+      font: inherit;
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 1.5;
+      white-space: normal;
+      cursor: pointer;
+      touch-action: manipulation;
+      -webkit-tap-highlight-color: transparent;
+
+      &:focus-visible {
+        outline: 3px solid var(--exit-accent);
+        outline-offset: 3px;
+      }
+
+      &:active {
+        opacity: 0.8;
+      }
+    }
+
+    .pisell-scan-order-exit-continue {
+      color: #fff;
+      background: var(--exit-accent);
+    }
+
+    .pisell-scan-order-exit-leave {
+      color: var(--exit-heading);
+      border-color: var(--exit-action-border);
+      background: transparent;
+    }
+  }
+}
+
+@media (max-width: 360px), (max-height: 700px) {
+  .pisell-scan-order-exit-root {
+    .pisell-scan-order-exit-content {
+      padding: 16px;
+    }
+
+    .pisell-scan-order-exit-visual {
+      min-height: 96px;
+
+      svg {
+        height: 96px;
+      }
+    }
+
+    .pisell-scan-order-exit-heading {
+      margin-top: 18px;
+      font-size: 24px;
+    }
+
+    .pisell-scan-order-exit-description {
+      margin-bottom: 20px;
+    }
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .pisell-scan-order-exit-root {
+    .pisell-scan-order-exit,
+    .pisell-scan-order-exit-mask {
+      animation: none !important;
+      transition: none !important;
+    }
+  }
+}
+
+@supports (color: color-mix(in srgb, black, white)) {
+  .pisell-scan-order-exit-root {
+    --exit-surface: color-mix(in srgb, var(--exit-accent) 10%, white);
+    --exit-visual-surface: color-mix(in srgb, var(--exit-accent) 7%, white);
+    --exit-illustration-surface: color-mix(in srgb, var(--exit-accent) 2%, white);
+    --exit-heading: color-mix(in srgb, var(--exit-accent) 35%, #101828);
+    --exit-description: color-mix(in srgb, var(--exit-accent) 15%, #475467);
+    --exit-border: color-mix(in srgb, var(--exit-accent) 16%, transparent);
+    --exit-action-border: color-mix(in srgb, var(--exit-accent) 40%, transparent);
+    --exit-shadow: color-mix(in srgb, var(--exit-accent) 24%, transparent);
+  }
+}

package/es/components/scanOrder/locales.js

@@ -1,6 +1,10 @@
 //#region src/components/scanOrder/locales.ts
 var locales_default = {
 	en: {
+		"pisell2.scan.order.exit.title": "Leave ordering?",
+		"pisell2.scan.order.exit.description": "You will return to the store homepage. To continue ordering by QR code, scan the table QR code again.",
+		"pisell2.scan.order.exit.confirm": "Leave ordering",
+		"pisell2.scan.order.exit.continue": "Continue ordering",
 		"pisell2.scan.order.action.confirm.order": "Confirm order",
 		"pisell2.event.confirm": "Confirm",
 		"pisell2.event.cart": "Cart",
@@ -65,6 +69,10 @@ var locales_default = {
 		"pisell2.appointment.fill-form": "Enter your details"
 	},
 	"zh-CN": {
+		"pisell2.scan.order.exit.title": "确认退出点单？",
+		"pisell2.scan.order.exit.description": "退出后将返回商家首页。如需继续扫码点单，请重新扫描桌台二维码。",
+		"pisell2.scan.order.exit.confirm": "确认退出",
+		"pisell2.scan.order.exit.continue": "继续点单",
 		"pisell2.scan.order.action.confirm.order": "确认下单",
 		"pisell2.event.confirm": "确定",
 		"pisell2.event.cart": "购物车",
@@ -129,6 +137,10 @@ var locales_default = {
 		"pisell2.appointment.fill-form": "填写信息"
 	},
 	"zh-HK": {
+		"pisell2.scan.order.exit.title": "確認退出點單？",
+		"pisell2.scan.order.exit.description": "退出後將返回商家首頁。如需繼續掃碼點單，請重新掃描桌台二維碼。",
+		"pisell2.scan.order.exit.confirm": "確認退出",
+		"pisell2.scan.order.exit.continue": "繼續點單",
 		"pisell2.scan.order.action.confirm.order": "確認下單",
 		"pisell2.event.confirm": "確認",
 		"pisell2.event.cart": "購物車",
@@ -193,6 +205,10 @@ var locales_default = {
 		"pisell2.appointment.fill-form": "填寫資訊"
 	},
 	ja: {
+		"pisell2.scan.order.exit.title": "注文画面を終了しますか？",
+		"pisell2.scan.order.exit.description": "店舗のホームページに戻ります。QRコードでの注文を続けるには、テーブルのQRコードをもう一度読み取ってください。",
+		"pisell2.scan.order.exit.confirm": "終了する",
+		"pisell2.scan.order.exit.continue": "注文を続ける",
 		"pisell2.scan.order.action.confirm.order": "注文を確定",
 		"pisell2.event.confirm": "確認",
 		"pisell2.event.cart": "カート",
@@ -257,6 +273,10 @@ var locales_default = {
 		"pisell2.appointment.fill-form": "詳細を入力"
 	},
 	pt: {
+		"pisell2.scan.order.exit.title": "Sair do pedido?",
+		"pisell2.scan.order.exit.description": "Você voltará à página inicial da loja. Para continuar pedindo por QR code, escaneie novamente o QR code da mesa.",
+		"pisell2.scan.order.exit.confirm": "Confirmar saída",
+		"pisell2.scan.order.exit.continue": "Continuar pedido",
 		"pisell2.scan.order.action.confirm.order": "Confirmar pedido",
 		"pisell2.event.confirm": "Confirmar",
 		"pisell2.event.cart": "Carrinho",

package/es/index.js

@@ -105,6 +105,7 @@ import PisellVenueControlPage from "./plus/pisellReservation/PisellVenueControlP
 import PisellVenueWallPage from "./plus/pisellReservation/PisellVenueWallPage.js";
 import PisellReservationTablePage from "./plus/pisellReservation/PisellReservationTablePage.js";
 import SelectFloorMapResourceDialog from "./plus/pisellReservation/components/SelectFloorMapResourceDialog.js";
+import "./plus/pisellReservation/index.js";
 import { PisellTopology, PisellTopologyCore } from "./plus/pisellTopology/PisellTopology.js";
 import pisellAdyenDashboard_default from "./plus/pisellAdyenDashboard/index.js";
 import weekday from "dayjs/plugin/weekday";

package/es/plus/pisellReservation/data/bookingToReservationTables.js

@@ -259,4 +259,4 @@ function bookingListToReservationTableRows(bookings) {
 	return rows;
 }
 //#endregion
-export { applyHostResourceShellToBaseRow, bookingListToReservationTableRows, customerBrief, extractResourceRecordIds, filterBookingsByResourceIds, hostBookingUiPatchFromRecord, isMonitorScheduleBookingSkipped, mergeBookingsForResourceRecord };
+export { applyHostResourceShellToBaseRow, bookingListToReservationTableRows, customerBrief, extractResourceRecordIds, filterBookingsByResourceIds, hostBookingStatusToCardStatus, hostBookingUiPatchFromRecord, isMonitorScheduleBookingSkipped, mergeBookingsForResourceRecord };

package/es/plus/pisellReservation/floorMap/floorPlanApi.js

@@ -79,4 +79,4 @@ function toastFloorPlanLoadError(err) {
 	PisellToast({ content: err instanceof Error ? err.message : String(err) });
 }
 //#endregion
-export { PISELL_RESERVATION_FLOOR_PLAN_CODE, ensureShopFloorPlanByCode, saveViewConfigToShopFloorPlan, shopLayoutToSceneElements$1 as shopLayoutToSceneElements, toastFloorPlanLoadError, toastFloorPlanSaveError, unsubscribeShopFloorPlanCodeQuery };
+export { PISELL_RESERVATION_FLOOR_PLAN_CODE, buildDefaultReservationFloorPlanPostBody, ensureShopFloorPlanByCode, putShopFloorPlan, saveViewConfigToShopFloorPlan, shopLayoutToSceneElements$1 as shopLayoutToSceneElements, toastFloorPlanLoadError, toastFloorPlanSaveError, unsubscribeShopFloorPlanCodeQuery };

package/es/plus/pisellReservation/floorMap/reservationMock.js

@@ -927,4 +927,4 @@ function getReservationDataSourceFormColumns() {
 	];
 }
 //#endregion
-export { RESERVATION_BOUND_ROUND_TABLE_ELEMENT_KIND, RESERVATION_BOUND_TABLE_ELEMENT_KIND, applyReservationFloorMapLiveLabels, defaultReservationTableRows, getDefaultReservationFloorMapConfig, getReservationDataSourceFormColumns, getReservationFloorMapShellConfig, mergeFloorMapElementKindCategoriesWithDefaults, mergeFloorMapElementKindsWithDefaults };
+export { RESERVATION_BOUND_ROUND_TABLE_ELEMENT_KIND, RESERVATION_BOUND_TABLE_ELEMENT_KIND, applyReservationFloorMapLiveLabels, defaultReservationSceneElements, defaultReservationTableRows, getDefaultReservationFloorMapConfig, getReservationDataSourceFormColumns, getReservationFloorMapShellConfig, mergeFloorMapElementKindCategoriesWithDefaults, mergeFloorMapElementKindsWithDefaults };

package/es/plus/pisellReservation/index.js

@@ -0,0 +1,17 @@
+import "./floorRoomCard/mapRowToFloorRoomCardData.js";
+import "./floorRoomCard/ReservationFloorRoomCard.js";
+import "./floorMap/reservationMock.js";
+import "./floorMap/floorPlanApi.js";
+import "./reservationConstants.js";
+import "./serve/formResourcePage.js";
+import "./data/bookingToReservationTables.js";
+import "./data/formResourceToReservationTables.js";
+import "./data/salesEmbeddedResourceToTableRows.js";
+import "./floorMap/reservationCards.js";
+import "./PisellReservation.js";
+import "./PisellReservationBookingPage.js";
+import "./PisellVenueControlPage.js";
+import "./PisellVenueWallPage.js";
+import "./PisellReservationTablePage.js";
+import "./components/SelectFloorMapResourceDialog.js";
+export {};

package/es/plus/saasDevice/devicePasscodes/model.js

@@ -1,10 +1,10 @@
 import { _objectSpread2 } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
 import dayjs from "dayjs";
-import timezonePlugin from "dayjs/plugin/timezone";
-import utcPlugin from "dayjs/plugin/utc";
+import timezone from "dayjs/plugin/timezone";
+import utc from "dayjs/plugin/utc";
 //#region src/plus/saasDevice/devicePasscodes/model.ts
-dayjs.extend(utcPlugin);
-dayjs.extend(timezonePlugin);
+dayjs.extend(utc);
+dayjs.extend(timezone);
 const INITIAL_DEVICE_PASSCODE_STATE = {
 	deviceIds: [],
 	devicesById: {}

package/es/plus/walletPassGallery/components/timelineSection/index.js

@@ -5,12 +5,12 @@ import React, { useCallback, useMemo } from "react";
 import { locales } from "@pisell/utils";
 import { Button, PisellEmpty, PisellModal, PisellStatisticList, Skeleton, Timeline, usePisellConfig } from "@pisell/materials";
 import { useRequest } from "ahooks";
-import timezonePlugin from "dayjs/plugin/timezone";
-import utcPlugin from "dayjs/plugin/utc";
+import timezone from "dayjs/plugin/timezone";
+import utc from "dayjs/plugin/utc";
 import "./index.less";
 //#region src/plus/walletPassGallery/components/timelineSection/index.tsx
-dayjs.extend(timezonePlugin);
-dayjs.extend(utcPlugin);
+dayjs.extend(timezone);
+dayjs.extend(utc);
 const stateTimeUnix = 1723255863;
 const TimelineSection = (props) => {
 	const { code, tag, timezone, apiPrefix, isTerminalEnv, interaction } = props;

package/es/pro/Login2.0/AuthModal.d.ts

@@ -9,4 +9,4 @@ interface AuthModalProps {}
  */
 declare const AuthModal: React.FC<AuthModalProps>;
 //#endregion
-export { AuthModal, AuthModalProps };
+export { AuthModal };

package/es/pro/Login2.0/index.d.ts

@@ -1,3 +1,4 @@
+import { AuthMethodType, EmailAuthConfig, EmailRegistrationVerification, LoginFormData, OAuthConfig, PhoneAuthConfig, RegisterFormData, UIConfig, VerificationMethod } from "./shared/types.js";
 import { Login2, Login2Config, Login2Events, Login2Props } from "./Login2.js";
 import { Register2, Register2Config, Register2Events, Register2Props } from "./Register2.js";
-import { AuthModal, AuthModalProps } from "./AuthModal.js";
+import { AuthModal } from "./AuthModal.js";

package/es/pro/Login2.0/shared/types.d.ts

@@ -226,4 +226,4 @@ interface RegisterFormData {
   verification_token?: string;
 }
 //#endregion
-export { AuthMethodType, EmailAuthConfig, LegalTermsConfig, LoginFormData, LoginMethodItem, OAuthConfig, PhoneAuthConfig, RegisterFormData, RegistrationMethodItem, UIConfig };
+export { AuthMethodType, EmailAuthConfig, EmailRegistrationVerification, LegalTermsConfig, LoginFormData, LoginMethodItem, OAuthConfig, PhoneAuthConfig, RegisterFormData, RegistrationMethodItem, UIConfig, VerificationMethod };

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

@@ -11,6 +11,7 @@ const require_index$4 = require("../Menu/index.js");
 const require_index$5 = require("../ErrorState/index.js");
 const require_index$6 = require("../Initializing/index.js");
 const require_index$7 = require("../Check/index.js");
+const require_index$8 = require("../ExitConfirmModal/index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let antd = require("antd");
@@ -52,6 +53,7 @@ function ReadyState() {
 	const utils = require_hooks.contextUtils();
 	const [FormCard] = require_useComponents.default({ components: ["FormCard"] });
 	const formModalRef = (0, react.useRef)(null);
+	const [exitConfirmOpen, setExitConfirmOpen] = (0, react.useState)(false);
 	const [formSubmitting, setFormSubmitting] = (0, react.useState)(false);
 	const [policyModal, setPolicyModal] = (0, react.useState)({
 		open: false,
@@ -162,6 +164,9 @@ function ReadyState() {
 		else if (app === null || app === void 0 || (_app$history2 = app.history) === null || _app$history2 === void 0 ? void 0 : _app$history2.push) app.history.push("/");
 		else location.replace("/");
 	};
+	const confirmExitToHome = () => {
+		setExitConfirmOpen(true);
+	};
 	/** 弹出入口人数弹窗，返回有效人数或取消/关闭时为 null */
 	const requestEntryPaxModal = () => new Promise((resolve) => {
 		var _tableFormRecordRef$c;
@@ -201,7 +206,7 @@ function ReadyState() {
 			require_asyncToGenerator._asyncToGenerator(function* () {
 				const pax = yield requestEntryPaxModal();
 				if (pax == null) {
-					navigateToHome();
+					confirmExitToHome();
 					return;
 				}
 				try {
@@ -213,7 +218,7 @@ function ReadyState() {
 			})();
 			return;
 		}
-		navigateToHome();
+		confirmExitToHome();
 	};
 	const enterProductStep = function() {
 		var _ref3 = require_asyncToGenerator._asyncToGenerator(function* () {
@@ -587,6 +592,13 @@ function ReadyState() {
 	return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(require_index$1.default, {
 		currentStep,
 		onBack: handleBack
+	}), /* @__PURE__ */ react.default.createElement(require_index$8.default, {
+		open: exitConfirmOpen,
+		onContinue: () => setExitConfirmOpen(false),
+		onExit: () => {
+			setExitConfirmOpen(false);
+			navigateToHome();
+		}
 	}), /* @__PURE__ */ react.default.createElement("div", {
 		className: `pisell-scan-order-content-wrap ${isMobileView ? "pisell-scan-order-content-mobile-wrap" : ""} ${!isShowFooter && isMobileView ? "pisell-scan-order-content-wrap-with-footer" : ""}`,
 		"data-cart-validation-passed": String(cartValidation === null || cartValidation === void 0 ? void 0 : cartValidation.passed)

package/lib/components/scanOrder/components/ExitConfirmModal/index.js

@@ -0,0 +1,86 @@
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let antd = require("antd");
+let _pisell_utils = require("@pisell/utils");
+require("./index.less");
+//#region src/components/scanOrder/components/ExitConfirmModal/index.tsx
+function ExitConfirmModal({ open, onContinue, onExit }) {
+	const continueButtonRef = (0, react.useRef)(null);
+	return /* @__PURE__ */ react.default.createElement(antd.Modal, {
+		open,
+		centered: true,
+		width: 400,
+		prefixCls: "pisell-scan-order-exit",
+		wrapClassName: "pisell-scan-order-exit-wrap",
+		maskClosable: false,
+		onCancel: onContinue,
+		footer: null,
+		afterOpenChange: (visible) => {
+			var _continueButtonRef$cu;
+			if (visible) (_continueButtonRef$cu = continueButtonRef.current) === null || _continueButtonRef$cu === void 0 || _continueButtonRef$cu.focus();
+		},
+		title: /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement("div", {
+			className: "pisell-scan-order-exit-visual",
+			"aria-hidden": "true"
+		}, /* @__PURE__ */ react.default.createElement("svg", {
+			viewBox: "0 0 240 140",
+			fill: "none",
+			focusable: "false"
+		}, /* @__PURE__ */ react.default.createElement("rect", {
+			x: "30",
+			y: "12",
+			width: "66",
+			height: "116",
+			rx: "12",
+			fill: "var(--exit-illustration-surface)",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ react.default.createElement("path", {
+			d: "M51 13v5h24v-5M55 118h16",
+			stroke: "currentColor",
+			strokeWidth: "4",
+			strokeLinecap: "round"
+		}), /* @__PURE__ */ react.default.createElement("path", {
+			d: "M44 55v-9h9m29 9v-9h-9M44 79v9h9m29-9v9h-9",
+			stroke: "var(--exit-accent)",
+			strokeWidth: "4",
+			strokeLinecap: "round"
+		}), /* @__PURE__ */ react.default.createElement("path", {
+			d: "m108 57 17-7m-17 20h21m-21 13 17 7",
+			stroke: "var(--exit-accent)",
+			strokeWidth: "4",
+			strokeLinecap: "round"
+		}), /* @__PURE__ */ react.default.createElement("path", {
+			d: "m160 36 37 1 19 85h-24",
+			fill: "currentColor"
+		}), /* @__PURE__ */ react.default.createElement("path", {
+			d: "M147 35h42a4 4 0 0 1 4 4l-8 79a4 4 0 0 1-4 4h-45a4 4 0 0 1-4-4l10-79a5 5 0 0 1 5-4Z",
+			fill: "var(--exit-illustration-surface)",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ react.default.createElement("g", { transform: "matrix(1 0 -0.12 1 147 49)" }, /* @__PURE__ */ react.default.createElement("path", {
+			d: "M0 0h12v12H0zM22 0h12v12H22zM0 22h12v12H0z",
+			stroke: "currentColor",
+			strokeWidth: "2.5"
+		}), /* @__PURE__ */ react.default.createElement("path", {
+			d: "M4 4h4v4H4zM26 4h4v4H26zM4 26h4v4H4z",
+			fill: "currentColor"
+		}), /* @__PURE__ */ react.default.createElement("path", {
+			d: "M22 22h5v6h7M22 34h5",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		})))), /* @__PURE__ */ react.default.createElement("h2", { className: "pisell-scan-order-exit-heading" }, String(_pisell_utils.locales.getText("pisell2.scan.order.exit.title"))))
+	}, /* @__PURE__ */ react.default.createElement("p", { className: "pisell-scan-order-exit-description" }, String(_pisell_utils.locales.getText("pisell2.scan.order.exit.description"))), /* @__PURE__ */ react.default.createElement("div", { className: "pisell-scan-order-exit-actions" }, /* @__PURE__ */ react.default.createElement("button", {
+		ref: continueButtonRef,
+		type: "button",
+		className: "pisell-scan-order-exit-continue",
+		onClick: onContinue
+	}, String(_pisell_utils.locales.getText("pisell2.scan.order.exit.continue"))), /* @__PURE__ */ react.default.createElement("button", {
+		type: "button",
+		className: "pisell-scan-order-exit-leave",
+		onClick: onExit
+	}, String(_pisell_utils.locales.getText("pisell2.scan.order.exit.confirm")))));
+}
+//#endregion
+exports.default = ExitConfirmModal;