@pisell/private-materials 6.12.167 → 6.12.169

package/lib/components/HDLKiosk/{runtime → ui}/HDLKioskWorkflowView.js

@@ -1,6 +1,7 @@
 const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
-const require_asyncToGenerator = require("../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js");
 const require_useHDLKioskCustomerController = require("./controllers/useHDLKioskCustomerController.js");
+const require_useHDLKioskActionDispatcher = require("./controllers/useHDLKioskActionDispatcher.js");
+const require_useHDLKioskExitController = require("./controllers/useHDLKioskExitController.js");
 const require_useHDLKioskScreenData = require("./controllers/useHDLKioskScreenData.js");
 const require_selectors = require("../kernel/workflow/selectors.js");
 const require_index = require("../components/overlays/EndOrderDialog/index.js");
@@ -11,13 +12,12 @@ const require_index$4 = require("../components/shell/HDLKioskShell/index.js");
 const require_index$5 = require("../components/shell/HDLKioskBottomBarHost/index.js");
 const require_index$6 = require("../components/common/BlockingNotice/index.js");
 const require_utils = require("../utils.js");
-const require_ScreenRenderer = require("../app/ScreenRenderer.js");
-const require_useWorkflowSnapshot = require("./useWorkflowSnapshot.js");
-const require_workflowEvent = require("./workflowEvent.js");
+const require_ScreenRenderer = require("./ScreenRenderer.js");
+const require_snapshots = require("./snapshots.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let _pisell_utils = require("@pisell/utils");
-//#region src/components/HDLKiosk/runtime/HDLKioskWorkflowView.tsx
+//#region src/components/HDLKiosk/ui/HDLKioskWorkflowView.tsx
 /**
 * 文件角色：承载一个活跃 HDLKiosk 会话的 React 组合视图。
 * 运行机制：组合 Customer/ScreenData Controller，订阅 Host 与 Actor
@@ -42,52 +42,42 @@ function HDLKioskWorkflowCartOverlay({ model, busy, memberAction, send, renderCa
 		} : void 0
 	});
 }
+function HDLKioskWorkflowBlockingSurface({ snapshot, title, description, reference, hideBottomBar = false }) {
+	return /* @__PURE__ */ react.default.createElement(require_index$4.HDLKioskShell, { snapshot }, /* @__PURE__ */ react.default.createElement(require_index$5.HDLKioskBottomBarHost, { mode: hideBottomBar ? "hidden" : void 0 }, /* @__PURE__ */ react.default.createElement(require_index$1.HDLKioskHeader, null), /* @__PURE__ */ react.default.createElement("main", { className: "hdl-shell__main" }, /* @__PURE__ */ react.default.createElement(require_index$6.BlockingNotice, {
+		title,
+		description,
+		reference
+	}))));
+}
 /**
 * 活跃点餐会话的 UI 编排层。
 *
 * 它把运行时控制器投影为 Screen/Dialog 所需的 props；具体页面不直接接触
 * Host、Workflow Actor 或会话计时器。
 */
