@rytass/bpm-core-react 0.4.1 → 0.5.0

package/dist/index.js

@@ -2,29 +2,31 @@
 import { n as e, r as t, t as n } from "./chunks/router-adapter-DftlFTOd.js";
 import { n as r, t as i } from "./chunks/auth-provider-B5oPmvk2.js";
 import { t as a } from "./chunks/format-date-time-CB-LxzqT.js";
-import { n as o, r as s, t as c } from "./chunks/routes-config-dxahImVe.js";
-import { a as l, i as u, n as d, o as f, r as p, t as m } from "./chunks/admin-pickers-DLlG_1du.js";
-import { t as h } from "./chunks/approval-instance-list-page-BF2r5D2-.js";
-import { t as g } from "./chunks/bpm-form-field-Cao0rMol.js";
-import { t as _ } from "./chunks/dashboard-page-Ib8srCMy.js";
-import { Fragment as v, createContext as y, useCallback as b, useContext as x, useEffect as S, useMemo as C, useState as w } from "react";
-import { NavigationIconButton as T } from "@mezzanine-ui/react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { listNotifications as O, markAllNotificationsRead as k, markNotificationRead as A, readUnreadNotificationCount as j } from "@rytass/bpm-core-client/workflow";
-import { CalendarConfigProviderMoment as M, CalendarLocale as N } from "@mezzanine-ui/react/moment";
-import P from "@mezzanine-ui/react/Drawer";
-import F from "@mezzanine-ui/react/NotificationCenter";
-import { NotificationUnreadIcon as I } from "@mezzanine-ui/icons";
+import { n as o, r as s, t as c } from "./chunks/routes-config-RBYQtUd0.js";
+import { a as l, i as u, n as d, o as f, r as ee, t as p } from "./chunks/admin-pickers-DLlG_1du.js";
+import { t as m } from "./chunks/approval-instance-list-page-YZcGGDD8.js";
+import { t as h } from "./chunks/bpm-form-field-Cao0rMol.js";
+import { t as g } from "./chunks/dashboard-page-DJ9vOPga.js";
+import { Fragment as te, createContext as _, useCallback as v, useContext as y, useEffect as b, useMemo as x, useState as S } from "react";
+import { NavigationIconButton as C } from "@mezzanine-ui/react";
+import { Fragment as ne, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { decideTask as E, listNotifications as re, markAllNotificationsRead as ie, markNotificationRead as D, readUnreadNotificationCount as O } from "@rytass/bpm-core-client/workflow";
+import { CalendarConfigProviderMoment as k, CalendarLocale as A } from "@mezzanine-ui/react/moment";
+import ae from "@mezzanine-ui/react/Drawer";
+import oe from "@mezzanine-ui/react/Modal";
+import se from "@mezzanine-ui/react/NotificationCenter";
+import ce from "@mezzanine-ui/react/Textarea";
+import { NotificationUnreadIcon as j } from "@mezzanine-ui/icons";
 import './index.css';//#region src/lib/notification-drawer-provider.tsx
-var L = y(null);
-function R({ children: e }) {
-	let [t, n] = w(!1), r = b(() => {
+var M = _(null);
+function N({ children: e }) {
+	let [t, n] = S(!1), r = v(() => {
 		n(!0);
-	}, []), i = b(() => {
+	}, []), i = v(() => {
 		n(!1);
-	}, []), a = b(() => {
+	}, []), a = v(() => {
 		n((e) => !e);
-	}, []), o = C(() => ({
+	}, []), o = x(() => ({
 		close: i,
 		isOpen: t,
 		open: r,
@@ -35,13 +37,13 @@ function R({ children: e }) {
 		r,
 		a
 	]);
-	return /* @__PURE__ */ E(L.Provider, {
+	return /* @__PURE__ */ w(M.Provider, {
 		value: o,
 		children: e
 	});
 }
-function z() {
-	return x(L) || {
+function P() {
+	return y(M) || {
 		close: () => void 0,
 		isOpen: !1,
 		open: () => void 0,
@@ -50,14 +52,14 @@ function z() {
 }
 //#endregion
 //#region src/lib/notification-unread-provider.tsx
-var B = y(null);
-function V({ children: e }) {
-	let { member: t } = r(), n = t?.memberId ?? null, [i, a] = w(0), o = b(async () => {
+var F = _(null);
+function I({ children: e }) {
+	let { member: t } = r(), n = t?.memberId ?? null, [i, a] = S(0), o = v(async () => {
 		if (!n) return a(0), 0;
-		let e = await j(n);
+		let e = await O(n);
 		return a(e), e;
 	}, [n]);
-	S(() => {
+	b(() => {
 		let e = !0;
 		return (async () => {
 			try {
@@ -70,101 +72,133 @@ function V({ children: e }) {
 			e = !1;
 		};
 	}, [o]);
-	let s = C(() => ({
+	let s = x(() => ({
 		refreshUnreadCount: o,
 		unreadCount: i
 	}), [o, i]);
-	return /* @__PURE__ */ E(B.Provider, {
+	return /* @__PURE__ */ w(F.Provider, {
 		value: s,
 		children: e
 	});
 }
-function H() {
-	return x(B) || {
+function L() {
+	return y(F) || {
 		refreshUnreadCount: async () => 0,
 		unreadCount: 0
 	};
 }
 //#endregion
 //#region src/components/notification-drawer.tsx
-var U = [
+var R = [
 	"today",
 	"yesterday",
 	"past7Days",
 	"earlier"
-], W = {
+], le = {
 	earlier: "更早",
 	past7Days: "過去七天",
 	today: "今天",
 	yesterday: "昨天"
-}, G = 50;
-function K() {
-	let e = t(), n = s(), { member: i } = r(), { close: a, isOpen: o } = z(), { refreshUnreadCount: c } = H(), l = i?.memberId ?? null, [u, d] = w([]), [f, p] = w(0), [m, h] = w(1), [g, _] = w(!1), [y, x] = w(!1), [T, j] = w(null), [M, N] = w("all"), I = b(async (e, t) => {
+}, ue = 50;
+function de(e) {
+	return [
+		...e.actionable ? [{
+			id: "approve",
+			name: "同意"
+		}, {
+			id: "reject",
+			name: "拒絕"
+		}] : [],
+		...e.instanceId ? [{
+			id: "view",
+			name: "查看案件"
+		}] : [],
+		...e.status === "READ" ? [] : [{
+			id: "read",
+			name: "標為已讀"
+		}]
+	];
+}
+var z = {
+	APPROVED: "簽核任務已同意",
+	REJECTED: "簽核任務已拒絕",
+	RETURNED: "簽核任務已退回",
+	SUPERSEDED: "簽核任務已結束",
+	TRANSFERRED: "簽核任務已轉派"
+};
+function fe(e) {
+	return e.resolution ? z[e.resolution] : e.title;
+}
+function pe(e) {
+	return e.resolution === "APPROVED" ? "success" : e.resolution === "REJECTED" ? "error" : e.resolution ? "info" : V(e.type);
+}
+function B() {
+	let e = t(), n = s(), { member: i } = r(), { close: a, isOpen: o } = P(), { refreshUnreadCount: c } = L(), l = i?.memberId ?? null, [u, d] = S([]), [f, ee] = S(0), [p, m] = S(1), [h, g] = S(!1), [_, y] = S(!1), [C, O] = S(null), [k, A] = S(null), [j, M] = S("all"), [N, F] = S(null), [I, z] = S(""), [B, V] = S(!1), U = I.trim(), W = v(async (e, t) => {
 		if (l) {
-			_(!0), j(null);
+			g(!0), O(null);
 			try {
-				let n = await O({
+				let n = await re({
 					includeRead: !0,
 					page: e,
-					pageSize: G,
+					pageSize: ue,
 					recipientMemberId: l
 				});
-				d((e) => t ? [...e, ...n.notifications] : n.notifications), p(n.totalCount), h(e), await c();
+				d((e) => t ? [...e, ...n.notifications] : n.notifications), ee(n.totalCount), m(e), await c();
 			} catch (e) {
-				j(Y(e));
+				O(H(e));
 			} finally {
-				_(!1);
+				g(!1);
 			}
 		}
 	}, [l, c]);
-	S(() => {
-		!o || !l || I(1, !1);
+	b(() => {
+		!o || !l || (O(null), A(null), W(1, !1));
 	}, [
 		o,
 		l,
-		I
+		W
 	]);
-	let L = b((e) => {
+	let G = v((e) => {
 		let t = e.target.value;
-		(t === "all" || t === "read" || t === "unread") && N(t);
-	}, []), R = b(async () => {
-		if (!(!l || y)) {
-			x(!0), j(null);
+		(t === "all" || t === "read" || t === "unread") && M(t);
+	}, []), K = v(async () => {
+		if (!(!l || _)) {
+			y(!0), O(null);
 			try {
-				await k({ recipientMemberId: l }), await I(1, !1);
+				await ie({ recipientMemberId: l }), await W(1, !1);
 			} catch (e) {
-				j(Y(e));
+				O(H(e));
 			} finally {
-				x(!1);
+				y(!1);
 			}
 		}
 	}, [
-		y,
+		_,
 		l,
-		I
-	]), B = b(() => {
-		g || I(m + 1, !0);
+		W
+	]), q = v(() => {
+		h || W(p + 1, !0);
 	}, [
-		g,
-		I,
-		m
-	]), V = b(async (e) => {
+		h,
+		W,
+		p
+	]), J = v(async (e) => {
 		if (l) try {
-			await A({
+			await D({
 				id: e,
 				readerMemberId: l
-			}), await I(1, !1);
+			}), await W(1, !1);
 		} catch (e) {
-			j(Y(e));
+			O(H(e));
 		}
-	}, [l, I]), K = b(async (t) => {
+	}, [l, W]), Y = v(async (t) => {
 		if (!(!t.instanceId || !l)) try {
-			t.status !== "READ" && (await A({
+			t.status !== "READ" && (await D({
 				id: t.id,
 				readerMemberId: l
 			}), await c()), a(), e.push(n.caseDetail(t.instanceId));
 		} catch (e) {
-			j(Y(e));
+			O(H(e));
 		}
 	}, [
 		a,
@@ -172,89 +206,195 @@ function K() {
 		c,
 		e,
 		n
-	]), X = C(() => u.filter((e) => M === "all" ? !0 : M === "read" ? e.status === "READ" : e.status !== "READ"), [M, u]), Z = C(() => {
-		let e = /* @__PURE__ */ new Date(), t = U.reduce((e, t) => (e[t] = [], e), {
+	]), X = v(async (e) => {
+		if (!(!e.taskId || !l || B)) {
+			V(!0), O(null), A(null);
+			try {
+				await E({
+					action: "APPROVED",
+					comment: null,
+					decidedByMemberId: l,
+					taskId: e.taskId
+				}), A(`已同意「${e.title}」。`), await W(1, !1);
+			} catch (e) {
+				O(H(e));
+			} finally {
+				V(!1);
+			}
+		}
+	}, [
+		l,
+		B,
+		W
+	]), Z = v((e) => {
+		F(e), z("");
+	}, []), Q = v(() => {
+		F(null), z("");
+	}, []), he = v(async () => {
+		let e = N;
+		if (!(!e?.taskId || !l || !U || B)) {
+			V(!0), O(null), A(null);
+			try {
+				await E({
+					action: "REJECTED",
+					comment: U,
+					decidedByMemberId: l,
+					taskId: e.taskId
+				}), F(null), z(""), A(`已拒絕「${e.title}」。`), await W(1, !1);
+			} catch (e) {
+				O(H(e));
+			} finally {
+				V(!1);
+			}
+		}
+	}, [
+		l,
+		B,
+		W,
+		N,
+		U
+	]), ge = v((e, t) => {
+		let n = t.id;
+		n === "approve" ? X(e) : n === "reject" ? Z(e) : n === "view" ? Y(e) : n === "read" && J(e.id);
+	}, [
+		X,
+		J,
+		Y,
+		Z
+	]), _e = v((e, t) => {
+		t instanceof Element && t.closest("button") || Y(e);
+	}, [Y]), ve = v((e, t) => {
+		t.key !== "Enter" && t.key !== " " || t.target instanceof Element && t.target.closest("button") || (t.preventDefault(), Y(e));
+	}, [Y]), ye = x(() => u.filter((e) => j === "all" ? !0 : j === "read" ? e.status === "READ" : e.status !== "READ"), [j, u]), be = x(() => {
+		let e = /* @__PURE__ */ new Date(), t = R.reduce((e, t) => (e[t] = [], e), {
 			earlier: [],
 			past7Days: [],
 			today: [],
 			yesterday: []
 		});
-		return X.forEach((n) => {
-			t[J(n.createdAt, e)].push(n);
-		}), U.map((e) => [e, t[e]]).filter(([, e]) => e.length > 0);
-	}, [X]), Q = u.length < f;
-	return l ? /* @__PURE__ */ E(P, {
-		bottomGhostActionDisabled: y || g,
-		bottomGhostActionLoading: y,
+		return ye.forEach((n) => {
+			t[me(n.createdAt, e)].push(n);
+		}), R.map((e) => [e, t[e]]).filter(([, e]) => e.length > 0);
+	}, [ye]), $ = u.length < f;
+	return l ? /* @__PURE__ */ T(ne, { children: [/* @__PURE__ */ w(ae, {
+		bottomGhostActionDisabled: _ || h,
+		bottomGhostActionLoading: _,
 		bottomGhostActionText: "全部標為已讀",
 		bottomOnGhostActionClick: () => {
-			R();
+			K();
 		},
 		bottomOnPrimaryActionClick: () => {
-			B();
+			q();
 		},
-		bottomPrimaryActionDisabled: !Q || g,
-		bottomPrimaryActionLoading: g && Q,
-		bottomPrimaryActionText: Q ? "載入更多" : "已顯示全部",
-		contentKey: `${M}:${u.length}`,
+		bottomPrimaryActionDisabled: !$ || h,
+		bottomPrimaryActionLoading: h && $,
+		bottomPrimaryActionText: $ ? "載入更多" : "已顯示全部",
+		contentKey: `${j}:${u.length}`,
 		filterAreaAllRadioLabel: "全部",
-		filterAreaOnRadioChange: L,
+		filterAreaOnRadioChange: G,
 		filterAreaReadRadioLabel: "已讀",
 		filterAreaShow: !0,
 		filterAreaUnreadRadioLabel: "未讀",
-		filterAreaValue: M,
+		filterAreaValue: j,
 		headerTitle: "通知中心",
 		isBottomDisplay: !0,
 		isHeaderDisplay: !0,
 		onClose: a,
 		open: o,
 		size: "medium",
-		children: /* @__PURE__ */ D("div", {
+		children: /* @__PURE__ */ T("div", {
 			role: "list",
 			children: [
-				T ? /* @__PURE__ */ E("p", {
+				C ? /* @__PURE__ */ w("p", {
 					role: "alert",
 					style: {
 						color: "var(--mzn-color-text-error, #d92d20)",
 						padding: "12px 16px"
 					},
-					children: T
+					children: C
+				}) : null,
+				k ? /* @__PURE__ */ w("p", {
+					role: "status",
+					style: {
+						color: "var(--mzn-color-text-success, #079455)",
+						padding: "12px 16px"
+					},
+					children: k
 				}) : null,
-				Z.length === 0 ? /* @__PURE__ */ E("p", {
+				be.length === 0 ? /* @__PURE__ */ w("p", {
 					style: {
 						color: "var(--mzn-color-text-secondary, #6b7280)",
 						padding: "24px 16px",
 						textAlign: "center"
 					},
-					children: g ? "載入中…" : "目前沒有通知"
+					children: h ? "載入中…" : "目前沒有通知"
 				}) : null,
-				Z.map(([e, t], n) => /* @__PURE__ */ E(v, { children: t.map((r, i) => /* @__PURE__ */ E(F, {
-					appendTips: n === Z.length - 1 && i === t.length - 1 && !Q ? "已顯示全部通知" : void 0,
-					cancelButtonText: r.status === "READ" ? void 0 : "標為已讀",
-					description: r.body,
-					onCancel: r.status === "READ" ? void 0 : () => {
-						V(r.id);
-					},
-					onConfirm: r.instanceId ? () => {
-						K(r);
-					} : void 0,
-					confirmButtonText: r.instanceId ? "查看案件" : void 0,
-					prependTips: i === 0 ? W[e] : void 0,
-					reference: r.id,
-					severity: q(r.type),
-					showBadge: r.status !== "READ",
-					timeStamp: r.createdAt,
-					title: r.title,
-					type: "drawer"
-				}, r.id)) }, e))
+				be.map(([e, t]) => /* @__PURE__ */ w(te, { children: t.map((t, n) => {
+					let r = t.instanceId !== null;
+					return /* @__PURE__ */ w("div", {
+						onClick: r ? (e) => {
+							_e(t, e.target);
+						} : void 0,
+						onKeyDown: r ? (e) => {
+							ve(t, e);
+						} : void 0,
+						role: r ? "button" : void 0,
+						style: r ? { cursor: "pointer" } : void 0,
+						tabIndex: r ? 0 : void 0,
+						children: /* @__PURE__ */ w(se, {
+							description: t.body,
+							onBadgeSelect: (e) => {
+								ge(t, e);
+							},
+							options: [...de(t)],
+							prependTips: n === 0 ? le[e] : void 0,
+							reference: t.id,
+							severity: pe(t),
+							showBadge: t.status !== "READ",
+							timeStamp: t.createdAt,
+							title: fe(t),
+							type: "drawer"
+						})
+					}, t.id);
+				}) }, e))
 			]
 		})
-	}) : null;
+	}), /* @__PURE__ */ w(oe, {
+		cancelText: "取消",
+		confirmButtonProps: {
+			disabled: !U,
+			variant: "destructive-primary"
+		},
+		confirmText: "送出拒絕",
+		loading: B,
+		modalStatusType: "error",
+		modalType: "standard",
+		onCancel: Q,
+		onClose: Q,
+		onConfirm: () => {
+			he();
+		},
+		open: N !== null,
+		showModalFooter: !0,
+		showModalHeader: !0,
+		size: "regular",
+		supportingText: "拒絕案件時必須留下原因，供發起人與後續追蹤查看。",
+		title: "拒絕原因",
+		children: /* @__PURE__ */ w(ce, {
+			autoFocus: !0,
+			onChange: (e) => {
+				z(e.target.value);
+			},
+			placeholder: "請輸入拒絕原因",
+			rows: 4,
+			value: I
+		})
+	})] }) : null;
 }
-function q(e) {
+function V(e) {
 	return e === "SLA_OVERDUE" ? "error" : e === "SLA_WARNING" ? "warning" : e === "INSTANCE_COMPLETED" ? "success" : "info";
 }
-function J(e, t) {
+function me(e, t) {
 	let n = new Date(e);
 	if (Number.isNaN(n.getTime())) return "earlier";
 	let r = new Date(t.getFullYear(), t.getMonth(), t.getDate()), i = new Date(n.getFullYear(), n.getMonth(), n.getDate());
@@ -262,58 +402,58 @@ function J(e, t) {
 	let a = new Date(r);
 	return a.setDate(a.getDate() - 1), i.getTime() === a.getTime() ? "yesterday" : (t.getTime() - n.getTime()) / (1e3 * 60 * 60 * 24) <= 7 ? "past7Days" : "earlier";
 }
-function Y(e) {
+function H(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
 //#endregion
 //#region src/lib/providers.tsx
-function X({ children: e, locale: t = N.ZH_TW, publicPaths: n, loginPath: r }) {
-	return /* @__PURE__ */ E(M, {
+function U({ children: e, locale: t = A.ZH_TW, publicPaths: n, loginPath: r }) {
+	return /* @__PURE__ */ w(k, {
 		locale: t,
-		children: /* @__PURE__ */ E(i, {
+		children: /* @__PURE__ */ w(i, {
 			publicPaths: n,
 			loginPath: r,
-			children: /* @__PURE__ */ E(V, { children: /* @__PURE__ */ D(R, { children: [e, /* @__PURE__ */ E(K, {})] }) })
+			children: /* @__PURE__ */ w(I, { children: /* @__PURE__ */ T(N, { children: [e, /* @__PURE__ */ w(B, {})] }) })
 		})
 	});
 }
 //#endregion
 //#region src/lib/use-bpm-logout.ts
-function Z() {
+function W() {
 	let { logout: e } = r();
 	return e;
 }
 //#endregion
 //#region src/lib/use-bpm-member.ts
-function Q() {
+function G() {
 	let { member: e } = r();
 	return e;
 }
-var $ = {
+var K = {
 	root: "bpm_root_jl5S-",
 	badge: "bpm_badge_SIKJk"
 };
 //#endregion
 //#region src/components/bpm-notification-bell-button.tsx
-function ee({ label: e = "通知中心" } = {}) {
-	let { open: t } = z(), { unreadCount: n } = H(), r = n > 0 ? `${e}，${n} 則未讀` : e;
-	return /* @__PURE__ */ D("span", {
-		className: $.root,
-		children: [/* @__PURE__ */ E(T, {
+function q({ label: e = "通知中心" } = {}) {
+	let { open: t } = P(), { unreadCount: n } = L(), r = n > 0 ? `${e}，${n} 則未讀` : e;
+	return /* @__PURE__ */ T("span", {
+		className: K.root,
+		children: [/* @__PURE__ */ w(C, {
 			"aria-label": r,
-			icon: I,
+			icon: j,
 			onClick: () => {
 				t();
 			},
 			title: e,
 			type: "button"
-		}), n > 0 ? /* @__PURE__ */ E("span", {
-			className: $.badge,
+		}), n > 0 ? /* @__PURE__ */ w("span", {
+			className: K.badge,
 			children: n > 99 ? "99+" : n
 		}) : null]
 	});
 }
 //#endregion
-export { h as ApprovalInstanceListPage, i as AuthProvider, g as BPMFormField, ee as BPMNotificationBellButton, c as BPMRoutesProvider, _ as DashboardPage, m as MemberPicker, K as NotificationDrawer, R as NotificationDrawerProvider, V as NotificationUnreadProvider, d as OrgUnitPicker, p as PositionPicker, X as Providers, n as RouterAdapterProvider, o as createDefaultBPMRoutes, e as defaultBrowserSearchParams, a as formatDateTime, u as readMemberOption, l as readOrgUnitOption, f as readPositionOption, r as useAuth, Z as useBPMLogout, Q as useBPMMember, s as useBPMRoutes, z as useNotificationDrawer, H as useNotificationUnread, t as useRouterAdapter };
+export { m as ApprovalInstanceListPage, i as AuthProvider, h as BPMFormField, q as BPMNotificationBellButton, c as BPMRoutesProvider, g as DashboardPage, p as MemberPicker, B as NotificationDrawer, N as NotificationDrawerProvider, I as NotificationUnreadProvider, d as OrgUnitPicker, ee as PositionPicker, U as Providers, n as RouterAdapterProvider, o as createDefaultBPMRoutes, e as defaultBrowserSearchParams, a as formatDateTime, u as readMemberOption, l as readOrgUnitOption, f as readPositionOption, r as useAuth, W as useBPMLogout, G as useBPMMember, s as useBPMRoutes, P as useNotificationDrawer, L as useNotificationUnread, t as useRouterAdapter };
 
 //# sourceMappingURL=index.js.map