@rytass/bpm-core-react 0.4.0 → 0.4.1

package/dist/chunks/{templates-CL8bPvgn.cjs.map → templates-w96t83N-.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"templates-CL8bPvgn.cjs","names":[],"sources":["../../src/views/templates/template-name-modal.tsx","../../src/views/templates/TemplatesView.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, ReactElement, useEffect, useState } from 'react';\nimport { Input, Modal, Select, Typography } from '@mezzanine-ui/react';\nimport { BPMFormField } from '../../components/bpm-form-field';\n\nexport interface TemplateCategoryOption {\n  readonly categoryId: string | null;\n  readonly id: string;\n  readonly name: string;\n}\n\ninterface TemplateNameModalProps {\n  readonly confirmText: string;\n  readonly categoryOptions: readonly TemplateCategoryOption[];\n  readonly initialName: string;\n  readonly loading: boolean;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }) => Promise<void>;\n  readonly open: boolean;\n  readonly title: string;\n}\n\nexport function TemplateNameModal({\n  confirmText,\n  categoryOptions,\n  initialName,\n  loading,\n  onClose,\n  onSubmit,\n  open,\n  title,\n}: TemplateNameModalProps): ReactElement {\n  const [name, setName] = useState(initialName);\n  const [category, setCategory] = useState<TemplateCategoryOption>(\n    categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n  );\n  const [error, setError] = useState<string | null>(null);\n  const trimmedName = name.trim();\n\n  useEffect((): void => {\n    if (!open) {\n      return;\n    }\n\n    setName(initialName);\n    setCategory(categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION);\n    setError(null);\n  }, [categoryOptions, initialName, open]);\n\n  async function handleConfirm(): Promise<void> {\n    if (!trimmedName) {\n      setError('請輸入模板名稱');\n      return;\n    }\n\n    try {\n      await onSubmit({ categoryId: category.categoryId, name: trimmedName });\n    } catch (submitError: unknown) {\n      setError(readErrorMessage(submitError));\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !trimmedName }}\n      confirmText={confirmText}\n      loading={loading}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void => void handleConfirm()}\n      open={open}\n      showModalFooter\n      showModalHeader\n      size=\"narrow\"\n      title={title}\n    >\n      <BPMFormField label=\"模板名稱\" name=\"templateName\" required>\n        <Input\n          autoFocus\n          fullWidth\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n            setName(event.target.value);\n            setError(null);\n          }}\n          placeholder=\"例如：費用申請流程\"\n          value={name}\n          variant=\"base\"\n        />\n      </BPMFormField>\n      <BPMFormField label=\"分類\" name=\"templateCategory\">\n        <Select\n          clearable={false}\n          fullWidth\n          onChange={(option): void => {\n            setCategory(readCategoryOption(option, categoryOptions));\n            setError(null);\n          }}\n          options={[...categoryOptions]}\n          placeholder=\"選擇分類\"\n          value={category}\n        />\n      </BPMFormField>\n      {error ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {error}\n        </Typography>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nexport const UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'UNCATEGORIZED',\n  name: '未分類',\n};\n\nfunction readCategoryOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION\n  );\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n","'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Tab,\n  TabItem,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport styles from './templates.module.scss';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { useBPMRoutes } from '../../lib/routes-config';\nimport {\n  TemplateCategoryOption,\n  TemplateNameModal,\n  UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n} from './template-name-modal';\nimport {\n  ApprovalTemplateListStatus,\n  ApprovalTemplateRecord,\n  ApprovalTemplateCategoryRecord,\n  createApprovalTemplate,\n  listApprovalTemplateCategoriesPage,\n  listApprovalTemplatesPage,\n} from '@rytass/bpm-core-client/template';\nimport { listLaunchableTemplates } from '@rytass/bpm-core-client/workflow';\n\nconst TEMPLATE_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst TEMPLATE_STATUS_TABS: readonly {\n  readonly key: TemplateStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\nconst TEMPLATE_CATEGORY_PAGE_SIZE = 100;\n\ntype TemplateStatusTabKey = 'ALL' | ApprovalTemplateListStatus;\n\ntype TemplateRow = Readonly<\n  Record<string, unknown> &\n    ApprovalTemplateRecord & {\n      categoryLabel: string;\n      key: string;\n      status: ApprovalTemplateListStatus;\n    }\n>;\n\n\nexport function TemplatesView(): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const [templates, setTemplates] = useState<readonly ApprovalTemplateRecord[]>(\n    [],\n  );\n  const [categoryFilter, setCategoryFilter] = useState<TemplateCategoryOption>(\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n  );\n  const [categoryOptions, setCategoryOptions] = useState<\n    readonly TemplateCategoryOption[]\n  >([]);\n  const [launchableTemplateIds, setLaunchableTemplateIds] = useState<\n    ReadonlySet<string>\n  >(new Set());\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [templatePage, setTemplatePage] = useState(1);\n  const [templatePageSize, setTemplatePageSize] = useState(10);\n  const [templateSearchText, setTemplateSearchText] = useState('');\n  const [templateStatus, setTemplateStatus] =\n    useState<TemplateStatusTabKey>('ALL');\n  const [templateTotalCount, setTemplateTotalCount] = useState(0);\n\n  const refreshTemplates = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [\n        templatePageResult,\n        nextLaunchableTemplates,\n        activeCategoryPageResult,\n      ] = await Promise.all([\n        listApprovalTemplatesPage({\n          categoryId: categoryFilter.categoryId,\n          page: templatePage,\n          pageSize: templatePageSize,\n          searchText: templateSearchText,\n          status: templateStatus === 'ALL' ? null : templateStatus,\n        }),\n        listLaunchableTemplates(),\n        listApprovalTemplateCategoriesPage({\n          page: 1,\n          pageSize: TEMPLATE_CATEGORY_PAGE_SIZE,\n          searchText: '',\n          status: 'ACTIVE',\n        }),\n      ]);\n\n      setCategoryOptions([\n        ...activeCategoryPageResult.categories.map(readCategoryOption),\n      ]);\n      setTemplates(templatePageResult.templates);\n      setTemplateTotalCount(templatePageResult.totalCount);\n      setLaunchableTemplateIds(\n        new Set(nextLaunchableTemplates.map((template) => template.id)),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    categoryFilter,\n    templatePage,\n    templatePageSize,\n    templateSearchText,\n    templateStatus,\n  ]);\n\n  useEffect((): void => {\n    void refreshTemplates();\n  }, [refreshTemplates]);\n\n  const rows = useMemo(\n    (): TemplateRow[] =>\n      templates.map((template) => ({\n        ...template,\n        categoryLabel: readTemplateCategoryLabel(template),\n        key: template.id,\n        status: template.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(template.updatedAt),\n      })),\n    [templates],\n  );\n  const columns = useMemo(\n    (): TableColumn<TemplateRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '模板名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'category',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateCategoryLabel record={record} />\n        ),\n        title: '分類',\n        width: 160,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<TemplateRow> => ({\n      render: (record): ReturnType<TableActions<TemplateRow>['render']> => [\n        {\n          disabled: (template): boolean =>\n            !launchableTemplateIds.has(template.id),\n          name: '發起',\n          onClick: (): void =>\n            router.push(routes.caseNew(record.id)),\n          variant: 'base-primary',\n        },\n        {\n          name: '設計',\n          onClick: (): void => router.push(routes.templateDesigner(record.id)),\n        },\n        {\n          name: '版本',\n          onClick: (): void => router.push(routes.templateVersions(record.id)),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 192,\n    }),\n    [launchableTemplateIds, router],\n  );\n\n  async function handleCreateTemplate({\n    categoryId,\n    name,\n  }: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const templateId = await createApprovalTemplate({ categoryId, name });\n      setCreateModalOpen(false);\n      router.push(routes.templateDesigner(templateId));\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <>\n          <PageHeader>\n            <ContentHeader\n              description=\"建立流程模板、維護草稿與發布版本。\"\n              title=\"簽核模板\"\n            >\n              <Button\n                disabled={creating}\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void => setCreateModalOpen(true)}\n                variant=\"base-primary\"\n              >\n                建立模板\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              filterArea={\n                <FilterArea className={styles.templateFilterArea} size=\"sub\">\n                  <FilterLine>\n                    <Filter span={3}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateSearchText\"\n                      >\n                        <Input\n                          fullWidth\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            setTemplateSearchText(event.target.value);\n                            setTemplatePage(1);\n                          }}\n                          placeholder=\"關鍵字：搜尋模板名稱、分類或描述\"\n                          size=\"sub\"\n                          value={templateSearchText}\n                          variant=\"base\"\n                        />\n                      </FormField>\n                    </Filter>\n                    <Filter span={2}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateCategoryFilter\"\n                      >\n                        <Select\n                          clearable={false}\n                          fullWidth\n                          onChange={(option): void => {\n                            setCategoryFilter(\n                              readCategoryFilterOption(option, categoryOptions),\n                            );\n                            setTemplatePage(1);\n                          }}\n                          options={[\n                            UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n                            ...categoryOptions,\n                          ]}\n                          placeholder=\"分類\"\n                          renderValue={(value): string =>\n                            `分類：${readTemplateCategoryFilterLabel(value)}`\n                          }\n                          size=\"sub\"\n                          value={categoryFilter}\n                        />\n                      </FormField>\n                    </Filter>\n                  </FilterLine>\n                </FilterArea>\n              }\n              tab={\n                <Tab\n                  activeKey={templateStatus}\n                  onChange={(activeKey): void => {\n                    setTemplateStatus(readTemplateStatusTabKey(activeKey));\n                    setTemplatePage(1);\n                  }}\n                >\n                  {TEMPLATE_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\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: templatePage,\n                  onChange: (page): void => {\n                    setTemplatePage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setTemplatePage(1);\n                    setTemplatePageSize(pageSize);\n                  },\n                  pageSize: templatePageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: TEMPLATE_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: templateTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </>\n\n      <TemplateNameModal\n        categoryOptions={[\n          UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n          ...categoryOptions,\n        ]}\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateTemplate}\n        open={createModalOpen}\n        title=\"建立簽核模板\"\n      />\n    </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction readTemplateStatusTabKey(activeKey: Key): TemplateStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction TemplateStatusBadge({\n  status,\n}: {\n  readonly status: ApprovalTemplateListStatus;\n}): ReactElement {\n  if (status === 'PUBLISHED') {\n    return <Badge size=\"sub\" text=\"已發布\" variant=\"dot-success\" />;\n  }\n\n  return <Badge size=\"sub\" text=\"草稿\" variant=\"dot-inactive\" />;\n}\n\nfunction TemplateCategoryLabel({\n  record,\n}: {\n  readonly record: TemplateRow;\n}): ReactElement {\n  if (record.categoryDetail?.isActive === false) {\n    return (\n      <Badge\n        size=\"sub\"\n        text={`${record.categoryLabel}（停用）`}\n        variant=\"dot-inactive\"\n      />\n    );\n  }\n\n  return (\n    <Typography component=\"span\" variant=\"body\">\n      {record.categoryLabel}\n    </Typography>\n  );\n}\n\nconst UNCATEGORIZED_TEMPLATE_FILTER_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'ALL_CATEGORIES',\n  name: '全部分類',\n};\n\nfunction readCategoryOption(\n  category: ApprovalTemplateCategoryRecord,\n): TemplateCategoryOption {\n  return {\n    categoryId: category.id,\n    id: category.id,\n    name: category.name,\n  };\n}\n\nfunction readCategoryFilterOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  if (id === UNCATEGORIZED_TEMPLATE_FILTER_OPTION.id) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION\n  );\n}\n\nfunction readTemplateCategoryFilterLabel(value: unknown): string {\n  if (Array.isArray(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  return typeof value.name === 'string'\n    ? value.name\n    : UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n}\n\nfunction readTemplateCategoryLabel(template: ApprovalTemplateRecord): string {\n  return template.categoryDetail?.name ?? template.category ?? '未分類';\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"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"}
+{"version":3,"file":"templates-w96t83N-.cjs","names":[],"sources":["../../src/views/templates/template-name-modal.tsx","../../src/views/templates/TemplatesView.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, ReactElement, useEffect, useState } from 'react';\nimport { Input, Modal, Select, Typography } from '@mezzanine-ui/react';\nimport { BPMFormField } from '../../components/bpm-form-field';\n\nexport interface TemplateCategoryOption {\n  readonly categoryId: string | null;\n  readonly id: string;\n  readonly name: string;\n}\n\ninterface TemplateNameModalProps {\n  readonly confirmText: string;\n  readonly categoryOptions: readonly TemplateCategoryOption[];\n  readonly initialName: string;\n  readonly loading: boolean;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }) => Promise<void>;\n  readonly open: boolean;\n  readonly title: string;\n}\n\nexport function TemplateNameModal({\n  confirmText,\n  categoryOptions,\n  initialName,\n  loading,\n  onClose,\n  onSubmit,\n  open,\n  title,\n}: TemplateNameModalProps): ReactElement {\n  const [name, setName] = useState(initialName);\n  const [category, setCategory] = useState<TemplateCategoryOption>(\n    categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n  );\n  const [error, setError] = useState<string | null>(null);\n  const trimmedName = name.trim();\n\n  useEffect((): void => {\n    if (!open) {\n      return;\n    }\n\n    setName(initialName);\n    setCategory(categoryOptions[0] ?? UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION);\n    setError(null);\n  }, [categoryOptions, initialName, open]);\n\n  async function handleConfirm(): Promise<void> {\n    if (!trimmedName) {\n      setError('請輸入模板名稱');\n      return;\n    }\n\n    try {\n      await onSubmit({ categoryId: category.categoryId, name: trimmedName });\n    } catch (submitError: unknown) {\n      setError(readErrorMessage(submitError));\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !trimmedName }}\n      confirmText={confirmText}\n      loading={loading}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void => void handleConfirm()}\n      open={open}\n      showModalFooter\n      showModalHeader\n      size=\"narrow\"\n      title={title}\n    >\n      <BPMFormField label=\"模板名稱\" name=\"templateName\" required>\n        <Input\n          autoFocus\n          fullWidth\n          onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n            setName(event.target.value);\n            setError(null);\n          }}\n          placeholder=\"例如：費用申請流程\"\n          value={name}\n          variant=\"base\"\n        />\n      </BPMFormField>\n      <BPMFormField label=\"分類\" name=\"templateCategory\">\n        <Select\n          clearable={false}\n          fullWidth\n          onChange={(option): void => {\n            setCategory(readCategoryOption(option, categoryOptions));\n            setError(null);\n          }}\n          options={[...categoryOptions]}\n          placeholder=\"選擇分類\"\n          value={category}\n        />\n      </BPMFormField>\n      {error ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {error}\n        </Typography>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nexport const UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'UNCATEGORIZED',\n  name: '未分類',\n};\n\nfunction readCategoryOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION\n  );\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n","'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Tab,\n  TabItem,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport styles from './templates.module.scss';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { useBPMRoutes } from '../../lib/routes-config';\nimport {\n  TemplateCategoryOption,\n  TemplateNameModal,\n  UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n} from './template-name-modal';\nimport {\n  ApprovalTemplateListStatus,\n  ApprovalTemplateRecord,\n  ApprovalTemplateCategoryRecord,\n  createApprovalTemplate,\n  listApprovalTemplateCategoriesPage,\n  listApprovalTemplatesPage,\n} from '@rytass/bpm-core-client/template';\nimport { listLaunchableTemplates } from '@rytass/bpm-core-client/workflow';\n\nconst TEMPLATE_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst TEMPLATE_STATUS_TABS: readonly {\n  readonly key: TemplateStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\nconst TEMPLATE_CATEGORY_PAGE_SIZE = 100;\n\ntype TemplateStatusTabKey = 'ALL' | ApprovalTemplateListStatus;\n\ntype TemplateRow = Readonly<\n  Record<string, unknown> &\n    ApprovalTemplateRecord & {\n      categoryLabel: string;\n      key: string;\n      status: ApprovalTemplateListStatus;\n    }\n>;\n\n\nexport function TemplatesView(): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const [templates, setTemplates] = useState<readonly ApprovalTemplateRecord[]>(\n    [],\n  );\n  const [categoryFilter, setCategoryFilter] = useState<TemplateCategoryOption>(\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n  );\n  const [categoryOptions, setCategoryOptions] = useState<\n    readonly TemplateCategoryOption[]\n  >([]);\n  const [launchableTemplateIds, setLaunchableTemplateIds] = useState<\n    ReadonlySet<string>\n  >(new Set());\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [templatePage, setTemplatePage] = useState(1);\n  const [templatePageSize, setTemplatePageSize] = useState(10);\n  const [templateSearchText, setTemplateSearchText] = useState('');\n  const [templateStatus, setTemplateStatus] =\n    useState<TemplateStatusTabKey>('ALL');\n  const [templateTotalCount, setTemplateTotalCount] = useState(0);\n\n  const refreshTemplates = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [\n        templatePageResult,\n        nextLaunchableTemplates,\n        activeCategoryPageResult,\n      ] = await Promise.all([\n        listApprovalTemplatesPage({\n          categoryId: categoryFilter.categoryId,\n          page: templatePage,\n          pageSize: templatePageSize,\n          searchText: templateSearchText,\n          status: templateStatus === 'ALL' ? null : templateStatus,\n        }),\n        listLaunchableTemplates(),\n        listApprovalTemplateCategoriesPage({\n          page: 1,\n          pageSize: TEMPLATE_CATEGORY_PAGE_SIZE,\n          searchText: '',\n          status: 'ACTIVE',\n        }),\n      ]);\n\n      setCategoryOptions([\n        ...activeCategoryPageResult.categories.map(readCategoryOption),\n      ]);\n      setTemplates(templatePageResult.templates);\n      setTemplateTotalCount(templatePageResult.totalCount);\n      setLaunchableTemplateIds(\n        new Set(nextLaunchableTemplates.map((template) => template.id)),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [\n    categoryFilter,\n    templatePage,\n    templatePageSize,\n    templateSearchText,\n    templateStatus,\n  ]);\n\n  useEffect((): void => {\n    void refreshTemplates();\n  }, [refreshTemplates]);\n\n  const rows = useMemo(\n    (): TemplateRow[] =>\n      templates.map((template) => ({\n        ...template,\n        categoryLabel: readTemplateCategoryLabel(template),\n        key: template.id,\n        status: template.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(template.updatedAt),\n      })),\n    [templates],\n  );\n  const columns = useMemo(\n    (): TableColumn<TemplateRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '模板名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'category',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateCategoryLabel record={record} />\n        ),\n        title: '分類',\n        width: 160,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<TemplateRow> => ({\n      render: (record): ReturnType<TableActions<TemplateRow>['render']> => [\n        {\n          disabled: (template): boolean =>\n            !launchableTemplateIds.has(template.id),\n          name: '發起',\n          onClick: (): void =>\n            router.push(routes.caseNew(record.id)),\n          variant: 'base-primary',\n        },\n        {\n          name: '設計',\n          onClick: (): void => router.push(routes.templateDesigner(record.id)),\n        },\n        {\n          name: '版本',\n          onClick: (): void => router.push(routes.templateVersions(record.id)),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 192,\n    }),\n    [launchableTemplateIds, router],\n  );\n\n  async function handleCreateTemplate({\n    categoryId,\n    name,\n  }: {\n    readonly categoryId: string | null;\n    readonly name: string;\n  }): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const templateId = await createApprovalTemplate({ categoryId, name });\n      setCreateModalOpen(false);\n      router.push(routes.templateDesigner(templateId));\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <>\n          <PageHeader>\n            <ContentHeader\n              description=\"建立流程模板、維護草稿與發布版本。\"\n              title=\"簽核模板\"\n            >\n              <Button\n                disabled={creating}\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void => setCreateModalOpen(true)}\n                variant=\"base-primary\"\n              >\n                建立模板\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              filterArea={\n                <FilterArea className={styles.templateFilterArea} size=\"sub\">\n                  <FilterLine>\n                    <Filter span={3}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateSearchText\"\n                      >\n                        <Input\n                          fullWidth\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            setTemplateSearchText(event.target.value);\n                            setTemplatePage(1);\n                          }}\n                          placeholder=\"關鍵字：搜尋模板名稱、分類或描述\"\n                          size=\"sub\"\n                          value={templateSearchText}\n                          variant=\"base\"\n                        />\n                      </FormField>\n                    </Filter>\n                    <Filter span={2}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"templateCategoryFilter\"\n                      >\n                        <Select\n                          clearable={false}\n                          fullWidth\n                          onChange={(option): void => {\n                            setCategoryFilter(\n                              readCategoryFilterOption(option, categoryOptions),\n                            );\n                            setTemplatePage(1);\n                          }}\n                          options={[\n                            UNCATEGORIZED_TEMPLATE_FILTER_OPTION,\n                            ...categoryOptions,\n                          ]}\n                          placeholder=\"分類\"\n                          renderValue={(value): string =>\n                            `分類：${readTemplateCategoryFilterLabel(value)}`\n                          }\n                          size=\"sub\"\n                          value={categoryFilter}\n                        />\n                      </FormField>\n                    </Filter>\n                  </FilterLine>\n                </FilterArea>\n              }\n              tab={\n                <Tab\n                  activeKey={templateStatus}\n                  onChange={(activeKey): void => {\n                    setTemplateStatus(readTemplateStatusTabKey(activeKey));\n                    setTemplatePage(1);\n                  }}\n                >\n                  {TEMPLATE_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\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: templatePage,\n                  onChange: (page): void => {\n                    setTemplatePage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setTemplatePage(1);\n                    setTemplatePageSize(pageSize);\n                  },\n                  pageSize: templatePageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: TEMPLATE_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: templateTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </>\n\n      <TemplateNameModal\n        categoryOptions={[\n          UNCATEGORIZED_TEMPLATE_CATEGORY_OPTION,\n          ...categoryOptions,\n        ]}\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateTemplate}\n        open={createModalOpen}\n        title=\"建立簽核模板\"\n      />\n    </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction readTemplateStatusTabKey(activeKey: Key): TemplateStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction TemplateStatusBadge({\n  status,\n}: {\n  readonly status: ApprovalTemplateListStatus;\n}): ReactElement {\n  if (status === 'PUBLISHED') {\n    return <Badge size=\"sub\" text=\"已發布\" variant=\"dot-success\" />;\n  }\n\n  return <Badge size=\"sub\" text=\"草稿\" variant=\"dot-inactive\" />;\n}\n\nfunction TemplateCategoryLabel({\n  record,\n}: {\n  readonly record: TemplateRow;\n}): ReactElement {\n  if (record.categoryDetail?.isActive === false) {\n    return (\n      <Badge\n        size=\"sub\"\n        text={`${record.categoryLabel}（停用）`}\n        variant=\"dot-inactive\"\n      />\n    );\n  }\n\n  return (\n    <Typography component=\"span\" variant=\"body\">\n      {record.categoryLabel}\n    </Typography>\n  );\n}\n\nconst UNCATEGORIZED_TEMPLATE_FILTER_OPTION: TemplateCategoryOption = {\n  categoryId: null,\n  id: 'ALL_CATEGORIES',\n  name: '全部分類',\n};\n\nfunction readCategoryOption(\n  category: ApprovalTemplateCategoryRecord,\n): TemplateCategoryOption {\n  return {\n    categoryId: category.id,\n    id: category.id,\n    name: category.name,\n  };\n}\n\nfunction readCategoryFilterOption(\n  value: unknown,\n  options: readonly TemplateCategoryOption[],\n): TemplateCategoryOption {\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  const id = typeof value.id === 'string' ? value.id : null;\n\n  if (id === UNCATEGORIZED_TEMPLATE_FILTER_OPTION.id) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION;\n  }\n\n  return (\n    options.find((option) => option.id === id) ??\n    UNCATEGORIZED_TEMPLATE_FILTER_OPTION\n  );\n}\n\nfunction readTemplateCategoryFilterLabel(value: unknown): string {\n  if (Array.isArray(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  if (!isRecord(value)) {\n    return UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n  }\n\n  return typeof value.name === 'string'\n    ? value.name\n    : UNCATEGORIZED_TEMPLATE_FILTER_OPTION.name;\n}\n\nfunction readTemplateCategoryLabel(template: ApprovalTemplateRecord): string {\n  return template.categoryDetail?.name ?? template.category ?? '未分類';\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"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"}

package/dist/index.cjs

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

package/dist/index.js

@@ -1,12 +1,12 @@
 "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 { n as e, r as t, t as n } from "./chunks/router-adapter-DftlFTOd.js";
+import { n as r, t as i } from "./chunks/auth-provider-B5oPmvk2.js";
 import { t as a } from "./chunks/format-date-time-CB-LxzqT.js";
 import { n as o, r as s, t as c } from "./chunks/routes-config-dxahImVe.js";
 import { a as l, i as u, n as d, o as f, r as p, t as m } from "./chunks/admin-pickers-DLlG_1du.js";
-import { t as h } from "./chunks/approval-instance-list-page-BtEc8Cs3.js";
+import { t as h } from "./chunks/approval-instance-list-page-BF2r5D2-.js";
 import { t as g } from "./chunks/bpm-form-field-Cao0rMol.js";
-import { t as _ } from "./chunks/dashboard-page-CQRBJxze.js";
+import { t as _ } from "./chunks/dashboard-page-Ib8srCMy.js";
 import { Fragment as v, createContext as y, useCallback as b, useContext as x, useEffect as S, useMemo as C, useState as w } from "react";
 import { NavigationIconButton as T } from "@mezzanine-ui/react";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";

package/dist/next/BPMNextProviders.d.ts

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

package/dist/next/index.cjs

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

package/dist/next/index.cjs.map

@@ -1 +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';\nimport type { CalendarLocale } from '@mezzanine-ui/react/moment';\n\nexport interface BPMNextProvidersProps {\n  readonly children: ReactNode;\n  /**\n   * Override the Mezzanine calendar locale. Forwarded to the inner\n   * `<Providers>`. Defaults to `CalendarLocale.ZH_TW`.\n   */\n  readonly locale?: CalendarLocale;\n  /**\n   * Routes that must remain accessible without a BPM session — visiting\n   * these does not redirect to `loginPath` even when `member` is null.\n   * Forwarded to `<AuthProvider>`. Defaults to `['/login']`.\n   *\n   * Hosts that mount BPM under a non-root prefix (see\n   * `<BPMRoutesProvider>`) should typically expand this to include their\n   * own auth-bypass paths.\n   */\n  readonly publicPaths?: readonly string[];\n  /**\n   * Where to redirect unauthenticated users. Forwarded to\n   * `<AuthProvider>`. Defaults to `'/login'`. Hosts owning their own\n   * login route (the recommended case) override this to their host\n   * route, e.g. `'/auth/sign-in'`.\n   */\n  readonly loginPath?: string;\n}\n\nfunction BPMNextProvidersBody({\n  children,\n  locale,\n  publicPaths,\n  loginPath,\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\n        locale={locale}\n        publicPaths={publicPaths}\n        loginPath={loginPath}\n      >\n        {children}\n      </BPMProviders>\n    </RouterAdapterProvider>\n  );\n}\n\n/**\n * One-line Next.js App Router shim for the full BPM provider stack.\n * Mounts in the host's root layout (or layout for the BPM sub-tree):\n *\n * ```tsx\n * import { BPMNextProviders } from '@rytass/bpm-core-react/next';\n *\n * export default function RootLayout({ children }) {\n *   return (\n *     <html><body>\n *       <BPMNextProviders loginPath=\"/auth/sign-in\">\n *         {children}\n *       </BPMNextProviders>\n *     </body></html>\n *   );\n * }\n * ```\n *\n * Forwards every prop on {@link BPMNextProvidersProps} to the inner\n * `<Providers>` and `<AuthProvider>`. For per-feature path remapping\n * (BPM internal navigation), additionally wrap with\n * `<BPMRoutesProvider>` exported from the same subpath.\n */\nexport function BPMNextProviders(props: BPMNextProvidersProps): ReactElement {\n  return (\n    <Suspense fallback={null}>\n      <BPMNextProvidersBody {...props} />\n    </Suspense>\n  );\n}\n"],"mappings":"+PA0CA,SAAS,EAAqB,CAC5B,WACA,SACA,cACA,aACsC,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,CACU,SACK,cACF,YAEV,UACW,CAAA,CACO,CAAA,CAE3B,CAyBA,SAAgB,EAAiB,EAA4C,CAC3E,OACE,EAAA,EAAA,KAAC,EAAA,SAAD,CAAU,SAAU,eAClB,EAAA,EAAA,KAAC,EAAD,CAAsB,GAAI,CAAQ,CAAA,CAC1B,CAAA,CAEd"}
+{"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`\n// router/pathname hooks, builds a `RouterAdapter`, then composes\n// `<RouterAdapterProvider>` and the shared `<BPMProviders>`.\n//\n// IMPORTANT: This component intentionally does NOT call\n// `useSearchParams()`. Doing so triggers Next.js's CSR bailout at static\n// prerender, and any `<Suspense fallback={null}>` we wrap around it then\n// erases `<RouterAdapterProvider>` from the SSR/hydration tree — leaving\n// every BPM view to throw \"must be used inside <RouterAdapterProvider>\"\n// when it mounts. None of the shipped BPM views consume\n// `RouterAdapter.searchParams()` anyway; hosts that need reactive query\n// string state should call Next's `useSearchParams()` directly in their\n// page (with their own Suspense). The lazy default getter below is\n// good enough for read-on-demand callers.\n\nimport { useMemo, type ReactElement, type ReactNode } from 'react';\nimport { usePathname, useRouter } from 'next/navigation';\nimport {\n  Providers as BPMProviders,\n  RouterAdapterProvider,\n  defaultBrowserSearchParams,\n  type RouterAdapter,\n} from '@rytass/bpm-core-react';\nimport type { CalendarLocale } from '@mezzanine-ui/react/moment';\n\nexport interface BPMNextProvidersProps {\n  readonly children: ReactNode;\n  /**\n   * Override the Mezzanine calendar locale. Forwarded to the inner\n   * `<Providers>`. Defaults to `CalendarLocale.ZH_TW`.\n   */\n  readonly locale?: CalendarLocale;\n  /**\n   * Routes that must remain accessible without a BPM session — visiting\n   * these does not redirect to `loginPath` even when `member` is null.\n   * Forwarded to `<AuthProvider>`. Defaults to `['/login']`.\n   *\n   * Hosts that mount BPM under a non-root prefix (see\n   * `<BPMRoutesProvider>`) should typically expand this to include their\n   * own auth-bypass paths.\n   */\n  readonly publicPaths?: readonly string[];\n  /**\n   * Where to redirect unauthenticated users. Forwarded to\n   * `<AuthProvider>`. Defaults to `'/login'`. Hosts owning their own\n   * login route (the recommended case) override this to their host\n   * route, e.g. `'/auth/sign-in'`.\n   */\n  readonly loginPath?: string;\n}\n\n/**\n * One-line Next.js App Router shim for the full BPM provider stack.\n * Mounts in the host's root layout (or layout for the BPM sub-tree):\n *\n * ```tsx\n * import { BPMNextProviders } from '@rytass/bpm-core-react/next';\n *\n * export default function RootLayout({ children }) {\n *   return (\n *     <html><body>\n *       <BPMNextProviders loginPath=\"/auth/sign-in\">\n *         {children}\n *       </BPMNextProviders>\n *     </body></html>\n *   );\n * }\n * ```\n *\n * Forwards every prop on {@link BPMNextProvidersProps} to the inner\n * `<Providers>` and `<AuthProvider>`. For per-feature path remapping\n * (BPM internal navigation), additionally wrap with\n * `<BPMRoutesProvider>` exported from the same subpath.\n */\nexport function BPMNextProviders({\n  children,\n  locale,\n  publicPaths,\n  loginPath,\n}: BPMNextProvidersProps): ReactElement {\n  const nextRouter = useRouter();\n  const pathname = usePathname();\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 => defaultBrowserSearchParams(),\n    }),\n    [nextRouter, pathname],\n  );\n\n  return (\n    <RouterAdapterProvider value={adapter}>\n      <BPMProviders\n        locale={locale}\n        publicPaths={publicPaths}\n        loginPath={loginPath}\n      >\n        {children}\n      </BPMProviders>\n    </RouterAdapterProvider>\n  );\n}\n"],"mappings":"+PA4EA,SAAgB,EAAiB,CAC/B,WACA,SACA,cACA,aACsC,CACtC,IAAM,GAAA,EAAA,EAAA,WAAuB,EACvB,GAAA,EAAA,EAAA,aAAuB,EAa7B,OACE,EAAA,EAAA,KAAC,EAAA,sBAAD,CAAuB,OAAA,EAAA,EAAA,cAXhB,CACL,WACA,KAAO,GAAuB,EAAW,KAAK,CAAI,EAClD,QAAU,GAAuB,EAAW,QAAQ,CAAI,EACxD,SAAkB,EAAW,KAAK,EAClC,kBAAA,EAAA,EAAA,4BAAgE,CAClE,GACA,CAAC,EAAY,CAAQ,CAIS,YAC5B,EAAA,EAAA,KAAC,EAAA,UAAD,CACU,SACK,cACF,YAEV,UACW,CAAA,CACO,CAAA,CAE3B"}

package/dist/next/index.js

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

package/dist/next/index.js.map

@@ -1 +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';\nimport type { CalendarLocale } from '@mezzanine-ui/react/moment';\n\nexport interface BPMNextProvidersProps {\n  readonly children: ReactNode;\n  /**\n   * Override the Mezzanine calendar locale. Forwarded to the inner\n   * `<Providers>`. Defaults to `CalendarLocale.ZH_TW`.\n   */\n  readonly locale?: CalendarLocale;\n  /**\n   * Routes that must remain accessible without a BPM session — visiting\n   * these does not redirect to `loginPath` even when `member` is null.\n   * Forwarded to `<AuthProvider>`. Defaults to `['/login']`.\n   *\n   * Hosts that mount BPM under a non-root prefix (see\n   * `<BPMRoutesProvider>`) should typically expand this to include their\n   * own auth-bypass paths.\n   */\n  readonly publicPaths?: readonly string[];\n  /**\n   * Where to redirect unauthenticated users. Forwarded to\n   * `<AuthProvider>`. Defaults to `'/login'`. Hosts owning their own\n   * login route (the recommended case) override this to their host\n   * route, e.g. `'/auth/sign-in'`.\n   */\n  readonly loginPath?: string;\n}\n\nfunction BPMNextProvidersBody({\n  children,\n  locale,\n  publicPaths,\n  loginPath,\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\n        locale={locale}\n        publicPaths={publicPaths}\n        loginPath={loginPath}\n      >\n        {children}\n      </BPMProviders>\n    </RouterAdapterProvider>\n  );\n}\n\n/**\n * One-line Next.js App Router shim for the full BPM provider stack.\n * Mounts in the host's root layout (or layout for the BPM sub-tree):\n *\n * ```tsx\n * import { BPMNextProviders } from '@rytass/bpm-core-react/next';\n *\n * export default function RootLayout({ children }) {\n *   return (\n *     <html><body>\n *       <BPMNextProviders loginPath=\"/auth/sign-in\">\n *         {children}\n *       </BPMNextProviders>\n *     </body></html>\n *   );\n * }\n * ```\n *\n * Forwards every prop on {@link BPMNextProvidersProps} to the inner\n * `<Providers>` and `<AuthProvider>`. For per-feature path remapping\n * (BPM internal navigation), additionally wrap with\n * `<BPMRoutesProvider>` exported from the same subpath.\n */\nexport function BPMNextProviders(props: BPMNextProvidersProps): ReactElement {\n  return (\n    <Suspense fallback={null}>\n      <BPMNextProvidersBody {...props} />\n    </Suspense>\n  );\n}\n"],"mappings":";;;;;;;AA0CA,SAAS,EAAqB,EAC5B,aACA,WACA,gBACA,gBACsC;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;GACU;GACK;GACF;GAEV;EACW,CAAA;CACO,CAAA;AAE3B;AAyBA,SAAgB,EAAiB,GAA4C;CAC3E,OACE,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD,EAAsB,GAAI,EAAQ,CAAA;CAC1B,CAAA;AAEd"}
+{"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`\n// router/pathname hooks, builds a `RouterAdapter`, then composes\n// `<RouterAdapterProvider>` and the shared `<BPMProviders>`.\n//\n// IMPORTANT: This component intentionally does NOT call\n// `useSearchParams()`. Doing so triggers Next.js's CSR bailout at static\n// prerender, and any `<Suspense fallback={null}>` we wrap around it then\n// erases `<RouterAdapterProvider>` from the SSR/hydration tree — leaving\n// every BPM view to throw \"must be used inside <RouterAdapterProvider>\"\n// when it mounts. None of the shipped BPM views consume\n// `RouterAdapter.searchParams()` anyway; hosts that need reactive query\n// string state should call Next's `useSearchParams()` directly in their\n// page (with their own Suspense). The lazy default getter below is\n// good enough for read-on-demand callers.\n\nimport { useMemo, type ReactElement, type ReactNode } from 'react';\nimport { usePathname, useRouter } from 'next/navigation';\nimport {\n  Providers as BPMProviders,\n  RouterAdapterProvider,\n  defaultBrowserSearchParams,\n  type RouterAdapter,\n} from '@rytass/bpm-core-react';\nimport type { CalendarLocale } from '@mezzanine-ui/react/moment';\n\nexport interface BPMNextProvidersProps {\n  readonly children: ReactNode;\n  /**\n   * Override the Mezzanine calendar locale. Forwarded to the inner\n   * `<Providers>`. Defaults to `CalendarLocale.ZH_TW`.\n   */\n  readonly locale?: CalendarLocale;\n  /**\n   * Routes that must remain accessible without a BPM session — visiting\n   * these does not redirect to `loginPath` even when `member` is null.\n   * Forwarded to `<AuthProvider>`. Defaults to `['/login']`.\n   *\n   * Hosts that mount BPM under a non-root prefix (see\n   * `<BPMRoutesProvider>`) should typically expand this to include their\n   * own auth-bypass paths.\n   */\n  readonly publicPaths?: readonly string[];\n  /**\n   * Where to redirect unauthenticated users. Forwarded to\n   * `<AuthProvider>`. Defaults to `'/login'`. Hosts owning their own\n   * login route (the recommended case) override this to their host\n   * route, e.g. `'/auth/sign-in'`.\n   */\n  readonly loginPath?: string;\n}\n\n/**\n * One-line Next.js App Router shim for the full BPM provider stack.\n * Mounts in the host's root layout (or layout for the BPM sub-tree):\n *\n * ```tsx\n * import { BPMNextProviders } from '@rytass/bpm-core-react/next';\n *\n * export default function RootLayout({ children }) {\n *   return (\n *     <html><body>\n *       <BPMNextProviders loginPath=\"/auth/sign-in\">\n *         {children}\n *       </BPMNextProviders>\n *     </body></html>\n *   );\n * }\n * ```\n *\n * Forwards every prop on {@link BPMNextProvidersProps} to the inner\n * `<Providers>` and `<AuthProvider>`. For per-feature path remapping\n * (BPM internal navigation), additionally wrap with\n * `<BPMRoutesProvider>` exported from the same subpath.\n */\nexport function BPMNextProviders({\n  children,\n  locale,\n  publicPaths,\n  loginPath,\n}: BPMNextProvidersProps): ReactElement {\n  const nextRouter = useRouter();\n  const pathname = usePathname();\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 => defaultBrowserSearchParams(),\n    }),\n    [nextRouter, pathname],\n  );\n\n  return (\n    <RouterAdapterProvider value={adapter}>\n      <BPMProviders\n        locale={locale}\n        publicPaths={publicPaths}\n        loginPath={loginPath}\n      >\n        {children}\n      </BPMProviders>\n    </RouterAdapterProvider>\n  );\n}\n"],"mappings":";;;;;;;AA4EA,SAAgB,EAAiB,EAC/B,aACA,WACA,gBACA,gBACsC;CACtC,IAAM,IAAa,EAAU,GACvB,IAAW,EAAY;CAa7B,OACE,kBAAC,GAAD;EAAuB,OAZT,SACP;GACL;GACA,OAAO,MAAuB,EAAW,KAAK,CAAI;GAClD,UAAU,MAAuB,EAAW,QAAQ,CAAI;GACxD,YAAkB,EAAW,KAAK;GAClC,oBAAqC,EAA2B;EAClE,IACA,CAAC,GAAY,CAAQ,CAIS;YAC5B,kBAAC,GAAD;GACU;GACK;GACF;GAEV;EACW,CAAA;CACO,CAAA;AAE3B"}

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

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/delegations-DwbYkNUg.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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/delegations-DDEk-WI6.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.js

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

package/dist/pages/delegations/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/delegations-CFXaJrdX.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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/delegations-C2wLWsDQ.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.js

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

package/dist/pages/forms/builder/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/builder-f-Q_0NUs.cjs");let t=require("react/jsx-runtime");var n={title:`表單編輯器 | BPM Admin`,description:`編輯 BPM 表單欄位、版本與預覽。`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{formId:r})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/builder-DVE9zIKH.cjs");let t=require("react/jsx-runtime");var n={title:`表單編輯器 | BPM Admin`,description:`編輯 BPM 表單欄位、版本與預覽。`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{formId:r})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/forms/builder/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/builder-C3E-8OJu.js";
+import { t as e } from "../../../chunks/builder-BLVnnpnP.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/forms/builder/index.tsx
 var n = {

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

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/detail-B9JkYNHc.cjs");let t=require("react/jsx-runtime");var n={title:`案件詳情 | BPM Admin`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{instanceId:r})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/detail-Dcr5mM8g.cjs");let t=require("react/jsx-runtime");var n={title:`案件詳情 | BPM Admin`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{instanceId:r})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/detail-CSxI04gB.js";
+import { t as e } from "../../../chunks/detail-u9DdLhDW.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/instances/detail/index.tsx
 var n = { title: "案件詳情 | BPM Admin" };

package/dist/pages/login/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/login-BfmfCclF.cjs");let t=require("react/jsx-runtime");var n={title:`Login | BPM Admin`,description:`Sign in to the BPM approval workflow administration console.`};async function r({searchParams:n}){let{next:r}=await n;return(0,t.jsx)(e.t,{defaultNextPath:r})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/login-9bCXyjbX.cjs");let t=require("react/jsx-runtime");var n={title:`Login | BPM Admin`,description:`Sign in to the BPM approval workflow administration console.`};async function r({searchParams:n}){let{next:r}=await n;return(0,t.jsx)(e.t,{defaultNextPath:r})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/login/index.js

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

package/dist/pages/settings/notifications/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/notifications-a-FCxV02.cjs");let t=require("react/jsx-runtime");var n={title:`通知設定 | BPM Admin`,description:`調整站內通知、Email 通知與摘要頻率。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/notifications-BKs4--96.cjs");let t=require("react/jsx-runtime");var n={title:`通知設定 | BPM Admin`,description:`調整站內通知、Email 通知與摘要頻率。`};function r(){return(0,t.jsx)(e.t,{})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/settings/notifications/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/notifications-BoNa1BXD.js";
+import { t as e } from "../../../chunks/notifications-CSulztkU.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/pages/settings/notifications/index.tsx
 var n = {

package/dist/pages/templates/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/templates-CL8bPvgn.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;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/templates-w96t83N-.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/templates/index.js

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

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/delegations-DwbYkNUg.cjs");exports.AdminDelegationsView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/delegations-DDEk-WI6.cjs");exports.AdminDelegationsView=e.t;

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/delegations-D5pPEWsP.js";
+import { t as e } from "../../../chunks/delegations-iVnRi3QE.js";
 export { e as AdminDelegationsView };

package/dist/views/admin/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/users-qghSMtLn.cjs"),t=require("../../chunks/orgs-BIiqzHvb.cjs"),n=require("../../chunks/delegations-DwbYkNUg.cjs");exports.AdminDelegationsView=n.t,exports.AdminOrgsView=t.t,exports.AdminUsersView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/users-qghSMtLn.cjs"),t=require("../../chunks/orgs-BIiqzHvb.cjs"),n=require("../../chunks/delegations-DDEk-WI6.cjs");exports.AdminDelegationsView=n.t,exports.AdminOrgsView=t.t,exports.AdminUsersView=e.t;

