@rytass/bpm-core-react 0.2.0 → 0.3.0

package/dist/chunks/{AdminUsersView-C0oO05Br.js → users-itVXXRj7.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./app-navigation-CATITRM7.js";
+import { t as e } from "./app-navigation-rxhpHCch.js";
 import { useCallback as t, useEffect as n, useMemo as r, useState as i } from "react";
 import { BaseCard as a, Filter as o, FilterArea as s, FilterLine as c, FormField as l, Input as ee, Layout as u, Modal as d, PageHeader as te, Section as f, SectionGroup as p, Table as m, Typography as h } from "@mezzanine-ui/react";
 import { listMemberDirectoryPage as g, resolveMembers as _ } from "@rytass/bpm-core-client";
@@ -7,7 +7,7 @@ import { jsx as v, jsxs as y } from "react/jsx-runtime";
 import ne 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 '../AdminUsersView.css';var w = {
+import '../users.css';var w = {
 	memberFilterArea: "bpm_memberFilterArea_9RB2k",
 	header: "bpm_header_sIEtg",
 	detailFields: "bpm_detailFields_TyKNL",
@@ -212,4 +212,4 @@ function j(e) {
 //#endregion
 export { E as t };
 
-//# sourceMappingURL=AdminUsersView-C0oO05Br.js.map
+//# sourceMappingURL=users-itVXXRj7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"users-itVXXRj7.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  Layout,\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 { AppNavigation } from '../../../components/app-navigation';\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\nexport interface AdminUsersViewProps {\n  readonly activeHref?: string;\n}\n\nexport function AdminUsersView({\n  activeHref = '/admin/users',\n}: AdminUsersViewProps = {}): 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    <Layout>\n      <AppNavigation activeHref={activeHref} />\n\n      <Layout.Main>\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      </Layout.Main>\n    </Layout>\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/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunks/app-navigation-DAC5gFbG.cjs"),t=require("./chunks/router-adapter-BybHrCNP.cjs"),n=require("./chunks/auth-provider-D2P-qWmY.cjs"),r=require("./chunks/format-date-time-BQyH5U8z.cjs"),i=require("./chunks/admin-pickers-Btvij1at.cjs"),a=require("./chunks/approval-instance-list-page-DIAmwhvl.cjs"),o=require("./chunks/bpm-form-field-Bc6k4ZEO.cjs"),s=require("./chunks/dashboard-page-udYhnyMW.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 r=t.r(),{member:i}=n.n(),{close:a,isOpen:o}=e.a(),{refreshUnreadCount:s}=e.r(),d=i?.memberId??null,[_,x]=(0,c.useState)([]),[S,C]=(0,c.useState)(0),[w,T]=(0,c.useState)(1),[E,D]=(0,c.useState)(!1),[O,k]=(0,c.useState)(!1),[A,j]=(0,c.useState)(null),[M,N]=(0,c.useState)(`all`),P=(0,c.useCallback)(async(e,t)=>{if(d){D(!0),j(null);try{let n=await(0,u.listNotifications)({includeRead:!0,page:e,pageSize:g,recipientMemberId:d});x(e=>t?[...e,...n.notifications]:n.notifications),C(n.totalCount),T(e),await s()}catch(e){j(b(e))}finally{D(!1)}}},[d,s]);(0,c.useEffect)(()=>{!o||!d||P(1,!1)},[o,d,P]);let F=(0,c.useCallback)(e=>{let t=e.target.value;(t===`all`||t===`read`||t===`unread`)&&N(t)},[]),I=(0,c.useCallback)(async()=>{if(!(!d||O)){k(!0),j(null);try{await(0,u.markAllNotificationsRead)({recipientMemberId:d}),await P(1,!1)}catch(e){j(b(e))}finally{k(!1)}}},[O,d,P]),L=(0,c.useCallback)(()=>{E||P(w+1,!0)},[E,P,w]),R=(0,c.useCallback)(async e=>{if(d)try{await(0,u.markNotificationRead)({id:e,readerMemberId:d}),await P(1,!1)}catch(e){j(b(e))}},[d,P]),z=(0,c.useCallback)(async e=>{if(!(!e.instanceId||!d))try{e.status!==`READ`&&(await(0,u.markNotificationRead)({id:e.id,readerMemberId:d}),await s()),a(),r.push(`/instances/${e.instanceId}`)}catch(e){j(b(e))}},[a,d,s,r]),B=(0,c.useMemo)(()=>_.filter(e=>M===`all`?!0:M===`read`?e.status===`READ`:e.status!==`READ`),[M,_]),V=(0,c.useMemo)(()=>{let e=new Date,t=m.reduce((e,t)=>(e[t]=[],e),{earlier:[],past7Days:[],today:[],yesterday:[]});return B.forEach(n=>{t[y(n.createdAt,e)].push(n)}),m.map(e=>[e,t[e]]).filter(([,e])=>e.length>0)},[B]),H=_.length<S;return d?(0,l.jsx)(f.default,{bottomGhostActionDisabled:O||E,bottomGhostActionLoading:O,bottomGhostActionText:`全部標為已讀`,bottomOnGhostActionClick:()=>{I()},bottomOnPrimaryActionClick:()=>{L()},bottomPrimaryActionDisabled:!H||E,bottomPrimaryActionLoading:E&&H,bottomPrimaryActionText:H?`載入更多`:`已顯示全部`,contentKey:`${M}:${_.length}`,filterAreaAllRadioLabel:`全部`,filterAreaOnRadioChange:F,filterAreaReadRadioLabel:`已讀`,filterAreaShow:!0,filterAreaUnreadRadioLabel:`未讀`,filterAreaValue:M,headerTitle:`通知中心`,isBottomDisplay:!0,isHeaderDisplay:!0,onClose:a,open:o,size:`medium`,children:(0,l.jsxs)(`div`,{role:`list`,children:[A?(0,l.jsx)(`p`,{role:`alert`,style:{color:`var(--mzn-color-text-error, #d92d20)`,padding:`12px 16px`},children:A}):null,V.length===0?(0,l.jsx)(`p`,{style:{color:`var(--mzn-color-text-secondary, #6b7280)`,padding:`24px 16px`,textAlign:`center`},children:E?`載入中…`:`目前沒有通知`}):null,V.map(([e,t],n)=>(0,l.jsx)(c.Fragment,{children:t.map((r,i)=>(0,l.jsx)(p.default,{appendTips:n===V.length-1&&i===t.length-1&&!H?`已顯示全部通知`:void 0,cancelButtonText:r.status===`READ`?void 0:`標為已讀`,description:r.body,onCancel:r.status===`READ`?void 0:()=>{R(r.id)},onConfirm:r.instanceId?()=>{z(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:t,locale:r=d.CalendarLocale.ZH_TW,publicPaths:i,loginPath:a}){return(0,l.jsx)(d.CalendarConfigProviderMoment,{locale:r,children:(0,l.jsx)(n.t,{publicPaths:i,loginPath:a,children:(0,l.jsx)(e.n,{children:(0,l.jsxs)(e.i,{children:[t,(0,l.jsx)(_,{})]})})})})}exports.AppNavigation=e.t,exports.ApprovalInstanceListPage=a.t,exports.AuthProvider=n.t,exports.BPMFormField=o.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.t,exports.defaultBrowserSearchParams=t.n,exports.formatDateTime=r.t,exports.readMemberOption=i.i,exports.readOrgUnitOption=i.a,exports.readPositionOption=i.o,exports.useAuth=n.n,exports.useNotificationDrawer=e.a,exports.useNotificationUnread=e.r,exports.useRouterAdapter=t.r;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./chunks/app-navigation-BRRFCkxZ.cjs"),t=require("./chunks/auth-provider-BV8Iiwfb.cjs"),n=require("./chunks/format-date-time-hKLVMxq4.cjs"),r=require("./chunks/admin-pickers-Btvij1at.cjs"),i=require("./chunks/approval-instance-list-page-2vUWc5-c.cjs"),a=require("./chunks/bpm-form-field-Bc6k4ZEO.cjs"),o=require("./chunks/dashboard-page-DcDiWQp2.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("@rytass/bpm-core-client/workflow"),u=require("@mezzanine-ui/react/moment"),d=require("@mezzanine-ui/react/Drawer");d=e.o(d,1);let f=require("@mezzanine-ui/react/NotificationCenter");f=e.o(f,1);var p=[`today`,`yesterday`,`past7Days`,`earlier`],m={earlier:`更早`,past7Days:`過去七天`,today:`今天`,yesterday:`昨天`},h=50;function g(){let n=t.a(),{member:r}=t.n(),{close:i,isOpen:a}=e.a(),{refreshUnreadCount:o}=e.r(),u=r?.memberId??null,[g,b]=(0,s.useState)([]),[x,S]=(0,s.useState)(0),[C,w]=(0,s.useState)(1),[T,E]=(0,s.useState)(!1),[D,O]=(0,s.useState)(!1),[k,A]=(0,s.useState)(null),[j,M]=(0,s.useState)(`all`),N=(0,s.useCallback)(async(e,t)=>{if(u){E(!0),A(null);try{let n=await(0,l.listNotifications)({includeRead:!0,page:e,pageSize:h,recipientMemberId:u});b(e=>t?[...e,...n.notifications]:n.notifications),S(n.totalCount),w(e),await o()}catch(e){A(y(e))}finally{E(!1)}}},[u,o]);(0,s.useEffect)(()=>{!a||!u||N(1,!1)},[a,u,N]);let P=(0,s.useCallback)(e=>{let t=e.target.value;(t===`all`||t===`read`||t===`unread`)&&M(t)},[]),F=(0,s.useCallback)(async()=>{if(!(!u||D)){O(!0),A(null);try{await(0,l.markAllNotificationsRead)({recipientMemberId:u}),await N(1,!1)}catch(e){A(y(e))}finally{O(!1)}}},[D,u,N]),I=(0,s.useCallback)(()=>{T||N(C+1,!0)},[T,N,C]),L=(0,s.useCallback)(async e=>{if(u)try{await(0,l.markNotificationRead)({id:e,readerMemberId:u}),await N(1,!1)}catch(e){A(y(e))}},[u,N]),R=(0,s.useCallback)(async e=>{if(!(!e.instanceId||!u))try{e.status!==`READ`&&(await(0,l.markNotificationRead)({id:e.id,readerMemberId:u}),await o()),i(),n.push(`/instances/${e.instanceId}`)}catch(e){A(y(e))}},[i,u,o,n]),z=(0,s.useMemo)(()=>g.filter(e=>j===`all`?!0:j===`read`?e.status===`READ`:e.status!==`READ`),[j,g]),B=(0,s.useMemo)(()=>{let e=new Date,t=p.reduce((e,t)=>(e[t]=[],e),{earlier:[],past7Days:[],today:[],yesterday:[]});return z.forEach(n=>{t[v(n.createdAt,e)].push(n)}),p.map(e=>[e,t[e]]).filter(([,e])=>e.length>0)},[z]),V=g.length<x;return u?(0,c.jsx)(d.default,{bottomGhostActionDisabled:D||T,bottomGhostActionLoading:D,bottomGhostActionText:`全部標為已讀`,bottomOnGhostActionClick:()=>{F()},bottomOnPrimaryActionClick:()=>{I()},bottomPrimaryActionDisabled:!V||T,bottomPrimaryActionLoading:T&&V,bottomPrimaryActionText:V?`載入更多`:`已顯示全部`,contentKey:`${j}:${g.length}`,filterAreaAllRadioLabel:`全部`,filterAreaOnRadioChange:P,filterAreaReadRadioLabel:`已讀`,filterAreaShow:!0,filterAreaUnreadRadioLabel:`未讀`,filterAreaValue:j,headerTitle:`通知中心`,isBottomDisplay:!0,isHeaderDisplay:!0,onClose:i,open:a,size:`medium`,children:(0,c.jsxs)(`div`,{role:`list`,children:[k?(0,c.jsx)(`p`,{role:`alert`,style:{color:`var(--mzn-color-text-error, #d92d20)`,padding:`12px 16px`},children:k}):null,B.length===0?(0,c.jsx)(`p`,{style:{color:`var(--mzn-color-text-secondary, #6b7280)`,padding:`24px 16px`,textAlign:`center`},children:T?`載入中…`:`目前沒有通知`}):null,B.map(([e,t],n)=>(0,c.jsx)(s.Fragment,{children:t.map((r,i)=>(0,c.jsx)(f.default,{appendTips:n===B.length-1&&i===t.length-1&&!V?`已顯示全部通知`:void 0,cancelButtonText:r.status===`READ`?void 0:`標為已讀`,description:r.body,onCancel:r.status===`READ`?void 0:()=>{L(r.id)},onConfirm:r.instanceId?()=>{R(r)}:void 0,confirmButtonText:r.instanceId?`查看案件`:void 0,prependTips:i===0?m[e]:void 0,reference:r.id,severity:_(r.type),showBadge:r.status!==`READ`,timeStamp:r.createdAt,title:r.title,type:`drawer`},r.id))},e))]})}):null}function _(e){return e===`SLA_OVERDUE`?`error`:e===`SLA_WARNING`?`warning`:e===`INSTANCE_COMPLETED`?`success`:`info`}function v(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 y(e){return e instanceof Error?e.message:`發生未知錯誤`}function b({children:n,locale:r=u.CalendarLocale.ZH_TW,publicPaths:i,loginPath:a}){return(0,c.jsx)(u.CalendarConfigProviderMoment,{locale:r,children:(0,c.jsx)(t.t,{publicPaths:i,loginPath:a,children:(0,c.jsx)(e.n,{children:(0,c.jsxs)(e.i,{children:[n,(0,c.jsx)(g,{})]})})})})}exports.AppNavigation=e.t,exports.ApprovalInstanceListPage=i.t,exports.AuthProvider=t.t,exports.BPMFormField=a.t,exports.DashboardPage=o.t,exports.MemberPicker=r.t,exports.NotificationDrawer=g,exports.NotificationDrawerProvider=e.i,exports.NotificationUnreadProvider=e.n,exports.OrgUnitPicker=r.n,exports.PositionPicker=r.r,exports.Providers=b,exports.RouterAdapterProvider=t.r,exports.defaultBrowserSearchParams=t.i,exports.formatDateTime=n.t,exports.readMemberOption=r.i,exports.readOrgUnitOption=r.a,exports.readPositionOption=r.o,exports.useAuth=t.n,exports.useNotificationDrawer=e.a,exports.useNotificationUnread=e.r,exports.useRouterAdapter=t.a;
 //# 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';\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 { 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(`/instances/${record.instanceId}`);\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [close, currentMemberId, refreshUnreadCount, router],\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 *   `<AppNavigation />` 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":"qvBA8BA,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,CAAE,UAAW,EAAA,EAAQ,EACrB,CAAE,QAAO,UAAW,EAAA,EAAsB,EAC1C,CAAE,sBAAuB,EAAA,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,cAAc,EAAO,YAAY,CAC/C,OAAS,EAAY,CACnB,EAAS,EAAiB,CAAC,CAAC,CAC9B,CACF,EACA,CAAC,EAAO,EAAiB,EAAoB,CAAM,CACrD,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,CC5RA,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,EAAA,EAAD,CAAA,UACE,EAAA,EAAA,MAAC,EAAA,EAAD,CAAA,SAAA,CACG,GACD,EAAA,EAAA,KAAC,EAAD,CAAqB,CAAA,CACK,CAAA,CAAA,CACF,CAAA,CAChB,CAAA,CACc,CAAA,CAElC"}
+{"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';\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 { 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(`/instances/${record.instanceId}`);\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [close, currentMemberId, refreshUnreadCount, router],\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 *   `<AppNavigation />` 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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"}

package/dist/index.js

@@ -1,12 +1,11 @@
 "use client";
-import { n as e, r as t, t as n } from "./chunks/router-adapter-BdHZXLS3.js";
-import { n as r, t as i } from "./chunks/auth-provider-TTO9eNZV.js";
+import { a as e, i as t, n, r, t as i } from "./chunks/auth-provider-Bnox5gsx.js";
 import { t as a } from "./chunks/format-date-time-CB-LxzqT.js";
-import { a as o, i as s, n as c, r as l, t as u } from "./chunks/app-navigation-CATITRM7.js";
+import { a as o, i as s, n as c, r as l, t as u } from "./chunks/app-navigation-rxhpHCch.js";
 import { a as d, i as f, n as p, o as m, r as h, t as g } from "./chunks/admin-pickers-DLlG_1du.js";
-import { t as _ } from "./chunks/approval-instance-list-page-B6vAGvOb.js";
+import { t as _ } from "./chunks/approval-instance-list-page-BgE4vQw8.js";
 import { t as v } from "./chunks/bpm-form-field-Cao0rMol.js";
-import { t as y } from "./chunks/dashboard-page-BsW8t104.js";
+import { t as y } from "./chunks/dashboard-page-CTBwpu_D.js";
 import { Fragment as b, useCallback as x, useEffect as S, useMemo as C, useState as w } from "react";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
 import { listNotifications as D, markAllNotificationsRead as O, markNotificationRead as k } from "@rytass/bpm-core-client/workflow";
@@ -26,7 +25,7 @@ var P = [
 	yesterday: "昨天"
 }, I = 50;
 function L() {
-	let e = t(), { member: n } = r(), { close: i, isOpen: a } = o(), { refreshUnreadCount: s } = l(), c = n?.memberId ?? null, [u, d] = w([]), [f, p] = w(0), [m, h] = w(1), [g, _] = w(!1), [v, y] = w(!1), [A, j] = w(null), [L, V] = w("all"), H = x(async (e, t) => {
+	let t = e(), { member: r } = n(), { close: i, isOpen: a } = o(), { refreshUnreadCount: s } = l(), c = r?.memberId ?? null, [u, d] = w([]), [f, p] = w(0), [m, h] = w(1), [g, _] = w(!1), [v, y] = w(!1), [A, j] = w(null), [L, V] = w("all"), H = x(async (e, t) => {
 		if (c) {
 			_(!0), j(null);
 			try {
@@ -84,12 +83,12 @@ function L() {
 		} catch (e) {
 			j(B(e));
 		}
-	}, [c, H]), q = x(async (t) => {
-		if (!(!t.instanceId || !c)) try {
-			t.status !== "READ" && (await k({
-				id: t.id,
+	}, [c, H]), q = x(async (e) => {
+		if (!(!e.instanceId || !c)) try {
+			e.status !== "READ" && (await k({
+				id: e.id,
 				readerMemberId: c
-			}), await s()), i(), e.push(`/instances/${t.instanceId}`);
+			}), await s()), i(), t.push(`/instances/${e.instanceId}`);
 		} catch (e) {
 			j(B(e));
 		}
@@ -97,7 +96,7 @@ function L() {
 		i,
 		c,
 		s,
-		e
+		t
 	]), J = C(() => u.filter((e) => L === "all" ? !0 : L === "read" ? e.status === "READ" : e.status !== "READ"), [L, u]), Y = C(() => {
 		let e = /* @__PURE__ */ new Date(), t = P.reduce((e, t) => (e[t] = [], e), {
 			earlier: [],
@@ -204,6 +203,6 @@ function V({ children: e, locale: t = j.ZH_TW, publicPaths: n, loginPath: r }) {
 	});
 }
 //#endregion
-export { u as AppNavigation, _ as ApprovalInstanceListPage, i as AuthProvider, v as BPMFormField, y as DashboardPage, g as MemberPicker, L as NotificationDrawer, s as NotificationDrawerProvider, c as NotificationUnreadProvider, p as OrgUnitPicker, h as PositionPicker, V as Providers, n as RouterAdapterProvider, e as defaultBrowserSearchParams, a as formatDateTime, f as readMemberOption, d as readOrgUnitOption, m as readPositionOption, r as useAuth, o as useNotificationDrawer, l as useNotificationUnread, t as useRouterAdapter };
+export { u as AppNavigation, _ as ApprovalInstanceListPage, i as AuthProvider, v as BPMFormField, y as DashboardPage, g as MemberPicker, L as NotificationDrawer, s as NotificationDrawerProvider, c as NotificationUnreadProvider, p as OrgUnitPicker, h as PositionPicker, V as Providers, r as RouterAdapterProvider, t as defaultBrowserSearchParams, a as formatDateTime, f as readMemberOption, d as readOrgUnitOption, m as readPositionOption, n as useAuth, o as useNotificationDrawer, l as useNotificationUnread, e as useRouterAdapter };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/components/notification-drawer.tsx","../src/lib/providers.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Fragment,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  type ChangeEvent,\n  type ReactElement,\n} from 'react';\nimport Drawer from '@mezzanine-ui/react/Drawer';\nimport NotificationCenter from '@mezzanine-ui/react/NotificationCenter';\nimport type { NotificationSeverity } from '@mezzanine-ui/core/notification-center';\nimport {\n  listNotifications,\n  markAllNotificationsRead,\n  markNotificationRead,\n  type NotificationRecord,\n  type NotificationType,\n} from '@rytass/bpm-core-client/workflow';\nimport { useAuth } from '../lib/auth-provider';\nimport { useNotificationDrawer } from '../lib/notification-drawer-provider';\nimport { useNotificationUnread } from '../lib/notification-unread-provider';\nimport { useRouterAdapter } from '../lib/router-adapter';\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 { 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(`/instances/${record.instanceId}`);\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [close, currentMemberId, refreshUnreadCount, router],\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 *   `<AppNavigation />` can open it.\n *\n * Consumer hosts wrap this **inside** a `<RouterAdapterProvider>` (provided\n * by the `pages/*` subpath shims when consuming via Next.js, or wired by\n * hand for other frameworks).\n */\nexport function Providers({\n  children,\n  locale = CalendarLocale.ZH_TW,\n  publicPaths,\n  loginPath,\n}: ProvidersProps): ReactElement {\n  return (\n    <CalendarConfigProviderMoment locale={locale}>\n      <AuthProvider publicPaths={publicPaths} loginPath={loginPath}>\n        <NotificationUnreadProvider>\n          <NotificationDrawerProvider>\n            {children}\n            <NotificationDrawer />\n          </NotificationDrawerProvider>\n        </NotificationUnreadProvider>\n      </AuthProvider>\n    </CalendarConfigProviderMoment>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/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';\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 { 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(`/instances/${record.instanceId}`);\n      } catch (e: unknown) {\n        setError(readErrorMessage(e));\n      }\n    },\n    [close, currentMemberId, refreshUnreadCount, router],\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 *   `<AppNavigation />` 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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"}

package/dist/next/BPMNextProviders.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement, ReactNode } from 'react';
+interface BPMNextProvidersProps {
+    readonly children: ReactNode;
+}
+export declare function BPMNextProviders({ children, }: BPMNextProvidersProps): ReactElement;
+export {};

package/dist/next/index.cjs

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

package/dist/next/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/next/BPMNextProviders.tsx"],"sourcesContent":["'use client';\n\n// One-line Next.js App Router shim for BPM. Reads `next/navigation` hooks,\n// builds a `RouterAdapter`, then composes `<RouterAdapterProvider>` and the\n// shared `<BPMProviders>`. Wrapped in `<Suspense>` so static prerender of\n// routes like `/404` does not fail on `useSearchParams()` during `next build`.\n\nimport { Suspense, useMemo, type ReactElement, type ReactNode } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\nimport {\n  Providers as BPMProviders,\n  RouterAdapterProvider,\n  type RouterAdapter,\n} from '@rytass/bpm-core-react';\n\ninterface BPMNextProvidersProps {\n  readonly children: ReactNode;\n}\n\nfunction BPMNextProvidersBody({\n  children,\n}: BPMNextProvidersProps): ReactElement {\n  const nextRouter = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const adapter = useMemo<RouterAdapter>(\n    () => ({\n      pathname,\n      push: (href: string): void => nextRouter.push(href),\n      replace: (href: string): void => nextRouter.replace(href),\n      back: (): void => nextRouter.back(),\n      searchParams: (): URLSearchParams =>\n        new URLSearchParams(searchParams?.toString() ?? ''),\n    }),\n    [nextRouter, pathname, searchParams],\n  );\n\n  return (\n    <RouterAdapterProvider value={adapter}>\n      <BPMProviders>{children}</BPMProviders>\n    </RouterAdapterProvider>\n  );\n}\n\nexport function BPMNextProviders({\n  children,\n}: BPMNextProvidersProps): ReactElement {\n  return (\n    <Suspense fallback={null}>\n      <BPMNextProvidersBody>{children}</BPMNextProvidersBody>\n    </Suspense>\n  );\n}\n"],"mappings":"uMAmBA,SAAS,EAAqB,CAC5B,YACsC,CACtC,IAAM,GAAA,EAAA,EAAA,WAAuB,EACvB,GAAA,EAAA,EAAA,aAAuB,EACvB,GAAA,EAAA,EAAA,iBAA+B,EAcrC,OACE,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAuB,OAAA,EAAA,EAAA,cAZhB,CACL,WACA,KAAO,GAAuB,EAAW,KAAK,CAAI,EAClD,QAAU,GAAuB,EAAW,QAAQ,CAAI,EACxD,SAAkB,EAAW,KAAK,EAClC,iBACE,IAAI,gBAAgB,GAAc,SAAS,GAAK,EAAE,CACtD,GACA,CAAC,EAAY,EAAU,CAAY,CAIL,YAC5B,EAAA,EAAA,KAAC,EAAA,UAAD,CAAe,UAAuB,CAAA,CACjB,CAAA,CAE3B,CAEA,SAAgB,EAAiB,CAC/B,YACsC,CACtC,OACE,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,SAAU,eAClB,EAAA,EAAA,KAAC,EAAD,CAAuB,UAA+B,CAAA,CAC9C,CAAA,CAEd"}

package/dist/next/index.d.ts

@@ -0,0 +1 @@
+export * from './BPMNextProviders';

package/dist/next/index.js

@@ -0,0 +1,33 @@
+"use client";
+import { Suspense as e, useMemo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { usePathname as r, useRouter as i, useSearchParams as a } from "next/navigation";
+import { Providers as o, RouterAdapterProvider as s } from "@rytass/bpm-core-react";
+//#region src/next/BPMNextProviders.tsx
+function c({ children: e }) {
+	let c = i(), l = r(), u = a();
+	return /* @__PURE__ */ n(s, {
+		value: t(() => ({
+			pathname: l,
+			push: (e) => c.push(e),
+			replace: (e) => c.replace(e),
+			back: () => c.back(),
+			searchParams: () => new URLSearchParams(u?.toString() ?? "")
+		}), [
+			c,
+			l,
+			u
+		]),
+		children: /* @__PURE__ */ n(o, { children: e })
+	});
+}
+function l({ children: t }) {
+	return /* @__PURE__ */ n(e, {
+		fallback: null,
+		children: /* @__PURE__ */ n(c, { children: t })
+	});
+}
+//#endregion
+export { l as BPMNextProviders };
+
+//# sourceMappingURL=index.js.map

package/dist/next/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/next/BPMNextProviders.tsx"],"sourcesContent":["'use client';\n\n// One-line Next.js App Router shim for BPM. Reads `next/navigation` hooks,\n// builds a `RouterAdapter`, then composes `<RouterAdapterProvider>` and the\n// shared `<BPMProviders>`. Wrapped in `<Suspense>` so static prerender of\n// routes like `/404` does not fail on `useSearchParams()` during `next build`.\n\nimport { Suspense, useMemo, type ReactElement, type ReactNode } from 'react';\nimport { usePathname, useRouter, useSearchParams } from 'next/navigation';\nimport {\n  Providers as BPMProviders,\n  RouterAdapterProvider,\n  type RouterAdapter,\n} from '@rytass/bpm-core-react';\n\ninterface BPMNextProvidersProps {\n  readonly children: ReactNode;\n}\n\nfunction BPMNextProvidersBody({\n  children,\n}: BPMNextProvidersProps): ReactElement {\n  const nextRouter = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const adapter = useMemo<RouterAdapter>(\n    () => ({\n      pathname,\n      push: (href: string): void => nextRouter.push(href),\n      replace: (href: string): void => nextRouter.replace(href),\n      back: (): void => nextRouter.back(),\n      searchParams: (): URLSearchParams =>\n        new URLSearchParams(searchParams?.toString() ?? ''),\n    }),\n    [nextRouter, pathname, searchParams],\n  );\n\n  return (\n    <RouterAdapterProvider value={adapter}>\n      <BPMProviders>{children}</BPMProviders>\n    </RouterAdapterProvider>\n  );\n}\n\nexport function BPMNextProviders({\n  children,\n}: BPMNextProvidersProps): ReactElement {\n  return (\n    <Suspense fallback={null}>\n      <BPMNextProvidersBody>{children}</BPMNextProvidersBody>\n    </Suspense>\n  );\n}\n"],"mappings":";;;;;;AAmBA,SAAS,EAAqB,EAC5B,eACsC;CACtC,IAAM,IAAa,EAAU,GACvB,IAAW,EAAY,GACvB,IAAe,EAAgB;CAcrC,OACE,kBAAC,GAAD;EAAuB,OAbT,SACP;GACL;GACA,OAAO,MAAuB,EAAW,KAAK,CAAI;GAClD,UAAU,MAAuB,EAAW,QAAQ,CAAI;GACxD,YAAkB,EAAW,KAAK;GAClC,oBACE,IAAI,gBAAgB,GAAc,SAAS,KAAK,EAAE;EACtD,IACA;GAAC;GAAY;GAAU;EAAY,CAIL;YAC5B,kBAAC,GAAD,EAAe,YAAuB,CAAA;CACjB,CAAA;AAE3B;AAEA,SAAgB,EAAiB,EAC/B,eACsC;CACtC,OACE,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD,EAAuB,YAA+B,CAAA;CAC9C,CAAA;AAEd"}

package/dist/pages/admin/delegations/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./AdminDelegationsClientView.cjs");let t=require("react/jsx-runtime");var n={title:`代理設定 | BPM Admin`,description:`設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/delegations-Z8hTajLj.cjs");let t=require("react/jsx-runtime");var n={title:`代理設定 | BPM Admin`,description:`設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/admin/delegations/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminDelegationsClientView from './AdminDelegationsClientView';\n\nexport const metadata: Metadata = {\n  title: '代理設定 | BPM Admin',\n  description: '設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。',\n};\n\nexport default function AdminDelegationsPage(): ReactElement {\n  return <AdminDelegationsClientView />;\n}\n"],"mappings":"sLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,8BACf,EAEA,SAAwB,GAAqC,CAC3D,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAA6B,CAAA,CACtC"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminDelegationsView } from '../../../views/admin/delegations';\n\nexport const metadata: Metadata = {\n  title: '代理設定 | BPM Admin',\n  description: '設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。',\n};\n\nexport default function AdminDelegationsPage(): ReactElement {\n  return <AdminDelegationsView />;\n}\n"],"mappings":"8LAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,8BACf,EAEA,SAAwB,GAAqC,CAC3D,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAuB,CAAA,CAChC"}

package/dist/pages/admin/delegations/index.js

@@ -1,4 +1,4 @@
-import e from "./AdminDelegationsClientView.js";
+import { t as e } from "../../../chunks/delegations-BAZQbElH.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/admin/delegations/index.tsx
 var n = {

package/dist/pages/admin/delegations/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminDelegationsClientView from './AdminDelegationsClientView';\n\nexport const metadata: Metadata = {\n  title: '代理設定 | BPM Admin',\n  description: '設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。',\n};\n\nexport default function AdminDelegationsPage(): ReactElement {\n  return <AdminDelegationsClientView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAAqC;CAC3D,OAAO,kBAAC,GAAD,CAA6B,CAAA;AACtC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminDelegationsView } from '../../../views/admin/delegations';\n\nexport const metadata: Metadata = {\n  title: '代理設定 | BPM Admin',\n  description: '設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。',\n};\n\nexport default function AdminDelegationsPage(): ReactElement {\n  return <AdminDelegationsView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAAqC;CAC3D,OAAO,kBAAC,GAAD,CAAuB,CAAA;AAChC"}

package/dist/pages/admin/orgs/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./AdminOrgsClientView.cjs");let t=require("react/jsx-runtime");var n={title:`組織管理 | BPM Admin`,description:`維護組織樹、職位、會員歸屬與簽核主管解析規則。`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/orgs-CGv3VNDR.cjs");let t=require("react/jsx-runtime");var n={title:`組織管理 | BPM Admin`,description:`維護組織樹、職位、會員歸屬與簽核主管解析規則。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/admin/orgs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/orgs/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminOrgsClientView from './AdminOrgsClientView';\n\nexport const metadata: Metadata = {\n  title: '組織管理 | BPM Admin',\n  description: '維護組織樹、職位、會員歸屬與簽核主管解析規則。',\n};\n\nexport default function AdminOrgsPage(): ReactElement {\n  return <AdminOrgsClientView />;\n}\n"],"mappings":"+KAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,yBACf,EAEA,SAAwB,GAA8B,CACpD,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAsB,CAAA,CAC/B"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/orgs/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminOrgsView } from '../../../views/admin/orgs';\n\nexport const metadata: Metadata = {\n  title: '組織管理 | BPM Admin',\n  description: '維護組織樹、職位、會員歸屬與簽核主管解析規則。',\n};\n\nexport default function AdminOrgsPage(): ReactElement {\n  return <AdminOrgsView />;\n}\n"],"mappings":"uLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,yBACf,EAEA,SAAwB,GAA8B,CACpD,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAgB,CAAA,CACzB"}

package/dist/pages/admin/orgs/index.js

@@ -1,4 +1,4 @@
-import e from "./AdminOrgsClientView.js";
+import { t as e } from "../../../chunks/orgs-c29y74w2.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/admin/orgs/index.tsx
 var n = {

package/dist/pages/admin/orgs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/orgs/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminOrgsClientView from './AdminOrgsClientView';\n\nexport const metadata: Metadata = {\n  title: '組織管理 | BPM Admin',\n  description: '維護組織樹、職位、會員歸屬與簽核主管解析規則。',\n};\n\nexport default function AdminOrgsPage(): ReactElement {\n  return <AdminOrgsClientView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAA8B;CACpD,OAAO,kBAAC,GAAD,CAAsB,CAAA;AAC/B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/orgs/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminOrgsView } from '../../../views/admin/orgs';\n\nexport const metadata: Metadata = {\n  title: '組織管理 | BPM Admin',\n  description: '維護組織樹、職位、會員歸屬與簽核主管解析規則。',\n};\n\nexport default function AdminOrgsPage(): ReactElement {\n  return <AdminOrgsView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAA8B;CACpD,OAAO,kBAAC,GAAD,CAAgB,CAAA;AACzB"}

package/dist/pages/admin/users/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./AdminUsersClientView.cjs");let t=require("react/jsx-runtime");var n={title:`會員對照 | BPM Admin`,description:`檢視 BPM 內部會員組織歸屬與主管解析。`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/users-B-trMu0E.cjs");let t=require("react/jsx-runtime");var n={title:`會員對照 | BPM Admin`,description:`檢視 BPM 內部會員組織歸屬與主管解析。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/admin/users/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/users/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminUsersClientView from './AdminUsersClientView';\n\nexport const metadata: Metadata = {\n  title: '會員對照 | BPM Admin',\n  description: '檢視 BPM 內部會員組織歸屬與主管解析。',\n};\n\nexport default function AdminUsersPage(): ReactElement {\n  return <AdminUsersClientView />;\n}\n"],"mappings":"gLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,uBACf,EAEA,SAAwB,GAA+B,CACrD,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAuB,CAAA,CAChC"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../../src/pages/admin/users/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminUsersView } from '../../../views/admin/users';\n\nexport const metadata: Metadata = {\n  title: '會員對照 | BPM Admin',\n  description: '檢視 BPM 內部會員組織歸屬與主管解析。',\n};\n\nexport default function AdminUsersPage(): ReactElement {\n  return <AdminUsersView />;\n}\n"],"mappings":"wLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,uBACf,EAEA,SAAwB,GAA+B,CACrD,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAiB,CAAA,CAC1B"}

package/dist/pages/admin/users/index.js

@@ -1,4 +1,4 @@
-import e from "./AdminUsersClientView.js";
+import { t as e } from "../../../chunks/users-itVXXRj7.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/admin/users/index.tsx
 var n = {

package/dist/pages/admin/users/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/users/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport AdminUsersClientView from './AdminUsersClientView';\n\nexport const metadata: Metadata = {\n  title: '會員對照 | BPM Admin',\n  description: '檢視 BPM 內部會員組織歸屬與主管解析。',\n};\n\nexport default function AdminUsersPage(): ReactElement {\n  return <AdminUsersClientView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAA+B;CACrD,OAAO,kBAAC,GAAD,CAAuB,CAAA;AAChC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/pages/admin/users/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminUsersView } from '../../../views/admin/users';\n\nexport const metadata: Metadata = {\n  title: '會員對照 | BPM Admin',\n  description: '檢視 BPM 內部會員組織歸屬與主管解析。',\n};\n\nexport default function AdminUsersPage(): ReactElement {\n  return <AdminUsersView />;\n}\n"],"mappings":";;;AAIA,IAAa,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwB,IAA+B;CACrD,OAAO,kBAAC,GAAD,CAAiB,CAAA;AAC1B"}

package/dist/pages/cc/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./CcClientView.cjs");let t=require("react/jsx-runtime");var n={title:`抄送給我 | BPM Admin`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../views/cc/index.cjs");let t=require("react/jsx-runtime");var n={title:`抄送給我 | BPM Admin`};function r(){return(0,t.jsx)(e.CcView,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/cc/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/cc/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport CcClientView from './CcClientView';\n\n/**\n * Next.js metadata for the BPM \"cc\" page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '抄送給我 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM cc inbox. Usage in\n * `app/cc/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/cc';\n * ```\n */\nexport default function CcPage(): ReactElement {\n  return <CcClientView />;\n}\n"],"mappings":"wKAQA,IAAa,EAAqB,CAChC,MAAO,kBACT,EAUA,SAAwB,GAAuB,CAC7C,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAe,CAAA,CACxB"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/cc/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { CcView } from '../../views/cc';\n\n/**\n * Next.js metadata for the BPM \"cc\" page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '抄送給我 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM cc inbox. Usage in\n * `app/cc/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/cc';\n * ```\n */\nexport default function CcPage(): ReactElement {\n  return <CcView />;\n}\n"],"mappings":"8KAQA,IAAa,EAAqB,CAChC,MAAO,kBACT,EAUA,SAAwB,GAAuB,CAC7C,OAAO,EAAA,EAAA,KAAC,EAAA,OAAD,CAAS,CAAA,CAClB"}

package/dist/pages/cc/index.js

@@ -1,4 +1,4 @@
-import e from "./CcClientView.js";
+import { CcView as e } from "../../views/cc/index.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/cc/index.tsx
 var n = { title: "抄送給我 | BPM Admin" };

package/dist/pages/cc/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/cc/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport CcClientView from './CcClientView';\n\n/**\n * Next.js metadata for the BPM \"cc\" page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '抄送給我 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM cc inbox. Usage in\n * `app/cc/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/cc';\n * ```\n */\nexport default function CcPage(): ReactElement {\n  return <CcClientView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,mBACT;AAUA,SAAwB,IAAuB;CAC7C,OAAO,kBAAC,GAAD,CAAe,CAAA;AACxB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/cc/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { CcView } from '../../views/cc';\n\n/**\n * Next.js metadata for the BPM \"cc\" page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '抄送給我 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM cc inbox. Usage in\n * `app/cc/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/cc';\n * ```\n */\nexport default function CcPage(): ReactElement {\n  return <CcView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,mBACT;AAUA,SAAwB,IAAuB;CAC7C,OAAO,kBAAC,GAAD,CAAS,CAAA;AAClB"}

package/dist/pages/dashboard/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./DashboardClientView.cjs");let t=require("react/jsx-runtime");var n={title:`工作台 | BPM Admin`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../views/dashboard/index.cjs");let t=require("react/jsx-runtime");var n={title:`工作台 | BPM Admin`};function r(){return(0,t.jsx)(e.DashboardView,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/dashboard/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/dashboard/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport DashboardClientView from './DashboardClientView';\n\n/**\n * Next.js metadata for the BPM dashboard page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '工作台 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM dashboard. Usage in\n * `app/dashboard/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/dashboard';\n * ```\n */\nexport default function DashboardPage(): ReactElement {\n  return <DashboardClientView />;\n}\n"],"mappings":"+KAQA,IAAa,EAAqB,CAChC,MAAO,iBACT,EAUA,SAAwB,GAA8B,CACpD,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAsB,CAAA,CAC/B"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/dashboard/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { DashboardView } from '../../views/dashboard';\n\n/**\n * Next.js metadata for the BPM dashboard page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '工作台 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM dashboard. Usage in\n * `app/dashboard/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/dashboard';\n * ```\n */\nexport default function DashboardPage(): ReactElement {\n  return <DashboardView />;\n}\n"],"mappings":"qLAQA,IAAa,EAAqB,CAChC,MAAO,iBACT,EAUA,SAAwB,GAA8B,CACpD,OAAO,EAAA,EAAA,KAAC,EAAA,cAAD,CAAgB,CAAA,CACzB"}

package/dist/pages/dashboard/index.js

@@ -1,4 +1,4 @@
-import e from "./DashboardClientView.js";
+import { DashboardView as e } from "../../views/dashboard/index.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/dashboard/index.tsx
 var n = { title: "工作台 | BPM Admin" };

package/dist/pages/dashboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/dashboard/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport DashboardClientView from './DashboardClientView';\n\n/**\n * Next.js metadata for the BPM dashboard page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '工作台 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM dashboard. Usage in\n * `app/dashboard/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/dashboard';\n * ```\n */\nexport default function DashboardPage(): ReactElement {\n  return <DashboardClientView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,kBACT;AAUA,SAAwB,IAA8B;CACpD,OAAO,kBAAC,GAAD,CAAsB,CAAA;AAC/B"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/pages/dashboard/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { DashboardView } from '../../views/dashboard';\n\n/**\n * Next.js metadata for the BPM dashboard page. Consumers re-export this\n * alongside the default page component.\n */\nexport const metadata: Metadata = {\n  title: '工作台 | BPM Admin',\n};\n\n/**\n * Drop-in Next.js App Router page for the BPM dashboard. Usage in\n * `app/dashboard/page.tsx`:\n *\n * ```ts\n * export { default, metadata } from '@rytass/bpm-core-react/pages/dashboard';\n * ```\n */\nexport default function DashboardPage(): ReactElement {\n  return <DashboardView />;\n}\n"],"mappings":";;;AAQA,IAAa,IAAqB,EAChC,OAAO,kBACT;AAUA,SAAwB,IAA8B;CACpD,OAAO,kBAAC,GAAD,CAAgB,CAAA;AACzB"}

package/dist/pages/delegations/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./DelegationsClientView.cjs");let t=require("react/jsx-runtime");var n={title:`我的代理 | BPM Admin`,description:`設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。`};function r(){return(0,t.jsx)(e.default,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/delegations-hb9JoVZe.cjs");let t=require("react/jsx-runtime");var n={title:`我的代理 | BPM Admin`,description:`設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/delegations/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport DelegationsClientView from './DelegationsClientView';\n\nexport const metadata: Metadata = {\n  title: '我的代理 | BPM Admin',\n  description: '設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。',\n};\n\nexport default function DelegationsPage(): ReactElement {\n  return <DelegationsClientView />;\n}\n"],"mappings":"iLAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,kCACf,EAEA,SAAwB,GAAgC,CACtD,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAwB,CAAA,CACjC"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/pages/delegations/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { DelegationsView } from '../../views/delegations';\n\nexport const metadata: Metadata = {\n  title: '我的代理 | BPM Admin',\n  description: '設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。',\n};\n\nexport default function DelegationsPage(): ReactElement {\n  return <DelegationsView />;\n}\n"],"mappings":"2LAIA,IAAa,EAAqB,CAChC,MAAO,mBACP,YAAa,kCACf,EAEA,SAAwB,GAAgC,CACtD,OAAO,EAAA,EAAA,KAAC,EAAA,EAAD,CAAkB,CAAA,CAC3B"}