@abtnode/blocklet-services 1.16.49-beta-20250815-032308-7bcf0b85 → 1.16.49-beta-20250821-102221-1b7283d6

package/dist/assets/start-WZ2i359x.js

@@ -1,187 +0,0 @@
-import{j as t,a6 as F,aY as K,ak as p,aZ as O,at as D,aT as V,P as G,J as X,a_ as Q,a$ as J,W as j}from"./vendor-mui-core-B7zoO8f5.js";import{r as u,L as B}from"./vendor-react-Dvs43sk9.js";import{l as Y,a as I}from"./vendor-hooks-BRXKH6Nb.js";import{C as N}from"./vendor-utils-DtY42AM-.js";import{T as M,H as E,C as Z,D as P,$ as ee,M as te}from"./vendor-ux-CwCI0CzW.js";import{W as ne}from"./did-address-F4eDvKaA.js";import{o as oe,s as re}from"./vendor-arcblock-BOtVH-Qa.js";import{e as R,f as _,h as z,i as se,j as ie,l as U,S as ae,c as L,a as le,m as ce,n as de,o as pe,P as me,p as S,q as he,r as T}from"./index-DvIq19MO.js";import{H as ue}from"./addon-DTju-oLy.js";import{u as ge}from"./use-server-logo-Cxah39TH.js";import{g as W}from"./get-safe-url-oIssn-5r.js";import{O as fe}from"./over-due-invoice-payment-B3xyNDNg.js";import{p as xe,S as be,P as ke}from"./starting-progress-Dt2mxWxv.js";import"./lottie-web-4koyQiv_.js";import"./question-mark-circle.svg-B4stD6SS.js";import"./server-logo-notext.svg-CKQB0tIp.js";import"./use-mobile-C_DcJ5SZ.js";function q({appInfo:e,...r}){const[n,s]=u.useState(!1),c=X(g=>g.breakpoints.down("md"))?32:48;return n?t.jsx(ee,{did:e.publisher,size:c}):t.jsx(te,{src:e.icon,alt:e.title,width:c,height:c,...r,onError:()=>s(!0)})}q.propTypes={appInfo:j.object.isRequired};const A=(e,r)=>_.findComponentByIdV2(e,r)||e;function Me(){const{t:e,locale:r}=M(),[n,s]=Y({blocklet:null,component:null,launcherSession:null,loading:!1,starting:!1,manageSubscriptionURL:"",restart:!1}),a=localStorage.getItem("blocklet-server-url"),c=ge({onClick:()=>{a&&window.open(W(a,{allowDomains:null}))}}),g=new URL(window.location.href),y=g.searchParams.get("componentId"),w=()=>{const o=g.searchParams.get("redirect")||"/";window.location.href=W(decodeURIComponent(o))},f=()=>{const o=setInterval(()=>{R.get("/blocklet/detail?nocache=1").then(({data:i})=>{s(C=>({...C,blocklet:i}));const l=A(i,y);if(l.status==="running"){w();return}l.status!=="starting"&&!n.restart&&(s({blocklet:i,starting:!1}),i!==l&&s({component:l}),clearInterval(o))}).catch(i=>{s({loading:!1,restart:!1}),E.error(i.message)})},3e3)},k=()=>{s({restart:!0,starting:!0,loading:!0}),setTimeout(()=>{f()},10)};u.useEffect(()=>{s({loading:!0}),R.get("/blocklet/detail?nocache=1").then(({data:o})=>{const i=A(o,y);if(s({blocklet:o,loading:!1}),i.status==="running"){w();return}s({blocklet:o}),o!==i&&s({component:i}),i.status==="starting"&&(s({starting:!0}),f())}).catch(o=>{s({loading:!1}),E.error(o.message)})},[]);const v=u.useCallback(()=>{s({loading:!0,starting:!0});const o=n.blocklet;if(!o)return;const i={did:o?.meta.did};o.children.length>0&&(i.componentDids=o.children.map(l=>l.meta.did)),z.startBlocklet({input:i}).then(({blocklet:l})=>{s(C=>({...C,blocklet:l})),f()}).catch(l=>{E.error(l.message),s({loading:!1,starting:!1})})},[n.component,n.blocklet]);u.useEffect(()=>{n.blocklet?.controller&&(se({launcherUrl:n.blocklet.controller.launcherUrl,launcherSessionId:n.blocklet.controller.launcherSessionId,locale:r}).then(o=>{s({manageSubscriptionURL:o})}).catch(o=>{console.error("get manage subscription url error",o)}),z.getLauncherSession({input:{launcherSessionId:n.blocklet.controller.launcherSessionId,launcherUrl:n.blocklet.controller.launcherUrl}}).then(o=>{s({launcherSession:o.launcherSession})}).catch(o=>{console.error("get launcher session error",o)}))},[n.blocklet?.controller]);const x=I(()=>n.blocklet?.children?.length,[n.blocklet]),d=I(()=>n.blocklet?.children?.filter(o=>o.status==="running")?.length||0,[n.blocklet]),m=I(()=>x?d?Math.round(Math.max(d/x,.15)*100):5:0,[d,x]);if(!n.blocklet)return t.jsx(oe,{children:t.jsx(F,{})});const h={icon:`${L.WELLKNOWN_SERVICE_PATH_PREFIX}/blocklet/logo`,title:_.getDisplayName(n.blocklet),publisher:n.blocklet.appDid},$=Z(xe,n.starting?{width:`${m}%`,"&::after":{width:`${m}%`},"&::before":{width:`${m}%`,animation:"shimmer 1s infinite cubic-bezier(0.4, 0.0, 0.2, 1)","@keyframes shimmer":{"0%":{width:0},"100%":{width:`${m}%`}}}}:{}),b=ie(n.blocklet)||U(n.launcherSession);return t.jsxs(ye,{children:[t.jsx(K,{styles:je}),t.jsxs("header",{className:"root-header",children:[t.jsx("div",{className:"left",children:c}),t.jsx(re,{children:t.jsx(ue,{SessionContext:ae})})]}),t.jsxs(we,{elevation:0,children:[t.jsxs(ve,{children:[t.jsx(q,{appInfo:h}),t.jsxs("div",{className:"app-info_content",children:[t.jsx(p,{className:"app-info_name",children:h.title}),t.jsx(ne,{size:14,className:"app-info_did",did:h.publisher})]})]}),(n.restart||!b)&&t.jsxs(t.Fragment,{children:[t.jsxs(p,{className:"title-box",children:[t.jsx(p,{className:"icon",children:t.jsx(O,{})}),t.jsx(p,{className:"title",children:e("blocklet.startApplication")})]}),t.jsx(p,{className:"sub-title",children:n.starting?t.jsx(be,{blocklets:n.blocklet?.children??[]}):e("blocklet.startDescription",{name:n.component?_.getDisplayName(n.component,!0):_.getDisplayName(n.blocklet)})}),t.jsx(p,{sx:{mt:8,display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:t.jsx(ke,{blocklets:n.blocklet?.children??[],status:n.starting?"starting":"",children:t.jsx(P,{sx:$,disabled:n.loading||n.starting,variant:"contained",color:"primary",size:"large",loading:n.starting,onClick:()=>v(),children:t.jsx("span",{style:{position:"relative",zIndex:2},children:n.starting?`(${d}/${x}) ${e("blocklet.starting")}`:e("blocklet.start")})})})})]}),b&&!n.restart&&t.jsx(H,{blocklet:n.blocklet,launcherSession:n.launcherSession,manageSubscriptionURL:n.manageSubscriptionURL,handleRestart:k}),t.jsx(p,{sx:{mt:5},children:t.jsx(B,{className:"footer-link",to:`${L.WELLKNOWN_SERVICE_PATH_PREFIX}/admin/overview`,children:e("blocklet.dashboard")})})]})]})}function H({blocklet:e,launcherSession:r,manageSubscriptionURL:n,handleRestart:s}){const{t:a,locale:c}=M(),{connectApi:g,session:y}=le(),{refreshSubscription:w}=ce(),[f,k]=u.useState(!1),[v,x]=u.useState("");if(u.useEffect(()=>{if(e?.controller?.launcherUrl&&U(r)){const $=N(e.controller.launcherUrl,"__blocklet__.js?type=json");fetch($).then(b=>b.json()).then(b=>{const o=b.componentMountPoints?.find(l=>l.did==="z2qaCNvKMv5GjouKdcDWexv6WqtHbpNPQDnAk")?.mountPoint,i=N(e.controller.launcherUrl,o);x(i)})}},[e?.controller?.launcherUrl,r]),!e||!r)return"";const d=U(r),m=!d&&de(e,r),h=!d&&pe(e,r);return!m&&!h&&!d?"":t.jsxs(t.Fragment,{children:[f&&v&&r&&t.jsx(me,{session:y,connect:g,baseUrl:v,authToken:r.subscription.authToken,children:t.jsx(fe,{dialogProps:{open:f,onClose:()=>k(!1)},subscriptionId:r.subscription.id,successToast:!0,onPaid:()=>{R.post("/blocklet/start?fromSetup=1"),w(),s(),k(!1)}})}),t.jsxs(p,{className:"title-box",children:[t.jsx(Q,{className:"icon-error"}),t.jsxs(p,{className:"title error",children:[m&&a("blocklet.suspended"),h&&a("blocklet.terminated"),d&&a("blocklet.suspended")]})]}),t.jsxs(p,{className:"sub-title",children:[m&&a("blocklet.suspendedCausedByExpired",{deadline:S(r?.reservedUntil,c),canceledAt:S((r?.subscription?.canceled_at||0)*1e3,c)}),h&&a("blocklet.suspendedCausedByTerminated",{canceledAt:S(r?.terminatedAt,c),deadline:he(r?.terminatedAt,c)}),d&&a("blocklet.suspendedCausedByPastDue",{deadline:S(r?.reservedUntil,c)})]}),t.jsxs(p,{sx:{mt:8},children:[d&&!T(r)&&t.jsx(P,{style:{minWidth:200},variant:"contained",color:"primary",size:"large",onClick:()=>k(!0),children:a("blocklet.payNow")}),(m||T(r))&&t.jsx(P,{component:J,style:{minWidth:200},variant:"contained",color:"primary",size:"large",target:"_blank",href:n||"#",children:a("blocklet.manageSubscription")}),h&&t.jsx(P,{component:B,to:N(L.WELLKNOWN_SERVICE_PATH_PREFIX,"/admin/did-spaces"),style:{minWidth:200},variant:"contained",color:"primary",size:"large",children:a("common.backup")})]})]})}H.propTypes={blocklet:j.object.isRequired,launcherSession:j.object.isRequired,manageSubscriptionURL:j.string.isRequired,handleRestart:j.func.isRequired};const je=V`
-  html,
-  body,
-  #app,
-  #app > .wrapper {
-    height: 100%;
-  }
-`,ye=D.div`
-  width: 100vw;
-  height: 100%;
-  background: ${({theme:e})=>e.palette.mode==="dark"?e.palette.background.default:e.palette.grey[100]};
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  .root-header {
-    position: fixed;
-    z-index: 200;
-    top: 0;
-    display: flex;
-    width: 100%;
-    height: 68px;
-    align-items: center;
-    justify-content: flex-end;
-    padding: 24px;
-    max-width: 1245px;
-
-    ${e=>e.theme.breakpoints.down("md")} {
-      padding: 14px 16px;
-      height: 56px;
-    }
-
-    .left {
-      margin-top: 4px;
-      margin-right: auto;
-      ${e=>e.theme.breakpoints.down("md")} {
-        margin-top: 0%;
-      }
-    }
-
-    .right {
-      display: flex;
-      align-items: center;
-      ${e=>e.theme.breakpoints.down("md")} {
-        button,
-        a {
-          padding-left: 8px;
-          padding-right: 8px;
-        }
-      }
-    }
-  }
-`,we=D(G)`
-  width: 80vw;
-  max-width: 1245px;
-  height: 80vh;
-  box-sizing: border-box;
-  padding: 32px;
-  &.MuiPaper-rounded {
-    border-radius: 8px;
-  }
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-
-  ${e=>e.theme.breakpoints.down("md")} {
-    width: 100vw;
-    height: 100%;
-    left: 0;
-    top: 0;
-    padding: 32px 0;
-  }
-
-  .MuiIconButton-root {
-    svg {
-      fill: #888;
-    }
-    &.Mui-disabled {
-      opacity: 0.4;
-    }
-  }
-
-  .title-box {
-    display: flex;
-    align-items: center;
-    ${e=>e.theme.breakpoints.down("md")} {
-      margin-top: 60px;
-    }
-  }
-
-  .icon {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    width: 32px;
-    height: 32px;
-    border-radius: 100%;
-    background-color: ${e=>e.theme.palette.primary.main};
-    color: ${e=>e.theme.palette.common.white};
-  }
-
-  .icon-error {
-    width: 32px;
-    height: 32px;
-    color: ${e=>e.theme.palette.error.main};
-  }
-
-  .title {
-    margin-left: 12px;
-    color: ${e=>e.theme.palette.primary.main};
-    font-size: 24px;
-    font-weight: bolder;
-  }
-
-  .error {
-    color: ${e=>e.theme.palette.error.main};
-  }
-
-  .sub-title {
-    margin-top: 24px;
-    color: ${e=>e.theme.palette.grey[700]};
-    font-size: 16px;
-    max-width: 460px;
-    text-align: center;
-    word-break: break-word;
-    hyphens: auto;
-
-    ${e=>e.theme.breakpoints.down("md")} {
-      padding: 0 32px;
-    }
-  }
-
-  .footer-link {
-    color: ${e=>e.theme.palette.primary.main};
-  }
-`,ve=D.div`
-  display: flex;
-  align-items: center;
-  position: absolute;
-  left: 24px;
-  right: 24px;
-  top: 24px;
-  font-size: 16px;
-  font-weight: 500;
-  color: #222;
-
-  /* 禁止 app icon shrink */
-  > *:first-child {
-    flex: 0 0 auto;
-  }
-
-  .app-info_content {
-    padding-left: 16px;
-    overflow: hidden;
-  }
-
-  .app-info_name {
-    max-width: 100%;
-    padding-right: 32px;
-    line-height: 1;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    font-weight: bold;
-  }
-
-  .app-info_did {
-    transform: translate(0, 2px);
-  }
-
-  .app-info_did .did-address__text {
-    color: #666;
-    font-size: 14px;
-  }
-
-  ${e=>e.theme.breakpoints.down("md")} {
-    top: 12px;
-    .app-info_did {
-      transform: translate(0, 0);
-    }
-    .app-info_did .did-address__text {
-      font-size: 12px;
-    }
-  }
-`;export{Me as default};