@abtnode/blocklet-services 1.16.41-beta-20250318-123609-b48bb2d7 → 1.16.41-beta-20250319-131732-1224cca5

package/dist/assets/index-DneJ5oOQ.js

@@ -0,0 +1,220 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-B4PgdoaR.js","assets/vendor-ux-did-connect-D75Zatzm.js","assets/vendor-react-DoD83n6N.js","assets/vendor-utils-CbeKtci8.js","assets/vendor-mui-core-O22FPGM4.js","assets/vendor-hooks-CYyfK9g3.js","assets/lottie-web-B6s7dDoL.js","assets/vendor-ux-did-connect-DhgPdlEj.css","assets/vendor-arcblock-E5QJEgSK.js","assets/index-DQKEK30u.js","assets/index-C8sg0Ts_.js","assets/index-tUQxVYYQ.js","assets/index-AgKpYdvC.css"])))=>i.map(i=>d[i]);
+import{r as x,k as gt,l as tt,L as xe,u as js,h as ks,i as ct}from"./vendor-react-DoD83n6N.js";import{a1 as ke,j as e,t as Le,a3 as c,bg as vo,E as r,a4 as me,I as ce,T as N,bV as Co,D as ot,a9 as ge,as as ys,bO as Je,ac as wo,bn as Xe,bq as ht,x as se,a2 as Ye,P as So,G as Io,v as jt,$ as Do,am as To,ai as fe,ak as Rs,ab as _o,r as Po,bK as vs,K as Me,y as qo,M as oe,ad as Se,at as Cs,L as ws,z as Ss,b2 as Is,ar as $o,aq as Qe,bv as Ds,bw as Ts,bW as _s,bX as Ps,bi as ft,bj as qs,bl as $s,bz as Ls,bA as at}from"./vendor-mui-core-O22FPGM4.js";import{z as ye,C as ze,h as ue,a5 as Ns,f as lo,ad as ro}from"./index-C8sg0Ts_.js";import{r as Re,p as G,u as te,aj as As,B as Ve,a$ as Lo,R as No,aZ as Ao,am as zs,bk as Bs,a2 as kt,V,_ as Es,i as ae,bl as Ws,b4 as Os,ai as $e,ak as yt,aq as Vs}from"./vendor-ux-did-connect-D75Zatzm.js";import{h as Rt,n as Ms,q as Us,_ as zo,r as De,p as Fs}from"./vendor-arcblock-E5QJEgSK.js";import{d as Hs}from"./Error-wKO1hXtU.js";import{C as vt}from"./confirm-BaiaCWsM.js";import{u as Ue}from"./session-CD9NaM-v.js";import{W as io}from"./did-address-DIKoCoBp.js";import{E as Fe,D as co,C as ao,P as uo}from"./react-beautiful-dnd.esm-DcDZ_Ghe.js";import{B as Ct}from"./bundle-avatar-C4EBeG0M.js";import{S as je}from"./shorten-label-DXrhdUJE.js";import{L as wt}from"./list-header-Bzt7zKtS.js";import{X as Gs,x as be,G as St,C as Bo}from"./vendor-utils-CbeKtci8.js";import{d as Js}from"./Download-DANYdeZR.js";import{C as Eo}from"./click-to-copy-Dc16fHKA.js";import{Q as Xs}from"./QuestionMarkCircle-D4HZAY1P.js";import{u as Ys}from"./vendor-hooks-CYyfK9g3.js";import{_ as Ie}from"./useSetState-BL3ktMon.js";import{c as It}from"./index-tUQxVYYQ.js";import{E as Dt}from"./index-C46rA4HG.js";import{p as Ze}from"./index-Co79YnZI.js";import"./api-CvDkueg1.js";import{d as Qs}from"./ChevronRight-Bpkf9aqI.js";import{T as Zs,a as Ks}from"./vendor-mui-x-K-9WHqhO.js";import{d as po}from"./DeleteOutline-D4DYIaUj.js";import{c as en,A as Wo,u as tn,S as on,U as sn,a as dt,b as Oo,n as nn,e as ln,f as ho,g as rn,h as cn}from"./item-BKw13HQ1.js";import{d as an}from"./ArrowDropDown-ydRfHJ2x.js";import{f as Ne}from"./format-error-LAoTjvJe.js";import{d as dn}from"./Launch-XvyEoGhF.js";import{M as un}from"./index-oXEi5lCg.js";import{r as pn}from"./index-Aq7Gmh7c.js";import{d as hn}from"./Done-B8c93MpP.js";import"./lottie-web-B6s7dDoL.js";import"./raf-schd.esm-GV-XhwE0.js";import"./delete-confirm-Bh6Ch3bf.js";import"./get-safe-url-CXJBjnNj.js";var Tt={},fn=ke;Object.defineProperty(Tt,"__esModule",{value:!0});var Vo=Tt.default=void 0,bn=fn(Re()),xn=e;Vo=Tt.default=(0,bn.default)((0,xn.jsx)("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10h-4v4h-2v-4H7v-2h4V7h2v4h4z"}),"AddBox");var _t={},mn=ke;Object.defineProperty(_t,"__esModule",{value:!0});var Mo=_t.default=void 0,gn=mn(Re()),jn=e;Mo=_t.default=(0,gn.default)((0,jn.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 Pt={},kn=ke;Object.defineProperty(Pt,"__esModule",{value:!0});var Uo=Pt.default=void 0,yn=kn(Re()),Rn=e;Uo=Pt.default=(0,yn.default)((0,Rn.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 qt({did:t,projectId:o,title:s,logo:i,describe:l}){const n=`${`${G.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${t}/${o}/logo/upload`}/${i}`,[u,a]=x.useState(!1),h=Le(m=>m.breakpoints.down("md"));return e.jsxs(c,{sx:{display:"flex",flexDirection:"row",color:u?"primary.main":"grey.900",gap:1},onPointerEnter:()=>a(!0),onPointerLeave:()=>a(!1),children:[e.jsx(vo,{sx:{borderRadius:1},src:n}),e.jsxs(c,{children:[e.jsx(je,{hiddenTip:!0,maxLength:"24",sx:{fontSize:"14px",fontWeight:"500",color:h?"primary.main":""},children:s||"/"}),e.jsx(je,{hiddenTip:!0,maxLength:"58",sx:{fontSize:"12px",color:h||u?"primary.main":"grey.700"},children:l||"/"})]})]})}qt.propTypes={projectId:r.string.isRequired,did:r.string.isRequired,title:r.string.isRequired,logo:r.string.isRequired,describe:r.string.isRequired};function $t({initUrl:t}){const o=gt(),s=(t==null?void 0:t.searchParams.get("tenantScope"))||"",{t:i,locale:l}=te(),{api:d}=ye(),{api:n}=Ue(),[u,a]=x.useState(!0),{blocklet:h}=ze(),[m,S]=x.useState(null),[y,p]=x.useState(!1),f=Le(g=>g.breakpoints.down("xl")),R=Le(g=>g.breakpoints.down("md")),{componentDid:I=""}=tt(),[j,D]=x.useState(null),[k,T]=x.useState(""),L=()=>{d.getProjects({input:{did:h.meta.did,componentDid:I,tenantScope:s}}).then(g=>{const _=(g==null?void 0:g.projects)||[];a(!1),D(_)}).catch(g=>{a(!1),V.error(g.message)})},z=()=>{o(`${G.UNOWNED_DID}/create/none`,{replace:!0})},B=g=>{S(g)},v=()=>{a(!1),p(!0)},C=()=>{p(!1),S(null)},H=g=>{V.error(g.message),p(!1),S(null)},W=g=>{if(!(g!=null&&g.deleted)){V.error("Delete project failed");return}L(),p(!1),S(null)};x.useEffect(()=>{L()},[]);const b=x.useMemo(()=>{if(!k)return j;let g=k==null?void 0:k.trim();return g?(g=As.toAddress(g).toLocaleLowerCase(),j.filter(_=>_.blockletTitle.toLowerCase().includes(g)||_.blockletDid.toLowerCase().includes(g))):j},[j,k]);if(!j&&u)return e.jsx(c,{sx:{display:"flex",justifyContent:"center",alignItems:"center",marginTop:"40px"},children:e.jsx(Fe,{})});if(!j)return null;if(!j.length)return e.jsxs(c,{display:"flex",flexDirection:"column",alignItems:"center",pt:10,children:[e.jsx(c,{sx:{fontSize:20,fontWeight:"bold",mb:3},children:i("blocklet.publish.blockletEmptyTip")}),e.jsx(c,{sx:{fontSize:14,color:"text.secondary",mb:3},children:i("blocklet.publish.createBlockletTip")}),e.jsx(Ve,{onClick:z,variant:"contained",children:i("blocklet.publish.createBlocklet")})]});const w=[{label:"Blocklet",name:"blockletTitle",minWidth:160,options:{customBodyRenderLite:g=>{const _=j[g];return e.jsx(xe,{to:`${_.id}`,children:e.jsx(qt,{did:h.meta.did,projectId:_.id,logo:_.blockletLogo,title:_.blockletTitle,describe:_.blockletDescription})})}}},{label:"Version",name:"blockletVersion",options:{searchable:!1,customBodyRender:g=>g?e.jsx(Lo,{type:"success",children:g}):""}},{label:"DID",name:"blockletDid",options:{customBodyRender:g=>g?e.jsx(io,{size:14,compact:!0,responsive:!1,did:g}):null}},f||I?null:{label:i("common.createdBy"),name:"createdBy",options:{customBodyRender:g=>g?e.jsx(io,{onClick:()=>{o(`/.well-known/service/admin/members?did=${g}`)},style:{cursor:"pointer"},size:14,compact:!0,copyable:!1,showQrcode:!1,responsive:!1,did:g}):null}},f||I?null:{label:i("common.scope"),name:"componentDid",options:{customBodyRender:g=>{const _=(h.children||[]).find(J=>J.meta.did===g);return _?e.jsxs(c,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:[e.jsx(Ct,{size:14,blocklet:_,ancestors:[h]}),e.jsx(c,{ml:.5,sx:{ml:.5,color:"text.primary",fontSize:14},children:_.meta.title})]},g):""}}},f||s?null:{label:i("blocklet.publish.tenantScope"),name:"tenantScope",options:{customBodyRender:g=>e.jsx(c,{ml:.5,sx:{ml:.5,color:"text.primary",fontSize:14},children:e.jsx(je,{children:g})})}},{label:i("common.updatedAt"),name:"updatedAt",options:{searchable:!1,customBodyRender:g=>e.jsx(No,{value:Number(g),locale:l})}},{label:i("common.actions"),name:"actions",options:{searchable:!1,customBodyRenderLite:g=>{const _=j[g];return e.jsxs(c,{display:"flex",children:[e.jsx(xe,{to:`${_.id}/new-release/${_.lastReleaseId}`,children:e.jsx(me,{title:i("blocklet.publish.createRelease"),placement:"top",children:e.jsx(ce,{color:"primary","aria-label":"create",children:e.jsx(Vo,{style:{fontSize:18}})})})}),!!_.lastReleaseId&&e.jsx(me,{title:i("blocklet.publish.viewLastRelease",{name:_.blockletTitle}),placement:"top",children:e.jsx(ce,{color:"secondary","aria-label":"create",children:e.jsx(xe,{style:{display:"flex"},to:`${_.id}/view/${_.lastReleaseId}`,children:e.jsx(Mo,{sx:{fontSize:18}})})})}),e.jsx(me,{title:i("blocklet.publish.delete",{name:_.blockletTitle}),placement:"top",children:e.jsx(ce,{color:"primary","aria-label":"delete",onClick:()=>B(_),children:e.jsx(Ao,{sx:{fontSize:18}})})})]})}}}].filter(Boolean),q=y?e.jsx(zs,{open:!0,popup:!0,onClose:C,action:"check-has-project-id",locale:l,checkFn:n.get,saveConnect:!1,forceConnected:!1,checkTimeout:5*60*1e3,onSuccess:W,onError:H,extraParams:{projectId:m.id,did:h.meta.did,name:m.blockletTitle},messages:{title:i("blocklet.publish.deleteProject.title",{name:m.blockletTitle}),scan:i("blocklet.publish.deleteProject.scan",{name:m.blockletTitle}),confirm:i("blocklet.publish.deleteProject.confirm"),success:i("blocklet.publish.deleteProject.success")}}):null;return e.jsxs(c,{children:[e.jsx(wt,{sx:{mb:2},left:e.jsxs(c,{display:"flex",flexDirection:"row",alignItems:"center",children:[e.jsx(c,{sx:{fontSize:"1.2rem",fontWeight:"bold"},children:i("common.blockletStudio")}),e.jsx(me,{title:i("blocklet.publish.createBlockletTip"),arrow:!0,placement:"right",children:e.jsx(Uo,{sx:{opacity:.6,fontSize:"1.1em",ml:1}})})]}),actions:e.jsxs(e.Fragment,{children:[e.jsx(Bs,{options:{searchPlaceholder:i("blocklet.list.searchPlaceholder"),searchDebounceTime:600,searchAlwaysOpen:R},search:k,searchText:k,searchTextUpdate:T,searchClose:()=>T(""),onSearchOpen:()=>{}}),e.jsxs(Ve,{onClick:z,variant:"contained",children:[e.jsx(Rt,{style:{fontSize:"1.3em",marginRight:4}}),i("blocklet.publish.createBlocklet")]})]})}),e.jsx(kt,{className:"main-table",locale:l,data:b,columns:w,options:{search:!1,sort:!1,download:!1,filter:!1,print:!1,viewColumns:!1,searchAlwaysOpen:!0,rowsPerPageOptions:[10,20,50,100]}}),m&&e.jsx(vt,{title:`${i("common.delete")} ${m.blockletTitle}`,description:i("blocklet.publish.deleteProject.description"),confirm:i("common.confirm"),onConfirm:v,onCancel:()=>S(null),children:e.jsx(c,{sx:{marginTop:2},children:[i("blocklet.publish.deleteProject.tip1"),i("blocklet.publish.deleteProject.tip2"),i("blocklet.publish.deleteProject.tip3")].map(g=>e.jsxs(c,{sx:{display:"flex",marginTop:1,flexDirection:"row",alignItems:"flex-start"},children:[e.jsx(Hs,{color:"warning",sx:{marginRight:1,fontSize:20,marginTop:"2px"}}),e.jsx(N,{component:"span",variant:"inherit",color:"text.secondary",children:g})]}))})}),q]})}$t.propTypes={initUrl:r.object};$t.defaultProps={initUrl:null};var Lt={},vn=ke;Object.defineProperty(Lt,"__esModule",{value:!0});var Fo=Lt.default=void 0,Cn=vn(Re()),fo=e;Fo=Lt.default=(0,Cn.default)([(0,fo.jsx)("path",{d:"M20 17H4V5h8V3H4c-1.11 0-2 .89-2 2v12c0 1.1.89 2 2 2h4v2h8v-2h4c1.1 0 2-.9 2-2v-3h-2z"},"0"),(0,fo.jsx)("path",{d:"m17 14 5-5-1.41-1.41L18 10.17V3h-2v7.17l-2.59-2.58L12 9z"},"1")],"InstallDesktop");const wn=(t,o)=>{if(!t)return"";try{return o?JSON.parse(t)[o]:JSON.parse(t)}catch{}return t},Ho=wn;function Sn(){var B;const{t,locale:o}=te(),{projectId:s}=tt(),{api:i}=ye(),[l,d]=x.useState(!0),{blocklet:n}=ze(),u=Le(v=>v.breakpoints.down("md")),[a,h]=x.useState(null),[m,S]=x.useState(null),[y,p]=x.useState(null),f=(B=window.env)==null?void 0:B.serverEndpoint,R=()=>{i.getReleases({input:{did:n.meta.did,projectId:s}}).then(v=>{const C=(v==null?void 0:v.releases)||[];d(!1),h(C)}).catch(v=>{d(!1),V.error(v.message)})},I=()=>{i.doBatchQuery({getProject:{input:{did:n.meta.did,projectId:s}},getReleases:{input:{did:n.meta.did,projectId:s}}}).then(v=>{S(v.getProject.project||{}),h(v.getReleases.releases||[]),d(!1)}).catch(v=>{d(!1),V.error(v.message)})};x.useEffect(()=>{I()},[]);const[j,D]=x.useState(""),k=()=>{d(!1);const v=y.id;i.deleteRelease({input:{did:n.meta.did,projectId:s,releaseId:v}}).then(()=>{d(!1),R(),V.success(t("common.removeSuccess")),p(null)}).catch(C=>{d(!1),V.error(C.message)})},T=v=>{p(v)};if(!a&&l)return e.jsx(c,{sx:{display:"flex",justifyContent:"center",alignItems:"center",marginTop:"40px"},children:e.jsx(Fe,{})});if(!a)return null;const L=e.jsxs(Co,{className:"breadcrumbs","aria-label":"breadcrumb",children:[e.jsx(xe,{to:"..",children:t("common.blockletStudio")}),e.jsx(N,{color:"text.primary",children:e.jsx(je,{maxLength:u?6:30,children:m.blockletTitle})})]});if(!a.length)return e.jsxs(e.Fragment,{children:[L,e.jsxs(c,{display:"flex",flexDirection:"column",alignItems:"center",pt:10,children:[e.jsx(c,{sx:{fontSize:20,fontWeight:"bold",mb:3},children:t("blocklet.publish.releaseEmptyTip")}),e.jsx(c,{sx:{fontSize:14,color:"text.secondary",mb:3},children:t("blocklet.publish.createReleaseTip")}),e.jsx(xe,{to:"create/none",children:e.jsx(Ve,{variant:"contained",children:t("blocklet.publish.createRelease")})})]})]});const z=[{label:t("common.version"),name:"blockletVersion",minWidth:160,options:{customBodyRenderLite:v=>{const C=a[v];return e.jsx(xe,{to:`view/${C.id}`,children:e.jsx(qt,{did:n.meta.did,projectId:m.id,logo:C.blockletLogo,title:C.blockletVersion,describe:C.blockletTitle})})}}},{label:t("blocklet.publish.releaseNote"),name:"note",options:{customBodyRenderLite:v=>{const C=a[v];return e.jsx(N,{className:"note",children:Ho(C.note,"note")})}}},{label:t("common.status"),name:"status",options:{customBodyRender:v=>e.jsx(Lo,{type:v==="published"?"success":"warning",children:v==="published"?"Released":Gs(v)})}},{label:t("common.lastPublishedAt"),name:"updatedAt",options:{customBodyRenderLite:v=>{const C=a[v];return C.status!==ue.PROJECT.RELEASE_STATUS.published?"":e.jsx(No,{value:Number(C.updatedAt),locale:o})}}},{label:t("common.actions"),name:"actions",options:{customBodyRenderLite:v=>{var q;const C=a[v];let H="",W="";const b=C.status==="published";if(b){const g=be(f,`/api/project/${n.meta.did}/${m.id}/${m.lastReleaseId}/release/blocklet.json`),_=new URL(f);_.pathname=be(_.pathname,"/launch-blocklet/agreement"),_.searchParams.set("blocklet_meta_url",g),H=_.href,W=be(`${G.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${n.meta.did}/${m.id}/${m.lastReleaseId}/download/${(m.lastReleaseFiles||[])[0]}`)}const w=(q=m.blockletComponents)!=null&&q.some(g=>g.included)||C.uploadedResource?"pack":"resource";return e.jsxs(c,{display:"flex",alignItems:"center",children:[b&&w==="pack"&&e.jsx(me,{title:t("blocklet.publish.install",{name:m.blockletTitle}),placement:"top",children:e.jsx(ce,{color:"secondary","aria-label":"create",children:e.jsx("a",{style:{display:"flex"},href:H,target:"_blank",rel:"noreferrer",children:e.jsx(Fo,{sx:{fontSize:18}})})})}),b&&e.jsx(me,{title:t("blocklet.publish.download",{name:m.blockletTitle}),placement:"top",children:e.jsx(ce,{color:"primary","aria-label":"download",children:e.jsx("a",{style:{display:"flex"},href:W,children:e.jsx(Js,{sx:{fontSize:18}})})})}),e.jsx(me,{title:t("blocklet.publish.delete",{name:m.blockletTitle}),placement:"top",children:e.jsx(ce,{color:"primary","aria-label":"delete",onClick:()=>T(C),children:e.jsx(Ao,{sx:{fontSize:18}})})})]})}}}];return e.jsxs(In,{children:[e.jsx(wt,{sx:{mb:2},left:L,actions:e.jsxs(e.Fragment,{children:[e.jsx(Ve,{variant:"outlined",onClick:()=>{const v=be(f,`/api/project/${n.meta.did}/${s}/blocklet.json`);D(v)},children:t("blocklet.publish.copyInstallUrl")}),e.jsx(xe,{to:"new-release/none",children:e.jsxs(Ve,{variant:"contained",children:[e.jsx(Rt,{style:{fontSize:"1.3em",marginRight:4}}),t("blocklet.publish.createRelease")]})})]})}),e.jsx(ot,{fullWidth:!0,maxWidth:"sm",open:j,onClose:()=>D(""),children:e.jsxs(c,{sx:{py:5,px:4,wordBreak:"break-all"},children:[e.jsx(N,{variant:"h6",sx:{mb:2},children:t("blocklet.publish.installResourceTip")}),e.jsx(Eo,{children:j}),e.jsxs(N,{sx:{mt:2},children:[t("blocklet.publish.installResourceTip2"),e.jsx("a",{style:{marginLeft:4},href:"https://www.arcblock.io/docs/blocklet-developer/how-to-use-install-url",target:"_blank",rel:"noreferrer",children:t("blocklet.publish.installResourceHelp")})]})]})}),e.jsx(kt,{className:"main-table",verticalKeyWidth:100,locale:o,data:a,columns:z,options:{sort:!1,download:!1,filter:!1,print:!1,search:!1}}),y&&e.jsx(vt,{title:t(`${t("common.delete")} ${y.blockletVersion}`),description:t("blocklet.publish.deleteReleaseTip"),confirm:t("common.confirm"),onConfirm:k,onCancel:()=>p(null)})]})}const In=ge(c)`
+  .main-table > div:first-child {
+    display: none;
+  }
+  .note {
+    word-break: break-all;
+    white-space: pre-line;
+  }
+`;var Nt={},Dn=ke;Object.defineProperty(Nt,"__esModule",{value:!0});var Go=Nt.default=void 0,Tn=Dn(Re()),_n=e;Go=Nt.default=(0,Tn.default)((0,_n.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.42 0-8-3.58-8-8 0-1.85.63-3.55 1.69-4.9L16.9 18.31C15.55 19.37 13.85 20 12 20m6.31-3.1L7.1 5.69C8.45 4.63 10.15 4 12 4c4.42 0 8 3.58 8 8 0 1.85-.63 3.55-1.69 4.9"}),"DoDisturbAlt");function Ae({children:t,Icon:o}){return e.jsxs(ys,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",paddingTop:"10px",margin:"10px 0px"},children:[e.jsx(c,{sx:{opacity:.3,fontSize:32},children:e.jsx(o,{})}),e.jsx(c,{sx:{mb:2,opacity:.7,fontSize:"small",color:"action"},children:t})]})}Ae.propTypes={children:r.node.isRequired,Icon:r.elementType};Ae.defaultProps={Icon:Go};function At({value:t,app:o,onChange:s,onChangeBlockletResourceType:i,disabled:l,resourceRelateComponents:d,projectType:n,dependentComponentsMode:u,blockletResourceType:a}){const{t:h,locale:m}=te(),S=u==="readonly",y=x.useMemo(()=>{const k=t.reduce((T,L)=>(T[L.did]=L.included,T),{});return(o.children||[]).filter(T=>S?d[T.meta.did]||k[T.meta.did]:!0)},[o.children,t,d,S]),p=x.useMemo(()=>y.map(k=>t.find(L=>L.did===k.meta.did)||{did:k.meta.did}),[y,t]),f=p.reduce((k,T)=>(k[T.did]=St(T,["required","included"]),k),{}),R=k=>{const T=p.map(L=>{if(L.did===k){const z=!L.included;return{...L,included:z,required:z}}return L});s(T)},I=k=>{const T=p.map(L=>L.did===k?{...L,required:!L.required}:L);s(T)},j=k=>{i(k.target.checked?"resource":"")},D=[{label:h("common.name"),name:"meta.title",width:200,options:{customBodyRenderLite:k=>{var z;const T=y[k],L=(z=f[T.meta.did])==null?void 0:z.included;return e.jsxs(c,{display:"flex",alignItems:"center",children:[e.jsx(Ct,{size:24,blocklet:T,ancestors:[o]}),e.jsx(c,{ml:"4px",className:It("text",{excluded:!L}),children:e.jsx(c,{children:T.meta.title})})]})}}},{label:h("blocklet.publish.componentIncluded"),width:100,options:{customBodyRenderLite:k=>{var B;const T=y[k],L=d[T.meta.did],z=!!((B=f[T.meta.did])!=null&&B.included);return e.jsx(Je,{size:"small",checked:L||z,onClick:()=>R(T.meta.did),disabled:S||L||l})}}},{label:h("blocklet.publish.componentForceRequired"),width:100,options:{customBodyRenderLite:k=>{var v,C;const T=y[k],L=d[T.meta.did],z=!!((v=f[T.meta.did])!=null&&v.included),B=!!((C=f[T.meta.did])!=null&&C.required);return e.jsx(Je,{size:"small",checked:L||B&&z,onClick:()=>I(T.meta.did),disabled:S||L||l||!z})}}}];return e.jsx(Pn,{children:y!=null&&y.length?e.jsxs(e.Fragment,{children:[e.jsxs(wo,{severity:"info",style:{width:"100%"},children:[e.jsx(c,{display:"flex",alignItems:"center",rel:"noreferrer",ml:"13px",children:h(n==="pack"?"blocklet.publish.packTip":"blocklet.publish.resourceTip")}),e.jsxs(c,{component:"label",style:{cursor:"pointer"},children:[e.jsx(Je,{size:"small",style:{marginLeft:"0px"},disabled:l,checked:a==="resource",onChange:j}),h("blocklet.publish.forceResourceBlocklet")]})]}),e.jsx(kt,{className:"main-table",verticalKeyWidth:100,locale:m,data:y,columns:D,options:{sort:!1,download:!1,filter:!1,print:!1,search:!1,rowsPerPage:50}})]}):e.jsx(Ae,{Icon:Dt,children:h("blocklet.publish.blockletEmptyTip")})})}At.propTypes={app:r.object.isRequired,value:r.arrayOf(r.shape({did:r.string.isRequired,required:r.bool,included:r.bool})),onChange:r.func,onChangeBlockletResourceType:r.func,disabled:r.bool,dependentComponentsMode:r.string,resourceRelateComponents:r.object,blockletResourceType:r.string,projectType:r.string.isRequired};At.defaultProps={value:[],onChange:()=>{},onChangeBlockletResourceType:()=>{},disabled:!1,dependentComponentsMode:"auto",blockletResourceType:"",resourceRelateComponents:{}};const Pn=ge(c)`
+  .main-table {
+    .text.excluded {
+      color: #999;
+    }
+    width: 400px;
+    ${({theme:t})=>t.breakpoints.down("md")} {
+      width: 100%;
+    }
+    > div:first-child {
+      display: none;
+    }
+    .MuiTableCell-head {
+      padding-top: 0;
+      padding-bottom: 0;
+    }
+    .MuiTableCell-body {
+      padding-top: 6px;
+      padding-bottom: 6px;
+    }
+    .datatable-footer {
+      display: none;
+    }
+  }
+`;function qn(t,o){const s=new Set(o||[]),i=[];function l(d){s.has(d==null?void 0:d.id)&&i.push(d==null?void 0:d.id),d!=null&&d.children&&d.children.forEach(l)}return(t||[]).forEach(l),i}function zt({src:t,alt:o,...s}){const[i,l]=x.useState(!1),d=x.useRef(null);return x.useEffect(()=>{if(!("IntersectionObserver"in window))return l(!0),()=>{};const n=new IntersectionObserver(u=>{u.forEach(a=>{a.isIntersecting&&(l(!0),n.disconnect())})},{threshold:.1});return d.current&&n.observe(d.current),()=>{n.disconnect()}},[]),e.jsx("img",{ref:d,src:i?t:void 0,alt:o,...s})}zt.propTypes={src:r.string.isRequired,alt:r.string};zt.defaultProps={alt:""};function Bt({data:t,lazy:o,...s}){return!t||!t.length?null:e.jsx($n,{...s,children:t.map(i=>e.jsx("a",{href:i.url,target:"_blank",rel:"noreferrer",children:o?e.jsx(zt,{src:i.url,alt:i.alt||""}):e.jsx("img",{src:i.url,alt:i.alt||""})},i.url))})}Bt.propTypes={data:r.arrayOf(r.shape({url:r.string,alt:r.string})),lazy:r.bool};Bt.defaultProps={data:[],lazy:!1};const $n=ge(c)`
+  display: flex;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  margin-bottom: -12px;
+  a {
+    display: flex;
+  }
+  img {
+    height: 128px;
+    cursor: pointer;
+    margin-right: 12px;
+    margin-bottom: 12px;
+  }
+`,ut=(t,o)=>{const s=[...t];for(;s.length>0;){const i=s.shift();if(i.id===o)return i;i.children&&s.push(...i.children)}return[]};function Et({icon:t}){return t?Es(t)?e.jsx("img",{className:"resource-icon",src:t,alt:"icon"}):e.jsx(ae,{className:"resource-icon",icon:t}):null}Et.propTypes={icon:r.string};Et.defaultProps={icon:""};function Wt({disabled:t,data:o,onChange:s,value:i}){const l=i;function d(p,f=[]){return f.push(p.id),p.children&&p.children.forEach(R=>d(R,f)),f}const n=p=>d(ut(o,p)),u=(p,f=[])=>{const R=ut(o,p);return R.parent?(f.push(R.parent),u(R.parent,f)):f};function a(p,f){const R=n(p.id),I=R.indexOf(p.id);return R.splice(I,1),R.every(j=>l.concat(f).includes(j))}const h=(p,f)=>{p.stopPropagation();const R=n(f),I=u(f);if(l.includes(f)){const j=l.filter(D=>!R.concat(I).includes(D));s(j)}else{const j=R;for(let D=0;D<I.length;++D)a(ut(o,I[D]),j)&&j.push(I[D]);s([...l].concat(j))}},m=p=>{p.stopPropagation()},S=o.some(p=>{var f;return((f=p.children)==null?void 0:f.length)>0}),y=p=>{var D;const f=l.indexOf(p.id)!==-1,R=Array.isArray(p.children),I=n(p.id),j=R&&!f&&l.some(k=>I.includes(k));return e.jsx(Zs,{nodeId:p.id,label:e.jsx(Xe,{onClick:m,control:e.jsx(Je,{size:"small",checked:f,indeterminate:j,tabIndex:-1,disableRipple:!0,onClick:k=>h(k,p.id),disabled:p.disabled||t}),label:e.jsxs(c,{className:"content",children:[e.jsxs(c,{display:"flex",alignItems:"center",children:[p.icon&&e.jsx(Et,{icon:p.icon}),e.jsx(c,{className:"name",children:p.name}),p.url&&e.jsx("a",{href:p.url,target:"_blank",rel:"noreferrer",className:"link",children:e.jsx(Us,{className:"link-icon"})})]}),!!p.description&&e.jsx(c,{className:"description",children:p.description}),!!((D=p.images)!=null&&D.length)&&e.jsx(Bt,{className:"images",data:p.images,lazy:!0})]})}),children:R?p.children.map(y):null},p.id)};return e.jsx(Ln,{className:It(!S&&"no-children"),multiSelect:!0,defaultCollapseIcon:e.jsx(Ms,{}),defaultExpandIcon:e.jsx(Qs,{}),selected:l,children:o.map(p=>y(p))})}Wt.propTypes={data:r.array,value:r.array,onChange:r.func,disabled:r.bool};Wt.defaultProps={data:[],value:[],onChange:()=>{},disabled:!1};const Ln=ge(Ks)`
+  &.no-children {
+    .MuiTreeItem-content {
+      padding: 0;
+      .MuiTreeItem-iconContainer {
+        display: none;
+      }
+      .MuiTreeItem-label {
+        padding-left: 0;
+      }
+    }
+  }
+  .MuiTreeItem-content {
+    align-items: flex-start;
+    .MuiTreeItem-iconContainer {
+      transform: translateY(10px);
+    }
+    &.Mui-selected {
+      background-color: transparent;
+    }
+  }
+  .MuiTreeItem-label {
+    cursor: default;
+  }
+  .MuiFormControlLabel-root {
+    align-items: flex-start;
+  }
+  .content {
+    padding-top: 6px;
+  }
+  .name {
+    font-size: 16px;
+    font-weight: 700;
+  }
+  .resource-icon {
+    margin-right: 2px;
+    font-size: 16px;
+  }
+  img.resource-icon {
+    width: 1rem;
+    height: 1rem;
+  }
+  .link {
+    margin-left: 8px;
+    font-size: 16px;
+    color: ${({theme:t})=>t.palette.primary.main};
+    display: flex;
+  }
+  .link-icon {
+    font-size: inherit;
+  }
+  .description {
+    font-size: 14px;
+    color: ${({theme:t})=>t.palette.text.secondary};
+  }
+`,bo={},Nn=(t,o,{key:s,cacheTime:i=1e3*3}={})=>{const l=s+JSON.stringify({params:o}),d=bo[l];if(d&&d.timestamp>Date.now()-i)return d.promise;const n=t(...o);return bo[l]={promise:n,timestamp:Date.now()},n},Jo=Nn,Xo=(t,o)=>(t.forEach(s=>{o&&(s.parent=o),(s.children||[]).forEach(i=>{i.parent=s.id,Xo(i.children||[],i.id)})}),t),Yo=(t,o,s,i,l)=>{const{exportApi:d="/"}=(t==null?void 0:t.meta.resource)||{},n=new URL(be("http://127.0.0.1",t==null?void 0:t.mountPoint,d||"/").replace(/\/+/g,"/"));return n.searchParams.set("projectId",o),n.searchParams.set("releaseId",s),n.searchParams.set("local",i),l&&n.searchParams.set("resourcesParams",l.searchParams.get("resourcesParams")),`${n.pathname}${n.search}`},An=async({api:t,appDid:o,component:s,projectId:i,releaseId:l,locale:d,initUrl:n,resources:u})=>{let a;if(n&&n.searchParams.get("resourcesParams"))try{a=JSON.parse(n.searchParams.get("resourcesParams"))}catch(h){V.error(h.message);return}await Bo.post(Yo(s,i,l,d,n),{resources:u,projectId:i,releaseId:l,locale:d,...a?{resourcesParams:a}:{}},{headers:{"x-csrf-token":Ws()},timeout:10*60*1e3}),await t.updateSelectedResources({input:{did:o,projectId:i,releaseId:l,componentDid:s.meta.did,resources:u}})},zn=(t,o)=>{if(!t)return{};const s=o.reduce((l,d)=>(l[d]=!0,l),{}),i=(l,d)=>(l.forEach(n=>{var u;s[n.id]&&((u=n.dependentComponents)!=null&&u.length)&&n.dependentComponents.forEach(a=>{d[a]=!0}),n.children&&i(n.children,d)}),d);return i(t,{})};function Ot({app:t,component:o,projectId:s,release:i,loading:l,error:d,saveSelectedEventsRef:n,readOnly:u,componentDid:a,initialResources:h={},setResourceComponentsMap:m,selectedResourceIds:S,setSelectedResourceIds:y,showTree:p,initUrl:f}){var W;const{t:R,locale:I}=te(),{api:j}=ye(),[D,k]=Ie({}),T=x.useRef({}),L=x.useRef(!1),z=i.id;T.current.projectId=s,T.current.releaseId=z;const B=(b,w,q)=>{if(!w)return;const g=zn(w,q);m==null||m({[b]:Object.keys(g)})},v=b=>{n.current[o.meta.did]={resources:b,component:o},y({[o.meta.did]:b}),B(o.meta.did,D[o.meta.did],b)},C=x.useCallback(async b=>{var w;try{const q=await Jo(Bo.get,[Yo(b,s,z,I,f),{timeout:6e4}],{key:"getResources"});return Xo(((w=q==null?void 0:q.data)==null?void 0:w.resources)||[])}catch{return[]}},[s,z,I,f]);x.useEffect(()=>{D[o==null?void 0:o.meta.did]||C(o).then(b=>{k({[o==null?void 0:o.meta.did]:b})}).catch(b=>{V.error(b.message)})},[o,k,D,C]),x.useEffect(()=>{z&&s&&!L.current&&Ze(t.children.map(b=>async()=>{var w,q;if(!(a&&a!==b.meta.did)&&!(!(b!=null&&b.mountPoint)||!Ns.hasStartEngine(b==null?void 0:b.meta)||!((q=(w=b==null?void 0:b.meta)==null?void 0:w.resource)!=null&&q.exportApi)))try{const g=await C(b);k({[b==null?void 0:b.meta.did]:g});const _=await j.getSelectedResources({input:{did:t.meta.did,projectId:s,releaseId:z,componentDid:b.meta.did}}),J=(_==null?void 0:_.resources)||[];J!=null&&J.length&&(y({[b.meta.did]:qn(g,J)}),B(b.meta.did,g,J),u||(n.current[b==null?void 0:b.meta.did]={resources:J,component:b}))}catch(g){V.error(g.message)}}),{concurrency:2}).then(()=>{L.current=!0})},[z,s,u,I,f,k]),x.useEffect(()=>{h&&Object.keys(h).length&&Ze(t.children.map(async b=>{const w=h[b.meta.did];if(w!=null&&w.length){const q=await C(b);y({[b.meta.did]:w}),B(b.meta.did,q,w),u||(n.current[b==null?void 0:b.meta.did]={resources:w,component:b})}}))},[t,h,u]);let H=null;return(!o||!((W=D[o.meta.did])!=null&&W.length))&&(H=e.jsx(Ae,{Icon:Dt,children:R("blocklet.publish.resourceEmptyTip",{name:lo.getDisplayName(o)})})),(o==null?void 0:o.status)!=="running"&&(H=e.jsx(Ae,{children:R("blocklet.publish.componentNotRunning",{name:lo.getDisplayName(o)})})),e.jsxs(e.Fragment,{children:[e.jsx(Bn,{className:It(d&&"error"),children:p&&e.jsx(c,{pb:2,width:"100%",children:H||e.jsx(Wt,{data:D[o.meta.did]||[],value:S[o.meta.did]||[],onChange:v,disabled:l||u})})}),!!d&&e.jsx(c,{color:"error.main",mt:1,fontSize:14,children:d})]})}Ot.propTypes={component:r.object.isRequired,app:r.object.isRequired,projectId:r.string.isRequired,error:r.string,saveSelectedEventsRef:r.object.isRequired,readOnly:r.bool.isRequired,loading:r.bool.isRequired,release:r.shape({id:r.string.isRequired,status:r.string}),initialResources:r.object,initUrl:r.object,setResourceComponentsMap:r.func,componentDid:r.string,selectedResourceIds:r.array.isRequired,setSelectedResourceIds:r.func.isRequired,showTree:r.bool.isRequired};Ot.defaultProps={error:"",release:{id:""},initUrl:null,initialResources:{},setResourceComponentsMap:()=>{},componentDid:""};const Bn=ge(c)`
+  border: 1px solid #ccc;
+  max-height: 600px;
+  width: 100%;
+  &.error {
+    border-color: ${t=>t.theme.palette.error.main};
+  }
+  border-radius: 4px;
+  padding: 16px;
+  padding-bottom: 0px;
+  overflow-y: auto;
+  .footer {
+    border-top: 1px solid #ddd;
+    display: flex;
+    padding: 12px 0;
+    margin-top: 12px;
+    position: sticky;
+    bottom: 0;
+    background: #fff;
+    z-index: 10;
+  }
+`;var Vt={},En=ke;Object.defineProperty(Vt,"__esModule",{value:!0});var bt=Vt.default=void 0,Wn=En(Re()),On=e;bt=Vt.default=(0,Wn.default)((0,On.jsx)("path",{d:"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"}),"DragIndicator");const xo="lastWantToConnectStoreId";function Vn(t){var u,a;const[o,s]=x.useState(null),{session:i}=Ue(),l=x.useCallback(h=>{s(h),localStorage.setItem(xo,h==null?void 0:h.id)},[s]),d=x.useMemo(()=>{var y,p,f,R;const h=localStorage.getItem(xo),m=h?(((y=t==null?void 0:t.settings)==null?void 0:y.storeList)||[]).find(I=>I.id===h):null;if(m)return m;let S=(((p=t==null?void 0:t.settings)==null?void 0:p.storeList)||[]).find(I=>{var j;return!(I.id!==G.BLOCKLET_STORE.id||I.scope&&I.scope!=="studio"&&I.scope!==((j=i==null?void 0:i.user)==null?void 0:j.did))});return S||(S=(R=(f=t==null?void 0:t.settings)==null?void 0:f.storeList)==null?void 0:R[0]),S},[(u=t==null?void 0:t.settings)==null?void 0:u.storeList,(a=i==null?void 0:i.user)==null?void 0:a.did]);return[o||d||{},l]}const pt={};async function Qo(t,{interval:o=1e3,maxDuration:s=120*1e3,intervalFirst:i=4e3,timerKey:l=""}){pt[l]&&clearTimeout(pt[l]),await new Promise(u=>setTimeout(u,i));const d=Date.now(),n=async(u,a)=>{try{const h=await t();u(h)}catch(h){Date.now()-d>s?a(h):l?pt[l]=setTimeout(()=>n(u,a),o):setTimeout(()=>n(u,a),o)}};return new Promise(n)}function Mn(){return Math.random().toString(36).slice(2)+Math.random().toString(36).slice(2)+`${Date.now()}`.slice(-6)}function Un(t,{did:o,projectId:s,messageId:i}){return Qo(async()=>{var d;const l=await t.getProject({input:{did:o,projectId:s,messageId:i}});if(!((d=l==null?void 0:l.project)!=null&&d.blockletDid))throw new Error("Connected store not found");return l.project.blockletDid},{timerKey:"connect-studio"})}function Fn(t,{did:o,projectId:s,storeId:i}){return Qo(async()=>{var n,u;const l=await t.getProject({input:{did:o,projectId:s,messageId:""}});if(!((u=(n=l==null?void 0:l.project)==null?void 0:n.connectedStores)!=null&&u.length))throw new Error("Connected store not found");if(!l.project.connectedStores.find(a=>a.storeId===i))throw new Error("Connected store not found")},{timerKey:`connect-store-${i}`})}const Hn=({fromBlocklet:t,nodeInfo:o,blocklet:s,userDid:i})=>{var n,u;const l=t?(n=s==null?void 0:s.meta)==null?void 0:n.did:o==null?void 0:o.did;let d=t?((u=s==null?void 0:s.settings)==null?void 0:u.storeList)||[]:(o==null?void 0:o.blockletRegistryList)||[];return Array.isArray(d)||(d=[]),d=d.filter(a=>a.protected||!a.scope||a.scope==="studio"||a.scope===i),{teamDid:l,storeList:d}},Mt=Hn;function Ut({blocklet:t,store:o={},onChangeStore:s,onClick:i,disabled:l,loading:d,componentDid:n}){var b,w,q;const{t:u}=te(),{session:a}=Ue(),{api:h,info:m,inService:S}=ye(),y=ze(),[p,f]=x.useState(!1),R=x.useRef(null),[I,j]=x.useState(!1),[D,k]=x.useState(null),T=g=>{s(g),f(!1)},L=()=>{f(!p)},z=g=>{R.current&&R.current.contains(g.target)||f(!1)},B=()=>{j(!0)},v=()=>{j(!1)},C=async()=>{var g;if(D)try{await h.deleteBlockletStore({input:{teamDid:t.meta.did,url:D.url,projectId:"",scope:D.scope||"studio"}}),await((g=y==null?void 0:y.actions)==null?void 0:g.refreshBlocklet())}catch(_){V.error(`Remove Blocklet Store Error: ${Ne(_)}`)}finally{k(null)}},{storeList:H}=Mt({fromBlocklet:S,blocklet:t,nodeInfo:m,componentDid:n,userDid:(b=a==null?void 0:a.user)==null?void 0:b.did}),W=(w=t==null?void 0:t.meta)==null?void 0:w.did;return e.jsxs(e.Fragment,{children:[e.jsxs(ht,{disabled:l,ref:R,variant:"contained",color:"primary","aria-label":"Button group with connect store",children:[e.jsxs(se,{onClick:i,children:[d&&e.jsx(Ye,{size:14,sx:{mr:.5}}),`${u("common.connect")} ${o.name||""}`]}),e.jsx(se,{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:L,children:e.jsx(an,{})})]}),e.jsx(So,{sx:{zIndex:10},open:p,anchorEl:R.current,placement:"bottom-end",role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:g})=>e.jsx(Io,{...g,style:{transformOrigin:"center top"},children:e.jsx(jt,{children:e.jsx(Do,{onClickAway:z,children:e.jsxs(To,{id:"split-button-menu",autoFocusItem:!0,sx:{maxHeight:300,overflowY:"auto",zIndex:10},children:[H==null?void 0:H.map(_=>{var J;return e.jsxs(fe,{selected:_.id===(o==null?void 0:o.id),sx:{height:56},onClick:()=>T(_),children:[e.jsxs(c,{children:[e.jsx(je,{sx:{fontSize:"16px"},maxLength:24,children:_.name}),e.jsx(je,{sx:{fontSize:"13px",opacity:.6},maxLength:30,children:_.url})]}),en({store:_,userDid:(J=a==null?void 0:a.user)==null?void 0:J.did})&&e.jsx(ce,{sx:{ml:1},onClick:U=>{U.preventDefault(),U.stopPropagation(),k(_)},children:e.jsx(ae,{icon:"ic:outline-delete"})})]},_.url)}),e.jsx(Rs,{}),e.jsxs(fe,{onClick:B,children:[e.jsx(Rt,{font:!0}),e.jsx(N,{variant:"inherit",children:u("store.blockletRegistry.addRegistry")})]})]})})})})}),I&&e.jsx(Wo,{hiddenChildren:!0,open:!0,onClose:v,teamDid:W,storeList:H,scope:"studio",onAdd:(q=y==null?void 0:y.actions)==null?void 0:q.refreshBlocklet}),D&&e.jsx(vt,{displayError:!0,title:`${u("common.delete")} ${D.name}`,description:u("blocklet.publish.deleteStoreTip",{name:D.name}),confirm:u("common.confirm"),onConfirm:C,onCancel:()=>k(null)})]})}Ut.propTypes={store:r.object,blocklet:r.object,onChangeStore:r.func.isRequired,onClick:r.func.isRequired,loading:r.bool.isRequired,disabled:r.bool.isRequired,componentDid:r.string.isRequired,projectType:r.string.isRequired,getData:r.func.isRequired};Ut.defaultProps={store:null,blocklet:null};const Gn=(t,o,s)=>{const i=`${G.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${o.meta.did}/${s}/logo/upload`,l=`${G.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${o.meta.did}/${s}/screenshot/upload`,d=t!=null&&t.blockletLogo?`${i}/${t.blockletLogo}`:`${G.WELLKNOWN_SERVICE_PATH_PREFIX}/static/images/logo.png`,n=((t==null?void 0:t.blockletScreenshots)||[]).filter(Boolean).map(u=>`${l}/${u}`);return{logoUrl:d,screenshotUrls:n,uploadLogoPrefix:i,uploadScreenshotPrefix:l}},Zo=Gn,Jn=t=>{const o=t.includes("youtube.com")||t.includes("youtu.be"),s=t.includes("vimeo.com");return o||s};function st({url:t,style:o,controls:s,modestbranding:i}){var u;const{t:l}=te(),d=t.includes("youtube.com")||t.includes("youtu.be"),n=t.includes("vimeo.com");if(d){const a=((u=t.split("v=")[1])==null?void 0:u.split("&")[0])||t.split("/").pop();return e.jsx("div",{style:{position:"relative",width:"100%",paddingTop:"56.25%",pointerEvents:(o==null?void 0:o.pointerEvents)||"auto"},children:e.jsx("iframe",{src:`https://www.youtube.com/embed/${a}?modestbranding=${i}&controls=${s}&rel=0`,title:"YouTube video player",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"none",...o},allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}if(n){const a=t.split("/").pop();return e.jsx("div",{style:{position:"relative",width:"100%",paddingTop:"56.25%",pointerEvents:o.pointerEvents||"auto"},children:e.jsx("iframe",{src:`https://player.vimeo.com/video/${a}`,title:"Vimeo video player",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"none",...o},allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0})})}return e.jsx(c,{style:{position:"relative",width:"100%",paddingTop:"56.25%"},children:e.jsxs(c,{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",border:"none",backgroundColor:"rgba(0, 0, 0, 0.04)",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...o},allow:"autoplay; fullscreen; picture-in-picture",allowFullScreen:!0,children:[e.jsx(ae,{icon:"carbon:video-off",style:{fontSize:40,marginBottom:"10px",opacity:.5}}),e.jsx(N,{variant:"body1",sx:{opacity:.5},children:l("studio.videoDialogNoSrc")})]})})}st.propTypes={url:r.string.isRequired,style:r.object,controls:r.number,modestbranding:r.number};st.defaultProps={style:{},controls:1,modestbranding:1};function Ko({setParams:t,onClose:o,params:s}){const{t:i}=te(),[l,d]=x.useState(""),n=l&&s.blockletVideos.includes(l),u=Jn(l),a=()=>{t(h=>{const m=[...h.blockletVideos];return m.push(l),{...h,blockletVideos:m}}),o()};return e.jsxs(ot,{open:!0,fullWidth:!0,maxWidth:"sm",children:[e.jsx(_o,{children:i("studio.videoDialogTitle")}),e.jsxs(Po,{children:[e.jsx(vs,{fullWidth:!0,value:l,onChange:h=>d(h.target.value),placeholder:i("studio.videoInputLabel"),endAdornment:l?e.jsx(Me,{position:"end",children:e.jsx(ce,{onClick:()=>d(""),children:e.jsx(Os,{})})}):null,error:n}),n&&e.jsx(N,{variant:"body2",color:"error",children:i("studio.duplicateVideo")}),e.jsx(st,{url:l,style:{marginTop:"20px",borderRadius:"4px"}})]}),e.jsxs(qo,{children:[e.jsx(se,{onClick:()=>o(),children:i("studio.cancel")}),e.jsx(se,{disabled:!u||n,onClick:a,children:i("studio.confirm")})]})]})}Ko.propTypes={onClose:r.func.isRequired,params:r.object.isRequired,setParams:r.func.isRequired};function xt({errors:t,storeList:o,...s}){const{t:i}=te();return e.jsxs(c,{...s,color:"warning.main",fontSize:"14px",sx:{border:"1px solid rgba(214, 164, 64, 0.34)",borderRadius:"4px",py:2,px:1.5,position:"relative"},children:[e.jsx(N,{variant:"caption",sx:{fontWeight:"bold",position:"absolute",top:-10,left:12,backgroundColor:"white",px:1,width:"fit-content"},children:i("blocklet.publish.storeRule.warning")}),t&&Object.entries(t).map(([l,d])=>{const n=Object.values(d),u=o.find(a=>a.url===l);return n.length>0&&e.jsxs(c,{children:[e.jsx(me,{title:l,children:e.jsx(c,{component:"span",sx:{cursor:"pointer"},children:u.name})}),n.map(a=>e.jsx(c,{component:"li",ml:2,breakWords:!0,children:a},a))]},l)})]})}xt.propTypes={errors:r.object.isRequired,storeList:r.array.isRequired};const mo=x.lazy(()=>zo(()=>import("./index-B4PgdoaR.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12])).then(t=>({default:t.Uploader})));function es({projectId:t,readOnly:o,loading:s,blocklet:i,params:l,setParams:d,paramsErrTip:n,setParamsErrTip:u,warning:a,setLoading:h,initUrl:m,initLogoUrl:S,setInitLogoUrl:y,componentDid:p}){const{t:f,locale:R}=te(),{api:I}=ye(),j=gt(),D=x.useRef(null),k=x.useRef(null),[T,L]=Vn(i),[z,B]=x.useState(!1),v=tn({messageType:"connect-store-message",onOpen:()=>h(!0),onClose:()=>h(!1)}),C=async $=>{const M=setTimeout(()=>{h(!1)},2e4),F=await Un(I,$);h(!1),clearTimeout(M),window.parent.postMessage({event:"studioDialog.connected",componentDid:p},"*"),j(window.location.pathname.replace(`${G.UNOWNED_DID}/create`,`${F}/create`),{replace:!0})},H=()=>{if(!l.blockletTitle){V.error(f("blocklet.publish.errorTip.noTitle"));return}if(!(T!=null&&T.url)){V.error(f("blocklet.publish.noStoreSelected"));return}const $=Mn();v(async(M,F)=>{var Q,X,ie;try{const Y=await I.connectByStudio({input:{did:(Q=i==null?void 0:i.meta)==null?void 0:Q.did,blockletTitle:l==null?void 0:l.blockletTitle,storeUrl:T.url,storeId:T.id,storeName:T.name,type:((X=l==null?void 0:l.blockletComponents)==null?void 0:X.length)>0?"pack":"resource",componentDid:p,messageId:$,tenantScope:(m==null?void 0:m.searchParams.get("tenantScope"))||""}});if(!(Y!=null&&Y.url)){V.error("failed to connect to store");return}F(Y.url),C({did:(ie=i==null?void 0:i.meta)==null?void 0:ie.did,projectId:"",messageId:$})}catch(Y){const de=Ne(Y);V.error(de),h(!1)}})},{logoUrl:W,screenshotUrls:b,uploadLogoPrefix:w,uploadScreenshotPrefix:q}=Zo(l,i,t),{logoErrors:g,screenshotErrors:_,storeList:J,hasLogoWarning:U,hasScreenshotWarning:re}=a,K=()=>o?!1:!t||t===G.UNOWNED_DID?(V.error(f("blocklet.publish.errorTip.noFirstDid")),!1):!0,ee=$=>{if(!$.destination)return;const M=Array.from(l.blockletScreenshots),[F]=M.splice($.source.index,1);M.splice($.destination.index,0,F),d(Q=>({...Q,blockletScreenshots:M}))},Be=$=>{if(!$.destination)return;const M=Array.from(l.blockletVideos),[F]=M.splice($.source.index,1);M.splice($.destination.index,0,F),d(Q=>({...Q,blockletVideos:M}))};return e.jsxs(Xn,{children:[e.jsx(c,{display:"flex",className:"section",children:e.jsxs(c,{sx:{flex:1},children:[e.jsx(oe,{disabled:s||o,label:`Blocklet ${f("common.title")}`,placeholder:`Blocklet ${f("common.title")}`,InputProps:{"data-cy":"blocklet-title",readOnly:o},autoComplete:"off",variant:"outlined",fullWidth:!0,required:!0,value:l.blockletTitle||"",onChange:$=>{u({blockletTitle:""}),d({blockletTitle:$.target.value})},error:!!n.blockletTitle,helperText:n.blockletTitle||""}),e.jsx(oe,{required:!0,label:"Blocklet DID",fullWidth:!0,readonly:!0,disabled:!0,autoComplete:"off",variant:"outlined",InputProps:{"data-cy":"export-blocklet-did",endAdornment:t===G.UNOWNED_DID&&e.jsx(Me,{position:"end",children:e.jsx(Ut,{blocklet:i,store:T,componentDid:p,onChangeStore:L,disabled:!l.blockletTitle||o||s,loading:s,onClick:H})})},error:!!n.projectId,helperText:n.projectId||"",value:t===G.UNOWNED_DID?"":`did:abt:${t}`,sx:{mt:3}}),e.jsx(oe,{disabled:s||o,label:`Blocklet ${f("common.description")}`,placeholder:`Blocklet ${f("common.description")}`,InputProps:{"data-cy":"blocklet-description",readOnly:o},required:!0,autoComplete:"off",variant:"outlined",fullWidth:!0,value:l.blockletDescription||"",onChange:$=>{u({blockletDescription:""}),d({blockletDescription:$.target.value})},error:!!n.blockletDescription,helperText:n.blockletDescription||"",sx:{mt:3}}),e.jsx(oe,{disabled:s||o,label:`Blocklet ${f("common.homepageTip")}`,placeholder:`Blocklet ${f("common.homepageTip")}`,InputProps:{"data-cy":"blocklet-homepage",readOnly:o},autoComplete:"off",variant:"outlined",fullWidth:!0,value:l.blockletHomepage||"",onChange:$=>{$.target.value&&!/^(http|https):\/\//.test($.target.value)?u({blockletHomepage:f("blocklet.publish.errorTip.invalidUrl")}):u({blockletHomepage:""}),d({blockletHomepage:$.target.value})},error:!!n.blockletHomepage,helperText:n.blockletHomepage||"",sx:{mt:3}}),e.jsx(oe,{disabled:s||o,label:`Blocklet ${f("common.community")}`,placeholder:`Blocklet ${f("common.community")}`,InputProps:{"data-cy":"blocklet-community",readOnly:o},autoComplete:"off",variant:"outlined",fullWidth:!0,value:l.blockletCommunity||"",onChange:$=>{$.target.value&&!/^(http|https):\/\//.test($.target.value)?u({blockletCommunity:f("blocklet.publish.errorTip.invalidUrl")}):u({blockletCommunity:""}),d({blockletCommunity:$.target.value})},error:!!n.blockletCommunity,helperText:n.blockletCommunity||"",sx:{mt:3}}),e.jsx(oe,{disabled:s||o,label:`Blocklet ${f("common.support")}`,placeholder:`Blocklet ${f("common.support")}`,InputProps:{"data-cy":"blocklet-support",readOnly:o},autoComplete:"off",variant:"outlined",fullWidth:!0,value:l.blockletSupport||"",onChange:$=>{$.target.value&&!/^(http|https):\/\//.test($.target.value)&&!/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test($.target.value)?u({blockletSupport:f("blocklet.publish.errorTip.invalidUrlOrEmail")}):u({blockletSupport:""}),d({blockletSupport:$.target.value})},error:!!n.blockletSupport,helperText:n.blockletSupport||"",sx:{mt:3}}),e.jsx(oe,{disabled:s||o,label:`Blocklet ${f("common.repository")}`,placeholder:`Blocklet ${f("common.repository")}`,InputProps:{"data-cy":"blocklet-repository",readOnly:o},autoComplete:"off",variant:"outlined",fullWidth:!0,value:l.blockletRepository||"",onChange:$=>{$.target.value&&!/^(git|https|svn)/.test($.target.value)?u({blockletRepository:f("blocklet.publish.errorTip.invalidUrl")}):u({blockletRepository:""}),d({blockletRepository:$.target.value})},error:!!n.blockletRepository,helperText:n.blockletRepository||"",sx:{mt:3}})]})}),e.jsx(c,{display:"flex",mt:3,className:"section full-width",children:e.jsxs(c,{flex:1,overflow:"hidden",children:[e.jsxs(c,{display:"flex",flexDirection:"row",flexWrap:"wrap",children:[e.jsxs(Se,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[e.jsx(N,{variant:"subtitle1",sx:{fontWeight:"bold"},children:f("common.logo")}),e.jsxs(Se,{direction:"column",alignItems:"flex-start",spacing:1,sx:{opacity:.8,fontSize:"12px"},children:[e.jsx(c,{children:e.jsxs(c,{component:"span",children:[e.jsxs(c,{component:"span",sx:{color:"#555"},children:[f("studio.type"),":"," "]}),e.jsx(c,{component:"span",sx:{color:"#007ec6"},children:"png, jpg, webp, svg"})]})}),e.jsx(c,{children:e.jsxs(c,{component:"span",children:[e.jsxs(c,{component:"span",sx:{color:"#555"},children:[f("studio.ratio"),":"," "]}),e.jsx(c,{component:"span",sx:{color:"#007ec6"},children:"256x256"})]})}),e.jsx(c,{children:e.jsxs(c,{component:"span",children:[e.jsxs(c,{component:"span",sx:{color:"#555"},children:[f("studio.size"),":"," "]}),e.jsx(c,{component:"span",sx:{color:"#007ec6"},children:"<500Kb"})]})})]})]}),e.jsx(c,{sx:{flex:1,cursor:o?"default":"pointer",display:"flex",alignItems:"flex-end"},children:e.jsx(vo,{variant:"square",sx:{width:80,height:80},alt:"Blocklet Logo",src:S||W,onClick:()=>{var $;K()&&(($=D.current)==null||$.open())}})})]}),U&&e.jsx(xt,{errors:g,storeList:J,mt:3}),e.jsxs(c,{display:"flex",mt:3,flexDirection:"row",flexWrap:"wrap",children:[e.jsxs(Se,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[e.jsx(N,{variant:"subtitle1",sx:{fontWeight:"bold"},children:f("common.screenshot")}),e.jsxs(Se,{direction:"column",alignItems:"flex-start",spacing:1,sx:{opacity:.8,fontSize:"12px"},children:[e.jsx(c,{sx:{border:"none"},variant:"outlined",size:"small",children:e.jsxs(c,{component:"span",children:[e.jsxs(c,{component:"span",sx:{color:"#555"},children:[f("studio.ratio"),":"," "]}),e.jsx(c,{component:"span",sx:{color:"#007ec6"},children:"16 / 9"})]})}),e.jsx(c,{children:e.jsxs(c,{component:"span",children:[e.jsxs(c,{component:"span",sx:{color:"#555"},children:[f("studio.count"),":"," "]}),e.jsx(c,{component:"span",sx:{color:"#007ec6"},children:"1~5"})]})}),e.jsx(c,{children:e.jsxs(c,{component:"span",children:[e.jsxs(c,{component:"span",sx:{color:"#555"},children:[f("studio.size"),":"," "]}),e.jsx(c,{component:"span",sx:{color:"#007ec6"},children:"<5MB"})]})}),!o&&e.jsx(c,{children:e.jsxs(c,{component:"span",children:[e.jsxs(c,{component:"span",sx:{color:"#555"},children:[f("studio.order"),":"," "]}),e.jsx(c,{component:"span",sx:{color:"#007ec6"},children:f("studio.orderTip")})]})})]})]}),e.jsx(co,{onDragEnd:o?void 0:ee,children:e.jsx(ao,{droppableId:"screenshots",direction:"horizontal",isDropDisabled:o,children:($,M)=>e.jsxs(c,{display:"flex",alignItems:"center",sx:{flex:1,flexWrap:"wrap",minHeight:160,background:M.isDraggingOver?"#f5f5f5":"transparent",transition:"background-color 0.2s ease",border:M.isDraggingOver?"2px dashed #999":"none",borderRadius:"4px"},ref:$.innerRef,...$.droppableProps,children:[b.map((F,Q)=>e.jsx(uo,{draggableId:F,index:Q,isDragDisabled:o,children:(X,ie)=>e.jsxs(c,{ref:X.innerRef,...X.draggableProps,className:"screenshot",sx:{transform:ie.isDragging?"scale(1.05)":"none",boxShadow:ie.isDragging?"0 5px 10px rgba(0,0,0,0.15)":"none",transition:"transform 0.2s ease, box-shadow 0.2s ease"},children:[e.jsx("img",{alt:"screenshot",src:F}),!o&&e.jsx(ce,{...X.dragHandleProps,className:"action",style:{right:40,zIndex:10,color:"#fff"},children:e.jsx(bt,{})}),!o&&e.jsx(ce,{className:"action",onClick:()=>{d(Y=>{const de=[...Y.blockletScreenshots];return de.splice(Q,1),{...Y,blockletScreenshots:de}})},children:e.jsx(po,{})})]})},F)),$.placeholder,b.length<5&&e.jsx(c,{sx:{width:240,height:135,background:"#eee",cursor:o?"default":"pointer",color:"#999",mb:2},display:"flex",justifyContent:"center",alignItems:"center",fontSize:40,onClick:()=>{var F;K()&&((F=k.current)==null||F.open())},children:"+"})]})})})]}),re&&e.jsx(xt,{errors:_,storeList:J}),e.jsxs(c,{display:"flex",mt:3,flexDirection:"row",flexWrap:"wrap",children:[e.jsxs(Se,{direction:"column",spacing:1,sx:{mr:2,width:"160px"},children:[e.jsx(N,{variant:"subtitle1",sx:{fontWeight:"bold"},children:f("studio.video")}),e.jsxs(Se,{direction:"column",alignItems:"flex-start",spacing:1,sx:{opacity:.8,fontSize:"12px"},children:[e.jsx(c,{children:e.jsxs(c,{component:"span",children:[e.jsxs(c,{component:"span",sx:{color:"#555"},children:[f("studio.videoType"),":"," "]}),e.jsxs(c,{component:"span",sx:{color:"#007ec6"},children:[e.jsx("a",{href:"https://www.youtube.com/",target:"_blank",rel:"noreferrer",children:"Youtube"}),","," ",e.jsx("a",{href:"https://vimeo.com/",target:"_blank",rel:"noreferrer",children:"Vimeo"})]})]})}),e.jsx(c,{children:e.jsxs(c,{component:"span",children:[e.jsxs(c,{component:"span",sx:{color:"#555"},children:[f("studio.count"),":"," "]}),e.jsx(c,{component:"span",sx:{color:"#007ec6"},children:"1~3"})]})}),!o&&e.jsx(c,{children:e.jsxs(c,{component:"span",children:[e.jsxs(c,{component:"span",sx:{color:"#555"},children:[f("studio.order"),":"," "]}),e.jsx(c,{component:"span",sx:{color:"#007ec6"},children:f("studio.orderTip")})]})})]})]}),e.jsx(co,{onDragEnd:o?void 0:Be,children:e.jsx(ao,{droppableId:"videos",direction:"horizontal",isDropDisabled:o,children:($,M)=>e.jsxs(c,{display:"flex",alignItems:"center",sx:{flex:1,flexWrap:"wrap",minHeight:160,background:M.isDraggingOver?"#f5f5f5":"transparent",transition:"background-color 0.2s ease",border:M.isDraggingOver?"2px dashed #999":"none",borderRadius:"4px"},ref:$.innerRef,...$.droppableProps,children:[l.blockletVideos.map((F,Q)=>e.jsx(uo,{draggableId:F,index:Q,isDragDisabled:o,children:(X,ie)=>e.jsxs(c,{ref:X.innerRef,...X.draggableProps,className:"screenshot",sx:{transform:ie.isDragging?"scale(1.05)":"none",boxShadow:ie.isDragging?"0 5px 10px rgba(0,0,0,0.15)":"none",transition:"transform 0.2s ease, box-shadow 0.2s ease"},children:[e.jsx(st,{url:F,style:{pointerEvents:ie.isDragging?"none":"auto"}}),!o&&e.jsx(ce,{...X.dragHandleProps,className:"action",style:{right:40,zIndex:10,color:"#fff"},children:e.jsx(bt,{})}),!o&&e.jsx(ce,{className:"action",onClick:()=>{d(Y=>{const de=[...Y.blockletVideos];return de.splice(Q,1),{...Y,blockletVideos:de}})},children:e.jsx(po,{})})]})},F)),$.placeholder,l.blockletVideos.length<3&&e.jsx(c,{sx:{width:240,height:135,background:"#eee",cursor:o?"default":"pointer",color:"#999",mb:2},display:"flex",justifyContent:"center",alignItems:"center",fontSize:40,onClick:()=>{K()&&B(!0)},children:"+"})]})})})]})]})}),e.jsxs(x.Suspense,{fallback:e.jsx(Fe,{}),children:[e.jsx(mo,{ref:D,locale:R,popup:!0,onUploadFinish:$=>{var M;d({blockletLogo:$.data.filename}),y(""),(M=D.current)==null||M.close()},plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:w,disableMediaKitPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileTypes:["image/png","image/jpeg","image/webp","application/svg+xml"],maxFileSize:1024*1024*.5,maxNumberOfFiles:1}},dashboardProps:{autoOpen:"imageEditor"},imageEditorProps:{actions:{revert:!0,rotate:!0,granularRotate:!0,flip:!0,zoomIn:!0,zoomOut:!0,cropSquare:!1,cropWidescreen:!1,cropWidescreenVertical:!1},cropperOptions:{autoCrop:!0,aspectRatio:1,initialAspectRatio:1,autoCropArea:1,croppedCanvasOptions:{minWidth:256,minHeight:256}}}},"uploader-logo"),z&&e.jsx(Ko,{onClose:()=>B(!1),params:l,setParams:d}),e.jsx(mo,{ref:k,popup:!0,onUploadFinish:$=>{var M;d(F=>{var X;const Q=F.blockletScreenshots||[];return Q.push((X=$.data)==null?void 0:X.filename),{...F,blockletScreenshots:Q}}),(M=k.current)==null||M.close()},installerProps:{disabled:!0},plugins:["ImageEditor"],apiPathProps:{uploader:q,disableMediaKitPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileTypes:["image/*","application/svg+xml"],maxFileSize:1024*1024*5,maxNumberOfFiles:5-b.length}},dashboardProps:{autoOpen:"imageEditor"},imageEditorProps:{actions:{revert:!0,rotate:!0,granularRotate:!0,flip:!0,zoomIn:!0,zoomOut:!0,cropSquare:!1,cropWidescreen:!1,cropWidescreenVertical:!1},cropperOptions:{autoCrop:!0,autoCropArea:1,aspectRatio:16/9,initialAspectRatio:16/9,croppedCanvasOptions:{minWidth:1280,minHeight:720,maxWidth:1280*2,maxHeight:720*2}}}},"uploader-screenshot")]})]})}es.propTypes={projectId:r.string.isRequired,readOnly:r.bool.isRequired,params:r.object.isRequired,setParams:r.func.isRequired,paramsErrTip:r.object.isRequired,setParamsErrTip:r.func.isRequired,warning:r.object.isRequired,loading:r.bool.isRequired,blocklet:r.object.isRequired,setLoading:r.func.isRequired,initUrl:r.object.isRequired,componentDid:r.isRequired,initLogoUrl:r.string.isRequired,setInitLogoUrl:r.func.isRequired};const Xn=ge.div`
+  margin-top: 24px;
+  .screenshot {
+    margin-bottom: 16px;
+    max-width: 240px;
+    max-height: 135px;
+    width: 240px;
+    height: 135px;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #eee;
+    margin-right: 16px;
+    position: relative;
+    .action {
+      visibility: hidden;
+      position: absolute;
+      width: 42px;
+      height: 42px;
+      right: 6px;
+      top: 6px;
+      border-radius: 4px;
+      background-color: rgba(0, 0, 0, 1);
+      color: rgba(255, 255, 255, 1);
+    }
+    &:hover .action {
+      visibility: visible;
+    }
+  }
+  .screenshot img {
+    width: 100%; /* 图像宽度填充容器 */
+    height: auto; /* 图像高度自适应 */
+  }
+`;var Ft={},Yn=ke;Object.defineProperty(Ft,"__esModule",{value:!0});var ts=Ft.default=void 0,Qn=Yn(Re()),Zn=e;ts=Ft.default=(0,Qn.default)((0,Zn.jsx)("path",{d:"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96M14 13v4h-4v-4H7l4.65-4.65c.2-.2.51-.2.71 0L17 13z"}),"CloudUploadRounded");const Kn=(t,o,s,i)=>{const l=t?[...t]:[],d=((o==null?void 0:o.children)||[]).reduce((n,u)=>(n[u.meta.did]=!0,n),{});return Object.keys(s).forEach(n=>{if(!d[n])return;let u=!1;i||l.forEach(a=>{a.did===n&&(a.included=!0,a.required=!0,u=!0)}),u||l.push({did:n,included:!0,required:!0})}),l},el=async t=>{if(typeof t!="string")throw new Error("URL must be a string");try{const o=t.split("/").pop().split("?")[0],i=await(await fetch(t)).blob();return new File([i],o,{type:i.type})}catch{throw new Error("Failed to convert Logo URL to file")}};function*tl(t,o){let s=0;for(;s<t.size;)yield t.slice(s,s+o),s+=o}const ol=async({did:t,projectId:o,uploadType:s="logo",imageUrl:i})=>{const l=await el(i);new FormData().append("file",l);const n={uploaderId:"Uploader",relativePath:encodeURIComponent(l.name),name:encodeURIComponent(l.name),type:l.type},a=(await ro.post(be(G.WELLKNOWN_SERVICE_PATH_PREFIX,"/api/project",t,o,s,"upload"),null,{headers:{"Tus-Resumable":"1.0.0","Upload-Length":l.size,"X-Uploader-File-Ext":l.name.split(".").pop(),"Upload-Metadata":Object.keys(n).map(y=>`${y} ${btoa(n[y])}`).join(",")}})).headers.location,h=2*1024*1024;let m=0,S="";for(const y of tl(l,h)){const p=await ro.patch(be(G.WELLKNOWN_SERVICE_PATH_PREFIX,a),y,{headers:{"Tus-Resumable":"1.0.0","Upload-Offset":m,"Content-Type":"application/offset+octet-stream"}});m+=y.size,S=p.data.filename}return S},os=({params:t,projectId:o,status:s,t:i})=>{const l=[];return t.blockletTitle||l.push({param:"blockletTitle",message:i("blocklet.publish.errorTip.noTitle")}),(!o||o===G.UNOWNED_DID)&&l.push({param:"projectId",message:i("blocklet.publish.errorTip.noDid")}),t.blockletVersion?$e.valid(t.blockletVersion)||l.push({param:"blockletVersion",message:i("blocklet.publish.errorTip.inValidVersion")}):l.push({param:"blockletVersion",message:i("blocklet.publish.errorTip.noVersion")}),s===ue.PROJECT.RELEASE_STATUS.published&&(t.blockletDescription||l.push({param:"blockletDescription",message:i("blocklet.publish.errorTip.noDescription")}),t.note||l.push({param:"note",message:i("blocklet.publish.errorTip.noNote")})),l.length?l:null},sl=({params:t,step:o,t:s,projectId:i})=>{if(o===0){if(!t.blockletTitle)return s("blocklet.publish.errorTip.noTitle");if(!i||i===G.UNOWNED_DID)return s("blocklet.publish.errorTip.noDid");if(!t.blockletDescription)return s("blocklet.publish.errorTip.noDescription")}if(o>=4){if(!t.blockletVersion)return s("blocklet.publish.errorTip.noVersion");if(!$e.valid(t.blockletVersion))return s("blocklet.publish.errorTip.inValidVersion");if(!t.note)return s("blocklet.publish.errorTip.noNote")}return""};function Ht({blocklet:t,releaseId:o,connectedStores:s,projectId:i,releaseType:l,publishedStoreIds:d,onPublish:n,onDelete:u,warning:a,projectType:h,componentDid:m,onOpenConnectStore:S,behavior:y,onSelectConnectStore:p}){var L,z;const{t:f}=te(),{actions:{refreshBlocklet:R}}=ze(),{session:I}=Ue(),{storeList:j}=Mt({fromBlocklet:!0,blocklet:t,componentDid:m,userDid:(L=I==null?void 0:I.user)==null?void 0:L.did}),D=x.useMemo(()=>s!=null&&s.length?s==null?void 0:s.reduce((B,v)=>(B[v.storeId]=v,B),{}):{},[s]),k=(z=t==null?void 0:t.meta)==null?void 0:z.did,T={};return Object.entries((a==null?void 0:a.logoErrors)||{}).forEach(([B,v])=>{const C=Object.values(v);C.length>0&&(T[B]=C)}),Object.entries((a==null?void 0:a.screenshotErrors)||{}).forEach(([B,v])=>{const C=Object.values(v);C.length>0&&(T[B]=T[B]?[...T[B],...C]:C)}),e.jsxs(e.Fragment,{children:[y==="connect"&&!!(j!=null&&j.length)&&e.jsx(wo,{severity:"info",style:{width:"100%"},children:e.jsxs(c,{color:Cs[400],component:"a",href:h==="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:[f(h==="pack"?"blocklet.publish.whyCantSeeInStore":"blocklet.publish.whyCantSeeResourceBlockletInStore"),e.jsx(dn,{sx:{marginLeft:1}})]})}),e.jsx(ws,{children:j==null?void 0:j.map(B=>e.jsx(Ss,{"data-cy":"store-switch",children:e.jsx(Is,{children:e.jsx(on,{behavior:y,onSelectConnectStore:p,releaseId:o,projectId:i,releaseType:l,kind:"publish",teamDid:k,warningList:T[B.url],store:B,published:(d==null?void 0:d.indexOf(B.id))>-1,connectedStore:D[B.id],onPublish:n,onDelete:u,scope:B.scope||"studio",onOpenConnectStore:S})})},B.url))}),e.jsx(Wo,{teamDid:k,storeList:j,scope:"studio",onAdd:R})]})}Ht.propTypes={blocklet:r.object.isRequired,projectId:r.string.isRequired,releaseId:r.string.isRequired,releaseType:r.string.isRequired,onPublish:r.func,onDelete:r.func,publishedStoreIds:r.arrayOf(r.string),connectedStores:r.arrayOf(r.object).isRequired,projectType:r.string,componentDid:r.string,warning:r.object,onOpenConnectStore:r.func,onSelectConnectStore:r.func,behavior:r.string};Ht.defaultProps={projectType:"",componentDid:"",publishedStoreIds:[],onPublish:()=>{},onDelete:()=>{},warning:{},onOpenConnectStore:()=>{},onSelectConnectStore:()=>{},behavior:"connect"};function ss({did:t,params:o,setParams:s,projectId:i,open:l,onClose:d}){const{t:n}=te(),[u,a]=x.useState(!1),{api:h}=ye(),[m,S]=x.useState(!1),[y,p]=x.useState(!1),f=()=>{S(o.autoUpload),p(o.possibleSameStore),a(!1),d(!1)},R=async()=>{a(!0);try{await h.updateProject({input:{did:t,projectId:i,blockletTitle:o.blockletTitle||"",blockletDescription:o.blockletDescription||"",blockletIntroduction:o.blockletIntroduction||"",autoUpload:!!m,possibleSameStore:!!y}}),s({autoUpload:m,possibleSameStore:y}),d(!1)}catch(j){V.error(j.message)}a(!1)};x.useEffect(()=>{S(o.autoUpload),p(o.possibleSameStore)},[o]);const I=!!(i&&i!==G.UNOWNED_DID);return e.jsx(yt,{title:n("blocklet.publish.projectSettings"),disableEscapeKeyDown:!0,disablePortal:!1,fullWidth:!0,open:l,onClose:f,actions:e.jsxs(e.Fragment,{children:[e.jsx(se,{onClick:j=>{j.stopPropagation(),d()},color:"inherit",children:n("common.cancel")}),I&&e.jsxs(se,{onClick:j=>{j.stopPropagation(),R()},color:"primary","data-cy":"install-blocklet-next-step",disabled:u,variant:"contained",autoFocus:!0,children:[u&&e.jsx(Ye,{size:16}),n("common.confirm")]})]}),children:I?e.jsxs(c,{component:"label",sx:{display:"flex",flexDirection:"column",gap:2},children:[e.jsxs(c,{sx:{display:"flex",flexDirection:"row",alignItems:"center"},children:[e.jsx(c,{component:ae,icon:"ph:upload",sx:{fontSize:24,mr:2}}),e.jsx(N,{variant:"body1",sx:{flex:1},children:n("blocklet.publish.autoUploadTip")}),e.jsx(De,{checked:m,onChange:(j,D)=>S(D)})]}),e.jsxs(c,{component:"label",sx:{display:"flex",flexDirection:"row",alignItems:"center"},children:[e.jsx(c,{component:ae,icon:"fluent-mdl2:merge-duplicate",sx:{fontSize:24,mr:2}}),e.jsx(N,{variant:"body1",sx:{flex:1},children:n("blocklet.publish.possibleSameStoreTip")}),e.jsx(De,{checked:y,onChange:(j,D)=>p(D)})]})]}):e.jsxs(c,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[e.jsx(c,{component:ae,icon:"ph:empty",sx:{fontSize:40,mb:3,opacity:.6}}),e.jsx(N,{variant:"body1",sx:{flex:1},children:n("blocklet.publish.needProjectId")})]})})}ss.propTypes={did:r.string.isRequired,params:r.object.isRequired,open:r.bool.isRequired,onClose:r.func.isRequired,setParams:r.func.isRequired,projectId:r.string.isRequired};function ns({downloadUrl:t,installUrl:o,handleSetTip:s,isPack:i,disabled:l}){const{t:d}=te(),[n,u]=x.useState(!1),a=x.useRef(null),h=()=>{u(!n)},m=S=>{a.current&&a.current.contains(S.target)||u(!1)};return e.jsxs(e.Fragment,{children:[e.jsx(se,{disabled:l,ref:a,onClick:h,children:e.jsx(c,{component:ae,sx:{fontSize:18},icon:"bxs:download"})}),e.jsx(So,{sx:{zIndex:10},open:n,anchorEl:a.current,placement:"bottom-end",role:void 0,transition:!0,disablePortal:!0,children:({TransitionProps:S})=>e.jsx(Io,{...S,style:{transformOrigin:"center top"},children:e.jsx(jt,{children:e.jsx(Do,{onClickAway:m,children:e.jsxs(To,{id:"split-button-menu",autoFocusItem:!0,sx:{maxHeight:300,overflowY:"auto",zIndex:10},children:[i&&e.jsx(c,{component:"a",href:o,target:"_blank",rel:"noreferrer",sx:{textDecoration:"none"},children:e.jsxs(fe,{sx:{color:"#333"},children:[e.jsx(c,{component:ae,sx:{mr:1},icon:"ic:round-install-desktop"}),e.jsx(N,{variant:"inherit",children:d("blocklet.publish.installToThisServer")})]})}),e.jsxs(fe,{onClick:s,children:[e.jsx(c,{component:ae,sx:{mr:1},icon:"iconamoon:copy"}),e.jsx(N,{variant:"inherit",children:d("blocklet.publish.copyInstallUrl")})]}),e.jsx(c,{component:"a",href:t,target:"_blank",rel:"noreferrer",sx:{textDecoration:"none"},children:e.jsxs(fe,{sx:{color:"#333"},children:[e.jsx(c,{component:ae,sx:{mr:1},icon:"ph:download"}),e.jsx(N,{variant:"inherit",children:d("common.download")})]})})]})})})})})]})}ns.propTypes={disabled:r.bool.isRequired,isPack:r.bool.isRequired,downloadUrl:r.string.isRequired,installUrl:r.string.isRequired,handleSetTip:r.func.isRequired};var Ro;const go=(Ro=window.env)==null?void 0:Ro.serverEndpoint;function ls({projectId:t,params:o,setParamsErrTip:s,initUrl:i,setParams:l,mode:d,loading:n,blocklet:u,release:a,isPublished:h,releaseId:m,getData:S,getRelease:y,paramsErrTip:p,warning:f,componentDid:R,resourceRelateComponents:I,disabledSelectComponents:j,saveSelectedEventsRef:D,hasSelectedResources:k,initLogoUrl:T,setLoading:L,releaseUsedLast:z,setReleaseUsedLast:B,projectType:v}){var de;const{t:C,locale:H}=te(),{api:W}=ye(),b=gt(),[w,q]=x.useState(!1),[g,_]=x.useState(!1),[J,U]=x.useState(),re=Le(Z=>Z.breakpoints.down("md")),K=x.useMemo(()=>{var Z;return o!=null&&o.blockletResourceType?o==null?void 0:o.blockletResourceType:((Z=o==null?void 0:o.blockletComponents)==null?void 0:Z.length)>0?(o==null?void 0:o.blockletComponents.find(E=>E.included))?"resource":"pack":"resource"},[o==null?void 0:o.blockletComponents,o==null?void 0:o.blockletResourceType]),ee=()=>{window.parent.postMessage({event:"studioDialog.uploaded",componentDid:R},"*"),y()},Be=async Z=>{var He,We,le,_e;if(p!=null&&p.blockletHomepage||p!=null&&p.blockletSupport||p!=null&&p.blockletCommunity){V.error((p==null?void 0:p.blockletHomepage)||(p==null?void 0:p.blockletSupport)||(p==null?void 0:p.blockletCommunity));return}const ve=os({params:o,hasSelectedResources:k,projectId:t,status:Z,t:C});if(ve){V.error(ve.map(O=>O.message).join("; ")),s(ve.reduce((O,ne)=>({...O,[ne.param]:ne.message}),{}));return}const E={...o};if(E.blockletComponents=Kn(E.blockletComponents,u,I,j),E.blockletVersion=$e.valid(E.blockletVersion),!E.blockletVersion){V.error("Invalid Blocklet Version"),s({blockletVersion:"Invalid Blocklet Version"});return}if(T)try{const O=await ol({did:u.meta.did,projectId:t,imageUrl:T});E.blockletLogo=O,l({blockletLogo:O})}catch(O){V.error(O.message);return}if(o.resourceFromSelect){E.uploadedResource="";try{const O=Object.keys(D.current);await Ze(O.map(ne=>()=>{const Pe=D.current[ne];return An({api:W,locale:H,projectId:t,releaseId:z?"":m,appDid:u.meta.did,component:Pe.component,resources:Pe.resources,initUrl:i})}),{concurrency:2})}catch(O){V.error(((le=(We=(He=O==null?void 0:O.response)==null?void 0:He.data)==null?void 0:We.error)==null?void 0:le.message)||O.message),s({blockletResource:"Invalid save the resource"});return}}else(_e=o.blockletDocker)!=null&&_e.dockerImage||(E.blockletComponents=[]);E.blockletTitle=(E.blockletTitle||"").trim(),E.blockletDescription=(E.blockletDescription||"").trim(),E.blockletSupport=(E.blockletSupport||"").trim(),E.blockletHomepage=(E.blockletHomepage||"").trim(),E.blockletCommunity=(E.blockletCommunity||"").trim(),E.blockletRepository=(E.blockletRepository||"").trim(),E.blockletIntroduction=(E.blockletIntroduction||"").trim(),E.note=(E.note||"").trim(),E.blockletComponents=((E==null?void 0:E.blockletComponents)||[]).filter(O=>O.included).map(O=>St(O,["did","required"])).map(JSON.stringify),E.contentType!=="docker"&&(E.blockletDocker={dockerImage:"",dockerCommand:"",dockerArgs:[],dockerEnvs:[]}),E.blockletDocker.dockerImage=E.blockletDocker.dockerImage||"",E.blockletDocker.dockerArgs.length>0&&E.blockletDocker.dockerArgs.forEach(O=>{O.proxyBehavior=O.proxyBehavior||"service"});try{await W.createRelease({input:{...E,note:JSON.stringify({note:E.note}),did:u.meta.did,projectId:t,releaseId:z?"":m,status:Z}}),Z==="draft"?V.success(C("blocklet.publish.saveDraftSuccess")):(B(!1),V.success(C("blocklet.publish.createReleaseSuccess")),window.parent.postMessage({event:"studioDialog.released",componentDid:R},"*")),s({blockletResource:"",blockletTitle:"",blockletDescription:"",blockletVersion:"",blockletLogo:"",projectId:"",blockletIntroduction:"",note:""})}catch(O){const ne=Ne(O);V.error(ne),(/resource/.test(ne)||/zip/.test(ne))&&s({blockletResource:ne});return}const Te=await W.getProject({input:{did:u.meta.did,projectId:t}}),Ee=Te.project.lastReleaseId;o.autoUpload&&await Ze(Te.project.connectedStores.map(O=>async()=>{try{const ne=await W.publishToStore({input:{did:u.meta.did,storeId:O.storeId,storeName:O.storeName,projectId:t,releaseId:Ee,type:K}});V.success(e.jsx(sn,{storeName:O.storeName,storeUrl:O.storeUrl,developerDid:O.developerDid,published:ne.url==="published"}),{duration:1e4})}catch(ne){V.error(Ne(ne))}}),{concurrency:4}),ee==null||ee(),b(`../${t}/view/${Ee}`,{replace:!0})},$=Z=>(L(!0),Be(Z).finally(()=>{L(!1)})),M=async Z=>{await Fn(W,Z),S()},F=()=>{_(!0)},Q=be(go,`/api/project/${u.meta.did}/${t}/${m}/release/blocklet.json`),X=new URL(go);X.pathname=be(X.pathname,"/launch-blocklet/agreement"),X.searchParams.set("blocklet_meta_url",Q);const ie=X.href,Y=()=>U(Q);return e.jsxs(e.Fragment,{children:[e.jsx(nl,{className:"sticky-header",children:e.jsx(wt,{left:e.jsxs(Co,{className:"breadcrumbs","aria-label":"breadcrumb",children:[e.jsx(xe,{to:"../",children:C("common.blockletStudio")}),t===G.UNOWNED_DID?e.jsx(N,{color:"text.primary",children:e.jsx(je,{maxLength:re?6:30,children:(o==null?void 0:o.blockletTitle)||"Blocklet"})}):e.jsx(xe,{to:`../${t}`,children:e.jsx(je,{maxLength:re?6:30,children:(o==null?void 0:o.blockletTitle)||"Blocklet"})}),e.jsx(N,{color:"text.primary",children:d==="create"?C("common.create"):(o==null?void 0:o.blockletVersion)||C("common.edit")})]}),actions:e.jsxs(e.Fragment,{children:[!h&&e.jsxs(ht,{disabled:n,variant:"contained",children:[e.jsxs(se,{variant:"contained",onClick:()=>$(ue.PROJECT.RELEASE_STATUS.published),children:[n&&e.jsx(Ye,{size:14,sx:{mr:.5},color:"inherit"}),C("blocklet.publish.createRelease")]}),e.jsx(se,{variant:"contained",onClick:F,children:e.jsx(ae,{icon:"mage:settings-fill",fontSize:"16px"})})]}),h&&e.jsxs(e.Fragment,{children:[e.jsx(ot,{fullWidth:!0,maxWidth:"sm",open:J,onClose:()=>U(""),children:e.jsxs(c,{sx:{py:5,px:4,wordBreak:"break-all"},children:[e.jsx(N,{variant:"h6",sx:{mb:2},children:C("blocklet.publish.installResourceTip")}),e.jsx(Eo,{children:J}),e.jsxs(N,{sx:{mt:2},children:[C("blocklet.publish.installResourceTip2"),e.jsx("a",{style:{marginLeft:4},href:"https://www.arcblock.io/docs/blocklet-developer/how-to-use-install-url",target:"_blank",rel:"noreferrer",children:C("blocklet.publish.installResourceHelp")})]})]})}),e.jsxs(ht,{disabled:n,variant:"contained",children:[e.jsxs(se,{onClick:()=>q(!0),children:[n?e.jsx(Ye,{size:14,sx:{mr:1},color:"inherit"}):e.jsx(ts,{sx:{fontSize:"1.3em",mr:1}}),C(re?"common.upload":"blocklet.publish.connectOrUpload")]}),e.jsx(ns,{isPack:K==="pack",downloadUrl:be(`${G.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${u.meta.did}/${t}/${m}/download/${(a.files||[])[0]}`),installUrl:ie,handleSetTip:Y}),e.jsx(se,{onClick:F,children:e.jsx(ae,{icon:"mage:settings-fill",fontSize:"16px"})})]})]})]})})}),e.jsx(yt,{title:C("blocklet.publish.connectOrUpload"),disableEscapeKeyDown:!0,disablePortal:!1,fullWidth:!0,open:w,onClose:()=>q(!1),children:e.jsx(Ht,{projectType:v,blocklet:u,releaseType:K,projectId:t,releaseId:m,componentDid:R,warning:f,onPublish:ee,onOpenConnectStore:M,onDelete:S,connectedStores:o.connectedStores||[],publishedStoreIds:a==null?void 0:a.publishedStoreIds})}),e.jsx(ss,{did:(de=u==null?void 0:u.meta)==null?void 0:de.did,params:o,projectId:t,open:g,setParams:l,onClose:()=>_(!1)})]})}ls.propTypes={projectId:r.string.isRequired,params:r.object.isRequired,mode:r.string.isRequired,loading:r.bool.isRequired,blocklet:r.object.isRequired,release:r.object.isRequired,isPublished:r.bool.isRequired,releaseId:r.string.isRequired,getData:r.func.isRequired,getRelease:r.func.isRequired,componentDid:r.string.isRequired,resourceRelateComponents:r.object.isRequired,disabledSelectComponents:r.bool.isRequired,saveSelectedEventsRef:r.object.isRequired,hasSelectedResources:r.bool.isRequired,initLogoUrl:r.string.isRequired,setLoading:r.func.isRequired,releaseUsedLast:r.bool.isRequired,setReleaseUsedLast:r.func.isRequired,projectType:r.string.isRequired,setParamsErrTip:r.func.isRequired,warning:r.object.isRequired,setParams:r.func.isRequired,initUrl:r.object.isRequired,paramsErrTip:r.object.isRequired};const nl=ge.div`
+  .sticky-header {
+    margin-top: -12px;
+    padding: 12px 0;
+    position: sticky;
+    top: 0;
+    z-index: 99;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background-color: #fff;
+    padding-bottom: 12px;
+    border-bottom: ${({theme:t})=>`1px solid ${t.palette.divider}`};
+  }
+`;function rs({text:t}){return t?e.jsx(un,{wrapperElement:{"data-color-mode":"light"},source:Fs.sanitize(t),rehypePlugins:[[pn,{target:"_blank"}]]}):e.jsx(Ae,{Icon:Dt})}rs.propTypes={text:r.string.isRequired};function is({params:t,setParams:o,paramsErrTip:s,loading:i,setParamsErrTip:l,readOnly:d}){var m;const{t:n}=te(),[u,a]=x.useState(d?"preview":"write"),h=(S,y)=>{a(y)};return e.jsxs(c,{sx:{border:"1px solid #fff",width:"100%",borderRadius:2},children:[e.jsxs(c,{sx:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"},children:[e.jsx(N,{variant:"h6",fontWeight:"bold",sx:{},children:n("common.introduction")}),e.jsxs($o,{value:u,onChange:h,"aria-label":"wrapped label tabs example",children:[e.jsx(Qe,{value:"write",label:"Write"}),e.jsx(Qe,{value:"preview",label:"Preview"})]})]}),e.jsx(c,{display:u==="write"?"block":"none",sx:{width:"100%",marginTop:3},children:e.jsx(oe,{disabled:i||d,sx:{border:"none"},placeholder:`Blocklet ${n("common.introduction")}`,InputProps:{"data-cy":"export-blocklet-introduction",readOnly:d,endAdornment:e.jsxs(Me,{position:"end",children:[((m=t==null?void 0:t.blockletIntroduction)==null?void 0:m.length)||0," / ",ue.PROJECT.MAX_INTRO_LENGTH]})},autoComplete:"off",variant:"outlined",fullWidth:!0,multiline:!0,minRows:4,value:t.blockletIntroduction||"",onChange:S=>{l({blockletIntroduction:""}),o({blockletIntroduction:S.target.value.slice(0,ue.PROJECT.MAX_INTRO_LENGTH)})},error:!!s.blockletIntroduction,helperText:s.blockletIntroduction||""})}),e.jsx(c,{display:u==="preview"?"block":"none",mt:3,children:e.jsx(rs,{text:t.blockletIntroduction||""})})]})}is.propTypes={params:r.object.isRequired,setParams:r.func.isRequired,paramsErrTip:r.object.isRequired,setParamsErrTip:r.func.isRequired,readOnly:r.bool.isRequired,loading:r.bool.isRequired};var Gt={},ll=ke;Object.defineProperty(Gt,"__esModule",{value:!0});var mt=Gt.default=void 0,rl=ll(Re()),jo=e;mt=Gt.default=(0,rl.default)([(0,jo.jsx)("circle",{cx:"12",cy:"19",r:"2"},"0"),(0,jo.jsx)("path",{d:"M10 3h4v12h-4z"},"1")],"PriorityHigh");function Jt({step:t,ok:o,active:s,error:i,warning:l}){let d="grey.500",n=t+1;return o&&(n=e.jsx(hn,{sx:{fontSize:18,margin:0},color:"white"})),i||!o&&s>t?(d="error.main",n=e.jsx(mt,{sx:{fontSize:18,margin:0},color:"white"})):l?(d="warning.main",n=e.jsx(mt,{sx:{fontSize:18,margin:0},color:"white"})):s>=t&&(d="primary.main"),e.jsx(c,{width:24,height:24,bgcolor:d,borderRadius:"100%",color:"white",display:"flex",justifyContent:"center",fontWeight:"bold",fontSize:14,alignItems:"center",children:n})}Jt.propTypes={step:r.number,ok:r.bool,active:r.number,error:r.string,warning:r.bool};Jt.defaultProps={step:0,ok:!1,active:0,error:"",warning:!1};function cs({steps:t,activeStep:o,setActiveStep:s,hasSelectedResources:i,params:l,loading:d,paramsErrTip:n,warning:u,viewMode:a,projectId:h}){const{t:m}=te(),S=()=>{s(R=>R+1)},y=()=>{s(R=>R-1)},p=R=>R===0?(n==null?void 0:n.blockletTitle)||(n==null?void 0:n.projectId)||(n==null?void 0:n.blockletDescription)||(n==null?void 0:n.blockletHomepage)||(n==null?void 0:n.blockletSupport)||(n==null?void 0:n.blockletCommunity)||(n==null?void 0:n.blockletRepository):R===2?(n==null?void 0:n.blockletResource)||(n==null?void 0:n.blockletDocker)||(n==null?void 0:n.dockerImageName):R>=4?(n==null?void 0:n.blockletVersion)||(n==null?void 0:n.note):"",f=a||os({hasSelectedResources:i,params:l,projectId:h,t:m})===null;return e.jsxs(c,{sx:{width:300,maxWidth:300,minWidth:300,padding:2,border:"1px solid #ccc",borderRadius:2},children:[e.jsx(Ds,{activeStep:o,orientation:"vertical",children:t.map((R,I)=>{const j={},D=d||!sl({hasSelectedResources:i,params:l,projectId:h,step:I,t:m}),k=d?"":p(I);return k&&(j.optional=e.jsx(N,{variant:"caption",color:"error",children:k}),j.error=!0),e.jsxs(Ts,{children:[e.jsx(_s,{icon:e.jsx(Jt,{error:k,warning:I===0?u.hasWarning:!1,active:f?99:o,step:I,ok:D}),sx:{cursor:"pointer",color:k?"error.main":"inherit"},disabled:!1,onClick:()=>s(I),...j,children:e.jsx(N,{fontSize:"14px",fontWeight:"500",color:k||!D&&o>I?"error.main":"inherit",children:R.label})}),e.jsxs(Ps,{children:[e.jsx(N,{fontSize:12,children:R.description}),!f&&e.jsx(c,{sx:{mb:2},children:e.jsxs("div",{children:[I<t.length-1&&e.jsx(se,{variant:"contained",onClick:S,sx:{mt:1,mr:1},disabled:k||!D,children:m("common.continue")}),I>0&&e.jsx(se,{disabled:I===0,onClick:y,sx:{mt:1,mr:1},children:m("common.back")})]})})]})]},R.label)})}),o>=t.length-1&&e.jsx(jt,{square:!0,elevation:0,sx:{p:3},children:e.jsx(N,{fontSize:12,sx:{opacity:.5},children:"Click right top button to release"})})]})}cs.propTypes={steps:r.array.isRequired,activeStep:r.number.isRequired,setActiveStep:r.func.isRequired,params:r.object.isRequired,viewMode:r.string.isRequired,loading:r.bool.isRequired,projectId:r.string.isRequired,hasSelectedResources:r.bool.isRequired,warning:r.object.isRequired,paramsErrTip:r.shape({projectId:r.string,blockletVersion:r.string,blockletTitle:r.string,blockletDescription:r.string,note:r.string,blockletResource:r.string,blockletHomepage:r.string,blockletSupport:r.string,blockletCommunity:r.string,blockletRepository:r.string,blockletDocker:r.object,dockerImageName:r.string}).isRequired};const il=[".zip",".gz"],cl=1024*1024*100,al=x.lazy(()=>zo(()=>import("./index-B4PgdoaR.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12])).then(t=>({default:t.Uploader})));function Xt({app:t,projectId:o,readOnly:s,params:i,setParams:l,setParamsErrTip:d,error:n}){const{t:u,locale:a}=te(),h=x.useRef(null),m=()=>s?!1:!o||o===G.UNOWNED_DID?(V.error(u("blocklet.publish.errorTip.noFirstDid")),!1):!0,S=`${G.WELLKNOWN_SERVICE_PATH_PREFIX}/api/project/${t.meta.did}/${o}/resource/upload`;return e.jsxs(c,{sx:{mt:3},children:[e.jsx(N,{gutterBottom:!0,children:u("blocklet.publish.resourceUpload")}),e.jsxs(Se,{direction:"row",alignItems:"center",spacing:1,sx:{flex:1,cursor:s?"default":"pointer"},children:[!!i.uploadedResource&&e.jsx(N,{component:"a",href:`${S}/params.uploadedResource`,children:i.uploadedResource}),!s&&e.jsx(se,{variant:"outlined",size:"small",onClick:()=>{var y;m()&&((y=h.current)==null||y.open())},children:i.uploadedResource?u("common.change"):u("common.upload")})]}),e.jsx(x.Suspense,{fallback:e.jsx(Fe,{}),children:e.jsx(al,{ref:h,locale:a,popup:!0,onUploadFinish:y=>{var p;l({uploadedResource:y.data.filename}),d({blockletResource:""}),(p=h.current)==null||p.close()},plugins:["ImageEditor"],installerProps:{disabled:!0},apiPathProps:{uploader:S,disableMediaKitPrefix:!0,disableMediaKitStatus:!0},coreProps:{restrictions:{allowedFileExts:il,maxFileSize:cl,maxNumberOfFiles:1}}},"uploader-resource")}),!!n&&e.jsx(c,{color:"error.main",mt:1,fontSize:14,children:n})]})}Xt.propTypes={app:r.object.isRequired,projectId:r.string.isRequired,readOnly:r.bool.isRequired,params:r.object.isRequired,setParams:r.func.isRequired,error:r.string.isRequired,setParamsErrTip:r.func.isRequired};Xt.defaultProps={};function Ke({readOnly:t,params:o,setParams:s,paramsErrTip:i,setParamsErrTip:l,loading:d}){var u;const{t:n}=te();return e.jsx(c,{display:"flex",mt:3,className:"section",children:e.jsxs(c,{sx:{flex:1},children:[e.jsx(oe,{required:!0,disabled:d||t,label:`Blocklet ${n("common.version")}`,placeholder:`Blocklet ${n("common.version")}`,InputProps:{"data-cy":"blocklet-version",readOnly:t},autoComplete:"off",variant:"outlined",fullWidth:!0,value:o.blockletVersion||"",onChange:a=>{l({blockletVersion:""}),s({blockletVersion:a.target.value})},error:!!i.blockletVersion,helperText:i.blockletVersion||""}),e.jsx(oe,{label:n("blocklet.publish.releaseNote"),autoComplete:"off",disabled:d||t,variant:"outlined",InputProps:{"data-cy":"release-note",readOnly:t,endAdornment:e.jsxs(Me,{position:"end",children:[((u=o==null?void 0:o.note)==null?void 0:u.length)||0," / ",ue.PROJECT.MAX_NOTE_LENGTH]})},fullWidth:!0,multiline:!0,minRows:4,required:!0,value:o.note||"",onChange:a=>{l({note:""}),s({note:a.target.value.slice(0,ue.PROJECT.MAX_NOTE_LENGTH)})},error:!!i.note,helperText:i.note||"",sx:{mt:3}})]})})}Ke.propTypes={readOnly:r.bool.isRequired,params:r.object.isRequired,setParams:r.func.isRequired,paramsErrTip:r.object.isRequired,setParamsErrTip:r.func.isRequired,loading:r.bool.isRequired};Ke.defaultProps={};function as(t){for(const o in t)typeof t[o]=="string"?t[o]=t[o].replace(/\\\\/g,"\\"):typeof t[o]=="object"&&t[o]!==null&&as(t[o]);return t}function et({index:t,item:o,dockerParams:s,setDockerParams:i,dataKey:l,t:d,readOnly:n}){const u=(o==null?void 0:o.value)||"",[a,h]=x.useState(!1),m=()=>{var W;(W=s[l])==null||W.splice(t,1),i({...s,[l]:[...s[l]]})},S=(W,b)=>{var w;(w=s[l])!=null&&w[t]&&(b?(s[l][t].custom=s[l][t].value,s[l][t].value=`$${dt(o.key)}`):(s[l][t].value=s[l][t].custom||"",s[l][t].custom="")),i({...s,[l]:[...s[l]]})},y=(W,b)=>{var q;const w=((q=s[l][t])==null?void 0:q.value)||"";s[l][t]={...s[l][t],secure:b,value:b&&w===ue.BLOCKLET_AUTOMATIC_ENV_VALUE?"":w},i({...s,[l]:[...s[l]]})},p=(W,b)=>{s[l][t]={...s[l][t],shared:b},i({...s,[l]:[...s[l]]})},f=(W,b)=>{var q;const w=((q=s[l][t])==null?void 0:q.value)||"";s[l][t]={...s[l][t],required:b,value:b&&w===ue.BLOCKLET_AUTOMATIC_ENV_VALUE?"":w},i({...s,[l]:[...s[l]]})},R=(W,b)=>{s[l][t]={...s[l][t],value:b?ue.BLOCKLET_AUTOMATIC_ENV_VALUE:"",secure:!1,required:!1},i({...s,[l]:[...s[l]]})},I=W=>{s[l][t]={...s[l][t],description:W.target.value},i({...s,[l]:[...s[l]]})},j=W=>{const b=W.target.value==="web"?"web":"docker";b==="web"&&s.dockerArgs.forEach(g=>{g.type="docker"});const q=`/${s.dockerImage.replace(/\W/g,"-")}-${t}`;s.dockerArgs[t]={...s.dockerArgs[t],type:b,path:b==="docker"?q:"/",protocol:"http",prefix:b==="docker"?q:"/",name:"publicUrl",port:"BLOCKLET_PORT"},i({...s,dockerArgs:[...s.dockerArgs]})},D=W=>{s.dockerArgs[t]={...s.dockerArgs[t],proxyBehavior:W.target.value==="direct"?"direct":"service"},i({...s,dockerArgs:[...s.dockerArgs]})},k=W=>{const b=W.target.value;s[l][t]={...s[l][t],prefix:b,path:b==="*"?"/":b},i({...s,[l]:[...s[l]]})},T=W=>{var b;(b=s[l])!=null&&b[t]&&(s[l][t].value=W.target.value),i({...s,[l]:[...s[l]]})},L=u===`$${dt(o.key)}`||o.custom,z=l==="dockerArgs"&&!Oo[o.key],B=nn[o.key],v=l==="dockerEnvs",C=o.key==="--publish";let H=o.key;return C&&o.type==="web"?H="--publish (Web)":v&&(H=`--env ${o.key}`),e.jsxs(c,{sx:{display:"flex",flexDirection:"row",gap:2,alignItems:"center"},children:[e.jsx(c,{sx:{width:250},children:e.jsx(N,{sx:{textOverflow:"ellipsis",width:"100%",overflow:"hidden"},children:H})}),e.jsxs(c,{sx:{display:"flex",flexDirection:"column",gap:1,flex:1},children:[e.jsx(oe,{disabled:n||L||z||o.value===ue.BLOCKLET_AUTOMATIC_ENV_VALUE,placeholder:"",value:L?`$${dt(o.key)}`:u,sx:{flex:1},InputProps:{endAdornment:e.jsxs(Me,{position:"end",sx:{zoom:.9},children:[(!(B||z)||v||C)&&e.jsx(ce,{onClick:()=>h(!0),children:e.jsx(ae,{icon:"icon-park-outline:setting-config"})}),!n&&e.jsx(ce,{onClick:m,color:z?"error":"default",children:e.jsx(ae,{icon:"ic:round-delete"})})]})},error:z,onChange:T}),z&&e.jsx(N,{variant:"caption",color:"error",children:d("blocklet.publish.docker.noAllowTheArg")}),o.key==="--publish"&&e.jsx(N,{variant:"caption",color:"text.secondary",children:d("blocklet.publish.docker.publishTips")}),o.key==="--volume"&&ln[o.key](u)&&e.jsx(N,{variant:"caption",color:"error",children:d("blocklet.publish.docker.volumeTips")})]}),a&&e.jsx(yt,{open:!0,fullWidth:!0,maxWidth:"sm",PaperProps:{style:{minHeight:0}},title:d(v?"blocklet.publish.docker.modifyEnv":"blocklet.publish.docker.modifyParam"),onClose:()=>h(!1),children:e.jsxs(c,{sx:{display:"flex",flexDirection:"column",gap:1,paddingBottom:2},children:[B||z||v?null:e.jsxs(c,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(N,{children:d("blocklet.publish.docker.needCustomInput")}),e.jsx(De,{disabled:n,checked:L,onChange:S,sx:{zoom:.9}})]}),v&&e.jsxs(c,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(N,{children:d("blocklet.publish.docker.shared")}),e.jsx(De,{disabled:n,checked:o.shared,onChange:p,sx:{zoom:.9}})]}),v&&e.jsxs(c,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(N,{children:d("blocklet.publish.docker.required")}),e.jsx(De,{disabled:n,checked:o.required,onChange:f,sx:{zoom:.9}})]}),v&&e.jsxs(c,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(N,{children:d("blocklet.publish.docker.secure")}),e.jsx(De,{disabled:n,checked:o.secure,onChange:y,sx:{zoom:.9}})]}),v&&e.jsxs(c,{sx:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(N,{children:d("blocklet.publish.docker.autoGenerated")}),e.jsx(De,{disabled:n,checked:o.value===ue.BLOCKLET_AUTOMATIC_ENV_VALUE,onChange:R,sx:{zoom:.9}})]}),v&&e.jsxs(c,{sx:{mt:1,width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(N,{sx:{flex:1},children:d("blocklet.publish.docker.description")}),e.jsx(oe,{disabled:n,value:o.description,onChange:I,sx:{flex:1},label:d("blocklet.publish.docker.description")})]}),C&&e.jsxs(c,{sx:{mt:1,width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(N,{sx:{flex:1},children:d("blocklet.publish.docker.portType")}),e.jsxs(ft,{value:o.type||"docker",onChange:j,children:[e.jsx(fe,{value:"docker",children:"Docker"}),e.jsx(fe,{value:"web",children:"Web"})]})]}),C&&o.type==="web"&&e.jsxs(c,{sx:{mt:1,width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(N,{sx:{flex:1},children:d("blocklet.publish.docker.proxyBehavior")}),e.jsxs(ft,{value:o.proxyBehavior||"service",onChange:D,children:[e.jsx(fe,{value:"service",children:d("blocklet.publish.docker.serviceProxy")}),e.jsx(fe,{value:"direct",children:d("blocklet.publish.docker.directProxy")})]})]}),C&&o.type==="web"&&e.jsxs(c,{sx:{mt:1,width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(N,{sx:{flex:1},children:d("blocklet.publish.docker.prefix")}),e.jsx(oe,{disabled:n,value:o.prefix,onChange:k,sx:{flex:1},label:d("blocklet.publish.docker.prefix")})]})]})})]})}et.propTypes={dockerParams:r.object.isRequired,setDockerParams:r.func.isRequired,dataKey:r.string.isRequired,item:r.object.isRequired,t:r.func.isRequired,readOnly:r.bool.isRequired,index:r.number.isRequired};et.defaultProps={};const dl=`
+docker run --name postgrest
+-p 3000:3000
+-e PGRST_DB_URI="postgres://username:password@host:port/database"
+-e PGRST_DB_SCHEMA="public"
+-e PGRST_DB_ANON_ROLE="anon"
+postgrest/postgrest
+`.trim();function Yt({readOnly:t,paramsErrTip:o,setParamsErrTip:s,error:i,params:l,setParams:d}){const{t:n}=te(),[u,a]=x.useState("dockerParams"),[h,m]=x.useState(""),[S,y]=x.useState(!1),[p,f]=x.useState("--volume"),[R,I]=x.useState(""),[j,D]=x.useState(ho(h)),k=j.dockerArgs||[],T=j.dockerEnvs||[],L=j.dockerImage||"",z=j.dockerCommand||"",B=w=>{const{value:q}=w.target;m(q)};x.useEffect(()=>{l.blockletDocker&&l.blockletDocker.dockerImage&&!L&&D(l.blockletDocker)},[l,L,D]);const v=w=>{const q=ho(w.target.value);D(g=>{let _,J=!1;return q.dockerArgs.forEach(U=>{const re=g.dockerArgs.find(K=>K.key===U.key);re&&(Object.entries(re).forEach(([K,ee])=>{ee!=null&&K!=="value"&&(U[K]=ee)}),U.proxyBehavior=U.proxyBehavior||"server",U.type==="web"&&(U.path="/",U.protocol="http",U.prefix="/",U.name="publicUrl",U.port="BLOCKLET_PORT",J=!0),!_&&U.key==="--publish"&&(_=U))}),!J&&_&&(_.type="web",_.path="/",_.protocol="http",_.prefix="/",_.name="publicUrl",_.port="BLOCKLET_PORT"),q.dockerEnvs.forEach(U=>{const re=g.dockerEnvs.find(K=>K.key===U.key);re&&Object.entries(re).forEach(([K,ee])=>{ee!=null&&K!=="value"&&(U[K]=ee)})}),q})},C=()=>{if(y(!1),p==="--env"){D({...j,dockerEnvs:[...T,{key:R,value:"",custom:"",secure:!1,shared:!1,required:!1,description:R}]}),I("");return}D({...j,dockerArgs:[...k,{key:p,value:"",type:"docker",name:"",path:"",prefix:"",protocol:""}]})},H=()=>{y(!1),I("")},W=w=>{const{value:q}=w.target;D({...j,dockerImage:q}),q.indexOf(" ")>-1?s({...o,dockerImageName:n("blocklet.publish.docker.dockerImageNameError")}):s({...o,dockerImageName:""})},b=w=>{const{value:q}=w.target;D({...j,dockerCommand:q});try{cn(q),s({...o,dockerCMD:""})}catch{s({...o,dockerCMD:n("blocklet.publish.docker.dockerCMDError")})}};return x.useEffect(()=>{u==="dockerCommand"&&m(rn(j))},[j,u]),x.useEffect(()=>{d(w=>({...w,blockletDocker:{dockerImage:j.dockerImage,dockerCommand:j.dockerCommand,dockerArgs:j.dockerArgs,dockerEnvs:j.dockerEnvs}}))},[j,d]),e.jsxs(c,{sx:{mt:3},children:[e.jsxs(c,{sx:{width:"100%",display:"flex",flexDirection:"column",gap:2},children:[e.jsx(c,{sx:{borderBottom:1,borderColor:"divider",mb:2},children:e.jsxs($o,{value:u,onChange:(w,q)=>a(q),children:[e.jsx(Qe,{value:"dockerParams",label:n("blocklet.publish.docker.dockerParams")}),e.jsx(Qe,{value:"dockerCommand",label:n("blocklet.publish.docker.dockerCommand")})]})}),u==="dockerCommand"&&e.jsx(oe,{disabled:t,label:n("blocklet.publish.docker.pleaseInputDockerCommand"),placeholder:dl,InputProps:{"data-cy":"blocklet-docker-command",readOnly:t},autoComplete:"off",variant:"outlined",fullWidth:!0,multiline:!0,spellCheck:!1,minRows:10,value:h,onChange:B,onBlur:v}),u==="dockerParams"&&e.jsxs(c,{sx:{display:"flex",flexDirection:"column",gap:2},children:[e.jsx(oe,{disabled:t,label:n("blocklet.publish.docker.dockerImageName"),placeholder:"Example: docker.io/postgrest/postgrest:latest",value:L,sx:{flex:1},color:o.dockerImageName?"error":"primary",error:!!o.dockerImageName,helperText:o.dockerImageName||"",onChange:W}),e.jsx(oe,{disabled:t,label:`Docker CMD (${n("common.optional")})`,placeholder:"Docker CMD",value:z,sx:{flex:1},color:o.dockerCMD?"error":"primary",error:!!o.dockerCMD,helperText:o.dockerCMD||"",onChange:b}),e.jsx(c,{sx:{height:4}}),k.map((w,q)=>e.jsx(et,{index:q,item:w,dockerParams:j,setDockerParams:D,dataKey:"dockerArgs",t:n,readOnly:t},`${w.key}-${q}`)),T.map((w,q)=>e.jsx(et,{index:q,item:w,dockerParams:j,setDockerParams:D,dataKey:"dockerEnvs",t:n,readOnly:t},`${w.key}-${q}`)),!t&&e.jsxs(c,{sx:{display:"flex",flexDirection:"row",gap:2,alignItems:"center"},children:[e.jsx(c,{sx:{flex:1}}),e.jsx(se,{onClick:()=>y(!0),children:n("blocklet.publish.docker.addItem")})]})]})]}),!!i&&e.jsx(c,{color:"error.main",mt:1,fontSize:14,children:i}),S&&e.jsxs(ot,{fullWidth:!0,open:!0,children:[e.jsx(_o,{children:n("blocklet.publish.docker.addItem")}),e.jsx(Po,{children:e.jsxs(qs,{sx:{mt:1,width:"100%",minWidth:480,maxWidth:"100%"},children:[e.jsx(ft,{labelId:"demo-simple-select-helper-label",id:"demo-simple-select-helper",value:p,sx:{width:"100%"},onChange:w=>f(w.target.value),children:Object.keys(Oo).map(w=>e.jsx(fe,{value:w,children:w}))}),p==="--publish"&&e.jsx(N,{variant:"caption",color:"text.secondary",children:n("blocklet.publish.docker.publishTips")}),p==="--volume"&&e.jsx(N,{variant:"caption",color:"text.secondary",children:n("blocklet.publish.docker.volumeTips")}),p==="--env"&&e.jsxs(c,{sx:{mt:3,width:"100%"},children:[e.jsx(oe,{value:R,onChange:w=>I(w.target.value),sx:{width:"100%"},label:n("blocklet.publish.docker.envKey")}),e.jsx($s,{children:n("blocklet.publish.docker.dockerArgValue")})]})]})}),e.jsxs(qo,{children:[e.jsx(se,{onClick:H,children:n("common.cancel")}),e.jsx(se,{onClick:C,children:n("common.confirm")})]})]})]})}Yt.propTypes={readOnly:r.bool.isRequired,params:r.object.isRequired,setParams:r.func.isRequired,error:r.string.isRequired,setParamsErrTip:r.func.isRequired,paramsErrTip:r.func.isRequired};Yt.defaultProps={};const ul=({tabs:t,blocklet:o,ancestors:s=[]})=>{const i=o.meta.did;t.push({label:e.jsxs(c,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:[e.jsx(Ct,{size:24,blocklet:o,ancestors:s}),e.jsx(c,{ml:"4px",className:"text",children:e.jsx(c,{children:o.meta.title})})]},i),value:i})},ko=(t,o)=>{const s=St(t,["blockletVersion","blockletTitle","blockletDescription","blockletLogo","blockletIntroduction","blockletVideos","blockletScreenshots","blockletResourceType","blockletSupport","blockletHomepage","blockletCommunity","blockletRepository","blockletDocker","contentType","connectedStores","blockletComponents","lastReleaseId","uploadedResource","autoUpload","possibleSameStore","note"]);return s.blockletComponents?s.blockletComponents=s.blockletComponents.map(i=>({...i,included:!0})):s.blockletComponents=(o.children||[]).map(i=>({did:i.meta.did,included:!1,required:!1})),s},pl={0:"branding",1:"introduction",2:"resources",3:"blocklets",4:"version"},yo={branding:0,introduction:1,resources:2,blocklets:3,version:4};function Qt({initUrl:t,...o}){var eo,to;const{projectId:s,mode:i,releaseId:l,componentDid:d=""}=tt(),{t:n}=te(),{blocklet:u}=ze(),[a,h]=Ie({blockletScreenshots:[],blockletVideos:[],publishedStoreIds:[],connectedStores:[],uploadedResource:"",contentType:"blocklet",blockletResourceType:"",blockletSupport:"",blockletCommunity:"",blockletHomepage:"",blockletRepository:"",blockletDocker:{dockerImage:"",dockerArgs:[],dockerEnvs:[]}}),[m,S]=Ie({}),[y,p]=Ie({}),[f,R]=x.useState(!1),[I,j]=Ie(null),{api:D}=ye(),k=Le(P=>P.breakpoints.down("md")),[T,L]=x.useState({}),[z,B]=x.useState(!1),v=x.useRef({}),[C,H]=Ie({}),[W,b]=x.useState(""),[w,q]=Ie({}),g=t==null?void 0:t.searchParams.get("dependentComponentsMode"),_=g==="readonly",{session:J}=Ue(),{storeList:U}=Mt({fromBlocklet:!0,blocklet:u,componentDid:d,userDid:(eo=J==null?void 0:J.user)==null?void 0:eo.did}),[re,K]=x.useState([]);x.useEffect(()=>{Array.isArray(U)&&U.length>0&&Promise.all(U.map(async P=>({...(await(await fetch(`${P.url}/__blocklet__.js?type=json`)).json()).preferences,storeInfo:P}))).then(P=>{K(P)})},[U.length]),x.useEffect(()=>{const P={},A={},{logoUrl:pe,screenshotUrls:Ce}=Zo(a,u,s);Promise.all(re.map(async he=>{const{maxImageCount:qe,minImageCount:nt,logoImageType:we,imageMinHeight:oo,imageMinWidth:so}=he,Ge=Array.isArray(we)?we:we.split(",");P[he.storeInfo.url]||(P[he.storeInfo.url]={}),A[he.storeInfo.url]||(A[he.storeInfo.url]={});const lt=A[he.storeInfo.url],fs=P[he.storeInfo.url];Number(qe)<=Ce.length&&(lt.maxImageCount=n("blocklet.publish.storeRule.maxImageCount",{max:qe,count:Ce.length,unit:qe>1?n("blocklet.publish.storeRule.screenshots"):n("blocklet.publish.storeRule.screenshot")})),Number(he.minImageCount)>Ce.length&&(lt.minImageCount=n("blocklet.publish.storeRule.minImageCount",{min:nt,count:Ce.length,unit:nt>1?n("blocklet.publish.storeRule.screenshots"):n("blocklet.publish.storeRule.screenshot")}));const no=pe?pe.split(".").pop():"";no&&!(Ge.includes("jpg")?[...Ge,"jpeg"]:Ge).includes(no)&&(fs.logoFormat=n("blocklet.publish.storeRule.logoFormat",{format:Ge.join(",")})),await Promise.all(Ce.map((bs,rt)=>{const it=new Image;return it.src=bs,new Promise(xs=>{it.onload=()=>{const{width:ms,height:gs}=it;if(ms<Number(so)||gs<Number(oo)){let Oe="";switch(rt+1){case 1:Oe=n("blocklet.publish.storeRule.first");break;case 2:Oe=n("blocklet.publish.storeRule.second");break;case 3:Oe=n("blocklet.publish.storeRule.third");break;default:Oe=`${rt+1}`;break}lt[`imageSize-${rt+1}`]=n("blocklet.publish.storeRule.minImageSize",{width:so,height:oo,name:Oe})}xs()}})}))})).then(()=>{const he=Object.values(P).some(we=>Object.values(we).length>0),qe=Object.values(A).some(we=>Object.values(we).length>0);p({logoErrors:P,screenshotErrors:A,storeList:U,hasWarning:he||qe,hasLogoWarning:he,hasScreenshotWarning:qe})})},[a,u.did,s,re,n]);const ee=x.useMemo(()=>{const P={};return Object.keys(w).forEach(A=>{const pe=w[A];pe&&pe.forEach(Ce=>{P[Ce]=!0})}),P},[w]),Be=x.useCallback(P=>{_&&h({blockletComponents:[]}),q(P)},[_,q,h]),$=x.useCallback((...P)=>{H(...P),S({blockletResource:"",blockletDocker:""})},[]),M=l==="none"?(a==null?void 0:a.lastReleaseId)||"":l,[F,Q]=x.useState(i==="new-release"?4:0),X=t==null?void 0:t.searchParams.get("resourcesTitle"),ie=t==null?void 0:t.searchParams.get("componentsTitle"),Y=[{label:n("blocklet.publish.branding"),description:n("blocklet.publish.steps.branding")},{label:n("common.introduction"),description:n("blocklet.publish.steps.introduction")},{label:X||n("blocklet.publish.resourceTitle"),description:n("blocklet.publish.steps.resources")},{label:ie||n("common.components"),description:n("blocklet.publish.steps.blocklets")},{label:n("blocklet.publish.versionTitle"),description:n("blocklet.publish.steps.version")}],de=Y[F]||Y[Y.length-1],Z=pl[F];x.useEffect(()=>{s&&S({projectId:""})},[s,S]);const ve=x.useMemo(()=>{var P;return(a==null?void 0:a.blockletResourceType)==="resource"?"resource":(P=a==null?void 0:a.blockletComponents)!=null&&P.some(A=>A.included)||Object.keys(ee).length||a!=null&&a.uploadedResource?"pack":"resource"},[a==null?void 0:a.blockletComponents,a==null?void 0:a.uploadedResource,ee,a==null?void 0:a.blockletResourceType]),E=[],Te=((u==null?void 0:u.children)||[]).filter(P=>{var A;return(A=P.meta.resource)==null?void 0:A.exportApi}).filter(P=>!d||P.meta.did===d);Te.forEach(P=>{ul({tabs:E,blocklet:P,t:n,ancestors:[u]})});const[Ee,He]=x.useState((to=E[0])==null?void 0:to.value),We=!z&&(I==null?void 0:I.status)==="published",le=We,_e=Ys(()=>{if(!t)return;b(t.searchParams.get("logo")),h(A=>{var pe;return{...A,blockletTitle:(A==null?void 0:A.blockletTitle)||t.searchParams.get("title"),blockletDescription:(A==null?void 0:A.blockletDescription)||t.searchParams.get("description"),blockletIntroduction:(A==null?void 0:A.blockletIntroduction)||t.searchParams.get("introduction")||t.searchParams.get("description"),blockletComponents:(pe=A==null?void 0:A.blockletComponents)!=null&&pe.length?A==null?void 0:A.blockletComponents:JSON.parse(t.searchParams.get("components")||"[]"),note:(A==null?void 0:A.note)||t.searchParams.get("note")||"No note"}});const P=t.searchParams.get("resources");try{const A=JSON.parse(P);L(A)}catch{}}),O=async()=>{if(M)try{const P=await D.getRelease({input:{did:u.meta.did,projectId:s,releaseId:M}});if(R(!1),!P.release){V.error("Release not found");return}P.release.note=Ho(P.release.note,"note"),P.release=as(P.release),i!=="view"&&(P.release.note=""),h(A=>ko({...A,...P.release,blockletVersion:i==="create"||i==="new-release"?$e.inc(P.release.blockletVersion,"patch"):P.release.blockletVersion},u)),j(P.release)}catch(P){R(!1),V.error(Ne(P))}},ne=async()=>{if(s===G.UNOWNED_DID){h({blockletVersion:"0.0.1",blockletTitle:""});return}if(!s){V.error(n("blocklet.publish.errorTip.noDid"));return}try{const A=(await Jo(D.getProject,[{input:{did:u.meta.did,projectId:s}}],{key:"getProject"})).project||{};A.blockletVersion?(i==="create"||i==="new-release")&&$e.valid(A.blockletVersion)&&(A.blockletVersion=$e.inc(A.blockletVersion,"patch")):A.blockletVersion="0.0.1";const pe=ko(A,u);h(pe),A.lastReleaseId||_e()}catch(P){V.error(Ne(P))}},Pe=x.useCallback(async()=>{R(!0);try{if(i==="view"){if(!M){V.error("Empty release id");return}await ne(),await O();return}await ne(),M&&(B(!0),await O())}finally{R(!1)}},[i,M]),us=P=>{h({blockletComponents:P})},ps=P=>{h({blockletResourceType:P})};x.useEffect(()=>{Pe()},[Pe]),x.useEffect(()=>{s===G.UNOWNED_DID&&(i==="create"||i==="new-release")&&t&&_e()},[s,t,i,_e]),x.useEffect(()=>{a.contentType==="docker"?h({resourceFromSelect:!1}):a.contentType==="blocklet"?h({resourceFromSelect:!0}):a.contentType==="upload"&&h({resourceFromSelect:!1})},[a.contentType,h]);const Zt=x.useMemo(()=>!!Object.keys(C).find(P=>!!C[P].length),[C]);if(!a&&f)return e.jsx(Fe,{});if(!a)return null;const Kt=Te.find(P=>P.meta.did===Ee),hs=P=>{He(P)};return e.jsxs(hl,{...o,children:[e.jsx(ls,{blocklet:u,release:I,getData:Pe,getRelease:O,mode:i,params:a,setParams:h,setParamsErrTip:S,warning:y,readOnly:le,isPublished:We,loading:f,setLoading:R,initLogoUrl:W,releaseId:M,projectId:s,projectType:ve,resourceComponents:Te,resourceComponentsMap:w,resourceRelateComponents:ee,resourceItem:Kt,saveSelectedEventsRef:v,hasSelectedResources:Zt,releaseUsedLast:z,setReleaseUsedLast:B,setRelease:j,paramsErrTip:m}),e.jsxs(c,{display:"flex",flexDirection:"column",sx:{width:"100%"},children:[e.jsx(c,{pt:3}),e.jsxs(c,{sx:{gap:3},display:"flex",flexDirection:k?"column":"row",children:[!k&&e.jsx(cs,{steps:Y,loading:f,viewMode:i==="view",params:a,hasSelectedResources:Zt||a.uploadedResource,paramsErrTip:m,warning:y,activeStep:F,setActiveStep:Q,projectId:s,resourcesUrlTitle:X,componentsUrlTitle:ie}),e.jsxs(c,{flex:"1",maxWidth:"720px",children:[!k&&Z!=="introduction"&&e.jsxs(N,{variant:"h6",fontWeight:"bold",display:"flex",flexDirection:"row",alignItems:"center",children:[de.label,Z==="branding"&&e.jsx(me,{title:n("blocklet.publish.brandingHelp"),placement:"right",children:e.jsx(c,{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:e.jsx(Xs,{})})})]}),(k||Z==="branding")&&e.jsx(c,{flexDirection:"column",children:e.jsx(es,{projectId:s,setParams:h,setParamsErrTip:S,warning:y,params:a,componentDid:d,blocklet:u,initUrl:t,loading:f,setLoading:R,paramsErrTip:m,readOnly:le,initLogoUrl:W,setInitLogoUrl:b})}),k&&e.jsx(c,{flexDirection:"column",children:e.jsx(Ke,{loading:f,params:a,paramsErrTip:m,setParams:h,setParamsErrTip:S,readOnly:le})}),(k||Z==="introduction")&&e.jsx(c,{display:"flex",flexDirection:"column",sx:{mt:k?5:0,width:"100%"},children:e.jsx(is,{loading:f,readOnly:le,params:a,setParams:h,paramsErrTip:m,setParamsErrTip:S})}),k&&e.jsx(N,{variant:"h6",fontWeight:"bold",mt:5,children:Y[yo.resources].label}),e.jsx(c,{sx:{maxWidth:720},display:k||Z==="resources"?"flex":"none",flexDirection:"column",children:e.jsx(c,{display:"flex",mt:3,className:"section full-width",children:e.jsxs(c,{sx:{flex:1},children:[e.jsxs(Ls,{onChange:P=>h({contentType:P.target.value}),children:[e.jsx(Xe,{value:"blocklet",disabled:le,control:e.jsx(at,{size:"small",checked:a.contentType==="blocklet"}),label:n("blocklet.publish.resourceSelect")}),e.jsx(Xe,{value:"upload",disabled:le,control:e.jsx(at,{size:"small",checked:a.contentType==="upload"}),label:n("blocklet.publish.resourceUpload")}),e.jsx(Xe,{value:"docker",disabled:le,control:e.jsx(at,{size:"small",checked:a.contentType==="docker"}),label:n("blocklet.publish.resourceDocker")})]}),e.jsxs(c,{display:a.contentType==="blocklet"?"block":"none",children:[!d&&e.jsx(Vs,{tabs:E,current:Ee,onChange:hs,sx:{ml:-2,mt:2,maxWidth:k?window.innerWidth-24:"100%"}}),e.jsx(Ot,{loading:f,initialResources:T,saveSelectedEventsRef:v,selectedResourceIds:C,setSelectedResourceIds:$,setResourceComponentsMap:Be,error:m.blockletResource,app:u,readOnly:le,component:Kt,componentDid:d,initUrl:t,params:a,showTree:a.contentType==="blocklet",setParams:h,projectId:s===G.UNOWNED_DID?"":s,releaseUsedLast:z,release:{...I,id:M}})]}),a.contentType==="upload"&&e.jsx(Xt,{app:u,readOnly:le,projectId:s===G.UNOWNED_DID?"":s,params:a,error:m.blockletResource,setParams:h,setParamsErrTip:S}),a.contentType==="docker"&&e.jsx(Yt,{app:u,readOnly:le,projectId:s===G.UNOWNED_DID?"":s,params:a,error:m.blockletResource,setParams:h,setParamsErrTip:S,paramsErrTip:m})]})})}),k&&e.jsx(N,{variant:"h6",fontWeight:"bold",mt:5,children:Y[yo.blocklets].label}),(k||Z==="blocklets")&&e.jsx(c,{flexDirection:"column",children:e.jsx(c,{display:"flex",mt:3,className:"section full-width",children:e.jsx(c,{sx:{flex:1},children:e.jsx(At,{projectType:ve,disabled:f||le,app:u,value:(a==null?void 0:a.blockletComponents)||[],blockletResourceType:(a==null?void 0:a.blockletResourceType)||"",onChange:us,onChangeBlockletResourceType:ps,resourceRelateComponents:ee,dependentComponentsMode:g})})})}),!k&&Z==="version"&&e.jsx(c,{flexDirection:"column",children:e.jsx(Ke,{loading:f,params:a,paramsErrTip:m,setParams:h,setParamsErrTip:S,readOnly:le})})]})]})]})]})}Qt.propTypes={initUrl:r.object};Qt.defaultProps={initUrl:null};const hl=ge.div`
+  .section {
+    &.full-width {
+      max-width: 100%;
+    }
+    .MuiTypography-h3 {
+      font-size: 1.1rem;
+      font-weight: 700;
+    }
+    .left {
+      flex-shrink: 0;
+      width: 140px;
+    }
+    .MuiTabs-indicator {
+      display: none;
+    }
+    .MuiTypography-subtitle1 {
+      width: 120px;
+      font-weight: 700;
+      font-size: 1rem;
+      ${({theme:t})=>t.breakpoints.down("sm")} {
+        width: 80px;
+      }
+    }
+  }
+  .MuiButtonBase-root {
+    a {
+      color: inherit;
+    }
+  }
+  .MuiInputBase-multiline .MuiInputAdornment-positionEnd {
+    align-self: flex-end;
+    .MuiTypography-root {
+      font-size: 0.8rem;
+    }
+    font-size: 0.8rem;
+  }
+`;function ds({padding:t,initUrl:o}){const{blocklet:s}=ze(),i=js(),{componentDid:l}=tt();if(x.useEffect(()=>{if(l&&window.parent){const n=`${i.pathname}${i.search}`;window.parent.postMessage({event:"popstate",page:"publish",componentDid:l,path:n},"*")}},[l,i]),!s)return null;const d={};return t&&(d.padding=t),e.jsx(fl,{style:d,children:e.jsxs(ks,{children:[e.jsx(ct,{path:"/",element:e.jsx($t,{initUrl:o})}),e.jsx(ct,{path:"/:projectId",element:e.jsx(Sn,{})}),e.jsx(ct,{path:"/:projectId/:mode/:releaseId",element:e.jsx(Qt,{initUrl:o})})]})})}ds.propTypes={padding:r.oneOfType([r.string,r.number]),initUrl:r.object};ds.defaultProps={padding:"",initUrl:null};const fl=ge(c)`
+  a {
+    color: ${({theme:t})=>t.palette.primary.main};
+  }
+`;export{ds as default};

package/dist/assets/{index-CyTMvqg2.js → index-DsfwDSo4.js}

@@ -1,4 +1,4 @@
-import{u as q,V as z,bK as K,i as be,X as fe,a2 as ge,bC as je}from"./vendor-ux-did-connect-BUS40ceY.js";import{w as ye,l as de,j as we}from"./vendor-hooks-DbRTDIFw.js";import{r as C,b as X}from"./vendor-react-DoD83n6N.js";import{d as Z}from"./InfoOutlined-Dto4CBtr.js";import{z as N,C as ce,G as ke}from"./index-Do_PTy2g.js";import{u as F}from"./dashboard-DE28EHHN.js";import{E as o,j as e,D as ve,ab as Ee,r as Ce,a3 as f,M as ie,T as S,a2 as U,ac as ee,y as Te,x as B,bn as le,bO as V,a4 as A,L as G,z as Q,bg as Se,A as O,I as _,C as Re,bl as Ie,ad as P,cG as Me,ak as Pe,bd as Y,bk as De,b1 as We,cH as ze,cI as Ae,b2 as Oe,af as $e,bS as qe,s as pe,t as Le,cJ as Be,cK as He,cL as Ne,cM as Fe,cN as Ue}from"./vendor-mui-core-O22FPGM4.js";import{u as _e,C as J}from"./index.esm-CWepf7I_.js";import{n as Ke}from"./vendor-arcblock-BkdpkIRL.js";import{d as Ve}from"./ExpandLess-xJAJmJam.js";import{y as ue,w as Ye,x as Je}from"./vendor-utils-DJ1bmiuG.js";import{C as Ge}from"./confirm-CVR4a5FI.js";import{A as Qe}from"./actions-4OuC0GHy.js";import"./lottie-web-B6s7dDoL.js";import"./useLocalStorage-Nwt6lPBi.js";import"./PlayArrow-DsdnOq2p.js";import"./get-safe-url-C42wIqi-.js";import"./format-error-LAoTjvJe.js";import"./index-xfe9Dcxz.js";import"./session-BcGa2Lwu.js";import"./useAsyncRetry-CcF3e_P6.js";import"./useAsync-CDzQ0uN6.js";import"./useSetState-BL3ktMon.js";import"./MoreHoriz-CU3bPiks.js";const Xe=t=>{var j,y;const[d,c]=C.useState(null),[a,b]=C.useState(!t),[R,p]=C.useState(null),{blocklet:n}=ce(),l=(y=(j=n==null?void 0:n.site)==null?void 0:j.domainAliases[0])==null?void 0:y.value,v=C.useMemo(()=>{const h={};return d&&(d.sources.forEach(r=>{h[r.did]={source:r,events:[],count:0}}),d.events.forEach(r=>{h[r.source]&&(h[r.source].events.push(r),h[r.source].count+=1)})),h},[d]),T=async()=>{try{if(b(!0),!l)return;const r=await(await fetch(`https://${l}/.well-known/service/openevent.json`)).json();c(r),p(null)}catch(h){p(h instanceof Error?h:new Error(String(h)))}finally{b(!1)}};return C.useEffect(()=>{T()},[l]),{openEvent:d,setOpenEvent:c,eventsBySource:v,loading:a,error:R,loadData:T}};function te({eventsBySource:t,selectedEvents:d,setSelectedEvents:c,error:a}){const{t:b}=q(),[R,p]=C.useState({}),n=C.useMemo(()=>{const r={};return Object.entries(t).forEach(([w,{events:g}])=>{const E=g.filter(u=>d[`${u.type}-${u.source}`]).length;r[w]=E}),r},[t,d]),l=C.useMemo(()=>Object.values(n).reduce((r,w)=>r+w,0),[n]),v=C.useMemo(()=>Object.values(t).reduce((r,{events:w})=>r+w.length,0),[t]),T=(r,w)=>{w.stopPropagation(),p({...R,[r]:!R[r]})},j=r=>{const w=`${r.type}-${r.source}`;c(g=>({...g,[w]:!g[w]}))},y=(r,w)=>{const g={};r.forEach(E=>{const u=`${E.type}-${E.source}`;g[u]=!w}),c(E=>({...E,...g}))},h=r=>{const w={};Object.values(t).forEach(({events:g})=>{g.forEach(E=>{const u=`${E.type}-${E.source}`;w[u]=r.target.checked})}),c(w)};return e.jsxs(f,{sx:{width:"100%"},children:[e.jsxs(f,{sx:{display:"flex",alignItems:"center",mb:1,mt:1},children:[e.jsx(le,{control:e.jsx(V,{onChange:h,checked:l>0&&l===v}),label:e.jsxs(f,{sx:{display:"flex",alignItems:"center",cursor:"pointer"},children:[b("webhookEndpoint.selectAllEvents"),e.jsx(f,{sx:{display:"flex",alignItems:"center"},children:e.jsx(A,{title:b("webhookEndpoint.selectAllEventsTooltip"),placement:"right",children:e.jsx(Z,{fontSize:"small",sx:{ml:.5,cursor:"help"}})})})]}),sx:{m:0}}),l>0&&e.jsx(S,{variant:"body2",color:"primary",sx:{ml:"auto"},children:b("webhookEndpoint.selectedEventsCount",{count:l})})]}),e.jsx(f,{sx:{maxHeight:"50vh",overflow:"auto"},children:e.jsx(G,{disablePadding:!0,sx:{border:"1px solid #e0e0e0",borderRadius:"4px"},children:Object.entries(t).map(([r,{source:w,events:g,count:E}],u)=>{const M=n[r]>0,i=n[r]===g.length&&g.length>0,x=R[r];return e.jsxs(X.Fragment,{children:[e.jsx(Q,{sx:{borderBottom:u<Object.keys(t).length-1?"1px solid #f0f0f0":"none",px:2,py:1.5,"&:hover":{bgcolor:"rgba(0, 0, 0, 0.02)"}},children:e.jsxs(f,{sx:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},onClick:s=>{s.target.closest(".MuiFormControlLabel-root")||T(r,s)},children:[e.jsx(f,{sx:{display:"flex",alignItems:"center"},children:g.length>0&&e.jsx(le,{control:e.jsx(V,{checked:i,indeterminate:M&&!i,onChange:s=>{s.stopPropagation(),y(g,i)}}),label:e.jsxs(f,{sx:{display:"flex",alignItems:"center",gap:1},children:[w.logo&&e.jsx(Se,{src:w.logo,sx:{width:24,height:24}}),e.jsx(f,{children:w.title||r}),M&&e.jsx(O,{label:b("webhookEndpoint.selectedCount",{count:n[r]}),size:"small",sx:{mt:"2px",height:"20px",fontSize:"12px",bgcolor:s=>`${s.palette.primary.main}20`,color:"primary.main",fontWeight:500}})]}),sx:{m:0,"& .MuiFormControlLabel-label":{flex:1}}})}),e.jsxs(f,{sx:{display:"flex",alignItems:"center"},children:[e.jsx(S,{variant:"body2",color:"text.secondary",sx:{mr:1},children:b("webhookEndpoint.eventsCount",{count:E})}),g.length>0&&e.jsx(_,{size:"small",edge:"end",children:x?e.jsx(Ve,{}):e.jsx(Ke,{})})]})]})}),g.length>0&&e.jsx(Re,{in:x,timeout:"auto",unmountOnExit:!0,children:e.jsx(G,{disablePadding:!0,sx:{pl:2,pr:2,py:1,bgcolor:"rgba(0, 0, 0, 0.01)"},children:g.map(s=>{const m=`${s.type}-${s.source}`,k=!!d[m];return e.jsx(Q,{dense:!0,sx:{py:.75},onClick:()=>j(s),children:e.jsxs(f,{sx:{display:"flex",alignItems:"flex-start",width:"100%"},children:[e.jsx(V,{checked:k,sx:{mr:1}}),e.jsxs(f,{children:[e.jsx(S,{variant:"body1",sx:{cursor:"pointer"},children:s.type}),e.jsx(S,{variant:"caption",color:"text.disabled",sx:{display:"block",cursor:"pointer"},children:s.description})]})]})},m)})})})]},r)})})}),a&&e.jsx(Ie,{error:!0,sx:{mt:1},children:a})]})}te.propTypes={eventsBySource:o.objectOf(o.shape({source:o.shape({did:o.string.isRequired,title:o.string,description:o.string,version:o.string,logo:o.string}).isRequired,events:o.arrayOf(o.shape({type:o.string.isRequired,description:o.string.isRequired,source:o.string.isRequired})).isRequired,count:o.number.isRequired})).isRequired,selectedEvents:o.objectOf(o.bool).isRequired,setSelectedEvents:o.func.isRequired,error:o.string};te.defaultProps={error:null};function oe({id:t,url:d,description:c,enabledEvents:a,onSubmit:b,onClose:R}){var s;const{t:p}=q(),[n,l]=C.useState({}),{teamDid:v}=F(),{api:T}=N(),{loading:j,error:y,eventsBySource:h}=Xe(),{control:r,handleSubmit:w,formState:{errors:g},reset:E,setValue:u,trigger:M}=_e({defaultValues:{url:"",description:""}});C.useEffect(()=>{const m=Object.values(n).some(k=>k);u("selectedEvents",m?"valid":""),M("selectedEvents")},[n,u,M]);const i=()=>{l({}),E(),R()},x=async m=>{const k=Object.keys(n).filter(I=>n[I]),D={url:m.url,description:m.description,enabledEvents:k.map(I=>{const[$,L]=I.split("-");return!$||!L?null:{type:$,source:L}}).filter(Boolean)};try{if(t){const I=await T.updateWebhookEndpoint({input:{teamDid:v,id:t,data:D}});z.success(`${p("webhookEndpoint.updateWebhook")} ${p("webhookEndpoint.success")}`),b(I)}else{const I=await T.createWebhookEndpoint({input:{teamDid:v,input:D}});z.success(`${p("webhookEndpoint.createWebhook")} ${p("webhookEndpoint.success")}`),b(I)}}catch(I){z.error(I==null?void 0:I.message)}i()};return C.useEffect(()=>{E({url:d,description:c}),l(a.reduce((m,k)=>(m[`${k.type}-${k.source}`]=!0,m),{}))},[E,l,d,c,a]),e.jsx(ve,{open:!0,onClose:i,maxWidth:"lg",fullWidth:!0,sx:{"& .MuiDialog-paper":{minHeight:600}},children:e.jsxs("form",{onSubmit:w(x),children:[e.jsx(Ee,{children:p(t?"webhookEndpoint.editWebhookTitle":"webhookEndpoint.createWebhookTitle")}),e.jsx(Ce,{children:e.jsxs(f,{sx:{display:"flex",flexDirection:"column",gap:2,mt:2},children:[e.jsx(J,{name:"url",control:r,rules:{required:p("webhookEndpoint.validation.urlRequired"),pattern:{value:/^(http|https):\/\/[^ "]+$/,message:p("webhookEndpoint.validation.urlInvalid")}},render:({field:m})=>{var k;return e.jsx(ie,{...m,label:p("webhookEndpoint.url.label"),fullWidth:!0,error:!!g.url,helperText:(k=g.url)==null?void 0:k.message})}}),e.jsx(J,{name:"description",control:r,rules:{required:p("webhookEndpoint.validation.descriptionRequired")},render:({field:m})=>{var k;return e.jsx(ie,{...m,label:p("webhookEndpoint.description.label"),fullWidth:!0,multiline:!0,minRows:2,maxRows:4,error:!!g.description,helperText:(k=g.description)==null?void 0:k.message})}}),e.jsx(J,{name:"selectedEvents",control:r,rules:{required:p("webhookEndpoint.validation.eventRequired")},render:({field:m})=>e.jsx("input",{type:"hidden",...m})}),!j&&h&&Object.keys(h).length>0&&e.jsx(te,{eventsBySource:h,selectedEvents:n,setSelectedEvents:l,error:(s=g.selectedEvents)==null?void 0:s.message}),!j&&(!h||Object.keys(h).length===0)&&e.jsx(S,{color:"text.secondary",children:p("webhookEndpoint.noAvailableEvents")}),j&&e.jsx(f,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"500px",width:"100%"},children:e.jsx(U,{size:20})}),y&&e.jsx(ee,{severity:"error",children:p("webhookEndpoint.loadingError",{message:y==null?void 0:y.message})})]})}),e.jsxs(Te,{sx:{p:"8px 24px 24px"},children:[e.jsx(B,{onClick:i,children:p("common.cancel")}),e.jsx(B,{type:"submit",variant:"contained",color:"primary",children:p(t?"webhookEndpoint.updateWebhook":"webhookEndpoint.saveWebhook")})]})]})})}oe.propTypes={onSubmit:o.func.isRequired,id:o.string,url:o.string,description:o.string,enabledEvents:o.arrayOf(o.shape({type:o.string.isRequired,source:o.string.isRequired})),onClose:o.func};oe.defaultProps={id:null,url:"",description:"",enabledEvents:[],onClose:()=>{}};function he(t){switch(t){case"enabled":return"success";case"disabled":default:return"default"}}const Ze=(t="en")=>t==="tw"?"zh":t;function H(t,d="YYYY-MM-DD HH:mm:ss",c="en"){return t?ke(t).locale(Ze(c)).format(d):"-"}function et(t){return typeof t=="number"?!1:ue(t)}function tt(t){return t>=200&&t<300}function W(t){const d=et(t.value);return e.jsxs(e.Fragment,{children:[e.jsxs(P,{direction:"column",alignItems:"flex-start",children:[e.jsxs(S,{component:"div",variant:"body1",mb:1,color:"text.primary",sx:{fontWeight:500},children:[t.label,!!t.tip&&e.jsx(A,{title:t.tip,children:e.jsx(Me,{fontSize:"small"})})]}),e.jsx(S,{component:"div",variant:"body1",color:d?"text.disabled":"text.secondary",sx:{width:"100%",minHeight:"24px"},children:d?"-":t.value})]}),t.divider&&e.jsx(Pe,{orientation:"vertical",flexItem:!0})]})}W.propTypes={label:o.oneOfType([o.string,o.node]).isRequired,value:o.oneOfType([o.string,o.node]).isRequired,tip:o.oneOfType([o.string,o.node]),divider:o.bool};W.defaultProps={tip:"",divider:!1};function ne(t){return e.jsxs(P,{className:"section-header",direction:"row",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:1,sx:{mb:t.mb,mt:t.mt,pb:1},children:[e.jsx(S,{variant:"h3",sx:{fontSize:{xs:"18px",md:"1.09375rem"}},component:"div",children:t.title}),t.children]})}ne.propTypes={title:o.oneOfType([o.string,o.node]).isRequired,children:o.node,mb:o.number,mt:o.number};ne.defaultProps={children:null,mb:1.5,mt:1.5};const ot={width:24,height:24,body:'<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"/>'},nt=t=>{const d={};return t.forEach(c=>{var b;const a=new Date(c.createdAt).toLocaleDateString();d[a]||(d[a]=[]),(b=d[a])==null||b.push(c)}),d};function se({eventId:t,webhookEndpointId:d,event:c}){const{api:a}=N(),{t:b}=q(),{teamDid:R}=F(),{blocklet:p}=ce(),{data:n,loadMore:l,loadingMore:v,loading:T}=ye(u=>{const i=u?Math.ceil(u.list.length/15)+1:1;return a.getWebhookAttempts({input:{teamDid:R,input:{eventId:t,webhookId:d},paging:{page:i,pageSize:15}}})},{reloadDeps:[t,d]}),j=(n==null?void 0:n.list)||[],[y,h]=C.useState(null),r=nt(j);C.useEffect(()=>{!y&&(n!=null&&n.list.length)&&h(n.list[0])},[n==null?void 0:n.list.length,y]);const w=u=>{h(u)};if(T)return e.jsx(U,{});const g=n&&n.list.length<n.paging.total,E=u=>{var M,i,x,s,m;if(u.responseBody&&((M=u.responseBody)!=null&&M.sessionId)&&((i=u.responseBody)!=null&&i.projectId)&&((x=u.responseBody)!=null&&x.agentId)){const k=(m=(s=p==null?void 0:p.site)==null?void 0:s.domainAliases[0])==null?void 0:m.value,D=(p.children||[]).find($=>{var L;return((L=$==null?void 0:$.meta)==null?void 0:L.name)==="ai-studio"}),I=Ye(Je(`https://${k}`,(D==null?void 0:D.mountPoint)||"","projects",u.responseBody.projectId,"logs/main"),{sessionId:u.responseBody.sessionId,agentId:u.responseBody.agentId});return e.jsx(_,{sx:{fontSize:20},onClick:()=>window.open(I,"_blank"),children:e.jsx(f,{component:be,icon:ot})})}return null};return e.jsxs(Y,{container:!0,spacing:{xs:0,md:1},sx:{height:1},children:[e.jsx(Y,{item:!0,xs:12,md:4,height:1,children:ue(Object.keys(r))?e.jsx(S,{color:"text.secondary",children:b("webhookEndpoint.waitingForEvents")}):e.jsxs(e.Fragment,{children:[e.jsx(G,{sx:{maxHeight:"calc(100% - 40px)",py:0,overflowY:"auto"},children:Object.entries(r).map(([u,M])=>e.jsxs(X.Fragment,{children:[e.jsx(De,{children:u}),M.map(i=>e.jsxs(Q,{sx:{cursor:"pointer"},onClick:()=>w(i),selected:y===i,secondaryAction:e.jsx(S,{color:"text.secondary",children:H(i.createdAt,"HH:mm:ss")}),children:[e.jsx(We,{sx:{minWidth:0,mr:1.5},children:tt(i.responseStatus)===!1?e.jsx(ze,{color:"error"}):e.jsx(Ae,{color:"success"})}),e.jsx(Oe,{primary:e.jsx(S,{color:"text.primary",children:i.event.type})})]},i.id))]},u))}),g&&e.jsx(f,{display:"flex",justifyContent:"center",alignItems:"center",width:1,children:e.jsx(B,{variant:"text",type:"button",color:"inherit",onClick:l,disabled:v,sx:{color:u=>u.palette.text.disabled},children:b(v?"webhookEndpoint.loadingMore":"webhookEndpoint.loadMore")})})]})}),e.jsxs(Y,{item:!0,xs:12,md:8,height:1,children:[y&&e.jsxs(P,{height:1,overflow:"auto",direction:"column",spacing:2,sx:{pl:{xs:0,md:1},mt:{xs:2,md:0},borderLeft:{xs:"none"}},children:[e.jsxs(f,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(S,{variant:"h6",children:t?y.endpoint.url:y.event.type}),e.jsx(f,{children:E(y)})]}),e.jsxs(f,{children:[e.jsxs(S,{variant:"h6",children:[b("webhookEndpoint.response")," (",y.responseStatus,")"]}),e.jsx(K,{language:"json",children:JSON.stringify(y.responseBody,null,2)})]}),e.jsxs(f,{children:[e.jsx(P,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:b("webhookEndpoint.request")})}),e.jsx(K,{language:"json",sx:{margin:0},children:JSON.stringify(y.event,null,2)})]})]}),(n==null?void 0:n.list.length)===0&&c&&e.jsxs(f,{children:[e.jsx(P,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:b("webhookEndpoint.eventData")})}),e.jsx(K,{language:"json",sx:{margin:0},children:JSON.stringify(c.data,null,2)})]})]})]})}se.propTypes={eventId:o.string,webhookEndpointId:o.string,event:o.shape({type:o.string,data:o.object,request:o.object,requestInfo:o.object})};se.defaultProps={eventId:"",webhookEndpointId:"",event:null};function xe({id:t,onClose:d}){var v,T,j,y;const{t:c}=q(),{api:a}=N(),{teamDid:b}=F(),{loading:R,error:p,data:n}=de(()=>a.getWebhookEndpoint({input:{teamDid:b,id:t}})),l=n==null?void 0:n.data;return p?e.jsx(ee,{severity:"error",children:p.message}):R||!l?e.jsx(f,{display:"flex",justifyContent:"center",alignItems:"center",height:1,width:1,children:e.jsx(U,{})}):e.jsxs(st,{direction:"column",sx:{height:{xs:"auto",md:1}},children:[e.jsxs(f,{children:[e.jsxs(P,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e.jsx(P,{flex:1,width:0,children:e.jsxs(f,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(S,{variant:"h5",fontWeight:600,sx:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:l.description}),e.jsx(A,{title:l.url,children:e.jsx(Z,{sx:{fontSize:"16px",marginTop:"2px"}})})]})}),e.jsx(P,{direction:"row",alignItems:"center",children:e.jsx(_,{edge:"end",color:"inherit",onClick:d,children:e.jsx(qe,{})})})]}),e.jsx(f,{mt:2,children:e.jsxs(P,{className:"section-body",direction:{xs:"column",md:"row"},spacing:{xs:1,md:3},justifyContent:"flex-start",flexWrap:"wrap",sx:{pt:2,mt:2,borderTop:"1px solid #eee"},children:[e.jsx(W,{label:c("common.status"),value:e.jsx(O,{size:"small",variant:"filled",label:l.status,color:he(l.status),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}}),divider:!0}),e.jsx(W,{label:c("webhookEndpoint.listen"),value:e.jsx(A,{arrow:!0,title:e.jsx("ul",{style:{padding:0,margin:0},children:l.enabledEvents.map(h=>e.jsx("li",{style:{fontSize:"0.7875rem"},children:h==null?void 0:h.type},h))}),children:e.jsx(O,{size:"small",variant:"filled",label:c("webhookEndpoint.eventsCount",{count:l.enabledEvents.length}),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx(W,{label:c("webhookEndpoint.version"),value:l.apiVersion,divider:!0}),e.jsx(W,{label:c("common.createdAt"),value:H(l.createdAt),divider:!0}),e.jsx(W,{label:c("common.updatedAt"),value:H(l.updatedAt),divider:!0}),e.jsx(W,{label:c("common.createdBy"),value:e.jsx(A,{arrow:!0,title:(v=l.createUser)==null?void 0:v.did,children:e.jsx(O,{size:"small",variant:"filled",label:(T=l.createUser)==null?void 0:T.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx(W,{label:c("common.updatedBy"),value:e.jsx(A,{arrow:!0,title:(j=l.updateUser)==null?void 0:j.did,children:e.jsx(O,{size:"small",variant:"filled",label:(y=l.updateUser)==null?void 0:y.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})})})]})})]}),e.jsxs(P,{className:"section",flex:1,height:0,overflow:"hidden",children:[e.jsx(ne,{title:c("webhookEndpoint.attempts"),mb:0,mt:4}),e.jsx(P,{height:0,flex:1,overflow:"hidden",children:e.jsx(se,{webhookEndpointId:l.id})})]})]})}xe.propTypes={id:o.string.isRequired,onClose:o.func.isRequired};const st=pe(P)``;function me({open:t,onClose:d,id:c}){return e.jsx($e,{anchor:"right",open:t,onClose:d,PaperProps:{sx:{width:"90vw",maxWidth:"1200px"}},children:e.jsx(f,{sx:{height:"100vh",p:3},children:e.jsx(xe,{id:c,onClose:d})})})}me.propTypes={open:o.bool.isRequired,onClose:o.func.isRequired,id:o.string.isRequired};function ae(){return null}const re=X.memo(({options:t,columns:d,toolbar:c=!0,footer:a=!0,hasRowLink:b=!1,emptyNodeText:R="",...p})=>{const{locale:n}=q(),l=Le(j=>j.breakpoints.down("md")),v={print:!1,download:!1,filter:!1,selectableRows:"none",rowsPerPage:l?5:10,rowsPerPageOptions:[5,10,20,50,100],searchDebounceTime:300,tableBodyHeight:"100%",loading:!0},T={};return c||(T.TableToolbar=ae),a||(T.TableFooter=ae),e.jsx(rt,{locale:n,options:{...v,...t},columns:(d||[]).map(j=>(j.options=j.options||{},j.options.filter=j.options.filter||!1,j.options.sort=j.options.sort||!1,j)),emptyNode:e.jsx(fe,{children:R}),...p,components:T,hasRowLink:b,isMobile:l})});re.propTypes={options:o.object,columns:o.array,toolbar:o.bool,footer:o.bool,hasRowLink:o.bool,emptyNodeText:o.node,durable:o.string,durableKeys:o.array,data:o.array,loading:o.bool,onChange:o.func,title:o.node,components:o.object};re.defaultProps={options:{},columns:[],toolbar:!0,footer:!0,hasRowLink:!1,emptyNodeText:null,durable:"",durableKeys:[],data:[],loading:!1,onChange:()=>{},title:null,components:{}};const rt=pe(ge)`
+import{u as q,V as z,bK as K,i as be,X as fe,a2 as ge,bC as je}from"./vendor-ux-did-connect-D75Zatzm.js";import{w as ye,l as de,j as we}from"./vendor-hooks-CYyfK9g3.js";import{r as C,b as X}from"./vendor-react-DoD83n6N.js";import{d as Z}from"./InfoOutlined-HP5LuELQ.js";import{z as N,C as ce,G as ke}from"./index-C8sg0Ts_.js";import{u as F}from"./dashboard-BUwFD31P.js";import{E as o,j as e,D as ve,ab as Ee,r as Ce,a3 as f,M as ie,T as S,a2 as U,ac as ee,y as Te,x as B,bn as le,bO as V,a4 as A,L as G,z as Q,bg as Se,A as O,I as _,C as Re,bl as Ie,ad as P,cG as Me,ak as Pe,bd as Y,bk as De,b1 as We,cH as ze,cI as Ae,b2 as Oe,af as $e,bS as qe,s as pe,t as Le,cJ as Be,cK as He,cL as Ne,cM as Fe,cN as Ue}from"./vendor-mui-core-O22FPGM4.js";import{u as _e,C as J}from"./index.esm-CWepf7I_.js";import{n as Ke}from"./vendor-arcblock-E5QJEgSK.js";import{d as Ve}from"./ExpandLess-BqrBuxL9.js";import{y as ue,w as Ye,x as Je}from"./vendor-utils-CbeKtci8.js";import{C as Ge}from"./confirm-BaiaCWsM.js";import{A as Qe}from"./actions-CBPbCBQc.js";import"./lottie-web-B6s7dDoL.js";import"./useLocalStorage-CtbpqE0c.js";import"./PlayArrow-DI84Lay5.js";import"./get-safe-url-CXJBjnNj.js";import"./format-error-LAoTjvJe.js";import"./index-DMqGxTc4.js";import"./session-CD9NaM-v.js";import"./useAsyncRetry-CEJwVPZ6.js";import"./useAsync-D2OhgEkV.js";import"./useSetState-BL3ktMon.js";import"./MoreHoriz-Cv3BqpRU.js";const Xe=t=>{var j,y;const[d,c]=C.useState(null),[a,b]=C.useState(!t),[R,p]=C.useState(null),{blocklet:n}=ce(),l=(y=(j=n==null?void 0:n.site)==null?void 0:j.domainAliases[0])==null?void 0:y.value,v=C.useMemo(()=>{const h={};return d&&(d.sources.forEach(r=>{h[r.did]={source:r,events:[],count:0}}),d.events.forEach(r=>{h[r.source]&&(h[r.source].events.push(r),h[r.source].count+=1)})),h},[d]),T=async()=>{try{if(b(!0),!l)return;const r=await(await fetch(`https://${l}/.well-known/service/openevent.json`)).json();c(r),p(null)}catch(h){p(h instanceof Error?h:new Error(String(h)))}finally{b(!1)}};return C.useEffect(()=>{T()},[l]),{openEvent:d,setOpenEvent:c,eventsBySource:v,loading:a,error:R,loadData:T}};function te({eventsBySource:t,selectedEvents:d,setSelectedEvents:c,error:a}){const{t:b}=q(),[R,p]=C.useState({}),n=C.useMemo(()=>{const r={};return Object.entries(t).forEach(([w,{events:g}])=>{const E=g.filter(u=>d[`${u.type}-${u.source}`]).length;r[w]=E}),r},[t,d]),l=C.useMemo(()=>Object.values(n).reduce((r,w)=>r+w,0),[n]),v=C.useMemo(()=>Object.values(t).reduce((r,{events:w})=>r+w.length,0),[t]),T=(r,w)=>{w.stopPropagation(),p({...R,[r]:!R[r]})},j=r=>{const w=`${r.type}-${r.source}`;c(g=>({...g,[w]:!g[w]}))},y=(r,w)=>{const g={};r.forEach(E=>{const u=`${E.type}-${E.source}`;g[u]=!w}),c(E=>({...E,...g}))},h=r=>{const w={};Object.values(t).forEach(({events:g})=>{g.forEach(E=>{const u=`${E.type}-${E.source}`;w[u]=r.target.checked})}),c(w)};return e.jsxs(f,{sx:{width:"100%"},children:[e.jsxs(f,{sx:{display:"flex",alignItems:"center",mb:1,mt:1},children:[e.jsx(le,{control:e.jsx(V,{onChange:h,checked:l>0&&l===v}),label:e.jsxs(f,{sx:{display:"flex",alignItems:"center",cursor:"pointer"},children:[b("webhookEndpoint.selectAllEvents"),e.jsx(f,{sx:{display:"flex",alignItems:"center"},children:e.jsx(A,{title:b("webhookEndpoint.selectAllEventsTooltip"),placement:"right",children:e.jsx(Z,{fontSize:"small",sx:{ml:.5,cursor:"help"}})})})]}),sx:{m:0}}),l>0&&e.jsx(S,{variant:"body2",color:"primary",sx:{ml:"auto"},children:b("webhookEndpoint.selectedEventsCount",{count:l})})]}),e.jsx(f,{sx:{maxHeight:"50vh",overflow:"auto"},children:e.jsx(G,{disablePadding:!0,sx:{border:"1px solid #e0e0e0",borderRadius:"4px"},children:Object.entries(t).map(([r,{source:w,events:g,count:E}],u)=>{const M=n[r]>0,i=n[r]===g.length&&g.length>0,x=R[r];return e.jsxs(X.Fragment,{children:[e.jsx(Q,{sx:{borderBottom:u<Object.keys(t).length-1?"1px solid #f0f0f0":"none",px:2,py:1.5,"&:hover":{bgcolor:"rgba(0, 0, 0, 0.02)"}},children:e.jsxs(f,{sx:{display:"flex",width:"100%",justifyContent:"space-between",alignItems:"center"},onClick:s=>{s.target.closest(".MuiFormControlLabel-root")||T(r,s)},children:[e.jsx(f,{sx:{display:"flex",alignItems:"center"},children:g.length>0&&e.jsx(le,{control:e.jsx(V,{checked:i,indeterminate:M&&!i,onChange:s=>{s.stopPropagation(),y(g,i)}}),label:e.jsxs(f,{sx:{display:"flex",alignItems:"center",gap:1},children:[w.logo&&e.jsx(Se,{src:w.logo,sx:{width:24,height:24}}),e.jsx(f,{children:w.title||r}),M&&e.jsx(O,{label:b("webhookEndpoint.selectedCount",{count:n[r]}),size:"small",sx:{mt:"2px",height:"20px",fontSize:"12px",bgcolor:s=>`${s.palette.primary.main}20`,color:"primary.main",fontWeight:500}})]}),sx:{m:0,"& .MuiFormControlLabel-label":{flex:1}}})}),e.jsxs(f,{sx:{display:"flex",alignItems:"center"},children:[e.jsx(S,{variant:"body2",color:"text.secondary",sx:{mr:1},children:b("webhookEndpoint.eventsCount",{count:E})}),g.length>0&&e.jsx(_,{size:"small",edge:"end",children:x?e.jsx(Ve,{}):e.jsx(Ke,{})})]})]})}),g.length>0&&e.jsx(Re,{in:x,timeout:"auto",unmountOnExit:!0,children:e.jsx(G,{disablePadding:!0,sx:{pl:2,pr:2,py:1,bgcolor:"rgba(0, 0, 0, 0.01)"},children:g.map(s=>{const m=`${s.type}-${s.source}`,k=!!d[m];return e.jsx(Q,{dense:!0,sx:{py:.75},onClick:()=>j(s),children:e.jsxs(f,{sx:{display:"flex",alignItems:"flex-start",width:"100%"},children:[e.jsx(V,{checked:k,sx:{mr:1}}),e.jsxs(f,{children:[e.jsx(S,{variant:"body1",sx:{cursor:"pointer"},children:s.type}),e.jsx(S,{variant:"caption",color:"text.disabled",sx:{display:"block",cursor:"pointer"},children:s.description})]})]})},m)})})})]},r)})})}),a&&e.jsx(Ie,{error:!0,sx:{mt:1},children:a})]})}te.propTypes={eventsBySource:o.objectOf(o.shape({source:o.shape({did:o.string.isRequired,title:o.string,description:o.string,version:o.string,logo:o.string}).isRequired,events:o.arrayOf(o.shape({type:o.string.isRequired,description:o.string.isRequired,source:o.string.isRequired})).isRequired,count:o.number.isRequired})).isRequired,selectedEvents:o.objectOf(o.bool).isRequired,setSelectedEvents:o.func.isRequired,error:o.string};te.defaultProps={error:null};function oe({id:t,url:d,description:c,enabledEvents:a,onSubmit:b,onClose:R}){var s;const{t:p}=q(),[n,l]=C.useState({}),{teamDid:v}=F(),{api:T}=N(),{loading:j,error:y,eventsBySource:h}=Xe(),{control:r,handleSubmit:w,formState:{errors:g},reset:E,setValue:u,trigger:M}=_e({defaultValues:{url:"",description:""}});C.useEffect(()=>{const m=Object.values(n).some(k=>k);u("selectedEvents",m?"valid":""),M("selectedEvents")},[n,u,M]);const i=()=>{l({}),E(),R()},x=async m=>{const k=Object.keys(n).filter(I=>n[I]),D={url:m.url,description:m.description,enabledEvents:k.map(I=>{const[$,L]=I.split("-");return!$||!L?null:{type:$,source:L}}).filter(Boolean)};try{if(t){const I=await T.updateWebhookEndpoint({input:{teamDid:v,id:t,data:D}});z.success(`${p("webhookEndpoint.updateWebhook")} ${p("webhookEndpoint.success")}`),b(I)}else{const I=await T.createWebhookEndpoint({input:{teamDid:v,input:D}});z.success(`${p("webhookEndpoint.createWebhook")} ${p("webhookEndpoint.success")}`),b(I)}}catch(I){z.error(I==null?void 0:I.message)}i()};return C.useEffect(()=>{E({url:d,description:c}),l(a.reduce((m,k)=>(m[`${k.type}-${k.source}`]=!0,m),{}))},[E,l,d,c,a]),e.jsx(ve,{open:!0,onClose:i,maxWidth:"lg",fullWidth:!0,sx:{"& .MuiDialog-paper":{minHeight:600}},children:e.jsxs("form",{onSubmit:w(x),children:[e.jsx(Ee,{children:p(t?"webhookEndpoint.editWebhookTitle":"webhookEndpoint.createWebhookTitle")}),e.jsx(Ce,{children:e.jsxs(f,{sx:{display:"flex",flexDirection:"column",gap:2,mt:2},children:[e.jsx(J,{name:"url",control:r,rules:{required:p("webhookEndpoint.validation.urlRequired"),pattern:{value:/^(http|https):\/\/[^ "]+$/,message:p("webhookEndpoint.validation.urlInvalid")}},render:({field:m})=>{var k;return e.jsx(ie,{...m,label:p("webhookEndpoint.url.label"),fullWidth:!0,error:!!g.url,helperText:(k=g.url)==null?void 0:k.message})}}),e.jsx(J,{name:"description",control:r,rules:{required:p("webhookEndpoint.validation.descriptionRequired")},render:({field:m})=>{var k;return e.jsx(ie,{...m,label:p("webhookEndpoint.description.label"),fullWidth:!0,multiline:!0,minRows:2,maxRows:4,error:!!g.description,helperText:(k=g.description)==null?void 0:k.message})}}),e.jsx(J,{name:"selectedEvents",control:r,rules:{required:p("webhookEndpoint.validation.eventRequired")},render:({field:m})=>e.jsx("input",{type:"hidden",...m})}),!j&&h&&Object.keys(h).length>0&&e.jsx(te,{eventsBySource:h,selectedEvents:n,setSelectedEvents:l,error:(s=g.selectedEvents)==null?void 0:s.message}),!j&&(!h||Object.keys(h).length===0)&&e.jsx(S,{color:"text.secondary",children:p("webhookEndpoint.noAvailableEvents")}),j&&e.jsx(f,{sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"500px",width:"100%"},children:e.jsx(U,{size:20})}),y&&e.jsx(ee,{severity:"error",children:p("webhookEndpoint.loadingError",{message:y==null?void 0:y.message})})]})}),e.jsxs(Te,{sx:{p:"8px 24px 24px"},children:[e.jsx(B,{onClick:i,children:p("common.cancel")}),e.jsx(B,{type:"submit",variant:"contained",color:"primary",children:p(t?"webhookEndpoint.updateWebhook":"webhookEndpoint.saveWebhook")})]})]})})}oe.propTypes={onSubmit:o.func.isRequired,id:o.string,url:o.string,description:o.string,enabledEvents:o.arrayOf(o.shape({type:o.string.isRequired,source:o.string.isRequired})),onClose:o.func};oe.defaultProps={id:null,url:"",description:"",enabledEvents:[],onClose:()=>{}};function he(t){switch(t){case"enabled":return"success";case"disabled":default:return"default"}}const Ze=(t="en")=>t==="tw"?"zh":t;function H(t,d="YYYY-MM-DD HH:mm:ss",c="en"){return t?ke(t).locale(Ze(c)).format(d):"-"}function et(t){return typeof t=="number"?!1:ue(t)}function tt(t){return t>=200&&t<300}function W(t){const d=et(t.value);return e.jsxs(e.Fragment,{children:[e.jsxs(P,{direction:"column",alignItems:"flex-start",children:[e.jsxs(S,{component:"div",variant:"body1",mb:1,color:"text.primary",sx:{fontWeight:500},children:[t.label,!!t.tip&&e.jsx(A,{title:t.tip,children:e.jsx(Me,{fontSize:"small"})})]}),e.jsx(S,{component:"div",variant:"body1",color:d?"text.disabled":"text.secondary",sx:{width:"100%",minHeight:"24px"},children:d?"-":t.value})]}),t.divider&&e.jsx(Pe,{orientation:"vertical",flexItem:!0})]})}W.propTypes={label:o.oneOfType([o.string,o.node]).isRequired,value:o.oneOfType([o.string,o.node]).isRequired,tip:o.oneOfType([o.string,o.node]),divider:o.bool};W.defaultProps={tip:"",divider:!1};function ne(t){return e.jsxs(P,{className:"section-header",direction:"row",justifyContent:"space-between",alignItems:"center",flexWrap:"wrap",gap:1,sx:{mb:t.mb,mt:t.mt,pb:1},children:[e.jsx(S,{variant:"h3",sx:{fontSize:{xs:"18px",md:"1.09375rem"}},component:"div",children:t.title}),t.children]})}ne.propTypes={title:o.oneOfType([o.string,o.node]).isRequired,children:o.node,mb:o.number,mt:o.number};ne.defaultProps={children:null,mb:1.5,mt:1.5};const ot={width:24,height:24,body:'<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5"/>'},nt=t=>{const d={};return t.forEach(c=>{var b;const a=new Date(c.createdAt).toLocaleDateString();d[a]||(d[a]=[]),(b=d[a])==null||b.push(c)}),d};function se({eventId:t,webhookEndpointId:d,event:c}){const{api:a}=N(),{t:b}=q(),{teamDid:R}=F(),{blocklet:p}=ce(),{data:n,loadMore:l,loadingMore:v,loading:T}=ye(u=>{const i=u?Math.ceil(u.list.length/15)+1:1;return a.getWebhookAttempts({input:{teamDid:R,input:{eventId:t,webhookId:d},paging:{page:i,pageSize:15}}})},{reloadDeps:[t,d]}),j=(n==null?void 0:n.list)||[],[y,h]=C.useState(null),r=nt(j);C.useEffect(()=>{!y&&(n!=null&&n.list.length)&&h(n.list[0])},[n==null?void 0:n.list.length,y]);const w=u=>{h(u)};if(T)return e.jsx(U,{});const g=n&&n.list.length<n.paging.total,E=u=>{var M,i,x,s,m;if(u.responseBody&&((M=u.responseBody)!=null&&M.sessionId)&&((i=u.responseBody)!=null&&i.projectId)&&((x=u.responseBody)!=null&&x.agentId)){const k=(m=(s=p==null?void 0:p.site)==null?void 0:s.domainAliases[0])==null?void 0:m.value,D=(p.children||[]).find($=>{var L;return((L=$==null?void 0:$.meta)==null?void 0:L.name)==="ai-studio"}),I=Ye(Je(`https://${k}`,(D==null?void 0:D.mountPoint)||"","projects",u.responseBody.projectId,"logs/main"),{sessionId:u.responseBody.sessionId,agentId:u.responseBody.agentId});return e.jsx(_,{sx:{fontSize:20},onClick:()=>window.open(I,"_blank"),children:e.jsx(f,{component:be,icon:ot})})}return null};return e.jsxs(Y,{container:!0,spacing:{xs:0,md:1},sx:{height:1},children:[e.jsx(Y,{item:!0,xs:12,md:4,height:1,children:ue(Object.keys(r))?e.jsx(S,{color:"text.secondary",children:b("webhookEndpoint.waitingForEvents")}):e.jsxs(e.Fragment,{children:[e.jsx(G,{sx:{maxHeight:"calc(100% - 40px)",py:0,overflowY:"auto"},children:Object.entries(r).map(([u,M])=>e.jsxs(X.Fragment,{children:[e.jsx(De,{children:u}),M.map(i=>e.jsxs(Q,{sx:{cursor:"pointer"},onClick:()=>w(i),selected:y===i,secondaryAction:e.jsx(S,{color:"text.secondary",children:H(i.createdAt,"HH:mm:ss")}),children:[e.jsx(We,{sx:{minWidth:0,mr:1.5},children:tt(i.responseStatus)===!1?e.jsx(ze,{color:"error"}):e.jsx(Ae,{color:"success"})}),e.jsx(Oe,{primary:e.jsx(S,{color:"text.primary",children:i.event.type})})]},i.id))]},u))}),g&&e.jsx(f,{display:"flex",justifyContent:"center",alignItems:"center",width:1,children:e.jsx(B,{variant:"text",type:"button",color:"inherit",onClick:l,disabled:v,sx:{color:u=>u.palette.text.disabled},children:b(v?"webhookEndpoint.loadingMore":"webhookEndpoint.loadMore")})})]})}),e.jsxs(Y,{item:!0,xs:12,md:8,height:1,children:[y&&e.jsxs(P,{height:1,overflow:"auto",direction:"column",spacing:2,sx:{pl:{xs:0,md:1},mt:{xs:2,md:0},borderLeft:{xs:"none"}},children:[e.jsxs(f,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(S,{variant:"h6",children:t?y.endpoint.url:y.event.type}),e.jsx(f,{children:E(y)})]}),e.jsxs(f,{children:[e.jsxs(S,{variant:"h6",children:[b("webhookEndpoint.response")," (",y.responseStatus,")"]}),e.jsx(K,{language:"json",children:JSON.stringify(y.responseBody,null,2)})]}),e.jsxs(f,{children:[e.jsx(P,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:b("webhookEndpoint.request")})}),e.jsx(K,{language:"json",sx:{margin:0},children:JSON.stringify(y.event,null,2)})]})]}),(n==null?void 0:n.list.length)===0&&c&&e.jsxs(f,{children:[e.jsx(P,{direction:"row",alignItems:"center",spacing:1,children:e.jsx(S,{variant:"h6",children:b("webhookEndpoint.eventData")})}),e.jsx(K,{language:"json",sx:{margin:0},children:JSON.stringify(c.data,null,2)})]})]})]})}se.propTypes={eventId:o.string,webhookEndpointId:o.string,event:o.shape({type:o.string,data:o.object,request:o.object,requestInfo:o.object})};se.defaultProps={eventId:"",webhookEndpointId:"",event:null};function xe({id:t,onClose:d}){var v,T,j,y;const{t:c}=q(),{api:a}=N(),{teamDid:b}=F(),{loading:R,error:p,data:n}=de(()=>a.getWebhookEndpoint({input:{teamDid:b,id:t}})),l=n==null?void 0:n.data;return p?e.jsx(ee,{severity:"error",children:p.message}):R||!l?e.jsx(f,{display:"flex",justifyContent:"center",alignItems:"center",height:1,width:1,children:e.jsx(U,{})}):e.jsxs(st,{direction:"column",sx:{height:{xs:"auto",md:1}},children:[e.jsxs(f,{children:[e.jsxs(P,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e.jsx(P,{flex:1,width:0,children:e.jsxs(f,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(S,{variant:"h5",fontWeight:600,sx:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:l.description}),e.jsx(A,{title:l.url,children:e.jsx(Z,{sx:{fontSize:"16px",marginTop:"2px"}})})]})}),e.jsx(P,{direction:"row",alignItems:"center",children:e.jsx(_,{edge:"end",color:"inherit",onClick:d,children:e.jsx(qe,{})})})]}),e.jsx(f,{mt:2,children:e.jsxs(P,{className:"section-body",direction:{xs:"column",md:"row"},spacing:{xs:1,md:3},justifyContent:"flex-start",flexWrap:"wrap",sx:{pt:2,mt:2,borderTop:"1px solid #eee"},children:[e.jsx(W,{label:c("common.status"),value:e.jsx(O,{size:"small",variant:"filled",label:l.status,color:he(l.status),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}}),divider:!0}),e.jsx(W,{label:c("webhookEndpoint.listen"),value:e.jsx(A,{arrow:!0,title:e.jsx("ul",{style:{padding:0,margin:0},children:l.enabledEvents.map(h=>e.jsx("li",{style:{fontSize:"0.7875rem"},children:h==null?void 0:h.type},h))}),children:e.jsx(O,{size:"small",variant:"filled",label:c("webhookEndpoint.eventsCount",{count:l.enabledEvents.length}),sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx(W,{label:c("webhookEndpoint.version"),value:l.apiVersion,divider:!0}),e.jsx(W,{label:c("common.createdAt"),value:H(l.createdAt),divider:!0}),e.jsx(W,{label:c("common.updatedAt"),value:H(l.updatedAt),divider:!0}),e.jsx(W,{label:c("common.createdBy"),value:e.jsx(A,{arrow:!0,title:(v=l.createUser)==null?void 0:v.did,children:e.jsx(O,{size:"small",variant:"filled",label:(T=l.createUser)==null?void 0:T.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})}),divider:!0}),e.jsx(W,{label:c("common.updatedBy"),value:e.jsx(A,{arrow:!0,title:(j=l.updateUser)==null?void 0:j.did,children:e.jsx(O,{size:"small",variant:"filled",label:(y=l.updateUser)==null?void 0:y.fullName,sx:{borderRadius:"4px",lineHeight:"20px",textTransform:"capitalize"}})})})]})})]}),e.jsxs(P,{className:"section",flex:1,height:0,overflow:"hidden",children:[e.jsx(ne,{title:c("webhookEndpoint.attempts"),mb:0,mt:4}),e.jsx(P,{height:0,flex:1,overflow:"hidden",children:e.jsx(se,{webhookEndpointId:l.id})})]})]})}xe.propTypes={id:o.string.isRequired,onClose:o.func.isRequired};const st=pe(P)``;function me({open:t,onClose:d,id:c}){return e.jsx($e,{anchor:"right",open:t,onClose:d,PaperProps:{sx:{width:"90vw",maxWidth:"1200px"}},children:e.jsx(f,{sx:{height:"100vh",p:3},children:e.jsx(xe,{id:c,onClose:d})})})}me.propTypes={open:o.bool.isRequired,onClose:o.func.isRequired,id:o.string.isRequired};function ae(){return null}const re=X.memo(({options:t,columns:d,toolbar:c=!0,footer:a=!0,hasRowLink:b=!1,emptyNodeText:R="",...p})=>{const{locale:n}=q(),l=Le(j=>j.breakpoints.down("md")),v={print:!1,download:!1,filter:!1,selectableRows:"none",rowsPerPage:l?5:10,rowsPerPageOptions:[5,10,20,50,100],searchDebounceTime:300,tableBodyHeight:"100%",loading:!0},T={};return c||(T.TableToolbar=ae),a||(T.TableFooter=ae),e.jsx(rt,{locale:n,options:{...v,...t},columns:(d||[]).map(j=>(j.options=j.options||{},j.options.filter=j.options.filter||!1,j.options.sort=j.options.sort||!1,j)),emptyNode:e.jsx(fe,{children:R}),...p,components:T,hasRowLink:b,isMobile:l})});re.propTypes={options:o.object,columns:o.array,toolbar:o.bool,footer:o.bool,hasRowLink:o.bool,emptyNodeText:o.node,durable:o.string,durableKeys:o.array,data:o.array,loading:o.bool,onChange:o.func,title:o.node,components:o.object};re.defaultProps={options:{},columns:[],toolbar:!0,footer:!0,hasRowLink:!1,emptyNodeText:null,durable:"",durableKeys:[],data:[],loading:!1,onChange:()=>{},title:null,components:{}};const rt=pe(ge)`
   .MuiPaper-root {
     border-radius: 8px;
     overflow: hidden;

package/dist/assets/{index-CKGdCheG.js → index-DxtGslY8.js}

@@ -1,4 +1,4 @@
-import{r as d}from"./vendor-react-DoD83n6N.js";import{E as l,j as r,a3 as g,aj as G,M as H,I as O,a2 as U,bT as Y,a9 as J}from"./vendor-mui-core-O22FPGM4.js";import{aX as Q,f as Z}from"./vendor-ux-did-connect-BUS40ceY.js";import{d as v}from"./Done-BXwXbLQs.js";import{C as ee}from"./Google-jC4aGgA_.js";import{aa as te,f as re}from"./index-Do_PTy2g.js";import{l as ne}from"./vendor-arcblock-BkdpkIRL.js";import{R as oe,F as se,L as ie}from"./logo-uploader-Dh1aL_OF.js";const S={description:l.string,editing:l.bool,onChange:l.func,required:l.bool,value:l.any,componentProps:l.object,render:l.func,renderFormItem:l.func};function T({editing:n,value:o,onChange:a}){const[c,u]=d.useState(!1),m=d.useRef(),p=d.useRef(o);d.useEffect(()=>{let s=null;return n&&(s=setTimeout(()=>{u(!0)},50)),()=>{clearTimeout(s)}},[n]);const k=s=>{p.current=s,a(s)},C=()=>{u(!1),a(p.current)},b=r.jsx(g,{className:"form-item-input slot",px:1,children:r.jsxs(g,{display:"flex",alignItems:"center",children:[o,o!=="auto"&&r.jsx("div",{style:{marginLeft:4,backgroundColor:o,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),f=r.jsxs(g,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:C,children:[r.jsx(g,{display:"flex",alignItems:"center",onClick:()=>u(!0),children:r.jsx("div",{ref:m,style:{flexShrink:0,marginLeft:"8px",backgroundColor:o,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:o==="auto"?"default":"pointer"}})}),r.jsx(G,{open:c,anchorEl:m.current,onClose:()=>u(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:r.jsx(ee,{color:o,onChange:s=>k(s.hex)})})]});return n?f:b}T.propTypes=S;function _({editing:n,description:o,value:a,onChange:c,componentProps:u,...m}){const{placeholder:p}=u,k=d.useRef(a),{t:C}=d.useContext(Q),b=s=>{s.key==="Enter"&&c(k.current,"confirm")},f=s=>{k.current=s,c(s)};return n?r.jsx(H,{style:{flex:1},fullWidth:!0,value:a,onChange:s=>{s.persist(),f(s.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:o||p,onKeyDown:b,...m}):r.jsx(g,{px:1,className:"form-item-input slot",children:a||r.jsx("span",{className:"placeholder",children:C("common.requiredInputPlaceholder",{name:o||p})})})}_.propTypes=S;_.defaultProps={componentProps:{}};function D({editing:n,value:o,onChange:a,componentProps:c,...u}){const{blocklet:m}=c,p=o==="auto"?ne.getPassportColorFromDid(m.appDid):o;return r.jsxs(g,{display:"flex",alignItems:"center",children:[r.jsx("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:te({title:"Owner",issuer:re.getDisplayName(m),issuerDid:m.appDid,ownerName:"Your Name",ownerDid:m.appDid,preferredColor:o||"auto"})}}),r.jsx(T,{...u,editing:n,value:n?p:o,onChange:a,componentProps:c})]})}D.propTypes={...S,componentProps:l.shape({blocklet:l.object.isRequired}).isRequired};D.defaultProps={};const ae=Y`
+import{r as d}from"./vendor-react-DoD83n6N.js";import{E as l,j as r,a3 as g,aj as G,M as H,I as O,a2 as U,bT as Y,a9 as J}from"./vendor-mui-core-O22FPGM4.js";import{aX as Q,f as Z}from"./vendor-ux-did-connect-D75Zatzm.js";import{d as v}from"./Done-B8c93MpP.js";import{C as ee}from"./Google-CBPWeaVC.js";import{aa as te,f as re}from"./index-C8sg0Ts_.js";import{l as ne}from"./vendor-arcblock-E5QJEgSK.js";import{R as oe,F as se,L as ie}from"./logo-uploader-DtUHte5C.js";const S={description:l.string,editing:l.bool,onChange:l.func,required:l.bool,value:l.any,componentProps:l.object,render:l.func,renderFormItem:l.func};function T({editing:n,value:o,onChange:a}){const[c,u]=d.useState(!1),m=d.useRef(),p=d.useRef(o);d.useEffect(()=>{let s=null;return n&&(s=setTimeout(()=>{u(!0)},50)),()=>{clearTimeout(s)}},[n]);const k=s=>{p.current=s,a(s)},C=()=>{u(!1),a(p.current)},b=r.jsx(g,{className:"form-item-input slot",px:1,children:r.jsxs(g,{display:"flex",alignItems:"center",children:[o,o!=="auto"&&r.jsx("div",{style:{marginLeft:4,backgroundColor:o,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),f=r.jsxs(g,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:C,children:[r.jsx(g,{display:"flex",alignItems:"center",onClick:()=>u(!0),children:r.jsx("div",{ref:m,style:{flexShrink:0,marginLeft:"8px",backgroundColor:o,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:o==="auto"?"default":"pointer"}})}),r.jsx(G,{open:c,anchorEl:m.current,onClose:()=>u(!1),anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:r.jsx(ee,{color:o,onChange:s=>k(s.hex)})})]});return n?f:b}T.propTypes=S;function _({editing:n,description:o,value:a,onChange:c,componentProps:u,...m}){const{placeholder:p}=u,k=d.useRef(a),{t:C}=d.useContext(Q),b=s=>{s.key==="Enter"&&c(k.current,"confirm")},f=s=>{k.current=s,c(s)};return n?r.jsx(H,{style:{flex:1},fullWidth:!0,value:a,onChange:s=>{s.persist(),f(s.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:o||p,onKeyDown:b,...m}):r.jsx(g,{px:1,className:"form-item-input slot",children:a||r.jsx("span",{className:"placeholder",children:C("common.requiredInputPlaceholder",{name:o||p})})})}_.propTypes=S;_.defaultProps={componentProps:{}};function D({editing:n,value:o,onChange:a,componentProps:c,...u}){const{blocklet:m}=c,p=o==="auto"?ne.getPassportColorFromDid(m.appDid):o;return r.jsxs(g,{display:"flex",alignItems:"center",children:[r.jsx("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:te({title:"Owner",issuer:re.getDisplayName(m),issuerDid:m.appDid,ownerName:"Your Name",ownerDid:m.appDid,preferredColor:o||"auto"})}}),r.jsx(T,{...u,editing:n,value:n?p:o,onChange:a,componentProps:c})]})}D.propTypes={...S,componentProps:l.shape({blocklet:l.object.isRequired}).isRequired};D.defaultProps={};const ae=Y`
   0%, 100% {
     transform: scale(1) translateX(0);
   }

package/dist/assets/{index-DI6dvNrm.js → index-Hc4fe8tE.js}

@@ -1 +1 @@
-import{j as t,a9 as r}from"./vendor-mui-core-O22FPGM4.js";import{r as s}from"./vendor-react-DoD83n6N.js";import{aX as a}from"./vendor-ux-did-connect-BUS40ceY.js";import{R as e}from"./vendor-arcblock-BkdpkIRL.js";import"./vendor-utils-DJ1bmiuG.js";import"./vendor-hooks-DbRTDIFw.js";import"./lottie-web-B6s7dDoL.js";function x(){const{t:o}=s.useContext(a);return t.jsx(n,{style:{paddingTop:"25vh"},children:t.jsx(e,{status:"404",description:o("noMatch.desc"),style:{backgroundColor:"transparent"}})})}const n=r.main``;export{x as default};
+import{j as t,a9 as r}from"./vendor-mui-core-O22FPGM4.js";import{r as s}from"./vendor-react-DoD83n6N.js";import{aX as a}from"./vendor-ux-did-connect-D75Zatzm.js";import{R as e}from"./vendor-arcblock-E5QJEgSK.js";import"./vendor-utils-CbeKtci8.js";import"./vendor-hooks-CYyfK9g3.js";import"./lottie-web-B6s7dDoL.js";function x(){const{t:o}=s.useContext(a);return t.jsx(n,{style:{paddingTop:"25vh"},children:t.jsx(e,{status:"404",description:o("noMatch.desc"),style:{backgroundColor:"transparent"}})})}const n=r.main``;export{x as default};