@abtnode/webapp 1.16.6-beta-7cbab489 → 1.16.6-beta-61cf68d3

package/build/static/js/{3037.fa3f33e0.chunk.js → 3037.dda8e8d7.chunk.js}

@@ -1 +1 @@
-(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[3037],{13455:function(e,t,n){"use strict";n.d(t,{Z:function(){return u}});var r=n(55898),o=n.n(r),a=n(16597),s=n(34916),i="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAFACAYAAADNkKWqAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA1aSURBVHgB7d3ZjhxVEoDhxDKN902AUF/w/s/lCwthtXc3VsvyzETNJNOUe6kllzgnvk9KwVyMMNj5d2ZGRtUP//qPAaCgOwNAUQIIlCWAQFl3B5jJt2/fhvPz8+HDhw/DxcXF5n/fuXNnODk5GR4/fjzcv39/uHvXH0HW84MhCFOL0L1//35zxN9fJ+J379694cWLF0LIKgSQyewavqs8evRICFmcAHK0Y8K3LUL45MmTzZUhzE0AOdiU4dsWAYznhHHAXASQvX39+nUTvY8fP04evm1xS/z8+XMhZBYCyM5ikjuGb2ljCE2OmZIAcqsvX74Mb9682fx1bSbHTEkAuVam8F3F5JhjCSDfyR6+bSbHHEoA+Vtr4dtmcsy+BJDh06dPm3W1VsO3zeSYXQlgUeOeblzxxWstPTI55jYCWMycLy9nZXLMdQSwiIrhu4rJMZcJYOeE72omxwQB7FTG8MVnAWaLsMlxbQLYmSX3dHc1DiMePny4WaeLX9sa63Q3MTmuSQA7seae7nVuurqKUL99+zZtCE2OaxDAxmV8eXmcuO7yfG0M4V9//ZXqdRyT4xoEsFGth29bxG/8d8r2XqLJcb8EsDG9he8qsZmSNYQmx30RwEZUCN+2rCt6Jsf9EMDkMkYgroSePXu2+XrLJcS/u8kxcxDAhDLu6cY7fHGiP336dLVnYSbHTE0AE8n68nJEL474+wxMjpmKACYgfIcxOeZYArgi4ZuOyTGHEMAVCN98TI7ZhwAuKPuebsvh22ZyzC4EcAEZp5dVrkhMjrmJAM6o4svLWZkccxUBnIHw5WVyzGUCOCHha4vJMQI4AeFrm8lxXQJ4BHu6fTE5rkcAD5Dt1inDnm5PTI7rEMAdeXm5HpPj/gngLYQPk+N+CeA1hI+rmBz3RQC3CB+7MDnugwD+jz1dDmFy3LbyAbSnyxRMjttUNoBeXmYOJsdtKRdA4WMJJsdtKBNA4WMtJsd5dR9A4SMLk+N8ug2gPV2yMjnOo7sA2tOlFSbH6+sigF5epmUmx+tpOoDCR09MjpfXZACFj96ZHC+jqQAKH9WYHM+riQDa06U6k+N5pA6gPV34J5PjaaUMoJeX4WYmx9NIFUDhg/2YHB8nRQCFD45ncry/VQMofDA9k+PdrRJAe7owP5Pj2y0aQHu6sDyT4+vNHkAvL0MOJsffmzWAEb34Dy58kEfmyXFcEcaxlNkCGOGLIwPhg6tlnBzHc/jT09NFztVZApglfsIHu8k2mIxb4ojg3CYPYPwkefny5bAme7pwmEyT419++WX2SfHkATw7O9s8+1uDPV2YRobJ8RJXgZOPXGLCtDQvL8O04i4qrsDiTmqtyXFcjcYAdc67uMkDeHFxMSxF+GBeYwjXmhxHT+Y8v5t9QBY/FcQPlhEhfPDgQXePl5pdf4hL41evXpX8Kj9YUsZlhqk0v/8Vl+OvX7/ePKcQQphOxk9in1o3C7BCCNPI+ClNc+nuEwCEEA5TKXyjbj8CZTuEFb7lHg6R9fMDl9B9EcYQRvzGl6SFkOp6Hmzso0wJxjfb4+j1W+7hNsL3TyULEJf8cQghVVSY6B6i9JkvhPSu4mBjH874QQjpj/Dtxpl+yeUQZv0aP7hJ5YnuIQTwCmMIfdgCLTDYOFy6AP7+++9pvsEqforaNyarrOG7/Ensf/zxR+qr0XQB3P4csgwhtF1CJlknui1+BUXaW2AhhH/KOtiIczWiF+dDa19Bkf4ZoBBSXdbw9fCMvJkhyOUQjl/asvZX+dk3Zk5ZJ7o9DQebO1svDyQ+f/68eRaSJYT2jTlW5oluj6+HNXuWjs8d4sjy5c72jTlUCxPdHr9itouzM2ITR6Zvubddwi5MdNfV1VkphLTCRDeHLs9GISQrE91cuj4LxxBm+kNn37gmE92cSlyGxG/u6enp5g/fu3fvhvPz82Ft9o37Z6KbX6n7sPjN/u233/6e1to3Zg4muu0o+SDKdglzMNFtT+kn8ULIFEx022UUOQghhzHRbZ8AXmLfmF2Y6PbDmXQF+8ZsM9HtkzPoBvaNMdHtmzNnR7ZLajHRrcEZsych7JuJbi3OlAMJYV9MdGtyhhzJvnHbTHRrE8CJ2Dduh4kuIwGcmH3jvEx02SaAM7FdkoeJLtcRwJkJ4XpMdLmNAC5ECJdjosuuBHBh9o3nY6LLvgRwJfaNp2GiyzEEcGX2jQ9jossUBDAR2yW3M9FlSgKYkBB+z0SXOQhgYkJoosu8BLABFfeNTXRZggA2pPd9YxNdliaADept39hEl7UIYMNa3y4x0WVtAtiB1kJooksWAtiR7CGMuMTWi8EGWQhgh7LuG5+dnQ2ZCB8C2LGM+8YZmOgyEsACMu4bL81gg6sIYDEZt0vmJHzcRACL6j2EJrrsQgCL6y2EBhvsQwDZyLhvvA/h4xACyD9k3De+iYkuxxBArpRx33hksMFUBJAbZdouET6mJoDsZM0QmugyFwFkL0uG0GCDuQkgB5lz31j4WIoAcpTL+8bjh5oe6uTkZPj555+Fj8V4oMIkIoQ//fTTcIwIoPixJAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKAsAQTKEkCgLAEEyhJAoCwBBMoSQKCsdAH8+vXrALTv27dvmyOzu0MyL1++HB49ejS8ePFiuHs33S8PuEVE7/3795tDAA/w6dOnzSGE0I6Li4tN9D5//pw+fKPUZRFCyO/Lly/DmzdvNn9tTRNFEULIp+XwjZoqyRjCBw8eDM+ePRvu3bs3AMuJW9vz8/Ph3bt3m1ve1k0ewDt37sx+/x+/AXFEAOOKUAhhXi0NNvYxeQDj9nSpnwxx6f3q1avNP/P58+fD48ePB2A6a4fv5ORkmNPkAXz48OHil8bx7uDr16+Ht2/fCiFMIMNEN+IXd5RzmjyAT58+Xe2nhRDCcTINNqIlc5vlGWDE5+zsbFiLEMJ+sk10Y9C5xHk7yxQ4yh1XgBGgNV0OYfya4vbcKzTwX1knunHr++uvvw5LmK0GceX1448/bn6qrL3fG//8uCKNW/P4qRKHEFJV1olu3D3GhUoccz/7G81agXhxOY54dy9LCONqMA4vVVON8H1vkbM/WwiD7RKqyLqju2b4Roue9UIIy8m6qhbP+MZn8muFb7TK2S6EMJ+s4cu4ubXqWT6GMNNvmH1jWpR5RzfzymqKy5z4D3N6eroJ4MePHzfH2uwb04LMg43xImLudbZjpLrPi8jEEa/QxKQ2QwjtG5ORie40fvjXfwxJja+tZAjhSAivF48O/vzzz+FQ8ThkqRdgW2WiO63UARwJYRsEcD4muvNoIoAjIcxNAKdnojuvpgI4ihCOw5IsX6MZIay+byyA0zDRXU6TZ+rlq67xJ6R9Y1pnoru8ps/QCIx9Y1pnoruebs5M2yW0xkR3fd2dkUJIdia6eXR7Jgoh2Zjo5tP9GWjfmDWZ6OZW5hLEvjFLMtFtQ7l7MPvGzMlEty1Nvgg9Jdsl06n8IrSJbpvKB3AkhMerGEAT3bYJ4BYhPFylAJro9kEAr2HfeH+9B9BEtz9eRLuGfWNGJrr9cvbcwr5xXSa6/XPW7MF2SQ0munU4Ww4ghH0y0a3HWXIEIeyDiW5dzo4J2Dduj4kuQQAnZN84PxNdLhPAGdg3zsdEl6t4EXoBVbZLMr4IbaLLTQRwQb2HMFMATXTZhQCuoNcQZgigiS77EMAV9bZvvFYATXQ5lCHIiuwbH8dEl2MJYAL2jfdjostUBDAZ2yXXM9FlagKYlBD+n4kucxHA5CqH0ESXuQlgI1rYN56CiS5L8hpMoyKAEYmIRRZxJXjMFWr8/yOAJrosRQAbl/Gl6h4YbNQggJ0QwmkIXy0C2BkhPIyJbk0C2Ckh3I3BRm0C2LmM+8YZCB9BAIuI+MUGRWxSVA2hiS7bBLCgTC9VL8Fgg+sIYGG9h1D4uI0A0l0ITXTZlQDyt9ZDaLDBvgSQ72T9EILrCB+HEkCulXHf+LL4cIgnT54IHwcTQG6V6aVqgw2mJIDsbM0QCh9zEED2tmQIx2+piy9nEj6mJoAcbM4QGmywBAHkaFPuGwsfSxJAJnPMvrGJLmsQQGaxy0vVBhusTQCZVYTww4cPmy84iu/6iNDFqtr9+/eFj9UJIFCWH79AWQIIlCWAQFn/BizMxGSX68uEAAAAAElFTkSuQmCC",l=n(74094),c=n(96266);function u(e){var t=e.blocklet,n=e.blockletMetaUrl,r=t.meta,o=r.did,u=r.logo;return u?(0,c.jsx)(a.default,{src:(0,l.aZ)({did:o,logoPath:u,baseUrl:new URL(n).origin}),fallback:i,width:64,size:"contain",placeholder:"application logo"}):(0,c.jsx)(s.default,{did:o,size:64})}u.propTypes={blocklet:o().object.isRequired,blockletMetaUrl:o().string.isRequired}},11476:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});var r=n(41361),o=n(96234),a=n(5057),s=n(76811),i=n(8413),l=n(10155),c=Object.keys(s.BlockletStatus),u=Object.values(s.BlockletStatus),d=Object.values(s.BlockletEvents).filter((function(e){return![s.BlockletEvents.purchaseChange,s.BlockletEvents.domainStatus].includes(e)})),f=function(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};function p(e){var t=(0,l.Z)(),n=(0,i.ZP)(),s=(0,a.useState)({status:null,eventName:""}),p=(0,o.Z)(s,2),h=p[0],m=p[1];(0,a.useEffect)((function(){e?null===h.status&&t.getBlocklet({input:{did:e}}).then((function(e){m({status:e.blocklet?e.blocklet.status:"",eventName:"",runtimeBlocklet:e.blocklet,isGetBlocklet:!0})})):m({status:"",eventName:"",runtimeBlocklet:null})}),[e,h.status]);var g,x=(0,r.Z)(d);try{var v=function(){var t=g.value;(0,a.useEffect)((function(){var r=function(t){return function(n){if(f(n,e)){var r={status:null,eventName:t,runtimeBlocklet:n};n.error?(r.status="error",r.error=n.error):r.status=c[u.indexOf(n.status)],m(r)}}}(t);return e&&n.on(t,r),function(){e&&n.off(t,r)}}),[e])};for(x.s();!(g=x.n()).done;)v()}catch(b){x.e(b)}finally{x.f()}return h}},53037:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return tt}});var r,o=n(71171),a=n(33028),s=n(5057),i=n(53616),l=n.n(i),c=n(85493),u=n(6352),d=n.n(u),f=n(21371),p=n(72904),h=n(33518),m=n(52118),g=n(54377),x=n(77829),v=n(66889),b=n(10866),y=n(4456),k=n(12332),w=n(47791),j=n(99875),A=n(25339),E=n(60411),S=n(32723),P=n(34795),Z=n(45158),C=n(84024),O=n(39948),B=n(96266),T=(0,h.default)("div")(r||(r=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"])));var D,M=function(){var e=(0,E.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,P.Z)((0,S.Z)().mark((function e(t){var r,o;return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r=new URL(d()(t,"restore")),o=d()(n,"blocklets/restore/verify-ownership"),r.searchParams.set("redirectUrl",o),window.location.href=r.toString();case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return(0,B.jsxs)(T,{children:[(0,B.jsx)(C.default,{title:t("blocklet.restoreFromSpaces.connect.title"),subTitle:t("blocklet.restoreFromSpaces.connect.subTitle")}),(0,B.jsx)(O.Z,{display:"flex",justifyContent:"center",children:(0,B.jsx)(Z.default,{sx:{marginTop:"64px"},onSelect:r})})]})},L=n(96234),R=n(48208),Q=n(57090),N=n(91848),F=n(13714),U=n(11750),J=n(32356),I=n(31853),z=n(13455),H=n(31910),X=n(74094),W=(0,h.default)("div")(D||(D=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),G="verify-app-ownership-spaces";var K,Y,V,_,q=function(){var e=(0,R.useSessionContext)().session,t=new URL(window.location.href),n=t.searchParams.get("launchType"),r=t.searchParams.get("nftId"),o=t.searchParams.get("chainHost"),a=t.searchParams.get("from"),i=t.searchParams.get("blocklet_meta_url"),l=(0,m.useLocaleContext)().t,u=(0,E.h6)(),f=u.api,p=u.info,h=(0,R.useSessionContext)().api,g=(0,H.J_)().meta,x=(0,c.s0)(),v=(0,s.useMemo)((function(){return p?(0,w.getServerUrl)(p):""}),[p]),b=(0,I.default)({isRestoring:!1,isComplete:!1,shouldReconnect:!1,connectData:{isConnectOpen:!1,action:"",checkFn:function(){},extraParams:{}},connectMessages:{}}),y=(0,L.Z)(b,2),k=y[0],j=y[1];(0,s.useEffect)((function(){Z()}),[]);var A=function(e){var t=e.split("/").filter(Boolean);return t[t.length-2]}(g.spaceEndpoint),Z=function(){var t=(0,P.Z)((0,S.Z)().mark((function t(){var s,i,c,u,p,m,x;return(0,S.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!k.shouldReconnect){t.next=3;break}return window.location.href=d()(v,"blocklets/restore/connect-space"),t.abrupt("return");case 3:if("serverless"!==n||"launcher"!==a){t.next=21;break}return(u=new URL(window.location.href)).pathname=d()(null!==(s=null===(i=window)||void 0===i||null===(c=i.env)||void 0===c?void 0:c.apiPrefix)&&void 0!==s?s:"/","/api/did/".concat(G,"/token")),u.searchParams.set("appDid",A),u.searchParams.set("endpoint",g.spaceEndpoint),u.searchParams.set("referrer",window.location.href),u.searchParams.set("nftId",r),u.searchParams.set("chainHost",o),u.searchParams.set("appPid",g.did),t.next=14,h.get(u.href);case 14:if(p=t.sent,!(m=p.data).error){t.next=19;break}return J.default.error(m.error),t.abrupt("return");case 19:return j({connectData:{isConnectOpen:!0,action:"verify-restore-serverless-nft",extraParams:{autoConnect:!1,launchType:n,nftId:r,chainHost:o,nw:m.url}},connectMessages:{title:l("blocklet.restoreFromSpaces.nftAuthDialog.title"),scan:l("blocklet.restoreFromSpaces.nftAuthDialog.scan"),confirm:l("blocklet.restoreFromSpaces.nftAuthDialog.confirm"),success:l("blocklet.restoreFromSpaces.nftAuthDialog.success")}}),t.abrupt("return");case 21:if(x=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(){return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,f.getBlocklet({input:{did:A}});case 2:if(!e.sent.blocklet){e.next=7;break}return J.default.error("Blocklet ".concat(g.title,"(").concat(A,") already exists")),j({shouldReconnect:!0}),e.abrupt("return");case 7:j({connectData:{isConnectOpen:!0,action:G,extraParams:{appDid:A,appPid:g.did,endpoint:g.spaceEndpoint,referrer:window.location.href,restoreFrom:"spaces"}},connectMessages:{title:l("blocklet.restoreBlocklet.verify.title"),scan:l("blocklet.restoreBlocklet.verify.scan"),confirm:l("blocklet.restoreBlocklet.verify.confirm"),success:l("blocklet.restoreBlocklet.verify.success")}});case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),e.user){t.next=25;break}return e.login((function(){return x()})),t.abrupt("return");case 25:return t.next=27,x();case 27:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}(),T=function(){var t=(0,P.Z)((0,S.Z)().mark((function t(s,l){var c;return(0,S.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(null===(c=Array.isArray(s)?s.find((function(e){return!!e.sessionToken})):s)||void 0===c||!c.sessionToken){t.next=5;break}return(0,X.ZB)(l(c.sessionToken)),t.next=5,e.refresh();case 5:j({connectData:{isConnectOpen:!1}}),setTimeout((function(){var e=new URLSearchParams({appDid:A});[{name:"launchType",value:n},{name:"nftId",value:r},{name:"from",value:a},{name:"blocklet_meta_url",value:i},{name:"chainHost",value:o}].forEach((function(t){var n=t.name,r=t.value;r&&e.set(n,r)})),x("/blocklets/restore/restore-blocklet?".concat(e.toString()))}),0);case 7:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}();return(0,B.jsxs)(W,{children:[(0,B.jsx)(C.default,{title:l("blocklet.restoreBlocklet.verify.title"),subTitle:l("blocklet.restoreBlocklet.verify.subTitle")}),(0,B.jsxs)(O.Z,{textAlign:"center",mt:6,children:[(0,B.jsx)(z.Z,{blocklet:{meta:g},blockletMetaUrl:i}),(0,B.jsxs)(O.Z,{mt:2,mb:2,children:[(0,B.jsx)(U.Z,{variant:"body2",children:g.title}),(0,B.jsx)(N.default,{children:A})]}),(0,B.jsx)(F.default,{variant:"contained",disabled:k.connectData.isConnectOpen,onClick:Z,sx:{width:"180px",height:"100%"},children:l("blocklet.restoreBlocklet.verify.".concat(k.shouldReconnect?"reconnect":"verify"))})]}),(0,B.jsx)(Q.default,{popup:!0,open:k.connectData.isConnectOpen,forceConnected:!1,saveConnect:!1,action:k.connectData.action,checkFn:h.get,checkTimeout:3e5,webWalletUrl:(0,X.yP)(p),onSuccess:T,extraParams:k.connectData.extraParams,messages:k.connectMessages,onClose:function(){j({connectData:{isConnectOpen:!1}})}})]})},$=n(56666),ee=n(31631),te=n(76811),ne=n(74673),re=n(44477),oe=n(49603),ae=n(75506),se=n.n(ae),ie=n(50482),le=n.n(ie),ce=n(15849),ue=n(49714),de=n(11476),fe=n(8413),pe=(0,h.default)("div")(K||(K=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),he=h.default.div(Y||(Y=(0,o.Z)(["\n  color: #1dc1c7;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"]))),me=h.default.div(V||(V=(0,o.Z)(["\n  line-height: 1.4em;\n  .error-desc {\n    margin-top: 8px;\n    word-wrap: break-word;\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.grey[500]})),ge=(_={},(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.waiting,0),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.start,1),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.importData,2),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.downloading,3),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.importDataSuccess,4),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.installing,5),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.completed,10),_);function xe(e){var t,n,r,o,a=e.onAccessUrlEmpty,i=e.installationType,l=new URL(window.location.href),c=l.searchParams.get("appDid"),u=l.searchParams.get("launchType"),d=l.searchParams.get("nftId"),f=l.searchParams.get("fromLauncher"),p=l.searchParams.get("from"),h=l.searchParams.get("chainHost"),g=function(e){var t=e.appDid,n=(0,s.useState)(te.RESTORE_PROGRESS_STATUS.waiting),r=(0,L.Z)(n,2),o=r[0],a=r[1],i=(0,fe.ZP)();return i.connect(),(0,s.useEffect)((function(){return i.on(te.BlockletEvents.restoreProgress,(function(e){t===(null===e||void 0===e?void 0:e.appDid)&&a(e)})),function(){i.off(te.BlockletEvents.backupProgress)}}),[t,i]),o}({appDid:c}),x=(0,s.useState)(0),v=(0,L.Z)(x,2),b=v[0],y=v[1],k=(0,H.J_)().meta,A=(0,m.useLocaleContext)().t,Z=(0,E.h6)(),O=Z.api,T=Z.info,D=(0,I.default)({nextAccessUrl:"",installError:null}),M=(0,L.Z)(D,2),R=M[0],Q=M[1],N=(0,de.Z)(c),U=N.status,z=N.eventName,X=N.isGetBlocklet,W=(0,s.useMemo)((function(){var e;return function(t){clearTimeout(e),e=setTimeout((0,P.Z)((0,S.Z)().mark((function e(){var n;return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t){e.next=5;break}return e.next=4,O.getBlocklet({input:{did:c}});case 4:n=e.sent.blocklet;case 5:n&&Y(n);case 6:case"end":return e.stop()}}),e)}))),1e3)}}),[c]),G=function(){y(9),W(N.isGetBlocklet?N.runtimeBlocklet:null)},K=[A("blocklet.restoreFromSpaces.progress.waiting"),A("blocklet.restoreFromSpaces.progress.restoring"),A("blocklet.restoreFromSpaces.progress.importData"),A("blocklet.restoreFromSpaces.progress.downloading",{progress:"".concat(null!==(t=null===g||void 0===g||null===(n=g.data)||void 0===n?void 0:n.completed)&&void 0!==t?t:100,"/").concat(null!==(r=null===g||void 0===g||null===(o=g.data)||void 0===o?void 0:o.total)&&void 0!==r?r:100)}),A("blocklet.restoreFromSpaces.progress.importSuccess"),A("blocklet.restoreFromSpaces.progress.installing"),A("launchBlocklet.waiting.verifying"),A("launchBlocklet.waiting.downloading"),A("launchBlocklet.waiting.extracting"),A("upgrading"===U?"common.upgrading":"launchBlocklet.waiting.installing"),A("launchBlocklet.waiting.done")];(0,s.useEffect)((function(){y(ge[g.status]||0)}),[g.status]),(0,s.useEffect)((function(){if("serverless"!==u||z!==te.BlockletEvents.nftConsumed)switch(U){case"waiting":y(6);break;case"downloading":y(7);break;case"installing":case"upgrading":y(8);break;case"installed":if("serverless"===u&&!X)break;G();break;case"starting":case"running":case"stopped":G();break;case"corrupted":case"error":var e,t,n={message:null===N||void 0===N||null===(e=N.error)||void 0===e?void 0:e.message,name:null===N||void 0===N?void 0:N.eventName,action:"retry"};if(!le()(n,R.installError))null!==N&&void 0!==N&&null!==(t=N.error)&&void 0!==t&&t.message&&J.default.error((0,j.formatError)(N.error));Q({installError:n})}else G()}),[U,z,N]);var Y=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(t){var n,r,o;return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=(0,j.getBlockletUrls)({blocklet:t}),r="","restore"===i&&(r=n.find((function(e){try{var t=new URL(e).hostname;return(0,ue.isIpEcho)(t)}catch(n){return console.error(n),!1}}))),r){e.next=7;break}return e.next=6,(0,j.getAccessibleUrl)(n);case 6:r=e.sent;case 7:if(!se()(r)){e.next=10;break}return a(),e.abrupt("return");case 10:if(!se()(r)){e.next=13;break}return J.default.error(A("blocklet.urlEmptyTip")),e.abrupt("return");case 13:(o=new URL(r)).searchParams.set("serverUrl",(0,w.getServerUrl)(T)),"running"!==t.status&&o.searchParams.set("__start__","1"),f&&o.searchParams.set("fromLauncher",f),p&&o.searchParams.set("from",p),u&&o.searchParams.set("launchType",u),d&&o.searchParams.set("nftId",d),h&&o.searchParams.set("chainHost",h),Q({nextAccessUrl:o.href}),setTimeout((function(){window.location.href=o.href}),1500);case 23:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();if(R.installError){var V={retry:(0,B.jsx)(F.default,{variant:"contained",className:"bottom-button","data-cy":"retry-install",component:ce.Link,to:"/blocklets/restore/verify-ownership".concat(window.location.search),children:A("common.retry")})},_=R.installError.name?R.installError.name.replace("blocklet.",""):"installFailed";return(0,B.jsx)(ne.default,{variant:"error",title:null===k||void 0===k?void 0:k.title,subTitle:(0,B.jsxs)(me,{children:[(0,B.jsx)("div",{children:A("launchBlocklet.error.".concat(_))}),R.installError.message&&(0,B.jsx)("div",{className:"error-desc",children:A("common.errorMessage")+R.installError.message})]}),footer:V[R.installError.action]})}return(0,B.jsxs)(pe,{children:[(0,B.jsx)(C.default,{title:A("blocklet.restoreBlocklet.restore.title"),subTitle:A("blocklet.restoreFromSpaces.restore.subTitle")}),(0,B.jsxs)(he,{children:[(0,B.jsx)(ee.default,{increaseSpeed:.3,messageLoop:!1,message:(0,B.jsx)(re.Z,{steps:K,stepIndex:b,autoGrowth:10===b?1e3:4e3})}),R.nextAccessUrl&&(0,B.jsx)(oe.Z,{href:R.nextAccessUrl,children:A("blocklet.restoreFromSpaces.restore.redirect")})]})]})}xe.defaultProps={onAccessUrlEmpty:function(){},installationType:"install"};var ve=xe;var be,ye,ke,we=function(){var e=(0,c.s0)(),t=(0,E.h6)().info;return(0,B.jsx)(ve,{onAccessUrlEmpty:function(n){setTimeout((function(){var r=d()(t.routing.adminPath,"/blocklets/".concat(n.meta.did,"/configuration"));e(r)}),1500)},installationType:"restore"})},je=n(23484);function Ae(){var e=(0,p.Z)((function(e){return e.breakpoints.down("md")})),t=(0,m.useLocaleContext)(),n=t.t,r=t.locale,o=(0,E.h6)().info,i=(0,je.Z)(),u=(0,H.J_)().meta,h=(0,s.useMemo)((function(){return o?(0,w.getServerUrl)(o):""}),[o]),S=(0,j.getWebWalletUrl)(o),P=d()((0,j.getPathPrefix)(),"/blocklets/restore"),Z=[{key:"verify-ownership",name:n("blocklet.restoreBlocklet.verify.title"),path:d()(P,"verify-ownership")},{key:"restore-blocklet",name:n("blocklet.restoreFromSpaces.restore.title"),path:d()(P,"restore-blocklet")}],C=[];C="launcher"===l()(i.get("from"))?[{key:"purchase-space",name:n("launchBlocklet.steps.purchaseSpace")},{key:"prepare-space",name:n("launchBlocklet.steps.prepareSpace")}].concat(Z):[{key:"connect-space",name:n("blocklet.restoreFromSpaces.connect.title"),path:d()(P,"connect-space")}].concat(Z);var O=(0,B.jsx)(Oe,{className:"".concat(h?"logo-can-click":""),children:(0,B.jsx)(k.Z,{onClick:function(){h&&window.open(h)},logo:e?(0,B.jsx)(b.Z,{width:"32",height:"32"}):(0,B.jsx)(y.Z,{width:"128",height:"48"})})});return(0,B.jsx)(x.StepProvider,{steps:C,children:(0,B.jsx)(g.default,{blockletMeta:(0,a.Z)((0,a.Z)({},u),{},{registryUrl:""}),locale:r,useOfSkeleton:!1,navLogo:O,headerEndAddons:(0,B.jsx)(v.Z,{webWalletUrl:S,SessionContext:A.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null===u||void 0===u?void 0:u.logo,children:(0,B.jsxs)(Ce,{children:[(0,B.jsx)(f.Global,{styles:Ze}),(0,B.jsxs)(c.Z5,{children:[(0,B.jsx)(c.AW,{path:"connect-space",element:(0,B.jsx)(M,{})}),(0,B.jsx)(c.AW,{path:"verify-ownership",element:(0,B.jsx)(q,{})}),(0,B.jsx)(c.AW,{path:"restore-blocklet",element:(0,B.jsx)(we,{})}),(0,B.jsx)(c.AW,{path:"*",element:(0,B.jsx)(c.Fg,{to:"connect-space",replace:!0})})]})]})})})}var Ee,Se,Pe,Ze=(0,f.css)(be||(be=(0,o.Z)(["\n  html,\n  body,\n  #root,\n  #root > .wrapper {\n    height: 100%;\n  }\n"]))),Ce=h.default.div(ye||(ye=(0,o.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")})),Oe=h.default.div(ke||(ke=(0,o.Z)(["\n  margin-top: -1px;\n  &.logo-can-click {\n    cursor: pointer;\n  }\n"]))),Be=n(44846),Te=n(42876),De=n(67680),Me=n(83294),Le=n(2273),Re=n.n(Le),Qe=n(34916),Ne=n(19561),Fe=n(31290);function Ue(e){var t=e.onSelect,n=(0,E.h6)().api,r=(0,m.useLocaleContext)().t,o=(0,s.useState)(!1),a=(0,L.Z)(o,2),i=a[0],l=a[1],u=(0,s.useState)([]),d=(0,L.Z)(u,2),f=d[0],p=d[1],h=(0,s.useState)(""),g=(0,L.Z)(h,2),x=g[0],v=g[1],b=(0,s.useState)(null),y=(0,L.Z)(b,2),k=y[0],w=y[1],A=(0,c.s0)(),Z=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(){var t,r,o;return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,l(!0),w(!1),e.next=5,n.doBatchQuery({getBlocklets:{input:{}},getBlockletsFromBackup:{input:{}}});case 5:t=e.sent,r=t.getBlocklets.blocklets,o=t.getBlockletsFromBackup.backups,p((o||[]).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)),l(!1),e.next=16;break;case 12:e.prev=12,e.t0=e.catch(0),l(!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(){Z()}),[]);var T=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(){var n,r;return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=f.find((function(e){return e.appDid===x})),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),A("/blocklets/restore/verify-ownership".concat(r.search));case 6:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),D=null;return D=k?(0,B.jsx)(Fe.default,{type:"error",style:{width:"100%",marginTop:8},children:k}):i?(0,B.jsx)(Be.Z,{size:16}):f.length?(0,B.jsx)(ze,{children:f.map((function(e){return(0,B.jsxs)(He,{className:"middle-font-size space ".concat(x===e.appDid?"selected":""),onClick:function(){return function(e){v(e.appDid)}(e)},children:[(0,B.jsxs)("div",{className:"left",children:[(0,B.jsx)("div",{className:"header",children:(0,B.jsx)(O.Z,{sx:{width:40,height:40},children:(0,B.jsx)(Qe.default,{did:e.appDid,size:40})})}),(0,B.jsxs)("div",{className:"body",children:[(0,B.jsx)(U.Z,{className:"text",children:e.name}),(0,B.jsx)(U.Z,{className:"text middle-font-size",children:(0,B.jsx)(Re(),{responsive:!1,compact:!0,inline:!0,copyable:!1,size:12,children:e.appDid})})]}),(0,B.jsxs)(O.Z,{color:"text.secondary",className:"footer small-font-size",children:[r("blocklet.restoreFromServer.backupIn")," ",(0,j.formatToDatetime)(e.createdAt)]})]}),(0,B.jsx)("div",{className:"right",children:(0,B.jsx)("div",{className:"more",children:(0,B.jsx)(De.Z,{onClick:function(){},className:"more-btn",size:"large","aria-label":"more functions",children:(0,B.jsx)(Me.default,{color:"disabled"})})})}),(0,B.jsx)("div",{className:"selected-container",children:(0,B.jsx)(Te.default,{className:"selected-icon"})})]},e.appDid)}))}):(0,B.jsx)(Ne.default,{children:r("common.empty")}),(0,B.jsxs)(Ie,{style:{width:"100%"},children:[(0,B.jsx)(C.default,{title:r("blocklet.restoreFromServer.selectTitle"),subTitle:r("blocklet.restoreFromServer.description")}),(0,B.jsx)(O.Z,{mt:4,mx:3,className:"main-body",children:D}),(0,B.jsx)(O.Z,{className:"main-footer",display:"flex",justifyContent:"center",children:(0,B.jsx)(F.default,{sx:{width:"180px",height:"100%"},onClick:function(e){e.stopPropagation(),T()},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:i||k||!x,children:r("common.restore")})})]})}Ue.defaultProps={onSelect:function(){}};var Je,Ie=(0,h.default)(O.Z)(Ee||(Ee=(0,o.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"])),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.down("md")})),ze=(0,h.default)(O.Z)(Se||(Se=(0,o.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 #2482f6 #2482f6 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"]))),He=(0,h.default)("div")(Pe||(Pe=(0,o.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"])),(function(e){return e.theme.breakpoints.down("md")})),Xe=n(40356),We=(0,h.default)("div")(Je||(Je=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"])));var Ge,Ke,Ye,Ve=function(){var e=new URL(window.location.href),t=e.searchParams.get("appDid"),n=e.searchParams.get("appName"),r=(0,m.useLocaleContext)().t,o=(0,E.h6)(),a=o.api,i=o.info,l=(0,R.useSessionContext)().api,c=(0,s.useMemo)((function(){return i?(0,w.getServerUrl)(i):""}),[i]),u=(0,I.default)({isRestoring:!1,isComplete:!1,connectData:{isConnectOpen:!1,action:"",checkFn:function(){},extraParams:{}}}),f=(0,L.Z)(u,2),p=f[0],h=f[1];(0,s.useEffect)((function(){g()}),[]);var g=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(){return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,a.getBlocklet({input:{did:t}});case 2:if(!e.sent.blocklet){e.next=7;break}return J.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)}}(),x=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(){return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:h({connectData:{isConnectOpen:!1}}),setTimeout((function(){var e=new URL(d()(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,B.jsxs)(We,{children:[(0,B.jsx)(C.default,{title:r("blocklet.restoreBlocklet.verify.title"),subTitle:r("blocklet.restoreBlocklet.verify.subTitle")}),(0,B.jsxs)(O.Z,{textAlign:"center",mt:6,children:[(0,B.jsx)(Xe.default,{did:t,size:128}),(0,B.jsxs)(O.Z,{mt:2,mb:2,children:[(0,B.jsx)(U.Z,{variant:"body2",children:n}),(0,B.jsx)(N.default,{children:t})]}),(0,B.jsx)(F.default,{variant:"contained",disabled:p.connectData.isConnectOpen,onClick:g,sx:{width:"180px",height:"100%"},children:r("blocklet.restoreBlocklet.verify.".concat(p.shouldReconnect?"reconnect":"verify"))})]}),(0,B.jsx)(Q.default,{popup:!0,open:p.connectData.isConnectOpen,forceConnected:!1,saveConnect:!1,action:p.connectData.action,checkFn:l.get,checkTimeout:3e5,webWalletUrl:(0,X.yP)(i),onSuccess:x,extraParams:p.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 _e(){var e=(0,p.Z)((function(e){return e.breakpoints.down("md")})),t=(0,m.useLocaleContext)(),n=t.t,r=t.locale,o=(0,E.h6)().info,i=(0,s.useState)({}),l=i.meta,u=i.setMeta,h=(0,s.useMemo)((function(){return o?(0,w.getServerUrl)(o):""}),[o]),S=(0,j.getWebWalletUrl)(o),P=d()((0,j.getPathPrefix)(),"/blocklets/restore"),Z=[{key:"select",name:n("blocklet.restoreFromServer.selectTitle"),path:d()(P,"select")},{key:"verify-ownership",name:n("blocklet.restoreBlocklet.verify.title"),path:d()(P,"verify-ownership")},{key:"restore-blocklet",name:n("blocklet.restoreBlocklet.restore.title"),path:d()(P,"restore-blocklet")}],C=(0,B.jsx)(et,{className:"".concat(h?"logo-can-click":""),children:(0,B.jsx)(k.Z,{onClick:function(){h&&window.open(h)},logo:e?(0,B.jsx)(b.Z,{width:"32",height:"32"}):(0,B.jsx)(y.Z,{width:"128",height:"48"})})});return(0,B.jsx)(x.StepProvider,{steps:Z,children:(0,B.jsx)(g.default,{blockletMeta:(0,a.Z)((0,a.Z)({},l),{},{registryUrl:""}),locale:r,useOfSkeleton:!1,navLogo:C,headerEndAddons:(0,B.jsx)(v.Z,{webWalletUrl:S,SessionContext:A.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null===l||void 0===l?void 0:l.logo,children:(0,B.jsxs)($e,{children:[(0,B.jsx)(f.Global,{styles:qe}),(0,B.jsxs)(c.Z5,{children:[(0,B.jsx)(c.AW,{path:"select",element:(0,B.jsx)(Ue,{onSelect:u})}),(0,B.jsx)(c.AW,{path:"verify-ownership",element:(0,B.jsx)(Ve,{})}),(0,B.jsx)(c.AW,{path:"restore-blocklet",element:(0,B.jsx)(we,{})}),(0,B.jsx)(c.AW,{path:"*",element:(0,B.jsx)(c.Fg,{to:"select".concat(window.location.search),replace:!0})})]})]})})})}var qe=(0,f.css)(Ge||(Ge=(0,o.Z)(["\n  html,\n  body,\n  #root,\n  #root > .wrapper {\n    height: 100%;\n  }\n"]))),$e=h.default.div(Ke||(Ke=(0,o.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")})),et=h.default.div(Ye||(Ye=(0,o.Z)(["\n  margin-top: -1px;\n  &.logo-can-click {\n    cursor: pointer;\n  }\n"])));function tt(){return window.location.search.includes("restoreFrom=server")?(0,B.jsx)(_e,{}):(0,B.jsx)(Ae,{})}},45158:function(e,t,n){"use strict";var r=n(73408).default,o=n(43681).default;Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,s=w(n(5057)),i=y(n(55898)),l=y(n(33518)),c=y(n(6352)),u=y(n(82434)),d=y(n(67654)),f=y(n(13714)),p=n(52118),h=n(7057),m=w(n(45760)),g=n(48208),x=y(n(32356)),v=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={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var s=o?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(r,a,s):r[a]=e[a]}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 A(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){E(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 E(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 S(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var P=[{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"}],Z=(0,m.createFilterOptions)();function C(e){var t=e.onSelect,n=e.endpoint,a=e.gatewayUrl,i=e.loading,l=e.size,m=e.helperText,y=S(e,b),k=(0,d.default)("did-space-gateway-list",P),w=o(k,2),j=w[0],E=w[1],C=(0,s.useState)(a||P[0].value),O=o(C,2),B=O[0],D=O[1],M=(0,p.useLocaleContext)().t,L=(0,g.useSessionContext)().api;return(0,s.useEffect)((function(){B&&!j.find((function(e){return e.value===B}))&&L.get((0,c.default)(B,"/__blocklet__.js?type=json")).then((function(e){E([].concat(r(j),[{value:B,label:e.data.appName}]))})).catch((function(e){console.error(e),x.default.error("Can not add this gateway, please check the url and try again")}))}),[B]),(0,v.jsx)(T,A(A({},y),{},{freeSolo:!0,selectOnFocus:!0,clearOnBlur:!0,handleHomeEndKeys:!0,value:B,options:j,onChange:function(e,t){if(t)if("string"===typeof t){var n=j.find((function(e){return e.label===t}));n&&D(n.value)}else t.inputValue?D(t.inputValue):t.value&&D(t.value)},getOptionLabel:function(e){return"string"===typeof e?e:e.inputValue?e.inputValue:e.label},renderOption:function(e,t){return(0,v.jsxs)(h.ListItem,A(A({},e),{},{children:[(0,v.jsx)(h.ListItemAvatar,{children:(0,v.jsx)(h.Avatar,{children:t.avatar})}),(0,v.jsx)(h.ListItemText,{primary:t.label,secondary:t.value})]}),t.value)},filterOptions:function(e,t){var n=Z(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,v.jsx)(h.TextField,A(A({},e),{},{helperText:m,label:M("storage.spaces.label"),size:l,InputProps:A(A({},e.InputProps),{},{type:"search",endAdornment:(0,v.jsx)(f.default,{variant:"contained",onClick:function(){return t(B)},size:"small",loading:i,disable:i,sx:{position:"absolute",right:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100px",height:"100%"},children:M(n?"storage.spaces.reconnect":"storage.spaces.connect")})})}))}}))}var O,B,T=(0,l.default)(m.default)(a||(O=["\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"],B||(B=O.slice(0)),a=Object.freeze(Object.defineProperties(O,{raw:{value:Object.freeze(B)}}))),(function(e){return e.theme.breakpoints.down("md")}));C.propTypes={onSelect:i.default.func.isRequired,endpoint:i.default.string,loading:i.default.bool,size:i.default.string,helperText:i.default.string,gatewayUrl:i.default.string},C.defaultProps={endpoint:void 0,loading:!1,size:"small",helperText:"",gatewayUrl:""};var D=C;t.default=D},12332:function(e,t,n){"use strict";t.Z=g;var r,o,a=u(n(55898)),s=u(n(33518)),i=n(96266),l=["logo","name","subname","previousData"],c=["logo"];function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function f(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 p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(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,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function g(e){var t=e.logo,n=e.name,r=e.subname,o=e.previousData,a=m(e,l),s=(0,i.jsx)(x,{logo:t}),c=n,u=r;return o.logo&&(s=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(x,{logo:t,className:"left-fade-in-ele"}),(0,i.jsx)(x,{logo:o.logo,className:"postion-abs left-fade-out-ele"})]})),o.name&&o.name!==n&&(c=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"right-fade-in-ele",style:{display:"inline-block"},children:n}),(0,i.jsx)("span",{className:"postion-abs right-fade-out-ele",children:o.name})]})),o.subname&&o.subname!==r&&(u=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"right-fade-in-ele",style:{display:"inline-block"},children:r}),(0,i.jsx)("span",{className:"postion-abs right-fade-out-ele",children:o.subname})]})),(0,i.jsx)(b,p(p({},a),{},{children:(0,i.jsxs)("div",{className:"logo-inner",children:[(0,i.jsx)("div",{className:"logo-img-content",children:s}),(0,i.jsxs)("div",{className:"logo-info ".concat(n||r?"":"zero-left"),children:[(0,i.jsx)("div",{className:"logo-name",children:c}),(0,i.jsx)("div",{className:"logo-subname",children:u})]})]})}))}function x(e){var t=e.logo,n=m(e,c);return(0,i.jsx)(v,p(p({},n),{},{children:t}))}g.propTypes={logo:a.default.element.isRequired,name:a.default.string,subname:a.default.string,previousData:a.default.object},g.defaultProps={name:"",subname:"",previousData:{logo:"",name:"",subname:""}};var v=s.default.div(r||(r=d(["\n  display: block;\n  > * {\n    display: block;\n  }\n"]))),b=s.default.div(o||(o=d(["\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"])))},83294:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(56930)),a=n(96266),s=(0,o.default)((0,a.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");t.default=s},53616:function(e,t,n){var r=n(26849);e.exports=function(e){return r(e).toLowerCase()}}}]);
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[3037],{13455:function(e,t,n){"use strict";n.d(t,{Z:function(){return u}});var r=n(55898),o=n.n(r),a=n(16597),s=n(34916),i="data:image/png;base64,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",l=n(74094),c=n(96266);function u(e){var t=e.blocklet,n=e.blockletMetaUrl,r=t.meta,o=r.did,u=r.logo;return u?(0,c.jsx)(a.default,{src:(0,l.aZ)({did:o,logoPath:u,baseUrl:new URL(n).origin}),fallback:i,width:64,size:"contain",placeholder:"application logo"}):(0,c.jsx)(s.default,{did:o,size:64})}u.propTypes={blocklet:o().object.isRequired,blockletMetaUrl:o().string.isRequired}},11476:function(e,t,n){"use strict";n.d(t,{Z:function(){return p}});var r=n(41361),o=n(96234),a=n(5057),s=n(76811),i=n(8413),l=n(10155),c=Object.keys(s.BlockletStatus),u=Object.values(s.BlockletStatus),d=Object.values(s.BlockletEvents).filter((function(e){return![s.BlockletEvents.purchaseChange,s.BlockletEvents.domainStatus].includes(e)})),f=function(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};function p(e){var t=(0,l.Z)(),n=(0,i.ZP)(),s=(0,a.useState)({status:null,eventName:""}),p=(0,o.Z)(s,2),h=p[0],m=p[1];(0,a.useEffect)((function(){e?null===h.status&&t.getBlocklet({input:{did:e}}).then((function(e){m({status:e.blocklet?e.blocklet.status:"",eventName:"",runtimeBlocklet:e.blocklet,isGetBlocklet:!0})})):m({status:"",eventName:"",runtimeBlocklet:null})}),[e,h.status]);var g,x=(0,r.Z)(d);try{var v=function(){var t=g.value;(0,a.useEffect)((function(){var r=function(t){return function(n){if(f(n,e)){var r={status:null,eventName:t,runtimeBlocklet:n};n.error?(r.status="error",r.error=n.error):r.status=c[u.indexOf(n.status)],m(r)}}}(t);return e&&n.on(t,r),function(){e&&n.off(t,r)}}),[e])};for(x.s();!(g=x.n()).done;)v()}catch(b){x.e(b)}finally{x.f()}return h}},53037:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return tt}});var r,o=n(71171),a=n(33028),s=n(5057),i=n(53616),l=n.n(i),c=n(85493),u=n(6352),d=n.n(u),f=n(21371),p=n(72904),h=n(33518),m=n(52118),g=n(54377),x=n(77829),v=n(66889),b=n(10866),y=n(4456),k=n(12332),w=n(47791),j=n(99875),A=n(25339),E=n(60411),S=n(32723),P=n(34795),Z=n(45158),C=n(84024),O=n(39948),B=n(96266),T=(0,h.default)("div")(r||(r=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"])));var D,M=function(){var e=(0,E.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,P.Z)((0,S.Z)().mark((function e(t){var r,o;return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r=new URL(d()(t,"restore")),o=d()(n,"blocklets/restore/verify-ownership"),r.searchParams.set("redirectUrl",o),window.location.href=r.toString();case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return(0,B.jsxs)(T,{children:[(0,B.jsx)(C.default,{title:t("blocklet.restoreFromSpaces.connect.title"),subTitle:t("blocklet.restoreFromSpaces.connect.subTitle")}),(0,B.jsx)(O.Z,{display:"flex",justifyContent:"center",children:(0,B.jsx)(Z.default,{sx:{marginTop:"64px"},onSelect:r})})]})},L=n(96234),R=n(48208),Q=n(57090),N=n(91848),F=n(13714),U=n(11750),J=n(32356),I=n(31853),z=n(13455),H=n(31910),X=n(74094),W=(0,h.default)("div")(D||(D=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),G="verify-app-ownership-spaces";var K,Y,V,_,q=function(){var e=(0,R.useSessionContext)().session,t=new URL(window.location.href),n=t.searchParams.get("launchType"),r=t.searchParams.get("nftId"),o=t.searchParams.get("chainHost"),a=t.searchParams.get("from"),i=t.searchParams.get("blocklet_meta_url"),l=(0,m.useLocaleContext)().t,u=(0,E.h6)(),f=u.api,p=u.info,h=(0,R.useSessionContext)().api,g=(0,H.J_)().meta,x=(0,c.s0)(),v=(0,s.useMemo)((function(){return p?(0,w.getServerUrl)(p):""}),[p]),b=(0,I.default)({isRestoring:!1,isComplete:!1,shouldReconnect:!1,connectData:{isConnectOpen:!1,action:"",checkFn:function(){},extraParams:{}},connectMessages:{}}),y=(0,L.Z)(b,2),k=y[0],j=y[1];(0,s.useEffect)((function(){Z()}),[]);var A=function(e){var t=e.split("/").filter(Boolean);return t[t.length-2]}(g.spaceEndpoint),Z=function(){var t=(0,P.Z)((0,S.Z)().mark((function t(){var s,i,c,u,p,m,x;return(0,S.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!k.shouldReconnect){t.next=3;break}return window.location.href=d()(v,"blocklets/restore/connect-space"),t.abrupt("return");case 3:if("serverless"!==n||"launcher"!==a){t.next=21;break}return(u=new URL(window.location.href)).pathname=d()(null!==(s=null===(i=window)||void 0===i||null===(c=i.env)||void 0===c?void 0:c.apiPrefix)&&void 0!==s?s:"/","/api/did/".concat(G,"/token")),u.searchParams.set("appDid",A),u.searchParams.set("endpoint",g.spaceEndpoint),u.searchParams.set("referrer",window.location.href),u.searchParams.set("nftId",r),u.searchParams.set("chainHost",o),u.searchParams.set("appPid",g.did),t.next=14,h.get(u.href);case 14:if(p=t.sent,!(m=p.data).error){t.next=19;break}return J.default.error(m.error),t.abrupt("return");case 19:return j({connectData:{isConnectOpen:!0,action:"verify-restore-serverless-nft",extraParams:{autoConnect:!1,launchType:n,nftId:r,chainHost:o,nw:m.url}},connectMessages:{title:l("blocklet.restoreFromSpaces.nftAuthDialog.title"),scan:l("blocklet.restoreFromSpaces.nftAuthDialog.scan"),confirm:l("blocklet.restoreFromSpaces.nftAuthDialog.confirm"),success:l("blocklet.restoreFromSpaces.nftAuthDialog.success")}}),t.abrupt("return");case 21:if(x=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(){return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,f.getBlocklet({input:{did:A}});case 2:if(!e.sent.blocklet){e.next=7;break}return J.default.error("Blocklet ".concat(g.title,"(").concat(A,") already exists")),j({shouldReconnect:!0}),e.abrupt("return");case 7:j({connectData:{isConnectOpen:!0,action:G,extraParams:{appDid:A,appPid:g.did,endpoint:g.spaceEndpoint,referrer:window.location.href,restoreFrom:"spaces"}},connectMessages:{title:l("blocklet.restoreBlocklet.verify.title"),scan:l("blocklet.restoreBlocklet.verify.scan"),confirm:l("blocklet.restoreBlocklet.verify.confirm"),success:l("blocklet.restoreBlocklet.verify.success")}});case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),e.user){t.next=25;break}return e.login((function(){return x()})),t.abrupt("return");case 25:return t.next=27,x();case 27:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}(),T=function(){var t=(0,P.Z)((0,S.Z)().mark((function t(s,l){var c;return(0,S.Z)().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(null===(c=Array.isArray(s)?s.find((function(e){return!!e.sessionToken})):s)||void 0===c||!c.sessionToken){t.next=5;break}return(0,X.ZB)(l(c.sessionToken)),t.next=5,e.refresh();case 5:j({connectData:{isConnectOpen:!1}}),setTimeout((function(){var e=new URLSearchParams({appDid:A});[{name:"launchType",value:n},{name:"nftId",value:r},{name:"from",value:a},{name:"blocklet_meta_url",value:i},{name:"chainHost",value:o}].forEach((function(t){var n=t.name,r=t.value;r&&e.set(n,r)})),x("/blocklets/restore/restore-blocklet?".concat(e.toString()))}),0);case 7:case"end":return t.stop()}}),t)})));return function(e,n){return t.apply(this,arguments)}}();return(0,B.jsxs)(W,{children:[(0,B.jsx)(C.default,{title:l("blocklet.restoreBlocklet.verify.title"),subTitle:l("blocklet.restoreBlocklet.verify.subTitle")}),(0,B.jsxs)(O.Z,{textAlign:"center",mt:6,children:[(0,B.jsx)(z.Z,{blocklet:{meta:g},blockletMetaUrl:i}),(0,B.jsxs)(O.Z,{mt:2,mb:2,children:[(0,B.jsx)(U.Z,{variant:"body2",children:g.title}),(0,B.jsx)(N.default,{children:A})]}),(0,B.jsx)(F.default,{variant:"contained",disabled:k.connectData.isConnectOpen,onClick:Z,sx:{width:"180px",height:"100%"},children:l("blocklet.restoreBlocklet.verify.".concat(k.shouldReconnect?"reconnect":"verify"))})]}),(0,B.jsx)(Q.default,{popup:!0,open:k.connectData.isConnectOpen,forceConnected:!1,saveConnect:!1,action:k.connectData.action,checkFn:h.get,checkTimeout:3e5,webWalletUrl:(0,X.yP)(p),onSuccess:T,extraParams:k.connectData.extraParams,messages:k.connectMessages,onClose:function(){j({connectData:{isConnectOpen:!1}})}})]})},$=n(56666),ee=n(31631),te=n(76811),ne=n(74673),re=n(44477),oe=n(49603),ae=n(75506),se=n.n(ae),ie=n(50482),le=n.n(ie),ce=n(15849),ue=n(49714),de=n(11476),fe=n(8413),pe=(0,h.default)("div")(K||(K=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),he=h.default.div(Y||(Y=(0,o.Z)(["\n  color: #1dc1c7;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n"]))),me=h.default.div(V||(V=(0,o.Z)(["\n  line-height: 1.4em;\n  .error-desc {\n    margin-top: 8px;\n    word-wrap: break-word;\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.grey[500]})),ge=(_={},(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.waiting,0),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.start,1),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.importData,2),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.downloading,3),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.importDataSuccess,4),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.installing,5),(0,$.Z)(_,te.RESTORE_PROGRESS_STATUS.completed,10),_);function xe(e){var t,n,r,o,a=e.onAccessUrlEmpty,i=e.installationType,l=new URL(window.location.href),c=l.searchParams.get("appDid"),u=l.searchParams.get("launchType"),d=l.searchParams.get("nftId"),f=l.searchParams.get("fromLauncher"),p=l.searchParams.get("from"),h=l.searchParams.get("chainHost"),g=function(e){var t=e.appDid,n=(0,s.useState)(te.RESTORE_PROGRESS_STATUS.waiting),r=(0,L.Z)(n,2),o=r[0],a=r[1],i=(0,fe.ZP)();return i.connect(),(0,s.useEffect)((function(){return i.on(te.BlockletEvents.restoreProgress,(function(e){t===(null===e||void 0===e?void 0:e.appDid)&&a(e)})),function(){i.off(te.BlockletEvents.backupProgress)}}),[t,i]),o}({appDid:c}),x=(0,s.useState)(0),v=(0,L.Z)(x,2),b=v[0],y=v[1],k=(0,H.J_)().meta,A=(0,m.useLocaleContext)().t,Z=(0,E.h6)(),O=Z.api,T=Z.info,D=(0,I.default)({nextAccessUrl:"",installError:null}),M=(0,L.Z)(D,2),R=M[0],Q=M[1],N=(0,de.Z)(c),U=N.status,z=N.eventName,X=N.isGetBlocklet,W=(0,s.useMemo)((function(){var e;return function(t){clearTimeout(e),e=setTimeout((0,P.Z)((0,S.Z)().mark((function e(){var n;return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t){e.next=5;break}return e.next=4,O.getBlocklet({input:{did:c}});case 4:n=e.sent.blocklet;case 5:n&&Y(n);case 6:case"end":return e.stop()}}),e)}))),1e3)}}),[c]),G=function(){y(9),W(N.isGetBlocklet?N.runtimeBlocklet:null)},K=[A("blocklet.restoreFromSpaces.progress.waiting"),A("blocklet.restoreFromSpaces.progress.restoring"),A("blocklet.restoreFromSpaces.progress.importData"),A("blocklet.restoreFromSpaces.progress.downloading",{progress:"".concat(null!==(t=null===g||void 0===g||null===(n=g.data)||void 0===n?void 0:n.completed)&&void 0!==t?t:100,"/").concat(null!==(r=null===g||void 0===g||null===(o=g.data)||void 0===o?void 0:o.total)&&void 0!==r?r:100)}),A("blocklet.restoreFromSpaces.progress.importSuccess"),A("blocklet.restoreFromSpaces.progress.installing"),A("launchBlocklet.waiting.verifying"),A("launchBlocklet.waiting.downloading"),A("launchBlocklet.waiting.extracting"),A("upgrading"===U?"common.upgrading":"launchBlocklet.waiting.installing"),A("launchBlocklet.waiting.done")];(0,s.useEffect)((function(){y(ge[g.status]||0)}),[g.status]),(0,s.useEffect)((function(){if("serverless"!==u||z!==te.BlockletEvents.nftConsumed)switch(U){case"waiting":y(6);break;case"downloading":y(7);break;case"installing":case"upgrading":y(8);break;case"installed":if("serverless"===u&&!X)break;G();break;case"starting":case"running":case"stopped":G();break;case"corrupted":case"error":var e,t,n={message:null===N||void 0===N||null===(e=N.error)||void 0===e?void 0:e.message,name:null===N||void 0===N?void 0:N.eventName,action:"retry"};if(!le()(n,R.installError))null!==N&&void 0!==N&&null!==(t=N.error)&&void 0!==t&&t.message&&J.default.error((0,j.formatError)(N.error));Q({installError:n})}else G()}),[U,z,N]);var Y=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(t){var n,r,o;return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=(0,j.getBlockletUrls)({blocklet:t}),r="","restore"===i&&(r=n.find((function(e){try{var t=new URL(e).hostname;return(0,ue.isIpEcho)(t)}catch(n){return console.error(n),!1}}))),r){e.next=7;break}return e.next=6,(0,j.getAccessibleUrl)(n);case 6:r=e.sent;case 7:if(!se()(r)){e.next=10;break}return a(),e.abrupt("return");case 10:if(!se()(r)){e.next=13;break}return J.default.error(A("blocklet.urlEmptyTip")),e.abrupt("return");case 13:(o=new URL(r)).searchParams.set("serverUrl",(0,w.getServerUrl)(T)),"running"!==t.status&&o.searchParams.set("__start__","1"),f&&o.searchParams.set("fromLauncher",f),p&&o.searchParams.set("from",p),u&&o.searchParams.set("launchType",u),d&&o.searchParams.set("nftId",d),h&&o.searchParams.set("chainHost",h),Q({nextAccessUrl:o.href}),setTimeout((function(){window.location.href=o.href}),1500);case 23:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();if(R.installError){var V={retry:(0,B.jsx)(F.default,{variant:"contained",className:"bottom-button","data-cy":"retry-install",component:ce.Link,to:"/blocklets/restore/verify-ownership".concat(window.location.search),children:A("common.retry")})},_=R.installError.name?R.installError.name.replace("blocklet.",""):"installFailed";return(0,B.jsx)(ne.default,{variant:"error",title:null===k||void 0===k?void 0:k.title,subTitle:(0,B.jsxs)(me,{children:[(0,B.jsx)("div",{children:A("launchBlocklet.error.".concat(_))}),R.installError.message&&(0,B.jsx)("div",{className:"error-desc",children:A("common.errorMessage")+R.installError.message})]}),footer:V[R.installError.action]})}return(0,B.jsxs)(pe,{children:[(0,B.jsx)(C.default,{title:A("blocklet.restoreBlocklet.restore.title"),subTitle:A("blocklet.restoreFromSpaces.restore.subTitle")}),(0,B.jsxs)(he,{children:[(0,B.jsx)(ee.default,{increaseSpeed:.3,messageLoop:!1,message:(0,B.jsx)(re.Z,{steps:K,stepIndex:b,autoGrowth:10===b?1e3:4e3})}),R.nextAccessUrl&&(0,B.jsx)(oe.Z,{href:R.nextAccessUrl,children:A("blocklet.restoreFromSpaces.restore.redirect")})]})]})}xe.defaultProps={onAccessUrlEmpty:function(){},installationType:"install"};var ve=xe;var be,ye,ke,we=function(){var e=(0,c.s0)(),t=(0,E.h6)().info;return(0,B.jsx)(ve,{onAccessUrlEmpty:function(n){setTimeout((function(){var r=d()(t.routing.adminPath,"/blocklets/".concat(n.meta.did,"/configuration"));e(r)}),1500)},installationType:"restore"})},je=n(23484);function Ae(){var e=(0,p.Z)((function(e){return e.breakpoints.down("md")})),t=(0,m.useLocaleContext)(),n=t.t,r=t.locale,o=(0,E.h6)().info,i=(0,je.Z)(),u=(0,H.J_)().meta,h=(0,s.useMemo)((function(){return o?(0,w.getServerUrl)(o):""}),[o]),S=(0,j.getWebWalletUrl)(o),P=d()((0,j.getPathPrefix)(),"/blocklets/restore"),Z=[{key:"verify-ownership",name:n("blocklet.restoreBlocklet.verify.title"),path:d()(P,"verify-ownership")},{key:"restore-blocklet",name:n("blocklet.restoreFromSpaces.restore.title"),path:d()(P,"restore-blocklet")}],C=[];C="launcher"===l()(i.get("from"))?[{key:"purchase-space",name:n("launchBlocklet.steps.purchaseSpace")},{key:"prepare-space",name:n("launchBlocklet.steps.prepareSpace")}].concat(Z):[{key:"connect-space",name:n("blocklet.restoreFromSpaces.connect.title"),path:d()(P,"connect-space")}].concat(Z);var O=(0,B.jsx)(Oe,{className:"".concat(h?"logo-can-click":""),children:(0,B.jsx)(k.Z,{onClick:function(){h&&window.open(h)},logo:e?(0,B.jsx)(b.Z,{width:"32",height:"32"}):(0,B.jsx)(y.Z,{width:"128",height:"48"})})});return(0,B.jsx)(x.StepProvider,{steps:C,children:(0,B.jsx)(g.default,{blockletMeta:(0,a.Z)((0,a.Z)({},u),{},{registryUrl:""}),locale:r,useOfSkeleton:!1,navLogo:O,headerEndAddons:(0,B.jsx)(v.Z,{webWalletUrl:S,SessionContext:A.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null===u||void 0===u?void 0:u.logo,children:(0,B.jsxs)(Ce,{children:[(0,B.jsx)(f.Global,{styles:Ze}),(0,B.jsxs)(c.Z5,{children:[(0,B.jsx)(c.AW,{path:"connect-space",element:(0,B.jsx)(M,{})}),(0,B.jsx)(c.AW,{path:"verify-ownership",element:(0,B.jsx)(q,{})}),(0,B.jsx)(c.AW,{path:"restore-blocklet",element:(0,B.jsx)(we,{})}),(0,B.jsx)(c.AW,{path:"*",element:(0,B.jsx)(c.Fg,{to:"connect-space",replace:!0})})]})]})})})}var Ee,Se,Pe,Ze=(0,f.css)(be||(be=(0,o.Z)(["\n  html,\n  body,\n  #root,\n  #root > .wrapper {\n    height: 100%;\n  }\n"]))),Ce=h.default.div(ye||(ye=(0,o.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")})),Oe=h.default.div(ke||(ke=(0,o.Z)(["\n  margin-top: -1px;\n  &.logo-can-click {\n    cursor: pointer;\n  }\n"]))),Be=n(44846),Te=n(42876),De=n(67680),Me=n(83294),Le=n(2273),Re=n.n(Le),Qe=n(34916),Ne=n(19561),Fe=n(31290);function Ue(e){var t=e.onSelect,n=(0,E.h6)().api,r=(0,m.useLocaleContext)().t,o=(0,s.useState)(!1),a=(0,L.Z)(o,2),i=a[0],l=a[1],u=(0,s.useState)([]),d=(0,L.Z)(u,2),f=d[0],p=d[1],h=(0,s.useState)(""),g=(0,L.Z)(h,2),x=g[0],v=g[1],b=(0,s.useState)(null),y=(0,L.Z)(b,2),k=y[0],w=y[1],A=(0,c.s0)(),Z=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(){var t,r,o;return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,l(!0),w(!1),e.next=5,n.doBatchQuery({getBlocklets:{input:{}},getBlockletsFromBackup:{input:{}}});case 5:t=e.sent,r=t.getBlocklets.blocklets,o=t.getBlockletsFromBackup.backups,p((o||[]).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)),l(!1),e.next=16;break;case 12:e.prev=12,e.t0=e.catch(0),l(!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(){Z()}),[]);var T=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(){var n,r;return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n=f.find((function(e){return e.appDid===x})),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),A("/blocklets/restore/verify-ownership".concat(r.search));case 6:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),D=null;return D=k?(0,B.jsx)(Fe.default,{type:"error",style:{width:"100%",marginTop:8},children:k}):i?(0,B.jsx)(Be.Z,{size:16}):f.length?(0,B.jsx)(ze,{children:f.map((function(e){return(0,B.jsxs)(He,{className:"middle-font-size space ".concat(x===e.appDid?"selected":""),onClick:function(){return function(e){v(e.appDid)}(e)},children:[(0,B.jsxs)("div",{className:"left",children:[(0,B.jsx)("div",{className:"header",children:(0,B.jsx)(O.Z,{sx:{width:40,height:40},children:(0,B.jsx)(Qe.default,{did:e.appDid,size:40})})}),(0,B.jsxs)("div",{className:"body",children:[(0,B.jsx)(U.Z,{className:"text",children:e.name}),(0,B.jsx)(U.Z,{className:"text middle-font-size",children:(0,B.jsx)(Re(),{responsive:!1,compact:!0,inline:!0,copyable:!1,size:12,children:e.appDid})})]}),(0,B.jsxs)(O.Z,{color:"text.secondary",className:"footer small-font-size",children:[r("blocklet.restoreFromServer.backupIn")," ",(0,j.formatToDatetime)(e.createdAt)]})]}),(0,B.jsx)("div",{className:"right",children:(0,B.jsx)("div",{className:"more",children:(0,B.jsx)(De.Z,{onClick:function(){},className:"more-btn",size:"large","aria-label":"more functions",children:(0,B.jsx)(Me.default,{color:"disabled"})})})}),(0,B.jsx)("div",{className:"selected-container",children:(0,B.jsx)(Te.default,{className:"selected-icon"})})]},e.appDid)}))}):(0,B.jsx)(Ne.default,{children:r("common.empty")}),(0,B.jsxs)(Ie,{style:{width:"100%"},children:[(0,B.jsx)(C.default,{title:r("blocklet.restoreFromServer.selectTitle"),subTitle:r("blocklet.restoreFromServer.description")}),(0,B.jsx)(O.Z,{mt:4,mx:3,className:"main-body",children:D}),(0,B.jsx)(O.Z,{className:"main-footer",display:"flex",justifyContent:"center",children:(0,B.jsx)(F.default,{sx:{width:"180px",height:"100%"},onClick:function(e){e.stopPropagation(),T()},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:i||k||!x,children:r("common.restore")})})]})}Ue.defaultProps={onSelect:function(){}};var Je,Ie=(0,h.default)(O.Z)(Ee||(Ee=(0,o.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"])),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.down("md")})),ze=(0,h.default)(O.Z)(Se||(Se=(0,o.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 #2482f6 #2482f6 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"]))),He=(0,h.default)("div")(Pe||(Pe=(0,o.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"])),(function(e){return e.theme.breakpoints.down("md")})),Xe=n(40356),We=(0,h.default)("div")(Je||(Je=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"])));var Ge,Ke,Ye,Ve=function(){var e=new URL(window.location.href),t=e.searchParams.get("appDid"),n=e.searchParams.get("appName"),r=(0,m.useLocaleContext)().t,o=(0,E.h6)(),a=o.api,i=o.info,l=(0,R.useSessionContext)().api,c=(0,s.useMemo)((function(){return i?(0,w.getServerUrl)(i):""}),[i]),u=(0,I.default)({isRestoring:!1,isComplete:!1,connectData:{isConnectOpen:!1,action:"",checkFn:function(){},extraParams:{}}}),f=(0,L.Z)(u,2),p=f[0],h=f[1];(0,s.useEffect)((function(){g()}),[]);var g=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(){return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,a.getBlocklet({input:{did:t}});case 2:if(!e.sent.blocklet){e.next=7;break}return J.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)}}(),x=function(){var e=(0,P.Z)((0,S.Z)().mark((function e(){return(0,S.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:h({connectData:{isConnectOpen:!1}}),setTimeout((function(){var e=new URL(d()(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,B.jsxs)(We,{children:[(0,B.jsx)(C.default,{title:r("blocklet.restoreBlocklet.verify.title"),subTitle:r("blocklet.restoreBlocklet.verify.subTitle")}),(0,B.jsxs)(O.Z,{textAlign:"center",mt:6,children:[(0,B.jsx)(Xe.default,{did:t,size:128}),(0,B.jsxs)(O.Z,{mt:2,mb:2,children:[(0,B.jsx)(U.Z,{variant:"body2",children:n}),(0,B.jsx)(N.default,{children:t})]}),(0,B.jsx)(F.default,{variant:"contained",disabled:p.connectData.isConnectOpen,onClick:g,sx:{width:"180px",height:"100%"},children:r("blocklet.restoreBlocklet.verify.".concat(p.shouldReconnect?"reconnect":"verify"))})]}),(0,B.jsx)(Q.default,{popup:!0,open:p.connectData.isConnectOpen,forceConnected:!1,saveConnect:!1,action:p.connectData.action,checkFn:l.get,checkTimeout:3e5,webWalletUrl:(0,X.yP)(i),onSuccess:x,extraParams:p.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 _e(){var e=(0,p.Z)((function(e){return e.breakpoints.down("md")})),t=(0,m.useLocaleContext)(),n=t.t,r=t.locale,o=(0,E.h6)().info,i=(0,s.useState)({}),l=i.meta,u=i.setMeta,h=(0,s.useMemo)((function(){return o?(0,w.getServerUrl)(o):""}),[o]),S=(0,j.getWebWalletUrl)(o),P=d()((0,j.getPathPrefix)(),"/blocklets/restore"),Z=[{key:"select",name:n("blocklet.restoreFromServer.selectTitle"),path:d()(P,"select")},{key:"verify-ownership",name:n("blocklet.restoreBlocklet.verify.title"),path:d()(P,"verify-ownership")},{key:"restore-blocklet",name:n("blocklet.restoreBlocklet.restore.title"),path:d()(P,"restore-blocklet")}],C=(0,B.jsx)(et,{className:"".concat(h?"logo-can-click":""),children:(0,B.jsx)(k.Z,{onClick:function(){h&&window.open(h)},logo:e?(0,B.jsx)(b.Z,{width:"32",height:"32"}):(0,B.jsx)(y.Z,{width:"128",height:"48"})})});return(0,B.jsx)(x.StepProvider,{steps:Z,children:(0,B.jsx)(g.default,{blockletMeta:(0,a.Z)((0,a.Z)({},l),{},{registryUrl:""}),locale:r,useOfSkeleton:!1,navLogo:C,headerEndAddons:(0,B.jsx)(v.Z,{webWalletUrl:S,SessionContext:A.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null===l||void 0===l?void 0:l.logo,children:(0,B.jsxs)($e,{children:[(0,B.jsx)(f.Global,{styles:qe}),(0,B.jsxs)(c.Z5,{children:[(0,B.jsx)(c.AW,{path:"select",element:(0,B.jsx)(Ue,{onSelect:u})}),(0,B.jsx)(c.AW,{path:"verify-ownership",element:(0,B.jsx)(Ve,{})}),(0,B.jsx)(c.AW,{path:"restore-blocklet",element:(0,B.jsx)(we,{})}),(0,B.jsx)(c.AW,{path:"*",element:(0,B.jsx)(c.Fg,{to:"select".concat(window.location.search),replace:!0})})]})]})})})}var qe=(0,f.css)(Ge||(Ge=(0,o.Z)(["\n  html,\n  body,\n  #root,\n  #root > .wrapper {\n    height: 100%;\n  }\n"]))),$e=h.default.div(Ke||(Ke=(0,o.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")})),et=h.default.div(Ye||(Ye=(0,o.Z)(["\n  margin-top: -1px;\n  &.logo-can-click {\n    cursor: pointer;\n  }\n"])));function tt(){return window.location.search.includes("restoreFrom=server")?(0,B.jsx)(_e,{}):(0,B.jsx)(Ae,{})}},45158:function(e,t,n){"use strict";var r=n(73408).default,o=n(43681).default;Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,s=w(n(5057)),i=y(n(55898)),l=y(n(33518)),c=y(n(6352)),u=y(n(82434)),d=y(n(67654)),f=y(n(13714)),p=n(52118),h=n(68429),m=w(n(45760)),g=n(48208),x=y(n(32356)),v=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={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var s=o?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(r,a,s):r[a]=e[a]}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 A(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){E(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 E(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 S(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}var P=[{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"}],Z=(0,m.createFilterOptions)();function C(e){var t=e.onSelect,n=e.endpoint,a=e.gatewayUrl,i=e.loading,l=e.size,m=e.helperText,y=S(e,b),k=(0,d.default)("did-space-gateway-list",P),w=o(k,2),j=w[0],E=w[1],C=(0,s.useState)(a||P[0].value),O=o(C,2),B=O[0],D=O[1],M=(0,p.useLocaleContext)().t,L=(0,g.useSessionContext)().api;return(0,s.useEffect)((function(){B&&!j.find((function(e){return e.value===B}))&&L.get((0,c.default)(B,"/__blocklet__.js?type=json")).then((function(e){E([].concat(r(j),[{value:B,label:e.data.appName}]))})).catch((function(e){console.error(e),x.default.error("Can not add this gateway, please check the url and try again")}))}),[B]),(0,v.jsx)(T,A(A({},y),{},{freeSolo:!0,selectOnFocus:!0,clearOnBlur:!0,handleHomeEndKeys:!0,value:B,options:j,onChange:function(e,t){if(t)if("string"===typeof t){var n=j.find((function(e){return e.label===t}));n&&D(n.value)}else t.inputValue?D(t.inputValue):t.value&&D(t.value)},getOptionLabel:function(e){return"string"===typeof e?e:e.inputValue?e.inputValue:e.label},renderOption:function(e,t){return(0,v.jsxs)(h.ListItem,A(A({},e),{},{children:[(0,v.jsx)(h.ListItemAvatar,{children:(0,v.jsx)(h.Avatar,{children:t.avatar})}),(0,v.jsx)(h.ListItemText,{primary:t.label,secondary:t.value})]}),t.value)},filterOptions:function(e,t){var n=Z(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,v.jsx)(h.TextField,A(A({},e),{},{helperText:m,label:M("storage.spaces.label"),size:l,InputProps:A(A({},e.InputProps),{},{type:"search",endAdornment:(0,v.jsx)(f.default,{variant:"contained",onClick:function(){return t(B)},size:"small",loading:i,disable:i,sx:{position:"absolute",right:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100px",height:"100%"},children:M(n?"storage.spaces.reconnect":"storage.spaces.connect")})})}))}}))}var O,B,T=(0,l.default)(m.default)(a||(O=["\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"],B||(B=O.slice(0)),a=Object.freeze(Object.defineProperties(O,{raw:{value:Object.freeze(B)}}))),(function(e){return e.theme.breakpoints.down("md")}));C.propTypes={onSelect:i.default.func.isRequired,endpoint:i.default.string,loading:i.default.bool,size:i.default.string,helperText:i.default.string,gatewayUrl:i.default.string},C.defaultProps={endpoint:void 0,loading:!1,size:"small",helperText:"",gatewayUrl:""};var D=C;t.default=D},12332:function(e,t,n){"use strict";t.Z=g;var r,o,a=u(n(55898)),s=u(n(33518)),i=n(96266),l=["logo","name","subname","previousData"],c=["logo"];function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function f(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 p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){h(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(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,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function g(e){var t=e.logo,n=e.name,r=e.subname,o=e.previousData,a=m(e,l),s=(0,i.jsx)(x,{logo:t}),c=n,u=r;return o.logo&&(s=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(x,{logo:t,className:"left-fade-in-ele"}),(0,i.jsx)(x,{logo:o.logo,className:"postion-abs left-fade-out-ele"})]})),o.name&&o.name!==n&&(c=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"right-fade-in-ele",style:{display:"inline-block"},children:n}),(0,i.jsx)("span",{className:"postion-abs right-fade-out-ele",children:o.name})]})),o.subname&&o.subname!==r&&(u=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("span",{className:"right-fade-in-ele",style:{display:"inline-block"},children:r}),(0,i.jsx)("span",{className:"postion-abs right-fade-out-ele",children:o.subname})]})),(0,i.jsx)(b,p(p({},a),{},{children:(0,i.jsxs)("div",{className:"logo-inner",children:[(0,i.jsx)("div",{className:"logo-img-content",children:s}),(0,i.jsxs)("div",{className:"logo-info ".concat(n||r?"":"zero-left"),children:[(0,i.jsx)("div",{className:"logo-name",children:c}),(0,i.jsx)("div",{className:"logo-subname",children:u})]})]})}))}function x(e){var t=e.logo,n=m(e,c);return(0,i.jsx)(v,p(p({},n),{},{children:t}))}g.propTypes={logo:a.default.element.isRequired,name:a.default.string,subname:a.default.string,previousData:a.default.object},g.defaultProps={name:"",subname:"",previousData:{logo:"",name:"",subname:""}};var v=s.default.div(r||(r=d(["\n  display: block;\n  > * {\n    display: block;\n  }\n"]))),b=s.default.div(o||(o=d(["\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"])))},83294:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n(56930)),a=n(96266),s=(0,o.default)((0,a.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");t.default=s},53616:function(e,t,n){var r=n(26849);e.exports=function(e){return r(e).toLowerCase()}}}]);

package/build/static/js/4517.22771fd3.chunk.js

@@ -0,0 +1 @@
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[4517],{77327:function(e,t,n){"use strict";n.r(t),n.d(t,{BlockletList:function(){return he},default:function(){return pe}});var l,r,o=n(71171),a=n(33028),i=n(32723),c=n(34795),s=n(96234),u=n(5057),d=n(33518),f=n(75506),m=n.n(f),p=n(85493),h=n(15849),v=n(67654),x=n(11750),b=n(37565),g=n(21769),j=n(74490),y=n(39948),k=n(72904),C=n(37298),w=n(78146),Z=n(44846),O=n(42873),P=n(19561),_=n(31290),L=n(13714),S=n(52118),z=n(35432),M=n(32356),A=n(30746),B=n(80514),D=n(56048),I=n(82594),R=n(54474),T=n(38242),N=n(60411),E=n(52926),F=n(74094),V=n(17265),U=n(59740),H=n(49603),W=n(24138),G=n(96266),J=["blocklet","skipAccessibilityCheck"];function q(e){var t=e.blocklet,n=e.skipAccessibilityCheck,l=void 0!==n&&n,r=(0,U.Z)(e,J),o=(0,u.useContext)(S.LocaleContext).t,i=(0,W.BZ)(t),c=i.urls,s=i.loading,d=i.recommendedUrl;if(s&&!l)return(0,G.jsx)(Z.Z,(0,a.Z)({size:12},r));var f=l?c[0]:d;return f?(0,G.jsx)(Q,(0,a.Z)((0,a.Z)({},r),{},{children:(0,G.jsx)(K,{children:(0,G.jsx)(H.Z,{href:f,target:"_blank",className:"blocklet-interface",underline:"hover",children:o("common.open")})})})):o("blocklet.router.noAccessibleUrl")}var K=d.default.div(l||(l=(0,o.Z)(["\n  display: flex;\n  margin: 4px 0;\n"]))),Q=d.default.div(r||(r=(0,o.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"])));q.defaultProps={skipAccessibilityCheck:!1};var X=n(44919),Y=n(75e3),$=n(29316),ee=n(50438),te=n(31853),ne=n(99593),le=n(50453),re=n(47020),oe=n(57090),ae=n(48208);function ie(e){var t=e.onCancel,n=e.onSuccess,l=(0,N.h6)().info,r=(0,S.useLocaleContext)().t,o=(0,ae.useSessionContext)().api,a=(0,te.default)({loading:!1,error:"",title:"",description:"",isConnectOpen:!1}),i=(0,s.Z)(a,2),c=i[0],u=i[1];return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)(ne.default,{title:r("blocklet.installFromCreate"),fullWidth:!0,maxWidth:"sm",onClose:function(){return t()},showCloseButton:!0,open:!0,actions:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(L.default,{onClick:function(e){e.stopPropagation(),t()},color:"inherit",children:r("common.cancel")}),(0,G.jsxs)(L.default,{onClick:function(e){e.stopPropagation(),u({loading:!0,isConnectOpen:!0})},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:c.loading||c.error||!c.title||!c.description,style:{marginLeft:8},children:[c.loading&&(0,G.jsx)(Z.Z,{size:16}),r("common.create")]})]}),children:[(0,G.jsx)(le.Z,{component:"div",children:(0,G.jsxs)(x.Z,{component:"div",children:[(0,G.jsx)(re.Z,{style:{marginBottom:24},label:"Blocklet ".concat(r("common.title")),autoComplete:"off",variant:"outlined",fullWidth:!0,autoFocus:!0,value:c.title,onChange:function(e){u({error:"",title:e.target.value})},disabled:c.loading}),(0,G.jsx)(re.Z,{label:"Blocklet ".concat(r("common.description")),autoComplete:"off",variant:"outlined",fullWidth:!0,value:c.description,onChange:function(e){u({error:"",description:e.target.value})},disabled:c.loading})]})}),!!c.error&&(0,G.jsx)(_.default,{type:"error",style:{width:"100%",marginTop:8},children:c.error})]}),(0,G.jsx)(oe.default,{popup:!0,open:c.isConnectOpen,forceConnected:!1,className:"launch-from-create-auth",action:"launch-free-blocklet-by-session",checkFn:o.get,checkTimeout:3e5,webWalletUrl:(0,F.yP)(l),onSuccess:function(e){u({loading:!1,isConnectOpen:!1}),n(e)},extraParams:{title:c.title,description:c.description},messages:{title:r("setup.keyPair.title"),scan:r("setup.keyPair.scan"),confirm:r("setup.keyPair.confirm"),success:r("setup.keyPair.success")},onClose:function(){u({loading:!1,isConnectOpen:!1})}})]})}function ce(e){var t=e.onCreate,n=(0,p.s0)(),l=(0,S.useLocaleContext)().t,r=(0,u.useState)(""),o=(0,s.Z)(r,2),a=o[0],d=o[1],f=(0,u.useState)(""),m=(0,s.Z)(f,2),h=m[0],v=m[1],x=(0,u.useState)(null),b=(0,s.Z)(x,2),g=b[0],j=b[1],y=(0,u.useState)(null),k=(0,s.Z)(y,2),C=k[0],w=k[1],Z=function(){j(null)},O=function(){var e=(0,c.Z)((0,i.Z)().mark((function e(){return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:n("/blocklets/restore");case 1:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsxs)($.default,{onClick:function(){return n("/store")},menuButtonProps:{"data-cy":"open-install-menu"},menu:[(0,G.jsx)($.default.Item,{"data-cy":"open-install-form",onClick:function(){j({onCancel:function(){Z(),j(null)},onSuccess:function(){Z()}})},children:l("blocklet.installFromUrl")},"1"),(0,G.jsx)($.default.Item,{"data-cy":"open-create-form",onClick:function(){w({onCancel:function(){w(null)},onSuccess:function(){w(null),t.apply(void 0,arguments)}})},children:l("blocklet.installFromCreate")},"2"),(0,G.jsx)($.default.Item,{"data-cy":"open-install-from-spaces",onClick:function(){return O()},children:l("blocklet.restoreFromSpaces.title")},"3"),(0,G.jsx)($.default.Item,{"data-cy":"open-install-from-spaces",onClick:function(){return function(){var e=new URL("http://localhost");e.searchParams.set("restoreFrom","server"),e.searchParams.set("serverUrl",window.location.href),n("/blocklets/restore".concat(e.search))}()},children:l("blocklet.installFromDiskBackup")},"3")].filter(Boolean),children:[(0,G.jsx)(X.default,{}),l("blocklet.installFromMarket")]}),!!a&&(0,G.jsx)(Y.default,{variant:"error",message:a,onClose:function(){return d("")}}),!!h&&(0,G.jsx)(Y.default,{variant:"success",duration:3e3,message:h,onClose:function(){return v("")}}),g&&(0,G.jsx)(ee.default,{onCancel:g.onCancel,onSuccess:g.onSuccess}),C&&(0,G.jsx)(ie,{onCancel:C.onCancel,onSuccess:C.onSuccess})]})}ie.defaultProps={},ce.defaultProps={onCreate:function(){}};var se,ue,de=n(7199),fe="internal",me="external";function pe(){return(0,G.jsx)(B.DeletingBlockletProvider,{children:(0,G.jsx)(he,{})})}function he(){var e=(0,p.s0)(),t=(0,N.h6)(),n=(0,h.useSearchParams)(),l=(0,s.Z)(n,2),r=l[0],o=l[1],d=(0,E.RJ)(),f=d.data,U=d.externalData,H=d.error,W=d.refresh,J=d.loading,K=(0,B.useDeletingBlockletContext)(),Q=K.deletingBlocklets,X=K.addDeletingDid,Y=K.removeDeletingDid,$=K.matchDeletingDid,ee=(0,S.useLocaleContext)(),te=ee.t,ne=ee.locale,le=(0,u.useState)(r.get("searchText")),re=(0,s.Z)(le,2),oe=re[0],ae=re[1],ie=(0,v.default)("show-external-blocklet-actions",!1),se=(0,s.Z)(ie,1)[0],ue=[{id:fe,name:te("blocklet.internal")},{id:me,name:te("blocklet.external")}],pe=(0,v.default)("blocklet-type-filter",fe),he=(0,s.Z)(pe,2),be=he[0],ge=he[1],je=be===fe?f:U,ye=(null===t||void 0===t?void 0:t.info.mode)!==z.NODE_MODES.SERVERLESS;$(je.map((function(e){return e.meta.did})));var ke=function(e){var t=e.action,n=e.blocklet;"remove"===t&&X(n.meta.did)},Ce=function(){var e=(0,c.Z)((0,i.Z)().mark((function e(n){return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!n.error){e.next=4;break}return M.default.error(n.error.message),"remove"===n.action&&Y(n.blocklet.meta.did),e.abrupt("return");case 4:"remove"===n.action&&t.refresh({silent:!0});case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),we=(0,k.Z)((function(e){return e.breakpoints.up("md")})),Ze=null,Oe=je||[];if(H)Ze=(0,G.jsx)(_.default,{type:"error",variant:"icon",children:(0,G.jsxs)("div",{children:[(0,F.Z)(H),(0,G.jsx)(L.default,{onClick:function(){return W({silent:!1})},children:(0,G.jsx)("span",{style:{color:"#44cdc6",textDecoration:"underline"},children:te("common.retry")})})]})});else if(Oe.length>0||J){var Pe=["installedAt","startedAt","stoppedAt","createdAt"],_e=function(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},Le=Oe.map((function(e){return Pe.forEach((function(t){if(e[t]){var n=new Date(e[t]);e[t]=n}})),e})).sort((function(e,t){var n=_e(e);return _e(t)-n}));oe&&(Le=Le.filter((function(e){var t,n=(0,T.getDisplayName)(e)||"",l=(null===(t=e.site)||void 0===t?void 0:t.domainAliases)||[],r=oe.trim().toLocaleLowerCase();return n.toLocaleLowerCase().includes(r)||l.some((function(e){var t;return null===(t=e.value)||void 0===t?void 0:t.toLocaleLowerCase().includes(r)}))})));var Se=(0,C.getDurableData)("blocklets-list");Se.searchText&&!oe&&ae(Se.searchText);var ze=[{label:te("common.name"),name:"meta.title",options:{customBodyRenderLite:function(e){var t=Le[e],n=(0,T.getAppMissingConfigs)(t).length>0?"components":"overview";return(0,G.jsx)(h.Link,{to:"/blocklets/".concat(t.meta.did,"/").concat(n),className:"blocklet-name-wrapper",children:(0,G.jsxs)(x.Z,{component:"strong",variant:"body1",className:"blocklet-name",children:[(0,G.jsx)(R.Z,{blocklet:t,style:{marginRight:8}}),(0,G.jsxs)(y.Z,{children:[(0,G.jsx)(y.Z,{children:(0,T.getDisplayName)(t)}),(0,G.jsxs)(y.Z,{children:[(0,G.jsx)(I.default,{mode:t.mode||""}),!m()(t.controller)&&(0,G.jsx)(D.default,{type:"primary",children:te("blocklet.external")})]})]})]})},t.meta.did)}}},be===fe?{label:te("common.visit"),name:"runtimeInfo.pid",align:"left",options:{sort:!1,customBodyRenderLite:function(e){var t=Le[e];return(0,G.jsx)(q,{blocklet:t},t.meta.did)}}}:null,{label:te("common.installedAt"),name:"installedAt",options:{customBodyRenderLite:function(e){var t=Le[e];return t.installedAt?(0,G.jsx)(w.default,{value:t.installedAt.getTime(),locale:ne},t.meta.did):t.createdAt?(0,G.jsx)(w.default,{value:t.createdAt.getTime(),locale:ne},t.meta.did):""}}},{label:te("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite:function(e){var t=Le[e];return"running"===t.status&&t.appRuntimeInfo?(0,G.jsx)(w.default,{value:t.appRuntimeInfo.startAt,locale:ne},t.meta.did):""}}},{label:te("common.status"),name:"status",width:120,align:"center",options:{customBodyRenderLite:function(e){var t=Le[e];return(0,G.jsx)(A.default,{"data-cy":"blocklet-status","status-blocklet-did":t.meta.did,status:Q.includes(t.meta.did)?"deleting":t.status,source:t.source},t.meta.did)}}},be===fe||se?{label:te("common.actions"),name:"",width:90,options:{sort:!1,customBodyRenderLite:function(e){var t=Le[e];return(0,G.jsx)(V.Z,{blocklet:t,variant:"menu",onStart:ke,onComplete:Ce},t.meta.did)}}}:null].filter(Boolean),Me={};we||(Me.TableBody=function(e){if(J)return(0,G.jsx)(O.default,{relative:"parent",children:(0,G.jsx)(Z.Z,{})});var t=e.page,n=e.rowsPerPage,l=Le.slice(t*n,(t+1)*n);return l.length?(0,G.jsx)("div",{children:l.map((function(e){var t=(0,T.getAppMissingConfigs)(e).length>0?"components":"overview";return(0,G.jsxs)(y.Z,{className:"blocklet-item--mobile",display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,G.jsx)(R.Z,{className:"blocklet__avatar",blocklet:e,size:we?40:60}),(0,G.jsxs)(h.Link,{className:"blocklet__content",to:"/blocklets/".concat(e.meta.did,"/").concat(t),children:[(0,G.jsxs)(y.Z,{display:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[(0,G.jsx)(x.Z,{component:"strong",variant:"body1",className:"blocklet__name",children:(0,T.getDisplayName)(e,!0)}),(0,G.jsx)(V.Z,{blocklet:e,variant:"menu",onStart:ke,onComplete:Ce},e.meta.did)]}),(0,G.jsxs)(x.Z,{component:"small",className:"blocklet__addons",children:[(0,G.jsx)(y.Z,{display:"flex",alignItems:"center",children:(0,G.jsx)(q,{blocklet:e,style:{marginLeft:16,fontSize:14}})}),(0,G.jsx)(A.default,{"status-blocklet-did":e.meta.did,status:e.status,source:e.source},e.meta.did)]})]})]})}))}):(0,G.jsx)(P.default,{children:te("common.empty")})}),Ze=(0,G.jsx)(ve,{children:(0,G.jsx)(C.default,{loading:J,className:"blocklet-list",title:(0,G.jsx)(y.Z,{display:"flex",alignItems:"center",children:te("blocklet.index.tableTitle")}),locale:ne,data:Le,columns:ze,durable:"blocklets-list",options:(0,a.Z)((0,a.Z)({download:!1,filter:!1,print:!1,searchPlaceholder:te("common.search"),searchAlwaysOpen:!1,sortOrder:{name:"uptime",direction:"desc"},searchDebounceTime:300,onSearchChange:function(e){ae(e),o({searchText:null!==e&&void 0!==e?e:""})},customSearch:function(){return!0}},Se),{},{searchText:oe}),components:Me})})}else 0===Oe.length&&(Ze=(0,G.jsx)(_.default,{type:"warning",variant:"icon",children:te("blocklet.index.noBlocklet")}));return(0,G.jsxs)(xe,{children:[(0,G.jsxs)(x.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:[(0,G.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[te("common.blocklets"),!(!U||!U.length)&&(0,G.jsx)(b.Z,{sx:{ml:1},children:(0,G.jsx)(g.Z,{value:be,onChange:function(e){return ge(e.target.value)},size:"small",children:ue.map((function(e){return(0,G.jsx)(j.Z,{value:e.id,children:te(e.name)},e.id)}))})})]}),(0,G.jsx)(de.Z,{permission:"mutate_blocklets",children:ye&&(0,G.jsx)(ce,{onCreate:function(t){e("/blocklets/".concat(t.appDid,"/components"))}})})]}),Ze]})}var ve=d.default.div(se||(se=(0,o.Z)(["\n  .blocklet-item--mobile {\n    padding: 16px 0;\n  }\n"]))),xe=d.default.main(ue||(ue=(0,o.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"])))},29316:function(e,t,n){"use strict";var l=n(43681).default;Object.defineProperty(t,"__esModule",{value:!0}),t.default=Z;var r,o,a=n(5057),i=g(n(55898)),c=g(n(76720)),s=g(n(44955)),u=g(n(66942)),d=g(n(64807)),f=g(n(77198)),m=g(n(51280)),p=g(n(29379)),h=g(n(66816)),v=n(66044),x=n(96266),b=["size","color","menu","children","variant","onClick","menuButtonProps"];function g(e){return e&&e.__esModule?e:{default:e}}function j(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}function y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){if(null==e)return{};var n,l,r=function(e,t){if(null==e)return{};var n,l,r={},o=Object.keys(e);for(l=0;l<o.length;l++)n=o[l],t.indexOf(n)>=0||(r[n]=e[n]);return r}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(l=0;l<o.length;l++)n=o[l],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(r[n]=e[n])}return r}function Z(e){var t=e.size,n=e.color,r=e.menu,o=e.children,i=e.variant,s=e.onClick,p=e.menuButtonProps,v=w(e,b),g=(0,a.useState)(!1),j=l(g,2),y=j[0],C=j[1],Z=(0,a.useRef)(null),_=Array.isArray(r)?r.map((function(e,t){return(0,a.isValidElement)(e)?e:(0,a.createElement)(m.default,k(k({},e),{},{key:t}))})):r;return(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)(O,k(k({variant:i,size:t,color:n,ref:Z},v),{},{children:["function"===typeof o?o():(0,x.jsx)(h.default,{onClick:s,color:n,children:o}),(0,x.jsx)(h.default,k(k({onClick:function(){C((function(e){return!e}))},color:n},p),{},{"aria-label":"more functions",children:(0,x.jsx)(c.default,{})}))]})),(0,x.jsx)(P,{open:y,anchorEl:Z.current,placement:"bottom-end",disablePortal:!1,children:(0,x.jsx)(u.default,{children:(0,x.jsx)(d.default,{onClickAway:function(e){Z.current&&Z.current.contains(e.target)||C(!1)},children:(0,x.jsx)(f.default,{onClick:function(e){e.target.classList.contains("MuiMenuItem-root")&&C(!1)},children:_})})})})]})}Z.propTypes={size:i.default.oneOf(["small","medium","large"]),color:i.default.oneOf(["primary","secondary","inherit"]),menu:i.default.oneOfType([i.default.node,i.default.array]),children:i.default.node,variant:i.default.oneOf(["outlined","contained"]),onClick:i.default.func,menuButtonProps:i.default.object},Z.defaultProps={size:"medium",color:"primary",menu:[],children:null,variant:"contained",onClick:function(){},menuButtonProps:{}},Z.Item=m.default;var O=(0,v.styled)(p.default)(r||(r=j(["\n  > .MuiButtonBase-root:last-child {\n    min-width: 2em;\n    padding-left: 0;\n    padding-right: 0;\n  }\n"]))),P=(0,v.styled)(s.default)(o||(o=j(["\n  z-index: ",";\n  .MuiList-root {\n    padding: 4px 0;\n  }\n  .MuiListItem-root {\n    padding-top: 4px;\n    padding-bottom: 4px;\n  }\n"])),(function(e){return e.theme.zIndex.tooltip}))},35258:function(e,t,n){"use strict";var l=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(56930)),o=n(96266),a=(0,r.default)((0,o.jsx)("path",{d:"M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z"}),"Autorenew");t.default=a},70648:function(e,t,n){"use strict";var l=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(56930)),o=n(96266),a=(0,r.default)((0,o.jsx)("path",{d:"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"}),"Group");t.default=a},22754:function(e,t,n){"use strict";var l=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(56930)),o=n(96266),a=(0,r.default)((0,o.jsx)("path",{d:"M8 5v14l11-7z"}),"PlayArrow");t.default=a},49647:function(e,t,n){"use strict";var l=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(56930)),o=n(96266),a=(0,r.default)((0,o.jsx)("path",{d:"M18 17H6v-2h12v2zm0-4H6v-2h12v2zm0-4H6V7h12v2zM3 22l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20z"}),"Receipt");t.default=a},32207:function(e,t,n){"use strict";var l=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(56930)),o=n(96266),a=(0,r.default)((0,o.jsx)("path",{d:"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z"}),"Replay");t.default=a},17545:function(e,t,n){"use strict";var l=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(56930)),o=n(96266),a=(0,r.default)((0,o.jsx)("path",{d:"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"}),"Settings");t.default=a},98451:function(e,t,n){"use strict";var l=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=l(n(56930)),o=n(96266),a=(0,r.default)((0,o.jsx)("path",{d:"M6 6h12v12H6z"}),"Stop");t.default=a},3895:function(e,t,n){var l=n(98323),r=n(97247),o=n(89479),a=n(73470),i=n(74631),c=n(51565);e.exports=function(e,t,n,s){var u=-1,d=r,f=!0,m=e.length,p=[],h=t.length;if(!m)return p;n&&(t=a(t,i(n))),s?(d=o,f=!1):t.length>=200&&(d=c,f=!1,t=new l(t));e:for(;++u<m;){var v=e[u],x=null==n?v:n(v);if(v=s||0!==v?v:0,f&&x===x){for(var b=h;b--;)if(t[b]===x)continue e;p.push(v)}else d(t,x,s)||p.push(v)}return p}},13973:function(e,t,n){var l=n(3895),r=n(61350),o=n(43676);e.exports=function(e,t,n){var a=e.length;if(a<2)return a?o(e[0]):[];for(var i=-1,c=Array(a);++i<a;)for(var s=e[i],u=-1;++u<a;)u!=i&&(c[i]=l(c[i]||s,e[u],t,n));return o(r(c,1),t,n)}},75506:function(e,t,n){var l=n(74525),r=n(34493),o=n(79689),a=n(44028),i=n(90653),c=n(43401),s=n(98604),u=n(52563),d=Object.prototype.hasOwnProperty;e.exports=function(e){if(null==e)return!0;if(i(e)&&(a(e)||"string"==typeof e||"function"==typeof e.splice||c(e)||u(e)||o(e)))return!e.length;var t=r(e);if("[object Map]"==t||"[object Set]"==t)return!e.size;if(s(e))return!l(e).length;for(var n in e)if(d.call(e,n))return!1;return!0}},69163:function(e,t,n){var l=n(5948),r=n(86456),o=n(13973),a=n(7244),i=n(59408),c=r((function(e){var t=i(e);return t="function"==typeof t?t:void 0,o(l(e,a),void 0,t)}));e.exports=c},33665:function(e,t,n){"use strict";function l(e){if(null==e)throw new TypeError("Cannot destructure "+e)}n.d(t,{Z:function(){return l}})}}]);

package/build/static/js/{4633.2404d789.chunk.js → 4633.5d74502f.chunk.js}

@@ -1 +1 @@
-(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[4633],{14633:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return u}});var r=n(88018),a=n(49777),i=n.n(a),o=n(25339),s=n(74094),l=n(60411),c=n(96266);function u(){var e=(0,l.h6)().info,t=(0,s.yP)(e);return(0,c.jsx)(r.Z,{SessionContext:o.B3,webWalletUrl:t,createPassportSvg:i(),passportColor:"default"})}},49777:function(e,t,n){var r=n(6377),a=r.getNftBGColor,i=r.DEFAULT_COLOR,o=r.getNftBGColorFromDid;e.exports=function(e){var t,n=e.issuer,r=void 0===n?"":n,s=e.title,l=void 0===s?"":s,c=e.issuerDid,u=void 0===c?"":c,d=e.ownerName,p=void 0===d?"":d,f=e.ownerAvatarUrl,h=void 0===f?"":f,m=e.preferredColor,v=void 0===m?"default":m,x=e.revoked,g=void 0!==x&&x,C=e.isDataUrl,b=void 0!==C&&C,w=e.width,y=void 0===w?"100%":w,j=e.height,P=void 0===j?"100%":j;t="default"===v?i:"auto"===v?o(u):a(v);var M='<svg width="'.concat(y,'" height="').concat(P,'" viewBox="0 0 424 564" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect x="1" y="1" width="422" height="562" rx="21" fill="url(#paint0_linear_6_342)"/>\n<text x="360" y="65" fill="white" xml:space="preserve" font-family="Roboto,Helvetica" font-size="').concat(l.length>=12?12:l.length>=10?14:l.length>=8?18:l.length>=6?24:28,'" letter-spacing="0px" style="dominant-baseline:middle;text-anchor:middle;">').concat(l.toUpperCase(),'</text>\n<text opacity="0.4" fill="white" xml:space="preserve" style="white-space: pre" font-family="Roboto,Helvetica" font-size="16" font-weight="500" letter-spacing="0px"><tspan x="319" y="40.9688">PASSPORT</tspan></text>\n<text fill="white" xml:space="preserve" style="white-space: pre" font-family="Roboto,Helvetica" font-size="').concat(r.length>15?20:24,'" font-weight="500" letter-spacing="0px"><tspan x="26" y="60.2031">').concat(r,'</tspan></text>\n<rect x="2" y="102" width="420" height="168" fill="black" fill-opacity="0.3"/>\n<circle cx="212" cy="250" r="60" fill="#FBFBFB"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M212.224 247.722C218.932 247.722 224.37 242.284 224.37 235.575C224.37 228.867 218.932 223.429 212.224 223.429C205.515 223.429 200.077 228.867 200.077 235.575C200.077 242.284 205.515 247.722 212.224 247.722ZM188.857 272.018C188.857 274.573 190.929 276.645 193.484 276.645H230.962C231.28 276.645 231.597 276.612 231.908 276.547C234.41 276.025 236.014 273.574 235.492 271.072L234.335 265.533C232.991 259.099 227.319 254.489 220.746 254.489H203.7C197.127 254.489 191.455 259.099 190.112 265.533L188.955 271.072C188.89 271.383 188.857 271.7 188.857 272.018Z" fill="#FBFBFB" />\n<path d="M231.908 276.547L232.215 278.016L231.908 276.547ZM235.492 271.072L236.96 270.765H236.96L235.492 271.072ZM234.335 265.533L232.866 265.839L234.335 265.533ZM190.112 265.533L191.58 265.839L190.112 265.533ZM188.955 271.072L187.487 270.765H187.487L188.955 271.072ZM222.87 235.575C222.87 241.455 218.104 246.222 212.224 246.222V249.222C219.761 249.222 225.87 243.112 225.87 235.575H222.87ZM212.224 224.929C218.104 224.929 222.87 229.695 222.87 235.575H225.87C225.87 228.038 219.761 221.929 212.224 221.929V224.929ZM201.577 235.575C201.577 229.695 206.344 224.929 212.224 224.929V221.929C204.687 221.929 198.577 228.038 198.577 235.575H201.577ZM212.224 246.222C206.344 246.222 201.577 241.455 201.577 235.575H198.577C198.577 243.112 204.687 249.222 212.224 249.222V246.222ZM193.484 275.145C191.757 275.145 190.357 273.745 190.357 272.018H187.357C187.357 275.402 190.1 278.145 193.484 278.145V275.145ZM230.962 275.145H193.484V278.145H230.962V275.145ZM231.601 275.079C231.391 275.123 231.177 275.145 230.962 275.145V278.145C231.383 278.145 231.803 278.102 232.215 278.016L231.601 275.079ZM234.023 271.379C234.376 273.069 233.292 274.726 231.601 275.079L232.215 278.016C235.527 277.324 237.652 274.078 236.96 270.765L234.023 271.379ZM232.866 265.839L234.023 271.379L236.96 270.765L235.803 265.226L232.866 265.839ZM220.746 255.989C226.609 255.989 231.668 260.1 232.866 265.839L235.803 265.226C234.314 258.097 228.029 252.989 220.746 252.989V255.989ZM203.7 255.989H220.746V252.989H203.7V255.989ZM191.58 265.839C192.779 260.1 197.838 255.989 203.7 255.989V252.989C196.417 252.989 190.132 258.097 188.643 265.226L191.58 265.839ZM190.423 271.379L191.58 265.839L188.643 265.226L187.487 270.765L190.423 271.379ZM190.357 272.018C190.357 271.803 190.379 271.589 190.423 271.379L187.487 270.765C187.401 271.177 187.357 271.597 187.357 272.018H190.357Z" fill="#BFBFBF" />\n<circle cx="212" cy="250" r="60" fill="url(#raduisImage)"/>\n<defs>\n<pattern id="raduisImage" patternUnits="userSpaceOnUse" width="424" height="564">\n<image x="152" y="190" href="').concat(h,'" width="120" height="120" />\n</pattern>\n</defs>\n<text x="215" y="350" fill="white" xml:space="preserve" style="dominant-baseline:middle;text-anchor:middle;" font-family="Roboto,Helvetica" font-size="28" font-weight="500" letter-spacing="0px">').concat(p,'</text>\n<text opacity="0.4" fill="white" xml:space="preserve" style="white-space: pre" font-family="Roboto,Helvetica" font-size="18" font-weight="500" letter-spacing="0px"><tspan x="26" y="407.652">ISSUER DID</tspan></text>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M28.6722 423.313H45.3819C46.4294 423.313 47.2787 424.162 47.2787 425.21V433.79C47.2787 434.838 46.4294 435.687 45.3819 435.687H28.6722C27.9517 435.687 27.3249 435.285 27.0039 434.694H26.1167C26.4887 435.746 27.4924 436.5 28.6722 436.5H45.3819C46.8784 436.5 48.0916 435.287 48.0916 433.79V425.21C48.0916 423.713 46.8784 422.5 45.3819 422.5H28.6722C27.3296 422.5 26.215 423.477 26 424.758H26.8295C27.0321 423.929 27.7803 423.313 28.6722 423.313ZM27.8801 432.096C27.7831 432.089 27.6966 432.082 27.6204 432.075V427.526C27.7243 427.512 27.8351 427.505 27.9528 427.505C28.0705 427.498 28.1848 427.494 28.2955 427.494C29.1057 427.494 29.6978 427.688 30.0717 428.076C30.4457 428.464 30.6326 429.035 30.6326 429.79C30.6326 430.51 30.4353 431.074 30.0406 431.483C29.6528 431.892 29.0538 432.096 28.2436 432.096H27.8801ZM32.0141 431.421C32.208 430.957 32.305 430.413 32.305 429.79C32.305 429.139 32.208 428.582 32.0141 428.118C31.8202 427.654 31.5432 427.273 31.1832 426.975C30.8231 426.677 30.3903 426.459 29.8848 426.321C29.3862 426.182 28.8288 426.113 28.2125 426.113C27.9216 426.113 27.5719 426.127 27.1634 426.154C26.7617 426.175 26.3739 426.22 26 426.29V433.301C26.3739 433.377 26.7548 433.425 27.1426 433.446C27.5304 433.474 27.8697 433.488 28.1605 433.488C28.7976 433.488 29.3723 433.412 29.8848 433.259C30.3972 433.107 30.83 432.878 31.1832 432.574C31.5432 432.269 31.8202 431.885 32.0141 431.421ZM35.2788 426.196H33.6585V433.394H35.2788V426.196ZM38.5654 432.075C38.6416 432.082 38.7281 432.089 38.8251 432.096H39.1886C39.9988 432.096 40.5978 431.892 40.9856 431.483C41.3803 431.074 41.5776 430.51 41.5776 429.79C41.5776 429.035 41.3907 428.464 41.0167 428.076C40.6428 427.688 40.0507 427.494 39.2405 427.494C39.1298 427.494 39.0155 427.498 38.8978 427.505C38.7801 427.505 38.6693 427.512 38.5654 427.526V432.075ZM43.25 429.79C43.25 430.413 43.153 430.957 42.9591 431.421C42.7652 431.885 42.4882 432.269 42.1282 432.574C41.775 432.878 41.3422 433.107 40.8298 433.259C40.3173 433.412 39.7426 433.488 39.1055 433.488C38.8147 433.488 38.4754 433.474 38.0876 433.446C37.6998 433.425 37.3189 433.377 36.945 433.301V426.29C37.3189 426.22 37.7067 426.175 38.1084 426.154C38.5169 426.127 38.8666 426.113 39.1574 426.113C39.7738 426.113 40.3312 426.182 40.8298 426.321C41.3353 426.459 41.7681 426.677 42.1282 426.975C42.4882 427.273 42.7652 427.654 42.9591 428.118C43.153 428.582 43.25 429.139 43.25 429.79ZM45.1907 428.355C44.8209 428.355 44.5161 428.055 44.5161 427.686C44.5161 427.316 44.8209 427.016 45.1907 427.016C45.5604 427.016 45.8652 427.316 45.8652 427.686C45.8652 428.055 45.5604 428.355 45.1907 428.355ZM45.1907 431.855C44.8209 431.855 44.5161 431.555 44.5161 431.185C44.5161 430.815 44.8209 430.516 45.1907 430.516C45.5604 430.516 45.8652 430.815 45.8652 431.185C45.8652 431.555 45.5604 431.855 45.1907 431.855Z" fill="white"/>\n<text fill="white" xml:space="preserve" style="white-space: pre" font-family="Roboto,Helvetica" font-size="15" font-weight="500" letter-spacing="0px"><tspan x="54.0916" y="434.969">').concat(u,'</tspan></text>\n<rect x="1" y="1" width="422" height="562" rx="21" stroke="#F0F0F0" stroke-width="2"/>\n<defs>\n<linearGradient id="paint0_linear_6_342" x1="414.5" y1="562" x2="-116.166" y2="156.726" gradientUnits="userSpaceOnUse">\n<stop stop-color="').concat(t.startColor,'"/>\n<stop offset="1" stop-color="').concat(t.endColor,'"/>\n</linearGradient>\n</defs>\n').concat(g?'<circle cx="210" cy="250" r="120" stroke="rgba(255,0,0,0.5)" stroke-width="25" /><line x1="132" y1="168" x2="296" y2="323" stroke="rgba(255,0,0,0.5)" stroke-width="25" />':"","\n</svg>");return b?"data:image/svg+xml;utf8,".concat(encodeURIComponent(M)):M}},6377:function(e,t,n){var r=n(49394).toHex,a=n(18033).Hasher,i=function(e){if(e){var t=function(e){var t,n,r=e.replace("#",""),a=parseInt(r.slice(0,2),16)/255,i=parseInt(r.slice(2,4),16)/255,o=parseInt(r.slice(4,6),16)/255,s=Math.max(a,i,o),l=Math.min(a,i,o),c=(s+l)/2;if(s===l)t=0,n=0;else{var u=s-l;switch(n=c>.5?u/(2-s-l):u/(s+l),s){case a:t=(i-o)/u+(i<o?6:0);break;case i:t=(o-a)/u+2;break;case o:t=(a-i)/u+4}t/=6}return[t,n,c]}(e),n=[t[0]];t[1]>.7?n.push(.7):n.push(t[1]),t[2]>.6?n.push(.6):t[2]<.3?n.push(.3):n.push(t[2]);var r=[n[0],n[1],n[2]-.1],a=s.apply(void 0,n);return{startColor:s.apply(void 0,r),endColor:a}}return{startColor:"#2B3845",endColor:"#5A7A8A"}};function o(e){return"#".concat(r(a.SHA3.hash224(e)).slice(-6))}function s(e,t,n){var r,a,i;if(0===t)r=n,a=n,i=n;else{var o=function(e,t,n){var r=n;return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e},s=n<.5?n*(1+t):n+t-n*t,l=2*n-s;r=o(l,s,e+1/3),a=o(l,s,e),i=o(l,s,e-1/3)}return"#".concat([Math.round(255*r),Math.round(255*a),Math.round(255*i)].map((function(e){return e.toString(16).padStart(2,0)})).join(""))}e.exports={getNftBGColor:i,getNftBGColorFromDid:function(e){return i(o(e))},DEFAULT_COLOR:{startColor:"#2B3845",endColor:"#5A7A8A"},getPassportColorFromDid:o}},21866:function(e,t,n){"use strict";var r=n(43681).default;Object.defineProperty(t,"__esModule",{value:!0}),t.default=u;var a,i=n(5057),o=c(n(33518)),s=c(n(55898)),l=n(96266);function c(e){return e&&e.__esModule?e:{default:e}}function u(e){var t,n=e.list,a=e.width,o=e.height,s=e.cardSpace,c=e.onSelect,u=e.defaultIndex,d=(0,i.useState)(0),p=r(d,2),h=p[0],m=p[1],v=(0,i.useState)(0),x=r(v,2),g=x[0],C=x[1],b=(0,i.useRef)(null),w=function(e){if(!(e<0||e>n.length-1)){m(e);var t=b.current.clientWidth;C(e*(a+s)-(t-a)/2+.5*s),c(e)}};(0,i.useEffect)((function(){w(u);b.current.addEventListener("touchmove",(function(e){return e.preventDefault()}),{passive:!1})}),[]);return(0,l.jsx)(f,{ref:b,onTouchStart:function(e){var n=e.touches[0];t=n.clientX},onTouchEnd:function(e){var n=e.changedTouches[0],r=t-n.clientX;Math.abs(r)>60&&w(r>0?h+1:h-1)},children:(0,l.jsx)("div",{className:"card-container",style:{transform:"translate(".concat(-g,"px, 0)")},children:n.map((function(e,t){return(0,l.jsx)("div",{className:"card-item ".concat(t===h?"selected":""),style:{width:a,height:o,margin:s/2},onClick:function(){return w(t)},children:(0,l.jsx)("img",{src:e.src,alt:e.name})},t)}))})})}var d,p,f=o.default.div(a||(d=["\n  overflow: hidden;\n  mask-image: linear-gradient(to left, transparent, black 3%, black 97%, transparent);\n  overflow: hidden;\n  .card-container {\n    display: flex;\n    white-space: nowrap;\n    width: max-content;\n    transition: all ease 0.3s;\n  }\n  .card-item {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    cursor: pointer;\n    img {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      outline: #526ded solid 0;\n      transition: all ease 0.2s;\n      box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;\n    }\n    &.selected {\n      cursor: default;\n      img {\n        outline: #526ded solid 5px;\n      }\n    }\n  }\n"],p||(p=d.slice(0)),a=Object.freeze(Object.defineProperties(d,{raw:{value:Object.freeze(p)}}))));u.propTypes={list:s.default.array,width:s.default.number,height:s.default.number,cardSpace:s.default.number,onSelect:s.default.func,defaultIndex:s.default.number},u.defaultProps={list:"",width:300,height:400,cardSpace:40,onSelect:function(){},defaultIndex:0}},55372:function(e,t,n){"use strict";var r=n(77668),a=n(55319),i=n(5433);e.exports={translations:{zh:r(i),en:r(a)}}},88018:function(e,t,n){"use strict";var r=n(43681).default;t.Z=void 0;var a,i=n(5057),o=H(n(33518)),s=n(15849),l=H(n(67623)),c=H(n(80576)),u=H(n(76005)),d=H(n(54935)),p=H(n(70407)),f=H(n(97435)),h=H(n(91653)),m=H(n(64185)),v=H(n(41105)),x=H(n(56184)),g=H(n(1793)),C=H(n(13714)),b=H(n(2273)),w=n(52118),y=H(n(60829)),j=H(n(57090)),P=n(35432),M=H(n(21866)),L=H(n(1914)),O=H(n(22317)),S=n(96266);function H(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 _(e){var t=e.icon,n=e.active,r=e.completed,a={1:(0,S.jsx)(m.default,{className:"step-icon"}),2:(0,S.jsx)(v.default,{className:"step-icon"}),3:(0,S.jsx)(x.default,{className:"step-icon"})},i=["step-icon-w"];return n&&i.push("step-icon-w--active"),r&&i.push("step-icon-w--completed"),(0,S.jsx)("div",{className:i.join(" "),children:a[String(t)]})}var Z,N,z=(0,o.default)(c.default)(a||(Z=["\n  padding-top: 46px;\n  padding-bottom: 46px;\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  @media (max-width: ","px) {\n    display: block;\n  }\n  .header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .stepper {\n    padding: 24px;\n    height: auto;\n    width: 100%;\n    min-height: 640px;\n    display: flex;\n    flex-direction: column;\n\n    .stepper-progress {\n      padding: 0;\n      flex: 0;\n      margin-bottom: 24px;\n\n      .MuiStepLabel-label.MuiStepLabel-alternativeLabel {\n        margin-top: 8px;\n      }\n\n      .MuiStepConnector-alternativeLabel {\n        top: 24px;\n      }\n\n      .MuiStepConnector-lineHorizontal {\n        height: 3px;\n        border: none;\n        background-color: #eaeaf0;\n        border-radius: 1px;\n      }\n\n      .step-icon-w {\n        background-color: ",";\n        z-index: 1;\n        color: ",";\n        width: 50px;\n        height: 50px;\n        display: flex;\n        border-radius: 50%;\n        justify-content: center;\n        align-items: center;\n        .step-icon {\n          font-size: 30px;\n        }\n      }\n\n      .step-icon-w--active {\n        background-color: ",";\n      }\n\n      .step-icon-w--completed {\n        background-color: ",";\n      }\n    }\n\n    .stepper-content {\n      padding: 0 64px;\n      flex: 1;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 24px;\n\n      .stepper-icon {\n        margin-left: 40px;\n      }\n\n      .stepper-auth {\n        padding: 0;\n\n        .auth-title {\n          margin-bottom: 16px;\n        }\n      }\n\n      .stepper-tip {\n        text-align: center;\n        margin-bottom: 16px;\n      }\n      @media (max-width: ","px) {\n        padding: 0;\n      }\n    }\n\n    .stepper-actions {\n      flex: 0;\n      text-align: right;\n      padding: 0 64px;\n      display: none;\n      .step-button {\n        margin-right: 8px;\n      }\n    }\n\n    .select-passport {\n      width: 80%;\n      @media (max-width: ","px) {\n        width: 100%;\n      }\n    }\n\n    .user-info {\n      .name {\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 25px;\n        color: #222222;\n      }\n    }\n  }\n\n  .connect {\n    background: #fafafa;\n  }\n"],N||(N=Z.slice(0)),a=Object.freeze(Object.defineProperties(Z,{raw:{value:Object.freeze(N)}}))),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.palette.grey[500]}),(function(e){return e.theme.palette.common.white}),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.palette.secondary.main}),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.breakpoints.values.sm})),V=(0,L.default)((function(e){var t=e.SessionContext,a=e.webWalletUrl,o=e.createPassportSvg,c=e.passportColor,m=(0,i.useContext)(t),v=m.api,x=m.session,L=(0,i.useContext)(w.LocaleContext),H=L.t,Z=L.locale,N=(0,i.useState)(!1),V=r(N,2),F=V[0],I=V[1],D=(0,i.useState)(!1),A=r(D,2),B=A[0],R=A[1],U=(0,i.useState)(!1),E=r(U,2),T=E[0],W=E[1],G=(0,s.useNavigate)(),X=(0,i.useState)(0),K=r(X,2),q=K[0],J=K[1],Q=(0,O.default)().setPassportId,Y=(0,y.default)().wallet,$=new URL(window.location.href).searchParams,ee=function(){J(q+1)},te=function(e){I(e.user)},ne=function(e){null!==e&&void 0!==e&&e.passportId&&Q(e.passportId),W(!0),ee()},re=function(){var e;if(Y&&"1"===new URL(window.location.href).searchParams.get("fromWallet"))Promise.resolve().then((function(){return function(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 i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(72365))})).then((function(e){e.call("arcClosePage")}));else{try{x.logout()}catch(r){}var t=$.get("redirect");t?G(t,{replace:!0}):((null===(e=window.env)||void 0===e?void 0:e.apiPrefix)||"").startsWith(P.WELLKNOWN_SERVICE_PATH_PREFIX)?G("".concat(P.WELLKNOWN_SERVICE_PATH_PREFIX,"/login"),{replace:!0}):G("/",{replace:!0})}},ae=[{label:H("lostPassport.selectPassport"),content:function(){return F?(0,S.jsxs)(d.default,{className:"select-passport",children:[(0,S.jsxs)(d.default,{my:1,display:"flex",alignItems:"center",className:"user-info",children:[(0,S.jsx)(g.default,{src:F.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),(0,S.jsxs)(d.default,{children:[(0,S.jsx)(d.default,{className:"name",children:F.fullName}),(0,S.jsx)(d.default,{className:"did",mt:1,children:(0,S.jsx)(b.default,{children:F.did})})]})]}),(0,S.jsx)("div",{children:(0,S.jsx)(M.default,{width:230,height:306,cardSpace:24,list:F.passportTypes.map((function(e){return{src:o({title:e.title,issuer:e.issuer.name,issuerDid:e.issuer.id,ownerName:F.fullName,ownerAvatarUrl:F.avatar,isDataUrl:!0,preferredColor:c||"auto"}),name:e.title}})),onSelect:function(e){return t={target:{value:F.passportTypes[e].name}},void R(t.target.value);var t},defaultIndex:0})}),(0,S.jsx)(d.default,{textAlign:"center",children:(0,S.jsx)(C.default,{variant:"contained",color:"primary",onClick:function(){ee()},disabled:!B,children:H("common.next")})})]}):(0,S.jsx)(j.default,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-list",forceConnected:!1,autoConnect:!1,checkFn:v.get,checkTimeout:6e5,webWalletUrl:a,onSuccess:te,locale:Z,messages:{title:H("lostPassport.dialog.title"),scan:H("lostPassport.dialog.scan"),confirm:H("lostPassport.dialog.confirm"),success:H("lostPassport.dialog.success")}})}},{label:H("lostPassport.receivePassport"),content:function(){var e={receiverDid:F.did,passportName:B};return(0,S.jsx)(j.default,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-issue",checkFn:v.get,checkTimeout:6e5,webWalletUrl:a,onSuccess:ne,locale:Z,messages:{title:"".concat(H("lostPassport.dialog.title")),scan:H("lostPassport.dialog.scan"),confirm:H("lostPassport.dialog.confirm"),success:H("lostPassport.dialog.success")},extraParams:e})}},{label:H("common.complete"),content:function(){return(0,S.jsxs)(d.default,{textAlign:"center",children:[(0,S.jsx)(d.default,{mb:3,color:"success.main",children:(0,S.jsx)(u.default,{style:{fontSize:60}})}),(0,S.jsx)(l.default,{component:"p",variant:"body1",className:"subheader",children:H("issuePassport.dialog.success")}),(0,S.jsx)(C.default,{style:{marginTop:40},variant:"contained",color:"primary",onClick:re,children:H("issuePassport.dialog.loginWithPassport")})]})}}];return(0,S.jsx)(z,{children:(0,S.jsxs)("div",{className:"stepper",children:[(0,S.jsx)(p.default,{className:"stepper-progress",alternativeLabel:!0,activeStep:q,children:ae.map((function(e){var t=e.label;return(0,S.jsx)(f.default,{children:(0,S.jsx)(h.default,{StepIconComponent:_,children:t})},t)}))}),(0,S.jsx)("div",{className:"stepper-content",children:ae[q].content()}),!T&&(0,S.jsx)(d.default,{textAlign:"center",fontSize:12,children:(0,S.jsx)(s.Link,{to:"/",style:{color:"#4598FA"},children:H("lostPassport.return")})})]})})}));t.Z=V},1914:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return function(t){return(0,i.jsx)(r.LocaleProvider,{translations:a.translations,children:(0,i.jsx)(e,s({},t))})}};var r=n(52118),a=n(55372),i=n(96266);function o(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?o(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(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}},76005:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(56930)),i=n(96266),o=(0,a.default)((0,i.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckCircle");t.default=o},56184:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(56930)),i=n(96266),o=(0,a.default)((0,i.jsx)("path",{d:"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}),"Done");t.default=o},41105:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(56930)),i=n(96266),o=(0,a.default)((0,i.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}),"GetApp");t.default=o},64185:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(56930)),i=n(96266),o=(0,a.default)((0,i.jsx)("path",{d:"M3 14h4v-4H3v4zm0 5h4v-4H3v4zM3 9h4V5H3v4zm5 5h13v-4H8v4zm0 5h13v-4H8v4zM8 5v4h13V5H8z"}),"ViewList");t.default=o}}]);
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[4633],{14633:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return d}});var r=n(88018),a=n(49777),i=n.n(a),o=n(25339),s=n(74094),l=n(60411),c=n(96266);function d(){var e=(0,l.h6)().info,t=(0,s.yP)(e);return(0,c.jsx)(r.Z,{SessionContext:o.B3,webWalletUrl:t,createPassportSvg:i(),passportColor:"default"})}},49777:function(e,t,n){var r=n(6377),a=r.getNftBGColor,i=r.DEFAULT_COLOR,o=r.getNftBGColorFromDid;e.exports=function(e){var t,n=e.issuer,r=void 0===n?"":n,s=e.title,l=void 0===s?"":s,c=e.issuerDid,d=void 0===c?"":c,u=e.ownerName,p=void 0===u?"":u,f=e.ownerAvatarUrl,h=void 0===f?"":f,m=e.preferredColor,v=void 0===m?"default":m,x=e.revoked,g=void 0!==x&&x,C=e.isDataUrl,b=void 0!==C&&C,w=e.width,y=void 0===w?"100%":w,j=e.height,P=void 0===j?"100%":j;t="default"===v?i:"auto"===v?o(d):a(v);var M='<svg width="'.concat(y,'" height="').concat(P,'" viewBox="0 0 424 564" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect x="1" y="1" width="422" height="562" rx="21" fill="url(#paint0_linear_6_342)"/>\n<text x="360" y="65" fill="white" xml:space="preserve" font-family="Roboto,Helvetica" font-size="').concat(l.length>=12?12:l.length>=10?14:l.length>=8?18:l.length>=6?24:28,'" letter-spacing="0px" style="dominant-baseline:middle;text-anchor:middle;">').concat(l.toUpperCase(),'</text>\n<text opacity="0.4" fill="white" xml:space="preserve" style="white-space: pre" font-family="Roboto,Helvetica" font-size="16" font-weight="500" letter-spacing="0px"><tspan x="319" y="40.9688">PASSPORT</tspan></text>\n<text fill="white" xml:space="preserve" style="white-space: pre" font-family="Roboto,Helvetica" font-size="').concat(r.length>15?20:24,'" font-weight="500" letter-spacing="0px"><tspan x="26" y="60.2031">').concat(r,'</tspan></text>\n<rect x="2" y="102" width="420" height="168" fill="black" fill-opacity="0.3"/>\n<circle cx="212" cy="250" r="60" fill="#FBFBFB"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M212.224 247.722C218.932 247.722 224.37 242.284 224.37 235.575C224.37 228.867 218.932 223.429 212.224 223.429C205.515 223.429 200.077 228.867 200.077 235.575C200.077 242.284 205.515 247.722 212.224 247.722ZM188.857 272.018C188.857 274.573 190.929 276.645 193.484 276.645H230.962C231.28 276.645 231.597 276.612 231.908 276.547C234.41 276.025 236.014 273.574 235.492 271.072L234.335 265.533C232.991 259.099 227.319 254.489 220.746 254.489H203.7C197.127 254.489 191.455 259.099 190.112 265.533L188.955 271.072C188.89 271.383 188.857 271.7 188.857 272.018Z" fill="#FBFBFB" />\n<path d="M231.908 276.547L232.215 278.016L231.908 276.547ZM235.492 271.072L236.96 270.765H236.96L235.492 271.072ZM234.335 265.533L232.866 265.839L234.335 265.533ZM190.112 265.533L191.58 265.839L190.112 265.533ZM188.955 271.072L187.487 270.765H187.487L188.955 271.072ZM222.87 235.575C222.87 241.455 218.104 246.222 212.224 246.222V249.222C219.761 249.222 225.87 243.112 225.87 235.575H222.87ZM212.224 224.929C218.104 224.929 222.87 229.695 222.87 235.575H225.87C225.87 228.038 219.761 221.929 212.224 221.929V224.929ZM201.577 235.575C201.577 229.695 206.344 224.929 212.224 224.929V221.929C204.687 221.929 198.577 228.038 198.577 235.575H201.577ZM212.224 246.222C206.344 246.222 201.577 241.455 201.577 235.575H198.577C198.577 243.112 204.687 249.222 212.224 249.222V246.222ZM193.484 275.145C191.757 275.145 190.357 273.745 190.357 272.018H187.357C187.357 275.402 190.1 278.145 193.484 278.145V275.145ZM230.962 275.145H193.484V278.145H230.962V275.145ZM231.601 275.079C231.391 275.123 231.177 275.145 230.962 275.145V278.145C231.383 278.145 231.803 278.102 232.215 278.016L231.601 275.079ZM234.023 271.379C234.376 273.069 233.292 274.726 231.601 275.079L232.215 278.016C235.527 277.324 237.652 274.078 236.96 270.765L234.023 271.379ZM232.866 265.839L234.023 271.379L236.96 270.765L235.803 265.226L232.866 265.839ZM220.746 255.989C226.609 255.989 231.668 260.1 232.866 265.839L235.803 265.226C234.314 258.097 228.029 252.989 220.746 252.989V255.989ZM203.7 255.989H220.746V252.989H203.7V255.989ZM191.58 265.839C192.779 260.1 197.838 255.989 203.7 255.989V252.989C196.417 252.989 190.132 258.097 188.643 265.226L191.58 265.839ZM190.423 271.379L191.58 265.839L188.643 265.226L187.487 270.765L190.423 271.379ZM190.357 272.018C190.357 271.803 190.379 271.589 190.423 271.379L187.487 270.765C187.401 271.177 187.357 271.597 187.357 272.018H190.357Z" fill="#BFBFBF" />\n<circle cx="212" cy="250" r="60" fill="url(#raduisImage)"/>\n<defs>\n<pattern id="raduisImage" patternUnits="userSpaceOnUse" width="424" height="564">\n<image x="152" y="190" href="').concat(h,'" width="120" height="120" />\n</pattern>\n</defs>\n<text x="215" y="350" fill="white" xml:space="preserve" style="dominant-baseline:middle;text-anchor:middle;" font-family="Roboto,Helvetica" font-size="28" font-weight="500" letter-spacing="0px">').concat(p,'</text>\n<text opacity="0.4" fill="white" xml:space="preserve" style="white-space: pre" font-family="Roboto,Helvetica" font-size="18" font-weight="500" letter-spacing="0px"><tspan x="26" y="407.652">ISSUER DID</tspan></text>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M28.6722 423.313H45.3819C46.4294 423.313 47.2787 424.162 47.2787 425.21V433.79C47.2787 434.838 46.4294 435.687 45.3819 435.687H28.6722C27.9517 435.687 27.3249 435.285 27.0039 434.694H26.1167C26.4887 435.746 27.4924 436.5 28.6722 436.5H45.3819C46.8784 436.5 48.0916 435.287 48.0916 433.79V425.21C48.0916 423.713 46.8784 422.5 45.3819 422.5H28.6722C27.3296 422.5 26.215 423.477 26 424.758H26.8295C27.0321 423.929 27.7803 423.313 28.6722 423.313ZM27.8801 432.096C27.7831 432.089 27.6966 432.082 27.6204 432.075V427.526C27.7243 427.512 27.8351 427.505 27.9528 427.505C28.0705 427.498 28.1848 427.494 28.2955 427.494C29.1057 427.494 29.6978 427.688 30.0717 428.076C30.4457 428.464 30.6326 429.035 30.6326 429.79C30.6326 430.51 30.4353 431.074 30.0406 431.483C29.6528 431.892 29.0538 432.096 28.2436 432.096H27.8801ZM32.0141 431.421C32.208 430.957 32.305 430.413 32.305 429.79C32.305 429.139 32.208 428.582 32.0141 428.118C31.8202 427.654 31.5432 427.273 31.1832 426.975C30.8231 426.677 30.3903 426.459 29.8848 426.321C29.3862 426.182 28.8288 426.113 28.2125 426.113C27.9216 426.113 27.5719 426.127 27.1634 426.154C26.7617 426.175 26.3739 426.22 26 426.29V433.301C26.3739 433.377 26.7548 433.425 27.1426 433.446C27.5304 433.474 27.8697 433.488 28.1605 433.488C28.7976 433.488 29.3723 433.412 29.8848 433.259C30.3972 433.107 30.83 432.878 31.1832 432.574C31.5432 432.269 31.8202 431.885 32.0141 431.421ZM35.2788 426.196H33.6585V433.394H35.2788V426.196ZM38.5654 432.075C38.6416 432.082 38.7281 432.089 38.8251 432.096H39.1886C39.9988 432.096 40.5978 431.892 40.9856 431.483C41.3803 431.074 41.5776 430.51 41.5776 429.79C41.5776 429.035 41.3907 428.464 41.0167 428.076C40.6428 427.688 40.0507 427.494 39.2405 427.494C39.1298 427.494 39.0155 427.498 38.8978 427.505C38.7801 427.505 38.6693 427.512 38.5654 427.526V432.075ZM43.25 429.79C43.25 430.413 43.153 430.957 42.9591 431.421C42.7652 431.885 42.4882 432.269 42.1282 432.574C41.775 432.878 41.3422 433.107 40.8298 433.259C40.3173 433.412 39.7426 433.488 39.1055 433.488C38.8147 433.488 38.4754 433.474 38.0876 433.446C37.6998 433.425 37.3189 433.377 36.945 433.301V426.29C37.3189 426.22 37.7067 426.175 38.1084 426.154C38.5169 426.127 38.8666 426.113 39.1574 426.113C39.7738 426.113 40.3312 426.182 40.8298 426.321C41.3353 426.459 41.7681 426.677 42.1282 426.975C42.4882 427.273 42.7652 427.654 42.9591 428.118C43.153 428.582 43.25 429.139 43.25 429.79ZM45.1907 428.355C44.8209 428.355 44.5161 428.055 44.5161 427.686C44.5161 427.316 44.8209 427.016 45.1907 427.016C45.5604 427.016 45.8652 427.316 45.8652 427.686C45.8652 428.055 45.5604 428.355 45.1907 428.355ZM45.1907 431.855C44.8209 431.855 44.5161 431.555 44.5161 431.185C44.5161 430.815 44.8209 430.516 45.1907 430.516C45.5604 430.516 45.8652 430.815 45.8652 431.185C45.8652 431.555 45.5604 431.855 45.1907 431.855Z" fill="white"/>\n<text fill="white" xml:space="preserve" style="white-space: pre" font-family="Roboto,Helvetica" font-size="15" font-weight="500" letter-spacing="0px"><tspan x="54.0916" y="434.969">').concat(d,'</tspan></text>\n<rect x="1" y="1" width="422" height="562" rx="21" stroke="#F0F0F0" stroke-width="2"/>\n<defs>\n<linearGradient id="paint0_linear_6_342" x1="414.5" y1="562" x2="-116.166" y2="156.726" gradientUnits="userSpaceOnUse">\n<stop stop-color="').concat(t.startColor,'"/>\n<stop offset="1" stop-color="').concat(t.endColor,'"/>\n</linearGradient>\n</defs>\n').concat(g?'<circle cx="210" cy="250" r="120" stroke="rgba(255,0,0,0.5)" stroke-width="25" /><line x1="132" y1="168" x2="296" y2="323" stroke="rgba(255,0,0,0.5)" stroke-width="25" />':"","\n</svg>");return b?"data:image/svg+xml;utf8,".concat(encodeURIComponent(M)):M}},6377:function(e,t,n){var r=n(49394).toHex,a=n(18033).Hasher,i=function(e){if(e){var t=function(e){var t,n,r=e.replace("#",""),a=parseInt(r.slice(0,2),16)/255,i=parseInt(r.slice(2,4),16)/255,o=parseInt(r.slice(4,6),16)/255,s=Math.max(a,i,o),l=Math.min(a,i,o),c=(s+l)/2;if(s===l)t=0,n=0;else{var d=s-l;switch(n=c>.5?d/(2-s-l):d/(s+l),s){case a:t=(i-o)/d+(i<o?6:0);break;case i:t=(o-a)/d+2;break;case o:t=(a-i)/d+4}t/=6}return[t,n,c]}(e),n=[t[0]];t[1]>.7?n.push(.7):n.push(t[1]),t[2]>.6?n.push(.6):t[2]<.3?n.push(.3):n.push(t[2]);var r=[n[0],n[1],n[2]-.1],a=s.apply(void 0,n);return{startColor:s.apply(void 0,r),endColor:a}}return{startColor:"#2B3845",endColor:"#5A7A8A"}};function o(e){return"#".concat(r(a.SHA3.hash224(e)).slice(-6))}function s(e,t,n){var r,a,i;if(0===t)r=n,a=n,i=n;else{var o=function(e,t,n){var r=n;return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+6*(t-e)*r:r<.5?t:r<2/3?e+(t-e)*(2/3-r)*6:e},s=n<.5?n*(1+t):n+t-n*t,l=2*n-s;r=o(l,s,e+1/3),a=o(l,s,e),i=o(l,s,e-1/3)}return"#".concat([Math.round(255*r),Math.round(255*a),Math.round(255*i)].map((function(e){return e.toString(16).padStart(2,0)})).join(""))}e.exports={getNftBGColor:i,getNftBGColorFromDid:function(e){return i(o(e))},DEFAULT_COLOR:{startColor:"#2B3845",endColor:"#5A7A8A"},getPassportColorFromDid:o}},21866:function(e,t,n){"use strict";var r=n(43681).default;Object.defineProperty(t,"__esModule",{value:!0}),t.default=d;var a,i=n(5057),o=c(n(33518)),s=c(n(55898)),l=n(96266);function c(e){return e&&e.__esModule?e:{default:e}}function d(e){var t,n=e.list,a=e.width,o=e.height,s=e.cardSpace,c=e.onSelect,d=e.defaultIndex,u=(0,i.useState)(0),p=r(u,2),h=p[0],m=p[1],v=(0,i.useState)(0),x=r(v,2),g=x[0],C=x[1],b=(0,i.useRef)(null),w=function(e){if(!(e<0||e>n.length-1)){m(e);var t=b.current.clientWidth;C(e*(a+s)-(t-a)/2+.5*s),c(e)}};(0,i.useEffect)((function(){w(d);b.current.addEventListener("touchmove",(function(e){return e.preventDefault()}),{passive:!1})}),[]);return(0,l.jsx)(f,{ref:b,onTouchStart:function(e){var n=e.touches[0];t=n.clientX},onTouchEnd:function(e){var n=e.changedTouches[0],r=t-n.clientX;Math.abs(r)>60&&w(r>0?h+1:h-1)},children:(0,l.jsx)("div",{className:"card-container",style:{transform:"translate(".concat(-g,"px, 0)")},children:n.map((function(e,t){return(0,l.jsx)("div",{className:"card-item ".concat(t===h?"selected":""),style:{width:a,height:o,margin:s/2},onClick:function(){return w(t)},children:(0,l.jsx)("img",{src:e.src,alt:e.name})},t)}))})})}var u,p,f=o.default.div(a||(u=["\n  overflow: hidden;\n  mask-image: linear-gradient(to left, transparent, black 3%, black 97%, transparent);\n  overflow: hidden;\n  .card-container {\n    display: flex;\n    white-space: nowrap;\n    width: max-content;\n    transition: all ease 0.3s;\n  }\n  .card-item {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    flex-shrink: 0;\n    cursor: pointer;\n    img {\n      max-width: 100%;\n      max-height: 100%;\n      width: auto;\n      height: auto;\n      outline: #526ded solid 0;\n      transition: all ease 0.2s;\n      box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;\n    }\n    &.selected {\n      cursor: default;\n      img {\n        outline: #526ded solid 5px;\n      }\n    }\n  }\n"],p||(p=u.slice(0)),a=Object.freeze(Object.defineProperties(u,{raw:{value:Object.freeze(p)}}))));d.propTypes={list:s.default.array,width:s.default.number,height:s.default.number,cardSpace:s.default.number,onSelect:s.default.func,defaultIndex:s.default.number},d.defaultProps={list:"",width:300,height:400,cardSpace:40,onSelect:function(){},defaultIndex:0}},55372:function(e,t,n){"use strict";var r=n(77668),a=n(55319),i=n(5433);e.exports={translations:{zh:r(i),en:r(a)}}},88018:function(e,t,n){"use strict";var r=n(43681).default;t.Z=void 0;var a,i=n(5057),o=H(n(33518)),s=n(15849),l=H(n(67623)),c=H(n(80576)),d=H(n(76005)),u=H(n(54935)),p=H(n(70407)),f=H(n(97435)),h=H(n(91653)),m=H(n(64185)),v=H(n(41105)),x=H(n(56184)),g=H(n(1793)),C=H(n(13714)),b=H(n(2273)),w=n(52118),y=H(n(60829)),j=H(n(57090)),P=n(35432),M=H(n(21866)),L=H(n(1914)),O=H(n(22317)),S=n(96266);function H(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 _(e){var t=e.icon,n=e.active,r=e.completed,a={1:(0,S.jsx)(m.default,{className:"step-icon"}),2:(0,S.jsx)(v.default,{className:"step-icon"}),3:(0,S.jsx)(x.default,{className:"step-icon"})},i=["step-icon-w"];return n&&i.push("step-icon-w--active"),r&&i.push("step-icon-w--completed"),(0,S.jsx)("div",{className:i.join(" "),children:a[String(t)]})}var Z,N,z=(0,o.default)(c.default)(a||(Z=["\n  padding-top: 46px;\n  padding-bottom: 46px;\n  height: 100%;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  @media (max-width: ","px) {\n    display: block;\n  }\n  .header {\n    text-align: center;\n    margin-bottom: 24px;\n  }\n\n  .stepper {\n    padding: 24px;\n    height: auto;\n    width: 100%;\n    min-height: 640px;\n    display: flex;\n    flex-direction: column;\n\n    .stepper-progress {\n      padding: 0;\n      flex: 0;\n      margin-bottom: 24px;\n\n      .MuiStepLabel-label.MuiStepLabel-alternativeLabel {\n        margin-top: 8px;\n      }\n\n      .MuiStepConnector-alternativeLabel {\n        top: 24px;\n      }\n\n      .MuiStepConnector-lineHorizontal {\n        height: 3px;\n        border: none;\n        background-color: #eaeaf0;\n        border-radius: 1px;\n      }\n\n      .step-icon-w {\n        background-color: ",";\n        z-index: 1;\n        color: ",";\n        width: 50px;\n        height: 50px;\n        display: flex;\n        border-radius: 50%;\n        justify-content: center;\n        align-items: center;\n        .step-icon {\n          font-size: 30px;\n        }\n      }\n\n      .step-icon-w--active {\n        background-color: ",";\n      }\n\n      .step-icon-w--completed {\n        background-color: ",";\n      }\n    }\n\n    .stepper-content {\n      padding: 0 64px;\n      flex: 1;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin-bottom: 24px;\n\n      .stepper-icon {\n        margin-left: 40px;\n      }\n\n      .stepper-auth {\n        padding: 0;\n\n        .auth-title {\n          margin-bottom: 16px;\n        }\n      }\n\n      .stepper-tip {\n        text-align: center;\n        margin-bottom: 16px;\n      }\n      @media (max-width: ","px) {\n        padding: 0;\n      }\n    }\n\n    .stepper-actions {\n      flex: 0;\n      text-align: right;\n      padding: 0 64px;\n      display: none;\n      .step-button {\n        margin-right: 8px;\n      }\n    }\n\n    .select-passport {\n      width: 80%;\n      @media (max-width: ","px) {\n        width: 100%;\n      }\n    }\n\n    .user-info {\n      .name {\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 25px;\n        color: #222222;\n      }\n    }\n  }\n\n  .connect {\n    background: #fafafa;\n  }\n"],N||(N=Z.slice(0)),a=Object.freeze(Object.defineProperties(Z,{raw:{value:Object.freeze(N)}}))),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.palette.grey[500]}),(function(e){return e.theme.palette.common.white}),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.palette.secondary.main}),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.breakpoints.values.sm})),V=(0,L.default)((function(e){var t=e.SessionContext,a=e.webWalletUrl,o=e.createPassportSvg,c=e.passportColor,m=(0,i.useContext)(t),v=m.api,x=m.session,L=(0,i.useContext)(w.LocaleContext),H=L.t,Z=L.locale,N=(0,i.useState)(!1),V=r(N,2),F=V[0],D=V[1],I=(0,i.useState)(!1),A=r(I,2),B=A[0],R=A[1],U=(0,i.useState)(!1),E=r(U,2),T=E[0],W=E[1],G=(0,s.useNavigate)(),X=(0,i.useState)(0),K=r(X,2),q=K[0],J=K[1],Q=(0,O.default)().setPassportId,Y=(0,y.default)().wallet,$=new URL(window.location.href).searchParams,ee=function(){J(q+1)},te=function(e){D(e.user)},ne=function(e){null!==e&&void 0!==e&&e.passportId&&Q(e.passportId),W(!0),ee()},re=function(){var e;if(Y&&"1"===new URL(window.location.href).searchParams.get("fromWallet"))Promise.resolve().then((function(){return function(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 i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=a?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(r,i,o):r[i]=e[i]}return r.default=e,n&&n.set(e,r),r}(n(72365))})).then((function(e){e.call("arcClosePage")}));else{try{x.logout()}catch(r){}var t=$.get("redirect");t?G(t,{replace:!0}):((null===(e=window.env)||void 0===e?void 0:e.apiPrefix)||"").startsWith(P.WELLKNOWN_SERVICE_PATH_PREFIX)?G("".concat(P.WELLKNOWN_SERVICE_PATH_PREFIX,"/login"),{replace:!0}):G("/",{replace:!0})}},ae=[{label:H("lostPassport.selectPassport"),content:function(){return F?(0,S.jsxs)(u.default,{className:"select-passport",children:[(0,S.jsxs)(u.default,{my:1,display:"flex",alignItems:"center",className:"user-info",children:[(0,S.jsx)(g.default,{src:F.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),(0,S.jsxs)(u.default,{children:[(0,S.jsx)(u.default,{className:"name",children:F.fullName}),(0,S.jsx)(u.default,{className:"did",mt:1,children:(0,S.jsx)(b.default,{children:F.did})})]})]}),(0,S.jsx)("div",{children:(0,S.jsx)(M.default,{width:230,height:306,cardSpace:24,list:F.passportTypes.map((function(e){return{src:o({title:e.title,issuer:e.issuer.name,issuerDid:e.issuer.id,ownerName:F.fullName,ownerAvatarUrl:F.avatar,isDataUrl:!0,preferredColor:c||"auto"}),name:e.title}})),onSelect:function(e){return t={target:{value:F.passportTypes[e].name}},void R(t.target.value);var t},defaultIndex:0})}),(0,S.jsx)(u.default,{textAlign:"center",children:(0,S.jsx)(C.default,{variant:"contained",color:"primary",onClick:function(){ee()},disabled:!B,children:H("common.next")})})]}):(0,S.jsx)(j.default,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-list",forceConnected:!1,autoConnect:!1,checkFn:v.get,checkTimeout:6e5,webWalletUrl:a,onSuccess:te,locale:Z,messages:{title:H("lostPassport.dialog.title"),scan:H("lostPassport.dialog.scan"),confirm:H("lostPassport.dialog.confirm"),success:H("lostPassport.dialog.success")}})}},{label:H("lostPassport.receivePassport"),content:function(){var e,t,n={receiverDid:F.did,passportName:B,teamDid:(null===(e=window)||void 0===e||null===(t=e.blocklet)||void 0===t?void 0:t.did)||""};return(0,S.jsx)(j.default,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-issue",checkFn:v.get,checkTimeout:6e5,webWalletUrl:a,onSuccess:ne,locale:Z,messages:{title:"".concat(H("lostPassport.dialog.title")),scan:H("lostPassport.dialog.scan"),confirm:H("lostPassport.dialog.confirm"),success:H("lostPassport.dialog.success")},extraParams:n})}},{label:H("common.complete"),content:function(){return(0,S.jsxs)(u.default,{textAlign:"center",children:[(0,S.jsx)(u.default,{mb:3,color:"success.main",children:(0,S.jsx)(d.default,{style:{fontSize:60}})}),(0,S.jsx)(l.default,{component:"p",variant:"body1",className:"subheader",children:H("issuePassport.dialog.success")}),(0,S.jsx)(C.default,{style:{marginTop:40},variant:"contained",color:"primary",onClick:re,children:H("issuePassport.dialog.loginWithPassport")})]})}}];return(0,S.jsx)(z,{children:(0,S.jsxs)("div",{className:"stepper",children:[(0,S.jsx)(p.default,{className:"stepper-progress",alternativeLabel:!0,activeStep:q,children:ae.map((function(e){var t=e.label;return(0,S.jsx)(f.default,{children:(0,S.jsx)(h.default,{StepIconComponent:_,children:t})},t)}))}),(0,S.jsx)("div",{className:"stepper-content",children:ae[q].content()}),!T&&(0,S.jsx)(u.default,{textAlign:"center",fontSize:12,children:(0,S.jsx)(s.Link,{to:"/",style:{color:"#4598FA"},children:H("lostPassport.return")})})]})})}));t.Z=V},1914:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){return function(t){return(0,i.jsx)(r.LocaleProvider,{translations:a.translations,children:(0,i.jsx)(e,s({},t))})}};var r=n(52118),a=n(55372),i=n(96266);function o(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?o(Object(n),!0).forEach((function(t){l(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function l(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}},76005:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(56930)),i=n(96266),o=(0,a.default)((0,i.jsx)("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckCircle");t.default=o},56184:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(56930)),i=n(96266),o=(0,a.default)((0,i.jsx)("path",{d:"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}),"Done");t.default=o},41105:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(56930)),i=n(96266),o=(0,a.default)((0,i.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}),"GetApp");t.default=o},64185:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=r(n(56930)),i=n(96266),o=(0,a.default)((0,i.jsx)("path",{d:"M3 14h4v-4H3v4zm0 5h4v-4H3v4zM3 9h4V5H3v4zm5 5h13v-4H8v4zm0 5h13v-4H8v4zM8 5v4h13V5H8z"}),"ViewList");t.default=o}}]);