@abtnode/webapp 1.16.20 → 1.16.21-beta-edf184e1

package/build/static/js/{5979.bd3d3c0f.chunk.js → 5979.4e4ebbf1.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[5979],{75979:(e,t,s)=>{s.r(t),s.d(t,{default:()=>Je});var n,a,r=s(71171),i=s(5057),o=s(55898),l=s.n(o),c=s(33518),d=s(44919),m=s(39948),p=s(86229),u=s(68420),h=s(28726),f=s(17682),x=s(44846),j=s(24558),g=s(18067),y=s(18945),Z=s(72904),v=s(58238),C=s(17425),b=s(14491),S=s(63406),P=s(82638),w=s(18901),k=s(25842),D=s.n(k),N=s(13128),T=s(67680),I=s(26174),z=s(88092),A=s(78150),F=s(70461),R=s(99607),_=s.n(R),W=s(55372),E=s(11750),L=s(47020),B=s(88574),q=s(96266);function O(e){let{teamDid:t,onCancel:s,onSuccess:n,onError:a,mode:r,item:o}=e;const{api:l}=(0,v.h6)(),[c,d]=(0,i.useState)(!1),[m,p]=(0,i.useState)(""),{t:f}=(0,u.PE)(),[j,g]=(0,i.useState)(o.title||""),[y,Z]=(0,i.useState)(o.description||""),C=(0,q.jsxs)("div",{children:["update"===r&&(0,q.jsx)(E.Z,{component:"div",style:{paddingTop:24},children:(0,q.jsx)(L.Z,{label:"ID",autoComplete:"off",variant:"outlined",name:"url","data-cy":"mutate-role-input-name",fullWidth:!0,autoFocus:!0,value:o.name,disabled:!0})}),(0,q.jsx)(E.Z,{component:"div",style:{marginTop:24},children:(0,q.jsx)(L.Z,{label:f("common.title"),autoComplete:"off",variant:"outlined",name:"title","data-cy":"mutate-role-input-title",fullWidth:!0,autoFocus:!0,value:j,onChange:e=>{p(null),g(e.target.value)},disabled:"update"===r||c,helperText:f("team.passport.create.titleTip")})}),(0,q.jsx)(E.Z,{component:"div",style:{marginTop:24,marginBottom:24},children:(0,q.jsx)(L.Z,{label:f("common.description"),autoComplete:"off",variant:"outlined",name:"description","data-cy":"mutate-role-input-description",fullWidth:!0,autoFocus:!0,value:y,onChange:e=>{p(null),Z(e.target.value)},disabled:c,multiline:!0,rows:3})})]});return(0,q.jsxs)(N.ZP,{title:"create"===r?f("team.passport.create.title"):"",fullWidth:!0,open:!0,onClose:s,showCloseButton:!1,actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(h.Z,{onClick:s,color:"inherit",children:f("common.cancel")}),(0,q.jsxs)(h.Z,{"data-cy":"mutate-role-confirm",onClick:async()=>{const e=j.trim();if(!e)return void p(f("team.passport.error.titleEmpty"));if(e.length>64)return void p(f("team.passport.error.titleTooLong",{length:64}));const s=y.replace(/\n/g," ");if(!s)return void p(f("team.passport.error.descriptionEmpty"));const i="create"===r?_()(e):o.name;p(null),d(!0);try{"create"===r?await l.createRole({input:{teamDid:t,name:i,title:e,description:s}}):await l.updateRole({input:{teamDid:t,role:{name:i,title:e,description:s}}}),n()}catch(c){const e=(0,b.Z)(c);p(e),a(c)}finally{d(!1)}},color:"primary",disabled:c,variant:"contained",autoFocus:!0,children:[c&&(0,q.jsx)(x.Z,{size:16}),f("create"===r?"common.create":"common.update")]})]}),children:[(0,q.jsx)(W.Z,{component:"div",children:C}),!!m&&(0,q.jsx)(B.Z,{type:"error",variant:"icon",style:{width:"100%",margin:0},children:m})]})}function M(e){let{onCancel:t,onSuccess:s,onDelete:n,roleName:a,hasPermission:r}=e;const{api:o}=(0,v.h6)(),{roles:l,permissions:c,teamDid:d,refresh:m,isNodeTeam:f}=(0,C.DJ)(),{t:g}=(0,u.PE)(),[y,Z]=(0,i.useState)([]),[S,P]=(0,i.useState)(!1),[w,k]=(0,i.useState)(null),[R,_]=(0,i.useState)(!1),W=D()(l.find((e=>e.name===a))),E=(0,b.vd)(a);(0,i.useEffect)((()=>{d&&a&&(async(e,t)=>{const s=(await o.getPermissionsByRole({input:{teamDid:e,role:{name:t}}})).permissions||[],n=c.map((e=>({...e,bind:s.some((t=>t.name===e.name))})));Z(n)})(d,a)}),[d,a]);const L=f||!r;let B=null;return f&&(B=(0,q.jsxs)("div",{className:"bind",children:[(0,q.jsx)("div",{className:"title",children:g("common.permission")}),(0,q.jsx)("div",{className:"list",children:y.filter((e=>!L||e.bind)).map((e=>(0,q.jsx)("div",{className:"item",children:(0,q.jsx)(I.Z,{control:(0,q.jsx)(z.Z,{disabled:L,checked:e.bind,onChange:()=>{Z((t=>t.map((t=>(t.name===e.name&&(t.bind=!t.bind),t)))))},name:e.name}),label:e.description})})))})]})),(0,q.jsxs)(N.ZP,{title:g("common.passport"),onClose:t,open:!0,fullWidth:!0,toolbar:r&&!E&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(T.Z,{onClick:()=>P(W),"data-cy":"edit-passport-".concat(W.name),size:"large",children:(0,q.jsx)(j.Z,{fill:"#bfbfbf"})}),(0,q.jsx)(T.Z,{onClick:()=>k({title:g("team.passport.delete.title"),description:g("team.passport.delete.description",{name:W.title}),confirm:g("common.delConfirm"),cancel:g("common.cancel"),onConfirm:()=>{(async e=>{if(!R)try{_(!0),await o.deleteRole({input:{teamDid:d,name:e}}),n()}catch(t){p.Z.error(t.message)}finally{_(!1),k(null)}})(W.name)},onCancel:()=>{_(!1),k(null)}}),"data-cy":"delete-passport-".concat(W.name),size:"large",children:(0,q.jsx)(A.Z,{"data-cy":"close-passport-dialog",fill:"#bfbfbf"})})]}),actions:f&&!L&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(h.Z,{onClick:t,color:"inherit",children:g("common.cancel")}),(0,q.jsxs)(h.Z,{onClick:async()=>{_(!0);const e=y.filter((e=>e.bind)).map((e=>e.name));try{await o.updatePermissionsForRole({input:{teamDid:d,roleName:W.name,grantNames:e}}),p.Z.success(g("common.saveSuccess")),s()}catch(t){p.Z.error((0,b.Z)(t))}finally{_(!1)}},color:"primary",disabled:R||!W,variant:"contained",autoFocus:!0,"data-cy":"bind-permission-btn-confirm",children:[R&&(0,q.jsx)(x.Z,{size:16}),g("common.save")]})]}),children:[(0,q.jsxs)(J,{children:[!W&&(0,q.jsx)(K,{children:(0,q.jsx)(x.Z,{})}),W&&(0,q.jsxs)("div",{className:"dialog-content",children:[(0,q.jsxs)("div",{className:"header",children:[(0,q.jsx)("div",{className:"title",children:W.title}),(0,q.jsx)("div",{className:"description",style:{marginTop:f?16:48},children:W.description})]}),B]})]}),S&&(0,q.jsx)(O,{teamDid:d,onCancel:()=>P(null),onSuccess:()=>{P(null),m()},mode:"update",roleName:S.name,item:S}),w&&(0,q.jsx)(F.Z,{title:w.title,description:w.description,confirm:w.confirm,cancel:w.cancel,params:w.params,onConfirm:w.onConfirm,onCancel:w.onCancel})]})}O.propTypes={teamDid:l().string.isRequired,onCancel:l().func.isRequired,onSuccess:l().func.isRequired,onError:l().func,mode:l().oneOf(["create","update"]),item:l().object},O.defaultProps={onError:()=>{},mode:"create",item:{}};const V=(0,S.V)(M,"mutate_team"),H=(0,S.V)(M,"",b.Wf);function G(e){const{inService:t}=(0,v.h6)();return t?(0,q.jsx)(H,{...e}):(0,q.jsx)(V,{...e})}M.propTypes={roleName:l().string.isRequired,onCancel:l().func.isRequired,onSuccess:l().func.isRequired,onDelete:l().func.isRequired,hasPermission:l().bool},M.defaultProps={hasPermission:!1};const J=c.Z.div(n||(n=(0,r.Z)(["\n  .header {\n    .title {\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 28px;\n      color: #222222;\n    }\n\n    .description {\n      margin-top: 16px;\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 19px;\n      color: #999999;\n    }\n  }\n\n  .bind {\n    margin-top: 24px;\n    .title {\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 19px;\n      color: #666666;\n      margin-bottom: 24px;\n    }\n    .item {\n      margin-top: 24px;\n    }\n\n    .MuiFormControlLabel-label {\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 19px;\n      color: #666;\n    }\n\n    .PrivateSwitchBase-root-45 {\n      padding: 0;\n      padding-right: 12px;\n    }\n  }\n"]))),K=c.Z.div(a||(a=(0,r.Z)(["\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 200px;\n"])));var Y=s(67486),U=s(49777),Q=s.n(U),X=s(38242),$=s(76818),ee=s(76811),te=s(29054);function se(e){let{onCancel:t,onSuccess:s}=e;const{api:n}=(0,v.h6)(),{blocklet:a}=(0,te.y0)(),{t:r}=(0,u.PE)(),[o,l]=(0,i.useState)(!1),c=(a.environments.find((e=>"BLOCKLET_PASSPORT_COLOR"===e.key))||{}).value||"auto",d="auto"===c?(0,$.getPassportColorFromDid)(a.appDid):c,[f,j]=(0,i.useState)(d);return(0,q.jsx)(N.ZP,{title:r("team.passport.color"),onClose:t,open:!0,fullWidth:!0,actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(h.Z,{onClick:t,color:"inherit",children:r("common.cancel")}),(0,q.jsxs)(h.Z,{onClick:async()=>{const e=[{key:ee.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_PASSPORT_COLOR,value:f}];try{l(!0),await n.configBlocklet({input:{did:a.meta.did,configs:e}}),s()}catch(t){p.Z.error(t.message)}finally{l(!1)}},color:"primary",disabled:o,variant:"contained",autoFocus:!0,"data-cy":"color-btn-confirm",children:[o&&(0,q.jsx)(x.Z,{size:16}),r("common.save")]})]}),children:(0,q.jsxs)(m.Z,{display:"flex",justifyContent:"center",alignItems:"center",className:"dialog-content",children:[(0,q.jsx)(Y.AI,{color:f,onChange:e=>j(e.hex)}),(0,q.jsx)("div",{style:{width:220,marginLeft:24},dangerouslySetInnerHTML:{__html:Q()({title:"Owner",issuer:(0,X.getDisplayName)(a),issuerDid:a.appDid,ownerName:"Your Name",ownerDid:a.appDid,preferredColor:f})}})]})})}const ne=(0,S.V)(se,"mutate_team"),ae=(0,S.V)(se,"",b.Wf);function re(e){const{inService:t}=(0,v.h6)();return t?(0,q.jsx)(ae,{...e}):(0,q.jsx)(ne,{...e})}se.propTypes={onCancel:l().func.isRequired,onSuccess:l().func.isRequired},se.defaultProps={};var ie,oe=s(25710),le=s(17450),ce=s(76007),de=s(74490),me=s(35432),pe=function(e){return(0,q.jsx)("svg",{...e,children:(0,q.jsx)("path",{d:"M64.707 8.707a1 1 0 0 0 0-1.414L58.343.929a1 1 0 1 0-1.414 1.414L62.586 8l-5.657 5.657a1 1 0 0 0 1.414 1.414l6.364-6.364zM0 9h64V7H0v2z",fill:"#666"})})};pe.defaultProps={width:"65",height:"16",viewBox:"0 0 65 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"};const ue=(e,t)=>!!e&&!t.some((e=>!e.from.passport||!e.to.role));function he(e){let{onCancel:t,onSuccess:s,data:n,trustedPassports:a}=e;const{api:r}=(0,v.h6)(),{roles:o,teamDid:l}=(0,C.DJ)(),{t:c}=(0,u.PE)(),[d,f]=(0,i.useState)(!1),[j,g]=(0,i.useState)(n.issuerDid||""),[y,Z]=(0,i.useState)(n.remark||""),[S,P]=(0,i.useState)(D()(n.mappings)||[]),w=a.findIndex((e=>e.issuerDid===n.issuerDid));return(0,q.jsx)(N.ZP,{title:c("team.passport.trustedIssuers"),open:!0,showCloseButton:!1,PaperProps:{style:{minHeight:"80vh"}},fullWidth:!0,prepend:(0,q.jsx)(T.Z,{onClick:t,"data-cy":"trusted-issuer-close",size:"large",children:(0,q.jsx)(ce.Z,{})}),actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(h.Z,{onClick:t,color:"inherit",children:c("common.cancel")}),(0,q.jsxs)(h.Z,{onClick:()=>(async()=>{if(d)return;const e={issuerDid:j,remark:y,mappings:S},t=[...a];-1===w?t.unshift(e):t[w]=e;try{f(!0),await r.configTrustedPassports({input:{teamDid:l,trustedPassports:t}}),await(0,b._v)(800),f(!1),p.Z.success(c("common.saveSuccess")),s()}catch(n){f(!1),p.Z.error((0,b.Z)(n))}})(),color:"primary",disabled:!ue(j,S)||!y||d,variant:"contained",autoFocus:!0,"data-cy":"save-mapping",children:[d&&(0,q.jsx)(x.Z,{size:16}),c("common.save")]})]}),children:(0,q.jsx)(fe,{children:(0,q.jsxs)("div",{className:"dialog-content",children:[(0,q.jsx)(L.Z,{fullWidth:!0,"data-cy":"input-issuer-did",placeholder:c("team.passport.issuerDid"),value:j,onChange:e=>{g(e.target.value)}}),(0,q.jsx)(L.Z,{style:{marginTop:16},fullWidth:!0,"data-cy":"input-issuer-remark",placeholder:c("common.remark"),value:y,onChange:e=>{Z(e.target.value)}}),(0,q.jsxs)(m.Z,{mt:"30px",display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,q.jsx)(m.Z,{className:"dialog-h1",children:c("team.passport.mappingRule")}),(0,q.jsx)(m.Z,{children:(0,q.jsx)(h.Z,{variant:"outlined",color:"primary","data-cy":"add-mapping",onClick:()=>{P((e=>{const t=[...e];return t.unshift({from:{passport:""},to:{role:me.ROLES.GUEST}}),t}))},children:c("team.add")})})]}),(0,q.jsxs)(m.Z,{className:"list",mt:-.5,children:[S.map(((e,t)=>(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",my:3,children:[(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",flexGrow:1,children:[(0,q.jsx)(m.Z,{flexGrow:1,flexBasis:1,children:(0,q.jsx)(L.Z,{fullWidth:!0,size:"small","data-cy":"input-".concat(t,"-from"),placeholder:"Issuer\u2019s Passport Name/ID",value:e.from.passport,onChange:e=>{const{value:s}=e.target;P((e=>{const n=[...e];return n[t].from.passport=s,n}))}})}),(0,q.jsx)(m.Z,{flexShrink:0,mx:4,children:(0,q.jsx)(pe,{})}),(0,q.jsx)(m.Z,{flexGrow:1,flexBasis:1,children:(0,q.jsx)(L.Z,{fullWidth:!0,size:"small",select:!0,value:e.to.role,onChange:e=>{P((s=>{const n=[...s];return n[t].to.role=e.target.value,n}))},variant:"outlined",children:o.filter((e=>"owner"!==e.name)).map((e=>(0,q.jsx)(de.Z,{value:e.name,"data-cy":"passport-mapping-select-option-".concat(e.name),children:(0,q.jsx)("span",{children:e.title||e.name})},e.name)))})})]}),(0,q.jsx)(m.Z,{flexShrink:0,ml:4,children:(0,q.jsx)(T.Z,{onClick:()=>{P((e=>{const s=[...e];return s.splice(t,1),s}))},size:"large",children:(0,q.jsx)(A.Z,{})})})]},"mapping-".concat(t)))),!S.length&&(0,q.jsx)(m.Z,{my:2,color:"text.secondary",fontSize:"16px",children:(0,q.jsx)(oe.Z,{children:c("common.empty")})})]})]})})})}he.propTypes={onCancel:l().func.isRequired,onSuccess:l().func.isRequired,trustedPassports:l().array,data:l().object},he.defaultProps={data:{},trustedPassports:[]};const fe=c.Z.div(ie||(ie=(0,r.Z)(["\n  .dialog-h1 {\n    font-size: 18px;\n  }\n\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));var xe;function je(e){let{onCancel:t,hasPermission:s}=e;const{api:n}=(0,v.h6)(),{teamDid:a,trustedPassports:r}=(0,C.DJ)(),{t:o}=(0,u.PE)(),[l,c]=(0,i.useState)(null),[f,x]=(0,i.useState)(!1),[g,y]=(0,i.useState)(!1),[Z,S]=(0,i.useState)(""),k=r.filter((e=>!Z||e.issuerDid.toLowerCase().includes(Z.toLowerCase())));return(0,q.jsxs)(N.ZP,{title:o("team.passport.trustedIssuers"),open:!0,onClose:t,fullWidth:!0,PaperProps:{style:{minHeight:"80vh"}},children:[(0,q.jsx)(ve,{children:(0,q.jsxs)("div",{className:"dialog-content",children:[(0,q.jsx)("div",{className:"dialog-h1",children:o("team.passport.trustedPassportIssuers")}),(0,q.jsxs)(m.Z,{component:w.Z,mt:3,children:[(0,q.jsx)("div",{className:"left",children:(0,q.jsx)(P.Z,{placeholder:o("team.passport.searchIssuerDid"),value:Z,onChange:e=>S(e.target.value)})}),(0,q.jsx)("div",{className:"right",children:s&&(0,q.jsxs)(h.Z,{variant:"contained",color:"primary","data-cy":"add-trusted-issuer",onClick:()=>y({mode:"add"}),children:[(0,q.jsx)(d.Z,{style:{fontSize:16,marginRight:4}}),o("team.add")]})})]}),(0,q.jsxs)("div",{className:"list",children:[k.map((e=>(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",mt:"20px",children:[(0,q.jsxs)(m.Z,{flexShrink:0,children:[(0,q.jsx)(le.Z,{copyable:!1,size:16,did:e.issuerDid,showDidLogo:!1}),!!e.remark&&(0,q.jsx)(m.Z,{pl:3.5,fontSize:12,maxWidth:"300px",children:e.remark})]}),(0,q.jsx)(m.Z,{color:"gray",ml:"28px",flexGrow:1,children:e.mappings&&e.mappings.length?"".concat(e.mappings.length," ").concat(o("team.passport.mappingRule")):o("team.passport.defaultRule")}),(0,q.jsxs)(m.Z,{flexShrink:0,display:"flex",alignItems:"center",children:[(0,q.jsx)(T.Z,{onClick:()=>y({mode:"update",data:D()(e)}),"data-cy":"edit-mapping-rule",size:"large",children:(0,q.jsx)(j.Z,{})}),(0,q.jsx)(T.Z,{"data-cy":"delete-mapping-rule",onClick:()=>c({title:o("common.delete"),description:o("common.delConfirmDescription",{data:e.issuerDid}),confirm:o("common.delConfirm"),cancel:o("common.cancel"),onConfirm:()=>(async e=>{if(f)return;const t=r.findIndex((t=>t.issuerDid===e));-1===t&&p.Z.error("Cannot find passports");const s=[...r];s.splice(t,1);try{x(!0),await n.configTrustedPassports({input:{teamDid:a,trustedPassports:s}}),await(0,b._v)(800),x(!1),p.Z.success(o("common.saveSuccess")),c(!1)}catch(i){x(!1),p.Z.error(i.message)}})(e.issuerDid),onCancel:()=>{x(!1),c(null)}}),size:"large",children:(0,q.jsx)(A.Z,{})})]})]},e.issuerDid))),!r.length&&(0,q.jsx)(oe.Z,{children:o("common.empty")})]})]})}),g&&(0,q.jsx)(he,{mode:g.mode,data:g.data,trustedPassports:D()(r),onCancel:()=>y(null),onSuccess:()=>{y(null)}}),l&&(0,q.jsx)(F.Z,{title:l.title,description:l.description,confirm:l.confirm,cancel:l.cancel,params:l.params,onConfirm:l.onConfirm,onCancel:l.onCancel})]})}je.propTypes={onCancel:l().func.isRequired,hasPermission:l().bool},je.defaultProps={hasPermission:!1};const ge=(0,S.V)(je,"mutate_team"),ye=(0,S.V)(je,"",b.Wf);function Ze(e){const{inService:t}=(0,v.h6)();return t?(0,q.jsx)(ye,{...e}):(0,q.jsx)(ge,{...e})}const ve=c.Z.div(xe||(xe=(0,r.Z)(["\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));var Ce=s(19778),be=s(67313),Se=s.n(be),Pe=s(61111),we=s(75239),ke=s(6041),De=s(12594),Ne=s(90067),Te=s(53070),Ie=s(27684),ze=s(14307),Ae=s(31853),Fe=s(24411),Re=s.n(Fe);const _e={};var We;function Ee(e){var t,s,n;let{onCancel:a,onSuccess:r,data:o,trustedFactories:l}=e;const{api:c}=(0,v.h6)(),{roles:d,teamDid:m}=(0,C.DJ)(),{t:f}=(0,u.PE)(),[j,g]=(0,Ae.Z)({loading:!1,fetching:!1,fetched:[],errored:[],factoryAddress:o.factoryAddress||"",remark:o.remark||"",role:(null===(t=o.passport)||void 0===t?void 0:t.role)||"member",ttlPolicy:(null===(s=o.passport)||void 0===s?void 0:s.ttlPolicy)||"never",ttl:Se()(+(null===(n=o.passport)||void 0===n?void 0:n.ttl)||31536e6),error:""}),y=l.findIndex((e=>e.factoryAddress===o.factoryAddress));(0,i.useEffect)((()=>{const e=j.fetched.find((e=>e.address===j.factoryAddress)),t=j.errored.find((e=>e.address===j.factoryAddress));if((0,Pe.isValid)(j.factoryAddress)&&!j.fetching&&!e&&!t){g({fetching:!0});(function(e){if(!e)return null;if(_e[e])return _e[e];const t=new(Re())(e);return _e[e]=t,t})(me.MAIN_CHAIN_ENDPOINT).getFactoryState({address:j.factoryAddress}).then((e=>{e.state?g({fetching:!1,fetched:[...j.fetched.filter((e=>e.address!==j.factoryAddress)),e.state],remark:e.state.name}):g({fetching:!1,errored:[...j.errored.filter((e=>e.address!==j.factoryAddress)),{address:j.factoryAddress}],error:f("team.passport.factory404",j)})})).catch((e=>{console.error(e),g({fetching:!1,error:(0,b.Z)(e)})}))}}),[j.factoryAddress,j.fetching]);let Z=j.error;const S=j.factoryAddress?j.errored.find((e=>e.address===j.factoryAddress)):null;!Z&&S&&(Z=f("team.passport.factory404",j));const P=j.factoryAddress?j.fetched.find((e=>e.address===j.factoryAddress)):null;return!Z&&P&&(Z=P.description),Z||(Z=f("team.passport.factoryAddressTip")),(0,q.jsx)(N.ZP,{title:f("team.passport.trustedFactories"),open:!0,showCloseButton:!1,PaperProps:{style:{minHeight:"80vh"}},fullWidth:!0,prepend:(0,q.jsx)(T.Z,{onClick:a,"data-cy":"close-trusted-factory",size:"large",children:(0,q.jsx)(ce.Z,{})}),actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(h.Z,{onClick:a,color:"inherit",children:f("common.cancel")}),(0,q.jsxs)(h.Z,{onClick:()=>(async()=>{if(j.loading)return;const{factoryAddress:e,remark:t,role:s,ttlPolicy:n,ttl:a}=j,i={factoryAddress:e,remark:t,passport:{role:s,ttlPolicy:n,ttl:"never"===n?0:Se()(a)}},o=[...l];-1===y?o.unshift(i):o[y]=i;try{g({loading:!0}),await c.configTrustedFactories({input:{teamDid:m,trustedFactories:o}}),await(0,b._v)(800),p.Z.success(f("common.saveSuccess")),r()}catch(d){console.error(d),p.Z.error((0,b.Z)(d))}finally{g({loading:!1})}})(),color:"primary",disabled:!j.factoryAddress||!j.remark||!j.role||j.loading||j.error||S,variant:"contained",autoFocus:!0,"data-cy":"save-trusted-factory",children:[j.loading&&(0,q.jsx)(x.Z,{size:16}),f("common.save")]})]}),children:(0,q.jsx)(Le,{children:(0,q.jsxs)("div",{className:"dialog-content",children:[(0,q.jsx)(L.Z,{fullWidth:!0,error:!!j.error||!!S,"data-cy":"input-factory-address",label:f("team.passport.factoryAddress"),helperText:Z,value:j.factoryAddress,InputProps:{endAdornment:j.fetching?(0,q.jsx)(Te.Z,{position:"end",children:(0,q.jsx)(x.Z,{size:16})}):null},onChange:e=>{g({factoryAddress:e.target.value,error:""})}}),(0,q.jsx)(L.Z,{style:{marginTop:32},fullWidth:!0,"data-cy":"input-factory-remark",label:f("common.remark"),value:j.remark,onChange:e=>{g({remark:e.target.value})}}),(0,q.jsx)(L.Z,{style:{marginTop:32},fullWidth:!0,"data-cy":"input-passport-role",label:f("team.passport.role"),select:!0,value:j.role,onChange:e=>{g({role:e.target.value})},variant:"outlined",children:d.filter((e=>"owner"!==e.name)).map((e=>(0,q.jsx)(de.Z,{value:e.name,"data-cy":"passport-role-select-option-".concat(e.name),children:(0,q.jsx)("span",{children:e.title||e.name})},e.name)))}),(0,q.jsxs)("div",{style:{marginTop:32},children:[(0,q.jsx)(ke.Z,{children:f("team.passport.ttl")}),(0,q.jsxs)(ze.Z,{color:"primary",size:"small",value:j.ttlPolicy,exclusive:!0,style:{marginTop:16},onChange:(e,t)=>g({ttlPolicy:t}),"data-cy":"input-passport-ttl-since","aria-label":"Expire Policy",children:[(0,q.jsx)(Ie.Z,{value:"never","data-cy":"input-passport-ttl-never",children:(0,q.jsx)(we.Z,{title:f("team.passport.ttlNeverTip"),children:(0,q.jsx)(E.Z,{children:f("team.passport.ttlNever")})})}),(0,q.jsx)(Ie.Z,{value:"mint","data-cy":"input-passport-ttl-mint",children:(0,q.jsx)(we.Z,{title:f("team.passport.ttlMintTip"),children:(0,q.jsx)(E.Z,{children:f("team.passport.ttlMint")})})}),(0,q.jsx)(Ie.Z,{value:"exchange","data-cy":"input-passport-ttl-exchange",children:(0,q.jsx)(we.Z,{title:f("team.passport.ttlExchangeTip"),children:(0,q.jsx)(E.Z,{children:f("team.passport.ttlExchange")})})})]}),"never"!==j.ttlPolicy&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(De.Z,{fullWidth:!0,type:"text",style:{marginTop:16},"data-cy":"input-passport-ttl",value:j.ttl,onChange:e=>{g({ttl:e.target.value})}}),(0,q.jsx)(Ne.Z,{children:f("team.passport.ttlTip")})]})]})]})})})}Ee.propTypes={onCancel:l().func.isRequired,onSuccess:l().func.isRequired,trustedFactories:l().array,data:l().object},Ee.defaultProps={data:{},trustedFactories:[]};const Le=c.Z.div(We||(We=(0,r.Z)(["\n  .dialog-h1 {\n    font-size: 18px;\n  }\n\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));var Be;function qe(e){let{onCancel:t,hasPermission:s}=e;const{api:n}=(0,v.h6)(),{teamDid:a,trustedFactories:r}=(0,C.DJ)(),{t:o}=(0,u.PE)(),[l,c]=(0,i.useState)(null),[f,x]=(0,i.useState)(!1),[g,y]=(0,i.useState)(null),[Z,S]=(0,i.useState)(""),k=r.filter((e=>!Z||e.factoryAddress.toLowerCase().includes(Z.toLowerCase())));return(0,q.jsxs)(N.ZP,{title:o("team.passport.trustedFactories"),open:!0,onClose:t,fullWidth:!0,PaperProps:{style:{minHeight:"80vh"}},children:[(0,q.jsx)(He,{children:(0,q.jsxs)("div",{className:"dialog-content",children:[(0,q.jsx)("div",{className:"dialog-h1",children:o("team.passport.trustedFactoriesTip")}),(0,q.jsxs)(m.Z,{component:w.Z,mt:3,children:[(0,q.jsx)("div",{className:"left",children:(0,q.jsx)(P.Z,{placeholder:o("team.passport.searchFactoryAddress"),value:Z,onChange:e=>S(e.target.value)})}),(0,q.jsx)("div",{className:"right",children:s&&(0,q.jsxs)(h.Z,{variant:"contained",color:"primary",size:"small","data-cy":"add-trusted-factory",onClick:()=>y({mode:"add"}),children:[(0,q.jsx)(d.Z,{style:{fontSize:16,marginRight:4}}),o("team.add")]})})]}),(0,q.jsxs)("div",{className:"list",children:[k.map((e=>(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",mt:"20px",children:[(0,q.jsxs)(m.Z,{flexGrow:1,children:[(0,q.jsx)(le.Z,{copyable:!1,did:e.factoryAddress,size:16,showDidLogo:!1}),!!e.remark&&(0,q.jsx)(m.Z,{fontSize:12,maxWidth:"300px",children:e.remark})]}),(0,q.jsx)(m.Z,{color:"gray",mr:"24px",children:(0,q.jsx)(Ce.Z,{type:"success",children:e.passport.role})}),(0,q.jsxs)(m.Z,{flexShrink:0,display:"flex",alignItems:"center",children:[(0,q.jsx)(T.Z,{onClick:()=>y({mode:"update",data:D()(e)}),"data-cy":"edit-trusted-factory",size:"large",children:(0,q.jsx)(j.Z,{})}),(0,q.jsx)(T.Z,{"data-cy":"delete-trusted-factory",onClick:()=>c({title:o("common.delete"),description:o("common.delConfirmDescription",{data:e.factoryAddress}),confirm:o("common.delConfirm"),cancel:o("common.cancel"),onConfirm:()=>(async e=>{if(!f)try{x(!0),await n.configTrustedFactories({input:{teamDid:a,trustedFactories:r.filter((t=>t.factoryAddress!==e))}}),await(0,b._v)(800),x(!1),p.Z.success(o("common.saveSuccess")),c(null)}catch(t){x(!1),p.Z.error(t.message)}})(e.factoryAddress),onCancel:()=>{x(!1),c(null)}}),size:"large",children:(0,q.jsx)(A.Z,{})})]})]},e.factoryAddress))),!r.length&&(0,q.jsx)(oe.Z,{children:o("common.empty")})]})]})}),g&&(0,q.jsx)(Ee,{data:g.data,trustedFactories:D()(r),onCancel:()=>y(null),onSuccess:()=>{y(null)}}),l&&(0,q.jsx)(F.Z,{title:l.title,description:l.description,confirm:l.confirm,cancel:l.cancel,params:l.params,onConfirm:l.onConfirm,onCancel:l.onCancel})]})}qe.propTypes={onCancel:l().func.isRequired,hasPermission:l().bool},qe.defaultProps={hasPermission:!1};const Oe=(0,S.V)(qe,"mutate_team"),Me=(0,S.V)(qe,"",b.Wf);function Ve(e){const{inService:t}=(0,v.h6)();return t?(0,q.jsx)(Me,{...e}):(0,q.jsx)(Oe,{...e})}const He=c.Z.div(Be||(Be=(0,r.Z)(["\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));var Ge;function Je(e){let{createPassportSvg:t}=e;const{t:s}=(0,i.useContext)(u.RD),{api:n,inService:a}=(0,v.h6)(),{roles:r,teamDid:o,teamIssuerDid:l,teamName:c,refresh:k,enablePassportIssuance:D,passportColor:N,isNodeTeam:T}=(0,C.DJ)(),[I,z]=(0,i.useState)(!1),[A,F]=(0,i.useState)(!1),[R,_]=(0,i.useState)(!1),[W,E]=(0,i.useState)(!1),[L,B]=(0,i.useState)(!1),[M,V]=(0,i.useState)(""),[H,J]=(0,i.useState)(!1),K=(0,Z.Z)((e=>e.breakpoints.down("md"))),Y=r.filter((e=>!M||e.title.includes(M)||e.name.includes(M)));return(0,q.jsxs)(Ke,{sx:{mt:a?6:0},children:[(0,q.jsxs)(w.Z,{children:[(0,q.jsx)("div",{className:"left",children:(0,q.jsx)(P.Z,{placeholder:s("team.passport.search"),value:M,onChange:e=>V(e.target.value)})}),(0,q.jsx)("div",{className:"right",children:(0,q.jsxs)(S.Z,{permission:a?"":"mutate_team",role:a?b.Wf:[],children:[(0,q.jsx)(f.Z,{variant:"outlined",menuButtonProps:{"data-cy":"trusted-issuers-more"},menu:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(f.Z.Item,{onClick:()=>B(!0),"data-cy":"config-show-trusted-factories",children:(0,q.jsxs)(m.Z,{children:[s("team.passport.configFactories"),(0,q.jsx)(m.Z,{fontSize:12,color:"#888",children:s("team.passport.configFactoriesTip")})]})}),(0,q.jsx)(f.Z.Item,{"data-cy":"config-show-issue-passport",onClick:async e=>{if(e.stopPropagation(),!H){J(!0);try{await n.configPassportIssuance({input:{teamDid:o,enable:!D}}),k(),await(0,b._v)(800),p.Z.success(s("common.configSuccess")),J(!1)}catch(t){p.Z.error(t.message),J(!1)}}},children:(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",children:[H&&(0,q.jsx)(x.Z,{size:16,style:{marginRight:8}}),(0,q.jsxs)(m.Z,{children:[s(D?"team.passport.disableIssuance":"team.passport.enableIssuance"),(0,q.jsx)(m.Z,{fontSize:12,color:"#888",children:s(D?"team.passport.disableIssuanceTip":"team.passport.enableIssuanceTip")})]})]})}),!T&&(0,q.jsx)(f.Z.Item,{onClick:()=>_(!0),"data-cy":"config-passport-color",children:(0,q.jsxs)(m.Z,{children:[s("team.passport.configColor"),(0,q.jsx)(m.Z,{fontSize:12,color:"#888",children:s("team.passport.configColorTip")})]})})]}),children:()=>(0,q.jsxs)(h.Z,{variant:"outlined","data-cy":"config-trusted-issuers",onClick:()=>{E(!0)},children:[(0,q.jsx)(y.Z,{style:{fontSize:16,marginRight:4}}),s("team.passport.trustedPassportIssuers")]})}),!T&&(0,q.jsxs)(h.Z,{style:{marginLeft:16},variant:"contained",edge:"end",color:"primary","data-cy":"create-role",onClick:()=>z(!0),children:[(0,q.jsx)(d.Z,{style:{fontSize:16,marginRight:4}}),s("team.add")]})]})})]}),(0,q.jsx)(m.Z,{mt:3}),(0,q.jsx)(m.Z,{className:"list",children:Y.map((e=>(0,q.jsxs)(m.Z,{"data-cy":"passport-".concat(e.name),sx:{display:"flex",justifyContent:"space-between"},className:"item",display:"flex",alignItems:"center",onClick:()=>F(e),children:[(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",children:[(0,q.jsx)("div",{style:{width:150},dangerouslySetInnerHTML:{__html:t({title:e.title,issuer:c,issuerDid:l,ownerName:"Your Name",ownerDid:l,preferredColor:N,width:"150px"})}}),(0,q.jsx)(m.Z,{ml:3,className:"title",children:e.title})]}),!K&&(0,q.jsx)(m.Z,{className:"description",children:e.description}),(0,q.jsx)(S.Z,{permission:a?"":"mutate_team",role:a?b.Wf:[],children:(0,q.jsx)("div",{className:"action",children:(0,b.vd)(e.name)?(0,q.jsx)(g.Z,{}):(0,q.jsx)(j.Z,{})})})]},e.name)))}),I&&(0,q.jsx)(O,{teamDid:o,onCancel:()=>z(!1),onSuccess:()=>{z(!1),k()}}),A&&(0,q.jsx)(G,{onCancel:()=>F(!1),onSuccess:()=>{F(!1),k()},onDelete:()=>{F(!1),k()},mode:"update",roleName:A.name,item:A}),W&&(0,q.jsx)(Ze,{onCancel:()=>E(!1)}),L&&(0,q.jsx)(Ve,{onCancel:()=>B(!1)}),R&&(0,q.jsx)(re,{onCancel:()=>_(!1),onSuccess:()=>_(!1)})]})}const Ke=(0,c.Z)(m.Z)(Ge||(Ge=(0,r.Z)(["\n  .list {\n    .item {\n      padding: 12px;\n      margin: 12px -12px;\n      cursor: pointer;\n      transition: box-shadow 0.4s;\n      &:hover {\n        box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);\n      }\n    }\n\n    .title {\n      font-weight: 400;\n      font-size: 18px;\n      width: 80px;\n      line-height: 21px;\n      color: #222222;\n    }\n\n    .description {\n      flex: 1;\n      margin-left: 64px;\n      color: #999999;\n    }\n\n    .action {\n      color: #bfbfbf;\n      fill: #bfbfbf;\n    }\n  }\n"])));Je.propTypes={createPassportSvg:l().func.isRequired},Je.defaultProps={}}}]);
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[5979],{75979:(e,t,s)=>{s.r(t),s.d(t,{default:()=>Je});var n,a,r=s(71171),i=s(5057),o=s(55898),l=s.n(o),c=s(33518),d=s(44919),m=s(39948),p=s(86229),u=s(68420),h=s(28726),f=s(17682),x=s(44846),j=s(24558),g=s(18067),y=s(18945),Z=s(72904),v=s(58238),C=s(17425),b=s(14491),S=s(63406),P=s(82638),w=s(18901),k=s(25842),D=s.n(k),N=s(13128),T=s(67680),I=s(26174),z=s(88092),A=s(78150),F=s(70461),R=s(99607),_=s.n(R),W=s(55372),E=s(11750),L=s(47020),B=s(88574),q=s(96266);function O(e){let{teamDid:t,onCancel:s,onSuccess:n,onError:a,mode:r,item:o}=e;const{api:l}=(0,v.h6)(),[c,d]=(0,i.useState)(!1),[m,p]=(0,i.useState)(""),{t:f}=(0,u.PE)(),[j,g]=(0,i.useState)(o.title||""),[y,Z]=(0,i.useState)(o.description||""),C=(0,q.jsxs)("div",{children:["update"===r&&(0,q.jsx)(E.Z,{component:"div",style:{paddingTop:24},children:(0,q.jsx)(L.Z,{label:"ID",autoComplete:"off",variant:"outlined",name:"url","data-cy":"mutate-role-input-name",fullWidth:!0,autoFocus:!0,value:o.name,disabled:!0})}),(0,q.jsx)(E.Z,{component:"div",style:{marginTop:24},children:(0,q.jsx)(L.Z,{label:f("common.title"),autoComplete:"off",variant:"outlined",name:"title","data-cy":"mutate-role-input-title",fullWidth:!0,autoFocus:!0,value:j,onChange:e=>{p(null),g(e.target.value)},disabled:"update"===r||c,helperText:f("team.passport.create.titleTip")})}),(0,q.jsx)(E.Z,{component:"div",style:{marginTop:24,marginBottom:24},children:(0,q.jsx)(L.Z,{label:f("common.description"),autoComplete:"off",variant:"outlined",name:"description","data-cy":"mutate-role-input-description",fullWidth:!0,autoFocus:!0,value:y,onChange:e=>{p(null),Z(e.target.value)},disabled:c,multiline:!0,rows:3})})]});return(0,q.jsxs)(N.ZP,{title:"create"===r?f("team.passport.create.title"):"",fullWidth:!0,open:!0,onClose:s,showCloseButton:!1,actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(h.Z,{onClick:s,color:"inherit",children:f("common.cancel")}),(0,q.jsxs)(h.Z,{"data-cy":"mutate-role-confirm",onClick:async()=>{const e=j.trim();if(!e)return void p(f("team.passport.error.titleEmpty"));if(e.length>64)return void p(f("team.passport.error.titleTooLong",{length:64}));const s=y.replace(/\n/g," ");if(!s)return void p(f("team.passport.error.descriptionEmpty"));const i="create"===r?_()(e):o.name;p(null),d(!0);try{"create"===r?await l.createRole({input:{teamDid:t,name:i,title:e,description:s}}):await l.updateRole({input:{teamDid:t,role:{name:i,title:e,description:s}}}),n()}catch(c){const e=(0,b.Z)(c);p(e),a(c)}finally{d(!1)}},color:"primary",disabled:c,variant:"contained",autoFocus:!0,children:[c&&(0,q.jsx)(x.Z,{size:16}),f("create"===r?"common.create":"common.update")]})]}),children:[(0,q.jsx)(W.Z,{component:"div",children:C}),!!m&&(0,q.jsx)(B.Z,{type:"error",variant:"icon",style:{width:"100%",margin:0},children:m})]})}function M(e){let{onCancel:t,onSuccess:s,onDelete:n,roleName:a,hasPermission:r}=e;const{api:o}=(0,v.h6)(),{roles:l,permissions:c,teamDid:d,refresh:m,isNodeTeam:f}=(0,C.DJ)(),{t:g}=(0,u.PE)(),[y,Z]=(0,i.useState)([]),[S,P]=(0,i.useState)(!1),[w,k]=(0,i.useState)(null),[R,_]=(0,i.useState)(!1),W=D()(l.find((e=>e.name===a))),E=(0,b.vd)(a);(0,i.useEffect)((()=>{d&&a&&(async(e,t)=>{const s=(await o.getPermissionsByRole({input:{teamDid:e,role:{name:t}}})).permissions||[],n=c.map((e=>({...e,bind:s.some((t=>t.name===e.name))})));Z(n)})(d,a)}),[d,a]);const L=f||!r;let B=null;return f&&(B=(0,q.jsxs)("div",{className:"bind",children:[(0,q.jsx)("div",{className:"title",children:g("common.permission")}),(0,q.jsx)("div",{className:"list",children:y.filter((e=>!L||e.bind)).map((e=>(0,q.jsx)("div",{className:"item",children:(0,q.jsx)(I.Z,{control:(0,q.jsx)(z.Z,{disabled:L,checked:e.bind,onChange:()=>{Z((t=>t.map((t=>(t.name===e.name&&(t.bind=!t.bind),t)))))},name:e.name}),label:e.description})})))})]})),(0,q.jsxs)(N.ZP,{title:g("common.passport"),onClose:t,open:!0,fullWidth:!0,toolbar:r&&!E&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(T.Z,{onClick:()=>P(W),"data-cy":"edit-passport-".concat(W.name),size:"large",children:(0,q.jsx)(j.Z,{fill:"#bfbfbf"})}),(0,q.jsx)(T.Z,{onClick:()=>k({title:g("team.passport.delete.title"),description:g("team.passport.delete.description",{name:W.title}),confirm:g("common.delConfirm"),cancel:g("common.cancel"),onConfirm:()=>{(async e=>{if(!R)try{_(!0),await o.deleteRole({input:{teamDid:d,name:e}}),n()}catch(t){p.Z.error(t.message)}finally{_(!1),k(null)}})(W.name)},onCancel:()=>{_(!1),k(null)}}),"data-cy":"delete-passport-".concat(W.name),size:"large",children:(0,q.jsx)(A.Z,{"data-cy":"close-passport-dialog",fill:"#bfbfbf"})})]}),actions:f&&!L&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(h.Z,{onClick:t,color:"inherit",children:g("common.cancel")}),(0,q.jsxs)(h.Z,{onClick:async()=>{_(!0);const e=y.filter((e=>e.bind)).map((e=>e.name));try{await o.updatePermissionsForRole({input:{teamDid:d,roleName:W.name,grantNames:e}}),p.Z.success(g("common.saveSuccess")),s()}catch(t){p.Z.error((0,b.Z)(t))}finally{_(!1)}},color:"primary",disabled:R||!W,variant:"contained",autoFocus:!0,"data-cy":"bind-permission-btn-confirm",children:[R&&(0,q.jsx)(x.Z,{size:16}),g("common.save")]})]}),children:[(0,q.jsxs)(J,{children:[!W&&(0,q.jsx)(K,{children:(0,q.jsx)(x.Z,{})}),W&&(0,q.jsxs)("div",{className:"dialog-content",children:[(0,q.jsxs)("div",{className:"header",children:[(0,q.jsx)("div",{className:"title",children:W.title}),(0,q.jsx)("div",{className:"description",style:{marginTop:f?16:48},children:W.description})]}),B]})]}),S&&(0,q.jsx)(O,{teamDid:d,onCancel:()=>P(null),onSuccess:()=>{P(null),m()},mode:"update",roleName:S.name,item:S}),w&&(0,q.jsx)(F.Z,{title:w.title,description:w.description,confirm:w.confirm,cancel:w.cancel,params:w.params,onConfirm:w.onConfirm,onCancel:w.onCancel})]})}O.propTypes={teamDid:l().string.isRequired,onCancel:l().func.isRequired,onSuccess:l().func.isRequired,onError:l().func,mode:l().oneOf(["create","update"]),item:l().object},O.defaultProps={onError:()=>{},mode:"create",item:{}};const V=(0,S.V)(M,"mutate_team"),H=(0,S.V)(M,"",b.Wf);function G(e){const{inService:t}=(0,v.h6)();return t?(0,q.jsx)(H,{...e}):(0,q.jsx)(V,{...e})}M.propTypes={roleName:l().string.isRequired,onCancel:l().func.isRequired,onSuccess:l().func.isRequired,onDelete:l().func.isRequired,hasPermission:l().bool},M.defaultProps={hasPermission:!1};const J=c.Z.div(n||(n=(0,r.Z)(["\n  .header {\n    .title {\n      font-weight: 400;\n      font-size: 24px;\n      line-height: 28px;\n      color: #222222;\n    }\n\n    .description {\n      margin-top: 16px;\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 19px;\n      color: #999999;\n    }\n  }\n\n  .bind {\n    margin-top: 24px;\n    .title {\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 19px;\n      color: #666666;\n      margin-bottom: 24px;\n    }\n    .item {\n      margin-top: 24px;\n    }\n\n    .MuiFormControlLabel-label {\n      font-weight: 400;\n      font-size: 16px;\n      line-height: 19px;\n      color: #666;\n    }\n\n    .PrivateSwitchBase-root-45 {\n      padding: 0;\n      padding-right: 12px;\n    }\n  }\n"]))),K=c.Z.div(a||(a=(0,r.Z)(["\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 200px;\n"])));var Y=s(67486),U=s(49777),Q=s.n(U),X=s(38242),$=s(76818),ee=s(77277),te=s(29054);function se(e){let{onCancel:t,onSuccess:s}=e;const{api:n}=(0,v.h6)(),{blocklet:a}=(0,te.y0)(),{t:r}=(0,u.PE)(),[o,l]=(0,i.useState)(!1),c=(a.environments.find((e=>"BLOCKLET_PASSPORT_COLOR"===e.key))||{}).value||"auto",d="auto"===c?(0,$.getPassportColorFromDid)(a.appDid):c,[f,j]=(0,i.useState)(d);return(0,q.jsx)(N.ZP,{title:r("team.passport.color"),onClose:t,open:!0,fullWidth:!0,actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(h.Z,{onClick:t,color:"inherit",children:r("common.cancel")}),(0,q.jsxs)(h.Z,{onClick:async()=>{const e=[{key:ee.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_PASSPORT_COLOR,value:f}];try{l(!0),await n.configBlocklet({input:{did:a.meta.did,configs:e}}),s()}catch(t){p.Z.error(t.message)}finally{l(!1)}},color:"primary",disabled:o,variant:"contained",autoFocus:!0,"data-cy":"color-btn-confirm",children:[o&&(0,q.jsx)(x.Z,{size:16}),r("common.save")]})]}),children:(0,q.jsxs)(m.Z,{display:"flex",justifyContent:"center",alignItems:"center",className:"dialog-content",children:[(0,q.jsx)(Y.AI,{color:f,onChange:e=>j(e.hex)}),(0,q.jsx)("div",{style:{width:220,marginLeft:24},dangerouslySetInnerHTML:{__html:Q()({title:"Owner",issuer:(0,X.getDisplayName)(a),issuerDid:a.appDid,ownerName:"Your Name",ownerDid:a.appDid,preferredColor:f})}})]})})}const ne=(0,S.V)(se,"mutate_team"),ae=(0,S.V)(se,"",b.Wf);function re(e){const{inService:t}=(0,v.h6)();return t?(0,q.jsx)(ae,{...e}):(0,q.jsx)(ne,{...e})}se.propTypes={onCancel:l().func.isRequired,onSuccess:l().func.isRequired},se.defaultProps={};var ie,oe=s(25710),le=s(17450),ce=s(76007),de=s(74490),me=s(35432),pe=function(e){return(0,q.jsx)("svg",{...e,children:(0,q.jsx)("path",{d:"M64.707 8.707a1 1 0 0 0 0-1.414L58.343.929a1 1 0 1 0-1.414 1.414L62.586 8l-5.657 5.657a1 1 0 0 0 1.414 1.414l6.364-6.364zM0 9h64V7H0v2z",fill:"#666"})})};pe.defaultProps={width:"65",height:"16",viewBox:"0 0 65 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"};const ue=(e,t)=>!!e&&!t.some((e=>!e.from.passport||!e.to.role));function he(e){let{onCancel:t,onSuccess:s,data:n,trustedPassports:a}=e;const{api:r}=(0,v.h6)(),{roles:o,teamDid:l}=(0,C.DJ)(),{t:c}=(0,u.PE)(),[d,f]=(0,i.useState)(!1),[j,g]=(0,i.useState)(n.issuerDid||""),[y,Z]=(0,i.useState)(n.remark||""),[S,P]=(0,i.useState)(D()(n.mappings)||[]),w=a.findIndex((e=>e.issuerDid===n.issuerDid));return(0,q.jsx)(N.ZP,{title:c("team.passport.trustedIssuers"),open:!0,showCloseButton:!1,PaperProps:{style:{minHeight:"80vh"}},fullWidth:!0,prepend:(0,q.jsx)(T.Z,{onClick:t,"data-cy":"trusted-issuer-close",size:"large",children:(0,q.jsx)(ce.Z,{})}),actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(h.Z,{onClick:t,color:"inherit",children:c("common.cancel")}),(0,q.jsxs)(h.Z,{onClick:()=>(async()=>{if(d)return;const e={issuerDid:j,remark:y,mappings:S},t=[...a];-1===w?t.unshift(e):t[w]=e;try{f(!0),await r.configTrustedPassports({input:{teamDid:l,trustedPassports:t}}),await(0,b._v)(800),f(!1),p.Z.success(c("common.saveSuccess")),s()}catch(n){f(!1),p.Z.error((0,b.Z)(n))}})(),color:"primary",disabled:!ue(j,S)||!y||d,variant:"contained",autoFocus:!0,"data-cy":"save-mapping",children:[d&&(0,q.jsx)(x.Z,{size:16}),c("common.save")]})]}),children:(0,q.jsx)(fe,{children:(0,q.jsxs)("div",{className:"dialog-content",children:[(0,q.jsx)(L.Z,{fullWidth:!0,"data-cy":"input-issuer-did",placeholder:c("team.passport.issuerDid"),value:j,onChange:e=>{g(e.target.value)}}),(0,q.jsx)(L.Z,{style:{marginTop:16},fullWidth:!0,"data-cy":"input-issuer-remark",placeholder:c("common.remark"),value:y,onChange:e=>{Z(e.target.value)}}),(0,q.jsxs)(m.Z,{mt:"30px",display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,q.jsx)(m.Z,{className:"dialog-h1",children:c("team.passport.mappingRule")}),(0,q.jsx)(m.Z,{children:(0,q.jsx)(h.Z,{variant:"outlined",color:"primary","data-cy":"add-mapping",onClick:()=>{P((e=>{const t=[...e];return t.unshift({from:{passport:""},to:{role:me.ROLES.GUEST}}),t}))},children:c("team.add")})})]}),(0,q.jsxs)(m.Z,{className:"list",mt:-.5,children:[S.map(((e,t)=>(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",my:3,children:[(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",flexGrow:1,children:[(0,q.jsx)(m.Z,{flexGrow:1,flexBasis:1,children:(0,q.jsx)(L.Z,{fullWidth:!0,size:"small","data-cy":"input-".concat(t,"-from"),placeholder:"Issuer\u2019s Passport Name/ID",value:e.from.passport,onChange:e=>{const{value:s}=e.target;P((e=>{const n=[...e];return n[t].from.passport=s,n}))}})}),(0,q.jsx)(m.Z,{flexShrink:0,mx:4,children:(0,q.jsx)(pe,{})}),(0,q.jsx)(m.Z,{flexGrow:1,flexBasis:1,children:(0,q.jsx)(L.Z,{fullWidth:!0,size:"small",select:!0,value:e.to.role,onChange:e=>{P((s=>{const n=[...s];return n[t].to.role=e.target.value,n}))},variant:"outlined",children:o.filter((e=>"owner"!==e.name)).map((e=>(0,q.jsx)(de.Z,{value:e.name,"data-cy":"passport-mapping-select-option-".concat(e.name),children:(0,q.jsx)("span",{children:e.title||e.name})},e.name)))})})]}),(0,q.jsx)(m.Z,{flexShrink:0,ml:4,children:(0,q.jsx)(T.Z,{onClick:()=>{P((e=>{const s=[...e];return s.splice(t,1),s}))},size:"large",children:(0,q.jsx)(A.Z,{})})})]},"mapping-".concat(t)))),!S.length&&(0,q.jsx)(m.Z,{my:2,color:"text.secondary",fontSize:"16px",children:(0,q.jsx)(oe.Z,{children:c("common.empty")})})]})]})})})}he.propTypes={onCancel:l().func.isRequired,onSuccess:l().func.isRequired,trustedPassports:l().array,data:l().object},he.defaultProps={data:{},trustedPassports:[]};const fe=c.Z.div(ie||(ie=(0,r.Z)(["\n  .dialog-h1 {\n    font-size: 18px;\n  }\n\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));var xe;function je(e){let{onCancel:t,hasPermission:s}=e;const{api:n}=(0,v.h6)(),{teamDid:a,trustedPassports:r}=(0,C.DJ)(),{t:o}=(0,u.PE)(),[l,c]=(0,i.useState)(null),[f,x]=(0,i.useState)(!1),[g,y]=(0,i.useState)(!1),[Z,S]=(0,i.useState)(""),k=r.filter((e=>!Z||e.issuerDid.toLowerCase().includes(Z.toLowerCase())));return(0,q.jsxs)(N.ZP,{title:o("team.passport.trustedIssuers"),open:!0,onClose:t,fullWidth:!0,PaperProps:{style:{minHeight:"80vh"}},children:[(0,q.jsx)(ve,{children:(0,q.jsxs)("div",{className:"dialog-content",children:[(0,q.jsx)("div",{className:"dialog-h1",children:o("team.passport.trustedPassportIssuers")}),(0,q.jsxs)(m.Z,{component:w.Z,mt:3,children:[(0,q.jsx)("div",{className:"left",children:(0,q.jsx)(P.Z,{placeholder:o("team.passport.searchIssuerDid"),value:Z,onChange:e=>S(e.target.value)})}),(0,q.jsx)("div",{className:"right",children:s&&(0,q.jsxs)(h.Z,{variant:"contained",color:"primary","data-cy":"add-trusted-issuer",onClick:()=>y({mode:"add"}),children:[(0,q.jsx)(d.Z,{style:{fontSize:16,marginRight:4}}),o("team.add")]})})]}),(0,q.jsxs)("div",{className:"list",children:[k.map((e=>(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",mt:"20px",children:[(0,q.jsxs)(m.Z,{flexShrink:0,children:[(0,q.jsx)(le.Z,{copyable:!1,size:16,did:e.issuerDid,showDidLogo:!1}),!!e.remark&&(0,q.jsx)(m.Z,{pl:3.5,fontSize:12,maxWidth:"300px",children:e.remark})]}),(0,q.jsx)(m.Z,{color:"gray",ml:"28px",flexGrow:1,children:e.mappings&&e.mappings.length?"".concat(e.mappings.length," ").concat(o("team.passport.mappingRule")):o("team.passport.defaultRule")}),(0,q.jsxs)(m.Z,{flexShrink:0,display:"flex",alignItems:"center",children:[(0,q.jsx)(T.Z,{onClick:()=>y({mode:"update",data:D()(e)}),"data-cy":"edit-mapping-rule",size:"large",children:(0,q.jsx)(j.Z,{})}),(0,q.jsx)(T.Z,{"data-cy":"delete-mapping-rule",onClick:()=>c({title:o("common.delete"),description:o("common.delConfirmDescription",{data:e.issuerDid}),confirm:o("common.delConfirm"),cancel:o("common.cancel"),onConfirm:()=>(async e=>{if(f)return;const t=r.findIndex((t=>t.issuerDid===e));-1===t&&p.Z.error("Cannot find passports");const s=[...r];s.splice(t,1);try{x(!0),await n.configTrustedPassports({input:{teamDid:a,trustedPassports:s}}),await(0,b._v)(800),x(!1),p.Z.success(o("common.saveSuccess")),c(!1)}catch(i){x(!1),p.Z.error(i.message)}})(e.issuerDid),onCancel:()=>{x(!1),c(null)}}),size:"large",children:(0,q.jsx)(A.Z,{})})]})]},e.issuerDid))),!r.length&&(0,q.jsx)(oe.Z,{children:o("common.empty")})]})]})}),g&&(0,q.jsx)(he,{mode:g.mode,data:g.data,trustedPassports:D()(r),onCancel:()=>y(null),onSuccess:()=>{y(null)}}),l&&(0,q.jsx)(F.Z,{title:l.title,description:l.description,confirm:l.confirm,cancel:l.cancel,params:l.params,onConfirm:l.onConfirm,onCancel:l.onCancel})]})}je.propTypes={onCancel:l().func.isRequired,hasPermission:l().bool},je.defaultProps={hasPermission:!1};const ge=(0,S.V)(je,"mutate_team"),ye=(0,S.V)(je,"",b.Wf);function Ze(e){const{inService:t}=(0,v.h6)();return t?(0,q.jsx)(ye,{...e}):(0,q.jsx)(ge,{...e})}const ve=c.Z.div(xe||(xe=(0,r.Z)(["\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));var Ce=s(19778),be=s(67313),Se=s.n(be),Pe=s(61111),we=s(75239),ke=s(6041),De=s(12594),Ne=s(90067),Te=s(53070),Ie=s(27684),ze=s(14307),Ae=s(31853),Fe=s(24411),Re=s.n(Fe);const _e={};var We;function Ee(e){var t,s,n;let{onCancel:a,onSuccess:r,data:o,trustedFactories:l}=e;const{api:c}=(0,v.h6)(),{roles:d,teamDid:m}=(0,C.DJ)(),{t:f}=(0,u.PE)(),[j,g]=(0,Ae.Z)({loading:!1,fetching:!1,fetched:[],errored:[],factoryAddress:o.factoryAddress||"",remark:o.remark||"",role:(null===(t=o.passport)||void 0===t?void 0:t.role)||"member",ttlPolicy:(null===(s=o.passport)||void 0===s?void 0:s.ttlPolicy)||"never",ttl:Se()(+(null===(n=o.passport)||void 0===n?void 0:n.ttl)||31536e6),error:""}),y=l.findIndex((e=>e.factoryAddress===o.factoryAddress));(0,i.useEffect)((()=>{const e=j.fetched.find((e=>e.address===j.factoryAddress)),t=j.errored.find((e=>e.address===j.factoryAddress));if((0,Pe.isValid)(j.factoryAddress)&&!j.fetching&&!e&&!t){g({fetching:!0});(function(e){if(!e)return null;if(_e[e])return _e[e];const t=new(Re())(e);return _e[e]=t,t})(me.MAIN_CHAIN_ENDPOINT).getFactoryState({address:j.factoryAddress}).then((e=>{e.state?g({fetching:!1,fetched:[...j.fetched.filter((e=>e.address!==j.factoryAddress)),e.state],remark:e.state.name}):g({fetching:!1,errored:[...j.errored.filter((e=>e.address!==j.factoryAddress)),{address:j.factoryAddress}],error:f("team.passport.factory404",j)})})).catch((e=>{console.error(e),g({fetching:!1,error:(0,b.Z)(e)})}))}}),[j.factoryAddress,j.fetching]);let Z=j.error;const S=j.factoryAddress?j.errored.find((e=>e.address===j.factoryAddress)):null;!Z&&S&&(Z=f("team.passport.factory404",j));const P=j.factoryAddress?j.fetched.find((e=>e.address===j.factoryAddress)):null;return!Z&&P&&(Z=P.description),Z||(Z=f("team.passport.factoryAddressTip")),(0,q.jsx)(N.ZP,{title:f("team.passport.trustedFactories"),open:!0,showCloseButton:!1,PaperProps:{style:{minHeight:"80vh"}},fullWidth:!0,prepend:(0,q.jsx)(T.Z,{onClick:a,"data-cy":"close-trusted-factory",size:"large",children:(0,q.jsx)(ce.Z,{})}),actions:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(h.Z,{onClick:a,color:"inherit",children:f("common.cancel")}),(0,q.jsxs)(h.Z,{onClick:()=>(async()=>{if(j.loading)return;const{factoryAddress:e,remark:t,role:s,ttlPolicy:n,ttl:a}=j,i={factoryAddress:e,remark:t,passport:{role:s,ttlPolicy:n,ttl:"never"===n?0:Se()(a)}},o=[...l];-1===y?o.unshift(i):o[y]=i;try{g({loading:!0}),await c.configTrustedFactories({input:{teamDid:m,trustedFactories:o}}),await(0,b._v)(800),p.Z.success(f("common.saveSuccess")),r()}catch(d){console.error(d),p.Z.error((0,b.Z)(d))}finally{g({loading:!1})}})(),color:"primary",disabled:!j.factoryAddress||!j.remark||!j.role||j.loading||j.error||S,variant:"contained",autoFocus:!0,"data-cy":"save-trusted-factory",children:[j.loading&&(0,q.jsx)(x.Z,{size:16}),f("common.save")]})]}),children:(0,q.jsx)(Le,{children:(0,q.jsxs)("div",{className:"dialog-content",children:[(0,q.jsx)(L.Z,{fullWidth:!0,error:!!j.error||!!S,"data-cy":"input-factory-address",label:f("team.passport.factoryAddress"),helperText:Z,value:j.factoryAddress,InputProps:{endAdornment:j.fetching?(0,q.jsx)(Te.Z,{position:"end",children:(0,q.jsx)(x.Z,{size:16})}):null},onChange:e=>{g({factoryAddress:e.target.value,error:""})}}),(0,q.jsx)(L.Z,{style:{marginTop:32},fullWidth:!0,"data-cy":"input-factory-remark",label:f("common.remark"),value:j.remark,onChange:e=>{g({remark:e.target.value})}}),(0,q.jsx)(L.Z,{style:{marginTop:32},fullWidth:!0,"data-cy":"input-passport-role",label:f("team.passport.role"),select:!0,value:j.role,onChange:e=>{g({role:e.target.value})},variant:"outlined",children:d.filter((e=>"owner"!==e.name)).map((e=>(0,q.jsx)(de.Z,{value:e.name,"data-cy":"passport-role-select-option-".concat(e.name),children:(0,q.jsx)("span",{children:e.title||e.name})},e.name)))}),(0,q.jsxs)("div",{style:{marginTop:32},children:[(0,q.jsx)(ke.Z,{children:f("team.passport.ttl")}),(0,q.jsxs)(ze.Z,{color:"primary",size:"small",value:j.ttlPolicy,exclusive:!0,style:{marginTop:16},onChange:(e,t)=>g({ttlPolicy:t}),"data-cy":"input-passport-ttl-since","aria-label":"Expire Policy",children:[(0,q.jsx)(Ie.Z,{value:"never","data-cy":"input-passport-ttl-never",children:(0,q.jsx)(we.Z,{title:f("team.passport.ttlNeverTip"),children:(0,q.jsx)(E.Z,{children:f("team.passport.ttlNever")})})}),(0,q.jsx)(Ie.Z,{value:"mint","data-cy":"input-passport-ttl-mint",children:(0,q.jsx)(we.Z,{title:f("team.passport.ttlMintTip"),children:(0,q.jsx)(E.Z,{children:f("team.passport.ttlMint")})})}),(0,q.jsx)(Ie.Z,{value:"exchange","data-cy":"input-passport-ttl-exchange",children:(0,q.jsx)(we.Z,{title:f("team.passport.ttlExchangeTip"),children:(0,q.jsx)(E.Z,{children:f("team.passport.ttlExchange")})})})]}),"never"!==j.ttlPolicy&&(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(De.Z,{fullWidth:!0,type:"text",style:{marginTop:16},"data-cy":"input-passport-ttl",value:j.ttl,onChange:e=>{g({ttl:e.target.value})}}),(0,q.jsx)(Ne.Z,{children:f("team.passport.ttlTip")})]})]})]})})})}Ee.propTypes={onCancel:l().func.isRequired,onSuccess:l().func.isRequired,trustedFactories:l().array,data:l().object},Ee.defaultProps={data:{},trustedFactories:[]};const Le=c.Z.div(We||(We=(0,r.Z)(["\n  .dialog-h1 {\n    font-size: 18px;\n  }\n\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));var Be;function qe(e){let{onCancel:t,hasPermission:s}=e;const{api:n}=(0,v.h6)(),{teamDid:a,trustedFactories:r}=(0,C.DJ)(),{t:o}=(0,u.PE)(),[l,c]=(0,i.useState)(null),[f,x]=(0,i.useState)(!1),[g,y]=(0,i.useState)(null),[Z,S]=(0,i.useState)(""),k=r.filter((e=>!Z||e.factoryAddress.toLowerCase().includes(Z.toLowerCase())));return(0,q.jsxs)(N.ZP,{title:o("team.passport.trustedFactories"),open:!0,onClose:t,fullWidth:!0,PaperProps:{style:{minHeight:"80vh"}},children:[(0,q.jsx)(He,{children:(0,q.jsxs)("div",{className:"dialog-content",children:[(0,q.jsx)("div",{className:"dialog-h1",children:o("team.passport.trustedFactoriesTip")}),(0,q.jsxs)(m.Z,{component:w.Z,mt:3,children:[(0,q.jsx)("div",{className:"left",children:(0,q.jsx)(P.Z,{placeholder:o("team.passport.searchFactoryAddress"),value:Z,onChange:e=>S(e.target.value)})}),(0,q.jsx)("div",{className:"right",children:s&&(0,q.jsxs)(h.Z,{variant:"contained",color:"primary",size:"small","data-cy":"add-trusted-factory",onClick:()=>y({mode:"add"}),children:[(0,q.jsx)(d.Z,{style:{fontSize:16,marginRight:4}}),o("team.add")]})})]}),(0,q.jsxs)("div",{className:"list",children:[k.map((e=>(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",justifyContent:"space-between",mt:"20px",children:[(0,q.jsxs)(m.Z,{flexGrow:1,children:[(0,q.jsx)(le.Z,{copyable:!1,did:e.factoryAddress,size:16,showDidLogo:!1}),!!e.remark&&(0,q.jsx)(m.Z,{fontSize:12,maxWidth:"300px",children:e.remark})]}),(0,q.jsx)(m.Z,{color:"gray",mr:"24px",children:(0,q.jsx)(Ce.Z,{type:"success",children:e.passport.role})}),(0,q.jsxs)(m.Z,{flexShrink:0,display:"flex",alignItems:"center",children:[(0,q.jsx)(T.Z,{onClick:()=>y({mode:"update",data:D()(e)}),"data-cy":"edit-trusted-factory",size:"large",children:(0,q.jsx)(j.Z,{})}),(0,q.jsx)(T.Z,{"data-cy":"delete-trusted-factory",onClick:()=>c({title:o("common.delete"),description:o("common.delConfirmDescription",{data:e.factoryAddress}),confirm:o("common.delConfirm"),cancel:o("common.cancel"),onConfirm:()=>(async e=>{if(!f)try{x(!0),await n.configTrustedFactories({input:{teamDid:a,trustedFactories:r.filter((t=>t.factoryAddress!==e))}}),await(0,b._v)(800),x(!1),p.Z.success(o("common.saveSuccess")),c(null)}catch(t){x(!1),p.Z.error(t.message)}})(e.factoryAddress),onCancel:()=>{x(!1),c(null)}}),size:"large",children:(0,q.jsx)(A.Z,{})})]})]},e.factoryAddress))),!r.length&&(0,q.jsx)(oe.Z,{children:o("common.empty")})]})]})}),g&&(0,q.jsx)(Ee,{data:g.data,trustedFactories:D()(r),onCancel:()=>y(null),onSuccess:()=>{y(null)}}),l&&(0,q.jsx)(F.Z,{title:l.title,description:l.description,confirm:l.confirm,cancel:l.cancel,params:l.params,onConfirm:l.onConfirm,onCancel:l.onCancel})]})}qe.propTypes={onCancel:l().func.isRequired,hasPermission:l().bool},qe.defaultProps={hasPermission:!1};const Oe=(0,S.V)(qe,"mutate_team"),Me=(0,S.V)(qe,"",b.Wf);function Ve(e){const{inService:t}=(0,v.h6)();return t?(0,q.jsx)(Me,{...e}):(0,q.jsx)(Oe,{...e})}const He=c.Z.div(Be||(Be=(0,r.Z)(["\n  .list {\n    .MuiIconButton-root {\n      svg {\n        fill: #bfbfbf;\n      }\n    }\n  }\n"])));var Ge;function Je(e){let{createPassportSvg:t}=e;const{t:s}=(0,i.useContext)(u.RD),{api:n,inService:a}=(0,v.h6)(),{roles:r,teamDid:o,teamIssuerDid:l,teamName:c,refresh:k,enablePassportIssuance:D,passportColor:N,isNodeTeam:T}=(0,C.DJ)(),[I,z]=(0,i.useState)(!1),[A,F]=(0,i.useState)(!1),[R,_]=(0,i.useState)(!1),[W,E]=(0,i.useState)(!1),[L,B]=(0,i.useState)(!1),[M,V]=(0,i.useState)(""),[H,J]=(0,i.useState)(!1),K=(0,Z.Z)((e=>e.breakpoints.down("md"))),Y=r.filter((e=>!M||e.title.includes(M)||e.name.includes(M)));return(0,q.jsxs)(Ke,{sx:{mt:a?6:0},children:[(0,q.jsxs)(w.Z,{children:[(0,q.jsx)("div",{className:"left",children:(0,q.jsx)(P.Z,{placeholder:s("team.passport.search"),value:M,onChange:e=>V(e.target.value)})}),(0,q.jsx)("div",{className:"right",children:(0,q.jsxs)(S.Z,{permission:a?"":"mutate_team",role:a?b.Wf:[],children:[(0,q.jsx)(f.Z,{variant:"outlined",menuButtonProps:{"data-cy":"trusted-issuers-more"},menu:(0,q.jsxs)(q.Fragment,{children:[(0,q.jsx)(f.Z.Item,{onClick:()=>B(!0),"data-cy":"config-show-trusted-factories",children:(0,q.jsxs)(m.Z,{children:[s("team.passport.configFactories"),(0,q.jsx)(m.Z,{fontSize:12,color:"#888",children:s("team.passport.configFactoriesTip")})]})}),(0,q.jsx)(f.Z.Item,{"data-cy":"config-show-issue-passport",onClick:async e=>{if(e.stopPropagation(),!H){J(!0);try{await n.configPassportIssuance({input:{teamDid:o,enable:!D}}),k(),await(0,b._v)(800),p.Z.success(s("common.configSuccess")),J(!1)}catch(t){p.Z.error(t.message),J(!1)}}},children:(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",children:[H&&(0,q.jsx)(x.Z,{size:16,style:{marginRight:8}}),(0,q.jsxs)(m.Z,{children:[s(D?"team.passport.disableIssuance":"team.passport.enableIssuance"),(0,q.jsx)(m.Z,{fontSize:12,color:"#888",children:s(D?"team.passport.disableIssuanceTip":"team.passport.enableIssuanceTip")})]})]})}),!T&&(0,q.jsx)(f.Z.Item,{onClick:()=>_(!0),"data-cy":"config-passport-color",children:(0,q.jsxs)(m.Z,{children:[s("team.passport.configColor"),(0,q.jsx)(m.Z,{fontSize:12,color:"#888",children:s("team.passport.configColorTip")})]})})]}),children:()=>(0,q.jsxs)(h.Z,{variant:"outlined","data-cy":"config-trusted-issuers",onClick:()=>{E(!0)},children:[(0,q.jsx)(y.Z,{style:{fontSize:16,marginRight:4}}),s("team.passport.trustedPassportIssuers")]})}),!T&&(0,q.jsxs)(h.Z,{style:{marginLeft:16},variant:"contained",edge:"end",color:"primary","data-cy":"create-role",onClick:()=>z(!0),children:[(0,q.jsx)(d.Z,{style:{fontSize:16,marginRight:4}}),s("team.add")]})]})})]}),(0,q.jsx)(m.Z,{mt:3}),(0,q.jsx)(m.Z,{className:"list",children:Y.map((e=>(0,q.jsxs)(m.Z,{"data-cy":"passport-".concat(e.name),sx:{display:"flex",justifyContent:"space-between"},className:"item",display:"flex",alignItems:"center",onClick:()=>F(e),children:[(0,q.jsxs)(m.Z,{display:"flex",alignItems:"center",children:[(0,q.jsx)("div",{style:{width:150},dangerouslySetInnerHTML:{__html:t({title:e.title,issuer:c,issuerDid:l,ownerName:"Your Name",ownerDid:l,preferredColor:N,width:"150px"})}}),(0,q.jsx)(m.Z,{ml:3,className:"title",children:e.title})]}),!K&&(0,q.jsx)(m.Z,{className:"description",children:e.description}),(0,q.jsx)(S.Z,{permission:a?"":"mutate_team",role:a?b.Wf:[],children:(0,q.jsx)("div",{className:"action",children:(0,b.vd)(e.name)?(0,q.jsx)(g.Z,{}):(0,q.jsx)(j.Z,{})})})]},e.name)))}),I&&(0,q.jsx)(O,{teamDid:o,onCancel:()=>z(!1),onSuccess:()=>{z(!1),k()}}),A&&(0,q.jsx)(G,{onCancel:()=>F(!1),onSuccess:()=>{F(!1),k()},onDelete:()=>{F(!1),k()},mode:"update",roleName:A.name,item:A}),W&&(0,q.jsx)(Ze,{onCancel:()=>E(!1)}),L&&(0,q.jsx)(Ve,{onCancel:()=>B(!1)}),R&&(0,q.jsx)(re,{onCancel:()=>_(!1),onSuccess:()=>_(!1)})]})}const Ke=(0,c.Z)(m.Z)(Ge||(Ge=(0,r.Z)(["\n  .list {\n    .item {\n      padding: 12px;\n      margin: 12px -12px;\n      cursor: pointer;\n      transition: box-shadow 0.4s;\n      &:hover {\n        box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);\n      }\n    }\n\n    .title {\n      font-weight: 400;\n      font-size: 18px;\n      width: 80px;\n      line-height: 21px;\n      color: #222222;\n    }\n\n    .description {\n      flex: 1;\n      margin-left: 64px;\n      color: #999999;\n    }\n\n    .action {\n      color: #bfbfbf;\n      fill: #bfbfbf;\n    }\n  }\n"])));Je.propTypes={createPassportSvg:l().func.isRequired},Je.defaultProps={}}}]);

package/build/static/js/6230.b1753197.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6230],{80378:(e,n,t)=>{t.d(n,{Z:()=>u});var i=t(55898),o=t.n(i),a=t(62681),l=t(72333),r=t(6352),s=t.n(r),c=t(35432),d=t(58238),p=t(14491);var m=t(96266);function u(e){let{blocklet:n,style:t,size:i,ancestors:o,...r}=e;const u=(0,d.h6)(),{logoUrl:h,inService:f}=function(e){var n;let{blocklet:t,ancestors:i=[]}=e;const o=(0,d.h6)(),{inService:a}=o,l="?v=".concat(null===t||void 0===t||null===(n=t.meta)||void 0===n?void 0:n.version).concat((0,p.XN)(null===t||void 0===t?void 0:t.status)?"~":"");let r=a?s()(p.zn,c.WELLKNOWN_SERVICE_PATH_PREFIX,"/blocklet/logo-bundle",l):s()(o.imgPrefix,"blocklet.png");if("registry"===t.source&&t.deployedFrom&&t.meta.logo)r=s()(t.deployedFrom,(0,p.lk)(t.meta.bundleDid,t.meta.logo),l);else{const e=window.env.apiPrefix||"/",n=i.concat(t),o=a?n.slice(1):n;r=s()(e,"/blocklet/logo-bundle".concat(o.map((e=>"/".concat(e.meta.did))).join("")),l)}return{logoUrl:r,inService:a}}({blocklet:n,ancestors:o}),{variant:g}=r,x=f?()=>{}:e=>{e.target.src="".concat(u.imgPrefix,"/blocklet.png")};let b=(0,m.jsx)("img",{src:h,onError:x,alt:n.meta.name,style:{width:i}});return n.meta.logo||(b=(0,m.jsx)(l.Z,{did:n.meta.did||"",responsive:!0})),(0,m.jsx)(a.Z,{variant:g||"square",style:Object.assign({backgroundColor:"transparent",width:i,height:i,borderRadius:10},t),...r,children:b})}u.propTypes={blocklet:o().object.isRequired,style:o().object,size:o().oneOfType([o().number,o().string]),ancestors:o().array},u.defaultProps={style:{},size:40,ancestors:[]}},74286:(e,n,t)=>{t.d(n,{Z:()=>r});var i=t(55898),o=t.n(i),a=t(39948),l=t(96266);function r(e){let{depth:n}=e;return(0,l.jsx)(a.Z,{ml:Math.max(2*(n-1),0),sx:{borderBottom:1,borderColor:"rgba(0,0,0,0.12)"}},"group-collapse-box")}r.propTypes={depth:o().number},r.defaultProps={depth:1}},44784:(e,n,t)=>{t.d(n,{Z:()=>d});var i,o=t(71171),a=t(33518),l=t(82790),r=t(96266);function s(e){let{labelProps:n,className:t,style:i,...o}=e;const a={...n,labelPlacement:(null===n||void 0===n?void 0:n.labelPlacement)||"start"};return(0,r.jsx)(c,{className:t,style:i,children:(0,r.jsx)(l.Z,{labelProps:a,...o})})}s.propTypes=l.Z.propTypes,s.defaultProps=l.Z.defaultProps;const c=a.Z.div(i||(i=(0,o.Z)(["\n  max-width: 300px;\n  > label {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    margin-left: 0;\n    margin-right: 0;\n  }\n  "," {\n    max-width: 100%;\n  }\n"])),(e=>{let{theme:n}=e;return n.breakpoints.down("sm")})),d=s},59375:(e,n,t)=>{t.d(n,{Z:()=>Z});var i,o=t(71171),a=t(5057),l=t(55898),r=t.n(l),s=t(6352),c=t.n(s),d=t(33518),p=t(92706),m=t.n(p),u=t(39948),h=t(52277),f=t.n(h),g=t(68420),x=t(96266);const b=(0,a.lazy)((()=>Promise.all([t.e(1294),t.e(4382)]).then(t.bind(t,23826)).then((e=>({default:e.Uploader}))))),v="/blocklet/logo/upload";function Z(e){let{url:n,height:t,width:i,enabled:o,type:l,did:r,prefix:s,headers:d,onUploaded:p}=e;const{t:m}=(0,g.PE)(),h=(0,a.useRef)(null),Z={cursor:o?"pointer":"default","&::after":{content:'"'.concat(m("common.switch"),'"')}};return(0,x.jsxs)(j,{id:"uploader-".concat(r,"-").concat(l),children:[(0,x.jsx)(b,{ref:h,popup:!0,onUploadFinish:()=>{var e;p(),null===(e=h.current)||void 0===e||e.close()},plugins:["ImageEditor"],apiPathProps:{uploader:c()(s,v,l,r),disableMediaKitPrefix:!0},coreProps:{restrictions:{allowedFileTypes:["image/*",".jpg",".jpeg",".png",".gif",".svg"],maxFileSize:10485760,maxNumberOfFiles:1}},tusProps:{headers:d}}),(0,x.jsx)(u.Z,{className:f()("uploader-wrapper",o&&"enabled"),sx:Z,onClick:()=>{var e;null===(e=h.current)||void 0===e||e.open()},children:(0,x.jsx)("img",{alt:"Logo",src:n,style:{height:t,width:i}})})]},"uploader-".concat(r,"-").concat(l))}Z.propTypes={url:r().string.isRequired,type:r().oneOf(["square","rect","favicon"]).isRequired,did:r().string.isRequired,prefix:r().string.isRequired,headers:r().func,onUploaded:r().func,height:r().number,width:r().any,enabled:r().bool},Z.defaultProps={height:80,width:"auto",enabled:!0,headers:()=>({}),onUploaded:m()};const j=d.Z.div(i||(i=(0,o.Z)(["\n  .uploader-wrapper {\n    display: inline-flex;\n    position: relative;\n    font-size: 0px;\n    &.enabled {\n      cursor: pointer;\n    }\n    &::after {\n      display: none;\n    }\n    &.enabled::after {\n      display: block;\n      opacity: 0;\n      position: absolute;\n      bottom: 0;\n      background: rgba(0, 0, 0, 0.2);\n      left: 0;\n      right: 0;\n      height: 2.2em;\n      color: white;\n      text-align: center;\n      font-size: 12px;\n      line-height: 2em;\n      transition: opacity 0.3s ease;\n    }\n    &:hover::after {\n      opacity: 1;\n    }\n  }\n"])))},64558:(e,n,t)=>{t.r(n),t.d(n,{default:()=>pt});var i,o=t(71171),a=t(5057),l=t(33518),r=t(55898),s=t.n(r),c=t(96181),d=t(6352),p=t.n(d),m=t(35432),u=t(39948),h=t(55402),f=t(82275),g=t(96399),x=t(65688),b=t(37633),v=t(48037),Z=t(92273),j=t(76720),y=t(15849),C=t(68420),k=t(94464),w=t(38242),S=t(80378),E=t(1722),L=t(43681),P=t.n(L),R=t(50482),A=t.n(R),T=t(16147),_=t(29034),N=t(28726),O=t(80578),I=t(77277),F=t(86229),B=t(28641),z=t(44846),U=t(13727),D=t(56184),K=t(67680),W=t(19654),q=t(90067),G=t(63769),V=t(43897),H=t(47020),M=t(24202),Y=t(35406),J=t(11875),Q=t(95890),X=t(96266);function $(e){let{label:n,disabled:t,required:i,initialValue:o,onChange:l,style:r,onSubmit:s,triggers:c,options:d,formatterBeforeSubmit:p,helperText:m,placeholder:h,renderImage:f,filterKeys:g,noEmpty:x,...b}=e;const[v,Z]=(0,a.useState)(!1),[j,y]=(0,a.useState)(!1),[C,k]=a.useState(""),[w,S]=(0,a.useState)(o),[E,L]=(0,a.useState)(w),P=(0,a.useMemo)((()=>{if(!d)return{};const e={};return d.forEach((n=>{e[n.code]=n})),e}),[d]),R=v?(0,X.jsx)(G.Z,{options:d,value:E,onChange:(e,n)=>{if(!Array.isArray(n))return L([]),void l([]);const t=n.filter((e=>P[e]));if(!t.length)return L([]),void l([]);L(t),l(t)},inputValue:C,onInputChange:(e,n)=>{k(n)},PopperComponent:ne,fullWidth:!0,multiple:!0,variant:"outlined",margin:"dense",filterOptions:()=>{if(!d)return[];if(!C)return d.map((e=>e.code));const e=new RegExp(C.toLowerCase());return d.filter((n=>{for(let i=0;i<g.length;i++){var t;const o=g[i];if(e.test(null===(t=n[o])||void 0===t?void 0:t.toLowerCase()))return!0}return!1})).map((e=>e.code))},getOptionLabel:e=>{var n;return null===(n=P[e])||void 0===n?void 0:n.name},renderInput:e=>(0,X.jsx)(H.Z,{...e,label:"",placeholder:h}),renderOption:(e,n)=>{var t;const i=-1!==E.indexOf(n);return(0,a.createElement)(ee,{component:"li",...e,key:n},f(P[n]||{}),(0,X.jsx)(u.Z,{sx:{"& > img":{mr:2,flexShrink:0}},style:{flex:1,fontWeight:i?"700":"normal"},children:null===(t=P[n])||void 0===t?void 0:t.name}),(0,X.jsx)(u.Z,{component:U.default,sx:{opacity:.5,width:18,height:18},style:{visibility:i?"visible":"hidden"}}))},...b}):(0,X.jsx)(u.Z,{px:1,className:"form-item-input slot",style:{whiteSpace:"pre-wrap"},children:E.filter((e=>d.some((n=>n.code===e)))).map((e=>(0,X.jsx)(W.Z,{label:d.find((n=>n.code===e)).name,style:{marginRight:8},size:"small"},e)))});return(0,X.jsx)(J.Z,{className:"form",style:r,children:(0,X.jsxs)(u.Z,{className:"form-item",children:[(0,X.jsxs)(u.Z,{className:"form-item-label",children:[n,i&&(0,X.jsx)(Y.Z,{})]}),(0,X.jsxs)(u.Z,{className:"form-item-body",children:[(0,X.jsx)(u.Z,{className:"form-item-input",children:R}),(0,X.jsx)(u.Z,{className:"form-item-action",children:v?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(K.Z,{"data-cy":"schema-form-item-confirm",onClick:async()=>{y(!0);try{!1===await s("function"===typeof p?p(E):E)?L(w):x&&!E.length?(L(o),S(o)):(L(E),S(E))}catch(e){L(w)}finally{y(!1),Z(!1)}},disabled:t||j,size:"large",children:j?(0,X.jsx)(z.Z,{size:24}):(0,X.jsx)(D.Z,{})}),(0,X.jsx)(K.Z,{"data-cy":"schema-form-item-cancel",onClick:()=>{L(w),Z(!1)},disabled:t||j,size:"large",children:(0,X.jsx)(U.default,{})})]}):(0,X.jsx)(Q.Z,{triggers:c,onEnterEdit:()=>Z(!0),disabled:t})})]}),v&&m&&(0,X.jsx)(q.Z,{children:m})]})})}$.propTypes={style:s().object,onSubmit:s().func,onChange:s().func,label:s().string,initialValue:s().string,required:s().bool,disabled:s().bool,triggers:s().array,options:s().array,helperText:s().string,formatterBeforeSubmit:s().func,placeholder:s().string,renderImage:s().func,filterKeys:s().arrayOf(s().string),noEmpty:s().bool},$.defaultProps={style:{},onSubmit:()=>{},onChange:()=>{},label:"",initialValue:"",required:!1,disabled:!1,triggers:[],options:[],helperText:"",formatterBeforeSubmit:e=>e.join(","),placeholder:"",filterKeys:["name"],renderImage:()=>null,noEmpty:!1};const ee=l.Z.div(i||(i=(0,o.Z)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 48px;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.08);\n  font-size: 1.1em;\n"]))),ne=(0,l.Z)(M.Z)((()=>({["& .".concat(V.Z.paper)]:{boxShadow:"0px 8px 12px rgba(92, 92, 92, 0.04), 0px -10px 12px rgba(92, 92, 92, 0.04)",borderRadius:"6px",width:"100%",border:"1px solid rgba(0, 0, 0, 0.12)",color:"inherit",fontSize:13,position:"absolute",left:0,top:0},["& .".concat(V.Z.listbox)]:{padding:0}})));var te,ie=t(58238),oe=t(14491),ae=t(54063),le=t(63406),re=t(78410),se=t(31853),ce=t(49983),de=t(70461),pe=t(73545),me=t(29054);function ue(e){let{initialValue:n,onChange:t,disabled:i,loading:o}=e;const{t:a}=(0,C.PE)(),{api:l}=(0,pe.T)(),{blocklet:r}=(0,me.y0)(),[s,c]=(0,se.Z)({newAppSk:"",isConnectOpen:!1}),d=()=>c({isConnectOpen:!1}),p=r.structVersion===m.APP_STRUCT_VERSION?[{key:"rotate-with-did-wallet",title:"Migrate with DID Wallet",handler:()=>{(0,oe.An)(r.status)?F.Z.error(a("blocklet.error.isRunning")):(0,w.isInProgress)(r.status)?F.Z.error(a("blocklet.error.isInProgress")):c({isConnectOpen:!0})}}]:[];return[(0,X.jsx)(B.Z,{disabled:i,loading:o,initialValue:n,onSubmit:e=>(c({newAppSk:e}),!1),triggers:p,secure:!0}),s.newAppSk&&(0,X.jsx)(de.Z,{title:a("blocklet.config.appSkTitle"),description:(0,X.jsxs)(u.Z,{children:[(0,X.jsx)(u.Z,{children:a("blocklet.config.appSkChangeTip")}),(0,X.jsx)(u.Z,{fontWeight:"bold",mt:2,children:a("blocklet.config.appDidChangeTip")}),(0,X.jsxs)(he,{children:[(0,X.jsx)("li",{children:a("blocklet.config.appDidChangeTipL1")}),(0,X.jsx)("li",{children:a("blocklet.config.appDidChangeTipL2")})]})]}),confirm:a("confirm"),cancel:a("cancel"),onConfirm:()=>(async e=>{try{await t(e)}finally{c({newAppSk:""})}})(s.newAppSk),onCancel:()=>c({newAppSk:""})}),(0,X.jsx)(ce.Z,{popup:!0,open:s.isConnectOpen,forceConnected:!1,saveConnect:!1,action:"rotate-key-pair",checkFn:l.get,checkTimeout:3e5,onSuccess:d,extraParams:{appDid:r.appDid},messages:{title:a("setup.keyPair.title"),scan:a("setup.keyPair.scan"),confirm:a("setup.keyPair.confirm"),success:a("setup.keyPair.success")},onClose:d})]}ue.propTypes={initialValue:s().string,onChange:s().func,disabled:s().bool,loading:s().bool},ue.defaultProps={initialValue:"default",onChange:()=>{},disabled:!1,loading:!1};const he=(0,l.Z)("ul")(te||(te=(0,o.Z)(["\n  padding-left: 16px;\n  li {\n    margin-top: 8px;\n    list-style: disk;\n    font-weight: bold;\n  }\n"])));var fe,ge=t(13128),xe=t(55372),be=t(11750),ve=t(88574),Ze=t(26174),je=t(88092),ye=t(50185),Ce=t(17425);function ke(e){let{onCancel:n,onSuccess:t,onError:i}=e;const{api:o}=(0,a.useContext)(pe.B),[l,r]=(0,a.useState)(!1),{t:s,locale:c}=(0,C.PE)(),[d,p]=(0,a.useState)(""),[m,h]=(0,a.useState)(!1),[f,g]=(0,a.useState)(0),[x,b]=(0,a.useState)(""),{endpoint:v}=(0,Ce.DJ)(),[Z,j]=(0,a.useState)(!1),y=e=>{p(null),r(!0);try{b(e.result),g(w.length-1)}catch(n){const e=(0,oe.Z)(n);p(e),i(n)}finally{r(!1)}},k=()=>{h(!1),g(0)},w=[{body:(0,X.jsxs)(u.Z,{children:[(0,X.jsx)(be.Z,{children:s("team.transferApp.transferDialog.tips.progress")}),(0,X.jsx)(be.Z,{mt:3,mb:2,children:s("team.transferApp.transferDialog.tips.newOwnerPermissions")})]}),cancel:s("common.cancel"),confirm:s("team.transferApp.transferDialog.createTransferLink"),onCancel:n,onConfirm:()=>{h(!0),g(1)}},{body:()=>(0,X.jsx)(ce.Z,{action:"transfer-app-owner",open:m,locale:c,checkFn:o.get,onClose:k,onSuccess:y,checkTimeout:3e5,extraParams:{},messages:{title:s("team.transferApp.connectDialog.title"),scan:s("team.transferApp.connectDialog.scan"),confirm:s("team.transferApp.connectDialog.confirm"),success:s("team.transferApp.connectDialog.success")},popup:!0})},{body:()=>{const e=(0,oe.VP)({transferId:x.transferId,endpoint:v});return(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(u.Z,{component:we,dangerouslySetInnerHTML:{__html:s("team.transferApp.transferDialog.createSuccessTip1")}}),(0,X.jsx)(u.Z,{component:we,mt:2,children:(0,X.jsx)(we,{children:s("team.transferApp.transferDialog.createSuccessTip3")})}),(0,X.jsxs)(u.Z,{children:[(0,X.jsx)(u.Z,{component:we,mt:2,children:(0,X.jsx)(we,{children:s("team.transferApp.transferDialog.createSuccessTip2",{expireDate:(0,oe.B2)(x.expireDate,c)})})}),(0,X.jsx)(u.Z,{my:1,children:(0,X.jsx)(ye.Z,{children:e})})]}),(0,X.jsx)("div",{children:(0,X.jsx)(Ze.Z,{value:"end",control:(0,X.jsx)(je.Z,{checked:Z,onChange:e=>j(e.target.checked)}),label:s("team.transferApp.transferDialog.iKnow"),labelPlacement:"end"})})]})},confirm:s("common.confirm"),onConfirm:t}],S=w[f];return(0,X.jsxs)(ge.ZP,{title:(0,X.jsx)(we,{className:"title",children:s("team.transferApp.transferDialog.title")}),fullWidth:!0,open:!0,showCloseButton:!1,actions:(0,X.jsxs)(X.Fragment,{children:[S.cancel&&(0,X.jsx)(N.Z,{onClick:S.onCancel,color:"inherit",children:S.cancel}),(0,X.jsxs)(N.Z,{onClick:S.onConfirm,color:"error",disabled:l||f===w.length-1&&!Z,variant:"contained",autoFocus:!0,children:[l&&(0,X.jsx)(z.Z,{size:16}),S.confirm]})]}),children:[(0,X.jsx)(xe.Z,{component:"div",children:"function"===typeof S.body?S.body():S.body}),!!d&&(0,X.jsx)(ve.Z,{type:"error",variant:"icon",children:d})]})}ke.propTypes={onCancel:s().func.isRequired,onSuccess:s().func.isRequired,onError:s().func},ke.defaultProps={onError:()=>{}};const we=l.Z.div(fe||(fe=(0,o.Z)(["\n  font-size: 16px;\n  font-weight: bold;\n  &.title {\n    font-size: 20px;\n  }\n"])));var Se,Ee=t(49522),Le=t(59375);const Pe=Object.keys(I.SUPPORTED_LANGUAGES).map((e=>({code:e,name:I.SUPPORTED_LANGUAGES[e].nativeName,enName:I.SUPPORTED_LANGUAGES[e].name}))),Re=["name","enName","code"];function Ae(e){var n;let{blocklet:t,onUpdate:i,hasPermission:o,...l}=e;const{api:r,inService:s,prefix:c,getSessionInHeader:d,ws:{useSubscription:p}}=(0,ie.h6)(),{t:h}=(0,a.useContext)(C.RD),[f,g]=(0,a.useState)(""),[x,b]=(0,a.useState)(""),[v,Z]=(0,a.useState)(!1),j=(0,w.getWhoCanAccess)(t),y=null===t||void 0===t||null===(n=t.settings)||void 0===n?void 0:n.publicToStore,k=x||!o,{logoUrl:S,rectLogoUrl:E,faviconUrl:L}=(0,Ee.Z)({blocklet:t}),{did:R}=t.meta,{site:z}=t,U=P()(t.meta,"capabilities.clusterMode",!1);if(p(m.EVENTS.NODE_RUNTIME_INFO,(e=>{U&&g(P()(e,"cpu.physicalCores",""))})),(0,oe.wS)(t.status))return null;const D=t.environments.find((e=>e.key===I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_DELETABLE)),K=!D||"yes"===D.value,W=t.environments.find((e=>e.key===I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LANGUAGES)),q=t.environments.find((e=>e.key===I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_URL)),G=t.environments.find((e=>e.key===I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_OWNER)),V=t.environments.find((e=>e.key===I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_YEAR)),H=[{key:I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_NAME,description:h("blocklet.config.name"),value:t.environments.find((e=>"BLOCKLET_APP_NAME"===e.key)).value},{key:I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_DESCRIPTION,description:h("blocklet.config.description"),value:t.environments.find((e=>"BLOCKLET_APP_DESCRIPTION"===e.key)).value},{key:I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_URL,description:h("blocklet.config.appUrl"),value:q?q.value:""},{key:I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_OWNER,description:h("blocklet.config.copyrightOwner"),value:G?G.value:""},{key:I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_COPYRIGHT_YEAR,description:h("blocklet.config.copyrightYear"),value:V?V.value:""}];if(U){const e=t.configs.find((e=>e.key===I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_CLUSTER_SIZE)),n=e?e.value:f;H.push({key:I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_CLUSTER_SIZE,description:h("blocklet.config.clusterSize"),value:n,cpuCores:f})}const M=async(e,n)=>{if(e===I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_CLUSTER_SIZE){const e=(0,oe.I)({value:n,cpuCores:f});if(e)return void F.Z.error(e)}const o=[{key:e,value:n}];try{b(!0);const{blocklet:e}=await r.configBlocklet({input:{did:t.meta.did,configs:o}});i(e)}catch(a){F.Z.error(a.message)}finally{b(!1)}};return(0,X.jsxs)(Oe,{...l,children:[H.map((e=>(0,X.jsxs)(u.Z,{className:"config-form",mt:2,children:[(0,X.jsx)(u.Z,{className:"config-label",fontSize:14,mb:0,children:e.description}),(0,X.jsx)(B.Z,{style:{marginTop:0},disabled:x||k,loading:x,initialValue:e.value,onSubmit:n=>M(e.key,n)})]}))),(0,X.jsx)(u.Z,{className:"config-form",component:_.Z,my:3}),(0,X.jsx)(u.Z,{className:"config-label",fontSize:14,mb:1,sx:{flexGrow:0,width:"auto"},children:h("blocklet.config.logoSquare")}),(0,X.jsx)(Le.Z,{did:t.meta.did,height:80,width:80,type:"square",prefix:c,url:S,enabled:o,headers:d}),(0,X.jsx)(u.Z,{className:"config-label",fontSize:14,mt:4,children:h("blocklet.config.logoRect")}),(0,X.jsx)(u.Z,{mb:1.5,className:"config-desc",children:h("blocklet.config.logoRectDesc")}),(0,X.jsx)(Le.Z,{did:t.meta.did,height:80,type:"rect",prefix:c,url:E,enabled:o,headers:d}),(0,X.jsx)(u.Z,{className:"config-label",fontSize:14,mt:4,children:h("blocklet.config.logoFavicon")}),(0,X.jsx)(u.Z,{mb:1.5,className:"config-desc",children:h("blocklet.config.logoFaviconDesc")}),(0,X.jsx)(Le.Z,{did:t.meta.did,height:25,width:25,type:"favicon",prefix:c,url:L,enabled:o,headers:d}),(0,X.jsx)(u.Z,{className:"config-form",children:"all"===j&&"registry"===t.source&&(0,X.jsxs)(u.Z,{className:"config-item",children:[(0,X.jsxs)(u.Z,{className:"config-label",children:[h("blocklet.config.access.publicToStore"),(0,X.jsx)(u.Z,{className:"config-desc",children:h("blocklet.config.access.publicInstanceTip")})]}),(0,X.jsx)(T.Z,{disabled:k,checked:y,defaultChecked:!0,onChange:async e=>{if(!x){b(!0);try{const{checked:n}=e.target,{blocklet:o}=await r.configPublicToStore({input:{did:t.meta.did,publicToStore:n}});i(o)}catch(n){F.Z.error(n.message)}finally{b(!1)}}}})]})}),(0,X.jsx)(u.Z,{className:"config-form",component:_.Z,my:3}),(0,X.jsxs)(u.Z,{className:"config-form",mt:2,children:[(0,X.jsx)(u.Z,{className:"config-label",fontSize:14,mb:0,children:h("blocklet.config.languages")}),(0,X.jsx)($,{style:{marginTop:0},disabled:x||k,loading:x,options:Pe,noEmpty:!0,initialValue:W?W.value.split(","):["en","zh"],onSubmit:e=>M("BLOCKLET_APP_LANGUAGES",e),helperText:h("blocklet.config.selectLanguagesTip"),placeholder:h("common.search"),filterKeys:Re})]}),(0,X.jsx)(u.Z,{className:"config-form",component:_.Z,my:3}),(0,X.jsx)(u.Z,{className:"config-form",mt:2,children:(0,X.jsx)(u.Z,{className:"config-label",mb:0,children:h("common.security")})}),(0,X.jsxs)(u.Z,{className:"config-form",mt:2,children:[(0,X.jsx)(u.Z,{className:"config-label",fontSize:14,mb:0,children:h("router.domainSecurity.cors.title")}),(0,X.jsx)(u.Z,{mb:1.5,className:"config-desc",children:h("router.domainSecurity.cors.description",{name:"the blocklet"})}),(0,X.jsx)(B.Z,{style:{marginTop:0},disabled:x||k,loading:x,initialValue:(z.corsAllowedOrigins||[]).join(", "),onSubmit:async e=>{const n=z.corsAllowedOrigins||[],i=e.split(",").map((e=>e.trim())).filter(Boolean);if(A()(n,i))return!1;try{b(!0);const e=i.length?i:["__none__"];await r.updateRoutingSite({input:{id:z.id,corsAllowedOrigins:e,teamDid:t.meta.did}}),b(!1)}catch(o){return F.Z.error(o.message),b(!1),!1}return!0}})]}),(0,X.jsx)(u.Z,{className:"config-form",component:_.Z,my:3}),(0,X.jsx)(u.Z,{mb:2,className:"config-label",fontSize:20,children:h("blocklet.config.dangerZone")}),(0,X.jsxs)(u.Z,{px:2,py:1,sx:{border:"1px solid red",borderRadius:2},children:[(0,X.jsx)(u.Z,{className:"config-form",mt:2,children:!s&&(0,X.jsxs)(u.Z,{className:"config-item",children:[(0,X.jsxs)(u.Z,{className:"config-label",children:[h("blocklet.config.deletable.name"),(0,X.jsx)(u.Z,{className:"config-desc",children:h(K?"blocklet.config.deletable.disable":"blocklet.config.deletable.enable")})]}),(0,X.jsx)(T.Z,{disabled:k,checked:!K,defaultChecked:!0,onChange:async e=>{if(!x){b(!0);try{const{checked:n}=e.target,{blocklet:o}=await r.configBlocklet({input:{did:t.meta.did,configs:[{key:I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_DELETABLE,value:n?"no":"yes"}]}});i(o)}catch(n){F.Z.error(n.message)}finally{b(!1)}}}})]})}),(0,X.jsxs)(u.Z,{className:"config-form",mt:2,children:[(0,X.jsx)(u.Z,{className:"config-label",fontSize:14,mb:0,children:h("blocklet.config.sk")}),(0,X.jsx)(ue,{disabled:x||k,loading:x,initialValue:t.environments.find((e=>"BLOCKLET_APP_SK"===e.key)).value,onChange:async e=>{if(!x){b(!0);try{const{blocklet:n}=await r.configBlocklet({input:{did:t.meta.did,configs:[{key:I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SK,value:e}]}});i(n)}catch(n){F.Z.error(n.message)}finally{b(!1)}}}})]}),s&&(0,X.jsx)(le.Z,{role:"owner",children:e=>(e||ae.C)&&(0,X.jsxs)(u.Z,{className:"config-form",mt:2,children:[(0,X.jsxs)(u.Z,{className:"config-item",children:[(0,X.jsx)(u.Z,{className:"config-label",mb:0,children:h("team.transferApp.name")}),(0,X.jsxs)(N.Z,{style:{flexShrink:0},variant:"contained",edge:"end",color:"error",size:"small","data-cy":"transfer-app",onClick:()=>Z(!0),children:[(0,X.jsx)(O.Z,{style:{fontSize:"1.3em",marginRight:4}}),h("team.transferApp.name")]})]}),v&&(0,X.jsx)(ke,{onCancel:()=>Z(!1),onSuccess:()=>Z(!1)})]})}),(0,X.jsx)(u.Z,{className:"config-form",mt:2,children:(0,X.jsxs)(u.Z,{className:"config-item",children:[(0,X.jsxs)(u.Z,{className:"config-label",children:[h("blocklet.config.clearCache.name"),(0,X.jsx)(u.Z,{className:"config-desc",children:h("blocklet.config.clearCache.purpose")})]}),(0,X.jsx)(re.Z,{teamDid:R})]})})]})]})}const Te=(0,le.V)(Ae,"mutate_blocklets"),_e=(0,le.V)(Ae,"",oe.Wf);function Ne(e){const{inService:n}=(0,ie.h6)();return n?(0,X.jsx)(_e,{...e}):(0,X.jsx)(Te,{...e})}Ae.propTypes={blocklet:s().object.isRequired,onUpdate:s().func,hasPermission:s().bool},Ae.defaultProps={onUpdate:()=>{},hasPermission:!1};const Oe=l.Z.div(Se||(Se=(0,o.Z)(["\n  padding-top: 24px;\n  .config-form {\n    flex-grow: 1;\n    overflow-y: auto;\n    "," {\n      width: 100%;\n      flex-shrink: 0;\n      padding: 0 24px;\n      transform: translate(0, 0);\n    }\n  }\n\n  .config-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 16px 0;\n  }\n\n  .config-label {\n    font-weight: bold;\n  }\n\n  .config-desc {\n    font-weight: normal;\n    font-size: 12px;\n    color: #666;\n  }\n\n  .form-item {\n    margin-top: 0;\n  }\n"])),(e=>e.theme.breakpoints.down("md")));var Ie=t(25710),Fe=t(93066),Be=t(80576),ze=t(8708),Ue=t.n(ze),De=t(12673),Ke=t(99360),We=t(80506),qe=t(766),Ge=t.n(qe),Ve=t(24529),He=t.n(Ve),Me=t(16727),Ye=t.n(Me),Je=t(92706),Qe=t.n(Je);const Xe=(0,a.forwardRef)(((e,n)=>{const{t:t}=(0,a.useContext)(C.RD),i=(0,De.Z)({show:!1,title:"",content:"",onConfirm:Qe(),onCancel:Qe(),loading:!1}),o=(0,Ke.Z)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};i.show=!0,i.title=e.title,i.content=e.content,i.onConfirm=e.onConfirm||Qe(),i.onCancel=e.onCancel||Qe(),i.loading=!1})),l=(0,Ke.Z)((()=>{i.title="",i.content="",i.onConfirm=Qe(),i.onCancel=Qe()})),r=(0,Ke.Z)((()=>{i.show=!1,setTimeout((()=>{l()}),300)})),s=(0,Ke.Z)((()=>{r(),null===i||void 0===i||i.onCancel()}),[]),c=(0,Ke.Z)((async()=>{i.loading=!0;try{await(null===i||void 0===i?void 0:i.onConfirm(r))}finally{i.loading=!1}}),[]);return(0,a.useImperativeHandle)(n,(()=>({open:o,close:r})),[o,r]),(0,X.jsx)(ge.I4,{open:i.show,title:i.title,onConfirm:c,onCancel:s,confirmButton:{text:t("common.confirm"),props:{variant:"contained",color:"primary",loading:i.loading}},cancelButton:{text:t("common.cancel"),props:{variant:"outlined",color:"primary"}},children:i.content instanceof Function?i.content():i.content})}));function $e(){const e=(0,a.useRef)(null),n=(0,Ke.Z)((function(){for(var n,t=arguments.length,i=new Array(t),o=0;o<t;o++)i[o]=arguments[o];null===(n=e.current)||void 0===n||n.open(...i)})),t=(0,Ke.Z)((function(){for(var n,t=arguments.length,i=new Array(t),o=0;o<t;o++)i[o]=arguments[o];null===(n=e.current)||void 0===n||n.close(...i)})),i={open:n,close:t};return{confirmHolder:(0,X.jsx)(Xe,{ref:e}),confirmApi:i}}const en={enabled:!1,secure:!1,from:"",host:"",port:"",user:"",password:""};const nn=function(){var e,n,t;const{api:i}=(0,ie.h6)(),{blocklet:o}=(0,me.y0)(),{t:a}=(0,C.PE)(),{confirmApi:l,confirmHolder:r}=$e(),s=null===o||void 0===o||null===(e=o.meta)||void 0===e?void 0:e.did,c=Object.assign({...en},(null===o||void 0===o||null===(n=o.settings)||void 0===n||null===(t=n.notification)||void 0===t?void 0:t.email)||{}),{handleSubmit:d,control:p,formState:m,watch:h,reset:f}=(0,We.cI)({defaultValues:Ue()(c,Object.keys(en))}),g=(0,De.Z)({testReceiver:"",testReceiverError:""}),x=h("enabled"),b=(0,Ke.Z)((async function(e,n){let t=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];try{var o,l;const{blocklet:n}=await i.configNotification({input:{did:s,notification:JSON.stringify({email:e})}}),r=Object.assign({...en},(null===n||void 0===n||null===(o=n.settings)||void 0===o||null===(l=o.notification)||void 0===l?void 0:l.email)||{});f(r),t&&F.Z.success(a("oauth.saveSuccess"))}catch(r){if(!t)throw r;F.Z.error(r.message||a("oauth.saveFailed"))}})),v=(0,Ke.Z)((async(e,n,t)=>{try{m.isDirty&&await b(e,n,!1),await i.sendEmail({input:{did:s,receiver:t,email:JSON.stringify({body:"Your SMTP configuration is correct!",title:"Test email",type:"notification"})}}),F.Z.success(a("notification.email.testSuccess"))}catch(o){F.Z.error(o.message||a("notification.email.testfailed"))}})),Z=(0,Ke.Z)(((e,n)=>{g.testReceiver="",g.testReceiverError="",l.open({title:a("notification.email.testSendEmail"),content:()=>(0,X.jsx)(u.Z,{sx:{width:"300px"},children:(0,X.jsx)(H.Z,{fullWidth:!0,name:"testReceiver",label:a("notification.email.inputTestReceiver"),value:g.testReceiver,onChange:e=>{g.testReceiver=e.target.value},error:!!g.testReceiverError,helperText:g.testReceiverError||"\u3000"})}),async onConfirm(t){var i;const o=null===(i=g.testReceiver)||void 0===i?void 0:i.trim();o?Ge()(o)?(g.testReceiverError="",await v(e,n,o),t()):g.testReceiverError=a("notification.email.receiverInvalid"):g.testReceiverError=a("notification.email.receiverRequired")}})})),j=(0,Ke.Z)((e=>{const n=null===e||void 0===e?void 0:e.trim();return n?!!Ge()(n)||a("notification.email.fromInvalid"):a("notification.email.fromRequired")})),y=(0,Ke.Z)((e=>{const n=null===e||void 0===e?void 0:e.trim();return n?!!He()(n,{require_host:!1,protocols:[]})||a("notification.email.hostInvalid"):a("notification.email.hostRequired")})),k=(0,Ke.Z)((e=>e?!!Ye()(e)||a("notification.email.portInvalid"):a("notification.email.portRequired"))),w=(0,Ke.Z)((e=>!(null===e||void 0===e||!e.trim())||a("notification.email.userRequired"))),S=(0,Ke.Z)((e=>!(null===e||void 0===e||!e.trim())||a("notification.email.passwordRequired"))),E=(0,Ke.Z)((()=>!0));return(0,X.jsxs)(u.Z,{children:[(0,X.jsxs)("form",{onSubmit:d(b),disabled:!0,children:[(0,X.jsx)(We.Qr,{name:"enabled",control:p,render:e=>{let{field:n}=e;return(0,X.jsx)(Ze.Z,{control:(0,X.jsx)(T.Z,{checked:n.value,...n}),label:a("notification.email.enable"),sx:{marginBottom:"8px"}})}}),(0,X.jsx)(We.Qr,{name:"from",control:p,rules:{validate:x?j:E},render:e=>{var n;let{field:t}=e;return(0,X.jsx)(Be.Z,{fullWidth:!0,children:(0,X.jsx)(H.Z,{...t,label:a("notification.email.from"),error:!!m.errors[t.name],helperText:(null===(n=m.errors[t.name])||void 0===n?void 0:n.message)||"\u3000",disabled:!x})})}}),(0,X.jsx)(We.Qr,{name:"host",control:p,rules:{validate:x?y:E},render:e=>{var n;let{field:t}=e;return(0,X.jsx)(Be.Z,{fullWidth:!0,children:(0,X.jsx)(H.Z,{...t,error:!!m.errors[t.name],label:a("notification.email.host"),helperText:(null===(n=m.errors[t.name])||void 0===n?void 0:n.message)||"\u3000",disabled:!x})})}}),(0,X.jsx)(We.Qr,{name:"port",control:p,rules:{validate:x?k:E},render:e=>{var n;let{field:t}=e;return(0,X.jsx)(Be.Z,{fullWidth:!0,children:(0,X.jsx)(H.Z,{...t,type:"number",error:!!m.errors[t.name],label:a("notification.email.port"),helperText:(null===(n=m.errors[t.name])||void 0===n?void 0:n.message)||"\u3000",disabled:!x})})}}),(0,X.jsx)(We.Qr,{name:"user",control:p,rules:{validate:x?w:E},render:e=>{var n;let{field:t}=e;return(0,X.jsx)(Be.Z,{fullWidth:!0,children:(0,X.jsx)(H.Z,{...t,error:!!m.errors[t.name],label:a("notification.email.user"),helperText:(null===(n=m.errors[t.name])||void 0===n?void 0:n.message)||"\u3000",disabled:!x})})}}),(0,X.jsx)(We.Qr,{name:"password",control:p,rules:{validate:x?S:E},render:e=>{var n;let{field:t}=e;return(0,X.jsx)(Be.Z,{fullWidth:!0,children:(0,X.jsx)(H.Z,{...t,type:"password",error:!!m.errors[t.name],label:a("notification.email.password"),helperText:(null===(n=m.errors[t.name])||void 0===n?void 0:n.message)||"\u3000",disabled:!x})})}}),(0,X.jsx)(We.Qr,{name:"secure",control:p,rules:{validate:E},render:e=>{let{field:n}=e;return(0,X.jsx)(Be.Z,{fullWidth:!0,children:(0,X.jsx)(Ze.Z,{control:(0,X.jsx)(T.Z,{checked:n.value,...n,disabled:!x}),label:a("notification.email.secure"),style:{marginBottom:16}})})}}),(0,X.jsx)(N.Z,{variant:"outlined",color:"warning",onClick:d(Z),sx:{mr:2},disabled:!x,children:a("oauth.runTest")}),(0,X.jsx)(N.Z,{type:"submit",variant:"contained",disabled:!m.isDirty,children:a("oauth.save")})]}),r]})},tn=[{label:(0,X.jsx)(u.Z,{textAlign:"center",width:"100%",children:"Email"}),value:"email"},{label:(0,X.jsx)(u.Z,{textAlign:"center",width:"100%",children:"More"}),value:"more"}];const on=function(){const[e,n]=(0,a.useState)(tn[0].value),{t:t}=(0,a.useContext)(C.RD),i=(0,Fe.Z)((()=>({email:(0,X.jsx)(nn,{}),more:(0,X.jsx)(u.Z,{children:(0,X.jsx)(Ie.Z,{children:t("notification.comingSoon")})})})),[t]);return(0,X.jsxs)(u.Z,{children:[(0,X.jsx)(k.Z,{tabs:tn,current:e,onChange:n}),(0,X.jsx)(u.Z,{marginTop:"10px",children:i[e]})]})};var an=t(96366),ln=t(75239),rn=t(48342),sn=t(94552),cn=t(24558),dn=t(74286),pn=t(74490),mn=t(76667),un=t(70648),hn=t(44067),fn=t(7664),gn=t(44123),xn=t(53906);const bn=[{value:m.WHO_CAN_ACCESS.ALL,icon:xn.Z,title:{zh:"\u6240\u6709\u4eba\u53ef\u8bbf\u95ee",en:"Accessible to all"},description:{zh:"\u5411\u6240\u6709\u4eba\u5f00\u653e\uff0c\u65e0\u9700\u901a\u884c\u8bc1\u5373\u53ef\u8bbf\u95ee\u5e94\u7528",en:"Open to the world anyone can access without passport"}},{value:m.WHO_CAN_ACCESS.INVITED,icon:gn.Z,title:{zh:"\u53ea\u6709\u88ab\u9080\u8bf7\u7684\u4eba\u53ef\u4ee5\u8bbf\u95ee",en:"Only invited people can access"},description:{zh:"\u7a0d\u540e\u60a8\u53ef\u4ee5\u5728\u7ba1\u7406\u9875\u9762\u4e2d\u9080\u8bf7\u6210\u5458",en:"You can invite members later in the admin page"}},{value:m.WHO_CAN_ACCESS.OWNER,icon:fn.Z,title:{zh:"\u53ea\u6709\u5e94\u7528\u6240\u6709\u8005\u53ef\u4ee5\u8bbf\u95ee",en:"Only Owner of the blocklet can access"},description:{zh:"\u5fc5\u987b\u63d0\u4f9b\u6240\u6709\u8005\u901a\u884c\u8bc1\u624d\u80fd\u8bbf\u95ee\u5e94\u7528",en:"You must provide owner passport to access this application"}}];var vn,Zn;const jn="roles",yn=[...bn,{value:jn,icon:un.Z,title:{zh:"\u6307\u5b9a\u901a\u884c\u8bc1\u53ef\u8bbf\u95ee",en:"Accessible to selected passports"},description:{zh:"\u53ea\u6709\u6307\u5b9a\u7684\u901a\u884c\u8bc1\u53ef\u4ee5\u8bbf\u95ee",en:"Only specified passports can access"}}],Cn=(e,n)=>{if(e&&e.startsWith(m.WHO_CAN_ACCESS_PREFIX_ROLES)){const t=(0,w.getRolesFromAuthConfig)({whoCanAccess:e}),i=n.filter((e=>t.includes(e.name)));return{access:jn,roles:i}}return{access:e,roles:[]}},kn=function(e,n){let{roles:t=[]}=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const i=(e.configs||[]).find((e=>e.key===I.BLOCKLET_CONFIGURABLE_KEY.COMPONENT_ACCESS_WHO));if(i)return Cn(i.value,t);if(n&&P()(n,"settings.whoCanAccess")&&P()(n,"settings.whoCanAccess")!==m.WHO_CAN_ACCESS.ALL)return Cn(P()(n,"settings.whoCanAccess"),t);const o=(0,w.findServiceFromMeta)(e.meta,m.NODE_SERVICES.AUTH);return P()(o,"config.whoCanAccess")?Cn(o.config.whoCanAccess,t):{access:m.WHO_CAN_ACCESS.ALL,roles:[]}};function wn(e){let{blocklet:n,ancestors:t,children:i}=e;const o=(0,an.Z)(),[l,r]=(0,a.useState)(""),{t:s,locale:c}=(0,C.PE)(),{api:d}=(0,ie.h6)(),{roles:p}=(0,Ce.DJ)(),[h,f]=(0,a.useState)(""),g=t[0]||n,{access:x,roles:b}=kn(n,g,{roles:p}),[v,Z]=(0,a.useState)(x),[j,y]=(0,a.useState)(b),k=[...t.map((e=>e.meta.did)),n.meta.did],S={marginRight:4,fontSize:18,verticalAlign:"text-bottom",color:o.palette.text.secondary},E=t.concat(n).map((e=>(0,w.getDisplayName)(e,!0))).join(" / ");if((0,oe.wS)(n.status))return null;if("unknown"===n.status&&(0,oe.wS)(n.status))return null;const L=()=>{r(!1)},P=e=>{e.stopPropagation(),r(!0)},R=h||v===jn&&!j.length;return["function"===typeof i?i({open:P}):(0,X.jsx)(K.Z,{onClick:P,"data-cy":"action-config-component",children:(0,X.jsx)(mn.default,{})}),l&&(0,X.jsxs)(Sn,{open:!0,fullWidth:!0,title:E,onClose:L,PaperProps:{style:{minHeight:"auto"}},actions:(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(N.Z,{onClick:L,color:"inherit","data-cy":"config-access-cancel",children:s("common.cancel")}),(0,X.jsxs)(N.Z,{onClick:async()=>{if(!h){f(!0);try{let e=v;e===jn&&(e="".concat(m.WHO_CAN_ACCESS_PREFIX_ROLES).concat(j.map((e=>e.name)).join(","))),await d.updateWhoCanAccess({input:{did:k,whoCanAccess:e}}),F.Z.success(s("blocklet.config.access.updatedTip")),L(),f(!1)}catch(e){f(!1),F.Z.error((0,oe.Z)(e))}}},color:"primary",disabled:R,variant:"contained",autoFocus:!0,"data-cy":"config-access-confirm",children:[h&&(0,X.jsx)(z.Z,{size:16}),s("common.confirm")]})]}),children:[(0,X.jsx)(u.Z,{mt:4,mb:3,children:(0,X.jsx)(H.Z,{label:s("blocklet.config.access.description"),select:!0,fullWidth:!0,value:v,onChange:e=>{const{value:n}=e.target;Z(n)},"data-cy":"config-access-select",SelectProps:{renderValue:e=>{const n=yn.find((n=>n.value===e));return n?(0,X.jsxs)(u.Z,{children:[(0,X.jsx)(n.icon,{style:S}),n.title[c]]}):null}},children:yn.map((e=>(0,X.jsxs)(En,{value:e.value,sx:{display:"block"},"data-cy":"config-access-opt-".concat(e.value),children:[(0,X.jsxs)(u.Z,{display:"flex",alignItems:"center",children:[(0,X.jsx)(e.icon,{style:S}),(0,X.jsx)(u.Z,{children:e.title[c]})]}),(0,X.jsx)(u.Z,{children:(0,X.jsx)(u.Z,{className:"tip",children:e.description[c]})})]})))})}),v===jn&&(0,X.jsx)(u.Z,{mt:4,mb:3,children:(0,X.jsx)(H.Z,{label:s("blocklet.config.access.description"),select:!0,fullWidth:!0,value:j.map((e=>e.name)),onChange:e=>{y(p.filter((n=>(e.target.value||[]).includes(n.name))))},SelectProps:{multiple:!0,renderValue:e=>(0,X.jsx)(u.Z,{sx:{display:"flex",flexWrap:"wrap",gap:.5},children:e.map((e=>{const n=p.find((n=>n.name===e));return(0,X.jsx)(W.Z,{label:n.title},n.text)}))})},children:p.map((e=>{let{name:n,title:t}=e;return(0,X.jsxs)(pn.Z,{value:n,children:[(0,X.jsx)(je.Z,{checked:j.some((e=>e.name===n))}),(0,X.jsx)(hn.Z,{primary:t})]},n)}))})})]})]}wn.propTypes={blocklet:s().object.isRequired,ancestors:s().array,children:s().any},wn.defaultProps={ancestors:[],children:null};const Sn=(0,l.Z)(ge.ZP)(vn||(vn=(0,o.Z)(["\n  .MuiDialogContent-root {\n    padding-top: 0;\n    margin-top: -32px;\n  }\n  .MuiToolbar-root {\n    padding-right: 12px;\n  }\n  .ux-dialog_right {\n    padding-right: 20px;\n  }\n"]))),En=(0,l.Z)(pn.Z)(Zn||(Zn=(0,o.Z)(["\n  .tip {\n    font-size: 12px;\n    color: ",";\n  }\n"])),(e=>e.theme.palette.text.secondary));var Ln;function Pn(e){var n;let{blocklet:t,ancestors:i,depth:o}=e;const l=(0,an.Z)(),{t:r,locale:s}=(0,C.PE)(),{roles:c}=(0,Ce.DJ)(),[d,p]=(0,a.useState)(!0),{recommendedDomain:m}=(0,me.y0)(),h=i[0]||t,f="/".concat(i.map((e=>e.mountPoint||"/")).join("/"),"/").concat(t.mountPoint||"/").replace(/\/+/g,"/"),g=(0,oe.vH)({blocklet:h,domain:{value:m},mountPoint:f,params:(0,oe.f0)(h,s)}),x={fill:l.palette.text.secondary},b=o>0&&t.children.length>0,v=(0,X.jsx)(K.Z,{size:"small",children:d?(0,X.jsx)(j.Z,{fontSize:"inherit"}):(0,X.jsx)(Z.default,{fontSize:"inherit"})}),{access:y,roles:k}=kn(t,h,{roles:c});let E;if("roles"!==y)E=bn.find((e=>e.value===y))||bn[2];else{const e=k.map((e=>e.title)).join("/");E={title:{zh:"\u53ea\u6709 ".concat(e," \u53ef\u4ee5\u8bbf\u95ee"),en:"Only ".concat(e," can access")}}}return[(o>0||"gateway"!==t.meta.group)&&(0,X.jsxs)(u.Z,{display:"flex",py:2,className:"component-item",justifyContent:"space-between",alignItems:"center",children:[(0,X.jsxs)(u.Z,{pl:Math.max(2*(o-1),0),width:{xs:300,md:400},display:"flex",alignItems:"center",style:{cursor:b?"pointer":"cursor"},onClick:()=>b&&p(!d),children:[b?v:(0,X.jsx)(u.Z,{width:28}),(0,X.jsx)(S.Z,{blocklet:t,ancestors:i}),(0,X.jsxs)(u.Z,{ml:"16px",children:[(0,X.jsx)(u.Z,{style:{color:"#222",fontSize:18},children:(0,w.getDisplayName)(t,!0)}),(0,X.jsx)(u.Z,{display:"flex",alignItems:"center",children:(0,X.jsx)(u.Z,{color:"text.secondary",children:E.title[s]})})]})]},t),(0,X.jsxs)(u.Z,{children:[(0,X.jsx)(ln.Z,{title:r("common.visit"),children:(0,X.jsx)("a",{target:"_blank",href:g,rel:"noopener noreferrer",title:g,children:(0,X.jsx)(K.Z,{children:(0,X.jsx)(sn.Z,{})})})}),(0,X.jsx)(wn,{blocklet:t,ancestors:i,children:e=>{let{open:n}=e;return(0,X.jsx)(ln.Z,{title:r("common.edit"),children:(0,X.jsx)(K.Z,{onClick:n,"data-cy":"btn-edit-".concat(t.meta.did),children:(0,X.jsx)(cn.Z,{style:x})})})}})]},"actions")]},"group-not-gateway-box"),(0,X.jsx)(dn.Z,{depth:o},"line"),null!==(n=t.children)&&void 0!==n&&n.length?(0,X.jsx)(rn.Z,{in:d,children:t.children.map((e=>(0,X.jsx)(Pn,{blocklet:e,ancestors:[...i,t],depth:o+1},"".concat(o+1,"-").concat(e.meta.did))))},"blocklet-collapse"):null]}function Rn(){const{t:e}=(0,C.PE)(),{blocklet:n}=(0,me.y0)(),t=[...n.children]||[];return"gateway"!==n.meta.group&&t.unshift(n),(0,X.jsx)(An,{component:"div",children:t&&t.length?[(0,X.jsx)(u.Z,{mt:2,ml:{xs:"-12px",md:"-24px"},style:{maxWidth:1080},children:(0,X.jsx)(Pn,{blocklet:n},"0-".concat(n.meta.did))},"top-blocklet-".concat(n.meta.did))]:(0,X.jsx)(u.Z,{mt:8,children:(0,X.jsx)(Ie.Z,{children:e("blocklet.component.noComponent")})})})}Pn.propTypes={blocklet:s().object.isRequired,ancestors:s().array,depth:s().number},Pn.defaultProps={ancestors:[],depth:0},Rn.propTypes={};const An=(0,l.Z)(u.Z)(Ln||(Ln=(0,o.Z)(["\n  .title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    margin-top: ",";\n    margin-bottom: ",";\n    &.first {\n      margin-top: 0;\n    }\n  }\n"])),(e=>e.theme.spacing(5)),(e=>e.theme.spacing(3)));var Tn=t(56556),_n=t(44784);const Nn=function(){var e,n,t;const{api:i}=(0,ie.h6)(),{blocklet:o}=(0,me.y0)(),{t:a}=(0,C.PE)(),l=null===o||void 0===o||null===(e=o.meta)||void 0===e?void 0:e.did,r=Object.assign({enabled:!1,domain:"",clientId:""},(null===o||void 0===o||null===(n=o.settings)||void 0===n||null===(t=n.oauth)||void 0===t?void 0:t.auth0)||{}),{handleSubmit:s,control:c,formState:d,watch:p,reset:m}=(0,We.cI)({defaultValues:Ue()(r,["domain","clientId","enabled"])}),h=p("enabled"),f=(0,Ke.Z)((async e=>{try{var n,t;const{blocklet:o}=await i.configOAuth({input:{did:l,oauth:JSON.stringify({auth0:e})}}),r=Object.assign({enabled:!1,domain:"",clientId:""},(null===o||void 0===o||null===(n=o.settings)||void 0===n||null===(t=n.oauth)||void 0===t?void 0:t.auth0)||{});m(r),F.Z.success(a("oauth.saveSuccess"))}catch(o){F.Z.error(o.message||a("oauth.saveFailed"))}})),g=(0,Ke.Z)((e=>!(null===e||void 0===e||!e.trim())||a("oauth.auth0.domainDescribe"))),x=(0,Ke.Z)((e=>!(null===e||void 0===e||!e.trim())||a("oauth.auth0.clientIdDescribe"))),b=(0,Ke.Z)((()=>!0));return(0,X.jsx)(u.Z,{children:(0,X.jsxs)("form",{onSubmit:s(f),disabled:!0,children:[(0,X.jsx)(We.Qr,{name:"enabled",control:c,render:e=>{let{field:n}=e;return(0,X.jsx)(Ze.Z,{control:(0,X.jsx)(_n.Z,{checked:n.value,style:{marginRight:"6px"},...n}),label:a("oauth.auth0.enable"),sx:{marginBottom:2,ml:1}})}}),(0,X.jsx)(We.Qr,{name:"domain",control:c,rules:{validate:h?g:b},render:e=>{var n;let{field:t}=e;return(0,X.jsx)(Be.Z,{fullWidth:!0,children:(0,X.jsx)(H.Z,{...t,label:a("oauth.auth0.domain"),error:!!d.errors[t.name],helperText:(null===(n=d.errors[t.name])||void 0===n?void 0:n.message)||"\u3000",disabled:!h})})}}),(0,X.jsx)(We.Qr,{name:"clientId",control:c,rules:{validate:h?x:b},render:e=>{var n;let{field:t}=e;return(0,X.jsx)(Be.Z,{fullWidth:!0,children:(0,X.jsx)(H.Z,{...t,error:!!d.errors[t.name],label:a("oauth.auth0.clientId"),helperText:(null===(n=d.errors[t.name])||void 0===n?void 0:n.message)||"\u3000",disabled:!h})})}}),(0,X.jsx)(Tn.Z,{type:"submit",variant:"contained",onSubmit:s(f),disabled:!d.isDirty,children:a("oauth.save")})]})})};var On=t(77150),In=t(24103);const Fn={ttl:604800};function Bn(e){const n=arguments.length>1&&void 0!==arguments[1]&&arguments[1]?86400*e.ttl:e.ttl/86400;return{...e,ttl:n}}function zn(){var e,n;const{api:t}=(0,ie.h6)(),{blocklet:i}=(0,me.y0)(),o=null===i||void 0===i||null===(e=i.meta)||void 0===e?void 0:e.did,a=Object.assign({},Fn,(null===i||void 0===i||null===(n=i.settings)||void 0===n?void 0:n.session)||{}),{handleSubmit:l,control:r,formState:s,reset:c}=(0,We.cI)({defaultValues:Ue()(Bn(a),["ttl"])}),{t:d}=(0,C.PE)(),p=(0,Ke.Z)((async e=>{try{var n;const{blocklet:i}=await t.updateAppSessionConfig({input:{did:o,config:Bn(e,!0)}}),a=Object.assign({},Fn,Ue()((null===i||void 0===i||null===(n=i.settings)||void 0===n?void 0:n.session)||{},["ttl"]));c(Bn(a)),F.Z.success(d("common.configSuccess"))}catch(i){F.Z.error(i.message)}}));return(0,X.jsx)(u.Z,{children:(0,X.jsxs)("form",{onSubmit:l(p),disabled:!0,children:[(0,X.jsx)(We.Qr,{name:"ttl",control:r,render:e=>{let{field:n}=e;return(0,X.jsx)(Be.Z,{fullWidth:!0,sx:{mb:2},children:(0,X.jsxs)(In.Z,{px:3,children:[(0,X.jsx)(u.Z,{mx:-3,my:.5,children:d("blocklet.config.session.ttl",{day:n.value})}),(0,X.jsx)(On.ZP,{...n,defaultValue:7,step:1,marks:[{value:1,label:d("blocklet.config.session.day",{day:1})},{value:7,label:d("blocklet.config.session.days",{day:7})},{value:14,label:d("blocklet.config.session.days",{day:14})},{value:21,label:d("blocklet.config.session.days",{day:21})},{value:30,label:d("blocklet.config.session.days",{day:30})}],min:1,max:30,valueLabelDisplay:"auto",style:{maxWidth:"360px"}})]})})}}),(0,X.jsx)(Tn.Z,{type:"submit",variant:"contained",onSubmit:l(p),disabled:!s.isDirty,children:d("oauth.save")})]})})}var Un=t(82555),Dn=t(30333),Kn=t(75760),Wn=t(97038),qn=t(64886),Gn=t(42080),Vn=t.n(Gn),Hn=t(75506),Mn=t.n(Hn),Yn=t(47685),Jn=t(13260),Qn=t(82434),Xn=t.n(Qn);const $n=(0,a.forwardRef)(((e,n)=>{var t,i;const{t:o}=(0,a.useContext)(C.RD),{blocklet:l}=(0,me.y0)(),{api:r}=(0,ie.h6)(),s=(0,De.Z)({mode:"view",show:!1,data:{},callback:Qe()}),c=(0,Yn.Fg)(),d=(null===c||void 0===c||null===(t=c.transitions)||void 0===t||null===(i=t.duration)||void 0===i?void 0:i.leavingScreen)||300,m=(0,Ke.Z)((()=>{s.mode="view",s.data={},s.callback=Qe()}),[]),h=(0,Ke.Z)((()=>{s.show=!1,setTimeout((()=>{m()}),d)}),[]),f=(0,Ke.Z)((e=>{s.mode="view",s.show=!0,s.data=e}),[]),g=(0,Ke.Z)((function(e){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Qe();s.mode="approve",s.show=!0,s.data=e,s.callback=n}),[]);(0,a.useImperativeHandle)(n,(()=>({open:f,close:h,approve:g})),[f,h,g]);const x=(0,Fe.Z)((()=>{if(!s.show)return[];s.data.migratedFrom=[s.data.appId,s.data.appPid];const e=["appName","appLogo","appId","appPid","migratedFrom","appDescription","appUrl","version","appliedAt","status","serverId","serverVersion"];return!1!==s.data.isMaster&&Vn()(e,"appliedAt","status"),e.map((e=>{const n=o("federated.info.".concat(e));let t=s.data[e];if("appName"===e&&s.data.isMaster&&(t=(0,X.jsxs)(u.Z,{children:[(0,X.jsx)(Un.Z,{component:Dn.Z}),t]})),["appId","appPid","serverId"].includes(e)&&(t=(0,X.jsx)(Jn.kL,{children:t})),["appUrl"].includes(e)&&(t=(0,X.jsx)(u.Z,{component:"a",href:t,target:"_blank",children:t})),["appLogo"].includes(e)){const e=Xn()(t)?t:p()(s.data.appUrl||"",t||"");try{const n=new URL(e);n.searchParams.set("imageFilter","resize"),n.searchParams.set("w","80"),n.searchParams.set("h","80"),t=(0,X.jsx)("img",{src:n.href,width:"60",height:"60",alt:s.data.appName})}catch{t=(0,X.jsx)("img",{src:e,width:"60",height:"60",alt:s.data.appName})}}if("status"===e&&(t=t&&o("federated.status.".concat(t))),"migratedFrom"===e){t=(s.data.migratedFrom||[]).filter((e=>![s.data.appId,s.data.appPid].includes(e))).map((e=>(0,X.jsx)(Jn.kL,{children:e})))}return Mn()(t)&&(t="-"),{name:n,value:t}}))}),[s.data]),b="approve"===s.mode,v=(0,Ke.Z)((async()=>{await r.auditFederatedLogin({input:{memberPid:s.data.appPid,did:l.appPid,status:"rejected"}}),h(),null===s||void 0===s||s.callback(!1)})),Z=(0,Ke.Z)((async()=>{await r.auditFederatedLogin({input:{memberPid:s.data.appPid,did:l.appPid,status:"approved"}}),h(),null===s||void 0===s||s.callback(!0)}));return(0,X.jsx)(ge.ZP,{open:s.show,title:o(b?"federated.approveToJoinLogin":"federated.siteDetail"),onClose:h,actions:b?(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(Tn.Z,{color:"error",variant:"contained",onClick:v,children:o("common.reject")}),(0,X.jsx)(Tn.Z,{variant:"contained",onClick:Z,children:o("common.approve")})]}):(0,X.jsx)(Tn.Z,{variant:"outlined",onClick:h,children:o("common.close")}),children:x.map((e=>(0,X.jsx)(qn.Z,{style:{alignItems:"flex-start"},valueComponent:"div",nameWidth:180,name:e.name,children:e.value},e.name)))})}));var et=t(79842),nt=t(85408),tt=t.n(nt);const it=(0,a.forwardRef)(((e,n)=>{var t,i;const o=(0,Yn.Fg)(),l=(null===o||void 0===o||null===(t=o.transitions)||void 0===t||null===(i=t.duration)||void 0===i?void 0:i.leavingScreen)||300,{t:r}=(0,a.useContext)(C.RD),s=(0,De.Z)({show:!1,data:{link:""}}),c=(0,Ke.Z)((()=>{s.data.link=""}),[]),d=(0,Ke.Z)((()=>{s.show=!1,setTimeout((()=>{c()}),l)}),[]),p=(0,Ke.Z)((e=>{let{link:n}=e;s.show=!0,s.data.link=n}),[]);(0,a.useImperativeHandle)(n,(()=>({open:p,close:d})),[p,d]);const m=(0,Ke.Z)((()=>{tt()(s.data.link),d()}),[d]);return(0,X.jsxs)(ge.ZP,{open:s.show,title:r("federated.joinFederatedLogin"),onClose:d,PaperProps:{style:{minHeight:"unset"}},actions:(0,X.jsx)(N.Z,{color:"primary",autoFocus:!0,variant:"contained",onClick:m,children:r("common.copyAndClose")}),children:[(0,X.jsx)(u.Z,{mb:1,children:r("federated.inviteJoinFederatedLoginDescription")}),(0,X.jsx)(u.Z,{sx:{"& .copy-button":{display:"none !important"}},children:(0,X.jsx)(et.Z,{language:"shell",style:{marginBottom:0},children:s.data.link})})]})}));function ot(e){var n,t,i,o,l;let{mode:r}=e;const s=(0,a.useRef)(null),c=(0,a.useRef)(null),{t:d,locale:p}=(0,a.useContext)(C.RD),{blocklet:m,actions:{refreshBlocklet:h}}=(0,me.y0)(),{confirmApi:f,confirmHolder:g}=$e(),{api:x}=(0,ie.h6)(),b=(null===(n=m.settings.federated)||void 0===n?void 0:n.sites)||[],v=(null===(t=m.settings.federated)||void 0===t?void 0:t.config)||{},Z=!1!==v.isMaster,j=(0,Ke.Z)((e=>{var n;null===(n=c.current)||void 0===n||n.open(e)})),y=(0,Ke.Z)((e=>{var n;null===(n=c.current)||void 0===n||n.approve(e,h)})),k=(0,Ke.Z)((e=>{f.open({title:d("federated.disableFederatedLogin"),content:d("federated.disableFederatedLoginDescription"),async onConfirm(n){await x.auditFederatedLogin({input:{memberPid:e.appPid,did:m.appPid,status:"revoked"}}),n()}})})),w=(0,Ke.Z)((e=>{f.open({title:d("federated.enableFederatedLogin"),content:d("federated.enableFederatedLoginDescription"),async onConfirm(n){await x.auditFederatedLogin({input:{memberPid:e.appPid,did:m.appPid,status:"approved"}}),n()}})})),S=(0,Fe.Z)((()=>{const e=[{label:d("common.name"),name:"appName",options:{customBodyRenderLite:e=>{const n=b[e],t=!1!==n.isMaster;return(0,X.jsx)(u.Z,{display:"inline-block",children:(0,X.jsxs)(u.Z,{component:"a",display:"flex",alignItems:"center",href:n.appUrl,target:"_blank",onClick:e=>{e.stopPropagation()},children:[t&&(0,X.jsx)(Un.Z,{component:Dn.Z,style:{marginRight:"4px"}}),n.appName]})})}}},{label:d("common.did"),name:"appId",options:{customBodyRenderLite:e=>{const n=b[e];return(0,X.jsx)(Wn.Z,{children:n.appId})}}},{label:d("common.status"),name:"status",options:{customBodyRenderLite:e=>{const n=b[e],t=!1!==n.isMaster;return(0,X.jsx)(u.Z,{children:t?"-":d("federated.status.".concat(n.status))})}}}];return Z&&e.push({label:d("common.actions"),name:"actions",options:{customBodyRenderLite:e=>{const n=b[e],t=!1!==n.isMaster;return(0,X.jsx)(u.Z,{display:"flex",gap:1,children:t?(0,X.jsxs)(X.Fragment,{children:["rejected"===n.status&&(0,X.jsx)(N.Z,{variant:"contained",color:"error",size:"small",onClick:e=>{e.stopPropagation()},children:d("federated.status.rejected")}),"revoked"===n.status&&(0,X.jsx)(N.Z,{variant:"contained",color:"secondary",size:"small",onClick:e=>{e.stopPropagation()},children:d("federated.status.revoked")})]}):(0,X.jsxs)(X.Fragment,{children:["pending"===n.status&&(0,X.jsx)(N.Z,{variant:"contained",color:"primary",size:"small",onClick:e=>{e.stopPropagation(),y(n)},children:d("federated.status.pending")}),"approved"===n.status&&(0,X.jsx)(N.Z,{variant:"contained",color:"error",size:"small",onClick:e=>{e.stopPropagation(),k(n)},style:{whiteSpace:"nowrap"},children:d("federated.revoke")}),"revoked"===n.status&&(0,X.jsx)(N.Z,{variant:"contained",color:"warning",size:"small",onClick:e=>{e.stopPropagation(),w(n)},style:{whiteSpace:"nowrap"},children:d("federated.approve")})]})})}}}),e}),[v.appId,b,Z,d]),E=(0,Fe.Z)((()=>({sort:!0,download:!1,filter:!1,print:!1,expandableRowsOnClick:!0,onRowClick(e,n){let{dataIndex:t}=n;const i=b[t];j(i)}})),[]),L=(0,Ke.Z)((()=>{const e=m.environments.find((e=>e.key===I.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_URL));var n;null!==e&&void 0!==e&&e.value?null===(n=s.current)||void 0===n||n.open({link:e.value}):F.Z.error(d("federated.failedToGetFederatedLoginLink"))}),[null===(i=m.site)||void 0===i||null===(o=i.domainAliases)||void 0===o||null===(l=o[0])||void 0===l?void 0:l.href]),P=(0,Ke.Z)((()=>{f.open({title:d("federated.quitFederatedLogin"),content:d("federated.quitFederatedLoginDescription"),async onConfirm(e){await x.quitFederatedLogin({input:{did:m.appPid}}),e()}})})),R=(0,Ke.Z)((()=>{f.open({title:d("federated.disbandFederatedLogin"),content:d("federated.disbandFederatedLoginDescription"),async onConfirm(e){await x.disbandFederatedLogin({input:{did:m.appPid}}),e()}})})),A=[];return"master"!==r?A.push((0,X.jsx)(N.Z,{size:"small",variant:"contained",color:"error",onClick:P,sx:{ml:1},children:d("federated.quitFederatedLogin")},"quitFederatedLogin")):(A.push((0,X.jsx)(N.Z,{size:"small",variant:"contained",onClick:L,sx:{ml:1},children:d("federated.inviteJoinFederatedLogin")},"inviteJoinFederatedLogin")),A.push((0,X.jsx)(N.Z,{color:"error",size:"small",variant:"contained",onClick:R,sx:{ml:1},children:d("federated.disbandFederatedLogin")},"disbandFederatedLogin"))),(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(Kn.Z,{className:"main-table",locale:p,data:b,columns:S,customButtons:A,title:(0,X.jsx)(u.Z,{className:"table-toolbar-left",children:d("oauth.federated")}),options:E}),g,(0,X.jsx)(it,{ref:s}),(0,X.jsx)($n,{ref:c})]})}ot.propTypes={mode:s().oneOf(["member","master"])},ot.defaultProps={mode:"member"};const at=ot,lt=(0,a.forwardRef)(((e,n)=>{var t,i;const{t:o}=(0,a.useContext)(C.RD),{api:l}=(0,ie.h6)(),{blocklet:r}=(0,me.y0)(),s=null===r||void 0===r?void 0:r.appPid,c=(0,Yn.Fg)(),d=(null===c||void 0===c||null===(t=c.transitions)||void 0===t||null===(i=t.duration)||void 0===i?void 0:i.leavingScreen)||300,p=(0,De.Z)({show:!1,appUrl:"",appUrlError:"",callback:Qe()}),m=(0,Ke.Z)((()=>{p.appUrl="",p.appUrlError="",p.callback=Qe()}),[]),h=(0,Ke.Z)((()=>{p.show=!1,setTimeout((()=>{m()}),d)}),[]),f=(0,Ke.Z)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Qe();p.show=!0,p.callback=e}),[]);(0,a.useImperativeHandle)(n,(()=>({open:f,close:h})),[f,h]);const g=(0,Ke.Z)((e=>{if(!e)throw new Error(o("federated.federatedJoinAppUrlRequired"));if(!Xn()(e))throw new Error(o("federated.federatedJoinAppUrlInvalid"))})),x=(0,Ke.Z)((async()=>{try{g(p.appUrl);const e=await l.joinFederatedLogin({input:{did:s,appUrl:p.appUrl}});p.show=!1,h(),null===p||void 0===p||p.callback(e)}catch(e){p.appUrlError=e.message}}),[h,s]);return(0,X.jsxs)(ge.ZP,{open:p.show,title:o("federated.joinFederatedLogin"),onClose:h,PaperProps:{style:{minHeight:"unset"}},actions:(0,X.jsx)(N.Z,{color:"primary",autoFocus:!0,variant:"contained",onClick:x,children:o("common.confirm")}),children:[(0,X.jsx)(u.Z,{mb:1,children:o("federated.joinFederatedLoginDescription")}),(0,X.jsx)(H.Z,{fullWidth:!0,variant:"outlined",margin:"dense",placeholder:o("federated.federatedJoinAppUrl"),label:o("federated.federatedJoinAppUrl"),value:p.appUrl,error:!!p.appUrlError,helperText:p.appUrlError||"eg: https://www.arcblock.io",onChange:e=>{p.appUrl=e.target.value}})]})}));function rt(){var e,n,t,i;const o=(0,a.useRef)(null),l=(0,a.useRef)(null),{t:r}=(0,a.useContext)(C.RD),{blocklet:s,actions:{refreshBlocklet:c}}=(0,me.y0)(),d=(0,Ke.Z)((()=>{var e,n,t;const i=null===(e=s.site)||void 0===e||null===(n=e.domainAliases)||void 0===n||null===(t=n[0])||void 0===t?void 0:t.href;if(i)try{var a;const e=new URL(i);null===(a=o.current)||void 0===a||a.open({link:e.origin})}catch{F.Z.error(r("federated.failedToGetFederatedLoginLink"))}}),[null===(e=s.site)||void 0===e||null===(n=e.domainAliases)||void 0===n||null===(t=n[0])||void 0===t?void 0:t.href]),p=(0,Ke.Z)((()=>{var e;null===(e=l.current)||void 0===e||e.open((()=>{c()}))}),[c]);if((null===(i=s.settings.federated)||void 0===i?void 0:i.sites.length)>0){var m;const e=!1!==(null===(m=s.settings.federated)||void 0===m?void 0:m.config.isMaster);return(0,X.jsx)(at,{mode:e?"master":"member"})}return(0,X.jsxs)(X.Fragment,{children:[(0,X.jsxs)(u.Z,{display:"flex",flexDirection:"column",gap:2,justifyContent:"center",alignItems:"center",minHeight:"200px",children:[(0,X.jsx)(N.Z,{variant:"contained",onClick:d,children:r("federated.inviteJoinFederatedLogin")}),(0,X.jsx)(_.Z,{sx:{width:"150px",color:"rgba(0, 0, 0, 0.3)"},children:"OR"}),(0,X.jsx)(N.Z,{variant:"outlined",onClick:p,children:r("federated.joinFederatedLogin")})]}),(0,X.jsx)(it,{ref:o}),(0,X.jsx)(lt,{ref:l})]})}const st=function(){const{t:e}=(0,a.useContext)(C.RD),n=[{label:(0,X.jsx)(u.Z,{textAlign:"center",width:"100%",children:e("oauth.commonSettings")}),value:"settings"},{label:(0,X.jsx)(u.Z,{textAlign:"center",width:"100%",children:e("oauth.federated")}),value:"federated"},{label:(0,X.jsx)(u.Z,{textAlign:"center",width:"100%",children:"Auth0"}),value:"auth0"},{label:(0,X.jsx)(u.Z,{textAlign:"center",width:"100%",children:e("oauth.moreLogin")}),value:"more"}],[t,i]=(0,a.useState)(n[0].value),o=(0,Fe.Z)((()=>({auth0:(0,X.jsx)(Nn,{}),federated:(0,X.jsx)(rt,{}),more:(0,X.jsx)(u.Z,{children:(0,X.jsx)(Ie.Z,{children:e("oauth.comingSoon")})}),settings:(0,X.jsx)(u.Z,{children:(0,X.jsx)(zn,{})})})),[e]);return(0,X.jsxs)(u.Z,{children:[(0,X.jsx)(k.Z,{tabs:n,current:t,onChange:i}),(0,X.jsx)(u.Z,{marginTop:"10px",children:o[t]})]})};var ct;const dt=e=>{let{tabs:n,blocklet:t,ancestors:i=[],depth:o=1,t:a}=e;const l=[...i.map((e=>e.meta.did)),t.meta.did].join("/"),r=!(null!==i&&void 0!==i&&i.length);n.push({label:(0,X.jsxs)(u.Z,{pl:2*Math.max(1,o-1),display:"flex",alignItems:"center",justifyContent:"flex-start",children:[r?(0,X.jsx)(E.Z,{size:24,blocklet:t}):(0,X.jsx)(S.Z,{size:24,blocklet:t,ancestors:i}),(0,X.jsx)(u.Z,{ml:"16px",children:(0,X.jsx)(u.Z,{style:{color:"#222"},children:r?a("blocklet.component.container"):(0,w.getDisplayName)(t,!0)})})]},l),value:l}),t.children.length>0&&t.children.forEach((e=>{dt({tabs:n,blocklet:e,ancestors:[...i,t],depth:o+1,t:a})}))};function pt(e){let{blocklet:n,onUpdate:t,...i}=e;const{t:o}=(0,a.useContext)(C.RD),{info:l,inService:r}=(0,ie.h6)(),[s,d]=(0,a.useState)(!0),[w,S]=(0,y.useSearchParams)(),E=w.get("tab")||"general",L=[{label:(0,X.jsxs)(u.Z,{display:"flex",alignItems:"center","data-cy":"configuration-tab-general",children:[(0,X.jsx)(f.Z,{sx:{fontSize:24}}),(0,X.jsx)(u.Z,{ml:"16px",children:(0,X.jsx)(u.Z,{style:{color:"#222"},children:o("common.general")})})]},"general"),value:"general"},{label:(0,X.jsxs)(u.Z,{display:"flex",alignItems:"center","data-cy":"configuration-tab-access",children:[(0,X.jsx)(g.Z,{sx:{fontSize:24}}),(0,X.jsx)(u.Z,{ml:"16px",children:(0,X.jsx)(u.Z,{style:{color:"#222"},children:o("common.access")})})]},"access"),value:"access"},{label:(0,X.jsxs)(u.Z,{display:"flex",alignItems:"center","data-cy":"configuration-tab-oauth",children:[(0,X.jsx)(x.Z,{sx:{fontSize:24}}),(0,X.jsx)(u.Z,{ml:"16px",children:(0,X.jsx)(u.Z,{style:{color:"#222"},children:o("common.login")})})]},"oauth"),value:"oauth"},{label:(0,X.jsxs)(u.Z,{display:"flex",alignItems:"center","data-cy":"configuration-tab-notification",children:[(0,X.jsx)(b.Z,{sx:{fontSize:24}}),(0,X.jsx)(u.Z,{ml:"16px",children:(0,X.jsx)(u.Z,{style:{color:"#222"},children:o("common.notification")})})]},"notification"),value:"notification"},{label:(0,X.jsxs)(u.Z,{display:"flex",alignItems:"center","data-cy":"configuration-tab-preference",children:[(0,X.jsx)(u.Z,{ml:-2,style:{transform:"translateY(2px)"},children:s?(0,X.jsx)(j.Z,{fontSize:"inherit"}):(0,X.jsx)(Z.default,{fontSize:"inherit"})}),(0,X.jsx)(v.Z,{sx:{fontSize:24}}),(0,X.jsx)(u.Z,{ml:"16px",children:(0,X.jsx)(u.Z,{style:{color:"#222"},children:o("common.preferences")})})]},"preference"),value:"preference"}];s&&dt({tabs:L,blocklet:n,t:o});let P=null;if("general"===E)P=(0,X.jsx)(Ne,{blocklet:n,onUpdate:t});else if("access"===E)P=(0,X.jsx)(Rn,{});else if("oauth"===E)P=(0,X.jsx)(st,{});else if("notification"===E)P=(0,X.jsx)(on,{});else{const e=r?m.WELLKNOWN_SERVICE_PATH_PREFIX:l.routing.adminPath,n=new URLSearchParams;r||n.set("authKey","__sst"),n.set("schemaKey",p()(window.location.origin,e,"/api/preferences?id=".concat(encodeURIComponent(E)))),P=(0,X.jsx)(c.Z,{url:"".concat(p()(window.location.origin,e,"/hosted/form-collector/"),"?").concat(n.toString()),width:"100%",height:"100%",frameBorder:0,styles:{border:0}})}return(0,X.jsx)(mt,{...i,children:(0,X.jsxs)(h.ZP,{container:!0,spacing:4,columns:24,children:[(0,X.jsx)(h.ZP,{item:!0,sm:7,md:5,children:(0,X.jsx)(k.Z,{tabs:L,current:E,orientation:"vertical",onChange:e=>{"preference"===e?d(!s):S((n=>("general"===e?n.delete("tab"):n.set("tab",e),n)))},sx:{borderRight:1,height:"100%",borderColor:"divider"}})}),(0,X.jsx)(h.ZP,{item:!0,sm:17,md:19,children:(0,X.jsx)(u.Z,{style:{minHeight:"66vh",height:"100%",position:"relative",overflow:"hidden"},children:P})})]})})}pt.propTypes={blocklet:s().object.isRequired,onUpdate:s().func},pt.defaultProps={onUpdate:()=>{}};const mt=l.Z.div(ct||(ct=(0,o.Z)(["\n  .MuiTab-root {\n    text-align: left;\n    align-items: flex-start;\n    font-weight: normal;\n  }\n  .Mui-selected {\n    font-weight: bold;\n  }\n"])))},78410:(e,n,t)=>{t.d(n,{Z:()=>m});var i=t(5057),o=t(86229),a=t(28726),l=t(44846),r=t(68420),s=t(14491),c=t(58238),d=t(70461),p=t(96266);function m(e){let{teamDid:n,size:t="small",...m}=e;const{t:u}=(0,r.PE)(),{api:h}=(0,c.h6)(),[f,g]=(0,i.useState)(!1),[x,b]=(0,i.useState)(null),v={title:u("blocklet.config.clearCache.title"),description:u("blocklet.config.clearCache.description"),confirm:u("common.confirm"),cancel:u("common.cancel"),onConfirm:async()=>{try{var e;g(!0);const t=await h.clearCache({input:{teamDid:n}});o.Z.success(u("blocklet.config.clearCache.success",{count:(null===(e=t.removed)||void 0===e?void 0:e.length)||0}))}catch(t){o.Z.error((0,s.Z)(t))}finally{g(!1),b(null)}},onCancel:()=>{g(!1),b(null)}};return(0,p.jsxs)("div",{...m,children:[(0,p.jsxs)(a.Z,{onClick:()=>b(v),color:"error",variant:"outlined",size:t,children:[f?(0,p.jsx)(l.Z,{size:16,style:{marginRight:5}}):null,u("blocklet.config.clearCache.action")]}),x&&(0,p.jsx)(d.Z,{title:x.title,description:x.description,confirm:x.confirm,cancel:x.cancel,onConfirm:x.onConfirm,onCancel:x.onCancel})]})}},50185:(e,n,t)=>{t.d(n,{Z:()=>c});var i=t(5057),o=t(55898),a=t.n(o),l=t(12937),r=t(68420),s=t(96266);function c(e){let{children:n,...t}=e;const{t:o}=(0,i.useContext)(r.RD);return(0,s.jsx)(l.Z,{tip:o("common.copyTip"),copiedTip:o("common.copiedTip"),...t,children:n})}c.propTypes={children:a().any.isRequired}},28641:(e,n,t)=>{t.d(n,{Z:()=>x});var i=t(5057),o=t(55898),a=t.n(o),l=t(39948),r=t(47020),s=t(44846),c=t(13727),d=t(56184),p=t(67680),m=t(35406),u=t(11875),h=t(95890),f=t(96266);const g=(e,n,t)=>null===e&&n&&t?"******":e?n?"******":e:"";function x(e){let{label:n,disabled:t,required:o,initialValue:a,onChange:x,placeholder:b,style:v,onSubmit:Z,secure:j,triggers:y,formatterBeforeSubmit:C,...k}=e;const[w,S]=(0,i.useState)(!1),[E,L]=(0,i.useState)(!1),[P,R]=(0,i.useState)(j&&"__encrypted__"===a?null:a),[A,T]=(0,i.useState)(P),_=async()=>{L(!0);try{if(!1===await Z(A))T(P);else{let e=A;"function"===typeof C&&(e=C(A)),T(e),R(e)}}catch(e){T(P)}finally{L(!1),S(!1)}},N=w?(0,f.jsx)(r.Z,{style:{flex:1},fullWidth:!0,value:A,onChange:e=>{var n;n=e.target.value,T(n),x(n)},autoFocus:!0,size:"small",variant:"outlined",placeholder:b,onKeyDown:e=>{"Enter"===e.key&&_()},disabled:t,type:j?"password":"text",...k}):(0,f.jsx)(l.Z,{px:1,className:"form-item-input slot",style:{whiteSpace:"pre-wrap"},children:g(A,j,a)});return(0,f.jsx)(u.Z,{className:"form",style:v,children:(0,f.jsxs)(l.Z,{className:"form-item",children:[(0,f.jsxs)(l.Z,{className:"form-item-label",children:[n,o&&(0,f.jsx)(m.Z,{})]}),(0,f.jsxs)(l.Z,{className:"form-item-body",children:[(0,f.jsx)(l.Z,{className:"form-item-input",children:N}),(0,f.jsx)(l.Z,{className:"form-item-action",children:w?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(p.Z,{"data-cy":"schema-form-item-confirm",onClick:_,disabled:t||E,size:"large",children:E?(0,f.jsx)(s.Z,{size:24}):(0,f.jsx)(d.Z,{})}),(0,f.jsx)(p.Z,{"data-cy":"schema-form-item-cancel",onClick:()=>{T(P),S(!1)},disabled:t||E,size:"large",children:(0,f.jsx)(c.default,{})})]}):(0,f.jsx)(h.Z,{triggers:y,onEnterEdit:()=>S(!0),disabled:t})})]})]})})}x.propTypes={style:a().object,onSubmit:a().func,onChange:a().func,label:a().string,initialValue:a().string,placeholder:a().string,required:a().bool,disabled:a().bool,secure:a().bool,triggers:a().array,formatterBeforeSubmit:a().func},x.defaultProps={style:{},onSubmit:()=>{},onChange:()=>{},label:"",initialValue:"",placeholder:"",required:!1,disabled:!1,secure:!1,triggers:[],formatterBeforeSubmit:null}},11875:(e,n,t)=>{t.d(n,{Z:()=>r});var i,o=t(71171),a=t(33518),l=t(39948);const r=(0,a.Z)(l.Z)(i||(i=(0,o.Z)(["\n  width: 100%;\n  flex-grow: 1;\n  overflow-y: auto;\n  "," {\n    width: 100%;\n    flex-shrink: 0;\n    padding: 0 24px;\n    transform: translate(0, 0);\n    /* max-height: 60vh; */\n  }\n\n  .form-item {\n    width: 100%;\n    margin-bottom: 24px;\n    position: relative;\n    "," {\n      flex-wrap: wrap;\n      justify-content: space-between;\n      width: 100%;\n      flex-shrink: 0;\n    }\n  }\n\n  .form-item-body {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    margin-top: 4px;\n  }\n\n  .form-item-label {\n    line-height: 1.2;\n    font-size: 14px;\n    color: #888;\n    font-weight: bold;\n\n    "," {\n      text-align: left;\n      width: auto;\n      flex-grow: 1;\n    }\n  }\n\n  .form-item-input {\n    flex-grow: 1;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    &.slot {\n      height: 40px;\n      line-height: 40px;\n      background: #f8f8f8;\n      font-size: 16px;\n\n      .MuiChip-root {\n        margin-top: -4px;\n      }\n    }\n\n    .MuiSelect-select {\n      padding: 8px;\n    }\n  }\n\n  .form-item-action {\n    // width: 100px;\n    text-align: left;\n    margin-left: 12px;\n    flex-shrink: 0;\n    "," {\n      width: auto;\n      margin-left: 0px;\n    }\n    .MuiIconButton-root {\n      padding: 8px;\n      svg {\n        fill: #888;\n      }\n      &.Mui-disabled {\n        opacity: 0.4;\n      }\n    }\n  }\n"])),(e=>e.theme.breakpoints.down("md")),(e=>e.theme.breakpoints.down("md")),(e=>e.theme.breakpoints.down("md")),(e=>e.theme.breakpoints.down("md")))},95890:(e,n,t)=>{t.d(n,{Z:()=>x});var i=t(5057),o=t(55898),a=t.n(o),l=t(24558),r=t(67680),s=t(56556),c=t(49127),d=t(49390),p=t(37200),m=t(25228),u=t(24202),h=t(74490),f=t(1733),g=t(96266);function x(e){let{triggers:n,onEnterEdit:t,disabled:o}=e;const a=i.useRef(null),[x,b]=i.useState(!1);return 0===n.length?(0,g.jsx)(r.Z,{"data-cy":"schema-form-item-edit",onClick:t,disabled:o,size:"large",children:(0,g.jsx)(l.Z,{})}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(c.Z,{variant:"outlined",ref:a,"aria-label":"split button",children:[(0,g.jsx)(s.Z,{"data-cy":"schema-form-item-edit",onClick:t,disabled:o,size:"large",children:(0,g.jsx)(l.Z,{})}),(0,g.jsx)(s.Z,{size:"small","aria-controls":x?"split-button-menu":void 0,"aria-expanded":x?"true":void 0,onClick:()=>{b((e=>!e))},children:(0,g.jsx)(d.Z,{})})]}),(0,g.jsx)(u.Z,{sx:{zIndex:9999},open:x,anchorEl:a.current,role:void 0,placement:"bottom-end",children:(0,g.jsx)(m.Z,{children:(0,g.jsx)(p.d,{onClickAway:e=>{a.current&&a.current.contains(e.target)||b(!1)},children:(0,g.jsx)(f.Z,{id:"split-button-menu",autoFocusItem:!0,children:n.map((e=>(0,g.jsx)(h.Z,{onClick:()=>{return n=e.handler,b(!1),void n();var n},children:e.title},e.key)))})})})})]})}x.propTypes={triggers:a().arrayOf(a().shape({key:a().string.isRequired,title:a().string.isRequired,handler:a().func.isRequired})),onEnterEdit:a().func.isRequired,disabled:a().bool.isRequired},x.defaultProps={triggers:[]}},35406:(e,n,t)=>{t.d(n,{Z:()=>a});var i,o=t(71171);const a=t(33518).Z.span(i||(i=(0,o.Z)(["\n  color: ",";\n  &::before {\n    content: '*';\n  }\n"])),(e=>e.theme.palette.error.main))},54063:(e,n,t)=>{t.d(n,{C:()=>i});const i="true"===localStorage.getItem("enableDebug")}}]);

package/build/static/js/6511.623f368a.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6511],{86511:(e,t,n)=>{n.r(t),n.d(t,{default:()=>ne});var a=n(71171),i=n(5057),o=n(33518),l=n(85493),s=n(15849),r=n(68420),c=n(11750),d=n(39434),u=n(39948),p=n(10697),m=n(94464),v=n(88574),h=n(28726),g=n(38242),b=n(81010),f=n(87363),y=(n(68534),n(86229)),x=n(1722),k=n(35432),w=n(49983),P=n(58238),j=n(29054),B=n(73545),S=n(14491),E=n(4651),L=n(96266);const Z=e=>{const t={};let n=null;return(0,g.forEachBlockletSync)(e,(e=>{t[e.meta.bundleDid]?n=(0,g.getDisplayName)(e,!0):e.meta.bundleDid&&(t[e.meta.bundleDid]=!0)})),n},_=(e,t,n)=>{const{hostname:a,href:i}=e;if(!t)return i;if(n){var o;const e=/\d+[-.]\d+[-.]\d+[-.]\d+/.exec(a);if(!e)return i;const n=e[0],l=(((null===(o=t.site)||void 0===o?void 0:o.domainAliases)||[]).map((e=>e.value)).filter(Boolean).find((e=>e.endsWith(k.DEFAULT_DID_DOMAIN)))||"").replace(".".concat(k.DEFAULT_DID_DOMAIN),"");return l?i.replace(a,"".concat(l,"-").concat(n,".").concat(k.DEFAULT_IP_DOMAIN_SUFFIX)):i}return i.replace(t.meta.bundleDid,t.appPid)};function D(){const{t:e}=(0,r.PE)(),{api:t}=(0,B.T)(),{blocklet:n}=(0,j.y0)(),{inService:a}=(0,P.h6)(),[o,l]=(0,i.useState)(!1),[s,c]=(0,i.useState)(5),d=n&&n.structVersion!==k.APP_STRUCT_VERSION;return[d&&(0,L.jsxs)(v.Z,{type:"warning",style:{margin:"12px 0"},children:[(0,L.jsxs)(u.Z,{display:"flex",alignItems:"center",children:[(0,L.jsx)(h.Z,{variant:"contained",size:"small",color:"primary",onClick:()=>(()=>{try{if("running"===n.status)return void y.Z.error(e("blocklet.migrate.tip.running"));const t=Z(n);if(t)return void y.Z.error(e("blocklet.migrate.tip.duplicate",{name:t}));l(!0)}catch(t){y.Z.error((0,S.Z)(t))}})(),style:{marginRight:8},children:e("blocklet.migrate.intro.l1")}),(0,L.jsx)("span",{children:e("blocklet.migrate.intro.l2")})]}),["l3","l4","l5","l6"].map((t=>(0,L.jsx)(u.Z,{display:"flex",alignItems:"center",children:e("blocklet.migrate.intro.".concat(t))},t)))]},"alert"),n&&(0,L.jsx)(w.Z,{popup:!0,open:o,saveConnect:!1,forceConnected:!1,action:"migrate-app-to-struct-v2",checkFn:t.get,checkTimeout:3e5,onSuccess:()=>{const e=_(window.location,n,a);setTimeout((()=>{window.location.href=e}),5e3),c(5),setInterval((()=>{c((e=>e-1))}),1e3)},extraParams:{appDid:n.appDid,did:n.meta.did,wt:(0,E.iK)(n,!0),title:(0,g.getDisplayName)(n)},messages:{title:e("blocklet.migrate.title"),scan:e("blocklet.migrate.scan"),confirm:e("blocklet.migrate.confirm"),success:s>=0?e("blocklet.migrate.success",{sec:s}):"Redirecting..."},onClose:()=>l(!1)},"connect")]}D.propTypes={};var C,N=n(35966),A=n(43019),G=n(44846),T=n(78123),I=n(75793),O=n(17022),U=n(13671),K=n(74094),z=n(7199);const R=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(7020),n.e(2435),n.e(4549)]).then(n.bind(n,64549)))),F=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(7020),n.e(8537),n.e(4631),n.e(2294),n.e(95),n.e(6547),n.e(5760),n.e(506),n.e(7150),n.e(2443),n.e(4509),n.e(6230)]).then(n.bind(n,64558)))),M=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(7020),n.e(4631),n.e(6547),n.e(506),n.e(2443),n.e(1294),n.e(7706),n.e(4775)]).then(n.bind(n,14775)))),V=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(442),n.e(9662),n.e(7676),n.e(8986)]).then(n.bind(n,13239)))),Y=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(7020),n.e(7687),n.e(1185),n.e(5979),n.e(2537)]).then(n.bind(n,75979)))),$=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(7020),n.e(8537),n.e(4631),n.e(2294),n.e(95),n.e(6547),n.e(5760),n.e(1494),n.e(5672),n.e(3216)]).then(n.bind(n,75672)))),W=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(7020),n.e(8537),n.e(4631),n.e(2294),n.e(95),n.e(4901),n.e(1685),n.e(5555)]).then(n.bind(n,85555)))),X=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(7020),n.e(8537),n.e(4631),n.e(2294),n.e(95),n.e(2911),n.e(4901),n.e(442),n.e(5526),n.e(7687),n.e(7638),n.e(1685),n.e(7657),n.e(3135),n.e(4240),n.e(5396),n.e(5804)]).then(n.bind(n,35804)))),J=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(9327),n.e(8219)]).then(n.bind(n,92379)))),Q=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(7020),n.e(8537),n.e(4631),n.e(2294),n.e(95),n.e(6547),n.e(5760),n.e(7534)]).then(n.bind(n,87534)))),q=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(7020),n.e(4901),n.e(3896),n.e(2611)]).then(n.bind(n,42611)))),H=(0,i.lazy)((()=>Promise.all([n.e(7718),n.e(7020),n.e(8537),n.e(4631),n.e(2294),n.e(95),n.e(6547),n.e(5760),n.e(4240),n.e(5396),n.e(9552)]).then(n.bind(n,39552)))),ee=e=>{let{children:t}=e;return t};function te(){var e;const t=(0,l.useNavigate)(),{tab:n="overview"}=(0,l.useParams)(),{did:a,blocklet:o,error:w,client:P,actions:{setBlocklet:j,refreshBlocklet:B}}=(0,U.y0)(),{refresh:S}=(0,I.h6)(),{t:E}=(0,r.PE)(),Z=(0,i.useCallback)((()=>(0,L.jsx)(V,{scope:a})),[a]),_=(null===o||void 0===o||null===(e=o.environments.find((e=>"BLOCKLET_APP_URL"===e.key)))||void 0===e?void 0:e.value)||window.location.origin,C=e=>(0,K.bV)(e,_),A=e=>{t("/blocklets/".concat(a,"/").concat(e))},te=e=>{e&&j(e),B()},ne=!o||(0,K.wS)(o.status)?[]:(0,g.getAppMissingConfigs)(o);let ie=null;const oe=[{label:E("common.overview"),value:"overview"},{breadcrumbsLabel:E("common.components"),label:(0,L.jsx)(p.Z,{color:"error",variant:"dot",invisible:!ne.length,children:E("common.components")}),value:"components"}];if(w)ie=(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(v.Z,{type:"error",variant:"icon",children:(0,K.Z)(w)}),(0,L.jsx)(h.Z,{onClick:()=>B(),children:(0,L.jsx)("span",{style:{textDecoration:"underline"},children:E("common.retry")})})]});else if(o){var le;const e={overview:(0,L.jsx)(R,{}),configuration:F,navigation:M,services:W,members:(0,L.jsx)($,{type:"blocklet",createPassportSvg:C}),passports:Y,components:X,"audit-logs":Z,logs:J,runtime:(0,L.jsx)(Q,{}),traffic:(0,L.jsx)(q,{client:P,did:a}),storage:(0,L.jsx)(H,{})};"configuration"===n&&(0,K.wS)(o.status)&&A("overview"),(0,K.wS)(o.status)||(oe.push({label:E("common.members"),value:"members"}),oe.push({label:E("common.passport"),value:"passports"}),oe.push({label:E("common.configuration"),value:"configuration"})),oe.push({label:E("common.auditLogs"),value:"audit-logs"}),o&&null!==(le=o.children)&&void 0!==le&&le.length&&o.structVersion===k.APP_STRUCT_VERSION&&oe.push({label:E("common.logs"),value:"logs"}),oe.push({label:E("common.configNavigation"),value:"navigation"}),oe.push({label:E("common.runtime"),value:"runtime"}),oe.push({label:E("common.traffic"),value:"traffic"}),oe.push({label:E("common.storage"),value:"storage"});(0,g.getBlockletServices)(o).length&&oe.splice(2,0,{label:E("blocklet.services"),value:"services"});const t=e[n]||e.overview;ie=(0,L.jsxs)(f.g,{type:"components",children:[!(0,g.isExternalBlocklet)(o)&&(0,L.jsx)(m.Z,{tabs:oe,current:n,onChange:A,scrollButtons:"auto"}),(0,L.jsx)("div",{className:"page-content",children:(0,L.jsx)(i.Suspense,{fallback:(0,L.jsx)(N.Z,{relative:"parent",children:(0,L.jsx)(G.Z,{})}),children:(0,i.isValidElement)(t)?t:(0,L.jsx)(t,{blocklet:o,onUpdate:te,createPassportSvg:C})})})]})}else ie=(0,L.jsx)(N.Z,{relative:"parent",children:(0,L.jsx)(G.Z,{})});const se=oe.find((e=>e.value===n)),re=o?O.G6:ee;return(0,L.jsx)(re,{teamDid:a,children:(0,L.jsxs)(ae,{children:[(0,L.jsxs)(d.Z,{separator:"\u203a","aria-label":"breadcrumb",className:"page-breadcrumb",children:[(0,L.jsx)(s.Link,{color:"textSecondary",to:"/blocklets",children:E("common.blocklets")}),(0,L.jsx)(s.NavLink,{to:"/blocklets/".concat(a,"/overview"),style:e=>e?{color:"inherit"}:{},children:E("common.detail")}),(0,L.jsx)(c.Z,{color:"textSecondary",children:se?se.breadcrumbsLabel||se.label:""})]}),(0,L.jsxs)(c.Z,{component:"div",className:"page-header",children:[(0,L.jsxs)(c.Z,{component:"h2",variant:"h4",className:"page-title",color:"textPrimary",children:[o?(0,L.jsx)(x.Z,{blocklet:o,style:{marginRight:16}}):null,o?(0,L.jsxs)(u.Z,{display:"flex",alignItems:"center",flexWrap:"wrap",gap:1,children:[(0,L.jsx)(u.Z,{children:(0,g.getDisplayName)(o)}),"unknown"!==(null===o||void 0===o?void 0:o.status)&&(0,L.jsx)(b.Z,{size:"12px",status:o.status,source:o.source})]}):"".concat(E("common.blocklet")," ").concat(E("common.detail"))]}),(0,L.jsx)(z.Z,{permission:"mutate_blocklets",children:!!o&&!(0,g.isExternalBlocklet)(o)&&(0,L.jsx)(T.Z,{className:"page-actions",blocklet:o,onStart:()=>{},onComplete:e=>{let{action:n,error:a}=e;a?y.Z.error(a.message):"remove"===n?(S(),t("/blocklets")):B()},variant:"group"})})]}),(0,L.jsx)(D,{}),ie]})})}function ne(){const{did:e}=(0,l.useParams)();return e?(0,L.jsx)(U.$8,{did:e,children:(0,L.jsx)(A.wV,{children:(0,L.jsx)(te,{})})}):null}const ae=o.Z.main(C||(C=(0,a.Z)(["\n  .page-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 16px;\n  }\n\n  .page-title {\n    display: flex;\n    align-items: center;\n\n    .page-link {\n      font-size: 15px;\n      margin-top: 8px;\n      margin-left: 8px;\n    }\n  }\n\n  .page-content {\n    margin-top: 16px;\n  }\n\n  @media (max-width: ","px) {\n    .page-header {\n      flex-direction: column;\n      align-items: flex-start;\n      .page-actions,\n      .MuiButtonGroup-root {\n        width: 100%;\n      }\n      .MuiButtonGroup-root {\n        .MuiButtonBase-root {\n          flex: 1;\n        }\n        .blocklet-action-text {\n          display: none;\n        }\n      }\n    }\n\n    .page-title {\n      margin-bottom: 15px;\n    }\n  }\n"])),(e=>e.theme.breakpoints.values.md))},43019:(e,t,n)=>{n.d(t,{wV:()=>w,XN:()=>P});var a=n(5057),i=n(55898),o=n.n(i),l=n(86229),s=n(68420),r=n(77277),c=n(29054),d=n(84584),u=n(41899),p=n(58238),m=n(65873);var v=n(14491);function h(){var e;let{setLoading:t,refresh:n}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{blocklet:i,actions:{refreshBlocklet:o}}=(0,c.y0)(),s=null===i||void 0===i||null===(e=i.meta)||void 0===e?void 0:e.did,[r,h]=(0,a.useState)([]),{api:g}=(0,p.h6)();return(0,u.Z)((async()=>{try{if(!s)return void h([]);null===t||void 0===t||t(!0);const{spaceGateways:e}=await g.getBlockletSpaceGateways({input:{did:s}}),n=await async function(e){let{blockletDid:t,nodeApi:n,spaceGateways:a}=e,i=!1;const o=await Promise.all(a.map((async e=>{let{name:t}=e;const n=await(0,d.nU)(e.endpoint);return(0,m.isEmpty)(n)||n===t||(t=n,i=!0),{...e,name:t}})));return i&&await Promise.all(o.filter((e=>e.did)).map((e=>n.updateBlockletSpaceGateway({input:{did:t,where:{did:e.did},spaceGateway:{...e}}})))),o}({blockletDid:s,nodeApi:g,spaceGateways:e});h(null!==n&&void 0!==n?n:[])}catch(e){console.error(e),l.Z.error((0,v.Z)(e))}finally{null===t||void 0===t||t(!1)}}),[s,o,n]),{spaceGateways:r}}function g(){var e;let{deps:t,setLoading:n}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{deps:[],setLoading:()=>{}};const{blocklet:i}=(0,c.y0)(),[o,s]=(0,a.useState)([]),{api:r}=(0,p.h6)(),d=(0,m.debounce)((async()=>{try{if(n(!0),!i)return void s([]);const{backups:e}=await r.getBlockletBackups({input:{did:i.meta.did}});s(null!==e&&void 0!==e?e:[])}catch(e){console.error(e),l.Z.error((0,v.Z)(e))}finally{n(!1)}}),2e3);return(0,u.Z)((async()=>{d()}),[null===i||void 0===i||null===(e=i.meta)||void 0===e?void 0:e.did].concat(t)),{backups:o}}const b=function(e){let{appDid:t}=e;const{backups:n}=g(),[i,o]=(0,a.useState)({message:"",progress:0,completed:!1}),l=(0,p.h6)(),{ws:{useSubscription:s}}=l;return s(r.BlockletEvents.backupProgress,(e=>{t===(null===e||void 0===e?void 0:e.appDid)&&o((()=>({...e})))}),[t]),(0,a.useEffect)((()=>{var e;if(null!==n&&void 0!==n&&n.length&&(0,m.isNull)(null===(e=n[0])||void 0===e?void 0:e.status)){const[e]=n;o((()=>({message:e.message,progress:e.progress,completed:Boolean(e.progress>=100)})))}}),[n]),i};var f=n(96266);const y=(0,a.createContext)({}),{Provider:x,Consumer:k}=y;function w(e){let{children:t}=e;const{t:n}=(0,s.PE)(),{api:i}=(0,p.h6)(),{blocklet:o}=(0,c.y0)(),[m,v]=(0,a.useState)(!1),[y,k]=(0,a.useState)(!1),{spaceGateways:w}=h({refresh:y,setLoading:v}),P=b({appDid:null===o||void 0===o?void 0:o.appDid}),[j,B]=(0,a.useState)(!1),S=(0,a.useMemo)((()=>(0,d.mo)(null===o||void 0===o?void 0:o.environments)),[o,y,j]),[E,L]=(0,a.useState)(!1),{backups:Z}=g({deps:[P],setLoading:L}),[_,D]=(0,a.useState)(null===w||void 0===w?void 0:w.find((e=>e.endpoint===S))),[C,N]=(0,a.useState)(!1),A=function(){var e;let{deps:t}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{deps:[]};const{blocklet:n}=(0,c.y0)(),{api:i}=(0,p.h6)(),[o,l]=(0,a.useState)(null);return(0,u.Z)((async()=>{var e;if(null!==n&&void 0!==n&&null!==(e=n.meta)&&void 0!==e&&e.did){const{autoBackup:e}=await i.getAutoBackup({input:{did:n.meta.did}});l(e)}}),[null===n||void 0===n||null===(e=n.meta)||void 0===e?void 0:e.did].concat(t)),o}({deps:[C]}),G=()=>{k((e=>!e))};return(0,f.jsx)(x,{value:{spaceGateways:w,selectedSpaceGateway:_,addSpaceGateway:async(e,t)=>{w.push({...e,loading:!0}),await i.addBlockletSpaceGateway({input:{did:o.meta.did,spaceGateway:e}}),S!==t&&await i.configBlocklet({input:{did:[o.meta.did],configs:[{key:r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT,value:t}]}}),G(),D(e)},deleteSpaceGateway:async e=>{e&&(e.endpoint!==S?(await i.deleteBlockletSpaceGateway({input:{did:o.meta.did,spaceGatewayDid:null===e||void 0===e?void 0:e.did}}),G(),D(e)):l.Z.warning(n("storage.spaces.gateway.delete.failedForConnected")))},updateSpaceGateway:async e=>{var t;await i.updateBlockletSpaceGateway({input:{did:o.meta.did,where:{did:e.did},spaceGateway:e}}),S!==e.endpoint&&await i.configBlocklet({input:{did:[o.meta.did],configs:[{key:r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT,value:e.endpoint}]}}),l.Z.success(n("storage.spaces.connectedWithName",{name:null!==(t=null===e||void 0===e?void 0:e.name)&&void 0!==t?t:"DID Spaces"})),G()},refreshSpaceGateways:G,spaceGatewaysLoading:m,spaceGatewayIsSelected:e=>(null===e||void 0===e?void 0:e.endpoint)===S,updateAutoBackup:async e=>{await i.updateAutoBackup({input:{did:o.meta.did,autoBackup:e}}),N((e=>!e))},backupEndpoint:S,backupProgress:P,backups:Z,backupsLoading:E,refreshBackupEndpoint:()=>{B((e=>!e))},autoBackup:A},children:t})}function P(){return(0,a.useContext)(y)}w.propTypes={children:o().any.isRequired},w.defaultProps={}},60344:(e,t,n)=>{n.d(t,{hi:()=>o,od:()=>i.a});var a=n(10458),i=n.n(a);i().defaults.timeout=1e4;const o=i().create()},84584:(e,t,n)=>{n.d(t,{EJ:()=>f,Jf:()=>b,LQ:()=>u,Nb:()=>p,UV:()=>y,Xv:()=>c,Z3:()=>x,ag:()=>v,mo:()=>m,nD:()=>d,nU:()=>g,w2:()=>h});var a=n(82434),i=n.n(a),o=n(77277),l=n(65873),s=n(2842),r=n(60344);function c(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/"),a=n.at(-4),i=n.at(-2);return(0,s.xn)(t,"space",a,"apps",i,"explorer?key=/apps/".concat(i,"/.did-objects/").concat(i,"/"))}function d(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/").at(-4);return(0,s.xn)(t,"space",n)}function u(e){return e.replace(/\/$/,"").split("/").at(-4)}async function p(e){try{if(!i()(e))return!1;const{headers:t}=await r.hi.head(e,{timeout:5e3});return"true"===t["x-listable"]&&"true"===t["x-readable"]&&"true"===t["x-writeable"]}catch(t){return console.error(t),!1}}function m(e){var t;return(null===e||void 0===e||null===(t=e.find((e=>e.key===o.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_BACKUP_ENDPOINT)))||void 0===t?void 0:t.value)||""}function v(e){const t=new URL(e);return(0,s.xn)(t.origin,t.pathname)}async function h(e){try{if(!i()(e))return!1;const t=v(e),n=(0,s.xn)(t,"space/api/did/one-click-authorization/token"),{status:a,data:o}=await r.hi.get(n,{timeout:5e3});return 200===a&&(0,l.isObject)(o)}catch(t){return console.error(t),!1}}async function g(e){let{timeout:t}=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timeout:3e3};try{if(!i()(e))return"";const{headers:n}=await r.hi.head(e,{timeout:t}),a=n["x-space-name"];return a?decodeURIComponent(a):""}catch(n){return console.error(n),""}}function b(e){const t=e.replace(/\/api\/space\/.+/,""),n=e.replace(/\/$/,"").split("/").at(-4);return(0,s.xn)(t,"/api/space/nft/display?spaceDid=".concat(n))}const f=e=>{var t,n;return(null===e||void 0===e||null===(t=e.configs)||void 0===t||null===(n=t.find((e=>e.key===o.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT)))||void 0===n?void 0:n.value)||null};async function y(e){const t={};return t.did=u(e),t.name=await g(e),t.url=function(e){return null===e||void 0===e?void 0:e.replace(/\/api\/space\/.+/,"")}(e),t.endpoint=e,t}async function x(e){var t;let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timeout:3e4,withSearchParams:!0};if(!(0,l.isString)(e))throw new Error("url(".concat(e,") must be a string"));const a=e.startsWith("http")?e:"https://".concat(e),i=new URL(a),{data:o}=await r.hi.get((0,s.xn)(i.origin,"/__blocklet__.js?type=json"),{timeout:n.timeout}),c=null===(t=o.componentMountPoints.findLast((e=>"z8iZnaYxnkMD5AKRjTKiCb8pQr1ut8UantAcf"===e.did)))||void 0===t?void 0:t.mountPoint;if(!c)throw new Error("MountPoint(".concat(c,") not found"));const d=(0,s.xn)(i.origin,c);return n.withSearchParams&&i.searchParams.get("spaceDid")?(0,s.xn)(d,"?spaceDid=".concat(i.searchParams.get("spaceDid"))):d}}}]);

