@rytass/bpm-core-react 0.22.0 → 0.24.0

package/dist/next/index.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/providers-VUOh6i0i.cjs"),t=require("../chunks/router-adapter--gYs13E8.cjs"),n=require("../chunks/routes-config-C1j_vFKo.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("next/navigation");function o({children:n,locale:o,language:s,organizationTimeZone:c,publicPaths:l,loginPath:u}){let d=(0,a.useRouter)(),f=(0,a.usePathname)(),p=(0,r.useMemo)(()=>({pathname:f,push:e=>d.push(e),replace:e=>d.replace(e),back:()=>d.back(),searchParams:()=>t.n()}),[d,f]);return(0,i.jsx)(t.t,{value:p,children:(0,i.jsx)(e.t,{locale:o,language:s,organizationTimeZone:c,publicPaths:l,loginPath:u,children:n})})}exports.BPMNextProviders=o,exports.BPMRoutesProvider=n.t,exports.createDefaultBPMRoutes=n.n,exports.useBPMRoutes=n.r;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/providers-Dz4Wqxr6.cjs"),t=require("../chunks/router-adapter--gYs13E8.cjs"),n=require("../chunks/routes-config-BWjZDAU3.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("next/navigation");function o({children:n,locale:o,language:s,organizationTimeZone:c,publicPaths:l,loginPath:u}){let d=(0,a.useRouter)(),f=(0,a.usePathname)(),p=(0,r.useMemo)(()=>({pathname:f,push:e=>d.push(e),replace:e=>d.replace(e),back:()=>d.back(),searchParams:()=>t.n()}),[d,f]);return(0,i.jsx)(t.t,{value:p,children:(0,i.jsx)(e.t,{locale:o,language:s,organizationTimeZone:c,publicPaths:l,loginPath:u,children:n})})}exports.BPMNextProviders=o,exports.BPMRoutesProvider=n.t,exports.createDefaultBPMRoutes=n.n,exports.useBPMRoutes=n.r;
 //# sourceMappingURL=index.cjs.map

package/dist/next/index.js

@@ -1,7 +1,7 @@
 "use client";
-import { t as e } from "../chunks/providers-CQWekD7_.js";
+import { t as e } from "../chunks/providers-D35lBOTd.js";
 import { n as t, t as n } from "../chunks/router-adapter-CkxCyzf5.js";
-import { n as r, r as i, t as a } from "../chunks/routes-config-BcNaWJWJ.js";
+import { n as r, r as i, t as a } from "../chunks/routes-config-DjEOE9eP.js";
 import { useMemo as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
 import { usePathname as c, useRouter as l } from "next/navigation";

package/dist/pages/admin/stuck-instances/index.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../views/admin/stuck-instances/index.cjs");let t=require("react/jsx-runtime");var n={title:`卡住的案件 | BPM Admin`,description:`列出往下一關失敗而停住的案件，管理員可撤銷。`};function r(){return(0,t.jsx)(e.AdminStuckInstancesView,{})}exports.default=r,exports.metadata=n;
+//# sourceMappingURL=index.cjs.map

package/dist/pages/admin/stuck-instances/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["AdminStuckInstancesView","require_views_admin_stuck_instances_index","react_jsx_runtime","metadata","AdminStuckInstancesPage"],"sources":["../../../../src/pages/admin/stuck-instances/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminStuckInstancesView } from '../../../views/admin/stuck-instances';\n\nexport const metadata: Metadata = {\n  title: '卡住的案件 | BPM Admin',\n  description: '列出往下一關失敗而停住的案件，管理員可撤銷。',\n};\n\nexport default function AdminStuckInstancesPage(): ReactElement {\n  return <AdminStuckInstancesView />;\n}\n"],"mappings":"A,oMAIA,IAAaG,EAAqB,CAChC,MAAO,oBACP,YAAa,wBACf,EAEA,SAAwBC,GAAwC,CAC9D,OAAO,EAAAF,EAAA,IAAA,CAACF,EAAAA,wBAAD,CAA0B,CAAA,CACnC,C"}

package/dist/pages/admin/stuck-instances/index.d.cts

@@ -0,0 +1,4 @@
+import { Metadata } from 'next';
+import { ReactElement } from 'react';
+export declare const metadata: Metadata;
+export default function AdminStuckInstancesPage(): ReactElement;

package/dist/pages/admin/stuck-instances/index.d.ts

@@ -0,0 +1,4 @@
+import { Metadata } from 'next';
+import { ReactElement } from 'react';
+export declare const metadata: Metadata;
+export default function AdminStuckInstancesPage(): ReactElement;

package/dist/pages/admin/stuck-instances/index.js

@@ -0,0 +1,13 @@
+import { AdminStuckInstancesView as e } from "../../../views/admin/stuck-instances/index.js";
+import { jsx as t } from "react/jsx-runtime";
+// src/pages/admin/stuck-instances/index.tsx
+var n = {
+	title: "卡住的案件 | BPM Admin",
+	description: "列出往下一關失敗而停住的案件，管理員可撤銷。"
+};
+function r() {
+	return /* @__PURE__ */ t(e, {});
+}
+export { r as default, n as metadata };
+
+//# sourceMappingURL=index.js.map

package/dist/pages/admin/stuck-instances/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["metadata","AdminStuckInstancesPage","AdminStuckInstancesView"],"sources":["../../../../src/pages/admin/stuck-instances/index.tsx"],"sourcesContent":["import type { Metadata } from 'next';\nimport type { ReactElement } from 'react';\nimport { AdminStuckInstancesView } from '../../../views/admin/stuck-instances';\n\nexport const metadata: Metadata = {\n  title: '卡住的案件 | BPM Admin',\n  description: '列出往下一關失敗而停住的案件，管理員可撤銷。',\n};\n\nexport default function AdminStuckInstancesPage(): ReactElement {\n  return <AdminStuckInstancesView />;\n}\n"],"mappings":";;;AAIA,IAAaA,IAAqB;CAChC,OAAO;CACP,aAAa;AACf;AAEA,SAAwBC,IAAwC;CAC9D,OAAO,kBAACC,GAAD,CAA0B,CAAA;AACnC"}

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

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

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

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

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

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

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

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

package/dist/pages/templates/compose/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/compose-DP1N4twA.cjs");let t=require("react/jsx-runtime"),n=require("next/server");var r={title:`建立模板（表單 + 流程） | BPM Admin`,description:`以精靈式流程一次完成 BPM 表單與簽核流程設計並發佈。`};async function i(){return await(0,n.connection)(),(0,t.jsx)(e.t,{aiAssistantAvailable:!!process.env.OPENAI_API_KEY,showAiAssistant:process.env.BPM_AI_ASSISTANT_ENABLED===`true`})}exports.default=i,exports.metadata=r;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/compose-B43jtdyL.cjs");let t=require("react/jsx-runtime"),n=require("next/server");var r={title:`建立模板（表單 + 流程） | BPM Admin`,description:`以精靈式流程一次完成 BPM 表單與簽核流程設計並發佈。`};async function i(){return await(0,n.connection)(),(0,t.jsx)(e.t,{aiAssistantAvailable:!!process.env.OPENAI_API_KEY,showAiAssistant:process.env.BPM_AI_ASSISTANT_ENABLED===`true`})}exports.default=i,exports.metadata=r;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/templates/compose/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../../../chunks/compose-U1zs3Yof.js";
+import { t as e } from "../../../chunks/compose-C7yS6bJm.js";
 import { jsx as t } from "react/jsx-runtime";
 import { connection as n } from "next/server";
 // src/pages/templates/compose/index.tsx

