@abtnode/blocklet-services 1.16.40-beta-20250303-132654-d0e1975b → 1.16.40-beta-20250305-001025-5ee639c9

package/dist/assets/index-CsCfuYnX.js

@@ -0,0 +1,138 @@
+import{e as A,aZ as fe,j as P,by as N,aw as ge,aY as je,bl as ye}from"./vendor-arcblock-Bv04Mkff.js";import{x as we,m as de,k as ke}from"./vendor-hooks-DlxYXMPL.js";import{r as v,b as J}from"./vendor-react-DoD83n6N.js";import{d as V}from"./InfoOutlined-B6WkOk1K.js";import{C as q,z as H,G as Ee}from"./index-CpfGTKUf.js";import{E as o,j as e,D as ce,ac as ve,r as pe,a3 as j,M as re,T as S,a2 as F,ad as Q,y as Ce,x as L,aI as le,bM as U,a4 as W,L as Y,z as G,aG as Te,A as z,I as Z,C as Se,bO as Re,ae as M,cF as De,am as Me,aC as _,bH as Ie,bi as $e,cG as Pe,cH as We,bj as ze,bR as Oe,s as ue,t as Ae,cI as qe,cJ as Le,cK as Be,cL as He,cM as Fe}from"./vendor-mui-core-Dh3XBxY7.js";import{u as Ne,C as K}from"./index.esm-CWepf7I_.js";import{d as Ue}from"./ExpandLess-RenWdANb.js";import{y as xe}from"./vendor-utils-oUOK1Lc7.js";import{C as _e}from"./confirm-D9nnIOvs.js";import{A as Ke}from"./actions-B1PhmGqt.js";import"./format-error-LAoTjvJe.js";import"./MoreHoriz-CdM4YEUS.js";const Ye=t=>{var x,T;const[a,c]=v.useState(null),[l,m]=v.useState(!t),[R,i]=v.useState(null),{blocklet:d}=q(),r=(T=(x=d==null?void 0:d.site)==null?void 0:x.domainAliases[0])==null?void 0:T.value,E=v.useMemo(()=>{const h={};return a&&(a.sources.forEach(n=>{h[n.did]={source:n,events:[],count:0}}),a.events.forEach(n=>{h[n.source]&&(h[n.source].events.push(n),h[n.source].count+=1)})),h},[a]),C=async()=>{try{if(m(!0),!r)return;const n=await(await fetch(`https://${r}/.well-known/service/openevent.json`)).json();c(n),i(null)}catch(h){i(h instanceof Error?h:new Error(String(h)))}finally{m(!1)}};return v.useEffect(()=>{C()},[r]),{openEvent:a,setOpenEvent:c,eventsBySource:E,loading:l,error:R,loadData:C}};function X({eventsBySource:t,selectedEvents:a,setSelectedEvents:c,error:l}){const{t:m}=A(),[R,i]=v.useState({}),d=v.useMemo(()=>{const n={};return Object.entries(t).forEach(([y,{events:p}])=>{const k=p.filter(g=>a[`${g.type}-${g.source}`]).length;n[y]=k}),n},[t,a]),r=v.useMemo(()=>Object.values(d).reduce((n,y)=>n+y,0),[d]),E=v.useMemo(()=>Object.values(t).reduce((n,{events:y})=>n+y.length,0),[t]),C=(n,y)=>{y.stopPropagation(),i({...R,[n]:!R[n]})},x=n=>{const y=`${n.type}-${n.source}`;c(p=>({...p,[y]:!p[y]}))},T=(n,y)=>{const p={};n.forEach(k=>{const g=`${k.type}-${k.source}`;p[g]=!y}),c(k=>({...k,...p}))},h=n=>{const y={};Object.values(t).forEach(({events:p})=>{p.forEach(k=>{const g=`${k.type}-${k.source}`;y[g]=n.target.checked})}),c(y)};return e.jsxs(j,{sx:{width:"100%"},children:[e.jsxs(j,{sx:{display:"flex",alignItems:"center",mb:1,mt:1},children:[e.jsx(le,{control:e.jsx(U,{onChange:h,checked:r>0&&r===E}),label:e.jsxs(j,{sx:{display:"flex",alignItems:"center",cursor:"pointer"},children:[m("webhookEndpoint.selectAllEvents"),e.jsx(j,{sx:{display:"flex",alignItems:"center"},children:e.jsx(W,{title:m("webhookEndpoint.selectAllEventsTooltip"),placement:"right",children:e.jsx(V,{fontSize:"small",sx:{ml:.5,cursor:"help"}})})})]}),sx:{m:0}}),r>0&&e.jsx(S,{variant:"body2",color:"primary",sx:{ml:"auto"},children:m("webhookEndpoint.selectedEventsCount",{count:r})})]}),e.jsx(j,{sx:{maxHeight:"50vh",overflow:"auto"},children:e.jsx(Y,{disablePadding:!0,sx:{border:"1px solid #e0e0e0",borderRadius:"4px"},children:Object.entries(t).map(([n,{source:y,events:p,count:k}],g)=>{const $=d[n]>0,u=d[n]===p.length&&p.length>0,b=R[n];return e.jsxs(J.Fragment,{children:[e.jsx(G,{sx:{borderBottom:g<Object.keys(t).length-1?"1px solid #f0f0f0":"none",px:2,py:1.5,"&:hover":{bgcolor:"rgba(0, 0, 0, 0.02)"}},children:e.jsxs(j,{sx:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},onClick:s=>{s.target.closest(".MuiFormControlLabel-root")||C(n,s)},children:[e.jsx(j,{sx:{display:"flex",alignItems:"center"},children:p.length>0&&e.jsx(le,{control:e.jsx(U,{checked:u,indeterminate:$&&!u,onChange:s=>{s.stopPropagation(),T(p,u)}}),label:e.jsxs(j,{sx:{display:"flex",alignItems:"center",gap:1},children:[y.logo&&e.jsx(Te,{src:y.logo,sx:{width:24,height:24}}),e.jsx(j,{children:y.title||n}),$&&e.jsx(z,{label:m("webhookEndpoint.selectedCount",{count:d[n]}),size:"small",sx:{mt:"2px",height:"20px",fontSize:"12px",bgcolor:s=>`${s.palette.primary.main}20`,color:"primary.main",fontWeight:500}})]}),sx:{m:0,"& .MuiFormControlLabel-label":{flex:1}}})}),e.jsxs(j,{sx:{display:"flex",alignItems:"center"},children:[e.jsx(S,{variant:"body2",color:"text.secondary",sx:{mr:1},children:m("webhookEndpoint.eventsCount",{count:k})}),p.length>0&&e.jsx(Z,{size:"small",edge:"end",children:b?e.jsx(Ue,{}):e.jsx(fe,{})})]})]})}),p.length>0&&e.jsx(Se,{in:b,timeout:"auto",unmountOnExit:!0,children:e.jsx(Y,{disablePadding:!0,sx:{pl:2,pr:2,py:1,bgcolor:"rgba(0, 0, 0, 0.01)"},children:p.map(s=>{const f=`${s.type}-${s.source}`,w=!!a[f];return e.jsx(G,{dense:!0,sx:{py:.75},onClick:()=>x(s),children:e.jsxs(j,{sx:{display:"flex",alignItems:"flex-start",width:"100%"},children:[e.jsx(U,{checked:w,sx:{mr:1}}),e.jsxs(j,{children:[e.jsx(S,{variant:"body1",sx:{cursor:"pointer"},children:s.type}),e.jsx(S,{variant:"caption",color:"text.disabled",sx:{display:"block",cursor:"pointer"},children:s.description})]})]})},f)})})})]},n)})})}),l&&e.jsx(Re,{error:!0,sx:{mt:1},children:l})]})}X.propTypes={eventsBySource:o.objectOf(o.shape({source:o.shape({did:o.string.isRequired,title:o.string,description:o.string,version:o.string,logo:o.string}).isRequired,events:o.arrayOf(o.shape({type:o.string.isRequired,description:o.string.isRequired,source:o.string.isRequired})).isRequired,count:o.number.isRequired})).isRequired,selectedEvents:o.objectOf(o.bool).isRequired,setSelectedEvents:o.func.isRequired,error:o.string};X.defaultProps={error:null};function ee({id:t,url:a,description:c,enabledEvents:l,onSubmit:m,onClose:R}){var s;const{t:i}=A(),[d,r]=v.useState({}),{blocklet:E}=q(),{api:C}=H(),{loading:x,error:T,eventsBySource:h}=Ye(),{control:n,handleSubmit:y,formState:{errors:p},reset:k,setValue:g,trigger:$}=Ne({defaultValues:{url:"",description:""}});v.useEffect(()=>{const f=Object.values(d).some(w=>w);g("selectedEvents",f?"valid":""),$("selectedEvents")},[d,g,$]);const u=()=>{r({}),k(),R()},b=async f=>{const w=Object.keys(d).filter(D=>d[D]),O={url:f.url,description:f.description,enabledEvents:w.map(D=>{const[se,ie]=D.split("-");return!se||!ie?null:{type:se,source:ie}}).filter(Boolean)};try{if(t){const D=await C.updateWebhookEndpoint({input:{teamDid:E.appDid,id:t,data:O}});P.success(`${i("webhookEndpoint.updateWebhook")} ${i("webhookEndpoint.success")}`),m(D)}else{const D=await C.createWebhookEndpoint({input:{teamDid:E.appDid,input:O}});P.success(`${i("webhookEndpoint.createWebhook")} ${i("webhookEndpoint.success")}`),m(D)}}catch(D){P.error(D==null?void 0:D.message)}u()};return v.useEffect(()=>{k({url:a,description:c}),r(l.reduce((f,w)=>(f[`${w.type}-${w.source}`]=!0,f),{}))},[k,r,a,c,l]),e.jsx(ce,{open:!0,onClose:u,maxWidth:"lg",fullWidth:!0,sx:{"& .MuiDialog-paper":{minHeight:600}},children:e.jsxs("form",{onSubmit:y(b),children:[e.jsx(ve,{children:i(t?"webhookEndpoint.editWebhookTitle":"webhookEndpoint.createWebhookTitle")}),e.jsx(pe,{children:e.jsxs(j,{sx:{display:"flex",flexDirection:"column",gap:2,mt:2},children:[e.jsx(K,{name:"url",control:n,rules:{required:i("webhookEndpoint.validation.urlRequired"),pattern:{value:/^(http|https):\/\/[^ "]+$/,message:i("webhookEndpoint.validation.urlInvalid")}},render:({field:f})=>{var w;return e.jsx(re,{...f,label:i("webhookEndpoint.url.label"),fullWidth:!0,error:!!p.url,helperText:(w=p.url)==null?void 0:w.message})}}),e.jsx(K,{name:"description",control:n,rules:{required:i("webhookEndpoint.validation.descriptionRequired")},render:({field:f})=>{var w;return e.jsx(re,{...f,label:i("webhookEndpoint.description.label"),fullWidth:!0,multiline:!0,minRows:2,maxRows:4,error:!!p.description,helperText:(w=p.description)==null?void 0:w.message})}}),e.jsx(K,{name:"selectedEvents",control:n,rules:{required:i("webhookEndpoint.validation.eventRequired")},render:({field:f})=>e.jsx("input",{type:"hidden",...f})}),!x&&h&&Object.keys(h).length>0&&e.jsx(X,{eventsBySource:h,selectedEvents:d,setSelectedEvents:r,error:(s=p.selectedEvents)==null?void 0:s.message}),!x&&(!h||Object.keys(h).length===0)&&e.jsx(S,{color:"text.secondary",children:i("webhookEndpoint.noAvailableEvents")}),x&&e.jsx(j,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"500px",width:"100%"},children:e.jsx(F,{size:20})}),T&&e.jsx(Q,{severity:"error",children:i("webhookEndpoint.loadingError",{message:T==null?void 0:T.message})})]})}),e.jsxs(Ce,{sx:{p:"8px 24px 24px"},children:[e.jsx(L,{onClick:u,children:i("common.cancel")}),e.jsx(L,{type:"submit",variant:"contained",color:"primary",children:i(t?"webhookEndpoint.updateWebhook":"webhookEndpoint.saveWebhook")})]})]})})}ee.propTypes={onSubmit:o.func.isRequired,id:o.string,url:o.string,description:o.string,enabledEvents:o.arrayOf(o.shape({type:o.string.isRequired,source:o.string.isRequired})),onClose:o.func};ee.defaultProps={id:null,url:"",description:"",enabledEvents:[],onClose:()=>{}};function he(t){switch(t){case"enabled":return"success";case"disabled":default:return"default"}}const Ge=(t="en")=>t==="tw"?"zh":t;function B(t,a="YYYY-MM-DD HH:mm:ss",c="en"){return t?Ee(t).locale(Ge(c)).format(a):"-"}function Je(t){return typeof t=="number"?!1:xe(t)}function Ve(t){return t>=200&&t<300}function I(t){const a=Je(t.value);return e.jsxs(e.Fragment,{children:[e.jsxs(M,{direction:"column",alignItems:"flex-start",children:[e.jsxs(S,{component:"div",variant:"body1",mb:1,color:"text.primary",sx:{fontWeight:500},children:[t.label,!!t.tip&&e.jsx(W,{title:t.tip,children:e.jsx(De,{fontSize:"small"})})]}),e.jsx(S,{component:"div",variant:"body1",color:a?"text.disabled":"text.secondary",sx:{width:"100%",minHeight:"24px"},children:a?"-":t.value})]}),t.divider&&e.jsx(Me,{orientation:"vertical",flexItem:!0})]})}I.propTypes={label:o.oneOfType([o.string,o.node]).isRequired,value:o.oneOfType([o.string,o.node]).isRequired,tip:o.oneOfType([o.string,o.node]),divider:o.bool};I.defaultProps={tip:"",divider:!1};function te(t){return e.jsxs(M,{className:"section-header",direction:"row",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:1,sx:{mb:t.mb,mt:t.mt,pb:1},children:[e.jsx(S,{variant:"h3",sx:{fontSize:{xs:"18px",md:"1.09375rem"}},component:"div",children:t.title}),t.children]})}te.propTypes={title:o.oneOfType([o.string,o.node]).isRequired,children:o.node,mb:o.number,mt:o.number};te.defaultProps={children:null,mb:1.5,mt:1.5};const Qe=t=>{const a={};return t.forEach(c=>{var m;const l=new Date(c.createdAt).toLocaleDateString();a[l]||(a[l]=[]),(m=a[l])==null||m.push(c)}),a};function oe({eventId:t,webhookEndpointId:a,event:c}){const{api:l}=H(),{t:m}=A(),{blocklet:R}=q(),{data:i,loadMore:d,loadingMore:r,loading:E}=we(p=>{const g=p?Math.ceil(p.list.length/15)+1:1;return l.getWebhookAttempts({input:{teamDid:R.appDid,input:{eventId:t,webhookId:a},paging:{page:g,pageSize:15}}})},{reloadDeps:[t,a]}),C=(i==null?void 0:i.list)||[],[x,T]=v.useState(null),h=Qe(C);v.useEffect(()=>{!x&&(i!=null&&i.list.length)&&T(i.list[0])},[i==null?void 0:i.list.length,x]);const n=p=>{T(p)};if(E)return e.jsx(F,{});const y=i&&i.list.length<i.paging.total;return e.jsxs(_,{container:!0,spacing:{xs:0,md:1},sx:{height:1},children:[e.jsx(_,{item:!0,xs:12,md:4,height:1,children:xe(Object.keys(h))?e.jsx(S,{color:"text.secondary",children:m("webhookEndpoint.waitingForEvents")}):e.jsxs(e.Fragment,{children:[e.jsx(Y,{sx:{maxHeight:"100%",py:0,overflowY:"auto"},children:Object.entries(h).map(([p,k])=>e.jsxs(J.Fragment,{children:[e.jsx(Ie,{children:p}),k.map(g=>e.jsxs(G,{sx:{cursor:"pointer"},onClick:()=>n(g),selected:x===g,secondaryAction:e.jsx(S,{color:"text.secondary",children:B(g.createdAt,"HH:mm:ss")}),children:[e.jsx($e,{sx:{minWidth:0,mr:1.5},children:Ve(g.responseStatus)===!1?e.jsx(Pe,{color:"error"}):e.jsx(We,{color:"success"})}),e.jsx(ze,{primary:e.jsx(S,{color:"text.primary",children:g.event.type})})]},g.id))]},p))}),y&&e.jsx(j,{display:"flex",justifyContent:"center",alignItems:"center",width:1,children:e.jsx(L,{variant:"text",type:"button",color:"inherit",onClick:d,disabled:r,sx:{color:p=>p.palette.text.disabled},children:m(r?"webhookEndpoint.loadingMore":"webhookEndpoint.loadMore")})})]})}),e.jsxs(_,{item:!0,xs:12,md:8,height:1,children:[x&&e.jsxs(M,{height:1,overflow:"auto",direction:"column",spacing:2,sx:{pl:{xs:0,md:1},mt:{xs:2,md:0},borderLeft:{xs:"none"}},children:[e.jsx(S,{variant:"h6",children:t?x.endpoint.url:x.event.type}),e.jsxs(j,{children:[e.jsxs(S,{variant:"h6",children:[m("webhookEndpoint.response")," (",x.responseStatus,")"]}),e.jsx(N,{language:"json",children:JSON.stringify(x.responseBody,null,2)})]}),e.jsxs(j,{children:[e.jsx(M,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:m("webhookEndpoint.request")})}),e.jsx(N,{language:"json",sx:{margin:0},children:JSON.stringify(x.event,null,2)})]})]}),(i==null?void 0:i.list.length)===0&&c&&e.jsxs(j,{children:[e.jsx(M,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:m("webhookEndpoint.eventData")})}),e.jsx(N,{language:"json",sx:{margin:0},children:JSON.stringify(c.data,null,2)})]})]})]})}oe.propTypes={eventId:o.string,webhookEndpointId:o.string,event:o.shape({type:o.string,data:o.object,request:o.object,requestInfo:o.object})};oe.defaultProps={eventId:"",webhookEndpointId:"",event:null};function me({id:t,onClose:a}){var E,C,x,T;const{t:c}=A(),{api:l}=H(),{blocklet:m}=q(),{loading:R,error:i,data:d}=de(()=>l.getWebhookEndpoint({input:{teamDid:m.appDid,id:t}})),r=d==null?void 0:d.data;return i?e.jsx(Q,{severity:"error",children:i.message}):R||!r?e.jsx(j,{display:"flex",justifyContent:"center",alignItems:"center",height:1,width:1,children:e.jsx(F,{})}):e.jsxs(Ze,{direction:"column",sx:{height:1},children:[e.jsxs(j,{children:[e.jsxs(M,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e.jsx(M,{flex:1,width:0,children:e.jsxs(j,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(S,{variant:"h5",fontWeight:600,sx:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:r.description}),e.jsx(W,{title:r.url,children:e.jsx(V,{sx:{fontSize:"16px",marginTop:"2px"}})})]})}),e.jsx(M,{direction:"row",alignItems:"center",children:e.jsx(Z,{edge:"end",color:"inherit",onClick:a,children:e.jsx(Oe,{})})})]}),e.jsx(j,{mt:2,children:e.jsxs(M,{className:"section-body",direction:{xs:"column",md:"row"},spacing:{xs:1,md:3},justifyContent:"flex-start",flexWrap:"wrap",sx:{pt:2,mt:2,borderTop:"1px solid #eee"},children:[e.jsx(I,{label:c("common.status"),value:e.jsx(z,{size:"small",variant:"filled",label:r.status,color:he(r.status),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}}),divider:!0}),e.jsx(I,{label:c("webhookEndpoint.listen"),value:e.jsx(W,{arrow:!0,title:e.jsx("ul",{style:{padding:0,margin:0},children:r.enabledEvents.map(h=>e.jsx("li",{style:{fontSize:"0.7875rem"},children:h==null?void 0:h.type},h))}),children:e.jsx(z,{size:"small",variant:"filled",label:c("webhookEndpoint.eventsCount",{count:r.enabledEvents.length}),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx(I,{label:c("webhookEndpoint.version"),value:r.apiVersion,divider:!0}),e.jsx(I,{label:c("common.createdAt"),value:B(r.createdAt),divider:!0}),e.jsx(I,{label:c("common.updatedAt"),value:B(r.updatedAt),divider:!0}),e.jsx(I,{label:c("common.createdBy"),value:e.jsx(W,{arrow:!0,title:(E=r.createUser)==null?void 0:E.did,children:e.jsx(z,{size:"small",variant:"filled",label:(C=r.createUser)==null?void 0:C.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx(I,{label:c("common.updatedBy"),value:e.jsx(W,{arrow:!0,title:(x=r.updateUser)==null?void 0:x.did,children:e.jsx(z,{size:"small",variant:"filled",label:(T=r.updateUser)==null?void 0:T.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})})})]})})]}),e.jsxs(M,{className:"section",flex:1,height:0,overflow:"hidden",children:[e.jsx(te,{title:c("webhookEndpoint.attempts"),mb:0,mt:4}),e.jsx(M,{height:0,flex:1,overflow:"hidden",children:e.jsx(oe,{webhookEndpointId:r.id})})]})]})}me.propTypes={id:o.string.isRequired,onClose:o.func.isRequired};const Ze=ue(M)``;function be({open:t,onClose:a,id:c}){return e.jsx(ce,{open:t,onClose:a,maxWidth:!1,fullScreen:!0,fullWidth:!0,children:e.jsx(pe,{sx:{height:0},children:e.jsx(me,{id:c,onClose:a})})})}be.propTypes={open:o.bool.isRequired,onClose:o.func.isRequired,id:o.string.isRequired};function ae(){return null}const ne=J.memo(({options:t,columns:a,toolbar:c=!0,footer:l=!0,hasRowLink:m=!1,emptyNodeText:R="",...i})=>{const{locale:d}=A(),r=Ae(x=>x.breakpoints.down("md")),E={print:!1,download:!1,filter:!1,selectableRows:"none",rowsPerPage:r?5:10,rowsPerPageOptions:[5,10,20,50,100],searchDebounceTime:300,tableBodyHeight:"100%",loading:!0},C={};return c||(C.TableToolbar=ae),l||(C.TableFooter=ae),e.jsx(Xe,{locale:d,options:{...E,...t},columns:(a||[]).map(x=>(x.options=x.options||{},x.options.filter=x.options.filter||!1,x.options.sort=x.options.sort||!1,x)),emptyNode:e.jsx(ge,{children:R}),...i,components:C,hasRowLink:m,isMobile:r})});ne.propTypes={options:o.object,columns:o.array,toolbar:o.bool,footer:o.bool,hasRowLink:o.bool,emptyNodeText:o.node,durable:o.string,durableKeys:o.array,data:o.array,loading:o.bool,onChange:o.func,title:o.node,components:o.object};ne.defaultProps={options:{},columns:[],toolbar:!0,footer:!0,hasRowLink:!1,emptyNodeText:null,durable:"",durableKeys:[],data:[],loading:!1,onChange:()=>{},title:null,components:{}};const Xe=ue(je)`
+  .MuiPaper-root {
+    border-radius: 8px;
+    overflow: hidden;
+  }
+  table.MuiTable-root {
+    outline: 1px solid var(--stroke-border-base, #eff1f5);
+    border-radius: var(--radius-m, 8px);
+    overflow: hidden;
+  }
+  [class*='MUIDataTable-responsiveBase'] {
+    outline: 1px solid var(--stroke-border-base, #eff1f5);
+    border-radius: var(--radius-m, 8px);
+  }
+
+  th.MuiTableCell-head {
+    padding: 8px 16px 8px 16px;
+    text-transform: inherit;
+    background: var(--backgrounds-bg-subtle, #f9fafb);
+    border-bottom: none;
+    &:first-of-type {
+      border-top-left-radius: 8px;
+      padding-left: 20px;
+    }
+    &:last-of-type {
+      border-top-right-radius: 8px;
+    }
+  }
+
+  tr.MuiTableRow-root:not(.MuiTableRow-footer):hover {
+    background: var(--backgrounds-bg-highlight, #eff6ff);
+  }
+  tr.MuiTableRow-root:last-of-type td:first-of-type {
+    border-bottom-left-radius: 8px;
+  }
+
+  tr.MuiTableRow-root:last-of-type td:last-of-type {
+    border-bottom-right-radius: 8px;
+  }
+
+  tr.MuiTableRow-root:nth-of-type(even) {
+    background: var(--backgrounds-bg-subtle, #f9fafb);
+  }
+  td.MuiTableCell-root {
+    border-bottom: none;
+    padding-top: 12px;
+    padding-bottom: 12px;
+    padding-left: 16px;
+    padding-right: 16px;
+    &:first-of-type {
+      padding-left: 20px;
+    }
+    &.MuiTableCell-footer {
+      border: none;
+    }
+  }
+
+  .datatable-footer {
+    .MuiTableRow-root.MuiTableRow-footer {
+      border: none;
+    }
+    table.MuiTable-root {
+      outline: none;
+      overflow: hidden;
+    }
+    .MuiTablePagination-input {
+      background: none;
+    }
+    div.MuiSelect-select {
+      padding: 0 24px 0 0;
+    }
+  }
+
+  th a,
+  td a {
+    text-decoration: none;
+    display: block;
+    color: inherit;
+    &:first-of-type {
+      padding-left: 0;
+    }
+  }
+
+  > div {
+    overflow: auto;
+  }
+  .custom-toobar-title-inner {
+    display: flex;
+    align-items: center;
+  }
+  @media (max-width: ${({theme:t})=>t.breakpoints.values.md}px) {
+    th a,
+    td a {
+      text-decoration: none;
+      display: block;
+      color: inherit;
+      padding-top: 0;
+      padding-bottom: 0;
+      padding-right: 0;
+    }
+    tr.MuiTableRow-root {
+      border: none;
+      padding: 20px;
+      display: block;
+    }
+    td.MuiTableCell-root:first-of-type {
+      padding-left: 0;
+      margin-top: 0;
+    }
+    td.MuiTableCell-root {
+      margin: 0;
+      margin-top: 8px;
+      align-items: center;
+      padding: 0;
+      flex-wrap: wrap;
+      flex-direction: ${({mobileTDFlexDirection:t="column"})=>t||"row"};
+      align-items: ${({mobileTDFlexDirection:t="column"})=>t==="column"?"flex-start":"center"};
+      justify-content: ${({mobileTDFlexDirection:t="column"})=>t==="column"?"flex-start":"space-between"};
+    }
+    td.MuiTableCell-root > div {
+      margin-bottom: 4px;
+    }
+    .MuiTable-root > .MuiTableBody-root > .MuiTableRow-root > td.MuiTableCell-root {
+      display: flex;
+      flex-direction: ${({mobileTDFlexDirection:t="column"})=>t||"row"};
+      align-items: flex-start;
+      justify-content: ${({mobileTDFlexDirection:t="column"})=>t==="row"?"space-between":"flex-start"};
+      flex-wrap: ${({mobileTDFlexDirection:t="column"})=>t==="row"?"nowrap":"wrap"};
+      word-break: break-all;
+      &.datatables-noprint {
+        justify-content: center;
+      }
+    }
+    [class*='MUIDataTable-responsiveBase'] tr:not([class*='responsiveSimple']) td.MuiTableCell-body > div {
+      width: inherit;
+    }
+  }
+`,et=ne;function ht(){const{blocklet:t}=q(),a=`webhook-endpoints-${t.appDid}`,c=ye(a),{t:l}=A(),{api:m}=H(),[R,i]=v.useState(""),[d,r]=v.useState({webhookDetail:{open:!1,id:null},createEdit:{open:!1,id:null,url:"",description:"",enabledEvents:[]},deleteConfirm:null}),[E,C]=ke(a,{defaultValue:{pageSize:c.rowsPerPage||20,page:c.page?c.page+1:1}}),{loading:x,error:T,data:h,refresh:n}=de(()=>m.getWebhookEndpoints({input:{teamDid:t.appDid,paging:{page:E.page,pageSize:E.pageSize}}}));v.useEffect(()=>{n()},[E,n]);const y=v.useCallback(async(u,b)=>{try{await m.updateWebhookEndpoint({input:{teamDid:t.appDid,id:u.id,data:{status:b?"disabled":"enabled"}}}),n(),P.success(`${l(b?"webhookEndpoint.disable":"webhookEndpoint.enable")}${l("webhookEndpoint.success")}`)}catch(s){P.error(s==null?void 0:s.message)}},[m,t.appDid,n,l]),p=v.useCallback(async u=>{try{await m.deleteWebhookEndpoint({input:{teamDid:t.appDid,id:u}}),n(),r(b=>({...b,deleteConfirm:null})),P.success(`${l("common.delete")}${l("webhookEndpoint.success")}`)}catch(b){P.error(b==null?void 0:b.message)}},[m,t.appDid,n,l]),k=(u,b)=>{let s=u.page+1;const f=u.searchText||"";if(f!==R){i(f);return}if(b==="changePage"||b==="changeRowsPerPage"){b!=="changePage"&&(s=1);const w={page:s,pageSize:u.rowsPerPage};i(""),C(w)}};if(T)return e.jsx(Q,{severity:"error",children:T.message});if(x||!h)return e.jsx(j,{display:"flex",justifyContent:"center",alignItems:"center",width:1,height:500,children:e.jsx(F,{})});const g=((h==null?void 0:h.list)||[]).filter(u=>{if(!R)return!0;const b=R.toLowerCase();return u.description.toLowerCase().includes(b)||u.url.toLowerCase().includes(b)}),$=[{label:"URL",name:"url",options:{customBodyRenderLite:(u,b)=>{const s=g[b];return e.jsxs(j,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(S,{variant:"body2",children:s.description}),e.jsx(j,{sx:{display:"flex"},onClick:f=>{f.stopPropagation()},children:e.jsx(W,{title:s.url,children:e.jsx(V,{sx:{fontSize:"15px",marginTop:"1px"}})})})]})}}},{label:"Events",name:"events",options:{customBodyRenderLite:(u,b)=>{const s=g[b];return e.jsx(j,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"wrap"},children:s.enabledEvents.map(f=>e.jsx(z,{size:"small",variant:"filled",label:f.type,sx:{borderRadius:"4px",textTransform:"capitalize"}},`${s.source}-${f.type}`))})}}},{label:l("common.status"),name:"status",options:{customBodyRenderLite:(u,b)=>{const s=g[b];return e.jsx(z,{size:"small",variant:"filled",label:l(`webhookEndpoint.${s==null?void 0:s.status}`),color:he(s==null?void 0:s.status),sx:{borderRadius:"4px",textTransform:"capitalize"}},`status-${s.status}`)}}},{label:l("common.createdAt"),name:"createdAt",minWidth:200,options:{customBodyRender:u=>B(u)}},{label:l("common.actions"),name:"actions",width:100,align:"center",verticalKeyAlign:"center",options:{customBodyRenderLite:(u,b)=>{const s=g[b],f=(s==null?void 0:s.status)==="enabled";return e.jsx(Ke,{actions:[{icon:f?e.jsx(qe,{}):e.jsx(Le,{}),text:l(f?"webhookEndpoint.disable":"webhookEndpoint.enable"),onClick:w=>{w.stopPropagation(),y(s,f)}},{icon:e.jsx(Be,{}),text:l("common.edit"),onClick:w=>{w.stopPropagation(),r(O=>({...O,createEdit:{open:!0,id:s.id,url:s.url,description:s.description,enabledEvents:s.enabledEvents}}))}},{icon:e.jsx(He,{}),text:l("common.delete"),onClick:w=>{w.stopPropagation(),r(O=>({...O,deleteConfirm:{title:l("webhookEndpoint.deleteWebhook.title"),description:l("webhookEndpoint.deleteWebhook.description"),confirm:l("common.confirm"),cancel:l("common.cancel"),onConfirm:()=>p(s.id),onCancel:()=>r(D=>({...D,deleteConfirm:null}))}}))}}]})}}}];return e.jsxs(e.Fragment,{children:[e.jsx(et,{durable:a,durableKeys:["page","rowsPerPage"],data:g,columns:$,options:{count:h.count,page:E.page-1,rowsPerPage:E.pageSize,customToolbar:()=>e.jsx(Z,{onClick:()=>r(u=>({...u,createEdit:{...u.createEdit,open:!0}})),children:e.jsx(Fe,{})},"add"),onRowClick:(u,{dataIndex:b})=>{const s=h.list[b];r(f=>({...f,webhookDetail:{open:!0,id:s.id}}))}},loading:x,onChange:k,title:e.jsx(S,{variant:"h6",children:l("webhookEndpoint.title")}),emptyNodeText:e.jsxs(M,{gap:1,children:[l("webhookEndpoint.noWebhooksAdded"),e.jsx(L,{variant:"contained",color:"primary",onClick:()=>r(u=>({...u,createEdit:{...u.createEdit,open:!0}})),children:l("webhookEndpoint.createWebhook")})]})}),d.webhookDetail.open&&e.jsx(be,{open:!0,onClose:()=>r(u=>({...u,webhookDetail:{open:!1,id:null}})),id:d.webhookDetail.id}),d.createEdit.open&&e.jsx(ee,{onSubmit:n,...d.createEdit,onClose:()=>r(u=>({...u,createEdit:{id:null,url:"",description:"",enabledEvents:[],open:!1}}))}),d.deleteConfirm&&e.jsx(_e,{title:d.deleteConfirm.title,description:d.deleteConfirm.description,confirm:d.deleteConfirm.confirm,cancel:d.deleteConfirm.cancel,params:d.deleteConfirm.params,onConfirm:d.deleteConfirm.onConfirm,onCancel:d.deleteConfirm.onCancel})]})}export{ht as default};

package/dist/assets/{index-70BdZ2Qz.js → index-Cszfyf7Q.js}

@@ -1,4 +1,4 @@
-import{g as w}from"./vendor-react-D-afvo_7.js";import{af as b}from"./index-Cv9hbnTq.js";var x=(n,t=1,e)=>{if(e={indent:" ",includeEmptyLines:!1,...e},typeof n!="string")throw new TypeError(`Expected \`input\` to be a \`string\`, got \`${typeof n}\``);if(typeof t!="number")throw new TypeError(`Expected \`count\` to be a \`number\`, got \`${typeof t}\``);if(typeof e.indent!="string")throw new TypeError(`Expected \`options.indent\` to be a \`string\`, got \`${typeof e.indent}\``);if(t===0)return n;const r=e.includeEmptyLines?/^/gm:/^(?!\s*$)/gm;return n.replace(r,e.indent.repeat(t))};const m=b,E=/\s+at.*(?:\(|\s)(.*)\)?/,$=/^(?:(?:(?:node|(?:internal\/[\w/]*|.*node_modules\/(?:babel-polyfill|pirates)\/.*)?\w+)\.js:\d+:\d+)|native)/,j=typeof m.homedir>"u"?"":m.homedir();var v=(n,t)=>(t=Object.assign({pretty:!1},t),n.replace(/\\/g,"/").split(`
+import{g as w}from"./vendor-react-DoD83n6N.js";import{af as b}from"./index-CpfGTKUf.js";var x=(n,t=1,e)=>{if(e={indent:" ",includeEmptyLines:!1,...e},typeof n!="string")throw new TypeError(`Expected \`input\` to be a \`string\`, got \`${typeof n}\``);if(typeof t!="number")throw new TypeError(`Expected \`count\` to be a \`number\`, got \`${typeof t}\``);if(typeof e.indent!="string")throw new TypeError(`Expected \`options.indent\` to be a \`string\`, got \`${typeof e.indent}\``);if(t===0)return n;const r=e.includeEmptyLines?/^/gm:/^(?!\s*$)/gm;return n.replace(r,e.indent.repeat(t))};const m=b,E=/\s+at.*(?:\(|\s)(.*)\)?/,$=/^(?:(?:(?:node|(?:internal\/[\w/]*|.*node_modules\/(?:babel-polyfill|pirates)\/.*)?\w+)\.js:\d+:\d+)|native)/,j=typeof m.homedir>"u"?"":m.homedir();var v=(n,t)=>(t=Object.assign({pretty:!1},t),n.replace(/\\/g,"/").split(`
 `).filter(e=>{const r=e.match(E);if(r===null||!r[1])return!0;const a=r[1];return a.includes(".app/Contents/Resources/electron.asar")||a.includes(".app/Contents/Resources/default_app.asar")?!1:!$.test(a)}).filter(e=>e.trim()!=="").map(e=>t.pretty?e.replace(E,(r,a)=>r.replace(a,a.replace(j,"~"))):e).join(`
 `));const A=x,S=v,I=n=>n.replace(/\s+at .*aggregate-error\/index.js:\d+:\d+\)?/g,"");let k=class extends Error{constructor(t){if(!Array.isArray(t))throw new TypeError(`Expected input to be an Array, got ${typeof t}`);t=[...t].map(r=>r instanceof Error?r:r!==null&&typeof r=="object"?Object.assign(new Error(r.message),r):new Error(r));let e=t.map(r=>typeof r.stack=="string"?I(S(r.stack)):String(r)).join(`
 `);e=`