@pisell/private-materials 6.3.220 → 6.3.222

package/es/plus/pisellSupersetDashboard/types.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+
+//#region src/plus/pisellSupersetDashboard/types.d.ts
+/** Superset 报表组件的公开属性，与宿主 proCode 页面传参结构保持一致。 */
+interface PisellSupersetDashboardProps {
+  /** 页面配置；未提供时展示配置缺失提示，不发起业务请求。 */
+  proCodeProps?: {
+    /** Superset 嵌入配置生成的 UUID，不是普通数字报表 ID 或页面 URL。 */dashboardId: string; /** 原样传给 SDK 的 UI 配置，允许扩展字段；缺省时采用 SDK 默认行为。 */
+    dashboardUiConfig?: Record<string, any>;
+  };
+  /** 附加到组件根容器的样式类名。 */
+  className?: string;
+  /** 根容器样式，可覆盖默认宽高和最小高度。 */
+  style?: React.CSSProperties;
+}
+//#endregion
+export { PisellSupersetDashboardProps };

package/es/plus/skuOptionsSelection/store/createStore.js

@@ -22,7 +22,7 @@ const useSyncExternalStoreShim = (subscribe, getSnapshot) => {
 	}, [subscribe, getSnapshot]);
 	return snapshot;
 };
-const useSyncExternalStore = React$1.useSyncExternalStore || useSyncExternalStoreShim;
+const useSyncExternalStore$1 = React$1.useSyncExternalStore || useSyncExternalStoreShim;
 /**
 * 创建一个跨 React 版本兼容的 Store
 * 支持自动浅合并 (Auto Shallow Merge)
@@ -58,7 +58,7 @@ function createStore(initialState) {
 	* @param selector 选择器函数，默认返回整个 state
 	*/
 	const useStore = (selector = (s) => s) => {
-		return useSyncExternalStore(subscribe, () => selector(state));
+		return useSyncExternalStore$1(subscribe, () => selector(state));
 	};
 	Object.assign(useStore, {
 		getState,

package/es/private-materials/lowcode/authmodal/meta.d.ts

@@ -0,0 +1 @@
+export { };

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

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

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

@@ -1,4 +1,3 @@
-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 } from "./AuthModal.js";
+import { AuthModal, AuthModalProps } 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, EmailRegistrationVerification, LegalTermsConfig, LoginFormData, LoginMethodItem, OAuthConfig, PhoneAuthConfig, RegisterFormData, RegistrationMethodItem, UIConfig, VerificationMethod };
+export { AuthMethodType, EmailAuthConfig, LegalTermsConfig, LoginFormData, LoginMethodItem, OAuthConfig, PhoneAuthConfig, RegisterFormData, RegistrationMethodItem, UIConfig };

package/lib/components/kioskSkuDetail/index.js

