@rytass/bpm-core-react 0.3.0 → 0.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/views/forms/FormsView.tsx"],"sourcesContent":["'use client';\n\nimport type { Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Layout,\n  PageHeader,\n  Section,\n  SectionGroup,\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 type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { AppNavigation } from '../../components/app-navigation';\nimport {\n  createFormDefinition,\n  FormDefinitionListStatus,\n  FormDefinitionRecord,\n  listFormDefinitionsPage,\n} from '@rytass/bpm-core-client/form';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { FormNameModal } from './form-name-modal';\n\nconst FORM_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst FORM_STATUS_TABS: readonly {\n  readonly key: FormStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\ntype FormDefinitionRow = Readonly<\n  Record<string, unknown> &\n    FormDefinitionRecord & {\n      key: string;\n      status: FormDefinitionListStatus;\n    }\n>;\n\ntype FormStatusTabKey = 'ALL' | FormDefinitionListStatus;\n\nexport interface FormsViewProps {}\n\nexport function FormsView(_props: FormsViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const [forms, setForms] = useState<readonly FormDefinitionRecord[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [formPage, setFormPage] = useState(1);\n  const [formPageSize, setFormPageSize] = useState(10);\n  const [formStatus, setFormStatus] = useState<FormStatusTabKey>('ALL');\n  const [formTotalCount, setFormTotalCount] = useState(0);\n\n  const refreshForms = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await listFormDefinitionsPage({\n        page: formPage,\n        pageSize: formPageSize,\n        status: formStatus === 'ALL' ? null : formStatus,\n      });\n\n      setForms(result.forms);\n      setFormTotalCount(result.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [formPage, formPageSize, formStatus]);\n\n  useEffect((): void => {\n    void refreshForms();\n  }, [refreshForms]);\n\n  const rows = useMemo(\n    (): FormDefinitionRow[] =>\n      forms.map((form) => ({\n        ...form,\n        key: form.id,\n        status: form.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(form.updatedAt),\n      })),\n    [forms],\n  );\n  const columns = useMemo(\n    (): TableColumn<FormDefinitionRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '表單名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <FormStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'currentVersionId',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <CurrentVersionLabel record={record} />\n        ),\n        title: '目前版本',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<FormDefinitionRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<FormDefinitionRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => router.push(`/forms/${record.id}/builder`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  async function handleCreateForm(name: string): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const formId = await createFormDefinition(name);\n      setCreateModalOpen(false);\n      router.push(`/forms/${formId}/builder`);\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <Layout>\n        <AppNavigation activeHref=\"/forms\" />\n\n        <Layout.Main>\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              tab={\n                <Tab\n                  activeKey={formStatus}\n                  onChange={(activeKey): void => {\n                    setFormStatus(readFormStatusTabKey(activeKey));\n                    setFormPage(1);\n                  }}\n                >\n                  {FORM_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                columns={columns}\n                actions={tableActions}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: formPage,\n                  onChange: (page): void => {\n                    setFormPage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setFormPage(1);\n                    setFormPageSize(pageSize);\n                  },\n                  pageSize: formPageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: FORM_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: formTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </Layout.Main>\n      </Layout>\n\n      <FormNameModal\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateForm}\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 FormStatusBadge({\n  status,\n}: {\n  readonly status: FormDefinitionListStatus;\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-warning\" />;\n}\n\nfunction readFormStatusTabKey(activeKey: Key): FormStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction CurrentVersionLabel({\n  record,\n}: {\n  readonly record: FormDefinitionRow;\n}): ReactElement {\n  if (!record.currentVersionId || !record.currentVersionNumber) {\n    return <Typography variant=\"body\">尚未發布</Typography>;\n  }\n\n  const versionTime =\n    record.currentVersionPublishedAt ?? record.currentVersionCreatedAt;\n\n  return (\n    <Typography variant=\"body\">\n      v{record.currentVersionNumber}\n      {versionTime ? ` · ${formatDateTime(versionTime)}` : ''}\n    </Typography>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA8BA,IAAM,IAAyB;CAAC;CAAI;CAAI;AAAE,GACpC,IAGA;CACJ;EAAE,KAAK;EAAO,OAAO;CAAK;CAC1B;EAAE,KAAK;EAAa,OAAO;CAAM;CACjC;EAAE,KAAK;EAAS,OAAO;CAAK;AAC9B;AAcA,SAAgB,EAAU,IAAyB,CAAC,GAAiB;CACnE,IAAM,IAAS,EAAiB,GAC1B,CAAC,GAAO,KAAY,EAA0C,CAAC,CAAC,GAChE,CAAC,GAAO,KAAY,EAAwB,IAAI,GAChD,CAAC,GAAS,KAAc,EAAS,EAAI,GACrC,CAAC,GAAiB,KAAsB,EAAS,EAAK,GACtD,CAAC,GAAU,KAAe,EAAS,EAAK,GACxC,CAAC,GAAU,KAAe,EAAS,CAAC,GACpC,CAAC,GAAc,KAAmB,EAAS,EAAE,GAC7C,CAAC,GAAY,KAAiB,EAA2B,KAAK,GAC9D,CAAC,GAAgB,KAAqB,EAAS,CAAC,GAEhD,IAAe,EAAY,YAA2B;EAE1D,AADA,EAAW,EAAI,GACf,EAAS,IAAI;EAEb,IAAI;GACF,IAAM,IAAS,MAAM,EAAwB;IAC3C,MAAM;IACN,UAAU;IACV,QAAQ,MAAe,QAAQ,OAAO;GACxC,CAAC;GAGD,AADA,EAAS,EAAO,KAAK,GACrB,EAAkB,EAAO,UAAU;EACrC,SAAS,GAAuB;GAC9B,EAAS,EAAiB,CAAY,CAAC;EACzC,UAAU;GACR,EAAW,EAAK;EAClB;CACF,GAAG;EAAC;EAAU;EAAc;CAAU,CAAC;CAEvC,QAAsB;EACpB,EAAkB;CACpB,GAAG,CAAC,CAAY,CAAC;CAEjB,IAAM,IAAO,QAET,EAAM,KAAK,OAAU;EACnB,GAAG;EACH,KAAK,EAAK;EACV,QAAQ,EAAK,mBAAmB,cAAc;EAC9C,WAAW,EAAe,EAAK,SAAS;CAC1C,EAAE,GACJ,CAAC,CAAK,CACR,GACM,IAAU,QAC0B;EACtC;GAAE,WAAW;GAAQ,KAAK;GAAQ,OAAO;GAAQ,OAAO;EAAI;EAC5D;GACE,KAAK;GACL,SAAS,MACP,kBAAC,GAAD,EAAiB,QAAQ,EAAO,OAAS,CAAA;GAE3C,OAAO;GACP,OAAO;EACT;EACA;GACE,KAAK;GACL,SAAS,MACP,kBAAC,GAAD,EAA6B,UAAS,CAAA;GAExC,OAAO;GACP,OAAO;EACT;CACF,GACA,CAAC,CACH,GACM,IAAe,SACqB;EACtC,SACE,MAC0D,CAC1D;GACE,MAAM;GACN,eAAqB,EAAO,KAAK,UAAU,EAAO,GAAG,SAAS;EAChE,CACF;EACA,SAAS;EACT,OAAO;CACT,IACA,CAAC,CAAM,CACT;CAEA,eAAe,GAAiB,GAA6B;EAE3D,AADA,EAAY,EAAI,GAChB,EAAS,IAAI;EAEb,IAAI;GACF,IAAM,IAAS,MAAM,EAAqB,CAAI;GAE9C,AADA,EAAmB,EAAK,GACxB,EAAO,KAAK,UAAU,EAAO,SAAS;EACxC,UAAU;GACR,EAAY,EAAK;EACnB;CACF;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAe,YAAW,SAAU,CAAA,GAEpC,kBAAC,EAAO,MAAR,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,aAAY;EACZ,OAAM;YAEN,kBAAC,GAAD;GACE,UAAU;GACV,MAAM;GACN,UAAS;GACT,eAAqB,EAAmB,EAAI;GAC5C,SAAQ;aACT;EAEO,CAAA;CACK,CAAA,EACL,CAAA,GAEZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,KACE,kBAAC,GAAD;GACE,WAAW;GACX,WAAW,MAAoB;IAE7B,AADA,EAAc,EAAqB,CAAS,CAAC,GAC7C,EAAY,CAAC;GACf;aAEC,EAAiB,KAAK,MACrB,kBAAC,GAAD,EAAA,UAA8B,EAAU,MAAe,GAAzC,EAAU,GAA+B,CACxD;EACE,CAAA;YAZT,CAeG,IACC,kBAAC,GAAD;GAAY,OAAM;GAAa,SAAQ;aACpC;EACS,CAAA,IACV,MACJ,kBAAC,GAAD;GACW;GACT,SAAS;GACT,YAAY;GACZ,WAAA;GACS;GACT,YAAY;IACV,SAAS;IACT,WAAW,MAAe;KACxB,EAAY,CAAI;IAClB;IACA,mBAAmB,MAAmB;KAEpC,AADA,EAAY,CAAC,GACb,EAAgB,CAAQ;IAC1B;IACA,UAAU;IACV,eAAe;IACf,iBAAiB;IACjB,sBAAsB,GAAM,GAAI,MAC9B,MAAM,EAAK,GAAG,EAAG,OAAO,EAAM;IAChC,qBAAqB;IACrB,OAAO;GACT;EACD,CAAA,CACM;IACG,CAAA,CACH,EAAA,CAAA,CACP,EAAA,CAAA,GAER,kBAAC,GAAD;EACE,aAAY;EACZ,aAAY;EACZ,SAAS;EACT,eAAqB,EAAmB,EAAK;EAC7C,UAAU;EACV,MAAM;EACN,OAAM;CACP,CAAA,CACD,EAAA,CAAA;AAEN;AAEA,SAAS,EAAiB,GAAwB;CAChD,OAAO,aAAiB,QAAQ,EAAM,UAAU;AAClD;AAEA,SAAS,EAAgB,EACvB,aAGe;CAKf,OAJI,MAAW,cACN,kBAAC,GAAD;EAAO,MAAK;EAAM,MAAK;EAAM,SAAQ;CAAe,CAAA,IAGtD,kBAAC,GAAD;EAAO,MAAK;EAAM,MAAK;EAAK,SAAQ;CAAe,CAAA;AAC5D;AAEA,SAAS,EAAqB,GAAkC;CAK9D,OAJI,MAAc,eAAe,MAAc,UACtC,IAGF;AACT;AAEA,SAAS,EAAoB,EAC3B,aAGe;CACf,IAAI,CAAC,EAAO,oBAAoB,CAAC,EAAO,sBACtC,OAAO,kBAAC,GAAD;EAAY,SAAQ;YAAO;CAAgB,CAAA;CAGpD,IAAM,IACJ,EAAO,6BAA6B,EAAO;CAE7C,OACE,kBAAC,GAAD;EAAY,SAAQ;YAApB;GAA2B;GACvB,EAAO;GACR,IAAc,MAAM,EAAe,CAAW,MAAM;EAC3C;;AAEhB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/views/forms/FormsView.tsx"],"sourcesContent":["'use client';\n\nimport type { Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  PageHeader,\n  Section,\n  SectionGroup,\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 type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { AppLayout } from '../../components/app-navigation';\nimport {\n  createFormDefinition,\n  FormDefinitionListStatus,\n  FormDefinitionRecord,\n  listFormDefinitionsPage,\n} from '@rytass/bpm-core-client/form';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { FormNameModal } from './form-name-modal';\n\nconst FORM_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst FORM_STATUS_TABS: readonly {\n  readonly key: FormStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'PUBLISHED', label: '已發布' },\n  { key: 'DRAFT', label: '草稿' },\n];\n\ntype FormDefinitionRow = Readonly<\n  Record<string, unknown> &\n    FormDefinitionRecord & {\n      key: string;\n      status: FormDefinitionListStatus;\n    }\n>;\n\ntype FormStatusTabKey = 'ALL' | FormDefinitionListStatus;\n\nexport interface FormsViewProps {}\n\nexport function FormsView(_props: FormsViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const [forms, setForms] = useState<readonly FormDefinitionRecord[]>([]);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const [creating, setCreating] = useState(false);\n  const [formPage, setFormPage] = useState(1);\n  const [formPageSize, setFormPageSize] = useState(10);\n  const [formStatus, setFormStatus] = useState<FormStatusTabKey>('ALL');\n  const [formTotalCount, setFormTotalCount] = useState(0);\n\n  const refreshForms = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const result = await listFormDefinitionsPage({\n        page: formPage,\n        pageSize: formPageSize,\n        status: formStatus === 'ALL' ? null : formStatus,\n      });\n\n      setForms(result.forms);\n      setFormTotalCount(result.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [formPage, formPageSize, formStatus]);\n\n  useEffect((): void => {\n    void refreshForms();\n  }, [refreshForms]);\n\n  const rows = useMemo(\n    (): FormDefinitionRow[] =>\n      forms.map((form) => ({\n        ...form,\n        key: form.id,\n        status: form.currentVersionId ? 'PUBLISHED' : 'DRAFT',\n        updatedAt: formatDateTime(form.updatedAt),\n      })),\n    [forms],\n  );\n  const columns = useMemo(\n    (): TableColumn<FormDefinitionRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '表單名稱', width: 220 },\n      {\n        key: 'status',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <FormStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'currentVersionId',\n        render: (record: FormDefinitionRow): ReactElement => (\n          <CurrentVersionLabel record={record} />\n        ),\n        title: '目前版本',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const tableActions = useMemo(\n    (): TableActions<FormDefinitionRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<FormDefinitionRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => router.push(`/forms/${record.id}/builder`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n\n  async function handleCreateForm(name: string): Promise<void> {\n    setCreating(true);\n    setError(null);\n\n    try {\n      const formId = await createFormDefinition(name);\n      setCreateModalOpen(false);\n      router.push(`/forms/${formId}/builder`);\n    } finally {\n      setCreating(false);\n    }\n  }\n\n  return (\n    <>\n      <AppLayout activeHref=\"/forms\">\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              tab={\n                <Tab\n                  activeKey={formStatus}\n                  onChange={(activeKey): void => {\n                    setFormStatus(readFormStatusTabKey(activeKey));\n                    setFormPage(1);\n                  }}\n                >\n                  {FORM_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                columns={columns}\n                actions={tableActions}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: formPage,\n                  onChange: (page): void => {\n                    setFormPage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setFormPage(1);\n                    setFormPageSize(pageSize);\n                  },\n                  pageSize: formPageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: FORM_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: formTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </AppLayout>\n\n      <FormNameModal\n        confirmText=\"建立\"\n        initialName=\"\"\n        loading={creating}\n        onClose={(): void => setCreateModalOpen(false)}\n        onSubmit={handleCreateForm}\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 FormStatusBadge({\n  status,\n}: {\n  readonly status: FormDefinitionListStatus;\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-warning\" />;\n}\n\nfunction readFormStatusTabKey(activeKey: Key): FormStatusTabKey {\n  if (activeKey === 'PUBLISHED' || activeKey === 'DRAFT') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction CurrentVersionLabel({\n  record,\n}: {\n  readonly record: FormDefinitionRow;\n}): ReactElement {\n  if (!record.currentVersionId || !record.currentVersionNumber) {\n    return <Typography variant=\"body\">尚未發布</Typography>;\n  }\n\n  const versionTime =\n    record.currentVersionPublishedAt ?? record.currentVersionCreatedAt;\n\n  return (\n    <Typography variant=\"body\">\n      v{record.currentVersionNumber}\n      {versionTime ? ` · ${formatDateTime(versionTime)}` : ''}\n    </Typography>\n  );\n}\n"],"mappings":"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"}

package/dist/views/inbox/index.cjs

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

package/dist/views/inbox/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/views/inbox/InboxView.tsx"],"sourcesContent":["'use client';\n\nimport { type Key, ReactElement, useEffect, useMemo, useState } from 'react';\nimport {\n  Button,\n  Layout,\n  PageHeader,\n  Section,\n  SectionGroup,\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 type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport {\n  ApprovalInstanceRecord,\n  listApprovalHistoryTasks,\n  listInboxTasks,\n  listTaskDecisions,\n  readApprovalInstance,\n  readApprovalInstanceCaseTitle,\n  TaskDecisionRecord,\n  TaskRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { useAuth } from '../../lib/auth-provider';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { AppNavigation } from '../../components/app-navigation';\n\ntype InboxTabKey = 'history' | 'pending' | 'tracking';\n\ntype InboxTaskRow = Readonly<\n  Record<string, unknown> &\n    TaskRecord & {\n      caseTitle: string;\n      key: string;\n      slaStatusColor: 'text-error' | 'text-neutral' | 'text-success';\n      slaStatusText: string;\n      statusLabel: string;\n    }\n>;\n\ntype ApprovalHistoryRow = Readonly<\n  Record<string, unknown> &\n    TaskRecord & {\n      caseTitle: string;\n      decisionAction: TaskDecisionRecord['action'] | null;\n      decisionComment: string | null;\n      decisionCommentText: string;\n      decisionLabel: string;\n      decidedAt: string | null;\n      instanceState: ApprovalInstanceRecord['state'] | null;\n      instanceStateLabel: string;\n      key: string;\n    }\n>;\n\nexport interface InboxViewProps {}\n\n/**\n * Framework-agnostic view for the BPM \"我的待簽\" inbox. Mechanical port of\n * `apps/client/src/app/inbox/page.tsx` — renders pending tasks, tracking,\n * and history tabs.\n */\nexport function InboxView(_props: InboxViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [activeTab, setActiveTab] = useState<InboxTabKey>('pending');\n  const [error, setError] = useState<string | null>(null);\n  const [historyRows, setHistoryRows] = useState<ApprovalHistoryRow[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [pendingRows, setPendingRows] = useState<InboxTaskRow[]>([]);\n\n  useEffect((): void => {\n    if (!currentMemberId) {\n      return;\n    }\n\n    void refreshTasks();\n  }, [currentMemberId]);\n\n  const pendingColumns = useMemo(\n    (): TableColumn<InboxTaskRow>[] => [\n      { dataIndex: 'caseTitle', key: 'caseTitle', title: '案件', width: 280 },\n      { dataIndex: 'nodeId', key: 'nodeId', title: '節點', width: 180 },\n      {\n        dataIndex: 'statusLabel',\n        key: 'statusLabel',\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'slaDueAt',\n        render: (record: InboxTaskRow): ReactElement => (\n          <Typography\n            color={record.slaStatusColor}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.slaStatusText}\n          </Typography>\n        ),\n        title: 'SLA',\n        width: 180,\n      },\n      {\n        key: 'createdAt',\n        render: (record: InboxTaskRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.createdAt)}\n          </Typography>\n        ),\n        title: '建立時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const pendingTableActions = useMemo(\n    (): TableActions<InboxTaskRow> => ({\n      render: (record): ReturnType<TableActions<InboxTaskRow>['render']> => [\n        {\n          name: '處理',\n          onClick: (): void => router.push(`/instances/${record.instanceId}`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n  const historyColumns = useMemo(\n    (): TableColumn<ApprovalHistoryRow>[] => [\n      { dataIndex: 'caseTitle', key: 'caseTitle', title: '案件', width: 280 },\n      { dataIndex: 'nodeId', key: 'nodeId', title: '節點', width: 180 },\n      {\n        key: 'decisionLabel',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography\n            color={readTaskDecisionColor(record.decisionAction)}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.decisionLabel}\n          </Typography>\n        ),\n        title: '決議',\n        width: 120,\n      },\n      {\n        key: 'decisionComment',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.decisionCommentText}\n          </Typography>\n        ),\n        title: '意見',\n        width: 240,\n      },\n      {\n        key: 'instanceStateLabel',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography\n            color={readInstanceStateColor(record.instanceState)}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.instanceStateLabel}\n          </Typography>\n        ),\n        title: '流程狀態',\n        width: 140,\n      },\n      {\n        key: 'decidedAt',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatHistoryDateTime(record.decidedAt)}\n          </Typography>\n        ),\n        title: '簽核時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const historyTableActions = useMemo(\n    (): TableActions<ApprovalHistoryRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<ApprovalHistoryRow>['render']> => [\n        {\n          name: '查看',\n          onClick: (): void => router.push(`/instances/${record.instanceId}`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n  const trackingRows = useMemo(\n    (): ApprovalHistoryRow[] =>\n      historyRows.filter((row) => row.instanceState === 'RUNNING'),\n    [historyRows],\n  );\n\n  function handleTabChange(activeKey: Key): void {\n    if (\n      activeKey === 'history' ||\n      activeKey === 'pending' ||\n      activeKey === 'tracking'\n    ) {\n      setActiveTab(activeKey);\n      return;\n    }\n\n    setActiveTab('pending');\n  }\n\n  async function refreshTasks(): Promise<void> {\n    setLoading(true);\n    setError(null);\n\n    try {\n      if (!currentMemberId) {\n        setPendingRows([]);\n        setHistoryRows([]);\n        return;\n      }\n\n      const [nextPendingTasks, nextHistoryTasks] = await Promise.all([\n        listInboxTasks(currentMemberId),\n        listApprovalHistoryTasks(currentMemberId),\n      ]);\n      const [nextPendingRows, nextHistoryRows] = await Promise.all([\n        readInboxTaskRows(nextPendingTasks),\n        readApprovalHistoryRows(nextHistoryTasks),\n      ]);\n\n      setPendingRows(nextPendingRows);\n      setHistoryRows(nextHistoryRows);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  return (\n    <Layout>\n      <AppNavigation activeHref=\"/inbox\" />\n\n      <Layout.Main>\n        <PageHeader>\n          <ContentHeader\n            description={`目前以 ${member?.name ?? currentMemberId ?? '目前登入會員'} 查詢待處理與歷史簽核任務。`}\n            title=\"我的待簽\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push('/instances/new')}\n              variant=\"base-primary\"\n            >\n              發起簽核\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Tab activeKey={activeTab} onChange={handleTabChange} size=\"sub\">\n              <TabItem\n                badgeCount={loading ? undefined : pendingRows.length}\n                key=\"pending\"\n              >\n                待簽核\n              </TabItem>\n              <TabItem\n                badgeCount={loading ? undefined : trackingRows.length}\n                key=\"tracking\"\n              >\n                已處理未結束\n              </TabItem>\n              <TabItem key=\"history\">歷史簽核記錄</TabItem>\n            </Tab>\n\n            {activeTab === 'pending' ? (\n              <Table\n                actions={pendingTableActions}\n                columns={pendingColumns}\n                dataSource={pendingRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n            {activeTab === 'tracking' ? (\n              <Table\n                actions={historyTableActions}\n                columns={historyColumns}\n                dataSource={trackingRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n            {activeTab === 'history' ? (\n              <Table\n                actions={historyTableActions}\n                columns={historyColumns}\n                dataSource={historyRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n          </Section>\n        </SectionGroup>\n      </Layout.Main>\n    </Layout>\n  );\n}\n\nasync function readInboxTaskRows(\n  tasks: readonly TaskRecord[],\n): Promise<InboxTaskRow[]> {\n  const instances = await readTaskInstances(tasks);\n\n  return tasks.map(\n    (task, index): InboxTaskRow => ({\n      ...task,\n      caseTitle: readTaskCaseTitle(task, instances[index] ?? null),\n      key: task.id,\n      slaStatusColor: readSlaStatusColor(task.slaDueAt),\n      slaStatusText: readSlaStatusText(task.slaDueAt),\n      statusLabel: readTaskStatusLabel(task.status),\n    }),\n  );\n}\n\nasync function readApprovalHistoryRows(\n  tasks: readonly TaskRecord[],\n): Promise<ApprovalHistoryRow[]> {\n  const [decisionLists, instances] = await Promise.all([\n    Promise.all(tasks.map((task) => listTaskDecisions(task.id))),\n    readTaskInstances(tasks),\n  ]);\n\n  return tasks.map((task, index): ApprovalHistoryRow => {\n    const decision = readLatestTaskDecision(decisionLists[index] ?? []);\n    const instance = instances[index] ?? null;\n\n    return {\n      ...task,\n      caseTitle: readTaskCaseTitle(task, instance),\n      decisionAction: decision?.action ?? null,\n      decisionComment: decision?.comment ?? null,\n      decisionCommentText: readDecisionCommentText(decision?.comment ?? null),\n      decisionLabel: readTaskDecisionLabel(decision?.action ?? null),\n      decidedAt: decision?.decidedAt ?? task.completedAt,\n      instanceState: instance?.state ?? null,\n      instanceStateLabel: readInstanceStateLabel(instance?.state ?? null),\n      key: task.id,\n    };\n  });\n}\n\nasync function readTaskInstances(\n  tasks: readonly TaskRecord[],\n): Promise<readonly (ApprovalInstanceRecord | null)[]> {\n  return Promise.all(\n    tasks.map(async (task): Promise<ApprovalInstanceRecord | null> => {\n      try {\n        return (await readApprovalInstance(task.instanceId)).instance;\n      } catch {\n        return null;\n      }\n    }),\n  );\n}\n\nfunction readTaskCaseTitle(\n  task: TaskRecord,\n  instance: ApprovalInstanceRecord | null,\n): string {\n  return instance ? readApprovalInstanceCaseTitle(instance) : task.instanceId;\n}\n\nfunction readLatestTaskDecision(\n  decisions: readonly TaskDecisionRecord[],\n): TaskDecisionRecord | null {\n  return [...decisions].sort(compareTaskDecisionDesc)[0] ?? null;\n}\n\nfunction compareTaskDecisionDesc(\n  left: TaskDecisionRecord,\n  right: TaskDecisionRecord,\n): number {\n  return (\n    new Date(right.decidedAt).getTime() - new Date(left.decidedAt).getTime()\n  );\n}\n\nfunction readTaskDecisionLabel(\n  action: TaskDecisionRecord['action'] | null,\n): string {\n  if (action === 'APPROVED') {\n    return '同意';\n  }\n\n  if (action === 'REJECTED') {\n    return '拒絕';\n  }\n\n  if (action === 'RETURNED') {\n    return '退回';\n  }\n\n  if (action === 'TRANSFERRED') {\n    return '轉派';\n  }\n\n  return '未記錄';\n}\n\nfunction readTaskDecisionColor(\n  action: TaskDecisionRecord['action'] | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (action === 'APPROVED') {\n    return 'text-success';\n  }\n\n  if (action === 'REJECTED' || action === 'RETURNED') {\n    return 'text-error';\n  }\n\n  return 'text-neutral';\n}\n\nfunction readInstanceStateLabel(\n  state: ApprovalInstanceRecord['state'] | null,\n): string {\n  if (state === 'RUNNING') {\n    return '進行中';\n  }\n\n  if (state === 'APPROVED') {\n    return '已通過';\n  }\n\n  if (state === 'REJECTED') {\n    return '已拒絕';\n  }\n\n  if (state === 'RETURNED') {\n    return '已退回';\n  }\n\n  if (state === 'CANCELLED') {\n    return '已取消';\n  }\n\n  if (state === 'EXPIRED') {\n    return '已逾期';\n  }\n\n  if (state === 'DRAFT') {\n    return '草稿';\n  }\n\n  return '-';\n}\n\nfunction readInstanceStateColor(\n  state: ApprovalInstanceRecord['state'] | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (state === 'APPROVED') {\n    return 'text-success';\n  }\n\n  if (state === 'REJECTED' || state === 'CANCELLED' || state === 'EXPIRED') {\n    return 'text-error';\n  }\n\n  return 'text-neutral';\n}\n\nfunction readDecisionCommentText(comment: string | null): string {\n  const trimmedComment = comment?.trim() ?? '';\n\n  return trimmedComment || '-';\n}\n\nfunction formatHistoryDateTime(value: string | null): string {\n  return formatDateTime(value);\n}\n\nfunction readSlaStatusText(value: string | null): string {\n  if (!value) {\n    return '-';\n  }\n\n  const dueAt = new Date(value).getTime();\n  const now = Date.now();\n  const diffMs = Math.abs(dueAt - now);\n  const label = formatDuration(diffMs);\n\n  return dueAt < now ? `已逾期 ${label}` : `剩餘 ${label}`;\n}\n\nfunction readSlaStatusColor(\n  value: string | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (!value) {\n    return 'text-neutral';\n  }\n\n  return new Date(value).getTime() < Date.now() ? 'text-error' : 'text-success';\n}\n\nfunction formatDuration(value: number): string {\n  const totalMinutes = Math.max(1, Math.ceil(value / 60_000));\n  const days = Math.floor(totalMinutes / 1440);\n  const hours = Math.floor((totalMinutes % 1440) / 60);\n  const minutes = totalMinutes % 60;\n\n  if (days > 0) {\n    return `${days}天 ${hours}小時`;\n  }\n\n  if (hours > 0) {\n    return `${hours}小時 ${minutes}分鐘`;\n  }\n\n  return `${minutes}分鐘`;\n}\n\nfunction readTaskStatusLabel(status: TaskRecord['status']): string {\n  if (status === 'PENDING') {\n    return '待處理';\n  }\n\n  if (status === 'IN_PROGRESS') {\n    return '處理中';\n  }\n\n  if (status === 'COMPLETED') {\n    return '已完成';\n  }\n\n  if (status === 'TRANSFERRED') {\n    return '已轉派';\n  }\n\n  if (status === 'CANCELLED') {\n    return '已取消';\n  }\n\n  return status;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../../src/views/inbox/InboxView.tsx"],"sourcesContent":["'use client';\n\nimport { type Key, ReactElement, useEffect, useMemo, useState } from 'react';\nimport {\n  Button,\n  PageHeader,\n  Section,\n  SectionGroup,\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 type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport {\n  ApprovalInstanceRecord,\n  listApprovalHistoryTasks,\n  listInboxTasks,\n  listTaskDecisions,\n  readApprovalInstance,\n  readApprovalInstanceCaseTitle,\n  TaskDecisionRecord,\n  TaskRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { useAuth } from '../../lib/auth-provider';\nimport { useRouterAdapter } from '../../lib/router-adapter';\nimport { AppLayout } from '../../components/app-navigation';\n\ntype InboxTabKey = 'history' | 'pending' | 'tracking';\n\ntype InboxTaskRow = Readonly<\n  Record<string, unknown> &\n    TaskRecord & {\n      caseTitle: string;\n      key: string;\n      slaStatusColor: 'text-error' | 'text-neutral' | 'text-success';\n      slaStatusText: string;\n      statusLabel: string;\n    }\n>;\n\ntype ApprovalHistoryRow = Readonly<\n  Record<string, unknown> &\n    TaskRecord & {\n      caseTitle: string;\n      decisionAction: TaskDecisionRecord['action'] | null;\n      decisionComment: string | null;\n      decisionCommentText: string;\n      decisionLabel: string;\n      decidedAt: string | null;\n      instanceState: ApprovalInstanceRecord['state'] | null;\n      instanceStateLabel: string;\n      key: string;\n    }\n>;\n\nexport interface InboxViewProps {}\n\n/**\n * Framework-agnostic view for the BPM \"我的待簽\" inbox. Mechanical port of\n * `apps/client/src/app/inbox/page.tsx` — renders pending tasks, tracking,\n * and history tabs.\n */\nexport function InboxView(_props: InboxViewProps = {}): ReactElement {\n  const router = useRouterAdapter();\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [activeTab, setActiveTab] = useState<InboxTabKey>('pending');\n  const [error, setError] = useState<string | null>(null);\n  const [historyRows, setHistoryRows] = useState<ApprovalHistoryRow[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [pendingRows, setPendingRows] = useState<InboxTaskRow[]>([]);\n\n  useEffect((): void => {\n    if (!currentMemberId) {\n      return;\n    }\n\n    void refreshTasks();\n  }, [currentMemberId]);\n\n  const pendingColumns = useMemo(\n    (): TableColumn<InboxTaskRow>[] => [\n      { dataIndex: 'caseTitle', key: 'caseTitle', title: '案件', width: 280 },\n      { dataIndex: 'nodeId', key: 'nodeId', title: '節點', width: 180 },\n      {\n        dataIndex: 'statusLabel',\n        key: 'statusLabel',\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'slaDueAt',\n        render: (record: InboxTaskRow): ReactElement => (\n          <Typography\n            color={record.slaStatusColor}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.slaStatusText}\n          </Typography>\n        ),\n        title: 'SLA',\n        width: 180,\n      },\n      {\n        key: 'createdAt',\n        render: (record: InboxTaskRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.createdAt)}\n          </Typography>\n        ),\n        title: '建立時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const pendingTableActions = useMemo(\n    (): TableActions<InboxTaskRow> => ({\n      render: (record): ReturnType<TableActions<InboxTaskRow>['render']> => [\n        {\n          name: '處理',\n          onClick: (): void => router.push(`/instances/${record.instanceId}`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n  const historyColumns = useMemo(\n    (): TableColumn<ApprovalHistoryRow>[] => [\n      { dataIndex: 'caseTitle', key: 'caseTitle', title: '案件', width: 280 },\n      { dataIndex: 'nodeId', key: 'nodeId', title: '節點', width: 180 },\n      {\n        key: 'decisionLabel',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography\n            color={readTaskDecisionColor(record.decisionAction)}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.decisionLabel}\n          </Typography>\n        ),\n        title: '決議',\n        width: 120,\n      },\n      {\n        key: 'decisionComment',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.decisionCommentText}\n          </Typography>\n        ),\n        title: '意見',\n        width: 240,\n      },\n      {\n        key: 'instanceStateLabel',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography\n            color={readInstanceStateColor(record.instanceState)}\n            component=\"span\"\n            variant=\"body\"\n          >\n            {record.instanceStateLabel}\n          </Typography>\n        ),\n        title: '流程狀態',\n        width: 140,\n      },\n      {\n        key: 'decidedAt',\n        render: (record: ApprovalHistoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatHistoryDateTime(record.decidedAt)}\n          </Typography>\n        ),\n        title: '簽核時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const historyTableActions = useMemo(\n    (): TableActions<ApprovalHistoryRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<ApprovalHistoryRow>['render']> => [\n        {\n          name: '查看',\n          onClick: (): void => router.push(`/instances/${record.instanceId}`),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 88,\n    }),\n    [router],\n  );\n  const trackingRows = useMemo(\n    (): ApprovalHistoryRow[] =>\n      historyRows.filter((row) => row.instanceState === 'RUNNING'),\n    [historyRows],\n  );\n\n  function handleTabChange(activeKey: Key): void {\n    if (\n      activeKey === 'history' ||\n      activeKey === 'pending' ||\n      activeKey === 'tracking'\n    ) {\n      setActiveTab(activeKey);\n      return;\n    }\n\n    setActiveTab('pending');\n  }\n\n  async function refreshTasks(): Promise<void> {\n    setLoading(true);\n    setError(null);\n\n    try {\n      if (!currentMemberId) {\n        setPendingRows([]);\n        setHistoryRows([]);\n        return;\n      }\n\n      const [nextPendingTasks, nextHistoryTasks] = await Promise.all([\n        listInboxTasks(currentMemberId),\n        listApprovalHistoryTasks(currentMemberId),\n      ]);\n      const [nextPendingRows, nextHistoryRows] = await Promise.all([\n        readInboxTaskRows(nextPendingTasks),\n        readApprovalHistoryRows(nextHistoryTasks),\n      ]);\n\n      setPendingRows(nextPendingRows);\n      setHistoryRows(nextHistoryRows);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  return (\n    <AppLayout activeHref=\"/inbox\">\n        <PageHeader>\n          <ContentHeader\n            description={`目前以 ${member?.name ?? currentMemberId ?? '目前登入會員'} 查詢待處理與歷史簽核任務。`}\n            title=\"我的待簽\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push('/instances/new')}\n              variant=\"base-primary\"\n            >\n              發起簽核\n            </Button>\n          </ContentHeader>\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Tab activeKey={activeTab} onChange={handleTabChange} size=\"sub\">\n              <TabItem\n                badgeCount={loading ? undefined : pendingRows.length}\n                key=\"pending\"\n              >\n                待簽核\n              </TabItem>\n              <TabItem\n                badgeCount={loading ? undefined : trackingRows.length}\n                key=\"tracking\"\n              >\n                已處理未結束\n              </TabItem>\n              <TabItem key=\"history\">歷史簽核記錄</TabItem>\n            </Tab>\n\n            {activeTab === 'pending' ? (\n              <Table\n                actions={pendingTableActions}\n                columns={pendingColumns}\n                dataSource={pendingRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n            {activeTab === 'tracking' ? (\n              <Table\n                actions={historyTableActions}\n                columns={historyColumns}\n                dataSource={trackingRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n            {activeTab === 'history' ? (\n              <Table\n                actions={historyTableActions}\n                columns={historyColumns}\n                dataSource={historyRows}\n                fullWidth\n                loading={loading}\n              />\n            ) : null}\n          </Section>\n        </SectionGroup>\n      </AppLayout>\n  );\n}\n\nasync function readInboxTaskRows(\n  tasks: readonly TaskRecord[],\n): Promise<InboxTaskRow[]> {\n  const instances = await readTaskInstances(tasks);\n\n  return tasks.map(\n    (task, index): InboxTaskRow => ({\n      ...task,\n      caseTitle: readTaskCaseTitle(task, instances[index] ?? null),\n      key: task.id,\n      slaStatusColor: readSlaStatusColor(task.slaDueAt),\n      slaStatusText: readSlaStatusText(task.slaDueAt),\n      statusLabel: readTaskStatusLabel(task.status),\n    }),\n  );\n}\n\nasync function readApprovalHistoryRows(\n  tasks: readonly TaskRecord[],\n): Promise<ApprovalHistoryRow[]> {\n  const [decisionLists, instances] = await Promise.all([\n    Promise.all(tasks.map((task) => listTaskDecisions(task.id))),\n    readTaskInstances(tasks),\n  ]);\n\n  return tasks.map((task, index): ApprovalHistoryRow => {\n    const decision = readLatestTaskDecision(decisionLists[index] ?? []);\n    const instance = instances[index] ?? null;\n\n    return {\n      ...task,\n      caseTitle: readTaskCaseTitle(task, instance),\n      decisionAction: decision?.action ?? null,\n      decisionComment: decision?.comment ?? null,\n      decisionCommentText: readDecisionCommentText(decision?.comment ?? null),\n      decisionLabel: readTaskDecisionLabel(decision?.action ?? null),\n      decidedAt: decision?.decidedAt ?? task.completedAt,\n      instanceState: instance?.state ?? null,\n      instanceStateLabel: readInstanceStateLabel(instance?.state ?? null),\n      key: task.id,\n    };\n  });\n}\n\nasync function readTaskInstances(\n  tasks: readonly TaskRecord[],\n): Promise<readonly (ApprovalInstanceRecord | null)[]> {\n  return Promise.all(\n    tasks.map(async (task): Promise<ApprovalInstanceRecord | null> => {\n      try {\n        return (await readApprovalInstance(task.instanceId)).instance;\n      } catch {\n        return null;\n      }\n    }),\n  );\n}\n\nfunction readTaskCaseTitle(\n  task: TaskRecord,\n  instance: ApprovalInstanceRecord | null,\n): string {\n  return instance ? readApprovalInstanceCaseTitle(instance) : task.instanceId;\n}\n\nfunction readLatestTaskDecision(\n  decisions: readonly TaskDecisionRecord[],\n): TaskDecisionRecord | null {\n  return [...decisions].sort(compareTaskDecisionDesc)[0] ?? null;\n}\n\nfunction compareTaskDecisionDesc(\n  left: TaskDecisionRecord,\n  right: TaskDecisionRecord,\n): number {\n  return (\n    new Date(right.decidedAt).getTime() - new Date(left.decidedAt).getTime()\n  );\n}\n\nfunction readTaskDecisionLabel(\n  action: TaskDecisionRecord['action'] | null,\n): string {\n  if (action === 'APPROVED') {\n    return '同意';\n  }\n\n  if (action === 'REJECTED') {\n    return '拒絕';\n  }\n\n  if (action === 'RETURNED') {\n    return '退回';\n  }\n\n  if (action === 'TRANSFERRED') {\n    return '轉派';\n  }\n\n  return '未記錄';\n}\n\nfunction readTaskDecisionColor(\n  action: TaskDecisionRecord['action'] | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (action === 'APPROVED') {\n    return 'text-success';\n  }\n\n  if (action === 'REJECTED' || action === 'RETURNED') {\n    return 'text-error';\n  }\n\n  return 'text-neutral';\n}\n\nfunction readInstanceStateLabel(\n  state: ApprovalInstanceRecord['state'] | null,\n): string {\n  if (state === 'RUNNING') {\n    return '進行中';\n  }\n\n  if (state === 'APPROVED') {\n    return '已通過';\n  }\n\n  if (state === 'REJECTED') {\n    return '已拒絕';\n  }\n\n  if (state === 'RETURNED') {\n    return '已退回';\n  }\n\n  if (state === 'CANCELLED') {\n    return '已取消';\n  }\n\n  if (state === 'EXPIRED') {\n    return '已逾期';\n  }\n\n  if (state === 'DRAFT') {\n    return '草稿';\n  }\n\n  return '-';\n}\n\nfunction readInstanceStateColor(\n  state: ApprovalInstanceRecord['state'] | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (state === 'APPROVED') {\n    return 'text-success';\n  }\n\n  if (state === 'REJECTED' || state === 'CANCELLED' || state === 'EXPIRED') {\n    return 'text-error';\n  }\n\n  return 'text-neutral';\n}\n\nfunction readDecisionCommentText(comment: string | null): string {\n  const trimmedComment = comment?.trim() ?? '';\n\n  return trimmedComment || '-';\n}\n\nfunction formatHistoryDateTime(value: string | null): string {\n  return formatDateTime(value);\n}\n\nfunction readSlaStatusText(value: string | null): string {\n  if (!value) {\n    return '-';\n  }\n\n  const dueAt = new Date(value).getTime();\n  const now = Date.now();\n  const diffMs = Math.abs(dueAt - now);\n  const label = formatDuration(diffMs);\n\n  return dueAt < now ? `已逾期 ${label}` : `剩餘 ${label}`;\n}\n\nfunction readSlaStatusColor(\n  value: string | null,\n): 'text-error' | 'text-neutral' | 'text-success' {\n  if (!value) {\n    return 'text-neutral';\n  }\n\n  return new Date(value).getTime() < Date.now() ? 'text-error' : 'text-success';\n}\n\nfunction formatDuration(value: number): string {\n  const totalMinutes = Math.max(1, Math.ceil(value / 60_000));\n  const days = Math.floor(totalMinutes / 1440);\n  const hours = Math.floor((totalMinutes % 1440) / 60);\n  const minutes = totalMinutes % 60;\n\n  if (days > 0) {\n    return `${days}天 ${hours}小時`;\n  }\n\n  if (hours > 0) {\n    return `${hours}小時 ${minutes}分鐘`;\n  }\n\n  return `${minutes}分鐘`;\n}\n\nfunction readTaskStatusLabel(status: TaskRecord['status']): string {\n  if (status === 'PENDING') {\n    return '待處理';\n  }\n\n  if (status === 'IN_PROGRESS') {\n    return '處理中';\n  }\n\n  if (status === 'COMPLETED') {\n    return '已完成';\n  }\n\n  if (status === 'TRANSFERRED') {\n    return '已轉派';\n  }\n\n  if (status === 'CANCELLED') {\n    return '已取消';\n  }\n\n  return status;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}

package/dist/views/inbox/index.js

@@ -1,20 +1,20 @@
 "use client";
 import { a as e, n as t } from "../../chunks/auth-provider-Bnox5gsx.js";
 import { t as n } from "../../chunks/format-date-time-CB-LxzqT.js";
-import { t as r } from "../../chunks/app-navigation-rxhpHCch.js";
+import { t as r } from "../../chunks/app-navigation-uwbNEw9P.js";
 import { useEffect as i, useMemo as a, useState as o } from "react";
-import { Button as s, Layout as c, PageHeader as l, Section as u, SectionGroup as d, Tab as f, TabItem as p, Table as m, Typography as h } from "@mezzanine-ui/react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { listApprovalHistoryTasks as v, listInboxTasks as y, listTaskDecisions as b, readApprovalInstance as x, readApprovalInstanceCaseTitle as S } from "@rytass/bpm-core-client/workflow";
-import { PlusIcon as C } from "@mezzanine-ui/icons";
-import w from "@mezzanine-ui/react/ContentHeader";
+import { Button as s, PageHeader as c, Section as l, SectionGroup as u, Tab as d, TabItem as f, Table as p, Typography as m } from "@mezzanine-ui/react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { listApprovalHistoryTasks as _, listInboxTasks as v, listTaskDecisions as y, readApprovalInstance as b, readApprovalInstanceCaseTitle as x } from "@rytass/bpm-core-client/workflow";
+import { PlusIcon as S } from "@mezzanine-ui/icons";
+import C from "@mezzanine-ui/react/ContentHeader";
 //#region src/views/inbox/InboxView.tsx
-function T(b = {}) {
-	let x = e(), { member: S } = t(), T = S?.memberId ?? null, [O, k] = o("pending"), [A, j] = o(null), [M, P] = o([]), [I, R] = o(!0), [z, B] = o([]);
+function w(y = {}) {
+	let b = e(), { member: x } = t(), w = x?.memberId ?? null, [D, O] = o("pending"), [k, A] = o(null), [j, N] = o([]), [F, L] = o(!0), [R, z] = o([]);
 	i(() => {
-		T && J();
-	}, [T]);
-	let V = a(() => [
+		w && q();
+	}, [w]);
+	let B = a(() => [
 		{
 			dataIndex: "caseTitle",
 			key: "caseTitle",
@@ -35,7 +35,7 @@ function T(b = {}) {
 		},
 		{
 			key: "slaDueAt",
-			render: (e) => /* @__PURE__ */ g(h, {
+			render: (e) => /* @__PURE__ */ h(m, {
 				color: e.slaStatusColor,
 				component: "span",
 				variant: "body",
@@ -46,7 +46,7 @@ function T(b = {}) {
 		},
 		{
 			key: "createdAt",
-			render: (e) => /* @__PURE__ */ g(h, {
+			render: (e) => /* @__PURE__ */ h(m, {
 				component: "span",
 				variant: "body",
 				children: n(e.createdAt)
@@ -54,14 +54,14 @@ function T(b = {}) {
 			title: "建立時間",
 			width: 220
 		}
-	], []), U = a(() => ({
+	], []), H = a(() => ({
 		render: (e) => [{
 			name: "處理",
-			onClick: () => x.push(`/instances/${e.instanceId}`)
+			onClick: () => b.push(`/instances/${e.instanceId}`)
 		}],
 		variant: "base-secondary",
 		width: 88
-	}), [x]), W = a(() => [
+	}), [b]), U = a(() => [
 		{
 			dataIndex: "caseTitle",
 			key: "caseTitle",
@@ -76,8 +76,8 @@ function T(b = {}) {
 		},
 		{
 			key: "decisionLabel",
-			render: (e) => /* @__PURE__ */ g(h, {
-				color: N(e.decisionAction),
+			render: (e) => /* @__PURE__ */ h(m, {
+				color: M(e.decisionAction),
 				component: "span",
 				variant: "body",
 				children: e.decisionLabel
@@ -87,7 +87,7 @@ function T(b = {}) {
 		},
 		{
 			key: "decisionComment",
-			render: (e) => /* @__PURE__ */ g(h, {
+			render: (e) => /* @__PURE__ */ h(m, {
 				component: "span",
 				variant: "body",
 				children: e.decisionCommentText
@@ -97,8 +97,8 @@ function T(b = {}) {
 		},
 		{
 			key: "instanceStateLabel",
-			render: (e) => /* @__PURE__ */ g(h, {
-				color: F(e.instanceState),
+			render: (e) => /* @__PURE__ */ h(m, {
+				color: P(e.instanceState),
 				component: "span",
 				variant: "body",
 				children: e.instanceStateLabel
@@ -108,183 +108,186 @@ function T(b = {}) {
 		},
 		{
 			key: "decidedAt",
-			render: (e) => /* @__PURE__ */ g(h, {
+			render: (e) => /* @__PURE__ */ h(m, {
 				component: "span",
 				variant: "body",
-				children: L(e.decidedAt)
+				children: I(e.decidedAt)
 			}),
 			title: "簽核時間",
 			width: 220
 		}
-	], []), G = a(() => ({
+	], []), W = a(() => ({
 		render: (e) => [{
 			name: "查看",
-			onClick: () => x.push(`/instances/${e.instanceId}`)
+			onClick: () => b.push(`/instances/${e.instanceId}`)
 		}],
 		variant: "base-secondary",
 		width: 88
-	}), [x]), K = a(() => M.filter((e) => e.instanceState === "RUNNING"), [M]);
-	function q(e) {
+	}), [b]), G = a(() => j.filter((e) => e.instanceState === "RUNNING"), [j]);
+	function K(e) {
 		if (e === "history" || e === "pending" || e === "tracking") {
-			k(e);
+			O(e);
 			return;
 		}
-		k("pending");
+		O("pending");
 	}
-	async function J() {
-		R(!0), j(null);
+	async function q() {
+		L(!0), A(null);
 		try {
-			if (!T) {
-				B([]), P([]);
+			if (!w) {
+				z([]), N([]);
 				return;
 			}
-			let [e, t] = await Promise.all([y(T), v(T)]), [n, r] = await Promise.all([E(e), D(t)]);
-			B(n), P(r);
+			let [e, t] = await Promise.all([v(w), _(w)]), [n, r] = await Promise.all([T(e), E(t)]);
+			z(n), N(r);
 		} catch (e) {
-			j(H(e));
+			A(V(e));
 		} finally {
-			R(!1);
+			L(!1);
 		}
 	}
-	return /* @__PURE__ */ _(c, { children: [/* @__PURE__ */ g(r, { activeHref: "/inbox" }), /* @__PURE__ */ _(c.Main, { children: [/* @__PURE__ */ g(l, { children: /* @__PURE__ */ g(w, {
-		description: `目前以 ${S?.name ?? T ?? "目前登入會員"} 查詢待處理與歷史簽核任務。`,
-		title: "我的待簽",
-		children: /* @__PURE__ */ g(s, {
-			icon: C,
-			iconType: "leading",
-			onClick: () => x.push("/instances/new"),
-			variant: "base-primary",
-			children: "發起簽核"
-		})
-	}) }), /* @__PURE__ */ g(d, { children: /* @__PURE__ */ _(u, { children: [
-		A ? /* @__PURE__ */ g(h, {
-			color: "text-error",
-			variant: "body",
-			children: A
-		}) : null,
-		/* @__PURE__ */ _(f, {
-			activeKey: O,
-			onChange: q,
-			size: "sub",
-			children: [
-				/* @__PURE__ */ g(p, {
-					badgeCount: I ? void 0 : z.length,
-					children: "待簽核"
-				}, "pending"),
-				/* @__PURE__ */ g(p, {
-					badgeCount: I ? void 0 : K.length,
-					children: "已處理未結束"
-				}, "tracking"),
-				/* @__PURE__ */ g(p, { children: "歷史簽核記錄" }, "history")
-			]
-		}),
-		O === "pending" ? /* @__PURE__ */ g(m, {
-			actions: U,
-			columns: V,
-			dataSource: z,
-			fullWidth: !0,
-			loading: I
-		}) : null,
-		O === "tracking" ? /* @__PURE__ */ g(m, {
-			actions: G,
-			columns: W,
-			dataSource: K,
-			fullWidth: !0,
-			loading: I
-		}) : null,
-		O === "history" ? /* @__PURE__ */ g(m, {
-			actions: G,
-			columns: W,
-			dataSource: M,
-			fullWidth: !0,
-			loading: I
-		}) : null
-	] }) })] })] });
+	return /* @__PURE__ */ g(r, {
+		activeHref: "/inbox",
+		children: [/* @__PURE__ */ h(c, { children: /* @__PURE__ */ h(C, {
+			description: `目前以 ${x?.name ?? w ?? "目前登入會員"} 查詢待處理與歷史簽核任務。`,
+			title: "我的待簽",
+			children: /* @__PURE__ */ h(s, {
+				icon: S,
+				iconType: "leading",
+				onClick: () => b.push("/instances/new"),
+				variant: "base-primary",
+				children: "發起簽核"
+			})
+		}) }), /* @__PURE__ */ h(u, { children: /* @__PURE__ */ g(l, { children: [
+			k ? /* @__PURE__ */ h(m, {
+				color: "text-error",
+				variant: "body",
+				children: k
+			}) : null,
+			/* @__PURE__ */ g(d, {
+				activeKey: D,
+				onChange: K,
+				size: "sub",
+				children: [
+					/* @__PURE__ */ h(f, {
+						badgeCount: F ? void 0 : R.length,
+						children: "待簽核"
+					}, "pending"),
+					/* @__PURE__ */ h(f, {
+						badgeCount: F ? void 0 : G.length,
+						children: "已處理未結束"
+					}, "tracking"),
+					/* @__PURE__ */ h(f, { children: "歷史簽核記錄" }, "history")
+				]
+			}),
+			D === "pending" ? /* @__PURE__ */ h(p, {
+				actions: H,
+				columns: B,
+				dataSource: R,
+				fullWidth: !0,
+				loading: F
+			}) : null,
+			D === "tracking" ? /* @__PURE__ */ h(p, {
+				actions: W,
+				columns: U,
+				dataSource: G,
+				fullWidth: !0,
+				loading: F
+			}) : null,
+			D === "history" ? /* @__PURE__ */ h(p, {
+				actions: W,
+				columns: U,
+				dataSource: j,
+				fullWidth: !0,
+				loading: F
+			}) : null
+		] }) })]
+	});
 }
-async function E(e) {
-	let t = await O(e);
+async function T(e) {
+	let t = await D(e);
 	return e.map((e, n) => ({
 		...e,
-		caseTitle: k(e, t[n] ?? null),
+		caseTitle: O(e, t[n] ?? null),
 		key: e.id,
-		slaStatusColor: z(e.slaDueAt),
-		slaStatusText: R(e.slaDueAt),
-		statusLabel: V(e.status)
+		slaStatusColor: R(e.slaDueAt),
+		slaStatusText: L(e.slaDueAt),
+		statusLabel: B(e.status)
 	}));
 }
-async function D(e) {
-	let [t, n] = await Promise.all([Promise.all(e.map((e) => b(e.id))), O(e)]);
+async function E(e) {
+	let [t, n] = await Promise.all([Promise.all(e.map((e) => y(e.id))), D(e)]);
 	return e.map((e, r) => {
-		let i = A(t[r] ?? []), a = n[r] ?? null;
+		let i = k(t[r] ?? []), a = n[r] ?? null;
 		return {
 			...e,
-			caseTitle: k(e, a),
+			caseTitle: O(e, a),
 			decisionAction: i?.action ?? null,
 			decisionComment: i?.comment ?? null,
-			decisionCommentText: I(i?.comment ?? null),
-			decisionLabel: M(i?.action ?? null),
+			decisionCommentText: F(i?.comment ?? null),
+			decisionLabel: j(i?.action ?? null),
 			decidedAt: i?.decidedAt ?? e.completedAt,
 			instanceState: a?.state ?? null,
-			instanceStateLabel: P(a?.state ?? null),
+			instanceStateLabel: N(a?.state ?? null),
 			key: e.id
 		};
 	});
 }
-async function O(e) {
+async function D(e) {
 	return Promise.all(e.map(async (e) => {
 		try {
-			return (await x(e.instanceId)).instance;
+			return (await b(e.instanceId)).instance;
 		} catch {
 			return null;
 		}
 	}));
 }
-function k(e, t) {
-	return t ? S(t) : e.instanceId;
+function O(e, t) {
+	return t ? x(t) : e.instanceId;
 }
-function A(e) {
-	return [...e].sort(j)[0] ?? null;
+function k(e) {
+	return [...e].sort(A)[0] ?? null;
 }
-function j(e, t) {
+function A(e, t) {
 	return new Date(t.decidedAt).getTime() - new Date(e.decidedAt).getTime();
 }
-function M(e) {
+function j(e) {
 	return e === "APPROVED" ? "同意" : e === "REJECTED" ? "拒絕" : e === "RETURNED" ? "退回" : e === "TRANSFERRED" ? "轉派" : "未記錄";
 }
-function N(e) {
+function M(e) {
 	return e === "APPROVED" ? "text-success" : e === "REJECTED" || e === "RETURNED" ? "text-error" : "text-neutral";
 }
-function P(e) {
+function N(e) {
 	return e === "RUNNING" ? "進行中" : e === "APPROVED" ? "已通過" : e === "REJECTED" ? "已拒絕" : e === "RETURNED" ? "已退回" : e === "CANCELLED" ? "已取消" : e === "EXPIRED" ? "已逾期" : e === "DRAFT" ? "草稿" : "-";
 }
-function F(e) {
+function P(e) {
 	return e === "APPROVED" ? "text-success" : e === "REJECTED" || e === "CANCELLED" || e === "EXPIRED" ? "text-error" : "text-neutral";
 }
-function I(e) {
+function F(e) {
 	return (e?.trim() ?? "") || "-";
 }
-function L(e) {
+function I(e) {
 	return n(e);
 }
-function R(e) {
+function L(e) {
 	if (!e) return "-";
-	let t = new Date(e).getTime(), n = Date.now(), r = B(Math.abs(t - n));
+	let t = new Date(e).getTime(), n = Date.now(), r = z(Math.abs(t - n));
 	return t < n ? `已逾期 ${r}` : `剩餘 ${r}`;
 }
-function z(e) {
+function R(e) {
 	return e ? new Date(e).getTime() < Date.now() ? "text-error" : "text-success" : "text-neutral";
 }
-function B(e) {
+function z(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 V(e) {
+function B(e) {
 	return e === "PENDING" ? "待處理" : e === "IN_PROGRESS" ? "處理中" : e === "COMPLETED" ? "已完成" : e === "TRANSFERRED" ? "已轉派" : e === "CANCELLED" ? "已取消" : e;
 }
-function H(e) {
+function V(e) {
 	return e instanceof Error ? e.message : "發生未知錯誤";
 }
 //#endregion
-export { T as InboxView };
+export { w as InboxView };
 
 //# sourceMappingURL=index.js.map