@rytass/bpm-core-react 0.22.0 → 0.24.0

package/dist/chunks/{compose-U1zs3Yof.js → compose-C7yS6bJm.js}

@@ -1,78 +1,78 @@
 "use client";
 import { r as e } from "./router-adapter-CkxCyzf5.js";
-import { r as t } from "./routes-config-BcNaWJWJ.js";
-import { t as n } from "./FormBuilderView-DbfbLZCI.js";
-import { t as r } from "./FormRendererView-CAyPXhPq.js";
-import { n as i, r as a, t as o } from "./designer-DPG7R_WP.js";
-import { o as s } from "./organization-time-zone-provider-DNL8yo4-.js";
-import { useCallback as c, useEffect as l, useState as u } from "react";
-import { Button as d, Empty as f, FormField as p, Input as m, PageHeader as h, Section as g, SectionGroup as _, Select as v, Step as y, Stepper as b, Table as x, Tag as S, Typography as C } from "@mezzanine-ui/react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { FormFieldLayout as D } from "@mezzanine-ui/core/form";
-import O from "@mezzanine-ui/react/ContentHeader";
-import { composeApprovalTemplateWithForm as k, listApprovalTemplateCategoriesPage as A } from "@rytass/bpm-core-client/template";
+import { r as t } from "./routes-config-DjEOE9eP.js";
+import { t as n } from "./FormBuilderView-CBvdcg_t.js";
+import { a as r, i, n as a, r as o, t as s } from "./designer-B9Ut4xze.js";
+import { t as c } from "./FormRendererView-DHXmekC3.js";
+import { o as l } from "./organization-time-zone-provider-DNL8yo4-.js";
+import { useCallback as u, useEffect as d, useState as f } from "react";
+import { Button as p, Empty as m, FormField as h, Input as g, PageHeader as _, Section as v, SectionGroup as y, Select as b, Step as x, Stepper as S, Table as C, Tag as w, Typography as T } from "@mezzanine-ui/react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+import { FormFieldLayout as k } from "@mezzanine-ui/core/form";
+import A from "@mezzanine-ui/react/ContentHeader";
+import { composeApprovalTemplateWithForm as j, listApprovalTemplateCategoriesPage as M } from "@rytass/bpm-core-client/template";
 // src/views/templates/compose/steps/ComposeFormStep.tsx
