@abtnode/webapp 1.16.23-beta-c9c4e08e → 1.16.23-beta-ed83c878

package/build/static/js/{4549.d784c0dc.chunk.js → 4549.ed31a818.chunk.js}

@@ -1 +1 @@
-(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[4549],{56742:(e,n,i)=>{const{toBuffer:t,toAddress:o}=i(49394),{base32:r}=i(46422);e.exports={encode:e=>{if(!e)return e;const n=t(o(e));return r.encode(n)}}},27472:(e,n,i)=>{const t=i(6352),o=i(94874),r="z2qaGosS3rZ7m5ttP3Nd4V4qczR9TryTcRV4p";e.exports={DID_DOMAIN_SERVICE_DID:r,getDidDomainServiceURL:async e=>{var n;if(!e||null===e||void 0===e||!e.trim())return null;const i=new URL(e);i.pathname="__blocklet__.js",i.searchParams.set("type","json");const{data:a}=await o.get(i.toString()),s=null===a||void 0===a||null===(n=a.componentMountPoints)||void 0===n?void 0:n.find((e=>e.did===r)),l=new URL(e);l.pathname=null===s||void 0===s?void 0:s.mountPoint;const d=l.toString(),c=t(d,"/api");return{base:d,api:c,domain:t(c,"/domains")}}}},44543:(e,n,i)=>{const t=i(57156);e.exports=(e,n)=>t(e)===t(n)},92726:(e,n,i)=>{"use strict";i.d(n,{Z:()=>f});var t,o=i(71171),r=i(5057),a=i(55898),s=i.n(a),l=i(33518),d=i(53066),c=i(6019),m=i(76282),u=i(72104),p=i(83963),h=i(15598),x=i(96266);function f(e){let{actions:n,size:i,...t}=e;const[o,a]=(0,r.useState)(null),s=Boolean(o),l=e=>{try{e.stopPropagation(),e.preventDefault()}catch{}a(null)};return(0,x.jsxs)(g,{...t,children:[(0,x.jsx)(d.Z,{"aria-label":"more","aria-controls":"actions-menu","aria-haspopup":"true","data-cy":"actions-menu-icon",onClick:e=>{try{e.stopPropagation(),e.preventDefault()}catch{}a(e.currentTarget)},size:i,children:(0,x.jsx)(u.Z,{})}),(0,x.jsx)(c.Z,{id:"actions-menu","data-cy":"actions-menu",anchorEl:o,keepMounted:!0,open:s,onClose:l,PaperProps:{},children:n.map(((e,n)=>{if("function"===typeof e)return e({close:l});const{icon:i,text:t,onClick:o,disabled:a=!1,...s}=e;return(0,r.createElement)(m.Z,{...s,disabled:a,dense:!0,onClick:async e=>{await o(e),l()},key:n,"data-cy":"actions-menu-".concat(n)},(0,x.jsx)(p.Z,{style:{minWidth:24,marginRight:8},children:i}),(0,x.jsx)(h.Z,{primary:t}))}))})]})}f.propTypes={actions:s().array,size:s().oneOf(["small","medium","large"])},f.defaultProps={actions:[],size:"small"};const g=l.Z.div(t||(t=(0,o.Z)([""])))},64549:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>Ve});var t=i(71171),o=i(28726),r=i(33518),a=i(5057),s=i(15917),l=i(5534),d=i(64886),c=i(68420),m=i(19778),u=i(38242),p=i(60967),h=i(29054),x=i(58238),f=i(17450),g=i(14491),v=i(81010),j=i(4651),y=i(55898),b=i.n(y),Z=i(98221),D=i(2752),k=i(58717),P=i(87543),C=i(15008),T=i(51744),S=i(53066),w=i(50410),R=i(69292),E=i(8262),I=i(92102),A=i(56742),q=i(49714),F=i(18067),z=i(25710),_=i(69544),L=i(63406),N=i(74511),B=i(88574),M=i(86229),O=i(77277),W=i(70461),U=i(96266);const H=e=>["waiting","creating","renewaling"].includes(e);function V(e){var n,i;const{t:t}=(0,c.PE)(),[o,r]=(0,a.useState)(!1),{inService:s}=(0,x.h6)(),[l,d]=(0,a.useState)(null),{siteId:m,domain:u,onAdd:p,children:f,did:g}=e,[v,j]=(0,a.useState)(!1),{api:y,ws:{useSubscription:b}}=(0,x.h6)(),{mode:Z,actions:{refreshDomainStatus:D}}=(0,h.y0)(),k=(0,N.Z)((async()=>{const{cert:e}=await y.findCertificateByDomain({input:{domain:u,did:g}});return e})),P=(e,n)=>{e.domain===u&&(j(!1),r(!1),s&&"setup"!==Z&&("success"===n?M.Z.success(t("setup.domain.genCertSuccess",{domain:e.domain})):"error"===n&&M.Z.error(t("setup.domain.genCertFailed",{domain:e.domain,message:e.message}))))};if((0,a.useEffect)((()=>{var e;k.loading||j(H(null===(e=k.value)||void 0===e?void 0:e.status))}),[k.loading,null===(n=k.value)||void 0===n?void 0:n.status]),b(O.BlockletEvents.certError,(e=>P(e,"error"))),b(O.BlockletEvents.certIssued,(e=>{k.retry(),D(e.domain),P(e,"success")})),k.loading)return"";if("normal"===(null===(i=k.value)||void 0===i?void 0:i.status))return"";const C={title:t("router.cert.genLetsEncryptCert.title"),description:(0,U.jsxs)("div",{children:[(0,U.jsx)(B.Z,{type:"success",children:t("router.cert.genLetsEncryptCert.dnsTip")}),t("router.cert.genLetsEncryptCert.description")]}),confirm:t("common.confirm"),onConfirm:async()=>{r(!0);try{await y.issueLetsEncryptCert({input:{siteId:m,domain:u,did:g,inBlockletSetup:"setup"===Z}}),p(),j(!0)}catch(e){console.error(e),j(!1)}finally{r(!1),d(null)}},onCancel:()=>{r(!1),d(null)}};return(0,U.jsxs)(U.Fragment,{children:[v?(0,U.jsx)(R.Z,{title:t("router.cert.issuing"),children:(0,U.jsx)(_.Z,{size:12})}):f({loading:o,open:e=>{e.stopPropagation(),d(C)}}),l&&(0,U.jsx)(W.Z,{color:"primary",title:l.title,description:l.description,confirm:l.confirm,params:l.params,onConfirm:l.onConfirm,onCancel:l.onCancel})]})}function K(e){const{domain:n,domainStatus:i,...t}=e;return!(0,g.rM)(n)||null!==i&&void 0!==i&&i.isHttps?"":(0,U.jsx)(V,{domain:n,...t})}V.propTypes={domain:b().string.isRequired,did:b().string.isRequired,siteId:b().string.isRequired,onAdd:b().func,children:b().any},V.defaultProps={onAdd:()=>{},children:null},K.propTypes={domain:b().string.isRequired,domainStatus:b().shape({isHttps:b().bool}).isRequired,did:b().string.isRequired,onAdd:b().func,children:b().any},K.defaultProps={onAdd:()=>{},children:null};var Y=i(80601),G=i(76282),X=i(31853),J=i(11854),Q=i.n(J);const $=(0,a.createContext)({}),{Provider:ee,Consumer:ne}=$;function ie(e){let{children:n}=e;const[i,t]=(0,X.Z)({domain:"",error:null}),{locale:o,t:r}=(0,c.PE)(),{api:a}=(0,x.h6)(),s={error:i.error,domain:i.domain,setError:e=>{t({error:e})},setDomain:e=>{const n=Q()(e),i=(0,g.ub)(n,o);t({domain:n,error:i})},validateDomain:async(e,n)=>{if(!i.error&&n&&"nftDomain"!==n){if(!0===(await a.isDidDomain({input:{domain:e}})).value)return t({error:r("router.domainAlias.add.isDidDomainError")}),!1}return!0}};return(0,U.jsx)(ee,{value:{value:s},children:n})}function te(){const{value:e}=(0,a.useContext)($);return e}var oe=i(27472),re=i(66935),ae=i(35966),se=i(47081),le=i(70287),de=i(60726),ce=i(72739),me=i(92706),ue=i.n(me),pe=i(26796),he=i(60344),xe=i(12937);function fe(e){let{domain:n,resolvedTarget:i,...t}=e;const{t:o,locale:r}=(0,c.PE)();return(0,U.jsxs)(P.Z,{sx:{backgroundColor:"rgb(236, 251, 253)",borderColor:"rgb(236, 251, 253)",borderRadius:"8px",padding:"12px"},...t,children:[(0,U.jsxs)(P.Z,{display:"flex",children:[o("router.domain.setup.tipStart"),n&&(0,U.jsx)(P.Z,{mx:.5,color:"primary.main",fontWeight:"fontWeightBold",children:n}),o("router.domain.setup.tipEnd"),":"]}),(0,U.jsxs)(P.Z,{sx:{"&>div":{mb:0},marginTop:"8px"},children:[(0,U.jsx)(ge,{label:o("router.domain.setup.recordType"),value:"CNAME",locale:r}),(0,U.jsx)(ge,{label:o("router.domain.setup.recordValue"),value:i,locale:r})]})]})}function ge(e){let{locale:n,label:i,value:t}=e;const o=(0,I.Z)((e=>e.breakpoints.down("md"))),r=(0,E.Z)();return(0,U.jsx)(d.Z,{name:i,nameWidth:120,children:(0,U.jsxs)(P.Z,{sx:{display:"flex",alignItems:"center",lineHeight:1},children:[(0,U.jsx)(p.Z,{component:"span",color:"primary.main",overflow:"auto",sx:o?{maxWidth:"95%",wordWrap:"break-word"}:{wordWrap:"break-word"},children:t}),(0,U.jsx)(xe.q,{content:t,locale:n,style:{marginLeft:"4px",color:r.palette.text.secondary}})]})})}fe.propTypes={domain:b().string,resolvedTarget:b().string.isRequired},fe.defaultProps={domain:""},ge.propTypes={locale:b().string.isRequired,label:b().string.isRequired,value:b().string.isRequired};var ve=i(51233);function je(e){let{siteId:n,teamDid:i,cnameDomain:t,defaultCustomDomain:r,onInputDomain:a,appId:s,appPk:l,onSuccess:d,disabled:m,autoFocus:u,inBlockletSetup:p,...h}=e;const{t:f,locale:v}=(0,c.PE)(),{api:j,info:y}=(0,x.h6)(),b=te(),Z=(0,E.Z)(),[D,k]=(0,X.Z)({domain:r,error:null,type:null!==y&&void 0!==y&&y.nftDomainUrl?"nftDomain":"inputDomain",showNFTDomainAuth:!1,showDnsTip:!1}),C=(0,pe.default)((()=>(0,oe.getDidDomainServiceURL)(null===y||void 0===y?void 0:y.nftDomainUrl)));if(null!==y&&void 0!==y&&y.nftDomainUrl&&C.loading)return(0,U.jsx)(P.Z,{...h,children:(0,U.jsx)(ae.Z,{relative:"parent",children:(0,U.jsx)(_.Z,{})})});if(C.error)return(0,U.jsx)(P.Z,{...h,children:(0,U.jsx)(ae.Z,{relative:"parent",children:C.error.message})});const T=async e=>{let{domain:t,nftDid:o,chainHost:r}=e;try{const e=(0,ve.sf)(t);await j.addDomainAlias({input:{id:n,type:"nft-domain",domainAlias:e,nftDid:o,chainHost:r,teamDid:i,inBlockletSetup:p}}),await(0,g._v)(2e3),k({confirmSetting:null,showNFTDomainAuth:!1,type:"nftDomain"}),d({domain:e,type:D.type,nftDid:o,chainHost:r})}catch(S){M.Z.error(S.message)}finally{k({showNFTDomainAuth:!1})}},S=b.error||D.error,w=C.value,R={inputDomain:{name:f("router.domainAlias.inputDomain"),component:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(ce.Z,{label:f("router.domainAlias.add.domainDescription"),helperText:"inputDomain"===D.type&&S||f("router.domainAlias.add.helperText"),inputProps:{"data-cy":"domain-name-input"},fullWidth:!0,disabled:m,value:D.domain,size:"small",variant:"outlined",error:!!S&&"inputDomain"===D.type,onChange:e=>{var n;const i=Q()(null===(n=e.target)||void 0===n?void 0:n.value);b.setDomain(i);const t=(0,g.ub)(i,v);k({domain:i,error:t,type:"inputDomain"}),a({domain:i,error:t,type:"inputDomain"})},autoFocus:u,onBlur:()=>{b.domain||(k({error:null}),b.setError(null))}}),(0,U.jsxs)(P.Z,{sx:{cursor:"pointer",fontSize:"14px",display:"flex",alignItems:"center",gap:"4px",marginTop:"8px",lineHeight:1,color:Z.palette.primary.main},onClick:()=>k({showDnsTip:!D.showDnsTip}),children:[(0,U.jsx)(se.Z,{fontSize:"1em"}),f("router.domainAlias.showTipHint")]}),D.showDnsTip&&(0,U.jsx)(fe,{domain:D.domain,resolvedTarget:t,style:{marginTop:"4px"}})]})}};null!==y&&void 0!==y&&y.nftDomainUrl&&w&&(R.nftDomain={name:f("router.domainAlias.nftDomain"),component:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(P.Z,{sx:{maxWidth:"640px",color:"text.secondary",fontSize:"14px"},children:[(0,U.jsx)("div",{children:f("router.domainAlias.addDomainNFT.tips")}),(0,U.jsxs)("div",{children:[f("router.domainAlias.addDomainNFT.buyTip"),(0,U.jsxs)(de.Z,{href:w.base,sx:{fontSize:"14px",display:"inline-flex",alignItems:"center"},target:"_blank",children:[(0,U.jsx)("i",{children:f("router.domainAlias.addDomainNFT.buy")}),(0,U.jsx)(le.Z,{fontSize:"small"})]})]})]}),(0,U.jsx)(o.Z,{sx:{marginTop:"8px"},disabled:m,onClick:()=>k({showNFTDomainAuth:!0}),variant:"contained",children:f("router.domainAlias.addDomainNFT.showNFT")}),(0,U.jsx)(re.Z,{open:D.showNFTDomainAuth,popup:!0,useSocket:!1,action:"authorize",baseUrl:w.api,checkFn:he.od.create({baseURL:w.api}).get,extraParams:{delegatee:s,delegateePk:l},onSuccess:T,onClose:()=>k({showNFTDomainAuth:!1}),checkTimeout:3e5,showDownload:!1,messages:{title:f("router.domainAlias.addDomainNFT.connect.title"),scan:f("router.domainAlias.addDomainNFT.connect.scan"),confirm:f("router.domainAlias.addDomainNFT.connect.confirm"),success:f("router.domainAlias.addDomainNFT.connect.success")}})]})});const I=Object.keys(R);return I.sort((e=>"inputDomain"===e?1:-1)),(0,U.jsx)(P.Z,{...h,children:(0,U.jsx)(P.Z,{sx:{display:"flex",flexDirection:"column",justifyContent:"flex-start",gap:"1em"},children:I.map(((e,n)=>{var i,t;return(0,U.jsxs)(P.Z,{children:[I.length>1&&(0,U.jsx)(P.Z,{sx:{fontWeight:700,color:Z.palette.text.primary},children:"".concat(f("optionsOrder.".concat(n+1)),": ").concat(null===(i=R[e])||void 0===i?void 0:i.name)}),(0,U.jsx)(P.Z,{sx:{marginTop:"8px"},children:null===(t=R[e])||void 0===t?void 0:t.component})]},e)}))})})}function ye(e){let{id:n,children:i,title:t,teamDid:o,systemDomains:r,appId:a,appPk:s}=e;const{t:l}=(0,c.PE)(),{api:d}=(0,x.h6)(),[m,u]=(0,X.Z)({loading:!1,confirmSetting:null}),p=r.find((e=>(0,q.isDidDomain)(e))),h=te(),f={title:t||l("router.domainAlias.add.title"),description:function(e,i,t){return(0,U.jsx)(je,{siteId:n,teamDid:o,cnameDomain:p,onSuccess:()=>u({confirmSetting:null}),onInputDomain:n=>{let{domain:o,type:r,error:a}=n;i({...e,domain:o,type:r,__disableConfirm:!!a}),t(a)},appId:a,appPk:s})},confirm:l("common.confirm"),cancel:l("common.cancel"),params:{domain:"",__disableConfirm:!0},onConfirm:async e=>{if(!m.loading){u({loading:!0});try{const i=(0,ve.sf)(e.domain);if(!await h.validateDomain(i,e.type))return!1;await d.addDomainAlias({input:{id:n,domainAlias:i,teamDid:o}}),await(0,g._v)(2e3),u({confirmSetting:null})}catch(i){return h.setError(i.message),!1}finally{u({loading:!1})}}},onCancel:()=>{u({loading:!1,confirmSetting:null})}},v=e=>{e.stopPropagation(),u({confirmSetting:f})};return(0,U.jsxs)(U.Fragment,{children:["function"===typeof i?i({loading:m.loading,open:v}):(0,U.jsxs)(G.Z,{onClick:v,className:"rule-action","data-cy":"action-add-domain-alias",children:[m.loading?(0,U.jsx)(_.Z,{size:16}):(0,U.jsx)(Y.Z,{style:{fontSize:18,marginRight:5}}),l("router.domainAlias.add.title")]}),m.confirmSetting&&(0,U.jsx)(W.Z,{title:m.confirmSetting.title,description:m.confirmSetting.description,confirm:m.confirmSetting.confirm,cancel:m.confirmSetting.cancel,params:m.confirmSetting.params,onConfirm:m.confirmSetting.onConfirm,onCancel:m.confirmSetting.onCancel,displayError:!1,color:"primary",loading:m.loading,maxWidth:"lg"})]})}function be(e){return(0,U.jsx)(ie,{children:(0,U.jsx)(ye,{...e})})}je.propTypes={siteId:b().string.isRequired,teamDid:b().string.isRequired,cnameDomain:b().string.isRequired,defaultCustomDomain:b().string,onInputDomain:b().func,onSuccess:b().func,appId:b().string,appPk:b().string,disabled:b().bool,autoFocus:b().bool,inBlockletSetup:b().bool},je.defaultProps={defaultCustomDomain:"",onInputDomain:ue(),onSuccess:ue(),appId:"",appPk:"",disabled:!1,autoFocus:!0,inBlockletSetup:!1},ye.propTypes={id:b().string.isRequired,children:b().any,title:b().string,teamDid:b().string,systemDomains:b().arrayOf(b().string).isRequired,appId:b().string,appPk:b().string.isRequired},ye.defaultProps={children:null,title:"",teamDid:"",appId:null};var Ze=i(83963),De=i(15598),ke=i(95122),Pe=i(92726);function Ce(e){const{t:n}=(0,c.PE)(),[i,t]=(0,a.useState)(!1),[r,s]=(0,a.useState)(null),{id:l,domain:d,children:m,teamDid:u}=e,{api:p}=(0,x.h6)(),h={title:n("router.domainAlias.delete.title"),description:n("router.domainAlias.delete.description"),confirm:n("common.confirm"),onConfirm:async()=>{t(!0);try{await p.deleteDomainAlias({input:{id:l,domainAlias:d,teamDid:u}}),await(0,g._v)(2e3)}catch(e){M.Z.error(e.message)}finally{s(null),t(!1)}},onCancel:()=>{t(!1),s(null)}},f=e=>{e.stopPropagation(),s(h)};return(0,U.jsxs)(U.Fragment,{children:["function"===typeof m?m({loading:i,open:f}):(0,U.jsxs)(o.Z,{edge:"end",onClick:f,size:"small",className:"rule-action",color:"error","data-cy":"action-delete-domain-alias",children:[i?(0,U.jsx)(_.Z,{size:16}):(0,U.jsx)(ke.Z,{style:{fontSize:16}}),n("router.domainAlias.delete.title")]}),r&&(0,U.jsx)(W.Z,{title:r.title,description:r.description,confirm:r.confirm,params:r.params,onConfirm:r.onConfirm,onCancel:r.onCancel})]})}function Te(e){let{site:n,domain:i,blocklet:t}=e;const{t:o}=(0,c.PE)(),r=i.value===window.location.hostname;return(0,U.jsx)(Pe.Z,{"data-cy":"domain-actions",size:"large",actions:[e=>{var a;let{close:s}=e;return(0,U.jsx)(Ce,{id:n.id,domain:i.value,teamDid:null===t||void 0===t||null===(a=t.meta)||void 0===a?void 0:a.did,children:e=>{let{open:n}=e;return(0,U.jsx)(R.Z,{title:r?o("blocklet.router.currentDomainTip"):"",children:(0,U.jsx)("span",{children:(0,U.jsxs)(G.Z,{disabled:i.isProtected||r,dense:!0,onClick:e=>{s(),n(e)},"data-cy":"action-toggle-block",children:[(0,U.jsx)(Ze.Z,{style:{minWidth:24,marginRight:8},children:(0,U.jsx)(ke.Z,{})}),(0,U.jsx)(De.Z,{primary:o("common.delete")})]},"remove")})})}})}]})}Ce.propTypes={id:b().string.isRequired,domain:b().string.isRequired,children:b().any,teamDid:b().string},Ce.defaultProps={children:null,teamDid:""},Te.propTypes={site:b().object.isRequired,domain:b().object.isRequired,blocklet:b().object.isRequired},Te.defaultProps={};var Se=i(31647),we=i(69569);const Re=b().shape({href:b().string,accessibility:b().shape({loading:b().bool,accessible:b().bool}),domainStatus:b().shape({isHttps:b().bool,matchedCert:b().object}),dns:b().shape({resolved:b().bool,ip:b().string})});var Ee,Ie=i(43681),Ae=i.n(Ie);function qe(e){let{certificate:n}=e;const[i,t]=(0,a.useState)(null),o=(0,x.h6)(),{t:r,locale:s}=(0,c.PE)(),l=()=>{t(null)},d=Boolean(i);return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(Se.Z,{"aria-owns":d?"mouse-over-popover":void 0,onMouseEnter:e=>{t(e.currentTarget)},onMouseLeave:l,style:{color:"#44cdc6",fontSize:20,cursor:"pointer"}}),(0,U.jsx)(w.ZP,{id:"mouse-over-popover",style:{pointerEvents:"none"},open:d,anchorEl:i,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:l,disableRestoreFocus:!0,children:(0,U.jsx)(C.Z,{children:(0,U.jsxs)(T.Z,{style:{display:"flex"},children:[(0,U.jsx)("div",{children:(0,U.jsx)("img",{src:"".concat(o.imgPrefix,"/https-certificate-icon.png"),alt:"certificate icon",style:{maxHeight:"100%",maxWidth:"100%"}})}),(0,U.jsxs)(p.Z,{component:"div",style:{marginLeft:"16px"},children:[(0,U.jsx)(p.Z,{component:"div",style:{fontWeight:"bold"},children:n.domain}),(0,U.jsx)(p.Z,{component:"div",children:"".concat(r("common.issuer"),": ").concat(Ae()(n,"issuer.commonName",""))}),(0,U.jsx)(p.Z,{component:"div",children:"".concat(r("router.cert.issuedOn"),": ").concat((0,g.pz)(n.validFrom,s))}),(0,U.jsx)(p.Z,{component:"div",children:"".concat(r("router.cert.expiryOn"),": ").concat((0,g.pz)(n.validTo,s))})]})]})})})]})}function Fe(e){let{domain:n,filters:i}=e;const{t:t}=(0,c.PE)(),{value:o,domainStatus:r}=n;if(!(0,g.rM)(o))return null;let s=null,l=null;const{isHttps:d,matchedCert:m}=r;if(!(0,g.ao)(o)){const{dns:{resolved:e,ip:n}={}}=r;s=e||"127.0.0.1"===n?(0,U.jsx)(R.Z,{title:t("router.domain.verify.ok"),children:(0,U.jsx)(we.Z,{color:"success"})}):(0,U.jsx)(R.Z,{title:t("router.domain.verify.notResolved"),children:(0,U.jsx)(we.Z,{color:"error"})})}l=d?(0,U.jsx)(qe,{certificate:m}):(0,U.jsx)(R.Z,{title:t("router.domain.https.bad"),children:(0,U.jsx)(Se.Z,{style:{color:"#D0021B",fontSize:20,cursor:"pointer"}})});const u=i.map((e=>"domain"===e?s:"http"===e?l:null));return(0,a.createElement)(a.Fragment,null,...u)}qe.propTypes={certificate:b().object},qe.defaultProps={certificate:{}},Fe.propTypes={domain:Re.isRequired,filters:b().array},Fe.defaultProps={filters:["domain","http"]};const ze=(0,L.V)(Ne,"mutate_blocklets"),_e=(0,L.V)(Ne,"",g.Wf);function Le(e){const{inService:n}=(0,x.h6)(),{blocklet:i,loadingRuntimeInfo:t}=(0,h.y0)();let o=ze;return n&&(o=_e),(0,U.jsx)(o,{...e,blocklet:i,inService:n,loadingRuntimeInfo:t})}function Ne(e){var n,i,t,r;let{hasPermission:d,blocklet:m,loadingRuntimeInfo:p,inService:h,listOnly:x}=e;const{t:f}=(0,c.PE)(),[v,y]=(0,a.useState)(!1),b=(0,I.Z)((e=>e.breakpoints.down("md"))),D=(0,a.useMemo)((()=>{let e=d;return(0,j.ep)(m)&&(e=e&&h),e}),[d,h,m]),{site:C}=m,T=(0,a.useMemo)((()=>{var e;return(0,g.oE)(null===(e=m.site)||void 0===e?void 0:e.domainAliases)}),[null===(n=m.site)||void 0===n?void 0:n.domainAliases]),S=[],w=[],R=(0,A.encode)(m.appPid),E=null===(i=m.environments)||void 0===i||null===(t=i.find((e=>"BLOCKLET_APP_PK"===e.key)))||void 0===t?void 0:t.value,F=(0,g.M6)(T);return T.forEach((e=>{const n=e.value||"";(0,q.isDidDomain)(n)&&!n.startsWith(R)?w.push(e):S.push(e)})),(0,U.jsxs)(U.Fragment,{children:[!x&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(P.Z,{className:"title first",display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,U.jsx)(P.Z,{children:f("common.domain")}),D&&(0,U.jsx)(be,{id:C.id,title:f("router.domain.add.title"),teamDid:null===(r=m.meta)||void 0===r?void 0:r.did,appId:m.appPid,appPk:E,systemDomains:null===F||void 0===F?void 0:F.map((e=>e.value)),children:e=>{let{open:n}=e;return(0,U.jsxs)(o.Z,{style:{marginLeft:16},variant:"contained",color:"primary","data-cy":"add-domain-alias",onClick:n,disabled:(0,u.isInProgress)(m.status),children:[(0,U.jsx)(Z.Z,{style:{fontSize:"1.3em",marginRight:4}}),f("common.add")]})}})]}),!1===(0,u.isAccessible)(m.status)&&(0,U.jsx)(P.Z,{mt:1.5,mb:1.5,children:(0,U.jsx)(k.Z,{severity:"warning",children:f("blocklet.router.noRunning")})})]}),(0,U.jsx)(P.Z,{sx:{display:"flex",flexDirection:"column",gap:1},children:(v?T:S).map((e=>{var n,i;const t=e.value;return(0,U.jsxs)(a.Fragment,{children:[b&&(0,U.jsxs)(P.Z,{display:"flex",flexDirection:"column",children:[(0,U.jsx)(P.Z,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:(0,U.jsx)(Be,{domain:e,target:"_blank",children:e.value})}),(0,U.jsxs)(P.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,U.jsxs)(P.Z,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1},children:[(0,U.jsx)(Fe,{domain:e,filters:["domain"]},"".concat(e.value,"-domain")),(0,U.jsx)(We,{siteId:null===(n=m.site)||void 0===n?void 0:n.id,domain:e,blocklet:m,hasMutatePermission:D})]}),(0,U.jsx)(P.Z,{sx:{button:{padding:0}},children:(0,U.jsx)(Oe,{hasMutatePermission:D,site:C,domain:e,blocklet:m})})]})]},t),!b&&(0,U.jsxs)(P.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,U.jsxs)(P.Z,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:[(0,U.jsx)(Fe,{domain:e,filters:["domain"]},"".concat(e.value,"-domain")),(0,U.jsx)(P.Z,{sx:{ml:2,mr:.5},children:(0,U.jsx)(Be,{domain:e,target:"_blank",children:e.value})}),(0,U.jsx)(We,{siteId:null===(i=m.site)||void 0===i?void 0:i.id,domain:e,blocklet:m,hasMutatePermission:D})]}),(0,U.jsx)(P.Z,{sx:{button:{padding:0}},children:(0,U.jsx)(Oe,{hasMutatePermission:D,site:C,domain:e,blocklet:m})})]},t)]},t)}))}),w.length>0&&(0,U.jsx)("div",{style:{marginLeft:"20px",marginTop:"12px"},children:(0,U.jsx)(o.Z,{endIcon:v?(0,U.jsx)(s.Z,{}):(0,U.jsx)(l.Z,{}),onClick:()=>y(!v),children:f(v?"common.collapseAll":"blocklet.router.showAllDomains")})}),!T.length&&(p?(0,U.jsx)(_.Z,{size:16}):(0,U.jsx)(z.Z,{children:f("common.empty")}))]})}function Be(e){let{domain:n,children:i,...t}=e;const{t:o}=(0,c.PE)(),{href:r,accessibility:a}=n;return!a||a.loading?(0,U.jsxs)(Me,{...t,children:[i,(0,U.jsx)(R.Z,{title:o("blocklet.router.checkUrlAccessible"),placement:"top-end",children:(0,U.jsx)("span",{className:"status",children:(0,U.jsx)(_.Z,{size:12})})})]}):a.accessible?(0,U.jsx)(Me,{...t,children:(0,U.jsx)("a",{href:r,target:"_blank",rel:"noopener noreferrer",children:i})}):(0,U.jsx)(Me,{...t,children:(0,U.jsx)(R.Z,{title:o("blocklet.router.urlInaccessible"),placement:"top-end",children:(0,U.jsx)("span",{children:i})})})}Le.propTypes={listOnly:b().bool},Le.defaultProps={listOnly:!1},Ne.propTypes={hasPermission:b().bool,blocklet:b().object.isRequired,loadingRuntimeInfo:b().bool,inService:b().bool.isRequired,listOnly:b().bool},Ne.defaultProps={hasPermission:!1,loadingRuntimeInfo:!1,listOnly:!1},Be.propTypes={domain:Re.isRequired,children:b().any.isRequired};const Me=r.Z.span(Ee||(Ee=(0,t.Z)(["\n  &,\n  & > * {\n    color: #222;\n    font-size: 18px;\n    word-break: break-all;\n  }\n\n  .status {\n    margin-left: 8px;\n  }\n"])));function Oe(e){let{hasMutatePermission:n,site:i,domain:t,blocklet:o}=e;const r=(0,E.Z)(),{t:a}=(0,c.PE)();return n&&!t.isProtected?(0,U.jsx)(Te,{site:i,domain:t,blocklet:o}):(0,U.jsx)(R.Z,{title:a("blocklet.router.domainLockTooltip"),placement:"top",children:(0,U.jsx)(S.Z,{disabled:!0,size:"large",style:{pointerEvents:"auto",paddingTop:0,paddingBottom:0},children:(0,U.jsx)(F.Z,{style:{fill:r.palette.text.disabled}})})})}function We(e){let{siteId:n,domain:i,blocklet:t,hasMutatePermission:r}=e;const s=(0,E.Z)(),{t:l}=(0,c.PE)(),[d,m]=(0,a.useState)(null),u=()=>{m(null)};return(0,U.jsxs)(P.Z,{sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:1},children:["nft-domain"===i.type&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(D.Z,{onMouseEnter:e=>{m(e.currentTarget)},onMouseLeave:u,style:{cursor:"pointer",fill:s.palette.primary.main}}),(0,U.jsx)(w.ZP,{id:"mouse-over-popover",style:{pointerEvents:"none"},open:Boolean(d),anchorEl:d,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:u,disableRestoreFocus:!0,children:(0,U.jsx)(C.Z,{children:(0,U.jsxs)(T.Z,{style:{display:"flex",flexDirection:"column"},children:[(0,U.jsxs)(p.Z,{component:"div",style:{display:"flex",alignItems:"center"},children:[(0,U.jsx)(D.Z,{style:{fill:s.palette.primary.main}}),(0,U.jsx)(p.Z,{component:"span",style:{marginLeft:"8px",fontSize:"18px",fontWeight:"bolder"},children:l("router.domainAlias.nftDomain")})]}),(0,U.jsxs)(p.Z,{component:"div",style:{display:"flex",marginTop:"12px"},children:[(0,U.jsx)(p.Z,{component:"span",style:{width:"80px",marginRight:"8px"},children:l("common.domain")}),(0,U.jsx)(p.Z,{component:"span",children:i.value})]}),(0,U.jsxs)(p.Z,{component:"div",style:{display:"flex"},children:[(0,U.jsx)(p.Z,{component:"span",style:{width:"80px",marginRight:"8px"},children:"NFT"}),(0,U.jsx)(f.Z,{did:i.nftDid})]})]})})})]}),(0,U.jsx)(Fe,{domain:i,filters:["http"]},"".concat(i.value,"-http")),r&&(0,U.jsx)(K,{siteId:n,domain:i.value,domainStatus:i.domainStatus,did:t.meta.did,children:e=>{let{open:n}=e;return(0,U.jsx)(o.Z,{sx:{padding:0},size:"small",onClick:e=>n(e),children:l("router.cert.genLetsEncryptCert.title")})}})]})}var Ue;Oe.propTypes={hasMutatePermission:b().bool.isRequired,site:b().object.isRequired,domain:Re.isRequired,blocklet:b().object.isRequired},We.propTypes={siteId:b().string.isRequired,domain:Re.isRequired,blocklet:b().object.isRequired,hasMutatePermission:b().bool.isRequired};const He={arcblock:"ArcBlock",ethereum:"Ethereum"};function Ve(){var e,n,i,t,r;const{t:p,locale:y}=(0,c.PE)(),{info:b,inService:Z}=(0,x.h6)(),[D,k]=(0,a.useState)(!1),{blocklet:P}=(0,h.y0)(),{appDid:C,appPid:T,migratedFrom:S=[]}=P,w=null===(e=P.environments.find((e=>"BLOCKLET_APP_CHAIN_TYPE"===e.key)))||void 0===e?void 0:e.value,R=[C?{name:p("blocklet.appId"),value:(0,U.jsx)(f.Z,{did:C})}:null,T?{name:p("blocklet.appPid"),value:(0,U.jsx)(f.Z,{did:T})}:null,(null===S||void 0===S?void 0:S.length)>1?{name:p("blocklet.alsoKnownAs"),value:(0,U.jsxs)("div",{children:[(D?S.slice(1):S.slice(1,2)).map((e=>(0,U.jsx)(f.Z,{did:e.appDid}))),S.length>2&&(0,U.jsx)(o.Z,{style:{marginLeft:"18px"},endIcon:D?(0,U.jsx)(s.Z,{}):(0,U.jsx)(l.Z,{}),onClick:()=>k(!D),children:p(D?"common.collapseAll":"blocklet.router.showAllDIDs")})]})}:null,{name:p("common.name"),value:(0,u.getDisplayName)(P,!0)},{name:p("common.status"),value:(0,U.jsx)(v.Z,{status:P.status,source:P.source,progress:P.progress})},(0,j.ep)(P)?{name:"NFT",value:(0,U.jsx)(f.Z,{external:!0,href:(0,g.E8)(null===P||void 0===P||null===(n=P.controller)||void 0===n?void 0:n.chainHost,null===P||void 0===P||null===(i=P.controller)||void 0===i?void 0:i.nftId,"asset"),did:null===P||void 0===P||null===(t=P.controller)||void 0===t?void 0:t.nftId})}:null,{name:p("blocklet.installedAt"),value:(0,g.B2)(P.installedAt,y)},{name:p("blocklet.overview.accessControl"),value:p("team.whoCanAccess.".concat((0,u.getWhoCanAccess)(P),".title"))},{name:p("common.owner"),value:null!==(r=P.settings)&&void 0!==r&&r.owner?(0,U.jsx)(f.Z,{did:P.settings.owner.did}):"--"},{name:p("blocklet.config.walletType.name"),value:He[w||"arcblock"]||w},P.externalSkSource?{name:p("blocklet.skSource"),value:P.externalSkSource}:null].filter(Boolean);Z&&R.push({name:p("common.serverDid"),value:(0,U.jsx)(f.Z,{did:b.did})},{name:p("common.serverVersion"),value:(0,U.jsx)(m.Z,{children:b.version})});return(0,U.jsxs)(Ke,{component:"div",children:[(0,U.jsx)(Le,{}),(0,U.jsx)("div",{className:"title",children:(0,U.jsx)("span",{children:p("common.basicInfo")})}),(0,U.jsx)("div",{className:"basicInfo",children:(E=R,E.map((e=>(0,U.jsx)(d.Z,{style:{display:"flex",alignItems:"flex-start"},valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:()=>e.name,children:e.value},e.name))))})]});var E}Ve.propTypes={};const Ke=(0,r.Z)(p.Z)(Ue||(Ue=(0,t.Z)(["\n  .title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    margin-top: ",";\n    margin-bottom: ",";\n\n    &.first {\n      margin-top: 0;\n    }\n  }\n"])),(e=>e.theme.spacing(5)),(e=>e.theme.spacing(3)))},51233:(e,n,i)=>{"use strict";i.d(n,{Rw:()=>c,fX:()=>d,sf:()=>m});var t=i(35432),o=i(44543),r=i.n(o),a=i(77277),s=i(32828);const l=(e,n)=>{if(e.type===t.ROUTING_RULE_TYPES.REDIRECT){if(!e.url)return new Error("".concat(n("router.validation.redirectUrlRequired")));if(!e.redirectCode)return new Error("redirect ".concat(n("router.validation.redirectCodeRequired")))}else if(e.type===t.ROUTING_RULE_TYPES.BLOCKLET&&!e.did)return new Error(n("router.validation.didRequired"));return null},d=(e,n)=>{const i=l(e,n);return i||(e.pathPrefix.length?e.pathPrefix.length>150?new Error(n("router.validation.pathPrefixTooLong",{length:150})):null:new Error(n("router.validation.pathPrefixCannotBeEmpty")))},c=e=>{let{params:n,blocklets:i,blocklet:t,locale:o="en"}=e;if(t){let e=(t.children||[]).find((e=>(0,s.default)(e.meta)&&r()(e.mountPoint,n.pathPrefix)));if("gateway"!==t.meta.group&&"/"===n.pathPrefix&&(e="/"),e)return{zh:"\u6302\u8f7d\u70b9 ".concat(n.pathPrefix," \u5df2\u5b58\u5728\uff0c\u8bf7\u4f7f\u7528\u5176\u4ed6\u6302\u8f7d\u70b9"),en:"The mount point ".concat(n.pathPrefix," already exist, please use another mount point")}[o]}const l=i.find((e=>e.meta.did===n.did));if(!l)return"";const d=l.meta.interfaces.find((e=>"web"===e.type));return d&&d.prefix!==a.BLOCKLET_DYNAMIC_PATH_PREFIX&&n.pathPrefix!==d.prefix?{zh:"\u8be5 blocklet \u53ea\u80fd\u6302\u8f7d\u5728 ".concat(d.prefix),en:"This blocklet can only be mounted on ".concat(d.prefix)}[o]:""},m=e=>{if(!e||"string"!==typeof e)return e;let n=e.trim();try{return n=n.toLowerCase(),n.startsWith("http://")||n.startsWith("https://")?new URL(n).hostname:n}catch(i){return console.error("format domain failed",i),n}}}}]);
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[4549],{56742:(e,n,i)=>{const{toBuffer:t,toAddress:o}=i(49394),{base32:r}=i(46422);e.exports={encode:e=>{if(!e)return e;const n=t(o(e));return r.encode(n)}}},27472:(e,n,i)=>{const t=i(6352),o=i(94874),r="z2qaGosS3rZ7m5ttP3Nd4V4qczR9TryTcRV4p";e.exports={DID_DOMAIN_SERVICE_DID:r,getDidDomainServiceURL:async e=>{var n;if(!e||null===e||void 0===e||!e.trim())return null;const i=new URL(e);i.pathname="__blocklet__.js",i.searchParams.set("type","json");const{data:a}=await o.get(i.toString()),s=null===a||void 0===a||null===(n=a.componentMountPoints)||void 0===n?void 0:n.find((e=>e.did===r)),l=new URL(e);l.pathname=null===s||void 0===s?void 0:s.mountPoint;const d=l.toString(),c=t(d,"/api");return{base:d,api:c,domain:t(c,"/domains")}}}},44543:(e,n,i)=>{const t=i(57156);e.exports=(e,n)=>t(e)===t(n)},92726:(e,n,i)=>{"use strict";i.d(n,{Z:()=>f});var t,o=i(71171),r=i(5057),a=i(55898),s=i.n(a),l=i(33518),d=i(53066),c=i(6019),m=i(76282),u=i(72104),p=i(83963),h=i(15598),x=i(96266);function f(e){let{actions:n,size:i,...t}=e;const[o,a]=(0,r.useState)(null),s=Boolean(o),l=e=>{try{e.stopPropagation(),e.preventDefault()}catch{}a(null)};return(0,x.jsxs)(g,{...t,children:[(0,x.jsx)(d.Z,{"aria-label":"more","aria-controls":"actions-menu","aria-haspopup":"true","data-cy":"actions-menu-icon",onClick:e=>{try{e.stopPropagation(),e.preventDefault()}catch{}a(e.currentTarget)},size:i,children:(0,x.jsx)(u.Z,{})}),(0,x.jsx)(c.Z,{id:"actions-menu","data-cy":"actions-menu",anchorEl:o,keepMounted:!0,open:s,onClose:l,PaperProps:{},children:n.map(((e,n)=>{if("function"===typeof e)return e({close:l});const{icon:i,text:t,onClick:o,disabled:a=!1,...s}=e;return(0,r.createElement)(m.Z,{...s,disabled:a,dense:!0,onClick:async e=>{await o(e),l()},key:n,"data-cy":"actions-menu-".concat(n)},(0,x.jsx)(p.Z,{style:{minWidth:24,marginRight:8},children:i}),(0,x.jsx)(h.Z,{primary:t}))}))})]})}f.propTypes={actions:s().array,size:s().oneOf(["small","medium","large"])},f.defaultProps={actions:[],size:"small"};const g=l.Z.div(t||(t=(0,o.Z)([""])))},64549:(e,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>Ve});var t=i(71171),o=i(28726),r=i(33518),a=i(5057),s=i(15917),l=i(5534),d=i(64886),c=i(68420),m=i(19778),u=i(38242),p=i(60967),h=i(29054),x=i(58238),f=i(17450),g=i(14491),v=i(81010),j=i(4651),y=i(55898),b=i.n(y),Z=i(98221),D=i(2752),k=i(58717),P=i(87543),C=i(15008),T=i(51744),S=i(53066),w=i(50410),R=i(69292),E=i(8262),I=i(92102),A=i(56742),q=i(49714),F=i(18067),z=i(25710),_=i(69544),L=i(63406),N=i(74511),B=i(88574),M=i(86229),O=i(77277),W=i(70461),U=i(96266);const H=e=>["waiting","creating","renewaling"].includes(e);function V(e){var n,i;const{t:t}=(0,c.PE)(),[o,r]=(0,a.useState)(!1),{inService:s}=(0,x.h6)(),[l,d]=(0,a.useState)(null),{siteId:m,domain:u,onAdd:p,children:f,did:g}=e,[v,j]=(0,a.useState)(!1),{api:y,ws:{useSubscription:b}}=(0,x.h6)(),{mode:Z,actions:{refreshDomainStatus:D}}=(0,h.y0)(),k=(0,N.Z)((async()=>{const{cert:e}=await y.findCertificateByDomain({input:{domain:u,did:g}});return e})),P=(e,n)=>{e.domain===u&&(j(!1),r(!1),s&&"setup"!==Z&&("success"===n?M.Z.success(t("setup.domain.genCertSuccess",{domain:e.domain})):"error"===n&&M.Z.error(t("setup.domain.genCertFailed",{domain:e.domain,message:e.message}))))};if((0,a.useEffect)((()=>{var e;k.loading||j(H(null===(e=k.value)||void 0===e?void 0:e.status))}),[k.loading,null===(n=k.value)||void 0===n?void 0:n.status]),b(O.BlockletEvents.certError,(e=>P(e,"error"))),b(O.BlockletEvents.certIssued,(e=>{k.retry(),D(e.domain),P(e,"success")})),k.loading)return"";if("normal"===(null===(i=k.value)||void 0===i?void 0:i.status))return"";const C={title:t("router.cert.genLetsEncryptCert.title"),description:(0,U.jsxs)("div",{children:[(0,U.jsx)(B.Z,{type:"success",children:t("router.cert.genLetsEncryptCert.dnsTip")}),t("router.cert.genLetsEncryptCert.description")]}),confirm:t("common.confirm"),onConfirm:async()=>{r(!0);try{await y.issueLetsEncryptCert({input:{siteId:m,domain:u,did:g,inBlockletSetup:"setup"===Z}}),p(),j(!0)}catch(e){console.error(e),j(!1)}finally{r(!1),d(null)}},onCancel:()=>{r(!1),d(null)}};return(0,U.jsxs)(U.Fragment,{children:[v?(0,U.jsx)(R.Z,{title:t("router.cert.issuing"),children:(0,U.jsx)(_.Z,{size:12})}):f({loading:o,open:e=>{e.stopPropagation(),d(C)}}),l&&(0,U.jsx)(W.Z,{color:"primary",title:l.title,description:l.description,confirm:l.confirm,params:l.params,onConfirm:l.onConfirm,onCancel:l.onCancel})]})}function K(e){const{domain:n,domainStatus:i,...t}=e;return!(0,g.rM)(n)||null!==i&&void 0!==i&&i.isHttps?"":(0,U.jsx)(V,{domain:n,...t})}V.propTypes={domain:b().string.isRequired,did:b().string.isRequired,siteId:b().string.isRequired,onAdd:b().func,children:b().any},V.defaultProps={onAdd:()=>{},children:null},K.propTypes={domain:b().string.isRequired,domainStatus:b().shape({isHttps:b().bool}).isRequired,did:b().string.isRequired,onAdd:b().func,children:b().any},K.defaultProps={onAdd:()=>{},children:null};var Y=i(80601),G=i(76282),X=i(31853),J=i(11854),Q=i.n(J);const $=(0,a.createContext)({}),{Provider:ee,Consumer:ne}=$;function ie(e){let{children:n}=e;const[i,t]=(0,X.Z)({domain:"",error:null}),{locale:o,t:r}=(0,c.PE)(),{api:a}=(0,x.h6)(),s={error:i.error,domain:i.domain,setError:e=>{t({error:e})},setDomain:e=>{const n=Q()(e),i=(0,g.ub)(n,o);t({domain:n,error:i})},validateDomain:async(e,n)=>{if(!i.error&&n&&"nftDomain"!==n){if(!0===(await a.isDidDomain({input:{domain:e}})).value)return t({error:r("router.domainAlias.add.isDidDomainError")}),!1}return!0}};return(0,U.jsx)(ee,{value:{value:s},children:n})}function te(){const{value:e}=(0,a.useContext)($);return e}var oe=i(27472),re=i(27212),ae=i(35966),se=i(47081),le=i(70287),de=i(60726),ce=i(72739),me=i(92706),ue=i.n(me),pe=i(26796),he=i(60344),xe=i(12937);function fe(e){let{domain:n,resolvedTarget:i,...t}=e;const{t:o,locale:r}=(0,c.PE)();return(0,U.jsxs)(P.Z,{sx:{backgroundColor:"rgb(236, 251, 253)",borderColor:"rgb(236, 251, 253)",borderRadius:"8px",padding:"12px"},...t,children:[(0,U.jsxs)(P.Z,{display:"flex",children:[o("router.domain.setup.tipStart"),n&&(0,U.jsx)(P.Z,{mx:.5,color:"primary.main",fontWeight:"fontWeightBold",children:n}),o("router.domain.setup.tipEnd"),":"]}),(0,U.jsxs)(P.Z,{sx:{"&>div":{mb:0},marginTop:"8px"},children:[(0,U.jsx)(ge,{label:o("router.domain.setup.recordType"),value:"CNAME",locale:r}),(0,U.jsx)(ge,{label:o("router.domain.setup.recordValue"),value:i,locale:r})]})]})}function ge(e){let{locale:n,label:i,value:t}=e;const o=(0,I.Z)((e=>e.breakpoints.down("md"))),r=(0,E.Z)();return(0,U.jsx)(d.Z,{name:i,nameWidth:120,children:(0,U.jsxs)(P.Z,{sx:{display:"flex",alignItems:"center",lineHeight:1},children:[(0,U.jsx)(p.Z,{component:"span",color:"primary.main",overflow:"auto",sx:o?{maxWidth:"95%",wordWrap:"break-word"}:{wordWrap:"break-word"},children:t}),(0,U.jsx)(xe.q,{content:t,locale:n,style:{marginLeft:"4px",color:r.palette.text.secondary}})]})})}fe.propTypes={domain:b().string,resolvedTarget:b().string.isRequired},fe.defaultProps={domain:""},ge.propTypes={locale:b().string.isRequired,label:b().string.isRequired,value:b().string.isRequired};var ve=i(51233);function je(e){let{siteId:n,teamDid:i,cnameDomain:t,defaultCustomDomain:r,onInputDomain:a,appId:s,appPk:l,onSuccess:d,disabled:m,autoFocus:u,inBlockletSetup:p,...h}=e;const{t:f,locale:v}=(0,c.PE)(),{api:j,info:y}=(0,x.h6)(),b=te(),Z=(0,E.Z)(),[D,k]=(0,X.Z)({domain:r,error:null,type:null!==y&&void 0!==y&&y.nftDomainUrl?"nftDomain":"inputDomain",showNFTDomainAuth:!1,showDnsTip:!1}),C=(0,pe.default)((()=>(0,oe.getDidDomainServiceURL)(null===y||void 0===y?void 0:y.nftDomainUrl)));if(null!==y&&void 0!==y&&y.nftDomainUrl&&C.loading)return(0,U.jsx)(P.Z,{...h,children:(0,U.jsx)(ae.Z,{relative:"parent",children:(0,U.jsx)(_.Z,{})})});if(C.error)return(0,U.jsx)(P.Z,{...h,children:(0,U.jsx)(ae.Z,{relative:"parent",children:C.error.message})});const T=async e=>{let{domain:t,nftDid:o,chainHost:r}=e;try{const e=(0,ve.sf)(t);await j.addDomainAlias({input:{id:n,type:"nft-domain",domainAlias:e,nftDid:o,chainHost:r,teamDid:i,inBlockletSetup:p}}),await(0,g._v)(2e3),k({confirmSetting:null,showNFTDomainAuth:!1,type:"nftDomain"}),d({domain:e,type:D.type,nftDid:o,chainHost:r})}catch(S){M.Z.error(S.message)}finally{k({showNFTDomainAuth:!1})}},S=b.error||D.error,w=C.value,R={inputDomain:{name:f("router.domainAlias.inputDomain"),component:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(ce.Z,{label:f("router.domainAlias.add.domainDescription"),helperText:"inputDomain"===D.type&&S||f("router.domainAlias.add.helperText"),inputProps:{"data-cy":"domain-name-input"},fullWidth:!0,disabled:m,value:D.domain,size:"small",variant:"outlined",error:!!S&&"inputDomain"===D.type,onChange:e=>{var n;const i=Q()(null===(n=e.target)||void 0===n?void 0:n.value);b.setDomain(i);const t=(0,g.ub)(i,v);k({domain:i,error:t,type:"inputDomain"}),a({domain:i,error:t,type:"inputDomain"})},autoFocus:u,onBlur:()=>{b.domain||(k({error:null}),b.setError(null))}}),(0,U.jsxs)(P.Z,{sx:{cursor:"pointer",fontSize:"14px",display:"flex",alignItems:"center",gap:"4px",marginTop:"8px",lineHeight:1,color:Z.palette.primary.main},onClick:()=>k({showDnsTip:!D.showDnsTip}),children:[(0,U.jsx)(se.Z,{fontSize:"1em"}),f("router.domainAlias.showTipHint")]}),D.showDnsTip&&(0,U.jsx)(fe,{domain:D.domain,resolvedTarget:t,style:{marginTop:"4px"}})]})}};null!==y&&void 0!==y&&y.nftDomainUrl&&w&&(R.nftDomain={name:f("router.domainAlias.nftDomain"),component:(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(P.Z,{sx:{maxWidth:"640px",color:"text.secondary",fontSize:"14px"},children:[(0,U.jsx)("div",{children:f("router.domainAlias.addDomainNFT.tips")}),(0,U.jsxs)("div",{children:[f("router.domainAlias.addDomainNFT.buyTip"),(0,U.jsxs)(de.Z,{href:w.base,sx:{fontSize:"14px",display:"inline-flex",alignItems:"center"},target:"_blank",children:[(0,U.jsx)("i",{children:f("router.domainAlias.addDomainNFT.buy")}),(0,U.jsx)(le.Z,{fontSize:"small"})]})]})]}),(0,U.jsx)(o.Z,{sx:{marginTop:"8px"},disabled:m,onClick:()=>k({showNFTDomainAuth:!0}),variant:"contained",children:f("router.domainAlias.addDomainNFT.showNFT")}),(0,U.jsx)(re.Z,{open:D.showNFTDomainAuth,popup:!0,useSocket:!1,action:"authorize",baseUrl:w.api,checkFn:he.od.create({baseURL:w.api}).get,extraParams:{delegatee:s,delegateePk:l},onSuccess:T,onClose:()=>k({showNFTDomainAuth:!1}),checkTimeout:3e5,showDownload:!1,messages:{title:f("router.domainAlias.addDomainNFT.connect.title"),scan:f("router.domainAlias.addDomainNFT.connect.scan"),confirm:f("router.domainAlias.addDomainNFT.connect.confirm"),success:f("router.domainAlias.addDomainNFT.connect.success")}})]})});const I=Object.keys(R);return I.sort((e=>"inputDomain"===e?1:-1)),(0,U.jsx)(P.Z,{...h,children:(0,U.jsx)(P.Z,{sx:{display:"flex",flexDirection:"column",justifyContent:"flex-start",gap:"1em"},children:I.map(((e,n)=>{var i,t;return(0,U.jsxs)(P.Z,{children:[I.length>1&&(0,U.jsx)(P.Z,{sx:{fontWeight:700,color:Z.palette.text.primary},children:"".concat(f("optionsOrder.".concat(n+1)),": ").concat(null===(i=R[e])||void 0===i?void 0:i.name)}),(0,U.jsx)(P.Z,{sx:{marginTop:"8px"},children:null===(t=R[e])||void 0===t?void 0:t.component})]},e)}))})})}function ye(e){let{id:n,children:i,title:t,teamDid:o,systemDomains:r,appId:a,appPk:s}=e;const{t:l}=(0,c.PE)(),{api:d}=(0,x.h6)(),[m,u]=(0,X.Z)({loading:!1,confirmSetting:null}),p=r.find((e=>(0,q.isDidDomain)(e))),h=te(),f={title:t||l("router.domainAlias.add.title"),description:function(e,i,t){return(0,U.jsx)(je,{siteId:n,teamDid:o,cnameDomain:p,onSuccess:()=>u({confirmSetting:null}),onInputDomain:n=>{let{domain:o,type:r,error:a}=n;i({...e,domain:o,type:r,__disableConfirm:!!a}),t(a)},appId:a,appPk:s})},confirm:l("common.confirm"),cancel:l("common.cancel"),params:{domain:"",__disableConfirm:!0},onConfirm:async e=>{if(!m.loading){u({loading:!0});try{const i=(0,ve.sf)(e.domain);if(!await h.validateDomain(i,e.type))return!1;await d.addDomainAlias({input:{id:n,domainAlias:i,teamDid:o}}),await(0,g._v)(2e3),u({confirmSetting:null})}catch(i){return h.setError(i.message),!1}finally{u({loading:!1})}}},onCancel:()=>{u({loading:!1,confirmSetting:null})}},v=e=>{e.stopPropagation(),u({confirmSetting:f})};return(0,U.jsxs)(U.Fragment,{children:["function"===typeof i?i({loading:m.loading,open:v}):(0,U.jsxs)(G.Z,{onClick:v,className:"rule-action","data-cy":"action-add-domain-alias",children:[m.loading?(0,U.jsx)(_.Z,{size:16}):(0,U.jsx)(Y.Z,{style:{fontSize:18,marginRight:5}}),l("router.domainAlias.add.title")]}),m.confirmSetting&&(0,U.jsx)(W.Z,{title:m.confirmSetting.title,description:m.confirmSetting.description,confirm:m.confirmSetting.confirm,cancel:m.confirmSetting.cancel,params:m.confirmSetting.params,onConfirm:m.confirmSetting.onConfirm,onCancel:m.confirmSetting.onCancel,displayError:!1,color:"primary",loading:m.loading,maxWidth:"lg"})]})}function be(e){return(0,U.jsx)(ie,{children:(0,U.jsx)(ye,{...e})})}je.propTypes={siteId:b().string.isRequired,teamDid:b().string.isRequired,cnameDomain:b().string.isRequired,defaultCustomDomain:b().string,onInputDomain:b().func,onSuccess:b().func,appId:b().string,appPk:b().string,disabled:b().bool,autoFocus:b().bool,inBlockletSetup:b().bool},je.defaultProps={defaultCustomDomain:"",onInputDomain:ue(),onSuccess:ue(),appId:"",appPk:"",disabled:!1,autoFocus:!0,inBlockletSetup:!1},ye.propTypes={id:b().string.isRequired,children:b().any,title:b().string,teamDid:b().string,systemDomains:b().arrayOf(b().string).isRequired,appId:b().string,appPk:b().string.isRequired},ye.defaultProps={children:null,title:"",teamDid:"",appId:null};var Ze=i(83963),De=i(15598),ke=i(95122),Pe=i(92726);function Ce(e){const{t:n}=(0,c.PE)(),[i,t]=(0,a.useState)(!1),[r,s]=(0,a.useState)(null),{id:l,domain:d,children:m,teamDid:u}=e,{api:p}=(0,x.h6)(),h={title:n("router.domainAlias.delete.title"),description:n("router.domainAlias.delete.description"),confirm:n("common.confirm"),onConfirm:async()=>{t(!0);try{await p.deleteDomainAlias({input:{id:l,domainAlias:d,teamDid:u}}),await(0,g._v)(2e3)}catch(e){M.Z.error(e.message)}finally{s(null),t(!1)}},onCancel:()=>{t(!1),s(null)}},f=e=>{e.stopPropagation(),s(h)};return(0,U.jsxs)(U.Fragment,{children:["function"===typeof m?m({loading:i,open:f}):(0,U.jsxs)(o.Z,{edge:"end",onClick:f,size:"small",className:"rule-action",color:"error","data-cy":"action-delete-domain-alias",children:[i?(0,U.jsx)(_.Z,{size:16}):(0,U.jsx)(ke.Z,{style:{fontSize:16}}),n("router.domainAlias.delete.title")]}),r&&(0,U.jsx)(W.Z,{title:r.title,description:r.description,confirm:r.confirm,params:r.params,onConfirm:r.onConfirm,onCancel:r.onCancel})]})}function Te(e){let{site:n,domain:i,blocklet:t}=e;const{t:o}=(0,c.PE)(),r=i.value===window.location.hostname;return(0,U.jsx)(Pe.Z,{"data-cy":"domain-actions",size:"large",actions:[e=>{var a;let{close:s}=e;return(0,U.jsx)(Ce,{id:n.id,domain:i.value,teamDid:null===t||void 0===t||null===(a=t.meta)||void 0===a?void 0:a.did,children:e=>{let{open:n}=e;return(0,U.jsx)(R.Z,{title:r?o("blocklet.router.currentDomainTip"):"",children:(0,U.jsx)("span",{children:(0,U.jsxs)(G.Z,{disabled:i.isProtected||r,dense:!0,onClick:e=>{s(),n(e)},"data-cy":"action-toggle-block",children:[(0,U.jsx)(Ze.Z,{style:{minWidth:24,marginRight:8},children:(0,U.jsx)(ke.Z,{})}),(0,U.jsx)(De.Z,{primary:o("common.delete")})]},"remove")})})}})}]})}Ce.propTypes={id:b().string.isRequired,domain:b().string.isRequired,children:b().any,teamDid:b().string},Ce.defaultProps={children:null,teamDid:""},Te.propTypes={site:b().object.isRequired,domain:b().object.isRequired,blocklet:b().object.isRequired},Te.defaultProps={};var Se=i(31647),we=i(69569);const Re=b().shape({href:b().string,accessibility:b().shape({loading:b().bool,accessible:b().bool}),domainStatus:b().shape({isHttps:b().bool,matchedCert:b().object}),dns:b().shape({resolved:b().bool,ip:b().string})});var Ee,Ie=i(43681),Ae=i.n(Ie);function qe(e){let{certificate:n}=e;const[i,t]=(0,a.useState)(null),o=(0,x.h6)(),{t:r,locale:s}=(0,c.PE)(),l=()=>{t(null)},d=Boolean(i);return(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(Se.Z,{"aria-owns":d?"mouse-over-popover":void 0,onMouseEnter:e=>{t(e.currentTarget)},onMouseLeave:l,style:{color:"#44cdc6",fontSize:20,cursor:"pointer"}}),(0,U.jsx)(w.ZP,{id:"mouse-over-popover",style:{pointerEvents:"none"},open:d,anchorEl:i,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:l,disableRestoreFocus:!0,children:(0,U.jsx)(C.Z,{children:(0,U.jsxs)(T.Z,{style:{display:"flex"},children:[(0,U.jsx)("div",{children:(0,U.jsx)("img",{src:"".concat(o.imgPrefix,"/https-certificate-icon.png"),alt:"certificate icon",style:{maxHeight:"100%",maxWidth:"100%"}})}),(0,U.jsxs)(p.Z,{component:"div",style:{marginLeft:"16px"},children:[(0,U.jsx)(p.Z,{component:"div",style:{fontWeight:"bold"},children:n.domain}),(0,U.jsx)(p.Z,{component:"div",children:"".concat(r("common.issuer"),": ").concat(Ae()(n,"issuer.commonName",""))}),(0,U.jsx)(p.Z,{component:"div",children:"".concat(r("router.cert.issuedOn"),": ").concat((0,g.pz)(n.validFrom,s))}),(0,U.jsx)(p.Z,{component:"div",children:"".concat(r("router.cert.expiryOn"),": ").concat((0,g.pz)(n.validTo,s))})]})]})})})]})}function Fe(e){let{domain:n,filters:i}=e;const{t:t}=(0,c.PE)(),{value:o,domainStatus:r}=n;if(!(0,g.rM)(o))return null;let s=null,l=null;const{isHttps:d,matchedCert:m}=r;if(!(0,g.ao)(o)){const{dns:{resolved:e,ip:n}={}}=r;s=e||"127.0.0.1"===n?(0,U.jsx)(R.Z,{title:t("router.domain.verify.ok"),children:(0,U.jsx)(we.Z,{color:"success"})}):(0,U.jsx)(R.Z,{title:t("router.domain.verify.notResolved"),children:(0,U.jsx)(we.Z,{color:"error"})})}l=d?(0,U.jsx)(qe,{certificate:m}):(0,U.jsx)(R.Z,{title:t("router.domain.https.bad"),children:(0,U.jsx)(Se.Z,{style:{color:"#D0021B",fontSize:20,cursor:"pointer"}})});const u=i.map((e=>"domain"===e?s:"http"===e?l:null));return(0,a.createElement)(a.Fragment,null,...u)}qe.propTypes={certificate:b().object},qe.defaultProps={certificate:{}},Fe.propTypes={domain:Re.isRequired,filters:b().array},Fe.defaultProps={filters:["domain","http"]};const ze=(0,L.V)(Ne,"mutate_blocklets"),_e=(0,L.V)(Ne,"",g.Wf);function Le(e){const{inService:n}=(0,x.h6)(),{blocklet:i,loadingRuntimeInfo:t}=(0,h.y0)();let o=ze;return n&&(o=_e),(0,U.jsx)(o,{...e,blocklet:i,inService:n,loadingRuntimeInfo:t})}function Ne(e){var n,i,t,r;let{hasPermission:d,blocklet:m,loadingRuntimeInfo:p,inService:h,listOnly:x}=e;const{t:f}=(0,c.PE)(),[v,y]=(0,a.useState)(!1),b=(0,I.Z)((e=>e.breakpoints.down("md"))),D=(0,a.useMemo)((()=>{let e=d;return(0,j.ep)(m)&&(e=e&&h),e}),[d,h,m]),{site:C}=m,T=(0,a.useMemo)((()=>{var e;return(0,g.oE)(null===(e=m.site)||void 0===e?void 0:e.domainAliases)}),[null===(n=m.site)||void 0===n?void 0:n.domainAliases]),S=[],w=[],R=(0,A.encode)(m.appPid),E=null===(i=m.environments)||void 0===i||null===(t=i.find((e=>"BLOCKLET_APP_PK"===e.key)))||void 0===t?void 0:t.value,F=(0,g.M6)(T);return T.forEach((e=>{const n=e.value||"";(0,q.isDidDomain)(n)&&!n.startsWith(R)?w.push(e):S.push(e)})),(0,U.jsxs)(U.Fragment,{children:[!x&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsxs)(P.Z,{className:"title first",display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,U.jsx)(P.Z,{children:f("common.domain")}),D&&(0,U.jsx)(be,{id:C.id,title:f("router.domain.add.title"),teamDid:null===(r=m.meta)||void 0===r?void 0:r.did,appId:m.appPid,appPk:E,systemDomains:null===F||void 0===F?void 0:F.map((e=>e.value)),children:e=>{let{open:n}=e;return(0,U.jsxs)(o.Z,{style:{marginLeft:16},variant:"contained",color:"primary","data-cy":"add-domain-alias",onClick:n,disabled:(0,u.isInProgress)(m.status),children:[(0,U.jsx)(Z.Z,{style:{fontSize:"1.3em",marginRight:4}}),f("common.add")]})}})]}),!1===(0,u.isAccessible)(m.status)&&(0,U.jsx)(P.Z,{mt:1.5,mb:1.5,children:(0,U.jsx)(k.Z,{severity:"warning",children:f("blocklet.router.noRunning")})})]}),(0,U.jsx)(P.Z,{sx:{display:"flex",flexDirection:"column",gap:1},children:(v?T:S).map((e=>{var n,i;const t=e.value;return(0,U.jsxs)(a.Fragment,{children:[b&&(0,U.jsxs)(P.Z,{display:"flex",flexDirection:"column",children:[(0,U.jsx)(P.Z,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:(0,U.jsx)(Be,{domain:e,target:"_blank",children:e.value})}),(0,U.jsxs)(P.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,U.jsxs)(P.Z,{sx:{display:"flex",alignItems:"center",justifyContent:"flex-start",gap:1},children:[(0,U.jsx)(Fe,{domain:e,filters:["domain"]},"".concat(e.value,"-domain")),(0,U.jsx)(We,{siteId:null===(n=m.site)||void 0===n?void 0:n.id,domain:e,blocklet:m,hasMutatePermission:D})]}),(0,U.jsx)(P.Z,{sx:{button:{padding:0}},children:(0,U.jsx)(Oe,{hasMutatePermission:D,site:C,domain:e,blocklet:m})})]})]},t),!b&&(0,U.jsxs)(P.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",children:[(0,U.jsxs)(P.Z,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:[(0,U.jsx)(Fe,{domain:e,filters:["domain"]},"".concat(e.value,"-domain")),(0,U.jsx)(P.Z,{sx:{ml:2,mr:.5},children:(0,U.jsx)(Be,{domain:e,target:"_blank",children:e.value})}),(0,U.jsx)(We,{siteId:null===(i=m.site)||void 0===i?void 0:i.id,domain:e,blocklet:m,hasMutatePermission:D})]}),(0,U.jsx)(P.Z,{sx:{button:{padding:0}},children:(0,U.jsx)(Oe,{hasMutatePermission:D,site:C,domain:e,blocklet:m})})]},t)]},t)}))}),w.length>0&&(0,U.jsx)("div",{style:{marginLeft:"20px",marginTop:"12px"},children:(0,U.jsx)(o.Z,{endIcon:v?(0,U.jsx)(s.Z,{}):(0,U.jsx)(l.Z,{}),onClick:()=>y(!v),children:f(v?"common.collapseAll":"blocklet.router.showAllDomains")})}),!T.length&&(p?(0,U.jsx)(_.Z,{size:16}):(0,U.jsx)(z.Z,{children:f("common.empty")}))]})}function Be(e){let{domain:n,children:i,...t}=e;const{t:o}=(0,c.PE)(),{href:r,accessibility:a}=n;return!a||a.loading?(0,U.jsxs)(Me,{...t,children:[i,(0,U.jsx)(R.Z,{title:o("blocklet.router.checkUrlAccessible"),placement:"top-end",children:(0,U.jsx)("span",{className:"status",children:(0,U.jsx)(_.Z,{size:12})})})]}):a.accessible?(0,U.jsx)(Me,{...t,children:(0,U.jsx)("a",{href:r,target:"_blank",rel:"noopener noreferrer",children:i})}):(0,U.jsx)(Me,{...t,children:(0,U.jsx)(R.Z,{title:o("blocklet.router.urlInaccessible"),placement:"top-end",children:(0,U.jsx)("span",{children:i})})})}Le.propTypes={listOnly:b().bool},Le.defaultProps={listOnly:!1},Ne.propTypes={hasPermission:b().bool,blocklet:b().object.isRequired,loadingRuntimeInfo:b().bool,inService:b().bool.isRequired,listOnly:b().bool},Ne.defaultProps={hasPermission:!1,loadingRuntimeInfo:!1,listOnly:!1},Be.propTypes={domain:Re.isRequired,children:b().any.isRequired};const Me=r.Z.span(Ee||(Ee=(0,t.Z)(["\n  &,\n  & > * {\n    color: #222;\n    font-size: 18px;\n    word-break: break-all;\n  }\n\n  .status {\n    margin-left: 8px;\n  }\n"])));function Oe(e){let{hasMutatePermission:n,site:i,domain:t,blocklet:o}=e;const r=(0,E.Z)(),{t:a}=(0,c.PE)();return n&&!t.isProtected?(0,U.jsx)(Te,{site:i,domain:t,blocklet:o}):(0,U.jsx)(R.Z,{title:a("blocklet.router.domainLockTooltip"),placement:"top",children:(0,U.jsx)(S.Z,{disabled:!0,size:"large",style:{pointerEvents:"auto",paddingTop:0,paddingBottom:0},children:(0,U.jsx)(F.Z,{style:{fill:r.palette.text.disabled}})})})}function We(e){let{siteId:n,domain:i,blocklet:t,hasMutatePermission:r}=e;const s=(0,E.Z)(),{t:l}=(0,c.PE)(),[d,m]=(0,a.useState)(null),u=()=>{m(null)};return(0,U.jsxs)(P.Z,{sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:1},children:["nft-domain"===i.type&&(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(D.Z,{onMouseEnter:e=>{m(e.currentTarget)},onMouseLeave:u,style:{cursor:"pointer",fill:s.palette.primary.main}}),(0,U.jsx)(w.ZP,{id:"mouse-over-popover",style:{pointerEvents:"none"},open:Boolean(d),anchorEl:d,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:u,disableRestoreFocus:!0,children:(0,U.jsx)(C.Z,{children:(0,U.jsxs)(T.Z,{style:{display:"flex",flexDirection:"column"},children:[(0,U.jsxs)(p.Z,{component:"div",style:{display:"flex",alignItems:"center"},children:[(0,U.jsx)(D.Z,{style:{fill:s.palette.primary.main}}),(0,U.jsx)(p.Z,{component:"span",style:{marginLeft:"8px",fontSize:"18px",fontWeight:"bolder"},children:l("router.domainAlias.nftDomain")})]}),(0,U.jsxs)(p.Z,{component:"div",style:{display:"flex",marginTop:"12px"},children:[(0,U.jsx)(p.Z,{component:"span",style:{width:"80px",marginRight:"8px"},children:l("common.domain")}),(0,U.jsx)(p.Z,{component:"span",children:i.value})]}),(0,U.jsxs)(p.Z,{component:"div",style:{display:"flex"},children:[(0,U.jsx)(p.Z,{component:"span",style:{width:"80px",marginRight:"8px"},children:"NFT"}),(0,U.jsx)(f.Z,{did:i.nftDid})]})]})})})]}),(0,U.jsx)(Fe,{domain:i,filters:["http"]},"".concat(i.value,"-http")),r&&(0,U.jsx)(K,{siteId:n,domain:i.value,domainStatus:i.domainStatus,did:t.meta.did,children:e=>{let{open:n}=e;return(0,U.jsx)(o.Z,{sx:{padding:0},size:"small",onClick:e=>n(e),children:l("router.cert.genLetsEncryptCert.title")})}})]})}var Ue;Oe.propTypes={hasMutatePermission:b().bool.isRequired,site:b().object.isRequired,domain:Re.isRequired,blocklet:b().object.isRequired},We.propTypes={siteId:b().string.isRequired,domain:Re.isRequired,blocklet:b().object.isRequired,hasMutatePermission:b().bool.isRequired};const He={arcblock:"ArcBlock",ethereum:"Ethereum"};function Ve(){var e,n,i,t,r;const{t:p,locale:y}=(0,c.PE)(),{info:b,inService:Z}=(0,x.h6)(),[D,k]=(0,a.useState)(!1),{blocklet:P}=(0,h.y0)(),{appDid:C,appPid:T,migratedFrom:S=[]}=P,w=null===(e=P.environments.find((e=>"BLOCKLET_APP_CHAIN_TYPE"===e.key)))||void 0===e?void 0:e.value,R=[C?{name:p("blocklet.appId"),value:(0,U.jsx)(f.Z,{did:C})}:null,T?{name:p("blocklet.appPid"),value:(0,U.jsx)(f.Z,{did:T})}:null,(null===S||void 0===S?void 0:S.length)>1?{name:p("blocklet.alsoKnownAs"),value:(0,U.jsxs)("div",{children:[(D?S.slice(1):S.slice(1,2)).map((e=>(0,U.jsx)(f.Z,{did:e.appDid}))),S.length>2&&(0,U.jsx)(o.Z,{style:{marginLeft:"18px"},endIcon:D?(0,U.jsx)(s.Z,{}):(0,U.jsx)(l.Z,{}),onClick:()=>k(!D),children:p(D?"common.collapseAll":"blocklet.router.showAllDIDs")})]})}:null,{name:p("common.name"),value:(0,u.getDisplayName)(P,!0)},{name:p("common.status"),value:(0,U.jsx)(v.Z,{status:P.status,source:P.source,progress:P.progress})},(0,j.ep)(P)?{name:"NFT",value:(0,U.jsx)(f.Z,{external:!0,href:(0,g.E8)(null===P||void 0===P||null===(n=P.controller)||void 0===n?void 0:n.chainHost,null===P||void 0===P||null===(i=P.controller)||void 0===i?void 0:i.nftId,"asset"),did:null===P||void 0===P||null===(t=P.controller)||void 0===t?void 0:t.nftId})}:null,{name:p("blocklet.installedAt"),value:(0,g.B2)(P.installedAt,y)},{name:p("blocklet.overview.accessControl"),value:p("team.whoCanAccess.".concat((0,u.getWhoCanAccess)(P),".title"))},{name:p("common.owner"),value:null!==(r=P.settings)&&void 0!==r&&r.owner?(0,U.jsx)(f.Z,{did:P.settings.owner.did}):"--"},{name:p("blocklet.config.walletType.name"),value:He[w||"arcblock"]||w},P.externalSkSource?{name:p("blocklet.skSource"),value:P.externalSkSource}:null].filter(Boolean);Z&&R.push({name:p("common.serverDid"),value:(0,U.jsx)(f.Z,{did:b.did})},{name:p("common.serverVersion"),value:(0,U.jsx)(m.Z,{children:b.version})});return(0,U.jsxs)(Ke,{component:"div",children:[(0,U.jsx)(Le,{}),(0,U.jsx)("div",{className:"title",children:(0,U.jsx)("span",{children:p("common.basicInfo")})}),(0,U.jsx)("div",{className:"basicInfo",children:(E=R,E.map((e=>(0,U.jsx)(d.Z,{style:{display:"flex",alignItems:"flex-start"},valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:()=>e.name,children:e.value},e.name))))})]});var E}Ve.propTypes={};const Ke=(0,r.Z)(p.Z)(Ue||(Ue=(0,t.Z)(["\n  .title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    margin-top: ",";\n    margin-bottom: ",";\n\n    &.first {\n      margin-top: 0;\n    }\n  }\n"])),(e=>e.theme.spacing(5)),(e=>e.theme.spacing(3)))},51233:(e,n,i)=>{"use strict";i.d(n,{Rw:()=>c,fX:()=>d,sf:()=>m});var t=i(35432),o=i(44543),r=i.n(o),a=i(77277),s=i(32828);const l=(e,n)=>{if(e.type===t.ROUTING_RULE_TYPES.REDIRECT){if(!e.url)return new Error("".concat(n("router.validation.redirectUrlRequired")));if(!e.redirectCode)return new Error("redirect ".concat(n("router.validation.redirectCodeRequired")))}else if(e.type===t.ROUTING_RULE_TYPES.BLOCKLET&&!e.did)return new Error(n("router.validation.didRequired"));return null},d=(e,n)=>{const i=l(e,n);return i||(e.pathPrefix.length?e.pathPrefix.length>150?new Error(n("router.validation.pathPrefixTooLong",{length:150})):null:new Error(n("router.validation.pathPrefixCannotBeEmpty")))},c=e=>{let{params:n,blocklets:i,blocklet:t,locale:o="en"}=e;if(t){let e=(t.children||[]).find((e=>(0,s.default)(e.meta)&&r()(e.mountPoint,n.pathPrefix)));if("gateway"!==t.meta.group&&"/"===n.pathPrefix&&(e="/"),e)return{zh:"\u6302\u8f7d\u70b9 ".concat(n.pathPrefix," \u5df2\u5b58\u5728\uff0c\u8bf7\u4f7f\u7528\u5176\u4ed6\u6302\u8f7d\u70b9"),en:"The mount point ".concat(n.pathPrefix," already exist, please use another mount point")}[o]}const l=i.find((e=>e.meta.did===n.did));if(!l)return"";const d=l.meta.interfaces.find((e=>"web"===e.type));return d&&d.prefix!==a.BLOCKLET_DYNAMIC_PATH_PREFIX&&n.pathPrefix!==d.prefix?{zh:"\u8be5 blocklet \u53ea\u80fd\u6302\u8f7d\u5728 ".concat(d.prefix),en:"This blocklet can only be mounted on ".concat(d.prefix)}[o]:""},m=e=>{if(!e||"string"!==typeof e)return e;let n=e.trim();try{return n=n.toLowerCase(),n.startsWith("http://")||n.startsWith("https://")?new URL(n).hostname:n}catch(i){return console.error("format domain failed",i),n}}}}]);

package/build/static/js/4775.2d7c403c.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[4775],{19371:function(e,n,t){var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(n,"__esModule",{value:!0}),n.splitNavigationBySection=n.flattenNavigation=n.checkLink=n.joinLink=n.cleanOrphanNavigation=n.filterNavigation=n.nestNavigationList=n.isMatchSection=n.deepWalk=n.parseNavigation=void 0;const o=i(t(10905)),l=i(t(50482)),a=i(t(8708)),r=i(t(3785)),s=i(t(24914)),c=i(t(25842)),d=i(t(6352)),u=i(t(56977)),m=i(t(6018)),v=t(65873),f=i(t(32828)),p=t(45239);Object.defineProperty(n,"checkLink",{enumerable:!0,get:function(){return p.checkLink}});const h="header",g="/",x="/",k="/";function b(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:()=>{},{key:t="children",order:i="first"}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};!function e(o){let{index:l=0,parent:a=null,level:r=0}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Array.isArray(o)?o.forEach(((n,t)=>{e(n,{index:t,parent:a,level:r+1})})):o&&("first"===i&&n(o,a,{index:l,level:r}),e(o[t],{parent:o,level:r}),"last"===i&&n(o,a,{index:l,level:r}))}(e)}function j(e,n){return!(n!==h||!(0,r.default)(e))||(Array.isArray(e)?e.includes(n):e===n)}function y(e){try{return JSON.parse(e)}catch{return e}}function Z(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if((0,m.default)(n||""))return n;const t=u.default.join(e,n||x);return t.length>1&&t.endsWith("/")?t.slice(0,t.length-1):t}function L(e,n){let{strict:t=!0}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=e,o=n;if(t||(i=i||"/",o=o||"/"),(0,v.isObject)(i)&&(0,v.isString)(o)&&(0,p.checkLink)(o))return Object.keys(i).reduce(((e,n)=>(e[n]=Z(i[n],o),e)),{});if((0,v.isString)(i)&&(0,p.checkLink)(i)&&(0,v.isObject)(o))return Object.keys(o).reduce(((e,n)=>(e[n]=Z(i,o[n]),e)),{});if((0,v.isString)(i)&&(0,v.isString)(o))return(0,p.checkLink)(i)||(0,p.checkLink)(o)?Z(i,o):o;if((0,v.isObject)(i)&&(0,v.isObject)(o)){return[...new Set([...Object.keys(i),...Object.keys(o)])].reduce(((e,n)=>(e[n]=Z(i[n],o[n]),e)),{})}return o}function N(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],{depth:n=1,transform:t=(e=>e)}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=(0,c.default)(e),o=[];return b(i,((e,i,l)=>{let{level:a}=l;if(a>=n){const{items:n=[]}=e;if(n&&Array.isArray(n)&&n.length>0){delete e.items;const l=n.map((n=>t(n,e)));if(i)i.items.push(...l);else{const n=t((0,s.default)(e,["items"]),i);o.push(n,...l)}}else if(1===a){const n=t((0,s.default)(e,["items"]),i);o.push(n)}}else 1===a&&o.push(e)}),{key:"items",order:"last"}),o}function S(e,n){return n&&Array.isArray(e.items)?e.items.filter((t=>(0,r.default)(t.section)?j(e.section,n):!!j(t.section,n))).map((e=>({...e,section:n}))):[]}function w(e){const n=(0,c.default)(e),t=[];for(const i of n){const o=(0,c.default)((0,s.default)(i,["items"])),l=[];function a(e,n){const t=S(e,n);l.push({...o,section:n,items:t})}if(Array.isArray(i.section))for(const r of i.section)a(i,r);else if(i.section){const{section:d}=i;a(i,d)}else if(i.items&&i.items.length>0){const u=i.items.reduce(((e,n)=>{const{section:t=[h]}=n||{};return e.push(...t),e}),[]),m=[...new Set(u)];for(const v of m)a(i,v)}else l.push({...i,section:h});t.push(...l)}return t}function C(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const n=(0,c.default)(e);return n.reduceRight(((e,t,i)=>{if(t.parent){const e=n.find((e=>t.section&&e.section?e.section===t.section&&e.id===t.parent:e.id===t.parent));e&&(e.items||(e.items=[]),e.items=[t,...e.items]),n.splice(i,1)}return null}),null),n}n.deepWalk=b,n.isMatchSection=j,n.joinLink=function(e,n){const t=(0,c.default)(e);return b(t,((e,t)=>{const i=e.component||e.child;if(i){const t=n.find((e=>e.name===i));t&&(e.link=L(t.link,e.link,{strict:!1}))}else t&&(e.link=L(t.link,e.link))}),{key:"items"}),t},n.flattenNavigation=N,n.splitNavigationBySection=w,n.nestNavigationList=C,n.filterNavigation=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];const t=C(e);return b(t,(e=>{if(null!==e&&void 0!==e&&e.component&&(n.some((n=>n.name===e.component))||(e.visible=!1)),e.items&&e.items.length)for(let n=e.items.length-1;n>=0;n--)!1===e.items[n].visible&&e.items.splice(n,1)}),{key:"items"}),t.filter((e=>{var n;return!1!==e.visible&&!(e.items&&Array.isArray(e.items)&&e.items.length>0&&null!==(n=e.items)&&void 0!==n&&n.every((e=>!1===e.visible)))}))},n.cleanOrphanNavigation=function(e){return e.map((e=>e.items&&Array.isArray(e.items)&&1===e.items.length&&["header","footer","",void 0,null].includes(e.section)?e.items[0]:e))},n.parseNavigation=function(){var e;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const{beforeProcess:i=(e=>e)}=t,{navigationList:r,components:s}=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const n=[],t=function t(i){var o,l;let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const r=[],{children:s=[],meta:u={}}=i,m=(0,c.default)((null===u||void 0===u?void 0:u.navigation)||[]);(0,f.default)(u)&&!1!==(null===(o=i.meta)||void 0===o||null===(l=o.capabilities)||void 0===l?void 0:l.navigation)&&r.push(...m);const v=a.name||"",p=a.mountPoint||g,k=i===e?"":u.name||"",b=i===e?"":i.mountPoint||g;for(const e of s){var j,y,Z,L;if(!(0,f.default)(e.meta))continue;const i=e.meta.name,o=e.mountPoint,l=[v,k,i].filter(Boolean).join("."),a=e.meta.navigation||[],s=(0,d.default)(p,b,o);!1!==(null===(j=e.meta)||void 0===j||null===(y=j.capabilities)||void 0===y?void 0:y.navigation)&&n.push({did:e.meta.did,name:l,link:s,title:e.meta.title||"",navigation:a.map((e=>({section:h,...e})))});const c=m.find((e=>!!e.component&&e.component===i));if(c){if(!c.link)if(e.meta.navigation&&e.meta.navigation.length>0){const n=t(e,{mountPoint:b,name:k});var N;n.length>0&&(c.items=null!==(N=c.items)&&void 0!==N?N:[],c.items.push(...n))}else c.link=x}else if(!1!==(null===(Z=e.meta)||void 0===Z||null===(L=Z.capabilities)||void 0===L?void 0:L.navigation)){const n=t(e,{mountPoint:b,name:k}),o={title:e.meta.title,component:i,id:e.meta.did};n.length>0?(o.items=n,o.link=void 0):o.link=x,r.push(o)}}return r}(e);return{navigationList:t,components:n}}(n),u=(null===n||void 0===n||null===(e=n.settings)||void 0===e?void 0:e.navigations)||[],m=function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;const t=N((0,c.default)(e),{depth:n,transform:(e,n)=>{var t;return n&&(e._parent||(e._parent=n.id,n.component||(e.link=L(n.link,e.link))),e.section=e.section||n.section||[h],e.visible=null!==(t=e.visible)&&void 0!==t?t:n.visible),e.component=[n.component,e.component].filter(Boolean).join("."),e}});return b(t,(e=>{e.items&&e.items.length>0&&e.items.reduceRight(((n,t)=>{if(t._parent){const n=e.items.findIndex((e=>e.id===t._parent));n>=0&&e.items.splice(n,1),delete t._parent}return null}),null)}),{key:"items"}),t}(i(r)),v=N(w(function(e){const n=(0,c.default)(e).filter((e=>e.id));return b(n,((e,n)=>{var t;if(e.items&&e.items.length){for(let n=e.items.length-1;n>=0;n--)e.items[n].id||e.items.splice(n,1);0===e.items.length&&e.component&&(e.link=e.link||x)}n&&(e.parent=n.id,e.id=[n.id,e.id].join(k)),e.from=e.from||"yaml",e.visible=null===(t=e.visible)||void 0===t||t}),{key:"items"}),n}(m)).reduce(((e,n)=>{const t=["bottom","social","sessionManager","userCenter"].includes(n.section);let i=!1;const o=s.find((e=>"/"===e.link));if(o&&n.id===o.did&&(i=!0),t||i){if(n.items&&n.items.length>0)return e.push(...n.items.map((e=>{const{section:t}=n,i=L(n.link,e.link),o=[n.component,e.component].filter(Boolean).join(".");return{...e,section:t,link:i,component:o,parent:""}}))),e;if(i)return e}return e.push(n),e}),[]),{transform(e,n){let{component:t}=e;return null!==n&&void 0!==n&&n.component&&(t=[n.component,e.component].filter(Boolean).join(".")),{...e,component:t}}});return{navigationList:(0,o.default)(u.map((e=>{const n={...e};return n.role&&(n.role=y(n.role)),n.section&&(n.section=y(n.section)),n.title&&(n.title=y(n.title)),n.link&&(n.link=y(n.link)),n})),v,((e,n)=>{const t=["id","section"];return(0,l.default)((0,a.default)(e,t),(0,a.default)(n,t))})),components:s,builtinList:v}}},14775:(e,n,t)=>{t.r(n),t.d(n,{default:()=>dn});var i=t(5057),o=t(87543),l=t(12958),a=t(83388),r=t(35214),s=t(4004),c=t(76282),d=t(92102),u=t(38473),m=t(70116),v=t(17409),f=t(60967),p=t(11255),h=t(86229),g=t(55498),x=t(12673),k=t(13128),b=t(68420),j=t(44247),y=t(92706),Z=t.n(y),L=t(55898),N=t.n(L),S=t(17540),w=t(86272),C=t.n(w),P=t(26271),O=t.n(P),E=t(50482),A=t.n(E),R=t(20877),T=t(36095),_=t(96266);function D(e){let{prevPath:n,nextPath:t}=e;const i=n.length,o=t.length;return!(i!==o||!A()(n.slice(0,i-1),t.slice(0,o-1)))}function I(e){let{treeNode:n}=e;const{locale:t}=(0,b.PE)();return(0,_.jsxs)(_.Fragment,{children:[n.icon&&(0,_.jsx)(g.JO,{style:{marginRight:4},icon:n.icon}),function(){const{title:e,subtitle:l}=n;let a=e,r=l;return O()(e)&&(a=e[t]),!(0,i.isValidElement)(l)&&O()(l)&&(r=l[t]),(0,_.jsxs)(o.Z,{display:"flex",alignItems:"center",children:[(0,_.jsx)(f.Z,{variant:"subtitle1",fontSize:16,children:a}),l&&(0,_.jsx)(f.Z,{variant:"body2",color:"gray",ml:1.5,lineHeight:1,children:r})]})}()]})}function M(e){let{treeData:n,setTreeData:t,renderActions:i}=e;const o=n.map((e=>({...e,expanded:!0}))),l={};return"undefined"!==typeof window&&(l.context=window),(0,_.jsx)(T.W,{backend:R.HTML5Backend,...l,children:(0,_.jsx)(S.oP,{generateNodeProps:e=>({buttons:i({data:e.node,className:"list-item-actions"}),icons:(0,_.jsx)(g.JO,{icon:"ic:round-drag-indicator"}),title:(0,_.jsx)(I,{treeNode:e.node})}),maxDepth:2,isVirtualized:!1,treeData:o,onChange:t,canDrop:D,theme:C()})})}I.propTypes={treeNode:N().object.isRequired},M.propTypes={treeData:N().object.isRequired,setTreeData:N().func,renderActions:N().func},M.defaultProps={setTreeData:()=>{},renderActions:()=>{}};const W=M;var z=t(28726),J=t(91330),F=t(53066),B=t(18155),q=t(72739),G=t(41899),V=t(11251),U=t(24914),K=t.n(U),H=t(8708),Q=t.n(H),Y=t(82488),X=t.n(Y),$=t(78164),ee=t.n($),ne=t(75506),te=t.n(ne),ie=t(2765),oe=t.n(ie),le=t(25842),ae=t.n(le),re=t(80506),se=t(19371),ce=t(6352),de=t.n(ce),ue=t(2842),me=t(6018),ve=t.n(me),fe=t(77277),pe=t(63838),he=t(65873),ge=t(88713),xe=t(64860),ke=t(50410),be=t(54047),je=t(9222),ye=t(15598),Ze=t(90657);function Le(e){let{fullWidth:n,multiple:t,required:i,label:l,placeholer:a,options:d,helperText:u,error:v,margin:p,...h}=e;const g=d.find((e=>e.value===h.value)),x=null===g||void 0===g?void 0:g.title;return(0,_.jsxs)(r.Z,{margin:p,fullWidth:n,error:v,children:[(0,_.jsx)(s.Z,{children:"".concat(l).concat(i?"*":"")}),(0,_.jsxs)(m.Z,{multiple:t,input:(0,_.jsx)(Ze.Z,{defaultValue:x,sx:{flex:1},required:i,label:l,inputProps:{margin:p}}),renderValue:e=>{if(t)return(0,_.jsx)(o.Z,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:e.map((e=>{const n=d.find((n=>n.value===e));return n&&n.title&&(0,_.jsx)(be.Z,{size:"small",label:n.title},e)}))});const n=d.find((n=>n.value===e));return n&&n.title&&(0,_.jsxs)(o.Z,{children:[(0,_.jsx)(f.Z,{component:"span",children:n.title}),(0,_.jsx)(f.Z,{marginLeft:1,component:"span",variant:"body2",color:"text.secondary",children:n.description})]})},...h,children:[(0,_.jsx)(c.Z,{disabled:!0,children:(0,_.jsx)("em",{children:a})}),!t&&(0,_.jsx)(c.Z,{value:"",children:"None"}),d.map((e=>e&&e.value&&(0,_.jsxs)(c.Z,{value:e.value,children:[(0,_.jsx)(ye.Z,{children:e.title}),e.description&&(0,_.jsx)(f.Z,{variant:"body2",color:"text.secondary",children:e.description})]},e.value)))]}),(0,_.jsx)(je.Z,{children:u})]})}Le.propTypes={error:N().bool,required:N().bool,multiple:N().bool,fullWidth:N().bool,label:N().string,placeholer:N().string,options:N().array,helperText:N().string,margin:N().string},Le.defaultProps={error:!1,required:!1,multiple:!1,fullWidth:!1,label:"",placeholer:"",options:[],helperText:"",margin:""};const Ne=Le,Se="en";function we(e){let{sx:n,onAdd:t,onChange:a,locales:r,localeMap:s,onRemoveLocale:c}=e;const{t:d}=(0,b.PE)(),u=(0,i.useRef)(),[m,v]=(0,i.useState)(null),p=(0,x.Z)({currentLocale:Se,localeList:[],inputLocale:"",localeError:""}),h=(0,i.useMemo)((()=>!!m),[m]),k=(0,i.useMemo)((()=>r.includes(p.currentLocale)?p.currentLocale:Se),[r,p.currentLocale]),j=(0,i.useMemo)((()=>Object.keys((0,he.omit)(s,[...p.localeList,Se])).map((e=>({title:s[e],value:e})))),[p.localeList]),y=(0,i.useMemo)((()=>{var e;const n=s[Se]||(null===(e=Object.values(s))||void 0===e?void 0:e[0]);return"Default (".concat(n,")")}),[s]);function Z(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";const n=function(e){return e?"en"!==e&&!p.localeList.includes(e)||d("navigation.form.localeExists",{value:e}):d("common.requiredErrorText",{name:"Locale"})}(null===e||void 0===e?void 0:e.trim());return p.localeError=!0!==n?n:"",n}function L(){var e;const n=null===(e=p.inputLocale)||void 0===e?void 0:e.trim();!0===Z(n)&&(N(),p.localeList.push(n),p.currentLocale=n,t(n))}function N(){v(null),p.inputLocale="",p.localeError=""}return(0,i.useEffect)((()=>{p.localeList=[...r]}),[r,p]),(0,pe.Z)("enter",(()=>{setTimeout((()=>{L()}))}),{target:u}),(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(ge.Z,{sx:n,value:k,onChange:(e,n)=>{p.currentLocale=n,a(n)},children:[(0,_.jsx)(xe.Z,{label:y,value:"en"}),p.localeList.map((e=>(0,_.jsx)(xe.Z,{sx:{position:"relative"},label:(0,_.jsxs)(_.Fragment,{children:[s[e],(0,_.jsx)(F.Z,{size:"small",color:"inherit",sx:{position:"absolute",top:0,right:0},onClick:n=>{!function(e,n){e.preventDefault(),e.stopPropagation(),p.localeList=(0,he.without)(p.localeList,n),c(n),n===p.currentLocale&&(p.currentLocale=Se)}(n,e)},children:(0,_.jsx)(g.JO,{icon:"mdi:close",height:14})})]}),value:e},e))),(0,_.jsx)(F.Z,{color:"primary",disableFocusRipple:!0,sx:{width:"48px"},onClick:e=>{v(e.currentTarget)},children:(0,_.jsx)(g.JO,{icon:"mdi:plus"})})]}),(0,_.jsx)(ke.ZP,{open:h,anchorEl:m,onClose:N,anchorOrigin:{vertical:"bottom",horizontal:"left"},children:(0,_.jsxs)(o.Z,{sx:{p:2,width:"270px"},children:[(0,_.jsx)(f.Z,{variant:"subtitle2",children:d("navigation.form.localePlaceholder")}),(0,_.jsx)(o.Z,{mt:1,children:(0,_.jsx)(Ne,{required:!0,fullWidth:!0,label:"Locale",value:p.inputLocale,options:j,onChange:function(e){const{value:n}=e.target;Z(n),p.inputLocale=n},error:!!p.localeError,helperText:p.localeError||" "})}),(0,_.jsx)(o.Z,{display:"flex",justifyContent:"flex-end",children:(0,_.jsx)(l.Z,{size:"small",variant:"contained",onClick:L,children:d("common.confirm")})})]})})]})}we.propTypes={sx:N().any,onAdd:N().func,onChange:N().func,onRemoveLocale:N().func,localeMap:N().object,locales:N().array},we.defaultProps={sx:null,onAdd:()=>{},onChange:()=>{},onRemoveLocale:()=>{},localeMap:{},locales:[]};const Ce=we;var Pe=t(17425),Oe=t(29054);const Ee="en",Ae={title:{[Ee]:""},link:{[Ee]:""}};function Re(e){let{icon:n}=e;const[t,o]=(0,i.useState)(!1);return(0,G.Z)((async()=>{o(!1),await(0,g.GL)(n),o(!0)}),[n]),n?t?(0,_.jsx)(g.JO,{icon:n}):(0,_.jsx)(g.JO,{color:"#f06f6e",icon:"ic:baseline-error"}):(0,_.jsx)(g.JO,{icon:"codicon:blank"})}Re.propTypes={icon:N().string.isRequired};const Te=(0,i.forwardRef)((function(e,n){let{section:t,components:l,rawNavigations:a}=e;const{roles:s}=(0,Pe.DJ)(),{t:c,locale:d}=(0,b.PE)(),{blocklet:u}=(0,Oe.y0)(),m=(0,i.useMemo)((()=>{const e=u.environments.find((e=>"BLOCKLET_APP_LANGUAGES"===e.key));return(e?e.value.split(","):["en","zh"]).filter((e=>fe.SUPPORTED_LANGUAGES[e])).reduce(((e,n)=>(e[n]=fe.SUPPORTED_LANGUAGES[n].nativeName,e)),{})}),[u.environments]),v=(0,i.useRef)((()=>{})),[p,{setFalse:j,setTrue:y}]=(0,V.Z)(!1),Z=(0,x.Z)({isRoot:!0,type:"add",linkDisabled:!1,locale:Ee,formState:ae()(Ae),get localeList(){return ee()(Object.keys(this.formState.title),Ee)}}),{handleSubmit:L,control:N,watch:S,setValue:w,clearErrors:C,formState:{errors:P}}=(0,re.cI)({mode:"onChange",defaultValues:{id:void 0,title:void 0,icon:void 0,link:void 0,component:void 0,parent:void 0,role:[]}});(0,i.useEffect)((()=>{w("title",Z.formState.title[Z.locale]),w("link",Z.formState.link[Z.locale])}),[w,Z.locale,p]);const E=S("component"),A=S("title"),R=S("link"),T=S("icon"),D=S("parent");(0,i.useEffect)((()=>{Z.formState.title[Z.locale]=A}),[A]),(0,i.useEffect)((()=>{Z.formState.link[Z.locale]=R}),[R]);const I=(0,i.useMemo)((()=>a.find((e=>{if(E){return l.find((e=>e.name===E)).did===e.id}return e.id===D}))),[l,a,E,D]),M=(0,i.useMemo)((()=>{if(null!==I&&void 0!==I&&I.component){const e=l.find((e=>e.name===I.component)),{link:n}=e||{},t=O()(n)?n[Z.locale]:n;if(E)return(0,ue.QT)(t);const i=O()(I.link)?I.link[Z.locale]:I.link;return(0,ue.QT)(de()(t,i||"/"))}return null}),[l,Z.locale,I,E]),W=(0,i.useMemo)((()=>{const{component:e}=I||{},n=l.find((n=>n.name===e)),{navigation:i=[]}=n||{};return(0,se.flattenNavigation)(i,{transform:(e,n)=>(null!==n&&void 0!==n&&n.section&&(e.section=e.section||n.section),e)}).filter((e=>e.link)).filter((e=>(0,se.isMatchSection)(e.section,t))).map((e=>({label:e.link,title:e.title[d]||e.title})))}),[I,l,t,d]),G=(0,i.useMemo)((()=>{const e={add:c("common.create"),edit:c("common.edit")}[Z.type];return e?"".concat(e," ").concat(c("navigation.navigation")):"--"}),[Z.type,c]),U=(0,i.useCallback)((()=>{Z.isRoot=!0,Z.locale=Ee,Z.type="add",Z.linkDisabled=!1,v.current=()=>{},w("id",void 0),w("icon",void 0),w("title",void 0),w("link",void 0),w("component",void 0),w("parent",void 0),w("role",[]),Z.formState=ae()(Ae),C()}),[C,w,Z]),H=(0,i.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Z.localeList.length>0&&(new Set(X()(Z.formState.title)).size>1&&(e.title=Z.formState.title),new Set(X()(Z.formState.link)).size>1&&(e.link=Z.formState.link)),te()(e.role)&&(e.role=void 0),e}),[Z.formState.link,Z.formState.title,Z.localeList]),Y=(0,i.useCallback)((()=>{j(),setTimeout((()=>{U()}))}),[U,j]),$=(0,i.useCallback)((function(){let{parent:e}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:()=>{};Z.type="add",Z.isRoot=!e,w("parent",null===e||void 0===e?void 0:e.id),v.current=e=>{n(Y,e)},y()}),[Y,y,w,Z]),ne=(0,i.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:()=>{};const{id:t,title:i,icon:o,link:l,parent:a,component:r,role:s=[]}=e;w("id",t),w("icon",o),"tmpl"===e.from&&(Z.linkDisabled=!0),oe()(i)?Z.formState.title=Z.localeList.reduce(((e,n)=>(e[n]=i,e)),{[Ee]:i}):O()(i)?Z.formState.title=ae()(i):Z.formState.title={},oe()(l)?Z.formState.link=Z.localeList.reduce(((e,n)=>(e[n]=l,e)),{[Ee]:l}):O()(l)?Z.formState.link=ae()(l):Z.formState.link={},w("component",r),w("parent",a),w("role",s||[]),y(),Z.type="edit",Z.isRoot=!a,v.current=e=>{const t=Q()(e,["id","title","icon","link","role"]);n(Y,t)}}),[Y,y,w,Z]);function ie(e){const n=null===e||void 0===e?void 0:e.trim();return n?!(n.length>24)||c("navigation.form.titleTooLong",{len:24}):c("common.requiredErrorText",{name:c("navigation.form.title")})}function le(e){const n=null===e||void 0===e?void 0:e.trim();return n?!!(0,se.checkLink)(n)||c("navigation.form.invalidLink"):!!Z.isRoot||c("common.requiredErrorText",{name:c("navigation.form.link")})}(0,i.useImperativeHandle)(n,(()=>({add:$,edit:ne,close:Y})),[$,Y,ne]);const ce=(0,i.useCallback)((e=>{Z.locale=e,Z.formState.title[e]||(Z.formState.title[e]=""),Z.formState.link[e]||(Z.formState.link[e]=""),setTimeout((()=>{C()}))}),[C,Z]),me=(0,i.useCallback)((()=>{const{title:e,link:n}=Z.formState;for(const t of Object.keys(e)){const n=ie(e[t]);if(!0!==n)return n}for(const t of Object.keys(n)){const e=le(n[t]);if(!0!==e)return e}return!0}),[Z.formState]),pe=(0,i.useCallback)((e=>{const n=me();!0===n?v.current(H(e)):h.Z.error(n)}),[me,H]),he=(0,i.useCallback)((e=>{Z.formState.title=K()(Z.formState.title,e),Z.formState.link=K()(Z.formState.link,e)}),[Z.formState]),ge=(0,i.useCallback)((e=>{var n,t;Z.locale=e,Z.formState.title[e]=null===(n=Z.formState.title)||void 0===n?void 0:n[Ee],Z.formState.link[e]=null===(t=Z.formState.link)||void 0===t?void 0:t[Ee],setTimeout((()=>{C()}))}),[C,Z]);return(0,_.jsxs)(k.ZP,{open:p,title:G,onClose:Y,actions:(0,_.jsx)(z.Z,{onClick:L(pe),color:"primary",autoFocus:!0,variant:"contained",children:c("common.confirm")}),children:[(0,_.jsx)(Ce,{sx:{mb:1},onAdd:ge,onChange:ce,onRemoveLocale:he,localeMap:m,locales:Z.localeList}),(0,_.jsxs)("form",{noValidate:!0,autoComplete:"off",children:[(0,_.jsx)(re.Qr,{name:"title",control:N,rules:{validate:ie},render:e=>{var n,t;let{field:i}=e;return(0,_.jsx)(q.Z,{fullWidth:!0,variant:"outlined",margin:"dense",required:!0,placeholder:c("navigation.form.titlePlaceholder"),label:c("navigation.form.title"),disabled:Z.isEdit,error:!(null===P||void 0===P||null===(n=P.title)||void 0===n||!n.message),helperText:(null===P||void 0===P||null===(t=P.title)||void 0===t?void 0:t.message)||" ",...i})}}),(0,_.jsx)(re.Qr,{name:"icon",control:N,rules:{validate:async function(e){const n=null===e||void 0===e?void 0:e.trim();if(n)try{await(0,g.GL)(n)}catch{return c("navigation.form.invalidIcon")}return!0}},render:e=>{var n,t;let{field:i}=e;return(0,_.jsx)(q.Z,{fullWidth:!0,variant:"outlined",margin:"dense",placeholder:c("navigation.form.iconPlaceholder"),label:c("navigation.form.icon"),error:!(null===P||void 0===P||null===(n=P.icon)||void 0===n||!n.message),disabled:Z.locale!==Ee,helperText:(null===P||void 0===P||null===(t=P.icon)||void 0===t?void 0:t.message)||(0,_.jsx)(o.Z,{display:"flex",children:(0,_.jsxs)(o.Z,{component:"a",href:"https://icones.js.org",target:"_blank",display:"flex",alignItems:"center",children:[c("navigation.form.findMoreIcon")," ",(0,_.jsx)(g.JO,{style:{marginLeft:4},icon:"radix-icons:external-link"})]})}),...i,InputProps:{endAdornment:(0,_.jsx)(B.Z,{position:"end",children:(0,_.jsx)(F.Z,{sx:{cursor:"default"},disableFocusRipple:!0,disableRipple:!0,children:T&&(0,_.jsx)(Re,{icon:T})})})}})}}),Z.isRoot&&(0,_.jsx)(re.Qr,{name:"component",control:N,render:e=>{var n,t;let{field:i}=e;return(0,_.jsx)(Ne,{fullWidth:!0,margin:"dense",disabled:"edit"===Z.type||Z.locale!==Ee,label:c("navigation.form.component"),placeholer:c("navigation.form.componentPlaceholder"),options:l.map((e=>({title:e.title,value:e.name,description:e.link}))),error:!(null===P||void 0===P||null===(n=P.component)||void 0===n||!n.message),helperText:(null===P||void 0===P||null===(t=P.component)||void 0===t?void 0:t.message)||" ",...K()(i,"ref")})}}),(0,_.jsx)(re.Qr,{name:"link",control:N,rules:{validate:le},render:e=>{let{field:n}=e;return(0,_.jsx)(r.Z,{fullWidth:!0,margin:"dense",children:(0,_.jsx)(J.Z,{disablePortal:!0,freeSolo:!0,blurOnSelect:!0,autoSelect:!0,fullWidth:!0,disabled:Z.linkDisabled,isOptionEqualToValue:e=>e.label,options:W,renderInput:e=>{var n,t;return(0,_.jsx)(q.Z,{...e,placeholder:c("navigation.form.linkPlaceholder"),label:c("navigation.form.link"),error:!(null===P||void 0===P||null===(n=P.link)||void 0===n||!n.message),helperText:(null===P||void 0===P||null===(t=P.link)||void 0===t?void 0:t.message)||"/abc/bcd or /abc or https://arcblock.io",InputProps:{startAdornment:M?(0,_.jsx)(B.Z,{position:"start",sx:{textDecoration:ve()(R||"")?"line-through":""},children:M}):null}})},renderOption:(e,n)=>(0,_.jsxs)(o.Z,{component:"li",...e,children:[n.label,(0,_.jsx)(f.Z,{marginLeft:1,component:"span",variant:"body2",color:"text.secondary",children:n.title})]}),margin:"dense",...n,onChange:()=>{},onInputChange:(e,t)=>{n.onChange(t)}})})}}),["dashboard","sessionManager"].includes(t)&&(0,_.jsx)(re.Qr,{name:"role",control:N,render:e=>{var n,t;let{field:i}=e;return(0,_.jsx)(Ne,{fullWidth:!0,multiple:!0,margin:"dense",label:c("navigation.form.role"),placeholer:c("navigation.form.rolePlaceholder"),options:s.map((e=>({title:e.title,value:e.name}))),error:!(null===P||void 0===P||null===(n=P.role)||void 0===n||!n.message),helperText:(null===P||void 0===P||null===(t=P.role)||void 0===t?void 0:t.message)||" ",...K()(i,"ref")})}})]})]})}));Te.propTypes={section:N().string,components:N().array,rawNavigations:N().array},Te.defaultProps={section:"",components:[],rawNavigations:[]};const _e=Te;function De(e){let{className:n,add:t,edit:o,toggle:l,del:a,data:r,section:s}=e;const{t:c}=(0,b.PE)(),d=["yaml","tmpl"].includes(r.from),u=(0,i.isValidElement)(r.subtitle);function m(e){e.preventDefault(),e.stopPropagation()}const v=(0,i.useCallback)((e=>{m(e),t(r)}),[t,r]),f=(0,i.useCallback)((e=>{m(e),o(r)}),[o,r]),p=(0,i.useCallback)((e=>{m(e),l(r)}),[l,r]),h=(0,i.useCallback)((e=>{m(e),a(r)}),[a,r]);return(0,_.jsxs)("div",{className:n,children:[!r.parent&&["header","footer","dashboard"].includes(s)&&(0,_.jsx)("span",{title:c(u?"navigation.action.noAddSub":"navigation.action.addSub"),children:(0,_.jsx)(F.Z,{size:"small",color:"success",onClick:v,disabled:u,children:(0,_.jsx)(g.JO,{icon:"mdi:plus-box-outline"})})}),(0,_.jsx)("span",{title:c(u?"navigation.action.noEdit":"navigation.action.edit"),children:(0,_.jsx)(F.Z,{size:"small",color:"primary",onClick:f,disabled:u,children:(0,_.jsx)(g.JO,{icon:"mdi:pencil"})})}),(0,_.jsx)("span",{title:u?c("navigation.action.noEdit"):r.visible?c("navigation.action.hide"):c("navigation.action.show"),children:(0,_.jsx)(F.Z,{size:"small",color:"warning",onClick:p,disabled:u,children:!1===r.visible?(0,_.jsx)(g.JO,{icon:"mdi:eye-off-outline"}):(0,_.jsx)(g.JO,{icon:"mdi:eye-outline"})})}),(0,_.jsx)("span",{title:c(d&&!u?"navigation.action.noDel":"navigation.action.del"),children:(0,_.jsx)(F.Z,{disabled:d&&!u,size:"small",color:"error",onClick:h,children:(0,_.jsx)(g.JO,{icon:"mdi:delete"})})})]})}De.propTypes={data:N().object.isRequired,className:N().string,add:N().func,edit:N().func,toggle:N().func,del:N().func,section:N().string},De.defaultProps={className:"",add:()=>{},edit:()=>{},toggle:()=>{},del:()=>{},section:""};const Ie=De;var Me=t(3785),We=t.n(Me),ze=t(79683),Je=t.n(ze),Fe=t(35432),Be=t(14491);const qe="/",Ge="header",Ve={dashboard:[{id:"/team",title:{en:"Access",zh:"\u8bbf\u95ee\u63a7\u5236"},role:["owner","admin","member"],section:["dashboard"],link:"",from:"tmpl",items:[{id:"member",title:{en:"Members",zh:"\u6210\u5458"},icon:"ant-design:user-outlined",link:"".concat(Fe.WELLKNOWN_SERVICE_PATH_PREFIX,"/admin/members"),from:"tmpl"},{id:"passport",title:{en:"Passport",zh:"\u901a\u884c\u8bc1"},icon:"icon-park-outline:passport",link:"".concat(Fe.WELLKNOWN_SERVICE_PATH_PREFIX,"/admin/passports"),from:"tmpl"}]},{id:"/dashboard",title:"Blocklet",role:["owner","admin"],section:["dashboard"],link:"",from:"tmpl",items:[{id:"dashboard",title:{en:"Dashboard",zh:"\u4eea\u8868\u76d8"},icon:"ant-design:dashboard-outlined",link:"".concat(Fe.WELLKNOWN_SERVICE_PATH_PREFIX,"/admin"),from:"tmpl"}]}]};function Ue(e,n){return e.section&&n.section?e.section===n.section&&e.id===n.id:e.id===n.id}function Ke(){const{blocklet:e,actions:n}=(0,Oe.y0)(),{navigationList:t,components:o,builtinList:l}=(0,se.parseNavigation)(e,{beforeProcess(e){const n=ae()(e);return Ve.dashboard.forEach((e=>{n.some((n=>n.id===e.id))||n.push(e)})),n}}),a=(0,x.Z)({rawNavigation:ae()(t),activeSection:Ge,components:o}),r=(0,i.useMemo)((()=>(0,se.nestNavigationList)(a.rawNavigation)),[a.rawNavigation]),s=(0,i.useMemo)((()=>{const e=(0,se.filterNavigation)(a.rawNavigation,o),n=(0,se.joinLink)(e,o);return(0,se.cleanOrphanNavigation)(n)}),[o,a.rawNavigation]);function c(e){if(!e.id)return"";const n=(0,se.flattenNavigation)((0,se.joinLink)(r,o)),t=n.find((n=>n.id===e.id));function i(e){let{name:n}=e;return(0,_.jsx)(be.Z,{label:"Uninstalled: ".concat(n),color:"error",size:"small",variant:"outlined",sx:{fontSize:10,height:20}})}if(null!==t&&void 0!==t&&t.component){if(!o.some((e=>e.name===t.component)))return(0,_.jsx)(i,{name:t.component})}else if(t.parent){const e=n.find((e=>e.id===t.parent));if(null!==e&&void 0!==e&&e.component&&!o.some((n=>n.name===e.component)))return(0,_.jsx)(i,{name:e.component})}return null===t||void 0===t?void 0:t.link}function d(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:qe;return e.map((e=>{const t=o.find((n=>n.name===e.component)),i=(null===t||void 0===t?void 0:t.link)||n,l=e.items||[],{link:a}=e;return{title:e.title,subtitle:c(e),link:a,icon:e.icon,children:d(l,a||qe),section:e.section,visible:e.visible,parent:e.parent,component:e.component,id:e.id,role:e.role,from:e.from,__base:i}}))}async function u(e){const t=e.map((e=>Je()(e,We()))).map((e=>{const n={...e};return n.role&&Array.isArray(n.role)&&(n.role=JSON.stringify(n.role)),n.section&&Array.isArray(n.section)&&(n.section=JSON.stringify(n.section)),n.title&&n.title instanceof Object&&(n.title=JSON.stringify(n.title)),n.link&&n.link instanceof Object&&(n.link=JSON.stringify(n.link)),n}));await n.configNavigations(t)}return{state:a,navigation:s,components:o,getNavigationFullLink:c,updateActiveSection:function(e){a.activeSection=e},updateNavigationItem:function(e){!function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];const n=a.rawNavigation.map((n=>{const t=e.find((e=>Ue({...e,section:a.activeSection},n)));return t?{...n,...t}:n}));a.rawNavigation=n}([e])},delNavigationItem:function(e){const n=a.rawNavigation.filter((n=>n.id===e||n.parent===e)).map((e=>e.id));a.rawNavigation=a.rawNavigation.filter((e=>!n.includes(e.id)))},addNavigationItem:function(){const e={...arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},id:(0,Be.x0)(),section:a.activeSection,visible:!0};a.rawNavigation=[...a.rawNavigation,e]},updateNavigationTree:function(e){const n=[];(0,se.deepWalk)(e,((e,t)=>{const i={...K()(e,["children","expand"]),parent:null===t||void 0===t?void 0:t.id};n.push(i)}));const t=a.rawNavigation.filter((e=>{if(!a.activeSection)return!1;const t=n.find((n=>Ue(n,e)));return!t||!(0,se.isMatchSection)(t.section,a.activeSection)}));a.rawNavigation=[...t,...n]},getNavigation:function(e){return d(ae()(r).filter((n=>(0,se.isMatchSection)(n.section,e))))},saveNavigationList:u,resetNavigation:async function(){await u([]),a.rawNavigation=ae()(l)}}}var He,Qe=t(71171),Ye=t(1192),Xe=t(2484),$e=t(5873),en=t(88764),nn=t(6296),tn=t(27938),on=t(33518),ln=t(49522);function an(e){var n,t,i,l;let{className:a,navigation:r}=e;const{blocklet:s}=(0,Oe.y0)(),{logoUrl:c}=(0,ln.Z)({blocklet:s}),d=null===s||void 0===s||null===(n=s.environments)||void 0===n||null===(t=n.find((e=>e.key===fe.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_OWNER)))||void 0===t?void 0:t.value,u=null===s||void 0===s||null===(i=s.environments)||void 0===i||null===(l=i.find((e=>e.key===fe.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_YEAR)))||void 0===l?void 0:l.value,m=d||u?{owner:d,year:u}:void 0,v={appId:s.appDid,appLogo:c,appName:s.meta.title,enableConnect:!0,enableLocale:!1,navigation:r,copyright:m};return(0,_.jsx)(en.Z,{children:(0,_.jsxs)(o.Z,{className:a,children:[(0,_.jsx)(Ye.Z,{meta:v}),(0,_.jsx)(o.Z,{children:(0,_.jsx)($e.Z,{meta:v,invalidPathFallback:()=>{},headerProps:{style:{display:"none"}},children:(0,_.jsx)(nn.ZP,{container:!0,spacing:2,children:new Array(6).fill().map(((e,n)=>(0,_.jsxs)(nn.ZP,{item:!0,xs:4,children:[(0,_.jsx)(tn.Z,{animation:!1,variant:"rectangular",width:"100%",height:120}),(0,_.jsxs)(o.Z,{sx:{pt:.5},children:[(0,_.jsx)(tn.Z,{animation:!1}),(0,_.jsx)(tn.Z,{width:"60%",animation:!1})]})]},n)))})})}),(0,_.jsx)(Xe.Z,{meta:v})]})})}an.propTypes={className:N().string,navigation:N().array},an.defaultProps={className:"",navigation:[]};const rn=(0,on.Z)(an)(He||(He=(0,Qe.Z)(["\n  .dashboard {\n    height: auto !important;\n  }\n  .dashboard-content + div {\n    display: none;\n  }\n"]))),sn={login:Z(),logout:Z(),switch:Z(),switchDid:Z(),switchProfile:Z(),switchPassport:Z(),useDid:()=>({walletDid:"abcdefghijklmnopqrstuvwxyz"}),useOAuth:()=>({logoutOAuth:Z(),bindOAuth:Z(),configs:{},switchOAuthPassport:Z()})},cn={header:"Header",footer:"Footer",bottom:"Footer Link",social:"Footer Social",dashboard:"Dashboard",sessionManager:"SessionBlocklet",userCenter:"UserCenter"};const dn=function(){const{t:e}=(0,b.PE)(),{blocklet:n}=(0,Oe.y0)(),t=(0,i.useRef)(null),{roles:y}=(0,Pe.DJ)(),Z=(0,d.Z)((e=>e.breakpoints.down("md"))),L=(0,x.Z)({saveLoading:!1,resetLoading:!1,showResetConfirm:!1,mockRole:"owner"}),{state:N,navigation:S,getNavigation:w,saveNavigationList:C,resetNavigation:P,updateActiveSection:O,updateNavigationTree:E,updateNavigationItem:A,delNavigationItem:R,addNavigationItem:T}=Ke(),D=(0,i.useCallback)((e=>{t.current.add({parent:e},((e,n)=>{T(n),e()}))}),[T]),I=(0,i.useCallback)((function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};switch(e){case"edit":t.current.edit(n,((e,n)=>{A(n),e()}));break;case"toggle":A({id:n.id,visible:!n.visible});break;case"del":R(n.id)}}),[R,A]),M=(0,i.useCallback)((async()=>{try{L.saveLoading=!0,await C(N.rawNavigation),h.Z.success(e("common.succeeded"))}catch(n){h.Z.error((0,_.jsxs)(o.Z,{children:[(0,_.jsx)(f.Z,{variant:"subtitle2",children:e("navigation.actionFailed")}),(0,_.jsx)(f.Z,{variant:"body1",children:(0,Be.Z)(n)||n.error})]}))}finally{L.saveLoading=!1}}),[N.rawNavigation,L,C,e]),z=(0,i.useCallback)((async()=>{try{L.resetLoading=!0,await P(),h.Z.success(e("navigation.action.resetSuccessful"),{variant:"success"})}catch(n){h.Z.error((0,_.jsxs)(o.Z,{children:[(0,_.jsx)(f.Z,{variant:"subtitle2",children:e("navigation.actionFailed")}),(0,_.jsx)(f.Z,{variant:"body1",children:(0,Be.Z)(n)||n.error})]}))}finally{L.resetLoading=!1}}),[L,P,e]),J=(0,i.useMemo)((()=>({session:{...sn,user:{did:n.appDid,fullName:"Preview User",role:L.mockRole}}})),[n.appDid,L.mockRole]);return(0,_.jsxs)(_.Fragment,{children:[Z&&(0,_.jsx)(m.Z,{fullWidth:!0,size:"small",value:N.activeSection,onChange:e=>O(e.target.value),children:Object.keys(cn).map((e=>(0,_.jsxs)(c.Z,{value:e,children:[cn[e]," (".concat(w(e).length,")")]})))}),!Z&&(0,_.jsx)(a.Z,{variant:"outlined",children:Object.keys(cn).map((e=>(0,_.jsxs)(l.Z,{variant:N.activeSection===e?"contained":void 0,onClick:()=>O(e),children:[cn[e]," (".concat(w(e).length,")")]},e)))}),(0,_.jsxs)(v.Z,{variant:"dense",sx:{paddingLeft:"0px !important",paddingRight:"0px !important",mt:2},children:[(0,_.jsx)(f.Z,{variant:"h6",component:"div",sx:{flexGrow:1},children:e("common.config")}),(0,_.jsx)(a.Z,{variant:"outlined",children:(0,_.jsx)(p.Z,{size:"small",variant:"outlined",color:"error",startIcon:(0,_.jsx)(g.JO,{icon:"system-uicons:reset"}),sx:{mr:2},loading:L.resetLoading,loadingPosition:"start",onClick:()=>{L.showResetConfirm=!0},children:e("navigation.action.reset")})}),(0,_.jsxs)(a.Z,{variant:"outlined",children:[(0,_.jsx)(l.Z,{size:"small",variant:"outlined",startIcon:(0,_.jsx)(g.JO,{icon:"mdi:plus"}),onClick:()=>D(),children:e("navigation.action.new")}),(0,_.jsx)(p.Z,{size:"small",variant:"contained",startIcon:(0,_.jsx)(g.JO,{icon:"mdi:content-save"}),loading:L.saveLoading,loadingPosition:"start",onClick:M,children:e("common.save")})]})]}),(0,_.jsx)(u.Z,{variant:"outlined",sx:{display:"flex",height:280,overflow:"hidden"},children:(0,_.jsx)(u.Z,{elevation:0,sx:{flex:1,overflow:"auto"},children:(0,_.jsx)(W,{treeData:w(N.activeSection),setTreeData:E,renderActions:e=>{let{data:n,className:t}=e;return(0,_.jsx)(Ie,{data:n,className:t,section:N.activeSection,add:function(){return D(...arguments)},del:function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return I("del",...n)},edit:function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return I("edit",...n)},toggle:function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return I("toggle",...n)}})}})})}),(0,_.jsxs)(v.Z,{variant:"dense",sx:{paddingLeft:"0px !important",paddingRight:"0px !important",mt:3},children:[(0,_.jsx)(f.Z,{variant:"h6",component:"div",sx:{flexGrow:1},children:e("common.preview")}),(0,_.jsxs)(r.Z,{sx:{m:1,minWidth:120},size:"small",children:[(0,_.jsx)(s.Z,{children:e("common.role")}),(0,_.jsx)(m.Z,{value:L.mockRole,label:"Role",onChange:e=>{L.mockRole=e.target.value},children:y.map((e=>(0,_.jsx)(c.Z,{value:e.name,children:e.title},e.name)))})]})]}),(0,_.jsx)(u.Z,{variant:"outlined",children:(0,_.jsx)(j.B3.Provider,{value:J,children:(0,_.jsx)(rn,{navigation:S})})}),(0,_.jsx)(_e,{ref:t,section:N.activeSection,components:N.components,rawNavigations:N.rawNavigation}),(0,_.jsx)(k.I4,{confirmButton:{text:e("common.confirm"),props:{variant:"contained",color:"error"}},cancelButton:{text:e("common.cancel"),props:{color:"primary"}},open:L.showResetConfirm,title:e("navigation.action.restConfirmTitle"),onConfirm:async()=>{await z(),L.showResetConfirm=!1},onCancel:()=>{L.showResetConfirm=!1},children:(0,_.jsx)("p",{children:e("navigation.action.restConfirmDesc")})})]})}}}]);