@rytass/bpm-core-react 0.3.8 → 0.4.1

package/dist/chunks/users-CUY139DF.js

@@ -0,0 +1,214 @@
+"use client";
+import { useCallback as e, useEffect as t, useMemo as n, useState as r } from "react";
+import { BaseCard as i, Filter as a, FilterArea as o, FilterLine as s, FormField as c, Input as l, Modal as u, PageHeader as ee, Section as d, SectionGroup as f, Table as p, Typography as m } from "@mezzanine-ui/react";
+import { listMemberDirectoryPage as h, resolveMembers as g } from "@rytass/bpm-core-client";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import te from "@mezzanine-ui/react/ContentHeader";
+import { FormFieldLayout as b } from "@mezzanine-ui/core/form";
+import { listMemberships as x, readOrganizationDashboard as S, readResolvedManager as C } from "@rytass/bpm-core-client/organization";
+import '../users.css';var w = {
+	memberFilterArea: "bpm_memberFilterArea_9RB2k",
+	header: "bpm_header_sIEtg",
+	detailFields: "bpm_detailFields_TyKNL",
+	detailSection: "bpm_detailSection_-iLjy",
+	membershipList: "bpm_membershipList_5n9iq"
+}, T = [
+	10,
+	20,
+	50
+];
+function E() {
+	let [i, u] = r(null), [E, O] = r([]), [k, A] = r(null), [M, N] = r(null), [P, F] = r(null), [I, L] = r(!0), [R, z] = r(1), [B, V] = r(10), [H, U] = r(0), [W, G] = r([]), [K, q] = r([]), [J, Y] = r([]), [X, Z] = r(""), ne = n(() => new Map(K.map((e) => [e.id, e])), [K]), re = n(() => new Map(J.map((e) => [e.id, e])), [J]), Q = e(async () => {
+		L(!0), F(null);
+		try {
+			let [e, t] = await Promise.all([h({
+				page: R,
+				pageSize: B,
+				searchText: X
+			}), S()]);
+			G(e.members), U(e.totalCount), q(t.orgUnits), Y(t.positions);
+		} catch (e) {
+			F(j(e));
+		} finally {
+			L(!1);
+		}
+	}, [
+		R,
+		B,
+		X
+	]);
+	t(() => {
+		Q();
+	}, [Q]);
+	let ie = n(() => W.map((e) => ({
+		...e,
+		key: e.memberId
+	})), [W]), $ = e(async (e) => {
+		u(e), A(null), F(null);
+		try {
+			let [t, n] = await Promise.all([x({ memberId: e.memberId }), C(e.memberId)]);
+			O(t), N(n), A((await g(n.managerMemberId ? [n.managerMemberId] : []))[0] ?? null);
+		} catch (e) {
+			F(j(e));
+		}
+	}, []), ae = n(() => [{
+		dataIndex: "name",
+		key: "name",
+		title: "姓名",
+		width: 160
+	}, {
+		dataIndex: "email",
+		key: "email",
+		title: "信箱",
+		width: 260
+	}], []), oe = n(() => ({
+		render: () => [{
+			name: "檢視",
+			onClick: (e) => {
+				$(e);
+			}
+		}],
+		variant: "base-secondary",
+		width: 88
+	}), [$]);
+	function se() {
+		u(null), A(null), O([]), N(null);
+	}
+	return /* @__PURE__ */ y(_, { children: [
+		/* @__PURE__ */ v(ee, { children: /* @__PURE__ */ v(te, {
+			description: "會員資料由 host member resolver 提供，BPM 僅維護組織歸屬與主管解析。",
+			title: "會員對照"
+		}) }),
+		/* @__PURE__ */ v(f, { children: /* @__PURE__ */ y(d, {
+			filterArea: /* @__PURE__ */ v(o, {
+				className: w.memberFilterArea,
+				children: /* @__PURE__ */ v(s, { children: /* @__PURE__ */ v(a, {
+					span: 3,
+					children: /* @__PURE__ */ v(c, {
+						fullWidth: !0,
+						layout: b.VERTICAL,
+						name: "memberSearchText",
+						children: /* @__PURE__ */ v(l, {
+							fullWidth: !0,
+							onChange: (e) => {
+								Z(e.target.value), z(1);
+							},
+							placeholder: "搜尋姓名或信箱",
+							size: "sub",
+							value: X,
+							variant: "base"
+						})
+					})
+				}) })
+			}),
+			children: [P ? /* @__PURE__ */ v(m, {
+				color: "text-error",
+				variant: "body",
+				children: P
+			}) : null, /* @__PURE__ */ v(p, {
+				actions: oe,
+				columns: ae,
+				dataSource: ie,
+				fullWidth: !0,
+				loading: I,
+				pagination: {
+					current: R,
+					onChange: (e) => {
+						z(e);
+					},
+					onChangePageSize: (e) => {
+						z(1), V(e);
+					},
+					pageSize: B,
+					pageSizeLabel: "每頁筆數",
+					pageSizeOptions: T,
+					renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
+					showPageSizeOptions: !0,
+					total: H
+				}
+			})]
+		}) }),
+		/* @__PURE__ */ v(D, {
+			managerProfile: k,
+			member: i,
+			memberships: E,
+			onClose: se,
+			orgUnitsById: ne,
+			positionsById: re,
+			resolvedManager: M
+		})
+	] });
+}
+function D({ managerProfile: e, member: t, memberships: n, onClose: r, orgUnitsById: a, positionsById: o, resolvedManager: s }) {
+	return /* @__PURE__ */ v(u, {
+		cancelText: "關閉",
+		confirmText: "關閉",
+		modalType: "standard",
+		onCancel: r,
+		onClose: r,
+		onConfirm: r,
+		open: !!t,
+		showModalFooter: !0,
+		showModalHeader: !0,
+		size: "regular",
+		title: t?.name ?? "會員明細",
+		children: t ? /* @__PURE__ */ y("div", {
+			className: w.detailFields,
+			children: [
+				/* @__PURE__ */ v(i, {
+					title: "基本資料",
+					children: /* @__PURE__ */ v("div", {
+						className: w.detailSection,
+						children: /* @__PURE__ */ y(m, {
+							variant: "body",
+							children: ["信箱：", t.email]
+						})
+					})
+				}),
+				/* @__PURE__ */ v(i, {
+					title: "BPM 組織歸屬",
+					children: /* @__PURE__ */ v("div", {
+						className: w.membershipList,
+						children: n.length ? n.map((e) => /* @__PURE__ */ y(m, {
+							variant: "body",
+							children: [
+								O(a.get(e.orgUnitId)),
+								" / ",
+								e.positionId ? k(o.get(e.positionId)) : "未指定職位",
+								" / ",
+								e.isPrimary ? "主要" : "一般"
+							]
+						}, e.id)) : /* @__PURE__ */ v(m, {
+							color: "text-neutral",
+							variant: "body",
+							children: "尚未建立 BPM 組織歸屬"
+						})
+					})
+				}),
+				/* @__PURE__ */ v(i, {
+					title: "主管解析",
+					children: /* @__PURE__ */ v(m, {
+						variant: "body",
+						children: s?.managerMemberId ? A(e) : "尚未解析到主管"
+					})
+				})
+			]
+		}) : null
+	});
+}
+function O(e) {
+	return e ? `${e.name} · ${e.code}` : "未知組織";
+}
+function k(e) {
+	return e ? `${e.name} · ${e.code}` : "未知職位";
+}
+function A(e) {
+	return e ? `${e.name} · ${e.email}` : "主管資料尚未載入";
+}
+function j(e) {
+	return e instanceof Error ? e.message : "讀取會員資料失敗。";
+}
+//#endregion
+export { E as t };
+
+//# sourceMappingURL=users-CUY139DF.js.map

