@rytass/bpm-core-react 0.18.0 → 0.19.0

package/dist/views/templates/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/rolldown-runtime-BocRIvOZ.cjs"),t=require("../../chunks/router-adapter--gYs13E8.cjs"),n=require("../../chunks/format-date-time-D-cx5M8z.cjs"),r=require("../../chunks/routes-config-C1j_vFKo.cjs"),i=require("../../chunks/categories-AxxhqjLZ.cjs"),a=require("./versions/index.cjs");let o=require("react"),s=require("@mezzanine-ui/react"),c=require("react/jsx-runtime"),l=require("@rytass/bpm-core-client/workflow"),u=require("@mezzanine-ui/core/form"),d=require("@mezzanine-ui/react/ContentHeader");d=e.t(d,1);let f=require("@mezzanine-ui/icons"),p=require("@rytass/bpm-core-client/template");var m=[10,20,50],h=[{key:`ALL`,label:`全部`},{key:`PUBLISHED`,label:`已發布`},{key:`DRAFT`,label:`草稿`}],g=100;function _(){let e=t.r(),a=r.r(),[_,O]=(0,o.useState)([]),[k,A]=(0,o.useState)(C),[j,M]=(0,o.useState)([]),[N,P]=(0,o.useState)(new Set),[F,I]=(0,o.useState)(null),[L,R]=(0,o.useState)(!0),[z,B]=(0,o.useState)(1),[V,H]=(0,o.useState)(10),[U,W]=(0,o.useState)(``),[G,K]=(0,o.useState)(`ALL`),[q,J]=(0,o.useState)(0),[Y,X]=(0,o.useState)(null),Z=(0,o.useRef)(0),Q=(0,o.useCallback)(async()=>{let e=Z.current+1;Z.current=e,R(!0),I(null),P(new Set),(0,l.listLaunchableTemplates)().then(t=>{e===Z.current&&P(new Set(t.map(e=>e.id)))}).catch(()=>{e===Z.current&&P(new Set)});try{let[t,n]=await Promise.all([(0,p.listApprovalTemplatesPage)({categoryId:k.categoryId,page:z,pageSize:V,searchText:U,status:G===`ALL`?null:G}),(0,p.listApprovalTemplateCategoriesPage)({page:1,pageSize:g,searchText:``,status:`ACTIVE`})]);if(e!==Z.current)return;M([...n.categories.map(w)]),O(t.templates),J(t.totalCount)}catch(t){e===Z.current&&I(v(t))}finally{e===Z.current&&R(!1)}},[k,z,V,U,G]);(0,o.useEffect)(()=>{Q()},[Q]);let $=(0,o.useCallback)(async e=>{X(e.id),I(null);try{await(e.isActive?(0,p.deactivateApprovalTemplate)(e.id):(0,p.activateApprovalTemplate)(e.id)),await Q()}catch(e){I(v(e))}finally{X(null)}},[Q]),ee=(0,o.useMemo)(()=>_.map(e=>({...e,categoryLabel:D(e),key:e.id,status:e.currentVersionId?`PUBLISHED`:`DRAFT`,updatedAt:n.t(e.updatedAt)})),[_]),te=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:220},{key:`status`,render:e=>(0,c.jsx)(b,{status:e.status}),title:`狀態`,width:120},{key:`isActive`,render:e=>(0,c.jsx)(x,{isActive:e.isActive}),title:`服務狀態`,width:120},{key:`category`,render:e=>(0,c.jsx)(S,{record:e}),title:`分類`,width:160},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),ne=(0,o.useMemo)(()=>({render:t=>[{disabled:e=>!N.has(e.id),name:`發起`,onClick:()=>e.push(a.caseNew(t.id)),variant:`base-primary`},{name:`設計`,onClick:()=>e.push(a.templateDesigner(t.id))},{name:`版本`,onClick:()=>e.push(a.templateVersions(t.id))},{disabled:e=>Y===e.id,name:t.isActive?`停用`:`啟用`,onClick:e=>{$(e)},variant:t.isActive?`destructive-secondary`:`base-secondary`}],variant:`base-secondary`,width:264}),[Y,N,e,$]);return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(d.default,{description:`建立流程模板、維護草稿與發布版本。`,title:`簽核模板`,children:(0,c.jsx)(s.Button,{icon:f.PlusIcon,iconType:`leading`,onClick:()=>e.push(a.templateCompose()),variant:`base-primary`,children:`建立模板`})})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsxs)(s.Section,{filterArea:(0,c.jsx)(s.FilterArea,{className:i.n.templateFilterArea,size:`sub`,children:(0,c.jsxs)(s.FilterLine,{children:[(0,c.jsx)(s.Filter,{span:3,children:(0,c.jsx)(s.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`templateSearchText`,children:(0,c.jsx)(s.Input,{fullWidth:!0,onChange:e=>{W(e.target.value),B(1)},placeholder:`關鍵字：搜尋模板名稱、分類或描述`,size:`sub`,value:U,variant:`base`})})}),(0,c.jsx)(s.Filter,{span:2,children:(0,c.jsx)(s.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`templateCategoryFilter`,children:(0,c.jsx)(s.Select,{clearable:!1,fullWidth:!0,onChange:e=>{A(T(e,j)),B(1)},options:[C,...j],placeholder:`分類`,renderValue:e=>`分類：${E(e)}`,size:`sub`,value:k})})})]})}),tab:(0,c.jsx)(s.Tab,{activeKey:G,onChange:e=>{K(y(e)),B(1)},children:h.map(e=>(0,c.jsx)(s.TabItem,{children:e.label},e.key))}),children:[F?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:F}):null,(0,c.jsx)(s.Table,{actions:ne,columns:te,dataSource:ee,fullWidth:!0,loading:L,pagination:{current:z,onChange:e=>{B(e)},onChangePageSize:e=>{B(1),H(e)},pageSize:V,pageSizeLabel:`每頁筆數`,pageSizeOptions:m,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:q}})]})})]})})}function v(e){return e instanceof Error?e.message:`發生未知錯誤`}function y(e){return e===`PUBLISHED`||e===`DRAFT`?e:`ALL`}function b({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-inactive`})}function x({isActive:e}){return e?(0,c.jsx)(s.Badge,{size:`sub`,text:`啟用中`,variant:`dot-success`}):(0,c.jsx)(s.Badge,{size:`sub`,text:`已停用`,variant:`dot-inactive`})}function S({record:e}){return e.categoryDetail?.isActive===!1?(0,c.jsx)(s.Badge,{size:`sub`,text:`${e.categoryLabel}（停用）`,variant:`dot-inactive`}):(0,c.jsx)(s.Typography,{component:`span`,variant:`body`,children:e.categoryLabel})}var C={categoryId:null,id:`ALL_CATEGORIES`,name:`全部分類`};function w(e){return{categoryId:e.id,id:e.id,name:e.name}}function T(e,t){if(!O(e))return C;let n=typeof e.id==`string`?e.id:null;return n===C.id?C:t.find(e=>e.id===n)??C}function E(e){return Array.isArray(e)||!O(e)?C.name:typeof e.name==`string`?e.name:C.name}function D(e){return e.categoryDetail?.name??e.category??`未分類`}function O(e){return typeof e==`object`&&!!e}exports.TemplateCategoriesView=i.t,exports.TemplateVersionsView=a.TemplateVersionsView,exports.TemplatesView=_;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/rolldown-runtime-BocRIvOZ.cjs"),t=require("../../chunks/categories-DQUtVEiV.cjs"),n=require("../../chunks/format-date-time-D-cx5M8z.cjs"),r=require("../../chunks/router-adapter--gYs13E8.cjs"),i=require("../../chunks/routes-config-C1j_vFKo.cjs"),a=require("./versions/index.cjs");let o=require("react"),s=require("@mezzanine-ui/react"),c=require("react/jsx-runtime"),l=require("@rytass/bpm-core-client/workflow"),u=require("@mezzanine-ui/core/form"),d=require("@mezzanine-ui/react/ContentHeader");d=e.t(d,1);let f=require("@mezzanine-ui/icons"),p=require("@rytass/bpm-core-client/template");var m=[10,20,50],h=[{key:`ALL`,label:`全部`},{key:`PUBLISHED`,label:`已發布`},{key:`DRAFT`,label:`草稿`}],g=100;function _(){let e=r.r(),a=i.r(),[_,O]=(0,o.useState)([]),[k,A]=(0,o.useState)(C),[j,M]=(0,o.useState)([]),[N,P]=(0,o.useState)(new Set),[F,I]=(0,o.useState)(null),[L,R]=(0,o.useState)(!0),[z,B]=(0,o.useState)(1),[V,H]=(0,o.useState)(10),[U,W]=(0,o.useState)(``),[G,K]=(0,o.useState)(`ALL`),[q,J]=(0,o.useState)(0),[Y,X]=(0,o.useState)(null),Z=(0,o.useRef)(0),Q=(0,o.useCallback)(async()=>{let e=Z.current+1;Z.current=e,R(!0),I(null),P(new Set),(0,l.listLaunchableTemplates)().then(t=>{e===Z.current&&P(new Set(t.map(e=>e.id)))}).catch(()=>{e===Z.current&&P(new Set)});try{let[t,n]=await Promise.all([(0,p.listApprovalTemplatesPage)({categoryId:k.categoryId,page:z,pageSize:V,searchText:U,status:G===`ALL`?null:G}),(0,p.listApprovalTemplateCategoriesPage)({page:1,pageSize:g,searchText:``,status:`ACTIVE`})]);if(e!==Z.current)return;M([...n.categories.map(w)]),O(t.templates),J(t.totalCount)}catch(t){e===Z.current&&I(v(t))}finally{e===Z.current&&R(!1)}},[k,z,V,U,G]);(0,o.useEffect)(()=>{Q()},[Q]);let $=(0,o.useCallback)(async e=>{X(e.id),I(null);try{await(e.isActive?(0,p.deactivateApprovalTemplate)(e.id):(0,p.activateApprovalTemplate)(e.id)),await Q()}catch(e){I(v(e))}finally{X(null)}},[Q]),ee=(0,o.useMemo)(()=>_.map(e=>({...e,categoryLabel:D(e),key:e.id,status:e.currentVersionId?`PUBLISHED`:`DRAFT`,updatedAt:n.t(e.updatedAt)})),[_]),te=(0,o.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`模板名稱`,width:220},{key:`status`,render:e=>(0,c.jsx)(b,{status:e.status}),title:`狀態`,width:120},{key:`isActive`,render:e=>(0,c.jsx)(x,{isActive:e.isActive}),title:`服務狀態`,width:120},{key:`category`,render:e=>(0,c.jsx)(S,{record:e}),title:`分類`,width:160},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:220}],[]),ne=(0,o.useMemo)(()=>({render:t=>[{disabled:e=>!N.has(e.id),name:`發起`,onClick:()=>e.push(a.caseNew(t.id)),variant:`base-primary`},{name:`設計`,onClick:()=>e.push(a.templateDesigner(t.id))},{name:`版本`,onClick:()=>e.push(a.templateVersions(t.id))},{disabled:e=>Y===e.id,name:t.isActive?`停用`:`啟用`,onClick:e=>{$(e)},variant:t.isActive?`destructive-secondary`:`base-secondary`}],variant:`base-secondary`,width:264}),[Y,N,e,$]);return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(s.PageHeader,{children:(0,c.jsx)(d.default,{description:`建立流程模板、維護草稿與發布版本。`,title:`簽核模板`,children:(0,c.jsx)(s.Button,{icon:f.PlusIcon,iconType:`leading`,onClick:()=>e.push(a.templateCompose()),variant:`base-primary`,children:`建立模板`})})}),(0,c.jsx)(s.SectionGroup,{children:(0,c.jsxs)(s.Section,{filterArea:(0,c.jsx)(s.FilterArea,{className:t.n.templateFilterArea,size:`sub`,children:(0,c.jsxs)(s.FilterLine,{children:[(0,c.jsx)(s.Filter,{span:3,children:(0,c.jsx)(s.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`templateSearchText`,children:(0,c.jsx)(s.Input,{fullWidth:!0,onChange:e=>{W(e.target.value),B(1)},placeholder:`關鍵字：搜尋模板名稱、分類或描述`,size:`sub`,value:U,variant:`base`})})}),(0,c.jsx)(s.Filter,{span:2,children:(0,c.jsx)(s.FormField,{fullWidth:!0,layout:u.FormFieldLayout.VERTICAL,name:`templateCategoryFilter`,children:(0,c.jsx)(s.Select,{clearable:!1,fullWidth:!0,onChange:e=>{A(T(e,j)),B(1)},options:[C,...j],placeholder:`分類`,renderValue:e=>`分類：${E(e)}`,size:`sub`,value:k})})})]})}),tab:(0,c.jsx)(s.Tab,{activeKey:G,onChange:e=>{K(y(e)),B(1)},children:h.map(e=>(0,c.jsx)(s.TabItem,{children:e.label},e.key))}),children:[F?(0,c.jsx)(s.Typography,{color:`text-error`,variant:`body`,children:F}):null,(0,c.jsx)(s.Table,{actions:ne,columns:te,dataSource:ee,fullWidth:!0,loading:L,pagination:{current:z,onChange:e=>{B(e)},onChangePageSize:e=>{B(1),H(e)},pageSize:V,pageSizeLabel:`每頁筆數`,pageSizeOptions:m,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:q}})]})})]})})}function v(e){return e instanceof Error?e.message:`發生未知錯誤`}function y(e){return e===`PUBLISHED`||e===`DRAFT`?e:`ALL`}function b({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-inactive`})}function x({isActive:e}){return e?(0,c.jsx)(s.Badge,{size:`sub`,text:`啟用中`,variant:`dot-success`}):(0,c.jsx)(s.Badge,{size:`sub`,text:`已停用`,variant:`dot-inactive`})}function S({record:e}){return e.categoryDetail?.isActive===!1?(0,c.jsx)(s.Badge,{size:`sub`,text:`${e.categoryLabel}（停用）`,variant:`dot-inactive`}):(0,c.jsx)(s.Typography,{component:`span`,variant:`body`,children:e.categoryLabel})}var C={categoryId:null,id:`ALL_CATEGORIES`,name:`全部分類`};function w(e){return{categoryId:e.id,id:e.id,name:e.name}}function T(e,t){if(!O(e))return C;let n=typeof e.id==`string`?e.id:null;return n===C.id?C:t.find(e=>e.id===n)??C}function E(e){return Array.isArray(e)||!O(e)?C.name:typeof e.name==`string`?e.name:C.name}function D(e){return e.categoryDetail?.name??e.category??`未分類`}function O(e){return typeof e==`object`&&!!e}exports.TemplateCategoriesView=t.t,exports.TemplateVersionsView=a.TemplateVersionsView,exports.TemplatesView=_;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useRouterAdapter","useBPMRoutes","useState","useRef","useCallback","listLaunchableTemplates","listApprovalTemplatesPage","listApprovalTemplateCategoriesPage","deactivateApprovalTemplate","activateApprovalTemplate","useMemo","formatDateTime","_Fragment","PageHeader","ContentHeader","Button","PlusIcon","SectionGroup","Section","FilterArea","styles","FilterLine","Filter","FormField","FormFieldLayout","Input","Select","Tab","TabItem","Typography","Table","Badge","require_rolldown_runtime","require_router_adapter","require_format_date_time","require_routes_config","require_categories","require_views_templates_versions_index","react","_mezzanine_ui_react","react_jsx_runtime","_rytass_bpm_core_client_workflow","_mezzanine_ui_core_form","_mezzanine_ui_react_ContentHeader","_mezzanine_ui_icons","_rytass_bpm_core_client_template","TEMPLATE_PAGE_SIZE_OPTIONS","TEMPLATE_STATUS_TABS","TEMPLATE_CATEGORY_PAGE_SIZE","TemplatesView","router","routes","templates","setTemplates","categoryFilter","setCategoryFilter","UNCATEGORIZED_TEMPLATE_FILTER_OPTION","categoryOptions","setCategoryOptions","launchableTemplateIds","setLaunchableTemplateIds","error","setError","loading","setLoading","templatePage","setTemplatePage","templatePageSize","setTemplatePageSize","templateSearchText","setTemplateSearchText","templateStatus","setTemplateStatus","templateTotalCount","setTemplateTotalCount","activationPendingTemplateId","setActivationPendingTemplateId","refreshRequestIdRef","refreshTemplates","requestId","nextLaunchableTemplates","template","templatePageResult","activeCategoryPageResult","readCategoryOption","requestError","readErrorMessage","toggleTemplateActivation","rows","readTemplateCategoryLabel","columns","TemplateStatusBadge","record","TemplateActivationBadge","TemplateCategoryLabel","tableActions","event","readCategoryFilterOption","option","readTemplateCategoryFilterLabel","value","readTemplateStatusTabKey","activeKey","statusTab","page","pageSize","from","to","total","status","isActive","category","isRecord","id","options"],"sources":["../../../src/views/templates/TemplatesView.tsx"],"sourcesContent":["'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useRef, 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  ApprovalTemplateListStatus,\n  ApprovalTemplateRecord,\n  ApprovalTemplateCategoryRecord,\n  activateApprovalTemplate,\n  deactivateApprovalTemplate,\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\nexport interface TemplateCategoryOption {\n  readonly categoryId: string | null;\n  readonly id: string;\n  readonly name: string;\n}\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\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 [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  const [activationPendingTemplateId, setActivationPendingTemplateId] =\n    useState<string | null>(null);\n  const refreshRequestIdRef = useRef(0);\n\n  const refreshTemplates = useCallback(async (): Promise<void> => {\n    const requestId = refreshRequestIdRef.current + 1;\n    refreshRequestIdRef.current = requestId;\n    setLoading(true);\n    setError(null);\n    setLaunchableTemplateIds(new Set());\n\n    void listLaunchableTemplates()\n      .then((nextLaunchableTemplates): void => {\n        if (requestId !== refreshRequestIdRef.current) {\n          return;\n        }\n\n        setLaunchableTemplateIds(\n          new Set(nextLaunchableTemplates.map((template) => template.id)),\n        );\n      })\n      .catch((): void => {\n        if (requestId === refreshRequestIdRef.current) {\n          setLaunchableTemplateIds(new Set());\n        }\n      });\n\n    try {\n      const [templatePageResult, activeCategoryPageResult] = 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        listApprovalTemplateCategoriesPage({\n          page: 1,\n          pageSize: TEMPLATE_CATEGORY_PAGE_SIZE,\n          searchText: '',\n          status: 'ACTIVE',\n        }),\n      ]);\n\n      if (requestId !== refreshRequestIdRef.current) {\n        return;\n      }\n\n      setCategoryOptions([\n        ...activeCategoryPageResult.categories.map(readCategoryOption),\n      ]);\n      setTemplates(templatePageResult.templates);\n      setTemplateTotalCount(templatePageResult.totalCount);\n    } catch (requestError: unknown) {\n      if (requestId === refreshRequestIdRef.current) {\n        setError(readErrorMessage(requestError));\n      }\n    } finally {\n      if (requestId === refreshRequestIdRef.current) {\n        setLoading(false);\n      }\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 toggleTemplateActivation = useCallback(\n    async (template: ApprovalTemplateRecord): Promise<void> => {\n      setActivationPendingTemplateId(template.id);\n      setError(null);\n\n      try {\n        await (template.isActive\n          ? deactivateApprovalTemplate(template.id)\n          : activateApprovalTemplate(template.id));\n        await refreshTemplates();\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      } finally {\n        setActivationPendingTemplateId(null);\n      }\n    },\n    [refreshTemplates],\n  );\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: 'isActive',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateActivationBadge isActive={record.isActive} />\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 => 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          disabled: (template): boolean =>\n            activationPendingTemplateId === template.id,\n          name: record.isActive ? '停用' : '啟用',\n          onClick: (template): void => {\n            void toggleTemplateActivation(template);\n          },\n          variant: record.isActive ? 'destructive-secondary' : 'base-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 264,\n    }),\n    [\n      activationPendingTemplateId,\n      launchableTemplateIds,\n      router,\n      toggleTemplateActivation,\n    ],\n  );\n\n  return (\n    <>\n      <>\n        <PageHeader>\n          <ContentHeader\n            description=\"建立流程模板、維護草稿與發布版本。\"\n            title=\"簽核模板\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push(routes.templateCompose())}\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  );\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 TemplateActivationBadge({\n  isActive,\n}: {\n  readonly isActive: boolean;\n}): ReactElement {\n  if (isActive) {\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":"index.cjs","names":["useRouterAdapter","useBPMRoutes","useState","useRef","useCallback","listLaunchableTemplates","listApprovalTemplatesPage","listApprovalTemplateCategoriesPage","deactivateApprovalTemplate","activateApprovalTemplate","useMemo","formatDateTime","_Fragment","PageHeader","ContentHeader","Button","PlusIcon","SectionGroup","Section","FilterArea","styles","FilterLine","Filter","FormField","FormFieldLayout","Input","Select","Tab","TabItem","Typography","Table","Badge","require_rolldown_runtime","require_categories","require_format_date_time","require_router_adapter","require_routes_config","require_views_templates_versions_index","react","_mezzanine_ui_react","react_jsx_runtime","_rytass_bpm_core_client_workflow","_mezzanine_ui_core_form","_mezzanine_ui_react_ContentHeader","_mezzanine_ui_icons","_rytass_bpm_core_client_template","TEMPLATE_PAGE_SIZE_OPTIONS","TEMPLATE_STATUS_TABS","TEMPLATE_CATEGORY_PAGE_SIZE","TemplatesView","router","routes","templates","setTemplates","categoryFilter","setCategoryFilter","UNCATEGORIZED_TEMPLATE_FILTER_OPTION","categoryOptions","setCategoryOptions","launchableTemplateIds","setLaunchableTemplateIds","error","setError","loading","setLoading","templatePage","setTemplatePage","templatePageSize","setTemplatePageSize","templateSearchText","setTemplateSearchText","templateStatus","setTemplateStatus","templateTotalCount","setTemplateTotalCount","activationPendingTemplateId","setActivationPendingTemplateId","refreshRequestIdRef","refreshTemplates","requestId","nextLaunchableTemplates","template","templatePageResult","activeCategoryPageResult","readCategoryOption","requestError","readErrorMessage","toggleTemplateActivation","rows","readTemplateCategoryLabel","columns","TemplateStatusBadge","record","TemplateActivationBadge","TemplateCategoryLabel","tableActions","event","readCategoryFilterOption","option","readTemplateCategoryFilterLabel","value","readTemplateStatusTabKey","activeKey","statusTab","page","pageSize","from","to","total","status","isActive","category","isRecord","id","options"],"sources":["../../../src/views/templates/TemplatesView.tsx"],"sourcesContent":["'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useRef, 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  ApprovalTemplateListStatus,\n  ApprovalTemplateRecord,\n  ApprovalTemplateCategoryRecord,\n  activateApprovalTemplate,\n  deactivateApprovalTemplate,\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\nexport interface TemplateCategoryOption {\n  readonly categoryId: string | null;\n  readonly id: string;\n  readonly name: string;\n}\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\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 [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  const [activationPendingTemplateId, setActivationPendingTemplateId] =\n    useState<string | null>(null);\n  const refreshRequestIdRef = useRef(0);\n\n  const refreshTemplates = useCallback(async (): Promise<void> => {\n    const requestId = refreshRequestIdRef.current + 1;\n    refreshRequestIdRef.current = requestId;\n    setLoading(true);\n    setError(null);\n    setLaunchableTemplateIds(new Set());\n\n    void listLaunchableTemplates()\n      .then((nextLaunchableTemplates): void => {\n        if (requestId !== refreshRequestIdRef.current) {\n          return;\n        }\n\n        setLaunchableTemplateIds(\n          new Set(nextLaunchableTemplates.map((template) => template.id)),\n        );\n      })\n      .catch((): void => {\n        if (requestId === refreshRequestIdRef.current) {\n          setLaunchableTemplateIds(new Set());\n        }\n      });\n\n    try {\n      const [templatePageResult, activeCategoryPageResult] = 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        listApprovalTemplateCategoriesPage({\n          page: 1,\n          pageSize: TEMPLATE_CATEGORY_PAGE_SIZE,\n          searchText: '',\n          status: 'ACTIVE',\n        }),\n      ]);\n\n      if (requestId !== refreshRequestIdRef.current) {\n        return;\n      }\n\n      setCategoryOptions([\n        ...activeCategoryPageResult.categories.map(readCategoryOption),\n      ]);\n      setTemplates(templatePageResult.templates);\n      setTemplateTotalCount(templatePageResult.totalCount);\n    } catch (requestError: unknown) {\n      if (requestId === refreshRequestIdRef.current) {\n        setError(readErrorMessage(requestError));\n      }\n    } finally {\n      if (requestId === refreshRequestIdRef.current) {\n        setLoading(false);\n      }\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 toggleTemplateActivation = useCallback(\n    async (template: ApprovalTemplateRecord): Promise<void> => {\n      setActivationPendingTemplateId(template.id);\n      setError(null);\n\n      try {\n        await (template.isActive\n          ? deactivateApprovalTemplate(template.id)\n          : activateApprovalTemplate(template.id));\n        await refreshTemplates();\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      } finally {\n        setActivationPendingTemplateId(null);\n      }\n    },\n    [refreshTemplates],\n  );\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: 'isActive',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateActivationBadge isActive={record.isActive} />\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 => 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          disabled: (template): boolean =>\n            activationPendingTemplateId === template.id,\n          name: record.isActive ? '停用' : '啟用',\n          onClick: (template): void => {\n            void toggleTemplateActivation(template);\n          },\n          variant: record.isActive ? 'destructive-secondary' : 'base-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 264,\n    }),\n    [\n      activationPendingTemplateId,\n      launchableTemplateIds,\n      router,\n      toggleTemplateActivation,\n    ],\n  );\n\n  return (\n    <>\n      <>\n        <PageHeader>\n          <ContentHeader\n            description=\"建立流程模板、維護草稿與發布版本。\"\n            title=\"簽核模板\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push(routes.templateCompose())}\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  );\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 TemplateActivationBadge({\n  isActive,\n}: {\n  readonly isActive: boolean;\n}): ReactElement {\n  if (isActive) {\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/views/templates/index.js

@@ -1,19 +1,19 @@
 "use client";
-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-yZbESPlw.js";
-import { n as ee, t as r } from "../../chunks/categories-riC33J_j.js";
-import { TemplateVersionsView as i } from "./versions/index.js";
-import { useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import { Badge as u, Button as te, Filter as d, FilterArea as ne, FilterLine as re, FormField as f, Input as p, PageHeader as m, Section as h, SectionGroup as ie, Select as ae, Tab as oe, TabItem as se, Table as ce, Typography as g } from "@mezzanine-ui/react";
+import { n as e, t } from "../../chunks/categories-BAdxjNSA.js";
+import { t as n } from "../../chunks/format-date-time-B0LdmWg4.js";
+import { r as ee } from "../../chunks/router-adapter-CkxCyzf5.js";
+import { r as te } from "../../chunks/routes-config-BcNaWJWJ.js";
+import { TemplateVersionsView as r } from "./versions/index.js";
+import { useCallback as i, useEffect as ne, useMemo as a, useRef as o, useState as s } from "react";
+import { Badge as c, Button as re, Filter as l, FilterArea as ie, FilterLine as u, FormField as d, Input as f, PageHeader as p, Section as m, SectionGroup as h, Select as ae, Tab as oe, TabItem as se, Table as ce, Typography as g } from "@mezzanine-ui/react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { listLaunchableTemplates as b } from "@rytass/bpm-core-client/workflow";
-import { FormFieldLayout as x } from "@mezzanine-ui/core/form";
-import le from "@mezzanine-ui/react/ContentHeader";
-import { PlusIcon as ue } from "@mezzanine-ui/icons";
-import { activateApprovalTemplate as de, deactivateApprovalTemplate as fe, listApprovalTemplateCategoriesPage as pe, listApprovalTemplatesPage as me } from "@rytass/bpm-core-client/template";
-//#region src/views/templates/TemplatesView.tsx
-var he = [
+import { listLaunchableTemplates as le } from "@rytass/bpm-core-client/workflow";
+import { FormFieldLayout as b } from "@mezzanine-ui/core/form";
+import ue from "@mezzanine-ui/react/ContentHeader";
+import { PlusIcon as de } from "@mezzanine-ui/icons";
+import { activateApprovalTemplate as fe, deactivateApprovalTemplate as pe, listApprovalTemplateCategoriesPage as me, listApprovalTemplatesPage as he } from "@rytass/bpm-core-client/template";
+// src/views/templates/TemplatesView.tsx
+var x = [
 	10,
 	20,
 	50
@@ -32,21 +32,21 @@ var he = [
 	}
 ], C = 100;
 function w() {
-	let r = e(), i = n(), [u, w] = l([]), [F, I] = l(A), [L, R] = l([]), [z, B] = l(/* @__PURE__ */ new Set()), [V, H] = l(null), [ge, U] = l(!0), [W, G] = l(1), [K, _e] = l(10), [q, ve] = l(""), [J, ye] = l("ALL"), [be, xe] = l(0), [Y, X] = l(null), Z = c(0), Q = a(async () => {
+	let t = ee(), r = te(), [c, w] = s([]), [F, I] = s(A), [L, R] = s([]), [z, B] = s(/* @__PURE__ */ new Set()), [V, H] = s(null), [ge, U] = s(!0), [W, G] = s(1), [K, _e] = s(10), [q, ve] = s(""), [J, ye] = s("ALL"), [be, xe] = s(0), [Y, X] = s(null), Z = o(0), Q = i(async () => {
 		let e = Z.current + 1;
-		Z.current = e, U(!0), H(null), B(/* @__PURE__ */ new Set()), b().then((t) => {
+		Z.current = e, U(!0), H(null), B(/* @__PURE__ */ new Set()), le().then((t) => {
 			e === Z.current && B(new Set(t.map((e) => e.id)));
 		}).catch(() => {
 			e === Z.current && B(/* @__PURE__ */ new Set());
 		});
 		try {
-			let [t, n] = await Promise.all([me({
+			let [t, n] = await Promise.all([he({
 				categoryId: F.categoryId,
 				page: W,
 				pageSize: K,
 				searchText: q,
 				status: J === "ALL" ? null : J
-			}), pe({
+			}), me({
 				page: 1,
 				pageSize: C,
 				searchText: "",
@@ -66,25 +66,25 @@ function w() {
 		q,
 		J
 	]);
-	o(() => {
+	ne(() => {
 		Q();
 	}, [Q]);
-	let $ = a(async (e) => {
+	let $ = i(async (e) => {
 		X(e.id), H(null);
 		try {
-			await (e.isActive ? fe(e.id) : de(e.id)), await Q();
+			await (e.isActive ? pe(e.id) : fe(e.id)), await Q();
 		} catch (e) {
 			H(T(e));
 		} finally {
 			X(null);
 		}
-	}, [Q]), Se = s(() => u.map((e) => ({
+	}, [Q]), Se = a(() => c.map((e) => ({
 		...e,
 		categoryLabel: P(e),
 		key: e.id,
 		status: e.currentVersionId ? "PUBLISHED" : "DRAFT",
-		updatedAt: t(e.updatedAt)
-	})), [u]), Ce = s(() => [
+		updatedAt: n(e.updatedAt)
+	})), [c]), Ce = a(() => [
 		{
 			dataIndex: "name",
 			key: "name",
@@ -115,21 +115,21 @@ function w() {
 			title: "更新時間",
 			width: 220
 		}
-	], []), we = s(() => ({
+	], []), we = a(() => ({
 		render: (e) => [
 			{
 				disabled: (e) => !z.has(e.id),
 				name: "發起",
-				onClick: () => r.push(i.caseNew(e.id)),
+				onClick: () => t.push(r.caseNew(e.id)),
 				variant: "base-primary"
 			},
 			{
 				name: "設計",
-				onClick: () => r.push(i.templateDesigner(e.id))
+				onClick: () => t.push(r.templateDesigner(e.id))
 			},
 			{
 				name: "版本",
-				onClick: () => r.push(i.templateVersions(e.id))
+				onClick: () => t.push(r.templateVersions(e.id))
 			},
 			{
 				disabled: (e) => Y === e.id,
@@ -145,30 +145,30 @@ function w() {
 	}), [
 		Y,
 		z,
-		r,
+		t,
 		$
 	]);
-	return /* @__PURE__ */ v(_, { children: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(m, { children: /* @__PURE__ */ v(le, {
+	return /* @__PURE__ */ v(_, { children: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(p, { children: /* @__PURE__ */ v(ue, {
 		description: "建立流程模板、維護草稿與發布版本。",
 		title: "簽核模板",
-		children: /* @__PURE__ */ v(te, {
-			icon: ue,
+		children: /* @__PURE__ */ v(re, {
+			icon: de,
 			iconType: "leading",
-			onClick: () => r.push(i.templateCompose()),
+			onClick: () => t.push(r.templateCompose()),
 			variant: "base-primary",
 			children: "建立模板"
 		})
-	}) }), /* @__PURE__ */ v(ie, { children: /* @__PURE__ */ y(h, {
-		filterArea: /* @__PURE__ */ v(ne, {
-			className: ee.templateFilterArea,
+	}) }), /* @__PURE__ */ v(h, { children: /* @__PURE__ */ y(m, {
+		filterArea: /* @__PURE__ */ v(ie, {
+			className: e.templateFilterArea,
 			size: "sub",
-			children: /* @__PURE__ */ y(re, { children: [/* @__PURE__ */ v(d, {
+			children: /* @__PURE__ */ y(u, { children: [/* @__PURE__ */ v(l, {
 				span: 3,
-				children: /* @__PURE__ */ v(f, {
+				children: /* @__PURE__ */ v(d, {
 					fullWidth: !0,
-					layout: x.VERTICAL,
+					layout: b.VERTICAL,
 					name: "templateSearchText",
-					children: /* @__PURE__ */ v(p, {
+					children: /* @__PURE__ */ v(f, {
 						fullWidth: !0,
 						onChange: (e) => {
 							ve(e.target.value), G(1);
@@ -179,11 +179,11 @@ function w() {
 						variant: "base"
 					})
 				})
-			}), /* @__PURE__ */ v(d, {
+			}), /* @__PURE__ */ v(l, {
 				span: 2,
-				children: /* @__PURE__ */ v(f, {
+				children: /* @__PURE__ */ v(d, {
 					fullWidth: !0,
-					layout: x.VERTICAL,
+					layout: b.VERTICAL,
 					name: "templateCategoryFilter",
 					children: /* @__PURE__ */ v(ae, {
 						clearable: !1,
@@ -227,7 +227,7 @@ function w() {
 				},
 				pageSize: K,
 				pageSizeLabel: "每頁筆數",
-				pageSizeOptions: he,
+				pageSizeOptions: x,
 				renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
 				showPageSizeOptions: !0,
 				total: be
@@ -242,29 +242,29 @@ function E(e) {
 	return e === "PUBLISHED" || e === "DRAFT" ? e : "ALL";
 }
 function D({ status: e }) {
-	return e === "PUBLISHED" ? /* @__PURE__ */ v(u, {
+	return e === "PUBLISHED" ? /* @__PURE__ */ v(c, {
 		size: "sub",
 		text: "已發布",
 		variant: "dot-success"
-	}) : /* @__PURE__ */ v(u, {
+	}) : /* @__PURE__ */ v(c, {
 		size: "sub",
 		text: "草稿",
 		variant: "dot-inactive"
 	});
 }
 function O({ isActive: e }) {
-	return e ? /* @__PURE__ */ v(u, {
+	return e ? /* @__PURE__ */ v(c, {
 		size: "sub",
 		text: "啟用中",
 		variant: "dot-success"
-	}) : /* @__PURE__ */ v(u, {
+	}) : /* @__PURE__ */ v(c, {
 		size: "sub",
 		text: "已停用",
 		variant: "dot-inactive"
 	});
 }
 function k({ record: e }) {
-	return e.categoryDetail?.isActive === !1 ? /* @__PURE__ */ v(u, {
+	return e.categoryDetail?.isActive === !1 ? /* @__PURE__ */ v(c, {
 		size: "sub",
 		text: `${e.categoryLabel}（停用）`,
 		variant: "dot-inactive"
@@ -300,7 +300,6 @@ function P(e) {
 function F(e) {
 	return typeof e == "object" && !!e;
 }
-//#endregion
-export { r as TemplateCategoriesView, i as TemplateVersionsView, w as TemplatesView };
+export { t as TemplateCategoriesView, r as TemplateVersionsView, w as TemplatesView };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Fragment","styles","useRouterAdapter","useBPMRoutes","templates_module_default","TemplateCategoriesView","Fragment$1","ContentHeader","TEMPLATE_PAGE_SIZE_OPTIONS","TEMPLATE_STATUS_TABS","TEMPLATE_CATEGORY_PAGE_SIZE","TemplatesView","router","routes","templates","setTemplates","useState","categoryFilter","setCategoryFilter","UNCATEGORIZED_TEMPLATE_FILTER_OPTION","categoryOptions","setCategoryOptions","launchableTemplateIds","setLaunchableTemplateIds","error","setError","loading","setLoading","templatePage","setTemplatePage","templatePageSize","setTemplatePageSize","templateSearchText","setTemplateSearchText","templateStatus","setTemplateStatus","templateTotalCount","setTemplateTotalCount","activationPendingTemplateId","setActivationPendingTemplateId","refreshRequestIdRef","useRef","refreshTemplates","useCallback","requestId","listLaunchableTemplates","nextLaunchableTemplates","template","templatePageResult","activeCategoryPageResult","listApprovalTemplatesPage","listApprovalTemplateCategoriesPage","readCategoryOption","requestError","readErrorMessage","toggleTemplateActivation","deactivateApprovalTemplate","activateApprovalTemplate","rows","useMemo","readTemplateCategoryLabel","formatDateTime","columns","TemplateStatusBadge","record","TemplateActivationBadge","TemplateCategoryLabel","tableActions","PageHeader","Button","PlusIcon","SectionGroup","Section","FilterArea","FilterLine","Filter","FormField","FormFieldLayout","Input","event","Select","readCategoryFilterOption","option","readTemplateCategoryFilterLabel","value","Tab","readTemplateStatusTabKey","activeKey","TabItem","statusTab","Typography","Table","page","pageSize","from","to","total","status","Badge","isActive","category","isRecord","id","options","TemplateVersionsView"],"sources":["../../../src/views/templates/TemplatesView.tsx"],"sourcesContent":["'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useRef, 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  ApprovalTemplateListStatus,\n  ApprovalTemplateRecord,\n  ApprovalTemplateCategoryRecord,\n  activateApprovalTemplate,\n  deactivateApprovalTemplate,\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\nexport interface TemplateCategoryOption {\n  readonly categoryId: string | null;\n  readonly id: string;\n  readonly name: string;\n}\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\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 [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  const [activationPendingTemplateId, setActivationPendingTemplateId] =\n    useState<string | null>(null);\n  const refreshRequestIdRef = useRef(0);\n\n  const refreshTemplates = useCallback(async (): Promise<void> => {\n    const requestId = refreshRequestIdRef.current + 1;\n    refreshRequestIdRef.current = requestId;\n    setLoading(true);\n    setError(null);\n    setLaunchableTemplateIds(new Set());\n\n    void listLaunchableTemplates()\n      .then((nextLaunchableTemplates): void => {\n        if (requestId !== refreshRequestIdRef.current) {\n          return;\n        }\n\n        setLaunchableTemplateIds(\n          new Set(nextLaunchableTemplates.map((template) => template.id)),\n        );\n      })\n      .catch((): void => {\n        if (requestId === refreshRequestIdRef.current) {\n          setLaunchableTemplateIds(new Set());\n        }\n      });\n\n    try {\n      const [templatePageResult, activeCategoryPageResult] = 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        listApprovalTemplateCategoriesPage({\n          page: 1,\n          pageSize: TEMPLATE_CATEGORY_PAGE_SIZE,\n          searchText: '',\n          status: 'ACTIVE',\n        }),\n      ]);\n\n      if (requestId !== refreshRequestIdRef.current) {\n        return;\n      }\n\n      setCategoryOptions([\n        ...activeCategoryPageResult.categories.map(readCategoryOption),\n      ]);\n      setTemplates(templatePageResult.templates);\n      setTemplateTotalCount(templatePageResult.totalCount);\n    } catch (requestError: unknown) {\n      if (requestId === refreshRequestIdRef.current) {\n        setError(readErrorMessage(requestError));\n      }\n    } finally {\n      if (requestId === refreshRequestIdRef.current) {\n        setLoading(false);\n      }\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 toggleTemplateActivation = useCallback(\n    async (template: ApprovalTemplateRecord): Promise<void> => {\n      setActivationPendingTemplateId(template.id);\n      setError(null);\n\n      try {\n        await (template.isActive\n          ? deactivateApprovalTemplate(template.id)\n          : activateApprovalTemplate(template.id));\n        await refreshTemplates();\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      } finally {\n        setActivationPendingTemplateId(null);\n      }\n    },\n    [refreshTemplates],\n  );\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: 'isActive',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateActivationBadge isActive={record.isActive} />\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 => 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          disabled: (template): boolean =>\n            activationPendingTemplateId === template.id,\n          name: record.isActive ? '停用' : '啟用',\n          onClick: (template): void => {\n            void toggleTemplateActivation(template);\n          },\n          variant: record.isActive ? 'destructive-secondary' : 'base-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 264,\n    }),\n    [\n      activationPendingTemplateId,\n      launchableTemplateIds,\n      router,\n      toggleTemplateActivation,\n    ],\n  );\n\n  return (\n    <>\n      <>\n        <PageHeader>\n          <ContentHeader\n            description=\"建立流程模板、維護草稿與發布版本。\"\n            title=\"簽核模板\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push(routes.templateCompose())}\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  );\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 TemplateActivationBadge({\n  isActive,\n}: {\n  readonly isActive: boolean;\n}): ReactElement {\n  if (isActive) {\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":"index.js","names":["_Fragment","styles","templates_module_default","formatDateTime","useRouterAdapter","useBPMRoutes","Fragment$1","ContentHeader","TEMPLATE_PAGE_SIZE_OPTIONS","TEMPLATE_STATUS_TABS","TEMPLATE_CATEGORY_PAGE_SIZE","TemplatesView","router","routes","templates","setTemplates","useState","categoryFilter","setCategoryFilter","UNCATEGORIZED_TEMPLATE_FILTER_OPTION","categoryOptions","setCategoryOptions","launchableTemplateIds","setLaunchableTemplateIds","error","setError","loading","setLoading","templatePage","setTemplatePage","templatePageSize","setTemplatePageSize","templateSearchText","setTemplateSearchText","templateStatus","setTemplateStatus","templateTotalCount","setTemplateTotalCount","activationPendingTemplateId","setActivationPendingTemplateId","refreshRequestIdRef","useRef","refreshTemplates","useCallback","requestId","listLaunchableTemplates","nextLaunchableTemplates","template","templatePageResult","activeCategoryPageResult","listApprovalTemplatesPage","listApprovalTemplateCategoriesPage","readCategoryOption","requestError","readErrorMessage","toggleTemplateActivation","deactivateApprovalTemplate","activateApprovalTemplate","rows","useMemo","readTemplateCategoryLabel","columns","TemplateStatusBadge","record","TemplateActivationBadge","TemplateCategoryLabel","tableActions","PageHeader","Button","PlusIcon","SectionGroup","Section","FilterArea","FilterLine","Filter","FormField","FormFieldLayout","Input","event","Select","readCategoryFilterOption","option","readTemplateCategoryFilterLabel","value","Tab","readTemplateStatusTabKey","activeKey","TabItem","statusTab","Typography","Table","page","pageSize","from","to","total","status","Badge","isActive","category","isRecord","id","options","TemplateCategoriesView","TemplateVersionsView"],"sources":["../../../src/views/templates/TemplatesView.tsx"],"sourcesContent":["'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useRef, 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  ApprovalTemplateListStatus,\n  ApprovalTemplateRecord,\n  ApprovalTemplateCategoryRecord,\n  activateApprovalTemplate,\n  deactivateApprovalTemplate,\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\nexport interface TemplateCategoryOption {\n  readonly categoryId: string | null;\n  readonly id: string;\n  readonly name: string;\n}\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\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 [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  const [activationPendingTemplateId, setActivationPendingTemplateId] =\n    useState<string | null>(null);\n  const refreshRequestIdRef = useRef(0);\n\n  const refreshTemplates = useCallback(async (): Promise<void> => {\n    const requestId = refreshRequestIdRef.current + 1;\n    refreshRequestIdRef.current = requestId;\n    setLoading(true);\n    setError(null);\n    setLaunchableTemplateIds(new Set());\n\n    void listLaunchableTemplates()\n      .then((nextLaunchableTemplates): void => {\n        if (requestId !== refreshRequestIdRef.current) {\n          return;\n        }\n\n        setLaunchableTemplateIds(\n          new Set(nextLaunchableTemplates.map((template) => template.id)),\n        );\n      })\n      .catch((): void => {\n        if (requestId === refreshRequestIdRef.current) {\n          setLaunchableTemplateIds(new Set());\n        }\n      });\n\n    try {\n      const [templatePageResult, activeCategoryPageResult] = 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        listApprovalTemplateCategoriesPage({\n          page: 1,\n          pageSize: TEMPLATE_CATEGORY_PAGE_SIZE,\n          searchText: '',\n          status: 'ACTIVE',\n        }),\n      ]);\n\n      if (requestId !== refreshRequestIdRef.current) {\n        return;\n      }\n\n      setCategoryOptions([\n        ...activeCategoryPageResult.categories.map(readCategoryOption),\n      ]);\n      setTemplates(templatePageResult.templates);\n      setTemplateTotalCount(templatePageResult.totalCount);\n    } catch (requestError: unknown) {\n      if (requestId === refreshRequestIdRef.current) {\n        setError(readErrorMessage(requestError));\n      }\n    } finally {\n      if (requestId === refreshRequestIdRef.current) {\n        setLoading(false);\n      }\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 toggleTemplateActivation = useCallback(\n    async (template: ApprovalTemplateRecord): Promise<void> => {\n      setActivationPendingTemplateId(template.id);\n      setError(null);\n\n      try {\n        await (template.isActive\n          ? deactivateApprovalTemplate(template.id)\n          : activateApprovalTemplate(template.id));\n        await refreshTemplates();\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      } finally {\n        setActivationPendingTemplateId(null);\n      }\n    },\n    [refreshTemplates],\n  );\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: 'isActive',\n        render: (record: TemplateRow): ReactElement => (\n          <TemplateActivationBadge isActive={record.isActive} />\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 => 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          disabled: (template): boolean =>\n            activationPendingTemplateId === template.id,\n          name: record.isActive ? '停用' : '啟用',\n          onClick: (template): void => {\n            void toggleTemplateActivation(template);\n          },\n          variant: record.isActive ? 'destructive-secondary' : 'base-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 264,\n    }),\n    [\n      activationPendingTemplateId,\n      launchableTemplateIds,\n      router,\n      toggleTemplateActivation,\n    ],\n  );\n\n  return (\n    <>\n      <>\n        <PageHeader>\n          <ContentHeader\n            description=\"建立流程模板、維護草稿與發布版本。\"\n            title=\"簽核模板\"\n          >\n            <Button\n              icon={PlusIcon}\n              iconType=\"leading\"\n              onClick={(): void => router.push(routes.templateCompose())}\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  );\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 TemplateActivationBadge({\n  isActive,\n}: {\n  readonly isActive: boolean;\n}): ReactElement {\n  if (isActive) {\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/views/templates/versions/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/rolldown-runtime-BocRIvOZ.cjs"),t=require("../../../chunks/router-adapter--gYs13E8.cjs"),n=require("../../../chunks/format-date-time-D-cx5M8z.cjs"),r=require("../../../chunks/routes-config-C1j_vFKo.cjs");let i=require("react"),a=require("@mezzanine-ui/react"),o=require("react/jsx-runtime"),s=require("@mezzanine-ui/react/ContentHeader");s=e.t(s,1);let c=require("@rytass/bpm-core-client/template");function l({templateId:e}){let l=t.r(),d=r.r(),[f,p]=(0,i.useState)(null),[m,h]=(0,i.useState)(null),[g,_]=(0,i.useState)(!0),[v,y]=(0,i.useState)(!1);(0,i.useEffect)(()=>{C()},[e]);let b=(0,i.useMemo)(()=>(f?.versions??[]).map(e=>({formVersion:f?.formVersions.find(t=>t.id===e.formDefinitionVersionId)?.label??`未綁定`,key:e.id,publishedAt:n.t(e.publishedAt),status:e.status,updatedAt:n.t(e.updatedAt),version:`v${e.version}`,versionId:e.id})),[f]),x=(0,i.useMemo)(()=>[{dataIndex:`version`,key:`version`,title:`版本`,width:100},{dataIndex:`status`,key:`status`,title:`狀態`,width:140},{dataIndex:`formVersion`,key:`formVersion`,title:`表單版本`,width:220},{dataIndex:`publishedAt`,key:`publishedAt`,title:`發布時間`,width:200},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:200}],[]),S=(0,i.useMemo)(()=>({render:e=>[{disabled:()=>v||e.status===`DRAFT`,name:`Rollback`,onClick:()=>void w(e.versionId)}],variant:`base-secondary`,width:104}),[v]);async function C(){_(!0),h(null);try{p(await(0,c.readTemplateDesigner)(e))}catch(e){h(u(e))}finally{_(!1)}}async function w(e){y(!0),h(null);try{await(0,c.rollbackApprovalTemplateVersion)(e),await C()}catch(e){h(u(e))}finally{y(!1)}}return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.PageHeader,{children:(0,o.jsx)(s.default,{description:`查看發布、歸檔與 rollback 狀態。`,onBackClick:()=>l.push(d.templates()),title:f?.template.name??`模板版本`})}),(0,o.jsx)(a.SectionGroup,{children:(0,o.jsxs)(a.Section,{children:[m?(0,o.jsx)(a.Typography,{color:`text-error`,variant:`body`,children:m}):null,(0,o.jsx)(a.Table,{actions:S,columns:x,dataSource:b,fullWidth:!0,loading:g})]})})]})}function u(e){return e instanceof Error?e.message:`發生未知錯誤`}exports.TemplateVersionsView=l;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/rolldown-runtime-BocRIvOZ.cjs"),t=require("../../../chunks/router-adapter--gYs13E8.cjs"),n=require("../../../chunks/routes-config-C1j_vFKo.cjs"),r=require("../../../chunks/format-date-time-D-cx5M8z.cjs");let i=require("react"),a=require("@mezzanine-ui/react"),o=require("react/jsx-runtime"),s=require("@mezzanine-ui/react/ContentHeader");s=e.t(s,1);let c=require("@rytass/bpm-core-client/template");function l({templateId:e}){let l=t.r(),d=n.r(),[f,p]=(0,i.useState)(null),[m,h]=(0,i.useState)(null),[g,_]=(0,i.useState)(!0),[v,y]=(0,i.useState)(!1);(0,i.useEffect)(()=>{C()},[e]);let b=(0,i.useMemo)(()=>(f?.versions??[]).map(e=>({formVersion:f?.formVersions.find(t=>t.id===e.formDefinitionVersionId)?.label??`未綁定`,key:e.id,publishedAt:r.t(e.publishedAt),status:e.status,updatedAt:r.t(e.updatedAt),version:`v${e.version}`,versionId:e.id})),[f]),x=(0,i.useMemo)(()=>[{dataIndex:`version`,key:`version`,title:`版本`,width:100},{dataIndex:`status`,key:`status`,title:`狀態`,width:140},{dataIndex:`formVersion`,key:`formVersion`,title:`表單版本`,width:220},{dataIndex:`publishedAt`,key:`publishedAt`,title:`發布時間`,width:200},{dataIndex:`updatedAt`,key:`updatedAt`,title:`更新時間`,width:200}],[]),S=(0,i.useMemo)(()=>({render:e=>[{disabled:()=>v||e.status===`DRAFT`,name:`Rollback`,onClick:()=>void w(e.versionId)}],variant:`base-secondary`,width:104}),[v]);async function C(){_(!0),h(null);try{p(await(0,c.readTemplateDesigner)(e))}catch(e){h(u(e))}finally{_(!1)}}async function w(e){y(!0),h(null);try{await(0,c.rollbackApprovalTemplateVersion)(e),await C()}catch(e){h(u(e))}finally{y(!1)}}return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(a.PageHeader,{children:(0,o.jsx)(s.default,{description:`查看發布、歸檔與 rollback 狀態。`,onBackClick:()=>l.push(d.templates()),title:f?.template.name??`模板版本`})}),(0,o.jsx)(a.SectionGroup,{children:(0,o.jsxs)(a.Section,{children:[m?(0,o.jsx)(a.Typography,{color:`text-error`,variant:`body`,children:m}):null,(0,o.jsx)(a.Table,{actions:S,columns:x,dataSource:b,fullWidth:!0,loading:g})]})})]})}function u(e){return e instanceof Error?e.message:`發生未知錯誤`}exports.TemplateVersionsView=l;
 //# sourceMappingURL=index.cjs.map

package/dist/views/templates/versions/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useRouterAdapter","useBPMRoutes","useState","useMemo","formatDateTime","readTemplateDesigner","rollbackApprovalTemplateVersion","_Fragment","PageHeader","ContentHeader","SectionGroup","Section","Typography","Table","require_rolldown_runtime","require_router_adapter","require_format_date_time","require_routes_config","react","_mezzanine_ui_react","react_jsx_runtime","_mezzanine_ui_react_ContentHeader","_rytass_bpm_core_client_template","TemplateVersionsView","router","routes","record","setRecord","error","setError","loading","setLoading","rollingBack","setRollingBack","refreshVersions","templateId","rows","formVersion","version","columns","actions","row","handleRollback","requestError","readErrorMessage","versionId"],"sources":["../../../../src/views/templates/versions/TemplateVersionsView.tsx"],"sourcesContent":["'use client';\n\nimport { ReactElement, useEffect, useMemo, useState } from 'react';\nimport {\n  PageHeader,\n  Section,\n  SectionGroup,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { useRouterAdapter } from '../../../lib/router-adapter';\nimport { useBPMRoutes } from '../../../lib/routes-config';\nimport {\n  readTemplateDesigner,\n  rollbackApprovalTemplateVersion,\n  TemplateDesignerRecord,\n} from '@rytass/bpm-core-client/template';\nimport { formatDateTime } from '../../../lib/format-date-time';\n\ntype VersionRow = Readonly<\n  Record<string, unknown> & {\n    formVersion: string;\n    key: string;\n    publishedAt: string;\n    status: string;\n    updatedAt: string;\n    version: string;\n    versionId: string;\n  }\n>;\n\nexport interface TemplateVersionsViewProps {\n  readonly templateId: string;\n}\n\nexport function TemplateVersionsView({\n  templateId,\n}: TemplateVersionsViewProps): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const [record, setRecord] = useState<TemplateDesignerRecord | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [rollingBack, setRollingBack] = useState(false);\n\n  useEffect((): void => {\n    void refreshVersions();\n  }, [templateId]);\n\n  const rows = useMemo(\n    (): VersionRow[] =>\n      (record?.versions ?? []).map((version) => ({\n        formVersion:\n          record?.formVersions.find(\n            (formVersion) => formVersion.id === version.formDefinitionVersionId,\n          )?.label ?? '未綁定',\n        key: version.id,\n        publishedAt: formatDateTime(version.publishedAt),\n        status: version.status,\n        updatedAt: formatDateTime(version.updatedAt),\n        version: `v${version.version}`,\n        versionId: version.id,\n      })),\n    [record],\n  );\n  const columns = useMemo(\n    (): TableColumn<VersionRow>[] => [\n      { dataIndex: 'version', key: 'version', title: '版本', width: 100 },\n      { dataIndex: 'status', key: 'status', title: '狀態', width: 140 },\n      {\n        dataIndex: 'formVersion',\n        key: 'formVersion',\n        title: '表單版本',\n        width: 220,\n      },\n      {\n        dataIndex: 'publishedAt',\n        key: 'publishedAt',\n        title: '發布時間',\n        width: 200,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 200,\n      },\n    ],\n    [],\n  );\n  const actions = useMemo(\n    (): TableActions<VersionRow> => ({\n      render: (row): ReturnType<TableActions<VersionRow>['render']> => [\n        {\n          disabled: (): boolean => rollingBack || row.status === 'DRAFT',\n          name: 'Rollback',\n          onClick: (): void => void handleRollback(row.versionId),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 104,\n    }),\n    [rollingBack],\n  );\n\n  async function refreshVersions(): Promise<void> {\n    setLoading(true);\n    setError(null);\n\n    try {\n      setRecord(await readTemplateDesigner(templateId));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  async function handleRollback(versionId: string): Promise<void> {\n    setRollingBack(true);\n    setError(null);\n\n    try {\n      await rollbackApprovalTemplateVersion(versionId);\n      await refreshVersions();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setRollingBack(false);\n    }\n  }\n\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description=\"查看發布、歸檔與 rollback 狀態。\"\n            onBackClick={(): void => router.push(routes.templates())}\n            title={record?.template.name ?? '模板版本'}\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Table\n              actions={actions}\n              columns={columns}\n              dataSource={rows}\n              fullWidth\n              loading={loading}\n            />\n          </Section>\n        </SectionGroup>\n      </>\n  );\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":["useRouterAdapter","useBPMRoutes","useState","useMemo","formatDateTime","readTemplateDesigner","rollbackApprovalTemplateVersion","_Fragment","PageHeader","ContentHeader","SectionGroup","Section","Typography","Table","require_rolldown_runtime","require_router_adapter","require_routes_config","require_format_date_time","react","_mezzanine_ui_react","react_jsx_runtime","_mezzanine_ui_react_ContentHeader","_rytass_bpm_core_client_template","TemplateVersionsView","router","routes","record","setRecord","error","setError","loading","setLoading","rollingBack","setRollingBack","refreshVersions","templateId","rows","formVersion","version","columns","actions","row","handleRollback","requestError","readErrorMessage","versionId"],"sources":["../../../../src/views/templates/versions/TemplateVersionsView.tsx"],"sourcesContent":["'use client';\n\nimport { ReactElement, useEffect, useMemo, useState } from 'react';\nimport {\n  PageHeader,\n  Section,\n  SectionGroup,\n  Table,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { useRouterAdapter } from '../../../lib/router-adapter';\nimport { useBPMRoutes } from '../../../lib/routes-config';\nimport {\n  readTemplateDesigner,\n  rollbackApprovalTemplateVersion,\n  TemplateDesignerRecord,\n} from '@rytass/bpm-core-client/template';\nimport { formatDateTime } from '../../../lib/format-date-time';\n\ntype VersionRow = Readonly<\n  Record<string, unknown> & {\n    formVersion: string;\n    key: string;\n    publishedAt: string;\n    status: string;\n    updatedAt: string;\n    version: string;\n    versionId: string;\n  }\n>;\n\nexport interface TemplateVersionsViewProps {\n  readonly templateId: string;\n}\n\nexport function TemplateVersionsView({\n  templateId,\n}: TemplateVersionsViewProps): ReactElement {\n  const router = useRouterAdapter();\n  const routes = useBPMRoutes();\n  const [record, setRecord] = useState<TemplateDesignerRecord | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [rollingBack, setRollingBack] = useState(false);\n\n  useEffect((): void => {\n    void refreshVersions();\n  }, [templateId]);\n\n  const rows = useMemo(\n    (): VersionRow[] =>\n      (record?.versions ?? []).map((version) => ({\n        formVersion:\n          record?.formVersions.find(\n            (formVersion) => formVersion.id === version.formDefinitionVersionId,\n          )?.label ?? '未綁定',\n        key: version.id,\n        publishedAt: formatDateTime(version.publishedAt),\n        status: version.status,\n        updatedAt: formatDateTime(version.updatedAt),\n        version: `v${version.version}`,\n        versionId: version.id,\n      })),\n    [record],\n  );\n  const columns = useMemo(\n    (): TableColumn<VersionRow>[] => [\n      { dataIndex: 'version', key: 'version', title: '版本', width: 100 },\n      { dataIndex: 'status', key: 'status', title: '狀態', width: 140 },\n      {\n        dataIndex: 'formVersion',\n        key: 'formVersion',\n        title: '表單版本',\n        width: 220,\n      },\n      {\n        dataIndex: 'publishedAt',\n        key: 'publishedAt',\n        title: '發布時間',\n        width: 200,\n      },\n      {\n        dataIndex: 'updatedAt',\n        key: 'updatedAt',\n        title: '更新時間',\n        width: 200,\n      },\n    ],\n    [],\n  );\n  const actions = useMemo(\n    (): TableActions<VersionRow> => ({\n      render: (row): ReturnType<TableActions<VersionRow>['render']> => [\n        {\n          disabled: (): boolean => rollingBack || row.status === 'DRAFT',\n          name: 'Rollback',\n          onClick: (): void => void handleRollback(row.versionId),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 104,\n    }),\n    [rollingBack],\n  );\n\n  async function refreshVersions(): Promise<void> {\n    setLoading(true);\n    setError(null);\n\n    try {\n      setRecord(await readTemplateDesigner(templateId));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }\n\n  async function handleRollback(versionId: string): Promise<void> {\n    setRollingBack(true);\n    setError(null);\n\n    try {\n      await rollbackApprovalTemplateVersion(versionId);\n      await refreshVersions();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setRollingBack(false);\n    }\n  }\n\n  return (\n    <>\n        <PageHeader>\n          <ContentHeader\n            description=\"查看發布、歸檔與 rollback 狀態。\"\n            onBackClick={(): void => router.push(routes.templates())}\n            title={record?.template.name ?? '模板版本'}\n          />\n        </PageHeader>\n\n        <SectionGroup>\n          <Section>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            <Table\n              actions={actions}\n              columns={columns}\n              dataSource={rows}\n              fullWidth\n              loading={loading}\n            />\n          </Section>\n        </SectionGroup>\n      </>\n  );\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}