package/dist/pages/templates/designer/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/designer-CWL-dCQ_.cjs");let t=require("react/jsx-runtime");var n={title:`流程設計器 | BPM Admin`,description:`以視覺化設計器編輯 BPM 簽核流程節點、條件與發佈版本。`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{aiAssistantAvailable:!!process.env.OPENAI_API_KEY,showAiAssistant:process.env.BPM_AI_ASSISTANT_ENABLED===`true`,showDryRun:process.env.BPM_TEMPLATE_DRY_RUN_ENABLED!==`false`,templateId:r})}exports.default=r,exports.metadata=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/designer-eXw7R9ug.cjs");let t=require("react/jsx-runtime");var n={title:`流程設計器 | BPM Admin`,description:`以視覺化設計器編輯 BPM 簽核流程節點、條件與發佈版本。`};async function r({params:n}){let{id:r}=await n;return(0,t.jsx)(e.t,{aiAssistantAvailable:!!process.env.OPENAI_API_KEY,showAiAssistant:process.env.BPM_AI_ASSISTANT_ENABLED===`true`,showDryRun:process.env.BPM_TEMPLATE_DRY_RUN_ENABLED!==`false`,templateId:r})}exports.default=r,exports.metadata=n;
 //# sourceMappingURL=index.cjs.map

package/dist/pages/templates/designer/index.js

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

package/dist/views/admin/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/users-EqSzDhuj.cjs"),t=require("../../chunks/orgs-B_2J2tLX.cjs"),n=require("../../chunks/delegations-ClRCwD1I.cjs"),r=require("./webhook-endpoints/index.cjs");exports.AdminDelegationsView=n.t,exports.AdminOrgsView=t.t,exports.AdminUsersView=e.t,exports.AdminWebhookEndpointsView=r.AdminWebhookEndpointsView;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/users-C_Dtw_sR.cjs"),t=require("../../chunks/orgs-B_2J2tLX.cjs"),n=require("../../chunks/delegations-ClRCwD1I.cjs"),r=require("./webhook-endpoints/index.cjs"),i=require("./stuck-instances/index.cjs");exports.AdminDelegationsView=n.t,exports.AdminOrgsView=t.t,exports.AdminStuckInstancesView=i.AdminStuckInstancesView,exports.AdminUsersView=e.t,exports.AdminWebhookEndpointsView=r.AdminWebhookEndpointsView,exports.StuckInstanceCancelModal=i.StuckInstanceCancelModal;

package/dist/views/admin/index.d.cts

@@ -2,3 +2,4 @@ export * from './users/index.cjs';
 export * from './orgs/index.cjs';
 export * from './delegations/index.cjs';
 export * from './webhook-endpoints/index.cjs';
+export * from './stuck-instances/index.cjs';

package/dist/views/admin/index.d.ts

@@ -2,3 +2,4 @@ export * from './users/index.js';
 export * from './orgs/index.js';
 export * from './delegations/index.js';
 export * from './webhook-endpoints/index.js';
+export * from './stuck-instances/index.js';

package/dist/views/admin/index.js

@@ -1,5 +1,6 @@
-import { t as e } from "../../chunks/users-BBtiZ9QQ.js";
+import { t as e } from "../../chunks/users-wgM3TqU3.js";
 import { t } from "../../chunks/orgs-DqxMds26.js";
 import { t as n } from "../../chunks/delegations-zisffLwk.js";
 import { AdminWebhookEndpointsView as r } from "./webhook-endpoints/index.js";
-export { n as AdminDelegationsView, t as AdminOrgsView, e as AdminUsersView, r as AdminWebhookEndpointsView };
+import { AdminStuckInstancesView as i, StuckInstanceCancelModal as a } from "./stuck-instances/index.js";
+export { n as AdminDelegationsView, t as AdminOrgsView, i as AdminStuckInstancesView, e as AdminUsersView, r as AdminWebhookEndpointsView, a as StuckInstanceCancelModal };

package/dist/views/admin/stuck-instances/AdminStuckInstancesView.d.cts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+/**
+ * Administrator list of approval instances that could not move on to their
+ * next stage (the next approver could not be resolved, say) and still cannot.
+ * Each row names where it stuck, who pressed last, who has to press again, and
+ * why. The only action is cancelling the instance; fixing the cause and having
+ * the listed person press again clears the row by itself. Administrator-only on
+ * the server.
+ */
+export declare function AdminStuckInstancesView(): ReactElement;

package/dist/views/admin/stuck-instances/AdminStuckInstancesView.d.ts

@@ -0,0 +1,10 @@
+import { ReactElement } from 'react';
+/**
+ * Administrator list of approval instances that could not move on to their
+ * next stage (the next approver could not be resolved, say) and still cannot.
+ * Each row names where it stuck, who pressed last, who has to press again, and
+ * why. The only action is cancelling the instance; fixing the cause and having
+ * the listed person press again clears the row by itself. Administrator-only on
+ * the server.
+ */
+export declare function AdminStuckInstancesView(): ReactElement;

package/dist/views/admin/stuck-instances/StuckInstanceCancelModal.d.cts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { StuckApprovalInstanceRecord } from '@rytass/bpm-core-client/workflow';
+/**
+ * Administrator cancellation of one stuck approval instance. The reason is
+ * required (trimmed) and goes to the applicant as an in-app notification, so
+ * the window says so before the administrator confirms. Cancelling cannot be
+ * undone.
+ */
+export declare function StuckInstanceCancelModal({ instance, onCancelled, onClose, }: {
+    readonly instance: StuckApprovalInstanceRecord | null;
+    /** The cancellation went through; the host closes the window and reloads. */
+    readonly onCancelled: () => void;
+    readonly onClose: () => void;
+}): ReactElement;

package/dist/views/admin/stuck-instances/StuckInstanceCancelModal.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { StuckApprovalInstanceRecord } from '@rytass/bpm-core-client/workflow';
+/**
+ * Administrator cancellation of one stuck approval instance. The reason is
+ * required (trimmed) and goes to the applicant as an in-app notification, so
+ * the window says so before the administrator confirms. Cancelling cannot be
+ * undone.
+ */
+export declare function StuckInstanceCancelModal({ instance, onCancelled, onClose, }: {
+    readonly instance: StuckApprovalInstanceRecord | null;
+    /** The cancellation went through; the host closes the window and reloads. */
+    readonly onCancelled: () => void;
+    readonly onClose: () => void;
+}): ReactElement;

package/dist/views/admin/stuck-instances/index.cjs

