@rytass/bpm-core-react 0.4.0 → 0.5.0

package/dist/chunks/compose-PMrmi-LE.js

@@ -0,0 +1,451 @@
+"use client";
+import { r as e } from "./router-adapter-DftlFTOd.js";
+import { r as t } from "./routes-config-RBYQtUd0.js";
+import { t as n } from "./FormRendererView-DrHsuSVo.js";
+import { t as r } from "./FormBuilderView-D8DrQOXD.js";
+import { t as i } from "./designer-mOMxJ0Py.js";
+import { useCallback as a, useEffect as o, useState as s } from "react";
+import { Button as c, Empty as l, FormField as u, Input as d, PageHeader as f, Section as p, SectionGroup as m, Select as h, Step as g, Stepper as _, Table as v, Tag as y, Typography as b } from "@mezzanine-ui/react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import w from "@mezzanine-ui/react/ContentHeader";
+import { FormFieldLayout as T } from "@mezzanine-ui/core/form";
+import { composeApprovalTemplateWithForm as E, listApprovalTemplateCategoriesPage as D } from "@rytass/bpm-core-client/template";
+//#region src/views/templates/compose/steps/ComposeFormStep.tsx
+var O = {
+	id: "UNCATEGORIZED",
+	name: "未分類"
+}, k = 100;
+function A({ categoryId: e, formSchema: t, formUiSchema: n, name: i, onCategoryIdChange: a, onFormChange: c, onNameChange: l }) {
+	let [f, p] = s([]);
+	o(() => {
+		let e = !0;
+		return (async () => {
+			try {
+				let t = await D({
+					page: 1,
+					pageSize: k,
+					searchText: "",
+					status: "ACTIVE"
+				});
+				e && p(t.categories);
+			} catch {
+				e && p([]);
+			}
+		})(), () => {
+			e = !1;
+		};
+	}, []);
+	let m = [O, ...f.map((e) => ({
+		id: e.id,
+		name: e.name
+	}))], g = m.find((t) => t.id === e) ?? O;
+	return /* @__PURE__ */ C(x, { children: [
+		/* @__PURE__ */ C("div", {
+			style: j,
+			children: [/* @__PURE__ */ S(u, {
+				label: "名稱",
+				layout: T.VERTICAL,
+				name: "composeName",
+				children: /* @__PURE__ */ S(d, {
+					fullWidth: !0,
+					onChange: (e) => l(e.target.value),
+					placeholder: "例如：請款簽核",
+					value: i
+				})
+			}), /* @__PURE__ */ S(u, {
+				label: "分類（選填）",
+				layout: T.VERTICAL,
+				name: "composeCategory",
+				children: /* @__PURE__ */ S(h, {
+					clearable: !1,
+					fullWidth: !0,
+					onChange: (e) => a(e && e.id !== O.id ? e.id : null),
+					options: m,
+					placeholder: "未分類",
+					value: g
+				})
+			})]
+		}),
+		/* @__PURE__ */ S(b, {
+			color: "text-neutral",
+			variant: "caption",
+			children: "先設計表單欄位，下一步的流程條件分流即可直接引用這些欄位。"
+		}),
+		/* @__PURE__ */ S(r, {
+			onChange: c,
+			value: {
+				schema: t,
+				uiSchema: n
+			}
+		})
+	] });
+}
+var j = {
+	display: "grid",
+	gap: 16,
+	gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))"
+};
+//#endregion
+//#region src/views/templates/compose/steps/ComposeReviewStep.tsx
+function M({ formSchema: e, formUiSchema: t, initiatorPolicyCel: r, name: i, publishError: a, workflowDefinition: o }) {
+	let s = o?.nodes ?? [], c = o?.edges ?? [], u = e.fields.length, d = new Map(s.map((e) => [e.id, e.data.label])), f = s.map((e) => ({
+		detail: I(e) ?? "—",
+		key: e.id,
+		label: e.data.label,
+		typeLabel: F(e)
+	})), p = c.filter((e) => !!e.data.condition).map((e) => ({
+		condition: e.data.condition ?? "",
+		key: e.id,
+		source: d.get(e.source) ?? e.source,
+		target: d.get(e.target) ?? e.target
+	}));
+	return /* @__PURE__ */ C("div", {
+		style: L,
+		children: [
+			/* @__PURE__ */ S(b, {
+				component: "h2",
+				style: R,
+				variant: "h2",
+				children: i || "（未命名）"
+			}),
+			/* @__PURE__ */ C("div", {
+				style: L,
+				children: [/* @__PURE__ */ S(b, {
+					variant: "h3",
+					children: "表單預覽"
+				}), u > 0 ? /* @__PURE__ */ S(n, {
+					readonly: !0,
+					schema: e,
+					uiSchema: t
+				}) : /* @__PURE__ */ S(l, { title: "尚未設計表單欄位" })]
+			}),
+			/* @__PURE__ */ C("div", {
+				style: L,
+				children: [
+					/* @__PURE__ */ S(b, {
+						variant: "h3",
+						children: "流程概覽"
+					}),
+					s.length > 0 ? /* @__PURE__ */ S(v, {
+						columns: N,
+						dataSource: f,
+						fullWidth: !0
+					}) : /* @__PURE__ */ S(l, { title: "尚未設計流程節點" }),
+					p.length > 0 ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(b, {
+						color: "text-neutral",
+						variant: "caption",
+						children: "條件分流"
+					}), /* @__PURE__ */ S(v, {
+						columns: P,
+						dataSource: p,
+						fullWidth: !0
+					})] }) : null,
+					r ? /* @__PURE__ */ C(b, {
+						color: "text-neutral",
+						variant: "caption",
+						children: ["發起權限：", r]
+					}) : null
+				]
+			}),
+			a ? /* @__PURE__ */ S(b, {
+				color: "text-error",
+				variant: "body",
+				children: a
+			}) : null
+		]
+	});
+}
+var N = [
+	{
+		key: "type",
+		render: (e) => /* @__PURE__ */ S(y, {
+			label: e.typeLabel,
+			size: "sub",
+			type: "static"
+		}),
+		title: "類型",
+		width: 130
+	},
+	{
+		dataIndex: "label",
+		key: "label",
+		title: "節點"
+	},
+	{
+		dataIndex: "detail",
+		key: "detail",
+		title: "簽核方式",
+		width: 160
+	}
+], P = [
+	{
+		dataIndex: "source",
+		key: "source",
+		title: "來源",
+		width: 180
+	},
+	{
+		dataIndex: "target",
+		key: "target",
+		title: "目標",
+		width: 180
+	},
+	{
+		dataIndex: "condition",
+		key: "condition",
+		title: "條件"
+	}
+];
+function F(e) {
+	switch (e.type) {
+		case "startEvent": return "開始";
+		case "endEvent": return e.data.endState === "REJECTED" ? "結束（駁回）" : "結束（核准）";
+		case "userTask": return "簽核";
+		case "serviceTask": return "服務";
+		case "exclusiveGateway": return "條件閘道";
+		case "parallelGateway": return "平行閘道";
+		default: return "節點";
+	}
+}
+function I(e) {
+	if (e.type !== "userTask") return null;
+	switch (e.data.approverResolver.type) {
+		case "DIRECT": return "指定成員";
+		case "POSITION": return "指定職位";
+		case "ORG_UNIT_MEMBER": return "單位成員";
+		case "ORG_UNIT_POSITION": return "單位職位";
+		case "ORG_MANAGER": return "主管";
+		case "ORG_UNIT_MANAGER": return "單位主管";
+		case "DYNAMIC_FORM": return "表單動態指派";
+		case "EXPRESSION": return "運算式";
+		default: return "簽核人";
+	}
+}
+var L = {
+	display: "grid",
+	gap: 12
+}, R = { marginTop: "var(--mzn-spacing-padding-vertical-spacious)" };
+//#endregion
+//#region src/views/templates/compose/steps/ComposeWorkflowStep.tsx
+function z({ formSchema: e, initiatorPolicyCel: t, onInitiatorPolicyChange: n, onWorkflowChange: r, workflowDefinition: a }) {
+	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(b, {
+		color: "text-neutral",
+		variant: "caption",
+		children: "設計簽核節點與條件分流；條件可直接引用上一步設計的表單欄位。"
+	}), /* @__PURE__ */ S(i, {
+		embedded: !0,
+		formSchemaOverride: e,
+		initialInitiatorPolicyCel: t,
+		initialWorkflowDefinition: a ?? void 0,
+		onInitiatorPolicyChange: n,
+		onWorkflowChange: r
+	})] });
+}
+//#endregion
+//#region src/views/templates/compose/use-template-compose-wizard.ts
+var B = {
+	fields: [],
+	schemaVersion: 1
+}, V = {
+	layout: [],
+	schemaVersion: 1
+};
+function H() {
+	let [e, t] = s(0), [n, r] = s(""), [i, o] = s(null), [c, l] = s(B), [u, d] = s(V), [f, p] = s(null), [m, h] = s(null), [g, _] = s("idle"), [v, y] = s(null), b = n.trim().length > 0 && c.fields.length > 0, x = a((e) => {
+		t(e);
+	}, []), S = a(() => {
+		t((e) => e < 2 ? e + 1 : e);
+	}, []), C = a(() => {
+		t((e) => e > 0 ? e - 1 : e);
+	}, []), w = a((e) => {
+		l(e.schema), d(e.uiSchema);
+	}, []), T = a((e) => {
+		p(e);
+	}, []), D = a((e) => {
+		h(e);
+	}, []);
+	return {
+		canLeaveBasics: b,
+		categoryId: i,
+		currentStep: e,
+		formSchema: c,
+		formUiSchema: u,
+		goBack: C,
+		goNext: S,
+		goToStep: x,
+		initiatorPolicyCel: m,
+		name: n,
+		publish: a(async () => {
+			_("submitting"), y(null);
+			try {
+				let e = await E({
+					category: null,
+					categoryId: i,
+					formDefinitionId: null,
+					formDescription: null,
+					formName: n,
+					initiatorPolicyCel: m,
+					notificationConfig: null,
+					publish: !0,
+					schema: c,
+					slaDefaults: null,
+					templateDescription: null,
+					templateId: null,
+					templateName: n,
+					uiSchema: u,
+					workflowDefinition: f ?? U
+				});
+				return _("success"), e;
+			} catch (e) {
+				return y(W(e)), _("error"), null;
+			}
+		}, [
+			i,
+			c,
+			u,
+			m,
+			n,
+			f
+		]),
+		publishError: v,
+		publishPhase: g,
+		setCategoryId: o,
+		setFormValue: w,
+		setInitiatorPolicyCel: D,
+		setName: r,
+		setWorkflowDefinition: T,
+		workflowDefinition: f
+	};
+}
+var U = {
+	edges: [],
+	meta: { schemaVersion: 1 },
+	nodes: [{
+		data: { label: "開始" },
+		id: "start",
+		position: {
+			x: 80,
+			y: 160
+		},
+		type: "startEvent"
+	}, {
+		data: {
+			endState: "APPROVED",
+			label: "完成",
+			triggerMode: "AND"
+		},
+		id: "end",
+		position: {
+			x: 560,
+			y: 160
+		},
+		type: "endEvent"
+	}]
+};
+function W(e) {
+	return e instanceof Error ? e.message : "發生未知錯誤";
+}
+//#endregion
+//#region src/views/templates/compose/TemplateComposeWizardView.tsx
+function G() {
+	let n = e(), r = t(), i = H(), a = i.publishPhase === "submitting";
+	async function o() {
+		let e = await i.publish();
+		e && n.push(r.templateDesigner(e.templateId));
+	}
+	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(f, { children: /* @__PURE__ */ S(w, {
+		description: "一次完成表單與流程設計，發佈後即可直接發起。",
+		title: "建立模板（表單 + 流程）",
+		children: /* @__PURE__ */ S(c, {
+			disabled: a,
+			onClick: () => n.push(r.templates()),
+			variant: "base-secondary",
+			children: "返回模板列表"
+		})
+	}) }), /* @__PURE__ */ S(m, { children: /* @__PURE__ */ C(p, { children: [
+		/* @__PURE__ */ C(_, {
+			currentStep: i.currentStep,
+			children: [
+				/* @__PURE__ */ S(g, {
+					description: "設計欄位與版面",
+					title: "表單設計"
+				}),
+				/* @__PURE__ */ S(g, {
+					description: "設計簽核節點與條件",
+					title: "流程設計"
+				}),
+				/* @__PURE__ */ S(g, {
+					description: "確認後發佈",
+					title: "檢視並發佈"
+				})
+			]
+		}),
+		i.currentStep === 0 ? /* @__PURE__ */ S(A, {
+			categoryId: i.categoryId,
+			formSchema: i.formSchema,
+			formUiSchema: i.formUiSchema,
+			name: i.name,
+			onCategoryIdChange: i.setCategoryId,
+			onFormChange: i.setFormValue,
+			onNameChange: i.setName
+		}) : null,
+		i.currentStep === 1 ? /* @__PURE__ */ S(z, {
+			formSchema: i.formSchema,
+			initiatorPolicyCel: i.initiatorPolicyCel,
+			onInitiatorPolicyChange: i.setInitiatorPolicyCel,
+			onWorkflowChange: i.setWorkflowDefinition,
+			workflowDefinition: i.workflowDefinition
+		}) : null,
+		i.currentStep === 2 ? /* @__PURE__ */ S(M, {
+			formSchema: i.formSchema,
+			formUiSchema: i.formUiSchema,
+			initiatorPolicyCel: i.initiatorPolicyCel,
+			name: i.name,
+			publishError: i.publishError,
+			workflowDefinition: i.workflowDefinition
+		}) : null,
+		/* @__PURE__ */ C("div", {
+			style: K,
+			children: [i.currentStep === 0 && !i.canLeaveBasics ? /* @__PURE__ */ S(b, {
+				color: "text-neutral",
+				variant: "caption",
+				children: "請填寫模板名稱、表單名稱，並至少新增一個表單欄位。"
+			}) : /* @__PURE__ */ S("span", {}), /* @__PURE__ */ C("div", {
+				style: q,
+				children: [/* @__PURE__ */ S(c, {
+					disabled: i.currentStep === 0 || a,
+					onClick: i.goBack,
+					variant: "base-secondary",
+					children: "上一步"
+				}), i.currentStep < 2 ? /* @__PURE__ */ S(c, {
+					disabled: i.currentStep === 0 && !i.canLeaveBasics,
+					onClick: i.goNext,
+					variant: "base-primary",
+					children: "下一步"
+				}) : /* @__PURE__ */ S(c, {
+					disabled: a,
+					loading: a,
+					onClick: () => {
+						o();
+					},
+					variant: "base-primary",
+					children: "發佈"
+				})]
+			})]
+		})
+	] }) })] });
+}
+var K = {
+	alignItems: "center",
+	display: "flex",
+	marginTop: "var(--mzn-spacing-padding-vertical-spacious)",
+	justifyContent: "space-between",
+	gap: 16
+}, q = {
+	display: "flex",
+	gap: 8
+};
+//#endregion
+export { H as i, B as n, V as r, G as t };
+
+//# sourceMappingURL=compose-PMrmi-LE.js.map

