@rytass/bpm-core-react 0.3.8 → 0.4.1

package/dist/index.js

@@ -1,174 +1,247 @@
 "use client";
-import { a as e, i as t, n, r, t as i } from "./chunks/auth-provider-Bnox5gsx.js";
+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 { a as o, i as s, n as c, r as l, t as u } from "./chunks/app-navigation-BSkMsEhy.js";
-import { n as d, r as f, t as p } from "./chunks/routes-config-dxahImVe.js";
-import { a as m, i as h, n as g, o as _, r as v, t as y } from "./chunks/admin-pickers-DLlG_1du.js";
-import { t as b } from "./chunks/approval-instance-list-page-CqNdoZqx.js";
-import { t as x } from "./chunks/bpm-form-field-Cao0rMol.js";
-import { t as S } from "./chunks/dashboard-page-Bx1-Ys3e.js";
-import { Fragment as C, useCallback as w, useEffect as T, useMemo as E, useState as D } from "react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { listNotifications as A, markAllNotificationsRead as j, markNotificationRead as M } from "@rytass/bpm-core-client/workflow";
-import { CalendarConfigProviderMoment as N, CalendarLocale as P } from "@mezzanine-ui/react/moment";
-import F from "@mezzanine-ui/react/Drawer";
-import I from "@mezzanine-ui/react/NotificationCenter";
+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 './index.css';//#region src/lib/notification-drawer-provider.tsx
+var L = y(null);
+function R({ children: e }) {
+	let [t, n] = w(!1), r = b(() => {
+		n(!0);
+	}, []), i = b(() => {
+		n(!1);
+	}, []), a = b(() => {
+		n((e) => !e);
+	}, []), o = C(() => ({
+		close: i,
+		isOpen: t,
+		open: r,
+		toggle: a
+	}), [
+		i,
+		t,
+		r,
+		a
+	]);
+	return /* @__PURE__ */ E(L.Provider, {
+		value: o,
+		children: e
+	});
+}
+function z() {
+	return x(L) || {
+		close: () => void 0,
+		isOpen: !1,
+		open: () => void 0,
+		toggle: () => void 0
+	};
+}
+//#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 () => {
+		if (!n) return a(0), 0;
+		let e = await j(n);
+		return a(e), e;
+	}, [n]);
+	S(() => {
+		let e = !0;
+		return (async () => {
+			try {
+				let t = await o();
+				e && a(t);
+			} catch {
+				e && a(0);
+			}
+		})(), () => {
+			e = !1;
+		};
+	}, [o]);
+	let s = C(() => ({
+		refreshUnreadCount: o,
+		unreadCount: i
+	}), [o, i]);
+	return /* @__PURE__ */ E(B.Provider, {
+		value: s,
+		children: e
+	});
+}
+function H() {
+	return x(B) || {
+		refreshUnreadCount: async () => 0,
+		unreadCount: 0
+	};
+}
+//#endregion
 //#region src/components/notification-drawer.tsx