@@ -0,0 +1,2 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/rolldown-runtime-BocRIvOZ.cjs"),t=require("../../../chunks/format-date-time-D-cx5M8z.cjs"),n=require("../../../chunks/member-profile-resolution-DiH-P-Vh.cjs"),r=require("../../../chunks/bpm-form-field-Bc6k4ZEO.cjs");let i=require("react"),a=require("@mezzanine-ui/react"),o=require("@rytass/bpm-core-client"),s=require("react/jsx-runtime"),c=require("@rytass/bpm-core-client/workflow"),l=require("@mezzanine-ui/react/ContentHeader");l=e.t(l,1);function u({instance:e,onCancelled:t,onClose:n}){let[o,l]=(0,i.useState)(``),[u,p]=(0,i.useState)(!1),m=(0,i.useRef)(!1),[h,g]=(0,i.useState)(null),_=o.trim(),v=e?.instanceId??null;(0,i.useEffect)(()=>{l(``),g(null),p(!1),m.current=!1},[v]);let y=()=>{u||n()};async function b(){if(!e||!_||m.current)return;m.current=!0,p(!0),g(null);let n=await(0,c.adminCancelApprovalInstance)({instanceId:e.instanceId,reason:_}).then(()=>!0,e=>(g(f(e)),!1));m.current=!1,p(!1),n&&t()}return(0,s.jsx)(a.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!_||u},confirmText:`確認撤銷`,loading:u,modalType:`standard`,onCancel:y,onClose:y,onConfirm:()=>{b()},open:!!e,showModalFooter:!0,showModalHeader:!0,size:`regular`,title:`撤銷卡住的案件`,children:e?(0,s.jsxs)(`div`,{style:d,children:[(0,s.jsxs)(a.Typography,{variant:`body`,children:[`案件：`,e.instanceTitle]}),(0,s.jsx)(a.Typography,{color:`text-neutral`,variant:`body`,children:`撤銷後無法復原。申請人會收到站內通知，內容含撤銷理由。`}),h?(0,s.jsx)(a.Typography,{color:`text-error`,variant:`body`,children:h}):null,(0,s.jsx)(r.t,{label:`撤銷理由（必填）`,name:`stuckCancelReason`,children:(0,s.jsx)(a.Input,{...u?{disabled:!0}:{},fullWidth:!0,name:`stuckCancelReason`,onChange:e=>{l(e.target.value)},placeholder:`例如：下一關簽核人設定有誤，請重新送單`,value:o})})]}):null})}var d={display:`grid`,gap:16};function f(e){return e instanceof Error?e.message:`撤銷案件失敗。`}var p={display:`grid`,gap:12},m=[10,20,50];function h(){let[e,r]=(0,i.useState)([]),[d,f]=(0,i.useState)(new Map),[h,y]=(0,i.useState)(!0),[b,x]=(0,i.useState)(null),[S,C]=(0,i.useState)(null),[w,T]=(0,i.useState)(1),[E,D]=(0,i.useState)(20),[O,k]=(0,i.useState)(0),A=(0,i.useRef)(0),j=(0,i.useCallback)(async()=>{let e=A.current+1;A.current=e,y(!0);try{let{instances:t,totalCount:i}=await(0,c.listStuckApprovalInstancesPage)({page:w,pageSize:E});if(t.length===0&&w>1&&i>0){A.current===e&&T(Math.ceil(i/E));return}let a=await n.n(g(t),o.resolveMembers);if(A.current!==e)return;r(t),k(i),f(new Map(a.profiles.map(e=>[e.memberId,e]))),x(null)}catch(t){A.current===e&&(r([]),f(new Map),x(v(t)))}finally{A.current===e&&y(!1)}},[w,E]);(0,i.useEffect)(()=>{j()},[j]);let M=(0,i.useMemo)(()=>e.map(e=>({instance:e,key:e.instanceId})),[e]),N=(0,i.useMemo)(()=>[{key:`instanceTitle`,render:({instance:e})=>e.instanceTitle,title:`案件`,width:220},{key:`templateName`,render:({instance:e})=>e.templateName??`-`,title:`範本`,width:160},{key:`stuckAt`,render:({instance:e})=>e.kind===`RESUBMIT`?`退件後重送`:e.nodeLabel??`-`,title:`卡在哪一關`,width:160},{key:`failedActor`,render:({instance:e})=>e.automatic===`SLA_AUTO_APPROVE`?`系統逾時自動同意`:_(e.failedActorMemberId,d),title:`上次失敗的人`,width:160},{key:`pendingActors`,render:({instance:e})=>e.pendingActorMemberIds.length?e.pendingActorMemberIds.map(e=>_(e,d)).join(`、`):`目前沒有人能按`,title:`現在該重按的人`,width:180},{key:`message`,render:({instance:e})=>e.message,title:`原因`,width:260},{key:`failedAt`,render:({instance:e})=>t.t(e.failedAt),title:`時間`,width:180}],[d]),P=(0,i.useMemo)(()=>({render:({instance:e})=>[{name:`撤銷`,onClick:()=>C(e)}],variant:`base-secondary`,width:100}),[]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(a.PageHeader,{children:(0,s.jsx)(l.default,{description:`往下一關失敗、至今仍停在原處的案件。排除原因後由「現在該重按的人」再按一次即可；無法處理時可撤銷。`,title:`卡住的案件`})}),(0,s.jsx)(a.SectionGroup,{children:(0,s.jsx)(a.Section,{children:(0,s.jsxs)(`div`,{style:p,children:[b?(0,s.jsx)(a.Typography,{color:`text-error`,variant:`body`,children:b}):null,!h&&!b&&e.length===0?(0,s.jsx)(a.Typography,{color:`text-neutral`,variant:`body`,children:`目前沒有卡住的案件`}):null,h||e.length?(0,s.jsx)(a.Table,{actions:P,columns:N,dataSource:M,fullWidth:!0,loading:h,pagination:{current:w,onChange:e=>{T(e)},onChangePageSize:e=>{T(1),D(e)},pageSize:E,pageSizeLabel:`每頁筆數`,pageSizeOptions:m,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:O}}):null]})})}),(0,s.jsx)(u,{instance:S,onCancelled:()=>{C(null),j()},onClose:()=>C(null)})]})}function g(e){return[...new Set(e.flatMap(e=>[...e.failedActorMemberId?[e.failedActorMemberId]:[],...e.pendingActorMemberIds]))]}function _(e,t){return e?t.get(e)?.name??e:`-`}function v(e){return e instanceof Error?e.message:`載入卡住的案件失敗。`}exports.AdminStuckInstancesView=h,exports.StuckInstanceCancelModal=u;
+//# sourceMappingURL=index.cjs.map

