@abtnode/blocklet-services 1.16.40-beta-20250305-022942-dea362e4 → 1.16.40-beta-20250310-113951-17556f90

package/dist/assets/{index-B9xDkTYZ.js → index-BkVeJ_e6.js}

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-CB8LRAXR.js","assets/vendor-arcblock-Bv04Mkff.js","assets/vendor-react-DoD83n6N.js","assets/vendor-utils-oUOK1Lc7.js","assets/vendor-mui-core-Dh3XBxY7.js","assets/vendor-hooks-DlxYXMPL.js","assets/vendor-arcblock-DhgPdlEj.css","assets/index-BZu4MJFr.js","assets/index-0m-J-ZAX.js","assets/index-tUQxVYYQ.js","assets/index-AgKpYdvC.css"])))=>i.map(i=>d[i]);
-import{r as w,k as St,l as st,L as ce,u as Yn,h as Zn,i as dt}from"./vendor-react-DoD83n6N.js";import{a1 as he,j as t,t as Be,a3 as u,aG as Vo,E as d,a4 as de,I as oe,T as O,bU as Wo,D as rt,aa as ae,ar as Kn,bM as Je,ad as Uo,aI as Xe,bn as xt,x as Z,a2 as Ze,P as Fo,G as Ho,v as It,$ as Go,aj as Jo,ak as ue,am as es,ac as Xo,r as Qo,bI as ts,K as Ve,y as Yo,M as Y,ae as je,aF as os,L as ns,z as ss,bj as rs,av as Zo,au as Ke,bq as ls,br as is,bV as cs,bW as as,aK as Ko,bF as ds,bO as us,bu as ps,bv as ut}from"./vendor-mui-core-Dh3XBxY7.js";import{z as me,C as _e,h as re,a6 as fs,f as fo,_ as en,ae as ho}from"./index-0m-J-ZAX.js";import{a0 as be,b as J,e as Q,a3 as Ae,ad as tn,aX as on,ab as nn,_ as hs,aY as Dt,j as U,n as ms,aZ as bs,a_ as xs,z as gs,aE as ne,a$ as ks,aq as js,aO as Ie,a8 as Tt,b0 as ye,aj as ys,ao as vs}from"./vendor-arcblock-Bv04Mkff.js";import{d as _t}from"./Add-Cip-Q3Dt.js";import{d as ws}from"./Error-tDg6ei77.js";import{C as Pt}from"./confirm-Di8Vvymn.js";import{u as lt}from"./session-BqpWYLN3.js";import{W as mo}from"./did-address-nBrtfdFs.js";import{E as We,D as bo,C as xo,P as go}from"./react-beautiful-dnd.esm-Drgsy606.js";import{B as Lt}from"./bundle-avatar-DS4sS4Ug.js";import{S as pe}from"./shorten-label-DXP5M5GB.js";import{U as Cs,x as ie,G as qt,C as sn}from"./vendor-utils-oUOK1Lc7.js";import{d as Rs}from"./Download-BcZsjfbS.js";import{C as rn}from"./click-to-copy-_PxhgXLr.js";import{d as Ss}from"./QuestionMarkCircle-DRDWkVkn.js";import{u as Is}from"./vendor-hooks-DlxYXMPL.js";import{_ as Se}from"./useSetState-BL3ktMon.js";import{c as $t}from"./index-tUQxVYYQ.js";import{E as Nt}from"./index-C24CwgC5.js";import{p as et}from"./index-Wl7uu5xS.js";import"./api-C4EBZ3D8.js";import{d as Ds}from"./ChevronRight-CMCOlQoz.js";import{T as Ts,a as _s}from"./vendor-mui-x-l1ezRCJc.js";import{d as ko}from"./DeleteOutline-f6Nb7LK2.js";import{c as Ps,A as ln,u as Ls,S as qs,U as $s,a as pt,b as cn,n as Ns,e as As,f as jo,g as Es,h as Ms}from"./item-Bhfjro40.js";import{d as Os}from"./ArrowDropDown-_ravVKaf.js";import{f as De}from"./format-error-LAoTjvJe.js";import{d as zs}from"./Launch-COjc0xnX.js";import{M as Bs}from"./index-D-W1QzOs.js";import{r as Vs}from"./index-Mj8Kilqv.js";import{d as Ws}from"./Done-DcyOV4wB.js";import"./raf-schd.esm-GV-XhwE0.js";import"./delete-confirm-B40CCTo2.js";import"./get-safe-url-DnoVfY5w.js";var At={},Us=he;Object.defineProperty(At,"__esModule",{value:!0});var an=At.default=void 0,Fs=Us(be()),Hs=t;an=At.default=(0,Fs.default)((0,Hs.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={},Gs=he;Object.defineProperty(Et,"__esModule",{value:!0});var dn=Et.default=void 0,Js=Gs(be()),Xs=t;dn=Et.default=(0,Js.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={},Qs=he;Object.defineProperty(Mt,"__esModule",{value:!0});var un=Mt.default=void 0,Ys=Qs(be()),Zs=t;un=Mt.default=(0,Ys.default)((0,Zs.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 Ot({did:e,projectId:o,title:n,logo:r,describe:s}){const l=`${`${J.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||"/"})]})]})}Ot.propTypes={projectId:d.string.isRequired,did:d.string.isRequired,title:d.string.isRequired,logo:d.string.isRequired,describe:d.string.isRequired};function zt({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,k]=w.useState(null),[x,p]=w.useState(!1),j=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(`${J.UNOWNED_DID}/create/none`,{replace:!0})},_=m=>{k(m)},T=()=>{c(!1),p(!0)},D=()=>{p(!1),k(null)},$=m=>{U.error(m.message),p(!1),k(null)},R=m=>{if(!(m!=null&&m.deleted)){U.error("Delete project failed");return}b(),p(!1),k(null)},A=(m,y,L)=>{let z=m==null?void 0:m.trim();return z?(z=ms.toAddress(z).toLocaleLowerCase(),L.some((B,S)=>{const P=y[S];return P&&B.searchable&&B.display!=="excluded"&&B.display!=="false"&&P.toLocaleLowerCase().includes(z)})):!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(Ot,{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}},j||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}},j||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):""}}},j||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),M=x?t.jsx(hs,{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:A}}),h&&t.jsx(Pt,{title:`${r("common.delete")} ${h.blockletTitle}`,description:r("blocklet.publish.deleteProject.description"),confirm:r("common.confirm"),onConfirm:T,onCancel:()=>k(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(ws,{color:"warning",sx:{marginRight:1,fontSize:20,marginTop:"2px"}}),t.jsx(O,{component:"span",variant:"inherit",color:"text.secondary",children:m})]}))})}),M]})}zt.propTypes={initUrl:d.object};zt.defaultProps={initUrl:null};var Bt={},Ks=he;Object.defineProperty(Bt,"__esModule",{value:!0});var pn=Bt.default=void 0,er=Ks(be()),yo=t;pn=Bt.default=(0,er.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");const tr=(e,o)=>{if(!e)return"";try{return o?JSON.parse(e)[o]:JSON.parse(e)}catch{}return e},fn=tr;function or(){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,k]=w.useState(null),[x,p]=w.useState(null),j=($=window.env)==null?void 0:$.serverEndpoint,v=()=>{r.getReleases({input:{did:l.meta.did,projectId:n}}).then(R=>{const A=(R==null?void 0:R.releases)||[];i(!1),f(A)}).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=>{k(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(A=>{i(!1),U.error(A.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(O,{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 A=c[R];return t.jsx(ce,{to:`view/${A.id}`,children:t.jsx(Ot,{did:l.meta.did,projectId:h.id,logo:A.blockletLogo,title:A.blockletVersion,describe:A.blockletTitle})})}}},{label:e("blocklet.publish.releaseNote"),name:"note",options:{customBodyRenderLite:R=>{const A=c[R];return t.jsx(O,{className:"note",children:fn(A.note,"note")})}}},{label:e("common.status"),name:"status",options:{customBodyRender:R=>t.jsx(tn,{type:R==="published"?"success":"warning",children:R==="published"?"Released":Cs(R)})}},{label:e("common.lastPublishedAt"),name:"updatedAt",options:{customBodyRenderLite:R=>{const A=c[R];return A.status!==re.PROJECT.RELEASE_STATUS.published?"":t.jsx(on,{value:Number(A.updatedAt),locale:o})}}},{label:e("common.actions"),name:"actions",options:{customBodyRenderLite:R=>{var L;const A=c[R];let q="",M="";const m=A.status==="published";if(m){const z=ie(j,`/api/project/${l.meta.did}/${h.id}/${h.lastReleaseId}/release/blocklet.json`),B=new URL(j);B.pathname=ie(B.pathname,"/launch-blocklet/agreement"),B.searchParams.set("blocklet_meta_url",z),q=B.href,M=ie(`${J.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(z=>z.included)||A.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:M,children:t.jsx(Rs,{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:()=>_(A),children:t.jsx(nn,{sx:{fontSize:18}})})})]})}}}];return t.jsxs(nr,{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(j,`/api/project/${l.meta.did}/${n}/blocklet.json`);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(O,{variant:"h6",sx:{mb:2},children:e("blocklet.publish.installResourceTip")}),t.jsx(rn,{children:g}),t.jsxs(O,{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 nr=ae(u)`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-B17pt9EP.js","assets/vendor-ux-did-connect-yBp5D51w.js","assets/vendor-react-DoD83n6N.js","assets/vendor-utils-DDG_VdF0.js","assets/vendor-mui-core-BGkzVIkr.js","assets/vendor-hooks-B7GuuzU5.js","assets/lottie-web-B6s7dDoL.js","assets/vendor-ux-did-connect-DhgPdlEj.css","assets/vendor-arcblock-BSReIGUe.js","assets/index-NOMtolNQ.js","assets/index-BJbC-Qjr.js","assets/index-tUQxVYYQ.js","assets/index-AgKpYdvC.css"])))=>i.map(i=>d[i]);
+import{r as w,k as St,l as st,L as ce,u as Yn,h as Zn,i as dt}from"./vendor-react-DoD83n6N.js";import{a1 as he,j as t,t as Be,a3 as u,bg as Vo,E as d,a4 as de,I as oe,T as O,bU as Wo,D as rt,a9 as ae,aq as Kn,bM as Je,ac as Uo,bk as Xe,bn as xt,x as Z,a2 as Ze,P as Fo,G as Ho,v as It,$ as Go,ai as Jo,aj as ue,al as es,ab as Xo,r as Qo,bI as ts,K as Ve,y as Yo,M as Y,ad as je,ar as os,L as ns,z as ss,b1 as rs,ap as Zo,ao as Ke,bs as ls,bt as is,bV as cs,bW as as,bj as Ko,bi as ds,bO as us,bw as ps,bx as ut}from"./vendor-mui-core-BGkzVIkr.js";import{z as me,C as _e,h as re,a5 as fs,f as fo,ad as ho}from"./index-BJbC-Qjr.js";import{r as be,p as J,u as Q,B as Ae,aY as en,R as tn,aW as on,ak as hs,a0 as Dt,Q as U,ah as ms,Y as bs,i as ne,bh as xs,b1 as gs,ag as Ie,ai as Tt,ao as ks}from"./vendor-ux-did-connect-yBp5D51w.js";import{g as _t,m as js,n as ys,_ as nn,q as ye,p as vs}from"./vendor-arcblock-BSReIGUe.js";import{d as ws}from"./Error-B8-wyPeq.js";import{C as Pt}from"./confirm-twAiL-Pg.js";import{u as lt}from"./session-BpknZId5.js";import{W as mo}from"./did-address-aMjKReYC.js";import{E as We,D as bo,C as xo,P as go}from"./react-beautiful-dnd.esm-BxnrNcYv.js";import{B as Lt}from"./bundle-avatar-Ne6xQFVO.js";import{S as pe}from"./shorten-label-dPKLJRIw.js";import{W as Cs,x as ie,G as qt,C as sn}from"./vendor-utils-DDG_VdF0.js";import{d as Rs}from"./Download-BymJGiyd.js";import{C as rn}from"./click-to-copy-Ds1jMEk3.js";import{Q as Ss}from"./QuestionMarkCircle-mj_OeUT2.js";import{u as Is}from"./vendor-hooks-B7GuuzU5.js";import{_ as Se}from"./useSetState-BL3ktMon.js";import{c as $t}from"./index-tUQxVYYQ.js";import{E as Nt}from"./index-uoDarD9I.js";import{p as et}from"./index-C0wrMJu_.js";import"./api-Dia2_ulr.js";import{d as Ds}from"./ChevronRight-BWxZ0GT9.js";import{T as Ts,a as _s}from"./vendor-mui-x-ZeS-_tC0.js";import{d as ko}from"./DeleteOutline-DnZa0RcQ.js";import{c as Ps,A as ln,u as Ls,S as qs,U as $s,a as pt,b as cn,n as Ns,e as As,f as jo,g as Es,h as Ms}from"./item-zC83d6Jc.js";import{d as Os}from"./ArrowDropDown-Cm4c8BlY.js";import{f as De}from"./format-error-LAoTjvJe.js";import{d as zs}from"./Launch-CNY19G4F.js";import{M as Bs}from"./index-CMRvG2xO.js";import{r as Vs}from"./index-BjppTGHl.js";import{d as Ws}from"./Done-CUONuiq7.js";import"./lottie-web-B6s7dDoL.js";import"./raf-schd.esm-GV-XhwE0.js";import"./delete-confirm-B7RqZZsx.js";import"./get-safe-url-DmtG3OsE.js";var At={},Us=he;Object.defineProperty(At,"__esModule",{value:!0});var an=At.default=void 0,Fs=Us(be()),Hs=t;an=At.default=(0,Fs.default)((0,Hs.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={},Gs=he;Object.defineProperty(Et,"__esModule",{value:!0});var dn=Et.default=void 0,Js=Gs(be()),Xs=t;dn=Et.default=(0,Js.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={},Qs=he;Object.defineProperty(Mt,"__esModule",{value:!0});var un=Mt.default=void 0,Ys=Qs(be()),Zs=t;un=Mt.default=(0,Ys.default)((0,Zs.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 Ot({did:e,projectId:o,title:n,logo:r,describe:s}){const l=`${`${J.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||"/"})]})]})}Ot.propTypes={projectId:d.string.isRequired,did:d.string.isRequired,title:d.string.isRequired,logo:d.string.isRequired,describe:d.string.isRequired};function zt({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,k]=w.useState(null),[x,p]=w.useState(!1),j=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(`${J.UNOWNED_DID}/create/none`,{replace:!0})},_=m=>{k(m)},T=()=>{c(!1),p(!0)},D=()=>{p(!1),k(null)},$=m=>{U.error(m.message),p(!1),k(null)},R=m=>{if(!(m!=null&&m.deleted)){U.error("Delete project failed");return}b(),p(!1),k(null)},A=(m,y,L)=>{let z=m==null?void 0:m.trim();return z?(z=ms.toAddress(z).toLocaleLowerCase(),L.some((B,S)=>{const P=y[S];return P&&B.searchable&&B.display!=="excluded"&&B.display!=="false"&&P.toLocaleLowerCase().includes(z)})):!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(Ot,{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(en,{type:"success",children:m}):""}},{label:"DID",name:"blockletDid",options:{customBodyRender:m=>m?t.jsx(mo,{size:14,compact:!0,responsive:!1,did:m}):null}},j||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}},j||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):""}}},j||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(tn,{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(on,{sx:{fontSize:18}})})})]})}}}].filter(Boolean),M=x?t.jsx(hs,{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:A}}),h&&t.jsx(Pt,{title:`${r("common.delete")} ${h.blockletTitle}`,description:r("blocklet.publish.deleteProject.description"),confirm:r("common.confirm"),onConfirm:T,onCancel:()=>k(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(ws,{color:"warning",sx:{marginRight:1,fontSize:20,marginTop:"2px"}}),t.jsx(O,{component:"span",variant:"inherit",color:"text.secondary",children:m})]}))})}),M]})}zt.propTypes={initUrl:d.object};zt.defaultProps={initUrl:null};var Bt={},Ks=he;Object.defineProperty(Bt,"__esModule",{value:!0});var pn=Bt.default=void 0,er=Ks(be()),yo=t;pn=Bt.default=(0,er.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");const tr=(e,o)=>{if(!e)return"";try{return o?JSON.parse(e)[o]:JSON.parse(e)}catch{}return e},fn=tr;function or(){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,k]=w.useState(null),[x,p]=w.useState(null),j=($=window.env)==null?void 0:$.serverEndpoint,v=()=>{r.getReleases({input:{did:l.meta.did,projectId:n}}).then(R=>{const A=(R==null?void 0:R.releases)||[];i(!1),f(A)}).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=>{k(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(A=>{i(!1),U.error(A.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(O,{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 A=c[R];return t.jsx(ce,{to:`view/${A.id}`,children:t.jsx(Ot,{did:l.meta.did,projectId:h.id,logo:A.blockletLogo,title:A.blockletVersion,describe:A.blockletTitle})})}}},{label:e("blocklet.publish.releaseNote"),name:"note",options:{customBodyRenderLite:R=>{const A=c[R];return t.jsx(O,{className:"note",children:fn(A.note,"note")})}}},{label:e("common.status"),name:"status",options:{customBodyRender:R=>t.jsx(en,{type:R==="published"?"success":"warning",children:R==="published"?"Released":Cs(R)})}},{label:e("common.lastPublishedAt"),name:"updatedAt",options:{customBodyRenderLite:R=>{const A=c[R];return A.status!==re.PROJECT.RELEASE_STATUS.published?"":t.jsx(tn,{value:Number(A.updatedAt),locale:o})}}},{label:e("common.actions"),name:"actions",options:{customBodyRenderLite:R=>{var L;const A=c[R];let q="",M="";const m=A.status==="published";if(m){const z=ie(j,`/api/project/${l.meta.did}/${h.id}/${h.lastReleaseId}/release/blocklet.json`),B=new URL(j);B.pathname=ie(B.pathname,"/launch-blocklet/agreement"),B.searchParams.set("blocklet_meta_url",z),q=B.href,M=ie(`${J.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(z=>z.included)||A.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:M,children:t.jsx(Rs,{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:()=>_(A),children:t.jsx(on,{sx:{fontSize:18}})})})]})}}}];return t.jsxs(nr,{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(j,`/api/project/${l.meta.did}/${n}/blocklet.json`);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(O,{variant:"h6",sx:{mb:2},children:e("blocklet.publish.installResourceTip")}),t.jsx(rn,{children:g}),t.jsxs(O,{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 nr=ae(u)`
   .header {
     display: flex;
     align-items: center;
@@ -53,7 +53,7 @@ import{r as w,k as St,l as st,L as ce,u as Yn,h as Zn,i as dt}from"./vendor-reac
     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?gs(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,j=[]){return j.push(p.id),p.children&&p.children.forEach(v=>i(v,j)),j}const l=p=>i(ft(o,p)),a=(p,j=[])=>{const v=ft(o,p);return v.parent?(j.push(v.parent),a(v.parent,j)):j};function c(p,j){const v=l(p.id),I=v.indexOf(p.id);return v.splice(I,1),v.every(g=>s.concat(j).includes(g))}const f=(p,j)=>{p.stopPropagation();const v=l(j),I=a(j);if(s.includes(j)){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()},k=o.some(p=>{var j;return((j=p.children)==null?void 0:j.length)>0}),x=p=>{var b;const j=s.indexOf(p.id)!==-1,v=Array.isArray(p.children),I=l(p.id),g=v&&!j&&s.some(C=>I.includes(C));return t.jsx(Ts,{nodeId:p.id,label:t.jsx(Xe,{onClick:h,control:t.jsx(Je,{size:"small",checked:j,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(xs,{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(dr,{className:$t(!k&&"no-children"),multiSelect:!0,defaultCollapseIcon:t.jsx(bs,{}),defaultExpandIcon:t.jsx(Ds,{}),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 dr=ae(_s)`
+`,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?bs(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,j=[]){return j.push(p.id),p.children&&p.children.forEach(v=>i(v,j)),j}const l=p=>i(ft(o,p)),a=(p,j=[])=>{const v=ft(o,p);return v.parent?(j.push(v.parent),a(v.parent,j)):j};function c(p,j){const v=l(p.id),I=v.indexOf(p.id);return v.splice(I,1),v.every(g=>s.concat(j).includes(g))}const f=(p,j)=>{p.stopPropagation();const v=l(j),I=a(j);if(s.includes(j)){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()},k=o.some(p=>{var j;return((j=p.children)==null?void 0:j.length)>0}),x=p=>{var b;const j=s.indexOf(p.id)!==-1,v=Array.isArray(p.children),I=l(p.id),g=v&&!j&&s.some(C=>I.includes(C));return t.jsx(Ts,{nodeId:p.id,label:t.jsx(Xe,{onClick:h,control:t.jsx(Je,{size:"small",checked:j,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(ys,{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(dr,{className:$t(!k&&"no-children"),multiSelect:!0,defaultCollapseIcon:t.jsx(js,{}),defaultExpandIcon:t.jsx(Ds,{}),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 dr=ae(_s)`
   &.no-children {
     .MuiTreeItem-content {
       padding: 0;
@@ -108,7 +108,7 @@ import{r as w,k as St,l as st,L as ce,u as Yn,h as Zn,i as dt}from"./vendor-reac
     font-size: 14px;
     color: ${({theme:e})=>e.palette.text.secondary};
   }
-`,vo={},ur=(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},mn=ur,bn=(e,o)=>(e.forEach(n=>{o&&(n.parent=o),(n.children||[]).forEach(r=>{r.parent=n.id,bn(r.children||[],r.id)})}),e),xn=(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}`},pr=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(xn(n,r,s,i,l),{resources:a,projectId:r,releaseId:s,locale:i,...c?{resourcesParams:c}:{}},{headers:{"x-csrf-token":ks()},timeout:10*60*1e3}),await e.updateSelectedResources({input:{did:o,projectId:r,releaseId:s,componentDid:n.meta.did,resources:a}})},fr=(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 Jt({app:e,component:o,projectId:n,release:r,loading:s,error:i,saveSelectedEventsRef:l,readOnly:a,componentDid:c,initialResources:f={},setResourceComponentsMap:h,selectedResourceIds:k,setSelectedResourceIds:x,showTree:p,initUrl:j}){var M;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 z=fr(y,L);h==null||h({[m]:Object.keys(z)})},R=m=>{l.current[o.meta.did]={resources:m,component:o},x({[o.meta.did]:m}),$(o.meta.did,b[o.meta.did],m)},A=w.useCallback(async m=>{var y;try{const L=await mn(sn.get,[xn(m,n,D,I,j),{timeout:6e4}],{key:"getResources"});return bn(((y=L==null?void 0:L.data)==null?void 0:y.resources)||[])}catch{return[]}},[n,D,I,j]);w.useEffect(()=>{b[o==null?void 0:o.meta.did]||A(o).then(m=>{C({[o==null?void 0:o.meta.did]:m})}).catch(m=>{U.error(m.message)})},[o,C,b,A]),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)||!fs.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 z=await A(m);C({[m==null?void 0:m.meta.did]:z});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]:cr(z,S)}),$(m.meta.did,z,S),a||(l.current[m==null?void 0:m.meta.did]={resources:S,component:m}))}catch(z){U.error(z.message)}}),{concurrency:2}).then(()=>{T.current=!0})},[D,n,a,I,j,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 A(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||!((M=b[o.meta.did])!=null&&M.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(hr,{className:$t(i&&"error"),children:p&&t.jsx(u,{pb:2,width:"100%",children:q||t.jsx(Gt,{data:b[o.meta.did]||[],value:k[o.meta.did]||[],onChange:R,disabled:s||a})})}),!!i&&t.jsx(u,{color:"error.main",mt:1,fontSize:14,children:i})]})}Jt.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};Jt.defaultProps={error:"",release:{id:""},initUrl:null,initialResources:{},setResourceComponentsMap:()=>{},componentDid:""};const hr=ae(u)`
+`,vo={},ur=(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},mn=ur,bn=(e,o)=>(e.forEach(n=>{o&&(n.parent=o),(n.children||[]).forEach(r=>{r.parent=n.id,bn(r.children||[],r.id)})}),e),xn=(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}`},pr=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(xn(n,r,s,i,l),{resources:a,projectId:r,releaseId:s,locale:i,...c?{resourcesParams:c}:{}},{headers:{"x-csrf-token":xs()},timeout:10*60*1e3}),await e.updateSelectedResources({input:{did:o,projectId:r,releaseId:s,componentDid:n.meta.did,resources:a}})},fr=(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 Jt({app:e,component:o,projectId:n,release:r,loading:s,error:i,saveSelectedEventsRef:l,readOnly:a,componentDid:c,initialResources:f={},setResourceComponentsMap:h,selectedResourceIds:k,setSelectedResourceIds:x,showTree:p,initUrl:j}){var M;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 z=fr(y,L);h==null||h({[m]:Object.keys(z)})},R=m=>{l.current[o.meta.did]={resources:m,component:o},x({[o.meta.did]:m}),$(o.meta.did,b[o.meta.did],m)},A=w.useCallback(async m=>{var y;try{const L=await mn(sn.get,[xn(m,n,D,I,j),{timeout:6e4}],{key:"getResources"});return bn(((y=L==null?void 0:L.data)==null?void 0:y.resources)||[])}catch{return[]}},[n,D,I,j]);w.useEffect(()=>{b[o==null?void 0:o.meta.did]||A(o).then(m=>{C({[o==null?void 0:o.meta.did]:m})}).catch(m=>{U.error(m.message)})},[o,C,b,A]),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)||!fs.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 z=await A(m);C({[m==null?void 0:m.meta.did]:z});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]:cr(z,S)}),$(m.meta.did,z,S),a||(l.current[m==null?void 0:m.meta.did]={resources:S,component:m}))}catch(z){U.error(z.message)}}),{concurrency:2}).then(()=>{T.current=!0})},[D,n,a,I,j,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 A(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||!((M=b[o.meta.did])!=null&&M.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(hr,{className:$t(i&&"error"),children:p&&t.jsx(u,{pb:2,width:"100%",children:q||t.jsx(Gt,{data:b[o.meta.did]||[],value:k[o.meta.did]||[],onChange:R,disabled:s||a})})}),!!i&&t.jsx(u,{color:"error.main",mt:1,fontSize:14,children:i})]})}Jt.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};Jt.defaultProps={error:"",release:{id:""},initUrl:null,initialResources:{},setResourceComponentsMap:()=>{},componentDid:""};const hr=ae(u)`
   border: 1px solid #ccc;
   max-height: 600px;
   width: 100%;
@@ -129,7 +129,7 @@ import{r as w,k as St,l as st,L as ce,u as Yn,h as Zn,i as dt}from"./vendor-reac
     background: #fff;
     z-index: 10;
   }
-`;var Xt={},mr=he;Object.defineProperty(Xt,"__esModule",{value:!0});var gt=Xt.default=void 0,br=mr(be()),xr=t;gt=Xt.default=(0,br.default)((0,xr.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 gr(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,j,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 k=(((p=e==null?void 0:e.settings)==null?void 0:p.storeList)||[]).find(I=>{var g;return!(I.id!==J.BLOCKLET_STORE.id||I.scope&&I.scope!=="studio"&&I.scope!==((g=r==null?void 0:r.user)==null?void 0:g.did))});return k||(k=(v=(j=e==null?void 0:e.settings)==null?void 0:j.storeList)==null?void 0:v[0]),k},[(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 gn(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 kr(){return Math.random().toString(36).slice(2)+Math.random().toString(36).slice(2)+`${Date.now()}`.slice(-6)}function jr(e,{did:o,projectId:n,messageId:r}){return gn(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 yr(e,{did:o,projectId:n,storeId:r}){return gn(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 kn=({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:k}=me(),x=_e(),[p,j]=w.useState(!1),v=w.useRef(null),[I,g]=w.useState(!1),[b,C]=w.useState(null),_=z=>{n(z),j(!1)},T=()=>{j(!p)},D=z=>{v.current&&v.current.contains(z.target)||j(!1)},$=()=>{g(!0)},R=()=>{g(!1)},A=async()=>{var z;if(b)try{await f.deleteBlockletStore({input:{teamDid:e.meta.did,url:b.url,projectId:"",scope:b.scope||"studio"}}),await((z=x==null?void 0:x.actions)==null?void 0:z.refreshBlocklet())}catch(B){U.error(`Remove Blocklet Store Error: ${De(B)}`)}finally{C(null)}},{storeList:q}=kn({fromBlocklet:k,blocklet:e,nodeInfo:h,componentDid:l,userDid:(m=c==null?void 0:c.user)==null?void 0:m.did}),M=(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(Os,{})})]}),t.jsx(Fo,{sx:{zIndex:10},open:p,anchorEl:v.current,placement:"bottom-end",role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:z})=>t.jsx(Ho,{...z,style:{transformOrigin:"center top"},children:t.jsx(It,{children:t.jsx(Go,{onClickAway:D,children:t.jsxs(Jo,{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})]}),Ps({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(es,{}),t.jsxs(ue,{onClick:$,children:[t.jsx(_t,{font:!0}),t.jsx(O,{variant:"inherit",children:a("store.blockletRegistry.addRegistry")})]})]})})})})}),I&&t.jsx(ln,{hiddenChildren:!0,open:!0,onClose:R,teamDid:M,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:A,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}),kt=Object.freeze({...Yt,body:"",hidden:!1});function vr(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=vr(e,o);for(const r in kt)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 wr(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 Cr(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 yn(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=wr(e);for(const s in r){const i=r[s];i&&(o(s,Cr(e,s,i)),n.push(s))}return n}const Rr={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 vn(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,Rr))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,kt))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,kt))return null}return o}const Ro=Object.create(null);function Sr(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]=Sr(e,o))}function Zt(e,o){return vn(o)?yn(o,(n,r)=>{r?e.icons[n]=r:e.missing.add(n)}):[]}function Ir(e,o,n){try{if(typeof n.body=="string")return e.icons[o]={...n},!0}catch{}return!1}let Oe=!1;function wn(e){return typeof e=="boolean"&&(Oe=e),Oe}function Dr(e){const o=typeof e=="string"?it(e,!0,Oe):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 Tr(e,o){const n=it(e,!0,Oe);if(!n)return!1;const r=ve(n.provider,n.prefix);return Ir(r,n.name,o)}function _r(e,o){if(typeof e!="object")return!1;if(typeof o!="string"&&(o=e.provider||""),Oe&&!o&&!e.prefix){let s=!1;return vn(e)&&(e.prefix="",yn(e,(i,l)=>{l&&Tr(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 Cn=Object.freeze({width:null,height:null}),Rn=Object.freeze({...Cn,...tt}),Pr=/(-?[0-9.]*[0-9]+[0-9.]*)/g,Lr=/^-?[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(Pr);if(r===null||!r.length)return e;const s=[];let i=r.shift(),l=Lr.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 qr=e=>e==="unset"||e==="undefined"||e==="none";function $r(e,o){const n={...Yt,...e},r={...Rn,...o},s={left:n.left,top:n.top,width:n.width,height:n.height};let i=n.body;[n,r].forEach(j=>{const v=[],I=j.hFlip,g=j.vFlip;let b=j.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,k;l===null?(k=a===null?"1em":a==="auto"?f:a,h=So(k,c/f)):(h=l==="auto"?c:l,k=a===null?So(h,f/c):a==="auto"?f:a);const x={},p=(j,v)=>{qr(v)||(x[j]=v.toString())};return p("width",h),p("height",k),x.viewBox=s.left.toString()+" "+s.top.toString()+" "+c.toString()+" "+f.toString(),{attributes:x,body:i}}const Nr=/\sid="(\S+)"/g,Ar="IconifyId"+Date.now().toString(16)+(Math.random()*16777216|0).toString(16);let Er=0;function Mr(e,o=Ar){const n=[];let r;for(;r=Nr.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+(Er++).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 jt=Object.create(null);function Or(e,o){jt[e]=o}function yt(e){return jt[e]||jt[""]}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 zr(e,o){const n=Kt(o);return n===null?!1:(eo[e]=n,!0)}function to(e){return eo[e]}const Br=()=>{let e;try{if(e=fetch,typeof e=="function")return e}catch{}};let Io=Br();function Vr(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 Wr(e){return e===404}const Ur=(e,o,n)=>{const r=[],s=Vr(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 Fr(e){if(typeof e=="string"){const o=to(e);if(o)return o.path}return"/"}const Hr=(e,o,n)=>{if(!Io){n("abort",424);return}let r=Fr(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(Wr(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)})},Gr={prepare:Ur,send:Hr};function Jr(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 k={provider:i,prefix:l,name:a};h.push(k)}),o}function Sn(e,o){e.forEach(n=>{const r=n.loaderCallbacks;r&&(n.loaderCallbacks=r.filter(s=>s.id!==o))})}function Xr(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||Sn([e],i.id),i.callback(l.loaded.slice(0),l.missing.slice(0),l.pending.slice(0),i.abort))})}))}let Qr=0;function Yr(e,o,n){const r=Qr++,s=Sn.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 Zr(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 Kr={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function el(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,k=null,x=[],p=[];typeof r=="function"&&p.push(r);function j(){k&&(clearTimeout(k),k=null)}function v(){c==="pending"&&(c="aborted"),j(),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 A=$!=="success";switch(x=x.filter(q=>q!==D),c){case"pending":break;case"failed":if(A||!e.dataAfterTimeout)return;break;default:return}if($==="abort"){h=R,b();return}if(A){h=R,x.length||(l.length?T():b());return}if(j(),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;j();const D=l.shift();if(D===void 0){if(x.length){k=setTimeout(()=>{j(),c==="pending"&&(C(),b())},e.timeout);return}b();return}const $={status:"pending",resource:D,callback:(R,A)=>{_($,R,A)}};x.push($),f++,k=setTimeout(T,e.rotate),n(D,o,$.callback)}return setTimeout(T),g}function In(e){const o={...Kr,...e};let n=[];function r(){n=n.filter(a=>a().status==="pending")}function s(a,c,f){const h=el(o,a,c,(k,x)=>{r(),f&&f(k,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 tl(e){if(!bt[e]){const o=to(e);if(!o)return;const n=In(o),r={config:o,redundancy:n};bt[e]=r}return bt[e]}function ol(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=tl(e);l&&(r=l.redundancy)}else{const i=Kt(e);if(i){r=In(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",ze="iconify",Dn=ze+"-count",_o=ze+"-version",Tn=36e5,nl=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,Dn,o.toString())}function Ct(e){return parseInt(vt(e,Dn))||0}const ct={local:!0,session:!0},_n={local:new Set,session:new Set};let no=!1;function sl(e){no=e}let Ge=typeof window>"u"?{}:window;function Pn(e){const o=e+"Storage";try{if(Ge&&Ge[o]&&typeof Ge[o].length=="number")return Ge[o]}catch{}ct[e]=!1}function Ln(e,o){const n=Pn(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,ze+c.toString())}oo(n,_o,To),wt(n,0);return}const s=Math.floor(Date.now()/Tn)-nl,i=a=>{const c=ze+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)):_n[e].add(a))}function qn(){if(!no){sl(!0);for(const e in ct)Ln(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 rl(e,o){const n=e.lastModifiedCached;if(n&&n>=o)return n===o;if(e.lastModifiedCached=o,n)for(const r in ct)Ln(r,s=>{const i=s.data;return s.provider!==e.provider||i.prefix!==e.prefix||i.lastModified===o});return!0}function ll(e,o){no||qn();function n(r){let s;if(!ct[r]||!(s=Pn(r)))return;const i=_n[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()/Tn),provider:e.provider,data:o};return oo(s,ze+l.toString(),JSON.stringify(a))}o.lastModified&&!rl(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 il(e){e.iconsLoaderFlag||(e.iconsLoaderFlag=!0,setTimeout(()=>{e.iconsLoaderFlag=!1,Xr(e)}))}function cl(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=>{ol(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(k=>{h.delete(k)}),ll(e,c)}catch(f){console.error(f)}il(e)})})}))}const al=(e,o)=>{const n=Zr(e,!0,wn()),r=Jr(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 k=s[f]||(s[f]=Object.create(null));k[h]||(k[h]=[])}),r.pending.forEach(c=>{const{provider:f,prefix:h,name:k}=c,x=ve(f,h),p=x.pendingIcons||(x.pendingIcons=new Set);p.has(k)||(p.add(k),s[f][h].push(k))}),i.forEach(c=>{const{provider:f,prefix:h}=c;s[f][h].length&&cl(c,s[f][h])}),o?Yr(o,r,i):Lo};function dl(e,o){const n={...e};for(const r in o){const s=o[r],i=typeof s;r in Cn?(s===null||s&&(i==="string"||i==="number"))&&(n[r]=s):i===typeof n[r]&&(n[r]=r==="rotate"?s%4:s)}return n}const ul=/[\s,]+/;function pl(e,o){o.split(ul).forEach(n=>{switch(n.trim()){case"horizontal":e.hFlip=!0;break;case"vertical":e.vFlip=!0;break}})}function fl(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 hl(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 ml(e){return e.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function bl(e){return"data:image/svg+xml,"+ml(e)}function xl(e){return'url("'+bl(e)+'")'}let Me;function gl(){try{Me=window.trustedTypes.createPolicy("iconify",{createHTML:e=>e})}catch{Me=null}}function kl(e){return Me===void 0&&gl(),Me?Me.createHTML(e):e}const $n={...Rn,inline:!1},jl={xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink","aria-hidden":!0,role:"img"},yl={display:"inline-block"},Rt={backgroundColor:"currentColor"},Nn={backgroundColor:"transparent"},qo={Image:"var(--svg)",Repeat:"no-repeat",Size:"100% 100%"},$o={WebkitMask:Rt,mask:Rt,background:Nn};for(const e in $o){const o=$o[e];for(const n in qo)o[e+n]=qo[n]}const vl={...$n,inline:!0};function No(e){return e+(e.match(/^[-0-9.]+$/)?"px":"")}const wl=(e,o,n,r)=>{const s=n?vl:$n,i=dl(s,o),l=o.mode||"svg",a={},c=o.style||{},f={...l==="svg"?jl:{},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"&&pl(i,b);break;case"color":a.color=b;break;case"rotate":typeof b=="string"?i[g]=fl(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=$r(e,i),k=h.attributes;if(i.inline&&(a.verticalAlign="-0.125em"),l==="svg"){f.style={...a,...c},Object.assign(f,k);let g=0,b=o.id;return typeof b=="string"&&(b=b.replace(/-/g,"_")),f.dangerouslySetInnerHTML={__html:kl(Mr(h.body,b?()=>b+"ID"+g++:"iconifyReact"))},fe.createElement("svg",f)}const{body:x,width:p,height:j}=e,v=l==="mask"||(l==="bg"?!1:x.indexOf("currentColor")!==-1),I=hl(x,{...k,width:p+"",height:j+""});return f.style={...a,"--svg":xl(I),width:No(k.width),height:No(k.height),...yl,...v?Rt:Nn,...c},fe.createElement("span",f)};wn(!0);Or("",Gr);if(typeof document<"u"&&typeof window<"u"){qn();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"||!_r(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;zr(n,s)||console.error(r)}catch{console.error(r)}}}}class An 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=Dr(s);if(!i){(!this._loading||this._loading.name!==r)&&(this._abortLoading(),this._icon="",this._setData(null),i!==null&&(this._loading={name:r,abort:al([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(" ")}),wl({...Yt,...n.data},r,o._inline,o._ref)}}const Cl=fe.forwardRef(function(o,n){const r={...o,_ref:n,_inline:!1};return fe.createElement(An,r)});fe.forwardRef(function(o,n){const r={...o,_ref:n,_inline:!0};return fe.createElement(An,r)});var Rl=Cl;const Sl=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(Rl,{icon:"carbon:video-off",style:{fontSize:40,marginBottom:"10px",opacity:.5}}),t.jsx(O,{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 En({setParams:e,onClose:o,params:n}){const{t:r}=Q(),[s,i]=w.useState(""),l=s&&n.blockletVideos.includes(s),a=Sl(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(Xo,{children:r("studio.videoDialogTitle")}),t.jsxs(Qo,{children:[t.jsx(ts,{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(O,{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")})]})]})}En.propTypes={onClose:d.func.isRequired,params:d.object.isRequired,setParams:d.func.isRequired};const Ao=w.lazy(()=>en(()=>import("./index-CB8LRAXR.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10])).then(e=>({default:e.Uploader})));function Mn({projectId:e,readOnly:o,loading:n,blocklet:r,params:s,setParams:i,paramsErrTip:l,setParamsErrTip:a,setLoading:c,initUrl:f,initLogoUrl:h,setInitLogoUrl:k,componentDid:x}){const{t:p,locale:j}=Q(),{api:v}=me(),I=St(),g=w.useRef(null),b=w.useRef(null),[C,_]=gr(r),[T,D]=w.useState(!1),$=Ls({messageType:"connect-store-message",onOpen:()=>c(!0),onClose:()=>c(!1)}),R=async S=>{const P=setTimeout(()=>{c(!1)},2e4),W=await jr(v,S);c(!1),clearTimeout(P),window.parent.postMessage({event:"studioDialog.connected",componentDid:x},"*"),I(window.location.pathname.replace(`${J.UNOWNED_DID}/create`,`${W}/create`),{replace:!0})},A=()=>{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=kr();$(async(P,W)=>{var F,G,ee;try{const X=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(!(X!=null&&X.url)){U.error("failed to connect to store");return}W(X.url),R({did:(ee=r==null?void 0:r.meta)==null?void 0:ee.did,projectId:"",messageId:S})}catch(X){const se=De(X);U.error(se),c(!1)}})},q=`${J.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${r.meta.did}/${e}/logo/upload`,M=`${J.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${r.meta.did}/${e}/screenshot/upload`,m=s!=null&&s.blockletLogo?`${q}/${s.blockletLogo}`:`${J.WELLKNOWN_SERVICE_PATH_PREFIX}/static/images/logo.png`,y=((s==null?void 0:s.blockletScreenshots)||[]).filter(Boolean).map(S=>`${M}/${S}`),L=()=>o?!1:!e||e===J.UNOWNED_DID?(U.error(p("blocklet.publish.errorTip.noFirstDid")),!1):!0,z=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(Il,{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===J.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:A})})},error:!!l.projectId,helperText:l.projectId||"",value:e===J.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(je,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[t.jsx(O,{variant:"subtitle1",sx:{fontWeight:"bold"},children:p("common.logo")}),t.jsxs(je,{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(je,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[t.jsx(O,{variant:"subtitle1",sx:{fontWeight:"bold"},children:p("common.screenshot")}),t.jsxs(je,{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:z,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(X=>{const se=[...X.blockletScreenshots];return se.splice(F,1),{...X,blockletScreenshots:se}})},children:t.jsx(ko,{})})]})},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(je,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[t.jsx(O,{variant:"subtitle1",sx:{fontWeight:"bold"},children:p("studio.video")}),t.jsxs(je,{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(X=>{const se=[...X.blockletVideos];return se.splice(F,1),{...X,blockletVideos:se}})},children:t.jsx(ko,{})})]})},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:j,popup:!0,onUploadFinish:S=>{var P;i({blockletLogo:S.data.filename}),k(""),(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(En,{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:M,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")]})]})}Mn.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 Il=ae.div`
+`;var Xt={},mr=he;Object.defineProperty(Xt,"__esModule",{value:!0});var gt=Xt.default=void 0,br=mr(be()),xr=t;gt=Xt.default=(0,br.default)((0,xr.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 gr(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,j,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 k=(((p=e==null?void 0:e.settings)==null?void 0:p.storeList)||[]).find(I=>{var g;return!(I.id!==J.BLOCKLET_STORE.id||I.scope&&I.scope!=="studio"&&I.scope!==((g=r==null?void 0:r.user)==null?void 0:g.did))});return k||(k=(v=(j=e==null?void 0:e.settings)==null?void 0:j.storeList)==null?void 0:v[0]),k},[(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 gn(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 kr(){return Math.random().toString(36).slice(2)+Math.random().toString(36).slice(2)+`${Date.now()}`.slice(-6)}function jr(e,{did:o,projectId:n,messageId:r}){return gn(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 yr(e,{did:o,projectId:n,storeId:r}){return gn(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 kn=({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:k}=me(),x=_e(),[p,j]=w.useState(!1),v=w.useRef(null),[I,g]=w.useState(!1),[b,C]=w.useState(null),_=z=>{n(z),j(!1)},T=()=>{j(!p)},D=z=>{v.current&&v.current.contains(z.target)||j(!1)},$=()=>{g(!0)},R=()=>{g(!1)},A=async()=>{var z;if(b)try{await f.deleteBlockletStore({input:{teamDid:e.meta.did,url:b.url,projectId:"",scope:b.scope||"studio"}}),await((z=x==null?void 0:x.actions)==null?void 0:z.refreshBlocklet())}catch(B){U.error(`Remove Blocklet Store Error: ${De(B)}`)}finally{C(null)}},{storeList:q}=kn({fromBlocklet:k,blocklet:e,nodeInfo:h,componentDid:l,userDid:(m=c==null?void 0:c.user)==null?void 0:m.did}),M=(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(Os,{})})]}),t.jsx(Fo,{sx:{zIndex:10},open:p,anchorEl:v.current,placement:"bottom-end",role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:z})=>t.jsx(Ho,{...z,style:{transformOrigin:"center top"},children:t.jsx(It,{children:t.jsx(Go,{onClickAway:D,children:t.jsxs(Jo,{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})]}),Ps({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(es,{}),t.jsxs(ue,{onClick:$,children:[t.jsx(_t,{font:!0}),t.jsx(O,{variant:"inherit",children:a("store.blockletRegistry.addRegistry")})]})]})})})})}),I&&t.jsx(ln,{hiddenChildren:!0,open:!0,onClose:R,teamDid:M,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:A,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}),kt=Object.freeze({...Yt,body:"",hidden:!1});function vr(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=vr(e,o);for(const r in kt)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 wr(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 Cr(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 yn(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=wr(e);for(const s in r){const i=r[s];i&&(o(s,Cr(e,s,i)),n.push(s))}return n}const Rr={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 vn(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,Rr))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,kt))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,kt))return null}return o}const Ro=Object.create(null);function Sr(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]=Sr(e,o))}function Zt(e,o){return vn(o)?yn(o,(n,r)=>{r?e.icons[n]=r:e.missing.add(n)}):[]}function Ir(e,o,n){try{if(typeof n.body=="string")return e.icons[o]={...n},!0}catch{}return!1}let Oe=!1;function wn(e){return typeof e=="boolean"&&(Oe=e),Oe}function Dr(e){const o=typeof e=="string"?it(e,!0,Oe):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 Tr(e,o){const n=it(e,!0,Oe);if(!n)return!1;const r=ve(n.provider,n.prefix);return Ir(r,n.name,o)}function _r(e,o){if(typeof e!="object")return!1;if(typeof o!="string"&&(o=e.provider||""),Oe&&!o&&!e.prefix){let s=!1;return vn(e)&&(e.prefix="",yn(e,(i,l)=>{l&&Tr(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 Cn=Object.freeze({width:null,height:null}),Rn=Object.freeze({...Cn,...tt}),Pr=/(-?[0-9.]*[0-9]+[0-9.]*)/g,Lr=/^-?[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(Pr);if(r===null||!r.length)return e;const s=[];let i=r.shift(),l=Lr.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 qr=e=>e==="unset"||e==="undefined"||e==="none";function $r(e,o){const n={...Yt,...e},r={...Rn,...o},s={left:n.left,top:n.top,width:n.width,height:n.height};let i=n.body;[n,r].forEach(j=>{const v=[],I=j.hFlip,g=j.vFlip;let b=j.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,k;l===null?(k=a===null?"1em":a==="auto"?f:a,h=So(k,c/f)):(h=l==="auto"?c:l,k=a===null?So(h,f/c):a==="auto"?f:a);const x={},p=(j,v)=>{qr(v)||(x[j]=v.toString())};return p("width",h),p("height",k),x.viewBox=s.left.toString()+" "+s.top.toString()+" "+c.toString()+" "+f.toString(),{attributes:x,body:i}}const Nr=/\sid="(\S+)"/g,Ar="IconifyId"+Date.now().toString(16)+(Math.random()*16777216|0).toString(16);let Er=0;function Mr(e,o=Ar){const n=[];let r;for(;r=Nr.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+(Er++).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 jt=Object.create(null);function Or(e,o){jt[e]=o}function yt(e){return jt[e]||jt[""]}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 zr(e,o){const n=Kt(o);return n===null?!1:(eo[e]=n,!0)}function to(e){return eo[e]}const Br=()=>{let e;try{if(e=fetch,typeof e=="function")return e}catch{}};let Io=Br();function Vr(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 Wr(e){return e===404}const Ur=(e,o,n)=>{const r=[],s=Vr(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 Fr(e){if(typeof e=="string"){const o=to(e);if(o)return o.path}return"/"}const Hr=(e,o,n)=>{if(!Io){n("abort",424);return}let r=Fr(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(Wr(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)})},Gr={prepare:Ur,send:Hr};function Jr(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 k={provider:i,prefix:l,name:a};h.push(k)}),o}function Sn(e,o){e.forEach(n=>{const r=n.loaderCallbacks;r&&(n.loaderCallbacks=r.filter(s=>s.id!==o))})}function Xr(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||Sn([e],i.id),i.callback(l.loaded.slice(0),l.missing.slice(0),l.pending.slice(0),i.abort))})}))}let Qr=0;function Yr(e,o,n){const r=Qr++,s=Sn.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 Zr(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 Kr={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function el(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,k=null,x=[],p=[];typeof r=="function"&&p.push(r);function j(){k&&(clearTimeout(k),k=null)}function v(){c==="pending"&&(c="aborted"),j(),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 A=$!=="success";switch(x=x.filter(q=>q!==D),c){case"pending":break;case"failed":if(A||!e.dataAfterTimeout)return;break;default:return}if($==="abort"){h=R,b();return}if(A){h=R,x.length||(l.length?T():b());return}if(j(),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;j();const D=l.shift();if(D===void 0){if(x.length){k=setTimeout(()=>{j(),c==="pending"&&(C(),b())},e.timeout);return}b();return}const $={status:"pending",resource:D,callback:(R,A)=>{_($,R,A)}};x.push($),f++,k=setTimeout(T,e.rotate),n(D,o,$.callback)}return setTimeout(T),g}function In(e){const o={...Kr,...e};let n=[];function r(){n=n.filter(a=>a().status==="pending")}function s(a,c,f){const h=el(o,a,c,(k,x)=>{r(),f&&f(k,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 tl(e){if(!bt[e]){const o=to(e);if(!o)return;const n=In(o),r={config:o,redundancy:n};bt[e]=r}return bt[e]}function ol(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=tl(e);l&&(r=l.redundancy)}else{const i=Kt(e);if(i){r=In(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",ze="iconify",Dn=ze+"-count",_o=ze+"-version",Tn=36e5,nl=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,Dn,o.toString())}function Ct(e){return parseInt(vt(e,Dn))||0}const ct={local:!0,session:!0},_n={local:new Set,session:new Set};let no=!1;function sl(e){no=e}let Ge=typeof window>"u"?{}:window;function Pn(e){const o=e+"Storage";try{if(Ge&&Ge[o]&&typeof Ge[o].length=="number")return Ge[o]}catch{}ct[e]=!1}function Ln(e,o){const n=Pn(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,ze+c.toString())}oo(n,_o,To),wt(n,0);return}const s=Math.floor(Date.now()/Tn)-nl,i=a=>{const c=ze+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)):_n[e].add(a))}function qn(){if(!no){sl(!0);for(const e in ct)Ln(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 rl(e,o){const n=e.lastModifiedCached;if(n&&n>=o)return n===o;if(e.lastModifiedCached=o,n)for(const r in ct)Ln(r,s=>{const i=s.data;return s.provider!==e.provider||i.prefix!==e.prefix||i.lastModified===o});return!0}function ll(e,o){no||qn();function n(r){let s;if(!ct[r]||!(s=Pn(r)))return;const i=_n[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()/Tn),provider:e.provider,data:o};return oo(s,ze+l.toString(),JSON.stringify(a))}o.lastModified&&!rl(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 il(e){e.iconsLoaderFlag||(e.iconsLoaderFlag=!0,setTimeout(()=>{e.iconsLoaderFlag=!1,Xr(e)}))}function cl(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=>{ol(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(k=>{h.delete(k)}),ll(e,c)}catch(f){console.error(f)}il(e)})})}))}const al=(e,o)=>{const n=Zr(e,!0,wn()),r=Jr(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 k=s[f]||(s[f]=Object.create(null));k[h]||(k[h]=[])}),r.pending.forEach(c=>{const{provider:f,prefix:h,name:k}=c,x=ve(f,h),p=x.pendingIcons||(x.pendingIcons=new Set);p.has(k)||(p.add(k),s[f][h].push(k))}),i.forEach(c=>{const{provider:f,prefix:h}=c;s[f][h].length&&cl(c,s[f][h])}),o?Yr(o,r,i):Lo};function dl(e,o){const n={...e};for(const r in o){const s=o[r],i=typeof s;r in Cn?(s===null||s&&(i==="string"||i==="number"))&&(n[r]=s):i===typeof n[r]&&(n[r]=r==="rotate"?s%4:s)}return n}const ul=/[\s,]+/;function pl(e,o){o.split(ul).forEach(n=>{switch(n.trim()){case"horizontal":e.hFlip=!0;break;case"vertical":e.vFlip=!0;break}})}function fl(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 hl(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 ml(e){return e.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function bl(e){return"data:image/svg+xml,"+ml(e)}function xl(e){return'url("'+bl(e)+'")'}let Me;function gl(){try{Me=window.trustedTypes.createPolicy("iconify",{createHTML:e=>e})}catch{Me=null}}function kl(e){return Me===void 0&&gl(),Me?Me.createHTML(e):e}const $n={...Rn,inline:!1},jl={xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink","aria-hidden":!0,role:"img"},yl={display:"inline-block"},Rt={backgroundColor:"currentColor"},Nn={backgroundColor:"transparent"},qo={Image:"var(--svg)",Repeat:"no-repeat",Size:"100% 100%"},$o={WebkitMask:Rt,mask:Rt,background:Nn};for(const e in $o){const o=$o[e];for(const n in qo)o[e+n]=qo[n]}const vl={...$n,inline:!0};function No(e){return e+(e.match(/^[-0-9.]+$/)?"px":"")}const wl=(e,o,n,r)=>{const s=n?vl:$n,i=dl(s,o),l=o.mode||"svg",a={},c=o.style||{},f={...l==="svg"?jl:{},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"&&pl(i,b);break;case"color":a.color=b;break;case"rotate":typeof b=="string"?i[g]=fl(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=$r(e,i),k=h.attributes;if(i.inline&&(a.verticalAlign="-0.125em"),l==="svg"){f.style={...a,...c},Object.assign(f,k);let g=0,b=o.id;return typeof b=="string"&&(b=b.replace(/-/g,"_")),f.dangerouslySetInnerHTML={__html:kl(Mr(h.body,b?()=>b+"ID"+g++:"iconifyReact"))},fe.createElement("svg",f)}const{body:x,width:p,height:j}=e,v=l==="mask"||(l==="bg"?!1:x.indexOf("currentColor")!==-1),I=hl(x,{...k,width:p+"",height:j+""});return f.style={...a,"--svg":xl(I),width:No(k.width),height:No(k.height),...yl,...v?Rt:Nn,...c},fe.createElement("span",f)};wn(!0);Or("",Gr);if(typeof document<"u"&&typeof window<"u"){qn();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"||!_r(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;zr(n,s)||console.error(r)}catch{console.error(r)}}}}class An 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=Dr(s);if(!i){(!this._loading||this._loading.name!==r)&&(this._abortLoading(),this._icon="",this._setData(null),i!==null&&(this._loading={name:r,abort:al([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(" ")}),wl({...Yt,...n.data},r,o._inline,o._ref)}}const Cl=fe.forwardRef(function(o,n){const r={...o,_ref:n,_inline:!1};return fe.createElement(An,r)});fe.forwardRef(function(o,n){const r={...o,_ref:n,_inline:!0};return fe.createElement(An,r)});var Rl=Cl;const Sl=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(Rl,{icon:"carbon:video-off",style:{fontSize:40,marginBottom:"10px",opacity:.5}}),t.jsx(O,{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 En({setParams:e,onClose:o,params:n}){const{t:r}=Q(),[s,i]=w.useState(""),l=s&&n.blockletVideos.includes(s),a=Sl(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(Xo,{children:r("studio.videoDialogTitle")}),t.jsxs(Qo,{children:[t.jsx(ts,{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(gs,{})})}):null,error:l}),l&&t.jsx(O,{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")})]})]})}En.propTypes={onClose:d.func.isRequired,params:d.object.isRequired,setParams:d.func.isRequired};const Ao=w.lazy(()=>nn(()=>import("./index-B17pt9EP.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12])).then(e=>({default:e.Uploader})));function Mn({projectId:e,readOnly:o,loading:n,blocklet:r,params:s,setParams:i,paramsErrTip:l,setParamsErrTip:a,setLoading:c,initUrl:f,initLogoUrl:h,setInitLogoUrl:k,componentDid:x}){const{t:p,locale:j}=Q(),{api:v}=me(),I=St(),g=w.useRef(null),b=w.useRef(null),[C,_]=gr(r),[T,D]=w.useState(!1),$=Ls({messageType:"connect-store-message",onOpen:()=>c(!0),onClose:()=>c(!1)}),R=async S=>{const P=setTimeout(()=>{c(!1)},2e4),W=await jr(v,S);c(!1),clearTimeout(P),window.parent.postMessage({event:"studioDialog.connected",componentDid:x},"*"),I(window.location.pathname.replace(`${J.UNOWNED_DID}/create`,`${W}/create`),{replace:!0})},A=()=>{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=kr();$(async(P,W)=>{var F,G,ee;try{const X=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(!(X!=null&&X.url)){U.error("failed to connect to store");return}W(X.url),R({did:(ee=r==null?void 0:r.meta)==null?void 0:ee.did,projectId:"",messageId:S})}catch(X){const se=De(X);U.error(se),c(!1)}})},q=`${J.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${r.meta.did}/${e}/logo/upload`,M=`${J.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${r.meta.did}/${e}/screenshot/upload`,m=s!=null&&s.blockletLogo?`${q}/${s.blockletLogo}`:`${J.WELLKNOWN_SERVICE_PATH_PREFIX}/static/images/logo.png`,y=((s==null?void 0:s.blockletScreenshots)||[]).filter(Boolean).map(S=>`${M}/${S}`),L=()=>o?!1:!e||e===J.UNOWNED_DID?(U.error(p("blocklet.publish.errorTip.noFirstDid")),!1):!0,z=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(Il,{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===J.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:A})})},error:!!l.projectId,helperText:l.projectId||"",value:e===J.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(je,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[t.jsx(O,{variant:"subtitle1",sx:{fontWeight:"bold"},children:p("common.logo")}),t.jsxs(je,{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(je,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[t.jsx(O,{variant:"subtitle1",sx:{fontWeight:"bold"},children:p("common.screenshot")}),t.jsxs(je,{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:z,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(X=>{const se=[...X.blockletScreenshots];return se.splice(F,1),{...X,blockletScreenshots:se}})},children:t.jsx(ko,{})})]})},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(je,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[t.jsx(O,{variant:"subtitle1",sx:{fontWeight:"bold"},children:p("studio.video")}),t.jsxs(je,{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(X=>{const se=[...X.blockletVideos];return se.splice(F,1),{...X,blockletVideos:se}})},children:t.jsx(ko,{})})]})},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:j,popup:!0,onUploadFinish:S=>{var P;i({blockletLogo:S.data.filename}),k(""),(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(En,{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:M,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")]})]})}Mn.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 Il=ae.div`
   margin-top: 24px;
   .screenshot {
     margin-bottom: 16px;
@@ -177,14 +177,14 @@ import{r as w,k as St,l as st,L as ce,u as Yn,h as Zn,i as dt}from"./vendor-reac
     padding-bottom: 12px;
     border-bottom: ${({theme:e})=>`1px solid ${e.palette.divider}`};
   }
-`;function Un({text:e}){return e?t.jsx(Bs,{wrapperElement:{"data-color-mode":"light"},source:ys.sanitize(e),rehypePlugins:[[Vs,{target:"_blank"}]]}):t.jsx(Te,{Icon:Nt})}Un.propTypes={text:d.string.isRequired};function Fn({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=(k,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(O,{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:k=>{s({blockletIntroduction:""}),o({blockletIntroduction:k.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(Un,{text:e.blockletIntroduction||""})})]})}Fn.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={},El=he;Object.defineProperty(lo,"__esModule",{value:!0});var Hn=lo.default=void 0,Ml=El(be()),Mo=t;Hn=lo.default=(0,Ml.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(Ws,{sx:{fontSize:18,margin:0},color:"white"})),r||!o&&n>e?(s="error.main",i=t.jsx(Hn,{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 Gn({steps:e,activeStep:o,setActiveStep:n,hasSelectedResources:r,params:s,loading:i,paramsErrTip:l,viewMode:a,projectId:c}){const{t:f}=Q(),h=()=>{n(j=>j+1)},k=()=>{n(j=>j-1)},x=j=>j===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):j===2?(l==null?void 0:l.blockletResource)||(l==null?void 0:l.blockletDocker)||(l==null?void 0:l.dockerImageName):j>=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(ls,{activeStep:o,orientation:"vertical",children:e.map((j,v)=>{const I={},g=i||!Nl({hasSelectedResources:r,params:s,projectId:c,step:v,t:f}),b=i?"":x(v);return b&&(I.optional=t.jsx(O,{variant:"caption",color:"error",children:b}),I.error=!0),t.jsxs(is,{children:[t.jsx(cs,{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(O,{fontSize:"14px",fontWeight:"500",color:b||!g&&o>v?"error.main":"inherit",children:j.label})}),t.jsxs(as,{children:[t.jsx(O,{fontSize:12,children:j.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:k,sx:{mt:1,mr:1},children:f("common.back")})]})})]})]},j.label)})}),o>=e.length-1&&t.jsx(It,{square:!0,elevation:0,sx:{p:3},children:t.jsx(O,{fontSize:12,sx:{opacity:.5},children:"Click right top button to release"})})]})}Gn.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 Ol=[".zip",".gz"],zl=1024*1024*100,Bl=w.lazy(()=>en(()=>import("./index-CB8LRAXR.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===J.UNOWNED_DID?(U.error(a("blocklet.publish.errorTip.noFirstDid")),!1):!0,k=`${J.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${e.meta.did}/${o}/resource/upload`;return t.jsxs(u,{sx:{mt:3},children:[t.jsx(O,{gutterBottom:!0,children:a("blocklet.publish.resourceUpload")}),t.jsxs(je,{direction:"row",alignItems:"center",spacing:1,sx:{flex:1,cursor:n?"default":"pointer"},children:[!!r.uploadedResource&&t.jsx(O,{component:"a",href:`${k}/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(Bl,{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:k,disableMediaKitPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileExts:Ol,maxFileSize:zl,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 Jn(e){for(const o in e)typeof e[o]=="string"?e[o]=e[o].replace(/\\\\/g,"\\"):typeof e[o]=="object"&&e[o]!==null&&Jn(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]]})},k=(q,M)=>{var m;(m=n[s])!=null&&m[e]&&(M?(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,M)=>{var y;const m=((y=n[s][e])==null?void 0:y.value)||"";n[s][e]={...n[s][e],secure:M,value:M&&m===re.BLOCKLET_AUTOMATIC_ENV_VALUE?"":m},r({...n,[s]:[...n[s]]})},p=(q,M)=>{n[s][e]={...n[s][e],shared:M},r({...n,[s]:[...n[s]]})},j=(q,M)=>{var y;const m=((y=n[s][e])==null?void 0:y.value)||"";n[s][e]={...n[s][e],required:M,value:M&&m===re.BLOCKLET_AUTOMATIC_ENV_VALUE?"":m},r({...n,[s]:[...n[s]]})},v=(q,M)=>{n[s][e]={...n[s][e],value:M?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 M=q.target.value==="web"?"web":"docker";M==="web"&&n.dockerArgs.forEach(L=>{L.type="docker"});const y=`/${n.dockerImage.replace(/\W/g,"-")}-${e}`;n.dockerArgs[e]={...n.dockerArgs[e],type:M,path:M==="docker"?y:"/",protocol:"http",prefix:M==="docker"?y:"/",name:"publicUrl",port:"BLOCKLET_PORT"},r({...n,dockerArgs:[...n.dockerArgs]})},b=q=>{const M=q.target.value;n[s][e]={...n[s][e],prefix:M,path:M==="*"?"/":M},r({...n,[s]:[...n[s]]})},C=q=>{var M;(M=n[s])!=null&&M[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=Ns[o.key],$=s==="dockerEnvs",R=o.key==="--publish";let A=o.key;return R&&o.type==="web"?A="--publish (Web)":$&&(A=`--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(O,{sx:{textOverflow:"ellipsis",width:"100%",overflow:"hidden"},children:A})}),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(O,{variant:"caption",color:"error",children:i("blocklet.publish.docker.noAllowTheArg")}),o.key==="--publish"&&t.jsx(O,{variant:"caption",color:"text.secondary",children:i("blocklet.publish.docker.publishTips")}),o.key==="--volume"&&As[o.key](a)&&t.jsx(O,{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(O,{children:i("blocklet.publish.docker.needCustomInput")}),t.jsx(ye,{disabled:l,checked:_,onChange:k,sx:{zoom:.9}})]}),$&&t.jsxs(u,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(O,{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(O,{children:i("blocklet.publish.docker.required")}),t.jsx(ye,{disabled:l,checked:o.required,onChange:j,sx:{zoom:.9}})]}),$&&t.jsxs(u,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(O,{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(O,{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(O,{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(O,{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(O,{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 Vl=`
+`;function Un({text:e}){return e?t.jsx(Bs,{wrapperElement:{"data-color-mode":"light"},source:vs.sanitize(e),rehypePlugins:[[Vs,{target:"_blank"}]]}):t.jsx(Te,{Icon:Nt})}Un.propTypes={text:d.string.isRequired};function Fn({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=(k,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(O,{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:k=>{s({blockletIntroduction:""}),o({blockletIntroduction:k.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(Un,{text:e.blockletIntroduction||""})})]})}Fn.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={},El=he;Object.defineProperty(lo,"__esModule",{value:!0});var Hn=lo.default=void 0,Ml=El(be()),Mo=t;Hn=lo.default=(0,Ml.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(Ws,{sx:{fontSize:18,margin:0},color:"white"})),r||!o&&n>e?(s="error.main",i=t.jsx(Hn,{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 Gn({steps:e,activeStep:o,setActiveStep:n,hasSelectedResources:r,params:s,loading:i,paramsErrTip:l,viewMode:a,projectId:c}){const{t:f}=Q(),h=()=>{n(j=>j+1)},k=()=>{n(j=>j-1)},x=j=>j===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):j===2?(l==null?void 0:l.blockletResource)||(l==null?void 0:l.blockletDocker)||(l==null?void 0:l.dockerImageName):j>=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(ls,{activeStep:o,orientation:"vertical",children:e.map((j,v)=>{const I={},g=i||!Nl({hasSelectedResources:r,params:s,projectId:c,step:v,t:f}),b=i?"":x(v);return b&&(I.optional=t.jsx(O,{variant:"caption",color:"error",children:b}),I.error=!0),t.jsxs(is,{children:[t.jsx(cs,{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(O,{fontSize:"14px",fontWeight:"500",color:b||!g&&o>v?"error.main":"inherit",children:j.label})}),t.jsxs(as,{children:[t.jsx(O,{fontSize:12,children:j.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:k,sx:{mt:1,mr:1},children:f("common.back")})]})})]})]},j.label)})}),o>=e.length-1&&t.jsx(It,{square:!0,elevation:0,sx:{p:3},children:t.jsx(O,{fontSize:12,sx:{opacity:.5},children:"Click right top button to release"})})]})}Gn.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 Ol=[".zip",".gz"],zl=1024*1024*100,Bl=w.lazy(()=>nn(()=>import("./index-B17pt9EP.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12])).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===J.UNOWNED_DID?(U.error(a("blocklet.publish.errorTip.noFirstDid")),!1):!0,k=`${J.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${e.meta.did}/${o}/resource/upload`;return t.jsxs(u,{sx:{mt:3},children:[t.jsx(O,{gutterBottom:!0,children:a("blocklet.publish.resourceUpload")}),t.jsxs(je,{direction:"row",alignItems:"center",spacing:1,sx:{flex:1,cursor:n?"default":"pointer"},children:[!!r.uploadedResource&&t.jsx(O,{component:"a",href:`${k}/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(Bl,{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:k,disableMediaKitPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileExts:Ol,maxFileSize:zl,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 Jn(e){for(const o in e)typeof e[o]=="string"?e[o]=e[o].replace(/\\\\/g,"\\"):typeof e[o]=="object"&&e[o]!==null&&Jn(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]]})},k=(q,M)=>{var m;(m=n[s])!=null&&m[e]&&(M?(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,M)=>{var y;const m=((y=n[s][e])==null?void 0:y.value)||"";n[s][e]={...n[s][e],secure:M,value:M&&m===re.BLOCKLET_AUTOMATIC_ENV_VALUE?"":m},r({...n,[s]:[...n[s]]})},p=(q,M)=>{n[s][e]={...n[s][e],shared:M},r({...n,[s]:[...n[s]]})},j=(q,M)=>{var y;const m=((y=n[s][e])==null?void 0:y.value)||"";n[s][e]={...n[s][e],required:M,value:M&&m===re.BLOCKLET_AUTOMATIC_ENV_VALUE?"":m},r({...n,[s]:[...n[s]]})},v=(q,M)=>{n[s][e]={...n[s][e],value:M?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 M=q.target.value==="web"?"web":"docker";M==="web"&&n.dockerArgs.forEach(L=>{L.type="docker"});const y=`/${n.dockerImage.replace(/\W/g,"-")}-${e}`;n.dockerArgs[e]={...n.dockerArgs[e],type:M,path:M==="docker"?y:"/",protocol:"http",prefix:M==="docker"?y:"/",name:"publicUrl",port:"BLOCKLET_PORT"},r({...n,dockerArgs:[...n.dockerArgs]})},b=q=>{const M=q.target.value;n[s][e]={...n[s][e],prefix:M,path:M==="*"?"/":M},r({...n,[s]:[...n[s]]})},C=q=>{var M;(M=n[s])!=null&&M[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=Ns[o.key],$=s==="dockerEnvs",R=o.key==="--publish";let A=o.key;return R&&o.type==="web"?A="--publish (Web)":$&&(A=`--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(O,{sx:{textOverflow:"ellipsis",width:"100%",overflow:"hidden"},children:A})}),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(O,{variant:"caption",color:"error",children:i("blocklet.publish.docker.noAllowTheArg")}),o.key==="--publish"&&t.jsx(O,{variant:"caption",color:"text.secondary",children:i("blocklet.publish.docker.publishTips")}),o.key==="--volume"&&As[o.key](a)&&t.jsx(O,{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(O,{children:i("blocklet.publish.docker.needCustomInput")}),t.jsx(ye,{disabled:l,checked:_,onChange:k,sx:{zoom:.9}})]}),$&&t.jsxs(u,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(O,{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(O,{children:i("blocklet.publish.docker.required")}),t.jsx(ye,{disabled:l,checked:o.required,onChange:j,sx:{zoom:.9}})]}),$&&t.jsxs(u,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[t.jsx(O,{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(O,{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(O,{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(O,{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(O,{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 Vl=`
 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(""),[k,x]=w.useState(!1),[p,j]=w.useState("--volume"),[v,I]=w.useState(""),[g,b]=w.useState(jo(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=jo(y.target.value);b(z=>{let B,S=!1;return L.dockerArgs.forEach(P=>{const W=z.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=z.dockerEnvs.find(F=>F.key===P.key);W&&Object.entries(W).forEach(([F,G])=>{G!=null&&F!=="value"&&(P[F]=G)})}),L})},A=()=>{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("")},M=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{Ms(L),n({...o,dockerCMD:""})}catch{n({...o,dockerCMD:l("blocklet.publish.docker.dockerCMDError")})}};return w.useEffect(()=>{a==="dockerCommand"&&h(Es(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:Vl,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:M}),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}),k&&t.jsxs(rt,{fullWidth:!0,open:!0,children:[t.jsx(Xo,{children:l("blocklet.publish.docker.addItem")}),t.jsx(Qo,{children:t.jsxs(ds,{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=>j(y.target.value),children:Object.keys(cn).map(y=>t.jsx(ue,{value:y,children:y}))}),p==="--publish"&&t.jsx(O,{variant:"caption",color:"text.secondary",children:l("blocklet.publish.docker.publishTips")}),p==="--volume"&&t.jsx(O,{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(us,{children:l("blocklet.publish.docker.dockerArgValue")})]})]})}),t.jsxs(Yo,{children:[t.jsx(Z,{onClick:q,children:l("common.cancel")}),t.jsx(Z,{onClick:A,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 Wl=({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})},Oo=(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},Ul={0:"branding",1:"introduction",2:"resources",3:"blocklets",4:"version"},zo={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,k]=Se({}),[x,p]=w.useState(!1),[j,v]=Se(null),{api:I}=me(),g=Be(E=>E.breakpoints.down("md")),[b,C]=w.useState({}),[_,T]=w.useState(!1),D=w.useRef({}),[$,R]=Se({}),[A,q]=w.useState(""),[M,m]=Se({}),y=e==null?void 0:e.searchParams.get("dependentComponentsMode"),L=y==="readonly",z=w.useMemo(()=>{const E={};return Object.keys(M).forEach(V=>{const ke=M[V];ke&&ke.forEach(Qn=>{E[Qn]=!0})}),E},[M]),B=w.useCallback(E=>{L&&f({blockletComponents:[]}),m(E)},[L,m,f]),S=w.useCallback((...E)=>{R(...E),k({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"),X=[{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=X[W]||X[X.length-1],le=Ul[W];w.useEffect(()=>{n&&k({projectId:""})},[n,k]);const xe=w.useMemo(()=>{var E;return(c==null?void 0:c.blockletResourceType)==="resource"?"resource":(E=c==null?void 0:c.blockletComponents)!=null&&E.some(V=>V.included)||Object.keys(z).length||c!=null&&c.uploadedResource?"pack":"resource"},[c==null?void 0:c.blockletComponents,c==null?void 0:c.uploadedResource,z,c==null?void 0:c.blockletResourceType]),Pe=[],Le=((a==null?void 0:a.children)||[]).filter(E=>{var V;return(V=E.meta.resource)==null?void 0:V.exportApi}).filter(E=>!i||E.meta.did===i);Le.forEach(E=>{Wl({tabs:Pe,blocklet:E,t:l,ancestors:[a]})});const[qe,te]=w.useState((po=Pe[0])==null?void 0:po.value),ge=!_&&(j==null?void 0:j.status)==="published",N=ge,we=Is(()=>{if(!e)return;q(e.searchParams.get("logo")),f(V=>{var ke;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:(ke=V==null?void 0:V.blockletComponents)!=null&&ke.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 E=e.searchParams.get("resources");try{const V=JSON.parse(E);C(V)}catch{}}),Ce=async()=>{if(P)try{const E=await I.getRelease({input:{did:a.meta.did,projectId:n,releaseId:P}});if(p(!1),!E.release){U.error("Release not found");return}E.release.note=fn(E.release.note,"note"),E.release=Jn(E.release),r!=="view"&&(E.release.note=""),f(V=>Oo({...V,...E.release,blockletVersion:r==="create"||r==="new-release"?Ie.inc(E.release.blockletVersion,"patch"):E.release.blockletVersion},a)),v(E.release)}catch(E){p(!1),U.error(De(E))}},$e=async()=>{if(n===J.UNOWNED_DID){f({blockletVersion:"0.0.1",blockletTitle:""});return}if(!n){U.error(l("blocklet.publish.errorTip.noDid"));return}try{const V=(await mn(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 ke=Oo(V,a);f(ke),V.lastReleaseId||we()}catch(E){U.error(De(E))}},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=E=>{f({blockletComponents:E})},Fe=E=>{f({blockletResourceType:E})};w.useEffect(()=>{Re()},[Re]),w.useEffect(()=>{n===J.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(E=>!!$[E].length),[$]);if(!c&&x)return t.jsx(We,{});if(!c)return null;const K=Le.find(E=>E.meta.did===qe),He=E=>{te(E)};return t.jsxs(Fl,{...o,children:[t.jsx(Wn,{blocklet:a,release:j,getData:Re,getRelease:Ce,mode:r,params:c,setParams:f,setParamsErrTip:k,readOnly:N,isPublished:ge,loading:x,setLoading:p,initLogoUrl:A,releaseId:P,projectId:n,projectType:xe,resourceComponents:Le,resourceComponentsMap:M,resourceRelateComponents:z,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(Gn,{steps:X,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(O,{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(Ss,{})})})]}),(g||le==="branding")&&t.jsx(u,{flexDirection:"column",children:t.jsx(Mn,{projectId:n,setParams:f,setParamsErrTip:k,params:c,componentDid:i,blocklet:a,initUrl:e,loading:x,setLoading:p,paramsErrTip:h,readOnly:N,initLogoUrl:A,setInitLogoUrl:q})}),g&&t.jsx(u,{flexDirection:"column",children:t.jsx(ot,{loading:x,params:c,paramsErrTip:h,setParams:f,setParamsErrTip:k,readOnly:N})}),(g||le==="introduction")&&t.jsx(u,{display:"flex",flexDirection:"column",sx:{mt:g?5:0,width:"100%"},children:t.jsx(Fn,{loading:x,readOnly:N,params:c,setParams:f,paramsErrTip:h,setParamsErrTip:k})}),g&&t.jsx(O,{variant:"h6",fontWeight:"bold",mt:5,children:X[zo.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(ps,{onChange:E=>f({contentType:E.target.value}),children:[t.jsx(Xe,{value:"blocklet",disabled:N,control:t.jsx(ut,{size:"small",checked:c.contentType==="blocklet"}),label:l("blocklet.publish.resourceSelect")}),t.jsx(Xe,{value:"upload",disabled:N,control:t.jsx(ut,{size:"small",checked:c.contentType==="upload"}),label:l("blocklet.publish.resourceUpload")}),t.jsx(Xe,{value:"docker",disabled:N,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(vs,{tabs:Pe,current:qe,onChange:He,sx:{ml:-2,mt:2,maxWidth:g?window.innerWidth-24:"100%"}}),t.jsx(Jt,{loading:x,initialResources:b,saveSelectedEventsRef:D,selectedResourceIds:$,setSelectedResourceIds:S,setResourceComponentsMap:B,error:h.blockletResource,app:a,readOnly:N,component:K,componentDid:i,initUrl:e,params:c,showTree:c.contentType==="blocklet",setParams:f,projectId:n===J.UNOWNED_DID?"":n,releaseUsedLast:_,release:{...j,id:P}})]}),c.contentType==="upload"&&t.jsx(co,{app:a,readOnly:N,projectId:n===J.UNOWNED_DID?"":n,params:c,error:h.blockletResource,setParams:f,setParamsErrTip:k}),c.contentType==="docker"&&t.jsx(ao,{app:a,readOnly:N,projectId:n===J.UNOWNED_DID?"":n,params:c,error:h.blockletResource,setParams:f,setParamsErrTip:k,paramsErrTip:h})]})})}),g&&t.jsx(O,{variant:"h6",fontWeight:"bold",mt:5,children:X[zo.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||N,app:a,value:(c==null?void 0:c.blockletComponents)||[],blockletResourceType:(c==null?void 0:c.blockletResourceType)||"",onChange:Ue,onChangeBlockletResourceType:Fe,resourceRelateComponents:z,dependentComponentsMode:y})})})}),!g&&le==="version"&&t.jsx(u,{flexDirection:"column",children:t.jsx(ot,{loading:x,params:c,paramsErrTip:h,setParams:f,setParamsErrTip:k,readOnly:N})})]})]})]})]})}uo.propTypes={initUrl:d.object};uo.defaultProps={initUrl:null};const Fl=ae.div`
+`.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(""),[k,x]=w.useState(!1),[p,j]=w.useState("--volume"),[v,I]=w.useState(""),[g,b]=w.useState(jo(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=jo(y.target.value);b(z=>{let B,S=!1;return L.dockerArgs.forEach(P=>{const W=z.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=z.dockerEnvs.find(F=>F.key===P.key);W&&Object.entries(W).forEach(([F,G])=>{G!=null&&F!=="value"&&(P[F]=G)})}),L})},A=()=>{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("")},M=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{Ms(L),n({...o,dockerCMD:""})}catch{n({...o,dockerCMD:l("blocklet.publish.docker.dockerCMDError")})}};return w.useEffect(()=>{a==="dockerCommand"&&h(Es(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:Vl,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:M}),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}),k&&t.jsxs(rt,{fullWidth:!0,open:!0,children:[t.jsx(Xo,{children:l("blocklet.publish.docker.addItem")}),t.jsx(Qo,{children:t.jsxs(ds,{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=>j(y.target.value),children:Object.keys(cn).map(y=>t.jsx(ue,{value:y,children:y}))}),p==="--publish"&&t.jsx(O,{variant:"caption",color:"text.secondary",children:l("blocklet.publish.docker.publishTips")}),p==="--volume"&&t.jsx(O,{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(us,{children:l("blocklet.publish.docker.dockerArgValue")})]})]})}),t.jsxs(Yo,{children:[t.jsx(Z,{onClick:q,children:l("common.cancel")}),t.jsx(Z,{onClick:A,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 Wl=({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})},Oo=(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},Ul={0:"branding",1:"introduction",2:"resources",3:"blocklets",4:"version"},zo={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,k]=Se({}),[x,p]=w.useState(!1),[j,v]=Se(null),{api:I}=me(),g=Be(E=>E.breakpoints.down("md")),[b,C]=w.useState({}),[_,T]=w.useState(!1),D=w.useRef({}),[$,R]=Se({}),[A,q]=w.useState(""),[M,m]=Se({}),y=e==null?void 0:e.searchParams.get("dependentComponentsMode"),L=y==="readonly",z=w.useMemo(()=>{const E={};return Object.keys(M).forEach(V=>{const ke=M[V];ke&&ke.forEach(Qn=>{E[Qn]=!0})}),E},[M]),B=w.useCallback(E=>{L&&f({blockletComponents:[]}),m(E)},[L,m,f]),S=w.useCallback((...E)=>{R(...E),k({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"),X=[{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=X[W]||X[X.length-1],le=Ul[W];w.useEffect(()=>{n&&k({projectId:""})},[n,k]);const xe=w.useMemo(()=>{var E;return(c==null?void 0:c.blockletResourceType)==="resource"?"resource":(E=c==null?void 0:c.blockletComponents)!=null&&E.some(V=>V.included)||Object.keys(z).length||c!=null&&c.uploadedResource?"pack":"resource"},[c==null?void 0:c.blockletComponents,c==null?void 0:c.uploadedResource,z,c==null?void 0:c.blockletResourceType]),Pe=[],Le=((a==null?void 0:a.children)||[]).filter(E=>{var V;return(V=E.meta.resource)==null?void 0:V.exportApi}).filter(E=>!i||E.meta.did===i);Le.forEach(E=>{Wl({tabs:Pe,blocklet:E,t:l,ancestors:[a]})});const[qe,te]=w.useState((po=Pe[0])==null?void 0:po.value),ge=!_&&(j==null?void 0:j.status)==="published",N=ge,we=Is(()=>{if(!e)return;q(e.searchParams.get("logo")),f(V=>{var ke;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:(ke=V==null?void 0:V.blockletComponents)!=null&&ke.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 E=e.searchParams.get("resources");try{const V=JSON.parse(E);C(V)}catch{}}),Ce=async()=>{if(P)try{const E=await I.getRelease({input:{did:a.meta.did,projectId:n,releaseId:P}});if(p(!1),!E.release){U.error("Release not found");return}E.release.note=fn(E.release.note,"note"),E.release=Jn(E.release),r!=="view"&&(E.release.note=""),f(V=>Oo({...V,...E.release,blockletVersion:r==="create"||r==="new-release"?Ie.inc(E.release.blockletVersion,"patch"):E.release.blockletVersion},a)),v(E.release)}catch(E){p(!1),U.error(De(E))}},$e=async()=>{if(n===J.UNOWNED_DID){f({blockletVersion:"0.0.1",blockletTitle:""});return}if(!n){U.error(l("blocklet.publish.errorTip.noDid"));return}try{const V=(await mn(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 ke=Oo(V,a);f(ke),V.lastReleaseId||we()}catch(E){U.error(De(E))}},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=E=>{f({blockletComponents:E})},Fe=E=>{f({blockletResourceType:E})};w.useEffect(()=>{Re()},[Re]),w.useEffect(()=>{n===J.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(E=>!!$[E].length),[$]);if(!c&&x)return t.jsx(We,{});if(!c)return null;const K=Le.find(E=>E.meta.did===qe),He=E=>{te(E)};return t.jsxs(Fl,{...o,children:[t.jsx(Wn,{blocklet:a,release:j,getData:Re,getRelease:Ce,mode:r,params:c,setParams:f,setParamsErrTip:k,readOnly:N,isPublished:ge,loading:x,setLoading:p,initLogoUrl:A,releaseId:P,projectId:n,projectType:xe,resourceComponents:Le,resourceComponentsMap:M,resourceRelateComponents:z,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(Gn,{steps:X,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(O,{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(Ss,{})})})]}),(g||le==="branding")&&t.jsx(u,{flexDirection:"column",children:t.jsx(Mn,{projectId:n,setParams:f,setParamsErrTip:k,params:c,componentDid:i,blocklet:a,initUrl:e,loading:x,setLoading:p,paramsErrTip:h,readOnly:N,initLogoUrl:A,setInitLogoUrl:q})}),g&&t.jsx(u,{flexDirection:"column",children:t.jsx(ot,{loading:x,params:c,paramsErrTip:h,setParams:f,setParamsErrTip:k,readOnly:N})}),(g||le==="introduction")&&t.jsx(u,{display:"flex",flexDirection:"column",sx:{mt:g?5:0,width:"100%"},children:t.jsx(Fn,{loading:x,readOnly:N,params:c,setParams:f,paramsErrTip:h,setParamsErrTip:k})}),g&&t.jsx(O,{variant:"h6",fontWeight:"bold",mt:5,children:X[zo.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(ps,{onChange:E=>f({contentType:E.target.value}),children:[t.jsx(Xe,{value:"blocklet",disabled:N,control:t.jsx(ut,{size:"small",checked:c.contentType==="blocklet"}),label:l("blocklet.publish.resourceSelect")}),t.jsx(Xe,{value:"upload",disabled:N,control:t.jsx(ut,{size:"small",checked:c.contentType==="upload"}),label:l("blocklet.publish.resourceUpload")}),t.jsx(Xe,{value:"docker",disabled:N,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(ks,{tabs:Pe,current:qe,onChange:He,sx:{ml:-2,mt:2,maxWidth:g?window.innerWidth-24:"100%"}}),t.jsx(Jt,{loading:x,initialResources:b,saveSelectedEventsRef:D,selectedResourceIds:$,setSelectedResourceIds:S,setResourceComponentsMap:B,error:h.blockletResource,app:a,readOnly:N,component:K,componentDid:i,initUrl:e,params:c,showTree:c.contentType==="blocklet",setParams:f,projectId:n===J.UNOWNED_DID?"":n,releaseUsedLast:_,release:{...j,id:P}})]}),c.contentType==="upload"&&t.jsx(co,{app:a,readOnly:N,projectId:n===J.UNOWNED_DID?"":n,params:c,error:h.blockletResource,setParams:f,setParamsErrTip:k}),c.contentType==="docker"&&t.jsx(ao,{app:a,readOnly:N,projectId:n===J.UNOWNED_DID?"":n,params:c,error:h.blockletResource,setParams:f,setParamsErrTip:k,paramsErrTip:h})]})})}),g&&t.jsx(O,{variant:"h6",fontWeight:"bold",mt:5,children:X[zo.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||N,app:a,value:(c==null?void 0:c.blockletComponents)||[],blockletResourceType:(c==null?void 0:c.blockletResourceType)||"",onChange:Ue,onChangeBlockletResourceType:Fe,resourceRelateComponents:z,dependentComponentsMode:y})})})}),!g&&le==="version"&&t.jsx(u,{flexDirection:"column",children:t.jsx(ot,{loading:x,params:c,paramsErrTip:h,setParams:f,setParamsErrTip:k,readOnly:N})})]})]})]})]})}uo.propTypes={initUrl:d.object};uo.defaultProps={initUrl:null};const Fl=ae.div`
   .section {
     &.full-width {
       max-width: 100%;