@rytass/bpm-core-react 0.17.9 → 0.18.1

package/dist/chunks/{delegations-Ckf03icM.cjs → delegations-BmFGcuhA.cjs}

@@ -1,2 +1,2 @@
-"use client";require('../delegations2.css');const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./auth-provider-4BeCw7cI.cjs"),n=require("./format-date-time-D-cx5M8z.cjs"),r=require("./bpm-form-field-Bc6k4ZEO.cjs"),i=require("./format-member-label-t7ANTF62.cjs");let a=require("react"),o=require("@mezzanine-ui/react"),s=require("react/jsx-runtime"),c=require("@rytass/bpm-core-client/workflow"),l=require("@mezzanine-ui/core/form"),u=require("@mezzanine-ui/react/ContentHeader");u=e.t(u,1);let ee=require("@mezzanine-ui/icons"),te=require("@rytass/bpm-core-client/template");var d={delegationFilterArea:`bpm_delegationFilterArea_hAA4C`,delegationModalFields:`bpm_delegationModalFields_1aOVW`,memberNameWithTooltip:`bpm_memberNameWithTooltip_6Mojc`},f=l.FormFieldLayout.HORIZONTAL,ne=[10,20,50],re=[{key:`ALL`,label:`全部`},{key:`ACTIVE`,label:`啟用中`},{key:`REVOKED`,label:`已撤銷`},{key:`EXPIRED`,label:`已過期`}],p=[{id:`ALL_SCOPES`,name:`全部範圍`,scopeType:null},{id:`ALL`,name:`全部簽核`,scopeType:`ALL`},{id:`TEMPLATE_LIST`,name:`指定模板`,scopeType:`TEMPLATE_LIST`}],m=[{id:`ALL`,name:`全部簽核`},{id:`TEMPLATE_LIST`,name:`指定模板`}];function h(){let{member:e}=t.n(),i=e?.memberId??null,[f,h]=(0,a.useState)(null),[_,v]=(0,a.useState)(``),[b,C]=(0,a.useState)(null),[w,T]=(0,a.useState)(!0),[D,O]=(0,a.useState)(!1),[k,A]=(0,a.useState)([]),[he,j]=(0,a.useState)(!1),[M,N]=(0,a.useState)(1),[P,ge]=(0,a.useState)(10),[F,_e]=(0,a.useState)(`ALL`),[ve,ye]=(0,a.useState)(0),[I,be]=(0,a.useState)([]),[L,R]=(0,a.useState)(!1),[z,xe]=(0,a.useState)(p[0]),[B,V]=(0,a.useState)([]),[Se,H]=(0,a.useState)(m[0]),[U,W]=(0,a.useState)(``),[Ce,G]=(0,a.useState)(!1),[we,K]=(0,a.useState)([]),q=(0,a.useRef)(0),J=(0,a.useCallback)(async()=>{let e=q.current+1;if(q.current=e,!i)T(!1);else{T(!0),C(null);try{let[t,n]=await Promise.all([(0,c.listDelegationRulesPage)({includeInactive:!0,page:M,pageSize:P,principalMemberId:i,scopeType:z.scopeType,status:F===`ALL`?null:F}),(0,c.searchMembers)(``)]);e===q.current&&(be(t.rules),ye(t.totalCount),A(n.map(g)))}catch(t){e===q.current&&C(E(t))}finally{e===q.current&&T(!1)}}},[i,M,P,F,z]);(0,a.useEffect)(()=>{J()},[J]);let Y=(0,a.useMemo)(()=>new Map(k.map(e=>[e.id,e])),[k]),Te=(0,a.useMemo)(()=>I.map(e=>({...e,agentEmail:Y.get(e.agentMemberId)?.email??null,agentName:Y.get(e.agentMemberId)?.displayName??e.agentMemberId,key:e.id,scopeLabel:ue(e)})),[Y,I]),X=m.find(e=>e.id===Se.id)??m[0],Ee=(0,a.useMemo)(()=>[{key:`agent`,render:e=>(0,s.jsx)(ae,{email:e.agentEmail,name:e.agentName}),title:`代理人`,width:220},{dataIndex:`scopeLabel`,key:`scope`,title:`代理範圍`,width:220},{key:`status`,render:e=>(0,s.jsx)(fe,{status:e.status}),title:`狀態`,width:120},{key:`startAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:n.t(e.startAt)}),title:`開始時間`,width:220},{key:`endAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:e.endAt?n.t(e.endAt):`-`}),title:`結束時間`,width:220}],[]),Z=(0,a.useCallback)(async e=>{if(i){C(null);try{await(0,c.revokeDelegationRule)({id:e,revokedByMemberId:i}),await J()}catch(e){C(E(e))}}},[i,J]),De=(0,a.useMemo)(()=>({render:e=>e.status===`ACTIVE`?[{name:`撤銷`,onClick:()=>void Z(e.id)}]:[],variant:`destructive-secondary`,width:88}),[Z]);async function Oe(e){O(!0);try{A((await(0,c.searchMembers)(e)).map(g))}catch(e){C(E(e))}finally{O(!1)}}async function Q(e,t=B){G(!0);try{let n=(await(0,te.listApprovalTemplates)()).map(oe);K(y(t,ce(n,e)))}catch(e){C(E(e))}finally{G(!1)}}function ke(){h(null),v(``),V([]),H(m[0]),W(``),K([]),Q(``,[]),j(!0)}function $(){L||j(!1)}async function Ae(){if(i){if(!f)C(`請選擇代理人`);else if(f.id===i)C(`代理人不可設定為自己`);else if(X.id===`TEMPLATE_LIST`&&B.length<1)C(`請選擇至少一個簽核模板`);else if(me(U,_))C(`結束時間必須晚於起始時間`);else{R(!0),C(null);try{await(0,c.createDelegationRule)({agentMemberId:f.id,createdByMemberId:i,endAt:_||null,principalMemberId:i,priority:100,requiresConfirmation:!1,scopeConditionCel:null,scopeTemplateIds:X.id===`TEMPLATE_LIST`?B.map(e=>e.id):[],scopeType:X.id,startAt:U||null}),j(!1),M===1?await J():N(1)}catch(e){C(E(e))}finally{R(!1)}}}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsx)(u.default,{description:`設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。`,title:`我的代理`,children:(0,s.jsx)(o.Button,{icon:ee.PlusIcon,iconType:`leading`,onClick:ke,variant:`base-primary`,children:`建立代理`})})}),(0,s.jsx)(o.SectionGroup,{children:(0,s.jsxs)(o.Section,{filterArea:(0,s.jsx)(o.FilterArea,{className:d.delegationFilterArea,size:`sub`,children:(0,s.jsx)(o.FilterLine,{children:(0,s.jsx)(o.Filter,{span:2,children:(0,s.jsx)(o.FormField,{fullWidth:!0,layout:l.FormFieldLayout.VERTICAL,name:`scopeFilterType`,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>{xe(le(e)),N(1)},options:[...p],placeholder:`代理範圍`,size:`sub`,value:z})})})})}),tab:(0,s.jsx)(o.Tab,{activeKey:F,onChange:e=>{_e(pe(e)),N(1)},children:re.map(e=>(0,s.jsx)(o.TabItem,{children:e.label},e.key))}),children:[b?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:b}):null,(0,s.jsx)(o.Table,{actions:De,columns:Ee,dataSource:Te,fullWidth:!0,loading:w,pagination:{current:M,onChange:e=>{N(e)},onChangePageSize:e=>{N(1),ge(e)},pageSize:P,pageSizeLabel:`每頁筆數`,pageSizeOptions:ne,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:ve}})]})}),(0,s.jsx)(o.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!f},confirmText:`建立代理`,loading:L,modalType:`standard`,onCancel:$,onClose:$,onConfirm:()=>void Ae(),open:he,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`代理生效後，後續建立的待簽任務會依範圍自動指派給代理人。`,title:`建立個人代理`,children:(0,s.jsxs)(`div`,{className:d.delegationModalFields,children:[(0,s.jsx)(ie,{label:`代理人`,loading:D,name:`agentMemberId`,onChange:h,onSearch:Oe,options:k,value:f}),(0,s.jsx)(r.t,{label:`代理範圍`,name:`scopeType`,required:!0,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>H(de(e)),options:[...m],placeholder:`選擇代理範圍`,value:X})}),X.id===`TEMPLATE_LIST`?(0,s.jsx)(r.t,{label:`簽核模板`,name:`scopeTemplateIds`,required:!0,children:(0,s.jsx)(o.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的模板`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:`scopeTemplateIds`,spellCheck:!1},loading:Ce,loadingText:`搜尋模板中...`,mode:`multiple`,onChange:e=>{let t=se(e);V(t),K(e=>y(t,e))},onSearch:Q,onVisibilityChange:e=>{e&&Q(``)},options:[...we],overflowStrategy:`wrap`,placeholder:`搜尋並選取簽核模板`,searchDebounceTime:300,value:[...B]})}):null,(0,s.jsx)(r.t,{label:`起始時間`,name:`startAt`,children:(0,s.jsx)(o.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>W(S(e)),placeholderLeft:`留空立即生效`,placeholderRight:`選擇時間`,value:x(U)})}),(0,s.jsx)(r.t,{label:`結束時間`,name:`endAt`,children:(0,s.jsx)(o.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>v(S(e)),placeholderLeft:`可留空`,placeholderRight:`選擇時間`,value:x(_)})})]})})]})}function ie({label:e,loading:t,name:n,onChange:i,onSearch:a,options:c,value:l}){return(0,s.jsx)(r.t,{label:e,layout:f,name:n,required:!0,children:(0,s.jsx)(o.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的成員`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:n,spellCheck:!1},loading:t,loadingText:`搜尋成員中...`,mode:`single`,onChange:e=>i(_(e)),onSearch:a,onSearchTextChange:e=>i(v(e,c)),onVisibilityChange:e=>{e&&a(``)},options:[...c],placeholder:`搜尋姓名或信箱`,searchDebounceTime:300,value:l})})}function ae({email:e,name:t}){return e?(0,s.jsx)(o.Tooltip,{title:e,children:({ref:e,...n})=>(0,s.jsx)(`span`,{...n,className:d.memberNameWithTooltip,ref:e,children:t})}):(0,s.jsx)(`span`,{children:t})}function g(e){return{displayName:e.name,email:e.email,id:e.memberId,name:i.t(e.name,e.email)}}function _(e){if(!D(e))return null;let t=e.displayName,n=e.email,r=e.id,i=e.name;return typeof r==`string`&&typeof i==`string`?{displayName:typeof t==`string`?t:i,email:typeof n==`string`?n:null,id:r,name:i}:null}function v(e,t){let n=e.trim().toLocaleLowerCase();if(!n)return null;let r=t.filter(e=>[e.id,e.name,e.email??``].some(e=>e.toLocaleLowerCase().includes(n)));return r.length===1?r[0]??null:null}function oe(e){return{id:e.id,name:e.name}}function se(e){return e.flatMap(e=>{if(!D(e))return[];let t=e.id,n=e.name;return typeof t==`string`&&typeof n==`string`?[{id:t,name:n}]:[]})}function ce(e,t){let n=t.trim().toLocaleLowerCase();return n?e.filter(e=>[e.id,e.name].some(e=>e.toLocaleLowerCase().includes(n))):e}function y(e,t){return[...e,...t].reduce((e,t)=>e.some(e=>e.id===t.id)?e:[...e,t],[])}function le(e){if(!D(e))return p[0];let t=e.id;return p.find(e=>e.id===t)??p[0]}function ue(e){return e.scopeType===`ALL`?`全部簽核`:e.scopeType===`TEMPLATE_LIST`?`指定模板：${e.scopeTemplateIds.length}`:e.scopeConditionCel?`條件：${e.scopeConditionCel}`:`條件式`}function de(e){return!D(e)||!b(e.id)?m[0]:m.find(t=>t.id===e.id)??m[0]}function b(e){return e===`ALL`||e===`TEMPLATE_LIST`}function fe({status:e}){return e===`ACTIVE`?(0,s.jsx)(o.Badge,{size:`sub`,text:`啟用中`,variant:`dot-success`}):e===`REVOKED`?(0,s.jsx)(o.Badge,{size:`sub`,text:`已撤銷`,variant:`dot-inactive`}):e===`EXPIRED`?(0,s.jsx)(o.Badge,{size:`sub`,text:`已過期`,variant:`dot-warning`}):(0,s.jsx)(o.Badge,{size:`sub`,text:e,variant:`dot-info`})}function pe(e){return e===`ACTIVE`||e===`REVOKED`||e===`EXPIRED`?e:`ALL`}function x(e){let t=e?C(e):null;return t?`${w(t)}T${T(t.getHours())}:${T(t.getMinutes())}`:void 0}function S(e){let t=e?C(e):null;return t?t.toISOString():``}function me(e,t){if(!e||!t)return!1;let n=C(e),r=C(t);return!!n&&!!r&&r.getTime()<=n.getTime()}function C(e){if(e.endsWith(`Z`)||/[+-]\d{2}:\d{2}$/.test(e)){let t=new Date(e);return Number.isNaN(t.getTime())?null:t}let[t=``,n=`00:00`]=e.split(`T`),[r=0,i=1,a=1]=t.split(`-`).map(Number),[o=0,s=0]=n.split(`:`).map(Number),c=new Date(r,i-1,a,o,s);return Number.isNaN(c.getTime())?null:c}function w(e){return`${e.getFullYear()}-${T(e.getMonth()+1)}-${T(e.getDate())}`}function T(e){return String(e).padStart(2,`0`)}function E(e){return e instanceof Error?e.message:`發生未知錯誤`}function D(e){return typeof e==`object`&&!!e}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
-//# sourceMappingURL=delegations-Ckf03icM.cjs.map
+"use client";require('../delegations2.css');const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./bpm-form-field-Bc6k4ZEO.cjs"),n=require("./format-date-time-D-cx5M8z.cjs"),r=require("./format-member-label-t7ANTF62.cjs"),i=require("./auth-provider-4BeCw7cI.cjs");let a=require("react"),o=require("@mezzanine-ui/react"),s=require("react/jsx-runtime"),c=require("@rytass/bpm-core-client/workflow"),l=require("@mezzanine-ui/core/form"),u=require("@mezzanine-ui/react/ContentHeader");u=e.t(u,1);let ee=require("@mezzanine-ui/icons"),te=require("@rytass/bpm-core-client/template");var d={delegationFilterArea:`bpm_delegationFilterArea_hAA4C`,delegationModalFields:`bpm_delegationModalFields_1aOVW`,memberNameWithTooltip:`bpm_memberNameWithTooltip_6Mojc`},f=l.FormFieldLayout.HORIZONTAL,ne=[10,20,50],re=[{key:`ALL`,label:`全部`},{key:`ACTIVE`,label:`啟用中`},{key:`REVOKED`,label:`已撤銷`},{key:`EXPIRED`,label:`已過期`}],p=[{id:`ALL_SCOPES`,name:`全部範圍`,scopeType:null},{id:`ALL`,name:`全部簽核`,scopeType:`ALL`},{id:`TEMPLATE_LIST`,name:`指定模板`,scopeType:`TEMPLATE_LIST`}],m=[{id:`ALL`,name:`全部簽核`},{id:`TEMPLATE_LIST`,name:`指定模板`}];function h(){let{member:e}=i.n(),r=e?.memberId??null,[f,h]=(0,a.useState)(null),[_,v]=(0,a.useState)(``),[b,C]=(0,a.useState)(null),[w,T]=(0,a.useState)(!0),[D,O]=(0,a.useState)(!1),[k,A]=(0,a.useState)([]),[he,j]=(0,a.useState)(!1),[M,N]=(0,a.useState)(1),[P,ge]=(0,a.useState)(10),[F,_e]=(0,a.useState)(`ALL`),[ve,ye]=(0,a.useState)(0),[I,be]=(0,a.useState)([]),[L,R]=(0,a.useState)(!1),[z,xe]=(0,a.useState)(p[0]),[B,V]=(0,a.useState)([]),[Se,H]=(0,a.useState)(m[0]),[U,W]=(0,a.useState)(``),[Ce,G]=(0,a.useState)(!1),[we,K]=(0,a.useState)([]),q=(0,a.useRef)(0),J=(0,a.useCallback)(async()=>{let e=q.current+1;if(q.current=e,!r)T(!1);else{T(!0),C(null);try{let[t,n]=await Promise.all([(0,c.listDelegationRulesPage)({includeInactive:!0,page:M,pageSize:P,principalMemberId:r,scopeType:z.scopeType,status:F===`ALL`?null:F}),(0,c.searchMembers)(``)]);e===q.current&&(be(t.rules),ye(t.totalCount),A(n.map(g)))}catch(t){e===q.current&&C(E(t))}finally{e===q.current&&T(!1)}}},[r,M,P,F,z]);(0,a.useEffect)(()=>{J()},[J]);let Y=(0,a.useMemo)(()=>new Map(k.map(e=>[e.id,e])),[k]),Te=(0,a.useMemo)(()=>I.map(e=>({...e,agentEmail:Y.get(e.agentMemberId)?.email??null,agentName:Y.get(e.agentMemberId)?.displayName??e.agentMemberId,key:e.id,scopeLabel:ue(e)})),[Y,I]),X=m.find(e=>e.id===Se.id)??m[0],Ee=(0,a.useMemo)(()=>[{key:`agent`,render:e=>(0,s.jsx)(ae,{email:e.agentEmail,name:e.agentName}),title:`代理人`,width:220},{dataIndex:`scopeLabel`,key:`scope`,title:`代理範圍`,width:220},{key:`status`,render:e=>(0,s.jsx)(fe,{status:e.status}),title:`狀態`,width:120},{key:`startAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:n.t(e.startAt)}),title:`開始時間`,width:220},{key:`endAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:e.endAt?n.t(e.endAt):`-`}),title:`結束時間`,width:220}],[]),Z=(0,a.useCallback)(async e=>{if(r){C(null);try{await(0,c.revokeDelegationRule)({id:e,revokedByMemberId:r}),await J()}catch(e){C(E(e))}}},[r,J]),De=(0,a.useMemo)(()=>({render:e=>e.status===`ACTIVE`?[{name:`撤銷`,onClick:()=>void Z(e.id)}]:[],variant:`destructive-secondary`,width:88}),[Z]);async function Oe(e){O(!0);try{A((await(0,c.searchMembers)(e)).map(g))}catch(e){C(E(e))}finally{O(!1)}}async function Q(e,t=B){G(!0);try{let n=(await(0,te.listApprovalTemplates)()).map(oe);K(y(t,ce(n,e)))}catch(e){C(E(e))}finally{G(!1)}}function ke(){h(null),v(``),V([]),H(m[0]),W(``),K([]),Q(``,[]),j(!0)}function $(){L||j(!1)}async function Ae(){if(r){if(!f)C(`請選擇代理人`);else if(f.id===r)C(`代理人不可設定為自己`);else if(X.id===`TEMPLATE_LIST`&&B.length<1)C(`請選擇至少一個簽核模板`);else if(me(U,_))C(`結束時間必須晚於起始時間`);else{R(!0),C(null);try{await(0,c.createDelegationRule)({agentMemberId:f.id,createdByMemberId:r,endAt:_||null,principalMemberId:r,priority:100,requiresConfirmation:!1,scopeConditionCel:null,scopeTemplateIds:X.id===`TEMPLATE_LIST`?B.map(e=>e.id):[],scopeType:X.id,startAt:U||null}),j(!1),M===1?await J():N(1)}catch(e){C(E(e))}finally{R(!1)}}}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsx)(u.default,{description:`設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。`,title:`我的代理`,children:(0,s.jsx)(o.Button,{icon:ee.PlusIcon,iconType:`leading`,onClick:ke,variant:`base-primary`,children:`建立代理`})})}),(0,s.jsx)(o.SectionGroup,{children:(0,s.jsxs)(o.Section,{filterArea:(0,s.jsx)(o.FilterArea,{className:d.delegationFilterArea,size:`sub`,children:(0,s.jsx)(o.FilterLine,{children:(0,s.jsx)(o.Filter,{span:2,children:(0,s.jsx)(o.FormField,{fullWidth:!0,layout:l.FormFieldLayout.VERTICAL,name:`scopeFilterType`,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>{xe(le(e)),N(1)},options:[...p],placeholder:`代理範圍`,size:`sub`,value:z})})})})}),tab:(0,s.jsx)(o.Tab,{activeKey:F,onChange:e=>{_e(pe(e)),N(1)},children:re.map(e=>(0,s.jsx)(o.TabItem,{children:e.label},e.key))}),children:[b?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:b}):null,(0,s.jsx)(o.Table,{actions:De,columns:Ee,dataSource:Te,fullWidth:!0,loading:w,pagination:{current:M,onChange:e=>{N(e)},onChangePageSize:e=>{N(1),ge(e)},pageSize:P,pageSizeLabel:`每頁筆數`,pageSizeOptions:ne,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:ve}})]})}),(0,s.jsx)(o.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!f},confirmText:`建立代理`,loading:L,modalType:`standard`,onCancel:$,onClose:$,onConfirm:()=>void Ae(),open:he,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`代理生效後，後續建立的待簽任務會依範圍自動指派給代理人。`,title:`建立個人代理`,children:(0,s.jsxs)(`div`,{className:d.delegationModalFields,children:[(0,s.jsx)(ie,{label:`代理人`,loading:D,name:`agentMemberId`,onChange:h,onSearch:Oe,options:k,value:f}),(0,s.jsx)(t.t,{label:`代理範圍`,name:`scopeType`,required:!0,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>H(de(e)),options:[...m],placeholder:`選擇代理範圍`,value:X})}),X.id===`TEMPLATE_LIST`?(0,s.jsx)(t.t,{label:`簽核模板`,name:`scopeTemplateIds`,required:!0,children:(0,s.jsx)(o.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的模板`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:`scopeTemplateIds`,spellCheck:!1},loading:Ce,loadingText:`搜尋模板中...`,mode:`multiple`,onChange:e=>{let t=se(e);V(t),K(e=>y(t,e))},onSearch:Q,onVisibilityChange:e=>{e&&Q(``)},options:[...we],overflowStrategy:`wrap`,placeholder:`搜尋並選取簽核模板`,searchDebounceTime:300,value:[...B]})}):null,(0,s.jsx)(t.t,{label:`起始時間`,name:`startAt`,children:(0,s.jsx)(o.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>W(S(e)),placeholderLeft:`留空立即生效`,placeholderRight:`選擇時間`,value:x(U)})}),(0,s.jsx)(t.t,{label:`結束時間`,name:`endAt`,children:(0,s.jsx)(o.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>v(S(e)),placeholderLeft:`可留空`,placeholderRight:`選擇時間`,value:x(_)})})]})})]})}function ie({label:e,loading:n,name:r,onChange:i,onSearch:a,options:c,value:l}){return(0,s.jsx)(t.t,{label:e,layout:f,name:r,required:!0,children:(0,s.jsx)(o.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的成員`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:r,spellCheck:!1},loading:n,loadingText:`搜尋成員中...`,mode:`single`,onChange:e=>i(_(e)),onSearch:a,onSearchTextChange:e=>i(v(e,c)),onVisibilityChange:e=>{e&&a(``)},options:[...c],placeholder:`搜尋姓名或信箱`,searchDebounceTime:300,value:l})})}function ae({email:e,name:t}){return e?(0,s.jsx)(o.Tooltip,{title:e,children:({ref:e,...n})=>(0,s.jsx)(`span`,{...n,className:d.memberNameWithTooltip,ref:e,children:t})}):(0,s.jsx)(`span`,{children:t})}function g(e){return{displayName:e.name,email:e.email,id:e.memberId,name:r.t(e.name,e.email)}}function _(e){if(!D(e))return null;let t=e.displayName,n=e.email,r=e.id,i=e.name;return typeof r==`string`&&typeof i==`string`?{displayName:typeof t==`string`?t:i,email:typeof n==`string`?n:null,id:r,name:i}:null}function v(e,t){let n=e.trim().toLocaleLowerCase();if(!n)return null;let r=t.filter(e=>[e.id,e.name,e.email??``].some(e=>e.toLocaleLowerCase().includes(n)));return r.length===1?r[0]??null:null}function oe(e){return{id:e.id,name:e.name}}function se(e){return e.flatMap(e=>{if(!D(e))return[];let t=e.id,n=e.name;return typeof t==`string`&&typeof n==`string`?[{id:t,name:n}]:[]})}function ce(e,t){let n=t.trim().toLocaleLowerCase();return n?e.filter(e=>[e.id,e.name].some(e=>e.toLocaleLowerCase().includes(n))):e}function y(e,t){return[...e,...t].reduce((e,t)=>e.some(e=>e.id===t.id)?e:[...e,t],[])}function le(e){if(!D(e))return p[0];let t=e.id;return p.find(e=>e.id===t)??p[0]}function ue(e){return e.scopeType===`ALL`?`全部簽核`:e.scopeType===`TEMPLATE_LIST`?`指定模板：${e.scopeTemplateIds.length}`:e.scopeConditionCel?`條件：${e.scopeConditionCel}`:`條件式`}function de(e){return!D(e)||!b(e.id)?m[0]:m.find(t=>t.id===e.id)??m[0]}function b(e){return e===`ALL`||e===`TEMPLATE_LIST`}function fe({status:e}){return e===`ACTIVE`?(0,s.jsx)(o.Badge,{size:`sub`,text:`啟用中`,variant:`dot-success`}):e===`REVOKED`?(0,s.jsx)(o.Badge,{size:`sub`,text:`已撤銷`,variant:`dot-inactive`}):e===`EXPIRED`?(0,s.jsx)(o.Badge,{size:`sub`,text:`已過期`,variant:`dot-warning`}):(0,s.jsx)(o.Badge,{size:`sub`,text:e,variant:`dot-info`})}function pe(e){return e===`ACTIVE`||e===`REVOKED`||e===`EXPIRED`?e:`ALL`}function x(e){let t=e?C(e):null;return t?`${w(t)}T${T(t.getHours())}:${T(t.getMinutes())}`:void 0}function S(e){let t=e?C(e):null;return t?t.toISOString():``}function me(e,t){if(!e||!t)return!1;let n=C(e),r=C(t);return!!n&&!!r&&r.getTime()<=n.getTime()}function C(e){if(e.endsWith(`Z`)||/[+-]\d{2}:\d{2}$/.test(e)){let t=new Date(e);return Number.isNaN(t.getTime())?null:t}let[t=``,n=`00:00`]=e.split(`T`),[r=0,i=1,a=1]=t.split(`-`).map(Number),[o=0,s=0]=n.split(`:`).map(Number),c=new Date(r,i-1,a,o,s);return Number.isNaN(c.getTime())?null:c}function w(e){return`${e.getFullYear()}-${T(e.getMonth()+1)}-${T(e.getDate())}`}function T(e){return String(e).padStart(2,`0`)}function E(e){return e instanceof Error?e.message:`發生未知錯誤`}function D(e){return typeof e==`object`&&!!e}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return h}});
+//# sourceMappingURL=delegations-BmFGcuhA.cjs.map