package/dist/views/admin/stuck-instances/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["useState","useRef","adminCancelApprovalInstance","readErrorMessage","Modal","Typography","BPMFormField","Input","useState","useRef","useCallback","listStuckApprovalInstancesPage","resolveMemberProfilesPerIdOnFailure","resolveMembers","useMemo","formatDateTime","_Fragment","PageHeader","ContentHeader","SectionGroup","Section","Typography","Table","require_rolldown_runtime","require_format_date_time","require_member_profile_resolution","require_bpm_form_field","react","_mezzanine_ui_react","_rytass_bpm_core_client","react_jsx_runtime","_rytass_bpm_core_client_workflow","_mezzanine_ui_react_ContentHeader","StuckInstanceCancelModal","reason","setReason","busy","setBusy","busyRef","error","setError","trimmedReason","instanceId","instance","handleClose","onClose","handleConfirm","succeeded","readErrorMessage$1","requestError","onCancelled","BODY_STYLE","event","STACK_STYLE","PAGE_SIZE_OPTIONS","AdminStuckInstancesView","instances","setInstances","profilesById","setProfilesById","loading","setLoading","cancelTarget","setCancelTarget","page","setPage","pageSize","setPageSize","totalCount","setTotalCount","latestRequestRef","refresh","request","loaded","total","resolution","readMemberIds","profile","readErrorMessage","rows","columns","readMemberText","memberId","actions","nextPage","nextPageSize","from","to"],"sources":["../../../../src/views/admin/stuck-instances/StuckInstanceCancelModal.tsx","../../../../src/views/admin/stuck-instances/AdminStuckInstancesView.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, ReactElement, useEffect, useRef, useState } from 'react';\nimport { Input, Modal, Typography } from '@mezzanine-ui/react';\nimport {\n  adminCancelApprovalInstance,\n  type StuckApprovalInstanceRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { BPMFormField } from '../../../components/bpm-form-field';\n\n/**\n * Administrator cancellation of one stuck approval instance. The reason is\n * required (trimmed) and goes to the applicant as an in-app notification, so\n * the window says so before the administrator confirms. Cancelling cannot be\n * undone.\n */\nexport function StuckInstanceCancelModal({\n  instance,\n  onCancelled,\n  onClose,\n}: {\n  readonly instance: StuckApprovalInstanceRecord | null;\n  /** The cancellation went through; the host closes the window and reloads. */\n  readonly onCancelled: () => void;\n  readonly onClose: () => void;\n}): ReactElement {\n  const [reason, setReason] = useState('');\n  const [busy, setBusy] = useState(false);\n  // `busy` only reaches the handler after a re-render; a second press that\n  // lands before it would send a second cancellation.\n  const busyRef = useRef(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const trimmedReason = reason.trim();\n\n  // A different instance starts from a blank window.\n  const instanceId = instance?.instanceId ?? null;\n\n  useEffect((): void => {\n    setReason('');\n    setError(null);\n    setBusy(false);\n    busyRef.current = false;\n  }, [instanceId]);\n\n  // While the request is in flight every close path is a no-op: the cancel\n  // button, Esc, the backdrop and the corner X all end up here.\n  const handleClose = (): void => {\n    if (busy) {\n      return;\n    }\n\n    onClose();\n  };\n\n  async function handleConfirm(): Promise<void> {\n    if (!instance || !trimmedReason || busyRef.current) {\n      return;\n    }\n\n    busyRef.current = true;\n    setBusy(true);\n    setError(null);\n\n    const succeeded = await adminCancelApprovalInstance({\n      instanceId: instance.instanceId,\n      reason: trimmedReason,\n    }).then(\n      (): boolean => true,\n      (requestError: unknown): boolean => {\n        setError(readErrorMessage(requestError));\n\n        return false;\n      },\n    );\n\n    busyRef.current = false;\n    setBusy(false);\n\n    if (succeeded) {\n      onCancelled();\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !trimmedReason || busy }}\n      confirmText=\"確認撤銷\"\n      loading={busy}\n      modalType=\"standard\"\n      onCancel={handleClose}\n      onClose={handleClose}\n      onConfirm={(): void => {\n        void handleConfirm();\n      }}\n      open={Boolean(instance)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title=\"撤銷卡住的案件\"\n    >\n      {instance ? (\n        <div style={BODY_STYLE}>\n          <Typography variant=\"body\">案件：{instance.instanceTitle}</Typography>\n          <Typography color=\"text-neutral\" variant=\"body\">\n            撤銷後無法復原。申請人會收到站內通知，內容含撤銷理由。\n          </Typography>\n          {error ? (\n            <Typography color=\"text-error\" variant=\"body\">\n              {error}\n            </Typography>\n          ) : null}\n          <BPMFormField label=\"撤銷理由（必填）\" name=\"stuckCancelReason\">\n            <Input\n              {...(busy ? { disabled: true as const } : {})}\n              fullWidth\n              name=\"stuckCancelReason\"\n              onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n                setReason(event.target.value);\n              }}\n              placeholder=\"例如：下一關簽核人設定有誤，請重新送單\"\n              value={reason}\n            />\n          </BPMFormField>\n        </div>\n      ) : null}\n    </Modal>\n  );\n}\n\nconst BODY_STYLE = {\n  display: 'grid',\n  gap: 16,\n} as const;\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '撤銷案件失敗。';\n}\n","'use client';\n\nimport {\n  CSSProperties,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} 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 { resolveMembers } from '@rytass/bpm-core-client';\nimport type { MemberProfileRecord } from '@rytass/bpm-core-client/template';\nimport {\n  listStuckApprovalInstancesPage,\n  type StuckApprovalInstanceRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport { resolveMemberProfilesPerIdOnFailure } from '../../../lib/member-profile-resolution';\nimport { StuckInstanceCancelModal } from './StuckInstanceCancelModal';\n\ntype StuckRow = Readonly<\n  Record<string, unknown> & {\n    instance: StuckApprovalInstanceRecord;\n    key: string;\n  }\n>;\n\nconst STACK_STYLE: CSSProperties = { display: 'grid', gap: 12 };\n\nconst PAGE_SIZE_OPTIONS = [10, 20, 50];\n\n/**\n * Administrator list of approval instances that could not move on to their\n * next stage (the next approver could not be resolved, say) and still cannot.\n * Each row names where it stuck, who pressed last, who has to press again, and\n * why. The only action is cancelling the instance; fixing the cause and having\n * the listed person press again clears the row by itself. Administrator-only on\n * the server.\n */\nexport function AdminStuckInstancesView(): ReactElement {\n  const [instances, setInstances] = useState<\n    readonly StuckApprovalInstanceRecord[]\n  >([]);\n  const [profilesById, setProfilesById] = useState<\n    ReadonlyMap<string, MemberProfileRecord>\n  >(new Map());\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [cancelTarget, setCancelTarget] =\n    useState<StuckApprovalInstanceRecord | null>(null);\n  const [page, setPage] = useState(1);\n  const [pageSize, setPageSize] = useState(20);\n  const [totalCount, setTotalCount] = useState(0);\n\n  // Only the latest listing may write, so a slow earlier answer cannot replace\n  // the list that a cancellation just reloaded.\n  const latestRequestRef = useRef(0);\n\n  const refresh = useCallback(async (): Promise<void> => {\n    const request = latestRequestRef.current + 1;\n\n    latestRequestRef.current = request;\n    setLoading(true);\n\n    try {\n      const { instances: loaded, totalCount: total } =\n        await listStuckApprovalInstancesPage({ page, pageSize });\n\n      // A cancellation can empty the last page: step back to the new last one,\n      // whose load replaces this answer.\n      if (loaded.length === 0 && page > 1 && total > 0) {\n        if (latestRequestRef.current === request) {\n          setPage(Math.ceil(total / pageSize));\n        }\n\n        return;\n      }\n\n      const resolution = await resolveMemberProfilesPerIdOnFailure(\n        readMemberIds(loaded),\n        resolveMembers,\n      );\n\n      if (latestRequestRef.current !== request) {\n        return;\n      }\n\n      // Ids that cannot be resolved stay out of the map and show as the raw id.\n      setInstances(loaded);\n      setTotalCount(total);\n      setProfilesById(\n        new Map(\n          resolution.profiles.map((profile) => [profile.memberId, profile]),\n        ),\n      );\n      setError(null);\n    } catch (requestError: unknown) {\n      if (latestRequestRef.current === request) {\n        // The table already shows the page asked for; rows of the page left\n        // behind must not stand under that number.\n        setInstances([]);\n        setProfilesById(new Map());\n        setError(readErrorMessage(requestError));\n      }\n    } finally {\n      if (latestRequestRef.current === request) {\n        setLoading(false);\n      }\n    }\n  }, [page, pageSize]);\n\n  useEffect((): void => {\n    void refresh();\n  }, [refresh]);\n\n  const rows = useMemo(\n    (): StuckRow[] =>\n      instances.map((instance) => ({ instance, key: instance.instanceId })),\n    [instances],\n  );\n\n  const columns = useMemo(\n    (): TableColumn<StuckRow>[] => [\n      {\n        key: 'instanceTitle',\n        render: ({ instance }: StuckRow): string => instance.instanceTitle,\n        title: '案件',\n        width: 220,\n      },\n      {\n        key: 'templateName',\n        render: ({ instance }: StuckRow): string =>\n          instance.templateName ?? '-',\n        title: '範本',\n        width: 160,\n      },\n      {\n        key: 'stuckAt',\n        render: ({ instance }: StuckRow): string =>\n          instance.kind === 'RESUBMIT'\n            ? '退件後重送'\n            : (instance.nodeLabel ?? '-'),\n        title: '卡在哪一關',\n        width: 160,\n      },\n      {\n        key: 'failedActor',\n        render: ({ instance }: StuckRow): string =>\n          instance.automatic === 'SLA_AUTO_APPROVE'\n            ? '系統逾時自動同意'\n            : readMemberText(instance.failedActorMemberId, profilesById),\n        title: '上次失敗的人',\n        width: 160,\n      },\n      {\n        key: 'pendingActors',\n        render: ({ instance }: StuckRow): string =>\n          instance.pendingActorMemberIds.length\n            ? instance.pendingActorMemberIds\n                .map((memberId) => readMemberText(memberId, profilesById))\n                .join('、')\n            : '目前沒有人能按',\n        title: '現在該重按的人',\n        width: 180,\n      },\n      {\n        key: 'message',\n        render: ({ instance }: StuckRow): string => instance.message,\n        title: '原因',\n        width: 260,\n      },\n      {\n        key: 'failedAt',\n        render: ({ instance }: StuckRow): string =>\n          formatDateTime(instance.failedAt),\n        title: '時間',\n        width: 180,\n      },\n    ],\n    [profilesById],\n  );\n\n  const actions = useMemo(\n    (): TableActions<StuckRow> => ({\n      render: ({\n        instance,\n      }): ReturnType<TableActions<StuckRow>['render']> => [\n        {\n          name: '撤銷',\n          onClick: (): void => setCancelTarget(instance),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 100,\n    }),\n    [],\n  );\n\n  return (\n    <>\n      <PageHeader>\n        <ContentHeader\n          description=\"往下一關失敗、至今仍停在原處的案件。排除原因後由「現在該重按的人」再按一次即可；無法處理時可撤銷。\"\n          title=\"卡住的案件\"\n        />\n      </PageHeader>\n\n      <SectionGroup>\n        <Section>\n          <div style={STACK_STYLE}>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            {!loading && !error && instances.length === 0 ? (\n              <Typography color=\"text-neutral\" variant=\"body\">\n                目前沒有卡住的案件\n              </Typography>\n            ) : null}\n            {loading || instances.length ? (\n              <Table\n                actions={actions}\n                columns={columns}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: page,\n                  onChange: (nextPage): void => {\n                    setPage(nextPage);\n                  },\n                  onChangePageSize: (nextPageSize): void => {\n                    setPage(1);\n                    setPageSize(nextPageSize);\n                  },\n                  pageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: totalCount,\n                }}\n              />\n            ) : null}\n          </div>\n        </Section>\n      </SectionGroup>\n\n      <StuckInstanceCancelModal\n        instance={cancelTarget}\n        onCancelled={(): void => {\n          setCancelTarget(null);\n          void refresh();\n        }}\n        onClose={(): void => setCancelTarget(null)}\n      />\n    </>\n  );\n}\n\nfunction readMemberIds(\n  instances: readonly StuckApprovalInstanceRecord[],\n): readonly string[] {\n  return [\n    ...new Set(\n      instances.flatMap((instance): readonly string[] => [\n        ...(instance.failedActorMemberId ? [instance.failedActorMemberId] : []),\n        ...instance.pendingActorMemberIds,\n      ]),\n    ),\n  ];\n}\n\nfunction readMemberText(\n  memberId: string | null,\n  profilesById: ReadonlyMap<string, MemberProfileRecord>,\n): string {\n  if (!memberId) {\n    return '-';\n  }\n\n  return profilesById.get(memberId)?.name ?? memberId;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '載入卡住的案件失敗。';\n}\n"],"mappings":"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"}