-function HDLKioskWorkflowView({ session, host, sales, config, isActive, renderIdentityAuth, renderCartContent, cartOverlayActions, returnToEntry }) {
-	var _snapshot$pendingNavi, _snapshot$pendingNavi2, _activeNode$presentat, _customer$error, _activeNode$presentat2;
-	const snapshot = require_useWorkflowSnapshot.useWorkflowSnapshot(session.actor);
-	const sequence = (0, react.useRef)(0);
-	const resetInFlight = (0, react.useRef)(false);
-	const [resetting, setResetting] = (0, react.useState)(false);
-	const [resetError, setResetError] = (0, react.useState)();
+function HDLKioskWorkflowView({ session, host, sales, config, isActive, returning, returnError, renderIdentityAuth, renderCartContent, cartOverlayActions, returnToEntry }) {
+	var _session$definition$n2, _customer$error, _activeNode$presentat;
+	const snapshot = require_snapshots.useWorkflowSnapshot(session.actor);
+	const navigationSequence = (0, react.useRef)(0);
 	const [memberLoginOpen, setMemberLoginOpen] = (0, react.useState)(false);
-	const [commandState, setCommandState] = (0, react.useState)({ busy: false });
-	const commandGeneration = (0, react.useRef)(0);
-	const pendingCommands = (0, react.useRef)(0);
 	const activeNode = session.definition.nodes[snapshot.nodeId];
-	const pendingEndOrderNavigation = ((_snapshot$pendingNavi = snapshot.pendingNavigation) === null || _snapshot$pendingNavi === void 0 ? void 0 : _snapshot$pendingNavi.request.kind) === "confirmEndOrder" ? snapshot.pendingNavigation : void 0;
-	const pendingAutomaticExitNavigation = ((_snapshot$pendingNavi2 = snapshot.pendingNavigation) === null || _snapshot$pendingNavi2 === void 0 ? void 0 : _snapshot$pendingNavi2.request.kind) === "performSessionExit" ? snapshot.pendingNavigation : void 0;
-	const endOrderConfirmationOpen = Boolean(pendingEndOrderNavigation);
-	const currentScreenId = activeNode.screenId;
 	const customizationStepId = session.definition.stepOrder.find((stepId) => {
 		var _session$definition$n;
 		return ((_session$definition$n = session.definition.nodes[stepId]) === null || _session$definition$n === void 0 ? void 0 : _session$definition$n.activity) === "customization";
 	});
-	const screenDataNode = ((_activeNode$presentat = activeNode.presentation) === null || _activeNode$presentat === void 0 ? void 0 : _activeNode$presentat.mode) === "modal" ? session.definition.nodes[activeNode.presentation.base] : activeNode;
+	const screenDataNode = (_session$definition$n2 = session.definition.nodes[snapshot.surface.pageStepId]) !== null && _session$definition$n2 !== void 0 ? _session$definition$n2 : activeNode;
 	const paymentSafeForReset = sales.payment.status === "idle" || sales.payment.status === "failed";
-	const resetSession = (0, react.useCallback)(require_asyncToGenerator._asyncToGenerator(function* () {
-		if (resetInFlight.current) return;
-		resetInFlight.current = true;
-		setResetting(true);
-		setResetError(void 0);
-		sequence.current += 1;
-		const result = yield returnToEntry("ui");
-		if (result.status === "succeeded") return;
-		resetInFlight.current = false;
-		setResetting(false);
-		setResetError(result.status === "failed" || result.status === "partialFailure" || result.status === "unknown" ? result.error : {
-			code: "resetCancelled",
-			source: "operation",
-			recovery: "staff",
-			safeMessageKey: "hdlKiosk.error.resetCancelled",
-			traceId: `hdl-reset-cancelled-${Date.now()}`
-		});
-	}), [returnToEntry]);
+	const { endOrderConfirmationOpen, resetSession, requestEndOrder, cancelEndOrder, confirmEndOrder } = require_useHDLKioskExitController.useHDLKioskExitController({
+		session,
+		snapshot,
+		returnToEntry
+	});
+	const { send, commandState } = require_useHDLKioskActionDispatcher.useHDLKioskActionDispatcher({
+		session,
+		snapshot,
+		activityId: activeNode.activity,
+		resetSession
+	});
 	const customer = require_useHDLKioskCustomerController.useHDLKioskCustomerController({
 		session,
 		snapshot,
@@ -95,7 +85,7 @@ function HDLKioskWorkflowView({ session, host, sales, config, isActive, renderId
 		activityId: activeNode.activity,
 		isActive,
 		loginAvailable: Boolean(renderIdentityAuth),
-		interactionBlocked: resetting || commandState.busy
+		interactionBlocked: returning || commandState.busy
 	});
 	const requestMemberLogin = (0, react.useCallback)(() => {
 		if (customer.canLogin && renderIdentityAuth) setMemberLoginOpen(true);
@@ -104,106 +94,27 @@ function HDLKioskWorkflowView({ session, host, sales, config, isActive, renderId
 		setMemberLoginOpen(false);
 		customer.applyAuthenticatedCustomer(customerId);
 	}, [customer.applyAuthenticatedCustomer]);
-	const requestEndOrder = (0, react.useCallback)(() => {
-		sequence.current += 1;
-		session.actor.navigate({
-			kind: "sessionExit",
-			reason: "userRequest"
-		}, `ui:${snapshot.sessionEpoch}:${sequence.current}`);
-	}, [session, snapshot.sessionEpoch]);
 	const editPrimaryProduct = (0, react.useCallback)(() => {
 		if (!customizationStepId || customizationStepId === snapshot.nodeId) return;
-		sequence.current += 1;
+		navigationSequence.current += 1;
 		session.actor.navigate({
 			kind: "step",
 			stepId: customizationStepId
-		}, `ui:edit-primary-product:${snapshot.sessionEpoch}:${sequence.current}`);
+		}, `ui:edit-primary-product:${snapshot.sessionEpoch}:${navigationSequence.current}`);
 	}, [
 		customizationStepId,
 		session.actor,
 		snapshot.nodeId,
 		snapshot.sessionEpoch
 	]);
-	const cancelEndOrder = (0, react.useCallback)(() => {
-		if (!pendingEndOrderNavigation) return;
-		session.actor.resolvePendingNavigation(pendingEndOrderNavigation.navigationId, "cancel");
-	}, [pendingEndOrderNavigation, session.actor]);
-	const confirmEndOrder = (0, react.useCallback)(() => {
-		if (!pendingEndOrderNavigation || !session.actor.resolvePendingNavigation(pendingEndOrderNavigation.navigationId, "allow")) return;
-		resetSession();
-	}, [
-		pendingEndOrderNavigation,
-		resetSession,
-		session.actor
-	]);
-	(0, react.useEffect)(() => {
-		if (!pendingAutomaticExitNavigation || !session.actor.resolvePendingNavigation(pendingAutomaticExitNavigation.navigationId, "allow")) return;
-		resetSession();
-	}, [
-		pendingAutomaticExitNavigation,
-		resetSession,
-		session.actor
-	]);
 	const { catalog, customization, payment } = require_useHDLKioskScreenData.useHDLKioskScreenData({
 		host,
-		currentScreenId: screenDataNode.screenId,
+		currentScreenId: screenDataNode.surfaceId,
 		activity: screenDataNode.activity,
 		isActive,
 		primaryWeightedProductId: config.primaryWeightedProductId
 	});
-	(0, react.useEffect)(() => {
-		commandGeneration.current += 1;
-		pendingCommands.current = 0;
-		setCommandState({ busy: false });
-		setMemberLoginOpen(false);
-	}, [session]);
-	const send = (0, react.useCallback)((action) => {
-		if (action.kind === "session") {
-			resetSession();
-			return;
-		}
-		sequence.current += 1;
-		const intentId = `ui:${snapshot.sessionEpoch}:${sequence.current}`;
-		if (action.kind === "intent" || action.kind === "navigation") {
-			const event = require_workflowEvent.createWorkflowEvent(action, activeNode.activity, snapshot.nodeId, intentId);
-			if (event) session.actor.send(event);
-			return;
-		}
-		const generation = commandGeneration.current;
-		pendingCommands.current += 1;
-		setCommandState({
-			busy: true,
-			commandId: action.command
-		});
-		session.executeCommand(action.command, action.input, intentId).then((result) => {
-			if (generation !== commandGeneration.current) return;
-			pendingCommands.current = Math.max(0, pendingCommands.current - 1);
-			setCommandState({
-				busy: pendingCommands.current > 0,
-				commandId: pendingCommands.current > 0 ? action.command : void 0,
-				error: result.status === "failed" ? result.error : void 0
-			});
-		});
-	}, [
-		activeNode.activity,
-		resetSession,
-		session,
-		snapshot.nodeId,
-		snapshot.sessionEpoch
-	]);
-	(0, react.useEffect)(() => {
-		if (activeNode.activity !== "paymentMethod" || snapshot.status !== "idle" || sales.payment.status !== "succeeded") return;
-		send({
-			kind: "intent",
-			activityId: "paymentMethod",
-			intent: "complete"
-		});
-	}, [
-		activeNode.activity,
-		sales.payment.status,
-		send,
-		snapshot.status
-	]);
+	(0, react.useEffect)(() => setMemberLoginOpen(false), [session, snapshot.nodeId]);
 	const memberAction = customer.visible ? {
 		member: customer.member,
 		memberName: customer.memberName,
@@ -213,7 +124,7 @@ function HDLKioskWorkflowView({ session, host, sales, config, isActive, renderId
 		errorReference: (_customer$error = customer.error) === null || _customer$error === void 0 ? void 0 : _customer$error.traceId,
 		onLogin: requestMemberLogin
 	} : void 0;
-	const canEndOrder = snapshot.status === "idle" && !resetting && !snapshot.pendingNavigation && !commandState.busy && !customer.busy && paymentSafeForReset;
+	const canEndOrder = snapshot.status === "idle" && !returning && !snapshot.pendingNavigation && !commandState.busy && !customer.busy && paymentSafeForReset;
 	const cartDrawerModel = (0, react.useMemo)(() => require_utils.createCartDrawerModel(sales, snapshot.context.primaryWeightedProductId), [sales, snapshot.context.primaryWeightedProductId]);
 	const endOrderBottomBar = activeNode.activity === "paymentCompleted" ? void 0 : {
 		ariaLabel: _pisell_utils.locales.getText("pisell2.hdl-kiosk.exit-order"),
@@ -228,25 +139,28 @@ function HDLKioskWorkflowView({ session, host, sales, config, isActive, renderId
 			"aria-hidden": "true"
 		}, /* @__PURE__ */ react.default.createElement("path", { d: "m15 5-7 7 7 7M8 12h10" })), /* @__PURE__ */ react.default.createElement("span", null, _pisell_utils.locales.getText("pisell2.hdl-kiosk.back")))
 	};
-	if (resetError) return /* @__PURE__ */ react.default.createElement(require_index$4.HDLKioskShell, { snapshot }, /* @__PURE__ */ react.default.createElement(require_index$5.HDLKioskBottomBarHost, null, /* @__PURE__ */ react.default.createElement(require_index$1.HDLKioskHeader, null), /* @__PURE__ */ react.default.createElement("main", { className: "hdl-shell__main" }, /* @__PURE__ */ react.default.createElement(require_index$6.BlockingNotice, {
+	if (returnError) return /* @__PURE__ */ react.default.createElement(HDLKioskWorkflowBlockingSurface, {
+		snapshot,
 		title: _pisell_utils.locales.getText("pisell2.hdl-kiosk.reset-failed-title"),
 		description: _pisell_utils.locales.getText("pisell2.hdl-kiosk.reset-failed-description"),
-		reference: resetError.traceId
-	}))));
+		reference: returnError.traceId
+	});
 	if (snapshot.status === "blocked") {
 		var _snapshot$lastError;
-		return /* @__PURE__ */ react.default.createElement(require_index$4.HDLKioskShell, { snapshot }, /* @__PURE__ */ react.default.createElement(require_index$5.HDLKioskBottomBarHost, { mode: "hidden" }, /* @__PURE__ */ react.default.createElement(require_index$1.HDLKioskHeader, null), /* @__PURE__ */ react.default.createElement("main", { className: "hdl-shell__main" }, /* @__PURE__ */ react.default.createElement(require_index$6.BlockingNotice, {
+		return /* @__PURE__ */ react.default.createElement(HDLKioskWorkflowBlockingSurface, {
+			snapshot,
 			title: _pisell_utils.locales.getText("pisell2.hdl-kiosk.blocked-title"),
 			description: _pisell_utils.locales.getText("pisell2.hdl-kiosk.blocked-description"),
-			reference: (_snapshot$lastError = snapshot.lastError) === null || _snapshot$lastError === void 0 ? void 0 : _snapshot$lastError.traceId
-		}))));
+			reference: (_snapshot$lastError = snapshot.lastError) === null || _snapshot$lastError === void 0 ? void 0 : _snapshot$lastError.traceId,
+			hideBottomBar: true
+		});
 	}
 	return /* @__PURE__ */ react.default.createElement(require_index$4.HDLKioskShell, {
 		snapshot,
 		memberAction,
-		variant: currentScreenId === "identity" ? "identityGate" : "default"
+		variant: screenDataNode.surfaceId === "identity" ? "identityGate" : "default"
 	}, /* @__PURE__ */ react.default.createElement(require_index$5.HDLKioskBottomBarHost, {
-		mode: ((_activeNode$presentat2 = activeNode.presentation) === null || _activeNode$presentat2 === void 0 ? void 0 : _activeNode$presentat2.mode) === "modal" || endOrderConfirmationOpen || memberLoginOpen ? "masked" : "visible",
+		mode: ((_activeNode$presentat = activeNode.presentation) === null || _activeNode$presentat === void 0 ? void 0 : _activeNode$presentat.mode) === "modal" || endOrderConfirmationOpen || memberLoginOpen ? "masked" : "visible",
 		fallback: endOrderBottomBar,
 		cartOverlayActions,
 		promotionsAvailable: Boolean(renderCartContent)
@@ -259,7 +173,7 @@ function HDLKioskWorkflowView({ session, host, sales, config, isActive, renderId
 		sales,
 		send,
 		commandState,
-		resetting,
+		resetting: returning,
 		capabilities: host.capabilities,
 		businessMode: config.businessMode,
 		scaleMinimumWeightKg: config.scaleTriggerMinimumWeightKg,