@@ -26,7 +26,7 @@ const DEFAULT_COIN_OR_CARD = 0;
 * - 底部用 PisellNumberSelector 做数量编辑
 */
 function KioskSkuDetail(props) {
-	var _ref, _context$appHelper, _context$engine, _context$appHelper2, _store$getState, _store$getState2, _store$getState3, _interaction$utils$ge;
+	var _ref, _context$appHelper, _context$engine, _context$appHelper2, _store$getState, _store$getState2, _store$getState3, _interaction$utils;
 	const { className, style, onAddToCart } = props;
 	/**
 	* @description 从 URL 中读取 productId（兼容 search / hash query）
@@ -170,14 +170,14 @@ function KioskSkuDetail(props) {
 	}(), [getData, scheduleDate]);
 	const loadRef = (0, react.useRef)(loadByProductId);
 	loadRef.current = loadByProductId;
-	const shop_id = interaction === null || interaction === void 0 || (_interaction$utils$ge = interaction.utils.getStore().getState()) === null || _interaction$utils$ge === void 0 || (_interaction$utils$ge = _interaction$utils$ge.global) === null || _interaction$utils$ge === void 0 || (_interaction$utils$ge = _interaction$utils$ge.shop) === null || _interaction$utils$ge === void 0 ? void 0 : _interaction$utils$ge.id;
+	const shop_id = interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || (_interaction$utils = _interaction$utils.getStore().getState()) === null || _interaction$utils === void 0 || (_interaction$utils = _interaction$utils.global) === null || _interaction$utils === void 0 || (_interaction$utils = _interaction$utils.shop) === null || _interaction$utils === void 0 ? void 0 : _interaction$utils.id;
 	(0, react.useEffect)(() => {
-		var _interaction$utils, _interaction$utils$po, _interaction$utils2, _interaction$utils2$m, _interaction$utils3, _interaction$utils3$m, _interaction$utils4, _interaction$utils4$m;
-		interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || (_interaction$utils$po = _interaction$utils.postMessageToApp) === null || _interaction$utils$po === void 0 || _interaction$utils$po.call(_interaction$utils, {
+		var _interaction$utils2, _interaction$utils2$p, _interaction$utils3, _interaction$utils3$m, _interaction$utils4, _interaction$utils4$m, _interaction$utils5, _interaction$utils5$m;
+		interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || (_interaction$utils2$p = _interaction$utils2.postMessageToApp) === null || _interaction$utils2$p === void 0 || _interaction$utils2$p.call(_interaction$utils2, {
 			module: "wallet_pass",
 			key: "page_load"
 		});
-		interaction === null || interaction === void 0 || (_interaction$utils2 = interaction.utils) === null || _interaction$utils2 === void 0 || (_interaction$utils2$m = _interaction$utils2.mountFunction) === null || _interaction$utils2$m === void 0 || _interaction$utils2$m.call(_interaction$utils2, "wallet_pass", "restore_buy_wallet_pass", (id) => {
+		interaction === null || interaction === void 0 || (_interaction$utils3 = interaction.utils) === null || _interaction$utils3 === void 0 || (_interaction$utils3$m = _interaction$utils3.mountFunction) === null || _interaction$utils3$m === void 0 || _interaction$utils3$m.call(_interaction$utils3, "wallet_pass", "restore_buy_wallet_pass", (id) => {
 			console.log("重置状态", id);
 			console.log("宽", window.innerWidth);
 			console.log("高", window.innerHeight);
@@ -191,7 +191,7 @@ function KioskSkuDetail(props) {
 				"9230"
 			].includes(String(shop_id)));
 		});
-		interaction === null || interaction === void 0 || (_interaction$utils3 = interaction.utils) === null || _interaction$utils3 === void 0 || (_interaction$utils3$m = _interaction$utils3.mountFunction) === null || _interaction$utils3$m === void 0 || _interaction$utils3$m.call(_interaction$utils3, "wallet_pass", "restore_recharge_wallet_pass", (_data) => {
+		interaction === null || interaction === void 0 || (_interaction$utils4 = interaction.utils) === null || _interaction$utils4 === void 0 || (_interaction$utils4$m = _interaction$utils4.mountFunction) === null || _interaction$utils4$m === void 0 || _interaction$utils4$m.call(_interaction$utils4, "wallet_pass", "restore_recharge_wallet_pass", (_data) => {
 			const data = JSON.parse(_data || "{}");
 			console.log("重置状态", data === null || data === void 0 ? void 0 : data.productId);
 			console.log("宽", window.innerWidth);
@@ -203,7 +203,7 @@ function KioskSkuDetail(props) {
 			setShouldSelectCoinOrCard(false);
 			setNativeInitData(data);
 		});
-		interaction === null || interaction === void 0 || (_interaction$utils4 = interaction.utils) === null || _interaction$utils4 === void 0 || (_interaction$utils4$m = _interaction$utils4.mountFunction) === null || _interaction$utils4$m === void 0 || _interaction$utils4$m.call(_interaction$utils4, "wallet_pass", "edit_buy_wallet_pass", (data) => {
+		interaction === null || interaction === void 0 || (_interaction$utils5 = interaction.utils) === null || _interaction$utils5 === void 0 || (_interaction$utils5$m = _interaction$utils5.mountFunction) === null || _interaction$utils5$m === void 0 || _interaction$utils5$m.call(_interaction$utils5, "wallet_pass", "edit_buy_wallet_pass", (data) => {
 			console.log("编辑状态", data);
 			const productData = JSON.parse(data);
 			/**

package/lib/components/pay/toC/PaymentMethods/MWCreditCard/tds2.js

@@ -67,6 +67,19 @@ const setHistoryLog = (log) => {
 const getCurrentTime = () => {
 	return (0, dayjs.default)().format("YYYY-MM-DD HH:mm:ss");
 };
+const getErrorDetails = (error) => {
+	var _error$message, _error$response$statu, _error$response, _error$response$statu2, _error$response2;
+	if (error == null || typeof error !== "object") return error;
+	return {
+		name: error.name,
+		message: (_error$message = error.message) !== null && _error$message !== void 0 ? _error$message : error.msg,
+		stack: error.stack,
+		code: error.code,
+		type: error.type,
+		status: (_error$response$statu = (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) !== null && _error$response$statu !== void 0 ? _error$response$statu : error.status,
+		statusText: (_error$response$statu2 = (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.statusText) !== null && _error$response$statu2 !== void 0 ? _error$response$statu2 : error.statusText
+	};
+};
 /**
 * @title: 点击支付
 * @description:
@@ -165,19 +178,11 @@ const startPayment = function() {
 					msg: "步骤5完成: challenge iframe结束",
 					time: getCurrentTime()
 				});
-				setHistoryLog({
-					msg: "步骤6开始: 调用check_pares接口",
-					time: getCurrentTime()
-				});
 				yield checkPARes(step2, step4, step5);
 				if (isCancelled === null || isCancelled === void 0 ? void 0 : isCancelled()) {
 					closeIframe();
 					return;
 				}
-				setHistoryLog({
-					msg: "步骤6完成: check_pares接口返回",
-					time: getCurrentTime()
-				});
 			}
 			if (isCancelled === null || isCancelled === void 0 ? void 0 : isCancelled()) {
 				closeIframe();
@@ -192,10 +197,11 @@ const startPayment = function() {
 			return true;
 		} catch (err) {
 			console.log("error", err);
+			const errorDetails = getErrorDetails(err);
 			setHistoryLog({
 				msg: "支付异常",
 				time: getCurrentTime(),
-				error: err,
+				error: errorDetails,
 				errorCode: err === null || err === void 0 ? void 0 : err.code
 			});
 			closeIframe();
@@ -206,7 +212,7 @@ const startPayment = function() {
 				callback === null || callback === void 0 || callback({ key: "bankVerifyFailed" });
 				return false;
 			}
-			paymentData.error = err;
+			paymentData.error = errorDetails;
 			paymentEnd(require_objectSpread2._objectSpread2({ status: "fail" }, paymentInfo), callback);
 			return false;
 		}
@@ -528,22 +534,43 @@ const checkPARes = function() {
 		const { tdsPayKey, tdsPayToken } = step4;
 		const cres = step5;
 		const request_unique_idempotency_token = require_utils.getUniqueIdempotencyToken();
-		let { data } = yield require_index.request.getRequest().post("/h5/pay/order/mw-3ds-pay/v2/check_pares", {
-			order_id,
-			pay_number,
-			request_unique_idempotency_token,
-			mw_data: {
-				transactionProduct: pay_info.check_tds_auth.product_name,
-				cres,
-				accessToken: pay_info.check_tds_auth.access_token,
-				tdsPayKey,
-				tdsPayToken,
-				paymentCardName: pay_info.check_tds_auth.card_name,
-				transactionAmount: amount,
-				card_id: pay_info.check_tds_auth.card_id
-			}
-		});
-		return data;
+		const startedAt = Date.now();
+		const getRequestLogContext = () => {
+			const timestamp = Date.now();
+			return {
+				time: getCurrentTime(),
+				timestamp,
+				durationMs: timestamp - startedAt,
+				order_id,
+				pay_number,
+				request_unique_idempotency_token,
+				online: typeof navigator !== "undefined" ? navigator.onLine : void 0,
+				visibilityState: typeof document !== "undefined" ? document.visibilityState : void 0
+			};
+		};
+		setHistoryLog(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({ msg: "步骤6开始: 调用check_pares接口" }, getRequestLogContext()), {}, { userAgent: typeof navigator !== "undefined" ? navigator.userAgent : void 0 }));
+		try {
+			const { data } = yield require_index.request.getRequest().post("/h5/pay/order/mw-3ds-pay/v2/check_pares", {
+				order_id,
+				pay_number,
+				request_unique_idempotency_token,
+				mw_data: {
+					transactionProduct: pay_info.check_tds_auth.product_name,
+					cres,
+					accessToken: pay_info.check_tds_auth.access_token,
+					tdsPayKey,
+					tdsPayToken,
+					paymentCardName: pay_info.check_tds_auth.card_name,
+					transactionAmount: amount,
+					card_id: pay_info.check_tds_auth.card_id
+				}
+			}, { manualErrorHandling: true });
+			setHistoryLog(require_objectSpread2._objectSpread2({ msg: "步骤6完成: check_pares接口返回" }, getRequestLogContext()));
+			return data;
+		} catch (error) {
+			setHistoryLog(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({ msg: "步骤6异常: check_pares接口失败" }, getRequestLogContext()), {}, { error: getErrorDetails(error) }));
+			throw error;
+		}
 	});
 	return function checkPARes(_x14, _x15, _x16) {
 		return _ref6.apply(this, arguments);

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

@@ -12,6 +12,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");
@@ -53,6 +54,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,
@@ -163,6 +165,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;
@@ -202,7 +207,7 @@ function ReadyState() {
 			require_asyncToGenerator._asyncToGenerator(function* () {
 				const pax = yield requestEntryPaxModal();
 				if (pax == null) {
-					navigateToHome();
+					confirmExitToHome();
 					return;
 				}
 				try {
@@ -214,7 +219,7 @@ function ReadyState() {
 			})();
 			return;
 		}
-		navigateToHome();
+		confirmExitToHome();
 	};
 	const enterProductStep = function() {
 		var _ref3 = require_asyncToGenerator._asyncToGenerator(function* () {
@@ -600,6 +605,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;

package/lib/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/lib/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.scan.order.resource.unavailable.confirm": "OK",
@@ -71,6 +75,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.scan.order.resource.unavailable.confirm": "好的",
@@ -141,6 +149,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.scan.order.resource.unavailable.confirm": "好的",
@@ -211,6 +223,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.scan.order.resource.unavailable.confirm": "OK",
@@ -281,6 +297,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.scan.order.resource.unavailable.confirm": "OK",