package/dist/chunks/compose-PMrmi-LE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-PMrmi-LE.js","names":[],"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 {\n  WorkflowDefinition,\n  WorkflowNode,\n} from '@rytass/bpm-core-shared/workflow';\nimport { FormRenderer } from '../../../forms/renderer/FormRendererView';\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 publishError: string | null;\n}\n\nexport function ComposeReviewStep({\n  formSchema,\n  formUiSchema,\n  initiatorPolicyCel,\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 readonly schema={formSchema} uiSchema={formUiSchema} />\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        {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  switch (node.data.approverResolver.type) {\n    case 'DIRECT':\n      return '指定成員';\n    case 'POSITION':\n      return '指定職位';\n    case 'ORG_UNIT_MEMBER':\n      return '單位成員';\n    case 'ORG_UNIT_POSITION':\n      return '單位職位';\n    case 'ORG_MANAGER':\n      return '主管';\n    case 'ORG_UNIT_MANAGER':\n      return '單位主管';\n    case 'DYNAMIC_FORM':\n      return '表單動態指派';\n    case 'EXPRESSION':\n      return '運算式';\n    default:\n      return '簽核人';\n  }\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 { 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}\n\nexport function ComposeWorkflowStep({\n  formSchema,\n  initiatorPolicyCel,\n  onInitiatorPolicyChange,\n  onWorkflowChange,\n  workflowDefinition,\n}: ComposeWorkflowStepProps): ReactElement {\n  return (\n    <>\n      <Typography color=\"text-neutral\" variant=\"caption\">\n        設計簽核節點與條件分流；條件可直接引用上一步設計的表單欄位。\n      </Typography>\n      <TemplateDesignerView\n        embedded\n        formSchemaOverride={formSchema}\n        initialInitiatorPolicyCel={initiatorPolicyCel}\n        initialWorkflowDefinition={workflowDefinition ?? undefined}\n        onInitiatorPolicyChange={onInitiatorPolicyChange}\n        onWorkflowChange={onWorkflowChange}\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 {\n  ComposeApprovalTemplateWithFormResult,\n  composeApprovalTemplateWithForm,\n} from '@rytass/bpm-core-client/template';\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 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 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 [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 [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      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          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: workflowDefinition ?? EMPTY_WORKFLOW_DEFINITION,\n        });\n\n        setPublishPhase('success');\n\n        return result;\n      } catch (requestError: unknown) {\n        setPublishError(readErrorMessage(requestError));\n        setPublishPhase('error');\n\n        return null;\n      }\n    }, [\n      categoryId,\n      formSchema,\n      formUiSchema,\n      initiatorPolicyCel,\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    name,\n    publish,\n    publishError,\n    publishPhase,\n    setCategoryId,\n    setFormValue,\n    setInitiatorPolicyCel,\n    setName,\n    setWorkflowDefinition,\n    workflowDefinition,\n  };\n}\n\nconst EMPTY_WORKFLOW_DEFINITION: WorkflowDefinition = {\n  edges: [],\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\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\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\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`. Coexists with\n * the separate `/forms` and `/templates` entry points.\n */\nexport function TemplateComposeWizardView(): 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              formSchema={wizard.formSchema}\n              initiatorPolicyCel={wizard.initiatorPolicyCel}\n              onInitiatorPolicyChange={wizard.setInitiatorPolicyCel}\n              onWorkflowChange={wizard.setWorkflowDefinition}\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              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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"}

package/dist/chunks/compose-ziVbRYdo.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("./chunk-CMqjfN_6.cjs"),t=require("./router-adapter--gYs13E8.cjs"),n=require("./routes-config-fDVHmvXi.cjs"),r=require("./FormRendererView-BwVsH2eX.cjs"),i=require("./FormBuilderView-B_KGPjlp.cjs"),a=require("./designer-DCn6_v4b.cjs");let o=require("react"),s=require("@mezzanine-ui/react"),c=require("react/jsx-runtime"),l=require("@mezzanine-ui/react/ContentHeader");l=e.t(l,1);let u=require("@mezzanine-ui/core/form"),d=require("@rytass/bpm-core-client/template");var f={id:`UNCATEGORIZED`,name:`未分類`},p=100;function m({categoryId:e,formSchema:t,formUiSchema:n,name:r,onCategoryIdChange:a,onFormChange:l,onNameChange:m}){let[g,_]=(0,o.useState)([]);(0,o.useEffect)(()=>{let e=!0;return(async()=>{try{let t=await(0,d.listApprovalTemplateCategoriesPage)({page:1,pageSize:p,searchText:``,status:`ACTIVE`});e&&_(t.categories)}catch{e&&_([])}})(),()=>{e=!1}},[]);let v=[f,...g.map(e=>({id:e.id,name:e.name}))],y=v.find(t=>t.id===e)??f;return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`div`,{style:h,children:[(0,c.jsx)(s.FormField,{label:`名稱`,layout:u.FormFieldLayout.VERTICAL,name:`composeName`,children:(0,c.jsx)(s.Input,{fullWidth:!0,onChange:e=>m(e.target.value),placeholder:`例如：請款簽核`,value:r})}),(0,c.jsx)(s.FormField,{label:`分類（選填）`,layout:u.FormFieldLayout.VERTICAL,name:`composeCategory`,children:(0,c.jsx)(s.Select,{clearable:!1,fullWidth:!0,onChange:e=>a(e&&e.id!==f.id?e.id:null),options:v,placeholder:`未分類`,value:y})})]}),(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`caption`,children:`先設計表單欄位，下一步的流程條件分流即可直接引用這些欄位。`}),(0,c.jsx)(i.t,{onChange:l,value:{schema:t,uiSchema:n}})]})}var h={display:`grid`,gap:16,gridTemplateColumns:`repeat(auto-fit, minmax(220px, 1fr))`};function g({formSchema:e,formUiSchema:t,initiatorPolicyCel:n,name:i,publishError:a,workflowDefinition:o}){let l=o?.nodes??[],u=o?.edges??[],d=e.fields.length,f=new Map(l.map(e=>[e.id,e.data.label])),p=l.map(e=>({detail:b(e)??`—`,key:e.id,label:e.data.label,typeLabel:y(e)})),m=u.filter(e=>!!e.data.condition).map(e=>({condition:e.data.condition??``,key:e.id,source:f.get(e.source)??e.source,target:f.get(e.target)??e.target}));return(0,c.jsxs)(`div`,{style:x,children:[(0,c.jsx)(s.Typography,{component:`h2`,style:S,variant:`h2`,children:i||`（未命名）`}),(0,c.jsxs)(`div`,{style:x,children:[(0,c.jsx)(s.Typography,{variant:`h3`,children:`表單預覽`}),d>0?(0,c.jsx)(r.t,{readonly:!0,schema:e,uiSchema:t}):(0,c.jsx)(s.Empty,{title:`尚未設計表單欄位`})]}),(0,c.jsxs)(`div`,{style:x,children:[(0,c.jsx)(s.Typography,{variant:`h3`,children:`流程概覽`}),l.length>0?(0,c.jsx)(s.Table,{columns:_,dataSource:p,fullWidth:!0}):(0,c.jsx)(s.Empty,{title:`尚未設計流程節點`}),m.length>0?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`caption`,children:`條件分流`}),(0,c.jsx)(s.Table,{columns:v,dataSource:m,fullWidth:!0})]}):null,n?(0,c.jsxs)(s.Typography,{color:`text-neutral`,variant:`caption`,children:[`發起權限：`,n]}):null]}),a?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:a}):null]})}var _=[{key:`type`,render:e=>(0,c.jsx)(s.Tag,{label:e.typeLabel,size:`sub`,type:`static`}),title:`類型`,width:130},{dataIndex:`label`,key:`label`,title:`節點`},{dataIndex:`detail`,key:`detail`,title:`簽核方式`,width:160}],v=[{dataIndex:`source`,key:`source`,title:`來源`,width:180},{dataIndex:`target`,key:`target`,title:`目標`,width:180},{dataIndex:`condition`,key:`condition`,title:`條件`}];function y(e){switch(e.type){case`startEvent`:return`開始`;case`endEvent`:return e.data.endState===`REJECTED`?`結束（駁回）`:`結束（核准）`;case`userTask`:return`簽核`;case`serviceTask`:return`服務`;case`exclusiveGateway`:return`條件閘道`;case`parallelGateway`:return`平行閘道`;default:return`節點`}}function b(e){if(e.type!==`userTask`)return null;switch(e.data.approverResolver.type){case`DIRECT`:return`指定成員`;case`POSITION`:return`指定職位`;case`ORG_UNIT_MEMBER`:return`單位成員`;case`ORG_UNIT_POSITION`:return`單位職位`;case`ORG_MANAGER`:return`主管`;case`ORG_UNIT_MANAGER`:return`單位主管`;case`DYNAMIC_FORM`:return`表單動態指派`;case`EXPRESSION`:return`運算式`;default:return`簽核人`}}var x={display:`grid`,gap:12},S={marginTop:`var(--mzn-spacing-padding-vertical-spacious)`};function C({formSchema:e,initiatorPolicyCel:t,onInitiatorPolicyChange:n,onWorkflowChange:r,workflowDefinition:i}){return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`caption`,children:`設計簽核節點與條件分流；條件可直接引用上一步設計的表單欄位。`}),(0,c.jsx)(a.t,{embedded:!0,formSchemaOverride:e,initialInitiatorPolicyCel:t,initialWorkflowDefinition:i??void 0,onInitiatorPolicyChange:n,onWorkflowChange:r})]})}var w={fields:[],schemaVersion:1},T={layout:[],schemaVersion:1};function E(){let[e,t]=(0,o.useState)(0),[n,r]=(0,o.useState)(``),[i,a]=(0,o.useState)(null),[s,c]=(0,o.useState)(w),[l,u]=(0,o.useState)(T),[f,p]=(0,o.useState)(null),[m,h]=(0,o.useState)(null),[g,_]=(0,o.useState)(`idle`),[v,y]=(0,o.useState)(null),b=n.trim().length>0&&s.fields.length>0,x=(0,o.useCallback)(e=>{t(e)},[]),S=(0,o.useCallback)(()=>{t(e=>e<2?e+1:e)},[]),C=(0,o.useCallback)(()=>{t(e=>e>0?e-1:e)},[]),E=(0,o.useCallback)(e=>{c(e.schema),u(e.uiSchema)},[]),k=(0,o.useCallback)(e=>{p(e)},[]),A=(0,o.useCallback)(e=>{h(e)},[]);return{canLeaveBasics:b,categoryId:i,currentStep:e,formSchema:s,formUiSchema:l,goBack:C,goNext:S,goToStep:x,initiatorPolicyCel:m,name:n,publish:(0,o.useCallback)(async()=>{_(`submitting`),y(null);try{let e=await(0,d.composeApprovalTemplateWithForm)({category:null,categoryId:i,formDefinitionId:null,formDescription:null,formName:n,initiatorPolicyCel:m,notificationConfig:null,publish:!0,schema:s,slaDefaults:null,templateDescription:null,templateId:null,templateName:n,uiSchema:l,workflowDefinition:f??D});return _(`success`),e}catch(e){return y(O(e)),_(`error`),null}},[i,s,l,m,n,f]),publishError:v,publishPhase:g,setCategoryId:a,setFormValue:E,setInitiatorPolicyCel:A,setName:r,setWorkflowDefinition:k,workflowDefinition:f}}var D={edges:[],meta:{schemaVersion:1},nodes:[{data:{label:`開始`},id:`start`,position:{x:80,y:160},type:`startEvent`},{data:{endState:`APPROVED`,label:`完成`,triggerMode:`AND`},id:`end`,position:{x:560,y:160},type:`endEvent`}]};function O(e){return e instanceof Error?e.message:`發生未知錯誤`}function k(){let e=t.r(),r=n.r(),i=E(),a=i.publishPhase===`submitting`;async function o(){let t=await i.publish();t&&e.push(r.templateDesigner(t.templateId))}return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(l.default,{description:`一次完成表單與流程設計，發佈後即可直接發起。`,title:`建立模板（表單 + 流程）`,children:(0,c.jsx)(s.Button,{disabled:a,onClick:()=>e.push(r.templates()),variant:`base-secondary`,children:`返回模板列表`})})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsxs)(s.Section,{children:[(0,c.jsxs)(s.Stepper,{currentStep:i.currentStep,children:[(0,c.jsx)(s.Step,{description:`設計欄位與版面`,title:`表單設計`}),(0,c.jsx)(s.Step,{description:`設計簽核節點與條件`,title:`流程設計`}),(0,c.jsx)(s.Step,{description:`確認後發佈`,title:`檢視並發佈`})]}),i.currentStep===0?(0,c.jsx)(m,{categoryId:i.categoryId,formSchema:i.formSchema,formUiSchema:i.formUiSchema,name:i.name,onCategoryIdChange:i.setCategoryId,onFormChange:i.setFormValue,onNameChange:i.setName}):null,i.currentStep===1?(0,c.jsx)(C,{formSchema:i.formSchema,initiatorPolicyCel:i.initiatorPolicyCel,onInitiatorPolicyChange:i.setInitiatorPolicyCel,onWorkflowChange:i.setWorkflowDefinition,workflowDefinition:i.workflowDefinition}):null,i.currentStep===2?(0,c.jsx)(g,{formSchema:i.formSchema,formUiSchema:i.formUiSchema,initiatorPolicyCel:i.initiatorPolicyCel,name:i.name,publishError:i.publishError,workflowDefinition:i.workflowDefinition}):null,(0,c.jsxs)(`div`,{style:A,children:[i.currentStep===0&&!i.canLeaveBasics?(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`caption`,children:`請填寫模板名稱、表單名稱，並至少新增一個表單欄位。`}):(0,c.jsx)(`span`,{}),(0,c.jsxs)(`div`,{style:j,children:[(0,c.jsx)(s.Button,{disabled:i.currentStep===0||a,onClick:i.goBack,variant:`base-secondary`,children:`上一步`}),i.currentStep<2?(0,c.jsx)(s.Button,{disabled:i.currentStep===0&&!i.canLeaveBasics,onClick:i.goNext,variant:`base-primary`,children:`下一步`}):(0,c.jsx)(s.Button,{disabled:a,loading:a,onClick:()=>{o()},variant:`base-primary`,children:`發佈`})]})]})]})})]})}var A={alignItems:`center`,display:`flex`,marginTop:`var(--mzn-spacing-padding-vertical-spacious)`,justifyContent:`space-between`,gap:16},j={display:`flex`,gap:8};Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return T}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return k}});
+//# sourceMappingURL=compose-ziVbRYdo.cjs.map