-var L = [
+var U = [
 	"today",
 	"yesterday",
 	"past7Days",
 	"earlier"
-], R = {
+], W = {
 	earlier: "更早",
 	past7Days: "過去七天",
 	today: "今天",
 	yesterday: "昨天"
-}, z = 50;
-function B() {
-	let t = e(), r = f(), { member: i } = n(), { close: a, isOpen: s } = o(), { refreshUnreadCount: c } = l(), u = i?.memberId ?? null, [d, p] = D([]), [m, h] = D(0), [g, _] = D(1), [v, y] = D(!1), [b, x] = D(!1), [S, N] = D(null), [P, B] = D("all"), W = w(async (e, t) => {
-		if (u) {
-			y(!0), N(null);
+}, 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) => {
+		if (l) {
+			_(!0), j(null);
 			try {
-				let n = await A({
+				let n = await O({
 					includeRead: !0,
 					page: e,
-					pageSize: z,
-					recipientMemberId: u
+					pageSize: G,
+					recipientMemberId: l
 				});
-				p((e) => t ? [...e, ...n.notifications] : n.notifications), h(n.totalCount), _(e), await c();
+				d((e) => t ? [...e, ...n.notifications] : n.notifications), p(n.totalCount), h(e), await c();
 			} catch (e) {
-				N(U(e));
+				j(Y(e));
 			} finally {
-				y(!1);
+				_(!1);
 			}
 		}
-	}, [u, c]);
-	T(() => {
-		!s || !u || W(1, !1);
+	}, [l, c]);
+	S(() => {
+		!o || !l || I(1, !1);
 	}, [
-		s,
-		u,
-		W
+		o,
+		l,
+		I
 	]);
-	let G = w((e) => {
+	let L = b((e) => {
 		let t = e.target.value;
-		(t === "all" || t === "read" || t === "unread") && B(t);
-	}, []), K = w(async () => {
-		if (!(!u || b)) {
-			x(!0), N(null);
+		(t === "all" || t === "read" || t === "unread") && N(t);
+	}, []), R = b(async () => {
+		if (!(!l || y)) {
+			x(!0), j(null);
 			try {
-				await j({ recipientMemberId: u }), await W(1, !1);
+				await k({ recipientMemberId: l }), await I(1, !1);
 			} catch (e) {
-				N(U(e));
+				j(Y(e));
 			} finally {
 				x(!1);
 			}
 		}
 	}, [
-		b,
-		u,
-		W
-	]), q = w(() => {
-		v || W(g + 1, !0);
+		y,
+		l,
+		I
+	]), B = b(() => {
+		g || I(m + 1, !0);
 	}, [
-		v,
-		W,
-		g
-	]), J = w(async (e) => {
-		if (u) try {
-			await M({
+		g,
+		I,
+		m
+	]), V = b(async (e) => {
+		if (l) try {
+			await A({
 				id: e,
-				readerMemberId: u
-			}), await W(1, !1);
+				readerMemberId: l
+			}), await I(1, !1);
 		} catch (e) {
-			N(U(e));
+			j(Y(e));
 		}
-	}, [u, W]), Y = w(async (e) => {
-		if (!(!e.instanceId || !u)) try {
-			e.status !== "READ" && (await M({
-				id: e.id,
-				readerMemberId: u
-			}), await c()), a(), t.push(r.caseDetail(e.instanceId));
+	}, [l, I]), K = b(async (t) => {
+		if (!(!t.instanceId || !l)) try {
+			t.status !== "READ" && (await A({
+				id: t.id,
+				readerMemberId: l
+			}), await c()), a(), e.push(n.caseDetail(t.instanceId));
 		} catch (e) {
-			N(U(e));
+			j(Y(e));
 		}
 	}, [
 		a,
-		u,
+		l,
 		c,
-		t,
-		r
-	]), X = E(() => d.filter((e) => P === "all" ? !0 : P === "read" ? e.status === "READ" : e.status !== "READ"), [P, d]), Z = E(() => {
-		let e = /* @__PURE__ */ new Date(), t = L.reduce((e, t) => (e[t] = [], e), {
+		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), {
 			earlier: [],
 			past7Days: [],
 			today: [],
 			yesterday: []
 		});
 		return X.forEach((n) => {
-			t[H(n.createdAt, e)].push(n);
-		}), L.map((e) => [e, t[e]]).filter(([, e]) => e.length > 0);
-	}, [X]), Q = d.length < m;
-	return u ? /* @__PURE__ */ O(F, {
-		bottomGhostActionDisabled: b || v,
-		bottomGhostActionLoading: b,
+			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,
 		bottomGhostActionText: "全部標為已讀",
 		bottomOnGhostActionClick: () => {
-			K();
+			R();
 		},
 		bottomOnPrimaryActionClick: () => {
-			q();
+			B();
 		},
-		bottomPrimaryActionDisabled: !Q || v,
-		bottomPrimaryActionLoading: v && Q,
+		bottomPrimaryActionDisabled: !Q || g,
+		bottomPrimaryActionLoading: g && Q,
 		bottomPrimaryActionText: Q ? "載入更多" : "已顯示全部",
-		contentKey: `${P}:${d.length}`,
+		contentKey: `${M}:${u.length}`,
 		filterAreaAllRadioLabel: "全部",
-		filterAreaOnRadioChange: G,
+		filterAreaOnRadioChange: L,
 		filterAreaReadRadioLabel: "已讀",
 		filterAreaShow: !0,
 		filterAreaUnreadRadioLabel: "未讀",
-		filterAreaValue: P,
+		filterAreaValue: M,
 		headerTitle: "通知中心",
 		isBottomDisplay: !0,
 		isHeaderDisplay: !0,
 		onClose: a,
-		open: s,
+		open: o,
 		size: "medium",
-		children: /* @__PURE__ */ k("div", {
+		children: /* @__PURE__ */ D("div", {
 			role: "list",
 			children: [
-				S ? /* @__PURE__ */ O("p", {
+				T ? /* @__PURE__ */ E("p", {
 					role: "alert",
 					style: {
 						color: "var(--mzn-color-text-error, #d92d20)",
 						padding: "12px 16px"
 					},
-					children: S
+					children: T
 				}) : null,
-				Z.length === 0 ? /* @__PURE__ */ O("p", {
+				Z.length === 0 ? /* @__PURE__ */ E("p", {
 					style: {
 						color: "var(--mzn-color-text-secondary, #6b7280)",
 						padding: "24px 16px",
 						textAlign: "center"
 					},
-					children: v ? "載入中…" : "目前沒有通知"
+					children: g ? "載入中…" : "目前沒有通知"
 				}) : null,
-				Z.map(([e, t], n) => /* @__PURE__ */ O(C, { children: t.map((r, i) => /* @__PURE__ */ O(I, {
+				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 : () => {
-						J(r.id);
+						V(r.id);
 					},
 					onConfirm: r.instanceId ? () => {
-						Y(r);
+						K(r);
 					} : void 0,
 					confirmButtonText: r.instanceId ? "查看案件" : void 0,
-					prependTips: i === 0 ? R[e] : void 0,
+					prependTips: i === 0 ? W[e] : void 0,
 					reference: r.id,
-					severity: V(r.type),
+					severity: q(r.type),
 					showBadge: r.status !== "READ",
 					timeStamp: r.createdAt,
 					title: r.title,
@@ -178,10 +251,10 @@ function B() {
 		})
 	}) : null;
 }
-function V(e) {
+function q(e) {
 	return e === "SLA_OVERDUE" ? "error" : e === "SLA_WARNING" ? "warning" : e === "INSTANCE_COMPLETED" ? "success" : "info";
 }
-function H(e, t) {
+function J(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());
@@ -189,22 +262,58 @@ function H(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 U(e) {
+function Y(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
 //#endregion
 //#region src/lib/providers.tsx
-function W({ children: e, locale: t = P.ZH_TW, publicPaths: n, loginPath: r }) {
-	return /* @__PURE__ */ O(N, {
+function X({ children: e, locale: t = N.ZH_TW, publicPaths: n, loginPath: r }) {
+	return /* @__PURE__ */ E(M, {
 		locale: t,
-		children: /* @__PURE__ */ O(i, {
+		children: /* @__PURE__ */ E(i, {
 			publicPaths: n,
 			loginPath: r,
-			children: /* @__PURE__ */ O(c, { children: /* @__PURE__ */ k(s, { children: [e, /* @__PURE__ */ O(B, {})] }) })
+			children: /* @__PURE__ */ E(V, { children: /* @__PURE__ */ D(R, { children: [e, /* @__PURE__ */ E(K, {})] }) })
 		})
 	});
 }
 //#endregion
-export { u as AppLayout, b as ApprovalInstanceListPage, i as AuthProvider, x as BPMFormField, p as BPMRoutesProvider, S as DashboardPage, y as MemberPicker, B as NotificationDrawer, s as NotificationDrawerProvider, c as NotificationUnreadProvider, g as OrgUnitPicker, v as PositionPicker, W as Providers, r as RouterAdapterProvider, d as createDefaultBPMRoutes, t as defaultBrowserSearchParams, a as formatDateTime, h as readMemberOption, m as readOrgUnitOption, _ as readPositionOption, n as useAuth, f as useBPMRoutes, o as useNotificationDrawer, l as useNotificationUnread, e as useRouterAdapter };
+//#region src/lib/use-bpm-logout.ts
+function Z() {
+	let { logout: e } = r();
+	return e;
+}
+//#endregion
+//#region src/lib/use-bpm-member.ts
+function Q() {
+	let { member: e } = r();
+	return e;
+}
+var $ = {
+	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, {
+			"aria-label": r,
+			icon: I,
+			onClick: () => {
+				t();
+			},
+			title: e,
+			type: "button"
+		}), n > 0 ? /* @__PURE__ */ E("span", {
+			className: $.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 };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/components/notification-drawer.tsx","../src/lib/providers.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ChangeEvent,\n  type ReactElement,\n} from 'react';\nimport Drawer from '@mezzanine-ui/react/Drawer';\nimport NotificationCenter from '@mezzanine-ui/react/NotificationCenter';\nimport type { NotificationSeverity } from '@mezzanine-ui/core/notification-center';\nimport {\n  listNotifications,\n  markAllNotificationsRead,\n  markNotificationRead,\n  type NotificationRecord,\n  type NotificationType,\n} from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from '../lib/auth-provider';\nimport { useNotificationDrawer } from '../lib/notification-drawer-provider';\nimport { useNotificationUnread } from '../lib/notification-unread-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useBPMRoutes } from '../lib/routes-config';\n\ntype FilterValue = 'all' | 'read' | 'unread';\n\ntype TimeGroup = 'today' | 'yesterday' | 'past7Days' | 'earlier';\n\nconst TIME_GROUP_ORDER: readonly TimeGroup[] = [\n  'today',\n  'yesterday',\n  'past7Days',\n  'earlier',\n];\n\nconst TIME_GROUP_LABEL: Readonly<Record<TimeGroup, string>> = {\n  earlier: '更早',\n  past7Days: '過去七天',\n  today: '今天',\n  yesterday: '昨天',\n};\n\nconst PAGE_SIZE = 50;\n\n/**\n * Right-side notification drawer mounted at the root by `<Providers>`.\n * Opens / closes via `useNotificationDrawer()`, polls\n * `listNotifications()` for the current member, supports filter\n * (`all` / `read` / `unread`), per-row mark-read, bulk mark-all-read, and\n * load-more pagination. Clicking a row with an `instanceId` navigates to\n * `/instances/<id>` via the host's router adapter.\n */\nexport function NotificationDrawer(): ReactElement | null {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const { close, isOpen } = useNotificationDrawer();\n  const { refreshUnreadCount } = useNotificationUnread();\n  const currentMemberId = member?.memberId ?? null;\n  const [rows, setRows] = useState<readonly NotificationRecord[]>([]);\n  const [totalCount, setTotalCount] = useState(0);\n  const [page, setPage] = useState(1);\n  const [loading, setLoading] = useState(false);\n  const [bulkLoading, setBulkLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [filter, setFilter] = useState<FilterValue>('all');\n\n  const loadPage = useCallback(\n    async (nextPage: number, append: boolean): Promise<void> => {\n      if (!currentMemberId) return;\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await listNotifications({\n          includeRead: true,\n          page: nextPage,\n          pageSize: PAGE_SIZE,\n          recipientMemberId: currentMemberId,\n        });\n        setRows((current): readonly NotificationRecord[] =>\n          append ? [...current, ...result.notifications] : result.notifications,\n        );\n        setTotalCount(result.totalCount);\n        setPage(nextPage);\n        await refreshUnreadCount();\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      } finally {\n        setLoading(false);\n      }\n    },\n    [currentMemberId, refreshUnreadCount],\n  );\n\n  useEffect((): void => {\n    if (!isOpen || !currentMemberId) return;\n    void loadPage(1, false);\n  }, [isOpen, currentMemberId, loadPage]);\n\n  const handleFilterChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>): void => {\n      const next = event.target.value;\n      if (next === 'all' || next === 'read' || next === 'unread') setFilter(next);\n    },\n    [],\n  );\n\n  const handleMarkAllRead = useCallback(async (): Promise<void> => {\n    if (!currentMemberId || bulkLoading) return;\n    setBulkLoading(true);\n    setError(null);\n    try {\n      await markAllNotificationsRead({ recipientMemberId: currentMemberId });\n      await loadPage(1, false);\n    } catch (e: unknown) {\n      setError(readErrorMessage(e));\n    } finally {\n      setBulkLoading(false);\n    }\n  }, [bulkLoading, currentMemberId, loadPage]);\n\n  const handleLoadMore = useCallback((): void => {\n    if (loading) return;\n    void loadPage(page + 1, true);\n  }, [loading, loadPage, page]);\n\n  const handleMarkRead = useCallback(\n    async (id: string): Promise<void> => {\n      if (!currentMemberId) return;\n      try {\n        await markNotificationRead({ id, readerMemberId: currentMemberId });\n        await loadPage(1, false);\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [currentMemberId, loadPage],\n  );\n\n  const handleOpenInstance = useCallback(\n    async (record: NotificationRecord): Promise<void> => {\n      if (!record.instanceId || !currentMemberId) return;\n      try {\n        if (record.status !== 'READ') {\n          await markNotificationRead({\n            id: record.id,\n            readerMemberId: currentMemberId,\n          });\n          await refreshUnreadCount();\n        }\n        close();\n        router.push(routes.caseDetail(record.instanceId));\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [close, currentMemberId, refreshUnreadCount, router, routes],\n  );\n\n  const filteredRows = useMemo(\n    (): readonly NotificationRecord[] =>\n      rows.filter((row): boolean => {\n        if (filter === 'all') return true;\n        if (filter === 'read') return row.status === 'READ';\n        return row.status !== 'READ';\n      }),\n    [filter, rows],\n  );\n\n  const groupedRows = useMemo(\n    (): ReadonlyArray<readonly [TimeGroup, readonly NotificationRecord[]]> => {\n      const now = new Date();\n      const buckets = TIME_GROUP_ORDER.reduce<\n        Record<TimeGroup, NotificationRecord[]>\n      >(\n        (accumulator, group) => {\n          accumulator[group] = [];\n          return accumulator;\n        },\n        { earlier: [], past7Days: [], today: [], yesterday: [] },\n      );\n      filteredRows.forEach((row): void => {\n        buckets[resolveTimeGroup(row.createdAt, now)].push(row);\n      });\n      return TIME_GROUP_ORDER.map(\n        (group) => [group, buckets[group]] as const,\n      ).filter(([, items]) => items.length > 0);\n    },\n    [filteredRows],\n  );\n\n  const hasMore = rows.length < totalCount;\n\n  if (!currentMemberId) return null;\n\n  return (\n    <Drawer\n      bottomGhostActionDisabled={bulkLoading || loading}\n      bottomGhostActionLoading={bulkLoading}\n      bottomGhostActionText=\"全部標為已讀\"\n      bottomOnGhostActionClick={(): void => {\n        void handleMarkAllRead();\n      }}\n      bottomOnPrimaryActionClick={(): void => {\n        handleLoadMore();\n      }}\n      bottomPrimaryActionDisabled={!hasMore || loading}\n      bottomPrimaryActionLoading={loading && hasMore}\n      bottomPrimaryActionText={hasMore ? '載入更多' : '已顯示全部'}\n      contentKey={`${filter}:${rows.length}`}\n      filterAreaAllRadioLabel=\"全部\"\n      filterAreaOnRadioChange={handleFilterChange}\n      filterAreaReadRadioLabel=\"已讀\"\n      filterAreaShow\n      filterAreaUnreadRadioLabel=\"未讀\"\n      filterAreaValue={filter}\n      headerTitle=\"通知中心\"\n      isBottomDisplay\n      isHeaderDisplay\n      onClose={close}\n      open={isOpen}\n      size=\"medium\"\n    >\n      <div role=\"list\">\n        {error ? (\n          <p\n            role=\"alert\"\n            style={{\n              color: 'var(--mzn-color-text-error, #d92d20)',\n              padding: '12px 16px',\n            }}\n          >\n            {error}\n          </p>\n        ) : null}\n        {groupedRows.length === 0 ? (\n          <p\n            style={{\n              color: 'var(--mzn-color-text-secondary, #6b7280)',\n              padding: '24px 16px',\n              textAlign: 'center',\n            }}\n          >\n            {loading ? '載入中…' : '目前沒有通知'}\n          </p>\n        ) : null}\n        {groupedRows.map(([group, items], groupIndex) => (\n          <Fragment key={group}>\n            {items.map((record, itemIndex) => (\n              <NotificationCenter\n                appendTips={\n                  groupIndex === groupedRows.length - 1 &&\n                  itemIndex === items.length - 1 &&\n                  !hasMore\n                    ? '已顯示全部通知'\n                    : undefined\n                }\n                cancelButtonText={\n                  record.status !== 'READ' ? '標為已讀' : undefined\n                }\n                description={record.body}\n                key={record.id}\n                onCancel={\n                  record.status !== 'READ'\n                    ? (): void => {\n                        void handleMarkRead(record.id);\n                      }\n                    : undefined\n                }\n                onConfirm={\n                  record.instanceId\n                    ? (): void => {\n                        void handleOpenInstance(record);\n                      }\n                    : undefined\n                }\n                confirmButtonText={record.instanceId ? '查看案件' : undefined}\n                prependTips={itemIndex === 0 ? TIME_GROUP_LABEL[group] : undefined}\n                reference={record.id}\n                severity={toSeverity(record.type)}\n                showBadge={record.status !== 'READ'}\n                timeStamp={record.createdAt}\n                title={record.title}\n                type=\"drawer\"\n              />\n            ))}\n          </Fragment>\n        ))}\n      </div>\n    </Drawer>\n  );\n}\n\nfunction toSeverity(type: NotificationType): NotificationSeverity {\n  if (type === 'SLA_OVERDUE') return 'error';\n  if (type === 'SLA_WARNING') return 'warning';\n  if (type === 'INSTANCE_COMPLETED') return 'success';\n  return 'info';\n}\n\nfunction resolveTimeGroup(value: string, now: Date): TimeGroup {\n  const notificationDate = new Date(value);\n  if (Number.isNaN(notificationDate.getTime())) return 'earlier';\n  const nowStartOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  const notificationStartOfDay = new Date(\n    notificationDate.getFullYear(),\n    notificationDate.getMonth(),\n    notificationDate.getDate(),\n  );\n  if (notificationStartOfDay.getTime() === nowStartOfDay.getTime()) return 'today';\n  const yesterdayStartOfDay = new Date(nowStartOfDay);\n  yesterdayStartOfDay.setDate(yesterdayStartOfDay.getDate() - 1);\n  if (notificationStartOfDay.getTime() === yesterdayStartOfDay.getTime())\n    return 'yesterday';\n  const diffInDays =\n    (now.getTime() - notificationDate.getTime()) / (1000 * 60 * 60 * 24);\n  if (diffInDays <= 7) return 'past7Days';\n  return 'earlier';\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n","'use client';\n\nimport type { ReactElement, ReactNode } from 'react';\nimport {\n  CalendarConfigProviderMoment,\n  CalendarLocale,\n} from '@mezzanine-ui/react/moment';\nimport { AuthProvider } from './auth-provider';\nimport { NotificationDrawer } from '../components/notification-drawer';\nimport { NotificationDrawerProvider } from './notification-drawer-provider';\nimport { NotificationUnreadProvider } from './notification-unread-provider';\n\ninterface ProvidersProps {\n  readonly children: ReactNode;\n  /** Override Mezzanine calendar locale. Defaults to `CalendarLocale.ZH_TW`. */\n  readonly locale?: CalendarLocale;\n  /**\n   * Public paths that should not trigger redirect to `/login` when there\n   * is no session. Forwarded to `<AuthProvider>`. Defaults to `['/login']`.\n   */\n  readonly publicPaths?: readonly string[];\n  /** Where to send unauthenticated users. Defaults to `'/login'`. */\n  readonly loginPath?: string;\n}\n\n/**\n * One-stop BPM admin provider stack. Wires:\n *\n * - Mezzanine UI calendar locale (moment-based, `ZH_TW` by default)\n * - `<AuthProvider>` (BPM session via REST `/auth/*`)\n * - `<NotificationUnreadProvider>` (polls unread count)\n * - `<NotificationDrawerProvider>` (controls drawer open/close state)\n * - `<NotificationDrawer />` mounted at the root so the bell-icon button in\n *   `<AppLayout />` can open it.\n *\n * Consumer hosts wrap this **inside** a `<RouterAdapterProvider>` (provided\n * by the `pages/*` subpath shims when consuming via Next.js, or wired by\n * hand for other frameworks).\n */\nexport function Providers({\n  children,\n  locale = CalendarLocale.ZH_TW,\n  publicPaths,\n  loginPath,\n}: ProvidersProps): ReactElement {\n  return (\n    <CalendarConfigProviderMoment locale={locale}>\n      <AuthProvider publicPaths={publicPaths} loginPath={loginPath}>\n        <NotificationUnreadProvider>\n          <NotificationDrawerProvider>\n            {children}\n            <NotificationDrawer />\n          </NotificationDrawerProvider>\n        </NotificationUnreadProvider>\n      </AuthProvider>\n    </CalendarConfigProviderMoment>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/lib/notification-drawer-provider.tsx","../src/lib/notification-unread-provider.tsx","../src/components/notification-drawer.tsx","../src/lib/providers.tsx","../src/lib/use-bpm-logout.ts","../src/lib/use-bpm-member.ts","../src/components/bpm-notification-bell-button.module.scss","../src/components/bpm-notification-bell-button.tsx"],"sourcesContent":["'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\ninterface NotificationDrawerContextValue {\n  readonly close: () => void;\n  readonly isOpen: boolean;\n  readonly open: () => void;\n  readonly toggle: () => void;\n}\n\nconst NotificationDrawerContext =\n  createContext<NotificationDrawerContextValue | null>(null);\n\ninterface NotificationDrawerProviderProps {\n  readonly children: ReactNode;\n}\n\n/**\n * Controls the open/closed state of the BPM notification drawer. Wraps\n * children with a context that `<NotificationDrawer />` reads to mount /\n * hide itself, and that the host navigation reads (via\n * `<BPMNotificationBellButton />` or `useNotificationDrawer().open`) to\n * open the drawer when the bell icon is clicked.\n *\n * When used outside this provider, the returned hook is a safe no-op so\n * components don't crash in test or storybook environments.\n */\nexport function NotificationDrawerProvider({\n  children,\n}: NotificationDrawerProviderProps): ReactElement {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const open = useCallback((): void => {\n    setIsOpen(true);\n  }, []);\n  const close = useCallback((): void => {\n    setIsOpen(false);\n  }, []);\n  const toggle = useCallback((): void => {\n    setIsOpen((current) => !current);\n  }, []);\n\n  const value = useMemo<NotificationDrawerContextValue>(\n    () => ({ close, isOpen, open, toggle }),\n    [close, isOpen, open, toggle],\n  );\n\n  return (\n    <NotificationDrawerContext.Provider value={value}>\n      {children}\n    </NotificationDrawerContext.Provider>\n  );\n}\n\n/**\n * Read the BPM notification drawer's open state and control helpers.\n * Returns a no-op stub when used outside `<NotificationDrawerProvider>`.\n */\nexport function useNotificationDrawer(): NotificationDrawerContextValue {\n  const context = useContext(NotificationDrawerContext);\n  if (!context) {\n    return {\n      close: (): void => undefined,\n      isOpen: false,\n      open: (): void => undefined,\n      toggle: (): void => undefined,\n    };\n  }\n  return context;\n}\n","'use client';\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { readUnreadNotificationCount } from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from './auth-provider';\n\ninterface NotificationUnreadContextValue {\n  readonly refreshUnreadCount: () => Promise<number>;\n  readonly unreadCount: number;\n}\n\nconst NotificationUnreadContext =\n  createContext<NotificationUnreadContextValue | null>(null);\n\ninterface NotificationUnreadProviderProps {\n  readonly children: ReactNode;\n}\n\n/**\n * Polls BPM for the current member's unread notification count via\n * `readUnreadNotificationCount` and exposes it through context for the\n * host navigation (`<BPMNotificationBellButton />` badge or any custom\n * trigger using `useNotificationUnread().unreadCount`) and the BPM\n * `<NotificationDrawer />` (header count). Refresh is triggered on\n * mount and whenever the auth member id changes; consumers can call\n * `refreshUnreadCount()` after acknowledging a notification.\n */\nexport function NotificationUnreadProvider({\n  children,\n}: NotificationUnreadProviderProps): ReactElement {\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [unreadCount, setUnreadCount] = useState(0);\n\n  const refreshUnreadCount = useCallback(async (): Promise<number> => {\n    if (!currentMemberId) {\n      setUnreadCount(0);\n      return 0;\n    }\n    const next = await readUnreadNotificationCount(currentMemberId);\n    setUnreadCount(next);\n    return next;\n  }, [currentMemberId]);\n\n  useEffect((): (() => void) => {\n    let active = true;\n    void (async () => {\n      try {\n        const next = await refreshUnreadCount();\n        if (active) setUnreadCount(next);\n      } catch {\n        if (active) setUnreadCount(0);\n      }\n    })();\n    return (): void => {\n      active = false;\n    };\n  }, [refreshUnreadCount]);\n\n  const value = useMemo<NotificationUnreadContextValue>(\n    () => ({ refreshUnreadCount, unreadCount }),\n    [refreshUnreadCount, unreadCount],\n  );\n\n  return (\n    <NotificationUnreadContext.Provider value={value}>\n      {children}\n    </NotificationUnreadContext.Provider>\n  );\n}\n\n/**\n * Read the current unread-notification count and a manual refresh helper.\n * Returns a zero/no-op stub when used outside\n * `<NotificationUnreadProvider>`.\n */\nexport function useNotificationUnread(): NotificationUnreadContextValue {\n  const context = useContext(NotificationUnreadContext);\n  if (!context) {\n    return {\n      refreshUnreadCount: async (): Promise<number> => 0,\n      unreadCount: 0,\n    };\n  }\n  return context;\n}\n","'use client';\n\nimport {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ChangeEvent,\n  type ReactElement,\n} from 'react';\nimport Drawer from '@mezzanine-ui/react/Drawer';\nimport NotificationCenter from '@mezzanine-ui/react/NotificationCenter';\nimport type { NotificationSeverity } from '@mezzanine-ui/core/notification-center';\nimport {\n  listNotifications,\n  markAllNotificationsRead,\n  markNotificationRead,\n  type NotificationRecord,\n  type NotificationType,\n} from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from '../lib/auth-provider';\nimport { useNotificationDrawer } from '../lib/notification-drawer-provider';\nimport { useNotificationUnread } from '../lib/notification-unread-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\nimport { useBPMRoutes } from '../lib/routes-config';\n\ntype FilterValue = 'all' | 'read' | 'unread';\n\ntype TimeGroup = 'today' | 'yesterday' | 'past7Days' | 'earlier';\n\nconst TIME_GROUP_ORDER: readonly TimeGroup[] = [\n  'today',\n  'yesterday',\n  'past7Days',\n  'earlier',\n];\n\nconst TIME_GROUP_LABEL: Readonly<Record<TimeGroup, string>> = {\n  earlier: '更早',\n  past7Days: '過去七天',\n  today: '今天',\n  yesterday: '昨天',\n};\n\nconst PAGE_SIZE = 50;\n\n/**\n * Right-side notification drawer mounted at the root by `<Providers>`.\n * Opens / closes via `useNotificationDrawer()`, polls\n * `listNotifications()` for the current member, supports filter\n * (`all` / `read` / `unread`), per-row mark-read, bulk mark-all-read, and\n * load-more pagination. Clicking a row with an `instanceId` navigates to\n * `/instances/<id>` via the host's router adapter.\n */\nexport function NotificationDrawer(): ReactElement | null {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const { member } = useAuth();\n  const { close, isOpen } = useNotificationDrawer();\n  const { refreshUnreadCount } = useNotificationUnread();\n  const currentMemberId = member?.memberId ?? null;\n  const [rows, setRows] = useState<readonly NotificationRecord[]>([]);\n  const [totalCount, setTotalCount] = useState(0);\n  const [page, setPage] = useState(1);\n  const [loading, setLoading] = useState(false);\n  const [bulkLoading, setBulkLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [filter, setFilter] = useState<FilterValue>('all');\n\n  const loadPage = useCallback(\n    async (nextPage: number, append: boolean): Promise<void> => {\n      if (!currentMemberId) return;\n      setLoading(true);\n      setError(null);\n      try {\n        const result = await listNotifications({\n          includeRead: true,\n          page: nextPage,\n          pageSize: PAGE_SIZE,\n          recipientMemberId: currentMemberId,\n        });\n        setRows((current): readonly NotificationRecord[] =>\n          append ? [...current, ...result.notifications] : result.notifications,\n        );\n        setTotalCount(result.totalCount);\n        setPage(nextPage);\n        await refreshUnreadCount();\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      } finally {\n        setLoading(false);\n      }\n    },\n    [currentMemberId, refreshUnreadCount],\n  );\n\n  useEffect((): void => {\n    if (!isOpen || !currentMemberId) return;\n    void loadPage(1, false);\n  }, [isOpen, currentMemberId, loadPage]);\n\n  const handleFilterChange = useCallback(\n    (event: ChangeEvent<HTMLInputElement>): void => {\n      const next = event.target.value;\n      if (next === 'all' || next === 'read' || next === 'unread') setFilter(next);\n    },\n    [],\n  );\n\n  const handleMarkAllRead = useCallback(async (): Promise<void> => {\n    if (!currentMemberId || bulkLoading) return;\n    setBulkLoading(true);\n    setError(null);\n    try {\n      await markAllNotificationsRead({ recipientMemberId: currentMemberId });\n      await loadPage(1, false);\n    } catch (e: unknown) {\n      setError(readErrorMessage(e));\n    } finally {\n      setBulkLoading(false);\n    }\n  }, [bulkLoading, currentMemberId, loadPage]);\n\n  const handleLoadMore = useCallback((): void => {\n    if (loading) return;\n    void loadPage(page + 1, true);\n  }, [loading, loadPage, page]);\n\n  const handleMarkRead = useCallback(\n    async (id: string): Promise<void> => {\n      if (!currentMemberId) return;\n      try {\n        await markNotificationRead({ id, readerMemberId: currentMemberId });\n        await loadPage(1, false);\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [currentMemberId, loadPage],\n  );\n\n  const handleOpenInstance = useCallback(\n    async (record: NotificationRecord): Promise<void> => {\n      if (!record.instanceId || !currentMemberId) return;\n      try {\n        if (record.status !== 'READ') {\n          await markNotificationRead({\n            id: record.id,\n            readerMemberId: currentMemberId,\n          });\n          await refreshUnreadCount();\n        }\n        close();\n        router.push(routes.caseDetail(record.instanceId));\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [close, currentMemberId, refreshUnreadCount, router, routes],\n  );\n\n  const filteredRows = useMemo(\n    (): readonly NotificationRecord[] =>\n      rows.filter((row): boolean => {\n        if (filter === 'all') return true;\n        if (filter === 'read') return row.status === 'READ';\n        return row.status !== 'READ';\n      }),\n    [filter, rows],\n  );\n\n  const groupedRows = useMemo(\n    (): ReadonlyArray<readonly [TimeGroup, readonly NotificationRecord[]]> => {\n      const now = new Date();\n      const buckets = TIME_GROUP_ORDER.reduce<\n        Record<TimeGroup, NotificationRecord[]>\n      >(\n        (accumulator, group) => {\n          accumulator[group] = [];\n          return accumulator;\n        },\n        { earlier: [], past7Days: [], today: [], yesterday: [] },\n      );\n      filteredRows.forEach((row): void => {\n        buckets[resolveTimeGroup(row.createdAt, now)].push(row);\n      });\n      return TIME_GROUP_ORDER.map(\n        (group) => [group, buckets[group]] as const,\n      ).filter(([, items]) => items.length > 0);\n    },\n    [filteredRows],\n  );\n\n  const hasMore = rows.length < totalCount;\n\n  if (!currentMemberId) return null;\n\n  return (\n    <Drawer\n      bottomGhostActionDisabled={bulkLoading || loading}\n      bottomGhostActionLoading={bulkLoading}\n      bottomGhostActionText=\"全部標為已讀\"\n      bottomOnGhostActionClick={(): void => {\n        void handleMarkAllRead();\n      }}\n      bottomOnPrimaryActionClick={(): void => {\n        handleLoadMore();\n      }}\n      bottomPrimaryActionDisabled={!hasMore || loading}\n      bottomPrimaryActionLoading={loading && hasMore}\n      bottomPrimaryActionText={hasMore ? '載入更多' : '已顯示全部'}\n      contentKey={`${filter}:${rows.length}`}\n      filterAreaAllRadioLabel=\"全部\"\n      filterAreaOnRadioChange={handleFilterChange}\n      filterAreaReadRadioLabel=\"已讀\"\n      filterAreaShow\n      filterAreaUnreadRadioLabel=\"未讀\"\n      filterAreaValue={filter}\n      headerTitle=\"通知中心\"\n      isBottomDisplay\n      isHeaderDisplay\n      onClose={close}\n      open={isOpen}\n      size=\"medium\"\n    >\n      <div role=\"list\">\n        {error ? (\n          <p\n            role=\"alert\"\n            style={{\n              color: 'var(--mzn-color-text-error, #d92d20)',\n              padding: '12px 16px',\n            }}\n          >\n            {error}\n          </p>\n        ) : null}\n        {groupedRows.length === 0 ? (\n          <p\n            style={{\n              color: 'var(--mzn-color-text-secondary, #6b7280)',\n              padding: '24px 16px',\n              textAlign: 'center',\n            }}\n          >\n            {loading ? '載入中…' : '目前沒有通知'}\n          </p>\n        ) : null}\n        {groupedRows.map(([group, items], groupIndex) => (\n          <Fragment key={group}>\n            {items.map((record, itemIndex) => (\n              <NotificationCenter\n                appendTips={\n                  groupIndex === groupedRows.length - 1 &&\n                  itemIndex === items.length - 1 &&\n                  !hasMore\n                    ? '已顯示全部通知'\n                    : undefined\n                }\n                cancelButtonText={\n                  record.status !== 'READ' ? '標為已讀' : undefined\n                }\n                description={record.body}\n                key={record.id}\n                onCancel={\n                  record.status !== 'READ'\n                    ? (): void => {\n                        void handleMarkRead(record.id);\n                      }\n                    : undefined\n                }\n                onConfirm={\n                  record.instanceId\n                    ? (): void => {\n                        void handleOpenInstance(record);\n                      }\n                    : undefined\n                }\n                confirmButtonText={record.instanceId ? '查看案件' : undefined}\n                prependTips={itemIndex === 0 ? TIME_GROUP_LABEL[group] : undefined}\n                reference={record.id}\n                severity={toSeverity(record.type)}\n                showBadge={record.status !== 'READ'}\n                timeStamp={record.createdAt}\n                title={record.title}\n                type=\"drawer\"\n              />\n            ))}\n          </Fragment>\n        ))}\n      </div>\n    </Drawer>\n  );\n}\n\nfunction toSeverity(type: NotificationType): NotificationSeverity {\n  if (type === 'SLA_OVERDUE') return 'error';\n  if (type === 'SLA_WARNING') return 'warning';\n  if (type === 'INSTANCE_COMPLETED') return 'success';\n  return 'info';\n}\n\nfunction resolveTimeGroup(value: string, now: Date): TimeGroup {\n  const notificationDate = new Date(value);\n  if (Number.isNaN(notificationDate.getTime())) return 'earlier';\n  const nowStartOfDay = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  const notificationStartOfDay = new Date(\n    notificationDate.getFullYear(),\n    notificationDate.getMonth(),\n    notificationDate.getDate(),\n  );\n  if (notificationStartOfDay.getTime() === nowStartOfDay.getTime()) return 'today';\n  const yesterdayStartOfDay = new Date(nowStartOfDay);\n  yesterdayStartOfDay.setDate(yesterdayStartOfDay.getDate() - 1);\n  if (notificationStartOfDay.getTime() === yesterdayStartOfDay.getTime())\n    return 'yesterday';\n  const diffInDays =\n    (now.getTime() - notificationDate.getTime()) / (1000 * 60 * 60 * 24);\n  if (diffInDays <= 7) return 'past7Days';\n  return 'earlier';\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n","'use client';\n\nimport type { ReactElement, ReactNode } from 'react';\nimport {\n  CalendarConfigProviderMoment,\n  CalendarLocale,\n} from '@mezzanine-ui/react/moment';\nimport { AuthProvider } from './auth-provider';\nimport { NotificationDrawer } from '../components/notification-drawer';\nimport { NotificationDrawerProvider } from './notification-drawer-provider';\nimport { NotificationUnreadProvider } from './notification-unread-provider';\n\ninterface ProvidersProps {\n  readonly children: ReactNode;\n  /** Override Mezzanine calendar locale. Defaults to `CalendarLocale.ZH_TW`. */\n  readonly locale?: CalendarLocale;\n  /**\n   * Public paths that should not trigger redirect to `/login` when there\n   * is no session. Forwarded to `<AuthProvider>`. Defaults to `['/login']`.\n   */\n  readonly publicPaths?: readonly string[];\n  /** Where to send unauthenticated users. Defaults to `'/login'`. */\n  readonly loginPath?: string;\n}\n\n/**\n * One-stop BPM admin provider stack. Wires:\n *\n * - Mezzanine UI calendar locale (moment-based, `ZH_TW` by default)\n * - `<AuthProvider>` (BPM session via REST `/auth/*`)\n * - `<NotificationUnreadProvider>` (polls unread count)\n * - `<NotificationDrawerProvider>` (controls drawer open/close state)\n * - `<NotificationDrawer />` mounted at the root so the host navigation\n *   bell (`<BPMNotificationBellButton />` or any custom trigger calling\n *   `useNotificationDrawer().open`) can open it.\n *\n * Consumer hosts wrap this **inside** a `<RouterAdapterProvider>` (provided\n * by the `pages/*` subpath shims when consuming via Next.js, or wired by\n * hand for other frameworks).\n */\nexport function Providers({\n  children,\n  locale = CalendarLocale.ZH_TW,\n  publicPaths,\n  loginPath,\n}: ProvidersProps): ReactElement {\n  return (\n    <CalendarConfigProviderMoment locale={locale}>\n      <AuthProvider publicPaths={publicPaths} loginPath={loginPath}>\n        <NotificationUnreadProvider>\n          <NotificationDrawerProvider>\n            {children}\n            <NotificationDrawer />\n          </NotificationDrawerProvider>\n        </NotificationUnreadProvider>\n      </AuthProvider>\n    </CalendarConfigProviderMoment>\n  );\n}\n","'use client';\n\nimport { useAuth } from './auth-provider';\n\n/**\n * Drop-in logout handler for host navigation menus. Wraps the BPM auth\n * context's logout flow — calls `logoutApi()` against the BPM REST\n * session endpoint, clears the in-memory member, then redirects to the\n * configured `loginPath`.\n *\n * Hosts mount this on their own logout buttons / menu items so they do\n * not need to touch `useAuth()` directly. To customize the post-logout\n * destination, override the `loginPath` prop on `<BPMNextProviders>` or\n * `<AuthProvider>`.\n */\nexport function useBPMLogout(): () => Promise<void> {\n  const { logout } = useAuth();\n  return logout;\n}\n","'use client';\n\nimport type { ApiMember } from '@rytass/bpm-core-client';\nimport { useAuth } from './auth-provider';\n\n/**\n * Read the currently authenticated BPM member. Returns `null` when there\n * is no active session — typically only seen on the login page or during\n * the brief loading window before `<AuthProvider>` resolves the cookie.\n *\n * Convenience alias for `useAuth().member` aimed at host navigations\n * (avatar, display name, role-based menu visibility) that should not\n * depend on the broader `useAuth()` surface.\n */\nexport function useBPMMember(): ApiMember | null {\n  const { member } = useAuth();\n  return member;\n}\n",".root {\n  display: inline-flex;\n  position: relative;\n}\n\n.badge {\n  align-items: center;\n  background: #d92d20;\n  border: 1px solid #fff;\n  border-radius: 999px;\n  color: #fff;\n  display: inline-flex;\n  font-size: 10px;\n  font-weight: 600;\n  height: 16px;\n  justify-content: center;\n  line-height: 1;\n  min-width: 16px;\n  padding: 0 4px;\n  pointer-events: none;\n  position: absolute;\n  right: -4px;\n  top: -4px;\n}\n","'use client';\n\nimport type { ReactElement } from 'react';\nimport { NavigationIconButton } from '@mezzanine-ui/react';\nimport { NotificationUnreadIcon } from '@mezzanine-ui/icons';\nimport { useNotificationDrawer } from '../lib/notification-drawer-provider';\nimport { useNotificationUnread } from '../lib/notification-unread-provider';\nimport styles from './bpm-notification-bell-button.module.scss';\n\nexport interface BPMNotificationBellButtonProps {\n  /** Override the aria-label / tooltip. Defaults to `通知中心`. */\n  readonly label?: string;\n}\n\n/**\n * Drop-in notification bell. Reads the unread count from\n * `<NotificationUnreadProvider>`, opens the BPM `<NotificationDrawer />`\n * mounted by `<Providers>` (or `<BPMNextProviders>`) on click, and\n * renders a small red badge with the unread count.\n *\n * Use this when the host navigation wants the BPM notification UX with\n * minimum wiring. Hosts that need a fully custom button can skip this\n * widget and consume `useNotificationDrawer()` + `useNotificationUnread()`\n * directly to wire their own trigger.\n *\n * Visual: uses Mezzanine `NavigationIconButton` so the bell aligns with\n * surrounding Mezzanine navigation chrome. The button is decoupled from\n * the `<Navigation>` container — it does not require a Mezzanine\n * navigation tree to render.\n */\nexport function BPMNotificationBellButton({\n  label = '通知中心',\n}: BPMNotificationBellButtonProps = {}): ReactElement {\n  const { open } = useNotificationDrawer();\n  const { unreadCount } = useNotificationUnread();\n  const ariaLabel = unreadCount > 0 ? `${label}，${unreadCount} 則未讀` : label;\n  return (\n    <span className={styles.root}>\n      <NavigationIconButton\n        aria-label={ariaLabel}\n        icon={NotificationUnreadIcon}\n        onClick={(): void => {\n          open();\n        }}\n        title={label}\n        type=\"button\"\n      />\n      {unreadCount > 0 ? (\n        <span className={styles.badge}>\n          {unreadCount > 99 ? '99+' : unreadCount}\n        </span>\n      ) : null}\n    </span>\n  );\n}\n"],"mappings":"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"}

package/dist/lib/notification-drawer-provider.d.ts

@@ -11,8 +11,9 @@ interface NotificationDrawerProviderProps {
 /**
  * Controls the open/closed state of the BPM notification drawer. Wraps
  * children with a context that `<NotificationDrawer />` reads to mount /
- * hide itself, and that `<AppLayout />` reads to open the drawer when
- * the bell icon is clicked.
+ * hide itself, and that the host navigation reads (via
+ * `<BPMNotificationBellButton />` or `useNotificationDrawer().open`) to
+ * open the drawer when the bell icon is clicked.
  *
  * When used outside this provider, the returned hook is a safe no-op so
  * components don't crash in test or storybook environments.

package/dist/lib/notification-unread-provider.d.ts

@@ -8,11 +8,12 @@ interface NotificationUnreadProviderProps {
 }
 /**
  * Polls BPM for the current member's unread notification count via
- * `readUnreadNotificationCount` and exposes it through context for
- * `<AppLayout />` (bell badge) and `<NotificationDrawer />` (header
- * count). Refresh is triggered on mount and whenever the auth member id
- * changes; consumers can call `refreshUnreadCount()` after acknowledging
- * a notification.
+ * `readUnreadNotificationCount` and exposes it through context for the
+ * host navigation (`<BPMNotificationBellButton />` badge or any custom
+ * trigger using `useNotificationUnread().unreadCount`) and the BPM
+ * `<NotificationDrawer />` (header count). Refresh is triggered on
+ * mount and whenever the auth member id changes; consumers can call
+ * `refreshUnreadCount()` after acknowledging a notification.
  */
 export declare function NotificationUnreadProvider({ children, }: NotificationUnreadProviderProps): ReactElement;
 /**

package/dist/lib/providers.d.ts

@@ -19,8 +19,9 @@ interface ProvidersProps {
  * - `<AuthProvider>` (BPM session via REST `/auth/*`)
  * - `<NotificationUnreadProvider>` (polls unread count)
  * - `<NotificationDrawerProvider>` (controls drawer open/close state)
- * - `<NotificationDrawer />` mounted at the root so the bell-icon button in
- *   `<AppLayout />` can open it.
+ * - `<NotificationDrawer />` mounted at the root so the host navigation
+ *   bell (`<BPMNotificationBellButton />` or any custom trigger calling
+ *   `useNotificationDrawer().open`) can open it.
  *
  * Consumer hosts wrap this **inside** a `<RouterAdapterProvider>` (provided
  * by the `pages/*` subpath shims when consuming via Next.js, or wired by

package/dist/lib/use-bpm-logout.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Drop-in logout handler for host navigation menus. Wraps the BPM auth
+ * context's logout flow — calls `logoutApi()` against the BPM REST
+ * session endpoint, clears the in-memory member, then redirects to the
+ * configured `loginPath`.
+ *
+ * Hosts mount this on their own logout buttons / menu items so they do
+ * not need to touch `useAuth()` directly. To customize the post-logout
+ * destination, override the `loginPath` prop on `<BPMNextProviders>` or
+ * `<AuthProvider>`.
+ */
+export declare function useBPMLogout(): () => Promise<void>;

package/dist/lib/use-bpm-member.d.ts

@@ -0,0 +1,11 @@
+import { ApiMember } from '@rytass/bpm-core-client';
+/**
+ * Read the currently authenticated BPM member. Returns `null` when there
+ * is no active session — typically only seen on the login page or during
+ * the brief loading window before `<AuthProvider>` resolves the cookie.
+ *
+ * Convenience alias for `useAuth().member` aimed at host navigations
+ * (avatar, display name, role-based menu visibility) that should not
+ * depend on the broader `useAuth()` surface.
+ */
+export declare function useBPMMember(): ApiMember | null;

package/dist/next/BPMNextProviders.d.ts

@@ -48,4 +48,4 @@ export interface BPMNextProvidersProps {
  * (BPM internal navigation), additionally wrap with
  * `<BPMRoutesProvider>` exported from the same subpath.
  */
-export declare function BPMNextProviders(props: BPMNextProvidersProps): ReactElement;
+export declare function BPMNextProviders({ children, locale, publicPaths, loginPath, }: BPMNextProvidersProps): ReactElement;

package/dist/next/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/routes-config-2aKbWq2H.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("next/navigation"),i=require("@rytass/bpm-core-react");function a({children:e,locale:a,publicPaths:o,loginPath:s}){let c=(0,r.useRouter)(),l=(0,r.usePathname)(),u=(0,r.useSearchParams)();return(0,n.jsx)(i.RouterAdapterProvider,{value:(0,t.useMemo)(()=>({pathname:l,push:e=>c.push(e),replace:e=>c.replace(e),back:()=>c.back(),searchParams:()=>new URLSearchParams(u?.toString()??``)}),[c,l,u]),children:(0,n.jsx)(i.Providers,{locale:a,publicPaths:o,loginPath:s,children:e})})}function o(e){return(0,n.jsx)(t.Suspense,{fallback:null,children:(0,n.jsx)(a,{...e})})}exports.BPMNextProviders=o,exports.BPMRoutesProvider=e.t,exports.createDefaultBPMRoutes=e.n,exports.useBPMRoutes=e.r;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/routes-config-2aKbWq2H.cjs");let t=require("react"),n=require("react/jsx-runtime"),r=require("next/navigation"),i=require("@rytass/bpm-core-react");function a({children:e,locale:a,publicPaths:o,loginPath:s}){let c=(0,r.useRouter)(),l=(0,r.usePathname)();return(0,n.jsx)(i.RouterAdapterProvider,{value:(0,t.useMemo)(()=>({pathname:l,push:e=>c.push(e),replace:e=>c.replace(e),back:()=>c.back(),searchParams:()=>(0,i.defaultBrowserSearchParams)()}),[c,l]),children:(0,n.jsx)(i.Providers,{locale:a,publicPaths:o,loginPath:s,children:e})})}exports.BPMNextProviders=a,exports.BPMRoutesProvider=e.t,exports.createDefaultBPMRoutes=e.n,exports.useBPMRoutes=e.r;
 //# sourceMappingURL=index.cjs.map