@abtnode/blocklet-services 1.16.41 → 1.16.42-beta-20250403-230303-c167c6a1

package/dist/assets/index-C44fECmB.js

@@ -1,138 +0,0 @@
-import{u as q,W as z,bM as K,i as be,Y as fe,a3 as ge,bD as je}from"./vendor-ux-did-connect-Bciw9Ypu.js";import{x as ye,m as de,j as we}from"./vendor-hooks-sw5wvnca.js";import{r as C,b as X}from"./vendor-react-DoD83n6N.js";import{d as Z}from"./InfoOutlined-CEUhR4DY.js";import{A as N,D as ce,v as ke}from"./index-BsUr7wGb.js";import{u as F}from"./dashboard-C_Q4TjPa.js";import{E as o,j as e,D as ve,ac as Ee,r as Ce,a4 as f,M as ie,T as S,a3 as U,ad as ee,y as Te,x as B,bp as le,bM as Y,a5 as A,L as Q,z as G,bi as Se,A as O,I as _,C as Re,bn as Me,ae as D,cJ as Ie,al as De,bf as V,bm as Pe,b3 as We,cK as ze,cL as Ae,b4 as Oe,ag as $e,bV as qe,s as pe,t as Le,cM as Be,cN as He,cO as Ne,cP as Fe,cQ as Ue}from"./vendor-mui-core-DxqV1NVn.js";import{u as _e,C as J}from"./index.esm-CWepf7I_.js";import{b as Ke}from"./vendor-arcblock-DvaaLvvM.js";import{d as Ye}from"./ExpandLess-Dc_dI20M.js";import{z as ue,x as Ve,y as Je}from"./vendor-utils-DR57WNxP.js";import{C as Qe}from"./confirm-DmMN-34s.js";import{A as Ge}from"./actions-4oGfCMlR.js";import"./lottie-web-B6s7dDoL.js";import"./useLocalStorage-Dd4pybDP.js";import"./PlayArrow-D7cGSxeN.js";import"./get-safe-url-BKl2A9x2.js";import"./format-error-LAoTjvJe.js";import"./index-DyTFEgKr.js";import"./session-6ZeN-aF2.js";import"./useAsyncRetry-B7SbzXVI.js";import"./useAsync-DM8qaMe4.js";import"./useSetState-BL3ktMon.js";import"./MoreHoriz-D1SOL47a.js";const Xe=t=>{var j,y;const[d,c]=C.useState(null),[a,b]=C.useState(!t),[R,p]=C.useState(null),{blocklet:n}=ce(),l=(y=(j=n==null?void 0:n.site)==null?void 0:j.domainAliases[0])==null?void 0:y.value,v=C.useMemo(()=>{const h={};return d&&(d.sources.forEach(r=>{h[r.did]={source:r,events:[],count:0}}),d.events.forEach(r=>{h[r.source]&&(h[r.source].events.push(r),h[r.source].count+=1)})),h},[d]),T=async()=>{try{if(b(!0),!l)return;const r=await(await fetch(`https://${l}/.well-known/service/openevent.json`)).json();c(r),p(null)}catch(h){p(h instanceof Error?h:new Error(String(h)))}finally{b(!1)}};return C.useEffect(()=>{T()},[l]),{openEvent:d,setOpenEvent:c,eventsBySource:v,loading:a,error:R,loadData:T}};function te({eventsBySource:t,selectedEvents:d,setSelectedEvents:c,error:a}){const{t:b}=q(),[R,p]=C.useState({}),n=C.useMemo(()=>{const r={};return Object.entries(t).forEach(([w,{events:g}])=>{const E=g.filter(u=>d[`${u.type}-${u.source}`]).length;r[w]=E}),r},[t,d]),l=C.useMemo(()=>Object.values(n).reduce((r,w)=>r+w,0),[n]),v=C.useMemo(()=>Object.values(t).reduce((r,{events:w})=>r+w.length,0),[t]),T=(r,w)=>{w.stopPropagation(),p({...R,[r]:!R[r]})},j=r=>{const w=`${r.type}-${r.source}`;c(g=>({...g,[w]:!g[w]}))},y=(r,w)=>{const g={};r.forEach(E=>{const u=`${E.type}-${E.source}`;g[u]=!w}),c(E=>({...E,...g}))},h=r=>{const w={};Object.values(t).forEach(({events:g})=>{g.forEach(E=>{const u=`${E.type}-${E.source}`;w[u]=r.target.checked})}),c(w)};return e.jsxs(f,{sx:{width:"100%"},children:[e.jsxs(f,{sx:{display:"flex",alignItems:"center",mb:1,mt:1},children:[e.jsx(le,{control:e.jsx(Y,{onChange:h,checked:l>0&&l===v}),label:e.jsxs(f,{sx:{display:"flex",alignItems:"center",cursor:"pointer"},children:[b("webhookEndpoint.selectAllEvents"),e.jsx(f,{sx:{display:"flex",alignItems:"center"},children:e.jsx(A,{title:b("webhookEndpoint.selectAllEventsTooltip"),placement:"right",children:e.jsx(Z,{fontSize:"small",sx:{ml:.5,cursor:"help"}})})})]}),sx:{m:0}}),l>0&&e.jsx(S,{variant:"body2",color:"primary",sx:{ml:"auto"},children:b("webhookEndpoint.selectedEventsCount",{count:l})})]}),e.jsx(f,{sx:{maxHeight:"50vh",overflow:"auto"},children:e.jsx(Q,{disablePadding:!0,sx:{border:"1px solid #e0e0e0",borderRadius:"4px"},children:Object.entries(t).map(([r,{source:w,events:g,count:E}],u)=>{const I=n[r]>0,i=n[r]===g.length&&g.length>0,x=R[r];return e.jsxs(X.Fragment,{children:[e.jsx(G,{sx:{borderBottom:u<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(f,{sx:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},onClick:s=>{s.target.closest(".MuiFormControlLabel-root")||T(r,s)},children:[e.jsx(f,{sx:{display:"flex",alignItems:"center"},children:g.length>0&&e.jsx(le,{control:e.jsx(Y,{checked:i,indeterminate:I&&!i,onChange:s=>{s.stopPropagation(),y(g,i)}}),label:e.jsxs(f,{sx:{display:"flex",alignItems:"center",gap:1},children:[w.logo&&e.jsx(Se,{src:w.logo,sx:{width:24,height:24}}),e.jsx(f,{children:w.title||r}),I&&e.jsx(O,{label:b("webhookEndpoint.selectedCount",{count:n[r]}),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(f,{sx:{display:"flex",alignItems:"center"},children:[e.jsx(S,{variant:"body2",color:"text.secondary",sx:{mr:1},children:b("webhookEndpoint.eventsCount",{count:E})}),g.length>0&&e.jsx(_,{size:"small",edge:"end",children:x?e.jsx(Ye,{}):e.jsx(Ke,{})})]})]})}),g.length>0&&e.jsx(Re,{in:x,timeout:"auto",unmountOnExit:!0,children:e.jsx(Q,{disablePadding:!0,sx:{pl:2,pr:2,py:1,bgcolor:"rgba(0, 0, 0, 0.01)"},children:g.map(s=>{const m=`${s.type}-${s.source}`,k=!!d[m];return e.jsx(G,{dense:!0,sx:{py:.75},onClick:()=>j(s),children:e.jsxs(f,{sx:{display:"flex",alignItems:"flex-start",width:"100%"},children:[e.jsx(Y,{checked:k,sx:{mr:1}}),e.jsxs(f,{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})]})]})},m)})})})]},r)})})}),a&&e.jsx(Me,{error:!0,sx:{mt:1},children:a})]})}te.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};te.defaultProps={error:null};function oe({id:t,url:d,description:c,enabledEvents:a,onSubmit:b,onClose:R}){var s;const{t:p}=q(),[n,l]=C.useState({}),{teamDid:v}=F(),{api:T}=N(),{loading:j,error:y,eventsBySource:h}=Xe(),{control:r,handleSubmit:w,formState:{errors:g},reset:E,setValue:u,trigger:I}=_e({defaultValues:{url:"",description:""}});C.useEffect(()=>{const m=Object.values(n).some(k=>k);u("selectedEvents",m?"valid":""),I("selectedEvents")},[n,u,I]);const i=()=>{l({}),E(),R()},x=async m=>{const k=Object.keys(n).filter(M=>n[M]),P={url:m.url,description:m.description,enabledEvents:k.map(M=>{const[$,L]=M.split("-");return!$||!L?null:{type:$,source:L}}).filter(Boolean)};try{if(t){const M=await T.updateWebhookEndpoint({input:{teamDid:v,id:t,data:P}});z.success(`${p("webhookEndpoint.updateWebhook")} ${p("webhookEndpoint.success")}`),b(M)}else{const M=await T.createWebhookEndpoint({input:{teamDid:v,input:P}});z.success(`${p("webhookEndpoint.createWebhook")} ${p("webhookEndpoint.success")}`),b(M)}}catch(M){z.error(M==null?void 0:M.message)}i()};return C.useEffect(()=>{E({url:d,description:c}),l(a.reduce((m,k)=>(m[`${k.type}-${k.source}`]=!0,m),{}))},[E,l,d,c,a]),e.jsx(ve,{open:!0,onClose:i,maxWidth:"lg",fullWidth:!0,sx:{"& .MuiDialog-paper":{minHeight:600}},children:e.jsxs("form",{onSubmit:w(x),children:[e.jsx(Ee,{children:p(t?"webhookEndpoint.editWebhookTitle":"webhookEndpoint.createWebhookTitle")}),e.jsx(Ce,{children:e.jsxs(f,{sx:{display:"flex",flexDirection:"column",gap:2,mt:2},children:[e.jsx(J,{name:"url",control:r,rules:{required:p("webhookEndpoint.validation.urlRequired"),pattern:{value:/^(http|https):\/\/[^ "]+$/,message:p("webhookEndpoint.validation.urlInvalid")}},render:({field:m})=>{var k;return e.jsx(ie,{...m,label:p("webhookEndpoint.url.label"),fullWidth:!0,error:!!g.url,helperText:(k=g.url)==null?void 0:k.message})}}),e.jsx(J,{name:"description",control:r,rules:{required:p("webhookEndpoint.validation.descriptionRequired")},render:({field:m})=>{var k;return e.jsx(ie,{...m,label:p("webhookEndpoint.description.label"),fullWidth:!0,multiline:!0,minRows:2,maxRows:4,error:!!g.description,helperText:(k=g.description)==null?void 0:k.message})}}),e.jsx(J,{name:"selectedEvents",control:r,rules:{required:p("webhookEndpoint.validation.eventRequired")},render:({field:m})=>e.jsx("input",{type:"hidden",...m})}),!j&&h&&Object.keys(h).length>0&&e.jsx(te,{eventsBySource:h,selectedEvents:n,setSelectedEvents:l,error:(s=g.selectedEvents)==null?void 0:s.message}),!j&&(!h||Object.keys(h).length===0)&&e.jsx(S,{color:"text.secondary",children:p("webhookEndpoint.noAvailableEvents")}),j&&e.jsx(f,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"500px",width:"100%"},children:e.jsx(U,{size:20})}),y&&e.jsx(ee,{severity:"error",children:p("webhookEndpoint.loadingError",{message:y==null?void 0:y.message})})]})}),e.jsxs(Te,{sx:{p:"8px 24px 24px"},children:[e.jsx(B,{onClick:i,children:p("common.cancel")}),e.jsx(B,{type:"submit",variant:"contained",color:"primary",children:p(t?"webhookEndpoint.updateWebhook":"webhookEndpoint.saveWebhook")})]})]})})}oe.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};oe.defaultProps={id:null,url:"",description:"",enabledEvents:[],onClose:()=>{}};function he(t){switch(t){case"enabled":return"success";case"disabled":default:return"default"}}const Ze=(t="en")=>t==="tw"?"zh":t;function H(t,d="YYYY-MM-DD HH:mm:ss",c="en"){return t?ke(t).locale(Ze(c)).format(d):"-"}function et(t){return typeof t=="number"?!1:ue(t)}function tt(t){return t>=200&&t<300}function W(t){const d=et(t.value);return e.jsxs(e.Fragment,{children:[e.jsxs(D,{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(A,{title:t.tip,children:e.jsx(Ie,{fontSize:"small"})})]}),e.jsx(S,{component:"div",variant:"body1",color:d?"text.disabled":"text.secondary",sx:{width:"100%",minHeight:"24px"},children:d?"-":t.value})]}),t.divider&&e.jsx(De,{orientation:"vertical",flexItem:!0})]})}W.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};W.defaultProps={tip:"",divider:!1};function ne(t){return e.jsxs(D,{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]})}ne.propTypes={title:o.oneOfType([o.string,o.node]).isRequired,children:o.node,mb:o.number,mt:o.number};ne.defaultProps={children:null,mb:1.5,mt:1.5};const ot={width:24,height:24,body:'<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"/>'},nt=t=>{const d={};return t.forEach(c=>{var b;const a=new Date(c.createdAt).toLocaleDateString();d[a]||(d[a]=[]),(b=d[a])==null||b.push(c)}),d};function se({eventId:t,webhookEndpointId:d,event:c}){const{api:a}=N(),{t:b}=q(),{teamDid:R}=F(),{blocklet:p}=ce(),{data:n,loadMore:l,loadingMore:v,loading:T}=ye(u=>{const i=u?Math.ceil(u.list.length/15)+1:1;return a.getWebhookAttempts({input:{teamDid:R,input:{eventId:t,webhookId:d},paging:{page:i,pageSize:15}}})},{reloadDeps:[t,d]}),j=(n==null?void 0:n.list)||[],[y,h]=C.useState(null),r=nt(j);C.useEffect(()=>{!y&&(n!=null&&n.list.length)&&h(n.list[0])},[n==null?void 0:n.list.length,y]);const w=u=>{h(u)};if(T)return e.jsx(U,{});const g=n&&n.list.length<n.paging.total,E=u=>{var I,i,x,s,m;if(u.responseBody&&((I=u.responseBody)!=null&&I.sessionId)&&((i=u.responseBody)!=null&&i.projectId)&&((x=u.responseBody)!=null&&x.agentId)){const k=(m=(s=p==null?void 0:p.site)==null?void 0:s.domainAliases[0])==null?void 0:m.value,P=(p.children||[]).find($=>{var L;return((L=$==null?void 0:$.meta)==null?void 0:L.name)==="ai-studio"}),M=Ve(Je(`https://${k}`,(P==null?void 0:P.mountPoint)||"","projects",u.responseBody.projectId,"logs/main"),{sessionId:u.responseBody.sessionId,agentId:u.responseBody.agentId});return e.jsx(_,{sx:{fontSize:20},onClick:()=>window.open(M,"_blank"),children:e.jsx(f,{component:be,icon:ot})})}return null};return e.jsxs(V,{container:!0,spacing:{xs:0,md:1},sx:{height:1},children:[e.jsx(V,{item:!0,xs:12,md:4,height:1,children:ue(Object.keys(r))?e.jsx(S,{color:"text.secondary",children:b("webhookEndpoint.waitingForEvents")}):e.jsxs(e.Fragment,{children:[e.jsx(Q,{sx:{maxHeight:"calc(100% - 40px)",py:0,overflowY:"auto"},children:Object.entries(r).map(([u,I])=>e.jsxs(X.Fragment,{children:[e.jsx(Pe,{children:u}),I.map(i=>e.jsxs(G,{sx:{cursor:"pointer"},onClick:()=>w(i),selected:y===i,secondaryAction:e.jsx(S,{color:"text.secondary",children:H(i.createdAt,"HH:mm:ss")}),children:[e.jsx(We,{sx:{minWidth:0,mr:1.5},children:tt(i.responseStatus)===!1?e.jsx(ze,{color:"error"}):e.jsx(Ae,{color:"success"})}),e.jsx(Oe,{primary:e.jsx(S,{color:"text.primary",children:i.event.type})})]},i.id))]},u))}),g&&e.jsx(f,{display:"flex",justifyContent:"center",alignItems:"center",width:1,children:e.jsx(B,{variant:"text",type:"button",color:"inherit",onClick:l,disabled:v,sx:{color:u=>u.palette.text.disabled},children:b(v?"webhookEndpoint.loadingMore":"webhookEndpoint.loadMore")})})]})}),e.jsxs(V,{item:!0,xs:12,md:8,height:1,children:[y&&e.jsxs(D,{height:1,overflow:"auto",direction:"column",spacing:2,sx:{pl:{xs:0,md:1},mt:{xs:2,md:0},borderLeft:{xs:"none"}},children:[e.jsxs(f,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(S,{variant:"h6",children:t?y.endpoint.url:y.event.type}),e.jsx(f,{children:E(y)})]}),e.jsxs(f,{children:[e.jsxs(S,{variant:"h6",children:[b("webhookEndpoint.response")," (",y.responseStatus,")"]}),e.jsx(K,{language:"json",children:JSON.stringify(y.responseBody,null,2)})]}),e.jsxs(f,{children:[e.jsx(D,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:b("webhookEndpoint.request")})}),e.jsx(K,{language:"json",sx:{margin:0},children:JSON.stringify(y.event,null,2)})]})]}),(n==null?void 0:n.list.length)===0&&c&&e.jsxs(f,{children:[e.jsx(D,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:b("webhookEndpoint.eventData")})}),e.jsx(K,{language:"json",sx:{margin:0},children:JSON.stringify(c.data,null,2)})]})]})]})}se.propTypes={eventId:o.string,webhookEndpointId:o.string,event:o.shape({type:o.string,data:o.object,request:o.object,requestInfo:o.object})};se.defaultProps={eventId:"",webhookEndpointId:"",event:null};function xe({id:t,onClose:d}){var v,T,j,y;const{t:c}=q(),{api:a}=N(),{teamDid:b}=F(),{loading:R,error:p,data:n}=de(()=>a.getWebhookEndpoint({input:{teamDid:b,id:t}})),l=n==null?void 0:n.data;return p?e.jsx(ee,{severity:"error",children:p.message}):R||!l?e.jsx(f,{display:"flex",justifyContent:"center",alignItems:"center",height:1,width:1,children:e.jsx(U,{})}):e.jsxs(st,{direction:"column",sx:{height:{xs:"auto",md:1}},children:[e.jsxs(f,{children:[e.jsxs(D,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e.jsx(D,{flex:1,width:0,children:e.jsxs(f,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(S,{variant:"h5",fontWeight:600,sx:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:l.description}),e.jsx(A,{title:l.url,children:e.jsx(Z,{sx:{fontSize:"16px",marginTop:"2px"}})})]})}),e.jsx(D,{direction:"row",alignItems:"center",children:e.jsx(_,{edge:"end",color:"inherit",onClick:d,children:e.jsx(qe,{})})})]}),e.jsx(f,{mt:2,children:e.jsxs(D,{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(W,{label:c("common.status"),value:e.jsx(O,{size:"small",variant:"filled",label:l.status,color:he(l.status),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}}),divider:!0}),e.jsx(W,{label:c("webhookEndpoint.listen"),value:e.jsx(A,{arrow:!0,title:e.jsx("ul",{style:{padding:0,margin:0},children:l.enabledEvents.map(h=>e.jsx("li",{style:{fontSize:"0.7875rem"},children:h==null?void 0:h.type},h))}),children:e.jsx(O,{size:"small",variant:"filled",label:c("webhookEndpoint.eventsCount",{count:l.enabledEvents.length}),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx(W,{label:c("webhookEndpoint.version"),value:l.apiVersion,divider:!0}),e.jsx(W,{label:c("common.createdAt"),value:H(l.createdAt),divider:!0}),e.jsx(W,{label:c("common.updatedAt"),value:H(l.updatedAt),divider:!0}),e.jsx(W,{label:c("common.createdBy"),value:e.jsx(A,{arrow:!0,title:(v=l.createUser)==null?void 0:v.did,children:e.jsx(O,{size:"small",variant:"filled",label:(T=l.createUser)==null?void 0:T.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx(W,{label:c("common.updatedBy"),value:e.jsx(A,{arrow:!0,title:(j=l.updateUser)==null?void 0:j.did,children:e.jsx(O,{size:"small",variant:"filled",label:(y=l.updateUser)==null?void 0:y.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})})})]})})]}),e.jsxs(D,{className:"section",flex:1,height:0,overflow:"hidden",children:[e.jsx(ne,{title:c("webhookEndpoint.attempts"),mb:0,mt:4}),e.jsx(D,{height:0,flex:1,overflow:"hidden",children:e.jsx(se,{webhookEndpointId:l.id})})]})]})}xe.propTypes={id:o.string.isRequired,onClose:o.func.isRequired};const st=pe(D)``;function me({open:t,onClose:d,id:c}){return e.jsx($e,{anchor:"right",open:t,onClose:d,PaperProps:{sx:{width:"90vw",maxWidth:"1200px"}},children:e.jsx(f,{sx:{height:"100vh",p:3},children:e.jsx(xe,{id:c,onClose:d})})})}me.propTypes={open:o.bool.isRequired,onClose:o.func.isRequired,id:o.string.isRequired};function ae(){return null}const re=X.memo(({options:t,columns:d,toolbar:c=!0,footer:a=!0,hasRowLink:b=!1,emptyNodeText:R="",...p})=>{const{locale:n}=q(),l=Le(j=>j.breakpoints.down("md")),v={print:!1,download:!1,filter:!1,selectableRows:"none",rowsPerPage:l?5:10,rowsPerPageOptions:[5,10,20,50,100],searchDebounceTime:300,tableBodyHeight:"100%",loading:!0},T={};return c||(T.TableToolbar=ae),a||(T.TableFooter=ae),e.jsx(rt,{locale:n,options:{...v,...t},columns:(d||[]).map(j=>(j.options=j.options||{},j.options.filter=j.options.filter||!1,j.options.sort=j.options.sort||!1,j)),emptyNode:e.jsx(fe,{children:R}),...p,components:T,hasRowLink:b,isMobile:l})});re.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};re.defaultProps={options:{},columns:[],toolbar:!0,footer:!0,hasRowLink:!1,emptyNodeText:null,durable:"",durableKeys:[],data:[],loading:!1,onChange:()=>{},title:null,components:{}};const rt=pe(ge)`
-  .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;
-    }
-  }
-`,it=re;function Dt(){const{teamDid:t}=F(),d=`webhook-endpoints-${t}`,c=je(d),{t:a}=q(),{api:b}=N(),[R,p]=C.useState(""),[n,l]=C.useState({webhookDetail:{open:!1,id:null},createEdit:{open:!1,id:null,url:"",description:"",enabledEvents:[]},deleteConfirm:null}),[v,T]=we(d,{defaultValue:{pageSize:c.rowsPerPage||20,page:c.page?c.page+1:1}}),{loading:j,error:y,data:h,refresh:r}=de(()=>b.getWebhookEndpoints({input:{teamDid:t,paging:{page:v.page,pageSize:v.pageSize}}}));C.useEffect(()=>{r()},[v,r]);const w=C.useCallback(async(i,x)=>{try{await b.updateWebhookEndpoint({input:{teamDid:t,id:i.id,data:{status:x?"disabled":"enabled"}}}),r(),z.success(`${a(x?"webhookEndpoint.disable":"webhookEndpoint.enable")}${a("webhookEndpoint.success")}`)}catch(s){z.error(s==null?void 0:s.message)}},[b,t,r,a]),g=C.useCallback(async i=>{try{await b.deleteWebhookEndpoint({input:{teamDid:t,id:i}}),r(),l(x=>({...x,deleteConfirm:null})),z.success(`${a("common.delete")}${a("webhookEndpoint.success")}`)}catch(x){z.error(x==null?void 0:x.message)}},[b,t,r,a]),E=(i,x)=>{let s=i.page+1;const m=i.searchText||"";if(m!==R){p(m);return}if(x==="changePage"||x==="changeRowsPerPage"){x!=="changePage"&&(s=1);const k={page:s,pageSize:i.rowsPerPage};p(""),T(k)}};if(y)return e.jsx(ee,{severity:"error",children:y.message});if(j||!h)return e.jsx(f,{display:"flex",justifyContent:"center",alignItems:"center",width:1,height:500,children:e.jsx(U,{})});const u=((h==null?void 0:h.list)||[]).filter(i=>{if(!R)return!0;const x=R.toLowerCase();return i.description.toLowerCase().includes(x)||i.url.toLowerCase().includes(x)}),I=[{label:"URL",name:"url",options:{customBodyRenderLite:(i,x)=>{const s=u[x];return e.jsxs(f,{sx:{display:"flex",alignItems:"center",cursor:"pointer",gap:.5},children:[e.jsx(S,{variant:"body2",children:s.description}),e.jsx(f,{sx:{display:"flex"},onClick:m=>{m.stopPropagation()},children:e.jsx(A,{title:s.url,children:e.jsx(Z,{sx:{fontSize:"15px",marginTop:"1px"}})})})]})}}},{label:"Events",name:"events",options:{customBodyRenderLite:(i,x)=>{const s=u[x];return e.jsx(f,{sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"wrap"},children:s.enabledEvents.map(m=>e.jsx(O,{size:"small",variant:"filled",label:m.type,sx:{borderRadius:"4px",textTransform:"capitalize"}},`${s.source}-${m.type}`))})}}},{label:a("common.status"),name:"status",options:{customBodyRenderLite:(i,x)=>{const s=u[x];return e.jsx(O,{size:"small",variant:"filled",label:a(`webhookEndpoint.${s==null?void 0:s.status}`),color:he(s==null?void 0:s.status),sx:{borderRadius:"4px",textTransform:"capitalize"}},`status-${s.status}`)}}},{label:a("common.createdAt"),name:"createdAt",minWidth:200,options:{customBodyRender:i=>H(i)}},{label:a("common.actions"),name:"actions",width:100,align:"center",verticalKeyAlign:"center",options:{customBodyRenderLite:(i,x)=>{const s=u[x],m=(s==null?void 0:s.status)==="enabled";return e.jsx(Ge,{actions:[{icon:m?e.jsx(Be,{}):e.jsx(He,{}),text:a(m?"webhookEndpoint.disable":"webhookEndpoint.enable"),onClick:k=>{k.stopPropagation(),w(s,m)}},{icon:e.jsx(Ne,{}),text:a("common.edit"),onClick:k=>{k.stopPropagation(),l(P=>({...P,createEdit:{open:!0,id:s.id,url:s.url,description:s.description,enabledEvents:s.enabledEvents}}))}},{icon:e.jsx(Fe,{}),text:a("common.delete"),onClick:k=>{k.stopPropagation(),l(P=>({...P,deleteConfirm:{title:a("webhookEndpoint.deleteWebhook.title"),description:a("webhookEndpoint.deleteWebhook.description"),confirm:a("common.confirm"),cancel:a("common.cancel"),onConfirm:()=>g(s.id),onCancel:()=>l(M=>({...M,deleteConfirm:null}))}}))}}]})}}}];return e.jsxs(e.Fragment,{children:[e.jsx(it,{durable:d,durableKeys:["page","rowsPerPage"],data:u,columns:I,options:{count:h.count,page:v.page-1,rowsPerPage:v.pageSize,customToolbar:()=>e.jsx(_,{onClick:()=>l(i=>({...i,createEdit:{...i.createEdit,open:!0}})),children:e.jsx(Ue,{})},"add"),onRowClick:(i,{dataIndex:x})=>{const s=h.list[x];l(m=>({...m,webhookDetail:{open:!0,id:s.id}}))}},loading:j,onChange:E,title:e.jsx(S,{variant:"h6",children:a("webhookEndpoint.title")}),emptyNodeText:e.jsxs(D,{gap:1,children:[a("webhookEndpoint.noWebhooksAdded"),e.jsx(B,{variant:"contained",color:"primary",onClick:()=>l(i=>({...i,createEdit:{...i.createEdit,open:!0}})),children:a("webhookEndpoint.createWebhook")})]})}),n.webhookDetail.open&&e.jsx(me,{open:!0,onClose:()=>l(i=>({...i,webhookDetail:{open:!1,id:null}})),id:n.webhookDetail.id}),n.createEdit.open&&e.jsx(oe,{onSubmit:r,...n.createEdit,onClose:()=>l(i=>({...i,createEdit:{id:null,url:"",description:"",enabledEvents:[],open:!1}}))}),n.deleteConfirm&&e.jsx(Qe,{title:n.deleteConfirm.title,description:n.deleteConfirm.description,confirm:n.deleteConfirm.confirm,cancel:n.deleteConfirm.cancel,params:n.deleteConfirm.params,onConfirm:n.deleteConfirm.onConfirm,onCancel:n.deleteConfirm.onCancel})]})}export{Dt as default};

package/dist/assets/index-CmKAznDh.js

@@ -1,109 +0,0 @@
-import{r as v}from"./vendor-react-DoD83n6N.js";import{j as e,E as d,a2 as Fe,R as bt,a5 as vt,T as G,a4 as N,A as ke,bl as _e,cq as et,bL as Te,bp as Ie,bM as De,x as Se,b2 as Ee,a3 as tt,aa as oe,W as st,bf as Xe,bo as jt,bk as yt,ak as Je,bR as St}from"./vendor-mui-core-DxqV1NVn.js";import{c as se,av as ce,A as Ct}from"./vendor-utils-DR57WNxP.js";import{W as V,p as F,b1 as Nt,r as Be,u as X,bO as wt,V as nt,B as Ae,a3 as at,be as ve,ak as Rt,aq as Tt,bD as It}from"./vendor-ux-did-connect-Bciw9Ypu.js";import{A as Dt,v as U,m as Et,I as Qe}from"./index-BsUr7wGb.js";import{f as ee,a as Oe}from"./vendor-hooks-sw5wvnca.js";import{S as fe}from"./shorten-label-DkFTGSoy.js";import{I as it}from"./index-BZvVDfZ4.js";import{A as At,S as Ot,a as Lt,b as Pt}from"./list-BHs8uNT5.js";import{R as ze}from"./relative-time-RQnsWZQc.js";import{b as We}from"./dashboard-C_Q4TjPa.js";import{W as Ft}from"./did-address-BC-0j4Pt.js";import{p as ot}from"./util-YyWTpLT7.js";import{D as kt,g as _t}from"./traffic-CJDIGmp5.js";import{i as Bt,B as zt}from"./index-DyTFEgKr.js";import{B as rt}from"./bundle-avatar-DHwmIozH.js";import"./lottie-web-B6s7dDoL.js";import"./vendor-arcblock-DvaaLvvM.js";import"./index-D_wVtHmh.js";import"./InfoOutlined-CEUhR4DY.js";import"./CheckCircle-BqOSvJMp.js";import"./useLocalStorage-Dd4pybDP.js";import"./confirm-DmMN-34s.js";import"./format-error-LAoTjvJe.js";import"./PlayArrow-D7cGSxeN.js";import"./get-safe-url-BKl2A9x2.js";import"./session-6ZeN-aF2.js";import"./useAsyncRetry-B7SbzXVI.js";import"./useAsync-DM8qaMe4.js";import"./useSetState-BL3ktMon.js";import"./base32-BNpDT-6Q.js";import"./iframe-B9mCpo4I.js";import"./LaunchOutlined-QHq-RUJt.js";import"./ChevronLeft-Dv7rlUf5.js";import"./ChevronRight-CWeJn1iz.js";import"./index-BMSA5TdD.js";import"./vendor-mui-x-BjL1xCkk.js";const lt=v.createContext({}),{Provider:Wt,Consumer:nn}=lt;function Mt({children:t,blocklet:s=""}){const{api:n,inService:i}=Dt(),[a,l]=v.useState([]),[p,f]=v.useState({total:0,pageSize:20,pageCount:0,page:1}),j=ee(()=>{var R;return(R=s.meta)==null?void 0:R.did},[s]),[y,w]=v.useState([]),C=async({page:R=1,pageSize:T=20,...b}={})=>{if(!j)return[];try{const x={paging:{page:R,pageSize:T},...b,teamDid:j,dateRange:b.dateRange?[U(b.dateRange[0]).toISOString(),U(b.dateRange[1]).toISOString()]:void 0},{dids:P,...Z}=x;let K="";P.includes("system")&&(K="system");const J=P.filter(Q=>Q!=="system"),B=await n.getNotificationSendLog({input:{...Z,source:K,componentDids:J}});return l(B.list),f(B.paging),B.list}catch(x){return V.error(x.message),[]}},A=async()=>{const R=await n.getNotificationComponents({input:{teamDid:j}});w(R.componentDids)},L=v.useCallback(R=>{const T=s.children.find(b=>{var x;return((x=b.meta)==null?void 0:x.did)===R});if(T)return T.ancestors=[s],T},[s]),O=async({notificationId:R,receivers:T,channels:b,...x})=>{await n.resendNotification({input:{teamDid:j,notificationId:R,receivers:T,channels:b.map(P=>P==="wallet"?F.NOTIFICATION_SEND_CHANNEL.WALLET:P==="pushKit"?F.NOTIFICATION_SEND_CHANNEL.PUSH:P),...x}})},_=v.useCallback(async R=>(await n.getUser({input:{teamDid:j,user:{did:R}}})).user,[n,j]),I=v.useCallback(async({page:R=1,pageSize:T=20,...b}={})=>{try{const x={paging:{page:R,pageSize:T},...b,userName:b.searchText||"",teamDid:j,dateRange:b.dateRange?[U(b.dateRange[0]).toISOString(),U(b.dateRange[1]).toISOString()]:void 0};return await n.getReceivers({input:x})}catch(x){throw V.error(x.message),x}},[n,j]);v.useEffect(()=>{j&&A()},[j]);const q={fetch:C,data:a,paging:p,blocklet:s,getComponent:L,resendNotification:O,getUser:_,componentDids:y,getReceivers:I,inService:i,teamDid:j};return e.jsx(Wt,{value:{notificationRecords:q},children:t})}function Me(){const{notificationRecords:t}=v.useContext(lt);return t}me.propTypes={severity:d.oneOf(Object.values(["info","success","error","warning"])).isRequired};const qt={info:"primary",success:"success",error:"error",warning:"warning"};function me({severity:t="info"}){return e.jsx(Nt,{type:qt[t],children:t})}var qe={},Kt=Fe;Object.defineProperty(qe,"__esModule",{value:!0});var ct=qe.default=void 0,Ht=Kt(Be()),$t=e;ct=qe.default=(0,Ht.default)((0,$t.jsx)("path",{d:"M16.59 7.58 10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"}),"CheckCircleOutline");var Ke={},Ut=Fe;Object.defineProperty(Ke,"__esModule",{value:!0});var dt=Ke.default=void 0,Vt=Ut(Be()),Gt=e;dt=Ke.default=(0,Vt.default)((0,Gt.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M4 12c0-4.42 3.58-8 8-8 1.85 0 3.55.63 4.9 1.69L5.69 16.9C4.63 15.55 4 13.85 4 12m8 8c-1.85 0-3.55-.63-4.9-1.69L18.31 7.1C19.37 8.45 20 10.15 20 12c0 4.42-3.58 8-8 8"}),"Block");var He={},Yt=Fe;Object.defineProperty(He,"__esModule",{value:!0});var ut=He.default=void 0,Xt=Yt(Be()),Jt=e;ut=He.default=(0,Xt.default)((0,Jt.jsx)("path",{d:"M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z"}),"Refresh");const Qt=(t,s,n="")=>{if(!n||!s)return"";switch(n){case F.NOTIFICATION_SEND_FAILED_REASON.USER_DISABLED:return t("notification.sendStatus.reason.disabled",{channel:s});case F.NOTIFICATION_SEND_FAILED_REASON.CHANNEL_UNAVAILABLE:return t("notification.sendStatus.reason.unavailable",{channel:s});case F.NOTIFICATION_SEND_FAILED_REASON.CHANNEL_DISABLED:return t("notification.sendStatus.reason.notSent",{channel:s});case F.NOTIFICATION_SEND_FAILED_REASON.NOT_ONLINE:return t("notification.sendStatus.reason.offline");default:return n}};function pt(t,s,n={}){const{status:i,updatedAt:a,reason:l="",channel:p="wallet"}=n,f=a?t("notification.sendStatus.sentTime",{date:Et(a,s)}):"",j=Qt(t,p,l);return i===F.NOTIFICATION_SEND_STATUS.FAILED?{status:"failed",title:t("notification.sendStatus.failed"),sentTime:f,reason:j}:i===F.NOTIFICATION_SEND_STATUS.SENT?{status:"success",title:t("notification.sendStatus.success"),sentTime:f}:{status:"pending",title:t("notification.sendStatus.pending"),reason:j,sentTime:f}}const Le={pending:"#aaaaaa",success:"#34BE74",failed:"#D0021B"},Pe=["wallet","pushKit","email"],Ze=["info","success","error","warning"],ft=t=>{var n,i;const{settings:s}=t;return(i=(n=s==null?void 0:s.notification)==null?void 0:n.email)==null?void 0:i.enabled},mt=t=>{var n,i;const{settings:s}=t;return(i=(n=s==null?void 0:s.notification)==null?void 0:n.pushKit)==null?void 0:i.enabled},Zt=(t,s)=>{const n=se(s,"extra.notifications.email",!0);return{available:ft(t),enabled:n}},es=(t,s)=>{const n=se(s,"extra.notifications.push",!0);return{available:mt(t),enabled:n}},ts=t=>({enabled:se(t,"extra.notifications.wallet",!0)}),ss=t=>({enabled:se(t,"extra.webhooks",[]).length>0}),xe=(t=3)=>new Promise(s=>{setTimeout(()=>{s()},t*1e3)}),ns=(t,s)=>s==="wallet"||s==="webhook"?[{channel:s,type:"enabled",pass:t("notification.sendStatus.reason.enabled",{channel:s}),fail:t("notification.sendStatus.reason.disabled",{channel:s})}]:s==="pushKit"||s==="email"?[{channel:s,type:"available",pass:t("notification.sendStatus.reason.available",{channel:s}),fail:t("notification.sendStatus.reason.unavailable",{channel:s})},{channel:s,type:"enabled",pass:t("notification.sendStatus.reason.enabled",{channel:s}),fail:t("notification.sendStatus.reason.disabled",{channel:s})}]:[],be=(t=[])=>{const s=U().startOf("day");return t.filter(n=>U(n.sendAt).isSame(s,"day")).length},as=(t,s="")=>{if(s&&Pe.includes(s)){const l=`${s}SendRecord`,p=se(t,l,[]);return be(p)}const n=se(t,"webhook",{}),i=Object.keys(n??{})??[];if(s&&i.includes(s)){const l=n[s]??[];return be(l)}const a={};return Pe.forEach(l=>{const p=`${l}SendRecord`,f=se(t,p,[]),j=be(f);a[l]=j}),i.length>0&&i.forEach(l=>{const p=n[l]??[],f=be(p);a[l]=f}),a},je=(t,s,n)=>{if(!Array.isArray(t))throw new Error("Invalid filterList or index");return t[n].splice(s,1),t},ye=(t,s)=>{if(!Array.isArray(s))throw new Error("filters must be an array");return s.length?!s.includes(t):!1},is=t=>{switch(t){case F.NOTIFICATION_SEND_CHANNEL.WALLET:return"Wallet";case F.NOTIFICATION_SEND_CHANNEL.PUSH:return"Push Kit";case F.NOTIFICATION_SEND_CHANNEL.EMAIL:return"Email";case F.NOTIFICATION_SEND_CHANNEL.WEBHOOK:return"Webhook";default:return""}},ht=()=>bt({typography:{fontSize:14,button:{textTransform:"none"}},palette:{primary:{main:"#1DC1C7",contrastText:"#fff"},secondary:{main:"#030712",contrastText:"#fff"},storeSecondary:{main:"#EBFEFF",contrastText:"#fff"},divider:"#F4F4F5"},components:{MUIDataTableFilter:{styleOverrides:{header:{marginBottom:0,p:{margin:0}},root:{"& .MuiGrid-container":{marginTop:0,"& .MuiGrid-item":{paddingTop:0}}}}},MuiPopover:{styleOverrides:{root:{"&.MuiPopover-root":{"& .MuiPaper-root:has(.filter-container)":{width:"420px"}}}}}}});function te({config:t,enableTooltip:s=!0,showTitle:n=!1,children:i}){const{status:a,title:l="",sentTime:p="",reason:f=""}=t,j=[l,f].filter(Boolean).join(", ");return e.jsx(vt,{title:s?e.jsxs(e.Fragment,{children:[e.jsx(G,{color:"inherit",sx:{fontSize:12},children:j}),e.jsx("span",{children:p})]}):null,arrow:!0,placement:"top",children:e.jsxs(N,{sx:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"},children:[e.jsxs(N,{position:"relative",minHeight:14,minWidth:14,display:"flex",alignItems:"center",justifyContent:"center",children:[e.jsx(N,{position:"absolute",width:"100%",height:"100%",borderRadius:"50%",bgcolor:Le[a],style:{opacity:.15}}),e.jsx(N,{position:"absolute",width:"55%",height:"55%",borderRadius:"50%",bgcolor:Le[a]})]}),e.jsx(G,{color:"inherit",sx:{fontSize:12},children:n?l:i})]})})}te.propTypes={config:d.object.isRequired,enableTooltip:d.bool,showTitle:d.bool,children:d.node};te.defaultProps={enableTooltip:!0,showTitle:!1,children:null};de.propTypes={list:d.array.isRequired,label:d.string.isRequired,onDelete:d.func};de.defaultProps={onDelete:()=>{}};function de({list:t,label:s,onDelete:n}){const{t:i,locale:a}=X();return e.jsxs(N,{display:"flex",gap:1,alignItems:"center",children:[e.jsxs(G,{children:[s,": "]}),t.map(l=>{const p=pt(i,a,{status:l});return e.jsx(ke,{size:"small",label:e.jsx(N,{display:"flex",alignItems:"center",sx:{gap:"4px"},children:e.jsx(te,{config:p,enableTooltip:!1,children:p.title})}),onDelete:f=>n(f,l)},l)})]})}$e.propTypes={filterList:d.array.isRequired,onChange:d.func.isRequired,index:d.number.isRequired,column:d.object.isRequired,filterValues:d.array.isRequired,label:d.string.isRequired,renderLabel:d.func.isRequired};function $e({filterList:t,onChange:s,index:n,column:i,filterValues:a,label:l,renderLabel:p}){return e.jsxs(_e,{className:"filter-container",children:[e.jsx(et,{component:"legend",children:l}),e.jsx(Te,{row:!0,children:a.map(f=>e.jsx(Ie,{control:e.jsx(De,{checked:t[n].indexOf(f.value??f)>-1,onChange:j=>{const y=[...t];j.target.checked?y[n]=[...y[n],f.value??f]:y[n]=y[n].filter(w=>w!==(f.value??f)),s(y[n],n,i)},name:f.value??f}),label:e.jsx("span",{style:{display:"flex",alignItems:"center"},children:p(f)})},f.value??f))})]})}function Re(t){return e.jsx($e,{...t,renderLabel:s=>e.jsx(te,{enableTooltip:!1,config:{status:s.status},children:s.label})})}le.propTypes={status:d.number.isRequired,updatedAt:d.string.isRequired,reason:d.string,channel:d.string,onResend:d.func};function le({status:t,updatedAt:s,reason:n="",channel:i="wallet",onResend:a}){const{t:l,locale:p}=X(),f=pt(l,p,{status:t,updatedAt:s,reason:n,channel:i});return e.jsxs(N,{display:"flex",alignItems:"center",gap:1,children:[e.jsx(te,{config:f,showTitle:!0}),f.status!=="success"&&e.jsx(Se,{className:"resend-btn",size:"small",startIcon:e.jsx(We,{}),sx:{fontSize:12,color:"rgba(0, 0, 0, 0.87)",fontWeight:400,".MuiButton-startIcon":{mr:"2px"}},onClick:a,children:l("notification.resend")})]})}Ue.propTypes={value:d.array.isRequired,onChange:d.func};function Ue({value:t,onChange:s}){const{locale:n}=X(),i=U().toDate(),[a,l]=v.useState(null),p=v.useCallback(y=>{l(a?null:y.currentTarget)},[a]),f=!!a,j=v.useCallback(y=>{if(!y.startDate||!y.endDate){V.error("Please select a date range");return}if(U(y.startDate).isAfter(y.endDate)||!U(y.startDate).isValid()||!U(y.endDate).isValid()){V.error("Invalid date range");return}s([y.startDate,y.endDate]),l(null)},[s]);return e.jsxs("div",{children:[e.jsx(G,{component:"div",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mb:0,children:e.jsxs(Se,{onClick:p,variant:"outlined",size:"small",color:"inherit",children:[Qe(t[0],n)," - ",Qe(t[1],n)]})}),e.jsx(Ee,{open:f,anchorEl:a,onClose:()=>{l(null)},anchorOrigin:{vertical:"bottom",horizontal:"left"},children:e.jsx(kt,{open:!0,maxDate:i,initialDateRange:{startDate:t[0],endDate:t[1]},toggle:p,definedRanges:_t(i),onChange:j})})]})}Ve.propTypes={itemComponent:d.elementType.isRequired};function Ve({itemComponent:t,...s}){var a;const{t:n}=X();return!((a=s==null?void 0:s.filterList)!=null&&a.filter(l=>l.length).length)?null:e.jsxs(N,{display:"flex",gap:1,alignItems:"center",children:[e.jsx("div",{className:"toolbar-filter-title",children:n("notification.filter")}),e.jsx("div",{className:"toolbar-filter-content",children:e.jsx(wt.TableFilterList,{...s,ItemComponent:t})})]})}function Ce({label:t,onDelete:s,canDelete:n=()=>!0,...i}){const a=s&&typeof s=="function"?s:void 0;let l=!0;return n&&typeof n=="function"&&(l=n({label:t,...i})),e.jsx(ke,{label:t,variant:"outlined",...a&&l?{onDelete:a}:{}})}Ce.propTypes={label:d.string.isRequired,onDelete:d.func,canDelete:d.func};Ce.defaultProps={canDelete:()=>!0};const os=[{label:"Wallet",value:"app",checked:!0},{label:"Email",value:"email",checked:!0},{label:"Push Kit",value:"push",checked:!0},{label:"Webhook",value:"webhook",checked:!0}];Ge.propTypes={loading:d.bool,onCancel:d.func,onConfirm:d.func};Ge.defaultProps={loading:!1,onCancel:()=>{},onConfirm:()=>{}};function Ge({loading:t=!1,onCancel:s,onConfirm:n}){const{t:i}=X(),[a,l]=v.useState(os),[p,f]=v.useState(!0),j=(w,C)=>{C.checked=w.target.checked;const A=a.map(L=>({...L,checked:L.value===C.value?C.checked:L.checked}));l(A)},y=w=>{w.stopPropagation(),n({channels:a.filter(C=>C.checked).map(C=>C.value),isResendFailedOnly:p})};return e.jsxs(N,{className:"resend-config",sx:{padding:"16px 24px"},children:[e.jsx(G,{variant:"body1",component:"div",className:"check-title",sx:{fontWeight:700,mb:1},children:i("notification.config")}),e.jsx(N,{className:"choose-channel",children:e.jsxs(_e,{component:"fieldset",variant:"standard",children:[e.jsx(et,{component:"legend",children:i("notification.selectChannels")}),e.jsx(Te,{sx:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:1},children:a.map(w=>e.jsx(Ie,{control:e.jsx(De,{checked:w.checked,onChange:C=>j(C,w),name:w.value}),label:w.label},w.value))})]})}),e.jsx(N,{className:"resend-config-footer",children:e.jsx(Te,{children:e.jsx(Ie,{control:e.jsx(De,{checked:p,onChange:w=>f(w.target.checked)}),label:i("notification.resendFailedOnly")})})}),e.jsxs(N,{display:"flex",justifyContent:"flex-end",gap:1,className:"resend-config-footer-tip",children:[e.jsx(Se,{onClick:w=>{w.stopPropagation(),s()},color:"inherit",children:i("common.cancel")}),e.jsxs(Se,{onClick:y,color:"primary",disabled:t,variant:"contained",autoFocus:!0,style:{marginLeft:8},children:[t&&e.jsx(tt,{size:16}),i("common.confirm")]})]})]})}gt.propTypes={notificationId:d.string.isRequired,handleResend:d.func,resending:d.bool};function gt({notificationId:t,handleResend:s,resending:n=!1}){const{t:i,locale:a}=X(),{getReceivers:l,inService:p,teamDid:f,getUser:j,blocklet:y}=Me(),[w,C]=v.useState(!1),[A,L]=v.useState([]),O=Oe({anchorEl:null,position:null}),_=Oe({anchorEl:null,position:null}),[I,q]=v.useState(null),[R,T]=v.useState({total:0,pageSize:10,pageCount:0,page:1}),[b,x]=v.useState({searchText:"",page:1,pageSize:10,walletSendStatus:[],pushKitSendStatus:[],emailSendStatus:[],dateRange:[U().subtract(1,"month").startOf("day").toDate(),U().endOf("day").toDate()]}),[P,Z]=v.useState([]),K=[{label:i("notification.sendStatus.pending"),value:0,status:"pending"},{label:i("notification.sendStatus.success"),value:1,status:"success"},{label:i("notification.sendStatus.failed"),value:2,status:"failed"}],J=async()=>{if(!w&&t)try{C(!0);const o=await l({notificationId:t,...b}),r=o.list.map(c=>({...c,receiverUser:{...c.receiverUser,avatar:ot(c.receiverUser.avatar,f,p)}}));L(r),T(o.paging),C(!1)}catch(o){V.error(o.message),C(!1)}};v.useEffect(()=>{J()},[b]);const B=o=>{o.stopPropagation();const r=o.currentTarget;_.anchorEl=r;const c=r.getBoundingClientRect();_.position={top:c.top+window.scrollY,left:c.left+window.scrollX}},Q=o=>o.data.length?e.jsx("div",{style:{display:"flex",alignItems:"center",padding:"10px"},children:e.jsx(Ae,{className:"resend-btn",size:"small",color:"primary",variant:"contained",startIcon:e.jsx(We,{}),sx:{".MuiButton-startIcon":{mr:"2px"}},onClick:B,children:i("notification.resend")})}):null,H={sort:!1,download:!1,print:!1,selectableRows:"multiple",searchPlaceholder:i("common.search"),searchAlwaysOpen:!1,filterType:"checkbox",searchDebounceTime:300,page:R.page-1,rowsPerPage:R.pageSize,count:R.total,searchText:b.searchText,tableBodyMaxHeight:"calc(80vh - 260px)",rowsSelected:P,onRowSelectionChange:(o,r)=>{Z(r.map(c=>c.dataIndex))},customToolbarSelect:Q},we=({page:o,rowsPerPage:r,searchText:c,filterList:S})=>{const[,k=[],$=[],M=[]]=S;b.pageSize!==r?x(W=>({...W,pageSize:r,page:1})):b.page!==o+1?x(W=>({...W,page:o+1})):b.searchText!==c?x(W=>({...W,searchText:c,page:1})):ce(k,b.walletSendStatus)?ce($,b.pushKitSendStatus)?ce(M,b.emailSendStatus)||x(W=>({...W,emailSendStatus:M,page:1})):x(W=>({...W,pushKitSendStatus:$,page:1})):x(W=>({...W,walletSendStatus:k,page:1}))},he=v.useCallback(async(o,r)=>{if(!r)return!1;const c=await j(r);return c?o==="wallet"?ts(c):o==="email"?Zt(y,c):o==="pushKit"?es(y,c):o==="webhook"?ss(c):!0:!1},[j,y]),h=v.useCallback(o=>ns(i,o),[i]),u=()=>{O.anchorEl=null,O.position=null,q(null)},m=()=>{_.anchorEl=null,_.position=null},g=async(o,r,c=!0,S="")=>{if(!(!r.length||!o.length))try{s(o,r,c,S),_.anchorEl||(await xe(.5),u())}catch(k){console.error("handleResend error",{error:k})}},D=async({channels:o,isResendFailedOnly:r})=>{const c=P.map(S=>A[S].receiver);await g(o,c,r),await xe(.5),m(),Z([])},E=async(o,r=[],c=!0)=>{try{await g(["webhook"],[o.receiver],c,r)}catch(S){V.error(S.response?S.response.statusText:S.message)}},z=async(o,r,c,S=[],k=!0)=>{if(o.stopPropagation(),as(r,c)>=4){V.warning(i("notification.resendLimit"));return}if(!Pe.includes(c)){await E(r,S,k);return}if(o){const M=o.currentTarget,W=M.getBoundingClientRect();O.anchorEl=M,O.position={top:W.top+window.scrollY,left:W.left+window.scrollX}}q({channel:c});try{const M=await he(c,r.receiver);await xe(1),q({channel:c,result:M}),(typeof M=="boolean"&&M||Ct(M)&&Object.values(M).every(W=>!!W))&&(await s([c],[r.receiver],k),_.anchorEl||(await xe(.5),u()))}catch(M){V.error(M.message)}},Y=o=>{x(r=>({...r,dateRange:o,page:1}))},ne=(o,r,c,S)=>{o.stopPropagation();const k=c.filter($=>$!==r);x($=>({...$,[S]:k,page:1}))},re=ee(()=>[{label:i("notification.receiver"),name:"receiver",width:200,options:{filter:!1,customBodyRenderLite:o=>{const{receiverUser:r,receiver:c}=A[o];return r?e.jsxs(N,{"data-cy":`member-name-${r.fullName}`,display:"flex",alignItems:"center",gap:1,justifyContent:"flex-start",children:[e.jsx(nt,{src:`${r.avatar}?imageFilter=resize&w=48&h=48`,size:32,did:c,shape:"circle",style:{borderRadius:"100%",overflow:"hidden"}}),e.jsx(fe,{children:r.fullName})]},c):e.jsx(Ft,{size:14,responsive:!1,compact:!0,copyable:!1,did:c})}}},{label:"Wallet",name:"walletSendStatus",width:200,options:{setCellProps:()=>({className:"sent-status-cell"}),filter:!0,filterType:"custom",filterList:b.walletSendStatus??[],customFilterListOptions:{render:o=>e.jsx(de,{list:o,label:"Wallet",onDelete:(r,c)=>{r.stopPropagation(),ne(r,c,re[1].options.filterList,"walletSendStatus")}}),update:je},filterOptions:{names:K,fullWidth:!0,logic:ye,display:(o,r,c,S)=>e.jsx(Re,{label:"Wallet",filterList:o,onChange:r,index:c,column:S,filterValues:K})},customBodyRenderLite:o=>{const{walletSendStatus:r,walletSendAt:c,walletSendFailedReason:S}=A[o];return e.jsx(le,{status:r,updatedAt:c,reason:S,channel:"wallet",onResend:k=>z(k,A[o],"wallet",[],!1)})}}},{label:"Push Kit",name:"pushKitSendStatus",width:200,options:{setCellProps:()=>({className:"sent-status-cell"}),customBodyRenderLite:o=>{const{pushKitSendStatus:r,pushKitSendAt:c,pushKitSendFailedReason:S}=A[o];return e.jsx(le,{status:r,updatedAt:c,reason:S,channel:"pushkit",onResend:k=>z(k,A[o],"pushKit",[],!1)})},filter:!0,filterType:"custom",filterList:b.pushKitSendStatus??[],customFilterListOptions:{render:o=>e.jsx(de,{list:o,label:"Push Kit",onDelete:(r,c)=>{r.stopPropagation(),ne(r,c,re[2].options.filterList,"pushKitSendStatus")}}),update:je},filterOptions:{names:K,fullWidth:!0,logic:ye,display:(o,r,c,S)=>e.jsx(Re,{label:"Push Kit",filterList:o,onChange:r,index:c,column:S,filterValues:K})}}},{label:"Email",name:"emailSendStatus",width:200,options:{setCellProps:()=>({className:"sent-status-cell"}),customBodyRenderLite:o=>{const{emailSendStatus:r,emailSendAt:c,emailSendFailedReason:S}=A[o];return e.jsx(le,{status:r,updatedAt:c,reason:S,channel:"email",onResend:k=>z(k,A[o],"email",[],!1)})},filter:!0,filterType:"custom",filterList:b.emailSendStatus??[],customFilterListOptions:{render:o=>e.jsx(de,{list:o,label:"Email",onDelete:(r,c)=>{r.stopPropagation(),ne(r,c,re[3].options.filterList,"emailSendStatus")}}),update:je},filterOptions:{names:K,fullWidth:!0,logic:ye,display:(o,r,c,S)=>e.jsx(Re,{label:"Email",filterList:o,onChange:r,index:c,column:S,filterValues:K})}}},{label:"Webhook",name:"webhook",width:200,options:{filter:!1,setCellProps:()=>({className:"sent-status-cell"}),customBodyRenderLite:o=>{const{webhook:r}=A[o];if(!r)return null;const c=Object.entries(r)[0];if(!c)return null;const[S,k]=c,$=k[0];return e.jsx(N,{display:"flex",flexDirection:"column",gap:1,children:e.jsxs(N,{className:"webhook-item",fontSize:12,children:[e.jsx(fe,{maxLength:30,children:S},S),e.jsx(le,{status:$.status,updatedAt:$.sendAt,reason:$.failedReason,channel:"webhook",onResend:M=>z(M,A[o],"webhook",[S],!1)})]},S)})}}},{label:i("common.createdAt"),name:"createdAt",width:100,options:{filter:!1,customBodyRenderLite:o=>{const{createdAt:r}=A[o];return e.jsx(ze,{value:r,locale:a,shouldUpdate:!0})}}}],[A,a,b,i]),ge=[e.jsx(Ue,{value:b.dateRange,onChange:Y},"date-picker"),e.jsx(Ae,{variant:"contained",size:"small",color:"primary",loading:w,startIcon:e.jsx(ut,{}),onClick:()=>J(),sx:{".MuiButton-startIcon":{mr:"2px"}},style:{marginLeft:8},children:i("common.refresh")},"refresh")];return e.jsx(N,{sx:{overflow:"auto",".MuiTableCell-head":{whiteSpace:"nowrap",fontWeight:"bold"},".MuiTableCell-root":{paddingRight:"8px",whiteSpace:"nowrap"}},children:e.jsx(ls,{children:e.jsxs(st,{theme:ht(),children:[e.jsx(at,{className:"receivers-table",locale:a,loading:w,columns:re,data:A,onChange:we,options:H,customButtons:ge,components:{TableFilterList:o=>e.jsx(Ve,{...o,itemComponent:r=>e.jsx(Ce,{...r,canDelete:()=>!1})})}}),O.anchorEl&&e.jsx(Ee,{open:!!O.anchorEl,anchorReference:"anchorPosition",anchorPosition:O.position,onClose:u,anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"},children:e.jsxs(cs,{children:[e.jsxs(G,{variant:"body1",component:"div",className:"check-title",children:[I==null?void 0:I.channel," Checking"]}),e.jsx(N,{display:"flex",flexDirection:"column",sx:{gap:"4px"},children:h(I==null?void 0:I.channel).map(o=>{var k,$;const{type:r,pass:c,fail:S}=o;return!(I!=null&&I.result)||(k=I==null?void 0:I.result)!=null&&k[r]?e.jsxs(G,{variant:"body1",component:"div",className:"check-item",display:"flex",alignItems:"center",sx:{gap:"4px",color:($=I==null?void 0:I.result)!=null&&$[r]?ve.success.main:"inherit"},children:[I!=null&&I.result?e.jsx(ct,{}):e.jsx(tt,{size:12,sx:{color:ve.primary.main}}),e.jsx("span",{children:c})]},r):e.jsxs(G,{variant:"body1",component:"div",display:"flex",alignItems:"center",className:"check-item",sx:{gap:"4px",color:ve.error.main},children:[e.jsx(dt,{}),e.jsx("span",{children:S})]},r)})})]})}),_.anchorEl&&e.jsx(Ee,{open:!!_.anchorEl,anchorReference:"anchorPosition",anchorPosition:_.position,onClose:m,anchorOrigin:{vertical:"center",horizontal:"right"},transformOrigin:{vertical:"center",horizontal:"left"},children:e.jsx(Ge,{loading:n,onCancel:m,onConfirm:D})})]})})})}const rs=v.memo(gt),ls=oe.div`
-  td.MuiTableCell-footer {
-    border: none !important;
-  }
-  .sent-status-cell {
-    .resend-btn {
-      display: none;
-    }
-    &:hover {
-      .resend-btn {
-        display: flex;
-      }
-    }
-  }
-`,cs=oe.div`
-  padding: 8px 16px;
-  .check-title {
-    font-weight: 500;
-    margin-bottom: 8px;
-    &::first-letter {
-      text-transform: uppercase;
-    }
-  }
-  .check-item {
-    svg {
-      font-size: 16px;
-    }
-    font-size: 12px;
-  }
-`,ue=t=>t>=1e6?`${(t/1e6).toFixed(1)}M`:t>=1e3?`${(t/1e3).toFixed(1)}K`:t;function ds(t){const{wallet:s,push:n,email:i,webhook:a}=t;return[{name:"Wallet",value:e.jsx(ae,{item:s})},{name:"Push",value:e.jsx(ae,{item:n})},{name:"Email",value:e.jsx(ae,{item:i})},...a.total>0?[{name:"Webhook",value:e.jsx(ae,{item:a,isWebhook:!0})}]:[]]}function us(t,s,n){const{wallet:i,push:a,email:l,webhook:p}=t;return[{name:"Wallet",value:e.jsx(ie,{loading:n,channel:F.NOTIFICATION_SEND_CHANNEL.WALLET,item:i,onResend:s})},{name:"Push",value:e.jsx(ie,{loading:n,channel:F.NOTIFICATION_SEND_CHANNEL.PUSH,item:a,onResend:s})},{name:"Email",value:e.jsx(ie,{loading:n,channel:F.NOTIFICATION_SEND_CHANNEL.EMAIL,item:l,onResend:s})},...p.total>0?[{name:"Webhook",value:e.jsx(ie,{loading:n,channel:F.NOTIFICATION_SEND_CHANNEL.WEBHOOK,item:p,isWebhook:!0,onResend:s})}]:[]]}Ne.propTypes={statistics:d.object.isRequired,onResend:d.func,mode:d.oneOf(["simple","detail"]),resending:d.bool};Ne.defaultProps={mode:"simple",onResend:()=>{},resending:!1};ae.propTypes={item:d.object.isRequired,isWebhook:d.bool};ae.defaultProps={isWebhook:!1};function ae({item:t,isWebhook:s=!1}){const{t:n}=X(),i=s?t.success.length:t.success,a=t.total,l=i===a?"success":"failed";return e.jsx(N,{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:2,children:e.jsx(N,{display:"flex",alignItems:"center",gap:1,children:e.jsxs(te,{config:{status:l},enableTooltip:!1,children:[ue(i)," / ",ue(a)," ",n("notification.sendStatus.success")]})})})}ie.propTypes={item:d.object.isRequired,isWebhook:d.bool,channel:d.string,onResend:d.func,loading:d.bool};ie.defaultProps={isWebhook:!1,channel:F.NOTIFICATION_SEND_CHANNEL.WALLET,onResend:()=>{},loading:!1};function ie({channel:t,item:s,isWebhook:n=!1,onResend:i,loading:a}){const{t:l}=X(),{success:p,failed:f,pending:j}=s,y=is(t),w=n?p.length:p,C=n?f.length:f,A=n?j.length:j,L=async q=>{q.stopPropagation();const R=n?[...new Set([...p,...f].map(T=>T))]:[];await i([t],[],!0,R)},O=w+C,_=O>0?w/O*100:0,I=O>0?C/O*100:0;return e.jsxs(ps,{successRatio:_,failedRatio:I,children:[e.jsxs(G,{variant:"h6",children:[y," (",s.total,")"]}),e.jsxs(G,{variant:"body1",sx:{mb:2},children:[e.jsx("span",{style:{color:Le.success,fontWeight:600,fontSize:24},children:ue(w)}),e.jsx("small",{style:{paddingLeft:4},children:l("notification.sendStatus.success")})]}),e.jsxs(N,{className:"unsent-area",children:[e.jsxs(N,{children:[e.jsxs(te,{config:{status:"failed"},enableTooltip:!1,children:[ue(C)," ",l("notification.sendStatus.failed")]}),e.jsxs(te,{config:{status:"pending"},enableTooltip:!1,children:[ue(A)," ",l("notification.sendStatus.pending")]})]}),C>0&&e.jsx(N,{className:"resend-btn",children:e.jsx(Ae,{size:"small",color:"primary",loading:a,variant:"contained",startIcon:e.jsx(We,{}),sx:{".MuiButton-startIcon":{mr:"2px"}},onClick:L,children:l("notification.resend")})})]})]})}function Ne({statistics:t,mode:s="simple",onResend:n,resending:i}){const a=ee(()=>s==="simple"?ds(t):us(t,n,i),[t,s]);return s==="simple"?e.jsx("div",{children:a.map(l=>e.jsx(it,{style:{alignItems:"flex-start",marginBottom:s==="simple"?0:16},valueComponent:"div",nameWidth:100,name:l.name,children:l.value},l.name))}):e.jsx(Xe,{container:!0,spacing:2,children:a.map(l=>e.jsx(Xe,{item:!0,md:4,sm:6,xs:12,children:l.value},l.name))})}const ps=oe(N)`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: 16px;
-  border-radius: 8px;
-  background: ${({successRatio:t,failedRatio:s})=>t===0&&s===0?"#eff3fa":`linear-gradient(to right, #dafee7 ${t}%, #fef2f2 ${t}%)`};
-  transition: 'background 0.5s ease',
-  cursor: pointer;
-  .unsent-area {
-    width: 100%;
-    position: relative;
-    .resend-btn {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-    }
-  }
-`;xt.propTypes={notification:d.object.isRequired,onCancel:d.func,blocklet:d.object.isRequired,tab:d.string};function xt({notification:t,onCancel:s=()=>{},blocklet:n,tab:i="info"}){const{t:a,locale:l}=X(),{getComponent:p,resendNotification:f}=Me(),[j,y]=v.useState(!1),w=ee(()=>p(t.componentDid)||n,[n,t.componentDid]),C=Oe({tab:i||"info"}),A=v.useCallback(async(x,P,Z=!0,K=[])=>{var Q;if(!x.length||!t.id)return;const J=P.length>0?P:(Q=t==null?void 0:t.receivers)==null?void 0:Q.map(H=>H.receiver);if(!J.length)return;let B=[...x];if(B.includes(F.NOTIFICATION_SEND_CHANNEL.PUSH)&&!mt(n)&&(V.warning(a("notification.sendStatus.reason.unavailable",{channel:"Push Kit"})),B=B.filter(H=>H!==F.NOTIFICATION_SEND_CHANNEL.PUSH)),B.includes(F.NOTIFICATION_SEND_CHANNEL.EMAIL)&&!ft(n)&&(V.warning(a("notification.sendStatus.reason.unavailable",{channel:"Email"})),B=B.filter(H=>H!==F.NOTIFICATION_SEND_CHANNEL.EMAIL)),!!B.length)try{y(!0),await f({notificationId:t.id,receivers:J,channels:B,resendFailedOnly:Z,...B.includes("webhook")&&K.length?{webhookUrls:K}:{}}),V.success("Message has been sent!")}catch(H){console.error("handleResend error",{error:H}),V.error(H.response?H.response.statusText:H.message)}finally{y(!1)}},[n,t.id,t==null?void 0:t.receivers,f,a]),L=ee(()=>Bt(t),[t]),O=ee(()=>L?t==null?void 0:t.actorInfo:[],[t]),_=ee(()=>{var x;return(n==null?void 0:n.did)||((x=n==null?void 0:n.meta)==null?void 0:x.did)||""},[n]);function I(){return[{name:a("notification.from"),value:L?e.jsx(At,{actors:O,teamDid:_,size:32,showName:!0}):e.jsx(Ot,{size:32,blocklet:w,showName:!0,hideDot:!0})},{name:a("notification.notificationTitle"),value:e.jsx(fe,{maxLength:50,children:t.title})},{name:a("notification.body"),value:L?e.jsx(Lt,{notification:t,blocklet:n}):e.jsx(Pt,{notification:t,rows:0})},{name:a("notification.severity"),value:e.jsx(me,{severity:t.severity})},{name:a("notification.createdAt"),value:e.jsx(ze,{value:t.createdAt,locale:l,shouldUpdate:!0})}].map(P=>e.jsx(it,{style:{alignItems:"flex-start"},valueComponent:"div",nameWidth:120,name:P.name,children:P.value},P.name))}const q={info:{label:a("common.basicInfo"),value:"info",component:I},receivers:{label:a("notification.receiver"),value:"receivers"},statistics:{label:a("notification.statistics"),value:"statistics"}},R=Object.values(q).map(({label:x,value:P})=>({label:x,value:P})),T=q[C.tab]||q.info,b=x=>{C.tab=x};return e.jsx(Rt,{title:a("notification.notificationDetails"),fullWidth:!0,maxWidth:"lg",onClose:()=>{C.tab="info",s()},open:!0,actionsPosition:"left",sx:{".ux-dialog_header":{paddingBottom:0},".MuiDialogContent-root":{paddingTop:0}},children:e.jsxs(ms,{children:[e.jsx(N,{mx:3,className:"tabs",children:e.jsx(Tt,{tabs:R,current:C.tab,onChange:b,scrollButtons:"auto"})}),e.jsxs("div",{className:"body",children:[C.tab==="receivers"&&e.jsx(rs,{notificationId:t.id,resending:j,handleResend:A}),C.tab==="statistics"&&e.jsx(Ne,{statistics:t.statistics,mode:"detail",resending:j,onResend:A}),C.tab==="info"&&e.jsx(T.component,{})]})]})})}const fs=v.memo(xt),ms=oe.div`
-  & > .notification-row {
-    padding: 0;
-  }
-
-  .tabs {
-    margin: 0;
-  }
-  .body {
-    margin-top: 16px;
-  }
-
-  .channel-item {
-    display: flex;
-    padding: 4px;
-    justify-content: flex-start;
-    align-items: center;
-    gap: 8px;
-    > p {
-      font-size: 15px;
-    }
-    .resend-btn {
-      svg {
-        font-size: 16px;
-      }
-      display: flex;
-      align-items: center;
-      font-size: 12px;
-      cursor: pointer;
-      &.disabled {
-        cursor: not-allowed;
-        color: ${ve.text.disabled};
-      }
-    }
-  }
-`;pe.propTypes={blocklet:d.object,label:d.string};pe.defaultProps={blocklet:null,label:""};const hs=oe.div`
-  display: flex;
-  justify-items: flex-start;
-  align-items: center;
-  gap: 8px;
-  .name {
-    display: block;
-    max-width: 260px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-`;function pe({blocklet:t,label:s}){var n;return e.jsx(hs,{children:t?e.jsxs(e.Fragment,{children:[e.jsx(rt,{size:24,blocklet:t,ancestors:t.ancestors}),e.jsx("span",{className:"name",children:t.title||((n=t.meta)==null?void 0:n.title)})]}):e.jsx("span",{className:"name",children:s})})}Ye.propTypes={list:d.array.isRequired,label:d.string.isRequired,onDelete:d.func};Ye.defaultProps={onDelete:()=>{}};function Ye({list:t,label:s,onDelete:n}){return e.jsxs(N,{display:"flex",gap:1,alignItems:"center",children:[e.jsxs(G,{children:[s,": "]}),t.map(i=>e.jsx(ke,{size:"small",label:e.jsx(N,{display:"flex",alignItems:"center",sx:{gap:"4px"},children:e.jsx(me,{severity:i})}),onDelete:a=>n(a,i)},i))]})}function gs(t){return e.jsx($e,{...t,renderLabel:s=>e.jsx(me,{severity:s})})}function xs(){var he;const{t,locale:s}=X(),[n,i]=v.useState(!1),{data:a,paging:l,blocklet:p,fetch:f,getComponent:j,componentDids:y,inService:w,teamDid:C}=Me(),A=v.useRef(null),[L,O]=v.useState(null),[_,I]=v.useState("info"),q=`notification-records-${(he=p.meta)==null?void 0:he.did}`,R=It(q),[T,b]=v.useState({pageSize:R.rowsPerPage||10,page:R.page?R.page+1:1,dids:R.dids||[],dateRange:R.dateRange||[U().subtract(1,"month").startOf("day").toDate(),U().endOf("day").toDate()]}),x=ee(()=>{if(!p.children||!p.children.length)return[];const h=[];return p.children.forEach(u=>{var g;const m=u.did||((g=u.meta)==null?void 0:g.did);y.includes(m)&&(u.ancestors=[p],h.push(u))}),h},[y,p]),P=v.useCallback(async()=>{try{i(!0),await f(T),i(!1)}finally{i(!1)}},[f,T]);v.useEffect(()=>{P()},[]),v.useEffect(()=>{const h=setInterval(()=>{document.visibilityState==="visible"&&f(T).then(u=>{const m=u.find(g=>g.id===(L==null?void 0:L.id));L&&m&&O({...m})})},3e3);return()=>clearInterval(h)},[T,L]);const Z=(h,u,m,g)=>{h.stopPropagation();const D=m.filter(E=>E!==u);b(E=>({...E,[g]:D,page:1}))},K=({page:h,rowsPerPage:u,filterList:m})=>{const[g=[],,,,D=[]]=m;T.pageSize!==u?b(E=>({...E,pageSize:u,page:1})):T.page!==h+1?b(E=>({...E,page:h+1})):ce(T.dids,g)?ce(T.severities,D)||b(E=>({...E,severities:D,page:1})):b(E=>({...E,dids:g,page:1}))},J=v.useCallback(()=>{O(null),I("info")},[]),B=v.useCallback(()=>{f(T)},[f,T]),Q=[{label:t("notification.from"),name:"sender",width:400,options:{filter:!0,filterType:"custom",customFilterListOptions:{render:h=>h.map((u,m)=>{var D;if(u==="system")return e.jsx("span",{children:t("notification.system")},`system-${m}`);const g=x.find(E=>{var Y;return(E.did||((Y=E.meta)==null?void 0:Y.did))===u});return e.jsx(pe,{blocklet:g,label:(g==null?void 0:g.title)||((D=g==null?void 0:g.meta)==null?void 0:D.title)},u)}),update:(h,u,m)=>(h[m].splice(u,1),h)},filterOptions:{names:x,logic:(h,u)=>u.length?!u.includes(h):!1,display:(h,u,m,g)=>e.jsxs(_e,{style:{width:"380px"},children:[e.jsx(jt,{id:"demo-simple-select-label",style:{background:"#ffffff"},children:"Sender"}),e.jsxs(yt,{multiple:!0,value:h[m],renderValue:D=>e.jsx(N,{display:"flex",gap:1,alignItems:"center",style:{overflow:"hidden",textOverflow:"ellipsis"},children:D.map(E=>{var Y;if(E==="system")return e.jsx("span",{children:t("notification.system")},E);const z=x.find(ne=>{var ge;return(ne.did||((ge=ne.meta)==null?void 0:ge.did))===E});return e.jsx(pe,{blocklet:z,label:(z==null?void 0:z.title)||((Y=z==null?void 0:z.meta)==null?void 0:Y.title)},E)})}),onChange:D=>{h[m]=D.target.value,u(h[m],m,g)},children:[e.jsx(Je,{value:"system",children:t("notification.system")}),x.map(D=>{var z,Y;const E=D.did||((z=D.meta)==null?void 0:z.did);return e.jsx(Je,{value:E,children:e.jsx(pe,{blocklet:D,label:D.title||((Y=D.meta)==null?void 0:Y.title)})},E)})]})]})},customBodyRenderLite:h=>{var g,D;const u=a[h],m=j(u.componentDid);return e.jsxs(N,{display:"flex",alignItems:"center",gap:1,children:[m?e.jsx(rt,{size:32,blocklet:m,ancestors:m.ancestors??[]}):e.jsx(zt,{blocklet:p,size:32}),e.jsx(fe,{maxLength:50,children:((g=m==null?void 0:m.meta)==null?void 0:g.title)||((D=p==null?void 0:p.meta)==null?void 0:D.title)})]})}}},{label:t("notification.receiver"),name:"receivers",width:300,options:{filter:!1,customBodyRenderLite:h=>{const u=a[h],{receivers:m}=u;return e.jsx(St,{total:m.length,renderSurplus:g=>g<100?e.jsxs("span",{children:["+",g]}):e.jsx("span",{children:"99+"}),max:3,sx:{justifyContent:"flex-end",height:"32px",".MuiAvatar-root":{width:"32px",height:"32px",fontSize:"12px",border:0,zIndex:2}},onClick:g=>{g.stopPropagation(),O(u),I("receivers")},children:m.map(g=>{const{receiverUser:D}=g,E=ot(D.avatar,C,w);return e.jsx(nt,{alt:D.fullName,src:`${E}?imageFilter=resize&w=48&h=48`,size:32,did:g.receiver,shape:"circle",style:{borderRadius:"100%",overflow:"hidden"}},g.receiver)})})}}},{label:t("notification.statistics"),name:"statistics",width:400,options:{filter:!1,customBodyRenderLite:h=>{const u=a[h];return e.jsx(N,{onClick:m=>{m.stopPropagation(),O(u),I("statistics")},children:e.jsx(Ne,{statistics:u.statistics})})}}},{label:t("notification.notificationPreview"),name:"data",options:{filter:!1,customBodyRenderLite:h=>{const u=a[h];return e.jsx(fe,{maxLength:50,children:u.title})}}},{label:t("notification.severity"),name:"severity",width:200,options:{setCellProps:()=>({className:"severity-cell"}),customBodyRenderLite:h=>{const u=a[h];return e.jsx(me,{severity:u.severity})},filter:!0,filterType:"custom",filterList:T.severities??[],customFilterListOptions:{render:h=>e.jsx(Ye,{list:h,label:t("notification.severity"),onDelete:(u,m)=>{u.stopPropagation(),Z(u,m,Q[4].options.filterList,"severities")}}),update:je},filterOptions:{names:Ze,fullWidth:!0,logic:ye,display:(h,u,m,g)=>e.jsx(gs,{label:t("notification.severity"),filterList:h,onChange:u,index:m,column:g,filterValues:Ze})}}},{label:t("common.createdAt"),name:"createdAt",width:300,options:{filter:!1,customBodyRenderLite:h=>{const{createdAt:u}=a[h];return e.jsx(ze,{value:u,locale:s,shouldUpdate:!0})}}}],H=h=>{b(u=>({...u,dateRange:h,page:1}))},we=[e.jsx(Ue,{value:T.dateRange,onChange:H})];return e.jsxs(N,{ref:A,sx:{overflow:"auto",".MuiTableCell-head":{whiteSpace:"nowrap",fontWeight:"bold"},".MuiTableCell-root":{paddingRight:"8px",whiteSpace:"nowrap"}},children:[e.jsx(bs,{children:e.jsx(st,{theme:ht(),children:e.jsx(at,{className:"main-data",verticalKeyWidth:100,loading:n,locale:s,columns:Q,data:a,durable:q,onChange:K,options:{sort:!1,download:!1,print:!1,search:!1,expandableRowsOnClick:!0,page:l.page-1,rowsPerPage:l.pageSize,count:l.total,...R,onRowClick:(h,{dataIndex:u})=>{O(a[u])}},customButtons:we,components:{TableFilterList:h=>e.jsx(Ve,{...h,itemComponent:u=>e.jsx(Ce,{...u,canDelete:m=>{var D;const g=(D=m==null?void 0:m.columnNames)==null?void 0:D[(m==null?void 0:m.index)||0];return(g==null?void 0:g.name)==="sender"}})})}})})}),L&&e.jsx(fs,{refresh:B,onCancel:J,notification:L,blocklet:p,tab:_})]})}const bs=oe.div`
-  td.MuiTableCell-footer {
-    border: none !important;
-  }
-  .sent-status-cell {
-    .resend-btn {
-      display: none;
-    }
-    &:hover {
-      .resend-btn {
-        display: flex;
-      }
-    }
-  }
-`;vs.propTypes={blocklet:d.object.isRequired};function vs({blocklet:t={}}){return e.jsx(Mt,{blocklet:t,children:e.jsx(xs,{})})}export{vs as default};

package/dist/assets/index-DqC2o5PB.js

@@ -1,4 +0,0 @@
-import{j as t,a3 as h,a4 as c,E as d,aa as g}from"./vendor-mui-core-DxqV1NVn.js";import{r as y}from"./vendor-react-DoD83n6N.js";import{aZ as v,C as w,B as m}from"./vendor-ux-did-connect-Bciw9Ypu.js";import{P}from"./page-header-Dm1v9v5q.js";import{D as E}from"./index-BsUr7wGb.js";import{u as T}from"./config-space-DlwZewcm.js";import{C as B,D,a as N}from"./connect-to-CzffwD9G.js";import{S as u}from"./step-actions-CA74dwgt.js";import{S as b}from"./layout-BqhTD729.js";import"./vendor-utils-DR57WNxP.js";import"./vendor-hooks-sw5wvnca.js";import"./lottie-web-B6s7dDoL.js";import"./vendor-arcblock-DvaaLvvM.js";import"./api-D9Yi7Zdr.js";import"./DeleteOutline-Cr-TyrUV.js";import"./format-error-LAoTjvJe.js";import"./content-layout-7vu3yv_f.js";function l({onNext:o,onPrevious:x}){var n,r,p;const{t:i}=y.useContext(v),{blocklet:e}=E(),{spaceGateway:f,settingStorageEndpoint:C,updateSpaceGateway:j,hasStorageEndpoint:S,loading:a,storageEndpoint:s}=T();return a?t.jsx(w,{relative:"parent",children:t.jsx(h,{})}):t.jsxs(G,{children:[t.jsx("div",{className:"header",children:t.jsx(P,{title:i("setup.didSpace.title"),subTitle:i("setup.didSpace.subTitle"),onClickBack:x})}),t.jsx(c,{sx:{width:"100%",maxWidth:"720px"},children:S?t.jsx(B,{spaceGateway:f,settingStorageEndpoint:C}):t.jsx(D,{})}),((n=e==null?void 0:e.capabilities)==null?void 0:n.didSpace)&&t.jsx(c,{display:"flex",alignItems:"center",justifyContent:"center",paddingTop:"24px",children:t.jsx(N,{onConnect:j,storageEndpoint:s})}),((r=e==null?void 0:e.capabilities)==null?void 0:r.didSpace)==="required"&&t.jsx(u,{mt:8,children:t.jsx(m,{loading:a,variant:"contained",disabled:a||!s,onClick:()=>o(),children:i("setup.continue")})}),((p=e==null?void 0:e.capabilities)==null?void 0:p.didSpace)==="optional"&&t.jsx(u,{blocklet:e,onStartNow:()=>o("complete"),children:t.jsx(m,{className:"start-now",loading:a,variant:"contained",disabled:a,onClick:()=>o(),children:i(s?"setup.continue":"setup.skip")})})]})}l.propTypes={onNext:d.func,onPrevious:d.func};l.defaultProps={onNext:()=>{},onPrevious:()=>{}};const G=g(b)`
-  height: 100%;
-  overflow-y: auto;
-`;export{l as default};

package/dist/assets/index-DyTFEgKr.js

@@ -1 +0,0 @@
-import{E as y,j as l,bi as pe,ai as ee,s as k,v as fe,a4 as K,T as U,x as he}from"./vendor-mui-core-DxqV1NVn.js";import{y as T,z as W,x as me,Y as ge}from"./vendor-utils-DR57WNxP.js";import{A as ye,h as R,T as xe,Q as Le,U as ve,F as Ee,V as Te}from"./index-BsUr7wGb.js";import{r as te,b as Oe,g as ne}from"./vendor-react-DoD83n6N.js";import{f as I,u as X}from"./vendor-hooks-sw5wvnca.js";import{p as Se,j as O,i as _e,aj as Ce}from"./vendor-ux-did-connect-Bciw9Ypu.js";const w=(e,t)=>{var n;let r="?v=";return t?r+=xe(t):r+=`${(n=e==null?void 0:e.meta)==null?void 0:n.version}${Le(e==null?void 0:e.status)?"~":""}`,r};function be({blocklet:e}){var g,x,E,S,V,Y,Q;const{inService:t}=ye(),r=(g=((e==null?void 0:e.environments)||[]).find(L=>L.key===R.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE))==null?void 0:g.value,n=(x=((e==null?void 0:e.environments)||[]).find(L=>L.key===R.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT))==null?void 0:x.value,s=(E=((e==null?void 0:e.environments)||[]).find(L=>L.key===R.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON))==null?void 0:E.value,i=(S=((e==null?void 0:e.environments)||[]).find(L=>L.key===R.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPLASH_PORTRAIT))==null?void 0:S.value,c=(V=((e==null?void 0:e.environments)||[]).find(L=>L.key===R.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPLASH_LANDSCAPE))==null?void 0:V.value,a=(Y=((e==null?void 0:e.environments)||[]).find(L=>L.key===R.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_OG_IMAGE))==null?void 0:Y.value,o=((Q=window.env)==null?void 0:Q.apiPrefix)||"/",p=`${T(o,`/blocklet/logo/${t?"":e.meta.did}`)}${w(e,r)}`,d=`${T(o,`/blocklet/logo-rect/${t?"":e.meta.did}`)}${w(e,n??r)}`,h=`${T(o,`/blocklet/logo-favicon/${t?"":e.meta.did}`)}${w(e,s??r)}`,m=`${T(o,`/blocklet/splash/portrait/${t?"":e.meta.did}`)}${w(e,i)}`,u=`${T(o,`/blocklet/splash/landscape/${t?"":e.meta.did}`)}${w(e,c)}`,f=`${T(o,`/blocklet/og-image/${t?"":e.meta.did}`)}${w(e,a)}`;return{logoUrl:p,rectLogoUrl:d,faviconUrl:h,splashPortraitUrl:m,splashLandscapeUrl:u,ogImageUrl:f}}function se({blocklet:e,style:t,size:r,...n}){const{logoUrl:s}=be({blocklet:e}),{variant:i}=n;return l.jsx(pe,{variant:i||"square",style:Object.assign({backgroundColor:"transparent",width:r,height:r,borderRadius:10},t),...n,children:l.jsx("img",{src:s,alt:"",style:{width:r}})})}se.propTypes={blocklet:y.object.isRequired,style:y.object,size:y.oneOfType([y.number,y.string])};se.defaultProps={style:{},size:40};const vt=e=>{if(!e||!e.length)return[];const t=[];let r=null,n=[];if(e.forEach(s=>{var u,f,g,x;if(!s.activity||!s.activity.type||!r){r&&(n.length===1?t.push(n[0]):(r.items=n,t.push(r))),s.activity&&s.activity.type?(r=s,n=[s]):(t.push(s),r=null,n=[]);return}const i=n[0].activity,c=i.type,a=(u=i.target)==null?void 0:u.type,o=(f=i.target)==null?void 0:f.id,p=s.activity.type,d=(g=s.activity.target)==null?void 0:g.type,h=(x=s.activity.target)==null?void 0:x.id;if(c&&p&&c===p&&(!i.target&&!s.activity.target||i.target&&s.activity.target&&a===d&&o===h))n.push(s);else{if(n.length===1)t.push(n[0]);else{const E=Object.assign({},r,{items:n});t.push(E)}r=s,n=[s]}}),r)if(n.length===1)t.push(n[0]);else{const s=Object.assign({},r,{items:n});t.push(s)}return t},Et=e=>!W(e.activity)&&!!e.activity.type&&!!e.activity.actor,Tt=e=>{const{severity:t}=e||{};return t&&["normal","success","info"].includes(t)},Ne=e=>{if(!e)return null;const{meta:t,target:r}=e;return{metaLink:t==null?void 0:t.id,targetLink:r==null?void 0:r.id}},$={COMMENT:"comment",LIKE:"like",FOLLOW:"follow",TIPS:"tips",MENTION:"mention",ASSIGN:"assign"},Re={[$.COMMENT]:(e,t)=>t>1?l.jsxs(l.Fragment,{children:["left ",t," comments on your ",e]}):l.jsxs(l.Fragment,{children:["commented on your ",e]}),[$.LIKE]:e=>l.jsxs(l.Fragment,{children:["liked your ",e]}),[$.FOLLOW]:()=>l.jsx(l.Fragment,{children:"followed you"}),[$.TIPS]:e=>l.jsxs(l.Fragment,{children:["gave tips to your ",e]}),[$.MENTION]:e=>l.jsxs(l.Fragment,{children:["mentioned you in ",e]}),[$.ASSIGN]:()=>l.jsx(l.Fragment,{children:"assigned you a task"})},N=te.memo(function({user:t,color:r=O.textBase}){const n=me(T(Se.WELLKNOWN_SERVICE_PATH_PREFIX,"user"),{did:t.did});return l.jsx(ee,{href:n,color:r,fontWeight:600,target:"_blank",sx:{textDecoration:"none"},onClick:s=>{s.customPreventRedirect=!0},children:t.fullName})});N.propTypes={user:y.shape({did:y.string.isRequired,fullName:y.string.isRequired}).isRequired,color:y.string};N.displayName="UserLink";function Ot({activity:e,users:t,extra:r={},mountPoint:n=""}){const{type:s,target:i}=e||{},{type:c}=i||{},{linkColor:a=O.textBase}=r||{},o=I(()=>Array.isArray(t)?ge(t,"did"):[],[t]),p=X(()=>{if(!Array.isArray(o)||o.length===0)return null;if(o.length===1)return l.jsx(N,{user:o[0],color:a});const u=o.slice(0,-1),f=o[o.length-1];if(o.length===2)return l.jsxs(l.Fragment,{children:[l.jsx(N,{user:u[0],color:a})," and ",l.jsx(N,{user:f,color:a})]});const g=o.length>3,x=g?o.slice(0,2):u;return l.jsxs(l.Fragment,{children:[x.map((E,S)=>l.jsxs(Oe.Fragment,{children:[l.jsx(N,{user:E,color:a}),S<x.length-1?", ":""]},E.did)),g?`, and ${o.length-2} others`:l.jsxs(l.Fragment,{children:[", and ",l.jsx(N,{user:f,color:a})]})]})}),d=X(()=>{const u=Re[s];return u?u(c,t.length):null}),h=I(()=>{const u=p(),f=d();return!u||!f?null:l.jsxs(l.Fragment,{children:[u," ",f]})},[s,c,o,p,d]),m=I(()=>{if(!e)return null;const u=Ne(e);return u!=null&&u.targetLink?T(n,u.targetLink):null},[e,n]);return!s||W(i)?null:l.jsxs(l.Fragment,{children:[h," ",l.jsx(ee,{href:m,color:O.primaryBase,target:"_blank",sx:{textDecoration:"none"},onClick:u=>{u.customPreventRedirect=!0},children:i.name})]})}const we={width:24,height:24,body:'<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 7L7 17M8 7h9v9"/>'};re.propTypes={meta:y.object.isRequired};const $e=k(fe)(({theme:e})=>({maxWidth:320,display:"flex",flexDirection:"column",gap:e.spacing(1.5),padding:e.spacing(2),marginTop:e.spacing(1),borderRadius:e.spacing(1),border:`1px solid ${O.dividerColor}`,boxShadow:"none"})),Ae=k(K)(({theme:e})=>({display:"flex",justifyContent:"flex-start",alignItems:"center",gap:e.spacing(1),marginBottom:e.spacing(1)})),je=k(K)({display:"flex",justifyContent:"space-between",alignItems:"center"});function re({meta:e}){const{amount:t,symbol:r,chainId:n}=e,s=()=>{window.open(`https://explorer.arcblock.io/chain/${n}`,"_blank")};return l.jsxs($e,{children:[l.jsxs(Ae,{children:[l.jsx("img",{alt:"ArcBlock Beta",src:"https://bbqat7g5cg33cyr4pdrd6foycgzfb5xxeh2se7gcqkq.did.abtnet.io/payment-kit/methods/arcblock.png",width:32,height:32,style:{borderRadius:16}}),l.jsx(U,{variant:"h5",color:O.textBase,children:"ArcBlock"})]}),l.jsxs(je,{children:[l.jsxs(K,{display:"flex",alignItems:"baseline",gap:1,children:[l.jsxs(U,{component:"span",variant:"h5",color:O.textBase,fontWeight:"bold",children:["+ ",t]}),l.jsx(U,{component:"span",variant:"subtitle2",color:O.textSubtitle,children:r})]}),l.jsx(he,{variant:"outlined",size:"small",color:"secondary",endIcon:l.jsx(_e,{icon:we}),onClick:s,sx:{borderRadius:4},children:"View on Chain"})]})]})}ie.propTypes={meta:y.object.isRequired,type:y.string.isRequired,hideTips:y.bool,sx:y.object};ie.defaultProps={hideTips:!1,sx:{}};function ie({meta:e,type:t,hideTips:r=!1,sx:n}){return W(e)?null:t==="tips"&&!r?l.jsx(re,{meta:e}):l.jsx(U,{variant:"subtitle2",fontSize:16,component:"p",sx:n,color:O.textSubtitle,children:e.content})}var Ue=te;function Me(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var P=Me(Ue);function D(){return D=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},D.apply(this,arguments)}function Ie(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,B(e,t)}function B(e,t){return B=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,s){return n.__proto__=s,n},B(e,t)}function Pe(e,t){if(e==null)return{};var r={},n=Object.keys(e),s,i;for(i=0;i<n.length;i++)s=n[i],!(t.indexOf(s)>=0)&&(r[s]=e[s]);return r}var Z={position:"absolute",bottom:0,left:0,height:0,overflow:"hidden","padding-top":0,"padding-bottom":0,border:"none"},Fe=["box-sizing","width","font-size","font-weight","font-family","font-style","letter-spacing","text-indent","white-space","word-break","overflow-wrap","padding-left","padding-right"];function De(e,t){if(!e||typeof e!="object")return e;var r={};return Object.keys(e).forEach(function(n){t.indexOf(n)>-1||(r[n]=e[n])}),r}var Be=["component","className","unsafeHTML"];function oe(e,t){if(t!=="letters"&&t!=="words")throw new Error("Unsupported options basedOn: "+t);if(e.nodeType===Node.TEXT_NODE){var r=document.createDocumentFragment(),n;switch(t){case"words":n=e.textContent.split(/\b|(?=\W)/);break;case"letters":n=Array.from(e.textContent);break}n.forEach(function(a){r.appendChild(He(a))}),e.parentNode.replaceChild(r,e)}else if(e.nodeType===Node.ELEMENT_NODE)for(var s=[].slice.call(e.childNodes),i=s.length,c=0;c<i;c++)oe(s[c],t)}function He(e){var t=document.createElement("span");return t.className="LinesEllipsis-unit",t.textContent=e,t}function J(e){e.parentNode.replaceChild(document.createTextNode(e.textContent),e)}function ae(e,t){if(!(!t.contains(e)||e===t)){for(;e.nextElementSibling;)e.parentNode.removeChild(e.nextElementSibling);ae(e.parentNode,t)}}function ke(e){for(var t=e;t=t.parentNode;)if(/p|div|main|section|h\d|ul|ol|li/.test(t.tagName.toLowerCase()))return t}function F(e){return!!(e.offsetHeight&&(e.offsetWidth||/\S/.test(e.textContent)))}var ce={component:"div",unsafeHTML:"",maxLine:1,ellipsis:"…",ellipsisHTML:void 0,className:"",basedOn:void 0,onReflow:function(){},winWidth:void 0},Ke=Object.keys(ce),le=function(e){Ie(t,e);function t(n){var s;return s=e.call(this,n)||this,s.state={html:n.unsafeHTML,clamped:!1},s.canvas=null,s.maxLine=0,s.nlUnits=[],s}var r=t.prototype;return r.componentDidMount=function(){this.initCanvas(),this.reflow(this.props)},r.componentDidUpdate=function(s){s.winWidth!==this.props.winWidth&&this.copyStyleToCanvas(),this.props!==s&&this.reflow(this.props)},r.componentWillUnmount=function(){this.canvas.parentNode.removeChild(this.canvas),this.canvas=null},r.setState=function(s,i){return typeof s.clamped<"u"&&(this.clamped=s.clamped),e.prototype.setState.call(this,s,i)},r.initCanvas=function(){if(!this.canvas){var s=this.canvas=document.createElement("div");s.className="LinesEllipsis-canvas "+this.props.className,s.setAttribute("aria-hidden","true"),this.copyStyleToCanvas(),Object.keys(Z).forEach(function(i){s.style[i]=Z[i]}),document.body.appendChild(s)}},r.copyStyleToCanvas=function(){var s=this,i=window.getComputedStyle(this.target);Fe.forEach(function(c){s.canvas.style[c]=i[c]})},r.reflow=function(s){this.maxLine=+s.maxLine||1,this.canvas.innerHTML=s.unsafeHTML;var i=s.basedOn||(/^[\x00-\x7F]+$/.test(s.unsafeHTML)?"words":"letters");oe(this.canvas,i);var c=this.putEllipsis(this.calcIndexes()),a={clamped:c,html:this.canvas.innerHTML};this.setState(a,s.onReflow.bind(this,a))},r.calcIndexes=function(){var s=[0],i=this.nlUnits=Array.from(this.canvas.querySelectorAll(".LinesEllipsis-unit")),c=i.length;if(!i.length)return s;var a=i.find(F);if(!a)return s;for(var o=1,p=a.offsetTop,d=1;d<c&&!(F(i[d])&&i[d].offsetTop-p>1&&(o++,s.push(d),p=i[d].offsetTop,o>this.maxLine));d++);return s},r.putEllipsis=function(s){if(s.length<=this.maxLine)return!1;this.nlUnits=this.nlUnits.slice(0,s[this.maxLine]);var i=this.nlUnits.pop(),c=this.makeEllipsisSpan();do ae(i,this.canvas),ke(i).appendChild(c),i=this.nlUnits.pop();while(i&&(!F(i)||c.offsetHeight>i.offsetHeight||c.offsetTop>i.offsetTop));return i&&J(i),this.nlUnits.forEach(J),!0},r.makeEllipsisSpan=function(){var s=this.props,i=s.ellipsisHTML,c=s.ellipsis,a=document.createElement("span");a.appendChild(document.createElement("wbr"));var o=document.createElement("span");return o.className="LinesEllipsis-ellipsis",i?o.innerHTML=i:o.textContent=c,a.appendChild(o),a},r.isClamped=function(){return this.clamped},r.render=function(){var s=this,i=this.state,c=i.html,a=i.clamped,o=this.props,p=o.component,d=o.className,h=o.unsafeHTML,m=Pe(o,Be);return P.default.createElement(p,D({className:"LinesEllipsis "+(a?"LinesEllipsis--clamped":"")+" "+d,ref:function(f){return s.target=f}},De(m,Ke)),P.default.createElement("div",{dangerouslySetInnerHTML:{__html:a?c:h}}))},t}(P.default.Component);le.defaultProps=ce;var We=le;const St=ne(We),{joinURL:v,withQuery:_}=ve,{toTypeInfo:Ge}=Ce,{isEVMChain:ze,getExplorerUrl:qe}=Ee,{arcChainConfig:Ve}=Te,Ye={ROLE_ACCOUNT:"number",ROLE_NODE:"number",ROLE_DEVICE:"number",ROLE_APPLICATION:"number",ROLE_SMART_CONTRACT:"number",ROLE_BOT:"number",ROLE_ASSET:"number",ROLE_STAKE:"number",ROLE_VALIDATOR:"number",ROLE_GROUP:"number",ROLE_TX:"number",ROLE_TETHER:"number",ROLE_SWAP:"number",ROLE_DELEGATION:"number",ROLE_VC:"number",ROLE_BLOCKLET:"number",ROLE_STORE:"number",ROLE_TOKEN:"number",ROLE_FACTORY:"number",ROLE_ROLLUP:"number",ROLE_STORAGE:"number",ROLE_PROFILE:"number",ROLE_ANY:"number"},C="https://explorer.abtnetwork.io/explorer/";var Qe=function({hash:t,asset:r,rollup:n,address:s,token:i,stake:c,chainId:a=""}){if(ze(a)){const h=qe(a);return t?v(h,`tx/${t}`):r?v(h,`token/${r}`):v(h,`address/${s}`)}const o=Ve[a],p=o==null?void 0:o.defaultRPC,d=p?`${p}`:void 0;return n&&Ge(n).role===Ye.ROLE_ROLLUP?t?_(v(C,`rollups/${n}/moves/${t}`),{host:d}):_(v(C,`rollups/${n}`),{host:d}):r?_(v(C,`assets/${r}`),{host:d}):t?_(v(C,`txs/${t}`),{host:d}):i?_(v(C,`tokens/${i}/tx`),{host:d}):c?_(v(C,`stakes/${c}`),{host:d}):_(v(C,`accounts/${s}`),{host:d})},Xe={isSameAddr:(e,t)=>String(e).toLowerCase()===String(t).toLowerCase()};const A=Qe,{isSameAddr:b}=Xe;class M{constructor({type:t,did:r,chainId:n,text:s}){this.text=s,this.did=r,this.type=t,this.chainId=n}}const G=e=>{const t=[];try{let r=0;const n=/<(.+?)\(?[tx|nft|token|stake|did|dapp|link]+[:](.+?)\)?>/gi,s=e.matchAll(n);for(const i of s){const c=/\([tx|nft|token|stake|did|dapp|link]+[:](.+?)\)/gi,a=i[0],o=i.index||r,p=o+a.length;if([...a.matchAll(c)].length>1)return[e];let h="";const m=c.exec(a);let u="";if(m){const S=m[0];h=a.replace(S,"").replace(/^</,"").replace(/(>)$/,""),u=S.replace(/\)$/,"").replace(/^\(/,"")}else u=a;const f=u.split(":"),g=(f[0]||"").replace(/^</,"").replace(/^\(/,"").toUpperCase(),x=(f[1]||"").replace(/>$/,"").replace(/\)$/,""),E=(f[f.length-1]||"").replace(/>$/,"").replace(/\)$/,"");t.push(e.substring(r,o)),t.push(new M({type:g,chainId:x,did:E,text:h||g})),r=p}return r<e.length&&t.push(e.substring(r)),t}catch(r){return console.error(r==null?void 0:r.message),[e]}},z=e=>{let t;const{type:r,chainId:n,did:s}=e;return b(r,"link")?t=`${n}:${s}`:b(r,"tx")?t=A({hash:s,chainId:n}):b(r,"stake")?t=A({stake:s,chainId:n}):b(r,"nft")?t=A({asset:s,chainId:n}):b(r,"token")?t=A({token:s,chainId:n}):b(r,"did")&&(t=A({address:s,chainId:n})),t},Ze=(e,t=!0)=>G(e).map(n=>{if(n instanceof M){if(t){const s=z(n),{type:i,chainId:c,did:a}=n;return b(i,"dapp")?`<em style="font-weight:bold;" data-type="${i}" data-chain-id="${c}" data-did="${a}">${n.text}</em>`:s?`<a target="_blank" rel="noopener noreferrer" style="color:#4598fa;font-weight:bold;" href="${s}">${n.text}</a>`:`<em style="font-weight:bold;" data-type="${i}" data-chain-id="${c}" data-did="${a}">${n.text}</em>`}return n.text}return n}).join(""),Je=e=>G(e).map(r=>r instanceof M?`<${z(r)}|${r.text}>`:r.replace(/:\n/g,": ")).join("");var _t={toClickableSpan:Ze,toTextList:G,toSlackLink:Je,Link:M,getLink:z};const et=e=>{const t="explorer.arcblockio.cn";return e&&{beta:"beta.abtnetwork.io",main:"main.abtnetwork.io"}[e]||t},tt=e=>{try{return new URL(e).host}catch{return e}};var Ct={getChainHost:et,getUrlHost:tt},bt={linkStyle:{color:"#2754C5",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",fontSize:"14px",textDecoration:"underline"},actionsStyle:{margin:"20px -8px 0px"},actionStyle:{color:"#4598fa",fontSize:14,border:"1px solid #4598fa",display:"inline-block",borderRadius:"4px",margin:"8px",marginTop:"8px",marginBottom:"8px",marginLeft:"8px",marginRight:"8px"},assetStyle:{backgroundColor:"#f6f6f6",borderRadius:"8px",padding:"8px"},remarkStyle:{color:"#9397a1",fontSize:"12px",margin:0,whiteSpace:"pre-line!important"},summaryStyle:{color:"#49c3ad",fontWeight:700},titleStyle:{marginBottom:"6px"},severityColorMap:{normal:"#C4C5CA",success:"#25C99B",error:"#F16E6E",warning:"#DE9E37"},attachmentsStyle:{borderLeft:"2px solid transparent",paddingLeft:"20px"},h1Style:{color:"#333",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",fontSize:"24px",fontWeight:"bold",margin:"40px 0",padding:"0"},footerStyle:{color:"#898989",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",fontSize:"12px",lineHeight:"22px",margin:0}},nt={year:{long:"year",short:"y"},day:{long:"day",short:"d"},hour:{long:"hour",short:"h"},minute:{long:"minute",short:"m"},second:{long:"second",short:"s"},millisecond:{long:"millisecond",short:"ms"},microsecond:{long:"microsecond",short:"µs"},nanosecond:{long:"nanosecond",short:"ns"}},st={year:{long:"年",short:"年"},day:{long:"天",short:"天"},hour:{long:"小时",short:"小时"},minute:{long:"分钟",short:"分"},second:{long:"秒钟",short:"秒"},millisecond:{long:"毫秒",short:"毫秒"},microsecond:{long:"微秒",short:"微秒"},nanosecond:{long:"纳秒",short:"纳秒"}};const H=new Map,rt=(e,t)=>{H.set(e,t)},it=(e="en_US")=>H.get(e)||H.get("en_US");var de={registerLang:rt,getLang:it},ot=e=>{if(typeof e!="number")throw new TypeError("Expected a number");const t=e>0?Math.floor:Math.ceil;return{days:t(e/864e5),hours:t(e/36e5)%24,minutes:t(e/6e4)%60,seconds:t(e/1e3)%60,milliseconds:t(e)%1e3,microseconds:t(e*1e3)%1e3,nanoseconds:t(e*1e6)%1e3}};const at=ot,{getLang:j}=de,ct=(e,t)=>t===1?e:`${e}s`,lt=1e-7;var dt=(e,t={})=>{if(!Number.isFinite(e))throw new TypeError("Expected a finite number");t.colonNotation&&(t.compact=!1,t.formatSubMilliseconds=!1,t.separateMilliseconds=!1,t.verbose=!1),t.compact&&(t.secondsDecimalDigits=0,t.millisecondsDecimalDigits=0);const r=j(t.locale),n=[],s=(a,o)=>{const p=Math.floor(a*10**o+lt);return(Math.round(p)/10**o).toFixed(o)},i=(a,o,p)=>{if((n.length===0||!t.colonNotation)&&a===0&&!(t.colonNotation&&o==="minute"))return;const{long:d}=r[o]||j("en_US")[o],{short:h}=r[o]||j("en_US")[o];let m=(p||a||"0").toString(),u,f;if(t.colonNotation){u=n.length>0?":":"",f="";const g=m.includes(".")?m.split(".")[0].length:m.length,x=n.length>0?2:1;m="0".repeat(Math.max(0,x-g))+m}else u="",t.locale==="zh_CN"?Object.values(c).filter(g=>g>0).length>1?!c.days&&!c.hours&&c.minutes&&t.compact?f=d:f=h:c.minutes?f=d:f=h:f=t.verbose?` ${ct(d,a)}`:h;n.push(u+m+f)},c=at(e);if(i(Math.trunc(c.days/365),"year"),i(c.days%365,"day"),i(c.hours,"hour"),i(c.minutes,"minute"),t.separateMilliseconds||t.formatSubMilliseconds||!t.colonNotation&&e<1e3)if(i(c.seconds,"second"),t.formatSubMilliseconds)i(c.milliseconds,"millisecond"),i(c.microseconds,"microsecond"),i(c.nanoseconds,"nanosecond");else{const a=c.milliseconds+c.microseconds/1e3+c.nanoseconds/1e6,o=typeof t.millisecondsDecimalDigits=="number"?t.millisecondsDecimalDigits:0,p=a>=1?Math.round(a):Math.ceil(a),d=o?a.toFixed(o):p;i(Number.parseFloat(d,10),"millisecond",d)}else{const a=e/1e3%60,o=typeof t.secondsDecimalDigits=="number"?t.secondsDecimalDigits:1,p=s(a,o),d=t.keepDecimalsOnWholeSeconds?p:p.replace(/\.0+$/,"");i(Number.parseFloat(d,10),"second",d)}if(n.length===0){const a=(r.millisecond||j("en_US").millisecond).long,o=(r.millisecond||j("en_US").millisecond).short;return t.locale==="zh_CN"?`0${t.verbose?`${a}`:o}`:`0${t.verbose?` ${a}s`:o}`}if(t.compact)return n[0];if(typeof t.unitCount=="number"){const a=t.colonNotation?"":" ";return n.slice(0,Math.max(t.unitCount,1)).join(a)}return t.colonNotation?n.join(""):n.join(" ")};const ut=nt,pt=st,{registerLang:q}=de,ue=dt;q("en_US",ut);q("zh_CN",pt);ue.registerLang=q;var ft=ue;const Nt=ne(ft);export{se as B,St as H,ie as M,Tt as a,be as b,Ct as c,we as d,Xe as f,Ne as g,_t as h,Et as i,vt as m,Nt as p,bt as s,Ot as u};