@abtnode/webapp 1.16.18 → 1.16.19-beta-e6aac665

package/build/static/js/1371.d1c1b823.chunk.js

@@ -0,0 +1 @@
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[1371],{58854:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return u}});var o=t(85493),r=t(80576),a=t(51177),i=t(74490),l=t(43077),d=t(13644),c=t(75793),s=t(96266);function u(){var e=(0,o.useNavigate)(),n=(0,o.useParams)().name,t=void 0===n?"abtnode":n,u=(0,c.h6)().info,p=u.routing.provider,v=[{id:"abtnode",name:"Blocklet Server",types:["error","info","access","stdout","stderr","pm2"]},{id:"blocklet-services",name:"Blocklet Services",types:["error","info","access","stdout","stderr"]}];if(p){var g="Service Gateway(".concat(p,")");v.push({id:"service-gateway-".concat(p),name:g,types:["error","access"]})}var f=(0,s.jsx)(r.Z,{sx:{minWidth:240},children:(0,s.jsx)(a.Z,{value:t,onChange:function(n){e("/logs/".concat(n.target.value))},size:"small",children:v.map((function(e){return(0,s.jsx)(i.Z,{value:e.id,children:e.name},e.id)}))})}),m=v.find((function(e){return e.id===t}))||v[0];return(0,s.jsx)(l.l,{name:m.name,logId:m.id,types:m.types,prepend:f,postpend:(0,s.jsx)(d.Z,{id:u.did,name:"blocklet-server"})},m.id)}},24460:function(e,n,t){var o=t(93845);e.exports=function(e){return o((e||"").replace(/^[@./-]/,"").replace(/[@./_]/g,"-"))}},13644:function(e,n,t){"use strict";t.d(n,{Z:function(){return C}});var o=t(32723),r=t(34795),a=t(96234),i=t(5057),l=t(55898),d=t.n(l),c=t(1577),s=t.n(c),u=t(39948),p=t(63878),v=t(80576),g=t(51177),f=t(74490),m=t(44846),h=t(28726),b=t(68420),x=t(13128),Z=t(24460),y=t.n(Z),w=t(86229),j=t(58238),B=t(96266),R=[1,7];function C(e){var n=e.id,t=e.name,l=(0,b.PE)().t,d=(0,j.h6)(),c=d.restApi,Z=d.inService,C=(0,i.useState)(!1),k=(0,a.Z)(C,2),z=k[0],E=k[1],S=(0,i.useState)(!1),T=(0,a.Z)(S,2),P=T[0],W=T[1],D=(0,i.useState)(1),M=(0,a.Z)(D,2),F=M[0],N=M[1],I=function(){var e=(0,r.Z)((0,o.Z)().mark((function e(){var r,a,i,l;return(0,o.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!P){e.next=2;break}return e.abrupt("return");case 2:return e.prev=2,W(!0),r=Z?"":"/".concat(n),e.next=7,c.get("/download/log".concat(r,"?days=").concat(F),{responseType:"blob"});case 7:a=e.sent,i=URL.createObjectURL(a.data),(l=document.createElement("a")).href=i,l.setAttribute("download","".concat(y()(t||n),".").concat(s()().format("YYYYMMDDHHmmss"),".log.zip")),document.body.appendChild(l),l.click(),document.body.removeChild(l),URL.revokeObjectURL(i),W(!1),E(!1),e.next=24;break;case 20:e.prev=20,e.t0=e.catch(2),W(!1),w.Z.error(e.t0.message);case 24:case"end":return e.stop()}}),e,null,[[2,20]])})));return function(){return e.apply(this,arguments)}}();return[(0,B.jsx)(u.Z,{display:"flex",alignItems:"center",style:{gap:16},children:(0,B.jsxs)(h.Z,{"data-cy":"download-logs",variant:"outlined",onClick:function(){return E(!0)},disabled:P,children:[P?(0,B.jsx)(m.Z,{size:16}):(0,B.jsx)(p.Z,{fontSize:"small",style:{transform:"translateY(2px)"}}),(0,B.jsx)(u.Z,{ml:.5,children:l("common.download")})]})}),z&&(0,B.jsx)(x.ZP,{open:!0,onClose:function(){E(!1)},disableEscapeKeyDown:!0,title:l("common.download"),PaperProps:{style:{minHeight:"auto"}},actions:(0,B.jsxs)(h.Z,{"data-cy":"download-logs",variant:"outlined",onClick:function(){return I()},disabled:P,children:[P&&(0,B.jsx)(m.Z,{size:16}),(0,B.jsx)(u.Z,{ml:.5,children:l("common.confirm")})]}),children:(0,B.jsx)(u.Z,{mb:2,display:"flex",justifyContent:"center",children:(0,B.jsx)(v.Z,{size:"small",fullWidth:!0,children:(0,B.jsx)(g.Z,{value:F,onChange:function(e){N(e.target.value)},children:R.map((function(e){return(0,B.jsx)(f.Z,{value:e,children:l("log.lastDays.".concat(e))},e)}))})})})})]}C.propTypes={id:d().string.isRequired,name:d().string},C.defaultProps={name:""}},43077:function(e,n,t){"use strict";t.d(n,{l:function(){return B}});var o=t(71171),r=t(33028),a=t(96234),i=t(59740),l=t(5057),d=t(33518),c=t(55898),s=t.n(c),u=t(56556),p=t(49127),v=t(72904),g=t(9746),f=t(12726),m=t(14491);var h,b,x=function(){var e=(0,l.useState)(+new Date),n=(0,a.Z)(e,2),t=n[0],o=n[1];return(0,f.Z)((function(){o(+new Date)}),1e3),(0,m.mr)(t,"MMMM Do YYYY, h:mm:ss a")},Z=t(58238),y=t(96266),w=["name","logId","types","defaultTypeIndex","initialData","prepend","postpend","onTypeChange"],j=["logFile"];function B(e){var n=e.name,t=e.logId,o=e.types,d=e.defaultTypeIndex,c=e.initialData,s=e.prepend,g=e.postpend,f=e.onTypeChange,m=(0,i.Z)(e,w),h=(0,Z.h6)().ws.useSubscription,b={info:"Info",error:"Error",access:"Access",stdout:"stdout",stderr:"stderr",pm2:"PM2"},x=(0,v.Z)((function(e){return e.breakpoints.down("md")})),j=(0,l.useState)(o[d||0]),B=(0,a.Z)(j,2),k=B[0],z=B[1],E=(0,l.useState)(),S=(0,a.Z)(E,2),T=S[0],P=S[1],W=(0,l.useRef)({});return(0,l.useEffect)((function(){o.forEach((function(e){var t=W.current[e];t&&(t.write("Collecting ".concat(e," logs for ").concat(n,"...")),t.write("\r\n\r\n"),c.forEach((function(e){return t.write(e)})))}))}),[]),h("log.".concat(t),(function(e){T||P(e.logFiles||{});var n=W.current[e.level];n&&(n.write(e.data.replace(/.\n/g,(function(e){return"\r\n"===e?e:"".concat(e[0],"\r\n\r\n")}))),n.write("\r\n\r\n"))}),[]),(0,y.jsxs)(R,(0,r.Z)((0,r.Z)({},m),{},{children:[(0,y.jsxs)("div",{className:"log-terminal-group-head",children:[(0,y.jsxs)("div",{className:"log-terminal-group-head-start",children:[s,(0,y.jsx)(p.Z,{variant:"outlined",size:x?"small":"medium",children:o.map((function(e){var n=e===k?{variant:"contained"}:{};return(0,y.jsx)(u.Z,(0,r.Z)((0,r.Z)({},n),{},{onClick:function(){z(e),f(e)},children:b[e]}),e)}))})]}),(0,y.jsx)("div",{className:"log-terminal-group-head-end",children:g})]}),(0,y.jsx)("div",{className:"log-terminal-group-terminals",children:o.map((function(e){return(0,y.jsx)(C,{ref:function(n){W.current[e]=n},logFile:null===T||void 0===T?void 0:T[e],style:{visibility:e===k?"visible":"hidden"}},e)}))})]}))}B.propTypes={name:s().string.isRequired,logId:s().string.isRequired,types:s().arrayOf(s().string),defaultTypeIndex:s().number,initialData:s().arrayOf(s().string),prepend:s().node,postpend:s().node,onTypeChange:s().func},B.defaultProps={types:["error","info","access","stdout","stderr"],defaultTypeIndex:0,initialData:[],prepend:null,postpend:null,onTypeChange:function(){}};var R=d.Z.div(h||(h=(0,o.Z)(["\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  .log-terminal-group-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-bottom: 16px;\n  }\n\n  .log-terminal-group-head-start {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    "," {\n      flex-direction: column;\n      align-items: start;\n    }\n  }\n\n  .log-terminal-group-head-end {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    "," {\n      flex-direction: column;\n      align-items: start;\n    }\n  }\n  .log-terminal-group-terminals {\n    flex: 1;\n    position: relative;\n    overflow: hidden;\n    > * {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      left: 0;\n      right: 0;\n    }\n  }\n"])),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.down("md")})),C=(0,l.forwardRef)((function(e,n){var t=e.logFile,o=(0,i.Z)(e,j);return(0,y.jsxs)(k,(0,r.Z)((0,r.Z)({},o),{},{children:[(0,y.jsxs)("div",{className:"log-terminal-top",children:[(0,y.jsx)(x,{}),t&&(0,y.jsx)("span",{children:t})]}),(0,y.jsx)("div",{className:"log-terminal-container",style:{position:"relative"},children:(0,y.jsx)(g.Z,{ref:n,style:{width:"100%",boxSizing:"border-box",height:"100%"},options:{theme:{background:"#2C313C",foreground:"#EEEEEE"}}})})]}))}));C.propTypes={logFile:s().string},C.defaultProps={logFile:""};var k=d.Z.div(b||(b=(0,o.Z)(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  .log-terminal-top {\n    flex: 0 0 auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    padding: 8px;\n    font-size: 14px;\n    color: aquamarine;\n    background: darkgray;\n    word-break: break-word;\n  }\n  .log-terminal-container {\n    flex: 1;\n    height: 100%;\n    padding: 8px;\n    overflow: hidden;\n    background: #2c313c;\n  }\n\n  .xterm-viewport::-webkit-scrollbar {\n    width: 10px;\n  }\n  .xterm-viewport::-webkit-scrollbar-track {\n    opacity: 0;\n  }\n  .xterm-viewport::-webkit-scrollbar-thumb {\n    min-height: 20px;\n    background-color: #ffffff20;\n  }\n"])))},49127:function(e,n,t){"use strict";t.d(n,{Z:function(){return w}});var o=t(56666),r=t(31461),a=t(7896),i=t(5057),l=t(9978),d=t(91213),c=t(66685);var s=t(6285),u=t(62773),p=t(42908),v=t(31821),g=t(18561);function f(e){return(0,g.Z)("MuiButtonGroup",e)}var m=(0,v.Z)("MuiButtonGroup",["root","contained","outlined","text","disableElevation","disabled","firstButton","fullWidth","vertical","grouped","groupedHorizontal","groupedVertical","groupedText","groupedTextHorizontal","groupedTextVertical","groupedTextPrimary","groupedTextSecondary","groupedOutlined","groupedOutlinedHorizontal","groupedOutlinedVertical","groupedOutlinedPrimary","groupedOutlinedSecondary","groupedContained","groupedContainedHorizontal","groupedContainedVertical","groupedContainedPrimary","groupedContainedSecondary","lastButton","middleButton"]),h=t(17681),b=t(27258),x=t(96266),Z=["children","className","color","component","disabled","disableElevation","disableFocusRipple","disableRipple","fullWidth","orientation","size","variant"],y=(0,u.ZP)("div",{name:"MuiButtonGroup",slot:"Root",overridesResolver:function(e,n){var t=e.ownerState;return[(0,o.Z)({},"& .".concat(m.grouped),n.grouped),(0,o.Z)({},"& .".concat(m.grouped),n["grouped".concat((0,s.Z)(t.orientation))]),(0,o.Z)({},"& .".concat(m.grouped),n["grouped".concat((0,s.Z)(t.variant))]),(0,o.Z)({},"& .".concat(m.grouped),n["grouped".concat((0,s.Z)(t.variant)).concat((0,s.Z)(t.orientation))]),(0,o.Z)({},"& .".concat(m.grouped),n["grouped".concat((0,s.Z)(t.variant)).concat((0,s.Z)(t.color))]),(0,o.Z)({},"& .".concat(m.firstButton),n.firstButton),(0,o.Z)({},"& .".concat(m.lastButton),n.lastButton),(0,o.Z)({},"& .".concat(m.middleButton),n.middleButton),n.root,n[t.variant],!0===t.disableElevation&&n.disableElevation,t.fullWidth&&n.fullWidth,"vertical"===t.orientation&&n.vertical]}})((function(e){var n,t=e.theme,r=e.ownerState;return(0,a.Z)({display:"inline-flex",borderRadius:(t.vars||t).shape.borderRadius},"contained"===r.variant&&{boxShadow:(t.vars||t).shadows[2]},r.disableElevation&&{boxShadow:"none"},r.fullWidth&&{width:"100%"},"vertical"===r.orientation&&{flexDirection:"column"},(n={},(0,o.Z)(n,"& .".concat(m.grouped),(0,a.Z)({minWidth:40,"&:hover":(0,a.Z)({},"contained"===r.variant&&{boxShadow:"none"})},"contained"===r.variant&&{boxShadow:"none"})),(0,o.Z)(n,"& .".concat(m.firstButton,",& .").concat(m.middleButton),(0,a.Z)({},"horizontal"===r.orientation&&{borderTopRightRadius:0,borderBottomRightRadius:0},"vertical"===r.orientation&&{borderBottomRightRadius:0,borderBottomLeftRadius:0},"text"===r.variant&&"horizontal"===r.orientation&&(0,o.Z)({borderRight:t.vars?"1px solid rgba(".concat(t.vars.palette.common.onBackgroundChannel," / 0.23)"):"1px solid ".concat("light"===t.palette.mode?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)")},"&.".concat(m.disabled),{borderRight:"1px solid ".concat((t.vars||t).palette.action.disabled)}),"text"===r.variant&&"vertical"===r.orientation&&(0,o.Z)({borderBottom:t.vars?"1px solid rgba(".concat(t.vars.palette.common.onBackgroundChannel," / 0.23)"):"1px solid ".concat("light"===t.palette.mode?"rgba(0, 0, 0, 0.23)":"rgba(255, 255, 255, 0.23)")},"&.".concat(m.disabled),{borderBottom:"1px solid ".concat((t.vars||t).palette.action.disabled)}),"text"===r.variant&&"inherit"!==r.color&&{borderColor:t.vars?"rgba(".concat(t.vars.palette[r.color].mainChannel," / 0.5)"):(0,c.Fq)(t.palette[r.color].main,.5)},"outlined"===r.variant&&"horizontal"===r.orientation&&{borderRightColor:"transparent"},"outlined"===r.variant&&"vertical"===r.orientation&&{borderBottomColor:"transparent"},"contained"===r.variant&&"horizontal"===r.orientation&&(0,o.Z)({borderRight:"1px solid ".concat((t.vars||t).palette.grey[400])},"&.".concat(m.disabled),{borderRight:"1px solid ".concat((t.vars||t).palette.action.disabled)}),"contained"===r.variant&&"vertical"===r.orientation&&(0,o.Z)({borderBottom:"1px solid ".concat((t.vars||t).palette.grey[400])},"&.".concat(m.disabled),{borderBottom:"1px solid ".concat((t.vars||t).palette.action.disabled)}),"contained"===r.variant&&"inherit"!==r.color&&{borderColor:(t.vars||t).palette[r.color].dark},{"&:hover":(0,a.Z)({},"outlined"===r.variant&&"horizontal"===r.orientation&&{borderRightColor:"currentColor"},"outlined"===r.variant&&"vertical"===r.orientation&&{borderBottomColor:"currentColor"})})),(0,o.Z)(n,"& .".concat(m.lastButton,",& .").concat(m.middleButton),(0,a.Z)({},"horizontal"===r.orientation&&{borderTopLeftRadius:0,borderBottomLeftRadius:0},"vertical"===r.orientation&&{borderTopRightRadius:0,borderTopLeftRadius:0},"outlined"===r.variant&&"horizontal"===r.orientation&&{marginLeft:-1},"outlined"===r.variant&&"vertical"===r.orientation&&{marginTop:-1})),n))})),w=i.forwardRef((function(e,n){var t=(0,p.Z)({props:e,name:"MuiButtonGroup"}),o=t.children,c=t.className,u=t.color,v=void 0===u?"primary":u,g=t.component,m=void 0===g?"div":g,w=t.disabled,j=void 0!==w&&w,B=t.disableElevation,R=void 0!==B&&B,C=t.disableFocusRipple,k=void 0!==C&&C,z=t.disableRipple,E=void 0!==z&&z,S=t.fullWidth,T=void 0!==S&&S,P=t.orientation,W=void 0===P?"horizontal":P,D=t.size,M=void 0===D?"medium":D,F=t.variant,N=void 0===F?"outlined":F,I=(0,r.Z)(t,Z),L=(0,a.Z)({},t,{color:v,component:m,disabled:j,disableElevation:R,disableFocusRipple:k,disableRipple:E,fullWidth:T,orientation:W,size:M,variant:N}),O=function(e){var n=e.classes,t=e.color,o=e.disabled,r=e.disableElevation,a=e.fullWidth,i=e.orientation,l=e.variant,c={root:["root",l,"vertical"===i&&"vertical",a&&"fullWidth",r&&"disableElevation"],grouped:["grouped","grouped".concat((0,s.Z)(i)),"grouped".concat((0,s.Z)(l)),"grouped".concat((0,s.Z)(l)).concat((0,s.Z)(i)),"grouped".concat((0,s.Z)(l)).concat((0,s.Z)(t)),o&&"disabled"],firstButton:["firstButton"],lastButton:["lastButton"],middleButton:["middleButton"]};return(0,d.Z)(c,f,n)}(L),Y=i.useMemo((function(){return{className:O.grouped,color:v,disabled:j,disableElevation:R,disableFocusRipple:k,disableRipple:E,fullWidth:T,size:M,variant:N}}),[v,j,R,k,E,T,M,N,O.grouped]),H=function(e){return i.Children.toArray(e).filter((function(e){return i.isValidElement(e)}))}(o),q=H.length,G=function(e){var n=0===e,t=e===q-1;return n&&t?"":n?O.firstButton:t?O.lastButton:O.middleButton};return(0,x.jsx)(y,(0,a.Z)({as:m,role:"group",className:(0,l.Z)(O.root,c),ref:n,ownerState:L},I,{children:(0,x.jsx)(h.Z.Provider,{value:Y,children:H.map((function(e,n){return(0,x.jsx)(b.Z.Provider,{value:G(n),children:e},n)}))})}))}))}}]);

package/build/static/js/{2334.f691dca3.chunk.js → 2334.66fda96c.chunk.js}

@@ -1 +1 @@
-(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[2334],{22334:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return V}});var s,a=t(71171),r=t(5057),i=t(33518),o=t(85493),c=t(15849),l=t(11750),d=t(22139),p=t(76005),u=t(39948),h=t(20870),m=t(31089),f=t(71767),x=t(64185),v=t(41105),g=t(56184),w=t(62681),b=t(28726),j=t(68420),Z=t(60829),S=t(49983),y=t(35432),P=t(12673),k=t(96234),C=t(55898),N=t.n(C),L=t(96266);function z(n){var e,t=n.list,s=n.width,a=n.height,i=n.cardSpace,o=n.onSelect,c=n.defaultIndex,l=(0,r.useState)(0),d=(0,k.Z)(l,2),p=d[0],u=d[1],h=(0,r.useState)(0),m=(0,k.Z)(h,2),f=m[0],x=m[1],v=(0,r.useRef)(null),g=function(n){if(!(n<0||n>t.length-1)){u(n);var e=v.current.clientWidth;x(n*(s+i)-(e-s)/2+.5*i),o(n)}};(0,r.useEffect)((function(){g(c);v.current.addEventListener("touchmove",(function(n){return n.preventDefault()}),{passive:!1})}),[]);return(0,L.jsx)(I,{ref:v,onTouchStart:function(n){var t=n.touches[0];e=t.clientX},onTouchEnd:function(n){var t=n.changedTouches[0],s=e-t.clientX;Math.abs(s)>60&&g(s>0?p+1:p-1)},children:(0,L.jsx)("div",{className:"card-container",style:{transform:"translate(".concat(-f,"px, 0)")},children:t.map((function(n,e){return(0,L.jsx)("div",{className:"card-item ".concat(e===p?"selected":""),style:{width:s,height:a,margin:i/2},onClick:function(){return g(e)},children:(0,L.jsx)("div",{className:"card-content",dangerouslySetInnerHTML:{__html:n.src}})},n.id)}))})})}var I=i.Z.div(s||(s=(0,a.Z)(["\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\n    .card-content {\n      pointer-events: none;\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      .card-content {\n        outline: #526ded solid 5px;\n      }\n    }\n  }\n"])));z.propTypes={list:N().array,width:N().number,height:N().number,cardSpace:N().number,onSelect:N().func,defaultIndex:N().number},z.defaultProps={list:"",width:300,height:400,cardSpace:40,onSelect:function(){},defaultIndex:0};var H,M=t(17450),T=t(35820),W=t(70284);function _(n){var e=n.icon,t=n.active,s=n.completed,a={1:(0,L.jsx)(x.Z,{className:"step-icon"}),2:(0,L.jsx)(v.Z,{className:"step-icon"}),3:(0,L.jsx)(g.Z,{className:"step-icon"})},r=["step-icon-w"];return t&&r.push("step-icon-w--active"),s&&r.push("step-icon-w--completed"),(0,L.jsx)("div",{className:r.join(" "),children:a[String(e)]})}var E=(0,i.Z)(d.Z)(H||(H=(0,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"])),(function(n){return n.theme.breakpoints.values.sm}),(function(n){return n.theme.palette.grey[500]}),(function(n){return n.theme.palette.common.white}),(function(n){return n.theme.palette.primary.main}),(function(n){return n.theme.palette.secondary.main}),(function(n){return n.theme.breakpoints.values.sm}),(function(n){return n.theme.breakpoints.values.sm})),R=(0,T.Z)((function(n){var e=n.SessionContext,s=n.webWalletUrl,a=n.createPassportSvg,i=n.passportColor,d=(0,r.useContext)(e),x=d.api,v=d.session,g=(0,P.Z)({user:null,passport:null,success:!1,activeStep:0}),k=(0,W.Z)(),C=k.setPassportId,N=k.clearPassportId,I=(0,r.useContext)(j.RD),H=I.t,T=I.locale,R=(0,o.useNavigate)(),A=(0,Z.Z)().wallet,D=new URL(window.location.href).searchParams,U=function(){g.activeStep++},V=function(n){g.user=n.user},F=function(n){null!==n&&void 0!==n&&n.passportId&&C(n.passportId),g.success=!0,U()},X=function(){var n;if(A&&"1"===new URL(window.location.href).searchParams.get("fromWallet"))t.e(2365).then(t.t.bind(t,72365,23)).then((function(n){n.call("arcClosePage")}));else{try{v.logout()}catch(s){}var e=D.get("redirect");e?window.location.replace(e):((null===(n=window.env)||void 0===n?void 0:n.apiPrefix)||"").startsWith(y.WELLKNOWN_SERVICE_PATH_PREFIX)?R("".concat(y.WELLKNOWN_SERVICE_PATH_PREFIX,"/connect"),{replace:!0}):(N(),window.location.replace("/"))}},B=[{label:H("lostPassport.selectPassport"),content:function(){return g.user?(0,L.jsxs)(u.Z,{className:"select-passport",children:[(0,L.jsxs)(u.Z,{my:1,display:"flex",alignItems:"center",className:"user-info",children:[(0,L.jsx)(w.Z,{src:g.user.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),(0,L.jsxs)(u.Z,{children:[(0,L.jsx)(u.Z,{className:"name",children:g.user.fullName}),(0,L.jsx)(u.Z,{className:"did",mt:1,children:(0,L.jsx)(M.Z,{did:g.user.did})})]})]}),(0,L.jsx)("div",{children:(0,L.jsx)(z,{width:230,height:306,cardSpace:24,list:g.user.passportTypes.map((function(n){return{src:a({title:n.title,issuer:n.issuer.name,issuerDid:n.issuer.id,ownerDid:g.user.did,ownerName:g.user.fullName,ownerAvatarUrl:g.user.avatar,preferredColor:i||"auto"}),name:n.title,id:n.id}})),onSelect:function(n){return e={target:{value:g.user.passportTypes[n].name}},void(g.passport=e.target.value);var e},defaultIndex:0})}),(0,L.jsx)(u.Z,{textAlign:"center",children:(0,L.jsx)(b.Z,{variant:"contained",color:"primary",onClick:function(){U()},disabled:!g.passport,children:H("common.next")})})]}):(0,L.jsx)(S.Z,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-list",forceConnected:!1,autoConnect:!1,checkFn:x.get,checkTimeout:6e5,webWalletUrl:s,onSuccess:V,locale:T,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 n,e,t={receiverDid:g.user.did,passportName:g.passport,teamDid:(null===(n=window)||void 0===n||null===(e=n.blocklet)||void 0===e?void 0:e.did)||""};return(0,L.jsx)(S.Z,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-issue",checkFn:x.get,checkTimeout:6e5,webWalletUrl:s,onSuccess:F,locale:T,messages:{title:"".concat(H("lostPassport.dialog.title")),scan:H("lostPassport.dialog.scan"),confirm:H("lostPassport.dialog.confirm"),success:H("lostPassport.dialog.success")},extraParams:t})}},{label:H("common.complete"),content:function(){return(0,L.jsxs)(u.Z,{textAlign:"center",children:[(0,L.jsx)(u.Z,{mb:3,color:"success.main",children:(0,L.jsx)(p.Z,{style:{fontSize:60}})}),(0,L.jsx)(l.Z,{component:"p",variant:"body1",className:"subheader",children:H("issuePassport.dialog.success")}),(0,L.jsx)(b.Z,{style:{marginTop:40},variant:"contained",color:"primary",onClick:X,children:H("issuePassport.dialog.loginWithPassport")})]})}}];return(0,L.jsx)(E,{children:(0,L.jsxs)("div",{className:"stepper",children:[(0,L.jsx)(h.Z,{className:"stepper-progress",alternativeLabel:!0,activeStep:g.activeStep,children:B.map((function(n){var e=n.label;return(0,L.jsx)(m.Z,{children:(0,L.jsx)(f.Z,{StepIconComponent:_,children:e})},e)}))}),(0,L.jsx)("div",{className:"stepper-content",children:B[g.activeStep].content()}),!g.success&&(0,L.jsx)(u.Z,{textAlign:"center",fontSize:12,children:(0,L.jsx)(c.Link,{to:"/",style:{color:"#4598FA"},children:H("lostPassport.return")})})]})})})),A=t(25339),D=t(19762),U=t(75793);function V(){var n=(0,U.h6)().info,e=(0,D.yP)(n);return(0,L.jsx)(R,{SessionContext:A.B3,webWalletUrl:e,createPassportSvg:function(e){return(0,D.Ju)(e,n)},passportColor:"default"})}},51281:function(n,e,t){var s=t(77668),a=t(2586),r=t(56944);n.exports={translations:{zh:s(r),en:s(a)}}},35820:function(n,e,t){"use strict";t.d(e,{Z:function(){return o}});var s=t(33028),a=t(68420),r=t(51281),i=t(96266);function o(n){return function(e){return(0,i.jsx)(a.Iw,{translations:r.translations,children:(0,i.jsx)(n,(0,s.Z)({},e))})}}},76005:function(n,e,t){"use strict";var s=t(71600);e.Z=void 0;var a=s(t(56930)),r=t(96266),i=(0,a.default)((0,r.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");e.Z=i},56184:function(n,e,t){"use strict";var s=t(71600);e.Z=void 0;var a=s(t(56930)),r=t(96266),i=(0,a.default)((0,r.jsx)("path",{d:"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}),"Done");e.Z=i},41105:function(n,e,t){"use strict";var s=t(71600);e.Z=void 0;var a=s(t(56930)),r=t(96266),i=(0,a.default)((0,r.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}),"GetApp");e.Z=i},64185:function(n,e,t){"use strict";var s=t(71600);e.Z=void 0;var a=s(t(56930)),r=t(96266),i=(0,a.default)((0,r.jsx)("path",{d:"M3 14h4v-4H3v4zm0 5h4v-4H3v4zM3 9h4V5H3v4zm5 5h13v-4H8v4zm0 5h13v-4H8v4zM8 5v4h13V5H8z"}),"ViewList");e.Z=i}}]);
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[2334],{22334:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return V}});var s,a=t(71171),r=t(5057),i=t(33518),o=t(85493),c=t(15849),l=t(11750),d=t(22139),p=t(76005),u=t(39948),h=t(20870),m=t(31089),f=t(71767),x=t(64185),v=t(41105),g=t(56184),w=t(62681),b=t(28726),j=t(68420),Z=t(60829),S=t(49983),y=t(35432),P=t(12673),k=t(96234),C=t(55898),N=t.n(C),L=t(96266);function z(n){var e,t=n.list,s=n.width,a=n.height,i=n.cardSpace,o=n.onSelect,c=n.defaultIndex,l=(0,r.useState)(0),d=(0,k.Z)(l,2),p=d[0],u=d[1],h=(0,r.useState)(0),m=(0,k.Z)(h,2),f=m[0],x=m[1],v=(0,r.useRef)(null),g=function(n){if(!(n<0||n>t.length-1)){u(n);var e=v.current.clientWidth;x(n*(s+i)-(e-s)/2+.5*i),o(n)}};(0,r.useEffect)((function(){g(c);v.current.addEventListener("touchmove",(function(n){return n.preventDefault()}),{passive:!1})}),[]);return(0,L.jsx)(I,{ref:v,onTouchStart:function(n){var t=n.touches[0];e=t.clientX},onTouchEnd:function(n){var t=n.changedTouches[0],s=e-t.clientX;Math.abs(s)>60&&g(s>0?p+1:p-1)},children:(0,L.jsx)("div",{className:"card-container",style:{transform:"translate(".concat(-f,"px, 0)")},children:t.map((function(n,e){return(0,L.jsx)("div",{className:"card-item ".concat(e===p?"selected":""),style:{width:s,height:a,margin:i/2},onClick:function(){return g(e)},children:(0,L.jsx)("div",{className:"card-content",dangerouslySetInnerHTML:{__html:n.src}})},n.id)}))})})}var I=i.Z.div(s||(s=(0,a.Z)(["\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\n    .card-content {\n      pointer-events: none;\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      .card-content {\n        outline: #526ded solid 5px;\n      }\n    }\n  }\n"])));z.propTypes={list:N().array,width:N().number,height:N().number,cardSpace:N().number,onSelect:N().func,defaultIndex:N().number},z.defaultProps={list:"",width:300,height:400,cardSpace:40,onSelect:function(){},defaultIndex:0};var H,M=t(17450),T=t(35820),W=t(70284);function _(n){var e=n.icon,t=n.active,s=n.completed,a={1:(0,L.jsx)(x.Z,{className:"step-icon"}),2:(0,L.jsx)(v.Z,{className:"step-icon"}),3:(0,L.jsx)(g.Z,{className:"step-icon"})},r=["step-icon-w"];return t&&r.push("step-icon-w--active"),s&&r.push("step-icon-w--completed"),(0,L.jsx)("div",{className:r.join(" "),children:a[String(e)]})}var E=(0,i.Z)(d.Z)(H||(H=(0,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"])),(function(n){return n.theme.breakpoints.values.sm}),(function(n){return n.theme.palette.grey[500]}),(function(n){return n.theme.palette.common.white}),(function(n){return n.theme.palette.primary.main}),(function(n){return n.theme.palette.secondary.main}),(function(n){return n.theme.breakpoints.values.sm}),(function(n){return n.theme.breakpoints.values.sm})),R=(0,T.Z)((function(n){var e=n.SessionContext,s=n.webWalletUrl,a=n.createPassportSvg,i=n.passportColor,d=(0,r.useContext)(e),x=d.api,v=d.session,g=(0,P.Z)({user:null,passport:null,success:!1,activeStep:0}),k=(0,W.Z)(),C=k.setPassportId,N=k.clearPassportId,I=(0,r.useContext)(j.RD),H=I.t,T=I.locale,R=(0,o.useNavigate)(),A=(0,Z.Z)().wallet,D=new URL(window.location.href).searchParams,U=function(){g.activeStep++},V=function(n){g.user=n.user},F=function(n){null!==n&&void 0!==n&&n.passportId&&C(n.passportId),g.success=!0,U()},X=function(){var n;if(A&&"1"===new URL(window.location.href).searchParams.get("fromWallet"))t.e(2365).then(t.t.bind(t,72365,23)).then((function(n){n.call("arcClosePage")}));else{try{v.logout()}catch(s){}var e=D.get("redirect");e?window.location.replace(e):((null===(n=window.env)||void 0===n?void 0:n.apiPrefix)||"").startsWith(y.WELLKNOWN_SERVICE_PATH_PREFIX)?R("".concat(y.WELLKNOWN_SERVICE_PATH_PREFIX,"/connect"),{replace:!0}):(N(),window.location.replace("/"))}},B=[{label:H("lostPassport.selectPassport"),content:function(){return g.user?(0,L.jsxs)(u.Z,{className:"select-passport",children:[(0,L.jsxs)(u.Z,{my:1,display:"flex",alignItems:"center",className:"user-info",children:[(0,L.jsx)(w.Z,{src:g.user.avatar,style:{width:48,height:48,backgroundColor:"transparent",marginRight:16}}),(0,L.jsxs)(u.Z,{children:[(0,L.jsx)(u.Z,{className:"name",children:g.user.fullName}),(0,L.jsx)(u.Z,{className:"did",mt:1,children:(0,L.jsx)(M.Z,{did:g.user.did})})]})]}),(0,L.jsx)("div",{children:(0,L.jsx)(z,{width:230,height:306,cardSpace:24,list:g.user.passportTypes.map((function(n){return{src:a({title:n.title,issuer:n.issuer.name,issuerDid:n.issuer.id,ownerDid:g.user.did,ownerName:g.user.fullName,ownerAvatarUrl:g.user.avatar,preferredColor:i||"auto"}),name:n.title,id:n.id}})),onSelect:function(n){return e={target:{value:g.user.passportTypes[n].name}},void(g.passport=e.target.value);var e},defaultIndex:0})}),(0,L.jsx)(u.Z,{textAlign:"center",children:(0,L.jsx)(b.Z,{variant:"contained",color:"primary",onClick:function(){U()},disabled:!g.passport,children:H("common.next")})})]}):(0,L.jsx)(S.Z,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-list",forceConnected:!1,autoConnect:!1,checkFn:x.get,checkTimeout:6e5,webWalletUrl:s,onSuccess:V,locale:T,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 n,e,t={receiverDid:g.user.did,passportName:g.passport,teamDid:(null===(n=window)||void 0===n||null===(e=n.blocklet)||void 0===e?void 0:e.did)||""};return(0,L.jsx)(S.Z,{popup:!0,open:!0,hideCloseButton:!0,className:"connect",action:"lost-passport-issue",checkFn:x.get,checkTimeout:6e5,webWalletUrl:s,onSuccess:F,locale:T,messages:{title:"".concat(H("lostPassport.dialog.title")),scan:H("lostPassport.dialog.scan"),confirm:H("lostPassport.dialog.confirm"),success:H("lostPassport.dialog.success")},extraParams:t})}},{label:H("common.complete"),content:function(){return(0,L.jsxs)(u.Z,{textAlign:"center",children:[(0,L.jsx)(u.Z,{mb:3,color:"success.main",children:(0,L.jsx)(p.Z,{style:{fontSize:60}})}),(0,L.jsx)(l.Z,{component:"p",variant:"body1",className:"subheader",children:H("issuePassport.dialog.success")}),(0,L.jsx)(b.Z,{style:{marginTop:40},variant:"contained",color:"primary",onClick:X,children:H("issuePassport.dialog.loginWithPassport")})]})}}];return(0,L.jsx)(E,{children:(0,L.jsxs)("div",{className:"stepper",children:[(0,L.jsx)(h.Z,{className:"stepper-progress",alternativeLabel:!0,activeStep:g.activeStep,children:B.map((function(n){var e=n.label;return(0,L.jsx)(m.Z,{children:(0,L.jsx)(f.Z,{StepIconComponent:_,children:e})},e)}))}),(0,L.jsx)("div",{className:"stepper-content",children:B[g.activeStep].content()}),!g.success&&(0,L.jsx)(u.Z,{textAlign:"center",fontSize:12,children:(0,L.jsx)(c.Link,{to:"/",style:{color:"#4598FA"},children:H("lostPassport.return")})})]})})})),A=t(25339),D=t(74094),U=t(75793);function V(){var n=(0,U.h6)().info,e=(0,D.yP)(n);return(0,L.jsx)(R,{SessionContext:A.B3,webWalletUrl:e,createPassportSvg:function(e){return(0,D.Ju)(e,n)},passportColor:"default"})}},51281:function(n,e,t){var s=t(77668),a=t(2586),r=t(56944);n.exports={translations:{zh:s(r),en:s(a)}}},35820:function(n,e,t){"use strict";t.d(e,{Z:function(){return o}});var s=t(33028),a=t(68420),r=t(51281),i=t(96266);function o(n){return function(e){return(0,i.jsx)(a.Iw,{translations:r.translations,children:(0,i.jsx)(n,(0,s.Z)({},e))})}}},76005:function(n,e,t){"use strict";var s=t(71600);e.Z=void 0;var a=s(t(56930)),r=t(96266),i=(0,a.default)((0,r.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");e.Z=i},56184:function(n,e,t){"use strict";var s=t(71600);e.Z=void 0;var a=s(t(56930)),r=t(96266),i=(0,a.default)((0,r.jsx)("path",{d:"M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"}),"Done");e.Z=i},41105:function(n,e,t){"use strict";var s=t(71600);e.Z=void 0;var a=s(t(56930)),r=t(96266),i=(0,a.default)((0,r.jsx)("path",{d:"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"}),"GetApp");e.Z=i},64185:function(n,e,t){"use strict";var s=t(71600);e.Z=void 0;var a=s(t(56930)),r=t(96266),i=(0,a.default)((0,r.jsx)("path",{d:"M3 14h4v-4H3v4zm0 5h4v-4H3v4zM3 9h4V5H3v4zm5 5h13v-4H8v4zm0 5h13v-4H8v4zM8 5v4h13V5H8z"}),"ViewList");e.Z=i}}]);

package/build/static/js/{2960.a86a7714.chunk.js → 2960.5edbdf92.chunk.js}

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

package/build/static/js/{3389.5c09050b.chunk.js → 3389.01128c14.chunk.js}

@@ -1 +1 @@
-(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[3389],{53389:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return Yn}});var r,o=t(71171),a=t(5057),s=t(53616),i=t.n(s),c=t(85493),l=t(6352),u=t.n(l),p=t(21371),d=t(72904),f=t(33518),h=t(68420),m=t(63902),x=t(51703),v=t(12073),k=t(10866),g=t(4456),w=t(99641),b=t(4651),Z=t(14491),y=t(25339),j=t(75793),S=t(2660),P=t(39948),R=t(33028),C=t(32723),E=t(34795),T=t(59740),B=t(19577),D=t(2478),U=t(44067),_=t(28726),O=t(42876),F=t(55898),G=t(96266);function N(e){var n=e.children,t=e.selected;return(0,G.jsxs)(A,{children:[n,(0,G.jsx)(P.Z,{className:"selected-container ".concat(t?"selected":""),children:(0,G.jsx)(O.default,{className:"selected-icon"})})]})}var A=(0,f.Z)(P.Z)(r||(r=(0,o.Z)(["\n  position: relative;\n\n  .selected-container {\n    display: flex !important;\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n    -webkit-box-pack: end;\n    justify-content: flex-end;\n    align-items: flex-end;\n    width: 32px;\n    height: 32px;\n    border-radius: 0px 0px 8px;\n    color: rgb(255, 255, 255);\n    overflow: hidden;\n    transition: all 0.4s ease 0s;\n\n    &::after {\n      position: absolute;\n      z-index: 0;\n      left: 60px;\n      top: 60px;\n      display: block;\n      width: 0px;\n      height: 0px;\n      border-width: 16px;\n      border-style: solid;\n      border-color: transparent #1dc1c7 #1dc1c7 transparent;\n      transition: all 0.1s ease 0s;\n      content: '';\n    }\n\n    .selected-icon {\n      visibility: hidden;\n      width: 60%;\n      height: 60%;\n      position: relative;\n      z-index: 2;\n      margin: 0px 1px 1px 0px;\n      font-size: 16px;\n      transition: all 0.2s ease 0s;\n    }\n  }\n\n  .selected-container.selected {\n    &::after {\n      left: 0px;\n      top: 0px;\n    }\n\n    .selected-icon {\n      visibility: visible;\n    }\n  }\n"])));N.propTypes={children:F.node.isRequired,selected:F.bool},N.defaultProps={selected:!1};var z=t(68079),L=t(96234),M=t(67654),I=t(65873),W=t(94639),H=(0,a.createContext)({}),V=H.Provider;H.Consumer;function K(e){var n=e.children,t=(0,h.PE)().t,r=(0,M.Z)("spaceGatewaysForRestore",[{name:"Prod DID Spaces",url:"https://www.didspaces.com/app",protected:!0},{name:"Staging DID Spaces",url:"https://spaces.staging.arcblock.io/app",protected:!0}]),o=(0,L.Z)(r,2),s=o[0],i=o[1],c=(0,M.Z)("selectedSpaceGatewayForRestore",s.find((function(e){return"https://www.didspaces.com/app"===e.url}))),l=(0,L.Z)(c,2),p=l[0],d=l[1];return(0,a.useEffect)((function(){function e(){return e=(0,E.Z)((0,C.Z)().mark((function e(){var n;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.all(s.map(function(){var e=(0,E.Z)((0,C.Z)().mark((function e(n){var t,r,o,a;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,W.Z.get(u()(n.url,"/__blocklet__.js?type=json"),{timeout:5e3}).catch((function(e){return console.error(e),{data:{}}}));case 2:return r=e.sent,o=r.data,a=null!==(t=o.appName)&&void 0!==t?t:n.name,e.abrupt("return",(0,I.merge)(n,{name:a}));case 6:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}()));case 2:n=e.sent,i(n);case 4:case"end":return e.stop()}}),e)}))),e.apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]),(0,G.jsx)(V,{value:{spaceGateways:s,selectedSpaceGateway:p,addSpaceGateway:function(e){var n=s.find((function(n){return e.url===n.url}));if(n)throw new Error(t("storage.spaces.gateway.add.duplicate",{name:n.name}));i((function(){return[].concat((0,z.Z)(s),[(0,I.cloneDeep)(e)])})),d(e)},deleteSpaceGateway:function(e){if(e.url===p.url)throw new Error(t("storage.spaces.gateway.delete.failedForSelected"));i((function(){return s.filter((function(n){return n.url!==e.url}))}))},handleSelectSpaceGateway:function(e){d(e)}},children:n})}K.defaultProps={};var $=t(92877),J=t(11750),Y=t(83580),Q=t(94552),q=t(67680),X=t(19778),ee=t(47595),ne=t(60939),te=t(86229),re=t(72443),oe=t.n(re);function ae(e){var n=e.spaceGateway,t=e.onDeleteSpaceGateway,r=(0,h.PE)().t,o=(0,a.useState)(!1),s=(0,L.Z)(o,2),i=s[0],c=s[1],l=(0,a.useState)(!1),u=(0,L.Z)(l,2),p=u[0],d=u[1],f=function(e,n){null===e||void 0===e||e.stopPropagation(),c(n)},m=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(o){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,null===o||void 0===o||o.stopPropagation(),d(!0),e.next=5,t(n);case 5:c(!1),e.next=12;break;case 8:e.prev=8,e.t0=e.catch(0),console.error(e.t0),te.Z.error("".concat(r("storage.spaces.gateway.delete.failed"),": ").concat(oe()(e.t0)));case 12:return e.prev=12,d(!1),e.finish(12);case 15:case"end":return e.stop()}}),e,null,[[0,8,12,15]])})));return function(n){return e.apply(this,arguments)}}();return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(q.Z,{size:"small",onClick:function(e){return f(e,!0)},children:(0,G.jsx)(ee.default,{})}),(0,G.jsx)(ne.Z,{title:r("common.delConfirmDescription",{data:"".concat(null===n||void 0===n?void 0:n.name)}),open:i,confirmButton:{text:r("common.confirm"),props:{variant:"contained",color:"error",loading:p}},cancelButton:{text:r("common.cancel"),props:{variant:"contained",color:"primary"}},onConfirm:m,onCancel:function(e){return f(e,!1)}})]})}ae.defaultProps={onDeleteSpaceGateway:function(){}};var se=ae,ie=t(95335);var ce,le=function(){var e=(0,ie.Z)(),n=(0,d.Z)(e.breakpoints.down("md"));return{minWidth:n?300:e.breakpoints.values.sm,isMobile:n}},ue=t(19762),pe=["spaceGateway","selected","onDeleteSpaceGateway","onSelectGateway"],de=(0,$.Z)((function(){return{menuName:{display:"flex",flex:1,flexDirection:"column",paddingRight:"24px","& span":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}}}));function fe(e){var n=e.spaceGateway,t=e.selected,r=e.onDeleteSpaceGateway,o=e.onSelectGateway,a=(0,T.Z)(e,pe),s=de(),i=(0,h.PE)().t,c=le().isMobile,l=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,r(n);case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,G.jsxs)(he,(0,R.Z)((0,R.Z)({},a),{},{children:[(0,G.jsx)(P.Z,{display:"inline-flex",marginRight:"8px",alignItems:"center",children:(0,G.jsx)("img",{alt:n.name,src:u()(n.url,"favicon.ico"),width:"48px",height:"48px"})}),(0,G.jsxs)(P.Z,{className:s.menuName,onClick:o,children:[(0,G.jsxs)(J.Z,{component:"span",variant:"subtitle1",style:{fontWeight:"400"},children:[null===n||void 0===n?void 0:n.name," ",t&&(0,G.jsx)(X.Z,{color:"primary",style:{marginLeft:"8px"},children:i("common.selected")})]}),(0,G.jsx)(J.Z,{className:"url",component:"span",variant:"inherit",children:"".concat(c?(0,ue.aS)(null===n||void 0===n?void 0:n.url,38):null===n||void 0===n?void 0:n.url)})]}),(0,G.jsxs)(Y.Z,{children:[(0,G.jsx)(q.Z,{onClick:function(e){e.stopPropagation(),window.open(n.url)},size:"small",children:(0,G.jsx)(Q.Z,{})}),!0!==(null===n||void 0===n?void 0:n.protected)&&(0,G.jsx)(se,{spaceGateway:n,onDeleteSpaceGateway:l})]})]}))}var he=(0,f.Z)(P.Z)(ce||(ce=(0,o.Z)(["\n  display: flex;\n"])));fe.defaultProps={onDeleteSpaceGateway:function(){},selected:!1,onSelectGateway:function(){}};var me=t(13128),xe=t(44846),ve=t(47020),ke=t(55372),ge=t(88574),we=t(84584),be=["onAddGateway"];function Ze(e){var n=e.onAddGateway,t=(0,T.Z)(e,be),r=(0,h.PE)(),o=r.t,s=r.locale,i=(0,a.useState)(""),c=(0,L.Z)(i,2),l=c[0],p=c[1],d=(0,a.useState)(!1),f=(0,L.Z)(d,2),m=f[0],x=f[1],v=(0,a.useState)(!1),k=(0,L.Z)(v,2),g=k[0],w=k[1],b=(0,a.useState)(""),Z=(0,L.Z)(b,2),y=Z[0],j=Z[1],S=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){var t,r,a,i,c,p;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,x(!0),(a=null===l||void 0===l||null===(t=l.replace(/\/api\/.+/,""))||void 0===t||null===(r=t.trim())||void 0===r?void 0:r.replace(/\/$/,"")).startsWith("http")||(a="https://".concat(a)),e.next=6,(0,we.w2)(a);case 6:if(e.sent){e.next=8;break}throw new Error(o("storage.spaces.gateway.add.invalidUrl"));case 8:return e.next=10,W.Z.get(u()(a,"/__blocklet__.js?type=json"));case 10:return i=e.sent,c=i.data,p={name:c.appName,url:a,protected:!1},e.next=15,n(p);case 15:te.Z.success(o("storage.spaces.addedWithName",{name:p.name})),w(!1),e.next=22;break;case 19:e.prev=19,e.t0=e.catch(0),j("".concat(o("storage.spaces.gateway.add.failed",s),": ").concat(oe()(e.t0)));case 22:return e.prev=22,x(!1),e.finish(22);case 25:case"end":return e.stop()}}),e,null,[[0,19,22,25]])})));return function(){return e.apply(this,arguments)}}();return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(_.Z,(0,R.Z)((0,R.Z)({size:"middle",color:"primary",variant:"outlined",onClick:function(){return w(!0)}},t),{},{children:o("storage.spaces.gateway.add.title")})),(0,G.jsxs)(me.ZP,{title:o("storage.spaces.gateway.add.title"),fullWidth:!0,maxWidth:"md",open:g,onClose:function(){return w(!1)},PaperProps:{style:{minHeight:"auto"}},actions:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(_.Z,{onClick:function(e){e.stopPropagation(),w(!1)},color:"inherit",children:o("common.cancel")}),(0,G.jsxs)(_.Z,{onClick:function(e){e.stopPropagation(),S()},color:"primary","data-cy":"install-blocklet-next-step",disabled:m||!l,variant:"contained",autoFocus:!0,children:[m&&(0,G.jsx)(xe.Z,{size:16}),o("common.confirm")]})]}),children:[(0,G.jsx)("div",{style:{paddingTop:12,overflowY:"hidden"},children:(0,G.jsx)(ke.Z,{component:"div",children:(0,G.jsx)(J.Z,{component:"div",children:(0,G.jsx)(ve.Z,{label:o("storage.spaces.gateway.add.label"),autoComplete:"off",variant:"outlined",name:"url",fullWidth:!0,value:l,onChange:function(e){j(null),p(e.target.value)},disabled:m,onKeyPress:function(){var e=(0,E.Z)((0,C.Z)().mark((function e(n){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("Enter"!==n.key){e.next=4;break}return n.preventDefault(),e.next=4,S();case 4:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),autoFocus:!0})})})}),!!y&&(0,G.jsx)(ge.Z,{type:"error",style:{width:"100%"},children:y})]})]})}Ze.defaultProps={onAddGateway:function(){}};var ye=Ze,je=["onConnect"];function Se(e){var n=e.onConnect,t=(0,T.Z)(e,je),r=(0,a.useContext)(H),o=r.spaceGateways,s=r.selectedSpaceGateway,i=r.handleSelectSpaceGateway,c=r.addSpaceGateway,l=r.deleteSpaceGateway,u=(0,h.PE)().t,p=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(n){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,c(n);case 2:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),d=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(n){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,l(n);case 2:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}();return(0,G.jsxs)(P.Z,(0,R.Z)((0,R.Z)({},t),{},{children:[(0,G.jsx)(B.Z,{children:o.map((function(e){var n=(null===e||void 0===e?void 0:e.url)===s.url;return(0,G.jsx)(N,{selected:n,children:(0,G.jsx)(D.ZP,{button:!0,selected:n,"data-cy":"get-space-endpoint-for-restore",children:(0,G.jsx)(U.Z,{children:(0,G.jsx)(fe,{spaceGateway:e,onDeleteSpaceGateway:d,selected:n,onSelectGateway:function(){return function(e){i(e)}(e)}})})},e.url)})}))}),(0,G.jsxs)(P.Z,{display:"flex",marginTop:"16px",justifyContent:"center",alignItems:"center",children:[(0,G.jsx)(ye,{onAddGateway:p}),(0,G.jsx)(_.Z,{sx:{marginLeft:"16px"},size:"middle",variant:"contained",onClick:function(){n(s)},children:u("storage.spaces.connect.now")})]})]}))}Se.defaultProps={onConnect:function(){}};var Pe,Re=Se,Ce=(0,f.Z)("div")(Pe||(Pe=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"])));var Ee,Te=function(){var e=(0,j.h6)().info,n=(0,a.useContext)(h.RD),t=n.t,r=n.locale,o=(0,a.useMemo)((function(){return e?(0,b.RU)(e):""}),[e]);return(0,G.jsx)(K,{children:(0,G.jsxs)(Ce,{children:[(0,G.jsx)(S.Z,{title:t("blocklet.restoreFromSpaces.connect.title"),subTitle:t("blocklet.restoreFromSpaces.connect.subTitle"),onClickBack:function(){return window.history.back()}}),(0,G.jsx)(P.Z,{display:"flex",justifyContent:"center",children:(0,G.jsx)(Re,{sx:{marginTop:"64px",marginBottom:"32px",width:"720px"},onConnect:function(e){var n=new URL(u()(e.url,"restore")),t=u()(o,"blocklets/restore/verify-ownership");n.searchParams.set("redirectUrl",t),n.searchParams.set("locale",r),window.location.href=n.toString()}})})]})})},Be=t(15849),De=t(73545),Ue=t(49983),_e=t(17450),Oe=t(38898),Fe=t(39463),Ge=t(70461),Ne=t(31853),Ae=t(13455),ze=t(13932),Le=t(31910),Me=t(93040),Ie=(0,f.Z)("div")(Ee||(Ee=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),We="verify-app-ownership-spaces";var He,Ve,Ke,$e,Je,Ye=function(){var e=(0,De.T)().session,n=(0,Be.useSearchParams)(),t=(0,L.Z)(n,1)[0],r=(0,h.PE)().t,o=(0,j.h6)(),s=o.api,i=o.info,l=(0,De.T)().api,p=(0,Le.J_)().meta,d=(0,c.useNavigate)(),f=(0,a.useMemo)((function(){return i?(0,b.RU)(i):""}),[i]),m=(0,Ne.Z)({isRestoring:!1,isComplete:!1,isOverwrite:!1,shouldReconnect:!1,exists:!1,accessUrl:"",isConnectOpen:!1,isConfirmOpen:!1,connectData:{action:"",checkFn:function(){},extraParams:{}},connectMessages:{}}),x=(0,L.Z)(m,2),v=x[0],k=x[1];(0,a.useEffect)((function(){O()}),[]);var g=t.get("launchType"),w=t.get("nftId"),Z=t.get("chainHost"),y=t.get("from"),R=t.get("blocklet_meta_url"),T=t.get("launcherSessionId")||"",B=t.get("launcherUrl")||"",D=function(e){var n=e.split("/").filter(Boolean);return n[n.length-2]}(p.spaceEndpoint),U=(0,Fe.getServerAuthMethod)(i,g,T,e.user),O=function(){var n=(0,E.Z)((0,C.Z)().mark((function n(){var t,o,a,i,c,d,h,m,x,b,y,j,S,P,R,E,_,O,G,N,A=arguments;return(0,C.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(i=A.length>0&&void 0!==A[0]&&A[0]){n.next=15;break}if(!v.shouldReconnect){n.next=5;break}return window.location.href=u()(f,"blocklets/restore/connect-space"),n.abrupt("return");case 5:if(!e.user){n.next=15;break}return n.next=8,s.getBlocklet({input:{did:D,attachRuntimeInfo:!0}});case 8:if(!(c=n.sent).blocklet){n.next=15;break}return n.next=12,(0,Me.DB)(c.blocklet);case 12:return(d=n.sent)&&(h=new URL(d),"running"!==c.blocklet.status&&h.searchParams.set("__start__","1"),k({shouldReconnect:!0,exists:!0,accessUrl:h.href})),n.abrupt("return");case 15:if("nft"!==U){n.next=36;break}return(y=new URL(window.location.href)).pathname=u()(null!==(m=null===(x=window)||void 0===x||null===(b=x.env)||void 0===b?void 0:b.apiPrefix)&&void 0!==m?m:"/","/api/did/".concat(We,"/token")),y.searchParams.set("appDid",D),y.searchParams.set("endpoint",p.spaceEndpoint),y.searchParams.set("referrer",window.location.href),y.searchParams.set("nftId",w),y.searchParams.set("appPid",p.did),j={autoConnect:!1,launchType:g,nftId:w},Z&&(y.searchParams.set("chainHost",Z),j.chainHost=Z),i&&y.searchParams.set("overwrite","1"),n.next=28,l.get(y.href);case 28:if(S=n.sent,!(P=S.data).error){n.next=33;break}return te.Z.error(P.error),n.abrupt("return");case 33:return j.nw=P.url,k({isConnectOpen:!0,connectData:{action:"verify-restore-by-nft",extraParams:j},connectMessages:{title:r("blocklet.restoreFromSpaces.nftAuthDialog.title"),scan:r("blocklet.restoreFromSpaces.nftAuthDialog.scan"),confirm:r("blocklet.restoreFromSpaces.nftAuthDialog.confirm"),success:r("blocklet.restoreFromSpaces.nftAuthDialog.success")}}),n.abrupt("return");case 36:if("launcher"!==U){n.next=44;break}return n.next=39,s.getLauncherSession({input:{launcherUrl:B,launcherSessionId:T}});case 39:return R=n.sent,E=R.launcherSession,_=R.error,E?k({isConnectOpen:!0,connectData:{action:We,extraParams:{appDid:D,appPid:p.did,endpoint:p.spaceEndpoint,referrer:window.location.href,restoreFrom:"spaces",overwrite:i?"1":void 0,launcherUrl:B,launcherSessionId:T,chainHost:Z}},connectMessages:{title:r("blocklet.restoreBlocklet.verify.title"),scan:r("blocklet.restoreBlocklet.verify.scan"),confirm:r("blocklet.restoreBlocklet.verify.confirm"),success:r("blocklet.restoreBlocklet.verify.success")}}):te.Z.error("Launch session invalid: ".concat(_)),n.abrupt("return");case 44:if("session"!==U){n.next=47;break}return k({isConnectOpen:!0,connectData:{action:We,extraParams:{appDid:D,appPid:p.did,endpoint:p.spaceEndpoint,referrer:window.location.href,overwrite:i?"1":void 0,restoreFrom:"spaces"}},connectMessages:{title:r("blocklet.restoreBlocklet.verify.title"),scan:r("blocklet.restoreBlocklet.verify.scan"),confirm:r("blocklet.restoreBlocklet.verify.confirm"),success:r("blocklet.restoreBlocklet.verify.success")}}),n.abrupt("return");case 47:return(O=new URL(window.location.href)).pathname=u()(null!==(t=null===(o=window)||void 0===o||null===(a=o.env)||void 0===a?void 0:a.apiPrefix)&&void 0!==t?t:"/","/api/did/".concat(We,"/token")),O.searchParams.set("appDid",D),O.searchParams.set("appPid",p.did),O.searchParams.set("endpoint",p.spaceEndpoint),O.searchParams.set("referrer",window.location.href),O.searchParams.set("restoreFrom","spaces"),n.next=56,l.get(O.href);case 56:G=n.sent,N=G.data,e.login(F,{nw:N.url,openMode:"popup"});case 59:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}(),F=function(){var n=(0,E.Z)((0,C.Z)().mark((function n(t,r){var o;return(0,C.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(null===(o=Array.isArray(t)?t.find((function(e){return!!e.sessionToken})):t)||void 0===o||!o.sessionToken){n.next=5;break}return(0,ue.ZB)(r(o.sessionToken)),n.next=5,e.refresh();case 5:k({isConnectOpen:!1}),setTimeout((function(){var e=new URLSearchParams({appDid:D});[{name:"launchType",value:g},{name:"nftId",value:w},{name:"from",value:y},{name:"blocklet_meta_url",value:R},{name:"chainHost",value:Z}].forEach((function(n){var t=n.name,r=n.value;r&&e.set(t,r)})),d("/blocklets/restore/restore-blocklet?".concat(e.toString()))}),0);case 7:case"end":return n.stop()}}),n)})));return function(e,t){return n.apply(this,arguments)}}();return(0,G.jsxs)(Ie,{children:[(0,G.jsx)(S.Z,{title:r("blocklet.restoreBlocklet.verify.title"),subTitle:r("blocklet.restoreBlocklet.verify.subTitle"),onClickBack:function(){return window.history.back()}}),(0,G.jsxs)(P.Z,{textAlign:"center",mt:6,children:[(0,G.jsx)(Ae.Z,{blocklet:{meta:p},blockletMetaUrl:R}),(0,G.jsxs)(P.Z,{mt:2,mb:2,children:[(0,G.jsx)(J.Z,{variant:"body2",children:p.title}),(0,G.jsx)(_e.Z,{did:D})]}),v.exists&&v.accessUrl&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(J.Z,{component:"p",variant:"body1",gutterBottom:!0,sx:{color:"orange"},children:r("blocklet.restoreBlocklet.verify.exists")}),(0,G.jsxs)(J.Z,{component:"div",sx:{marginTop:"32px"},children:[v.accessUrl&&(0,G.jsx)(_.Z,{variant:"contained",component:Oe.Z,href:v.accessUrl,sx:{width:"160px",height:"100%"},children:r("blocklet.restoreBlocklet.verify.open")}),(0,G.jsx)(_.Z,{variant:"contained",color:"error",onClick:function(){k({isConfirmOpen:!0})},sx:{width:"160px",height:"100%",marginLeft:"32px"},children:r("blocklet.restoreBlocklet.verify.overwrite")})]})]}),!v.exists&&(0,G.jsx)(_.Z,{variant:"contained",disabled:v.isConnectOpen,onClick:O,sx:{width:"180px",height:"100%"},children:r("blocklet.restoreBlocklet.verify.".concat(v.shouldReconnect?"reconnect":"verify"))})]}),v.connectData.isConnectOpen&&(0,G.jsx)(ze.Z,{appDid:D,visible:!1}),(0,G.jsx)(Ue.Z,{popup:!0,open:v.isConnectOpen,forceConnected:!1,saveConnect:!1,action:v.connectData.action,checkFn:l.get,checkTimeout:3e5,webWalletUrl:(0,ue.yP)(i),onSuccess:F,extraParams:v.connectData.extraParams,messages:v.connectMessages,onClose:function(){k({isConnectOpen:!1})}}),v.isConfirmOpen&&(0,G.jsx)(Ge.Z,{color:"error",title:r("blocklet.restoreBlocklet.overwrite.title"),description:r("blocklet.restoreBlocklet.overwrite.description"),confirm:r("common.confirm"),onCancel:function(){k({isConfirmOpen:!1})},onConfirm:function(){k({isConfirmOpen:!1,isOverwrite:!0}),O(!0)}})]})},Qe=t(56666),qe=t(55309),Xe=(0,f.Z)(qe.Z)(He||(He=(0,o.Z)(["\n  && .result-footer {\n    height: 120px;\n    > div {\n      flex-wrap: wrap;\n    }\n  }\n"]))),en=t(35266),nn=t(76811),tn=t(77429),rn=t(75506),on=t.n(rn),an=t(50482),sn=t.n(an),cn=t(11397),ln=t.n(cn),un=t(11476),pn=t(34937),dn=t(66436),fn=ln()("@abtnode/webapp:restore-blocklet:step-install"),hn=(0,f.Z)("div")(Ve||(Ve=(0,o.Z)(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),mn=f.Z.div(Ke||(Ke=(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]})),xn=($e={},(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.waiting,0),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.start,1),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.importData,2),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.downloading,3),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.importDataSuccess,4),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.installing,5),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.completed,10),$e);var vn=(0,f.Z)(P.Z)(Je||(Je=(0,o.Z)(["\n  padding-top: 24px;\n"]))),kn=function(){var e,n,t,r,o=new URL(window.location.href),s=o.searchParams.get("appDid"),i=o.searchParams.get("launchType"),c=o.searchParams.get("nftId"),l=o.searchParams.get("fromLauncher"),u=o.searchParams.get("from"),p=o.searchParams.get("chainHost"),d=function(e){var n=e.appDid,t=(0,a.useState)(nn.RESTORE_PROGRESS_STATUS.waiting),r=(0,L.Z)(t,2),o=r[0],s=r[1],i=(0,pn.ZP)();return i.connect(),(0,a.useEffect)((function(){return i.on(nn.BlockletEvents.restoreProgress,(function(e){n===(null===e||void 0===e?void 0:e.appDid)&&s(e)})),function(){i.off(nn.BlockletEvents.restoreProgress)}}),[n,i]),o}({appDid:s}),f=(0,a.useState)(0),m=(0,L.Z)(f,2),x=m[0],v=m[1],k=(0,a.useRef)(null),g=(0,Le.J_)().meta,w=(0,h.PE)().t,Z=(0,j.h6)(),y=Z.api,P=Z.info,T=(0,Ne.Z)({nextAccessUrl:"",installError:null}),B=(0,L.Z)(T,2),D=B[0],U=B[1],O=(0,un.Z)(s),F=O.status,N=O.eventName,A=function(){v(12),k.current&&(clearTimeout(k.current),k.current=null),k.current=setTimeout((function(){y.getBlocklet({input:{did:s,attachRuntimeInfo:!0}}).then((function(e){e.blocklet&&I(e.blocklet)}))}),500)},z=function(){var e,n;null!==O&&void 0!==O&&null!==(e=O.runtimeBlocklet)&&void 0!==e&&null!==(n=e.settings)&&void 0!==n&&n.initialized?v(11):A()},M=[w("blocklet.restoreFromSpaces.progress.waiting"),w("blocklet.restoreFromSpaces.progress.restoring"),w("blocklet.restoreFromSpaces.progress.importData"),w("blocklet.restoreFromSpaces.progress.downloading",{progress:"".concat(null!==(e=null===d||void 0===d||null===(n=d.data)||void 0===n?void 0:n.completed)&&void 0!==e?e:100,"/").concat(null!==(t=null===d||void 0===d||null===(r=d.data)||void 0===r?void 0:r.total)&&void 0!==t?t:100)}),w("blocklet.restoreFromSpaces.progress.importSuccess"),w("launchBlocklet.waiting.downloading"),w("launchBlocklet.waiting.verifying"),w("launchBlocklet.waiting.downloading"),w("launchBlocklet.waiting.extracting"),w("upgrading"===F?"common.upgrading":"launchBlocklet.waiting.installing"),w("launchBlocklet.waiting.installed"),w("launchBlocklet.waiting.starting"),w("launchBlocklet.waiting.done")];(0,a.useEffect)((function(){if(d.status===nn.RESTORE_PROGRESS_STATUS.error){var e={message:d.message,name:"restoreFailed",action:"retryRestore"};return sn()(e,D.installError)||te.Z.error(oe()(e)),void U({installError:e})}v(xn[d.status]||0)}),[d.status]),(0,a.useEffect)((function(){if("serverless"!==i||N!==nn.BlockletEvents.nftConsumed)switch(F){case"waiting":v(6);break;case"downloading":v(7);break;case"installing":case"upgrading":v(8);break;case"installed":if("serverless"===i&&!(0,Me.MZ)(O))break;z();break;case"starting":v(11);break;case"running":v(12),A();break;case"stopped":A();break;case"corrupted":case"error":var e;null===O||void 0===O||O.stopPolling();var n={message:null===O||void 0===O||null===(e=O.error)||void 0===e?void 0:e.message,name:null===O||void 0===O?void 0:O.eventName,action:"retryRestore"},t=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};!sn()(n,D.installError)&&null!==O&&void 0!==O&&null!==(e=O.error)&&void 0!==e&&e.message&&te.Z.error(oe()(O.error)),U((0,R.Z)({installError:n},t))};y.getBlocklet({input:{did:s,attachRuntimeInfo:!0}}).then((function(e){var r,o=e.blocklet;null!==o&&void 0!==o&&null!==(r=o.settings)&&void 0!==r&&r.initialized&&(n.action="retryStart"),t()})).catch((function(){t()}))}else z()}),[F,N,O]);var I=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(n){var t,r;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,Me.DB)(n);case 2:if(t=e.sent,!on()(t)){e.next=5;break}return e.abrupt("return");case 5:(r=new URL(t)).searchParams.set("serverUrl",(0,b.RU)(P)),"running"!==n.status&&r.searchParams.set("__start__","1"),l&&r.searchParams.set("fromLauncher",l),u&&r.searchParams.set("from",u),i&&r.searchParams.set("launchType",i),c&&r.searchParams.set("nftId",c),p&&r.searchParams.set("chainHost",p),null===O||void 0===O||O.stopPolling(),U({nextAccessUrl:r.href,status:n.status,resultMessage:"running"===n.status?{variant:"success",title:w("blocklet.restoreFromSpaces.restore.completeTitle"),subTitle:"",footer:w("common.open")}:{variant:"info",title:w("blocklet.restoreFromSpaces.restore.installedTitle"),subTitle:w("blocklet.restoreFromSpaces.restore.installedSubTitle"),footer:w("common.configuration")}});case 15:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),W=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return U({installError:null,nextAccessUrl:""}),e.next=3,y.startBlocklet({input:{did:s}});case 3:null===O||void 0===O||O.startPolling();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();if(D.installError){var H={retryRestore:(0,G.jsx)(_.Z,{variant:"contained",className:"bottom-button","data-cy":"retry-install",component:Be.Link,to:"/blocklets/restore/verify-ownership".concat(window.location.search),children:w("common.retry")}),retryStart:(0,G.jsx)(_.Z,{variant:"contained",className:"bottom-button","data-cy":"retry-start",onClick:function(){return W()},children:w("common.retry")})},V=D.installError.name?D.installError.name.replace("blocklet.",""):"installFailed";return(0,G.jsx)(Xe,{variant:"error",title:null===g||void 0===g?void 0:g.title,subTitle:(0,G.jsxs)(mn,{children:[(0,G.jsx)("div",{children:w("launchBlocklet.error.".concat(V))}),D.installError.message&&(0,G.jsx)("div",{className:"error-desc",children:w("common.errorMessage")+D.installError.message})]}),footer:(0,G.jsxs)(vn,{children:[H[D.installError.action],"serverless"===i&&(0,G.jsx)("div",{style:{marginTop:"24px"},dangerouslySetInnerHTML:{__html:w("blocklet.restoreFromSpaces.restore.support",{communityLink:"https://community.arcblock.io/",supportEmail:"launcher@arcblock.io"})}})]})})}var K=!!D.nextAccessUrl;return fn("render",{status:F,eventName:N,launchType:i,runtimeBlockletState:O,state:D}),(0,G.jsxs)(hn,{children:[!K&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(S.Z,{title:w("blocklet.restoreBlocklet.restore.title"),subTitle:w("blocklet.restoreFromSpaces.restore.subTitle")}),(0,G.jsxs)(dn.Z,{children:[(0,G.jsx)(en.Z,{increaseSpeed:.3,messageLoop:!1,message:(0,G.jsx)(tn.Z,{steps:M,stepIndex:x,autoGrowth:10===x?1e3:4e3})}),[5,7,8].includes(x)&&(0,G.jsx)(ze.Z,{appDid:s})]})]}),K&&(0,G.jsx)(Xe,{variant:D.resultMessage.variant,title:D.resultMessage.title,subTitle:D.resultMessage.subTitle,footer:(0,G.jsx)(vn,{children:(0,G.jsx)(_.Z,{variant:"contained",style:{width:"200px"},component:Oe.Z,href:D.nextAccessUrl,children:D.resultMessage.footer})})})]})};var gn,wn,bn,Zn=function(){return(0,G.jsx)(kn,{})},yn=t(23484);function jn(){var e=(0,d.Z)((function(e){return e.breakpoints.down("md")})),n=(0,h.PE)(),t=n.t,r=n.locale,o=(0,j.h6)().info,s=(0,yn.Z)(),l=(0,Le.J_)().meta,f=(0,a.useMemo)((function(){return o?(0,b.RU)(o):""}),[o]),S=(0,Z.yP)(o),P=u()((0,Z.Y5)(),"/blocklets/restore"),R=[{key:"verify-ownership",name:t("blocklet.restoreBlocklet.verify.title"),path:u()(P,"verify-ownership")},{key:"restore-blocklet",name:t("blocklet.restoreFromSpaces.restore.title"),path:u()(P,"restore-blocklet")}],C=[];C="launcher"===i()(s.get("from"))?[{key:"purchase-space",name:t("launchBlocklet.steps.purchaseSpace")},{key:"prepare-space",name:t("launchBlocklet.steps.prepareSpace")}].concat(R):[{key:"connect-space",name:t("blocklet.restoreFromSpaces.connect.title"),path:u()(P,"connect-space")},{key:"select-blocklet",name:t("blocklet.restoreFromSpaces.selectBlocklet.title")}].concat(R);var E=(0,G.jsx)(Tn,{className:"".concat(f?"logo-can-click":""),children:(0,G.jsx)(w.Z,{onClick:function(){f&&window.open(f)},logo:e?(0,G.jsx)(k.Z,{width:"32",height:"32"}):(0,G.jsx)(g.Z,{width:"128",height:"48"})})});return(0,G.jsx)(x.W,{steps:C,children:(0,G.jsx)(m.Z,{blockletMeta:l,locale:r,useOfSkeleton:!1,navLogo:E,navSubTitle:t("blocklet.restoreFromSpaces.navSubTitle"),loading:!1,headerEndAddons:(0,G.jsx)(v.Z,{webWalletUrl:S,SessionContext:y.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null===l||void 0===l?void 0:l.logo,children:(0,G.jsxs)(En,{children:[(0,G.jsx)(p.Global,{styles:Cn}),(0,G.jsxs)(c.Routes,{children:[(0,G.jsx)(c.Route,{path:"connect-space",element:(0,G.jsx)(Te,{})}),(0,G.jsx)(c.Route,{path:"verify-ownership",element:(0,G.jsx)(Ye,{})}),(0,G.jsx)(c.Route,{path:"restore-blocklet",element:(0,G.jsx)(Zn,{})}),(0,G.jsx)(c.Route,{path:"*",element:(0,G.jsx)(c.Navigate,{to:"connect-space",replace:!0})})]})]})})})}var Sn,Pn,Rn,Cn=(0,p.css)(gn||(gn=(0,o.Z)(["\n  html,\n  body,\n  #root,\n  #root > .wrapper {\n    height: 100%;\n  }\n"]))),En=f.Z.div(wn||(wn=(0,o.Z)(["\n  "," {\n    padding-top: 34px;\n  }\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n\n  .bottom-button {\n    min-width: 200px;\n  }\n"])),(function(e){return e.theme.breakpoints.up("md")})),Tn=f.Z.div(bn||(bn=(0,o.Z)(["\n  margin-top: -1px;\n  &.logo-can-click {\n    cursor: pointer;\n  }\n"]))),Bn=t(83294),Dn=t(72333),Un=t(25710);function _n(e){var n=e.onSelect,t=(0,j.h6)().api,r=(0,h.PE)(),o=r.t,s=r.locale,i=(0,a.useState)(!1),l=(0,L.Z)(i,2),u=l[0],p=l[1],d=(0,a.useState)([]),f=(0,L.Z)(d,2),m=f[0],x=f[1],v=(0,a.useState)(""),k=(0,L.Z)(v,2),g=k[0],w=k[1],b=(0,a.useState)(null),y=(0,L.Z)(b,2),R=y[0],T=y[1],B=(0,c.useNavigate)(),D=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){var n,r,o;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,p(!0),T(!1),e.next=5,t.doBatchQuery({getBlocklets:{input:{}},getBlockletsFromBackup:{input:{}}});case 5:n=e.sent,r=n.getBlocklets.blocklets,o=n.getBlockletsFromBackup.backups,x((o||[]).filter((function(e){return!(r||[]).some((function(n){var t;return e.appPid===(null===(t=n.meta)||void 0===t?void 0:t.did)}))})).sort((function(e,n){return n.createdAt-e.createdAt})).slice(0,200)),p(!1),e.next=16;break;case 12:e.prev=12,e.t0=e.catch(0),p(!1),T(e.t0.message);case 16:case"end":return e.stop()}}),e,null,[[0,12]])})));return function(){return e.apply(this,arguments)}}();(0,a.useEffect)((function(){D()}),[]);var U=null;return U=R?(0,G.jsx)(ge.Z,{type:"error",style:{width:"100%",marginTop:8},children:R}):u?(0,G.jsx)(xe.Z,{size:16}):m.length?(0,G.jsx)(Gn,{children:m.map((function(e){return(0,G.jsxs)(Nn,{className:"middle-font-size space ".concat(g===e.appDid?"selected":""),onClick:function(){return function(e){w(e.appDid)}(e)},children:[(0,G.jsxs)("div",{className:"left",children:[(0,G.jsx)("div",{className:"header",children:(0,G.jsx)(P.Z,{sx:{width:40,height:40},children:(0,G.jsx)(Dn.Z,{did:e.appDid,size:40})})}),(0,G.jsxs)("div",{className:"body",children:[(0,G.jsx)(J.Z,{className:"text",children:e.name}),(0,G.jsx)(J.Z,{className:"text middle-font-size",children:(0,G.jsx)(_e.Z,{responsive:!1,compact:!0,inline:!0,copyable:!1,size:12,did:e.appDid})})]}),(0,G.jsxs)(P.Z,{color:"text.secondary",className:"footer small-font-size",children:[o("blocklet.restoreFromServer.backupIn")," ",(0,Z.B2)(e.createdAt,s)]})]}),(0,G.jsx)("div",{className:"right",children:(0,G.jsx)("div",{className:"more",children:(0,G.jsx)(q.Z,{onClick:function(){},className:"more-btn",size:"large","aria-label":"more functions",children:(0,G.jsx)(Bn.Z,{color:"disabled"})})})}),(0,G.jsx)("div",{className:"selected-container",children:(0,G.jsx)(O.default,{className:"selected-icon"})})]},e.appDid)}))}):(0,G.jsx)(Un.Z,{children:o("common.empty")}),(0,G.jsxs)(Fn,{style:{width:"100%"},children:[(0,G.jsx)(S.Z,{title:o("blocklet.restoreFromServer.selectTitle"),subTitle:o("blocklet.restoreFromServer.description")}),(0,G.jsx)(P.Z,{mt:4,mx:3,className:"main-body",children:U}),(0,G.jsx)(P.Z,{className:"main-footer",display:"flex",justifyContent:"center",children:(0,G.jsx)(_.Z,{sx:{width:"180px",height:"100%"},onClick:function(e){e.stopPropagation(),function(){var e=m.find((function(e){return e.appDid===g}));n({did:e.appDid,name:e.appDid,title:e.name});var t=new URL(window.location.href);t.searchParams.set("appDid",e.appDid),t.searchParams.set("appName",e.name),B("/blocklets/restore/verify-ownership".concat(t.search))}()},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:u||R||!g,children:o("common.restore")})})]})}_n.defaultProps={onSelect:function(){}};var On,Fn=(0,f.Z)(P.Z)(Sn||(Sn=(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")})),Gn=(0,f.Z)(P.Z)(Pn||(Pn=(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 ","\n          "," transparent;\n        transition: all 0.1s ease 0s;\n        content: '';\n      }\n\n      .selected-icon {\n        visibility: hidden;\n        width: 60%;\n        height: 60%;\n        position: relative;\n        z-index: 2;\n        margin: 0px 1px 1px 0px;\n        font-size: 16px;\n        transition: all 0.2s ease 0s;\n      }\n    }\n  }\n\n  .space.selected {\n    background-color: rgb(236, 251, 253);\n    border-color: rgb(236, 251, 253);\n\n    .selected-container {\n      &::after {\n        left: 0px;\n        top: 0px;\n      }\n\n      .selected-icon {\n        visibility: visible;\n      }\n    }\n  }\n"])),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.palette.primary.main})),Nn=(0,f.Z)("div")(Rn||(Rn=(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")})),An=t(95712),zn=(0,f.Z)("div")(On||(On=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),Ln="verify-app-ownership-disk";var Mn,In,Wn,Hn=function(){var e=new URL(window.location.href),n=e.searchParams.get("appDid"),t=e.searchParams.get("appName"),r=(0,h.PE)().t,o=(0,j.h6)(),s=o.api,i=o.info,c=(0,De.T)(),l=c.session,p=c.api,d=(0,a.useMemo)((function(){return i?(0,b.RU)(i):""}),[i]),f=(0,Ne.Z)({isRestoring:!1,isComplete:!1,connectData:{isConnectOpen:!1,action:"",checkFn:function(){},extraParams:{}}}),m=(0,L.Z)(f,2),x=m[0],v=m[1];(0,a.useEffect)((function(){g()}),[]);var k=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,s.getBlocklet({input:{did:n}});case 2:if(!e.sent.blocklet){e.next=7;break}return te.Z.error("Blocklet ".concat(t,"(").concat(n,") already exists")),v({shouldReconnect:!0}),e.abrupt("return");case 7:v({connectData:{isConnectOpen:!0,action:Ln,extraParams:{appDid:n,restoreFrom:"disk"}}});case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),g=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){var t,r,o,a,s,i;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(l.user){e.next=11;break}return(a=new URL(window.location.href)).pathname=u()(null!==(t=null===(r=window)||void 0===r||null===(o=r.env)||void 0===o?void 0:o.apiPrefix)&&void 0!==t?t:"/","/api/did/".concat(Ln,"/token")),a.searchParams.set("appDid",n),a.searchParams.set("restoreFrom","disk"),e.next=7,p.get(a.href);case 7:return s=e.sent,i=s.data,l.login(w,{nw:i.url,openMode:"popup"}),e.abrupt("return");case 11:return e.next=13,k();case 13:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),w=function(){v({connectData:{isConnectOpen:!1}}),setTimeout((function(){var e=new URL(u()(d,"blocklets/restore/restore-blocklet".concat(window.location.search)));window.location.href=e.href}),0)};return(0,G.jsxs)(zn,{children:[(0,G.jsx)(S.Z,{title:r("blocklet.restoreBlocklet.verify.title"),subTitle:r("blocklet.restoreBlocklet.verify.subTitle")}),(0,G.jsxs)(P.Z,{textAlign:"center",mt:6,children:[(0,G.jsx)(An.Z,{did:n,size:128}),(0,G.jsxs)(P.Z,{mt:2,mb:2,children:[(0,G.jsx)(J.Z,{variant:"body2",children:t}),(0,G.jsx)(_e.Z,{did:n})]}),(0,G.jsx)(_.Z,{variant:"contained",disabled:x.connectData.isConnectOpen,onClick:g,sx:{width:"180px",height:"100%"},children:r("blocklet.restoreBlocklet.verify.".concat(x.shouldReconnect?"reconnect":"verify"))})]}),x.connectData.isConnectOpen&&(0,G.jsx)(ze.Z,{appDid:n,visible:!1}),(0,G.jsx)(Ue.Z,{popup:!0,open:x.connectData.isConnectOpen,forceConnected:!1,saveConnect:!1,action:x.connectData.action,checkFn:p.get,checkTimeout:3e5,webWalletUrl:(0,ue.yP)(i),onSuccess:w,extraParams:x.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(){v({connectData:{isConnectOpen:!1}})}})]})};function Vn(){var e=(0,d.Z)((function(e){return e.breakpoints.down("md")})),n=(0,h.PE)(),t=n.t,r=n.locale,o=(0,j.h6)().info,s=(0,a.useState)({}),i=s.meta,l=s.setMeta,f=(0,a.useMemo)((function(){return o?(0,b.RU)(o):""}),[o]),S=(0,Z.yP)(o),P=u()((0,Z.Y5)(),"/blocklets/restore"),C=[{key:"select",name:t("blocklet.restoreFromServer.selectTitle"),path:u()(P,"select")},{key:"verify-ownership",name:t("blocklet.restoreBlocklet.verify.title"),path:u()(P,"verify-ownership")},{key:"restore-blocklet",name:t("blocklet.restoreBlocklet.restore.title"),path:u()(P,"restore-blocklet")}],E=(0,G.jsx)(Jn,{className:"".concat(f?"logo-can-click":""),children:(0,G.jsx)(w.Z,{onClick:function(){f&&window.open(f)},logo:e?(0,G.jsx)(k.Z,{width:"32",height:"32"}):(0,G.jsx)(g.Z,{width:"128",height:"48"})})});return(0,G.jsx)(x.W,{steps:C,children:(0,G.jsx)(m.Z,{blockletMeta:(0,R.Z)((0,R.Z)({},i),{},{registryUrl:""}),locale:r,useOfSkeleton:!1,navLogo:E,headerEndAddons:(0,G.jsx)(v.Z,{webWalletUrl:S,SessionContext:y.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null===i||void 0===i?void 0:i.logo,children:(0,G.jsxs)($n,{children:[(0,G.jsx)(p.Global,{styles:Kn}),(0,G.jsxs)(c.Routes,{children:[(0,G.jsx)(c.Route,{path:"select",element:(0,G.jsx)(_n,{onSelect:l})}),(0,G.jsx)(c.Route,{path:"verify-ownership",element:(0,G.jsx)(Hn,{})}),(0,G.jsx)(c.Route,{path:"restore-blocklet",element:(0,G.jsx)(Zn,{})}),(0,G.jsx)(c.Route,{path:"*",element:(0,G.jsx)(c.Navigate,{to:"select".concat(window.location.search),replace:!0})})]})]})})})}var Kn=(0,p.css)(Mn||(Mn=(0,o.Z)(["\n  html,\n  body,\n  #root,\n  #root > .wrapper {\n    height: 100%;\n  }\n"]))),$n=f.Z.div(In||(In=(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")})),Jn=f.Z.div(Wn||(Wn=(0,o.Z)(["\n  margin-top: -1px;\n  &.logo-can-click {\n    cursor: pointer;\n  }\n"])));function Yn(){return window.location.search.includes("restoreFrom=server")?(0,G.jsx)(Vn,{}):(0,G.jsx)(jn,{})}},84584:function(e,n,t){"use strict";t.d(n,{Jf:function(){return Z},LQ:function(){return f},Nb:function(){return h},Xv:function(){return p},ag:function(){return v},mo:function(){return x},nD:function(){return d},nU:function(){return w},w2:function(){return k}});var r=t(32723),o=t(34795),a=t(82434),s=t.n(a),i=t(76811),c=t(65873),l=t(2842),u=t(60344);function p(e){var n=e.replace(/\/api\/space\/.+/,""),t=e.replace(/\/$/,"").split("/"),r=t.at(-4),o=t.at(-2);return(0,l.xn)(n,"space",r,"apps",o,"explorer?key=/apps/".concat(o,"/.did-objects/").concat(o,"/"))}function d(e){var n=e.replace(/\/api\/space\/.+/,""),t=e.replace(/\/$/,"").split("/").at(-4);return(0,l.xn)(n,"space",t)}function f(e){return e.replace(/\/$/,"").split("/").at(-4)}function h(e){return m.apply(this,arguments)}function m(){return(m=(0,o.Z)((0,r.Z)().mark((function e(n){var t,o;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,s()(n)){e.next=3;break}return e.abrupt("return",!1);case 3:return e.next=5,u.hi.head(n,{timeout:5e3});case 5:return t=e.sent,o=t.headers,e.abrupt("return","true"===o["x-listable"]&&"true"===o["x-readable"]&&"true"===o["x-writeable"]);case 10:return e.prev=10,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return",!1);case 14:case"end":return e.stop()}}),e,null,[[0,10]])})))).apply(this,arguments)}function x(e){var n;return(null===e||void 0===e||null===(n=e.find((function(e){return e.key===i.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT})))||void 0===n?void 0:n.value)||""}function v(e){var n=new URL(e);return(0,l.xn)(n.origin,n.pathname)}function k(e){return g.apply(this,arguments)}function g(){return(g=(0,o.Z)((0,r.Z)().mark((function e(n){var t,o,a,i,p;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,s()(n)){e.next=3;break}return e.abrupt("return",!1);case 3:return t=v(n),o=(0,l.xn)(t,"space/api/did/one-click-authorization/token"),e.next=7,u.hi.get(o,{timeout:5e3});case 7:return a=e.sent,i=a.status,p=a.data,e.abrupt("return",200===i&&(0,c.isObject)(p));case 13:return e.prev=13,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return",!1);case 17:case"end":return e.stop()}}),e,null,[[0,13]])})))).apply(this,arguments)}function w(e){return b.apply(this,arguments)}function b(){return(b=(0,o.Z)((0,r.Z)().mark((function e(n){var t,o,a;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,s()(n)){e.next=3;break}return e.abrupt("return","");case 3:return e.next=5,u.hi.head(n,{timeout:3e3});case 5:return t=e.sent,o=t.headers,a=o["x-space-name"],e.abrupt("return",a?decodeURIComponent(a):"");case 11:return e.prev=11,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return","");case 15:case"end":return e.stop()}}),e,null,[[0,11]])})))).apply(this,arguments)}function Z(e){var n=e.replace(/\/api\/space\/.+/,""),t=e.replace(/\/$/,"").split("/").at(-4);return(0,l.xn)(n,"/api/space/nft/display?spaceDid=".concat(t))}},47595:function(e,n,t){"use strict";var r=t(71600);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(56930)),a=t(96266),s=(0,o.default)((0,a.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5-1-1h-5l-1 1H5v2h14V4z"}),"DeleteOutline");n.default=s},94552:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var o=r(t(56930)),a=t(96266),s=(0,o.default)((0,a.jsx)("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"}),"Launch");n.Z=s},83294:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var o=r(t(56930)),a=t(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");n.Z=s},53616:function(e,n,t){var r=t(26849);e.exports=function(e){return r(e).toLowerCase()}}}]);
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[3389],{53389:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return Yn}});var r,o=t(71171),a=t(5057),s=t(53616),i=t.n(s),c=t(85493),l=t(6352),u=t.n(l),p=t(21371),d=t(72904),f=t(33518),h=t(68420),m=t(63902),x=t(51703),v=t(12073),k=t(10866),g=t(4456),w=t(99641),b=t(4651),Z=t(14491),y=t(25339),j=t(75793),S=t(2660),P=t(39948),R=t(33028),C=t(32723),E=t(34795),T=t(59740),B=t(19577),D=t(2478),U=t(44067),_=t(28726),O=t(42876),F=t(55898),G=t(96266);function N(e){var n=e.children,t=e.selected;return(0,G.jsxs)(A,{children:[n,(0,G.jsx)(P.Z,{className:"selected-container ".concat(t?"selected":""),children:(0,G.jsx)(O.default,{className:"selected-icon"})})]})}var A=(0,f.Z)(P.Z)(r||(r=(0,o.Z)(["\n  position: relative;\n\n  .selected-container {\n    display: flex !important;\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n    -webkit-box-pack: end;\n    justify-content: flex-end;\n    align-items: flex-end;\n    width: 32px;\n    height: 32px;\n    border-radius: 0px 0px 8px;\n    color: rgb(255, 255, 255);\n    overflow: hidden;\n    transition: all 0.4s ease 0s;\n\n    &::after {\n      position: absolute;\n      z-index: 0;\n      left: 60px;\n      top: 60px;\n      display: block;\n      width: 0px;\n      height: 0px;\n      border-width: 16px;\n      border-style: solid;\n      border-color: transparent #1dc1c7 #1dc1c7 transparent;\n      transition: all 0.1s ease 0s;\n      content: '';\n    }\n\n    .selected-icon {\n      visibility: hidden;\n      width: 60%;\n      height: 60%;\n      position: relative;\n      z-index: 2;\n      margin: 0px 1px 1px 0px;\n      font-size: 16px;\n      transition: all 0.2s ease 0s;\n    }\n  }\n\n  .selected-container.selected {\n    &::after {\n      left: 0px;\n      top: 0px;\n    }\n\n    .selected-icon {\n      visibility: visible;\n    }\n  }\n"])));N.propTypes={children:F.node.isRequired,selected:F.bool},N.defaultProps={selected:!1};var z=t(68079),L=t(96234),M=t(67654),I=t(65873),W=t(94639),H=(0,a.createContext)({}),V=H.Provider;H.Consumer;function K(e){var n=e.children,t=(0,h.PE)().t,r=(0,M.Z)("spaceGatewaysForRestore",[{name:"Prod DID Spaces",url:"https://www.didspaces.com/app",protected:!0},{name:"Staging DID Spaces",url:"https://spaces.staging.arcblock.io/app",protected:!0}]),o=(0,L.Z)(r,2),s=o[0],i=o[1],c=(0,M.Z)("selectedSpaceGatewayForRestore",s.find((function(e){return"https://www.didspaces.com/app"===e.url}))),l=(0,L.Z)(c,2),p=l[0],d=l[1];return(0,a.useEffect)((function(){function e(){return e=(0,E.Z)((0,C.Z)().mark((function e(){var n;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.all(s.map(function(){var e=(0,E.Z)((0,C.Z)().mark((function e(n){var t,r,o,a;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,W.Z.get(u()(n.url,"/__blocklet__.js?type=json"),{timeout:5e3}).catch((function(e){return console.error(e),{data:{}}}));case 2:return r=e.sent,o=r.data,a=null!==(t=o.appName)&&void 0!==t?t:n.name,e.abrupt("return",(0,I.merge)(n,{name:a}));case 6:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}()));case 2:n=e.sent,i(n);case 4:case"end":return e.stop()}}),e)}))),e.apply(this,arguments)}!function(){e.apply(this,arguments)}()}),[]),(0,G.jsx)(V,{value:{spaceGateways:s,selectedSpaceGateway:p,addSpaceGateway:function(e){var n=s.find((function(n){return e.url===n.url}));if(n)throw new Error(t("storage.spaces.gateway.add.duplicate",{name:n.name}));i((function(){return[].concat((0,z.Z)(s),[(0,I.cloneDeep)(e)])})),d(e)},deleteSpaceGateway:function(e){if(e.url===p.url)throw new Error(t("storage.spaces.gateway.delete.failedForSelected"));i((function(){return s.filter((function(n){return n.url!==e.url}))}))},handleSelectSpaceGateway:function(e){d(e)}},children:n})}K.defaultProps={};var $=t(92877),J=t(11750),Y=t(83580),Q=t(94552),q=t(67680),X=t(19778),ee=t(47595),ne=t(60939),te=t(86229),re=t(72443),oe=t.n(re);function ae(e){var n=e.spaceGateway,t=e.onDeleteSpaceGateway,r=(0,h.PE)().t,o=(0,a.useState)(!1),s=(0,L.Z)(o,2),i=s[0],c=s[1],l=(0,a.useState)(!1),u=(0,L.Z)(l,2),p=u[0],d=u[1],f=function(e,n){null===e||void 0===e||e.stopPropagation(),c(n)},m=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(o){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,null===o||void 0===o||o.stopPropagation(),d(!0),e.next=5,t(n);case 5:c(!1),e.next=12;break;case 8:e.prev=8,e.t0=e.catch(0),console.error(e.t0),te.Z.error("".concat(r("storage.spaces.gateway.delete.failed"),": ").concat(oe()(e.t0)));case 12:return e.prev=12,d(!1),e.finish(12);case 15:case"end":return e.stop()}}),e,null,[[0,8,12,15]])})));return function(n){return e.apply(this,arguments)}}();return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(q.Z,{size:"small",onClick:function(e){return f(e,!0)},children:(0,G.jsx)(ee.default,{})}),(0,G.jsx)(ne.Z,{title:r("common.delConfirmDescription",{data:"".concat(null===n||void 0===n?void 0:n.name)}),open:i,confirmButton:{text:r("common.confirm"),props:{variant:"contained",color:"error",loading:p}},cancelButton:{text:r("common.cancel"),props:{variant:"contained",color:"primary"}},onConfirm:m,onCancel:function(e){return f(e,!1)}})]})}ae.defaultProps={onDeleteSpaceGateway:function(){}};var se=ae,ie=t(95335);var ce,le=function(){var e=(0,ie.Z)(),n=(0,d.Z)(e.breakpoints.down("md"));return{minWidth:n?300:e.breakpoints.values.sm,isMobile:n}},ue=t(74094),pe=["spaceGateway","selected","onDeleteSpaceGateway","onSelectGateway"],de=(0,$.Z)((function(){return{menuName:{display:"flex",flex:1,flexDirection:"column",paddingRight:"24px","& span":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}}}));function fe(e){var n=e.spaceGateway,t=e.selected,r=e.onDeleteSpaceGateway,o=e.onSelectGateway,a=(0,T.Z)(e,pe),s=de(),i=(0,h.PE)().t,c=le().isMobile,l=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,r(n);case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,G.jsxs)(he,(0,R.Z)((0,R.Z)({},a),{},{children:[(0,G.jsx)(P.Z,{display:"inline-flex",marginRight:"8px",alignItems:"center",children:(0,G.jsx)("img",{alt:n.name,src:u()(n.url,"favicon.ico"),width:"48px",height:"48px"})}),(0,G.jsxs)(P.Z,{className:s.menuName,onClick:o,children:[(0,G.jsxs)(J.Z,{component:"span",variant:"subtitle1",style:{fontWeight:"400"},children:[null===n||void 0===n?void 0:n.name," ",t&&(0,G.jsx)(X.Z,{color:"primary",style:{marginLeft:"8px"},children:i("common.selected")})]}),(0,G.jsx)(J.Z,{className:"url",component:"span",variant:"inherit",children:"".concat(c?(0,ue.aS)(null===n||void 0===n?void 0:n.url,38):null===n||void 0===n?void 0:n.url)})]}),(0,G.jsxs)(Y.Z,{children:[(0,G.jsx)(q.Z,{onClick:function(e){e.stopPropagation(),window.open(n.url)},size:"small",children:(0,G.jsx)(Q.Z,{})}),!0!==(null===n||void 0===n?void 0:n.protected)&&(0,G.jsx)(se,{spaceGateway:n,onDeleteSpaceGateway:l})]})]}))}var he=(0,f.Z)(P.Z)(ce||(ce=(0,o.Z)(["\n  display: flex;\n"])));fe.defaultProps={onDeleteSpaceGateway:function(){},selected:!1,onSelectGateway:function(){}};var me=t(13128),xe=t(44846),ve=t(47020),ke=t(55372),ge=t(88574),we=t(84584),be=["onAddGateway"];function Ze(e){var n=e.onAddGateway,t=(0,T.Z)(e,be),r=(0,h.PE)(),o=r.t,s=r.locale,i=(0,a.useState)(""),c=(0,L.Z)(i,2),l=c[0],p=c[1],d=(0,a.useState)(!1),f=(0,L.Z)(d,2),m=f[0],x=f[1],v=(0,a.useState)(!1),k=(0,L.Z)(v,2),g=k[0],w=k[1],b=(0,a.useState)(""),Z=(0,L.Z)(b,2),y=Z[0],j=Z[1],S=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){var t,r,a,i,c,p;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,x(!0),(a=null===l||void 0===l||null===(t=l.replace(/\/api\/.+/,""))||void 0===t||null===(r=t.trim())||void 0===r?void 0:r.replace(/\/$/,"")).startsWith("http")||(a="https://".concat(a)),e.next=6,(0,we.w2)(a);case 6:if(e.sent){e.next=8;break}throw new Error(o("storage.spaces.gateway.add.invalidUrl"));case 8:return e.next=10,W.Z.get(u()(a,"/__blocklet__.js?type=json"));case 10:return i=e.sent,c=i.data,p={name:c.appName,url:a,protected:!1},e.next=15,n(p);case 15:te.Z.success(o("storage.spaces.addedWithName",{name:p.name})),w(!1),e.next=22;break;case 19:e.prev=19,e.t0=e.catch(0),j("".concat(o("storage.spaces.gateway.add.failed",s),": ").concat(oe()(e.t0)));case 22:return e.prev=22,x(!1),e.finish(22);case 25:case"end":return e.stop()}}),e,null,[[0,19,22,25]])})));return function(){return e.apply(this,arguments)}}();return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(_.Z,(0,R.Z)((0,R.Z)({size:"middle",color:"primary",variant:"outlined",onClick:function(){return w(!0)}},t),{},{children:o("storage.spaces.gateway.add.title")})),(0,G.jsxs)(me.ZP,{title:o("storage.spaces.gateway.add.title"),fullWidth:!0,maxWidth:"md",open:g,onClose:function(){return w(!1)},PaperProps:{style:{minHeight:"auto"}},actions:(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(_.Z,{onClick:function(e){e.stopPropagation(),w(!1)},color:"inherit",children:o("common.cancel")}),(0,G.jsxs)(_.Z,{onClick:function(e){e.stopPropagation(),S()},color:"primary","data-cy":"install-blocklet-next-step",disabled:m||!l,variant:"contained",autoFocus:!0,children:[m&&(0,G.jsx)(xe.Z,{size:16}),o("common.confirm")]})]}),children:[(0,G.jsx)("div",{style:{paddingTop:12,overflowY:"hidden"},children:(0,G.jsx)(ke.Z,{component:"div",children:(0,G.jsx)(J.Z,{component:"div",children:(0,G.jsx)(ve.Z,{label:o("storage.spaces.gateway.add.label"),autoComplete:"off",variant:"outlined",name:"url",fullWidth:!0,value:l,onChange:function(e){j(null),p(e.target.value)},disabled:m,onKeyPress:function(){var e=(0,E.Z)((0,C.Z)().mark((function e(n){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("Enter"!==n.key){e.next=4;break}return n.preventDefault(),e.next=4,S();case 4:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),autoFocus:!0})})})}),!!y&&(0,G.jsx)(ge.Z,{type:"error",style:{width:"100%"},children:y})]})]})}Ze.defaultProps={onAddGateway:function(){}};var ye=Ze,je=["onConnect"];function Se(e){var n=e.onConnect,t=(0,T.Z)(e,je),r=(0,a.useContext)(H),o=r.spaceGateways,s=r.selectedSpaceGateway,i=r.handleSelectSpaceGateway,c=r.addSpaceGateway,l=r.deleteSpaceGateway,u=(0,h.PE)().t,p=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(n){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,c(n);case 2:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),d=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(n){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,l(n);case 2:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}();return(0,G.jsxs)(P.Z,(0,R.Z)((0,R.Z)({},t),{},{children:[(0,G.jsx)(B.Z,{children:o.map((function(e){var n=(null===e||void 0===e?void 0:e.url)===s.url;return(0,G.jsx)(N,{selected:n,children:(0,G.jsx)(D.ZP,{button:!0,selected:n,"data-cy":"get-space-endpoint-for-restore",children:(0,G.jsx)(U.Z,{children:(0,G.jsx)(fe,{spaceGateway:e,onDeleteSpaceGateway:d,selected:n,onSelectGateway:function(){return function(e){i(e)}(e)}})})},e.url)})}))}),(0,G.jsxs)(P.Z,{display:"flex",marginTop:"16px",justifyContent:"center",alignItems:"center",children:[(0,G.jsx)(ye,{onAddGateway:p}),(0,G.jsx)(_.Z,{sx:{marginLeft:"16px"},size:"middle",variant:"contained",onClick:function(){n(s)},children:u("storage.spaces.connect.now")})]})]}))}Se.defaultProps={onConnect:function(){}};var Pe,Re=Se,Ce=(0,f.Z)("div")(Pe||(Pe=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"])));var Ee,Te=function(){var e=(0,j.h6)().info,n=(0,a.useContext)(h.RD),t=n.t,r=n.locale,o=(0,a.useMemo)((function(){return e?(0,b.RU)(e):""}),[e]);return(0,G.jsx)(K,{children:(0,G.jsxs)(Ce,{children:[(0,G.jsx)(S.Z,{title:t("blocklet.restoreFromSpaces.connect.title"),subTitle:t("blocklet.restoreFromSpaces.connect.subTitle"),onClickBack:function(){return window.history.back()}}),(0,G.jsx)(P.Z,{display:"flex",justifyContent:"center",children:(0,G.jsx)(Re,{sx:{marginTop:"64px",marginBottom:"32px",width:"720px"},onConnect:function(e){var n=new URL(u()(e.url,"restore")),t=u()(o,"blocklets/restore/verify-ownership");n.searchParams.set("redirectUrl",t),n.searchParams.set("locale",r),window.location.href=n.toString()}})})]})})},Be=t(15849),De=t(73545),Ue=t(49983),_e=t(17450),Oe=t(38898),Fe=t(39463),Ge=t(70461),Ne=t(31853),Ae=t(13455),ze=t(13932),Le=t(31910),Me=t(93040),Ie=(0,f.Z)("div")(Ee||(Ee=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),We="verify-app-ownership-spaces";var He,Ve,Ke,$e,Je,Ye=function(){var e=(0,De.T)().session,n=(0,Be.useSearchParams)(),t=(0,L.Z)(n,1)[0],r=(0,h.PE)().t,o=(0,j.h6)(),s=o.api,i=o.info,l=(0,De.T)().api,p=(0,Le.J_)().meta,d=(0,c.useNavigate)(),f=(0,a.useMemo)((function(){return i?(0,b.RU)(i):""}),[i]),m=(0,Ne.Z)({isRestoring:!1,isComplete:!1,isOverwrite:!1,shouldReconnect:!1,exists:!1,accessUrl:"",isConnectOpen:!1,isConfirmOpen:!1,connectData:{action:"",checkFn:function(){},extraParams:{}},connectMessages:{}}),x=(0,L.Z)(m,2),v=x[0],k=x[1];(0,a.useEffect)((function(){O()}),[]);var g=t.get("launchType"),w=t.get("nftId"),Z=t.get("chainHost"),y=t.get("from"),R=t.get("blocklet_meta_url"),T=t.get("launcherSessionId")||"",B=t.get("launcherUrl")||"",D=function(e){var n=e.split("/").filter(Boolean);return n[n.length-2]}(p.spaceEndpoint),U=(0,Fe.getServerAuthMethod)(i,g,T,e.user),O=function(){var n=(0,E.Z)((0,C.Z)().mark((function n(){var t,o,a,i,c,d,h,m,x,b,y,j,S,P,R,E,_,O,G,N,A=arguments;return(0,C.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(i=A.length>0&&void 0!==A[0]&&A[0]){n.next=15;break}if(!v.shouldReconnect){n.next=5;break}return window.location.href=u()(f,"blocklets/restore/connect-space"),n.abrupt("return");case 5:if(!e.user){n.next=15;break}return n.next=8,s.getBlocklet({input:{did:D,attachRuntimeInfo:!0}});case 8:if(!(c=n.sent).blocklet){n.next=15;break}return n.next=12,(0,Me.DB)(c.blocklet);case 12:return(d=n.sent)&&(h=new URL(d),"running"!==c.blocklet.status&&h.searchParams.set("__start__","1"),k({shouldReconnect:!0,exists:!0,accessUrl:h.href})),n.abrupt("return");case 15:if("nft"!==U){n.next=36;break}return(y=new URL(window.location.href)).pathname=u()(null!==(m=null===(x=window)||void 0===x||null===(b=x.env)||void 0===b?void 0:b.apiPrefix)&&void 0!==m?m:"/","/api/did/".concat(We,"/token")),y.searchParams.set("appDid",D),y.searchParams.set("endpoint",p.spaceEndpoint),y.searchParams.set("referrer",window.location.href),y.searchParams.set("nftId",w),y.searchParams.set("appPid",p.did),j={autoConnect:!1,launchType:g,nftId:w},Z&&(y.searchParams.set("chainHost",Z),j.chainHost=Z),i&&y.searchParams.set("overwrite","1"),n.next=28,l.get(y.href);case 28:if(S=n.sent,!(P=S.data).error){n.next=33;break}return te.Z.error(P.error),n.abrupt("return");case 33:return j.nw=P.url,k({isConnectOpen:!0,connectData:{action:"verify-restore-by-nft",extraParams:j},connectMessages:{title:r("blocklet.restoreFromSpaces.nftAuthDialog.title"),scan:r("blocklet.restoreFromSpaces.nftAuthDialog.scan"),confirm:r("blocklet.restoreFromSpaces.nftAuthDialog.confirm"),success:r("blocklet.restoreFromSpaces.nftAuthDialog.success")}}),n.abrupt("return");case 36:if("launcher"!==U){n.next=44;break}return n.next=39,s.getLauncherSession({input:{launcherUrl:B,launcherSessionId:T}});case 39:return R=n.sent,E=R.launcherSession,_=R.error,E?k({isConnectOpen:!0,connectData:{action:We,extraParams:{appDid:D,appPid:p.did,endpoint:p.spaceEndpoint,referrer:window.location.href,restoreFrom:"spaces",overwrite:i?"1":void 0,launcherUrl:B,launcherSessionId:T,chainHost:Z}},connectMessages:{title:r("blocklet.restoreBlocklet.verify.title"),scan:r("blocklet.restoreBlocklet.verify.scan"),confirm:r("blocklet.restoreBlocklet.verify.confirm"),success:r("blocklet.restoreBlocklet.verify.success")}}):te.Z.error("Launch session invalid: ".concat(_)),n.abrupt("return");case 44:if("session"!==U){n.next=47;break}return k({isConnectOpen:!0,connectData:{action:We,extraParams:{appDid:D,appPid:p.did,endpoint:p.spaceEndpoint,referrer:window.location.href,overwrite:i?"1":void 0,restoreFrom:"spaces"}},connectMessages:{title:r("blocklet.restoreBlocklet.verify.title"),scan:r("blocklet.restoreBlocklet.verify.scan"),confirm:r("blocklet.restoreBlocklet.verify.confirm"),success:r("blocklet.restoreBlocklet.verify.success")}}),n.abrupt("return");case 47:return(O=new URL(window.location.href)).pathname=u()(null!==(t=null===(o=window)||void 0===o||null===(a=o.env)||void 0===a?void 0:a.apiPrefix)&&void 0!==t?t:"/","/api/did/".concat(We,"/token")),O.searchParams.set("appDid",D),O.searchParams.set("appPid",p.did),O.searchParams.set("endpoint",p.spaceEndpoint),O.searchParams.set("referrer",window.location.href),O.searchParams.set("restoreFrom","spaces"),n.next=56,l.get(O.href);case 56:G=n.sent,N=G.data,e.login(F,{nw:N.url,openMode:"popup"});case 59:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}(),F=function(){var n=(0,E.Z)((0,C.Z)().mark((function n(t,r){var o;return(0,C.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:if(null===(o=Array.isArray(t)?t.find((function(e){return!!e.sessionToken})):t)||void 0===o||!o.sessionToken){n.next=5;break}return(0,ue.ZB)(r(o.sessionToken)),n.next=5,e.refresh();case 5:k({isConnectOpen:!1}),setTimeout((function(){var e=new URLSearchParams({appDid:D});[{name:"launchType",value:g},{name:"nftId",value:w},{name:"from",value:y},{name:"blocklet_meta_url",value:R},{name:"chainHost",value:Z}].forEach((function(n){var t=n.name,r=n.value;r&&e.set(t,r)})),d("/blocklets/restore/restore-blocklet?".concat(e.toString()))}),0);case 7:case"end":return n.stop()}}),n)})));return function(e,t){return n.apply(this,arguments)}}();return(0,G.jsxs)(Ie,{children:[(0,G.jsx)(S.Z,{title:r("blocklet.restoreBlocklet.verify.title"),subTitle:r("blocklet.restoreBlocklet.verify.subTitle"),onClickBack:function(){return window.history.back()}}),(0,G.jsxs)(P.Z,{textAlign:"center",mt:6,children:[(0,G.jsx)(Ae.Z,{blocklet:{meta:p},blockletMetaUrl:R}),(0,G.jsxs)(P.Z,{mt:2,mb:2,children:[(0,G.jsx)(J.Z,{variant:"body2",children:p.title}),(0,G.jsx)(_e.Z,{did:D})]}),v.exists&&v.accessUrl&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(J.Z,{component:"p",variant:"body1",gutterBottom:!0,sx:{color:"orange"},children:r("blocklet.restoreBlocklet.verify.exists")}),(0,G.jsxs)(J.Z,{component:"div",sx:{marginTop:"32px"},children:[v.accessUrl&&(0,G.jsx)(_.Z,{variant:"contained",component:Oe.Z,href:v.accessUrl,sx:{width:"160px",height:"100%"},children:r("blocklet.restoreBlocklet.verify.open")}),(0,G.jsx)(_.Z,{variant:"contained",color:"error",onClick:function(){k({isConfirmOpen:!0})},sx:{width:"160px",height:"100%",marginLeft:"32px"},children:r("blocklet.restoreBlocklet.verify.overwrite")})]})]}),!v.exists&&(0,G.jsx)(_.Z,{variant:"contained",disabled:v.isConnectOpen,onClick:O,sx:{width:"180px",height:"100%"},children:r("blocklet.restoreBlocklet.verify.".concat(v.shouldReconnect?"reconnect":"verify"))})]}),v.connectData.isConnectOpen&&(0,G.jsx)(ze.Z,{appDid:D,visible:!1}),(0,G.jsx)(Ue.Z,{popup:!0,open:v.isConnectOpen,forceConnected:!1,saveConnect:!1,action:v.connectData.action,checkFn:l.get,checkTimeout:3e5,webWalletUrl:(0,ue.yP)(i),onSuccess:F,extraParams:v.connectData.extraParams,messages:v.connectMessages,onClose:function(){k({isConnectOpen:!1})}}),v.isConfirmOpen&&(0,G.jsx)(Ge.Z,{color:"error",title:r("blocklet.restoreBlocklet.overwrite.title"),description:r("blocklet.restoreBlocklet.overwrite.description"),confirm:r("common.confirm"),onCancel:function(){k({isConfirmOpen:!1})},onConfirm:function(){k({isConfirmOpen:!1,isOverwrite:!0}),O(!0)}})]})},Qe=t(56666),qe=t(55309),Xe=(0,f.Z)(qe.Z)(He||(He=(0,o.Z)(["\n  && .result-footer {\n    height: 120px;\n    > div {\n      flex-wrap: wrap;\n    }\n  }\n"]))),en=t(35266),nn=t(76811),tn=t(77429),rn=t(75506),on=t.n(rn),an=t(50482),sn=t.n(an),cn=t(11397),ln=t.n(cn),un=t(11476),pn=t(34937),dn=t(66436),fn=ln()("@abtnode/webapp:restore-blocklet:step-install"),hn=(0,f.Z)("div")(Ve||(Ve=(0,o.Z)(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),mn=f.Z.div(Ke||(Ke=(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]})),xn=($e={},(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.waiting,0),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.start,1),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.importData,2),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.downloading,3),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.importDataSuccess,4),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.installing,5),(0,Qe.Z)($e,nn.RESTORE_PROGRESS_STATUS.completed,10),$e);var vn=(0,f.Z)(P.Z)(Je||(Je=(0,o.Z)(["\n  padding-top: 24px;\n"]))),kn=function(){var e,n,t,r,o=new URL(window.location.href),s=o.searchParams.get("appDid"),i=o.searchParams.get("launchType"),c=o.searchParams.get("nftId"),l=o.searchParams.get("fromLauncher"),u=o.searchParams.get("from"),p=o.searchParams.get("chainHost"),d=function(e){var n=e.appDid,t=(0,a.useState)(nn.RESTORE_PROGRESS_STATUS.waiting),r=(0,L.Z)(t,2),o=r[0],s=r[1],i=(0,pn.ZP)();return i.connect(),(0,a.useEffect)((function(){return i.on(nn.BlockletEvents.restoreProgress,(function(e){n===(null===e||void 0===e?void 0:e.appDid)&&s(e)})),function(){i.off(nn.BlockletEvents.restoreProgress)}}),[n,i]),o}({appDid:s}),f=(0,a.useState)(0),m=(0,L.Z)(f,2),x=m[0],v=m[1],k=(0,a.useRef)(null),g=(0,Le.J_)().meta,w=(0,h.PE)().t,Z=(0,j.h6)(),y=Z.api,P=Z.info,T=(0,Ne.Z)({nextAccessUrl:"",installError:null}),B=(0,L.Z)(T,2),D=B[0],U=B[1],O=(0,un.Z)(s),F=O.status,N=O.eventName,A=function(){v(12),k.current&&(clearTimeout(k.current),k.current=null),k.current=setTimeout((function(){y.getBlocklet({input:{did:s,attachRuntimeInfo:!0}}).then((function(e){e.blocklet&&I(e.blocklet)}))}),500)},z=function(){var e,n;null!==O&&void 0!==O&&null!==(e=O.runtimeBlocklet)&&void 0!==e&&null!==(n=e.settings)&&void 0!==n&&n.initialized?v(11):A()},M=[w("blocklet.restoreFromSpaces.progress.waiting"),w("blocklet.restoreFromSpaces.progress.restoring"),w("blocklet.restoreFromSpaces.progress.importData"),w("blocklet.restoreFromSpaces.progress.downloading",{progress:"".concat(null!==(e=null===d||void 0===d||null===(n=d.data)||void 0===n?void 0:n.completed)&&void 0!==e?e:100,"/").concat(null!==(t=null===d||void 0===d||null===(r=d.data)||void 0===r?void 0:r.total)&&void 0!==t?t:100)}),w("blocklet.restoreFromSpaces.progress.importSuccess"),w("launchBlocklet.waiting.downloading"),w("launchBlocklet.waiting.verifying"),w("launchBlocklet.waiting.downloading"),w("launchBlocklet.waiting.extracting"),w("upgrading"===F?"common.upgrading":"launchBlocklet.waiting.installing"),w("launchBlocklet.waiting.installed"),w("launchBlocklet.waiting.starting"),w("launchBlocklet.waiting.done")];(0,a.useEffect)((function(){if(d.status===nn.RESTORE_PROGRESS_STATUS.error){var e={message:d.message,name:"restoreFailed",action:"retryRestore"};return sn()(e,D.installError)||te.Z.error(oe()(e)),void U({installError:e})}v(xn[d.status]||0)}),[d.status]),(0,a.useEffect)((function(){if("serverless"!==i||N!==nn.BlockletEvents.nftConsumed)switch(F){case"waiting":v(6);break;case"downloading":v(7);break;case"installing":case"upgrading":v(8);break;case"installed":if("serverless"===i&&!(0,Me.MZ)(O))break;z();break;case"starting":v(11);break;case"running":v(12),A();break;case"stopped":A();break;case"corrupted":case"error":var e;null===O||void 0===O||O.stopPolling();var n={message:null===O||void 0===O||null===(e=O.error)||void 0===e?void 0:e.message,name:null===O||void 0===O?void 0:O.eventName,action:"retryRestore"},t=function(){var e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};!sn()(n,D.installError)&&null!==O&&void 0!==O&&null!==(e=O.error)&&void 0!==e&&e.message&&te.Z.error(oe()(O.error)),U((0,R.Z)({installError:n},t))};y.getBlocklet({input:{did:s,attachRuntimeInfo:!0}}).then((function(e){var r,o=e.blocklet;null!==o&&void 0!==o&&null!==(r=o.settings)&&void 0!==r&&r.initialized&&(n.action="retryStart"),t()})).catch((function(){t()}))}else z()}),[F,N,O]);var I=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(n){var t,r;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,Me.DB)(n);case 2:if(t=e.sent,!on()(t)){e.next=5;break}return e.abrupt("return");case 5:(r=new URL(t)).searchParams.set("serverUrl",(0,b.RU)(P)),"running"!==n.status&&r.searchParams.set("__start__","1"),l&&r.searchParams.set("fromLauncher",l),u&&r.searchParams.set("from",u),i&&r.searchParams.set("launchType",i),c&&r.searchParams.set("nftId",c),p&&r.searchParams.set("chainHost",p),null===O||void 0===O||O.stopPolling(),U({nextAccessUrl:r.href,status:n.status,resultMessage:"running"===n.status?{variant:"success",title:w("blocklet.restoreFromSpaces.restore.completeTitle"),subTitle:"",footer:w("common.open")}:{variant:"info",title:w("blocklet.restoreFromSpaces.restore.installedTitle"),subTitle:w("blocklet.restoreFromSpaces.restore.installedSubTitle"),footer:w("common.configuration")}});case 15:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),W=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return U({installError:null,nextAccessUrl:""}),e.next=3,y.startBlocklet({input:{did:s}});case 3:null===O||void 0===O||O.startPolling();case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();if(D.installError){var H={retryRestore:(0,G.jsx)(_.Z,{variant:"contained",className:"bottom-button","data-cy":"retry-install",component:Be.Link,to:"/blocklets/restore/verify-ownership".concat(window.location.search),children:w("common.retry")}),retryStart:(0,G.jsx)(_.Z,{variant:"contained",className:"bottom-button","data-cy":"retry-start",onClick:function(){return W()},children:w("common.retry")})},V=D.installError.name?D.installError.name.replace("blocklet.",""):"installFailed";return(0,G.jsx)(Xe,{variant:"error",title:null===g||void 0===g?void 0:g.title,subTitle:(0,G.jsxs)(mn,{children:[(0,G.jsx)("div",{children:w("launchBlocklet.error.".concat(V))}),D.installError.message&&(0,G.jsx)("div",{className:"error-desc",children:w("common.errorMessage")+D.installError.message})]}),footer:(0,G.jsxs)(vn,{children:[H[D.installError.action],"serverless"===i&&(0,G.jsx)("div",{style:{marginTop:"24px"},dangerouslySetInnerHTML:{__html:w("blocklet.restoreFromSpaces.restore.support",{communityLink:"https://community.arcblock.io/",supportEmail:"launcher@arcblock.io"})}})]})})}var K=!!D.nextAccessUrl;return fn("render",{status:F,eventName:N,launchType:i,runtimeBlockletState:O,state:D}),(0,G.jsxs)(hn,{children:[!K&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(S.Z,{title:w("blocklet.restoreBlocklet.restore.title"),subTitle:w("blocklet.restoreFromSpaces.restore.subTitle")}),(0,G.jsxs)(dn.Z,{children:[(0,G.jsx)(en.Z,{increaseSpeed:.3,messageLoop:!1,message:(0,G.jsx)(tn.Z,{steps:M,stepIndex:x,autoGrowth:10===x?1e3:4e3})}),[5,7,8].includes(x)&&(0,G.jsx)(ze.Z,{appDid:s})]})]}),K&&(0,G.jsx)(Xe,{variant:D.resultMessage.variant,title:D.resultMessage.title,subTitle:D.resultMessage.subTitle,footer:(0,G.jsx)(vn,{children:(0,G.jsx)(_.Z,{variant:"contained",style:{width:"200px"},component:Oe.Z,href:D.nextAccessUrl,children:D.resultMessage.footer})})})]})};var gn,wn,bn,Zn=function(){return(0,G.jsx)(kn,{})},yn=t(23484);function jn(){var e=(0,d.Z)((function(e){return e.breakpoints.down("md")})),n=(0,h.PE)(),t=n.t,r=n.locale,o=(0,j.h6)().info,s=(0,yn.Z)(),l=(0,Le.J_)().meta,f=(0,a.useMemo)((function(){return o?(0,b.RU)(o):""}),[o]),S=(0,Z.yP)(o),P=u()((0,Z.Y5)(),"/blocklets/restore"),R=[{key:"verify-ownership",name:t("blocklet.restoreBlocklet.verify.title"),path:u()(P,"verify-ownership")},{key:"restore-blocklet",name:t("blocklet.restoreFromSpaces.restore.title"),path:u()(P,"restore-blocklet")}],C=[];C="launcher"===i()(s.get("from"))?[{key:"purchase-space",name:t("launchBlocklet.steps.purchaseSpace")},{key:"prepare-space",name:t("launchBlocklet.steps.prepareSpace")}].concat(R):[{key:"connect-space",name:t("blocklet.restoreFromSpaces.connect.title"),path:u()(P,"connect-space")},{key:"select-blocklet",name:t("blocklet.restoreFromSpaces.selectBlocklet.title")}].concat(R);var E=(0,G.jsx)(Tn,{className:"".concat(f?"logo-can-click":""),children:(0,G.jsx)(w.Z,{onClick:function(){f&&window.open(f)},logo:e?(0,G.jsx)(k.Z,{width:"32",height:"32"}):(0,G.jsx)(g.Z,{width:"128",height:"48"})})});return(0,G.jsx)(x.W,{steps:C,children:(0,G.jsx)(m.Z,{blockletMeta:l,locale:r,useOfSkeleton:!1,navLogo:E,navSubTitle:t("blocklet.restoreFromSpaces.navSubTitle"),loading:!1,headerEndAddons:(0,G.jsx)(v.Z,{webWalletUrl:S,SessionContext:y.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null===l||void 0===l?void 0:l.logo,children:(0,G.jsxs)(En,{children:[(0,G.jsx)(p.Global,{styles:Cn}),(0,G.jsxs)(c.Routes,{children:[(0,G.jsx)(c.Route,{path:"connect-space",element:(0,G.jsx)(Te,{})}),(0,G.jsx)(c.Route,{path:"verify-ownership",element:(0,G.jsx)(Ye,{})}),(0,G.jsx)(c.Route,{path:"restore-blocklet",element:(0,G.jsx)(Zn,{})}),(0,G.jsx)(c.Route,{path:"*",element:(0,G.jsx)(c.Navigate,{to:"connect-space",replace:!0})})]})]})})})}var Sn,Pn,Rn,Cn=(0,p.css)(gn||(gn=(0,o.Z)(["\n  html,\n  body,\n  #root,\n  #root > .wrapper {\n    height: 100%;\n  }\n"]))),En=f.Z.div(wn||(wn=(0,o.Z)(["\n  "," {\n    padding-top: 34px;\n  }\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n\n  .bottom-button {\n    min-width: 200px;\n  }\n"])),(function(e){return e.theme.breakpoints.up("md")})),Tn=f.Z.div(bn||(bn=(0,o.Z)(["\n  margin-top: -1px;\n  &.logo-can-click {\n    cursor: pointer;\n  }\n"]))),Bn=t(83294),Dn=t(72333),Un=t(25710);function _n(e){var n=e.onSelect,t=(0,j.h6)().api,r=(0,h.PE)(),o=r.t,s=r.locale,i=(0,a.useState)(!1),l=(0,L.Z)(i,2),u=l[0],p=l[1],d=(0,a.useState)([]),f=(0,L.Z)(d,2),m=f[0],x=f[1],v=(0,a.useState)(""),k=(0,L.Z)(v,2),g=k[0],w=k[1],b=(0,a.useState)(null),y=(0,L.Z)(b,2),R=y[0],T=y[1],B=(0,c.useNavigate)(),D=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){var n,r,o;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,p(!0),T(!1),e.next=5,t.doBatchQuery({getBlocklets:{input:{}},getBlockletsFromBackup:{input:{}}});case 5:n=e.sent,r=n.getBlocklets.blocklets,o=n.getBlockletsFromBackup.backups,x((o||[]).filter((function(e){return!(r||[]).some((function(n){var t;return e.appPid===(null===(t=n.meta)||void 0===t?void 0:t.did)}))})).sort((function(e,n){return n.createdAt-e.createdAt})).slice(0,200)),p(!1),e.next=16;break;case 12:e.prev=12,e.t0=e.catch(0),p(!1),T(e.t0.message);case 16:case"end":return e.stop()}}),e,null,[[0,12]])})));return function(){return e.apply(this,arguments)}}();(0,a.useEffect)((function(){D()}),[]);var U=null;return U=R?(0,G.jsx)(ge.Z,{type:"error",style:{width:"100%",marginTop:8},children:R}):u?(0,G.jsx)(xe.Z,{size:16}):m.length?(0,G.jsx)(Gn,{children:m.map((function(e){return(0,G.jsxs)(Nn,{className:"middle-font-size space ".concat(g===e.appDid?"selected":""),onClick:function(){return function(e){w(e.appDid)}(e)},children:[(0,G.jsxs)("div",{className:"left",children:[(0,G.jsx)("div",{className:"header",children:(0,G.jsx)(P.Z,{sx:{width:40,height:40},children:(0,G.jsx)(Dn.Z,{did:e.appDid,size:40})})}),(0,G.jsxs)("div",{className:"body",children:[(0,G.jsx)(J.Z,{className:"text",children:e.name}),(0,G.jsx)(J.Z,{className:"text middle-font-size",children:(0,G.jsx)(_e.Z,{responsive:!1,compact:!0,inline:!0,copyable:!1,size:12,did:e.appDid})})]}),(0,G.jsxs)(P.Z,{color:"text.secondary",className:"footer small-font-size",children:[o("blocklet.restoreFromServer.backupIn")," ",(0,Z.B2)(e.createdAt,s)]})]}),(0,G.jsx)("div",{className:"right",children:(0,G.jsx)("div",{className:"more",children:(0,G.jsx)(q.Z,{onClick:function(){},className:"more-btn",size:"large","aria-label":"more functions",children:(0,G.jsx)(Bn.Z,{color:"disabled"})})})}),(0,G.jsx)("div",{className:"selected-container",children:(0,G.jsx)(O.default,{className:"selected-icon"})})]},e.appDid)}))}):(0,G.jsx)(Un.Z,{children:o("common.empty")}),(0,G.jsxs)(Fn,{style:{width:"100%"},children:[(0,G.jsx)(S.Z,{title:o("blocklet.restoreFromServer.selectTitle"),subTitle:o("blocklet.restoreFromServer.description")}),(0,G.jsx)(P.Z,{mt:4,mx:3,className:"main-body",children:U}),(0,G.jsx)(P.Z,{className:"main-footer",display:"flex",justifyContent:"center",children:(0,G.jsx)(_.Z,{sx:{width:"180px",height:"100%"},onClick:function(e){e.stopPropagation(),function(){var e=m.find((function(e){return e.appDid===g}));n({did:e.appDid,name:e.appDid,title:e.name});var t=new URL(window.location.href);t.searchParams.set("appDid",e.appDid),t.searchParams.set("appName",e.name),B("/blocklets/restore/verify-ownership".concat(t.search))}()},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:u||R||!g,children:o("common.restore")})})]})}_n.defaultProps={onSelect:function(){}};var On,Fn=(0,f.Z)(P.Z)(Sn||(Sn=(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")})),Gn=(0,f.Z)(P.Z)(Pn||(Pn=(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 ","\n          "," transparent;\n        transition: all 0.1s ease 0s;\n        content: '';\n      }\n\n      .selected-icon {\n        visibility: hidden;\n        width: 60%;\n        height: 60%;\n        position: relative;\n        z-index: 2;\n        margin: 0px 1px 1px 0px;\n        font-size: 16px;\n        transition: all 0.2s ease 0s;\n      }\n    }\n  }\n\n  .space.selected {\n    background-color: rgb(236, 251, 253);\n    border-color: rgb(236, 251, 253);\n\n    .selected-container {\n      &::after {\n        left: 0px;\n        top: 0px;\n      }\n\n      .selected-icon {\n        visibility: visible;\n      }\n    }\n  }\n"])),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.palette.primary.main})),Nn=(0,f.Z)("div")(Rn||(Rn=(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")})),An=t(95712),zn=(0,f.Z)("div")(On||(On=(0,o.Z)(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n"]))),Ln="verify-app-ownership-disk";var Mn,In,Wn,Hn=function(){var e=new URL(window.location.href),n=e.searchParams.get("appDid"),t=e.searchParams.get("appName"),r=(0,h.PE)().t,o=(0,j.h6)(),s=o.api,i=o.info,c=(0,De.T)(),l=c.session,p=c.api,d=(0,a.useMemo)((function(){return i?(0,b.RU)(i):""}),[i]),f=(0,Ne.Z)({isRestoring:!1,isComplete:!1,connectData:{isConnectOpen:!1,action:"",checkFn:function(){},extraParams:{}}}),m=(0,L.Z)(f,2),x=m[0],v=m[1];(0,a.useEffect)((function(){g()}),[]);var k=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,s.getBlocklet({input:{did:n}});case 2:if(!e.sent.blocklet){e.next=7;break}return te.Z.error("Blocklet ".concat(t,"(").concat(n,") already exists")),v({shouldReconnect:!0}),e.abrupt("return");case 7:v({connectData:{isConnectOpen:!0,action:Ln,extraParams:{appDid:n,restoreFrom:"disk"}}});case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),g=function(){var e=(0,E.Z)((0,C.Z)().mark((function e(){var t,r,o,a,s,i;return(0,C.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(l.user){e.next=11;break}return(a=new URL(window.location.href)).pathname=u()(null!==(t=null===(r=window)||void 0===r||null===(o=r.env)||void 0===o?void 0:o.apiPrefix)&&void 0!==t?t:"/","/api/did/".concat(Ln,"/token")),a.searchParams.set("appDid",n),a.searchParams.set("restoreFrom","disk"),e.next=7,p.get(a.href);case 7:return s=e.sent,i=s.data,l.login(w,{nw:i.url,openMode:"popup"}),e.abrupt("return");case 11:return e.next=13,k();case 13:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),w=function(){v({connectData:{isConnectOpen:!1}}),setTimeout((function(){var e=new URL(u()(d,"blocklets/restore/restore-blocklet".concat(window.location.search)));window.location.href=e.href}),0)};return(0,G.jsxs)(zn,{children:[(0,G.jsx)(S.Z,{title:r("blocklet.restoreBlocklet.verify.title"),subTitle:r("blocklet.restoreBlocklet.verify.subTitle")}),(0,G.jsxs)(P.Z,{textAlign:"center",mt:6,children:[(0,G.jsx)(An.Z,{did:n,size:128}),(0,G.jsxs)(P.Z,{mt:2,mb:2,children:[(0,G.jsx)(J.Z,{variant:"body2",children:t}),(0,G.jsx)(_e.Z,{did:n})]}),(0,G.jsx)(_.Z,{variant:"contained",disabled:x.connectData.isConnectOpen,onClick:g,sx:{width:"180px",height:"100%"},children:r("blocklet.restoreBlocklet.verify.".concat(x.shouldReconnect?"reconnect":"verify"))})]}),x.connectData.isConnectOpen&&(0,G.jsx)(ze.Z,{appDid:n,visible:!1}),(0,G.jsx)(Ue.Z,{popup:!0,open:x.connectData.isConnectOpen,forceConnected:!1,saveConnect:!1,action:x.connectData.action,checkFn:p.get,checkTimeout:3e5,webWalletUrl:(0,ue.yP)(i),onSuccess:w,extraParams:x.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(){v({connectData:{isConnectOpen:!1}})}})]})};function Vn(){var e=(0,d.Z)((function(e){return e.breakpoints.down("md")})),n=(0,h.PE)(),t=n.t,r=n.locale,o=(0,j.h6)().info,s=(0,a.useState)({}),i=s.meta,l=s.setMeta,f=(0,a.useMemo)((function(){return o?(0,b.RU)(o):""}),[o]),S=(0,Z.yP)(o),P=u()((0,Z.Y5)(),"/blocklets/restore"),C=[{key:"select",name:t("blocklet.restoreFromServer.selectTitle"),path:u()(P,"select")},{key:"verify-ownership",name:t("blocklet.restoreBlocklet.verify.title"),path:u()(P,"verify-ownership")},{key:"restore-blocklet",name:t("blocklet.restoreBlocklet.restore.title"),path:u()(P,"restore-blocklet")}],E=(0,G.jsx)(Jn,{className:"".concat(f?"logo-can-click":""),children:(0,G.jsx)(w.Z,{onClick:function(){f&&window.open(f)},logo:e?(0,G.jsx)(k.Z,{width:"32",height:"32"}):(0,G.jsx)(g.Z,{width:"128",height:"48"})})});return(0,G.jsx)(x.W,{steps:C,children:(0,G.jsx)(m.Z,{blockletMeta:(0,R.Z)((0,R.Z)({},i),{},{registryUrl:""}),locale:r,useOfSkeleton:!1,navLogo:E,headerEndAddons:(0,G.jsx)(v.Z,{webWalletUrl:S,SessionContext:y.B3}),pcWidth:"80%",style:{height:"100%"},logoUrl:null===i||void 0===i?void 0:i.logo,children:(0,G.jsxs)($n,{children:[(0,G.jsx)(p.Global,{styles:Kn}),(0,G.jsxs)(c.Routes,{children:[(0,G.jsx)(c.Route,{path:"select",element:(0,G.jsx)(_n,{onSelect:l})}),(0,G.jsx)(c.Route,{path:"verify-ownership",element:(0,G.jsx)(Hn,{})}),(0,G.jsx)(c.Route,{path:"restore-blocklet",element:(0,G.jsx)(Zn,{})}),(0,G.jsx)(c.Route,{path:"*",element:(0,G.jsx)(c.Navigate,{to:"select".concat(window.location.search),replace:!0})})]})]})})})}var Kn=(0,p.css)(Mn||(Mn=(0,o.Z)(["\n  html,\n  body,\n  #root,\n  #root > .wrapper {\n    height: 100%;\n  }\n"]))),$n=f.Z.div(In||(In=(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")})),Jn=f.Z.div(Wn||(Wn=(0,o.Z)(["\n  margin-top: -1px;\n  &.logo-can-click {\n    cursor: pointer;\n  }\n"])));function Yn(){return window.location.search.includes("restoreFrom=server")?(0,G.jsx)(Vn,{}):(0,G.jsx)(jn,{})}},84584:function(e,n,t){"use strict";t.d(n,{Jf:function(){return Z},LQ:function(){return f},Nb:function(){return h},Xv:function(){return p},ag:function(){return v},mo:function(){return x},nD:function(){return d},nU:function(){return w},w2:function(){return k}});var r=t(32723),o=t(34795),a=t(82434),s=t.n(a),i=t(76811),c=t(65873),l=t(2842),u=t(60344);function p(e){var n=e.replace(/\/api\/space\/.+/,""),t=e.replace(/\/$/,"").split("/"),r=t.at(-4),o=t.at(-2);return(0,l.xn)(n,"space",r,"apps",o,"explorer?key=/apps/".concat(o,"/.did-objects/").concat(o,"/"))}function d(e){var n=e.replace(/\/api\/space\/.+/,""),t=e.replace(/\/$/,"").split("/").at(-4);return(0,l.xn)(n,"space",t)}function f(e){return e.replace(/\/$/,"").split("/").at(-4)}function h(e){return m.apply(this,arguments)}function m(){return(m=(0,o.Z)((0,r.Z)().mark((function e(n){var t,o;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,s()(n)){e.next=3;break}return e.abrupt("return",!1);case 3:return e.next=5,u.hi.head(n,{timeout:5e3});case 5:return t=e.sent,o=t.headers,e.abrupt("return","true"===o["x-listable"]&&"true"===o["x-readable"]&&"true"===o["x-writeable"]);case 10:return e.prev=10,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return",!1);case 14:case"end":return e.stop()}}),e,null,[[0,10]])})))).apply(this,arguments)}function x(e){var n;return(null===e||void 0===e||null===(n=e.find((function(e){return e.key===i.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT})))||void 0===n?void 0:n.value)||""}function v(e){var n=new URL(e);return(0,l.xn)(n.origin,n.pathname)}function k(e){return g.apply(this,arguments)}function g(){return(g=(0,o.Z)((0,r.Z)().mark((function e(n){var t,o,a,i,p;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,s()(n)){e.next=3;break}return e.abrupt("return",!1);case 3:return t=v(n),o=(0,l.xn)(t,"space/api/did/one-click-authorization/token"),e.next=7,u.hi.get(o,{timeout:5e3});case 7:return a=e.sent,i=a.status,p=a.data,e.abrupt("return",200===i&&(0,c.isObject)(p));case 13:return e.prev=13,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return",!1);case 17:case"end":return e.stop()}}),e,null,[[0,13]])})))).apply(this,arguments)}function w(e){return b.apply(this,arguments)}function b(){return(b=(0,o.Z)((0,r.Z)().mark((function e(n){var t,o,a;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,s()(n)){e.next=3;break}return e.abrupt("return","");case 3:return e.next=5,u.hi.head(n,{timeout:3e3});case 5:return t=e.sent,o=t.headers,a=o["x-space-name"],e.abrupt("return",a?decodeURIComponent(a):"");case 11:return e.prev=11,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return","");case 15:case"end":return e.stop()}}),e,null,[[0,11]])})))).apply(this,arguments)}function Z(e){var n=e.replace(/\/api\/space\/.+/,""),t=e.replace(/\/$/,"").split("/").at(-4);return(0,l.xn)(n,"/api/space/nft/display?spaceDid=".concat(t))}},47595:function(e,n,t){"use strict";var r=t(71600);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(56930)),a=t(96266),s=(0,o.default)((0,a.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5-1-1h-5l-1 1H5v2h14V4z"}),"DeleteOutline");n.default=s},94552:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var o=r(t(56930)),a=t(96266),s=(0,o.default)((0,a.jsx)("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"}),"Launch");n.Z=s},83294:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var o=r(t(56930)),a=t(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");n.Z=s},53616:function(e,n,t){var r=t(26849);e.exports=function(e){return r(e).toLowerCase()}}}]);