package/dist/chunks/users-CUY139DF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"users-CUY139DF.js","names":[],"sources":["../../src/views/admin/users/users.module.scss","../../src/views/admin/users/AdminUsersView.tsx"],"sourcesContent":[".memberFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-input),\n  :global(.mzn-input-container),\n  :global(.mzn-text-field) {\n    width: 100%;\n    min-width: 0 !important;\n  }\n}\n\n.header {\n  display: grid;\n  gap: 4px;\n  padding: 24px 24px 0;\n}\n\n.detailFields {\n  display: grid;\n  gap: 16px;\n}\n\n.detailSection {\n  display: grid;\n  gap: 8px;\n}\n\n.membershipList {\n  display: grid;\n  gap: 8px;\n}\n","'use client';\n\nimport {\n  ChangeEvent,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  BaseCard,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport styles from './users.module.scss';\nimport {\n  listMemberDirectoryPage,\n  MemberProfileRecord,\n  resolveMembers,\n} from '@rytass/bpm-core-client';\nimport {\n  listMemberships,\n  MembershipRecord,\n  OrgUnitRecord,\n  PositionRecord,\n  readOrganizationDashboard,\n  readResolvedManager,\n  ResolvedManagerRecord,\n} from '@rytass/bpm-core-client/organization';\n\ntype MemberRow = Readonly<\n  Record<string, unknown> &\n    MemberProfileRecord & {\n      key: string;\n    }\n>;\n\nconst MEMBER_PAGE_SIZE_OPTIONS = [10, 20, 50];\n\n\nexport function AdminUsersView(): ReactElement {\n  const [detailMember, setDetailMember] = useState<MemberProfileRecord | null>(\n    null,\n  );\n  const [detailMemberships, setDetailMemberships] = useState<\n    readonly MembershipRecord[]\n  >([]);\n  const [detailManagerProfile, setDetailManagerProfile] =\n    useState<MemberProfileRecord | null>(null);\n  const [detailResolvedManager, setDetailResolvedManager] =\n    useState<ResolvedManagerRecord | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [memberPage, setMemberPage] = useState(1);\n  const [memberPageSize, setMemberPageSize] = useState(10);\n  const [memberTotalCount, setMemberTotalCount] = useState(0);\n  const [members, setMembers] = useState<readonly MemberProfileRecord[]>([]);\n  const [orgUnits, setOrgUnits] = useState<readonly OrgUnitRecord[]>([]);\n  const [positions, setPositions] = useState<readonly PositionRecord[]>([]);\n  const [searchText, setSearchText] = useState('');\n\n  const orgUnitsById = useMemo(\n    (): ReadonlyMap<string, OrgUnitRecord> =>\n      new Map(orgUnits.map((orgUnit) => [orgUnit.id, orgUnit])),\n    [orgUnits],\n  );\n  const positionsById = useMemo(\n    (): ReadonlyMap<string, PositionRecord> =>\n      new Map(positions.map((position) => [position.id, position])),\n    [positions],\n  );\n\n  const refreshMembers = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [memberPageResult, organization] = await Promise.all([\n        listMemberDirectoryPage({\n          page: memberPage,\n          pageSize: memberPageSize,\n          searchText,\n        }),\n        readOrganizationDashboard(),\n      ]);\n\n      setMembers(memberPageResult.members);\n      setMemberTotalCount(memberPageResult.totalCount);\n      setOrgUnits(organization.orgUnits);\n      setPositions(organization.positions);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [memberPage, memberPageSize, searchText]);\n\n  useEffect((): void => {\n    void refreshMembers();\n  }, [refreshMembers]);\n\n  const rows = useMemo(\n    (): MemberRow[] =>\n      members.map((member) => ({\n        ...member,\n        key: member.memberId,\n      })),\n    [members],\n  );\n\n  const openDetail = useCallback(\n    async (member: MemberProfileRecord): Promise<void> => {\n      setDetailMember(member);\n      setDetailManagerProfile(null);\n      setError(null);\n\n      try {\n        const [memberships, resolvedManager] = await Promise.all([\n          listMemberships({ memberId: member.memberId }),\n          readResolvedManager(member.memberId),\n        ]);\n\n        setDetailMemberships(memberships);\n        setDetailResolvedManager(resolvedManager);\n        setDetailManagerProfile(\n          (\n            await resolveMembers(\n              resolvedManager.managerMemberId\n                ? [resolvedManager.managerMemberId]\n                : [],\n            )\n          )[0] ?? null,\n        );\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      }\n    },\n    [],\n  );\n\n  const columns = useMemo(\n    (): TableColumn<MemberRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '姓名', width: 160 },\n      { dataIndex: 'email', key: 'email', title: '信箱', width: 260 },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<MemberRow> => ({\n      render: (): ReturnType<TableActions<MemberRow>['render']> => [\n        {\n          name: '檢視',\n          onClick: (record): void => {\n            void openDetail(record);\n          },\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [openDetail],\n  );\n\n  function closeDetail(): void {\n    setDetailMember(null);\n    setDetailManagerProfile(null);\n    setDetailMemberships([]);\n    setDetailResolvedManager(null);\n  }\n\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description=\"會員資料由 host member resolver 提供，BPM 僅維護組織歸屬與主管解析。\"\n            title=\"會員對照\"\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section\n            filterArea={\n              <FilterArea className={styles.memberFilterArea}>\n                <FilterLine>\n                  <Filter span={3}>\n                    <FormField\n                      fullWidth\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"memberSearchText\"\n                    >\n                      <Input\n                        fullWidth\n                        onChange={(\n                          event: ChangeEvent<HTMLInputElement>,\n                        ): void => {\n                          setSearchText(event.target.value);\n                          setMemberPage(1);\n                        }}\n                        placeholder=\"搜尋姓名或信箱\"\n                        size=\"sub\"\n                        value={searchText}\n                        variant=\"base\"\n                      />\n                    </FormField>\n                  </Filter>\n                </FilterLine>\n              </FilterArea>\n            }\n          >\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Table\n              actions={tableActions}\n              columns={columns}\n              dataSource={rows}\n              fullWidth\n              loading={loading}\n              pagination={{\n                current: memberPage,\n                onChange: (page): void => {\n                  setMemberPage(page);\n                },\n                onChangePageSize: (pageSize): void => {\n                  setMemberPage(1);\n                  setMemberPageSize(pageSize);\n                },\n                pageSize: memberPageSize,\n                pageSizeLabel: '每頁筆數',\n                pageSizeOptions: MEMBER_PAGE_SIZE_OPTIONS,\n                renderResultSummary: (from, to, total): string =>\n                  `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                showPageSizeOptions: true,\n                total: memberTotalCount,\n              }}\n            />\n          </Section>\n        </SectionGroup>\n\n        <MemberDetailModal\n          managerProfile={detailManagerProfile}\n          member={detailMember}\n          memberships={detailMemberships}\n          onClose={closeDetail}\n          orgUnitsById={orgUnitsById}\n          positionsById={positionsById}\n          resolvedManager={detailResolvedManager}\n        />\n      </>\n  );\n}\n\nfunction MemberDetailModal({\n  managerProfile,\n  member,\n  memberships,\n  onClose,\n  orgUnitsById,\n  positionsById,\n  resolvedManager,\n}: {\n  readonly managerProfile: MemberProfileRecord | null;\n  readonly member: MemberProfileRecord | null;\n  readonly memberships: readonly MembershipRecord[];\n  readonly onClose: () => void;\n  readonly orgUnitsById: ReadonlyMap<string, OrgUnitRecord>;\n  readonly positionsById: ReadonlyMap<string, PositionRecord>;\n  readonly resolvedManager: ResolvedManagerRecord | null;\n}): ReactElement {\n  return (\n    <Modal\n      cancelText=\"關閉\"\n      confirmText=\"關閉\"\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={onClose}\n      open={Boolean(member)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={member?.name ?? '會員明細'}\n    >\n      {member ? (\n        <div className={styles.detailFields}>\n          <BaseCard title=\"基本資料\">\n            <div className={styles.detailSection}>\n              <Typography variant=\"body\">信箱：{member.email}</Typography>\n            </div>\n          </BaseCard>\n          <BaseCard title=\"BPM 組織歸屬\">\n            <div className={styles.membershipList}>\n              {memberships.length ? (\n                memberships.map((membership) => (\n                  <Typography key={membership.id} variant=\"body\">\n                    {readOrgUnitLabel(orgUnitsById.get(membership.orgUnitId))}\n                    {' / '}\n                    {membership.positionId\n                      ? readPositionLabel(\n                          positionsById.get(membership.positionId),\n                        )\n                      : '未指定職位'}\n                    {' / '}\n                    {membership.isPrimary ? '主要' : '一般'}\n                  </Typography>\n                ))\n              ) : (\n                <Typography color=\"text-neutral\" variant=\"body\">\n                  尚未建立 BPM 組織歸屬\n                </Typography>\n              )}\n            </div>\n          </BaseCard>\n          <BaseCard title=\"主管解析\">\n            <Typography variant=\"body\">\n              {resolvedManager?.managerMemberId\n                ? readMemberLabel(managerProfile)\n                : '尚未解析到主管'}\n            </Typography>\n          </BaseCard>\n        </div>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction readOrgUnitLabel(orgUnit: OrgUnitRecord | undefined): string {\n  return orgUnit ? `${orgUnit.name} · ${orgUnit.code}` : '未知組織';\n}\n\nfunction readPositionLabel(position: PositionRecord | undefined): string {\n  return position ? `${position.name} · ${position.code}` : '未知職位';\n}\n\nfunction readMemberLabel(member: MemberProfileRecord | null): string {\n  return member ? `${member.name} · ${member.email}` : '主管資料尚未載入';\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取會員資料失敗。';\n}\n"],"mappings":"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"}

