@abtnode/webapp 1.16.0-beta-62b42401 → 1.16.0-beta-99e016c7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/blocklet.yml CHANGED
@@ -33,4 +33,4 @@ capabilities:
33
33
  component: true
34
34
  screenshots: []
35
35
  components: []
36
- gitHash: 6ef1c3601d0cfdcf5da0b55b4c54ef1fa9fce7d2
36
+ gitHash: 6dcb70e4613c92752d7b5f2662ac4b0e3bc9050b
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "files": {
3
3
  "main.css": "./static/css/main.c9e90622.css",
4
- "main.js": "./static/js/main.9408205e.js",
4
+ "main.js": "./static/js/main.9c64002d.js",
5
5
  "static/js/5984.ca24ac1d.chunk.js": "./static/js/5984.ca24ac1d.chunk.js",
6
6
  "static/js/4517.b93ba337.chunk.js": "./static/js/4517.b93ba337.chunk.js",
7
- "static/js/3037.32fcce71.chunk.js": "./static/js/3037.32fcce71.chunk.js",
7
+ "static/js/3037.097aae61.chunk.js": "./static/js/3037.097aae61.chunk.js",
8
8
  "static/js/8928.7f638267.chunk.js": "./static/js/8928.7f638267.chunk.js",
9
9
  "static/js/851.7bd30c82.chunk.js": "./static/js/851.7bd30c82.chunk.js",
10
10
  "static/css/9779.f696fdbf.chunk.css": "./static/css/9779.f696fdbf.chunk.css",
@@ -87,6 +87,6 @@
87
87
  },
88
88
  "entrypoints": [
89
89
  "static/css/main.c9e90622.css",
90
- "static/js/main.9408205e.js"
90
+ "static/js/main.9c64002d.js"
91
91
  ]
92
92
  }
