@abtnode/blocklet-services 1.16.43-beta-20250424-125523-08a65a5c → 1.16.43-beta-20250425-130658-8da18f4d

package/dist/assets/index-BtWj67HV.js

@@ -0,0 +1,99 @@
+import{r as C}from"./vendor-react-DEoibe3W.js";import{u as I,V as F,j as oe,B as N,b2 as ue,al as ie,bM as xe,b4 as fe,az as ge,bt as ye,c0 as he,a5 as je}from"./vendor-ux-did-connect-CsNUdA6Y.js";import{r as ce}from"./passport-item-BUfjEppi.js";import{l as B,z as _,aF as be,C as Ce,f as ve}from"./index-CGJUebpH.js";import{u as z}from"./dashboard-DrtJT0zg.js";import{j as e,H as j,bo as O,br as V,bn as G,q as H,a9 as f,ak as Q,O as M,aa as Y,bs as Ke,bS as ke,ag as L,T as $,ac as ae,aj as Te}from"./vendor-mui-core-CQ38ohp2.js";import{K as Ae,Y as Se}from"./vendor-arcblock-BUng-RXZ.js";import{T as le}from"./index-CY6pLbAD.js";import{C as de}from"./confirm-qekNSA6N.js";import{_ as we}from"./vendor-utils-BNHJB5U7.js";import{C as E}from"./click-to-copy-CSwrPBKm.js";import{D as De}from"./delete-confirm-DEV7zNkl.js";import{d as Ie}from"./Edit-D6qkTeBz.js";import{P as Re}from"./permission-C_VicyW0.js";import{m as Be,G as _e}from"./vendor-hooks-DftG_2gV.js";import{U as ze,C as $e,I as Ne}from"./index-D5iB7faJ.js";import{B as Le}from"./bundle-avatar-CNkSW5-i.js";import{p as Pe}from"./util-BrciyiqD.js";import{W as re}from"./did-address-DZ4aPkg2.js";import{f as We}from"./format-error-BrmqJs5a.js";import"./lottie-web-jYmAQWuC.js";import"./useLocalStorage-BxIzITf9.js";import"./PlayArrow-Cja7S4vv.js";import"./get-safe-url-BZgGKuU5.js";import"./session-BoLXmmdy.js";import"./index-BoJFRi1m.js";import"./InfoOutlined-B-fGWta1.js";import"./dot-BE1YP292.js";import"./useAsync-CGW40D2-.js";import"./useSetState-CWq0AVWn.js";import"./use-mobile-DlKplWTG.js";import"./vendor-mui-x-B0hsmEJ3.js";import"./AdapterDayjs-6a0bjomM.js";import"./Phone-KP65huHK.js";import"./Location-B8EOY3d0.js";import"./Email-Dz2Eyqu0.js";import"./Timezone-Ce4E1Xey.js";import"./base32-bFQC4m_a.js";function J({value:t}){const{t:s,locale:x}=I(),c=new Date;return new Date(t)<c?e.jsxs("span",{style:{color:"red"},children:[e.jsx(F,{value:t,locale:x}),`${s("setting.accessKey.expired",{time:""})}`]}):B(t,x)}J.propTypes={value:j.string.isRequired};function X({value:t,onChange:s,...x}){const{t:c}=I(),l=C.useMemo(()=>[{value:"signature",title:c("setting.accessKey.signature"),description:c("setting.accessKey.signatureDesc")},{value:"simple",title:c("setting.accessKey.simple"),description:c("setting.accessKey.simpleDesc")}],[c]);return e.jsxs(O,{style:{width:"100%"},variant:"outlined",...x,children:[e.jsx(V,{children:c("setting.accessKey.authType")}),e.jsx(G,{value:t,onChange:s,fullWidth:!0,label:c("setting.accessKey.authType"),children:l.map(n=>e.jsx(H,{value:n.value,children:e.jsxs(f,{children:[e.jsx("span",{children:n.title}),e.jsx(f,{maxWidth:510,fontSize:12,color:"#999",whiteSpace:"normal",children:n.description})]})},n.value))})]})}X.propTypes={value:j.string.isRequired,onChange:j.func.isRequired};const W=()=>{const t=oe.RBAC_CONFIG.roles.filter(l=>l.passport),{inService:s}=_(),{roles:x}=z(),c=[...t,...s?x:[]];return we(c,"name").filter(l=>l.name!==oe.ROLES.OWNER)};function Z(t){const{remark:s,onCreate:x}=t,{api:c}=_(),{teamDid:l}=z(),{t:n}=I(),[K,g]=C.useState(!1),[r,i]=C.useState(null),T=W(),v=()=>{g(!1),i(null)},b=async m=>{const{remark:y,passport:p,authType:o}=m;g(!0);const u=await c.createAccessKey({input:{teamDid:l,remark:y.trim(),passport:p,expireAt:m.expireAt?new Date(m.expireAt).getTime():null,authType:o}}),{data:w}=u;x(w),i(null),g(!1)},d={title:`${n("common.create")} ${n("accessKey")}`,description:(m,y,p)=>e.jsxs(Q,{gap:3,children:[e.jsx(M,{label:n("setting.accessKey.tip"),autoComplete:"off",variant:"outlined",name:"remark",inputProps:{"data-cy":"remark-input"},fullWidth:!0,autoFocus:!0,margin:"dense",value:m.remark,onChange:o=>{y({...m,remark:o.target.value,__disableConfirm:!m.passport||!o.target.value.trim()}),o.target.value.trim()?p(""):p(n("setting.accessKey.remarkInvalid"))}}),e.jsxs(O,{style:{width:"100%"},variant:"outlined",children:[e.jsx(V,{children:n("setting.accessKey.passport")}),e.jsx(G,{"data-cy":"create-access-key-select-passport",value:m.passport,onChange:o=>{const u=o.target.value;p(null),y({...m,passport:u,__disableConfirm:!m.remark||!u})},fullWidth:!0,label:n("setting.accessKey.passport"),disabled:K,children:T.map(o=>e.jsx(H,{value:o.name,"data-cy":`create-access-key-passport-option-${o.name}`,children:e.jsxs(f,{children:[e.jsx("span",{children:o.title||o.name}),e.jsx(f,{maxWidth:440,fontSize:12,color:"#999",whiteSpace:"normal",textAlign:"justify",children:o.description})]})},o.name))})]}),e.jsx(X,{value:m.authType,onChange:o=>{y({...m,authType:o.target.value})}}),e.jsx(le,{placeholder:n("setting.accessKey.expireTime"),value:m.expireAt,onChange:o=>{y({...m,expireAt:o,__disableConfirm:!m.passport||!m.remark||!o})}})]}),confirm:n("common.confirm"),cancel:n("common.cancel"),color:"primary",params:{remark:s,authType:"signature",__disableConfirm:!s.trim()},onConfirm:b,onCancel:v};return e.jsxs(e.Fragment,{children:[e.jsxs(N,{edge:"end",variant:"contained",color:"primary","data-cy":"add-access-key-btn",onClick:()=>i(d),className:"rule-action",children:[K?e.jsx(Y,{size:16}):e.jsx(Ae,{style:{fontSize:16}}),n("common.create")]}),r&&e.jsx(de,{title:r.title,description:r.description,confirm:r.confirm,color:r.color,cancel:r.cancel,params:r.params,onConfirm:r.onConfirm,onCancel:r.onCancel})]})}Z.propTypes={remark:j.string,onCreate:j.func};Z.defaultProps={onCreate:()=>{},remark:""};function ee(t){const{onConfirm:s,accessKeyId:x,accessKeySecret:c,hideSecret:l}=t,{t:n}=C.useContext(ue),[K,g]=C.useState(!1),[r,i]=C.useState(()=>l),T=()=>{i(!r)},v=d=>{g(d.target.checked)},b=C.useMemo(()=>{var d;return l?`const Client = require('@abtnode/client');
+
+const client = new Client(fullEndpoint);
+client.setAuthAccessKey({
+  accessKeyId: "${x}",
+  accessKeySecret: "${c}",
+});
+`:`curl -H "Authorization: Bearer ${c}" "${(d=window.blocklet)==null?void 0:d.appUrl}/.well-known/service/api/did/session"`},[l,x,c]);return e.jsxs(ie,{title:n("common.createSuccess"),fullWidth:!0,open:!0,disableEscapeKeyDown:!0,onClose:s,showCloseButton:!1,actions:e.jsx("div",{children:e.jsx(N,{disabled:l?!K:!1,onClick:s,color:"primary",autoFocus:!0,variant:"contained","data-cy":"submit-confirm-dialog",children:n("common.confirm")})}),"aria-labelledby":"simple-dialog-title",children:[e.jsx("div",{children:e.jsx(qe,{children:n(l?"setting.accessKey.saveSecretTip":"setting.accessKey.viewSecret")})}),e.jsx("div",{style:{marginTop:"20px"}}),e.jsxs(U,{children:[e.jsx(q,{children:n("setting.accessKey.accessKeyId")}),e.jsx(E,{children:x})]}),e.jsxs(U,{children:[e.jsx(q,{children:n("setting.accessKey.accessKeySecret")}),r?e.jsx(N,{"data-cy":"show-secret-btn",color:"primary",onClick:T,children:n("setting.accessKey.showSecret")}):e.jsx(E,{children:c})]}),!r&&e.jsxs(U,{children:[e.jsx(q,{children:`Access Key ${n("setting.accessKey.usage")}`}),e.jsx(xe,{code:b,language:"javascript"})]}),l&&e.jsx("div",{children:e.jsx(Ke,{value:"end",disabled:r,control:e.jsx(ke,{checked:K,onChange:v}),label:n("setting.accessKey.iKnow"),labelPlacement:"end"})})]})}ee.propTypes={accessKeyId:j.string.isRequired,accessKeySecret:j.string.isRequired,onConfirm:j.func,hideSecret:j.bool};ee.defaultProps={onConfirm:()=>{},hideSecret:!0};const q=L.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 16px;
+  margin-bottom: 8px;
+`,U=L.div`
+  margin-bottom: 24px;
+`,qe=L.div`
+  font-size: 16px;
+  font-weight: bold;
+`;function te(t){const{t:s,locale:x}=I(),{api:c}=_(),{teamDid:l}=z(),[n,K]=C.useState(!1),[g,r]=C.useState(null),{accessKeyId:i,time:T,remark:v,onDelete:b=()=>{}}=t,d=()=>{K(!1),r(null)},m=async()=>{K(!0);try{await c.deleteAccessKey({input:{teamDid:l,accessKeyId:i}}),b()}catch(o){console.error(o)}finally{K(!1),r(null)}},y=o=>({key:`<b>${i}</b>`,name:`<b>${v}</b>`,time:B(o,x),timeAge:Se(new Date(o),be(x))}),p={keyName:v,title:s("setting.accessKey.title"),description:T?`${s("setting.accessKey.description",y(T))}`:`${s("setting.accessKey.descriptionNoTime",{key:`<b>${i}</b>`,name:`<b>${v}</b>`})}`,confirmPlaceholder:s("setting.accessKey.confirm_desc",{name:v}),confirm:s("common.delConfirm"),cancel:s("common.cancel"),onConfirm:m,onCancel:d};return e.jsxs(e.Fragment,{children:[e.jsxs(N,{edge:"end",onClick:o=>{o.stopPropagation(),r(p)},size:"small",className:"rule-action",color:"error",children:[n?e.jsx(Y,{size:16}):e.jsx(fe,{style:{fontSize:16}}),s("common.delete")]}),g&&e.jsx(De,{keyName:g.keyName,title:g.title,description:g.description,confirmPlaceholder:g.confirmPlaceholder,confirm:g.confirm,cancel:g.cancel,params:g.params,onConfirm:g.onConfirm,onCancel:g.onCancel})]})}te.propTypes={accessKeyId:j.string.isRequired,time:j.string.isRequired,remark:j.string.isRequired,onDelete:j.func};te.defaultProps={onDelete:()=>{}};function se(t){const{accessKeyId:s,remark:x,onUpdate:c,passport:l,expireAt:n,authType:K}=t,{api:g}=_(),{teamDid:r}=z(),{t:i}=I(),[T,v]=C.useState(!1),[b,d]=C.useState(null),m=W(),y=()=>{v(!1),d(null)},p=async u=>{const{accessKeyId:w,remark:R="",passport:h,expireAt:D,authType:P}=u;v(!0),await g.updateAccessKey({input:{teamDid:r,accessKeyId:w,remark:R.trim(),passport:h,expireAt:D?new Date(D).getTime():null,authType:P}}),c(),d(null),v(!1)},o={title:`${i("common.update")} ${i("accessKey")}`,description:(u,w,R)=>e.jsxs(Q,{gap:3,children:[e.jsx(M,{label:i("setting.accessKey.accessKeyId"),autoComplete:"off",variant:"outlined",name:"accessKeyId",fullWidth:!0,autoFocus:!0,margin:"dense",value:u.accessKeyId,disabled:!0}),e.jsx(M,{label:i("common.remark"),autoComplete:"off",variant:"outlined",name:"remark",fullWidth:!0,autoFocus:!0,value:u.remark,onChange:h=>{w({...u,remark:h.target.value,__disableConfirm:!h.target.value.trim()}),h.target.value.trim()?R(""):R(i("setting.accessKey.remarkInvalid"))}}),e.jsxs(O,{style:{width:"100%"},variant:"outlined",children:[e.jsx(V,{children:i("setting.accessKey.passport")}),e.jsx(G,{"data-cy":"update-access-key-select-passport",value:u.passport,onChange:h=>{const D=h.target.value;R(null),w({...u,passport:D,__disableConfirm:!u.remark||!D})},fullWidth:!0,label:i("setting.accessKey.passport"),disabled:T,children:m.map(h=>e.jsx(H,{value:h.name,"data-cy":`update-access-key-passport-option-${h.name}`,children:e.jsxs(f,{children:[e.jsx("span",{children:h.title||h.name}),e.jsx(f,{maxWidth:440,fontSize:12,color:"#999",whiteSpace:"normal",textAlign:"justify",children:h.description})]})},h.name))})]}),e.jsx(X,{disabled:!0,value:u.authType,onChange:h=>{w({...u,authType:h.target.value})}}),e.jsx(le,{placeholder:i("setting.accessKey.expireTime"),value:u.expireAt,onChange:h=>{w({...u,expireAt:h,__disableConfirm:!u.passport||!u.remark||!h})}})]}),confirm:i("common.confirm"),cancel:i("common.cancel"),color:"primary",params:{accessKeyId:s,remark:x,passport:l,expireAt:n,authType:K},onConfirm:p,onCancel:y};return e.jsxs(e.Fragment,{children:[e.jsxs(N,{edge:"end",onClick:u=>{u.stopPropagation(),d(o)},size:"small",className:"rule-action",color:"primary",children:[T?e.jsx(Y,{size:16}):e.jsx(Ie,{style:{fontSize:16}}),i("common.update")]}),b&&e.jsx(de,{title:b.title,description:b.description,confirm:b.confirm,color:b.color,cancel:b.cancel,params:b.params,onConfirm:b.onConfirm,onCancel:b.onCancel})]})}se.propTypes={accessKeyId:j.string.isRequired,remark:j.string,passport:j.string,expireAt:j.string,authType:j.string,onUpdate:j.func};se.defaultProps={onUpdate:()=>{},remark:"",passport:"",expireAt:"",authType:"signature"};function ne({accessKey:t,onCancel:s}){const{t:x}=I();return e.jsx(ie,{title:x("accessKey"),onClose:s,open:!0,PaperProps:{style:{maxWidth:800}},fullWidth:!0,children:e.jsx(Ue,{children:e.jsx(me,{accessKey:t})})})}ne.propTypes={accessKey:j.object.isRequired,onCancel:j.func.isRequired};ne.defaultProps={};const Ue=L(f)`
+  margin-top: -16px;
+
+  .tabs {
+    margin-left: 0;
+    margin-right: 0;
+  }
+`;function me({accessKey:t}){var m,y;const{t:s,locale:x}=I(),{api:c}=_(),{teamDid:l}=z(),{blocklet:n}=Ce(),K=W(),g=C.useCallback(async p=>p?(await c.getUser({input:{teamDid:l,user:{did:p}}})).user:null,[c,l]),r=Be(()=>g(t.createdBy),{}),i=((n==null?void 0:n.children)||[]).find(p=>{var o;return((o=p==null?void 0:p.meta)==null?void 0:o.did)===t.componentDid}),T=C.useMemo(()=>{var p;return Pe((p=r==null?void 0:r.data)==null?void 0:p.avatar,l,!0)},[(m=r==null?void 0:r.data)==null?void 0:m.avatar,l]),v=K.find(p=>p.name===t.passport),b=v?v.title:t.passport,d=[{title:s("common.baseInfo"),items:[{label:s("setting.accessKey.accessKeyId"),content:e.jsx(re,{did:t.accessKeyId,showQrcode:!0})},...t.authType==="simple"?[{label:s("setting.accessKey.accessKeySecret"),content:e.jsx(E,{children:`blocklet-${ge.toBase58(t.accessKeyPublic)}`})}]:[],{label:s("common.role"),content:e.jsx(f,{children:ce(b,t.passport)})},{label:s("common.createdVia"),content:t.createdVia},{label:s("common.createdBy"),content:r!=null&&r.data?e.jsx(f,{sx:{display:"flex",alignItems:"center",".MuiAvatar-root":{width:32,height:32}},children:e.jsx(ze,{user:{...r.data,avatar:T},showDid:!0,cardType:$e.Detailed,infoType:Ne.Minimal,sx:{border:0,padding:0}})}):t.createdBy?e.jsx(re,{did:t.createdBy,showQrcode:!0}):"-"}]},{title:s("common.timeInfo"),items:[{label:s("common.createdAt"),content:t.createdAt?B(t.createdAt,x):"-"},{label:s("common.lastUsedAt"),content:t.lastUsedAt?B(t.lastUsedAt,x):"-"},{label:s("common.expiredAt"),content:t.expireAt?e.jsx(J,{value:t.expireAt}):s("common.neverExpired")}]},{title:s("common.otherInfo"),items:[{label:s("setting.accessKey.authType"),content:t.authType},{label:s("common.remark"),content:t.remark},...t.authType!=="signature"?[{label:s("setting.accessKey.resourceType"),content:t.resourceType||"-"},{label:s("setting.accessKey.resourceId"),content:t.resourceId||"-"}]:[],...i?[{label:s("setting.accessKey.component"),content:e.jsxs(f,{width:{xs:250,sm:400},display:"flex",alignItems:"center",children:[e.jsx(Le,{blocklet:i,ancestors:[n]}),e.jsx(f,{ml:"16px",sx:{minWidth:0},children:e.jsxs(f,{className:"component-header",children:[e.jsx(f,{className:"component-name",children:ve.getDisplayName(i,!0)}),e.jsx(f,{className:"component-version",children:(y=i==null?void 0:i.meta)==null?void 0:y.version})]})})]},i)}]:[]]}];return e.jsx(Fe,{gap:3,children:e.jsx(f,{className:"info-area",children:d.map(p=>e.jsxs(f,{mb:3,children:[e.jsx($,{variant:"h6",sx:{mb:1.5},children:p.title}),e.jsx(f,{className:"info-grid",children:p.items.map(o=>e.jsxs(f,{className:"info-item",children:[e.jsx(f,{className:"info-label",children:e.jsx($,{variant:"subtitle2",color:"textSecondary",children:o.label})}),e.jsx(f,{children:o.content})]},o.label))})]},p.title))})})}me.propTypes={accessKey:j.object.isRequired};const Fe=L(Q)`
+  .info-card {
+    margin-bottom: 24px;
+    overflow: hidden;
+  }
+
+  .card-content {
+    display: flex;
+    gap: 32px;
+    padding: 24px;
+  }
+
+  .passport-image {
+    width: 150px;
+    flex-shrink: 0;
+    transition: transform 0.2s ease-in-out;
+    cursor: pointer;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+  }
+
+  .info-area {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .info-header {
+    padding-bottom: 16px;
+    border-bottom: 1px solid #eee;
+  }
+
+  .info-grid {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .info-item {
+    display: flex;
+    gap: 8px;
+  }
+
+  .info-label {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 140px;
+  }
+
+  .logs-card {
+    .card-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 16px 24px;
+      border-bottom: 1px solid #eee;
+    }
+
+    .MuiTimeline-root {
+      padding: 24px;
+    }
+
+    .MuiTimelineContent-root {
+      padding: 0px 16px;
+    }
+
+    .MuiTimelineDot-root {
+      margin: 0;
+    }
+  }
+`;function St(){var D,P;const{t,locale:s}=I(),{api:x,inService:c}=_(),{teamDid:l}=z(),[n,K]=C.useState({}),[g,r]=C.useState(null),i=W(),T=C.useRef(null),v=`access-keys-${l}`,b=ye(v),[d,m]=C.useState({searchText:b.searchText||"",pageSize:b.rowsPerPage||10,page:1}),y=_e(async()=>await x.getAccessKeys({input:{teamDid:l,paging:{page:d.page,pageSize:d.pageSize}}}),[d.page,d.pageSize]),{loading:p,error:o}=y,u=C.useMemo(()=>{var a;return((a=y.value)==null?void 0:a.list)||[]},[(D=y.value)==null?void 0:D.list]),w=C.useMemo(()=>[{label:t("common.name"),name:"remark",options:{customBodyRender:(a,{rowIndex:A})=>{const k=u[A];return e.jsx(f,{display:"flex",alignItems:"center",gap:2,children:e.jsx($,{children:k.remark||"N/A"})})}}},{label:"Access Key ID",name:"accessKeyId",options:{customBodyRender:a=>e.jsx(he,{showDidLogo:!1,children:a})}},{label:t("common.role"),name:"passport",options:{customBodyRender:a=>{const A=i.find(S=>S.name===a),k=A?A.title:a;return e.jsx(f,{children:ce(k,a)})}}},{label:t("common.createdVia"),name:"createdVia",options:{customBodyRender:a=>e.jsx($,{children:a})}},{label:t("setting.accessKey.authType"),name:"authType",options:{customBodyRender:a=>e.jsx($,{children:t(`setting.accessKey.${a}`)})}},{label:t("common.createdAt"),name:"createdAt",options:{customBodyRender:a=>e.jsx(ae,{title:B(a,s),children:a?e.jsx(F,{value:a,locale:s}):"-"})}},{label:t("common.lastUsedAt"),name:"lastUsedAt",options:{customBodyRender:a=>e.jsx(ae,{title:B(a,s),children:a?e.jsx(F,{value:a,locale:s}):"-"})}},{label:t("common.expiredAt"),name:"expireAt",options:{customBodyRender:a=>a?e.jsx(J,{value:a}):t("common.neverExpired")}},{label:t("common.actions"),name:"actions",width:100,options:{customBodyRender:(a,{rowIndex:A})=>{const k=u[A];return e.jsxs(f,{display:"flex",gap:1,children:[e.jsx(se,{...k,onUpdate:y.retry}),e.jsx(te,{accessKeyId:k.accessKeyId,time:k.lastUsedAt,remark:k.remark||"N/A",onDelete:y.retry})]})}}}],[u,s,t,y.retry,i]),R=({page:a,rowsPerPage:A,searchText:k})=>{d.pageSize!==A?m(S=>({...S,searchText:"",pageSize:A,page:1})):d.page!==a+1?m(S=>({...S,searchText:"",page:a+1})):d.searchText!==k&&m(S=>({...S,searchText:k,page:1}))},h=d.searchText?u.filter(a=>a.accessKeyId.toLowerCase().includes(d.searchText.toLowerCase())||(a.remark||"").toLowerCase().includes(d.searchText.toLowerCase())):u;return o?e.jsx(Te,{severity:"error",children:We(o)}):e.jsxs(f,{ref:T,sx:{".custom-toobar-btns":{gap:"8px"}},children:[e.jsx(je,{durable:v,durableKeys:["page","rowsPerPage"],data:h,columns:w,options:{sort:!1,download:!1,filter:!1,print:!1,viewColumns:!1,page:d.page-1,rowsPerPage:d.pageSize,count:((P=y.value)==null?void 0:P.count)||0,searchDebounceTime:600,onRowClick(a,{dataIndex:A},k){var S;if((S=T.current)!=null&&S.contains(k.target)){const pe=h[A];r(pe)}}},loading:p,onChange:R,customButtons:[e.jsx(Re,{permission:c?"":"mutate_accessKey",children:e.jsx(Z,{onCreate:a=>{const{accessKeyId:A,accessKeySecret:k,authType:S}=a;K({show:!0,accessKeyId:A,accessKeySecret:k,authType:S})}})})]}),n.show&&e.jsx(ee,{hideSecret:n.authType==="signature",onConfirm:()=>{y.retry(),K({show:!1})},...n}),g&&e.jsx(ne,{onCancel:()=>r(null),accessKey:g})]})}export{St as default};

package/dist/assets/{index-CGe7n5Gc.js → index-BvQykj-W.js}

@@ -1,4 +1,4 @@
-import{u as $,Y as W,bM as Y,I as be,_ as fe,a5 as ge,bt as je}from"./vendor-ux-did-connect-D2f9rdKK.js";import{t as ye,m as de,j as we}from"./vendor-hooks-DftG_2gV.js";import{r as C,b as X}from"./vendor-react-DEoibe3W.js";import{d as Z}from"./InfoOutlined-K2cm3ASV.js";import{z as F,E as ke,F as K,C as ce,t as ve}from"./index-CVvs-hHV.js";import{u as N}from"./dashboard-CCzZLCC4.js";import{H as o,j as e,D as Ee,ai as Ce,t as Te,a9 as f,O as ie,T as S,aa as U,aj as ee,z as Se,y as B,bs as ae,bS as V,ac as A,L as Q,A as G,bc as Re,E as O,I as _,C as Ie,bq as Me,ak as P,c8 as Pe,X as De,bb as J,bp as ze,b4 as We,c9 as Ae,ca as Oe,b5 as qe,am as $e,c1 as Le,s as pe,v as Be,cb as He,cc as Fe,cd as Ne,ce as Ue,cf as _e}from"./vendor-mui-core-8zafwTFh.js";import{q as Ye}from"./vendor-arcblock-JGYMkSwE.js";import{d as Ke}from"./ExpandLess-D3psCjh2.js";import{z as ue,x as Ve,y as Je}from"./vendor-utils-BNHJB5U7.js";import{C as Qe}from"./confirm-BshZuFnD.js";import{A as Ge}from"./actions-f0wKxzR1.js";import"./lottie-web-jYmAQWuC.js";import"./useLocalStorage-CNdV3Qx_.js";import"./PlayArrow-DfQEcw-G.js";import"./get-safe-url-Bz4L9R5-.js";import"./format-error-BrmqJs5a.js";import"./session-CmpGpqja.js";import"./index-DomukIqT.js";import"./dot-tsWWWiOg.js";import"./useAsync-CGW40D2-.js";import"./useSetState-CWq0AVWn.js";import"./use-mobile-KRs0Yv73.js";import"./MoreHoriz-BWdkQIhx.js";const Xe=t=>{var j,y;const[d,c]=C.useState(null),[l,b]=C.useState(!t),[R,p]=C.useState(null),{blocklet:n}=ce(),a=(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),!a)return;const r=await(await fetch(`https://${a}/.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()},[a]),{openEvent:d,setOpenEvent:c,eventsBySource:v,loading:l,error:R,loadData:T}};function te({eventsBySource:t,selectedEvents:d,setSelectedEvents:c,error:l}){const{t:b}=$(),[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]),a=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(ae,{control:e.jsx(V,{onChange:h,checked:a>0&&a===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}}),a>0&&e.jsx(S,{variant:"body2",color:"primary",sx:{ml:"auto"},children:b("webhookEndpoint.selectedEventsCount",{count:a})})]}),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 M=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(ae,{control:e.jsx(V,{checked:i,indeterminate:M&&!i,onChange:s=>{s.stopPropagation(),y(g,i)}}),label:e.jsxs(f,{sx:{display:"flex",alignItems:"center",gap:1},children:[w.logo&&e.jsx(Re,{src:w.logo,sx:{width:24,height:24}}),e.jsx(f,{children:w.title||r}),M&&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(Ke,{}):e.jsx(Ye,{})})]})]})}),g.length>0&&e.jsx(Ie,{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(V,{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)})})}),l&&e.jsx(Me,{error:!0,sx:{mt:1},children:l})]})}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:l,onSubmit:b,onClose:R}){var s;const{t:p}=$(),[n,a]=C.useState({}),{teamDid:v}=N(),{api:T}=F(),{loading:j,error:y,eventsBySource:h}=Xe(),{control:r,handleSubmit:w,formState:{errors:g},reset:E,setValue:u,trigger:M}=ke({defaultValues:{url:"",description:""}});C.useEffect(()=>{const m=Object.values(n).some(k=>k);u("selectedEvents",m?"valid":""),M("selectedEvents")},[n,u,M]);const i=()=>{a({}),E(),R()},x=async m=>{const k=Object.keys(n).filter(I=>n[I]),D={url:m.url,description:m.description,enabledEvents:k.map(I=>{const[q,L]=I.split("-");return!q||!L?null:{type:q,source:L}}).filter(Boolean)};try{if(t){const I=await T.updateWebhookEndpoint({input:{teamDid:v,id:t,data:D}});W.success(`${p("webhookEndpoint.updateWebhook")} ${p("webhookEndpoint.success")}`),b(I)}else{const I=await T.createWebhookEndpoint({input:{teamDid:v,input:D}});W.success(`${p("webhookEndpoint.createWebhook")} ${p("webhookEndpoint.success")}`),b(I)}}catch(I){W.error(I==null?void 0:I.message)}i()};return C.useEffect(()=>{E({url:d,description:c}),a(l.reduce((m,k)=>(m[`${k.type}-${k.source}`]=!0,m),{}))},[E,a,d,c,l]),e.jsx(Ee,{open:!0,onClose:i,maxWidth:"lg",fullWidth:!0,sx:{"& .MuiDialog-paper":{minHeight:600}},children:e.jsxs("form",{onSubmit:w(x),children:[e.jsx(Ce,{children:p(t?"webhookEndpoint.editWebhookTitle":"webhookEndpoint.createWebhookTitle")}),e.jsx(Te,{children:e.jsxs(f,{sx:{display:"flex",flexDirection:"column",gap:2,mt:2},children:[e.jsx(K,{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(K,{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(K,{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:a,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(Se,{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?ve(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 z(t){const d=et(t.value);return e.jsxs(e.Fragment,{children:[e.jsxs(P,{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(Pe,{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})]})}z.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};z.defaultProps={tip:"",divider:!1};function ne(t){return e.jsxs(P,{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 l=new Date(c.createdAt).toLocaleDateString();d[l]||(d[l]=[]),(b=d[l])==null||b.push(c)}),d};function se({eventId:t,webhookEndpointId:d,event:c}){const{api:l}=F(),{t:b}=$(),{teamDid:R}=N(),{blocklet:p}=ce(),{data:n,loadMore:a,loadingMore:v,loading:T}=ye(u=>{const i=u?Math.ceil(u.list.length/15)+1:1;return l.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 M,i,x,s,m;if(u.responseBody&&((M=u.responseBody)!=null&&M.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,D=(p.children||[]).find(q=>{var L;return((L=q==null?void 0:q.meta)==null?void 0:L.name)==="ai-studio"}),I=Ve(Je(`https://${k}`,(D==null?void 0:D.mountPoint)||"","projects",u.responseBody.projectId,"logs/main"),{sessionId:u.responseBody.sessionId,agentId:u.responseBody.agentId});return e.jsx(_,{sx:{fontSize:20},onClick:()=>window.open(I,"_blank"),children:e.jsx(f,{component:be,icon:ot})})}return null};return e.jsxs(J,{container:!0,spacing:{xs:0,md:1},sx:{height:1},children:[e.jsx(J,{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,M])=>e.jsxs(X.Fragment,{children:[e.jsx(ze,{children:u}),M.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(Ae,{color:"error"}):e.jsx(Oe,{color:"success"})}),e.jsx(qe,{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:a,disabled:v,sx:{color:u=>u.palette.text.disabled},children:b(v?"webhookEndpoint.loadingMore":"webhookEndpoint.loadMore")})})]})}),e.jsxs(J,{item:!0,xs:12,md:8,height:1,children:[y&&e.jsxs(P,{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(Y,{language:"json",children:JSON.stringify(y.responseBody,null,2)})]}),e.jsxs(f,{children:[e.jsx(P,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:b("webhookEndpoint.request")})}),e.jsx(Y,{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(P,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:b("webhookEndpoint.eventData")})}),e.jsx(Y,{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}=$(),{api:l}=F(),{teamDid:b}=N(),{loading:R,error:p,data:n}=de(()=>l.getWebhookEndpoint({input:{teamDid:b,id:t}})),a=n==null?void 0:n.data;return p?e.jsx(ee,{severity:"error",children:p.message}):R||!a?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(P,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e.jsx(P,{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:a.description}),e.jsx(A,{title:a.url,children:e.jsx(Z,{sx:{fontSize:"16px",marginTop:"2px"}})})]})}),e.jsx(P,{direction:"row",alignItems:"center",children:e.jsx(_,{edge:"end",color:"inherit",onClick:d,children:e.jsx(Le,{})})})]}),e.jsx(f,{mt:2,children:e.jsxs(P,{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(z,{label:c("common.status"),value:e.jsx(O,{size:"small",variant:"filled",label:a.status,color:he(a.status),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}}),divider:!0}),e.jsx(z,{label:c("webhookEndpoint.listen"),value:e.jsx(A,{arrow:!0,title:e.jsx("ul",{style:{padding:0,margin:0},children:a.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:a.enabledEvents.length}),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx(z,{label:c("webhookEndpoint.version"),value:a.apiVersion,divider:!0}),e.jsx(z,{label:c("common.createdAt"),value:H(a.createdAt),divider:!0}),e.jsx(z,{label:c("common.updatedAt"),value:H(a.updatedAt),divider:!0}),e.jsx(z,{label:c("common.createdBy"),value:e.jsx(A,{arrow:!0,title:(v=a.createUser)==null?void 0:v.did,children:e.jsx(O,{size:"small",variant:"filled",label:(T=a.createUser)==null?void 0:T.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx(z,{label:c("common.updatedBy"),value:e.jsx(A,{arrow:!0,title:(j=a.updateUser)==null?void 0:j.did,children:e.jsx(O,{size:"small",variant:"filled",label:(y=a.updateUser)==null?void 0:y.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})})})]})})]}),e.jsxs(P,{className:"section",flex:1,height:0,overflow:"hidden",children:[e.jsx(ne,{title:c("webhookEndpoint.attempts"),mb:0,mt:4}),e.jsx(P,{height:0,flex:1,overflow:"hidden",children:e.jsx(se,{webhookEndpointId:a.id})})]})]})}xe.propTypes={id:o.string.isRequired,onClose:o.func.isRequired};const st=pe(P)``;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 le(){return null}const re=X.memo(({options:t,columns:d,toolbar:c=!0,footer:l=!0,hasRowLink:b=!1,emptyNodeText:R="",...p})=>{const{locale:n}=$(),a=Be(j=>j.breakpoints.down("md")),v={print:!1,download:!1,filter:!1,selectableRows:"none",rowsPerPage:a?5:10,rowsPerPageOptions:[5,10,20,50,100],searchDebounceTime:300,tableBodyHeight:"100%",loading:!0},T={};return c||(T.TableToolbar=le),l||(T.TableFooter=le),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:a})});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)`
+import{u as $,Y as W,bM as Y,I as be,_ as fe,a5 as ge,bt as je}from"./vendor-ux-did-connect-CsNUdA6Y.js";import{t as ye,m as de,j as we}from"./vendor-hooks-DftG_2gV.js";import{r as C,b as X}from"./vendor-react-DEoibe3W.js";import{d as Z}from"./InfoOutlined-B-fGWta1.js";import{z as F,E as ke,F as K,C as ce,t as ve}from"./index-CGJUebpH.js";import{u as N}from"./dashboard-DrtJT0zg.js";import{H as o,j as e,D as Ee,ai as Ce,t as Te,a9 as f,O as ie,T as S,aa as U,aj as ee,z as Se,y as B,bs as le,bS as V,ac as A,L as Q,A as G,bc as Re,E as O,I as _,C as Ie,bq as Me,ak as P,ce as Pe,X as De,bb as J,bp as ze,b4 as We,cf as Ae,cg as Oe,b5 as qe,am as $e,c1 as Le,s as pe,v as Be,ch as He,ci as Fe,cj as Ne,ck as Ue,cl as _e}from"./vendor-mui-core-CQ38ohp2.js";import{q as Ye}from"./vendor-arcblock-BUng-RXZ.js";import{d as Ke}from"./ExpandLess-BpA2naWp.js";import{z as ue,x as Ve,y as Je}from"./vendor-utils-BNHJB5U7.js";import{C as Qe}from"./confirm-qekNSA6N.js";import{A as Ge}from"./actions-BPVh6JdI.js";import"./lottie-web-jYmAQWuC.js";import"./useLocalStorage-BxIzITf9.js";import"./PlayArrow-Cja7S4vv.js";import"./get-safe-url-BZgGKuU5.js";import"./format-error-BrmqJs5a.js";import"./session-BoLXmmdy.js";import"./index-BoJFRi1m.js";import"./dot-BE1YP292.js";import"./useAsync-CGW40D2-.js";import"./useSetState-CWq0AVWn.js";import"./use-mobile-DlKplWTG.js";import"./MoreHoriz-3W8Fr_ZL.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}=$(),[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(V,{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 M=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(V,{checked:i,indeterminate:M&&!i,onChange:s=>{s.stopPropagation(),y(g,i)}}),label:e.jsxs(f,{sx:{display:"flex",alignItems:"center",gap:1},children:[w.logo&&e.jsx(Re,{src:w.logo,sx:{width:24,height:24}}),e.jsx(f,{children:w.title||r}),M&&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(Ke,{}):e.jsx(Ye,{})})]})]})}),g.length>0&&e.jsx(Ie,{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(V,{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}=$(),[n,l]=C.useState({}),{teamDid:v}=N(),{api:T}=F(),{loading:j,error:y,eventsBySource:h}=Xe(),{control:r,handleSubmit:w,formState:{errors:g},reset:E,setValue:u,trigger:M}=ke({defaultValues:{url:"",description:""}});C.useEffect(()=>{const m=Object.values(n).some(k=>k);u("selectedEvents",m?"valid":""),M("selectedEvents")},[n,u,M]);const i=()=>{l({}),E(),R()},x=async m=>{const k=Object.keys(n).filter(I=>n[I]),D={url:m.url,description:m.description,enabledEvents:k.map(I=>{const[q,L]=I.split("-");return!q||!L?null:{type:q,source:L}}).filter(Boolean)};try{if(t){const I=await T.updateWebhookEndpoint({input:{teamDid:v,id:t,data:D}});W.success(`${p("webhookEndpoint.updateWebhook")} ${p("webhookEndpoint.success")}`),b(I)}else{const I=await T.createWebhookEndpoint({input:{teamDid:v,input:D}});W.success(`${p("webhookEndpoint.createWebhook")} ${p("webhookEndpoint.success")}`),b(I)}}catch(I){W.error(I==null?void 0:I.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(Ee,{open:!0,onClose:i,maxWidth:"lg",fullWidth:!0,sx:{"& .MuiDialog-paper":{minHeight:600}},children:e.jsxs("form",{onSubmit:w(x),children:[e.jsx(Ce,{children:p(t?"webhookEndpoint.editWebhookTitle":"webhookEndpoint.createWebhookTitle")}),e.jsx(Te,{children:e.jsxs(f,{sx:{display:"flex",flexDirection:"column",gap:2,mt:2},children:[e.jsx(K,{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(K,{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(K,{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(Se,{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?ve(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 z(t){const d=et(t.value);return e.jsxs(e.Fragment,{children:[e.jsxs(P,{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(Pe,{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})]})}z.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};z.defaultProps={tip:"",divider:!1};function ne(t){return e.jsxs(P,{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}=F(),{t:b}=$(),{teamDid:R}=N(),{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 M,i,x,s,m;if(u.responseBody&&((M=u.responseBody)!=null&&M.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,D=(p.children||[]).find(q=>{var L;return((L=q==null?void 0:q.meta)==null?void 0:L.name)==="ai-studio"}),I=Ve(Je(`https://${k}`,(D==null?void 0:D.mountPoint)||"","projects",u.responseBody.projectId,"logs/main"),{sessionId:u.responseBody.sessionId,agentId:u.responseBody.agentId});return e.jsx(_,{sx:{fontSize:20},onClick:()=>window.open(I,"_blank"),children:e.jsx(f,{component:be,icon:ot})})}return null};return e.jsxs(J,{container:!0,spacing:{xs:0,md:1},sx:{height:1},children:[e.jsx(J,{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,M])=>e.jsxs(X.Fragment,{children:[e.jsx(ze,{children:u}),M.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(Ae,{color:"error"}):e.jsx(Oe,{color:"success"})}),e.jsx(qe,{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(J,{item:!0,xs:12,md:8,height:1,children:[y&&e.jsxs(P,{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(Y,{language:"json",children:JSON.stringify(y.responseBody,null,2)})]}),e.jsxs(f,{children:[e.jsx(P,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:b("webhookEndpoint.request")})}),e.jsx(Y,{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(P,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:b("webhookEndpoint.eventData")})}),e.jsx(Y,{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}=$(),{api:a}=F(),{teamDid:b}=N(),{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(P,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e.jsx(P,{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(P,{direction:"row",alignItems:"center",children:e.jsx(_,{edge:"end",color:"inherit",onClick:d,children:e.jsx(Le,{})})})]}),e.jsx(f,{mt:2,children:e.jsxs(P,{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(z,{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(z,{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(z,{label:c("webhookEndpoint.version"),value:l.apiVersion,divider:!0}),e.jsx(z,{label:c("common.createdAt"),value:H(l.createdAt),divider:!0}),e.jsx(z,{label:c("common.updatedAt"),value:H(l.updatedAt),divider:!0}),e.jsx(z,{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(z,{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(P,{className:"section",flex:1,height:0,overflow:"hidden",children:[e.jsx(ne,{title:c("webhookEndpoint.attempts"),mb:0,mt:4}),e.jsx(P,{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(P)``;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}=$(),l=Be(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;
@@ -135,4 +135,4 @@ import{u as $,Y as W,bM as Y,I as be,_ as fe,a5 as ge,bt as je}from"./vendor-ux-
       width: inherit;
     }
   }