package/dist/chunks/compose-ziVbRYdo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose-ziVbRYdo.cjs","names":[],"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 {\n  WorkflowDefinition,\n  WorkflowNode,\n} from '@rytass/bpm-core-shared/workflow';\nimport { FormRenderer } from '../../../forms/renderer/FormRendererView';\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 publishError: string | null;\n}\n\nexport function ComposeReviewStep({\n  formSchema,\n  formUiSchema,\n  initiatorPolicyCel,\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 readonly schema={formSchema} uiSchema={formUiSchema} />\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        {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  switch (node.data.approverResolver.type) {\n    case 'DIRECT':\n      return '指定成員';\n    case 'POSITION':\n      return '指定職位';\n    case 'ORG_UNIT_MEMBER':\n      return '單位成員';\n    case 'ORG_UNIT_POSITION':\n      return '單位職位';\n    case 'ORG_MANAGER':\n      return '主管';\n    case 'ORG_UNIT_MANAGER':\n      return '單位主管';\n    case 'DYNAMIC_FORM':\n      return '表單動態指派';\n    case 'EXPRESSION':\n      return '運算式';\n    default:\n      return '簽核人';\n  }\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 { 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}\n\nexport function ComposeWorkflowStep({\n  formSchema,\n  initiatorPolicyCel,\n  onInitiatorPolicyChange,\n  onWorkflowChange,\n  workflowDefinition,\n}: ComposeWorkflowStepProps): ReactElement {\n  return (\n    <>\n      <Typography color=\"text-neutral\" variant=\"caption\">\n        設計簽核節點與條件分流；條件可直接引用上一步設計的表單欄位。\n      </Typography>\n      <TemplateDesignerView\n        embedded\n        formSchemaOverride={formSchema}\n        initialInitiatorPolicyCel={initiatorPolicyCel}\n        initialWorkflowDefinition={workflowDefinition ?? undefined}\n        onInitiatorPolicyChange={onInitiatorPolicyChange}\n        onWorkflowChange={onWorkflowChange}\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 {\n  ComposeApprovalTemplateWithFormResult,\n  composeApprovalTemplateWithForm,\n} from '@rytass/bpm-core-client/template';\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 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 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 [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 [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      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          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: workflowDefinition ?? EMPTY_WORKFLOW_DEFINITION,\n        });\n\n        setPublishPhase('success');\n\n        return result;\n      } catch (requestError: unknown) {\n        setPublishError(readErrorMessage(requestError));\n        setPublishPhase('error');\n\n        return null;\n      }\n    }, [\n      categoryId,\n      formSchema,\n      formUiSchema,\n      initiatorPolicyCel,\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    name,\n    publish,\n    publishError,\n    publishPhase,\n    setCategoryId,\n    setFormValue,\n    setInitiatorPolicyCel,\n    setName,\n    setWorkflowDefinition,\n    workflowDefinition,\n  };\n}\n\nconst EMPTY_WORKFLOW_DEFINITION: WorkflowDefinition = {\n  edges: [],\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\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\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\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`. Coexists with\n * the separate `/forms` and `/templates` entry points.\n */\nexport function TemplateComposeWizardView(): 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              formSchema={wizard.formSchema}\n              initiatorPolicyCel={wizard.initiatorPolicyCel}\n              onInitiatorPolicyChange={wizard.setInitiatorPolicyCel}\n              onWorkflowChange={wizard.setWorkflowDefinition}\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              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":"gfAiBA,IAAM,EAAoC,CACxC,GAAI,gBACJ,KAAM,KACR,EAEM,EAAqB,IAe3B,SAAgB,EAAgB,CAC9B,aACA,aACA,eACA,OACA,qBACA,eACA,gBACqC,CACrC,GAAM,CAAC,EAAiB,IAAA,EAAA,EAAA,UAEtB,CAAC,CAAC,GAEJ,EAAA,EAAA,eAA8B,CAC5B,IAAI,EAAS,GAqBb,OAnBM,SAA2B,CAC/B,GAAI,CACF,IAAM,EAAS,MAAA,EAAA,EAAA,oCAAyC,CACtD,KAAM,EACN,SAAU,EACV,WAAY,GACZ,OAAQ,QACV,CAAC,EAEG,GACF,EAAmB,EAAO,UAAU,CAExC,MAAQ,CACF,GACF,EAAmB,CAAC,CAAC,CAEzB,CACF,GAAG,MAEgB,CACjB,EAAS,EACX,CACF,EAAG,CAAC,CAAC,EAEL,IAAM,EAA+B,CACnC,EACA,GAAG,EAAgB,IAAK,IAAc,CACpC,GAAI,EAAS,GACb,KAAM,EAAS,IACjB,EAAE,CACJ,EACM,EACJ,EAAc,KAAM,GAAW,EAAO,KAAO,CAAU,GACvD,EAEF,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,WAAZ,EACE,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,MAAM,KACN,OAAQ,EAAA,gBAAgB,SACxB,KAAK,wBAEL,EAAA,EAAA,KAAC,EAAA,MAAD,CACE,UAAA,GACA,SAAW,GACT,EAAa,EAAM,OAAO,KAAK,EAEjC,YAAY,UACZ,MAAO,CACR,CAAA,CACQ,CAAA,GACX,EAAA,EAAA,KAAC,EAAA,UAAD,CACE,MAAM,SACN,OAAQ,EAAA,gBAAgB,SACxB,KAAK,4BAEL,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,UAAW,GACX,UAAA,GACA,SAAW,GACT,EACE,GAAU,EAAO,KAAO,EAAqB,GACzC,EAAO,GACP,IACN,EAEF,QAAS,EACT,YAAY,MACZ,MAAO,CACR,CAAA,CACQ,CAAA,CACR,KACL,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,MAAM,eAAe,QAAQ,mBAAU,+BAEvC,CAAA,GACZ,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,SAAU,EACV,MAAO,CAAE,OAAQ,EAAY,SAAU,CAAa,CACrD,CAAA,CACD,CAAA,CAAA,CAEN,CAEA,IAAM,EAAoB,CACxB,QAAS,OACT,IAAK,GACL,oBAAqB,sCACvB,ECnGA,SAAgB,EAAkB,CAChC,aACA,eACA,qBACA,OACA,eACA,sBACuC,CACvC,IAAM,EAAQ,GAAoB,OAAS,CAAC,EACtC,EAAQ,GAAoB,OAAS,CAAC,EACtC,EAAa,EAAW,OAAO,OAC/B,EAAgB,IAAI,IACxB,EAAM,IAAK,GAAS,CAAC,EAAK,GAAI,EAAK,KAAK,KAAK,CAAU,CACzD,EACM,EAA0B,EAAM,IAAK,IAAU,CACnD,OAAQ,EAAe,CAAI,GAAK,IAChC,IAAK,EAAK,GACV,MAAO,EAAK,KAAK,MACjB,UAAW,EAAkB,CAAI,CACnC,EAAE,EACI,EAA0B,EAC7B,OAAQ,GAAS,EAAQ,EAAK,KAAK,SAAU,EAC7C,IAAK,IAAU,CACd,UAAW,EAAK,KAAK,WAAa,GAClC,IAAK,EAAK,GACV,OAAQ,EAAc,IAAI,EAAK,MAAM,GAAK,EAAK,OAC/C,OAAQ,EAAc,IAAI,EAAK,MAAM,GAAK,EAAK,MACjD,EAAE,EAEJ,OACE,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,WAAZ,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,UAAU,KAAK,MAAO,EAAa,QAAQ,cACpD,GAAQ,OACC,CAAA,GAEZ,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,WAAZ,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,QAAQ,cAAK,MAAgB,CAAA,EACxC,EAAa,GACZ,EAAA,EAAA,KAAC,EAAA,EAAD,CAAc,SAAA,GAAS,OAAQ,EAAY,SAAU,CAAe,CAAA,GAEpE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,MAAM,UAAY,CAAA,CAExB,KAEL,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,WAAZ,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,QAAQ,cAAK,MAAgB,CAAA,EACxC,EAAM,OAAS,GACd,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,QAAS,EAAc,WAAY,EAAU,UAAA,EAAW,CAAA,GAE/D,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,MAAM,UAAY,CAAA,EAE1B,EAAW,OAAS,GACnB,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,MAAM,eAAe,QAAQ,mBAAU,MAEvC,CAAA,GACZ,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,QAAS,EAAgB,WAAY,EAAY,UAAA,EAAW,CAAA,CACnE,CAAA,CAAA,EACA,KACH,GACC,EAAA,EAAA,MAAC,EAAA,WAAD,CAAY,MAAM,eAAe,QAAQ,mBAAzC,CAAmD,QAC3C,CACI,IACV,IACD,IAEJ,GACC,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,MAAM,aAAa,QAAQ,gBACpC,CACS,CAAA,EACV,IACD,GAET,CAEA,IAAM,EAA2C,CAC/C,CACE,IAAK,OACL,OAAS,IACP,EAAA,EAAA,KAAC,EAAA,IAAD,CAAK,MAAO,EAAO,UAAW,KAAK,MAAM,KAAK,QAAU,CAAA,EAE1D,MAAO,KACP,MAAO,GACT,EACA,CAAE,UAAW,QAAS,IAAK,QAAS,MAAO,IAAK,EAChD,CAAE,UAAW,SAAU,IAAK,SAAU,MAAO,OAAQ,MAAO,GAAI,CAClE,EAEM,EAA2C,CAC/C,CAAE,UAAW,SAAU,IAAK,SAAU,MAAO,KAAM,MAAO,GAAI,EAC9D,CAAE,UAAW,SAAU,IAAK,SAAU,MAAO,KAAM,MAAO,GAAI,EAC9D,CAAE,UAAW,YAAa,IAAK,YAAa,MAAO,IAAK,CAC1D,EAEA,SAAS,EAAkB,EAA4B,CACrD,OAAQ,EAAK,KAAb,CACE,IAAK,aACH,MAAO,KACT,IAAK,WACH,OAAO,EAAK,KAAK,WAAa,WAAa,SAAW,SACxD,IAAK,WACH,MAAO,KACT,IAAK,cACH,MAAO,KACT,IAAK,mBACH,MAAO,OACT,IAAK,kBACH,MAAO,OACT,QACE,MAAO,IACX,CACF,CAEA,SAAS,EAAe,EAAmC,CACzD,GAAI,EAAK,OAAS,WAChB,OAAO,KAGT,OAAQ,EAAK,KAAK,iBAAiB,KAAnC,CACE,IAAK,SACH,MAAO,OACT,IAAK,WACH,MAAO,OACT,IAAK,kBACH,MAAO,OACT,IAAK,oBACH,MAAO,OACT,IAAK,cACH,MAAO,KACT,IAAK,mBACH,MAAO,OACT,IAAK,eACH,MAAO,SACT,IAAK,aACH,MAAO,MACT,QACE,MAAO,KACX,CACF,CAEA,IAAM,EAA6B,CACjC,QAAS,OACT,IAAK,EACP,EAIM,EAA6B,CACjC,UAAW,8CACb,EC/KA,SAAgB,EAAoB,CAClC,aACA,qBACA,0BACA,mBACA,sBACyC,CACzC,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,MAAM,eAAe,QAAQ,mBAAU,gCAEvC,CAAA,GACZ,EAAA,EAAA,KAAC,EAAA,EAAD,CACE,SAAA,GACA,mBAAoB,EACpB,0BAA2B,EAC3B,0BAA2B,GAAsB,IAAA,GACxB,0BACP,kBACnB,CAAA,CACD,CAAA,CAAA,CAEN,CCrBA,IAAa,EAAkD,CAC7D,OAAQ,CAAC,EACT,cAAe,CACjB,EAEa,EAA6C,CACxD,OAAQ,CAAC,EACT,cAAe,CACjB,EAyCA,SAAgB,GAAkD,CAChE,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,UAA8C,CAAC,EAC7D,CAAC,EAAM,IAAA,EAAA,EAAA,UAAoB,EAAE,EAC7B,CAAC,EAAY,IAAA,EAAA,EAAA,UAAyC,IAAI,EAC1D,CAAC,EAAY,IAAA,EAAA,EAAA,UACjB,CACF,EACM,CAAC,EAAc,IAAA,EAAA,EAAA,UACnB,CACF,EACM,CAAC,EAAoB,IAAA,EAAA,EAAA,UACW,IAAI,EACpC,CAAC,EAAoB,IAAA,EAAA,EAAA,UAEzB,IAAI,EACA,CAAC,EAAc,IAAA,EAAA,EAAA,UAAiD,MAAM,EACtE,CAAC,EAAc,IAAA,EAAA,EAAA,UAA2C,IAAI,EAE9D,EAAiB,EAAK,KAAK,EAAE,OAAS,GAAK,EAAW,OAAO,OAAS,EAEtE,GAAA,EAAA,EAAA,aAAwB,GAAkC,CAC9D,EAAe,CAAI,CACrB,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,iBAAiC,CACrC,EAAgB,GACd,EAAO,EAAM,EAAO,EAA2B,CACjD,CACF,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,iBAAiC,CACrC,EAAgB,GACd,EAAO,EAAM,EAAO,EAA2B,CACjD,CACF,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,aACH,GAGW,CACV,EAAc,EAAK,MAAM,EACzB,EAAgB,EAAK,QAAQ,CAC/B,EACA,CAAC,CACH,EAEM,GAAA,EAAA,EAAA,aACH,GAAyC,CACxC,EAA2B,CAAU,CACvC,EACA,CAAC,CACH,EAEM,GAAA,EAAA,EAAA,aAAqC,GAA6B,CACtE,EAA2B,CAAG,CAChC,EAAG,CAAC,CAAC,EA6CL,MAAO,CACL,iBACA,aACA,cACA,aACA,eACA,SACA,SACA,WACA,qBACA,OACA,SAAA,EAAA,EAAA,aArDY,SAAmE,CAC7E,EAAgB,YAAY,EAC5B,EAAgB,IAAI,EAEpB,GAAI,CACF,IAAM,EAAS,MAAA,EAAA,EAAA,iCAAsC,CACnD,SAAU,KACV,aACA,iBAAkB,KAClB,gBAAiB,KAEjB,SAAU,EACV,qBACA,mBAAoB,KACpB,QAAS,GACT,OAAQ,EACR,YAAa,KACb,oBAAqB,KACrB,WAAY,KACZ,aAAc,EACd,SAAU,EACV,mBAAoB,GAAsB,CAC5C,CAAC,EAID,OAFA,EAAgB,SAAS,EAElB,CACT,OAAS,EAAuB,CAI9B,OAHA,EAAgB,EAAiB,CAAY,CAAC,EAC9C,EAAgB,OAAO,EAEhB,IACT,CACF,EAAG,CACD,EACA,EACA,EACA,EACA,EACA,CACF,CAaA,EACA,eACA,eACA,gBACA,eACA,wBACA,UACA,wBACA,oBACF,CACF,CAEA,IAAM,EAAgD,CACpD,MAAO,CAAC,EACR,KAAM,CAAE,cAAe,CAAE,EACzB,MAAO,CACL,CACE,KAAM,CAAE,MAAO,IAAK,EACpB,GAAI,QACJ,SAAU,CAAE,EAAG,GAAI,EAAG,GAAI,EAC1B,KAAM,YACR,EACA,CACE,KAAM,CAAE,SAAU,WAAY,MAAO,KAAM,YAAa,KAAM,EAC9D,GAAI,MACJ,SAAU,CAAE,EAAG,IAAK,EAAG,GAAI,EAC3B,KAAM,UACR,CACF,CACF,EAEA,SAAS,EAAiB,EAAwB,CAChD,OAAO,aAAiB,MAAQ,EAAM,QAAU,QAClD,CCzLA,SAAgB,GAA0C,CACxD,IAAM,EAAS,EAAA,EAAiB,EAC1B,EAAS,EAAA,EAAa,EACtB,EAAS,EAAyB,EAClC,EAAa,EAAO,eAAiB,aAE3C,eAAe,GAA+B,CAC5C,IAAM,EAAS,MAAM,EAAO,QAAQ,EAEhC,GACF,EAAO,KAAK,EAAO,iBAAiB,EAAO,UAAU,CAAC,CAE1D,CAEA,OACE,EAAA,EAAA,MAAA,EAAA,SAAA,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAA,WAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,YAAY,yBACZ,MAAM,0BAEN,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,SAAU,EACV,YAAqB,EAAO,KAAK,EAAO,UAAU,CAAC,EACnD,QAAQ,0BACT,QAEO,CAAA,CACK,CAAA,CACL,CAAA,GAEZ,EAAA,EAAA,KAAC,EAAA,aAAD,CAAA,UACE,EAAA,EAAA,MAAC,EAAA,QAAD,CAAA,SAAA,EACE,EAAA,EAAA,MAAC,EAAA,QAAD,CAAS,YAAa,EAAO,qBAA7B,EACE,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,YAAY,UAAU,MAAM,MAAQ,CAAA,GAC1C,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,YAAY,YAAY,MAAM,MAAQ,CAAA,GAC5C,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,YAAY,QAAQ,MAAM,OAAS,CAAA,CAClC,IAER,EAAO,cAAgB,GACtB,EAAA,EAAA,KAAC,EAAD,CACE,WAAY,EAAO,WACnB,WAAY,EAAO,WACnB,aAAc,EAAO,aACrB,KAAM,EAAO,KACb,mBAAoB,EAAO,cAC3B,aAAc,EAAO,aACrB,aAAc,EAAO,OACtB,CAAA,EACC,KAEH,EAAO,cAAgB,GACtB,EAAA,EAAA,KAAC,EAAD,CACE,WAAY,EAAO,WACnB,mBAAoB,EAAO,mBAC3B,wBAAyB,EAAO,sBAChC,iBAAkB,EAAO,sBACzB,mBAAoB,EAAO,kBAC5B,CAAA,EACC,KAEH,EAAO,cAAgB,GACtB,EAAA,EAAA,KAAC,EAAD,CACE,WAAY,EAAO,WACnB,aAAc,EAAO,aACrB,mBAAoB,EAAO,mBAC3B,KAAM,EAAO,KACb,aAAc,EAAO,aACrB,mBAAoB,EAAO,kBAC5B,CAAA,EACC,MAEJ,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,WAAZ,CACG,EAAO,cAAgB,GAAK,CAAC,EAAO,gBACnC,EAAA,EAAA,KAAC,EAAA,WAAD,CAAY,MAAM,eAAe,QAAQ,mBAAU,2BAEvC,CAAA,GAEZ,EAAA,EAAA,KAAC,OAAD,CAAO,CAAA,GAET,EAAA,EAAA,MAAC,MAAD,CAAK,MAAO,WAAZ,EACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,SAAU,EAAO,cAAgB,GAAK,EACtC,QAAS,EAAO,OAChB,QAAQ,0BACT,KAEO,CAAA,EACP,EAAO,YAAc,GACpB,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,SAAU,EAAO,cAAgB,GAAK,CAAC,EAAO,eAC9C,QAAS,EAAO,OAChB,QAAQ,wBACT,KAEO,CAAA,GAER,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,SAAU,EACV,QAAS,EACT,YAAqB,CACnB,EAAmB,CACrB,EACA,QAAQ,wBACT,IAEO,CAAA,CAEP,GACF,GACE,CAAA,CAAA,CACG,CAAA,CACd,CAAA,CAAA,CAEN,CAEA,IAAM,EAAe,CACnB,WAAY,SACZ,QAAS,OAET,UAAW,+CACX,eAAgB,gBAChB,IAAK,EACP,EAEM,EAAuB,CAC3B,QAAS,OACT,IAAK,CACP"}

package/dist/chunks/{dashboard-page-CQRBJxze.js → dashboard-page-DJ9vOPga.js}

@@ -1,7 +1,7 @@
 "use client";
-import { r as e } from "./router-adapter-BdHZXLS3.js";
-import { n as t } from "./auth-provider-TTO9eNZV.js";
-import { r as n } from "./routes-config-dxahImVe.js";
+import { r as e } from "./router-adapter-DftlFTOd.js";
+import { n as t } from "./auth-provider-B5oPmvk2.js";
+import { r as n } from "./routes-config-RBYQtUd0.js";
 import { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
 import { BaseCard as s, Button as c, CardGroup as l, PageHeader as u, Section as d, SectionGroup as f, Typography as p } from "@mezzanine-ui/react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
@@ -116,4 +116,4 @@ function w(e) {
 //#endregion
 export { S as t };
 
-//# sourceMappingURL=dashboard-page-CQRBJxze.js.map
+//# sourceMappingURL=dashboard-page-DJ9vOPga.js.map