package/build/index.html CHANGED
@@ -1 +1 @@
1
- <!doctype html><html lang="en"><head><base href="/"/><meta charset="utf-8"/><link rel="shortcut icon" href="favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><meta name="theme-color" content="#000000"/><script>"https:"===window.location.protocol&&document.write('<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />')</script><link rel="manifest" href="manifest.json"/><link rel="stylesheet" href="icons/css/all.css"/><title>Blocklet Server</title><script src="api/env"></script><script defer="defer" src="./static/js/main.9408205e.js"></script><link href="./static/css/main.c9e90622.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
1
+ <!doctype html><html lang="en"><head><base href="/"/><meta charset="utf-8"/><link rel="shortcut icon" href="favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><meta name="theme-color" content="#000000"/><script>"https:"===window.location.protocol&&document.write('<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />')</script><link rel="manifest" href="manifest.json"/><link rel="stylesheet" href="icons/css/all.css"/><title>Blocklet Server</title><script src="api/env"></script><script defer="defer" src="./static/js/main.9c64002d.js"></script><link href="./static/css/main.c9e90622.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[3037],{11476:function(e,t,n){n.d(t,{Z:function(){return p}});var r=n(41361),a=n(96234),o=n(5057),s=n(76811),l=n(8413),i=n(10155),c=Object.keys(s.BlockletStatus),u=Object.values(s.BlockletStatus),f=Object.values(s.BlockletEvents).filter((function(e){return![s.BlockletEvents.purchaseChange,s.BlockletEvents.domainStatus].includes(e)}));function p(e){var t=(0,i.Z)(),n=(0,l.ZP)(),s=(0,o.useState)({status:null,eventName:""}),p=(0,a.Z)(s,2),d=p[0],h=p[1];(0,o.useEffect)((function(){e?null===d.status&&t.getBlocklet({input:{did:e}}).then((function(e){h({status:e.blocklet?e.blocklet.status:"",eventName:"",runtimeBlocklet:e.blocklet,isGetBlocklet:!0})})):h({status:"",eventName:"",runtimeBlocklet:null})}),[e,d.status]);var m,v=(0,r.Z)(f);try{var g=function(){var t=m.value;(0,o.useEffect)((function(){var r=function(t){return function(n){var r;if((null===n||void 0===n||null===(r=n.meta)||void 0===r?void 0:r.did)===e){var a={status:null,eventName:t,runtimeBlocklet:n};n.error?(a.status="error",a.error=n.error):a.status=c[u.indexOf(n.status)],h(a)}}}(t);return e&&n.on(t,r),function(){e&&n.off(t,r)}}),[e])};for(v.s();!(m=v.n()).done;)g()}catch(x){v.e(x)}finally{v.f()}return d}},53037:function(e,t,n){n.r(t),n.d(t,{default:function(){return He}});var r,a=n(71171),o=n(33028),s=n(5057),l=n(53616),i=n.n(l),c=n(85493),u=n(6352),f=n.n(u),p=n(21371),d=n(72904),h=n(33518),m=n(52118),v=n(54377),g=n(77829),x=n(66889),b=n(10866),y=n(4456),k=n(12332),w=n(47791),j=n(99875),S=n(25339),O=n(60411),P=n(32723),Z=n(34795),T=n(45158),E=n(84024),B=n(39948),D=n(96266),C=(0,h.default)("div")(r||(r=(0,a.Z)(["\n width: 100%;\n height: 100%;\n overflow-y: auto;\n"])));var R,U=function(){var e=(0,O.h6)().info,t=(0,s.useContext)(m.LocaleContext).t,n=(0,s.useMemo)((function(){return e?(0,w.getServerUrl)(e):""}),[e]),r=function(){var e=(0,Z.Z)((0,P.Z)().mark((function e(t){var r,a;return(0,P.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r=new URL(f()(t,"restore")),a=f()(n,"blocklets/restore/verify-ownership"),r.searchParams.set("redirectUrl",a),window.location.href=r.toString();case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return(0,D.jsxs)(C,{children:[(0,D.jsx)(E.default,{title:t("blocklet.restoreFromSpaces.connect.title"),subTitle:t("blocklet.restoreFromSpaces.connect.subTitle")}),(0,D.jsx)(B.Z,{display:"flex",justifyContent:"center",children:(0,D.jsx)(T.default,{sx:{marginTop:"64px"},onSelect:r})})]})},_=n(96234),A=n(48208),F=n(57090),L=n(91848),N=n(40356),I=n(13714),W=n(11750),z=n(32356),M=n(31853),G=n(31910),V=n(74094),H=(0,h.default)("div")(R||(R=(0,a.Z)(["\n width: 100%;\n height: 100%;\n overflow-y: auto;\n"]))),q="verify-app-ownership-spaces";var J,K,Q,X=function(){var e=(0,A.useSessionContext)().session,t=new URL(window.location.href),n=t.searchParams.get("launchType"),r=t.searchParams.get("nftId"),a=t.searchParams.get("chainHost"),o=t.searchParams.get("from"),l=(0,m.useLocaleContext)().t,i=(0,O.h6)(),c=i.api,u=i.info,p=(0,A.useSessionContext)().api,d=(0,G.J_)().meta,h=(0,s.useMemo)((function(){return u?(0,w.getServerUrl)(u):""}),[u]),v=(0,M.default)({isRestoring:!1,isComplete:!1,shouldReconnect:!1,connectData:{isConnectOpen:!1,action:"",checkFn:function(){},extraParams:{}}}),g=(0,_.Z)(v,2),x=g[0],b=g[1];(0,s.useEffect)((function(){k()}),[]);var y=function(e){var t=e.split("/").filter(Boolean);return t[t.length-2]}(d.spaceEndpoint),k=function(){var e=(0,Z.Z)((0,P.Z)().mark((function e(){var t,s,l,i,u,m;return(0,P.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!x.shouldReconnect){e.next=3;break}return window.location.href=f()(h,"blocklets/restore/connect-space"),e.abrupt("return");case 3:if("serverless"!==n||"launcher"!==o){e.next=17;break}return(i=new URL(window.location.href)).pathname=f()(null!==(t=null===(s=window)||void 0===s||null===(l=s.env)||void 0===l?void 0:l.apiPrefix)&&void 0!==t?t:"/","/api/did/".concat(q,"/token")),i.searchParams.set("appDid",y),i.searchParams.set("endpoint",d.spaceEndpoint),i.searchParams.set("referrer",window.location.href),i.searchParams.set("nftId",r),i.searchParams.set("chainHost",a),e.next=13,p.get(i.href);case 13:return u=e.sent,m=u.data,b({connectData:{isConnectOpen:!0,action:"verify-serverless-nft",extraParams:{autoConnect:!1,launchType:n,nftId:r,chainHost:a,nw:m.url}}}),e.abrupt("return");case 17:return e.next=19,c.getBlocklet({input:{did:y}});case 19:if(!e.sent.blocklet){e.next=24;break}return z.default.error("Blocklet ".concat(d.title,"(").concat(y,") already exists")),b({shouldReconnect:!0}),e.abrupt("return");case 24:b({connectData:{isConnectOpen:!0,action:q,extraParams:{appDid:y,endpoint:d.spaceEndpoint,referrer:window.location.href,restoreFrom:"spaces"}}});case 25:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),j=function(){var t=(0,Z.Z)((0,P.Z)().mark((function t(a,s){var l;return(0,P.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(null===(l=Array.isArray(a)?a.find((function(e){return!!e.sessionToken})):a)||void 0===l||!l.sessionToken){t.next=5;break}return localStorage.setItem("__sst",s(l.sessionToken)),t.next=5,e.refresh();case 5:b({connectData:{isConnectOpen:!1}}),setTimeout((function(){var e=new URL(f()(h,"blocklets/restore/restore-blocklet"));e.searchParams.set("appDid",y),[{name:"launchType",value:n},{name:"nftId",value:r},{name:"from",value:o}].forEach((function(t){var n=t.name,r=t.value;r&&e.searchParams.set(n,r)})),window.location.href=e.href}),0);case 7:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}();return(0,D.jsxs)(H,{children:[(0,D.jsx)(E.default,{title:l("blocklet.restoreBlocklet.verify.title"),subTitle:l("blocklet.restoreBlocklet.verify.subTitle")}),(0,D.jsxs)(B.Z,{textAlign:"center",mt:6,children:[(0,D.jsx)(N.default,{did:y,size:128}),(0,D.jsxs)(B.Z,{mt:2,mb:2,children:[(0,D.jsx)(W.Z,{variant:"body2",children:d.title}),(0,D.jsx)(L.default,{children:y})]}),(0,D.jsx)(I.default,{variant:"contained",disabled:x.connectData.isConnectOpen,onClick:k,sx:{width:"180px",height:"100%"},children:l("blocklet.restoreBlocklet.verify.".concat(x.shouldReconnect?"reconnect":"verify"))})]}),(0,D.jsx)(F.default,{popup:!0,open:x.connectData.isConnectOpen,forceConnected:!1,saveConnect:!1,action:x.connectData.action,checkFn:p.get,checkTimeout:3e5,webWalletUrl:(0,V.yP)(u),onSuccess:j,extraParams:x.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:function(){b({connectData:{isConnectOpen:!1}})}})]})},Y=n(56666),$=n(31631),ee=n(76811),te=n(44477),ne=n(49603),re=n(75506),ae=n.n(re),oe=n(50482),se=n.n(oe),le=n(11476),ie=n(8413),ce=(0,h.default)("div")(J||(J=(0,a.Z)(["\n width: 100%;\n height: 100%;\n overflow-y: auto;\n"]))),ue=h.default.div(K||(K=(0,a.Z)(["\n color: #1dc1c7;\n display: flex;\n flex-direction: column;\n align-items: center;\n"]))),fe=(Q={},(0,Y.Z)(Q,ee.RESTORE_PROGRESS_STATUS.waiting,0),(0,Y.Z)(Q,ee.RESTORE_PROGRESS_STATUS.start,1),(0,Y.Z)(Q,ee.RESTORE_PROGRESS_STATUS.importData,2),(0,Y.Z)(Q,ee.RESTORE_PROGRESS_STATUS.downloading,3),(0,Y.Z)(Q,ee.RESTORE_PROGRESS_STATUS.importDataSuccess,4),(0,Y.Z)(Q,ee.RESTORE_PROGRESS_STATUS.installing,5),(0,Y.Z)(Q,ee.RESTORE_PROGRESS_STATUS.completed,10),Q);function pe(e){var t,n,r=e.onAccessUrlEmpty,a=e.onError,o=new URL(window.location.href),l=o.searchParams.get("appDid"),i=o.searchParams.get("launchType"),c=o.searchParams.get("nftId"),u=o.searchParams.get("fromLauncher"),f=o.searchParams.get("from"),p=o.searchParams.get("chainHost"),d=function(e){var t=e.appDid,n=(0,s.useState)(ee.RESTORE_PROGRESS_STATUS.waiting),r=(0,_.Z)(n,2),a=r[0],o=r[1],l=(0,ie.ZP)();return l.connect(),(0,s.useEffect)((function(){return l.on(ee.BlockletEvents.restoreProgress,(function(e){t===(null===e||void 0===e?void 0:e.appDid)&&o(e)})),function(){l.off(ee.BlockletEvents.backupProgress)}}),[t,l]),a}({appDid:l}),h=(0,s.useState)(0),v=(0,_.Z)(h,2),g=v[0],x=v[1],b=(0,m.useLocaleContext)().t,y=(0,O.h6)(),k=y.api,S=y.info,T=(0,M.default)({nextAccessUrl:"",installError:null}),B=(0,_.Z)(T,2),C=B[0],R=B[1],U=(0,le.Z)(l),A=U.status,F=(0,s.useMemo)((function(){var e;return function(t){clearTimeout(e),e=setTimeout((0,Z.Z)((0,P.Z)().mark((function e(){var n;return(0,P.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t){e.next=5;break}return e.next=4,k.getBlocklet({input:{did:l}});case 4:n=e.sent.blocklet;case 5:n&&I(n);case 6:case"end":return e.stop()}}),e)}))),1e3)}}),[l]),L=function(){x(9),F(U.isGetBlocklet?U.runtimeBlocklet:null)},N=[b("blocklet.restoreFromSpaces.progress.waiting"),b("blocklet.restoreFromSpaces.progress.restoring"),b("blocklet.restoreFromSpaces.progress.importData"),b("blocklet.restoreFromSpaces.progress.downloading",{progress:"".concat(null===d||void 0===d||null===(t=d.data)||void 0===t?void 0:t.completed,"/").concat(null===d||void 0===d||null===(n=d.data)||void 0===n?void 0:n.total)}),b("blocklet.restoreFromSpaces.progress.importSuccess"),b("blocklet.restoreFromSpaces.progress.installing"),b("launchBlocklet.waiting.verifying"),b("launchBlocklet.waiting.downloading"),b("launchBlocklet.waiting.extracting"),b("upgrading"===A?"common.upgrading":"launchBlocklet.waiting.installing"),b("launchBlocklet.waiting.done")];(0,s.useEffect)((function(){x(fe[d.status]||0)}),[d.status]),(0,s.useEffect)((function(){switch(A){case"waiting":x(6);break;case"downloading":x(7);break;case"installing":case"upgrading":x(8);break;case"installed":case"starting":case"running":case"stopped":L();break;case"corrupted":case"error":var e,t={message:U.error.message,name:U.eventName};if([ee.BlockletEvents.downloadFailed,ee.BlockletEvents.installFailed].includes(U.eventName)?t.action="retry":"error"!==A&&"corrupted"!==A||(t.action="view"),!se()(t,C.installError))null!==U&&void 0!==U&&null!==(e=U.error)&&void 0!==e&&e.message&&z.default.error((0,j.formatError)(U.error));a(t)}}),[A]);var I=function(){var e=(0,Z.Z)((0,P.Z)().mark((function e(t){var n,a,o;return(0,P.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=(0,j.getBlockletUrls)({blocklet:t}),e.next=3,(0,j.getAccessibleUrl)(n);case 3:if(a=e.sent,!ae()(a)){e.next=7;break}return r(),e.abrupt("return");case 7:if(!ae()(a)){e.next=10;break}return z.default.error(b("blocklet.urlEmptyTip")),e.abrupt("return");case 10:(o=new URL(a)).searchParams.set("serverUrl",(0,w.getServerUrl)(S)),"running"!==t.status&&o.searchParams.set("__start__","1"),u&&o.searchParams.set("fromLauncher",u),f&&o.searchParams.set("from",f),i&&o.searchParams.set("launchType",i),c&&o.searchParams.set("nftId",c),p&&o.searchParams.set("chainHost",p),R({nextAccessUrl:o.href}),setTimeout((function(){window.location.href=o.href}),1500);case 20:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return(0,D.jsxs)(ce,{children:[(0,D.jsx)(E.default,{title:b("blocklet.restoreBlocklet.restore.title"),subTitle:b("blocklet.restoreFromSpaces.restore.subTitle")}),(0,D.jsxs)(ue,{children:[(0,D.jsx)($.default,{increaseSpeed:.3,messageLoop:!1,message:(0,D.jsx)(te.Z,{steps:N,stepIndex:g,autoGrowth:10===g?1e3:4e3})}),C.nextAccessUrl&&(0,D.jsx)(ne.Z,{href:C.nextAccessUrl,children:b("blocklet.restoreFromSpaces.restore.redirect")})]})]})}pe.defaultProps={onAccessUrlEmpty:function(){},onError:function(){}};var de=pe;var he,me,ve,ge=function(){var e=(0,c.s0)(),t=(0,O.h6)().info;return(0,D.jsx)(de,{onAccessUrlEmpty:function(n){setTimeout((function(){var r=f()(t.routing.adminPath,"/blocklets/".concat(n.meta.did,"/configuration"));e(r)}),1500)}})},xe=n(23484);function be(){var e=(0,d.Z)((function(e){return e.breakpoints.down("md")})),t=(0,m.useLocaleContext)(),n=t.t,r=t.locale,a=(0,O.h6)().info,l=(0,xe.Z)(),u=(0,G.J_)().meta,h=(0,s.useMemo)((function(){return a?(0,w.getServerUrl)(a):""}),[a]),P=(0,j.getWebWalletUrl)(a),Z=f()((0,j.getPathPrefix)(),"/blocklets/restore"),T=[{key:"verify-ownership",name:n("blocklet.restoreBlocklet.verify.title"),path:f()(Z,"verify-ownership")},{key:"restore-blocklet",name:n("blocklet.restoreFromSpaces.restore.title"),path:f()(Z,"restore-blocklet")}],E=[];E="launcher"===i()(l.get("from"))?[{key:"purchase-space",name:n("launchBlocklet.steps.purchaseSpace")},{key:"prepare-space",name:n("launchBlocklet.steps.prepareSpace")}].concat(T):[{key:"connect-space",name:n("blocklet.restoreFromSpaces.connect.title"),path:f()(Z,"connect-space")}].concat(T);var B=(0,D.jsx)(Se,{className:"".concat(h?"logo-can-click":""),children:(0,D.jsx)(k.Z,{onClick:function(){h&&window.open(h)},logo:e?(0,D.jsx)(b.Z,{width:"32",height:"32"}):(0,D.jsx)(y.Z,{width:"128",height:"48"})})});return(0,D.jsx)(g.StepProvider,{steps:E,children:(0,D.jsx)(v.default,{blockletMeta:(0,o.Z)((0,o.Z)({},u),{},{registryUrl:""}),locale:r,useOfSkeleton:!1,navLogo:B,headerEndAddons:(0,D.jsx)(x.Z,{webWalletUrl:P,SessionContext:S.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null,children:(0,D.jsxs)(je,{children:[(0,D.jsx)(p.Global,{styles:we}),(0,D.jsxs)(c.Z5,{children:[(0,D.jsx)(c.AW,{path:"connect-space",element:(0,D.jsx)(U,{})}),(0,D.jsx)(c.AW,{path:"verify-ownership",element:(0,D.jsx)(X,{})}),(0,D.jsx)(c.AW,{path:"restore-blocklet",element:(0,D.jsx)(ge,{})}),(0,D.jsx)(c.AW,{path:"*",element:(0,D.jsx)(c.Fg,{to:"connect-space",replace:!0})})]})]})})})}var ye,ke,we=(0,p.css)(he||(he=(0,a.Z)(["\n html,\n body,\n #root,\n #root > .wrapper {\n height: 100%;\n }\n"]))),je=h.default.div(me||(me=(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"])),(function(e){return e.theme.breakpoints.up("md")})),Se=h.default.div(ve||(ve=(0,a.Z)(["\n margin-top: -1px;\n &.logo-can-click {\n cursor: pointer;\n }\n"]))),Oe=n(44846),Pe=n(34469),Ze=n(87916),Te=n(26174),Ee=n(37565),Be=n(2273),De=n.n(Be),Ce=n(34916),Re=n(19561),Ue=n(31290),_e=(0,h.default)("div")(ye||(ye=(0,a.Z)(["\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n overflow-y: auto;\n"])));function Ae(e){var t=e.onSelect,n=(0,O.h6)().api,r=(0,m.useLocaleContext)().t,a=(0,s.useState)(!1),o=(0,_.Z)(a,2),l=o[0],i=o[1],u=(0,s.useState)([]),f=(0,_.Z)(u,2),p=f[0],d=f[1],h=(0,s.useState)(""),v=(0,_.Z)(h,2),g=v[0],x=v[1],b=(0,s.useState)(null),y=(0,_.Z)(b,2),k=y[0],w=y[1],S=(0,c.s0)(),T=function(){var e=(0,Z.Z)((0,P.Z)().mark((function e(){var t,r,a;return(0,P.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,i(!0),w(!1),e.next=5,n.doBatchQuery({getBlocklets:{input:{}},getBlockletsFromBackup:{input:{}}});case 5:t=e.sent,r=t.getBlocklets.blocklets,a=t.getBlockletsFromBackup.backups,d((a||[]).filter((function(e){return!(r||[]).some((function(t){var n;return e.appPid===(null===(n=t.meta)||void 0===n?void 0:n.did)}))})).sort((function(e,t){return t.createdAt-e.createdAt})).slice(0,200)),i(!1),e.next=16;break;case 12:e.prev=12,e.t0=e.catch(0),i(!1),w(e.t0.message);case 16:case"end":return e.stop()}}),e,null,[[0,12]])})));return function(){return e.apply(this,arguments)}}();(0,s.useEffect)((function(){T()}),[]);var C=function(){var e=(0,Z.Z)((0,P.Z)().mark((function e(){var n,r;return(0,P.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=p.find((function(e){return e.appPid===g})),t({did:n.appDid,name:n.appDid,title:n.name}),(r=new URL(window.location.href)).searchParams.set("appDid",n.appDid),r.searchParams.set("appName",n.name),S("/blocklets/restore/verify-ownership".concat(r.search));case 6:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),R=null;return R=l?(0,D.jsx)(Oe.Z,{size:16}):p.length?(0,D.jsx)(Ee.Z,{children:(0,D.jsx)(Ze.Z,{name:"select-application",value:g,onChange:function(e){x(e.target.value)},children:p.map((function(e){return(0,D.jsx)(Te.Z,{value:e.appDid,control:(0,D.jsx)(Pe.Z,{}),label:(0,D.jsxs)(B.Z,{mb:2,children:[(0,D.jsx)(B.Z,{children:e.name}),(0,D.jsxs)(B.Z,{display:"flex",alignItems:"center",children:[(0,D.jsx)(De(),{responsive:!1,compact:!0,inline:!0,copyable:!1,size:12,prepend:(0,D.jsx)(Ce.default,{did:e.appDid,size:12,style:{marginRight:8}}),children:e.appDid}),(0,D.jsx)(B.Z,{ml:2,fontSize:12,children:(0,j.formatToDatetime)(e.createdAt)})]})]})})}))})}):(0,D.jsx)(Re.default,{children:r("common.empty")}),(0,D.jsxs)(_e,{children:[(0,D.jsx)(B.Z,{style:{flexGrow:0,flexShrink:0},children:(0,D.jsx)(E.default,{title:r("blocklet.restoreFromServer.selectTitle"),subTitle:r("blocklet.restoreFromServer.description")})}),(0,D.jsxs)(B.Z,{style:{flexGrow:0,flexShrink:1,overflow:"scroll"},display:"flex",flexDirection:"column",alignItems:"center",children:[(0,D.jsx)(B.Z,{display:"flex",justifyContent:"center",pt:5,children:R}),!!k&&(0,D.jsx)(Ue.default,{type:"error",style:{width:"100%",marginTop:8},children:k})]}),(0,D.jsx)(B.Z,{style:{flexGrow:0,flexShrink:0},pb:3,children:(0,D.jsx)(B.Z,{display:"flex",justifyContent:"center",pt:5,children:(0,D.jsx)(I.default,{onClick:function(e){e.stopPropagation(),C()},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:l||k||!g,style:{marginLeft:8},children:r("common.next")})})})]})}Ae.defaultProps={onSelect:function(){}};var Fe=(0,h.default)("div")(ke||(ke=(0,a.Z)(["\n width: 100%;\n height: 100%;\n overflow-y: auto;\n"])));var Le,Ne,Ie,We=function(){var e=new URL(window.location.href),t=e.searchParams.get("appDid"),n=e.searchParams.get("appName"),r=(0,m.useLocaleContext)().t,a=(0,O.h6)(),o=a.api,l=a.info,i=(0,A.useSessionContext)().api,c=(0,s.useMemo)((function(){return l?(0,w.getServerUrl)(l):""}),[l]),u=(0,M.default)({isRestoring:!1,isComplete:!1,connectData:{isConnectOpen:!1,action:"",checkFn:function(){},extraParams:{}}}),p=(0,_.Z)(u,2),d=p[0],h=p[1];(0,s.useEffect)((function(){v()}),[]);var v=function(){var e=(0,Z.Z)((0,P.Z)().mark((function e(){return(0,P.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,o.getBlocklet({input:{did:t}});case 2:if(!e.sent.blocklet){e.next=7;break}return z.default.error("Blocklet ".concat(n,"(").concat(t,") already exists")),h({shouldReconnect:!0}),e.abrupt("return");case 7:h({connectData:{isConnectOpen:!0,action:"verify-app-ownership-disk",extraParams:{appDid:t,restoreFrom:"disk"}}});case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),g=function(){var e=(0,Z.Z)((0,P.Z)().mark((function e(){return(0,P.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:h({connectData:{isConnectOpen:!1}}),setTimeout((function(){var e=new URL(f()(c,"blocklets/restore/restore-blocklet".concat(window.location.search)));window.location.href=e.href}),0);case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,D.jsxs)(Fe,{children:[(0,D.jsx)(E.default,{title:r("blocklet.restoreBlocklet.verify.title"),subTitle:r("blocklet.restoreBlocklet.verify.subTitle")}),(0,D.jsxs)(B.Z,{textAlign:"center",mt:6,children:[(0,D.jsx)(N.default,{did:t,size:128}),(0,D.jsxs)(B.Z,{mt:2,mb:2,children:[(0,D.jsx)(W.Z,{variant:"body2",children:n}),(0,D.jsx)(L.default,{children:t})]}),(0,D.jsx)(I.default,{variant:"contained",disabled:d.connectData.isConnectOpen,onClick:v,sx:{width:"180px",height:"100%"},children:r("blocklet.restoreBlocklet.verify.".concat(d.shouldReconnect?"reconnect":"verify"))})]}),(0,D.jsx)(F.default,{popup:!0,open:d.connectData.isConnectOpen,forceConnected:!1,saveConnect:!1,action:d.connectData.action,checkFn:i.get,checkTimeout:3e5,webWalletUrl:(0,V.yP)(l),onSuccess:g,extraParams:d.connectData.extraParams,messages:{title:r("blocklet.restoreBlocklet.verify.title"),scan:r("blocklet.restoreBlocklet.verify.scan"),confirm:r("blocklet.restoreBlocklet.verify.confirm"),success:r("blocklet.restoreBlocklet.verify.success")},onClose:function(){h({connectData:{isConnectOpen:!1}})}})]})};function ze(){var e=(0,d.Z)((function(e){return e.breakpoints.down("md")})),t=(0,m.useLocaleContext)(),n=t.t,r=t.locale,a=(0,O.h6)().info,l=(0,s.useState)({}),i=l.meta,u=l.setMeta,h=(0,s.useMemo)((function(){return a?(0,w.getServerUrl)(a):""}),[a]),P=(0,j.getWebWalletUrl)(a),Z=f()((0,j.getPathPrefix)(),"/blocklets/restore"),T=[{key:"select",name:n("blocklet.restoreFromServer.selectTitle"),path:f()(Z,"select")},{key:"verify-ownership",name:n("blocklet.restoreBlocklet.verify.title"),path:f()(Z,"verify-ownership")},{key:"restore-blocklet",name:n("blocklet.restoreBlocklet.restore.title"),path:f()(Z,"restore-blocklet")}],E=(0,D.jsx)(Ve,{className:"".concat(h?"logo-can-click":""),children:(0,D.jsx)(k.Z,{onClick:function(){h&&window.open(h)},logo:e?(0,D.jsx)(b.Z,{width:"32",height:"32"}):(0,D.jsx)(y.Z,{width:"128",height:"48"})})});return(0,D.jsx)(g.StepProvider,{steps:T,children:(0,D.jsx)(v.default,{blockletMeta:(0,o.Z)((0,o.Z)({},i),{},{registryUrl:""}),locale:r,useOfSkeleton:!1,navLogo:E,headerEndAddons:(0,D.jsx)(x.Z,{webWalletUrl:P,SessionContext:S.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null,children:(0,D.jsxs)(Ge,{children:[(0,D.jsx)(p.Global,{styles:Me}),(0,D.jsxs)(c.Z5,{children:[(0,D.jsx)(c.AW,{path:"select",element:(0,D.jsx)(Ae,{onSelect:u})}),(0,D.jsx)(c.AW,{path:"verify-ownership",element:(0,D.jsx)(We,{})}),(0,D.jsx)(c.AW,{path:"restore-blocklet",element:(0,D.jsx)(ge,{})}),(0,D.jsx)(c.AW,{path:"*",element:(0,D.jsx)(c.Fg,{to:"select".concat(window.location.search),replace:!0})})]})]})})})}var Me=(0,p.css)(Le||(Le=(0,a.Z)(["\n html,\n body,\n #root,\n #root > .wrapper {\n height: 100%;\n }\n"]))),Ge=h.default.div(Ne||(Ne=(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"])),(function(e){return e.theme.breakpoints.up("md")})),Ve=h.default.div(Ie||(Ie=(0,a.Z)(["\n margin-top: -1px;\n &.logo-can-click {\n cursor: pointer;\n }\n"])));function He(){return window.location.search.includes("restoreFrom=server")?(0,D.jsx)(ze,{}):(0,D.jsx)(be,{})}},45158:function(e,t,n){var r=n(73408).default,a=n(43681).default;Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o,s=w(n(5057)),l=y(n(55898)),i=y(n(33518)),c=y(n(6352)),u=y(n(82434)),f=y(n(67654)),p=y(n(13714)),d=n(52118),h=n(95227),m=w(n(45760)),v=n(48208),g=y(n(32356)),x=n(96266),b=["onSelect","endpoint","gatewayUrl","loading","size","helperText"];function y(e){return e&&e.__esModule?e:{default:e}}function k(e){if("function"!==typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(k=function(e){return e?n:t})(e)}function w(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==typeof e&&"function"!==typeof e)return{default:e};var n=k(t);if(n&&n.has(e))return n.get(e);var r={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var s=a?Object.getOwnPropertyDescriptor(e,o):null;s&&(s.get||s.set)?Object.defineProperty(r,o,s):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){O(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function O(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==typeof r)return r;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:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}var Z=[{value:"https://www.didspaces.com/app",label:"Prod DID Spaces",avatar:"P"},{value:"https://storage.staging.abtnet.io/app",label:"Staging DID Spaces",avatar:"S"}],T=(0,m.createFilterOptions)();function E(e){var t=e.onSelect,n=e.endpoint,o=e.gatewayUrl,l=e.loading,i=e.size,m=e.helperText,y=P(e,b),k=(0,f.default)("did-space-gateway-list",Z),w=a(k,2),j=w[0],O=w[1],E=(0,s.useState)(o||Z[0].value),B=a(E,2),D=B[0],R=B[1],U=(0,d.useLocaleContext)().t,_=(0,v.useSessionContext)().api;return(0,s.useEffect)((function(){D&&!j.find((function(e){return e.value===D}))&&_.get((0,c.default)(D,"/__blocklet__.js?type=json")).then((function(e){O([].concat(r(j),[{value:D,label:e.data.appName}]))})).catch((function(e){console.error(e),g.default.error("Can not add this gateway, please check the url and try again")}))}),[D]),(0,x.jsx)(C,S(S({},y),{},{freeSolo:!0,selectOnFocus:!0,clearOnBlur:!0,handleHomeEndKeys:!0,value:D,options:j,onChange:function(e,t){if(t)if("string"===typeof t){var n=j.find((function(e){return e.label===t}));n&&R(n.value)}else t.inputValue?R(t.inputValue):t.value&&R(t.value)},getOptionLabel:function(e){return"string"===typeof e?e:e.inputValue?e.inputValue:e.label},renderOption:function(e,t){return(0,x.jsxs)(h.ListItem,S(S({},e),{},{children:[(0,x.jsx)(h.ListItemAvatar,{children:(0,x.jsx)(h.Avatar,{children:t.avatar})}),(0,x.jsx)(h.ListItemText,{primary:t.label,secondary:t.value})]}),t.value)},filterOptions:function(e,t){var n=T(e,t);t.inputValue&&(0,u.default)(t.inputValue)&&(e.some((function(e){return t.inputValue===e.value}))||n.push({value:t.inputValue,label:"Add new gateway"}));return n},renderInput:function(e){return(0,x.jsx)(h.TextField,S(S({},e),{},{helperText:m,label:U("storage.spaces.label"),size:i,InputProps:S(S({},e.InputProps),{},{type:"search",endAdornment:(0,x.jsx)(p.default,{variant:"contained",onClick:function(){return t(D)},size:"small",loading:l,disable:l,sx:{position:"absolute",right:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100px",height:"100%"},children:U(n?"storage.spaces.reconnect":"storage.spaces.connect")})})}))}}))}var B,D,C=(0,i.default)(m.default)(o||(B=["\n height: 40px;\n width: 100%;\n max-width: 720px;\n "," {\n width: 75%;\n }\n input.MuiInputBase-input {\n max-width: calc(100% - 80px);\n }\n"],D||(D=B.slice(0)),o=Object.freeze(Object.defineProperties(B,{raw:{value:Object.freeze(D)}}))),(function(e){return e.theme.breakpoints.down("md")}));E.propTypes={onSelect:l.default.func.isRequired,endpoint:l.default.string,loading:l.default.bool,size:l.default.string,helperText:l.default.string,gatewayUrl:l.default.string},E.defaultProps={endpoint:void 0,loading:!1,size:"small",helperText:"",gatewayUrl:""};var R=E;t.default=R},12332:function(e,t,n){t.Z=v;var r,a,o=u(n(55898)),s=u(n(33518)),l=n(96266),i=["logo","name","subname","previousData"],c=["logo"];function u(e){return e&&e.__esModule?e:{default:e}}function f(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function h(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==typeof r)return r;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:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},o=Object.keys(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)n=o[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function v(e){var t=e.logo,n=e.name,r=e.subname,a=e.previousData,o=m(e,i),s=(0,l.jsx)(g,{logo:t}),c=n,u=r;return a.logo&&(s=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(g,{logo:t,className:"left-fade-in-ele"}),(0,l.jsx)(g,{logo:a.logo,className:"postion-abs left-fade-out-ele"})]})),a.name&&a.name!==n&&(c=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{className:"right-fade-in-ele",style:{display:"inline-block"},children:n}),(0,l.jsx)("span",{className:"postion-abs right-fade-out-ele",children:a.name})]})),a.subname&&a.subname!==r&&(u=(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{className:"right-fade-in-ele",style:{display:"inline-block"},children:r}),(0,l.jsx)("span",{className:"postion-abs right-fade-out-ele",children:a.subname})]})),(0,l.jsx)(b,d(d({},o),{},{children:(0,l.jsxs)("div",{className:"logo-inner",children:[(0,l.jsx)("div",{className:"logo-img-content",children:s}),(0,l.jsxs)("div",{className:"logo-info ".concat(n||r?"":"zero-left"),children:[(0,l.jsx)("div",{className:"logo-name",children:c}),(0,l.jsx)("div",{className:"logo-subname",children:u})]})]})}))}function g(e){var t=e.logo,n=m(e,c);return(0,l.jsx)(x,d(d({},n),{},{children:t}))}v.propTypes={logo:o.default.element.isRequired,name:o.default.string,subname:o.default.string,previousData:o.default.object},v.defaultProps={name:"",subname:"",previousData:{logo:"",name:"",subname:""}};var x=s.default.div(r||(r=f(["\n display: block;\n > * {\n display: block;\n }\n"]))),b=s.default.div(a||(a=f(["\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"])))}}]);