@abtnode/blocklet-services 1.16.44-beta-20250513-030435-c2d99062 → 1.16.44-beta-20250518-020443-77ba168f

package/dist/assets/list-CUP3NH6M.js

@@ -0,0 +1,236 @@
+import{r as p}from"./vendor-react-DEoibe3W.js";import{H as a,j as r,bc as ee,ad as se,e as M,be as le,aa as m,ah as L,T as S,v as W,X as ce,bK as Ne,bL as it,aq as ot,ai as at,a9 as ze,m as lt,bY as ct,y as dt,s as ut,I as pt}from"./vendor-mui-core-Bh-qMRq3.js";import{f as z,u as ie,m as ht}from"./vendor-hooks-Zkb4Ilbj.js";import{a as de,h as mt,aI as ft,j as Le,y as B,X as ue,b1 as pe,b5 as gt,r as De,I as Ee,bh as xt}from"./vendor-ux-did-connect-Ck9lzrbN.js";import{S as yt}from"./index-C849wD9b.js";import{B as vt}from"./bundle-avatar-BbIyJr7P.js";import{a as bt,p as Ce,g as he,b as me,c as U,s as Q,H as jt,u as _e,M as He,d as X,e as wt,m as kt,i as Tt}from"./use-blocklet-logo-Bv56-gH-.js";import{l as Se,F as It,z as Rt}from"./index-BiIZw9KG.js";import{A as O,ag as Ct,z as qe,b as D,a0 as St}from"./vendor-utils-rHXShPKm.js";import{u as Y,p as Mt,h as J,f as We,w as $t}from"./vendor-arcblock-DPRICUXM.js";import{d as Pt}from"./InfoOutlined-BIr5nkjV.js";import{d as At}from"./CheckCircle-JXD6tKIa.js";import{U as Nt,C as zt,I as Lt}from"./index-DoCu_ga_.js";import{p as Dt}from"./util-CVjZG67N.js";function fe({blocklet:e,style:t,size:s,...n}){const o=bt({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:o,alt:"",style:{width:s}})})}fe.propTypes={blocklet:a.object.isRequired,style:a.object,size:a.oneOfType([a.number,a.string])};fe.defaultProps={style:{},size:40};function Me(e){return e.includes(" ")?new Date(e.replace(" ","T").replace(" ","")).getTime():new Date(e).getTime()}function te({value:e,shouldUpdate:t=!1,...s}){const{t:n,locale:o}=de(),[c,i]=p.useState(0);if(p.useEffect(()=>{let v;if(t){const j=Me(e),k=Date.now(),T=Math.abs(Math.floor((j-k)/1e3)),d=()=>{i(h=>{const f=Math.random()*1e3;return parseFloat((h+f).toFixed(4))})};T<60?v=setInterval(d,1e3):T<60*60?v=setInterval(d,6e4):v=setInterval(d,36e5)}return()=>{clearInterval(v)}},[e,c,t]),!e)return"-";const l={locale:It(o),compact:!0},u=Me(e),y=Date.now();if(u>y){const v=Ce(u-y,l);return r.jsx(se,{title:Se(e,o),placement:"top-end",enterTouchDelay:0,children:r.jsx("span",{...s,children:n("common.afterTime",{time:v})})})}const x=Ce(y-u,l);return r.jsx(se,{title:Se(e,o),placement:"top-end",enterTouchDelay:0,children:r.jsx("span",{...s,children:n("common.timeAgo",{time:x})})})}te.propTypes={value:a.any,shouldUpdate:a.bool};te.defaultProps={value:"",shouldUpdate:!1};const Et=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},_t=e=>e.every(t=>t.type==="text"),Ht=e=>e.every(t=>t.type==="image"),qt=e=>Ct(e,2).map(t=>({type:"combined",items:t})).filter(t=>(t.items||[]).every(s=>{var n,o,c;return(c=(o=(n=s==null?void 0:s.data)==null?void 0:n.text)==null?void 0:o.trim)==null?void 0:c.call(o)})),Wt=e=>{if(!e.length||e.length<=1)return!1;const t=e[0].type;return e.every(s=>s.type===t)},Ut=(e,t)=>{try{const s=mt.toTypeInfo(e);if(!(s.role!==void 0&&s.role!==ft.types.RoleType.ACCOUNT))return;const o=O(Le.WELLKNOWN_SERVICE_PATH_PREFIX,"user");return qe(o,{did:e,locale:t})}catch(s){console.error(s);return}},Bt=(e,t)=>{var n;const s=(n=t==null?void 0:t.componentMountPoints)==null?void 0:n.find(o=>o.did===e);return s==null?void 0:s.mountPoint},Ot=(e,t)=>{var o,c,i;if(!e)return null;if(((o=e.actions)==null?void 0:o.length)===1)return e.actions[0].link||null;const s=he(e.activity),n=(s==null?void 0:s.metaLink)||(s==null?void 0:s.targetLink);if(n)return me(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},oe=e=>{const{receivers:t=[]}=e;return t.length?t.every(s=>s.read):!0};function Ft(e){const t=e.getBoundingClientRect(),s=window.innerWidth||document.documentElement.clientWidth,n=window.innerHeight||document.documentElement.clientHeight,o=t.height,c=t.width;let i=0;t.top>=0&&t.bottom<=n?i=o: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/(o*c)>=.5}const Vt=e=>{if(!e)return[];const t=[],s=5,n=Array.from(e.querySelectorAll(".notification-row")),o=n.length;for(let c=0;c<o;c+=s){const i=n.slice(c,c+s);let l=!0;for(const u of i){const y=u.id;if(Ft(u))t.push(y);else{l=!1;break}}if(!l)break}return t},Ue=e=>{var s;const t=[];return e&&((s=e.items)!=null&&s.length?e.items.forEach(n=>{oe(n)||t.push(n)}):oe(e)||t.push(e)),t},Gt=(e,t)=>{let s=[];return t.length&&t.forEach(n=>{const o=e.get(n);o&&(s=s.concat(Ue(o)))}),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 Be({attachment:e}){const{data:t}=e,s=M();let n="";try{n=new URL(t.url).host}catch{n=t.url}return r.jsxs(le,{target:"_blank",rel:"noopener noreferrer",href:t.url,className:"link",style:{wordBreak:"break-all"},onClick:o=>{o.customPreventRedirect=!0},children:[!!n&&r.jsx("span",{className:"url",children:n}),!!t.title&&r.jsx(m,{className:"title",style:{whiteSpace:"unset"},children:t.title}),!!t.description&&r.jsx(m,{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))})]})}Be.propTypes={attachment:a.object.isRequired};function Oe({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))})}Oe.propTypes={attachment:a.object.isRequired};function Fe({attachment:e,...t}){var l;const{data:s}=e,n=((l=s.color)==null?void 0:l.toLowerCase())||t.color,o=s.size||t.size,c=s.fontWeight||t.fontWeight||400;let i="14px";return o==="small"?i="12px":o==="normal"?i="14px":o==="big"?i="16px":o==="large"&&(i="18px"),r.jsx(Kt,{className:"title",style:{fontSize:i,color:n,whiteSpace:"unset",fontWeight:c},children:s.text})}Fe.propTypes={attachment:a.object.isRequired};const Kt=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;
+`;ge.propTypes={locale:a.string,data:a.object.isRequired};ge.defaultProps={locale:"en"};function ge({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:x=>{x.customPreventRedirect=!0},children:r.jsxs(m,{display:"flex",flexDirection:"column",children:[r.jsxs(m,{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(m,{sx:y,children:[r.jsx(S,{component:"div",style:E({...Q.remarkStyle,fontSize:14},l),children:s}),r.jsx(m,{maxWidth:260,fontSize:14,children:r.jsx(ue,{did:t.address,showQrcode:!0,copyable:!0,compact:!0,responsive:!0,locale:e})})]})]})})}xe.propTypes={locale:a.string,data:a.object.isRequired};xe.defaultProps={locale:"en"};function xe({locale:e,data:t}){var x,v;const s={zh:"接收",en:"Received"}[e]||"Received",n={zh:"来自",en:"from"}[e]||"from",o=U.getUrlHost(t.chainHost)||U.getChainHost(t.chainId),c=t.did||((v=(x=t==null?void 0:t.credential)==null?void 0:x.issuer)==null?void 0:v.id)||"",i=`https://${o}/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(m,{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(m,{display:"flex",flexDirection:"column",children:[r.jsxs(m,{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(m,{sx:y,children:[r.jsx(S,{component:"div",style:E({...Q.remarkStyle,fontSize:14},u),children:n}),r.jsx(m,{maxWidth:260,fontSize:14,children:r.jsx(ue,{did:c,showQrcode:!0,copyable:!0,compact:!0,responsive:!0,locale:e})})]}):null]})})})}Ve.propTypes={data:a.object.isRequired,locale:a.string};function Ve({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:o=>{o.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(m,{maxWidth:260,fontSize:10,children:r.jsx(ue,{did:e.appDID,showQrcode:!0,copyable:!0,compact:!0,responsive:!0,locale:t})})]})]})}ye.propTypes={locale:a.string,data:a.object.isRequired};ye.defaultProps={locale:"en"};function ye({locale:e,data:t}){const s=U.getChainHost(t.chainId),n=`https://${s}/explorer/txs/${t.hash}`,o={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:o}),r.jsxs("div",{style:{wordBreak:"break-all"},children:[c,": ",t.hash]})]})}function Ge({attachment:e,...t}){const{local:s}=p.useContext(pe),n=W(c=>c.breakpoints.down("md")),o=M();return r.jsxs(Qt,{...t,isMd:n,children:[e.type==="link"&&r.jsx(Be,{attachment:e,...t,isMd:n}),e.type==="image"&&r.jsx(Oe,{attachment:e,isMd:n}),e.type==="text"&&r.jsx(Fe,{attachment:e,isMd:n}),e.type==="token"&&r.jsx(ge,{data:e.data,local:s,isMd:n}),e.type==="asset"||e.type==="vc"?r.jsx(xe,{data:e.data,local:s,isMd:n}):null,e.type==="dapp"&&r.jsx(Ve,{data:e.data,local:s,isMd:n}),e.type==="transaction"&&r.jsx(ye,{data:e.data,local:s,...t,isMd:n}),e.type==="divider"&&r.jsx(ce,{sx:{mb:1,mt:1},style:{color:o.palette.divider}})]})}const Qt=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;
+  }
+`;Ge.propTypes={attachment:a.object.isRequired};function Ke({data:e,...t}){const{items:s}=e;return r.jsx(Xt,{...t,children:s.map(n=>r.jsxs(Ne,{variant:"outlined",sx:{p:2,borderRadius:"8px",minWidth:128},children:[r.jsxs(m,{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(m,{className:"metric-name",display:"flex",alignItems:"center",children:[n.title,n.subtitle?r.jsx(se,{title:n.subtitle,arrow:!0,placement:"top",children:r.jsx(Pt,{fontSize:"small",sx:{fontSize:14,ml:.5}})}):null]})]}),r.jsxs(m,{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 Xt=L(m)`
+  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);
+  }
+`;Ke.propTypes={data:a.object.isRequired};function Qe({data:e}){const{items:t}=e,s=W(i=>i.breakpoints.down("sm")),n=W(i=>i.breakpoints.down("md")),o=W(i=>i.breakpoints.down("lg")),c=()=>s?1:n?3:o?4:6;return r.jsx(it,{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(ot,{children:r.jsx(B,{src:l,alt:i.title||"",style:{borderRadius:"8px"},fallback:F(l)})})},l):null})})}Qe.propTypes={data:a.object.isRequired};function ve({data:e,feedType:t,...s}){return r.jsxs(Yt,{...s,children:[t==="data-tracker"&&e.type==="table"&&r.jsx(Ke,{data:e}),(t==="graphic"||t==="gallery")&&r.jsx(Qe,{data:e})]})}const Yt=L.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  margin-bottom: 4px;
+  &:last-child {
+    margin-bottom: 0;
+  }
+`;ve.propTypes={data:a.object.isRequired,feedType:a.string};ve.defaultProps={feedType:"data-tracker"};G.propTypes={data:a.object.isRequired,style:a.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 Xe({data:e}){const t=[];for(let s=0;s<(e==null?void 0:e.length);s+=2){const n=e[s],o=e[s+1];n&&o?t.push(r.jsxs($e,{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:o.data,style:{wordBreak:"break-all"}})})]},s)):n&&t.push(r.jsx($e,{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})})}Xe.propTypes={data:a.array.isRequired};const $e=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 be({notification:e,severity:t,showSke:s=!0}){const{attachments:n,data:o,...c}=e,i=W(x=>x.breakpoints.down("md"));if((!n||!n.length)&&D(o))return null;const l=Et(t),u=(x,v=!1)=>{if(!x&&!Array.isArray(x))return null;let j=x,k={},T="horizontal";v&&_t(x)&&(j=qt(x),T="vertical",k={display:"flex",gap:8,flexDirection:"row",justifyContent:"flex-start",flexWrap:"wrap",height:"100%",width:i||j.length===1?"100%":"28%"});const d=Wt(j);return r.jsx(m,{sx:{width:"100%",display:"flex",gap:1,flexDirection:v?"row":"column",justifyContent:"flex-start",alignItems:v?"center":"unset",flexWrap:"wrap"},children:j.map((h,f)=>h.type==="section"?r.jsx(Xe,{data:h.fields},f):r.jsxs(p.Fragment,{children:[r.jsx(Ge,{attachment:h,style:k,...c}),!(i&&T==="vertical")&&d&&j.length>1&&f!==j.length-1?r.jsx(ce,{orientation:T,style:{color:gt.dividerColor},sx:T==="vertical"?{ml:2,mr:2,height:32}:{}}):null]},f))})},y=Ht(n);return r.jsx(Jt,{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(Ne,{variant:"outlined",sx:{p:i?1:2,borderRadius:"8px",minWidth:128,borderColor:l},children:u(n)})}),!D(o)&&r.jsx("div",{className:"message-container",children:r.jsx("div",{className:"data-container",children:r.jsx(ve,{data:o,feedType:e.feedType})})}),n.length===0&&D(o)&&s&&r.jsx(at,{className:"attach-ske",style:{marginTop:10},variant:"rectangular",height:150})]})})}const Jt=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;
+    }
+  }
+`;be.propTypes={severity:a.string.isRequired,notification:a.object.isRequired,showSke:a.bool};be.defaultProps={showSke:!0};const ne=e=>Mt.sanitize(e,{ALLOWED_ATTR:["href","target","rel","class","id","style"]}),Zt=async(e,t)=>{const{type:s,did:n}=e;return We.isSameAddr(s,"did")?await Ut(n,t)||J.getLink(e):J.getLink(e)};function er(e){return new TextEncoder().encode(e).length>=1e4}const tr=async(e,t,s=!0)=>{let n=e;er(e)&&(n=e.slice(0,1e4));const o=J.toTextList(n);return await Promise.all(o.map(async i=>{if(i instanceof J.Link){if(s){const l=await Zt(i,t),{type:u,chainId:y,did:x}=i;return We.isSameAddr(u,"dapp")?`<em style="font-weight:bold;" data-type="${u}" data-chain-id="${y}" data-did="${x}">${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="${x}">${i.text}</em>`}return i.text}return i})).then(i=>i.join(""))};Ye.propTypes={notification:a.object,rows:a.number,minimal:a.bool};function Ye({notification:e,rows:t=2,minimal:s=!1}){const[n,o]=p.useState(!1),[c,i]=p.useState(""),{t:l,locale:u}=de(),{palette:y}=M(),x=p.useMemo(()=>{const{attachments:f}=e||{};if(!f)return!1;try{return f.length>0}catch{return!1}},[e]),v=p.useMemo(()=>{const{blocks:f}=e||{};if(!f)return!1;try{return f.length>0}catch{return!1}},[e]),j=p.useMemo(()=>{const{description:f}=e||{};return!!f},[e]),k=p.useMemo(()=>{const{data:f}=e||{};return!D(f)},[e]),T=p.useMemo(()=>x||v||j||k,[x,v,j,k]);if(p.useEffect(()=>{tr((e==null?void 0:e.description)??"",u).then(f=>{i(f)})},[e==null?void 0:e.description,u]),!T)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>`,h=f=>{const{target:b}=f;b.getAttribute("data-name")==="toggle-expanded"&&(o(!n),f.customPreventRedirect=!0)};return r.jsxs(rr,{color:s?y.primary.contrastText:"",children:[r.jsx(m,{className:"text-container",component:"div",onClick:h,children:c&&(!n&&t>0?r.jsx(jt,{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&&(x||k)?r.jsx(be,{severity:e.severity,notification:e}):null]})}const rr=L(m)`
+  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;
+    }
+  }
+`,nr=p.memo(Ye);var je={},sr=ze;Object.defineProperty(je,"__esModule",{value:!0});var Je=je.default=void 0,ir=sr(De()),or=r;Je=je.default=(0,ir.default)((0,or.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 we={},ar=ze;Object.defineProperty(we,"__esModule",{value:!0});var Ze=we.default=void 0,lr=ar(De()),cr=r;Ze=we.default=(0,lr.default)((0,cr.jsx)("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"}),"Warning");const dr={error:Je,warning:Ze,info:$t,success:At};ke.propTypes={severity:a.oneOf(["error","warning","info","success"]).isRequired,size:a.number};ke.defaultProps={size:32};function ke({severity:e="info",size:t=32}){const s=M(),o=z(()=>({error:s.palette.error.main,warning:s.palette.warning.main,info:s.palette.info.main,success:s.palette.success.main}))[e],c=dr[e],i=lt(o,.1);return r.jsx(ee,{sx:{width:t,height:t,bgcolor:i,color:o},children:r.jsx(c,{fontSize:"small"})})}const 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="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>'},pr={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>'},hr={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>'},mr={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>'},fr={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"/>'},Pe={comment:{icon:ur,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:pr,bgColor:"rgba(238, 242, 255, 1)",color:"rgba(97, 95, 255, 1)"},tips:{icon:hr,bgColor:"rgba(254, 252, 232, 1)",color:"rgba(240, 177, 0, 1)"},mention:{icon:mr,bgColor:"rgba(244, 244, 245, 1)",color:"rgba(43, 127, 255, 1)"},assign:{icon:fr,bgColor:"rgba(244, 244, 245, 1)",color:"rgba(43, 127, 255, 1)"}};Te.propTypes={activity:a.oneOf(["comment","like","follow","tips","mention","assign"]).isRequired,size:a.number};Te.defaultProps={size:32};function Te({activity:e,size:t=32}){const s=Pe[e]||Pe.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(Ee,{icon:n})})}const ae={avatar:a.string,fullName:a.string,did:a.string};function Z({actor:e,size:t,teamDid:s,inService:n,showName:o}){const c=z(()=>({...e,avatar:e!=null&&e.avatar?Dt(e.avatar,s,n):null}),[e,s,n]),i=l=>{e&&(l.stopPropagation(),window.open(qe(O(Le.WELLKNOWN_SERVICE_PATH_PREFIX,"user"),{did:e.did}),"_blank"),l.customPreventRedirect=!0)};return r.jsxs(m,{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(Nt,{user:c,showDid:!0,cardType:zt.AvatarOnly,infoType:Lt.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}}),o&&r.jsx("span",{children:e==null?void 0:e.fullName})]})}Z.propTypes={actor:a.shape(ae).isRequired,size:a.number.isRequired,teamDid:a.string,inService:a.bool,showName:a.bool};Z.defaultProps={teamDid:"",inService:!1,showName:!1};re.propTypes={actors:a.oneOfType([a.shape(ae),a.arrayOf(a.shape(ae))]).isRequired,size:a.number,maxDisplay:a.number,teamDid:a.string,inService:a.bool,showName:a.bool,avatarFallback:a.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:o=!0,showName:c=!1,avatarFallback:i=null}){const l=z(()=>{const u=Array.isArray(e)?e:[e];return St(u,"did").filter(Boolean)},[e]);return l.length===1||!l.length?r.jsx(Z,{actor:l[0],size:t,teamDid:n,inService:o,showName:c}):r.jsx(ct,{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:o},(u==null?void 0:u.did)||y):i)})}const Ae=3;rt.propTypes={notification:a.object.isRequired,isMultiple:a.bool,blocklet:a.object,mountPoint:a.string,avatarFallback:a.node};et.propTypes={notification:a.object.isRequired,mountPoint:a.string};tt.propTypes={items:a.array.isRequired,activity:a.object.isRequired,blocklet:a.object,mountPoint:a.string,viewMoreLink:a.string,avatarFallback:a.node};function et({notification:e,mountPoint:t=""}){var i;const{activity:s}=e,{type:n,meta:o={}}=s||{},c=_e({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(m,{children:[r.jsx(S,{variant:"body1",color:"text.secondary",sx:{mb:.5},children:c}),o?r.jsx(He,{meta:o,type:n}):null]})}function tt({items:e,activity:t,blocklet:s,mountPoint:n="",viewMoreLink:o="",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(pe),y=z(()=>!D(t.meta)&&Object.values(t.meta).some(d=>d!=null),[t]),x=_e({activity:t,users:e.map(d=>d==null?void 0:d.actorInfo),actors:e.map(d=>{var h;return(h=d==null?void 0:d.activity)==null?void 0:h.actor}),mountPoint:n}),v=ie(d=>{if(!d.activity)return null;const h=he(d.activity);return h!=null&&h.metaLink?me(h==null?void 0:h.metaLink)?h==null?void 0:h.metaLink:O(n,h.metaLink):null}),j=ie((d,h)=>{if(!h)return;const f=v(h);f&&(window.open(f,"_blank"),d.customPreventRedirect=!0)}),k=e.length>Ae,T=e.slice(0,Ae);return r.jsxs(m,{sx:{width:"100%"},children:[r.jsx(S,{variant:"body1",color:"text.secondary",sx:{mb:3},children:x}),y?r.jsxs(m,{className:"sub-content",display:"flex",flexDirection:"column",gap:3,children:[T.map(d=>{var h;return r.jsxs(m,{display:"flex",flexDirection:"column",gap:1,onClick:f=>j(f,d),children:[r.jsxs(m,{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)?(h=d==null?void 0:d.actorInfo)==null?void 0:h.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(m,{pl:5,children:r.jsx(He,{meta:d.activity.meta,type:d.activity.type})}):null]},d.id)}),k&&o?r.jsx(m,{mt:1,display:"flex",justifyContent:"center",children:r.jsxs(dt,{size:"large",variant:"text",component:le,href:o,target:"_blank",rel:"noopener noreferrer",onClick:d=>{d.customPreventRedirect=!0},children:["View More ",r.jsx(Ee,{icon:wt,style:{marginLeft:4}})]})}):null]}):null]})}function rt({notification:e,isMultiple:t=!1,blocklet:s,mountPoint:n="",avatarFallback:o}){const c=z(()=>{if(!e.activity)return null;const i=he(e.activity);return i!=null&&i.targetLink?me(i==null?void 0:i.targetLink)?i==null?void 0:i.targetLink:O(n,i.targetLink):null},[e.activity,n]);return t?r.jsx(tt,{items:e.items,activity:e.activity,blocklet:s,mountPoint:n,viewMoreLink:c,avatarFallback:o}):r.jsx(et,{notification:e,mountPoint:n})}function nt({notification:e}){const t=p.useMemo(()=>{const{actions:s,action:n}=e;let o=s??[];return!o.length&&n&&(o=[{name:"Visit",link:n}]),o},[e]);return t.length?r.jsx(m,{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(le,{href:s.link,target:"_blank",className:"link",rel:"noopener noreferrer",sx:{fontSize:"15px"},onClick:o=>{o.customPreventRedirect=!0},children:s.name},s.link),n<t.length-1?r.jsx(ce,{orientation:"vertical",sx:{height:12,borderWidth:"1px"}}):null]},s.link))}):null}nt.propTypes={notification:a.object.isRequired};const gr=ut(m)`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  height: 100%;
+  min-height: 500px;
+  color: #999;
+  .empty-icon {
+    margin: 10px 0;
+  }
+`;function Ie({color:e,children:t,...s}){const n=Rt(),c=M().palette.mode==="dark";return r.jsxs(gr,{...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(m,{className:"empty-content",children:t})]})}Ie.propTypes={color:a.string,children:a.any};Ie.defaultProps={color:"inherit",children:null};xr.propTypes={data:a.array,blockletMap:a.object,onReadBatch:a.func,inDialog:a.bool,highlightId:a.string,highlight:a.bool,type:a.oneOf(["server","service"])};st.propTypes={notification:a.object,blocklet:a.object,onReadBatch:a.func,inDialog:a.bool,highlight:a.bool};K.propTypes={blocklet:a.object,size:a.number,showName:a.bool,hideDot:a.bool};function K({blocklet:e,size:t=40,showName:s=!1,hideDot:n=!1}){var i,l;const o=(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(m,{className:"component-avatar",display:"flex",alignItems:"center",sx:{gap:n?"8px":"4px"},children:[!n&&r.jsx("span",{className:"dot"}),e?r.jsx(m,{children:c.includes(o)?r.jsx(fe,{blocklet:e,size:t,style:{borderRadius:8}}):r.jsx(vt,{blocklet:e,ancestors:e.ancestors??[],size:t,style:{borderRadius:8}})}):r.jsx(yt,{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 st({notification:e,blocklet:t,onReadBatch:s=()=>{},inDialog:n=!1,highlight:o}){const{locale:c}=p.useContext(pe),i=M(),l=W(b=>b.breakpoints.down("md")),u=p.useRef(null),y=p.useMemo(()=>oe(e),[e]),x=p.useMemo(()=>Tt(e),[e]),v=p.useMemo(()=>X(e),[e]),j=p.useMemo(()=>e.items||[],[e]),k=p.useMemo(()=>j.length>0,[j]),T=p.useMemo(()=>x?k?j.map(b=>{var P;return X(b)?b.actorInfo:{did:(P=b.activity)==null?void 0:P.actor}}).filter(Boolean):e.actorInfo??[]:[],[j,e.actorInfo,k,x]),d=p.useMemo(()=>{var b;return(t==null?void 0:t.did)||((b=t==null?void 0:t.meta)==null?void 0:b.did)||""},[t]),h=p.useMemo(()=>Bt(d,window.blocklet),[d]),f=ie((b,P)=>{const _=Ue(b);if(_.length&&s(_.map(I=>I.id)),P&&!P.customPreventRedirect){const I=Ot(b,h);I&&typeof I=="string"&&window.open(I,"_blank","noopener,noreferrer")}});return r.jsxs(yr,{ref:u,className:"notification-row",id:e.id,isRead:y,inDialog:n,highlight:o,isMd:l,onClick:b=>f(e,b),children:[x?r.jsx(Te,{activity:e.activity.type,size:l?24:32}):r.jsx(ke,{severity:e.severity,size:l?24:32}),r.jsxs(m,{className:"notification",display:"flex",flexDirection:"column",alignItems:"start",children:[r.jsxs(m,{width:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",gap:1,className:"header",mb:1.5,children:[x&&v?r.jsx(re,{actors:T,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"}})]}),x?r.jsx(rt,{notification:e,isMultiple:k,blocklet:t,mountPoint:h,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(nr,{notification:e,rows:n?0:2})]}),r.jsx(nt,{notification:e})]}),(e==null?void 0:e.description)&&e.severity==="error"&&r.jsx(m,{className:"copy-button",children:r.jsx(pt,{size:"small",children:r.jsx(xt,{sx:{fontSize:22},content:(e==null?void 0:e.description)||""})})})]})}function xr({data:e,blockletMap:t,onReadBatch:s=()=>{},inDialog:n=!1,highlightId:o,highlight:c=!1,type:i="service"}){const{t:l}=de(),u=p.useRef(null),[y,x]=p.useState(!1),[v,j]=p.useState(!0),[k,T]=p.useState(!1),d=p.useRef(new Set),h=p.useRef(new Set),f=p.useRef(null),b=p.useRef(null),P=p.useRef(!1),_=p.useMemo(()=>n?e==null?void 0:e.slice(0,5):e,[n,e]),I=p.useMemo(()=>kt(_),[_]),H=p.useMemo(()=>{const g=new Map;return I&&I.length&&I.forEach(w=>{g.set(w.id,w)}),g},[I]);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(h.current.has(w))return;const R=H.get(w);if(R){const{receivers:A=[],items:N=[]}=R;if(A.length&&!A[0].read&&(g.push(w),h.current.add(w),N.length>0&&N.forEach(C=>{const $=C.id;$&&!h.current.has($)&&(g.push($),h.current.add($))}),b.current)){const C=document.getElementById(w);C&&b.current.unobserve(C)}}}),g.length>0&&(s(g),setTimeout(()=>{x(!1)},300)),d.current.clear()}},[n,H,s]),q=p.useCallback(()=>{if(n||!u.current||!v)return;b.current&&b.current.disconnect();const g={root:null,rootMargin:"0px",threshold:.5},w=new IntersectionObserver(A=>{y&&A.forEach(N=>{const C=N.target.id;if(h.current.has(C))return;const $=H.get(C);if($){const{receivers:Re=[]}=$;Re.length&&!Re[0].read&&(N.isIntersecting?(d.current.add(C),k||V()):d.current.delete(C))}})},g);b.current=w,Array.from(u.current.querySelectorAll(".notification-row")).filter(A=>{const N=A.id;if(h.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,v,H,V]);return p.useEffect(()=>{n||(P.current=!0,b.current&&v&&y&&setTimeout(()=>{q()},0))},[_,y,v,q,n]),p.useEffect(()=>{if(n||!u.current||!v)return;let g=window;if(i==="server"&&(g=document.getElementById("arc__dashboard-main")),!g){const R=document.getElementsByClassName("dashboard-main")[0];R&&(g=R)}if(!g)return;const w=R=>{R.isTrusted&&(y||x(!0),T(!0),f.current&&clearTimeout(f.current),f.current=setTimeout(()=>{T(!1),V(),P.current&&q()},300))};return g.addEventListener("scroll",w,{passive:!0}),()=>{g.removeEventListener("scroll",w),f.current&&clearTimeout(f.current)}},[n,y,v,V,q,i]),p.useEffect(()=>(n||q(),()=>{b.current&&b.current.disconnect()}),[q,n]),ht(()=>{setTimeout(()=>{const g=Vt(u.current),w=Gt(H,g);s(w.map(R=>R.id))},2e3)}),I!=null&&I.length?r.jsx(m,{ref:u,display:"flex",flexDirection:"column",sx:{...n?{maxHeight:"calc(-200px + 100vh)",overflow:"auto"}:{}},children:I==null?void 0:I.map(g=>{var R;const w=g.source==="system"?t.get(g.entityId||g.sender):t.get(g.componentDid||g.sender);return((R=g==null?void 0:g.type)==null?void 0:R.toLowerCase())==="passthrough"?null:r.jsx(st,{highlight:c&&o===g.id,inDialog:n,notification:g,blocklet:w,onReadBatch:s},g.id)})}):r.jsx(Ie,{children:l("notification.allDone")})}const yr=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,xr as N,te as R,K as S,rt as a,nr as b,oe as c};

package/dist/assets/list-Dq129hfR.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-Bi8r1T8R.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-BiIZw9KG.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 _,ax as he,ay as S,C as qe}from"./index-BiIZw9KG.js";import{u as B}from"./dashboard-Dc5xtJBc.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-cVLum8Er.js";import{b as We}from"./passport-item-BWCHjFYy.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-DFwkkng7.js";import"./PlayArrow-CmxnItFZ.js";import"./get-safe-url-BcH2iukm.js";import"./session-B2z_IWIe.js";import"./use-blocklet-logo-Bv56-gH-.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-Bi8r1T8R.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};

package/dist/assets/list-header-DNFbdM3a.js

@@ -0,0 +1 @@
+import"./vendor-react-DEoibe3W.js";import{s as d,aa as a,j as e,al as t,H as i}from"./vendor-mui-core-Bh-qMRq3.js";const l=d(a)(({theme:r})=>({backgroundColor:r.palette.background.default,"& .header-row":{display:"flex",justifyContent:"space-between",alignItems:"center",gap:r.spacing(1)},"& .right":{display:"flex",alignItems:"center",gap:r.spacing(1.5)},"& .tabs":{marginTop:r.spacing(2),"& .MuiButton-root":{border:"none",color:"#999","&.active":{color:"#222"}}},"@media (max-width: 900px)":{"& .header-row":{flexDirection:"column",alignItems:"flex-start"},"& .right":{flexDirection:"column",width:"100%",".search-always-open, .toolbar-btn-show, a, button, .MuiButtonGroup-root":{width:"100% !important"}}}}));function c({left:r,tabs:s,actions:n,...o}){return!r&&!s?e.jsx(l,{elevation:0,...o,children:e.jsxs(a,{className:"header-row",children:[e.jsx(a,{className:"left"}),e.jsx(t,{direction:"row",className:"right",children:n})]})}):r&&!s||!r&&s?e.jsx(l,{elevation:0,...o,children:e.jsxs(a,{className:"header-row",children:[e.jsx(a,{className:"left",children:r||s}),e.jsx(t,{direction:"row",className:"right",children:n})]})}):e.jsxs(l,{elevation:0,...o,children:[e.jsxs(a,{className:"header-row",children:[e.jsx(a,{className:"left",children:r}),e.jsx(t,{direction:"row",className:"right",children:n})]}),s&&e.jsx(a,{mt:2,children:s})]})}c.propTypes={left:i.node,tabs:i.node,actions:i.node};c.defaultProps={left:null,tabs:null,actions:null};export{c as L};

package/dist/assets/localization-Cl5vfs2R.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-CiFHrC57.js";import"./vendor-ux-did-connect-Ck9lzrbN.js";import"./vendor-utils-rHXShPKm.js";import"./vendor-hooks-Zkb4Ilbj.js";import"./lottie-web-jYmAQWuC.js";import"./vendor-arcblock-DPRICUXM.js";import"./TuneOutlined-DmhFMgM-.js";function d(){return o.jsx(t,{children:"Coming soon..."})}export{d as default};