package/dist/chunks/users-qghSMtLn.cjs

@@ -0,0 +1,2 @@
+"use client";require('../users.css');const e=require("./chunk-CMqjfN_6.cjs");let t=require("react"),n=require("@mezzanine-ui/react"),r=require("@rytass/bpm-core-client"),i=require("react/jsx-runtime"),a=require("@mezzanine-ui/react/ContentHeader");a=e.t(a,1);let o=require("@mezzanine-ui/core/form"),s=require("@rytass/bpm-core-client/organization");var c={memberFilterArea:`bpm_memberFilterArea_9RB2k`,header:`bpm_header_sIEtg`,detailFields:`bpm_detailFields_TyKNL`,detailSection:`bpm_detailSection_-iLjy`,membershipList:`bpm_membershipList_5n9iq`},l=[10,20,50];function u(){let[e,u]=(0,t.useState)(null),[f,p]=(0,t.useState)([]),[m,g]=(0,t.useState)(null),[_,v]=(0,t.useState)(null),[y,b]=(0,t.useState)(null),[x,S]=(0,t.useState)(!0),[C,w]=(0,t.useState)(1),[T,E]=(0,t.useState)(10),[D,O]=(0,t.useState)(0),[k,A]=(0,t.useState)([]),[j,M]=(0,t.useState)([]),[N,P]=(0,t.useState)([]),[F,I]=(0,t.useState)(``),L=(0,t.useMemo)(()=>new Map(j.map(e=>[e.id,e])),[j]),R=(0,t.useMemo)(()=>new Map(N.map(e=>[e.id,e])),[N]),z=(0,t.useCallback)(async()=>{S(!0),b(null);try{let[e,t]=await Promise.all([(0,r.listMemberDirectoryPage)({page:C,pageSize:T,searchText:F}),(0,s.readOrganizationDashboard)()]);A(e.members),O(e.totalCount),M(t.orgUnits),P(t.positions)}catch(e){b(h(e))}finally{S(!1)}},[C,T,F]);(0,t.useEffect)(()=>{z()},[z]);let B=(0,t.useMemo)(()=>k.map(e=>({...e,key:e.memberId})),[k]),V=(0,t.useCallback)(async e=>{u(e),g(null),b(null);try{let[t,n]=await Promise.all([(0,s.listMemberships)({memberId:e.memberId}),(0,s.readResolvedManager)(e.memberId)]);p(t),v(n),g((await(0,r.resolveMembers)(n.managerMemberId?[n.managerMemberId]:[]))[0]??null)}catch(e){b(h(e))}},[]),H=(0,t.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`姓名`,width:160},{dataIndex:`email`,key:`email`,title:`信箱`,width:260}],[]),U=(0,t.useMemo)(()=>({render:()=>[{name:`檢視`,onClick:e=>{V(e)}}],variant:`base-secondary`,width:88}),[V]);function W(){u(null),g(null),p([]),v(null)}return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.PageHeader,{children:(0,i.jsx)(a.default,{description:`會員資料由 host member resolver 提供，BPM 僅維護組織歸屬與主管解析。`,title:`會員對照`})}),(0,i.jsx)(n.SectionGroup,{children:(0,i.jsxs)(n.Section,{filterArea:(0,i.jsx)(n.FilterArea,{className:c.memberFilterArea,children:(0,i.jsx)(n.FilterLine,{children:(0,i.jsx)(n.Filter,{span:3,children:(0,i.jsx)(n.FormField,{fullWidth:!0,layout:o.FormFieldLayout.VERTICAL,name:`memberSearchText`,children:(0,i.jsx)(n.Input,{fullWidth:!0,onChange:e=>{I(e.target.value),w(1)},placeholder:`搜尋姓名或信箱`,size:`sub`,value:F,variant:`base`})})})})}),children:[y?(0,i.jsx)(n.Typography,{color:`text-error`,variant:`body`,children:y}):null,(0,i.jsx)(n.Table,{actions:U,columns:H,dataSource:B,fullWidth:!0,loading:x,pagination:{current:C,onChange:e=>{w(e)},onChangePageSize:e=>{w(1),E(e)},pageSize:T,pageSizeLabel:`每頁筆數`,pageSizeOptions:l,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:D}})]})}),(0,i.jsx)(d,{managerProfile:m,member:e,memberships:f,onClose:W,orgUnitsById:L,positionsById:R,resolvedManager:_})]})}function d({managerProfile:e,member:t,memberships:r,onClose:a,orgUnitsById:o,positionsById:s,resolvedManager:l}){return(0,i.jsx)(n.Modal,{cancelText:`關閉`,confirmText:`關閉`,modalType:`standard`,onCancel:a,onClose:a,onConfirm:a,open:!!t,showModalFooter:!0,showModalHeader:!0,size:`regular`,title:t?.name??`會員明細`,children:t?(0,i.jsxs)(`div`,{className:c.detailFields,children:[(0,i.jsx)(n.BaseCard,{title:`基本資料`,children:(0,i.jsx)(`div`,{className:c.detailSection,children:(0,i.jsxs)(n.Typography,{variant:`body`,children:[`信箱：`,t.email]})})}),(0,i.jsx)(n.BaseCard,{title:`BPM 組織歸屬`,children:(0,i.jsx)(`div`,{className:c.membershipList,children:r.length?r.map(e=>(0,i.jsxs)(n.Typography,{variant:`body`,children:[f(o.get(e.orgUnitId)),` / `,e.positionId?p(s.get(e.positionId)):`未指定職位`,` / `,e.isPrimary?`主要`:`一般`]},e.id)):(0,i.jsx)(n.Typography,{color:`text-neutral`,variant:`body`,children:`尚未建立 BPM 組織歸屬`})})}),(0,i.jsx)(n.BaseCard,{title:`主管解析`,children:(0,i.jsx)(n.Typography,{variant:`body`,children:l?.managerMemberId?m(e):`尚未解析到主管`})})]}):null})}function f(e){return e?`${e.name} · ${e.code}`:`未知組織`}function p(e){return e?`${e.name} · ${e.code}`:`未知職位`}function m(e){return e?`${e.name} · ${e.email}`:`主管資料尚未載入`}function h(e){return e instanceof Error?e.message:`讀取會員資料失敗。`}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return u}});
+//# sourceMappingURL=users-qghSMtLn.cjs.map