package/dist/views/admin/index.js

@@ -1,4 +1,4 @@
 import { t as e } from "../../chunks/users-CUY139DF.js";
 import { t } from "../../chunks/orgs-Cc18umVt.js";
-import { t as n } from "../../chunks/delegations-D5pPEWsP.js";
+import { t as n } from "../../chunks/delegations-iVnRi3QE.js";
 export { n as AdminDelegationsView, t as AdminOrgsView, e as AdminUsersView };

package/dist/views/cc/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/approval-instance-list-page-UNIIgUZy.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsx)(e.t,{defaultState:null,description:`查看抄送給你的簽核案件。`,emptyMessage:`目前沒有抄送給你的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`抄送給我`,view:`CC`})}exports.CcView=n;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/approval-instance-list-page-C5ZKPHdA.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsx)(e.t,{defaultState:null,description:`查看抄送給你的簽核案件。`,emptyMessage:`目前沒有抄送給你的簽核案件。`,searchPlaceholder:`關鍵字：搜尋案件、發起人、模板或狀態`,title:`抄送給我`,view:`CC`})}exports.CcView=n;
 //# sourceMappingURL=index.cjs.map

package/dist/views/cc/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../chunks/approval-instance-list-page-BtEc8Cs3.js";
+import { t as e } from "../../chunks/approval-instance-list-page-BF2r5D2-.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/views/cc/CcView.tsx
 function n() {

package/dist/views/dashboard/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/dashboard-page-DrDChhg1.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsx)(e.t,{})}exports.DashboardView=n;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/dashboard-page-CddG1MnK.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsx)(e.t,{})}exports.DashboardView=n;
 //# sourceMappingURL=index.cjs.map

package/dist/views/dashboard/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../chunks/dashboard-page-CQRBJxze.js";
+import { t as e } from "../../chunks/dashboard-page-Ib8srCMy.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/views/dashboard/DashboardView.tsx
 function n() {

package/dist/views/delegations/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/delegations-CFXaJrdX.cjs");exports.DelegationsView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/delegations-C2wLWsDQ.cjs");exports.DelegationsView=e.t;

package/dist/views/delegations/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/delegations-FTLaWo1Y.js";
+import { t as e } from "../../chunks/delegations-ZNtodFaD.js";
 export { e as DelegationsView };

package/dist/views/forms/builder/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/builder-f-Q_0NUs.cjs");exports.FormBuilderView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/builder-DVE9zIKH.cjs");exports.FormBuilderView=e.t;

package/dist/views/forms/builder/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/builder-C3E-8OJu.js";
+import { t as e } from "../../../chunks/builder-BLVnnpnP.js";
 export { e as FormBuilderView };

package/dist/views/forms/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk-CMqjfN_6.cjs"),t=require("../../chunks/router-adapter-BybHrCNP.cjs"),n=require("../../chunks/format-date-time-XxBzF0F5.cjs"),r=require("../../chunks/routes-config-2aKbWq2H.cjs"),i=require("../../chunks/FormRendererView-BwVsH2eX.cjs"),a=require("../../chunks/form-name-modal-uZCHbtRH.cjs");let o=require("react"),s=require("@mezzanine-ui/react"),c=require("react/jsx-runtime"),l=require("@mezzanine-ui/react/ContentHeader");l=e.t(l,1);let u=require("@mezzanine-ui/icons"),d=require("@rytass/bpm-core-client/form");var f=[10,20,50],p=[{key:`ALL`,label:`全部`},{key:`PUBLISHED`,label:`已發布`},{key:`DRAFT`,label:`草稿`}];function m(){let e=t.r(),i=r.r(),[m,y]=(0,o.useState)([]),[b,x]=(0,o.useState)(null),[S,C]=(0,o.useState)(!0),[w,T]=(0,o.useState)(!1),[E,D]=(0,o.useState)(!1),[O,k]=(0,o.useState)(1),[A,j]=(0,o.useState)(10),[M,N]=(0,o.useState)(`ALL`),[P,F]=(0,o.useState)(0),I=(0,o.useCallback)(async()=>{C(!0),x(null);try{let e=await(0,d.listFormDefinitionsPage)({page:O,pageSize:A,status:M===`ALL`?null:M});y(e.forms),F(e.totalCount)}catch(e){x(h(e))}finally{C(!1)}},[O,A,M]);(0,o.useEffect)(()=>{I()},[I]);let L=(0,o.useMemo)(()=>m.map(e=>({...e,key:e.id,status:e.currentVersionId?`PUBLISHED`:`DRAFT`,updatedAt:n.t(e.updatedAt)})),[m]),R=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`表單名稱`,width:220},{key:`status`,render:e=>(0,c.jsx)(g,{status:e.status}),title:`狀態`,width:120},{key:`currentVersionId`,render:e=>(0,c.jsx)(v,{record:e}),title:`目前版本`,width:220}],[]),z=(0,o.useMemo)(()=>({render:t=>[{name:`編輯`,onClick:()=>e.push(i.formBuilder(t.id))}],variant:`base-secondary`,width:88}),[e]);async function B(t){D(!0),x(null);try{let n=await(0,d.createFormDefinition)(t);T(!1),e.push(i.formBuilder(n))}finally{D(!1)}}return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(l.default,{description:`建立表單定義、管理草稿與已發布版本，提供流程模板綁定使用。`,title:`表單設計`,children:(0,c.jsx)(s.Button,{disabled:E,icon:u.PlusIcon,iconType:`leading`,onClick:()=>T(!0),variant:`base-primary`,children:`建立表單`})})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsxs)(s.Section,{tab:(0,c.jsx)(s.Tab,{activeKey:M,onChange:e=>{N(_(e)),k(1)},children:p.map(e=>(0,c.jsx)(s.TabItem,{children:e.label},e.key))}),children:[b?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:b}):null,(0,c.jsx)(s.Table,{columns:R,actions:z,dataSource:L,fullWidth:!0,loading:S,pagination:{current:O,onChange:e=>{k(e)},onChangePageSize:e=>{k(1),j(e)},pageSize:A,pageSizeLabel:`每頁筆數`,pageSizeOptions:f,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:P}})]})})]}),(0,c.jsx)(a.t,{confirmText:`建立`,initialName:``,loading:E,onClose:()=>T(!1),onSubmit:B,open:w,title:`建立表單`})]})}function h(e){return e instanceof Error?e.message:`發生未知錯誤`}function g({status:e}){return e===`PUBLISHED`?(0,c.jsx)(s.Badge,{size:`sub`,text:`已發布`,variant:`dot-success`}):(0,c.jsx)(s.Badge,{size:`sub`,text:`草稿`,variant:`dot-warning`})}function _(e){return e===`PUBLISHED`||e===`DRAFT`?e:`ALL`}function v({record:e}){if(!e.currentVersionId||!e.currentVersionNumber)return(0,c.jsx)(s.Typography,{variant:`body`,children:`尚未發布`});let t=e.currentVersionPublishedAt??e.currentVersionCreatedAt;return(0,c.jsxs)(s.Typography,{variant:`body`,children:[`v`,e.currentVersionNumber,t?` · ${n.t(t)}`:``]})}exports.FormRenderer=i.t,exports.FormRendererView=i.t,exports.FormsView=m;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk-CMqjfN_6.cjs"),t=require("../../chunks/router-adapter--gYs13E8.cjs"),n=require("../../chunks/format-date-time-XxBzF0F5.cjs"),r=require("../../chunks/routes-config-2aKbWq2H.cjs"),i=require("../../chunks/FormRendererView-BwVsH2eX.cjs"),a=require("../../chunks/form-name-modal-uZCHbtRH.cjs");let o=require("react"),s=require("@mezzanine-ui/react"),c=require("react/jsx-runtime"),l=require("@mezzanine-ui/react/ContentHeader");l=e.t(l,1);let u=require("@mezzanine-ui/icons"),d=require("@rytass/bpm-core-client/form");var f=[10,20,50],p=[{key:`ALL`,label:`全部`},{key:`PUBLISHED`,label:`已發布`},{key:`DRAFT`,label:`草稿`}];function m(){let e=t.r(),i=r.r(),[m,y]=(0,o.useState)([]),[b,x]=(0,o.useState)(null),[S,C]=(0,o.useState)(!0),[w,T]=(0,o.useState)(!1),[E,D]=(0,o.useState)(!1),[O,k]=(0,o.useState)(1),[A,j]=(0,o.useState)(10),[M,N]=(0,o.useState)(`ALL`),[P,F]=(0,o.useState)(0),I=(0,o.useCallback)(async()=>{C(!0),x(null);try{let e=await(0,d.listFormDefinitionsPage)({page:O,pageSize:A,status:M===`ALL`?null:M});y(e.forms),F(e.totalCount)}catch(e){x(h(e))}finally{C(!1)}},[O,A,M]);(0,o.useEffect)(()=>{I()},[I]);let L=(0,o.useMemo)(()=>m.map(e=>({...e,key:e.id,status:e.currentVersionId?`PUBLISHED`:`DRAFT`,updatedAt:n.t(e.updatedAt)})),[m]),R=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`表單名稱`,width:220},{key:`status`,render:e=>(0,c.jsx)(g,{status:e.status}),title:`狀態`,width:120},{key:`currentVersionId`,render:e=>(0,c.jsx)(v,{record:e}),title:`目前版本`,width:220}],[]),z=(0,o.useMemo)(()=>({render:t=>[{name:`編輯`,onClick:()=>e.push(i.formBuilder(t.id))}],variant:`base-secondary`,width:88}),[e]);async function B(t){D(!0),x(null);try{let n=await(0,d.createFormDefinition)(t);T(!1),e.push(i.formBuilder(n))}finally{D(!1)}}return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(l.default,{description:`建立表單定義、管理草稿與已發布版本，提供流程模板綁定使用。`,title:`表單設計`,children:(0,c.jsx)(s.Button,{disabled:E,icon:u.PlusIcon,iconType:`leading`,onClick:()=>T(!0),variant:`base-primary`,children:`建立表單`})})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsxs)(s.Section,{tab:(0,c.jsx)(s.Tab,{activeKey:M,onChange:e=>{N(_(e)),k(1)},children:p.map(e=>(0,c.jsx)(s.TabItem,{children:e.label},e.key))}),children:[b?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:b}):null,(0,c.jsx)(s.Table,{columns:R,actions:z,dataSource:L,fullWidth:!0,loading:S,pagination:{current:O,onChange:e=>{k(e)},onChangePageSize:e=>{k(1),j(e)},pageSize:A,pageSizeLabel:`每頁筆數`,pageSizeOptions:f,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:P}})]})})]}),(0,c.jsx)(a.t,{confirmText:`建立`,initialName:``,loading:E,onClose:()=>T(!1),onSubmit:B,open:w,title:`建立表單`})]})}function h(e){return e instanceof Error?e.message:`發生未知錯誤`}function g({status:e}){return e===`PUBLISHED`?(0,c.jsx)(s.Badge,{size:`sub`,text:`已發布`,variant:`dot-success`}):(0,c.jsx)(s.Badge,{size:`sub`,text:`草稿`,variant:`dot-warning`})}function _(e){return e===`PUBLISHED`||e===`DRAFT`?e:`ALL`}function v({record:e}){if(!e.currentVersionId||!e.currentVersionNumber)return(0,c.jsx)(s.Typography,{variant:`body`,children:`尚未發布`});let t=e.currentVersionPublishedAt??e.currentVersionCreatedAt;return(0,c.jsxs)(s.Typography,{variant:`body`,children:[`v`,e.currentVersionNumber,t?` · ${n.t(t)}`:``]})}exports.FormRenderer=i.t,exports.FormRendererView=i.t,exports.FormsView=m;
 //# sourceMappingURL=index.cjs.map

package/dist/views/forms/index.js

@@ -1,5 +1,5 @@
 "use client";
-import { r as e } from "../../chunks/router-adapter-BdHZXLS3.js";
+import { r as e } from "../../chunks/router-adapter-DftlFTOd.js";
 import { t } from "../../chunks/format-date-time-CB-LxzqT.js";
 import { r as n } from "../../chunks/routes-config-dxahImVe.js";
 import { t as r } from "../../chunks/FormRendererView-DrHsuSVo.js";

package/dist/views/inbox/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk-CMqjfN_6.cjs"),t=require("../../chunks/router-adapter-BybHrCNP.cjs"),n=require("../../chunks/auth-provider-D2P-qWmY.cjs"),r=require("../../chunks/format-date-time-XxBzF0F5.cjs"),i=require("../../chunks/routes-config-2aKbWq2H.cjs");let a=require("react"),o=require("@mezzanine-ui/react"),s=require("react/jsx-runtime"),c=require("@rytass/bpm-core-client/workflow"),l=require("@mezzanine-ui/react/ContentHeader");l=e.t(l,1);let u=require("@mezzanine-ui/icons");function d(){let e=t.r(),d=i.r(),{member:m}=n.n(),h=m?.memberId??null,[g,_]=(0,a.useState)(`pending`),[v,b]=(0,a.useState)(null),[S,w]=(0,a.useState)([]),[T,E]=(0,a.useState)(!0),[D,k]=(0,a.useState)([]);(0,a.useEffect)(()=>{h&&I()},[h]);let A=(0,a.useMemo)(()=>[{dataIndex:`caseTitle`,key:`caseTitle`,title:`案件`,width:280},{dataIndex:`nodeId`,key:`nodeId`,title:`節點`,width:180},{dataIndex:`statusLabel`,key:`statusLabel`,title:`狀態`,width:120},{key:`slaDueAt`,render:e=>(0,s.jsx)(o.Typography,{color:e.slaStatusColor,component:`span`,variant:`body`,children:e.slaStatusText}),title:`SLA`,width:180},{key:`createdAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:r.t(e.createdAt)}),title:`建立時間`,width:220}],[]),j=(0,a.useMemo)(()=>({render:t=>[{name:`處理`,onClick:()=>e.push(d.caseDetail(t.instanceId))}],variant:`base-secondary`,width:88}),[e,d]),M=(0,a.useMemo)(()=>[{dataIndex:`caseTitle`,key:`caseTitle`,title:`案件`,width:280},{dataIndex:`nodeId`,key:`nodeId`,title:`節點`,width:180},{key:`decisionLabel`,render:e=>(0,s.jsx)(o.Typography,{color:y(e.decisionAction),component:`span`,variant:`body`,children:e.decisionLabel}),title:`決議`,width:120},{key:`decisionComment`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:e.decisionCommentText}),title:`意見`,width:240},{key:`instanceStateLabel`,render:e=>(0,s.jsx)(o.Typography,{color:x(e.instanceState),component:`span`,variant:`body`,children:e.instanceStateLabel}),title:`流程狀態`,width:140},{key:`decidedAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:C(e.decidedAt)}),title:`簽核時間`,width:220}],[]),N=(0,a.useMemo)(()=>({render:t=>[{name:`查看`,onClick:()=>e.push(d.caseDetail(t.instanceId))}],variant:`base-secondary`,width:88}),[e,d]),P=(0,a.useMemo)(()=>S.filter(e=>e.instanceState===`RUNNING`),[S]);function F(e){if(e===`history`||e===`pending`||e===`tracking`){_(e);return}_(`pending`)}async function I(){E(!0),b(null);try{if(!h){k([]),w([]);return}let[e,t]=await Promise.all([(0,c.listInboxTasks)(h),(0,c.listApprovalHistoryTasks)(h)]),[n,r]=await Promise.all([f(e),p(t)]);k(n),w(r)}catch(e){b(O(e))}finally{E(!1)}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsx)(l.default,{description:`目前以 ${m?.name??h??`目前登入會員`} 查詢待處理與歷史簽核任務。`,title:`我的待簽`,children:(0,s.jsx)(o.Button,{icon:u.PlusIcon,iconType:`leading`,onClick:()=>e.push(d.caseNew()),variant:`base-primary`,children:`發起簽核`})})}),(0,s.jsx)(o.SectionGroup,{children:(0,s.jsxs)(o.Section,{children:[v?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:v}):null,(0,s.jsxs)(o.Tab,{activeKey:g,onChange:F,size:`sub`,children:[(0,s.jsx)(o.TabItem,{badgeCount:T?void 0:D.length,children:`待簽核`},`pending`),(0,s.jsx)(o.TabItem,{badgeCount:T?void 0:P.length,children:`已處理未結束`},`tracking`),(0,s.jsx)(o.TabItem,{children:`歷史簽核記錄`},`history`)]}),g===`pending`?(0,s.jsx)(o.Table,{actions:j,columns:A,dataSource:D,fullWidth:!0,loading:T}):null,g===`tracking`?(0,s.jsx)(o.Table,{actions:N,columns:M,dataSource:P,fullWidth:!0,loading:T}):null,g===`history`?(0,s.jsx)(o.Table,{actions:N,columns:M,dataSource:S,fullWidth:!0,loading:T}):null]})})]})}async function f(e){let t=await m(e);return e.map((e,n)=>({...e,caseTitle:h(e,t[n]??null),key:e.id,slaStatusColor:T(e.slaDueAt),slaStatusText:w(e.slaDueAt),statusLabel:D(e.status)}))}async function p(e){let[t,n]=await Promise.all([Promise.all(e.map(e=>(0,c.listTaskDecisions)(e.id))),m(e)]);return e.map((e,r)=>{let i=g(t[r]??[]),a=n[r]??null;return{...e,caseTitle:h(e,a),decisionAction:i?.action??null,decisionComment:i?.comment??null,decisionCommentText:S(i?.comment??null),decisionLabel:v(i?.action??null),decidedAt:i?.decidedAt??e.completedAt,instanceState:a?.state??null,instanceStateLabel:b(a?.state??null),key:e.id}})}async function m(e){return Promise.all(e.map(async e=>{try{return(await(0,c.readApprovalInstance)(e.instanceId)).instance}catch{return null}}))}function h(e,t){return t?(0,c.readApprovalInstanceCaseTitle)(t):e.instanceId}function g(e){return[...e].sort(_)[0]??null}function _(e,t){return new Date(t.decidedAt).getTime()-new Date(e.decidedAt).getTime()}function v(e){return e===`APPROVED`?`同意`:e===`REJECTED`?`拒絕`:e===`RETURNED`?`退回`:e===`TRANSFERRED`?`轉派`:`未記錄`}function y(e){return e===`APPROVED`?`text-success`:e===`REJECTED`||e===`RETURNED`?`text-error`:`text-neutral`}function b(e){return e===`RUNNING`?`進行中`:e===`APPROVED`?`已通過`:e===`REJECTED`?`已拒絕`:e===`RETURNED`?`已退回`:e===`CANCELLED`?`已取消`:e===`EXPIRED`?`已逾期`:e===`DRAFT`?`草稿`:`-`}function x(e){return e===`APPROVED`?`text-success`:e===`REJECTED`||e===`CANCELLED`||e===`EXPIRED`?`text-error`:`text-neutral`}function S(e){return(e?.trim()??``)||`-`}function C(e){return r.t(e)}function w(e){if(!e)return`-`;let t=new Date(e).getTime(),n=Date.now(),r=E(Math.abs(t-n));return t<n?`已逾期 ${r}`:`剩餘 ${r}`}function T(e){return e?new Date(e).getTime()<Date.now()?`text-error`:`text-success`:`text-neutral`}function E(e){let t=Math.max(1,Math.ceil(e/6e4)),n=Math.floor(t/1440),r=Math.floor(t%1440/60),i=t%60;return n>0?`${n}天 ${r}小時`:r>0?`${r}小時 ${i}分鐘`:`${i}分鐘`}function D(e){return e===`PENDING`?`待處理`:e===`IN_PROGRESS`?`處理中`:e===`COMPLETED`?`已完成`:e===`TRANSFERRED`?`已轉派`:e===`CANCELLED`?`已取消`:e}function O(e){return e instanceof Error?e.message:`發生未知錯誤`}exports.InboxView=d;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk-CMqjfN_6.cjs"),t=require("../../chunks/router-adapter--gYs13E8.cjs"),n=require("../../chunks/auth-provider-4BeCw7cI.cjs"),r=require("../../chunks/format-date-time-XxBzF0F5.cjs"),i=require("../../chunks/routes-config-2aKbWq2H.cjs");let a=require("react"),o=require("@mezzanine-ui/react"),s=require("react/jsx-runtime"),c=require("@rytass/bpm-core-client/workflow"),l=require("@mezzanine-ui/react/ContentHeader");l=e.t(l,1);let u=require("@mezzanine-ui/icons");function d(){let e=t.r(),d=i.r(),{member:m}=n.n(),h=m?.memberId??null,[g,_]=(0,a.useState)(`pending`),[v,b]=(0,a.useState)(null),[S,w]=(0,a.useState)([]),[T,E]=(0,a.useState)(!0),[D,k]=(0,a.useState)([]);(0,a.useEffect)(()=>{h&&I()},[h]);let A=(0,a.useMemo)(()=>[{dataIndex:`caseTitle`,key:`caseTitle`,title:`案件`,width:280},{dataIndex:`nodeId`,key:`nodeId`,title:`節點`,width:180},{dataIndex:`statusLabel`,key:`statusLabel`,title:`狀態`,width:120},{key:`slaDueAt`,render:e=>(0,s.jsx)(o.Typography,{color:e.slaStatusColor,component:`span`,variant:`body`,children:e.slaStatusText}),title:`SLA`,width:180},{key:`createdAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:r.t(e.createdAt)}),title:`建立時間`,width:220}],[]),j=(0,a.useMemo)(()=>({render:t=>[{name:`處理`,onClick:()=>e.push(d.caseDetail(t.instanceId))}],variant:`base-secondary`,width:88}),[e,d]),M=(0,a.useMemo)(()=>[{dataIndex:`caseTitle`,key:`caseTitle`,title:`案件`,width:280},{dataIndex:`nodeId`,key:`nodeId`,title:`節點`,width:180},{key:`decisionLabel`,render:e=>(0,s.jsx)(o.Typography,{color:y(e.decisionAction),component:`span`,variant:`body`,children:e.decisionLabel}),title:`決議`,width:120},{key:`decisionComment`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:e.decisionCommentText}),title:`意見`,width:240},{key:`instanceStateLabel`,render:e=>(0,s.jsx)(o.Typography,{color:x(e.instanceState),component:`span`,variant:`body`,children:e.instanceStateLabel}),title:`流程狀態`,width:140},{key:`decidedAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:C(e.decidedAt)}),title:`簽核時間`,width:220}],[]),N=(0,a.useMemo)(()=>({render:t=>[{name:`查看`,onClick:()=>e.push(d.caseDetail(t.instanceId))}],variant:`base-secondary`,width:88}),[e,d]),P=(0,a.useMemo)(()=>S.filter(e=>e.instanceState===`RUNNING`),[S]);function F(e){if(e===`history`||e===`pending`||e===`tracking`){_(e);return}_(`pending`)}async function I(){E(!0),b(null);try{if(!h){k([]),w([]);return}let[e,t]=await Promise.all([(0,c.listInboxTasks)(h),(0,c.listApprovalHistoryTasks)(h)]),[n,r]=await Promise.all([f(e),p(t)]);k(n),w(r)}catch(e){b(O(e))}finally{E(!1)}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsx)(l.default,{description:`目前以 ${m?.name??h??`目前登入會員`} 查詢待處理與歷史簽核任務。`,title:`我的待簽`,children:(0,s.jsx)(o.Button,{icon:u.PlusIcon,iconType:`leading`,onClick:()=>e.push(d.caseNew()),variant:`base-primary`,children:`發起簽核`})})}),(0,s.jsx)(o.SectionGroup,{children:(0,s.jsxs)(o.Section,{children:[v?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:v}):null,(0,s.jsxs)(o.Tab,{activeKey:g,onChange:F,size:`sub`,children:[(0,s.jsx)(o.TabItem,{badgeCount:T?void 0:D.length,children:`待簽核`},`pending`),(0,s.jsx)(o.TabItem,{badgeCount:T?void 0:P.length,children:`已處理未結束`},`tracking`),(0,s.jsx)(o.TabItem,{children:`歷史簽核記錄`},`history`)]}),g===`pending`?(0,s.jsx)(o.Table,{actions:j,columns:A,dataSource:D,fullWidth:!0,loading:T}):null,g===`tracking`?(0,s.jsx)(o.Table,{actions:N,columns:M,dataSource:P,fullWidth:!0,loading:T}):null,g===`history`?(0,s.jsx)(o.Table,{actions:N,columns:M,dataSource:S,fullWidth:!0,loading:T}):null]})})]})}async function f(e){let t=await m(e);return e.map((e,n)=>({...e,caseTitle:h(e,t[n]??null),key:e.id,slaStatusColor:T(e.slaDueAt),slaStatusText:w(e.slaDueAt),statusLabel:D(e.status)}))}async function p(e){let[t,n]=await Promise.all([Promise.all(e.map(e=>(0,c.listTaskDecisions)(e.id))),m(e)]);return e.map((e,r)=>{let i=g(t[r]??[]),a=n[r]??null;return{...e,caseTitle:h(e,a),decisionAction:i?.action??null,decisionComment:i?.comment??null,decisionCommentText:S(i?.comment??null),decisionLabel:v(i?.action??null),decidedAt:i?.decidedAt??e.completedAt,instanceState:a?.state??null,instanceStateLabel:b(a?.state??null),key:e.id}})}async function m(e){return Promise.all(e.map(async e=>{try{return(await(0,c.readApprovalInstance)(e.instanceId)).instance}catch{return null}}))}function h(e,t){return t?(0,c.readApprovalInstanceCaseTitle)(t):e.instanceId}function g(e){return[...e].sort(_)[0]??null}function _(e,t){return new Date(t.decidedAt).getTime()-new Date(e.decidedAt).getTime()}function v(e){return e===`APPROVED`?`同意`:e===`REJECTED`?`拒絕`:e===`RETURNED`?`退回`:e===`TRANSFERRED`?`轉派`:`未記錄`}function y(e){return e===`APPROVED`?`text-success`:e===`REJECTED`||e===`RETURNED`?`text-error`:`text-neutral`}function b(e){return e===`RUNNING`?`進行中`:e===`APPROVED`?`已通過`:e===`REJECTED`?`已拒絕`:e===`RETURNED`?`已退回`:e===`CANCELLED`?`已取消`:e===`EXPIRED`?`已逾期`:e===`DRAFT`?`草稿`:`-`}function x(e){return e===`APPROVED`?`text-success`:e===`REJECTED`||e===`CANCELLED`||e===`EXPIRED`?`text-error`:`text-neutral`}function S(e){return(e?.trim()??``)||`-`}function C(e){return r.t(e)}function w(e){if(!e)return`-`;let t=new Date(e).getTime(),n=Date.now(),r=E(Math.abs(t-n));return t<n?`已逾期 ${r}`:`剩餘 ${r}`}function T(e){return e?new Date(e).getTime()<Date.now()?`text-error`:`text-success`:`text-neutral`}function E(e){let t=Math.max(1,Math.ceil(e/6e4)),n=Math.floor(t/1440),r=Math.floor(t%1440/60),i=t%60;return n>0?`${n}天 ${r}小時`:r>0?`${r}小時 ${i}分鐘`:`${i}分鐘`}function D(e){return e===`PENDING`?`待處理`:e===`IN_PROGRESS`?`處理中`:e===`COMPLETED`?`已完成`:e===`TRANSFERRED`?`已轉派`:e===`CANCELLED`?`已取消`:e}function O(e){return e instanceof Error?e.message:`發生未知錯誤`}exports.InboxView=d;
 //# sourceMappingURL=index.cjs.map

package/dist/views/inbox/index.js

@@ -1,6 +1,6 @@
 "use client";
-import { r as e } from "../../chunks/router-adapter-BdHZXLS3.js";
-import { n as t } from "../../chunks/auth-provider-TTO9eNZV.js";
+import { r as e } from "../../chunks/router-adapter-DftlFTOd.js";
+import { n as t } from "../../chunks/auth-provider-B5oPmvk2.js";
 import { t as n } from "../../chunks/format-date-time-CB-LxzqT.js";
 import { r } from "../../chunks/routes-config-dxahImVe.js";
 import { useEffect as i, useMemo as a, useState as o } from "react";

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/detail-B9JkYNHc.cjs");exports.InstanceDetailView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/detail-Dcr5mM8g.cjs");exports.InstanceDetailView=e.t;

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../chunks/detail-CSxI04gB.js";
+import { t as e } from "../../../chunks/detail-u9DdLhDW.js";
 export { e as InstanceDetailView };