package/dist/chunks/{delegations-Ckf03icM.cjs.map → delegations-BmFGcuhA.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"delegations-Ckf03icM.cjs","names":["FormFieldLayout","useAuth","useState","useRef","useCallback","listDelegationRulesPage","searchMembers","useMemo","Typography","formatDateTime","revokeDelegationRule","listApprovalTemplates","createDelegationRule","_Fragment","PageHeader","ContentHeader","Button","PlusIcon","SectionGroup","Section","FilterArea","styles","FilterLine","Filter","FormField","Select","Tab","TabItem","Table","Modal","BPMFormField","AutoComplete","DateTimePicker","Tooltip","formatMemberLabel","Badge","require_rolldown_runtime","require_auth_provider","require_format_date_time","require_bpm_form_field","require_format_member_label","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","delegations_module_default","DELEGATION_MODAL_FIELD_LAYOUT","DELEGATION_PAGE_SIZE_OPTIONS","DELEGATION_STATUS_TABS","SCOPE_FILTER_OPTIONS","SCOPE_OPTIONS","DelegationsView","currentMemberId","member","agentMember","setAgentMember","endAt","setEndAt","error","setError","loading","setLoading","memberLoading","setMemberLoading","memberOptions","setMemberOptions","modalOpen","setModalOpen","rulePage","setRulePage","rulePageSize","setRulePageSize","ruleStatus","setRuleStatus","ruleTotalCount","setRuleTotalCount","rules","setRules","saving","setSaving","scopeFilterType","setScopeFilterType","scopeTemplates","setScopeTemplates","scopeType","setScopeType","startAt","setStartAt","templateLoading","setTemplateLoading","templateOptions","setTemplateOptions","refreshRequestIdRef","refreshRules","requestId","rulePageResult","members","readMemberOption","requestError","readErrorMessage","membersById","option","rows","rule","readScopeLabel","selectedScopeType","columns","MemberNameWithEmailTooltip","record","DelegationStatusBadge","handleRevoke","tableActions","handleSearchMembers","searchText","handleSearchTemplates","nextOptions","readTemplateOption","mergeTemplateOptions","selectedOptions","filterTemplateOptions","openCreateModal","closeCreateModal","handleCreate","isInvalidDelegationDateRange","template","readScopeFilterOption","readDelegationStatusTabKey","activeKey","statusTab","page","pageSize","from","to","total","MemberAutoCompleteField","readScopeOptionFromValue","selectedTemplates","readTemplateOptionsFromValue","nextTemplates","currentOptions","open","formatDelegationDateTimePickerValue","nextValue","readDelegationDateTimePickerValue","onChange","readMemberOptionFromValue","readUniqueMemberOption","options","onSearch","email","tooltipProps","name","isRecord","value","displayName","id","normalizedSearchText","matches","item","availableOptions","currentOption","isSelectableDelegationScopeType","status","date","parseDelegationDateTimeValue","formatDateParts","padDatePart","startDate","endDate","parsedDate","datePart","timePart","year","month","day","hour","minute"],"sources":["../../src/views/delegations/delegations.module.scss","../../src/views/delegations/DelegationsView.tsx"],"sourcesContent":[".delegationFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n\n.delegationModalFields {\n  display: grid;\n  gap: 12px;\n  width: 100%;\n\n  :global(.mzn-form-field--horizontal) {\n    align-items: flex-start;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label-area) {\n    flex: 0 0 112px;\n    width: 112px;\n    min-width: 112px;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label) {\n    flex-wrap: nowrap;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__data-entry) {\n    flex: 1 1 auto;\n    align-items: stretch;\n    min-width: 0;\n    max-width: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-autocomplete) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-input),\n  :global(.mzn-input-container),\n  :global(.mzn-picker),\n  :global(.mzn-select),\n  :global(.mzn-select-trigger),\n  :global(.mzn-text-field) {\n    width: 100%;\n    min-width: 0 !important;\n  }\n\n  :global(.mzn-select-trigger__input) {\n    width: 100%;\n    min-width: 0 !important;\n    text-overflow: ellipsis;\n  }\n}\n\n.memberNameWithTooltip {\n  cursor: help;\n  text-decoration: underline dotted;\n  text-underline-offset: 3px;\n}\n","'use client';\n\nimport {\n  Key,\n  ReactElement,\n  RefCallback,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AutoComplete,\n  Badge,\n  Button,\n  DateTimePicker,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Tab,\n  TabItem,\n  Table,\n  Tooltip,\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 { BPMFormField } from '../../components/bpm-form-field';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { formatMemberLabel } from '../../lib/format-member-label';\nimport { useAuth } from '../../lib/auth-provider';\nimport {\n  DelegationRuleRecord,\n  DelegationRuleStatus,\n  DelegationScopeType,\n  MemberProfileRecord,\n  createDelegationRule,\n  listDelegationRulesPage,\n  revokeDelegationRule,\n  searchMembers,\n} from '@rytass/bpm-core-client/workflow';\nimport {\n  ApprovalTemplateRecord,\n  listApprovalTemplates,\n} from '@rytass/bpm-core-client/template';\nimport styles from './delegations.module.scss';\n\ntype DelegationStatusTabKey = 'ALL' | DelegationRuleStatus;\n\ntype MemberOption = Readonly<{\n  displayName: string;\n  email: string | null;\n  id: string;\n  name: string;\n}>;\n\ntype ScopeOption = Readonly<{\n  id: DelegationScopeType;\n  name: string;\n}>;\n\ntype ScopeFilterOption = Readonly<{\n  id: 'ALL_SCOPES' | DelegationScopeType;\n  name: string;\n  scopeType: DelegationScopeType | null;\n}>;\n\ntype TemplateOption = Readonly<{\n  id: string;\n  name: string;\n}>;\n\ntype DelegationRuleRow = Readonly<\n  Record<string, unknown> &\n    DelegationRuleRecord & {\n      agentEmail: string | null;\n      agentName: string;\n      key: string;\n      scopeLabel: string;\n    }\n>;\n\nconst DELEGATION_MODAL_FIELD_LAYOUT = FormFieldLayout.HORIZONTAL;\nconst DELEGATION_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst DELEGATION_STATUS_TABS: readonly {\n  readonly key: DelegationStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'ACTIVE', label: '啟用中' },\n  { key: 'REVOKED', label: '已撤銷' },\n  { key: 'EXPIRED', label: '已過期' },\n];\nconst SCOPE_FILTER_OPTIONS: readonly ScopeFilterOption[] = [\n  { id: 'ALL_SCOPES', name: '全部範圍', scopeType: null },\n  { id: 'ALL', name: '全部簽核', scopeType: 'ALL' },\n  { id: 'TEMPLATE_LIST', name: '指定模板', scopeType: 'TEMPLATE_LIST' },\n];\nconst SCOPE_OPTIONS: readonly ScopeOption[] = [\n  { id: 'ALL', name: '全部簽核' },\n  { id: 'TEMPLATE_LIST', name: '指定模板' },\n];\n\nexport function DelegationsView(): ReactElement {\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [agentMember, setAgentMember] = useState<MemberOption | null>(null);\n  const [endAt, setEndAt] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [memberLoading, setMemberLoading] = useState(false);\n  const [memberOptions, setMemberOptions] = useState<readonly MemberOption[]>(\n    [],\n  );\n  const [modalOpen, setModalOpen] = useState(false);\n  const [rulePage, setRulePage] = useState(1);\n  const [rulePageSize, setRulePageSize] = useState(10);\n  const [ruleStatus, setRuleStatus] = useState<DelegationStatusTabKey>('ALL');\n  const [ruleTotalCount, setRuleTotalCount] = useState(0);\n  const [rules, setRules] = useState<readonly DelegationRuleRecord[]>([]);\n  const [saving, setSaving] = useState(false);\n  const [scopeFilterType, setScopeFilterType] = useState<ScopeFilterOption>(\n    SCOPE_FILTER_OPTIONS[0],\n  );\n  const [scopeTemplates, setScopeTemplates] = useState<\n    readonly TemplateOption[]\n  >([]);\n  const [scopeType, setScopeType] = useState<ScopeOption>(SCOPE_OPTIONS[0]);\n  const [startAt, setStartAt] = useState('');\n  const [templateLoading, setTemplateLoading] = useState(false);\n  const [templateOptions, setTemplateOptions] = useState<\n    readonly TemplateOption[]\n  >([]);\n  const refreshRequestIdRef = useRef(0);\n\n  const refreshRules = useCallback(async (): Promise<void> => {\n    const requestId = refreshRequestIdRef.current + 1;\n    refreshRequestIdRef.current = requestId;\n\n    if (!currentMemberId) {\n      setLoading(false);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [rulePageResult, members] = await Promise.all([\n        listDelegationRulesPage({\n          includeInactive: true,\n          page: rulePage,\n          pageSize: rulePageSize,\n          principalMemberId: currentMemberId,\n          scopeType: scopeFilterType.scopeType,\n          status: ruleStatus === 'ALL' ? null : ruleStatus,\n        }),\n        searchMembers(''),\n      ]);\n\n      if (requestId === refreshRequestIdRef.current) {\n        setRules(rulePageResult.rules);\n        setRuleTotalCount(rulePageResult.totalCount);\n        setMemberOptions(members.map(readMemberOption));\n      }\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  }, [currentMemberId, rulePage, rulePageSize, ruleStatus, scopeFilterType]);\n\n  useEffect((): void => {\n    void refreshRules();\n  }, [refreshRules]);\n\n  const membersById = useMemo(\n    (): ReadonlyMap<string, MemberOption> =>\n      new Map(memberOptions.map((option) => [option.id, option])),\n    [memberOptions],\n  );\n  const rows = useMemo(\n    (): DelegationRuleRow[] =>\n      rules.map((rule) => ({\n        ...rule,\n        agentEmail: membersById.get(rule.agentMemberId)?.email ?? null,\n        agentName:\n          membersById.get(rule.agentMemberId)?.displayName ??\n          rule.agentMemberId,\n        key: rule.id,\n        scopeLabel: readScopeLabel(rule),\n      })),\n    [membersById, rules],\n  );\n  const selectedScopeType =\n    SCOPE_OPTIONS.find((option) => option.id === scopeType.id) ??\n    SCOPE_OPTIONS[0];\n  const columns = useMemo(\n    (): TableColumn<DelegationRuleRow>[] => [\n      {\n        key: 'agent',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <MemberNameWithEmailTooltip\n            email={record.agentEmail}\n            name={record.agentName}\n          />\n        ),\n        title: '代理人',\n        width: 220,\n      },\n      { dataIndex: 'scopeLabel', key: 'scope', title: '代理範圍', width: 220 },\n      {\n        key: 'status',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <DelegationStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'startAt',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.startAt)}\n          </Typography>\n        ),\n        title: '開始時間',\n        width: 220,\n      },\n      {\n        key: 'endAt',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.endAt ? formatDateTime(record.endAt) : '-'}\n          </Typography>\n        ),\n        title: '結束時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const handleRevoke = useCallback(\n    async (id: string): Promise<void> => {\n      if (!currentMemberId) {\n        return;\n      }\n\n      setError(null);\n\n      try {\n        await revokeDelegationRule({\n          id,\n          revokedByMemberId: currentMemberId,\n        });\n        await refreshRules();\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      }\n    },\n    [currentMemberId, refreshRules],\n  );\n  const tableActions = useMemo(\n    (): TableActions<DelegationRuleRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<DelegationRuleRow>['render']> =>\n        record.status === 'ACTIVE'\n          ? [\n              {\n                name: '撤銷',\n                onClick: (): void => void handleRevoke(record.id),\n              },\n            ]\n          : [],\n      variant: 'destructive-secondary',\n      width: 88,\n    }),\n    [handleRevoke],\n  );\n\n  async function handleSearchMembers(searchText: string): Promise<void> {\n    setMemberLoading(true);\n\n    try {\n      setMemberOptions((await searchMembers(searchText)).map(readMemberOption));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setMemberLoading(false);\n    }\n  }\n\n  async function handleSearchTemplates(\n    searchText: string,\n    selectedOptions: readonly TemplateOption[] = scopeTemplates,\n  ): Promise<void> {\n    setTemplateLoading(true);\n\n    try {\n      const nextOptions = (await listApprovalTemplates()).map(\n        readTemplateOption,\n      );\n\n      setTemplateOptions(\n        mergeTemplateOptions(\n          selectedOptions,\n          filterTemplateOptions(nextOptions, searchText),\n        ),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setTemplateLoading(false);\n    }\n  }\n\n  function openCreateModal(): void {\n    setAgentMember(null);\n    setEndAt('');\n    setScopeTemplates([]);\n    setScopeType(SCOPE_OPTIONS[0]);\n    setStartAt('');\n    setTemplateOptions([]);\n    void handleSearchTemplates('', []);\n    setModalOpen(true);\n  }\n\n  function closeCreateModal(): void {\n    if (saving) {\n      return;\n    }\n\n    setModalOpen(false);\n  }\n\n  async function handleCreate(): Promise<void> {\n    if (!currentMemberId) {\n      return;\n    }\n\n    if (!agentMember) {\n      setError('請選擇代理人');\n      return;\n    }\n\n    if (agentMember.id === currentMemberId) {\n      setError('代理人不可設定為自己');\n      return;\n    }\n\n    if (selectedScopeType.id === 'TEMPLATE_LIST' && scopeTemplates.length < 1) {\n      setError('請選擇至少一個簽核模板');\n      return;\n    }\n\n    if (isInvalidDelegationDateRange(startAt, endAt)) {\n      setError('結束時間必須晚於起始時間');\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      await createDelegationRule({\n        agentMemberId: agentMember.id,\n        createdByMemberId: currentMemberId,\n        endAt: endAt || null,\n        principalMemberId: currentMemberId,\n        priority: 100,\n        requiresConfirmation: false,\n        scopeConditionCel: null,\n        scopeTemplateIds:\n          selectedScopeType.id === 'TEMPLATE_LIST'\n            ? scopeTemplates.map((template) => template.id)\n            : [],\n        scopeType: selectedScopeType.id,\n        startAt: startAt || null,\n      });\n      setModalOpen(false);\n\n      if (rulePage === 1) {\n        await refreshRules();\n      } else {\n        setRulePage(1);\n      }\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  return (\n    <>\n      <PageHeader>\n        <ContentHeader\n          description=\"設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。\"\n          title=\"我的代理\"\n        >\n          <Button\n            icon={PlusIcon}\n            iconType=\"leading\"\n            onClick={openCreateModal}\n            variant=\"base-primary\"\n          >\n            建立代理\n          </Button>\n        </ContentHeader>\n      </PageHeader>\n\n      <SectionGroup>\n        <Section\n          filterArea={\n            <FilterArea className={styles.delegationFilterArea} size=\"sub\">\n              <FilterLine>\n                <Filter span={2}>\n                  <FormField\n                    fullWidth\n                    layout={FormFieldLayout.VERTICAL}\n                    name=\"scopeFilterType\"\n                  >\n                    <Select\n                      clearable={false}\n                      fullWidth\n                      onChange={(option): void => {\n                        setScopeFilterType(readScopeFilterOption(option));\n                        setRulePage(1);\n                      }}\n                      options={[...SCOPE_FILTER_OPTIONS]}\n                      placeholder=\"代理範圍\"\n                      size=\"sub\"\n                      value={scopeFilterType}\n                    />\n                  </FormField>\n                </Filter>\n              </FilterLine>\n            </FilterArea>\n          }\n          tab={\n            <Tab\n              activeKey={ruleStatus}\n              onChange={(activeKey): void => {\n                setRuleStatus(readDelegationStatusTabKey(activeKey));\n                setRulePage(1);\n              }}\n            >\n              {DELEGATION_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: rulePage,\n              onChange: (page): void => {\n                setRulePage(page);\n              },\n              onChangePageSize: (pageSize): void => {\n                setRulePage(1);\n                setRulePageSize(pageSize);\n              },\n              pageSize: rulePageSize,\n              pageSizeLabel: '每頁筆數',\n              pageSizeOptions: DELEGATION_PAGE_SIZE_OPTIONS,\n              renderResultSummary: (from, to, total): string =>\n                `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n              showPageSizeOptions: true,\n              total: ruleTotalCount,\n            }}\n          />\n        </Section>\n      </SectionGroup>\n\n      <Modal\n        cancelText=\"取消\"\n        confirmButtonProps={{\n          disabled: !agentMember,\n        }}\n        confirmText=\"建立代理\"\n        loading={saving}\n        modalType=\"standard\"\n        onCancel={closeCreateModal}\n        onClose={closeCreateModal}\n        onConfirm={(): void => void handleCreate()}\n        open={modalOpen}\n        showModalFooter\n        showModalHeader\n        size=\"regular\"\n        supportingText=\"代理生效後，後續建立的待簽任務會依範圍自動指派給代理人。\"\n        title=\"建立個人代理\"\n      >\n        <div className={styles.delegationModalFields}>\n          <MemberAutoCompleteField\n            label=\"代理人\"\n            loading={memberLoading}\n            name=\"agentMemberId\"\n            onChange={setAgentMember}\n            onSearch={handleSearchMembers}\n            options={memberOptions}\n            value={agentMember}\n          />\n          <BPMFormField label=\"代理範圍\" name=\"scopeType\" required>\n            <Select\n              clearable={false}\n              fullWidth\n              onChange={(option): void =>\n                setScopeType(readScopeOptionFromValue(option))\n              }\n              options={[...SCOPE_OPTIONS]}\n              placeholder=\"選擇代理範圍\"\n              value={selectedScopeType}\n            />\n          </BPMFormField>\n          {selectedScopeType.id === 'TEMPLATE_LIST' ? (\n            <BPMFormField label=\"簽核模板\" name=\"scopeTemplateIds\" required>\n              <AutoComplete\n                asyncData\n                disabledOptionsFilter\n                emptyText=\"沒有符合的模板\"\n                inputProps={{\n                  autoCapitalize: 'none',\n                  autoCorrect: 'off',\n                  name: 'scopeTemplateIds',\n                  spellCheck: false,\n                }}\n                loading={templateLoading}\n                loadingText=\"搜尋模板中...\"\n                mode=\"multiple\"\n                onChange={(nextTemplates): void => {\n                  const selectedTemplates =\n                    readTemplateOptionsFromValue(nextTemplates);\n\n                  setScopeTemplates(selectedTemplates);\n                  setTemplateOptions((currentOptions) =>\n                    mergeTemplateOptions(selectedTemplates, currentOptions),\n                  );\n                }}\n                onSearch={handleSearchTemplates}\n                onVisibilityChange={(open): void => {\n                  if (open) {\n                    void handleSearchTemplates('');\n                  }\n                }}\n                options={[...templateOptions]}\n                overflowStrategy=\"wrap\"\n                placeholder=\"搜尋並選取簽核模板\"\n                searchDebounceTime={300}\n                value={[...scopeTemplates]}\n              />\n            </BPMFormField>\n          ) : null}\n          <BPMFormField label=\"起始時間\" name=\"startAt\">\n            <DateTimePicker\n              formatDate=\"YYYY-MM-DD\"\n              formatTime=\"HH:mm\"\n              fullWidth\n              hideSecond\n              onChange={(nextValue): void =>\n                setStartAt(formatDelegationDateTimePickerValue(nextValue))\n              }\n              placeholderLeft=\"留空立即生效\"\n              placeholderRight=\"選擇時間\"\n              value={readDelegationDateTimePickerValue(startAt)}\n            />\n          </BPMFormField>\n          <BPMFormField label=\"結束時間\" name=\"endAt\">\n            <DateTimePicker\n              formatDate=\"YYYY-MM-DD\"\n              formatTime=\"HH:mm\"\n              fullWidth\n              hideSecond\n              onChange={(nextValue): void =>\n                setEndAt(formatDelegationDateTimePickerValue(nextValue))\n              }\n              placeholderLeft=\"可留空\"\n              placeholderRight=\"選擇時間\"\n              value={readDelegationDateTimePickerValue(endAt)}\n            />\n          </BPMFormField>\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction MemberAutoCompleteField({\n  label,\n  loading,\n  name,\n  onChange,\n  onSearch,\n  options,\n  value,\n}: {\n  readonly label: string;\n  readonly loading: boolean;\n  readonly name: string;\n  readonly onChange: (option: MemberOption | null) => void;\n  readonly onSearch: (searchText: string) => Promise<void>;\n  readonly options: readonly MemberOption[];\n  readonly value: MemberOption | null;\n}): ReactElement {\n  return (\n    <BPMFormField\n      label={label}\n      layout={DELEGATION_MODAL_FIELD_LAYOUT}\n      name={name}\n      required\n    >\n      <AutoComplete\n        asyncData\n        disabledOptionsFilter\n        emptyText=\"沒有符合的成員\"\n        inputProps={{\n          autoCapitalize: 'none',\n          autoCorrect: 'off',\n          name,\n          spellCheck: false,\n        }}\n        loading={loading}\n        loadingText=\"搜尋成員中...\"\n        mode=\"single\"\n        onChange={(option): void => onChange(readMemberOptionFromValue(option))}\n        onSearch={onSearch}\n        onSearchTextChange={(searchText): void =>\n          onChange(readUniqueMemberOption(searchText, options))\n        }\n        onVisibilityChange={(open): void => {\n          if (open) {\n            void onSearch('');\n          }\n        }}\n        options={[...options]}\n        placeholder=\"搜尋姓名或信箱\"\n        searchDebounceTime={300}\n        value={value}\n      />\n    </BPMFormField>\n  );\n}\n\nfunction MemberNameWithEmailTooltip({\n  email,\n  name,\n}: {\n  readonly email: string | null;\n  readonly name: string;\n}): ReactElement {\n  if (!email) {\n    return <span>{name}</span>;\n  }\n\n  return (\n    <Tooltip title={email}>\n      {({ ref, ...tooltipProps }): ReactElement => (\n        // Spread the whole payload, as `TooltipProps` asks: picking only the\n        // mouse handlers drops `aria-describedby`, so assistive tech never\n        // learns the open tooltip describes this name.\n        <span\n          {...tooltipProps}\n          className={styles.memberNameWithTooltip}\n          ref={ref as RefCallback<HTMLSpanElement>}\n        >\n          {name}\n        </span>\n      )}\n    </Tooltip>\n  );\n}\n\nfunction readMemberOption(member: MemberProfileRecord): MemberOption {\n  return {\n    displayName: member.name,\n    email: member.email,\n    id: member.memberId,\n    name: formatMemberLabel(member.name, member.email),\n  };\n}\n\nfunction readMemberOptionFromValue(value: unknown): MemberOption | null {\n  if (!isRecord(value)) {\n    return null;\n  }\n\n  const displayName = value.displayName;\n  const email = value.email;\n  const id = value.id;\n  const name = value.name;\n\n  return typeof id === 'string' && typeof name === 'string'\n    ? {\n        displayName: typeof displayName === 'string' ? displayName : name,\n        email: typeof email === 'string' ? email : null,\n        id,\n        name,\n      }\n    : null;\n}\n\nfunction readUniqueMemberOption(\n  searchText: string,\n  options: readonly MemberOption[],\n): MemberOption | null {\n  const normalizedSearchText = searchText.trim().toLocaleLowerCase();\n\n  if (!normalizedSearchText) {\n    return null;\n  }\n\n  const matches = options.filter((option) =>\n    [option.id, option.name, option.email ?? ''].some((value) =>\n      value.toLocaleLowerCase().includes(normalizedSearchText),\n    ),\n  );\n\n  return matches.length === 1 ? (matches[0] ?? null) : null;\n}\n\nfunction readTemplateOption(template: ApprovalTemplateRecord): TemplateOption {\n  return {\n    id: template.id,\n    name: template.name,\n  };\n}\n\nfunction readTemplateOptionsFromValue(\n  value: readonly unknown[],\n): readonly TemplateOption[] {\n  return value.flatMap((item): readonly TemplateOption[] => {\n    if (!isRecord(item)) {\n      return [];\n    }\n\n    const id = item.id;\n    const name = item.name;\n\n    return typeof id === 'string' && typeof name === 'string'\n      ? [{ id, name }]\n      : [];\n  });\n}\n\nfunction filterTemplateOptions(\n  options: readonly TemplateOption[],\n  searchText: string,\n): readonly TemplateOption[] {\n  const normalizedSearchText = searchText.trim().toLocaleLowerCase();\n\n  if (!normalizedSearchText) {\n    return options;\n  }\n\n  return options.filter((option) =>\n    [option.id, option.name].some((value) =>\n      value.toLocaleLowerCase().includes(normalizedSearchText),\n    ),\n  );\n}\n\nfunction mergeTemplateOptions(\n  selectedOptions: readonly TemplateOption[],\n  availableOptions: readonly TemplateOption[],\n): readonly TemplateOption[] {\n  return [...selectedOptions, ...availableOptions].reduce<TemplateOption[]>(\n    (options, option) =>\n      options.some((currentOption) => currentOption.id === option.id)\n        ? options\n        : [...options, option],\n    [],\n  );\n}\n\nfunction readScopeFilterOption(value: unknown): ScopeFilterOption {\n  if (!isRecord(value)) {\n    return SCOPE_FILTER_OPTIONS[0];\n  }\n\n  const id = value.id;\n\n  return (\n    SCOPE_FILTER_OPTIONS.find((option) => option.id === id) ??\n    SCOPE_FILTER_OPTIONS[0]\n  );\n}\n\nfunction readScopeLabel(rule: DelegationRuleRecord): string {\n  if (rule.scopeType === 'ALL') {\n    return '全部簽核';\n  }\n\n  if (rule.scopeType === 'TEMPLATE_LIST') {\n    return `指定模板：${rule.scopeTemplateIds.length}`;\n  }\n\n  return rule.scopeConditionCel ? `條件：${rule.scopeConditionCel}` : '條件式';\n}\n\nfunction readScopeOptionFromValue(value: unknown): ScopeOption {\n  if (!isRecord(value) || !isSelectableDelegationScopeType(value.id)) {\n    return SCOPE_OPTIONS[0];\n  }\n\n  return (\n    SCOPE_OPTIONS.find((option) => option.id === value.id) ?? SCOPE_OPTIONS[0]\n  );\n}\n\nfunction isSelectableDelegationScopeType(\n  value: unknown,\n): value is ScopeOption['id'] {\n  return value === 'ALL' || value === 'TEMPLATE_LIST';\n}\n\nfunction DelegationStatusBadge({\n  status,\n}: {\n  readonly status: DelegationRuleRecord['status'];\n}): ReactElement {\n  if (status === 'ACTIVE') {\n    return <Badge size=\"sub\" text=\"啟用中\" variant=\"dot-success\" />;\n  }\n\n  if (status === 'REVOKED') {\n    return <Badge size=\"sub\" text=\"已撤銷\" variant=\"dot-inactive\" />;\n  }\n\n  if (status === 'EXPIRED') {\n    return <Badge size=\"sub\" text=\"已過期\" variant=\"dot-warning\" />;\n  }\n\n  return <Badge size=\"sub\" text={status} variant=\"dot-info\" />;\n}\n\nfunction readDelegationStatusTabKey(activeKey: Key): DelegationStatusTabKey {\n  if (\n    activeKey === 'ACTIVE' ||\n    activeKey === 'REVOKED' ||\n    activeKey === 'EXPIRED'\n  ) {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction readDelegationDateTimePickerValue(value: string): string | undefined {\n  const date = value ? parseDelegationDateTimeValue(value) : null;\n\n  return date\n    ? `${formatDateParts(date)}T${padDatePart(date.getHours())}:${padDatePart(\n        date.getMinutes(),\n      )}`\n    : undefined;\n}\n\nfunction formatDelegationDateTimePickerValue(\n  value: string | undefined,\n): string {\n  const date = value ? parseDelegationDateTimeValue(value) : null;\n\n  return date ? date.toISOString() : '';\n}\n\nfunction isInvalidDelegationDateRange(startAt: string, endAt: string): boolean {\n  if (!startAt || !endAt) {\n    return false;\n  }\n\n  const startDate = parseDelegationDateTimeValue(startAt);\n  const endDate = parseDelegationDateTimeValue(endAt);\n\n  return !!startDate && !!endDate && endDate.getTime() <= startDate.getTime();\n}\n\nfunction parseDelegationDateTimeValue(value: string): Date | null {\n  if (value.endsWith('Z') || /[+-]\\d{2}:\\d{2}$/.test(value)) {\n    const parsedDate = new Date(value);\n\n    return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;\n  }\n\n  const [datePart = '', timePart = '00:00'] = value.split('T');\n  const [year = 0, month = 1, day = 1] = datePart.split('-').map(Number);\n  const [hour = 0, minute = 0] = timePart.split(':').map(Number);\n  const parsedDate = new Date(year, month - 1, day, hour, minute);\n\n  return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;\n}\n\nfunction formatDateParts(date: Date): string {\n  return `${date.getFullYear()}-${padDatePart(date.getMonth() + 1)}-${padDatePart(\n    date.getDate(),\n  )}`;\n}\n\nfunction padDatePart(value: number): string {\n  return String(value).padStart(2, '0');\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"ytBC2FMkD,EAAgClD,EAAAA,gBAAgB,WAChDmD,GAA+B,CAAC,GAAI,GAAI,EAAE,EAC1CC,GAGA,CACJ,CAAE,IAAK,MAAO,MAAO,IAAK,EAC1B,CAAE,IAAK,SAAU,MAAO,KAAM,EAC9B,CAAE,IAAK,UAAW,MAAO,KAAM,EAC/B,CAAE,IAAK,UAAW,MAAO,KAAM,CACjC,EACMC,EAAqD,CACzD,CAAE,GAAI,aAAc,KAAM,OAAQ,UAAW,IAAK,EAClD,CAAE,GAAI,MAAO,KAAM,OAAQ,UAAW,KAAM,EAC5C,CAAE,GAAI,gBAAiB,KAAM,OAAQ,UAAW,eAAgB,CAClE,EACMC,EAAwC,CAC5C,CAAE,GAAI,MAAO,KAAM,MAAO,EAC1B,CAAE,GAAI,gBAAiB,KAAM,MAAO,CACtC,EAEA,SAAgBC,GAAgC,CAC9C,GAAM,CAAE,UAAWtD,EAAAA,EAAQ,EACrBuD,EAAkBC,GAAQ,UAAY,KACtC,CAACC,EAAaC,IAAA,EAAkBzD,EAAAA,SAAAA,CAA8B,IAAI,EAClE,CAAC0D,EAAOC,IAAA,EAAY3D,EAAAA,SAAAA,CAAS,EAAE,EAC/B,CAAC4D,EAAOC,IAAA,EAAY7D,EAAAA,SAAAA,CAAwB,IAAI,EAChD,CAAC8D,EAASC,IAAA,EAAc/D,EAAAA,SAAAA,CAAS,EAAI,EACrC,CAACgE,EAAeC,IAAA,EAAoBjE,EAAAA,SAAAA,CAAS,EAAK,EAClD,CAACkE,EAAeC,IAAA,EAAoBnE,EAAAA,SAAAA,CACxC,CAAC,CACH,EACM,CAACoE,GAAWC,IAAA,EAAgBrE,EAAAA,SAAAA,CAAS,EAAK,EAC1C,CAACsE,EAAUC,IAAA,EAAevE,EAAAA,SAAAA,CAAS,CAAC,EACpC,CAACwE,EAAcC,KAAA,EAAmBzE,EAAAA,SAAAA,CAAS,EAAE,EAC7C,CAAC0E,EAAYC,KAAA,EAAiB3E,EAAAA,SAAAA,CAAiC,KAAK,EACpE,CAAC4E,GAAgBC,KAAA,EAAqB7E,EAAAA,SAAAA,CAAS,CAAC,EAChD,CAAC8E,EAAOC,KAAA,EAAY/E,EAAAA,SAAAA,CAA0C,CAAC,CAAC,EAChE,CAACgF,EAAQC,IAAA,EAAajF,EAAAA,SAAAA,CAAS,EAAK,EACpC,CAACkF,EAAiBC,KAAA,EAAsBnF,EAAAA,SAAAA,CAC5CmD,EAAqB,EACvB,EACM,CAACiC,EAAgBC,IAAA,EAAqBrF,EAAAA,SAAAA,CAE1C,CAAC,CAAC,EACE,CAACsF,GAAWC,IAAA,EAAgBvF,EAAAA,SAAAA,CAAsBoD,EAAc,EAAE,EAClE,CAACoC,EAASC,IAAA,EAAczF,EAAAA,SAAAA,CAAS,EAAE,EACnC,CAAC0F,GAAiBC,IAAA,EAAsB3F,EAAAA,SAAAA,CAAS,EAAK,EACtD,CAAC4F,GAAiBC,IAAA,EAAsB7F,EAAAA,SAAAA,CAE5C,CAAC,CAAC,EACE8F,GAAA,EAAsB7F,EAAAA,OAAAA,CAAO,CAAC,EAE9B8F,GAAA,EAAe7F,EAAAA,YAAAA,CAAY,SAA2B,CAC1D,IAAM8F,EAAYF,EAAoB,QAAU,EAGhD,GAFA,EAAoB,QAAUE,EAE1B,CAAC1C,EACHS,EAAW,EAAK,MAIlB,GAAW,EAAI,EACfF,EAAS,IAAI,EAEb,GAAI,CACF,GAAM,CAACoC,EAAgBC,GAAW,MAAM,QAAQ,IAAI,EAAA,EAClD/F,EAAAA,wBAAAA,CAAwB,CACtB,gBAAiB,GACjB,KAAMmE,EACN,SAAUE,EACV,kBAAmBlB,EACnB,UAAW4B,EAAgB,UAC3B,OAAQR,IAAe,MAAQ,KAAOA,CACxC,CAAC,GAAA,EACDtE,EAAAA,cAAAA,CAAc,EAAE,CAClB,CAAC,EAEG4F,IAAcF,EAAoB,UACpCf,GAASkB,EAAe,KAAK,EAC7BpB,GAAkBoB,EAAe,UAAU,EAC3C9B,EAAiB+B,EAAQ,IAAIC,CAAgB,CAAC,EAElD,OAASC,EAAuB,CAC1BJ,IAAcF,EAAoB,SACpCjC,EAASwC,EAAiBD,CAAY,CAAC,CAE3C,QAAU,CACJJ,IAAcF,EAAoB,SACpC/B,EAAW,EAAK,CAEpB,CA7Be,CA8BjB,EAAG,CAACT,EAAiBgB,EAAUE,EAAcE,EAAYQ,CAAe,CAAC,GAEzE,EAAA3C,EAAA,UAAA,KAAsB,CACpBwD,EAAkB,CACpB,EAAG,CAACA,CAAY,CAAC,EAEjB,IAAMO,GAAA,EAAcjG,EAAAA,QAAAA,KAEhB,IAAI,IAAI6D,EAAc,IAAK,GAAW,CAACqC,EAAO,GAAIA,CAAM,CAAC,CAAC,EAC5D,CAACrC,CAAa,CAChB,EACMsC,IAAA,EAAOnG,EAAAA,QAAAA,KAETyE,EAAM,IAAK,IAAU,CACnB,GAAG2B,EACH,WAAYH,EAAY,IAAIG,EAAK,aAAa,CAAC,EAAE,OAAS,KAC1D,UACEH,EAAY,IAAIG,EAAK,aAAa,CAAC,EAAE,aACrCA,EAAK,cACP,IAAKA,EAAK,GACV,WAAYC,GAAeD,CAAI,CACjC,EAAE,EACJ,CAACH,EAAaxB,CAAK,CACrB,EACM6B,EACJvD,EAAc,KAAM,GAAWmD,EAAO,KAAOjB,GAAU,EAAE,GACzDlC,EAAc,GACVwD,IAAA,EAAUvG,EAAAA,QAAAA,KAC0B,CACtC,CACE,IAAK,QACL,OAAS,IACP,EAAAoC,EAAA,IAAA,CAACoE,GAAD,CACE,MAAOC,EAAO,WACd,KAAMA,EAAO,SACd,CAAA,EAEH,MAAO,MACP,MAAO,GACT,EACA,CAAE,UAAW,aAAc,IAAK,QAAS,MAAO,OAAQ,MAAO,GAAI,EACnE,CACE,IAAK,SACL,OAAS,IACP,EAAArE,EAAA,IAAA,CAACsE,GAAD,CAAuB,OAAQD,EAAO,MAAS,CAAA,EAEjD,MAAO,KACP,MAAO,GACT,EACA,CACE,IAAK,UACL,OAAS,IACP,EAAArE,EAAA,IAAA,CAACnC,EAAAA,WAAD,CAAY,UAAU,OAAO,QAAQ,OAClC,SAAAC,EAAAA,EAAeuG,EAAO,OAAO,CACpB,CAAA,EAEd,MAAO,OACP,MAAO,GACT,EACA,CACE,IAAK,QACL,OAAS,IACP,EAAArE,EAAA,IAAA,CAACnC,EAAAA,WAAD,CAAY,UAAU,OAAO,QAAQ,OAClC,SAAAwG,EAAO,MAAQvG,EAAAA,EAAeuG,EAAO,KAAK,EAAI,GACrC,CAAA,EAEd,MAAO,OACP,MAAO,GACT,CACF,EACA,CAAC,CACH,EACME,GAAA,EAAe9G,EAAAA,YAAAA,CACnB,KAAO,IAA8B,CACnC,GAAKoD,EAIL,GAAS,IAAI,EAEb,GAAI,CACF,MAAA,EAAM9C,EAAAA,qBAAAA,CAAqB,CACzB,KACA,kBAAmB8C,CACrB,CAAC,EACD,MAAMyC,EAAa,CACrB,OAASK,EAAuB,CAC9BvC,EAASwC,EAAiBD,CAAY,CAAC,CACzC,CAVa,CAWf,EACA,CAAC9C,EAAiByC,CAAY,CAChC,EACMkB,IAAA,EAAe5G,EAAAA,QAAAA,MACqB,CACtC,OACE,GAEAyG,EAAO,SAAW,SACd,CACE,CACE,KAAM,KACN,YAAqB,KAAKE,EAAaF,EAAO,EAAE,CAClD,CACF,EACA,CAAC,EACP,QAAS,wBACT,MAAO,EACT,GACA,CAACE,CAAY,CACf,EAEA,eAAeE,GAAoB,EAAmC,CACpEjD,EAAiB,EAAI,EAErB,GAAI,CACFE,GAAkB,MAAA,EAAM/D,EAAAA,cAAAA,CAAc+G,CAAU,EAAA,CAAG,IAAIhB,CAAgB,CAAC,CAC1E,OAASC,EAAuB,CAC9BvC,EAASwC,EAAiBD,CAAY,CAAC,CACzC,QAAU,CACRnC,EAAiB,EAAK,CACxB,CACF,CAEA,eAAemD,EACb,EACA,EAA6ChC,EAC9B,CACfO,EAAmB,EAAI,EAEvB,GAAI,CACF,IAAM0B,GAAe,MAAA,EAAM5G,GAAAA,sBAAAA,CAAsB,EAAA,CAAG,IAClD6G,EACF,EAEAzB,EACE0B,EACEC,EACAC,GAAsBJ,EAAaF,CAAU,CAC/C,CACF,CACF,OAASf,EAAuB,CAC9BvC,EAASwC,EAAiBD,CAAY,CAAC,CACzC,QAAU,CACRT,EAAmB,EAAK,CAC1B,CACF,CAEA,SAAS+B,IAAwB,CAC/BjE,EAAe,IAAI,EACnBE,EAAS,EAAE,EACX0B,EAAkB,CAAC,CAAC,EACpBE,EAAanC,EAAc,EAAE,EAC7BqC,EAAW,EAAE,EACbI,EAAmB,CAAC,CAAC,EACrBuB,EAA2B,GAAI,CAAC,CAAC,EACjC/C,EAAa,EAAI,CACnB,CAEA,SAASsD,GAAyB,CAC5B3C,GAIJX,EAAa,EAAK,CACpB,CAEA,eAAeuD,IAA8B,CAC3C,GAAKtE,EAIL,IAAI,CAACE,EACHK,EAAS,QAAQ,OAInB,GAAIL,EAAY,KAAOF,EACrBO,EAAS,YAAY,OAIvB,GAAI8C,EAAkB,KAAO,iBAAmBvB,EAAe,OAAS,EACtEvB,EAAS,aAAa,OAIxB,GAAIgE,GAA6BrC,EAAS9B,CAAK,EAC7CG,EAAS,cAAc,MAIzB,GAAU,EAAI,EACdA,EAAS,IAAI,EAEb,GAAI,CACF,MAAA,EAAMnD,EAAAA,qBAAAA,CAAqB,CACzB,cAAe8C,EAAY,GAC3B,kBAAmBF,EACnB,MAAOI,GAAS,KAChB,kBAAmBJ,EACnB,SAAU,IACV,qBAAsB,GACtB,kBAAmB,KACnB,iBACEqD,EAAkB,KAAO,gBACrBvB,EAAe,IAAK,GAAa0C,EAAS,EAAE,EAC5C,CAAC,EACP,UAAWnB,EAAkB,GAC7B,QAASnB,GAAW,IACtB,CAAC,EACDnB,EAAa,EAAK,EAEdC,IAAa,EACf,MAAMyB,EAAa,EAEnBxB,EAAY,CAAC,CAEjB,OAAS6B,EAAuB,CAC9BvC,EAASwC,EAAiBD,CAAY,CAAC,CACzC,QAAU,CACRnB,EAAU,EAAK,CACjB,CA9Bc,CAjBd,CAgDF,CAEA,OACE,EAAAxC,EAAA,KAAA,CAAA9B,EAAAA,SAAA,CAAA,SAAA,EACE,EAAA8B,EAAA,IAAA,CAAC7B,EAAAA,WAAD,CAAA,UACE,EAAA6B,EAAA,IAAA,CAAC5B,EAAAA,QAAD,CACE,YAAY,mCACZ,MAAM,OAEN,UAAA,EAAA4B,EAAA,IAAA,CAAC3B,EAAAA,OAAD,CACE,KAAMC,GAAAA,SACN,SAAS,UACT,QAAS2G,GACT,QAAQ,eACT,SAAA,MAEO,CAAA,CACK,CAAA,CACL,CAAA,GAEZ,EAAAjF,EAAA,IAAA,CAACzB,EAAAA,aAAD,CAAA,UACE,EAAAyB,EAAA,KAAA,CAACxB,EAAAA,QAAD,CACE,YACE,EAAAwB,EAAA,IAAA,CAACvB,EAAAA,WAAD,CAAY,UAAWC,EAAO,qBAAsB,KAAK,MACvD,UAAA,EAAAsB,EAAA,IAAA,CAACrB,EAAAA,WAAD,CAAA,UACE,EAAAqB,EAAA,IAAA,CAACpB,EAAAA,OAAD,CAAQ,KAAM,EACZ,UAAA,EAAAoB,EAAA,IAAA,CAACnB,EAAAA,UAAD,CACE,UAAA,GACA,OAAQxB,EAAAA,gBAAgB,SACxB,KAAK,kBAEL,UAAA,EAAA2C,EAAA,IAAA,CAAClB,EAAAA,OAAD,CACE,UAAW,GACX,UAAA,GACA,SAAW,GAAiB,CAC1B4D,GAAmB4C,GAAsBxB,CAAM,CAAC,EAChDhC,EAAY,CAAC,CACf,EACA,QAAS,CAAC,GAAGpB,CAAoB,EACjC,YAAY,OACZ,KAAK,MACL,MAAO+B,CACR,CAAA,CACQ,CAAA,CACL,CAAA,CACE,CAAA,CACF,CAAA,EAEd,KACE,EAAAzC,EAAA,IAAA,CAACjB,EAAAA,IAAD,CACE,UAAWkD,EACX,SAAW,GAAoB,CAC7BC,GAAcqD,GAA2BC,CAAS,CAAC,EACnD1D,EAAY,CAAC,CACf,EAEC,SAAArB,GAAuB,IAAK,IAC3B,EAAAT,EAAA,IAAA,CAAChB,EAAAA,QAAD,CAAA,SAA8ByG,EAAU,KAAe,EAAzCA,EAAU,GAA+B,CACxD,CACE,CAAA,EAtCT,SAAA,CAyCGtE,GACC,EAAAnB,EAAA,IAAA,CAACnC,EAAAA,WAAD,CAAY,MAAM,aAAa,QAAQ,OACpC,SAAAsD,CACS,CAAA,EACV,MACJ,EAAAnB,EAAA,IAAA,CAACf,EAAAA,MAAD,CACE,QAASuF,GACA,WACT,WAAYT,GACZ,UAAA,GACS,UACT,WAAY,CACV,QAASlC,EACT,SAAW,GAAe,CACxBC,EAAY4D,CAAI,CAClB,EACA,iBAAmB,GAAmB,CACpC5D,EAAY,CAAC,EACbE,GAAgB2D,CAAQ,CAC1B,EACA,SAAU5D,EACV,cAAe,OACf,gBAAiBvB,GACjB,qBAAsB,EAAM,EAAI,IAC9B,MAAMoF,EAAK,GAAGC,EAAG,OAAOC,EAAM,IAChC,oBAAqB,GACrB,MAAO3D,EACT,CACD,CAAA,CACM,CACG,CAAA,CAAA,CAAA,GAEd,EAAAnC,EAAA,IAAA,CAACd,EAAAA,MAAD,CACE,WAAW,KACX,mBAAoB,CAClB,SAAU,CAAC6B,CACb,EACA,YAAY,OACZ,QAASwB,EACT,UAAU,WACV,SAAU2C,EACV,QAASA,EACT,cAAuB,KAAKC,GAAa,EACzC,KAAMxD,GACN,gBAAA,GACA,gBAAA,GACA,KAAK,UACL,eAAe,+BACf,MAAM,SAEN,UAAA,EAAA3B,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWtB,EAAO,sBAAvB,SAAA,EACE,EAAAsB,EAAA,IAAA,CAAC+F,GAAD,CACE,MAAM,MACN,QAASxE,EACT,KAAK,gBACL,SAAUP,EACV,SAAUyD,GACV,QAAShD,EACT,MAAOV,CACR,CAAA,GACD,EAAAf,EAAA,IAAA,CAACb,EAAAA,EAAD,CAAc,MAAM,OAAO,KAAK,YAAY,SAAA,GAC1C,UAAA,EAAAa,EAAA,IAAA,CAAClB,EAAAA,OAAD,CACE,UAAW,GACX,UAAA,GACA,SAAW,GACTgE,EAAakD,GAAyBlC,CAAM,CAAC,EAE/C,QAAS,CAAC,GAAGnD,CAAa,EAC1B,YAAY,SACZ,MAAOuD,CACR,CAAA,CACW,CAAA,EACbA,EAAkB,KAAO,iBACxB,EAAAlE,EAAA,IAAA,CAACb,EAAAA,EAAD,CAAc,MAAM,OAAO,KAAK,mBAAmB,SAAA,GACjD,UAAA,EAAAa,EAAA,IAAA,CAACZ,EAAAA,aAAD,CACE,UAAA,GACA,sBAAA,GACA,UAAU,UACV,WAAY,CACV,eAAgB,OAChB,YAAa,MACb,KAAM,mBACN,WAAY,EACd,EACA,QAAS6D,GACT,YAAY,WACZ,KAAK,WACL,SAAW,GAAwB,CACjC,IAAMgD,EACJC,GAA6BC,CAAa,EAE5CvD,EAAkBqD,CAAiB,EACnC7C,EAAoB,GAClB0B,EAAqBmB,EAAmBG,CAAc,CACxD,CACF,EACA,SAAUzB,EACV,mBAAqB,GAAe,CAC9B0B,GACF1B,EAA2B,EAAE,CAEjC,EACA,QAAS,CAAC,GAAGxB,EAAe,EAC5B,iBAAiB,OACjB,YAAY,YACZ,mBAAoB,IACpB,MAAO,CAAC,GAAGR,CAAc,CAC1B,CAAA,CACW,CAAA,EACZ,MACJ,EAAA3C,EAAA,IAAA,CAACb,EAAAA,EAAD,CAAc,MAAM,OAAO,KAAK,UAC9B,UAAA,EAAAa,EAAA,IAAA,CAACX,EAAAA,eAAD,CACE,WAAW,aACX,WAAW,QACX,UAAA,GACA,WAAA,GACA,SAAW,GACT2D,EAAWsD,EAAoCC,CAAS,CAAC,EAE3D,gBAAgB,SAChB,iBAAiB,OACjB,MAAOC,EAAkCzD,CAAO,CACjD,CAAA,CACW,CAAA,GACd,EAAA/C,EAAA,IAAA,CAACb,EAAAA,EAAD,CAAc,MAAM,OAAO,KAAK,QAC9B,UAAA,EAAAa,EAAA,IAAA,CAACX,EAAAA,eAAD,CACE,WAAW,aACX,WAAW,QACX,UAAA,GACA,WAAA,GACA,SAAW,GACT6B,EAASoF,EAAoCC,CAAS,CAAC,EAEzD,gBAAgB,MAChB,iBAAiB,OACjB,MAAOC,EAAkCvF,CAAK,CAC/C,CAAA,CACW,CAAA,CACX,GACA,CAAA,CACP,CAAA,CAAA,CAEN,CAEA,SAAS8E,GAAwB,CAC/B,QACA,UACA,OACA,WACA,WACA,UACA,SASe,CACf,OACE,EAAA/F,EAAA,IAAA,CAACb,EAAAA,EAAD,CACS,QACP,OAAQoB,EACF,OACN,SAAA,GAEA,UAAA,EAAAP,EAAA,IAAA,CAACZ,EAAAA,aAAD,CACE,UAAA,GACA,sBAAA,GACA,UAAU,UACV,WAAY,CACV,eAAgB,OAChB,YAAa,MACb,OACA,WAAY,EACd,EACS,UACT,YAAY,WACZ,KAAK,SACL,SAAW,GAAiBqH,EAASC,EAA0B5C,CAAM,CAAC,EAC5D,WACV,mBAAqB,GACnB2C,EAASE,EAAuBjC,EAAYkC,CAAO,CAAC,EAEtD,mBAAqB,GAAe,CAC9BP,GACFQ,EAAc,EAAE,CAEpB,EACA,QAAS,CAAC,GAAGD,CAAO,EACpB,YAAY,UACZ,mBAAoB,IACb,OACR,CAAA,CACW,CAAA,CAElB,CAEA,SAASxC,GAA2B,CAClC,QACA,QAIe,CAKf,OAJK0C,GAKH,EAAA9G,EAAA,IAAA,CAACV,EAAAA,QAAD,CAAS,MAAOwH,EACZ,UAAA,CAAE,MAAK,GAAGC,MAIV,EAAA/G,EAAA,IAAA,CAAC,OAAD,CACE,GAAI+G,EACJ,UAAWrI,EAAO,sBACb,MAEJ,SAAAsI,CACG,CAAA,CAED,CAAA,GAjBF,EAAAhH,EAAA,IAAA,CAAC,OAAD,CAAA,SAAOgH,CAAW,CAAA,CAmB7B,CAEA,SAAStD,EAAiB,EAA2C,CACnE,MAAO,CACL,YAAa5C,EAAO,KACpB,MAAOA,EAAO,MACd,GAAIA,EAAO,SACX,KAAMvB,EAAAA,EAAkBuB,EAAO,KAAMA,EAAO,KAAK,CACnD,CACF,CAEA,SAAS4F,EAA0B,EAAqC,CACtE,GAAI,CAACO,EAASC,CAAK,EACjB,OAAO,KAGT,IAAMC,EAAcD,EAAM,YACpBJ,EAAQI,EAAM,MACdE,EAAKF,EAAM,GACXF,EAAOE,EAAM,KAEnB,OAAO,OAAOE,GAAO,UAAY,OAAOJ,GAAS,SAC7C,CACE,YAAa,OAAOG,GAAgB,SAAWA,EAAcH,EAC7D,MAAO,OAAOF,GAAU,SAAWA,EAAQ,KAC3C,KACA,MACF,EACA,IACN,CAEA,SAASH,EACP,EACA,EACqB,CACrB,IAAMU,EAAuB3C,EAAW,KAAK,CAAC,CAAC,kBAAkB,EAEjE,GAAI,CAAC2C,EACH,OAAO,KAGT,IAAMC,EAAUV,EAAQ,OAAQ,GAC9B,CAAC9C,EAAO,GAAIA,EAAO,KAAMA,EAAO,OAAS,EAAE,CAAC,CAAC,KAAM,GACjDoD,EAAM,kBAAkB,CAAC,CAAC,SAASG,CAAoB,CACzD,CACF,EAEA,OAAOC,EAAQ,SAAW,EAAKA,EAAQ,IAAM,KAAQ,IACvD,CAEA,SAASzC,GAAmB,EAAkD,CAC5E,MAAO,CACL,GAAIQ,EAAS,GACb,KAAMA,EAAS,IACjB,CACF,CAEA,SAASa,GACP,EAC2B,CAC3B,OAAOgB,EAAM,QAAS,GAAoC,CACxD,GAAI,CAACD,EAASM,CAAI,EAChB,MAAO,CAAC,EAGV,IAAMH,EAAKG,EAAK,GACVP,EAAOO,EAAK,KAElB,OAAO,OAAOH,GAAO,UAAY,OAAOJ,GAAS,SAC7C,CAAC,CAAE,KAAI,MAAK,CAAC,EACb,CAAC,CACP,CAAC,CACH,CAEA,SAAShC,GACP,EACA,EAC2B,CAC3B,IAAMqC,EAAuB3C,EAAW,KAAK,CAAC,CAAC,kBAAkB,EAMjE,OAJK2C,EAIET,EAAQ,OAAQ,GACrB,CAAC9C,EAAO,GAAIA,EAAO,IAAI,CAAC,CAAC,KAAM,GAC7BoD,EAAM,kBAAkB,CAAC,CAAC,SAASG,CAAoB,CACzD,CACF,EAPST,CAQX,CAEA,SAAS9B,EACP,EACA,EAC2B,CAC3B,MAAO,CAAC,GAAGC,EAAiB,GAAGyC,CAAgB,CAAC,CAAC,QAC9C,EAAS,IACRZ,EAAQ,KAAM,GAAkBa,EAAc,KAAO3D,EAAO,EAAE,EAC1D8C,EACA,CAAC,GAAGA,EAAS9C,CAAM,EACzB,CAAC,CACH,CACF,CAEA,SAASwB,GAAsB,EAAmC,CAChE,GAAI,CAAC2B,EAASC,CAAK,EACjB,OAAOxG,EAAqB,GAG9B,IAAM0G,EAAKF,EAAM,GAEjB,OACExG,EAAqB,KAAM,GAAWoD,EAAO,KAAOsD,CAAE,GACtD1G,EAAqB,EAEzB,CAEA,SAASuD,GAAe,EAAoC,CAS1D,OARID,EAAK,YAAc,MACd,OAGLA,EAAK,YAAc,gBACd,QAAQA,EAAK,iBAAiB,SAGhCA,EAAK,kBAAoB,MAAMA,EAAK,oBAAsB,KACnE,CAEA,SAASgC,GAAyB,EAA6B,CAK7D,MAJI,CAACiB,EAASC,CAAK,GAAK,CAACQ,EAAgCR,EAAM,EAAE,EACxDvG,EAAc,GAIrBA,EAAc,KAAM,GAAWmD,EAAO,KAAOoD,EAAM,EAAE,GAAKvG,EAAc,EAE5E,CAEA,SAAS+G,EACP,EAC4B,CAC5B,OAAOR,IAAU,OAASA,IAAU,eACtC,CAEA,SAAS5C,GAAsB,CAC7B,UAGe,CAaf,OAZIqD,IAAW,UACN,EAAA3H,EAAA,IAAA,CAACR,EAAAA,MAAD,CAAO,KAAK,MAAM,KAAK,MAAM,QAAQ,aAAe,CAAA,EAGzDmI,IAAW,WACN,EAAA3H,EAAA,IAAA,CAACR,EAAAA,MAAD,CAAO,KAAK,MAAM,KAAK,MAAM,QAAQ,cAAgB,CAAA,EAG1DmI,IAAW,WACN,EAAA3H,EAAA,IAAA,CAACR,EAAAA,MAAD,CAAO,KAAK,MAAM,KAAK,MAAM,QAAQ,aAAe,CAAA,GAGtD,EAAAQ,EAAA,IAAA,CAACR,EAAAA,MAAD,CAAO,KAAK,MAAM,KAAMmI,EAAQ,QAAQ,UAAY,CAAA,CAC7D,CAEA,SAASpC,GAA2B,EAAwC,CAS1E,OAPEC,IAAc,UACdA,IAAc,WACdA,IAAc,UAEPA,EAGF,KACT,CAEA,SAASgB,EAAkC,EAAmC,CAC5E,IAAMoB,EAAOV,EAAQW,EAA6BX,CAAK,EAAI,KAE3D,OAAOU,EACH,GAAGE,EAAgBF,CAAI,EAAE,GAAGG,EAAYH,EAAK,SAAS,CAAC,EAAE,GAAGG,EAC1DH,EAAK,WAAW,CAClB,IACA,IAAA,EACN,CAEA,SAAStB,EACP,EACQ,CACR,IAAMsB,EAAOV,EAAQW,EAA6BX,CAAK,EAAI,KAE3D,OAAOU,EAAOA,EAAK,YAAY,EAAI,EACrC,CAEA,SAASxC,GAA6B,EAAiB,EAAwB,CAC7E,GAAI,CAACrC,GAAW,CAAC9B,EACf,MAAO,GAGT,IAAM+G,EAAYH,EAA6B9E,CAAO,EAChDkF,EAAUJ,EAA6B5G,CAAK,EAElD,MAAO,CAAC,CAAC+G,GAAa,CAAC,CAACC,GAAWA,EAAQ,QAAQ,GAAKD,EAAU,QAAQ,CAC5E,CAEA,SAASH,EAA6B,EAA4B,CAChE,GAAIX,EAAM,SAAS,GAAG,GAAK,mBAAmB,KAAKA,CAAK,EAAG,CACzD,IAAMgB,EAAa,IAAI,KAAKhB,CAAK,EAEjC,OAAO,OAAO,MAAMgB,EAAW,QAAQ,CAAC,EAAI,KAAOA,CACrD,CAEA,GAAM,CAACC,EAAW,GAAIC,EAAW,SAAWlB,EAAM,MAAM,GAAG,EACrD,CAACmB,EAAO,EAAGC,EAAQ,EAAGC,EAAM,GAAKJ,EAAS,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM,EAC/D,CAACK,EAAO,EAAGC,EAAS,GAAKL,EAAS,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM,EACvDF,EAAa,IAAI,KAAKG,EAAMC,EAAQ,EAAGC,EAAKC,EAAMC,CAAM,EAE9D,OAAO,OAAO,MAAMP,EAAW,QAAQ,CAAC,EAAI,KAAOA,CACrD,CAEA,SAASJ,EAAgB,EAAoB,CAC3C,MAAO,GAAGF,EAAK,YAAY,EAAE,GAAGG,EAAYH,EAAK,SAAS,EAAI,CAAC,EAAE,GAAGG,EAClEH,EAAK,QAAQ,CACf,GACF,CAEA,SAASG,EAAY,EAAuB,CAC1C,OAAO,OAAOb,CAAK,CAAC,CAAC,SAAS,EAAG,GAAG,CACtC,CAEA,SAAStD,EAAiB,EAAwB,CAChD,OAAOzC,aAAiB,MAAQA,EAAM,QAAU,QAClD,CAEA,SAAS8F,EAAS,EAA4D,CAC5E,OAAO,OAAOC,GAAU,YAAYA,CACtC"}
+{"version":3,"file":"delegations-BmFGcuhA.cjs","names":["FormFieldLayout","useAuth","useState","useRef","useCallback","listDelegationRulesPage","searchMembers","useMemo","Typography","formatDateTime","revokeDelegationRule","listApprovalTemplates","createDelegationRule","_Fragment","PageHeader","ContentHeader","Button","PlusIcon","SectionGroup","Section","FilterArea","styles","FilterLine","Filter","FormField","Select","Tab","TabItem","Table","Modal","BPMFormField","AutoComplete","DateTimePicker","Tooltip","formatMemberLabel","Badge","require_rolldown_runtime","require_bpm_form_field","require_format_date_time","require_format_member_label","require_auth_provider","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","delegations_module_default","DELEGATION_MODAL_FIELD_LAYOUT","DELEGATION_PAGE_SIZE_OPTIONS","DELEGATION_STATUS_TABS","SCOPE_FILTER_OPTIONS","SCOPE_OPTIONS","DelegationsView","currentMemberId","member","agentMember","setAgentMember","endAt","setEndAt","error","setError","loading","setLoading","memberLoading","setMemberLoading","memberOptions","setMemberOptions","modalOpen","setModalOpen","rulePage","setRulePage","rulePageSize","setRulePageSize","ruleStatus","setRuleStatus","ruleTotalCount","setRuleTotalCount","rules","setRules","saving","setSaving","scopeFilterType","setScopeFilterType","scopeTemplates","setScopeTemplates","scopeType","setScopeType","startAt","setStartAt","templateLoading","setTemplateLoading","templateOptions","setTemplateOptions","refreshRequestIdRef","refreshRules","requestId","rulePageResult","members","readMemberOption","requestError","readErrorMessage","membersById","option","rows","rule","readScopeLabel","selectedScopeType","columns","MemberNameWithEmailTooltip","record","DelegationStatusBadge","handleRevoke","tableActions","handleSearchMembers","searchText","handleSearchTemplates","nextOptions","readTemplateOption","mergeTemplateOptions","selectedOptions","filterTemplateOptions","openCreateModal","closeCreateModal","handleCreate","isInvalidDelegationDateRange","template","readScopeFilterOption","readDelegationStatusTabKey","activeKey","statusTab","page","pageSize","from","to","total","MemberAutoCompleteField","readScopeOptionFromValue","selectedTemplates","readTemplateOptionsFromValue","nextTemplates","currentOptions","open","formatDelegationDateTimePickerValue","nextValue","readDelegationDateTimePickerValue","onChange","readMemberOptionFromValue","readUniqueMemberOption","options","onSearch","email","tooltipProps","name","isRecord","value","displayName","id","normalizedSearchText","matches","item","availableOptions","currentOption","isSelectableDelegationScopeType","status","date","parseDelegationDateTimeValue","formatDateParts","padDatePart","startDate","endDate","parsedDate","datePart","timePart","year","month","day","hour","minute"],"sources":["../../src/views/delegations/delegations.module.scss","../../src/views/delegations/DelegationsView.tsx"],"sourcesContent":[".delegationFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n\n.delegationModalFields {\n  display: grid;\n  gap: 12px;\n  width: 100%;\n\n  :global(.mzn-form-field--horizontal) {\n    align-items: flex-start;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label-area) {\n    flex: 0 0 112px;\n    width: 112px;\n    min-width: 112px;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__label) {\n    flex-wrap: nowrap;\n    white-space: nowrap;\n  }\n\n  :global(.mzn-form-field--horizontal .mzn-form-field__data-entry) {\n    flex: 1 1 auto;\n    align-items: stretch;\n    min-width: 0;\n    max-width: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-autocomplete) {\n    width: 100%;\n    min-width: 0;\n  }\n\n  :global(.mzn-input),\n  :global(.mzn-input-container),\n  :global(.mzn-picker),\n  :global(.mzn-select),\n  :global(.mzn-select-trigger),\n  :global(.mzn-text-field) {\n    width: 100%;\n    min-width: 0 !important;\n  }\n\n  :global(.mzn-select-trigger__input) {\n    width: 100%;\n    min-width: 0 !important;\n    text-overflow: ellipsis;\n  }\n}\n\n.memberNameWithTooltip {\n  cursor: help;\n  text-decoration: underline dotted;\n  text-underline-offset: 3px;\n}\n","'use client';\n\nimport {\n  Key,\n  ReactElement,\n  RefCallback,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AutoComplete,\n  Badge,\n  Button,\n  DateTimePicker,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Select,\n  Tab,\n  TabItem,\n  Table,\n  Tooltip,\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 { BPMFormField } from '../../components/bpm-form-field';\nimport { formatDateTime } from '../../lib/format-date-time';\nimport { formatMemberLabel } from '../../lib/format-member-label';\nimport { useAuth } from '../../lib/auth-provider';\nimport {\n  DelegationRuleRecord,\n  DelegationRuleStatus,\n  DelegationScopeType,\n  MemberProfileRecord,\n  createDelegationRule,\n  listDelegationRulesPage,\n  revokeDelegationRule,\n  searchMembers,\n} from '@rytass/bpm-core-client/workflow';\nimport {\n  ApprovalTemplateRecord,\n  listApprovalTemplates,\n} from '@rytass/bpm-core-client/template';\nimport styles from './delegations.module.scss';\n\ntype DelegationStatusTabKey = 'ALL' | DelegationRuleStatus;\n\ntype MemberOption = Readonly<{\n  displayName: string;\n  email: string | null;\n  id: string;\n  name: string;\n}>;\n\ntype ScopeOption = Readonly<{\n  id: DelegationScopeType;\n  name: string;\n}>;\n\ntype ScopeFilterOption = Readonly<{\n  id: 'ALL_SCOPES' | DelegationScopeType;\n  name: string;\n  scopeType: DelegationScopeType | null;\n}>;\n\ntype TemplateOption = Readonly<{\n  id: string;\n  name: string;\n}>;\n\ntype DelegationRuleRow = Readonly<\n  Record<string, unknown> &\n    DelegationRuleRecord & {\n      agentEmail: string | null;\n      agentName: string;\n      key: string;\n      scopeLabel: string;\n    }\n>;\n\nconst DELEGATION_MODAL_FIELD_LAYOUT = FormFieldLayout.HORIZONTAL;\nconst DELEGATION_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst DELEGATION_STATUS_TABS: readonly {\n  readonly key: DelegationStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'ACTIVE', label: '啟用中' },\n  { key: 'REVOKED', label: '已撤銷' },\n  { key: 'EXPIRED', label: '已過期' },\n];\nconst SCOPE_FILTER_OPTIONS: readonly ScopeFilterOption[] = [\n  { id: 'ALL_SCOPES', name: '全部範圍', scopeType: null },\n  { id: 'ALL', name: '全部簽核', scopeType: 'ALL' },\n  { id: 'TEMPLATE_LIST', name: '指定模板', scopeType: 'TEMPLATE_LIST' },\n];\nconst SCOPE_OPTIONS: readonly ScopeOption[] = [\n  { id: 'ALL', name: '全部簽核' },\n  { id: 'TEMPLATE_LIST', name: '指定模板' },\n];\n\nexport function DelegationsView(): ReactElement {\n  const { member } = useAuth();\n  const currentMemberId = member?.memberId ?? null;\n  const [agentMember, setAgentMember] = useState<MemberOption | null>(null);\n  const [endAt, setEndAt] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [memberLoading, setMemberLoading] = useState(false);\n  const [memberOptions, setMemberOptions] = useState<readonly MemberOption[]>(\n    [],\n  );\n  const [modalOpen, setModalOpen] = useState(false);\n  const [rulePage, setRulePage] = useState(1);\n  const [rulePageSize, setRulePageSize] = useState(10);\n  const [ruleStatus, setRuleStatus] = useState<DelegationStatusTabKey>('ALL');\n  const [ruleTotalCount, setRuleTotalCount] = useState(0);\n  const [rules, setRules] = useState<readonly DelegationRuleRecord[]>([]);\n  const [saving, setSaving] = useState(false);\n  const [scopeFilterType, setScopeFilterType] = useState<ScopeFilterOption>(\n    SCOPE_FILTER_OPTIONS[0],\n  );\n  const [scopeTemplates, setScopeTemplates] = useState<\n    readonly TemplateOption[]\n  >([]);\n  const [scopeType, setScopeType] = useState<ScopeOption>(SCOPE_OPTIONS[0]);\n  const [startAt, setStartAt] = useState('');\n  const [templateLoading, setTemplateLoading] = useState(false);\n  const [templateOptions, setTemplateOptions] = useState<\n    readonly TemplateOption[]\n  >([]);\n  const refreshRequestIdRef = useRef(0);\n\n  const refreshRules = useCallback(async (): Promise<void> => {\n    const requestId = refreshRequestIdRef.current + 1;\n    refreshRequestIdRef.current = requestId;\n\n    if (!currentMemberId) {\n      setLoading(false);\n      return;\n    }\n\n    setLoading(true);\n    setError(null);\n\n    try {\n      const [rulePageResult, members] = await Promise.all([\n        listDelegationRulesPage({\n          includeInactive: true,\n          page: rulePage,\n          pageSize: rulePageSize,\n          principalMemberId: currentMemberId,\n          scopeType: scopeFilterType.scopeType,\n          status: ruleStatus === 'ALL' ? null : ruleStatus,\n        }),\n        searchMembers(''),\n      ]);\n\n      if (requestId === refreshRequestIdRef.current) {\n        setRules(rulePageResult.rules);\n        setRuleTotalCount(rulePageResult.totalCount);\n        setMemberOptions(members.map(readMemberOption));\n      }\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  }, [currentMemberId, rulePage, rulePageSize, ruleStatus, scopeFilterType]);\n\n  useEffect((): void => {\n    void refreshRules();\n  }, [refreshRules]);\n\n  const membersById = useMemo(\n    (): ReadonlyMap<string, MemberOption> =>\n      new Map(memberOptions.map((option) => [option.id, option])),\n    [memberOptions],\n  );\n  const rows = useMemo(\n    (): DelegationRuleRow[] =>\n      rules.map((rule) => ({\n        ...rule,\n        agentEmail: membersById.get(rule.agentMemberId)?.email ?? null,\n        agentName:\n          membersById.get(rule.agentMemberId)?.displayName ??\n          rule.agentMemberId,\n        key: rule.id,\n        scopeLabel: readScopeLabel(rule),\n      })),\n    [membersById, rules],\n  );\n  const selectedScopeType =\n    SCOPE_OPTIONS.find((option) => option.id === scopeType.id) ??\n    SCOPE_OPTIONS[0];\n  const columns = useMemo(\n    (): TableColumn<DelegationRuleRow>[] => [\n      {\n        key: 'agent',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <MemberNameWithEmailTooltip\n            email={record.agentEmail}\n            name={record.agentName}\n          />\n        ),\n        title: '代理人',\n        width: 220,\n      },\n      { dataIndex: 'scopeLabel', key: 'scope', title: '代理範圍', width: 220 },\n      {\n        key: 'status',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <DelegationStatusBadge status={record.status} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        key: 'startAt',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {formatDateTime(record.startAt)}\n          </Typography>\n        ),\n        title: '開始時間',\n        width: 220,\n      },\n      {\n        key: 'endAt',\n        render: (record: DelegationRuleRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.endAt ? formatDateTime(record.endAt) : '-'}\n          </Typography>\n        ),\n        title: '結束時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n  const handleRevoke = useCallback(\n    async (id: string): Promise<void> => {\n      if (!currentMemberId) {\n        return;\n      }\n\n      setError(null);\n\n      try {\n        await revokeDelegationRule({\n          id,\n          revokedByMemberId: currentMemberId,\n        });\n        await refreshRules();\n      } catch (requestError: unknown) {\n        setError(readErrorMessage(requestError));\n      }\n    },\n    [currentMemberId, refreshRules],\n  );\n  const tableActions = useMemo(\n    (): TableActions<DelegationRuleRow> => ({\n      render: (\n        record,\n      ): ReturnType<TableActions<DelegationRuleRow>['render']> =>\n        record.status === 'ACTIVE'\n          ? [\n              {\n                name: '撤銷',\n                onClick: (): void => void handleRevoke(record.id),\n              },\n            ]\n          : [],\n      variant: 'destructive-secondary',\n      width: 88,\n    }),\n    [handleRevoke],\n  );\n\n  async function handleSearchMembers(searchText: string): Promise<void> {\n    setMemberLoading(true);\n\n    try {\n      setMemberOptions((await searchMembers(searchText)).map(readMemberOption));\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setMemberLoading(false);\n    }\n  }\n\n  async function handleSearchTemplates(\n    searchText: string,\n    selectedOptions: readonly TemplateOption[] = scopeTemplates,\n  ): Promise<void> {\n    setTemplateLoading(true);\n\n    try {\n      const nextOptions = (await listApprovalTemplates()).map(\n        readTemplateOption,\n      );\n\n      setTemplateOptions(\n        mergeTemplateOptions(\n          selectedOptions,\n          filterTemplateOptions(nextOptions, searchText),\n        ),\n      );\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setTemplateLoading(false);\n    }\n  }\n\n  function openCreateModal(): void {\n    setAgentMember(null);\n    setEndAt('');\n    setScopeTemplates([]);\n    setScopeType(SCOPE_OPTIONS[0]);\n    setStartAt('');\n    setTemplateOptions([]);\n    void handleSearchTemplates('', []);\n    setModalOpen(true);\n  }\n\n  function closeCreateModal(): void {\n    if (saving) {\n      return;\n    }\n\n    setModalOpen(false);\n  }\n\n  async function handleCreate(): Promise<void> {\n    if (!currentMemberId) {\n      return;\n    }\n\n    if (!agentMember) {\n      setError('請選擇代理人');\n      return;\n    }\n\n    if (agentMember.id === currentMemberId) {\n      setError('代理人不可設定為自己');\n      return;\n    }\n\n    if (selectedScopeType.id === 'TEMPLATE_LIST' && scopeTemplates.length < 1) {\n      setError('請選擇至少一個簽核模板');\n      return;\n    }\n\n    if (isInvalidDelegationDateRange(startAt, endAt)) {\n      setError('結束時間必須晚於起始時間');\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      await createDelegationRule({\n        agentMemberId: agentMember.id,\n        createdByMemberId: currentMemberId,\n        endAt: endAt || null,\n        principalMemberId: currentMemberId,\n        priority: 100,\n        requiresConfirmation: false,\n        scopeConditionCel: null,\n        scopeTemplateIds:\n          selectedScopeType.id === 'TEMPLATE_LIST'\n            ? scopeTemplates.map((template) => template.id)\n            : [],\n        scopeType: selectedScopeType.id,\n        startAt: startAt || null,\n      });\n      setModalOpen(false);\n\n      if (rulePage === 1) {\n        await refreshRules();\n      } else {\n        setRulePage(1);\n      }\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  return (\n    <>\n      <PageHeader>\n        <ContentHeader\n          description=\"設定自己的簽核代理，讓指定期間內的新待簽任務自動交由代理人處理。\"\n          title=\"我的代理\"\n        >\n          <Button\n            icon={PlusIcon}\n            iconType=\"leading\"\n            onClick={openCreateModal}\n            variant=\"base-primary\"\n          >\n            建立代理\n          </Button>\n        </ContentHeader>\n      </PageHeader>\n\n      <SectionGroup>\n        <Section\n          filterArea={\n            <FilterArea className={styles.delegationFilterArea} size=\"sub\">\n              <FilterLine>\n                <Filter span={2}>\n                  <FormField\n                    fullWidth\n                    layout={FormFieldLayout.VERTICAL}\n                    name=\"scopeFilterType\"\n                  >\n                    <Select\n                      clearable={false}\n                      fullWidth\n                      onChange={(option): void => {\n                        setScopeFilterType(readScopeFilterOption(option));\n                        setRulePage(1);\n                      }}\n                      options={[...SCOPE_FILTER_OPTIONS]}\n                      placeholder=\"代理範圍\"\n                      size=\"sub\"\n                      value={scopeFilterType}\n                    />\n                  </FormField>\n                </Filter>\n              </FilterLine>\n            </FilterArea>\n          }\n          tab={\n            <Tab\n              activeKey={ruleStatus}\n              onChange={(activeKey): void => {\n                setRuleStatus(readDelegationStatusTabKey(activeKey));\n                setRulePage(1);\n              }}\n            >\n              {DELEGATION_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: rulePage,\n              onChange: (page): void => {\n                setRulePage(page);\n              },\n              onChangePageSize: (pageSize): void => {\n                setRulePage(1);\n                setRulePageSize(pageSize);\n              },\n              pageSize: rulePageSize,\n              pageSizeLabel: '每頁筆數',\n              pageSizeOptions: DELEGATION_PAGE_SIZE_OPTIONS,\n              renderResultSummary: (from, to, total): string =>\n                `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n              showPageSizeOptions: true,\n              total: ruleTotalCount,\n            }}\n          />\n        </Section>\n      </SectionGroup>\n\n      <Modal\n        cancelText=\"取消\"\n        confirmButtonProps={{\n          disabled: !agentMember,\n        }}\n        confirmText=\"建立代理\"\n        loading={saving}\n        modalType=\"standard\"\n        onCancel={closeCreateModal}\n        onClose={closeCreateModal}\n        onConfirm={(): void => void handleCreate()}\n        open={modalOpen}\n        showModalFooter\n        showModalHeader\n        size=\"regular\"\n        supportingText=\"代理生效後，後續建立的待簽任務會依範圍自動指派給代理人。\"\n        title=\"建立個人代理\"\n      >\n        <div className={styles.delegationModalFields}>\n          <MemberAutoCompleteField\n            label=\"代理人\"\n            loading={memberLoading}\n            name=\"agentMemberId\"\n            onChange={setAgentMember}\n            onSearch={handleSearchMembers}\n            options={memberOptions}\n            value={agentMember}\n          />\n          <BPMFormField label=\"代理範圍\" name=\"scopeType\" required>\n            <Select\n              clearable={false}\n              fullWidth\n              onChange={(option): void =>\n                setScopeType(readScopeOptionFromValue(option))\n              }\n              options={[...SCOPE_OPTIONS]}\n              placeholder=\"選擇代理範圍\"\n              value={selectedScopeType}\n            />\n          </BPMFormField>\n          {selectedScopeType.id === 'TEMPLATE_LIST' ? (\n            <BPMFormField label=\"簽核模板\" name=\"scopeTemplateIds\" required>\n              <AutoComplete\n                asyncData\n                disabledOptionsFilter\n                emptyText=\"沒有符合的模板\"\n                inputProps={{\n                  autoCapitalize: 'none',\n                  autoCorrect: 'off',\n                  name: 'scopeTemplateIds',\n                  spellCheck: false,\n                }}\n                loading={templateLoading}\n                loadingText=\"搜尋模板中...\"\n                mode=\"multiple\"\n                onChange={(nextTemplates): void => {\n                  const selectedTemplates =\n                    readTemplateOptionsFromValue(nextTemplates);\n\n                  setScopeTemplates(selectedTemplates);\n                  setTemplateOptions((currentOptions) =>\n                    mergeTemplateOptions(selectedTemplates, currentOptions),\n                  );\n                }}\n                onSearch={handleSearchTemplates}\n                onVisibilityChange={(open): void => {\n                  if (open) {\n                    void handleSearchTemplates('');\n                  }\n                }}\n                options={[...templateOptions]}\n                overflowStrategy=\"wrap\"\n                placeholder=\"搜尋並選取簽核模板\"\n                searchDebounceTime={300}\n                value={[...scopeTemplates]}\n              />\n            </BPMFormField>\n          ) : null}\n          <BPMFormField label=\"起始時間\" name=\"startAt\">\n            <DateTimePicker\n              formatDate=\"YYYY-MM-DD\"\n              formatTime=\"HH:mm\"\n              fullWidth\n              hideSecond\n              onChange={(nextValue): void =>\n                setStartAt(formatDelegationDateTimePickerValue(nextValue))\n              }\n              placeholderLeft=\"留空立即生效\"\n              placeholderRight=\"選擇時間\"\n              value={readDelegationDateTimePickerValue(startAt)}\n            />\n          </BPMFormField>\n          <BPMFormField label=\"結束時間\" name=\"endAt\">\n            <DateTimePicker\n              formatDate=\"YYYY-MM-DD\"\n              formatTime=\"HH:mm\"\n              fullWidth\n              hideSecond\n              onChange={(nextValue): void =>\n                setEndAt(formatDelegationDateTimePickerValue(nextValue))\n              }\n              placeholderLeft=\"可留空\"\n              placeholderRight=\"選擇時間\"\n              value={readDelegationDateTimePickerValue(endAt)}\n            />\n          </BPMFormField>\n        </div>\n      </Modal>\n    </>\n  );\n}\n\nfunction MemberAutoCompleteField({\n  label,\n  loading,\n  name,\n  onChange,\n  onSearch,\n  options,\n  value,\n}: {\n  readonly label: string;\n  readonly loading: boolean;\n  readonly name: string;\n  readonly onChange: (option: MemberOption | null) => void;\n  readonly onSearch: (searchText: string) => Promise<void>;\n  readonly options: readonly MemberOption[];\n  readonly value: MemberOption | null;\n}): ReactElement {\n  return (\n    <BPMFormField\n      label={label}\n      layout={DELEGATION_MODAL_FIELD_LAYOUT}\n      name={name}\n      required\n    >\n      <AutoComplete\n        asyncData\n        disabledOptionsFilter\n        emptyText=\"沒有符合的成員\"\n        inputProps={{\n          autoCapitalize: 'none',\n          autoCorrect: 'off',\n          name,\n          spellCheck: false,\n        }}\n        loading={loading}\n        loadingText=\"搜尋成員中...\"\n        mode=\"single\"\n        onChange={(option): void => onChange(readMemberOptionFromValue(option))}\n        onSearch={onSearch}\n        onSearchTextChange={(searchText): void =>\n          onChange(readUniqueMemberOption(searchText, options))\n        }\n        onVisibilityChange={(open): void => {\n          if (open) {\n            void onSearch('');\n          }\n        }}\n        options={[...options]}\n        placeholder=\"搜尋姓名或信箱\"\n        searchDebounceTime={300}\n        value={value}\n      />\n    </BPMFormField>\n  );\n}\n\nfunction MemberNameWithEmailTooltip({\n  email,\n  name,\n}: {\n  readonly email: string | null;\n  readonly name: string;\n}): ReactElement {\n  if (!email) {\n    return <span>{name}</span>;\n  }\n\n  return (\n    <Tooltip title={email}>\n      {({ ref, ...tooltipProps }): ReactElement => (\n        // Spread the whole payload, as `TooltipProps` asks: picking only the\n        // mouse handlers drops `aria-describedby`, so assistive tech never\n        // learns the open tooltip describes this name.\n        <span\n          {...tooltipProps}\n          className={styles.memberNameWithTooltip}\n          ref={ref as RefCallback<HTMLSpanElement>}\n        >\n          {name}\n        </span>\n      )}\n    </Tooltip>\n  );\n}\n\nfunction readMemberOption(member: MemberProfileRecord): MemberOption {\n  return {\n    displayName: member.name,\n    email: member.email,\n    id: member.memberId,\n    name: formatMemberLabel(member.name, member.email),\n  };\n}\n\nfunction readMemberOptionFromValue(value: unknown): MemberOption | null {\n  if (!isRecord(value)) {\n    return null;\n  }\n\n  const displayName = value.displayName;\n  const email = value.email;\n  const id = value.id;\n  const name = value.name;\n\n  return typeof id === 'string' && typeof name === 'string'\n    ? {\n        displayName: typeof displayName === 'string' ? displayName : name,\n        email: typeof email === 'string' ? email : null,\n        id,\n        name,\n      }\n    : null;\n}\n\nfunction readUniqueMemberOption(\n  searchText: string,\n  options: readonly MemberOption[],\n): MemberOption | null {\n  const normalizedSearchText = searchText.trim().toLocaleLowerCase();\n\n  if (!normalizedSearchText) {\n    return null;\n  }\n\n  const matches = options.filter((option) =>\n    [option.id, option.name, option.email ?? ''].some((value) =>\n      value.toLocaleLowerCase().includes(normalizedSearchText),\n    ),\n  );\n\n  return matches.length === 1 ? (matches[0] ?? null) : null;\n}\n\nfunction readTemplateOption(template: ApprovalTemplateRecord): TemplateOption {\n  return {\n    id: template.id,\n    name: template.name,\n  };\n}\n\nfunction readTemplateOptionsFromValue(\n  value: readonly unknown[],\n): readonly TemplateOption[] {\n  return value.flatMap((item): readonly TemplateOption[] => {\n    if (!isRecord(item)) {\n      return [];\n    }\n\n    const id = item.id;\n    const name = item.name;\n\n    return typeof id === 'string' && typeof name === 'string'\n      ? [{ id, name }]\n      : [];\n  });\n}\n\nfunction filterTemplateOptions(\n  options: readonly TemplateOption[],\n  searchText: string,\n): readonly TemplateOption[] {\n  const normalizedSearchText = searchText.trim().toLocaleLowerCase();\n\n  if (!normalizedSearchText) {\n    return options;\n  }\n\n  return options.filter((option) =>\n    [option.id, option.name].some((value) =>\n      value.toLocaleLowerCase().includes(normalizedSearchText),\n    ),\n  );\n}\n\nfunction mergeTemplateOptions(\n  selectedOptions: readonly TemplateOption[],\n  availableOptions: readonly TemplateOption[],\n): readonly TemplateOption[] {\n  return [...selectedOptions, ...availableOptions].reduce<TemplateOption[]>(\n    (options, option) =>\n      options.some((currentOption) => currentOption.id === option.id)\n        ? options\n        : [...options, option],\n    [],\n  );\n}\n\nfunction readScopeFilterOption(value: unknown): ScopeFilterOption {\n  if (!isRecord(value)) {\n    return SCOPE_FILTER_OPTIONS[0];\n  }\n\n  const id = value.id;\n\n  return (\n    SCOPE_FILTER_OPTIONS.find((option) => option.id === id) ??\n    SCOPE_FILTER_OPTIONS[0]\n  );\n}\n\nfunction readScopeLabel(rule: DelegationRuleRecord): string {\n  if (rule.scopeType === 'ALL') {\n    return '全部簽核';\n  }\n\n  if (rule.scopeType === 'TEMPLATE_LIST') {\n    return `指定模板：${rule.scopeTemplateIds.length}`;\n  }\n\n  return rule.scopeConditionCel ? `條件：${rule.scopeConditionCel}` : '條件式';\n}\n\nfunction readScopeOptionFromValue(value: unknown): ScopeOption {\n  if (!isRecord(value) || !isSelectableDelegationScopeType(value.id)) {\n    return SCOPE_OPTIONS[0];\n  }\n\n  return (\n    SCOPE_OPTIONS.find((option) => option.id === value.id) ?? SCOPE_OPTIONS[0]\n  );\n}\n\nfunction isSelectableDelegationScopeType(\n  value: unknown,\n): value is ScopeOption['id'] {\n  return value === 'ALL' || value === 'TEMPLATE_LIST';\n}\n\nfunction DelegationStatusBadge({\n  status,\n}: {\n  readonly status: DelegationRuleRecord['status'];\n}): ReactElement {\n  if (status === 'ACTIVE') {\n    return <Badge size=\"sub\" text=\"啟用中\" variant=\"dot-success\" />;\n  }\n\n  if (status === 'REVOKED') {\n    return <Badge size=\"sub\" text=\"已撤銷\" variant=\"dot-inactive\" />;\n  }\n\n  if (status === 'EXPIRED') {\n    return <Badge size=\"sub\" text=\"已過期\" variant=\"dot-warning\" />;\n  }\n\n  return <Badge size=\"sub\" text={status} variant=\"dot-info\" />;\n}\n\nfunction readDelegationStatusTabKey(activeKey: Key): DelegationStatusTabKey {\n  if (\n    activeKey === 'ACTIVE' ||\n    activeKey === 'REVOKED' ||\n    activeKey === 'EXPIRED'\n  ) {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction readDelegationDateTimePickerValue(value: string): string | undefined {\n  const date = value ? parseDelegationDateTimeValue(value) : null;\n\n  return date\n    ? `${formatDateParts(date)}T${padDatePart(date.getHours())}:${padDatePart(\n        date.getMinutes(),\n      )}`\n    : undefined;\n}\n\nfunction formatDelegationDateTimePickerValue(\n  value: string | undefined,\n): string {\n  const date = value ? parseDelegationDateTimeValue(value) : null;\n\n  return date ? date.toISOString() : '';\n}\n\nfunction isInvalidDelegationDateRange(startAt: string, endAt: string): boolean {\n  if (!startAt || !endAt) {\n    return false;\n  }\n\n  const startDate = parseDelegationDateTimeValue(startAt);\n  const endDate = parseDelegationDateTimeValue(endAt);\n\n  return !!startDate && !!endDate && endDate.getTime() <= startDate.getTime();\n}\n\nfunction parseDelegationDateTimeValue(value: string): Date | null {\n  if (value.endsWith('Z') || /[+-]\\d{2}:\\d{2}$/.test(value)) {\n    const parsedDate = new Date(value);\n\n    return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;\n  }\n\n  const [datePart = '', timePart = '00:00'] = value.split('T');\n  const [year = 0, month = 1, day = 1] = datePart.split('-').map(Number);\n  const [hour = 0, minute = 0] = timePart.split(':').map(Number);\n  const parsedDate = new Date(year, month - 1, day, hour, minute);\n\n  return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;\n}\n\nfunction formatDateParts(date: Date): string {\n  return `${date.getFullYear()}-${padDatePart(date.getMonth() + 1)}-${padDatePart(\n    date.getDate(),\n  )}`;\n}\n\nfunction padDatePart(value: number): string {\n  return String(value).padStart(2, '0');\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === 'object' && value !== null;\n}\n"],"mappings":"A,ytBC2FMkD,EAAgClD,EAAAA,gBAAgB,WAChDmD,GAA+B,CAAC,GAAI,GAAI,EAAE,EAC1CC,GAGA,CACJ,CAAE,IAAK,MAAO,MAAO,IAAK,EAC1B,CAAE,IAAK,SAAU,MAAO,KAAM,EAC9B,CAAE,IAAK,UAAW,MAAO,KAAM,EAC/B,CAAE,IAAK,UAAW,MAAO,KAAM,CACjC,EACMC,EAAqD,CACzD,CAAE,GAAI,aAAc,KAAM,OAAQ,UAAW,IAAK,EAClD,CAAE,GAAI,MAAO,KAAM,OAAQ,UAAW,KAAM,EAC5C,CAAE,GAAI,gBAAiB,KAAM,OAAQ,UAAW,eAAgB,CAClE,EACMC,EAAwC,CAC5C,CAAE,GAAI,MAAO,KAAM,MAAO,EAC1B,CAAE,GAAI,gBAAiB,KAAM,MAAO,CACtC,EAEA,SAAgBC,GAAgC,CAC9C,GAAM,CAAE,UAAWtD,EAAAA,EAAQ,EACrBuD,EAAkBC,GAAQ,UAAY,KACtC,CAACC,EAAaC,IAAA,EAAkBzD,EAAAA,SAAAA,CAA8B,IAAI,EAClE,CAAC0D,EAAOC,IAAA,EAAY3D,EAAAA,SAAAA,CAAS,EAAE,EAC/B,CAAC4D,EAAOC,IAAA,EAAY7D,EAAAA,SAAAA,CAAwB,IAAI,EAChD,CAAC8D,EAASC,IAAA,EAAc/D,EAAAA,SAAAA,CAAS,EAAI,EACrC,CAACgE,EAAeC,IAAA,EAAoBjE,EAAAA,SAAAA,CAAS,EAAK,EAClD,CAACkE,EAAeC,IAAA,EAAoBnE,EAAAA,SAAAA,CACxC,CAAC,CACH,EACM,CAACoE,GAAWC,IAAA,EAAgBrE,EAAAA,SAAAA,CAAS,EAAK,EAC1C,CAACsE,EAAUC,IAAA,EAAevE,EAAAA,SAAAA,CAAS,CAAC,EACpC,CAACwE,EAAcC,KAAA,EAAmBzE,EAAAA,SAAAA,CAAS,EAAE,EAC7C,CAAC0E,EAAYC,KAAA,EAAiB3E,EAAAA,SAAAA,CAAiC,KAAK,EACpE,CAAC4E,GAAgBC,KAAA,EAAqB7E,EAAAA,SAAAA,CAAS,CAAC,EAChD,CAAC8E,EAAOC,KAAA,EAAY/E,EAAAA,SAAAA,CAA0C,CAAC,CAAC,EAChE,CAACgF,EAAQC,IAAA,EAAajF,EAAAA,SAAAA,CAAS,EAAK,EACpC,CAACkF,EAAiBC,KAAA,EAAsBnF,EAAAA,SAAAA,CAC5CmD,EAAqB,EACvB,EACM,CAACiC,EAAgBC,IAAA,EAAqBrF,EAAAA,SAAAA,CAE1C,CAAC,CAAC,EACE,CAACsF,GAAWC,IAAA,EAAgBvF,EAAAA,SAAAA,CAAsBoD,EAAc,EAAE,EAClE,CAACoC,EAASC,IAAA,EAAczF,EAAAA,SAAAA,CAAS,EAAE,EACnC,CAAC0F,GAAiBC,IAAA,EAAsB3F,EAAAA,SAAAA,CAAS,EAAK,EACtD,CAAC4F,GAAiBC,IAAA,EAAsB7F,EAAAA,SAAAA,CAE5C,CAAC,CAAC,EACE8F,GAAA,EAAsB7F,EAAAA,OAAAA,CAAO,CAAC,EAE9B8F,GAAA,EAAe7F,EAAAA,YAAAA,CAAY,SAA2B,CAC1D,IAAM8F,EAAYF,EAAoB,QAAU,EAGhD,GAFA,EAAoB,QAAUE,EAE1B,CAAC1C,EACHS,EAAW,EAAK,MAIlB,GAAW,EAAI,EACfF,EAAS,IAAI,EAEb,GAAI,CACF,GAAM,CAACoC,EAAgBC,GAAW,MAAM,QAAQ,IAAI,EAAA,EAClD/F,EAAAA,wBAAAA,CAAwB,CACtB,gBAAiB,GACjB,KAAMmE,EACN,SAAUE,EACV,kBAAmBlB,EACnB,UAAW4B,EAAgB,UAC3B,OAAQR,IAAe,MAAQ,KAAOA,CACxC,CAAC,GAAA,EACDtE,EAAAA,cAAAA,CAAc,EAAE,CAClB,CAAC,EAEG4F,IAAcF,EAAoB,UACpCf,GAASkB,EAAe,KAAK,EAC7BpB,GAAkBoB,EAAe,UAAU,EAC3C9B,EAAiB+B,EAAQ,IAAIC,CAAgB,CAAC,EAElD,OAASC,EAAuB,CAC1BJ,IAAcF,EAAoB,SACpCjC,EAASwC,EAAiBD,CAAY,CAAC,CAE3C,QAAU,CACJJ,IAAcF,EAAoB,SACpC/B,EAAW,EAAK,CAEpB,CA7Be,CA8BjB,EAAG,CAACT,EAAiBgB,EAAUE,EAAcE,EAAYQ,CAAe,CAAC,GAEzE,EAAA3C,EAAA,UAAA,KAAsB,CACpBwD,EAAkB,CACpB,EAAG,CAACA,CAAY,CAAC,EAEjB,IAAMO,GAAA,EAAcjG,EAAAA,QAAAA,KAEhB,IAAI,IAAI6D,EAAc,IAAK,GAAW,CAACqC,EAAO,GAAIA,CAAM,CAAC,CAAC,EAC5D,CAACrC,CAAa,CAChB,EACMsC,IAAA,EAAOnG,EAAAA,QAAAA,KAETyE,EAAM,IAAK,IAAU,CACnB,GAAG2B,EACH,WAAYH,EAAY,IAAIG,EAAK,aAAa,CAAC,EAAE,OAAS,KAC1D,UACEH,EAAY,IAAIG,EAAK,aAAa,CAAC,EAAE,aACrCA,EAAK,cACP,IAAKA,EAAK,GACV,WAAYC,GAAeD,CAAI,CACjC,EAAE,EACJ,CAACH,EAAaxB,CAAK,CACrB,EACM6B,EACJvD,EAAc,KAAM,GAAWmD,EAAO,KAAOjB,GAAU,EAAE,GACzDlC,EAAc,GACVwD,IAAA,EAAUvG,EAAAA,QAAAA,KAC0B,CACtC,CACE,IAAK,QACL,OAAS,IACP,EAAAoC,EAAA,IAAA,CAACoE,GAAD,CACE,MAAOC,EAAO,WACd,KAAMA,EAAO,SACd,CAAA,EAEH,MAAO,MACP,MAAO,GACT,EACA,CAAE,UAAW,aAAc,IAAK,QAAS,MAAO,OAAQ,MAAO,GAAI,EACnE,CACE,IAAK,SACL,OAAS,IACP,EAAArE,EAAA,IAAA,CAACsE,GAAD,CAAuB,OAAQD,EAAO,MAAS,CAAA,EAEjD,MAAO,KACP,MAAO,GACT,EACA,CACE,IAAK,UACL,OAAS,IACP,EAAArE,EAAA,IAAA,CAACnC,EAAAA,WAAD,CAAY,UAAU,OAAO,QAAQ,OAClC,SAAAC,EAAAA,EAAeuG,EAAO,OAAO,CACpB,CAAA,EAEd,MAAO,OACP,MAAO,GACT,EACA,CACE,IAAK,QACL,OAAS,IACP,EAAArE,EAAA,IAAA,CAACnC,EAAAA,WAAD,CAAY,UAAU,OAAO,QAAQ,OAClC,SAAAwG,EAAO,MAAQvG,EAAAA,EAAeuG,EAAO,KAAK,EAAI,GACrC,CAAA,EAEd,MAAO,OACP,MAAO,GACT,CACF,EACA,CAAC,CACH,EACME,GAAA,EAAe9G,EAAAA,YAAAA,CACnB,KAAO,IAA8B,CACnC,GAAKoD,EAIL,GAAS,IAAI,EAEb,GAAI,CACF,MAAA,EAAM9C,EAAAA,qBAAAA,CAAqB,CACzB,KACA,kBAAmB8C,CACrB,CAAC,EACD,MAAMyC,EAAa,CACrB,OAASK,EAAuB,CAC9BvC,EAASwC,EAAiBD,CAAY,CAAC,CACzC,CAVa,CAWf,EACA,CAAC9C,EAAiByC,CAAY,CAChC,EACMkB,IAAA,EAAe5G,EAAAA,QAAAA,MACqB,CACtC,OACE,GAEAyG,EAAO,SAAW,SACd,CACE,CACE,KAAM,KACN,YAAqB,KAAKE,EAAaF,EAAO,EAAE,CAClD,CACF,EACA,CAAC,EACP,QAAS,wBACT,MAAO,EACT,GACA,CAACE,CAAY,CACf,EAEA,eAAeE,GAAoB,EAAmC,CACpEjD,EAAiB,EAAI,EAErB,GAAI,CACFE,GAAkB,MAAA,EAAM/D,EAAAA,cAAAA,CAAc+G,CAAU,EAAA,CAAG,IAAIhB,CAAgB,CAAC,CAC1E,OAASC,EAAuB,CAC9BvC,EAASwC,EAAiBD,CAAY,CAAC,CACzC,QAAU,CACRnC,EAAiB,EAAK,CACxB,CACF,CAEA,eAAemD,EACb,EACA,EAA6ChC,EAC9B,CACfO,EAAmB,EAAI,EAEvB,GAAI,CACF,IAAM0B,GAAe,MAAA,EAAM5G,GAAAA,sBAAAA,CAAsB,EAAA,CAAG,IAClD6G,EACF,EAEAzB,EACE0B,EACEC,EACAC,GAAsBJ,EAAaF,CAAU,CAC/C,CACF,CACF,OAASf,EAAuB,CAC9BvC,EAASwC,EAAiBD,CAAY,CAAC,CACzC,QAAU,CACRT,EAAmB,EAAK,CAC1B,CACF,CAEA,SAAS+B,IAAwB,CAC/BjE,EAAe,IAAI,EACnBE,EAAS,EAAE,EACX0B,EAAkB,CAAC,CAAC,EACpBE,EAAanC,EAAc,EAAE,EAC7BqC,EAAW,EAAE,EACbI,EAAmB,CAAC,CAAC,EACrBuB,EAA2B,GAAI,CAAC,CAAC,EACjC/C,EAAa,EAAI,CACnB,CAEA,SAASsD,GAAyB,CAC5B3C,GAIJX,EAAa,EAAK,CACpB,CAEA,eAAeuD,IAA8B,CAC3C,GAAKtE,EAIL,IAAI,CAACE,EACHK,EAAS,QAAQ,OAInB,GAAIL,EAAY,KAAOF,EACrBO,EAAS,YAAY,OAIvB,GAAI8C,EAAkB,KAAO,iBAAmBvB,EAAe,OAAS,EACtEvB,EAAS,aAAa,OAIxB,GAAIgE,GAA6BrC,EAAS9B,CAAK,EAC7CG,EAAS,cAAc,MAIzB,GAAU,EAAI,EACdA,EAAS,IAAI,EAEb,GAAI,CACF,MAAA,EAAMnD,EAAAA,qBAAAA,CAAqB,CACzB,cAAe8C,EAAY,GAC3B,kBAAmBF,EACnB,MAAOI,GAAS,KAChB,kBAAmBJ,EACnB,SAAU,IACV,qBAAsB,GACtB,kBAAmB,KACnB,iBACEqD,EAAkB,KAAO,gBACrBvB,EAAe,IAAK,GAAa0C,EAAS,EAAE,EAC5C,CAAC,EACP,UAAWnB,EAAkB,GAC7B,QAASnB,GAAW,IACtB,CAAC,EACDnB,EAAa,EAAK,EAEdC,IAAa,EACf,MAAMyB,EAAa,EAEnBxB,EAAY,CAAC,CAEjB,OAAS6B,EAAuB,CAC9BvC,EAASwC,EAAiBD,CAAY,CAAC,CACzC,QAAU,CACRnB,EAAU,EAAK,CACjB,CA9Bc,CAjBd,CAgDF,CAEA,OACE,EAAAxC,EAAA,KAAA,CAAA9B,EAAAA,SAAA,CAAA,SAAA,EACE,EAAA8B,EAAA,IAAA,CAAC7B,EAAAA,WAAD,CAAA,UACE,EAAA6B,EAAA,IAAA,CAAC5B,EAAAA,QAAD,CACE,YAAY,mCACZ,MAAM,OAEN,UAAA,EAAA4B,EAAA,IAAA,CAAC3B,EAAAA,OAAD,CACE,KAAMC,GAAAA,SACN,SAAS,UACT,QAAS2G,GACT,QAAQ,eACT,SAAA,MAEO,CAAA,CACK,CAAA,CACL,CAAA,GAEZ,EAAAjF,EAAA,IAAA,CAACzB,EAAAA,aAAD,CAAA,UACE,EAAAyB,EAAA,KAAA,CAACxB,EAAAA,QAAD,CACE,YACE,EAAAwB,EAAA,IAAA,CAACvB,EAAAA,WAAD,CAAY,UAAWC,EAAO,qBAAsB,KAAK,MACvD,UAAA,EAAAsB,EAAA,IAAA,CAACrB,EAAAA,WAAD,CAAA,UACE,EAAAqB,EAAA,IAAA,CAACpB,EAAAA,OAAD,CAAQ,KAAM,EACZ,UAAA,EAAAoB,EAAA,IAAA,CAACnB,EAAAA,UAAD,CACE,UAAA,GACA,OAAQxB,EAAAA,gBAAgB,SACxB,KAAK,kBAEL,UAAA,EAAA2C,EAAA,IAAA,CAAClB,EAAAA,OAAD,CACE,UAAW,GACX,UAAA,GACA,SAAW,GAAiB,CAC1B4D,GAAmB4C,GAAsBxB,CAAM,CAAC,EAChDhC,EAAY,CAAC,CACf,EACA,QAAS,CAAC,GAAGpB,CAAoB,EACjC,YAAY,OACZ,KAAK,MACL,MAAO+B,CACR,CAAA,CACQ,CAAA,CACL,CAAA,CACE,CAAA,CACF,CAAA,EAEd,KACE,EAAAzC,EAAA,IAAA,CAACjB,EAAAA,IAAD,CACE,UAAWkD,EACX,SAAW,GAAoB,CAC7BC,GAAcqD,GAA2BC,CAAS,CAAC,EACnD1D,EAAY,CAAC,CACf,EAEC,SAAArB,GAAuB,IAAK,IAC3B,EAAAT,EAAA,IAAA,CAAChB,EAAAA,QAAD,CAAA,SAA8ByG,EAAU,KAAe,EAAzCA,EAAU,GAA+B,CACxD,CACE,CAAA,EAtCT,SAAA,CAyCGtE,GACC,EAAAnB,EAAA,IAAA,CAACnC,EAAAA,WAAD,CAAY,MAAM,aAAa,QAAQ,OACpC,SAAAsD,CACS,CAAA,EACV,MACJ,EAAAnB,EAAA,IAAA,CAACf,EAAAA,MAAD,CACE,QAASuF,GACA,WACT,WAAYT,GACZ,UAAA,GACS,UACT,WAAY,CACV,QAASlC,EACT,SAAW,GAAe,CACxBC,EAAY4D,CAAI,CAClB,EACA,iBAAmB,GAAmB,CACpC5D,EAAY,CAAC,EACbE,GAAgB2D,CAAQ,CAC1B,EACA,SAAU5D,EACV,cAAe,OACf,gBAAiBvB,GACjB,qBAAsB,EAAM,EAAI,IAC9B,MAAMoF,EAAK,GAAGC,EAAG,OAAOC,EAAM,IAChC,oBAAqB,GACrB,MAAO3D,EACT,CACD,CAAA,CACM,CACG,CAAA,CAAA,CAAA,GAEd,EAAAnC,EAAA,IAAA,CAACd,EAAAA,MAAD,CACE,WAAW,KACX,mBAAoB,CAClB,SAAU,CAAC6B,CACb,EACA,YAAY,OACZ,QAASwB,EACT,UAAU,WACV,SAAU2C,EACV,QAASA,EACT,cAAuB,KAAKC,GAAa,EACzC,KAAMxD,GACN,gBAAA,GACA,gBAAA,GACA,KAAK,UACL,eAAe,+BACf,MAAM,SAEN,UAAA,EAAA3B,EAAA,KAAA,CAAC,MAAD,CAAK,UAAWtB,EAAO,sBAAvB,SAAA,EACE,EAAAsB,EAAA,IAAA,CAAC+F,GAAD,CACE,MAAM,MACN,QAASxE,EACT,KAAK,gBACL,SAAUP,EACV,SAAUyD,GACV,QAAShD,EACT,MAAOV,CACR,CAAA,GACD,EAAAf,EAAA,IAAA,CAACb,EAAAA,EAAD,CAAc,MAAM,OAAO,KAAK,YAAY,SAAA,GAC1C,UAAA,EAAAa,EAAA,IAAA,CAAClB,EAAAA,OAAD,CACE,UAAW,GACX,UAAA,GACA,SAAW,GACTgE,EAAakD,GAAyBlC,CAAM,CAAC,EAE/C,QAAS,CAAC,GAAGnD,CAAa,EAC1B,YAAY,SACZ,MAAOuD,CACR,CAAA,CACW,CAAA,EACbA,EAAkB,KAAO,iBACxB,EAAAlE,EAAA,IAAA,CAACb,EAAAA,EAAD,CAAc,MAAM,OAAO,KAAK,mBAAmB,SAAA,GACjD,UAAA,EAAAa,EAAA,IAAA,CAACZ,EAAAA,aAAD,CACE,UAAA,GACA,sBAAA,GACA,UAAU,UACV,WAAY,CACV,eAAgB,OAChB,YAAa,MACb,KAAM,mBACN,WAAY,EACd,EACA,QAAS6D,GACT,YAAY,WACZ,KAAK,WACL,SAAW,GAAwB,CACjC,IAAMgD,EACJC,GAA6BC,CAAa,EAE5CvD,EAAkBqD,CAAiB,EACnC7C,EAAoB,GAClB0B,EAAqBmB,EAAmBG,CAAc,CACxD,CACF,EACA,SAAUzB,EACV,mBAAqB,GAAe,CAC9B0B,GACF1B,EAA2B,EAAE,CAEjC,EACA,QAAS,CAAC,GAAGxB,EAAe,EAC5B,iBAAiB,OACjB,YAAY,YACZ,mBAAoB,IACpB,MAAO,CAAC,GAAGR,CAAc,CAC1B,CAAA,CACW,CAAA,EACZ,MACJ,EAAA3C,EAAA,IAAA,CAACb,EAAAA,EAAD,CAAc,MAAM,OAAO,KAAK,UAC9B,UAAA,EAAAa,EAAA,IAAA,CAACX,EAAAA,eAAD,CACE,WAAW,aACX,WAAW,QACX,UAAA,GACA,WAAA,GACA,SAAW,GACT2D,EAAWsD,EAAoCC,CAAS,CAAC,EAE3D,gBAAgB,SAChB,iBAAiB,OACjB,MAAOC,EAAkCzD,CAAO,CACjD,CAAA,CACW,CAAA,GACd,EAAA/C,EAAA,IAAA,CAACb,EAAAA,EAAD,CAAc,MAAM,OAAO,KAAK,QAC9B,UAAA,EAAAa,EAAA,IAAA,CAACX,EAAAA,eAAD,CACE,WAAW,aACX,WAAW,QACX,UAAA,GACA,WAAA,GACA,SAAW,GACT6B,EAASoF,EAAoCC,CAAS,CAAC,EAEzD,gBAAgB,MAChB,iBAAiB,OACjB,MAAOC,EAAkCvF,CAAK,CAC/C,CAAA,CACW,CAAA,CACX,C,EACA,CAAA,CACP,CAAA,CAAA,CAEN,CAEA,SAAS8E,GAAwB,CAC/B,QACA,UACA,OACA,WACA,WACA,UACA,SASe,CACf,OACE,EAAA/F,EAAA,IAAA,CAACb,EAAAA,EAAD,CACS,QACP,OAAQoB,EACF,OACN,SAAA,GAEA,UAAA,EAAAP,EAAA,IAAA,CAACZ,EAAAA,aAAD,CACE,UAAA,GACA,sBAAA,GACA,UAAU,UACV,WAAY,CACV,eAAgB,OAChB,YAAa,MACb,OACA,WAAY,EACd,EACS,UACT,YAAY,WACZ,KAAK,SACL,SAAW,GAAiBqH,EAASC,EAA0B5C,CAAM,CAAC,EAC5D,WACV,mBAAqB,GACnB2C,EAASE,EAAuBjC,EAAYkC,CAAO,CAAC,EAEtD,mBAAqB,GAAe,CAC9BP,GACFQ,EAAc,EAAE,CAEpB,EACA,QAAS,CAAC,GAAGD,CAAO,EACpB,YAAY,UACZ,mBAAoB,IACb,OACR,CAAA,CACW,CAAA,CAElB,CAEA,SAASxC,GAA2B,CAClC,QACA,QAIe,CAKf,OAJK0C,GAKH,EAAA9G,EAAA,IAAA,CAACV,EAAAA,QAAD,CAAS,MAAOwH,EACZ,UAAA,CAAE,MAAK,GAAGC,MAIV,EAAA/G,EAAA,IAAA,CAAC,OAAD,CACE,GAAI+G,EACJ,UAAWrI,EAAO,sBACb,MAEJ,SAAAsI,CACG,CAAA,CAED,CAAA,GAjBF,EAAAhH,EAAA,IAAA,CAAC,OAAD,CAAA,SAAOgH,CAAW,CAAA,CAmB7B,CAEA,SAAStD,EAAiB,EAA2C,CACnE,MAAO,CACL,YAAa5C,EAAO,KACpB,MAAOA,EAAO,MACd,GAAIA,EAAO,SACX,KAAMvB,EAAAA,EAAkBuB,EAAO,KAAMA,EAAO,KAAK,CACnD,CACF,CAEA,SAAS4F,EAA0B,EAAqC,CACtE,GAAI,CAACO,EAASC,CAAK,EACjB,OAAO,KAGT,IAAMC,EAAcD,EAAM,YACpBJ,EAAQI,EAAM,MACdE,EAAKF,EAAM,GACXF,EAAOE,EAAM,KAEnB,OAAO,OAAOE,GAAO,UAAY,OAAOJ,GAAS,SAC7C,CACE,YAAa,OAAOG,GAAgB,SAAWA,EAAcH,EAC7D,MAAO,OAAOF,GAAU,SAAWA,EAAQ,KAC3C,KACA,MACF,EACA,IACN,CAEA,SAASH,EACP,EACA,EACqB,CACrB,IAAMU,EAAuB3C,EAAW,KAAK,CAAC,CAAC,kBAAkB,EAEjE,GAAI,CAAC2C,EACH,OAAO,KAGT,IAAMC,EAAUV,EAAQ,OAAQ,GAC9B,CAAC9C,EAAO,GAAIA,EAAO,KAAMA,EAAO,OAAS,EAAE,CAAC,CAAC,KAAM,GACjDoD,EAAM,kBAAkB,CAAC,CAAC,SAASG,CAAoB,CACzD,CACF,EAEA,OAAOC,EAAQ,SAAW,EAAKA,EAAQ,IAAM,KAAQ,IACvD,CAEA,SAASzC,GAAmB,EAAkD,CAC5E,MAAO,CACL,GAAIQ,EAAS,GACb,KAAMA,EAAS,IACjB,CACF,CAEA,SAASa,GACP,EAC2B,CAC3B,OAAOgB,EAAM,QAAS,GAAoC,CACxD,GAAI,CAACD,EAASM,CAAI,EAChB,MAAO,CAAC,EAGV,IAAMH,EAAKG,EAAK,GACVP,EAAOO,EAAK,KAElB,OAAO,OAAOH,GAAO,UAAY,OAAOJ,GAAS,SAC7C,CAAC,CAAE,KAAI,MAAK,CAAC,EACb,CAAC,CACP,CAAC,CACH,CAEA,SAAShC,GACP,EACA,EAC2B,CAC3B,IAAMqC,EAAuB3C,EAAW,KAAK,CAAC,CAAC,kBAAkB,EAMjE,OAJK2C,EAIET,EAAQ,OAAQ,GACrB,CAAC9C,EAAO,GAAIA,EAAO,IAAI,CAAC,CAAC,KAAM,GAC7BoD,EAAM,kBAAkB,CAAC,CAAC,SAASG,CAAoB,CACzD,CACF,EAPST,CAQX,CAEA,SAAS9B,EACP,EACA,EAC2B,CAC3B,MAAO,CAAC,GAAGC,EAAiB,GAAGyC,CAAgB,CAAC,CAAC,QAC9C,EAAS,IACRZ,EAAQ,KAAM,GAAkBa,EAAc,KAAO3D,EAAO,EAAE,EAC1D8C,EACA,CAAC,GAAGA,EAAS9C,CAAM,EACzB,CAAC,CACH,CACF,CAEA,SAASwB,GAAsB,EAAmC,CAChE,GAAI,CAAC2B,EAASC,CAAK,EACjB,OAAOxG,EAAqB,GAG9B,IAAM0G,EAAKF,EAAM,GAEjB,OACExG,EAAqB,KAAM,GAAWoD,EAAO,KAAOsD,CAAE,GACtD1G,EAAqB,EAEzB,CAEA,SAASuD,GAAe,EAAoC,CAS1D,OARID,EAAK,YAAc,MACd,OAGLA,EAAK,YAAc,gBACd,QAAQA,EAAK,iBAAiB,SAGhCA,EAAK,kBAAoB,MAAMA,EAAK,oBAAsB,KACnE,CAEA,SAASgC,GAAyB,EAA6B,CAK7D,MAJI,CAACiB,EAASC,CAAK,GAAK,CAACQ,EAAgCR,EAAM,EAAE,EACxDvG,EAAc,GAIrBA,EAAc,KAAM,GAAWmD,EAAO,KAAOoD,EAAM,EAAE,GAAKvG,EAAc,EAE5E,CAEA,SAAS+G,EACP,EAC4B,CAC5B,OAAOR,IAAU,OAASA,IAAU,eACtC,CAEA,SAAS5C,GAAsB,CAC7B,UAGe,CAaf,OAZIqD,IAAW,UACN,EAAA3H,EAAA,IAAA,CAACR,EAAAA,MAAD,CAAO,KAAK,MAAM,KAAK,MAAM,QAAQ,aAAe,CAAA,EAGzDmI,IAAW,WACN,EAAA3H,EAAA,IAAA,CAACR,EAAAA,MAAD,CAAO,KAAK,MAAM,KAAK,MAAM,QAAQ,cAAgB,CAAA,EAG1DmI,IAAW,WACN,EAAA3H,EAAA,IAAA,CAACR,EAAAA,MAAD,CAAO,KAAK,MAAM,KAAK,MAAM,QAAQ,aAAe,CAAA,GAGtD,EAAAQ,EAAA,IAAA,CAACR,EAAAA,MAAD,CAAO,KAAK,MAAM,KAAMmI,EAAQ,QAAQ,UAAY,CAAA,CAC7D,CAEA,SAASpC,GAA2B,EAAwC,CAS1E,OAPEC,IAAc,UACdA,IAAc,WACdA,IAAc,UAEPA,EAGF,KACT,CAEA,SAASgB,EAAkC,EAAmC,CAC5E,IAAMoB,EAAOV,EAAQW,EAA6BX,CAAK,EAAI,KAE3D,OAAOU,EACH,GAAGE,EAAgBF,CAAI,EAAE,GAAGG,EAAYH,EAAK,SAAS,CAAC,EAAE,GAAGG,EAC1DH,EAAK,WAAW,CAClB,IACA,IAAA,EACN,CAEA,SAAStB,EACP,EACQ,CACR,IAAMsB,EAAOV,EAAQW,EAA6BX,CAAK,EAAI,KAE3D,OAAOU,EAAOA,EAAK,YAAY,EAAI,EACrC,CAEA,SAASxC,GAA6B,EAAiB,EAAwB,CAC7E,GAAI,CAACrC,GAAW,CAAC9B,EACf,MAAO,GAGT,IAAM+G,EAAYH,EAA6B9E,CAAO,EAChDkF,EAAUJ,EAA6B5G,CAAK,EAElD,MAAO,CAAC,CAAC+G,GAAa,CAAC,CAACC,GAAWA,EAAQ,QAAQ,GAAKD,EAAU,QAAQ,CAC5E,CAEA,SAASH,EAA6B,EAA4B,CAChE,GAAIX,EAAM,SAAS,GAAG,GAAK,mBAAmB,KAAKA,CAAK,EAAG,CACzD,IAAMgB,EAAa,IAAI,KAAKhB,CAAK,EAEjC,OAAO,OAAO,MAAMgB,EAAW,QAAQ,CAAC,EAAI,KAAOA,CACrD,CAEA,GAAM,CAACC,EAAW,GAAIC,EAAW,SAAWlB,EAAM,MAAM,GAAG,EACrD,CAACmB,EAAO,EAAGC,EAAQ,EAAGC,EAAM,GAAKJ,EAAS,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM,EAC/D,CAACK,EAAO,EAAGC,EAAS,GAAKL,EAAS,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM,EACvDF,EAAa,IAAI,KAAKG,EAAMC,EAAQ,EAAGC,EAAKC,EAAMC,CAAM,EAE9D,OAAO,OAAO,MAAMP,EAAW,QAAQ,CAAC,EAAI,KAAOA,CACrD,CAEA,SAASJ,EAAgB,EAAoB,CAC3C,MAAO,GAAGF,EAAK,YAAY,EAAE,GAAGG,EAAYH,EAAK,SAAS,EAAI,CAAC,EAAE,GAAGG,EAClEH,EAAK,QAAQ,CACf,GACF,CAEA,SAASG,EAAY,EAAuB,CAC1C,OAAO,OAAOb,CAAK,CAAC,CAAC,SAAS,EAAG,GAAG,CACtC,CAEA,SAAStD,EAAiB,EAAwB,CAChD,OAAOzC,aAAiB,MAAQA,EAAM,QAAU,QAClD,CAEA,SAAS8F,EAAS,EAA4D,CAC5E,OAAO,OAAOC,GAAU,YAAYA,CACtC,C"}

package/dist/chunks/{delegations-V9HIe3_P.cjs → delegations-CcS0SHbf.cjs}

@@ -1,2 +1,2 @@
-"use client";require('../delegations.css');const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./auth-provider-4BeCw7cI.cjs"),n=require("./format-date-time-D-cx5M8z.cjs"),r=require("./bpm-form-field-Bc6k4ZEO.cjs"),i=require("./format-member-label-t7ANTF62.cjs");let a=require("react"),o=require("@mezzanine-ui/react"),s=require("react/jsx-runtime"),c=require("@rytass/bpm-core-client/workflow"),l=require("@mezzanine-ui/core/form"),u=require("@mezzanine-ui/react/ContentHeader");u=e.t(u,1);let d=require("@mezzanine-ui/icons"),ee=require("@rytass/bpm-core-client/template");var f={delegationModalFields:`bpm_delegationModalFields_gUlCQ`,delegationFilterArea:`bpm_delegationFilterArea_QDZkw`,memberNameWithTooltip:`bpm_memberNameWithTooltip_RggTW`},p=l.FormFieldLayout.HORIZONTAL,m=[10,20,50],te=[{key:`ALL`,label:`全部`},{key:`ACTIVE`,label:`啟用中`},{key:`REVOKED`,label:`已撤銷`},{key:`EXPIRED`,label:`已過期`}],h=[{id:`ALL`,name:`全部簽核`},{id:`TEMPLATE_LIST`,name:`指定模板`}],g=[{id:`ALL_SCOPES`,name:`全部範圍`,scopeType:null},{id:`ALL`,name:`全部簽核`,scopeType:`ALL`},{id:`TEMPLATE_LIST`,name:`指定模板`,scopeType:`TEMPLATE_LIST`}];function _(){let{member:e}=t.n(),i=e?.memberId??null,[p,_]=(0,a.useState)(null),[y,x]=(0,a.useState)(``),[S,T]=(0,a.useState)(null),[pe,E]=(0,a.useState)(!0),[O,me]=(0,a.useState)(!1),[k,he]=(0,a.useState)([]),[A,ge]=(0,a.useState)(null),[j,_e]=(0,a.useState)(null),[ve,M]=(0,a.useState)(!1),[N,P]=(0,a.useState)(null),[F,I]=(0,a.useState)(`100`),[L,R]=(0,a.useState)(1),[z,ye]=(0,a.useState)(10),[B,be]=(0,a.useState)(`ALL`),[xe,Se]=(0,a.useState)(0),[V,Ce]=(0,a.useState)([]),[H,U]=(0,a.useState)(!1),[W,we]=(0,a.useState)([]),[G,Te]=(0,a.useState)(g[0]),[Ee,De]=(0,a.useState)(h[0]),[K,Oe]=(0,a.useState)(``),[ke,Ae]=(0,a.useState)(!1),[je,q]=(0,a.useState)([]),J=(0,a.useCallback)(async()=>{E(!0),T(null);try{let[e,t]=await Promise.all([(0,c.listDelegationRulesPage)({agentMemberId:j?.id??null,includeInactive:!0,page:L,pageSize:z,principalMemberId:A?.id??null,scopeType:G.scopeType,status:B===`ALL`?null:B}),(0,c.searchMembers)(``)]);Ce(e.rules),Se(e.totalCount),he(t.map(ne))}catch(e){T(D(e))}finally{E(!1)}},[j,A,L,z,B,G]);(0,a.useEffect)(()=>{J()},[J]);let Y=(0,a.useMemo)(()=>new Map(k.map(e=>[e.id,e])),[k]),Me=(0,a.useMemo)(()=>V.map(e=>({...e,agentEmail:Y.get(e.agentMemberId)?.email??null,agentName:Y.get(e.agentMemberId)?.displayName??e.agentMemberId,key:e.id,principalEmail:Y.get(e.principalMemberId)?.email??null,principalName:Y.get(e.principalMemberId)?.displayName??e.principalMemberId,scopeLabel:le(e)})),[Y,V]),X=h.find(e=>e.id===Ee.id)??h[0],Ne=(0,a.useMemo)(()=>[{key:`principal`,render:e=>(0,s.jsx)(b,{email:e.principalEmail,name:e.principalName}),title:`原簽核人`,width:220},{key:`agent`,render:e=>(0,s.jsx)(b,{email:e.agentEmail,name:e.agentName}),title:`代理人`,width:220},{dataIndex:`scopeLabel`,key:`scope`,title:`代理範圍`,width:220},{key:`status`,render:e=>(0,s.jsx)(ue,{status:e.status}),title:`狀態`,width:120},{dataIndex:`priority`,key:`priority`,title:`優先序`,width:100},{key:`startAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:n.t(e.startAt)}),title:`開始時間`,width:220},{key:`endAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:e.endAt?n.t(e.endAt):`-`}),title:`結束時間`,width:220}],[]),Pe=(0,a.useCallback)(async e=>{if(i){T(null);try{await(0,c.revokeDelegationRule)({id:e,revokedByMemberId:i}),await J()}catch(e){T(D(e))}}},[i,J]),Fe=(0,a.useMemo)(()=>({render:e=>e.status===`ACTIVE`?[{name:`撤銷`,onClick:()=>void Pe(e.id)}]:[],variant:`destructive-secondary`,width:88}),[Pe]);async function Z(e){me(!0);try{he((await(0,c.searchMembers)(e)).map(ne))}catch(e){T(D(e))}finally{me(!1)}}async function Q(e,t=W){Ae(!0);try{let n=(await(0,ee.listApprovalTemplates)()).map(re);q(oe(t,ae(n,e)))}catch(e){T(D(e))}finally{Ae(!1)}}function Ie(){_(null),x(``),P(null),I(`100`),we([]),De(h[0]),Oe(``),q([]),Q(``,[]),M(!0)}function $(){H||M(!1)}async function Le(){if(i){if(!N||!p)T(`請選擇原簽核人與代理人`);else if(X.id===`TEMPLATE_LIST`&&W.length<1)T(`請選擇至少一個簽核模板`);else if(fe(K,y))T(`結束時間必須晚於起始時間`);else{U(!0),T(null);try{await(0,c.createDelegationRule)({agentMemberId:p.id,createdByMemberId:i,endAt:y||null,principalMemberId:N.id,priority:Number(F)||100,requiresConfirmation:!1,scopeConditionCel:null,scopeTemplateIds:X.id===`TEMPLATE_LIST`?W.map(e=>e.id):[],scopeType:X.id,startAt:K||null}),M(!1),L===1?await J():R(1)}catch(e){T(D(e))}finally{U(!1)}}}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsx)(u.default,{description:`設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。`,title:`代理設定`,children:(0,s.jsx)(o.Button,{icon:d.PlusIcon,iconType:`leading`,onClick:Ie,variant:`base-primary`,children:`建立代理`})})}),(0,s.jsx)(o.SectionGroup,{children:(0,s.jsxs)(o.Section,{filterArea:(0,s.jsx)(o.FilterArea,{className:f.delegationFilterArea,children:(0,s.jsxs)(o.FilterLine,{children:[(0,s.jsx)(o.Filter,{span:2,children:(0,s.jsx)(v,{hideLabel:!0,label:`原簽核人`,loading:O,name:`principalFilterMemberId`,onChange:e=>{ge(e),R(1)},onSearch:Z,options:k,required:!1,layout:l.FormFieldLayout.VERTICAL,size:`sub`,value:A})}),(0,s.jsx)(o.Filter,{span:2,children:(0,s.jsx)(v,{hideLabel:!0,label:`代理人`,loading:O,name:`agentFilterMemberId`,onChange:e=>{_e(e),R(1)},onSearch:Z,options:k,required:!1,layout:l.FormFieldLayout.VERTICAL,size:`sub`,value:j})}),(0,s.jsx)(o.Filter,{span:2,children:(0,s.jsx)(o.FormField,{fullWidth:!0,layout:l.FormFieldLayout.VERTICAL,name:`scopeFilterType`,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>{Te(ce(e)),R(1)},options:[...g],placeholder:`代理範圍`,size:`sub`,value:G})})})]})}),tab:(0,s.jsx)(o.Tab,{activeKey:B,onChange:e=>{be(de(e)),R(1)},children:te.map(e=>(0,s.jsx)(o.TabItem,{children:e.label},e.key))}),children:[S?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:S}):null,(0,s.jsx)(o.Table,{actions:Fe,columns:Ne,dataSource:Me,fullWidth:!0,loading:pe,pagination:{current:L,onChange:e=>{R(e)},onChangePageSize:e=>{R(1),ye(e)},pageSize:z,pageSizeLabel:`每頁筆數`,pageSizeOptions:m,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:xe}})]})}),(0,s.jsx)(o.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!N||!p},confirmText:`建立代理`,loading:H,modalType:`standard`,onCancel:$,onClose:$,onConfirm:()=>void Le(),open:ve,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`代理生效後，後續建立的待簽任務會依範圍自動指派。`,title:`建立代理`,children:(0,s.jsxs)(`div`,{className:f.delegationModalFields,children:[(0,s.jsx)(v,{label:`原簽核人`,loading:O,name:`principalMemberId`,onChange:P,onSearch:Z,options:k,value:N}),(0,s.jsx)(v,{label:`代理人`,loading:O,name:`agentMemberId`,onChange:_,onSearch:Z,options:k,value:p}),(0,s.jsx)(r.t,{label:`代理範圍`,name:`scopeType`,required:!0,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>De(se(e)),options:[...h],value:X})}),X.id===`TEMPLATE_LIST`?(0,s.jsx)(r.t,{label:`簽核模板`,name:`scopeTemplateIds`,required:!0,children:(0,s.jsx)(o.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的模板`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:`scopeTemplateIds`,spellCheck:!1},loading:ke,loadingText:`搜尋模板中...`,mode:`multiple`,onChange:e=>{let t=ie(e);we(t),q(e=>oe(t,e))},onSearch:Q,onVisibilityChange:e=>{e&&Q(``)},options:[...je],overflowStrategy:`wrap`,placeholder:`搜尋並選取簽核模板`,searchDebounceTime:300,value:[...W]})}):null,(0,s.jsx)(r.t,{hintText:`數字越大越優先。同一位被代理人同時命中多條規則時，採用優先序最高的那條；優先序相同時採用較早建立的。`,label:`優先序`,name:`priority`,children:(0,s.jsx)(o.Input,{fullWidth:!0,onChange:e=>I(e.target.value),value:F,variant:`base`})}),(0,s.jsx)(r.t,{label:`起始時間`,name:`startAt`,children:(0,s.jsx)(o.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>Oe(w(e)),placeholderLeft:`留空立即生效`,placeholderRight:`選擇時間`,value:C(K)})}),(0,s.jsx)(r.t,{label:`結束時間`,name:`endAt`,children:(0,s.jsx)(o.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>x(w(e)),placeholderLeft:`可留空`,placeholderRight:`選擇時間`,value:C(y)})})]})})]})}function v({hideLabel:e=!1,label:t,layout:n=p,loading:i,name:a,onChange:c,onSearch:l,options:u,required:d=!0,size:ee,value:f}){let m=(0,s.jsx)(o.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的成員`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:a,spellCheck:!1},loading:i,loadingText:`搜尋成員中...`,mode:`single`,onChange:e=>c(y(e)),onSearch:l,onSearchTextChange:e=>c(x(e,u)),onVisibilityChange:e=>{e&&l(``)},options:[...u],placeholder:e?t:`搜尋姓名或信箱`,searchDebounceTime:300,size:ee,value:f});return e?(0,s.jsx)(o.FormField,{fullWidth:!0,layout:n,name:a,children:m}):(0,s.jsx)(r.t,{label:t,layout:n,name:a,required:d,children:m})}function ne(e){return{displayName:e.name,email:e.email,id:e.memberId,name:i.t(e.name,e.email,`dot`)}}function y(e){if(!O(e))return null;let t=e.id,n=e.name,r=e.email,i=e.displayName;return typeof t==`string`&&typeof n==`string`?{displayName:typeof i==`string`?i:n,email:typeof r==`string`?r:null,id:t,name:n}:null}function b({email:e,name:t}){return e?(0,s.jsx)(o.Tooltip,{title:e,children:({ref:e,...n})=>(0,s.jsx)(`span`,{...n,className:f.memberNameWithTooltip,ref:e,children:t})}):(0,s.jsx)(`span`,{children:t})}function x(e,t){let n=e.trim().toLocaleLowerCase();if(!n)return null;let r=t.filter(e=>[e.id,e.name,e.email??``].some(e=>e.toLocaleLowerCase().includes(n)));return r.length===1?r[0]??null:null}function re(e){return{id:e.id,name:e.name}}function ie(e){return e.flatMap(e=>{if(!O(e))return[];let t=e.id,n=e.name;return typeof t==`string`&&typeof n==`string`?[{id:t,name:n}]:[]})}function ae(e,t){let n=t.trim().toLocaleLowerCase();return n?e.filter(e=>[e.id,e.name].some(e=>e.toLocaleLowerCase().includes(n))):e}function oe(e,t){return[...e,...t].reduce((e,t)=>e.some(e=>e.id===t.id)?e:[...e,t],[])}function se(e){return!O(e)||!S(e.id)?h[0]:h.find(t=>t.id===e.id)??h[0]}function ce(e){if(!O(e))return g[0];let t=e.id;return g.find(e=>e.id===t)??g[0]}function S(e){return e===`ALL`||e===`TEMPLATE_LIST`}function le(e){return e.scopeType===`ALL`?`全部簽核`:e.scopeType===`TEMPLATE_LIST`?`指定模板：${e.scopeTemplateIds.length}`:e.scopeConditionCel?`條件：${e.scopeConditionCel}`:`條件式`}function ue({status:e}){return e===`ACTIVE`?(0,s.jsx)(o.Badge,{size:`sub`,text:`啟用中`,variant:`dot-success`}):e===`REVOKED`?(0,s.jsx)(o.Badge,{size:`sub`,text:`已撤銷`,variant:`dot-inactive`}):e===`EXPIRED`?(0,s.jsx)(o.Badge,{size:`sub`,text:`已過期`,variant:`dot-warning`}):(0,s.jsx)(o.Badge,{size:`sub`,text:e,variant:`dot-info`})}function de(e){return e===`ACTIVE`||e===`REVOKED`||e===`EXPIRED`?e:`ALL`}function C(e){let t=e?T(e):null;return t?`${pe(t)}T${E(t.getHours())}:${E(t.getMinutes())}`:void 0}function w(e){let t=e?T(e):null;return t?t.toISOString():``}function fe(e,t){if(!e||!t)return!1;let n=T(e),r=T(t);return!!n&&!!r&&r.getTime()<=n.getTime()}function T(e){if(e.endsWith(`Z`)||/[+-]\d{2}:\d{2}$/.test(e)){let t=new Date(e);return Number.isNaN(t.getTime())?null:t}let[t=``,n=`00:00`]=e.split(`T`),[r=0,i=1,a=1]=t.split(`-`).map(Number),[o=0,s=0]=n.split(`:`).map(Number),c=new Date(r,i-1,a,o,s);return Number.isNaN(c.getTime())?null:c}function pe(e){return`${e.getFullYear()}-${E(e.getMonth()+1)}-${E(e.getDate())}`}function E(e){return String(e).padStart(2,`0`)}function D(e){return e instanceof Error?e.message:`發生未知錯誤`}function O(e){return typeof e==`object`&&!!e}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
-//# sourceMappingURL=delegations-V9HIe3_P.cjs.map
+"use client";require('../delegations.css');const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./bpm-form-field-Bc6k4ZEO.cjs"),n=require("./format-date-time-D-cx5M8z.cjs"),r=require("./auth-provider-4BeCw7cI.cjs"),i=require("./format-member-label-t7ANTF62.cjs");let a=require("react"),o=require("@mezzanine-ui/react"),s=require("react/jsx-runtime"),c=require("@rytass/bpm-core-client/workflow"),l=require("@mezzanine-ui/core/form"),u=require("@mezzanine-ui/react/ContentHeader");u=e.t(u,1);let d=require("@mezzanine-ui/icons"),ee=require("@rytass/bpm-core-client/template");var f={delegationModalFields:`bpm_delegationModalFields_gUlCQ`,delegationFilterArea:`bpm_delegationFilterArea_QDZkw`,memberNameWithTooltip:`bpm_memberNameWithTooltip_RggTW`},p=l.FormFieldLayout.HORIZONTAL,m=[10,20,50],te=[{key:`ALL`,label:`全部`},{key:`ACTIVE`,label:`啟用中`},{key:`REVOKED`,label:`已撤銷`},{key:`EXPIRED`,label:`已過期`}],h=[{id:`ALL`,name:`全部簽核`},{id:`TEMPLATE_LIST`,name:`指定模板`}],g=[{id:`ALL_SCOPES`,name:`全部範圍`,scopeType:null},{id:`ALL`,name:`全部簽核`,scopeType:`ALL`},{id:`TEMPLATE_LIST`,name:`指定模板`,scopeType:`TEMPLATE_LIST`}];function _(){let{member:e}=r.n(),i=e?.memberId??null,[p,_]=(0,a.useState)(null),[y,x]=(0,a.useState)(``),[S,T]=(0,a.useState)(null),[pe,E]=(0,a.useState)(!0),[O,me]=(0,a.useState)(!1),[k,he]=(0,a.useState)([]),[A,ge]=(0,a.useState)(null),[j,_e]=(0,a.useState)(null),[ve,M]=(0,a.useState)(!1),[N,P]=(0,a.useState)(null),[F,I]=(0,a.useState)(`100`),[L,R]=(0,a.useState)(1),[z,ye]=(0,a.useState)(10),[B,be]=(0,a.useState)(`ALL`),[xe,Se]=(0,a.useState)(0),[V,Ce]=(0,a.useState)([]),[H,U]=(0,a.useState)(!1),[W,we]=(0,a.useState)([]),[G,Te]=(0,a.useState)(g[0]),[Ee,De]=(0,a.useState)(h[0]),[K,Oe]=(0,a.useState)(``),[ke,Ae]=(0,a.useState)(!1),[je,q]=(0,a.useState)([]),J=(0,a.useCallback)(async()=>{E(!0),T(null);try{let[e,t]=await Promise.all([(0,c.listDelegationRulesPage)({agentMemberId:j?.id??null,includeInactive:!0,page:L,pageSize:z,principalMemberId:A?.id??null,scopeType:G.scopeType,status:B===`ALL`?null:B}),(0,c.searchMembers)(``)]);Ce(e.rules),Se(e.totalCount),he(t.map(ne))}catch(e){T(D(e))}finally{E(!1)}},[j,A,L,z,B,G]);(0,a.useEffect)(()=>{J()},[J]);let Y=(0,a.useMemo)(()=>new Map(k.map(e=>[e.id,e])),[k]),Me=(0,a.useMemo)(()=>V.map(e=>({...e,agentEmail:Y.get(e.agentMemberId)?.email??null,agentName:Y.get(e.agentMemberId)?.displayName??e.agentMemberId,key:e.id,principalEmail:Y.get(e.principalMemberId)?.email??null,principalName:Y.get(e.principalMemberId)?.displayName??e.principalMemberId,scopeLabel:le(e)})),[Y,V]),X=h.find(e=>e.id===Ee.id)??h[0],Ne=(0,a.useMemo)(()=>[{key:`principal`,render:e=>(0,s.jsx)(b,{email:e.principalEmail,name:e.principalName}),title:`原簽核人`,width:220},{key:`agent`,render:e=>(0,s.jsx)(b,{email:e.agentEmail,name:e.agentName}),title:`代理人`,width:220},{dataIndex:`scopeLabel`,key:`scope`,title:`代理範圍`,width:220},{key:`status`,render:e=>(0,s.jsx)(ue,{status:e.status}),title:`狀態`,width:120},{dataIndex:`priority`,key:`priority`,title:`優先序`,width:100},{key:`startAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:n.t(e.startAt)}),title:`開始時間`,width:220},{key:`endAt`,render:e=>(0,s.jsx)(o.Typography,{component:`span`,variant:`body`,children:e.endAt?n.t(e.endAt):`-`}),title:`結束時間`,width:220}],[]),Pe=(0,a.useCallback)(async e=>{if(i){T(null);try{await(0,c.revokeDelegationRule)({id:e,revokedByMemberId:i}),await J()}catch(e){T(D(e))}}},[i,J]),Fe=(0,a.useMemo)(()=>({render:e=>e.status===`ACTIVE`?[{name:`撤銷`,onClick:()=>void Pe(e.id)}]:[],variant:`destructive-secondary`,width:88}),[Pe]);async function Z(e){me(!0);try{he((await(0,c.searchMembers)(e)).map(ne))}catch(e){T(D(e))}finally{me(!1)}}async function Q(e,t=W){Ae(!0);try{let n=(await(0,ee.listApprovalTemplates)()).map(re);q(oe(t,ae(n,e)))}catch(e){T(D(e))}finally{Ae(!1)}}function Ie(){_(null),x(``),P(null),I(`100`),we([]),De(h[0]),Oe(``),q([]),Q(``,[]),M(!0)}function $(){H||M(!1)}async function Le(){if(i){if(!N||!p)T(`請選擇原簽核人與代理人`);else if(X.id===`TEMPLATE_LIST`&&W.length<1)T(`請選擇至少一個簽核模板`);else if(fe(K,y))T(`結束時間必須晚於起始時間`);else{U(!0),T(null);try{await(0,c.createDelegationRule)({agentMemberId:p.id,createdByMemberId:i,endAt:y||null,principalMemberId:N.id,priority:Number(F)||100,requiresConfirmation:!1,scopeConditionCel:null,scopeTemplateIds:X.id===`TEMPLATE_LIST`?W.map(e=>e.id):[],scopeType:X.id,startAt:K||null}),M(!1),L===1?await J():R(1)}catch(e){T(D(e))}finally{U(!1)}}}}return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.PageHeader,{children:(0,s.jsx)(u.default,{description:`設定簽核代理規則，讓符合範圍的待簽任務自動改派給代理人。`,title:`代理設定`,children:(0,s.jsx)(o.Button,{icon:d.PlusIcon,iconType:`leading`,onClick:Ie,variant:`base-primary`,children:`建立代理`})})}),(0,s.jsx)(o.SectionGroup,{children:(0,s.jsxs)(o.Section,{filterArea:(0,s.jsx)(o.FilterArea,{className:f.delegationFilterArea,children:(0,s.jsxs)(o.FilterLine,{children:[(0,s.jsx)(o.Filter,{span:2,children:(0,s.jsx)(v,{hideLabel:!0,label:`原簽核人`,loading:O,name:`principalFilterMemberId`,onChange:e=>{ge(e),R(1)},onSearch:Z,options:k,required:!1,layout:l.FormFieldLayout.VERTICAL,size:`sub`,value:A})}),(0,s.jsx)(o.Filter,{span:2,children:(0,s.jsx)(v,{hideLabel:!0,label:`代理人`,loading:O,name:`agentFilterMemberId`,onChange:e=>{_e(e),R(1)},onSearch:Z,options:k,required:!1,layout:l.FormFieldLayout.VERTICAL,size:`sub`,value:j})}),(0,s.jsx)(o.Filter,{span:2,children:(0,s.jsx)(o.FormField,{fullWidth:!0,layout:l.FormFieldLayout.VERTICAL,name:`scopeFilterType`,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>{Te(ce(e)),R(1)},options:[...g],placeholder:`代理範圍`,size:`sub`,value:G})})})]})}),tab:(0,s.jsx)(o.Tab,{activeKey:B,onChange:e=>{be(de(e)),R(1)},children:te.map(e=>(0,s.jsx)(o.TabItem,{children:e.label},e.key))}),children:[S?(0,s.jsx)(o.Typography,{color:`text-error`,variant:`body`,children:S}):null,(0,s.jsx)(o.Table,{actions:Fe,columns:Ne,dataSource:Me,fullWidth:!0,loading:pe,pagination:{current:L,onChange:e=>{R(e)},onChangePageSize:e=>{R(1),ye(e)},pageSize:z,pageSizeLabel:`每頁筆數`,pageSizeOptions:m,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:xe}})]})}),(0,s.jsx)(o.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!N||!p},confirmText:`建立代理`,loading:H,modalType:`standard`,onCancel:$,onClose:$,onConfirm:()=>void Le(),open:ve,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`代理生效後，後續建立的待簽任務會依範圍自動指派。`,title:`建立代理`,children:(0,s.jsxs)(`div`,{className:f.delegationModalFields,children:[(0,s.jsx)(v,{label:`原簽核人`,loading:O,name:`principalMemberId`,onChange:P,onSearch:Z,options:k,value:N}),(0,s.jsx)(v,{label:`代理人`,loading:O,name:`agentMemberId`,onChange:_,onSearch:Z,options:k,value:p}),(0,s.jsx)(t.t,{label:`代理範圍`,name:`scopeType`,required:!0,children:(0,s.jsx)(o.Select,{clearable:!1,fullWidth:!0,onChange:e=>De(se(e)),options:[...h],value:X})}),X.id===`TEMPLATE_LIST`?(0,s.jsx)(t.t,{label:`簽核模板`,name:`scopeTemplateIds`,required:!0,children:(0,s.jsx)(o.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的模板`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:`scopeTemplateIds`,spellCheck:!1},loading:ke,loadingText:`搜尋模板中...`,mode:`multiple`,onChange:e=>{let t=ie(e);we(t),q(e=>oe(t,e))},onSearch:Q,onVisibilityChange:e=>{e&&Q(``)},options:[...je],overflowStrategy:`wrap`,placeholder:`搜尋並選取簽核模板`,searchDebounceTime:300,value:[...W]})}):null,(0,s.jsx)(t.t,{hintText:`數字越大越優先。同一位被代理人同時命中多條規則時，採用優先序最高的那條；優先序相同時採用較早建立的。`,label:`優先序`,name:`priority`,children:(0,s.jsx)(o.Input,{fullWidth:!0,onChange:e=>I(e.target.value),value:F,variant:`base`})}),(0,s.jsx)(t.t,{label:`起始時間`,name:`startAt`,children:(0,s.jsx)(o.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>Oe(w(e)),placeholderLeft:`留空立即生效`,placeholderRight:`選擇時間`,value:C(K)})}),(0,s.jsx)(t.t,{label:`結束時間`,name:`endAt`,children:(0,s.jsx)(o.DateTimePicker,{formatDate:`YYYY-MM-DD`,formatTime:`HH:mm`,fullWidth:!0,hideSecond:!0,onChange:e=>x(w(e)),placeholderLeft:`可留空`,placeholderRight:`選擇時間`,value:C(y)})})]})})]})}function v({hideLabel:e=!1,label:n,layout:r=p,loading:i,name:a,onChange:c,onSearch:l,options:u,required:d=!0,size:ee,value:f}){let m=(0,s.jsx)(o.AutoComplete,{asyncData:!0,disabledOptionsFilter:!0,emptyText:`沒有符合的成員`,inputProps:{autoCapitalize:`none`,autoCorrect:`off`,name:a,spellCheck:!1},loading:i,loadingText:`搜尋成員中...`,mode:`single`,onChange:e=>c(y(e)),onSearch:l,onSearchTextChange:e=>c(x(e,u)),onVisibilityChange:e=>{e&&l(``)},options:[...u],placeholder:e?n:`搜尋姓名或信箱`,searchDebounceTime:300,size:ee,value:f});return e?(0,s.jsx)(o.FormField,{fullWidth:!0,layout:r,name:a,children:m}):(0,s.jsx)(t.t,{label:n,layout:r,name:a,required:d,children:m})}function ne(e){return{displayName:e.name,email:e.email,id:e.memberId,name:i.t(e.name,e.email,`dot`)}}function y(e){if(!O(e))return null;let t=e.id,n=e.name,r=e.email,i=e.displayName;return typeof t==`string`&&typeof n==`string`?{displayName:typeof i==`string`?i:n,email:typeof r==`string`?r:null,id:t,name:n}:null}function b({email:e,name:t}){return e?(0,s.jsx)(o.Tooltip,{title:e,children:({ref:e,...n})=>(0,s.jsx)(`span`,{...n,className:f.memberNameWithTooltip,ref:e,children:t})}):(0,s.jsx)(`span`,{children:t})}function x(e,t){let n=e.trim().toLocaleLowerCase();if(!n)return null;let r=t.filter(e=>[e.id,e.name,e.email??``].some(e=>e.toLocaleLowerCase().includes(n)));return r.length===1?r[0]??null:null}function re(e){return{id:e.id,name:e.name}}function ie(e){return e.flatMap(e=>{if(!O(e))return[];let t=e.id,n=e.name;return typeof t==`string`&&typeof n==`string`?[{id:t,name:n}]:[]})}function ae(e,t){let n=t.trim().toLocaleLowerCase();return n?e.filter(e=>[e.id,e.name].some(e=>e.toLocaleLowerCase().includes(n))):e}function oe(e,t){return[...e,...t].reduce((e,t)=>e.some(e=>e.id===t.id)?e:[...e,t],[])}function se(e){return!O(e)||!S(e.id)?h[0]:h.find(t=>t.id===e.id)??h[0]}function ce(e){if(!O(e))return g[0];let t=e.id;return g.find(e=>e.id===t)??g[0]}function S(e){return e===`ALL`||e===`TEMPLATE_LIST`}function le(e){return e.scopeType===`ALL`?`全部簽核`:e.scopeType===`TEMPLATE_LIST`?`指定模板：${e.scopeTemplateIds.length}`:e.scopeConditionCel?`條件：${e.scopeConditionCel}`:`條件式`}function ue({status:e}){return e===`ACTIVE`?(0,s.jsx)(o.Badge,{size:`sub`,text:`啟用中`,variant:`dot-success`}):e===`REVOKED`?(0,s.jsx)(o.Badge,{size:`sub`,text:`已撤銷`,variant:`dot-inactive`}):e===`EXPIRED`?(0,s.jsx)(o.Badge,{size:`sub`,text:`已過期`,variant:`dot-warning`}):(0,s.jsx)(o.Badge,{size:`sub`,text:e,variant:`dot-info`})}function de(e){return e===`ACTIVE`||e===`REVOKED`||e===`EXPIRED`?e:`ALL`}function C(e){let t=e?T(e):null;return t?`${pe(t)}T${E(t.getHours())}:${E(t.getMinutes())}`:void 0}function w(e){let t=e?T(e):null;return t?t.toISOString():``}function fe(e,t){if(!e||!t)return!1;let n=T(e),r=T(t);return!!n&&!!r&&r.getTime()<=n.getTime()}function T(e){if(e.endsWith(`Z`)||/[+-]\d{2}:\d{2}$/.test(e)){let t=new Date(e);return Number.isNaN(t.getTime())?null:t}let[t=``,n=`00:00`]=e.split(`T`),[r=0,i=1,a=1]=t.split(`-`).map(Number),[o=0,s=0]=n.split(`:`).map(Number),c=new Date(r,i-1,a,o,s);return Number.isNaN(c.getTime())?null:c}function pe(e){return`${e.getFullYear()}-${E(e.getMonth()+1)}-${E(e.getDate())}`}function E(e){return String(e).padStart(2,`0`)}function D(e){return e instanceof Error?e.message:`發生未知錯誤`}function O(e){return typeof e==`object`&&!!e}Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});
+//# sourceMappingURL=delegations-CcS0SHbf.cjs.map