-`,it=re;function Pt(){const{teamDid:t}=N(),d=`webhook-endpoints-${t}`,c=je(d),{t:l}=$(),{api:b}=F(),[R,p]=C.useState(""),[n,a]=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(),W.success(`${l(x?"webhookEndpoint.disable":"webhookEndpoint.enable")}${l("webhookEndpoint.success")}`)}catch(s){W.error(s==null?void 0:s.message)}},[b,t,r,l]),g=C.useCallback(async i=>{try{await b.deleteWebhookEndpoint({input:{teamDid:t,id:i}}),r(),a(x=>({...x,deleteConfirm:null})),W.success(`${l("common.delete")}${l("webhookEndpoint.success")}`)}catch(x){W.error(x==null?void 0:x.message)}},[b,t,r,l]),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)}),M=[{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:l("common.status"),name:"status",options:{customBodyRenderLite:(i,x)=>{const s=u[x];return e.jsx(O,{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:i=>H(i)}},{label:l("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(He,{}):e.jsx(Fe,{}),text:l(m?"webhookEndpoint.disable":"webhookEndpoint.enable"),onClick:k=>{k.stopPropagation(),w(s,m)}},{icon:e.jsx(Ne,{}),text:l("common.edit"),onClick:k=>{k.stopPropagation(),a(D=>({...D,createEdit:{open:!0,id:s.id,url:s.url,description:s.description,enabledEvents:s.enabledEvents}}))}},{icon:e.jsx(Ue,{}),text:l("common.delete"),onClick:k=>{k.stopPropagation(),a(D=>({...D,deleteConfirm:{title:l("webhookEndpoint.deleteWebhook.title"),description:l("webhookEndpoint.deleteWebhook.description"),confirm:l("common.confirm"),cancel:l("common.cancel"),onConfirm:()=>g(s.id),onCancel:()=>a(I=>({...I,deleteConfirm:null}))}}))}}]})}}}];return e.jsxs(e.Fragment,{children:[e.jsx(it,{durable:d,durableKeys:["page","rowsPerPage"],data:u,columns:M,options:{count:h.count,page:v.page-1,rowsPerPage:v.pageSize,customToolbar:()=>e.jsx(_,{onClick:()=>a(i=>({...i,createEdit:{...i.createEdit,open:!0}})),children:e.jsx(_e,{})},"add"),onRowClick:(i,{dataIndex:x})=>{const s=h.list[x];a(m=>({...m,webhookDetail:{open:!0,id:s.id}}))}},loading:j,onChange:E,title:e.jsx(S,{variant:"h6",children:l("webhookEndpoint.title")}),emptyNodeText:e.jsxs(P,{gap:1,children:[l("webhookEndpoint.noWebhooksAdded"),e.jsx(B,{variant:"contained",color:"primary",onClick:()=>a(i=>({...i,createEdit:{...i.createEdit,open:!0}})),children:l("webhookEndpoint.createWebhook")})]})}),n.webhookDetail.open&&e.jsx(me,{open:!0,onClose:()=>a(i=>({...i,webhookDetail:{open:!1,id:null}})),id:n.webhookDetail.id}),n.createEdit.open&&e.jsx(oe,{onSubmit:r,...n.createEdit,onClose:()=>a(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{Pt as default};
+`,it=re;function Pt(){const{teamDid:t}=N(),d=`webhook-endpoints-${t}`,c=je(d),{t:a}=$(),{api:b}=F(),[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(),W.success(`${a(x?"webhookEndpoint.disable":"webhookEndpoint.enable")}${a("webhookEndpoint.success")}`)}catch(s){W.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})),W.success(`${a("common.delete")}${a("webhookEndpoint.success")}`)}catch(x){W.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)}),M=[{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(He,{}):e.jsx(Fe,{}),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(D=>({...D,createEdit:{open:!0,id:s.id,url:s.url,description:s.description,enabledEvents:s.enabledEvents}}))}},{icon:e.jsx(Ue,{}),text:a("common.delete"),onClick:k=>{k.stopPropagation(),l(D=>({...D,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(I=>({...I,deleteConfirm:null}))}}))}}]})}}}];return e.jsxs(e.Fragment,{children:[e.jsx(it,{durable:d,durableKeys:["page","rowsPerPage"],data:u,columns:M,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(_e,{})},"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(P,{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{Pt as default};

package/dist/assets/{index-NRj7GpkA.js → index-C5yNf__V.js}

@@ -1,4 +1,4 @@
-import{r as d}from"./vendor-react-DEoibe3W.js";import{H as l,j as n,a9 as g,b3 as A,O as G,I as O,aa as U,c2 as Y,ag as J}from"./vendor-mui-core-8zafwTFh.js";import{b2 as Q,aN as Z,d as v}from"./vendor-ux-did-connect-D2f9rdKK.js";import{d as ee}from"./Done-ClKUqna8.js";import{C as te}from"./Google-nw2S1BAe.js";import{ac as ne,f as re}from"./index-CVvs-hHV.js";import{R as oe,F as se,L as ie}from"./logo-uploader-CYJXgjdA.js";const S={description:l.string,editing:l.bool,onChange:l.func,required:l.bool,value:l.any,componentProps:l.object,render:l.func,renderFormItem:l.func};function _({editing:r,value:o,onChange:a}){const[c,u]=d.useState(!1),m=d.useRef(),p=d.useRef(o);d.useEffect(()=>{let s=null;return r&&(s=setTimeout(()=>{u(!0)},50)),()=>{clearTimeout(s)}},[r]);const k=s=>{p.current=s,a(s)},b=()=>{u(!1),a(p.current)},C=n.jsx(g,{className:"form-item-input slot",px:1,children:n.jsxs(g,{display:"flex",alignItems:"center",children:[o,o!=="auto"&&n.jsx("div",{style:{marginLeft:4,backgroundColor:o,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),f=n.jsxs(g,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:b,children:[n.jsx(g,{display:"flex",alignItems:"center",onClick:()=>u(!0),children:n.jsx("div",{ref:m,style:{flexShrink:0,marginLeft:"8px",backgroundColor:o,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:o==="auto"?"default":"pointer"}})}),n.jsx(A,{open:c,anchorEl:m.current,onClose:()=>u(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:n.jsx(te,{color:o,onChange:s=>k(s.hex)})})]});return r?f:C}_.propTypes=S;function D({editing:r,description:o,value:a,onChange:c,componentProps:u,...m}){const{placeholder:p}=u,k=d.useRef(a),{t:b}=d.useContext(Q),C=s=>{s.key==="Enter"&&c(k.current,"confirm")},f=s=>{k.current=s,c(s)};return r?n.jsx(G,{style:{flex:1},fullWidth:!0,value:a,onChange:s=>{s.persist(),f(s.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:o||p,onKeyDown:C,...m}):n.jsx(g,{px:1,className:"form-item-input slot",children:a||n.jsx("span",{className:"placeholder",children:b("common.requiredInputPlaceholder",{name:o||p})})})}D.propTypes=S;D.defaultProps={componentProps:{}};function T({editing:r,value:o,onChange:a,componentProps:c,...u}){const{blocklet:m}=c,p=o==="auto"?Z.getPassportColorFromDid(m.appDid):o;return n.jsxs(g,{display:"flex",alignItems:"center",children:[n.jsx("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:ne({title:"Owner",issuer:re.getDisplayName(m),issuerDid:m.appDid,ownerName:"Your Name",ownerDid:m.appDid,preferredColor:o||"auto"})}}),n.jsx(_,{...u,editing:r,value:r?p:o,onChange:a,componentProps:c})]})}T.propTypes={...S,componentProps:l.shape({blocklet:l.object.isRequired}).isRequired};T.defaultProps={};const ae=Y`
+import{r as d}from"./vendor-react-DEoibe3W.js";import{H as l,j as n,a9 as g,b3 as A,O as G,I as O,aa as U,c2 as Y,ag as J}from"./vendor-mui-core-CQ38ohp2.js";import{b2 as Q,aN as Z,d as v}from"./vendor-ux-did-connect-CsNUdA6Y.js";import{d as ee}from"./Done-CAPpWSLt.js";import{C as te}from"./Google-C5jm8HrI.js";import{ac as ne,f as re}from"./index-CGJUebpH.js";import{R as oe,F as se,L as ie}from"./logo-uploader-ly-3UjHj.js";const S={description:l.string,editing:l.bool,onChange:l.func,required:l.bool,value:l.any,componentProps:l.object,render:l.func,renderFormItem:l.func};function _({editing:r,value:o,onChange:a}){const[c,u]=d.useState(!1),m=d.useRef(),p=d.useRef(o);d.useEffect(()=>{let s=null;return r&&(s=setTimeout(()=>{u(!0)},50)),()=>{clearTimeout(s)}},[r]);const k=s=>{p.current=s,a(s)},b=()=>{u(!1),a(p.current)},C=n.jsx(g,{className:"form-item-input slot",px:1,children:n.jsxs(g,{display:"flex",alignItems:"center",children:[o,o!=="auto"&&n.jsx("div",{style:{marginLeft:4,backgroundColor:o,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),f=n.jsxs(g,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:b,children:[n.jsx(g,{display:"flex",alignItems:"center",onClick:()=>u(!0),children:n.jsx("div",{ref:m,style:{flexShrink:0,marginLeft:"8px",backgroundColor:o,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:o==="auto"?"default":"pointer"}})}),n.jsx(A,{open:c,anchorEl:m.current,onClose:()=>u(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:n.jsx(te,{color:o,onChange:s=>k(s.hex)})})]});return r?f:C}_.propTypes=S;function D({editing:r,description:o,value:a,onChange:c,componentProps:u,...m}){const{placeholder:p}=u,k=d.useRef(a),{t:b}=d.useContext(Q),C=s=>{s.key==="Enter"&&c(k.current,"confirm")},f=s=>{k.current=s,c(s)};return r?n.jsx(G,{style:{flex:1},fullWidth:!0,value:a,onChange:s=>{s.persist(),f(s.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:o||p,onKeyDown:C,...m}):n.jsx(g,{px:1,className:"form-item-input slot",children:a||n.jsx("span",{className:"placeholder",children:b("common.requiredInputPlaceholder",{name:o||p})})})}D.propTypes=S;D.defaultProps={componentProps:{}};function T({editing:r,value:o,onChange:a,componentProps:c,...u}){const{blocklet:m}=c,p=o==="auto"?Z.getPassportColorFromDid(m.appDid):o;return n.jsxs(g,{display:"flex",alignItems:"center",children:[n.jsx("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:ne({title:"Owner",issuer:re.getDisplayName(m),issuerDid:m.appDid,ownerName:"Your Name",ownerDid:m.appDid,preferredColor:o||"auto"})}}),n.jsx(_,{...u,editing:r,value:r?p:o,onChange:a,componentProps:c})]})}T.propTypes={...S,componentProps:l.shape({blocklet:l.object.isRequired}).isRequired};T.defaultProps={};const ae=Y`
   0%, 100% {
     transform: scale(1) translateX(0);
   }