-var j = {
+var N = {
 	id: "UNCATEGORIZED",
 	name: "未分類"
-}, M = 100;
-function N({ categoryId: e, formSchema: t, formUiSchema: r, name: i, onCategoryIdChange: a, onFormChange: o, onNameChange: s }) {
-	let [c, d] = u([]);
-	l(() => {
+}, P = 100;
+function F({ categoryId: e, formSchema: t, formUiSchema: r, name: i, onCategoryIdChange: a, onFormChange: o, onNameChange: s }) {
+	let [c, l] = f([]);
+	d(() => {
 		let e = !0;
 		return (async () => {
 			try {
-				let t = await A({
+				let t = await M({
 					page: 1,
-					pageSize: M,
+					pageSize: P,
 					searchText: "",
 					status: "ACTIVE"
 				});
-				e && d(t.categories);
+				e && l(t.categories);
 			} catch {
-				e && d([]);
+				e && l([]);
 			}
 		})(), () => {
 			e = !1;
 		};
 	}, []);
-	let f = [j, ...c.map((e) => ({
+	let u = [N, ...c.map((e) => ({
 		id: e.id,
 		name: e.name
-	}))], h = f.find((t) => t.id === e) ?? j;
-	return /* @__PURE__ */ E(w, { children: [
-		/* @__PURE__ */ E("div", {
-			style: P,
-			children: [/* @__PURE__ */ T(p, {
+	}))], p = u.find((t) => t.id === e) ?? N;
+	return /* @__PURE__ */ O(E, { children: [
+		/* @__PURE__ */ O("div", {
+			style: I,
+			children: [/* @__PURE__ */ D(h, {
 				label: "名稱",
-				layout: D.VERTICAL,
+				layout: k.VERTICAL,
 				name: "composeName",
-				children: /* @__PURE__ */ T(m, {
+				children: /* @__PURE__ */ D(g, {
 					fullWidth: !0,
 					onChange: (e) => s(e.target.value),
 					placeholder: "例如：請款簽核",
 					value: i
 				})
-			}), /* @__PURE__ */ T(p, {
+			}), /* @__PURE__ */ D(h, {
 				label: "分類（選填）",
-				layout: D.VERTICAL,
+				layout: k.VERTICAL,
 				name: "composeCategory",
-				children: /* @__PURE__ */ T(v, {
+				children: /* @__PURE__ */ D(b, {
 					clearable: !1,
 					fullWidth: !0,
-					onChange: (e) => a(e && e.id !== j.id ? e.id : null),
-					options: f,
+					onChange: (e) => a(e && e.id !== N.id ? e.id : null),
+					options: u,
 					placeholder: "未分類",
-					value: h
+					value: p
 				})
 			})]
 		}),
-		/* @__PURE__ */ T(C, {
+		/* @__PURE__ */ D(T, {
 			color: "text-neutral",
 			variant: "caption",
 			children: "先設計表單欄位，下一步的流程條件分流即可直接引用這些欄位。"
 		}),
-		/* @__PURE__ */ T(n, {
+		/* @__PURE__ */ D(n, {
 			onChange: o,
 			value: {
 				schema: t,
@@ -81,85 +81,90 @@ function N({ categoryId: e, formSchema: t, formUiSchema: r, name: i, onCategoryI
 		})
 	] });
 }
-var P = {
+var I = {
 	display: "grid",
 	gap: 16,
 	gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))"
 };
 // src/views/templates/compose/steps/ComposeReviewStep.tsx
-function F({ formSchema: e, formUiSchema: t, initiatorPolicyCel: n, name: i, publishError: a, workflowDefinition: o }) {
-	let s = o?.nodes ?? [], c = o?.edges ?? [], l = e.fields.length, u = new Map(s.map((e) => [e.id, e.data.label])), d = s.map((e) => ({
-		detail: z(e) ?? "—",
+function L({ formSchema: e, formUiSchema: t, initiatorPolicyCel: n, launchMode: i, name: a, publishError: o, workflowDefinition: s }) {
+	let l = s?.nodes ?? [], u = s?.edges ?? [], d = e.fields.length, f = new Map(l.map((e) => [e.id, e.data.label])), p = l.map((e) => ({
+		detail: V(e) ?? "—",
 		key: e.id,
 		label: e.data.label,
-		typeLabel: R(e)
-	})), p = c.filter((e) => !!e.data.condition).map((e) => ({
+		typeLabel: B(e)
+	})), h = u.filter((e) => !!e.data.condition).map((e) => ({
 		condition: e.data.condition ?? "",
 		key: e.id,
-		source: u.get(e.source) ?? e.source,
-		target: u.get(e.target) ?? e.target
+		source: f.get(e.source) ?? e.source,
+		target: f.get(e.target) ?? e.target
 	}));
-	return /* @__PURE__ */ E("div", {
-		style: B,
+	return /* @__PURE__ */ O("div", {
+		style: H,
 		children: [
-			/* @__PURE__ */ T(C, {
+			/* @__PURE__ */ D(T, {
 				component: "h2",
-				style: V,
+				style: U,
 				variant: "h2",
-				children: i || "（未命名）"
+				children: a || "（未命名）"
 			}),
-			/* @__PURE__ */ E("div", {
-				style: B,
-				children: [/* @__PURE__ */ T(C, {
+			/* @__PURE__ */ O("div", {
+				style: H,
+				children: [/* @__PURE__ */ D(T, {
 					variant: "h3",
 					children: "表單預覽"
-				}), l > 0 ? /* @__PURE__ */ T(r, {
+				}), d > 0 ? /* @__PURE__ */ D(c, {
 					dataSourceContext: { kind: "preview" },
 					readonly: !0,
 					schema: e,
 					uiSchema: t
-				}) : /* @__PURE__ */ T(f, { title: "尚未設計表單欄位" })]
+				}) : /* @__PURE__ */ D(m, { title: "尚未設計表單欄位" })]
 			}),
-			/* @__PURE__ */ E("div", {
-				style: B,
+			/* @__PURE__ */ O("div", {
+				style: H,
 				children: [
-					/* @__PURE__ */ T(C, {
+					/* @__PURE__ */ D(T, {
 						variant: "h3",
 						children: "流程概覽"
 					}),
-					s.length > 0 ? /* @__PURE__ */ T(x, {
-						columns: I,
-						dataSource: d,
+					l.length > 0 ? /* @__PURE__ */ D(C, {
+						columns: R,
+						dataSource: p,
 						fullWidth: !0
-					}) : /* @__PURE__ */ T(f, { title: "尚未設計流程節點" }),
-					p.length > 0 ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(C, {
+					}) : /* @__PURE__ */ D(m, { title: "尚未設計流程節點" }),
+					h.length > 0 ? /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(T, {
 						color: "text-neutral",
 						variant: "caption",
 						children: "條件分流"
-					}), /* @__PURE__ */ T(x, {
-						columns: L,
-						dataSource: p,
+					}), /* @__PURE__ */ D(C, {
+						columns: z,
+						dataSource: h,
 						fullWidth: !0
 					})] }) : null,
-					n ? /* @__PURE__ */ E(C, {
+					/* @__PURE__ */ O(T, {
+						color: "text-neutral",
+						variant: "caption",
+						children: ["發起方式：", r(i).name]
+					}),
+					n ? /* @__PURE__ */ O(T, {
 						color: "text-neutral",
 						variant: "caption",
 						children: ["發起權限：", n]
 					}) : null
 				]
 			}),
-			a ? /* @__PURE__ */ T(C, {
+			o ? /* @__PURE__ */ D(T, {
 				color: "text-error",
 				variant: "body",
-				children: a
+				children: o
 			}) : null
 		]
 	});
 }
-var I = [
+var R = [
 	{
 		key: "type",
-		render: (e) => /* @__PURE__ */ T(S, {
+		render: (e) => /* @__PURE__ */ D(w, {
 			label: e.typeLabel,
 			size: "sub",
 			type: "static"
@@ -178,7 +183,7 @@ var I = [
 		title: "簽核方式",
 		width: 160
 	}
-], L = [
+], z = [
 	{
 		dataIndex: "source",
 		key: "source",
@@ -197,7 +202,7 @@ var I = [
 		title: "條件"
 	}
 ];
-function R(e) {
+function B(e) {
 	switch (e.type) {
 		case "startEvent": return "開始";
 		case "endEvent": return e.data.endState === "REJECTED" ? "結束（駁回）" : "結束（核准）";
@@ -208,74 +213,78 @@ function R(e) {
 		default: return "節點";
 	}
 }
-function z(e) {
-	return e.type === "userTask" ? a(e.data.approverResolver) : null;
+function V(e) {
+	return e.type === "userTask" ? o(e.data.approverResolver) : null;
 }
-var B = {
+var H = {
 	display: "grid",
 	gap: 12
-}, V = { marginTop: "var(--mzn-spacing-padding-vertical-spacious)" };
+}, U = { marginTop: "var(--mzn-spacing-padding-vertical-spacious)" };
 // src/views/templates/compose/steps/ComposeWorkflowStep.tsx
-function H({ aiAssistantAvailable: e = !1, formSchema: t, initiatorPolicyCel: n, onInitiatorPolicyChange: r, onWorkflowChange: i, showAiAssistant: a = !1, workflowDefinition: s }) {
-	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(C, {
+function W({ aiAssistantAvailable: e = !1, formSchema: t, initiatorPolicyCel: n, launchMode: r, onInitiatorPolicyChange: i, onLaunchModeChange: a, onWorkflowChange: o, showAiAssistant: c = !1, workflowDefinition: l }) {
+	return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(T, {
 		color: "text-neutral",
 		variant: "caption",
 		children: "設計簽核節點與條件分流；條件可直接引用上一步設計的表單欄位。"
-	}), /* @__PURE__ */ T(o, {
+	}), /* @__PURE__ */ D(s, {
 		aiAssistantAvailable: e,
 		embedded: !0,
 		formSchemaOverride: t,
 		initialInitiatorPolicyCel: n,
-		initialWorkflowDefinition: s ?? void 0,
-		onInitiatorPolicyChange: r,
-		onWorkflowChange: i,
-		showAiAssistant: a
+		initialLaunchMode: r,
+		initialWorkflowDefinition: l ?? void 0,
+		onInitiatorPolicyChange: i,
+		onLaunchModeChange: a,
+		onWorkflowChange: o,
+		showAiAssistant: c
 	})] });
 }
 // src/views/templates/compose/use-template-compose-wizard.ts
-var U = {
+var G = {
 	fields: [],
 	schemaVersion: 1
-}, W = {
+}, K = {
 	layout: [],
 	schemaVersion: 1
 };
-function G() {
-	let e = s(), [t, n] = u(0), [r, a] = u(""), [o, l] = u(null), [d, f] = u(U), [p, m] = u(W), [h, g] = u(null), [_, v] = u(null), [y, b] = u("idle"), [x, S] = u(null), C = r.trim().length > 0 && d.fields.length > 0, w = c((e) => {
+function q() {
+	let e = l(), [t, n] = f(0), [r, o] = f(""), [s, c] = f(null), [d, p] = f(G), [m, h] = f(K), [g, _] = f(null), [v, y] = f(null), [b, x] = f(i), [S, C] = f("idle"), [w, T] = f(null), E = r.trim().length > 0 && d.fields.length > 0, D = u((e) => {
 		n(e);
-	}, []), T = c(() => {
+	}, []), O = u(() => {
 		n((e) => e < 2 ? e + 1 : e);
-	}, []), E = c(() => {
+	}, []), k = u(() => {
 		n((e) => e > 0 ? e - 1 : e);
-	}, []), D = c((e) => {
-		f(e.schema), m(e.uiSchema);
-	}, []), O = c((e) => {
-		g(e);
-	}, []), A = c((e) => {
-		v(e);
+	}, []), A = u((e) => {
+		p(e.schema), h(e.uiSchema);
+	}, []), M = u((e) => {
+		_(e);
+	}, []), N = u((e) => {
+		y(e);
 	}, []);
 	return {
-		canLeaveBasics: C,
-		categoryId: o,
+		canLeaveBasics: E,
+		categoryId: s,
 		currentStep: t,
 		formSchema: d,
-		formUiSchema: p,
-		goBack: E,
-		goNext: T,
-		goToStep: w,
-		initiatorPolicyCel: _,
+		formUiSchema: m,
+		goBack: k,
+		goNext: O,
+		goToStep: D,
+		initiatorPolicyCel: v,
+		launchMode: b,
 		name: r,
-		publish: c(async () => {
-			b("submitting"), S(null);
-			let t = h ?? K;
+		publish: u(async () => {
+			C("submitting"), T(null);
+			let t = g ?? J;
 			try {
-				let e = await k({
+				let e = await j({
 					category: null,
-					categoryId: o,
+					categoryId: s,
 					formDefinitionId: null,
 					formDescription: null,
 					formName: r,
-					initiatorPolicyCel: _,
+					initiatorPolicyCel: v,
+					launchMode: b,
 					notificationConfig: null,
 					publish: !0,
 					schema: d,
@@ -283,33 +292,35 @@ function G() {
 					templateDescription: null,
 					templateId: null,
 					templateName: r,
-					uiSchema: p,
+					uiSchema: m,
 					workflowDefinition: t
 				});
-				return b("success"), e;
+				return C("success"), e;
 			} catch (n) {
-				return S(i(n, e, t)), b("error"), null;
+				return T(a(n, e, t)), C("error"), null;
 			}
 		}, [
-			o,
+			s,
 			d,
-			p,
-			_,
+			m,
+			v,
 			e,
+			b,
 			r,
-			h
+			g
 		]),
-		publishError: x,
-		publishPhase: y,
-		setCategoryId: l,
-		setFormValue: D,
-		setInitiatorPolicyCel: A,
-		setName: a,
-		setWorkflowDefinition: O,
-		workflowDefinition: h
+		publishError: w,
+		publishPhase: S,
+		setCategoryId: c,
+		setFormValue: A,
+		setInitiatorPolicyCel: N,
+		setLaunchMode: x,
+		setName: o,
+		setWorkflowDefinition: M,
+		workflowDefinition: g
 	};
 }
-var K = {
+var J = {
 	edges: [],
 	expressionDialect: "cel-v2",
 	meta: { schemaVersion: 1 },
@@ -336,40 +347,40 @@ var K = {
 	}]
 };
 // src/views/templates/compose/TemplateComposeWizardView.tsx
-function q({ aiAssistantAvailable: n = !1, showAiAssistant: r = !1 } = {}) {
-	let i = e(), a = t(), o = G(), s = o.publishPhase === "submitting";
+function Y({ aiAssistantAvailable: n = !1, showAiAssistant: r = !1 } = {}) {
+	let i = e(), a = t(), o = q(), s = o.publishPhase === "submitting";
 	async function c() {
 		let e = await o.publish();
 		e && i.push(a.templateDesigner(e.templateId));
 	}
-	return /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(h, { children: /* @__PURE__ */ T(O, {
+	return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(_, { children: /* @__PURE__ */ D(A, {
 		description: "一次完成表單與流程設計，發佈後即可直接發起。",
 		title: "建立模板（表單 + 流程）",
-		children: /* @__PURE__ */ T(d, {
+		children: /* @__PURE__ */ D(p, {
 			disabled: s,
 			onClick: () => i.push(a.templates()),
 			variant: "base-secondary",
 			children: "返回模板列表"
 		})
-	}) }), /* @__PURE__ */ T(_, { children: /* @__PURE__ */ E(g, { children: [
-		/* @__PURE__ */ E(b, {
+	}) }), /* @__PURE__ */ D(y, { children: /* @__PURE__ */ O(v, { children: [
+		/* @__PURE__ */ O(S, {
 			currentStep: o.currentStep,
 			children: [
-				/* @__PURE__ */ T(y, {
+				/* @__PURE__ */ D(x, {
 					description: "設計欄位與版面",
 					title: "表單設計"
 				}),
-				/* @__PURE__ */ T(y, {
+				/* @__PURE__ */ D(x, {
 					description: "設計簽核節點與條件",
 					title: "流程設計"
 				}),
-				/* @__PURE__ */ T(y, {
+				/* @__PURE__ */ D(x, {
 					description: "確認後發佈",
 					title: "檢視並發佈"
 				})
 			]
 		}),
-		o.currentStep === 0 ? /* @__PURE__ */ T(N, {
+		o.currentStep === 0 ? /* @__PURE__ */ D(F, {
 			categoryId: o.categoryId,
 			formSchema: o.formSchema,
 			formUiSchema: o.formUiSchema,
@@ -378,42 +389,45 @@ function q({ aiAssistantAvailable: n = !1, showAiAssistant: r = !1 } = {}) {
 			onFormChange: o.setFormValue,
 			onNameChange: o.setName
 		}) : null,
-		o.currentStep === 1 ? /* @__PURE__ */ T(H, {
+		o.currentStep === 1 ? /* @__PURE__ */ D(W, {
 			aiAssistantAvailable: n,
 			formSchema: o.formSchema,
 			initiatorPolicyCel: o.initiatorPolicyCel,
+			launchMode: o.launchMode,
 			onInitiatorPolicyChange: o.setInitiatorPolicyCel,
+			onLaunchModeChange: o.setLaunchMode,
 			onWorkflowChange: o.setWorkflowDefinition,
 			showAiAssistant: r,
 			workflowDefinition: o.workflowDefinition
 		}) : null,
-		o.currentStep === 2 ? /* @__PURE__ */ T(F, {
+		o.currentStep === 2 ? /* @__PURE__ */ D(L, {
 			formSchema: o.formSchema,
 			formUiSchema: o.formUiSchema,
 			initiatorPolicyCel: o.initiatorPolicyCel,
+			launchMode: o.launchMode,
 			name: o.name,
 			publishError: o.publishError,
 			workflowDefinition: o.workflowDefinition
 		}) : null,
-		/* @__PURE__ */ E("div", {
-			style: J,
-			children: [o.currentStep === 0 && !o.canLeaveBasics ? /* @__PURE__ */ T(C, {
+		/* @__PURE__ */ O("div", {
+			style: X,
+			children: [o.currentStep === 0 && !o.canLeaveBasics ? /* @__PURE__ */ D(T, {
 				color: "text-neutral",
 				variant: "caption",
 				children: "請填寫模板名稱、表單名稱，並至少新增一個表單欄位。"
-			}) : /* @__PURE__ */ T("span", {}), /* @__PURE__ */ E("div", {
-				style: Y,
-				children: [/* @__PURE__ */ T(d, {
+			}) : /* @__PURE__ */ D("span", {}), /* @__PURE__ */ O("div", {
+				style: Z,
+				children: [/* @__PURE__ */ D(p, {
 					disabled: o.currentStep === 0 || s,
 					onClick: o.goBack,
 					variant: "base-secondary",
 					children: "上一步"
-				}), o.currentStep < 2 ? /* @__PURE__ */ T(d, {
+				}), o.currentStep < 2 ? /* @__PURE__ */ D(p, {
 					disabled: o.currentStep === 0 && !o.canLeaveBasics,
 					onClick: o.goNext,
 					variant: "base-primary",
 					children: "下一步"
-				}) : /* @__PURE__ */ T(d, {
+				}) : /* @__PURE__ */ D(p, {
 					disabled: s,
 					loading: s,
 					onClick: () => {
@@ -426,16 +440,16 @@ function q({ aiAssistantAvailable: n = !1, showAiAssistant: r = !1 } = {}) {
 		})
 	] }) })] });
 }
-var J = {
+var X = {
 	alignItems: "center",
 	display: "flex",
 	marginTop: "var(--mzn-spacing-padding-vertical-spacious)",
 	justifyContent: "space-between",
 	gap: 16
-}, Y = {
+}, Z = {
 	display: "flex",
 	gap: 8
 };
-export { G as i, U as n, W as r, q as t };
+export { q as i, G as n, K as r, Y as t };
 
-//# sourceMappingURL=compose-U1zs3Yof.js.map
+//# sourceMappingURL=compose-C7yS6bJm.js.map

package/dist/chunks/compose-C7yS6bJm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-C7yS6bJm.js","names":["_Fragment","_Fragment","_Fragment","_Fragment","useRouterAdapter","useBPMRoutes","FormBuilderView","readLaunchModeOption","readTemplateErrorMessage","readApproverResolverDetail","TemplateDesignerView","FormRenderer","useBPMLanguage","Fragment$1","ContentHeader","UNCATEGORIZED_OPTION","CATEGORY_PAGE_SIZE","ComposeFormStep","categoryOptions","setCategoryOptions","useState","active","result","listApprovalTemplateCategoriesPage","selectOptions","category","selectedOption","option","categoryId","BASICS_GRID_STYLE","FormField","FormFieldLayout","Input","onNameChange","event","name","Select","onCategoryIdChange","Typography","onFormChange","formSchema","formUiSchema","ComposeReviewStep","nodes","workflowDefinition","edges","fieldCount","nodeLabelById","node","nodeRows","readNodeDetail","readNodeTypeLabel","branchRows","edge","STACK_STYLE","TITLE_STYLE","Empty","Table","NODE_COLUMNS","BRANCH_COLUMNS","launchMode","initiatorPolicyCel","publishError","Tag","record","ComposeWorkflowStep","EMPTY_COMPOSE_FORM_SCHEMA","EMPTY_COMPOSE_FORM_UI_SCHEMA","useTemplateComposeWizard","language","currentStep","setCurrentStep","setName","setCategoryId","setFormSchema","setFormUiSchema","setWorkflowDefinitionState","setInitiatorPolicyCelState","setLaunchMode","DEFAULT_LAUNCH_MODE","publishPhase","setPublishPhase","setPublishError","canLeaveBasics","goToStep","useCallback","step","goNext","goBack","setFormValue","next","setWorkflowDefinition","definition","setInitiatorPolicyCel","cel","submittedDefinition","EMPTY_WORKFLOW_DEFINITION","composeApprovalTemplateWithForm","requestError","TemplateComposeWizardView","router","routes","wizard","submitting","handlePublish","PageHeader","Button","SectionGroup","Section","Stepper","Step","FOOTER_STYLE","FOOTER_ACTIONS_STYLE"],"sources":["../../src/views/templates/compose/steps/ComposeFormStep.tsx","../../src/views/templates/compose/steps/ComposeReviewStep.tsx","../../src/views/templates/compose/steps/ComposeWorkflowStep.tsx","../../src/views/templates/compose/use-template-compose-wizard.ts","../../src/views/templates/compose/TemplateComposeWizardView.tsx"],"sourcesContent":["'use client';\n\nimport type { ChangeEvent, ReactElement } from 'react';\nimport { useEffect, useState } from 'react';\nimport { FormField, Input, Select, Typography } from '@mezzanine-ui/react';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { SelectValue } from '@mezzanine-ui/react/Select';\nimport type {\n  FormDefinitionSchema,\n  FormUiSchema,\n} from '@rytass/bpm-core-shared/form';\nimport {\n  ApprovalTemplateCategoryRecord,\n  listApprovalTemplateCategoriesPage,\n} from '@rytass/bpm-core-client/template';\nimport { FormBuilderView } from '../../../forms/builder';\n\nconst UNCATEGORIZED_OPTION: SelectValue = {\n  id: 'UNCATEGORIZED',\n  name: '未分類',\n};\n\nconst CATEGORY_PAGE_SIZE = 100;\n\nexport interface ComposeFormStepProps {\n  readonly name: string;\n  readonly categoryId: string | null;\n  readonly formSchema: FormDefinitionSchema;\n  readonly formUiSchema: FormUiSchema;\n  readonly onNameChange: (value: string) => void;\n  readonly onCategoryIdChange: (value: string | null) => void;\n  readonly onFormChange: (next: {\n    readonly schema: FormDefinitionSchema;\n    readonly uiSchema: FormUiSchema;\n  }) => void;\n}\n\nexport function ComposeFormStep({\n  categoryId,\n  formSchema,\n  formUiSchema,\n  name,\n  onCategoryIdChange,\n  onFormChange,\n  onNameChange,\n}: ComposeFormStepProps): ReactElement {\n  const [categoryOptions, setCategoryOptions] = useState<\n    readonly ApprovalTemplateCategoryRecord[]\n  >([]);\n\n  useEffect((): (() => void) => {\n    let active = true;\n\n    void (async (): Promise<void> => {\n      try {\n        const result = await listApprovalTemplateCategoriesPage({\n          page: 1,\n          pageSize: CATEGORY_PAGE_SIZE,\n          searchText: '',\n          status: 'ACTIVE',\n        });\n\n        if (active) {\n          setCategoryOptions(result.categories);\n        }\n      } catch {\n        if (active) {\n          setCategoryOptions([]);\n        }\n      }\n    })();\n\n    return (): void => {\n      active = false;\n    };\n  }, []);\n\n  const selectOptions: SelectValue[] = [\n    UNCATEGORIZED_OPTION,\n    ...categoryOptions.map((category) => ({\n      id: category.id,\n      name: category.name,\n    })),\n  ];\n  const selectedOption =\n    selectOptions.find((option) => option.id === categoryId) ??\n    UNCATEGORIZED_OPTION;\n\n  return (\n    <>\n      <div style={BASICS_GRID_STYLE}>\n        <FormField\n          label=\"名稱\"\n          layout={FormFieldLayout.VERTICAL}\n          name=\"composeName\"\n        >\n          <Input\n            fullWidth\n            onChange={(event: ChangeEvent<HTMLInputElement>): void =>\n              onNameChange(event.target.value)\n            }\n            placeholder=\"例如：請款簽核\"\n            value={name}\n          />\n        </FormField>\n        <FormField\n          label=\"分類（選填）\"\n          layout={FormFieldLayout.VERTICAL}\n          name=\"composeCategory\"\n        >\n          <Select\n            clearable={false}\n            fullWidth\n            onChange={(option): void =>\n              onCategoryIdChange(\n                option && option.id !== UNCATEGORIZED_OPTION.id\n                  ? option.id\n                  : null,\n              )\n            }\n            options={selectOptions}\n            placeholder=\"未分類\"\n            value={selectedOption}\n          />\n        </FormField>\n      </div>\n      <Typography color=\"text-neutral\" variant=\"caption\">\n        先設計表單欄位，下一步的流程條件分流即可直接引用這些欄位。\n      </Typography>\n      <FormBuilderView\n        onChange={onFormChange}\n        value={{ schema: formSchema, uiSchema: formUiSchema }}\n      />\n    </>\n  );\n}\n\nconst BASICS_GRID_STYLE = {\n  display: 'grid',\n  gap: 16,\n  gridTemplateColumns: 'repeat(auto-fit, minmax(220px, 1fr))',\n} as const;\n","'use client';\n\nimport type { CSSProperties, ReactElement } from 'react';\nimport { Empty, Table, Tag, Typography } from '@mezzanine-ui/react';\nimport type { TableColumn } from '@mezzanine-ui/core/table';\nimport type {\n  FormDefinitionSchema,\n  FormUiSchema,\n} from '@rytass/bpm-core-shared/form';\nimport type { ApprovalTemplateLaunchMode } from '@rytass/bpm-core-client/template';\nimport { readLaunchModeOption } from '../../designer/launch-mode';\nimport type {\n  WorkflowDefinition,\n  WorkflowNode,\n} from '@rytass/bpm-core-shared/workflow';\nimport { FormRenderer } from '../../../forms/renderer/FormRendererView';\nimport { readApproverResolverDetail } from '../../designer/approver-resolver-model';\n\ntype FlowNodeRow = Readonly<\n  Record<string, unknown> & {\n    detail: string;\n    key: string;\n    label: string;\n    typeLabel: string;\n  }\n>;\n\ntype BranchRow = Readonly<\n  Record<string, unknown> & {\n    condition: string;\n    key: string;\n    source: string;\n    target: string;\n  }\n>;\n\nexport interface ComposeReviewStepProps {\n  readonly name: string;\n  readonly formSchema: FormDefinitionSchema;\n  readonly formUiSchema: FormUiSchema;\n  readonly workflowDefinition: WorkflowDefinition | null;\n  readonly initiatorPolicyCel: string | null;\n  readonly launchMode: ApprovalTemplateLaunchMode;\n  readonly publishError: string | null;\n}\n\nexport function ComposeReviewStep({\n  formSchema,\n  formUiSchema,\n  initiatorPolicyCel,\n  launchMode,\n  name,\n  publishError,\n  workflowDefinition,\n}: ComposeReviewStepProps): ReactElement {\n  const nodes = workflowDefinition?.nodes ?? [];\n  const edges = workflowDefinition?.edges ?? [];\n  const fieldCount = formSchema.fields.length;\n  const nodeLabelById = new Map(\n    nodes.map((node) => [node.id, node.data.label] as const),\n  );\n  const nodeRows: FlowNodeRow[] = nodes.map((node) => ({\n    detail: readNodeDetail(node) ?? '—',\n    key: node.id,\n    label: node.data.label,\n    typeLabel: readNodeTypeLabel(node),\n  }));\n  const branchRows: BranchRow[] = edges\n    .filter((edge) => Boolean(edge.data.condition))\n    .map((edge) => ({\n      condition: edge.data.condition ?? '',\n      key: edge.id,\n      source: nodeLabelById.get(edge.source) ?? edge.source,\n      target: nodeLabelById.get(edge.target) ?? edge.target,\n    }));\n\n  return (\n    <div style={STACK_STYLE}>\n      <Typography component=\"h2\" style={TITLE_STYLE} variant=\"h2\">\n        {name || '（未命名）'}\n      </Typography>\n\n      <div style={STACK_STYLE}>\n        <Typography variant=\"h3\">表單預覽</Typography>\n        {fieldCount > 0 ? (\n          <FormRenderer\n            dataSourceContext={{ kind: 'preview' }}\n            readonly\n            schema={formSchema}\n            uiSchema={formUiSchema}\n          />\n        ) : (\n          <Empty title=\"尚未設計表單欄位\" />\n        )}\n      </div>\n\n      <div style={STACK_STYLE}>\n        <Typography variant=\"h3\">流程概覽</Typography>\n        {nodes.length > 0 ? (\n          <Table columns={NODE_COLUMNS} dataSource={nodeRows} fullWidth />\n        ) : (\n          <Empty title=\"尚未設計流程節點\" />\n        )}\n        {branchRows.length > 0 ? (\n          <>\n            <Typography color=\"text-neutral\" variant=\"caption\">\n              條件分流\n            </Typography>\n            <Table columns={BRANCH_COLUMNS} dataSource={branchRows} fullWidth />\n          </>\n        ) : null}\n        <Typography color=\"text-neutral\" variant=\"caption\">\n          發起方式：{readLaunchModeOption(launchMode).name}\n        </Typography>\n        {initiatorPolicyCel ? (\n          <Typography color=\"text-neutral\" variant=\"caption\">\n            發起權限：{initiatorPolicyCel}\n          </Typography>\n        ) : null}\n      </div>\n\n      {publishError ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {publishError}\n        </Typography>\n      ) : null}\n    </div>\n  );\n}\n\nconst NODE_COLUMNS: TableColumn<FlowNodeRow>[] = [\n  {\n    key: 'type',\n    render: (record: FlowNodeRow): ReactElement => (\n      <Tag label={record.typeLabel} size=\"sub\" type=\"static\" />\n    ),\n    title: '類型',\n    width: 130,\n  },\n  { dataIndex: 'label', key: 'label', title: '節點' },\n  { dataIndex: 'detail', key: 'detail', title: '簽核方式', width: 160 },\n];\n\nconst BRANCH_COLUMNS: TableColumn<BranchRow>[] = [\n  { dataIndex: 'source', key: 'source', title: '來源', width: 180 },\n  { dataIndex: 'target', key: 'target', title: '目標', width: 180 },\n  { dataIndex: 'condition', key: 'condition', title: '條件' },\n];\n\nfunction readNodeTypeLabel(node: WorkflowNode): string {\n  switch (node.type) {\n    case 'startEvent':\n      return '開始';\n    case 'endEvent':\n      return node.data.endState === 'REJECTED' ? '結束（駁回）' : '結束（核准）';\n    case 'userTask':\n      return '簽核';\n    case 'serviceTask':\n      return '服務';\n    case 'exclusiveGateway':\n      return '條件閘道';\n    case 'parallelGateway':\n      return '平行閘道';\n    default:\n      return '節點';\n  }\n}\n\nfunction readNodeDetail(node: WorkflowNode): string | null {\n  if (node.type !== 'userTask') {\n    return null;\n  }\n\n  return readApproverResolverDetail(node.data.approverResolver);\n}\n\nconst STACK_STYLE: CSSProperties = {\n  display: 'grid',\n  gap: 12,\n};\n\n// Match the breathing room between the stepper and the PageHeader, which is the\n// Section's top padding token.\nconst TITLE_STYLE: CSSProperties = {\n  marginTop: 'var(--mzn-spacing-padding-vertical-spacious)',\n};\n","'use client';\n\nimport type { ReactElement } from 'react';\nimport { Typography } from '@mezzanine-ui/react';\nimport type { FormDefinitionSchema } from '@rytass/bpm-core-shared/form';\nimport type { WorkflowDefinition } from '@rytass/bpm-core-shared/workflow';\nimport type { ApprovalTemplateLaunchMode } from '@rytass/bpm-core-client/template';\nimport { TemplateDesignerView } from '../../designer';\n\nexport interface ComposeWorkflowStepProps {\n  readonly formSchema: FormDefinitionSchema;\n  readonly workflowDefinition: WorkflowDefinition | null;\n  readonly initiatorPolicyCel: string | null;\n  readonly onWorkflowChange: (definition: WorkflowDefinition) => void;\n  readonly onInitiatorPolicyChange: (cel: string | null) => void;\n  readonly launchMode: ApprovalTemplateLaunchMode;\n  readonly onLaunchModeChange: (launchMode: ApprovalTemplateLaunchMode) => void;\n  /**\n   * Show the AI assistant button inside the embedded designer's side panel.\n   * Follows the same opt-in contract as the standalone designer page; default\n   * hidden. Wired up the stack from the server page's `BPM_AI_ASSISTANT_ENABLED`.\n   */\n  readonly showAiAssistant?: boolean;\n  /**\n   * Whether the LLM backend is configured (host has an API key). When `false`\n   * the AI button shows disabled as a placeholder. Default `false`.\n   */\n  readonly aiAssistantAvailable?: boolean;\n}\n\nexport function ComposeWorkflowStep({\n  aiAssistantAvailable = false,\n  formSchema,\n  initiatorPolicyCel,\n  launchMode,\n  onInitiatorPolicyChange,\n  onLaunchModeChange,\n  onWorkflowChange,\n  showAiAssistant = false,\n  workflowDefinition,\n}: ComposeWorkflowStepProps): ReactElement {\n  return (\n    <>\n      <Typography color=\"text-neutral\" variant=\"caption\">\n        設計簽核節點與條件分流；條件可直接引用上一步設計的表單欄位。\n      </Typography>\n      <TemplateDesignerView\n        aiAssistantAvailable={aiAssistantAvailable}\n        embedded\n        formSchemaOverride={formSchema}\n        initialInitiatorPolicyCel={initiatorPolicyCel}\n        initialLaunchMode={launchMode}\n        initialWorkflowDefinition={workflowDefinition ?? undefined}\n        onInitiatorPolicyChange={onInitiatorPolicyChange}\n        onLaunchModeChange={onLaunchModeChange}\n        onWorkflowChange={onWorkflowChange}\n        showAiAssistant={showAiAssistant}\n      />\n    </>\n  );\n}\n","'use client';\n\nimport { useCallback, useState } from 'react';\nimport type {\n  FormDefinitionSchema,\n  FormUiSchema,\n} from '@rytass/bpm-core-shared/form';\nimport type { WorkflowDefinition } from '@rytass/bpm-core-shared/workflow';\nimport { useBPMLanguage } from '../../../lib/language-provider';\nimport {\n  ApprovalTemplateLaunchMode,\n  ComposeApprovalTemplateWithFormResult,\n  composeApprovalTemplateWithForm,\n} from '@rytass/bpm-core-client/template';\nimport { DEFAULT_LAUNCH_MODE } from '../designer/launch-mode';\nimport { readTemplateErrorMessage } from '../template-error-message';\n\nexport type ComposeWizardStep = 0 | 1 | 2;\n\nexport type ComposePublishPhase = 'error' | 'idle' | 'submitting' | 'success';\n\nexport const EMPTY_COMPOSE_FORM_SCHEMA: FormDefinitionSchema = {\n  fields: [],\n  schemaVersion: 1,\n};\n\nexport const EMPTY_COMPOSE_FORM_UI_SCHEMA: FormUiSchema = {\n  layout: [],\n  schemaVersion: 1,\n};\n\nexport interface TemplateComposeWizard {\n  readonly currentStep: ComposeWizardStep;\n  /**\n   * Single user-facing name. Persisted to both the template and the form\n   * (`templateName` / `formName`) at the `composeApprovalTemplateWithForm`\n   * boundary — the DB keeps two columns, the UI keeps one field.\n   */\n  readonly name: string;\n  readonly categoryId: string | null;\n  readonly formSchema: FormDefinitionSchema;\n  readonly formUiSchema: FormUiSchema;\n  readonly workflowDefinition: WorkflowDefinition | null;\n  readonly initiatorPolicyCel: string | null;\n  readonly launchMode: ApprovalTemplateLaunchMode;\n  readonly publishPhase: ComposePublishPhase;\n  readonly publishError: string | null;\n  readonly canLeaveBasics: boolean;\n  readonly goToStep: (step: ComposeWizardStep) => void;\n  readonly goNext: () => void;\n  readonly goBack: () => void;\n  readonly setName: (value: string) => void;\n  readonly setCategoryId: (value: string | null) => void;\n  readonly setFormValue: (next: {\n    readonly schema: FormDefinitionSchema;\n    readonly uiSchema: FormUiSchema;\n  }) => void;\n  readonly setWorkflowDefinition: (definition: WorkflowDefinition) => void;\n  readonly setInitiatorPolicyCel: (cel: string | null) => void;\n  readonly setLaunchMode: (launchMode: ApprovalTemplateLaunchMode) => void;\n  readonly publish: () => Promise<ComposeApprovalTemplateWithFormResult | null>;\n}\n\n/**\n * Owns the cross-step state for the unified \"form + flow\" template wizard.\n *\n * Step 0 (表單) edits `formSchema`/`formUiSchema`; that same in-memory schema\n * feeds Step 1 (流程) as the field source for condition branches, so the\n * embedded designer never needs a published form version. Step 2 (檢視發佈)\n * submits everything through the atomic `composeApprovalTemplateWithForm`\n * mutation.\n */\nexport function useTemplateComposeWizard(): TemplateComposeWizard {\n  const language = useBPMLanguage();\n  const [currentStep, setCurrentStep] = useState<ComposeWizardStep>(0);\n  const [name, setName] = useState('');\n  const [categoryId, setCategoryId] = useState<string | null>(null);\n  const [formSchema, setFormSchema] = useState<FormDefinitionSchema>(\n    EMPTY_COMPOSE_FORM_SCHEMA,\n  );\n  const [formUiSchema, setFormUiSchema] = useState<FormUiSchema>(\n    EMPTY_COMPOSE_FORM_UI_SCHEMA,\n  );\n  const [workflowDefinition, setWorkflowDefinitionState] =\n    useState<WorkflowDefinition | null>(null);\n  const [initiatorPolicyCel, setInitiatorPolicyCelState] = useState<\n    string | null\n  >(null);\n  const [launchMode, setLaunchMode] = useState<ApprovalTemplateLaunchMode>(\n    DEFAULT_LAUNCH_MODE,\n  );\n  const [publishPhase, setPublishPhase] = useState<ComposePublishPhase>('idle');\n  const [publishError, setPublishError] = useState<string | null>(null);\n\n  const canLeaveBasics = name.trim().length > 0 && formSchema.fields.length > 0;\n\n  const goToStep = useCallback((step: ComposeWizardStep): void => {\n    setCurrentStep(step);\n  }, []);\n\n  const goNext = useCallback((): void => {\n    setCurrentStep((step) =>\n      step < 2 ? ((step + 1) as ComposeWizardStep) : step,\n    );\n  }, []);\n\n  const goBack = useCallback((): void => {\n    setCurrentStep((step) =>\n      step > 0 ? ((step - 1) as ComposeWizardStep) : step,\n    );\n  }, []);\n\n  const setFormValue = useCallback(\n    (next: {\n      readonly schema: FormDefinitionSchema;\n      readonly uiSchema: FormUiSchema;\n    }): void => {\n      setFormSchema(next.schema);\n      setFormUiSchema(next.uiSchema);\n    },\n    [],\n  );\n\n  const setWorkflowDefinition = useCallback(\n    (definition: WorkflowDefinition): void => {\n      setWorkflowDefinitionState(definition);\n    },\n    [],\n  );\n\n  const setInitiatorPolicyCel = useCallback((cel: string | null): void => {\n    setInitiatorPolicyCelState(cel);\n  }, []);\n\n  const publish =\n    useCallback(async (): Promise<ComposeApprovalTemplateWithFormResult | null> => {\n      setPublishPhase('submitting');\n      setPublishError(null);\n\n      const submittedDefinition =\n        workflowDefinition ?? EMPTY_WORKFLOW_DEFINITION;\n\n      try {\n        const result = await composeApprovalTemplateWithForm({\n          category: null,\n          categoryId,\n          formDefinitionId: null,\n          formDescription: null,\n          // One UI name fans out to both persisted columns.\n          formName: name,\n          initiatorPolicyCel,\n          launchMode,\n          notificationConfig: null,\n          publish: true,\n          schema: formSchema,\n          slaDefaults: null,\n          templateDescription: null,\n          templateId: null,\n          templateName: name,\n          uiSchema: formUiSchema,\n          workflowDefinition: submittedDefinition,\n        });\n\n        setPublishPhase('success');\n\n        return result;\n      } catch (requestError: unknown) {\n        setPublishError(\n          readTemplateErrorMessage(requestError, language, submittedDefinition),\n        );\n        setPublishPhase('error');\n\n        return null;\n      }\n    }, [\n      categoryId,\n      formSchema,\n      formUiSchema,\n      initiatorPolicyCel,\n      language,\n      launchMode,\n      name,\n      workflowDefinition,\n    ]);\n\n  return {\n    canLeaveBasics,\n    categoryId,\n    currentStep,\n    formSchema,\n    formUiSchema,\n    goBack,\n    goNext,\n    goToStep,\n    initiatorPolicyCel,\n    launchMode,\n    name,\n    publish,\n    publishError,\n    publishPhase,\n    setCategoryId,\n    setFormValue,\n    setInitiatorPolicyCel,\n    setLaunchMode,\n    setName,\n    setWorkflowDefinition,\n    workflowDefinition,\n  };\n}\n\n// Phase 23 P4: templates created through the wizard start on cel-v2.\nconst EMPTY_WORKFLOW_DEFINITION: WorkflowDefinition = {\n  edges: [],\n  expressionDialect: 'cel-v2',\n  meta: { schemaVersion: 1 },\n  nodes: [\n    {\n      data: { label: '開始' },\n      id: 'start',\n      position: { x: 80, y: 160 },\n      type: 'startEvent',\n    },\n    {\n      data: { endState: 'APPROVED', label: '完成', triggerMode: 'AND' },\n      id: 'end',\n      position: { x: 560, y: 160 },\n      type: 'endEvent',\n    },\n  ],\n};\n","'use client';\n\nimport type { ReactElement } from 'react';\nimport {\n  Button,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Step,\n  Stepper,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { useRouterAdapter } from '../../../lib/router-adapter';\nimport { useBPMRoutes } from '../../../lib/routes-config';\nimport { ComposeFormStep } from './steps/ComposeFormStep';\nimport { ComposeReviewStep } from './steps/ComposeReviewStep';\nimport { ComposeWorkflowStep } from './steps/ComposeWorkflowStep';\nimport { useTemplateComposeWizard } from './use-template-compose-wizard';\n\nexport interface TemplateComposeWizardViewProps {\n  /**\n   * Show the workflow designer AI assistant inside Step 1 (流程設計). Opt-in,\n   * default hidden — the server page maps `BPM_AI_ASSISTANT_ENABLED` to it.\n   */\n  readonly showAiAssistant?: boolean;\n  /**\n   * Whether the LLM backend is configured (host has an API key). When `false`\n   * the AI button shows disabled as a placeholder. Default `false`.\n   */\n  readonly aiAssistantAvailable?: boolean;\n}\n\n/**\n * Unified \"form + flow\" template creation wizard. Walks the user through\n * Step 0 表單設計 → Step 1 流程設計 → Step 2 檢視並發佈, then commits both\n * sides atomically through `composeApprovalTemplateWithForm`. This is the\n * template entry point; the form builder is intentionally controlled here\n * instead of exposed as a standalone `/forms` page.\n */\nexport function TemplateComposeWizardView({\n  aiAssistantAvailable = false,\n  showAiAssistant = false,\n}: TemplateComposeWizardViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const wizard = useTemplateComposeWizard();\n  const submitting = wizard.publishPhase === 'submitting';\n\n  async function handlePublish(): Promise<void> {\n    const result = await wizard.publish();\n\n    if (result) {\n      router.push(routes.templateDesigner(result.templateId));\n    }\n  }\n\n  return (\n    <>\n      <PageHeader>\n        <ContentHeader\n          description=\"一次完成表單與流程設計，發佈後即可直接發起。\"\n          title=\"建立模板（表單 + 流程）\"\n        >\n          <Button\n            disabled={submitting}\n            onClick={(): void => router.push(routes.templates())}\n            variant=\"base-secondary\"\n          >\n            返回模板列表\n          </Button>\n        </ContentHeader>\n      </PageHeader>\n\n      <SectionGroup>\n        <Section>\n          <Stepper currentStep={wizard.currentStep}>\n            <Step description=\"設計欄位與版面\" title=\"表單設計\" />\n            <Step description=\"設計簽核節點與條件\" title=\"流程設計\" />\n            <Step description=\"確認後發佈\" title=\"檢視並發佈\" />\n          </Stepper>\n\n          {wizard.currentStep === 0 ? (\n            <ComposeFormStep\n              categoryId={wizard.categoryId}\n              formSchema={wizard.formSchema}\n              formUiSchema={wizard.formUiSchema}\n              name={wizard.name}\n              onCategoryIdChange={wizard.setCategoryId}\n              onFormChange={wizard.setFormValue}\n              onNameChange={wizard.setName}\n            />\n          ) : null}\n\n          {wizard.currentStep === 1 ? (\n            <ComposeWorkflowStep\n              aiAssistantAvailable={aiAssistantAvailable}\n              formSchema={wizard.formSchema}\n              initiatorPolicyCel={wizard.initiatorPolicyCel}\n              launchMode={wizard.launchMode}\n              onInitiatorPolicyChange={wizard.setInitiatorPolicyCel}\n              onLaunchModeChange={wizard.setLaunchMode}\n              onWorkflowChange={wizard.setWorkflowDefinition}\n              showAiAssistant={showAiAssistant}\n              workflowDefinition={wizard.workflowDefinition}\n            />\n          ) : null}\n\n          {wizard.currentStep === 2 ? (\n            <ComposeReviewStep\n              formSchema={wizard.formSchema}\n              formUiSchema={wizard.formUiSchema}\n              initiatorPolicyCel={wizard.initiatorPolicyCel}\n              launchMode={wizard.launchMode}\n              name={wizard.name}\n              publishError={wizard.publishError}\n              workflowDefinition={wizard.workflowDefinition}\n            />\n          ) : null}\n\n          <div style={FOOTER_STYLE}>\n            {wizard.currentStep === 0 && !wizard.canLeaveBasics ? (\n              <Typography color=\"text-neutral\" variant=\"caption\">\n                請填寫模板名稱、表單名稱，並至少新增一個表單欄位。\n              </Typography>\n            ) : (\n              <span />\n            )}\n            <div style={FOOTER_ACTIONS_STYLE}>\n              <Button\n                disabled={wizard.currentStep === 0 || submitting}\n                onClick={wizard.goBack}\n                variant=\"base-secondary\"\n              >\n                上一步\n              </Button>\n              {wizard.currentStep < 2 ? (\n                <Button\n                  disabled={wizard.currentStep === 0 && !wizard.canLeaveBasics}\n                  onClick={wizard.goNext}\n                  variant=\"base-primary\"\n                >\n                  下一步\n                </Button>\n              ) : (\n                <Button\n                  disabled={submitting}\n                  loading={submitting}\n                  onClick={(): void => {\n                    void handlePublish();\n                  }}\n                  variant=\"base-primary\"\n                >\n                  發佈\n                </Button>\n              )}\n            </div>\n          </div>\n        </Section>\n      </SectionGroup>\n    </>\n  );\n}\n\nconst FOOTER_STYLE = {\n  alignItems: 'center',\n  display: 'flex',\n  // Match the breathing room used elsewhere (the Section's top padding token).\n  marginTop: 'var(--mzn-spacing-padding-vertical-spacious)',\n  justifyContent: 'space-between',\n  gap: 16,\n} as const;\n\nconst FOOTER_ACTIONS_STYLE = {\n  display: 'flex',\n  gap: 8,\n} as const;\n"],"mappings":"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"}