package/dist/chunks/users-qghSMtLn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"users-qghSMtLn.cjs","names":[],"sources":["../../src/views/admin/users/users.module.scss","../../src/views/admin/users/AdminUsersView.tsx"],"sourcesContent":[".memberFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-input),\n  :global(.mzn-input-container),\n  :global(.mzn-text-field) {\n    width: 100%;\n    min-width: 0 !important;\n  }\n}\n\n.header {\n  display: grid;\n  gap: 4px;\n  padding: 24px 24px 0;\n}\n\n.detailFields {\n  display: grid;\n  gap: 16px;\n}\n\n.detailSection {\n  display: grid;\n  gap: 8px;\n}\n\n.membershipList {\n  display: grid;\n  gap: 8px;\n}\n","'use client';\n\nimport {\n  ChangeEvent,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  BaseCard,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport styles from './users.module.scss';\nimport {\n  listMemberDirectoryPage,\n  MemberProfileRecord,\n  resolveMembers,\n} from '@rytass/bpm-core-client';\nimport {\n  listMemberships,\n  MembershipRecord,\n  OrgUnitRecord,\n  PositionRecord,\n  readOrganizationDashboard,\n  readResolvedManager,\n  ResolvedManagerRecord,\n} from '@rytass/bpm-core-client/organization';\n\ntype MemberRow = Readonly<\n  Record<string, unknown> &\n    MemberProfileRecord & {\n      key: string;\n    }\n>;\n\nconst MEMBER_PAGE_SIZE_OPTIONS = [10, 20, 50];\n\n\nexport function AdminUsersView(): ReactElement {\n  const [detailMember, setDetailMember] = useState<MemberProfileRecord | null>(\n    null,\n  );\n  const [detailMemberships, setDetailMemberships] = useState<\n    readonly MembershipRecord[]\n  >([]);\n  const [detailManagerProfile, setDetailManagerProfile] =\n    useState<MemberProfileRecord | null>(null);\n  const [detailResolvedManager, setDetailResolvedManager] =\n    useState<ResolvedManagerRecord | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [memberPage, setMemberPage] = useState(1);\n  const [memberPageSize, setMemberPageSize] = useState(10);\n  const [memberTotalCount, setMemberTotalCount] = useState(0);\n  const [members, setMembers] = useState<readonly MemberProfileRecord[]>([]);\n  const [orgUnits, setOrgUnits] = useState<readonly OrgUnitRecord[]>([]);\n  const [positions, setPositions] = useState<readonly PositionRecord[]>([]);\n  const [searchText, setSearchText] = useState('');\n\n  const orgUnitsById = useMemo(\n    (): ReadonlyMap<string, OrgUnitRecord> =>\n      new Map(orgUnits.map((orgUnit) => [orgUnit.id, orgUnit])),\n    [orgUnits],\n  );\n  const positionsById = useMemo(\n    (): ReadonlyMap<string, PositionRecord> =>\n      new Map(positions.map((position) => [position.id, position])),\n    [positions],\n  );\n\n  const refreshMembers = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [memberPageResult, organization] = await Promise.all([\n        listMemberDirectoryPage({\n          page: memberPage,\n          pageSize: memberPageSize,\n          searchText,\n        }),\n        readOrganizationDashboard(),\n      ]);\n\n      setMembers(memberPageResult.members);\n      setMemberTotalCount(memberPageResult.totalCount);\n      setOrgUnits(organization.orgUnits);\n      setPositions(organization.positions);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [memberPage, memberPageSize, searchText]);\n\n  useEffect((): void => {\n    void refreshMembers();\n  }, [refreshMembers]);\n\n  const rows = useMemo(\n    (): MemberRow[] =>\n      members.map((member) => ({\n        ...member,\n        key: member.memberId,\n      })),\n    [members],\n  );\n\n  const openDetail = useCallback(\n    async (member: MemberProfileRecord): Promise<void> => {\n      setDetailMember(member);\n      setDetailManagerProfile(null);\n      setError(null);\n\n      try {\n        const [memberships, resolvedManager] = await Promise.all([\n          listMemberships({ memberId: member.memberId }),\n          readResolvedManager(member.memberId),\n        ]);\n\n        setDetailMemberships(memberships);\n        setDetailResolvedManager(resolvedManager);\n        setDetailManagerProfile(\n          (\n            await resolveMembers(\n              resolvedManager.managerMemberId\n                ? [resolvedManager.managerMemberId]\n                : [],\n            )\n          )[0] ?? null,\n        );\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      }\n    },\n    [],\n  );\n\n  const columns = useMemo(\n    (): TableColumn<MemberRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '姓名', width: 160 },\n      { dataIndex: 'email', key: 'email', title: '信箱', width: 260 },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<MemberRow> => ({\n      render: (): ReturnType<TableActions<MemberRow>['render']> => [\n        {\n          name: '檢視',\n          onClick: (record): void => {\n            void openDetail(record);\n          },\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [openDetail],\n  );\n\n  function closeDetail(): void {\n    setDetailMember(null);\n    setDetailManagerProfile(null);\n    setDetailMemberships([]);\n    setDetailResolvedManager(null);\n  }\n\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description=\"會員資料由 host member resolver 提供，BPM 僅維護組織歸屬與主管解析。\"\n            title=\"會員對照\"\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section\n            filterArea={\n              <FilterArea className={styles.memberFilterArea}>\n                <FilterLine>\n                  <Filter span={3}>\n                    <FormField\n                      fullWidth\n                      layout={FormFieldLayout.VERTICAL}\n                      name=\"memberSearchText\"\n                    >\n                      <Input\n                        fullWidth\n                        onChange={(\n                          event: ChangeEvent<HTMLInputElement>,\n                        ): void => {\n                          setSearchText(event.target.value);\n                          setMemberPage(1);\n                        }}\n                        placeholder=\"搜尋姓名或信箱\"\n                        size=\"sub\"\n                        value={searchText}\n                        variant=\"base\"\n                      />\n                    </FormField>\n                  </Filter>\n                </FilterLine>\n              </FilterArea>\n            }\n          >\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Table\n              actions={tableActions}\n              columns={columns}\n              dataSource={rows}\n              fullWidth\n              loading={loading}\n              pagination={{\n                current: memberPage,\n                onChange: (page): void => {\n                  setMemberPage(page);\n                },\n                onChangePageSize: (pageSize): void => {\n                  setMemberPage(1);\n                  setMemberPageSize(pageSize);\n                },\n                pageSize: memberPageSize,\n                pageSizeLabel: '每頁筆數',\n                pageSizeOptions: MEMBER_PAGE_SIZE_OPTIONS,\n                renderResultSummary: (from, to, total): string =>\n                  `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                showPageSizeOptions: true,\n                total: memberTotalCount,\n              }}\n            />\n          </Section>\n        </SectionGroup>\n\n        <MemberDetailModal\n          managerProfile={detailManagerProfile}\n          member={detailMember}\n          memberships={detailMemberships}\n          onClose={closeDetail}\n          orgUnitsById={orgUnitsById}\n          positionsById={positionsById}\n          resolvedManager={detailResolvedManager}\n        />\n      </>\n  );\n}\n\nfunction MemberDetailModal({\n  managerProfile,\n  member,\n  memberships,\n  onClose,\n  orgUnitsById,\n  positionsById,\n  resolvedManager,\n}: {\n  readonly managerProfile: MemberProfileRecord | null;\n  readonly member: MemberProfileRecord | null;\n  readonly memberships: readonly MembershipRecord[];\n  readonly onClose: () => void;\n  readonly orgUnitsById: ReadonlyMap<string, OrgUnitRecord>;\n  readonly positionsById: ReadonlyMap<string, PositionRecord>;\n  readonly resolvedManager: ResolvedManagerRecord | null;\n}): ReactElement {\n  return (\n    <Modal\n      cancelText=\"關閉\"\n      confirmText=\"關閉\"\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={onClose}\n      open={Boolean(member)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={member?.name ?? '會員明細'}\n    >\n      {member ? (\n        <div className={styles.detailFields}>\n          <BaseCard title=\"基本資料\">\n            <div className={styles.detailSection}>\n              <Typography variant=\"body\">信箱：{member.email}</Typography>\n            </div>\n          </BaseCard>\n          <BaseCard title=\"BPM 組織歸屬\">\n            <div className={styles.membershipList}>\n              {memberships.length ? (\n                memberships.map((membership) => (\n                  <Typography key={membership.id} variant=\"body\">\n                    {readOrgUnitLabel(orgUnitsById.get(membership.orgUnitId))}\n                    {' / '}\n                    {membership.positionId\n                      ? readPositionLabel(\n                          positionsById.get(membership.positionId),\n                        )\n                      : '未指定職位'}\n                    {' / '}\n                    {membership.isPrimary ? '主要' : '一般'}\n                  </Typography>\n                ))\n              ) : (\n                <Typography color=\"text-neutral\" variant=\"body\">\n                  尚未建立 BPM 組織歸屬\n                </Typography>\n              )}\n            </div>\n          </BaseCard>\n          <BaseCard title=\"主管解析\">\n            <Typography variant=\"body\">\n              {resolvedManager?.managerMemberId\n                ? readMemberLabel(managerProfile)\n                : '尚未解析到主管'}\n            </Typography>\n          </BaseCard>\n        </div>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction readOrgUnitLabel(orgUnit: OrgUnitRecord | undefined): string {\n  return orgUnit ? `${orgUnit.name} · ${orgUnit.code}` : '未知組織';\n}\n\nfunction readPositionLabel(position: PositionRecord | undefined): string {\n  return position ? `${position.name} · ${position.code}` : '未知職位';\n}\n\nfunction readMemberLabel(member: MemberProfileRecord | null): string {\n  return member ? `${member.name} · ${member.email}` : '主管資料尚未載入';\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '讀取會員資料失敗。';\n}\n"],"mappings":"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"}

package/dist/components/approval-instance-list-page.d.ts