package/build/static/js/{6580.8cdb4aa4.chunk.js → 6580.fc3c74eb.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6580,2611],{16580:(e,t,n)=>{n.r(t),n.d(t,{default:()=>J});var a=n(71171),o=n(5057),r=n(33518),i=n(85493),s=n(11750),l=n(94464),c=n(68420),d=n(42611),m=n(75793),u=n(96266);function p(){const{api:e,info:t}=(0,m.h6)();return(0,u.jsx)(d.default,{client:e,did:t.did})}var h=n(45603),f=n.n(h),v=n(90049),g=n.n(v),y=n(39948),x=n(55402),Z=n(27684),b=n(14307),j=n(75760),k=n(44846),I=n(35966),E=n(66506),D=n(35432),R=n(76811),L=n(86229),P=n(1722),C=n(80378),N=n(14491),S=n(38242),_=n(56169),w=n(1979),T=n(55898),O=n.n(T),F=n(50844),B=n(99154),U=n(844);const z=(0,F.Z)((e=>({root:{height:10},colorPrimary:{backgroundColor:e.palette.grey["light"===e.palette.mode?200:700]},bar:{backgroundColor:e.palette.secondary.main}})))(B.Z);function M(e){const{value:t}=e;return(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",mt:2,children:[(0,u.jsx)(y.Z,{width:"100%",style:{overflow:"hidden"},mr:1,children:(0,u.jsx)(z,{variant:"determinate",...e})}),(0,u.jsx)(y.Z,{minWidth:35,children:(0,u.jsx)(s.Z,{variant:"body2",color:"textSecondary",children:"".concat(Math.round(t),"%")})})]})}function Y(e){let{disk:t,platform:n}=e;const{t:a}=(0,o.useContext)(c.RD),r=[{id:1,className:"used",title:a("system.used"),metric:(0,N.RR)(t.used,n)},{id:2,className:"free",title:a("system.free"),metric:(0,N.RR)(t.free,n)},{id:3,className:"total",title:a("system.total"),metric:(0,N.RR)(t.total,n)}];return(0,u.jsx)(U.Z,{title:"".concat(a("common.disk")," (").concat(t.device,")"),value:(0,N.RR)(t.used,n),graph:(0,u.jsx)(y.Z,{mt:3,children:(0,u.jsx)(M,{value:t.used/t.total*100})}),description:r.map(((e,t)=>(0,u.jsxs)(y.Z,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title)))})}M.propTypes={value:O().number.isRequired},Y.propTypes={disk:O().shape({used:O().number,free:O().number,total:O().number,device:O().string}),platform:O().string},Y.defaultProps={disk:{used:0,free:0,total:1,device:""},platform:""};var q=n(67654),A=n(52926),K=n(52581),W=n(34937);const H={uptime:0,pid:-1,cpuUsage:0,memoryUsage:0},G="Blocklet Server";function V(e){let{initialBlocklets:t}=e;const{t:n,locale:a}=(0,c.PE)(),{api:r}=(0,m.h6)(),[i,l]=(0,q.Z)("runtime-view-interval",6),d=(0,o.useMemo)((()=>{const e=[];return e.push({type:"server",groupId:"server",groupName:G,id:"server:daemon",name:"Server (Daemon)",runtimeInfo:H}),e.push({type:"server",groupId:"server",groupName:G,id:"server:service",name:"Server (Service)",runtimeInfo:H}),t.forEach((t=>{(0,S.forEachBlockletSync)(t,((n,a)=>{let{id:o,ancestors:r}=a;n.runtimeInfo&&e.push({type:"blocklet",groupId:t.meta.did,groupName:(0,S.getDisplayName)(t),id:o,name:(0,S.getDisplayName)(n,!0),blocklet:t,component:n,runtimeInfo:n.runtimeInfo,ancestors:r})}))})),e}),[]),[p,h]=(0,o.useState)(d),[v,k]=(0,o.useState)({os:{platform:""},mem:{used:0,free:0,total:1},cpu:{cpus:[],currentLoad:1},disks:[],daemon:{},service:{}}),[I,T]=(0,o.useState)({cpu:[],mem:[],daemonMem:[],serviceMem:[]});(0,W.mU)(D.EVENTS.NODE_RUNTIME_INFO,(e=>{e.mem.total=e.mem.total||0,e.mem.used=e.mem.total-(e.mem.available||0),k(e),h((t=>t.map((t=>"server:daemon"===t.id?{...t,runtimeInfo:{...t.runtimeInfo,...e.daemon}}:"server:service"===t.id?{...t,runtimeInfo:{...t.runtimeInfo,...e.service}}:t))))})),(0,W.mU)(D.EVENTS.BLOCKLETS_RUNTIME_INFO,(e=>{e&&e.length?h((t=>t.map((t=>{const n=e.find((e=>e.componentId===t.id));return n?{...t,runtimeInfo:{...t.runtimeInfo,...n.runtimeInfo}}:t})))):console.error("incorrect blocklets runtime info format",e)}));const O=e=>{h((t=>t.filter((t=>t.groupId!==e.meta.did))))},F=async e=>{try{const{blocklet:t}=await r.getBlocklet({input:{did:e.meta.did,attachRuntimeInfo:!0}});"running"!==t.status&&O(t),h((e=>{const n=e.filter((e=>e.groupId!==t.meta.did));return(0,S.forEachBlockletSync)(t,((e,a)=>{let{id:o,ancestors:r}=a;e.runtimeInfo&&n.push({type:"blocklet",groupId:t.meta.did,groupName:(0,S.getDisplayName)(t),id:o,name:(0,S.getDisplayName)(e,!0),blocklet:t,component:e,runtimeInfo:e.runtimeInfo,ancestors:r})})),n}))}catch(t){L.Z.error(t.message)}};(0,W.mU)(R.BlockletEvents.removed,O),(0,W.mU)(R.BlockletEvents.startFailed,O),(0,W.mU)(R.BlockletEvents.statusChange,(e=>{"running"===e.status?F(e):O(e)})),(0,W.mU)(R.BlockletEvents.updated,F),(0,W.mU)(R.BlockletEvents.started,F);(0,o.useEffect)((()=>{r.getNodeRuntimeHistory({input:{hours:i}}).then((e=>{const t=e.history||[];T({cpu:t.map((e=>({date:e.date,value:e.cpu}))),mem:t.map((e=>({date:e.date,value:e.mem}))),daemonMem:t.map((e=>({date:e.date,value:e.daemonMem}))),serviceMem:t.map((e=>({date:e.date,value:e.serviceMem})))})})).catch((e=>{L.Z.error(e.message)}))}),[i]);const B=[{label:n("common.group"),name:"groupName",options:{customBodyRenderLite(e){const{type:t,blocklet:n,groupName:a}=p[e];return"server"===t?(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(K.r,{width:"14",height:"14"}),(0,u.jsx)(y.Z,{ml:1,children:a})]}):(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(P.Z,{size:14,blocklet:n}),(0,u.jsx)(y.Z,{ml:1,children:a})]})}}},{label:n("common.name"),name:"name",options:{customBodyRenderLite(e){const{type:t,name:n,component:a,ancestors:o}=p[e];return"server"===t?(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(E.Z,{width:"14",height:"14"}),(0,u.jsx)(y.Z,{ml:1,children:n})]}):(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(C.Z,{size:14,blocklet:a,ancestors:o}),(0,u.jsx)(y.Z,{ml:1,children:n})]})}}},{label:n("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return n=t.uptime,f()(Number(n||0),{locale:(0,N.FF)(a)});var n}}},{label:n("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return g()((null===t||void 0===t?void 0:t.memoryUsage)||0)},sortDirection:"asc"}},{label:n("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return"".concat((t.cpuUsage||0).toFixed(1),"%")}}},{label:n("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"},{label:n("blocklet.runtimeInfo.port"),name:"runtimeInfo.port"}];return(0,u.jsxs)("div",{children:[(0,u.jsxs)(y.Z,{display:"flex",justifyContent:"space-between",flexDirection:"row",mb:2,children:[(0,u.jsx)(s.Z,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},children:n("analytics.trend")}),(0,u.jsx)(b.Z,{size:"small",exclusive:!0,value:i,onChange:(e,t)=>l(t),children:[1,3,6,12,24].map((e=>(0,u.jsxs)(Z.Z,{value:e,children:[e,"H"]},e)))})]}),(0,u.jsxs)(x.ZP,{mb:4,container:!0,spacing:4,children:[(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(_.Z,{...v.cpu,history:I.cpu})},"cpu"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{...v.mem,history:I.mem})},"memory"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{title:"".concat(n("common.memory")," (Daemon)"),used:v.daemon.memoryUsage||0,history:I.daemonMem})},"memory-daemon"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{title:"".concat(n("common.memory")," (Service)"),instanceCount:v.service.instanceCount||0,used:v.service.memoryUsage||0,history:I.serviceMem})},"memory-service"),v.disks.map((e=>(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(Y,{disk:e,platform:v.os.platform})},"disk")))]}),(0,u.jsx)(j.Z,{className:"runtime-insight-list",title:n("analytics.detail"),locale:a,data:p,columns:B,options:{download:!1,filter:!1,print:!1,pagination:!1,rowsPerPage:100}})]})}function Q(){const{data:e,externalData:t,initialized:n}=(0,A.RJ)();if(!n)return(0,u.jsx)(I.Z,{relative:"parent",children:(0,u.jsx)(k.Z,{})});const a=[...e,...t]||[];return(0,u.jsx)(V,{initialBlocklets:a})}var X;function J(){const e=(0,i.useNavigate)(),{t:t}=(0,o.useContext)(c.RD),{tab:n="traffic"}=(0,i.useParams)(),a=[{label:t("common.traffic"),value:"traffic"},{label:t("common.runtime"),value:"runtime"}],r={traffic:p,runtime:Q},d=r[n]||r.traffic;return(0,u.jsxs)($,{children:[(0,u.jsx)(s.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:t("common.analytics")}),(0,u.jsx)(l.Z,{tabs:a,current:n,onChange:t=>{e("/analytics/".concat(t))}}),(0,u.jsx)("div",{className:"page-content",children:(0,o.isValidElement)(d)?d:(0,u.jsx)(d,{})})]})}const $=r.Z.main(X||(X=(0,a.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"])))},844:(e,t,n)=>{n.d(t,{Z:()=>p});var a,o=n(71171),r=n(55898),i=n.n(r),s=n(33518),l=n(38763),c=n(75392),d=n(11750),m=n(39948),u=n(96266);function p(e){let{style:t,title:n,value:a,graph:o,description:r}=e;return(0,u.jsx)(h,{children:(0,u.jsxs)(c.Z,{style:{...t},children:[(0,u.jsx)(d.Z,{sx:{fontSize:14},color:"text.secondary",children:n}),(0,u.jsx)(d.Z,{variant:"h5",component:"div",mt:1,children:a}),o,!!r&&(0,u.jsx)(m.Z,{display:"flex",sx:{fontSize:12,marginTop:3},color:"text.secondary",children:r})]})})}p.propTypes={style:i().object,title:i().node,value:i().node,graph:i().node,description:i().any},p.defaultProps={style:{},title:null,value:null,graph:null,description:null};const h=(0,s.Z)(l.Z)(a||(a=(0,o.Z)(["\n  .card-content {\n    height: 150px;\n  }\n\n  .card-sparkline {\n    flex: 2;\n    display: flex;\n    position: relative;\n    *[hidden] {\n      display: none;\n    }\n  }\n  .sparkline {\n    stroke: ",";\n    fill: ","1A;\n  }\n  .tooltip {\n    position: absolute;\n    background: rgba(0, 0, 0, 0.7);\n    color: #fff;\n    padding: 2px 5px;\n    font-size: 12px;\n    white-space: nowrap;\n    z-index: 9999;\n  }\n  .sparkline--cursor {\n    stroke: orange;\n  }\n\n  .sparkline--spot {\n    fill: red;\n    stroke: red;\n  }\n"])),(e=>e.theme.palette.primary.main),(e=>e.theme.palette.primary.main))},52959:(e,t,n)=>{n.d(t,{Z:()=>m});var a=n(5057),o=n(55898),r=n.n(o),i=n(12673),s=n(28563),l=n(26089),c=n(844),d=n(96266);function m(e){let{id:t,title:n,current:o,description:r,data:m,dateFn:u,valueFn:p}=e;const h=(0,a.useRef)(null),f=(0,a.useRef)(null),v=(0,i.Z)({style:{top:0,left:0},hidden:!0,textContent:""}),[g,y]=(0,a.useState)(null),x=(0,s.Z)(g),Z={onmousemove(e,t){const{date:n,value:a}=t;v.textContent="".concat(u(n),": ").concat(p(a)),v.style.top=-30,v.style.left=80,v.hidden=!1},onmouseout(){v.hidden=!0}};return(0,a.useEffect)((()=>{setTimeout((()=>{y(document.querySelector(".".concat(t))),setTimeout((()=>{h.current&&(0,l.Z)(h.current,m||[],Z)}),400)}))}),[m]),(0,d.jsx)(c.Z,{title:n,value:o,graph:(0,d.jsxs)("div",{className:"card-sparkline ".concat(t),style:{marginTop:16},children:[(0,d.jsx)("svg",{ref:h,className:"sparkline",width:(null===x||void 0===x?void 0:x.width)||100,height:30,strokeWidth:"2"}),(0,d.jsx)("span",{className:"tooltip",ref:f,hidden:v.hidden,style:{...v.style},children:v.textContent})]}),description:r})}m.propTypes={id:r().string.isRequired,title:r().string.isRequired,current:r().any.isRequired,description:r().any,data:r().array,dateFn:r().func,valueFn:r().func},m.defaultProps={description:null,data:[],dateFn:e=>e,valueFn:e=>e}},56169:(e,t,n)=>{n.d(t,{Z:()=>m});var a=n(5057),o=n(55898),r=n.n(o),i=n(68420),s=n(52959),l=n(14491),c=n(96266);const d=e=>"".concat(e,"%");function m(e){let{cpus:t,currentLoad:n,history:o}=e;const{t:r,locale:m}=(0,a.useContext)(i.RD);return(0,c.jsx)(s.Z,{id:"cpu-sparkline",title:r("common.cpu"),current:"".concat(Math.floor(n||0),"%"),data:o,description:"".concat(r("system.cores"),": ").concat((null===t||void 0===t?void 0:t.length)||0),dateFn:e=>(0,l.mr)(e,"HH:mm:ss",m),valueFn:d})}m.propTypes={cpus:r().array,currentLoad:r().number,history:r().array},m.defaultProps={cpus:[],currentLoad:0,history:[]}},1979:(e,t,n)=>{n.d(t,{Z:()=>u});var a=n(55898),o=n.n(a),r=n(90049),i=n.n(r),s=n(39948),l=n(68420),c=n(52959),d=n(14491),m=n(96266);function u(e){let{instanceCount:t,title:n,total:a,used:o,history:r}=e;const{t:u,locale:p}=(0,l.PE)(),h=!!a,f=a-o,v=h?"(".concat(Math.floor(o/a*100),"%)"):"",g=[];return t&&g.push({title:u("system.instances"),metric:t}),g.push({title:u("system.used"),metric:i()(o)}),h&&g.push({title:u("system.free"),metric:i()(f)},{title:u("system.total"),metric:i()(a)}),(0,m.jsx)(c.Z,{id:"mem-sparkline",title:n||u("common.memory"),current:"".concat(i()(Math.floor(o||0))," ").concat(v),data:r,description:g.map(((e,t)=>(0,m.jsxs)(s.Z,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title))),dateFn:e=>(0,d.mr)(e,"HH:mm:ss",p),valueFn:i()})}u.propTypes={title:o().string,instanceCount:o().number,total:o().number,used:o().number,history:o().array},u.defaultProps={title:"",instanceCount:null,total:null,used:null,history:[]}},42611:(e,t,n)=>{n.r(t),n.d(t,{default:()=>q,getDefaultRanges:()=>Y});var a=n(5057),o=n(1577),r=n.n(o),i=n(6465),s=n.n(i),l=n(6352),c=n.n(l),d=n(90049),m=n.n(d),u=n(74511),p=n(96181),h=n(93938),f=n(44846),v=n(55402),g=n(11750),y=n(56556),x=n(67680),Z=n(11819),b=n(13811),j=n(49204),k=n(89828),I=n(20425),E=n(34862),D=n(68420),R=n(35432),L=n(87364),P=n(39458),C=n(4903),N=n(44926),S=n(90298),_=n(43713),w=n(59497),T=n(9732),O=n(13379),F=n(14491),B=n(58238),U=n(52959),z=n(96266);const M=s()(0),Y=(e,t)=>[{label:"This Week",startDate:(0,L.Z)(e,{locale:t}),endDate:(0,P.Z)(e,{locale:t})},{label:"Last Week",startDate:(0,L.Z)((0,C.Z)(e,-1),{locale:t}),endDate:(0,P.Z)((0,C.Z)(e,-1),{locale:t})},{label:"Last 7 Days",startDate:(0,C.Z)(e,-1),endDate:e},{label:"This Month",startDate:(0,N.Z)(e),endDate:(0,S.Z)(e)},{label:"Last Month",startDate:(0,N.Z)((0,_.Z)(e,-1)),endDate:(0,S.Z)((0,_.Z)(e,-1))},{label:"This Year",startDate:(0,w.Z)(e),endDate:(0,T.Z)(e)},{label:"Last Year",startDate:(0,w.Z)((0,O.Z)(e,-1)),endDate:(0,T.Z)((0,O.Z)(e,-1))}];function q(e){let{client:t,did:n}=e;const o=r()().subtract(1,"day").toDate(),{info:i,inService:s}=(0,B.h6)(),{t:l,locale:d}=(0,D.PE)(),[L,P]=(0,a.useState)(null),[C,N]=(0,a.useState)(!1),[S,_]=(0,a.useState)(o),[w,T]=(0,a.useState)({startDate:r()().subtract(30,"day").toDate(),endDate:o}),O=(0,u.Z)((async()=>(await t.getTrafficInsights({input:{did:n,startDate:r()(w.startDate).format("YYYY-MM-DD"),endDate:r()(w.endDate).format("YYYY-MM-DD")}})).list));(0,a.useEffect)((()=>{O.loading||w.startDate&&w.endDate&&O.retry()}),[w]);const q=e=>{P(L?null:e.currentTarget)},A=O.value||[],{loading:K,error:W}=O;if(!A.length&&K)return(0,z.jsx)(f.Z,{});if(W)return(0,z.jsx)(h.Z,{severity:"error",children:(0,F.Z)(W)});const H={totalRequests:M,validRequests:M,failedRequests:M,uniqueVisitors:M,uniqueFiles:M,uniqueReferrers:M,uniqueNotFound:M,uniqueStaticFiles:M,logSize:m(),bandwidth:m()},G=Object.keys(H).map((e=>({id:"".concat(e,"_chart"),title:l("analytics.traffic.".concat(e)),current:A.length?H[e](A[0][e]):0,data:A.map((t=>({date:t.date,value:t[e]}))).reverse(),dateFn:M,valueFn:H[e]}))),V=Boolean(L),Q=V?"date-range-picker-popover":void 0,X=s?R.WELLKNOWN_SERVICE_PATH_PREFIX:i.routing.adminPath,J=c()(window.location.origin,X,"/api/analytics/traffic?date=".concat(r()(S).format("YYYY-MM-DD"),"&did=").concat(n));return(0,z.jsxs)("div",{children:[(0,z.jsxs)(g.Z,{component:"div",variant:"h5",className:"page-header",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mb:2,children:[l("analytics.trend"),(0,z.jsxs)(y.Z,{onClick:q,variant:"outlined",size:"small",color:"secondary",children:[(0,F.pz)(w.startDate,d)," - ",(0,F.pz)(w.endDate,d)]})]}),(0,z.jsx)(Z.ZP,{id:Q,open:V,anchorEl:L,onClose:()=>P(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},children:(0,z.jsx)(j.D,{open:!0,toggle:q,maxDate:o,definedRanges:Y(S),onChange:e=>{T(e),P(null)}})}),(0,z.jsx)(v.ZP,{container:!0,spacing:4,children:G.map((e=>(0,z.jsx)(v.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,z.jsx)(U.Z,{...e})},e.id)))}),(0,z.jsxs)(g.Z,{component:"div",variant:"h5",className:"page-header",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mt:4,mb:1,children:[l("analytics.detail"),(0,z.jsxs)("span",{children:[C&&(0,z.jsx)(x.Z,{onClick:()=>{window.open(J)},style:{marginRight:32},children:(0,z.jsx)(b.Z,{})}),(0,z.jsx)(E._,{dateAdapter:I.y,children:(0,z.jsx)(k.M,{disableFuture:!0,format:"ll",value:r()(S),onChange:e=>{_(e.toDate()),N(!1)},slotProps:{textField:{size:"small"}}})})]})]}),(0,z.jsx)(p.Z,{url:J,width:"100%",height:"100%",frameBorder:0,onLoad:()=>N(!0),styles:{border:0,minHeight:"400vh"}})]})}},1722:(e,t,n)=>{n.d(t,{Z:()=>d});var a=n(55898),o=n.n(a),r=n(62681),i=n(72333),s=n(76811),l=n(49522),c=n(96266);function d(e){let{blocklet:t,style:n,size:a,...o}=e;const{logoUrl:d}=(0,l.Z)({blocklet:t}),{variant:m}=o;let u=(0,c.jsx)("img",{src:d,alt:"",style:{width:a}});if(!t.meta.logo){var p;(null===(p=(t.configs||[]).find((e=>e.key===s.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===p?void 0:p.value)||(u=(0,c.jsx)(i.Z,{did:t.meta.did||"",responsive:!0}))}return(0,c.jsx)(r.Z,{variant:m||"square",style:Object.assign({backgroundColor:"transparent",width:a,height:a,borderRadius:10},n),...o,children:u})}d.propTypes={blocklet:o().object.isRequired,style:o().object,size:o().oneOfType([o().number,o().string])},d.defaultProps={style:{},size:40}},80378:(e,t,n)=>{n.d(t,{Z:()=>p});var a=n(55898),o=n.n(a),r=n(62681),i=n(72333),s=n(6352),l=n.n(s),c=n(35432),d=n(58238),m=n(14491);var u=n(96266);function p(e){let{blocklet:t,style:n,size:a,ancestors:o,...s}=e;const p=(0,d.h6)(),{logoUrl:h,inService:f}=function(e){var t;let{blocklet:n,ancestors:a=[]}=e;const o=(0,d.h6)(),{inService:r}=o,i="?v=".concat(null===n||void 0===n||null===(t=n.meta)||void 0===t?void 0:t.version).concat((0,m.XN)(null===n||void 0===n?void 0:n.status)?"~":"");let s=r?l()(m.zn,c.WELLKNOWN_SERVICE_PATH_PREFIX,"/blocklet/logo-bundle",i):l()(o.imgPrefix,"blocklet.png");if("registry"===n.source&&n.deployedFrom&&n.meta.logo)s=l()(n.deployedFrom,(0,m.lk)(n.meta.bundleDid,n.meta.logo),i);else{const e=window.env.apiPrefix||"/",t=a.concat(n),o=r?t.slice(1):t;s=l()(e,"/blocklet/logo-bundle".concat(o.map((e=>"/".concat(e.meta.did))).join("")),i)}return{logoUrl:s,inService:r}}({blocklet:t,ancestors:o}),{variant:v}=s,g=f?()=>{}:e=>{e.target.src="".concat(p.imgPrefix,"/blocklet.png")};let y=(0,u.jsx)("img",{src:h,onError:g,alt:t.meta.name,style:{width:a}});return t.meta.logo||(y=(0,u.jsx)(i.Z,{did:t.meta.did||"",responsive:!0})),(0,u.jsx)(r.Z,{variant:v||"square",style:Object.assign({backgroundColor:"transparent",width:a,height:a,borderRadius:10},n),...s,children:y})}p.propTypes={blocklet:o().object.isRequired,style:o().object,size:o().oneOfType([o().number,o().string]),ancestors:o().array},p.defaultProps={style:{},size:40,ancestors:[]}},49522:(e,t,n)=>{n.d(t,{Z:()=>c});var a=n(6352),o=n.n(a),r=n(76811),i=n(58238),s=n(14491);const l=(e,t)=>{let n="?v=";var a;t?n+=(0,s.Qi)(t):n+="".concat(null===e||void 0===e||null===(a=e.meta)||void 0===a?void 0:a.version).concat((0,s.wS)(null===e||void 0===e?void 0:e.status)?"~":"");return n};function c(e){var t,n,a,s;let{blocklet:c}=e;const{inService:d}=(0,i.h6)(),m=null===(t=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===t?void 0:t.value,u=null===(n=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT)))||void 0===n?void 0:n.value,p=null===(a=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON)))||void 0===a?void 0:a.value,h=(null===(s=window.env)||void 0===s?void 0:s.apiPrefix)||"/";return{logoUrl:o()(h,"/blocklet/logo/".concat(d?"":c.meta.did),l(c,m)),rectLogoUrl:o()(h,"/blocklet/logo-rect/".concat(d?"":c.meta.did),l(c,u)),faviconUrl:o()(h,"/blocklet/logo-favicon/".concat(d?"":c.meta.did),l(c,p))}}}}]);
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6580,2611],{16580:(e,t,n)=>{n.r(t),n.d(t,{default:()=>J});var a=n(71171),o=n(5057),r=n(33518),i=n(85493),s=n(11750),l=n(94464),c=n(68420),d=n(42611),m=n(75793),u=n(96266);function p(){const{api:e,info:t}=(0,m.h6)();return(0,u.jsx)(d.default,{client:e,did:t.did})}var h=n(45603),f=n.n(h),v=n(90049),g=n.n(v),y=n(39948),x=n(55402),Z=n(27684),b=n(14307),j=n(75760),k=n(44846),I=n(35966),E=n(66506),D=n(35432),R=n(77277),L=n(86229),P=n(1722),C=n(80378),N=n(14491),S=n(38242),_=n(56169),w=n(1979),T=n(55898),O=n.n(T),F=n(50844),B=n(99154),U=n(844);const z=(0,F.Z)((e=>({root:{height:10},colorPrimary:{backgroundColor:e.palette.grey["light"===e.palette.mode?200:700]},bar:{backgroundColor:e.palette.secondary.main}})))(B.Z);function M(e){const{value:t}=e;return(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",mt:2,children:[(0,u.jsx)(y.Z,{width:"100%",style:{overflow:"hidden"},mr:1,children:(0,u.jsx)(z,{variant:"determinate",...e})}),(0,u.jsx)(y.Z,{minWidth:35,children:(0,u.jsx)(s.Z,{variant:"body2",color:"textSecondary",children:"".concat(Math.round(t),"%")})})]})}function Y(e){let{disk:t,platform:n}=e;const{t:a}=(0,o.useContext)(c.RD),r=[{id:1,className:"used",title:a("system.used"),metric:(0,N.RR)(t.used,n)},{id:2,className:"free",title:a("system.free"),metric:(0,N.RR)(t.free,n)},{id:3,className:"total",title:a("system.total"),metric:(0,N.RR)(t.total,n)}];return(0,u.jsx)(U.Z,{title:"".concat(a("common.disk")," (").concat(t.device,")"),value:(0,N.RR)(t.used,n),graph:(0,u.jsx)(y.Z,{mt:3,children:(0,u.jsx)(M,{value:t.used/t.total*100})}),description:r.map(((e,t)=>(0,u.jsxs)(y.Z,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title)))})}M.propTypes={value:O().number.isRequired},Y.propTypes={disk:O().shape({used:O().number,free:O().number,total:O().number,device:O().string}),platform:O().string},Y.defaultProps={disk:{used:0,free:0,total:1,device:""},platform:""};var q=n(67654),A=n(52926),K=n(52581),W=n(34937);const H={uptime:0,pid:-1,cpuUsage:0,memoryUsage:0},G="Blocklet Server";function V(e){let{initialBlocklets:t}=e;const{t:n,locale:a}=(0,c.PE)(),{api:r}=(0,m.h6)(),[i,l]=(0,q.Z)("runtime-view-interval",6),d=(0,o.useMemo)((()=>{const e=[];return e.push({type:"server",groupId:"server",groupName:G,id:"server:daemon",name:"Server (Daemon)",runtimeInfo:H}),e.push({type:"server",groupId:"server",groupName:G,id:"server:service",name:"Server (Service)",runtimeInfo:H}),t.forEach((t=>{(0,S.forEachBlockletSync)(t,((n,a)=>{let{id:o,ancestors:r}=a;n.runtimeInfo&&e.push({type:"blocklet",groupId:t.meta.did,groupName:(0,S.getDisplayName)(t),id:o,name:(0,S.getDisplayName)(n,!0),blocklet:t,component:n,runtimeInfo:n.runtimeInfo,ancestors:r})}))})),e}),[]),[p,h]=(0,o.useState)(d),[v,k]=(0,o.useState)({os:{platform:""},mem:{used:0,free:0,total:1},cpu:{cpus:[],currentLoad:1},disks:[],daemon:{},service:{}}),[I,T]=(0,o.useState)({cpu:[],mem:[],daemonMem:[],serviceMem:[]});(0,W.mU)(D.EVENTS.NODE_RUNTIME_INFO,(e=>{e.mem.total=e.mem.total||0,e.mem.used=e.mem.total-(e.mem.available||0),k(e),h((t=>t.map((t=>"server:daemon"===t.id?{...t,runtimeInfo:{...t.runtimeInfo,...e.daemon}}:"server:service"===t.id?{...t,runtimeInfo:{...t.runtimeInfo,...e.service}}:t))))})),(0,W.mU)(D.EVENTS.BLOCKLETS_RUNTIME_INFO,(e=>{e&&e.length?h((t=>t.map((t=>{const n=e.find((e=>e.componentId===t.id));return n?{...t,runtimeInfo:{...t.runtimeInfo,...n.runtimeInfo}}:t})))):console.error("incorrect blocklets runtime info format",e)}));const O=e=>{h((t=>t.filter((t=>t.groupId!==e.meta.did))))},F=async e=>{try{const{blocklet:t}=await r.getBlocklet({input:{did:e.meta.did,attachRuntimeInfo:!0}});"running"!==t.status&&O(t),h((e=>{const n=e.filter((e=>e.groupId!==t.meta.did));return(0,S.forEachBlockletSync)(t,((e,a)=>{let{id:o,ancestors:r}=a;e.runtimeInfo&&n.push({type:"blocklet",groupId:t.meta.did,groupName:(0,S.getDisplayName)(t),id:o,name:(0,S.getDisplayName)(e,!0),blocklet:t,component:e,runtimeInfo:e.runtimeInfo,ancestors:r})})),n}))}catch(t){L.Z.error(t.message)}};(0,W.mU)(R.BlockletEvents.removed,O),(0,W.mU)(R.BlockletEvents.startFailed,O),(0,W.mU)(R.BlockletEvents.statusChange,(e=>{"running"===e.status?F(e):O(e)})),(0,W.mU)(R.BlockletEvents.updated,F),(0,W.mU)(R.BlockletEvents.started,F);(0,o.useEffect)((()=>{r.getNodeRuntimeHistory({input:{hours:i}}).then((e=>{const t=e.history||[];T({cpu:t.map((e=>({date:e.date,value:e.cpu}))),mem:t.map((e=>({date:e.date,value:e.mem}))),daemonMem:t.map((e=>({date:e.date,value:e.daemonMem}))),serviceMem:t.map((e=>({date:e.date,value:e.serviceMem})))})})).catch((e=>{L.Z.error(e.message)}))}),[i]);const B=[{label:n("common.group"),name:"groupName",options:{customBodyRenderLite(e){const{type:t,blocklet:n,groupName:a}=p[e];return"server"===t?(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(K.r,{width:"14",height:"14"}),(0,u.jsx)(y.Z,{ml:1,children:a})]}):(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(P.Z,{size:14,blocklet:n}),(0,u.jsx)(y.Z,{ml:1,children:a})]})}}},{label:n("common.name"),name:"name",options:{customBodyRenderLite(e){const{type:t,name:n,component:a,ancestors:o}=p[e];return"server"===t?(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(E.Z,{width:"14",height:"14"}),(0,u.jsx)(y.Z,{ml:1,children:n})]}):(0,u.jsxs)(y.Z,{display:"flex",alignItems:"center",children:[(0,u.jsx)(C.Z,{size:14,blocklet:a,ancestors:o}),(0,u.jsx)(y.Z,{ml:1,children:n})]})}}},{label:n("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return n=t.uptime,f()(Number(n||0),{locale:(0,N.FF)(a)});var n}}},{label:n("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return g()((null===t||void 0===t?void 0:t.memoryUsage)||0)},sortDirection:"asc"}},{label:n("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite(e){const{runtimeInfo:t}=p[e];return"".concat((t.cpuUsage||0).toFixed(1),"%")}}},{label:n("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"},{label:n("blocklet.runtimeInfo.port"),name:"runtimeInfo.port"}];return(0,u.jsxs)("div",{children:[(0,u.jsxs)(y.Z,{display:"flex",justifyContent:"space-between",flexDirection:"row",mb:2,children:[(0,u.jsx)(s.Z,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},children:n("analytics.trend")}),(0,u.jsx)(b.Z,{size:"small",exclusive:!0,value:i,onChange:(e,t)=>l(t),children:[1,3,6,12,24].map((e=>(0,u.jsxs)(Z.Z,{value:e,children:[e,"H"]},e)))})]}),(0,u.jsxs)(x.ZP,{mb:4,container:!0,spacing:4,children:[(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(_.Z,{...v.cpu,history:I.cpu})},"cpu"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{...v.mem,history:I.mem})},"memory"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{title:"".concat(n("common.memory")," (Daemon)"),used:v.daemon.memoryUsage||0,history:I.daemonMem})},"memory-daemon"),(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(w.Z,{title:"".concat(n("common.memory")," (Service)"),instanceCount:v.service.instanceCount||0,used:v.service.memoryUsage||0,history:I.serviceMem})},"memory-service"),v.disks.map((e=>(0,u.jsx)(x.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,u.jsx)(Y,{disk:e,platform:v.os.platform})},"disk")))]}),(0,u.jsx)(j.Z,{className:"runtime-insight-list",title:n("analytics.detail"),locale:a,data:p,columns:B,options:{download:!1,filter:!1,print:!1,pagination:!1,rowsPerPage:100}})]})}function Q(){const{data:e,externalData:t,initialized:n}=(0,A.RJ)();if(!n)return(0,u.jsx)(I.Z,{relative:"parent",children:(0,u.jsx)(k.Z,{})});const a=[...e,...t]||[];return(0,u.jsx)(V,{initialBlocklets:a})}var X;function J(){const e=(0,i.useNavigate)(),{t:t}=(0,o.useContext)(c.RD),{tab:n="traffic"}=(0,i.useParams)(),a=[{label:t("common.traffic"),value:"traffic"},{label:t("common.runtime"),value:"runtime"}],r={traffic:p,runtime:Q},d=r[n]||r.traffic;return(0,u.jsxs)($,{children:[(0,u.jsx)(s.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:t("common.analytics")}),(0,u.jsx)(l.Z,{tabs:a,current:n,onChange:t=>{e("/analytics/".concat(t))}}),(0,u.jsx)("div",{className:"page-content",children:(0,o.isValidElement)(d)?d:(0,u.jsx)(d,{})})]})}const $=r.Z.main(X||(X=(0,a.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"])))},844:(e,t,n)=>{n.d(t,{Z:()=>p});var a,o=n(71171),r=n(55898),i=n.n(r),s=n(33518),l=n(38763),c=n(75392),d=n(11750),m=n(39948),u=n(96266);function p(e){let{style:t,title:n,value:a,graph:o,description:r}=e;return(0,u.jsx)(h,{children:(0,u.jsxs)(c.Z,{style:{...t},children:[(0,u.jsx)(d.Z,{sx:{fontSize:14},color:"text.secondary",children:n}),(0,u.jsx)(d.Z,{variant:"h5",component:"div",mt:1,children:a}),o,!!r&&(0,u.jsx)(m.Z,{display:"flex",sx:{fontSize:12,marginTop:3},color:"text.secondary",children:r})]})})}p.propTypes={style:i().object,title:i().node,value:i().node,graph:i().node,description:i().any},p.defaultProps={style:{},title:null,value:null,graph:null,description:null};const h=(0,s.Z)(l.Z)(a||(a=(0,o.Z)(["\n  .card-content {\n    height: 150px;\n  }\n\n  .card-sparkline {\n    flex: 2;\n    display: flex;\n    position: relative;\n    *[hidden] {\n      display: none;\n    }\n  }\n  .sparkline {\n    stroke: ",";\n    fill: ","1A;\n  }\n  .tooltip {\n    position: absolute;\n    background: rgba(0, 0, 0, 0.7);\n    color: #fff;\n    padding: 2px 5px;\n    font-size: 12px;\n    white-space: nowrap;\n    z-index: 9999;\n  }\n  .sparkline--cursor {\n    stroke: orange;\n  }\n\n  .sparkline--spot {\n    fill: red;\n    stroke: red;\n  }\n"])),(e=>e.theme.palette.primary.main),(e=>e.theme.palette.primary.main))},52959:(e,t,n)=>{n.d(t,{Z:()=>m});var a=n(5057),o=n(55898),r=n.n(o),i=n(12673),s=n(28563),l=n(26089),c=n(844),d=n(96266);function m(e){let{id:t,title:n,current:o,description:r,data:m,dateFn:u,valueFn:p}=e;const h=(0,a.useRef)(null),f=(0,a.useRef)(null),v=(0,i.Z)({style:{top:0,left:0},hidden:!0,textContent:""}),[g,y]=(0,a.useState)(null),x=(0,s.Z)(g),Z={onmousemove(e,t){const{date:n,value:a}=t;v.textContent="".concat(u(n),": ").concat(p(a)),v.style.top=-30,v.style.left=80,v.hidden=!1},onmouseout(){v.hidden=!0}};return(0,a.useEffect)((()=>{setTimeout((()=>{y(document.querySelector(".".concat(t))),setTimeout((()=>{h.current&&(0,l.Z)(h.current,m||[],Z)}),400)}))}),[m]),(0,d.jsx)(c.Z,{title:n,value:o,graph:(0,d.jsxs)("div",{className:"card-sparkline ".concat(t),style:{marginTop:16},children:[(0,d.jsx)("svg",{ref:h,className:"sparkline",width:(null===x||void 0===x?void 0:x.width)||100,height:30,strokeWidth:"2"}),(0,d.jsx)("span",{className:"tooltip",ref:f,hidden:v.hidden,style:{...v.style},children:v.textContent})]}),description:r})}m.propTypes={id:r().string.isRequired,title:r().string.isRequired,current:r().any.isRequired,description:r().any,data:r().array,dateFn:r().func,valueFn:r().func},m.defaultProps={description:null,data:[],dateFn:e=>e,valueFn:e=>e}},56169:(e,t,n)=>{n.d(t,{Z:()=>m});var a=n(5057),o=n(55898),r=n.n(o),i=n(68420),s=n(52959),l=n(14491),c=n(96266);const d=e=>"".concat(e,"%");function m(e){let{cpus:t,currentLoad:n,history:o}=e;const{t:r,locale:m}=(0,a.useContext)(i.RD);return(0,c.jsx)(s.Z,{id:"cpu-sparkline",title:r("common.cpu"),current:"".concat(Math.floor(n||0),"%"),data:o,description:"".concat(r("system.cores"),": ").concat((null===t||void 0===t?void 0:t.length)||0),dateFn:e=>(0,l.mr)(e,"HH:mm:ss",m),valueFn:d})}m.propTypes={cpus:r().array,currentLoad:r().number,history:r().array},m.defaultProps={cpus:[],currentLoad:0,history:[]}},1979:(e,t,n)=>{n.d(t,{Z:()=>u});var a=n(55898),o=n.n(a),r=n(90049),i=n.n(r),s=n(39948),l=n(68420),c=n(52959),d=n(14491),m=n(96266);function u(e){let{instanceCount:t,title:n,total:a,used:o,history:r}=e;const{t:u,locale:p}=(0,l.PE)(),h=!!a,f=a-o,v=h?"(".concat(Math.floor(o/a*100),"%)"):"",g=[];return t&&g.push({title:u("system.instances"),metric:t}),g.push({title:u("system.used"),metric:i()(o)}),h&&g.push({title:u("system.free"),metric:i()(f)},{title:u("system.total"),metric:i()(a)}),(0,m.jsx)(c.Z,{id:"mem-sparkline",title:n||u("common.memory"),current:"".concat(i()(Math.floor(o||0))," ").concat(v),data:r,description:g.map(((e,t)=>(0,m.jsxs)(s.Z,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title))),dateFn:e=>(0,d.mr)(e,"HH:mm:ss",p),valueFn:i()})}u.propTypes={title:o().string,instanceCount:o().number,total:o().number,used:o().number,history:o().array},u.defaultProps={title:"",instanceCount:null,total:null,used:null,history:[]}},42611:(e,t,n)=>{n.r(t),n.d(t,{default:()=>q,getDefaultRanges:()=>Y});var a=n(5057),o=n(1577),r=n.n(o),i=n(6465),s=n.n(i),l=n(6352),c=n.n(l),d=n(90049),m=n.n(d),u=n(74511),p=n(96181),h=n(93938),f=n(44846),v=n(55402),g=n(11750),y=n(56556),x=n(67680),Z=n(11819),b=n(13811),j=n(49204),k=n(89828),I=n(20425),E=n(34862),D=n(68420),R=n(35432),L=n(87364),P=n(39458),C=n(4903),N=n(44926),S=n(90298),_=n(43713),w=n(59497),T=n(9732),O=n(13379),F=n(14491),B=n(58238),U=n(52959),z=n(96266);const M=s()(0),Y=(e,t)=>[{label:"This Week",startDate:(0,L.Z)(e,{locale:t}),endDate:(0,P.Z)(e,{locale:t})},{label:"Last Week",startDate:(0,L.Z)((0,C.Z)(e,-1),{locale:t}),endDate:(0,P.Z)((0,C.Z)(e,-1),{locale:t})},{label:"Last 7 Days",startDate:(0,C.Z)(e,-1),endDate:e},{label:"This Month",startDate:(0,N.Z)(e),endDate:(0,S.Z)(e)},{label:"Last Month",startDate:(0,N.Z)((0,_.Z)(e,-1)),endDate:(0,S.Z)((0,_.Z)(e,-1))},{label:"This Year",startDate:(0,w.Z)(e),endDate:(0,T.Z)(e)},{label:"Last Year",startDate:(0,w.Z)((0,O.Z)(e,-1)),endDate:(0,T.Z)((0,O.Z)(e,-1))}];function q(e){let{client:t,did:n}=e;const o=r()().subtract(1,"day").toDate(),{info:i,inService:s}=(0,B.h6)(),{t:l,locale:d}=(0,D.PE)(),[L,P]=(0,a.useState)(null),[C,N]=(0,a.useState)(!1),[S,_]=(0,a.useState)(o),[w,T]=(0,a.useState)({startDate:r()().subtract(30,"day").toDate(),endDate:o}),O=(0,u.Z)((async()=>(await t.getTrafficInsights({input:{did:n,startDate:r()(w.startDate).format("YYYY-MM-DD"),endDate:r()(w.endDate).format("YYYY-MM-DD")}})).list));(0,a.useEffect)((()=>{O.loading||w.startDate&&w.endDate&&O.retry()}),[w]);const q=e=>{P(L?null:e.currentTarget)},A=O.value||[],{loading:K,error:W}=O;if(!A.length&&K)return(0,z.jsx)(f.Z,{});if(W)return(0,z.jsx)(h.Z,{severity:"error",children:(0,F.Z)(W)});const H={totalRequests:M,validRequests:M,failedRequests:M,uniqueVisitors:M,uniqueFiles:M,uniqueReferrers:M,uniqueNotFound:M,uniqueStaticFiles:M,logSize:m(),bandwidth:m()},G=Object.keys(H).map((e=>({id:"".concat(e,"_chart"),title:l("analytics.traffic.".concat(e)),current:A.length?H[e](A[0][e]):0,data:A.map((t=>({date:t.date,value:t[e]}))).reverse(),dateFn:M,valueFn:H[e]}))),V=Boolean(L),Q=V?"date-range-picker-popover":void 0,X=s?R.WELLKNOWN_SERVICE_PATH_PREFIX:i.routing.adminPath,J=c()(window.location.origin,X,"/api/analytics/traffic?date=".concat(r()(S).format("YYYY-MM-DD"),"&did=").concat(n));return(0,z.jsxs)("div",{children:[(0,z.jsxs)(g.Z,{component:"div",variant:"h5",className:"page-header",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mb:2,children:[l("analytics.trend"),(0,z.jsxs)(y.Z,{onClick:q,variant:"outlined",size:"small",color:"secondary",children:[(0,F.pz)(w.startDate,d)," - ",(0,F.pz)(w.endDate,d)]})]}),(0,z.jsx)(Z.ZP,{id:Q,open:V,anchorEl:L,onClose:()=>P(null),anchorOrigin:{vertical:"bottom",horizontal:"left"},children:(0,z.jsx)(j.D,{open:!0,toggle:q,maxDate:o,definedRanges:Y(S),onChange:e=>{T(e),P(null)}})}),(0,z.jsx)(v.ZP,{container:!0,spacing:4,children:G.map((e=>(0,z.jsx)(v.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,z.jsx)(U.Z,{...e})},e.id)))}),(0,z.jsxs)(g.Z,{component:"div",variant:"h5",className:"page-header",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mt:4,mb:1,children:[l("analytics.detail"),(0,z.jsxs)("span",{children:[C&&(0,z.jsx)(x.Z,{onClick:()=>{window.open(J)},style:{marginRight:32},children:(0,z.jsx)(b.Z,{})}),(0,z.jsx)(E._,{dateAdapter:I.y,children:(0,z.jsx)(k.M,{disableFuture:!0,format:"ll",value:r()(S),onChange:e=>{_(e.toDate()),N(!1)},slotProps:{textField:{size:"small"}}})})]})]}),(0,z.jsx)(p.Z,{url:J,width:"100%",height:"100%",frameBorder:0,onLoad:()=>N(!0),styles:{border:0,minHeight:"400vh"}})]})}},1722:(e,t,n)=>{n.d(t,{Z:()=>d});var a=n(55898),o=n.n(a),r=n(62681),i=n(72333),s=n(77277),l=n(49522),c=n(96266);function d(e){let{blocklet:t,style:n,size:a,...o}=e;const{logoUrl:d}=(0,l.Z)({blocklet:t}),{variant:m}=o;let u=(0,c.jsx)("img",{src:d,alt:"",style:{width:a}});if(!t.meta.logo){var p;(null===(p=(t.configs||[]).find((e=>e.key===s.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===p?void 0:p.value)||(u=(0,c.jsx)(i.Z,{did:t.meta.did||"",responsive:!0}))}return(0,c.jsx)(r.Z,{variant:m||"square",style:Object.assign({backgroundColor:"transparent",width:a,height:a,borderRadius:10},n),...o,children:u})}d.propTypes={blocklet:o().object.isRequired,style:o().object,size:o().oneOfType([o().number,o().string])},d.defaultProps={style:{},size:40}},80378:(e,t,n)=>{n.d(t,{Z:()=>p});var a=n(55898),o=n.n(a),r=n(62681),i=n(72333),s=n(6352),l=n.n(s),c=n(35432),d=n(58238),m=n(14491);var u=n(96266);function p(e){let{blocklet:t,style:n,size:a,ancestors:o,...s}=e;const p=(0,d.h6)(),{logoUrl:h,inService:f}=function(e){var t;let{blocklet:n,ancestors:a=[]}=e;const o=(0,d.h6)(),{inService:r}=o,i="?v=".concat(null===n||void 0===n||null===(t=n.meta)||void 0===t?void 0:t.version).concat((0,m.XN)(null===n||void 0===n?void 0:n.status)?"~":"");let s=r?l()(m.zn,c.WELLKNOWN_SERVICE_PATH_PREFIX,"/blocklet/logo-bundle",i):l()(o.imgPrefix,"blocklet.png");if("registry"===n.source&&n.deployedFrom&&n.meta.logo)s=l()(n.deployedFrom,(0,m.lk)(n.meta.bundleDid,n.meta.logo),i);else{const e=window.env.apiPrefix||"/",t=a.concat(n),o=r?t.slice(1):t;s=l()(e,"/blocklet/logo-bundle".concat(o.map((e=>"/".concat(e.meta.did))).join("")),i)}return{logoUrl:s,inService:r}}({blocklet:t,ancestors:o}),{variant:v}=s,g=f?()=>{}:e=>{e.target.src="".concat(p.imgPrefix,"/blocklet.png")};let y=(0,u.jsx)("img",{src:h,onError:g,alt:t.meta.name,style:{width:a}});return t.meta.logo||(y=(0,u.jsx)(i.Z,{did:t.meta.did||"",responsive:!0})),(0,u.jsx)(r.Z,{variant:v||"square",style:Object.assign({backgroundColor:"transparent",width:a,height:a,borderRadius:10},n),...s,children:y})}p.propTypes={blocklet:o().object.isRequired,style:o().object,size:o().oneOfType([o().number,o().string]),ancestors:o().array},p.defaultProps={style:{},size:40,ancestors:[]}},49522:(e,t,n)=>{n.d(t,{Z:()=>c});var a=n(6352),o=n.n(a),r=n(77277),i=n(58238),s=n(14491);const l=(e,t)=>{let n="?v=";var a;t?n+=(0,s.Qi)(t):n+="".concat(null===e||void 0===e||null===(a=e.meta)||void 0===a?void 0:a.version).concat((0,s.wS)(null===e||void 0===e?void 0:e.status)?"~":"");return n};function c(e){var t,n,a,s;let{blocklet:c}=e;const{inService:d}=(0,i.h6)(),m=null===(t=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===t?void 0:t.value,u=null===(n=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT)))||void 0===n?void 0:n.value,p=null===(a=((null===c||void 0===c?void 0:c.environments)||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON)))||void 0===a?void 0:a.value,h=(null===(s=window.env)||void 0===s?void 0:s.apiPrefix)||"/";return{logoUrl:o()(h,"/blocklet/logo/".concat(d?"":c.meta.did),l(c,m)),rectLogoUrl:o()(h,"/blocklet/logo-rect/".concat(d?"":c.meta.did),l(c,u)),faviconUrl:o()(h,"/blocklet/logo-favicon/".concat(d?"":c.meta.did),l(c,p))}}}}]);

package/build/static/js/{6931.e9297d29.chunk.js → 6931.a2586ea5.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6931],{78123:(e,n,t)=>{t.d(n,{Z:()=>z});var o,l=t(71171),i=t(5057),a=t(55898),r=t.n(a),c=t(33518),s=t(85493),d=t(15849),u=t(67654),m=t(67680),p=t(61533),v=t(29034),g=t(49127),f=t(44846),b=t(74490),h=t(83294),k=t(46954),y=t(44067),Z=t(11750),x=t(65140),C=t(87916),w=t(26174),E=t(93938),L=t(28726),j=t(38242),R=t(68420),B=t(76811),D=t(86229),O=t(14491),S=t(4651),P=t(58238),U=t(70461),_=t(55419),T=t(29054),A=t(96266);function N(e){var n,t,o,l;let{blocklet:a,onStart:r,onComplete:c,variant:N,hasPermission:I,useBlockletUrlEvaluation:M,...z}=e;const G=(0,s.useNavigate)(),F=(0,P.h6)(),[q,X]=(0,i.useState)(null),[V,W]=(0,i.useState)(null),[Y,Q]=(0,i.useState)(!1),[H,J]=(0,i.useState)(null),{t:$}=(0,i.useContext)(R.RD),[ee]=(0,u.Z)("skip-blocklet-setup",!1),{loading:ne,recommendedUrl:te}=M(a),{nftState:oe}=(0,T.y0)(),le=(0,j.isInProgress)(a.status);let ie=(null===a||void 0===a||null===(n=a.controller)||void 0===n||null===(t=n.status)||void 0===t?void 0:t.value)===B.BLOCKLET_CONTROLLER_STATUS.suspended;null!==oe&&void 0!==oe&&oe.expired||(null===a||void 0===a||null===(o=a.controller)||void 0===o||null===(l=o.status)||void 0===l?void 0:l.reason)!==B.SUSPENDED_REASON.expired||(ie=!1);const{inService:ae}=F,re=function(e,n){let t=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return async()=>{const o=async t=>{r({action:e,blocklet:a}),Q(!0),W(e);let o=!1;try{if("remove"===e)await n(t);else if("start"===e){var l;if(!(0,j.hasRunnableComponent)(a))return void D.Z.error($("blocklet.noComponent"));if(!ae&&!ee&&(null===(l=a.settings)||void 0===l||!l.initialized)&&a.mode!==B.BLOCKLET_MODES.DEVELOPMENT){const n=(0,S.RU)(F.info),t=new URL(te);return t.searchParams.set("serverUrl",n),window.open(t.href),void c({action:e,blocklet:a})}const t=a.children.filter((e=>!(0,j.isInProgress)(e.status)&&"running"!==e.status)).map((e=>e.meta.did)),o={did:a.meta.did,componentDids:t};await n({input:o})}else if(["stop","restart","reload"].includes(e)){const e=a.children.filter((e=>"running"===e.status)).map((e=>e.meta.did)),t={did:a.meta.did,componentDids:e};await n({input:t})}else{const e={did:a.meta.did};await n({input:e})}"remove"===e?o=!0:await(0,O._v)(1e3),"reload"===e&&D.Z.success($("blocklet.reloadSuccess")),J(null),c({action:e,blocklet:a})}catch(i){const n="Blocklet ".concat(e," failed: ").concat((0,O.Z)(i));throw c({action:e,blocklet:a,error:new Error(n)}),new Error(n)}finally{o||Q(!1)}},l=()=>{Q(!1),J(null)},i=(0,j.getDisplayName)(a,!0),s=a.mode===B.BLOCKLET_MODES.DEVELOPMENT?{description:()=>(0,A.jsx)(Z.Z,{component:"div",children:(0,A.jsx)(Z.Z,{gutterBottom:!0,children:$("blocklet.action.removeApplicationDescription")})}),params:{removeType:"complete"}}:{description:(e,n)=>(0,A.jsxs)(Z.Z,{component:"div",children:[(0,A.jsx)(Z.Z,{gutterBottom:!0,children:$("blocklet.action.removeApplicationDescription")}),(0,A.jsxs)(C.Z,{name:"removeType",value:e.removeType,onChange:t=>n({...e,removeType:t.target.value}),children:[(0,A.jsx)(w.Z,{value:"backup",control:(0,A.jsx)(x.Z,{}),label:$("blocklet.action.removeApplicationAfterBackup")}),(0,A.jsx)(w.Z,{value:"complete",control:(0,A.jsx)(x.Z,{}),label:$("blocklet.action.removeApplicationComplete")})]})]}),params:{removeType:"backup"}},d={stop:{title:"".concat($("common.stop")," ").concat(i),description:$("blocklet.action.stopDescription"),confirm:$("blocklet.action.confirmStop"),cancel:$("common.cancel"),onConfirm:o,onCancel:l},restart:{title:"".concat($("common.restart")," ").concat(i),description:$("blocklet.action.restartDescription"),confirm:$("blocklet.action.confirmRestart"),cancel:$("common.cancel"),onConfirm:o,onCancel:l},remove:{title:"".concat($("common.remove")," ").concat(i),confirm:$("blocklet.action.confirmRemove"),cancel:$("common.cancel"),onConfirm:o,onCancel:l,...s},cancelDownload:{title:"".concat($("common.cancel")),description:$("blocklet.action.cancelDownloadDescription",{name:i}),confirm:$("common.confirm"),cancel:$("common.cancel"),onConfirm:o,onCancel:l}};t?J(d[e]):await o()}},ce=Boolean(q),se=e=>{try{e.stopPropagation(),e.preventDefault()}catch{}X(e.currentTarget)},de=e=>{try{e.stopPropagation(),e.preventDefault()}catch{}X(null)},ue=async(e,n)=>{try{n.stopPropagation(),n.preventDefault()}catch{}if("function"===typeof e.handler)try{Q(!0),W(e.action),await e.handler()}catch(t){console.error("Blocklet ".concat(e.name," failed: "),t)}finally{Q(!1),X(null)}else X(null)},me=!ae&&(0,j.isDeletableBlocklet)(a)?{action:"remove",icon:_.Z.Remove,name:$("common.remove"),handler:re("remove",(async e=>{let{removeType:n}=e;"backup"===n&&await F.api.backupBlocklet({input:{appDid:a.appDid,to:"disk"}}),await F.api.deleteBlocklet({input:{did:a.meta.did,keepData:!1}})}),!0),disabled:le}:null,pe={action:"remove",icon:_.Z.Remove,name:$("common.cancel"),handler:re("cancelDownload",F.api.cancelDownloadBlocklet,!0)},ve=(0,j.getAppMissingConfigs)(a),ge=[{action:"start",icon:_.Z.Start,name:$("common.start"),handler:re("start",F.api.startBlocklet),disabled:ie||a.children.every((e=>"running"===e.status))||(0,O.XN)(a.status)||ne||le},{action:"stop",icon:_.Z.Stop,name:$("common.stop"),handler:re("stop",F.api.stopBlocklet,!0),disabled:!["running","starting"].includes(a.status)},{action:"restart",icon:_.Z.Restart,name:$("common.restart"),handler:re("restart",F.api.restartBlocklet,!0),disabled:ie||"running"!==a.status},{action:"reload",icon:_.Z.Reload,name:$("common.reload"),handler:re("reload",F.api.reloadBlocklet),disabled:ie||"running"!==a.status},(0,O.XN)(a.status)?pe:me,{separator:!0},{onlyInMenu:!0,action:"config",icon:_.Z.Config,name:$("common.config"),handler:()=>{G("/blocklets/".concat(a.meta.did,"/configuration"))},disabled:(0,O.XN)(a.status)},{onlyInMenu:!0,action:"team",icon:_.Z.Group,name:$("common.manageTeam"),handler:()=>{G("/blocklets/".concat(a.meta.did,"/members"))},disabled:(0,O.XN)(a.status)},{onlyInMenu:!0,action:"log",icon:_.Z.Log,name:$("common.log"),handler:()=>{G("/logs/blocklet-".concat(a.meta.did))},disabled:(0,O.XN)(a.status)}].filter(Boolean);return"menu"===N?(0,A.jsxs)(K,{"data-cy":"blocklet-actions",children:[(0,A.jsx)(m.Z,{"aria-label":"more","aria-controls":"actions-menu","aria-haspopup":"true","data-cy":"trigger-blocklet-actions","actions-blocklet-did":a.meta.did,onClick:se,size:"small",disabled:!I||!(0,O.XN)(a.status)&&Y,children:(0,A.jsx)(h.Z,{})}),(0,A.jsxs)(p.Z,{id:"actions-menu",anchorEl:q,keepMounted:!0,open:ce,onClose:de,PaperProps:{},children:[ve.length>0&&(0,A.jsxs)(E.Z,{style:{maxWidth:"400px"},severity:"error",children:[$("blocklet.config.missingRequired"),(0,A.jsx)("br",{}),(0,A.jsx)(d.Link,{to:"/blocklets/".concat(a.meta.did,"/components"),children:$("blocklet.config.gotoFix")})]}),ge.map(((e,n)=>e.separator?(0,A.jsx)(v.Z,{},"separator-".concat(n)):(0,A.jsxs)(b.Z,{dense:!0,onClick:n=>ue(e,n),disabled:Y||e.disabled,"data-cy":"".concat(e.action,"-blocklet"),children:[(0,A.jsx)(k.Z,{style:{minWidth:24},children:V===e.action&&Y?(0,A.jsx)(f.Z,{size:16,sx:{marginRight:1}}):(0,A.jsx)(e.icon,{fontSize:"small"})}),(0,A.jsx)(y.Z,{primary:e.name})]},e.name)))]}),H&&(0,A.jsx)(U.Z,{title:H.title,description:H.description,confirm:H.confirm,cancel:H.cancel,params:H.params,onConfirm:H.onConfirm,onCancel:H.onCancel})]}):(0,A.jsxs)(K,{"data-cy":"blocklet-actions",...z,children:[(0,A.jsx)(g.Z,{children:ge.filter((e=>!e.separator&&!e.onlyInMenu)).map((e=>(0,A.jsxs)(L.Z,{title:e.name,"data-cy":"".concat(e.action,"-blocklet"),onClick:()=>ue(e),disabled:Boolean(e.disabled)||Y,children:[V===e.action&&Y?(0,A.jsx)(f.Z,{size:16,sx:{marginRight:1}}):(0,A.jsx)(e.icon,{}),(0,A.jsx)("span",{className:"blocklet-action-text",children:e.name})]},e.name)))}),H&&(0,A.jsx)(U.Z,{title:H.title,description:H.description,confirm:H.confirm,cancel:H.cancel,params:H.params,onConfirm:H.onConfirm,onCancel:H.onCancel})]})}N.propTypes={blocklet:r().object.isRequired,onStart:r().func.isRequired,onComplete:r().func.isRequired,variant:r().oneOf(["menu","group"]),hasPermission:r().bool,useBlockletUrlEvaluation:r().func},N.defaultProps={variant:"menu",hasPermission:!1,useBlockletUrlEvaluation:()=>{var e,n;return{loading:!1,recommendedUrl:null===(e=window)||void 0===e||null===(n=e.location)||void 0===n?void 0:n.href}}};const K=c.Z.div(o||(o=(0,l.Z)(["\n  display: flex;\n  align-items: center;\n\n  @media (max-width: ","px) {\n    .MuiButton-root {\n      padding: 4px;\n      font-size: 10px;\n    }\n  }\n"])),(e=>e.theme.breakpoints.values.sm));var I=t(7199),M=t(24138);function z(e){let{...n}=e;const t=(0,I.V)(N,"mutate_blocklets");return(0,A.jsx)(t,{...n,useBlockletUrlEvaluation:M.BZ})}},24138:(e,n,t)=>{t.d(n,{BZ:()=>b,ZN:()=>h});var o=t(5057),l=t(6352),i=t.n(l),a=t(35432),r=t(49714),c=t(41365),s=t.n(c),d=t(32243),u=t.n(d),m=t(68420),p=t(14491);const v=u()((e=>s()(i()(new URL(e).origin,a.WELLKNOWN_PING_PREFIX)))),g={};function f(e){let{urls:n,checkAccessible:t=s(),disableCache:l=!1}=e;const i=(0,o.useRef)(n.filter((e=>g[e])).map((e=>g[e]))),a=i.current.length===n.length,[c,d]=(0,o.useState)(a?i.current:[]),[u,m]=(0,o.useState)(!a),p=(0,o.useMemo)((()=>!u&&c.length?c[0]:null),[c,u]);return(0,o.useEffect)((()=>{if((null===n||void 0===n?void 0:n.length)>0&&!a){(async()=>{let e;if(m(!0),l)e=await(0,r.evaluateURLs)(n,{checkAccessible:t}),e.forEach((e=>{g[e.url]=e}));else{(await(0,r.evaluateURLs)(n.filter((e=>!g[e])),{checkAccessible:t})).forEach((e=>{g[e.url]=e})),e=n.map((e=>g[e])).sort(((e,n)=>n.score-e.score))}d(e),m(!1)})()}}),[n,l,a]),{urlsState:c,loading:u,recommendedUrlState:p,recommendedUrl:null===p||void 0===p?void 0:p.url}}function b(e){const{locale:n}=(0,o.useContext)(m.RD),t=(0,o.useMemo)((()=>e?(0,p.A6)({blocklet:e,params:(0,p.f0)(e,n)}):[]),[e,n]),{loading:l,recommendedUrlState:i,recommendedUrl:a}=f({urls:t,checkAccessible:v});return{urls:t,loading:l,recommendedUrlState:i,recommendedUrl:a}}function h(e){const n=(0,o.useMemo)((()=>e.map((e=>(0,p.Sk)(e)))),[e]),{urlsState:t,loading:l,recommendedUrl:i}=f({urls:n,checkAccessible:v});let a;if(l)a={domainsAccessibility:e.reduce(((e,n)=>({...e,[n]:{loading:!0}})),{}),recommendedDomain:null};else{var r;const e=t.reduce(((e,n)=>{const t=new URL(n.url).hostname;return e[t]={...n,domain:t},e}),{}),n=(null===(r=t.find((e=>e.accessible)))||void 0===r?void 0:r.url)||i;a={domainsAccessibility:e,recommendedDomain:n?new URL(n).hostname:null}}return a}},1722:(e,n,t)=>{t.d(n,{Z:()=>d});var o=t(55898),l=t.n(o),i=t(62681),a=t(72333),r=t(76811),c=t(49522),s=t(96266);function d(e){let{blocklet:n,style:t,size:o,...l}=e;const{logoUrl:d}=(0,c.Z)({blocklet:n}),{variant:u}=l;let m=(0,s.jsx)("img",{src:d,alt:"",style:{width:o}});if(!n.meta.logo){var p;(null===(p=(n.configs||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===p?void 0:p.value)||(m=(0,s.jsx)(a.Z,{did:n.meta.did||"",responsive:!0}))}return(0,s.jsx)(i.Z,{variant:u||"square",style:Object.assign({backgroundColor:"transparent",width:o,height:o,borderRadius:10},t),...l,children:m})}d.propTypes={blocklet:l().object.isRequired,style:l().object,size:l().oneOfType([l().number,l().string])},d.defaultProps={style:{},size:40}},55419:(e,n,t)=>{t.d(n,{Z:()=>u});var o=t(27773),l=t(22754),i=t(98451),a=t(32207),r=t(35258),c=t(17545),s=t(49647),d=t(70648);const u={Start:l.Z,Stop:i.Z,Restart:a.default,Reload:r.Z,Remove:o.default,Config:c.Z,Log:s.Z,Group:d.Z}},81010:(e,n,t)=>{t.d(n,{Z:()=>v});var o=t(5057),l=t(55898),i=t.n(l),a=t(44846),r=t(75239),c=t(68420),s=t(38242),d=t(69569),u=t(22228),m=t(96266);const p={yellow:"#FFCF71",grey:"#888888"};function v(e){let{status:n,variant:t,source:l,...i}=e;const{t:v}=(0,o.useContext)(c.RD),g={added:p.grey,waiting:p.yellow,downloading:p.yellow,downloaded:p.grey,installing:p.yellow,installed:p.grey,starting:p.yellow,running:"success",stopping:p.yellow,stopped:p.grey,error:"error",upgrading:p.yellow,restarting:p.yellow,corrupted:"error",deleting:p.yellow},f=(0,s.isInProgress)(n),b=v("blocklet.status.".concat(n));return"dot"===t?(0,m.jsx)(r.Z,{title:v("blocklet.statusTip",{status:b}),children:(0,m.jsx)(d.Z,{color:g[n],...i})}):(0,m.jsxs)(u.Z,{type:{added:"primary",waiting:"warning",downloading:"warning",downloaded:"primary",installing:"warning",installed:"primary",starting:"warning",running:"success",stopping:"warning",stopped:"reverse",error:"error",upgrading:"warning",restarting:"warning",corrupted:"error",deleting:"warning"}[n],...i,children:[f&&(0,m.jsx)(a.Z,{size:12,color:"inherit",style:{marginRight:5}}),b]})}v.propTypes={status:i().string.isRequired,variant:i().oneOf(["dot","tag"]),source:i().string},v.defaultProps={variant:"tag",source:""}},29054:(e,n,t)=>{t.d(n,{BlockletContext:()=>l,y0:()=>r});var o=t(5057);const l=(0,o.createContext)({}),{Provider:i,Consumer:a}=l;function r(){return(0,o.useContext)(l)}},87363:(e,n,t)=>{t.d(n,{K:()=>u,g:()=>d});var o=t(5057),l=t(55898),i=t.n(l),a=t(69163),r=t.n(a),c=t(96266);const s=(0,o.createContext)({});function d(e){let{children:n,type:t}=e;const[l,i]=(0,o.useState)([]),a=(0,o.useRef)([]),d=e=>{if(a.current.includes(e)){const n=a.current.filter((n=>n!==e));i(n),a.current=n}};return(0,c.jsx)(s.Provider,{value:{type:t,deletingBlocklets:l,addDeletingDid:e=>{if(!a.current.includes(e)){const n=[...a.current,e];i(n),a.current=n}},removeDeletingDid:d,matchDeletingDid:e=>{const n=l.filter((n=>e.find((e=>e===n))));r()(n,l).forEach((e=>d(e)))}},children:n})}function u(){return(0,o.useContext)(s)}d.propTypes={type:i().string,children:i().node.isRequired},d.defaultProps={type:"blocklets"}},69569:(e,n,t)=>{t.d(n,{Z:()=>c});var o,l=t(71171),i=t(33518);const a={success:"#3ab39d",error:"#D0021B"},r="10px",c=i.Z.div(o||(o=(0,l.Z)(["\n  display: inline-block;\n  min-width: ",";\n  min-height: ",";\n  background: ",";\n  border-radius: 100%;\n"])),(e=>e.size||r),(e=>e.size||r),(e=>a[e.color]||e.color||a.success))},49522:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(6352),l=t.n(o),i=t(76811),a=t(58238),r=t(14491);const c=(e,n)=>{let t="?v=";var o;n?t+=(0,r.Qi)(n):t+="".concat(null===e||void 0===e||null===(o=e.meta)||void 0===o?void 0:o.version).concat((0,r.wS)(null===e||void 0===e?void 0:e.status)?"~":"");return t};function s(e){var n,t,o,r;let{blocklet:s}=e;const{inService:d}=(0,a.h6)(),u=null===(n=((null===s||void 0===s?void 0:s.environments)||[]).find((e=>e.key===i.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===n?void 0:n.value,m=null===(t=((null===s||void 0===s?void 0:s.environments)||[]).find((e=>e.key===i.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT)))||void 0===t?void 0:t.value,p=null===(o=((null===s||void 0===s?void 0:s.environments)||[]).find((e=>e.key===i.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON)))||void 0===o?void 0:o.value,v=(null===(r=window.env)||void 0===r?void 0:r.apiPrefix)||"/";return{logoUrl:l()(v,"/blocklet/logo/".concat(d?"":s.meta.did),c(s,u)),rectLogoUrl:l()(v,"/blocklet/logo-rect/".concat(d?"":s.meta.did),c(s,m)),faviconUrl:l()(v,"/blocklet/logo-favicon/".concat(d?"":s.meta.did),c(s,p))}}},22228:(e,n,t)=>{t.d(n,{Z:()=>r});var o=t(55898),l=t.n(o),i=t(19778),a=t(96266);function r(e){let{children:n,style:t,...o}=e;return(0,a.jsx)(i.Z,{style:t,...o,children:n})}r.propTypes={children:l().any.isRequired,style:l().object},r.defaultProps={style:{}}}}]);
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[6931],{78123:(e,n,t)=>{t.d(n,{Z:()=>z});var o,l=t(71171),i=t(5057),a=t(55898),r=t.n(a),c=t(33518),s=t(85493),d=t(15849),u=t(67654),m=t(67680),p=t(61533),v=t(29034),g=t(49127),f=t(44846),b=t(74490),h=t(83294),k=t(46954),y=t(44067),Z=t(11750),x=t(65140),C=t(87916),w=t(26174),E=t(93938),L=t(28726),j=t(38242),R=t(68420),B=t(77277),D=t(86229),O=t(14491),S=t(4651),P=t(58238),U=t(70461),_=t(55419),T=t(29054),A=t(96266);function N(e){var n,t,o,l;let{blocklet:a,onStart:r,onComplete:c,variant:N,hasPermission:I,useBlockletUrlEvaluation:M,...z}=e;const G=(0,s.useNavigate)(),F=(0,P.h6)(),[q,X]=(0,i.useState)(null),[V,W]=(0,i.useState)(null),[Y,Q]=(0,i.useState)(!1),[H,J]=(0,i.useState)(null),{t:$}=(0,i.useContext)(R.RD),[ee]=(0,u.Z)("skip-blocklet-setup",!1),{loading:ne,recommendedUrl:te}=M(a),{nftState:oe}=(0,T.y0)(),le=(0,j.isInProgress)(a.status);let ie=(null===a||void 0===a||null===(n=a.controller)||void 0===n||null===(t=n.status)||void 0===t?void 0:t.value)===B.BLOCKLET_CONTROLLER_STATUS.suspended;null!==oe&&void 0!==oe&&oe.expired||(null===a||void 0===a||null===(o=a.controller)||void 0===o||null===(l=o.status)||void 0===l?void 0:l.reason)!==B.SUSPENDED_REASON.expired||(ie=!1);const{inService:ae}=F,re=function(e,n){let t=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return async()=>{const o=async t=>{r({action:e,blocklet:a}),Q(!0),W(e);let o=!1;try{if("remove"===e)await n(t);else if("start"===e){var l;if(!(0,j.hasRunnableComponent)(a))return void D.Z.error($("blocklet.noComponent"));if(!ae&&!ee&&(null===(l=a.settings)||void 0===l||!l.initialized)&&a.mode!==B.BLOCKLET_MODES.DEVELOPMENT){const n=(0,S.RU)(F.info),t=new URL(te);return t.searchParams.set("serverUrl",n),window.open(t.href),void c({action:e,blocklet:a})}const t=a.children.filter((e=>!(0,j.isInProgress)(e.status)&&"running"!==e.status)).map((e=>e.meta.did)),o={did:a.meta.did,componentDids:t};await n({input:o})}else if(["stop","restart","reload"].includes(e)){const e=a.children.filter((e=>"running"===e.status)).map((e=>e.meta.did)),t={did:a.meta.did,componentDids:e};await n({input:t})}else{const e={did:a.meta.did};await n({input:e})}"remove"===e?o=!0:await(0,O._v)(1e3),"reload"===e&&D.Z.success($("blocklet.reloadSuccess")),J(null),c({action:e,blocklet:a})}catch(i){const n="Blocklet ".concat(e," failed: ").concat((0,O.Z)(i));throw c({action:e,blocklet:a,error:new Error(n)}),new Error(n)}finally{o||Q(!1)}},l=()=>{Q(!1),J(null)},i=(0,j.getDisplayName)(a,!0),s=a.mode===B.BLOCKLET_MODES.DEVELOPMENT?{description:()=>(0,A.jsx)(Z.Z,{component:"div",children:(0,A.jsx)(Z.Z,{gutterBottom:!0,children:$("blocklet.action.removeApplicationDescription")})}),params:{removeType:"complete"}}:{description:(e,n)=>(0,A.jsxs)(Z.Z,{component:"div",children:[(0,A.jsx)(Z.Z,{gutterBottom:!0,children:$("blocklet.action.removeApplicationDescription")}),(0,A.jsxs)(C.Z,{name:"removeType",value:e.removeType,onChange:t=>n({...e,removeType:t.target.value}),children:[(0,A.jsx)(w.Z,{value:"backup",control:(0,A.jsx)(x.Z,{}),label:$("blocklet.action.removeApplicationAfterBackup")}),(0,A.jsx)(w.Z,{value:"complete",control:(0,A.jsx)(x.Z,{}),label:$("blocklet.action.removeApplicationComplete")})]})]}),params:{removeType:"backup"}},d={stop:{title:"".concat($("common.stop")," ").concat(i),description:$("blocklet.action.stopDescription"),confirm:$("blocklet.action.confirmStop"),cancel:$("common.cancel"),onConfirm:o,onCancel:l},restart:{title:"".concat($("common.restart")," ").concat(i),description:$("blocklet.action.restartDescription"),confirm:$("blocklet.action.confirmRestart"),cancel:$("common.cancel"),onConfirm:o,onCancel:l},remove:{title:"".concat($("common.remove")," ").concat(i),confirm:$("blocklet.action.confirmRemove"),cancel:$("common.cancel"),onConfirm:o,onCancel:l,...s},cancelDownload:{title:"".concat($("common.cancel")),description:$("blocklet.action.cancelDownloadDescription",{name:i}),confirm:$("common.confirm"),cancel:$("common.cancel"),onConfirm:o,onCancel:l}};t?J(d[e]):await o()}},ce=Boolean(q),se=e=>{try{e.stopPropagation(),e.preventDefault()}catch{}X(e.currentTarget)},de=e=>{try{e.stopPropagation(),e.preventDefault()}catch{}X(null)},ue=async(e,n)=>{try{n.stopPropagation(),n.preventDefault()}catch{}if("function"===typeof e.handler)try{Q(!0),W(e.action),await e.handler()}catch(t){console.error("Blocklet ".concat(e.name," failed: "),t)}finally{Q(!1),X(null)}else X(null)},me=!ae&&(0,j.isDeletableBlocklet)(a)?{action:"remove",icon:_.Z.Remove,name:$("common.remove"),handler:re("remove",(async e=>{let{removeType:n}=e;"backup"===n&&await F.api.backupBlocklet({input:{appDid:a.appDid,to:"disk"}}),await F.api.deleteBlocklet({input:{did:a.meta.did,keepData:!1}})}),!0),disabled:le}:null,pe={action:"remove",icon:_.Z.Remove,name:$("common.cancel"),handler:re("cancelDownload",F.api.cancelDownloadBlocklet,!0)},ve=(0,j.getAppMissingConfigs)(a),ge=[{action:"start",icon:_.Z.Start,name:$("common.start"),handler:re("start",F.api.startBlocklet),disabled:ie||a.children.every((e=>"running"===e.status))||(0,O.XN)(a.status)||ne||le},{action:"stop",icon:_.Z.Stop,name:$("common.stop"),handler:re("stop",F.api.stopBlocklet,!0),disabled:!["running","starting"].includes(a.status)},{action:"restart",icon:_.Z.Restart,name:$("common.restart"),handler:re("restart",F.api.restartBlocklet,!0),disabled:ie||"running"!==a.status},{action:"reload",icon:_.Z.Reload,name:$("common.reload"),handler:re("reload",F.api.reloadBlocklet),disabled:ie||"running"!==a.status},(0,O.XN)(a.status)?pe:me,{separator:!0},{onlyInMenu:!0,action:"config",icon:_.Z.Config,name:$("common.config"),handler:()=>{G("/blocklets/".concat(a.meta.did,"/configuration"))},disabled:(0,O.XN)(a.status)},{onlyInMenu:!0,action:"team",icon:_.Z.Group,name:$("common.manageTeam"),handler:()=>{G("/blocklets/".concat(a.meta.did,"/members"))},disabled:(0,O.XN)(a.status)},{onlyInMenu:!0,action:"log",icon:_.Z.Log,name:$("common.log"),handler:()=>{G("/logs/blocklet-".concat(a.meta.did))},disabled:(0,O.XN)(a.status)}].filter(Boolean);return"menu"===N?(0,A.jsxs)(K,{"data-cy":"blocklet-actions",children:[(0,A.jsx)(m.Z,{"aria-label":"more","aria-controls":"actions-menu","aria-haspopup":"true","data-cy":"trigger-blocklet-actions","actions-blocklet-did":a.meta.did,onClick:se,size:"small",disabled:!I||!(0,O.XN)(a.status)&&Y,children:(0,A.jsx)(h.Z,{})}),(0,A.jsxs)(p.Z,{id:"actions-menu",anchorEl:q,keepMounted:!0,open:ce,onClose:de,PaperProps:{},children:[ve.length>0&&(0,A.jsxs)(E.Z,{style:{maxWidth:"400px"},severity:"error",children:[$("blocklet.config.missingRequired"),(0,A.jsx)("br",{}),(0,A.jsx)(d.Link,{to:"/blocklets/".concat(a.meta.did,"/components"),children:$("blocklet.config.gotoFix")})]}),ge.map(((e,n)=>e.separator?(0,A.jsx)(v.Z,{},"separator-".concat(n)):(0,A.jsxs)(b.Z,{dense:!0,onClick:n=>ue(e,n),disabled:Y||e.disabled,"data-cy":"".concat(e.action,"-blocklet"),children:[(0,A.jsx)(k.Z,{style:{minWidth:24},children:V===e.action&&Y?(0,A.jsx)(f.Z,{size:16,sx:{marginRight:1}}):(0,A.jsx)(e.icon,{fontSize:"small"})}),(0,A.jsx)(y.Z,{primary:e.name})]},e.name)))]}),H&&(0,A.jsx)(U.Z,{title:H.title,description:H.description,confirm:H.confirm,cancel:H.cancel,params:H.params,onConfirm:H.onConfirm,onCancel:H.onCancel})]}):(0,A.jsxs)(K,{"data-cy":"blocklet-actions",...z,children:[(0,A.jsx)(g.Z,{children:ge.filter((e=>!e.separator&&!e.onlyInMenu)).map((e=>(0,A.jsxs)(L.Z,{title:e.name,"data-cy":"".concat(e.action,"-blocklet"),onClick:()=>ue(e),disabled:Boolean(e.disabled)||Y,children:[V===e.action&&Y?(0,A.jsx)(f.Z,{size:16,sx:{marginRight:1}}):(0,A.jsx)(e.icon,{}),(0,A.jsx)("span",{className:"blocklet-action-text",children:e.name})]},e.name)))}),H&&(0,A.jsx)(U.Z,{title:H.title,description:H.description,confirm:H.confirm,cancel:H.cancel,params:H.params,onConfirm:H.onConfirm,onCancel:H.onCancel})]})}N.propTypes={blocklet:r().object.isRequired,onStart:r().func.isRequired,onComplete:r().func.isRequired,variant:r().oneOf(["menu","group"]),hasPermission:r().bool,useBlockletUrlEvaluation:r().func},N.defaultProps={variant:"menu",hasPermission:!1,useBlockletUrlEvaluation:()=>{var e,n;return{loading:!1,recommendedUrl:null===(e=window)||void 0===e||null===(n=e.location)||void 0===n?void 0:n.href}}};const K=c.Z.div(o||(o=(0,l.Z)(["\n  display: flex;\n  align-items: center;\n\n  @media (max-width: ","px) {\n    .MuiButton-root {\n      padding: 4px;\n      font-size: 10px;\n    }\n  }\n"])),(e=>e.theme.breakpoints.values.sm));var I=t(7199),M=t(24138);function z(e){let{...n}=e;const t=(0,I.V)(N,"mutate_blocklets");return(0,A.jsx)(t,{...n,useBlockletUrlEvaluation:M.BZ})}},7199:(e,n,t)=>{t.d(n,{V:()=>o.V,Z:()=>o.Z});var o=t(63406)},24138:(e,n,t)=>{t.d(n,{BZ:()=>b,ZN:()=>h});var o=t(5057),l=t(6352),i=t.n(l),a=t(35432),r=t(49714),c=t(41365),s=t.n(c),d=t(32243),u=t.n(d),m=t(68420),p=t(14491);const v=u()((e=>s()(i()(new URL(e).origin,a.WELLKNOWN_PING_PREFIX)))),g={};function f(e){let{urls:n,checkAccessible:t=s(),disableCache:l=!1}=e;const i=(0,o.useRef)(n.filter((e=>g[e])).map((e=>g[e]))),a=i.current.length===n.length,[c,d]=(0,o.useState)(a?i.current:[]),[u,m]=(0,o.useState)(!a),p=(0,o.useMemo)((()=>!u&&c.length?c[0]:null),[c,u]);return(0,o.useEffect)((()=>{if((null===n||void 0===n?void 0:n.length)>0&&!a){(async()=>{let e;if(m(!0),l)e=await(0,r.evaluateURLs)(n,{checkAccessible:t}),e.forEach((e=>{g[e.url]=e}));else{(await(0,r.evaluateURLs)(n.filter((e=>!g[e])),{checkAccessible:t})).forEach((e=>{g[e.url]=e})),e=n.map((e=>g[e])).sort(((e,n)=>n.score-e.score))}d(e),m(!1)})()}}),[n,l,a]),{urlsState:c,loading:u,recommendedUrlState:p,recommendedUrl:null===p||void 0===p?void 0:p.url}}function b(e){const{locale:n}=(0,o.useContext)(m.RD),t=(0,o.useMemo)((()=>e?(0,p.A6)({blocklet:e,params:(0,p.f0)(e,n)}):[]),[e,n]),{loading:l,recommendedUrlState:i,recommendedUrl:a}=f({urls:t,checkAccessible:v});return{urls:t,loading:l,recommendedUrlState:i,recommendedUrl:a}}function h(e){const n=(0,o.useMemo)((()=>e.map((e=>(0,p.Sk)(e)))),[e]),{urlsState:t,loading:l,recommendedUrl:i}=f({urls:n,checkAccessible:v});let a;if(l)a={domainsAccessibility:e.reduce(((e,n)=>({...e,[n]:{loading:!0}})),{}),recommendedDomain:null};else{var r;const e=t.reduce(((e,n)=>{const t=new URL(n.url).hostname;return e[t]={...n,domain:t},e}),{}),n=(null===(r=t.find((e=>e.accessible)))||void 0===r?void 0:r.url)||i;a={domainsAccessibility:e,recommendedDomain:n?new URL(n).hostname:null}}return a}},1722:(e,n,t)=>{t.d(n,{Z:()=>d});var o=t(55898),l=t.n(o),i=t(62681),a=t(72333),r=t(77277),c=t(49522),s=t(96266);function d(e){let{blocklet:n,style:t,size:o,...l}=e;const{logoUrl:d}=(0,c.Z)({blocklet:n}),{variant:u}=l;let m=(0,s.jsx)("img",{src:d,alt:"",style:{width:o}});if(!n.meta.logo){var p;(null===(p=(n.configs||[]).find((e=>e.key===r.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===p?void 0:p.value)||(m=(0,s.jsx)(a.Z,{did:n.meta.did||"",responsive:!0}))}return(0,s.jsx)(i.Z,{variant:u||"square",style:Object.assign({backgroundColor:"transparent",width:o,height:o,borderRadius:10},t),...l,children:m})}d.propTypes={blocklet:l().object.isRequired,style:l().object,size:l().oneOfType([l().number,l().string])},d.defaultProps={style:{},size:40}},55419:(e,n,t)=>{t.d(n,{Z:()=>u});var o=t(27773),l=t(22754),i=t(98451),a=t(32207),r=t(35258),c=t(17545),s=t(49647),d=t(70648);const u={Start:l.Z,Stop:i.Z,Restart:a.default,Reload:r.Z,Remove:o.default,Config:c.Z,Log:s.Z,Group:d.Z}},81010:(e,n,t)=>{t.d(n,{Z:()=>v});var o=t(5057),l=t(55898),i=t.n(l),a=t(44846),r=t(75239),c=t(68420),s=t(38242),d=t(69569),u=t(22228),m=t(96266);const p={yellow:"#FFCF71",grey:"#888888"};function v(e){let{status:n,variant:t,source:l,...i}=e;const{t:v}=(0,o.useContext)(c.RD),g={added:p.grey,waiting:p.yellow,downloading:p.yellow,downloaded:p.grey,installing:p.yellow,installed:p.grey,starting:p.yellow,running:"success",stopping:p.yellow,stopped:p.grey,error:"error",upgrading:p.yellow,restarting:p.yellow,corrupted:"error",deleting:p.yellow},f=(0,s.isInProgress)(n),b=v("blocklet.status.".concat(n));return"dot"===t?(0,m.jsx)(r.Z,{title:v("blocklet.statusTip",{status:b}),children:(0,m.jsx)(d.Z,{color:g[n],...i})}):(0,m.jsxs)(u.Z,{type:{added:"primary",waiting:"warning",downloading:"warning",downloaded:"primary",installing:"warning",installed:"primary",starting:"warning",running:"success",stopping:"warning",stopped:"reverse",error:"error",upgrading:"warning",restarting:"warning",corrupted:"error",deleting:"warning"}[n],...i,children:[f&&(0,m.jsx)(a.Z,{size:12,color:"inherit",style:{marginRight:5}}),b]})}v.propTypes={status:i().string.isRequired,variant:i().oneOf(["dot","tag"]),source:i().string},v.defaultProps={variant:"tag",source:""}},29054:(e,n,t)=>{t.d(n,{BlockletContext:()=>l,y0:()=>r});var o=t(5057);const l=(0,o.createContext)({}),{Provider:i,Consumer:a}=l;function r(){return(0,o.useContext)(l)}},87363:(e,n,t)=>{t.d(n,{K:()=>u,g:()=>d});var o=t(5057),l=t(55898),i=t.n(l),a=t(69163),r=t.n(a),c=t(96266);const s=(0,o.createContext)({});function d(e){let{children:n,type:t}=e;const[l,i]=(0,o.useState)([]),a=(0,o.useRef)([]),d=e=>{if(a.current.includes(e)){const n=a.current.filter((n=>n!==e));i(n),a.current=n}};return(0,c.jsx)(s.Provider,{value:{type:t,deletingBlocklets:l,addDeletingDid:e=>{if(!a.current.includes(e)){const n=[...a.current,e];i(n),a.current=n}},removeDeletingDid:d,matchDeletingDid:e=>{const n=l.filter((n=>e.find((e=>e===n))));r()(n,l).forEach((e=>d(e)))}},children:n})}function u(){return(0,o.useContext)(s)}d.propTypes={type:i().string,children:i().node.isRequired},d.defaultProps={type:"blocklets"}},69569:(e,n,t)=>{t.d(n,{Z:()=>c});var o,l=t(71171),i=t(33518);const a={success:"#3ab39d",error:"#D0021B"},r="10px",c=i.Z.div(o||(o=(0,l.Z)(["\n  display: inline-block;\n  min-width: ",";\n  min-height: ",";\n  background: ",";\n  border-radius: 100%;\n"])),(e=>e.size||r),(e=>e.size||r),(e=>a[e.color]||e.color||a.success))},49522:(e,n,t)=>{t.d(n,{Z:()=>s});var o=t(6352),l=t.n(o),i=t(77277),a=t(58238),r=t(14491);const c=(e,n)=>{let t="?v=";var o;n?t+=(0,r.Qi)(n):t+="".concat(null===e||void 0===e||null===(o=e.meta)||void 0===o?void 0:o.version).concat((0,r.wS)(null===e||void 0===e?void 0:e.status)?"~":"");return t};function s(e){var n,t,o,r;let{blocklet:s}=e;const{inService:d}=(0,a.h6)(),u=null===(n=((null===s||void 0===s?void 0:s.environments)||[]).find((e=>e.key===i.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE)))||void 0===n?void 0:n.value,m=null===(t=((null===s||void 0===s?void 0:s.environments)||[]).find((e=>e.key===i.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_RECT)))||void 0===t?void 0:t.value,p=null===(o=((null===s||void 0===s?void 0:s.environments)||[]).find((e=>e.key===i.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_FAVICON)))||void 0===o?void 0:o.value,v=(null===(r=window.env)||void 0===r?void 0:r.apiPrefix)||"/";return{logoUrl:l()(v,"/blocklet/logo/".concat(d?"":s.meta.did),c(s,u)),rectLogoUrl:l()(v,"/blocklet/logo-rect/".concat(d?"":s.meta.did),c(s,m)),faviconUrl:l()(v,"/blocklet/logo-favicon/".concat(d?"":s.meta.did),c(s,p))}}},22228:(e,n,t)=>{t.d(n,{Z:()=>r});var o=t(55898),l=t.n(o),i=t(19778),a=t(96266);function r(e){let{children:n,style:t,...o}=e;return(0,a.jsx)(i.Z,{style:t,...o,children:n})}r.propTypes={children:l().any.isRequired,style:l().object},r.defaultProps={style:{}}}}]);