@abtnode/webapp 1.16.21-beta-93c6e42b → 1.16.21-beta-da3f852a

package/build/static/js/{2960.a9d50cef.chunk.js → 2960.e4c10af0.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[2960],{77327:(e,n,t)=>{t.r(n),t.d(n,{BlockletList:()=>se,default:()=>ie});var o,l,r=t(71171),a=t(5057),i=t(33518),s=t(75506),c=t.n(s),d=t(85493),m=t(15849),u=t(67654),p=t(11750),f=t(80576),h=t(51177),x=t(74490),g=t(39948),y=t(72904),v=t(75760),b=t(49384),k=t(44846),Z=t(35966),j=t(25710),w=t(88574),C=t(28726),S=t(68420),P=t(35432),_=t(86229),L=t(81010),z=t(87363),R=t(22228),A=t(32349),B=t(1722),N=t(38242),T=t(75793),D=t(52926),F=t(74094),I=t(78123),M=t(38898),U=t(24138),E=t(96266);function O(e){let{blocklet:n,skipAccessibilityCheck:t=!1,...o}=e;const{t:l}=(0,a.useContext)(S.RD),{urls:r,loading:i,recommendedUrl:s}=(0,U.BZ)(n);if(i&&!t)return(0,E.jsx)(k.Z,{size:12,...o});const c=t?r[0]:s;return c?(0,E.jsx)(V,{...o,children:(0,E.jsx)(W,{children:(0,E.jsx)(M.Z,{href:c,target:"_blank",className:"blocklet-interface",underline:"hover",children:l("common.open")})})}):l("blocklet.router.noAccessibleUrl")}const W=i.Z.div(o||(o=(0,r.Z)(["\n  display: flex;\n  margin: 4px 0;\n"]))),V=i.Z.div(l||(l=(0,r.Z)(["\n  .blocklet-interface {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    white-space: nowrap;\n\n    img {\n      margin-right: 4px;\n    }\n  }\n"])));O.defaultProps={skipAccessibilityCheck:!1};var J=t(44919),K=t(17682),q=t(61813),G=t(31853),H=t(13128),$=t(55372),Q=t(47020),X=t(49983),Y=t(73545);function ee(e){let{onCancel:n,onSuccess:t}=e;const{info:o}=(0,T.h6)(),{t:l}=(0,S.PE)(),{api:r}=(0,Y.T)(),[a,i]=(0,G.Z)({loading:!1,error:"",title:"",description:"",isConnectOpen:!1});return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(H.ZP,{title:l("blocklet.installFromCreate"),fullWidth:!0,maxWidth:"sm",onClose:()=>n(),showCloseButton:!0,open:!0,actions:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(C.Z,{onClick:e=>{e.stopPropagation(),n()},color:"inherit",children:l("common.cancel")}),(0,E.jsxs)(C.Z,{onClick:e=>{e.stopPropagation(),i({loading:!0,isConnectOpen:!0})},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:a.loading||a.error||!a.title||!a.description,style:{marginLeft:8},children:[a.loading&&(0,E.jsx)(k.Z,{size:16}),l("common.create")]})]}),children:[(0,E.jsx)($.Z,{component:"div",children:(0,E.jsxs)(p.Z,{component:"div",children:[(0,E.jsx)(Q.Z,{style:{marginBottom:24},label:"Blocklet ".concat(l("common.title")),autoComplete:"off",variant:"outlined",fullWidth:!0,autoFocus:!0,value:a.title,onChange:e=>{i({error:"",title:e.target.value})},disabled:a.loading}),(0,E.jsx)(Q.Z,{label:"Blocklet ".concat(l("common.description")),autoComplete:"off",variant:"outlined",fullWidth:!0,value:a.description,onChange:e=>{i({error:"",description:e.target.value})},disabled:a.loading})]})}),!!a.error&&(0,E.jsx)(w.Z,{type:"error",style:{width:"100%",marginTop:8},children:a.error})]}),(0,E.jsx)(X.Z,{popup:!0,open:a.isConnectOpen,forceConnected:!1,className:"launch-from-create-auth",action:"launch-free-blocklet-by-session",checkFn:r.get,checkTimeout:3e5,webWalletUrl:(0,F.yP)(o),onSuccess:e=>{i({loading:!1,isConnectOpen:!1}),t(e)},extraParams:{title:a.title,description:a.description},messages:{title:l("setup.keyPair.title"),scan:l("setup.keyPair.scan"),confirm:l("setup.keyPair.confirm"),success:l("setup.keyPair.success")},onClose:()=>{i({loading:!1,isConnectOpen:!1})}})]})}function ne(e){let{onCreate:n}=e;const t=(0,d.useNavigate)(),{t:o}=(0,S.PE)(),[l,r]=(0,a.useState)(""),[i,s]=(0,a.useState)(""),[c,m]=(0,a.useState)(null),[u,p]=(0,a.useState)(null),f=()=>{m(null)};return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(K.Z,{onClick:()=>t("/store"),menuButtonProps:{"data-cy":"open-install-menu"},menu:[(0,E.jsx)(K.Z.Item,{"data-cy":"open-install-form",onClick:()=>{m({onCancel:()=>{f(),m(null)},onSuccess:()=>{f()}})},children:o("blocklet.installFromUrl")},"1"),(0,E.jsx)(K.Z.Item,{"data-cy":"open-create-form",onClick:()=>{p({onCancel:()=>{p(null)},onSuccess:function(){p(null),n(...arguments)}})},children:o("blocklet.installFromCreate")},"2"),(0,E.jsx)(K.Z.Item,{"data-cy":"open-install-from-spaces",onClick:()=>{t("/blocklets/restore")},children:o("blocklet.restoreFromSpaces.title")},"3"),(0,E.jsx)(K.Z.Item,{"data-cy":"open-install-from-spaces",onClick:()=>(()=>{const e=new URL("http://localhost");e.searchParams.set("restoreFrom","server"),e.searchParams.set("serverUrl",window.location.href),t("/blocklets/restore".concat(e.search))})(),children:o("blocklet.installFromDiskBackup")},"3")].filter(Boolean),children:[(0,E.jsx)(J.Z,{}),o("blocklet.installFromMarket")]}),!!l&&(0,E.jsx)(_.Z,{variant:"error",message:l,onClose:()=>r("")}),!!i&&(0,E.jsx)(_.Z,{variant:"success",duration:3e3,message:i,onClose:()=>s("")}),c&&(0,E.jsx)(q.Z,{onCancel:c.onCancel,onSuccess:c.onSuccess}),u&&(0,E.jsx)(ee,{onCancel:u.onCancel,onSuccess:u.onSuccess})]})}ee.defaultProps={},ne.defaultProps={onCreate:()=>{}};var te,oe,le=t(7199);const re="internal",ae="external";function ie(){return(0,E.jsx)(z.g,{children:(0,E.jsx)(se,{})})}function se(){const e=(0,d.useNavigate)(),n=(0,T.h6)(),[t,o]=(0,m.useSearchParams)(),{data:l,externalData:r,error:i,refresh:s,loading:M}=(0,D.RJ)(),{deletingBlocklets:U,addDeletingDid:W,removeDeletingDid:V,matchDeletingDid:J}=(0,z.K)(),{t:K,locale:q}=(0,S.PE)(),[G,H]=(0,a.useState)(t.get("searchText")),[$]=(0,u.Z)("show-external-blocklet-actions",!1),Q=[{id:re,name:K("blocklet.internal")},{id:ae,name:K("blocklet.external")}],[X,Y]=(0,u.Z)("blocklet-type-filter",re),ee=X===re?l:r,te=(null===n||void 0===n?void 0:n.info.mode)!==P.NODE_MODES.SERVERLESS;J(ee.map((e=>e.meta.did)));const oe=e=>{let{action:n,blocklet:t}=e;"remove"===n&&W(t.meta.did)},ie=e=>{if(e.error)return _.Z.error(e.error.message),void("remove"===e.action&&V(e.blocklet.meta.did));"remove"===e.action&&n.refresh({silent:!0})},se=(0,y.Z)((e=>e.breakpoints.up("md")));let me=null;const ue=ee||[];if(i)me=(0,E.jsx)(w.Z,{type:"error",variant:"icon",children:(0,E.jsxs)("div",{children:[(0,F.Z)(i),(0,E.jsx)(C.Z,{onClick:()=>s({silent:!1}),children:(0,E.jsx)("span",{style:{color:"#44cdc6",textDecoration:"underline"},children:K("common.retry")})})]})});else if(ue.length>0||M){const e=["installedAt","startedAt","stoppedAt","createdAt"],n=e=>{if("starting"===e.status)return new Date("2199").getTime();if("running"===e.status){if(e.appRuntimeInfo)return e.appRuntimeInfo.startAt;if(e.startedAt)return e.startedAt.getTime()}return 0};let t=ue.map((n=>(e.forEach((e=>{if(n[e]){const t=new Date(n[e]);n[e]=t}})),n))).sort(((e,t)=>{const o=n(e);return n(t)-o}));G&&(t=t.filter((e=>{var n;const t=(0,N.getDisplayName)(e)||"",o=(null===(n=e.site)||void 0===n?void 0:n.domainAliases)||[],l=G.trim().toLocaleLowerCase();return e.appDid===G||e.appPid===G||t.toLocaleLowerCase().includes(l)||o.some((e=>{var n;return null===(n=e.value)||void 0===n?void 0:n.toLocaleLowerCase().includes(l)}))})));const l=(0,v.$)("blocklets-list");l.searchText&&!G&&H(l.searchText);const r=[{label:K("common.name"),name:"meta.title",options:{customBodyRenderLite(e){const n=t[e],o=(0,N.getAppMissingConfigs)(n).length>0?"components":"overview";return(0,E.jsx)(m.Link,{to:"/blocklets/".concat(n.meta.did,"/").concat(o),className:"blocklet-name-wrapper",children:(0,E.jsxs)(p.Z,{component:"strong",variant:"body1",className:"blocklet-name",children:[(0,E.jsx)(B.Z,{blocklet:n,style:{marginRight:8}}),(0,E.jsxs)(g.Z,{children:[(0,E.jsx)(g.Z,{children:(0,N.getDisplayName)(n)}),(0,E.jsxs)(g.Z,{children:[(0,E.jsx)(A.Z,{mode:n.mode||""}),!c()(n.controller)&&(0,E.jsx)(R.Z,{type:"primary",children:K("blocklet.external")})]})]})]})},n.meta.did)}}},X===re?{label:K("common.visit"),name:"runtimeInfo.pid",align:"left",options:{sort:!1,customBodyRenderLite(e){const n=t[e];return(0,E.jsx)(O,{blocklet:n},n.meta.did)}}}:null,{label:K("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite(e){const n=t[e];return"running"===n.status&&n.appRuntimeInfo?(0,E.jsx)(b.Z,{value:n.appRuntimeInfo.startAt,locale:q},n.meta.did):""}}},{label:K("common.installedAt"),name:"installedAt",options:{customBodyRenderLite(e){const n=t[e];return n.installedAt?(0,E.jsx)(b.Z,{value:n.installedAt.getTime(),locale:q},n.meta.did):n.createdAt?(0,E.jsx)(b.Z,{value:n.createdAt.getTime(),locale:q},n.meta.did):""}}},{label:K("common.updatedAt"),name:"updatedAt",options:{customBodyRenderLite(e){const n=t[e];return(0,E.jsx)(b.Z,{value:n.updatedAt,locale:q},n.meta.did)}}},{label:K("common.status"),name:"status",width:120,align:"center",options:{customBodyRenderLite(e){const n=t[e];return(0,E.jsx)(L.Z,{"data-cy":"blocklet-status","status-blocklet-did":n.meta.did,status:U.includes(n.meta.did)?"deleting":n.status,source:n.source,progress:n.progress},n.meta.did)}}},X===re||$?{label:K("common.actions"),name:"",width:90,options:{sort:!1,customBodyRenderLite(e){const n=t[e];return(0,E.jsx)(I.Z,{blocklet:n,variant:"menu",onStart:oe,onComplete:ie},n.meta.did)}}}:null].filter(Boolean),a={};se||(a.TableBody=function(e){if(M)return(0,E.jsx)(Z.Z,{relative:"parent",children:(0,E.jsx)(k.Z,{})});const{page:n,rowsPerPage:o}=e,l=t.slice(n*o,(n+1)*o);return l.length?(0,E.jsx)("div",{children:l.map((e=>{const n=(0,N.getAppMissingConfigs)(e).length>0?"components":"overview";return(0,E.jsxs)(g.Z,{className:"blocklet-item--mobile",display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,E.jsx)(B.Z,{className:"blocklet__avatar",blocklet:e,size:se?40:60}),(0,E.jsxs)(m.Link,{className:"blocklet__content",to:"/blocklets/".concat(e.meta.did,"/").concat(n),children:[(0,E.jsxs)(g.Z,{display:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[(0,E.jsx)(p.Z,{component:"strong",variant:"body1",className:"blocklet__name",children:(0,N.getDisplayName)(e,!0)}),(0,E.jsx)(I.Z,{blocklet:e,variant:"menu",onStart:oe,onComplete:ie},e.meta.did)]}),(0,E.jsxs)(p.Z,{component:"small",className:"blocklet__addons",children:[(0,E.jsx)(g.Z,{display:"flex",alignItems:"center",children:(0,E.jsx)(O,{blocklet:e,style:{marginLeft:16,fontSize:14}})}),(0,E.jsx)(L.Z,{"status-blocklet-did":e.meta.did,status:e.status,source:e.source,progress:e.progress},e.meta.did)]})]})]})}))}):(0,E.jsx)(j.Z,{children:K("common.empty")})}),me=(0,E.jsx)(ce,{children:(0,E.jsx)(v.Z,{loading:M,className:"blocklet-list",title:(0,E.jsx)(g.Z,{display:"flex",alignItems:"center",children:K("blocklet.index.tableTitle")}),locale:q,data:t,columns:r,durable:"blocklets-list",options:{download:!1,filter:!1,print:!1,searchPlaceholder:K("common.search"),searchAlwaysOpen:!1,sortOrder:{name:"uptime",direction:"desc"},searchDebounceTime:300,onSearchChange:e=>{H(e),o({searchText:null!==e&&void 0!==e?e:""})},customSearch:()=>!0,...l,searchText:G},components:a})})}else 0===ue.length&&(me=(0,E.jsx)(w.Z,{type:"warning",variant:"icon",children:K("blocklet.index.noBlocklet")}));const pe=r&&r.length>0;return(0,E.jsxs)(de,{children:[(0,E.jsxs)(p.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:[(0,E.jsxs)(g.Z,{display:"flex",alignItems:"center",children:[K("common.blocklets"),(pe||X===ae)&&(0,E.jsx)(f.Z,{sx:{ml:1},children:(0,E.jsx)(h.Z,{value:X,onChange:e=>Y(e.target.value),size:"small",children:Q.map((e=>(0,E.jsx)(x.Z,{value:e.id,children:K(e.name)},e.id)))})})]}),(0,E.jsx)(le.Z,{permission:"mutate_blocklets",children:te&&(0,E.jsx)(ne,{onCreate:n=>{e("/blocklets/".concat(n.appDid,"/components"))}})})]}),me]})}const ce=i.Z.div(te||(te=(0,r.Z)(["\n  .blocklet-item--mobile {\n    padding: 16px 0;\n  }\n"]))),de=i.Z.main(oe||(oe=(0,r.Z)(["\n  .page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .blocklet-list {\n    .blocklet-item--mobile {\n      .blocklet__avatar {\n        margin-right: -60px;\n      }\n      .blocklet__content {\n        padding-left: 68px;\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        z-index: 1;\n      }\n      .blocklet__name {\n        font-weight: bold;\n        text-decoration: none;\n        white-space: normal;\n        word-break: break-all;\n      }\n      .blocklet__addons {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 5px;\n        margin-bottom: -10px;\n      }\n    }\n    .blocklet-name-wrapper {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-start;\n    }\n    .blocklet-name {\n      font-weight: bold;\n      text-decoration: underline;\n      display: flex;\n      align-items: center;\n      white-space: normal;\n      word-break: break-all;\n    }\n\n    .blocklet-interface {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n\n      img {\n        margin-right: 4px;\n      }\n    }\n\n    .MuiToolbar-root {\n      display: flex;\n    }\n  }\n"])))},61813:(e,n,t)=>{t.d(n,{Z:()=>S});var o=t(5057),l=t(55898),r=t.n(l),a=t(13128),i=t(44846),s=t(55372),c=t(11750),d=t(47020),m=t(20870),u=t(31089),p=t(71767),f=t(64886),h=t(49983),x=t(68420),g=t(28726),y=t(88574),v=t(38242),b=t(58238),k=t(73545),Z=t(14491),j=t(4651),w=t(17450),C=t(96266);function S(e){let{defaultUrl:n,onCancel:t,onSuccess:l,onError:r,mode:S,handleText:P}=e;const{api:_}=(0,b.h6)(),{api:L}=(0,k.T)(),[z,R]=(0,o.useState)(!1),[A,B]=(0,o.useState)(""),{t:N}=(0,x.PE)(),T={dist:{}},[D,F]=(0,o.useState)(n),[I,M]=(0,o.useState)(n?1:0),[U,E]=(0,o.useState)(T),[O,W]=(0,o.useState)(!1),[V,J]=(0,o.useState)({}),K="component"===S,q=!!K||!n,G=async()=>{E(T),B(null),R(!0);try{const e=decodeURIComponent(D.trim());try{new URL(e)}catch{throw new Error("Invalid URL")}const{meta:n,inStore:t,registryUrl:o}=await _.getBlockletMetaFromUrl({input:{url:e}});E(n),J({inStore:t,registryUrl:o,inputUrl:D.trim()})}catch(e){console.error(e);const n="Blocklet Install failed: ".concat((0,Z.Z)(e));B(n),r(e)}finally{R(!1)}};(0,o.useEffect)((()=>{n&&G()}),[n]);const H=[{name:N("common.name"),value:(0,v.getDisplayName)({meta:U},!0)},{name:N("common.version"),value:U.version},{name:N("common.did"),value:(0,C.jsx)(w.Z,{did:U.did})},{name:N("common.author"),value:(0,Z.rq)(U.author)},{name:N("blocklet.dist.downloadLink"),value:U.dist.tarball}],$=[{label:N("blocklet.fromUrl.step0"),body:(0,C.jsx)(c.Z,{component:"div",children:(0,C.jsx)(d.Z,{label:N("blocklet.fromUrl.label"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"blocklet-url-input",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",helperText:N("blocklet.fromUrl.description"),value:D,onChange:e=>{B(null),F(e.target.value)},disabled:z,onKeyPress:e=>{"Enter"===e.key&&(e.preventDefault(),G(),M(1))}})}),cancel:N("common.cancel"),confirm:N("common.next"),onCancel:t,onConfirm:()=>{G(),M(1)}},{label:N("blocklet.fromUrl.step1"),body:z?(0,C.jsx)("div",{style:{height:200,width:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"},children:(0,C.jsx)(i.Z,{})}):U.did?(0,C.jsx)("div",{style:{paddingLeft:"10%"},children:H.map((e=>e.name===N("common.did")?(0,C.jsx)(f.Z,{valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:()=>N("common.did"),children:e.value},e.name):(0,C.jsx)(f.Z,{valueComponent:"div",nameWidth:120,name:e.name,children:e.value},e.name)))}):null,cancel:N(q?"common.pre":"common.cancel"),confirm:(null===P||void 0===P?void 0:P.confirm)||N("blocklet.fromUrl.confirm"),onCancel:()=>{q?M((e=>e-1)):t()},onConfirm:()=>{(()=>{if(K)return l({meta:U,...V}),void t();R(!0),W(!0)})()}}],Q=$[I];return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(a.ZP,{title:(null===P||void 0===P?void 0:P.title)||N("blocklet.fromUrl.title"),fullWidth:!0,maxWidth:"md",onClose:()=>Q.onCancel(),showCloseButton:0===I,disableEscapeKeyDown:!0,open:!0,actions:(0,C.jsxs)(C.Fragment,{children:[Q.cancel&&(0,C.jsx)(g.Z,{onClick:e=>{e.stopPropagation(),B(null),Q.onCancel()},color:"inherit",children:Q.cancel||N("common.cancel")}),(0,C.jsxs)(g.Z,{onClick:e=>{e.stopPropagation(),Q.onConfirm()},color:"primary","data-cy":"install-blocklet-next-step",disabled:z||!D||A,variant:"contained",autoFocus:!0,style:{marginLeft:8},children:[z&&0===I&&(0,C.jsx)(i.Z,{size:16}),Q.confirm]})]}),children:[q&&(0,C.jsx)(m.Z,{alternativeLabel:!0,activeStep:I,children:$.map((e=>{let{label:n}=e;return(0,C.jsx)(u.Z,{children:(0,C.jsx)(p.Z,{children:n})},n)}))}),(0,C.jsx)(s.Z,{component:"div",style:{marginTop:24},children:Q.body}),!!A&&(0,C.jsx)(y.Z,{type:"error",style:{width:"100%",marginTop:8},children:A})]}),U&&O&&(0,C.jsx)(h.Z,{popup:!0,open:!0,forceConnected:!1,className:"launch-from-url-auth",action:"launch-free-blocklet-by-session",checkFn:L.get,checkTimeout:3e5,onSuccess:()=>{R(!1),W(!1),l({meta:U,...V}),t()},extraParams:{title:U.title,wt:(0,j.iK)(U),blockletMetaUrl:decodeURIComponent(D.trim())},messages:{title:N("setup.keyPair.title"),scan:N("setup.keyPair.scan"),confirm:N("setup.keyPair.confirm"),success:N("setup.keyPair.success")},onClose:()=>{R(!1),W(!1)}})]})}S.propTypes={defaultUrl:r().string,onCancel:r().func.isRequired,onSuccess:r().func.isRequired,onError:r().func,mode:r().oneOf(["install","component"]),handleText:r().object},S.defaultProps={onError:()=>{},defaultUrl:"",mode:"install",handleText:{}}},32349:(e,n,t)=>{t.d(n,{Z:()=>i});var o=t(55898),l=t.n(o),r=t(22228),a=t(96266);function i(e){let{mode:n,...t}=e;return"development"===n?(0,a.jsx)(r.Z,{type:"primary",...t,children:"DEV"}):null}i.propTypes={mode:l().string.isRequired}},64886:(e,n,t)=>{t.d(n,{Z:()=>x});var o,l=t(71171),r=t(55898),a=t.n(r),i=t(51540),s=t.n(i),c=t(26538),d=t.n(c),m=t(11750),u=t(47685),p=t(96266);function f(e){let{name:n,nameFormatter:t,layout:o,children:l,valueComponent:r,nameWidth:a,...i}=e;return(0,p.jsxs)(h,{layout:o,width:a,...i,children:[(0,p.jsx)(m.Z,{color:"textSecondary",className:"info-row__name",children:t(n)}),l&&(0,p.jsx)(m.Z,{color:"textPrimary",component:r,className:"info-row__value",children:l})]})}f.propTypes={name:a().any.isRequired,layout:a().oneOf(["horizontal","vertical"]),children:a().any,nameFormatter:a().func,valueComponent:a().string,nameWidth:a().number},f.defaultProps={children:null,nameWidth:90,nameFormatter:e=>{const n=e.split(" ").map((e=>d()(s()(e)))).join(" ");return"string"===typeof e?n:e},valueComponent:"div",layout:"horizontal"};const h=(0,u.zo)("div")(o||(o=(0,l.Z)(["\n  display: flex;\n  flex-direction: ",";\n  justify-content: flex-start;\n  align-items: ",";\n  margin-bottom: 16px;\n\n  .info-row__name {\n    width: ","px;\n    margin-right: ",";\n    margin-bottom: ",";\n    text-transform: capitalize;\n  }\n\n  .info-row__value {\n    flex: 1;\n    overflow: auto;\n    word-wrap: break-word;\n    font-weight: 500;\n  }\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n    .info-row__name {\n      font-weight: bold;\n    }\n\n    .info-row__value {\n      width: 100%;\n      font-size: 12px;\n      margin-top: 8px;\n    }\n  }\n"])),(e=>"vertical"===e.layout?"column":"row"),(e=>"vertical"===e.layout?"flex-start":"center"),(e=>e.width),(e=>"vertical"===e.layout?"0":"8px"),(e=>"vertical"===e.layout?"8px":"0"),(e=>e.theme.breakpoints.values.md)),x=f},17682:(e,n,t)=>{t.d(n,{Z:()=>v});var o,l,r=t(71171),a=t(5057),i=t(55898),s=t.n(i),c=t(76720),d=t(24202),m=t(25228),u=t(37200),p=t(1733),f=t(74490),h=t(49127),x=t(56556),g=t(47685),y=t(96266);function v(e){const{size:n,color:t,menu:o,children:l,variant:r,onClick:i,menuButtonProps:s,...d}=e,[h,g]=(0,a.useState)(!1),v=(0,a.useRef)(null),Z=Array.isArray(o)?o.map(((e,n)=>(0,a.isValidElement)(e)?e:(0,a.createElement)(f.Z,{...e,key:n}))):o;return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(b,{variant:r,size:n,color:t,ref:v,...d,children:["function"===typeof l?l():(0,y.jsx)(x.Z,{onClick:i,color:t,children:l}),(0,y.jsx)(x.Z,{onClick:()=>{g((e=>!e))},color:t,...s,"aria-label":"more functions",children:(0,y.jsx)(c.Z,{})})]}),(0,y.jsx)(k,{open:h,anchorEl:v.current,placement:"bottom-end",disablePortal:!1,children:(0,y.jsx)(m.Z,{children:(0,y.jsx)(u.d,{onClickAway:e=>{v.current&&v.current.contains(e.target)||g(!1)},children:(0,y.jsx)(p.Z,{onClick:e=>{e.target.closest(".MuiMenuItem-root")&&g(!1)},children:Z})})})})]})}v.propTypes={size:s().oneOf(["small","medium","large"]),color:s().oneOf(["primary","secondary","inherit"]),menu:s().oneOfType([s().node,s().array]),children:s().node,variant:s().oneOf(["outlined","contained"]),onClick:s().func,menuButtonProps:s().object},v.defaultProps={size:"medium",color:"primary",menu:[],children:null,variant:"contained",onClick:()=>{},menuButtonProps:{}},v.Item=f.Z;const b=(0,g.zo)(h.Z)(o||(o=(0,r.Z)(["\n  > .MuiButtonBase-root:last-of-type {\n    min-width: 2em;\n    padding-left: 0;\n    padding-right: 0;\n  }\n"]))),k=(0,g.zo)(d.Z)(l||(l=(0,r.Z)(["\n  z-index: ",";\n  .MuiList-root {\n    padding: 4px 0;\n  }\n  .MuiListItem-root {\n    padding-top: 4px;\n    padding-bottom: 4px;\n  }\n"])),(e=>e.theme.zIndex.tooltip))},44919:(e,n,t)=>{var o=t(71600);n.Z=void 0;var l=o(t(56930)),r=t(96266),a=(0,l.default)((0,r.jsx)("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"Add");n.Z=a},27773:(e,n,t)=>{var o=t(71600);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=o(t(56930)),r=t(96266),a=(0,l.default)((0,r.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"}),"Delete");n.default=a},83294:(e,n,t)=>{var o=t(71600);n.Z=void 0;var l=o(t(56930)),r=t(96266),a=(0,l.default)((0,r.jsx)("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreVert");n.Z=a},25506:(e,n,t)=>{t.d(n,{Z:()=>x});var o=t(31461),l=t(7896),r=t(5057),a=t(9978),i=t(91213),s=t(62773),c=t(42908),d=t(81937),m=t(38038),u=t(43070),p=t(96266);const f=["className","row"],h=(0,s.ZP)("div",{name:"MuiFormGroup",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:t}=e;return[n.root,t.row&&n.row]}})((e=>{let{ownerState:n}=e;return(0,l.Z)({display:"flex",flexDirection:"column",flexWrap:"wrap"},n.row&&{flexDirection:"row"})})),x=r.forwardRef((function(e,n){const t=(0,c.Z)({props:e,name:"MuiFormGroup"}),{className:r,row:s=!1}=t,x=(0,o.Z)(t,f),g=(0,m.Z)(),y=(0,u.Z)({props:t,muiFormControl:g,states:["error"]}),v=(0,l.Z)({},t,{row:s,error:y.error}),b=(e=>{const{classes:n,row:t,error:o}=e,l={root:["root",t&&"row",o&&"error"]};return(0,i.Z)(l,d.y,n)})(v);return(0,p.jsx)(h,(0,l.Z)({className:(0,a.Z)(b.root,r),ownerState:v,ref:n},x))}))},81937:(e,n,t)=>{t.d(n,{Z:()=>a,y:()=>r});var o=t(31821),l=t(18561);function r(e){return(0,l.Z)("MuiFormGroup",e)}const a=(0,o.Z)("MuiFormGroup",["root","row","error"])},4601:(e,n,t)=>{t.d(n,{Z:()=>r});t(5057);var o=t(57471),l=t(96266);const r=(0,o.Z)((0,l.jsx)("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft")},50999:(e,n,t)=>{t.d(n,{Z:()=>r});t(5057);var o=t(57471),l=t(96266);const r=(0,o.Z)((0,l.jsx)("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight")},67654:(e,n,t)=>{var o=t(5057),l=t(77931);n.Z=function(e,n,t){if(!l.isBrowser)return[n,l.noop,l.noop];if(!e)throw new Error("useLocalStorage key may not be falsy");var r=t?t.raw?function(e){return e}:t.deserializer:JSON.parse,a=o.useRef((function(e){try{var o=t?t.raw?String:t.serializer:JSON.stringify,l=localStorage.getItem(e);return null!==l?r(l):(n&&localStorage.setItem(e,o(n)),n)}catch(i){return n}})),i=o.useState((function(){return a.current(e)})),s=i[0],c=i[1];o.useLayoutEffect((function(){return c(a.current(e))}),[e]);var d=o.useCallback((function(n){try{var o="function"===typeof n?n(s):n;if("undefined"===typeof o)return;var l=void 0;l=t?t.raw?"string"===typeof o?o:JSON.stringify(o):t.serializer?t.serializer(o):JSON.stringify(o):JSON.stringify(o),localStorage.setItem(e,l),c(r(l))}catch(i){}}),[e,c]),m=o.useCallback((function(){try{localStorage.removeItem(e),c(void 0)}catch(i){}}),[e,c]);return[s,d,m]}}}]);
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[2960],{77327:(e,n,t)=>{t.r(n),t.d(n,{BlockletList:()=>se,default:()=>ie});var o,l,r=t(71171),a=t(5057),i=t(33518),s=t(75506),c=t.n(s),d=t(85493),m=t(15849),u=t(67654),p=t(11750),f=t(80576),h=t(51177),x=t(74490),g=t(39948),y=t(72904),v=t(75760),b=t(49384),k=t(44846),Z=t(35966),j=t(25710),w=t(88574),C=t(28726),S=t(68420),P=t(35432),_=t(86229),L=t(81010),z=t(87363),R=t(22228),A=t(32349),B=t(1722),N=t(38242),T=t(75793),D=t(52926),F=t(74094),I=t(78123),M=t(38898),U=t(24138),E=t(96266);function O(e){let{blocklet:n,skipAccessibilityCheck:t=!1,...o}=e;const{t:l}=(0,a.useContext)(S.RD),{urls:r,loading:i,recommendedUrl:s}=(0,U.BZ)(n);if(i&&!t)return(0,E.jsx)(k.Z,{size:12,...o});const c=t?r[0]:s;return c?(0,E.jsx)(V,{...o,children:(0,E.jsx)(W,{children:(0,E.jsx)(M.Z,{href:c,target:"_blank",className:"blocklet-interface",underline:"hover",children:l("common.open")})})}):l("blocklet.router.noAccessibleUrl")}const W=i.Z.div(o||(o=(0,r.Z)(["\n  display: flex;\n  margin: 4px 0;\n"]))),V=i.Z.div(l||(l=(0,r.Z)(["\n  .blocklet-interface {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    white-space: nowrap;\n\n    img {\n      margin-right: 4px;\n    }\n  }\n"])));O.defaultProps={skipAccessibilityCheck:!1};var J=t(44919),K=t(17682),q=t(61813),G=t(31853),H=t(13128),$=t(55372),Q=t(47020),X=t(43316),Y=t(73545);function ee(e){let{onCancel:n,onSuccess:t}=e;const{info:o}=(0,T.h6)(),{t:l}=(0,S.PE)(),{api:r}=(0,Y.T)(),[a,i]=(0,G.Z)({loading:!1,error:"",title:"",description:"",isConnectOpen:!1});return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(H.ZP,{title:l("blocklet.installFromCreate"),fullWidth:!0,maxWidth:"sm",onClose:()=>n(),showCloseButton:!0,open:!0,actions:(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(C.Z,{onClick:e=>{e.stopPropagation(),n()},color:"inherit",children:l("common.cancel")}),(0,E.jsxs)(C.Z,{onClick:e=>{e.stopPropagation(),i({loading:!0,isConnectOpen:!0})},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:a.loading||a.error||!a.title||!a.description,style:{marginLeft:8},children:[a.loading&&(0,E.jsx)(k.Z,{size:16}),l("common.create")]})]}),children:[(0,E.jsx)($.Z,{component:"div",children:(0,E.jsxs)(p.Z,{component:"div",children:[(0,E.jsx)(Q.Z,{style:{marginBottom:24},label:"Blocklet ".concat(l("common.title")),autoComplete:"off",variant:"outlined",fullWidth:!0,autoFocus:!0,value:a.title,onChange:e=>{i({error:"",title:e.target.value})},disabled:a.loading}),(0,E.jsx)(Q.Z,{label:"Blocklet ".concat(l("common.description")),autoComplete:"off",variant:"outlined",fullWidth:!0,value:a.description,onChange:e=>{i({error:"",description:e.target.value})},disabled:a.loading})]})}),!!a.error&&(0,E.jsx)(w.Z,{type:"error",style:{width:"100%",marginTop:8},children:a.error})]}),(0,E.jsx)(X.Z,{popup:!0,open:a.isConnectOpen,forceConnected:!1,className:"launch-from-create-auth",action:"launch-free-blocklet-by-session",checkFn:r.get,checkTimeout:3e5,webWalletUrl:(0,F.yP)(o),onSuccess:e=>{i({loading:!1,isConnectOpen:!1}),t(e)},extraParams:{title:a.title,description:a.description},messages:{title:l("setup.keyPair.title"),scan:l("setup.keyPair.scan"),confirm:l("setup.keyPair.confirm"),success:l("setup.keyPair.success")},onClose:()=>{i({loading:!1,isConnectOpen:!1})}})]})}function ne(e){let{onCreate:n}=e;const t=(0,d.useNavigate)(),{t:o}=(0,S.PE)(),[l,r]=(0,a.useState)(""),[i,s]=(0,a.useState)(""),[c,m]=(0,a.useState)(null),[u,p]=(0,a.useState)(null),f=()=>{m(null)};return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(K.Z,{onClick:()=>t("/store"),menuButtonProps:{"data-cy":"open-install-menu"},menu:[(0,E.jsx)(K.Z.Item,{"data-cy":"open-install-form",onClick:()=>{m({onCancel:()=>{f(),m(null)},onSuccess:()=>{f()}})},children:o("blocklet.installFromUrl")},"1"),(0,E.jsx)(K.Z.Item,{"data-cy":"open-create-form",onClick:()=>{p({onCancel:()=>{p(null)},onSuccess:function(){p(null),n(...arguments)}})},children:o("blocklet.installFromCreate")},"2"),(0,E.jsx)(K.Z.Item,{"data-cy":"open-install-from-spaces",onClick:()=>{t("/blocklets/restore")},children:o("blocklet.restoreFromSpaces.title")},"3"),(0,E.jsx)(K.Z.Item,{"data-cy":"open-install-from-spaces",onClick:()=>(()=>{const e=new URL("http://localhost");e.searchParams.set("restoreFrom","server"),e.searchParams.set("serverUrl",window.location.href),t("/blocklets/restore".concat(e.search))})(),children:o("blocklet.installFromDiskBackup")},"3")].filter(Boolean),children:[(0,E.jsx)(J.Z,{}),o("blocklet.installFromMarket")]}),!!l&&(0,E.jsx)(_.Z,{variant:"error",message:l,onClose:()=>r("")}),!!i&&(0,E.jsx)(_.Z,{variant:"success",duration:3e3,message:i,onClose:()=>s("")}),c&&(0,E.jsx)(q.Z,{onCancel:c.onCancel,onSuccess:c.onSuccess}),u&&(0,E.jsx)(ee,{onCancel:u.onCancel,onSuccess:u.onSuccess})]})}ee.defaultProps={},ne.defaultProps={onCreate:()=>{}};var te,oe,le=t(7199);const re="internal",ae="external";function ie(){return(0,E.jsx)(z.g,{children:(0,E.jsx)(se,{})})}function se(){const e=(0,d.useNavigate)(),n=(0,T.h6)(),[t,o]=(0,m.useSearchParams)(),{data:l,externalData:r,error:i,refresh:s,loading:M}=(0,D.RJ)(),{deletingBlocklets:U,addDeletingDid:W,removeDeletingDid:V,matchDeletingDid:J}=(0,z.K)(),{t:K,locale:q}=(0,S.PE)(),[G,H]=(0,a.useState)(t.get("searchText")),[$]=(0,u.Z)("show-external-blocklet-actions",!1),Q=[{id:re,name:K("blocklet.internal")},{id:ae,name:K("blocklet.external")}],[X,Y]=(0,u.Z)("blocklet-type-filter",re),ee=X===re?l:r,te=(null===n||void 0===n?void 0:n.info.mode)!==P.NODE_MODES.SERVERLESS;J(ee.map((e=>e.meta.did)));const oe=e=>{let{action:n,blocklet:t}=e;"remove"===n&&W(t.meta.did)},ie=e=>{if(e.error)return _.Z.error(e.error.message),void("remove"===e.action&&V(e.blocklet.meta.did));"remove"===e.action&&n.refresh({silent:!0})},se=(0,y.Z)((e=>e.breakpoints.up("md")));let me=null;const ue=ee||[];if(i)me=(0,E.jsx)(w.Z,{type:"error",variant:"icon",children:(0,E.jsxs)("div",{children:[(0,F.Z)(i),(0,E.jsx)(C.Z,{onClick:()=>s({silent:!1}),children:(0,E.jsx)("span",{style:{color:"#44cdc6",textDecoration:"underline"},children:K("common.retry")})})]})});else if(ue.length>0||M){const e=["installedAt","startedAt","stoppedAt","createdAt"],n=e=>{if("starting"===e.status)return new Date("2199").getTime();if("running"===e.status){if(e.appRuntimeInfo)return e.appRuntimeInfo.startAt;if(e.startedAt)return e.startedAt.getTime()}return 0};let t=ue.map((n=>(e.forEach((e=>{if(n[e]){const t=new Date(n[e]);n[e]=t}})),n))).sort(((e,t)=>{const o=n(e);return n(t)-o}));G&&(t=t.filter((e=>{var n;const t=(0,N.getDisplayName)(e)||"",o=(null===(n=e.site)||void 0===n?void 0:n.domainAliases)||[],l=G.trim().toLocaleLowerCase();return e.appDid===G||e.appPid===G||t.toLocaleLowerCase().includes(l)||o.some((e=>{var n;return null===(n=e.value)||void 0===n?void 0:n.toLocaleLowerCase().includes(l)}))})));const l=(0,v.$)("blocklets-list");l.searchText&&!G&&H(l.searchText);const r=[{label:K("common.name"),name:"meta.title",options:{customBodyRenderLite(e){const n=t[e],o=(0,N.getAppMissingConfigs)(n).length>0?"components":"overview";return(0,E.jsx)(m.Link,{to:"/blocklets/".concat(n.meta.did,"/").concat(o),className:"blocklet-name-wrapper",children:(0,E.jsxs)(p.Z,{component:"strong",variant:"body1",className:"blocklet-name",children:[(0,E.jsx)(B.Z,{blocklet:n,style:{marginRight:8}}),(0,E.jsxs)(g.Z,{children:[(0,E.jsx)(g.Z,{children:(0,N.getDisplayName)(n)}),(0,E.jsxs)(g.Z,{children:[(0,E.jsx)(A.Z,{mode:n.mode||""}),!c()(n.controller)&&(0,E.jsx)(R.Z,{type:"primary",children:K("blocklet.external")})]})]})]})},n.meta.did)}}},X===re?{label:K("common.visit"),name:"runtimeInfo.pid",align:"left",options:{sort:!1,customBodyRenderLite(e){const n=t[e];return(0,E.jsx)(O,{blocklet:n},n.meta.did)}}}:null,{label:K("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite(e){const n=t[e];return"running"===n.status&&n.appRuntimeInfo?(0,E.jsx)(b.Z,{value:n.appRuntimeInfo.startAt,locale:q},n.meta.did):""}}},{label:K("common.installedAt"),name:"installedAt",options:{customBodyRenderLite(e){const n=t[e];return n.installedAt?(0,E.jsx)(b.Z,{value:n.installedAt.getTime(),locale:q},n.meta.did):n.createdAt?(0,E.jsx)(b.Z,{value:n.createdAt.getTime(),locale:q},n.meta.did):""}}},{label:K("common.updatedAt"),name:"updatedAt",options:{customBodyRenderLite(e){const n=t[e];return(0,E.jsx)(b.Z,{value:n.updatedAt,locale:q},n.meta.did)}}},{label:K("common.status"),name:"status",width:120,align:"center",options:{customBodyRenderLite(e){const n=t[e];return(0,E.jsx)(L.Z,{"data-cy":"blocklet-status","status-blocklet-did":n.meta.did,status:U.includes(n.meta.did)?"deleting":n.status,source:n.source,progress:n.progress},n.meta.did)}}},X===re||$?{label:K("common.actions"),name:"",width:90,options:{sort:!1,customBodyRenderLite(e){const n=t[e];return(0,E.jsx)(I.Z,{blocklet:n,variant:"menu",onStart:oe,onComplete:ie},n.meta.did)}}}:null].filter(Boolean),a={};se||(a.TableBody=function(e){if(M)return(0,E.jsx)(Z.Z,{relative:"parent",children:(0,E.jsx)(k.Z,{})});const{page:n,rowsPerPage:o}=e,l=t.slice(n*o,(n+1)*o);return l.length?(0,E.jsx)("div",{children:l.map((e=>{const n=(0,N.getAppMissingConfigs)(e).length>0?"components":"overview";return(0,E.jsxs)(g.Z,{className:"blocklet-item--mobile",display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,E.jsx)(B.Z,{className:"blocklet__avatar",blocklet:e,size:se?40:60}),(0,E.jsxs)(m.Link,{className:"blocklet__content",to:"/blocklets/".concat(e.meta.did,"/").concat(n),children:[(0,E.jsxs)(g.Z,{display:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[(0,E.jsx)(p.Z,{component:"strong",variant:"body1",className:"blocklet__name",children:(0,N.getDisplayName)(e,!0)}),(0,E.jsx)(I.Z,{blocklet:e,variant:"menu",onStart:oe,onComplete:ie},e.meta.did)]}),(0,E.jsxs)(p.Z,{component:"small",className:"blocklet__addons",children:[(0,E.jsx)(g.Z,{display:"flex",alignItems:"center",children:(0,E.jsx)(O,{blocklet:e,style:{marginLeft:16,fontSize:14}})}),(0,E.jsx)(L.Z,{"status-blocklet-did":e.meta.did,status:e.status,source:e.source,progress:e.progress},e.meta.did)]})]})]})}))}):(0,E.jsx)(j.Z,{children:K("common.empty")})}),me=(0,E.jsx)(ce,{children:(0,E.jsx)(v.Z,{loading:M,className:"blocklet-list",title:(0,E.jsx)(g.Z,{display:"flex",alignItems:"center",children:K("blocklet.index.tableTitle")}),locale:q,data:t,columns:r,durable:"blocklets-list",options:{download:!1,filter:!1,print:!1,searchPlaceholder:K("common.search"),searchAlwaysOpen:!1,sortOrder:{name:"uptime",direction:"desc"},searchDebounceTime:300,onSearchChange:e=>{H(e),o({searchText:null!==e&&void 0!==e?e:""})},customSearch:()=>!0,...l,searchText:G},components:a})})}else 0===ue.length&&(me=(0,E.jsx)(w.Z,{type:"warning",variant:"icon",children:K("blocklet.index.noBlocklet")}));const pe=r&&r.length>0;return(0,E.jsxs)(de,{children:[(0,E.jsxs)(p.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:[(0,E.jsxs)(g.Z,{display:"flex",alignItems:"center",children:[K("common.blocklets"),(pe||X===ae)&&(0,E.jsx)(f.Z,{sx:{ml:1},children:(0,E.jsx)(h.Z,{value:X,onChange:e=>Y(e.target.value),size:"small",children:Q.map((e=>(0,E.jsx)(x.Z,{value:e.id,children:K(e.name)},e.id)))})})]}),(0,E.jsx)(le.Z,{permission:"mutate_blocklets",children:te&&(0,E.jsx)(ne,{onCreate:n=>{e("/blocklets/".concat(n.appDid,"/components"))}})})]}),me]})}const ce=i.Z.div(te||(te=(0,r.Z)(["\n  .blocklet-item--mobile {\n    padding: 16px 0;\n  }\n"]))),de=i.Z.main(oe||(oe=(0,r.Z)(["\n  .page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .blocklet-list {\n    .blocklet-item--mobile {\n      .blocklet__avatar {\n        margin-right: -60px;\n      }\n      .blocklet__content {\n        padding-left: 68px;\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        z-index: 1;\n      }\n      .blocklet__name {\n        font-weight: bold;\n        text-decoration: none;\n        white-space: normal;\n        word-break: break-all;\n      }\n      .blocklet__addons {\n        display: flex;\n        justify-content: space-between;\n        margin-top: 5px;\n        margin-bottom: -10px;\n      }\n    }\n    .blocklet-name-wrapper {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-start;\n    }\n    .blocklet-name {\n      font-weight: bold;\n      text-decoration: underline;\n      display: flex;\n      align-items: center;\n      white-space: normal;\n      word-break: break-all;\n    }\n\n    .blocklet-interface {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n\n      img {\n        margin-right: 4px;\n      }\n    }\n\n    .MuiToolbar-root {\n      display: flex;\n    }\n  }\n"])))},61813:(e,n,t)=>{t.d(n,{Z:()=>S});var o=t(5057),l=t(55898),r=t.n(l),a=t(13128),i=t(44846),s=t(55372),c=t(11750),d=t(47020),m=t(20870),u=t(31089),p=t(71767),f=t(64886),h=t(43316),x=t(68420),g=t(28726),y=t(88574),v=t(38242),b=t(58238),k=t(73545),Z=t(14491),j=t(4651),w=t(17450),C=t(96266);function S(e){let{defaultUrl:n,onCancel:t,onSuccess:l,onError:r,mode:S,handleText:P}=e;const{api:_}=(0,b.h6)(),{api:L}=(0,k.T)(),[z,R]=(0,o.useState)(!1),[A,B]=(0,o.useState)(""),{t:N}=(0,x.PE)(),T={dist:{}},[D,F]=(0,o.useState)(n),[I,M]=(0,o.useState)(n?1:0),[U,E]=(0,o.useState)(T),[O,W]=(0,o.useState)(!1),[V,J]=(0,o.useState)({}),K="component"===S,q=!!K||!n,G=async()=>{E(T),B(null),R(!0);try{const e=decodeURIComponent(D.trim());try{new URL(e)}catch{throw new Error("Invalid URL")}const{meta:n,inStore:t,registryUrl:o}=await _.getBlockletMetaFromUrl({input:{url:e}});E(n),J({inStore:t,registryUrl:o,inputUrl:D.trim()})}catch(e){console.error(e);const n="Blocklet Install failed: ".concat((0,Z.Z)(e));B(n),r(e)}finally{R(!1)}};(0,o.useEffect)((()=>{n&&G()}),[n]);const H=[{name:N("common.name"),value:(0,v.getDisplayName)({meta:U},!0)},{name:N("common.version"),value:U.version},{name:N("common.did"),value:(0,C.jsx)(w.Z,{did:U.did})},{name:N("common.author"),value:(0,Z.rq)(U.author)},{name:N("blocklet.dist.downloadLink"),value:U.dist.tarball}],$=[{label:N("blocklet.fromUrl.step0"),body:(0,C.jsx)(c.Z,{component:"div",children:(0,C.jsx)(d.Z,{label:N("blocklet.fromUrl.label"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"blocklet-url-input",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",helperText:N("blocklet.fromUrl.description"),value:D,onChange:e=>{B(null),F(e.target.value)},disabled:z,onKeyPress:e=>{"Enter"===e.key&&(e.preventDefault(),G(),M(1))}})}),cancel:N("common.cancel"),confirm:N("common.next"),onCancel:t,onConfirm:()=>{G(),M(1)}},{label:N("blocklet.fromUrl.step1"),body:z?(0,C.jsx)("div",{style:{height:200,width:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"},children:(0,C.jsx)(i.Z,{})}):U.did?(0,C.jsx)("div",{style:{paddingLeft:"10%"},children:H.map((e=>e.name===N("common.did")?(0,C.jsx)(f.Z,{valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:()=>N("common.did"),children:e.value},e.name):(0,C.jsx)(f.Z,{valueComponent:"div",nameWidth:120,name:e.name,children:e.value},e.name)))}):null,cancel:N(q?"common.pre":"common.cancel"),confirm:(null===P||void 0===P?void 0:P.confirm)||N("blocklet.fromUrl.confirm"),onCancel:()=>{q?M((e=>e-1)):t()},onConfirm:()=>{(()=>{if(K)return l({meta:U,...V}),void t();R(!0),W(!0)})()}}],Q=$[I];return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)(a.ZP,{title:(null===P||void 0===P?void 0:P.title)||N("blocklet.fromUrl.title"),fullWidth:!0,maxWidth:"md",onClose:()=>Q.onCancel(),showCloseButton:0===I,disableEscapeKeyDown:!0,open:!0,actions:(0,C.jsxs)(C.Fragment,{children:[Q.cancel&&(0,C.jsx)(g.Z,{onClick:e=>{e.stopPropagation(),B(null),Q.onCancel()},color:"inherit",children:Q.cancel||N("common.cancel")}),(0,C.jsxs)(g.Z,{onClick:e=>{e.stopPropagation(),Q.onConfirm()},color:"primary","data-cy":"install-blocklet-next-step",disabled:z||!D||A,variant:"contained",autoFocus:!0,style:{marginLeft:8},children:[z&&0===I&&(0,C.jsx)(i.Z,{size:16}),Q.confirm]})]}),children:[q&&(0,C.jsx)(m.Z,{alternativeLabel:!0,activeStep:I,children:$.map((e=>{let{label:n}=e;return(0,C.jsx)(u.Z,{children:(0,C.jsx)(p.Z,{children:n})},n)}))}),(0,C.jsx)(s.Z,{component:"div",style:{marginTop:24},children:Q.body}),!!A&&(0,C.jsx)(y.Z,{type:"error",style:{width:"100%",marginTop:8},children:A})]}),U&&O&&(0,C.jsx)(h.Z,{popup:!0,open:!0,forceConnected:!1,className:"launch-from-url-auth",action:"launch-free-blocklet-by-session",checkFn:L.get,checkTimeout:3e5,onSuccess:()=>{R(!1),W(!1),l({meta:U,...V}),t()},extraParams:{title:U.title,wt:(0,j.iK)(U),blockletMetaUrl:decodeURIComponent(D.trim())},messages:{title:N("setup.keyPair.title"),scan:N("setup.keyPair.scan"),confirm:N("setup.keyPair.confirm"),success:N("setup.keyPair.success")},onClose:()=>{R(!1),W(!1)}})]})}S.propTypes={defaultUrl:r().string,onCancel:r().func.isRequired,onSuccess:r().func.isRequired,onError:r().func,mode:r().oneOf(["install","component"]),handleText:r().object},S.defaultProps={onError:()=>{},defaultUrl:"",mode:"install",handleText:{}}},32349:(e,n,t)=>{t.d(n,{Z:()=>i});var o=t(55898),l=t.n(o),r=t(22228),a=t(96266);function i(e){let{mode:n,...t}=e;return"development"===n?(0,a.jsx)(r.Z,{type:"primary",...t,children:"DEV"}):null}i.propTypes={mode:l().string.isRequired}},64886:(e,n,t)=>{t.d(n,{Z:()=>x});var o,l=t(71171),r=t(55898),a=t.n(r),i=t(51540),s=t.n(i),c=t(26538),d=t.n(c),m=t(11750),u=t(47685),p=t(96266);function f(e){let{name:n,nameFormatter:t,layout:o,children:l,valueComponent:r,nameWidth:a,...i}=e;return(0,p.jsxs)(h,{layout:o,width:a,...i,children:[(0,p.jsx)(m.Z,{color:"textSecondary",className:"info-row__name",children:t(n)}),l&&(0,p.jsx)(m.Z,{color:"textPrimary",component:r,className:"info-row__value",children:l})]})}f.propTypes={name:a().any.isRequired,layout:a().oneOf(["horizontal","vertical"]),children:a().any,nameFormatter:a().func,valueComponent:a().string,nameWidth:a().number},f.defaultProps={children:null,nameWidth:90,nameFormatter:e=>{const n=e.split(" ").map((e=>d()(s()(e)))).join(" ");return"string"===typeof e?n:e},valueComponent:"div",layout:"horizontal"};const h=(0,u.zo)("div")(o||(o=(0,l.Z)(["\n  display: flex;\n  flex-direction: ",";\n  justify-content: flex-start;\n  align-items: ",";\n  margin-bottom: 16px;\n\n  .info-row__name {\n    width: ","px;\n    margin-right: ",";\n    margin-bottom: ",";\n    text-transform: capitalize;\n  }\n\n  .info-row__value {\n    flex: 1;\n    overflow: auto;\n    word-wrap: break-word;\n    font-weight: 500;\n  }\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n    .info-row__name {\n      font-weight: bold;\n    }\n\n    .info-row__value {\n      width: 100%;\n      font-size: 12px;\n      margin-top: 8px;\n    }\n  }\n"])),(e=>"vertical"===e.layout?"column":"row"),(e=>"vertical"===e.layout?"flex-start":"center"),(e=>e.width),(e=>"vertical"===e.layout?"0":"8px"),(e=>"vertical"===e.layout?"8px":"0"),(e=>e.theme.breakpoints.values.md)),x=f},17682:(e,n,t)=>{t.d(n,{Z:()=>k});var o,l,r=t(71171),a=t(5057),i=t(55898),s=t.n(i),c=t(76720),d=t(24202),m=t(25228),u=t(37200),p=t(1733),f=t(74490),h=t(49127),x=t(56556),g=t(92706),y=t.n(g),v=t(47685),b=t(96266);function k(e){const{size:n,color:t,menu:o,children:l,variant:r,onClick:i,menuButtonProps:s,...d}=e,[h,g]=(0,a.useState)(!1),y=(0,a.useRef)(null),v=Array.isArray(o)?o.map(((e,n)=>(0,a.isValidElement)(e)?e:(0,a.createElement)(f.Z,{...e,key:n}))):o;return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(Z,{variant:r,size:n,color:t,ref:y,...d,children:["function"===typeof l?l():(0,b.jsx)(x.Z,{onClick:i,color:t,children:l}),(0,b.jsx)(x.Z,{onClick:()=>{g((e=>!e))},color:t,...s,"aria-label":"more functions",children:(0,b.jsx)(c.Z,{})})]}),(0,b.jsx)(j,{open:h,anchorEl:y.current,placement:"bottom-end",disablePortal:!1,children:(0,b.jsx)(m.Z,{children:(0,b.jsx)(u.d,{onClickAway:e=>{y.current&&y.current.contains(e.target)||g(!1)},children:(0,b.jsx)(p.Z,{onClick:e=>{e.target.closest(".MuiMenuItem-root")&&g(!1)},children:v})})})})]})}k.propTypes={size:s().oneOf(["small","medium","large"]),color:s().oneOf(["primary","secondary","inherit"]),menu:s().oneOfType([s().node,s().array]),children:s().node,variant:s().oneOf(["outlined","contained"]),onClick:s().func,menuButtonProps:s().object},k.defaultProps={size:"medium",color:"primary",menu:[],children:null,variant:"contained",onClick:y(),menuButtonProps:{}},k.Item=f.Z;const Z=(0,v.zo)(h.Z)(o||(o=(0,r.Z)(["\n  > .MuiButtonBase-root:last-of-type {\n    min-width: 2em;\n    padding-left: 0;\n    padding-right: 0;\n  }\n"]))),j=(0,v.zo)(d.Z)(l||(l=(0,r.Z)(["\n  z-index: ",";\n  .MuiList-root {\n    padding: 4px 0;\n  }\n  .MuiListItem-root {\n    padding-top: 4px;\n    padding-bottom: 4px;\n  }\n"])),(e=>e.theme.zIndex.tooltip))},44919:(e,n,t)=>{var o=t(71600);n.Z=void 0;var l=o(t(56930)),r=t(96266),a=(0,l.default)((0,r.jsx)("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"Add");n.Z=a},27773:(e,n,t)=>{var o=t(71600);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var l=o(t(56930)),r=t(96266),a=(0,l.default)((0,r.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"}),"Delete");n.default=a},83294:(e,n,t)=>{var o=t(71600);n.Z=void 0;var l=o(t(56930)),r=t(96266),a=(0,l.default)((0,r.jsx)("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreVert");n.Z=a},25506:(e,n,t)=>{t.d(n,{Z:()=>x});var o=t(31461),l=t(7896),r=t(5057),a=t(9978),i=t(91213),s=t(62773),c=t(42908),d=t(81937),m=t(38038),u=t(43070),p=t(96266);const f=["className","row"],h=(0,s.ZP)("div",{name:"MuiFormGroup",slot:"Root",overridesResolver:(e,n)=>{const{ownerState:t}=e;return[n.root,t.row&&n.row]}})((e=>{let{ownerState:n}=e;return(0,l.Z)({display:"flex",flexDirection:"column",flexWrap:"wrap"},n.row&&{flexDirection:"row"})})),x=r.forwardRef((function(e,n){const t=(0,c.Z)({props:e,name:"MuiFormGroup"}),{className:r,row:s=!1}=t,x=(0,o.Z)(t,f),g=(0,m.Z)(),y=(0,u.Z)({props:t,muiFormControl:g,states:["error"]}),v=(0,l.Z)({},t,{row:s,error:y.error}),b=(e=>{const{classes:n,row:t,error:o}=e,l={root:["root",t&&"row",o&&"error"]};return(0,i.Z)(l,d.y,n)})(v);return(0,p.jsx)(h,(0,l.Z)({className:(0,a.Z)(b.root,r),ownerState:v,ref:n},x))}))},81937:(e,n,t)=>{t.d(n,{Z:()=>a,y:()=>r});var o=t(31821),l=t(18561);function r(e){return(0,l.Z)("MuiFormGroup",e)}const a=(0,o.Z)("MuiFormGroup",["root","row","error"])},4601:(e,n,t)=>{t.d(n,{Z:()=>r});t(5057);var o=t(57471),l=t(96266);const r=(0,o.Z)((0,l.jsx)("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"}),"KeyboardArrowLeft")},50999:(e,n,t)=>{t.d(n,{Z:()=>r});t(5057);var o=t(57471),l=t(96266);const r=(0,o.Z)((0,l.jsx)("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}),"KeyboardArrowRight")},67654:(e,n,t)=>{var o=t(5057),l=t(77931);n.Z=function(e,n,t){if(!l.isBrowser)return[n,l.noop,l.noop];if(!e)throw new Error("useLocalStorage key may not be falsy");var r=t?t.raw?function(e){return e}:t.deserializer:JSON.parse,a=o.useRef((function(e){try{var o=t?t.raw?String:t.serializer:JSON.stringify,l=localStorage.getItem(e);return null!==l?r(l):(n&&localStorage.setItem(e,o(n)),n)}catch(i){return n}})),i=o.useState((function(){return a.current(e)})),s=i[0],c=i[1];o.useLayoutEffect((function(){return c(a.current(e))}),[e]);var d=o.useCallback((function(n){try{var o="function"===typeof n?n(s):n;if("undefined"===typeof o)return;var l=void 0;l=t?t.raw?"string"===typeof o?o:JSON.stringify(o):t.serializer?t.serializer(o):JSON.stringify(o):JSON.stringify(o),localStorage.setItem(e,l),c(r(l))}catch(i){}}),[e,c]),m=o.useCallback((function(){try{localStorage.removeItem(e),c(void 0)}catch(i){}}),[e,c]);return[s,d,m]}}}]);