@@ -1,7 +1,6 @@
 import { ReactElement } from 'react';
 import { ApprovalInstanceState, ApprovalInstanceView } from '@rytass/bpm-core-client/workflow';
 export interface ApprovalInstanceListPageProps {
-    readonly activeHref: string;
     readonly defaultState: ApprovalInstanceState | null;
     readonly description: string;
     readonly emptyMessage: string;
@@ -15,4 +14,4 @@ export interface ApprovalInstanceListPageProps {
  * the standard BPM filter bar + paginated table and navigates to
  * `/instances/:id` on row action.
  */
-export declare function ApprovalInstanceListPage({ activeHref, defaultState, description, emptyMessage, searchPlaceholder, title, view, }: ApprovalInstanceListPageProps): ReactElement;
+export declare function ApprovalInstanceListPage({ defaultState, description, emptyMessage, searchPlaceholder, title, view, }: ApprovalInstanceListPageProps): ReactElement;

package/dist/components/bpm-notification-bell-button.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+export interface BPMNotificationBellButtonProps {
+    /** Override the aria-label / tooltip. Defaults to `通知中心`. */
+    readonly label?: string;
+}
+/**
+ * Drop-in notification bell. Reads the unread count from
+ * `<NotificationUnreadProvider>`, opens the BPM `<NotificationDrawer />`
+ * mounted by `<Providers>` (or `<BPMNextProviders>`) on click, and
+ * renders a small red badge with the unread count.
+ *
+ * Use this when the host navigation wants the BPM notification UX with
+ * minimum wiring. Hosts that need a fully custom button can skip this
+ * widget and consume `useNotificationDrawer()` + `useNotificationUnread()`
+ * directly to wire their own trigger.
+ *
+ * Visual: uses Mezzanine `NavigationIconButton` so the bell aligns with
+ * surrounding Mezzanine navigation chrome. The button is decoupled from
+ * the `<Navigation>` container — it does not require a Mezzanine
+ * navigation tree to render.
+ */
+export declare function BPMNotificationBellButton({ label, }?: BPMNotificationBellButtonProps): ReactElement;

package/dist/components/dashboard-page.d.ts

@@ -1,10 +1,7 @@
 import { ReactElement } from 'react';
-export interface DashboardPageProps {
-    readonly activeHref: string;
-}
 /**
  * Operator dashboard — shows pending/unread/active counts for the
  * currently-authenticated member. Reads {@link readWorkflowDashboardSummary}
  * and renders five metric tiles that navigate via {@link useRouterAdapter}.
  */
-export declare function DashboardPage({ activeHref }: DashboardPageProps): ReactElement;
+export declare function DashboardPage(): ReactElement;

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunks/app-navigation-KnlJCUp1.cjs"),t=require("./chunks/auth-provider-BV8Iiwfb.cjs"),n=require("./chunks/format-date-time-26_pFvv4.cjs"),r=require("./chunks/routes-config-2aKbWq2H.cjs"),i=require("./chunks/admin-pickers-Btvij1at.cjs"),a=require("./chunks/approval-instance-list-page-CVXgE2K3.cjs"),o=require("./chunks/bpm-form-field-Bc6k4ZEO.cjs"),s=require("./chunks/dashboard-page-CQNRbMkJ.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("@rytass/bpm-core-client/workflow"),d=require("@mezzanine-ui/react/moment"),f=require("@mezzanine-ui/react/Drawer");f=e.o(f,1);let p=require("@mezzanine-ui/react/NotificationCenter");p=e.o(p,1);var m=[`today`,`yesterday`,`past7Days`,`earlier`],h={earlier:`更早`,past7Days:`過去七天`,today:`今天`,yesterday:`昨天`},g=50;function _(){let n=t.a(),i=r.r(),{member:a}=t.n(),{close:o,isOpen:s}=e.a(),{refreshUnreadCount:d}=e.r(),_=a?.memberId??null,[x,S]=(0,c.useState)([]),[C,w]=(0,c.useState)(0),[T,E]=(0,c.useState)(1),[D,O]=(0,c.useState)(!1),[k,A]=(0,c.useState)(!1),[j,M]=(0,c.useState)(null),[N,P]=(0,c.useState)(`all`),F=(0,c.useCallback)(async(e,t)=>{if(_){O(!0),M(null);try{let n=await(0,u.listNotifications)({includeRead:!0,page:e,pageSize:g,recipientMemberId:_});S(e=>t?[...e,...n.notifications]:n.notifications),w(n.totalCount),E(e),await d()}catch(e){M(b(e))}finally{O(!1)}}},[_,d]);(0,c.useEffect)(()=>{!s||!_||F(1,!1)},[s,_,F]);let I=(0,c.useCallback)(e=>{let t=e.target.value;(t===`all`||t===`read`||t===`unread`)&&P(t)},[]),L=(0,c.useCallback)(async()=>{if(!(!_||k)){A(!0),M(null);try{await(0,u.markAllNotificationsRead)({recipientMemberId:_}),await F(1,!1)}catch(e){M(b(e))}finally{A(!1)}}},[k,_,F]),R=(0,c.useCallback)(()=>{D||F(T+1,!0)},[D,F,T]),z=(0,c.useCallback)(async e=>{if(_)try{await(0,u.markNotificationRead)({id:e,readerMemberId:_}),await F(1,!1)}catch(e){M(b(e))}},[_,F]),B=(0,c.useCallback)(async e=>{if(!(!e.instanceId||!_))try{e.status!==`READ`&&(await(0,u.markNotificationRead)({id:e.id,readerMemberId:_}),await d()),o(),n.push(i.caseDetail(e.instanceId))}catch(e){M(b(e))}},[o,_,d,n,i]),V=(0,c.useMemo)(()=>x.filter(e=>N===`all`?!0:N===`read`?e.status===`READ`:e.status!==`READ`),[N,x]),H=(0,c.useMemo)(()=>{let e=new Date,t=m.reduce((e,t)=>(e[t]=[],e),{earlier:[],past7Days:[],today:[],yesterday:[]});return V.forEach(n=>{t[y(n.createdAt,e)].push(n)}),m.map(e=>[e,t[e]]).filter(([,e])=>e.length>0)},[V]),U=x.length<C;return _?(0,l.jsx)(f.default,{bottomGhostActionDisabled:k||D,bottomGhostActionLoading:k,bottomGhostActionText:`全部標為已讀`,bottomOnGhostActionClick:()=>{L()},bottomOnPrimaryActionClick:()=>{R()},bottomPrimaryActionDisabled:!U||D,bottomPrimaryActionLoading:D&&U,bottomPrimaryActionText:U?`載入更多`:`已顯示全部`,contentKey:`${N}:${x.length}`,filterAreaAllRadioLabel:`全部`,filterAreaOnRadioChange:I,filterAreaReadRadioLabel:`已讀`,filterAreaShow:!0,filterAreaUnreadRadioLabel:`未讀`,filterAreaValue:N,headerTitle:`通知中心`,isBottomDisplay:!0,isHeaderDisplay:!0,onClose:o,open:s,size:`medium`,children:(0,l.jsxs)(`div`,{role:`list`,children:[j?(0,l.jsx)(`p`,{role:`alert`,style:{color:`var(--mzn-color-text-error, #d92d20)`,padding:`12px 16px`},children:j}):null,H.length===0?(0,l.jsx)(`p`,{style:{color:`var(--mzn-color-text-secondary, #6b7280)`,padding:`24px 16px`,textAlign:`center`},children:D?`載入中…`:`目前沒有通知`}):null,H.map(([e,t],n)=>(0,l.jsx)(c.Fragment,{children:t.map((r,i)=>(0,l.jsx)(p.default,{appendTips:n===H.length-1&&i===t.length-1&&!U?`已顯示全部通知`:void 0,cancelButtonText:r.status===`READ`?void 0:`標為已讀`,description:r.body,onCancel:r.status===`READ`?void 0:()=>{z(r.id)},onConfirm:r.instanceId?()=>{B(r)}:void 0,confirmButtonText:r.instanceId?`查看案件`:void 0,prependTips:i===0?h[e]:void 0,reference:r.id,severity:v(r.type),showBadge:r.status!==`READ`,timeStamp:r.createdAt,title:r.title,type:`drawer`},r.id))},e))]})}):null}function v(e){return e===`SLA_OVERDUE`?`error`:e===`SLA_WARNING`?`warning`:e===`INSTANCE_COMPLETED`?`success`:`info`}function y(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());if(i.getTime()===r.getTime())return`today`;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 b(e){return e instanceof Error?e.message:`發生未知錯誤`}function x({children:n,locale:r=d.CalendarLocale.ZH_TW,publicPaths:i,loginPath:a}){return(0,l.jsx)(d.CalendarConfigProviderMoment,{locale:r,children:(0,l.jsx)(t.t,{publicPaths:i,loginPath:a,children:(0,l.jsx)(e.n,{children:(0,l.jsxs)(e.i,{children:[n,(0,l.jsx)(_,{})]})})})})}exports.AppLayout=e.t,exports.ApprovalInstanceListPage=a.t,exports.AuthProvider=t.t,exports.BPMFormField=o.t,exports.BPMRoutesProvider=r.t,exports.DashboardPage=s.t,exports.MemberPicker=i.t,exports.NotificationDrawer=_,exports.NotificationDrawerProvider=e.i,exports.NotificationUnreadProvider=e.n,exports.OrgUnitPicker=i.n,exports.PositionPicker=i.r,exports.Providers=x,exports.RouterAdapterProvider=t.r,exports.createDefaultBPMRoutes=r.n,exports.defaultBrowserSearchParams=t.i,exports.formatDateTime=n.t,exports.readMemberOption=i.i,exports.readOrgUnitOption=i.a,exports.readPositionOption=i.o,exports.useAuth=t.n,exports.useBPMRoutes=r.r,exports.useNotificationDrawer=e.a,exports.useNotificationUnread=e.r,exports.useRouterAdapter=t.a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});require('./index.css');const e=require("./chunks/chunk-CMqjfN_6.cjs"),t=require("./chunks/router-adapter--gYs13E8.cjs"),n=require("./chunks/auth-provider-4BeCw7cI.cjs"),r=require("./chunks/format-date-time-XxBzF0F5.cjs"),i=require("./chunks/routes-config-2aKbWq2H.cjs"),a=require("./chunks/admin-pickers-Btvij1at.cjs"),o=require("./chunks/approval-instance-list-page-C5ZKPHdA.cjs"),s=require("./chunks/bpm-form-field-Bc6k4ZEO.cjs"),c=require("./chunks/dashboard-page-CddG1MnK.cjs");let l=require("react"),u=require("@mezzanine-ui/react"),d=require("react/jsx-runtime"),f=require("@rytass/bpm-core-client/workflow"),p=require("@mezzanine-ui/react/moment"),m=require("@mezzanine-ui/react/Drawer");m=e.t(m,1);let h=require("@mezzanine-ui/react/NotificationCenter");h=e.t(h,1);let g=require("@mezzanine-ui/icons");var _=(0,l.createContext)(null);function v({children:e}){let[t,n]=(0,l.useState)(!1),r=(0,l.useCallback)(()=>{n(!0)},[]),i=(0,l.useCallback)(()=>{n(!1)},[]),a=(0,l.useCallback)(()=>{n(e=>!e)},[]),o=(0,l.useMemo)(()=>({close:i,isOpen:t,open:r,toggle:a}),[i,t,r,a]);return(0,d.jsx)(_.Provider,{value:o,children:e})}function y(){return(0,l.useContext)(_)||{close:()=>void 0,isOpen:!1,open:()=>void 0,toggle:()=>void 0}}var b=(0,l.createContext)(null);function x({children:e}){let{member:t}=n.n(),r=t?.memberId??null,[i,a]=(0,l.useState)(0),o=(0,l.useCallback)(async()=>{if(!r)return a(0),0;let e=await(0,f.readUnreadNotificationCount)(r);return a(e),e},[r]);(0,l.useEffect)(()=>{let e=!0;return(async()=>{try{let t=await o();e&&a(t)}catch{e&&a(0)}})(),()=>{e=!1}},[o]);let s=(0,l.useMemo)(()=>({refreshUnreadCount:o,unreadCount:i}),[o,i]);return(0,d.jsx)(b.Provider,{value:s,children:e})}function S(){return(0,l.useContext)(b)||{refreshUnreadCount:async()=>0,unreadCount:0}}var C=[`today`,`yesterday`,`past7Days`,`earlier`],w={earlier:`更早`,past7Days:`過去七天`,today:`今天`,yesterday:`昨天`},T=50;function E(){let e=t.r(),r=i.r(),{member:a}=n.n(),{close:o,isOpen:s}=y(),{refreshUnreadCount:c}=S(),u=a?.memberId??null,[p,g]=(0,l.useState)([]),[_,v]=(0,l.useState)(0),[b,x]=(0,l.useState)(1),[E,A]=(0,l.useState)(!1),[j,M]=(0,l.useState)(!1),[N,P]=(0,l.useState)(null),[F,I]=(0,l.useState)(`all`),L=(0,l.useCallback)(async(e,t)=>{if(u){A(!0),P(null);try{let n=await(0,f.listNotifications)({includeRead:!0,page:e,pageSize:T,recipientMemberId:u});g(e=>t?[...e,...n.notifications]:n.notifications),v(n.totalCount),x(e),await c()}catch(e){P(k(e))}finally{A(!1)}}},[u,c]);(0,l.useEffect)(()=>{!s||!u||L(1,!1)},[s,u,L]);let R=(0,l.useCallback)(e=>{let t=e.target.value;(t===`all`||t===`read`||t===`unread`)&&I(t)},[]),z=(0,l.useCallback)(async()=>{if(!(!u||j)){M(!0),P(null);try{await(0,f.markAllNotificationsRead)({recipientMemberId:u}),await L(1,!1)}catch(e){P(k(e))}finally{M(!1)}}},[j,u,L]),B=(0,l.useCallback)(()=>{E||L(b+1,!0)},[E,L,b]),V=(0,l.useCallback)(async e=>{if(u)try{await(0,f.markNotificationRead)({id:e,readerMemberId:u}),await L(1,!1)}catch(e){P(k(e))}},[u,L]),H=(0,l.useCallback)(async t=>{if(!(!t.instanceId||!u))try{t.status!==`READ`&&(await(0,f.markNotificationRead)({id:t.id,readerMemberId:u}),await c()),o(),e.push(r.caseDetail(t.instanceId))}catch(e){P(k(e))}},[o,u,c,e,r]),U=(0,l.useMemo)(()=>p.filter(e=>F===`all`?!0:F===`read`?e.status===`READ`:e.status!==`READ`),[F,p]),W=(0,l.useMemo)(()=>{let e=new Date,t=C.reduce((e,t)=>(e[t]=[],e),{earlier:[],past7Days:[],today:[],yesterday:[]});return U.forEach(n=>{t[O(n.createdAt,e)].push(n)}),C.map(e=>[e,t[e]]).filter(([,e])=>e.length>0)},[U]),G=p.length<_;return u?(0,d.jsx)(m.default,{bottomGhostActionDisabled:j||E,bottomGhostActionLoading:j,bottomGhostActionText:`全部標為已讀`,bottomOnGhostActionClick:()=>{z()},bottomOnPrimaryActionClick:()=>{B()},bottomPrimaryActionDisabled:!G||E,bottomPrimaryActionLoading:E&&G,bottomPrimaryActionText:G?`載入更多`:`已顯示全部`,contentKey:`${F}:${p.length}`,filterAreaAllRadioLabel:`全部`,filterAreaOnRadioChange:R,filterAreaReadRadioLabel:`已讀`,filterAreaShow:!0,filterAreaUnreadRadioLabel:`未讀`,filterAreaValue:F,headerTitle:`通知中心`,isBottomDisplay:!0,isHeaderDisplay:!0,onClose:o,open:s,size:`medium`,children:(0,d.jsxs)(`div`,{role:`list`,children:[N?(0,d.jsx)(`p`,{role:`alert`,style:{color:`var(--mzn-color-text-error, #d92d20)`,padding:`12px 16px`},children:N}):null,W.length===0?(0,d.jsx)(`p`,{style:{color:`var(--mzn-color-text-secondary, #6b7280)`,padding:`24px 16px`,textAlign:`center`},children:E?`載入中…`:`目前沒有通知`}):null,W.map(([e,t],n)=>(0,d.jsx)(l.Fragment,{children:t.map((r,i)=>(0,d.jsx)(h.default,{appendTips:n===W.length-1&&i===t.length-1&&!G?`已顯示全部通知`:void 0,cancelButtonText:r.status===`READ`?void 0:`標為已讀`,description:r.body,onCancel:r.status===`READ`?void 0:()=>{V(r.id)},onConfirm:r.instanceId?()=>{H(r)}:void 0,confirmButtonText:r.instanceId?`查看案件`:void 0,prependTips:i===0?w[e]:void 0,reference:r.id,severity:D(r.type),showBadge:r.status!==`READ`,timeStamp:r.createdAt,title:r.title,type:`drawer`},r.id))},e))]})}):null}function D(e){return e===`SLA_OVERDUE`?`error`:e===`SLA_WARNING`?`warning`:e===`INSTANCE_COMPLETED`?`success`:`info`}function O(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());if(i.getTime()===r.getTime())return`today`;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 k(e){return e instanceof Error?e.message:`發生未知錯誤`}function A({children:e,locale:t=p.CalendarLocale.ZH_TW,publicPaths:r,loginPath:i}){return(0,d.jsx)(p.CalendarConfigProviderMoment,{locale:t,children:(0,d.jsx)(n.t,{publicPaths:r,loginPath:i,children:(0,d.jsx)(x,{children:(0,d.jsxs)(v,{children:[e,(0,d.jsx)(E,{})]})})})})}function j(){let{logout:e}=n.n();return e}function M(){let{member:e}=n.n();return e}var N={root:`bpm_root_jl5S-`,badge:`bpm_badge_SIKJk`};function P({label:e=`通知中心`}={}){let{open:t}=y(),{unreadCount:n}=S(),r=n>0?`${e}，${n} 則未讀`:e;return(0,d.jsxs)(`span`,{className:N.root,children:[(0,d.jsx)(u.NavigationIconButton,{"aria-label":r,icon:g.NotificationUnreadIcon,onClick:()=>{t()},title:e,type:`button`}),n>0?(0,d.jsx)(`span`,{className:N.badge,children:n>99?`99+`:n}):null]})}exports.ApprovalInstanceListPage=o.t,exports.AuthProvider=n.t,exports.BPMFormField=s.t,exports.BPMNotificationBellButton=P,exports.BPMRoutesProvider=i.t,exports.DashboardPage=c.t,exports.MemberPicker=a.t,exports.NotificationDrawer=E,exports.NotificationDrawerProvider=v,exports.NotificationUnreadProvider=x,exports.OrgUnitPicker=a.n,exports.PositionPicker=a.r,exports.Providers=A,exports.RouterAdapterProvider=t.t,exports.createDefaultBPMRoutes=i.n,exports.defaultBrowserSearchParams=t.n,exports.formatDateTime=r.t,exports.readMemberOption=a.i,exports.readOrgUnitOption=a.a,exports.readPositionOption=a.o,exports.useAuth=n.n,exports.useBPMLogout=j,exports.useBPMMember=M,exports.useBPMRoutes=i.r,exports.useNotificationDrawer=y,exports.useNotificationUnread=S,exports.useRouterAdapter=t.r;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","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.cjs","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":"m2BAmBA,IAAM,GAAA,EAAA,EAAA,eACiD,IAAI,EAgB3D,SAAgB,EAA2B,CACzC,YACgD,CAChD,GAAM,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAsB,EAAK,EAEpC,GAAA,EAAA,EAAA,iBAA+B,CACnC,EAAU,EAAI,CAChB,EAAG,CAAC,CAAC,EACC,GAAA,EAAA,EAAA,iBAAgC,CACpC,EAAU,EAAK,CACjB,EAAG,CAAC,CAAC,EACC,GAAA,EAAA,EAAA,iBAAiC,CACrC,EAAW,GAAY,CAAC,CAAO,CACjC,EAAG,CAAC,CAAC,EAEC,GAAA,EAAA,EAAA,cACG,CAAE,QAAO,SAAQ,OAAM,QAAO,GACrC,CAAC,EAAO,EAAQ,EAAM,CAAM,CAC9B,EAEA,OACE,EAAA,EAAA,KAAC,EAA0B,SAA3B,CAA2C,QACxC,UACiC,CAAA,CAExC,CAMA,SAAgB,GAAwD,CAUtE,OATM,EAAA,EAAA,YAAqB,CACtB,GACI,CACL,UAAmB,IAAA,GACnB,OAAQ,GACR,SAAkB,IAAA,GAClB,WAAoB,IAAA,EACtB,CAGJ,CC1DA,IAAM,GAAA,EAAA,EAAA,eACiD,IAAI,EAe3D,SAAgB,EAA2B,CACzC,YACgD,CAChD,GAAM,CAAE,UAAW,EAAA,EAAQ,EACrB,EAAkB,GAAQ,UAAY,KACtC,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,CAAC,EAE1C,GAAA,EAAA,EAAA,aAAiC,SAA6B,CAClE,GAAI,CAAC,EAEH,OADA,EAAe,CAAC,EACT,EAET,IAAM,EAAO,MAAA,EAAA,EAAA,6BAAkC,CAAe,EAE9D,OADA,EAAe,CAAI,EACZ,CACT,EAAG,CAAC,CAAe,CAAC,GAEpB,EAAA,EAAA,eAA8B,CAC5B,IAAI,EAAS,GASb,OARM,SAAY,CAChB,GAAI,CACF,IAAM,EAAO,MAAM,EAAmB,EAClC,GAAQ,EAAe,CAAI,CACjC,MAAQ,CACF,GAAQ,EAAe,CAAC,CAC9B,CACF,GAAG,MACgB,CACjB,EAAS,EACX,CACF,EAAG,CAAC,CAAkB,CAAC,EAEvB,IAAM,GAAA,EAAA,EAAA,cACG,CAAE,qBAAoB,aAAY,GACzC,CAAC,EAAoB,CAAW,CAClC,EAEA,OACE,EAAA,EAAA,KAAC,EAA0B,SAA3B,CAA2C,QACxC,UACiC,CAAA,CAExC,CAOA,SAAgB,GAAwD,CAQtE,OAPM,EAAA,EAAA,YAAqB,CACtB,GACI,CACL,mBAAoB,SAA6B,EACjD,YAAa,CACf,CAGJ,CC/DA,IAAM,EAAyC,CAC7C,QACA,YACA,YACA,SACF,EAEM,EAAwD,CAC5D,QAAS,KACT,UAAW,OACX,MAAO,KACP,UAAW,IACb,EAEM,EAAY,GAUlB,SAAgB,GAA0C,CACxD,IAAM,EAAS,EAAA,EAAiB,EAC1B,EAAS,EAAA,EAAa,EACtB,CAAE,UAAW,EAAA,EAAQ,EACrB,CAAE,QAAO,UAAW,EAAsB,EAC1C,CAAE,sBAAuB,EAAsB,EAC/C,EAAkB,GAAQ,UAAY,KACtC,CAAC,EAAM,IAAA,EAAA,EAAA,UAAmD,CAAC,CAAC,EAC5D,CAAC,EAAY,IAAA,EAAA,EAAA,UAA0B,CAAC,EACxC,CAAC,EAAM,IAAA,EAAA,EAAA,UAAoB,CAAC,EAC5B,CAAC,EAAS,IAAA,EAAA,EAAA,UAAuB,EAAK,EACtC,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,EAAK,EAC9C,CAAC,EAAO,IAAA,EAAA,EAAA,UAAoC,IAAI,EAChD,CAAC,EAAQ,IAAA,EAAA,EAAA,UAAmC,KAAK,EAEjD,GAAA,EAAA,EAAA,aACJ,MAAO,EAAkB,IAAmC,CACrD,KAEL,CADA,EAAW,EAAI,EACf,EAAS,IAAI,EACb,GAAI,CACF,IAAM,EAAS,MAAA,EAAA,EAAA,mBAAwB,CACrC,YAAa,GACb,KAAM,EACN,SAAU,EACV,kBAAmB,CACrB,CAAC,EACD,EAAS,GACP,EAAS,CAAC,GAAG,EAAS,GAAG,EAAO,aAAa,EAAI,EAAO,aAC1D,EACA,EAAc,EAAO,UAAU,EAC/B,EAAQ,CAAQ,EAChB,MAAM,EAAmB,CAC3B,OAAS,EAAY,CACnB,EAAS,EAAiB,CAAC,CAAC,CAC9B,QAAU,CACR,EAAW,EAAK,CAClB,CAlBa,CAmBf,EACA,CAAC,EAAiB,CAAkB,CACtC,GAEA,EAAA,EAAA,eAAsB,CAChB,CAAC,GAAU,CAAC,GAChB,EAAc,EAAG,EAAK,CACxB,EAAG,CAAC,EAAQ,EAAiB,CAAQ,CAAC,EAEtC,IAAM,GAAA,EAAA,EAAA,aACH,GAA+C,CAC9C,IAAM,EAAO,EAAM,OAAO,OACtB,IAAS,OAAS,IAAS,QAAU,IAAS,WAAU,EAAU,CAAI,CAC5E,EACA,CAAC,CACH,EAEM,GAAA,EAAA,EAAA,aAAgC,SAA2B,CAC3D,MAAC,GAAmB,GAExB,CADA,EAAe,EAAI,EACnB,EAAS,IAAI,EACb,GAAI,CACF,MAAA,EAAA,EAAA,0BAA+B,CAAE,kBAAmB,CAAgB,CAAC,EACrE,MAAM,EAAS,EAAG,EAAK,CACzB,OAAS,EAAY,CACnB,EAAS,EAAiB,CAAC,CAAC,CAC9B,QAAU,CACR,EAAe,EAAK,CACtB,CARa,CASf,EAAG,CAAC,EAAa,EAAiB,CAAQ,CAAC,EAErC,GAAA,EAAA,EAAA,iBAAyC,CACzC,GACJ,EAAc,EAAO,EAAG,EAAI,CAC9B,EAAG,CAAC,EAAS,EAAU,CAAI,CAAC,EAEtB,GAAA,EAAA,EAAA,aACJ,KAAO,IAA8B,CAC9B,KACL,GAAI,CACF,MAAA,EAAA,EAAA,sBAA2B,CAAE,KAAI,eAAgB,CAAgB,CAAC,EAClE,MAAM,EAAS,EAAG,EAAK,CACzB,OAAS,EAAY,CACnB,EAAS,EAAiB,CAAC,CAAC,CAC9B,CACF,EACA,CAAC,EAAiB,CAAQ,CAC5B,EAEM,GAAA,EAAA,EAAA,aACJ,KAAO,IAA8C,CAC/C,MAAC,EAAO,YAAc,CAAC,GAC3B,GAAI,CACE,EAAO,SAAW,SACpB,MAAA,EAAA,EAAA,sBAA2B,CACzB,GAAI,EAAO,GACX,eAAgB,CAClB,CAAC,EACD,MAAM,EAAmB,GAE3B,EAAM,EACN,EAAO,KAAK,EAAO,WAAW,EAAO,UAAU,CAAC,CAClD,OAAS,EAAY,CACnB,EAAS,EAAiB,CAAC,CAAC,CAC9B,CACF,EACA,CAAC,EAAO,EAAiB,EAAoB,EAAQ,CAAM,CAC7D,EAEM,GAAA,EAAA,EAAA,aAEF,EAAK,OAAQ,GACP,IAAW,MAAc,GACzB,IAAW,OAAe,EAAI,SAAW,OACtC,EAAI,SAAW,MACvB,EACH,CAAC,EAAQ,CAAI,CACf,EAEM,GAAA,EAAA,EAAA,aACsE,CACxE,IAAM,EAAM,IAAI,KACV,EAAU,EAAiB,QAG9B,EAAa,KACZ,EAAY,GAAS,CAAC,EACf,GAET,CAAE,QAAS,CAAC,EAAG,UAAW,CAAC,EAAG,MAAO,CAAC,EAAG,UAAW,CAAC,CAAE,CACzD,EAIA,OAHA,EAAa,QAAS,GAAc,CAClC,EAAQ,EAAiB,EAAI,UAAW,CAAG,GAAG,KAAK,CAAG,CACxD,CAAC,EACM,EAAiB,IACrB,GAAU,CAAC,EAAO,EAAQ,EAAM,CACnC,EAAE,QAAQ,EAAG,KAAW,EAAM,OAAS,CAAC,CAC1C,EACA,CAAC,CAAY,CACf,EAEM,EAAU,EAAK,OAAS,EAI9B,OAFK,GAGH,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,0BAA2B,GAAe,EAC1C,yBAA0B,EAC1B,sBAAsB,SACtB,6BAAsC,CACpC,EAAuB,CACzB,EACA,+BAAwC,CACtC,EAAe,CACjB,EACA,4BAA6B,CAAC,GAAW,EACzC,2BAA4B,GAAW,EACvC,wBAAyB,EAAU,OAAS,QAC5C,WAAY,GAAG,EAAO,GAAG,EAAK,SAC9B,wBAAwB,KACxB,wBAAyB,EACzB,yBAAyB,KACzB,eAAA,GACA,2BAA2B,KAC3B,gBAAiB,EACjB,YAAY,OACZ,gBAAA,GACA,gBAAA,GACA,QAAS,EACT,KAAM,EACN,KAAK,mBAEL,EAAA,EAAA,MAAC,MAAD,CAAK,KAAK,gBAAV,CACG,GACC,EAAA,EAAA,KAAC,IAAD,CACE,KAAK,QACL,MAAO,CACL,MAAO,uCACP,QAAS,WACX,WAEC,CACA,CAAA,EACD,KACH,EAAY,SAAW,GACtB,EAAA,EAAA,KAAC,IAAD,CACE,MAAO,CACL,MAAO,2CACP,QAAS,YACT,UAAW,QACb,WAEC,EAAU,OAAS,QACnB,CAAA,EACD,KACH,EAAY,KAAK,CAAC,EAAO,GAAQ,KAChC,EAAA,EAAA,KAAC,EAAA,SAAD,CAAA,SACG,EAAM,KAAK,EAAQ,KAClB,EAAA,EAAA,KAAC,EAAA,QAAD,CACE,WACE,IAAe,EAAY,OAAS,GACpC,IAAc,EAAM,OAAS,GAC7B,CAAC,EACG,UACA,IAAA,GAEN,iBACE,EAAO,SAAW,OAAkB,IAAA,GAAT,OAE7B,YAAa,EAAO,KAEpB,SACE,EAAO,SAAW,OAId,IAAA,OAHY,CACV,EAAoB,EAAO,EAAE,CAC/B,EAGN,UACE,EAAO,eACS,CACV,EAAwB,CAAM,CAChC,EACA,IAAA,GAEN,kBAAmB,EAAO,WAAa,OAAS,IAAA,GAChD,YAAa,IAAc,EAAI,EAAiB,GAAS,IAAA,GACzD,UAAW,EAAO,GAClB,SAAU,EAAW,EAAO,IAAI,EAChC,UAAW,EAAO,SAAW,OAC7B,UAAW,EAAO,UAClB,MAAO,EAAO,MACd,KAAK,QACN,EAvBM,EAAO,EAuBb,CACF,CACO,EAvCK,CAuCL,CACX,CACE,GACC,CAAA,EAhGmB,IAkG/B,CAEA,SAAS,EAAW,EAA8C,CAIhE,OAHI,IAAS,cAAsB,QAC/B,IAAS,cAAsB,UAC/B,IAAS,qBAA6B,UACnC,MACT,CAEA,SAAS,EAAiB,EAAe,EAAsB,CAC7D,IAAM,EAAmB,IAAI,KAAK,CAAK,EACvC,GAAI,OAAO,MAAM,EAAiB,QAAQ,CAAC,EAAG,MAAO,UACrD,IAAM,EAAgB,IAAI,KAAK,EAAI,YAAY,EAAG,EAAI,SAAS,EAAG,EAAI,QAAQ,CAAC,EACzE,EAAyB,IAAI,KACjC,EAAiB,YAAY,EAC7B,EAAiB,SAAS,EAC1B,EAAiB,QAAQ,CAC3B,EACA,GAAI,EAAuB,QAAQ,IAAM,EAAc,QAAQ,EAAG,MAAO,QACzE,IAAM,EAAsB,IAAI,KAAK,CAAa,EAOlD,OANA,EAAoB,QAAQ,EAAoB,QAAQ,EAAI,CAAC,EACzD,EAAuB,QAAQ,IAAM,EAAoB,QAAQ,EAC5D,aAEN,EAAI,QAAQ,EAAI,EAAiB,QAAQ,IAAM,IAAO,GAAK,GAAK,KACjD,EAAU,YACrB,SACT,CAEA,SAAS,EAAiB,EAAwB,CAChD,OAAO,aAAiB,MAAQ,EAAM,QAAU,QAClD,CC7RA,SAAgB,EAAU,CACxB,WACA,SAAS,EAAA,eAAe,MACxB,cACA,aAC+B,CAC/B,OACE,EAAA,EAAA,KAAC,EAAA,6BAAD,CAAsC,mBACpC,EAAA,EAAA,KAAC,EAAA,EAAD,CAA2B,cAAwB,sBACjD,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,CACG,GACD,EAAA,EAAA,KAAC,EAAD,CAAqB,CAAA,CACK,CAAA,CAAA,CACF,CAAA,CAChB,CAAA,CACc,CAAA,CAElC,CC3CA,SAAgB,GAAoC,CAClD,GAAM,CAAE,UAAW,EAAA,EAAQ,EAC3B,OAAO,CACT,CCJA,SAAgB,GAAiC,CAC/C,GAAM,CAAE,UAAW,EAAA,EAAQ,EAC3B,OAAO,CACT,uDEaA,SAAgB,EAA0B,CACxC,QAAQ,QAC0B,CAAC,EAAiB,CACpD,GAAM,CAAE,QAAS,EAAsB,EACjC,CAAE,eAAgB,EAAsB,EACxC,EAAY,EAAc,EAAI,GAAG,EAAM,GAAG,EAAY,MAAQ,EACpE,OACE,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAO,cAAxB,EACE,EAAA,EAAA,KAAC,EAAA,qBAAD,CACE,aAAY,EACZ,KAAM,EAAA,uBACN,YAAqB,CACnB,EAAK,CACP,EACA,MAAO,EACP,KAAK,QACN,CAAA,EACA,EAAc,GACb,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAO,eACrB,EAAc,GAAK,MAAQ,CACxB,CAAA,EACJ,IACA,GAEV"}

package/dist/index.css

@@ -0,0 +1 @@
+.bpm_root_jl5S-{display:inline-flex;position:relative}.bpm_badge_SIKJk{color:#fff;pointer-events:none;background:#d92d20;border:1px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:-4px;right:-4px}

package/dist/index.d.ts

@@ -5,9 +5,11 @@ export * from './lib/notification-unread-provider';
 export * from './lib/providers';
 export * from './lib/router-adapter';
 export * from './lib/routes-config';
+export * from './lib/use-bpm-logout';
+export * from './lib/use-bpm-member';
 export * from './components/admin-pickers';
-export * from './components/app-navigation';
 export * from './components/approval-instance-list-page';
 export * from './components/bpm-form-field';
+export * from './components/bpm-notification-bell-button';
 export * from './components/dashboard-page';
 export * from './components/notification-drawer';