@abtnode/webapp 1.16.25-next-d6a21727 → 1.16.25-next-0ba03ffc

package/build/static/js/2960.b8de1df9.chunk.js

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

package/build/static/js/{3135.d72dbe37.chunk.js → 3135.77d2718d.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[3135],{40265:(e,n,t)=>{t.d(n,{Z:()=>y});var r=t(71171),o=t(5057),i=t(33518),s=t(55898),a=t.n(s),l=t(44846),c=t(28726),p=t(13128);function u(e){let{disabled:n,children:t,onConfirm:r}=e;return(0,o.useEffect)((()=>{if(n)return()=>{};const e=e=>{"Enter"!==e.code||!0!==e.metaKey&&!0!==e.ctrlKey||(e.preventDefault(),e.stopPropagation(),r())};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[n,r]),t}u.propTypes={disabled:a().bool,children:a().any.isRequired,onConfirm:a().func.isRequired},u.defaultProps={disabled:!1};var d,h=t(96266);function f(e){let{onContinue:n,nextDisabled:t,launching:r,texts:i,description:s}=e;const[a,d]=(0,o.useState)(!1);return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(m,{children:(0,h.jsxs)(u,{disabled:t,onConfirm:n,children:[(0,h.jsx)("div",{className:"eula-trigger",onClick:()=>d((e=>!e)),children:i.listenName}),(0,h.jsx)(c.Z,{disabled:t,color:"primary",variant:"contained",className:"next-button",onClick:n,children:r?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.Z,{size:14}),i.launchingText]}):i.buttonNext})]})}),(0,h.jsx)(p.ZP,{open:a,title:i.listenName,onClose:()=>d(!1),children:s})]})}f.propTypes={onContinue:a().func.isRequired,nextDisabled:a().bool,launching:a().bool,description:a().any,texts:a().object},f.defaultProps={nextDisabled:!1,launching:!1,description:"",texts:{listenName:"",launchingText:"",buttonNext:""}};const m=i.Z.div(d||(d=(0,r.Z)(["\n  margin: 0 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n  }\n\n  .eula-trigger {\n    cursor: pointer;\n    text-decoration: underline;\n    "," {\n      padding-right: 24px;\n    }\n    "," {\n      padding: 16px;\n    }\n    font-size: 14px;\n    white-space: nowrap;\n    &:hover {\n      color: ",";\n    }\n  }\n\n  .next-button {\n    min-width: 200px;\n  }\n"])),(e=>e.theme.breakpoints.values.sm),(e=>e.theme.breakpoints.up("md")),(e=>e.theme.breakpoints.down("md")),(e=>e.theme.palette.primary.main)),y=f},44566:(e,n,t)=>{t.d(n,{Z:()=>Q});var r=t(71171),o=t(5057),i=t(55898),s=t.n(i),a=t(38242),l=t(43681),c=t.n(l),p=t(33518),u=t(37003),d=t(43382),h=t(29065),f=t(80443),m=t(18580),y=t(33313),v=t(67474);const x={}.hasOwnProperty;function b(e,n,t){if("function"!==typeof e)throw new TypeError("h is not a function");const r=function(e){const n=e("div",{});return Boolean(n&&("_owner"in n||"_store"in n)&&(void 0===n.key||null===n.key))}(e),o=function(e){const n=e("div",{});return Boolean(n&&n.context&&n.context._isVue)}(e),i=function(e){const n=e("div",{});return"VirtualNode"===n.type}(e);let s,a;if("string"===typeof t||"boolean"===typeof t?(s=t,t={}):(t||(t={}),s=t.prefix),n&&"root"===n.type){const e=n.children[0];a=1===n.children.length&&"element"===e.type?e:{type:"element",tagName:"div",properties:{},children:n.children}}else{if(!n||"element"!==n.type)throw new Error("Expected root or element, not `"+(n&&n.type||n)+"`");a=n}return g(e,a,{schema:"svg"===t.space?u.YP:u.dy,prefix:void 0===s||null===s?r||o||i?"h-":void 0:"string"===typeof s?s:s?"h-":void 0,key:0,react:r,vue:o,vdom:i,hyperscript:j(e)})}function g(e,n,t){const r=t.schema;let o=r,i=n.tagName;const s={},a=[];let l,c=-1;for(l in"html"===r.space&&"svg"===i.toLowerCase()&&(o=u.YP,t.schema=o),n.properties)n.properties&&x.call(n.properties,l)&&w(s,l,n.properties[l],t,i);if(t.vdom&&("html"===o.space?i=i.toUpperCase():o.space&&(s.namespace=v.t[o.space])),t.prefix&&(t.key++,s.key=t.prefix+t.key),n.children)for(;++c<n.children.length;){const r=n.children[c];"element"===r.type?a.push(g(e,r,t)):"text"===r.type&&a.push(r.value)}return t.schema=r,a.length>0?e.call(n,i,s,a):e.call(n,i,s)}function w(e,n,t,r,o){const i=(0,d.s)(r.schema,n);let s;void 0===t||null===t||"number"===typeof t&&Number.isNaN(t)||!1===t&&(r.vue||r.vdom||r.hyperscript)||!t&&i.boolean&&(r.vue||r.vdom||r.hyperscript)||(Array.isArray(t)&&(t=i.commaSeparated?(0,m.P)(t):(0,f.P)(t)),i.boolean&&r.hyperscript&&(t=""),"style"===i.property&&"string"===typeof t&&(r.react||r.vue||r.vdom)&&(t=function(e,n){const t={};try{(0,y.Z)(e,((e,n)=>{"-ms-"===e.slice(0,4)&&(e="ms-"+e.slice(4)),t[e.replace(/-([a-z])/g,((e,n)=>n.toUpperCase()))]=n}))}catch(r){const e=r;throw e.message=n+"[style]"+e.message.slice(9),e}return t}(t,o)),r.vue?"style"!==i.property&&(s="attrs"):i.mustUseProperty||(r.vdom?"style"!==i.property&&(s="attributes"):r.hyperscript&&(s="attrs")),s?e[s]=Object.assign(e[s]||{},{[i.attribute]:t}):i.space&&r.react?e[h.D[i.property]||i.property]=t:e[i.attribute]=t)}function j(e){return"context"in e&&"cleanup"in e}var k=t(79630),N=t(38482);const Z={}.hasOwnProperty,C=new Set(["table","thead","tbody","tfoot","tr"]);var E=t(82266),P=t(30067),T=t(28627),q=t(7896),D=t(31461),O=t(9978),S=t(82261),z=t(42908),I=t(62773),_=t(46849),R=t(96036);function A(e){return(0,R.ZP)("MuiTableContainer",e)}(0,_.Z)("MuiTableContainer",["root"]);var B=t(96266);const F=["className","component"],M=(0,I.ZP)("div",{name:"MuiTableContainer",slot:"Root",overridesResolver:(e,n)=>n.root})({width:"100%",overflowX:"auto"}),U=o.forwardRef((function(e,n){const t=(0,z.Z)({props:e,name:"MuiTableContainer"}),{className:r,component:o="div"}=t,i=(0,D.Z)(t,F),s=(0,q.Z)({},t,{component:o}),a=(e=>{const{classes:n}=e;return(0,S.Z)({root:["root"]},A,n)})(s);return(0,B.jsx)(M,(0,q.Z)({ref:n,as:o,className:(0,O.Z)(a.root,r),ownerState:s},i))}));var K,L=t(83366);const X=new function(e){if(!e||"function"!==typeof e.createElement)throw new TypeError("createElement is not a function");const n=e.createElement,t=!1!==e.fixTableCellAlign;function r(t,r,o){if(o&&C.has(t)&&(o=o.filter((e=>!(0,N.Q)(e)))),e.components&&Z.call(e.components,t)){const i=e.components[t];return e.passNode&&"function"===typeof i&&(r=Object.assign({node:this},r)),n(i,r,o)}return n(t,r,o)}Object.assign(this,{Compiler:function(o){let i=b(r,t?k(o):o,e.prefix);if("root"===o.type)return i=i&&"object"===typeof i&&"type"in i&&"props"in i&&"div"===i.type&&(1!==o.children.length||"element"!==o.children[0].type)?i.props.children:[i],n(e.Fragment||"div",{},i);return i}})}({createElement:o.createElement}).Compiler,Y={zh:{appinfo:{name:"\u5e94\u7528\u540d",version:"\u7248\u672c\u53f7",author:"\u5f00\u53d1\u8005",description:"\u63cf\u8ff0",community:"\u793e\u533a\u5730\u5740",documentation:"\u6587\u6863\u624b\u518c",support:"\u670d\u52a1\u652f\u6301",overview:"\u6982\u8ff0",requirements:"\u8282\u70b9\u7248\u672c\u8981\u6c42"}},en:{appinfo:{name:"Name",version:"Version",author:"Author",description:"Description",community:"Community",documentation:"Documentation",support:"Support",overview:"Overview",requirements:"Server requirements"}}};function V(e){let{blockletMeta:n,locale:t,handleDescEle:r}=e;const{data:o}=n,i=(0,a.getDisplayName)({meta:o}),s=o&&o.htmlAst?X(o.htmlAst):"",l=!(p=o).payment||(p.payment.price||[]).map((e=>e.value||0)).every((e=>0===e));var p;const u=[{key:c()(Y[t],"appinfo.name"),value:(0,a.getDisplayName)({meta:o})},{key:c()(Y[t],"appinfo.version"),value:o.version},{key:c()(Y[t],"appinfo.author"),value:c()(o,"author.name")},{type:"description",key:c()(Y[t],"appinfo.description"),value:o.description}];let d;return o.requirements&&u.push({key:c()(Y[t],"appinfo.requirements"),value:o.requirements.server}),o.community&&u.push({key:c()(Y[t],"appinfo.community"),value:(0,B.jsx)("a",{href:o.community,target:"_blank",rel:"noreferrer",children:o.community})}),o.documentation&&u.push({key:c()(Y[t],"appinfo.documentation"),value:(0,B.jsx)("a",{href:o.documentation,target:"_blank",rel:"noreferrer",children:o.documentation})}),o.support&&u.push({key:c()(Y[t],"appinfo.support"),value:(0,B.jsx)("a",{href:"mailto:".concat(o.support),target:"_blank",rel:"noreferrer",children:o.support})}),s&&u.push({key:c()(Y[t],"appinfo.overview"),value:""}),d="zh"===t?(0,B.jsxs)(B.Fragment,{children:[l?(0,B.jsxs)("p",{children:["\u60a8\u53ef\u4ee5\u514d\u8d39\u4f7f\u7528 ",(0,B.jsx)("b",{children:i}),"\uff1b"]}):(0,B.jsxs)("p",{children:["\u60a8\u9700\u8981\u8d2d\u4e70\u624d\u80fd\u4f7f\u7528 ",(0,B.jsx)("b",{children:i}),"\uff1b"]}),(0,B.jsx)("p",{children:"\u5728\u5e94\u7528\u542f\u52a8\u524d\uff0c\u9700\u8981\u9009\u62e9\u60a8\u7684\u8282\u70b9\uff1b"}),(0,B.jsx)("p",{children:"\u5982\u679c\u60a8\u6ca1\u6709\u8282\u70b9\uff0c\u6211\u4eec\u4f1a\u5f15\u5bfc\u60a8\u521b\u5efa\u65b0\u7684\u8282\u70b9\uff1b"}),(0,B.jsx)("p",{children:"\u4e0b\u9762\u4e3a\u8be5\u5e94\u7528\u7684\u4fe1\u606f\uff1a"})]}):(0,B.jsxs)(B.Fragment,{children:[l?(0,B.jsxs)("p",{children:["You can use ",(0,B.jsx)("b",{children:i})," for free;"]}):(0,B.jsxs)("p",{children:["You need to purchase before launch ",(0,B.jsx)("b",{children:i}),";"]}),(0,B.jsx)("p",{children:"Before the blocklet starts, you need to select your Blocklet Server; "}),(0,B.jsx)("p",{children:"If you do not have any Blocklet Server, we will guide you to create a new one; "}),(0,B.jsx)("p",{children:"Below is the information for the blocklet: "})]}),(0,B.jsxs)(H,{children:[r||d,(0,B.jsx)("div",{className:"info-table",children:(0,B.jsx)(U,{children:(0,B.jsx)(E.Z,{size:"small",children:(0,B.jsx)(P.Z,{children:u.map((e=>(0,B.jsxs)(L.Z,{children:[(0,B.jsx)(T.Z,{component:"th",scope:"row",style:{width:100},children:(0,B.jsx)("div",{style:{fontWeight:"bold",whiteSpace:"nowrap"},children:e.key})}),(0,B.jsx)(T.Z,{children:e.value})]},e.key)))})})})}),(0,B.jsx)("div",{className:"app-overview",children:s})]})}const H=p.Z.div(K||(K=(0,r.Z)(["\n  .info-table {\n    a {\n      word-break: break-all;\n    }\n  }\n  .app-overview {\n    font-size: 16px;\n    margin: 16px 0 0 16px;\n    h1 {\n      margin: 8px 0;\n      font-size: 20px;\n    }\n    h2 {\n      margin: 8px 0;\n      font-size: 18px;\n    }\n    ul {\n      display: block;\n      list-style-type: disc;\n      padding-left: 2em;\n      li {\n        display: list-item;\n        list-style: disc;\n      }\n    }\n    blockquote {\n      margin-left: 2em;\n    }\n  }\n"])));V.propTypes={blockletMeta:s().object.isRequired,locale:s().string.isRequired,handleDescEle:s().node},V.defaultProps={handleDescEle:""};const Q=V},79630:(e,n,t)=>{var r=t(44231),o=Object.prototype.hasOwnProperty,i={align:"text-align",valign:"vertical-align",height:"height",width:"width"};function s(e){var n;if("tr"===e.tagName||"td"===e.tagName||"th"===e.tagName)for(n in i)o.call(i,n)&&void 0!==e.properties[n]&&(a(e,i[n],e.properties[n]),delete e.properties[n])}function a(e,n,t){var r=(e.properties.style||"").trim();r&&!/;\s*/.test(r)&&(r+=";"),r&&(r+=" ");var o=r+n+": "+t+";";e.properties.style=o}e.exports=function(e){return r(e,"element",s),e}},45938:e=>{function n(e){if("string"===typeof e)return function(e){return n;function n(n){return Boolean(n&&n.type===e)}}(e);if(null===e||void 0===e)return o;if("object"===typeof e)return("length"in e?r:t)(e);if("function"===typeof e)return e;throw new Error("Expected function, string, or object as test")}function t(e){return function(n){var t;for(t in e)if(n[t]!==e[t])return!1;return!0}}function r(e){var t=function(e){for(var t=[],r=e.length,o=-1;++o<r;)t[o]=n(e[o]);return t}(e),r=t.length;return function(){var e=-1;for(;++e<r;)if(t[e].apply(this,arguments))return!0;return!1}}function o(){return!0}e.exports=n},84962:(e,n,t)=>{e.exports=a;var r=t(45938),o=!0,i="skip",s=!1;function a(e,n,t,o){var a;function c(e,r,p){var u,d=[];return(n&&!a(e,r,p[p.length-1]||null)||(d=l(t(e,p)))[0]!==s)&&e.children&&d[0]!==i?(u=l(function(e,n){var t,r=-1,i=o?-1:1,a=(o?e.length:r)+i;for(;a>r&&a<e.length;){if((t=c(e[a],a,n))[0]===s)return t;a="number"===typeof t[1]?t[1]:a+i}}(e.children,p.concat(e))),u[0]===s?u:d):d}"function"===typeof n&&"function"!==typeof t&&(o=t,t=n,n=null),a=r(n),c(e,null,[])}function l(e){return null!==e&&"object"===typeof e&&"length"in e?e:"number"===typeof e?[o,e]:[e]}a.CONTINUE=o,a.SKIP=i,a.EXIT=s},44231:(e,n,t)=>{e.exports=a;var r=t(84962),o=r.CONTINUE,i=r.SKIP,s=r.EXIT;function a(e,n,t,o){"function"===typeof n&&"function"!==typeof t&&(o=t,t=n,n=null),r(e,n,(function(e,n){var r=n[n.length-1],o=r?r.children.indexOf(e):null;return t(e,o,r)}),o)}a.CONTINUE=o,a.SKIP=i,a.EXIT=s},48086:(e,n,t)=>{var r=t(71600);n.Z=void 0;var o=r(t(56930)),i=t(96266);n.Z=(0,o.default)((0,i.jsx)("path",{d:"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}),"ArrowForward")}}]);
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[3135],{40265:(e,n,t)=>{t.d(n,{Z:()=>y});var r=t(71171),o=t(5057),i=t(33518),s=t(55898),a=t.n(s),l=t(44846),c=t(28726),p=t(13128);function u(e){let{disabled:n,children:t,onConfirm:r}=e;return(0,o.useEffect)((()=>{if(n)return()=>{};const e=e=>{"Enter"!==e.code||!0!==e.metaKey&&!0!==e.ctrlKey||(e.preventDefault(),e.stopPropagation(),r())};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}}),[n,r]),t}u.propTypes={disabled:a().bool,children:a().any.isRequired,onConfirm:a().func.isRequired},u.defaultProps={disabled:!1};var d,h=t(96266);function f(e){let{onContinue:n,nextDisabled:t,launching:r,texts:i,description:s}=e;const[a,d]=(0,o.useState)(!1);return(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(m,{children:(0,h.jsxs)(u,{disabled:t,onConfirm:n,children:[(0,h.jsx)("div",{className:"eula-trigger",onClick:()=>d((e=>!e)),children:i.listenName}),(0,h.jsx)(c.Z,{disabled:t,color:"primary",variant:"contained",className:"next-button",onClick:n,children:r?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.Z,{size:14}),i.launchingText]}):i.buttonNext})]})}),(0,h.jsx)(p.ZP,{open:a,title:i.listenName,onClose:()=>d(!1),children:s})]})}f.propTypes={onContinue:a().func.isRequired,nextDisabled:a().bool,launching:a().bool,description:a().any,texts:a().object},f.defaultProps={nextDisabled:!1,launching:!1,description:"",texts:{listenName:"",launchingText:"",buttonNext:""}};const m=i.Z.div(d||(d=(0,r.Z)(["\n  margin: 0 auto;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n  }\n\n  .eula-trigger {\n    cursor: pointer;\n    text-decoration: underline;\n    "," {\n      padding-right: 24px;\n    }\n    "," {\n      padding: 16px;\n    }\n    font-size: 14px;\n    white-space: nowrap;\n    &:hover {\n      color: ",";\n    }\n  }\n\n  .next-button {\n    min-width: 200px;\n  }\n"])),(e=>e.theme.breakpoints.values.sm),(e=>e.theme.breakpoints.up("md")),(e=>e.theme.breakpoints.down("md")),(e=>e.theme.palette.primary.main)),y=f},44566:(e,n,t)=>{t.d(n,{Z:()=>Q});var r=t(71171),o=t(5057),i=t(55898),s=t.n(i),a=t(38242),l=t(43681),c=t.n(l),p=t(33518),u=t(37003),d=t(43382),h=t(29065),f=t(80443),m=t(18580),y=t(33313),v=t(67474);const x={}.hasOwnProperty;function b(e,n,t){if("function"!==typeof e)throw new TypeError("h is not a function");const r=function(e){const n=e("div",{});return Boolean(n&&("_owner"in n||"_store"in n)&&(void 0===n.key||null===n.key))}(e),o=function(e){const n=e("div",{});return Boolean(n&&n.context&&n.context._isVue)}(e),i=function(e){const n=e("div",{});return"VirtualNode"===n.type}(e);let s,a;if("string"===typeof t||"boolean"===typeof t?(s=t,t={}):(t||(t={}),s=t.prefix),n&&"root"===n.type){const e=n.children[0];a=1===n.children.length&&"element"===e.type?e:{type:"element",tagName:"div",properties:{},children:n.children}}else{if(!n||"element"!==n.type)throw new Error("Expected root or element, not `"+(n&&n.type||n)+"`");a=n}return g(e,a,{schema:"svg"===t.space?u.YP:u.dy,prefix:void 0===s||null===s?r||o||i?"h-":void 0:"string"===typeof s?s:s?"h-":void 0,key:0,react:r,vue:o,vdom:i,hyperscript:j(e)})}function g(e,n,t){const r=t.schema;let o=r,i=n.tagName;const s={},a=[];let l,c=-1;for(l in"html"===r.space&&"svg"===i.toLowerCase()&&(o=u.YP,t.schema=o),n.properties)n.properties&&x.call(n.properties,l)&&w(s,l,n.properties[l],t,i);if(t.vdom&&("html"===o.space?i=i.toUpperCase():o.space&&(s.namespace=v.t[o.space])),t.prefix&&(t.key++,s.key=t.prefix+t.key),n.children)for(;++c<n.children.length;){const r=n.children[c];"element"===r.type?a.push(g(e,r,t)):"text"===r.type&&a.push(r.value)}return t.schema=r,a.length>0?e.call(n,i,s,a):e.call(n,i,s)}function w(e,n,t,r,o){const i=(0,d.s)(r.schema,n);let s;void 0===t||null===t||"number"===typeof t&&Number.isNaN(t)||!1===t&&(r.vue||r.vdom||r.hyperscript)||!t&&i.boolean&&(r.vue||r.vdom||r.hyperscript)||(Array.isArray(t)&&(t=i.commaSeparated?(0,m.P)(t):(0,f.P)(t)),i.boolean&&r.hyperscript&&(t=""),"style"===i.property&&"string"===typeof t&&(r.react||r.vue||r.vdom)&&(t=function(e,n){const t={};try{(0,y.Z)(e,((e,n)=>{"-ms-"===e.slice(0,4)&&(e="ms-"+e.slice(4)),t[e.replace(/-([a-z])/g,((e,n)=>n.toUpperCase()))]=n}))}catch(r){const e=r;throw e.message=n+"[style]"+e.message.slice(9),e}return t}(t,o)),r.vue?"style"!==i.property&&(s="attrs"):i.mustUseProperty||(r.vdom?"style"!==i.property&&(s="attributes"):r.hyperscript&&(s="attrs")),s?e[s]=Object.assign(e[s]||{},{[i.attribute]:t}):i.space&&r.react?e[h.D[i.property]||i.property]=t:e[i.attribute]=t)}function j(e){return"context"in e&&"cleanup"in e}var k=t(79630),N=t(38482);const Z={}.hasOwnProperty,C=new Set(["table","thead","tbody","tfoot","tr"]);var E=t(82266),P=t(30067),T=t(28627),q=t(7896),D=t(29218),O=t(9978),S=t(82261),z=t(42908),I=t(62773),_=t(46849),R=t(96036);function A(e){return(0,R.ZP)("MuiTableContainer",e)}(0,_.Z)("MuiTableContainer",["root"]);var B=t(96266);const F=["className","component"],M=(0,I.ZP)("div",{name:"MuiTableContainer",slot:"Root",overridesResolver:(e,n)=>n.root})({width:"100%",overflowX:"auto"}),U=o.forwardRef((function(e,n){const t=(0,z.Z)({props:e,name:"MuiTableContainer"}),{className:r,component:o="div"}=t,i=(0,D.Z)(t,F),s=(0,q.Z)({},t,{component:o}),a=(e=>{const{classes:n}=e;return(0,S.Z)({root:["root"]},A,n)})(s);return(0,B.jsx)(M,(0,q.Z)({ref:n,as:o,className:(0,O.Z)(a.root,r),ownerState:s},i))}));var K,L=t(83366);const X=new function(e){if(!e||"function"!==typeof e.createElement)throw new TypeError("createElement is not a function");const n=e.createElement,t=!1!==e.fixTableCellAlign;function r(t,r,o){if(o&&C.has(t)&&(o=o.filter((e=>!(0,N.Q)(e)))),e.components&&Z.call(e.components,t)){const i=e.components[t];return e.passNode&&"function"===typeof i&&(r=Object.assign({node:this},r)),n(i,r,o)}return n(t,r,o)}Object.assign(this,{Compiler:function(o){let i=b(r,t?k(o):o,e.prefix);if("root"===o.type)return i=i&&"object"===typeof i&&"type"in i&&"props"in i&&"div"===i.type&&(1!==o.children.length||"element"!==o.children[0].type)?i.props.children:[i],n(e.Fragment||"div",{},i);return i}})}({createElement:o.createElement}).Compiler,Y={zh:{appinfo:{name:"\u5e94\u7528\u540d",version:"\u7248\u672c\u53f7",author:"\u5f00\u53d1\u8005",description:"\u63cf\u8ff0",community:"\u793e\u533a\u5730\u5740",documentation:"\u6587\u6863\u624b\u518c",support:"\u670d\u52a1\u652f\u6301",overview:"\u6982\u8ff0",requirements:"\u8282\u70b9\u7248\u672c\u8981\u6c42"}},en:{appinfo:{name:"Name",version:"Version",author:"Author",description:"Description",community:"Community",documentation:"Documentation",support:"Support",overview:"Overview",requirements:"Server requirements"}}};function V(e){let{blockletMeta:n,locale:t,handleDescEle:r}=e;const{data:o}=n,i=(0,a.getDisplayName)({meta:o}),s=o&&o.htmlAst?X(o.htmlAst):"",l=!(p=o).payment||(p.payment.price||[]).map((e=>e.value||0)).every((e=>0===e));var p;const u=[{key:c()(Y[t],"appinfo.name"),value:(0,a.getDisplayName)({meta:o})},{key:c()(Y[t],"appinfo.version"),value:o.version},{key:c()(Y[t],"appinfo.author"),value:c()(o,"author.name")},{type:"description",key:c()(Y[t],"appinfo.description"),value:o.description}];let d;return o.requirements&&u.push({key:c()(Y[t],"appinfo.requirements"),value:o.requirements.server}),o.community&&u.push({key:c()(Y[t],"appinfo.community"),value:(0,B.jsx)("a",{href:o.community,target:"_blank",rel:"noreferrer",children:o.community})}),o.documentation&&u.push({key:c()(Y[t],"appinfo.documentation"),value:(0,B.jsx)("a",{href:o.documentation,target:"_blank",rel:"noreferrer",children:o.documentation})}),o.support&&u.push({key:c()(Y[t],"appinfo.support"),value:(0,B.jsx)("a",{href:"mailto:".concat(o.support),target:"_blank",rel:"noreferrer",children:o.support})}),s&&u.push({key:c()(Y[t],"appinfo.overview"),value:""}),d="zh"===t?(0,B.jsxs)(B.Fragment,{children:[l?(0,B.jsxs)("p",{children:["\u60a8\u53ef\u4ee5\u514d\u8d39\u4f7f\u7528 ",(0,B.jsx)("b",{children:i}),"\uff1b"]}):(0,B.jsxs)("p",{children:["\u60a8\u9700\u8981\u8d2d\u4e70\u624d\u80fd\u4f7f\u7528 ",(0,B.jsx)("b",{children:i}),"\uff1b"]}),(0,B.jsx)("p",{children:"\u5728\u5e94\u7528\u542f\u52a8\u524d\uff0c\u9700\u8981\u9009\u62e9\u60a8\u7684\u8282\u70b9\uff1b"}),(0,B.jsx)("p",{children:"\u5982\u679c\u60a8\u6ca1\u6709\u8282\u70b9\uff0c\u6211\u4eec\u4f1a\u5f15\u5bfc\u60a8\u521b\u5efa\u65b0\u7684\u8282\u70b9\uff1b"}),(0,B.jsx)("p",{children:"\u4e0b\u9762\u4e3a\u8be5\u5e94\u7528\u7684\u4fe1\u606f\uff1a"})]}):(0,B.jsxs)(B.Fragment,{children:[l?(0,B.jsxs)("p",{children:["You can use ",(0,B.jsx)("b",{children:i})," for free;"]}):(0,B.jsxs)("p",{children:["You need to purchase before launch ",(0,B.jsx)("b",{children:i}),";"]}),(0,B.jsx)("p",{children:"Before the blocklet starts, you need to select your Blocklet Server; "}),(0,B.jsx)("p",{children:"If you do not have any Blocklet Server, we will guide you to create a new one; "}),(0,B.jsx)("p",{children:"Below is the information for the blocklet: "})]}),(0,B.jsxs)(H,{children:[r||d,(0,B.jsx)("div",{className:"info-table",children:(0,B.jsx)(U,{children:(0,B.jsx)(E.Z,{size:"small",children:(0,B.jsx)(P.Z,{children:u.map((e=>(0,B.jsxs)(L.Z,{children:[(0,B.jsx)(T.Z,{component:"th",scope:"row",style:{width:100},children:(0,B.jsx)("div",{style:{fontWeight:"bold",whiteSpace:"nowrap"},children:e.key})}),(0,B.jsx)(T.Z,{children:e.value})]},e.key)))})})})}),(0,B.jsx)("div",{className:"app-overview",children:s})]})}const H=p.Z.div(K||(K=(0,r.Z)(["\n  .info-table {\n    a {\n      word-break: break-all;\n    }\n  }\n  .app-overview {\n    font-size: 16px;\n    margin: 16px 0 0 16px;\n    h1 {\n      margin: 8px 0;\n      font-size: 20px;\n    }\n    h2 {\n      margin: 8px 0;\n      font-size: 18px;\n    }\n    ul {\n      display: block;\n      list-style-type: disc;\n      padding-left: 2em;\n      li {\n        display: list-item;\n        list-style: disc;\n      }\n    }\n    blockquote {\n      margin-left: 2em;\n    }\n  }\n"])));V.propTypes={blockletMeta:s().object.isRequired,locale:s().string.isRequired,handleDescEle:s().node},V.defaultProps={handleDescEle:""};const Q=V},79630:(e,n,t)=>{var r=t(44231),o=Object.prototype.hasOwnProperty,i={align:"text-align",valign:"vertical-align",height:"height",width:"width"};function s(e){var n;if("tr"===e.tagName||"td"===e.tagName||"th"===e.tagName)for(n in i)o.call(i,n)&&void 0!==e.properties[n]&&(a(e,i[n],e.properties[n]),delete e.properties[n])}function a(e,n,t){var r=(e.properties.style||"").trim();r&&!/;\s*/.test(r)&&(r+=";"),r&&(r+=" ");var o=r+n+": "+t+";";e.properties.style=o}e.exports=function(e){return r(e,"element",s),e}},45938:e=>{function n(e){if("string"===typeof e)return function(e){return n;function n(n){return Boolean(n&&n.type===e)}}(e);if(null===e||void 0===e)return o;if("object"===typeof e)return("length"in e?r:t)(e);if("function"===typeof e)return e;throw new Error("Expected function, string, or object as test")}function t(e){return function(n){var t;for(t in e)if(n[t]!==e[t])return!1;return!0}}function r(e){var t=function(e){for(var t=[],r=e.length,o=-1;++o<r;)t[o]=n(e[o]);return t}(e),r=t.length;return function(){var e=-1;for(;++e<r;)if(t[e].apply(this,arguments))return!0;return!1}}function o(){return!0}e.exports=n},84962:(e,n,t)=>{e.exports=a;var r=t(45938),o=!0,i="skip",s=!1;function a(e,n,t,o){var a;function c(e,r,p){var u,d=[];return(n&&!a(e,r,p[p.length-1]||null)||(d=l(t(e,p)))[0]!==s)&&e.children&&d[0]!==i?(u=l(function(e,n){var t,r=-1,i=o?-1:1,a=(o?e.length:r)+i;for(;a>r&&a<e.length;){if((t=c(e[a],a,n))[0]===s)return t;a="number"===typeof t[1]?t[1]:a+i}}(e.children,p.concat(e))),u[0]===s?u:d):d}"function"===typeof n&&"function"!==typeof t&&(o=t,t=n,n=null),a=r(n),c(e,null,[])}function l(e){return null!==e&&"object"===typeof e&&"length"in e?e:"number"===typeof e?[o,e]:[e]}a.CONTINUE=o,a.SKIP=i,a.EXIT=s},44231:(e,n,t)=>{e.exports=a;var r=t(84962),o=r.CONTINUE,i=r.SKIP,s=r.EXIT;function a(e,n,t,o){"function"===typeof n&&"function"!==typeof t&&(o=t,t=n,n=null),r(e,n,(function(e,n){var r=n[n.length-1],o=r?r.children.indexOf(e):null;return t(e,o,r)}),o)}a.CONTINUE=o,a.SKIP=i,a.EXIT=s},48086:(e,n,t)=>{var r=t(71600);n.Z=void 0;var o=r(t(56930)),i=t(96266);n.Z=(0,o.default)((0,i.jsx)("path",{d:"m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"}),"ArrowForward")}}]);