@abtnode/webapp 1.8.63 → 1.8.64-beta-0b5ede51

package/build/static/js/5984.4b003ea6.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[5984],{75984:function(e,n,r){r.r(n),r.d(n,{default:function(){return ae}});var t=r(71171),a=r(68079),o=r(96234),i=r(33028),c=r(32723),l=r(34795),s=r(5057),u=r(33518),d=r(95042),m=r(12378),f=r(90049),p=r.n(f),v=r(88084),h=r.n(v),x=r(5609),g=r(45603),b=r.n(g),j=r(74511),y=r(54725),O=r.n(y),w=r(8354),P=r.n(w),Z=r(6352),k=r.n(Z),_=r(49603),S=r(11750),E=r(55402),N=r(99154),D=r(34519),C=r(39905),U=r(5761),T=r(13608),I=r(52118),V=r(69972),R=r(69561),L=r(60411),A=r(52926),F=r(35432),M=r(10155),W=r(8413),z=r(96266),q=(0,s.createContext)({}),G=q.Provider;q.Consumer;function Y(e){var n=e.children,r=(0,L.h6)().info,t=(0,M.Z)(),a=(0,s.useState)(null),i=(0,o.Z)(a,2),u=i[0],d=i[1],m=(0,s.useState)(!1),f=(0,o.Z)(m,2),p=f[0],v=f[1],h=(0,s.useState)([]),x=(0,o.Z)(h,2),g=x[0],b=x[1],j=function(){var e=(0,l.Z)((0,c.Z)().mark((function e(){var n,a,o,i,l,s,u,m=arguments;return(0,c.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=m.length>0&&void 0!==m[0]?m[0]:{},a=n.silent,o=void 0===a||a,i=n.retries,l=void 0===i?4:i,o||v(!0),e.prev=2,d(null),e.next=6,t.getUsers({input:{teamDid:r.did,paging:{pageSize:100}}});case 6:s=e.sent,u=s.users,v(!1),b(u),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(2),l>0?setTimeout((function(){return j({silent:o,retries:l-1})}),1e3):(v(!1),d(e.t0));case 15:case"end":return e.stop()}}),e,null,[[2,12]])})));return function(){return e.apply(this,arguments)}}();(0,s.useEffect)((function(){j({silent:!1})}),[]),(0,W.mU)(F.EVENTS.USER_ADDED,(function(e){e.teamDid===r.did&&j()})),(0,W.mU)(F.EVENTS.USER_REMOVED,(function(e){var n=e.teamDid,t=e.user.did;n===r.did&&b((function(e){return e.filter((function(e){return e.did!==t}))}))})),(0,W.mU)(F.EVENTS.USER_UPDATED,(function(e){e.teamDid===r.did&&j()}));var y={loading:p,error:u,users:g,refresh:j};return(0,z.jsx)(G,{value:{users:y},children:n})}var B,H,J=r(74094),K=(r(59740),1),Q=60,X=3600,$=86400,ee=function(e,n){var r=(0,s.useState)(0),t=(0,o.Z)(r,2),a=t[0],i=t[1],c=function(e){return e>=$?$:e>=X?X:e>=Q?Q:K},l=(0,s.useState)(c(e/1e3)),u=(0,o.Z)(l,2),d=u[0],m=u[1];return(0,s.useEffect)((function(){var n=setInterval((function(){i(a+d);var n=c(e/1e3+a+d);d!==n&&m(n)}),1e3*d);return function(){return clearInterval(n)}}),[d,a]),(0,s.useEffect)((function(){i(0),m(c(e/1e3))}),[e]),n(e+1e3*a)};var ne=function(){var e=(0,l.Z)((0,c.Z)().mark((function e(n){var r;return(0,c.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,n.getNodeEnv();case 2:return r=e.sent,e.abrupt("return",Object.assign({},r.info||{}));case 4:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}();(0,d.Z)((function(e){return{root:{height:20},colorPrimary:{backgroundColor:e.palette.grey["light"===e.palette.mode?200:700]},bar:{backgroundColor:"#1a90ff"}}}))(N.Z);function re(){var e=(0,L.h6)(),n=e.info,r=e.api,t=e.imgPrefix,u=e.loading,d=(0,A.RJ)().data,f=(0,s.useContext)(q).users.users,v=(0,j.default)((function(){return ne(r)})),g=(0,s.useContext)(I.LocaleContext),y=g.t,w=g.locale,Z=(0,s.useState)({ownerNFTLink:""}),N=(0,o.Z)(Z,2),F=N[0],M=N[1],W=(0,m.Z)(),G=ee(+new Date-n.startAt,(function(e){var n={compact:!0,verbose:!0,locale:(0,J.FF)(w)};return b()(e,n)})),Y=O()(n,"ownerNft")||{};(0,s.useEffect)((function(){var e=function(){var e=(0,l.Z)((0,c.Z)().mark((function e(){var r,t,a;return(0,c.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!Y.did){e.next=13;break}return e.prev=1,r=new URL(O()(n,"launcher.chainHost")),t=k()(r.origin,"explorer/assets",Y.did),e.next=6,(0,J.D9)(r.origin,Y.did);case 6:a=e.sent,M({expiration:a,ownerNFTLink:t}),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(1),console.error("load nft failed",e.t0.message);case 13:case"end":return e.stop()}}),e,null,[[1,10]])})));return function(){return e.apply(this,arguments)}}();e()}),[n,Y.did]);var B=null;if(u)B=(0,z.jsx)(D.default,{});else{var H=[{name:y("dashboard.nodeDid"),value:(0,z.jsx)(V.default,{did:n.did})}];n.nodeOwner&&H.push({name:y("dashboard.ownerDid"),value:(0,z.jsx)(V.default,{did:n.nodeOwner.did})}),Y.did&&H.push({name:y("dashboard.ownerNftURL"),value:(0,z.jsx)(V.default,{href:F.ownerNFTLink,external:!0,did:Y.did})});var K=[];n.launcher&&(K=[{name:y("common.did"),value:(0,z.jsx)(V.default,{did:n.launcher.did})},{name:y("common.type"),value:n.launcher.type},{name:y("launcher.provider"),value:n.launcher.provider},{name:y("launcher.adminUrl"),value:(0,z.jsx)(_.Z,{target:"_blank",href:n.launcher.url,underline:"hover",children:n.launcher.url})}]);var Q=function(e,n){return"-"===e?e:n&&"-"!==n?(0,z.jsxs)(S.Z,{component:"ul",children:[(0,z.jsxs)("li",{className:"ip-item",children:[(0,z.jsx)(C.default,{children:"IPV4"}),(0,z.jsx)(R.default,{children:e})]}),(0,z.jsxs)("li",{className:"ip-item",children:[(0,z.jsx)(C.default,{children:"IPV6"}),(0,z.jsx)(R.default,{children:n})]})]}):(0,z.jsxs)(S.Z,{className:"ip-item",children:[(0,z.jsx)(C.default,{children:"IPV4"}),(0,z.jsx)(R.default,{children:e})]})},X=v.value?[{name:"".concat(y("common.version")),value:n.version}].concat((0,a.Z)(function(){var e=[{name:"".concat(y("common.internalIp")),value:Q(v.value.ip.internalV4,v.value.ip.internalV6)},{name:"".concat(y("common.externalIp")),value:Q(v.value.ip.externalV4,v.value.ip.externalV6)}];return v.value.docker?[]:e}()),[{name:"".concat(y("common.os")),value:v.value.os},v.value.docker?{name:"".concat(y("common.docker")),value:(0,z.jsx)(C.default,{type:"success",children:"Yes"})}:null,v.value.gitpod?{name:"".concat(y("common.gitpod")),value:(0,z.jsx)(C.default,{type:"success",children:"Yes"})}:null]).filter(Boolean):[];Array.isArray(O()(v,"value.blockletEngines",null))&&v.value.blockletEngines.filter((function(e){return e.visible&&e.available})).forEach((function(e){X.push({name:e.displayName,value:(0,z.jsx)(C.default,{type:"success",children:"".concat(e.version)||"N/A"})})}));var $=f.length,re=f.filter((function(e){return e.approved})).length,ae=$;re&&(ae+="<small><strong>".concat(P()(y("common.approved"))," ").concat(re,"</strong></small>"));var oe=0,ie=0;d&&(oe=d.length,ie=d.filter((function(e){return"running"===e.status})).length);var ce=oe;ie&&(ce+="<small>".concat(y("common.running")," ").concat(ie,"</small>"));var le=[{name:y("common.blocklets"),value:ce,icon:"blocklets"},{name:y("common.members"),value:ae,icon:"member"},{name:y("common.uptime"),value:G,icon:"time"},{name:y("common.created"),value:(0,x.WU)(new Date(n.createdAt).getTime(),(0,J.FF)(w)),icon:"time"}];if(Y.did){var se="-",ue=!0;F.expiration&&(se=(ue=h()().diff(F.expiration)>0)?y("common.expired"):(0,J.ni)(F.expiration,w)),le.push({name:(0,z.jsxs)("div",{style:{display:"flex",alignItems:"center"},children:[y("common.expires"),!ue&&(0,z.jsx)(_.Z,{style:{marginLeft:"8px"},href:k()(n.launcher.url,"/instances/".concat(Y.did,"/renewal?locale=").concat(w,"&return-url=").concat(encodeURIComponent(window.location.href))),underline:"hover",children:y("common.renew")})]}),value:se,icon:"hourglass"})}var de=[];v.value&&v.value.disk&&(de=[{name:y("common.blockletsStorage"),value:p()(v.value.disk.blocklets||0).toUpperCase(),icon:"storage"},{name:y("common.dataStorage"),value:p()(v.value.disk.data||0).toUpperCase(),icon:"storage"},{name:y("common.logStorage"),value:p()(v.value.disk.log||0).toUpperCase(),icon:"storage"},{name:y("common.cacheStorage"),value:p()(v.value.disk.cache||0).toUpperCase(),icon:"storage"},{name:y("common.coreStorage"),value:p()(v.value.disk.app||0).toUpperCase(),icon:"storage"}]),B=(0,z.jsxs)(z.Fragment,{children:[(0,z.jsxs)("div",{className:"section",children:[(0,z.jsx)(S.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:y("common.overview")}),(0,z.jsx)(E.ZP,{className:"page-metrics",container:!0,spacing:5,children:le.map((function(e){return(0,z.jsx)(E.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,z.jsx)(T.Z,(0,i.Z)((0,i.Z)({},e),{},{prefix:t}))},e.name)}))})]}),(0,z.jsxs)("div",{className:"section",children:[(0,z.jsx)(S.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:y("common.storage")}),(0,z.jsx)(E.ZP,{className:"page-metrics",container:!0,spacing:5,children:de.map((function(e){return(0,z.jsx)(E.ZP,{item:!0,lg:3,md:4,sm:6,xs:12,children:(0,z.jsx)(T.Z,(0,i.Z)((0,i.Z)({},e),{},{prefix:t}))},e.name)}))})]}),(0,z.jsxs)("div",{className:"section",children:[(0,z.jsx)(S.Z,{className:"section__header",component:"h2",variant:"h4",color:"textPrimary",children:y("common.meta")}),(0,z.jsxs)(E.ZP,{className:"page-metrics",container:!0,spacing:5,children:[(0,z.jsxs)(E.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,z.jsx)(S.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:y("common.dAddress")}),H.map((function(e){return(0,z.jsx)(U.default,{nameWidth:150,name:e.name,children:e.value},e.name)})),K.length>0&&(0,z.jsxs)("div",{style:{marginTop:W.spacing(8)},children:[(0,z.jsx)(S.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:y("common.launcher")}),K.map((function(e){return(0,z.jsx)(U.default,{nameWidth:150,name:e.name,children:e.value},e.name)}))]})]},"address"),(0,z.jsxs)(E.ZP,{item:!0,lg:6,md:12,sm:12,xs:12,children:[(0,z.jsx)(S.Z,{className:"section__header",component:"h3",variant:"h5",color:"textPrimary",children:y("common.env")}),X.map((function(e){return(0,z.jsx)(U.default,{valueComponent:"div",nameWidth:150,name:e.name,children:e.value},e.name)}))]},"environment")]})]})]})}return(0,z.jsx)(te,{children:B})}var te=u.default.main(B||(B=(0,t.Z)(["\n  .page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .page-content {\n    margin-top: 16px;\n  }\n\n  .section {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: 64px;\n\n    .section__header {\n      font-weight: bold;\n      margin-bottom: 24px;\n    }\n\n    .info-row__name {\n      text-transform: uppercase;\n      font-size: 0.9em;\n    }\n\n    .info-row__value .ip-item {\n      display: flex;\n      align-items: center;\n    }\n\n    .info-row__value .ip-item:not(:first-of-type) {\n      margin-top: 5px;\n    }\n\n    /* \u5c4f\u5bbd\u5c0f\u4e8e 600px \u65f6, container padding \u4e3a 16px, .MuiGrid-spacing-xs-5 \u4f1a\u5728\u6c34\u5e73\u65b9\u5411\u5ef6\u4f38 40px, \u8d85\u51fa\u5bb9\u5668\u5bbd\u5ea6, \u4f1a\u5bfc\u81f4\u6c34\u5e73\u6eda\u52a8\u6761 */\n    .MuiGrid-spacing-xs-5 {\n      width: calc(100% + 32px);\n      margin: -16px;\n    }\n  }\n\n  .section-flex {\n    flex-direction: row;\n  }\n\n  .section-item {\n    flex: 1;\n  }\n\n  .section-item-desc {\n    display: flex;\n    margin-top: 15px;\n  }\n\n  .used::before {\n    content: ' ';\n    border: 0;\n    background-color: #1a90ff;\n  }\n\n  .free::before {\n    content: ' ';\n    border: 0;\n    background-color: #eeeeee;\n  }\n\n  @media (max-width: ","px) {\n    .section-flex {\n      flex-direction: column;\n    }\n  }\n"])),(function(e){return e.theme.breakpoints.values.md}));u.default.div(H||(H=(0,t.Z)(["\n  flex: 1;\n  display: flex;\n\n  &::before {\n    content: '';\n    display: block;\n    width: 12px;\n    height: 12px;\n    border: 1px solid #999;\n    border-radius: 2px;\n    margin-top: 3px;\n    margin-right: 10px;\n  }\n"])));function ae(){return(0,z.jsx)(Y,{children:(0,z.jsx)(re,{})})}},69561:function(e,n,r){Object.defineProperty(n,"__esModule",{value:!0}),n.default=p;var t=r(5057),a=s(r(55898)),o=s(r(81407)),i=r(52118),c=r(96266),l=["children"];function s(e){return e&&e.__esModule?e:{default:e}}function u(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function d(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?u(Object(r),!0).forEach((function(n){m(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function m(e,n,r){return(n=function(e){var n=function(e,n){if("object"!==typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function f(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function p(e){var n=e.children,r=f(e,l),a=(0,t.useContext)(i.LocaleContext).t;return(0,c.jsx)(o.default,d(d({tip:a("common.copyTip"),copiedTip:a("common.copiedTip")},r),{},{children:n}))}p.propTypes={children:a.default.any.isRequired}},69972:function(e,n,r){Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var t=d(r(55898)),a=d(r(54935)),o=r(15849),i=d(r(66153)),c=d(r(2273)),l=d(r(34916)),s=r(96266),u=["did","href","external","avatarProps"];function d(e){return e&&e.__esModule?e:{default:e}}function m(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function f(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?m(Object(r),!0).forEach((function(n){p(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}function p(e,n,r){return(n=function(e){var n=function(e,n){if("object"!==typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var t=r.call(e,n||"default");if("object"!==typeof t)return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function v(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r,t,a={},o=Object.keys(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||(a[r]=e[r]);return a}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(t=0;t<o.length;t++)r=o[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function h(e){var n=e.did,r=e.href,t=e.external,d=e.avatarProps,m=v(e,u);function p(){return r?t?(0,s.jsx)(i.default,{target:"_blank",href:r,underline:"hover",children:n}):(0,s.jsx)(o.Link,{to:r,children:n}):n}return(0,s.jsx)(c.default,f(f({prepend:(0,s.jsx)(a.default,{component:"span",display:"flex",mr:1,children:(0,s.jsx)(l.default,f({did:n,size:18},d))})},m),{},{children:(0,s.jsx)(p,{})}))}h.propTypes={did:t.default.string.isRequired,to:t.default.string,href:t.default.string,avatarProps:t.default.object,external:t.default.bool},h.defaultProps={to:"",href:"",avatarProps:{},external:!1};var x=h;n.default=x}}]);

package/build/static/js/6159.22c90df5.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6159],{76159:function(e,t,n){n.r(t),n.d(t,{BlockletList:function(){return ue},default:function(){return ce}});var l,o,a=n(71171),r=n(33028),i=n(32723),s=n(34795),c=n(96234),u=n(5057),d=n(33518),m=n(85493),f=n(15849),p=n(67654),x=n(11750),h=n(37565),b=n(21769),k=n(74490),v=n(39948),g=n(72904),j=n(37298),y=n(78146),Z=n(34519),C=n(42873),w=n(19561),S=n(31290),B=n(13714),L=n(52118),A=n(32356),_=n(30746),F=n(80514),D=n(98867),I=n(56048),P=n(82594),N=n(54474),R=n(38242),T=n(60411),W=n(52926),z=n(74094),E=n(17265),M=n(59740),U=n(49603),K=n(24138),O=n(96266),J=["blocklet","skipAccessibilityCheck"];function q(e){var t=e.blocklet,n=e.skipAccessibilityCheck,l=void 0!==n&&n,o=(0,M.Z)(e,J),a=(0,u.useContext)(L.LocaleContext).t,i=(0,K.BZ)(t),s=i.urls,c=i.loading,d=i.recommendedUrl;if(c&&!l)return(0,O.jsx)(Z.default,(0,r.Z)({size:12},o));var m=l?s[0]:d;return m?(0,O.jsx)(H,(0,r.Z)((0,r.Z)({},o),{},{children:(0,O.jsx)(G,{children:(0,O.jsx)(U.Z,{href:m,target:"_blank",className:"blocklet-interface",underline:"hover",children:a("common.open")})})})):a("blocklet.router.noAccessibleUrl")}var G=d.default.div(l||(l=(0,a.Z)(["\n  display: flex;\n  margin: 4px 0;\n"]))),H=d.default.div(o||(o=(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"])));q.defaultProps={skipAccessibilityCheck:!1};var Q=n(44919),V=n(75e3),X=n(29316),Y=n(50438),$=n(99593),ee=n(50453),te=n(47020);function ne(e){var t=e.onCancel,n=e.onSuccess,l=(0,T.h6)().api,o=(0,u.useState)(!1),a=(0,c.Z)(o,2),r=a[0],d=a[1],m=(0,u.useState)(""),f=(0,c.Z)(m,2),p=f[0],h=f[1],b=(0,L.useLocaleContext)().t,k=(0,u.useState)(),v=(0,c.Z)(k,2),g=v[0],j=v[1],y=(0,u.useState)(),C=(0,c.Z)(y,2),w=C[0],A=C[1],_=function(){var e=(0,s.Z)((0,i.Z)().mark((function e(){var t,o;return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return d(!0),e.prev=1,e.next=4,l.installBlocklet({input:{title:g,description:w}});case 4:t=e.sent,n(t.blocklet),e.next=12;break;case 8:e.prev=8,e.t0=e.catch(1),o="Blocklet Install failed: ".concat((0,z.Z)(e.t0)),h(o);case 12:return e.prev=12,d(!1),e.finish(12);case 15:case"end":return e.stop()}}),e,null,[[1,8,12,15]])})));return function(){return e.apply(this,arguments)}}();return(0,O.jsxs)($.default,{title:b("blocklet.installFromCreate"),fullWidth:!0,maxWidth:"sm",onClose:function(){return t()},showCloseButton:!0,open:!0,actions:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(B.default,{onClick:function(e){e.stopPropagation(),t()},color:"inherit",children:b("common.cancel")}),(0,O.jsxs)(B.default,{onClick:function(e){e.stopPropagation(),_()},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:r||p||!g||!w,style:{marginLeft:8},children:[r&&(0,O.jsx)(Z.default,{size:[16,10]}),b("common.create")]})]}),children:[(0,O.jsx)(ee.Z,{component:"div",children:(0,O.jsxs)(x.Z,{component:"div",children:[(0,O.jsx)(te.Z,{style:{marginBottom:24},label:"Blocklet ".concat(b("common.title")),autoComplete:"off",variant:"outlined",fullWidth:!0,autoFocus:!0,value:g,onChange:function(e){h(null),j(e.target.value)},disabled:r}),(0,O.jsx)(te.Z,{label:"Blocklet ".concat(b("common.description")),autoComplete:"off",variant:"outlined",fullWidth:!0,value:w,onChange:function(e){h(null),A(e.target.value)},disabled:r})]})}),!!p&&(0,O.jsx)(S.default,{type:"error",style:{width:"100%",marginTop:8},children:p})]})}function le(e){var t=e.onCancel,n=e.onSuccess,l=e.onError,o=(0,T.h6)().api,a=(0,u.useState)(!1),r=(0,c.Z)(a,2),d=r[0],m=r[1],f=(0,u.useState)(""),p=(0,c.Z)(f,2),h=p[0],b=p[1],k=(0,L.useLocaleContext)().t,v=(0,u.useState)(),g=(0,c.Z)(v,2),j=g[0],y=g[1],C=(0,u.useState)(),w=(0,c.Z)(C,2),A=w[0],_=w[1],F=function(){var e=(0,s.Z)((0,i.Z)().mark((function e(){var t,a;return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return m(!0),e.prev=1,e.next=4,o.restoreFromSpaces({input:{endpoint:j,blockletSecretKey:A}});case 4:return t=e.sent,e.next=7,n(t.blocklet);case 7:e.next=15;break;case 9:return e.prev=9,e.t0=e.catch(1),a="Blocklet Install failed: ".concat((0,z.Z)(e.t0)),b(a),e.next=15,l(e.t0);case 15:return e.prev=15,m(!1),e.finish(15);case 18:case"end":return e.stop()}}),e,null,[[1,9,15,18]])})));return function(){return e.apply(this,arguments)}}();return(0,O.jsxs)($.default,{title:k("blocklet.restoreFromSpaces"),fullWidth:!0,maxWidth:"sm",onClose:function(){return t()},showCloseButton:!0,open:!0,actions:(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(B.default,{onClick:function(e){e.stopPropagation(),t()},color:"inherit",children:k("common.cancel")}),(0,O.jsxs)(B.default,{onClick:function(e){e.stopPropagation(),F()},color:"primary","data-cy":"install-blocklet-next-step",variant:"contained",disabled:d||h||!j||!A,style:{marginLeft:8},children:[d&&(0,O.jsx)(Z.default,{size:[16,10]}),k("blocklet.restoreFromSpacesForm.restore")]})]}),children:[(0,O.jsx)(ee.Z,{component:"div",children:(0,O.jsxs)(x.Z,{component:"div",children:[(0,O.jsx)(te.Z,{style:{marginBottom:24},label:k("blocklet.restoreFromSpacesForm.endpoint"),autoComplete:"off",variant:"outlined",fullWidth:!0,autoFocus:!0,value:j,onChange:function(e){b(null),y(e.target.value)},disabled:d}),(0,O.jsx)(te.Z,{label:k("blocklet.restoreFromSpacesForm.blockletSecretKey"),type:"password",autoComplete:"off",variant:"outlined",fullWidth:!0,value:A,onChange:function(e){b(null),_(e.target.value)},disabled:d})]})}),!!h&&(0,O.jsx)(S.default,{type:"error",style:{width:"100%",marginTop:8},children:h})]})}function oe(e){var t=e.onCreate,n=(0,m.s0)(),l=(0,L.useLocaleContext)().t,o=(0,u.useState)(""),a=(0,c.Z)(o,2),r=a[0],d=a[1],f=(0,u.useState)(""),p=(0,c.Z)(f,2),x=p[0],h=p[1],b=(0,u.useState)(null),k=(0,c.Z)(b,2),v=k[0],g=k[1],j=(0,u.useState)(null),y=(0,c.Z)(j,2),Z=y[0],C=y[1],w=(0,u.useState)(null),S=(0,c.Z)(w,2),B=S[0],A=S[1],_=function(){g(null)},F=function(){var e=(0,s.Z)((0,i.Z)().mark((function e(){return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:console.log("openInstallFromSpaces"),A({onCancel:function(){V.default.error("onCancel"),A(null)},onSuccess:function(){V.default.error("onSuccess"),V.default.success(""),A(null)},onError:function(e){V.default.error(e.message)}});case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)(X.default,{onClick:function(){return n("/store")},menuButtonProps:{"data-cy":"open-install-menu"},menu:[(0,O.jsx)(X.default.Item,{"data-cy":"open-install-form",onClick:function(){g({onCancel:function(){_(),g(null)},onSuccess:function(){_()}})},children:l("blocklet.installFromUrl")},"1"),(0,O.jsx)(X.default.Item,{"data-cy":"open-create-form",onClick:function(){C({onCancel:function(){C(null)},onSuccess:function(){C(null),t.apply(void 0,arguments)}})},children:l("blocklet.installFromCreate")},"2"),z.WC?(0,O.jsx)(X.default.Item,{"data-cy":"open-install-from-spaces",onClick:function(){return F()},children:l("blocklet.restoreFromSpaces")},"2"):void 0].filter(Boolean),children:[(0,O.jsx)(Q.default,{}),l("blocklet.installFromMarket")]}),!!r&&(0,O.jsx)(V.default,{variant:"error",message:r,onClose:function(){return d("")}}),!!x&&(0,O.jsx)(V.default,{variant:"success",duration:3e3,message:x,onClose:function(){return h("")}}),v&&(0,O.jsx)(Y.default,{onCancel:v.onCancel,onSuccess:v.onSuccess}),Z&&(0,O.jsx)(ne,{onCancel:Z.onCancel,onSuccess:Z.onSuccess}),B&&(0,O.jsx)(le,{onCancel:B.onCancel,onSuccess:B.onSuccess,onError:B.onError})]})}ne.defaultProps={},le.defaultProps={},oe.defaultProps={onCreate:function(){}};var ae,re,ie=n(7199),se="internal";function ce(){return(0,O.jsx)(F.DeletingBlockletProvider,{children:(0,O.jsx)(ue,{})})}function ue(){var e=(0,m.s0)(),t=(0,T.h6)(),n=(0,W.RJ)(),l=n.data,o=n.externalData,a=n.error,d=n.refresh,M=n.loading,U=(0,F.useDeletingBlockletContext)(),K=U.deletingBlocklets,J=U.addDeletingDid,G=U.removeDeletingDid,H=U.matchDeletingDid,Q=(0,L.useLocaleContext)(),V=Q.t,X=Q.locale,Y=(0,u.useState)(""),$=(0,c.Z)(Y,2),ee=$[0],te=$[1],ne=(0,p.default)("show-external-blocklet-actions",!1),le=(0,c.Z)(ne,1)[0],ae=[{id:se,name:V("blocklet.internal")},{id:"external",name:V("blocklet.external")}],re=(0,u.useState)(se),ce=(0,c.Z)(re,2),ue=ce[0],fe=ce[1],pe=ue===se?l:o;H(pe.map((function(e){return e.meta.did})));var xe=function(e){var t=e.action,n=e.blocklet;"remove"===t&&J(n.meta.did)},he=function(){var e=(0,s.Z)((0,i.Z)().mark((function e(n){return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!n.error){e.next=4;break}return A.default.error(n.error.message),"remove"===n.action&&G(n.blocklet.meta.did),e.abrupt("return");case 4:"remove"===n.action&&t.refresh({silent:!0});case 5:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),be=(0,g.Z)((function(e){return e.breakpoints.up("md")})),ke=null,ve=pe||[];if(a)ke=(0,O.jsx)(S.default,{type:"error",variant:"icon",children:(0,O.jsxs)("div",{children:[(0,z.Z)(a),(0,O.jsx)(B.default,{onClick:function(){return d({silent:!1})},children:(0,O.jsx)("span",{style:{color:"#44cdc6",textDecoration:"underline"},children:V("common.retry")})})]})});else if(ve.length>0||M){var ge=["installedAt","startedAt","stoppedAt","createdAt"],je=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},ye=ve.map((function(e){return ge.forEach((function(t){if(e[t]){var n=new Date(e[t]);e[t]=n}})),e})).sort((function(e,t){var n=je(e);return je(t)-n}));ee&&(ye=ye.filter((function(e){var t,n=(0,R.getDisplayName)(e,!0)||"",l=(null===(t=e.site)||void 0===t?void 0:t.domainAliases)||[],o=ee.trim().toLocaleLowerCase();return n.toLocaleLowerCase().includes(o)||l.some((function(e){var t;return null===(t=e.value)||void 0===t?void 0:t.toLocaleLowerCase().includes(o)}))})));var Ze=(0,j.getDurableData)("blocklets-list");Ze.searchText&&!ee&&te(Ze.searchText);var Ce=[{label:V("common.name"),name:"meta.title",options:{customBodyRenderLite:function(e){var t=ye[e],n=(0,R.getAppMissingConfigs)(t).length>0?"components":"overview";return(0,O.jsx)(f.Link,{to:"/blocklets/".concat(t.meta.did,"/").concat(n),className:"blocklet-name-wrapper",children:(0,O.jsxs)(x.Z,{component:"strong",variant:"body1",className:"blocklet-name",children:[(0,O.jsx)(N.Z,{blocklet:t,style:{marginRight:8}}),(0,O.jsxs)(v.Z,{children:[(0,O.jsx)(v.Z,{children:(0,R.getDisplayName)(t)}),(0,O.jsxs)(v.Z,{children:[(0,O.jsx)(P.default,{mode:t.mode||""}),t.controller&&(0,O.jsx)(I.default,{type:"primary",children:V("blocklet.external")})]})]})]})},t.meta.did)}}},ue===se?{label:V("common.visit"),name:"runtimeInfo.pid",align:"left",options:{sort:!1,customBodyRenderLite:function(e){var t=ye[e];return(0,O.jsx)(q,{blocklet:t},t.meta.did)}}}:null,{label:V("common.version"),name:"meta.version",options:{customBodyRenderLite:function(e){var t=ye[e];return(0,O.jsx)(D.default,{blocklet:t,checkUpgrade:!1},t.meta.did)}}},{label:V("common.installedAt"),name:"installedAt",options:{customBodyRenderLite:function(e){var t=ye[e];return t.installedAt?(0,O.jsx)(y.default,{value:t.installedAt.getTime(),locale:X},t.meta.did):t.createdAt?(0,O.jsx)(y.default,{value:t.createdAt.getTime(),locale:X},t.meta.did):""}}},{label:V("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite:function(e){var t=ye[e];return"running"===t.status&&t.appRuntimeInfo?(0,O.jsx)(y.default,{value:t.appRuntimeInfo.startAt,locale:X},t.meta.did):""}}},{label:V("common.status"),name:"status",width:120,align:"center",options:{customBodyRenderLite:function(e){var t=ye[e];return(0,O.jsx)(_.default,{"data-cy":"blocklet-status","status-blocklet-did":t.meta.did,status:K.includes(t.meta.did)?"deleting":t.status,source:t.source},t.meta.did)}}},ue===se||le?{label:V("common.actions"),name:"",width:90,options:{sort:!1,customBodyRenderLite:function(e){var t=ye[e];return(0,O.jsx)(E.Z,{blocklet:t,variant:"menu",onStart:xe,onComplete:he},t.meta.did)}}}:null].filter(Boolean),we={};be||(we.TableBody=function(e){if(M)return(0,O.jsx)(C.default,{relative:"parent",children:(0,O.jsx)(Z.default,{})});var t=e.page,n=e.rowsPerPage,l=ye.slice(t*n,(t+1)*n);return l.length?(0,O.jsx)("div",{children:l.map((function(e){var t=(0,R.getAppMissingConfigs)(e).length>0?"components":"overview";return(0,O.jsxs)(v.Z,{className:"blocklet-item--mobile",display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,O.jsx)(N.Z,{className:"blocklet__avatar",blocklet:e,size:be?40:60}),(0,O.jsxs)(f.Link,{className:"blocklet__content",to:"/blocklets/".concat(e.meta.did,"/").concat(t),children:[(0,O.jsxs)(v.Z,{display:"flex",justifyContent:"space-between",alignItems:"flex-start",children:[(0,O.jsx)(x.Z,{component:"strong",variant:"body1",className:"blocklet__name",children:(0,R.getDisplayName)(e,!0)}),(0,O.jsx)(E.Z,{blocklet:e,variant:"menu",onStart:xe,onComplete:he},e.meta.did)]}),(0,O.jsxs)(x.Z,{component:"small",className:"blocklet__addons",children:[(0,O.jsxs)(v.Z,{display:"flex",alignItems:"center",children:[(0,O.jsx)(D.default,{blocklet:e}),(0,O.jsx)(q,{blocklet:e,style:{marginLeft:16,fontSize:14}})]}),(0,O.jsx)(_.default,{"status-blocklet-did":e.meta.did,status:e.status,source:e.source},e.meta.did)]})]})]})}))}):(0,O.jsx)(w.default,{children:V("common.empty")})}),ke=(0,O.jsx)(de,{children:(0,O.jsx)(j.default,{loading:M,className:"blocklet-list",title:(0,O.jsx)(v.Z,{display:"flex",alignItems:"center",children:V("blocklet.index.tableTitle")}),locale:X,data:ye,columns:Ce,durable:"blocklets-list",options:(0,r.Z)({download:!1,filter:!1,print:!1,searchPlaceholder:V("common.search"),searchAlwaysOpen:!0,sortOrder:{name:"uptime",direction:"desc"},searchDebounceTime:300,onSearchChange:function(e){return te(e)},customSearch:function(){return!0}},Ze),components:we})})}else 0===ve.length&&(ke=(0,O.jsx)(S.default,{type:"warning",variant:"icon",children:V("blocklet.index.noBlocklet")}));return(0,O.jsxs)(me,{children:[(0,O.jsxs)(x.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:[(0,O.jsxs)(v.Z,{display:"flex",alignItems:"center",children:[V("common.blocklets"),!(!o||!o.length)&&(0,O.jsx)(h.Z,{sx:{ml:1},children:(0,O.jsx)(b.Z,{value:ue,onChange:function(e){return fe(e.target.value)},size:"small",children:ae.map((function(e){return(0,O.jsx)(k.Z,{value:e.id,children:V(e.name)},e.id)}))})})]}),(0,O.jsx)(ie.Z,{permission:"mutate_blocklets",children:(0,O.jsx)(oe,{onCreate:function(t){e("/blocklets/".concat(t.meta.did,"/components"))}})})]}),ke]})}var de=d.default.div(ae||(ae=(0,a.Z)(["\n  .blocklet-item--mobile {\n    padding: 16px 0;\n  }\n"]))),me=d.default.main(re||(re=(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"])))}}]);