package/build/static/js/3058.cea35b61.chunk.js

@@ -0,0 +1 @@
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[3058],{18067:(e,t,r)=>{"use strict";t.Z=void 0;(n=r(5057))&&n.__esModule;var n,o=r(96266);function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){s(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var c=function(e){return(0,o.jsx)("svg",i(i({},e),{},{children:(0,o.jsx)("path",{d:"M11.78 2.25c-2.767 0-5.019 2.271-5.019 5.063v3.037H5.758a2.018 2.018 0 0 0-2.008 2.025v8.1c0 1.117.9 2.025 2.008 2.025h12.045a2.018 2.018 0 0 0 2.007-2.025v-8.1c0-1.117-.9-2.025-2.007-2.025h-1.004V7.313c0-2.792-2.251-5.063-5.019-5.063zm6.023 10.125l.002 8.1H5.758v-8.1h12.045zM8.769 10.35V7.313c0-1.675 1.35-3.038 3.011-3.038 1.66 0 3.011 1.363 3.011 3.037v3.038H8.77z"})}))};c.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},c.displayName="lock";var d=c;t.Z=d},64886:(e,t,r)=>{"use strict";r.d(t,{Z:()=>m});var n,o=r(71171),a=r(55898),i=r.n(a),s=r(51540),c=r.n(s),d=r(26538),l=r.n(d),p=r(11750),h=r(47685),u=r(96266);function f(e){let{name:t,nameFormatter:r,layout:n,children:o,valueComponent:a,nameWidth:i,...s}=e;return(0,u.jsxs)(v,{layout:n,width:i,...s,children:[(0,u.jsx)(p.Z,{color:"textSecondary",className:"info-row__name",children:r(t)}),o&&(0,u.jsx)(p.Z,{color:"textPrimary",component:a,className:"info-row__value",children:o})]})}f.propTypes={name:i().any.isRequired,layout:i().oneOf(["horizontal","vertical"]),children:i().any,nameFormatter:i().func,valueComponent:i().string,nameWidth:i().number},f.defaultProps={children:null,nameWidth:90,nameFormatter:e=>{const t=e.split(" ").map((e=>l()(c()(e)))).join(" ");return"string"===typeof e?t:e},valueComponent:"div",layout:"horizontal"};const v=(0,h.zo)("div")(n||(n=(0,o.Z)(["\n  display: flex;\n  flex-direction: ",";\n  justify-content: flex-start;\n  align-items: ",";\n  margin-bottom: 16px;\n\n  .info-row__name {\n    width: ","px;\n    margin-right: ",";\n    margin-bottom: ",";\n    text-transform: capitalize;\n  }\n\n  .info-row__value {\n    flex: 1;\n    overflow: auto;\n    word-wrap: break-word;\n    font-weight: 500;\n  }\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n    .info-row__name {\n      font-weight: bold;\n    }\n\n    .info-row__value {\n      width: 100%;\n      font-size: 12px;\n      margin-top: 8px;\n    }\n  }\n"])),(e=>"vertical"===e.layout?"column":"row"),(e=>"vertical"===e.layout?"flex-start":"center"),(e=>e.width),(e=>"vertical"===e.layout?"0":"8px"),(e=>"vertical"===e.layout?"8px":"0"),(e=>e.theme.breakpoints.values.md)),m=f},44919:(e,t,r)=>{"use strict";var n=r(71600);t.Z=void 0;var o=n(r(56930)),a=r(96266),i=(0,o.default)((0,a.jsx)("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"Add");t.Z=i},11593:(e,t,r)=>{"use strict";var n=r(71600);t.Z=void 0;var o=n(r(56930)),a=r(96266),i=(0,o.default)((0,a.jsx)("path",{d:"M17 20.41 18.41 19 15 15.59 13.59 17 17 20.41zM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8z"}),"CallMerge");t.Z=i},76416:(e,t,r)=>{"use strict";var n=r(71600);t.Z=void 0;var o=n(r(56930)),a=r(96266),i=(0,o.default)((0,a.jsx)("path",{d:"M12.16 3h-.32L9.21 8.25h5.58zm4.3 5.25h5.16L19 3h-5.16zm4.92 1.5h-8.63V20.1zM11.25 20.1V9.75H2.62zM7.54 8.25 10.16 3H5L2.38 8.25z"}),"Diamond");t.Z=i},17655:(e,t,r)=>{"use strict";var n=r(71600);t.Z=void 0;var o=n(r(56930)),a=r(96266),i=(0,o.default)((0,a.jsx)("path",{d:"m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"}),"ExpandLess");t.Z=i},31942:(e,t,r)=>{"use strict";var n=r(71600);t.Z=void 0;var o=n(r(56930)),a=r(96266),i=(0,o.default)((0,a.jsx)("path",{d:"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z"}),"Https");t.Z=i},34966:(e,t,r)=>{"use strict";var n=r(71600);t.Z=void 0;var o=n(r(56930)),a=r(96266),i=(0,o.default)((0,a.jsx)("path",{d:"M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"}),"InfoOutlined");t.Z=i},96538:(e,t,r)=>{"use strict";var n=r(71600);t.Z=void 0;var o=n(r(56930)),a=r(96266),i=(0,o.default)((0,a.jsx)("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"}),"OpenInNew");t.Z=i},38763:(e,t,r)=>{"use strict";r.d(t,{Z:()=>b});var n=r(7896),o=r(31461),a=r(5057),i=r(9978),s=r(91213),c=r(62773),d=r(42908),l=r(25228),p=r(31821),h=r(18561);function u(e){return(0,h.Z)("MuiCard",e)}(0,p.Z)("MuiCard",["root"]);var f=r(96266);const v=["className","raised"],m=(0,c.ZP)(l.Z,{name:"MuiCard",slot:"Root",overridesResolver:(e,t)=>t.root})((()=>({overflow:"hidden"}))),b=a.forwardRef((function(e,t){const r=(0,d.Z)({props:e,name:"MuiCard"}),{className:a,raised:c=!1}=r,l=(0,o.Z)(r,v),p=(0,n.Z)({},r,{raised:c}),h=(e=>{const{classes:t}=e;return(0,s.Z)({root:["root"]},u,t)})(p);return(0,f.jsx)(m,(0,n.Z)({className:(0,i.Z)(h.root,a),elevation:c?8:void 0,ref:t,ownerState:p},l))}))},75392:(e,t,r)=>{"use strict";r.d(t,{Z:()=>m});var n=r(7896),o=r(31461),a=r(5057),i=r(9978),s=r(91213),c=r(62773),d=r(42908),l=r(31821),p=r(18561);function h(e){return(0,p.Z)("MuiCardContent",e)}(0,l.Z)("MuiCardContent",["root"]);var u=r(96266);const f=["className","component"],v=(0,c.ZP)("div",{name:"MuiCardContent",slot:"Root",overridesResolver:(e,t)=>t.root})((()=>({padding:16,"&:last-child":{paddingBottom:24}}))),m=a.forwardRef((function(e,t){const r=(0,d.Z)({props:e,name:"MuiCardContent"}),{className:a,component:c="div"}=r,l=(0,o.Z)(r,f),p=(0,n.Z)({},r,{component:c}),m=(e=>{const{classes:t}=e;return(0,s.Z)({root:["root"]},h,t)})(p);return(0,u.jsx)(v,(0,n.Z)({as:c,className:(0,i.Z)(m.root,a),ownerState:p,ref:t},l))}))},48191:(e,t,r)=>{var n=r(54305);e.exports=function(e,t){for(var r=-1,o=e.length;++r<o&&n(t,e[r],0)>-1;);return r}},11854:(e,t,r)=>{var n=r(57333),o=r(39594),a=r(69123),i=r(38828),s=r(48191),c=r(38554),d=r(26849);e.exports=function(e,t,r){if((e=d(e))&&(r||void 0===t))return o(e);if(!e||!(t=n(t)))return e;var l=c(e),p=c(t),h=s(l,p),u=i(l,p)+1;return a(l,h,u).join("")}},46422:(e,t,r)=>{"use strict";r.r(t),r.d(t,{base32:()=>l,base32hex:()=>f,base32hexpad:()=>m,base32hexpadupper:()=>b,base32hexupper:()=>v,base32pad:()=>h,base32padupper:()=>u,base32upper:()=>p,base32z:()=>x});new Uint8Array(0);class n{constructor(e,t,r){this.name=e,this.prefix=t,this.baseEncode=r}encode(e){if(e instanceof Uint8Array)return"".concat(this.prefix).concat(this.baseEncode(e));throw Error("Unknown type, must be binary type")}}class o{constructor(e,t,r){if(this.name=e,this.prefix=t,void 0===t.codePointAt(0))throw new Error("Invalid prefix character");this.prefixCodePoint=t.codePointAt(0),this.baseDecode=r}decode(e){if("string"===typeof e){if(e.codePointAt(0)!==this.prefixCodePoint)throw Error("Unable to decode multibase string ".concat(JSON.stringify(e),", ").concat(this.name," decoder only supports inputs prefixed with ").concat(this.prefix));return this.baseDecode(e.slice(this.prefix.length))}throw Error("Can only multibase decode strings")}or(e){return i(this,e)}}class a{constructor(e){this.decoders=e}or(e){return i(this,e)}decode(e){const t=e[0],r=this.decoders[t];if(r)return r.decode(e);throw RangeError("Unable to decode multibase string ".concat(JSON.stringify(e),", only inputs prefixed with ").concat(Object.keys(this.decoders)," are supported"))}}const i=(e,t)=>new a({...e.decoders||{[e.prefix]:e},...t.decoders||{[t.prefix]:t}});class s{constructor(e,t,r,a){this.name=e,this.prefix=t,this.baseEncode=r,this.baseDecode=a,this.encoder=new n(e,t,r),this.decoder=new o(e,t,a)}encode(e){return this.encoder.encode(e)}decode(e){return this.decoder.decode(e)}}const c=e=>{let{name:t,prefix:r,encode:n,decode:o}=e;return new s(t,r,n,o)},d=e=>{let{name:t,prefix:r,bitsPerChar:n,alphabet:o}=e;return c({prefix:r,name:t,encode:e=>((e,t,r)=>{const n="="===t[t.length-1],o=(1<<r)-1;let a="",i=0,s=0;for(let c=0;c<e.length;++c)for(s=s<<8|e[c],i+=8;i>r;)i-=r,a+=t[o&s>>i];if(i&&(a+=t[o&s<<r-i]),n)for(;a.length*r&7;)a+="=";return a})(e,o,n),decode:e=>((e,t,r,n)=>{const o={};for(let l=0;l<t.length;++l)o[t[l]]=l;let a=e.length;for(;"="===e[a-1];)--a;const i=new Uint8Array(a*r/8|0);let s=0,c=0,d=0;for(let l=0;l<a;++l){const t=o[e[l]];if(void 0===t)throw new SyntaxError("Non-".concat(n," character"));c=c<<r|t,s+=r,s>=8&&(s-=8,i[d++]=255&c>>s)}if(s>=r||255&c<<8-s)throw new SyntaxError("Unexpected end of data");return i})(e,o,n,t)})},l=d({prefix:"b",name:"base32",alphabet:"abcdefghijklmnopqrstuvwxyz234567",bitsPerChar:5}),p=d({prefix:"B",name:"base32upper",alphabet:"ABCDEFGHIJKLMNOPQRSTUVWXYZ234567",bitsPerChar:5}),h=d({prefix:"c",name:"base32pad",alphabet:"abcdefghijklmnopqrstuvwxyz234567=",bitsPerChar:5}),u=d({prefix:"C",name:"base32padupper",alphabet:"ABCDEFGHIJKLMNOPQRSTUVWXYZ234567=",bitsPerChar:5}),f=d({prefix:"v",name:"base32hex",alphabet:"0123456789abcdefghijklmnopqrstuv",bitsPerChar:5}),v=d({prefix:"V",name:"base32hexupper",alphabet:"0123456789ABCDEFGHIJKLMNOPQRSTUV",bitsPerChar:5}),m=d({prefix:"t",name:"base32hexpad",alphabet:"0123456789abcdefghijklmnopqrstuv=",bitsPerChar:5}),b=d({prefix:"T",name:"base32hexpadupper",alphabet:"0123456789ABCDEFGHIJKLMNOPQRSTUV=",bitsPerChar:5}),x=d({prefix:"h",name:"base32z",alphabet:"ybndrfg8ejkmcpqxot1uwisza345h769",bitsPerChar:5})}}]);

package/build/static/js/3389.d92ce0a7.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[3389],{13455:(e,t,n)=>{n.d(t,{Z:()=>d});var o=n(55898),a=n.n(o),s=n(36687),r=n(72333);const l="data:image/png;base64,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";var i=n(74094),c=n(96266);function d(e){let{blocklet:t,blockletMetaUrl:n}=e;const{did:o,logo:a}=t.meta;let d;return d=a?(0,c.jsx)(s.Z,{src:(0,i.aZ)({did:o,logoPath:a,baseUrl:new URL(n).origin}),fallback:l,width:64,size:"contain",placeholder:"application logo"}):(0,c.jsx)(r.Z,{did:o,size:64}),d}d.propTypes={blocklet:a().object.isRequired,blockletMetaUrl:a().string.isRequired}},13932:(e,t,n)=>{n.d(t,{Z:()=>x});var o,a=n(71171),s=n(68420),r=n(77277),l=n(33518),i=n(39948),c=n(5057),d=n(11397),p=n.n(d),u=n(34937),h=n(96266);const m=p()("@abtnode/webapp:launch-blocklet:download-progress");const f=(e,t)=>{m("getDownloadBundleStep",e);return(e||[]).map((e=>{var n;const o=t("launchBlocklet.waiting.".concat("extracting"===e.status?"extractingComponent":"downloadingComponent"),{name:(null===(n=e.component)||void 0===n?void 0:n.title)||""}),a=e.total&&e.current?": ".concat(Math.floor(e.current/e.total*100)," %"):"";let s=e.name?": ".concat(e.name):"";return a||(s+="..."),"".concat(o).concat(a).concat(s)})).join("\n")};function x(e){let{appDid:t,visible:n}=e;const{t:o}=(0,s.PE)(),a=function(e){let{appDid:t}=e;const[n,o]=(0,c.useState)([]),a=(0,u.ZP)();return(0,c.useEffect)((()=>(a.on(r.BlockletEvents.downloadBundleProgress,(e=>{t&&t===(null===e||void 0===e?void 0:e.appDid)&&o((t=>{const n=[...t],o=n.findIndex((t=>{var n,o;return(null===(n=t.component)||void 0===n?void 0:n.did)===(null===(o=e.component)||void 0===o?void 0:o.did)}));return"completed"===e.status?-1!==o&&n.splice(o,1):-1!==o?n[o]=e:n.push(e),[...n]}))})),()=>{a.off(r.BlockletEvents.downloadBundleProgress)})),[t,a]),n}({appDid:t});return(0,h.jsx)(g,{style:{display:n?"block":"none"},children:f(a,o)})}x.defaultProps={appDid:"",visible:!0};const g=(0,l.Z)(i.Z)(o||(o=(0,a.Z)(["\n  flex: 0 0 auto;\n  white-space: pre;\n  overflow-y: auto;\n  overflow-x: auto;\n  max-height: 10em;\n  max-width: 500px;\n  min-width: auto;\n  @media (max-width: ","px) {\n    max-width: 90%;\n    max-height: 30vh;\n  }\n"])),(e=>e.theme.breakpoints.values.md))},66436:(e,t,n)=>{n.d(t,{Z:()=>l});var o,a=n(71171),s=n(33518),r=n(96266);function l(e){let{children:t}=e;return(0,r.jsx)(i,{children:t})}const i=s.Z.div(o||(o=(0,a.Z)(["\n  color: #1dc1c7;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n"])))},11476:(e,t,n)=>{n.d(t,{Z:()=>g});var o=n(5057),a=n(77277),s=n(31853),r=n(11397),l=n.n(r),i=n(34937),c=n(10155);const d=l()("@abtnode/webapp:launch-blocklet:runtime-state"),p=Object.keys(a.BlockletStatus),u=Object.values(a.BlockletStatus),h=Object.values(a.BlockletEvents).filter((e=>![a.BlockletEvents.purchaseChange,a.BlockletEvents.domainStatus].includes(e))),m=(e,t)=>{var n;return(null===e||void 0===e?void 0:e.appDid)===t||(null===e||void 0===e||null===(n=e.meta)||void 0===n?void 0:n.did)===t},f=8e3,x=2e3;function g(e){const t=(0,c.Z)(),n=(0,i.ZP)(),a=(0,o.useRef)(null),r=()=>{e&&!a.current&&(a.current=setInterval((()=>{e&&(d("polling blocklet state"),v())}),x))},[l,g]=(0,s.Z)({status:null,eventName:"",runtimeBlocklet:null,error:"",isGetBlocklet:!1,startPolling:r,stopPolling:()=>{a.current&&clearInterval(a.current)}}),v=()=>{t.getBlocklet({input:{did:e,attachRuntimeInfo:!0}}).then((e=>{g({status:e.blocklet?e.blocklet.status:"",eventName:"",runtimeBlocklet:e.blocklet,isGetBlocklet:!0})})).catch((e=>{console.error("get blocklet failed",e)}))};(0,o.useEffect)((()=>{let t=null;return e&&(d("schedule polling blocklet state"),t=setTimeout((()=>{r()}),f)),()=>{t&&clearInterval(t)}}),[e]),(0,o.useEffect)((()=>{e?null===l.status&&(d("polling blocklet state on start"),v()):g({status:"",eventName:"",runtimeBlocklet:null})}),[e,l.status]);const k=t=>n=>{if(m(n,e)){const e={status:null,eventName:t,runtimeBlocklet:n,isGetBlocklet:!1};if(n.error)d("blocklet error",{blockletEventName:t,error:n.error}),e.status="error",e.error=n.error;else{const o=p[u.indexOf(n.status)];d("blocklet event",{blockletEventName:t,status:o}),o&&(e.status=o)}g(e)}};for(const s of h)(0,o.useEffect)((()=>{const t=k(s);return e&&n.on(s,t),()=>{e&&n.off(s,t)}}),[e]);return l}},53389:(e,t,n)=>{n.r(t),n.d(t,{default:()=>Ut});var o,a=n(71171),s=n(5057),r=n(53616),l=n.n(r),i=n(85493),c=n(6352),d=n.n(c),p=n(21371),u=n(72904),h=n(33518),m=n(68420),f=n(63902),x=n(51703),g=n(12073),v=n(10866),k=n(4456),w=n(99641),y=n(4651),b=n(14491),j=n(25339),A=n(75793),Z=n(2660),E=n(39948),S=n(19577),C=n(2478),P=n(44067),B=n(28726),T=n(42876),D=n(55898),R=n(96266);function M(e){let{children:t,selected:n}=e;return(0,R.jsxs)(L,{children:[t,(0,R.jsx)(E.Z,{className:"selected-container ".concat(n?"selected":""),children:(0,R.jsx)(T.default,{className:"selected-icon"})})]})}const L=(0,h.Z)(E.Z)(o||(o=(0,a.Z)(["\n  position: relative;\n\n  .selected-container {\n    display: flex !important;\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n    -webkit-box-pack: end;\n    justify-content: flex-end;\n    align-items: flex-end;\n    width: 32px;\n    height: 32px;\n    border-radius: 0px 0px 8px;\n    color: rgb(255, 255, 255);\n    overflow: hidden;\n    transition: all 0.4s ease 0s;\n\n    &::after {\n      position: absolute;\n      z-index: 0;\n      left: 60px;\n      top: 60px;\n      display: block;\n      width: 0px;\n      height: 0px;\n      border-width: 16px;\n      border-style: solid;\n      border-color: transparent #1dc1c7 #1dc1c7 transparent;\n      transition: all 0.1s ease 0s;\n      content: '';\n    }\n\n    .selected-icon {\n      visibility: hidden;\n      width: 60%;\n      height: 60%;\n      position: relative;\n      z-index: 2;\n      margin: 0px 1px 1px 0px;\n      font-size: 16px;\n      transition: all 0.2s ease 0s;\n    }\n  }\n\n  .selected-container.selected {\n    &::after {\n      left: 0px;\n      top: 0px;\n    }\n\n    .selected-icon {\n      visibility: visible;\n    }\n  }\n"])));M.propTypes={children:D.node.isRequired,selected:D.bool},M.defaultProps={selected:!1};var N=n(67654),F=n(65873),Q=n(94639);const U=(0,s.createContext)({}),{Provider:O,Consumer:G}=U;function I(e){let{children:t}=e;const{t:n}=(0,m.PE)(),[o,a]=(0,N.Z)("spaceGatewaysForRestore",[{name:"Prod DID Spaces",url:"https://www.didspaces.com/app",protected:!0},{name:"Staging DID Spaces",url:"https://spaces.staging.arcblock.io/app",protected:!0}]),[r,l]=(0,N.Z)("selectedSpaceGatewayForRestore",o.find((e=>"https://www.didspaces.com/app"===e.url)));return(0,s.useEffect)((()=>{!async function(){const e=await Promise.all(o.map((async e=>{var t;const{data:n}=await Q.Z.get(d()(e.url,"/__blocklet__.js?type=json"),{timeout:5e3}).catch((e=>(console.error(e),{data:{}}))),o=null!==(t=n.appName)&&void 0!==t?t:e.name;return(0,F.merge)(e,{name:o})})));a(e)}()}),[]),(0,R.jsx)(O,{value:{spaceGateways:o,selectedSpaceGateway:r,addSpaceGateway:e=>{const t=o.find((t=>e.url===t.url));if(t)throw new Error(n("storage.spaces.gateway.add.duplicate",{name:t.name}));a((()=>[...o,(0,F.cloneDeep)(e)])),l(e)},deleteSpaceGateway:e=>{if(e.url===r.url)throw new Error(n("storage.spaces.gateway.delete.failedForSelected"));a((()=>o.filter((t=>t.url!==e.url))))},handleSelectSpaceGateway:e=>{l(e)}},children:t})}I.defaultProps={};var J=n(92877),z=n(11750),H=n(83580),X=n(94552),K=n(67680),Y=n(19778),W=n(47595),_=n(60939),V=n(86229),q=n(72443),$=n.n(q);function ee(e){let{spaceGateway:t,onDeleteSpaceGateway:n}=e;const{t:o}=(0,m.PE)(),[a,r]=(0,s.useState)(!1),[l,i]=(0,s.useState)(!1),c=(e,t)=>{null===e||void 0===e||e.stopPropagation(),r(t)};return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(K.Z,{size:"small",onClick:e=>c(e,!0),children:(0,R.jsx)(W.default,{})}),(0,R.jsx)(_.Z,{title:o("common.delConfirmDescription",{data:"".concat(null===t||void 0===t?void 0:t.name)}),open:a,confirmButton:{text:o("common.confirm"),props:{variant:"contained",color:"error",loading:l}},cancelButton:{text:o("common.cancel"),props:{variant:"contained",color:"primary"}},onConfirm:async e=>{try{null===e||void 0===e||e.stopPropagation(),i(!0),await n(t),r(!1)}catch(a){console.error(a),V.Z.error("".concat(o("storage.spaces.gateway.delete.failed"),": ").concat($()(a)))}finally{i(!1)}},onCancel:e=>c(e,!1)})]})}ee.defaultProps={onDeleteSpaceGateway:()=>{}};const te=ee;var ne=n(95335);const oe=function(){const e=(0,ne.Z)(),t=(0,u.Z)(e.breakpoints.down("md"));return{minWidth:t?300:e.breakpoints.values.sm,isMobile:t}};var ae,se=n(74094);const re=(0,J.Z)((()=>({menuName:{display:"flex",flex:1,flexDirection:"column",paddingRight:"24px","& span":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}})));function le(e){let{spaceGateway:t,selected:n,onDeleteSpaceGateway:o,onSelectGateway:a,...s}=e;const r=re(),{t:l}=(0,m.PE)(),{isMobile:i}=oe();return(0,R.jsxs)(ie,{...s,children:[(0,R.jsx)(E.Z,{display:"inline-flex",marginRight:"8px",alignItems:"center",children:(0,R.jsx)("img",{alt:t.name,src:d()(t.url,"favicon.ico"),width:"48px",height:"48px"})}),(0,R.jsxs)(E.Z,{className:r.menuName,onClick:a,children:[(0,R.jsxs)(z.Z,{component:"span",variant:"subtitle1",style:{fontWeight:"400"},children:[null===t||void 0===t?void 0:t.name," ",n&&(0,R.jsx)(Y.Z,{color:"primary",style:{marginLeft:"8px"},children:l("common.selected")})]}),(0,R.jsx)(z.Z,{className:"url",component:"span",variant:"inherit",children:"".concat(i?(0,se.aS)(null===t||void 0===t?void 0:t.url,38):null===t||void 0===t?void 0:t.url)})]}),(0,R.jsxs)(H.Z,{children:[(0,R.jsx)(K.Z,{onClick:e=>{e.stopPropagation(),window.open(t.url)},size:"small",children:(0,R.jsx)(X.Z,{})}),!0!==(null===t||void 0===t?void 0:t.protected)&&(0,R.jsx)(te,{spaceGateway:t,onDeleteSpaceGateway:async()=>{await o(t)}})]})]})}const ie=(0,h.Z)(E.Z)(ae||(ae=(0,a.Z)(["\n  display: flex;\n"])));le.defaultProps={onDeleteSpaceGateway:()=>{},selected:!1,onSelectGateway:()=>{}};var ce=n(13128),de=n(44846),pe=n(47020),ue=n(55372),he=n(88574),me=n(84584);function fe(e){let{onAddGateway:t,...n}=e;const{t:o,locale:a}=(0,m.PE)(),[r,l]=(0,s.useState)(""),[i,c]=(0,s.useState)(!1),[p,u]=(0,s.useState)(!1),[h,f]=(0,s.useState)(""),x=async()=>{try{c(!0);const e=await(0,me.Z3)(r,{withSearchParams:!1});if(!await(0,me.w2)(e))throw new Error(o("storage.spaces.gateway.add.invalidUrl"));const{data:n}=await Q.Z.get(d()(new URL(e).origin,"/__blocklet__.js?type=json")),a={name:n.appName,url:e,protected:!1};await t(a),V.Z.success(o("storage.spaces.addedWithName",{name:a.name})),u(!1)}catch(e){f("".concat(o("storage.spaces.gateway.add.failed",a),": ").concat($()(e)))}finally{c(!1)}};return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(B.Z,{size:"middle",color:"primary",variant:"outlined",onClick:()=>u(!0),...n,children:o("storage.spaces.gateway.add.title")}),(0,R.jsxs)(ce.ZP,{title:o("storage.spaces.gateway.add.title"),fullWidth:!0,maxWidth:"md",open:p,onClose:()=>u(!1),PaperProps:{style:{minHeight:"auto"}},actions:(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(B.Z,{onClick:e=>{e.stopPropagation(),u(!1)},color:"inherit",children:o("common.cancel")}),(0,R.jsxs)(B.Z,{onClick:e=>{e.stopPropagation(),x()},color:"primary","data-cy":"install-blocklet-next-step",disabled:i||!r,variant:"contained",autoFocus:!0,children:[i&&(0,R.jsx)(de.Z,{size:16}),o("common.confirm")]})]}),children:[(0,R.jsx)("div",{style:{paddingTop:12,overflowY:"hidden"},children:(0,R.jsx)(ue.Z,{component:"div",children:(0,R.jsx)(z.Z,{component:"div",children:(0,R.jsx)(pe.Z,{label:o("storage.spaces.gateway.add.label"),autoComplete:"off",variant:"outlined",name:"url",fullWidth:!0,value:r,onChange:e=>{f(null),l(e.target.value)},disabled:i,onKeyPress:async e=>{"Enter"===e.key&&(e.preventDefault(),await x())},autoFocus:!0})})})}),!!h&&(0,R.jsx)(he.Z,{type:"error",style:{width:"100%"},children:h})]})]})}fe.defaultProps={onAddGateway:()=>{}};const xe=fe;function ge(e){let{onConnect:t,...n}=e;const{spaceGateways:o,selectedSpaceGateway:a,handleSelectSpaceGateway:r,addSpaceGateway:l,deleteSpaceGateway:i}=(0,s.useContext)(U),{t:c}=(0,m.PE)(),d=async e=>{await i(e)};return(0,R.jsxs)(E.Z,{...n,children:[(0,R.jsx)(S.Z,{children:o.map((e=>{const t=(null===e||void 0===e?void 0:e.url)===a.url;return(0,R.jsx)(M,{selected:t,children:(0,R.jsx)(C.ZP,{button:!0,selected:t,"data-cy":"get-space-endpoint-for-restore",children:(0,R.jsx)(P.Z,{children:(0,R.jsx)(le,{spaceGateway:e,onDeleteSpaceGateway:d,selected:t,onSelectGateway:()=>(e=>{r(e)})(e)})})},e.url)})}))}),(0,R.jsxs)(E.Z,{display:"flex",marginTop:"16px",justifyContent:"center",alignItems:"center",children:[(0,R.jsx)(xe,{onAddGateway:async e=>{await l(e)}}),(0,R.jsx)(B.Z,{sx:{marginLeft:"16px"},size:"middle",variant:"contained",onClick:()=>{t(a)},children:c("storage.spaces.connect.now")})]})]})}ge.defaultProps={onConnect:()=>{}};const ve=ge;var ke;const we=(0,h.Z)("div")(ke||(ke=(0,a.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"])));const ye=function(){const{info:e}=(0,A.h6)(),{t:t,locale:n}=(0,s.useContext)(m.RD),o=(0,s.useMemo)((()=>e?(0,y.RU)(e):""),[e]);return(0,R.jsx)(I,{children:(0,R.jsxs)(we,{children:[(0,R.jsx)(Z.Z,{title:t("blocklet.restoreFromSpaces.connect.title"),subTitle:t("blocklet.restoreFromSpaces.connect.subTitle"),onClickBack:()=>window.history.back()}),(0,R.jsx)(E.Z,{display:"flex",justifyContent:"center",children:(0,R.jsx)(ve,{sx:{marginTop:"64px",marginBottom:"32px",width:"720px"},onConnect:e=>{const t=new URL(d()(e.url,"restore")),a=d()(o,"blocklets/restore/verify-ownership");t.searchParams.set("redirectUrl",a),t.searchParams.set("locale",n),window.location.href=t.toString()}})})]})})};var be,je=n(15849),Ae=n(73545),Ze=n(43316),Ee=n(17450),Se=n(38898),Ce=n(39463),Pe=n(70461),Be=n(31853),Te=n(13455),De=n(13932),Re=n(31910),Me=n(93040);const Le=(0,h.Z)("div")(be||(be=(0,a.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),Ne="verify-app-ownership-spaces";const Fe=function(){const{session:e}=(0,Ae.T)(),[t]=(0,je.useSearchParams)(),{t:n}=(0,m.PE)(),{api:o,info:a}=(0,A.h6)(),{api:r}=(0,Ae.T)(),{meta:l}=(0,Re.J_)(),c=(0,i.useNavigate)(),p=(0,s.useMemo)((()=>a?(0,y.RU)(a):""),[a]),[u,h]=(0,Be.Z)({isRestoring:!1,isComplete:!1,isOverwrite:!1,shouldReconnect:!1,exists:!1,accessUrl:"",isConnectOpen:!1,isConfirmOpen:!1,connectData:{action:"",checkFn:()=>{},extraParams:{}},connectMessages:{}}),f=t.get("launchType"),x=t.get("nftId"),g=t.get("chainHost"),v=t.get("from"),k=t.get("blocklet_meta_url"),w=t.get("launcherSessionId")||"",b=t.get("launcherUrl")||"",j=(e=>{const t=e.split("/").filter(Boolean);return t[t.length-2]})(l.spaceEndpoint),S=(0,Ce.getServerAuthMethod)(a,f,w,e.user),C=async(t,n)=>{const o=Array.isArray(t)?t.find((e=>!!e.sessionToken)):t;null!==o&&void 0!==o&&o.sessionToken&&((0,se.ZB)(n(o.sessionToken)),await e.refresh()),h({isConnectOpen:!1}),setTimeout((()=>{const e=new URLSearchParams({appDid:j});[{name:"launchType",value:f},{name:"nftId",value:x},{name:"from",value:v},{name:"blocklet_meta_url",value:k},{name:"chainHost",value:g}].forEach((t=>{let{name:n,value:o}=t;o&&e.set(n,o)})),c("/blocklets/restore/restore-blocklet?".concat(e.toString()))}),0)},P=async function(){var t,a,s;let i=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(!i){if(u.shouldReconnect)return void(window.location.href=d()(p,"blocklets/restore/connect-space"));if(e.user){const e=await o.getBlocklet({input:{did:j,attachRuntimeInfo:!0}});if(e.blocklet){const t=await(0,Me.DB)(e.blocklet);if(t){const n=new URL(t);"running"!==e.blocklet.status&&n.searchParams.set("__start__","1"),h({shouldReconnect:!0,exists:!0,accessUrl:n.href})}return}}}if("nft"===S){var c,m,v;const e=new URL(window.location.href);e.pathname=d()(null!==(c=null===(m=window)||void 0===m||null===(v=m.env)||void 0===v?void 0:v.apiPrefix)&&void 0!==c?c:"/","/api/did/".concat(Ne,"/token")),e.searchParams.set("appDid",j),e.searchParams.set("endpoint",l.spaceEndpoint),e.searchParams.set("referrer",window.location.href),e.searchParams.set("nftId",x),e.searchParams.set("appPid",l.did);const t={autoConnect:!1,launchType:f,nftId:x};g&&(e.searchParams.set("chainHost",g),t.chainHost=g),i&&e.searchParams.set("overwrite","1");const{data:o}=await r.get(e.href);return o.error?void V.Z.error(o.error):(t.nw=o.url,void h({isConnectOpen:!0,connectData:{action:"verify-restore-by-nft",extraParams:t},connectMessages:{title:n("blocklet.restoreFromSpaces.nftAuthDialog.title"),scan:n("blocklet.restoreFromSpaces.nftAuthDialog.scan"),confirm:n("blocklet.restoreFromSpaces.nftAuthDialog.confirm"),success:n("blocklet.restoreFromSpaces.nftAuthDialog.success")}}))}if("launcher"===S){const{launcherSession:e,error:t}=await o.getLauncherSession({input:{launcherUrl:b,launcherSessionId:w}});return void(e?h({isConnectOpen:!0,connectData:{action:Ne,extraParams:{appDid:j,appPid:l.did,endpoint:l.spaceEndpoint,referrer:window.location.href,restoreFrom:"spaces",overwrite:i?"1":void 0,launcherUrl:b,launcherSessionId:w,chainHost:g}},connectMessages:{title:n("blocklet.restoreBlocklet.verify.title"),scan:n("blocklet.restoreBlocklet.verify.scan"),confirm:n("blocklet.restoreBlocklet.verify.confirm"),success:n("blocklet.restoreBlocklet.verify.success")}}):V.Z.error("Launch session invalid: ".concat(t)))}if("session"===S)return void h({isConnectOpen:!0,connectData:{action:Ne,extraParams:{appDid:j,appPid:l.did,endpoint:l.spaceEndpoint,referrer:window.location.href,overwrite:i?"1":void 0,restoreFrom:"spaces"}},connectMessages:{title:n("blocklet.restoreBlocklet.verify.title"),scan:n("blocklet.restoreBlocklet.verify.scan"),confirm:n("blocklet.restoreBlocklet.verify.confirm"),success:n("blocklet.restoreBlocklet.verify.success")}});const k=new URL(window.location.href);k.pathname=d()(null!==(t=null===(a=window)||void 0===a||null===(s=a.env)||void 0===s?void 0:s.apiPrefix)&&void 0!==t?t:"/","/api/did/".concat(Ne,"/token")),k.searchParams.set("appDid",j),k.searchParams.set("appPid",l.did),k.searchParams.set("endpoint",l.spaceEndpoint),k.searchParams.set("referrer",window.location.href),k.searchParams.set("restoreFrom","spaces");const{data:y}=await r.get(k.href);e.login(C,{nw:y.url,openMode:"popup"})};return(0,s.useEffect)((()=>{P()}),[]),(0,R.jsxs)(Le,{children:[(0,R.jsx)(Z.Z,{title:n("blocklet.restoreBlocklet.verify.title"),subTitle:n("blocklet.restoreBlocklet.verify.subTitle"),onClickBack:()=>window.history.back()}),(0,R.jsxs)(E.Z,{textAlign:"center",mt:6,children:[(0,R.jsx)(Te.Z,{blocklet:{meta:l},blockletMetaUrl:k}),(0,R.jsxs)(E.Z,{mt:2,mb:2,children:[(0,R.jsx)(z.Z,{variant:"body2",children:l.title}),(0,R.jsx)(Ee.Z,{did:j})]}),u.exists&&u.accessUrl&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(z.Z,{component:"p",variant:"body1",gutterBottom:!0,sx:{color:"orange"},children:n("blocklet.restoreBlocklet.verify.exists")}),(0,R.jsxs)(z.Z,{component:"div",sx:{marginTop:"32px"},children:[u.accessUrl&&(0,R.jsx)(B.Z,{variant:"contained",component:Se.Z,href:u.accessUrl,sx:{width:"160px",height:"100%"},children:n("blocklet.restoreBlocklet.verify.open")}),(0,R.jsx)(B.Z,{variant:"contained",color:"error",onClick:()=>{h({isConfirmOpen:!0})},sx:{width:"160px",height:"100%",marginLeft:"32px"},children:n("blocklet.restoreBlocklet.verify.overwrite")})]})]}),!u.exists&&(0,R.jsx)(B.Z,{variant:"contained",disabled:u.isConnectOpen,onClick:P,sx:{width:"180px",height:"100%"},children:n("blocklet.restoreBlocklet.verify.".concat(u.shouldReconnect?"reconnect":"verify"))})]}),u.connectData.isConnectOpen&&(0,R.jsx)(De.Z,{appDid:j,visible:!1}),(0,R.jsx)(Ze.Z,{popup:!0,open:u.isConnectOpen,forceConnected:!1,saveConnect:!1,action:u.connectData.action,checkFn:r.get,checkTimeout:3e5,webWalletUrl:(0,se.yP)(a),onSuccess:C,extraParams:u.connectData.extraParams,messages:u.connectMessages,onClose:()=>{h({isConnectOpen:!1})}}),u.isConfirmOpen&&(0,R.jsx)(Pe.Z,{color:"error",title:n("blocklet.restoreBlocklet.overwrite.title"),description:n("blocklet.restoreBlocklet.overwrite.description"),confirm:n("common.confirm"),onCancel:()=>{h({isConfirmOpen:!1})},onConfirm:()=>{h({isConfirmOpen:!1,isOverwrite:!0}),P(!0)}})]})};var Qe,Ue=n(55309);const Oe=(0,h.Z)(Ue.Z)(Qe||(Qe=(0,a.Z)(["\n  && .result-footer {\n    height: 120px;\n    > div {\n      flex-wrap: wrap;\n    }\n  }\n"])));var Ge,Ie,Je,ze=n(35266),He=n(77277),Xe=n(77429),Ke=n(75506),Ye=n.n(Ke),We=n(50482),_e=n.n(We),Ve=n(11397),qe=n.n(Ve),$e=n(11476),et=n(34937),tt=n(66436);const nt=qe()("@abtnode/webapp:restore-blocklet:step-install"),ot=(0,h.Z)("div")(Ge||(Ge=(0,a.Z)(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),at=h.Z.div(Ie||(Ie=(0,a.Z)(["\n  line-height: 1.4em;\n  .error-desc {\n    margin-top: 8px;\n    word-wrap: break-word;\n    color: ",";\n  }\n"])),(e=>e.theme.palette.grey[500])),st={[He.RESTORE_PROGRESS_STATUS.waiting]:0,[He.RESTORE_PROGRESS_STATUS.start]:1,[He.RESTORE_PROGRESS_STATUS.importData]:2,[He.RESTORE_PROGRESS_STATUS.downloading]:3,[He.RESTORE_PROGRESS_STATUS.importDataSuccess]:4,[He.RESTORE_PROGRESS_STATUS.installing]:5,[He.RESTORE_PROGRESS_STATUS.completed]:10};const rt=(0,h.Z)(E.Z)(Je||(Je=(0,a.Z)(["\n  padding-top: 24px;\n"]))),lt=function(){var e,t,n,o;const a=new URL(window.location.href),r=a.searchParams.get("appDid"),l=a.searchParams.get("launchType"),i=a.searchParams.get("nftId"),c=a.searchParams.get("fromLauncher"),d=a.searchParams.get("from"),p=a.searchParams.get("chainHost"),u=function(e){let{appDid:t}=e;const[n,o]=(0,s.useState)(He.RESTORE_PROGRESS_STATUS.waiting),a=(0,et.ZP)();return a.connect(),(0,s.useEffect)((()=>(a.on(He.BlockletEvents.restoreProgress,(e=>{t===(null===e||void 0===e?void 0:e.appDid)&&o(e)})),()=>{a.off(He.BlockletEvents.restoreProgress)})),[t,a]),n}({appDid:r}),[h,f]=(0,s.useState)(0),x=(0,s.useRef)(null),{meta:g}=(0,Re.J_)(),{t:v}=(0,m.PE)(),{api:k,info:w}=(0,A.h6)(),[b,j]=(0,Be.Z)({nextAccessUrl:"",installError:null}),E=(0,$e.Z)(r),{status:S,eventName:C}=E,P=()=>{f(12),x.current&&(clearTimeout(x.current),x.current=null),x.current=setTimeout((()=>{k.getBlocklet({input:{did:r,attachRuntimeInfo:!0}}).then((e=>{e.blocklet&&M(e.blocklet)}))}),500)},T=()=>{var e,t;null!==E&&void 0!==E&&null!==(e=E.runtimeBlocklet)&&void 0!==e&&null!==(t=e.settings)&&void 0!==t&&t.initialized?f(11):P()},D=[v("blocklet.restoreFromSpaces.progress.waiting"),v("blocklet.restoreFromSpaces.progress.restoring"),v("blocklet.restoreFromSpaces.progress.importData"),v("blocklet.restoreFromSpaces.progress.downloading",{progress:"".concat(null!==(e=null===u||void 0===u||null===(t=u.data)||void 0===t?void 0:t.completed)&&void 0!==e?e:100,"/").concat(null!==(n=null===u||void 0===u||null===(o=u.data)||void 0===o?void 0:o.total)&&void 0!==n?n:100)}),v("blocklet.restoreFromSpaces.progress.importSuccess"),v("launchBlocklet.waiting.downloading"),v("launchBlocklet.waiting.verifying"),v("launchBlocklet.waiting.downloading"),v("launchBlocklet.waiting.extracting"),v("upgrading"===S?"common.upgrading":"launchBlocklet.waiting.installing"),v("launchBlocklet.waiting.installed"),v("launchBlocklet.waiting.starting"),v("launchBlocklet.waiting.done")];(0,s.useEffect)((()=>{if(u.status===He.RESTORE_PROGRESS_STATUS.error){const e={message:u.message,name:"restoreFailed",action:"retryRestore"};return _e()(e,b.installError)||V.Z.error($()(e)),void j({installError:e})}f(st[u.status]||0)}),[u.status]),(0,s.useEffect)((()=>{if("serverless"!==l||C!==He.BlockletEvents.nftConsumed)switch(S){case"waiting":f(6);break;case"downloading":f(7);break;case"installing":case"upgrading":f(8);break;case"installed":if("serverless"===l&&!(0,Me.MZ)(E))break;T();break;case"starting":f(11);break;case"running":f(12),P();break;case"stopped":P();break;case"corrupted":case"error":{var e;null===E||void 0===E||E.stopPolling();const t={message:null===E||void 0===E||null===(e=E.error)||void 0===e?void 0:e.message,name:null===E||void 0===E?void 0:E.eventName,action:"retryRestore"},n=function(){var e;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};!_e()(t,b.installError)&&null!==E&&void 0!==E&&null!==(e=E.error)&&void 0!==e&&e.message&&V.Z.error($()(E.error)),j({installError:t,...n})};k.getBlocklet({input:{did:r,attachRuntimeInfo:!0}}).then((e=>{var o;let{blocklet:a}=e;null!==a&&void 0!==a&&null!==(o=a.settings)&&void 0!==o&&o.initialized&&(t.action="retryStart"),n()})).catch((()=>{n()}))}}else T()}),[S,C,E]);const M=async e=>{const t=await(0,Me.DB)(e);if(Ye()(t))return;const n=new URL(t);n.searchParams.set("serverUrl",(0,y.RU)(w)),"running"!==e.status&&n.searchParams.set("__start__","1"),c&&n.searchParams.set("fromLauncher",c),d&&n.searchParams.set("from",d),l&&n.searchParams.set("launchType",l),i&&n.searchParams.set("nftId",i),p&&n.searchParams.set("chainHost",p),null===E||void 0===E||E.stopPolling(),j({nextAccessUrl:n.href,status:e.status,resultMessage:"running"===e.status?{variant:"success",title:v("blocklet.restoreFromSpaces.restore.completeTitle"),subTitle:"",footer:v("common.open")}:{variant:"info",title:v("blocklet.restoreFromSpaces.restore.installedTitle"),subTitle:v("blocklet.restoreFromSpaces.restore.installedSubTitle"),footer:v("common.configuration")}})};if(b.installError){const e={retryRestore:(0,R.jsx)(B.Z,{variant:"contained",className:"bottom-button","data-cy":"retry-install",component:je.Link,to:"/blocklets/restore/verify-ownership".concat(window.location.search),children:v("common.retry")}),retryStart:(0,R.jsx)(B.Z,{variant:"contained",className:"bottom-button","data-cy":"retry-start",onClick:()=>(async()=>{j({installError:null,nextAccessUrl:""}),await k.startBlocklet({input:{did:r}}),null===E||void 0===E||E.startPolling()})(),children:v("common.retry")})},t=b.installError.name?b.installError.name.replace("blocklet.",""):"installFailed";return(0,R.jsx)(Oe,{variant:"error",title:null===g||void 0===g?void 0:g.title,subTitle:(0,R.jsxs)(at,{children:[(0,R.jsx)("div",{children:v("launchBlocklet.error.".concat(t))}),b.installError.message&&(0,R.jsx)("div",{className:"error-desc",children:v("common.errorMessage")+b.installError.message})]}),footer:(0,R.jsxs)(rt,{children:[e[b.installError.action],"serverless"===l&&(0,R.jsx)("div",{style:{marginTop:"24px"},dangerouslySetInnerHTML:{__html:v("blocklet.restoreFromSpaces.restore.support",{communityLink:"https://community.arcblock.io/",supportEmail:"launcher@arcblock.io"})}})]})})}const L=!!b.nextAccessUrl;return nt("render",{status:S,eventName:C,launchType:l,runtimeBlockletState:E,state:b}),(0,R.jsxs)(ot,{children:[!L&&(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Z.Z,{title:v("blocklet.restoreBlocklet.restore.title"),subTitle:v("blocklet.restoreFromSpaces.restore.subTitle")}),(0,R.jsxs)(tt.Z,{children:[(0,R.jsx)(ze.Z,{increaseSpeed:.3,messageLoop:!1,message:(0,R.jsx)(Xe.Z,{steps:D,stepIndex:h,autoGrowth:10===h?1e3:4e3})}),[5,7,8].includes(h)&&(0,R.jsx)(De.Z,{appDid:r})]})]}),L&&(0,R.jsx)(Oe,{variant:b.resultMessage.variant,title:b.resultMessage.title,subTitle:b.resultMessage.subTitle,footer:(0,R.jsx)(rt,{children:(0,R.jsx)(B.Z,{variant:"contained",style:{width:"200px"},component:Se.Z,href:b.nextAccessUrl,children:b.resultMessage.footer})})})]})};const it=function(){return(0,R.jsx)(lt,{})};var ct,dt,pt,ut=n(23484);function ht(){const e=(0,u.Z)((e=>e.breakpoints.down("md"))),{t:t,locale:n}=(0,m.PE)(),{info:o}=(0,A.h6)(),a=(0,ut.Z)(),{meta:r}=(0,Re.J_)(),c=(0,s.useMemo)((()=>o?(0,y.RU)(o):""),[o]),h=(0,b.yP)(o),Z=d()((0,b.Y5)(),"/blocklets/restore"),E=[{key:"verify-ownership",name:t("blocklet.restoreBlocklet.verify.title"),path:d()(Z,"verify-ownership")},{key:"restore-blocklet",name:t("blocklet.restoreFromSpaces.restore.title"),path:d()(Z,"restore-blocklet")}];let S=[];S="launcher"===l()(a.get("from"))?[{key:"purchase-space",name:t("launchBlocklet.steps.purchaseSpace")},{key:"prepare-space",name:t("launchBlocklet.steps.prepareSpace")},...E]:[{key:"connect-space",name:t("blocklet.restoreFromSpaces.connect.title"),path:d()(Z,"connect-space")},{key:"select-blocklet",name:t("blocklet.restoreFromSpaces.selectBlocklet.title")},...E];const C=(0,R.jsx)(xt,{className:"".concat(c?"logo-can-click":""),children:(0,R.jsx)(w.Z,{onClick:()=>{c&&window.open(c)},logo:e?(0,R.jsx)(v.Z,{width:"32",height:"32"}):(0,R.jsx)(k.Z,{width:"128",height:"48"})})});return(0,R.jsx)(x.W,{steps:S,children:(0,R.jsx)(f.Z,{blockletMeta:r,locale:n,useOfSkeleton:!1,navLogo:C,navSubTitle:t("blocklet.restoreFromSpaces.navSubTitle"),loading:!1,headerEndAddons:(0,R.jsx)(g.Z,{webWalletUrl:h,SessionContext:j.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null===r||void 0===r?void 0:r.logo,children:(0,R.jsxs)(ft,{children:[(0,R.jsx)(p.Global,{styles:mt}),(0,R.jsxs)(i.Routes,{children:[(0,R.jsx)(i.Route,{path:"connect-space",element:(0,R.jsx)(ye,{})}),(0,R.jsx)(i.Route,{path:"verify-ownership",element:(0,R.jsx)(Fe,{})}),(0,R.jsx)(i.Route,{path:"restore-blocklet",element:(0,R.jsx)(it,{})}),(0,R.jsx)(i.Route,{path:"*",element:(0,R.jsx)(i.Navigate,{to:"connect-space",replace:!0})})]})]})})})}const mt=(0,p.css)(ct||(ct=(0,a.Z)(["\n  html,\n  body,\n  #root,\n  #root > .wrapper {\n    height: 100%;\n  }\n"]))),ft=h.Z.div(dt||(dt=(0,a.Z)(["\n  "," {\n    padding-top: 34px;\n  }\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n\n  .bottom-button {\n    min-width: 200px;\n  }\n"])),(e=>e.theme.breakpoints.up("md"))),xt=h.Z.div(pt||(pt=(0,a.Z)(["\n  margin-top: -1px;\n  &.logo-can-click {\n    cursor: pointer;\n  }\n"])));var gt,vt,kt,wt=n(83294),yt=n(72333),bt=n(25710);function jt(e){let{onSelect:t}=e;const{api:n}=(0,A.h6)(),{t:o,locale:a}=(0,m.PE)(),[r,l]=(0,s.useState)(!1),[c,d]=(0,s.useState)([]),[p,u]=(0,s.useState)(""),[h,f]=(0,s.useState)(null),x=(0,i.useNavigate)();(0,s.useEffect)((()=>{(async()=>{try{l(!0),f(!1);const{getBlocklets:{blocklets:e},getBlockletsFromBackup:{backups:t}}=await n.doBatchQuery({getBlocklets:{input:{}},getBlockletsFromBackup:{input:{}}});d((t||[]).filter((t=>!(e||[]).some((e=>{var n;return t.appPid===(null===(n=e.meta)||void 0===n?void 0:n.did)})))).sort(((e,t)=>t.createdAt-e.createdAt)).slice(0,200)),l(!1)}catch(e){l(!1),f(e.message)}})()}),[]);let g=null;return g=h?(0,R.jsx)(he.Z,{type:"error",style:{width:"100%",marginTop:8},children:h}):r?(0,R.jsx)(de.Z,{size:16}):c.length?(0,R.jsx)(Zt,{children:c.map((e=>(0,R.jsxs)(Et,{className:"middle-font-size space ".concat(p===e.appDid?"selected":""),onClick:()=>(e=>{u(e.appDid)})(e),children:[(0,R.jsxs)("div",{className:"left",children:[(0,R.jsx)("div",{className:"header",children:(0,R.jsx)(E.Z,{sx:{width:40,height:40},children:(0,R.jsx)(yt.Z,{did:e.appDid,size:40})})}),(0,R.jsxs)("div",{className:"body",children:[(0,R.jsx)(z.Z,{className:"text",children:e.name}),(0,R.jsx)(z.Z,{className:"text middle-font-size",children:(0,R.jsx)(Ee.Z,{responsive:!1,compact:!0,inline:!0,copyable:!1,size:12,did:e.appDid})})]}),(0,R.jsxs)(E.Z,{color:"text.secondary",className:"footer small-font-size",children:[o("blocklet.restoreFromServer.backupIn")," ",(0,b.B2)(e.createdAt,a)]})]}),(0,R.jsx)("div",{className:"right",children:(0,R.jsx)("div",{className:"more",children:(0,R.jsx)(K.Z,{onClick:()=>{},className:"more-btn",size:"large","aria-label":"more functions",children:(0,R.jsx)(wt.Z,{color:"disabled"})})})}),(0,R.jsx)("div",{className:"selected-container",children:(0,R.jsx)(T.default,{className:"selected-icon"})})]},e.appDid)))}):(0,R.jsx)(bt.Z,{children:o("common.empty")}),(0,R.jsxs)(At,{style:{width:"100%"},children:[(0,R.jsx)(Z.Z,{title:o("blocklet.restoreFromServer.selectTitle"),subTitle:o("blocklet.restoreFromServer.description")}),(0,R.jsx)(E.Z,{mt:4,mx:3,className:"main-body",children:g}),(0,R.jsx)(E.Z,{className:"main-footer",display:"flex",justifyContent:"center",children:(0,R.jsx)(B.Z,{sx:{width:"180px",height:"100%"},onClick:e=>{e.stopPropagation(),(()=>{const e=c.find((e=>e.appDid===p));t({did:e.appDid,name:e.appDid,title:e.name});const n=new URL(window.location.href);n.searchParams.set("appDid",e.appDid),n.searchParams.set("appName",e.name),x("/blocklets/restore/verify-ownership".concat(n.search))})()},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:r||h||!p,children:o("common.restore")})})]})}jt.defaultProps={onSelect:()=>{}};const At=(0,h.Z)(E.Z)(gt||(gt=(0,a.Z)(["\n  .main-body {\n    height: 50vh;\n    "," {\n      height: 80vh;\n    }\n\n    overflow: auto;\n  }\n  .main-footer {\n    padding-top: 24px;\n    padding-bottom: 24px;\n    "," {\n      position: fixed;\n      bottom: 16px;\n      width: 100%;\n      padding-bottom: 0;\n    }\n  }\n"])),(e=>e.theme.breakpoints.down("md")),(e=>e.theme.breakpoints.down("md"))),Zt=(0,h.Z)(E.Z)(vt||(vt=(0,a.Z)(["\n  display: block;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  max-width: 1000px;\n  margin: 0 auto;\n\n  .space {\n    display: flex;\n    margin: 8px auto;\n\n    .selected-container {\n      position: absolute;\n      right: 0px;\n      bottom: 0px;\n      display: flex;\n      -webkit-box-pack: end;\n      justify-content: flex-end;\n      align-items: flex-end;\n      width: 30px;\n      height: 30px;\n      border-radius: 0px 0px 7px;\n      color: rgb(255, 255, 255);\n      overflow: hidden;\n      transition: all 0.3s ease 0s;\n\n      &::after {\n        position: absolute;\n        z-index: 0;\n        left: 30px;\n        top: 30px;\n        display: block;\n        width: 0px;\n        height: 0px;\n        border-width: 15px;\n        border-style: solid;\n        /* border-color: transparent rgb(29, 193, 199) rgb(29, 193, 199) transparent; */\n        border-color: transparent ","\n          "," transparent;\n        transition: all 0.1s ease 0s;\n        content: '';\n      }\n\n      .selected-icon {\n        visibility: hidden;\n        width: 60%;\n        height: 60%;\n        position: relative;\n        z-index: 2;\n        margin: 0px 1px 1px 0px;\n        font-size: 16px;\n        transition: all 0.2s ease 0s;\n      }\n    }\n  }\n\n  .space.selected {\n    background-color: rgb(236, 251, 253);\n    border-color: rgb(236, 251, 253);\n\n    .selected-container {\n      &::after {\n        left: 0px;\n        top: 0px;\n      }\n\n      .selected-icon {\n        visibility: visible;\n      }\n    }\n  }\n"])),(e=>e.theme.palette.primary.main),(e=>e.theme.palette.primary.main)),Et=(0,h.Z)("div")(kt||(kt=(0,a.Z)(["\n  display: flex;\n  position: relative;\n  width: 100%;\n  padding: 10px;\n  border: 1 solid #ccc;\n  cursor: pointer;\n\n  .left {\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    margin: 0px 20px 0px 0px;\n\n    .header {\n      padding: 5px 16px 0 0;\n    }\n\n    .body {\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    }\n\n    .footer {\n      display: flex;\n      align-items: center;\n      flex-shrink: 0;\n      height: 100%;\n    }\n  }\n\n  .right {\n    display: flex;\n  }\n\n  "," {\n    .left {\n      display: flex;\n      flex-direction: column;\n      margin-right: 20px;\n\n      .header {\n        display: none;\n      }\n\n      .footer {\n        margin-top: 6px;\n        margin-left: 0px;\n        padding: 2px 0px;\n        height: auto;\n      }\n    }\n\n    .right {\n      width: auto;\n    }\n\n    .text {\n      display: -webkit-box;\n      overflow: hidden;\n      -webkit-box-orient: vertical;\n    }\n  }\n\n  // \u516c\u5171\u5c5e\u6027\n  .middle-font-size {\n    font-size: 14px;\n  }\n\n  .small-font-size {\n    font-size: 12px;\n  }\n"])),(e=>e.theme.breakpoints.down("md")));var St,Ct=n(95712);const Pt=(0,h.Z)("div")(St||(St=(0,a.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),Bt="verify-app-ownership-disk";const Tt=function(){const e=new URL(window.location.href),t=e.searchParams.get("appDid"),n=e.searchParams.get("appName"),{t:o}=(0,m.PE)(),{api:a,info:r}=(0,A.h6)(),{session:l,api:i}=(0,Ae.T)(),c=(0,s.useMemo)((()=>r?(0,y.RU)(r):""),[r]),[p,u]=(0,Be.Z)({isRestoring:!1,isComplete:!1,connectData:{isConnectOpen:!1,action:"",checkFn:()=>{},extraParams:{}}}),h=()=>{u({connectData:{isConnectOpen:!1}}),setTimeout((()=>{const e=new URL(d()(c,"blocklets/restore/restore-blocklet".concat(window.location.search)));window.location.href=e.href}),0)},f=async()=>{if(l.user)await(async()=>{if((await a.getBlocklet({input:{did:t}})).blocklet)return V.Z.error("Blocklet ".concat(n,"(").concat(t,") already exists")),void u({shouldReconnect:!0});u({connectData:{isConnectOpen:!0,action:Bt,extraParams:{appDid:t,restoreFrom:"disk"}}})})();else{var e,o,s;const n=new URL(window.location.href);n.pathname=d()(null!==(e=null===(o=window)||void 0===o||null===(s=o.env)||void 0===s?void 0:s.apiPrefix)&&void 0!==e?e:"/","/api/did/".concat(Bt,"/token")),n.searchParams.set("appDid",t),n.searchParams.set("restoreFrom","disk");const{data:a}=await i.get(n.href);l.login(h,{nw:a.url,openMode:"popup"})}};return(0,s.useEffect)((()=>{f()}),[]),(0,R.jsxs)(Pt,{children:[(0,R.jsx)(Z.Z,{title:o("blocklet.restoreBlocklet.verify.title"),subTitle:o("blocklet.restoreBlocklet.verify.subTitle")}),(0,R.jsxs)(E.Z,{textAlign:"center",mt:6,children:[(0,R.jsx)(Ct.Z,{did:t,size:128}),(0,R.jsxs)(E.Z,{mt:2,mb:2,children:[(0,R.jsx)(z.Z,{variant:"body2",children:n}),(0,R.jsx)(Ee.Z,{did:t})]}),(0,R.jsx)(B.Z,{variant:"contained",disabled:p.connectData.isConnectOpen,onClick:f,sx:{width:"180px",height:"100%"},children:o("blocklet.restoreBlocklet.verify.".concat(p.shouldReconnect?"reconnect":"verify"))})]}),p.connectData.isConnectOpen&&(0,R.jsx)(De.Z,{appDid:t,visible:!1}),(0,R.jsx)(Ze.Z,{popup:!0,open:p.connectData.isConnectOpen,forceConnected:!1,saveConnect:!1,action:p.connectData.action,checkFn:i.get,checkTimeout:3e5,webWalletUrl:(0,se.yP)(r),onSuccess:h,extraParams:p.connectData.extraParams,messages:{title:o("blocklet.restoreBlocklet.verify.title"),scan:o("blocklet.restoreBlocklet.verify.scan"),confirm:o("blocklet.restoreBlocklet.verify.confirm"),success:o("blocklet.restoreBlocklet.verify.success")},onClose:()=>{u({connectData:{isConnectOpen:!1}})}})]})};var Dt,Rt,Mt;function Lt(){const e=(0,u.Z)((e=>e.breakpoints.down("md"))),{t:t,locale:n}=(0,m.PE)(),{info:o}=(0,A.h6)(),{meta:a,setMeta:r}=(0,s.useState)({}),l=(0,s.useMemo)((()=>o?(0,y.RU)(o):""),[o]),c=(0,b.yP)(o),h=d()((0,b.Y5)(),"/blocklets/restore"),Z=[{key:"select",name:t("blocklet.restoreFromServer.selectTitle"),path:d()(h,"select")},{key:"verify-ownership",name:t("blocklet.restoreBlocklet.verify.title"),path:d()(h,"verify-ownership")},{key:"restore-blocklet",name:t("blocklet.restoreBlocklet.restore.title"),path:d()(h,"restore-blocklet")}],E=(0,R.jsx)(Qt,{className:"".concat(l?"logo-can-click":""),children:(0,R.jsx)(w.Z,{onClick:()=>{l&&window.open(l)},logo:e?(0,R.jsx)(v.Z,{width:"32",height:"32"}):(0,R.jsx)(k.Z,{width:"128",height:"48"})})});return(0,R.jsx)(x.W,{steps:Z,children:(0,R.jsx)(f.Z,{blockletMeta:{...a,registryUrl:""},locale:n,useOfSkeleton:!1,navLogo:E,headerEndAddons:(0,R.jsx)(g.Z,{webWalletUrl:c,SessionContext:j.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null===a||void 0===a?void 0:a.logo,children:(0,R.jsxs)(Ft,{children:[(0,R.jsx)(p.Global,{styles:Nt}),(0,R.jsxs)(i.Routes,{children:[(0,R.jsx)(i.Route,{path:"select",element:(0,R.jsx)(jt,{onSelect:r})}),(0,R.jsx)(i.Route,{path:"verify-ownership",element:(0,R.jsx)(Tt,{})}),(0,R.jsx)(i.Route,{path:"restore-blocklet",element:(0,R.jsx)(it,{})}),(0,R.jsx)(i.Route,{path:"*",element:(0,R.jsx)(i.Navigate,{to:"select".concat(window.location.search),replace:!0})})]})]})})})}const Nt=(0,p.css)(Dt||(Dt=(0,a.Z)(["\n  html,\n  body,\n  #root,\n  #root > .wrapper {\n    height: 100%;\n  }\n"]))),Ft=h.Z.div(Rt||(Rt=(0,a.Z)(["\n  "," {\n    padding-top: 34px;\n  }\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n\n  .bottom-button {\n    min-width: 200px;\n  }\n"])),(e=>e.theme.breakpoints.up("md"))),Qt=h.Z.div(Mt||(Mt=(0,a.Z)(["\n  margin-top: -1px;\n  &.logo-can-click {\n    cursor: pointer;\n  }\n"])));function Ut(){const{search:e}=window.location;return e.includes("restoreFrom=server")?(0,R.jsx)(Lt,{}):(0,R.jsx)(ht,{})}},99641:(e,t,n)=>{n.d(t,{Z:()=>d});var o,a,s=n(71171),r=n(55898),l=n.n(r),i=n(33518),c=n(96266);function d(e){let{logo:t,name:n,subname:o,previousData:a,...s}=e,r=(0,c.jsx)(p,{logo:t}),l=n,i=o;return a.logo&&(r=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(p,{logo:t,className:"left-fade-in-ele"}),(0,c.jsx)(p,{logo:a.logo,className:"postion-abs left-fade-out-ele"})]})),a.name&&a.name!==n&&(l=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("span",{className:"right-fade-in-ele",style:{display:"inline-block"},children:n}),(0,c.jsx)("span",{className:"postion-abs right-fade-out-ele",children:a.name})]})),a.subname&&a.subname!==o&&(i=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)("span",{className:"right-fade-in-ele",style:{display:"inline-block"},children:o}),(0,c.jsx)("span",{className:"postion-abs right-fade-out-ele",children:a.subname})]})),(0,c.jsx)(h,{...s,children:(0,c.jsxs)("div",{className:"logo-inner",children:[(0,c.jsx)("div",{className:"logo-img-content",children:r}),(0,c.jsxs)("div",{className:"logo-info ".concat(n||o?"":"zero-left"),children:[(0,c.jsx)("div",{className:"logo-name",children:l}),(0,c.jsx)("div",{className:"logo-subname",children:i})]})]})})}function p(e){let{logo:t,...n}=e;return(0,c.jsx)(u,{...n,children:t})}d.propTypes={logo:l().element.isRequired,name:l().string,subname:l().string,previousData:l().object},d.defaultProps={name:"",subname:"",previousData:{logo:"",name:"",subname:""}};const u=i.Z.div(o||(o=(0,s.Z)(["\n  display: block;\n  > * {\n    display: block;\n  }\n"]))),h=i.Z.div(a||(a=(0,s.Z)(["\n  position: relative;\n  display: block;\n\n  .logo-inner {\n    display: flex;\n    align-items: center;\n    height: 100%;\n    .logo-img-content {\n      position: relative;\n      display: block;\n    }\n    .logo-info {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      margin-left: 10px;\n      letter-spacing: 0.1px;\n      &.zero-left {\n        margin-left: 0%;\n      }\n      .logo-name {\n        position: relative;\n        line-height: 16px;\n        font-size: 16px;\n        color: #121319;\n      }\n      .logo-subname {\n        position: relative;\n        line-height: 13px;\n        font-size: 13px;\n        color: #7d8085;\n      }\n    }\n  }\n\n  .postion-abs {\n    position: absolute;\n    left: 0;\n    top: 0;\n    height: 100%;\n  }\n\n  .right-fade-out-ele {\n    animation: right-fade-out ease 0.5s;\n    animation-delay: 2s;\n    animation-fill-mode: forwards;\n  }\n\n  .right-fade-in-ele {\n    animation: right-fade-in ease 0.5s;\n    animation-delay: 2s;\n    animation-fill-mode: both;\n  }\n\n  @keyframes right-fade-out {\n    0% {\n      opacity: 1;\n      transform: translate(0, 0);\n    }\n    100% {\n      opacity: 0;\n      transform: translate(8px, 0);\n    }\n  }\n\n  @keyframes right-fade-in {\n    0% {\n      opacity: 0;\n      transform: translate(8px, 0);\n    }\n    100% {\n      opacity: 1;\n      transform: translate(0, 0);\n    }\n  }\n\n  .left-fade-out-ele {\n    animation: left-fade-out ease 0.5s;\n    animation-delay: 2s;\n    animation-fill-mode: forwards;\n  }\n\n  .left-fade-in-ele {\n    animation: left-fade-in ease 0.5s;\n    animation-delay: 2s;\n    animation-fill-mode: both;\n  }\n\n  @keyframes left-fade-out {\n    0% {\n      opacity: 1;\n      transform: translate(0, 0);\n    }\n    100% {\n      opacity: 0;\n      transform: translate(-8px, 0);\n    }\n  }\n\n  @keyframes left-fade-in {\n    0% {\n      opacity: 0;\n      transform: translate(-8px, 0);\n    }\n    100% {\n      opacity: 1;\n      transform: translate(0, 0);\n    }\n  }\n"])))},60344:(e,t,n)=>{n.d(t,{hi:()=>s,od:()=>a.a});var o=n(10458),a=n.n(o);a().defaults.timeout=1e4;const s=a().create()},84584:(e,t,n)=>{n.d(t,{EJ:()=>v,Jf:()=>g,LQ:()=>p,Nb:()=>u,UV:()=>k,Xv:()=>c,Z3:()=>w,ag:()=>m,mo:()=>h,nD:()=>d,nU:()=>x,w2:()=>f});var o=n(82434),a=n.n(o),s=n(77277),r=n(65873),l=n(2842),i=n(60344);function c(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/"),o=n.at(-4),a=n.at(-2);return(0,l.xn)(t,"space",o,"apps",a,"explorer?key=/apps/".concat(a,"/.did-objects/").concat(a,"/"))}function d(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/").at(-4);return(0,l.xn)(t,"space",n)}function p(e){return e.replace(/\/$/,"").split("/").at(-4)}async function u(e){try{if(!a()(e))return!1;const{headers:t}=await i.hi.head(e,{timeout:5e3});return"true"===t["x-listable"]&&"true"===t["x-readable"]&&"true"===t["x-writeable"]}catch(t){return console.error(t),!1}}function h(e){var t;return(null===e||void 0===e||null===(t=e.find((e=>e.key===s.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT)))||void 0===t?void 0:t.value)||""}function m(e){const t=new URL(e);return(0,l.xn)(t.origin,t.pathname)}async function f(e){try{if(!a()(e))return!1;const t=m(e),n=(0,l.xn)(t,"space/api/did/one-click-authorization/token"),{status:o,data:s}=await i.hi.get(n,{timeout:5e3});return 200===o&&(0,r.isObject)(s)}catch(t){return console.error(t),!1}}async function x(e){let{timeout:t}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timeout:3e3};try{if(!a()(e))return"";const{headers:n}=await i.hi.head(e,{timeout:t}),o=n["x-space-name"];return o?decodeURIComponent(o):""}catch(n){return console.error(n),""}}function g(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/").at(-4);return(0,l.xn)(t,"/api/space/nft/display?spaceDid=".concat(n))}const v=e=>{var t,n;return(null===e||void 0===e||null===(t=e.configs)||void 0===t||null===(n=t.find((e=>e.key===s.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT)))||void 0===n?void 0:n.value)||null};async function k(e){const t={};return t.did=p(e),t.name=await x(e),t.url=function(e){return null===e||void 0===e?void 0:e.replace(/\/api\/space\/.+/,"")}(e),t.endpoint=e,t}async function w(e){var t;let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timeout:3e4,withSearchParams:!0};if(!(0,r.isString)(e))throw new Error("url(".concat(e,") must be a string"));const o=e.startsWith("http")?e:"https://".concat(e),a=new URL(o),{data:s}=await i.hi.get((0,l.xn)(a.origin,"/__blocklet__.js?type=json"),{timeout:n.timeout}),c=null===(t=s.componentMountPoints.findLast((e=>"z8iZnaYxnkMD5AKRjTKiCb8pQr1ut8UantAcf"===e.did)))||void 0===t?void 0:t.mountPoint;if(!c)throw new Error("MountPoint(".concat(c,") not found"));const d=(0,l.xn)(a.origin,c);return n.withSearchParams&&a.searchParams.get("spaceDid")?(0,l.xn)(d,"?spaceDid=".concat(a.searchParams.get("spaceDid"))):d}}}]);