@abtnode/blocklet-services 1.16.38-beta-20250118-033334-2da05ae8 → 1.16.38-beta-20250120-112111-55c032e8

package/dist/assets/user-center-BEkeBApB.js

@@ -1,202 +0,0 @@
-import{E as p,j as r,a3 as b,x as V,bp as be,T as M,aa as k,t as _,ah as Y,am as ve,a4 as Ge,bC as Ve,aq as Qe,as as Xe,e as Ye,aK as Je,bD as Ze,bE as et,bF as tt,aP as nt,bG as rt,M as st,al as me,a2 as xe}from"./vendor-mui-core-jh6OMVvU.js";import{E as ot,U as J,af as D,aH as we,aI as it,aJ as at,aK as lt,aL as ct,v as U,g as Z,aM as dt,aN as pt,P as ut,aO as ft,d as ht}from"./vendor-arcblock-BlPSuvWz.js";import{r as h,g as je,l as mt}from"./vendor-react-D-afvo_7.js";import{o as W}from"./vendor-hooks-CLzfFpO7.js";import{j as xt}from"./vendor-utils-DCpRgzMR.js";import{S as gt}from"./index-DvtOujRp.js";import{B as Ce}from"./bundle-avatar-C5AcmC3p.js";import{B as yt}from"./index-CEmXvpjH.js";import{R as bt}from"./relative-time-C-6wlxmy.js";import{M as vt,O as A,Q as wt,R as jt}from"./index-BnQkyyTO.js";import{d as Ct}from"./InfoOutlined-CB0cJwBU.js";Se.propTypes={theme:p.string,type:p.oneOf(["button","line"]),onSelectType:p.func,extra:p.node,loading:p.bool,currentTab:p.oneOf(["info","success","warning","error",""])};function Se({theme:e="dark",type:t="button",onSelectType:s,extra:n=void 0,currentTab:o="",loading:i=!1,...a}){const l=[{label:"All",value:""},{label:"Info",value:"info"},{label:"Success",value:"success"},{label:"Warning",value:"warning"},{label:"Error",value:"error"}],u=c=>{(c!==o||!i)&&s(c)},m=h.useMemo(()=>{const c={width:"100%",bgcolor:e==="dark"?"#F9FAFB":"",overflowY:"auto",paddingTop:"5px",whiteSpace:"nowrap",borderRadius:0,display:"flex",justifyContent:"space-between",alignItems:"flex-end",flexWrap:"wrap",gap:"8px"};return t==="line"?Object.assign(c,{}):c},[t,e]),f=(c,x,g)=>r.jsx(V,{disabled:i,onClick:()=>u(c.value),className:`profile-button ${x?"active":""}`,...a,children:c.label},c.value||g),d=(c,x,g)=>r.jsx(V,{variant:"text",disabled:i,onClick:()=>u(c.value),className:`profile-line-button ${x?"active":""}`,...a,children:c.label},c.value||g);return r.jsxs(b,{className:"severity-tabs",sx:m,children:[r.jsx("div",{style:t==="line"?{flex:1,borderBottom:"1px solid rgba(209, 213, 219, 1)"}:{},children:l==null?void 0:l.map((c,x)=>{const g=o===(c==null?void 0:c.value);return t==="line"?r.jsx(h.Fragment,{children:d(c,g,x)},c.value||x):r.jsx(h.Fragment,{children:f(c,g,x)},c.value||x)})}),n]})}var St=h;function Lt(e){return e&&typeof e=="object"&&"default"in e?e:{default:e}}var q=Lt(St);function Q(){return Q=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n])}return e},Q.apply(this,arguments)}function Tt(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,X(e,t)}function X(e,t){return X=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,o){return n.__proto__=o,n},X(e,t)}function Et(e,t){if(e==null)return{};var s={},n=Object.keys(e),o,i;for(i=0;i<n.length;i++)o=n[i],!(t.indexOf(o)>=0)&&(s[o]=e[o]);return s}var ge={position:"absolute",bottom:0,left:0,height:0,overflow:"hidden","padding-top":0,"padding-bottom":0,border:"none"},kt=["box-sizing","width","font-size","font-weight","font-family","font-style","letter-spacing","text-indent","white-space","word-break","overflow-wrap","padding-left","padding-right"];function Rt(e,t){if(!e||typeof e!="object")return e;var s={};return Object.keys(e).forEach(function(n){t.indexOf(n)>-1||(s[n]=e[n])}),s}var Pt=["component","className","unsafeHTML"];function Le(e,t){if(t!=="letters"&&t!=="words")throw new Error("Unsupported options basedOn: "+t);if(e.nodeType===Node.TEXT_NODE){var s=document.createDocumentFragment(),n;switch(t){case"words":n=e.textContent.split(/\b|(?=\W)/);break;case"letters":n=Array.from(e.textContent);break}n.forEach(function(l){s.appendChild($t(l))}),e.parentNode.replaceChild(s,e)}else if(e.nodeType===Node.ELEMENT_NODE)for(var o=[].slice.call(e.childNodes),i=o.length,a=0;a<i;a++)Le(o[a],t)}function $t(e){var t=document.createElement("span");return t.className="LinesEllipsis-unit",t.textContent=e,t}function ye(e){e.parentNode.replaceChild(document.createTextNode(e.textContent),e)}function Te(e,t){if(!(!t.contains(e)||e===t)){for(;e.nextElementSibling;)e.parentNode.removeChild(e.nextElementSibling);Te(e.parentNode,t)}}function Mt(e){for(var t=e;t=t.parentNode;)if(/p|div|main|section|h\d|ul|ol|li/.test(t.tagName.toLowerCase()))return t}function K(e){return!!(e.offsetHeight&&(e.offsetWidth||/\S/.test(e.textContent)))}var Ee={component:"div",unsafeHTML:"",maxLine:1,ellipsis:"…",ellipsisHTML:void 0,className:"",basedOn:void 0,onReflow:function(){},winWidth:void 0},Nt=Object.keys(Ee),ke=function(e){Tt(t,e);function t(n){var o;return o=e.call(this,n)||this,o.state={html:n.unsafeHTML,clamped:!1},o.canvas=null,o.maxLine=0,o.nlUnits=[],o}var s=t.prototype;return s.componentDidMount=function(){this.initCanvas(),this.reflow(this.props)},s.componentDidUpdate=function(o){o.winWidth!==this.props.winWidth&&this.copyStyleToCanvas(),this.props!==o&&this.reflow(this.props)},s.componentWillUnmount=function(){this.canvas.parentNode.removeChild(this.canvas),this.canvas=null},s.setState=function(o,i){return typeof o.clamped<"u"&&(this.clamped=o.clamped),e.prototype.setState.call(this,o,i)},s.initCanvas=function(){if(!this.canvas){var o=this.canvas=document.createElement("div");o.className="LinesEllipsis-canvas "+this.props.className,o.setAttribute("aria-hidden","true"),this.copyStyleToCanvas(),Object.keys(ge).forEach(function(i){o.style[i]=ge[i]}),document.body.appendChild(o)}},s.copyStyleToCanvas=function(){var o=this,i=window.getComputedStyle(this.target);kt.forEach(function(a){o.canvas.style[a]=i[a]})},s.reflow=function(o){this.maxLine=+o.maxLine||1,this.canvas.innerHTML=o.unsafeHTML;var i=o.basedOn||(/^[\x00-\x7F]+$/.test(o.unsafeHTML)?"words":"letters");Le(this.canvas,i);var a=this.putEllipsis(this.calcIndexes()),l={clamped:a,html:this.canvas.innerHTML};this.setState(l,o.onReflow.bind(this,l))},s.calcIndexes=function(){var o=[0],i=this.nlUnits=Array.from(this.canvas.querySelectorAll(".LinesEllipsis-unit")),a=i.length;if(!i.length)return o;var l=i.find(K);if(!l)return o;for(var u=1,m=l.offsetTop,f=1;f<a&&!(K(i[f])&&i[f].offsetTop-m>1&&(u++,o.push(f),m=i[f].offsetTop,u>this.maxLine));f++);return o},s.putEllipsis=function(o){if(o.length<=this.maxLine)return!1;this.nlUnits=this.nlUnits.slice(0,o[this.maxLine]);var i=this.nlUnits.pop(),a=this.makeEllipsisSpan();do Te(i,this.canvas),Mt(i).appendChild(a),i=this.nlUnits.pop();while(i&&(!K(i)||a.offsetHeight>i.offsetHeight||a.offsetTop>i.offsetTop));return i&&ye(i),this.nlUnits.forEach(ye),!0},s.makeEllipsisSpan=function(){var o=this.props,i=o.ellipsisHTML,a=o.ellipsis,l=document.createElement("span");l.appendChild(document.createElement("wbr"));var u=document.createElement("span");return u.className="LinesEllipsis-ellipsis",i?u.innerHTML=i:u.textContent=a,l.appendChild(u),l},s.isClamped=function(){return this.clamped},s.render=function(){var o=this,i=this.state,a=i.html,l=i.clamped,u=this.props,m=u.component,f=u.className,d=u.unsafeHTML,c=Et(u,Pt);return q.default.createElement(m,Q({className:"LinesEllipsis "+(l?"LinesEllipsis--clamped":"")+" "+f,ref:function(g){return o.target=g}},Rt(c,Nt)),q.default.createElement("div",{dangerouslySetInnerHTML:{__html:l?a:d}}))},t}(q.default.Component);ke.defaultProps=Ee;var Ot=ke;const _t=je(Ot),{joinURL:S,withQuery:R}=vt,{toTypeInfo:At}=ot,{isEVMChain:It,getExplorerUrl:Dt}=A,{arcChainConfig:Ht}=wt,Ut={ROLE_ACCOUNT:"number",ROLE_NODE:"number",ROLE_DEVICE:"number",ROLE_APPLICATION:"number",ROLE_SMART_CONTRACT:"number",ROLE_BOT:"number",ROLE_ASSET:"number",ROLE_STAKE:"number",ROLE_VALIDATOR:"number",ROLE_GROUP:"number",ROLE_TX:"number",ROLE_TETHER:"number",ROLE_SWAP:"number",ROLE_DELEGATION:"number",ROLE_VC:"number",ROLE_BLOCKLET:"number",ROLE_STORE:"number",ROLE_TOKEN:"number",ROLE_FACTORY:"number",ROLE_ROLLUP:"number",ROLE_STORAGE:"number",ROLE_PROFILE:"number",ROLE_ANY:"number"},P="https://explorer.abtnetwork.io/explorer/";var zt=function({hash:t,asset:s,rollup:n,address:o,token:i,stake:a,chainId:l=""}){if(It(l)){const d=Dt(l);return t?S(d,`tx/${t}`):s?S(d,`token/${s}`):S(d,`address/${o}`)}const u=Ht[l],m=u==null?void 0:u.defaultRPC,f=m?`${m}`:void 0;return n&&At(n).role===Ut.ROLE_ROLLUP?t?R(S(P,`rollups/${n}/moves/${t}`),{host:f}):R(S(P,`rollups/${n}`),{host:f}):s?R(S(P,`assets/${s}`),{host:f}):t?R(S(P,`txs/${t}`),{host:f}):i?R(S(P,`tokens/${i}/tx`),{host:f}):a?R(S(P,`stakes/${a}`),{host:f}):R(S(P,`accounts/${o}`),{host:f})},ee={isSameAddr:(e,t)=>String(e).toLowerCase()===String(t).toLowerCase()};const O=zt,{isSameAddr:$}=ee;class F{constructor({type:t,did:s,chainId:n,text:o}){this.text=o,this.did=s,this.type=t,this.chainId=n}}const te=e=>{const t=[];try{let s=0;const n=/<(.+?)\(?[tx|nft|token|stake|did|dapp|link]+[:](.+?)\)?>/gi,o=e.matchAll(n);for(const i of o){const a=/\([tx|nft|token|stake|did|dapp|link]+[:](.+?)\)/gi,l=i[0],u=i.index||s,m=u+l.length;if([...l.matchAll(a)].length>1)return[e];let d="";const c=a.exec(l);let x="";if(c){const T=c[0];d=l.replace(T,"").replace(/^</,"").replace(/(>)$/,""),x=T.replace(/\)$/,"").replace(/^\(/,"")}else x=l;const g=x.split(":"),v=(g[0]||"").replace(/^</,"").replace(/^\(/,"").toUpperCase(),j=(g[1]||"").replace(/>$/,"").replace(/\)$/,""),C=(g[g.length-1]||"").replace(/>$/,"").replace(/\)$/,"");t.push(e.substring(s,u)),t.push(new F({type:v,chainId:j,did:C,text:d||v})),s=m}return s<e.length&&t.push(e.substring(s)),t}catch(s){return console.error(s==null?void 0:s.message),[e]}},ne=e=>{let t;const{type:s,chainId:n,did:o}=e;return $(s,"link")?t=`${n}:${o}`:$(s,"tx")?t=O({hash:o,chainId:n}):$(s,"stake")?t=O({stake:o,chainId:n}):$(s,"nft")?t=O({asset:o,chainId:n}):$(s,"token")?t=O({token:o,chainId:n}):$(s,"did")&&(t=O({address:o,chainId:n})),t},Bt=(e,t=!0)=>te(e).map(n=>{if(n instanceof F){if(t){const o=ne(n),{type:i,chainId:a,did:l}=n;return $(i,"dapp")?`<em style="font-weight:bold;" data-type="${i}" data-chain-id="${a}" data-did="${l}">${n.text}</em>`:o?`<a target="_blank" rel="noopener noreferrer" style="color:#4598fa;font-weight:bold;" href="${o}">${n.text}</a>`:`<em style="font-weight:bold;" data-type="${i}" data-chain-id="${a}" data-did="${l}">${n.text}</em>`}return n.text}return n}).join(""),Wt=e=>te(e).map(s=>s instanceof F?`<${ne(s)}|${s.text}>`:s.replace(/:\n/g,": ")).join("");var z={toClickableSpan:Bt,toTextList:te,toSlackLink:Wt,Link:F,getLink:ne};function Re({attachment:e}){const{data:t}=e;let s="";try{s=new URL(t.url).host}catch{s=t.url}return r.jsxs(be,{target:"_blank",rel:"noopener noreferrer",href:t.url,className:"link",style:{wordBreak:"break-all"},children:[!!s&&r.jsx("span",{className:"url",children:s}),!!t.title&&r.jsx(b,{className:"title",children:t.title}),!!t.description&&r.jsx(b,{className:"description",style:{whiteSpace:"unset",color:"rgba(75, 85, 99, 1)"},children:t.description}),!!t.image&&r.jsx("img",{srcSet:`${A.getImagePath(t.image)}?w=128&h=128&fit=crop&auto=format&dpr=2 2x`,src:`${A.getImagePath(t.image)}?w=128&h=128&fit=crop&auto=format`,alt:t.title||"",loading:"lazy",height:128,style:{borderRadius:"8px",maxWidth:"256px",objectFit:"cover"}})]})}Re.propTypes={attachment:p.object.isRequired};function Pe({attachment:e}){const{data:t}=e;return r.jsx("img",{srcSet:`${A.getImagePath(t.url)}?w=128&h=128&fit=crop&auto=format&dpr=2 2x`,src:`${A.getImagePath(t.url)}?w=128&h=128&fit=crop&auto=format`,alt:t.title||"",loading:"lazy",height:128,style:{borderRadius:"8px",maxWidth:"256px",objectFit:"cover"}})}Pe.propTypes={attachment:p.object.isRequired};function re({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,i=s.fontWeight||t.fontWeight||400;let a="14px";return o==="small"?a="12px":o==="normal"?a="14px":o==="big"?a="16px":o==="large"&&(a="18px"),r.jsx("span",{className:"title",style:{fontSize:a,color:n,whiteSpace:"unset",fontWeight:i},children:s.text})}re.propTypes={attachment:p.object.isRequired};const Ft=e=>{const t="explorer.arcblockio.cn";return e&&{beta:"beta.abtnetwork.io",main:"main.abtnetwork.io"}[e]||t},qt=e=>{try{return new URL(e).host}catch{return e}};var I={getChainHost:Ft,getUrlHost:qt},B={linkStyle:{color:"#2754C5",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",fontSize:"14px",textDecoration:"underline"},actionsStyle:{margin:"20px -8px 0px"},actionStyle:{color:"#4598fa",fontSize:14,border:"1px solid #4598fa",display:"inline-block",borderRadius:"4px",margin:"8px",marginTop:"8px",marginBottom:"8px",marginLeft:"8px",marginRight:"8px"},assetStyle:{backgroundColor:"#f6f6f6",borderRadius:"8px",padding:"8px"},remarkStyle:{color:"#9397a1",fontSize:"12px",margin:0,whiteSpace:"pre-line!important"},summaryStyle:{color:"#49c3ad",fontWeight:700},titleStyle:{marginBottom:"6px"},severityColorMap:{normal:"#C4C5CA",success:"#25C99B",error:"#F16E6E",warning:"#DE9E37"},attachmentsStyle:{borderLeft:"2px solid transparent",paddingLeft:"20px"},h1Style:{color:"#333",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",fontSize:"24px",fontWeight:"bold",margin:"40px 0",padding:"0"},footerStyle:{color:"#898989",fontFamily:"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif",fontSize:"12px",lineHeight:"22px",margin:0}};se.propTypes={locale:p.string,data:p.object.isRequired};se.defaultProps={locale:"en"};function se({locale:e="en",data:t}){const s={zh:"来自",en:"from"}[e]||"from",n={zh:"接收",en:"Received"}[e]||"Received",i=`https://${I.getUrlHost(t.chainHost)||I.getChainHost(t.chainId)}/explorer/tokens/${t.address}/tx`;let a=t.amount;t.decimal&&(a=t.amount/10**t.decimal);const l=W(()=>({display:"flex",alignItems:"center",rowGap:2,columnGap:4,justifyContent:"space-between",flexWrap:"wrap"}));return r.jsx("a",{href:i,target:"_blank",rel:"noreferrer",children:r.jsxs(b,{display:"flex",flexDirection:"column",children:[r.jsxs(b,{sx:l,children:[r.jsx(M,{component:"div",sx:{fontWeight:700,color:"rgba(3, 7, 18, 1)"},children:n}),r.jsxs(M,{component:"div",align:"right",style:B.summaryStyle,flex:1,children:["+",a," ",t.symbol]})]}),r.jsxs(b,{sx:l,children:[r.jsx(M,{component:"div",style:{...B.remarkStyle,fontSize:14},children:s}),r.jsx(b,{sx:{maxWidth:"252px",fontSize:"14px"},children:r.jsx(J,{did:t.address,showQrcode:!0,copyable:!0,compact:!0,responsive:!0,locale:e})})]})]})})}oe.propTypes={locale:p.string,data:p.object.isRequired};oe.defaultProps={locale:"en"};function oe({locale:e,data:t}){var u,m;const s={zh:"接收",en:"Received"}[e]||"Received",n={zh:"来自",en:"from"}[e]||"from",o=I.getUrlHost(t.chainHost)||I.getChainHost(t.chainId),i=t.did||((m=(u=t==null?void 0:t.credential)==null?void 0:u.issuer)==null?void 0:m.id)||"",a=`https://${o}/explorer/assets/${i}`,l=W(()=>({display:"flex",alignItems:"center",rowGap:2,columnGap:4,justifyContent:"space-between",flexWrap:"wrap"}));return r.jsx(b,{sx:{pr:1},children:r.jsx("a",{href:a,target:"_blank",style:{textDecoration:"none",color:"initial",display:"block"},rel:"noreferrer",children:r.jsxs(b,{display:"flex",flexDirection:"column",children:[r.jsxs(b,{sx:l,children:[r.jsx(M,{component:"div",sx:{fontWeight:700,color:"rgba(3, 7, 18, 1)"},children:s}),r.jsx(M,{component:"div",align:"right",style:B.summaryStyle,children:"+1 Asset"})]}),i?r.jsxs(b,{sx:l,children:[r.jsx(M,{component:"div",style:{...B.remarkStyle,fontSize:14},children:n}),r.jsx(b,{sx:{maxWidth:"252px",fontSize:"14px"},children:r.jsx(J,{did:i,showQrcode:!0,copyable:!0,compact:!0,responsive:!0,locale:e})})]}):null]})})})}$e.propTypes={data:p.object.isRequired,locale:p.string};function $e({data:e,locale:t="en"}){return r.jsxs("a",{href:e.url,target:"_blank",style:{display:"flex",textDecoration:"none",color:"initial"},rel:"noreferrer",children:[r.jsx("img",{className:"image",src:e.logo,width:50,height:50,alt:""}),r.jsxs("div",{style:{flex:1,marginLeft:"10px"},children:[r.jsx("div",{style:{marginBottom:"6px"},children:e.title}),r.jsx("div",{style:{color:"#a5a5a5",fontSize:10,maxWidth:"252px"},children:r.jsx(J,{did:e.appDID,showQrcode:!0,copyable:!0,compact:!0,responsive:!0,locale:t})})]})]})}ie.propTypes={locale:p.string,data:p.object.isRequired};ie.defaultProps={locale:"en"};function ie({locale:e,data:t}){const s=I.getChainHost(t.chainId),n=`https://${s}/explorer/txs/${t.hash}`,o={zh:"交易详情",en:"Transaction Details"}[e]||"Transaction Details",i={zh:"交易哈希",en:"Transaction Hash"}[e]||"Transaction Hash";return r.jsxs("a",{href:n,target:"_blank",style:{textDecoration:"none",color:"initial",display:"block",fontSize:14},rel:"noreferrer",children:[r.jsx("h6",{style:{color:"#a5a5a5",margin:0},children:s}),r.jsx("p",{style:{color:"#4598fa",margin:0},children:o}),r.jsxs("div",{style:{wordBreak:"break-all"},children:[i,": ",t.hash]})]})}function Me({data:e,isMd:t=!1}){return r.jsx(b,{display:"flex",flexDirection:t?"row":"column",justifyContent:"space-between",sx:{width:t?"100%":"auto"},children:e.items.map((s,n)=>r.jsx(re,{attachment:s,color:n===0?"rgba(156, 163, 175, 1)":"",size:n===0?"normal":"big",fontWeight:n===0?400:600},n))})}Me.propTypes={data:p.array.isRequired,isMd:p.bool};function Ne({attachment:e,...t}){const{local:s}=h.useContext(D),n=_(o=>o.breakpoints.down("md"));return r.jsxs(Kt,{"data-testid":"attachment-preview",...t,isMd:n,children:[e.type==="link"&&r.jsx(Re,{attachment:e,...t,isMd:n}),e.type==="image"&&r.jsx(Pe,{attachment:e,isMd:n}),e.type==="text"&&r.jsx(re,{attachment:e,isMd:n}),e.type==="token"&&r.jsx(se,{data:e.data,local:s,isMd:n}),e.type==="asset"||e.type==="vc"?r.jsx(oe,{data:e.data,local:s,isMd:n}):null,e.type==="dapp"&&r.jsx($e,{data:e.data,local:s,isMd:n}),e.type==="transaction"&&r.jsx(ie,{data:e.data,local:s,...t,isMd:n}),e.type==="divider"&&r.jsx(Y,{sx:{mb:1,mt:1},style:{color:we.dividerColor}}),e.type==="combined"&&r.jsx(Me,{data:e,isMd:n})]})}const Kt=k.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;
-  }
-`;Ne.propTypes={attachment:p.object.isRequired};function Oe({data:e,...t}){const{items:s}=e;return r.jsx(Gt,{...t,children:s.map(n=>r.jsxs(ve,{variant:"outlined",sx:{p:2,borderRadius:"8px",minWidth:128},children:[r.jsxs(b,{display:"flex",alignItems:"center",gap:1,children:[n.icon?r.jsx("img",{src:n.icon,alt:n.title,style:{width:16,height:16}}):null,r.jsxs(b,{className:"metric-name",display:"flex",alignItems:"center",children:[n.title,n.subtitle?r.jsx(Ge,{title:n.subtitle,arrow:!0,placement:"top",children:r.jsx(Ct,{fontSize:"small",sx:{fontSize:14,ml:.5}})}):null]})]}),r.jsxs(b,{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 Gt=k(b)`
-  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:p.object.isRequired};function _e({data:e}){const{items:t}=e,s=_(a=>a.breakpoints.down("sm")),n=_(a=>a.breakpoints.down("md")),o=_(a=>a.breakpoints.down("lg")),i=()=>s?1:n?3:o?4:6;return r.jsx(Ve,{variant:"quilted",cols:i(),gap:8,rowHeight:128,sx:{margin:0},children:t.map(a=>{const l=a.cover||a.display;return l?r.jsx("a",{href:a.link,target:"_blank",rel:"noopener noreferrer",children:r.jsx(Qe,{children:r.jsx("img",{srcSet:`${l}?w=128&h=128&fit=crop&auto=format&dpr=2 2x`,src:`${l}?w=128&h=128&fit=crop&auto=format`,alt:a.title||"",loading:"lazy",style:{borderRadius:"8px"}})})},l):null})})}_e.propTypes={data:p.object.isRequired};function ae({data:e,feedType:t,...s}){return r.jsxs(Vt,{...s,children:[t==="data-tracker"&&e.type==="table"&&r.jsx(Oe,{data:e}),(t==="graphic"||t==="gallery")&&r.jsx(_e,{data:e})]})}const Vt=k.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  margin-bottom: 4px;
-  &:last-child {
-    margin-bottom: 0;
-  }
-`;ae.propTypes={data:p.object.isRequired,feedType:p.string};ae.defaultProps={feedType:"data-tracker"};var Qt=it,Xt=at,Yt=lt,Jt=Math.ceil,Zt=Math.max;function en(e,t,s){(s?Xt(e,t,s):t===void 0)?t=1:t=Zt(Yt(t),0);var n=e==null?0:e.length;if(!n||t<1)return[];for(var o=0,i=0,a=Array(Jt(n/t));o<n;)a[i++]=Qt(e,o,o+=t);return a}var tn=en;const nn=je(tn),rn=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},sn=e=>e.every(t=>t.type==="text"),on=e=>e.every(t=>t.type==="image"),an=e=>nn(e,2).map(t=>({type:"combined",items:t})),ln=e=>{if(!e.length||e.length<=1)return!1;const t=e[0].type;return e.every(s=>s.type===t)},cn=async(e,t)=>{const n=new ct().user;if(n)try{return await n.getUserPublicInfo({did:e})?await n.getProfileUrl({did:e,locale:t}):void 0}catch(o){console.error(o);return}};function le({notification:e,severity:t,showSke:s=!0}){const{attachments:n,data:o,...i}=e,a=_(f=>f.breakpoints.down("md"));if((!n||!n.length)&&U(o))return null;const l=rn(t),u=(f,d=!1)=>{if(!f&&!Array.isArray(f))return null;let c=f,x={},g="horizontal";d&&sn(f)&&(c=an(f),g="vertical",x={display:"flex",gap:1,flexDirection:"row",justifyContent:"flex-start",flexWrap:"wrap",height:"100%"});const v=ln(c);return r.jsx(b,{sx:{display:"flex",gap:1,flexDirection:d?"row":"column",justifyContent:"flex-start",alignItems:d?"center":"unset",flexWrap:"wrap"},children:c.map((j,C)=>j.type==="section"?r.jsx(h.Fragment,{children:u(j.fields,!0)},C):r.jsxs(h.Fragment,{children:[r.jsx(Ne,{attachment:j,sx:x,...i}),!(a&&g==="vertical")&&v&&c.length>1&&C!==c.length-1?r.jsx(Y,{orientation:g,style:{color:we.dividerColor},sx:g==="vertical"?{ml:2,mr:2,height:32}:{}}):null]},C))})},m=on(n);return r.jsx(dn,{children:r.jsxs("div",{className:"message-in-list",children:[n.length>0&&r.jsx("div",{className:"message-container",children:m?u(n):r.jsx(ve,{variant:"outlined",sx:{p:2,borderRadius:"8px",minWidth:128,borderColor:l},children:u(n)})}),!U(o)&&r.jsx("div",{className:"message-container",children:r.jsx("div",{className:"data-container",children:r.jsx(ae,{data:o,feedType:e.feedType})})}),n.length===0&&U(o)&&s&&r.jsx(Xe,{className:"attach-ske",style:{marginTop:10},variant:"rectangular",height:150})]})})}const dn=k.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;
-    }
-  }
-`;le.propTypes={severity:p.string.isRequired,notification:p.object.isRequired,showSke:p.bool};le.defaultProps={showSke:!0};const G=e=>dt.sanitize(e,{ALLOWED_ATTR:["href","target","rel","class","id","style"]}),pn=async(e,t)=>{const{type:s,did:n}=e;return ee.isSameAddr(s,"did")&&await cn(n,t)||z.getLink(e)},un=async(e,t,s=!0)=>{const n=z.toTextList(e);return await Promise.all(n.map(async i=>{if(i instanceof z.Link){if(s){const a=await pn(i,t),{type:l,chainId:u,did:m}=i;return ee.isSameAddr(l,"dapp")?`<em style="font-weight:bold;" data-type="${l}" data-chain-id="${u}" data-did="${m}">${i.text}</em>`:a?`<a target="_blank" rel="noopener noreferrer" style="color:#4598fa;font-weight:bold;" href="${a}">${i.text}</a>`:`<em style="font-weight:bold;" data-type="${l}" data-chain-id="${u}" data-did="${m}">${i.text}</em>`}return i.text}return i})).then(i=>i.join(""))};Ae.propTypes={notification:p.object,rows:p.number};function Ae({notification:e,rows:t=2}){const[s,n]=h.useState(!1),[o,i]=h.useState(""),{t:a,locale:l}=Z(),u=h.useMemo(()=>{const{attachments:v}=e||{};if(!v)return!1;try{return v.length>0}catch{return!1}},[e]),m=h.useMemo(()=>{const{blocks:v}=e||{};if(!v)return!1;try{return v.length>0}catch{return!1}},[e]),f=h.useMemo(()=>{const{description:v}=e||{};return!!v},[e]),d=h.useMemo(()=>{const{data:v}=e||{};return!U(v)},[e]),c=h.useMemo(()=>u||m||f||d,[u,m,f,d]);if(h.useEffect(()=>{un((e==null?void 0:e.description)??"",l).then(v=>{i(v)})},[e==null?void 0:e.description,l]),!c)return null;const x=()=>t===0?"":s?`<span class='toggle-btn' data-name='toggle-expanded'>${a("common.collapse")}</span>`:`...<span class='toggle-btn' data-name='toggle-expanded'>${a("common.expand")}</span>`,g=v=>{const{target:j}=v;j.getAttribute("data-name")==="toggle-expanded"&&n(!s)};return r.jsxs(fn,{children:[r.jsx(b,{className:"text-container",children:r.jsx(b,{component:"div",sx:{marginBottom:"4px"},onClick:g,children:o&&(!s&&t>0?r.jsx(_t,{basedOn:"letters",unsafeHTML:G(o),maxLine:t,ellipsisHTML:G(x())}):r.jsx(M,{component:"div",className:`content ${t===0?"ellipsis":""}`,style:{whiteSpace:"pre-line!important",fontSize:"14px"},dangerouslySetInnerHTML:{__html:G(`${o}${x()}`)}}))})}),u||d?r.jsx(le,{severity:e.severity,notification:e}):null]})}const fn=k(b)`
-  margin-bottom: 6px;
-  color: rgba(75, 85, 99, 1);
-  .text-container {
-    word-wrap: break-word;
-    font-size: 14px;
-    color: rgba(75, 85, 99, 1);
-    .toggle-btn {
-      display: inline-block;
-      white-space: nowrap;
-      cursor: pointer;
-      margin-left: 4px;
-      font-size: 14px;
-      color: rgba(59, 130, 246, 1);
-    }
-    .content.ellipsis {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: block
-      display: -webkit-box;
-      -webkit-box-orient: vertical;
-      max-height: 3em;
-      line-height: 1.5em;
-    }
-  }
-`,hn=h.memo(Ae);De.propTypes={data:p.array,blockletMap:p.object,onReadNotification:p.func,inDialog:p.bool};Ie.propTypes={notification:p.object,blocklet:p.object,onReadNotification:p.func,inDialog:p.bool};function Ie({notification:e,blocklet:t,onReadNotification:s=()=>{},inDialog:n=!1}){var f;const{locale:o}=h.useContext(D),i=Ye(),a=h.useMemo(()=>{const{receivers:d=[]}=e;return d.length?d[0].read:!0},[e]),l=h.useMemo(()=>{const{actions:d,action:c}=e;let x=d??[];return!x.length&&c&&(x=[{name:"Visit",link:c}]),x},[e]),u=(t==null?void 0:t.did)||((f=t==null?void 0:t.meta)==null?void 0:f.did)||"",m=((t==null?void 0:t.alsoKnownAs)||[]).concat((t==null?void 0:t.appId)||(t==null?void 0:t.appDid)||(t==null?void 0:t.appPid)||"");return r.jsxs(mn,{className:"notification-row",display:"flex",gap:2,sx:{padding:"8px"},onClick:()=>s(e),children:[r.jsx(Je,{variant:"dot",color:"error",invisible:a,children:t?r.jsx(b,{children:m.includes(u)?r.jsx(yt,{blocklet:t}):r.jsx(Ce,{blocklet:t,ancestors:t.ancestors??[]})}):r.jsx(gt,{width:"40",height:"40"})}),r.jsxs(b,{className:"notification",display:"flex",flexDirection:"column",alignItems:"start",children:[r.jsxs(b,{display:"flex",justifyContent:"start",alignItems:"center",gap:1,sx:{width:"100%"},children:[r.jsx(b,{className:"title",children:e.title}),"·",r.jsx(bt,{value:e.createdAt,locale:o,shouldUpdate:!0,style:{color:i.palette.text.secondary,fontSize:"0.875rem",minWidth:"50px",whiteSpace:"nowrap"}})]}),r.jsx(hn,{notification:e,rows:n?0:2}),l.length>0?r.jsx(b,{display:"flex",justifyContent:"start",alignItems:"center",gap:1,children:l.map((d,c)=>r.jsxs(h.Fragment,{children:[r.jsx(be,{href:d.link,target:"_blank",className:"link",sx:{fontSize:"15px"},children:d.name},d.link),c<l.length-1?r.jsx(Y,{orientation:"vertical",sx:{ml:1,mr:1,height:12,borderWidth:"1px"}}):null]},d.link))}):null]})]})}function De({data:e,blockletMap:t,onReadNotification:s=()=>{},inDialog:n=!1}){const{t:o}=Z(),i=h.useMemo(()=>n?e==null?void 0:e.slice(0,5):e,[n,e]);return e!=null&&e.length?r.jsx(b,{display:"flex",flexDirection:"column",sx:{mt:1,...n?{maxHeight:"calc(-200px + 100vh)",overflow:"auto"}:{}},children:i==null?void 0:i.map(a=>{var u;const l=a.source==="system"?t.get(a.entityId||a.sender):t.get(a.componentDid||a.sender);return((u=a==null?void 0:a.type)==null?void 0:u.toLowerCase())==="passthrough"?null:r.jsx(Ie,{inDialog:n,notification:a,blocklet:l,onReadNotification:()=>s(a)},a.id)})}):r.jsx(pt,{children:o("common.emptyData")})}const mn=k(b)`
-  cursor: pointer;
-
-  .notification {
-    width: calc(100% - 50px);
-
-    .title {
-      min-width: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color: rgba(3, 7, 18, 1);
-      font-size: 16px;
-    }
-    .link {
-      color: rgba(59, 130, 246, 1);
-      font-size: 14px;
-      text-decoration: none;
-    }
-  }
-`;He.propTypes={paging:p.objectOf(p.any).isRequired,loading:p.bool.isRequired,onChange:p.func.isRequired};function He({loading:e,paging:t,onChange:s}){const{t:n}=h.useContext(D);if(t.pageCount<=0)return null;const o=(l,u)=>{s({page:u+1})},i=l=>{const u=Number(l.target.value);s({page:1,pageSize:u})},a=t.page-1<=0?0:t.page-1;return r.jsx(b,{mt:2,display:"flex",justifyContent:"flex-end",children:r.jsx(Ze,{disabled:e,count:t.total,page:a,rowsPerPageOptions:[10,20,50,100],labelRowsPerPage:n("pagination.rowsPerPage"),labelDisplayedRows:({from:l,to:u,count:m})=>`${l}–${u} / ${m!==-1?m:`${n()}more than ${u}`}`,rowsPerPage:t.pageSize,onPageChange:o,onRowsPerPageChange:i})})}const xn=h.memo(He);Ue.propTypes={selectedId:p.string,blockletMap:p.object,onSelectChange:p.func,loading:p.bool,filterType:p.oneOf(["component","entity"])};const gn=k.div`
-  display: flex;
-  justify-items: flex-start;
-  align-items: center;
-  gap: 8px;
-  .name {
-    display: block;
-    max-width: 260px;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-  }
-`;function Ue({selectedId:e="",filterType:t="component",blockletMap:s=new Map,onSelectChange:n=()=>{},loading:o=!1}){const[i,a]=h.useState(""),{t:l}=h.useContext(D),u=d=>{if(o)return;const c=d.target.value;n(c==="all"?"":c)},m=h.useMemo(()=>{if(!s.size)return[];const d=[];return Array.from(s).forEach(([,c])=>{var C,T;const x=c.did||((C=c.meta)==null?void 0:C.did),g=c.title||((T=c.meta)==null?void 0:T.title)||"",v=c.appPid||c.appDid,j=g.toLowerCase().includes(i.toLowerCase());(t==="component"&&v!==x&&j||t==="entity"&&v===x&&j)&&d.push(c)}),d},[s,i,t]),f=h.useMemo(()=>{var c;const d=m.find(x=>{var g;return(x.did||((g=x.meta)==null?void 0:g.did))===e});return(d==null?void 0:d.did)||((c=d==null?void 0:d.meta)==null?void 0:c.did)||"all"},[m,e]);return s.size?r.jsxs(et,{sx:{minWidth:240,maxWidth:300},children:[r.jsx(tt,{id:"demo-simple-select-label",children:"Sender"}),r.jsxs(nt,{MenuProps:{autoFocus:!1},value:f,onChange:u,onClose:()=>a(""),size:"small",label:"Sender",variant:"outlined",children:[r.jsx(rt,{children:r.jsx(st,{autoFocus:!0,value:i,placeholder:"Search",variant:"outlined",size:"small",fullWidth:!0,onChange:d=>a(d.target.value),onKeyDown:d=>{d.key!=="Escape"&&d.stopPropagation()}})}),r.jsx(me,{value:"all",children:l("common.all")}),m.map(d=>{var g,v;const c=d.did||((g=d.meta)==null?void 0:g.did),x=d.title||((v=d.meta)==null?void 0:v.title);return r.jsx(me,{value:c,children:r.jsxs(gn,{children:[r.jsx(Ce,{size:24,blocklet:d,ancestors:d.ancestors}),r.jsx("span",{className:"name",children:x})]})},c)})]})]}):null}const yn=h.memo(Ue),bn=k.div`
-  .MuiContainer-root {
-    padding-right: 0;
-  }
-
-  .profile-button.MuiButtonBase-root {
-    border-radius: 9999px;
-    margin-right: 2px;
-    color: #4b5563;
-    padding: 5px 12px;
-    line-height: 22px;
-    font-size: 13px;
-    border: 1px solid transparent;
-  }
-  .profile-button.active.MuiButtonBase-root {
-    background-color: #ffffff;
-    color: #030712;
-    border: 1px solid #e5e7eb !important;
-  }
-
-  .profile-line-button.MuiButtonBase-root {
-    margin-right: 2px;
-    color: #4b5563;
-    padding: 5px 12px;
-    line-height: 22px;
-    font-size: 13px;
-    border: none !important;
-    border-radius: 0;
-  }
-
-  .profile-line-button.active.MuiButtonBase-root {
-    color: rgba(3, 7, 18, 1);
-    border-bottom: 1px solid rgba(3, 7, 18, 1) !important;
-  }
-
-  .profile-button.MuiButtonBase-root:last-of-type,
-  .profile-line-button.MuiButtonBase-root {
-    margin-right: 0;
-  }
-
-  .profile-button.MuiButtonBase-root:hover {
-    background-color: #ffffff;
-    color: #030712;
-    border: 1px solid #e5e7eb;
-  }
-  .profile-line-button.MuiButtonBase-root:hover {
-    color: rgba(3, 7, 18, 1);
-    background-color: unset;
-  }
-
-  * {
-    scrollbar-width: none; /* Firefox */
-    -ms-overflow-style: none; /* IE and Edge */
-  }
-
-  *::-webkit-scrollbar {
-    display: none; /* Chrome, Safari and Opera */
-  }
-`;ze.propTypes={blocklets:p.array,context:p.object,pagination:p.bool,inDialog:p.bool,filterType:p.oneOf(["component","entity"]),toViewAll:p.func,tabType:p.oneOf(["button","line"]),enableMarkAllAsRead:p.bool};function ze({blocklets:e=[],context:t,pagination:s=!0,tabType:n="button",inDialog:o=!1,filterType:i="component",toViewAll:a=()=>{},enableMarkAllAsRead:l=!1}){const{data:u,paging:m,refresh:f,loading:d,params:c,onReadNotification:x,unReadCount:g,componentDids:v}=t,j=w=>{f({...c,severity:w,paging:{...c.paging,page:1}})},{t:C}=h.useContext(D),[T,ce]=h.useState(!1),Be=async()=>{ce(!0),t.makeAllAsRead&&typeof t.makeAllAsRead=="function"&&await t.makeAllAsRead(),ce(!1)},de=h.useCallback(w=>{const{blocklet:y={}}=window,E=[y==null?void 0:y.did,...((y==null?void 0:y.ancestors)||[]).map(N=>N)];return(v==null?void 0:v.includes(w))||E.findIndex(N=>N===w)>-1},[v]),pe=h.useMemo(()=>{const w=new Map;return e.length&&e.forEach(y=>{var N,ue,fe;const E=(y==null?void 0:y.did)||((N=y.meta)==null?void 0:N.did);E&&!w.has(E)&&(y.ancestors=[],w.set(E,y),((ue=y==null?void 0:y.alsoKnownAs)==null?void 0:ue.length)>0&&y.alsoKnownAs.forEach(L=>{w.has(L)||w.set(L,y)})),((fe=y==null?void 0:y.children)==null?void 0:fe.length)>0&&y.children.forEach(L=>{var he;const H=(L==null?void 0:L.did)||((he=L.meta)==null?void 0:he.did);H&&!w.has(H)&&de(H)&&(L.ancestors=[y],w.set(H,L))})}),w},[e,de]),We=w=>{f({...c,paging:{...c.paging,...w}})},Fe=w=>{var y,E;!w||(E=(y=w.receivers)==null?void 0:y[0])!=null&&E.read||x(w.id).then(()=>{o&&a()})},qe=w=>{if(d)return;let y={};i==="component"?y={entityId:"",componentDid:w}:i==="entity"&&(y={componentDid:"",entityId:w}),f({...c,...y,paging:{...c.paging,page:1}})},Ke=W(()=>i==="component"?c.componentDid||"":i==="entity"&&c.entityId||"",[c,i]);return r.jsxs(bn,{children:[r.jsx(Se,{currentTab:c.severity,type:n,theme:"light",onSelectType:j,extra:o?null:[g>0&&l&&r.jsxs(V,{disabled:T||d,onClick:Be,sx:{ml:"auto"},children:[T&&r.jsx(xe,{size:16,style:{marginRight:"1em"}}),C("notification.markAllAsRead")]},"make-all-read"),r.jsx(yn,{onSelectChange:qe,selectedId:Ke,filterType:i,blockletMap:pe,loading:d},"component-filter")]}),d?r.jsx(b,{sx:{display:"flex",width:"100%",minHeight:400,justifyContent:"center",alignItems:"center"},children:r.jsx(xe,{sx:{color:"#4598fa"}})}):r.jsx(De,{data:u,blockletMap:pe,onReadNotification:Fe,inDialog:o}),s?r.jsx(xn,{loading:d,paging:m,onChange:We}):null]})}const vn=h.memo(ze);function Mn(){const t=mt().tab,{t:s}=Z(),n=jt(),{makeAllAsRead:o}=n,i=W(()=>{var a;return{...window.blocklet,meta:{did:window.blocklet.did,name:window.blocklet.did},children:(a=window==null?void 0:window.blocklet)==null?void 0:a.componentMountPoints.map(l=>({...l,meta:{...l,did:l.did,name:l.name||l.title||"",logo:"logo.png"}}))}});return h.useEffect(()=>{t==="notifications"&&o&&o()},[t,o]),r.jsxs(r.Fragment,{children:[r.jsx(ut,{children:r.jsx("title",{children:s("pageTitle.userCenter")})}),r.jsx(ft,{currentTab:t?xt(ht.WELLKNOWN_SERVICE_PATH_PREFIX,"user",t):"",disableAutoRedirect:t==="settings",children:t==="notifications"?r.jsx(vn,{blocklets:[i],context:n}):null})]})}export{Mn as default};