@abtnode/webapp 1.17.6-beta-20251217-144034-62fafb94 → 1.17.6-beta-20251218-120326-5b44dadf

package/dist/assets/{index-DN2WOMzG.js → index-CG4ppk8J.js}

@@ -1,4 +1,4 @@
-import{aF as je,j as e,u as Q,r as h,e as $e,aG as Wr,aH as _,aI as ln,aJ as Vn,aK as qr,aL as cn,aM as rt,V as M,ad as le,s as re,aN as dn,o as f,aO as Hr,aP as un,aQ as Gr,H as te,M as mn,T as L,t as H,O as fe,aR as Ae,C as K,X as be,v as Z,aS as Xn,Y as pe,K as W,p as mt,aT as Kr,R as V,aE as Ie,a9 as et,N as it,aU as Yr,d as Ht,aV as Oe,aW as me,aa as Vr,aX as Xr,aY as Qr,y as Zr,A as Qn,W as fn,g as pn,h as ne,aZ as Gt,a as At,b as ft,a_ as Zn,a$ as Jn,U as er,a4 as It,b0 as Jr,b1 as ei,b2 as ti,b3 as ni,b4 as ot,i as gn,b5 as ri,b6 as ii,a6 as kt,b7 as oi,a7 as Lt,L as Kt,I as ai,b8 as si,b9 as tr,a8 as li,ba as nr,bb as De,bc as Re,bd as ci,be as Yt,bf as di,$ as rr,D as Ot,f as ir,bg as ui,bh as hn,ak as mi,bi as fi,bj as ee,bk as pi,S as xn,l as yn,m as bn,bl as gi,bm as hi,bn as xi}from"./index-NFZNhczl.js";import{u as yi,T as bi}from"./html-title-BVs9_wlq.js";import{A as vi}from"./ArrowDropDown-DUiaaUDs.js";import{u as Vt,C as B,a as vn}from"./index.esm-BDwjJuws.js";import{S as se,a as ji}from"./switch-control-DMPIVGLz.js";import{P as ie}from"./permission-DDKds_VS.js";import{H as or,g as wi}from"./index-CWm3LFCr.js";import{A as ar}from"./Link-DQZf-Cnd.js";import{A as Ci}from"./actions-D1Lm1JEd.js";import{D as ve}from"./Delete-BtTxVz6z.js";import{D as pt}from"./delete-confirm-ImHpqh9B.js";import{v as at}from"./index-CUMH9ev3.js";import{s as Si}from"./logo-BKA11TRi.js";import{R as sr,a as Ft,b as ki}from"./url-evaluation-BSVN9Sr-.js";import{u as Di}from"./useLocalStorage-DQlL9Uk_.js";import{R as Ri}from"./Refresh-D0ZhzC4E.js";import{L as Ti}from"./LoadingButton-Cy89o260.js";import{C as Ei,R as Pi,P as lr,S as _i}from"./rotate-session-key-DXCF4wZ3.js";import{A as Fe}from"./Add-Des5za4N.js";import{B as cr,D as jn,W as Ke}from"./status-BLdIB43U.js";import{i as Ai}from"./is-path-prefix-equal-CqqICkbj.js";import{N as Ii}from"./ChevronRight-DAyMYZEW.js";import{I as Li}from"./MoreVert-DOn_691b.js";import{E as dr}from"./Edit-CsYUR2zq.js";import{A as Oi}from"./CallMerge-4v2MXTdn.js";import{C as Fi}from"./CardContent-CtTlBjH7.js";import"./FilterList-DNfECclT.js";import"./CSSTransition-B5wQ0yUS.js";import"./emotion-cache.browser.esm-BtAWOyO4.js";import"./index-BAvBoYZf.js";import"./redux-DfszZyTl.js";import"./typeof-QjJsDpFa.js";import"./depsEqual-DIlm5Prx.js";import"./index-T7DaPPrZ.js";import"./TableSearch-BSa4dOKp.js";import"./Search-DXzn9Lp-.js";import"./Clear-CzjQBpCS.js";import"./click-to-copy-BuexyggU.js";import"./visuallyHidden-Dan1xhjv.js";const Ni=je(e.jsx("path",{d:"m7 14 5-5 5 5z"})),$i=je(e.jsx("path",{d:"M12 3 2 21h20zm1 5.92L18.6 19H13zm-2 0V19H5.4z"})),Ui=je(e.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"})),ur=je(e.jsx("path",{d:"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2m-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2m3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1z"})),zi=je(e.jsx("path",{d:"M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"})),Mi=je(e.jsx("path",{d:"M2 20h20v-4H2zm2-3h2v2H4zM2 4v4h20V4zm4 3H4V5h2zm-4 7h20v-4H2zm2-3h2v2H4z"})),Bi=je(e.jsx("path",{d:"m19 15-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9z"})),ye="Dashboard",mr=h.createContext({}),{Provider:Wi,Consumer:fs}=mr,wn=[ye,_.DOMAIN_FOR_IP_SITE,_.DOMAIN_FOR_IP_SITE_REGEXP],qi=(t,r)=>{if(t.name===_.DOMAIN_FOR_DEFAULT_SITE)return-1;if(r.name===_.DOMAIN_FOR_DEFAULT_SITE)return 1;const n=wn.includes(t.name),i=wn.includes(r.name);return n&&i?cn(t.name,r.name):n?-1:i?1:cn(t.name,r.name)},Cn=({sites:t,nodePort:r})=>{const n=window.location.hostname,a=(t||[]).map(o=>{const{id:s,rules:d=[],corsAllowedOrigins:m=[]}=o;let{domain:c,domainAliases:u}=o;u=u||[],[_.DOMAIN_FOR_IP_SITE,_.DOMAIN_FOR_IP_SITE_REGEXP].includes(c)&&(c=ye,u.find(b=>b.value===n)||u.unshift({protected:!1,value:n}));const j={id:s,name:c,type:"domain",items:[],domainAliases:u,isProtected:o.isProtected,corsAllowedOrigins:m};return(d||[]).forEach(b=>{const{id:x,isProtected:S,from:{pathPrefix:y},to:k}=b;if(k.type===_.ROUTING_RULE_TYPES.BLOCKLET){let D="";Number.parseInt(k.port,10)===Number.parseInt(r,10)?(D="Blocklet Server Dashboard",k.type=_.ROUTING_RULE_TYPES.DAEMON):D=k.did,j.items.push({id:x,name:ln(y||"/"),title:D,type:"rule",isProtected:S,pathPrefix:y,to:k})}else j.items.push({id:x,pathPrefix:y,name:ln(y||"/"),title:"Blocklet Server Dashboard",type:"rule",isProtected:S,to:k})}),j.items=Vn(j.items,b=>b.name),j}).sort(qi),l=a.reduce((o,s)=>{let{name:d}=s;return d.endsWith(_.BLOCKLET_SITE_GROUP_SUFFIX)&&([d]=d.split(".")),o[d]={...s,rules:s.items},o},{});return{sites:a,siteMap:l}},Hi=({did:t,domain:r,mountPoint:n,siteMap:i,params:a}={})=>{if(!i)return null;const l=i[t];if(!l)return null;const o=r||(l.domainAliases||[])[0];if(!o)return null;let s=n;if(!s){const d=l.rules.filter(m=>!m.name.startsWith(_.WELLKNOWN_PATH_PREFIX))[0];s=d?d.name:"/"}return rt(o.value,s,a)},Gi=({did:t,mountPoint:r,siteMap:n,params:i}={})=>{if(!n)return[];const a=n[t];if(!a)return[];const l=a.domainAliases||[];if(!l.length)return[];let o=r;if(!o){const s=a.rules.filter(d=>!d.name.startsWith(_.WELLKNOWN_PATH_PREFIX))[0];o=s?s.name:"/"}return l.map(s=>rt(s.value,o,i))},Ki=t=>{const r=t.map(i=>i.domain).filter(i=>![_.DOMAIN_FOR_IP_SITE_REGEXP,_.DOMAIN_FOR_DEFAULT_SITE].includes(i));let n=[];return t.forEach(i=>n.push(...i.domainAliases||[])),n=n.map(i=>typeof i=="string"?{value:i,isProtected:!1}:i),{domains:r,domainsAliases:n}};function Sn({children:t}){const{api:r,info:n}=Q(),[i,a]=h.useState([]),[l,o]=h.useState([]),[s,d]=h.useState([]),m=$e(async()=>{const{sites:P}=await r.getRoutingSites({input:{snapshotHash:""}}),g=P||[];await Promise.all(g.map(async C=>(C.domainAliases=await Wr(C.domainAliases,{getIP:qr}),C)));const p=Ki(g);a(g),o(p.domains);const v=Cn({sites:g,nodePort:n.port});d((v?.sites||[]).map(C=>C.domainAliases.map(F=>F.value)).filter(C=>C.length))},[n]),c=(P,g)=>{a(p=>p.map(v=>v.id===P?g.domain?g:{...g,domain:v.domain}:v))},u=P=>r.takeRoutingSnapshot({input:{dryRun:!1,message:encodeURIComponent(P)}}),j=async P=>{const g=await r.addRoutingSite({input:P});a(i.concat(g.site))},b=async(P,g)=>{const p=await r.updateRoutingSite({input:{id:P,...g}});if(p.site&&p.site.id){const v=i.findIndex(C=>C.id===p.site.id);v!==-1&&(i.splice(v,1,p.site),a([].concat(i)))}},x=async P=>{await r.deleteRoutingSite({input:{id:P}}),a(i.filter(g=>g.id!==P))},S=async(P,g,p)=>{const v=await r.addDomainAlias({input:{id:P,domainAlias:g,force:p}});c(P,v.site)},y=async(P,g)=>{const p=await r.deleteDomainAlias({input:{id:P,domainAlias:g}});c(P,p.site)},k=async(P,g)=>{const{site:p}=await r.addRoutingRule({input:{id:P,rule:g}});c(P,p)},D=async(P,g)=>{const{site:p}=await r.updateRoutingRule({input:{id:P,rule:g}});c(P,p)},T=async(P,g)=>{const{site:p}=await r.deleteRoutingRule({input:{id:P,ruleId:g}});c(P,p)},w={loading:m.loading,error:m.error,refresh:m.retry,api:r,actions:{addSite:j,updateSite:b,deleteSite:x,addDomainAlias:S,deleteDomainAlias:y,takeSnapshot:u,addRule:k,updateRule:D,deleteRule:T}},{sites:R,siteMap:E}=Cn({sites:i,nodePort:n.port});return w.sites=R,w.siteMap=E,w.domains=l,w.allDomains=s,w.getBlockletUrl=({did:P,domain:g,mountPoint:p,params:v})=>Hi({did:P,domain:g,mountPoint:p,siteMap:w.siteMap,params:v}),w.getBlockletUrls=({did:P,mountPoint:g,params:p})=>Gi({did:P,mountPoint:g,siteMap:w.siteMap,params:p}),e.jsx(Wi,{value:{routing:w},children:t})}function de(){const{routing:t}=h.useContext(mr);return t}function Xt(t){const r=[_.DOMAIN_FOR_IP_SITE_REGEXP,_.DOMAIN_FOR_DEFAULT_SITE,_.DOMAIN_FOR_IP_SITE];return typeof window<"u"&&typeof window.location<"u"&&r.push(window.location.hostname),r.includes(t)}function Yi(){return null}function fr({confirm:t=null}){const[r,n]=h.useState(null),{t:i}=M(),a=()=>{n(null)},l=async s=>{if(s){let d=window.env&&window.env.apiPrefix?window.env.apiPrefix:"/";d==="/"?dn.push(`${s.pathname}`):(d.endsWith("/")&&(d=d.substring(0,d.length-1)),dn.push(`${d}${s.pathname}`)),window.location.reload()}},o=(s,...d)=>{let m=typeof t=="function"?t(s,...d):t;return m?(typeof m=="string"&&(m={description:m}),n({title:i("common.noticeTitle"),description:i("common.leavePageTip"),confirm:i("common.confirm"),cancel:i("common.cancel"),onConfirm:()=>l(s),onCancel:()=>a(),...m}),!1):!0};return e.jsxs(Vi,{children:[e.jsx(Yi,{message:o}),r&&e.jsx(le,{title:r.title,description:r.description,confirm:r.confirm,cancel:r.cancel,params:r.params,onConfirm:r.onConfirm,onCancel:r.onCancel})]})}fr.propTypes={confirm:f.oneOfType([f.object,f.string,f.func])};const Vi=re.div`
+import{aF as je,j as e,u as Q,r as h,e as $e,aG as Wr,aH as A,aI as ln,aJ as Vn,aK as qr,aL as cn,aM as rt,V as M,ad as le,s as re,aN as dn,o as f,aO as Hr,aP as un,aQ as Gr,H as te,M as mn,T as L,t as H,O as fe,aR as _e,C as K,X as be,v as Z,aS as Xn,Y as pe,K as W,p as mt,aT as Kr,R as V,aE as Ie,a9 as et,N as it,aU as Yr,d as Ht,aV as Oe,aW as me,aa as Vr,aX as Xr,aY as Qr,y as Zr,A as Qn,W as fn,g as pn,h as ne,aZ as Gt,a as _t,b as ft,a_ as Zn,a$ as Jn,U as er,a4 as It,b0 as Jr,b1 as ei,b2 as ti,b3 as ni,b4 as ot,i as gn,b5 as ri,b6 as ii,a6 as kt,b7 as oi,a7 as Lt,L as Kt,I as ai,b8 as si,b9 as tr,a8 as li,ba as nr,bb as De,bc as Re,bd as ci,be as Yt,bf as di,$ as rr,D as Ot,f as ir,bg as ui,bh as hn,ak as mi,bi as fi,bj as ee,bk as pi,S as xn,l as yn,m as bn,bl as gi,bm as hi,bn as xi}from"./index-DijM3Brt.js";import{u as yi,T as bi}from"./html-title-DCtKzGAT.js";import{A as vi}from"./ArrowDropDown-JQ3Rq4ea.js";import{u as Vt,C as B,a as vn}from"./index.esm--uzTB2FV.js";import{S as se,a as ji}from"./switch-control-_mPRn1TT.js";import{P as ie}from"./permission-B57fakhN.js";import{H as or,g as wi}from"./index-COMjcH0c.js";import{A as ar}from"./Link-3-c9oFLq.js";import{A as Ci}from"./actions-DS_Ri_37.js";import{D as ve}from"./Delete-etfqa5ht.js";import{D as pt}from"./delete-confirm-CuK1fe0a.js";import{v as at}from"./index-owbIHPzo.js";import{s as Si}from"./logo-BKA11TRi.js";import{R as sr,a as Ft,b as ki}from"./url-evaluation-DNJ48_wb.js";import{u as Di}from"./useLocalStorage-BT1idF5p.js";import{R as Ri}from"./Refresh-Dpf0qLZl.js";import{L as Ti}from"./LoadingButton-DlIR2Kfo.js";import{C as Ei,R as Pi,P as lr,S as Ai}from"./rotate-session-key-rywGtiKG.js";import{A as Fe}from"./Add-17-jFd7z.js";import{B as cr,D as jn,W as Ke}from"./status-CfOHQcWj.js";import{i as _i}from"./is-path-prefix-equal-nx3bAefD.js";import{N as Ii}from"./ChevronRight-C92WXl3G.js";import{I as Li}from"./MoreVert-C4JPmAZs.js";import{E as dr}from"./Edit-C2AKW3eS.js";import{A as Oi}from"./CallMerge-BWum6aKS.js";import{C as Fi}from"./CardContent-Be8HVTG5.js";import"./FilterList-CZU1TLat.js";import"./CSSTransition-680AnN9b.js";import"./emotion-cache.browser.esm-Cvn7wadW.js";import"./index-Cbdkr0wH.js";import"./redux-DfszZyTl.js";import"./typeof-QjJsDpFa.js";import"./depsEqual-Cn18gXKK.js";import"./index-CB511uzw.js";import"./TableSearch-DKi7Ktdg.js";import"./Search-D5OHIH5t.js";import"./Clear-BEIkQJ0G.js";import"./click-to-copy-B1Ez8jE-.js";import"./visuallyHidden-Dan1xhjv.js";const Ni=je(e.jsx("path",{d:"m7 14 5-5 5 5z"})),$i=je(e.jsx("path",{d:"M12 3 2 21h20zm1 5.92L18.6 19H13zm-2 0V19H5.4z"})),Ui=je(e.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"})),ur=je(e.jsx("path",{d:"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2m-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2m3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1s3.1 1.39 3.1 3.1z"})),zi=je(e.jsx("path",{d:"M2.01 21 23 12 2.01 3 2 10l15 2-15 2z"})),Mi=je(e.jsx("path",{d:"M2 20h20v-4H2zm2-3h2v2H4zM2 4v4h20V4zm4 3H4V5h2zm-4 7h20v-4H2zm2-3h2v2H4z"})),Bi=je(e.jsx("path",{d:"m19 15-6 6-1.42-1.42L15.17 16H4V4h2v10h9.17l-3.59-3.58L13 9z"})),ye="Dashboard",mr=h.createContext({}),{Provider:Wi,Consumer:fs}=mr,wn=[ye,A.DOMAIN_FOR_IP_SITE,A.DOMAIN_FOR_IP_SITE_REGEXP],qi=(t,r)=>{if(t.name===A.DOMAIN_FOR_DEFAULT_SITE)return-1;if(r.name===A.DOMAIN_FOR_DEFAULT_SITE)return 1;const n=wn.includes(t.name),i=wn.includes(r.name);return n&&i?cn(t.name,r.name):n?-1:i?1:cn(t.name,r.name)},Cn=({sites:t,nodePort:r})=>{const n=window.location.hostname,a=(t||[]).map(o=>{const{id:s,rules:d=[],corsAllowedOrigins:m=[]}=o;let{domain:c,domainAliases:u}=o;u=u||[],[A.DOMAIN_FOR_IP_SITE,A.DOMAIN_FOR_IP_SITE_REGEXP].includes(c)&&(c=ye,u.find(b=>b.value===n)||u.unshift({protected:!1,value:n}));const j={id:s,name:c,type:"domain",items:[],domainAliases:u,isProtected:o.isProtected,corsAllowedOrigins:m};return(d||[]).forEach(b=>{const{id:x,isProtected:S,from:{pathPrefix:y},to:k}=b;if(k.type===A.ROUTING_RULE_TYPES.BLOCKLET){let D="";Number.parseInt(k.port,10)===Number.parseInt(r,10)?(D="Blocklet Server Dashboard",k.type=A.ROUTING_RULE_TYPES.DAEMON):D=k.did,j.items.push({id:x,name:ln(y||"/"),title:D,type:"rule",isProtected:S,pathPrefix:y,to:k})}else j.items.push({id:x,pathPrefix:y,name:ln(y||"/"),title:"Blocklet Server Dashboard",type:"rule",isProtected:S,to:k})}),j.items=Vn(j.items,b=>b.name),j}).sort(qi),l=a.reduce((o,s)=>{let{name:d}=s;return d.endsWith(A.BLOCKLET_SITE_GROUP_SUFFIX)&&([d]=d.split(".")),o[d]={...s,rules:s.items},o},{});return{sites:a,siteMap:l}},Hi=({did:t,domain:r,mountPoint:n,siteMap:i,params:a}={})=>{if(!i)return null;const l=i[t];if(!l)return null;const o=r||(l.domainAliases||[])[0];if(!o)return null;let s=n;if(!s){const d=l.rules.filter(m=>!m.name.startsWith(A.WELLKNOWN_PATH_PREFIX))[0];s=d?d.name:"/"}return rt(o.value,s,a)},Gi=({did:t,mountPoint:r,siteMap:n,params:i}={})=>{if(!n)return[];const a=n[t];if(!a)return[];const l=a.domainAliases||[];if(!l.length)return[];let o=r;if(!o){const s=a.rules.filter(d=>!d.name.startsWith(A.WELLKNOWN_PATH_PREFIX))[0];o=s?s.name:"/"}return l.map(s=>rt(s.value,o,i))},Ki=t=>{const r=t.map(i=>i.domain).filter(i=>![A.DOMAIN_FOR_IP_SITE_REGEXP,A.DOMAIN_FOR_DEFAULT_SITE].includes(i));let n=[];return t.forEach(i=>n.push(...i.domainAliases||[])),n=n.map(i=>typeof i=="string"?{value:i,isProtected:!1}:i),{domains:r,domainsAliases:n}};function Sn({children:t}){const{api:r,info:n}=Q(),[i,a]=h.useState([]),[l,o]=h.useState([]),[s,d]=h.useState([]),m=$e(async()=>{const{sites:P}=await r.getRoutingSites({input:{snapshotHash:""}}),g=P||[];await Promise.all(g.map(async C=>(C.domainAliases=await Wr(C.domainAliases,{getIP:qr}),C)));const p=Ki(g);a(g),o(p.domains);const v=Cn({sites:g,nodePort:n.port});d((v?.sites||[]).map(C=>C.domainAliases.map(F=>F.value)).filter(C=>C.length))},[n]),c=(P,g)=>{a(p=>p.map(v=>v.id===P?g.domain?g:{...g,domain:v.domain}:v))},u=P=>r.takeRoutingSnapshot({input:{dryRun:!1,message:encodeURIComponent(P)}}),j=async P=>{const g=await r.addRoutingSite({input:P});a(i.concat(g.site))},b=async(P,g)=>{const p=await r.updateRoutingSite({input:{id:P,...g}});if(p.site&&p.site.id){const v=i.findIndex(C=>C.id===p.site.id);v!==-1&&(i.splice(v,1,p.site),a([].concat(i)))}},x=async P=>{await r.deleteRoutingSite({input:{id:P}}),a(i.filter(g=>g.id!==P))},S=async(P,g,p)=>{const v=await r.addDomainAlias({input:{id:P,domainAlias:g,force:p}});c(P,v.site)},y=async(P,g)=>{const p=await r.deleteDomainAlias({input:{id:P,domainAlias:g}});c(P,p.site)},k=async(P,g)=>{const{site:p}=await r.addRoutingRule({input:{id:P,rule:g}});c(P,p)},D=async(P,g)=>{const{site:p}=await r.updateRoutingRule({input:{id:P,rule:g}});c(P,p)},T=async(P,g)=>{const{site:p}=await r.deleteRoutingRule({input:{id:P,ruleId:g}});c(P,p)},w={loading:m.loading,error:m.error,refresh:m.retry,api:r,actions:{addSite:j,updateSite:b,deleteSite:x,addDomainAlias:S,deleteDomainAlias:y,takeSnapshot:u,addRule:k,updateRule:D,deleteRule:T}},{sites:R,siteMap:E}=Cn({sites:i,nodePort:n.port});return w.sites=R,w.siteMap=E,w.domains=l,w.allDomains=s,w.getBlockletUrl=({did:P,domain:g,mountPoint:p,params:v})=>Hi({did:P,domain:g,mountPoint:p,siteMap:w.siteMap,params:v}),w.getBlockletUrls=({did:P,mountPoint:g,params:p})=>Gi({did:P,mountPoint:g,siteMap:w.siteMap,params:p}),e.jsx(Wi,{value:{routing:w},children:t})}function de(){const{routing:t}=h.useContext(mr);return t}function Xt(t){const r=[A.DOMAIN_FOR_IP_SITE_REGEXP,A.DOMAIN_FOR_DEFAULT_SITE,A.DOMAIN_FOR_IP_SITE];return typeof window<"u"&&typeof window.location<"u"&&r.push(window.location.hostname),r.includes(t)}function Yi(){return null}function fr({confirm:t=null}){const[r,n]=h.useState(null),{t:i}=M(),a=()=>{n(null)},l=async s=>{if(s){let d=window.env&&window.env.apiPrefix?window.env.apiPrefix:"/";d==="/"?dn.push(`${s.pathname}`):(d.endsWith("/")&&(d=d.substring(0,d.length-1)),dn.push(`${d}${s.pathname}`)),window.location.reload()}},o=(s,...d)=>{let m=typeof t=="function"?t(s,...d):t;return m?(typeof m=="string"&&(m={description:m}),n({title:i("common.noticeTitle"),description:i("common.leavePageTip"),confirm:i("common.confirm"),cancel:i("common.cancel"),onConfirm:()=>l(s),onCancel:()=>a(),...m}),!1):!0};return e.jsxs(Vi,{children:[e.jsx(Yi,{message:o}),r&&e.jsx(le,{title:r.title,description:r.description,confirm:r.confirm,cancel:r.cancel,params:r.params,onConfirm:r.onConfirm,onCancel:r.onCancel})]})}fr.propTypes={confirm:f.oneOfType([f.object,f.string,f.func])};const Vi=re.div`
   margin-bottom: 24px;
   .top-btns-alert {
     @media (max-width: ${t=>t.theme.breakpoints.values.sm}px) {
@@ -44,7 +44,7 @@ import{aF as je,j as e,u as Q,r as h,e as $e,aG as Wr,aH as _,aI as ln,aJ as Vn,
       margin-right: 0;
     }
   }
-`,Qi="v21.6.0",Zi=t=>Hr.gte(t,Qi),kn=t=>({name:t.name,description:t.description,registerUrl:t.registerUrl,webWalletUrl:t.webWalletUrl,nftDomainUrl:t.nftDomainUrl,diskAlertThreshold:t.diskAlertThreshold,enableWelcomePage:!1,enableBetaRelease:!1,enableFileSystemIsolation:!0,enableDocker:!1,enableDockerNetwork:!1,isDockerInstalled:!1,enableSessionHardening:t.enableSessionHardening||!1});function pr({onSaved:t,title:r,submit:n,disabled:i=!1,...a}){const{api:l,info:o}=Q(),{t:s}=M(),{control:d,handleSubmit:m,formState:c,reset:u}=Vt({defaultValues:kn(o)}),[j,b]=h.useState(""),[x,S]=h.useState(""),[y,k]=h.useState(!1),[D,T]=h.useState(o.autoUpgrade),[w,R]=h.useState(!!o.enableWelcomePage),[E,P]=h.useState(null),g=un({enableFileSystemIsolation:!!o.enableFileSystemIsolation,tooltip:s("setting.form.security.switchTips"),loading:!1}),p=un({enableDocker:!!o.enableDocker,enableDockerNetwork:!!o.enableDockerNetwork,tooltip:s("setting.form.docker.switchTips"),isDockerInstalled:!!o.isDockerInstalled}),[v,C]=h.useState(!!o.enableBetaRelease);h.useEffect(()=>{let O="";(c.isDirty||D!==o.autoUpgrade||w!==!!o.enableWelcomePage||g.enableFileSystemIsolation!==!!o.enableFileSystemIsolation)&&(O=s("setting.unSavedTip")),S(O)},[s,o,D,w,g.enableFileSystemIsolation,c]),Gr(async()=>{try{const O=Object.assign({},await l.getNodeEnv()||{}),{version:A}=O.info.blockletEngines.find(X=>X.name==="node");P(A)}catch(O){console.error(O),te.error(O.message)}},[l]),h.useEffect(()=>{try{g.enableFileSystemIsolation=!!o.enableFileSystemIsolation,g.tooltip=s("setting.form.security.switchTips"),g.loading=mn(E),!mn(E)&&!Zi(E)&&(g.tooltip=s("setting.form.security.warningTips",{version:E}))}catch(O){console.error(O),te.error(O.message)}},[o.enableFileSystemIsolation,E]);const F=async O=>{b(""),k(!0);try{const A=await l.updateNodeInfo({input:{...O,name:O.name.trim(),description:O.description.trim(),registerUrl:O.registerUrl.trim(),webWalletUrl:O.webWalletUrl.trim(),diskAlertThreshold:O.diskAlertThreshold,autoUpgrade:D,enableWelcomePage:w,enableFileSystemIsolation:g.enableFileSystemIsolation,enableBetaRelease:v,enableDocker:p.enableDocker,enableDockerNetwork:p.enableDockerNetwork}});await Xn(1e3),u(kn(A.info)),typeof t=="function"&&t(A)}catch(A){b(pe(A))}finally{k(!1)}},{errors:$}=c;return e.jsxs(Ji,{...a,children:[e.jsxs(Qt,{noValidate:!0,autoComplete:"off",onSubmit:m(F),children:[!!r&&e.jsx(L,{component:"h2",variant:"h5",className:"stepper-tip",children:r}),e.jsx(ie,{permission:"mutate_node",children:O=>e.jsxs(e.Fragment,{children:[e.jsx(B,{name:"name",control:d,rules:{validate:A=>!!A.trim()||s("setting.form.nameRequired")},render:({field:A})=>e.jsx(H,{variant:"outlined",label:s("setting.form.name"),placeholder:s("setting.form.namePlaceholder"),disabled:y||!O,"data-cy":"node-name-input",error:$.name&&!!$.name.message,helperText:$.name?$.name.message:"",margin:"normal",...A})}),e.jsx(B,{name:"description",control:d,rules:{validate:A=>!!A.trim()||s("setting.form.descriptionRequired")},render:({field:A})=>e.jsx(H,{variant:"outlined",label:s("setting.form.description"),placeholder:s("setting.form.descriptionHolder"),disabled:y||!O,"data-cy":"node-description-input",error:$.description&&!!$.description.message,helperText:$.description?$.description.message:"",margin:"normal",...A})}),e.jsx(B,{name:"registerUrl",control:d,rules:{},render:({field:A})=>e.jsx(H,{variant:"outlined",label:s("setting.form.registerUrl"),placeholder:s("setting.form.registerUrlPlaceholder"),disabled:y||!O,error:$.registerUrl&&!!$.registerUrl.message,helperText:$.registerUrl?$.registerUrl.message:"",margin:"normal",...A})}),e.jsx(B,{name:"nftDomainUrl",control:d,rules:{},render:({field:A})=>e.jsx(H,{variant:"outlined",label:s("setting.form.nftDomainUrl"),placeholder:s("setting.form.nftDomainUrlPlaceholder"),disabled:y||!O,error:$.nftDomainUrl&&!!$.nftDomainUrl.message,helperText:$.nftDomainUrl?$.nftDomainUrl.message:"",margin:"normal",...A})}),e.jsx(B,{name:"webWalletUrl",control:d,rules:{},render:({field:A})=>e.jsx(H,{variant:"outlined",label:s("setting.form.webWalletUrl"),placeholder:s("setting.form.webWalletUrlPlaceholder"),disabled:y||!O,error:$.webWalletUrl&&!!$.webWalletUrl.message,helperText:$.webWalletUrl?$.webWalletUrl.message:"",margin:"normal",...A})}),e.jsx(B,{name:"diskAlertThreshold",control:d,rules:{},render:({field:A})=>e.jsx(H,{type:"number",variant:"outlined",label:s("setting.form.monitor.diskThreshold"),placeholder:s("setting.form.monitor.diskThresholdPlaceholder"),disabled:y||!O,error:$.diskAlertThreshold&&!!$.diskAlertThreshold.message,helperText:$.diskAlertThreshold?$.diskAlertThreshold.message:"",margin:"normal",...A,slotProps:{htmlInput:{min:1,max:99}}})}),e.jsx(se,{checked:D,onChange:()=>T(!D),name:"autoUpgrade",disabled:!O,labelProps:{label:e.jsx(L,{children:e.jsx("span",{children:s("setting.form.upgrade.switchLabel")})})},style:{marginTop:20}}),D&&e.jsx(se,{checked:v,onChange:()=>C(!v),name:"enableBetaRelease",disabled:!O,labelProps:{label:e.jsx(L,{children:e.jsx("span",{children:s("setting.form.upgrade.enableBetaRelease")})})},style:{marginTop:20}}),o?.mode!==_.NODE_MODES.SERVERLESS&&e.jsx(se,{checked:w,onChange:()=>R(!w),name:"enableWelcomePage",disabled:!O,labelProps:{label:e.jsx(L,{children:e.jsx("span",{children:s("setting.form.welcome.switchLabel")})})},style:{marginTop:16}}),e.jsx(B,{name:"enableSessionHardening",control:d,render:({field:A})=>e.jsx(se,{checked:A.value,disabled:y||!O,labelProps:{label:e.jsx(L,{children:e.jsxs("span",{style:{display:"inline-flex",alignItems:"center"},children:[s("setting.form.enableSessionHardening.switchLabel"),e.jsx(fe,{title:s("setting.form.enableSessionHardening.switchTips"),children:e.jsx(Ae,{sx:{ml:.5,fontSize:"20px"},color:"primary"})})]})})},style:{marginTop:16},...A})}),e.jsx(se,{checked:g.enableFileSystemIsolation,onChange:()=>{g.enableFileSystemIsolation=!g.enableFileSystemIsolation,p.enableDocker&&g.enableFileSystemIsolation&&(p.enableDocker=!1,te.info(s("setting.form.docker.needCloseFileSystemIsolation")))},name:"enableFileSystemIsolation",disabled:!O,"data-cy":"file-system-isolation-switch",labelProps:{label:e.jsx(L,{children:e.jsxs("span",{style:{display:"inline-flex",alignItems:"center"},children:[s("setting.form.security.switchLabel"),e.jsx(fe,{title:!g.loading&&g.tooltip,children:g.loading?e.jsx(K,{size:14,sx:{ml:.5}}):e.jsx(Ae,{sx:{ml:.5,fontSize:"20px"},color:"primary"})})]})})},style:{marginTop:16}}),e.jsx(se,{checked:p.enableDocker,onChange:()=>{if(!p.enableDocker&&!p.isDockerInstalled){te.error(s("setting.form.docker.notInstalled"));return}p.enableDocker=!p.enableDocker,p.enableDocker&&g.enableFileSystemIsolation&&(g.enableFileSystemIsolation=!1,te.info(s("setting.form.docker.needCloseFileSystemIsolation"))),!p.enableDocker&&p.enableDockerNetwork&&(p.enableDockerNetwork=!1)},name:"enableDocker",disabled:!O,"data-cy":"docker-switch",labelProps:{label:e.jsx(L,{children:e.jsxs("span",{style:{display:"inline-flex",alignItems:"center"},children:[s("setting.form.docker.switchLabel"),e.jsx(fe,{title:!p.loading&&p.tooltip,children:p.loading?e.jsx(K,{size:14,sx:{ml:.5}}):e.jsx(Ae,{sx:{ml:.5,fontSize:"20px"},color:"primary"})})]})})},style:{marginTop:16}}),e.jsx(se,{checked:p.enableDockerNetwork,onChange:()=>{if(!p.enableDockerNetwork&&!p.isDockerInstalled){te.error(s("setting.form.docker.notInstalled"));return}p.enableDockerNetwork=!p.enableDockerNetwork,p.enableDockerNetwork&&!p.enableDocker&&(p.enableDocker=!0)},name:"enableDockerNetwork",disabled:!O,"data-cy":"docker-network-switch",labelProps:{label:e.jsx(L,{children:e.jsxs("span",{style:{display:"inline-flex",alignItems:"center"},children:[s("setting.form.dockerNetwork.switchLabel"),e.jsx(fe,{title:!p.loading&&s("setting.form.dockerNetwork.switchTips"),children:p.loading?e.jsx(K,{size:14,sx:{ml:.5}}):e.jsx(Ae,{sx:{ml:.5,fontSize:"20px"},color:"primary"})})]})})},style:{marginTop:16}})]})}),!!x&&e.jsx(be,{severity:"warning",children:x}),e.jsx("div",{className:"form-actions",children:e.jsx(ie,{permission:"mutate_node",children:e.jsxs(Z,{onClick:m(F),disabled:i||y,color:"primary",variant:"contained","data-cy":"submit-btn",className:"form-submit",children:[n," ",y?e.jsx(K,{size:16,sx:{ml:1}}):null]})})}),!!j&&e.jsx(be,{severity:"error",error:j,children:j})]}),x&&e.jsx(fr,{confirm:s("setting.unSavedLeaveTip")})]})}pr.propTypes={onSaved:f.func.isRequired,disabled:f.bool,title:f.string.isRequired,submit:f.string.isRequired};const Ji=re.div`
+`,Qi="v21.6.0",Zi=t=>Hr.gte(t,Qi),kn=t=>({name:t.name,description:t.description,registerUrl:t.registerUrl,webWalletUrl:t.webWalletUrl,nftDomainUrl:t.nftDomainUrl,diskAlertThreshold:t.diskAlertThreshold,enableWelcomePage:!1,enableBetaRelease:!1,enableFileSystemIsolation:!0,enableDocker:!1,enableDockerNetwork:!1,isDockerInstalled:!1,enableSessionHardening:t.enableSessionHardening||!1});function pr({onSaved:t,title:r,submit:n,disabled:i=!1,...a}){const{api:l,info:o}=Q(),{t:s}=M(),{control:d,handleSubmit:m,formState:c,reset:u}=Vt({defaultValues:kn(o)}),[j,b]=h.useState(""),[x,S]=h.useState(""),[y,k]=h.useState(!1),[D,T]=h.useState(o.autoUpgrade),[w,R]=h.useState(!!o.enableWelcomePage),[E,P]=h.useState(null),g=un({enableFileSystemIsolation:!!o.enableFileSystemIsolation,tooltip:s("setting.form.security.switchTips"),loading:!1}),p=un({enableDocker:!!o.enableDocker,enableDockerNetwork:!!o.enableDockerNetwork,tooltip:s("setting.form.docker.switchTips"),isDockerInstalled:!!o.isDockerInstalled}),[v,C]=h.useState(!!o.enableBetaRelease);h.useEffect(()=>{let O="";(c.isDirty||D!==o.autoUpgrade||w!==!!o.enableWelcomePage||g.enableFileSystemIsolation!==!!o.enableFileSystemIsolation)&&(O=s("setting.unSavedTip")),S(O)},[s,o,D,w,g.enableFileSystemIsolation,c]),Gr(async()=>{try{const O=Object.assign({},await l.getNodeEnv()||{}),{version:_}=O.info.blockletEngines.find(X=>X.name==="node");P(_)}catch(O){console.error(O),te.error(O.message)}},[l]),h.useEffect(()=>{try{g.enableFileSystemIsolation=!!o.enableFileSystemIsolation,g.tooltip=s("setting.form.security.switchTips"),g.loading=mn(E),!mn(E)&&!Zi(E)&&(g.tooltip=s("setting.form.security.warningTips",{version:E}))}catch(O){console.error(O),te.error(O.message)}},[o.enableFileSystemIsolation,E]);const F=async O=>{b(""),k(!0);try{const _=await l.updateNodeInfo({input:{...O,name:O.name.trim(),description:O.description.trim(),registerUrl:O.registerUrl.trim(),webWalletUrl:O.webWalletUrl.trim(),diskAlertThreshold:O.diskAlertThreshold,autoUpgrade:D,enableWelcomePage:w,enableFileSystemIsolation:g.enableFileSystemIsolation,enableBetaRelease:v,enableDocker:p.enableDocker,enableDockerNetwork:p.enableDockerNetwork}});await Xn(1e3),u(kn(_.info)),typeof t=="function"&&t(_)}catch(_){b(pe(_))}finally{k(!1)}},{errors:$}=c;return e.jsxs(Ji,{...a,children:[e.jsxs(Qt,{noValidate:!0,autoComplete:"off",onSubmit:m(F),children:[!!r&&e.jsx(L,{component:"h2",variant:"h5",className:"stepper-tip",children:r}),e.jsx(ie,{permission:"mutate_node",children:O=>e.jsxs(e.Fragment,{children:[e.jsx(B,{name:"name",control:d,rules:{validate:_=>!!_.trim()||s("setting.form.nameRequired")},render:({field:_})=>e.jsx(H,{variant:"outlined",label:s("setting.form.name"),placeholder:s("setting.form.namePlaceholder"),disabled:y||!O,"data-cy":"node-name-input",error:$.name&&!!$.name.message,helperText:$.name?$.name.message:"",margin:"normal",..._})}),e.jsx(B,{name:"description",control:d,rules:{validate:_=>!!_.trim()||s("setting.form.descriptionRequired")},render:({field:_})=>e.jsx(H,{variant:"outlined",label:s("setting.form.description"),placeholder:s("setting.form.descriptionHolder"),disabled:y||!O,"data-cy":"node-description-input",error:$.description&&!!$.description.message,helperText:$.description?$.description.message:"",margin:"normal",..._})}),e.jsx(B,{name:"registerUrl",control:d,rules:{},render:({field:_})=>e.jsx(H,{variant:"outlined",label:s("setting.form.registerUrl"),placeholder:s("setting.form.registerUrlPlaceholder"),disabled:y||!O,error:$.registerUrl&&!!$.registerUrl.message,helperText:$.registerUrl?$.registerUrl.message:"",margin:"normal",..._})}),e.jsx(B,{name:"nftDomainUrl",control:d,rules:{},render:({field:_})=>e.jsx(H,{variant:"outlined",label:s("setting.form.nftDomainUrl"),placeholder:s("setting.form.nftDomainUrlPlaceholder"),disabled:y||!O,error:$.nftDomainUrl&&!!$.nftDomainUrl.message,helperText:$.nftDomainUrl?$.nftDomainUrl.message:"",margin:"normal",..._})}),e.jsx(B,{name:"webWalletUrl",control:d,rules:{},render:({field:_})=>e.jsx(H,{variant:"outlined",label:s("setting.form.webWalletUrl"),placeholder:s("setting.form.webWalletUrlPlaceholder"),disabled:y||!O,error:$.webWalletUrl&&!!$.webWalletUrl.message,helperText:$.webWalletUrl?$.webWalletUrl.message:"",margin:"normal",..._})}),e.jsx(B,{name:"diskAlertThreshold",control:d,rules:{},render:({field:_})=>e.jsx(H,{type:"number",variant:"outlined",label:s("setting.form.monitor.diskThreshold"),placeholder:s("setting.form.monitor.diskThresholdPlaceholder"),disabled:y||!O,error:$.diskAlertThreshold&&!!$.diskAlertThreshold.message,helperText:$.diskAlertThreshold?$.diskAlertThreshold.message:"",margin:"normal",..._,slotProps:{htmlInput:{min:1,max:99}}})}),e.jsx(se,{checked:D,onChange:()=>T(!D),name:"autoUpgrade",disabled:!O,labelProps:{label:e.jsx(L,{children:e.jsx("span",{children:s("setting.form.upgrade.switchLabel")})})},style:{marginTop:20}}),D&&e.jsx(se,{checked:v,onChange:()=>C(!v),name:"enableBetaRelease",disabled:!O,labelProps:{label:e.jsx(L,{children:e.jsx("span",{children:s("setting.form.upgrade.enableBetaRelease")})})},style:{marginTop:20}}),o?.mode!==A.NODE_MODES.SERVERLESS&&e.jsx(se,{checked:w,onChange:()=>R(!w),name:"enableWelcomePage",disabled:!O,labelProps:{label:e.jsx(L,{children:e.jsx("span",{children:s("setting.form.welcome.switchLabel")})})},style:{marginTop:16}}),e.jsx(B,{name:"enableSessionHardening",control:d,render:({field:_})=>e.jsx(se,{checked:_.value,disabled:y||!O,labelProps:{label:e.jsx(L,{children:e.jsxs("span",{style:{display:"inline-flex",alignItems:"center"},children:[s("setting.form.enableSessionHardening.switchLabel"),e.jsx(fe,{title:s("setting.form.enableSessionHardening.switchTips"),children:e.jsx(_e,{sx:{ml:.5,fontSize:"20px"},color:"primary"})})]})})},style:{marginTop:16},..._})}),e.jsx(se,{checked:g.enableFileSystemIsolation,onChange:()=>{g.enableFileSystemIsolation=!g.enableFileSystemIsolation,p.enableDocker&&g.enableFileSystemIsolation&&(p.enableDocker=!1,te.info(s("setting.form.docker.needCloseFileSystemIsolation")))},name:"enableFileSystemIsolation",disabled:!O,"data-cy":"file-system-isolation-switch",labelProps:{label:e.jsx(L,{children:e.jsxs("span",{style:{display:"inline-flex",alignItems:"center"},children:[s("setting.form.security.switchLabel"),e.jsx(fe,{title:!g.loading&&g.tooltip,children:g.loading?e.jsx(K,{size:14,sx:{ml:.5}}):e.jsx(_e,{sx:{ml:.5,fontSize:"20px"},color:"primary"})})]})})},style:{marginTop:16}}),e.jsx(se,{checked:p.enableDocker,onChange:()=>{if(!p.enableDocker&&!p.isDockerInstalled){te.error(s("setting.form.docker.notInstalled"));return}p.enableDocker=!p.enableDocker,p.enableDocker&&g.enableFileSystemIsolation&&(g.enableFileSystemIsolation=!1,te.info(s("setting.form.docker.needCloseFileSystemIsolation"))),!p.enableDocker&&p.enableDockerNetwork&&(p.enableDockerNetwork=!1)},name:"enableDocker",disabled:!O,"data-cy":"docker-switch",labelProps:{label:e.jsx(L,{children:e.jsxs("span",{style:{display:"inline-flex",alignItems:"center"},children:[s("setting.form.docker.switchLabel"),e.jsx(fe,{title:!p.loading&&p.tooltip,children:p.loading?e.jsx(K,{size:14,sx:{ml:.5}}):e.jsx(_e,{sx:{ml:.5,fontSize:"20px"},color:"primary"})})]})})},style:{marginTop:16}}),e.jsx(se,{checked:p.enableDockerNetwork,onChange:()=>{if(!p.enableDockerNetwork&&!p.isDockerInstalled){te.error(s("setting.form.docker.notInstalled"));return}p.enableDockerNetwork=!p.enableDockerNetwork,p.enableDockerNetwork&&!p.enableDocker&&(p.enableDocker=!0)},name:"enableDockerNetwork",disabled:!O,"data-cy":"docker-network-switch",labelProps:{label:e.jsx(L,{children:e.jsxs("span",{style:{display:"inline-flex",alignItems:"center"},children:[s("setting.form.dockerNetwork.switchLabel"),e.jsx(fe,{title:!p.loading&&s("setting.form.dockerNetwork.switchTips"),children:p.loading?e.jsx(K,{size:14,sx:{ml:.5}}):e.jsx(_e,{sx:{ml:.5,fontSize:"20px"},color:"primary"})})]})})},style:{marginTop:16}})]})}),!!x&&e.jsx(be,{severity:"warning",children:x}),e.jsx("div",{className:"form-actions",children:e.jsx(ie,{permission:"mutate_node",children:e.jsxs(Z,{onClick:m(F),disabled:i||y,color:"primary",variant:"contained","data-cy":"submit-btn",className:"form-submit",children:[n," ",y?e.jsx(K,{size:16,sx:{ml:1}}):null]})})}),!!j&&e.jsx(be,{severity:"error",error:j,children:j})]}),x&&e.jsx(fr,{confirm:s("setting.unSavedLeaveTip")})]})}pr.propTypes={onSaved:f.func.isRequired,disabled:f.bool,title:f.string.isRequired,submit:f.string.isRequired};const Ji=re.div`
   display: flex;
   align-items: flex-start;
   width: 100%;
@@ -61,7 +61,7 @@ import{aF as je,j as e,u as Q,r as h,e as $e,aG as Wr,aH as _,aI as ln,aJ as Vn,
     width: 100%;
     max-width: 720px;
   }
-`,Dn=(t,r=10,n=500)=>{if(typeof document>"u")return 0;const a=document.createElement("canvas").getContext("2d");return a.font=`${n} ${r}px sans-serif`,a.measureText(t).width};function gr({checked:t,onChange:r,width:n=0}){const{t:i}=h.useContext(mt),[a,l]=h.useState(!1),o=Kr(c=>{l(c.target.checked),r(c.target.checked)});h.useEffect(()=>{l(t)},[t]);const s=h.useMemo(()=>i(`webhookEndpoint.${a?"enabled":"disabled"}`),[a,i]),d=h.useMemo(()=>{const c=i("webhookEndpoint.enabled"),u=i("webhookEndpoint.disabled"),j=Dn(c,10,500),b=Dn(u,10,500),x=Math.max(j,b),D=18+3+x+6;return Math.max(Math.ceil(D/2)*2,50)},[i]),m=n||d;return e.jsx(ji,{checked:a,onChange:o,sx:c=>{const x=m-18-6,S=c.palette.mode==="dark",y=c.palette.common[S?"black":"white"],k=c.palette.common[S?"white":"black"];return{width:m,height:24,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"3px",transitionDuration:"300ms","&.Mui-checked":{transform:`translateX(${x}px)`,color:c.palette.common.white,"& + .MuiSwitch-track":{backgroundColor:c.palette.primary.main,opacity:1,border:0,"&:before":{content:`"${s}"`,position:"absolute",left:c.spacing(.75),top:"50%",transform:"translateY(-50%)",color:y,fontSize:10,fontWeight:500}}}},"& .MuiSwitch-thumb":{width:18,height:18},"& .MuiSwitch-track":{borderRadius:24/2,backgroundColor:c.palette.grey[200],opacity:1,position:"relative","&:before":{content:`"${s}"`,position:"absolute",right:c.spacing(.75),top:"50%",transform:"translateY(-50%)",color:k,fontSize:10,fontWeight:500}}}}})}gr.propTypes={checked:f.bool.isRequired,onChange:f.func.isRequired,width:f.number};function hr({item:t,onDelete:r=()=>{},close:n=()=>{}}){const{t:i}=M(),[a,l]=h.useState(!1),[o,s]=h.useState(null),{id:d,title:m}=t,{api:c}=Q(),u=()=>{l(!1),s(null)},j=async()=>{l(!0);try{await c.deleteWebHook({input:{id:d}}),r()}catch(x){console.error(x)}finally{l(!1),s(null)}},b={keyName:d,title:i("setting.webhook.delTitle"),description:`${i("setting.webhook.description",{name:`<b>${m}</b>`,id:`<b>${d}</b>`})}`,confirmPlaceholder:i("setting.webhook.confirm_desc",{name:d}),confirm:i("common.delConfirm"),cancel:i("common.cancel"),onConfirm:j,onCancel:u};return e.jsxs(e.Fragment,{children:[e.jsxs(V,{disabled:a,onClick:x=>{x.stopPropagation(),n(),s(b)},"data-cy":"action-delete-webhook",dense:!0,children:[e.jsx(Ie,{style:{minWidth:24,marginRight:8},children:a?e.jsx(K,{}):e.jsx(ve,{})}),e.jsx(et,{primary:i("common.delete")})]},"delete-webhook"),o&&e.jsx(pt,{keyName:o.keyName,title:o.title,description:o.description,confirmPlaceholder:o.confirmPlaceholder,confirm:o.confirm,cancel:o.cancel,params:o.params,onConfirm:o.onConfirm,onCancel:o.onCancel})]})}hr.propTypes={item:f.object.isRequired,onDelete:f.func,close:f.func};function no(){const{api:t,imgPrefix:r}=Q(),{t:n,locale:i}=h.useContext(mt),[a,l]=h.useState([]),[o,s]=h.useState(null),d=$e(async()=>{const[{webhooks:R},{senders:E}]=await Promise.all([t.getWebHooks(),t.getWebhookSenders()]);return l(E),R}),m=d.value||[],{loading:c,error:u}=d,j=new Set(m.map(R=>R.params.map(E=>E.value)).flat()),b=async R=>{try{await t.createWebHook({input:R}),d.retry()}catch(E){te.error(pe(E),{autoHideDuration:4e3}),console.error("create webhook error",E)}s(null)},x=()=>{s(null)},S=R=>{const E={title:R.title,description:(P,g,p)=>{const v=F=>{g({list:F,__disableConfirm:F.some($=>$.disable)})},C=P.list||[];return e.jsx(Rn,{children:C.map((F,$)=>e.jsx(ro,{children:e.jsx(H,{label:F.description,autoComplete:"off",variant:"outlined",fullWidth:!0,autoFocus:!0,style:{marginBottom:16},margin:"dense",value:F.value||F.defaultValue,onChange:O=>{F.required&&(F.disable=!0);const A=O.target.value.trim();if(F.value=A,C[$]=F,A){const X=j.has(A);Yr(F.type,A)&&!X?(F.disable=!1,p("")):(F.disable=!0,p(X?n("setting.webhook.duplicateError"):n("setting.webhook.requiredError",{type:F.description})))}else F.required&&(F.disable=!0),p("");v([...C])},slotProps:{htmlInput:{"data-cy":"webhook-input"}}})},F.name))})},params:{list:R.params,__disableConfirm:!0},confirm:n("setting.webhook.add"),cancel:n("common.cancel"),onConfirm:P=>{R.params=P.list,b(R)},onCancel:x};s(E)},y=R=>R.type==="slack"?e.jsx("img",{src:`${r}/${R.type}.png`,alt:"icon",style:{width:20,height:20}}):e.jsx(ar,{}),k=async R=>{try{const E={webhookId:R.id,message:"This is a test notification in order to test the integration"};await t.sendTestMessage({input:E}),te.success(n("setting.webhook.testSuccess"))}catch(E){te.error(pe(E),{autoHideDuration:4e3}),console.error("send test notification error",E)}},D=async(R,E,P)=>{try{await t.updateWebHookState({input:{id:R.id,url:E,enabled:P}}),te.success(n("setting.webhook.updateSuccess")),d.retry()}catch(g){console.error("update webhook enabled error",g),te.error(pe(g),{autoHideDuration:4e3})}},T=[{label:n("setting.webhook.columns.description"),name:"id",verticalKeyAlign:"center",options:{sort:!1,customBodyRenderLite:R=>{const E=m[R],P=a.find(g=>g.name===E.name);return e.jsxs("div",{style:{display:"flex",alignItems:"center",whiteSpace:"nowrap"},children:[y(E),e.jsxs("div",{style:{marginLeft:10},children:[e.jsxs("b",{children:["ID: ",E.id]}),e.jsx("div",{children:P?P.description:null})]})]})}}},{label:n("setting.webhook.columns.params"),name:"params",options:{sort:!1,customBodyRenderLite:R=>{const E=m[R],P=E.params.map(g=>{const p=g?.enabled??!0;return e.jsxs(W,{sx:{display:"flex",alignItems:"center",gap:1,minWidth:0,width:"100%"},children:[e.jsx(W,{sx:{flexShrink:0},children:e.jsx(gr,{checked:p,onChange:v=>D(E,g.value,v)})}),e.jsx(L,{variant:"body2",component:"div",title:g.value,sx:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:g.value})]},g.value)});return e.jsx(W,{sx:{display:"flex",flexDirection:"column",gap:1,minWidth:0,width:"100%"},children:P})}}},{label:n("setting.webhook.columns.createdAt"),name:"createdAt",options:{customBodyRenderLite:R=>{const E=m[R];return e.jsx(it,{value:E.createdAt,locale:i})}}},{label:n("common.actions"),align:"center",verticalKeyAlign:"center",options:{sort:!1,customBodyRenderLite:R=>{const E=m[R],P=a.find(g=>g.name===E.name)||{};return e.jsx(Ci,{actions:[{render:({close:g})=>e.jsx(hr,{item:{...E,title:P.title},close:g,onDelete:()=>{d.retry()}})},{icon:e.jsx(io,{}),text:n("setting.webhook.test"),onClick:()=>{k(E)}}]})}}}];if(!m.length&&c)return e.jsx("div",{style:{textAlign:"center",marginTop:"50px"},children:e.jsx(K,{})});if(!m.length&&u)return e.jsx(be,{severity:"error",children:pe(u)});const w=a.map(R=>({icon:y(R),title:`${n("common.add")} ${R.title}`,onClick:()=>{S(R)}}));return e.jsxs(Rn,{children:[o&&e.jsx(le,{color:"primary",title:o.title,description:o.description,confirm:o.confirm,params:o.params,onConfirm:o.onConfirm,onCancel:o.onCancel}),e.jsx(or,{columns:T,data:m,locale:i,customButtons:w,verticalKeyWidth:100,options:{download:!1,filter:!1,print:!1}})]})}const Rn=re.div`
+`,Dn=(t,r=10,n=500)=>{if(typeof document>"u")return 0;const a=document.createElement("canvas").getContext("2d");return a.font=`${n} ${r}px sans-serif`,a.measureText(t).width};function gr({checked:t,onChange:r,width:n=0}){const{t:i}=h.useContext(mt),[a,l]=h.useState(!1),o=Kr(c=>{l(c.target.checked),r(c.target.checked)});h.useEffect(()=>{l(t)},[t]);const s=h.useMemo(()=>i(`webhookEndpoint.${a?"enabled":"disabled"}`),[a,i]),d=h.useMemo(()=>{const c=i("webhookEndpoint.enabled"),u=i("webhookEndpoint.disabled"),j=Dn(c,10,500),b=Dn(u,10,500),x=Math.max(j,b),D=18+3+x+6;return Math.max(Math.ceil(D/2)*2,50)},[i]),m=n||d;return e.jsx(ji,{checked:a,onChange:o,sx:c=>{const x=m-18-6,S=c.palette.mode==="dark",y=c.palette.common[S?"black":"white"],k=c.palette.common[S?"white":"black"];return{width:m,height:24,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"3px",transitionDuration:"300ms","&.Mui-checked":{transform:`translateX(${x}px)`,color:c.palette.common.white,"& + .MuiSwitch-track":{backgroundColor:c.palette.primary.main,opacity:1,border:0,"&:before":{content:`"${s}"`,position:"absolute",left:c.spacing(.75),top:"50%",transform:"translateY(-50%)",color:y,fontSize:10,fontWeight:500}}}},"& .MuiSwitch-thumb":{width:18,height:18},"& .MuiSwitch-track":{borderRadius:24/2,backgroundColor:c.palette.grey[200],opacity:1,position:"relative","&:before":{content:`"${s}"`,position:"absolute",right:c.spacing(.75),top:"50%",transform:"translateY(-50%)",color:k,fontSize:10,fontWeight:500}}}}})}gr.propTypes={checked:f.bool.isRequired,onChange:f.func.isRequired,width:f.number};function hr({item:t,onDelete:r=()=>{},close:n=()=>{}}){const{t:i}=M(),[a,l]=h.useState(!1),[o,s]=h.useState(null),{id:d,title:m}=t,{api:c}=Q(),u=()=>{l(!1),s(null)},j=async()=>{l(!0);try{await c.deleteWebHook({input:{id:d}}),r()}catch(x){console.error(x)}finally{l(!1),s(null)}},b={keyName:d,title:i("setting.webhook.delTitle"),description:`${i("setting.webhook.description",{name:`<b>${m}</b>`,id:`<b>${d}</b>`})}`,confirmPlaceholder:i("setting.webhook.confirm_desc",{name:d}),confirm:i("common.delConfirm"),cancel:i("common.cancel"),onConfirm:j,onCancel:u};return e.jsxs(e.Fragment,{children:[e.jsxs(V,{disabled:a,onClick:x=>{x.stopPropagation(),n(),s(b)},"data-cy":"action-delete-webhook",dense:!0,children:[e.jsx(Ie,{style:{minWidth:24,marginRight:8},children:a?e.jsx(K,{}):e.jsx(ve,{})}),e.jsx(et,{primary:i("common.delete")})]},"delete-webhook"),o&&e.jsx(pt,{keyName:o.keyName,title:o.title,description:o.description,confirmPlaceholder:o.confirmPlaceholder,confirm:o.confirm,cancel:o.cancel,params:o.params,onConfirm:o.onConfirm,onCancel:o.onCancel})]})}hr.propTypes={item:f.object.isRequired,onDelete:f.func,close:f.func};function no(){const{api:t,imgPrefix:r}=Q(),{t:n,locale:i}=h.useContext(mt),[a,l]=h.useState([]),[o,s]=h.useState(null),d=$e(async()=>{const[{webhooks:R},{senders:E}]=await Promise.all([t.getWebHooks(),t.getWebhookSenders()]);return l(E),R}),m=d.value||[],{loading:c,error:u}=d,j=new Set(m.map(R=>R.params.map(E=>E.value)).flat()),b=async R=>{try{await t.createWebHook({input:R}),d.retry()}catch(E){te.error(pe(E),{autoHideDuration:4e3}),console.error("create webhook error",E)}s(null)},x=()=>{s(null)},S=R=>{const E={title:R.title,description:(P,g,p)=>{const v=F=>{g({list:F,__disableConfirm:F.some($=>$.disable)})},C=P.list||[];return e.jsx(Rn,{children:C.map((F,$)=>e.jsx(ro,{children:e.jsx(H,{label:F.description,autoComplete:"off",variant:"outlined",fullWidth:!0,autoFocus:!0,style:{marginBottom:16},margin:"dense",value:F.value||F.defaultValue,onChange:O=>{F.required&&(F.disable=!0);const _=O.target.value.trim();if(F.value=_,C[$]=F,_){const X=j.has(_);Yr(F.type,_)&&!X?(F.disable=!1,p("")):(F.disable=!0,p(X?n("setting.webhook.duplicateError"):n("setting.webhook.requiredError",{type:F.description})))}else F.required&&(F.disable=!0),p("");v([...C])},slotProps:{htmlInput:{"data-cy":"webhook-input"}}})},F.name))})},params:{list:R.params,__disableConfirm:!0},confirm:n("setting.webhook.add"),cancel:n("common.cancel"),onConfirm:P=>{R.params=P.list,b(R)},onCancel:x};s(E)},y=R=>R.type==="slack"?e.jsx("img",{src:`${r}/${R.type}.png`,alt:"icon",style:{width:20,height:20}}):e.jsx(ar,{}),k=async R=>{try{const E={webhookId:R.id,message:"This is a test notification in order to test the integration"};await t.sendTestMessage({input:E}),te.success(n("setting.webhook.testSuccess"))}catch(E){te.error(pe(E),{autoHideDuration:4e3}),console.error("send test notification error",E)}},D=async(R,E,P)=>{try{await t.updateWebHookState({input:{id:R.id,url:E,enabled:P}}),te.success(n("setting.webhook.updateSuccess")),d.retry()}catch(g){console.error("update webhook enabled error",g),te.error(pe(g),{autoHideDuration:4e3})}},T=[{label:n("setting.webhook.columns.description"),name:"id",verticalKeyAlign:"center",options:{sort:!1,customBodyRenderLite:R=>{const E=m[R],P=a.find(g=>g.name===E.name);return e.jsxs("div",{style:{display:"flex",alignItems:"center",whiteSpace:"nowrap"},children:[y(E),e.jsxs("div",{style:{marginLeft:10},children:[e.jsxs("b",{children:["ID: ",E.id]}),e.jsx("div",{children:P?P.description:null})]})]})}}},{label:n("setting.webhook.columns.params"),name:"params",options:{sort:!1,customBodyRenderLite:R=>{const E=m[R],P=E.params.map(g=>{const p=g?.enabled??!0;return e.jsxs(W,{sx:{display:"flex",alignItems:"center",gap:1,minWidth:0,width:"100%"},children:[e.jsx(W,{sx:{flexShrink:0},children:e.jsx(gr,{checked:p,onChange:v=>D(E,g.value,v)})}),e.jsx(L,{variant:"body2",component:"div",title:g.value,sx:{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:g.value})]},g.value)});return e.jsx(W,{sx:{display:"flex",flexDirection:"column",gap:1,minWidth:0,width:"100%"},children:P})}}},{label:n("setting.webhook.columns.createdAt"),name:"createdAt",options:{customBodyRenderLite:R=>{const E=m[R];return e.jsx(it,{value:E.createdAt,locale:i})}}},{label:n("common.actions"),align:"center",verticalKeyAlign:"center",options:{sort:!1,customBodyRenderLite:R=>{const E=m[R],P=a.find(g=>g.name===E.name)||{};return e.jsx(Ci,{actions:[{render:({close:g})=>e.jsx(hr,{item:{...E,title:P.title},close:g,onDelete:()=>{d.retry()}})},{icon:e.jsx(io,{}),text:n("setting.webhook.test"),onClick:()=>{k(E)}}]})}}}];if(!m.length&&c)return e.jsx("div",{style:{textAlign:"center",marginTop:"50px"},children:e.jsx(K,{})});if(!m.length&&u)return e.jsx(be,{severity:"error",children:pe(u)});const w=a.map(R=>({icon:y(R),title:`${n("common.add")} ${R.title}`,onClick:()=>{S(R)}}));return e.jsxs(Rn,{children:[o&&e.jsx(le,{color:"primary",title:o.title,description:o.description,confirm:o.confirm,params:o.params,onConfirm:o.onConfirm,onCancel:o.onCancel}),e.jsx(or,{columns:T,data:m,locale:i,customButtons:w,verticalKeyWidth:100,options:{download:!1,filter:!1,print:!1}})]})}const Rn=re.div`
   .button-addon {
     text-align: right;
   }
@@ -118,7 +118,7 @@ import{aF as je,j as e,u as Q,r as h,e as $e,aG as Wr,aH as _,aI as ln,aJ as Vn,
   display: flex;
   flex-direction: column;
   margin-top: 32px;
-`,xr=h.createContext({}),{Provider:ho,Consumer:ps}=xr;function yr({children:t,domains:r}){const{api:n}=Q(),i=JSON.stringify(r),[a,l]=h.useState({}),o=h.useMemo(()=>r.map(x=>x.filter(S=>S&&Gt(S))).filter(x=>x.length>0),[i]);At(_.EVENTS.DOMAIN_STATUS,x=>{x&&l(S=>({...S,[x.domain]:{...S[x.domain],...x}}))});const s=h.useMemo(()=>o.flat(),[o]),{domainsAccessibility:d,recommendedDomain:m}=ki(s),c=h.useMemo(()=>{const x={...a};return Object.keys(d).forEach(S=>{const y=x[S]||{};x[S]={...y,...d[S]}}),x},[a,d]),u=async()=>{await Promise.all(o.map(x=>n.checkDomains({input:{domains:x}})))},j=x=>{x&&n.checkDomains({input:{domains:[x]}})};h.useEffect(()=>{u()},[i]);const b={refresh:u,updateStatus:j,api:n,status:c,recommendedDomain:m,recommendedDomainStatus:c[m]};return e.jsx(ho,{value:b,children:t})}yr.propTypes={children:f.any.isRequired,domains:f.array.isRequired};function gt(){const{status:t,recommendedDomainStatus:r,recommendedDomain:n,updateStatus:i}=h.useContext(xr);return{status:t,recommendedDomainStatus:r,recommendedDomain:n,updateStatus:i}}const xo=t=>(ne(t,"meta.interfaces")||[]).find(n=>n.type===ft.BLOCKLET_INTERFACE_TYPE_WEB);function ht({params:t={},blocklets:r=[],setParams:n=()=>{},setError:i=()=>{},serviceTypes:a=[{name:"Blocklet",value:_.ROUTING_RULE_TYPES.BLOCKLET},{name:"Redirect",value:_.ROUTING_RULE_TYPES.REDIRECT},{name:"Default - User will see the 404 page",value:_.ROUTING_RULE_TYPES.NONE}]}){const{t:l}=M(),o={301:l("common.redirectPermanently"),302:l("common.redirectTemporary"),307:l("common.redirectTemporary"),308:l("common.redirectPermanently")},s=Vn(r,c=>c.meta.name),d=(c,u)=>{if(!u)return{};let{port:j}=c;u&&c.ports&&u.port&&(c.ports[u.port]&&(j=c.ports[u.port]),c.ports[u.port.internal]&&(j=c.ports[u.port.internal]));let{pathPrefix:b}=t;return u&&u.prefix!==ft.BLOCKLET_DYNAMIC_PATH_PREFIX&&(b=u.prefix),{port:j,pathPrefix:b}},m=c=>{const u=s.find(b=>b.meta.did===c),j=xo(u);return{...d(u,j),interfaceName:j?j.name:""}};return h.useEffect(()=>{!t.interfaceName&&t.type===_.ROUTING_RULE_TYPES.BLOCKLET&&n({...t,...m(t.did),__disableConfirm:!1})},[]),e.jsxs(e.Fragment,{children:[e.jsx(H,{select:!0,label:l("router.domain.add.type"),autoComplete:"off",variant:"outlined",name:"type","data-cy":"domain-add-type",fullWidth:!0,value:t.type,onChange:c=>{i(""),n({...t,type:c.target.value,__disableConfirm:!1})},style:{marginBottom:32},slotProps:{select:{}},children:a.map(({name:c,value:u})=>e.jsx(V,{value:u,children:c},u))}),t.type===_.ROUTING_RULE_TYPES.BLOCKLET&&e.jsxs(H,{select:!0,label:l("router.domain.add.blocklet"),autoComplete:"off",variant:"outlined",name:"did","data-cy":"domain-blocklet-select",fullWidth:!0,value:t.did,onChange:c=>{n({...t,...m(c.target.value),did:c.target.value,__disableConfirm:!1})},style:{marginBottom:32},children:[s.map(c=>e.jsxs(V,{value:c.meta.did,children:[`${c.meta.name}  v${c.meta.version}`,e.jsx("span",{style:{marginLeft:8},children:e.jsx(cr,{status:c.status,progress:c.progress})})]},c.meta.did)),r.length===0&&e.jsx(V,{value:"",children:l("common.empty")},"empty")]}),t.type===_.ROUTING_RULE_TYPES.REDIRECT&&[e.jsx(H,{select:!0,label:l("router.domain.add.redirect"),autoComplete:"off",variant:"outlined",name:"type",fullWidth:!0,value:t.redirectCode,onChange:c=>n({...t,redirectCode:c.target.value}),style:{marginBottom:32},slotProps:{select:{}},children:Object.keys(o).map(c=>e.jsx(V,{value:c,children:`${o[c]} - ${c}`},c))}),e.jsx(H,{label:l("common.redirectUrl"),autoComplete:"off",variant:"outlined",name:"url",fullWidth:!0,autoFocus:!0,value:t.url,helperText:l("router.urlHelperText"),style:{marginBottom:32},onChange:c=>{n({...t,url:c.target.value,__disableConfirm:!c.target.value.trim()}),c.target.value.trim()?i(""):i(l("router.validation.redirectUrlRequired"))},slotProps:{htmlInput:{"data-cy":"redirect-url-input"}}})]]})}ht.propTypes={params:f.object,blocklets:f.array,serviceTypes:f.array,setParams:f.func,setError:f.func};const br=(t,r)=>{if(t.type===_.ROUTING_RULE_TYPES.REDIRECT){if(!t.url)return new Error(`${r("router.validation.redirectUrlRequired")}`);if(!t.redirectCode)return new Error(`redirect ${r("router.validation.redirectCodeRequired")}`)}else if(t.type===_.ROUTING_RULE_TYPES.BLOCKLET&&!t.did)return new Error(r("router.validation.didRequired"));return null},Ne=(t,r)=>t?t.endsWith(_.DEFAULT_IP_DOMAIN_SUFFIX)?r("router.domain.validate.suffixTip",{suffix:_.DEFAULT_IP_DOMAIN_SUFFIX}):null:r("router.domain.validate.emptyTip"),yo=(t,r)=>{const n=br(t,r);if(n)return n;const i=Ne(t.domain,r);return i?new Error(i):null},st=(t,r)=>{const n=br(t,r);return n||(t.pathPrefix.length?t.pathPrefix.length>150?new Error(r("router.validation.pathPrefixTooLong",{length:150})):null:new Error(r("router.validation.pathPrefixCannotBeEmpty")))},vr=({params:t,blocklets:r,blocklet:n,locale:i="en"})=>{if(n){let o=(n.children||[]).find(s=>Ai(s.mountPoint,t.pathPrefix));if(n.meta.group!=="gateway"&&t.pathPrefix==="/"&&(o="/"),o)return{zh:`挂载点 ${t.pathPrefix} 已存在，请使用其他挂载点`,en:`The mount point ${t.pathPrefix} already exist, please use another mount point`}[i]}const a=r.find(o=>o.meta.did===t.did);if(!a)return"";const l=a.meta.interfaces.find(o=>o.type==="web");return l&&l.prefix!==ft.BLOCKLET_DYNAMIC_PATH_PREFIX&&t.pathPrefix!==l.prefix?{zh:`该 blocklet 只能挂载在 ${l.prefix}`,en:`This blocklet can only be mounted on ${l.prefix}`}[i]:""},Zt=t=>{if(t.length===0)return"";const{searchParams:r}=new URL(window.location.href),n=r.get("fromDid");if(n){const i=t.find(a=>a.meta.did===n);if(i)return i.meta.did}return t[0].meta.did};function Jt({blocklets:t=[],onActivate:r=()=>{},children:n=null}){const{t:i}=M(),{actions:a}=de(),{info:l}=Q(),[o,s]=h.useState(!1),[d,m]=h.useState(null),c=()=>{s(!1),m(null)},u=async x=>{s(!0);const S={from:{pathPrefix:"/"},to:{type:x.type}},y={domain:x.domain.trim()===l.ip?"":x.domain.trim()};if(x.type===_.ROUTING_RULE_TYPES.BLOCKLET){const k=t.find(T=>T.meta.did===x.did),D=ne(k,"meta.interfaces",[]).find(T=>T.name===x.interfaceName);D&&D.prefix!==ft.BLOCKLET_DYNAMIC_PATH_PREFIX&&(S.from.pathPrefix=D.prefix),S.to.port=x.port,S.to.did=x.did,S.to.interfaceName=x.interfaceName,y.rules=[S]}else x.type===_.ROUTING_RULE_TYPES.REDIRECT&&(S.to.url=x.url,S.to.redirectCode=x.redirectCode,y.rules=[S]);await a.addSite(y),s(!1),m(null)},j={title:i("router.domain.addSite"),description:(x,S,y)=>{const k=D=>{const T=D.__disableConfirm||!!yo(D,i);S({...D,__disableConfirm:T})};return e.jsxs(L,{component:"div",children:[e.jsx(H,{label:i("router.domain.add.description"),autoComplete:"off",variant:"outlined",name:"domain",fullWidth:!0,autoFocus:!0,value:x.domain,style:{marginTop:16,marginBottom:32},onChange:D=>{const T=D.target.value.trim(),w=Ne(T,i);k({...x,domain:D.target.value,__disableConfirm:!!w}),y(w||"")},slotProps:{htmlInput:{"data-cy":"domain-name-input"}}}),e.jsx(ht,{blocklets:t,params:x,setParams:k,setError:y})]})},confirm:i("router.domain.add.confirm"),cancel:i("router.domain.add.cancel"),params:{domain:"",did:Zt(t),port:"",interfaceName:"",type:_.ROUTING_RULE_TYPES.BLOCKLET,redirectCode:302,__disableConfirm:!0},onConfirm:u,onCancel:c},b=x=>{x.stopPropagation(),m(j)||r()};return h.useEffect(()=>{const{searchParams:x}=new URL(window.location.href);x.get("fromDid")&&m(j)},[]),e.jsxs(e.Fragment,{children:[typeof n=="function"?n({loading:o,open:b}):e.jsxs(V,{onClick:b,className:"rule-action","data-cy":"action-add-domain",children:[o?e.jsx(K,{size:16}):e.jsx(lr,{style:{fontSize:18,marginRight:5}}),i("router.domain.add.title")]}),d&&e.jsx(le,{title:d.title,description:d.description,confirm:d.confirm,cancel:d.cancel,params:d.params,onConfirm:d.onConfirm,onCancel:d.onCancel,color:"primary"})]})}Jt.propTypes={blocklets:f.array,children:f.any,onActivate:f.func};function Tn(t){const{t:r}=M(),{actions:n}=de(),[i,a]=h.useState(!1),[l,o]=h.useState(null),{id:s,name:d}=t;if(Xt(d))return null;const m=()=>{a(!1),o(null)},c=async()=>{a(!0),await n.deleteSite(s),a(!1),o(null)},u={title:r("router.domain.delete.title"),description:r("router.domain.delete.description",{name:`<b>${d}</b>`}),confirmPlaceholder:r("router.domain.delete.confirm_desc",{name:d}),confirm:r("common.delConfirm"),cancel:r("common.cancel"),onConfirm:c,onCancel:m,keyName:d},j=b=>{b.stopPropagation(),o(u)||t.onActivate()};return e.jsxs(e.Fragment,{children:[e.jsxs(V,{onClick:j,className:"rule-action","data-cy":"action-delete-domain",children:[i?e.jsx(K,{size:16}):e.jsx(ve,{style:{fontSize:18,marginRight:5}}),r("router.domain.delete.title")]}),l&&e.jsx(pt,{keyName:l.keyName,title:l.title,description:l.description,confirmPlaceholder:l.confirmPlaceholder,confirm:l.confirm,cancel:l.cancel,params:l.params,onConfirm:l.onConfirm,onCancel:l.onCancel})]})}function Nt({id:t,blocklets:r=[],onActivate:n=()=>{},onRuleAdded:i=()=>{},children:a=null,teamDid:l=""}){const{t:o}=M(),{actions:s}=de(),[d,m]=h.useState(!1),[c,u]=h.useState(null),j=()=>{m(!1),u(null)},b=async y=>{const k=await st(y,o);if(k)throw k;m(!0);const D={from:{pathPrefix:Jn.urlPathFriendly(y.pathPrefix)},to:{type:y.type}};y.type===_.ROUTING_RULE_TYPES.BLOCKLET?(D.to.port=y.port,D.to.did=y.did,D.to.interfaceName=y.interfaceName):y.type===_.ROUTING_RULE_TYPES.REDIRECT&&(D.to.url=y.url.trim(),D.to.redirectCode=y.redirectCode),await s.addRule(t,D,l),u(null),m(!1),i()},x={title:o("router.rule.add.title"),description:(y,k,D)=>{const T=w=>{if(D(null),st(w,o)){k({...w,__disableConfirm:!0});return}k({...w})};return e.jsxs(L,{component:"div",children:[e.jsx(H,{label:o("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix",fullWidth:!0,autoFocus:!0,helperText:y.helperText||o("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:y.pathPrefix,onChange:w=>{let R=!1;const E=vr({params:{...y,pathPrefix:w.target.value},blocklets:r});D(E),y.type===_.ROUTING_RULE_TYPES.BLOCKLET&&E&&(R=!0),y.type===_.ROUTING_RULE_TYPES.REDIRECT&&!y.url&&(R=!0),w.target.value.trim()||(R=!0,D(o("router.validation.pathPrefixRequired"))),R||D("");const P=o("common.slugifyHint",{value:Zn(w.target.value)});k({...y,pathPrefix:w.target.value,helperText:P,__disableConfirm:R})},slotProps:{htmlInput:{"data-cy":"path-prefix-input"}}}),e.jsx(ht,{blocklets:r,params:y,setParams:T,setError:D})]})},confirm:o("router.rule.add.confirm"),cancel:o("common.cancel"),params:{pathPrefix:"",type:_.ROUTING_RULE_TYPES.BLOCKLET,did:Zt(r),port:"",interfaceName:"",redirectCode:302,__disableConfirm:!0},onConfirm:b,onCancel:j},S=y=>{y.stopPropagation(),u(x)||n()};return e.jsxs(e.Fragment,{children:[typeof a=="function"?a({loading:d,open:S}):e.jsxs(V,{onClick:S,className:"rule-action","data-cy":"action-add-rule",children:[d?e.jsx(K,{size:16}):e.jsx(ar,{style:{fontSize:18,marginRight:5}}),o("router.rule.add.title")]}),c&&e.jsx(le,{title:c.title,description:c.description,confirm:c.confirm,cancel:c.cancel,params:c.params,onConfirm:c.onConfirm,onCancel:c.onCancel,color:"primary"})]})}Nt.propTypes={id:f.string.isRequired,blocklets:f.array,children:f.any,onActivate:f.func,onRuleAdded:f.func,teamDid:f.string};function jr({id:t,name:r,parent:{id:n},children:i=null,onActivate:a=()=>{},teamDid:l=""}){const{t:o}=M(),{actions:s}=de(),[d,m]=h.useState(!1),[c,u]=h.useState(null),j=()=>{m(!1),u(null)},b=async()=>{m(!0),await s.deleteRule(n,t,l),m(!1),u(null)},x={keyName:r,title:o("router.rule.delete.title"),description:o("router.rule.delete.description",{name:`<b>${r}</b>`}),confirmPlaceholder:o("router.rule.delete.confirm_desc",{name:r}),confirm:o("common.delConfirm"),cancel:o("router.rule.delete.cancel"),onConfirm:b,onCancel:j},S=y=>{y.stopPropagation(),u(x)||a()};return e.jsxs(e.Fragment,{children:[typeof i=="function"?i({loading:d,open:S}):e.jsxs(V,{onClick:S,className:"rule-action","data-cy":"action-delete-rule",children:[d?e.jsx(K,{size:16}):e.jsx(ve,{style:{fontSize:18,marginRight:5}}),o("router.rule.delete.title")]}),c&&e.jsx(pt,{keyName:c.keyName,title:c.title,description:c.description,confirmPlaceholder:c.confirmPlaceholder,confirm:c.confirm,cancel:c.cancel,params:c.params,onConfirm:c.onConfirm,onCancel:c.onCancel})]})}jr.propTypes={id:f.string.isRequired,name:f.string.isRequired,parent:f.object.isRequired,children:f.any,onActivate:f.func,teamDid:f.string};function wr({id:t,name:r,did:n="",parent:i,blocklets:a=[],to:l,children:o=null,onActivate:s=()=>{},teamDid:d=""}){const{t:m}=M(),{actions:c}=de(),[u,j]=h.useState(!1),[b,x]=h.useState(null),S=()=>{j(!1),x(null)},y=async T=>{const w=await st(T,m);if(w)throw w;j(!0);const R={id:t,from:{pathPrefix:Jn.urlPathFriendly(T.pathPrefix)},to:{type:T.type}};T.type===_.ROUTING_RULE_TYPES.BLOCKLET?(R.to.port=T.port,R.to.did=T.did,R.to.interfaceName=T.interfaceName):T.type===_.ROUTING_RULE_TYPES.REDIRECT&&(R.to.url=T.url,R.to.redirectCode=T.redirectCode),await c.updateRule(i.id,R,d),x(null),j(!1)},k={title:m("router.rule.update.title"),description:(T,w,R)=>{const E=P=>{if(st(P,m)){w({...P,__disableConfirm:!0});return}w({...P})};return e.jsxs(L,{component:"div",children:[e.jsx(H,{label:m("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix",fullWidth:!0,autoFocus:!0,helperText:T.helperText||m("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:T.pathPrefix,onChange:P=>{let g=!1;const p=vr({params:{...T,pathPrefix:P.target.value},blocklets:a});T.type===_.ROUTING_RULE_TYPES.BLOCKLET&&p&&(g=!0,R(p)),T.type===_.ROUTING_RULE_TYPES.REDIRECT&&!T.url&&(g=!0),P.target.value.trim()||(g=!0,R(m("router.validation.pathPrefixRequired"))),g||R("");const v=m("common.slugifyHint",{value:Zn(P.target.value)});w({...T,pathPrefix:P.target.value,helperText:v,__disableConfirm:g})},slotProps:{htmlInput:{"data-cy":"path-prefix-input"}}}),e.jsx(ht,{blocklets:a,params:T,setParams:E,setError:R})]})},confirm:m("router.rule.update.confirm"),cancel:m("router.rule.update.cancel"),color:"primary",params:{pathPrefix:r==="/"?r:r.replace(/^\/+/,"").replace(/\/+$/,""),type:l.type||_.ROUTING_RULE_TYPES.BLOCKLET,did:n||Zt(a),port:l.port||"",interfaceName:l.interfaceName||"",redirectCode:l.redirectCode||302,url:l.url||"",__disableConfirm:!1},onConfirm:y,onCancel:S},D=T=>{T.stopPropagation(),x(k)||s()};return e.jsxs(e.Fragment,{children:[typeof o=="function"?o({loading:u,open:D}):e.jsxs(V,{onClick:D,className:"rule-action","data-cy":"action-update-rule",children:[u?e.jsx(K,{size:16}):e.jsx(dr,{style:{fontSize:18,marginRight:5}}),m("router.rule.update.title")]}),b&&e.jsx(le,{title:b.title,description:b.description,confirm:b.confirm,color:b.color,cancel:b.cancel,params:b.params,onConfirm:b.onConfirm,onCancel:b.onCancel})]})}wr.propTypes={id:f.string.isRequired,name:f.string.isRequired,did:f.string,parent:f.object.isRequired,blocklets:f.array,to:f.object.isRequired,children:f.any,onActivate:f.func,teamDid:f.string};function tt({id:t,name:r,onActivate:n=()=>{},children:i=null,title:a="",teamDid:l=""}){const{t:o}=M(),{actions:s}=de(),[d,m]=h.useState(!1),[c,u]=h.useState(null);if(_.DOMAIN_FOR_DEFAULT_SITE===r)return null;const j=()=>{m(!1),u(null)},b=async k=>{m(!0),await s.addDomainAlias(t,k.domain.trim(),!!k.force,l),m(!1),u(null)},x=async(k,D,T)=>{try{await D(k)}catch(w){T(pe(w))}finally{m(!1)}},S={title:a||o("router.domainAlias.add.title"),description:(k,D,T)=>e.jsxs(L,{component:"div",children:[e.jsx(H,{label:o("router.domainAlias.add.domainDescription"),autoComplete:"off",variant:"outlined",name:"domain","data-cy":"add-domain",fullWidth:!0,autoFocus:!0,value:k.domain,style:{marginBottom:8},margin:"dense",onChange:w=>{const R=w.target.value.trim(),E=Ne(R,o);D({...k,domain:R,__disableConfirm:!!E}),T(E||"")},onKeyPress:w=>{if(w.key==="Enter"){w.preventDefault();const R=w.target.value.trim(),E=Ne(R,o);E?T(E):x(k,b,T)}},slotProps:{htmlInput:{"data-cy":"domain-name-input"}}}),e.jsx(Oe,{control:e.jsx(er,{checked:k.force,onChange:w=>{D({...k,force:w.target.checked})},name:"checkedB",color:"primary"}),label:o("router.domainAlias.add.forceTip")})]}),confirm:o("common.confirm"),cancel:o("common.cancel"),params:{domain:"",__disableConfirm:!0},onConfirm:b,onCancel:j},y=k=>{k.stopPropagation(),u(S)||n()};return e.jsxs(e.Fragment,{children:[typeof i=="function"?i({loading:d,open:y}):e.jsxs(V,{onClick:y,className:"rule-action","data-cy":"action-add-domain-alias",children:[d?e.jsx(K,{size:16}):e.jsx(Oi,{style:{fontSize:18,marginRight:5}}),o("router.domainAlias.add.title")]}),c&&e.jsx(le,{title:c.title,description:c.description,confirm:c.confirm,cancel:c.cancel,params:c.params,onConfirm:c.onConfirm,onCancel:c.onCancel,color:"primary"})]})}tt.propTypes={id:f.string.isRequired,name:f.string.isRequired,children:f.any,onActivate:f.func,title:f.string,teamDid:f.string};function nt({id:t,name:r,corsAllowedOrigins:n="",onActivate:i=()=>{},children:a=null,teamDid:l=""}){const{t:o}=M(),{actions:s}=de(),[d,m]=h.useState(!1),[c,u]=h.useState(null);if(Xt(r))return null;let j=r;r.endsWith(_.BLOCKLET_SITE_GROUP_SUFFIX)&&(j=`${o("common.the")} Blocklet`);const b=()=>{m(!1),u(null)},x=async k=>{m(!0),await s.updateSite(t,{corsAllowedOrigins:k.corsAllowedOrigins.split(",").map(D=>D.trim())},l),m(!1),u(null)},S={title:o("router.domainSecurity.title"),description:(k,D,T)=>e.jsx(L,{component:"div",children:e.jsx(H,{label:o("router.domainSecurity.cors.title",{name:j}),autoComplete:"off",variant:"outlined",name:"corsAllowedOrigins",fullWidth:!0,autoFocus:!0,value:k.corsAllowedOrigins,style:{marginBottom:32},margin:"dense",helperText:o("router.domainSecurity.cors.description",{name:j}),onChange:w=>{D({...k,corsAllowedOrigins:w.target.value,__disableConfirm:!w.target.value.trim()}),w.target.value.trim()?T(""):T(o("router.domainSecurity.cors.domainInvalid"))}})}),confirm:o("common.confirm"),cancel:o("common.cancel"),params:{corsAllowedOrigins:Array.isArray(n)?n.join(", "):r,__disableConfirm:!0},onConfirm:x,onCancel:b},y=k=>{k.stopPropagation(),u(S)||i()};return e.jsxs(e.Fragment,{children:[typeof a=="function"?a({loading:d,open:y}):e.jsxs(V,{onClick:y,className:"rule-action","data-cy":"action-update-domain",children:[d?e.jsx(K,{size:16}):e.jsx(Fe,{style:{fontSize:18,marginRight:5}}),o("router.domainSecurity.title")]}),c&&e.jsx(le,{title:c.title,description:c.description,confirm:c.confirm,cancel:c.cancel,params:c.params,onConfirm:c.onConfirm,onCancel:c.onCancel,color:"primary"})]})}nt.propTypes={id:f.string.isRequired,name:f.string.isRequired,children:f.any,onActivate:f.func,corsAllowedOrigins:f.oneOfType([f.string,f.array]),teamDid:f.string};function bo({id:t,name:r,onActivate:n}){const{t:i}=M(),{actions:a}=de(),[l,o]=h.useState(!1),[s,d]=h.useState(null);if(Xt(r))return null;const m=()=>{o(!1),d(null)},c=async b=>{o(!0),await a.updateSite(t,{domain:b.domain.trim()}),o(!1),d(null)},u={title:i("router.domain.update.title"),description:(b,x,S)=>e.jsx(L,{component:"div",children:e.jsx(H,{label:i("router.domain.update.label"),autoComplete:"off",variant:"outlined",name:"domain",fullWidth:!0,autoFocus:!0,value:b.domain,style:{marginBottom:32},margin:"dense",helperText:i("router.domain.update.description"),onChange:y=>{const k=y.target.value.trim(),D=Ne(k,i);x({...b,domain:y.target.value,__disableConfirm:!!D}),S(D||"")}})}),confirm:i("common.confirm"),cancel:i("common.cancel"),params:{domain:r,__disableConfirm:!0},onConfirm:c,onCancel:m},j=b=>{b.stopPropagation(),d(u)||n()};return e.jsxs(e.Fragment,{children:[e.jsxs(V,{onClick:j,className:"rule-action",children:[l?e.jsx(K,{size:16}):e.jsx(dr,{style:{fontSize:18,marginRight:5}}),i("router.domain.update.title")]}),s&&e.jsx(le,{title:s.title,description:s.description,confirm:s.confirm,cancel:s.cancel,params:s.params,onConfirm:s.onConfirm,onCancel:s.onCancel,color:"primary"})]})}function Le({blocklet:t={},onRuleAdded:r=()=>{},type:n,...i}){const[a,l]=h.useState(null),o={type:n,blocklet:t,onRuleAdded:r,...i},s=u=>{u.stopPropagation(),l(u.currentTarget)},d=u=>{u&&u.stopPropagation(),l(null)},m=[];if(n==="root"&&m.push(e.jsx(Jt,{...o,onActivate:d},"add-domain")),n==="domain"&&m.push(e.jsx(bo,{...o,onActivate:d},"update-domain"),e.jsx(Nt,{...o,onActivate:d,onRuleAdded:o.onRuleAdded},"add-rule"),e.jsx(tt,{...o,onActivate:d},"add-domain-alias"),e.jsx(nt,{...o,onActivate:d},"update-domain-security"),e.jsx(Tn,{...o,onActivate:d},"delete-domain")),n==="rule"&&m.push(e.jsx(wr,{...o,onActivate:d},"update-rule"),e.jsx(jr,{...o,onActivate:d},"delete-rule")),n===_.ROUTING_RULE_TYPES.REDIRECT&&m.push(e.jsx(Tn,{...o,onActivate:d},"delete-domain")),n==="dashboard_domain"&&m.push(e.jsx(Nt,{...o,onActivate:d},"add-rule"),e.jsx(nt,{...o,onActivate:d},"update-domain-security"),e.jsx(tt,{...o,onActivate:d},"add-domain-alias")),n==="blocklet_domain"&&m.push(e.jsx(nt,{...o,onActivate:d},"update-domain-security"),e.jsx(tt,{...o,onActivate:d},"add-domain-alias")),m.length===0)return null;const c=u=>{u.stopPropagation()};return e.jsxs("div",{children:[e.jsx(It,{onMouseDown:c,onClick:s,"data-cy":"action-trigger",size:"large",children:e.jsx(Li,{})}),e.jsx(Jr,{keepMounted:!0,onMouseDown:c,open:!!a,onClose:d,anchorEl:a,anchorOrigin:{vertical:"bottom",horizontal:"left"},children:m})]})}Le.propTypes={blocklet:f.object,onRuleAdded:f.func};function Cr({certificate:t={}}){const[r,n]=h.useState(null),i=Q(),{t:a,locale:l}=M(),o=m=>{n(m.currentTarget)},s=()=>{n(null)},d=!!r;return e.jsxs(e.Fragment,{children:[e.jsx(ur,{"aria-owns":d?"mouse-over-popover":void 0,onMouseEnter:o,onMouseLeave:s,style:{color:"#44cdc6",fontSize:20,marginLeft:8,cursor:"pointer"}}),e.jsx(ti,{id:"mouse-over-popover",style:{pointerEvents:"none"},open:d,anchorEl:r,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:s,disableRestoreFocus:!0,children:e.jsx(ni,{children:e.jsxs(Fi,{style:{display:"flex"},children:[e.jsx("div",{children:e.jsx("img",{src:`${i.imgPrefix}/https-certificate-icon.png`,alt:"certificate icon",style:{maxHeight:"100%",maxWidth:"100%"}})}),e.jsxs(L,{component:"div",style:{marginLeft:"16px"},children:[e.jsx(L,{component:"div",style:{fontWeight:"bold"},children:t.domain}),e.jsx(L,{component:"div",children:`${a("common.issuer")}: ${ne(t,"issuer.commonName","")}`}),e.jsx(L,{component:"div",children:`${a("router.cert.issuedOn")}: ${ot(t.validFrom,l)}`}),e.jsx(L,{component:"div",children:`${a("router.cert.expiryOn")}: ${ot(t.validTo,l)}`})]})]})})})]})}Cr.propTypes={certificate:f.object};function $t({name:t,type:r,filters:n=["domain","http"]}){const{t:i}=M(),{status:a}=gt();if(r!=="domain"||!Gt(t))return null;let l=null,o=null;const{isHttps:s,matchedCert:d}=a[t]||{};if(!ei(t)){const{dns:{resolved:c,ip:u}={}}=a[t]||{};c||u==="127.0.0.1"?l=e.jsx(fe,{title:i("router.domain.verify.ok"),children:e.jsx(jn,{color:"success"})}):l=e.jsx(fe,{title:i("router.domain.verify.notResolved"),children:e.jsx(jn,{color:"error"})})}s?o=e.jsx(Cr,{certificate:d}):o=e.jsx(fe,{title:i("router.domain.https.bad"),children:e.jsx(ur,{style:{color:"#D0021B",fontSize:20,marginLeft:8,cursor:"pointer"}})});const m=n.map(c=>c==="domain"?l:c==="http"?o:null);return h.createElement(h.Fragment,null,...m)}$t.propTypes={type:f.string.isRequired,name:f.string.isRequired,filters:f.array};const vo=t=>["waiting","creating","renewaling"].includes(t);function Sr({domain:t,onAdd:r=()=>{},children:n=null,siteId:i}){const{t:a}=M(),[l,o]=h.useState(!1),[s,d]=h.useState(null),{api:m}=Q(),[c,u]=h.useState(!1),{updateStatus:j}=gt(),b=$e(async()=>{const{cert:T}=await m.findCertificateByDomain({input:{domain:t}});return T}),x=T=>{T.domain===t&&u(!1)};if(h.useEffect(()=>{!b.loading&&vo(b.value?.status)&&u(!0)},[b]),At(_.EVENTS.CERT_ERROR,x),At(_.EVENTS.CERT_ISSUED,T=>{b.retry(),j(T.domain),x(T)}),b.loading||b.value?.status==="normal")return"";const S=()=>{o(!1),d(null)},y=async()=>{o(!0);try{await m.issueLetsEncryptCert({input:{domain:t,siteId:i}}),r(),u(!0)}catch(T){console.error(T),u(!1)}finally{o(!1),d(null)}},k={title:a("router.cert.genLetsEncryptCert.title"),description:e.jsxs("div",{children:[e.jsx(be,{severity:"success",children:a("router.cert.genLetsEncryptCert.dnsTip")}),a("router.cert.genLetsEncryptCert.description")]}),confirm:a("common.confirm"),onConfirm:y,onCancel:S},D=T=>{T.stopPropagation(),d(k)};return e.jsxs(e.Fragment,{children:[c?e.jsx(fe,{title:a("router.cert.issuing"),children:e.jsx(K,{size:12})}):n({loading:l,open:D}),s&&e.jsx(le,{color:"primary",title:s.title,description:s.description,confirm:s.confirm,params:s.params,onConfirm:s.onConfirm,onCancel:s.onCancel})]})}Sr.propTypes={domain:f.string.isRequired,onAdd:f.func,children:f.any,siteId:f.string.isRequired};function Ut({domain:t,siteId:r,onAdd:n=()=>{},children:i=null}){const{status:a}=gt();return!Gt(t)||a[t]?.isHttps?"":e.jsx(Sr,{domain:t,onAdd:n,siteId:r,children:i})}Ut.propTypes={siteId:f.string.isRequired,domain:f.string.isRequired,onAdd:f.func,children:f.any};function kr({id:t,domain:r,onDelete:n=()=>{},children:i=null,teamDid:a=""}){const{t:l}=M(),[o,s]=h.useState(!1),[d,m]=h.useState(null),{actions:c}=de();if(r===window.location.hostname)return"";const u=()=>{s(!1),m(null)},j=async()=>{s(!0);try{await c.deleteDomainAlias(t,r,a),n()}catch(S){console.error(S)}finally{s(!1),m(null)}},b={keyName:r,title:l("router.domainAlias.delete.title"),description:l("router.domainAlias.delete.description",{domain:r}),confirmPlaceholder:l("router.domainAlias.delete.confirmPlaceholder",{domain:r}),confirm:l("common.delete"),onConfirm:j,onCancel:u},x=S=>{S.stopPropagation(),m(b)};return e.jsxs(e.Fragment,{children:[typeof i=="function"?i({loading:o,open:x}):e.jsxs(Z,{edge:"end",onClick:x,size:"small",className:"rule-action",color:"error","data-cy":"action-delete-domain-alias",children:[o?e.jsx(K,{size:16}):e.jsx(ve,{style:{fontSize:16}}),l("common.delete")]}),d&&e.jsx(pt,{keyName:d.keyName,title:d.title,description:d.description,confirmPlaceholder:d.confirmPlaceholder,confirm:d.confirm,params:d.params,onConfirm:d.onConfirm,onCancel:d.onCancel})]})}kr.propTypes={id:f.string.isRequired,domain:f.string.isRequired,onDelete:f.func,children:f.any,teamDid:f.string};function Dr({domain:t,isHttps:r=!1,toUrl:n}){const i=r?"https":"http",{t:a}=M();let l=n;return nr(l)||(l=`${i}://${t}${n}`),e.jsxs(e.Fragment,{children:[e.jsx(L,{className:"arrow-name-middle",children:a("common.redirect")}),e.jsx("span",{className:"arrow-name-arrow",children:"⟶"}),e.jsx(Kt,{href:l,target:"_blank",underline:"hover",children:n},l)]})}Dr.propTypes={domain:f.string.isRequired,toUrl:f.string.isRequired,isHttps:f.bool};function jo(){const{t}=M();return e.jsx(L,{className:"arrow-name-middle",children:t("common.page404")})}function lt({id:t="",type:r="",name:n="",title:i="",items:a=[],depth:l=0,to:o={},expand:s=!0,isProtected:d=!1,pathPrefix:m="",parent:c={},domainAliases:u=[],...j}){const b={id:t,type:r,name:n,title:i,items:a,depth:l,to:o,expand:s,isProtected:d,pathPrefix:m,parent:c,domainAliases:u,...j},{t:x}=M(),{data:S}=Ht(),{info:y}=Q(),{status:k}=gt(),D=S.map(Y=>({meta:{did:Y.meta.did,name:gn.getDisplayName(Y,!0),version:Y.meta.version,interfaces:Y.meta.interfaces},port:Y.port,ports:Y.ports,status:Y.status}));let T=n;const w=n.endsWith(_.BLOCKLET_SITE_GROUP_SUFFIX);let R=r;n===ye&&(R="dashboard_domain"),w&&(R="blocklet_domain");const[E,P]=h.useState(s),p={root:Mi,domain:lr,rule:Bi}[r],v={paddingBottom:8,paddingLeft:8};if(r==="domain"){let Y=function({domain:z,primaryDomain:N,rules:q}){let oe=rt(z);return N===ye?oe=`${oe}/${y.routing.adminPath.replace(/^\/+/,"")}`:q&&q.length&&q[0].pathPrefix&&(oe=`${oe}/${q[0].pathPrefix.replace(/^\/+/,"")}`),z!==ye?e.jsx(wo,{href:oe,target:"_blank",rel:"noreferrer",onClick:we=>we.stopPropagation(),children:z}):z};if(d&&!w)return null;if(w){const z=n.replace(_.BLOCKLET_SITE_GROUP_SUFFIX,""),N=D.find(q=>q.meta.did===z);if(!N||N.controller)return null;T=N.meta.title||N.meta.name}Y.propTypes={domain:f.string.isRequired,primaryDomain:f.string.isRequired,rules:f.array.isRequired};const he=()=>{P(!0)};let ge=(u||[]).filter(z=>z.value!==n);return ge=ri(ge),[e.jsxs(Rt,{alignItems:"flex-start",button:!0,disableGutters:!0,"data-cy":"rule-domain",children:[!w&&e.jsxs(Ie,{onClick:()=>P(z=>!z),children:[a.length>0&&(E?e.jsx(ii,{}):e.jsx(Ii,{})),e.jsx(p,{style:{fontSize:22}})]}),w&&e.jsx(Ie,{children:e.jsx(p,{style:{fontSize:22}})}),e.jsx(et,{onClick:()=>P(z=>!z),className:`rule-name rule-name--depth${l}`,style:{flex:1},secondary:a.length<=0?e.jsx("span",{className:"site-secondary",children:x("router.empty")}):"",primary:e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"site-header",children:[n===_.DOMAIN_FOR_DEFAULT_SITE&&x("router.defaultSite"),n!==_.DOMAIN_FOR_DEFAULT_SITE&&!w&&e.jsx(Y,{domain:n,primaryDomain:n,rules:a}),w&&T,a.length&&!E?e.jsx("span",{style:{marginLeft:5},children:`(${a.length} URL)`}):null,e.jsx("span",{style:{marginLeft:12}}),r==="domain"&&n!==_.DOMAIN_FOR_DEFAULT_SITE&&n!==ye&&!w&&e.jsxs(e.Fragment,{children:[e.jsx($t,{type:r,name:n},n),e.jsx("span",{style:{marginLeft:12}}),e.jsx(Ut,{siteId:t,domain:n,children:({open:z})=>e.jsx(Z,{size:"small",onClick:N=>z(N),children:x("router.cert.genLetsEncryptCert.title")})})]})]}),ge.map(z=>{const N=typeof z!="string"?z.value:z;return e.jsxs("div",{className:"site-alias",children:[e.jsx(Y,{domain:N,primaryDomain:n,rules:a}),e.jsx("span",{style:{marginLeft:12}}),e.jsx($t,{type:r,name:N},`domain-status-${n}`),e.jsx(Ut,{siteId:t,domain:N,children:({open:q})=>e.jsx(Z,{size:"small",onClick:oe=>q(oe),children:x("router.cert.genLetsEncryptCert.title")})}),!z.isProtected&&e.jsx(kr,{id:b.id,domain:N},"delete-domain-alias"),N!==ye&&N!==window.location.hostname&&e.jsx(Le,{...b,domain:N,type:"domainAlias",onRuleAdded:he},`action-${n}`)]},N)})]})}),e.jsx(ie,{permission:"mutate_router",children:e.jsx(kt,{children:e.jsx(Le,{blocklets:D,...b,onRuleAdded:he,type:R},n)})})]},"parent"),!w&&a.length>0&&e.jsx(oi,{in:E,children:e.jsx(Lt,{component:"div",className:`rule-list rule-list--depth${l}`,disablePadding:!0,children:a.map(z=>e.jsx(lt,{...z,parent:b,depth:l+1},z.id))},"children")},"rules")]}if(r==="root")return[e.jsxs(Rt,{disableGutters:!0,"data-cy":"rule-root",children:[e.jsx(Ie,{children:e.jsx(p,{style:{fontSize:22}})}),e.jsx(et,{primary:n}),e.jsx(ie,{permission:"mutate_router",children:e.jsx(kt,{children:e.jsx(Le,{blocklets:D,...b})})})]},"root"),a.length>0&&e.jsx(Lt,{component:"div",className:`rule-list rule-list--depth${l}`,disablePadding:!0,children:a.map(Y=>e.jsx(lt,{expand:!d,...Y,parent:b,depth:l+1},Y.id))},"children")];let C=`/blocklets/${o.did}/overview`;o.type===_.ROUTING_RULE_TYPES.DAEMON&&(C="/");const F={meta:{did:y.did,name:"Blocklet Server Dashboard",version:y.version},status:"running",port:y.port},$=o.did===y.did?F:D.find(Y=>Y.meta.did===o.did),O=gn.isBlockletRunning($)||o.type===_.ROUTING_RULE_TYPES.DAEMON,A=x(O?"router.healthy.ok":"router.healthy.error"),X=k[c.name]||{};return e.jsxs(Rt,{className:"hover-item",divider:!0,disableGutters:!0,style:v,"data-cy":"rule-item",children:[e.jsx(Ie,{className:"arrow-icon",children:e.jsx(p,{style:{fontSize:22}})}),e.jsx(et,{primary:e.jsxs(L,{component:"div",className:"arrow-name",children:[e.jsx(L,{style:{wordBreak:"break-all"},className:"arrow-name-left",children:n}),e.jsx("span",{className:"arrow-name-arrow",children:"⟶"}),(o.type===_.ROUTING_RULE_TYPES.DAEMON||o.type===_.ROUTING_RULE_TYPES.BLOCKLET)&&e.jsxs(e.Fragment,{children:[c.name!==_.DOMAIN_FOR_DEFAULT_SITE&&O&&e.jsx(W,{className:"arrow-name-middle",children:e.jsx(Kt,{href:rt(c.name,m),target:"_blank",underline:"hover",children:x("common.open")})}),c.name===_.DOMAIN_FOR_DEFAULT_SITE&&e.jsx(L,{component:"span",className:"arrow-name-middle",children:"Blocklet"}),!O&&e.jsx("span",{className:"arrow-name-middle",children:x("common.unavailable")}),e.jsx("span",{className:"arrow-name-arrow",children:"⟶"}),e.jsxs(ai,{to:C,className:"arrow-name-right",children:[e.jsx(fe,{title:A,children:O?e.jsx(si,{style:{color:"#44cdc6",fontSize:20}}):e.jsx(Ui,{style:{color:"red",fontSize:20}})}),e.jsx("span",{children:$?$.meta.name:i}),$&&e.jsx("span",{style:{marginLeft:8},children:e.jsx(cr,{status:$.status,progress:$.progress})})]})]}),o.type===_.ROUTING_RULE_TYPES.REDIRECT&&e.jsx(Dr,{prefix:m,domain:c.name,toUrl:o.url,isHttps:X.isHttps}),o.type===_.ROUTING_RULE_TYPES.NONE&&e.jsx(jo,{})]})}),e.jsx(ie,{permission:"mutate_router",children:e.jsx(kt,{children:e.jsx(Le,{blocklets:D,...b,did:o.did})})})]},n)}lt.propTypes={type:f.string.isRequired,to:f.object,name:f.string.isRequired,title:f.string,id:f.string,items:f.array,parent:f.object,depth:f.number,expand:f.bool,isProtected:f.bool,pathPrefix:f.string,domainAliases:f.array};const Rt=tr(li)`
+`,xr=h.createContext({}),{Provider:ho,Consumer:ps}=xr;function yr({children:t,domains:r}){const{api:n}=Q(),i=JSON.stringify(r),[a,l]=h.useState({}),o=h.useMemo(()=>r.map(x=>x.filter(S=>S&&Gt(S))).filter(x=>x.length>0),[i]);_t(A.EVENTS.DOMAIN_STATUS,x=>{x&&l(S=>({...S,[x.domain]:{...S[x.domain],...x}}))});const s=h.useMemo(()=>o.flat(),[o]),{domainsAccessibility:d,recommendedDomain:m}=ki(s),c=h.useMemo(()=>{const x={...a};return Object.keys(d).forEach(S=>{const y=x[S]||{};x[S]={...y,...d[S]}}),x},[a,d]),u=async()=>{await Promise.all(o.map(x=>n.checkDomains({input:{domains:x}})))},j=x=>{x&&n.checkDomains({input:{domains:[x]}})};h.useEffect(()=>{u()},[i]);const b={refresh:u,updateStatus:j,api:n,status:c,recommendedDomain:m,recommendedDomainStatus:c[m]};return e.jsx(ho,{value:b,children:t})}yr.propTypes={children:f.any.isRequired,domains:f.array.isRequired};function gt(){const{status:t,recommendedDomainStatus:r,recommendedDomain:n,updateStatus:i}=h.useContext(xr);return{status:t,recommendedDomainStatus:r,recommendedDomain:n,updateStatus:i}}const xo=t=>(ne(t,"meta.interfaces")||[]).find(n=>n.type===ft.BLOCKLET_INTERFACE_TYPE_WEB);function ht({params:t={},blocklets:r=[],setParams:n=()=>{},setError:i=()=>{},serviceTypes:a=[{name:"Blocklet",value:A.ROUTING_RULE_TYPES.BLOCKLET},{name:"Redirect",value:A.ROUTING_RULE_TYPES.REDIRECT},{name:"Default - User will see the 404 page",value:A.ROUTING_RULE_TYPES.NONE}]}){const{t:l}=M(),o={301:l("common.redirectPermanently"),302:l("common.redirectTemporary"),307:l("common.redirectTemporary"),308:l("common.redirectPermanently")},s=Vn(r,c=>c.meta.name),d=(c,u)=>{if(!u)return{};let{port:j}=c;u&&c.ports&&u.port&&(c.ports[u.port]&&(j=c.ports[u.port]),c.ports[u.port.internal]&&(j=c.ports[u.port.internal]));let{pathPrefix:b}=t;return u&&u.prefix!==ft.BLOCKLET_DYNAMIC_PATH_PREFIX&&(b=u.prefix),{port:j,pathPrefix:b}},m=c=>{const u=s.find(b=>b.meta.did===c),j=xo(u);return{...d(u,j),interfaceName:j?j.name:""}};return h.useEffect(()=>{!t.interfaceName&&t.type===A.ROUTING_RULE_TYPES.BLOCKLET&&n({...t,...m(t.did),__disableConfirm:!1})},[]),e.jsxs(e.Fragment,{children:[e.jsx(H,{select:!0,label:l("router.domain.add.type"),autoComplete:"off",variant:"outlined",name:"type","data-cy":"domain-add-type",fullWidth:!0,value:t.type,onChange:c=>{i(""),n({...t,type:c.target.value,__disableConfirm:!1})},style:{marginBottom:32},slotProps:{select:{}},children:a.map(({name:c,value:u})=>e.jsx(V,{value:u,children:c},u))}),t.type===A.ROUTING_RULE_TYPES.BLOCKLET&&e.jsxs(H,{select:!0,label:l("router.domain.add.blocklet"),autoComplete:"off",variant:"outlined",name:"did","data-cy":"domain-blocklet-select",fullWidth:!0,value:t.did,onChange:c=>{n({...t,...m(c.target.value),did:c.target.value,__disableConfirm:!1})},style:{marginBottom:32},children:[s.map(c=>e.jsxs(V,{value:c.meta.did,children:[`${c.meta.name}  v${c.meta.version}`,e.jsx("span",{style:{marginLeft:8},children:e.jsx(cr,{status:c.status,progress:c.progress})})]},c.meta.did)),r.length===0&&e.jsx(V,{value:"",children:l("common.empty")},"empty")]}),t.type===A.ROUTING_RULE_TYPES.REDIRECT&&[e.jsx(H,{select:!0,label:l("router.domain.add.redirect"),autoComplete:"off",variant:"outlined",name:"type",fullWidth:!0,value:t.redirectCode,onChange:c=>n({...t,redirectCode:c.target.value}),style:{marginBottom:32},slotProps:{select:{}},children:Object.keys(o).map(c=>e.jsx(V,{value:c,children:`${o[c]} - ${c}`},c))}),e.jsx(H,{label:l("common.redirectUrl"),autoComplete:"off",variant:"outlined",name:"url",fullWidth:!0,autoFocus:!0,value:t.url,helperText:l("router.urlHelperText"),style:{marginBottom:32},onChange:c=>{n({...t,url:c.target.value,__disableConfirm:!c.target.value.trim()}),c.target.value.trim()?i(""):i(l("router.validation.redirectUrlRequired"))},slotProps:{htmlInput:{"data-cy":"redirect-url-input"}}})]]})}ht.propTypes={params:f.object,blocklets:f.array,serviceTypes:f.array,setParams:f.func,setError:f.func};const br=(t,r)=>{if(t.type===A.ROUTING_RULE_TYPES.REDIRECT){if(!t.url)return new Error(`${r("router.validation.redirectUrlRequired")}`);if(!t.redirectCode)return new Error(`redirect ${r("router.validation.redirectCodeRequired")}`)}else if(t.type===A.ROUTING_RULE_TYPES.BLOCKLET&&!t.did)return new Error(r("router.validation.didRequired"));return null},Ne=(t,r)=>t?t.endsWith(A.DEFAULT_IP_DOMAIN_SUFFIX)?r("router.domain.validate.suffixTip",{suffix:A.DEFAULT_IP_DOMAIN_SUFFIX}):null:r("router.domain.validate.emptyTip"),yo=(t,r)=>{const n=br(t,r);if(n)return n;const i=Ne(t.domain,r);return i?new Error(i):null},st=(t,r)=>{const n=br(t,r);return n||(t.pathPrefix.length?t.pathPrefix.length>150?new Error(r("router.validation.pathPrefixTooLong",{length:150})):null:new Error(r("router.validation.pathPrefixCannotBeEmpty")))},vr=({params:t,blocklets:r,blocklet:n,locale:i="en"})=>{if(n){let o=(n.children||[]).find(s=>_i(s.mountPoint,t.pathPrefix));if(n.meta.group!=="gateway"&&t.pathPrefix==="/"&&(o="/"),o)return{zh:`挂载点 ${t.pathPrefix} 已存在，请使用其他挂载点`,en:`The mount point ${t.pathPrefix} already exist, please use another mount point`}[i]}const a=r.find(o=>o.meta.did===t.did);if(!a)return"";const l=a.meta.interfaces.find(o=>o.type==="web");return l&&l.prefix!==ft.BLOCKLET_DYNAMIC_PATH_PREFIX&&t.pathPrefix!==l.prefix?{zh:`该 blocklet 只能挂载在 ${l.prefix}`,en:`This blocklet can only be mounted on ${l.prefix}`}[i]:""},Zt=t=>{if(t.length===0)return"";const{searchParams:r}=new URL(window.location.href),n=r.get("fromDid");if(n){const i=t.find(a=>a.meta.did===n);if(i)return i.meta.did}return t[0].meta.did};function Jt({blocklets:t=[],onActivate:r=()=>{},children:n=null}){const{t:i}=M(),{actions:a}=de(),{info:l}=Q(),[o,s]=h.useState(!1),[d,m]=h.useState(null),c=()=>{s(!1),m(null)},u=async x=>{s(!0);const S={from:{pathPrefix:"/"},to:{type:x.type}},y={domain:x.domain.trim()===l.ip?"":x.domain.trim()};if(x.type===A.ROUTING_RULE_TYPES.BLOCKLET){const k=t.find(T=>T.meta.did===x.did),D=ne(k,"meta.interfaces",[]).find(T=>T.name===x.interfaceName);D&&D.prefix!==ft.BLOCKLET_DYNAMIC_PATH_PREFIX&&(S.from.pathPrefix=D.prefix),S.to.port=x.port,S.to.did=x.did,S.to.interfaceName=x.interfaceName,y.rules=[S]}else x.type===A.ROUTING_RULE_TYPES.REDIRECT&&(S.to.url=x.url,S.to.redirectCode=x.redirectCode,y.rules=[S]);await a.addSite(y),s(!1),m(null)},j={title:i("router.domain.addSite"),description:(x,S,y)=>{const k=D=>{const T=D.__disableConfirm||!!yo(D,i);S({...D,__disableConfirm:T})};return e.jsxs(L,{component:"div",children:[e.jsx(H,{label:i("router.domain.add.description"),autoComplete:"off",variant:"outlined",name:"domain",fullWidth:!0,autoFocus:!0,value:x.domain,style:{marginTop:16,marginBottom:32},onChange:D=>{const T=D.target.value.trim(),w=Ne(T,i);k({...x,domain:D.target.value,__disableConfirm:!!w}),y(w||"")},slotProps:{htmlInput:{"data-cy":"domain-name-input"}}}),e.jsx(ht,{blocklets:t,params:x,setParams:k,setError:y})]})},confirm:i("router.domain.add.confirm"),cancel:i("router.domain.add.cancel"),params:{domain:"",did:Zt(t),port:"",interfaceName:"",type:A.ROUTING_RULE_TYPES.BLOCKLET,redirectCode:302,__disableConfirm:!0},onConfirm:u,onCancel:c},b=x=>{x.stopPropagation(),m(j)||r()};return h.useEffect(()=>{const{searchParams:x}=new URL(window.location.href);x.get("fromDid")&&m(j)},[]),e.jsxs(e.Fragment,{children:[typeof n=="function"?n({loading:o,open:b}):e.jsxs(V,{onClick:b,className:"rule-action","data-cy":"action-add-domain",children:[o?e.jsx(K,{size:16}):e.jsx(lr,{style:{fontSize:18,marginRight:5}}),i("router.domain.add.title")]}),d&&e.jsx(le,{title:d.title,description:d.description,confirm:d.confirm,cancel:d.cancel,params:d.params,onConfirm:d.onConfirm,onCancel:d.onCancel,color:"primary"})]})}Jt.propTypes={blocklets:f.array,children:f.any,onActivate:f.func};function Tn(t){const{t:r}=M(),{actions:n}=de(),[i,a]=h.useState(!1),[l,o]=h.useState(null),{id:s,name:d}=t;if(Xt(d))return null;const m=()=>{a(!1),o(null)},c=async()=>{a(!0),await n.deleteSite(s),a(!1),o(null)},u={title:r("router.domain.delete.title"),description:r("router.domain.delete.description",{name:`<b>${d}</b>`}),confirmPlaceholder:r("router.domain.delete.confirm_desc",{name:d}),confirm:r("common.delConfirm"),cancel:r("common.cancel"),onConfirm:c,onCancel:m,keyName:d},j=b=>{b.stopPropagation(),o(u)||t.onActivate()};return e.jsxs(e.Fragment,{children:[e.jsxs(V,{onClick:j,className:"rule-action","data-cy":"action-delete-domain",children:[i?e.jsx(K,{size:16}):e.jsx(ve,{style:{fontSize:18,marginRight:5}}),r("router.domain.delete.title")]}),l&&e.jsx(pt,{keyName:l.keyName,title:l.title,description:l.description,confirmPlaceholder:l.confirmPlaceholder,confirm:l.confirm,cancel:l.cancel,params:l.params,onConfirm:l.onConfirm,onCancel:l.onCancel})]})}function Nt({id:t,blocklets:r=[],onActivate:n=()=>{},onRuleAdded:i=()=>{},children:a=null,teamDid:l=""}){const{t:o}=M(),{actions:s}=de(),[d,m]=h.useState(!1),[c,u]=h.useState(null),j=()=>{m(!1),u(null)},b=async y=>{const k=await st(y,o);if(k)throw k;m(!0);const D={from:{pathPrefix:Jn.urlPathFriendly(y.pathPrefix)},to:{type:y.type}};y.type===A.ROUTING_RULE_TYPES.BLOCKLET?(D.to.port=y.port,D.to.did=y.did,D.to.interfaceName=y.interfaceName):y.type===A.ROUTING_RULE_TYPES.REDIRECT&&(D.to.url=y.url.trim(),D.to.redirectCode=y.redirectCode),await s.addRule(t,D,l),u(null),m(!1),i()},x={title:o("router.rule.add.title"),description:(y,k,D)=>{const T=w=>{if(D(null),st(w,o)){k({...w,__disableConfirm:!0});return}k({...w})};return e.jsxs(L,{component:"div",children:[e.jsx(H,{label:o("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix",fullWidth:!0,autoFocus:!0,helperText:y.helperText||o("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:y.pathPrefix,onChange:w=>{let R=!1;const E=vr({params:{...y,pathPrefix:w.target.value},blocklets:r});D(E),y.type===A.ROUTING_RULE_TYPES.BLOCKLET&&E&&(R=!0),y.type===A.ROUTING_RULE_TYPES.REDIRECT&&!y.url&&(R=!0),w.target.value.trim()||(R=!0,D(o("router.validation.pathPrefixRequired"))),R||D("");const P=o("common.slugifyHint",{value:Zn(w.target.value)});k({...y,pathPrefix:w.target.value,helperText:P,__disableConfirm:R})},slotProps:{htmlInput:{"data-cy":"path-prefix-input"}}}),e.jsx(ht,{blocklets:r,params:y,setParams:T,setError:D})]})},confirm:o("router.rule.add.confirm"),cancel:o("common.cancel"),params:{pathPrefix:"",type:A.ROUTING_RULE_TYPES.BLOCKLET,did:Zt(r),port:"",interfaceName:"",redirectCode:302,__disableConfirm:!0},onConfirm:b,onCancel:j},S=y=>{y.stopPropagation(),u(x)||n()};return e.jsxs(e.Fragment,{children:[typeof a=="function"?a({loading:d,open:S}):e.jsxs(V,{onClick:S,className:"rule-action","data-cy":"action-add-rule",children:[d?e.jsx(K,{size:16}):e.jsx(ar,{style:{fontSize:18,marginRight:5}}),o("router.rule.add.title")]}),c&&e.jsx(le,{title:c.title,description:c.description,confirm:c.confirm,cancel:c.cancel,params:c.params,onConfirm:c.onConfirm,onCancel:c.onCancel,color:"primary"})]})}Nt.propTypes={id:f.string.isRequired,blocklets:f.array,children:f.any,onActivate:f.func,onRuleAdded:f.func,teamDid:f.string};function jr({id:t,name:r,parent:{id:n},children:i=null,onActivate:a=()=>{},teamDid:l=""}){const{t:o}=M(),{actions:s}=de(),[d,m]=h.useState(!1),[c,u]=h.useState(null),j=()=>{m(!1),u(null)},b=async()=>{m(!0),await s.deleteRule(n,t,l),m(!1),u(null)},x={keyName:r,title:o("router.rule.delete.title"),description:o("router.rule.delete.description",{name:`<b>${r}</b>`}),confirmPlaceholder:o("router.rule.delete.confirm_desc",{name:r}),confirm:o("common.delConfirm"),cancel:o("router.rule.delete.cancel"),onConfirm:b,onCancel:j},S=y=>{y.stopPropagation(),u(x)||a()};return e.jsxs(e.Fragment,{children:[typeof i=="function"?i({loading:d,open:S}):e.jsxs(V,{onClick:S,className:"rule-action","data-cy":"action-delete-rule",children:[d?e.jsx(K,{size:16}):e.jsx(ve,{style:{fontSize:18,marginRight:5}}),o("router.rule.delete.title")]}),c&&e.jsx(pt,{keyName:c.keyName,title:c.title,description:c.description,confirmPlaceholder:c.confirmPlaceholder,confirm:c.confirm,cancel:c.cancel,params:c.params,onConfirm:c.onConfirm,onCancel:c.onCancel})]})}jr.propTypes={id:f.string.isRequired,name:f.string.isRequired,parent:f.object.isRequired,children:f.any,onActivate:f.func,teamDid:f.string};function wr({id:t,name:r,did:n="",parent:i,blocklets:a=[],to:l,children:o=null,onActivate:s=()=>{},teamDid:d=""}){const{t:m}=M(),{actions:c}=de(),[u,j]=h.useState(!1),[b,x]=h.useState(null),S=()=>{j(!1),x(null)},y=async T=>{const w=await st(T,m);if(w)throw w;j(!0);const R={id:t,from:{pathPrefix:Jn.urlPathFriendly(T.pathPrefix)},to:{type:T.type}};T.type===A.ROUTING_RULE_TYPES.BLOCKLET?(R.to.port=T.port,R.to.did=T.did,R.to.interfaceName=T.interfaceName):T.type===A.ROUTING_RULE_TYPES.REDIRECT&&(R.to.url=T.url,R.to.redirectCode=T.redirectCode),await c.updateRule(i.id,R,d),x(null),j(!1)},k={title:m("router.rule.update.title"),description:(T,w,R)=>{const E=P=>{if(st(P,m)){w({...P,__disableConfirm:!0});return}w({...P})};return e.jsxs(L,{component:"div",children:[e.jsx(H,{label:m("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix",fullWidth:!0,autoFocus:!0,helperText:T.helperText||m("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:T.pathPrefix,onChange:P=>{let g=!1;const p=vr({params:{...T,pathPrefix:P.target.value},blocklets:a});T.type===A.ROUTING_RULE_TYPES.BLOCKLET&&p&&(g=!0,R(p)),T.type===A.ROUTING_RULE_TYPES.REDIRECT&&!T.url&&(g=!0),P.target.value.trim()||(g=!0,R(m("router.validation.pathPrefixRequired"))),g||R("");const v=m("common.slugifyHint",{value:Zn(P.target.value)});w({...T,pathPrefix:P.target.value,helperText:v,__disableConfirm:g})},slotProps:{htmlInput:{"data-cy":"path-prefix-input"}}}),e.jsx(ht,{blocklets:a,params:T,setParams:E,setError:R})]})},confirm:m("router.rule.update.confirm"),cancel:m("router.rule.update.cancel"),color:"primary",params:{pathPrefix:r==="/"?r:r.replace(/^\/+/,"").replace(/\/+$/,""),type:l.type||A.ROUTING_RULE_TYPES.BLOCKLET,did:n||Zt(a),port:l.port||"",interfaceName:l.interfaceName||"",redirectCode:l.redirectCode||302,url:l.url||"",__disableConfirm:!1},onConfirm:y,onCancel:S},D=T=>{T.stopPropagation(),x(k)||s()};return e.jsxs(e.Fragment,{children:[typeof o=="function"?o({loading:u,open:D}):e.jsxs(V,{onClick:D,className:"rule-action","data-cy":"action-update-rule",children:[u?e.jsx(K,{size:16}):e.jsx(dr,{style:{fontSize:18,marginRight:5}}),m("router.rule.update.title")]}),b&&e.jsx(le,{title:b.title,description:b.description,confirm:b.confirm,color:b.color,cancel:b.cancel,params:b.params,onConfirm:b.onConfirm,onCancel:b.onCancel})]})}wr.propTypes={id:f.string.isRequired,name:f.string.isRequired,did:f.string,parent:f.object.isRequired,blocklets:f.array,to:f.object.isRequired,children:f.any,onActivate:f.func,teamDid:f.string};function tt({id:t,name:r,onActivate:n=()=>{},children:i=null,title:a="",teamDid:l=""}){const{t:o}=M(),{actions:s}=de(),[d,m]=h.useState(!1),[c,u]=h.useState(null);if(A.DOMAIN_FOR_DEFAULT_SITE===r)return null;const j=()=>{m(!1),u(null)},b=async k=>{m(!0),await s.addDomainAlias(t,k.domain.trim(),!!k.force,l),m(!1),u(null)},x=async(k,D,T)=>{try{await D(k)}catch(w){T(pe(w))}finally{m(!1)}},S={title:a||o("router.domainAlias.add.title"),description:(k,D,T)=>e.jsxs(L,{component:"div",children:[e.jsx(H,{label:o("router.domainAlias.add.domainDescription"),autoComplete:"off",variant:"outlined",name:"domain","data-cy":"add-domain",fullWidth:!0,autoFocus:!0,value:k.domain,style:{marginBottom:8},margin:"dense",onChange:w=>{const R=w.target.value.trim(),E=Ne(R,o);D({...k,domain:R,__disableConfirm:!!E}),T(E||"")},onKeyPress:w=>{if(w.key==="Enter"){w.preventDefault();const R=w.target.value.trim(),E=Ne(R,o);E?T(E):x(k,b,T)}},slotProps:{htmlInput:{"data-cy":"domain-name-input"}}}),e.jsx(Oe,{control:e.jsx(er,{checked:k.force,onChange:w=>{D({...k,force:w.target.checked})},name:"checkedB",color:"primary"}),label:o("router.domainAlias.add.forceTip")})]}),confirm:o("common.confirm"),cancel:o("common.cancel"),params:{domain:"",__disableConfirm:!0},onConfirm:b,onCancel:j},y=k=>{k.stopPropagation(),u(S)||n()};return e.jsxs(e.Fragment,{children:[typeof i=="function"?i({loading:d,open:y}):e.jsxs(V,{onClick:y,className:"rule-action","data-cy":"action-add-domain-alias",children:[d?e.jsx(K,{size:16}):e.jsx(Oi,{style:{fontSize:18,marginRight:5}}),o("router.domainAlias.add.title")]}),c&&e.jsx(le,{title:c.title,description:c.description,confirm:c.confirm,cancel:c.cancel,params:c.params,onConfirm:c.onConfirm,onCancel:c.onCancel,color:"primary"})]})}tt.propTypes={id:f.string.isRequired,name:f.string.isRequired,children:f.any,onActivate:f.func,title:f.string,teamDid:f.string};function nt({id:t,name:r,corsAllowedOrigins:n="",onActivate:i=()=>{},children:a=null,teamDid:l=""}){const{t:o}=M(),{actions:s}=de(),[d,m]=h.useState(!1),[c,u]=h.useState(null);if(Xt(r))return null;let j=r;r.endsWith(A.BLOCKLET_SITE_GROUP_SUFFIX)&&(j=`${o("common.the")} Blocklet`);const b=()=>{m(!1),u(null)},x=async k=>{m(!0),await s.updateSite(t,{corsAllowedOrigins:k.corsAllowedOrigins.split(",").map(D=>D.trim())},l),m(!1),u(null)},S={title:o("router.domainSecurity.title"),description:(k,D,T)=>e.jsx(L,{component:"div",children:e.jsx(H,{label:o("router.domainSecurity.cors.title",{name:j}),autoComplete:"off",variant:"outlined",name:"corsAllowedOrigins",fullWidth:!0,autoFocus:!0,value:k.corsAllowedOrigins,style:{marginBottom:32},margin:"dense",helperText:o("router.domainSecurity.cors.description",{name:j}),onChange:w=>{D({...k,corsAllowedOrigins:w.target.value,__disableConfirm:!w.target.value.trim()}),w.target.value.trim()?T(""):T(o("router.domainSecurity.cors.domainInvalid"))}})}),confirm:o("common.confirm"),cancel:o("common.cancel"),params:{corsAllowedOrigins:Array.isArray(n)?n.join(", "):r,__disableConfirm:!0},onConfirm:x,onCancel:b},y=k=>{k.stopPropagation(),u(S)||i()};return e.jsxs(e.Fragment,{children:[typeof a=="function"?a({loading:d,open:y}):e.jsxs(V,{onClick:y,className:"rule-action","data-cy":"action-update-domain",children:[d?e.jsx(K,{size:16}):e.jsx(Fe,{style:{fontSize:18,marginRight:5}}),o("router.domainSecurity.title")]}),c&&e.jsx(le,{title:c.title,description:c.description,confirm:c.confirm,cancel:c.cancel,params:c.params,onConfirm:c.onConfirm,onCancel:c.onCancel,color:"primary"})]})}nt.propTypes={id:f.string.isRequired,name:f.string.isRequired,children:f.any,onActivate:f.func,corsAllowedOrigins:f.oneOfType([f.string,f.array]),teamDid:f.string};function bo({id:t,name:r,onActivate:n}){const{t:i}=M(),{actions:a}=de(),[l,o]=h.useState(!1),[s,d]=h.useState(null);if(Xt(r))return null;const m=()=>{o(!1),d(null)},c=async b=>{o(!0),await a.updateSite(t,{domain:b.domain.trim()}),o(!1),d(null)},u={title:i("router.domain.update.title"),description:(b,x,S)=>e.jsx(L,{component:"div",children:e.jsx(H,{label:i("router.domain.update.label"),autoComplete:"off",variant:"outlined",name:"domain",fullWidth:!0,autoFocus:!0,value:b.domain,style:{marginBottom:32},margin:"dense",helperText:i("router.domain.update.description"),onChange:y=>{const k=y.target.value.trim(),D=Ne(k,i);x({...b,domain:y.target.value,__disableConfirm:!!D}),S(D||"")}})}),confirm:i("common.confirm"),cancel:i("common.cancel"),params:{domain:r,__disableConfirm:!0},onConfirm:c,onCancel:m},j=b=>{b.stopPropagation(),d(u)||n()};return e.jsxs(e.Fragment,{children:[e.jsxs(V,{onClick:j,className:"rule-action",children:[l?e.jsx(K,{size:16}):e.jsx(dr,{style:{fontSize:18,marginRight:5}}),i("router.domain.update.title")]}),s&&e.jsx(le,{title:s.title,description:s.description,confirm:s.confirm,cancel:s.cancel,params:s.params,onConfirm:s.onConfirm,onCancel:s.onCancel,color:"primary"})]})}function Le({blocklet:t={},onRuleAdded:r=()=>{},type:n,...i}){const[a,l]=h.useState(null),o={type:n,blocklet:t,onRuleAdded:r,...i},s=u=>{u.stopPropagation(),l(u.currentTarget)},d=u=>{u&&u.stopPropagation(),l(null)},m=[];if(n==="root"&&m.push(e.jsx(Jt,{...o,onActivate:d},"add-domain")),n==="domain"&&m.push(e.jsx(bo,{...o,onActivate:d},"update-domain"),e.jsx(Nt,{...o,onActivate:d,onRuleAdded:o.onRuleAdded},"add-rule"),e.jsx(tt,{...o,onActivate:d},"add-domain-alias"),e.jsx(nt,{...o,onActivate:d},"update-domain-security"),e.jsx(Tn,{...o,onActivate:d},"delete-domain")),n==="rule"&&m.push(e.jsx(wr,{...o,onActivate:d},"update-rule"),e.jsx(jr,{...o,onActivate:d},"delete-rule")),n===A.ROUTING_RULE_TYPES.REDIRECT&&m.push(e.jsx(Tn,{...o,onActivate:d},"delete-domain")),n==="dashboard_domain"&&m.push(e.jsx(Nt,{...o,onActivate:d},"add-rule"),e.jsx(nt,{...o,onActivate:d},"update-domain-security"),e.jsx(tt,{...o,onActivate:d},"add-domain-alias")),n==="blocklet_domain"&&m.push(e.jsx(nt,{...o,onActivate:d},"update-domain-security"),e.jsx(tt,{...o,onActivate:d},"add-domain-alias")),m.length===0)return null;const c=u=>{u.stopPropagation()};return e.jsxs("div",{children:[e.jsx(It,{onMouseDown:c,onClick:s,"data-cy":"action-trigger",size:"large",children:e.jsx(Li,{})}),e.jsx(Jr,{keepMounted:!0,onMouseDown:c,open:!!a,onClose:d,anchorEl:a,anchorOrigin:{vertical:"bottom",horizontal:"left"},children:m})]})}Le.propTypes={blocklet:f.object,onRuleAdded:f.func};function Cr({certificate:t={}}){const[r,n]=h.useState(null),i=Q(),{t:a,locale:l}=M(),o=m=>{n(m.currentTarget)},s=()=>{n(null)},d=!!r;return e.jsxs(e.Fragment,{children:[e.jsx(ur,{"aria-owns":d?"mouse-over-popover":void 0,onMouseEnter:o,onMouseLeave:s,style:{color:"#44cdc6",fontSize:20,marginLeft:8,cursor:"pointer"}}),e.jsx(ti,{id:"mouse-over-popover",style:{pointerEvents:"none"},open:d,anchorEl:r,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:s,disableRestoreFocus:!0,children:e.jsx(ni,{children:e.jsxs(Fi,{style:{display:"flex"},children:[e.jsx("div",{children:e.jsx("img",{src:`${i.imgPrefix}/https-certificate-icon.png`,alt:"certificate icon",style:{maxHeight:"100%",maxWidth:"100%"}})}),e.jsxs(L,{component:"div",style:{marginLeft:"16px"},children:[e.jsx(L,{component:"div",style:{fontWeight:"bold"},children:t.domain}),e.jsx(L,{component:"div",children:`${a("common.issuer")}: ${ne(t,"issuer.commonName","")}`}),e.jsx(L,{component:"div",children:`${a("router.cert.issuedOn")}: ${ot(t.validFrom,l)}`}),e.jsx(L,{component:"div",children:`${a("router.cert.expiryOn")}: ${ot(t.validTo,l)}`})]})]})})})]})}Cr.propTypes={certificate:f.object};function $t({name:t,type:r,filters:n=["domain","http"]}){const{t:i}=M(),{status:a}=gt();if(r!=="domain"||!Gt(t))return null;let l=null,o=null;const{isHttps:s,matchedCert:d}=a[t]||{};if(!ei(t)){const{dns:{resolved:c,ip:u}={}}=a[t]||{};c||u==="127.0.0.1"?l=e.jsx(fe,{title:i("router.domain.verify.ok"),children:e.jsx(jn,{color:"success"})}):l=e.jsx(fe,{title:i("router.domain.verify.notResolved"),children:e.jsx(jn,{color:"error"})})}s?o=e.jsx(Cr,{certificate:d}):o=e.jsx(fe,{title:i("router.domain.https.bad"),children:e.jsx(ur,{style:{color:"#D0021B",fontSize:20,marginLeft:8,cursor:"pointer"}})});const m=n.map(c=>c==="domain"?l:c==="http"?o:null);return h.createElement(h.Fragment,null,...m)}$t.propTypes={type:f.string.isRequired,name:f.string.isRequired,filters:f.array};const vo=t=>["waiting","creating","renewaling"].includes(t);function Sr({domain:t,onAdd:r=()=>{},children:n=null,siteId:i}){const{t:a}=M(),[l,o]=h.useState(!1),[s,d]=h.useState(null),{api:m}=Q(),[c,u]=h.useState(!1),{updateStatus:j}=gt(),b=$e(async()=>{const{cert:T}=await m.findCertificateByDomain({input:{domain:t}});return T}),x=T=>{T.domain===t&&u(!1)};if(h.useEffect(()=>{!b.loading&&vo(b.value?.status)&&u(!0)},[b]),_t(A.EVENTS.CERT_ERROR,x),_t(A.EVENTS.CERT_ISSUED,T=>{b.retry(),j(T.domain),x(T)}),b.loading||b.value?.status==="normal")return"";const S=()=>{o(!1),d(null)},y=async()=>{o(!0);try{await m.issueLetsEncryptCert({input:{domain:t,siteId:i}}),r(),u(!0)}catch(T){console.error(T),u(!1)}finally{o(!1),d(null)}},k={title:a("router.cert.genLetsEncryptCert.title"),description:e.jsxs("div",{children:[e.jsx(be,{severity:"success",children:a("router.cert.genLetsEncryptCert.dnsTip")}),a("router.cert.genLetsEncryptCert.description")]}),confirm:a("common.confirm"),onConfirm:y,onCancel:S},D=T=>{T.stopPropagation(),d(k)};return e.jsxs(e.Fragment,{children:[c?e.jsx(fe,{title:a("router.cert.issuing"),children:e.jsx(K,{size:12})}):n({loading:l,open:D}),s&&e.jsx(le,{color:"primary",title:s.title,description:s.description,confirm:s.confirm,params:s.params,onConfirm:s.onConfirm,onCancel:s.onCancel})]})}Sr.propTypes={domain:f.string.isRequired,onAdd:f.func,children:f.any,siteId:f.string.isRequired};function Ut({domain:t,siteId:r,onAdd:n=()=>{},children:i=null}){const{status:a}=gt();return!Gt(t)||a[t]?.isHttps?"":e.jsx(Sr,{domain:t,onAdd:n,siteId:r,children:i})}Ut.propTypes={siteId:f.string.isRequired,domain:f.string.isRequired,onAdd:f.func,children:f.any};function kr({id:t,domain:r,onDelete:n=()=>{},children:i=null,teamDid:a=""}){const{t:l}=M(),[o,s]=h.useState(!1),[d,m]=h.useState(null),{actions:c}=de();if(r===window.location.hostname)return"";const u=()=>{s(!1),m(null)},j=async()=>{s(!0);try{await c.deleteDomainAlias(t,r,a),n()}catch(S){console.error(S)}finally{s(!1),m(null)}},b={keyName:r,title:l("router.domainAlias.delete.title"),description:l("router.domainAlias.delete.description",{domain:r}),confirmPlaceholder:l("router.domainAlias.delete.confirmPlaceholder",{domain:r}),confirm:l("common.delete"),onConfirm:j,onCancel:u},x=S=>{S.stopPropagation(),m(b)};return e.jsxs(e.Fragment,{children:[typeof i=="function"?i({loading:o,open:x}):e.jsxs(Z,{edge:"end",onClick:x,size:"small",className:"rule-action",color:"error","data-cy":"action-delete-domain-alias",children:[o?e.jsx(K,{size:16}):e.jsx(ve,{style:{fontSize:16}}),l("common.delete")]}),d&&e.jsx(pt,{keyName:d.keyName,title:d.title,description:d.description,confirmPlaceholder:d.confirmPlaceholder,confirm:d.confirm,params:d.params,onConfirm:d.onConfirm,onCancel:d.onCancel})]})}kr.propTypes={id:f.string.isRequired,domain:f.string.isRequired,onDelete:f.func,children:f.any,teamDid:f.string};function Dr({domain:t,isHttps:r=!1,toUrl:n}){const i=r?"https":"http",{t:a}=M();let l=n;return nr(l)||(l=`${i}://${t}${n}`),e.jsxs(e.Fragment,{children:[e.jsx(L,{className:"arrow-name-middle",children:a("common.redirect")}),e.jsx("span",{className:"arrow-name-arrow",children:"⟶"}),e.jsx(Kt,{href:l,target:"_blank",underline:"hover",children:n},l)]})}Dr.propTypes={domain:f.string.isRequired,toUrl:f.string.isRequired,isHttps:f.bool};function jo(){const{t}=M();return e.jsx(L,{className:"arrow-name-middle",children:t("common.page404")})}function lt({id:t="",type:r="",name:n="",title:i="",items:a=[],depth:l=0,to:o={},expand:s=!0,isProtected:d=!1,pathPrefix:m="",parent:c={},domainAliases:u=[],...j}){const b={id:t,type:r,name:n,title:i,items:a,depth:l,to:o,expand:s,isProtected:d,pathPrefix:m,parent:c,domainAliases:u,...j},{t:x}=M(),{data:S}=Ht(),{info:y}=Q(),{status:k}=gt(),D=S.map(Y=>({meta:{did:Y.meta.did,name:gn.getDisplayName(Y,!0),version:Y.meta.version,interfaces:Y.meta.interfaces},port:Y.port,ports:Y.ports,status:Y.status}));let T=n;const w=n.endsWith(A.BLOCKLET_SITE_GROUP_SUFFIX);let R=r;n===ye&&(R="dashboard_domain"),w&&(R="blocklet_domain");const[E,P]=h.useState(s),p={root:Mi,domain:lr,rule:Bi}[r],v={paddingBottom:8,paddingLeft:8};if(r==="domain"){let Y=function({domain:z,primaryDomain:N,rules:q}){let oe=rt(z);return N===ye?oe=`${oe}/${y.routing.adminPath.replace(/^\/+/,"")}`:q&&q.length&&q[0].pathPrefix&&(oe=`${oe}/${q[0].pathPrefix.replace(/^\/+/,"")}`),z!==ye?e.jsx(wo,{href:oe,target:"_blank",rel:"noreferrer",onClick:we=>we.stopPropagation(),children:z}):z};if(d&&!w)return null;if(w){const z=n.replace(A.BLOCKLET_SITE_GROUP_SUFFIX,""),N=D.find(q=>q.meta.did===z);if(!N||N.controller)return null;T=N.meta.title||N.meta.name}Y.propTypes={domain:f.string.isRequired,primaryDomain:f.string.isRequired,rules:f.array.isRequired};const he=()=>{P(!0)};let ge=(u||[]).filter(z=>z.value!==n);return ge=ri(ge),[e.jsxs(Rt,{alignItems:"flex-start",button:!0,disableGutters:!0,"data-cy":"rule-domain",children:[!w&&e.jsxs(Ie,{onClick:()=>P(z=>!z),children:[a.length>0&&(E?e.jsx(ii,{}):e.jsx(Ii,{})),e.jsx(p,{style:{fontSize:22}})]}),w&&e.jsx(Ie,{children:e.jsx(p,{style:{fontSize:22}})}),e.jsx(et,{onClick:()=>P(z=>!z),className:`rule-name rule-name--depth${l}`,style:{flex:1},secondary:a.length<=0?e.jsx("span",{className:"site-secondary",children:x("router.empty")}):"",primary:e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"site-header",children:[n===A.DOMAIN_FOR_DEFAULT_SITE&&x("router.defaultSite"),n!==A.DOMAIN_FOR_DEFAULT_SITE&&!w&&e.jsx(Y,{domain:n,primaryDomain:n,rules:a}),w&&T,a.length&&!E?e.jsx("span",{style:{marginLeft:5},children:`(${a.length} URL)`}):null,e.jsx("span",{style:{marginLeft:12}}),r==="domain"&&n!==A.DOMAIN_FOR_DEFAULT_SITE&&n!==ye&&!w&&e.jsxs(e.Fragment,{children:[e.jsx($t,{type:r,name:n},n),e.jsx("span",{style:{marginLeft:12}}),e.jsx(Ut,{siteId:t,domain:n,children:({open:z})=>e.jsx(Z,{size:"small",onClick:N=>z(N),children:x("router.cert.genLetsEncryptCert.title")})})]})]}),ge.map(z=>{const N=typeof z!="string"?z.value:z;return e.jsxs("div",{className:"site-alias",children:[e.jsx(Y,{domain:N,primaryDomain:n,rules:a}),e.jsx("span",{style:{marginLeft:12}}),e.jsx($t,{type:r,name:N},`domain-status-${n}`),e.jsx(Ut,{siteId:t,domain:N,children:({open:q})=>e.jsx(Z,{size:"small",onClick:oe=>q(oe),children:x("router.cert.genLetsEncryptCert.title")})}),!z.isProtected&&e.jsx(kr,{id:b.id,domain:N},"delete-domain-alias"),N!==ye&&N!==window.location.hostname&&e.jsx(Le,{...b,domain:N,type:"domainAlias",onRuleAdded:he},`action-${n}`)]},N)})]})}),e.jsx(ie,{permission:"mutate_router",children:e.jsx(kt,{children:e.jsx(Le,{blocklets:D,...b,onRuleAdded:he,type:R},n)})})]},"parent"),!w&&a.length>0&&e.jsx(oi,{in:E,children:e.jsx(Lt,{component:"div",className:`rule-list rule-list--depth${l}`,disablePadding:!0,children:a.map(z=>e.jsx(lt,{...z,parent:b,depth:l+1},z.id))},"children")},"rules")]}if(r==="root")return[e.jsxs(Rt,{disableGutters:!0,"data-cy":"rule-root",children:[e.jsx(Ie,{children:e.jsx(p,{style:{fontSize:22}})}),e.jsx(et,{primary:n}),e.jsx(ie,{permission:"mutate_router",children:e.jsx(kt,{children:e.jsx(Le,{blocklets:D,...b})})})]},"root"),a.length>0&&e.jsx(Lt,{component:"div",className:`rule-list rule-list--depth${l}`,disablePadding:!0,children:a.map(Y=>e.jsx(lt,{expand:!d,...Y,parent:b,depth:l+1},Y.id))},"children")];let C=`/blocklets/${o.did}/overview`;o.type===A.ROUTING_RULE_TYPES.DAEMON&&(C="/");const F={meta:{did:y.did,name:"Blocklet Server Dashboard",version:y.version},status:"running",port:y.port},$=o.did===y.did?F:D.find(Y=>Y.meta.did===o.did),O=gn.isBlockletRunning($)||o.type===A.ROUTING_RULE_TYPES.DAEMON,_=x(O?"router.healthy.ok":"router.healthy.error"),X=k[c.name]||{};return e.jsxs(Rt,{className:"hover-item",divider:!0,disableGutters:!0,style:v,"data-cy":"rule-item",children:[e.jsx(Ie,{className:"arrow-icon",children:e.jsx(p,{style:{fontSize:22}})}),e.jsx(et,{primary:e.jsxs(L,{component:"div",className:"arrow-name",children:[e.jsx(L,{style:{wordBreak:"break-all"},className:"arrow-name-left",children:n}),e.jsx("span",{className:"arrow-name-arrow",children:"⟶"}),(o.type===A.ROUTING_RULE_TYPES.DAEMON||o.type===A.ROUTING_RULE_TYPES.BLOCKLET)&&e.jsxs(e.Fragment,{children:[c.name!==A.DOMAIN_FOR_DEFAULT_SITE&&O&&e.jsx(W,{className:"arrow-name-middle",children:e.jsx(Kt,{href:rt(c.name,m),target:"_blank",underline:"hover",children:x("common.open")})}),c.name===A.DOMAIN_FOR_DEFAULT_SITE&&e.jsx(L,{component:"span",className:"arrow-name-middle",children:"Blocklet"}),!O&&e.jsx("span",{className:"arrow-name-middle",children:x("common.unavailable")}),e.jsx("span",{className:"arrow-name-arrow",children:"⟶"}),e.jsxs(ai,{to:C,className:"arrow-name-right",children:[e.jsx(fe,{title:_,children:O?e.jsx(si,{style:{color:"#44cdc6",fontSize:20}}):e.jsx(Ui,{style:{color:"red",fontSize:20}})}),e.jsx("span",{children:$?$.meta.name:i}),$&&e.jsx("span",{style:{marginLeft:8},children:e.jsx(cr,{status:$.status,progress:$.progress})})]})]}),o.type===A.ROUTING_RULE_TYPES.REDIRECT&&e.jsx(Dr,{prefix:m,domain:c.name,toUrl:o.url,isHttps:X.isHttps}),o.type===A.ROUTING_RULE_TYPES.NONE&&e.jsx(jo,{})]})}),e.jsx(ie,{permission:"mutate_router",children:e.jsx(kt,{children:e.jsx(Le,{blocklets:D,...b,did:o.did})})})]},n)}lt.propTypes={type:f.string.isRequired,to:f.object,name:f.string.isRequired,title:f.string,id:f.string,items:f.array,parent:f.object,depth:f.number,expand:f.bool,isProtected:f.bool,pathPrefix:f.string,domainAliases:f.array};const Rt=tr(li)`
   .MuiListItemText-root {
     padding-right: 48px;
   }
@@ -242,19 +242,19 @@ import{aF as je,j as e,u as Q,r as h,e as $e,aG as Wr,aH as _,aI as ln,aJ as Vn,
       }
     }
   }
-`;var ko=new Map([["aac","audio/aac"],["abw","application/x-abiword"],["arc","application/x-freearc"],["avif","image/avif"],["avi","video/x-msvideo"],["azw","application/vnd.amazon.ebook"],["bin","application/octet-stream"],["bmp","image/bmp"],["bz","application/x-bzip"],["bz2","application/x-bzip2"],["cda","application/x-cdf"],["csh","application/x-csh"],["css","text/css"],["csv","text/csv"],["doc","application/msword"],["docx","application/vnd.openxmlformats-officedocument.wordprocessingml.document"],["eot","application/vnd.ms-fontobject"],["epub","application/epub+zip"],["gz","application/gzip"],["gif","image/gif"],["htm","text/html"],["html","text/html"],["ico","image/vnd.microsoft.icon"],["ics","text/calendar"],["jar","application/java-archive"],["jpeg","image/jpeg"],["jpg","image/jpeg"],["js","text/javascript"],["json","application/json"],["jsonld","application/ld+json"],["mid","audio/midi"],["midi","audio/midi"],["mjs","text/javascript"],["mp3","audio/mpeg"],["mp4","video/mp4"],["mpeg","video/mpeg"],["mpkg","application/vnd.apple.installer+xml"],["odp","application/vnd.oasis.opendocument.presentation"],["ods","application/vnd.oasis.opendocument.spreadsheet"],["odt","application/vnd.oasis.opendocument.text"],["oga","audio/ogg"],["ogv","video/ogg"],["ogx","application/ogg"],["opus","audio/opus"],["otf","font/otf"],["png","image/png"],["pdf","application/pdf"],["php","application/x-httpd-php"],["ppt","application/vnd.ms-powerpoint"],["pptx","application/vnd.openxmlformats-officedocument.presentationml.presentation"],["rar","application/vnd.rar"],["rtf","application/rtf"],["sh","application/x-sh"],["svg","image/svg+xml"],["swf","application/x-shockwave-flash"],["tar","application/x-tar"],["tif","image/tiff"],["tiff","image/tiff"],["ts","video/mp2t"],["ttf","font/ttf"],["txt","text/plain"],["vsd","application/vnd.visio"],["wav","audio/wav"],["weba","audio/webm"],["webm","video/webm"],["webp","image/webp"],["woff","font/woff"],["woff2","font/woff2"],["xhtml","application/xhtml+xml"],["xls","application/vnd.ms-excel"],["xlsx","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],["xml","application/xml"],["xul","application/vnd.mozilla.xul+xml"],["zip","application/zip"],["7z","application/x-7z-compressed"],["mkv","video/x-matroska"],["mov","video/quicktime"],["msg","application/vnd.ms-outlook"]]);function Me(t,r){var n=Do(t);if(typeof n.path!="string"){var i=t.webkitRelativePath;Object.defineProperty(n,"path",{value:typeof r=="string"?r:typeof i=="string"&&i.length>0?i:t.name,writable:!1,configurable:!1,enumerable:!0})}return n}function Do(t){var r=t.name,n=r&&r.lastIndexOf(".")!==-1;if(n&&!t.type){var i=r.split(".").pop().toLowerCase(),a=ko.get(i);a&&Object.defineProperty(t,"type",{value:a,writable:!1,configurable:!1,enumerable:!0})}return t}var Ro=[".DS_Store","Thumbs.db"];function To(t){return De(this,void 0,void 0,function(){return Re(this,function(r){return ct(t)&&Eo(t)?[2,Io(t.dataTransfer,t.type)]:Po(t)?[2,_o(t)]:Array.isArray(t)&&t.every(function(n){return"getFile"in n&&typeof n.getFile=="function"})?[2,Ao(t)]:[2,[]]})})}function Eo(t){return ct(t.dataTransfer)}function Po(t){return ct(t)&&ct(t.target)}function ct(t){return typeof t=="object"&&t!==null}function _o(t){return zt(t.target.files).map(function(r){return Me(r)})}function Ao(t){return De(this,void 0,void 0,function(){var r;return Re(this,function(n){switch(n.label){case 0:return[4,Promise.all(t.map(function(i){return i.getFile()}))];case 1:return r=n.sent(),[2,r.map(function(i){return Me(i)})]}})})}function Io(t,r){return De(this,void 0,void 0,function(){var n,i;return Re(this,function(a){switch(a.label){case 0:return t===null?[2,[]]:t.items?(n=zt(t.items).filter(function(l){return l.kind==="file"}),r!=="drop"?[2,n]:[4,Promise.all(n.map(Lo))]):[3,2];case 1:return i=a.sent(),[2,En(Rr(i))];case 2:return[2,En(zt(t.files).map(function(l){return Me(l)}))]}})})}function En(t){return t.filter(function(r){return Ro.indexOf(r.name)===-1})}function zt(t){if(t===null)return[];for(var r=[],n=0;n<t.length;n++){var i=t[n];r.push(i)}return r}function Lo(t){if(typeof t.webkitGetAsEntry!="function")return Pn(t);var r=t.webkitGetAsEntry();return r&&r.isDirectory?Tr(r):Pn(t)}function Rr(t){return t.reduce(function(r,n){return ci(r,Array.isArray(n)?Rr(n):[n])},[])}function Pn(t){var r=t.getAsFile();if(!r)return Promise.reject(t+" is not a File");var n=Me(r);return Promise.resolve(n)}function Oo(t){return De(this,void 0,void 0,function(){return Re(this,function(r){return[2,t.isDirectory?Tr(t):Fo(t)]})})}function Tr(t){var r=t.createReader();return new Promise(function(n,i){var a=[];function l(){var o=this;r.readEntries(function(s){return De(o,void 0,void 0,function(){var d,m,c;return Re(this,function(u){switch(u.label){case 0:if(s.length)return[3,5];u.label=1;case 1:return u.trys.push([1,3,,4]),[4,Promise.all(a)];case 2:return d=u.sent(),n(d),[3,4];case 3:return m=u.sent(),i(m),[3,4];case 4:return[3,6];case 5:c=Promise.all(s.map(Oo)),a.push(c),l(),u.label=6;case 6:return[2]}})})},function(s){i(s)})}l()})}function Fo(t){return De(this,void 0,void 0,function(){return Re(this,function(r){return[2,new Promise(function(n,i){t.file(function(a){var l=Me(a,t.fullPath);n(l)},function(a){i(a)})})]})})}var Ye={},_n;function No(){return _n||(_n=1,Ye.__esModule=!0,Ye.default=function(t,r){if(t&&r){var n=Array.isArray(r)?r:r.split(","),i=t.name||"",a=(t.type||"").toLowerCase(),l=a.replace(/\/.*$/,"");return n.some(function(o){var s=o.trim().toLowerCase();return s.charAt(0)==="."?i.toLowerCase().endsWith(s):s.endsWith("/*")?l===s.replace(/\/.*$/,""):a===s})}return!0}),Ye}var $o=No();const Uo=Yt($o);function An(t,r){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);r&&(i=i.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),n.push.apply(n,i)}return n}function In(t){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?An(Object(n),!0).forEach(function(i){Er(t,i,n[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):An(Object(n)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(n,i))})}return t}function Er(t,r,n){return r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t}function Ln(t,r){return Wo(t)||Bo(t,r)||Mo(t,r)||zo()}function zo(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Mo(t,r){if(t){if(typeof t=="string")return On(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set")return Array.from(t);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return On(t,r)}}function On(t,r){(r==null||r>t.length)&&(r=t.length);for(var n=0,i=new Array(r);n<r;n++)i[n]=t[n];return i}function Bo(t,r){var n=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(n!=null){var i=[],a=!0,l=!1,o,s;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(i.push(o.value),!(r&&i.length===r));a=!0);}catch(d){l=!0,s=d}finally{try{!a&&n.return!=null&&n.return()}finally{if(l)throw s}}return i}}function Wo(t){if(Array.isArray(t))return t}var qo="file-invalid-type",Ho="file-too-large",Go="file-too-small",Ko="too-many-files",Yo=function(r){r=Array.isArray(r)&&r.length===1?r[0]:r;var n=Array.isArray(r)?"one of ".concat(r.join(", ")):r;return{code:qo,message:"File type must be ".concat(n)}},Fn=function(r){return{code:Ho,message:"File is larger than ".concat(r," ").concat(r===1?"byte":"bytes")}},Nn=function(r){return{code:Go,message:"File is smaller than ".concat(r," ").concat(r===1?"byte":"bytes")}},Vo={code:Ko,message:"Too many files"};function Pr(t,r){var n=t.type==="application/x-moz-file"||Uo(t,r);return[n,n?null:Yo(r)]}function _r(t,r,n){if(Ee(t.size))if(Ee(r)&&Ee(n)){if(t.size>n)return[!1,Fn(n)];if(t.size<r)return[!1,Nn(r)]}else{if(Ee(r)&&t.size<r)return[!1,Nn(r)];if(Ee(n)&&t.size>n)return[!1,Fn(n)]}return[!0,null]}function Ee(t){return t!=null}function Xo(t){var r=t.files,n=t.accept,i=t.minSize,a=t.maxSize,l=t.multiple,o=t.maxFiles;return!l&&r.length>1||l&&o>=1&&r.length>o?!1:r.every(function(s){var d=Pr(s,n),m=Ln(d,1),c=m[0],u=_r(s,i,a),j=Ln(u,1),b=j[0];return c&&b})}function dt(t){return typeof t.isPropagationStopped=="function"?t.isPropagationStopped():typeof t.cancelBubble<"u"?t.cancelBubble:!1}function Ve(t){return t.dataTransfer?Array.prototype.some.call(t.dataTransfer.types,function(r){return r==="Files"||r==="application/x-moz-file"}):!!t.target&&!!t.target.files}function $n(t){t.preventDefault()}function Qo(t){return t.indexOf("MSIE")!==-1||t.indexOf("Trident/")!==-1}function Zo(t){return t.indexOf("Edge/")!==-1}function Jo(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:window.navigator.userAgent;return Qo(t)||Zo(t)}function ue(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return function(i){for(var a=arguments.length,l=new Array(a>1?a-1:0),o=1;o<a;o++)l[o-1]=arguments[o];return r.some(function(s){return!dt(i)&&s&&s.apply(void 0,[i].concat(l)),dt(i)})}}function Un(){return"showOpenFilePicker"in window}function ea(t){return t=typeof t=="string"?t.split(","):t,[{description:"everything",accept:Array.isArray(t)?t.filter(function(r){return r==="audio/*"||r==="video/*"||r==="image/*"||r==="text/*"||/\w+\/[-+.\w]+/g.test(r)}).reduce(function(r,n){return In(In({},r),{},Er({},n,[]))},{}):{}}]}var ta=["children"],na=["open"],ra=["refKey","role","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDrop"],ia=["refKey","onChange","onClick"];function oa(t){return la(t)||sa(t)||Ar(t)||aa()}function aa(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function sa(t){if(typeof Symbol<"u"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function la(t){if(Array.isArray(t))return Mt(t)}function Tt(t,r){return ua(t)||da(t,r)||Ar(t,r)||ca()}function ca(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Ar(t,r){if(t){if(typeof t=="string")return Mt(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set")return Array.from(t);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Mt(t,r)}}function Mt(t,r){(r==null||r>t.length)&&(r=t.length);for(var n=0,i=new Array(r);n<r;n++)i[n]=t[n];return i}function da(t,r){var n=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(n!=null){var i=[],a=!0,l=!1,o,s;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(i.push(o.value),!(r&&i.length===r));a=!0);}catch(d){l=!0,s=d}finally{try{!a&&n.return!=null&&n.return()}finally{if(l)throw s}}return i}}function ua(t){if(Array.isArray(t))return t}function zn(t,r){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);r&&(i=i.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),n.push.apply(n,i)}return n}function G(t){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?zn(Object(n),!0).forEach(function(i){Bt(t,i,n[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zn(Object(n)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(n,i))})}return t}function Bt(t,r,n){return r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t}function ut(t,r){if(t==null)return{};var n=ma(t,r),i,a;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(a=0;a<l.length;a++)i=l[a],!(r.indexOf(i)>=0)&&Object.prototype.propertyIsEnumerable.call(t,i)&&(n[i]=t[i])}return n}function ma(t,r){if(t==null)return{};var n={},i=Object.keys(t),a,l;for(l=0;l<i.length;l++)a=i[l],!(r.indexOf(a)>=0)&&(n[a]=t[a]);return n}var en=h.forwardRef(function(t,r){var n=t.children,i=ut(t,ta),a=qt(i),l=a.open,o=ut(a,na);return h.useImperativeHandle(r,function(){return{open:l}},[l]),di.createElement(h.Fragment,null,n(G(G({},o),{},{open:l})))});en.displayName="Dropzone";var Ir={disabled:!1,getFilesFromEvent:To,maxSize:1/0,minSize:0,multiple:!0,maxFiles:0,preventDropOnDocument:!0,noClick:!1,noKeyboard:!1,noDrag:!1,noDragEventsBubbling:!1,validator:null,useFsAccessApi:!1};en.defaultProps=Ir;en.propTypes={children:f.func,accept:f.oneOfType([f.string,f.arrayOf(f.string)]),multiple:f.bool,preventDropOnDocument:f.bool,noClick:f.bool,noKeyboard:f.bool,noDrag:f.bool,noDragEventsBubbling:f.bool,minSize:f.number,maxSize:f.number,maxFiles:f.number,disabled:f.bool,getFilesFromEvent:f.func,onFileDialogCancel:f.func,onFileDialogOpen:f.func,useFsAccessApi:f.bool,onDragEnter:f.func,onDragLeave:f.func,onDragOver:f.func,onDrop:f.func,onDropAccepted:f.func,onDropRejected:f.func,validator:f.func};var Wt={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,draggedFiles:[],acceptedFiles:[],fileRejections:[]};function qt(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=G(G({},Ir),t),n=r.accept,i=r.disabled,a=r.getFilesFromEvent,l=r.maxSize,o=r.minSize,s=r.multiple,d=r.maxFiles,m=r.onDragEnter,c=r.onDragLeave,u=r.onDragOver,j=r.onDrop,b=r.onDropAccepted,x=r.onDropRejected,S=r.onFileDialogCancel,y=r.onFileDialogOpen,k=r.useFsAccessApi,D=r.preventDropOnDocument,T=r.noClick,w=r.noKeyboard,R=r.noDrag,E=r.noDragEventsBubbling,P=r.validator,g=h.useMemo(function(){return typeof y=="function"?y:Mn},[y]),p=h.useMemo(function(){return typeof S=="function"?S:Mn},[S]),v=h.useRef(null),C=h.useRef(null),F=h.useReducer(fa,Wt),$=Tt(F,2),O=$[0],A=$[1],X=O.isFocused,Y=O.isFileDialogActive,he=O.draggedFiles,ge=function(){Y&&setTimeout(function(){if(C.current){var U=C.current.files;U.length||(A({type:"closeDialog"}),p())}},300)};h.useEffect(function(){return k&&Un()?function(){}:(window.addEventListener("focus",ge,!1),function(){window.removeEventListener("focus",ge,!1)})},[C,Y,p,k]);var z=h.useRef([]),N=function(U){v.current&&v.current.contains(U.target)||(U.preventDefault(),z.current=[])};h.useEffect(function(){return D&&(document.addEventListener("dragover",$n,!1),document.addEventListener("drop",N,!1)),function(){D&&(document.removeEventListener("dragover",$n),document.removeEventListener("drop",N))}},[v,D]);var q=h.useCallback(function(I){I.preventDefault(),I.persist(),He(I),z.current=[].concat(oa(z.current),[I.target]),Ve(I)&&Promise.resolve(a(I)).then(function(U){dt(I)&&!E||(A({draggedFiles:U,isDragActive:!0,type:"setDraggedFiles"}),m&&m(I))})},[a,m,E]),oe=h.useCallback(function(I){I.preventDefault(),I.persist(),He(I);var U=Ve(I);if(U&&I.dataTransfer)try{I.dataTransfer.dropEffect="copy"}catch{}return U&&u&&u(I),!1},[u,E]),we=h.useCallback(function(I){I.preventDefault(),I.persist(),He(I);var U=z.current.filter(function(ae){return v.current&&v.current.contains(ae)}),J=U.indexOf(I.target);J!==-1&&U.splice(J,1),z.current=U,!(U.length>0)&&(A({isDragActive:!1,type:"setDraggedFiles",draggedFiles:[]}),Ve(I)&&c&&c(I))},[v,c,E]),Be=h.useCallback(function(I,U){var J=[],ae=[];I.forEach(function(ce){var Te=Pr(ce,n),ke=Tt(Te,2),yt=ke[0],bt=ke[1],vt=_r(ce,o,l),Ge=Tt(vt,2),jt=Ge[0],wt=Ge[1],Ct=P?P(ce):null;if(yt&&jt&&!Ct)J.push(ce);else{var St=[bt,wt];Ct&&(St=St.concat(Ct)),ae.push({file:ce,errors:St.filter(function(Br){return Br})})}}),(!s&&J.length>1||s&&d>=1&&J.length>d)&&(J.forEach(function(ce){ae.push({file:ce,errors:[Vo]})}),J.splice(0)),A({acceptedFiles:J,fileRejections:ae,type:"setFiles"}),j&&j(J,ae,U),ae.length>0&&x&&x(ae,U),J.length>0&&b&&b(J,U)},[A,s,n,o,l,d,j,b,x,P]),We=h.useCallback(function(I){I.preventDefault(),I.persist(),He(I),z.current=[],Ve(I)&&Promise.resolve(a(I)).then(function(U){dt(I)&&!E||Be(U,I)}),A({type:"reset"})},[a,Be,E]),Ce=h.useCallback(function(){if(k&&Un()){A({type:"openDialog"}),g();var I={multiple:s,types:ea(n)};window.showOpenFilePicker(I).then(function(U){return a(U)}).then(function(U){return Be(U,null)}).catch(function(U){return p(U)}).finally(function(){return A({type:"closeDialog"})});return}C.current&&(A({type:"openDialog"}),g(),C.current.value=null,C.current.click())},[A,g,p,k,Be,n,s]),tn=h.useCallback(function(I){!v.current||!v.current.isEqualNode(I.target)||(I.keyCode===32||I.keyCode===13)&&(I.preventDefault(),Ce())},[v,C,Ce]),nn=h.useCallback(function(){A({type:"focus"})},[]),rn=h.useCallback(function(){A({type:"blur"})},[]),on=h.useCallback(function(){T||(Jo()?setTimeout(Ce,0):Ce())},[C,T,Ce]),Se=function(U){return i?null:U},xt=function(U){return w?null:Se(U)},qe=function(U){return R?null:Se(U)},He=function(U){E&&U.stopPropagation()},$r=h.useMemo(function(){return function(){var I=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},U=I.refKey,J=U===void 0?"ref":U,ae=I.role,ce=I.onKeyDown,Te=I.onFocus,ke=I.onBlur,yt=I.onClick,bt=I.onDragEnter,vt=I.onDragOver,Ge=I.onDragLeave,jt=I.onDrop,wt=ut(I,ra);return G(G(Bt({onKeyDown:xt(ue(ce,tn)),onFocus:xt(ue(Te,nn)),onBlur:xt(ue(ke,rn)),onClick:Se(ue(yt,on)),onDragEnter:qe(ue(bt,q)),onDragOver:qe(ue(vt,oe)),onDragLeave:qe(ue(Ge,we)),onDrop:qe(ue(jt,We)),role:typeof ae=="string"&&ae!==""?ae:"button"},J,v),!i&&!w?{tabIndex:0}:{}),wt)}},[v,tn,nn,rn,on,q,oe,we,We,w,R,i]),Ur=h.useCallback(function(I){I.stopPropagation()},[]),zr=h.useMemo(function(){return function(){var I=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},U=I.refKey,J=U===void 0?"ref":U,ae=I.onChange,ce=I.onClick,Te=ut(I,ia),ke=Bt({accept:n,multiple:s,type:"file",style:{display:"none"},onChange:Se(ue(ae,We)),onClick:Se(ue(ce,Ur)),autoComplete:"off",tabIndex:-1},J,C);return G(G({},ke),Te)}},[C,n,s,We,i]),an=he.length,sn=an>0&&Xo({files:he,accept:n,minSize:o,maxSize:l,multiple:s,maxFiles:d}),Mr=an>0&&!sn;return G(G({},O),{},{isDragAccept:sn,isDragReject:Mr,isFocused:X&&!i,getRootProps:$r,getInputProps:zr,rootRef:v,inputRef:C,open:Se(Ce)})}function fa(t,r){switch(r.type){case"focus":return G(G({},t),{},{isFocused:!0});case"blur":return G(G({},t),{},{isFocused:!1});case"openDialog":return G(G({},Wt),{},{isFileDialogActive:!0});case"closeDialog":return G(G({},t),{},{isFileDialogActive:!1});case"setDraggedFiles":var n=r.isDragActive,i=r.draggedFiles;return G(G({},t),{},{draggedFiles:i,isDragActive:n});case"setFiles":return G(G({},t),{},{acceptedFiles:r.acceptedFiles,fileRejections:r.fileRejections});case"reset":return G({},Wt);default:return t}}function Mn(){}const Bn=50*1024,Xe=t=>t.split(`
+`;var ko=new Map([["aac","audio/aac"],["abw","application/x-abiword"],["arc","application/x-freearc"],["avif","image/avif"],["avi","video/x-msvideo"],["azw","application/vnd.amazon.ebook"],["bin","application/octet-stream"],["bmp","image/bmp"],["bz","application/x-bzip"],["bz2","application/x-bzip2"],["cda","application/x-cdf"],["csh","application/x-csh"],["css","text/css"],["csv","text/csv"],["doc","application/msword"],["docx","application/vnd.openxmlformats-officedocument.wordprocessingml.document"],["eot","application/vnd.ms-fontobject"],["epub","application/epub+zip"],["gz","application/gzip"],["gif","image/gif"],["htm","text/html"],["html","text/html"],["ico","image/vnd.microsoft.icon"],["ics","text/calendar"],["jar","application/java-archive"],["jpeg","image/jpeg"],["jpg","image/jpeg"],["js","text/javascript"],["json","application/json"],["jsonld","application/ld+json"],["mid","audio/midi"],["midi","audio/midi"],["mjs","text/javascript"],["mp3","audio/mpeg"],["mp4","video/mp4"],["mpeg","video/mpeg"],["mpkg","application/vnd.apple.installer+xml"],["odp","application/vnd.oasis.opendocument.presentation"],["ods","application/vnd.oasis.opendocument.spreadsheet"],["odt","application/vnd.oasis.opendocument.text"],["oga","audio/ogg"],["ogv","video/ogg"],["ogx","application/ogg"],["opus","audio/opus"],["otf","font/otf"],["png","image/png"],["pdf","application/pdf"],["php","application/x-httpd-php"],["ppt","application/vnd.ms-powerpoint"],["pptx","application/vnd.openxmlformats-officedocument.presentationml.presentation"],["rar","application/vnd.rar"],["rtf","application/rtf"],["sh","application/x-sh"],["svg","image/svg+xml"],["swf","application/x-shockwave-flash"],["tar","application/x-tar"],["tif","image/tiff"],["tiff","image/tiff"],["ts","video/mp2t"],["ttf","font/ttf"],["txt","text/plain"],["vsd","application/vnd.visio"],["wav","audio/wav"],["weba","audio/webm"],["webm","video/webm"],["webp","image/webp"],["woff","font/woff"],["woff2","font/woff2"],["xhtml","application/xhtml+xml"],["xls","application/vnd.ms-excel"],["xlsx","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],["xml","application/xml"],["xul","application/vnd.mozilla.xul+xml"],["zip","application/zip"],["7z","application/x-7z-compressed"],["mkv","video/x-matroska"],["mov","video/quicktime"],["msg","application/vnd.ms-outlook"]]);function Me(t,r){var n=Do(t);if(typeof n.path!="string"){var i=t.webkitRelativePath;Object.defineProperty(n,"path",{value:typeof r=="string"?r:typeof i=="string"&&i.length>0?i:t.name,writable:!1,configurable:!1,enumerable:!0})}return n}function Do(t){var r=t.name,n=r&&r.lastIndexOf(".")!==-1;if(n&&!t.type){var i=r.split(".").pop().toLowerCase(),a=ko.get(i);a&&Object.defineProperty(t,"type",{value:a,writable:!1,configurable:!1,enumerable:!0})}return t}var Ro=[".DS_Store","Thumbs.db"];function To(t){return De(this,void 0,void 0,function(){return Re(this,function(r){return ct(t)&&Eo(t)?[2,Io(t.dataTransfer,t.type)]:Po(t)?[2,Ao(t)]:Array.isArray(t)&&t.every(function(n){return"getFile"in n&&typeof n.getFile=="function"})?[2,_o(t)]:[2,[]]})})}function Eo(t){return ct(t.dataTransfer)}function Po(t){return ct(t)&&ct(t.target)}function ct(t){return typeof t=="object"&&t!==null}function Ao(t){return zt(t.target.files).map(function(r){return Me(r)})}function _o(t){return De(this,void 0,void 0,function(){var r;return Re(this,function(n){switch(n.label){case 0:return[4,Promise.all(t.map(function(i){return i.getFile()}))];case 1:return r=n.sent(),[2,r.map(function(i){return Me(i)})]}})})}function Io(t,r){return De(this,void 0,void 0,function(){var n,i;return Re(this,function(a){switch(a.label){case 0:return t===null?[2,[]]:t.items?(n=zt(t.items).filter(function(l){return l.kind==="file"}),r!=="drop"?[2,n]:[4,Promise.all(n.map(Lo))]):[3,2];case 1:return i=a.sent(),[2,En(Rr(i))];case 2:return[2,En(zt(t.files).map(function(l){return Me(l)}))]}})})}function En(t){return t.filter(function(r){return Ro.indexOf(r.name)===-1})}function zt(t){if(t===null)return[];for(var r=[],n=0;n<t.length;n++){var i=t[n];r.push(i)}return r}function Lo(t){if(typeof t.webkitGetAsEntry!="function")return Pn(t);var r=t.webkitGetAsEntry();return r&&r.isDirectory?Tr(r):Pn(t)}function Rr(t){return t.reduce(function(r,n){return ci(r,Array.isArray(n)?Rr(n):[n])},[])}function Pn(t){var r=t.getAsFile();if(!r)return Promise.reject(t+" is not a File");var n=Me(r);return Promise.resolve(n)}function Oo(t){return De(this,void 0,void 0,function(){return Re(this,function(r){return[2,t.isDirectory?Tr(t):Fo(t)]})})}function Tr(t){var r=t.createReader();return new Promise(function(n,i){var a=[];function l(){var o=this;r.readEntries(function(s){return De(o,void 0,void 0,function(){var d,m,c;return Re(this,function(u){switch(u.label){case 0:if(s.length)return[3,5];u.label=1;case 1:return u.trys.push([1,3,,4]),[4,Promise.all(a)];case 2:return d=u.sent(),n(d),[3,4];case 3:return m=u.sent(),i(m),[3,4];case 4:return[3,6];case 5:c=Promise.all(s.map(Oo)),a.push(c),l(),u.label=6;case 6:return[2]}})})},function(s){i(s)})}l()})}function Fo(t){return De(this,void 0,void 0,function(){return Re(this,function(r){return[2,new Promise(function(n,i){t.file(function(a){var l=Me(a,t.fullPath);n(l)},function(a){i(a)})})]})})}var Ye={},An;function No(){return An||(An=1,Ye.__esModule=!0,Ye.default=function(t,r){if(t&&r){var n=Array.isArray(r)?r:r.split(","),i=t.name||"",a=(t.type||"").toLowerCase(),l=a.replace(/\/.*$/,"");return n.some(function(o){var s=o.trim().toLowerCase();return s.charAt(0)==="."?i.toLowerCase().endsWith(s):s.endsWith("/*")?l===s.replace(/\/.*$/,""):a===s})}return!0}),Ye}var $o=No();const Uo=Yt($o);function _n(t,r){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);r&&(i=i.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),n.push.apply(n,i)}return n}function In(t){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?_n(Object(n),!0).forEach(function(i){Er(t,i,n[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_n(Object(n)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(n,i))})}return t}function Er(t,r,n){return r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t}function Ln(t,r){return Wo(t)||Bo(t,r)||Mo(t,r)||zo()}function zo(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Mo(t,r){if(t){if(typeof t=="string")return On(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set")return Array.from(t);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return On(t,r)}}function On(t,r){(r==null||r>t.length)&&(r=t.length);for(var n=0,i=new Array(r);n<r;n++)i[n]=t[n];return i}function Bo(t,r){var n=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(n!=null){var i=[],a=!0,l=!1,o,s;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(i.push(o.value),!(r&&i.length===r));a=!0);}catch(d){l=!0,s=d}finally{try{!a&&n.return!=null&&n.return()}finally{if(l)throw s}}return i}}function Wo(t){if(Array.isArray(t))return t}var qo="file-invalid-type",Ho="file-too-large",Go="file-too-small",Ko="too-many-files",Yo=function(r){r=Array.isArray(r)&&r.length===1?r[0]:r;var n=Array.isArray(r)?"one of ".concat(r.join(", ")):r;return{code:qo,message:"File type must be ".concat(n)}},Fn=function(r){return{code:Ho,message:"File is larger than ".concat(r," ").concat(r===1?"byte":"bytes")}},Nn=function(r){return{code:Go,message:"File is smaller than ".concat(r," ").concat(r===1?"byte":"bytes")}},Vo={code:Ko,message:"Too many files"};function Pr(t,r){var n=t.type==="application/x-moz-file"||Uo(t,r);return[n,n?null:Yo(r)]}function Ar(t,r,n){if(Ee(t.size))if(Ee(r)&&Ee(n)){if(t.size>n)return[!1,Fn(n)];if(t.size<r)return[!1,Nn(r)]}else{if(Ee(r)&&t.size<r)return[!1,Nn(r)];if(Ee(n)&&t.size>n)return[!1,Fn(n)]}return[!0,null]}function Ee(t){return t!=null}function Xo(t){var r=t.files,n=t.accept,i=t.minSize,a=t.maxSize,l=t.multiple,o=t.maxFiles;return!l&&r.length>1||l&&o>=1&&r.length>o?!1:r.every(function(s){var d=Pr(s,n),m=Ln(d,1),c=m[0],u=Ar(s,i,a),j=Ln(u,1),b=j[0];return c&&b})}function dt(t){return typeof t.isPropagationStopped=="function"?t.isPropagationStopped():typeof t.cancelBubble<"u"?t.cancelBubble:!1}function Ve(t){return t.dataTransfer?Array.prototype.some.call(t.dataTransfer.types,function(r){return r==="Files"||r==="application/x-moz-file"}):!!t.target&&!!t.target.files}function $n(t){t.preventDefault()}function Qo(t){return t.indexOf("MSIE")!==-1||t.indexOf("Trident/")!==-1}function Zo(t){return t.indexOf("Edge/")!==-1}function Jo(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:window.navigator.userAgent;return Qo(t)||Zo(t)}function ue(){for(var t=arguments.length,r=new Array(t),n=0;n<t;n++)r[n]=arguments[n];return function(i){for(var a=arguments.length,l=new Array(a>1?a-1:0),o=1;o<a;o++)l[o-1]=arguments[o];return r.some(function(s){return!dt(i)&&s&&s.apply(void 0,[i].concat(l)),dt(i)})}}function Un(){return"showOpenFilePicker"in window}function ea(t){return t=typeof t=="string"?t.split(","):t,[{description:"everything",accept:Array.isArray(t)?t.filter(function(r){return r==="audio/*"||r==="video/*"||r==="image/*"||r==="text/*"||/\w+\/[-+.\w]+/g.test(r)}).reduce(function(r,n){return In(In({},r),{},Er({},n,[]))},{}):{}}]}var ta=["children"],na=["open"],ra=["refKey","role","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDrop"],ia=["refKey","onChange","onClick"];function oa(t){return la(t)||sa(t)||_r(t)||aa()}function aa(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function sa(t){if(typeof Symbol<"u"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function la(t){if(Array.isArray(t))return Mt(t)}function Tt(t,r){return ua(t)||da(t,r)||_r(t,r)||ca()}function ca(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function _r(t,r){if(t){if(typeof t=="string")return Mt(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor&&(n=t.constructor.name),n==="Map"||n==="Set")return Array.from(t);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Mt(t,r)}}function Mt(t,r){(r==null||r>t.length)&&(r=t.length);for(var n=0,i=new Array(r);n<r;n++)i[n]=t[n];return i}function da(t,r){var n=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(n!=null){var i=[],a=!0,l=!1,o,s;try{for(n=n.call(t);!(a=(o=n.next()).done)&&(i.push(o.value),!(r&&i.length===r));a=!0);}catch(d){l=!0,s=d}finally{try{!a&&n.return!=null&&n.return()}finally{if(l)throw s}}return i}}function ua(t){if(Array.isArray(t))return t}function zn(t,r){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);r&&(i=i.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),n.push.apply(n,i)}return n}function G(t){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?zn(Object(n),!0).forEach(function(i){Bt(t,i,n[i])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zn(Object(n)).forEach(function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(n,i))})}return t}function Bt(t,r,n){return r in t?Object.defineProperty(t,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[r]=n,t}function ut(t,r){if(t==null)return{};var n=ma(t,r),i,a;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);for(a=0;a<l.length;a++)i=l[a],!(r.indexOf(i)>=0)&&Object.prototype.propertyIsEnumerable.call(t,i)&&(n[i]=t[i])}return n}function ma(t,r){if(t==null)return{};var n={},i=Object.keys(t),a,l;for(l=0;l<i.length;l++)a=i[l],!(r.indexOf(a)>=0)&&(n[a]=t[a]);return n}var en=h.forwardRef(function(t,r){var n=t.children,i=ut(t,ta),a=qt(i),l=a.open,o=ut(a,na);return h.useImperativeHandle(r,function(){return{open:l}},[l]),di.createElement(h.Fragment,null,n(G(G({},o),{},{open:l})))});en.displayName="Dropzone";var Ir={disabled:!1,getFilesFromEvent:To,maxSize:1/0,minSize:0,multiple:!0,maxFiles:0,preventDropOnDocument:!0,noClick:!1,noKeyboard:!1,noDrag:!1,noDragEventsBubbling:!1,validator:null,useFsAccessApi:!1};en.defaultProps=Ir;en.propTypes={children:f.func,accept:f.oneOfType([f.string,f.arrayOf(f.string)]),multiple:f.bool,preventDropOnDocument:f.bool,noClick:f.bool,noKeyboard:f.bool,noDrag:f.bool,noDragEventsBubbling:f.bool,minSize:f.number,maxSize:f.number,maxFiles:f.number,disabled:f.bool,getFilesFromEvent:f.func,onFileDialogCancel:f.func,onFileDialogOpen:f.func,useFsAccessApi:f.bool,onDragEnter:f.func,onDragLeave:f.func,onDragOver:f.func,onDrop:f.func,onDropAccepted:f.func,onDropRejected:f.func,validator:f.func};var Wt={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,draggedFiles:[],acceptedFiles:[],fileRejections:[]};function qt(){var t=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=G(G({},Ir),t),n=r.accept,i=r.disabled,a=r.getFilesFromEvent,l=r.maxSize,o=r.minSize,s=r.multiple,d=r.maxFiles,m=r.onDragEnter,c=r.onDragLeave,u=r.onDragOver,j=r.onDrop,b=r.onDropAccepted,x=r.onDropRejected,S=r.onFileDialogCancel,y=r.onFileDialogOpen,k=r.useFsAccessApi,D=r.preventDropOnDocument,T=r.noClick,w=r.noKeyboard,R=r.noDrag,E=r.noDragEventsBubbling,P=r.validator,g=h.useMemo(function(){return typeof y=="function"?y:Mn},[y]),p=h.useMemo(function(){return typeof S=="function"?S:Mn},[S]),v=h.useRef(null),C=h.useRef(null),F=h.useReducer(fa,Wt),$=Tt(F,2),O=$[0],_=$[1],X=O.isFocused,Y=O.isFileDialogActive,he=O.draggedFiles,ge=function(){Y&&setTimeout(function(){if(C.current){var U=C.current.files;U.length||(_({type:"closeDialog"}),p())}},300)};h.useEffect(function(){return k&&Un()?function(){}:(window.addEventListener("focus",ge,!1),function(){window.removeEventListener("focus",ge,!1)})},[C,Y,p,k]);var z=h.useRef([]),N=function(U){v.current&&v.current.contains(U.target)||(U.preventDefault(),z.current=[])};h.useEffect(function(){return D&&(document.addEventListener("dragover",$n,!1),document.addEventListener("drop",N,!1)),function(){D&&(document.removeEventListener("dragover",$n),document.removeEventListener("drop",N))}},[v,D]);var q=h.useCallback(function(I){I.preventDefault(),I.persist(),He(I),z.current=[].concat(oa(z.current),[I.target]),Ve(I)&&Promise.resolve(a(I)).then(function(U){dt(I)&&!E||(_({draggedFiles:U,isDragActive:!0,type:"setDraggedFiles"}),m&&m(I))})},[a,m,E]),oe=h.useCallback(function(I){I.preventDefault(),I.persist(),He(I);var U=Ve(I);if(U&&I.dataTransfer)try{I.dataTransfer.dropEffect="copy"}catch{}return U&&u&&u(I),!1},[u,E]),we=h.useCallback(function(I){I.preventDefault(),I.persist(),He(I);var U=z.current.filter(function(ae){return v.current&&v.current.contains(ae)}),J=U.indexOf(I.target);J!==-1&&U.splice(J,1),z.current=U,!(U.length>0)&&(_({isDragActive:!1,type:"setDraggedFiles",draggedFiles:[]}),Ve(I)&&c&&c(I))},[v,c,E]),Be=h.useCallback(function(I,U){var J=[],ae=[];I.forEach(function(ce){var Te=Pr(ce,n),ke=Tt(Te,2),yt=ke[0],bt=ke[1],vt=Ar(ce,o,l),Ge=Tt(vt,2),jt=Ge[0],wt=Ge[1],Ct=P?P(ce):null;if(yt&&jt&&!Ct)J.push(ce);else{var St=[bt,wt];Ct&&(St=St.concat(Ct)),ae.push({file:ce,errors:St.filter(function(Br){return Br})})}}),(!s&&J.length>1||s&&d>=1&&J.length>d)&&(J.forEach(function(ce){ae.push({file:ce,errors:[Vo]})}),J.splice(0)),_({acceptedFiles:J,fileRejections:ae,type:"setFiles"}),j&&j(J,ae,U),ae.length>0&&x&&x(ae,U),J.length>0&&b&&b(J,U)},[_,s,n,o,l,d,j,b,x,P]),We=h.useCallback(function(I){I.preventDefault(),I.persist(),He(I),z.current=[],Ve(I)&&Promise.resolve(a(I)).then(function(U){dt(I)&&!E||Be(U,I)}),_({type:"reset"})},[a,Be,E]),Ce=h.useCallback(function(){if(k&&Un()){_({type:"openDialog"}),g();var I={multiple:s,types:ea(n)};window.showOpenFilePicker(I).then(function(U){return a(U)}).then(function(U){return Be(U,null)}).catch(function(U){return p(U)}).finally(function(){return _({type:"closeDialog"})});return}C.current&&(_({type:"openDialog"}),g(),C.current.value=null,C.current.click())},[_,g,p,k,Be,n,s]),tn=h.useCallback(function(I){!v.current||!v.current.isEqualNode(I.target)||(I.keyCode===32||I.keyCode===13)&&(I.preventDefault(),Ce())},[v,C,Ce]),nn=h.useCallback(function(){_({type:"focus"})},[]),rn=h.useCallback(function(){_({type:"blur"})},[]),on=h.useCallback(function(){T||(Jo()?setTimeout(Ce,0):Ce())},[C,T,Ce]),Se=function(U){return i?null:U},xt=function(U){return w?null:Se(U)},qe=function(U){return R?null:Se(U)},He=function(U){E&&U.stopPropagation()},$r=h.useMemo(function(){return function(){var I=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},U=I.refKey,J=U===void 0?"ref":U,ae=I.role,ce=I.onKeyDown,Te=I.onFocus,ke=I.onBlur,yt=I.onClick,bt=I.onDragEnter,vt=I.onDragOver,Ge=I.onDragLeave,jt=I.onDrop,wt=ut(I,ra);return G(G(Bt({onKeyDown:xt(ue(ce,tn)),onFocus:xt(ue(Te,nn)),onBlur:xt(ue(ke,rn)),onClick:Se(ue(yt,on)),onDragEnter:qe(ue(bt,q)),onDragOver:qe(ue(vt,oe)),onDragLeave:qe(ue(Ge,we)),onDrop:qe(ue(jt,We)),role:typeof ae=="string"&&ae!==""?ae:"button"},J,v),!i&&!w?{tabIndex:0}:{}),wt)}},[v,tn,nn,rn,on,q,oe,we,We,w,R,i]),Ur=h.useCallback(function(I){I.stopPropagation()},[]),zr=h.useMemo(function(){return function(){var I=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},U=I.refKey,J=U===void 0?"ref":U,ae=I.onChange,ce=I.onClick,Te=ut(I,ia),ke=Bt({accept:n,multiple:s,type:"file",style:{display:"none"},onChange:Se(ue(ae,We)),onClick:Se(ue(ce,Ur)),autoComplete:"off",tabIndex:-1},J,C);return G(G({},ke),Te)}},[C,n,s,We,i]),an=he.length,sn=an>0&&Xo({files:he,accept:n,minSize:o,maxSize:l,multiple:s,maxFiles:d}),Mr=an>0&&!sn;return G(G({},O),{},{isDragAccept:sn,isDragReject:Mr,isFocused:X&&!i,getRootProps:$r,getInputProps:zr,rootRef:v,inputRef:C,open:Se(Ce)})}function fa(t,r){switch(r.type){case"focus":return G(G({},t),{},{isFocused:!0});case"blur":return G(G({},t),{},{isFocused:!1});case"openDialog":return G(G({},Wt),{},{isFileDialogActive:!0});case"closeDialog":return G(G({},t),{},{isFileDialogActive:!1});case"setDraggedFiles":var n=r.isDragActive,i=r.draggedFiles;return G(G({},t),{},{draggedFiles:i,isDragActive:n});case"setFiles":return G(G({},t),{},{acceptedFiles:r.acceptedFiles,fileRejections:r.fileRejections});case"reset":return G({},Wt);default:return t}}function Mn(){}const Bn=50*1024,Xe=t=>t.split(`
 `).join("|"),Qe=t=>new Promise((r,n)=>{const i=new FileReader;i.readAsText(t),i.onload=()=>{r(i.result)},i.onerror=a=>n(a)});function Wn({certificate:t={},onRefresh:r,mode:n,...i}){const{t:a}=M(),{api:l}=Q(),[o,s]=h.useState(!1),[d,m]=h.useState(),[c,u]=h.useState(),[j,b]=h.useState(!1),[x,S]=h.useState(""),[y,k]=h.useState("upload"),{handleSubmit:D,formState:T,control:w}=Vt({defaultValues:{name:t.name||t.domain}}),R=vn({control:w,name:"name"}),E=vn({control:w,name:"domain"}),P=()=>o?!0:y==="upload"&&n==="update"?!!(!R||d&&!c||c&&!d):y==="upload"&&n==="add"?!R||!d||!c:y==="lets_encrypt"&&!E,g=()=>{s(!1),b(!1)},p=async N=>{if(n==="add"){const q=(await Qe(c)).replace(/\r\n/g,`
 `),oe=(await Qe(d)).replace(/\r\n/g,`
 `);await l.addCertificate({input:{name:N.name.trim(),certificate:Xe(q),privateKey:Xe(oe)}})}else{const q={id:t.id,name:N.name.trim()};if(c&&d){const oe=(await Qe(c)).replace(/\r\n/g,`
 `),we=(await Qe(d)).replace(/\r\n/g,`
-`);q.certificate=Xe(oe),q.privateKey=Xe(we)}await l.updateCertificate({input:q})}},v=N=>l.issueLetsEncryptCert({input:{domain:N.domain}}),C={upload:{name:a("router.cert.nginx.sourceTypes.upload"),value:"upload",onSubmit:p},lets_encrypt:{name:a("router.cert.nginx.sourceTypes.lets_encrypt"),value:"lets_encrypt",onSubmit:v}},F=async N=>{s(!0);try{const q=C[y];if(!q)throw new Error("Invaid certificate source");await q.onSubmit(N),r(),b(!1)}catch(q){S(pe(q)||"unknown error, may be you can check file permission")}finally{s(!1)}},$=()=>{m(null),u(null),b(!0),S("")},O=N=>{k(N.target.value)},A=N=>{N.length>0&&S(ne(N[0],"errors[0].message",a("router.cert.add.invalidFile")))},{getRootProps:X,getInputProps:Y}=qt({accept:[".pem",".crt"],multiple:!1,maxSize:Bn,onDropRejected:A,onDrop:N=>{u(N[0])}}),{getRootProps:he,getInputProps:ge}=qt({accept:[".pem",".key"],multiple:!1,maxSize:Bn,onDropRejected:A,onDrop:N=>{m(N[0])}}),{errors:z}=T;return e.jsxs(e.Fragment,{children:[e.jsxs(Z,{edge:"end",onClick:$,className:"rule-action",color:"primary","data-cy":"add-cert",...i,children:[o?e.jsx(K,{size:16}):e.jsx(Fe,{style:{fontSize:16}}),a(n==="add"?"common.add":"common.update")]}),j&&e.jsx(rr,{title:a(n==="add"?"router.cert.nginx.titleAdd":"router.cert.nginx.title"),open:!0,onClose:g,actions:e.jsxs(e.Fragment,{children:[e.jsx(Z,{onClick:g,color:"inherit","data-cy":"cert-cancel",children:a("router.cert.nginx.cancel")}),e.jsxs(Z,{onClick:D(F),color:"secondary",disabled:P(),variant:"contained",autoFocus:!0,"data-cy":"save-cert",children:[a("router.cert.nginx.confirm"),o&&e.jsx(K,{size:16})]})]}),children:e.jsx("form",{className:"form","data-cy":"cert-form",noValidate:!0,autoComplete:"off",onSubmit:D(F),children:e.jsxs(W,{sx:{minWidth:{sm:480}},children:[e.jsxs(Ot,{component:"div",children:[n==="add"&&e.jsxs("section",{className:"form-item",children:[e.jsx("div",{className:"form-item-label",children:a("router.cert.source")}),e.jsx(sr,{"aria-label":"cert-source",name:"certSource",value:y,onChange:O,children:Object.values(C).map(N=>e.jsx(Oe,{value:N.value,control:e.jsx(Ft,{}),label:N.name},N.value))})]}),y==="upload"&&e.jsxs(e.Fragment,{children:[e.jsxs("section",{className:"form-item",children:[e.jsx("div",{className:"form-item-label",children:a("router.cert.name")}),e.jsx(B,{name:"name",control:w,rules:{validate:N=>!!N.trim()||a("common.requiredErrorText",{name:a("router.cert.name")})},render:({field:{value:N,onChange:q}})=>e.jsx(H,{fullWidth:!0,autoFocus:!0,defaultValue:N,onChange:q,error:!!z.name,autoComplete:"off",variant:"outlined",name:"name",className:"form-item-value","data-cy":"certificate-name-textfield",helperText:z.name&&z.name.message})})]}),e.jsxs("section",{className:"form-item",children:[e.jsxs("div",{className:"form-item-label",children:[a("router.cert.nginx.pem"),n==="update"&&e.jsxs(L,{component:"small",variant:"body2",color:"textSecondary",children:[" ","(",a("common.optional"),")"]})]}),e.jsx("div",{className:"form-item-value",children:e.jsxs("div",{...X({className:"dropzone"}),children:[e.jsx("input",{...Y(),"data-cy":"pem-input"}),c&&e.jsx(L,{color:"secondary",children:c.name}),!c&&e.jsx(L,{color:"secondary",children:a("router.cert.nginx.empty")}),e.jsx(L,{component:"small",variant:"body2",color:"textSecondary",children:a("router.cert.nginx.pemTip")})]})})]}),e.jsxs("section",{className:"form-item",children:[e.jsxs("div",{className:"form-item-label",children:[a("router.cert.nginx.key"),n==="update"&&e.jsxs(L,{component:"small",variant:"body2",color:"textSecondary",children:[" ","(",a("common.optional"),")"]})]}),e.jsx("div",{className:"form-item-value",children:e.jsxs("div",{...he({className:"dropzone"}),children:[e.jsx("input",{...ge(),"data-cy":"key-input"}),d&&e.jsx(L,{color:"secondary",children:d.name}),!d&&e.jsx(L,{color:"secondary",children:a("router.cert.nginx.empty")}),e.jsx(L,{component:"small",variant:"body2",color:"textSecondary",children:a("router.cert.nginx.keyTip")})]})})]})]}),y==="lets_encrypt"&&e.jsxs(e.Fragment,{children:[e.jsx("section",{className:"form-item",children:e.jsx(be,{severity:"success",children:a("router.cert.genLetsEncryptCert.dnsTip")})}),e.jsxs("section",{className:"form-item",children:[e.jsx("div",{className:"form-item-label",children:a("common.domain")}),e.jsx(B,{name:"domain",control:w,rules:{validate:N=>!!N.trim()||a("common.requiredErrorText",{name:a("common.domain")})},render:({field:{value:N,onChange:q}})=>e.jsx(H,{fullWidth:!0,autoFocus:!0,defaultValue:N,error:!!z.domain,autoComplete:"off",variant:"outlined",className:"form-item-value",helperText:z.domain&&z.domain.message,onChange:q})})]})]})]}),!!x&&e.jsx(be,{severity:"error",style:{marginTop:8},children:x})]})})})]})}function pa(t){const r=ir(),{t:n}=M(),{api:i}=Q(),[a,l]=h.useState(!1),[o,s]=h.useState(null),{id:d,domain:m,onDelete:c=()=>{},...u}=t,{refresh:j}=de(),b=()=>{l(!1),s(null)},x=async()=>{l(!0);try{await i.deleteCertificate({input:{id:d}}),j(),c()}catch(y){console.error(y)}finally{l(!1),s(null)}},S={title:n("router.cert.delete.title"),description:n("router.cert.delete.description",{domain:m}),confirm:n("common.delConfirm"),cancel:n("common.cancel"),onConfirm:x,onCancel:b};return e.jsxs(e.Fragment,{children:[e.jsxs(Z,{edge:"end",onClick:()=>s(S),size:"small",className:"rule-action",variant:"text","data-cy":"action-delete-cert",style:{color:r.palette.error.main},...u,children:[a?e.jsx(K,{size:16}):e.jsx(ve,{style:{fontSize:16}}),n("common.delete")]}),o&&e.jsx(le,{title:o.title,description:o.description,confirm:o.confirm,cancel:o.cancel,params:o.params,onConfirm:o.onConfirm,onCancel:o.onCancel})]})}function Lr(t){const{certificate:r={},...n}=t,{t:i,locale:a}=M(),[l,o]=h.useState(!1),s=ir(),d=()=>{o(!1)},m=[{id:"matchedSites",name:i("router.cert.matchedSites"),value:(r.matchedSites||[]).map(u=>e.jsx(L,{component:"div",style:{fontWeight:"inherit",fontSize:"1.1rem"},children:u.domain},u.id))},{id:"updatedAt",name:i("common.updatedAt"),value:r.updatedAt?e.jsx(it,{value:r.updatedAt,type:"all",locale:a}):"-"},{id:"createdAt",name:i("common.createdAt"),value:r.createdAt?e.jsx(it,{value:r.createdAt,type:"all",locale:a}):"-"}],c=[{id:"boundDomains",name:i("router.cert.boundDomains"),value:e.jsx(L,{component:"span",style:{fontSize:"1.1rem"},children:(ne(r,"sans")||[]).join(", ")})},{id:"issuer",name:i("common.issuer"),value:ne(r,"meta.issuer.commonName","")},{id:"fingerprint",name:i("common.fingerprint"),value:ne(r,"meta.fingerprint")},{id:"fingerprintAlg",name:i("router.cert.fingerprintAlg"),value:ne(r,"meta.fingerprintAlg")},{id:"validityPeriod",name:i("router.cert.validityPeriod"),value:ui.duration(ne(r,"meta.validityPeriod"),"ms").humanize()},{id:"issuedOn",name:i("router.cert.issuedOn"),value:ot(ne(r,"meta.validFrom"),a)},{id:"expiryOn",name:i("router.cert.expiryOn"),value:ot(ne(r,"meta.validTo"),a)}];return e.jsxs(e.Fragment,{children:[e.jsxs(Z,{edge:"end",onClick:()=>o(!0),size:"small",className:"rule-action",variant:"text",color:"secondary","data-cy":"action-view-cert",...n,children:[e.jsx($i,{style:{fontSize:16}}),i("common.detail")]}),e.jsxs(rr,{title:i("router.cert.detail.title"),"aria-labelledby":"certificate details",fullWidth:!0,open:l,showCloseButton:!1,actions:e.jsx(Z,{autoFocus:!0,variant:"contained",onClick:d,color:"secondary",children:i("common.close")}),children:[e.jsx(Ot,{component:"div",style:{margin:s.spacing(2)},children:m.map(u=>e.jsx(at,{nameWidth:200,valueComponent:"div",name:u.name,children:u.value},u.id))},"cert-basic"),e.jsx(hn,{}),e.jsx(Ot,{component:"div",style:{margin:s.spacing(2)},children:c.map(u=>e.jsx(at,{nameWidth:200,valueComponent:"div",name:u.name,children:u.value},u.id))},"cer-info"),e.jsx(hn,{})]})]})}Lr.propTypes={certificate:f.object.isRequired};function Or({style:t={},certificate:r,...n}){const{t:i}=M(),[a,l]=h.useState(!1),o=r.matchedSites||[];return e.jsxs(L,{component:"ul",...n,style:{...t,listStyle:"none"},children:[(a?o:o.slice(0,4)).map(s=>e.jsx(L,{component:"li",style:{fontSize:"1.1rem",margin:"4px 0"},children:s.domain},s.id)),o.length>4&&e.jsx(Z,{style:{border:"none",padding:"5px 0"},variant:"outlined",color:"primary",className:"button",onClick:()=>{l(!a)},children:i(a?"common.collapseAll":"common.expandAll")})]})}Or.propTypes={certificate:f.object.isRequired,style:f.object};const ga=t=>{if(!t)return!1;const r=+new Date;return t-r<=0},qn="ssl-certificates-table";f.number;function Et({name:t,value:r,style:n={},icon:i,...a}){return e.jsxs(ha,{style:{display:"flex",alignItems:"center",...n},...a,children:[e.jsxs("span",{children:[t,":"]}),e.jsx("span",{children:r}),i&&i]})}const ha=re.div`
+`);q.certificate=Xe(oe),q.privateKey=Xe(we)}await l.updateCertificate({input:q})}},v=N=>l.issueLetsEncryptCert({input:{domain:N.domain}}),C={upload:{name:a("router.cert.nginx.sourceTypes.upload"),value:"upload",onSubmit:p},lets_encrypt:{name:a("router.cert.nginx.sourceTypes.lets_encrypt"),value:"lets_encrypt",onSubmit:v}},F=async N=>{s(!0);try{const q=C[y];if(!q)throw new Error("Invaid certificate source");await q.onSubmit(N),r(),b(!1)}catch(q){S(pe(q)||"unknown error, may be you can check file permission")}finally{s(!1)}},$=()=>{m(null),u(null),b(!0),S("")},O=N=>{k(N.target.value)},_=N=>{N.length>0&&S(ne(N[0],"errors[0].message",a("router.cert.add.invalidFile")))},{getRootProps:X,getInputProps:Y}=qt({accept:[".pem",".crt"],multiple:!1,maxSize:Bn,onDropRejected:_,onDrop:N=>{u(N[0])}}),{getRootProps:he,getInputProps:ge}=qt({accept:[".pem",".key"],multiple:!1,maxSize:Bn,onDropRejected:_,onDrop:N=>{m(N[0])}}),{errors:z}=T;return e.jsxs(e.Fragment,{children:[e.jsxs(Z,{edge:"end",onClick:$,className:"rule-action",color:"primary","data-cy":"add-cert",...i,children:[o?e.jsx(K,{size:16}):e.jsx(Fe,{style:{fontSize:16}}),a(n==="add"?"common.add":"common.update")]}),j&&e.jsx(rr,{title:a(n==="add"?"router.cert.nginx.titleAdd":"router.cert.nginx.title"),open:!0,onClose:g,actions:e.jsxs(e.Fragment,{children:[e.jsx(Z,{onClick:g,color:"inherit","data-cy":"cert-cancel",children:a("router.cert.nginx.cancel")}),e.jsxs(Z,{onClick:D(F),color:"secondary",disabled:P(),variant:"contained",autoFocus:!0,"data-cy":"save-cert",children:[a("router.cert.nginx.confirm"),o&&e.jsx(K,{size:16})]})]}),children:e.jsx("form",{className:"form","data-cy":"cert-form",noValidate:!0,autoComplete:"off",onSubmit:D(F),children:e.jsxs(W,{sx:{minWidth:{sm:480}},children:[e.jsxs(Ot,{component:"div",children:[n==="add"&&e.jsxs("section",{className:"form-item",children:[e.jsx("div",{className:"form-item-label",children:a("router.cert.source")}),e.jsx(sr,{"aria-label":"cert-source",name:"certSource",value:y,onChange:O,children:Object.values(C).map(N=>e.jsx(Oe,{value:N.value,control:e.jsx(Ft,{}),label:N.name},N.value))})]}),y==="upload"&&e.jsxs(e.Fragment,{children:[e.jsxs("section",{className:"form-item",children:[e.jsx("div",{className:"form-item-label",children:a("router.cert.name")}),e.jsx(B,{name:"name",control:w,rules:{validate:N=>!!N.trim()||a("common.requiredErrorText",{name:a("router.cert.name")})},render:({field:{value:N,onChange:q}})=>e.jsx(H,{fullWidth:!0,autoFocus:!0,defaultValue:N,onChange:q,error:!!z.name,autoComplete:"off",variant:"outlined",name:"name",className:"form-item-value","data-cy":"certificate-name-textfield",helperText:z.name&&z.name.message})})]}),e.jsxs("section",{className:"form-item",children:[e.jsxs("div",{className:"form-item-label",children:[a("router.cert.nginx.pem"),n==="update"&&e.jsxs(L,{component:"small",variant:"body2",color:"textSecondary",children:[" ","(",a("common.optional"),")"]})]}),e.jsx("div",{className:"form-item-value",children:e.jsxs("div",{...X({className:"dropzone"}),children:[e.jsx("input",{...Y(),"data-cy":"pem-input"}),c&&e.jsx(L,{color:"secondary",children:c.name}),!c&&e.jsx(L,{color:"secondary",children:a("router.cert.nginx.empty")}),e.jsx(L,{component:"small",variant:"body2",color:"textSecondary",children:a("router.cert.nginx.pemTip")})]})})]}),e.jsxs("section",{className:"form-item",children:[e.jsxs("div",{className:"form-item-label",children:[a("router.cert.nginx.key"),n==="update"&&e.jsxs(L,{component:"small",variant:"body2",color:"textSecondary",children:[" ","(",a("common.optional"),")"]})]}),e.jsx("div",{className:"form-item-value",children:e.jsxs("div",{...he({className:"dropzone"}),children:[e.jsx("input",{...ge(),"data-cy":"key-input"}),d&&e.jsx(L,{color:"secondary",children:d.name}),!d&&e.jsx(L,{color:"secondary",children:a("router.cert.nginx.empty")}),e.jsx(L,{component:"small",variant:"body2",color:"textSecondary",children:a("router.cert.nginx.keyTip")})]})})]})]}),y==="lets_encrypt"&&e.jsxs(e.Fragment,{children:[e.jsx("section",{className:"form-item",children:e.jsx(be,{severity:"success",children:a("router.cert.genLetsEncryptCert.dnsTip")})}),e.jsxs("section",{className:"form-item",children:[e.jsx("div",{className:"form-item-label",children:a("common.domain")}),e.jsx(B,{name:"domain",control:w,rules:{validate:N=>!!N.trim()||a("common.requiredErrorText",{name:a("common.domain")})},render:({field:{value:N,onChange:q}})=>e.jsx(H,{fullWidth:!0,autoFocus:!0,defaultValue:N,error:!!z.domain,autoComplete:"off",variant:"outlined",className:"form-item-value",helperText:z.domain&&z.domain.message,onChange:q})})]})]})]}),!!x&&e.jsx(be,{severity:"error",style:{marginTop:8},children:x})]})})})]})}function pa(t){const r=ir(),{t:n}=M(),{api:i}=Q(),[a,l]=h.useState(!1),[o,s]=h.useState(null),{id:d,domain:m,onDelete:c=()=>{},...u}=t,{refresh:j}=de(),b=()=>{l(!1),s(null)},x=async()=>{l(!0);try{await i.deleteCertificate({input:{id:d}}),j(),c()}catch(y){console.error(y)}finally{l(!1),s(null)}},S={title:n("router.cert.delete.title"),description:n("router.cert.delete.description",{domain:m}),confirm:n("common.delConfirm"),cancel:n("common.cancel"),onConfirm:x,onCancel:b};return e.jsxs(e.Fragment,{children:[e.jsxs(Z,{edge:"end",onClick:()=>s(S),size:"small",className:"rule-action",variant:"text","data-cy":"action-delete-cert",style:{color:r.palette.error.main},...u,children:[a?e.jsx(K,{size:16}):e.jsx(ve,{style:{fontSize:16}}),n("common.delete")]}),o&&e.jsx(le,{title:o.title,description:o.description,confirm:o.confirm,cancel:o.cancel,params:o.params,onConfirm:o.onConfirm,onCancel:o.onCancel})]})}function Lr(t){const{certificate:r={},...n}=t,{t:i,locale:a}=M(),[l,o]=h.useState(!1),s=ir(),d=()=>{o(!1)},m=[{id:"matchedSites",name:i("router.cert.matchedSites"),value:(r.matchedSites||[]).map(u=>e.jsx(L,{component:"div",style:{fontWeight:"inherit",fontSize:"1.1rem"},children:u.domain},u.id))},{id:"updatedAt",name:i("common.updatedAt"),value:r.updatedAt?e.jsx(it,{value:r.updatedAt,type:"all",locale:a}):"-"},{id:"createdAt",name:i("common.createdAt"),value:r.createdAt?e.jsx(it,{value:r.createdAt,type:"all",locale:a}):"-"}],c=[{id:"boundDomains",name:i("router.cert.boundDomains"),value:e.jsx(L,{component:"span",style:{fontSize:"1.1rem"},children:(ne(r,"sans")||[]).join(", ")})},{id:"issuer",name:i("common.issuer"),value:ne(r,"meta.issuer.commonName","")},{id:"fingerprint",name:i("common.fingerprint"),value:ne(r,"meta.fingerprint")},{id:"fingerprintAlg",name:i("router.cert.fingerprintAlg"),value:ne(r,"meta.fingerprintAlg")},{id:"validityPeriod",name:i("router.cert.validityPeriod"),value:ui.duration(ne(r,"meta.validityPeriod"),"ms").humanize()},{id:"issuedOn",name:i("router.cert.issuedOn"),value:ot(ne(r,"meta.validFrom"),a)},{id:"expiryOn",name:i("router.cert.expiryOn"),value:ot(ne(r,"meta.validTo"),a)}];return e.jsxs(e.Fragment,{children:[e.jsxs(Z,{edge:"end",onClick:()=>o(!0),size:"small",className:"rule-action",variant:"text",color:"secondary","data-cy":"action-view-cert",...n,children:[e.jsx($i,{style:{fontSize:16}}),i("common.detail")]}),e.jsxs(rr,{title:i("router.cert.detail.title"),"aria-labelledby":"certificate details",fullWidth:!0,open:l,showCloseButton:!1,actions:e.jsx(Z,{autoFocus:!0,variant:"contained",onClick:d,color:"secondary",children:i("common.close")}),children:[e.jsx(Ot,{component:"div",style:{margin:s.spacing(2)},children:m.map(u=>e.jsx(at,{nameWidth:200,valueComponent:"div",name:u.name,children:u.value},u.id))},"cert-basic"),e.jsx(hn,{}),e.jsx(Ot,{component:"div",style:{margin:s.spacing(2)},children:c.map(u=>e.jsx(at,{nameWidth:200,valueComponent:"div",name:u.name,children:u.value},u.id))},"cer-info"),e.jsx(hn,{})]})]})}Lr.propTypes={certificate:f.object.isRequired};function Or({style:t={},certificate:r,...n}){const{t:i}=M(),[a,l]=h.useState(!1),o=r.matchedSites||[];return e.jsxs(L,{component:"ul",...n,style:{...t,listStyle:"none"},children:[(a?o:o.slice(0,4)).map(s=>e.jsx(L,{component:"li",style:{fontSize:"1.1rem",margin:"4px 0"},children:s.domain},s.id)),o.length>4&&e.jsx(Z,{style:{border:"none",padding:"5px 0"},variant:"outlined",color:"primary",className:"button",onClick:()=>{l(!a)},children:i(a?"common.collapseAll":"common.expandAll")})]})}Or.propTypes={certificate:f.object.isRequired,style:f.object};const ga=t=>{if(!t)return!1;const r=+new Date;return t-r<=0},qn="ssl-certificates-table";f.number;function Et({name:t,value:r,style:n={},icon:i,...a}){return e.jsxs(ha,{style:{display:"flex",alignItems:"center",...n},...a,children:[e.jsxs("span",{children:[t,":"]}),e.jsx("span",{children:r}),i&&i]})}const ha=re.div`
   & > span {
     margin: 5px;
   }
-`;function Fr({status:t="",source:r="",expiresTime:n}){const{t:i}=M();return ga(n)?e.jsx(Ke,{type:"error",children:i("router.cert.expired")}):r==="upload"?e.jsx(Ke,{type:"success",children:i("common.normal")}):t==="error"?e.jsx(Ke,{type:"error",children:i("common.error")}):t==="generated"?e.jsx(Ke,{type:"success",children:i("common.normal")}):""}Fr.propTypes={status:f.string,source:f.string,expiresTime:f.number.isRequired};const xa=(t,r)=>{if(!r)return t;const n=(r.site.domainAliases||[]).map(i=>i.value);return t.filter(i=>fi(n,i.matchedSites))};function ya(){const{t,locale:r}=h.useContext(mt),{api:n}=Q(),a=mi().get("did"),l=$e(async()=>{const{certificates:c}=await n.getCertificates();let u=null;if(a){const{blocklet:b}=await n.getBlocklet({input:{did:a,attachRuntimeInfo:!0}});u=b}return{certificates:xa(c,u)}}),o=()=>{l.retry()},s=l.value?.certificates,d=[{label:t("common.certificate"),name:"",verticalKeyAlign:"center",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsxs(e.Fragment,{children:[u.name&&e.jsx(Et,{nowrap:!0,style:{fontSize:"16px",whiteSpace:"nowrap"},name:t("common.name"),value:u.name}),e.jsx(Et,{style:{fontSize:"16px",whiteSpace:"nowrap"},name:t("common.issuer"),value:ne(u,"meta.issuer.commonName","")}),e.jsx(Et,{style:{fontSize:"16px",whiteSpace:"nowrap"},icon:e.jsx(fe,{title:u.isProtected?t("router.cert.protectedCertHelperText"):t("router.cert.unprotectedCertHelperText"),children:e.jsx(Ae,{style:{fontSize:"18px"},color:"secondary"})}),name:t("common.protected"),value:u.isProtected?t("common.yes"):t("common.no")})]})}}},{label:t("router.cert.boundDomains"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsx(L,{noWrap:!0,component:"ul",style:{listStyle:"none"},children:[...new Set([...ne(u,"meta.sans")||[],u.domain])].map(j=>e.jsx(L,{component:"li",title:j,style:{fontSize:"1.1rem",minWidth:200,whiteSpace:"initial",wordBreak:"break-all"},children:j},j))})}}},{label:t("router.cert.source"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return t(`router.cert.sourceTypes.${u.source}`)}}},{label:t("common.status"),name:"",width:100,options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsx(Fr,{status:u.status,source:u.source,expiresTime:ne(u,"meta.validTo")})}}},{label:t("common.expires"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsx(it,{value:ne(u,"meta.validTo"),locale:r})}}},{label:t("router.cert.matchedSites"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsx(Or,{id:u.id,certificate:u,style:{minWidth:200,whiteSpace:"initial",wordBreak:"break-all"}})}}},{label:t("router.cert.action"),name:"",align:"center",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsx(ie,{permission:"mutate_router",children:e.jsxs(e.Fragment,{children:[!u.isProtected&&e.jsxs(e.Fragment,{children:[u.source==="upload"&&e.jsx("div",{children:e.jsx(Wn,{mode:"update",certificate:u,onRefresh:o})}),e.jsx("div",{children:e.jsx(pa,{id:u.id,domain:u.domain,onDelete:o})})]}),e.jsx("div",{children:e.jsx(Lr,{id:u.id,certificate:u})})]})})}}}];if(l.error)return e.jsx(be,{severity:"error",children:pe(l.error)});if(l.loading)return e.jsx(K,{});const m=wi(qn);return e.jsx(ba,{children:e.jsx(or,{title:e.jsx(ie,{permission:"mutate_router",children:e.jsx(Wn,{mode:"add",onRefresh:o,variant:"contained"})}),locale:r,data:l.value.certificates,columns:d,verticalKeyWidth:100,durable:qn,options:{search:!1,download:!1,filter:!1,print:!1,...m}})})}const ba=re.div`
+`;function Fr({status:t="",source:r="",expiresTime:n}){const{t:i}=M();return ga(n)?e.jsx(Ke,{type:"error",children:i("router.cert.expired")}):r==="upload"?e.jsx(Ke,{type:"success",children:i("common.normal")}):t==="error"?e.jsx(Ke,{type:"error",children:i("common.error")}):t==="generated"?e.jsx(Ke,{type:"success",children:i("common.normal")}):""}Fr.propTypes={status:f.string,source:f.string,expiresTime:f.number.isRequired};const xa=(t,r)=>{if(!r)return t;const n=(r.site.domainAliases||[]).map(i=>i.value);return t.filter(i=>fi(n,i.matchedSites))};function ya(){const{t,locale:r}=h.useContext(mt),{api:n}=Q(),a=mi().get("did"),l=$e(async()=>{const{certificates:c}=await n.getCertificates();let u=null;if(a){const{blocklet:b}=await n.getBlocklet({input:{did:a,attachRuntimeInfo:!0}});u=b}return{certificates:xa(c,u)}}),o=()=>{l.retry()},s=l.value?.certificates,d=[{label:t("common.certificate"),name:"",verticalKeyAlign:"center",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsxs(e.Fragment,{children:[u.name&&e.jsx(Et,{nowrap:!0,style:{fontSize:"16px",whiteSpace:"nowrap"},name:t("common.name"),value:u.name}),e.jsx(Et,{style:{fontSize:"16px",whiteSpace:"nowrap"},name:t("common.issuer"),value:ne(u,"meta.issuer.commonName","")}),e.jsx(Et,{style:{fontSize:"16px",whiteSpace:"nowrap"},icon:e.jsx(fe,{title:u.isProtected?t("router.cert.protectedCertHelperText"):t("router.cert.unprotectedCertHelperText"),children:e.jsx(_e,{style:{fontSize:"18px"},color:"secondary"})}),name:t("common.protected"),value:u.isProtected?t("common.yes"):t("common.no")})]})}}},{label:t("router.cert.boundDomains"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsx(L,{noWrap:!0,component:"ul",style:{listStyle:"none"},children:[...new Set([...ne(u,"meta.sans")||[],u.domain])].map(j=>e.jsx(L,{component:"li",title:j,style:{fontSize:"1.1rem",minWidth:200,whiteSpace:"initial",wordBreak:"break-all"},children:j},j))})}}},{label:t("router.cert.source"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return t(`router.cert.sourceTypes.${u.source}`)}}},{label:t("common.status"),name:"",width:100,options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsx(Fr,{status:u.status,source:u.source,expiresTime:ne(u,"meta.validTo")})}}},{label:t("common.expires"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsx(it,{value:ne(u,"meta.validTo"),locale:r})}}},{label:t("router.cert.matchedSites"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsx(Or,{id:u.id,certificate:u,style:{minWidth:200,whiteSpace:"initial",wordBreak:"break-all"}})}}},{label:t("router.cert.action"),name:"",align:"center",options:{sort:!1,filter:!1,customBodyRenderLite:c=>{const u=s[c];return e.jsx(ie,{permission:"mutate_router",children:e.jsxs(e.Fragment,{children:[!u.isProtected&&e.jsxs(e.Fragment,{children:[u.source==="upload"&&e.jsx("div",{children:e.jsx(Wn,{mode:"update",certificate:u,onRefresh:o})}),e.jsx("div",{children:e.jsx(pa,{id:u.id,domain:u.domain,onDelete:o})})]}),e.jsx("div",{children:e.jsx(Lr,{id:u.id,certificate:u})})]})})}}}];if(l.error)return e.jsx(be,{severity:"error",children:pe(l.error)});if(l.loading)return e.jsx(K,{});const m=wi(qn);return e.jsx(ba,{children:e.jsx(or,{title:e.jsx(ie,{permission:"mutate_router",children:e.jsx(Wn,{mode:"add",onRefresh:o,variant:"contained"})}),locale:r,data:l.value.certificates,columns:d,verticalKeyWidth:100,durable:qn,options:{search:!1,download:!1,filter:!1,print:!1,...m}})})}const ba=re.div`
   .header {
     display: flex;
     justify-content: flex-end;
@@ -296,7 +296,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
 (?:${i}:){1}(?:(?::${i}){0,4}:${n}|(?::${i}){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4
 (?::(?:(?::${i}){0,5}:${n}|(?::${i}){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4
 )(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1
-`.replace(/\s*\/\/.*$/gm,"").replace(/\n/g,"").trim(),l=new RegExp(`(?:^${n}$)|(?:^${a}$)`),o=new RegExp(`^${n}$`),s=new RegExp(`^${a}$`),d=m=>m&&m.exact?l:new RegExp(`(?:${r(m)}${n}${r(m)})|(?:${r(m)}${a}${r(m)})`,"g");return d.v4=m=>m&&m.exact?o:new RegExp(`${r(m)}${n}${r(m)}`,"g"),d.v6=m=>m&&m.exact?s:new RegExp(`${r(m)}${a}${r(m)}`,"g"),Pt=d,Pt}var _t,Gn;function va(){if(Gn)return _t;Gn=1;const t=Nr(),r=n=>t({exact:!0}).test(n);return r.v4=n=>t.v4({exact:!0}).test(n),r.v6=n=>t.v6({exact:!0}).test(n),r.version=n=>r(n)?r.v4(n)?4:6:void 0,_t=r,_t}var ja=va();const Ze=Yt(ja);var Pe={exports:{}},_e={exports:{}},Kn;function wa(){if(Kn)return _e.exports;Kn=1;const t=Nr(),r={exact:!1},n=`${t.v4().source}\\/(3[0-2]|[12]?[0-9])`,i=`${t.v6().source}\\/(12[0-8]|1[01][0-9]|[1-9]?[0-9])`,a=new RegExp(`^${n}$`),l=new RegExp(`^${i}$`),o=new RegExp(`(?:^${n}$)|(?:^${i}$)`);return _e.exports=({exact:s}=r)=>s?o:new RegExp(`(?:${n})|(?:${i})`,"g"),_e.exports.v4=({exact:s}=r)=>s?a:new RegExp(n,"g"),_e.exports.v6=({exact:s}=r)=>s?l:new RegExp(i,"g"),_e.exports}var Yn;function Ca(){if(Yn)return Pe.exports;Yn=1;const{v4:t,v6:r}=wa(),n=t({exact:!0}),i=r({exact:!0});return Pe.exports=a=>n.test(a)?4:i.test(a)?6:0,Pe.exports.v4=a=>n.test(a),Pe.exports.v6=a=>i.test(a),Pe.exports}var Sa=Ca();const Je=Yt(Sa);function xe(t){return e.jsx(_i,{...t,sx:gi(r=>({".MuiSlider-root":{color:r.palette.primary.main,height:8,marginLeft:8},".MuiSlider-thumb":{height:24,width:24,backgroundColor:"#fff",border:"2px solid currentColor","&:focus, &:hover, &$active":{boxShadow:"inherit"}},".MuiSlider-valueLabel":{left:"calc(-50% + 4px)"},".MuiSlider-track":{height:8,borderRadius:4},".MuiSlider-rail":{height:8,borderRadius:4}}),t.sx)})}function ka(){const{info:{routing:t},api:r}=Q(),{t:n,locale:i}=M(),[a,l]=h.useState(!1),o=t.requestLimit||{};typeof o.enabled!="boolean"&&(o.enabled=!1),typeof o.rate!="number"&&(o.rate=_.GATEWAY_RATE_LIMIT.min),typeof o.global!="number"&&(o.global=_.GATEWAY_RATE_LIMIT_GLOBAL.min),typeof o.burstFactor!="number"&&(o.burstFactor=2),typeof o.burstDelay!="number"&&(o.burstDelay=0),Array.isArray(o.methods)||(o.methods=_.GATEWAY_RATE_LIMIT_METHODS);const s=t.blockPolicy||{};typeof s.enabled!="boolean"&&(s.enabled=!1),s.blacklist||(s.blacklist=[]),s.autoBlocking?Array.isArray(s.autoBlocking.statusCodes)||(s.autoBlocking.statusCodes=s.autoBlocking.statusCodes?[s.autoBlocking.statusCodes]:[403]):s.autoBlocking={enabled:!1,windowSize:1,windowQuota:5,statusCodes:[403,429],blockDuration:3600};const d=t.proxyPolicy||{};typeof d.enabled!="boolean"&&(d.enabled=!1),typeof d.trustRecursive!="boolean"&&(d.trustRecursive=!1),d.trustedProxies||(d.trustedProxies=["0.0.0.0/0"]),d.realIpHeader||(d.realIpHeader="X-Forwarded-For");const m=t.wafPolicy||{};typeof m.enabled!="boolean"&&(m.enabled=!1),m.mode||(m.mode="DetectionOnly"),m.inboundAnomalyScoreThreshold||(m.inboundAnomalyScoreThreshold=20),m.outboundAnomalyScoreThreshold||(m.outboundAnomalyScoreThreshold=10),m.logLevel||(m.logLevel=0);const{handleSubmit:c,control:u,watch:j}=Vt({defaultValues:{requestLimit:o,blockPolicy:s,proxyPolicy:d,cacheEnabled:typeof t.cacheEnabled=="boolean"?t.cacheEnabled:!0,wafPolicy:m}}),b=j("requestLimit.enabled"),x=j("requestLimit.rate"),S=j("requestLimit.global"),y=j("requestLimit.burstFactor"),k=j("requestLimit.burstDelay"),D=j("blockPolicy.enabled"),T=j("blockPolicy.autoBlocking.enabled"),w=j("proxyPolicy.enabled"),R=j("proxyPolicy.trustRecursive"),E=j("wafPolicy.enabled"),P=async g=>{try{l(!0);const{blacklist:p}=g.blockPolicy;p.forEach(C=>{if(!Ze.v4(C)&&!Je.v4(C)&&!nr(C)&&!Ze.v6(C)&&!Je.v6(C))throw new Error(n("router.gateway.blockPolicy.invalidItem"))});const{trustedProxies:v}=g.proxyPolicy;v.forEach(C=>{if(!Ze.v4(C)&&!Je.v4(C)&&!Ze.v6(C)&&!Je.v6(C))throw new Error(n("router.gateway.proxyPolicy.invalidItem"))}),await r.updateGateway({input:g}),await Xn(1e3),te.success(n("common.saveSuccess"))}catch(p){te.error(pe(p))}finally{l(!1)}};return e.jsx(Da,{children:e.jsx(ie,{permission:"mutate_node",children:g=>e.jsxs(Qt,{className:"form",noValidate:!0,autoComplete:"off",onSubmit:c(P),children:[e.jsxs(me,{className:"gateway-section",direction:{sm:"column",md:"row"},spacing:2,children:[e.jsx(L,{className:"gateway-section-title",children:n("router.gateway.cacheEnabled.title")}),e.jsx(B,{name:"cacheEnabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.cacheEnabled.switchLabel")}),labelPlacement:"end"}})})]}),e.jsxs(me,{className:"gateway-section",direction:{sm:"column",md:"row"},spacing:2,children:[e.jsx(L,{className:"gateway-section-title",children:n("router.gateway.reqLimit.title")}),e.jsxs(me,{className:"gateway-section-content",direction:"column",spacing:2,sx:{width:"100%"},children:[e.jsx(B,{name:"requestLimit.enabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.reqLimit.switchLabel")}),labelPlacement:"end"}})}),b&&e.jsxs(e.Fragment,{children:[e.jsxs(W,{children:[e.jsx(ee,{id:"request-limit-global-desc",children:n("router.gateway.reqLimit.global",{global:S})}),e.jsx(B,{name:"requestLimit.global",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:10,min:_.GATEWAY_RATE_LIMIT_GLOBAL.min,max:_.GATEWAY_RATE_LIMIT_GLOBAL.max})})]}),e.jsxs(W,{className:"form-item",sx:{width:"100%"},children:[e.jsx(ee,{id:"request-limit-burst-factor-desc",children:n("router.gateway.reqLimit.burstFactor",{rate:Math.round(x*y),global:Math.round(S*y)})}),e.jsx(B,{name:"requestLimit.burstFactor",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:.1,min:_.GATEWAY_RATE_LIMIT_BURST_FACTOR.min,max:_.GATEWAY_RATE_LIMIT_BURST_FACTOR.max})})]}),e.jsxs(W,{className:"form-item",sx:{width:"100%"},children:[e.jsx(ee,{id:"request-limit-burst-delay-desc",children:n("router.gateway.reqLimit.burstDelay",{delay:k})}),e.jsx(B,{name:"requestLimit.burstDelay",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:1,min:0,max:60})})]}),e.jsxs(W,{className:"form-item",sx:{width:"100%"},children:[e.jsx(ee,{id:"request-limit-rate-desc",children:n("router.gateway.reqLimit.rate",{rate:x})}),e.jsx(B,{name:"requestLimit.rate",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:1,min:_.GATEWAY_RATE_LIMIT.min,max:_.GATEWAY_RATE_LIMIT.max})})]}),e.jsxs(W,{className:"form-item",sx:{width:"100%"},children:[e.jsx(ee,{id:"request-limit-methods-desc",children:n("router.gateway.reqLimit.methods")}),e.jsx(B,{name:"requestLimit.methods",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(pi,{row:!0,children:_.GATEWAY_RATE_LIMIT_METHODS.map(C=>e.jsx(Oe,{control:e.jsx(er,{disabled:!g,checked:p.includes(C),onChange:F=>{F.target.checked?v([...p,C]):v(p.filter($=>$!==C))}}),label:C},C))})})]})]})]})]}),e.jsxs(me,{className:"gateway-section",direction:{sm:"column",md:"row"},spacing:2,children:[e.jsx(L,{className:"gateway-section-title",children:n("router.gateway.blockPolicy.title")}),e.jsxs(me,{className:"gateway-section-content",direction:"column",spacing:2,sx:{width:"100%"},children:[e.jsx(B,{name:"blockPolicy.enabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.blockPolicy.switchLabel")}),labelPlacement:"end"}})}),D&&e.jsxs(e.Fragment,{children:[e.jsx(B,{name:"blockPolicy.blacklist",control:u,render:({field:{value:p,onChange:v}})=>{const C=()=>{v([...p||[],""])},F=O=>{const A=[...p];A.splice(O,1),v(A)},$=(O,A)=>{const X=[...p];X[O]=A,v(X)};return e.jsxs("div",{style:{width:"100%"},children:[e.jsx(ee,{children:n("router.gateway.blockPolicy.blacklistDesc")}),(p||[]).map((O,A)=>e.jsx("div",{style:{display:"flex",gap:"8px",marginBottom:"8px"},children:e.jsx(H,{variant:"outlined",size:"small",disabled:a||!g,style:{flex:1},value:O,onChange:X=>$(A,X.target.value),placeholder:n("router.gateway.blockPolicy.inputPlaceholder"),slotProps:{input:{endAdornment:e.jsx(It,{disabled:a||!g,onClick:()=>F(A),size:"small",color:"error",children:e.jsx(ve,{})})}}})},`blacklist-item-${A}`)),e.jsx(Z,{disabled:a||!g,onClick:C,color:"primary",size:"small",variant:"outlined",startIcon:e.jsx(Fe,{}),children:n("router.gateway.blockPolicy.addItem")})]})}}),e.jsx(B,{name:"blockPolicy.autoBlocking.enabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.blockPolicy.autoBlocking.switchLabel")}),labelPlacement:"end"}})}),T&&e.jsxs(e.Fragment,{children:[e.jsx(B,{name:"blockPolicy.autoBlocking.statusCodes",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsx(ee,{id:"block-policy-auto-blocking-status-codes-desc",children:n("router.gateway.blockPolicy.autoBlocking.statusCodes")}),e.jsxs(xn,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,multiple:!0,value:p,onChange:v,children:[e.jsx(V,{value:400,children:"400 Bad Request"}),e.jsx(V,{value:401,children:"401 Unauthorized"}),e.jsx(V,{value:403,children:"403 Forbidden (WAF)"}),e.jsx(V,{value:404,children:"404 Not Found"}),e.jsx(V,{value:429,children:"429 Too Many Requests"}),e.jsx(V,{value:405,children:"405 Method Not Allowed"})]})]})}),e.jsx(B,{name:"blockPolicy.autoBlocking.windowSize",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsx(ee,{id:"block-policy-auto-blocking-window-size-desc",children:n("router.gateway.blockPolicy.autoBlocking.windowSize")}),e.jsx(H,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,value:p,onChange:v,slotProps:{input:{endAdornment:e.jsxs(L,{variant:"body2",children:[yn(Number(p*1e3),{locale:bn(i),long:!0})," "]})}}})]})}),e.jsx(B,{name:"blockPolicy.autoBlocking.windowQuota",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsx(ee,{id:"block-policy-auto-blocking-window-quota-desc",children:n("router.gateway.blockPolicy.autoBlocking.windowQuota")}),e.jsx(H,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,value:p,onChange:v})]})}),e.jsx(B,{name:"blockPolicy.autoBlocking.blockDuration",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsx(ee,{id:"block-policy-auto-blocking-block-duration-desc",children:n("router.gateway.blockPolicy.autoBlocking.blockDuration")}),e.jsx(H,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,value:p,onChange:v,slotProps:{input:{endAdornment:e.jsx(L,{variant:"body2",children:yn(Number(p*1e3),{locale:bn(i),long:!0})})}}})]})})]})]})]})]}),e.jsxs(me,{className:"gateway-section",direction:{sm:"column",md:"row"},spacing:2,children:[e.jsx(L,{className:"gateway-section-title",children:n("router.gateway.proxyPolicy.title")}),e.jsxs(me,{className:"gateway-section-content",direction:"column",spacing:2,sx:{width:"100%"},children:[e.jsx(B,{name:"proxyPolicy.enabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.proxyPolicy.switchLabel")}),labelPlacement:"end"}})}),w&&e.jsxs(e.Fragment,{children:[e.jsx(B,{name:"proxyPolicy.realIpHeader",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsx(ee,{id:"proxy-policy-real-ip-header-desc",children:n("router.gateway.proxyPolicy.realIpHeaderDesc")}),e.jsx(H,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,value:p,onChange:v})]})}),e.jsx(B,{name:"proxyPolicy.trustRecursive",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{sx:{mt:2},children:[e.jsx(ee,{id:"proxy-policy-real-ip-header-desc",children:n("router.gateway.proxyPolicy.trustRecursiveDesc")}),e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.proxyPolicy.trustRecursive")}),labelPlacement:"end"}})]})}),R&&e.jsx(B,{name:"proxyPolicy.trustedProxies",control:u,render:({field:{value:p,onChange:v}})=>{const C=()=>{v([...p||[],""])},F=O=>{const A=[...p];A.splice(O,1),v(A)},$=(O,A)=>{const X=[...p];X[O]=A,v(X)};return e.jsxs(W,{sx:{width:"100%",mt:2},children:[e.jsx(ee,{children:n("router.gateway.proxyPolicy.trustedProxiesDesc")}),(p||[]).map((O,A)=>e.jsx("div",{style:{display:"flex",gap:"8px",marginBottom:"8px"},children:e.jsx(H,{variant:"outlined",size:"small",disabled:a||!g,style:{flex:1},value:O,onChange:X=>$(A,X.target.value),placeholder:n("router.gateway.proxyPolicy.inputPlaceholder"),slotProps:{input:{endAdornment:e.jsx(It,{disabled:a||!g,onClick:()=>F(A),size:"small",color:"error",children:e.jsx(ve,{})})}}})},`trusted-proxy-item-${A}`)),e.jsx(Z,{disabled:a||!g,onClick:C,color:"primary",size:"small",variant:"outlined",startIcon:e.jsx(Fe,{}),children:n("router.gateway.proxyPolicy.addItem")})]})}})]})]})]}),e.jsxs(me,{className:"gateway-section",direction:{sm:"column",md:"row"},spacing:2,children:[e.jsx(L,{className:"gateway-section-title",children:n("router.gateway.wafPolicy.title")}),e.jsxs(me,{className:"gateway-section-content",direction:"column",spacing:2,sx:{width:"100%"},children:[e.jsx(B,{name:"wafPolicy.enabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.wafPolicy.switchLabel")}),labelPlacement:"end"}})}),E&&e.jsxs(e.Fragment,{children:[e.jsx(B,{name:"wafPolicy.mode",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsxs(ee,{id:"waf-policy-mode-desc",children:[n("router.gateway.wafPolicy.modeDesc")," ",e.jsx(Kt,{href:`https://www.arcblock.io/docs/blocklet-developer/${i}/enable-web-application-firewall`,target:"_blank",children:n("router.gateway.wafPolicy.docDesc")})]}),e.jsxs(xn,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,value:p,onChange:v,children:[e.jsx(V,{value:"DetectionOnly",children:n("router.gateway.wafPolicy.mode.detectOnly")}),e.jsx(V,{value:"On",children:n("router.gateway.wafPolicy.mode.on")})]})]})}),e.jsxs(W,{children:[e.jsx(ee,{id:"waf-policy-inbound-anomaly-score-threshold-desc",children:n("router.gateway.wafPolicy.inboundAnomalyScoreThresholdDesc")}),e.jsx(B,{name:"wafPolicy.inboundAnomalyScoreThreshold",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:1,min:1,max:100})})]}),e.jsxs(W,{children:[e.jsx(ee,{id:"waf-policy-outbound-anomaly-score-threshold-desc",children:n("router.gateway.wafPolicy.outboundAnomalyScoreThresholdDesc")}),e.jsx(B,{name:"wafPolicy.outboundAnomalyScoreThreshold",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:1,min:1,max:100})})]}),e.jsxs(W,{children:[e.jsx(ee,{id:"waf-policy-log-level-desc",children:n("router.gateway.wafPolicy.logLevelDesc")}),e.jsx(B,{name:"wafPolicy.logLevel",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:1,min:0,max:9})})]})]})]})]}),e.jsx("div",{className:"form-actions",children:g&&e.jsxs(Z,{disabled:a,onClick:c(P),color:"primary",variant:"contained","data-cy":"submit-btn",className:"form-submit",children:[n("common.save")," ",a&&e.jsx(K,{size:16})]})})]})})})}const Da=re.div`
+`.replace(/\s*\/\/.*$/gm,"").replace(/\n/g,"").trim(),l=new RegExp(`(?:^${n}$)|(?:^${a}$)`),o=new RegExp(`^${n}$`),s=new RegExp(`^${a}$`),d=m=>m&&m.exact?l:new RegExp(`(?:${r(m)}${n}${r(m)})|(?:${r(m)}${a}${r(m)})`,"g");return d.v4=m=>m&&m.exact?o:new RegExp(`${r(m)}${n}${r(m)}`,"g"),d.v6=m=>m&&m.exact?s:new RegExp(`${r(m)}${a}${r(m)}`,"g"),Pt=d,Pt}var At,Gn;function va(){if(Gn)return At;Gn=1;const t=Nr(),r=n=>t({exact:!0}).test(n);return r.v4=n=>t.v4({exact:!0}).test(n),r.v6=n=>t.v6({exact:!0}).test(n),r.version=n=>r(n)?r.v4(n)?4:6:void 0,At=r,At}var ja=va();const Ze=Yt(ja);var Pe={exports:{}},Ae={exports:{}},Kn;function wa(){if(Kn)return Ae.exports;Kn=1;const t=Nr(),r={exact:!1},n=`${t.v4().source}\\/(3[0-2]|[12]?[0-9])`,i=`${t.v6().source}\\/(12[0-8]|1[01][0-9]|[1-9]?[0-9])`,a=new RegExp(`^${n}$`),l=new RegExp(`^${i}$`),o=new RegExp(`(?:^${n}$)|(?:^${i}$)`);return Ae.exports=({exact:s}=r)=>s?o:new RegExp(`(?:${n})|(?:${i})`,"g"),Ae.exports.v4=({exact:s}=r)=>s?a:new RegExp(n,"g"),Ae.exports.v6=({exact:s}=r)=>s?l:new RegExp(i,"g"),Ae.exports}var Yn;function Ca(){if(Yn)return Pe.exports;Yn=1;const{v4:t,v6:r}=wa(),n=t({exact:!0}),i=r({exact:!0});return Pe.exports=a=>n.test(a)?4:i.test(a)?6:0,Pe.exports.v4=a=>n.test(a),Pe.exports.v6=a=>i.test(a),Pe.exports}var Sa=Ca();const Je=Yt(Sa);function xe(t){return e.jsx(Ai,{...t,sx:gi(r=>({".MuiSlider-root":{color:r.palette.primary.main,height:8,marginLeft:8},".MuiSlider-thumb":{height:24,width:24,backgroundColor:"#fff",border:"2px solid currentColor","&:focus, &:hover, &$active":{boxShadow:"inherit"}},".MuiSlider-valueLabel":{left:"calc(-50% + 4px)"},".MuiSlider-track":{height:8,borderRadius:4},".MuiSlider-rail":{height:8,borderRadius:4}}),t.sx)})}function ka(){const{info:{routing:t},api:r}=Q(),{t:n,locale:i}=M(),[a,l]=h.useState(!1),o=t.requestLimit||{};typeof o.enabled!="boolean"&&(o.enabled=!1),typeof o.rate!="number"&&(o.rate=A.GATEWAY_RATE_LIMIT.min),typeof o.global!="number"&&(o.global=A.GATEWAY_RATE_LIMIT_GLOBAL.min),typeof o.burstFactor!="number"&&(o.burstFactor=2),typeof o.burstDelay!="number"&&(o.burstDelay=0),Array.isArray(o.methods)||(o.methods=A.GATEWAY_RATE_LIMIT_METHODS);const s=t.blockPolicy||{};typeof s.enabled!="boolean"&&(s.enabled=!1),s.blacklist||(s.blacklist=[]),s.autoBlocking?Array.isArray(s.autoBlocking.statusCodes)||(s.autoBlocking.statusCodes=s.autoBlocking.statusCodes?[s.autoBlocking.statusCodes]:[403]):s.autoBlocking={enabled:!1,windowSize:1,windowQuota:5,statusCodes:[403,429],blockDuration:3600};const d=t.proxyPolicy||{};typeof d.enabled!="boolean"&&(d.enabled=!1),typeof d.trustRecursive!="boolean"&&(d.trustRecursive=!1),d.trustedProxies||(d.trustedProxies=["0.0.0.0/0"]),d.realIpHeader||(d.realIpHeader="X-Forwarded-For");const m=t.wafPolicy||{};typeof m.enabled!="boolean"&&(m.enabled=!1),m.mode||(m.mode="DetectionOnly"),m.inboundAnomalyScoreThreshold||(m.inboundAnomalyScoreThreshold=20),m.outboundAnomalyScoreThreshold||(m.outboundAnomalyScoreThreshold=10),m.logLevel||(m.logLevel=0);const{handleSubmit:c,control:u,watch:j}=Vt({defaultValues:{requestLimit:o,blockPolicy:s,proxyPolicy:d,cacheEnabled:typeof t.cacheEnabled=="boolean"?t.cacheEnabled:!0,wafPolicy:m}}),b=j("requestLimit.enabled"),x=j("requestLimit.rate"),S=j("requestLimit.global"),y=j("requestLimit.burstFactor"),k=j("requestLimit.burstDelay"),D=j("blockPolicy.enabled"),T=j("blockPolicy.autoBlocking.enabled"),w=j("proxyPolicy.enabled"),R=j("proxyPolicy.trustRecursive"),E=j("wafPolicy.enabled"),P=async g=>{try{l(!0);const{blacklist:p}=g.blockPolicy;p.forEach(C=>{if(!Ze.v4(C)&&!Je.v4(C)&&!nr(C)&&!Ze.v6(C)&&!Je.v6(C))throw new Error(n("router.gateway.blockPolicy.invalidItem"))});const{trustedProxies:v}=g.proxyPolicy;v.forEach(C=>{if(!Ze.v4(C)&&!Je.v4(C)&&!Ze.v6(C)&&!Je.v6(C))throw new Error(n("router.gateway.proxyPolicy.invalidItem"))}),await r.updateGateway({input:g}),await Xn(1e3),te.success(n("common.saveSuccess"))}catch(p){te.error(pe(p))}finally{l(!1)}};return e.jsx(Da,{children:e.jsx(ie,{permission:"mutate_node",children:g=>e.jsxs(Qt,{className:"form",noValidate:!0,autoComplete:"off",onSubmit:c(P),children:[e.jsxs(me,{className:"gateway-section",direction:{sm:"column",md:"row"},spacing:2,children:[e.jsx(L,{className:"gateway-section-title",children:n("router.gateway.cacheEnabled.title")}),e.jsx(B,{name:"cacheEnabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.cacheEnabled.switchLabel")}),labelPlacement:"end"}})})]}),e.jsxs(me,{className:"gateway-section",direction:{sm:"column",md:"row"},spacing:2,children:[e.jsx(L,{className:"gateway-section-title",children:n("router.gateway.reqLimit.title")}),e.jsxs(me,{className:"gateway-section-content",direction:"column",spacing:2,sx:{width:"100%"},children:[e.jsx(B,{name:"requestLimit.enabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.reqLimit.switchLabel")}),labelPlacement:"end"}})}),b&&e.jsxs(e.Fragment,{children:[e.jsxs(W,{children:[e.jsx(ee,{id:"request-limit-global-desc",children:n("router.gateway.reqLimit.global",{global:S})}),e.jsx(B,{name:"requestLimit.global",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:10,min:A.GATEWAY_RATE_LIMIT_GLOBAL.min,max:A.GATEWAY_RATE_LIMIT_GLOBAL.max})})]}),e.jsxs(W,{className:"form-item",sx:{width:"100%"},children:[e.jsx(ee,{id:"request-limit-burst-factor-desc",children:n("router.gateway.reqLimit.burstFactor",{rate:Math.round(x*y),global:Math.round(S*y)})}),e.jsx(B,{name:"requestLimit.burstFactor",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:.1,min:A.GATEWAY_RATE_LIMIT_BURST_FACTOR.min,max:A.GATEWAY_RATE_LIMIT_BURST_FACTOR.max})})]}),e.jsxs(W,{className:"form-item",sx:{width:"100%"},children:[e.jsx(ee,{id:"request-limit-burst-delay-desc",children:n("router.gateway.reqLimit.burstDelay",{delay:k})}),e.jsx(B,{name:"requestLimit.burstDelay",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:1,min:0,max:60})})]}),e.jsxs(W,{className:"form-item",sx:{width:"100%"},children:[e.jsx(ee,{id:"request-limit-rate-desc",children:n("router.gateway.reqLimit.rate",{rate:x})}),e.jsx(B,{name:"requestLimit.rate",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:1,min:A.GATEWAY_RATE_LIMIT.min,max:A.GATEWAY_RATE_LIMIT.max})})]}),e.jsxs(W,{className:"form-item",sx:{width:"100%"},children:[e.jsx(ee,{id:"request-limit-methods-desc",children:n("router.gateway.reqLimit.methods")}),e.jsx(B,{name:"requestLimit.methods",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(pi,{row:!0,children:A.GATEWAY_RATE_LIMIT_METHODS.map(C=>e.jsx(Oe,{control:e.jsx(er,{disabled:!g,checked:p.includes(C),onChange:F=>{F.target.checked?v([...p,C]):v(p.filter($=>$!==C))}}),label:C},C))})})]})]})]})]}),e.jsxs(me,{className:"gateway-section",direction:{sm:"column",md:"row"},spacing:2,children:[e.jsx(L,{className:"gateway-section-title",children:n("router.gateway.blockPolicy.title")}),e.jsxs(me,{className:"gateway-section-content",direction:"column",spacing:2,sx:{width:"100%"},children:[e.jsx(B,{name:"blockPolicy.enabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.blockPolicy.switchLabel")}),labelPlacement:"end"}})}),D&&e.jsxs(e.Fragment,{children:[e.jsx(B,{name:"blockPolicy.blacklist",control:u,render:({field:{value:p,onChange:v}})=>{const C=()=>{v([...p||[],""])},F=O=>{const _=[...p];_.splice(O,1),v(_)},$=(O,_)=>{const X=[...p];X[O]=_,v(X)};return e.jsxs("div",{style:{width:"100%"},children:[e.jsx(ee,{children:n("router.gateway.blockPolicy.blacklistDesc")}),(p||[]).map((O,_)=>e.jsx("div",{style:{display:"flex",gap:"8px",marginBottom:"8px"},children:e.jsx(H,{variant:"outlined",size:"small",disabled:a||!g,style:{flex:1},value:O,onChange:X=>$(_,X.target.value),placeholder:n("router.gateway.blockPolicy.inputPlaceholder"),slotProps:{input:{endAdornment:e.jsx(It,{disabled:a||!g,onClick:()=>F(_),size:"small",color:"error",children:e.jsx(ve,{})})}}})},`blacklist-item-${_}`)),e.jsx(Z,{disabled:a||!g,onClick:C,color:"primary",size:"small",variant:"outlined",startIcon:e.jsx(Fe,{}),children:n("router.gateway.blockPolicy.addItem")})]})}}),e.jsx(B,{name:"blockPolicy.autoBlocking.enabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.blockPolicy.autoBlocking.switchLabel")}),labelPlacement:"end"}})}),T&&e.jsxs(e.Fragment,{children:[e.jsx(B,{name:"blockPolicy.autoBlocking.statusCodes",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsx(ee,{id:"block-policy-auto-blocking-status-codes-desc",children:n("router.gateway.blockPolicy.autoBlocking.statusCodes")}),e.jsxs(xn,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,multiple:!0,value:p,onChange:v,children:[e.jsx(V,{value:400,children:"400 Bad Request"}),e.jsx(V,{value:401,children:"401 Unauthorized"}),e.jsx(V,{value:403,children:"403 Forbidden (WAF)"}),e.jsx(V,{value:404,children:"404 Not Found"}),e.jsx(V,{value:429,children:"429 Too Many Requests"}),e.jsx(V,{value:405,children:"405 Method Not Allowed"})]})]})}),e.jsx(B,{name:"blockPolicy.autoBlocking.windowSize",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsx(ee,{id:"block-policy-auto-blocking-window-size-desc",children:n("router.gateway.blockPolicy.autoBlocking.windowSize")}),e.jsx(H,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,value:p,onChange:v,slotProps:{input:{endAdornment:e.jsxs(L,{variant:"body2",children:[yn(Number(p*1e3),{locale:bn(i),long:!0})," "]})}}})]})}),e.jsx(B,{name:"blockPolicy.autoBlocking.windowQuota",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsx(ee,{id:"block-policy-auto-blocking-window-quota-desc",children:n("router.gateway.blockPolicy.autoBlocking.windowQuota")}),e.jsx(H,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,value:p,onChange:v})]})}),e.jsx(B,{name:"blockPolicy.autoBlocking.blockDuration",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsx(ee,{id:"block-policy-auto-blocking-block-duration-desc",children:n("router.gateway.blockPolicy.autoBlocking.blockDuration")}),e.jsx(H,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,value:p,onChange:v,slotProps:{input:{endAdornment:e.jsx(L,{variant:"body2",children:yn(Number(p*1e3),{locale:bn(i),long:!0})})}}})]})})]})]})]})]}),e.jsxs(me,{className:"gateway-section",direction:{sm:"column",md:"row"},spacing:2,children:[e.jsx(L,{className:"gateway-section-title",children:n("router.gateway.proxyPolicy.title")}),e.jsxs(me,{className:"gateway-section-content",direction:"column",spacing:2,sx:{width:"100%"},children:[e.jsx(B,{name:"proxyPolicy.enabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.proxyPolicy.switchLabel")}),labelPlacement:"end"}})}),w&&e.jsxs(e.Fragment,{children:[e.jsx(B,{name:"proxyPolicy.realIpHeader",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsx(ee,{id:"proxy-policy-real-ip-header-desc",children:n("router.gateway.proxyPolicy.realIpHeaderDesc")}),e.jsx(H,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,value:p,onChange:v})]})}),e.jsx(B,{name:"proxyPolicy.trustRecursive",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{sx:{mt:2},children:[e.jsx(ee,{id:"proxy-policy-real-ip-header-desc",children:n("router.gateway.proxyPolicy.trustRecursiveDesc")}),e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.proxyPolicy.trustRecursive")}),labelPlacement:"end"}})]})}),R&&e.jsx(B,{name:"proxyPolicy.trustedProxies",control:u,render:({field:{value:p,onChange:v}})=>{const C=()=>{v([...p||[],""])},F=O=>{const _=[...p];_.splice(O,1),v(_)},$=(O,_)=>{const X=[...p];X[O]=_,v(X)};return e.jsxs(W,{sx:{width:"100%",mt:2},children:[e.jsx(ee,{children:n("router.gateway.proxyPolicy.trustedProxiesDesc")}),(p||[]).map((O,_)=>e.jsx("div",{style:{display:"flex",gap:"8px",marginBottom:"8px"},children:e.jsx(H,{variant:"outlined",size:"small",disabled:a||!g,style:{flex:1},value:O,onChange:X=>$(_,X.target.value),placeholder:n("router.gateway.proxyPolicy.inputPlaceholder"),slotProps:{input:{endAdornment:e.jsx(It,{disabled:a||!g,onClick:()=>F(_),size:"small",color:"error",children:e.jsx(ve,{})})}}})},`trusted-proxy-item-${_}`)),e.jsx(Z,{disabled:a||!g,onClick:C,color:"primary",size:"small",variant:"outlined",startIcon:e.jsx(Fe,{}),children:n("router.gateway.proxyPolicy.addItem")})]})}})]})]})]}),e.jsxs(me,{className:"gateway-section",direction:{sm:"column",md:"row"},spacing:2,children:[e.jsx(L,{className:"gateway-section-title",children:n("router.gateway.wafPolicy.title")}),e.jsxs(me,{className:"gateway-section-content",direction:"column",spacing:2,sx:{width:"100%"},children:[e.jsx(B,{name:"wafPolicy.enabled",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(se,{checked:p,disabled:!g,onChange:C=>v(C.target.checked),labelProps:{label:e.jsx(L,{children:n("router.gateway.wafPolicy.switchLabel")}),labelPlacement:"end"}})}),E&&e.jsxs(e.Fragment,{children:[e.jsx(B,{name:"wafPolicy.mode",control:u,render:({field:{value:p,onChange:v}})=>e.jsxs(W,{children:[e.jsxs(ee,{id:"waf-policy-mode-desc",children:[n("router.gateway.wafPolicy.modeDesc")," ",e.jsx(Kt,{href:`https://www.arcblock.io/docs/blocklet-developer/${i}/enable-web-application-firewall`,target:"_blank",children:n("router.gateway.wafPolicy.docDesc")})]}),e.jsxs(xn,{variant:"outlined",fullWidth:!0,size:"small",disabled:a||!g,value:p,onChange:v,children:[e.jsx(V,{value:"DetectionOnly",children:n("router.gateway.wafPolicy.mode.detectOnly")}),e.jsx(V,{value:"On",children:n("router.gateway.wafPolicy.mode.on")})]})]})}),e.jsxs(W,{children:[e.jsx(ee,{id:"waf-policy-inbound-anomaly-score-threshold-desc",children:n("router.gateway.wafPolicy.inboundAnomalyScoreThresholdDesc")}),e.jsx(B,{name:"wafPolicy.inboundAnomalyScoreThreshold",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:1,min:1,max:100})})]}),e.jsxs(W,{children:[e.jsx(ee,{id:"waf-policy-outbound-anomaly-score-threshold-desc",children:n("router.gateway.wafPolicy.outboundAnomalyScoreThresholdDesc")}),e.jsx(B,{name:"wafPolicy.outboundAnomalyScoreThreshold",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:1,min:1,max:100})})]}),e.jsxs(W,{children:[e.jsx(ee,{id:"waf-policy-log-level-desc",children:n("router.gateway.wafPolicy.logLevelDesc")}),e.jsx(B,{name:"wafPolicy.logLevel",control:u,render:({field:{value:p,onChange:v}})=>e.jsx(xe,{disabled:!g,onChange:(C,F)=>v(F),defaultValue:p,valueLabelDisplay:"auto",step:1,min:0,max:9})})]})]})]})]}),e.jsx("div",{className:"form-actions",children:g&&e.jsxs(Z,{disabled:a,onClick:c(P),color:"primary",variant:"contained","data-cy":"submit-btn",className:"form-submit",children:[n("common.save")," ",a&&e.jsx(K,{size:16})]})})]})})})}const Da=re.div`
   display: flex;
   align-items: flex-start;
   width: 100%;