@abtnode/blocklet-services 1.16.29-beta-44e63d18 → 1.16.29-beta-0c32fe15

package/dist/assets/{index-7eqQ121B.js → index-Bq1LP5zH.js}

@@ -1,5 +1,5 @@
-const __vite__fileDeps=["assets/react-DXmWMpMn.js","assets/index-D1gYPRA6.js","assets/index-CCovGSMB.css","assets/index-TBuwr2aH.js","assets/preact.module-B1z5cdvs.js","assets/index-CiY3NqnY.js","assets/index-BLmsCWU4.js","assets/toUpper-CKxqjgZU.js","assets/index-sTLjSsC9.js","assets/fallback-DbZZwU0y.js","assets/index-DrtCJ0dJ.js","assets/Toolbar-BtXp_Ni8.js","assets/Hidden-DJPR4mNS.js","assets/MoreHoriz-B6OBK4bx.js","assets/ExpandMore-0YEN0tX2.js","assets/index-DG0OG-eO.js","assets/MoreVert-C3WX_CT-.js","assets/selector-DOTMsFRK.js","assets/Avatar-DPMAoZ01.js","assets/useSlot-BVTmAY6E.js","assets/resource-dialog-CPhx_GHE.js","assets/use-mobile-CzQMRen-.js","assets/OpenInNew-DNVFik6u.js","assets/CloseOutlined-8yImLUc-.js","assets/index-C9wfEwAU.js","assets/index-B0BFvkW-.js","assets/index-CbgAL5K2.js","assets/FormControlLabel-tvxyxPXf.js","assets/useFormControl-B5Gt7OZB.js","assets/index-U6Q93lb1.js","assets/FilterList-Bi4faUOS.js","assets/toPropertyKey-hKuLU48H.js","assets/FormControl-BgH4PcAS.js","assets/FormGroup-BrEqKHFn.js","assets/InputLabel-B3FGYEbT.js","assets/ListItemText-DnyZfn7z.js","assets/Select-CtbS89D4.js","assets/TextField-El5tnTyW.js","assets/LastPage-Cy4G74gi.js","assets/index-Bq2QXI7J.js","assets/redux-PsPzo7Hu.js","assets/Search-CGHn5y-u.js","assets/Delete-IG3VzwTv.js","assets/url-join-q2NR8dSN.js","assets/uniqBy-Dj7Pgoal.js","assets/react-BW7E7-P9.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
-import{ao as K0,j as o,aD as re,cE as a0,aG as E,fl as O1,aF as me,aB as Ne,aC as De,T as K,r as R,aK as _e,aH as c0,aI as Be,aJ as Ee,cK as X0,fm as We,X as Se,Y as ke,B as z,l as s1,P as f,$ as Ae,E as U,e as i1,u as le,aM as je,aV as Me,bx as Ge,a1 as Fe,L as de,bG as d0,a as fe,az as se,I as J0,q,Z as ie,dn as Q0,a9 as ge,c as ue,F as Y0,bU as a1,ce as u0,cz as Z0,cI as Te,cJ as p0,bj as e2,cZ as t2,cD as $e,bB as qe,c1 as Ze,f6 as o2,b as ne,bm as l2,dr as r2,ae as h0,bn as n2,ck as s2,aQ as $1,aP as i2,a2 as f0,bk as a2,eX as ye,fn as F1,cQ as c2,ap as d2,ay as u2,al as p2,am as Xe}from"./index-D1gYPRA6.js";import{d as c1}from"./Add-CawkTTMV.js";import{d as h2}from"./AddBox-D7fusx-Y.js";import{d as x0}from"./Delete-IG3VzwTv.js";import{d as f2}from"./Error-nwVrtGUZ.js";import{D as d1}from"./index-U6Q93lb1.js";import{T as m0,b as x2}from"./index-Dab64rxf.js";import{C as u1}from"./confirm-BejialEG.js";import{u as Ke}from"./session-C387MC8z.js";import{W as q1}from"./did-address-CJi98a8M.js";import{B as p1,d as m2}from"./ChevronRight-D0UhQfWD.js";import{S as xe}from"./shorten-label-Dp54BrnU.js";import{A as v0}from"./Avatar-DPMAoZ01.js";import{d as v2}from"./Download-vEEiDOVD.js";import{d as g2}from"./QuestionMarkCircle-CMx_AGiv.js";import{b as b2,c as U1,T as j2}from"./index-C9wfEwAU.js";import{_ as Ce}from"./useSetState-Ddorvjp1.js";import{c as h1}from"./index-BLmsCWU4.js";import{C as e1,F as t1,S as w2}from"./FormControlLabel-tvxyxPXf.js";import{A as g0}from"./Alert-B2aJWS2q.js";import{p as b0}from"./index-HqFqdQ4r.js";import"./api-D0g857i8.js";import{i as R2}from"./index-C4Z5boWz.js";import{d as C2}from"./ExpandMore-0YEN0tX2.js";import{d as y2}from"./OpenInNew-DNVFik6u.js";import{d as z2}from"./DeleteOutline-yTF3hOEl.js";import{d as S2}from"./ArrowDropDown-C021qBQN.js";import{f as Ve}from"./format-error-4H8ZIKVY.js";import{c as k2,A as j0,u as M2,S as I2}from"./item-DqY-yIAS.js";import{B as L2}from"./ButtonGroup-Liva1lP1.js";import{T as ze}from"./TextField-El5tnTyW.js";import{M as f1}from"./InputAdornment--pJNyztT.js";import{d as P2}from"./Launch-Cjo2hX4m.js";import{L as T2}from"./MoreVert-C3WX_CT-.js";import{a as V2}from"./ListItemText-DnyZfn7z.js";import{C as N2}from"./click-to-copy-Dativ8Ux.js";import{M as D2}from"./index--Cwxk4kB.js";import{r as _2}from"./index-CX2HBYfw.js";import{d as B2}from"./Done-DVITCcxB.js";import{c as w0,d as R0,b as E2,S as A2,a as H2}from"./Stepper-Byx1mlJC.js";import{R as O2,a as W1}from"./RadioGroup-COxYg9lE.js";import"./FilterList-Bi4faUOS.js";import"./toPropertyKey-hKuLU48H.js";import"./FormControl-BgH4PcAS.js";import"./useFormControl-B5Gt7OZB.js";import"./FormGroup-BrEqKHFn.js";import"./InputLabel-B3FGYEbT.js";import"./Select-CtbS89D4.js";import"./LastPage-Cy4G74gi.js";import"./Toolbar-BtXp_Ni8.js";import"./index-Bq2QXI7J.js";import"./redux-PsPzo7Hu.js";import"./Search-CGHn5y-u.js";import"./index-B0BFvkW-.js";import"./Link-CNRHBws_.js";import"./useSlot-BVTmAY6E.js";import"./jss-plugin-props-sort.esm-7QQT9HC1.js";const $2=K0(o.jsx("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz"),F2=["slots","slotProps"],q2=re(a0)(({theme:e})=>E({display:"flex",marginLeft:`calc(${e.spacing(1)} * 0.5)`,marginRight:`calc(${e.spacing(1)} * 0.5)`},e.palette.mode==="light"?{backgroundColor:e.palette.grey[100],color:e.palette.grey[700]}:{backgroundColor:e.palette.grey[700],color:e.palette.grey[100]},{borderRadius:2,"&:hover, &:focus":E({},e.palette.mode==="light"?{backgroundColor:e.palette.grey[200]}:{backgroundColor:e.palette.grey[600]}),"&:active":E({boxShadow:e.shadows[0]},e.palette.mode==="light"?{backgroundColor:O1(e.palette.grey[200],.12)}:{backgroundColor:O1(e.palette.grey[600],.12)})})),U2=re($2)({width:24,height:16});function W2(e){const{slots:t={},slotProps:l={}}=e,n=me(e,F2),s=e;return o.jsx("li",{children:o.jsx(q2,E({focusRipple:!0},n,{ownerState:s,children:o.jsx(U2,E({as:t.CollapsedIcon,ownerState:s},l.collapsedIcon))}))})}function G2(e){return De("MuiBreadcrumbs",e)}const K2=Ne("MuiBreadcrumbs",["root","ol","li","separator"]),X2=K2,J2=["children","className","component","slots","slotProps","expandText","itemsAfterCollapse","itemsBeforeCollapse","maxItems","separator"],Q2=e=>{const{classes:t}=e;return Ee({root:["root"],li:["li"],ol:["ol"],separator:["separator"]},G2,t)},Y2=re(K,{name:"MuiBreadcrumbs",slot:"Root",overridesResolver:(e,t)=>[{[`& .${X2.li}`]:t.li},t.root]})({}),Z2=re("ol",{name:"MuiBreadcrumbs",slot:"Ol",overridesResolver:(e,t)=>t.ol})({display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"}),et=re("li",{name:"MuiBreadcrumbs",slot:"Separator",overridesResolver:(e,t)=>t.separator})({display:"flex",userSelect:"none",marginLeft:8,marginRight:8});function tt(e,t,l,n){return e.reduce((s,a,c)=>(c<e.length-1?s=s.concat(a,o.jsx(et,{"aria-hidden":!0,className:t,ownerState:n,children:l},`separator-${c}`)):s.push(a),s),[])}const ot=R.forwardRef(function(t,l){const n=_e({props:t,name:"MuiBreadcrumbs"}),{children:s,className:a,component:c="nav",slots:d={},slotProps:u={},expandText:h="Show path",itemsAfterCollapse:x=1,itemsBeforeCollapse:g=1,maxItems:y=8,separator:p="/"}=n,i=me(n,J2),[m,w]=R.useState(!1),v=E({},n,{component:c,expanded:m,expandText:h,itemsAfterCollapse:x,itemsBeforeCollapse:g,maxItems:y,separator:p}),C=Q2(v),S=c0({elementType:d.CollapsedIcon,externalSlotProps:u.collapsedIcon,ownerState:v}),V=R.useRef(null),T=k=>{const $=()=>{w(!0);const D=V.current.querySelector("a[href],button,[tabindex]");D&&D.focus()};return g+x>=k.length?k:[...k.slice(0,g),o.jsx(W2,{"aria-label":h,slots:{CollapsedIcon:d.CollapsedIcon},slotProps:{collapsedIcon:S},onClick:$},"ellipsis"),...k.slice(k.length-x,k.length)]},I=R.Children.toArray(s).filter(k=>R.isValidElement(k)).map((k,$)=>o.jsx("li",{className:C.li,children:k},`child-${$}`));return o.jsx(Y2,E({ref:l,component:c,color:"text.secondary",className:Be(C.root,a),ownerState:v},i,{children:o.jsx(Z2,{className:C.ol,ref:V,ownerState:v,children:tt(m||y&&I.length<=y?I:T(I),C.separator,p,v)})}))}),C0=ot;function lt(e){return De("MuiStepButton",e)}const rt=Ne("MuiStepButton",["root","horizontal","vertical","touchRipple"]),G1=rt,nt=["children","className","icon","optional"],st=e=>{const{classes:t,orientation:l}=e;return Ee({root:["root",l],touchRipple:["touchRipple"]},lt,t)},it=re(a0,{name:"MuiStepButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:l}=e;return[{[`& .${G1.touchRipple}`]:t.touchRipple},t.root,t[l.orientation]]}})(({ownerState:e})=>E({width:"100%",padding:"24px 16px",margin:"-24px -16px",boxSizing:"content-box"},e.orientation==="vertical"&&{justifyContent:"flex-start",padding:"8px",margin:"-8px"},{[`& .${G1.touchRipple}`]:{color:"rgba(0, 0, 0, 0.3)"}})),at=R.forwardRef(function(t,l){const n=_e({props:t,name:"MuiStepButton"}),{children:s,className:a,icon:c,optional:d}=n,u=me(n,nt),{disabled:h,active:x}=R.useContext(w0),{orientation:g}=R.useContext(R0),y=E({},n,{orientation:g}),p=st(y),i={icon:c,optional:d},m=X0(s,["StepLabel"])?R.cloneElement(s,i):o.jsx(E2,E({},i,{children:s}));return o.jsx(it,E({focusRipple:!0,disabled:h,TouchRippleProps:{className:p.touchRipple},className:Be(p.root,a),ref:l,ownerState:y,"aria-current":x?"step":void 0},u,{children:m}))}),ct=at;function dt(e){return De("MuiStepContent",e)}Ne("MuiStepContent",["root","last","transition"]);const ut=["children","className","TransitionComponent","transitionDuration","TransitionProps"],pt=e=>{const{classes:t,last:l}=e;return Ee({root:["root",l&&"last"],transition:["transition"]},dt,t)},ht=re("div",{name:"MuiStepContent",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:l}=e;return[t.root,l.last&&t.last]}})(({ownerState:e,theme:t})=>E({marginLeft:12,paddingLeft:20,paddingRight:8,borderLeft:t.vars?`1px solid ${t.vars.palette.StepContent.border}`:`1px solid ${t.palette.mode==="light"?t.palette.grey[400]:t.palette.grey[600]}`},e.last&&{borderLeft:"none"})),ft=re(We,{name:"MuiStepContent",slot:"Transition",overridesResolver:(e,t)=>t.transition})({}),xt=R.forwardRef(function(t,l){const n=_e({props:t,name:"MuiStepContent"}),{children:s,className:a,TransitionComponent:c=We,transitionDuration:d="auto",TransitionProps:u}=n,h=me(n,ut);R.useContext(R0);const{active:x,last:g,expanded:y}=R.useContext(w0),p=E({},n,{last:g}),i=pt(p);let m=d;return d==="auto"&&!c.muiSupportAuto&&(m=void 0),o.jsx(ht,E({className:Be(i.root,a),ref:l,ownerState:p},h,{children:o.jsx(ft,E({as:c,in:x||y,className:i.transition,ownerState:p,timeout:m,unmountOnExit:!0},u,{children:s}))}))}),mt=xt;var x1={},vt=ke;Object.defineProperty(x1,"__esModule",{value:!0});var y0=x1.default=void 0,gt=vt(Se()),bt=o;y0=x1.default=(0,gt.default)((0,bt.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 m1={},jt=ke;Object.defineProperty(m1,"__esModule",{value:!0});var z0=m1.default=void 0,wt=jt(Se()),Rt=o;z0=m1.default=(0,wt.default)((0,Rt.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 we({size:e,...t}){return o.jsx(z,{display:"flex",mt:4,...t,children:o.jsx(s1,{size:e})})}we.propTypes={size:f.number};we.defaultProps={size:24};function v1({did:e,projectId:t,title:l,logo:n,describe:s}){const c=`${`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${e}/${t}/logo/upload`}/${n}`,[d,u]=R.useState(!1),h=Ae(x=>x.breakpoints.down("md"));return o.jsxs(z,{sx:{display:"flex",flexDirection:"row",color:d?"primary.main":"grey.900",gap:1},onPointerEnter:()=>u(!0),onPointerLeave:()=>u(!1),children:[o.jsx(v0,{sx:{borderRadius:1},src:c}),o.jsxs(z,{children:[o.jsx(xe,{hiddenTip:!0,maxLength:"24",sx:{fontSize:"14px",fontWeight:"500",color:h?"primary.main":""},children:l||"/"}),o.jsx(xe,{hiddenTip:!0,maxLength:"58",sx:{fontSize:"12px",color:h||d?"primary.main":"grey.700"},children:s||"/"})]})]})}v1.propTypes={projectId:f.string.isRequired,did:f.string.isRequired,title:f.string.isRequired,logo:f.string.isRequired,describe:f.string.isRequired};function g1({initUrl:e}){const t=i1(),l=(e==null?void 0:e.searchParams.get("tenantScope"))||"",{t:n,locale:s}=le(),{api:a}=je(),{api:c}=Ke(),[d,u]=R.useState(!0),{blocklet:h}=Me(),[x,g]=R.useState(null),[y,p]=R.useState(!1),i=Ae(M=>M.breakpoints.down("xl")),{componentDid:m=""}=Ge(),[w,v]=R.useState(null),C=()=>{a.getProjects({input:{did:h.meta.did,componentDid:m,tenantScope:l}}).then(M=>{const L=(M==null?void 0:M.projects)||[];u(!1),v(L)}).catch(M=>{u(!1),q.error(M.message)})},S=()=>{t(`${U.UNOWNED_DID}/create/none`,{replace:!0})},V=M=>{g(M)},T=()=>{u(!1),p(!0)},I=()=>{p(!1),g(null)},k=M=>{q.error(M.message),p(!1),g(null)},$=M=>{if(!(M!=null&&M.deleted)){q.error("Delete project failed");return}C(),p(!1),g(null)};if(R.useEffect(()=>{C()},[]),!w&&d)return o.jsx(z,{sx:{display:"flex",justifyContent:"center",alignItems:"center",marginTop:"40px"},children:o.jsx(we,{})});if(!w)return null;if(!w.length)return o.jsxs(z,{display:"flex",flexDirection:"column",alignItems:"center",pt:10,children:[o.jsx(z,{sx:{fontSize:20,fontWeight:"bold",mb:3},children:n("blocklet.publish.blockletEmptyTip")}),o.jsx(z,{sx:{fontSize:14,color:"text.secondary",mb:3},children:n("blocklet.publish.createBlockletTip")}),o.jsx(Fe,{onClick:S,variant:"contained",children:n("blocklet.publish.createBlocklet")})]});const D=[{label:"Blocklet",name:"blockletTitle",minWidth:160,options:{customBodyRenderLite:M=>{const L=w[M];return o.jsx(de,{to:`${L.id}`,children:o.jsx(v1,{did:h.meta.did,projectId:L.id,logo:L.blockletLogo,title:L.blockletTitle,describe:L.blockletDescription})})}}},{label:"Version",name:"blockletVersion",options:{customBodyRender:M=>M?o.jsx(m0,{type:"success",children:M}):""}},{label:"DID",name:"blockletDid",options:{customBodyRender:M=>M?o.jsx(q1,{size:14,compact:!0,responsive:!1,did:M}):null}},i||m?null:{label:n("common.createdBy"),name:"createdBy",options:{customBodyRender:M=>M?o.jsx(q1,{onClick:()=>{t(`/.well-known/service/admin/members?did=${M}`)},style:{cursor:"pointer"},size:14,compact:!0,copyable:!1,showQrcode:!1,responsive:!1,did:M}):null}},i||m?null:{label:n("common.scope"),name:"componentDid",options:{customBodyRender:M=>{const L=(h.children||[]).find(A=>A.meta.did===M);return L?o.jsxs(z,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:[o.jsx(p1,{size:14,blocklet:L,ancestors:[h]}),o.jsx(z,{ml:.5,sx:{ml:.5,color:"text.primary",fontSize:14},children:L.meta.title})]},M):""}}},i||l?null:{label:n("blocklet.publish.tenantScope"),name:"tenantScope",options:{customBodyRender:M=>o.jsx(z,{ml:.5,sx:{ml:.5,color:"text.primary",fontSize:14},children:o.jsx(xe,{children:M})})}},{label:n("common.updatedAt"),name:"updatedAt",options:{customBodyRender:M=>o.jsx(d0,{value:Number(M),locale:s})}},{label:n("common.actions"),name:"actions",options:{customBodyRenderLite:M=>{const L=w[M];return o.jsxs(z,{display:"flex",children:[o.jsx(de,{to:`${L.id}/new-release/${L.lastReleaseId}`,children:o.jsx(fe,{title:n("blocklet.publish.createRelease"),placement:"top",children:o.jsx(se,{color:"primary","aria-label":"create",children:o.jsx(h2,{style:{fontSize:18}})})})}),!!L.lastReleaseId&&o.jsx(fe,{title:n("blocklet.publish.viewLastRelease",{name:L.blockletTitle}),placement:"top",children:o.jsx(se,{color:"secondary","aria-label":"create",children:o.jsx(de,{style:{display:"flex"},to:`${L.id}/view/${L.lastReleaseId}`,children:o.jsx(y0,{sx:{fontSize:18}})})})}),o.jsx(fe,{title:n("blocklet.publish.delete",{name:L.blockletTitle}),placement:"top",children:o.jsx(se,{color:"primary","aria-label":"delete",onClick:()=>V(L),children:o.jsx(x0,{sx:{fontSize:18}})})})]})}}}].filter(Boolean),P=y?o.jsx(J0,{open:!0,popup:!0,onClose:I,action:"check-has-project-id",locale:s,checkFn:c.get,saveConnect:!1,forceConnected:!1,checkTimeout:5*60*1e3,onSuccess:$,onError:k,extraParams:{projectId:x.id,did:h.meta.did,name:x.blockletTitle},messages:{title:n("blocklet.publish.deleteProject.title",{name:x.blockletTitle}),scan:n("blocklet.publish.deleteProject.scan",{name:x.blockletTitle}),confirm:n("blocklet.publish.deleteProject.confirm"),success:n("blocklet.publish.deleteProject.success")}}):null;return o.jsxs(Ct,{children:[o.jsxs(z,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[o.jsxs(z,{display:"flex",flexDirection:"row",alignItems:"center",children:[o.jsx(z,{sx:{fontSize:"1.2rem",fontWeight:"bold"},children:n("common.blockletStudio")}),o.jsx(fe,{title:n("blocklet.publish.createBlockletTip"),arrow:!0,placement:"right",children:o.jsx(z0,{sx:{opacity:.6,fontSize:"1.1em",ml:1}})})]}),o.jsxs(Fe,{onClick:S,variant:"contained",children:[o.jsx(c1,{style:{fontSize:"1.3em",marginRight:4}}),n("blocklet.publish.createBlocklet")]})]}),o.jsx(z,{mt:3}),o.jsx(d1,{className:"main-table",locale:s,data:w,columns:D,options:{sort:!1,download:!1,filter:!1,print:!1,search:!1}}),x&&o.jsx(u1,{title:`${n("common.delete")} ${x.blockletTitle}`,description:n("blocklet.publish.deleteProject.description"),confirm:n("common.confirm"),onConfirm:T,onCancel:()=>g(null),children:o.jsx(z,{sx:{marginTop:2},children:[n("blocklet.publish.deleteProject.tip1"),n("blocklet.publish.deleteProject.tip2"),n("blocklet.publish.deleteProject.tip3")].map(M=>o.jsxs(z,{sx:{display:"flex",marginTop:1,flexDirection:"row",alignItems:"flex-start"},children:[o.jsx(f2,{color:"warning",sx:{marginRight:1,fontSize:20,marginTop:"2px"}}),o.jsx(K,{component:"span",variant:"inherit",color:"text.secondary",children:M})]}))})}),P]})}g1.propTypes={initUrl:f.object};g1.defaultProps={initUrl:null};const Ct=ie(z)`
+const __vite__fileDeps=["assets/react-D-F09R4E.js","assets/index-Bs6eVh1i.js","assets/index-CCovGSMB.css","assets/index-BO9dWa_k.js","assets/preact.module-B1z5cdvs.js","assets/index-DKZXssfh.js","assets/index-D6ye1IUq.js","assets/toUpper-MflOQzKL.js","assets/index-FlPazMJb.js","assets/fallback-CJF1dNBc.js","assets/index-DhQA2uno.js","assets/Toolbar-CCyuBYV6.js","assets/Hidden-C3OT1k4C.js","assets/MoreHoriz-X3J0MR9m.js","assets/ExpandMore-BGm8eNr3.js","assets/index-jLuY8xVP.js","assets/MoreVert-BQShMgz5.js","assets/selector-BQUPsOZR.js","assets/Avatar-DA2NBebq.js","assets/useSlot-Cw31Yuqy.js","assets/resource-dialog-CiiVZ6ZU.js","assets/use-mobile-3lQHeCHh.js","assets/OpenInNew-CW0Mx4kq.js","assets/CloseOutlined-mq9RZPnu.js","assets/index-DnWL8uZv.js","assets/index-x__xpa1X.js","assets/index-C1QqZwUI.js","assets/FormControlLabel-CJRQvybe.js","assets/useFormControl-DixvdRRz.js","assets/index-BJLl0pPL.js","assets/FilterList-BiFvAI5s.js","assets/toPropertyKey-hKuLU48H.js","assets/FormControl-C0eu7m-c.js","assets/FormGroup-g3eIP27k.js","assets/InputLabel-BfZVD9gV.js","assets/ListItemText-YKFhiKqe.js","assets/Select-BMvBs6BG.js","assets/TextField-BX0gscdj.js","assets/LastPage-tpHxk45u.js","assets/index-D8biArPL.js","assets/redux-CGHNIqz1.js","assets/Search-BQvSlrFX.js","assets/Delete-ByoO2-QK.js","assets/url-join-CInA5YbB.js","assets/uniqBy-D_r3-UMR.js","assets/react-BW7E7-P9.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
+import{ao as K0,j as o,aD as re,cE as a0,aG as E,fg as O1,aF as me,aB as Ne,aC as De,T as K,r as R,aK as _e,aH as c0,aI as Be,aJ as Ee,cK as X0,fh as We,X as Se,Y as ke,B as z,l as s1,P as f,$ as Ae,E as U,e as i1,u as le,aM as je,aV as Me,bx as Ge,a1 as Fe,L as de,bG as d0,a as fe,az as se,I as J0,q,Z as ie,dn as Q0,a9 as ge,c as ue,F as Y0,bU as a1,ce as u0,cz as Z0,cI as Te,cJ as p0,bj as e2,cZ as t2,cD as $e,bB as qe,c1 as Ze,f1 as o2,b as ne,bm as l2,dr as r2,ae as h0,bn as n2,ck as s2,aQ as $1,aP as i2,a2 as f0,bk as a2,eS as ye,fi as F1,cQ as c2,ap as d2,ay as u2,al as p2,am as Xe}from"./index-Bs6eVh1i.js";import{d as c1}from"./Add-DJrE574Y.js";import{d as h2}from"./AddBox-CJkiavtW.js";import{d as x0}from"./Delete-ByoO2-QK.js";import{d as f2}from"./Error-y_uBRRsg.js";import{D as d1}from"./index-BJLl0pPL.js";import{T as m0,b as x2}from"./index-BuPB6aMk.js";import{C as u1}from"./confirm-JOta2iLX.js";import{u as Ke}from"./session-MHHY5q0Q.js";import{W as q1}from"./did-address-DqEEjv0O.js";import{B as p1,d as m2}from"./ChevronRight-Emhd6Ji3.js";import{S as xe}from"./shorten-label-BGTJy7hP.js";import{A as v0}from"./Avatar-DA2NBebq.js";import{d as v2}from"./Download-CXqnt0If.js";import{d as g2}from"./QuestionMarkCircle-Gudsx8Wq.js";import{b as b2,c as U1,T as j2}from"./index-DnWL8uZv.js";import{_ as Ce}from"./useSetState-4A0WYymn.js";import{c as h1}from"./index-D6ye1IUq.js";import{C as e1,F as t1,S as w2}from"./FormControlLabel-CJRQvybe.js";import{A as g0}from"./Alert-CziFRfxv.js";import{p as b0}from"./index-HqFqdQ4r.js";import"./api-DQObWY3j.js";import{i as R2}from"./index-DWoFCWPW.js";import{d as C2}from"./ExpandMore-BGm8eNr3.js";import{d as y2}from"./OpenInNew-CW0Mx4kq.js";import{d as z2}from"./DeleteOutline-Bcba6nCA.js";import{d as S2}from"./ArrowDropDown-BvKh0H1M.js";import{f as Ve}from"./format-error-bBsbD_z2.js";import{c as k2,A as j0,u as M2,S as I2}from"./item-B4YNb-JH.js";import{B as L2}from"./ButtonGroup-DztqjsF_.js";import{T as ze}from"./TextField-BX0gscdj.js";import{M as f1}from"./InputAdornment-CsccB89Q.js";import{d as P2}from"./Launch-P3Uc9xr1.js";import{L as T2}from"./MoreVert-BQShMgz5.js";import{a as V2}from"./ListItemText-YKFhiKqe.js";import{C as N2}from"./click-to-copy-CIg3JHKX.js";import{M as D2}from"./index-CTidB1Mn.js";import{r as _2}from"./index-FbdVFGv1.js";import{d as B2}from"./Done-8pMK8MaE.js";import{c as w0,d as R0,b as E2,S as A2,a as H2}from"./Stepper-tbe91MoS.js";import{R as O2,a as W1}from"./RadioGroup-DVGkbUhU.js";import"./FilterList-BiFvAI5s.js";import"./toPropertyKey-hKuLU48H.js";import"./FormControl-C0eu7m-c.js";import"./useFormControl-DixvdRRz.js";import"./FormGroup-g3eIP27k.js";import"./InputLabel-BfZVD9gV.js";import"./Select-BMvBs6BG.js";import"./LastPage-tpHxk45u.js";import"./Toolbar-CCyuBYV6.js";import"./index-D8biArPL.js";import"./redux-CGHNIqz1.js";import"./Search-BQvSlrFX.js";import"./index-x__xpa1X.js";import"./Link-CJSgKpcc.js";import"./useSlot-Cw31Yuqy.js";import"./jss-plugin-props-sort.esm-BLVpG1A9.js";const $2=K0(o.jsx("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz"),F2=["slots","slotProps"],q2=re(a0)(({theme:e})=>E({display:"flex",marginLeft:`calc(${e.spacing(1)} * 0.5)`,marginRight:`calc(${e.spacing(1)} * 0.5)`},e.palette.mode==="light"?{backgroundColor:e.palette.grey[100],color:e.palette.grey[700]}:{backgroundColor:e.palette.grey[700],color:e.palette.grey[100]},{borderRadius:2,"&:hover, &:focus":E({},e.palette.mode==="light"?{backgroundColor:e.palette.grey[200]}:{backgroundColor:e.palette.grey[600]}),"&:active":E({boxShadow:e.shadows[0]},e.palette.mode==="light"?{backgroundColor:O1(e.palette.grey[200],.12)}:{backgroundColor:O1(e.palette.grey[600],.12)})})),U2=re($2)({width:24,height:16});function W2(e){const{slots:t={},slotProps:l={}}=e,n=me(e,F2),s=e;return o.jsx("li",{children:o.jsx(q2,E({focusRipple:!0},n,{ownerState:s,children:o.jsx(U2,E({as:t.CollapsedIcon,ownerState:s},l.collapsedIcon))}))})}function G2(e){return De("MuiBreadcrumbs",e)}const K2=Ne("MuiBreadcrumbs",["root","ol","li","separator"]),X2=K2,J2=["children","className","component","slots","slotProps","expandText","itemsAfterCollapse","itemsBeforeCollapse","maxItems","separator"],Q2=e=>{const{classes:t}=e;return Ee({root:["root"],li:["li"],ol:["ol"],separator:["separator"]},G2,t)},Y2=re(K,{name:"MuiBreadcrumbs",slot:"Root",overridesResolver:(e,t)=>[{[`& .${X2.li}`]:t.li},t.root]})({}),Z2=re("ol",{name:"MuiBreadcrumbs",slot:"Ol",overridesResolver:(e,t)=>t.ol})({display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"}),et=re("li",{name:"MuiBreadcrumbs",slot:"Separator",overridesResolver:(e,t)=>t.separator})({display:"flex",userSelect:"none",marginLeft:8,marginRight:8});function tt(e,t,l,n){return e.reduce((s,a,c)=>(c<e.length-1?s=s.concat(a,o.jsx(et,{"aria-hidden":!0,className:t,ownerState:n,children:l},`separator-${c}`)):s.push(a),s),[])}const ot=R.forwardRef(function(t,l){const n=_e({props:t,name:"MuiBreadcrumbs"}),{children:s,className:a,component:c="nav",slots:d={},slotProps:u={},expandText:h="Show path",itemsAfterCollapse:x=1,itemsBeforeCollapse:g=1,maxItems:y=8,separator:p="/"}=n,i=me(n,J2),[m,w]=R.useState(!1),v=E({},n,{component:c,expanded:m,expandText:h,itemsAfterCollapse:x,itemsBeforeCollapse:g,maxItems:y,separator:p}),C=Q2(v),S=c0({elementType:d.CollapsedIcon,externalSlotProps:u.collapsedIcon,ownerState:v}),V=R.useRef(null),T=k=>{const $=()=>{w(!0);const D=V.current.querySelector("a[href],button,[tabindex]");D&&D.focus()};return g+x>=k.length?k:[...k.slice(0,g),o.jsx(W2,{"aria-label":h,slots:{CollapsedIcon:d.CollapsedIcon},slotProps:{collapsedIcon:S},onClick:$},"ellipsis"),...k.slice(k.length-x,k.length)]},I=R.Children.toArray(s).filter(k=>R.isValidElement(k)).map((k,$)=>o.jsx("li",{className:C.li,children:k},`child-${$}`));return o.jsx(Y2,E({ref:l,component:c,color:"text.secondary",className:Be(C.root,a),ownerState:v},i,{children:o.jsx(Z2,{className:C.ol,ref:V,ownerState:v,children:tt(m||y&&I.length<=y?I:T(I),C.separator,p,v)})}))}),C0=ot;function lt(e){return De("MuiStepButton",e)}const rt=Ne("MuiStepButton",["root","horizontal","vertical","touchRipple"]),G1=rt,nt=["children","className","icon","optional"],st=e=>{const{classes:t,orientation:l}=e;return Ee({root:["root",l],touchRipple:["touchRipple"]},lt,t)},it=re(a0,{name:"MuiStepButton",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:l}=e;return[{[`& .${G1.touchRipple}`]:t.touchRipple},t.root,t[l.orientation]]}})(({ownerState:e})=>E({width:"100%",padding:"24px 16px",margin:"-24px -16px",boxSizing:"content-box"},e.orientation==="vertical"&&{justifyContent:"flex-start",padding:"8px",margin:"-8px"},{[`& .${G1.touchRipple}`]:{color:"rgba(0, 0, 0, 0.3)"}})),at=R.forwardRef(function(t,l){const n=_e({props:t,name:"MuiStepButton"}),{children:s,className:a,icon:c,optional:d}=n,u=me(n,nt),{disabled:h,active:x}=R.useContext(w0),{orientation:g}=R.useContext(R0),y=E({},n,{orientation:g}),p=st(y),i={icon:c,optional:d},m=X0(s,["StepLabel"])?R.cloneElement(s,i):o.jsx(E2,E({},i,{children:s}));return o.jsx(it,E({focusRipple:!0,disabled:h,TouchRippleProps:{className:p.touchRipple},className:Be(p.root,a),ref:l,ownerState:y,"aria-current":x?"step":void 0},u,{children:m}))}),ct=at;function dt(e){return De("MuiStepContent",e)}Ne("MuiStepContent",["root","last","transition"]);const ut=["children","className","TransitionComponent","transitionDuration","TransitionProps"],pt=e=>{const{classes:t,last:l}=e;return Ee({root:["root",l&&"last"],transition:["transition"]},dt,t)},ht=re("div",{name:"MuiStepContent",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:l}=e;return[t.root,l.last&&t.last]}})(({ownerState:e,theme:t})=>E({marginLeft:12,paddingLeft:20,paddingRight:8,borderLeft:t.vars?`1px solid ${t.vars.palette.StepContent.border}`:`1px solid ${t.palette.mode==="light"?t.palette.grey[400]:t.palette.grey[600]}`},e.last&&{borderLeft:"none"})),ft=re(We,{name:"MuiStepContent",slot:"Transition",overridesResolver:(e,t)=>t.transition})({}),xt=R.forwardRef(function(t,l){const n=_e({props:t,name:"MuiStepContent"}),{children:s,className:a,TransitionComponent:c=We,transitionDuration:d="auto",TransitionProps:u}=n,h=me(n,ut);R.useContext(R0);const{active:x,last:g,expanded:y}=R.useContext(w0),p=E({},n,{last:g}),i=pt(p);let m=d;return d==="auto"&&!c.muiSupportAuto&&(m=void 0),o.jsx(ht,E({className:Be(i.root,a),ref:l,ownerState:p},h,{children:o.jsx(ft,E({as:c,in:x||y,className:i.transition,ownerState:p,timeout:m,unmountOnExit:!0},u,{children:s}))}))}),mt=xt;var x1={},vt=ke;Object.defineProperty(x1,"__esModule",{value:!0});var y0=x1.default=void 0,gt=vt(Se()),bt=o;y0=x1.default=(0,gt.default)((0,bt.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 m1={},jt=ke;Object.defineProperty(m1,"__esModule",{value:!0});var z0=m1.default=void 0,wt=jt(Se()),Rt=o;z0=m1.default=(0,wt.default)((0,Rt.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 we({size:e,...t}){return o.jsx(z,{display:"flex",mt:4,...t,children:o.jsx(s1,{size:e})})}we.propTypes={size:f.number};we.defaultProps={size:24};function v1({did:e,projectId:t,title:l,logo:n,describe:s}){const c=`${`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${e}/${t}/logo/upload`}/${n}`,[d,u]=R.useState(!1),h=Ae(x=>x.breakpoints.down("md"));return o.jsxs(z,{sx:{display:"flex",flexDirection:"row",color:d?"primary.main":"grey.900",gap:1},onPointerEnter:()=>u(!0),onPointerLeave:()=>u(!1),children:[o.jsx(v0,{sx:{borderRadius:1},src:c}),o.jsxs(z,{children:[o.jsx(xe,{hiddenTip:!0,maxLength:"24",sx:{fontSize:"14px",fontWeight:"500",color:h?"primary.main":""},children:l||"/"}),o.jsx(xe,{hiddenTip:!0,maxLength:"58",sx:{fontSize:"12px",color:h||d?"primary.main":"grey.700"},children:s||"/"})]})]})}v1.propTypes={projectId:f.string.isRequired,did:f.string.isRequired,title:f.string.isRequired,logo:f.string.isRequired,describe:f.string.isRequired};function g1({initUrl:e}){const t=i1(),l=(e==null?void 0:e.searchParams.get("tenantScope"))||"",{t:n,locale:s}=le(),{api:a}=je(),{api:c}=Ke(),[d,u]=R.useState(!0),{blocklet:h}=Me(),[x,g]=R.useState(null),[y,p]=R.useState(!1),i=Ae(M=>M.breakpoints.down("xl")),{componentDid:m=""}=Ge(),[w,v]=R.useState(null),C=()=>{a.getProjects({input:{did:h.meta.did,componentDid:m,tenantScope:l}}).then(M=>{const L=(M==null?void 0:M.projects)||[];u(!1),v(L)}).catch(M=>{u(!1),q.error(M.message)})},S=()=>{t(`${U.UNOWNED_DID}/create/none`,{replace:!0})},V=M=>{g(M)},T=()=>{u(!1),p(!0)},I=()=>{p(!1),g(null)},k=M=>{q.error(M.message),p(!1),g(null)},$=M=>{if(!(M!=null&&M.deleted)){q.error("Delete project failed");return}C(),p(!1),g(null)};if(R.useEffect(()=>{C()},[]),!w&&d)return o.jsx(z,{sx:{display:"flex",justifyContent:"center",alignItems:"center",marginTop:"40px"},children:o.jsx(we,{})});if(!w)return null;if(!w.length)return o.jsxs(z,{display:"flex",flexDirection:"column",alignItems:"center",pt:10,children:[o.jsx(z,{sx:{fontSize:20,fontWeight:"bold",mb:3},children:n("blocklet.publish.blockletEmptyTip")}),o.jsx(z,{sx:{fontSize:14,color:"text.secondary",mb:3},children:n("blocklet.publish.createBlockletTip")}),o.jsx(Fe,{onClick:S,variant:"contained",children:n("blocklet.publish.createBlocklet")})]});const D=[{label:"Blocklet",name:"blockletTitle",minWidth:160,options:{customBodyRenderLite:M=>{const L=w[M];return o.jsx(de,{to:`${L.id}`,children:o.jsx(v1,{did:h.meta.did,projectId:L.id,logo:L.blockletLogo,title:L.blockletTitle,describe:L.blockletDescription})})}}},{label:"Version",name:"blockletVersion",options:{customBodyRender:M=>M?o.jsx(m0,{type:"success",children:M}):""}},{label:"DID",name:"blockletDid",options:{customBodyRender:M=>M?o.jsx(q1,{size:14,compact:!0,responsive:!1,did:M}):null}},i||m?null:{label:n("common.createdBy"),name:"createdBy",options:{customBodyRender:M=>M?o.jsx(q1,{onClick:()=>{t(`/.well-known/service/admin/members?did=${M}`)},style:{cursor:"pointer"},size:14,compact:!0,copyable:!1,showQrcode:!1,responsive:!1,did:M}):null}},i||m?null:{label:n("common.scope"),name:"componentDid",options:{customBodyRender:M=>{const L=(h.children||[]).find(A=>A.meta.did===M);return L?o.jsxs(z,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:[o.jsx(p1,{size:14,blocklet:L,ancestors:[h]}),o.jsx(z,{ml:.5,sx:{ml:.5,color:"text.primary",fontSize:14},children:L.meta.title})]},M):""}}},i||l?null:{label:n("blocklet.publish.tenantScope"),name:"tenantScope",options:{customBodyRender:M=>o.jsx(z,{ml:.5,sx:{ml:.5,color:"text.primary",fontSize:14},children:o.jsx(xe,{children:M})})}},{label:n("common.updatedAt"),name:"updatedAt",options:{customBodyRender:M=>o.jsx(d0,{value:Number(M),locale:s})}},{label:n("common.actions"),name:"actions",options:{customBodyRenderLite:M=>{const L=w[M];return o.jsxs(z,{display:"flex",children:[o.jsx(de,{to:`${L.id}/new-release/${L.lastReleaseId}`,children:o.jsx(fe,{title:n("blocklet.publish.createRelease"),placement:"top",children:o.jsx(se,{color:"primary","aria-label":"create",children:o.jsx(h2,{style:{fontSize:18}})})})}),!!L.lastReleaseId&&o.jsx(fe,{title:n("blocklet.publish.viewLastRelease",{name:L.blockletTitle}),placement:"top",children:o.jsx(se,{color:"secondary","aria-label":"create",children:o.jsx(de,{style:{display:"flex"},to:`${L.id}/view/${L.lastReleaseId}`,children:o.jsx(y0,{sx:{fontSize:18}})})})}),o.jsx(fe,{title:n("blocklet.publish.delete",{name:L.blockletTitle}),placement:"top",children:o.jsx(se,{color:"primary","aria-label":"delete",onClick:()=>V(L),children:o.jsx(x0,{sx:{fontSize:18}})})})]})}}}].filter(Boolean),P=y?o.jsx(J0,{open:!0,popup:!0,onClose:I,action:"check-has-project-id",locale:s,checkFn:c.get,saveConnect:!1,forceConnected:!1,checkTimeout:5*60*1e3,onSuccess:$,onError:k,extraParams:{projectId:x.id,did:h.meta.did,name:x.blockletTitle},messages:{title:n("blocklet.publish.deleteProject.title",{name:x.blockletTitle}),scan:n("blocklet.publish.deleteProject.scan",{name:x.blockletTitle}),confirm:n("blocklet.publish.deleteProject.confirm"),success:n("blocklet.publish.deleteProject.success")}}):null;return o.jsxs(Ct,{children:[o.jsxs(z,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[o.jsxs(z,{display:"flex",flexDirection:"row",alignItems:"center",children:[o.jsx(z,{sx:{fontSize:"1.2rem",fontWeight:"bold"},children:n("common.blockletStudio")}),o.jsx(fe,{title:n("blocklet.publish.createBlockletTip"),arrow:!0,placement:"right",children:o.jsx(z0,{sx:{opacity:.6,fontSize:"1.1em",ml:1}})})]}),o.jsxs(Fe,{onClick:S,variant:"contained",children:[o.jsx(c1,{style:{fontSize:"1.3em",marginRight:4}}),n("blocklet.publish.createBlocklet")]})]}),o.jsx(z,{mt:3}),o.jsx(d1,{className:"main-table",locale:s,data:w,columns:D,options:{sort:!1,download:!1,filter:!1,print:!1,search:!1}}),x&&o.jsx(u1,{title:`${n("common.delete")} ${x.blockletTitle}`,description:n("blocklet.publish.deleteProject.description"),confirm:n("common.confirm"),onConfirm:T,onCancel:()=>g(null),children:o.jsx(z,{sx:{marginTop:2},children:[n("blocklet.publish.deleteProject.tip1"),n("blocklet.publish.deleteProject.tip2"),n("blocklet.publish.deleteProject.tip3")].map(M=>o.jsxs(z,{sx:{display:"flex",marginTop:1,flexDirection:"row",alignItems:"flex-start"},children:[o.jsx(f2,{color:"warning",sx:{marginRight:1,fontSize:20,marginTop:"2px"}}),o.jsx(K,{component:"span",variant:"inherit",color:"text.secondary",children:M})]}))})}),P]})}g1.propTypes={initUrl:f.object};g1.defaultProps={initUrl:null};const Ct=ie(z)`
   .main-table > div:first-child {
     display: none;
   }
@@ -133,7 +133,7 @@ import{ao as K0,j as o,aD as re,cE as a0,aG as E,fl as O1,aF as me,aB as Ne,aC a
     background: #fff;
     z-index: 10;
   }
-`,N0=({fromBlocklet:e,nodeInfo:t,blocklet:l,userDid:n})=>{var c,d;const s=e?(c=l==null?void 0:l.meta)==null?void 0:c.did:t==null?void 0:t.did;let a=e?((d=l==null?void 0:l.settings)==null?void 0:d.storeList)||[]:(t==null?void 0:t.blockletRegistryList)||[];return a=a.filter(u=>u.protected||!u.scope||u.scope==="studio"||u.scope===n),{teamDid:s,storeList:a}};function I1({blocklet:e,store:t,onChangeStore:l,onClick:n,disabled:s,loading:a,componentDid:c}){var L,A,H;const{t:d}=le(),{session:u}=Ke(),{api:h,info:x,inService:g}=je(),y=Me(),[p,i]=R.useState(!1),m=R.useRef(null),[w,v]=R.useState(!1),[C,S]=R.useState(null),V=B=>{l(B),i(!1)},T=()=>{i(!0)},I=B=>{m.current&&m.current.contains(B.target)||i(!1)},k=()=>{v(!0)},$=()=>{v(!1)},D=async()=>{var B;if(C)try{await h.deleteBlockletStore({input:{teamDid:e.meta.did,url:C.url,projectId:"",scope:C.scope||"studio"}}),await((B=y==null?void 0:y.actions)==null?void 0:B.refreshBlocklet())}catch(X){q.error(`Remove Blocklet Store Error: ${Ve(X)}`)}finally{S(null)}},{storeList:P}=N0({fromBlocklet:g,blocklet:e,nodeInfo:x,componentDid:c,userDid:(L=u==null?void 0:u.user)==null?void 0:L.did}),M=(A=e==null?void 0:e.meta)==null?void 0:A.did;return o.jsxs(o.Fragment,{children:[o.jsxs(L2,{disabled:s,ref:m,variant:"contained",color:"primary","aria-label":"Button group with connect store",children:[o.jsxs(ne,{onClick:n,children:[a&&o.jsx(s1,{size:14,sx:{mr:.5}}),`${d("common.connect")} ${(t==null?void 0:t.name)||""}`]}),o.jsx(ne,{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:o.jsx(S2,{})})]}),o.jsx(l2,{sx:{zIndex:1},open:p,anchorEl:m.current,placement:"bottom-end",role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:B})=>o.jsx(r2,{...B,style:{transformOrigin:"center top"},children:o.jsx(h0,{children:o.jsx(n2,{onClickAway:I,children:o.jsxs(s2,{id:"split-button-menu",autoFocusItem:!0,sx:{maxHeight:300,overflowY:"auto"},children:[P.map(X=>{var J;return o.jsxs($1,{selected:X.id===t.id,sx:{height:56},onClick:()=>V(X),children:[o.jsxs(z,{children:[o.jsx(xe,{sx:{fontSize:"16px"},maxLength:24,children:X.name}),o.jsx(xe,{sx:{fontSize:"13px",opacity:.6},maxLength:30,children:X.url})]}),k2({store:X,userDid:(J=u==null?void 0:u.user)==null?void 0:J.did})&&o.jsx(se,{sx:{ml:1},onClick:W=>{W.preventDefault(),W.stopPropagation(),S(X)},children:o.jsx(qe,{icon:"ic:outline-delete"})})]},X.url)}),o.jsx(i2,{}),o.jsxs($1,{onClick:k,children:[o.jsx(c1,{font:!0}),o.jsx(K,{variant:"inherit",children:d("store.blockletRegistry.addRegistry")})]})]})})})})}),w&&o.jsx(j0,{hiddenChildren:!0,open:!0,onClose:$,teamDid:M,storeList:P,scope:"studio",onAdd:(H=y==null?void 0:y.actions)==null?void 0:H.refreshBlocklet}),C&&o.jsx(u1,{displayError:!0,title:`${d("common.delete")} ${C.name}`,description:d("blocklet.publish.deleteStoreTip",{name:C.name}),confirm:d("common.confirm"),onConfirm:D,onCancel:()=>S(null)})]})}I1.propTypes={store:f.object,blocklet:f.object,onChangeStore:f.func.isRequired,onClick:f.func.isRequired,loading:f.bool.isRequired,disabled:f.bool.isRequired,componentDid:f.string.isRequired,projectType:f.string.isRequired,getData:f.func.isRequired};I1.defaultProps={store:null,blocklet:null};async function D0(e,t=1500,l=600,n=5e3){let s=0;await new Promise(c=>setTimeout(c,n));const a=async(c,d)=>{try{const u=await e();c(u)}catch(u){s++,s>=l?d(u):setTimeout(()=>a(c,d),t)}};return new Promise(a)}function Dl(){return Math.random().toString(36).slice(2)+Math.random().toString(36).slice(2)+`${Date.now()}`.slice(-6)}function _l(e,{did:t,projectId:l,messageId:n}){return D0(async()=>{var a;const s=await e.getProject({input:{did:t,projectId:l,messageId:n}});if(!((a=s==null?void 0:s.project)!=null&&a.blockletDid))throw new Error("Connected store not found");return s.project.blockletDid})}function Bl(e,{did:t,projectId:l,storeId:n}){return D0(async()=>{var c,d;const s=await e.getProject({input:{did:t,projectId:l,messageId:""}});if(!((d=(c=s==null?void 0:s.project)==null?void 0:c.connectedStores)!=null&&d.length))throw new Error("Connected store not found");if(!s.project.connectedStores.find(u=>u.storeId===n))throw new Error("Connected store not found")})}const e0="lastWantToConnectStoreId";function El(e){var d,u;const[t,l]=R.useState(null),{session:n}=Ke(),s=R.useCallback(h=>{l(h),localStorage.setItem(e0,h==null?void 0:h.id)},[l]),a=R.useMemo(()=>{var g,y;const h=localStorage.getItem(e0),x=h?(((g=e==null?void 0:e.settings)==null?void 0:g.storeList)||[]).find(p=>p.id===h):null;return x||(((y=e==null?void 0:e.settings)==null?void 0:y.storeList)||[]).find(p=>{var i;return!(p.id!==U.BLOCKLET_STORE.id||p.scope&&p.scope!=="studio"&&p.scope!==((i=n==null?void 0:n.user)==null?void 0:i.did))})},[(d=e==null?void 0:e.settings)==null?void 0:d.storeList,(u=n==null?void 0:n.user)==null?void 0:u.did]);return[t||a,s]}const t0=[".webp",".jpg",".jpeg",".png",".gif",".svg"],o0=1024*1024*10,l0=R.lazy(()=>f0(()=>import("./react-DXmWMpMn.js").then(e=>e.r),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45])).then(e=>({default:e.Uploader})));function _0({projectId:e,readOnly:t,loading:l,blocklet:n,params:s,setParams:a,paramsErrTip:c,setParamsErrTip:d,setLoading:u,initUrl:h,initLogoUrl:x,setInitLogoUrl:g,componentDid:y}){const{t:p}=le(),{api:i}=je(),m=i1(),w=R.useRef(null),v=R.useRef(null),[C,S]=El(n),V=M2({onOpen:()=>u(!0),onClose:()=>u(!1)}),T=async L=>{const A=setTimeout(()=>{u(!1)},2e4),H=await _l(i,L);u(!1),clearTimeout(A),window.parent.postMessage({event:"studioDialog.connected",componentDid:y},"*"),m(window.location.pathname.replace(`${U.UNOWNED_DID}/create`,`${H}/create`),{replace:!0})},I=()=>{if(!s.blockletTitle){q.error(p("blocklet.publish.errorTip.noTitle"));return}if(!C){q.error("No store found");return}const L=Dl();V(async(A,H)=>{var B,X,J;try{const W=await i.connectByStudio({input:{did:(B=n==null?void 0:n.meta)==null?void 0:B.did,blockletTitle:s==null?void 0:s.blockletTitle,storeUrl:C.url,storeId:C.id,storeName:C.name,type:((X=s==null?void 0:s.blockletComponents)==null?void 0:X.length)>0?"pack":"resource",componentDid:y,messageId:L,tenantScope:(h==null?void 0:h.searchParams.get("tenantScope"))||""}});if(!(W!=null&&W.url)){q.error("failed to connect to store");return}H(W.url),T({did:(J=n==null?void 0:n.meta)==null?void 0:J.did,projectId:"",messageId:L})}catch(W){const te=Ve(W);q.error(te),A.document.write(te),u(!1)}})},k=`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${n.meta.did}/${e}/logo/upload`,$=`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${n.meta.did}/${e}/screenshot/upload`,D=s!=null&&s.blockletLogo?`${k}/${s.blockletLogo}`:`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/static/images/logo.png`,P=((s==null?void 0:s.blockletScreenshots)||[]).filter(Boolean).map(L=>`${$}/${L}`),M=()=>t?!1:!e||e===U.UNOWNED_DID?(q.error(p("blocklet.publish.errorTip.noFirstDid")),!1):!0;return o.jsxs(Al,{children:[o.jsx(z,{display:"flex",className:"section",children:o.jsxs(z,{sx:{flex:1},children:[o.jsx(ze,{disabled:l||t,label:`Blocklet ${p("common.title")}`,placeholder:`Blocklet ${p("common.title")}`,InputProps:{"data-cy":"blocklet-title",readOnly:t},autoComplete:"off",variant:"outlined",fullWidth:!0,required:!0,value:s.blockletTitle||"",onChange:L=>{d({blockletTitle:""}),a({blockletTitle:L.target.value})},error:!!c.blockletTitle,helperText:c.blockletTitle||""}),o.jsx(ze,{required:!0,label:"Blocklet DID",fullWidth:!0,readonly:!0,disabled:!0,autoComplete:"off",variant:"outlined",InputProps:{"data-cy":"export-blocklet-did",endAdornment:e===U.UNOWNED_DID&&o.jsx(f1,{position:"end",children:o.jsx(I1,{blocklet:n,store:C,componentDid:y,onChangeStore:S,disabled:!s.blockletTitle||t||l,loading:l,onClick:I})})},error:!!c.projectId,helperText:c.projectId||"",value:e===U.UNOWNED_DID?"":`did:abt:${e}`,sx:{mt:3}}),o.jsx(ze,{disabled:l||t,label:`Blocklet ${p("common.description")}`,placeholder:`Blocklet ${p("common.description")}`,InputProps:{"data-cy":"blocklet-description",readOnly:t},required:!0,autoComplete:"off",variant:"outlined",fullWidth:!0,value:s.blockletDescription||"",onChange:L=>{d({blockletDescription:""}),a({blockletDescription:L.target.value})},error:!!c.blockletDescription,helperText:c.blockletDescription||"",sx:{mt:3}})]})}),o.jsx(z,{display:"flex",mt:3,className:"section full-width",children:o.jsxs(z,{sx:{flex:1},children:[o.jsxs(z,{display:"flex",children:[o.jsx(K,{variant:"subtitle1",sx:{mr:2},children:p("common.logo")}),o.jsx(z,{sx:{flex:1,cursor:t?"default":"pointer"},children:o.jsx(v0,{variant:"square",sx:{width:80,height:80},alt:"Blocklet Logo",src:x||D,onClick:()=>{M()&&w.current.open()}})})]}),o.jsxs(z,{display:"flex",mt:3,children:[o.jsx(K,{variant:"subtitle1",sx:{mr:2},children:p("common.screenshot")}),o.jsxs(z,{display:"flex",alignItems:"center",sx:{flex:1,flexWrap:"wrap"},children:[P.map((L,A)=>o.jsxs(z,{className:"screenshot",children:[o.jsx("img",{alt:"screenshot",src:L}),!t&&o.jsx(se,{className:"action",onClick:()=>{a(H=>{const B=[...H.blockletScreenshots];return B.splice(A,1),{...H,blockletScreenshots:B}})},children:o.jsx(z2,{})})]},L)),P.length<5&&o.jsx(z,{sx:{width:200,height:140,background:"#eee",cursor:t?"default":"pointer",color:"#999",mb:2},display:"flex",justifyContent:"center",alignItems:"center",fontSize:40,onClick:()=>{M()&&v.current.open()},children:"+"})]})]})]})}),o.jsxs(R.Suspense,{fallback:o.jsx(we,{}),children:[o.jsx(l0,{ref:w,popup:!0,onUploadFinish:L=>{a({blockletLogo:L.data.filename}),g(""),w.current.close()},plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:k,disableMediaKitPrefix:!0},coreProps:{restrictions:{allowedFileExts:t0,maxFileSize:o0,maxNumberOfFiles:1}}},"uploader-logo"),o.jsx(l0,{ref:v,popup:!0,onUploadFinish:L=>{a(A=>{var B;const H=A.blockletScreenshots||[];return H.push((B=L.data)==null?void 0:B.filename),{...A,blockletScreenshots:H}}),v.current.close()},plugins:["ImageEditor"],apiPathProps:{uploader:$,disableMediaKitPrefix:!0},coreProps:{restrictions:{allowedFileExts:t0,maxFileSize:o0,maxNumberOfFiles:5-P.length}}},"uploader-screenshot")]})]})}_0.propTypes={projectId:f.string.isRequired,readOnly:f.bool.isRequired,params:f.object.isRequired,setParams:f.func.isRequired,paramsErrTip:f.object.isRequired,setParamsErrTip:f.func.isRequired,loading:f.bool.isRequired,blocklet:f.object.isRequired,setLoading:f.func.isRequired,initUrl:f.object.isRequired,componentDid:f.isRequired,initLogoUrl:f.string.isRequired,setInitLogoUrl:f.func.isRequired};const Al=ie.div`
+`,N0=({fromBlocklet:e,nodeInfo:t,blocklet:l,userDid:n})=>{var c,d;const s=e?(c=l==null?void 0:l.meta)==null?void 0:c.did:t==null?void 0:t.did;let a=e?((d=l==null?void 0:l.settings)==null?void 0:d.storeList)||[]:(t==null?void 0:t.blockletRegistryList)||[];return a=a.filter(u=>u.protected||!u.scope||u.scope==="studio"||u.scope===n),{teamDid:s,storeList:a}};function I1({blocklet:e,store:t,onChangeStore:l,onClick:n,disabled:s,loading:a,componentDid:c}){var L,A,H;const{t:d}=le(),{session:u}=Ke(),{api:h,info:x,inService:g}=je(),y=Me(),[p,i]=R.useState(!1),m=R.useRef(null),[w,v]=R.useState(!1),[C,S]=R.useState(null),V=B=>{l(B),i(!1)},T=()=>{i(!0)},I=B=>{m.current&&m.current.contains(B.target)||i(!1)},k=()=>{v(!0)},$=()=>{v(!1)},D=async()=>{var B;if(C)try{await h.deleteBlockletStore({input:{teamDid:e.meta.did,url:C.url,projectId:"",scope:C.scope||"studio"}}),await((B=y==null?void 0:y.actions)==null?void 0:B.refreshBlocklet())}catch(X){q.error(`Remove Blocklet Store Error: ${Ve(X)}`)}finally{S(null)}},{storeList:P}=N0({fromBlocklet:g,blocklet:e,nodeInfo:x,componentDid:c,userDid:(L=u==null?void 0:u.user)==null?void 0:L.did}),M=(A=e==null?void 0:e.meta)==null?void 0:A.did;return o.jsxs(o.Fragment,{children:[o.jsxs(L2,{disabled:s,ref:m,variant:"contained",color:"primary","aria-label":"Button group with connect store",children:[o.jsxs(ne,{onClick:n,children:[a&&o.jsx(s1,{size:14,sx:{mr:.5}}),`${d("common.connect")} ${(t==null?void 0:t.name)||""}`]}),o.jsx(ne,{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:o.jsx(S2,{})})]}),o.jsx(l2,{sx:{zIndex:10},open:p,anchorEl:m.current,placement:"bottom-end",role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:B})=>o.jsx(r2,{...B,style:{transformOrigin:"center top"},children:o.jsx(h0,{children:o.jsx(n2,{onClickAway:I,children:o.jsxs(s2,{id:"split-button-menu",autoFocusItem:!0,sx:{maxHeight:300,overflowY:"auto"},children:[P.map(X=>{var J;return o.jsxs($1,{selected:X.id===t.id,sx:{height:56},onClick:()=>V(X),children:[o.jsxs(z,{children:[o.jsx(xe,{sx:{fontSize:"16px"},maxLength:24,children:X.name}),o.jsx(xe,{sx:{fontSize:"13px",opacity:.6},maxLength:30,children:X.url})]}),k2({store:X,userDid:(J=u==null?void 0:u.user)==null?void 0:J.did})&&o.jsx(se,{sx:{ml:1},onClick:W=>{W.preventDefault(),W.stopPropagation(),S(X)},children:o.jsx(qe,{icon:"ic:outline-delete"})})]},X.url)}),o.jsx(i2,{}),o.jsxs($1,{onClick:k,children:[o.jsx(c1,{font:!0}),o.jsx(K,{variant:"inherit",children:d("store.blockletRegistry.addRegistry")})]})]})})})})}),w&&o.jsx(j0,{hiddenChildren:!0,open:!0,onClose:$,teamDid:M,storeList:P,scope:"studio",onAdd:(H=y==null?void 0:y.actions)==null?void 0:H.refreshBlocklet}),C&&o.jsx(u1,{displayError:!0,title:`${d("common.delete")} ${C.name}`,description:d("blocklet.publish.deleteStoreTip",{name:C.name}),confirm:d("common.confirm"),onConfirm:D,onCancel:()=>S(null)})]})}I1.propTypes={store:f.object,blocklet:f.object,onChangeStore:f.func.isRequired,onClick:f.func.isRequired,loading:f.bool.isRequired,disabled:f.bool.isRequired,componentDid:f.string.isRequired,projectType:f.string.isRequired,getData:f.func.isRequired};I1.defaultProps={store:null,blocklet:null};async function D0(e,t=1e3,l=300,n=4e3){let s=0;await new Promise(c=>setTimeout(c,n));const a=async(c,d)=>{try{const u=await e();c(u)}catch(u){s++,s>=l?d(u):setTimeout(()=>a(c,d),t)}};return new Promise(a)}function Dl(){return Math.random().toString(36).slice(2)+Math.random().toString(36).slice(2)+`${Date.now()}`.slice(-6)}function _l(e,{did:t,projectId:l,messageId:n}){return D0(async()=>{var a;const s=await e.getProject({input:{did:t,projectId:l,messageId:n}});if(!((a=s==null?void 0:s.project)!=null&&a.blockletDid))throw new Error("Connected store not found");return s.project.blockletDid})}function Bl(e,{did:t,projectId:l,storeId:n}){return D0(async()=>{var c,d;const s=await e.getProject({input:{did:t,projectId:l,messageId:""}});if(!((d=(c=s==null?void 0:s.project)==null?void 0:c.connectedStores)!=null&&d.length))throw new Error("Connected store not found");if(!s.project.connectedStores.find(u=>u.storeId===n))throw new Error("Connected store not found")})}const e0="lastWantToConnectStoreId";function El(e){var d,u;const[t,l]=R.useState(null),{session:n}=Ke(),s=R.useCallback(h=>{l(h),localStorage.setItem(e0,h==null?void 0:h.id)},[l]),a=R.useMemo(()=>{var g,y;const h=localStorage.getItem(e0),x=h?(((g=e==null?void 0:e.settings)==null?void 0:g.storeList)||[]).find(p=>p.id===h):null;return x||(((y=e==null?void 0:e.settings)==null?void 0:y.storeList)||[]).find(p=>{var i;return!(p.id!==U.BLOCKLET_STORE.id||p.scope&&p.scope!=="studio"&&p.scope!==((i=n==null?void 0:n.user)==null?void 0:i.did))})},[(d=e==null?void 0:e.settings)==null?void 0:d.storeList,(u=n==null?void 0:n.user)==null?void 0:u.did]);return[t||a,s]}const t0=[".webp",".jpg",".jpeg",".png",".gif",".svg"],o0=1024*1024*10,l0=R.lazy(()=>f0(()=>import("./react-D-F09R4E.js").then(e=>e.r),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45])).then(e=>({default:e.Uploader})));function _0({projectId:e,readOnly:t,loading:l,blocklet:n,params:s,setParams:a,paramsErrTip:c,setParamsErrTip:d,setLoading:u,initUrl:h,initLogoUrl:x,setInitLogoUrl:g,componentDid:y}){const{t:p}=le(),{api:i}=je(),m=i1(),w=R.useRef(null),v=R.useRef(null),[C,S]=El(n),V=M2({onOpen:()=>u(!0),onClose:()=>u(!1)}),T=async L=>{const A=setTimeout(()=>{u(!1)},2e4),H=await _l(i,L);u(!1),clearTimeout(A),window.parent.postMessage({event:"studioDialog.connected",componentDid:y},"*"),m(window.location.pathname.replace(`${U.UNOWNED_DID}/create`,`${H}/create`),{replace:!0})},I=()=>{if(!s.blockletTitle){q.error(p("blocklet.publish.errorTip.noTitle"));return}if(!C){q.error("No store found");return}const L=Dl();V(async(A,H)=>{var B,X,J;try{const W=await i.connectByStudio({input:{did:(B=n==null?void 0:n.meta)==null?void 0:B.did,blockletTitle:s==null?void 0:s.blockletTitle,storeUrl:C.url,storeId:C.id,storeName:C.name,type:((X=s==null?void 0:s.blockletComponents)==null?void 0:X.length)>0?"pack":"resource",componentDid:y,messageId:L,tenantScope:(h==null?void 0:h.searchParams.get("tenantScope"))||""}});if(!(W!=null&&W.url)){q.error("failed to connect to store");return}H(W.url),T({did:(J=n==null?void 0:n.meta)==null?void 0:J.did,projectId:"",messageId:L})}catch(W){const te=Ve(W);q.error(te),A.document.write(te),u(!1)}})},k=`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${n.meta.did}/${e}/logo/upload`,$=`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${n.meta.did}/${e}/screenshot/upload`,D=s!=null&&s.blockletLogo?`${k}/${s.blockletLogo}`:`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/static/images/logo.png`,P=((s==null?void 0:s.blockletScreenshots)||[]).filter(Boolean).map(L=>`${$}/${L}`),M=()=>t?!1:!e||e===U.UNOWNED_DID?(q.error(p("blocklet.publish.errorTip.noFirstDid")),!1):!0;return o.jsxs(Al,{children:[o.jsx(z,{display:"flex",className:"section",children:o.jsxs(z,{sx:{flex:1},children:[o.jsx(ze,{disabled:l||t,label:`Blocklet ${p("common.title")}`,placeholder:`Blocklet ${p("common.title")}`,InputProps:{"data-cy":"blocklet-title",readOnly:t},autoComplete:"off",variant:"outlined",fullWidth:!0,required:!0,value:s.blockletTitle||"",onChange:L=>{d({blockletTitle:""}),a({blockletTitle:L.target.value})},error:!!c.blockletTitle,helperText:c.blockletTitle||""}),o.jsx(ze,{required:!0,label:"Blocklet DID",fullWidth:!0,readonly:!0,disabled:!0,autoComplete:"off",variant:"outlined",InputProps:{"data-cy":"export-blocklet-did",endAdornment:e===U.UNOWNED_DID&&o.jsx(f1,{position:"end",children:o.jsx(I1,{blocklet:n,store:C,componentDid:y,onChangeStore:S,disabled:!s.blockletTitle||t||l,loading:l,onClick:I})})},error:!!c.projectId,helperText:c.projectId||"",value:e===U.UNOWNED_DID?"":`did:abt:${e}`,sx:{mt:3}}),o.jsx(ze,{disabled:l||t,label:`Blocklet ${p("common.description")}`,placeholder:`Blocklet ${p("common.description")}`,InputProps:{"data-cy":"blocklet-description",readOnly:t},required:!0,autoComplete:"off",variant:"outlined",fullWidth:!0,value:s.blockletDescription||"",onChange:L=>{d({blockletDescription:""}),a({blockletDescription:L.target.value})},error:!!c.blockletDescription,helperText:c.blockletDescription||"",sx:{mt:3}})]})}),o.jsx(z,{display:"flex",mt:3,className:"section full-width",children:o.jsxs(z,{sx:{flex:1},children:[o.jsxs(z,{display:"flex",children:[o.jsx(K,{variant:"subtitle1",sx:{mr:2},children:p("common.logo")}),o.jsx(z,{sx:{flex:1,cursor:t?"default":"pointer"},children:o.jsx(v0,{variant:"square",sx:{width:80,height:80},alt:"Blocklet Logo",src:x||D,onClick:()=>{M()&&w.current.open()}})})]}),o.jsxs(z,{display:"flex",mt:3,children:[o.jsx(K,{variant:"subtitle1",sx:{mr:2},children:p("common.screenshot")}),o.jsxs(z,{display:"flex",alignItems:"center",sx:{flex:1,flexWrap:"wrap"},children:[P.map((L,A)=>o.jsxs(z,{className:"screenshot",children:[o.jsx("img",{alt:"screenshot",src:L}),!t&&o.jsx(se,{className:"action",onClick:()=>{a(H=>{const B=[...H.blockletScreenshots];return B.splice(A,1),{...H,blockletScreenshots:B}})},children:o.jsx(z2,{})})]},L)),P.length<5&&o.jsx(z,{sx:{width:200,height:140,background:"#eee",cursor:t?"default":"pointer",color:"#999",mb:2},display:"flex",justifyContent:"center",alignItems:"center",fontSize:40,onClick:()=>{M()&&v.current.open()},children:"+"})]})]})]})}),o.jsxs(R.Suspense,{fallback:o.jsx(we,{}),children:[o.jsx(l0,{ref:w,popup:!0,onUploadFinish:L=>{a({blockletLogo:L.data.filename}),g(""),w.current.close()},plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:k,disableMediaKitPrefix:!0},coreProps:{restrictions:{allowedFileExts:t0,maxFileSize:o0,maxNumberOfFiles:1}}},"uploader-logo"),o.jsx(l0,{ref:v,popup:!0,onUploadFinish:L=>{a(A=>{var B;const H=A.blockletScreenshots||[];return H.push((B=L.data)==null?void 0:B.filename),{...A,blockletScreenshots:H}}),v.current.close()},plugins:["ImageEditor"],apiPathProps:{uploader:$,disableMediaKitPrefix:!0},coreProps:{restrictions:{allowedFileExts:t0,maxFileSize:o0,maxNumberOfFiles:5-P.length}}},"uploader-screenshot")]})]})}_0.propTypes={projectId:f.string.isRequired,readOnly:f.bool.isRequired,params:f.object.isRequired,setParams:f.func.isRequired,paramsErrTip:f.object.isRequired,setParamsErrTip:f.func.isRequired,loading:f.bool.isRequired,blocklet:f.object.isRequired,setLoading:f.func.isRequired,initUrl:f.object.isRequired,componentDid:f.isRequired,initLogoUrl:f.string.isRequired,setInitLogoUrl:f.func.isRequired};const Al=ie.div`
   margin-top: 24px;
   .screenshot {
     margin-bottom: 16px;
@@ -164,7 +164,7 @@ import{ao as K0,j as o,aD as re,cE as a0,aG as E,fl as O1,aF as me,aB as Ne,aC a
     width: 100%; /* 图像宽度填充容器 */
     height: auto; /* 图像高度自适应 */
   }
-`;var L1={},Hl=ke;Object.defineProperty(L1,"__esModule",{value:!0});var B0=L1.default=void 0,Ol=Hl(Se()),$l=o;B0=L1.default=(0,Ol.default)((0,$l.jsx)("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M14 13v4h-4v-4H7l4.65-4.65c.2-.2.51-.2.71 0L17 13z"}),"CloudUploadRounded");function P1({blocklet:e,releaseId:t,connectedStores:l,projectId:n,releaseType:s,publishedStoreIds:a,onPublish:c,onDelete:d,projectType:u,componentDid:h,onOpenConnectStore:x,behavior:g,onSelectConnectStore:y}){var S,V;const{t:p}=le(),{actions:{refreshBlocklet:i}}=Me(),{session:m}=Ke(),{storeList:w}=N0({fromBlocklet:!0,blocklet:e,componentDid:h,userDid:(S=m==null?void 0:m.user)==null?void 0:S.did}),v=R.useMemo(()=>l!=null&&l.length?l==null?void 0:l.reduce((T,I)=>(T[I.storeId]=I,T),{}):{},[l]),C=(V=e==null?void 0:e.meta)==null?void 0:V.did;return o.jsxs(o.Fragment,{children:[g==="connect"&&!!(w!=null&&w.length)&&o.jsx(g0,{severity:"info",style:{width:"100%"},children:o.jsxs(z,{color:x2[400],component:"a",href:u==="pack"?"https://www.arcblock.io/docs/blocklet-developer/en/5PXToZve-5IXAN1bc8rkpxAc":"https://www.arcblock.io/docs/blocklet-developer/en/hB5VWLfg9VnbWsL1JGLuLUfW",target:"_blank",display:"flex",alignItems:"center",rel:"noreferrer",children:[p(u==="pack"?"blocklet.publish.whyCantSeeInStore":"blocklet.publish.whyCantSeeResourceBlockletInStore"),o.jsx(P2,{sx:{marginLeft:1}})]})}),o.jsx(a2,{children:w==null?void 0:w.map(T=>o.jsx(T2,{"data-cy":"store-switch",children:o.jsx(V2,{children:o.jsx(I2,{behavior:g,onSelectConnectStore:y,releaseId:t,projectId:n,releaseType:s,kind:"publish",teamDid:C,store:T,published:(a==null?void 0:a.indexOf(T.id))>-1,connectedStore:v[T.id],onPublish:c,onDelete:d,scope:T.scope||"studio",onOpenConnectStore:x})})},T.url))}),o.jsx(j0,{teamDid:C,storeList:w,scope:"studio",onAdd:i})]})}P1.propTypes={blocklet:f.object.isRequired,projectId:f.string.isRequired,releaseId:f.string.isRequired,releaseType:f.string.isRequired,onPublish:f.func,onDelete:f.func,publishedStoreIds:f.arrayOf(f.string),connectedStores:f.arrayOf(f.object).isRequired,projectType:f.string,componentDid:f.string,onOpenConnectStore:f.func,onSelectConnectStore:f.func,behavior:f.string};P1.defaultProps={projectType:"",componentDid:"",publishedStoreIds:[],onPublish:()=>{},onDelete:()=>{},onOpenConnectStore:()=>{},onSelectConnectStore:()=>{},behavior:"connect"};const E0=({params:e,hasSelectedResources:t,projectId:l,status:n,t:s})=>{const a=[];return e.blockletTitle||a.push({param:"blockletTitle",message:s("blocklet.publish.errorTip.noTitle")}),(!l||l===U.UNOWNED_DID)&&a.push({param:"projectId",message:s("blocklet.publish.errorTip.noDid")}),!e.uploadedResource&&!t&&a.push({param:"blockletResource",message:s("blocklet.publish.errorTip.noResource")}),e.blockletVersion?ye.valid(e.blockletVersion)||a.push({param:"blockletVersion",message:s("blocklet.publish.errorTip.inValidVersion")}):a.push({param:"blockletVersion",message:s("blocklet.publish.errorTip.noVersion")}),n===ge.PROJECT.RELEASE_STATUS.published&&(e.blockletDescription||a.push({param:"blockletDescription",message:s("blocklet.publish.errorTip.noDescription")}),e.note||a.push({param:"note",message:s("blocklet.publish.errorTip.noNote")})),a.length?a:null},Fl=({params:e,hasSelectedResources:t,step:l,t:n,projectId:s})=>{if(l===0){if(!e.blockletTitle)return n("blocklet.publish.errorTip.noTitle");if(!s||s===U.UNOWNED_DID)return n("blocklet.publish.errorTip.noDid");if(!e.blockletDescription)return n("blocklet.publish.errorTip.noDescription")}if(l===2&&!e.uploadedResource&&!t)return n("blocklet.publish.errorTip.noResource");if(l>=4){if(!e.blockletVersion)return n("blocklet.publish.errorTip.noVersion");if(!ye.valid(e.blockletVersion))return n("blocklet.publish.errorTip.inValidVersion");if(!e.note)return n("blocklet.publish.errorTip.noNote")}return""},ql=async e=>{if(typeof e!="string")throw new Error("URL must be a string");try{const t=e.split("/").pop().split("?")[0],n=await(await fetch(e)).blob();return new File([n],t,{type:n.type})}catch{throw new Error("Failed to convert Logo URL to file")}};function*Ul(e,t){let l=0;for(;l<e.size;)yield e.slice(l,l+t),l+=t}const Wl=async({did:e,projectId:t,uploadType:l="logo",imageUrl:n})=>{const s=await ql(n);new FormData().append("file",s);const c={uploaderId:"Uploader",relativePath:encodeURIComponent(s.name),name:encodeURIComponent(s.name),type:s.type},u=(await F1.post(ue(U.WELLKNOWN_SERVICE_PATH_PREFIX,"/api/project",e,t,l,"upload"),null,{headers:{"Tus-Resumable":"1.0.0","Upload-Length":s.size,"X-Uploader-File-Ext":s.name.split(".").pop(),"Upload-Metadata":Object.keys(c).map(y=>`${y} ${btoa(c[y])}`).join(",")}})).headers.location,h=2*1024*1024;let x=0,g="";for(const y of Ul(s,h)){const p=await F1.patch(ue(U.WELLKNOWN_SERVICE_PATH_PREFIX,u),y,{headers:{"Tus-Resumable":"1.0.0","Upload-Offset":x,"Content-Type":"application/offset+octet-stream"}});x+=y.size,g=p.data.filename}return g};var i0;const Ye=(i0=window.env)==null?void 0:i0.serverEndpoint;function A0({projectId:e,params:t,setParamsErrTip:l,initUrl:n,setParams:s,mode:a,loading:c,blocklet:d,release:u,isPublished:h,releaseId:x,getData:g,getRelease:y,componentDid:p,resourceRelateComponents:i,disabledSelectComponents:m,saveSelectedEventsRef:w,hasSelectedResources:v,initLogoUrl:C,setLoading:S,releaseUsedLast:V,setReleaseUsedLast:T,projectType:I}){var pe;const{t:k,locale:$}=le(),{api:D}=je(),P=i1(),[M,L]=R.useState(!1),[A,H]=R.useState(),B=Ae(G=>G.breakpoints.down("md")),X=()=>{window.parent.postMessage({event:"studioDialog.uploaded",componentDid:p},"*"),y()},J=async G=>{var ae,Z,ce;const Y=E0({params:t,hasSelectedResources:v,projectId:e,status:G,t:k});if(Y){q.error(Y.map(_=>_.message).join("; ")),l(Y.reduce((_,O)=>({..._,[O.param]:O.message}),{}));return}const F={...t},oe=((d==null?void 0:d.children)||[]).reduce((_,O)=>(_[O.meta.did]=!0,_),{});if(Object.keys(i).forEach(_=>{if(!oe[_])return;let O=!1;m||F.blockletComponents.forEach(ee=>{ee.did===_&&(ee.included=!0,ee.required=!0,O=!0)}),O||F.blockletComponents.push({did:_,included:!0,required:!0})}),F.blockletVersion=ye.valid(F.blockletVersion),!F.blockletVersion){q.error("Invalid Blocklet Version"),l({blockletVersion:"Invalid Blocklet Version"});return}if(S(!0),C)try{const _=await Wl({did:d.meta.did,projectId:e,imageUrl:C});F.blockletLogo=_,s({blockletLogo:_})}catch(_){q.error(_.message),S(!1);return}if(t.resourceFromSelect){F.uploadedResource="";try{const _=Object.keys(w.current);await b0(_.map(O=>()=>{const ee=w.current[O];return Tl({api:D,locale:$,projectId:e,releaseId:V?"":x,appDid:d.meta.did,component:ee.component,resources:ee.resources,initUrl:n})}),{concurrency:2})}catch(_){q.error(((ce=(Z=(ae=_==null?void 0:_.response)==null?void 0:ae.data)==null?void 0:Z.error)==null?void 0:ce.message)||_.message),S(!1),l({blockletResource:"Invalid save the resource"});return}}else F.blockletComponents=[];F.blockletTitle=(F.blockletTitle||"").trim(),F.blockletDescription=(F.blockletDescription||"").trim(),F.blockletIntroduction=(F.blockletIntroduction||"").trim(),F.note=(F.note||"").trim(),F.blockletComponents=((F==null?void 0:F.blockletComponents)||[]).filter(_=>_.included).map(_=>a1(_,["did","required"])).map(JSON.stringify),S(!0),D.createRelease({input:{...F,did:d.meta.did,projectId:e,releaseId:V?"":x,status:G}}).then(_=>{var O;if(G==="draft"?q.success(k("blocklet.publish.saveDraftSuccess")):(T(!1),q.success(k("blocklet.publish.createReleaseSuccess")),window.parent.postMessage({event:"studioDialog.released",componentDid:p},"*")),l({blockletResource:"",blockletTitle:"",blockletDescription:"",blockletVersion:"",blockletLogo:"",projectId:"",blockletIntroduction:"",note:""}),a==="create"||a==="new-release"){const ee=(O=_==null?void 0:_.release)==null?void 0:O.id;P(`../${e}/view/${ee}`,{replace:!0})}else y()}).catch(_=>{const O=Ve(_);q.error(O),(/resource/.test(O)||/zip/.test(O))&&l({blockletResource:O})}).finally(()=>{S(!1)})},W=async G=>{await Bl(D,G),g()};let te=null;if(h&&Ye){const G=ue(Ye,`/api/project/${d.meta.did}/${e}/${x}/release/blocklet.json`);if(I==="pack"){const Y=new URL(Ye);Y.pathname=ue(Y.pathname,"/launch-blocklet/agreement"),Y.searchParams.set("blocklet_meta_url",G),te=o.jsx("a",{href:Y.href,target:"_blank",rel:"noreferrer",children:B?o.jsx(se,{color:"primary",sx:{mr:1},onClick:()=>H(G),children:o.jsx(qe,{icon:"ic:baseline-install-desktop"})}):o.jsx(ne,{variant:"outlined",sx:{mr:1},onClick:()=>H(G),children:k("common.install")})})}else te=o.jsxs(o.Fragment,{children:[B?o.jsx(se,{color:"primary",sx:{mr:1},onClick:()=>H(G),children:o.jsx(qe,{icon:"ic:baseline-install-desktop"})}):o.jsx(ne,{variant:"outlined",sx:{mr:1},onClick:()=>H(G),children:k("blocklet.publish.copyInstallUrl")}),o.jsx(c2,{fullWidth:!0,maxWidth:"sm",open:A,onClose:()=>H(""),children:o.jsxs(z,{sx:{py:5,px:4,wordBreak:"break-all"},children:[o.jsx(K,{variant:"h6",sx:{mb:2},children:k("blocklet.publish.installResourceTip")}),o.jsx(N2,{children:A}),o.jsxs(K,{sx:{mt:2},children:[k("blocklet.publish.installResourceTip2"),o.jsx("a",{style:{marginLeft:4},href:"https://www.arcblock.io/docs/blocklet-developer/R3weqCy7WPI8ggudt0C2alWv",target:"_blank",rel:"noreferrer",children:k("blocklet.publish.installResourceHelp")})]})]})})]})}return o.jsxs(o.Fragment,{children:[o.jsx(Gl,{className:"sticky-header",children:o.jsxs(z,{display:"flex",alignItems:"center",flexDirection:"row",children:[o.jsxs(C0,{className:"breadcrumbs","aria-label":"breadcrumb",children:[o.jsx(de,{to:"../",children:k("common.blockletStudio")}),e===U.UNOWNED_DID?o.jsx(K,{color:"text.primary",children:o.jsx(xe,{maxLength:B?6:30,children:(t==null?void 0:t.blockletTitle)||"Blocklet"})}):o.jsx(de,{to:`../${e}`,children:o.jsx(xe,{maxLength:B?6:30,children:(t==null?void 0:t.blockletTitle)||"Blocklet"})}),o.jsx(K,{color:"text.primary",children:a==="create"?k("common.create"):(t==null?void 0:t.blockletVersion)||k("common.edit")})]}),o.jsx(z,{flex:"1"}),!h&&o.jsxs(ne,{variant:"contained",disabled:c,style:{marginRight:12},onClick:()=>J(ge.PROJECT.RELEASE_STATUS.published),children:[c&&o.jsx(s1,{size:14,sx:{mr:.5},color:"inherit"}),k("blocklet.publish.createRelease")]}),h&&o.jsxs(o.Fragment,{children:[te,o.jsx("a",{href:ue(`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${d.meta.did}/${e}/${x}/download/${(u.files||[])[0]}`),children:B?null:o.jsx(ne,{variant:"outlined",sx:{mr:1},children:k("common.download")})}),o.jsxs(ne,{variant:"contained",onClick:()=>L(!0),children:[o.jsx(B0,{style:{fontSize:"1.3em",marginRight:4}}),k(B?"common.upload":"common.uploadToStore")]})]})]})}),o.jsx(d2,{title:k("common.connectToStore"),disableEscapeKeyDown:!0,disablePortal:!1,fullWidth:!0,open:M,onClose:()=>L(!1),children:o.jsx(P1,{projectType:I,blocklet:d,releaseType:((pe=t==null?void 0:t.blockletComponents)==null?void 0:pe.length)>0?"pack":"resource",projectId:e,releaseId:x,componentDid:p,onPublish:X,onOpenConnectStore:W,onDelete:g,connectedStores:t.connectedStores||[],publishedStoreIds:u==null?void 0:u.publishedStoreIds})})]})}A0.propTypes={projectId:f.string.isRequired,params:f.object.isRequired,mode:f.string.isRequired,loading:f.bool.isRequired,blocklet:f.object.isRequired,release:f.object.isRequired,isPublished:f.bool.isRequired,releaseId:f.string.isRequired,getData:f.func.isRequired,getRelease:f.func.isRequired,componentDid:f.string.isRequired,resourceRelateComponents:f.object.isRequired,disabledSelectComponents:f.bool.isRequired,saveSelectedEventsRef:f.object.isRequired,hasSelectedResources:f.bool.isRequired,initLogoUrl:f.string.isRequired,setLoading:f.func.isRequired,releaseUsedLast:f.bool.isRequired,setReleaseUsedLast:f.func.isRequired,projectType:f.string.isRequired,setParamsErrTip:f.func.isRequired,setParams:f.func.isRequired,initUrl:f.object.isRequired};const Gl=ie.div`
+`;var L1={},Hl=ke;Object.defineProperty(L1,"__esModule",{value:!0});var B0=L1.default=void 0,Ol=Hl(Se()),$l=o;B0=L1.default=(0,Ol.default)((0,$l.jsx)("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M14 13v4h-4v-4H7l4.65-4.65c.2-.2.51-.2.71 0L17 13z"}),"CloudUploadRounded");function P1({blocklet:e,releaseId:t,connectedStores:l,projectId:n,releaseType:s,publishedStoreIds:a,onPublish:c,onDelete:d,projectType:u,componentDid:h,onOpenConnectStore:x,behavior:g,onSelectConnectStore:y}){var S,V;const{t:p}=le(),{actions:{refreshBlocklet:i}}=Me(),{session:m}=Ke(),{storeList:w}=N0({fromBlocklet:!0,blocklet:e,componentDid:h,userDid:(S=m==null?void 0:m.user)==null?void 0:S.did}),v=R.useMemo(()=>l!=null&&l.length?l==null?void 0:l.reduce((T,I)=>(T[I.storeId]=I,T),{}):{},[l]),C=(V=e==null?void 0:e.meta)==null?void 0:V.did;return o.jsxs(o.Fragment,{children:[g==="connect"&&!!(w!=null&&w.length)&&o.jsx(g0,{severity:"info",style:{width:"100%"},children:o.jsxs(z,{color:x2[400],component:"a",href:u==="pack"?"https://www.arcblock.io/docs/blocklet-developer/en/5PXToZve-5IXAN1bc8rkpxAc":"https://www.arcblock.io/docs/blocklet-developer/en/hB5VWLfg9VnbWsL1JGLuLUfW",target:"_blank",display:"flex",alignItems:"center",rel:"noreferrer",children:[p(u==="pack"?"blocklet.publish.whyCantSeeInStore":"blocklet.publish.whyCantSeeResourceBlockletInStore"),o.jsx(P2,{sx:{marginLeft:1}})]})}),o.jsx(a2,{children:w==null?void 0:w.map(T=>o.jsx(T2,{"data-cy":"store-switch",children:o.jsx(V2,{children:o.jsx(I2,{behavior:g,onSelectConnectStore:y,releaseId:t,projectId:n,releaseType:s,kind:"publish",teamDid:C,store:T,published:(a==null?void 0:a.indexOf(T.id))>-1,connectedStore:v[T.id],onPublish:c,onDelete:d,scope:T.scope||"studio",onOpenConnectStore:x})})},T.url))}),o.jsx(j0,{teamDid:C,storeList:w,scope:"studio",onAdd:i})]})}P1.propTypes={blocklet:f.object.isRequired,projectId:f.string.isRequired,releaseId:f.string.isRequired,releaseType:f.string.isRequired,onPublish:f.func,onDelete:f.func,publishedStoreIds:f.arrayOf(f.string),connectedStores:f.arrayOf(f.object).isRequired,projectType:f.string,componentDid:f.string,onOpenConnectStore:f.func,onSelectConnectStore:f.func,behavior:f.string};P1.defaultProps={projectType:"",componentDid:"",publishedStoreIds:[],onPublish:()=>{},onDelete:()=>{},onOpenConnectStore:()=>{},onSelectConnectStore:()=>{},behavior:"connect"};const E0=({params:e,hasSelectedResources:t,projectId:l,status:n,t:s})=>{const a=[];return e.blockletTitle||a.push({param:"blockletTitle",message:s("blocklet.publish.errorTip.noTitle")}),(!l||l===U.UNOWNED_DID)&&a.push({param:"projectId",message:s("blocklet.publish.errorTip.noDid")}),!e.uploadedResource&&!t&&a.push({param:"blockletResource",message:s("blocklet.publish.errorTip.noResource")}),e.blockletVersion?ye.valid(e.blockletVersion)||a.push({param:"blockletVersion",message:s("blocklet.publish.errorTip.inValidVersion")}):a.push({param:"blockletVersion",message:s("blocklet.publish.errorTip.noVersion")}),n===ge.PROJECT.RELEASE_STATUS.published&&(e.blockletDescription||a.push({param:"blockletDescription",message:s("blocklet.publish.errorTip.noDescription")}),e.note||a.push({param:"note",message:s("blocklet.publish.errorTip.noNote")})),a.length?a:null},Fl=({params:e,hasSelectedResources:t,step:l,t:n,projectId:s})=>{if(l===0){if(!e.blockletTitle)return n("blocklet.publish.errorTip.noTitle");if(!s||s===U.UNOWNED_DID)return n("blocklet.publish.errorTip.noDid");if(!e.blockletDescription)return n("blocklet.publish.errorTip.noDescription")}if(l===2&&!e.uploadedResource&&!t)return n("blocklet.publish.errorTip.noResource");if(l>=4){if(!e.blockletVersion)return n("blocklet.publish.errorTip.noVersion");if(!ye.valid(e.blockletVersion))return n("blocklet.publish.errorTip.inValidVersion");if(!e.note)return n("blocklet.publish.errorTip.noNote")}return""},ql=async e=>{if(typeof e!="string")throw new Error("URL must be a string");try{const t=e.split("/").pop().split("?")[0],n=await(await fetch(e)).blob();return new File([n],t,{type:n.type})}catch{throw new Error("Failed to convert Logo URL to file")}};function*Ul(e,t){let l=0;for(;l<e.size;)yield e.slice(l,l+t),l+=t}const Wl=async({did:e,projectId:t,uploadType:l="logo",imageUrl:n})=>{const s=await ql(n);new FormData().append("file",s);const c={uploaderId:"Uploader",relativePath:encodeURIComponent(s.name),name:encodeURIComponent(s.name),type:s.type},u=(await F1.post(ue(U.WELLKNOWN_SERVICE_PATH_PREFIX,"/api/project",e,t,l,"upload"),null,{headers:{"Tus-Resumable":"1.0.0","Upload-Length":s.size,"X-Uploader-File-Ext":s.name.split(".").pop(),"Upload-Metadata":Object.keys(c).map(y=>`${y} ${btoa(c[y])}`).join(",")}})).headers.location,h=2*1024*1024;let x=0,g="";for(const y of Ul(s,h)){const p=await F1.patch(ue(U.WELLKNOWN_SERVICE_PATH_PREFIX,u),y,{headers:{"Tus-Resumable":"1.0.0","Upload-Offset":x,"Content-Type":"application/offset+octet-stream"}});x+=y.size,g=p.data.filename}return g};var i0;const Ye=(i0=window.env)==null?void 0:i0.serverEndpoint;function A0({projectId:e,params:t,setParamsErrTip:l,initUrl:n,setParams:s,mode:a,loading:c,blocklet:d,release:u,isPublished:h,releaseId:x,getData:g,getRelease:y,componentDid:p,resourceRelateComponents:i,disabledSelectComponents:m,saveSelectedEventsRef:w,hasSelectedResources:v,initLogoUrl:C,setLoading:S,releaseUsedLast:V,setReleaseUsedLast:T,projectType:I}){var pe;const{t:k,locale:$}=le(),{api:D}=je(),P=i1(),[M,L]=R.useState(!1),[A,H]=R.useState(),B=Ae(G=>G.breakpoints.down("md")),X=()=>{window.parent.postMessage({event:"studioDialog.uploaded",componentDid:p},"*"),y()},J=async G=>{var ae,Z,ce;const Y=E0({params:t,hasSelectedResources:v,projectId:e,status:G,t:k});if(Y){q.error(Y.map(_=>_.message).join("; ")),l(Y.reduce((_,O)=>({..._,[O.param]:O.message}),{}));return}const F={...t},oe=((d==null?void 0:d.children)||[]).reduce((_,O)=>(_[O.meta.did]=!0,_),{});if(Object.keys(i).forEach(_=>{if(!oe[_])return;let O=!1;m||F.blockletComponents.forEach(ee=>{ee.did===_&&(ee.included=!0,ee.required=!0,O=!0)}),O||F.blockletComponents.push({did:_,included:!0,required:!0})}),F.blockletVersion=ye.valid(F.blockletVersion),!F.blockletVersion){q.error("Invalid Blocklet Version"),l({blockletVersion:"Invalid Blocklet Version"});return}if(S(!0),C)try{const _=await Wl({did:d.meta.did,projectId:e,imageUrl:C});F.blockletLogo=_,s({blockletLogo:_})}catch(_){q.error(_.message),S(!1);return}if(t.resourceFromSelect){F.uploadedResource="";try{const _=Object.keys(w.current);await b0(_.map(O=>()=>{const ee=w.current[O];return Tl({api:D,locale:$,projectId:e,releaseId:V?"":x,appDid:d.meta.did,component:ee.component,resources:ee.resources,initUrl:n})}),{concurrency:2})}catch(_){q.error(((ce=(Z=(ae=_==null?void 0:_.response)==null?void 0:ae.data)==null?void 0:Z.error)==null?void 0:ce.message)||_.message),S(!1),l({blockletResource:"Invalid save the resource"});return}}else F.blockletComponents=[];F.blockletTitle=(F.blockletTitle||"").trim(),F.blockletDescription=(F.blockletDescription||"").trim(),F.blockletIntroduction=(F.blockletIntroduction||"").trim(),F.note=(F.note||"").trim(),F.blockletComponents=((F==null?void 0:F.blockletComponents)||[]).filter(_=>_.included).map(_=>a1(_,["did","required"])).map(JSON.stringify),S(!0),D.createRelease({input:{...F,did:d.meta.did,projectId:e,releaseId:V?"":x,status:G}}).then(_=>{var O;if(G==="draft"?q.success(k("blocklet.publish.saveDraftSuccess")):(T(!1),q.success(k("blocklet.publish.createReleaseSuccess")),window.parent.postMessage({event:"studioDialog.released",componentDid:p},"*")),l({blockletResource:"",blockletTitle:"",blockletDescription:"",blockletVersion:"",blockletLogo:"",projectId:"",blockletIntroduction:"",note:""}),a==="create"||a==="new-release"){const ee=(O=_==null?void 0:_.release)==null?void 0:O.id;P(`../${e}/view/${ee}`,{replace:!0})}else y()}).catch(_=>{const O=Ve(_);q.error(O),(/resource/.test(O)||/zip/.test(O))&&l({blockletResource:O})}).finally(()=>{S(!1)})},W=async G=>{await Bl(D,G),g()};let te=null;if(h&&Ye){const G=ue(Ye,`/api/project/${d.meta.did}/${e}/${x}/release/blocklet.json`);if(I==="pack"){const Y=new URL(Ye);Y.pathname=ue(Y.pathname,"/launch-blocklet/agreement"),Y.searchParams.set("blocklet_meta_url",G),te=o.jsx("a",{href:Y.href,target:"_blank",rel:"noreferrer",children:B?o.jsx(se,{color:"primary",sx:{mr:1},onClick:()=>H(G),children:o.jsx(qe,{icon:"ic:baseline-install-desktop"})}):o.jsx(ne,{variant:"outlined",sx:{mr:1},onClick:()=>H(G),children:k("common.install")})})}else te=o.jsxs(o.Fragment,{children:[B?o.jsx(se,{color:"primary",sx:{mr:1},onClick:()=>H(G),children:o.jsx(qe,{icon:"ic:baseline-install-desktop"})}):o.jsx(ne,{variant:"outlined",sx:{mr:1},onClick:()=>H(G),children:k("blocklet.publish.copyInstallUrl")}),o.jsx(c2,{fullWidth:!0,maxWidth:"sm",open:A,onClose:()=>H(""),children:o.jsxs(z,{sx:{py:5,px:4,wordBreak:"break-all"},children:[o.jsx(K,{variant:"h6",sx:{mb:2},children:k("blocklet.publish.installResourceTip")}),o.jsx(N2,{children:A}),o.jsxs(K,{sx:{mt:2},children:[k("blocklet.publish.installResourceTip2"),o.jsx("a",{style:{marginLeft:4},href:"https://www.arcblock.io/docs/blocklet-developer/R3weqCy7WPI8ggudt0C2alWv",target:"_blank",rel:"noreferrer",children:k("blocklet.publish.installResourceHelp")})]})]})})]})}return o.jsxs(o.Fragment,{children:[o.jsx(Gl,{className:"sticky-header",children:o.jsxs(z,{display:"flex",alignItems:"center",flexDirection:"row",children:[o.jsxs(C0,{className:"breadcrumbs","aria-label":"breadcrumb",children:[o.jsx(de,{to:"../",children:k("common.blockletStudio")}),e===U.UNOWNED_DID?o.jsx(K,{color:"text.primary",children:o.jsx(xe,{maxLength:B?6:30,children:(t==null?void 0:t.blockletTitle)||"Blocklet"})}):o.jsx(de,{to:`../${e}`,children:o.jsx(xe,{maxLength:B?6:30,children:(t==null?void 0:t.blockletTitle)||"Blocklet"})}),o.jsx(K,{color:"text.primary",children:a==="create"?k("common.create"):(t==null?void 0:t.blockletVersion)||k("common.edit")})]}),o.jsx(z,{flex:"1"}),!h&&o.jsxs(ne,{variant:"contained",disabled:c,style:{marginRight:12},onClick:()=>J(ge.PROJECT.RELEASE_STATUS.published),children:[c&&o.jsx(s1,{size:14,sx:{mr:.5},color:"inherit"}),k("blocklet.publish.createRelease")]}),h&&o.jsxs(o.Fragment,{children:[te,o.jsx("a",{href:ue(`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${d.meta.did}/${e}/${x}/download/${(u.files||[])[0]}`),children:B?null:o.jsx(ne,{variant:"outlined",sx:{mr:1},children:k("common.download")})}),o.jsxs(ne,{variant:"contained",onClick:()=>L(!0),children:[o.jsx(B0,{style:{fontSize:"1.3em",marginRight:4}}),k(B?"common.upload":"common.uploadToStore")]})]})]})}),o.jsx(d2,{title:k("blocklet.publish.connectOrUpload"),disableEscapeKeyDown:!0,disablePortal:!1,fullWidth:!0,open:M,onClose:()=>L(!1),children:o.jsx(P1,{projectType:I,blocklet:d,releaseType:((pe=t==null?void 0:t.blockletComponents)==null?void 0:pe.length)>0?"pack":"resource",projectId:e,releaseId:x,componentDid:p,onPublish:X,onOpenConnectStore:W,onDelete:g,connectedStores:t.connectedStores||[],publishedStoreIds:u==null?void 0:u.publishedStoreIds})})]})}A0.propTypes={projectId:f.string.isRequired,params:f.object.isRequired,mode:f.string.isRequired,loading:f.bool.isRequired,blocklet:f.object.isRequired,release:f.object.isRequired,isPublished:f.bool.isRequired,releaseId:f.string.isRequired,getData:f.func.isRequired,getRelease:f.func.isRequired,componentDid:f.string.isRequired,resourceRelateComponents:f.object.isRequired,disabledSelectComponents:f.bool.isRequired,saveSelectedEventsRef:f.object.isRequired,hasSelectedResources:f.bool.isRequired,initLogoUrl:f.string.isRequired,setLoading:f.func.isRequired,releaseUsedLast:f.bool.isRequired,setReleaseUsedLast:f.func.isRequired,projectType:f.string.isRequired,setParamsErrTip:f.func.isRequired,setParams:f.func.isRequired,initUrl:f.object.isRequired};const Gl=ie.div`
   .sticky-header {
     margin-top: -12px;
     padding: 12px 0;
@@ -178,7 +178,7 @@ import{ao as K0,j as o,aD as re,cE as a0,aG as E,fl as O1,aF as me,aB as Ne,aC a
     padding-bottom: 12px;
     border-bottom: ${({theme:e})=>`1px solid ${e.palette.divider}`};
   }
-`;function H0({text:e}){return e?o.jsx(D2,{wrapperElement:{"data-color-mode":"light"},source:e,rehypePlugins:[[_2,{target:"_blank"}]]}):o.jsx(be,{Icon:He})}H0.propTypes={text:f.string.isRequired};function O0({params:e,setParams:t,paramsErrTip:l,loading:n,setParamsErrTip:s,readOnly:a}){var x;const{t:c}=le(),[d,u]=R.useState(a?"preview":"write"),h=(g,y)=>{u(y)};return o.jsxs(z,{sx:{border:"1px solid #fff",width:"100%",borderRadius:2},children:[o.jsxs(z,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[o.jsx(K,{variant:"h6",fontWeight:"bold",sx:{},children:c("common.introduction")}),o.jsxs(b2,{value:d,onChange:h,"aria-label":"wrapped label tabs example",children:[o.jsx(U1,{value:"write",label:"Write"}),o.jsx(U1,{value:"preview",label:"Preview"})]})]}),o.jsx(z,{display:d==="write"?"block":"none",sx:{width:"100%",marginTop:3},children:o.jsx(ze,{disabled:n||a,sx:{border:"none"},placeholder:`Blocklet ${c("common.introduction")}`,InputProps:{"data-cy":"export-blocklet-introduction",readOnly:a,endAdornment:o.jsxs(f1,{position:"end",children:[((x=e==null?void 0:e.blockletIntroduction)==null?void 0:x.length)||0," / ",ge.PROJECT.MAX_INTRO_LENGTH]})},autoComplete:"off",variant:"outlined",fullWidth:!0,multiline:!0,minRows:4,value:e.blockletIntroduction||"",onChange:g=>{s({blockletIntroduction:""}),t({blockletIntroduction:g.target.value.slice(0,ge.PROJECT.MAX_INTRO_LENGTH)})},error:!!l.blockletIntroduction,helperText:l.blockletIntroduction||""})}),o.jsx(z,{display:d==="preview"?"block":"none",mt:3,children:o.jsx(H0,{text:e.blockletIntroduction||""})})]})}O0.propTypes={params:f.object.isRequired,setParams:f.func.isRequired,paramsErrTip:f.object.isRequired,setParamsErrTip:f.func.isRequired,readOnly:f.bool.isRequired,loading:f.bool.isRequired};var T1={},Kl=ke;Object.defineProperty(T1,"__esModule",{value:!0});var $0=T1.default=void 0,Xl=Kl(Se()),r0=o;$0=T1.default=(0,Xl.default)([(0,r0.jsx)("circle",{cx:"12",cy:"19",r:"2"},"0"),(0,r0.jsx)("path",{d:"M10 3h4v12h-4z"},"1")],"PriorityHigh");function V1({step:e,ok:t,active:l,error:n}){let s="grey.500",a=e+1;return t&&(a=o.jsx(B2,{sx:{fontSize:18,margin:0},color:"white"})),n||!t&&l>e?(s="error.main",a=o.jsx($0,{sx:{fontSize:18,margin:0},color:"white"})):l>=e&&(s="primary.main"),o.jsx(z,{width:24,height:24,bgcolor:s,borderRadius:"100%",color:"white",display:"flex",justifyContent:"center",fontWeight:"bold",fontSize:14,alignItems:"center",children:a})}V1.propTypes={step:f.number,ok:f.bool,active:f.number,error:f.string};V1.defaultProps={step:0,ok:!1,active:0,error:""};function F0({steps:e,activeStep:t,setActiveStep:l,hasSelectedResources:n,params:s,loading:a,paramsErrTip:c,viewMode:d,projectId:u}){const{t:h}=le(),x=()=>{l(i=>i+1)},g=()=>{l(i=>i-1)},y=i=>i===0?(c==null?void 0:c.blockletTitle)||(c==null?void 0:c.projectId)||(c==null?void 0:c.blockletDescription):i===2?c==null?void 0:c.blockletResource:i>=4?(c==null?void 0:c.blockletVersion)||(c==null?void 0:c.note):"",p=d||E0({hasSelectedResources:n,params:s,projectId:u,t:h})===null;return o.jsxs(z,{sx:{width:300,maxWidth:300,minWidth:300,padding:2,border:"1px solid #ccc",borderRadius:2},children:[o.jsx(A2,{activeStep:t,orientation:"vertical",children:e.map((i,m)=>{const w={},v=a||!Fl({hasSelectedResources:n,params:s,projectId:u,step:m,t:h}),C=a?"":y(m);return C&&(w.optional=o.jsx(K,{variant:"caption",color:"error",children:C}),w.error=!0),o.jsxs(H2,{children:[o.jsx(ct,{icon:o.jsx(V1,{error:C,active:p?99:t,step:m,ok:v}),sx:{cursor:"pointer",color:C?"error.main":"inherit"},disabled:!1,onClick:()=>l(m),...w,children:o.jsx(K,{fontSize:"14px",fontWeight:"500",color:C||!v&&t>m?"error.main":"inherit",children:i.label})}),o.jsxs(mt,{children:[o.jsx(K,{fontSize:12,children:i.description}),!p&&o.jsx(z,{sx:{mb:2},children:o.jsxs("div",{children:[m<e.length-1&&o.jsx(ne,{variant:"contained",onClick:x,sx:{mt:1,mr:1},disabled:C||!v,children:h("common.continue")}),m>0&&o.jsx(ne,{disabled:m===0,onClick:g,sx:{mt:1,mr:1},children:h("common.back")})]})})]})]},i.label)})}),t>=e.length-1&&o.jsx(h0,{square:!0,elevation:0,sx:{p:3},children:o.jsx(K,{fontSize:12,sx:{opacity:.5},children:"Click right top button to release"})})]})}F0.propTypes={steps:f.array.isRequired,activeStep:f.number.isRequired,setActiveStep:f.func.isRequired,params:f.object.isRequired,viewMode:f.string.isRequired,loading:f.bool.isRequired,projectId:f.string.isRequired,hasSelectedResources:f.bool.isRequired,paramsErrTip:f.shape({projectId:f.string,blockletVersion:f.string,blockletTitle:f.string,blockletDescription:f.string,note:f.string,blockletResource:f.string}).isRequired};function Ue({readOnly:e,params:t,setParams:l,paramsErrTip:n,setParamsErrTip:s,loading:a}){var d;const{t:c}=le();return o.jsx(z,{display:"flex",mt:3,className:"section",children:o.jsxs(z,{sx:{flex:1},children:[o.jsx(ze,{required:!0,disabled:a||e,label:`Blocklet ${c("common.version")}`,placeholder:`Blocklet ${c("common.version")}`,InputProps:{"data-cy":"blocklet-version",readOnly:e},autoComplete:"off",variant:"outlined",fullWidth:!0,value:t.blockletVersion||"",onChange:u=>{s({blockletVersion:""}),l({blockletVersion:u.target.value})},error:!!n.blockletVersion,helperText:n.blockletVersion||""}),o.jsx(ze,{label:c("blocklet.publish.releaseNote"),autoComplete:"off",disabled:a||e,variant:"outlined",InputProps:{"data-cy":"release-note",readOnly:e,endAdornment:o.jsxs(f1,{position:"end",children:[((d=t==null?void 0:t.note)==null?void 0:d.length)||0," / ",ge.PROJECT.MAX_NOTE_LENGTH]})},fullWidth:!0,multiline:!0,minRows:4,required:!0,value:t.note||"",onChange:u=>{s({note:""}),l({note:u.target.value.slice(0,ge.PROJECT.MAX_NOTE_LENGTH)})},error:!!n.note,helperText:n.note||"",sx:{mt:3}})]})})}Ue.propTypes={readOnly:f.bool.isRequired,params:f.object.isRequired,setParams:f.func.isRequired,paramsErrTip:f.object.isRequired,setParamsErrTip:f.func.isRequired,loading:f.bool.isRequired};Ue.defaultProps={};const Jl=[".zip",".gz"],Ql=1024*1024*100,Yl=R.lazy(()=>f0(()=>import("./react-DXmWMpMn.js").then(e=>e.r),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45])).then(e=>({default:e.Uploader})));function N1({app:e,projectId:t,readOnly:l,params:n,setParams:s,setParamsErrTip:a,error:c}){const{t:d}=le(),u=R.useRef(null),h=()=>l?!1:!t||t===U.UNOWNED_DID?(q.error(d("blocklet.publish.errorTip.noFirstDid")),!1):!0,x=`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${e.meta.did}/${t}/resource/upload`;return o.jsxs(z,{sx:{mt:3},children:[o.jsx(K,{gutterBottom:!0,children:d("blocklet.publish.resourceUpload")}),o.jsxs(w2,{direction:"row",alignItems:"center",spacing:1,sx:{flex:1,cursor:l?"default":"pointer"},children:[!!n.uploadedResource&&o.jsx(K,{component:"a",href:`${x}/params.uploadedResource`,children:n.uploadedResource}),!l&&o.jsx(ne,{variant:"outlined",size:"small",onClick:()=>{var g;h()&&((g=u.current)==null||g.open())},children:n.uploadedResource?d("common.change"):d("common.upload")})]}),o.jsx(R.Suspense,{fallback:o.jsx(we,{}),children:o.jsx(Yl,{ref:u,popup:!0,onUploadFinish:g=>{var y;s({uploadedResource:g.data.filename}),a({blockletResource:""}),(y=u.current)==null||y.close()},plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:x,disableMediaKitPrefix:!0},coreProps:{restrictions:{allowedFileExts:Jl,maxFileSize:Ql,maxNumberOfFiles:1}}},"uploader-resource")}),!!c&&o.jsx(z,{color:"error.main",mt:1,fontSize:14,children:c})]})}N1.propTypes={app:f.object.isRequired,projectId:f.string.isRequired,readOnly:f.bool.isRequired,params:f.object.isRequired,setParams:f.func.isRequired,error:f.string.isRequired,setParamsErrTip:f.func.isRequired};N1.defaultProps={};const Zl=({tabs:e,blocklet:t,ancestors:l=[]})=>{const n=t.meta.did;e.push({label:o.jsxs(z,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:[o.jsx(p1,{size:24,blocklet:t,ancestors:l}),o.jsx(z,{ml:"4px",className:"text",children:o.jsx(z,{children:t.meta.title})})]},n),value:n})},n0=(e,t)=>{const l=a1(e,["blockletVersion","blockletTitle","blockletDescription","blockletLogo","blockletIntroduction","blockletScreenshots","connectedStores","blockletComponents","lastReleaseId","uploadedResource","note"]);return l.blockletComponents?l.blockletComponents=l.blockletComponents.map(n=>({...n,included:!0})):l.blockletComponents=(t.children||[]).map(n=>({did:n.meta.did,included:!1,required:!1})),l.resourceFromSelect=!l.uploadedResource,l},e3={0:"branding",1:"introduction",2:"resources",3:"blocklets",4:"version"},s0={branding:0,introduction:1,resources:2,blocklets:3,version:4};function D1({initUrl:e,...t}){var H1;const{projectId:l,mode:n,releaseId:s,componentDid:a=""}=Ge(),{t:c}=le(),{blocklet:d}=Me(),[u,h]=Ce({blockletScreenshots:[],publishedStoreIds:[],connectedStores:[],uploadedResource:"",resourceFromSelect:!0}),[x,g]=Ce({}),[y,p]=R.useState(!1),[i,m]=Ce(null),{api:w}=je(),v=Ae(N=>N.breakpoints.down("md")),[C,S]=R.useState({}),[V,T]=R.useState(!1),I=R.useRef({}),[k,$]=Ce({}),[D,P]=R.useState(""),[M,L]=Ce({}),A=e==null?void 0:e.searchParams.get("dependentComponentsMode"),H=A==="readonly",B=R.useCallback(N=>{H&&h({blockletComponents:[]}),L(N)},[H,L,h]),X=R.useCallback((...N)=>{$(...N),g({blockletResource:""})},[]),J=s==="none"?(u==null?void 0:u.lastReleaseId)||"":s,[W,te]=R.useState(n==="new-release"?4:0);R.useEffect(()=>{l&&g({projectId:""})},[l,g]);const pe=R.useMemo(()=>{var N;return(N=u==null?void 0:u.blockletComponents)!=null&&N.some(Q=>Q.included)||u!=null&&u.uploadedResource?"pack":"resource"},[u==null?void 0:u.blockletComponents,u==null?void 0:u.uploadedResource]),G=[],Y=((d==null?void 0:d.children)||[]).filter(N=>{var Q;return(Q=N.meta.resource)==null?void 0:Q.exportApi}).filter(N=>!a||N.meta.did===a);Y.forEach(N=>{Zl({tabs:G,blocklet:N,t:c,ancestors:[d]})});const[F,oe]=R.useState((H1=G[0])==null?void 0:H1.value),ae=!V&&(i==null?void 0:i.status)==="published",Z=ae,ce=R.useMemo(()=>{const N={};return Object.keys(M).forEach(Q=>{const Oe=M[Q];Oe&&Oe.forEach(G0=>{N[G0]=!0})}),N},[M]),_=async()=>{if(J)try{const N=await w.getRelease({input:{did:d.meta.did,projectId:l,releaseId:J}});if(p(!1),!N.release){q.error("Release not found");return}n!=="view"&&(N.release.note=""),h(Q=>n0({...Q,...N.release,blockletVersion:n==="create"||n==="new-release"?ye.inc(N.release.blockletVersion,"patch"):N.release.blockletVersion},d)),m(N.release)}catch(N){p(!1),q.error(Ve(N))}},O=async()=>{if(l===U.UNOWNED_DID){h({blockletVersion:"1.0.0",blockletTitle:""});return}if(!l){q.error(c("blocklet.publish.errorTip.noDid"));return}try{const N=await w.getProject({input:{did:d.meta.did,projectId:l}});p(!1);const Q=N.project||{};Q.blockletVersion?(n==="create"||n==="new-release")&&ye.valid(Q.blockletVersion)&&(Q.blockletVersion=ye.inc(Q.blockletVersion,"patch")):Q.blockletVersion="1.0.0";const Oe=n0(Q,d);h(Oe)}catch(N){p(!1),q.error(Ve(N))}},ee=R.useCallback(async()=>{if(n==="view"){if(!J){q.error("Empty release id");return}await O(),await _();return}await O(),J&&(T(!0),await _())},[n,J]),Le=N=>{h({blockletComponents:N})};R.useEffect(()=>{ee()},[ee]),R.useEffect(()=>{if(l===U.UNOWNED_DID&&(n==="create"||n==="new-release")&&e){P(e.searchParams.get("logo")),h({blockletTitle:e.searchParams.get("title"),blockletDescription:e.searchParams.get("description"),blockletIntroduction:e.searchParams.get("introduction")||e.searchParams.get("description"),blockletComponents:JSON.parse(e.searchParams.get("components")||"[]"),note:e.searchParams.get("note")||"No note"});const N=e.searchParams.get("resources");try{const Q=JSON.parse(N);S(Q)}catch{}}},[h,l,e,n]);const _1=R.useMemo(()=>!!Object.keys(k).find(N=>!!k[N].length),[k]);if(!u&&y)return o.jsx(we,{});if(!u)return null;const B1=Y.find(N=>N.meta.did===F);if(Y.every(N=>N.status!=="running"))return o.jsx(be,{children:c("blocklet.publish.allComponentsNotRunning")});const U0=N=>{oe(N)},E1=e==null?void 0:e.searchParams.get("resourcesTitle"),A1=e==null?void 0:e.searchParams.get("componentsTitle"),Re=[{label:c("blocklet.publish.branding"),description:c("blocklet.publish.steps.branding")},{label:c("common.introduction"),description:c("blocklet.publish.steps.introduction")},{label:E1||c("blocklet.publish.resourceTitle"),description:c("blocklet.publish.steps.resources")},{label:A1||c("common.components"),description:c("blocklet.publish.steps.blocklets")},{label:c("blocklet.publish.versionTitle"),description:c("blocklet.publish.steps.version")}],W0=Re[W]||Re[Re.length-1],ve=e3[W];return o.jsxs(t3,{...t,children:[o.jsx(A0,{blocklet:d,release:i,getData:ee,getRelease:_,mode:n,params:u,setParams:h,setParamsErrTip:g,readOnly:Z,isPublished:ae,loading:y,setLoading:p,initLogoUrl:D,releaseId:J,projectId:l,projectType:pe,resourceComponents:Y,resourceComponentsMap:M,resourceRelateComponents:ce,resourceItem:B1,saveSelectedEventsRef:I,hasSelectedResources:_1,releaseUsedLast:V,setReleaseUsedLast:T,setRelease:m}),o.jsxs(z,{display:"flex",flexDirection:"column",sx:{width:"100%"},children:[o.jsx(z,{pt:3}),o.jsxs(z,{sx:{gap:3},display:"flex",flexDirection:v?"column":"row",children:[!v&&o.jsx(F0,{steps:Re,viewMode:n==="view",params:u,hasSelectedResources:_1||u.uploadedResource,paramsErrTip:x,activeStep:W,setActiveStep:te,projectId:l,resourcesUrlTitle:E1,componentsUrlTitle:A1}),o.jsxs(z,{flex:"1",maxWidth:"720px",children:[!v&&ve!=="introduction"&&o.jsxs(K,{variant:"h6",fontWeight:"bold",display:"flex",flexDirection:"row",alignItems:"center",children:[W0.label,ve==="branding"&&o.jsx(fe,{title:c("blocklet.publish.brandingHelp"),placement:"right",children:o.jsx(z,{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:o.jsx(g2,{})})})]}),(v||ve==="branding")&&o.jsx(z,{flexDirection:"column",children:o.jsx(_0,{projectId:l,setParams:h,setParamsErrTip:g,params:u,componentDid:a,blocklet:d,initUrl:e,loading:y,setLoading:p,paramsErrTip:x,readOnly:Z,initLogoUrl:D,setInitLogoUrl:P})}),v&&o.jsx(z,{flexDirection:"column",children:o.jsx(Ue,{loading:y,params:u,paramsErrTip:x,setParams:h,setParamsErrTip:g,readOnly:Z})}),(v||ve==="introduction")&&o.jsx(z,{display:"flex",flexDirection:"column",sx:{mt:v?5:0,width:"100%"},children:o.jsx(O0,{loading:y,readOnly:Z,params:u,setParams:h,paramsErrTip:x,setParamsErrTip:g})}),v&&o.jsx(K,{variant:"h6",fontWeight:"bold",mt:5,children:Re[s0.resources].label}),o.jsx(z,{display:v||ve==="resources"?"flex":"none",sx:{maxWidth:720},flexDirection:"column",children:o.jsx(z,{display:"flex",mt:3,className:"section full-width",children:o.jsxs(z,{sx:{flex:1},children:[o.jsxs(O2,{onChange:()=>h({resourceFromSelect:!u.resourceFromSelect}),children:[o.jsx(t1,{value:"select",disabled:Z,control:o.jsx(W1,{size:"small",checked:u.resourceFromSelect}),label:c("blocklet.publish.resourceSelect")}),o.jsx(t1,{value:"select",disabled:Z,control:o.jsx(W1,{size:"small",checked:!u.resourceFromSelect}),label:c("blocklet.publish.resourceUpload")})]}),u.resourceFromSelect&&o.jsxs(o.Fragment,{children:[!a&&o.jsx(j2,{tabs:G,current:F,onChange:U0,sx:{ml:-2,mt:2,maxWidth:v?window.innerWidth-24:"100%"}}),o.jsx(M1,{loading:y,initialResources:C,saveSelectedEventsRef:I,selectedResourceIds:k,setSelectedResourceIds:X,setResourceComponentsMap:B,error:x.blockletResource,app:d,readOnly:Z,component:B1,componentDid:a,initUrl:e,params:u,setParams:h,projectId:l===U.UNOWNED_DID?"":l,releaseUsedLast:V,release:{...i,id:J}})]}),!u.resourceFromSelect&&o.jsx(N1,{app:d,readOnly:Z,projectId:l===U.UNOWNED_DID?"":l,params:u,error:x.blockletResource,setParams:h,setParamsErrTip:g})]})})}),v&&o.jsx(K,{variant:"h6",fontWeight:"bold",mt:5,children:Re[s0.blocklets].label}),(v||ve==="blocklets")&&o.jsx(z,{flexDirection:"column",children:o.jsx(z,{display:"flex",mt:3,className:"section full-width",children:o.jsx(z,{sx:{flex:1},children:o.jsx(w1,{projectType:pe,disabled:y||Z,app:d,value:(u==null?void 0:u.blockletComponents)||[],onChange:Le,resourceRelateComponents:ce,dependentComponentsMode:A})})})}),!v&&ve==="version"&&o.jsx(z,{flexDirection:"column",children:o.jsx(Ue,{loading:y,params:u,paramsErrTip:x,setParams:h,setParamsErrTip:g,readOnly:Z})})]})]})]})]})}D1.propTypes={initUrl:f.object};D1.defaultProps={initUrl:null};const t3=ie.div`
+`;function H0({text:e}){return e?o.jsx(D2,{wrapperElement:{"data-color-mode":"light"},source:e,rehypePlugins:[[_2,{target:"_blank"}]]}):o.jsx(be,{Icon:He})}H0.propTypes={text:f.string.isRequired};function O0({params:e,setParams:t,paramsErrTip:l,loading:n,setParamsErrTip:s,readOnly:a}){var x;const{t:c}=le(),[d,u]=R.useState(a?"preview":"write"),h=(g,y)=>{u(y)};return o.jsxs(z,{sx:{border:"1px solid #fff",width:"100%",borderRadius:2},children:[o.jsxs(z,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[o.jsx(K,{variant:"h6",fontWeight:"bold",sx:{},children:c("common.introduction")}),o.jsxs(b2,{value:d,onChange:h,"aria-label":"wrapped label tabs example",children:[o.jsx(U1,{value:"write",label:"Write"}),o.jsx(U1,{value:"preview",label:"Preview"})]})]}),o.jsx(z,{display:d==="write"?"block":"none",sx:{width:"100%",marginTop:3},children:o.jsx(ze,{disabled:n||a,sx:{border:"none"},placeholder:`Blocklet ${c("common.introduction")}`,InputProps:{"data-cy":"export-blocklet-introduction",readOnly:a,endAdornment:o.jsxs(f1,{position:"end",children:[((x=e==null?void 0:e.blockletIntroduction)==null?void 0:x.length)||0," / ",ge.PROJECT.MAX_INTRO_LENGTH]})},autoComplete:"off",variant:"outlined",fullWidth:!0,multiline:!0,minRows:4,value:e.blockletIntroduction||"",onChange:g=>{s({blockletIntroduction:""}),t({blockletIntroduction:g.target.value.slice(0,ge.PROJECT.MAX_INTRO_LENGTH)})},error:!!l.blockletIntroduction,helperText:l.blockletIntroduction||""})}),o.jsx(z,{display:d==="preview"?"block":"none",mt:3,children:o.jsx(H0,{text:e.blockletIntroduction||""})})]})}O0.propTypes={params:f.object.isRequired,setParams:f.func.isRequired,paramsErrTip:f.object.isRequired,setParamsErrTip:f.func.isRequired,readOnly:f.bool.isRequired,loading:f.bool.isRequired};var T1={},Kl=ke;Object.defineProperty(T1,"__esModule",{value:!0});var $0=T1.default=void 0,Xl=Kl(Se()),r0=o;$0=T1.default=(0,Xl.default)([(0,r0.jsx)("circle",{cx:"12",cy:"19",r:"2"},"0"),(0,r0.jsx)("path",{d:"M10 3h4v12h-4z"},"1")],"PriorityHigh");function V1({step:e,ok:t,active:l,error:n}){let s="grey.500",a=e+1;return t&&(a=o.jsx(B2,{sx:{fontSize:18,margin:0},color:"white"})),n||!t&&l>e?(s="error.main",a=o.jsx($0,{sx:{fontSize:18,margin:0},color:"white"})):l>=e&&(s="primary.main"),o.jsx(z,{width:24,height:24,bgcolor:s,borderRadius:"100%",color:"white",display:"flex",justifyContent:"center",fontWeight:"bold",fontSize:14,alignItems:"center",children:a})}V1.propTypes={step:f.number,ok:f.bool,active:f.number,error:f.string};V1.defaultProps={step:0,ok:!1,active:0,error:""};function F0({steps:e,activeStep:t,setActiveStep:l,hasSelectedResources:n,params:s,loading:a,paramsErrTip:c,viewMode:d,projectId:u}){const{t:h}=le(),x=()=>{l(i=>i+1)},g=()=>{l(i=>i-1)},y=i=>i===0?(c==null?void 0:c.blockletTitle)||(c==null?void 0:c.projectId)||(c==null?void 0:c.blockletDescription):i===2?c==null?void 0:c.blockletResource:i>=4?(c==null?void 0:c.blockletVersion)||(c==null?void 0:c.note):"",p=d||E0({hasSelectedResources:n,params:s,projectId:u,t:h})===null;return o.jsxs(z,{sx:{width:300,maxWidth:300,minWidth:300,padding:2,border:"1px solid #ccc",borderRadius:2},children:[o.jsx(A2,{activeStep:t,orientation:"vertical",children:e.map((i,m)=>{const w={},v=a||!Fl({hasSelectedResources:n,params:s,projectId:u,step:m,t:h}),C=a?"":y(m);return C&&(w.optional=o.jsx(K,{variant:"caption",color:"error",children:C}),w.error=!0),o.jsxs(H2,{children:[o.jsx(ct,{icon:o.jsx(V1,{error:C,active:p?99:t,step:m,ok:v}),sx:{cursor:"pointer",color:C?"error.main":"inherit"},disabled:!1,onClick:()=>l(m),...w,children:o.jsx(K,{fontSize:"14px",fontWeight:"500",color:C||!v&&t>m?"error.main":"inherit",children:i.label})}),o.jsxs(mt,{children:[o.jsx(K,{fontSize:12,children:i.description}),!p&&o.jsx(z,{sx:{mb:2},children:o.jsxs("div",{children:[m<e.length-1&&o.jsx(ne,{variant:"contained",onClick:x,sx:{mt:1,mr:1},disabled:C||!v,children:h("common.continue")}),m>0&&o.jsx(ne,{disabled:m===0,onClick:g,sx:{mt:1,mr:1},children:h("common.back")})]})})]})]},i.label)})}),t>=e.length-1&&o.jsx(h0,{square:!0,elevation:0,sx:{p:3},children:o.jsx(K,{fontSize:12,sx:{opacity:.5},children:"Click right top button to release"})})]})}F0.propTypes={steps:f.array.isRequired,activeStep:f.number.isRequired,setActiveStep:f.func.isRequired,params:f.object.isRequired,viewMode:f.string.isRequired,loading:f.bool.isRequired,projectId:f.string.isRequired,hasSelectedResources:f.bool.isRequired,paramsErrTip:f.shape({projectId:f.string,blockletVersion:f.string,blockletTitle:f.string,blockletDescription:f.string,note:f.string,blockletResource:f.string}).isRequired};function Ue({readOnly:e,params:t,setParams:l,paramsErrTip:n,setParamsErrTip:s,loading:a}){var d;const{t:c}=le();return o.jsx(z,{display:"flex",mt:3,className:"section",children:o.jsxs(z,{sx:{flex:1},children:[o.jsx(ze,{required:!0,disabled:a||e,label:`Blocklet ${c("common.version")}`,placeholder:`Blocklet ${c("common.version")}`,InputProps:{"data-cy":"blocklet-version",readOnly:e},autoComplete:"off",variant:"outlined",fullWidth:!0,value:t.blockletVersion||"",onChange:u=>{s({blockletVersion:""}),l({blockletVersion:u.target.value})},error:!!n.blockletVersion,helperText:n.blockletVersion||""}),o.jsx(ze,{label:c("blocklet.publish.releaseNote"),autoComplete:"off",disabled:a||e,variant:"outlined",InputProps:{"data-cy":"release-note",readOnly:e,endAdornment:o.jsxs(f1,{position:"end",children:[((d=t==null?void 0:t.note)==null?void 0:d.length)||0," / ",ge.PROJECT.MAX_NOTE_LENGTH]})},fullWidth:!0,multiline:!0,minRows:4,required:!0,value:t.note||"",onChange:u=>{s({note:""}),l({note:u.target.value.slice(0,ge.PROJECT.MAX_NOTE_LENGTH)})},error:!!n.note,helperText:n.note||"",sx:{mt:3}})]})})}Ue.propTypes={readOnly:f.bool.isRequired,params:f.object.isRequired,setParams:f.func.isRequired,paramsErrTip:f.object.isRequired,setParamsErrTip:f.func.isRequired,loading:f.bool.isRequired};Ue.defaultProps={};const Jl=[".zip",".gz"],Ql=1024*1024*100,Yl=R.lazy(()=>f0(()=>import("./react-D-F09R4E.js").then(e=>e.r),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45])).then(e=>({default:e.Uploader})));function N1({app:e,projectId:t,readOnly:l,params:n,setParams:s,setParamsErrTip:a,error:c}){const{t:d}=le(),u=R.useRef(null),h=()=>l?!1:!t||t===U.UNOWNED_DID?(q.error(d("blocklet.publish.errorTip.noFirstDid")),!1):!0,x=`${U.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${e.meta.did}/${t}/resource/upload`;return o.jsxs(z,{sx:{mt:3},children:[o.jsx(K,{gutterBottom:!0,children:d("blocklet.publish.resourceUpload")}),o.jsxs(w2,{direction:"row",alignItems:"center",spacing:1,sx:{flex:1,cursor:l?"default":"pointer"},children:[!!n.uploadedResource&&o.jsx(K,{component:"a",href:`${x}/params.uploadedResource`,children:n.uploadedResource}),!l&&o.jsx(ne,{variant:"outlined",size:"small",onClick:()=>{var g;h()&&((g=u.current)==null||g.open())},children:n.uploadedResource?d("common.change"):d("common.upload")})]}),o.jsx(R.Suspense,{fallback:o.jsx(we,{}),children:o.jsx(Yl,{ref:u,popup:!0,onUploadFinish:g=>{var y;s({uploadedResource:g.data.filename}),a({blockletResource:""}),(y=u.current)==null||y.close()},plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:x,disableMediaKitPrefix:!0},coreProps:{restrictions:{allowedFileExts:Jl,maxFileSize:Ql,maxNumberOfFiles:1}}},"uploader-resource")}),!!c&&o.jsx(z,{color:"error.main",mt:1,fontSize:14,children:c})]})}N1.propTypes={app:f.object.isRequired,projectId:f.string.isRequired,readOnly:f.bool.isRequired,params:f.object.isRequired,setParams:f.func.isRequired,error:f.string.isRequired,setParamsErrTip:f.func.isRequired};N1.defaultProps={};const Zl=({tabs:e,blocklet:t,ancestors:l=[]})=>{const n=t.meta.did;e.push({label:o.jsxs(z,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:[o.jsx(p1,{size:24,blocklet:t,ancestors:l}),o.jsx(z,{ml:"4px",className:"text",children:o.jsx(z,{children:t.meta.title})})]},n),value:n})},n0=(e,t)=>{const l=a1(e,["blockletVersion","blockletTitle","blockletDescription","blockletLogo","blockletIntroduction","blockletScreenshots","connectedStores","blockletComponents","lastReleaseId","uploadedResource","note"]);return l.blockletComponents?l.blockletComponents=l.blockletComponents.map(n=>({...n,included:!0})):l.blockletComponents=(t.children||[]).map(n=>({did:n.meta.did,included:!1,required:!1})),l.resourceFromSelect=!l.uploadedResource,l},e3={0:"branding",1:"introduction",2:"resources",3:"blocklets",4:"version"},s0={branding:0,introduction:1,resources:2,blocklets:3,version:4};function D1({initUrl:e,...t}){var H1;const{projectId:l,mode:n,releaseId:s,componentDid:a=""}=Ge(),{t:c}=le(),{blocklet:d}=Me(),[u,h]=Ce({blockletScreenshots:[],publishedStoreIds:[],connectedStores:[],uploadedResource:"",resourceFromSelect:!0}),[x,g]=Ce({}),[y,p]=R.useState(!1),[i,m]=Ce(null),{api:w}=je(),v=Ae(N=>N.breakpoints.down("md")),[C,S]=R.useState({}),[V,T]=R.useState(!1),I=R.useRef({}),[k,$]=Ce({}),[D,P]=R.useState(""),[M,L]=Ce({}),A=e==null?void 0:e.searchParams.get("dependentComponentsMode"),H=A==="readonly",B=R.useCallback(N=>{H&&h({blockletComponents:[]}),L(N)},[H,L,h]),X=R.useCallback((...N)=>{$(...N),g({blockletResource:""})},[]),J=s==="none"?(u==null?void 0:u.lastReleaseId)||"":s,[W,te]=R.useState(n==="new-release"?4:0);R.useEffect(()=>{l&&g({projectId:""})},[l,g]);const pe=R.useMemo(()=>{var N;return(N=u==null?void 0:u.blockletComponents)!=null&&N.some(Q=>Q.included)||u!=null&&u.uploadedResource?"pack":"resource"},[u==null?void 0:u.blockletComponents,u==null?void 0:u.uploadedResource]),G=[],Y=((d==null?void 0:d.children)||[]).filter(N=>{var Q;return(Q=N.meta.resource)==null?void 0:Q.exportApi}).filter(N=>!a||N.meta.did===a);Y.forEach(N=>{Zl({tabs:G,blocklet:N,t:c,ancestors:[d]})});const[F,oe]=R.useState((H1=G[0])==null?void 0:H1.value),ae=!V&&(i==null?void 0:i.status)==="published",Z=ae,ce=R.useMemo(()=>{const N={};return Object.keys(M).forEach(Q=>{const Oe=M[Q];Oe&&Oe.forEach(G0=>{N[G0]=!0})}),N},[M]),_=async()=>{if(J)try{const N=await w.getRelease({input:{did:d.meta.did,projectId:l,releaseId:J}});if(p(!1),!N.release){q.error("Release not found");return}n!=="view"&&(N.release.note=""),h(Q=>n0({...Q,...N.release,blockletVersion:n==="create"||n==="new-release"?ye.inc(N.release.blockletVersion,"patch"):N.release.blockletVersion},d)),m(N.release)}catch(N){p(!1),q.error(Ve(N))}},O=async()=>{if(l===U.UNOWNED_DID){h({blockletVersion:"1.0.0",blockletTitle:""});return}if(!l){q.error(c("blocklet.publish.errorTip.noDid"));return}try{const N=await w.getProject({input:{did:d.meta.did,projectId:l}});p(!1);const Q=N.project||{};Q.blockletVersion?(n==="create"||n==="new-release")&&ye.valid(Q.blockletVersion)&&(Q.blockletVersion=ye.inc(Q.blockletVersion,"patch")):Q.blockletVersion="1.0.0";const Oe=n0(Q,d);h(Oe)}catch(N){p(!1),q.error(Ve(N))}},ee=R.useCallback(async()=>{if(n==="view"){if(!J){q.error("Empty release id");return}await O(),await _();return}await O(),J&&(T(!0),await _())},[n,J]),Le=N=>{h({blockletComponents:N})};R.useEffect(()=>{ee()},[ee]),R.useEffect(()=>{if(l===U.UNOWNED_DID&&(n==="create"||n==="new-release")&&e){P(e.searchParams.get("logo")),h({blockletTitle:e.searchParams.get("title"),blockletDescription:e.searchParams.get("description"),blockletIntroduction:e.searchParams.get("introduction")||e.searchParams.get("description"),blockletComponents:JSON.parse(e.searchParams.get("components")||"[]"),note:e.searchParams.get("note")||"No note"});const N=e.searchParams.get("resources");try{const Q=JSON.parse(N);S(Q)}catch{}}},[h,l,e,n]);const _1=R.useMemo(()=>!!Object.keys(k).find(N=>!!k[N].length),[k]);if(!u&&y)return o.jsx(we,{});if(!u)return null;const B1=Y.find(N=>N.meta.did===F);if(Y.every(N=>N.status!=="running"))return o.jsx(be,{children:c("blocklet.publish.allComponentsNotRunning")});const U0=N=>{oe(N)},E1=e==null?void 0:e.searchParams.get("resourcesTitle"),A1=e==null?void 0:e.searchParams.get("componentsTitle"),Re=[{label:c("blocklet.publish.branding"),description:c("blocklet.publish.steps.branding")},{label:c("common.introduction"),description:c("blocklet.publish.steps.introduction")},{label:E1||c("blocklet.publish.resourceTitle"),description:c("blocklet.publish.steps.resources")},{label:A1||c("common.components"),description:c("blocklet.publish.steps.blocklets")},{label:c("blocklet.publish.versionTitle"),description:c("blocklet.publish.steps.version")}],W0=Re[W]||Re[Re.length-1],ve=e3[W];return o.jsxs(t3,{...t,children:[o.jsx(A0,{blocklet:d,release:i,getData:ee,getRelease:_,mode:n,params:u,setParams:h,setParamsErrTip:g,readOnly:Z,isPublished:ae,loading:y,setLoading:p,initLogoUrl:D,releaseId:J,projectId:l,projectType:pe,resourceComponents:Y,resourceComponentsMap:M,resourceRelateComponents:ce,resourceItem:B1,saveSelectedEventsRef:I,hasSelectedResources:_1,releaseUsedLast:V,setReleaseUsedLast:T,setRelease:m}),o.jsxs(z,{display:"flex",flexDirection:"column",sx:{width:"100%"},children:[o.jsx(z,{pt:3}),o.jsxs(z,{sx:{gap:3},display:"flex",flexDirection:v?"column":"row",children:[!v&&o.jsx(F0,{steps:Re,viewMode:n==="view",params:u,hasSelectedResources:_1||u.uploadedResource,paramsErrTip:x,activeStep:W,setActiveStep:te,projectId:l,resourcesUrlTitle:E1,componentsUrlTitle:A1}),o.jsxs(z,{flex:"1",maxWidth:"720px",children:[!v&&ve!=="introduction"&&o.jsxs(K,{variant:"h6",fontWeight:"bold",display:"flex",flexDirection:"row",alignItems:"center",children:[W0.label,ve==="branding"&&o.jsx(fe,{title:c("blocklet.publish.brandingHelp"),placement:"right",children:o.jsx(z,{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:o.jsx(g2,{})})})]}),(v||ve==="branding")&&o.jsx(z,{flexDirection:"column",children:o.jsx(_0,{projectId:l,setParams:h,setParamsErrTip:g,params:u,componentDid:a,blocklet:d,initUrl:e,loading:y,setLoading:p,paramsErrTip:x,readOnly:Z,initLogoUrl:D,setInitLogoUrl:P})}),v&&o.jsx(z,{flexDirection:"column",children:o.jsx(Ue,{loading:y,params:u,paramsErrTip:x,setParams:h,setParamsErrTip:g,readOnly:Z})}),(v||ve==="introduction")&&o.jsx(z,{display:"flex",flexDirection:"column",sx:{mt:v?5:0,width:"100%"},children:o.jsx(O0,{loading:y,readOnly:Z,params:u,setParams:h,paramsErrTip:x,setParamsErrTip:g})}),v&&o.jsx(K,{variant:"h6",fontWeight:"bold",mt:5,children:Re[s0.resources].label}),o.jsx(z,{display:v||ve==="resources"?"flex":"none",sx:{maxWidth:720},flexDirection:"column",children:o.jsx(z,{display:"flex",mt:3,className:"section full-width",children:o.jsxs(z,{sx:{flex:1},children:[o.jsxs(O2,{onChange:()=>h({resourceFromSelect:!u.resourceFromSelect}),children:[o.jsx(t1,{value:"select",disabled:Z,control:o.jsx(W1,{size:"small",checked:u.resourceFromSelect}),label:c("blocklet.publish.resourceSelect")}),o.jsx(t1,{value:"select",disabled:Z,control:o.jsx(W1,{size:"small",checked:!u.resourceFromSelect}),label:c("blocklet.publish.resourceUpload")})]}),u.resourceFromSelect&&o.jsxs(o.Fragment,{children:[!a&&o.jsx(j2,{tabs:G,current:F,onChange:U0,sx:{ml:-2,mt:2,maxWidth:v?window.innerWidth-24:"100%"}}),o.jsx(M1,{loading:y,initialResources:C,saveSelectedEventsRef:I,selectedResourceIds:k,setSelectedResourceIds:X,setResourceComponentsMap:B,error:x.blockletResource,app:d,readOnly:Z,component:B1,componentDid:a,initUrl:e,params:u,setParams:h,projectId:l===U.UNOWNED_DID?"":l,releaseUsedLast:V,release:{...i,id:J}})]}),!u.resourceFromSelect&&o.jsx(N1,{app:d,readOnly:Z,projectId:l===U.UNOWNED_DID?"":l,params:u,error:x.blockletResource,setParams:h,setParamsErrTip:g})]})})}),v&&o.jsx(K,{variant:"h6",fontWeight:"bold",mt:5,children:Re[s0.blocklets].label}),(v||ve==="blocklets")&&o.jsx(z,{flexDirection:"column",children:o.jsx(z,{display:"flex",mt:3,className:"section full-width",children:o.jsx(z,{sx:{flex:1},children:o.jsx(w1,{projectType:pe,disabled:y||Z,app:d,value:(u==null?void 0:u.blockletComponents)||[],onChange:Le,resourceRelateComponents:ce,dependentComponentsMode:A})})})}),!v&&ve==="version"&&o.jsx(z,{flexDirection:"column",children:o.jsx(Ue,{loading:y,params:u,paramsErrTip:x,setParams:h,setParamsErrTip:g,readOnly:Z})})]})]})]})]})}D1.propTypes={initUrl:f.object};D1.defaultProps={initUrl:null};const t3=ie.div`
   .section {
     &.full-width {
       max-width: 100%;