package/dist/views/admin/stuck-instances/index.d.cts

@@ -0,0 +1,2 @@
+export * from './AdminStuckInstancesView.cjs';
+export * from './StuckInstanceCancelModal.cjs';

package/dist/views/admin/stuck-instances/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AdminStuckInstancesView.js';
+export * from './StuckInstanceCancelModal.js';

package/dist/views/admin/stuck-instances/index.js

@@ -0,0 +1,237 @@
+"use client";
+import { t as e } from "../../../chunks/format-date-time-B0LdmWg4.js";
+import { n as t } from "../../../chunks/member-profile-resolution-CJlgVdTR.js";
+import { t as n } from "../../../chunks/bpm-form-field-9B-Det0u.js";
+import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { Input as c, Modal as l, PageHeader as u, Section as d, SectionGroup as f, Table as p, Typography as m } from "@mezzanine-ui/react";
+import { resolveMembers as h } from "@rytass/bpm-core-client";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { adminCancelApprovalInstance as y, listStuckApprovalInstancesPage as b } from "@rytass/bpm-core-client/workflow";
+import x from "@mezzanine-ui/react/ContentHeader";
+// src/views/admin/stuck-instances/StuckInstanceCancelModal.tsx
+function S({ instance: e, onCancelled: t, onClose: r }) {
+	let [a, u] = s(""), [d, f] = s(!1), p = o(!1), [h, g] = s(null), b = a.trim(), x = e?.instanceId ?? null;
+	i(() => {
+		u(""), g(null), f(!1), p.current = !1;
+	}, [x]);
+	let S = () => {
+		d || r();
+	};
+	async function T() {
+		if (!e || !b || p.current) return;
+		p.current = !0, f(!0), g(null);
+		let n = await y({
+			instanceId: e.instanceId,
+			reason: b
+		}).then(() => !0, (e) => (g(w(e)), !1));
+		p.current = !1, f(!1), n && t();
+	}
+	return /* @__PURE__ */ _(l, {
+		cancelText: "取消",
+		confirmButtonProps: { disabled: !b || d },
+		confirmText: "確認撤銷",
+		loading: d,
+		modalType: "standard",
+		onCancel: S,
+		onClose: S,
+		onConfirm: () => {
+			T();
+		},
+		open: !!e,
+		showModalFooter: !0,
+		showModalHeader: !0,
+		size: "regular",
+		title: "撤銷卡住的案件",
+		children: e ? /* @__PURE__ */ v("div", {
+			style: C,
+			children: [
+				/* @__PURE__ */ v(m, {
+					variant: "body",
+					children: ["案件：", e.instanceTitle]
+				}),
+				/* @__PURE__ */ _(m, {
+					color: "text-neutral",
+					variant: "body",
+					children: "撤銷後無法復原。申請人會收到站內通知，內容含撤銷理由。"
+				}),
+				h ? /* @__PURE__ */ _(m, {
+					color: "text-error",
+					variant: "body",
+					children: h
+				}) : null,
+				/* @__PURE__ */ _(n, {
+					label: "撤銷理由（必填）",
+					name: "stuckCancelReason",
+					children: /* @__PURE__ */ _(c, {
+						...d ? { disabled: !0 } : {},
+						fullWidth: !0,
+						name: "stuckCancelReason",
+						onChange: (e) => {
+							u(e.target.value);
+						},
+						placeholder: "例如：下一關簽核人設定有誤，請重新送單",
+						value: a
+					})
+				})
+			]
+		}) : null
+	});
+}
+var C = {
+	display: "grid",
+	gap: 16
+};
+function w(e) {
+	return e instanceof Error ? e.message : "撤銷案件失敗。";
+}
+// src/views/admin/stuck-instances/AdminStuckInstancesView.tsx
+var T = {
+	display: "grid",
+	gap: 12
+}, E = [
+	10,
+	20,
+	50
+];
+function D() {
+	let [n, c] = s([]), [l, y] = s(/* @__PURE__ */ new Map()), [C, w] = s(!0), [D, j] = s(null), [M, N] = s(null), [P, F] = s(1), [I, L] = s(20), [R, z] = s(0), B = o(0), V = r(async () => {
+		let e = B.current + 1;
+		B.current = e, w(!0);
+		try {
+			let { instances: n, totalCount: r } = await b({
+				page: P,
+				pageSize: I
+			});
+			if (n.length === 0 && P > 1 && r > 0) {
+				B.current === e && F(Math.ceil(r / I));
+				return;
+			}
+			let i = await t(O(n), h);
+			if (B.current !== e) return;
+			c(n), z(r), y(new Map(i.profiles.map((e) => [e.memberId, e]))), j(null);
+		} catch (t) {
+			B.current === e && (c([]), y(/* @__PURE__ */ new Map()), j(A(t)));
+		} finally {
+			B.current === e && w(!1);
+		}
+	}, [P, I]);
+	i(() => {
+		V();
+	}, [V]);
+	let H = a(() => n.map((e) => ({
+		instance: e,
+		key: e.instanceId
+	})), [n]), U = a(() => [
+		{
+			key: "instanceTitle",
+			render: ({ instance: e }) => e.instanceTitle,
+			title: "案件",
+			width: 220
+		},
+		{
+			key: "templateName",
+			render: ({ instance: e }) => e.templateName ?? "-",
+			title: "範本",
+			width: 160
+		},
+		{
+			key: "stuckAt",
+			render: ({ instance: e }) => e.kind === "RESUBMIT" ? "退件後重送" : e.nodeLabel ?? "-",
+			title: "卡在哪一關",
+			width: 160
+		},
+		{
+			key: "failedActor",
+			render: ({ instance: e }) => e.automatic === "SLA_AUTO_APPROVE" ? "系統逾時自動同意" : k(e.failedActorMemberId, l),
+			title: "上次失敗的人",
+			width: 160
+		},
+		{
+			key: "pendingActors",
+			render: ({ instance: e }) => e.pendingActorMemberIds.length ? e.pendingActorMemberIds.map((e) => k(e, l)).join("、") : "目前沒有人能按",
+			title: "現在該重按的人",
+			width: 180
+		},
+		{
+			key: "message",
+			render: ({ instance: e }) => e.message,
+			title: "原因",
+			width: 260
+		},
+		{
+			key: "failedAt",
+			render: ({ instance: t }) => e(t.failedAt),
+			title: "時間",
+			width: 180
+		}
+	], [l]), W = a(() => ({
+		render: ({ instance: e }) => [{
+			name: "撤銷",
+			onClick: () => N(e)
+		}],
+		variant: "base-secondary",
+		width: 100
+	}), []);
+	return /* @__PURE__ */ v(g, { children: [
+		/* @__PURE__ */ _(u, { children: /* @__PURE__ */ _(x, {
+			description: "往下一關失敗、至今仍停在原處的案件。排除原因後由「現在該重按的人」再按一次即可；無法處理時可撤銷。",
+			title: "卡住的案件"
+		}) }),
+		/* @__PURE__ */ _(f, { children: /* @__PURE__ */ _(d, { children: /* @__PURE__ */ v("div", {
+			style: T,
+			children: [
+				D ? /* @__PURE__ */ _(m, {
+					color: "text-error",
+					variant: "body",
+					children: D
+				}) : null,
+				!C && !D && n.length === 0 ? /* @__PURE__ */ _(m, {
+					color: "text-neutral",
+					variant: "body",
+					children: "目前沒有卡住的案件"
+				}) : null,
+				C || n.length ? /* @__PURE__ */ _(p, {
+					actions: W,
+					columns: U,
+					dataSource: H,
+					fullWidth: !0,
+					loading: C,
+					pagination: {
+						current: P,
+						onChange: (e) => {
+							F(e);
+						},
+						onChangePageSize: (e) => {
+							F(1), L(e);
+						},
+						pageSize: I,
+						pageSizeLabel: "每頁筆數",
+						pageSizeOptions: E,
+						renderResultSummary: (e, t, n) => `顯示 ${e}-${t} 筆，共 ${n} 筆`,
+						showPageSizeOptions: !0,
+						total: R
+					}
+				}) : null
+			]
+		}) }) }),
+		/* @__PURE__ */ _(S, {
+			instance: M,
+			onCancelled: () => {
+				N(null), V();
+			},
+			onClose: () => N(null)
+		})
+	] });
+}
+function O(e) {
+	return [...new Set(e.flatMap((e) => [...e.failedActorMemberId ? [e.failedActorMemberId] : [], ...e.pendingActorMemberIds]))];
+}
+function k(e, t) {
+	return e ? t.get(e)?.name ?? e : "-";
+}
+function A(e) {
+	return e instanceof Error ? e.message : "載入卡住的案件失敗。";
+}
+export { D as AdminStuckInstancesView, S as StuckInstanceCancelModal };
+
+//# sourceMappingURL=index.js.map

