@rytass/bpm-core-react 0.14.0 → 0.16.2

package/dist/views/inbox/index.js

@@ -3,19 +3,20 @@ import { r as e } from "../../chunks/router-adapter-DftlFTOd.js";
 import { n as t } from "../../chunks/auth-provider-B5oPmvk2.js";
 import { t as n } from "../../chunks/format-date-time-CB-LxzqT.js";
 import { r } from "../../chunks/routes-config-yZbESPlw.js";
-import { useEffect as i, useMemo as a, useState as o } from "react";
-import { Button as s, PageHeader as c, Section as l, SectionGroup as u, Tab as d, TabItem as f, Table as p, Typography as m } from "@mezzanine-ui/react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { listApprovalHistoryTasks as v, listInboxTasks as y, listTaskDecisions as b, readApprovalInstance as x, readApprovalInstanceCaseTitle as S } from "@rytass/bpm-core-client/workflow";
-import C from "@mezzanine-ui/react/ContentHeader";
-import { PlusIcon as w } from "@mezzanine-ui/icons";
+import { t as i } from "../../chunks/task-node-label-CWZgOBj0.js";
+import { useEffect as a, useMemo as o, useState as s } from "react";
+import { Button as c, PageHeader as l, Section as u, SectionGroup as d, Tab as f, TabItem as p, Table as m, Typography as h } from "@mezzanine-ui/react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { listApprovalHistoryTasks as y, listInboxTasks as b, listTaskDecisions as x, readApprovalInstance as S, readApprovalInstanceCaseTitle as C } from "@rytass/bpm-core-client/workflow";
+import w from "@mezzanine-ui/react/ContentHeader";
+import { PlusIcon as T } from "@mezzanine-ui/icons";
 //#region src/views/inbox/InboxView.tsx
