@abtnode/blocklet-services 1.16.44-beta-20250516-225119-c0b5ec8d → 1.16.44-beta-20250520-004606-6cd8a0d3

package/dist/assets/list-BkVwpX1t.js

@@ -0,0 +1,236 @@
+import{r as p}from"./vendor-react-DEoibe3W.js";import{H as o,j as r,bc as ee,e as M,be as ae,aa as h,ah as L,T as S,v as W,X as le,bK as Me,ad as tt,bL as rt,aq as nt,ai as st,a9 as $e,m as it,bY as ot,y as at,s as lt,I as ct}from"./vendor-mui-core-Bh-qMRq3.js";import{f as z,u as se,m as dt}from"./vendor-hooks-DpwFseeF.js";import{a as ce,V as ut,h as pt,aI as ht,j as Pe,y as B,W as de,b1 as ue,b5 as ft,r as Ae,I as Ne,bh as mt}from"./vendor-ux-did-connect-Qap4yrMu.js";import{S as gt}from"./index-C849wD9b.js";import{B as xt}from"./bundle-avatar-BoczFLNt.js";import{a as yt,g as pe,b as he,c as U,s as Q,H as vt,u as ze,M as Le,d as X,e as bt,m as jt,i as wt}from"./use-blocklet-logo-2Y2A06qi.js";import{A as O,ag as kt,z as De,b as D,a0 as Rt}from"./vendor-utils-rHXShPKm.js";import{u as Y,p as It,h as J,f as Ee,w as Tt}from"./vendor-arcblock-C99E80cF.js";import{d as Ct}from"./InfoOutlined-BGorl_CI.js";import{d as St}from"./CheckCircle-zHdz-yvJ.js";import{U as Mt,C as $t,I as Pt}from"./index-sAnn-Wqb.js";import{p as At}from"./util-DMDaTiE0.js";import{A as Nt}from"./index-BzItMezw.js";function fe({blocklet:e,style:t,size:s,...n}){const a=yt({blocklet:e,square:!0}),{variant:c}=n;return r.jsx(ee,{variant:c||"square",style:Object.assign({backgroundColor:"transparent",width:s,height:s,borderRadius:10},t),...n,children:r.jsx("img",{src:a,alt:"",style:{width:s}})})}fe.propTypes={blocklet:o.object.isRequired,style:o.object,size:o.oneOfType([o.number,o.string])};fe.defaultProps={style:{},size:40};function zt(e){return e.includes(" ")?new Date(e.replace(" ","T").replace(" ","")).getTime():new Date(e).getTime()}function te({value:e,shouldUpdate:t=!1,...s}){const{locale:n}=ce(),[a,c]=p.useState(0);if(p.useEffect(()=>{let l;if(t){const u=new Date(e).getTime(),y=Date.now(),m=Math.abs(Math.floor((u-y)/1e3)),b=()=>{c(j=>{const k=Math.random()*1e3;return parseFloat((j+k).toFixed(4))})};m<60?l=setInterval(b,1e3):m<60*60?l=setInterval(b,6e4):l=setInterval(b,36e5)}return()=>{clearInterval(l)}},[e,a,t]),!e)return"-";const i=zt(e);return r.jsx(ut,{value:i,locale:n,...s})}te.propTypes={value:o.any,shouldUpdate:o.bool};te.defaultProps={value:"",shouldUpdate:!1};const Lt=e=>{let t="rgba(0, 0, 0, 0.12)";return e==="warning"?t="#DE9E37":e==="error"?t="#F16E6E":t="rgba(0, 0, 0, 0.12)",t},Dt=e=>e.every(t=>t.type==="text"),Et=e=>e.every(t=>t.type==="image"),_t=e=>kt(e,2).map(t=>({type:"combined",items:t})).filter(t=>(t.items||[]).every(s=>{var n,a,c;return(c=(a=(n=s==null?void 0:s.data)==null?void 0:n.text)==null?void 0:a.trim)==null?void 0:c.call(a)})),Ht=e=>{if(!e.length||e.length<=1)return!1;const t=e[0].type;return e.every(s=>s.type===t)},qt=(e,t)=>{try{const s=pt.toTypeInfo(e);if(!(s.role!==void 0&&s.role!==ht.types.RoleType.ACCOUNT))return;const a=O(Pe.WELLKNOWN_SERVICE_PATH_PREFIX,"user");return De(a,{did:e,locale:t})}catch(s){console.error(s);return}},Wt=(e,t)=>{var n;const s=(n=t==null?void 0:t.componentMountPoints)==null?void 0:n.find(a=>a.did===e);return s==null?void 0:s.mountPoint},Ut=(e,t)=>{var a,c,i;if(!e)return null;if(((a=e.actions)==null?void 0:a.length)===1)return e.actions[0].link||null;const s=pe(e.activity),n=(s==null?void 0:s.metaLink)||(s==null?void 0:s.targetLink);if(n)return he(n)?n:O(t,n);if(((c=e.attachments)==null?void 0:c.length)===1){const l=e.attachments[0];if(l.type==="link")return((i=l.data)==null?void 0:i.url)||null}return null},ie=e=>{const{receivers:t=[]}=e;return t.length?t.every(s=>s.read):!0};function Bt(e){const t=e.getBoundingClientRect(),s=window.innerWidth||document.documentElement.clientWidth,n=window.innerHeight||document.documentElement.clientHeight,a=t.height,c=t.width;let i=0;t.top>=0&&t.bottom<=n?i=a:t.top<0&&t.bottom>0&&t.bottom<=n?i=t.bottom:t.top>=0&&t.top<n&&t.bottom>n?i=n-t.top:t.top<0&&t.bottom>n&&(i=n);let l=0;return t.left>=0&&t.right<=s?l=c:t.left<0&&t.right>0&&t.right<=s?l=t.right:t.left>=0&&t.left<s&&t.right>s?l=s-t.left:t.left<0&&t.right>s&&(l=s),i*l/(a*c)>=.5}const Ot=e=>{if(!e)return[];const t=[],s=5,n=Array.from(e.querySelectorAll(".notification-row")),a=n.length;for(let c=0;c<a;c+=s){const i=n.slice(c,c+s);let l=!0;for(const u of i){const y=u.id;if(Bt(u))t.push(y);else{l=!1;break}}if(!l)break}return t},_e=e=>{var s;const t=[];return e&&((s=e.items)!=null&&s.length?e.items.forEach(n=>{ie(n)||t.push(n)}):ie(e)||t.push(e)),t},Ft=(e,t)=>{let s=[];return t.length&&t.forEach(n=>{const a=e.get(n);a&&(s=s.concat(_e(a)))}),s},E=(e,t)=>({...e,...t?{filter:"invert(1)"}:{}}),F=e=>{if(!e)return null;try{return new URL(e).protocol!=="https:"?(console.warn("Image URL must use HTTPS protocol:",e),null):`/.well-known/service/proxy?url=${e}`}catch(t){return console.warn("Invalid image URL format:",e,t),null}};function He({attachment:e}){const{data:t}=e,s=M();let n="";try{n=new URL(t.url).host}catch{n=t.url}return r.jsxs(ae,{target:"_blank",rel:"noopener noreferrer",href:t.url,className:"link",style:{wordBreak:"break-all"},onClick:a=>{a.customPreventRedirect=!0},children:[!!n&&r.jsx("span",{className:"url",children:n}),!!t.title&&r.jsx(h,{className:"title",style:{whiteSpace:"unset"},children:t.title}),!!t.description&&r.jsx(h,{className:"description",style:{whiteSpace:"unset",color:s.palette.text.secondary},children:t.description}),!!t.image&&r.jsx(B,{src:Y.getImagePath(t.image),alt:t.title||"",height:128,style:{borderRadius:"8px",maxWidth:"256px",objectFit:"cover"},fallback:F(Y.getImagePath(t.image))})]})}He.propTypes={attachment:o.object.isRequired};function qe({attachment:e}){const{data:t}=e;return r.jsx(B,{src:Y.getImagePath(t.url),alt:t.title||"",height:128,style:{borderRadius:"8px",maxWidth:"256px",objectFit:"cover"},fallback:F(Y.getImagePath(t.url))})}qe.propTypes={attachment:o.object.isRequired};function We({attachment:e,...t}){var l;const{data:s}=e,n=((l=s.color)==null?void 0:l.toLowerCase())||t.color,a=s.size||t.size,c=s.fontWeight||t.fontWeight||400;let i="14px";return a==="small"?i="12px":a==="normal"?i="14px":a==="big"?i="16px":a==="large"&&(i="18px"),r.jsx(Vt,{className:"title",style:{fontSize:i,color:n,whiteSpace:"unset",fontWeight:c},children:s.text})}We.propTypes={attachment:o.object.isRequired};const Vt=L.span`
+  width: 100%;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  word-break: break-word;
+`;me.propTypes={locale:o.string,data:o.object.isRequired};me.defaultProps={locale:"en"};function me({locale:e="en",data:t}){const s={zh:"来自",en:"from"}[e]||"from",n={zh:"接收",en:"Received"}[e]||"Received",c=`https://${U.getUrlHost(t.chainHost)||U.getChainHost(t.chainId)}/explorer/tokens/${t.address}/tx`,i=M(),l=i.palette.mode==="dark";let u=t.amount;t.decimal&&(u=t.amount/10**t.decimal);const y=z(()=>({display:"flex",alignItems:"center",rowGap:2,columnGap:4,justifyContent:"space-between",flexWrap:"wrap"}));return r.jsx("a",{href:c,target:"_blank",rel:"noreferrer",onClick:m=>{m.customPreventRedirect=!0},children:r.jsxs(h,{display:"flex",flexDirection:"column",children:[r.jsxs(h,{sx:y,children:[r.jsx(S,{component:"div",sx:{fontWeight:700,color:i.palette.text.primary},children:n}),r.jsxs(S,{component:"div",align:"right",style:E(Q.summaryStyle,l),flex:1,children:["+",u," ",t.symbol]})]}),r.jsxs(h,{sx:y,children:[r.jsx(S,{component:"div",style:E({...Q.remarkStyle,fontSize:14},l),children:s}),r.jsx(h,{maxWidth:260,fontSize:14,children:r.jsx(de,{did:t.address,showQrcode:!0,copyable:!0,compact:!0,responsive:!0,locale:e})})]})]})})}ge.propTypes={locale:o.string,data:o.object.isRequired};ge.defaultProps={locale:"en"};function ge({locale:e,data:t}){var m,b;const s={zh:"接收",en:"Received"}[e]||"Received",n={zh:"来自",en:"from"}[e]||"from",a=U.getUrlHost(t.chainHost)||U.getChainHost(t.chainId),c=t.did||((b=(m=t==null?void 0:t.credential)==null?void 0:m.issuer)==null?void 0:b.id)||"",i=`https://${a}/explorer/assets/${c}`,u=M().palette.mode==="dark",y=z(()=>({display:"flex",alignItems:"center",rowGap:2,columnGap:4,justifyContent:"space-between",flexWrap:"wrap"}));return r.jsx(h,{sx:{pr:1},children:r.jsx("a",{href:i,target:"_blank",style:{textDecoration:"none",color:"initial",display:"block"},onClick:j=>{j.customPreventRedirect=!0},rel:"noreferrer",children:r.jsxs(h,{display:"flex",flexDirection:"column",children:[r.jsxs(h,{sx:y,children:[r.jsx(S,{component:"div",sx:{fontWeight:700,color:"text.primary"},children:s}),r.jsx(S,{component:"div",align:"right",style:E(Q.summaryStyle,u),children:"+1 Asset"})]}),c?r.jsxs(h,{sx:y,children:[r.jsx(S,{component:"div",style:E({...Q.remarkStyle,fontSize:14},u),children:n}),r.jsx(h,{maxWidth:260,fontSize:14,children:r.jsx(de,{did:c,showQrcode:!0,copyable:!0,compact:!0,responsive:!0,locale:e})})]}):null]})})})}Ue.propTypes={data:o.object.isRequired,locale:o.string};function Ue({data:e,locale:t="en"}){const n=M().palette.mode==="dark";return r.jsxs("a",{href:e.url,target:"_blank",style:{display:"flex",textDecoration:"none",color:"initial"},onClick:a=>{a.customPreventRedirect=!0},rel:"noreferrer",children:[r.jsx(B,{className:"image",src:e.logo,width:50,height:50,alt:"",fallback:F(e.logo)}),r.jsxs("div",{style:{flex:1,marginLeft:"10px"},children:[r.jsx("div",{style:E({marginBottom:"6px"},n),children:e.title}),r.jsx(h,{maxWidth:260,fontSize:10,children:r.jsx(de,{did:e.appDID,showQrcode:!0,copyable:!0,compact:!0,responsive:!0,locale:t})})]})]})}xe.propTypes={locale:o.string,data:o.object.isRequired};xe.defaultProps={locale:"en"};function xe({locale:e,data:t}){const s=U.getChainHost(t.chainId),n=`https://${s}/explorer/txs/${t.hash}`,a={zh:"交易详情",en:"Transaction Details"}[e]||"Transaction Details",c={zh:"交易哈希",en:"Transaction Hash"}[e]||"Transaction Hash",i=M(),l=i.palette.mode==="dark";return r.jsxs("a",{href:n,target:"_blank",style:E({textDecoration:"none",color:"initial",display:"block",fontSize:14},l),onClick:u=>{u.customPreventRedirect=!0},rel:"noreferrer",children:[r.jsx("h6",{style:{color:i.palette.text.secondary,margin:0},children:s}),r.jsx("p",{style:{color:i.palette.warning.main,margin:0},children:a}),r.jsxs("div",{style:{wordBreak:"break-all"},children:[c,": ",t.hash]})]})}function Be({attachment:e,...t}){const{local:s}=p.useContext(ue),n=W(c=>c.breakpoints.down("md")),a=M();return r.jsxs(Gt,{...t,isMd:n,children:[e.type==="link"&&r.jsx(He,{attachment:e,...t,isMd:n}),e.type==="image"&&r.jsx(qe,{attachment:e,isMd:n}),e.type==="text"&&r.jsx(We,{attachment:e,isMd:n}),e.type==="token"&&r.jsx(me,{data:e.data,local:s,isMd:n}),e.type==="asset"||e.type==="vc"?r.jsx(ge,{data:e.data,local:s,isMd:n}):null,e.type==="dapp"&&r.jsx(Ue,{data:e.data,local:s,isMd:n}),e.type==="transaction"&&r.jsx(xe,{data:e.data,local:s,...t,isMd:n}),e.type==="divider"&&r.jsx(le,{sx:{mb:1,mt:1},style:{color:a.palette.divider}})]})}const Gt=L.div`
+  display: ${({sx:e={}})=>e.display||"flex"};
+  flex-direction: ${({sx:e={}})=>e.flexDirection||"column"};
+  gap: ${({sx:e={}})=>e.gap||1};
+  width: ${({isMd:e=!1})=>e?"100%":"auto"};
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;Be.propTypes={attachment:o.object.isRequired};function Oe({data:e,...t}){const{items:s}=e;return r.jsx(Kt,{...t,children:s.map(n=>r.jsxs(Me,{variant:"outlined",sx:{p:2,borderRadius:"8px",minWidth:128},children:[r.jsxs(h,{display:"flex",alignItems:"center",gap:1,children:[n.icon?r.jsx(B,{src:n.icon,alt:n.title,style:{width:16,height:16},fallback:F(n.icon)}):null,r.jsxs(h,{className:"metric-name",display:"flex",alignItems:"center",children:[n.title,n.subtitle?r.jsx(tt,{title:n.subtitle,arrow:!0,placement:"top",children:r.jsx(Ct,{fontSize:"small",sx:{fontSize:14,ml:.5}})}):null]})]}),r.jsxs(h,{className:"metric-number",sx:{color:n.content_color||"rgba(3, 7, 18, 1)"},children:[n.content,n.sub_content?r.jsxs("span",{className:"sub-content",style:{color:n.sub_content_color||"rgba(156, 163, 175, 1)"},children:["(",n.sub_content,")"]}):null]})]},n.title))})}const Kt=L(h)`
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  gap: 16px;
+  .metric-number {
+    font-size: 18px;
+    font-weight: 600;
+    .sub-content {
+      font-size: 12px;
+      font-weight: 400;
+      margin-left: 4px;
+    }
+  }
+  .metric-name {
+    font-size: 14px;
+    color: rgba(156, 163, 175, 1);
+  }
+`;Oe.propTypes={data:o.object.isRequired};function Fe({data:e}){const{items:t}=e,s=W(i=>i.breakpoints.down("sm")),n=W(i=>i.breakpoints.down("md")),a=W(i=>i.breakpoints.down("lg")),c=()=>s?1:n?3:a?4:6;return r.jsx(rt,{variant:"quilted",cols:c(),gap:8,rowHeight:128,sx:{margin:0},children:t.map(i=>{const l=i.cover||i.display;return l?r.jsx("a",{href:i.link,target:"_blank",rel:"noopener noreferrer",children:r.jsx(nt,{children:r.jsx(B,{src:l,alt:i.title||"",style:{borderRadius:"8px"},fallback:F(l)})})},l):null})})}Fe.propTypes={data:o.object.isRequired};function ye({data:e,feedType:t,...s}){return r.jsxs(Qt,{...s,children:[t==="data-tracker"&&e.type==="table"&&r.jsx(Oe,{data:e}),(t==="graphic"||t==="gallery")&&r.jsx(Fe,{data:e})]})}const Qt=L.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin-bottom: 4px;
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;ye.propTypes={data:o.object.isRequired,feedType:o.string};ye.defaultProps={feedType:"data-tracker"};G.propTypes={data:o.object.isRequired,style:o.object};function G({data:e,style:t={}}){const n=M().palette.mode==="dark";return r.jsx(S,{style:E({color:n&&e.darkModeColor?e.darkModeColor:e.color||"initial",margin:0,whiteSpace:"pre-line!important",...t},n),children:e.text})}function Ve({data:e}){const t=[];for(let s=0;s<(e==null?void 0:e.length);s+=2){const n=e[s],a=e[s+1];n&&a?t.push(r.jsxs(Te,{children:[r.jsx("td",{className:"label-col",children:r.jsx(G,{data:n.data,style:{whiteSpace:"nowrap"}})}),r.jsx("td",{className:"value-col",children:r.jsx(G,{data:a.data,style:{wordBreak:"break-all"}})})]},s)):n&&t.push(r.jsx(Te,{children:r.jsx("td",{className:"label-col",children:r.jsx(G,{data:n.data})})},s))}return r.jsx("table",{style:{width:"100%"},children:r.jsx("tbody",{children:t})})}Ve.propTypes={data:o.array.isRequired};const Te=L.tr`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
+  gap: ${({theme:e})=>e.spacing(1)};
+  .label-col {
+    min-width: 130px;
+    flex-shrink: 0;
+  }
+  .value-col {
+    flex: 1;
+  }
+`;function ve({notification:e,severity:t,showSke:s=!0}){const{attachments:n,data:a,...c}=e,i=W(m=>m.breakpoints.down("md"));if((!n||!n.length)&&D(a))return null;const l=Lt(t),u=(m,b=!1)=>{if(!m&&!Array.isArray(m))return null;let j=m,k={},I="horizontal";b&&Dt(m)&&(j=_t(m),I="vertical",k={display:"flex",gap:8,flexDirection:"row",justifyContent:"flex-start",flexWrap:"wrap",height:"100%",width:i||j.length===1?"100%":"28%"});const d=Ht(j);return r.jsx(h,{sx:{width:"100%",display:"flex",gap:1,flexDirection:b?"row":"column",justifyContent:"flex-start",alignItems:b?"center":"unset",flexWrap:"wrap"},children:j.map((f,x)=>f.type==="section"?r.jsx(Ve,{data:f.fields},x):r.jsxs(p.Fragment,{children:[r.jsx(Be,{attachment:f,style:k,...c}),!(i&&I==="vertical")&&d&&j.length>1&&x!==j.length-1?r.jsx(le,{orientation:I,style:{color:ft.dividerColor},sx:I==="vertical"?{ml:2,mr:2,height:32}:{}}):null]},x))})},y=Et(n);return r.jsx(Xt,{children:r.jsxs("div",{className:"message-in-list",children:[n.length>0&&r.jsx("div",{className:"message-container",style:i?{width:"100%"}:{},children:y?u(n):r.jsx(Me,{variant:"outlined",sx:{p:i?1:2,borderRadius:"8px",minWidth:128,borderColor:l},children:u(n)})}),!D(a)&&r.jsx("div",{className:"message-container",children:r.jsx("div",{className:"data-container",children:r.jsx(ye,{data:a,feedType:e.feedType})})}),n.length===0&&D(a)&&s&&r.jsx(st,{className:"attach-ske",style:{marginTop:10},variant:"rectangular",height:150})]})})}const Xt=L.div`
+  display: flex;
+  flex-direction: column;
+  .message-in-list {
+    padding: 8px 8px 8px 0;
+    display: flex;
+    border-radius: 8px;
+  }
+  .message-title {
+    color: #25292f;
+    font-size: 18px;
+    font-weight: bold;
+    word-break: break-all;
+  }
+
+  .attach-ske {
+    position: relative;
+    margin-left: 10px;
+    &::after {
+      content: '';
+      position: absolute;
+      left: -10px;
+      top: 0;
+      height: 100%;
+      width: 4px;
+      background-color: ${e=>e.leftLineColor};
+    }
+  }
+
+  .message-body {
+    color: #25292f;
+    font-size: 16px;
+    word-break: break-all;
+    white-space: pre-line;
+  }
+  .message-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    .data-container,
+    .attachment-container {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+    }
+  }
+  .actions-container {
+    margin-top: 10px;
+    .actions-item {
+      margin-right: 8px;
+    }
+  }
+`;ve.propTypes={severity:o.string.isRequired,notification:o.object.isRequired,showSke:o.bool};ve.defaultProps={showSke:!0};const ne=e=>It.sanitize(e,{ALLOWED_ATTR:["href","target","rel","class","id","style"]}),Yt=async(e,t)=>{const{type:s,did:n}=e;return Ee.isSameAddr(s,"did")?await qt(n,t)||J.getLink(e):J.getLink(e)};function Jt(e){return new TextEncoder().encode(e).length>=1e4}const Zt=async(e,t,s=!0)=>{let n=e;Jt(e)&&(n=e.slice(0,1e4));const a=J.toTextList(n);return await Promise.all(a.map(async i=>{if(i instanceof J.Link){if(s){const l=await Yt(i,t),{type:u,chainId:y,did:m}=i;return Ee.isSameAddr(u,"dapp")?`<em style="font-weight:bold;" data-type="${u}" data-chain-id="${y}" data-did="${m}">${i.text}</em>`:l?`<a target="_blank" rel="noopener noreferrer" style="color:#4598fa;font-weight:bold;" href="${l}">${i.text}</a>`:`<em style="font-weight:bold;" data-type="${u}" data-chain-id="${y}" data-did="${m}">${i.text}</em>`}return i.text}return i})).then(i=>i.join(""))};Ge.propTypes={notification:o.object,rows:o.number,minimal:o.bool};function Ge({notification:e,rows:t=2,minimal:s=!1}){const[n,a]=p.useState(!1),[c,i]=p.useState(""),{t:l,locale:u}=ce(),{palette:y}=M(),m=p.useMemo(()=>{const{attachments:x}=e||{};if(!x)return!1;try{return x.length>0}catch{return!1}},[e]),b=p.useMemo(()=>{const{blocks:x}=e||{};if(!x)return!1;try{return x.length>0}catch{return!1}},[e]),j=p.useMemo(()=>{const{description:x}=e||{};return!!x},[e]),k=p.useMemo(()=>{const{data:x}=e||{};return!D(x)},[e]),I=p.useMemo(()=>m||b||j||k,[m,b,j,k]);if(p.useEffect(()=>{Zt((e==null?void 0:e.description)??"",u).then(x=>{i(x)})},[e==null?void 0:e.description,u]),!I)return null;const d=()=>t===0?"":n?`<span class='toggle-btn' data-name='toggle-expanded'>${l("common.collapse")}</span>`:`...<span class='toggle-btn' data-name='toggle-expanded'>${l("common.expand")}</span>`,f=x=>{const{target:v}=x;v.getAttribute("data-name")==="toggle-expanded"&&(a(!n),x.customPreventRedirect=!0)};return r.jsxs(er,{color:s?y.primary.contrastText:"",children:[r.jsx(h,{className:"text-container",component:"div",onClick:f,children:c&&(!n&&t>0?r.jsx(vt,{basedOn:"letters",unsafeHTML:ne(c),maxLine:t,ellipsisHTML:ne(d())}):r.jsx(S,{component:"div",className:`content ${t===0?"ellipsis":""}`,style:{whiteSpace:"pre-line!important"},dangerouslySetInnerHTML:{__html:ne(`${c}${d()}`)}}))}),!s&&(m||k)?r.jsx(ve,{severity:e.severity,notification:e}):null]})}const er=L(h)`
+  width: 100%;
+  color: ${e=>e.color?e.color:e.theme.palette.text.secondary};
+  .text-container {
+    word-wrap: break-word;
+    word-break: break-all;
+    color: ${e=>e.color?e.color:e.theme.palette.text.secondary};
+    .toggle-btn {
+      display: inline-block;
+      white-space: nowrap;
+      cursor: pointer;
+      margin-left: 4px;
+      color: ${e=>e.theme.palette.secondary.main};
+    }
+    .content.ellipsis {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      word-break: break-all;
+      display: block;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+      line-height: 1.25;
+    }
+  }
+`,tr=p.memo(Ge);var be={},rr=$e;Object.defineProperty(be,"__esModule",{value:!0});var Ke=be.default=void 0,nr=rr(Ae()),sr=r;Ke=be.default=(0,nr.default)((0,sr.jsx)("path",{d:"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"}),"Cancel");var je={},ir=$e;Object.defineProperty(je,"__esModule",{value:!0});var Qe=je.default=void 0,or=ir(Ae()),ar=r;Qe=je.default=(0,or.default)((0,ar.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning");const lr={error:Ke,warning:Qe,info:Tt,success:St};we.propTypes={severity:o.oneOf(["error","warning","info","success"]).isRequired,size:o.number};we.defaultProps={size:32};function we({severity:e="info",size:t=32}){const s=M(),a=z(()=>({error:s.palette.error.main,warning:s.palette.warning.main,info:s.palette.info.main,success:s.palette.success.main}))[e],c=lr[e],i=it(a,.1);return r.jsx(ee,{sx:{width:t,height:t,bgcolor:i,color:a},children:r.jsx(c,{fontSize:"small"})})}const cr={width:24,height:24,body:'<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M5.821 4.91c3.898-2.765 9.469-2.539 13.073.536c3.667 3.127 4.168 8.238 1.152 11.897c-2.842 3.447-7.965 4.583-12.231 2.805l-.232-.101l-4.375.931l-.075.013l-.11.009l-.113-.004l-.044-.005l-.11-.02l-.105-.034l-.1-.044l-.076-.042l-.108-.077l-.081-.074l-.073-.083l-.053-.075l-.065-.115l-.042-.106l-.031-.113l-.013-.075l-.009-.11l.004-.113l.005-.044l.02-.11l.022-.072l1.15-3.451l-.022-.036C.969 12.45 1.97 7.805 5.59 5.079l.23-.168z"/></g>'},dr={width:24,height:24,body:'<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M12 2a5 5 0 1 1-5 5l.005-.217A5 5 0 0 1 12 2zm2 12a5 5 0 0 1 5 5v1a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-1a5 5 0 0 1 5-5h4z"/></g>'},ur={width:24,height:24,body:'<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M17 3.34A10 10 0 1 1 2 12l.005-.324A10 10 0 0 1 17 3.34zM12 6a1 1 0 0 0-1 1a3 3 0 1 0 0 6v2a1.024 1.024 0 0 1-.866-.398l-.068-.101a1 1 0 0 0-1.732.998a3 3 0 0 0 2.505 1.5H11a1 1 0 0 0 .883.994L12 18a1 1 0 0 0 1-1l.176-.005A3 3 0 0 0 13 11V9c.358-.012.671.14.866.398l.068.101a1 1 0 0 0 1.732-.998A3 3 0 0 0 13.161 7H13a1 1 0 0 0-1-1zm1 7a1 1 0 0 1 0 2v-2zm-2-4v2a1 1 0 0 1 0-2z"/></g>'},pr={width:24,height:24,body:'<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0"/><path d="M16 12v1.5a2.5 2.5 0 0 0 5 0V12a9 9 0 1 0-5.5 8.28"/></g>'},hr={width:24,height:24,body:'<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 10l-4 4l6 6l4-16l-18 7l4 2l2 6l3-4"/>'},Ce={comment:{icon:cr,bgColor:"rgba(239, 246, 255, 1)",color:"rgba(43, 127, 255, 1)"},like:{icon:"👍",bgColor:"rgba(244, 244, 245, 1)",color:"yellow",renderType:"emoji"},follow:{icon:dr,bgColor:"rgba(238, 242, 255, 1)",color:"rgba(97, 95, 255, 1)"},tips:{icon:ur,bgColor:"rgba(254, 252, 232, 1)",color:"rgba(240, 177, 0, 1)"},mention:{icon:pr,bgColor:"rgba(244, 244, 245, 1)",color:"rgba(43, 127, 255, 1)"},assign:{icon:hr,bgColor:"rgba(244, 244, 245, 1)",color:"rgba(43, 127, 255, 1)"}};ke.propTypes={activity:o.oneOf(["comment","like","follow","tips","mention","assign"]).isRequired,size:o.number};ke.defaultProps={size:32};function ke({activity:e,size:t=32}){const s=Ce[e]||Ce.comment,n=s.icon;return r.jsx(ee,{sx:{bgcolor:s.bgColor,color:s.color,width:t,height:t},children:s.renderType==="emoji"?r.jsx("span",{style:{fontSize:"14px"},children:n}):r.jsx(Ne,{icon:n})})}const oe={avatar:o.string,fullName:o.string,did:o.string};function Z({actor:e,size:t,teamDid:s,inService:n,showName:a}){const c=z(()=>({...e,avatar:e!=null&&e.avatar?At(e.avatar,s,n):null}),[e,s,n]),i=l=>{e&&(l.stopPropagation(),window.open(De(O(Pe.WELLKNOWN_SERVICE_PATH_PREFIX,"user"),{did:e.did}),"_blank"),l.customPreventRedirect=!0)};return r.jsxs(h,{display:"flex",alignItems:"center",gap:1,onClick:i,role:"button",style:{cursor:"pointer"},title:(e==null?void 0:e.fullName)||"",children:[c.avatar?r.jsx(Mt,{user:c,showDid:!0,cardType:$t.AvatarOnly,infoType:Pt.Minimal,avatarSize:t,shape:"circle",sx:{width:t,height:t,borderRadius:"100%",overflow:"hidden",transition:"transform 0.2s ease-in-out","&:hover":{transform:"scale(1.1)"}}}):r.jsx(ee,{sx:{width:t,height:t}}),a&&r.jsx("span",{children:e==null?void 0:e.fullName})]})}Z.propTypes={actor:o.shape(oe).isRequired,size:o.number.isRequired,teamDid:o.string,inService:o.bool,showName:o.bool};Z.defaultProps={teamDid:"",inService:!1,showName:!1};re.propTypes={actors:o.oneOfType([o.shape(oe),o.arrayOf(o.shape(oe))]).isRequired,size:o.number,maxDisplay:o.number,teamDid:o.string,inService:o.bool,showName:o.bool,avatarFallback:o.node};re.defaultProps={size:32,maxDisplay:9,teamDid:"",inService:!0,showName:!1,avatarFallback:null};function re({actors:e,size:t=32,maxDisplay:s=9,teamDid:n="",inService:a=!0,showName:c=!1,avatarFallback:i=null}){const l=z(()=>{const u=Array.isArray(e)?e:[e];return Rt(u,"did").filter(Boolean)},[e]);return l.length===1||!l.length?r.jsx(Z,{actor:l[0],size:t,teamDid:n,inService:a,showName:c}):r.jsx(ot,{total:l.length,renderSurplus:u=>u<100?r.jsxs("span",{children:["+",u]}):r.jsx("span",{children:"99+"}),max:s,sx:{justifyContent:"flex-end",height:`${t}px`,".MuiAvatar-root":{width:`${t}px`,height:`${t}px`,fontSize:`${t/2.5}px`,border:0,zIndex:2}},children:l.map((u,y)=>u!=null&&u.avatar?r.jsx(Z,{actor:u,size:t,teamDid:n,inService:a},(u==null?void 0:u.did)||y):i)})}const Se=3;Je.propTypes={notification:o.object.isRequired,isMultiple:o.bool,blocklet:o.object,mountPoint:o.string,avatarFallback:o.node};Xe.propTypes={notification:o.object.isRequired,mountPoint:o.string};Ye.propTypes={items:o.array.isRequired,activity:o.object.isRequired,blocklet:o.object,mountPoint:o.string,viewMoreLink:o.string,avatarFallback:o.node};function Xe({notification:e,mountPoint:t=""}){var i;const{activity:s}=e,{type:n,meta:a={}}=s||{},c=ze({activity:s,users:[e==null?void 0:e.actorInfo],actors:[(i=e==null?void 0:e.activity)==null?void 0:i.actor],mountPoint:t});return D(s)||!s.type||!s.actor||D(s.target)?null:r.jsxs(h,{children:[r.jsx(S,{variant:"body1",color:"text.secondary",sx:{mb:.5},children:c}),a?r.jsx(Le,{meta:a,type:n}):null]})}function Ye({items:e,activity:t,blocklet:s,mountPoint:n="",viewMoreLink:a="",avatarFallback:c=null}){const i=M(),l=z(()=>{var d;return(s==null?void 0:s.did)||((d=s==null?void 0:s.meta)==null?void 0:d.did)||""},[s]),{locale:u}=p.useContext(ue),y=z(()=>!D(t.meta)&&Object.values(t.meta).some(d=>d!=null),[t]),m=ze({activity:t,users:e.map(d=>d==null?void 0:d.actorInfo),actors:e.map(d=>{var f;return(f=d==null?void 0:d.activity)==null?void 0:f.actor}),mountPoint:n}),b=se(d=>{if(!d.activity)return null;const f=pe(d.activity);return f!=null&&f.metaLink?he(f==null?void 0:f.metaLink)?f==null?void 0:f.metaLink:O(n,f.metaLink):null}),j=se((d,f)=>{if(!f)return;const x=b(f);x&&(window.open(x,"_blank"),d.customPreventRedirect=!0)}),k=e.length>Se,I=e.slice(0,Se);return r.jsxs(h,{sx:{width:"100%"},children:[r.jsx(S,{variant:"body1",color:"text.secondary",sx:{mb:3},children:m}),y?r.jsxs(h,{className:"sub-content",display:"flex",flexDirection:"column",gap:3,children:[I.map(d=>{var f;return r.jsxs(h,{display:"flex",flexDirection:"column",gap:1,onClick:x=>j(x,d),children:[r.jsxs(h,{display:"flex",alignItems:"center",gap:1,children:[X(d)?r.jsx(re,{actors:d.actorInfo,size:32,teamDid:l}):c,r.jsx(S,{variant:"subtitle1",color:"text.primary",children:X(d)?(f=d==null?void 0:d.actorInfo)==null?void 0:f.fullName:"System"})," ","·",r.jsx(te,{value:d.createdAt,locale:u,shouldUpdate:!0,style:{color:i.palette.text.secondary,fontSize:"0.875rem",minWidth:"50px",whiteSpace:"nowrap"}})]}),d.activity.meta?r.jsx(h,{pl:5,children:r.jsx(Le,{meta:d.activity.meta,type:d.activity.type})}):null]},d.id)}),k&&a?r.jsx(h,{mt:1,display:"flex",justifyContent:"center",children:r.jsxs(at,{size:"large",variant:"text",component:ae,href:a,target:"_blank",rel:"noopener noreferrer",onClick:d=>{d.customPreventRedirect=!0},children:["View More ",r.jsx(Ne,{icon:bt,style:{marginLeft:4}})]})}):null]}):null]})}function Je({notification:e,isMultiple:t=!1,blocklet:s,mountPoint:n="",avatarFallback:a}){const c=z(()=>{if(!e.activity)return null;const i=pe(e.activity);return i!=null&&i.targetLink?he(i==null?void 0:i.targetLink)?i==null?void 0:i.targetLink:O(n,i.targetLink):null},[e.activity,n]);return t?r.jsx(Ye,{items:e.items,activity:e.activity,blocklet:s,mountPoint:n,viewMoreLink:c,avatarFallback:a}):r.jsx(Xe,{notification:e,mountPoint:n})}function Ze({notification:e}){const t=p.useMemo(()=>{const{actions:s,action:n}=e;let a=s??[];return!a.length&&n&&(a=[{name:"Visit",link:n}]),a},[e]);return t.length?r.jsx(h,{display:"flex",justifyContent:"start",flexWrap:"wrap",alignItems:"center",gap:1,mt:1.5,children:t.map((s,n)=>r.jsxs(p.Fragment,{children:[r.jsx(ae,{href:s.link,target:"_blank",className:"link",rel:"noopener noreferrer",sx:{fontSize:"15px"},onClick:a=>{a.customPreventRedirect=!0},children:s.name},s.link),n<t.length-1?r.jsx(le,{orientation:"vertical",sx:{height:12,borderWidth:"1px"}}):null]},s.link))}):null}Ze.propTypes={notification:o.object.isRequired};const fr=lt(h)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  height: 100%;
+  min-height: 500px;
+  color: #999;
+  .empty-icon {
+    margin: 10px 0;
+  }
+`;function Re({color:e,children:t,...s}){const n=Nt(),c=M().palette.mode==="dark";return r.jsxs(fr,{...s,children:[r.jsx("img",{src:`${n.imgPrefix}/${c?"all-done-dark":"all-done-light"}.svg`,alt:"All Done",width:120,height:120,style:{maxHeight:"100%",maxWidth:"100%"},onError:i=>{i.target.style.display="none"}}),r.jsx(h,{className:"empty-content",children:t})]})}Re.propTypes={color:o.string,children:o.any};Re.defaultProps={color:"inherit",children:null};mr.propTypes={data:o.array,blockletMap:o.object,onReadBatch:o.func,inDialog:o.bool,highlightId:o.string,highlight:o.bool,type:o.oneOf(["server","service"])};et.propTypes={notification:o.object,blocklet:o.object,onReadBatch:o.func,inDialog:o.bool,highlight:o.bool};K.propTypes={blocklet:o.object,size:o.number,showName:o.bool,hideDot:o.bool};function K({blocklet:e,size:t=40,showName:s=!1,hideDot:n=!1}){var i,l;const a=(e==null?void 0:e.did)||((i=e==null?void 0:e.meta)==null?void 0:i.did)||"",c=((e==null?void 0:e.alsoKnownAs)||[]).concat((e==null?void 0:e.appId)||(e==null?void 0:e.appDid)||(e==null?void 0:e.appPid)||"");return r.jsxs(h,{className:"component-avatar",display:"flex",alignItems:"center",sx:{gap:n?"8px":"4px"},children:[!n&&r.jsx("span",{className:"dot"}),e?r.jsx(h,{children:c.includes(a)?r.jsx(fe,{blocklet:e,size:t,style:{borderRadius:8}}):r.jsx(xt,{blocklet:e,ancestors:e.ancestors??[],size:t,style:{borderRadius:8}})}):r.jsx(gt,{width:t,height:t}),s&&r.jsx("span",{className:"component-name",children:(l=e==null?void 0:e.meta)==null?void 0:l.title})]})}function et({notification:e,blocklet:t,onReadBatch:s=()=>{},inDialog:n=!1,highlight:a}){const{locale:c}=p.useContext(ue),i=M(),l=W(v=>v.breakpoints.down("md")),u=p.useRef(null),y=p.useMemo(()=>ie(e),[e]),m=p.useMemo(()=>wt(e),[e]),b=p.useMemo(()=>X(e),[e]),j=p.useMemo(()=>e.items||[],[e]),k=p.useMemo(()=>j.length>0,[j]),I=p.useMemo(()=>m?k?j.map(v=>{var P;return X(v)?v.actorInfo:{did:(P=v.activity)==null?void 0:P.actor}}).filter(Boolean):e.actorInfo??[]:[],[j,e.actorInfo,k,m]),d=p.useMemo(()=>{var v;return(t==null?void 0:t.did)||((v=t==null?void 0:t.meta)==null?void 0:v.did)||""},[t]),f=p.useMemo(()=>Wt(d,window.blocklet),[d]),x=se((v,P)=>{const _=_e(v);if(_.length&&s(_.map(R=>R.id)),P&&!P.customPreventRedirect){const R=Ut(v,f);R&&typeof R=="string"&&window.open(R,"_blank","noopener,noreferrer")}});return r.jsxs(gr,{ref:u,className:"notification-row",id:e.id,isRead:y,inDialog:n,highlight:a,isMd:l,onClick:v=>x(e,v),children:[m?r.jsx(ke,{activity:e.activity.type,size:l?24:32}):r.jsx(we,{severity:e.severity,size:l?24:32}),r.jsxs(h,{className:"notification",display:"flex",flexDirection:"column",alignItems:"start",children:[r.jsxs(h,{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",gap:1,className:"header",mb:1.5,children:[m&&b?r.jsx(re,{actors:I,teamDid:d,size:l?24:32,avatarFallback:r.jsx(K,{blocklet:t,hideDot:!0,size:l?24:32})}):r.jsx(K,{blocklet:t,hideDot:!0,size:l?24:32}),r.jsx(te,{value:e.createdAt,locale:c,shouldUpdate:!0,style:{color:i.palette.text.secondary,fontSize:"0.875rem",minWidth:"50px",whiteSpace:"nowrap"}})]}),m?r.jsx(Je,{notification:e,isMultiple:k,blocklet:t,mountPoint:f,avatarFallback:r.jsx(K,{blocklet:t,hideDot:!0,size:l?24:32})}):r.jsxs(r.Fragment,{children:[r.jsx(S,{variant:"body1",className:"title",color:"rgba(24, 24, 27, 1)",style:{marginTop:0},sx:{mb:.5},children:e.title}),r.jsx(tr,{notification:e,rows:n?0:2})]}),r.jsx(Ze,{notification:e})]}),(e==null?void 0:e.description)&&e.severity==="error"&&r.jsx(h,{className:"copy-button",children:r.jsx(ct,{size:"small",children:r.jsx(mt,{sx:{fontSize:22},content:(e==null?void 0:e.description)||""})})})]})}function mr({data:e,blockletMap:t,onReadBatch:s=()=>{},inDialog:n=!1,highlightId:a,highlight:c=!1,type:i="service"}){const{t:l}=ce(),u=p.useRef(null),[y,m]=p.useState(!1),[b,j]=p.useState(!0),[k,I]=p.useState(!1),d=p.useRef(new Set),f=p.useRef(new Set),x=p.useRef(null),v=p.useRef(null),P=p.useRef(!1),_=p.useMemo(()=>n?e==null?void 0:e.slice(0,5):e,[n,e]),R=p.useMemo(()=>jt(_),[_]),H=p.useMemo(()=>{const g=new Map;return R&&R.length&&R.forEach(w=>{g.set(w.id,w)}),g},[R]);p.useEffect(()=>{const g=()=>{j(document.visibilityState==="visible")};return document.addEventListener("visibilitychange",g),()=>{document.removeEventListener("visibilitychange",g)}},[]);const V=p.useCallback(()=>{if(!n&&d.current.size>0){const g=[];d.current.forEach(w=>{if(f.current.has(w))return;const T=H.get(w);if(T){const{receivers:A=[],items:N=[]}=T;if(A.length&&!A[0].read&&(g.push(w),f.current.add(w),N.length>0&&N.forEach(C=>{const $=C.id;$&&!f.current.has($)&&(g.push($),f.current.add($))}),v.current)){const C=document.getElementById(w);C&&v.current.unobserve(C)}}}),g.length>0&&(s(g),setTimeout(()=>{m(!1)},300)),d.current.clear()}},[n,H,s]),q=p.useCallback(()=>{if(n||!u.current||!b)return;v.current&&v.current.disconnect();const g={root:null,rootMargin:"0px",threshold:.5},w=new IntersectionObserver(A=>{y&&A.forEach(N=>{const C=N.target.id;if(f.current.has(C))return;const $=H.get(C);if($){const{receivers:Ie=[]}=$;Ie.length&&!Ie[0].read&&(N.isIntersecting?(d.current.add(C),k||V()):d.current.delete(C))}})},g);v.current=w,Array.from(u.current.querySelectorAll(".notification-row")).filter(A=>{const N=A.id;if(f.current.has(N))return!1;const C=H.get(N);if(C){const{receivers:$=[]}=C;return $.length&&!$[0].read}return!1}).forEach(A=>{w.observe(A)}),P.current=!1},[y,n,k,b,H,V]);return p.useEffect(()=>{n||(P.current=!0,v.current&&b&&y&&setTimeout(()=>{q()},0))},[_,y,b,q,n]),p.useEffect(()=>{if(n||!u.current||!b)return;let g=window;if(i==="server"&&(g=document.getElementById("arc__dashboard-main")),!g){const T=document.getElementsByClassName("dashboard-main")[0];T&&(g=T)}if(!g)return;const w=T=>{T.isTrusted&&(y||m(!0),I(!0),x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{I(!1),V(),P.current&&q()},300))};return g.addEventListener("scroll",w,{passive:!0}),()=>{g.removeEventListener("scroll",w),x.current&&clearTimeout(x.current)}},[n,y,b,V,q,i]),p.useEffect(()=>(n||q(),()=>{v.current&&v.current.disconnect()}),[q,n]),dt(()=>{setTimeout(()=>{const g=Ot(u.current),w=Ft(H,g);s(w.map(T=>T.id))},2e3)}),R!=null&&R.length?r.jsx(h,{ref:u,display:"flex",flexDirection:"column",sx:{...n?{maxHeight:"calc(-200px + 100vh)",overflow:"auto"}:{}},children:R==null?void 0:R.map(g=>{var T;const w=g.source==="system"?t.get(g.entityId||g.sender):t.get(g.componentDid||g.sender);return((T=g==null?void 0:g.type)==null?void 0:T.toLowerCase())==="passthrough"?null:r.jsx(et,{highlight:c&&a===g.id,inDialog:n,notification:g,blocklet:w,onReadBatch:s},g.id)})}):r.jsx(Re,{children:l("notification.allDone")})}const gr=L("div")`
+  @keyframes flash-bg {
+    0% {
+      background-color: ${e=>e.theme.palette.warning.light};
+    }
+    100% {
+      background-color: unset;
+    }
+  }
+  position: relative;
+  display: flex;
+  align-items: flex-start;
+  gap: ${e=>e.isMd?e.theme.spacing(1):e.theme.spacing(1.5)};
+  padding: ${e=>e.isMd?`${e.theme.spacing(2)} 0`:e.theme.spacing(3)};
+  cursor: pointer;
+  animation: ${e=>e.highlight?"flash-bg 3s ease-out 0s 1 normal none running":"none"};
+  background-color: ${e=>e.isRead?"transparent":e.theme.palette.grey[100]};
+  border-bottom: 1px solid;
+  border-color: ${({theme:e})=>e.palette.grey[200]};
+  &:last-child {
+    border-bottom: none;
+  }
+  &:hover {
+    background-color: ${e=>e.theme.palette.action.hover};
+  }
+
+  .copy-button {
+    position: absolute;
+    right: ${e=>e.inDialog?e.theme.spacing(2):"0"};
+    top: ${e=>e.inDialog?e.theme.spacing(5):e.theme.spacing(4)};
+    display: none;
+    background: ${e=>e.theme.palette.action.disabledBackground};
+    border-radius: 50%;
+    svg {
+      width: ${e=>e.theme.spacing(2.25)};
+      height: ${e=>e.theme.spacing(2.25)};
+    }
+  }
+  &:hover {
+    .copy-button {
+      display: block;
+    }
+  }
+
+  .component-avatar {
+    .dot {
+      width: ${e=>e.theme.spacing(1)};
+      height: ${e=>e.theme.spacing(1)};
+      border-radius: 50%;
+      background-color: ${e=>e.theme.palette.primary.main};
+      visibility: ${e=>e.isRead?"hidden":"visible"};
+    }
+  }
+
+  .notification {
+    width: calc(100% - ${e=>e.theme.spacing(6.25)});
+
+    > .header {
+      width: 100%;
+      @media (min-width: 900px) {
+        .title {
+          max-width: calc(100vw - ${e=>e.theme.spacing(50)});
+        }
+      }
+      @media (min-width: 1200px) {
+        .title {
+          max-width: ${e=>e.theme.spacing(102.5)};
+        }
+      }
+      @media (max-width: 900px) {
+        .title {
+          max-width: calc(100vw - ${e=>e.theme.spacing(25)});
+        }
+      }
+    }
+
+    .title {
+      min-width: 0;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      color: ${e=>e.theme.palette.text.primary};
+      font-size: ${e=>e.theme.typography.fontSize*1.15}px;
+    }
+    .link {
+      color: ${e=>e.theme.palette.primary.main};
+      font-size: ${e=>e.theme.typography.fontSize}px;
+      text-decoration: none;
+    }
+  }
+`;export{re as A,fe as B,mr as N,te as R,K as S,Je as a,tr as b,ie as c};

package/dist/assets/{list-CFP3MiEI.js → list-UaF9rEdO.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-CSbITcwB.js","assets/vendor-ux-did-connect-Ck9lzrbN.js","assets/vendor-react-DEoibe3W.js","assets/vendor-utils-rHXShPKm.js","assets/vendor-mui-core-Bh-qMRq3.js","assets/vendor-hooks-Zkb4Ilbj.js","assets/lottie-web-jYmAQWuC.js","assets/vendor-ux-did-connect-DpSGLE7B.css","assets/vendor-arcblock-DPRICUXM.js","assets/index-Bs1kxR8_.js","assets/index-DRCFOq4H.js","assets/index-DOq-_YXu.css","assets/index-DVQCgvFb.js","assets/index-AgKpYdvC.css"])))=>i.map(i=>d[i]);
-import{r as b,b as ve}from"./vendor-react-DEoibe3W.js";import{a as F,d as H,j as K,Z as M,Y as ne,W as $,b3 as ye,a6 as Ce,$ as we}from"./vendor-ux-did-connect-Ck9lzrbN.js";import{H as n,j as e,D as G,aj as Q,I as X,t as Y,al as z,T as I,aa as p,O as T,bq as y,bK as Te,bQ as oe,bs as se,bR as ae,X as Z,ak as ce,z as ue,y as E,ab as J,ad as ke}from"./vendor-mui-core-Bh-qMRq3.js";import{M as de,_ as Se}from"./vendor-arcblock-DPRICUXM.js";import{d as Ie}from"./Edit-vxeVwrqO.js";import{_ as Re}from"./dot-BB5occkV.js";import{l as pe}from"./index-D-mbJPLJ.js";import{z as _,au as he,av as S,C as qe}from"./index-DRCFOq4H.js";import{u as B}from"./dashboard-u-oRSlsi.js";import{o as Ae,c as Oe,A as re}from"./vendor-utils-rHXShPKm.js";import{E as Pe}from"./empty-spinner-BZw_ShnT.js";import{C as v}from"./click-to-copy-DmYkL7Ui.js";import{D as Ne}from"./delete-confirm-CUNBU1J1.js";import{b as We}from"./passport-item-IDGIDfr4.js";import{A as ze}from"./actions-V9hjjowb.js";import{T as le}from"./table-tips-hNIkakER.js";import{u as De}from"./use-mobile-ZAS6Si4t.js";import"./vendor-hooks-Zkb4Ilbj.js";import"./lottie-web-jYmAQWuC.js";import"./useAsync-DnXpD472.js";import"./useLocalStorage-BRd3tKN9.js";import"./index-8eXqqyHQ.js";import"./confirm-zdbJI4Oz.js";import"./PlayArrow-CmxnItFZ.js";import"./get-safe-url-OaLLn0UN.js";import"./session-B2z_IWIe.js";import"./use-blocklet-logo-BoFa24A6.js";import"./InfoOutlined-BIr5nkjV.js";import"./useSetState-CWq0AVWn.js";import"./use-mobile-JEGQfLZ2.js";import"./index-DoCu_ga_.js";import"./Phone--BSu-btI.js";import"./Location-By12Z3Te.js";import"./Email-CdSNK0eA.js";import"./Timezone-YZ0dMUEr.js";import"./did-address-BI9LYTx-.js";import"./util-CVjZG67N.js";import"./base32-BPfgmw66.js";import"./MoreHoriz-H8rabTmY.js";const Le={clientName:"",clientUri:"",redirectUris:"",scope:["profile:read"],contacts:"",tosUri:"",policyUri:""};function me({onCreated:r,onClose:d}){const[t,m]=b.useState(!1),{t:l,locale:s}=F(),{api:g}=_(),{teamDid:h}=B(),{control:f,handleSubmit:A,formState:{errors:a},watch:k,setValue:x}=he({defaultValues:Le,mode:"onChange"}),w=k("scope"),R=c=>{c!=="profile:read"&&x("scope",w.includes(c)?w.filter(u=>u!==c):[...w,c])},N=async c=>{m(!0);try{const u={...c,redirectUris:c.redirectUris,contacts:c.contacts?c.contacts.split(",").map(O=>O.trim()):[],scope:c.scope.join(" ")};await g.createOAuthClient({input:{teamDid:h,input:Ae(u,Oe)}}),r(u)}catch(u){M.error(u.message||"Failed to create OAuth App")}finally{m(!1)}};return e.jsxs(G,{open:!0,onClose:d,maxWidth:"md",fullWidth:!0,children:[e.jsxs(Q,{children:[l("oauth.client.register")," ",e.jsx(X,{onClick:d,sx:{position:"absolute",right:8,top:8},children:e.jsx(H,{})})]}),e.jsx(Y,{children:e.jsxs(z,{spacing:4,sx:{mt:2},children:[e.jsx(I,{variant:"h6",gutterBottom:!0,children:l("oauth.client.requiredInformation")}),e.jsx(p,{children:e.jsx(S,{name:"clientName",control:f,rules:{required:l("oauth.client.validate.clientName"),minLength:{value:3,message:l("oauth.client.validate.clientNameMinLength")}},render:({field:c})=>{var u;return e.jsxs(e.Fragment,{children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.name"),required:!0,fullWidth:!0,placeholder:l("oauth.client.input.clientNamePlaceholder"),error:!!a.clientName,helperText:(u=a.clientName)==null?void 0:u.message}),e.jsx(y,{children:l("oauth.client.helperText.clientName")})]})}})}),e.jsx(p,{children:e.jsx(S,{name:"clientUri",control:f,rules:{required:l("oauth.client.validate.clientUri"),pattern:{value:/^https?:\/\/.+/,message:l("oauth.client.validate.clientUriInvalid")}},render:({field:c})=>{var u;return e.jsxs(e.Fragment,{children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.input.clientUri"),required:!0,fullWidth:!0,placeholder:l("oauth.client.input.clientUriPlaceholder"),error:!!a.clientUri,helperText:(u=a.clientUri)==null?void 0:u.message}),e.jsx(y,{children:l("oauth.client.helperText.clientUri")})]})}})}),e.jsx(p,{children:e.jsx(S,{name:"redirectUris",control:f,rules:{required:l("oauth.client.validate.redirectUris"),pattern:{value:/^https?:\/\/.+/,message:l("oauth.client.validate.redirectUrisInvalid")}},render:({field:c})=>{var u;return e.jsxs(e.Fragment,{children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.input.redirectUris"),required:!0,fullWidth:!0,placeholder:l("oauth.client.input.redirectUrisPlaceholder"),error:!!a.redirectUris,helperText:(u=a.redirectUris)==null?void 0:u.message}),e.jsxs(p,{sx:{display:"flex",gap:"2px"},children:[e.jsx(y,{children:l("oauth.client.helperText.redirectUris")}),e.jsx(y,{children:l("oauth.client.helperText.read")}),e.jsx(y,{sx:{color:"info.main"},component:"a",href:`https://www.arcblock.io/docs/blocklet-developer/${s}/oauth-service`,target:"_blank",rel:"noopener noreferrer",children:l("oauth.client.helperText.document")}),e.jsx(y,{children:l("oauth.client.helperText.more")})]})]})}})}),e.jsxs(Te,{variant:"outlined",sx:{p:2,display:"none"},children:[e.jsx(I,{variant:"subtitle2",gutterBottom:!0,children:l("oauth.client.input.permissions")}),e.jsx(p,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:2},children:e.jsx(oe,{children:Object.entries(K.OAUTH_SCOPES).map(([c,u])=>e.jsx(se,{control:e.jsx(ae,{checked:w.includes(c),onChange:()=>R(c),disabled:c==="profile:read",color:"primary"}),label:e.jsx(p,{children:e.jsx(I,{variant:"body2",sx:{fontWeight:500},children:u})})},c))})})]}),e.jsx(Z,{}),e.jsx(I,{variant:"h6",gutterBottom:!0,children:l("oauth.client.optionalInformation")}),e.jsx(z,{children:e.jsx(S,{name:"contacts",control:f,rules:{pattern:{value:/^$|^[^@\s]+@[^@\s]+\.[^@\s]+(\s*,\s*[^@\s]+@[^@\s]+\.[^@\s]+)*$/,message:l("oauth.client.validate.contacts")}},render:({field:c})=>{var u;return e.jsxs(e.Fragment,{children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.input.contacts"),fullWidth:!0,placeholder:l("oauth.client.input.contactsPlaceholder"),error:!!a.contacts,helperText:(u=a.contacts)==null?void 0:u.message}),e.jsx(y,{children:l("oauth.client.helperText.contacts")})]})}})}),e.jsxs(z,{direction:{xs:"column",sm:"row"},spacing:2,children:[e.jsx(S,{name:"tosUri",control:f,rules:{pattern:{value:/^$|^https?:\/\/.+/,message:l("oauth.client.validate.tosUriInvalid")}},render:({field:c})=>{var u;return e.jsxs(p,{sx:{width:"50%"},children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.input.tosUri"),fullWidth:!0,placeholder:l("oauth.client.input.tosUriPlaceholder"),error:!!a.tosUri,helperText:(u=a.tosUri)==null?void 0:u.message}),e.jsx(y,{children:l("oauth.client.helperText.tosUri")})]})}}),e.jsx(S,{name:"policyUri",control:f,rules:{pattern:{value:/^$|^https?:\/\/.+/,message:l("oauth.client.validate.policyUriInvalid")}},render:({field:c})=>{var u;return e.jsxs(p,{sx:{width:"50%"},children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.input.policyUri"),fullWidth:!0,placeholder:l("oauth.client.input.policyUriPlaceholder"),error:!!a.policyUri,helperText:(u=a.policyUri)==null?void 0:u.message}),e.jsx(y,{children:l("oauth.client.helperText.policyUri")})]})}})]}),a.error&&e.jsx(ce,{severity:"error",children:a.error.message})]})}),e.jsxs(ue,{children:[e.jsx(E,{onClick:d,children:l("common.cancel")}),e.jsxs(E,{onClick:A(N),disabled:t,variant:"contained",color:"primary",children:[t?e.jsx(J,{size:20,sx:{mr:1}}):null,l("oauth.client.registerButton")]})]})]})}me.propTypes={onCreated:n.func.isRequired,onClose:n.func.isRequired};function V({scope:r,...d}){if(!r)return null;const t=r.split(" ").filter(Boolean);return e.jsx(z,{direction:"row",flexWrap:"wrap",gap:1,...d,children:t.map(m=>e.jsx(ve.Fragment,{children:e.jsx(ke,{title:K.OAUTH_SCOPES[m],children:e.jsx(v,{children:m})})},m))})}V.propTypes={scope:n.string};V.defaultProps={scope:""};const ee=r=>{const{prefix:d}=_(),{blocklet:t}=qe(),m=re(d,"/api/media/upload",t.appPid),l=b.useCallback(g=>g?g.startsWith("http")?g:`${re(d,"/api/media/upload",t.appPid)}/${g}`:"",[d,t.appPid]);return{clientLogoUrl:b.useMemo(()=>l(r),[r,l]),apiPath:m,getClientLogoUrl:l}},Ee=b.lazy(()=>Se(()=>import("./index-CSbITcwB.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13])).then(r=>({default:r.Uploader})));function xe({client:r,onUpdate:d,onClose:t}){const[m,l]=b.useState(!1),{t:s,locale:g}=F(),h=b.useRef(null),{api:f}=_(),{teamDid:A}=B(),{control:a,handleSubmit:k,formState:{errors:x},watch:w,setValue:R,getValues:N}=he({defaultValues:{clientName:r.clientName||"",clientUri:r.clientUri||"",redirectUris:Array.isArray(r.redirectUris)?r.redirectUris.join(","):"",scope:r.scope?r.scope.split(" "):["profile:read"],contacts:Array.isArray(r.contacts)?r.contacts.join(","):"",tosUri:r.tosUri||"",policyUri:r.policyUri||"",logoUri:r.logoUri||""},mode:"onChange"}),c=w("scope"),u=w("logoUri"),{clientLogoUrl:O,apiPath:W}=ee(u),q=o=>{o!=="profile:read"&&R("scope",c.includes(o)?c.filter(i=>i!==o):[...c,o])},D=async o=>{const i={clientId:r.clientId,clientName:o.clientName.trim(),clientUri:o.clientUri,redirectUris:o.redirectUris.split(",").map(C=>C.trim()).filter(Boolean),contacts:o.contacts?o.contacts.split(",").map(C=>C.trim()):[],scope:o.scope.join(" "),tosUri:o.tosUri,policyUri:o.policyUri,logoUri:o.logoUri};await f.updateOAuthClient({input:{teamDid:A,input:i}})},L=async o=>{l(!0);try{await D(o),d(),t()}catch(i){M.error(i.message||s("oauth.client.updateFailed"))}finally{l(!1)}};return e.jsxs(G,{open:!0,onClose:t,maxWidth:"md",fullWidth:!0,children:[e.jsxs(Q,{children:[s("oauth.client.update")," ",e.jsx(X,{onClick:t,sx:{position:"absolute",right:8,top:8},children:e.jsx(H,{})})]}),e.jsx(Y,{children:e.jsxs(z,{spacing:3,sx:{mt:2},children:[e.jsxs(p,{sx:{mb:3},children:[e.jsx(I,{variant:"subtitle1",sx:{fontWeight:500,mb:1},children:s("oauth.client.logo")}),e.jsxs(p,{children:[e.jsx(p,{sx:{width:120,height:120,position:"relative",borderRadius:"4px",overflow:"hidden"},children:O?e.jsx(p,{children:e.jsx("img",{src:O,alt:"client-logo",style:{width:"100%",height:"100%"}})}):e.jsx(p,{onClick:()=>{var o;(o=h.current)==null||o.open()},sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",bgcolor:"grey.200"},children:e.jsx(de,{sx:{fontSize:40,color:"common.white"}})})}),e.jsx(E,{sx:{mt:2},variant:"outlined",size:"small",onClick:()=>{var o;(o=h.current)==null||o.open()},children:s(O?"common.change":"common.upload")})]}),e.jsx(p,{sx:{display:"flex",alignItems:"center"},children:e.jsx(b.Suspense,{fallback:e.jsx(Pe,{}),children:e.jsx(Ee,{ref:h,locale:g,popup:!0,onUploadFinish:o=>{R("logoUri",o.data.filename),D(N()).then(()=>{d()}).catch(i=>{M.error(i.message||s("oauth.client.updateFailed"))}).finally(()=>{var i;(i=h.current)==null||i.close()})},plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:W,disableMediaKitPrefix:!0,disableAutoPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileTypes:["image/png","image/jpeg","image/webp","image/svg+xml"],maxFileSize:1024*1024*.5,maxNumberOfFiles:1}},dashboardProps:{autoOpen:"imageEditor"},imageEditorProps:{actions:{revert:!0,rotate:!0,granularRotate:!0,flip:!0,zoomIn:!0,zoomOut:!0,cropSquare:!1,cropWidescreen:!1,cropWidescreenVertical:!1},cropperOptions:{autoCrop:!0,aspectRatio:1,initialAspectRatio:1,autoCropArea:1,croppedCanvasOptions:{minWidth:256,minHeight:256}}}},"uploader-logo")})})]}),e.jsx(I,{variant:"subtitle1",sx:{fontWeight:500},children:s("oauth.client.requiredInformation")}),e.jsx(T,{label:"Client Id",fullWidth:!0,value:r.clientId,disabled:!0}),e.jsx(p,{children:e.jsx(S,{name:"clientName",control:a,rules:{required:s("oauth.client.validate.clientName"),minLength:{value:3,message:s("oauth.client.validate.clientNameMinLength")}},render:({field:o})=>{var i;return e.jsxs(e.Fragment,{children:[e.jsx(T,{...o,label:s("oauth.client.name"),required:!0,fullWidth:!0,error:!!x.clientName,helperText:(i=x.clientName)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.clientName")})]})}})}),e.jsx(p,{children:e.jsx(S,{name:"clientUri",control:a,rules:{required:s("oauth.client.validate.clientUri"),pattern:{value:/^https?:\/\/.+/,message:s("oauth.client.validate.clientUriInvalid")}},render:({field:o})=>{var i;return e.jsxs(e.Fragment,{children:[e.jsx(T,{...o,label:s("oauth.client.input.clientUri"),required:!0,fullWidth:!0,error:!!x.clientUri,helperText:(i=x.clientUri)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.clientUri")})]})}})}),e.jsx(p,{children:e.jsx(S,{name:"redirectUris",control:a,rules:{required:s("oauth.client.validate.redirectUris"),pattern:{value:/^https?:\/\/.+/,message:s("oauth.client.validate.redirectUrisInvalid")}},render:({field:o})=>{var i;return e.jsxs(e.Fragment,{children:[e.jsx(T,{...o,label:s("oauth.client.input.redirectUris"),required:!0,fullWidth:!0,multiline:!0,rows:2,error:!!x.redirectUris,helperText:(i=x.redirectUris)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.redirectUris")})]})}})}),e.jsxs(p,{sx:{display:"none"},children:[e.jsx(I,{variant:"subtitle2",sx:{mb:1},children:s("oauth.client.input.permissions")}),e.jsx(p,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:2},children:e.jsx(oe,{children:Object.entries(K.OAUTH_SCOPES).map(([o,i])=>e.jsx(se,{control:e.jsx(ae,{checked:c.includes(o),onChange:()=>q(o),disabled:o==="profile:read",color:"primary"}),label:e.jsx(p,{children:e.jsx(I,{variant:"body2",sx:{fontWeight:500},children:i})})},o))})})]}),e.jsx(Z,{}),e.jsx(I,{variant:"subtitle1",sx:{fontWeight:500},children:s("oauth.client.optionalInformation")}),e.jsx(p,{children:e.jsx(S,{name:"contacts",control:a,rules:{pattern:{value:/^$|^[^@\s]+@[^@\s]+\.[^@\s]+(\s*,\s*[^@\s]+@[^@\s]+\.[^@\s]+)*$/,message:s("oauth.client.validate.contacts")}},render:({field:o})=>{var i;return e.jsxs(e.Fragment,{children:[e.jsx(T,{...o,label:s("oauth.client.input.contacts"),fullWidth:!0,error:!!x.contacts,helperText:(i=x.contacts)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.contacts")})]})}})}),e.jsxs(z,{direction:{xs:"column",sm:"row"},spacing:2,children:[e.jsx(S,{name:"tosUri",control:a,rules:{pattern:{value:/^$|^https?:\/\/.+/,message:s("oauth.client.validate.tosUriInvalid")}},render:({field:o})=>{var i;return e.jsxs(p,{sx:{width:"50%"},children:[e.jsx(T,{...o,label:s("oauth.client.input.tosUri"),fullWidth:!0,error:!!x.tosUri,helperText:(i=x.tosUri)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.tosUri")})]})}}),e.jsx(S,{name:"policyUri",control:a,rules:{pattern:{value:/^$|^https?:\/\/.+/,message:s("oauth.client.validate.policyUriInvalid")}},render:({field:o})=>{var i;return e.jsxs(p,{sx:{width:"50%"},children:[e.jsx(T,{...o,label:s("oauth.client.input.policyUri"),fullWidth:!0,error:!!x.policyUri,helperText:(i=x.policyUri)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.policyUri")})]})}})]}),x.error&&e.jsx(ce,{severity:"error",children:x.error.message})]})}),e.jsxs(ue,{children:[e.jsx(E,{onClick:t,children:s("common.cancel")}),e.jsx(E,{onClick:k(L),disabled:m,variant:"contained",color:"primary",children:m?e.jsx(J,{size:16}):s("common.update")})]})]})}xe.propTypes={client:n.shape({clientId:n.string.isRequired,clientName:n.string.isRequired,clientUri:n.string,redirectUris:n.arrayOf(n.string),scope:n.string,contacts:n.arrayOf(n.string),tosUri:n.string,policyUri:n.string,logoUri:n.string}).isRequired,onUpdate:n.func.isRequired,onClose:n.func.isRequired};function je({client:r,onUpdate:d,onClose:t}){return e.jsx(xe,{client:r,onUpdate:m=>d(m),onClose:t})}je.propTypes={client:n.shape({clientId:n.string.isRequired,clientName:n.string.isRequired,clientUri:n.string,redirectUris:n.arrayOf(n.string),scope:n.string,contacts:n.arrayOf(n.string),tosUri:n.string,policyUri:n.string,logoUri:n.string}).isRequired,onUpdate:n.func.isRequired,onClose:n.func.isRequired};function te(r){const{t:d}=F(),{api:t}=_(),{teamDid:m}=B(),{clientId:l,clientName:s,onDelete:g=()=>{},onClose:h=()=>{}}=r,f=()=>{h()},A=async()=>{try{await t.deleteOAuthClient({input:{teamDid:m,clientId:l}}),g()}catch(k){M.error(k==null?void 0:k.message)}finally{f()}},a={keyName:s,title:d("oauth.client.delete.title"),description:d("oauth.client.delete.description",{name:`<b>${s}</b>`}),confirmPlaceholder:d("oauth.client.delete.description",{name:s}),confirm:d("common.delConfirm"),cancel:d("common.cancel"),onConfirm:A,onCancel:f};return e.jsx(Ne,{keyName:a.keyName,title:a.title,description:a.description,confirmPlaceholder:a.confirmPlaceholder,confirm:a.confirm,cancel:a.cancel,params:a.params,onConfirm:a.onConfirm,onCancel:a.onCancel})}te.propTypes={clientId:n.string.isRequired,clientName:n.string.isRequired,onDelete:n.func,onClose:n.func};te.defaultProps={onDelete:()=>{},onClose:()=>{}};function ge({title:r,items:d}){return e.jsxs(p,{mb:3,children:[e.jsx(I,{variant:"h6",sx:{mb:1.5},children:r}),e.jsx(z,{spacing:1.5,children:d.map(({label:t,value:m})=>e.jsxs(p,{display:"flex",alignItems:"center",gap:2,children:[e.jsx(I,{variant:"subtitle2",color:"textSecondary",sx:{minWidth:200},children:t}),e.jsx(I,{sx:{wordBreak:"break-all"},children:m||"-"})]},t))})]})}ge.propTypes={title:n.string.isRequired,items:n.arrayOf(n.shape({label:n.string.isRequired,value:n.any})).isRequired};function fe({client:r,onClose:d}){const{t,locale:m}=F(),{teamDid:l}=B(),{clientName:s,clientId:g,clientSecret:h,redirectUris:f,scope:A,clientUri:a,logoUri:k,contacts:x,tosUri:w,policyUri:R,jwksUri:N,jwks:c,softwareId:u,softwareVersion:O,clientIdIssuedAt:W,clientSecretExpiresAt:q,updatedAt:D,createUser:L}=r,{clientLogoUrl:o}=ee(k),i=j=>{try{const P=new URL(window.blocklet.appUrl);return P.pathname=j,P.toString()}catch{return"-"}},C=pe.fromAppDid(g,l),U=[{title:t("common.baseInfo"),items:[{label:t("oauth.client.name"),value:s},{label:t("oauth.client.logoUri"),value:e.jsx(ne,{variant:"rounded",shape:"square",src:o,did:C.address,size:64})},{label:t("oauth.client.clientUri"),value:a?e.jsx(v,{children:a}):"-"},{label:t("oauth.client.clientId"),value:e.jsx(v,{children:g})},{label:t("oauth.client.clientSecret"),value:e.jsx(v,{children:h})},{label:t("oauth.client.redirectUris"),value:e.jsx(v,{children:(f||[]).join(", ")})},{label:t("oauth.client.scope"),value:e.jsx(V,{scope:A})},{label:t("oauth.client.createUser"),value:L?We(L,!0):t("oauth.client.openRegistration")}]},{title:t("oauth.client.oauthEndpoints"),items:[{label:t("oauth.client.openidConfiguration"),value:e.jsx(v,{children:i("/.well-known/openid-configuration")})},{label:t("oauth.client.authorizationEndpoint"),value:e.jsx(v,{children:i("/.well-known/service/oauth/authorize")})},{label:t("oauth.client.tokenEndpoint"),value:e.jsx(v,{children:i("/.well-known/service/oauth/token")})},{label:t("oauth.client.userinfoEndpoint"),value:e.jsx(v,{children:i("/.well-known/service/oauth/userinfo")})},{label:t("oauth.client.jwksUri"),value:e.jsx(v,{children:i("/.well-known/service/oauth/jwks")})},{label:t("oauth.client.registrationEndpoint"),value:e.jsx(v,{children:i("/.well-known/service/oauth/register")})},{label:t("oauth.client.endSessionEndpoint"),value:e.jsx(v,{children:i("/.well-known/service/oauth/logout")})}]},{title:t("oauth.client.metaContact"),items:[{label:t("oauth.client.contacts"),value:x.length?e.jsx(v,{children:(x||[]).join(", ")}):"-"},{label:t("oauth.client.tosUri"),value:w?e.jsx(v,{children:w}):"-"},{label:t("oauth.client.policyUri"),value:R?e.jsx(v,{children:R}):"-"},{label:t("oauth.client.jwksUri"),value:N},{label:t("oauth.client.jwks"),value:c},{label:t("oauth.client.softwareId"),value:u},{label:t("oauth.client.softwareVersion"),value:O}]},{title:t("common.timeInfo"),items:[{label:t("oauth.client.clientIdIssuedAt"),value:W?e.jsx($,{value:W*1e3,type:"all",locale:m}):"-"},{label:t("oauth.client.clientSecretExpiresAt"),value:q?e.jsx($,{value:q*1e3,type:"all",locale:m}):"-"},{label:t("common.updatedAt"),value:D?e.jsx($,{value:D,type:"all",locale:m}):"-"}]}].filter(Boolean);return e.jsxs(G,{open:!0,onClose:d,maxWidth:"lg",fullWidth:!0,children:[e.jsxs(Q,{children:[t("oauth.client.oauthAppDetails"),e.jsx(X,{onClick:d,sx:{position:"absolute",right:8,top:8},children:e.jsx(H,{})})]}),e.jsx(Y,{children:e.jsx(p,{mt:1,children:U.map((j,P)=>e.jsxs(p,{children:[e.jsx(ge,{title:j.title,items:j.items}),P!==U.length-1&&e.jsx(Z,{sx:{my:2}})]},j.title))})})]})}fe.propTypes={client:n.object.isRequired,onClose:n.func.isRequired};function Fe(r){return e.jsx($,{value:r*1e3})}function ie({selected:r,onClose:d}){return r?e.jsx(fe,{client:r,onClose:d}):null}ie.propTypes={selected:n.object,onClose:n.func.isRequired};ie.defaultProps={selected:null};function Ue({open:r,onCreated:d,onClose:t}){return r?e.jsx(me,{onCreated:d,onClose:t}):null}Ue.propTypes={open:n.bool.isRequired,onCreated:n.func.isRequired,onClose:n.func.isRequired};function kt(){var o;const[r,d]=b.useState({searchText:"",pageSize:10,page:1}),[t,m]=b.useState(null),[l,s]=b.useState(!1),g=b.useRef(null),{t:h,locale:f}=F(),{api:A}=_(),{teamDid:a}=B(),[k,x]=b.useState(null),[w,R]=b.useState(null),N=De(),{getClientLogoUrl:c}=ee(),u=Re(async()=>await A.getOAuthClients({input:{teamDid:a,paging:{page:r.page,pageSize:r.pageSize}}}),[r.page,r.pageSize]),{loading:O}=u,W=b.useMemo(()=>{var i;return((i=u.value)==null?void 0:i.list)||[]},[(o=u.value)==null?void 0:o.list]),q=b.useMemo(()=>r.searchText?W.filter(i=>i.clientName.toLowerCase().includes(r.searchText.toLowerCase())||i.clientId.toLowerCase().includes(r.searchText.toLowerCase())||i.scope.toLowerCase().includes(r.searchText.toLowerCase())):W,[r.searchText,W]),D=b.useMemo(()=>[{label:h("oauth.client.name"),name:"clientName",options:{customBodyRender:(i,{rowIndex:C})=>{const U=q[C],j=c(U.logoUri),P=pe.fromAppDid(U.clientId,a);return e.jsx(p,{sx:{display:"flex",alignItems:"center",gap:2},children:e.jsxs(p,{display:"flex",alignItems:"center",gap:2,sx:{cursor:"pointer"},onClick:be=>{be.stopPropagation(),window.open(U.clientUri,"_blank")},children:[e.jsx(ne,{variant:"rounded",shape:"square",did:P.address,src:j,size:48}),e.jsxs(z,{gap:.5,children:[e.jsx(p,{sx:{color:"text.primary"},children:U.clientName}),e.jsx(p,{sx:{color:"text.secondary"},children:U.clientUri})]})]})})}}},{label:h("oauth.client.clientId"),name:"clientId"},{label:h("oauth.client.scope"),name:"scope",options:{customBodyRender:i=>e.jsx(V,{scope:i})}},{label:h("common.createdAt"),name:"clientIdIssuedAt",options:{customBodyRender:Fe}},{label:h("common.actions"),name:"actions",width:100,align:"center",verticalKeyAlign:"center",options:{customBodyRender:(i,{rowIndex:C})=>{const U=q[C];return e.jsx(ze,{actions:[{icon:e.jsx(Ie,{}),text:h("common.edit"),onClick:j=>{j.stopPropagation(),x(U)}},{icon:e.jsx(ye,{}),text:h("common.delete"),onClick:j=>{j.stopPropagation(),R(U)}}]})}}}],[q,h,c,a,x,R]),L=({page:i,rowsPerPage:C,searchText:U})=>{r.pageSize!==C?d(j=>({...j,searchText:"",pageSize:C,page:1})):r.page!==i+1?d(j=>({...j,searchText:"",page:i+1})):r.searchText!==U&&d(j=>({...j,searchText:U,page:1}))};return e.jsxs(p,{ref:g,sx:{".custom-toobar-btns":{gap:"8px"},".custom-toobar-title .custom-toobar-title-inner>span":{display:"flex",alignItems:"center","white-space":"inherit",height:"100%"}},children:[N?e.jsx(le,{title:h("oauth.client.listTitle"),tooltipTitle:h("oauth.client.tooltipTitle"),link:`https://www.arcblock.io/docs/blocklet-developer/${f}/oauth-service`}):null,e.jsx(Ce,{data:q,columns:D,options:{sort:!1,download:!1,filter:!1,print:!1,viewColumns:!1,page:r.page-1,rowsPerPage:r.pageSize,count:q.length,searchDebounceTime:400,onRowClick(i,{dataIndex:C},U){var j;if((j=g.current)!=null&&j.contains(U.target)){const P=q[C];m(P)}}},onChange:L,title:N?null:e.jsx(le,{title:h("oauth.client.listTitle"),tooltipTitle:h("oauth.client.tooltipTitle"),link:`https://www.arcblock.io/docs/blocklet-developer/${f}/oauth-service`}),customButtons:[e.jsxs(E,{variant:"contained",size:"small",onClick:()=>s(!0),children:[O?e.jsx(J,{size:16}):e.jsx(de,{style:{fontSize:16}}),h("common.create")]},"add")],loading:!1,emptyNode:e.jsx(we,{children:h("oauth.client.empty")})}),e.jsx(ie,{selected:t,onClose:()=>m(null)}),e.jsx(Ue,{open:l,onCreated:()=>{s(!1),u.retry()},onClose:()=>s(!1)}),k&&e.jsx(je,{client:k,onUpdate:u.retry,onClose:()=>x(null)}),w&&e.jsx(te,{...w,onDelete:u.retry,onClose:()=>R(null)})]})}export{kt as default};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-DBsI6F1Z.js","assets/vendor-ux-did-connect-Qap4yrMu.js","assets/vendor-react-DEoibe3W.js","assets/vendor-utils-rHXShPKm.js","assets/vendor-mui-core-Bh-qMRq3.js","assets/vendor-hooks-DpwFseeF.js","assets/lottie-web-jYmAQWuC.js","assets/vendor-ux-did-connect-DpSGLE7B.css","assets/vendor-arcblock-C99E80cF.js","assets/index-Bs1kxR8_.js","assets/index-BzItMezw.js","assets/index-DOq-_YXu.css","assets/index-DVQCgvFb.js","assets/index-AgKpYdvC.css"])))=>i.map(i=>d[i]);
+import{r as b,b as ve}from"./vendor-react-DEoibe3W.js";import{a as F,d as H,j as K,Y as M,X as ne,V as $,b3 as ye,a5 as Ce,_ as we}from"./vendor-ux-did-connect-Qap4yrMu.js";import{H as n,j as e,D as G,aj as X,I as Q,t as Y,al as z,T as I,aa as p,O as T,bq as y,bK as Te,bQ as oe,bs as se,bR as ae,X as J,ak as ce,z as ue,y as E,ab as Z,ad as ke}from"./vendor-mui-core-Bh-qMRq3.js";import{O as de,_ as Se}from"./vendor-arcblock-C99E80cF.js";import{d as Ie}from"./Edit-Cl3SK-FJ.js";import{_ as Re}from"./dot-CdVWOAIG.js";import{l as pe}from"./index-C5_3pYA_.js";import{A as _,ay as he,az as S,D as qe}from"./index-BzItMezw.js";import{u as B}from"./dashboard-BwU59vns.js";import{o as Ae,c as Oe,A as re}from"./vendor-utils-rHXShPKm.js";import{E as Pe}from"./empty-spinner-BZw_ShnT.js";import{C as v}from"./click-to-copy-ClNoTzk4.js";import{D as Ne}from"./delete-confirm-BRkmB2tO.js";import{b as We}from"./passport-item-C7W2OqHa.js";import{A as ze}from"./actions-B2RmHKJh.js";import{T as le}from"./table-tips-DnNYXRDB.js";import{u as De}from"./use-mobile-JEGQfLZ2.js";import"./vendor-hooks-DpwFseeF.js";import"./lottie-web-jYmAQWuC.js";import"./useAsync-JBeeXlrl.js";import"./useLocalStorage-BFO9aBYY.js";import"./index-8eXqqyHQ.js";import"./confirm-hm6dpNbC.js";import"./PlayArrow-B19IPFeo.js";import"./get-safe-url-XcLmS0yc.js";import"./session-CSqVp1zS.js";import"./use-blocklet-logo-2Y2A06qi.js";import"./InfoOutlined-BGorl_CI.js";import"./useSetState-CWq0AVWn.js";import"./use-mobile-ZAS6Si4t.js";import"./index-sAnn-Wqb.js";import"./Phone--BSu-btI.js";import"./Location-By12Z3Te.js";import"./Email-CdSNK0eA.js";import"./Timezone-YZ0dMUEr.js";import"./did-address-Ddg6Is1P.js";import"./util-DMDaTiE0.js";import"./base32-B42OVABo.js";import"./MoreHoriz-Bncapj_R.js";const Le={clientName:"",clientUri:"",redirectUris:"",scope:["profile:read"],contacts:"",tosUri:"",policyUri:""};function me({onCreated:r,onClose:d}){const[t,m]=b.useState(!1),{t:l,locale:s}=F(),{api:g}=_(),{teamDid:h}=B(),{control:f,handleSubmit:A,formState:{errors:a},watch:k,setValue:x}=he({defaultValues:Le,mode:"onChange"}),w=k("scope"),R=c=>{c!=="profile:read"&&x("scope",w.includes(c)?w.filter(u=>u!==c):[...w,c])},N=async c=>{m(!0);try{const u={...c,redirectUris:c.redirectUris,contacts:c.contacts?c.contacts.split(",").map(O=>O.trim()):[],scope:c.scope.join(" ")};await g.createOAuthClient({input:{teamDid:h,input:Ae(u,Oe)}}),r(u)}catch(u){M.error(u.message||"Failed to create OAuth App")}finally{m(!1)}};return e.jsxs(G,{open:!0,onClose:d,maxWidth:"md",fullWidth:!0,children:[e.jsxs(X,{children:[l("oauth.client.register")," ",e.jsx(Q,{onClick:d,sx:{position:"absolute",right:8,top:8},children:e.jsx(H,{})})]}),e.jsx(Y,{children:e.jsxs(z,{spacing:4,sx:{mt:2},children:[e.jsx(I,{variant:"h6",gutterBottom:!0,children:l("oauth.client.requiredInformation")}),e.jsx(p,{children:e.jsx(S,{name:"clientName",control:f,rules:{required:l("oauth.client.validate.clientName"),minLength:{value:3,message:l("oauth.client.validate.clientNameMinLength")}},render:({field:c})=>{var u;return e.jsxs(e.Fragment,{children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.name"),required:!0,fullWidth:!0,placeholder:l("oauth.client.input.clientNamePlaceholder"),error:!!a.clientName,helperText:(u=a.clientName)==null?void 0:u.message}),e.jsx(y,{children:l("oauth.client.helperText.clientName")})]})}})}),e.jsx(p,{children:e.jsx(S,{name:"clientUri",control:f,rules:{required:l("oauth.client.validate.clientUri"),pattern:{value:/^https?:\/\/.+/,message:l("oauth.client.validate.clientUriInvalid")}},render:({field:c})=>{var u;return e.jsxs(e.Fragment,{children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.input.clientUri"),required:!0,fullWidth:!0,placeholder:l("oauth.client.input.clientUriPlaceholder"),error:!!a.clientUri,helperText:(u=a.clientUri)==null?void 0:u.message}),e.jsx(y,{children:l("oauth.client.helperText.clientUri")})]})}})}),e.jsx(p,{children:e.jsx(S,{name:"redirectUris",control:f,rules:{required:l("oauth.client.validate.redirectUris"),pattern:{value:/^https?:\/\/.+/,message:l("oauth.client.validate.redirectUrisInvalid")}},render:({field:c})=>{var u;return e.jsxs(e.Fragment,{children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.input.redirectUris"),required:!0,fullWidth:!0,placeholder:l("oauth.client.input.redirectUrisPlaceholder"),error:!!a.redirectUris,helperText:(u=a.redirectUris)==null?void 0:u.message}),e.jsxs(p,{sx:{display:"flex",gap:"2px"},children:[e.jsx(y,{children:l("oauth.client.helperText.redirectUris")}),e.jsx(y,{children:l("oauth.client.helperText.read")}),e.jsx(y,{sx:{color:"info.main"},component:"a",href:`https://www.arcblock.io/docs/blocklet-developer/${s}/oauth-service`,target:"_blank",rel:"noopener noreferrer",children:l("oauth.client.helperText.document")}),e.jsx(y,{children:l("oauth.client.helperText.more")})]})]})}})}),e.jsxs(Te,{variant:"outlined",sx:{p:2,display:"none"},children:[e.jsx(I,{variant:"subtitle2",gutterBottom:!0,children:l("oauth.client.input.permissions")}),e.jsx(p,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:2},children:e.jsx(oe,{children:Object.entries(K.OAUTH_SCOPES).map(([c,u])=>e.jsx(se,{control:e.jsx(ae,{checked:w.includes(c),onChange:()=>R(c),disabled:c==="profile:read",color:"primary"}),label:e.jsx(p,{children:e.jsx(I,{variant:"body2",sx:{fontWeight:500},children:u})})},c))})})]}),e.jsx(J,{}),e.jsx(I,{variant:"h6",gutterBottom:!0,children:l("oauth.client.optionalInformation")}),e.jsx(z,{children:e.jsx(S,{name:"contacts",control:f,rules:{pattern:{value:/^$|^[^@\s]+@[^@\s]+\.[^@\s]+(\s*,\s*[^@\s]+@[^@\s]+\.[^@\s]+)*$/,message:l("oauth.client.validate.contacts")}},render:({field:c})=>{var u;return e.jsxs(e.Fragment,{children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.input.contacts"),fullWidth:!0,placeholder:l("oauth.client.input.contactsPlaceholder"),error:!!a.contacts,helperText:(u=a.contacts)==null?void 0:u.message}),e.jsx(y,{children:l("oauth.client.helperText.contacts")})]})}})}),e.jsxs(z,{direction:{xs:"column",sm:"row"},spacing:2,children:[e.jsx(S,{name:"tosUri",control:f,rules:{pattern:{value:/^$|^https?:\/\/.+/,message:l("oauth.client.validate.tosUriInvalid")}},render:({field:c})=>{var u;return e.jsxs(p,{sx:{width:"50%"},children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.input.tosUri"),fullWidth:!0,placeholder:l("oauth.client.input.tosUriPlaceholder"),error:!!a.tosUri,helperText:(u=a.tosUri)==null?void 0:u.message}),e.jsx(y,{children:l("oauth.client.helperText.tosUri")})]})}}),e.jsx(S,{name:"policyUri",control:f,rules:{pattern:{value:/^$|^https?:\/\/.+/,message:l("oauth.client.validate.policyUriInvalid")}},render:({field:c})=>{var u;return e.jsxs(p,{sx:{width:"50%"},children:[e.jsx(T,{size:"small",...c,label:l("oauth.client.input.policyUri"),fullWidth:!0,placeholder:l("oauth.client.input.policyUriPlaceholder"),error:!!a.policyUri,helperText:(u=a.policyUri)==null?void 0:u.message}),e.jsx(y,{children:l("oauth.client.helperText.policyUri")})]})}})]}),a.error&&e.jsx(ce,{severity:"error",children:a.error.message})]})}),e.jsxs(ue,{children:[e.jsx(E,{onClick:d,children:l("common.cancel")}),e.jsxs(E,{onClick:A(N),disabled:t,variant:"contained",color:"primary",children:[t?e.jsx(Z,{size:20,sx:{mr:1}}):null,l("oauth.client.registerButton")]})]})]})}me.propTypes={onCreated:n.func.isRequired,onClose:n.func.isRequired};function V({scope:r,...d}){if(!r)return null;const t=r.split(" ").filter(Boolean);return e.jsx(z,{direction:"row",flexWrap:"wrap",gap:1,...d,children:t.map(m=>e.jsx(ve.Fragment,{children:e.jsx(ke,{title:K.OAUTH_SCOPES[m],children:e.jsx(v,{children:m})})},m))})}V.propTypes={scope:n.string};V.defaultProps={scope:""};const ee=r=>{const{prefix:d}=_(),{blocklet:t}=qe(),m=re(d,"/api/media/upload",t.appPid),l=b.useCallback(g=>g?g.startsWith("http")?g:`${re(d,"/api/media/upload",t.appPid)}/${g}`:"",[d,t.appPid]);return{clientLogoUrl:b.useMemo(()=>l(r),[r,l]),apiPath:m,getClientLogoUrl:l}},Ee=b.lazy(()=>Se(()=>import("./index-DBsI6F1Z.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13])).then(r=>({default:r.Uploader})));function xe({client:r,onUpdate:d,onClose:t}){const[m,l]=b.useState(!1),{t:s,locale:g}=F(),h=b.useRef(null),{api:f}=_(),{teamDid:A}=B(),{control:a,handleSubmit:k,formState:{errors:x},watch:w,setValue:R,getValues:N}=he({defaultValues:{clientName:r.clientName||"",clientUri:r.clientUri||"",redirectUris:Array.isArray(r.redirectUris)?r.redirectUris.join(","):"",scope:r.scope?r.scope.split(" "):["profile:read"],contacts:Array.isArray(r.contacts)?r.contacts.join(","):"",tosUri:r.tosUri||"",policyUri:r.policyUri||"",logoUri:r.logoUri||""},mode:"onChange"}),c=w("scope"),u=w("logoUri"),{clientLogoUrl:O,apiPath:W}=ee(u),q=o=>{o!=="profile:read"&&R("scope",c.includes(o)?c.filter(i=>i!==o):[...c,o])},D=async o=>{const i={clientId:r.clientId,clientName:o.clientName.trim(),clientUri:o.clientUri,redirectUris:o.redirectUris.split(",").map(C=>C.trim()).filter(Boolean),contacts:o.contacts?o.contacts.split(",").map(C=>C.trim()):[],scope:o.scope.join(" "),tosUri:o.tosUri,policyUri:o.policyUri,logoUri:o.logoUri};await f.updateOAuthClient({input:{teamDid:A,input:i}})},L=async o=>{l(!0);try{await D(o),d(),t()}catch(i){M.error(i.message||s("oauth.client.updateFailed"))}finally{l(!1)}};return e.jsxs(G,{open:!0,onClose:t,maxWidth:"md",fullWidth:!0,children:[e.jsxs(X,{children:[s("oauth.client.update")," ",e.jsx(Q,{onClick:t,sx:{position:"absolute",right:8,top:8},children:e.jsx(H,{})})]}),e.jsx(Y,{children:e.jsxs(z,{spacing:3,sx:{mt:2},children:[e.jsxs(p,{sx:{mb:3},children:[e.jsx(I,{variant:"subtitle1",sx:{fontWeight:500,mb:1},children:s("oauth.client.logo")}),e.jsxs(p,{children:[e.jsx(p,{sx:{width:120,height:120,position:"relative",borderRadius:"4px",overflow:"hidden"},children:O?e.jsx(p,{children:e.jsx("img",{src:O,alt:"client-logo",style:{width:"100%",height:"100%"}})}):e.jsx(p,{onClick:()=>{var o;(o=h.current)==null||o.open()},sx:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",bgcolor:"grey.200"},children:e.jsx(de,{sx:{fontSize:40,color:"common.white"}})})}),e.jsx(E,{sx:{mt:2},variant:"outlined",size:"small",onClick:()=>{var o;(o=h.current)==null||o.open()},children:s(O?"common.change":"common.upload")})]}),e.jsx(p,{sx:{display:"flex",alignItems:"center"},children:e.jsx(b.Suspense,{fallback:e.jsx(Pe,{}),children:e.jsx(Ee,{ref:h,locale:g,popup:!0,onUploadFinish:o=>{R("logoUri",o.data.filename),D(N()).then(()=>{d()}).catch(i=>{M.error(i.message||s("oauth.client.updateFailed"))}).finally(()=>{var i;(i=h.current)==null||i.close()})},plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:W,disableMediaKitPrefix:!0,disableAutoPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileTypes:["image/png","image/jpeg","image/webp","image/svg+xml"],maxFileSize:1024*1024*.5,maxNumberOfFiles:1}},dashboardProps:{autoOpen:"imageEditor"},imageEditorProps:{actions:{revert:!0,rotate:!0,granularRotate:!0,flip:!0,zoomIn:!0,zoomOut:!0,cropSquare:!1,cropWidescreen:!1,cropWidescreenVertical:!1},cropperOptions:{autoCrop:!0,aspectRatio:1,initialAspectRatio:1,autoCropArea:1,croppedCanvasOptions:{minWidth:256,minHeight:256}}}},"uploader-logo")})})]}),e.jsx(I,{variant:"subtitle1",sx:{fontWeight:500},children:s("oauth.client.requiredInformation")}),e.jsx(T,{label:"Client Id",fullWidth:!0,value:r.clientId,disabled:!0}),e.jsx(p,{children:e.jsx(S,{name:"clientName",control:a,rules:{required:s("oauth.client.validate.clientName"),minLength:{value:3,message:s("oauth.client.validate.clientNameMinLength")}},render:({field:o})=>{var i;return e.jsxs(e.Fragment,{children:[e.jsx(T,{...o,label:s("oauth.client.name"),required:!0,fullWidth:!0,error:!!x.clientName,helperText:(i=x.clientName)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.clientName")})]})}})}),e.jsx(p,{children:e.jsx(S,{name:"clientUri",control:a,rules:{required:s("oauth.client.validate.clientUri"),pattern:{value:/^https?:\/\/.+/,message:s("oauth.client.validate.clientUriInvalid")}},render:({field:o})=>{var i;return e.jsxs(e.Fragment,{children:[e.jsx(T,{...o,label:s("oauth.client.input.clientUri"),required:!0,fullWidth:!0,error:!!x.clientUri,helperText:(i=x.clientUri)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.clientUri")})]})}})}),e.jsx(p,{children:e.jsx(S,{name:"redirectUris",control:a,rules:{required:s("oauth.client.validate.redirectUris"),pattern:{value:/^https?:\/\/.+/,message:s("oauth.client.validate.redirectUrisInvalid")}},render:({field:o})=>{var i;return e.jsxs(e.Fragment,{children:[e.jsx(T,{...o,label:s("oauth.client.input.redirectUris"),required:!0,fullWidth:!0,multiline:!0,rows:2,error:!!x.redirectUris,helperText:(i=x.redirectUris)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.redirectUris")})]})}})}),e.jsxs(p,{sx:{display:"none"},children:[e.jsx(I,{variant:"subtitle2",sx:{mb:1},children:s("oauth.client.input.permissions")}),e.jsx(p,{sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:2},children:e.jsx(oe,{children:Object.entries(K.OAUTH_SCOPES).map(([o,i])=>e.jsx(se,{control:e.jsx(ae,{checked:c.includes(o),onChange:()=>q(o),disabled:o==="profile:read",color:"primary"}),label:e.jsx(p,{children:e.jsx(I,{variant:"body2",sx:{fontWeight:500},children:i})})},o))})})]}),e.jsx(J,{}),e.jsx(I,{variant:"subtitle1",sx:{fontWeight:500},children:s("oauth.client.optionalInformation")}),e.jsx(p,{children:e.jsx(S,{name:"contacts",control:a,rules:{pattern:{value:/^$|^[^@\s]+@[^@\s]+\.[^@\s]+(\s*,\s*[^@\s]+@[^@\s]+\.[^@\s]+)*$/,message:s("oauth.client.validate.contacts")}},render:({field:o})=>{var i;return e.jsxs(e.Fragment,{children:[e.jsx(T,{...o,label:s("oauth.client.input.contacts"),fullWidth:!0,error:!!x.contacts,helperText:(i=x.contacts)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.contacts")})]})}})}),e.jsxs(z,{direction:{xs:"column",sm:"row"},spacing:2,children:[e.jsx(S,{name:"tosUri",control:a,rules:{pattern:{value:/^$|^https?:\/\/.+/,message:s("oauth.client.validate.tosUriInvalid")}},render:({field:o})=>{var i;return e.jsxs(p,{sx:{width:"50%"},children:[e.jsx(T,{...o,label:s("oauth.client.input.tosUri"),fullWidth:!0,error:!!x.tosUri,helperText:(i=x.tosUri)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.tosUri")})]})}}),e.jsx(S,{name:"policyUri",control:a,rules:{pattern:{value:/^$|^https?:\/\/.+/,message:s("oauth.client.validate.policyUriInvalid")}},render:({field:o})=>{var i;return e.jsxs(p,{sx:{width:"50%"},children:[e.jsx(T,{...o,label:s("oauth.client.input.policyUri"),fullWidth:!0,error:!!x.policyUri,helperText:(i=x.policyUri)==null?void 0:i.message}),e.jsx(y,{children:s("oauth.client.helperText.policyUri")})]})}})]}),x.error&&e.jsx(ce,{severity:"error",children:x.error.message})]})}),e.jsxs(ue,{children:[e.jsx(E,{onClick:t,children:s("common.cancel")}),e.jsx(E,{onClick:k(L),disabled:m,variant:"contained",color:"primary",children:m?e.jsx(Z,{size:16}):s("common.update")})]})]})}xe.propTypes={client:n.shape({clientId:n.string.isRequired,clientName:n.string.isRequired,clientUri:n.string,redirectUris:n.arrayOf(n.string),scope:n.string,contacts:n.arrayOf(n.string),tosUri:n.string,policyUri:n.string,logoUri:n.string}).isRequired,onUpdate:n.func.isRequired,onClose:n.func.isRequired};function je({client:r,onUpdate:d,onClose:t}){return e.jsx(xe,{client:r,onUpdate:m=>d(m),onClose:t})}je.propTypes={client:n.shape({clientId:n.string.isRequired,clientName:n.string.isRequired,clientUri:n.string,redirectUris:n.arrayOf(n.string),scope:n.string,contacts:n.arrayOf(n.string),tosUri:n.string,policyUri:n.string,logoUri:n.string}).isRequired,onUpdate:n.func.isRequired,onClose:n.func.isRequired};function te(r){const{t:d}=F(),{api:t}=_(),{teamDid:m}=B(),{clientId:l,clientName:s,onDelete:g=()=>{},onClose:h=()=>{}}=r,f=()=>{h()},A=async()=>{try{await t.deleteOAuthClient({input:{teamDid:m,clientId:l}}),g()}catch(k){M.error(k==null?void 0:k.message)}finally{f()}},a={keyName:s,title:d("oauth.client.delete.title"),description:d("oauth.client.delete.description",{name:`<b>${s}</b>`}),confirmPlaceholder:d("oauth.client.delete.description",{name:s}),confirm:d("common.delConfirm"),cancel:d("common.cancel"),onConfirm:A,onCancel:f};return e.jsx(Ne,{keyName:a.keyName,title:a.title,description:a.description,confirmPlaceholder:a.confirmPlaceholder,confirm:a.confirm,cancel:a.cancel,params:a.params,onConfirm:a.onConfirm,onCancel:a.onCancel})}te.propTypes={clientId:n.string.isRequired,clientName:n.string.isRequired,onDelete:n.func,onClose:n.func};te.defaultProps={onDelete:()=>{},onClose:()=>{}};function ge({title:r,items:d}){return e.jsxs(p,{mb:3,children:[e.jsx(I,{variant:"h6",sx:{mb:1.5},children:r}),e.jsx(z,{spacing:1.5,children:d.map(({label:t,value:m})=>e.jsxs(p,{display:"flex",alignItems:"center",gap:2,children:[e.jsx(I,{variant:"subtitle2",color:"textSecondary",sx:{minWidth:200},children:t}),e.jsx(I,{sx:{wordBreak:"break-all"},children:m||"-"})]},t))})]})}ge.propTypes={title:n.string.isRequired,items:n.arrayOf(n.shape({label:n.string.isRequired,value:n.any})).isRequired};function fe({client:r,onClose:d}){const{t,locale:m}=F(),{teamDid:l}=B(),{clientName:s,clientId:g,clientSecret:h,redirectUris:f,scope:A,clientUri:a,logoUri:k,contacts:x,tosUri:w,policyUri:R,jwksUri:N,jwks:c,softwareId:u,softwareVersion:O,clientIdIssuedAt:W,clientSecretExpiresAt:q,updatedAt:D,createUser:L}=r,{clientLogoUrl:o}=ee(k),i=j=>{try{const P=new URL(window.blocklet.appUrl);return P.pathname=j,P.toString()}catch{return"-"}},C=pe.fromAppDid(g,l),U=[{title:t("common.baseInfo"),items:[{label:t("oauth.client.name"),value:s},{label:t("oauth.client.logoUri"),value:e.jsx(ne,{variant:"rounded",shape:"square",src:o,did:C.address,size:64})},{label:t("oauth.client.clientUri"),value:a?e.jsx(v,{children:a}):"-"},{label:t("oauth.client.clientId"),value:e.jsx(v,{children:g})},{label:t("oauth.client.clientSecret"),value:e.jsx(v,{children:h})},{label:t("oauth.client.redirectUris"),value:e.jsx(v,{children:(f||[]).join(", ")})},{label:t("oauth.client.scope"),value:e.jsx(V,{scope:A})},{label:t("oauth.client.createUser"),value:L?We(L,!0):t("oauth.client.openRegistration")}]},{title:t("oauth.client.oauthEndpoints"),items:[{label:t("oauth.client.openidConfiguration"),value:e.jsx(v,{children:i("/.well-known/openid-configuration")})},{label:t("oauth.client.authorizationEndpoint"),value:e.jsx(v,{children:i("/.well-known/service/oauth/authorize")})},{label:t("oauth.client.tokenEndpoint"),value:e.jsx(v,{children:i("/.well-known/service/oauth/token")})},{label:t("oauth.client.userinfoEndpoint"),value:e.jsx(v,{children:i("/.well-known/service/oauth/userinfo")})},{label:t("oauth.client.jwksUri"),value:e.jsx(v,{children:i("/.well-known/service/oauth/jwks")})},{label:t("oauth.client.registrationEndpoint"),value:e.jsx(v,{children:i("/.well-known/service/oauth/register")})},{label:t("oauth.client.endSessionEndpoint"),value:e.jsx(v,{children:i("/.well-known/service/oauth/logout")})}]},{title:t("oauth.client.metaContact"),items:[{label:t("oauth.client.contacts"),value:x.length?e.jsx(v,{children:(x||[]).join(", ")}):"-"},{label:t("oauth.client.tosUri"),value:w?e.jsx(v,{children:w}):"-"},{label:t("oauth.client.policyUri"),value:R?e.jsx(v,{children:R}):"-"},{label:t("oauth.client.jwksUri"),value:N},{label:t("oauth.client.jwks"),value:c},{label:t("oauth.client.softwareId"),value:u},{label:t("oauth.client.softwareVersion"),value:O}]},{title:t("common.timeInfo"),items:[{label:t("oauth.client.clientIdIssuedAt"),value:W?e.jsx($,{value:W*1e3,type:"all",locale:m}):"-"},{label:t("oauth.client.clientSecretExpiresAt"),value:q?e.jsx($,{value:q*1e3,type:"all",locale:m}):"-"},{label:t("common.updatedAt"),value:D?e.jsx($,{value:D,type:"all",locale:m}):"-"}]}].filter(Boolean);return e.jsxs(G,{open:!0,onClose:d,maxWidth:"lg",fullWidth:!0,children:[e.jsxs(X,{children:[t("oauth.client.oauthAppDetails"),e.jsx(Q,{onClick:d,sx:{position:"absolute",right:8,top:8},children:e.jsx(H,{})})]}),e.jsx(Y,{children:e.jsx(p,{mt:1,children:U.map((j,P)=>e.jsxs(p,{children:[e.jsx(ge,{title:j.title,items:j.items}),P!==U.length-1&&e.jsx(J,{sx:{my:2}})]},j.title))})})]})}fe.propTypes={client:n.object.isRequired,onClose:n.func.isRequired};function Fe(r){return e.jsx($,{value:r*1e3})}function ie({selected:r,onClose:d}){return r?e.jsx(fe,{client:r,onClose:d}):null}ie.propTypes={selected:n.object,onClose:n.func.isRequired};ie.defaultProps={selected:null};function Ue({open:r,onCreated:d,onClose:t}){return r?e.jsx(me,{onCreated:d,onClose:t}):null}Ue.propTypes={open:n.bool.isRequired,onCreated:n.func.isRequired,onClose:n.func.isRequired};function kt(){var o;const[r,d]=b.useState({searchText:"",pageSize:10,page:1}),[t,m]=b.useState(null),[l,s]=b.useState(!1),g=b.useRef(null),{t:h,locale:f}=F(),{api:A}=_(),{teamDid:a}=B(),[k,x]=b.useState(null),[w,R]=b.useState(null),N=De(),{getClientLogoUrl:c}=ee(),u=Re(async()=>await A.getOAuthClients({input:{teamDid:a,paging:{page:r.page,pageSize:r.pageSize}}}),[r.page,r.pageSize]),{loading:O}=u,W=b.useMemo(()=>{var i;return((i=u.value)==null?void 0:i.list)||[]},[(o=u.value)==null?void 0:o.list]),q=b.useMemo(()=>r.searchText?W.filter(i=>i.clientName.toLowerCase().includes(r.searchText.toLowerCase())||i.clientId.toLowerCase().includes(r.searchText.toLowerCase())||i.scope.toLowerCase().includes(r.searchText.toLowerCase())):W,[r.searchText,W]),D=b.useMemo(()=>[{label:h("oauth.client.name"),name:"clientName",options:{customBodyRender:(i,{rowIndex:C})=>{const U=q[C],j=c(U.logoUri),P=pe.fromAppDid(U.clientId,a);return e.jsx(p,{sx:{display:"flex",alignItems:"center",gap:2},children:e.jsxs(p,{display:"flex",alignItems:"center",gap:2,sx:{cursor:"pointer"},onClick:be=>{be.stopPropagation(),window.open(U.clientUri,"_blank")},children:[e.jsx(ne,{variant:"rounded",shape:"square",did:P.address,src:j,size:48}),e.jsxs(z,{gap:.5,children:[e.jsx(p,{sx:{color:"text.primary"},children:U.clientName}),e.jsx(p,{sx:{color:"text.secondary"},children:U.clientUri})]})]})})}}},{label:h("oauth.client.clientId"),name:"clientId"},{label:h("oauth.client.scope"),name:"scope",options:{customBodyRender:i=>e.jsx(V,{scope:i})}},{label:h("common.createdAt"),name:"clientIdIssuedAt",options:{customBodyRender:Fe}},{label:h("common.actions"),name:"actions",width:100,align:"center",verticalKeyAlign:"center",options:{customBodyRender:(i,{rowIndex:C})=>{const U=q[C];return e.jsx(ze,{actions:[{icon:e.jsx(Ie,{}),text:h("common.edit"),onClick:j=>{j.stopPropagation(),x(U)}},{icon:e.jsx(ye,{}),text:h("common.delete"),onClick:j=>{j.stopPropagation(),R(U)}}]})}}}],[q,h,c,a,x,R]),L=({page:i,rowsPerPage:C,searchText:U})=>{r.pageSize!==C?d(j=>({...j,searchText:"",pageSize:C,page:1})):r.page!==i+1?d(j=>({...j,searchText:"",page:i+1})):r.searchText!==U&&d(j=>({...j,searchText:U,page:1}))};return e.jsxs(p,{ref:g,sx:{".custom-toobar-btns":{gap:"8px"},".custom-toobar-title .custom-toobar-title-inner>span":{display:"flex",alignItems:"center","white-space":"inherit",height:"100%"}},children:[N?e.jsx(le,{title:h("oauth.client.listTitle"),tooltipTitle:h("oauth.client.tooltipTitle"),link:`https://www.arcblock.io/docs/blocklet-developer/${f}/oauth-service`}):null,e.jsx(Ce,{data:q,columns:D,options:{sort:!1,download:!1,filter:!1,print:!1,viewColumns:!1,page:r.page-1,rowsPerPage:r.pageSize,count:q.length,searchDebounceTime:400,onRowClick(i,{dataIndex:C},U){var j;if((j=g.current)!=null&&j.contains(U.target)){const P=q[C];m(P)}}},onChange:L,title:N?null:e.jsx(le,{title:h("oauth.client.listTitle"),tooltipTitle:h("oauth.client.tooltipTitle"),link:`https://www.arcblock.io/docs/blocklet-developer/${f}/oauth-service`}),customButtons:[e.jsxs(E,{variant:"contained",size:"small",onClick:()=>s(!0),children:[O?e.jsx(Z,{size:16}):e.jsx(de,{style:{fontSize:16}}),h("common.create")]},"add")],loading:!1,emptyNode:e.jsx(we,{children:h("oauth.client.empty")})}),e.jsx(ie,{selected:t,onClose:()=>m(null)}),e.jsx(Ue,{open:l,onCreated:()=>{s(!1),u.retry()},onClose:()=>s(!1)}),k&&e.jsx(je,{client:k,onUpdate:u.retry,onClose:()=>x(null)}),w&&e.jsx(te,{...w,onDelete:u.retry,onClose:()=>R(null)})]})}export{kt as default};

package/dist/assets/localization-CTcPOuKl.js

@@ -0,0 +1 @@
+import{j as o}from"./vendor-mui-core-Bh-qMRq3.js";import"./vendor-react-DEoibe3W.js";import{S as t}from"./studio-A7rMh4Xk.js";import"./vendor-ux-did-connect-Qap4yrMu.js";import"./vendor-utils-rHXShPKm.js";import"./vendor-hooks-DpwFseeF.js";import"./lottie-web-jYmAQWuC.js";import"./vendor-arcblock-C99E80cF.js";import"./TuneOutlined-OuRuIP5i.js";function d(){return o.jsx(t,{children:"Coming soon..."})}export{d as default};