@abtnode/blocklet-services 1.16.39-beta-20250218-132815-6baaf20e → 1.16.39-beta-20250220-212222-627e9ea7

package/dist/assets/index-BelkkFch.js

@@ -0,0 +1,228 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-BtWvJbA-.js","assets/vendor-arcblock-CLdpcBR_.js","assets/vendor-react-D-afvo_7.js","assets/vendor-utils-5TjOM6td.js","assets/vendor-mui-core-DrGFkjqr.js","assets/vendor-hooks-ZnvK17j8.js","assets/vendor-arcblock-DhgPdlEj.css","assets/index-C2fPoxDR.js","assets/index-dZzRZ2ZY.js","assets/index-DoZ2YM4T.js","assets/index-AgKpYdvC.css"])))=>i.map(i=>d[i]);
+import{r as w,k as St,l as st,L as ce,f as Qn,h as Yn,i as dt}from"./vendor-react-D-afvo_7.js";import{a1 as he,j as t,t as Be,a3 as u,aM as Vo,E as d,a4 as de,I as oe,T as z,bU as Wo,D as rt,aa as ae,aE as Zn,bL as Xe,ad as Uo,aN as Je,bq as xt,x as Z,a2 as Ze,P as Fo,G as Ho,v as It,$ as Go,ar as Xo,al as ue,ah as Kn,ab as Jo,r as Qo,bK as es,K as Ve,y as Yo,M as Y,ac as ke,aL as ts,L as os,z as ns,bn as ss,aA as Zo,az as Ke,bt as rs,bu as ls,bV as is,bW as cs,aP as Ko,bH as as,bN as ds,bx as us,by as ut}from"./vendor-mui-core-DrGFkjqr.js";import{z as me,C as _e,h as re,a6 as ps,f as fo,_ as en,ae as ho}from"./index-dZzRZ2ZY.js";import{a0 as be,b as X,e as Q,a3 as Ae,ac as tn,aV as on,aa as nn,_ as fs,aW as Dt,j as U,n as hs,aX as ms,aY as bs,z as xs,aD as ne,aZ as gs,ap as js,aN as Ie,a7 as Tt,a_ as ye,ai as ks,an as ys}from"./vendor-arcblock-CLdpcBR_.js";import{d as _t}from"./Add-qzAc2S9X.js";import{d as vs}from"./Error-DtmzeQ7l.js";import{C as Pt}from"./confirm-HOW8FaxK.js";import{u as lt}from"./session-CldqrK3N.js";import{W as mo}from"./did-address-5heyoc8D.js";import{E as We,D as bo,C as xo,P as go}from"./react-beautiful-dnd.esm-Bj96SiFV.js";import{B as Lt}from"./bundle-avatar-BHE5y99P.js";import{S as pe}from"./shorten-label-la5sIm_0.js";import{T as ws,x as ie,G as qt,C as sn}from"./vendor-utils-5TjOM6td.js";import{d as Cs}from"./Download-DR7jogQn.js";import{C as rn}from"./click-to-copy-Do3l3xtT.js";import{d as Rs}from"./QuestionMarkCircle-D5Im4T0u.js";import{u as Ss}from"./vendor-hooks-ZnvK17j8.js";import{_ as Se}from"./useSetState-Crt4S51m.js";import{c as $t}from"./index-DoZ2YM4T.js";import{E as Nt}from"./index-CF4Aobpk.js";import{p as et}from"./index-CfM3rPHl.js";import"./api-K65cLqol.js";import{d as Is}from"./ChevronRight-C0FYeIUm.js";import{T as Ds,a as Ts}from"./vendor-mui-x-vjsTA-wt.js";import{d as jo}from"./DeleteOutline-DJPUGW0c.js";import{c as _s,A as ln,u as Ps,S as Ls,U as qs,a as pt,b as cn,n as $s,e as Ns,f as ko,g as As,h as Es}from"./item-Bl6VQtAH.js";import{d as Ms}from"./ArrowDropDown-CH-FgtE-.js";import{f as De}from"./format-error-C0Ke3VXF.js";import{d as zs}from"./Launch-CmFwRERO.js";import{M as Os}from"./index-DcvnbXW2.js";import{r as Bs}from"./index-DIP3om2u.js";import{d as Vs}from"./Done-BBJndopl.js";import"./raf-schd.esm-Cxhj8umC.js";import"./delete-confirm-CsLJksmh.js";import"./get-safe-url-BRR4RLgg.js";var At={},Ws=he;Object.defineProperty(At,"__esModule",{value:!0});var an=At.default=void 0,Us=Ws(be()),Fs=t;an=At.default=(0,Us.default)((0,Fs.jsx)("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"}),"AddBox");var Et={},Hs=he;Object.defineProperty(Et,"__esModule",{value:!0});var dn=Et.default=void 0,Gs=Hs(be()),Xs=t;dn=Et.default=(0,Gs.default)((0,Xs.jsx)("path",{d:"M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H15v-8h5V8zm-1 7V3.5L18.5 9zm4 12.66V16h5.66v2h-2.24l2.95 2.95-1.41 1.41L19 19.41v2.24h-2z"}),"FileOpen");var Mt={},Js=he;Object.defineProperty(Mt,"__esModule",{value:!0});var un=Mt.default=void 0,Qs=Js(be()),Ys=t;un=Mt.default=(0,Qs.default)((0,Ys.jsx)("path",{d:"M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"}),"HelpOutlineOutlined");function zt({did:e,projectId:o,title:n,logo:r,describe:s}){const l=`${`${X.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${e}/${o}/logo/upload`}/${r}`,[a,c]=w.useState(!1),f=Be(h=>h.breakpoints.down("md"));return t.jsxs(u,{sx:{display:"flex",flexDirection:"row",color:a?"primary.main":"grey.900",gap:1},onPointerEnter:()=>c(!0),onPointerLeave:()=>c(!1),children:[t.jsx(Vo,{sx:{borderRadius:1},src:l}),t.jsxs(u,{children:[t.jsx(pe,{hiddenTip:!0,maxLength:"24",sx:{fontSize:"14px",fontWeight:"500",color:f?"primary.main":""},children:n||"/"}),t.jsx(pe,{hiddenTip:!0,maxLength:"58",sx:{fontSize:"12px",color:f||a?"primary.main":"grey.700"},children:s||"/"})]})]})}zt.propTypes={projectId:d.string.isRequired,did:d.string.isRequired,title:d.string.isRequired,logo:d.string.isRequired,describe:d.string.isRequired};function Ot({initUrl:e}){const o=St(),n=(e==null?void 0:e.searchParams.get("tenantScope"))||"",{t:r,locale:s}=Q(),{api:i}=me(),{api:l}=lt(),[a,c]=w.useState(!0),{blocklet:f}=_e(),[h,j]=w.useState(null),[x,p]=w.useState(!1),k=Be(m=>m.breakpoints.down("xl")),{componentDid:v=""}=st(),[I,g]=w.useState(null),b=()=>{i.getProjects({input:{did:f.meta.did,componentDid:v,tenantScope:n}}).then(m=>{const y=(m==null?void 0:m.projects)||[];c(!1),g(y)}).catch(m=>{c(!1),U.error(m.message)})},C=()=>{o(`${X.UNOWNED_DID}/create/none`,{replace:!0})},_=m=>{j(m)},T=()=>{c(!1),p(!0)},D=()=>{p(!1),j(null)},$=m=>{U.error(m.message),p(!1),j(null)},R=m=>{if(!(m!=null&&m.deleted)){U.error("Delete project failed");return}b(),p(!1),j(null)},N=(m,y,L)=>{let O=m==null?void 0:m.trim();return O?(O=hs.toAddress(O).toLocaleLowerCase(),L.some((B,S)=>{const P=y[S];return P&&B.searchable&&B.display!=="excluded"&&B.display!=="false"&&P.toLocaleLowerCase().includes(O)})):!0};if(w.useEffect(()=>{b()},[]),!I&&a)return t.jsx(u,{sx:{display:"flex",justifyContent:"center",alignItems:"center",marginTop:"40px"},children:t.jsx(We,{})});if(!I)return null;if(!I.length)return t.jsxs(u,{display:"flex",flexDirection:"column",alignItems:"center",pt:10,children:[t.jsx(u,{sx:{fontSize:20,fontWeight:"bold",mb:3},children:r("blocklet.publish.blockletEmptyTip")}),t.jsx(u,{sx:{fontSize:14,color:"text.secondary",mb:3},children:r("blocklet.publish.createBlockletTip")}),t.jsx(Ae,{onClick:C,variant:"contained",children:r("blocklet.publish.createBlocklet")})]});const q=[{label:"Blocklet",name:"blockletTitle",minWidth:160,options:{customBodyRenderLite:m=>{const y=I[m];return t.jsx(ce,{to:`${y.id}`,children:t.jsx(zt,{did:f.meta.did,projectId:y.id,logo:y.blockletLogo,title:y.blockletTitle,describe:y.blockletDescription})})}}},{label:"Version",name:"blockletVersion",options:{searchable:!1,customBodyRender:m=>m?t.jsx(tn,{type:"success",children:m}):""}},{label:"DID",name:"blockletDid",options:{customBodyRender:m=>m?t.jsx(mo,{size:14,compact:!0,responsive:!1,did:m}):null}},k||v?null:{label:r("common.createdBy"),name:"createdBy",options:{customBodyRender:m=>m?t.jsx(mo,{onClick:()=>{o(`/.well-known/service/admin/members?did=${m}`)},style:{cursor:"pointer"},size:14,compact:!0,copyable:!1,showQrcode:!1,responsive:!1,did:m}):null}},k||v?null:{label:r("common.scope"),name:"componentDid",options:{customBodyRender:m=>{const y=(f.children||[]).find(L=>L.meta.did===m);return y?t.jsxs(u,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:[t.jsx(Lt,{size:14,blocklet:y,ancestors:[f]}),t.jsx(u,{ml:.5,sx:{ml:.5,color:"text.primary",fontSize:14},children:y.meta.title})]},m):""}}},k||n?null:{label:r("blocklet.publish.tenantScope"),name:"tenantScope",options:{customBodyRender:m=>t.jsx(u,{ml:.5,sx:{ml:.5,color:"text.primary",fontSize:14},children:t.jsx(pe,{children:m})})}},{label:r("common.updatedAt"),name:"updatedAt",options:{searchable:!1,customBodyRender:m=>t.jsx(on,{value:Number(m),locale:s})}},{label:r("common.actions"),name:"actions",options:{searchable:!1,customBodyRenderLite:m=>{const y=I[m];return t.jsxs(u,{display:"flex",children:[t.jsx(ce,{to:`${y.id}/new-release/${y.lastReleaseId}`,children:t.jsx(de,{title:r("blocklet.publish.createRelease"),placement:"top",children:t.jsx(oe,{color:"primary","aria-label":"create",children:t.jsx(an,{style:{fontSize:18}})})})}),!!y.lastReleaseId&&t.jsx(de,{title:r("blocklet.publish.viewLastRelease",{name:y.blockletTitle}),placement:"top",children:t.jsx(oe,{color:"secondary","aria-label":"create",children:t.jsx(ce,{style:{display:"flex"},to:`${y.id}/view/${y.lastReleaseId}`,children:t.jsx(dn,{sx:{fontSize:18}})})})}),t.jsx(de,{title:r("blocklet.publish.delete",{name:y.blockletTitle}),placement:"top",children:t.jsx(oe,{color:"primary","aria-label":"delete",onClick:()=>_(y),children:t.jsx(nn,{sx:{fontSize:18}})})})]})}}}].filter(Boolean),E=x?t.jsx(fs,{open:!0,popup:!0,onClose:D,action:"check-has-project-id",locale:s,checkFn:l.get,saveConnect:!1,forceConnected:!1,checkTimeout:5*60*1e3,onSuccess:R,onError:$,extraParams:{projectId:h.id,did:f.meta.did,name:h.blockletTitle},messages:{title:r("blocklet.publish.deleteProject.title",{name:h.blockletTitle}),scan:r("blocklet.publish.deleteProject.scan",{name:h.blockletTitle}),confirm:r("blocklet.publish.deleteProject.confirm"),success:r("blocklet.publish.deleteProject.success")}}):null;return t.jsxs(u,{children:[t.jsxs(u,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[t.jsxs(u,{display:"flex",flexDirection:"row",alignItems:"center",children:[t.jsx(u,{sx:{fontSize:"1.2rem",fontWeight:"bold"},children:r("common.blockletStudio")}),t.jsx(de,{title:r("blocklet.publish.createBlockletTip"),arrow:!0,placement:"right",children:t.jsx(un,{sx:{opacity:.6,fontSize:"1.1em",ml:1}})})]}),t.jsxs(Ae,{onClick:C,variant:"contained",children:[t.jsx(_t,{style:{fontSize:"1.3em",marginRight:4}}),r("blocklet.publish.createBlocklet")]})]}),t.jsx(Dt,{className:"main-table",locale:s,data:I,columns:q,options:{sort:!1,download:!1,filter:!1,print:!1,search:!0,viewColumns:!1,searchAlwaysOpen:!0,rowsPerPageOptions:[10,20,50,100],searchPlaceholder:r("blocklet.list.searchPlaceholder"),searchDebounceTime:400,customSearch:N}}),h&&t.jsx(Pt,{title:`${r("common.delete")} ${h.blockletTitle}`,description:r("blocklet.publish.deleteProject.description"),confirm:r("common.confirm"),onConfirm:T,onCancel:()=>j(null),children:t.jsx(u,{sx:{marginTop:2},children:[r("blocklet.publish.deleteProject.tip1"),r("blocklet.publish.deleteProject.tip2"),r("blocklet.publish.deleteProject.tip3")].map(m=>t.jsxs(u,{sx:{display:"flex",marginTop:1,flexDirection:"row",alignItems:"flex-start"},children:[t.jsx(vs,{color:"warning",sx:{marginRight:1,fontSize:20,marginTop:"2px"}}),t.jsx(z,{component:"span",variant:"inherit",color:"text.secondary",children:m})]}))})}),E]})}Ot.propTypes={initUrl:d.object};Ot.defaultProps={initUrl:null};var Bt={},Zs=he;Object.defineProperty(Bt,"__esModule",{value:!0});var pn=Bt.default=void 0,Ks=Zs(be()),yo=t;pn=Bt.default=(0,Ks.default)([(0,yo.jsx)("path",{d:"M20 17H4V5h8V3H4c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h4v2h8v-2h4c1.1 0 2-.9 2-2v-3h-2z"},"0"),(0,yo.jsx)("path",{d:"m17 14 5-5-1.41-1.41L18 10.17V3h-2v7.17l-2.59-2.58L12 9z"},"1")],"InstallDesktop");function er(){var $;const{t:e,locale:o}=Q(),{projectId:n}=st(),{api:r}=me(),[s,i]=w.useState(!0),{blocklet:l}=_e(),a=Be(R=>R.breakpoints.down("md")),[c,f]=w.useState(null),[h,j]=w.useState(null),[x,p]=w.useState(null),k=($=window.env)==null?void 0:$.serverEndpoint,v=()=>{r.getReleases({input:{did:l.meta.did,projectId:n}}).then(R=>{const N=(R==null?void 0:R.releases)||[];i(!1),f(N)}).catch(R=>{i(!1),U.error(R.message)})},I=()=>{r.doBatchQuery({getProject:{input:{did:l.meta.did,projectId:n}},getReleases:{input:{did:l.meta.did,projectId:n}}}).then(R=>{j(R.getProject.project||{}),f(R.getReleases.releases||[]),i(!1)}).catch(R=>{i(!1),U.error(R.message)})};w.useEffect(()=>{I()},[]);const[g,b]=w.useState(""),C=()=>{i(!1);const R=x.id;r.deleteRelease({input:{did:l.meta.did,projectId:n,releaseId:R}}).then(()=>{i(!1),v(),U.success(e("common.removeSuccess")),p(null)}).catch(N=>{i(!1),U.error(N.message)})},_=R=>{p(R)};if(!c&&s)return t.jsx(u,{sx:{display:"flex",justifyContent:"center",alignItems:"center",marginTop:"40px"},children:t.jsx(We,{})});if(!c)return null;const T=t.jsxs(Wo,{className:"breadcrumbs","aria-label":"breadcrumb",children:[t.jsx(ce,{to:"..",children:e("common.blockletStudio")}),t.jsx(z,{color:"text.primary",children:t.jsx(pe,{maxLength:a?6:30,children:h.blockletTitle})})]});if(!c.length)return t.jsxs(t.Fragment,{children:[T,t.jsxs(u,{display:"flex",flexDirection:"column",alignItems:"center",pt:10,children:[t.jsx(u,{sx:{fontSize:20,fontWeight:"bold",mb:3},children:e("blocklet.publish.releaseEmptyTip")}),t.jsx(u,{sx:{fontSize:14,color:"text.secondary",mb:3},children:e("blocklet.publish.createReleaseTip")}),t.jsx(ce,{to:"create/none",children:t.jsx(Ae,{variant:"contained",children:e("blocklet.publish.createRelease")})})]})]});const D=[{label:e("common.version"),name:"blockletVersion",minWidth:160,options:{customBodyRenderLite:R=>{const N=c[R];return t.jsx(ce,{to:`view/${N.id}`,children:t.jsx(zt,{did:l.meta.did,projectId:h.id,logo:N.blockletLogo,title:N.blockletVersion,describe:N.blockletTitle})})}}},{label:e("blocklet.publish.releaseNote"),name:"note",options:{customBodyRenderLite:R=>{const N=c[R];return t.jsx(z,{className:"note",children:N.note||""})}}},{label:e("common.status"),name:"status",options:{customBodyRender:R=>t.jsx(tn,{type:R==="published"?"success":"warning",children:R==="published"?"Released":ws(R)})}},{label:e("common.lastPublishedAt"),name:"updatedAt",options:{customBodyRenderLite:R=>{const N=c[R];return N.status!==re.PROJECT.RELEASE_STATUS.published?"":t.jsx(on,{value:Number(N.updatedAt),locale:o})}}},{label:e("common.actions"),name:"actions",options:{customBodyRenderLite:R=>{var L;const N=c[R];let q="",E="";const m=N.status==="published";if(m){const O=ie(k,`/api/project/${l.meta.did}/${h.id}/${h.lastReleaseId}/release/blocklet.json`),B=new URL(k);B.pathname=ie(B.pathname,"/launch-blocklet/agreement"),B.searchParams.set("blocklet_meta_url",O),q=B.href,E=ie(`${X.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${l.meta.did}/${h.id}/${h.lastReleaseId}/download/${(h.lastReleaseFiles||[])[0]}`)}const y=(L=h.blockletComponents)!=null&&L.some(O=>O.included)||N.uploadedResource?"pack":"resource";return t.jsxs(u,{display:"flex",alignItems:"center",children:[m&&y==="pack"&&t.jsx(de,{title:e("blocklet.publish.install",{name:h.blockletTitle}),placement:"top",children:t.jsx(oe,{color:"secondary","aria-label":"create",children:t.jsx("a",{style:{display:"flex"},href:q,target:"_blank",rel:"noreferrer",children:t.jsx(pn,{sx:{fontSize:18}})})})}),m&&t.jsx(de,{title:e("blocklet.publish.download",{name:h.blockletTitle}),placement:"top",children:t.jsx(oe,{color:"primary","aria-label":"download",children:t.jsx("a",{style:{display:"flex"},href:E,children:t.jsx(Cs,{sx:{fontSize:18}})})})}),t.jsx(de,{title:e("blocklet.publish.delete",{name:h.blockletTitle}),placement:"top",children:t.jsx(oe,{color:"primary","aria-label":"delete",onClick:()=>_(N),children:t.jsx(nn,{sx:{fontSize:18}})})})]})}}}];return t.jsxs(tr,{children:[t.jsxs(u,{className:"header",children:[T,t.jsxs(u,{display:"flex",alignItems:"center",gap:1,children:[t.jsx(Ae,{variant:"outlined",onClick:()=>{const R=ie(k,`/api/project/${l.meta.did}/${n}/latestVersion`);b(R)},children:e("blocklet.publish.copyInstallUrl")}),t.jsx(ce,{to:"new-release/none",children:t.jsxs(Ae,{variant:"contained",children:[t.jsx(_t,{style:{fontSize:"1.3em",marginRight:4}}),e("blocklet.publish.createRelease")]})})]})]}),t.jsx(rt,{fullWidth:!0,maxWidth:"sm",open:g,onClose:()=>b(""),children:t.jsxs(u,{sx:{py:5,px:4,wordBreak:"break-all"},children:[t.jsx(z,{variant:"h6",sx:{mb:2},children:e("blocklet.publish.installResourceTip")}),t.jsx(rn,{children:g}),t.jsxs(z,{sx:{mt:2},children:[e("blocklet.publish.installResourceTip2"),t.jsx("a",{style:{marginLeft:4},href:"https://www.arcblock.io/docs/blocklet-developer/how-to-use-install-url",target:"_blank",rel:"noreferrer",children:e("blocklet.publish.installResourceHelp")})]})]})}),t.jsx(Dt,{className:"main-table",verticalKeyWidth:100,locale:o,data:c,columns:D,options:{sort:!1,download:!1,filter:!1,print:!1,search:!1}}),x&&t.jsx(Pt,{title:e(`${e("common.delete")} ${x.blockletVersion}`),description:e("blocklet.publish.deleteReleaseTip"),confirm:e("common.confirm"),onConfirm:C,onCancel:()=>p(null)})]})}const tr=ae(u)`
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+  .main-table {
+    margin-top: 24px;
+  }
+  .main-table > div:first-child {
+    display: none;
+  }
+  .note {
+    word-break: break-all;
+    white-space: pre-line;
+  }
+`;var Vt={},or=he;Object.defineProperty(Vt,"__esModule",{value:!0});var fn=Vt.default=void 0,nr=or(be()),sr=t;fn=Vt.default=(0,nr.default)((0,sr.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8 0-1.85.63-3.55 1.69-4.9L16.9 18.31C15.55 19.37 13.85 20 12 20m6.31-3.1L7.1 5.69C8.45 4.63 10.15 4 12 4c4.42 0 8 3.58 8 8 0 1.85-.63 3.55-1.69 4.9"}),"DoDisturbAlt");function Te({children:e,Icon:o}){return t.jsxs(Zn,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",paddingTop:"10px",margin:"10px 0px"},children:[t.jsx(u,{sx:{opacity:.3,fontSize:32},children:t.jsx(o,{})}),t.jsx(u,{sx:{mb:2,opacity:.7,fontSize:"small",color:"action"},children:e})]})}Te.propTypes={children:d.node.isRequired,Icon:d.elementType};Te.defaultProps={Icon:fn};function Wt({value:e,app:o,onChange:n,onChangeBlockletResourceType:r,disabled:s,resourceRelateComponents:i,projectType:l,dependentComponentsMode:a,blockletResourceType:c}){const{t:f,locale:h}=Q(),j=a==="readonly",x=w.useMemo(()=>{const C=e.reduce((_,T)=>(_[T.did]=T.included,_),{});return(o.children||[]).filter(_=>j?i[_.meta.did]||C[_.meta.did]:!0)},[o.children,e,i,j]),p=w.useMemo(()=>x.map(C=>e.find(T=>T.did===C.meta.did)||{did:C.meta.did}),[x,e]),k=p.reduce((C,_)=>(C[_.did]=qt(_,["required","included"]),C),{}),v=C=>{const _=p.map(T=>{if(T.did===C){const D=!T.included;return{...T,included:D,required:D}}return T});n(_)},I=C=>{const _=p.map(T=>T.did===C?{...T,required:!T.required}:T);n(_)},g=C=>{r(C.target.checked?"resource":"")},b=[{label:f("common.name"),name:"meta.title",width:200,options:{customBodyRenderLite:C=>{var D;const _=x[C],T=(D=k[_.meta.did])==null?void 0:D.included;return t.jsxs(u,{display:"flex",alignItems:"center",children:[t.jsx(Lt,{size:24,blocklet:_,ancestors:[o]}),t.jsx(u,{ml:"4px",className:$t("text",{excluded:!T}),children:t.jsx(u,{children:_.meta.title})})]})}}},{label:f("blocklet.publish.componentIncluded"),width:100,options:{customBodyRenderLite:C=>{var $;const _=x[C],T=i[_.meta.did],D=!!(($=k[_.meta.did])!=null&&$.included);return t.jsx(Xe,{size:"small",checked:T||D,onClick:()=>v(_.meta.did),disabled:j||T||s})}}},{label:f("blocklet.publish.componentForceRequired"),width:100,options:{customBodyRenderLite:C=>{var R,N;const _=x[C],T=i[_.meta.did],D=!!((R=k[_.meta.did])!=null&&R.included),$=!!((N=k[_.meta.did])!=null&&N.required);return t.jsx(Xe,{size:"small",checked:T||$&&D,onClick:()=>I(_.meta.did),disabled:j||T||s||!D})}}}];return t.jsx(rr,{children:x!=null&&x.length?t.jsxs(t.Fragment,{children:[t.jsxs(Uo,{severity:"info",style:{width:"100%"},children:[t.jsx(u,{display:"flex",alignItems:"center",rel:"noreferrer",ml:"13px",children:f(l==="pack"?"blocklet.publish.packTip":"blocklet.publish.resourceTip")}),t.jsxs(u,{component:"label",style:{cursor:"pointer"},children:[t.jsx(Xe,{size:"small",style:{marginLeft:"0px"},disabled:s,checked:c==="resource",onChange:g}),f("blocklet.publish.forceResourceBlocklet")]})]}),t.jsx(Dt,{className:"main-table",verticalKeyWidth:100,locale:h,data:x,columns:b,options:{sort:!1,download:!1,filter:!1,print:!1,search:!1,rowsPerPage:50}})]}):t.jsx(Te,{Icon:Nt,children:f("blocklet.publish.blockletEmptyTip")})})}Wt.propTypes={app:d.object.isRequired,value:d.arrayOf(d.shape({did:d.string.isRequired,required:d.bool,included:d.bool})),onChange:d.func,onChangeBlockletResourceType:d.func,disabled:d.bool,dependentComponentsMode:d.string,resourceRelateComponents:d.object,blockletResourceType:d.string,projectType:d.string.isRequired};Wt.defaultProps={value:[],onChange:()=>{},onChangeBlockletResourceType:()=>{},disabled:!1,dependentComponentsMode:"auto",blockletResourceType:"",resourceRelateComponents:{}};const rr=ae(u)`
+  .main-table {
+    .text.excluded {
+      color: #999;
+    }
+    width: 400px;
+    ${({theme:e})=>e.breakpoints.down("md")} {
+      width: 100%;
+    }
+    > div:first-child {
+      display: none;
+    }
+    .MuiTableCell-head {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+    .MuiTableCell-body {
+      padding-top: 6px;
+      padding-bottom: 6px;
+    }
+    .datatable-footer {
+      display: none;
+    }
+  }
+`;function lr(e,o){const n=new Set(o||[]),r=[];function s(i){n.has(i==null?void 0:i.id)&&r.push(i==null?void 0:i.id),i!=null&&i.children&&i.children.forEach(s)}return(e||[]).forEach(s),r}function Ut({src:e,alt:o,...n}){const[r,s]=w.useState(!1),i=w.useRef(null);return w.useEffect(()=>{if(!("IntersectionObserver"in window))return s(!0),()=>{};const l=new IntersectionObserver(a=>{a.forEach(c=>{c.isIntersecting&&(s(!0),l.disconnect())})},{threshold:.1});return i.current&&l.observe(i.current),()=>{l.disconnect()}},[]),t.jsx("img",{ref:i,src:r?e:void 0,alt:o,...n})}Ut.propTypes={src:d.string.isRequired,alt:d.string};Ut.defaultProps={alt:""};function Ft({data:e,lazy:o,...n}){return!e||!e.length?null:t.jsx(ir,{...n,children:e.map(r=>t.jsx("a",{href:r.url,target:"_blank",rel:"noreferrer",children:o?t.jsx(Ut,{src:r.url,alt:r.alt||""}):t.jsx("img",{src:r.url,alt:r.alt||""})},r.url))})}Ft.propTypes={data:d.arrayOf(d.shape({url:d.string,alt:d.string})),lazy:d.bool};Ft.defaultProps={data:[],lazy:!1};const ir=ae(u)`
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  margin-bottom: -12px;
+  a {
+    display: flex;
+  }
+  img {
+    height: 128px;
+    cursor: pointer;
+    margin-right: 12px;
+    margin-bottom: 12px;
+  }
+`,ft=(e,o)=>{const n=[...e];for(;n.length>0;){const r=n.shift();if(r.id===o)return r;r.children&&n.push(...r.children)}return[]};function Ht({icon:e}){return e?xs(e)?t.jsx("img",{className:"resource-icon",src:e,alt:"icon"}):t.jsx(ne,{className:"resource-icon",icon:e}):null}Ht.propTypes={icon:d.string};Ht.defaultProps={icon:""};function Gt({disabled:e,data:o,onChange:n,value:r}){const s=r;function i(p,k=[]){return k.push(p.id),p.children&&p.children.forEach(v=>i(v,k)),k}const l=p=>i(ft(o,p)),a=(p,k=[])=>{const v=ft(o,p);return v.parent?(k.push(v.parent),a(v.parent,k)):k};function c(p,k){const v=l(p.id),I=v.indexOf(p.id);return v.splice(I,1),v.every(g=>s.concat(k).includes(g))}const f=(p,k)=>{p.stopPropagation();const v=l(k),I=a(k);if(s.includes(k)){const g=s.filter(b=>!v.concat(I).includes(b));n(g)}else{const g=v;for(let b=0;b<I.length;++b)c(ft(o,I[b]),g)&&g.push(I[b]);n([...s].concat(g))}},h=p=>{p.stopPropagation()},j=o.some(p=>{var k;return((k=p.children)==null?void 0:k.length)>0}),x=p=>{var b;const k=s.indexOf(p.id)!==-1,v=Array.isArray(p.children),I=l(p.id),g=v&&!k&&s.some(C=>I.includes(C));return t.jsx(Ds,{nodeId:p.id,label:t.jsx(Je,{onClick:h,control:t.jsx(Xe,{size:"small",checked:k,indeterminate:g,tabIndex:-1,disableRipple:!0,onClick:C=>f(C,p.id),disabled:p.disabled||e}),label:t.jsxs(u,{className:"content",children:[t.jsxs(u,{display:"flex",alignItems:"center",children:[p.icon&&t.jsx(Ht,{icon:p.icon}),t.jsx(u,{className:"name",children:p.name}),p.url&&t.jsx("a",{href:p.url,target:"_blank",rel:"noreferrer",className:"link",children:t.jsx(bs,{className:"link-icon"})})]}),!!p.description&&t.jsx(u,{className:"description",children:p.description}),!!((b=p.images)!=null&&b.length)&&t.jsx(Ft,{className:"images",data:p.images,lazy:!0})]})}),children:v?p.children.map(x):null},p.id)};return t.jsx(cr,{className:$t(!j&&"no-children"),multiSelect:!0,defaultCollapseIcon:t.jsx(ms,{}),defaultExpandIcon:t.jsx(Is,{}),selected:s,children:o.map(p=>x(p))})}Gt.propTypes={data:d.array,value:d.array,onChange:d.func,disabled:d.bool};Gt.defaultProps={data:[],value:[],onChange:()=>{},disabled:!1};const cr=ae(Ts)`
+  &.no-children {
+    .MuiTreeItem-content {
+      padding: 0;
+      .MuiTreeItem-iconContainer {
+        display: none;
+      }
+      .MuiTreeItem-label {
+        padding-left: 0;
+      }
+    }
+  }
+  .MuiTreeItem-content {
+    align-items: flex-start;
+    .MuiTreeItem-iconContainer {
+      transform: translateY(10px);
+    }
+    &.Mui-selected {
+      background-color: transparent;
+    }
+  }
+  .MuiTreeItem-label {
+    cursor: default;
+  }
+  .MuiFormControlLabel-root {
+    align-items: flex-start;
+  }
+  .content {
+    padding-top: 6px;
+  }
+  .name {
+    font-size: 16px;
+    font-weight: 700;
+  }
+  .resource-icon {
+    margin-right: 2px;
+    font-size: 16px;
+  }
+  img.resource-icon {
+    width: 1rem;
+    height: 1rem;
+  }
+  .link {
+    margin-left: 8px;
+    font-size: 16px;
+    color: ${({theme:e})=>e.palette.primary.main};
+    display: flex;
+  }
+  .link-icon {
+    font-size: inherit;
+  }
+  .description {
+    font-size: 14px;
+    color: ${({theme:e})=>e.palette.text.secondary};
+  }
+`,vo={},ar=(e,o,{key:n,cacheTime:r=1e3*3}={})=>{const s=n+JSON.stringify({params:o}),i=vo[s];if(i&&i.timestamp>Date.now()-r)return i.promise;const l=e(...o);return vo[s]={promise:l,timestamp:Date.now()},l},hn=ar,mn=(e,o)=>(e.forEach(n=>{o&&(n.parent=o),(n.children||[]).forEach(r=>{r.parent=n.id,mn(r.children||[],r.id)})}),e),bn=(e,o,n,r,s)=>{const{exportApi:i="/"}=(e==null?void 0:e.meta.resource)||{},l=new URL(ie("http://127.0.0.1",e==null?void 0:e.mountPoint,i||"/").replace(/\/+/g,"/"));return l.searchParams.set("projectId",o),l.searchParams.set("releaseId",n),l.searchParams.set("local",r),s&&l.searchParams.set("resourcesParams",s.searchParams.get("resourcesParams")),`${l.pathname}${l.search}`},dr=async({api:e,appDid:o,component:n,projectId:r,releaseId:s,locale:i,initUrl:l,resources:a})=>{let c;if(l&&l.searchParams.get("resourcesParams"))try{c=JSON.parse(l.searchParams.get("resourcesParams"))}catch(f){U.error(f.message);return}await sn.post(bn(n,r,s,i,l),{resources:a,projectId:r,releaseId:s,locale:i,...c?{resourcesParams:c}:{}},{headers:{"x-csrf-token":gs()},timeout:60*1e3}),await e.updateSelectedResources({input:{did:o,projectId:r,releaseId:s,componentDid:n.meta.did,resources:a}})},ur=(e,o)=>{if(!e)return{};const n=o.reduce((s,i)=>(s[i]=!0,s),{}),r=(s,i)=>(s.forEach(l=>{var a;n[l.id]&&((a=l.dependentComponents)!=null&&a.length)&&l.dependentComponents.forEach(c=>{i[c]=!0}),l.children&&r(l.children,i)}),i);return r(e,{})};function Xt({app:e,component:o,projectId:n,release:r,loading:s,error:i,saveSelectedEventsRef:l,readOnly:a,componentDid:c,initialResources:f={},setResourceComponentsMap:h,selectedResourceIds:j,setSelectedResourceIds:x,showTree:p,initUrl:k}){var E;const{t:v,locale:I}=Q(),{api:g}=me(),[b,C]=Se({}),_=w.useRef({}),T=w.useRef(!1),D=r.id;_.current.projectId=n,_.current.releaseId=D;const $=(m,y,L)=>{if(!y)return;const O=ur(y,L);h==null||h({[m]:Object.keys(O)})},R=m=>{l.current[o.meta.did]={resources:m,component:o},x({[o.meta.did]:m}),$(o.meta.did,b[o.meta.did],m)},N=w.useCallback(async m=>{var y;try{const L=await hn(sn.get,[bn(m,n,D,I,k),{timeout:6e4}],{key:"getResources"});return mn(((y=L==null?void 0:L.data)==null?void 0:y.resources)||[])}catch{return[]}},[n,D,I,k]);w.useEffect(()=>{b[o==null?void 0:o.meta.did]||N(o).then(m=>{C({[o==null?void 0:o.meta.did]:m})}).catch(m=>{U.error(m.message)})},[o,C,b,N]),w.useEffect(()=>{D&&n&&!T.current&&et(e.children.map(m=>async()=>{var y,L;if(!(c&&c!==m.meta.did)&&!(!(m!=null&&m.mountPoint)||!ps.hasStartEngine(m==null?void 0:m.meta)||!((L=(y=m==null?void 0:m.meta)==null?void 0:y.resource)!=null&&L.exportApi)))try{const O=await N(m);C({[m==null?void 0:m.meta.did]:O});const B=await g.getSelectedResources({input:{did:e.meta.did,projectId:n,releaseId:D,componentDid:m.meta.did}}),S=(B==null?void 0:B.resources)||[];S!=null&&S.length&&(x({[m.meta.did]:lr(O,S)}),$(m.meta.did,O,S),a||(l.current[m==null?void 0:m.meta.did]={resources:S,component:m}))}catch(O){U.error(O.message)}}),{concurrency:2}).then(()=>{T.current=!0})},[D,n,a,I,k,C]),w.useEffect(()=>{f&&Object.keys(f).length&&et(e.children.map(async m=>{const y=f[m.meta.did];if(y!=null&&y.length){const L=await N(m);x({[m.meta.did]:y}),$(m.meta.did,L,y),a||(l.current[m==null?void 0:m.meta.did]={resources:y,component:m})}}))},[e,f,a]);let q=null;return(!o||!((E=b[o.meta.did])!=null&&E.length))&&(q=t.jsx(Te,{Icon:Nt,children:v("blocklet.publish.resourceEmptyTip",{name:fo.getDisplayName(o)})})),(o==null?void 0:o.status)!=="running"&&(q=t.jsx(Te,{children:v("blocklet.publish.componentNotRunning",{name:fo.getDisplayName(o)})})),t.jsxs(t.Fragment,{children:[t.jsx(pr,{className:$t(i&&"error"),children:p&&t.jsx(u,{pb:2,width:"100%",children:q||t.jsx(Gt,{data:b[o.meta.did]||[],value:j[o.meta.did]||[],onChange:R,disabled:s||a})})}),!!i&&t.jsx(u,{color:"error.main",mt:1,fontSize:14,children:i})]})}Xt.propTypes={component:d.object.isRequired,app:d.object.isRequired,projectId:d.string.isRequired,error:d.string,saveSelectedEventsRef:d.object.isRequired,readOnly:d.bool.isRequired,loading:d.bool.isRequired,release:d.shape({id:d.string.isRequired,status:d.string}),initialResources:d.object,initUrl:d.object,setResourceComponentsMap:d.func,componentDid:d.string,selectedResourceIds:d.array.isRequired,setSelectedResourceIds:d.func.isRequired,showTree:d.bool.isRequired};Xt.defaultProps={error:"",release:{id:""},initUrl:null,initialResources:{},setResourceComponentsMap:()=>{},componentDid:""};const pr=ae(u)`
+  border: 1px solid #ccc;
+  max-height: 600px;
+  width: 100%;
+  &.error {
+    border-color: ${e=>e.theme.palette.error.main};
+  }
+  border-radius: 4px;
+  padding: 16px;
+  padding-bottom: 0px;
+  overflow-y: auto;
+  .footer {
+    border-top: 1px solid #ddd;
+    display: flex;
+    padding: 12px 0;
+    margin-top: 12px;
+    position: sticky;
+    bottom: 0;
+    background: #fff;
+    z-index: 10;
+  }
+`;var Jt={},fr=he;Object.defineProperty(Jt,"__esModule",{value:!0});var gt=Jt.default=void 0,hr=fr(be()),mr=t;gt=Jt.default=(0,hr.default)((0,mr.jsx)("path",{d:"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"}),"DragIndicator");const wo="lastWantToConnectStoreId";function br(e){var a,c;const[o,n]=w.useState(null),{session:r}=lt(),s=w.useCallback(f=>{n(f),localStorage.setItem(wo,f==null?void 0:f.id)},[n]),i=w.useMemo(()=>{var x,p,k,v;const f=localStorage.getItem(wo),h=f?(((x=e==null?void 0:e.settings)==null?void 0:x.storeList)||[]).find(I=>I.id===f):null;if(h)return h;let j=(((p=e==null?void 0:e.settings)==null?void 0:p.storeList)||[]).find(I=>{var g;return!(I.id!==X.BLOCKLET_STORE.id||I.scope&&I.scope!=="studio"&&I.scope!==((g=r==null?void 0:r.user)==null?void 0:g.did))});return j||(j=(v=(k=e==null?void 0:e.settings)==null?void 0:k.storeList)==null?void 0:v[0]),j},[(a=e==null?void 0:e.settings)==null?void 0:a.storeList,(c=r==null?void 0:r.user)==null?void 0:c.did]);return[o||i||{},s]}const ht={};async function xn(e,{interval:o=1e3,maxDuration:n=120*1e3,intervalFirst:r=4e3,timerKey:s=""}){ht[s]&&clearTimeout(ht[s]),await new Promise(a=>setTimeout(a,r));const i=Date.now(),l=async(a,c)=>{try{const f=await e();a(f)}catch(f){Date.now()-i>n?c(f):s?ht[s]=setTimeout(()=>l(a,c),o):setTimeout(()=>l(a,c),o)}};return new Promise(l)}function xr(){return Math.random().toString(36).slice(2)+Math.random().toString(36).slice(2)+`${Date.now()}`.slice(-6)}function gr(e,{did:o,projectId:n,messageId:r}){return xn(async()=>{var i;const s=await e.getProject({input:{did:o,projectId:n,messageId:r}});if(!((i=s==null?void 0:s.project)!=null&&i.blockletDid))throw new Error("Connected store not found");return s.project.blockletDid},{timerKey:"connect-studio"})}function jr(e,{did:o,projectId:n,storeId:r}){return xn(async()=>{var l,a;const s=await e.getProject({input:{did:o,projectId:n,messageId:""}});if(!((a=(l=s==null?void 0:s.project)==null?void 0:l.connectedStores)!=null&&a.length))throw new Error("Connected store not found");if(!s.project.connectedStores.find(c=>c.storeId===r))throw new Error("Connected store not found")},{timerKey:`connect-store-${r}`})}const gn=({fromBlocklet:e,nodeInfo:o,blocklet:n,userDid:r})=>{var l,a;const s=e?(l=n==null?void 0:n.meta)==null?void 0:l.did:o==null?void 0:o.did;let i=e?((a=n==null?void 0:n.settings)==null?void 0:a.storeList)||[]:(o==null?void 0:o.blockletRegistryList)||[];return Array.isArray(i)||(i=[]),i=i.filter(c=>c.protected||!c.scope||c.scope==="studio"||c.scope===r),{teamDid:s,storeList:i}};function Qt({blocklet:e,store:o={},onChangeStore:n,onClick:r,disabled:s,loading:i,componentDid:l}){var m,y,L;const{t:a}=Q(),{session:c}=lt(),{api:f,info:h,inService:j}=me(),x=_e(),[p,k]=w.useState(!1),v=w.useRef(null),[I,g]=w.useState(!1),[b,C]=w.useState(null),_=O=>{n(O),k(!1)},T=()=>{k(!p)},D=O=>{v.current&&v.current.contains(O.target)||k(!1)},$=()=>{g(!0)},R=()=>{g(!1)},N=async()=>{var O;if(b)try{await f.deleteBlockletStore({input:{teamDid:e.meta.did,url:b.url,projectId:"",scope:b.scope||"studio"}}),await((O=x==null?void 0:x.actions)==null?void 0:O.refreshBlocklet())}catch(B){U.error(`Remove Blocklet Store Error: ${De(B)}`)}finally{C(null)}},{storeList:q}=gn({fromBlocklet:j,blocklet:e,nodeInfo:h,componentDid:l,userDid:(m=c==null?void 0:c.user)==null?void 0:m.did}),E=(y=e==null?void 0:e.meta)==null?void 0:y.did;return t.jsxs(t.Fragment,{children:[t.jsxs(xt,{disabled:s,ref:v,variant:"contained",color:"primary","aria-label":"Button group with connect store",children:[t.jsxs(Z,{onClick:r,children:[i&&t.jsx(Ze,{size:14,sx:{mr:.5}}),`${a("common.connect")} ${o.name||""}`]}),t.jsx(Z,{size:"small","aria-controls":p?"split-button-menu":void 0,"aria-expanded":p?"true":void 0,"aria-label":"select merge strategy","aria-haspopup":"menu",onClick:T,children:t.jsx(Ms,{})})]}),t.jsx(Fo,{sx:{zIndex:10},open:p,anchorEl:v.current,placement:"bottom-end",role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:O})=>t.jsx(Ho,{...O,style:{transformOrigin:"center top"},children:t.jsx(It,{children:t.jsx(Go,{onClickAway:D,children:t.jsxs(Xo,{id:"split-button-menu",autoFocusItem:!0,sx:{maxHeight:300,overflowY:"auto",zIndex:10},children:[q==null?void 0:q.map(B=>{var S;return t.jsxs(ue,{selected:B.id===(o==null?void 0:o.id),sx:{height:56},onClick:()=>_(B),children:[t.jsxs(u,{children:[t.jsx(pe,{sx:{fontSize:"16px"},maxLength:24,children:B.name}),t.jsx(pe,{sx:{fontSize:"13px",opacity:.6},maxLength:30,children:B.url})]}),_s({store:B,userDid:(S=c==null?void 0:c.user)==null?void 0:S.did})&&t.jsx(oe,{sx:{ml:1},onClick:P=>{P.preventDefault(),P.stopPropagation(),C(B)},children:t.jsx(ne,{icon:"ic:outline-delete"})})]},B.url)}),t.jsx(Kn,{}),t.jsxs(ue,{onClick:$,children:[t.jsx(_t,{font:!0}),t.jsx(z,{variant:"inherit",children:a("store.blockletRegistry.addRegistry")})]})]})})})})}),I&&t.jsx(ln,{hiddenChildren:!0,open:!0,onClose:R,teamDid:E,storeList:q,scope:"studio",onAdd:(L=x==null?void 0:x.actions)==null?void 0:L.refreshBlocklet}),b&&t.jsx(Pt,{displayError:!0,title:`${a("common.delete")} ${b.name}`,description:a("blocklet.publish.deleteStoreTip",{name:b.name}),confirm:a("common.confirm"),onConfirm:N,onCancel:()=>C(null)})]})}Qt.propTypes={store:d.object,blocklet:d.object,onChangeStore:d.func.isRequired,onClick:d.func.isRequired,loading:d.bool.isRequired,disabled:d.bool.isRequired,componentDid:d.string.isRequired,projectType:d.string.isRequired,getData:d.func.isRequired};Qt.defaultProps={store:null,blocklet:null};var fe=w;const Ee=/^[a-z0-9]+(-[a-z0-9]+)*$/,it=(e,o,n,r="")=>{const s=e.split(":");if(e.slice(0,1)==="@"){if(s.length<2||s.length>3)return null;r=s.shift().slice(1)}if(s.length>3||!s.length)return null;if(s.length>1){const a=s.pop(),c=s.pop(),f={provider:s.length>0?s[0]:r,prefix:c,name:a};return o&&!Qe(f)?null:f}const i=s[0],l=i.split("-");if(l.length>1){const a={provider:r,prefix:l.shift(),name:l.join("-")};return o&&!Qe(a)?null:a}if(n&&r===""){const a={provider:r,prefix:"",name:i};return o&&!Qe(a,n)?null:a}return null},Qe=(e,o)=>e?!!((e.provider===""||e.provider.match(Ee))&&(o&&e.prefix===""||e.prefix.match(Ee))&&e.name.match(Ee)):!1,jn=Object.freeze({left:0,top:0,width:16,height:16}),tt=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),Yt=Object.freeze({...jn,...tt}),jt=Object.freeze({...Yt,body:"",hidden:!1});function kr(e,o){const n={};!e.hFlip!=!o.hFlip&&(n.hFlip=!0),!e.vFlip!=!o.vFlip&&(n.vFlip=!0);const r=((e.rotate||0)+(o.rotate||0))%4;return r&&(n.rotate=r),n}function Co(e,o){const n=kr(e,o);for(const r in jt)r in tt?r in e&&!(r in n)&&(n[r]=tt[r]):r in o?n[r]=o[r]:r in e&&(n[r]=e[r]);return n}function yr(e,o){const n=e.icons,r=e.aliases||Object.create(null),s=Object.create(null);function i(l){if(n[l])return s[l]=[];if(!(l in s)){s[l]=null;const a=r[l]&&r[l].parent,c=a&&i(a);c&&(s[l]=[a].concat(c))}return s[l]}return Object.keys(n).concat(Object.keys(r)).forEach(i),s}function vr(e,o,n){const r=e.icons,s=e.aliases||Object.create(null);let i={};function l(a){i=Co(r[a]||s[a],i)}return l(o),n.forEach(l),Co(e,i)}function kn(e,o){const n=[];if(typeof e!="object"||typeof e.icons!="object")return n;e.not_found instanceof Array&&e.not_found.forEach(s=>{o(s,null),n.push(s)});const r=yr(e);for(const s in r){const i=r[s];i&&(o(s,vr(e,s,i)),n.push(s))}return n}const wr={provider:"",aliases:{},not_found:{},...jn};function mt(e,o){for(const n in o)if(n in e&&typeof e[n]!=typeof o[n])return!1;return!0}function yn(e){if(typeof e!="object"||e===null)return null;const o=e;if(typeof o.prefix!="string"||!e.icons||typeof e.icons!="object"||!mt(e,wr))return null;const n=o.icons;for(const s in n){const i=n[s];if(!s.match(Ee)||typeof i.body!="string"||!mt(i,jt))return null}const r=o.aliases||Object.create(null);for(const s in r){const i=r[s],l=i.parent;if(!s.match(Ee)||typeof l!="string"||!n[l]&&!r[l]||!mt(i,jt))return null}return o}const Ro=Object.create(null);function Cr(e,o){return{provider:e,prefix:o,icons:Object.create(null),missing:new Set}}function ve(e,o){const n=Ro[e]||(Ro[e]=Object.create(null));return n[o]||(n[o]=Cr(e,o))}function Zt(e,o){return yn(o)?kn(o,(n,r)=>{r?e.icons[n]=r:e.missing.add(n)}):[]}function Rr(e,o,n){try{if(typeof n.body=="string")return e.icons[o]={...n},!0}catch{}return!1}let ze=!1;function vn(e){return typeof e=="boolean"&&(ze=e),ze}function Sr(e){const o=typeof e=="string"?it(e,!0,ze):e;if(o){const n=ve(o.provider,o.prefix),r=o.name;return n.icons[r]||(n.missing.has(r)?null:void 0)}}function Ir(e,o){const n=it(e,!0,ze);if(!n)return!1;const r=ve(n.provider,n.prefix);return Rr(r,n.name,o)}function Dr(e,o){if(typeof e!="object")return!1;if(typeof o!="string"&&(o=e.provider||""),ze&&!o&&!e.prefix){let s=!1;return yn(e)&&(e.prefix="",kn(e,(i,l)=>{l&&Ir(i,l)&&(s=!0)})),s}const n=e.prefix;if(!Qe({provider:o,prefix:n,name:"a"}))return!1;const r=ve(o,n);return!!Zt(r,e)}const wn=Object.freeze({width:null,height:null}),Cn=Object.freeze({...wn,...tt}),Tr=/(-?[0-9.]*[0-9]+[0-9.]*)/g,_r=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function So(e,o,n){if(o===1)return e;if(n=n||100,typeof e=="number")return Math.ceil(e*o*n)/n;if(typeof e!="string")return e;const r=e.split(Tr);if(r===null||!r.length)return e;const s=[];let i=r.shift(),l=_r.test(i);for(;;){if(l){const a=parseFloat(i);isNaN(a)?s.push(i):s.push(Math.ceil(a*o*n)/n)}else s.push(i);if(i=r.shift(),i===void 0)return s.join("");l=!l}}const Pr=e=>e==="unset"||e==="undefined"||e==="none";function Lr(e,o){const n={...Yt,...e},r={...Cn,...o},s={left:n.left,top:n.top,width:n.width,height:n.height};let i=n.body;[n,r].forEach(k=>{const v=[],I=k.hFlip,g=k.vFlip;let b=k.rotate;I?g?b+=2:(v.push("translate("+(s.width+s.left).toString()+" "+(0-s.top).toString()+")"),v.push("scale(-1 1)"),s.top=s.left=0):g&&(v.push("translate("+(0-s.left).toString()+" "+(s.height+s.top).toString()+")"),v.push("scale(1 -1)"),s.top=s.left=0);let C;switch(b<0&&(b-=Math.floor(b/4)*4),b=b%4,b){case 1:C=s.height/2+s.top,v.unshift("rotate(90 "+C.toString()+" "+C.toString()+")");break;case 2:v.unshift("rotate(180 "+(s.width/2+s.left).toString()+" "+(s.height/2+s.top).toString()+")");break;case 3:C=s.width/2+s.left,v.unshift("rotate(-90 "+C.toString()+" "+C.toString()+")");break}b%2===1&&(s.left!==s.top&&(C=s.left,s.left=s.top,s.top=C),s.width!==s.height&&(C=s.width,s.width=s.height,s.height=C)),v.length&&(i='<g transform="'+v.join(" ")+'">'+i+"</g>")});const l=r.width,a=r.height,c=s.width,f=s.height;let h,j;l===null?(j=a===null?"1em":a==="auto"?f:a,h=So(j,c/f)):(h=l==="auto"?c:l,j=a===null?So(h,f/c):a==="auto"?f:a);const x={},p=(k,v)=>{Pr(v)||(x[k]=v.toString())};return p("width",h),p("height",j),x.viewBox=s.left.toString()+" "+s.top.toString()+" "+c.toString()+" "+f.toString(),{attributes:x,body:i}}const qr=/\sid="(\S+)"/g,$r="IconifyId"+Date.now().toString(16)+(Math.random()*16777216|0).toString(16);let Nr=0;function Ar(e,o=$r){const n=[];let r;for(;r=qr.exec(e);)n.push(r[1]);if(!n.length)return e;const s="suffix"+(Math.random()*16777216|Date.now()).toString(16);return n.forEach(i=>{const l=typeof o=="function"?o(i):o+(Nr++).toString(),a=i.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");e=e.replace(new RegExp('([#;"])('+a+')([")]|\\.[a-z])',"g"),"$1"+l+s+"$3")}),e=e.replace(new RegExp(s,"g"),""),e}const kt=Object.create(null);function Er(e,o){kt[e]=o}function yt(e){return kt[e]||kt[""]}function Kt(e){let o;if(typeof e.resources=="string")o=[e.resources];else if(o=e.resources,!(o instanceof Array)||!o.length)return null;return{resources:o,path:e.path||"/",maxURL:e.maxURL||500,rotate:e.rotate||750,timeout:e.timeout||5e3,random:e.random===!0,index:e.index||0,dataAfterTimeout:e.dataAfterTimeout!==!1}}const eo=Object.create(null),Ne=["https://api.simplesvg.com","https://api.unisvg.com"],Ye=[];for(;Ne.length>0;)Ne.length===1||Math.random()>.5?Ye.push(Ne.shift()):Ye.push(Ne.pop());eo[""]=Kt({resources:["https://api.iconify.design"].concat(Ye)});function Mr(e,o){const n=Kt(o);return n===null?!1:(eo[e]=n,!0)}function to(e){return eo[e]}const zr=()=>{let e;try{if(e=fetch,typeof e=="function")return e}catch{}};let Io=zr();function Or(e,o){const n=to(e);if(!n)return 0;let r;if(!n.maxURL)r=0;else{let s=0;n.resources.forEach(l=>{s=Math.max(s,l.length)});const i=o+".json?icons=";r=n.maxURL-s-n.path.length-i.length}return r}function Br(e){return e===404}const Vr=(e,o,n)=>{const r=[],s=Or(e,o),i="icons";let l={type:i,provider:e,prefix:o,icons:[]},a=0;return n.forEach((c,f)=>{a+=c.length+1,a>=s&&f>0&&(r.push(l),l={type:i,provider:e,prefix:o,icons:[]},a=c.length),l.icons.push(c)}),r.push(l),r};function Wr(e){if(typeof e=="string"){const o=to(e);if(o)return o.path}return"/"}const Ur=(e,o,n)=>{if(!Io){n("abort",424);return}let r=Wr(o.provider);switch(o.type){case"icons":{const i=o.prefix,a=o.icons.join(","),c=new URLSearchParams({icons:a});r+=i+".json?"+c.toString();break}case"custom":{const i=o.uri;r+=i.slice(0,1)==="/"?i.slice(1):i;break}default:n("abort",400);return}let s=503;Io(e+r).then(i=>{const l=i.status;if(l!==200){setTimeout(()=>{n(Br(l)?"abort":"next",l)});return}return s=501,i.json()}).then(i=>{if(typeof i!="object"||i===null){setTimeout(()=>{i===404?n("abort",i):n("next",s)});return}setTimeout(()=>{n("success",i)})}).catch(()=>{n("next",s)})},Fr={prepare:Vr,send:Ur};function Hr(e){const o={loaded:[],missing:[],pending:[]},n=Object.create(null);e.sort((s,i)=>s.provider!==i.provider?s.provider.localeCompare(i.provider):s.prefix!==i.prefix?s.prefix.localeCompare(i.prefix):s.name.localeCompare(i.name));let r={provider:"",prefix:"",name:""};return e.forEach(s=>{if(r.name===s.name&&r.prefix===s.prefix&&r.provider===s.provider)return;r=s;const i=s.provider,l=s.prefix,a=s.name,c=n[i]||(n[i]=Object.create(null)),f=c[l]||(c[l]=ve(i,l));let h;a in f.icons?h=o.loaded:l===""||f.missing.has(a)?h=o.missing:h=o.pending;const j={provider:i,prefix:l,name:a};h.push(j)}),o}function Rn(e,o){e.forEach(n=>{const r=n.loaderCallbacks;r&&(n.loaderCallbacks=r.filter(s=>s.id!==o))})}function Gr(e){e.pendingCallbacksFlag||(e.pendingCallbacksFlag=!0,setTimeout(()=>{e.pendingCallbacksFlag=!1;const o=e.loaderCallbacks?e.loaderCallbacks.slice(0):[];if(!o.length)return;let n=!1;const r=e.provider,s=e.prefix;o.forEach(i=>{const l=i.icons,a=l.pending.length;l.pending=l.pending.filter(c=>{if(c.prefix!==s)return!0;const f=c.name;if(e.icons[f])l.loaded.push({provider:r,prefix:s,name:f});else if(e.missing.has(f))l.missing.push({provider:r,prefix:s,name:f});else return n=!0,!0;return!1}),l.pending.length!==a&&(n||Rn([e],i.id),i.callback(l.loaded.slice(0),l.missing.slice(0),l.pending.slice(0),i.abort))})}))}let Xr=0;function Jr(e,o,n){const r=Xr++,s=Rn.bind(null,n,r);if(!o.pending.length)return s;const i={id:r,icons:o,callback:e,abort:s};return n.forEach(l=>{(l.loaderCallbacks||(l.loaderCallbacks=[])).push(i)}),s}function Qr(e,o=!0,n=!1){const r=[];return e.forEach(s=>{const i=typeof s=="string"?it(s,o,n):s;i&&r.push(i)}),r}var Yr={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function Zr(e,o,n,r){const s=e.resources.length,i=e.random?Math.floor(Math.random()*s):e.index;let l;if(e.random){let D=e.resources.slice(0);for(l=[];D.length>1;){const $=Math.floor(Math.random()*D.length);l.push(D[$]),D=D.slice(0,$).concat(D.slice($+1))}l=l.concat(D)}else l=e.resources.slice(i).concat(e.resources.slice(0,i));const a=Date.now();let c="pending",f=0,h,j=null,x=[],p=[];typeof r=="function"&&p.push(r);function k(){j&&(clearTimeout(j),j=null)}function v(){c==="pending"&&(c="aborted"),k(),x.forEach(D=>{D.status==="pending"&&(D.status="aborted")}),x=[]}function I(D,$){$&&(p=[]),typeof D=="function"&&p.push(D)}function g(){return{startTime:a,payload:o,status:c,queriesSent:f,queriesPending:x.length,subscribe:I,abort:v}}function b(){c="failed",p.forEach(D=>{D(void 0,h)})}function C(){x.forEach(D=>{D.status==="pending"&&(D.status="aborted")}),x=[]}function _(D,$,R){const N=$!=="success";switch(x=x.filter(q=>q!==D),c){case"pending":break;case"failed":if(N||!e.dataAfterTimeout)return;break;default:return}if($==="abort"){h=R,b();return}if(N){h=R,x.length||(l.length?T():b());return}if(k(),C(),!e.random){const q=e.resources.indexOf(D.resource);q!==-1&&q!==e.index&&(e.index=q)}c="completed",p.forEach(q=>{q(R)})}function T(){if(c!=="pending")return;k();const D=l.shift();if(D===void 0){if(x.length){j=setTimeout(()=>{k(),c==="pending"&&(C(),b())},e.timeout);return}b();return}const $={status:"pending",resource:D,callback:(R,N)=>{_($,R,N)}};x.push($),f++,j=setTimeout(T,e.rotate),n(D,o,$.callback)}return setTimeout(T),g}function Sn(e){const o={...Yr,...e};let n=[];function r(){n=n.filter(a=>a().status==="pending")}function s(a,c,f){const h=Zr(o,a,c,(j,x)=>{r(),f&&f(j,x)});return n.push(h),h}function i(a){return n.find(c=>a(c))||null}return{query:s,find:i,setIndex:a=>{o.index=a},getIndex:()=>o.index,cleanup:r}}function Do(){}const bt=Object.create(null);function Kr(e){if(!bt[e]){const o=to(e);if(!o)return;const n=Sn(o),r={config:o,redundancy:n};bt[e]=r}return bt[e]}function el(e,o,n){let r,s;if(typeof e=="string"){const i=yt(e);if(!i)return n(void 0,424),Do;s=i.send;const l=Kr(e);l&&(r=l.redundancy)}else{const i=Kt(e);if(i){r=Sn(i);const l=e.resources?e.resources[0]:"",a=yt(l);a&&(s=a.send)}}return!r||!s?(n(void 0,424),Do):r.query(o,s,n)().abort}const To="iconify2",Oe="iconify",In=Oe+"-count",_o=Oe+"-version",Dn=36e5,tl=168;function vt(e,o){try{return e.getItem(o)}catch{}}function oo(e,o,n){try{return e.setItem(o,n),!0}catch{}}function Po(e,o){try{e.removeItem(o)}catch{}}function wt(e,o){return oo(e,In,o.toString())}function Ct(e){return parseInt(vt(e,In))||0}const ct={local:!0,session:!0},Tn={local:new Set,session:new Set};let no=!1;function ol(e){no=e}let Ge=typeof window>"u"?{}:window;function _n(e){const o=e+"Storage";try{if(Ge&&Ge[o]&&typeof Ge[o].length=="number")return Ge[o]}catch{}ct[e]=!1}function Pn(e,o){const n=_n(e);if(!n)return;const r=vt(n,_o);if(r!==To){if(r){const a=Ct(n);for(let c=0;c<a;c++)Po(n,Oe+c.toString())}oo(n,_o,To),wt(n,0);return}const s=Math.floor(Date.now()/Dn)-tl,i=a=>{const c=Oe+a.toString(),f=vt(n,c);if(typeof f=="string"){try{const h=JSON.parse(f);if(typeof h=="object"&&typeof h.cached=="number"&&h.cached>s&&typeof h.provider=="string"&&typeof h.data=="object"&&typeof h.data.prefix=="string"&&o(h,a))return!0}catch{}Po(n,c)}};let l=Ct(n);for(let a=l-1;a>=0;a--)i(a)||(a===l-1?(l--,wt(n,l)):Tn[e].add(a))}function Ln(){if(!no){ol(!0);for(const e in ct)Pn(e,o=>{const n=o.data,r=o.provider,s=n.prefix,i=ve(r,s);if(!Zt(i,n).length)return!1;const l=n.lastModified||-1;return i.lastModifiedCached=i.lastModifiedCached?Math.min(i.lastModifiedCached,l):l,!0})}}function nl(e,o){const n=e.lastModifiedCached;if(n&&n>=o)return n===o;if(e.lastModifiedCached=o,n)for(const r in ct)Pn(r,s=>{const i=s.data;return s.provider!==e.provider||i.prefix!==e.prefix||i.lastModified===o});return!0}function sl(e,o){no||Ln();function n(r){let s;if(!ct[r]||!(s=_n(r)))return;const i=Tn[r];let l;if(i.size)i.delete(l=Array.from(i).shift());else if(l=Ct(s),!wt(s,l+1))return;const a={cached:Math.floor(Date.now()/Dn),provider:e.provider,data:o};return oo(s,Oe+l.toString(),JSON.stringify(a))}o.lastModified&&!nl(e,o.lastModified)||Object.keys(o.icons).length&&(o.not_found&&(o=Object.assign({},o),delete o.not_found),n("local")||n("session"))}function Lo(){}function rl(e){e.iconsLoaderFlag||(e.iconsLoaderFlag=!0,setTimeout(()=>{e.iconsLoaderFlag=!1,Gr(e)}))}function ll(e,o){e.iconsToLoad?e.iconsToLoad=e.iconsToLoad.concat(o).sort():e.iconsToLoad=o,e.iconsQueueFlag||(e.iconsQueueFlag=!0,setTimeout(()=>{e.iconsQueueFlag=!1;const{provider:n,prefix:r}=e,s=e.iconsToLoad;delete e.iconsToLoad;let i;if(!s||!(i=yt(n)))return;i.prepare(n,r,s).forEach(a=>{el(n,a,c=>{if(typeof c!="object")a.icons.forEach(f=>{e.missing.add(f)});else try{const f=Zt(e,c);if(!f.length)return;const h=e.pendingIcons;h&&f.forEach(j=>{h.delete(j)}),sl(e,c)}catch(f){console.error(f)}rl(e)})})}))}const il=(e,o)=>{const n=Qr(e,!0,vn()),r=Hr(n);if(!r.pending.length){let c=!0;return o&&setTimeout(()=>{c&&o(r.loaded,r.missing,r.pending,Lo)}),()=>{c=!1}}const s=Object.create(null),i=[];let l,a;return r.pending.forEach(c=>{const{provider:f,prefix:h}=c;if(h===a&&f===l)return;l=f,a=h,i.push(ve(f,h));const j=s[f]||(s[f]=Object.create(null));j[h]||(j[h]=[])}),r.pending.forEach(c=>{const{provider:f,prefix:h,name:j}=c,x=ve(f,h),p=x.pendingIcons||(x.pendingIcons=new Set);p.has(j)||(p.add(j),s[f][h].push(j))}),i.forEach(c=>{const{provider:f,prefix:h}=c;s[f][h].length&&ll(c,s[f][h])}),o?Jr(o,r,i):Lo};function cl(e,o){const n={...e};for(const r in o){const s=o[r],i=typeof s;r in wn?(s===null||s&&(i==="string"||i==="number"))&&(n[r]=s):i===typeof n[r]&&(n[r]=r==="rotate"?s%4:s)}return n}const al=/[\s,]+/;function dl(e,o){o.split(al).forEach(n=>{switch(n.trim()){case"horizontal":e.hFlip=!0;break;case"vertical":e.vFlip=!0;break}})}function ul(e,o=0){const n=e.replace(/^-?[0-9.]*/,"");function r(s){for(;s<0;)s+=4;return s%4}if(n===""){const s=parseInt(e);return isNaN(s)?0:r(s)}else if(n!==e){let s=0;switch(n){case"%":s=25;break;case"deg":s=90}if(s){let i=parseFloat(e.slice(0,e.length-n.length));return isNaN(i)?0:(i=i/s,i%1===0?r(i):0)}}return o}function pl(e,o){let n=e.indexOf("xlink:")===-1?"":' xmlns:xlink="http://www.w3.org/1999/xlink"';for(const r in o)n+=" "+r+'="'+o[r]+'"';return'<svg xmlns="http://www.w3.org/2000/svg"'+n+">"+e+"</svg>"}function fl(e){return e.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function hl(e){return"data:image/svg+xml,"+fl(e)}function ml(e){return'url("'+hl(e)+'")'}let Me;function bl(){try{Me=window.trustedTypes.createPolicy("iconify",{createHTML:e=>e})}catch{Me=null}}function xl(e){return Me===void 0&&bl(),Me?Me.createHTML(e):e}const qn={...Cn,inline:!1},gl={xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink","aria-hidden":!0,role:"img"},jl={display:"inline-block"},Rt={backgroundColor:"currentColor"},$n={backgroundColor:"transparent"},qo={Image:"var(--svg)",Repeat:"no-repeat",Size:"100% 100%"},$o={WebkitMask:Rt,mask:Rt,background:$n};for(const e in $o){const o=$o[e];for(const n in qo)o[e+n]=qo[n]}const kl={...qn,inline:!0};function No(e){return e+(e.match(/^[-0-9.]+$/)?"px":"")}const yl=(e,o,n,r)=>{const s=n?kl:qn,i=cl(s,o),l=o.mode||"svg",a={},c=o.style||{},f={...l==="svg"?gl:{},ref:r};for(let g in o){const b=o[g];if(b!==void 0)switch(g){case"icon":case"style":case"children":case"onLoad":case"mode":case"_ref":case"_inline":break;case"inline":case"hFlip":case"vFlip":i[g]=b===!0||b==="true"||b===1;break;case"flip":typeof b=="string"&&dl(i,b);break;case"color":a.color=b;break;case"rotate":typeof b=="string"?i[g]=ul(b):typeof b=="number"&&(i[g]=b);break;case"ariaHidden":case"aria-hidden":b!==!0&&b!=="true"&&delete f["aria-hidden"];break;default:s[g]===void 0&&(f[g]=b)}}const h=Lr(e,i),j=h.attributes;if(i.inline&&(a.verticalAlign="-0.125em"),l==="svg"){f.style={...a,...c},Object.assign(f,j);let g=0,b=o.id;return typeof b=="string"&&(b=b.replace(/-/g,"_")),f.dangerouslySetInnerHTML={__html:xl(Ar(h.body,b?()=>b+"ID"+g++:"iconifyReact"))},fe.createElement("svg",f)}const{body:x,width:p,height:k}=e,v=l==="mask"||(l==="bg"?!1:x.indexOf("currentColor")!==-1),I=pl(x,{...j,width:p+"",height:k+""});return f.style={...a,"--svg":ml(I),width:No(j.width),height:No(j.height),...jl,...v?Rt:$n,...c},fe.createElement("span",f)};vn(!0);Er("",Fr);if(typeof document<"u"&&typeof window<"u"){Ln();const e=window;if(e.IconifyPreload!==void 0){const o=e.IconifyPreload,n="Invalid IconifyPreload syntax.";typeof o=="object"&&o!==null&&(o instanceof Array?o:[o]).forEach(r=>{try{(typeof r!="object"||r===null||r instanceof Array||typeof r.icons!="object"||typeof r.prefix!="string"||!Dr(r))&&console.error(n)}catch{console.error(n)}})}if(e.IconifyProviders!==void 0){const o=e.IconifyProviders;if(typeof o=="object"&&o!==null)for(let n in o){const r="IconifyProviders["+n+"] is invalid.";try{const s=o[n];if(typeof s!="object"||!s||s.resources===void 0)continue;Mr(n,s)||console.error(r)}catch{console.error(r)}}}}class Nn extends fe.Component{constructor(o){super(o),this.state={icon:null}}_abortLoading(){this._loading&&(this._loading.abort(),this._loading=null)}_setData(o){this.state.icon!==o&&this.setState({icon:o})}_checkIcon(o){const n=this.state,r=this.props.icon;if(typeof r=="object"&&r!==null&&typeof r.body=="string"){this._icon="",this._abortLoading(),(o||n.icon===null)&&this._setData({data:r});return}let s;if(typeof r!="string"||(s=it(r,!1,!0))===null){this._abortLoading(),this._setData(null);return}const i=Sr(s);if(!i){(!this._loading||this._loading.name!==r)&&(this._abortLoading(),this._icon="",this._setData(null),i!==null&&(this._loading={name:r,abort:il([s],this._checkIcon.bind(this,!1))}));return}if(this._icon!==r||n.icon===null){this._abortLoading(),this._icon=r;const l=["iconify"];s.prefix!==""&&l.push("iconify--"+s.prefix),s.provider!==""&&l.push("iconify--"+s.provider),this._setData({data:i,classes:l}),this.props.onLoad&&this.props.onLoad(r)}}componentDidMount(){this._checkIcon(!1)}componentDidUpdate(o){o.icon!==this.props.icon&&this._checkIcon(!0)}componentWillUnmount(){this._abortLoading()}render(){const o=this.props,n=this.state.icon;if(n===null)return o.children?o.children:fe.createElement("span",{});let r=o;return n.classes&&(r={...o,className:(typeof o.className=="string"?o.className+" ":"")+n.classes.join(" ")}),yl({...Yt,...n.data},r,o._inline,o._ref)}}const vl=fe.forwardRef(function(o,n){const r={...o,_ref:n,_inline:!1};return fe.createElement(Nn,r)});fe.forwardRef(function(o,n){const r={...o,_ref:n,_inline:!0};return fe.createElement(Nn,r)});var wl=vl;const Cl=e=>{const o=e.includes("youtube.com")||e.includes("youtu.be"),n=e.includes("vimeo.com");return o||n};function at({url:e,style:o,controls:n,modestbranding:r}){var a;const{t:s}=Q(),i=e.includes("youtube.com")||e.includes("youtu.be"),l=e.includes("vimeo.com");if(i){const c=((a=e.split("v=")[1])==null?void 0:a.split("&")[0])||e.split("/").pop();return t.jsx("div",{style:{position:"relative",width:"100%",paddingTop:"56.25%",pointerEvents:(o==null?void 0:o.pointerEvents)||"auto"},children:t.jsx("iframe",{src:`https://www.youtube.com/embed/${c}?modestbranding=${r}&controls=${n}&rel=0`,title:"YouTube video player",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"none",...o},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}if(l){const c=e.split("/").pop();return t.jsx("div",{style:{position:"relative",width:"100%",paddingTop:"56.25%",pointerEvents:o.pointerEvents||"auto"},children:t.jsx("iframe",{src:`https://player.vimeo.com/video/${c}`,title:"Vimeo video player",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"none",...o},allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0})})}return t.jsx(u,{style:{position:"relative",width:"100%",paddingTop:"56.25%"},children:t.jsxs(u,{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"none",backgroundColor:"rgba(0, 0, 0, 0.04)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...o},allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,children:[t.jsx(wl,{icon:"carbon:video-off",style:{fontSize:40,marginBottom:"10px",opacity:.5}}),t.jsx(z,{variant:"body1",sx:{opacity:.5},children:s("studio.videoDialogNoSrc")})]})})}at.propTypes={url:d.string.isRequired,style:d.object,controls:d.number,modestbranding:d.number};at.defaultProps={style:{},controls:1,modestbranding:1};function An({setParams:e,onClose:o,params:n}){const{t:r}=Q(),[s,i]=w.useState(""),l=s&&n.blockletVideos.includes(s),a=Cl(s),c=()=>{e(f=>{const h=[...f.blockletVideos];return h.push(s),{...f,blockletVideos:h}}),o()};return t.jsxs(rt,{open:!0,fullWidth:!0,maxWidth:"sm",children:[t.jsx(Jo,{children:r("studio.videoDialogTitle")}),t.jsxs(Qo,{children:[t.jsx(es,{fullWidth:!0,value:s,onChange:f=>i(f.target.value),placeholder:r("studio.videoInputLabel"),endAdornment:s?t.jsx(Ve,{position:"end",children:t.jsx(oe,{onClick:()=>i(""),children:t.jsx(js,{})})}):null,error:l}),l&&t.jsx(z,{variant:"body2",color:"error",children:r("studio.duplicateVideo")}),t.jsx(at,{url:s,style:{marginTop:"20px",borderRadius:"4px"}})]}),t.jsxs(Yo,{children:[t.jsx(Z,{onClick:()=>o(),children:r("studio.cancel")}),t.jsx(Z,{disabled:!a||l,onClick:c,children:r("studio.confirm")})]})]})}An.propTypes={onClose:d.func.isRequired,params:d.object.isRequired,setParams:d.func.isRequired};const Ao=w.lazy(()=>en(()=>import("./index-BtWvJbA-.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10])).then(e=>({default:e.Uploader})));function En({projectId:e,readOnly:o,loading:n,blocklet:r,params:s,setParams:i,paramsErrTip:l,setParamsErrTip:a,setLoading:c,initUrl:f,initLogoUrl:h,setInitLogoUrl:j,componentDid:x}){const{t:p,locale:k}=Q(),{api:v}=me(),I=St(),g=w.useRef(null),b=w.useRef(null),[C,_]=br(r),[T,D]=w.useState(!1),$=Ps({messageType:"connect-store-message",onOpen:()=>c(!0),onClose:()=>c(!1)}),R=async S=>{const P=setTimeout(()=>{c(!1)},2e4),W=await gr(v,S);c(!1),clearTimeout(P),window.parent.postMessage({event:"studioDialog.connected",componentDid:x},"*"),I(window.location.pathname.replace(`${X.UNOWNED_DID}/create`,`${W}/create`),{replace:!0})},N=()=>{if(!s.blockletTitle){U.error(p("blocklet.publish.errorTip.noTitle"));return}if(!(C!=null&&C.url)){U.error(p("blocklet.publish.noStoreSelected"));return}const S=xr();$(async(P,W)=>{var F,G,ee;try{const J=await v.connectByStudio({input:{did:(F=r==null?void 0:r.meta)==null?void 0:F.did,blockletTitle:s==null?void 0:s.blockletTitle,storeUrl:C.url,storeId:C.id,storeName:C.name,type:((G=s==null?void 0:s.blockletComponents)==null?void 0:G.length)>0?"pack":"resource",componentDid:x,messageId:S,tenantScope:(f==null?void 0:f.searchParams.get("tenantScope"))||""}});if(!(J!=null&&J.url)){U.error("failed to connect to store");return}W(J.url),R({did:(ee=r==null?void 0:r.meta)==null?void 0:ee.did,projectId:"",messageId:S})}catch(J){const se=De(J);U.error(se),c(!1)}})},q=`${X.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${r.meta.did}/${e}/logo/upload`,E=`${X.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${r.meta.did}/${e}/screenshot/upload`,m=s!=null&&s.blockletLogo?`${q}/${s.blockletLogo}`:`${X.WELLKNOWN_SERVICE_PATH_PREFIX}/static/images/logo.png`,y=((s==null?void 0:s.blockletScreenshots)||[]).filter(Boolean).map(S=>`${E}/${S}`),L=()=>o?!1:!e||e===X.UNOWNED_DID?(U.error(p("blocklet.publish.errorTip.noFirstDid")),!1):!0,O=S=>{if(!S.destination)return;const P=Array.from(s.blockletScreenshots),[W]=P.splice(S.source.index,1);P.splice(S.destination.index,0,W),i(F=>({...F,blockletScreenshots:P}))},B=S=>{if(!S.destination)return;const P=Array.from(s.blockletVideos),[W]=P.splice(S.source.index,1);P.splice(S.destination.index,0,W),i(F=>({...F,blockletVideos:P}))};return t.jsxs(Rl,{children:[t.jsx(u,{display:"flex",className:"section",children:t.jsxs(u,{sx:{flex:1},children:[t.jsx(Y,{disabled:n||o,label:`Blocklet ${p("common.title")}`,placeholder:`Blocklet ${p("common.title")}`,InputProps:{"data-cy":"blocklet-title",readOnly:o},autoComplete:"off",variant:"outlined",fullWidth:!0,required:!0,value:s.blockletTitle||"",onChange:S=>{a({blockletTitle:""}),i({blockletTitle:S.target.value})},error:!!l.blockletTitle,helperText:l.blockletTitle||""}),t.jsx(Y,{required:!0,label:"Blocklet DID",fullWidth:!0,readonly:!0,disabled:!0,autoComplete:"off",variant:"outlined",InputProps:{"data-cy":"export-blocklet-did",endAdornment:e===X.UNOWNED_DID&&t.jsx(Ve,{position:"end",children:t.jsx(Qt,{blocklet:r,store:C,componentDid:x,onChangeStore:_,disabled:!s.blockletTitle||o||n,loading:n,onClick:N})})},error:!!l.projectId,helperText:l.projectId||"",value:e===X.UNOWNED_DID?"":`did:abt:${e}`,sx:{mt:3}}),t.jsx(Y,{disabled:n||o,label:`Blocklet ${p("common.description")}`,placeholder:`Blocklet ${p("common.description")}`,InputProps:{"data-cy":"blocklet-description",readOnly:o},required:!0,autoComplete:"off",variant:"outlined",fullWidth:!0,value:s.blockletDescription||"",onChange:S=>{a({blockletDescription:""}),i({blockletDescription:S.target.value})},error:!!l.blockletDescription,helperText:l.blockletDescription||"",sx:{mt:3}}),t.jsx(Y,{disabled:n||o,label:`Blocklet ${p("common.homepageTip")}`,placeholder:`Blocklet ${p("common.homepageTip")}`,InputProps:{"data-cy":"blocklet-homepage",readOnly:o},autoComplete:"off",variant:"outlined",fullWidth:!0,value:s.blockletHomepage||"",onChange:S=>{S.target.value&&!/^(http|https):\/\//.test(S.target.value)?a({blockletHomepage:p("blocklet.publish.errorTip.invalidUrl")}):a({blockletHomepage:""}),i({blockletHomepage:S.target.value})},error:!!l.blockletHomepage,helperText:l.blockletHomepage||"",sx:{mt:3}}),t.jsx(Y,{disabled:n||o,label:`Blocklet ${p("common.community")}`,placeholder:`Blocklet ${p("common.community")}`,InputProps:{"data-cy":"blocklet-community",readOnly:o},autoComplete:"off",variant:"outlined",fullWidth:!0,value:s.blockletCommunity||"",onChange:S=>{S.target.value&&!/^(http|https):\/\//.test(S.target.value)?a({blockletCommunity:p("blocklet.publish.errorTip.invalidUrl")}):a({blockletCommunity:""}),i({blockletCommunity:S.target.value})},error:!!l.blockletCommunity,helperText:l.blockletCommunity||"",sx:{mt:3}}),t.jsx(Y,{disabled:n||o,label:`Blocklet ${p("common.support")}`,placeholder:`Blocklet ${p("common.support")}`,InputProps:{"data-cy":"blocklet-support",readOnly:o},autoComplete:"off",variant:"outlined",fullWidth:!0,value:s.blockletSupport||"",onChange:S=>{S.target.value&&!/^(http|https):\/\//.test(S.target.value)&&!/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(S.target.value)?a({blockletSupport:p("blocklet.publish.errorTip.invalidUrlOrEmail")}):a({blockletSupport:""}),i({blockletSupport:S.target.value})},error:!!l.blockletSupport,helperText:l.blockletSupport||"",sx:{mt:3}}),t.jsx(Y,{disabled:n||o,label:`Blocklet ${p("common.repository")}`,placeholder:`Blocklet ${p("common.repository")}`,InputProps:{"data-cy":"blocklet-repository",readOnly:o},autoComplete:"off",variant:"outlined",fullWidth:!0,value:s.blockletRepository||"",onChange:S=>{S.target.value&&!/^(git|https|svn)/.test(S.target.value)?a({blockletRepository:p("blocklet.publish.errorTip.invalidUrl")}):a({blockletRepository:""}),i({blockletRepository:S.target.value})},error:!!l.blockletRepository,helperText:l.blockletRepository||"",sx:{mt:3}})]})}),t.jsx(u,{display:"flex",mt:3,className:"section full-width",children:t.jsxs(u,{sx:{flex:1},children:[t.jsxs(u,{display:"flex",flexDirection:"row",flexWrap:"wrap",children:[t.jsxs(ke,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[t.jsx(z,{variant:"subtitle1",sx:{fontWeight:"bold"},children:p("common.logo")}),t.jsxs(ke,{direction:"column",alignItems:"flex-start",spacing:1,sx:{opacity:.8,fontSize:"12px"},children:[t.jsx(u,{children:t.jsxs(u,{component:"span",children:[t.jsxs(u,{component:"span",sx:{color:"#555"},children:[p("studio.type"),":"," "]}),t.jsx(u,{component:"span",sx:{color:"#007ec6"},children:"png, jpg, webp, svg"})]})}),t.jsx(u,{children:t.jsxs(u,{component:"span",children:[t.jsxs(u,{component:"span",sx:{color:"#555"},children:[p("studio.ratio"),":"," "]}),t.jsx(u,{component:"span",sx:{color:"#007ec6"},children:"256x256"})]})}),t.jsx(u,{children:t.jsxs(u,{component:"span",children:[t.jsxs(u,{component:"span",sx:{color:"#555"},children:[p("studio.size"),":"," "]}),t.jsx(u,{component:"span",sx:{color:"#007ec6"},children:"<500Kb"})]})})]})]}),t.jsx(u,{sx:{flex:1,cursor:o?"default":"pointer",display:"flex",alignItems:"flex-end"},children:t.jsx(Vo,{variant:"square",sx:{width:80,height:80},alt:"Blocklet Logo",src:h||m,onClick:()=>{var S;L()&&((S=g.current)==null||S.open())}})})]}),t.jsxs(u,{display:"flex",mt:3,flexDirection:"row",flexWrap:"wrap",children:[t.jsxs(ke,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[t.jsx(z,{variant:"subtitle1",sx:{fontWeight:"bold"},children:p("common.screenshot")}),t.jsxs(ke,{direction:"column",alignItems:"flex-start",spacing:1,sx:{opacity:.8,fontSize:"12px"},children:[t.jsx(u,{sx:{border:"none"},variant:"outlined",size:"small",children:t.jsxs(u,{component:"span",children:[t.jsxs(u,{component:"span",sx:{color:"#555"},children:[p("studio.ratio"),":"," "]}),t.jsx(u,{component:"span",sx:{color:"#007ec6"},children:"16 / 9"})]})}),t.jsx(u,{children:t.jsxs(u,{component:"span",children:[t.jsxs(u,{component:"span",sx:{color:"#555"},children:[p("studio.count"),":"," "]}),t.jsx(u,{component:"span",sx:{color:"#007ec6"},children:"1~5"})]})}),t.jsx(u,{children:t.jsxs(u,{component:"span",children:[t.jsxs(u,{component:"span",sx:{color:"#555"},children:[p("studio.size"),":"," "]}),t.jsx(u,{component:"span",sx:{color:"#007ec6"},children:"<5MB"})]})}),!o&&t.jsx(u,{children:t.jsxs(u,{component:"span",children:[t.jsxs(u,{component:"span",sx:{color:"#555"},children:[p("studio.order"),":"," "]}),t.jsx(u,{component:"span",sx:{color:"#007ec6"},children:p("studio.orderTip")})]})})]})]}),t.jsx(bo,{onDragEnd:o?void 0:O,children:t.jsx(xo,{droppableId:"screenshots",direction:"horizontal",isDropDisabled:o,children:(S,P)=>t.jsxs(u,{display:"flex",alignItems:"center",sx:{flex:1,flexWrap:"wrap",minHeight:160,background:P.isDraggingOver?"#f5f5f5":"transparent",transition:"background-color 0.2s ease",border:P.isDraggingOver?"2px dashed #999":"none",borderRadius:"4px"},ref:S.innerRef,...S.droppableProps,children:[y.map((W,F)=>t.jsx(go,{draggableId:W,index:F,isDragDisabled:o,children:(G,ee)=>t.jsxs(u,{ref:G.innerRef,...G.draggableProps,className:"screenshot",sx:{transform:ee.isDragging?"scale(1.05)":"none",boxShadow:ee.isDragging?"0 5px 10px rgba(0,0,0,0.15)":"none",transition:"transform 0.2s ease, box-shadow 0.2s ease"},children:[t.jsx("img",{alt:"screenshot",src:W}),!o&&t.jsx(oe,{...G.dragHandleProps,className:"action",style:{right:40,zIndex:10,color:"#fff"},children:t.jsx(gt,{})}),!o&&t.jsx(oe,{className:"action",onClick:()=>{i(J=>{const se=[...J.blockletScreenshots];return se.splice(F,1),{...J,blockletScreenshots:se}})},children:t.jsx(jo,{})})]})},W)),S.placeholder,y.length<5&&t.jsx(u,{sx:{width:240,height:135,background:"#eee",cursor:o?"default":"pointer",color:"#999",mb:2},display:"flex",justifyContent:"center",alignItems:"center",fontSize:40,onClick:()=>{var W;L()&&((W=b.current)==null||W.open())},children:"+"})]})})})]}),t.jsxs(u,{display:"flex",mt:3,flexDirection:"row",flexWrap:"wrap",children:[t.jsxs(ke,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[t.jsx(z,{variant:"subtitle1",sx:{fontWeight:"bold"},children:p("studio.video")}),t.jsxs(ke,{direction:"column",alignItems:"flex-start",spacing:1,sx:{opacity:.8,fontSize:"12px"},children:[t.jsx(u,{children:t.jsxs(u,{component:"span",children:[t.jsxs(u,{component:"span",sx:{color:"#555"},children:[p("studio.videoType"),":"," "]}),t.jsxs(u,{component:"span",sx:{color:"#007ec6"},children:[t.jsx("a",{href:"https://www.youtube.com/",target:"_blank",rel:"noreferrer",children:"Youtube"}),","," ",t.jsx("a",{href:"https://vimeo.com/",target:"_blank",rel:"noreferrer",children:"Vimeo"})]})]})}),t.jsx(u,{children:t.jsxs(u,{component:"span",children:[t.jsxs(u,{component:"span",sx:{color:"#555"},children:[p("studio.count"),":"," "]}),t.jsx(u,{component:"span",sx:{color:"#007ec6"},children:"1~3"})]})}),!o&&t.jsx(u,{children:t.jsxs(u,{component:"span",children:[t.jsxs(u,{component:"span",sx:{color:"#555"},children:[p("studio.order"),":"," "]}),t.jsx(u,{component:"span",sx:{color:"#007ec6"},children:p("studio.orderTip")})]})})]})]}),t.jsx(bo,{onDragEnd:o?void 0:B,children:t.jsx(xo,{droppableId:"videos",direction:"horizontal",isDropDisabled:o,children:(S,P)=>t.jsxs(u,{display:"flex",alignItems:"center",sx:{flex:1,flexWrap:"wrap",minHeight:160,background:P.isDraggingOver?"#f5f5f5":"transparent",transition:"background-color 0.2s ease",border:P.isDraggingOver?"2px dashed #999":"none",borderRadius:"4px"},ref:S.innerRef,...S.droppableProps,children:[s.blockletVideos.map((W,F)=>t.jsx(go,{draggableId:W,index:F,isDragDisabled:o,children:(G,ee)=>t.jsxs(u,{ref:G.innerRef,...G.draggableProps,className:"screenshot",sx:{transform:ee.isDragging?"scale(1.05)":"none",boxShadow:ee.isDragging?"0 5px 10px rgba(0,0,0,0.15)":"none",transition:"transform 0.2s ease, box-shadow 0.2s ease"},children:[t.jsx(at,{url:W,style:{pointerEvents:ee.isDragging?"none":"auto"}}),!o&&t.jsx(oe,{...G.dragHandleProps,className:"action",style:{right:40,zIndex:10,color:"#fff"},children:t.jsx(gt,{})}),!o&&t.jsx(oe,{className:"action",onClick:()=>{i(J=>{const se=[...J.blockletVideos];return se.splice(F,1),{...J,blockletVideos:se}})},children:t.jsx(jo,{})})]})},W)),S.placeholder,s.blockletVideos.length<3&&t.jsx(u,{sx:{width:240,height:135,background:"#eee",cursor:o?"default":"pointer",color:"#999",mb:2},display:"flex",justifyContent:"center",alignItems:"center",fontSize:40,onClick:()=>{L()&&D(!0)},children:"+"})]})})})]})]})}),t.jsxs(w.Suspense,{fallback:t.jsx(We,{}),children:[t.jsx(Ao,{ref:g,locale:k,popup:!0,onUploadFinish:S=>{var P;i({blockletLogo:S.data.filename}),j(""),(P=g.current)==null||P.close()},plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:q,disableMediaKitPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileTypes:["image/png","image/jpeg","image/webp","application/svg+xml"],maxFileSize:1024*1024*.5,maxNumberOfFiles:1}},dashboardProps:{autoOpen:"imageEditor"},imageEditorProps:{actions:{revert:!0,rotate:!0,granularRotate:!0,flip:!0,zoomIn:!0,zoomOut:!0,cropSquare:!1,cropWidescreen:!1,cropWidescreenVertical:!1},cropperOptions:{autoCrop:!0,aspectRatio:1,initialAspectRatio:1,autoCropArea:1,croppedCanvasOptions:{minWidth:256,minHeight:256}}}},"uploader-logo"),T&&t.jsx(An,{onClose:()=>D(!1),params:s,setParams:i}),t.jsx(Ao,{ref:b,popup:!0,onUploadFinish:S=>{var P;i(W=>{var G;const F=W.blockletScreenshots||[];return F.push((G=S.data)==null?void 0:G.filename),{...W,blockletScreenshots:F}}),(P=b.current)==null||P.close()},installerProps:{disabled:!0},plugins:["ImageEditor"],apiPathProps:{uploader:E,disableMediaKitPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileTypes:["image/*","application/svg+xml"],maxFileSize:1024*1024*5,maxNumberOfFiles:5-y.length}},dashboardProps:{autoOpen:"imageEditor"},imageEditorProps:{actions:{revert:!0,rotate:!0,granularRotate:!0,flip:!0,zoomIn:!0,zoomOut:!0,cropSquare:!1,cropWidescreen:!1,cropWidescreenVertical:!1},cropperOptions:{autoCrop:!0,autoCropArea:1,aspectRatio:16/9,initialAspectRatio:16/9,croppedCanvasOptions:{minWidth:1280,minHeight:720,maxWidth:1280*2,maxHeight:720*2}}}},"uploader-screenshot")]})]})}En.propTypes={projectId:d.string.isRequired,readOnly:d.bool.isRequired,params:d.object.isRequired,setParams:d.func.isRequired,paramsErrTip:d.object.isRequired,setParamsErrTip:d.func.isRequired,loading:d.bool.isRequired,blocklet:d.object.isRequired,setLoading:d.func.isRequired,initUrl:d.object.isRequired,componentDid:d.isRequired,initLogoUrl:d.string.isRequired,setInitLogoUrl:d.func.isRequired};const Rl=ae.div`
+  margin-top: 24px;
+  .screenshot {
+    margin-bottom: 16px;
+    max-width: 240px;
+    max-height: 135px;
+    width: 240px;
+    height: 135px;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #eee;
+    margin-right: 16px;
+    position: relative;
+    .action {
+      visibility: hidden;
+      position: absolute;
+      width: 42px;
+      height: 42px;
+      right: 6px;
+      top: 6px;
+      border-radius: 4px;
+      background-color: rgba(0, 0, 0, 1);
+      color: rgba(255, 255, 255, 1);
+    }
+    &:hover .action {
+      visibility: visible;
+    }
+  }
+  .screenshot img {
+    width: 100%; /* 图像宽度填充容器 */
+    height: auto; /* 图像高度自适应 */
+  }
+`;var so={},Sl=he;Object.defineProperty(so,"__esModule",{value:!0});var Mn=so.default=void 0,Il=Sl(be()),Dl=t;Mn=so.default=(0,Il.default)((0,Dl.jsx)("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M14 13v4h-4v-4H7l4.65-4.65c.2-.2.51-.2.71 0L17 13z"}),"CloudUploadRounded");const Tl=(e,o,n,r)=>{const s=e?[...e]:[],i=((o==null?void 0:o.children)||[]).reduce((l,a)=>(l[a.meta.did]=!0,l),{});return Object.keys(n).forEach(l=>{if(!i[l])return;let a=!1;r||s.forEach(c=>{c.did===l&&(c.included=!0,c.required=!0,a=!0)}),a||s.push({did:l,included:!0,required:!0})}),s},_l=async e=>{if(typeof e!="string")throw new Error("URL must be a string");try{const o=e.split("/").pop().split("?")[0],r=await(await fetch(e)).blob();return new File([r],o,{type:r.type})}catch{throw new Error("Failed to convert Logo URL to file")}};function*Pl(e,o){let n=0;for(;n<e.size;)yield e.slice(n,n+o),n+=o}const Ll=async({did:e,projectId:o,uploadType:n="logo",imageUrl:r})=>{const s=await _l(r);new FormData().append("file",s);const l={uploaderId:"Uploader",relativePath:encodeURIComponent(s.name),name:encodeURIComponent(s.name),type:s.type},c=(await ho.post(ie(X.WELLKNOWN_SERVICE_PATH_PREFIX,"/api/project",e,o,n,"upload"),null,{headers:{"Tus-Resumable":"1.0.0","Upload-Length":s.size,"X-Uploader-File-Ext":s.name.split(".").pop(),"Upload-Metadata":Object.keys(l).map(x=>`${x} ${btoa(l[x])}`).join(",")}})).headers.location,f=2*1024*1024;let h=0,j="";for(const x of Pl(s,f)){const p=await ho.patch(ie(X.WELLKNOWN_SERVICE_PATH_PREFIX,c),x,{headers:{"Tus-Resumable":"1.0.0","Upload-Offset":h,"Content-Type":"application/offset+octet-stream"}});h+=x.size,j=p.data.filename}return j},zn=({params:e,projectId:o,status:n,t:r})=>{const s=[];return e.blockletTitle||s.push({param:"blockletTitle",message:r("blocklet.publish.errorTip.noTitle")}),(!o||o===X.UNOWNED_DID)&&s.push({param:"projectId",message:r("blocklet.publish.errorTip.noDid")}),e.blockletVersion?Ie.valid(e.blockletVersion)||s.push({param:"blockletVersion",message:r("blocklet.publish.errorTip.inValidVersion")}):s.push({param:"blockletVersion",message:r("blocklet.publish.errorTip.noVersion")}),n===re.PROJECT.RELEASE_STATUS.published&&(e.blockletDescription||s.push({param:"blockletDescription",message:r("blocklet.publish.errorTip.noDescription")}),e.note||s.push({param:"note",message:r("blocklet.publish.errorTip.noNote")})),s.length?s:null},ql=({params:e,step:o,t:n,projectId:r})=>{if(o===0){if(!e.blockletTitle)return n("blocklet.publish.errorTip.noTitle");if(!r||r===X.UNOWNED_DID)return n("blocklet.publish.errorTip.noDid");if(!e.blockletDescription)return n("blocklet.publish.errorTip.noDescription")}if(o>=4){if(!e.blockletVersion)return n("blocklet.publish.errorTip.noVersion");if(!Ie.valid(e.blockletVersion))return n("blocklet.publish.errorTip.inValidVersion");if(!e.note)return n("blocklet.publish.errorTip.noNote")}return""};function ro({blocklet:e,releaseId:o,connectedStores:n,projectId:r,releaseType:s,publishedStoreIds:i,onPublish:l,onDelete:a,projectType:c,componentDid:f,onOpenConnectStore:h,behavior:j,onSelectConnectStore:x}){var C,_;const{t:p}=Q(),{actions:{refreshBlocklet:k}}=_e(),{session:v}=lt(),{storeList:I}=gn({fromBlocklet:!0,blocklet:e,componentDid:f,userDid:(C=v==null?void 0:v.user)==null?void 0:C.did}),g=w.useMemo(()=>n!=null&&n.length?n==null?void 0:n.reduce((T,D)=>(T[D.storeId]=D,T),{}):{},[n]),b=(_=e==null?void 0:e.meta)==null?void 0:_.did;return t.jsxs(t.Fragment,{children:[j==="connect"&&!!(I!=null&&I.length)&&t.jsx(Uo,{severity:"info",style:{width:"100%"},children:t.jsxs(u,{color:ts[400],component:"a",href:c==="pack"?"https://www.arcblock.io/docs/blocklet-developer/en/5PXToZve-5IXAN1bc8rkpxAc":"https://www.arcblock.io/docs/blocklet-developer/en/hB5VWLfg9VnbWsL1JGLuLUfW",target:"_blank",display:"flex",alignItems:"center",rel:"noreferrer",children:[p(c==="pack"?"blocklet.publish.whyCantSeeInStore":"blocklet.publish.whyCantSeeResourceBlockletInStore"),t.jsx(zs,{sx:{marginLeft:1}})]})}),t.jsx(os,{children:I==null?void 0:I.map(T=>t.jsx(ns,{"data-cy":"store-switch",children:t.jsx(ss,{children:t.jsx(Ls,{behavior:j,onSelectConnectStore:x,releaseId:o,projectId:r,releaseType:s,kind:"publish",teamDid:b,store:T,published:(i==null?void 0:i.indexOf(T.id))>-1,connectedStore:g[T.id],onPublish:l,onDelete:a,scope:T.scope||"studio",onOpenConnectStore:h})})},T.url))}),t.jsx(ln,{teamDid:b,storeList:I,scope:"studio",onAdd:k})]})}ro.propTypes={blocklet:d.object.isRequired,projectId:d.string.isRequired,releaseId:d.string.isRequired,releaseType:d.string.isRequired,onPublish:d.func,onDelete:d.func,publishedStoreIds:d.arrayOf(d.string),connectedStores:d.arrayOf(d.object).isRequired,projectType:d.string,componentDid:d.string,onOpenConnectStore:d.func,onSelectConnectStore:d.func,behavior:d.string};ro.defaultProps={projectType:"",componentDid:"",publishedStoreIds:[],onPublish:()=>{},onDelete:()=>{},onOpenConnectStore:()=>{},onSelectConnectStore:()=>{},behavior:"connect"};function On({did:e,params:o,setParams:n,projectId:r,open:s,onClose:i}){const{t:l}=Q(),[a,c]=w.useState(!1),{api:f}=me(),[h,j]=w.useState(!1),[x,p]=w.useState(!1),k=()=>{j(o.autoUpload),p(o.possibleSameStore),c(!1),i(!1)},v=async()=>{c(!0);try{await f.updateProject({input:{did:e,projectId:r,blockletTitle:o.blockletTitle||"",blockletDescription:o.blockletDescription||"",blockletIntroduction:o.blockletIntroduction||"",autoUpload:!!h,possibleSameStore:!!x}}),n({autoUpload:h,possibleSameStore:x}),i(!1)}catch(g){U.error(g.message)}c(!1)};w.useEffect(()=>{j(o.autoUpload),p(o.possibleSameStore)},[o]);const I=!!(r&&r!==X.UNOWNED_DID);return t.jsx(Tt,{title:l("blocklet.publish.projectSettings"),disableEscapeKeyDown:!0,disablePortal:!1,fullWidth:!0,open:s,onClose:k,actions:t.jsxs(t.Fragment,{children:[t.jsx(Z,{onClick:g=>{g.stopPropagation(),i()},color:"inherit",children:l("common.cancel")}),I&&t.jsxs(Z,{onClick:g=>{g.stopPropagation(),v()},color:"primary","data-cy":"install-blocklet-next-step",disabled:a,variant:"contained",autoFocus:!0,children:[a&&t.jsx(Ze,{size:16}),l("common.confirm")]})]}),children:I?t.jsxs(u,{component:"label",sx:{display:"flex",flexDirection:"column",gap:2},children:[t.jsxs(u,{sx:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(u,{component:ne,icon:"ph:upload",sx:{fontSize:24,mr:2}}),t.jsx(z,{variant:"body1",sx:{flex:1},children:l("blocklet.publish.autoUploadTip")}),t.jsx(ye,{checked:h,onChange:(g,b)=>j(b)})]}),t.jsxs(u,{component:"label",sx:{display:"flex",flexDirection:"row",alignItems:"center"},children:[t.jsx(u,{component:ne,icon:"fluent-mdl2:merge-duplicate",sx:{fontSize:24,mr:2}}),t.jsx(z,{variant:"body1",sx:{flex:1},children:l("blocklet.publish.possibleSameStoreTip")}),t.jsx(ye,{checked:x,onChange:(g,b)=>p(b)})]})]}):t.jsxs(u,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[t.jsx(u,{component:ne,icon:"ph:empty",sx:{fontSize:40,mb:3,opacity:.6}}),t.jsx(z,{variant:"body1",sx:{flex:1},children:l("blocklet.publish.needProjectId")})]})})}On.propTypes={did:d.string.isRequired,params:d.object.isRequired,open:d.bool.isRequired,onClose:d.func.isRequired,setParams:d.func.isRequired,projectId:d.string.isRequired};function Bn({downloadUrl:e,installUrl:o,handleSetTip:n,isPack:r,disabled:s}){const{t:i}=Q(),[l,a]=w.useState(!1),c=w.useRef(null),f=()=>{a(!l)},h=j=>{c.current&&c.current.contains(j.target)||a(!1)};return t.jsxs(t.Fragment,{children:[t.jsx(Z,{disabled:s,ref:c,onClick:f,children:t.jsx(u,{component:ne,sx:{fontSize:18},icon:"bxs:download"})}),t.jsx(Fo,{sx:{zIndex:10},open:l,anchorEl:c.current,placement:"bottom-end",role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:j})=>t.jsx(Ho,{...j,style:{transformOrigin:"center top"},children:t.jsx(It,{children:t.jsx(Go,{onClickAway:h,children:t.jsxs(Xo,{id:"split-button-menu",autoFocusItem:!0,sx:{maxHeight:300,overflowY:"auto",zIndex:10},children:[r&&t.jsx(u,{component:"a",href:o,target:"_blank",rel:"noreferrer",sx:{textDecoration:"none"},children:t.jsxs(ue,{sx:{color:"#333"},children:[t.jsx(u,{component:ne,sx:{mr:1},icon:"ic:round-install-desktop"}),t.jsx(z,{variant:"inherit",children:i("blocklet.publish.installToThisServer")})]})}),t.jsxs(ue,{onClick:n,children:[t.jsx(u,{component:ne,sx:{mr:1},icon:"iconamoon:copy"}),t.jsx(z,{variant:"inherit",children:i("blocklet.publish.copyInstallUrl")})]}),t.jsx(u,{component:"a",href:e,target:"_blank",rel:"noreferrer",sx:{textDecoration:"none"},children:t.jsxs(ue,{sx:{color:"#333"},children:[t.jsx(u,{component:ne,sx:{mr:1},icon:"ph:download"}),t.jsx(z,{variant:"inherit",children:i("common.download")})]})})]})})})})})]})}Bn.propTypes={disabled:d.bool.isRequired,isPack:d.bool.isRequired,downloadUrl:d.string.isRequired,installUrl:d.string.isRequired,handleSetTip:d.func.isRequired};var Bo;const Eo=(Bo=window.env)==null?void 0:Bo.serverEndpoint;function Vn({projectId:e,params:o,setParamsErrTip:n,initUrl:r,setParams:s,mode:i,loading:l,blocklet:a,release:c,isPublished:f,releaseId:h,getData:j,getRelease:x,paramsErrTip:p,componentDid:k,resourceRelateComponents:v,disabledSelectComponents:I,saveSelectedEventsRef:g,hasSelectedResources:b,initLogoUrl:C,setLoading:_,releaseUsedLast:T,setReleaseUsedLast:D,projectType:$}){var qe;const{t:R,locale:N}=Q(),{api:q}=me(),E=St(),[m,y]=w.useState(!1),[L,O]=w.useState(!1),[B,S]=w.useState(),P=Be(te=>te.breakpoints.down("md")),W=w.useMemo(()=>{var te;return o!=null&&o.blockletResourceType?o==null?void 0:o.blockletResourceType:((te=o==null?void 0:o.blockletComponents)==null?void 0:te.length)>0?(o==null?void 0:o.blockletComponents.find(A=>A.included))?"resource":"pack":"resource"},[o==null?void 0:o.blockletComponents,o==null?void 0:o.blockletResourceType]),F=()=>{window.parent.postMessage({event:"studioDialog.uploaded",componentDid:k},"*"),x()},G=async te=>{var $e,Re,Ue,Fe;if(p!=null&&p.blockletHomepage||p!=null&&p.blockletSupport||p!=null&&p.blockletCommunity){U.error((p==null?void 0:p.blockletHomepage)||(p==null?void 0:p.blockletSupport)||(p==null?void 0:p.blockletCommunity));return}const ge=zn({params:o,hasSelectedResources:b,projectId:e,status:te,t:R});if(ge){U.error(ge.map(H=>H.message).join("; ")),n(ge.reduce((H,K)=>({...H,[K.param]:K.message}),{}));return}const A={...o};if(A.blockletComponents=Tl(A.blockletComponents,a,v,I),A.blockletVersion=Ie.valid(A.blockletVersion),!A.blockletVersion){U.error("Invalid Blocklet Version"),n({blockletVersion:"Invalid Blocklet Version"});return}if(C)try{const H=await Ll({did:a.meta.did,projectId:e,imageUrl:C});A.blockletLogo=H,s({blockletLogo:H})}catch(H){U.error(H.message);return}if(o.resourceFromSelect){A.uploadedResource="";try{const H=Object.keys(g.current);await et(H.map(K=>()=>{const He=g.current[K];return dr({api:q,locale:N,projectId:e,releaseId:T?"":h,appDid:a.meta.did,component:He.component,resources:He.resources,initUrl:r})}),{concurrency:2})}catch(H){U.error(((Ue=(Re=($e=H==null?void 0:H.response)==null?void 0:$e.data)==null?void 0:Re.error)==null?void 0:Ue.message)||H.message),n({blockletResource:"Invalid save the resource"});return}}else(Fe=o.blockletDocker)!=null&&Fe.dockerImage||(A.blockletComponents=[]);A.blockletTitle=(A.blockletTitle||"").trim(),A.blockletDescription=(A.blockletDescription||"").trim(),A.blockletSupport=(A.blockletSupport||"").trim(),A.blockletHomepage=(A.blockletHomepage||"").trim(),A.blockletCommunity=(A.blockletCommunity||"").trim(),A.blockletRepository=(A.blockletRepository||"").trim(),A.blockletIntroduction=(A.blockletIntroduction||"").trim(),A.note=(A.note||"").trim(),A.blockletComponents=((A==null?void 0:A.blockletComponents)||[]).filter(H=>H.included).map(H=>qt(H,["did","required"])).map(JSON.stringify),A.contentType!=="docker"&&(A.blockletDocker={dockerImage:"",dockerCommand:"",dockerArgs:[],dockerEnvs:[]});try{await q.createRelease({input:{...A,did:a.meta.did,projectId:e,releaseId:T?"":h,status:te}}),te==="draft"?U.success(R("blocklet.publish.saveDraftSuccess")):(D(!1),U.success(R("blocklet.publish.createReleaseSuccess")),window.parent.postMessage({event:"studioDialog.released",componentDid:k},"*")),n({blockletResource:"",blockletTitle:"",blockletDescription:"",blockletVersion:"",blockletLogo:"",projectId:"",blockletIntroduction:"",note:""})}catch(H){const K=De(H);U.error(K),(/resource/.test(K)||/zip/.test(K))&&n({blockletResource:K});return}const we=await q.getProject({input:{did:a.meta.did,projectId:e}}),Ce=we.project.lastReleaseId;o.autoUpload&&await et(we.project.connectedStores.map(H=>async()=>{try{const K=await q.publishToStore({input:{did:a.meta.did,storeId:H.storeId,storeName:H.storeName,projectId:e,releaseId:Ce,type:W}});U.success(t.jsx(qs,{storeName:H.storeName,storeUrl:H.storeUrl,developerDid:H.developerDid,published:K.url==="published"}),{duration:1e4})}catch(K){U.error(De(K))}}),{concurrency:4}),F==null||F(),E(`../${e}/view/${Ce}`,{replace:!0})},ee=te=>(_(!0),G(te).finally(()=>{_(!1)})),J=async te=>{await jr(q,te),j()},se=()=>{O(!0)},le=ie(Eo,`/api/project/${a.meta.did}/${e}/${h}/release/blocklet.json`),xe=new URL(Eo);xe.pathname=ie(xe.pathname,"/launch-blocklet/agreement"),xe.searchParams.set("blocklet_meta_url",le);const Pe=xe.href,Le=()=>S(le);return t.jsxs(t.Fragment,{children:[t.jsx($l,{className:"sticky-header",children:t.jsxs(u,{display:"flex",alignItems:"center",flexDirection:"row",children:[t.jsxs(Wo,{className:"breadcrumbs","aria-label":"breadcrumb",children:[t.jsx(ce,{to:"../",children:R("common.blockletStudio")}),e===X.UNOWNED_DID?t.jsx(z,{color:"text.primary",children:t.jsx(pe,{maxLength:P?6:30,children:(o==null?void 0:o.blockletTitle)||"Blocklet"})}):t.jsx(ce,{to:`../${e}`,children:t.jsx(pe,{maxLength:P?6:30,children:(o==null?void 0:o.blockletTitle)||"Blocklet"})}),t.jsx(z,{color:"text.primary",children:i==="create"?R("common.create"):(o==null?void 0:o.blockletVersion)||R("common.edit")})]}),t.jsx(u,{flex:"1"}),!f&&t.jsxs(xt,{disabled:l,variant:"contained",children:[t.jsxs(Z,{variant:"contained",onClick:()=>ee(re.PROJECT.RELEASE_STATUS.published),children:[l&&t.jsx(Ze,{size:14,sx:{mr:.5},color:"inherit"}),R("blocklet.publish.createRelease")]}),t.jsx(Z,{variant:"contained",onClick:se,children:t.jsx(ne,{icon:"mage:settings-fill",fontSize:"16px"})})]}),f&&t.jsxs(t.Fragment,{children:[t.jsx(rt,{fullWidth:!0,maxWidth:"sm",open:B,onClose:()=>S(""),children:t.jsxs(u,{sx:{py:5,px:4,wordBreak:"break-all"},children:[t.jsx(z,{variant:"h6",sx:{mb:2},children:R("blocklet.publish.installResourceTip")}),t.jsx(rn,{children:B}),t.jsxs(z,{sx:{mt:2},children:[R("blocklet.publish.installResourceTip2"),t.jsx("a",{style:{marginLeft:4},href:"https://www.arcblock.io/docs/blocklet-developer/how-to-use-install-url",target:"_blank",rel:"noreferrer",children:R("blocklet.publish.installResourceHelp")})]})]})}),t.jsxs(xt,{disabled:l,variant:"contained",children:[t.jsxs(Z,{onClick:()=>y(!0),children:[l?t.jsx(Ze,{size:14,sx:{mr:1},color:"inherit"}):t.jsx(Mn,{sx:{fontSize:"1.3em",mr:1}}),R(P?"common.upload":"blocklet.publish.connectOrUpload")]}),t.jsx(Bn,{isPack:W==="pack",downloadUrl:ie(`${X.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${a.meta.did}/${e}/${h}/download/${(c.files||[])[0]}`),installUrl:Pe,handleSetTip:Le}),t.jsx(Z,{onClick:se,children:t.jsx(ne,{icon:"mage:settings-fill",fontSize:"16px"})})]})]})]})}),t.jsx(Tt,{title:R("blocklet.publish.connectOrUpload"),disableEscapeKeyDown:!0,disablePortal:!1,fullWidth:!0,open:m,onClose:()=>y(!1),children:t.jsx(ro,{projectType:$,blocklet:a,releaseType:W,projectId:e,releaseId:h,componentDid:k,onPublish:F,onOpenConnectStore:J,onDelete:j,connectedStores:o.connectedStores||[],publishedStoreIds:c==null?void 0:c.publishedStoreIds})}),t.jsx(On,{did:(qe=a==null?void 0:a.meta)==null?void 0:qe.did,params:o,projectId:e,open:L,setParams:s,onClose:()=>O(!1)})]})}Vn.propTypes={projectId:d.string.isRequired,params:d.object.isRequired,mode:d.string.isRequired,loading:d.bool.isRequired,blocklet:d.object.isRequired,release:d.object.isRequired,isPublished:d.bool.isRequired,releaseId:d.string.isRequired,getData:d.func.isRequired,getRelease:d.func.isRequired,componentDid:d.string.isRequired,resourceRelateComponents:d.object.isRequired,disabledSelectComponents:d.bool.isRequired,saveSelectedEventsRef:d.object.isRequired,hasSelectedResources:d.bool.isRequired,initLogoUrl:d.string.isRequired,setLoading:d.func.isRequired,releaseUsedLast:d.bool.isRequired,setReleaseUsedLast:d.func.isRequired,projectType:d.string.isRequired,setParamsErrTip:d.func.isRequired,setParams:d.func.isRequired,initUrl:d.object.isRequired,paramsErrTip:d.object.isRequired};const $l=ae.div`
+  .sticky-header {
+    margin-top: -12px;
+    padding: 12px 0;
+    position: sticky;
+    top: 0;
+    z-index: 99;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-color: #fff;
+    padding-bottom: 12px;
+    border-bottom: ${({theme:e})=>`1px solid ${e.palette.divider}`};
+  }
+`;function Wn({text:e}){return e?t.jsx(Os,{wrapperElement:{"data-color-mode":"light"},source:ks.sanitize(e),rehypePlugins:[[Bs,{target:"_blank"}]]}):t.jsx(Te,{Icon:Nt})}Wn.propTypes={text:d.string.isRequired};function Un({params:e,setParams:o,paramsErrTip:n,loading:r,setParamsErrTip:s,readOnly:i}){var h;const{t:l}=Q(),[a,c]=w.useState(i?"preview":"write"),f=(j,x)=>{c(x)};return t.jsxs(u,{sx:{border:"1px solid #fff",width:"100%",borderRadius:2},children:[t.jsxs(u,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[t.jsx(z,{variant:"h6",fontWeight:"bold",sx:{},children:l("common.introduction")}),t.jsxs(Zo,{value:a,onChange:f,"aria-label":"wrapped label tabs example",children:[t.jsx(Ke,{value:"write",label:"Write"}),t.jsx(Ke,{value:"preview",label:"Preview"})]})]}),t.jsx(u,{display:a==="write"?"block":"none",sx:{width:"100%",marginTop:3},children:t.jsx(Y,{disabled:r||i,sx:{border:"none"},placeholder:`Blocklet ${l("common.introduction")}`,InputProps:{"data-cy":"export-blocklet-introduction",readOnly:i,endAdornment:t.jsxs(Ve,{position:"end",children:[((h=e==null?void 0:e.blockletIntroduction)==null?void 0:h.length)||0," / ",re.PROJECT.MAX_INTRO_LENGTH]})},autoComplete:"off",variant:"outlined",fullWidth:!0,multiline:!0,minRows:4,value:e.blockletIntroduction||"",onChange:j=>{s({blockletIntroduction:""}),o({blockletIntroduction:j.target.value.slice(0,re.PROJECT.MAX_INTRO_LENGTH)})},error:!!n.blockletIntroduction,helperText:n.blockletIntroduction||""})}),t.jsx(u,{display:a==="preview"?"block":"none",mt:3,children:t.jsx(Wn,{text:e.blockletIntroduction||""})})]})}Un.propTypes={params:d.object.isRequired,setParams:d.func.isRequired,paramsErrTip:d.object.isRequired,setParamsErrTip:d.func.isRequired,readOnly:d.bool.isRequired,loading:d.bool.isRequired};var lo={},Nl=he;Object.defineProperty(lo,"__esModule",{value:!0});var Fn=lo.default=void 0,Al=Nl(be()),Mo=t;Fn=lo.default=(0,Al.default)([(0,Mo.jsx)("circle",{cx:"12",cy:"19",r:"2"},"0"),(0,Mo.jsx)("path",{d:"M10 3h4v12h-4z"},"1")],"PriorityHigh");function io({step:e,ok:o,active:n,error:r}){let s="grey.500",i=e+1;return o&&(i=t.jsx(Vs,{sx:{fontSize:18,margin:0},color:"white"})),r||!o&&n>e?(s="error.main",i=t.jsx(Fn,{sx:{fontSize:18,margin:0},color:"white"})):n>=e&&(s="primary.main"),t.jsx(u,{width:24,height:24,bgcolor:s,borderRadius:"100%",color:"white",display:"flex",justifyContent:"center",fontWeight:"bold",fontSize:14,alignItems:"center",children:i})}io.propTypes={step:d.number,ok:d.bool,active:d.number,error:d.string};io.defaultProps={step:0,ok:!1,active:0,error:""};function Hn({steps:e,activeStep:o,setActiveStep:n,hasSelectedResources:r,params:s,loading:i,paramsErrTip:l,viewMode:a,projectId:c}){const{t:f}=Q(),h=()=>{n(k=>k+1)},j=()=>{n(k=>k-1)},x=k=>k===0?(l==null?void 0:l.blockletTitle)||(l==null?void 0:l.projectId)||(l==null?void 0:l.blockletDescription)||(l==null?void 0:l.blockletHomepage)||(l==null?void 0:l.blockletSupport)||(l==null?void 0:l.blockletCommunity)||(l==null?void 0:l.blockletRepository):k===2?(l==null?void 0:l.blockletResource)||(l==null?void 0:l.blockletDocker)||(l==null?void 0:l.dockerImageName):k>=4?(l==null?void 0:l.blockletVersion)||(l==null?void 0:l.note):"",p=a||zn({hasSelectedResources:r,params:s,projectId:c,t:f})===null;return t.jsxs(u,{sx:{width:300,maxWidth:300,minWidth:300,padding:2,border:"1px solid #ccc",borderRadius:2},children:[t.jsx(rs,{activeStep:o,orientation:"vertical",children:e.map((k,v)=>{const I={},g=i||!ql({hasSelectedResources:r,params:s,projectId:c,step:v,t:f}),b=i?"":x(v);return b&&(I.optional=t.jsx(z,{variant:"caption",color:"error",children:b}),I.error=!0),t.jsxs(ls,{children:[t.jsx(is,{icon:t.jsx(io,{error:b,active:p?99:o,step:v,ok:g}),sx:{cursor:"pointer",color:b?"error.main":"inherit"},disabled:!1,onClick:()=>n(v),...I,children:t.jsx(z,{fontSize:"14px",fontWeight:"500",color:b||!g&&o>v?"error.main":"inherit",children:k.label})}),t.jsxs(cs,{children:[t.jsx(z,{fontSize:12,children:k.description}),!p&&t.jsx(u,{sx:{mb:2},children:t.jsxs("div",{children:[v<e.length-1&&t.jsx(Z,{variant:"contained",onClick:h,sx:{mt:1,mr:1},disabled:b||!g,children:f("common.continue")}),v>0&&t.jsx(Z,{disabled:v===0,onClick:j,sx:{mt:1,mr:1},children:f("common.back")})]})})]})]},k.label)})}),o>=e.length-1&&t.jsx(It,{square:!0,elevation:0,sx:{p:3},children:t.jsx(z,{fontSize:12,sx:{opacity:.5},children:"Click right top button to release"})})]})}Hn.propTypes={steps:d.array.isRequired,activeStep:d.number.isRequired,setActiveStep:d.func.isRequired,params:d.object.isRequired,viewMode:d.string.isRequired,loading:d.bool.isRequired,projectId:d.string.isRequired,hasSelectedResources:d.bool.isRequired,paramsErrTip:d.shape({projectId:d.string,blockletVersion:d.string,blockletTitle:d.string,blockletDescription:d.string,note:d.string,blockletResource:d.string,blockletHomepage:d.string,blockletSupport:d.string,blockletCommunity:d.string,blockletRepository:d.string,blockletDocker:d.object,dockerImageName:d.string}).isRequired};const El=[".zip",".gz"],Ml=1024*1024*100,zl=w.lazy(()=>en(()=>import("./index-BtWvJbA-.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10])).then(e=>({default:e.Uploader})));function co({app:e,projectId:o,readOnly:n,params:r,setParams:s,setParamsErrTip:i,error:l}){const{t:a,locale:c}=Q(),f=w.useRef(null),h=()=>n?!1:!o||o===X.UNOWNED_DID?(U.error(a("blocklet.publish.errorTip.noFirstDid")),!1):!0,j=`${X.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${e.meta.did}/${o}/resource/upload`;return t.jsxs(u,{sx:{mt:3},children:[t.jsx(z,{gutterBottom:!0,children:a("blocklet.publish.resourceUpload")}),t.jsxs(ke,{direction:"row",alignItems:"center",spacing:1,sx:{flex:1,cursor:n?"default":"pointer"},children:[!!r.uploadedResource&&t.jsx(z,{component:"a",href:`${j}/params.uploadedResource`,children:r.uploadedResource}),!n&&t.jsx(Z,{variant:"outlined",size:"small",onClick:()=>{var x;h()&&((x=f.current)==null||x.open())},children:r.uploadedResource?a("common.change"):a("common.upload")})]}),t.jsx(w.Suspense,{fallback:t.jsx(We,{}),children:t.jsx(zl,{ref:f,locale:c,popup:!0,onUploadFinish:x=>{var p;s({uploadedResource:x.data.filename}),i({blockletResource:""}),(p=f.current)==null||p.close()},plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:j,disableMediaKitPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileExts:El,maxFileSize:Ml,maxNumberOfFiles:1}}},"uploader-resource")}),!!l&&t.jsx(u,{color:"error.main",mt:1,fontSize:14,children:l})]})}co.propTypes={app:d.object.isRequired,projectId:d.string.isRequired,readOnly:d.bool.isRequired,params:d.object.isRequired,setParams:d.func.isRequired,error:d.string.isRequired,setParamsErrTip:d.func.isRequired};co.defaultProps={};function ot({readOnly:e,params:o,setParams:n,paramsErrTip:r,setParamsErrTip:s,loading:i}){var a;const{t:l}=Q();return t.jsx(u,{display:"flex",mt:3,className:"section",children:t.jsxs(u,{sx:{flex:1},children:[t.jsx(Y,{required:!0,disabled:i||e,label:`Blocklet ${l("common.version")}`,placeholder:`Blocklet ${l("common.version")}`,InputProps:{"data-cy":"blocklet-version",readOnly:e},autoComplete:"off",variant:"outlined",fullWidth:!0,value:o.blockletVersion||"",onChange:c=>{s({blockletVersion:""}),n({blockletVersion:c.target.value})},error:!!r.blockletVersion,helperText:r.blockletVersion||""}),t.jsx(Y,{label:l("blocklet.publish.releaseNote"),autoComplete:"off",disabled:i||e,variant:"outlined",InputProps:{"data-cy":"release-note",readOnly:e,endAdornment:t.jsxs(Ve,{position:"end",children:[((a=o==null?void 0:o.note)==null?void 0:a.length)||0," / ",re.PROJECT.MAX_NOTE_LENGTH]})},fullWidth:!0,multiline:!0,minRows:4,required:!0,value:o.note||"",onChange:c=>{s({note:""}),n({note:c.target.value.slice(0,re.PROJECT.MAX_NOTE_LENGTH)})},error:!!r.note,helperText:r.note||"",sx:{mt:3}})]})})}ot.propTypes={readOnly:d.bool.isRequired,params:d.object.isRequired,setParams:d.func.isRequired,paramsErrTip:d.object.isRequired,setParamsErrTip:d.func.isRequired,loading:d.bool.isRequired};ot.defaultProps={};function Gn(e){for(const o in e)typeof e[o]=="string"?e[o]=e[o].replace(/\\\\/g,"\\"):typeof e[o]=="object"&&e[o]!==null&&Gn(e[o]);return e}function nt({index:e,item:o,dockerParams:n,setDockerParams:r,dataKey:s,t:i,readOnly:l}){const a=(o==null?void 0:o.value)||"",[c,f]=w.useState(!1),h=()=>{var q;(q=n[s])==null||q.splice(e,1),r({...n,[s]:[...n[s]]})},j=(q,E)=>{var m;(m=n[s])!=null&&m[e]&&(E?(n[s][e].custom=n[s][e].value,n[s][e].value=`$${pt(o.key)}`):(n[s][e].value=n[s][e].custom||"",n[s][e].custom="")),r({...n,[s]:[...n[s]]})},x=(q,E)=>{var y;const m=((y=n[s][e])==null?void 0:y.value)||"";n[s][e]={...n[s][e],secure:E,value:E&&m===re.BLOCKLET_AUTOMATIC_ENV_VALUE?"":m},r({...n,[s]:[...n[s]]})},p=(q,E)=>{n[s][e]={...n[s][e],shared:E},r({...n,[s]:[...n[s]]})},k=(q,E)=>{var y;const m=((y=n[s][e])==null?void 0:y.value)||"";n[s][e]={...n[s][e],required:E,value:E&&m===re.BLOCKLET_AUTOMATIC_ENV_VALUE?"":m},r({...n,[s]:[...n[s]]})},v=(q,E)=>{n[s][e]={...n[s][e],value:E?re.BLOCKLET_AUTOMATIC_ENV_VALUE:"",secure:!1,required:!1},r({...n,[s]:[...n[s]]})},I=q=>{n[s][e]={...n[s][e],description:q.target.value},r({...n,[s]:[...n[s]]})},g=q=>{const E=q.target.value==="web"?"web":"docker";E==="web"&&n.dockerArgs.forEach(L=>{L.type="docker"});const y=`/${n.dockerImage.replace(/\W/g,"-")}-${e}`;n.dockerArgs[e]={...n.dockerArgs[e],type:E,path:E==="docker"?y:"/",protocol:"http",prefix:E==="docker"?y:"/",name:"publicUrl",port:"BLOCKLET_PORT"},r({...n,dockerArgs:[...n.dockerArgs]})},b=q=>{const E=q.target.value;n[s][e]={...n[s][e],prefix:E,path:E==="*"?"/":E},r({...n,[s]:[...n[s]]})},C=q=>{var E;(E=n[s])!=null&&E[e]&&(n[s][e].value=q.target.value),r({...n,[s]:[...n[s]]})},_=a===`$${pt(o.key)}`||o.custom,T=s==="dockerArgs"&&!cn[o.key],D=$s[o.key],$=s==="dockerEnvs",R=o.key==="--publish";let N=o.key;return R&&o.type==="web"?N="--publish (Web)":$&&(N=`--env ${o.key}`),t.jsxs(u,{sx:{display:"flex",flexDirection:"row",gap:2,alignItems:"center"},children:[t.jsx(u,{sx:{width:250},children:t.jsx(z,{sx:{textOverflow:"ellipsis",width:"100%",overflow:"hidden"},children:N})}),t.jsxs(u,{sx:{display:"flex",flexDirection:"column",gap:1,flex:1},children:[t.jsx(Y,{disabled:l||_||T||o.value===re.BLOCKLET_AUTOMATIC_ENV_VALUE,placeholder:"",value:_?`$${pt(o.key)}`:a,sx:{flex:1},InputProps:{endAdornment:t.jsxs(Ve,{position:"end",sx:{zoom:.9},children:[(!(D||T)||$||R)&&t.jsx(oe,{onClick:()=>f(!0),children:t.jsx(ne,{icon:"icon-park-outline:setting-config"})}),!l&&t.jsx(oe,{onClick:h,color:T?"error":"default",children:t.jsx(ne,{icon:"ic:round-delete"})})]})},error:T,onChange:C}),T&&t.jsx(z,{variant:"caption",color:"error",children:i("blocklet.publish.docker.noAllowTheArg")}),o.key==="--publish"&&t.jsx(z,{variant:"caption",color:"text.secondary",children:i("blocklet.publish.docker.publishTips")}),o.key==="--volume"&&Ns[o.key](a)&&t.jsx(z,{variant:"caption",color:"error",children:i("blocklet.publish.docker.volumeTips")})]}),c&&t.jsx(Tt,{open:!0,fullWidth:!0,maxWidth:"sm",PaperProps:{style:{minHeight:0}},title:i($?"blocklet.publish.docker.modifyEnv":"blocklet.publish.docker.modifyParam"),onClose:()=>f(!1),children:t.jsxs(u,{sx:{display:"flex",flexDirection:"column",gap:1,paddingBottom:2},children:[D||T||$?null:t.jsxs(u,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(z,{children:i("blocklet.publish.docker.needCustomInput")}),t.jsx(ye,{disabled:l,checked:_,onChange:j,sx:{zoom:.9}})]}),$&&t.jsxs(u,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(z,{children:i("blocklet.publish.docker.shared")}),t.jsx(ye,{disabled:l,checked:o.shared,onChange:p,sx:{zoom:.9}})]}),$&&t.jsxs(u,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(z,{children:i("blocklet.publish.docker.required")}),t.jsx(ye,{disabled:l,checked:o.required,onChange:k,sx:{zoom:.9}})]}),$&&t.jsxs(u,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(z,{children:i("blocklet.publish.docker.secure")}),t.jsx(ye,{disabled:l,checked:o.secure,onChange:x,sx:{zoom:.9}})]}),$&&t.jsxs(u,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(z,{children:i("blocklet.publish.docker.autoGenerated")}),t.jsx(ye,{disabled:l,checked:o.value===re.BLOCKLET_AUTOMATIC_ENV_VALUE,onChange:v,sx:{zoom:.9}})]}),$&&t.jsxs(u,{sx:{mt:1,width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(z,{sx:{flex:1},children:i("blocklet.publish.docker.description")}),t.jsx(Y,{disabled:l,value:o.description,onChange:I,sx:{flex:1},label:i("blocklet.publish.docker.description")})]}),R&&t.jsxs(u,{sx:{mt:1,width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(z,{sx:{flex:1},children:i("blocklet.publish.docker.portType")}),t.jsxs(Ko,{value:o.type||"docker",onChange:g,children:[t.jsx(ue,{value:"docker",children:"Docker"}),t.jsx(ue,{value:"web",children:"Web"})]})]}),R&&o.type==="web"&&t.jsxs(u,{sx:{mt:1,width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(z,{sx:{flex:1},children:i("blocklet.publish.docker.prefix")}),t.jsx(Y,{disabled:l,value:o.prefix,onChange:b,sx:{flex:1},label:i("blocklet.publish.docker.prefix")})]})]})})]})}nt.propTypes={dockerParams:d.object.isRequired,setDockerParams:d.func.isRequired,dataKey:d.string.isRequired,item:d.object.isRequired,t:d.func.isRequired,readOnly:d.bool.isRequired,index:d.number.isRequired};nt.defaultProps={};const Ol=`
+docker run --name postgrest
+-p 3000:3000
+-e PGRST_DB_URI="postgres://username:password@host:port/database"
+-e PGRST_DB_SCHEMA="public"
+-e PGRST_DB_ANON_ROLE="anon"
+postgrest/postgrest
+`.trim();function ao({readOnly:e,paramsErrTip:o,setParamsErrTip:n,error:r,params:s,setParams:i}){const{t:l}=Q(),[a,c]=w.useState("dockerParams"),[f,h]=w.useState(""),[j,x]=w.useState(!1),[p,k]=w.useState("--volume"),[v,I]=w.useState(""),[g,b]=w.useState(ko(f)),C=g.dockerArgs||[],_=g.dockerEnvs||[],T=g.dockerImage||"",D=g.dockerCommand||"",$=y=>{const{value:L}=y.target;h(L)};w.useEffect(()=>{s.blockletDocker&&s.blockletDocker.dockerImage&&!T&&b(s.blockletDocker)},[s,T,b]);const R=y=>{const L=ko(y.target.value);b(O=>{let B,S=!1;return L.dockerArgs.forEach(P=>{const W=O.dockerArgs.find(F=>F.key===P.key);W&&(Object.entries(W).forEach(([F,G])=>{G!=null&&F!=="value"&&(P[F]=G)}),P.type==="web"&&(P.path="/",P.protocol="http",P.prefix="/",P.name="publicUrl",P.port="BLOCKLET_PORT",S=!0),!B&&P.key==="--publish"&&(B=P))}),!S&&B&&(B.type="web",B.path="/",B.protocol="http",B.prefix="/",B.name="publicUrl",B.port="BLOCKLET_PORT"),L.dockerEnvs.forEach(P=>{const W=O.dockerEnvs.find(F=>F.key===P.key);W&&Object.entries(W).forEach(([F,G])=>{G!=null&&F!=="value"&&(P[F]=G)})}),L})},N=()=>{if(x(!1),p==="--env"){b({...g,dockerEnvs:[..._,{key:v,value:"",custom:"",secure:!1,shared:!1,required:!1,description:v}]}),I("");return}b({...g,dockerArgs:[...C,{key:p,value:"",type:"docker",name:"",path:"",prefix:"",protocol:""}]})},q=()=>{x(!1),I("")},E=y=>{const{value:L}=y.target;b({...g,dockerImage:L}),L.indexOf(" ")>-1?n({...o,dockerImageName:l("blocklet.publish.docker.dockerImageNameError")}):n({...o,dockerImageName:""})},m=y=>{const{value:L}=y.target;b({...g,dockerCommand:L});try{Es(L),n({...o,dockerCMD:""})}catch{n({...o,dockerCMD:l("blocklet.publish.docker.dockerCMDError")})}};return w.useEffect(()=>{a==="dockerCommand"&&h(As(g))},[g,a]),w.useEffect(()=>{i(y=>({...y,blockletDocker:{dockerImage:g.dockerImage,dockerCommand:g.dockerCommand,dockerArgs:g.dockerArgs,dockerEnvs:g.dockerEnvs}}))},[g,i]),t.jsxs(u,{sx:{mt:3},children:[t.jsxs(u,{sx:{width:"100%",display:"flex",flexDirection:"column",gap:2},children:[t.jsx(u,{sx:{borderBottom:1,borderColor:"divider",mb:2},children:t.jsxs(Zo,{value:a,onChange:(y,L)=>c(L),children:[t.jsx(Ke,{value:"dockerParams",label:l("blocklet.publish.docker.dockerParams")}),t.jsx(Ke,{value:"dockerCommand",label:l("blocklet.publish.docker.dockerCommand")})]})}),a==="dockerCommand"&&t.jsx(Y,{disabled:e,label:l("blocklet.publish.docker.pleaseInputDockerCommand"),placeholder:Ol,InputProps:{"data-cy":"blocklet-docker-command",readOnly:e},autoComplete:"off",variant:"outlined",fullWidth:!0,multiline:!0,spellCheck:!1,minRows:10,value:f,onChange:$,onBlur:R}),a==="dockerParams"&&t.jsxs(u,{sx:{display:"flex",flexDirection:"column",gap:2},children:[t.jsx(Y,{disabled:e,label:l("blocklet.publish.docker.dockerImageName"),placeholder:"Example: docker.io/postgrest/postgrest:latest",value:T,sx:{flex:1},color:o.dockerImageName?"error":"primary",error:!!o.dockerImageName,helperText:o.dockerImageName||"",onChange:E}),t.jsx(Y,{disabled:e,label:`Docker CMD (${l("common.optional")})`,placeholder:"Docker CMD",value:D,sx:{flex:1},color:o.dockerCMD?"error":"primary",error:!!o.dockerCMD,helperText:o.dockerCMD||"",onChange:m}),t.jsx(u,{sx:{height:4}}),C.map((y,L)=>t.jsx(nt,{index:L,item:y,dockerParams:g,setDockerParams:b,dataKey:"dockerArgs",t:l,readOnly:e},`${y.key}-${L}`)),_.map((y,L)=>t.jsx(nt,{index:L,item:y,dockerParams:g,setDockerParams:b,dataKey:"dockerEnvs",t:l,readOnly:e},`${y.key}-${L}`)),!e&&t.jsxs(u,{sx:{display:"flex",flexDirection:"row",gap:2,alignItems:"center"},children:[t.jsx(u,{sx:{flex:1}}),t.jsx(Z,{onClick:()=>x(!0),children:l("blocklet.publish.docker.addItem")})]})]})]}),!!r&&t.jsx(u,{color:"error.main",mt:1,fontSize:14,children:r}),j&&t.jsxs(rt,{fullWidth:!0,open:!0,children:[t.jsx(Jo,{children:l("blocklet.publish.docker.addItem")}),t.jsx(Qo,{children:t.jsxs(as,{sx:{mt:1,width:"100%",minWidth:480,maxWidth:"100%"},children:[t.jsx(Ko,{labelId:"demo-simple-select-helper-label",id:"demo-simple-select-helper",value:p,sx:{width:"100%"},onChange:y=>k(y.target.value),children:Object.keys(cn).map(y=>t.jsx(ue,{value:y,children:y}))}),p==="--publish"&&t.jsx(z,{variant:"caption",color:"text.secondary",children:l("blocklet.publish.docker.publishTips")}),p==="--volume"&&t.jsx(z,{variant:"caption",color:"text.secondary",children:l("blocklet.publish.docker.volumeTips")}),p==="--env"&&t.jsxs(u,{sx:{mt:3,width:"100%"},children:[t.jsx(Y,{value:v,onChange:y=>I(y.target.value),sx:{width:"100%"},label:l("blocklet.publish.docker.envKey")}),t.jsx(ds,{children:l("blocklet.publish.docker.dockerArgValue")})]})]})}),t.jsxs(Yo,{children:[t.jsx(Z,{onClick:q,children:l("common.cancel")}),t.jsx(Z,{onClick:N,children:l("common.confirm")})]})]})]})}ao.propTypes={readOnly:d.bool.isRequired,params:d.object.isRequired,setParams:d.func.isRequired,error:d.string.isRequired,setParamsErrTip:d.func.isRequired,paramsErrTip:d.func.isRequired};ao.defaultProps={};const Bl=({tabs:e,blocklet:o,ancestors:n=[]})=>{const r=o.meta.did;e.push({label:t.jsxs(u,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:[t.jsx(Lt,{size:24,blocklet:o,ancestors:n}),t.jsx(u,{ml:"4px",className:"text",children:t.jsx(u,{children:o.meta.title})})]},r),value:r})},zo=(e,o)=>{const n=qt(e,["blockletVersion","blockletTitle","blockletDescription","blockletLogo","blockletIntroduction","blockletVideos","blockletScreenshots","blockletResourceType","blockletSupport","blockletHomepage","blockletCommunity","blockletRepository","blockletDocker","contentType","connectedStores","blockletComponents","lastReleaseId","uploadedResource","autoUpload","possibleSameStore","note"]);return n.blockletComponents?n.blockletComponents=n.blockletComponents.map(r=>({...r,included:!0})):n.blockletComponents=(o.children||[]).map(r=>({did:r.meta.did,included:!1,required:!1})),n},Vl={0:"branding",1:"introduction",2:"resources",3:"blocklets",4:"version"},Oo={branding:0,introduction:1,resources:2,blocklets:3,version:4};function uo({initUrl:e,...o}){var po;const{projectId:n,mode:r,releaseId:s,componentDid:i=""}=st(),{t:l}=Q(),{blocklet:a}=_e(),[c,f]=Se({blockletScreenshots:[],blockletVideos:[],publishedStoreIds:[],connectedStores:[],uploadedResource:"",contentType:"blocklet",blockletResourceType:"",blockletSupport:"",blockletCommunity:"",blockletHomepage:"",blockletRepository:"",blockletDocker:{dockerImage:"",dockerArgs:[],dockerEnvs:[]}}),[h,j]=Se({}),[x,p]=w.useState(!1),[k,v]=Se(null),{api:I}=me(),g=Be(M=>M.breakpoints.down("md")),[b,C]=w.useState({}),[_,T]=w.useState(!1),D=w.useRef({}),[$,R]=Se({}),[N,q]=w.useState(""),[E,m]=Se({}),y=e==null?void 0:e.searchParams.get("dependentComponentsMode"),L=y==="readonly",O=w.useMemo(()=>{const M={};return Object.keys(E).forEach(V=>{const je=E[V];je&&je.forEach(Jn=>{M[Jn]=!0})}),M},[E]),B=w.useCallback(M=>{L&&f({blockletComponents:[]}),m(M)},[L,m,f]),S=w.useCallback((...M)=>{R(...M),j({blockletResource:"",blockletDocker:""})},[]),P=s==="none"?(c==null?void 0:c.lastReleaseId)||"":s,[W,F]=w.useState(r==="new-release"?4:0),G=e==null?void 0:e.searchParams.get("resourcesTitle"),ee=e==null?void 0:e.searchParams.get("componentsTitle"),J=[{label:l("blocklet.publish.branding"),description:l("blocklet.publish.steps.branding")},{label:l("common.introduction"),description:l("blocklet.publish.steps.introduction")},{label:G||l("blocklet.publish.resourceTitle"),description:l("blocklet.publish.steps.resources")},{label:ee||l("common.components"),description:l("blocklet.publish.steps.blocklets")},{label:l("blocklet.publish.versionTitle"),description:l("blocklet.publish.steps.version")}],se=J[W]||J[J.length-1],le=Vl[W];w.useEffect(()=>{n&&j({projectId:""})},[n,j]);const xe=w.useMemo(()=>{var M;return(c==null?void 0:c.blockletResourceType)==="resource"?"resource":(M=c==null?void 0:c.blockletComponents)!=null&&M.some(V=>V.included)||Object.keys(O).length||c!=null&&c.uploadedResource?"pack":"resource"},[c==null?void 0:c.blockletComponents,c==null?void 0:c.uploadedResource,O,c==null?void 0:c.blockletResourceType]),Pe=[],Le=((a==null?void 0:a.children)||[]).filter(M=>{var V;return(V=M.meta.resource)==null?void 0:V.exportApi}).filter(M=>!i||M.meta.did===i);Le.forEach(M=>{Bl({tabs:Pe,blocklet:M,t:l,ancestors:[a]})});const[qe,te]=w.useState((po=Pe[0])==null?void 0:po.value),ge=!_&&(k==null?void 0:k.status)==="published",A=ge,we=Ss(()=>{if(!e)return;q(e.searchParams.get("logo")),f(V=>{var je;return{...V,blockletTitle:(V==null?void 0:V.blockletTitle)||e.searchParams.get("title"),blockletDescription:(V==null?void 0:V.blockletDescription)||e.searchParams.get("description"),blockletIntroduction:(V==null?void 0:V.blockletIntroduction)||e.searchParams.get("introduction")||e.searchParams.get("description"),blockletComponents:(je=V==null?void 0:V.blockletComponents)!=null&&je.length?V==null?void 0:V.blockletComponents:JSON.parse(e.searchParams.get("components")||"[]"),note:(V==null?void 0:V.note)||e.searchParams.get("note")||"No note"}});const M=e.searchParams.get("resources");try{const V=JSON.parse(M);C(V)}catch{}}),Ce=async()=>{if(P)try{const M=await I.getRelease({input:{did:a.meta.did,projectId:n,releaseId:P}});if(p(!1),!M.release){U.error("Release not found");return}M.release=Gn(M.release),r!=="view"&&(M.release.note=""),f(V=>zo({...V,...M.release,blockletVersion:r==="create"||r==="new-release"?Ie.inc(M.release.blockletVersion,"patch"):M.release.blockletVersion},a)),v(M.release)}catch(M){p(!1),U.error(De(M))}},$e=async()=>{if(n===X.UNOWNED_DID){f({blockletVersion:"0.0.1",blockletTitle:""});return}if(!n){U.error(l("blocklet.publish.errorTip.noDid"));return}try{const V=(await hn(I.getProject,[{input:{did:a.meta.did,projectId:n}}],{key:"getProject"})).project||{};V.blockletVersion?(r==="create"||r==="new-release")&&Ie.valid(V.blockletVersion)&&(V.blockletVersion=Ie.inc(V.blockletVersion,"patch")):V.blockletVersion="0.0.1";const je=zo(V,a);f(je),V.lastReleaseId||we()}catch(M){U.error(De(M))}},Re=w.useCallback(async()=>{p(!0);try{if(r==="view"){if(!P){U.error("Empty release id");return}await $e(),await Ce();return}await $e(),P&&(T(!0),await Ce())}finally{p(!1)}},[r,P]),Ue=M=>{f({blockletComponents:M})},Fe=M=>{f({blockletResourceType:M})};w.useEffect(()=>{Re()},[Re]),w.useEffect(()=>{n===X.UNOWNED_DID&&(r==="create"||r==="new-release")&&e&&we()},[n,e,r,we]),w.useEffect(()=>{c.contentType==="docker"?f({resourceFromSelect:!1}):c.contentType==="blocklet"?f({resourceFromSelect:!0}):c.contentType==="upload"&&f({resourceFromSelect:!1})},[c.contentType,f]);const H=w.useMemo(()=>!!Object.keys($).find(M=>!!$[M].length),[$]);if(!c&&x)return t.jsx(We,{});if(!c)return null;const K=Le.find(M=>M.meta.did===qe),He=M=>{te(M)};return t.jsxs(Wl,{...o,children:[t.jsx(Vn,{blocklet:a,release:k,getData:Re,getRelease:Ce,mode:r,params:c,setParams:f,setParamsErrTip:j,readOnly:A,isPublished:ge,loading:x,setLoading:p,initLogoUrl:N,releaseId:P,projectId:n,projectType:xe,resourceComponents:Le,resourceComponentsMap:E,resourceRelateComponents:O,resourceItem:K,saveSelectedEventsRef:D,hasSelectedResources:H,releaseUsedLast:_,setReleaseUsedLast:T,setRelease:v,paramsErrTip:h}),t.jsxs(u,{display:"flex",flexDirection:"column",sx:{width:"100%"},children:[t.jsx(u,{pt:3}),t.jsxs(u,{sx:{gap:3},display:"flex",flexDirection:g?"column":"row",children:[!g&&t.jsx(Hn,{steps:J,loading:x,viewMode:r==="view",params:c,hasSelectedResources:H||c.uploadedResource,paramsErrTip:h,activeStep:W,setActiveStep:F,projectId:n,resourcesUrlTitle:G,componentsUrlTitle:ee}),t.jsxs(u,{flex:"1",maxWidth:"720px",children:[!g&&le!=="introduction"&&t.jsxs(z,{variant:"h6",fontWeight:"bold",display:"flex",flexDirection:"row",alignItems:"center",children:[se.label,le==="branding"&&t.jsx(de,{title:l("blocklet.publish.brandingHelp"),placement:"right",children:t.jsx(u,{component:"a",target:"_blank",href:"https://www.arcblock.io/docs/blocklet-store/en/blocklet-detail-page",sx:{paddingTop:1,marginLeft:1},style:{color:"gray"},children:t.jsx(Rs,{})})})]}),(g||le==="branding")&&t.jsx(u,{flexDirection:"column",children:t.jsx(En,{projectId:n,setParams:f,setParamsErrTip:j,params:c,componentDid:i,blocklet:a,initUrl:e,loading:x,setLoading:p,paramsErrTip:h,readOnly:A,initLogoUrl:N,setInitLogoUrl:q})}),g&&t.jsx(u,{flexDirection:"column",children:t.jsx(ot,{loading:x,params:c,paramsErrTip:h,setParams:f,setParamsErrTip:j,readOnly:A})}),(g||le==="introduction")&&t.jsx(u,{display:"flex",flexDirection:"column",sx:{mt:g?5:0,width:"100%"},children:t.jsx(Un,{loading:x,readOnly:A,params:c,setParams:f,paramsErrTip:h,setParamsErrTip:j})}),g&&t.jsx(z,{variant:"h6",fontWeight:"bold",mt:5,children:J[Oo.resources].label}),t.jsx(u,{sx:{maxWidth:720},display:g||le==="resources"?"flex":"none",flexDirection:"column",children:t.jsx(u,{display:"flex",mt:3,className:"section full-width",children:t.jsxs(u,{sx:{flex:1},children:[t.jsxs(us,{onChange:M=>f({contentType:M.target.value}),children:[t.jsx(Je,{value:"blocklet",disabled:A,control:t.jsx(ut,{size:"small",checked:c.contentType==="blocklet"}),label:l("blocklet.publish.resourceSelect")}),t.jsx(Je,{value:"upload",disabled:A,control:t.jsx(ut,{size:"small",checked:c.contentType==="upload"}),label:l("blocklet.publish.resourceUpload")}),t.jsx(Je,{value:"docker",disabled:A,control:t.jsx(ut,{size:"small",checked:c.contentType==="docker"}),label:l("blocklet.publish.resourceDocker")})]}),t.jsxs(u,{display:c.contentType==="blocklet"?"block":"none",children:[!i&&t.jsx(ys,{tabs:Pe,current:qe,onChange:He,sx:{ml:-2,mt:2,maxWidth:g?window.innerWidth-24:"100%"}}),t.jsx(Xt,{loading:x,initialResources:b,saveSelectedEventsRef:D,selectedResourceIds:$,setSelectedResourceIds:S,setResourceComponentsMap:B,error:h.blockletResource,app:a,readOnly:A,component:K,componentDid:i,initUrl:e,params:c,showTree:c.contentType==="blocklet",setParams:f,projectId:n===X.UNOWNED_DID?"":n,releaseUsedLast:_,release:{...k,id:P}})]}),c.contentType==="upload"&&t.jsx(co,{app:a,readOnly:A,projectId:n===X.UNOWNED_DID?"":n,params:c,error:h.blockletResource,setParams:f,setParamsErrTip:j}),c.contentType==="docker"&&t.jsx(ao,{app:a,readOnly:A,projectId:n===X.UNOWNED_DID?"":n,params:c,error:h.blockletResource,setParams:f,setParamsErrTip:j,paramsErrTip:h})]})})}),g&&t.jsx(z,{variant:"h6",fontWeight:"bold",mt:5,children:J[Oo.blocklets].label}),(g||le==="blocklets")&&t.jsx(u,{flexDirection:"column",children:t.jsx(u,{display:"flex",mt:3,className:"section full-width",children:t.jsx(u,{sx:{flex:1},children:t.jsx(Wt,{projectType:xe,disabled:x||A,app:a,value:(c==null?void 0:c.blockletComponents)||[],blockletResourceType:(c==null?void 0:c.blockletResourceType)||"",onChange:Ue,onChangeBlockletResourceType:Fe,resourceRelateComponents:O,dependentComponentsMode:y})})})}),!g&&le==="version"&&t.jsx(u,{flexDirection:"column",children:t.jsx(ot,{loading:x,params:c,paramsErrTip:h,setParams:f,setParamsErrTip:j,readOnly:A})})]})]})]})]})}uo.propTypes={initUrl:d.object};uo.defaultProps={initUrl:null};const Wl=ae.div`
+  .section {
+    &.full-width {
+      max-width: 100%;
+    }
+    .MuiTypography-h3 {
+      font-size: 1.1rem;
+      font-weight: 700;
+    }
+    .left {
+      flex-shrink: 0;
+      width: 140px;
+    }
+    .MuiTabs-indicator {
+      display: none;
+    }
+    .MuiTypography-subtitle1 {
+      width: 120px;
+      font-weight: 700;
+      font-size: 1rem;
+      ${({theme:e})=>e.breakpoints.down("sm")} {
+        width: 80px;
+      }
+    }
+  }
+  .MuiButtonBase-root {
+    a {
+      color: inherit;
+    }
+  }
+  .MuiInputBase-multiline .MuiInputAdornment-positionEnd {
+    align-self: flex-end;
+    .MuiTypography-root {
+      font-size: 0.8rem;
+    }
+    font-size: 0.8rem;
+  }
+`;function Xn({padding:e,initUrl:o}){const{blocklet:n}=_e(),r=Qn(),{componentDid:s}=st();if(w.useEffect(()=>{if(s&&window.parent){const l=`${r.pathname}${r.search}`;window.parent.postMessage({event:"popstate",page:"publish",componentDid:s,path:l},"*")}},[s,r]),!n)return null;const i={};return e&&(i.padding=e),t.jsx(Ul,{style:i,children:t.jsxs(Yn,{children:[t.jsx(dt,{path:"/",element:t.jsx(Ot,{initUrl:o})}),t.jsx(dt,{path:"/:projectId",element:t.jsx(er,{})}),t.jsx(dt,{path:"/:projectId/:mode/:releaseId",element:t.jsx(uo,{initUrl:o})})]})})}Xn.propTypes={padding:d.oneOfType([d.string,d.number]),initUrl:d.object};Xn.defaultProps={padding:"",initUrl:null};const Ul=ae(u)`
+  a {
+    color: ${({theme:e})=>e.palette.primary.main};
+  }
+`;export{Xn as default};