-function T() {
-	let b = e(), x = r(), { member: S } = t(), T = S?.memberId ?? null, [O, k] = o("pending"), [A, j] = o(null), [M, P] = o([]), [I, R] = o(!0), [z, B] = o([]);
-	i(() => {
-		T && J();
-	}, [T]);
-	let V = a(() => [
+function E() {
+	let i = e(), x = r(), { member: S } = t(), C = S?.memberId ?? null, [E, k] = s("pending"), [A, j] = s(null), [M, N] = s([]), [F, L] = s(!0), [z, B] = s([]);
+	a(() => {
+		C && J();
+	}, [C]);
+	let V = o(() => [
 		{
 			dataIndex: "caseTitle",
 			key: "caseTitle",
@@ -23,8 +24,8 @@ function T() {
 			width: 280
 		},
 		{
-			dataIndex: "nodeId",
-			key: "nodeId",
+			dataIndex: "nodeText",
+			key: "nodeText",
 			title: "節點",
 			width: 180
 		},
@@ -36,7 +37,7 @@ function T() {
 		},
 		{
 			key: "slaDueAt",
-			render: (e) => /* @__PURE__ */ g(m, {
+			render: (e) => /* @__PURE__ */ _(h, {
 				color: e.slaStatusColor,
 				component: "span",
 				variant: "body",
@@ -47,7 +48,7 @@ function T() {
 		},
 		{
 			key: "createdAt",
-			render: (e) => /* @__PURE__ */ g(m, {
+			render: (e) => /* @__PURE__ */ _(h, {
 				component: "span",
 				variant: "body",
 				children: n(e.createdAt)
@@ -55,14 +56,14 @@ function T() {
 			title: "建立時間",
 			width: 220
 		}
-	], []), U = a(() => ({
+	], []), H = o(() => ({
 		render: (e) => [{
 			name: "處理",
-			onClick: () => b.push(x.caseDetail(e.instanceId))
+			onClick: () => i.push(x.caseDetail(e.instanceId))
 		}],
 		variant: "base-secondary",
 		width: 88
-	}), [b, x]), W = a(() => [
+	}), [i, x]), W = o(() => [
 		{
 			dataIndex: "caseTitle",
 			key: "caseTitle",
@@ -70,15 +71,15 @@ function T() {
 			width: 280
 		},
 		{
-			dataIndex: "nodeId",
-			key: "nodeId",
+			dataIndex: "nodeText",
+			key: "nodeText",
 			title: "節點",
 			width: 180
 		},
 		{
 			key: "decisionLabel",
-			render: (e) => /* @__PURE__ */ g(m, {
-				color: N(e.decisionAction),
+			render: (e) => /* @__PURE__ */ _(h, {
+				color: P(e.decisionAction),
 				component: "span",
 				variant: "body",
 				children: e.decisionLabel
@@ -88,7 +89,7 @@ function T() {
 		},
 		{
 			key: "decisionComment",
-			render: (e) => /* @__PURE__ */ g(m, {
+			render: (e) => /* @__PURE__ */ _(h, {
 				component: "span",
 				variant: "body",
 				children: e.decisionCommentText
@@ -98,8 +99,8 @@ function T() {
 		},
 		{
 			key: "instanceStateLabel",
-			render: (e) => /* @__PURE__ */ g(m, {
-				color: F(e.instanceState),
+			render: (e) => /* @__PURE__ */ _(h, {
+				color: I(e.instanceState),
 				component: "span",
 				variant: "body",
 				children: e.instanceStateLabel
@@ -109,183 +110,181 @@ function T() {
 		},
 		{
 			key: "decidedAt",
-			render: (e) => /* @__PURE__ */ g(m, {
+			render: (e) => /* @__PURE__ */ _(h, {
 				component: "span",
 				variant: "body",
-				children: L(e.decidedAt)
+				children: R(e.decidedAt)
 			}),
 			title: "簽核時間",
 			width: 220
 		}
-	], []), G = a(() => ({
+	], []), G = o(() => ({
 		render: (e) => [{
 			name: "查看",
-			onClick: () => b.push(x.caseDetail(e.instanceId))
+			onClick: () => i.push(x.caseDetail(e.instanceId))
 		}],
 		variant: "base-secondary",
 		width: 88
-	}), [b, x]), K = a(() => M.filter((e) => e.instanceState === "RUNNING"), [M]);
+	}), [i, x]), K = o(() => M.filter((e) => e.instanceState === "RUNNING"), [M]);
 	function q(e) {
-		if (e === "history" || e === "pending" || e === "tracking") {
-			k(e);
-			return;
-		}
-		k("pending");
+		k(e === "history" || e === "pending" || e === "tracking" ? e : "pending");
 	}
 	async function J() {
-		R(!0), j(null);
+		L(!0), j(null);
 		try {
-			if (!T) {
-				B([]), P([]);
+			if (!C) {
+				B([]), N([]);
 				return;
 			}
-			let [e, t] = await Promise.all([y(T), v(T)]), [n, r] = await Promise.all([E(e), D(t)]);
-			B(n), P(r);
+			let [e, t] = await Promise.all([b(C), y(C)]), [n, r] = await Promise.all([D(e), O(t)]);
+			B(n), N(r);
 		} catch (e) {
-			j(H(e));
+			j(U(e));
 		} finally {
-			R(!1);
+			L(!1);
 		}
 	}
-	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(c, { children: /* @__PURE__ */ g(C, {
-		description: `目前以 ${S?.name ?? T ?? "目前登入會員"} 查詢待處理與歷史簽核任務。`,
+	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(l, { children: /* @__PURE__ */ _(w, {
+		description: `目前以 ${S?.name ?? C ?? "目前登入會員"} 查詢待處理與歷史簽核任務。`,
 		title: "我的待簽",
-		children: /* @__PURE__ */ g(s, {
-			icon: w,
+		children: /* @__PURE__ */ _(c, {
+			icon: T,
 			iconType: "leading",
-			onClick: () => b.push(x.caseNew()),
+			onClick: () => i.push(x.caseNew()),
 			variant: "base-primary",
 			children: "發起簽核"
 		})
-	}) }), /* @__PURE__ */ g(u, { children: /* @__PURE__ */ _(l, { children: [
-		A ? /* @__PURE__ */ g(m, {
+	}) }), /* @__PURE__ */ _(d, { children: /* @__PURE__ */ v(u, { children: [
+		A ? /* @__PURE__ */ _(h, {
 			color: "text-error",
 			variant: "body",
 			children: A
 		}) : null,
-		/* @__PURE__ */ _(d, {
-			activeKey: O,
+		/* @__PURE__ */ v(f, {
+			activeKey: E,
 			onChange: q,
 			size: "sub",
 			children: [
-				/* @__PURE__ */ g(f, {
-					badgeCount: I ? void 0 : z.length,
+				/* @__PURE__ */ _(p, {
+					badgeCount: F ? void 0 : z.length,
 					children: "待簽核"
 				}, "pending"),
-				/* @__PURE__ */ g(f, {
-					badgeCount: I ? void 0 : K.length,
+				/* @__PURE__ */ _(p, {
+					badgeCount: F ? void 0 : K.length,
 					children: "已處理未結束"
 				}, "tracking"),
-				/* @__PURE__ */ g(f, { children: "歷史簽核記錄" }, "history")
+				/* @__PURE__ */ _(p, { children: "歷史簽核記錄" }, "history")
 			]
 		}),
-		O === "pending" ? /* @__PURE__ */ g(p, {
-			actions: U,
+		E === "pending" ? /* @__PURE__ */ _(m, {
+			actions: H,
 			columns: V,
 			dataSource: z,
 			fullWidth: !0,
-			loading: I
+			loading: F
 		}) : null,
-		O === "tracking" ? /* @__PURE__ */ g(p, {
+		E === "tracking" ? /* @__PURE__ */ _(m, {
 			actions: G,
 			columns: W,
 			dataSource: K,
 			fullWidth: !0,
-			loading: I
+			loading: F
 		}) : null,
-		O === "history" ? /* @__PURE__ */ g(p, {
+		E === "history" ? /* @__PURE__ */ _(m, {
 			actions: G,
 			columns: W,
 			dataSource: M,
 			fullWidth: !0,
-			loading: I
+			loading: F
 		}) : null
 	] }) })] });
 }
-async function E(e) {
-	let t = await O(e);
+async function D(e) {
+	let t = await k(e);
 	return e.map((e, n) => ({
 		...e,
-		caseTitle: k(e, t[n] ?? null),
+		caseTitle: A(e, t[n] ?? null),
 		key: e.id,
-		slaStatusColor: z(e.slaDueAt),
-		slaStatusText: R(e.slaDueAt),
-		statusLabel: V(e.status)
+		nodeText: i(e),
+		slaStatusColor: B(e.slaDueAt),
+		slaStatusText: z(e.slaDueAt),
+		statusLabel: H(e.status)
 	}));
 }
-async function D(e) {
-	let [t, n] = await Promise.all([Promise.all(e.map((e) => b(e.id))), O(e)]);
+async function O(e) {
+	let [t, n] = await Promise.all([Promise.all(e.map((e) => x(e.id))), k(e)]);
 	return e.map((e, r) => {
-		let i = A(t[r] ?? []), a = n[r] ?? null;
+		let a = j(t[r] ?? []), o = n[r] ?? null;
 		return {
 			...e,
-			caseTitle: k(e, a),
-			decisionAction: i?.action ?? null,
-			decisionComment: i?.comment ?? null,
-			decisionCommentText: I(i?.comment ?? null),
-			decisionLabel: M(i?.action ?? null),
-			decidedAt: i?.decidedAt ?? e.completedAt,
-			instanceState: a?.state ?? null,
-			instanceStateLabel: P(a?.state ?? null),
-			key: e.id
+			caseTitle: A(e, o),
+			decisionAction: a?.action ?? null,
+			decisionComment: a?.comment ?? null,
+			decisionCommentText: L(a?.comment ?? null),
+			decisionLabel: N(a?.action ?? null),
+			decidedAt: a?.decidedAt ?? e.completedAt,
+			instanceState: o?.state ?? null,
+			instanceStateLabel: F(o?.state ?? null),
+			key: e.id,
+			nodeText: i(e)
 		};
 	});
 }
-async function O(e) {
+async function k(e) {
 	return Promise.all(e.map(async (e) => {
 		try {
-			return (await x(e.instanceId)).instance;
+			return (await S(e.instanceId)).instance;
 		} catch {
 			return null;
 		}
 	}));
 }
-function k(e, t) {
-	return t ? S(t) : e.instanceId;
+function A(e, t) {
+	return t ? C(t) : e.instanceId;
 }
-function A(e) {
-	return [...e].sort(j)[0] ?? null;
+function j(e) {
+	return [...e].sort(M)[0] ?? null;
 }
-function j(e, t) {
+function M(e, t) {
 	return new Date(t.decidedAt).getTime() - new Date(e.decidedAt).getTime();
 }
-function M(e) {
+function N(e) {
 	return e === "APPROVED" ? "同意" : e === "REJECTED" ? "拒絕" : e === "RETURNED" ? "退回" : e === "TRANSFERRED" ? "轉派" : "未記錄";
 }
-function N(e) {
+function P(e) {
 	return e === "APPROVED" ? "text-success" : e === "REJECTED" || e === "RETURNED" ? "text-error" : "text-neutral";
 }
-function P(e) {
+function F(e) {
 	return e === "RUNNING" ? "進行中" : e === "APPROVED" ? "已通過" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "CANCELLED" ? "已取消" : e === "EXPIRED" ? "已逾期" : e === "DRAFT" ? "草稿" : "-";
 }
-function F(e) {
+function I(e) {
 	return e === "APPROVED" ? "text-success" : e === "REJECTED" || e === "CANCELLED" || e === "EXPIRED" ? "text-error" : "text-neutral";
 }
-function I(e) {
+function L(e) {
 	return (e?.trim() ?? "") || "-";
 }
-function L(e) {
+function R(e) {
 	return n(e);
 }
-function R(e) {
+function z(e) {
 	if (!e) return "-";
-	let t = new Date(e).getTime(), n = Date.now(), r = B(Math.abs(t - n));
+	let t = new Date(e).getTime(), n = Date.now(), r = V(Math.abs(t - n));
 	return t < n ? `已逾期 ${r}` : `剩餘 ${r}`;
 }
-function z(e) {
+function B(e) {
 	return e ? new Date(e).getTime() < Date.now() ? "text-error" : "text-success" : "text-neutral";
 }
-function B(e) {
+function V(e) {
 	let t = Math.max(1, Math.ceil(e / 6e4)), n = Math.floor(t / 1440), r = Math.floor(t % 1440 / 60), i = t % 60;
 	return n > 0 ? `${n}天 ${r}小時` : r > 0 ? `${r}小時 ${i}分鐘` : `${i}分鐘`;
 }
-function V(e) {
+function H(e) {
 	return e === "PENDING" ? "待處理" : e === "IN_PROGRESS" ? "處理中" : e === "COMPLETED" ? "已完成" : e === "TRANSFERRED" ? "已轉派" : e === "CANCELLED" ? "已取消" : e;
 }
-function H(e) {
+function U(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
 //#endregion
-export { T as InboxView };
+export { E as InboxView };
 
 //# sourceMappingURL=index.js.map

package/dist/views/inbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/views/inbox/InboxView.tsx"],"sourcesContent":["'use client';\n\nimport { type Key, ReactElement, useEffect, useMemo, useState } from 'react';\nimport {\n  Button,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Tab,\n  TabItem,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport {\n  ApprovalInstanceRecord,\n  listApprovalHistoryTasks,\n  listInboxTasks,\n  listTaskDecisions,\n  readApprovalInstance,\n  readApprovalInstanceCaseTitle,\n  TaskDecisionRecord,\n  TaskRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { useAuth } from '../../lib/auth-provider';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { useBPMRoutes } from '../../lib/routes-config';\n\ntype InboxTabKey = 'history' | 'pending' | 'tracking';\n\ntype InboxTaskRow = Readonly<\n  Record<string, unknown> &\n    TaskRecord & {\n      caseTitle: string;\n      key: string;\n      slaStatusColor: 'text-error' | 'text-neutral' | 'text-success';\n      slaStatusText: string;\n      statusLabel: string;\n    }\n>;\n\ntype ApprovalHistoryRow = Readonly<\n  Record<string, unknown> &\n    TaskRecord & {\n      caseTitle: string;\n      decisionAction: TaskDecisionRecord['action'] | null;\n      decisionComment: string | null;\n      decisionCommentText: string;\n      decisionLabel: string;\n      decidedAt: string | null;\n      instanceState: ApprovalInstanceRecord['state'] | null;\n      instanceStateLabel: string;\n      key: string;\n    }\n>;\n\n\n/**\n * Framework-agnostic view for the BPM \"我的待簽\" inbox. Mechanical port of\n * `apps/client/src/app/inbox/page.tsx` — renders pending tasks, tracking,\n * and history tabs.\n */\nexport function InboxView(): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [activeTab, setActiveTab] = useState<InboxTabKey>('pending');\n  const [error, setError] = useState<string | null>(null);\n  const [historyRows, setHistoryRows] = useState<ApprovalHistoryRow[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [pendingRows, setPendingRows] = useState<InboxTaskRow[]>([]);\n\n  useEffect((): void => {\n    if (!currentMemberId) {\n      return;\n    }\n\n    void refreshTasks();\n  }, [currentMemberId]);\n\n  const pendingColumns = useMemo(\n    (): TableColumn<InboxTaskRow>[] => [\n      { dataIndex: 'caseTitle', key: 'caseTitle', title: '案件', width: 280 },\n      { dataIndex: 'nodeId', key: 'nodeId', title: '節點', width: 180 },\n      {\n        dataIndex: 'statusLabel',\n        key: 'statusLabel',\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'slaDueAt',\n        render: (record: InboxTaskRow): ReactElement => (\n          <Typography\n            color={record.slaStatusColor}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.slaStatusText}\n          </Typography>\n        ),\n        title: 'SLA',\n        width: 180,\n      },\n      {\n        key: 'createdAt',\n        render: (record: InboxTaskRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.createdAt)}\n          </Typography>\n        ),\n        title: '建立時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const pendingTableActions = useMemo(\n    (): TableActions<InboxTaskRow> => ({\n      render: (record): ReturnType<TableActions<InboxTaskRow>['render']> => [\n        {\n          name: '處理',\n          onClick: (): void => router.push(routes.caseDetail(record.instanceId)),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router, routes],\n  );\n  const historyColumns = useMemo(\n    (): TableColumn<ApprovalHistoryRow>[] => [\n      { dataIndex: 'caseTitle', key: 'caseTitle', title: '案件', width: 280 },\n      { dataIndex: 'nodeId', key: 'nodeId', title: '節點', width: 180 },\n      {\n        key: 'decisionLabel',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography\n            color={readTaskDecisionColor(record.decisionAction)}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.decisionLabel}\n          </Typography>\n        ),\n        title: '決議',\n        width: 120,\n      },\n      {\n        key: 'decisionComment',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.decisionCommentText}\n          </Typography>\n        ),\n        title: '意見',\n        width: 240,\n      },\n      {\n        key: 'instanceStateLabel',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography\n            color={readInstanceStateColor(record.instanceState)}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.instanceStateLabel}\n          </Typography>\n        ),\n        title: '流程狀態',\n        width: 140,\n      },\n      {\n        key: 'decidedAt',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatHistoryDateTime(record.decidedAt)}\n          </Typography>\n        ),\n        title: '簽核時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const historyTableActions = useMemo(\n    (): TableActions<ApprovalHistoryRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<ApprovalHistoryRow>['render']> => [\n        {\n          name: '查看',\n          onClick: (): void => router.push(routes.caseDetail(record.instanceId)),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router, routes],\n  );\n  const trackingRows = useMemo(\n    (): ApprovalHistoryRow[] =>\n      historyRows.filter((row) => row.instanceState === 'RUNNING'),\n    [historyRows],\n  );\n\n  function handleTabChange(activeKey: Key): void {\n    if (\n      activeKey === 'history' ||\n      activeKey === 'pending' ||\n      activeKey === 'tracking'\n    ) {\n      setActiveTab(activeKey);\n      return;\n    }\n\n    setActiveTab('pending');\n  }\n\n  async function refreshTasks(): Promise<void> {\n    setLoading(true);\n    setError(null);\n\n    try {\n      if (!currentMemberId) {\n        setPendingRows([]);\n        setHistoryRows([]);\n        return;\n      }\n\n      const [nextPendingTasks, nextHistoryTasks] = await Promise.all([\n        listInboxTasks(currentMemberId),\n        listApprovalHistoryTasks(currentMemberId),\n      ]);\n      const [nextPendingRows, nextHistoryRows] = await Promise.all([\n        readInboxTaskRows(nextPendingTasks),\n        readApprovalHistoryRows(nextHistoryTasks),\n      ]);\n\n      setPendingRows(nextPendingRows);\n      setHistoryRows(nextHistoryRows);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description={`目前以 ${member?.name ?? currentMemberId ?? '目前登入會員'} 查詢待處理與歷史簽核任務。`}\n            title=\"我的待簽\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push(routes.caseNew())}\n              variant=\"base-primary\"\n            >\n              發起簽核\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Tab activeKey={activeTab} onChange={handleTabChange} size=\"sub\">\n              <TabItem\n                badgeCount={loading ? undefined : pendingRows.length}\n                key=\"pending\"\n              >\n                待簽核\n              </TabItem>\n              <TabItem\n                badgeCount={loading ? undefined : trackingRows.length}\n                key=\"tracking\"\n              >\n                已處理未結束\n              </TabItem>\n              <TabItem key=\"history\">歷史簽核記錄</TabItem>\n            </Tab>\n\n            {activeTab === 'pending' ? (\n              <Table\n                actions={pendingTableActions}\n                columns={pendingColumns}\n                dataSource={pendingRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n            {activeTab === 'tracking' ? (\n              <Table\n                actions={historyTableActions}\n                columns={historyColumns}\n                dataSource={trackingRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n            {activeTab === 'history' ? (\n              <Table\n                actions={historyTableActions}\n                columns={historyColumns}\n                dataSource={historyRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n          </Section>\n        </SectionGroup>\n      </>\n  );\n}\n\nasync function readInboxTaskRows(\n  tasks: readonly TaskRecord[],\n): Promise<InboxTaskRow[]> {\n  const instances = await readTaskInstances(tasks);\n\n  return tasks.map(\n    (task, index): InboxTaskRow => ({\n      ...task,\n      caseTitle: readTaskCaseTitle(task, instances[index] ?? null),\n      key: task.id,\n      slaStatusColor: readSlaStatusColor(task.slaDueAt),\n      slaStatusText: readSlaStatusText(task.slaDueAt),\n      statusLabel: readTaskStatusLabel(task.status),\n    }),\n  );\n}\n\nasync function readApprovalHistoryRows(\n  tasks: readonly TaskRecord[],\n): Promise<ApprovalHistoryRow[]> {\n  const [decisionLists, instances] = await Promise.all([\n    Promise.all(tasks.map((task) => listTaskDecisions(task.id))),\n    readTaskInstances(tasks),\n  ]);\n\n  return tasks.map((task, index): ApprovalHistoryRow => {\n    const decision = readLatestTaskDecision(decisionLists[index] ?? []);\n    const instance = instances[index] ?? null;\n\n    return {\n      ...task,\n      caseTitle: readTaskCaseTitle(task, instance),\n      decisionAction: decision?.action ?? null,\n      decisionComment: decision?.comment ?? null,\n      decisionCommentText: readDecisionCommentText(decision?.comment ?? null),\n      decisionLabel: readTaskDecisionLabel(decision?.action ?? null),\n      decidedAt: decision?.decidedAt ?? task.completedAt,\n      instanceState: instance?.state ?? null,\n      instanceStateLabel: readInstanceStateLabel(instance?.state ?? null),\n      key: task.id,\n    };\n  });\n}\n\nasync function readTaskInstances(\n  tasks: readonly TaskRecord[],\n): Promise<readonly (ApprovalInstanceRecord | null)[]> {\n  return Promise.all(\n    tasks.map(async (task): Promise<ApprovalInstanceRecord | null> => {\n      try {\n        return (await readApprovalInstance(task.instanceId)).instance;\n      } catch {\n        return null;\n      }\n    }),\n  );\n}\n\nfunction readTaskCaseTitle(\n  task: TaskRecord,\n  instance: ApprovalInstanceRecord | null,\n): string {\n  return instance ? readApprovalInstanceCaseTitle(instance) : task.instanceId;\n}\n\nfunction readLatestTaskDecision(\n  decisions: readonly TaskDecisionRecord[],\n): TaskDecisionRecord | null {\n  return [...decisions].sort(compareTaskDecisionDesc)[0] ?? null;\n}\n\nfunction compareTaskDecisionDesc(\n  left: TaskDecisionRecord,\n  right: TaskDecisionRecord,\n): number {\n  return (\n    new Date(right.decidedAt).getTime() - new Date(left.decidedAt).getTime()\n  );\n}\n\nfunction readTaskDecisionLabel(\n  action: TaskDecisionRecord['action'] | null,\n): string {\n  if (action === 'APPROVED') {\n    return '同意';\n  }\n\n  if (action === 'REJECTED') {\n    return '拒絕';\n  }\n\n  if (action === 'RETURNED') {\n    return '退回';\n  }\n\n  if (action === 'TRANSFERRED') {\n    return '轉派';\n  }\n\n  return '未記錄';\n}\n\nfunction readTaskDecisionColor(\n  action: TaskDecisionRecord['action'] | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (action === 'APPROVED') {\n    return 'text-success';\n  }\n\n  if (action === 'REJECTED' || action === 'RETURNED') {\n    return 'text-error';\n  }\n\n  return 'text-neutral';\n}\n\nfunction readInstanceStateLabel(\n  state: ApprovalInstanceRecord['state'] | null,\n): string {\n  if (state === 'RUNNING') {\n    return '進行中';\n  }\n\n  if (state === 'APPROVED') {\n    return '已通過';\n  }\n\n  if (state === 'REJECTED') {\n    return '已拒絕';\n  }\n\n  if (state === 'RETURNED') {\n    return '已退回';\n  }\n\n  if (state === 'CANCELLED') {\n    return '已取消';\n  }\n\n  if (state === 'EXPIRED') {\n    return '已逾期';\n  }\n\n  if (state === 'DRAFT') {\n    return '草稿';\n  }\n\n  return '-';\n}\n\nfunction readInstanceStateColor(\n  state: ApprovalInstanceRecord['state'] | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (state === 'APPROVED') {\n    return 'text-success';\n  }\n\n  if (state === 'REJECTED' || state === 'CANCELLED' || state === 'EXPIRED') {\n    return 'text-error';\n  }\n\n  return 'text-neutral';\n}\n\nfunction readDecisionCommentText(comment: string | null): string {\n  const trimmedComment = comment?.trim() ?? '';\n\n  return trimmedComment || '-';\n}\n\nfunction formatHistoryDateTime(value: string | null): string {\n  return formatDateTime(value);\n}\n\nfunction readSlaStatusText(value: string | null): string {\n  if (!value) {\n    return '-';\n  }\n\n  const dueAt = new Date(value).getTime();\n  const now = Date.now();\n  const diffMs = Math.abs(dueAt - now);\n  const label = formatDuration(diffMs);\n\n  return dueAt < now ? `已逾期 ${label}` : `剩餘 ${label}`;\n}\n\nfunction readSlaStatusColor(\n  value: string | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (!value) {\n    return 'text-neutral';\n  }\n\n  return new Date(value).getTime() < Date.now() ? 'text-error' : 'text-success';\n}\n\nfunction formatDuration(value: number): string {\n  const totalMinutes = Math.max(1, Math.ceil(value / 60_000));\n  const days = Math.floor(totalMinutes / 1440);\n  const hours = Math.floor((totalMinutes % 1440) / 60);\n  const minutes = totalMinutes % 60;\n\n  if (days > 0) {\n    return `${days}天 ${hours}小時`;\n  }\n\n  if (hours > 0) {\n    return `${hours}小時 ${minutes}分鐘`;\n  }\n\n  return `${minutes}分鐘`;\n}\n\nfunction readTaskStatusLabel(status: TaskRecord['status']): string {\n  if (status === 'PENDING') {\n    return '待處理';\n  }\n\n  if (status === 'IN_PROGRESS') {\n    return '處理中';\n  }\n\n  if (status === 'COMPLETED') {\n    return '已完成';\n  }\n\n  if (status === 'TRANSFERRED') {\n    return '已轉派';\n  }\n\n  if (status === 'CANCELLED') {\n    return '已取消';\n  }\n\n  return status;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["_Fragment","useRouterAdapter","useAuth","formatDateTime","readTaskNodeText","Fragment$1","ContentHeader","InboxView","router","routes","useBPMRoutes","currentMemberId","member","activeTab","setActiveTab","useState","error","setError","historyRows","setHistoryRows","loading","setLoading","pendingRows","setPendingRows","refreshTasks","pendingColumns","useMemo","Typography","record","pendingTableActions","historyColumns","readTaskDecisionColor","readInstanceStateColor","formatHistoryDateTime","historyTableActions","trackingRows","row","handleTabChange","activeKey","nextPendingTasks","nextHistoryTasks","listInboxTasks","listApprovalHistoryTasks","nextPendingRows","nextHistoryRows","readInboxTaskRows","readApprovalHistoryRows","requestError","readErrorMessage","PageHeader","Button","PlusIcon","SectionGroup","Section","Tab","TabItem","Table","instances","readTaskInstances","tasks","task","readTaskCaseTitle","index","readSlaStatusColor","readSlaStatusText","readTaskStatusLabel","decisionLists","listTaskDecisions","decision","readLatestTaskDecision","instance","readDecisionCommentText","readTaskDecisionLabel","readInstanceStateLabel","readApprovalInstance","readApprovalInstanceCaseTitle","decisions","compareTaskDecisionDesc","right","left","action","state","comment","value","dueAt","now","label","formatDuration","totalMinutes","days","hours","minutes","status"],"sources":["../../../src/views/inbox/InboxView.tsx"],"sourcesContent":["'use client';\n\nimport { type Key, ReactElement, useEffect, useMemo, useState } from 'react';\nimport {\n  Button,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Tab,\n  TabItem,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport {\n  ApprovalInstanceRecord,\n  listApprovalHistoryTasks,\n  listInboxTasks,\n  listTaskDecisions,\n  readApprovalInstance,\n  readApprovalInstanceCaseTitle,\n  TaskDecisionRecord,\n  TaskRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { useAuth } from '../../lib/auth-provider';\nimport { readTaskNodeText } from '../../lib/task-node-label';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { useBPMRoutes } from '../../lib/routes-config';\n\ntype InboxTabKey = 'history' | 'pending' | 'tracking';\n\ntype InboxTaskRow = Readonly<\n  Record<string, unknown> &\n    TaskRecord & {\n      caseTitle: string;\n      key: string;\n      nodeText: string;\n      slaStatusColor: 'text-error' | 'text-neutral' | 'text-success';\n      slaStatusText: string;\n      statusLabel: string;\n    }\n>;\n\ntype ApprovalHistoryRow = Readonly<\n  Record<string, unknown> &\n    TaskRecord & {\n      caseTitle: string;\n      decisionAction: TaskDecisionRecord['action'] | null;\n      decisionComment: string | null;\n      decisionCommentText: string;\n      decisionLabel: string;\n      decidedAt: string | null;\n      instanceState: ApprovalInstanceRecord['state'] | null;\n      instanceStateLabel: string;\n      key: string;\n      nodeText: string;\n    }\n>;\n\n\n/**\n * Framework-agnostic view for the BPM \"我的待簽\" inbox. Mechanical port of\n * `apps/client/src/app/inbox/page.tsx` — renders pending tasks, tracking,\n * and history tabs.\n */\nexport function InboxView(): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [activeTab, setActiveTab] = useState<InboxTabKey>('pending');\n  const [error, setError] = useState<string | null>(null);\n  const [historyRows, setHistoryRows] = useState<ApprovalHistoryRow[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [pendingRows, setPendingRows] = useState<InboxTaskRow[]>([]);\n\n  useEffect((): void => {\n    if (!currentMemberId) {\n      return;\n    }\n\n    void refreshTasks();\n  }, [currentMemberId]);\n\n  const pendingColumns = useMemo(\n    (): TableColumn<InboxTaskRow>[] => [\n      { dataIndex: 'caseTitle', key: 'caseTitle', title: '案件', width: 280 },\n      { dataIndex: 'nodeText', key: 'nodeText', title: '節點', width: 180 },\n      {\n        dataIndex: 'statusLabel',\n        key: 'statusLabel',\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'slaDueAt',\n        render: (record: InboxTaskRow): ReactElement => (\n          <Typography\n            color={record.slaStatusColor}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.slaStatusText}\n          </Typography>\n        ),\n        title: 'SLA',\n        width: 180,\n      },\n      {\n        key: 'createdAt',\n        render: (record: InboxTaskRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.createdAt)}\n          </Typography>\n        ),\n        title: '建立時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const pendingTableActions = useMemo(\n    (): TableActions<InboxTaskRow> => ({\n      render: (record): ReturnType<TableActions<InboxTaskRow>['render']> => [\n        {\n          name: '處理',\n          onClick: (): void => router.push(routes.caseDetail(record.instanceId)),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router, routes],\n  );\n  const historyColumns = useMemo(\n    (): TableColumn<ApprovalHistoryRow>[] => [\n      { dataIndex: 'caseTitle', key: 'caseTitle', title: '案件', width: 280 },\n      { dataIndex: 'nodeText', key: 'nodeText', title: '節點', width: 180 },\n      {\n        key: 'decisionLabel',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography\n            color={readTaskDecisionColor(record.decisionAction)}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.decisionLabel}\n          </Typography>\n        ),\n        title: '決議',\n        width: 120,\n      },\n      {\n        key: 'decisionComment',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.decisionCommentText}\n          </Typography>\n        ),\n        title: '意見',\n        width: 240,\n      },\n      {\n        key: 'instanceStateLabel',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography\n            color={readInstanceStateColor(record.instanceState)}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.instanceStateLabel}\n          </Typography>\n        ),\n        title: '流程狀態',\n        width: 140,\n      },\n      {\n        key: 'decidedAt',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatHistoryDateTime(record.decidedAt)}\n          </Typography>\n        ),\n        title: '簽核時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const historyTableActions = useMemo(\n    (): TableActions<ApprovalHistoryRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<ApprovalHistoryRow>['render']> => [\n        {\n          name: '查看',\n          onClick: (): void => router.push(routes.caseDetail(record.instanceId)),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router, routes],\n  );\n  const trackingRows = useMemo(\n    (): ApprovalHistoryRow[] =>\n      historyRows.filter((row) => row.instanceState === 'RUNNING'),\n    [historyRows],\n  );\n\n  function handleTabChange(activeKey: Key): void {\n    if (\n      activeKey === 'history' ||\n      activeKey === 'pending' ||\n      activeKey === 'tracking'\n    ) {\n      setActiveTab(activeKey);\n      return;\n    }\n\n    setActiveTab('pending');\n  }\n\n  async function refreshTasks(): Promise<void> {\n    setLoading(true);\n    setError(null);\n\n    try {\n      if (!currentMemberId) {\n        setPendingRows([]);\n        setHistoryRows([]);\n        return;\n      }\n\n      const [nextPendingTasks, nextHistoryTasks] = await Promise.all([\n        listInboxTasks(currentMemberId),\n        listApprovalHistoryTasks(currentMemberId),\n      ]);\n      const [nextPendingRows, nextHistoryRows] = await Promise.all([\n        readInboxTaskRows(nextPendingTasks),\n        readApprovalHistoryRows(nextHistoryTasks),\n      ]);\n\n      setPendingRows(nextPendingRows);\n      setHistoryRows(nextHistoryRows);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description={`目前以 ${member?.name ?? currentMemberId ?? '目前登入會員'} 查詢待處理與歷史簽核任務。`}\n            title=\"我的待簽\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push(routes.caseNew())}\n              variant=\"base-primary\"\n            >\n              發起簽核\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Tab activeKey={activeTab} onChange={handleTabChange} size=\"sub\">\n              <TabItem\n                badgeCount={loading ? undefined : pendingRows.length}\n                key=\"pending\"\n              >\n                待簽核\n              </TabItem>\n              <TabItem\n                badgeCount={loading ? undefined : trackingRows.length}\n                key=\"tracking\"\n              >\n                已處理未結束\n              </TabItem>\n              <TabItem key=\"history\">歷史簽核記錄</TabItem>\n            </Tab>\n\n            {activeTab === 'pending' ? (\n              <Table\n                actions={pendingTableActions}\n                columns={pendingColumns}\n                dataSource={pendingRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n            {activeTab === 'tracking' ? (\n              <Table\n                actions={historyTableActions}\n                columns={historyColumns}\n                dataSource={trackingRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n            {activeTab === 'history' ? (\n              <Table\n                actions={historyTableActions}\n                columns={historyColumns}\n                dataSource={historyRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n          </Section>\n        </SectionGroup>\n      </>\n  );\n}\n\nasync function readInboxTaskRows(\n  tasks: readonly TaskRecord[],\n): Promise<InboxTaskRow[]> {\n  const instances = await readTaskInstances(tasks);\n\n  return tasks.map(\n    (task, index): InboxTaskRow => ({\n      ...task,\n      caseTitle: readTaskCaseTitle(task, instances[index] ?? null),\n      key: task.id,\n      nodeText: readTaskNodeText(task),\n      slaStatusColor: readSlaStatusColor(task.slaDueAt),\n      slaStatusText: readSlaStatusText(task.slaDueAt),\n      statusLabel: readTaskStatusLabel(task.status),\n    }),\n  );\n}\n\nasync function readApprovalHistoryRows(\n  tasks: readonly TaskRecord[],\n): Promise<ApprovalHistoryRow[]> {\n  const [decisionLists, instances] = await Promise.all([\n    Promise.all(tasks.map((task) => listTaskDecisions(task.id))),\n    readTaskInstances(tasks),\n  ]);\n\n  return tasks.map((task, index): ApprovalHistoryRow => {\n    const decision = readLatestTaskDecision(decisionLists[index] ?? []);\n    const instance = instances[index] ?? null;\n\n    return {\n      ...task,\n      caseTitle: readTaskCaseTitle(task, instance),\n      decisionAction: decision?.action ?? null,\n      decisionComment: decision?.comment ?? null,\n      decisionCommentText: readDecisionCommentText(decision?.comment ?? null),\n      decisionLabel: readTaskDecisionLabel(decision?.action ?? null),\n      decidedAt: decision?.decidedAt ?? task.completedAt,\n      instanceState: instance?.state ?? null,\n      instanceStateLabel: readInstanceStateLabel(instance?.state ?? null),\n      key: task.id,\n      nodeText: readTaskNodeText(task),\n    };\n  });\n}\n\nasync function readTaskInstances(\n  tasks: readonly TaskRecord[],\n): Promise<readonly (ApprovalInstanceRecord | null)[]> {\n  return Promise.all(\n    tasks.map(async (task): Promise<ApprovalInstanceRecord | null> => {\n      try {\n        return (await readApprovalInstance(task.instanceId)).instance;\n      } catch {\n        return null;\n      }\n    }),\n  );\n}\n\nfunction readTaskCaseTitle(\n  task: TaskRecord,\n  instance: ApprovalInstanceRecord | null,\n): string {\n  return instance ? readApprovalInstanceCaseTitle(instance) : task.instanceId;\n}\n\nfunction readLatestTaskDecision(\n  decisions: readonly TaskDecisionRecord[],\n): TaskDecisionRecord | null {\n  return [...decisions].sort(compareTaskDecisionDesc)[0] ?? null;\n}\n\nfunction compareTaskDecisionDesc(\n  left: TaskDecisionRecord,\n  right: TaskDecisionRecord,\n): number {\n  return (\n    new Date(right.decidedAt).getTime() - new Date(left.decidedAt).getTime()\n  );\n}\n\nfunction readTaskDecisionLabel(\n  action: TaskDecisionRecord['action'] | null,\n): string {\n  if (action === 'APPROVED') {\n    return '同意';\n  }\n\n  if (action === 'REJECTED') {\n    return '拒絕';\n  }\n\n  if (action === 'RETURNED') {\n    return '退回';\n  }\n\n  if (action === 'TRANSFERRED') {\n    return '轉派';\n  }\n\n  return '未記錄';\n}\n\nfunction readTaskDecisionColor(\n  action: TaskDecisionRecord['action'] | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (action === 'APPROVED') {\n    return 'text-success';\n  }\n\n  if (action === 'REJECTED' || action === 'RETURNED') {\n    return 'text-error';\n  }\n\n  return 'text-neutral';\n}\n\nfunction readInstanceStateLabel(\n  state: ApprovalInstanceRecord['state'] | null,\n): string {\n  if (state === 'RUNNING') {\n    return '進行中';\n  }\n\n  if (state === 'APPROVED') {\n    return '已通過';\n  }\n\n  if (state === 'REJECTED') {\n    return '已拒絕';\n  }\n\n  if (state === 'RETURNED') {\n    return '已退回';\n  }\n\n  if (state === 'CANCELLED') {\n    return '已取消';\n  }\n\n  if (state === 'EXPIRED') {\n    return '已逾期';\n  }\n\n  if (state === 'DRAFT') {\n    return '草稿';\n  }\n\n  return '-';\n}\n\nfunction readInstanceStateColor(\n  state: ApprovalInstanceRecord['state'] | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (state === 'APPROVED') {\n    return 'text-success';\n  }\n\n  if (state === 'REJECTED' || state === 'CANCELLED' || state === 'EXPIRED') {\n    return 'text-error';\n  }\n\n  return 'text-neutral';\n}\n\nfunction readDecisionCommentText(comment: string | null): string {\n  const trimmedComment = comment?.trim() ?? '';\n\n  return trimmedComment || '-';\n}\n\nfunction formatHistoryDateTime(value: string | null): string {\n  return formatDateTime(value);\n}\n\nfunction readSlaStatusText(value: string | null): string {\n  if (!value) {\n    return '-';\n  }\n\n  const dueAt = new Date(value).getTime();\n  const now = Date.now();\n  const diffMs = Math.abs(dueAt - now);\n  const label = formatDuration(diffMs);\n\n  return dueAt < now ? `已逾期 ${label}` : `剩餘 ${label}`;\n}\n\nfunction readSlaStatusColor(\n  value: string | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (!value) {\n    return 'text-neutral';\n  }\n\n  return new Date(value).getTime() < Date.now() ? 'text-error' : 'text-success';\n}\n\nfunction formatDuration(value: number): string {\n  const totalMinutes = Math.max(1, Math.ceil(value / 60_000));\n  const days = Math.floor(totalMinutes / 1440);\n  const hours = Math.floor((totalMinutes % 1440) / 60);\n  const minutes = totalMinutes % 60;\n\n  if (days > 0) {\n    return `${days}天 ${hours}小時`;\n  }\n\n  if (hours > 0) {\n    return `${hours}小時 ${minutes}分鐘`;\n  }\n\n  return `${minutes}分鐘`;\n}\n\nfunction readTaskStatusLabel(status: TaskRecord['status']): string {\n  if (status === 'PENDING') {\n    return '待處理';\n  }\n\n  if (status === 'IN_PROGRESS') {\n    return '處理中';\n  }\n\n  if (status === 'COMPLETED') {\n    return '已完成';\n  }\n\n  if (status === 'TRANSFERRED') {\n    return '已轉派';\n  }\n\n  if (status === 'CANCELLED') {\n    return '已取消';\n  }\n\n  return status;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}

package/dist/views/instances/detail/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/detail-CX-3hZoL.cjs");exports.InstanceAttachmentsSection=e.o,exports.InstanceDetailView=e.t,exports.InstanceFormSection=e.s,exports.InstanceHistorySection=e.r,exports.InstanceSignaturesSection=e.i,exports.InstanceTasksSection=e.a,exports.InstanceWebhookDeliveriesSection=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/detail-DKobK4Cg.cjs");exports.InstanceAttachmentsSection=e.o,exports.InstanceDetailView=e.t,exports.InstanceFormSection=e.s,exports.InstanceHistorySection=e.r,exports.InstanceSignaturesSection=e.i,exports.InstanceTasksSection=e.a,exports.InstanceWebhookDeliveriesSection=e.n;

package/dist/views/instances/detail/index.js

@@ -1,2 +1 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../../../chunks/detail-C8NOqY0p.js";
-export { r as InstanceAttachmentsSection, o as InstanceDetailView, a as InstanceFormSection, i as InstanceHistorySection, t as InstanceSignaturesSection, e as InstanceTasksSection, n as InstanceWebhookDeliveriesSection };
+export { o as InstanceAttachmentsSection, t as InstanceDetailView, s as InstanceFormSection, r as InstanceHistorySection, i as InstanceSignaturesSection, a as InstanceTasksSection, n as InstanceWebhookDeliveriesSection } from "../../../chunks/detail-C6NdVijG.js";

package/dist/views/instances/detail/sections/container-helpers.d.ts

@@ -1,8 +1,9 @@
-import { ActivityLogRecord, AdhocDirectiveRecord, MemberProfileRecord, TaskDecisionRecord, TaskRecord } from '@rytass/bpm-core-client/workflow';
+import { ActivityLogRecord, AdhocDirectiveRecord, ApprovalInstanceRecord, MemberProfileRecord, TaskDecisionRecord, TaskRecord } from '@rytass/bpm-core-client/workflow';
 export { canMemberActOnTask, readErrorMessage, readInstanceStateLabel, readNodeRuntimeState, } from './shared';
-export declare function readMemberProfilesForTimeline({ activityLogs, adhocDirectives, tasks, }: {
+export declare function readMemberProfilesForTimeline({ activityLogs, adhocDirectives, instance, tasks, }: {
     readonly activityLogs: readonly ActivityLogRecord[];
     readonly adhocDirectives?: readonly AdhocDirectiveRecord[];
+    readonly instance?: Pick<ApprovalInstanceRecord, 'initiatorMemberId' | 'submittedByMemberId'>;
     readonly tasks: readonly TaskRecord[];
 }): Promise<readonly MemberProfileRecord[]>;
 export declare function readTaskDecisionsForTasks(tasks: readonly TaskRecord[]): Promise<readonly TaskDecisionRecord[]>;

package/dist/views/instances/detail/submitted-by.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Who filed an approval instance on someone's behalf.
+ *
+ * `submittedByMemberId` is `null` on rows written before the column existed
+ * and equals `initiatorMemberId` when the applicant submitted it themselves;
+ * only a different, non-empty value means somebody else filed it. This is the
+ * one place the detail page reads that rule.
+ */
+interface SubmittedByFields {
+    readonly initiatorMemberId: string | null | undefined;
+    readonly submittedByMemberId?: string | null;
+}
+interface NamedMember {
+    readonly name: string;
+}
+export declare function readDistinctSubmitterMemberId({ initiatorMemberId, submittedByMemberId, }: SubmittedByFields): string | null;
+/**
+ * 「由 {submitter} 代 {initiator} 送出」, or `null` when the applicant
+ * submitted it themselves. A member whose profile did not load shows by id,
+ * like every other member on the page.
+ */
+export declare function readSubmittedOnBehalfLabel(fields: SubmittedByFields, memberProfilesById: ReadonlyMap<string, NamedMember>): string | null;
+export {};

package/dist/views/instances/index.js

@@ -1,2 +1 @@
-import { InstanceNewView as e } from "./new/index.js";
-export { e as InstanceNewView };
+export { InstanceNewView } from "./new/index.js";

package/dist/views/instances/new/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/rolldown-runtime-BocRIvOZ.cjs"),t=require("../../../chunks/router-adapter--gYs13E8.cjs"),n=require("../../../chunks/auth-provider-4BeCw7cI.cjs"),r=require("../../../chunks/format-date-time-D-cx5M8z.cjs"),i=require("../../../chunks/routes-config-C1j_vFKo.cjs"),a=require("../../../chunks/FormRendererView-Bs8lTb4k.cjs");let o=require("react"),s=require("@mezzanine-ui/react"),c=require("react/jsx-runtime"),l=require("@rytass/bpm-core-client/workflow"),u=require("@mezzanine-ui/react/ContentHeader");u=e.t(u,1);let d=require("@mezzanine-ui/icons"),f=require("@rytass/bpm-core-client/form");var p={display:`grid`,gap:16};function m(e={}){return(0,c.jsx)(o.Suspense,{fallback:(0,c.jsx)(g,{}),children:(0,c.jsx)(h,{templateId:e.templateId??void 0})})}function h({templateId:e}){let m=t.r(),h=i.r(),{member:g}=n.n(),v=g?.memberId??null,y=e??null,[b,x]=(0,o.useState)(null),[S,C]=(0,o.useState)({}),[w,T]=(0,o.useState)([]),[E,D]=(0,o.useState)(null),[O,k]=(0,o.useState)({}),[A,j]=(0,o.useState)(!0),[M,N]=(0,o.useState)(!1),[P,F]=(0,o.useState)({}),I=(0,o.useCallback)((e,t)=>{F(n=>{let r=n[e];return r?.hasValue===t.hasValue&&r.status===t.status?n:{...n,[e]:{hasValue:t.hasValue,status:t.status}}})},[]);(0,o.useEffect)(()=>{if(!y){B();return}V(y)},[y]);let L=(0,o.useMemo)(()=>w.map(e=>({...e,key:e.id,updatedAt:r.t(e.updatedAt),versionLabel:`v${e.version}`})),[w]),R=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:240},{dataIndex:`versionLabel`,key:`versionLabel`,title:`發布版本`,width:120},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),z=(0,o.useMemo)(()=>({render:e=>[{name:`發起`,onClick:()=>m.push(h.caseNew(e.id)),variant:`base-primary`}],variant:`base-secondary`,width:88}),[m]);async function B(){j(!0),D(null),x(null),F({});try{T(await(0,l.listLaunchableTemplates)())}catch(e){D(_(e))}finally{j(!1)}}async function V(e){j(!0),D(null),T([]),F({});try{x(await(0,l.readLaunchContext)(e))}catch(e){D(_(e))}finally{j(!1)}}async function H(){if(!b||!v)return;N(!0),D(null),k({});let e=a.i(Object.values(P));if(e){D(e),N(!1);return}let t=(0,f.buildFormRendererValues)(b.formVersion.schema.fields,S),n=(0,f.validateFormRendererValues)({schema:b.formVersion.schema,uiSchema:b.formVersion.uiSchema,values:t});if(!n.valid){k(n.errors),D(`請先補齊必填欄位。`),n.firstInvalidFieldKey&&(0,f.focusFormRendererField)(n.firstInvalidFieldKey),N(!1);return}try{let e=await(0,l.submitApprovalInstance)({formData:t,initiatorMemberId:v,templateId:b.template.id,title:(0,l.readFormDataCaseTitle)({fallbackTitle:b.template.name,formData:t,schema:b.formVersion.schema,uiSchema:b.formVersion.uiSchema})});m.push(h.caseDetail(e))}catch(e){D(_(e))}finally{N(!1)}}async function U(e,t){if(!v)throw Error(`尚未登入，無法上傳附件`);return{id:(await(0,l.uploadAttachment)({file:t,formFieldPath:`form.${e.fieldKey}`})).id}}return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(u.default,{description:b?`${b.template.name} · 表單 v${b.formVersion.version}`:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`,children:b?(0,c.jsx)(s.Button,{disabled:A||M,icon:d.CheckedIcon,iconType:`leading`,onClick:H,variant:`base-primary`,children:`送出`}):null})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsx)(s.Section,{children:(0,c.jsxs)(`div`,{style:p,children:[E?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:E}):null,A?(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`}):null,b?(0,c.jsx)(a.t,{dataSourceContext:{kind:`runtime`,templateId:b.template.id},errors:O,maxWidth:480,onChange:e=>{C(e),k({})},onDataSourceStateChange:I,onUploadAttachment:U,schema:b.formVersion.schema,singleColumn:!0,uiSchema:b.formVersion.uiSchema,value:S}):null,!y&&!A?L.length>0?(0,c.jsx)(s.Table,{actions:z,columns:R,dataSource:L,fullWidth:!0}):(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`目前沒有可發起的已發布模板。`}):null]})})})]})}function g(){return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(u.default,{description:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsx)(s.Section,{children:(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`})})})]})}function _(e){return(0,f.readFormDataSourceErrorMessage)(e)||(e instanceof Error?e.message:`發生未知錯誤`)}exports.InstanceNewView=m;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/rolldown-runtime-BocRIvOZ.cjs"),t=require("../../../chunks/router-adapter--gYs13E8.cjs"),n=require("../../../chunks/auth-provider-4BeCw7cI.cjs"),r=require("../../../chunks/format-date-time-D-cx5M8z.cjs"),i=require("../../../chunks/routes-config-C1j_vFKo.cjs"),a=require("../../../chunks/FormRendererView-DRFi_IH7.cjs");let o=require("react"),s=require("@mezzanine-ui/react"),c=require("react/jsx-runtime"),l=require("@rytass/bpm-core-client/workflow"),u=require("@mezzanine-ui/react/ContentHeader");u=e.t(u,1);let d=require("@mezzanine-ui/icons"),f=require("@rytass/bpm-core-client/form");var p={display:`grid`,gap:16};function m(e={}){return(0,c.jsx)(o.Suspense,{fallback:(0,c.jsx)(g,{}),children:(0,c.jsx)(h,{templateId:e.templateId??void 0})})}function h({templateId:e}){let m=t.r(),h=i.r(),{member:g}=n.n(),v=g?.memberId??null,y=e??null,[b,x]=(0,o.useState)(null),[S,C]=(0,o.useState)({}),[w,T]=(0,o.useState)([]),[E,D]=(0,o.useState)(null),[O,k]=(0,o.useState)({}),[A,j]=(0,o.useState)(!0),[M,N]=(0,o.useState)(!1),[P,F]=(0,o.useState)({}),I=(0,o.useCallback)((e,t)=>{F(n=>{let r=n[e];return r?.hasValue===t.hasValue&&r.status===t.status?n:{...n,[e]:{hasValue:t.hasValue,status:t.status}}})},[]);(0,o.useEffect)(()=>{y?V(y):B()},[y]);let L=(0,o.useMemo)(()=>w.map(e=>({...e,key:e.id,updatedAt:r.t(e.updatedAt),versionLabel:`v${e.version}`})),[w]),R=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:240},{dataIndex:`versionLabel`,key:`versionLabel`,title:`發布版本`,width:120},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),z=(0,o.useMemo)(()=>({render:e=>[{name:`發起`,onClick:()=>m.push(h.caseNew(e.id)),variant:`base-primary`}],variant:`base-secondary`,width:88}),[m]);async function B(){j(!0),D(null),x(null),F({});try{T(await(0,l.listLaunchableTemplates)())}catch(e){D(_(e))}finally{j(!1)}}async function V(e){j(!0),D(null),T([]),F({});try{x(await(0,l.readLaunchContext)(e))}catch(e){D(_(e))}finally{j(!1)}}async function H(){if(!b||!v)return;N(!0),D(null),k({});let e=a.o(Object.values(P));if(e){D(e),N(!1);return}let t=(0,f.buildFormRendererValues)(b.formVersion.schema.fields,S),n=(0,f.validateFormRendererValues)({schema:b.formVersion.schema,uiSchema:b.formVersion.uiSchema,values:t});if(!n.valid)k(n.errors),D(`請先補齊必填欄位。`),n.firstInvalidFieldKey&&(0,f.focusFormRendererField)(n.firstInvalidFieldKey),N(!1);else try{let e=await(0,l.submitApprovalInstance)({formData:t,initiatorMemberId:v,templateId:b.template.id,title:(0,l.readFormDataCaseTitle)({fallbackTitle:b.template.name,formData:t,schema:b.formVersion.schema,uiSchema:b.formVersion.uiSchema})});m.push(h.caseDetail(e))}catch(e){D(_(e))}finally{N(!1)}}async function U(e,t){if(!v)throw Error(`尚未登入，無法上傳附件`);return{id:(await(0,l.uploadAttachment)({file:t,formFieldPath:`form.${e.fieldKey}`})).id}}return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(u.default,{description:b?`${b.template.name} · 表單 v${b.formVersion.version}`:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`,children:b?(0,c.jsx)(s.Button,{disabled:A||M,icon:d.CheckedIcon,iconType:`leading`,onClick:H,variant:`base-primary`,children:`送出`}):null})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsx)(s.Section,{children:(0,c.jsxs)(`div`,{style:p,children:[E?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:E}):null,A?(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`}):null,b?(0,c.jsx)(a.t,{dataSourceContext:{kind:`runtime`,templateId:b.template.id},errors:O,maxWidth:480,onChange:e=>{C(e),k({})},onDataSourceStateChange:I,onUploadAttachment:U,schema:b.formVersion.schema,singleColumn:!0,uiSchema:b.formVersion.uiSchema,value:S}):null,!y&&!A?L.length>0?(0,c.jsx)(s.Table,{actions:z,columns:R,dataSource:L,fullWidth:!0}):(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`目前沒有可發起的已發布模板。`}):null]})})})]})}function g(){return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(u.default,{description:`選擇可發起的已發布模板後填寫表單內容。`,title:`發起簽核`})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsx)(s.Section,{children:(0,c.jsx)(s.Typography,{color:`text-neutral`,variant:`body`,children:`載入中...`})})})]})}function _(e){return(0,f.readFormDataSourceErrorMessage)(e)||(e instanceof Error?e.message:`發生未知錯誤`)}exports.InstanceNewView=m;
 //# sourceMappingURL=index.cjs.map