@abtnode/webapp 1.16.29-beta-1fb308f8 → 1.16.29-beta-26adf6bb

package/dist/assets/index-DPpbsWxv.js

@@ -0,0 +1,309 @@
+import{g as ze,X as We,n as P,O as S,Y as V,j as e,Z as be,r as x,P as T,q as $,$ as ue,a0 as ye,a1 as j,a2 as te,a3 as Ge,A as M,K as Y,h as He,H as se,a4 as qe,m as L,T as Ve,a5 as Ye,a6 as Qe,B as U,D as Ke,C as ve,w as Je,J as Se,a7 as Xe,a8 as Ze,a9 as et,u as I,f as tt,aa as W,t as ee,E as st,ab as oe,z as je,v as re,ac as ot,W as ne,i as Q,x as Ce,y as K,ad as rt,ae as nt,af as Pe,ag as at,b as B,ah as it,N as lt,ai as ct,Q as dt,aj as pt,ak as Re,al as Te,am as Ee,an as De,ao as Be,ap as N,aq as Ue,ar as Oe,as as _e,at as ht}from"./index-BEh3RskV.js";import{P as G,L as mt,A as ut,S as $e,a as Ae}from"./index-BbvD-ku9.js";import{A as ft,D as ae,u as xt,W as gt,P as wt,L as Fe,d as Le,a as Ne}from"./wait-container-CYkix1ra.js";import{_ as fe}from"./useLocalStorage-IvmGdRwA.js";import{d as kt}from"./Launch-DBaH-8ib.js";import{d as bt}from"./DeleteOutline-DI8b0xeB.js";import{g as yt,i as vt}from"./spaces-BOQNbM_4.js";import{T as St}from"./TextField-CJTsaR61.js";import{i as xe}from"./isEqual-DZxlxlpY.js";import{d as jt}from"./MoreVert-BxyKJhuW.js";import{E as Ct}from"./index-Z7YjOvSs.js";import"./url-join-DtIkGw0l.js";import"./Skeleton-BDA1RcCc.js";import"./Close-HMuVHWGT.js";import"./lottie-B19I2Qmj.js";import"./api-BFKzvnZb.js";import"./Select-BoNi1_kD.js";import"./InputLabel-DWHNzKMy.js";var Pt=We;function Rt(t){return Pt(t).toLowerCase()}var Tt=Rt;const Et=ze(Tt);function ie({children:t,selected:r}){return e.jsxs(Dt,{children:[t,e.jsx(S,{className:`selected-container ${r?"selected":""}`,children:e.jsx(be,{className:"selected-icon"})})]})}const Dt=P(S)`
+  position: relative;
+
+  .selected-container {
+    display: flex !important;
+    position: absolute;
+    right: 0px;
+    bottom: 0px;
+    -webkit-box-pack: end;
+    justify-content: flex-end;
+    align-items: flex-end;
+    width: 32px;
+    height: 32px;
+    border-radius: 0px 0px 8px;
+    color: rgb(255, 255, 255);
+    overflow: hidden;
+    transition: all 0.4s ease 0s;
+
+    &::after {
+      position: absolute;
+      z-index: 0;
+      left: 60px;
+      top: 60px;
+      display: block;
+      width: 0px;
+      height: 0px;
+      border-width: 16px;
+      border-style: solid;
+      border-color: transparent #1dc1c7 #1dc1c7 transparent;
+      transition: all 0.1s ease 0s;
+      content: '';
+    }
+
+    .selected-icon {
+      visibility: hidden;
+      width: 60%;
+      height: 60%;
+      position: relative;
+      z-index: 2;
+      margin: 0px 1px 1px 0px;
+      font-size: 16px;
+      transition: all 0.2s ease 0s;
+    }
+  }
+
+  .selected-container.selected {
+    &::after {
+      left: 0px;
+      top: 0px;
+    }
+
+    .selected-icon {
+      visibility: visible;
+    }
+  }
+`;ie.propTypes={children:V.node.isRequired,selected:V.bool};ie.defaultProps={selected:!1};const Me=x.createContext({}),{Provider:Bt,Consumer:Ps}=Me;function le({children:t}){const{t:r}=$(),[s,l]=fe("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}]),[d,p]=fe("selectedSpaceGatewayForRestore",s.find(o=>o.url==="https://www.didspaces.com/app")),c=o=>{const i=s.find(g=>o.url===g.url);if(i)throw new Error(r("storage.spaces.gateway.add.duplicate",{name:i.name}));l(()=>[...s,ue.cloneDeep(o)]),p(o)},h=o=>{if(o.url===d.url)throw new Error(r("storage.spaces.gateway.delete.failedForSelected"));l(()=>s.filter(i=>i.url!==o.url))},u=o=>{p(o)};return x.useEffect(()=>{async function o(){const i=await Promise.all(s.map(async g=>{const{data:n}=await ye.get(j(g.url,"/__blocklet__.js?type=json"),{timeout:5e3}).catch(O=>(console.error(O),{data:{}})),m=n.appName??g.name;return ue.merge(g,{name:m})}));l(i)}o()},[]),e.jsx(Bt,{value:{spaceGateways:s,selectedSpaceGateway:d,addSpaceGateway:c,deleteSpaceGateway:h,handleSelectSpaceGateway:u},children:t})}le.propTypes={children:T.any.isRequired};le.defaultProps={};function Ut(){return x.useContext(Me)}function ce({spaceGateway:t,onDeleteSpaceGateway:r}){const{t:s}=$(),[l,d]=x.useState(!1),[p,c]=x.useState(!1),h=(o,i)=>{o==null||o.stopPropagation(),d(i)},u=async o=>{try{o==null||o.stopPropagation(),c(!0),await r(t),d(!1)}catch(i){console.error(i),M.error(`${s("storage.spaces.gateway.delete.failed")}: ${Y(i)}`)}finally{c(!1)}};return e.jsxs(e.Fragment,{children:[e.jsx(te,{size:"small",onClick:o=>h(o,!0),children:e.jsx(bt,{})}),e.jsx(Ge,{title:s("common.delConfirmDescription",{data:`${t==null?void 0:t.name}`}),open:l,confirmButton:{text:s("common.confirm"),props:{variant:"contained",color:"error",loading:p}},cancelButton:{text:s("common.cancel"),props:{variant:"contained",color:"primary"}},onConfirm:u,onCancel:o=>h(o,!1)})]})}ce.propTypes={onDeleteSpaceGateway:T.func,spaceGateway:T.shape({name:T.string.isRequired,url:T.string.isRequired,protected:T.bool}).isRequired};ce.defaultProps={onDeleteSpaceGateway:()=>{}};function Ot(){const t=He(),r=se(t.breakpoints.down("md"));return{minWidth:r?300:t.breakpoints.values.sm,isMobile:r}}const _t=qe(()=>({menuName:{display:"flex",flex:1,flexDirection:"column",paddingRight:"24px","& span":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}}));function de({spaceGateway:t,selected:r,onDeleteSpaceGateway:s,onSelectGateway:l,...d}){const p=_t(),{t:c}=$(),{isMobile:h}=Ot(),u=i=>{i.stopPropagation(),window.open(t.url)},o=async()=>{await s(t)};return e.jsxs($t,{...d,children:[e.jsx(S,{display:"inline-flex",marginRight:"8px",alignItems:"center",children:e.jsx("img",{alt:t.name,src:j(t.url,"favicon.ico"),width:"48px",height:"48px"})}),e.jsxs(S,{className:p.menuName,onClick:l,children:[e.jsxs(L,{component:"span",variant:"subtitle1",style:{fontWeight:"400"},children:[t==null?void 0:t.name," ",r&&e.jsx(Ve,{color:"primary",style:{marginLeft:"8px"},children:c("common.selected")})]}),e.jsx(L,{className:"url",component:"span",variant:"inherit",children:h?`${Ye(t==null?void 0:t.url,38)}`:`${t==null?void 0:t.url}`})]}),e.jsxs(Qe,{children:[e.jsx(te,{onClick:u,size:"small",children:e.jsx(kt,{})}),(t==null?void 0:t.protected)!==!0&&e.jsx(ce,{spaceGateway:t,onDeleteSpaceGateway:o})]})]})}const $t=P(S)`
+  display: flex;
+`;de.propTypes={spaceGateway:T.shape({name:T.string.isRequired,url:T.string.isRequired,protected:T.bool}).isRequired,selected:T.bool,onDeleteSpaceGateway:T.func,onSelectGateway:V.func};de.defaultProps={onDeleteSpaceGateway:()=>{},selected:!1,onSelectGateway:()=>{}};function pe({onAddGateway:t,...r}){const{t:s,locale:l}=$(),[d,p]=x.useState(""),[c,h]=x.useState(!1),[u,o]=x.useState(!1),[i,g]=x.useState(""),n=async()=>{try{h(!0);const m=await yt(d,{withSearchParams:!1});if(!await vt(m))throw new Error(s("storage.spaces.gateway.add.invalidUrl"));const{data:O}=await ye.get(j(new URL(m).origin,"/__blocklet__.js?type=json")),f={name:O.appName,url:m,protected:!1};await t(f),M.success(s("storage.spaces.addedWithName",{name:f.name})),o(!1)}catch(m){g(`${s("storage.spaces.gateway.add.failed",l)}: ${Y(m)}`)}finally{h(!1)}};return e.jsxs(e.Fragment,{children:[e.jsx(U,{size:"middle",color:"primary",variant:"outlined",onClick:()=>o(!0),...r,children:s("storage.spaces.gateway.add.title")}),e.jsxs(Ke,{title:s("storage.spaces.gateway.add.title"),fullWidth:!0,maxWidth:"md",open:u,onClose:()=>o(!1),PaperProps:{style:{minHeight:"auto"}},actions:e.jsxs(e.Fragment,{children:[e.jsx(U,{onClick:m=>{m.stopPropagation(),o(!1)},color:"inherit",children:s("common.cancel")}),e.jsxs(U,{onClick:m=>{m.stopPropagation(),n()},color:"primary","data-cy":"install-blocklet-next-step",disabled:c||!d,variant:"contained",autoFocus:!0,children:[c&&e.jsx(ve,{size:16}),s("common.confirm")]})]}),children:[e.jsx("div",{style:{paddingTop:12,overflowY:"hidden"},children:e.jsx(Je,{component:"div",children:e.jsx(L,{component:"div",children:e.jsx(St,{label:s("storage.spaces.gateway.add.label"),autoComplete:"off",variant:"outlined",name:"url",fullWidth:!0,value:d,onChange:m=>{g(null),p(m.target.value)},disabled:c,onKeyPress:async m=>{m.key==="Enter"&&(m.preventDefault(),await n())},autoFocus:!0})})})}),!!i&&e.jsx(Se,{severity:"error",style:{width:"100%"},children:i})]})]})}pe.propTypes={onAddGateway:T.func};pe.defaultProps={onAddGateway:()=>{}};function he({onConnect:t,...r}){const{spaceGateways:s,selectedSpaceGateway:l,handleSelectSpaceGateway:d,addSpaceGateway:p,deleteSpaceGateway:c}=Ut(),{t:h}=$(),u=n=>{d(n)},o=async n=>{await p(n)},i=()=>{t(l)},g=async n=>{await c(n)};return e.jsxs(S,{...r,children:[e.jsx(Xe,{children:s.map(n=>{const m=(n==null?void 0:n.url)===l.url;return e.jsx(ie,{selected:m,children:e.jsx(Ze,{button:!0,selected:m,"data-cy":"get-space-endpoint-for-restore",children:e.jsx(et,{children:e.jsx(de,{spaceGateway:n,onDeleteSpaceGateway:g,selected:m,onSelectGateway:()=>u(n)})})},n.url)})})}),e.jsxs(S,{display:"flex",marginTop:"16px",justifyContent:"center",alignItems:"center",children:[e.jsx(pe,{onAddGateway:o}),e.jsx(U,{sx:{marginLeft:"16px"},size:"middle",variant:"contained",onClick:i,children:h("storage.spaces.connect.now")})]})]})}he.propTypes={onConnect:V.func};he.defaultProps={onConnect:()=>{}};const At=P("div")`
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+`;function Ft(){const{info:t}=I(),{t:r,locale:s}=x.useContext(tt),l=x.useMemo(()=>t?W(t):"",[t]),d=p=>{const c=new URL(j(p.url,"restore")),h=j(l,"blocklets/restore/verify-ownership");c.searchParams.set("redirectUrl",h),c.searchParams.set("locale",s),window.location.href=c.toString()};return e.jsx(le,{children:e.jsxs(At,{children:[e.jsx(G,{title:r("blocklet.restoreFromSpaces.connect.title"),subTitle:r("blocklet.restoreFromSpaces.connect.subTitle"),onClickBack:()=>window.history.back()}),e.jsx(S,{display:"flex",justifyContent:"center",children:e.jsx(he,{sx:{marginTop:"64px",marginBottom:"32px",width:"720px"},onConnect:d})})]})})}const Lt=P("div")`
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+`,q="verify-app-ownership-spaces",Nt=t=>{const r=t.split("/").filter(Boolean);return r[r.length-2]};function Mt(){const{session:t}=ee(),[r]=st(),{t:s}=$(),{api:l,info:d}=I(),{api:p}=ee(),{meta:c}=oe(),h=je(),u=x.useMemo(()=>d?W(d):"",[d]),[o,i]=re({isRestoring:!1,isComplete:!1,isOverwrite:!1,shouldReconnect:!1,exists:!1,accessUrl:"",isConnectOpen:!1,isConfirmOpen:!1,connectData:{action:"",checkFn:()=>{},extraParams:{}},connectMessages:{}}),g=r.get("launchType"),n=r.get("nftId"),m=r.get("chainHost"),O=r.get("from"),f=r.get("blocklet_meta_url"),b=r.get("launcherSessionId")||"",a=r.get("launcherUrl")||"",y=Nt(c.spaceEndpoint),E=ot.getServerAuthMethod(d,g,b,t.user),A=async(_,D)=>{const w=Array.isArray(_)?_.find(v=>!!v.sessionToken):_;w!=null&&w.sessionToken&&(nt(D(w.sessionToken)),await t.refresh()),i({isConnectOpen:!1}),setTimeout(()=>{const v=new URLSearchParams({appDid:y});[{name:"launchType",value:g},{name:"nftId",value:n},{name:"from",value:O},{name:"blocklet_meta_url",value:f},{name:"chainHost",value:m}].forEach(({name:C,value:k})=>{k&&v.set(C,k)}),h(`/blocklets/restore/restore-blocklet?${v.toString()}`)},0)},F=async(_=!1)=>{var v,C;if(!_){if(o.shouldReconnect){window.location.href=j(u,"blocklets/restore/connect-space");return}if(t.user){const k=await l.getBlocklet({input:{did:y,attachRuntimeInfo:!0}});if(k.blocklet){const R=await Pe(k.blocklet);if(R){const z=new URL(R);k.blocklet.status!=="running"&&z.searchParams.set("__start__","1"),i({shouldReconnect:!0,exists:!0,accessUrl:z.href})}return}}}if(E==="nft"){const k=new URL(window.location.href);k.pathname=j(((v=window==null?void 0:window.env)==null?void 0:v.apiPrefix)??"/",`/api/did/${q}/token`),k.searchParams.set("appDid",y),k.searchParams.set("endpoint",c.spaceEndpoint),k.searchParams.set("referrer",window.location.href),k.searchParams.set("nftId",n),k.searchParams.set("appPid",c.did);const R={autoConnect:!1,launchType:g,nftId:n};m&&(k.searchParams.set("chainHost",m),R.chainHost=m),_&&k.searchParams.set("overwrite","1");const{data:z}=await p.get(k.href);if(z.error){M.error(z.error);return}R.nw=z.url,i({isConnectOpen:!0,connectData:{action:"verify-restore-by-nft",extraParams:R},connectMessages:{title:s("blocklet.restoreFromSpaces.nftAuthDialog.title"),scan:s("blocklet.restoreFromSpaces.nftAuthDialog.scan"),confirm:s("blocklet.restoreFromSpaces.nftAuthDialog.confirm"),success:s("blocklet.restoreFromSpaces.nftAuthDialog.success")}});return}if(E==="launcher"){const{launcherSession:k,error:R}=await l.getLauncherSession({input:{launcherUrl:a,launcherSessionId:b}});k?i({isConnectOpen:!0,connectData:{action:q,extraParams:{appDid:y,appPid:c.did,endpoint:c.spaceEndpoint,referrer:window.location.href,restoreFrom:"spaces",overwrite:_?"1":void 0,launcherUrl:a,launcherSessionId:b,chainHost:m}},connectMessages:{title:s("blocklet.restoreBlocklet.verify.title"),scan:s("blocklet.restoreBlocklet.verify.scan"),confirm:s("blocklet.restoreBlocklet.verify.confirm"),success:s("blocklet.restoreBlocklet.verify.success")}}):M.error(`Launch session invalid: ${R}`);return}if(E==="session"){i({isConnectOpen:!0,connectData:{action:q,extraParams:{appDid:y,appPid:c.did,endpoint:c.spaceEndpoint,referrer:window.location.href,overwrite:_?"1":void 0,restoreFrom:"spaces"}},connectMessages:{title:s("blocklet.restoreBlocklet.verify.title"),scan:s("blocklet.restoreBlocklet.verify.scan"),confirm:s("blocklet.restoreBlocklet.verify.confirm"),success:s("blocklet.restoreBlocklet.verify.success")}});return}const D=new URL(window.location.href);D.pathname=j(((C=window==null?void 0:window.env)==null?void 0:C.apiPrefix)??"/",`/api/did/${q}/token`),D.searchParams.set("appDid",y),D.searchParams.set("appPid",c.did),D.searchParams.set("endpoint",c.spaceEndpoint),D.searchParams.set("referrer",window.location.href),D.searchParams.set("restoreFrom","spaces");const{data:w}=await p.get(D.href);t.login(A,{nw:w.url,openMode:"popup"})},J=()=>{i({isConnectOpen:!1})},X=()=>{i({isConfirmOpen:!0})},Z=()=>{i({isConfirmOpen:!1,isOverwrite:!0}),F(!0)},H=()=>{i({isConfirmOpen:!1})};return x.useEffect(()=>{F()},[]),e.jsxs(Lt,{children:[e.jsx(G,{title:s("blocklet.restoreBlocklet.verify.title"),subTitle:s("blocklet.restoreBlocklet.verify.subTitle"),onClickBack:()=>window.history.back()}),e.jsxs(S,{textAlign:"center",mt:6,children:[e.jsx(ft,{blocklet:{meta:c},blockletMetaUrl:f}),e.jsxs(S,{mt:2,mb:2,children:[e.jsx(L,{variant:"body2",children:c.title}),e.jsx(ne,{did:y})]}),o.exists&&o.accessUrl&&e.jsxs(e.Fragment,{children:[e.jsx(L,{component:"p",variant:"body1",gutterBottom:!0,sx:{color:"orange"},children:s("blocklet.restoreBlocklet.verify.exists")}),e.jsxs(L,{component:"div",sx:{marginTop:"32px"},children:[o.accessUrl&&e.jsx(U,{variant:"contained",component:Q,href:o.accessUrl,sx:{width:"160px",height:"100%"},children:s("blocklet.restoreBlocklet.verify.open")}),e.jsx(U,{variant:"contained",color:"error",onClick:X,sx:{width:"160px",height:"100%",marginLeft:"32px"},children:s("blocklet.restoreBlocklet.verify.overwrite")})]})]}),!o.exists&&e.jsx(U,{variant:"contained",disabled:o.isConnectOpen,onClick:F,sx:{width:"180px",height:"100%"},children:s(`blocklet.restoreBlocklet.verify.${o.shouldReconnect?"reconnect":"verify"}`)})]}),o.connectData.isConnectOpen&&e.jsx(ae,{appDid:y,visible:!1}),e.jsx(Ce,{popup:!0,open:o.isConnectOpen,forceConnected:!1,saveConnect:!1,action:o.connectData.action,checkFn:p.get,checkTimeout:5*60*1e3,webWalletUrl:K(d),onSuccess:A,extraParams:o.connectData.extraParams,messages:o.connectMessages,onClose:J}),o.isConfirmOpen&&e.jsx(rt,{color:"error",title:s("blocklet.restoreBlocklet.overwrite.title"),description:s("blocklet.restoreBlocklet.overwrite.description"),confirm:s("common.confirm"),onCancel:H,onConfirm:Z})]})}const ge=P(mt)`
+  && .result-footer {
+    height: 120px;
+    > div {
+      flex-wrap: wrap;
+    }
+  }
+`,It=at("@abtnode/webapp:restore-blocklet:step-install"),zt=P("div")`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+`,Wt=P.div`
+  line-height: 1.4em;
+  .error-desc {
+    margin-top: 8px;
+    word-wrap: break-word;
+    color: ${t=>t.theme.palette.grey[500]};
+  }
+`,Gt={[B.RESTORE_PROGRESS_STATUS.waiting]:0,[B.RESTORE_PROGRESS_STATUS.start]:1,[B.RESTORE_PROGRESS_STATUS.importData]:2,[B.RESTORE_PROGRESS_STATUS.downloading]:3,[B.RESTORE_PROGRESS_STATUS.importDataSuccess]:4,[B.RESTORE_PROGRESS_STATUS.installing]:5,[B.RESTORE_PROGRESS_STATUS.completed]:10},Ht="https://community.arcblock.io/",qt="launcher@arcblock.io";function Vt({appDid:t}){const[r,s]=x.useState(B.RESTORE_PROGRESS_STATUS.waiting),l=ct();return l.connect(),x.useEffect(()=>(l.on(B.BlockletEvents.restoreProgress,d=>{t===(d==null?void 0:d.appDid)&&s(d)}),()=>{l.off(B.BlockletEvents.restoreProgress)}),[t,l]),r}function Yt(){var _,D;const t=new URL(window.location.href),r=t.searchParams.get("appDid"),s=t.searchParams.get("launchType"),l=t.searchParams.get("nftId"),d=t.searchParams.get("fromLauncher"),p=t.searchParams.get("from"),c=t.searchParams.get("chainHost"),h=Vt({appDid:r}),[u,o]=x.useState(0),i=x.useRef(null),{meta:g}=oe(),{t:n}=$(),{api:m,info:O}=I(),[f,b]=re({nextAccessUrl:"",installError:null}),a=xt(r),{status:y,eventName:E}=a,A=()=>{o(12),i.current&&(clearTimeout(i.current),i.current=null),i.current=setTimeout(()=>{m.getBlocklet({input:{did:r,attachRuntimeInfo:!0}}).then(w=>{w.blocklet&&X(w.blocklet)})},500)},F=()=>{var w,v;if((v=(w=a==null?void 0:a.runtimeBlocklet)==null?void 0:w.settings)!=null&&v.initialized){o(11);return}A()},J=[n("blocklet.restoreFromSpaces.progress.waiting"),n("blocklet.restoreFromSpaces.progress.restoring"),n("blocklet.restoreFromSpaces.progress.importData"),n("blocklet.restoreFromSpaces.progress.downloading",{progress:`${((_=h==null?void 0:h.data)==null?void 0:_.completed)??100}/${((D=h==null?void 0:h.data)==null?void 0:D.total)??100}`}),n("blocklet.restoreFromSpaces.progress.importSuccess"),n("launchBlocklet.waiting.downloading"),n("launchBlocklet.waiting.verifying"),n("launchBlocklet.waiting.downloading"),n("launchBlocklet.waiting.extracting"),n(y==="upgrading"?"common.upgrading":"launchBlocklet.waiting.installing"),n("launchBlocklet.waiting.installed"),n("launchBlocklet.waiting.starting"),n("launchBlocklet.waiting.done")];x.useEffect(()=>{if(h.status===B.RESTORE_PROGRESS_STATUS.error){const w={message:h.message,name:"restoreFailed",action:"retryRestore"};xe(w,f.installError)||M.error(Y(w)),b({installError:w});return}o(Gt[h.status]||0)},[h.status]),x.useEffect(()=>{var w;if(s==="serverless"&&E===B.BlockletEvents.nftConsumed){F();return}switch(y){case"waiting":o(6);break;case"downloading":o(7);break;case"installing":case"upgrading":o(8);break;case"installed":if(s==="serverless"&&!it(a))break;F();break;case"starting":o(11);break;case"running":o(12),A();break;case"stopped":A();break;case"corrupted":case"error":{a==null||a.stopPolling();const v={message:(w=a==null?void 0:a.error)==null?void 0:w.message,name:a==null?void 0:a.eventName,action:"retryRestore"},C=(k={})=>{var R;!xe(v,f.installError)&&((R=a==null?void 0:a.error)!=null&&R.message)&&M.error(Y(a.error)),b({installError:v,...k})};m.getBlocklet({input:{did:r,attachRuntimeInfo:!0}}).then(({blocklet:k})=>{var R;(R=k==null?void 0:k.settings)!=null&&R.initialized&&(v.action="retryStart"),C()}).catch(()=>{C()})}break}},[y,E,a]);const X=async w=>{const v=await Pe(w);if(dt(v))return;const C=new URL(v);C.searchParams.set("serverUrl",W(O)),w.status!=="running"&&C.searchParams.set("__start__","1"),d&&C.searchParams.set("fromLauncher",d),p&&C.searchParams.set("from",p),s&&C.searchParams.set("launchType",s),l&&C.searchParams.set("nftId",l),c&&C.searchParams.set("chainHost",c),a==null||a.stopPolling(),b({nextAccessUrl:C.href,status:w.status,resultMessage:w.status==="running"?{variant:"success",title:n("blocklet.restoreFromSpaces.restore.completeTitle"),subTitle:"",footer:n("common.open")}:{variant:"info",title:n("blocklet.restoreFromSpaces.restore.installedTitle"),subTitle:n("blocklet.restoreFromSpaces.restore.installedSubTitle"),footer:n("common.configuration")}})},Z=async()=>{b({installError:null,nextAccessUrl:""}),await m.startBlocklet({input:{did:r}}),a==null||a.startPolling()};if(f.installError){const w={retryRestore:e.jsx(U,{variant:"contained",className:"bottom-button","data-cy":"retry-install",component:lt,to:`/blocklets/restore/verify-ownership${window.location.search}`,children:n("common.retry")}),retryStart:e.jsx(U,{variant:"contained",className:"bottom-button","data-cy":"retry-start",onClick:()=>Z(),children:n("common.retry")})},v=f.installError.name?f.installError.name.replace("blocklet.",""):"installFailed";return e.jsx(ge,{variant:"error",title:g==null?void 0:g.title,subTitle:e.jsxs(Wt,{children:[e.jsx("div",{children:n(`launchBlocklet.error.${v}`)}),f.installError.message&&e.jsx("div",{className:"error-desc",children:n("common.errorMessage")+f.installError.message})]}),footer:e.jsxs(we,{children:[w[f.installError.action],s==="serverless"&&e.jsx("div",{style:{marginTop:"24px"},dangerouslySetInnerHTML:{__html:n("blocklet.restoreFromSpaces.restore.support",{communityLink:Ht,supportEmail:qt})}})]})})}const H=!!f.nextAccessUrl;return It("render",{status:y,eventName:E,launchType:s,runtimeBlockletState:a,state:f}),e.jsxs(zt,{children:[!H&&e.jsxs(e.Fragment,{children:[e.jsx(G,{title:n("blocklet.restoreBlocklet.restore.title"),subTitle:n("blocklet.restoreFromSpaces.restore.subTitle")}),e.jsxs(gt,{children:[e.jsx(ut,{increaseSpeed:.3,messageLoop:!1,message:e.jsx(wt,{steps:J,stepIndex:u,autoGrowth:u===10?1e3:4e3})}),[5,7,8].includes(u)&&e.jsx(ae,{appDid:r})]})]}),H&&e.jsx(ge,{variant:f.resultMessage.variant,title:f.resultMessage.title,subTitle:f.resultMessage.subTitle,footer:e.jsx(we,{children:e.jsx(U,{variant:"contained",style:{width:"200px"},component:Q,href:f.nextAccessUrl,children:f.resultMessage.footer})})})]})}const we=P(S)`
+  padding-top: 24px;
+`;function Ie(){return e.jsx(Yt,{})}function Qt(){const t=se(n=>n.breakpoints.down("md")),{t:r,locale:s}=$(),{info:l}=I(),d=pt(),{meta:p}=oe(),c=x.useMemo(()=>l?W(l):"",[l]),h=K(l),u=j(Re(),"/blocklets/restore"),o=[{key:"verify-ownership",name:r("blocklet.restoreBlocklet.verify.title"),path:j(u,"verify-ownership")},{key:"restore-blocklet",name:r("blocklet.restoreFromSpaces.restore.title"),path:j(u,"restore-blocklet")}];let i=[];Et(d.get("from"))==="launcher"?i=[{key:"purchase-space",name:r("launchBlocklet.steps.purchaseSpace")},{key:"prepare-space",name:r("launchBlocklet.steps.prepareSpace")},...o]:i=[{key:"connect-space",name:r("blocklet.restoreFromSpaces.connect.title"),path:j(u,"connect-space")},{key:"select-blocklet",name:r("blocklet.restoreFromSpaces.selectBlocklet.title")},...o];const g=e.jsx(Xt,{className:`${c?"logo-can-click":""}`,children:e.jsx(Q,{href:c||"",target:"_blank",children:e.jsx(Fe,{logo:t?e.jsx(Ne,{width:"32",height:"32"}):e.jsx(Le,{width:"128",height:"48"})})})});return e.jsx($e,{steps:i,children:e.jsx(Ae,{blockletMeta:p,locale:s,useOfSkeleton:!1,navLogo:g,navSubTitle:r("blocklet.restoreFromSpaces.navSubTitle"),loading:!1,headerEndAddons:e.jsx(Te,{webWalletUrl:h,SessionContext:Ee}),pcWidth:"80%",style:{height:"100%"},logoUrl:p==null?void 0:p.logo,children:e.jsxs(Jt,{children:[e.jsx(De,{styles:Kt}),e.jsxs(Be,{children:[e.jsx(N,{path:"connect-space",element:e.jsx(Ft,{})}),e.jsx(N,{path:"verify-ownership",element:e.jsx(Mt,{})}),e.jsx(N,{path:"restore-blocklet",element:e.jsx(Ie,{})}),e.jsx(N,{path:"*",element:e.jsx(Ue,{to:"connect-space",replace:!0})})]})]})})})}const Kt=Oe`
+  html,
+  body,
+  #root,
+  #root > .wrapper {
+    height: 100%;
+  }
+`,Jt=P.div`
+  ${t=>t.theme.breakpoints.up("md")} {
+    padding-top: 34px;
+  }
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+
+  .bottom-button {
+    min-width: 200px;
+  }
+`,Xt=P.div`
+  margin-top: -1px;
+  &.logo-can-click {
+    cursor: pointer;
+  }
+`;function me({onSelect:t}){const{api:r}=I(),{t:s,locale:l}=$(),[d,p]=x.useState(!1),[c,h]=x.useState([]),[u,o]=x.useState(""),[i,g]=x.useState(null),n=je(),m=async()=>{try{p(!0),g(!1);const{getBlocklets:{blocklets:a},getBlockletsFromBackup:{backups:y}}=await r.doBatchQuery({getBlocklets:{input:{}},getBlockletsFromBackup:{input:{}}});h((y||[]).filter(E=>!(a||[]).some(A=>{var F;return E.appPid===((F=A.meta)==null?void 0:F.did)})).sort((E,A)=>A.createdAt-E.createdAt).slice(0,200)),p(!1)}catch(a){p(!1),g(a.message)}};x.useEffect(()=>{m()},[]);const O=()=>{const a=c.find(E=>E.appDid===u);t({did:a.appDid,name:a.appDid,title:a.name});const y=new URL(window.location.href);y.searchParams.set("appDid",a.appDid),y.searchParams.set("appName",a.name),n(`/blocklets/restore/verify-ownership${y.search}`)},f=a=>{o(a.appDid)};let b=null;return i?b=e.jsx(Se,{severity:"error",style:{width:"100%",marginTop:8},children:i}):d?b=e.jsx(ve,{size:16}):c.length?b=e.jsx(es,{children:c.map(a=>e.jsxs(ts,{className:`middle-font-size space ${u===a.appDid?"selected":""}`,onClick:()=>f(a),children:[e.jsxs("div",{className:"left",children:[e.jsx("div",{className:"header",children:e.jsx(S,{sx:{width:40,height:40},children:e.jsx(_e,{did:a.appDid,size:40})})}),e.jsxs("div",{className:"body",children:[e.jsx(L,{className:"text",children:a.name}),e.jsx(L,{className:"text middle-font-size",children:e.jsx(ne,{responsive:!1,compact:!0,inline:!0,copyable:!1,size:12,did:a.appDid})})]}),e.jsxs(S,{color:"text.secondary",className:"footer small-font-size",children:[s("blocklet.restoreFromServer.backupIn")," ",ht(a.createdAt,l)]})]}),e.jsx("div",{className:"right",children:e.jsx("div",{className:"more",children:e.jsx(te,{onClick:()=>{},className:"more-btn",size:"large","aria-label":"more functions",children:e.jsx(jt,{color:"disabled"})})})}),e.jsx("div",{className:"selected-container",children:e.jsx(be,{className:"selected-icon"})})]},a.appDid))}):b=e.jsx(Ct,{children:s("common.empty")}),e.jsxs(Zt,{style:{width:"100%"},children:[e.jsx(G,{title:s("blocklet.restoreFromServer.selectTitle"),subTitle:s("blocklet.restoreFromServer.description")}),e.jsx(S,{mt:4,mx:3,className:"main-body",children:b}),e.jsx(S,{className:"main-footer",display:"flex",justifyContent:"center",children:e.jsx(U,{sx:{width:"180px",height:"100%"},onClick:a=>{a.stopPropagation(),O()},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:d||i||!u,children:s("common.restore")})})]})}me.propTypes={onSelect:T.func};me.defaultProps={onSelect:()=>{}};const Zt=P(S)`
+  .main-body {
+    height: 50vh;
+    ${t=>t.theme.breakpoints.down("md")} {
+      height: 80vh;
+    }
+
+    overflow: auto;
+  }
+  .main-footer {
+    padding-top: 24px;
+    padding-bottom: 24px;
+    ${t=>t.theme.breakpoints.down("md")} {
+      position: fixed;
+      bottom: 16px;
+      width: 100%;
+      padding-bottom: 0;
+    }
+  }
+`,es=P(S)`
+  display: block;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  max-width: 1000px;
+  margin: 0 auto;
+
+  .space {
+    display: flex;
+    margin: 8px auto;
+
+    .selected-container {
+      position: absolute;
+      right: 0px;
+      bottom: 0px;
+      display: flex;
+      -webkit-box-pack: end;
+      justify-content: flex-end;
+      align-items: flex-end;
+      width: 30px;
+      height: 30px;
+      border-radius: 0px 0px 7px;
+      color: rgb(255, 255, 255);
+      overflow: hidden;
+      transition: all 0.3s ease 0s;
+
+      &::after {
+        position: absolute;
+        z-index: 0;
+        left: 30px;
+        top: 30px;
+        display: block;
+        width: 0px;
+        height: 0px;
+        border-width: 15px;
+        border-style: solid;
+        /* border-color: transparent rgb(29, 193, 199) rgb(29, 193, 199) transparent; */
+        border-color: transparent ${t=>t.theme.palette.primary.main}
+          ${t=>t.theme.palette.primary.main} transparent;
+        transition: all 0.1s ease 0s;
+        content: '';
+      }
+
+      .selected-icon {
+        visibility: hidden;
+        width: 60%;
+        height: 60%;
+        position: relative;
+        z-index: 2;
+        margin: 0px 1px 1px 0px;
+        font-size: 16px;
+        transition: all 0.2s ease 0s;
+      }
+    }
+  }
+
+  .space.selected {
+    background-color: rgb(236, 251, 253);
+    border-color: rgb(236, 251, 253);
+
+    .selected-container {
+      &::after {
+        left: 0px;
+        top: 0px;
+      }
+
+      .selected-icon {
+        visibility: visible;
+      }
+    }
+  }
+`,ts=P("div")`
+  display: flex;
+  position: relative;
+  width: 100%;
+  padding: 10px;
+  border: 1 solid #ccc;
+  cursor: pointer;
+
+  .left {
+    display: flex;
+    align-items: flex-start;
+    width: 100%;
+    margin: 0px 20px 0px 0px;
+
+    .header {
+      padding: 5px 16px 0 0;
+    }
+
+    .body {
+      display: flex;
+      flex-direction: column;
+      width: 100%;
+    }
+
+    .footer {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      height: 100%;
+    }
+  }
+
+  .right {
+    display: flex;
+  }
+
+  ${t=>t.theme.breakpoints.down("md")} {
+    .left {
+      display: flex;
+      flex-direction: column;
+      margin-right: 20px;
+
+      .header {
+        display: none;
+      }
+
+      .footer {
+        margin-top: 6px;
+        margin-left: 0px;
+        padding: 2px 0px;
+        height: auto;
+      }
+    }
+
+    .right {
+      width: auto;
+    }
+
+    .text {
+      display: -webkit-box;
+      overflow: hidden;
+      -webkit-box-orient: vertical;
+    }
+  }
+
+  // 公共属性
+  .middle-font-size {
+    font-size: 14px;
+  }
+
+  .small-font-size {
+    font-size: 12px;
+  }
+`,ss=P("div")`
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+`,ke="verify-app-ownership-disk";function os(){const t=new URL(window.location.href),r=t.searchParams.get("appDid"),s=t.searchParams.get("appName"),{t:l}=$(),{api:d,info:p}=I(),{session:c,api:h}=ee(),u=x.useMemo(()=>p?W(p):"",[p]),[o,i]=re({isRestoring:!1,isComplete:!1,connectData:{isConnectOpen:!1,action:"",checkFn:()=>{},extraParams:{}}}),g=async()=>{if((await d.getBlocklet({input:{did:r}})).blocklet){M.error(`Blocklet ${s}(${r}) already exists`),i({shouldReconnect:!0});return}i({connectData:{isConnectOpen:!0,action:ke,extraParams:{appDid:r,restoreFrom:"disk"}}})},n=()=>{i({connectData:{isConnectOpen:!1}}),setTimeout(()=>{const f=new URL(j(u,`blocklets/restore/restore-blocklet${window.location.search}`));window.location.href=f.href},0)},m=async()=>{var f;if(!c.user){const b=new URL(window.location.href);b.pathname=j(((f=window==null?void 0:window.env)==null?void 0:f.apiPrefix)??"/",`/api/did/${ke}/token`),b.searchParams.set("appDid",r),b.searchParams.set("restoreFrom","disk");const{data:a}=await h.get(b.href);c.login(n,{nw:a.url,openMode:"popup"});return}await g()},O=()=>{i({connectData:{isConnectOpen:!1}})};return x.useEffect(()=>{m()},[]),e.jsxs(ss,{children:[e.jsx(G,{title:l("blocklet.restoreBlocklet.verify.title"),subTitle:l("blocklet.restoreBlocklet.verify.subTitle")}),e.jsxs(S,{textAlign:"center",mt:6,children:[e.jsx(_e,{did:r,size:128}),e.jsxs(S,{mt:2,mb:2,children:[e.jsx(L,{variant:"body2",children:s}),e.jsx(ne,{did:r})]}),e.jsx(U,{variant:"contained",disabled:o.connectData.isConnectOpen,onClick:m,sx:{width:"180px",height:"100%"},children:l(`blocklet.restoreBlocklet.verify.${o.shouldReconnect?"reconnect":"verify"}`)})]}),o.connectData.isConnectOpen&&e.jsx(ae,{appDid:r,visible:!1}),e.jsx(Ce,{popup:!0,open:o.connectData.isConnectOpen,forceConnected:!1,saveConnect:!1,action:o.connectData.action,checkFn:h.get,checkTimeout:5*60*1e3,webWalletUrl:K(p),onSuccess:n,extraParams:o.connectData.extraParams,messages:{title:l("blocklet.restoreBlocklet.verify.title"),scan:l("blocklet.restoreBlocklet.verify.scan"),confirm:l("blocklet.restoreBlocklet.verify.confirm"),success:l("blocklet.restoreBlocklet.verify.success")},onClose:O})]})}function rs(){const t=se(g=>g.breakpoints.down("md")),{t:r,locale:s}=$(),{info:l}=I(),{meta:d,setMeta:p}=x.useState({}),c=x.useMemo(()=>l?W(l):"",[l]),h=K(l),u=j(Re(),"/blocklets/restore"),o=[{key:"select",name:r("blocklet.restoreFromServer.selectTitle"),path:j(u,"select")},{key:"verify-ownership",name:r("blocklet.restoreBlocklet.verify.title"),path:j(u,"verify-ownership")},{key:"restore-blocklet",name:r("blocklet.restoreBlocklet.restore.title"),path:j(u,"restore-blocklet")}],i=e.jsx(is,{className:`${c?"logo-can-click":""}`,children:e.jsx(Q,{href:c||"",target:"_blank",children:e.jsx(Fe,{logo:t?e.jsx(Ne,{width:"32",height:"32"}):e.jsx(Le,{width:"128",height:"48"})})})});return e.jsx($e,{steps:o,children:e.jsx(Ae,{blockletMeta:{...d,registryUrl:""},locale:s,useOfSkeleton:!1,navLogo:i,headerEndAddons:e.jsx(Te,{webWalletUrl:h,SessionContext:Ee}),pcWidth:"80%",style:{height:"100%"},logoUrl:d==null?void 0:d.logo,children:e.jsxs(as,{children:[e.jsx(De,{styles:ns}),e.jsxs(Be,{children:[e.jsx(N,{path:"select",element:e.jsx(me,{onSelect:p})}),e.jsx(N,{path:"verify-ownership",element:e.jsx(os,{})}),e.jsx(N,{path:"restore-blocklet",element:e.jsx(Ie,{})}),e.jsx(N,{path:"*",element:e.jsx(Ue,{to:`select${window.location.search}`,replace:!0})})]})]})})})}const ns=Oe`
+  html,
+  body,
+  #root,
+  #root > .wrapper {
+    height: 100%;
+  }
+`,as=P.div`
+  ${t=>t.theme.breakpoints.up("md")} {
+    padding-top: 34px;
+  }
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+
+  .bottom-button {
+    min-width: 200px;
+  }
+`,is=P.div`
+  margin-top: -1px;
+  &.logo-can-click {
+    cursor: pointer;
+  }
+`;function Rs(){const{search:t}=window.location;return t.includes("restoreFrom=server")?e.jsx(rs,{}):e.jsx(Qt,{})}export{Rs as default};