package/dist/views/admin/stuck-instances/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["readErrorMessage","_Fragment","formatDateTime","resolveMemberProfilesPerIdOnFailure","BPMFormField","Fragment$1","ContentHeader","StuckInstanceCancelModal","reason","setReason","useState","busy","setBusy","busyRef","useRef","error","setError","trimmedReason","instanceId","instance","handleClose","onClose","handleConfirm","succeeded","adminCancelApprovalInstance","readErrorMessage$1","requestError","onCancelled","Modal","BODY_STYLE","Typography","Input","event","STACK_STYLE","PAGE_SIZE_OPTIONS","AdminStuckInstancesView","instances","setInstances","profilesById","setProfilesById","loading","setLoading","cancelTarget","setCancelTarget","page","setPage","pageSize","setPageSize","totalCount","setTotalCount","latestRequestRef","refresh","useCallback","request","loaded","total","listStuckApprovalInstancesPage","resolution","readMemberIds","resolveMembers","profile","readErrorMessage","rows","useMemo","columns","readMemberText","memberId","actions","PageHeader","SectionGroup","Section","Table","nextPage","nextPageSize","from","to"],"sources":["../../../../src/views/admin/stuck-instances/StuckInstanceCancelModal.tsx","../../../../src/views/admin/stuck-instances/AdminStuckInstancesView.tsx"],"sourcesContent":["'use client';\n\nimport { ChangeEvent, ReactElement, useEffect, useRef, useState } from 'react';\nimport { Input, Modal, Typography } from '@mezzanine-ui/react';\nimport {\n  adminCancelApprovalInstance,\n  type StuckApprovalInstanceRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { BPMFormField } from '../../../components/bpm-form-field';\n\n/**\n * Administrator cancellation of one stuck approval instance. The reason is\n * required (trimmed) and goes to the applicant as an in-app notification, so\n * the window says so before the administrator confirms. Cancelling cannot be\n * undone.\n */\nexport function StuckInstanceCancelModal({\n  instance,\n  onCancelled,\n  onClose,\n}: {\n  readonly instance: StuckApprovalInstanceRecord | null;\n  /** The cancellation went through; the host closes the window and reloads. */\n  readonly onCancelled: () => void;\n  readonly onClose: () => void;\n}): ReactElement {\n  const [reason, setReason] = useState('');\n  const [busy, setBusy] = useState(false);\n  // `busy` only reaches the handler after a re-render; a second press that\n  // lands before it would send a second cancellation.\n  const busyRef = useRef(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const trimmedReason = reason.trim();\n\n  // A different instance starts from a blank window.\n  const instanceId = instance?.instanceId ?? null;\n\n  useEffect((): void => {\n    setReason('');\n    setError(null);\n    setBusy(false);\n    busyRef.current = false;\n  }, [instanceId]);\n\n  // While the request is in flight every close path is a no-op: the cancel\n  // button, Esc, the backdrop and the corner X all end up here.\n  const handleClose = (): void => {\n    if (busy) {\n      return;\n    }\n\n    onClose();\n  };\n\n  async function handleConfirm(): Promise<void> {\n    if (!instance || !trimmedReason || busyRef.current) {\n      return;\n    }\n\n    busyRef.current = true;\n    setBusy(true);\n    setError(null);\n\n    const succeeded = await adminCancelApprovalInstance({\n      instanceId: instance.instanceId,\n      reason: trimmedReason,\n    }).then(\n      (): boolean => true,\n      (requestError: unknown): boolean => {\n        setError(readErrorMessage(requestError));\n\n        return false;\n      },\n    );\n\n    busyRef.current = false;\n    setBusy(false);\n\n    if (succeeded) {\n      onCancelled();\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !trimmedReason || busy }}\n      confirmText=\"確認撤銷\"\n      loading={busy}\n      modalType=\"standard\"\n      onCancel={handleClose}\n      onClose={handleClose}\n      onConfirm={(): void => {\n        void handleConfirm();\n      }}\n      open={Boolean(instance)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title=\"撤銷卡住的案件\"\n    >\n      {instance ? (\n        <div style={BODY_STYLE}>\n          <Typography variant=\"body\">案件：{instance.instanceTitle}</Typography>\n          <Typography color=\"text-neutral\" variant=\"body\">\n            撤銷後無法復原。申請人會收到站內通知，內容含撤銷理由。\n          </Typography>\n          {error ? (\n            <Typography color=\"text-error\" variant=\"body\">\n              {error}\n            </Typography>\n          ) : null}\n          <BPMFormField label=\"撤銷理由（必填）\" name=\"stuckCancelReason\">\n            <Input\n              {...(busy ? { disabled: true as const } : {})}\n              fullWidth\n              name=\"stuckCancelReason\"\n              onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n                setReason(event.target.value);\n              }}\n              placeholder=\"例如：下一關簽核人設定有誤，請重新送單\"\n              value={reason}\n            />\n          </BPMFormField>\n        </div>\n      ) : null}\n    </Modal>\n  );\n}\n\nconst BODY_STYLE = {\n  display: 'grid',\n  gap: 16,\n} as const;\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '撤銷案件失敗。';\n}\n","'use client';\n\nimport {\n  CSSProperties,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} 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 { resolveMembers } from '@rytass/bpm-core-client';\nimport type { MemberProfileRecord } from '@rytass/bpm-core-client/template';\nimport {\n  listStuckApprovalInstancesPage,\n  type StuckApprovalInstanceRecord,\n} from '@rytass/bpm-core-client/workflow';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport { resolveMemberProfilesPerIdOnFailure } from '../../../lib/member-profile-resolution';\nimport { StuckInstanceCancelModal } from './StuckInstanceCancelModal';\n\ntype StuckRow = Readonly<\n  Record<string, unknown> & {\n    instance: StuckApprovalInstanceRecord;\n    key: string;\n  }\n>;\n\nconst STACK_STYLE: CSSProperties = { display: 'grid', gap: 12 };\n\nconst PAGE_SIZE_OPTIONS = [10, 20, 50];\n\n/**\n * Administrator list of approval instances that could not move on to their\n * next stage (the next approver could not be resolved, say) and still cannot.\n * Each row names where it stuck, who pressed last, who has to press again, and\n * why. The only action is cancelling the instance; fixing the cause and having\n * the listed person press again clears the row by itself. Administrator-only on\n * the server.\n */\nexport function AdminStuckInstancesView(): ReactElement {\n  const [instances, setInstances] = useState<\n    readonly StuckApprovalInstanceRecord[]\n  >([]);\n  const [profilesById, setProfilesById] = useState<\n    ReadonlyMap<string, MemberProfileRecord>\n  >(new Map());\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [cancelTarget, setCancelTarget] =\n    useState<StuckApprovalInstanceRecord | null>(null);\n  const [page, setPage] = useState(1);\n  const [pageSize, setPageSize] = useState(20);\n  const [totalCount, setTotalCount] = useState(0);\n\n  // Only the latest listing may write, so a slow earlier answer cannot replace\n  // the list that a cancellation just reloaded.\n  const latestRequestRef = useRef(0);\n\n  const refresh = useCallback(async (): Promise<void> => {\n    const request = latestRequestRef.current + 1;\n\n    latestRequestRef.current = request;\n    setLoading(true);\n\n    try {\n      const { instances: loaded, totalCount: total } =\n        await listStuckApprovalInstancesPage({ page, pageSize });\n\n      // A cancellation can empty the last page: step back to the new last one,\n      // whose load replaces this answer.\n      if (loaded.length === 0 && page > 1 && total > 0) {\n        if (latestRequestRef.current === request) {\n          setPage(Math.ceil(total / pageSize));\n        }\n\n        return;\n      }\n\n      const resolution = await resolveMemberProfilesPerIdOnFailure(\n        readMemberIds(loaded),\n        resolveMembers,\n      );\n\n      if (latestRequestRef.current !== request) {\n        return;\n      }\n\n      // Ids that cannot be resolved stay out of the map and show as the raw id.\n      setInstances(loaded);\n      setTotalCount(total);\n      setProfilesById(\n        new Map(\n          resolution.profiles.map((profile) => [profile.memberId, profile]),\n        ),\n      );\n      setError(null);\n    } catch (requestError: unknown) {\n      if (latestRequestRef.current === request) {\n        // The table already shows the page asked for; rows of the page left\n        // behind must not stand under that number.\n        setInstances([]);\n        setProfilesById(new Map());\n        setError(readErrorMessage(requestError));\n      }\n    } finally {\n      if (latestRequestRef.current === request) {\n        setLoading(false);\n      }\n    }\n  }, [page, pageSize]);\n\n  useEffect((): void => {\n    void refresh();\n  }, [refresh]);\n\n  const rows = useMemo(\n    (): StuckRow[] =>\n      instances.map((instance) => ({ instance, key: instance.instanceId })),\n    [instances],\n  );\n\n  const columns = useMemo(\n    (): TableColumn<StuckRow>[] => [\n      {\n        key: 'instanceTitle',\n        render: ({ instance }: StuckRow): string => instance.instanceTitle,\n        title: '案件',\n        width: 220,\n      },\n      {\n        key: 'templateName',\n        render: ({ instance }: StuckRow): string =>\n          instance.templateName ?? '-',\n        title: '範本',\n        width: 160,\n      },\n      {\n        key: 'stuckAt',\n        render: ({ instance }: StuckRow): string =>\n          instance.kind === 'RESUBMIT'\n            ? '退件後重送'\n            : (instance.nodeLabel ?? '-'),\n        title: '卡在哪一關',\n        width: 160,\n      },\n      {\n        key: 'failedActor',\n        render: ({ instance }: StuckRow): string =>\n          instance.automatic === 'SLA_AUTO_APPROVE'\n            ? '系統逾時自動同意'\n            : readMemberText(instance.failedActorMemberId, profilesById),\n        title: '上次失敗的人',\n        width: 160,\n      },\n      {\n        key: 'pendingActors',\n        render: ({ instance }: StuckRow): string =>\n          instance.pendingActorMemberIds.length\n            ? instance.pendingActorMemberIds\n                .map((memberId) => readMemberText(memberId, profilesById))\n                .join('、')\n            : '目前沒有人能按',\n        title: '現在該重按的人',\n        width: 180,\n      },\n      {\n        key: 'message',\n        render: ({ instance }: StuckRow): string => instance.message,\n        title: '原因',\n        width: 260,\n      },\n      {\n        key: 'failedAt',\n        render: ({ instance }: StuckRow): string =>\n          formatDateTime(instance.failedAt),\n        title: '時間',\n        width: 180,\n      },\n    ],\n    [profilesById],\n  );\n\n  const actions = useMemo(\n    (): TableActions<StuckRow> => ({\n      render: ({\n        instance,\n      }): ReturnType<TableActions<StuckRow>['render']> => [\n        {\n          name: '撤銷',\n          onClick: (): void => setCancelTarget(instance),\n        },\n      ],\n      variant: 'base-secondary',\n      width: 100,\n    }),\n    [],\n  );\n\n  return (\n    <>\n      <PageHeader>\n        <ContentHeader\n          description=\"往下一關失敗、至今仍停在原處的案件。排除原因後由「現在該重按的人」再按一次即可；無法處理時可撤銷。\"\n          title=\"卡住的案件\"\n        />\n      </PageHeader>\n\n      <SectionGroup>\n        <Section>\n          <div style={STACK_STYLE}>\n            {error ? (\n              <Typography color=\"text-error\" variant=\"body\">\n                {error}\n              </Typography>\n            ) : null}\n            {!loading && !error && instances.length === 0 ? (\n              <Typography color=\"text-neutral\" variant=\"body\">\n                目前沒有卡住的案件\n              </Typography>\n            ) : null}\n            {loading || instances.length ? (\n              <Table\n                actions={actions}\n                columns={columns}\n                dataSource={rows}\n                fullWidth\n                loading={loading}\n                pagination={{\n                  current: page,\n                  onChange: (nextPage): void => {\n                    setPage(nextPage);\n                  },\n                  onChangePageSize: (nextPageSize): void => {\n                    setPage(1);\n                    setPageSize(nextPageSize);\n                  },\n                  pageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: totalCount,\n                }}\n              />\n            ) : null}\n          </div>\n        </Section>\n      </SectionGroup>\n\n      <StuckInstanceCancelModal\n        instance={cancelTarget}\n        onCancelled={(): void => {\n          setCancelTarget(null);\n          void refresh();\n        }}\n        onClose={(): void => setCancelTarget(null)}\n      />\n    </>\n  );\n}\n\nfunction readMemberIds(\n  instances: readonly StuckApprovalInstanceRecord[],\n): readonly string[] {\n  return [\n    ...new Set(\n      instances.flatMap((instance): readonly string[] => [\n        ...(instance.failedActorMemberId ? [instance.failedActorMemberId] : []),\n        ...instance.pendingActorMemberIds,\n      ]),\n    ),\n  ];\n}\n\nfunction readMemberText(\n  memberId: string | null,\n  profilesById: ReadonlyMap<string, MemberProfileRecord>,\n): string {\n  if (!memberId) {\n    return '-';\n  }\n\n  return profilesById.get(memberId)?.name ?? memberId;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '載入卡住的案件失敗。';\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/users-EqSzDhuj.cjs");exports.AdminUsersView=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/users-C_Dtw_sR.cjs");exports.AdminUsersView=e.t;

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

@@ -1 +1 @@
-export { t as AdminUsersView } from "../../../chunks/users-BBtiZ9QQ.js";
+export { t as AdminUsersView } from "../../../chunks/users-wgM3TqU3.js";

package/dist/views/cc/index.cjs

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

package/dist/views/cc/index.js

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

package/dist/views/dashboard/index.cjs

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

package/dist/views/dashboard/index.js

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

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

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

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

@@ -1 +1 @@
-export { t as FormBuilderView } from "../../../chunks/FormBuilderView-DbfbLZCI.js";
+export { t as FormBuilderView } from "../../../chunks/FormBuilderView-CBvdcg_t.js";