@abtnode/webapp 1.16.16-beta-ca17cc31 → 1.16.16

package/build/static/js/7126.f753e698.chunk.js

@@ -0,0 +1 @@
+(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[7126],{77126:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return Kr}});var r=t(33028),o=t(5057),i=t(68420),a=t(68079),l=t(59740),c=t(71171),s=t(32723),u=t(34795),d=t(96234),p=t(33518),m=t(55898),f=t.n(m),h=t(37541),x=t(39948),v=t(7278),g=t(6838),Z=t(87971),b=t(99194),y=t(67680),k=t(44919),j=t(83407),C=t(48037),P=t(34966),E=t(94552),w=t(55402),R=t(75239),T=t(48086),S=t(88092),_=t(32207),U=t(35258),I=t(27773),N=t(26174),L=t(36554),D=t(55498),O=t(35432),B=t(44846),F=t(64886),z=t(28726),q=t(25710),A=t(38242),G=t(57156),W=t.n(G),M=t(86229),K=t(87363),V=t(17450),Y=t(22228),H=t(6352),X=t.n(H),$=t(2078),J=t.n($),Q=t(19778),ee=t(38898),ne=t(96266);function te(e){var n,t=e.sourceInfo,r=e.blocklet,a=(0,o.useContext)(i.RD).t;return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(Q.Z,{type:"success",children:J()(t.source)},"source"),"registry"===t.source&&(0,ne.jsx)(ee.Z,{href:X()(t.deployedFrom,"blocklets",(null===r||void 0===r||null===(n=r.meta)||void 0===n?void 0:n.bundleDid)||""),target:"_blank",className:"page-link",underline:"hover",style:{display:"flex",alignItems:"center",marginLeft:8},children:a("blocklet.overview.viewInStore")})]})}te.propTypes={sourceInfo:f().shape({source:f().string,deployedFrom:f().string}),blocklet:f().object},te.defaultProps={sourceInfo:{},blocklet:{}};var re=t(81010),oe=t(40736),ie=t(76811),ae=t(70461),le=t(58238),ce=t(14491),se=t(63406),ue=["blocklet","checkUpgrade","hasPermission"];function de(e){var n=e.blocklet,t=e.checkUpgrade,a=e.hasPermission,c=(0,l.Z)(e,ue),p=(0,le.h6)().api,m=(0,o.useContext)(i.RD).t,f=(0,o.useState)(!1),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,o.useState)(""),Z=(0,d.Z)(g,2),b=Z[0],k=Z[1],j=(0,o.useState)(null),C=(0,d.Z)(j,2),P=C[0],E=C[1],w=(0,o.useState)(null),T=(0,d.Z)(w,2),S=T[0],_=T[1];(0,o.useEffect)((function(){E(null),t&&(n.mode,ie.BLOCKLET_MODES.DEVELOPMENT)}),[n,t]);var U=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var t;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return v(!0),e.prev=1,t={did:n.meta.did,version:P.version,storeUrl:P.registryUrl||""},e.next=5,(0,ce._v)(2e3);case 5:return e.next=7,p.upgradeBlocklet({input:t});case 7:e.next=12;break;case 9:e.prev=9,e.t0=e.catch(1),M.Z.error("Blocklet upgrade failed: ".concat((0,ce.Z)(e.t0)));case 12:return e.prev=12,v(!1),_(null),e.finish(12);case 16:case"end":return e.stop()}}),e,null,[[1,9,12,16]])})));return function(){return e.apply(this,arguments)}}(),I={title:"".concat(m("common.upgrade")," ").concat(m("common.blocklet")," ").concat((0,A.getDisplayName)(n)),description:m("blocklet.action.upgradeDescription"),confirm:m("blocklet.action.confirmUpgrade"),cancel:m("common.cancel"),onConfirm:U,onCancel:function(){v(!1),_(null)}};return a&&P&&!(0,A.isInProgress)(n.status)?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(Y.Z,(0,r.Z)((0,r.Z)({},c),{},{children:n.meta.version})),(0,ne.jsx)(R.Z,{title:m("common.updateAvailable",{version:P.version}),children:(0,ne.jsx)(y.Z,{size:"small",style:{marginLeft:8},disabled:x,onClick:function(){return _(I)},children:x?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(oe.Z,{style:{fontSize:16,color:"red"}})})}),!!b&&(0,ne.jsx)(M.Z,{variant:"error",message:b,onClose:function(){return k("")}}),S&&(0,ne.jsx)(ae.Z,{title:S.title,description:S.description,confirm:S.confirm,cancel:S.cancel,params:S.params,onConfirm:S.onConfirm,onCancel:S.onCancel})]}):(0,ne.jsx)(Y.Z,(0,r.Z)((0,r.Z)({},c),{},{children:n.meta.version}))}de.propTypes={blocklet:f().object.isRequired,checkUpgrade:f().bool,hasPermission:f().bool},de.defaultProps={checkUpgrade:!1,hasPermission:!1};var pe=(0,se.V)(de,"mutate_blocklets"),me=(0,se.V)(de,"",ce.Wf);function fe(e){return(0,le.h6)().inService?(0,ne.jsx)(me,(0,r.Z)({},e)):(0,ne.jsx)(pe,(0,r.Z)({},e))}var he,xe,ve=t(80378),ge=t(32349),Ze=t(76667),be=t(13128),ye=t(94464),ke=t(28358),je=t(47020),Ce=t(93938),Pe=t(50185),Ee=t(35918),we=t(74782),Re=t(55419),Te=function(e,n){var t=e.description;return(Object.values(ie.CHAIN_PROP_MAP).includes(e.key)||(0,A.isEnvShareable)(e))&&(t=t?"".concat(t," (").concat(n("blocklet.config.sharedToAllComponents"),")"):n("blocklet.config.sharedToAllComponents")),t&&(0,ne.jsx)("div",{style:{marginLeft:12},children:t})},Se=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];return!(null!==t&&void 0!==t&&t.length||e.custom||["CHAIN_ID","CHAIN_HOST"].includes(e.key)||n.meta.environments.find((function(n){return n.name===e.key}))||!n.children.every((function(n){return!n.meta.environments.find((function(n){return n.name===e.key}))})))||e.custom};function _e(e){var n=e.blocklet,t=e.ancestors,l=(0,le.h6)(),c=l.inService,d=(0,o.useContext)(i.RD).t,p=[].concat((0,a.Z)(t.map((function(e){return e.meta.did}))),[n.meta.did]),m=function(){return M.Z.success(d("blocklet.config.changedTip"))},f=function(e){return Se(e,n,t)};if((0,ce.wS)(n.status))return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var h=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var t;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n.key.trim()&&n.value.trim()){e.next=3;break}return M.Z.error(d("blocklet.config.environment.keyValueRequired")),e.abrupt("return");case 3:if(!n.key.startsWith("BLOCKLET_")&&!n.key.startsWith("COMPONENT_")){e.next=6;break}return M.Z.error(d("blocklet.config.environment.invalidKey")),e.abrupt("return");case 6:return n.custom=!0,e.next=9,l.api.configBlocklet({input:{did:p,configs:[n]}});case 9:"ok"===(t=e.sent).code&&m(t.blocklet);case 11:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),x=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(r,o){var i,a,c;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r.required||r.key.trim()&&r.value.trim()){e.next=3;break}return M.Z.error(d("blocklet.config.environment.keyValueRequired")),e.abrupt("return");case 3:if(!r.key.startsWith("BLOCKLET_")||ie.BLOCKLET_CONFIGURABLE_KEY[r.key]){e.next=6;break}return M.Z.error(d("blocklet.config.environment.invalidKey")),e.abrupt("return");case 6:if(r.key!==ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_CLUSTER_SIZE){e.next=11;break}if(!(i=(0,ce.I)(r))){e.next=11;break}return M.Z.error(i),e.abrupt("return");case 11:if(a=[r],r.key===o.key){e.next=17;break}if(Se(r,n,t)){e.next=16;break}return M.Z.error("Only key of custom env can be changed"),e.abrupt("return");case 16:a.push({key:o.key,custom:!0});case 17:return e.prev=17,e.next=20,l.api.configBlocklet({input:{did:p,configs:a}});case 20:"ok"===(c=e.sent).code&&m(c.blocklet),e.next=27;break;case 24:e.prev=24,e.t0=e.catch(17),M.Z.error((0,ce.Z)(e.t0));case 27:case"end":return e.stop()}}),e,null,[[17,24]])})));return function(n,t){return e.apply(this,arguments)}}(),v=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(r){var o;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r.required){e.next=3;break}return M.Z.error(d("blocklet.config.environment.deleteForbidden")),e.abrupt("return");case 3:if(Se(r,n,t)){e.next=6;break}return M.Z.error("Only key of custom env can be changed"),e.abrupt("return");case 6:return e.next=8,l.api.configBlocklet({input:{did:p,configs:[{key:r.key,custom:!0}]}});case 8:"ok"===(o=e.sent).code&&m(o.blocklet);case 10:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),g=(n.configs||[]).filter((function(e){return!ie.BLOCKLET_CONFIGURABLE_KEY[e.key]})),Z=(0,A.getSharedConfigObj)(t[0],n),b=(0,A.getComponentMissingConfigs)(n,t[0]),y=g.map((function(e){return(0,r.Z)((0,r.Z)({},e),{},{value:Object.values(ie.CHAIN_PROP_MAP).includes(e.key)&&Object.keys(Z).includes(e.key)?Z[e.key]:Z[e.key]||e.value})})),k=y.some((function(e){return e.key&&e.key.startsWith("BWA_")})),j={onRowAdd:h,onRowUpdate:x,onRowDelete:v,isDeletable:f};return(0,ne.jsxs)(Ie,{children:[!!b.length&&(0,ne.jsx)(Ce.Z,{severity:"error",style:{marginTop:24},children:d("blocklet.config.missingRequired")}),k&&(0,ne.jsx)(Ce.Z,{severity:"info",children:d("blocklet.config.environment.tip")}),(0,ne.jsx)(se.Z,{permission:c?"":"mutate_blocklets",role:c?ce.Wf:[],children:function(e){return(0,ne.jsx)(we.Z,{className:"config-table",children:(0,ne.jsx)(ke.ZP,{title:(0,ne.jsx)("h4",{children:d("common.environment")}),columns:[{title:d("common.key"),field:"key",initialEditValue:"Key",width:"30%",render:function(e){return(0,ne.jsx)(Pe.Z,{value:e.value,style:{color:e.required&&!e.value?"#ff4436":"#222222",fontWeight:e.required?"bold":"normal"},children:e.key})},editComponent:function(e){var n=e.value,t=e.rowData,r=e.onChange;return(0,ne.jsx)(Ne,{children:(0,ne.jsx)(je.Z,{fullWidth:!0,size:"small",disabled:!1===f(t),value:n,onChange:function(e){return r(e.target.value)},variant:"outlined",label:"Key",placeholder:d("blocklet.config.environment.key"),margin:"dense",autoFocus:!0})})}},{title:d("common.value"),field:"value",initialEditValue:"Value",width:"calc((100% - (96px + 30%)) / 1)",render:function(e){return e.value?e.secure?"******":(0,ne.jsx)(Pe.Z,{unstyled:!0,value:e.value,style:{wordBreak:"break-all"},children:e.value}):null},editComponent:function(e){var n=e.value,t=e.rowData,r=e.onChange;return(0,ne.jsxs)(Ne,{children:[(0,ne.jsx)(je.Z,{fullWidth:!0,size:"small",value:"__encrypted__"===n?"":n,onChange:function(e){return r(e.target.value)},variant:"outlined",label:d("common.value"),placeholder:d("blocklet.config.environment.value"),margin:"dense",autoFocus:!0}),Te(t,d)]})}}],icons:(0,r.Z)((0,r.Z)({},Re.Z),Ee.Z),options:{emptyRowsWhenPaging:!1,actionsColumnIndex:-1,tableLayout:"auto",maxBodyHeight:"100%",paging:!1,search:!1},localization:{header:{actions:d("common.actions")},body:{emptyDataSourceMessage:d("common.noData")}},data:y,editable:e?j:{}})})}})]})}_e.propTypes={blocklet:f().object.isRequired,ancestors:f().array},_e.defaultProps={ancestors:[]};var Ue,Ie=p.Z.div(he||(he=(0,c.Z)(["\n  .config-table {\n    margin-bottom: 24px;\n    position: relative;\n    .hide-control {\n      position: absolute;\n      top: 10px;\n      left: 200px;\n      @media (max-width: ","px) {\n        left: 160px;\n      }\n    }\n\n    .MuiToolbar-root {\n      display: flex;\n    }\n\n    .MuiTableRow-head {\n      display: none;\n    }\n\n    &.hide-header {\n      .MuiToolbar-root {\n        display: none;\n      }\n    }\n  }\n\n  .accordion {\n    margin-bottom: 16px;\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n    padding: 8px 0 8px 0px;\n    &.MuiAccordion-root {\n      background: transparent;\n      box-shadow: none;\n      border: 1px solid #ddd;\n      border-radius: 4px;\n      &::before,\n      &::after {\n        height: 0;\n      }\n      .MuiAccordionSummary-root {\n        padding-left: 0;\n      }\n      .accordion-title {\n        font-weight: bold;\n        padding-left: 16px;\n      }\n    }\n  }\n"])),(function(e){return e.theme.breakpoints.values.sm})),Ne=p.Z.div(xe||(xe=(0,c.Z)(["\n  height: 60px;\n"]))),Le=t(45239),De=t(28641),Oe=["blocklet","ancestors","hasPermission"];function Be(e){var n=e.blocklet,t=e.ancestors,a=e.hasPermission,c=(0,l.Z)(e,Oe),p=(0,i.PE)().t,m=(0,le.h6)().api,f=!t.length,h=f?n.meta.did:t.map((function(e){return e.meta.did}))[0],v=(0,o.useState)(""),g=(0,d.Z)(v,2),Z=g[0],b=g[1],y=(0,o.useState)(""),k=(0,d.Z)(y,2),j=k[0],C=k[1],P=Z||!a;if(!h)return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var E=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){var r;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return b(!0),e.prev=1,r={rootDid:h,mountPoint:(0,Le.default)(t)},f||(r.did=n.meta.did),e.next=6,m.updateComponentMountPoint({input:r});case 6:return b(!1),e.abrupt("return",!0);case 10:throw e.prev=10,e.t0=e.catch(1),b(!1),e.t0.message=(0,ce.Z)(e.t0),M.Z.error(e.t0.message),e.t0;case 16:case"end":return e.stop()}}),e,null,[[1,10]])})));return function(n){return e.apply(this,arguments)}}();return(0,ne.jsx)(Ge,(0,r.Z)((0,r.Z)({component:"div"},c),{},{children:(0,ne.jsx)(x.Z,{mt:3,children:(0,ne.jsx)(De.Z,{label:p("blocklet.component.mountPoint"),style:{marginTop:-24},disabled:Z||P,loading:Z,required:!0,initialValue:n.mountPoint,onSubmit:E,onChange:function(e){C(p("common.slugifyHint",{value:(0,ce.LN)(e)}))},helperText:j,formatterBeforeSubmit:function(e){return(0,Le.default)(e)}})})}))}var Fe=(0,se.V)(Be,"mutate_blocklets"),ze=(0,se.V)(Be,"",ce.Wf);function qe(e){return(0,le.h6)().inService?(0,ne.jsx)(ze,(0,r.Z)({},e)):(0,ne.jsx)(Fe,(0,r.Z)({},e))}Be.propTypes={blocklet:f().object.isRequired,ancestors:f().array,hasPermission:f().bool},Be.defaultProps={ancestors:[],hasPermission:!1};var Ae,Ge=p.Z.div(Ue||(Ue=(0,c.Z)([""])));function We(e){var n=e.blocklet,t=e.ancestors,r=e.children,a=(0,o.useState)(""),l=(0,d.Z)(a,2),c=l[0],s=l[1],u=(0,i.PE)().t,p=!!t.length,m=(0,o.useState)("settings"),f=(0,d.Z)(m,2),h=f[0],v=f[1],g=p?(0,A.getDisplayName)(n,!0):u("blocklet.component.container");if((0,ce.wS)(n.status))return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var Z=function(e){e.stopPropagation(),s(!0)},b={settings:{label:u("blocklet.component.setting"),value:"settings",component:(0,ne.jsx)(qe,{blocklet:n,ancestors:t})},environments:{label:u("common.environment"),value:"environments",component:(0,ne.jsx)(_e,{blocklet:n,ancestors:t})}},k=Object.values(b).map((function(e){return{label:e.label,value:e.value}})),j=b[h]||b.settings;return["function"===typeof r?r({open:Z}):(0,ne.jsx)(y.Z,{onClick:Z,"data-cy":"action-config-component",children:(0,ne.jsx)(Ze.default,{})}),c&&(0,ne.jsx)(Ke,{open:!0,fullWidth:!0,maxWidth:"md",title:g,onClose:function(){s(!1)},PaperProps:{style:{minHeight:"auto"}},children:p?(0,ne.jsxs)(x.Z,{mt:1,children:[(0,ne.jsx)(ye.Z,{tabs:k,current:h,onChange:function(e){v(e)},scrollButtons:"auto"}),j.component]}):(0,ne.jsx)(_e,{blocklet:n,ancestors:t})})]}We.propTypes={blocklet:f().object.isRequired,ancestors:f().array,children:f().any},We.defaultProps={ancestors:[],children:null};var Me,Ke=(0,p.Z)(be.ZP)(Ae||(Ae=(0,c.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"]))),Ve=t(11750),Ye=t(65140),He=t(87916);function Xe(e){var n=e.component,t=e.remove,a=e.disabled,l=e.tip,c=e.showConfirm,p=e.hideBtn,m=e.onCancel,f=(0,o.useContext)(i.RD).t,h=(0,o.useState)(!1),x=(0,d.Z)(h,2),v=x[0],g=x[1],Z=(0,o.useState)(null),b=(0,d.Z)(Z,2),y=b[0],k=b[1],j=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return g(!0),e.next=3,t(n.component,n.removeType);case 3:g(!1),k(null);case 5:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),C=a||v,P=function(){k({title:"".concat(f("common.delete")," ").concat(n.meta.title||n.meta.name),description:function(e,n){return(0,ne.jsxs)(Ve.Z,{component:"div",children:[(0,ne.jsx)(Ve.Z,{gutterBottom:!0,children:f("blocklet.action.removeComponentDescription")}),(0,ne.jsxs)(He.Z,{name:"removeType",value:e.removeType,onChange:function(t){return n((0,r.Z)((0,r.Z)({},e),{},{removeType:t.target.value}))},children:[(0,ne.jsx)(N.Z,{value:"keepData",control:(0,ne.jsx)(Ye.Z,{}),label:f("blocklet.action.removeComponentKeepData")}),(0,ne.jsx)(N.Z,{value:"complete",control:(0,ne.jsx)(Ye.Z,{}),label:f("blocklet.action.removeComponentComplete")})]})]})},confirm:f("common.confirm"),cancel:f("common.cancel"),params:{component:n,removeType:"keepData"},onConfirm:j,onCancel:function(){k(null),m()}})};(0,o.useEffect)((function(){c?P():(g(!1),k(null))}),[c]);var E=(0,ne.jsx)(Je,{size:"small",disabled:C,onClick:function(){return P},"data-cy":"delete-component-btn",children:(0,ne.jsx)(I.default,{disabled:C})}),w=(0,ne.jsx)(R.Z,{title:l||f("common.delete"),children:(0,ne.jsx)("span",{children:E})});return(0,ne.jsxs)(ne.Fragment,{children:[!p&&w,y&&(0,ne.jsx)(ae.Z,{title:y.title,description:y.description,confirm:y.confirm,cancel:y.cancel,params:y.params,onConfirm:y.onConfirm,onCancel:y.onCancel})]})}Xe.propTypes={component:f().object.isRequired,remove:f().func,onCancel:f().func,disabled:f().bool,showConfirm:f().bool,hideBtn:f().bool,tip:f().string},Xe.defaultProps={remove:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),disabled:!1,showConfirm:!1,hideBtn:!1,onCancel:function(){},tip:""};var $e,Je=(0,p.Z)(y.Z)(Me||(Me=(0,c.Z)(["\n  &.Mui-disabled {\n    opacity: 0.5;\n  }\n"]))),Qe=t(22754),en=t(98451);function nn(e){var n=e.component,t=e.onStart,r=e.onStop,a=e.disabled,l=e.tip,c=(0,o.useContext)(i.RD).t,p=(0,o.useState)(!1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=(0,o.useState)(),v=(0,d.Z)(x,2),g=v[0],Z=v[1],b=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return h(!0),e.prev=1,e.next=4,t(n);case 4:e.next=9;break;case 6:e.prev=6,e.t0=e.catch(1),M.Z.error(e.t0.message);case 9:h(!1);case 10:case"end":return e.stop()}}),e,null,[[1,6]])})));return function(){return e.apply(this,arguments)}}(),y=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return h(!0),e.prev=1,e.next=4,r(n);case 4:e.next=9;break;case 6:e.prev=6,e.t0=e.catch(1),M.Z.error(e.t0.message);case 9:h(!1);case 10:case"end":return e.stop()}}),e,null,[[1,6]])})));return function(){return e.apply(this,arguments)}}(),k=a||f,j=["starting","running","stopping"].includes(n.status),C=j?en.Z:Qe.Z,P=(0,ne.jsx)(tn,{disabled:k,onClick:function(){var e;j?Z({title:"".concat(c("common.stop")," ").concat(null===n||void 0===n||null===(e=n.meta)||void 0===e?void 0:e.title),description:c("blocklet.action.stopComponentDescription"),confirm:c("blocklet.action.confirmStop"),cancel:c("common.cancel"),onConfirm:function(){return Z(null),y()},onCancel:function(){return Z(null)}}):b()},"data-cy":"".concat(j?"stop":"start","-component-btn"),children:(0,ne.jsx)(C,{disabled:k})});return[(0,ne.jsx)(R.Z,{title:l||c("common.".concat(j?"stop":"start")),children:(0,ne.jsx)("span",{children:P})},"btn"),g&&(0,ne.jsx)(ae.Z,{title:g.title,description:g.description,confirm:g.confirm,cancel:g.cancel,params:g.params,onConfirm:g.onConfirm,onCancel:g.onCancel},"connect")]}nn.propTypes={component:f().object.isRequired,onStart:f().func,onStop:f().func,disabled:f().bool,tip:f().string},nn.defaultProps={onStart:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),onStop:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),disabled:!1,tip:""};var tn=(0,p.Z)(y.Z)($e||($e=(0,c.Z)(["\n  &.Mui-disabled {\n    opacity: 0.5;\n  }\n"]))),rn=t(74286),on=t(30278),an=t.n(on),ln=t(79077),cn=t.n(ln),sn=t(75506),un=t.n(sn),dn=t(3785),pn=t.n(dn),mn=t(2660),fn=t(55372),hn=t(74490),xn=t(33271),vn=t(42876),gn=t(72904),Zn=t(63902),bn=t(51703),yn=t(88574),kn=t(35266),jn=t(55309),Cn=t(29054),Pn=t(56666),En=t(24558),wn=t(13727),Rn=t(56184),Tn=t(11819),Sn=t(67486),_n={description:f().string,editing:f().bool,onChange:f().func,required:f().bool,value:f().any,componentProps:f().object,render:f().func,renderFormItem:f().func};function Un(e){var n=e.editing,t=e.value,r=e.onChange,i=(0,o.useState)(!1),a=(0,d.Z)(i,2),l=a[0],c=a[1],s=(0,o.useRef)(),u=(0,o.useRef)(t);(0,o.useEffect)((function(){var e=null;return n&&(e=setTimeout((function(){c(!0)}),50)),function(){clearTimeout(e)}}),[n]);var p=function(e){u.current=e,r(e)},m=(0,ne.jsx)(x.Z,{className:"form-item-input slot",px:1,children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[t,"auto"!==t&&(0,ne.jsx)("div",{style:{marginLeft:4,backgroundColor:t,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),f=(0,ne.jsxs)(x.Z,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:function(){c(!1),r(u.current)},children:[(0,ne.jsx)(x.Z,{display:"flex",alignItems:"center",onClick:function(){return c(!0)},children:(0,ne.jsx)("div",{ref:s,style:{flexShrink:0,marginLeft:"8px",backgroundColor:t,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:"auto"===t?"default":"pointer"}})}),(0,ne.jsx)(Tn.ZP,{open:l,anchorEl:s.current,onClose:function(){return c(!1)},anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:(0,ne.jsx)(Sn.AI,{color:t,onChange:function(e){return p(e.hex)}})})]});return n?f:m}Un.propTypes=_n;var In=["editing","description","value","onChange","componentProps"];function Nn(e){var n=e.editing,t=e.description,i=e.value,a=e.onChange,c=e.componentProps,s=(0,l.Z)(e,In),u=c.placeholder,d=(0,o.useRef)(i),p=function(e){d.current=e,a(e)};return n?(0,ne.jsx)(je.Z,(0,r.Z)({style:{flex:1},fullWidth:!0,value:i,onChange:function(e){e.persist(),p(e.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:t||u,onKeyDown:function(e){"Enter"===e.key&&a(d.current,"confirm")}},s)):(0,ne.jsx)(x.Z,{px:1,className:"form-item-input slot",children:i})}Nn.propTypes=_n,Nn.defaultProps={componentProps:{}};var Ln=t(49777),Dn=t.n(Ln),On=t(76818),Bn=["editing","value","onChange","componentProps"];function Fn(e){var n=e.editing,t=e.value,o=e.onChange,i=e.componentProps,a=(0,l.Z)(e,Bn),c=i.blocklet,s="auto"===t?(0,On.getPassportColorFromDid)(c.appDid):t;return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:Dn()({title:"Owner",issuer:(0,A.getDisplayName)(c),issuerDid:c.appDid,ownerName:"Your Name",ownerDid:c.appDid,preferredColor:t||"auto"})}}),(0,ne.jsx)(Un,(0,r.Z)((0,r.Z)({},a),{},{editing:n,value:n?s:t,onChange:o,componentProps:i}))]})}Fn.propTypes=(0,r.Z)((0,r.Z)({},_n),{},{componentProps:f().shape({blocklet:f().object.isRequired}).isRequired}),Fn.defaultProps={};var zn,qn=t(35406),An=t(11875);function Gn(e){var n=e.schema,t=e.loading,i=e.value,a=e.defaultValue,l=e.onChange,c=e.style,s=e.disabled,u="[object Object]"===Object.prototype.toString.call(i),p=(0,o.useState)(null),m=(0,d.Z)(p,2),f=m[0],h=m[1],v=(0,o.useState)(u?i:a),g=(0,d.Z)(v,2),Z=g[0],b=g[1],k=(0,o.useRef)();function j(e,n,t){var o=e.key,i=e.secure,a=Z[o]!==n,c=(0,r.Z)((0,r.Z)({},Z),{},(0,Pn.Z)({},o,n));a&&b(c),l((0,Pn.Z)({},o,n),{allValues:c,action:t,currentItem:e}),"confirm"===t&&i&&b((0,r.Z)((0,r.Z)({},Z),{},(0,Pn.Z)({},o,"__encrypted__"))),["confirm","cancel"].includes(t)?C(null):C(e)}function C(e){if(e)return k.current=Z[e.key],void h(e);k.current=null,h(null)}return(0,ne.jsx)(Wn,{className:"form",style:c,children:null===n||void 0===n?void 0:n.map((function(e){var n=e.key,o=e.description,a=e.required,l=e.hidden,c=void 0!==l&&l,d=e.componentProps,p=void 0===d?{}:d;if(c)return null;var m=!(!f||n!==f.key),h=function(e,n){var t=n.editing,r=void 0!==t&&t,o=e.key,a=u?i[o]:Z[o];return"__encrypted__"===a?r?"":"******":a}(e,{editing:m}),v=function(e,n){var t=n.editing,r=void 0!==t&&t,o=e.componentType,i=void 0===o?"input":o,a=e.render,l=e.renderFormItem;return r&&l?l:!r&&a?a:{input:Nn,color:Un,passport:Fn}[null===i||void 0===i?void 0:i.toLowerCase()]}(e,{editing:m}),g={inputProps:{"data-cy":"schema-form-item-component"},key:n,description:o,editing:m,value:h,onChange:function(n){return j(e,n,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"change")},componentProps:p};return(0,ne.jsxs)(x.Z,{className:"form-item",children:[(0,ne.jsxs)(x.Z,{className:"form-item-label",style:{color:a&&!h?"#ff0000":"#333"},children:[o,a&&(0,ne.jsx)(qn.Z,{})]}),(0,ne.jsxs)(x.Z,{className:"form-item-body",children:[(0,ne.jsx)(x.Z,{className:"form-item-input",children:(0,ne.jsx)(v,(0,r.Z)({},g))}),(0,ne.jsx)(x.Z,{className:"form-item-action",children:m?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(y.Z,{"data-cy":"schema-form-item-confirm",onClick:function(){j(e,h,"confirm")},disabled:s||t,size:"large",children:t?(0,ne.jsx)(B.Z,{size:24}):(0,ne.jsx)(Rn.Z,{})}),(0,ne.jsx)(y.Z,{"data-cy":"schema-form-item-cancel",onClick:function(){j(e,k.current,"cancel")},disabled:s||t,size:"large",children:(0,ne.jsx)(wn.default,{})})]}):(0,ne.jsx)(y.Z,{"data-cy":"schema-form-item-edit",onClick:function(){j(e,Z[n],"edit")},disabled:s||f,size:"large",children:(0,ne.jsx)(En.Z,{})})})]})]},n)}))})}Gn.propTypes={schema:f().array.isRequired,loading:f().bool,onChange:f().func.isRequired,value:f().object,defaultValue:f().object,style:f().object,disabled:f().bool},Gn.defaultProps={loading:!1,value:void 0,defaultValue:{},style:{},disabled:!1};var Wn=(0,p.Z)(An.Z)(zn||(zn=(0,c.Z)([""]))),Mn=t(55152),Kn=t(28018),Vn=t.n(Kn),Yn=t(60344),Hn=t(73170),Xn=["mode"];function $n(e){var n=e.meta,t=e.onCancel,a=e.mode,l=e.handlePaySuccess,c=(0,i.PE)(),p=c.t,m=c.locale,f=(0,le.h6)().info,h=(0,ce.yP)(f),x=(0,o.useState)(null),v=(0,d.Z)(x,2),g=v[0],Z=v[1],b=new URL(null===n||void 0===n?void 0:n.registryUrl).origin,y=(0,A.getDisplayName)({meta:n}),k=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n,r){var o,i,c,d,m;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(c=function(e){return Vn()((function(){return Yn.hi.get(e).then(function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var t,r;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=n.data,r=null===t||void 0===t?void 0:t.downloadTokenList,"succeed"!==t.status){e.next=12;break}if(!r||!r.length){e.next=8;break}return e.next=6,o({downloadTokenList:r});case 6:e.next=11;break;case 8:return e.next=10,i(p("blocklet.component.missDownloadTokenTip"));case 10:case 11:case 16:return e.abrupt("return",!0);case 12:if("error"!==t.status){e.next=17;break}return console.error("vc error: ",t),e.next=16,i(null===t||void 0===t?void 0:t.error);case 17:return e.abrupt("return",!1);case 18:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}())}),{interval:1e3})},o=function(e){var n=e.downloadTokenList;l({downloadTokenList:n})},i=function(e){M.Z.error(e),t(e)},"purchase"!==a||!g){e.next=9;break}return d=(0,ce.Pi)(g),m=d.statusUrl,e.next=7,c(m);case 7:e.next=11;break;case 9:return e.next=11,o({downloadTokenList:n.downloadTokenList&&r(n.downloadTokenList)});case 11:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}();if((0,o.useEffect)((function(){if("purchase"===a){var e=new URL(b);e.pathname="/api/did/verify-purchase-blocklet/token",e.searchParams.set("serverDid",f.did),e.searchParams.set("blockletDid",null===n||void 0===n?void 0:n.did);try{Yn.hi.get(e.href).then((function(e){var n=e.data,t="".concat(n.url);Z(t)}))}catch(t){console.error("get next workflow url error: ",t)}}return function(){Z(null)}}),[a]),"purchase"===a&&!g)return"";var j={verify:{action:"verify-purchase-blocklet",checkFn:Yn.od.create({baseURL:b}).get,extraParams:{serverDid:f.did,blockletDid:null===n||void 0===n?void 0:n.did},messages:{title:p("store.purchase.verify.auth.title",{name:y}),scan:p("store.purchase.verify.auth.scan"),confirm:p("store.purchase.verify.auth.confirm"),success:p("store.purchase.verify.auth.success")}},purchase:{action:"acquire-asset",checkFn:Yn.od.create({baseURL:X()(b,"/store")}).get,extraParams:{factory:n.nftFactory,nw:g},messages:{title:p("store.purchase.auth.title",{name:y}),scan:p("store.purchase.auth.scan"),confirm:p("store.purchase.auth.confirm"),success:(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("p",{children:p("store.purchase.auth.success")}),(0,ne.jsx)("p",{children:p("blocklet.component.purchaseComponentSecondCheckTip")})]})}}};return(0,ne.jsx)(Mn.default,(0,r.Z)({open:!0,locale:m,popup:!1,saveConnect:!1,className:"connect",baseUrl:b,onSuccess:k,cancelWhenScanned:t,onClose:t,checkTimeout:3e5,webWalletUrl:h,disableClose:!0,showDownload:!1},j[a]))}$n.propTypes=(0,r.Z)((0,r.Z)({},Hn.$7),{},{handlePaySuccess:f().func,mode:f().oneOf(["verify","purchase"]).isRequired}),$n.defaultProps={handlePaySuccess:function(){}};var Jn=(0,o.forwardRef)((function(e,n){var t=e.mode,i=(0,l.Z)(e,Xn),a=(0,o.useState)("both"!==t?t:"verify"),c=(0,d.Z)(a,2),s=c[0],u=c[1],p=(0,o.useState)("both"!==t?2:1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=function(){s&&2!==f&&h(2)};return(0,o.useImperativeHandle)(n,(function(){return{onNext:x,getCurrentStep:function(){return f}}})),1===f?(0,ne.jsx)("div",{style:{maxWidth:520},children:(0,ne.jsx)(Hn.AP,{action:s,onNext:null,onSelect:function(e){e!==s&&u(e)}})}):(0,ne.jsx)($n,(0,r.Z)((0,r.Z)({},i),{},{mode:s}))}));Jn.propTypes={mode:f().oneOf(["both","verify","purchase"]).isRequired,ref:f().any},Jn.defaultProps={ref:{}};var Qn,et=Jn,nt=t(51233),tt=t(31440),rt=t(61813),ot=t(49390),it=t(67654),at=t(5952),lt=t(22714),ct=t(45170);function st(e){var n=e.onChange,t=e.loading,r=e.children,a=e.extra,l=(0,i.PE)().t,c=(0,le.h6)(),s=c.info,u=c.inService,p=(0,Cn.y0)().blocklet,m=(0,o.useState)(!1),f=(0,d.Z)(m,2),h=f[0],x=f[1],v=(0,o.useRef)(null),g=u?at.K:at.W,Z=(0,it.Z)(g),b=(0,d.Z)(Z,2),y=b[0],k=b[1],j=(0,ce.dX)({fromBlocklet:u,blocklet:p,nodeInfo:s}),C=j.storeList,P=j.teamDid,E=y&&C.find((function(e){return y===e.url}))||C[0],w=s.mode===O.NODE_MODES.SERVERLESS;return(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsxs)(dt,{children:[(0,ne.jsx)(z.Z,{ref:v,color:"secondary","data-cy":"add-component-select-store",endIcon:(0,ne.jsx)(ot.Z,{color:"secondary"}),onClick:function(){x(!0)},style:{padding:"0 2px"},children:(0,ne.jsx)(Ve.Z,{color:"secondary",children:E.name})}),(0,ne.jsx)(Ve.Z,{color:"secondary",children:a})]}),(0,ne.jsxs)(je.Z,{id:"mui-registry-select",select:!0,autoComplete:"off",variant:"outlined",name:"did",helperText:l("blocklet.component.selectRegistryTip"),"data-cy":"component-registry-select",fullWidth:!0,value:E,autoFocus:!0,onChange:function(e){var t=e.target.value;k(t.url),n(t)},SelectProps:{open:h,MenuProps:{anchorEl:v.current},renderValue:function(e){return null===e||void 0===e?void 0:e.name},onClose:function(){x(!1)}},style:{display:"none"},margin:"normal",children:[null===C||void 0===C?void 0:C.map((function(e){return(0,ne.jsx)(hn.Z,{value:e,"data-cy":e.url,children:(0,ne.jsx)(ct.Z,{teamDid:P,store:e,onDelete:function(){var n;y===e.url&&k(null===(n=C[0])||void 0===n?void 0:n.url)}})},e.url)})),!w&&(0,ne.jsx)(lt.Z,{disabled:t,storeList:C,teamDid:P,onAdd:function(e){k(e)}})]}),r({currentRegistry:E})]})}st.propTypes={onChange:f().func,loading:f().bool,children:f().any.isRequired,extra:f().node},st.defaultProps={onChange:function(){},loading:!1,extra:""};var ut,dt=p.Z.div(Qn||(Qn=(0,c.Z)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n\n  span {\n    font-size: 16px;\n    color: ",";\n    // font-weight: bold;\n  }\n"])),(function(e){return e.theme.palette.common.black})),pt=t(71569),mt=t(52439),ft=t(61951),ht=t(44727),xt=["handleButtonClick","handleSearchSelect","storeUrl","handleBlockletRender","extraFilter","serverVersion"],vt=function(e,n){return X()(n,"/blocklets/".concat(e.did))},gt=function(e){var n=e.blocklet,t=e.attribute,r=e.value;return n._formatted?n._formatted[t]:r},Zt=function(e){return e.inStore&&!1===(0,A.isFreeBlocklet)(e)};function bt(e){var n=e.blocklet,t=e.blocklets,r=e.handleButtonClick,a=e.endpoint,l=(0,i.PE)().t,c=X()(a,(0,ce.lk)(n.did,n.logo||"")),p=(0,o.useState)(!1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=Zt(n)?l("common.purchase"):l("blocklet.component.choose"),v=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(o){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return o.preventDefault(),o.stopPropagation(),e.prev=2,h(!0),e.next=6,r({meta:n,registryUrl:a,blocklets:t});case 6:e.next=11;break;case 8:e.prev=8,e.t0=e.catch(2),M.Z.error(e.t0.message);case 11:return e.prev=11,h(!1),e.finish(11);case 14:case"end":return e.stop()}}),e,null,[[2,8,11,14]])})));return function(n){return e.apply(this,arguments)}}();return(0,ne.jsx)(ee.Z,{href:vt(n,a),style:{color:"initial",textDecoration:"none"},onClick:function(e){return!!e.currentTarget.contains(e.target)||(e.preventDefault(),!1)},target:"_blank",children:(0,ne.jsx)(jt,{title:gt({blocklet:n,attribute:"title",value:n.title||n.name}),did:n.did,description:gt({blocklet:n,attribute:"description",value:n.description}),cover:n.logo?c:"",version:n.version,button:(0,ne.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,ne.jsx)(ht.Kk,{children:(0,ne.jsx)(z.Z,{onClick:v,size:"small",disabled:f,variant:"outlined",color:"primary","data-cy":"install-blocklet",children:f?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(B.Z,{size:16,style:{marginRight:3}}),x]}):x},n.did)})})})})}function yt(e){var n=e.handleButtonClick,t=e.handleSearchSelect,a=e.storeUrl,c=e.handleBlockletRender,s=e.extraFilter,u=e.serverVersion,p=(0,l.Z)(e,xt),m=(0,i.PE)().locale,f=(0,o.useState)({}),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=a;return(0,o.useEffect)((function(){v({})}),[g]),(0,ne.jsx)(mt.ErrorBoundary,{FallbackComponent:pt.H,resetKeys:[g],children:(0,ne.jsx)("div",(0,r.Z)((0,r.Z)({},p),{},{children:(0,ne.jsx)(ft.Z,{blockletRender:function(e){var t=(0,r.Z)((0,r.Z)({},e),{},{handleButtonClick:n,endpoint:g});return c((0,r.Z)((0,r.Z)({},e),{},{defaultRender:(0,ne.jsx)(bt,(0,r.Z)({},t))}))},baseSearch:!0,endpoint:g,locale:m,onFilterChange:function(e){v(e)},onSearchSelect:t,filters:x,extraFilter:s,serverVersion:u})}))})}bt.propTypes={blocklet:f().object.isRequired,blocklets:f().array,handleButtonClick:f().func,endpoint:f().string},bt.defaultProps={handleButtonClick:null,endpoint:"",blocklets:[]},yt.propTypes={storeUrl:f().string.isRequired,handleButtonClick:f().func,handleSearchSelect:f().func,handleBlockletRender:f().func,extraFilter:f().func,serverVersion:f().string},yt.defaultProps={handleButtonClick:null,handleSearchSelect:null,handleBlockletRender:null,extraFilter:void 0,serverVersion:""};var kt,jt=(0,p.Z)(ht.ZP)(ut||(ut=(0,c.Z)(["\n  .ms-highlight {\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),Ct=t(10458),Pt=t.n(Ct),Et=t(65873),wt=t(82434),Rt=t.n(wt),Tt=t(2478),St=t(42761),_t=t(62681),Ut=t(44067),It=t(14117),Nt=t(75953),Lt=t(73545),Dt=["onSelect","endpoint","gatewayUrl","loading","size","helperText"],Ot=[{value:"https://www.didspaces.com/app",label:"Prod DID Spaces",avatar:"P"},{value:"https://storage.staging.abtnet.io/app",label:"Staging DID Spaces",avatar:"S"}],Bt=(0,It.D)();function Ft(e){var n=e.onSelect,t=e.endpoint,c=e.gatewayUrl,s=e.loading,u=e.size,p=e.helperText,m=(0,l.Z)(e,Dt),f=(0,it.Z)("did-space-gateway-list",Ot),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,o.useState)(c||Ot[0].value),Z=(0,d.Z)(g,2),b=Z[0],y=Z[1],k=(0,i.PE)().t,j=(0,Lt.T)().api;return(0,o.useEffect)((function(){b&&!x.find((function(e){return e.value===b}))&&j.get(X()(b,"/__blocklet__.js?type=json")).then((function(e){v([].concat((0,a.Z)(x),[{value:b,label:e.data.appName}]))})).catch((function(e){console.error(e),M.Z.error("Can not add this gateway, please check the url and try again")}))}),[b]),(0,ne.jsx)(zt,(0,r.Z)((0,r.Z)({},m),{},{freeSolo:!0,selectOnFocus:!0,clearOnBlur:!0,handleHomeEndKeys:!0,value:b,options:x,onChange:function(e,n){if(n)if("string"===typeof n){var t=x.find((function(e){return e.label===n}));t&&y(t.value)}else n.inputValue?y(n.inputValue):n.value&&y(n.value)},getOptionLabel:function(e){return"string"===typeof e?e:e.inputValue?e.inputValue:e.label},renderOption:function(e,n){return(0,ne.jsxs)(Tt.ZP,(0,r.Z)((0,r.Z)({},e),{},{children:[(0,ne.jsx)(St.Z,{children:(0,ne.jsx)(_t.Z,{children:n.avatar})}),(0,ne.jsx)(Ut.Z,{primary:n.label,secondary:n.value})]}),n.value)},filterOptions:function(e,n){var t=Bt(e,n);n.inputValue&&Rt()(n.inputValue)&&(e.some((function(e){return n.inputValue===e.value}))||t.push({value:n.inputValue,label:"Add new gateway"}));return t},renderInput:function(e){return(0,ne.jsx)(je.Z,(0,r.Z)((0,r.Z)({},e),{},{helperText:p,label:k("storage.spaces.label"),size:u,InputProps:(0,r.Z)((0,r.Z)({},e.InputProps),{},{type:"search",endAdornment:(0,ne.jsx)(z.Z,{variant:"contained",onClick:function(){return n(b)},size:"small",loading:s,disable:s,sx:{position:"absolute",right:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100px",height:"100%"},children:k(t?"storage.spaces.reconnect":"storage.spaces.connect.now")})})}))}}))}var zt=(0,p.Z)(Nt.Z)(kt||(kt=(0,c.Z)(["\n  height: 40px;\n  width: 100%;\n  max-width: 720px;\n  "," {\n    width: 75%;\n  }\n  input.MuiInputBase-input {\n    max-width: calc(100% - 80px);\n  }\n"])),(function(e){return e.theme.breakpoints.down("md")}));Ft.propTypes={onSelect:f().func.isRequired,endpoint:f().string,loading:f().bool,size:f().string,helperText:f().string,gatewayUrl:f().string},Ft.defaultProps={endpoint:void 0,loading:!1,size:"small",helperText:"",gatewayUrl:""};var qt=Ft,At=["onConnect"];var Gt=(0,o.forwardRef)((function(e,n){var t=e.onConnect,a=(0,l.Z)(e,At),c=(0,le.h6)(),p=c.api,m=c.info.did,f=(0,o.useContext)(i.RD),h=f.t,x=f.locale,v=(0,Cn.y0)(),g=v.blocklet,Z=v.actions.refreshBlocklet,b=(0,o.useState)(""),y=(0,d.Z)(b,2),k=y[0],j=y[1],C=(0,o.useMemo)((function(){var e,n,t,r;return{endpoint:(null===g||void 0===g||null===(e=g.environments)||void 0===e||null===(n=e.find((function(e){return e.key===ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT})))||void 0===n?void 0:n.value)||"",gatewayUrl:(null===g||void 0===g||null===(t=g.environments)||void 0===t||null===(r=t.find((function(e){return e.key===ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACES_URL})))||void 0===r?void 0:r.value)||""}}),[g]),P=(0,A.getAppName)(g),E=(0,A.getAppDescription)(g),w=function(e){var n,t,r,o=null===e||void 0===e||null===(n=e.site)||void 0===n||null===(t=n.domainAliases)||void 0===t||null===(r=t.sort((function(e,n){return e.accessibility.accessible&&n.accessibility.accessible?+e.isProtected-+n.isProtected:+n.accessibility.accessible-+e.accessibility.accessible})))||void 0===r?void 0:r.map((function(e){var n,t=null!==e&&void 0!==e&&null!==(n=e.domainStatus)&&void 0!==n&&n.isHttps?"https://":"http://",r=null===e||void 0===e?void 0:e.value;return"".concat(t).concat(r)})).filter(Boolean),i=null===o||void 0===o?void 0:o[0];return{appUrl:i,isReady:Boolean(i)}}(g),R=w.appUrl,T=w.isReady;function S(e,n){return _.apply(this,arguments)}function _(){return(_=(0,u.Z)((0,s.Z)().mark((function e(n,t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,p.configBlocklet({input:{did:[n],configs:[{key:ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACES_URL,value:k},{key:ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT,value:t}]}}).then((function(){M.Z.success(h("storage.spaces.connect.succeeded",x))})).catch((function(e){console.error(e),M.Z.error(e.message)}));case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var U=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n,o){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,S(g.meta.did,o(n.endpoint));case 2:setTimeout((function(){D((function(e){return(0,r.Z)((0,r.Z)({},e),{},{open:!1})})),null===t||void 0===t||t(),Z()}),3e3);case 3:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),I=(0,o.useState)({open:!1}),N=(0,d.Z)(I,2),L=N[0],D=N[1];return(0,o.useEffect)((function(){D((function(e){return(0,r.Z)((0,r.Z)({},e),{},{messages:{title:h("storage.spaces.authorize.title",{appName:P}),scan:h("storage.spaces.authorize.scan",{appName:P}),confirm:"",success:(0,ne.jsx)(Ve.Z,{gutterBottom:!0,children:h("storage.spaces.authorize.success")})}})}))}),[P,x,h]),(0,o.useImperativeHandle)(n,(function(){return{getEndpoint:function(){return C.endpoint},getGatewayUrl:function(){return C.gatewayUrl}}})),(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(qt,(0,r.Z)((0,r.Z)((0,r.Z)({},a),C),{},{onSelect:function(e){(0,Et.isEmpty)(e)?M.Z.error(h("storage.spaces.addressCannotEmpty",x)):(j(e),D((function(n){return(0,r.Z)((0,r.Z)({},n),{},{action:"one-click-authorization",checkTimeout:3e5,prefix:X()(e,"space/api/did"),baseUrl:new URL(e).origin,checkFn:Pt().create({baseURL:X()(e,"space")}).get,extraParams:{appDid:g.appDid,appName:P,appDescription:E,scopes:"list:object read:object write:object",appUrl:R,referrer:window.location.href,nodeDid:m},onClose:function(){D((function(e){return(0,r.Z)((0,r.Z)({},e),{},{open:!1})}))},open:!0})})))},loading:!T})),(0,ne.jsx)(Mn.default,{forceConnected:!1,saveConnect:!1,prefix:L.prefix,open:L.open,popup:!0,action:L.action,baseUrl:L.baseUrl,checkFn:L.checkFn,onSuccess:U,onClose:L.onClose,checkTimeout:L.checkTimeout,extraParams:L.extraParams,messages:L.messages,locale:x})]})}));Gt.propTypes={onConnect:f().func},Gt.defaultProps={onConnect:function(){}};var Wt,Mt,Kt,Vt,Yt,Ht,Xt,$t=Gt,Jt=["name","validation"],Qt=["default","key"],er=function(e){return e.inStore&&!1===(0,A.isFreeBlocklet)(e)},nr=function(e){var n;return null===e||void 0===e||null===(n=e.capabilities)||void 0===n?void 0:n.didSpace},tr=function(e){var n,t;return(null===e||void 0===e||null===(n=e.configs)||void 0===n||null===(t=n.find((function(e){return e.key===ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT})))||void 0===t?void 0:t.value)||null},rr=function(e){return(e.environments||[]).some((function(e){return e.required}))},or=function(e,n){return null===e||void 0===e?void 0:e.some((function(e){return e.required&&!n[e.key]}))},ir=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return e.title||e.name},ar=(0,o.forwardRef)((function(e,n){var t=e.meta,a=e.isMobile,l=e.onStepChange,c=(0,bn.s)(),s=c.steps,u=c.activeStep,d=c.setActiveStepByKey,p=c.setActiveStepByIndex,m=(0,i.PE)(),f=m.t,h=m.locale,x=s[u];return(0,o.useEffect)((function(){l(u)}),[l,u]),(0,o.useImperativeHandle)(n,(function(){return{setActiveStepByKey:d,setActiveStepByIndex:p}})),(0,ne.jsx)(pr,{component:"div",className:a?"mobileStyle":"",children:(0,ne.jsx)(Zn.Z,{locale:h,blockletMeta:(0,r.Z)({title:" "},t),pcWidth:"100%",pcHeight:"100%",logoUrl:t&&t.logo&&t.registryUrl?(0,ce.aZ)({did:t.did,baseUrl:t.registryUrl,logoPath:t.logo}):null,stepTip:f("blocklet.component.add"),children:(0,ne.jsx)(ur,{children:null!==x&&void 0!==x&&x.body&&"function"===typeof x.body?x.body():x.body})})})}));function lr(e){var n,t,c,p,m,f,h,v=e.blocklet,g=e.children,Z=(0,i.PE)(),b=Z.t,y=Z.locale,k=(0,o.useState)(!1),j=(0,d.Z)(k,2),C=j[0],P=j[1],E=(0,o.useState)(null),w=(0,d.Z)(E,2),R=w[0],T=w[1],S=(0,o.useState)(""),_=(0,d.Z)(S,2),U=_[0],I=_[1],N=(0,o.useState)(""),L=(0,d.Z)(N,2),D=L[0],F=L[1],q=(0,o.useState)(""),G=(0,d.Z)(q,2),W=G[0],K=G[1],V=(0,le.h6)(),Y=V.api,H=V.ws.useSubscription,X=V.inService,$=V.info,J=(0,Cn.y0)().actions.refreshBlocklet,Q=(0,o.useState)(null),ee=(0,d.Z)(Q,2),te=ee[0],re=ee[1],oe=(0,o.useState)(!1),ae=(0,d.Z)(oe,2),se=ae[0],ue=ae[1],de={bundleDid:"",componentDid:"",componentName:"",pathPrefix:"",name:"",title:"",configsList:[],configsValue:{},hasMissRequiredConfigs:!1,hasEnvironmentsStep:!1,hasRequiredEnvironments:!1,requirePurchase:!1,didSpaceCapability:null,installResultProps:{},purchaseResultProps:{},showFromUrlDialog:!1},pe=(0,o.useState)(de),me=(0,d.Z)(pe,2),fe=me[0],he=me[1],xe=(0,o.useState)(0),ve=(0,d.Z)(xe,2),ge=ve[0],Ze=ve[1],be=(0,o.useRef)({}),ye=(0,o.useRef)({}),ke=(0,o.useRef)({}),Ce=(0,gn.Z)((function(e){return e.breakpoints.down("md")})),Pe=be.current.meta,Ee=(ye.current||{}).setActiveStepByIndex,we=$.mode===O.NODE_MODES.SERVERLESS,Re=function(e){return he((function(n){return(0,r.Z)((0,r.Z)({},n),e)}))};(0,o.useEffect)((function(){if(fe.pathPrefix){var e=Ne((0,r.Z)((0,r.Z)({},fe),{},{pathPrefix:fe.pathPrefix,locale:y})).errMsg;I(e)}}),[fe.pathPrefix]),(0,o.useEffect)((function(){0===ge&&he(de)}),[ge]);var Te=function(){var e;return null!==be&&void 0!==be&&null!==(e=be.current)&&void 0!==e&&e.meta?(0,A.getDisplayName)(be.current):""},Se=function(e){!function n(t){Re({installResultProps:{variant:"error",title:Te(),subTitle:e,footer:(0,ne.jsx)(z.Z,{className:"bottom-button",disabled:t,"data-cy":"retry-install-component",onClick:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n(!0),e.next=3,Ie(be.current.installInput);case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[t&&(0,ne.jsx)(B.Z,{size:16,style:{marginRight:8}}),b("common.retry")]})})}})}()},_e=function(e){return function(n){var t,r;((null===n||void 0===n||null===(t=n.meta)||void 0===t?void 0:t.did)||(null===n||void 0===n?void 0:n.meta))===(null===v||void 0===v||null===(r=v.meta)||void 0===r?void 0:r.did)&&e(n)}};H(ie.BlockletEvents.statusChange,_e((function(e){if(e.status===ie.BlockletStatus.upgrading)Re({installResultProps:{variant:"success",title:Te(),subTitle:b("blocklet.component.installSuccessTip")}})})),[null===v||void 0===v||null===(n=v.meta)||void 0===n?void 0:n.did]),H(ie.BlockletEvents.downloadFailed,_e((function(){Se(b("blocklet.component.installComponentError"))})),[null===v||void 0===v||null===(t=v.meta)||void 0===t?void 0:t.did]),H(ie.BlockletEvents.installFailed,_e((function(){Se(b("blocklet.component.installComponentError"))})),[null===v||void 0===v||null===(c=v.meta)||void 0===c?void 0:c.did]);var Ue=function(){P(!1),F(!1),he({}),be.current={}},Ie=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var t,o,i,a,l,c,u,d,p,m,f,h,x,g,Z,b,y,k,j,C,E,w,R,T,S;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=fe.pathPrefix,a=fe.bundleDid,l=fe.title,c=fe.componentName,u=void 0===c?"":c,d=fe.componentDid,p=void 0===d?"":d,m=(null===(t=be.current)||void 0===t?void 0:t.meta)||{},f=m.configs,h=void 0===f?[]:f,x=m.registryUrl,g=m.inStore,Z=m.inputUrl,b=null===(o=be.current)||void 0===o?void 0:o.downloadTokenList,y=g?(0,ce.Rn)(x,a):Z,P(!0),k=(0,r.Z)((0,r.Z)((0,r.Z)({rootDid:v.meta.did,url:y,mountPoint:(0,Le.default)(i),title:l,name:u,did:p},fe.hasEnvironmentsStep&&h.length>0?{configs:h.map((function(e){return(0,r.Z)((0,r.Z)({},e),{},{value:fe.configsValue[e.key]||""})}))}:{}),b?{downloadTokenList:b}:{}),n),e.prev=6,e.next=9,Y.installComponent({input:k});case 9:if(!x){e.next=15;break}if(j=(0,ce.dX)({fromBlocklet:X,nodeInfo:$,blocklet:v}),C=j.teamDid,E=j.storeList,w=(0,ce.bQ)(x,E),R=w.isNew,T=w.decoded,!R){e.next=15;break}return e.next=15,Y.addBlockletStore({input:{teamDid:C,url:T}});case 15:Re({installResultProps:{}}),J({showError:!1,attachRuntimeInfo:!1}),e.next=25;break;case 19:e.prev=19,e.t0=e.catch(6),S=(0,ce.Z)(e.t0),M.Z.error(S),console.error("installComponent error: ",e.t0),Se(S);case 25:return e.prev=25,P(!1),be.current.installInput=k,e.finish(25);case 29:case"end":return e.stop()}}),e,null,[[6,19,25,29]])})));return function(n){return e.apply(this,arguments)}}(),Ne=function(e){return{errMsg:(0,nt.Rw)({params:(0,r.Z)((0,r.Z)({},e),{},{did:e.bundleDid}),blocklets:[v],blocklet:v,locale:y})}},De=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var t,o;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=Ne((0,r.Z)((0,r.Z)({},fe),{},{locale:y})),o=t.errMsg,I(o),ge!==Fe.length-2){e.next=5;break}return e.next=5,Ie(n);case 5:Ee((function(e){return e+1}));case 6:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),Oe=function(){Ee((function(e){return e-1}))},Be=function(e){var n,t,o=e.chooseParams,i=void 0===o?be.current:o,c=e.componentDid,s=e.isInit,u=void 0!==s&&s,d=i.meta,p=i.registryUrl,m=i.inStore,f=i.inputUrl,h=d.did,x=d.title,g=d.name,Z=((null===(n=v.settings)||void 0===n?void 0:n.children)||[]).filter((function(e){return"deleted"===e.status&&e.meta.bundleDid===h})),b=c||"",y=null===(t=d.environments)||void 0===t?void 0:t.map((function(e){var n=e.name,t=e.validation,o=(0,l.Z)(e,Jt),i={validation:pn()(t)?"":t};return(0,r.Z)((0,r.Z)({},o),{},{key:n},i)}));be.current=(0,r.Z)((0,r.Z)({},i),{},{meta:(0,r.Z)((0,r.Z)({},d),{},{configs:y,registryUrl:p,inStore:m,inputUrl:f})});var k={};if(u){var j=[v],C=y||[],P=an()(cn()([].concat((0,a.Z)(C),[])),"key").filter((function(e){return!!e.key})).sort((function(e,n){return e.required&&!n.required?-1:n.required&&!e.required?1:0})),E=(0,A.getSharedConfigObj)(j[0],{configs:P}),w={},R=P.map((function(e){var n=e.default,t=e.key,o=(0,l.Z)(e,Qt);return w[t]=E[t]||n,(0,r.Z)((0,r.Z)({},o),{},{key:t,hidden:!!ie.BLOCKLET_CONFIGURABLE_KEY[t]})}));k=(0,r.Z)((0,r.Z)({},k),{},{configsList:R,configsValue:w,hasMissRequiredConfigs:or(R,w)})}var T,S,_=v.children.some((function(e){return"/"===e.mountPoint})),U=Z.find((function(e){return e.meta.bundleDid===h}));U?k=(0,r.Z)((0,r.Z)({},k),{},{pathPrefix:U.mountPoint,title:x||"",componentName:U.meta.name,hasEnvironmentsStep:!1}):k=(0,r.Z)((0,r.Z)({},k),{},{pathPrefix:_?"/".concat((0,Le.default)(g)):"/",title:x||"",componentName:"",hasEnvironmentsStep:(null===(T=be.current.meta)||void 0===T||null===(S=T.environments)||void 0===S?void 0:S.length)>0});var I=er(be.current.meta),N=nr(be.current.meta),L=tr(v);Re((0,r.Z)((0,r.Z)({bundleDid:h,componentDid:b},k),{},{hasRequiredEnvironments:rr(be.current.meta),requirePurchase:I,didSpaceCapability:N,didSpaceEndpoint:L})),u&&I&&function(){var e=fe.pathPrefix,n=fe.bundleDid,t=fe.title,r=fe.componentName,o=void 0===r?"":r,i=fe.componentDid,a=void 0===i?"":i,l=(be.current||{}).meta,c=void 0===l?{}:l,s=c.registryUrl,u=c.inStore,d=c.inputUrl,p=u?(0,ce.Rn)(s,n):d;re({meta:c,installOpts:{type:"component",rootDid:v.meta.did,mountPoint:e,url:p,title:t,name:o,did:a}})}()},Fe=[{key:"selectComponent",name:b("blocklet.component.selectComponent"),body:(0,ne.jsxs)(sr,{component:"div",children:[fe.showFromUrlDialog&&(0,ne.jsx)(rt.Z,{mode:"component",onCancel:function(){Re({showFromUrlDialog:!1})},onSuccess:function(e){var n=e.meta,t=e.inputUrl,r=e.inStore,o=e.registryUrl;Be({chooseParams:{meta:n,inputUrl:t,inStore:r,registryUrl:o},isInit:!0}),Re({showFromUrlDialog:!1}),De()},handleText:{title:b("blocklet.component.addComponentTip.fromUrl"),confirm:b("blocklet.component.choose")}}),(0,ne.jsx)(st,{extra:we?null:(0,ne.jsxs)(z.Z,{variant:"text",color:"primary","data-cy":"add-component-from-url",onClick:function(){Re({showFromUrlDialog:!0})},style:{padding:"0 2px"},children:[(0,ne.jsx)(xn.Z,{style:{fontSize:20,marginRight:4}})," ",b("blocklet.component.addComponentTip.fromUrl")," "]}),loading:C,onChange:function(){he({}),be.current={}},children:function(e){var n=e.currentRegistry;return(0,ne.jsx)(yt,{serverVersion:null===$||void 0===$?void 0:$.version,style:Ce?{height:"calc(100vh - 56px - 80px - 32px - 40px  )"}:{height:"calc(100% - 40px)"},storeUrl:n.url,handleButtonClick:function(e){Be({chooseParams:(0,r.Z)((0,r.Z)({},e),{},{inStore:!0}),isInit:!0})},handleBlockletRender:function(e){var n=e.blocklet,t=e.defaultRender,r=(null===fe||void 0===fe?void 0:fe.bundleDid)&&(null===fe||void 0===fe?void 0:fe.bundleDid)===(null===n||void 0===n?void 0:n.did);return(0,ne.jsxs)(fr,{children:[r&&(0,ne.jsx)("div",{className:"check-container",children:(0,ne.jsx)(vn.default,{className:"check-icon"})}),(0,ne.jsx)("div",{className:r?"choose-blocklet":"",style:{marginLeft:16},children:t})]})},extraFilter:function(e){return null===e||void 0===e?void 0:e.filter((function(e){return!!(0,A.isComponentBlocklet)(e)&&!(v.children||[]).some((function(n){return n.meta.did===e.did}))}))}})}})]}),cancel:b("common.cancel"),confirm:ir(fe)?b("blocklet.component.addNext",{name:ir(fe)}):b("common.next"),onCancel:Ue,onConfirm:function(){De()}},{key:"agreement",name:b("launchBlocklet.introduction"),body:(0,ne.jsxs)(sr,{component:"div",className:"agreement-wrapper",children:[(0,ne.jsx)(mn.Z,{title:b("launchBlocklet.introduction"),subTitle:b("blocklet.component.addComponentTip.introduction")}),(0,ne.jsx)(tt.Z,{meta:Pe,onClickNext:De,handleDescEle:(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("p",{children:(0,ne.jsx)("div",{dangerouslySetInnerHTML:{__html:b("blocklet.component.addComponentTip.".concat(fe.requirePurchase?"isPurchase":"isFree"),{name:Te()})}})}),(0,ne.jsx)("p",{children:b("blocklet.component.addComponentTip.belowInformation")})]})})]}),cancel:b("common.pre"),confirm:b("launchBlocklet.next"),onCancel:Oe,onConfirm:function(){ue(!1),De()}},Pe&&fe.requirePurchase&&{key:"purchase",name:(0,ne.jsxs)(ne.Fragment,{children:[b("common.verifyNFT"),(0,ne.jsx)(qn.Z,{})]}),body:(0,ne.jsxs)(sr,{component:"div",className:"flex-align-center",style:{flexDirection:"column"},children:[!(2===(null===(p=ke.current)||void 0===p||null===(m=p.getCurrentStep)||void 0===m?void 0:m.call(p))||se)&&(0,ne.jsx)(mr,{title:b("common.verifyNFT"),subTitle:b("blocklet.component.addComponentTip.verifyNFT")}),un()(fe.purchaseResultProps)?te&&(0,ne.jsx)(et,{ref:ke,meta:te.meta,mode:fe.componentDid?"verify":"both",onCancel:function(e){ue(!1),Re({purchaseResultProps:{variant:"error",title:Te(),subTitle:e,style:{paddingTop:120},footer:(0,ne.jsx)(z.Z,{className:"bottom-button","data-cy":"retry-purchase-component",onClick:function(){Re({purchaseResultProps:{}})},children:b("common.retry")})}})},installOpts:te.installOpts,handlePaySuccess:function(e){var n=e.downloadTokenList;be.current.downloadTokenList=n,ue(!1),De()}}):(0,ne.jsx)("div",{className:"flex-align-center flex-justify-center",children:(0,ne.jsx)(jn.Z,(0,r.Z)({},fe.purchaseResultProps))})]}),disabled:2===(null===(f=ke.current)||void 0===f||null===(h=f.getCurrentStep)||void 0===h?void 0:h.call(f))||se,cancel:b("common.pre"),confirm:b("common.next"),onConfirm:function(){"function"===typeof ke.current.onNext&&(ke.current.onNext(),ue(!0))},onCancel:function(){Oe()}},(0,A.hasStartEngine)(Pe)&&{key:"config",name:b("common.config"),error:U,body:(0,ne.jsxs)(sr,{component:"div",children:[(0,ne.jsx)(mr,{title:b("common.config"),subTitle:b("blocklet.component.addComponentTip.config")}),(0,ne.jsx)(je.Z,{label:b("blocklet.component.mountPoint"),autoComplete:"off",variant:"outlined",name:"pathPrefix",inputProps:{"data-cy":"mount-point-input"},fullWidth:!0,helperText:W||b("blocklet.component.mountPointTip"),style:{marginBottom:32},margin:"normal",value:fe.pathPrefix,onChange:function(e){var n=e.target.value;Re({pathPrefix:n}),K(b("common.slugifyHint",{value:(0,ce.LN)(n)}))}}),!!U&&(0,ne.jsx)(yn.Z,{type:"error",style:{width:"100%",marginTop:8},children:U})]}),cancel:b("common.pre"),confirm:b("common.next"),onCancel:Oe,onConfirm:function(){De()}},Pe&&(null===fe||void 0===fe?void 0:fe.hasEnvironmentsStep)&&{key:"environment",name:(0,ne.jsxs)(ne.Fragment,{children:[b("common.environment")," ",fe.hasRequiredEnvironments&&(0,ne.jsx)(qn.Z,{})]}),disabled:!!R||(null===fe||void 0===fe?void 0:fe.hasMissRequiredConfigs),body:function(){return(0,ne.jsxs)(sr,{component:"div",children:[(0,ne.jsx)(mr,{title:b("common.environment"),subTitle:b("blocklet.component.addComponentTip.environment")}),(0,ne.jsx)(Gn,{style:{marginTop:-12,width:"100%"},schema:fe.configsList,defaultValue:fe.configsValue,onChange:function(e,n){var t=n.action,r=n.currentItem,o=n.allValues;"confirm"===t&&Re({hasMissRequiredConfigs:or(fe.configsList,o),configsValue:o}),"edit"===t?T(r):["cancel","confirm"].includes(t)&&T(null)}})]})},cancel:b("common.pre"),confirm:b("common.next"),onCancel:Oe,onConfirm:De},Pe&&(null===fe||void 0===fe?void 0:fe.didSpaceCapability)&&{key:"didSpace",name:(0,ne.jsxs)(ne.Fragment,{children:[b("blocklet.component.didSpaceConfig")," ","required"===fe.didSpaceCapability&&(0,ne.jsx)(qn.Z,{})]}),disabled:"required"===fe.didSpaceCapability&&!fe.didSpaceEndpoint,body:function(){return(0,ne.jsxs)(sr,{component:"div",children:[(0,ne.jsx)(mr,{title:b("blocklet.component.didSpaceConfig"),subTitle:b("blocklet.component.didSpaceConfigTip")}),(0,ne.jsx)(x.Z,{sx:{mt:"36px","& > div":{maxWidth:"unset !important","& .MuiAutocomplete-root":{maxWidth:"unset !important"}}},children:(0,ne.jsx)($t,{sx:{"& .MuiFormHelperText-root":{wordBreak:"break-all"}},helperText:fe.didSpaceEndpoint&&b("blocklet.component.didSpaceConnected",{endpoint:fe.didSpaceEndpoint}),onConnect:function(){De()}})})]})},cancel:b("common.pre"),confirm:b("common.next"),onCancel:Oe,onConfirm:De},{key:"install",name:b("common.install"),disabled:!1,loading:!1,body:(0,ne.jsx)(sr,{component:"div",className:"flex-justify-center flex-align-center",style:{flexDirection:"column"},children:un()(fe.installResultProps)?(0,ne.jsx)(kn.Z,{message:(0,ne.jsx)(hr,{children:b("blocklet.component.installingCanCloseWindowTip")}),increaseSpeed:.3,messageLoop:!1}):(0,ne.jsx)("div",{style:{marginTop:120},children:(0,ne.jsx)(jn.Z,(0,r.Z)({},fe.installResultProps))})}),confirm:b("common.complete"),onConfirm:function(){Ue(),setTimeout((function(){var e=document.getElementsByClassName("dashboard-main")[0];e&&(e.scrollTop=e.scrollHeight)}),200)}}].filter((function(e){return e})),ze=Fe[ge]||{},qe=function(e){e.stopPropagation(),F(!0)},Ae=ge<Fe.length-1;return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof g?g({loading:C,open:qe}):(0,ne.jsxs)(hn.Z,{onClick:qe,className:"component-action","data-cy":"action-add-component",children:[C?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(xn.Z,{style:{fontSize:18,marginRight:5}}),b("blocklet.component.add")]}),D&&(0,ne.jsx)(cr,{title:b("blocklet.component.addWithName",{name:(0,A.getDisplayName)(v)}),maxWidth:!1,fullWidth:!1,PaperProps:{style:Ce?{width:"100%",height:window.innerHeight}:{maxWidth:1350,minWidth:930,width:"80%"}},onClose:function(e,n){var t,r;"backdropClick"!==n&&(null===(t=Fe[0])||void 0===t||null===(r=t.onCancel)||void 0===r||r.call(t))},showCloseButton:Ae,disableEscapeKeyDown:!0,open:!0,actions:(0,ne.jsxs)(ne.Fragment,{children:[ze.cancel&&(0,ne.jsx)(z.Z,{onClick:function(e){e.stopPropagation(),ze.onCancel()},disabled:ge===Fe.length-2&&C,color:"inherit",children:ze.cancel||b("common.cancel")}),ze.confirm&&(0,ne.jsx)(z.Z,{onClick:function(e){e.stopPropagation(),ze.onConfirm()},color:"primary","data-cy":"submit-confirm-next",disabled:C||("boolean"===typeof ze.disabled?ze.disabled:!(!C&&!ze.error&&fe.bundleDid)||ge>0&&!fe.pathPrefix),variant:"contained",autoFocus:!0,title:ze.confirm,style:{marginLeft:8,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"280px",display:"inline-block"},children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[("boolean"===typeof ze.loading?ze.loading:C)&&(0,ne.jsx)(B.Z,{size:16}),ze.confirm]})})]}),children:(0,ne.jsx)(bn.W,{steps:Fe,mode:"memory",children:(0,ne.jsx)(ar,{ref:ye,meta:Pe,isMobile:Ce,onStepChange:function(e){Ze(e)}})})})]})}ar.propTypes={meta:f().any,onStepChange:f().func.isRequired,isMobile:f().bool.isRequired},ar.defaultProps={meta:null},lr.propTypes={children:f().any,blocklet:f().object.isRequired},lr.defaultProps={children:null};var cr=(0,p.Z)(be.ZP)(Wt||(Wt=(0,c.Z)(["\n  .MuiDialogContent-root {\n    padding-left: 0;\n    padding-right: 0;\n    padding-bottom: 0;\n  }\n\n  .MuiDialogActions-root {\n    padding: 16px 24px;\n  }\n"]))),sr=(0,p.Z)(Ve.Z)(Mt||(Mt=(0,c.Z)(["\n  width: 100%;\n  height: 100%;\n"]))),ur=p.Z.div(Kt||(Kt=(0,c.Z)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: flex-start;\n\n  .bottom-button {\n    min-width: 200px;\n  }\n\n  // blocklet-select-side\n  aside {\n    width: 140px;\n  }\n"]))),dr=function(e){return e.isMobile?"\n          height: calc(100vh - 56px - 64px - 48px);\n        ":""},pr=(0,p.Z)(fn.Z)(Vt||(Vt=(0,c.Z)(["\n  ","\n\n  & .flex-justify-center {\n    display: flex;\n    justify-content: center;\n  }\n\n  & .flex-align-center {\n    display: flex;\n    height: 100%;\n    align-items: center;\n    ","\n  }\n\n  & .agreement-wrapper {\n    ","\n    max-height: 60vh;\n    .eula-trigger {\n      padding-right: 0;\n    }\n    .next-button {\n      display: none;\n    }\n  }\n\n  & .connect {\n    background: white;\n  }\n"])),(function(e){return"mobileStyle"===e.className?"\n      height: 100%;\n\n      & > div{\n        height: 100%;\n      }\n      .root-header {\n        .app-name-content {\n          display: none;\n        }\n      }\n\n\n\n      // content-panel\n      .root-header + div{\n        padding-top: 0;\n        position: relative;\n        & > div {\n          padding-top: 0;\n        }\n      }\n\n      header + div {\n        padding-top: 0;\n      }\n\n      header {\n        .header-title {\n          margin-left: 0;\n        }\n\n        .header-title-name  {\n          max-width: 100% !important;\n        }\n      }\n      ":"\n      height: 72vh;\n      position: relative;\n      .root-header {\n        z-index: auto !important;\n        position: fixed !important;\n      }\n      & > div {\n        height: 100%;\n        width: 100%;\n        max-width: 100%;\n        & > div {\n          max-height: unset !important;\n          max-width: 100%;\n          & > div {\n            // left-panel\n            &:first-child {\n              padding-top: 0;\n              // padding-left: 0;\n              width: 25%;\n              min-width: 240px;\n              & > div:first-child {\n                display: none;\n              }\n              // step\n              & > div:last-child {\n                // margin-top: 32px;\n                margin-top: 0;\n              }\n            }\n            // right-panel\n            &:last-child {\n              padding-top: 0;\n              padding-right: 24px;\n              overflow-y: auto;\n              .app-content {\n                padding: 0 0 24px 0;\n              }\n              .button-container {\n                padding-right: 0;\n              }\n            }\n          }\n        }\n      }\n\n    "}),(function(e){return dr(e)}),(function(e){return dr(e)})),mr=(0,p.Z)(mn.Z)(Yt||(Yt=(0,c.Z)(["\n  margin-bottom: 24px;\n"]))),fr=p.Z.div(Ht||(Ht=(0,c.Z)(["\n  position: relative;\n\n  .choose-blocklet {\n    background-color: rgb(236, 251, 253);\n    border-color: rgb(236, 251, 253);\n    border-radius: 8px;\n  }\n\n  .check-container {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    justify-content: flex-end;\n    align-items: flex-end;\n    width: 30px;\n    height: 30px;\n    border-radius: 0 0 8px 0;\n    color: ",";\n    overflow: hidden;\n    transition: all ease 0.3s;\n    &:after {\n      position: absolute;\n      z-index: 0;\n      display: block;\n      width: 0;\n      height: 0;\n      border-top: transparent solid 15px;\n      border-left: transparent solid 15px;\n      border-bottom: "," solid 15px;\n      border-right: "," solid 15px;\n      transition: all ease 0.1s;\n      content: '';\n    }\n\n    .check-icon {\n      position: relative;\n      z-index: 2;\n      margin: 0 1px 1px 0;\n      font-size: 16px;\n      transition: all ease 0.2s;\n    }\n  }\n"])),(function(e){return e.theme.palette.common.white}),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.palette.primary.main})),hr=p.Z.div(Xt||(Xt=(0,c.Z)(["\n  color: ",";\n  .msg-before {\n    display: inline-block;\n    color: #aaa;\n    font-size: 14px;\n    margin-right: 6px;\n  }\n"])),(function(e){return e.theme.palette.primary.main})),xr=function(e){return e.children.filter((function(e){return e.meta.interfaces.find((function(e){return e.type===ie.BLOCKLET_INTERFACE_TYPE_WEB}))}))};function vr(e){var n=e.params,t=e.setParams,a=e.setError,l=e.serviceTypes,c=(0,i.PE)().t,s=(0,Cn.y0)().blocklet,u=s.meta.did,p=xr(s),m=(0,o.useState)([]),f=(0,d.Z)(m,2),h=f[0],x=f[1],v={301:c("common.redirectPermanently"),302:c("common.redirectTemporary"),307:c("common.redirectTemporary"),308:c("common.redirectPermanently")};return(0,o.useEffect)((function(){if(n.type===O.ROUTING_RULE_TYPES.COMPONENT&&n.componentId){var e=p.find((function(e){return e.meta.did===n.componentId})),o=(0,A.findWebInterface)(e.meta),i=(Array.isArray(null===o||void 0===o?void 0:o.pageGroups)?o.pageGroups:[]).map((function(e){return{value:e,label:"".concat(e," pages")}}));i.length&&i.unshift({value:"",label:"All pages"}),x(i),n.pageGroup&&!1===i.find((function(e){return e.value===n.pageGroup}))&&t((0,r.Z)((0,r.Z)({},n),{},{pageGroups:""}))}}),[n.componentId,n.type]),(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.type"),autoComplete:"off",variant:"outlined",name:"type","data-cy":"domain-add-type",fullWidth:!0,value:n.type,onChange:function(e){a(""),t((0,r.Z)((0,r.Z)({},n),{},{type:e.target.value,did:e.target.value===O.ROUTING_RULE_TYPES.BLOCKLET?u:"",__disableConfirm:!1}))},style:{marginBottom:32},SelectProps:{},children:l.map((function(e){var n=e.name,t=e.value;return(0,ne.jsx)(hn.Z,{value:t,children:n},t)}))}),n.type===O.ROUTING_RULE_TYPES.REDIRECT&&[(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.redirect"),autoComplete:"off",variant:"outlined",name:"type",fullWidth:!0,value:n.redirectCode,onChange:function(e){return t((0,r.Z)((0,r.Z)({},n),{},{redirectCode:e.target.value}))},style:{marginBottom:32},SelectProps:{},children:Object.keys(v).map((function(e){return(0,ne.jsx)(hn.Z,{value:e,children:"".concat(v[e]," - ").concat(e)},e)}))},"redirectCode"),(0,ne.jsx)(je.Z,{label:c("common.redirectUrl"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"redirect-url-input",fullWidth:!0,value:n.url,helperText:c("router.urlHelperText"),style:{marginBottom:32},onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{url:e.target.value,__disableConfirm:!e.target.value.trim()})),e.target.value.trim()?a(""):a(c("router.validation.redirectUrlRequired"))}},"redirectUrl")],n.type===O.ROUTING_RULE_TYPES.COMPONENT&&[(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.component"),autoComplete:"off",variant:"outlined","data-cy":"select-component-input",name:"componentId",fullWidth:!0,value:n.componentId,onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{componentId:e.target.value}))},style:{marginBottom:32},SelectProps:{},children:p.map((function(e){return(0,ne.jsx)(hn.Z,{value:e.meta.did,selected:e.meta.did===n.componentId,children:(0,A.getDisplayName)(e,!0)},e.meta.did)}))},"componentId"),h.length?(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.pageGroup"),autoComplete:"off",variant:"outlined",name:"pageGroup","data-cy":"route-group-input",fullWidth:!0,value:n.pageGroup,helperText:c("router.domain.add.pageGroupTip"),style:{marginBottom:32},onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{pageGroup:e.target.value}))},SelectProps:{},children:h.map((function(e){return(0,ne.jsx)(hn.Z,{value:e.value,selected:e.value===n.pageGroup,children:e.label},e.label)}))},"pageGroup"):null].filter(Boolean),n.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(0,ne.jsx)(je.Z,{label:c("common.rewriteUrl"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"rewrite-url-input",fullWidth:!0,value:n.url,helperText:c("router.urlHelperText"),style:{marginBottom:32},onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{url:e.target.value,__disableConfirm:!e.target.value.trim()})),e.target.value.trim()?a(""):a(c("router.validation.rewriteUrlRequired"))}},"url")]})}function gr(e){var n=e.children,t=(0,i.PE)().t,a=(0,le.h6)().api,l=(0,Cn.y0)().blocklet,c=(0,o.useState)(!1),p=(0,d.Z)(c,2),m=p[0],f=p[1],h=(0,o.useState)(null),x=(0,d.Z)(h,2),v=x[0],g=x[1],Z=l.meta.did,b=l.site.id,y=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var r,o;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,(0,nt.fX)(n,t);case 3:if(!(r=e.sent)){e.next=6;break}throw r;case 6:return f(!0),o={from:{pathPrefix:(0,Le.default)(n.pathPrefix)},to:{type:n.type}},n.type===O.ROUTING_RULE_TYPES.REDIRECT&&(o.to.url=n.url.trim(),o.to.redirectCode=n.redirectCode),n.type===O.ROUTING_RULE_TYPES.COMPONENT&&(o.to.did=Z,o.to.componentId=n.componentId,o.to.pageGroup=n.pageGroup),n.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(o.to.url=(0,Le.default)(n.url)),e.next=13,a.addRoutingRule({input:{id:b,rule:o,teamDid:Z}});case 13:e.next=18;break;case 15:e.prev=15,e.t0=e.catch(0),M.Z.error(e.t0.message);case 18:return e.prev=18,f(!1),g(null),e.finish(18);case 22:case"end":return e.stop()}}),e,null,[[0,15,18,22]])})));return function(n){return e.apply(this,arguments)}}(),k={title:t("router.rule.add.title"),description:function(e,n,o){return(0,ne.jsxs)(Ve.Z,{component:"div",children:[(0,ne.jsx)(je.Z,{label:t("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix","data-cy":"path-prefix-input",fullWidth:!0,autoFocus:!0,helperText:e.pathPrefixHint||t("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:e.pathPrefix,onChange:function(i){var a=!1,c=(0,nt.Rw)({params:(0,r.Z)((0,r.Z)({},e),{},{pathPrefix:i.target.value}),blocklets:[l]});o(c),e.type===O.ROUTING_RULE_TYPES.BLOCKLET&&c&&(a=!0),e.type!==O.ROUTING_RULE_TYPES.REDIRECT||e.url||(a=!0),e.type!==O.ROUTING_RULE_TYPES.GENERAL_REWRITE||e.url||(a=!0),i.target.value.trim()||(a=!0,o(t("router.validation.pathPrefixRequired"))),a||o("");var s=t("common.slugifyHint",{value:(0,ce.LN)(i.target.value)});n((0,r.Z)((0,r.Z)({},e),{},{pathPrefix:i.target.value,pathPrefixHint:s,__disableConfirm:a}))}}),(0,ne.jsx)(vr,{params:e,setParams:function(e){o(null),(0,nt.fX)(e,t)?n((0,r.Z)((0,r.Z)({},e),{},{__disableConfirm:!0})):n((0,r.Z)({},e))},setError:o})]})},confirm:t("router.rule.add.confirm"),cancel:t("common.cancel"),params:{did:"",pathPrefix:"",type:O.ROUTING_RULE_TYPES.REDIRECT,componentId:"",pageGroup:"",redirectCode:302,__disableConfirm:!0},onConfirm:y,onCancel:function(){f(!1),g(null)}},j=function(e){e.stopPropagation(),g(k)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof n?n({loading:m,open:j}):(0,ne.jsxs)(hn.Z,{onClick:j,className:"rule-action","data-cy":"action-add-rule",children:[m?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(xn.Z,{style:{fontSize:18,marginRight:5}}),t("router.rule.add.title")]}),v&&(0,ne.jsx)(ae.Z,{title:v.title,description:v.description,confirm:v.confirm,cancel:v.cancel,params:v.params,onConfirm:v.onConfirm,onCancel:v.onCancel,color:"primary"})]})}vr.propTypes={params:f().object,serviceTypes:f().array,setParams:f().func,setError:f().func},vr.defaultProps={params:{},serviceTypes:[{name:"Redirect",value:O.ROUTING_RULE_TYPES.REDIRECT},{name:"Default - User will see the 404 page",value:O.ROUTING_RULE_TYPES.NONE},{name:"Rewrite - Route traffic without redirect",value:O.ROUTING_RULE_TYPES.GENERAL_REWRITE},{name:"Component - Pass traffic to blocklet component",value:O.ROUTING_RULE_TYPES.COMPONENT}],setParams:function(){},setError:function(){}},gr.propTypes={children:f().any},gr.defaultProps={children:null};var Zr=t(96366),br=t(18067),yr=t(71363);function kr(e){var n=e.id,t=e.from,r=e.children,a=(0,i.PE)().t,l=(0,le.h6)().api,c=(0,Cn.y0)().blocklet,p=(0,o.useState)(!1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=(0,o.useState)(null),v=(0,d.Z)(x,2),g=v[0],Z=v[1],b=c.meta.did,y=c.site.id,k=t.pathPrefix,j=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return h(!0),e.prev=1,e.next=4,l.deleteRoutingRule({input:{id:y,ruleId:n,teamDid:b}});case 4:e.next=9;break;case 6:e.prev=6,e.t0=e.catch(1),M.Z.error(e.t0.message);case 9:return e.prev=9,Z(null),h(!1),e.finish(9);case 13:case"end":return e.stop()}}),e,null,[[1,6,9,13]])})));return function(){return e.apply(this,arguments)}}(),C={keyName:k,title:a("router.rule.delete.title"),description:a("router.rule.delete.description",{name:"<b>".concat(k,"</b>")}),confirmPlaceholder:a("router.rule.delete.confirm_desc",{name:k}),confirm:a("common.delConfirm"),cancel:a("router.rule.delete.cancel"),onConfirm:j,onCancel:function(){h(!1),Z(null)}},P=function(e){e.stopPropagation(),Z(C)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof r?r({loading:f,open:P}):(0,ne.jsxs)(hn.Z,{onClick:P,className:"rule-action","data-cy":"action-delete-rule",children:[f?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(I.default,{style:{fontSize:18,marginRight:5}}),a("router.rule.delete.title")]}),g&&(0,ne.jsx)(yr.Z,{keyName:g.keyName,title:g.title,description:g.description,confirmPlaceholder:g.confirmPlaceholder,confirm:g.confirm,cancel:g.cancel,params:g.params,onConfirm:g.onConfirm,onCancel:g.onCancel})]})}function jr(e){var n=e.id,t=e.from,a=e.to,l=e.children,c=(0,i.PE)().t,p=(0,le.h6)().api,m=(0,Cn.y0)().blocklet,f=(0,o.useState)(!1),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,o.useState)(null),Z=(0,d.Z)(g,2),b=Z[0],y=Z[1],k=m.meta.did,j=m.site.id,C=t.pathPrefix,P=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){var r,o;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,(0,nt.fX)(t,c);case 3:if(!(r=e.sent)){e.next=6;break}throw r;case 6:return v(!0),o={id:n,from:{pathPrefix:(0,Le.default)(t.pathPrefix)},to:{type:t.type}},t.type===O.ROUTING_RULE_TYPES.REDIRECT&&(o.to.url=t.url,o.to.redirectCode=t.redirectCode),t.type===O.ROUTING_RULE_TYPES.COMPONENT&&(o.to.did=k,o.to.componentId=t.componentId,o.to.pageGroup=t.pageGroup),t.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(o.to.url=(0,Le.default)(t.url)),e.next=13,p.updateRoutingRule({input:{id:j,rule:o,teamDid:k}});case 13:e.next=18;break;case 15:e.prev=15,e.t0=e.catch(0),M.Z.error(e.t0.message);case 18:return e.prev=18,v(!1),y(null),e.finish(18);case 22:case"end":return e.stop()}}),e,null,[[0,15,18,22]])})));return function(n){return e.apply(this,arguments)}}(),E={title:c("router.rule.update.title"),description:function(e,n,t){return(0,ne.jsxs)(Ve.Z,{component:"div",children:[(0,ne.jsx)(je.Z,{label:c("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix","data-cy":"path-prefix-input",fullWidth:!0,autoFocus:!0,helperText:e.helperText||c("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:e.pathPrefix,onChange:function(o){var i=!1;e.type!==O.ROUTING_RULE_TYPES.REDIRECT||e.url||(i=!0),e.type!==O.ROUTING_RULE_TYPES.GENERAL_REWRITE||e.url||(i=!0),o.target.value.trim()||(i=!0,t(c("router.validation.pathPrefixRequired"))),i||t("");var a=c("common.slugifyHint",{value:(0,ce.LN)(o.target.value)});n((0,r.Z)((0,r.Z)({},e),{},{pathPrefix:o.target.value,helperText:a,__disableConfirm:i}))}}),(0,ne.jsx)(vr,{params:e,setParams:function(e){(0,nt.fX)(e,c)?n((0,r.Z)((0,r.Z)({},e),{},{__disableConfirm:!0})):n((0,r.Z)({},e))},setError:t})]})},confirm:c("router.rule.update.confirm"),cancel:c("router.rule.update.cancel"),color:"primary",params:{did:a.did||"",pathPrefix:"/"===C?C:C.replace(/^\/+/,"").replace(/\/+$/,""),type:a.type||O.ROUTING_RULE_TYPES.BLOCKLET,redirectCode:a.redirectCode||302,componentId:a.componentId||"",pageGroup:a.pageGroup||"",url:a.url||"",__disableConfirm:!1},onConfirm:P,onCancel:function(){v(!1),y(null)}},w=function(e){e.stopPropagation(),y(E)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof l?l({loading:x,open:w}):(0,ne.jsxs)(hn.Z,{onClick:w,className:"rule-action","data-cy":"action-update-rule",children:[x?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(Ze.default,{style:{fontSize:18,marginRight:5}}),c("router.rule.update.title")]}),b&&(0,ne.jsx)(ae.Z,{title:b.title,description:b.description,confirm:b.confirm,color:b.color,cancel:b.cancel,params:b.params,onConfirm:b.onConfirm,onCancel:b.onCancel})]})}function Cr(e){var n=(0,i.PE)().locale,t=(0,Cn.y0)(),o=t.blocklet,a=t.recommendedDomain,l=(0,ce.Sk)(a,e.from.pathPrefix,(0,ce.f0)(o,n));return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)("a",{target:"_blank",href:l,rel:"noopener noreferrer",title:l,children:(0,ne.jsx)(y.Z,{size:"small",children:(0,ne.jsx)(E.Z,{})})}),(0,ne.jsx)(jr,(0,r.Z)((0,r.Z)({},e),{},{children:function(n){var t=n.open;return(0,ne.jsx)(y.Z,{size:"small",onClick:t,disabled:e.isProtected,"data-cy":"action-update-rule",children:(0,ne.jsx)(C.Z,{})})}})),(0,ne.jsx)(kr,(0,r.Z)((0,r.Z)({},e),{},{children:function(n){var t=n.open;return(0,ne.jsx)(y.Z,{size:"small",onClick:t,disabled:e.isProtected,"data-cy":"action-delete-rule",children:(0,ne.jsx)(I.default,{})})}}))]})}kr.propTypes={id:f().string.isRequired,from:f().object.isRequired,children:f().any},kr.defaultProps={children:null},jr.propTypes={id:f().string.isRequired,from:f().object.isRequired,to:f().object.isRequired,children:f().any},jr.defaultProps={children:null},Cr.propTypes={isProtected:f().bool},Cr.defaultProps={isProtected:!1};var Pr=["group"];function Er(e){var n=e.group,t=(0,l.Z)(e,Pr);return n?(0,ne.jsx)(Y.Z,(0,r.Z)((0,r.Z)({type:"reverse"},t),{},{children:n})):null}function wr(e){var n=e.domain,t=e.isHttps,r=e.toUrl,o=t?"https":"http",i=r;return Rt()(i)||(i="".concat(o,"://").concat(n).concat(r)),(0,ne.jsx)(ee.Z,{href:i,target:"_blank",style:{fontSize:14},underline:"hover",children:r},i)}function Rr(e){var n=e.hasPermission,t=(0,i.PE)(),o=t.t,a=t.locale,l=(0,Zr.Z)(),c=(0,Cn.y0)(),s=c.blocklet,u=c.recommendedDomain;return s.site.rules.filter((function(e){return e.to.type!==O.ROUTING_RULE_TYPES.BLOCKLET})).map((function(e){var t=null,i=null;e.to.type===O.ROUTING_RULE_TYPES.NONE?t="404":e.to.type===O.ROUTING_RULE_TYPES.REDIRECT?t=e.to.redirectCode:e.to.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE?t="R":e.to.type===O.ROUTING_RULE_TYPES.COMPONENT&&(i=s.children.find((function(n){return n.meta.did===e.to.componentId})),t="C");var c=e.isProtected?(0,ne.jsx)(R.Z,{title:o("blocklet.router.urlLockTooltip"),placement:"top",children:(0,ne.jsx)("span",{children:(0,ne.jsx)(y.Z,{disabled:!0,size:"small",style:{pointerEvents:"auto",paddingTop:0,paddingBottom:0,margin:"12px 0"},children:(0,ne.jsx)(br.Z,{style:{fill:l.palette.text.disabled}})})})}):(0,ne.jsx)(Cr,(0,r.Z)({},e));return[(0,ne.jsxs)(x.Z,{display:"flex",py:2,className:"component-item",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)(x.Z,{width:{xs:300,md:400},display:"flex",alignItems:"center",children:[(0,ne.jsx)(x.Z,{width:28}),"object"===typeof t?t:(0,ne.jsx)(_t.Z,{children:t}),(0,ne.jsxs)(x.Z,{ml:2,children:[(0,ne.jsxs)(x.Z,{style:{color:"#222",fontSize:16},children:[e.to.type===O.ROUTING_RULE_TYPES.NONE&&o("common.page404"),e.to.type===O.ROUTING_RULE_TYPES.REDIRECT&&o("common.redirect"),e.to.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&o("common.rewrite"),e.to.type===O.ROUTING_RULE_TYPES.COMPONENT&&(0,A.getDisplayName)(i,!0)]}),(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[e.to.type===O.ROUTING_RULE_TYPES.REDIRECT&&(0,ne.jsx)(wr,{domain:u,toUrl:e.to.url}),e.to.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(0,ne.jsx)(wr,{domain:u,toUrl:e.to.url}),e.to.type===O.ROUTING_RULE_TYPES.COMPONENT&&(0,ne.jsx)(Er,{group:e.to.pageGroup})]})]})]}),(0,ne.jsx)(x.Z,{px:2,sx:{display:{xs:"none",md:"flex"}},alignItems:"center",flexGrow:"1",children:(0,ne.jsx)(ee.Z,{href:(0,ce.Sk)(u,e.from.pathPrefix,(0,ce.f0)(s,a)),target:"_blank",style:{fontSize:16},underline:"hover",children:e.from.pathPrefix})},e.from.pathPrefix),(0,ne.jsx)(x.Z,{children:n&&(0,ne.jsx)("div",{style:{textAlign:"right"},children:c})},"actions")]},"rule"),(0,ne.jsx)(rn.Z,{},"divider")]}))}Er.propTypes={group:f().string.isRequired},wr.propTypes={domain:f().string.isRequired,toUrl:f().string.isRequired,isHttps:f().bool},wr.defaultProps={isHttps:!1},Rr.propTypes={hasPermission:f().bool},Rr.defaultProps={hasPermission:!1};var Tr=(0,se.V)(Rr,"mutate_blocklets"),Sr=(0,se.V)(Rr,"",ce.Wf);function _r(e){return(0,le.h6)().inService?(0,ne.jsx)(Sr,(0,r.Z)({},e)):(0,ne.jsx)(Tr,(0,r.Z)({},e))}var Ur,Ir,Nr,Lr=t(92726),Dr=["blocklet","onUpdate","getComponentUrl"],Or=function(e,n){return e?[{name:n("common.name"),value:e.displayName},{name:n("common.description"),value:e.description},{name:n("common.version"),value:(0,ne.jsx)(Y.Z,{children:e.version})}]:[]},Br=function(e){var n=e.source,t=e.deployedFrom,r=e.bundleSource;return n?{source:n,deployedFrom:t}:r?r.url?{source:"url",deployedFrom:t||Array.isArray(r.url)?r.url[0]:r.url}:r.store?{source:"registry",deployedFrom:t||Array.isArray(r.store)?r.store[0]:r.store}:{}:{source:"upload",deployedFrom:t}},Fr=function(e,n){for(var t=e.split("/").slice(1),r=n,o=0,i=[];r&&o<t.length;){var a=r.children.find((function(e){return e.meta.did===t[o]}));r=a,o++,a&&i.push(a.meta.title)}return i.join(" / ")};function zr(e){var n,t,r,a,l=e.blocklet,c=e.ancestors,p=e.depth,m=e.onRemove,f=e.onStart,Z=e.onStop,b=e.onRestart,k=e.onReload,j=e.getComponentUrl,w=e.app,T=(0,o.useContext)(i.RD),S=T.t,N=T.locale,L=(0,o.useState)(),O=(0,d.Z)(L,2),B=O[0],z=O[1],q=(0,o.useState)(!1),G=(0,d.Z)(q,2),M=G[0],H=G[1],X=(0,o.useState)(!1),$=(0,d.Z)(X,2),J=$[0],Q=$[1],ee=(0,o.useState)(null),oe=(0,d.Z)(ee,2),ie=oe[0],le=oe[1],se=(0,K.K)().deletingBlocklets,ue=l.status;1===p&&se.includes(l.meta.did)&&(ue="deleting");var de,pe="/".concat(l.mountPoint||"/").replace(/\/+/g,"/"),me=j(pe),he=B?Br(B):{},xe=B?[{name:S("common.name"),value:(0,A.getDisplayName)(B,!0)},{name:S("common.version"),value:(0,ne.jsx)(fe,{blocklet:B,checkUpgrade:!1})},{name:S("common.status"),value:(0,ne.jsx)(re.Z,{status:ue,source:B.source})},"running"===l.status?{name:S("blocklet.startedAt"),value:(0,ce.B2)(l.startedAt,N)}:null,"running"!==l.status?{name:S("blocklet.stoppedAt"),value:(0,ce.B2)(l.stoppedAt,N)}:null,l.installedAt?{name:S("blocklet.installedAt"),value:(0,ce.B2)(l.installedAt,N)}:null,(0,A.hasStartEngine)(l.meta)?{name:S("common.mountPoint"),value:pe}:null,B.meta.group?{name:S("common.group"),value:(0,ne.jsx)(Y.Z,{type:"success",children:B.meta.group})}:null,{name:S("blocklet.overview.source"),value:(0,ne.jsx)(te,{sourceInfo:he,blocklet:l})},{name:S("blocklet.overview.deployedFrom"),value:he.deployedFrom||"-"},{name:S("common.did"),value:(0,ne.jsx)(V.Z,{did:B.meta.did})},{name:S("common.author"),value:(0,ce.rq)(B.meta.author)},{name:S("common.engine"),value:Or(B.engine,S).map((function(e){var n=e.name,t=e.value;return(0,ne.jsx)(F.Z,{style:{marginBottom:4},nameWidth:120,name:n,children:t},n)}))},null!==(n=l.dependents)&&void 0!==n&&n.length?{name:S("common.dependents"),value:(0,ne.jsx)(x.Z,{children:l.dependents.map((function(e){return(0,ne.jsx)(x.Z,{children:"".concat(Fr(e.id,w)," ").concat(e.required?"(".concat(S("common.required"),")"):"")})}))})}:null,null!==(t=l.meta.resources)&&void 0!==t&&t.length?{name:S("common.resource"),value:l.meta.resources.join(", ")}:null].filter(Boolean):[],Ze=(0,A.isInProgress)(w.status),be=(0,A.isInProgress)(l.status),ye="";if(Ze||be||1===p&&se.includes(l.meta.did))ye=S("blocklet.component.tip.stopBlocklet");else if(null!==(r=l.dependents)&&void 0!==r&&r.length){var ke=l.dependents.filter((function(e){return e.required}));if(ke.length){var je=ke.map((function(e){return Fr(e.id,w)}));ye=S("blocklet.component.tip.requiredBy",{name:je.join(", ")})}}return[(0,ne.jsxs)(Ar,{display:"flex",py:2,className:"component-item",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)(x.Z,{pl:2,width:{xs:300,md:400},display:"flex",alignItems:"center",children:[(0,ne.jsx)(ve.Z,{blocklet:l,ancestors:c}),(0,ne.jsxs)(x.Z,{ml:"16px",children:[(0,ne.jsx)(x.Z,{className:"component-name",onClick:function(){return z(l)},children:(0,A.getDisplayName)(l,!0)}),(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(fe,{blocklet:l,checkUpgrade:!1}),(0,ne.jsx)(ge.Z,{style:{marginLeft:4},mode:l.mode||""}),"unknown"!==ue&&(0,ne.jsx)(re.Z,{style:{marginLeft:4},status:ue,source:l.source}),!(null===(a=l.dependents)||void 0===a||!a.length)&&(0,ne.jsx)(R.Z,{title:["".concat(S("common.dependents"),": "),l.dependents.map((function(e){return(0,ne.jsx)(x.Z,{pl:1,children:"".concat(Fr(e.id,w)," ").concat(e.required?"(".concat(S("common.required"),")"):"")})}))],children:(0,ne.jsx)(x.Z,{display:"flex",color:"primary.main",ml:1,children:(0,ne.jsx)(D.JO,{icon:"octicon:package-dependents-16"})})})]})]})]},l),(0,A.hasStartEngine)(l.meta)&&(0,ne.jsx)(x.Z,{sx:{display:{xs:"none",md:"flex"}},alignItems:"center",flexGrow:"1",children:(0,ne.jsx)("a",{target:"_blank",href:me,rel:"noopener noreferrer",title:me,children:(0,ne.jsx)(x.Z,{maxWidth:400,sx:{color:"secondary.main",fontSize:18,px:2},overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",children:W()(pe)})})},pe),(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,A.hasStartEngine)(l.meta)&&(0,ne.jsx)(R.Z,{title:S("common.visit"),children:(0,ne.jsx)("a",{target:"_blank",href:me,rel:"noopener noreferrer",children:(0,ne.jsx)(y.Z,{size:"small",children:(0,ne.jsx)(E.Z,{})})})}),(0,A.hasStartEngine)(l.meta)&&(0,ne.jsx)(We,{blocklet:l,ancestors:c,children:function(e){var n=e.open;return(0,ne.jsx)(R.Z,{title:S("common.config"),children:(0,ne.jsx)(qr,{color:"error",badgeContent:"",variant:"dot",invisible:!(0,A.getComponentMissingConfigs)(l,c[0]).length,children:(0,ne.jsx)(y.Z,{onClick:n,size:"small",children:(0,ne.jsx)(C.Z,{})})})},"config")}}),(0,ne.jsx)(nn,{blocklet:w,component:l,onStart:f,onStop:Z,disabled:!["starting","stopping"].includes(w.status)&&(0,A.isInProgress)(w.status)}),(0,ne.jsx)(Lr.Z,{"data-cy":"component-actions",actions:[(0,A.hasStartEngine)(l.meta)?{icon:(0,ne.jsx)(P.Z,{}),text:S("common.detail"),onClick:function(){z(l)}}:null,{icon:(0,ne.jsx)(_.default,{}),text:S("common.restart"),onClick:function(){le({title:"".concat(S("common.restart")," ").concat(l.meta.title),description:S("blocklet.action.restartDescription"),confirm:S("blocklet.action.confirmRestart"),cancel:S("common.cancel"),onConfirm:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(!0),e.next=3,b(l);case 3:Q(!1);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),onCancel:function(){return le(null)}})},disabled:Ze||be||"running"!==l.status},{icon:(0,ne.jsx)(U.Z,{}),text:S("common.reload"),onClick:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(!0),e.next=3,k(l);case 3:Q(!1);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),disabled:J||Ze||be||"running"!==l.status},{icon:(0,ne.jsx)(I.default,{}),text:S("common.delete"),onClick:function(){H(!0)},disabled:Ze||be||!!ye,tip:ye}].filter(Boolean)})]},"actions")]},"group-not-gateway-box"),(0,ne.jsx)(rn.Z,{depth:2}),!!B&&(0,ne.jsx)(h.Z,{open:!0,fullWidth:!0,maxWidth:"md",onClose:function(){z(null)},children:(0,ne.jsxs)(x.Z,{paddingY:1.5,children:[(0,ne.jsx)(g.Z,{children:S("common.componentBasicInfo")}),(0,ne.jsx)(v.Z,{children:(de=xe,de.map((function(e){return e.name===S("common.did")||e.name===S("blocklet.appId")?(0,ne.jsx)(F.Z,{valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:function(){return e.name},children:e.value},e.name):(0,ne.jsx)(F.Z,{valueComponent:"div",nameWidth:120,name:e.name,children:e.value},e.name)})))})]},"dialog-wrapper")},"base-info-dialog"),(0,ne.jsx)(Xe,{blocklet:w,component:l,remove:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var n=arguments;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(!0),e.prev=1,e.next=4,m.apply(void 0,n);case 4:e.next=8;break;case 6:e.prev=6,e.t0=e.catch(1);case 8:Q(!1),H(!1);case 10:case"end":return e.stop()}}),e,null,[[1,6]])})));return function(){return e.apply(this,arguments)}}(),onCancel:function(){return H(!1)},hideBtn:!0,showConfirm:M}),ie&&(0,ne.jsx)(ae.Z,{title:ie.title,description:ie.description,confirm:ie.confirm,cancel:ie.cancel,params:ie.params,onConfirm:ie.onConfirm,onCancel:ie.onCancel})]}zr.propTypes={blocklet:f().object.isRequired,ancestors:f().array,depth:f().number,onRemove:f().func,onStart:f().func,onStop:f().func,onRestart:f().func,onReload:f().func,getComponentUrl:f().func,app:f().object},zr.defaultProps={ancestors:[],depth:0,onRemove:function(){},onStart:function(){},onStop:function(){},onRestart:function(){},onReload:function(){},getComponentUrl:function(){return window.location.origin},app:null};var qr=(0,p.Z)(j.Z)(Ur||(Ur=(0,c.Z)(["\n  .BaseBadge-badge {\n    top: ","px;\n    right: ","px;\n  }\n"])),(function(e){return 8*e.top||6}),(function(e){return 8*e.right||6})),Ar=(0,p.Z)(x.Z)(Ir||(Ir=(0,c.Z)(["\n  .component-name {\n    color: #222;\n    font-size: 16px;\n    cursor: pointer;\n  }\n"])));function Gr(e){var n=e.blocklet,t=(e.onUpdate,e.getComponentUrl),c=(0,l.Z)(e,Dr),p=(0,o.useContext)(i.RD).t,m=(0,le.h6)(),f=m.api,j=m.inService,P=m.info,E=(0,K.K)(),_=E.addDeletingDid,U=E.removeDeletingDid,I=E.matchDeletingDid,D=(0,o.useState)(!1),F=(0,d.Z)(D,2),G=F[0],W=F[1],V=(0,o.useState)(null),Y=(0,d.Z)(V,2),H=Y[0],X=Y[1],$=(0,o.useState)(null),J=(0,d.Z)($,2),Q=J[0],ee=J[1],te=(0,o.useState)(!1),re=(0,d.Z)(te,2),oe=re[0],ie=re[1],ae=n&&n.structVersion!==O.APP_STRUCT_VERSION,ue=(0,o.useState)(!1),de=(0,d.Z)(ue,2),pe=de[0],me=de[1],fe=(0,a.Z)(n.children)||[];"gateway"!==n.meta.group&&fe.unshift(n),I(fe.map((function(e){return e.meta.did})));var he=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var t,r,o,i,a;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!G){e.next=2;break}return e.abrupt("return");case 2:return W(!0),e.prev=3,e.next=6,f.checkComponentsForUpdates({input:{did:n.meta.did}});case 6:if(e.t0=e.sent.preUpdateInfo,e.t0){e.next=9;break}e.t0={};case 9:if(t=e.t0,r=t.updateId,o=t.updateList,W(!1),r){e.next=16;break}return M.Z.info(p("blocklet.component.noUpdate")),e.abrupt("return");case 16:i=[],(0,A.forEachChildSync)(n,(function(e,n){var t=n.id,r=n.ancestors,a=o.find((function(e){return e.id===t}));if(a){var l=r.slice(1).concat(e).map((function(e){return e.meta.title||e.meta.name})).join(" / "),c=(r[1]||e).meta.did;i.push({groupId:c,name:l,version:e.meta.version,newVersion:a.meta.version})}})),a={},i.forEach((function(e){a[e.groupId]?e.disabled=!0:a[e.groupId]=!0})),X({params:{updateId:r},list:i,checks:a,hasChecks:!0}),e.next=27;break;case 23:e.prev=23,e.t1=e.catch(3),W(!1),M.Z.error((0,ce.Z)(e.t1));case 27:case"end":return e.stop()}}),e,null,[[3,23]])})));return function(){return e.apply(this,arguments)}}(),xe=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var t,r;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!G){e.next=2;break}return e.abrupt("return");case 2:return e.prev=2,W(!0),t=Object.keys(H.checks).filter((function(e){return H.checks[e]})),r={updateId:H.params.updateId,rootDid:n.meta.did,selectedComponents:t},e.next=8,f.upgradeComponents({input:r});case 8:W(!1),X(null),me(null),e.next=17;break;case 13:e.prev=13,e.t0=e.catch(2),W(!1),M.Z.error((0,ce.Z)(e.t0));case 17:case"end":return e.stop()}}),e,null,[[2,13]])})));return function(){return e.apply(this,arguments)}}(),ve=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t,r){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return _(t.meta.did),e.prev=1,e.next=4,f.deleteComponent({input:{did:t.meta.did,keepData:"keepData"===r,rootDid:n.meta.did}});case 4:return e.next=6,(0,ce._v)(800);case 6:e.next=12;break;case 8:e.prev=8,e.t0=e.catch(1),M.Z.error((0,ce.Z)(e.t0)),U(t.meta.did);case 12:case"end":return e.stop()}}),e,null,[[1,8]])})));return function(n,t){return e.apply(this,arguments)}}(),ge=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.startBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(n){return e.apply(this,arguments)}}(),Ze=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.stopBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(n){return e.apply(this,arguments)}}(),be=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.restartBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(n){return e.apply(this,arguments)}}(),ye=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.reloadBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:M.Z.success(p("blocklet.reloadSuccess")),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 11:case"end":return e.stop()}}),e,null,[[0,8]])})));return function(n){return e.apply(this,arguments)}}();return(0,ne.jsxs)(Wr,(0,r.Z)((0,r.Z)({component:"div"},c),{},{children:[(0,ne.jsxs)(x.Z,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)("div",{className:"title",children:[p("common.components"),!ae&&(0,ne.jsx)(se.Z,{permission:j?"":"mutate_blocklets",role:j?ce.Wf:[],children:(0,ne.jsx)(qr,{top:1.2,right:.4,color:"error",badgeContent:"",variant:"dot",invisible:!pe,children:(0,ne.jsxs)(z.Z,{disabled:G||(0,A.isInProgress)(n.status),color:"secondary",onClick:function(){he()},"data-cy":"check-for-updates",children:[(0,ne.jsx)(x.Z,{mr:.5,display:"flex",children:G?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(b.Z,{style:{fontSize:"1em"}})}),p("blocklet.component.checkUpdateTitle")]})})})]}),(0,ne.jsx)(se.Z,{permission:j?"":"mutate_blocklets",role:j?ce.Wf:[],children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(gr,{children:function(e){var t=e.open;return(0,ne.jsxs)(z.Z,{disabled:G||(0,A.isInProgress)(n.status),variant:"text",color:"primary","data-cy":"add-rule",onClick:t,children:[(0,ne.jsx)(k.Z,{style:{fontSize:"1.3em",marginRight:4}}),p("router.rule.add.title")]})}}),!ae&&(0,ne.jsx)(lr,{blocklet:n,serverVersion:P.version,children:function(e){var t=e.open;return(0,ne.jsxs)(z.Z,{disabled:G||(0,A.isInProgress)(n.status),variant:"text",color:"primary","data-cy":"add-component",onClick:t,children:[(0,ne.jsx)(k.Z,{style:{fontSize:"1.3em",marginRight:4}}),p("blocklet.component.add")]})}}),!ae&&(0,ne.jsx)(We,{blocklet:n,ancestors:[],children:function(e){var n=e.open;return(0,ne.jsx)(R.Z,{title:"".concat(p("blocklet.component.container")).concat(p("common.config")),children:(0,ne.jsx)(y.Z,{onClick:n,size:"small",color:"primary",children:(0,ne.jsx)(C.Z,{style:{fontSize:18}})})},"config")}})]})})]}),fe&&fe.length?(0,ne.jsxs)(x.Z,{mt:2,ml:{xs:"-12px",md:"-24px"},children:["gateway"!==n.meta.group&&(0,ne.jsx)(zr,{blocklet:n,app:n,onRemove:ve,onStart:ge,onStop:Ze,onReload:ye,onRestart:be,getComponentUrl:t},"0-".concat(n.meta.did)),n.children.map((function(e){return(0,ne.jsx)(zr,{depth:1,blocklet:e,ancestors:[n],app:n,onRemove:ve,onStart:ge,onStop:Ze,onReload:ye,onRestart:be,getComponentUrl:t},"1-".concat(e.meta.did))}))]},"top-blocklet-".concat(n.meta.did)):(0,ne.jsx)(x.Z,{mt:8,children:(0,ne.jsx)(q.Z,{children:p("blocklet.component.noComponent")})}),!!n.site.rules.length&&(0,ne.jsx)(x.Z,{mt:0,ml:{xs:"-16px",md:"-28px"},children:(0,ne.jsx)(_r,{})}),!!H&&(0,ne.jsx)(h.Z,{open:!0,fullWidth:!0,children:(0,ne.jsxs)(x.Z,{paddingY:1.5,children:[(0,ne.jsx)(g.Z,{children:p("blocklet.component.updateTitle")}),(0,ne.jsx)(x.Z,{component:v.Z,py:4,children:H.list.map((function(e){return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(S.Z,{checked:H.checks[e.groupId],onChange:function(n){return function(e,n){var t=e.target.checked;X((function(e){var o=Object.entries(e.checks).reduce((function(e,r){var o=(0,d.Z)(r,2),i=o[0],a=o[1];return e[i]=n===i?t:a,e}),{}),i=Object.values(o).includes(!0);return(0,r.Z)((0,r.Z)({},e),{},{checks:o,hasChecks:i})}))}(n,e.groupId)},style:{marginLeft:e.disabled?16:0},defaultChecked:!0,disabled:e.disabled}),(0,ne.jsxs)(x.Z,{flexGrow:1,mt:3,children:[(0,ne.jsx)(x.Z,{item:!0,xs:8,children:e.name}),e.version&&(0,ne.jsxs)(w.ZP,{fontSize:"h6.fontSize",container:!0,spacing:2,alignItems:"center",children:[(0,ne.jsx)(w.ZP,{item:!0,xs:3,children:e.version}),(0,ne.jsx)(w.ZP,{item:!0,xs:1,children:(0,ne.jsx)(T.Z,{style:{fontSize:"0.9em"}})}),(0,ne.jsx)(w.ZP,{item:!0,xs:3,children:(0,ne.jsx)(x.Z,{color:"secondary.main",children:e.newVersion})})]})]},"".concat(e.name,"-").concat(e.newVersion))]})}))}),(0,ne.jsxs)(Z.Z,{style:{padding:"8px 24px 24px"},children:[(0,ne.jsx)(z.Z,{onClick:function(){X(null)},children:p("common.cancel")}),(0,ne.jsxs)(z.Z,{onClick:function(e){e.stopPropagation(),xe()},color:"primary",disabled:G||!H.hasChecks,variant:"contained",autoFocus:!0,children:[G&&(0,ne.jsx)(B.Z,{size:16}),p("common.update")]})]})]})}),!!Q&&(0,ne.jsx)(h.Z,{open:!0,fullWidth:!0,onClose:function(){return ee(!1)},children:(0,ne.jsxs)(x.Z,{paddingY:1.5,children:[(0,ne.jsx)(g.Z,{children:p("common.configuration")}),(0,ne.jsx)(v.Z,{children:(0,ne.jsx)(x.Z,{py:2,children:(0,ne.jsx)(N.Z,{control:(0,ne.jsx)(L.Z,{checked:oe,onChange:function(e){return ie(!!e.target.checked)}}),label:p("blocklet.component.showContainer")})})})]})})]}))}Gr.propTypes={blocklet:f().object.isRequired,onUpdate:f().func,getComponentUrl:f().func},Gr.defaultProps={onUpdate:function(){},getComponentUrl:function(){return window.location.origin}};var Wr=p.Z.div(Nr||(Nr=(0,c.Z)(["\n  .title {\n    font-size: 1.2rem;\n    font-weight: bold;\n    margin-bottom: ",";\n  }\n\n  @keyframes showDelay {\n    0% {\n      opacity: 0;\n    }\n\n    100% {\n      opacity: 1;\n    }\n  }\n\n  .component-item {\n    animation: showDelay 0.75s ease 1;\n  }\n"])),(function(e){return e.theme.spacing(1)})),Mr=t(13671);function Kr(e){var n=(0,o.useContext)(i.RD).locale,t=(0,Mr.y0)(),a=t.blocklet,l=t.recommendedDomain;return(0,ne.jsx)(Gr,(0,r.Z)({blocklet:a,getComponentUrl:function(e){return(0,ce.vH)({blocklet:a,domain:{value:l},mountPoint:e,params:(0,ce.f0)(a,n)})}},e))}Kr.defaultProps={}},44543:function(e,n,t){var r=t(57156);e.exports=function(e,n){return r(e)===r(n)}},92726:function(e,n,t){"use strict";t.d(n,{Z:function(){return j}});var r,o=t(71171),i=t(32723),a=t(34795),l=t(33028),c=t(96234),s=t(59740),u=t(5057),d=t(55898),p=t.n(d),m=t(33518),f=t(67680),h=t(61533),x=t(74490),v=t(45267),g=t(46954),Z=t(44067),b=t(96266),y=["actions","size"],k=["icon","text","onClick","disabled"];function j(e){var n=e.actions,t=e.size,r=(0,s.Z)(e,y),o=(0,u.useState)(null),d=(0,c.Z)(o,2),p=d[0],m=d[1],j=Boolean(p),P=function(e){try{e.stopPropagation(),e.preventDefault()}catch(n){}m(null)};return(0,b.jsxs)(C,(0,l.Z)((0,l.Z)({},r),{},{children:[(0,b.jsx)(f.Z,{"aria-label":"more","aria-controls":"actions-menu","aria-haspopup":"true","data-cy":"actions-menu-icon",onClick:function(e){try{e.stopPropagation(),e.preventDefault()}catch(n){}m(e.currentTarget)},size:t,children:(0,b.jsx)(v.Z,{})}),(0,b.jsx)(h.Z,{id:"actions-menu","data-cy":"actions-menu",anchorEl:p,keepMounted:!0,open:j,onClose:P,PaperProps:{},children:n.map((function(e,n){if("function"===typeof e)return e({close:P});var t=e.icon,r=e.text,o=e.onClick,c=e.disabled,d=void 0!==c&&c,p=(0,s.Z)(e,k);return(0,u.createElement)(x.Z,(0,l.Z)((0,l.Z)({},p),{},{disabled:d,dense:!0,onClick:function(){var e=(0,a.Z)((0,i.Z)().mark((function e(n){return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,o(n);case 2:P();case 3:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),key:n,"data-cy":"actions-menu-".concat(n)}),(0,b.jsx)(g.Z,{style:{minWidth:24,marginRight:8},children:t}),(0,b.jsx)(Z.Z,{primary:r}))}))})]}))}j.propTypes={actions:p().array,size:p().oneOf(["small","medium","large"])},j.defaultProps={actions:[],size:"small"};var C=m.Z.div(r||(r=(0,o.Z)([""])))},31440:function(e,n,t){"use strict";t.d(n,{Z:function(){return v}});var r,o=t(71171),i=t(55898),a=t.n(i),l=t(85493),c=t(33518),s=t(68420),u=t(40265),d=t(44566),p=t(33028),m=t(33665),f=t(35432),h=t(96266);function x(e){var n=Object.assign({},((0,m.Z)(e),e));return(0,h.jsxs)("div",(0,p.Z)((0,p.Z)({},n),{},{style:{width:"100%"},children:[(0,h.jsx)("h3",{children:"End User License Agreement for Application"}),(0,h.jsxs)("p",{children:["Blocklet Server License Agreement ",f.COPYRIGHT_OWNER," version 2020-08-28"]}),(0,h.jsx)("p",{children:"BLOCKLET SERVER LICENSE AGREEMENT"}),(0,h.jsx)("p",{children:"\u6682\u65e0"})]}))}function v(e){var n=e.meta,t=e.onClickNext,r=e.handleDescEle,o=(0,l.useNavigate)(),i=(0,s.PE)(),a=i.t,c=i.locale,p=t||function(){o("/launch-blocklet/install".concat(window.location.search))};return(0,h.jsxs)(g,{children:[(0,h.jsx)("div",{className:"app-content",children:(0,h.jsx)("div",{className:"agreement",children:(0,h.jsx)("div",{className:"agreement-content",children:(0,h.jsx)(d.Z,{blockletMeta:{data:n},locale:c,handleDescEle:r})})})}),(0,h.jsx)("div",{className:"button-container","data-cy":"agree-all",children:(0,h.jsx)(u.Z,{onContinue:p,description:(0,h.jsx)(x,{}),texts:{listenName:a("launchBlocklet.license"),buttonNext:a("launchBlocklet.next")}})})]})}v.propTypes={meta:a().object.isRequired,onClickNext:a().func,handleDescEle:a().node},v.defaultProps={onClickNext:null,handleDescEle:""};var g=c.Z.div(r||(r=(0,o.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  .app-content {\n    padding: 2px 24px 24px;\n    "," {\n      padding-top: 10px;\n    }\n    width: 100%;\n    flex: 1;\n    letter-spacing: normal;\n  }\n  .agreement {\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    border: 1px solid ",";\n    border-radius: 12px;\n    "," {\n      margin-top: 24px;\n    }\n    "," {\n      margin-top: 16px;\n    }\n    .agreement-content {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100%;\n      font-size: 14px;\n      overflow-y: auto;\n      "," {\n        padding: 0 24px;\n      }\n      "," {\n        padding: 0 16px;\n      }\n      &:after {\n        display: block;\n        content: '';\n        height: 24px;\n      }\n    }\n  }\n  .button-container {\n    padding-top: 24px;\n    padding-bottom: 34px;\n    "," {\n      padding-right: 24px;\n      margin-left: auto;\n    }\n    "," {\n      padding-top: 0;\n      padding-bottom: 16px;\n    }\n  }\n"])),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.palette.grey[100]}),(function(e){return e.theme.breakpoints.up("md")}),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.up("md")}),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.up("md")}),(function(e){return e.theme.breakpoints.down("md")}))},80378:function(e,n,t){"use strict";t.d(n,{Z:function(){return x}});var r=t(33028),o=t(59740),i=t(55898),a=t.n(i),l=t(62681),c=t(72333),s=t(6352),u=t.n(s),d=t(35432),p=t(58238),m=t(14491);var f=t(96266),h=["blocklet","style","size","ancestors"];function x(e){var n=e.blocklet,t=e.style,i=e.size,a=e.ancestors,s=(0,o.Z)(e,h),x=(0,p.h6)(),v=function(e){var n,t=e.blocklet,r=e.ancestors,o=void 0===r?[]:r,i=(0,p.h6)(),a=i.inService,l="?v=".concat(null===t||void 0===t||null===(n=t.meta)||void 0===n?void 0:n.version).concat((0,m.XN)(null===t||void 0===t?void 0:t.status)?"~":""),c=a?u()(m.zn,d.WELLKNOWN_SERVICE_PATH_PREFIX,"/blocklet/logo-bundle",l):u()(i.imgPrefix,"blocklet.png");if("registry"===t.source&&t.deployedFrom&&t.meta.logo)c=u()(t.deployedFrom,(0,m.lk)(t.meta.bundleDid,t.meta.logo),l);else{var s=window.env.apiPrefix||"/",f=o.concat(t),h=a?f.slice(1):f;c=u()(s,"/blocklet/logo-bundle".concat(h.map((function(e){return"/".concat(e.meta.did)})).join("")),l)}return{logoUrl:c,inService:a}}({blocklet:n,ancestors:a}),g=v.logoUrl,Z=v.inService,b=s.variant,y=Z?function(){}:function(e){e.target.src="".concat(x.imgPrefix,"/blocklet.png")},k=(0,f.jsx)("img",{src:g,onError:y,alt:n.meta.name,style:{width:i}});return n.meta.logo||(k=(0,f.jsx)(c.Z,{did:n.meta.did||"",responsive:!0})),(0,f.jsx)(l.Z,(0,r.Z)((0,r.Z)({variant:b||"square",style:Object.assign({backgroundColor:"transparent",width:i,height:i,borderRadius:10},t)},s),{},{children:k}))}x.propTypes={blocklet:a().object.isRequired,style:a().object,size:a().oneOfType([a().number,a().string]),ancestors:a().array},x.defaultProps={style:{},size:40,ancestors:[]}},74286:function(e,n,t){"use strict";t.d(n,{Z:function(){return l}});var r=t(55898),o=t.n(r),i=t(39948),a=t(96266);function l(e){var n=e.depth;return(0,a.jsx)(i.Z,{ml:Math.max(2*(n-1),0),sx:{borderBottom:1,borderColor:"rgba(0,0,0,0.12)"}},"group-collapse-box")}l.propTypes={depth:o().number},l.defaultProps={depth:1}},61813:function(e,n,t){"use strict";t.d(n,{Z:function(){return S}});var r=t(33028),o=t(32723),i=t(34795),a=t(96234),l=t(5057),c=t(55898),s=t.n(c),u=t(13128),d=t(44846),p=t(55372),m=t(11750),f=t(47020),h=t(20870),x=t(31089),v=t(71767),g=t(64886),Z=t(55152),b=t(68420),y=t(28726),k=t(88574),j=t(38242),C=t(58238),P=t(73545),E=t(14491),w=t(4651),R=t(17450),T=t(96266);function S(e){var n=e.defaultUrl,t=e.onCancel,c=e.onSuccess,s=e.onError,S=e.mode,_=e.handleText,U=(0,C.h6)().api,I=(0,P.T)().api,N=(0,l.useState)(!1),L=(0,a.Z)(N,2),D=L[0],O=L[1],B=(0,l.useState)(""),F=(0,a.Z)(B,2),z=F[0],q=F[1],A=(0,b.PE)().t,G={dist:{}},W=(0,l.useState)(n),M=(0,a.Z)(W,2),K=M[0],V=M[1],Y=(0,l.useState)(n?1:0),H=(0,a.Z)(Y,2),X=H[0],$=H[1],J=(0,l.useState)(G),Q=(0,a.Z)(J,2),ee=Q[0],ne=Q[1],te=(0,l.useState)(!1),re=(0,a.Z)(te,2),oe=re[0],ie=re[1],ae=(0,l.useState)({}),le=(0,a.Z)(ae,2),ce=le[0],se=le[1],ue="component"===S,de=!!ue||!n,pe=function(){var e=(0,i.Z)((0,o.Z)().mark((function e(){var n,t,r,i,a,l;return(0,o.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:ne(G),q(null),O(!0),e.prev=3,n=decodeURIComponent(K.trim()),e.prev=5,new URL(n),e.next=12;break;case 9:throw e.prev=9,e.t0=e.catch(5),new Error("Invalid URL");case 12:return e.next=14,U.getBlockletMetaFromUrl({input:{url:n}});case 14:t=e.sent,r=t.meta,i=t.inStore,a=t.registryUrl,ne(r),se({inStore:i,registryUrl:a,inputUrl:K.trim()}),e.next=28;break;case 22:e.prev=22,e.t1=e.catch(3),console.error(e.t1),l="Blocklet Install failed: ".concat((0,E.Z)(e.t1)),q(l),s(e.t1);case 28:return e.prev=28,O(!1),e.finish(28);case 31:case"end":return e.stop()}}),e,null,[[3,22,28,31],[5,9]])})));return function(){return e.apply(this,arguments)}}();(0,l.useEffect)((function(){n&&pe()}),[n]);var me=[{name:A("common.name"),value:(0,j.getDisplayName)({meta:ee},!0)},{name:A("common.version"),value:ee.version},{name:A("common.did"),value:(0,T.jsx)(R.Z,{did:ee.did})},{name:A("common.author"),value:(0,E.rq)(ee.author)},{name:A("blocklet.dist.downloadLink"),value:ee.dist.tarball}],fe=[{label:A("blocklet.fromUrl.step0"),body:(0,T.jsx)(m.Z,{component:"div",children:(0,T.jsx)(f.Z,{label:A("blocklet.fromUrl.label"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"blocklet-url-input",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",helperText:A("blocklet.fromUrl.description"),value:K,onChange:function(e){q(null),V(e.target.value)},disabled:D,onKeyPress:function(e){"Enter"===e.key&&(e.preventDefault(),pe(),$(1))}})}),cancel:A("common.cancel"),confirm:A("common.next"),onCancel:t,onConfirm:function(){pe(),$(1)}},{label:A("blocklet.fromUrl.step1"),body:D?(0,T.jsx)("div",{style:{height:200,width:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"},children:(0,T.jsx)(d.Z,{})}):ee.did?(0,T.jsx)("div",{style:{paddingLeft:"10%"},children:me.map((function(e){return e.name===A("common.did")?(0,T.jsx)(g.Z,{valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:function(){return A("common.did")},children:e.value},e.name):(0,T.jsx)(g.Z,{valueComponent:"div",nameWidth:120,name:e.name,children:e.value},e.name)}))}):null,cancel:A(de?"common.pre":"common.cancel"),confirm:(null===_||void 0===_?void 0:_.confirm)||A("blocklet.fromUrl.confirm"),onCancel:function(){de?$((function(e){return e-1})):t()},onConfirm:function(){!function(){if(ue)return c((0,r.Z)({meta:ee},ce)),void t();O(!0),ie(!0)}()}}],he=fe[X];return(0,T.jsxs)(T.Fragment,{children:[(0,T.jsxs)(u.ZP,{title:(null===_||void 0===_?void 0:_.title)||A("blocklet.fromUrl.title"),fullWidth:!0,maxWidth:"md",onClose:function(){return he.onCancel()},showCloseButton:0===X,disableEscapeKeyDown:!0,open:!0,actions:(0,T.jsxs)(T.Fragment,{children:[he.cancel&&(0,T.jsx)(y.Z,{onClick:function(e){e.stopPropagation(),q(null),he.onCancel()},color:"inherit",children:he.cancel||A("common.cancel")}),(0,T.jsxs)(y.Z,{onClick:function(e){e.stopPropagation(),he.onConfirm()},color:"primary","data-cy":"install-blocklet-next-step",disabled:D||!K||z,variant:"contained",autoFocus:!0,style:{marginLeft:8},children:[D&&0===X&&(0,T.jsx)(d.Z,{size:16}),he.confirm]})]}),children:[de&&(0,T.jsx)(h.Z,{alternativeLabel:!0,activeStep:X,children:fe.map((function(e){var n=e.label;return(0,T.jsx)(x.Z,{children:(0,T.jsx)(v.Z,{children:n})},n)}))}),(0,T.jsx)(p.Z,{component:"div",style:{marginTop:24},children:he.body}),!!z&&(0,T.jsx)(k.Z,{type:"error",style:{width:"100%",marginTop:8},children:z})]}),ee&&oe&&(0,T.jsx)(Z.default,{popup:!0,open:!0,forceConnected:!1,className:"launch-from-url-auth",action:"launch-free-blocklet-by-session",checkFn:I.get,checkTimeout:3e5,onSuccess:function(){O(!1),ie(!1),c((0,r.Z)({meta:ee},ce)),t()},extraParams:{title:ee.title,wt:(0,w.iK)(ee),blockletMetaUrl:decodeURIComponent(K.trim())},messages:{title:A("setup.keyPair.title"),scan:A("setup.keyPair.scan"),confirm:A("setup.keyPair.confirm"),success:A("setup.keyPair.success")},onClose:function(){O(!1),ie(!1)}})]})}S.propTypes={defaultUrl:s().string,onCancel:s().func.isRequired,onSuccess:s().func.isRequired,onError:s().func,mode:s().oneOf(["install","component"]),handleText:s().object},S.defaultProps={onError:function(){},defaultUrl:"",mode:"install",handleText:{}}},32349:function(e,n,t){"use strict";t.d(n,{Z:function(){return u}});var r=t(33028),o=t(59740),i=t(55898),a=t.n(i),l=t(22228),c=t(96266),s=["mode"];function u(e){var n=e.mode,t=(0,o.Z)(e,s);return"development"===n?(0,c.jsx)(l.Z,(0,r.Z)((0,r.Z)({type:"primary"},t),{},{children:"DEV"})):null}u.propTypes={mode:a().string.isRequired}},51233:function(e,n,t){"use strict";t.d(n,{Rw:function(){return u},fX:function(){return s},sf:function(){return d},ub:function(){return c}});var r=t(35432),o=t(44543),i=t.n(o),a=t(76811),l=function(e,n){if(e.type===r.ROUTING_RULE_TYPES.REDIRECT){if(!e.url)return new Error("".concat(n("router.validation.redirectUrlRequired")));if(!e.redirectCode)return new Error("redirect ".concat(n("router.validation.redirectCodeRequired")))}else if(e.type===r.ROUTING_RULE_TYPES.BLOCKLET&&!e.did)return new Error(n("router.validation.didRequired"));return null},c=function(e,n){return e?e.endsWith(r.DEFAULT_IP_DOMAIN_SUFFIX)?n("router.domain.validate.suffixTip",{suffix:r.DEFAULT_IP_DOMAIN_SUFFIX}):null:n("router.domain.validate.emptyTip")},s=function(e,n){var t=l(e,n);return t||(e.pathPrefix.length?e.pathPrefix.length>150?new Error(n("router.validation.pathPrefixTooLong",{length:150})):null:new Error(n("router.validation.pathPrefixCannotBeEmpty")))},u=function(e){var n=e.params,t=e.blocklets,r=e.blocklet,o=e.locale,l=void 0===o?"en":o;if(r){var c=(r.children||[]).find((function(e){return i()(e.mountPoint,n.pathPrefix)}));if("gateway"!==r.meta.group&&"/"===n.pathPrefix&&(c="/"),c)return{zh:"\u6302\u8f7d\u70b9 ".concat(n.pathPrefix," \u5df2\u5b58\u5728\uff0c\u8bf7\u4f7f\u7528\u5176\u4ed6\u6302\u8f7d\u70b9"),en:"The mount point ".concat(n.pathPrefix," already exist, please use another mount point")}[l]}var s=t.find((function(e){return e.meta.did===n.did}));if(!s)return"";var u=s.meta.interfaces.find((function(e){return"web"===e.type}));return u&&u.prefix!==a.BLOCKLET_DYNAMIC_PATH_PREFIX&&n.pathPrefix!==u.prefix?{zh:"\u8be5 blocklet \u53ea\u80fd\u6302\u8f7d\u5728 ".concat(u.prefix),en:"This blocklet can only be mounted on ".concat(u.prefix)}[l]:""},d=function(e){if(!e||"string"!==typeof e)return e;var n=e.trim();try{return(n=n.toLowerCase()).startsWith("http://")||n.startsWith("https://")?new URL(n).hostname:n}catch(t){return console.error("format domain failed",t),n}}},28641:function(e,n,t){"use strict";t.d(n,{Z:function(){return j}});var r=t(33028),o=t(32723),i=t(34795),a=t(96234),l=t(59740),c=t(5057),s=t(55898),u=t.n(s),d=t(39948),p=t(47020),m=t(44846),f=t(13727),h=t(56184),x=t(67680),v=t(35406),g=t(11875),Z=t(95890),b=t(96266),y=["label","disabled","required","initialValue","onChange","placeholder","style","onSubmit","secure","triggers","formatterBeforeSubmit"],k=function(e,n,t){return null===e&&n&&t?"******":e?n?"******":e:""};function j(e){var n=e.label,t=e.disabled,s=e.required,u=e.initialValue,j=e.onChange,C=e.placeholder,P=e.style,E=e.onSubmit,w=e.secure,R=e.triggers,T=e.formatterBeforeSubmit,S=(0,l.Z)(e,y),_=(0,c.useState)(!1),U=(0,a.Z)(_,2),I=U[0],N=U[1],L=(0,c.useState)(!1),D=(0,a.Z)(L,2),O=D[0],B=D[1],F=(0,c.useState)(w&&"__encrypted__"===u?null:u),z=(0,a.Z)(F,2),q=z[0],A=z[1],G=(0,c.useState)(q),W=(0,a.Z)(G,2),M=W[0],K=W[1],V=function(){var e=(0,i.Z)((0,o.Z)().mark((function e(){var n;return(0,o.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return B(!0),e.prev=1,e.next=4,E(M);case 4:!1===e.sent?K(q):(n=M,"function"===typeof T&&(n=T(M)),K(n),A(n)),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(1),K(q);case 11:return e.prev=11,B(!1),N(!1),e.finish(11);case 15:case"end":return e.stop()}}),e,null,[[1,8,11,15]])})));return function(){return e.apply(this,arguments)}}(),Y=function(e){K(e),j(e)},H=I?(0,b.jsx)(p.Z,(0,r.Z)({style:{flex:1},fullWidth:!0,value:M,onChange:function(e){Y(e.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:C,onKeyDown:function(e){"Enter"===e.key&&V()},disabled:t,type:w?"password":"text"},S)):(0,b.jsx)(d.Z,{px:1,className:"form-item-input slot",style:{whiteSpace:"pre-wrap"},children:k(M,w,u)});return(0,b.jsx)(g.Z,{className:"form",style:P,children:(0,b.jsxs)(d.Z,{className:"form-item",children:[(0,b.jsxs)(d.Z,{className:"form-item-label",children:[n,s&&(0,b.jsx)(v.Z,{})]}),(0,b.jsxs)(d.Z,{className:"form-item-body",children:[(0,b.jsx)(d.Z,{className:"form-item-input",children:H}),(0,b.jsx)(d.Z,{className:"form-item-action",children:I?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(x.Z,{"data-cy":"schema-form-item-confirm",onClick:V,disabled:t||O,size:"large",children:O?(0,b.jsx)(m.Z,{size:24}):(0,b.jsx)(h.Z,{})}),(0,b.jsx)(x.Z,{"data-cy":"schema-form-item-cancel",onClick:function(){K(q),N(!1)},disabled:t||O,size:"large",children:(0,b.jsx)(f.default,{})})]}):(0,b.jsx)(Z.Z,{triggers:R,onEnterEdit:function(){return N(!0)},disabled:t})})]})]})})}j.propTypes={style:u().object,onSubmit:u().func,onChange:u().func,label:u().string,initialValue:u().string,placeholder:u().string,required:u().bool,disabled:u().bool,secure:u().bool,triggers:u().array,formatterBeforeSubmit:u().func},j.defaultProps={style:{},onSubmit:function(){},onChange:function(){},label:"",initialValue:"",placeholder:"",required:!1,disabled:!1,secure:!1,triggers:[],formatterBeforeSubmit:null}},11875:function(e,n,t){"use strict";var r,o=t(71171),i=t(33518),a=t(39948);n.Z=(0,i.Z)(a.Z)(r||(r=(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"])),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.down("md")}))},95890:function(e,n,t){"use strict";t.d(n,{Z:function(){return g}});var r=t(96234),o=t(5057),i=t(55898),a=t.n(i),l=t(24558),c=t(67680),s=t(56556),u=t(80633),d=t(49390),p=t(72113),m=t(25228),f=t(38456),h=t(74490),x=t(1733),v=t(96266);function g(e){var n=e.triggers,t=e.onEnterEdit,i=e.disabled,a=o.useRef(null),g=o.useState(!1),Z=(0,r.Z)(g,2),b=Z[0],y=Z[1];return 0===n.length?(0,v.jsx)(c.Z,{"data-cy":"schema-form-item-edit",onClick:t,disabled:i,size:"large",children:(0,v.jsx)(l.Z,{})}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(u.Z,{variant:"outlined",ref:a,"aria-label":"split button",children:[(0,v.jsx)(s.Z,{"data-cy":"schema-form-item-edit",onClick:t,disabled:i,size:"large",children:(0,v.jsx)(l.Z,{})}),(0,v.jsx)(s.Z,{size:"small","aria-controls":b?"split-button-menu":void 0,"aria-expanded":b?"true":void 0,onClick:function(){y((function(e){return!e}))},children:(0,v.jsx)(d.Z,{})})]}),(0,v.jsx)(f.Z,{sx:{zIndex:9999},open:b,anchorEl:a.current,role:void 0,placement:"bottom-end",children:(0,v.jsx)(m.Z,{children:(0,v.jsx)(p.d,{onClickAway:function(e){a.current&&a.current.contains(e.target)||y(!1)},children:(0,v.jsx)(x.Z,{id:"split-button-menu",autoFocusItem:!0,children:n.map((function(e){return(0,v.jsx)(h.Z,{onClick:function(){return n=e.handler,y(!1),void n();var n},children:e.title},e.key)}))})})})})]})}g.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},g.defaultProps={triggers:[]}},35406:function(e,n,t){"use strict";var r,o=t(71171),i=t(33518).Z.span(r||(r=(0,o.Z)(["\n  color: ",";\n  &::before {\n    content: '*';\n  }\n"])),(function(e){return e.theme.palette.error.main}));n.Z=i},35918:function(e,n,t){"use strict";var r=t(44919),o=t(42876),i=t(27773),a=t(11997),l=t(93734),c=t(76667),s=t(39293),u=t(36903),d=t(3422),p=t(92273),m=t(72906),f=t(57201),h=t(49390),x=t(33225),v=t(30770);n.Z={Add:r.Z,Check:o.default,Delete:i.default,Edit:c.default,Clear:a.default,DetailPanel:p.default,Filter:s.Z,FirstPage:u.default,LastPage:d.default,NextPage:p.default,PreviousPage:m.default,Search:f.default,ResetSearch:a.default,SortArrow:h.Z,Export:l.default,ThirdStateCheck:x.default,ViewColumn:v.default}},74782:function(e,n,t){"use strict";var r,o=t(71171),i=t(33518).Z.div(r||(r=(0,o.Z)(["\n  .MuiPaper-root {\n    box-shadow: none !important;\n    border: none !important;\n    border-radius: 0 !important;\n    background: transparent;\n  }\n  .MuiToolbar-root {\n    background: transparent;\n    padding-left: 0;\n    display: none;\n  }\n\n  &.show-pagination {\n    .MuiTablePagination-toolbar {\n      display: flex;\n    }\n  }\n\n  .MuiTableHead-root th {\n    min-width: 100px;\n    background: transparent;\n  }\n\n  .MuiTable-root {\n    overflow-y: hidden;\n  }\n  .MuiTableRow-root {\n    border: none !important;\n  }\n\n  .MuiTableCell-root {\n    padding-right: 16px;\n    &:last-of-type {\n      padding-right: 0;\n    }\n  }\n\n  /* @material-table/core@next \u517c\u5bb9 mui v5, \u4f46 pagination \u6837\u5f0f\u4f3c\u4e4e\u6709\u4e9b\u95ee\u9898, \u6682\u5730\u5b9a\u5236\u4e0b\u9762\u7684\u6837\u5f0f\u4fee\u590d, \u540e\u9762\u8003\u8651\u5f03\u7528 material-table  */\n  .MuiTablePagination-selectLabel,\n  .MuiTablePagination-displayedRows {\n    display: none;\n  }\n  .MuiTypography-caption {\n    display: inline-block;\n  }\n  .MuiTablePagination-selectLabel + .MuiInputBase-root {\n    margin-right: 8px;\n  }\n"])));n.Z=i}}]);

package/build/static/js/{7534.ab4d9f6e.chunk.js → 7534.15f431d9.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[7534],{844:function(e,t,n){n.d(t,{Z:function(){return f}});var r,o=n(71171),i=n(33028),a=n(55898),s=n.n(a),c=n(33518),l=n(38763),u=n(75392),d=n(11750),m=n(39948),p=n(96266);function f(e){var t=e.style,n=e.title,r=e.value,o=e.graph,a=e.description;return(0,p.jsx)(v,{children:(0,p.jsxs)(u.Z,{style:(0,i.Z)({},t),children:[(0,p.jsx)(d.Z,{sx:{fontSize:14},color:"text.secondary",children:n}),(0,p.jsx)(d.Z,{variant:"h5",component:"div",mt:1,children:r}),o,!!a&&(0,p.jsx)(m.Z,{display:"flex",sx:{fontSize:12,marginTop:3},color:"text.secondary",children:a})]})})}f.propTypes={style:s().object,title:s().node,value:s().node,graph:s().node,description:s().any},f.defaultProps={style:{},title:null,value:null,graph:null,description:null};var v=(0,c.Z)(l.Z)(r||(r=(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"])),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.palette.primary.main}))},52959:function(e,t,n){n.d(t,{Z:function(){return p}});var r=n(33028),o=n(96234),i=n(5057),a=n(55898),s=n.n(a),c=n(12673),l=n(28563),u=n(26089),d=n(844),m=n(96266);function p(e){var t=e.id,n=e.title,a=e.current,s=e.description,p=e.data,f=e.dateFn,v=e.valueFn,h=(0,i.useRef)(null),y=(0,i.useRef)(null),x=(0,c.Z)({style:{top:0,left:0},hidden:!0,textContent:""}),Z=(0,i.useState)(null),b=(0,o.Z)(Z,2),g=b[0],k=b[1],j=(0,l.Z)(g),C={onmousemove:function(e,t){var n=t.date,r=t.value;x.textContent="".concat(f(n),": ").concat(v(r)),x.style.top=-30,x.style.left=80,x.hidden=!1},onmouseout:function(){x.hidden=!0}};return(0,i.useEffect)((function(){setTimeout((function(){k(document.querySelector(".".concat(t))),setTimeout((function(){h.current&&(0,u.Z)(h.current,p||[],C)}),400)}))}),[p]),(0,m.jsx)(d.Z,{title:n,value:a,graph:(0,m.jsxs)("div",{className:"card-sparkline ".concat(t),style:{marginTop:16},children:[(0,m.jsx)("svg",{ref:h,className:"sparkline",width:(null===j||void 0===j?void 0:j.width)||100,height:30,strokeWidth:"2"}),(0,m.jsx)("span",{className:"tooltip",ref:y,hidden:x.hidden,style:(0,r.Z)({},x.style),children:x.textContent})]}),description:s})}p.propTypes={id:s().string.isRequired,title:s().string.isRequired,current:s().any.isRequired,description:s().any,data:s().array,dateFn:s().func,valueFn:s().func},p.defaultProps={description:null,data:[],dateFn:function(e){return e},valueFn:function(e){return e}}},56169:function(e,t,n){n.d(t,{Z:function(){return d}});var r=n(5057),o=n(55898),i=n.n(o),a=n(68420),s=n(52959),c=n(14491),l=n(96266),u=function(e){return"".concat(e,"%")};function d(e){var t=e.cpus,n=e.currentLoad,o=e.history,i=(0,r.useContext)(a.RD),d=i.t,m=i.locale;return(0,l.jsx)(s.Z,{id:"cpu-sparkline",title:d("common.cpu"),current:"".concat(Math.floor(n||0),"%"),data:o,description:"".concat(d("system.cores"),": ").concat((null===t||void 0===t?void 0:t.length)||0),dateFn:function(e){return(0,c.mr)(e,"HH:mm:ss",m)},valueFn:u})}d.propTypes={cpus:i().array,currentLoad:i().number,history:i().array},d.defaultProps={cpus:[],currentLoad:0,history:[]}},1979:function(e,t,n){n.d(t,{Z:function(){return m}});var r=n(55898),o=n.n(r),i=n(90049),a=n.n(i),s=n(39948),c=n(68420),l=n(52959),u=n(14491),d=n(96266);function m(e){var t=e.instanceCount,n=e.title,r=e.total,o=e.used,i=e.history,m=(0,c.PE)(),p=m.t,f=m.locale,v=!!r,h=r-o,y=v?"(".concat(Math.floor(o/r*100),"%)"):"",x=[];return t&&x.push({title:p("system.instances"),metric:t}),x.push({title:p("system.used"),metric:a()(o)}),v&&x.push({title:p("system.free"),metric:a()(h)},{title:p("system.total"),metric:a()(r)}),(0,d.jsx)(l.Z,{id:"mem-sparkline",title:n||p("common.memory"),current:"".concat(a()(Math.floor(o||0))," ").concat(y),data:i,description:x.map((function(e,t){return(0,d.jsxs)(s.Z,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title)})),dateFn:function(e){return(0,u.mr)(e,"HH:mm:ss",f)},valueFn:a()})}m.propTypes={title:o().string,instanceCount:o().number,total:o().number,used:o().number,history:o().array},m.defaultProps={title:"",instanceCount:null,total:null,used:null,history:[]}},87534:function(e,t,n){n.r(t),n.d(t,{default:function(){return M}});var r,o=n(71171),i=n(5057),a=n(33518),s=n(90049),c=n.n(s),l=n(45603),u=n.n(l),d=n(39948),m=n(75760),p=n(11750),f=n(38242),v=n(68420),h=n(29054),y=n(14491),x=n(33028),Z=n(59740),b=n(55898),g=n.n(b),k=n(55402),j=n(56169),C=n(1979),w=n(96266),R=["blocklet","cpuHistory","memoryHistory"];function I(e){var t=e.blocklet,n=e.cpuHistory,r=e.memoryHistory,o=(0,Z.Z)(e,R),i=t.appRuntimeInfo||{};return(0,w.jsx)(P,(0,x.Z)((0,x.Z)({component:"div"},o),{},{children:(0,w.jsxs)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:[(0,w.jsx)(k.ZP,{item:!0,lg:4,md:6,sm:6,xs:12,children:!!n.length&&(0,w.jsx)(j.Z,{currentLoad:i.cpuUsage||0,history:n,style:{height:150}})},"cpu"),(0,w.jsx)(k.ZP,{item:!0,lg:4,md:6,sm:6,xs:12,children:!!r.length&&(0,w.jsx)(C.Z,{used:i.memoryUsage||0,history:r,style:{height:150}})},"memory")]})}))}I.propTypes={blocklet:g().object.isRequired,cpuHistory:g().arrayOf(g().shape({date:g().number,value:g().number})),memoryHistory:g().arrayOf(g().shape({date:g().number,value:g().number}))},I.defaultProps={cpuHistory:[],memoryHistory:[]};var F,P=(0,a.Z)(p.Z)(r||(r=(0,o.Z)([""]))),N=n(80378);function M(){var e=(0,v.PE)(),t=e.t,n=e.locale,r=(0,h.y0)(),o=r.blocklet,a=r.runtimeHistory,s=r.actions.refreshBlocklet,l=(0,i.useMemo)((function(){var e=[];return(0,f.forEachBlockletSync)(o,(function(t,n){var r=n.ancestors,i=n.id,a=n.level;t.runtimeInfo&&e.push({type:"blocklet",groupId:o.meta.did,groupName:(0,f.getDisplayName)(o),id:i,name:(0,f.getDisplayName)(t,!0),blocklet:o,component:t,level:a-1>=0?a-1:0,runtimeInfo:t.runtimeInfo,ancestors:r})})),e}),[o]);(0,i.useEffect)((function(){var e=setInterval((function(){s()}),1e4);return function(){clearInterval(e)}}),[]);var x=[{label:t("common.name"),name:"name",options:{customBodyRenderLite:function(e){var t=l[e],n=t.name,r=t.component,o=t.level,i=t.ancestors;return(0,w.jsxs)(d.Z,{display:"flex",alignItems:"center",pl:2*o,children:[(0,w.jsx)(N.Z,{size:14,blocklet:r,ancestors:i}),(0,w.jsx)(d.Z,{ml:1,children:n})]})}}},{label:t("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite:function(e){var t,r=l[e].runtimeInfo;return t=r.uptime,u()(Number(t||0),{locale:(0,y.FF)(n)})}}},{label:t("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite:function(e){var t=l[e].runtimeInfo;return c()((null===t||void 0===t?void 0:t.memoryUsage)||0)}}},{label:t("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite:function(e){var t=l[e].runtimeInfo;return"".concat((t.cpuUsage||0).toFixed(1),"%")}}},{label:t("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"}];return(0,w.jsxs)(H,{component:"div",children:[(0,w.jsx)(p.Z,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mb:2,children:t("analytics.trend")}),"running"===o.status?[(0,w.jsx)(d.Z,{children:(0,w.jsx)(I,{blocklet:o,cpuHistory:a.cpu,memoryHistory:a.memory})}),(0,w.jsx)(d.Z,{mt:3,children:(0,w.jsx)(m.Z,{title:t("analytics.detail"),className:"monitor-table",locale:n,data:l,columns:x,options:{search:!1,download:!1,filter:!1,print:!1,viewColumns:!1,pagination:!1,rowsPerPage:100}})})]:(0,w.jsx)(p.Z,{children:t("blocklet.runtimeInfo.noRunning")})]})}M.propTypes={};var H=(0,a.Z)(p.Z)(F||(F=(0,o.Z)([""])))},80378:function(e,t,n){n.d(t,{Z:function(){return h}});var r=n(33028),o=n(59740),i=n(55898),a=n.n(i),s=n(62681),c=n(72333),l=n(6352),u=n.n(l),d=n(35432),m=n(58238),p=n(14491);var f=n(96266),v=["blocklet","style","size","ancestors"];function h(e){var t=e.blocklet,n=e.style,i=e.size,a=e.ancestors,l=(0,o.Z)(e,v),h=(0,m.h6)(),y=function(e){var t,n=e.blocklet,r=e.ancestors,o=void 0===r?[]:r,i=(0,m.h6)(),a=i.inService,s="?v=".concat(null===n||void 0===n||null===(t=n.meta)||void 0===t?void 0:t.version).concat((0,p.XN)(null===n||void 0===n?void 0:n.status)?"~":""),c=a?u()(p.zn,d.WELLKNOWN_SERVICE_PATH_PREFIX,"/blocklet/logo-bundle",s):u()(i.imgPrefix,"blocklet.png");if("registry"===n.source&&n.deployedFrom&&n.meta.logo)c=u()(n.deployedFrom,(0,p.lk)(n.meta.bundleDid,n.meta.logo),s);else{var l=window.env.apiPrefix||"/",f=o.concat(n),v=a?f.slice(1):f;c=u()(l,"/blocklet/logo-bundle".concat(v.map((function(e){return"/".concat(e.meta.did)})).join("")),s)}return{logoUrl:c,inService:a}}({blocklet:t,ancestors:a}),x=y.logoUrl,Z=y.inService,b=l.variant,g=Z?function(){}:function(e){e.target.src="".concat(h.imgPrefix,"/blocklet.png")},k=(0,f.jsx)("img",{src:x,onError:g,alt:t.meta.name,style:{width:i}});return t.meta.logo||(k=(0,f.jsx)(c.Z,{did:t.meta.did||"",responsive:!0})),(0,f.jsx)(s.Z,(0,r.Z)((0,r.Z)({variant:b||"square",style:Object.assign({backgroundColor:"transparent",width:i,height:i,borderRadius:10},n)},l),{},{children:k}))}h.propTypes={blocklet:a().object.isRequired,style:a().object,size:a().oneOfType([a().number,a().string]),ancestors:a().array},h.defaultProps={style:{},size:40,ancestors:[]}},26089:function(e,t,n){n.d(t,{Z:function(){return s}});var r=n(68079);function o(e,t,n,r){return parseFloat((t-r*t/e+n).toFixed(2))}function i(e){return e.value}function a(e,t){var n=document.createElementNS("http://www.w3.org/2000/svg",e);for(var r in t)n.setAttribute(r,t[r]);return n}function s(e,t,n){if(function(e){(0,r.Z)(e.querySelectorAll("*")).forEach((function(t){return e.removeChild(t)}))}(e),!(t.length<=1)){n=n||{},"number"===typeof t[0]&&(t=t.map((function(e){return{value:e}})));var s=n.onmousemove,c=n.onmouseout,l="interactive"in n?n.interactive:!!s,u=n.spotRadius||2,d=2*u,m=n.cursorWidth||2,p=parseFloat(e.attributes["stroke-width"].value),f=n.fetch||i,v=t.map((function(e){return f(e)})),h=parseFloat(e.attributes.width.value)-2*d,y=parseFloat(e.attributes.height.value),x=y-2*p-d,Z=0===Math.max.apply(Math,(0,r.Z)(v))?1:Math.max.apply(Math,(0,r.Z)(v)),b=-1e3,g=v.length-1,k=h/g,j=[],C=o(Z,x,p+u,v[0]),w="M".concat(d," ").concat(C);v.forEach((function(e,n){var r=n*k+d,i=o(Z,x,p+u,e);j.push(Object.assign({},t[n],{index:n,x:r,y:i})),w+=" L ".concat(r," ").concat(i)}));var R=a("path",{class:"sparkline--line",d:w,fill:"none"}),I=a("path",{class:"sparkline--fill",d:"".concat(w," V ").concat(y," L ").concat(d," ").concat(y," Z"),stroke:"none"});if(e.appendChild(I),e.appendChild(R),l){var F=a("line",{class:"sparkline--cursor",x1:b,x2:b,y1:0,y2:y,"stroke-width":m}),P=a("circle",{class:"sparkline--spot",cx:b,cy:b,r:u});e.appendChild(F),e.appendChild(P);var N=a("rect",{width:e.attributes.width.value,height:e.attributes.height.value,style:"fill: transparent; stroke: transparent",class:"sparkline--interaction-layer"});e.appendChild(N),N.addEventListener("mouseout",(function(e){F.setAttribute("x1",b),F.setAttribute("x2",b),P.setAttribute("cx",b),c&&c(e)})),N.addEventListener("mousemove",(function(e){var t=e.offsetX,n=j.find((function(e){return e.x>=t}));n||(n=j[g]);var r,o,i=j[j.indexOf(n)-1];i?(o=i.x+(n.x-i.x)/2,r=t>=o?n:i):r=n;var a=r.x,c=r.y;P.setAttribute("cx",a),P.setAttribute("cy",c),F.setAttribute("x1",a),F.setAttribute("x2",a),s&&s(e,r)}))}}}},38763:function(e,t,n){n.d(t,{Z:function(){return y}});var r=n(7896),o=n(31461),i=n(5057),a=n(8271),s=n(91213),c=n(62773),l=n(42908),u=n(25228),d=n(31821),m=n(18561);function p(e){return(0,m.Z)("MuiCard",e)}(0,d.Z)("MuiCard",["root"]);var f=n(96266),v=["className","raised"],h=(0,c.ZP)(u.Z,{name:"MuiCard",slot:"Root",overridesResolver:function(e,t){return t.root}})((function(){return{overflow:"hidden"}})),y=i.forwardRef((function(e,t){var n=(0,l.Z)({props:e,name:"MuiCard"}),i=n.className,c=n.raised,u=void 0!==c&&c,d=(0,o.Z)(n,v),m=(0,r.Z)({},n,{raised:u}),y=function(e){var t=e.classes;return(0,s.Z)({root:["root"]},p,t)}(m);return(0,f.jsx)(h,(0,r.Z)({className:(0,a.Z)(y.root,i),elevation:u?8:void 0,ref:t,ownerState:m},d))}))},75392:function(e,t,n){n.d(t,{Z:function(){return h}});var r=n(7896),o=n(31461),i=n(5057),a=n(8271),s=n(91213),c=n(62773),l=n(42908),u=n(31821),d=n(18561);function m(e){return(0,d.Z)("MuiCardContent",e)}(0,u.Z)("MuiCardContent",["root"]);var p=n(96266),f=["className","component"],v=(0,c.ZP)("div",{name:"MuiCardContent",slot:"Root",overridesResolver:function(e,t){return t.root}})((function(){return{padding:16,"&:last-child":{paddingBottom:24}}})),h=i.forwardRef((function(e,t){var n=(0,l.Z)({props:e,name:"MuiCardContent"}),i=n.className,c=n.component,u=void 0===c?"div":c,d=(0,o.Z)(n,f),h=(0,r.Z)({},n,{component:u}),y=function(e){var t=e.classes;return(0,s.Z)({root:["root"]},m,t)}(h);return(0,p.jsx)(v,(0,r.Z)({as:u,className:(0,a.Z)(y.root,i),ownerState:h,ref:t},d))}))}}]);
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[7534],{844:function(e,t,n){n.d(t,{Z:function(){return f}});var r,o=n(71171),i=n(33028),a=n(55898),s=n.n(a),c=n(33518),l=n(38763),u=n(75392),d=n(11750),m=n(39948),p=n(96266);function f(e){var t=e.style,n=e.title,r=e.value,o=e.graph,a=e.description;return(0,p.jsx)(v,{children:(0,p.jsxs)(u.Z,{style:(0,i.Z)({},t),children:[(0,p.jsx)(d.Z,{sx:{fontSize:14},color:"text.secondary",children:n}),(0,p.jsx)(d.Z,{variant:"h5",component:"div",mt:1,children:r}),o,!!a&&(0,p.jsx)(m.Z,{display:"flex",sx:{fontSize:12,marginTop:3},color:"text.secondary",children:a})]})})}f.propTypes={style:s().object,title:s().node,value:s().node,graph:s().node,description:s().any},f.defaultProps={style:{},title:null,value:null,graph:null,description:null};var v=(0,c.Z)(l.Z)(r||(r=(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"])),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.palette.primary.main}))},52959:function(e,t,n){n.d(t,{Z:function(){return p}});var r=n(33028),o=n(96234),i=n(5057),a=n(55898),s=n.n(a),c=n(12673),l=n(28563),u=n(26089),d=n(844),m=n(96266);function p(e){var t=e.id,n=e.title,a=e.current,s=e.description,p=e.data,f=e.dateFn,v=e.valueFn,h=(0,i.useRef)(null),y=(0,i.useRef)(null),x=(0,c.Z)({style:{top:0,left:0},hidden:!0,textContent:""}),Z=(0,i.useState)(null),b=(0,o.Z)(Z,2),g=b[0],k=b[1],j=(0,l.Z)(g),C={onmousemove:function(e,t){var n=t.date,r=t.value;x.textContent="".concat(f(n),": ").concat(v(r)),x.style.top=-30,x.style.left=80,x.hidden=!1},onmouseout:function(){x.hidden=!0}};return(0,i.useEffect)((function(){setTimeout((function(){k(document.querySelector(".".concat(t))),setTimeout((function(){h.current&&(0,u.Z)(h.current,p||[],C)}),400)}))}),[p]),(0,m.jsx)(d.Z,{title:n,value:a,graph:(0,m.jsxs)("div",{className:"card-sparkline ".concat(t),style:{marginTop:16},children:[(0,m.jsx)("svg",{ref:h,className:"sparkline",width:(null===j||void 0===j?void 0:j.width)||100,height:30,strokeWidth:"2"}),(0,m.jsx)("span",{className:"tooltip",ref:y,hidden:x.hidden,style:(0,r.Z)({},x.style),children:x.textContent})]}),description:s})}p.propTypes={id:s().string.isRequired,title:s().string.isRequired,current:s().any.isRequired,description:s().any,data:s().array,dateFn:s().func,valueFn:s().func},p.defaultProps={description:null,data:[],dateFn:function(e){return e},valueFn:function(e){return e}}},56169:function(e,t,n){n.d(t,{Z:function(){return d}});var r=n(5057),o=n(55898),i=n.n(o),a=n(68420),s=n(52959),c=n(14491),l=n(96266),u=function(e){return"".concat(e,"%")};function d(e){var t=e.cpus,n=e.currentLoad,o=e.history,i=(0,r.useContext)(a.RD),d=i.t,m=i.locale;return(0,l.jsx)(s.Z,{id:"cpu-sparkline",title:d("common.cpu"),current:"".concat(Math.floor(n||0),"%"),data:o,description:"".concat(d("system.cores"),": ").concat((null===t||void 0===t?void 0:t.length)||0),dateFn:function(e){return(0,c.mr)(e,"HH:mm:ss",m)},valueFn:u})}d.propTypes={cpus:i().array,currentLoad:i().number,history:i().array},d.defaultProps={cpus:[],currentLoad:0,history:[]}},1979:function(e,t,n){n.d(t,{Z:function(){return m}});var r=n(55898),o=n.n(r),i=n(90049),a=n.n(i),s=n(39948),c=n(68420),l=n(52959),u=n(14491),d=n(96266);function m(e){var t=e.instanceCount,n=e.title,r=e.total,o=e.used,i=e.history,m=(0,c.PE)(),p=m.t,f=m.locale,v=!!r,h=r-o,y=v?"(".concat(Math.floor(o/r*100),"%)"):"",x=[];return t&&x.push({title:p("system.instances"),metric:t}),x.push({title:p("system.used"),metric:a()(o)}),v&&x.push({title:p("system.free"),metric:a()(h)},{title:p("system.total"),metric:a()(r)}),(0,d.jsx)(l.Z,{id:"mem-sparkline",title:n||p("common.memory"),current:"".concat(a()(Math.floor(o||0))," ").concat(y),data:i,description:x.map((function(e,t){return(0,d.jsxs)(s.Z,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title)})),dateFn:function(e){return(0,u.mr)(e,"HH:mm:ss",f)},valueFn:a()})}m.propTypes={title:o().string,instanceCount:o().number,total:o().number,used:o().number,history:o().array},m.defaultProps={title:"",instanceCount:null,total:null,used:null,history:[]}},87534:function(e,t,n){n.r(t),n.d(t,{default:function(){return M}});var r,o=n(71171),i=n(5057),a=n(33518),s=n(90049),c=n.n(s),l=n(45603),u=n.n(l),d=n(39948),m=n(75760),p=n(11750),f=n(38242),v=n(68420),h=n(29054),y=n(14491),x=n(33028),Z=n(59740),b=n(55898),g=n.n(b),k=n(55402),j=n(56169),C=n(1979),w=n(96266),R=["blocklet","cpuHistory","memoryHistory"];function I(e){var t=e.blocklet,n=e.cpuHistory,r=e.memoryHistory,o=(0,Z.Z)(e,R),i=t.appRuntimeInfo||{};return(0,w.jsx)(P,(0,x.Z)((0,x.Z)({component:"div"},o),{},{children:(0,w.jsxs)(k.ZP,{className:"page-metrics",container:!0,spacing:5,children:[(0,w.jsx)(k.ZP,{item:!0,lg:4,md:6,sm:6,xs:12,children:!!n.length&&(0,w.jsx)(j.Z,{currentLoad:i.cpuUsage||0,history:n,style:{height:150}})},"cpu"),(0,w.jsx)(k.ZP,{item:!0,lg:4,md:6,sm:6,xs:12,children:!!r.length&&(0,w.jsx)(C.Z,{used:i.memoryUsage||0,history:r,style:{height:150}})},"memory")]})}))}I.propTypes={blocklet:g().object.isRequired,cpuHistory:g().arrayOf(g().shape({date:g().number,value:g().number})),memoryHistory:g().arrayOf(g().shape({date:g().number,value:g().number}))},I.defaultProps={cpuHistory:[],memoryHistory:[]};var F,P=(0,a.Z)(p.Z)(r||(r=(0,o.Z)([""]))),N=n(80378);function M(){var e=(0,v.PE)(),t=e.t,n=e.locale,r=(0,h.y0)(),o=r.blocklet,a=r.runtimeHistory,s=r.actions.refreshBlocklet,l=(0,i.useMemo)((function(){var e=[];return(0,f.forEachBlockletSync)(o,(function(t,n){var r=n.ancestors,i=n.id,a=n.level;t.runtimeInfo&&e.push({type:"blocklet",groupId:o.meta.did,groupName:(0,f.getDisplayName)(o),id:i,name:(0,f.getDisplayName)(t,!0),blocklet:o,component:t,level:a-1>=0?a-1:0,runtimeInfo:t.runtimeInfo,ancestors:r})})),e}),[o]);(0,i.useEffect)((function(){var e=setInterval((function(){s()}),1e4);return function(){clearInterval(e)}}),[]);var x=[{label:t("common.name"),name:"name",options:{customBodyRenderLite:function(e){var t=l[e],n=t.name,r=t.component,o=t.level,i=t.ancestors;return(0,w.jsxs)(d.Z,{display:"flex",alignItems:"center",pl:2*o,children:[(0,w.jsx)(N.Z,{size:14,blocklet:r,ancestors:i}),(0,w.jsx)(d.Z,{ml:1,children:n})]})}}},{label:t("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite:function(e){var t,r=l[e].runtimeInfo;return t=r.uptime,u()(Number(t||0),{locale:(0,y.FF)(n)})}}},{label:t("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite:function(e){var t=l[e].runtimeInfo;return c()((null===t||void 0===t?void 0:t.memoryUsage)||0)}}},{label:t("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite:function(e){var t=l[e].runtimeInfo;return"".concat((t.cpuUsage||0).toFixed(1),"%")}}},{label:t("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"}];return(0,w.jsxs)(H,{component:"div",children:[(0,w.jsx)(p.Z,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mb:2,children:t("analytics.trend")}),"running"===o.status?[(0,w.jsx)(d.Z,{children:(0,w.jsx)(I,{blocklet:o,cpuHistory:a.cpu,memoryHistory:a.memory})}),(0,w.jsx)(d.Z,{mt:3,children:(0,w.jsx)(m.Z,{title:t("analytics.detail"),className:"monitor-table",locale:n,data:l,columns:x,options:{search:!1,download:!1,filter:!1,print:!1,viewColumns:!1,pagination:!1,rowsPerPage:100}})})]:(0,w.jsx)(p.Z,{children:t("blocklet.runtimeInfo.noRunning")})]})}M.propTypes={};var H=(0,a.Z)(p.Z)(F||(F=(0,o.Z)([""])))},80378:function(e,t,n){n.d(t,{Z:function(){return h}});var r=n(33028),o=n(59740),i=n(55898),a=n.n(i),s=n(62681),c=n(72333),l=n(6352),u=n.n(l),d=n(35432),m=n(58238),p=n(14491);var f=n(96266),v=["blocklet","style","size","ancestors"];function h(e){var t=e.blocklet,n=e.style,i=e.size,a=e.ancestors,l=(0,o.Z)(e,v),h=(0,m.h6)(),y=function(e){var t,n=e.blocklet,r=e.ancestors,o=void 0===r?[]:r,i=(0,m.h6)(),a=i.inService,s="?v=".concat(null===n||void 0===n||null===(t=n.meta)||void 0===t?void 0:t.version).concat((0,p.XN)(null===n||void 0===n?void 0:n.status)?"~":""),c=a?u()(p.zn,d.WELLKNOWN_SERVICE_PATH_PREFIX,"/blocklet/logo-bundle",s):u()(i.imgPrefix,"blocklet.png");if("registry"===n.source&&n.deployedFrom&&n.meta.logo)c=u()(n.deployedFrom,(0,p.lk)(n.meta.bundleDid,n.meta.logo),s);else{var l=window.env.apiPrefix||"/",f=o.concat(n),v=a?f.slice(1):f;c=u()(l,"/blocklet/logo-bundle".concat(v.map((function(e){return"/".concat(e.meta.did)})).join("")),s)}return{logoUrl:c,inService:a}}({blocklet:t,ancestors:a}),x=y.logoUrl,Z=y.inService,b=l.variant,g=Z?function(){}:function(e){e.target.src="".concat(h.imgPrefix,"/blocklet.png")},k=(0,f.jsx)("img",{src:x,onError:g,alt:t.meta.name,style:{width:i}});return t.meta.logo||(k=(0,f.jsx)(c.Z,{did:t.meta.did||"",responsive:!0})),(0,f.jsx)(s.Z,(0,r.Z)((0,r.Z)({variant:b||"square",style:Object.assign({backgroundColor:"transparent",width:i,height:i,borderRadius:10},n)},l),{},{children:k}))}h.propTypes={blocklet:a().object.isRequired,style:a().object,size:a().oneOfType([a().number,a().string]),ancestors:a().array},h.defaultProps={style:{},size:40,ancestors:[]}},26089:function(e,t,n){n.d(t,{Z:function(){return s}});var r=n(68079);function o(e,t,n,r){return parseFloat((t-r*t/e+n).toFixed(2))}function i(e){return e.value}function a(e,t){var n=document.createElementNS("http://www.w3.org/2000/svg",e);for(var r in t)n.setAttribute(r,t[r]);return n}function s(e,t,n){if(function(e){(0,r.Z)(e.querySelectorAll("*")).forEach((function(t){return e.removeChild(t)}))}(e),!(t.length<=1)){n=n||{},"number"===typeof t[0]&&(t=t.map((function(e){return{value:e}})));var s=n.onmousemove,c=n.onmouseout,l="interactive"in n?n.interactive:!!s,u=n.spotRadius||2,d=2*u,m=n.cursorWidth||2,p=parseFloat(e.attributes["stroke-width"].value),f=n.fetch||i,v=t.map((function(e){return f(e)})),h=parseFloat(e.attributes.width.value)-2*d,y=parseFloat(e.attributes.height.value),x=y-2*p-d,Z=0===Math.max.apply(Math,(0,r.Z)(v))?1:Math.max.apply(Math,(0,r.Z)(v)),b=-1e3,g=v.length-1,k=h/g,j=[],C=o(Z,x,p+u,v[0]),w="M".concat(d," ").concat(C);v.forEach((function(e,n){var r=n*k+d,i=o(Z,x,p+u,e);j.push(Object.assign({},t[n],{index:n,x:r,y:i})),w+=" L ".concat(r," ").concat(i)}));var R=a("path",{class:"sparkline--line",d:w,fill:"none"}),I=a("path",{class:"sparkline--fill",d:"".concat(w," V ").concat(y," L ").concat(d," ").concat(y," Z"),stroke:"none"});if(e.appendChild(I),e.appendChild(R),l){var F=a("line",{class:"sparkline--cursor",x1:b,x2:b,y1:0,y2:y,"stroke-width":m}),P=a("circle",{class:"sparkline--spot",cx:b,cy:b,r:u});e.appendChild(F),e.appendChild(P);var N=a("rect",{width:e.attributes.width.value,height:e.attributes.height.value,style:"fill: transparent; stroke: transparent",class:"sparkline--interaction-layer"});e.appendChild(N),N.addEventListener("mouseout",(function(e){F.setAttribute("x1",b),F.setAttribute("x2",b),P.setAttribute("cx",b),c&&c(e)})),N.addEventListener("mousemove",(function(e){var t=e.offsetX,n=j.find((function(e){return e.x>=t}));n||(n=j[g]);var r,o,i=j[j.indexOf(n)-1];i?(o=i.x+(n.x-i.x)/2,r=t>=o?n:i):r=n;var a=r.x,c=r.y;P.setAttribute("cx",a),P.setAttribute("cy",c),F.setAttribute("x1",a),F.setAttribute("x2",a),s&&s(e,r)}))}}}},38763:function(e,t,n){n.d(t,{Z:function(){return y}});var r=n(7896),o=n(31461),i=n(5057),a=n(9978),s=n(91213),c=n(62773),l=n(42908),u=n(25228),d=n(31821),m=n(18561);function p(e){return(0,m.Z)("MuiCard",e)}(0,d.Z)("MuiCard",["root"]);var f=n(96266),v=["className","raised"],h=(0,c.ZP)(u.Z,{name:"MuiCard",slot:"Root",overridesResolver:function(e,t){return t.root}})((function(){return{overflow:"hidden"}})),y=i.forwardRef((function(e,t){var n=(0,l.Z)({props:e,name:"MuiCard"}),i=n.className,c=n.raised,u=void 0!==c&&c,d=(0,o.Z)(n,v),m=(0,r.Z)({},n,{raised:u}),y=function(e){var t=e.classes;return(0,s.Z)({root:["root"]},p,t)}(m);return(0,f.jsx)(h,(0,r.Z)({className:(0,a.Z)(y.root,i),elevation:u?8:void 0,ref:t,ownerState:m},d))}))},75392:function(e,t,n){n.d(t,{Z:function(){return h}});var r=n(7896),o=n(31461),i=n(5057),a=n(9978),s=n(91213),c=n(62773),l=n(42908),u=n(31821),d=n(18561);function m(e){return(0,d.Z)("MuiCardContent",e)}(0,u.Z)("MuiCardContent",["root"]);var p=n(96266),f=["className","component"],v=(0,c.ZP)("div",{name:"MuiCardContent",slot:"Root",overridesResolver:function(e,t){return t.root}})((function(){return{padding:16,"&:last-child":{paddingBottom:24}}})),h=i.forwardRef((function(e,t){var n=(0,l.Z)({props:e,name:"MuiCardContent"}),i=n.className,c=n.component,u=void 0===c?"div":c,d=(0,o.Z)(n,f),h=(0,r.Z)({},n,{component:u}),y=function(e){var t=e.classes;return(0,s.Z)({root:["root"]},m,t)}(h);return(0,p.jsx)(v,(0,r.Z)({as:u,className:(0,a.Z)(y.root,i),ownerState:h,ref:t},d))}))}}]);

package/build/static/js/{7638.ae3e296a.chunk.js → 7638.f7d773c5.chunk.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[7638],{31089:function(e,t,r){r.d(t,{Z:function(){return x}});var o=r(31461),n=r(7896),a=r(5057),i=r(8271),l=r(91213),c=r(77397),s=r(43740),d=r(42908),v=r(62773),p=r(31821),u=r(18561);function m(e){return(0,u.Z)("MuiStep",e)}(0,p.Z)("MuiStep",["root","horizontal","vertical","alternativeLabel","completed"]);var b=r(96266),f=["active","children","className","component","completed","disabled","expanded","index","last"],Z=(0,v.ZP)("div",{name:"MuiStep",slot:"Root",overridesResolver:function(e,t){var r=e.ownerState;return[t.root,t[r.orientation],r.alternativeLabel&&t.alternativeLabel,r.completed&&t.completed]}})((function(e){var t=e.ownerState;return(0,n.Z)({},"horizontal"===t.orientation&&{paddingLeft:8,paddingRight:8},t.alternativeLabel&&{flex:1,position:"relative"})})),x=a.forwardRef((function(e,t){var r=(0,d.Z)({props:e,name:"MuiStep"}),v=r.active,p=r.children,u=r.className,x=r.component,h=void 0===x?"div":x,S=r.completed,L=r.disabled,w=r.expanded,C=void 0!==w&&w,y=r.index,g=r.last,M=(0,o.Z)(r,f),N=a.useContext(c.Z),R=N.activeStep,j=N.connector,P=N.alternativeLabel,z=N.orientation,I=N.nonLinear,k=void 0!==v&&v,T=void 0!==S&&S,W=void 0!==L&&L;R===y?k=void 0===v||v:!I&&R>y?T=void 0===S||S:!I&&R<y&&(W=void 0===L||L);var A=a.useMemo((function(){return{index:y,last:g,expanded:C,icon:y+1,active:k,completed:T,disabled:W}}),[y,g,C,k,T,W]),_=(0,n.Z)({},r,{active:k,orientation:z,alternativeLabel:P,completed:T,disabled:W,expanded:C,component:h}),D=function(e){var t=e.classes,r={root:["root",e.orientation,e.alternativeLabel&&"alternativeLabel",e.completed&&"completed"]};return(0,l.Z)(r,m,t)}(_),F=(0,b.jsxs)(Z,(0,n.Z)({as:h,className:(0,i.Z)(D.root,u),ref:t,ownerState:_},M,{children:[j&&P&&0!==y?j:null,p]}));return(0,b.jsx)(s.Z.Provider,{value:A,children:j&&!P&&0!==y?(0,b.jsxs)(a.Fragment,{children:[j,F]}):F})}))},43740:function(e,t,r){var o=r(5057).createContext({});t.Z=o},71767:function(e,t,r){r.d(t,{Z:function(){return W}});var o=r(56666),n=r(31461),a=r(7896),i=r(5057),l=r(8271),c=r(91213),s=r(62773),d=r(42908),v=r(57471),p=r(96266),u=(0,v.Z)((0,p.jsx)("path",{d:"M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z"}),"CheckCircle"),m=(0,v.Z)((0,p.jsx)("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}),"Warning"),b=r(82555),f=r(31821),Z=r(18561);function x(e){return(0,Z.Z)("MuiStepIcon",e)}var h,S=(0,f.Z)("MuiStepIcon",["root","active","completed","error","text"]),L=["active","className","completed","error","icon"],w=(0,s.ZP)(b.Z,{name:"MuiStepIcon",slot:"Root",overridesResolver:function(e,t){return t.root}})((function(e){var t,r=e.theme;return t={display:"block",transition:r.transitions.create("color",{duration:r.transitions.duration.shortest}),color:(r.vars||r).palette.text.disabled},(0,o.Z)(t,"&.".concat(S.completed),{color:(r.vars||r).palette.primary.main}),(0,o.Z)(t,"&.".concat(S.active),{color:(r.vars||r).palette.primary.main}),(0,o.Z)(t,"&.".concat(S.error),{color:(r.vars||r).palette.error.main}),t})),C=(0,s.ZP)("text",{name:"MuiStepIcon",slot:"Text",overridesResolver:function(e,t){return t.text}})((function(e){var t=e.theme;return{fill:(t.vars||t).palette.primary.contrastText,fontSize:t.typography.caption.fontSize,fontFamily:t.typography.fontFamily}})),y=i.forwardRef((function(e,t){var r=(0,d.Z)({props:e,name:"MuiStepIcon"}),o=r.active,i=void 0!==o&&o,s=r.className,v=r.completed,b=void 0!==v&&v,f=r.error,Z=void 0!==f&&f,S=r.icon,y=(0,n.Z)(r,L),g=(0,a.Z)({},r,{active:i,completed:b,error:Z}),M=function(e){var t=e.classes,r={root:["root",e.active&&"active",e.completed&&"completed",e.error&&"error"],text:["text"]};return(0,c.Z)(r,x,t)}(g);if("number"===typeof S||"string"===typeof S){var N=(0,l.Z)(s,M.root);return Z?(0,p.jsx)(w,(0,a.Z)({as:m,className:N,ref:t,ownerState:g},y)):b?(0,p.jsx)(w,(0,a.Z)({as:u,className:N,ref:t,ownerState:g},y)):(0,p.jsxs)(w,(0,a.Z)({className:N,ref:t,ownerState:g},y,{children:[h||(h=(0,p.jsx)("circle",{cx:"12",cy:"12",r:"12"})),(0,p.jsx)(C,{className:M.text,x:"12",y:"12",textAnchor:"middle",dominantBaseline:"central",ownerState:g,children:S})]}))}return S})),g=r(77397),M=r(43740);function N(e){return(0,Z.Z)("MuiStepLabel",e)}var R=(0,f.Z)("MuiStepLabel",["root","horizontal","vertical","label","active","completed","error","disabled","iconContainer","alternativeLabel","labelContainer"]),j=["children","className","componentsProps","error","icon","optional","slotProps","StepIconComponent","StepIconProps"],P=(0,s.ZP)("span",{name:"MuiStepLabel",slot:"Root",overridesResolver:function(e,t){var r=e.ownerState;return[t.root,t[r.orientation]]}})((function(e){var t,r=e.ownerState;return(0,a.Z)((t={display:"flex",alignItems:"center"},(0,o.Z)(t,"&.".concat(R.alternativeLabel),{flexDirection:"column"}),(0,o.Z)(t,"&.".concat(R.disabled),{cursor:"default"}),t),"vertical"===r.orientation&&{textAlign:"left",padding:"8px 0"})})),z=(0,s.ZP)("span",{name:"MuiStepLabel",slot:"Label",overridesResolver:function(e,t){return t.label}})((function(e){var t,r=e.theme;return(0,a.Z)({},r.typography.body2,(t={display:"block",transition:r.transitions.create("color",{duration:r.transitions.duration.shortest})},(0,o.Z)(t,"&.".concat(R.active),{color:(r.vars||r).palette.text.primary,fontWeight:500}),(0,o.Z)(t,"&.".concat(R.completed),{color:(r.vars||r).palette.text.primary,fontWeight:500}),(0,o.Z)(t,"&.".concat(R.alternativeLabel),{marginTop:16}),(0,o.Z)(t,"&.".concat(R.error),{color:(r.vars||r).palette.error.main}),t))})),I=(0,s.ZP)("span",{name:"MuiStepLabel",slot:"IconContainer",overridesResolver:function(e,t){return t.iconContainer}})((function(){return(0,o.Z)({flexShrink:0,display:"flex",paddingRight:8},"&.".concat(R.alternativeLabel),{paddingRight:0})})),k=(0,s.ZP)("span",{name:"MuiStepLabel",slot:"LabelContainer",overridesResolver:function(e,t){return t.labelContainer}})((function(e){var t=e.theme;return(0,o.Z)({width:"100%",color:(t.vars||t).palette.text.secondary},"&.".concat(R.alternativeLabel),{textAlign:"center"})})),T=i.forwardRef((function(e,t){var r,o=(0,d.Z)({props:e,name:"MuiStepLabel"}),s=o.children,v=o.className,u=o.componentsProps,m=void 0===u?{}:u,b=o.error,f=void 0!==b&&b,Z=o.icon,x=o.optional,h=o.slotProps,S=void 0===h?{}:h,L=o.StepIconComponent,w=o.StepIconProps,C=(0,n.Z)(o,j),R=i.useContext(g.Z),T=R.alternativeLabel,W=R.orientation,A=i.useContext(M.Z),_=A.active,D=A.disabled,F=A.completed,B=A.icon,H=Z||B,E=L;H&&!E&&(E=y);var V=(0,a.Z)({},o,{active:_,alternativeLabel:T,completed:F,disabled:D,error:f,orientation:W}),q=function(e){var t=e.classes,r=e.orientation,o=e.active,n=e.completed,a=e.error,i=e.disabled,l=e.alternativeLabel,s={root:["root",r,a&&"error",i&&"disabled",l&&"alternativeLabel"],label:["label",o&&"active",n&&"completed",a&&"error",i&&"disabled",l&&"alternativeLabel"],iconContainer:["iconContainer",o&&"active",n&&"completed",a&&"error",i&&"disabled",l&&"alternativeLabel"],labelContainer:["labelContainer",l&&"alternativeLabel"]};return(0,c.Z)(s,N,t)}(V),G=null!=(r=S.label)?r:m.label;return(0,p.jsxs)(P,(0,a.Z)({className:(0,l.Z)(q.root,v),ref:t,ownerState:V},C,{children:[H||E?(0,p.jsx)(I,{className:q.iconContainer,ownerState:V,children:(0,p.jsx)(E,(0,a.Z)({completed:F,active:_,error:f,icon:H},w))}):null,(0,p.jsxs)(k,{className:q.labelContainer,ownerState:V,children:[s?(0,p.jsx)(z,(0,a.Z)({ownerState:V},G,{className:(0,l.Z)(q.label,null==G?void 0:G.className),children:s})):null,x]})]}))}));T.muiName="StepLabel";var W=T},20870:function(e,t,r){r.d(t,{Z:function(){return g}});var o=r(31461),n=r(7896),a=r(5057),i=r(8271),l=r(91213),c=r(42908),s=r(62773),d=r(31821),v=r(18561);function p(e){return(0,v.Z)("MuiStepper",e)}(0,d.Z)("MuiStepper",["root","horizontal","vertical","alternativeLabel"]);var u=r(6285),m=r(77397),b=r(43740);function f(e){return(0,v.Z)("MuiStepConnector",e)}(0,d.Z)("MuiStepConnector",["root","horizontal","vertical","alternativeLabel","active","completed","disabled","line","lineHorizontal","lineVertical"]);var Z=r(96266),x=["className"],h=(0,s.ZP)("div",{name:"MuiStepConnector",slot:"Root",overridesResolver:function(e,t){var r=e.ownerState;return[t.root,t[r.orientation],r.alternativeLabel&&t.alternativeLabel,r.completed&&t.completed]}})((function(e){var t=e.ownerState;return(0,n.Z)({flex:"1 1 auto"},"vertical"===t.orientation&&{marginLeft:12},t.alternativeLabel&&{position:"absolute",top:12,left:"calc(-50% + 20px)",right:"calc(50% + 20px)"})})),S=(0,s.ZP)("span",{name:"MuiStepConnector",slot:"Line",overridesResolver:function(e,t){var r=e.ownerState;return[t.line,t["line".concat((0,u.Z)(r.orientation))]]}})((function(e){var t=e.ownerState,r=e.theme,o="light"===r.palette.mode?r.palette.grey[400]:r.palette.grey[600];return(0,n.Z)({display:"block",borderColor:r.vars?r.vars.palette.StepConnector.border:o},"horizontal"===t.orientation&&{borderTopStyle:"solid",borderTopWidth:1},"vertical"===t.orientation&&{borderLeftStyle:"solid",borderLeftWidth:1,minHeight:24})})),L=a.forwardRef((function(e,t){var r=(0,c.Z)({props:e,name:"MuiStepConnector"}),s=r.className,d=(0,o.Z)(r,x),v=a.useContext(m.Z),p=v.alternativeLabel,L=v.orientation,w=void 0===L?"horizontal":L,C=a.useContext(b.Z),y=C.active,g=C.disabled,M=C.completed,N=(0,n.Z)({},r,{alternativeLabel:p,orientation:w,active:y,completed:M,disabled:g}),R=function(e){var t=e.classes,r=e.orientation,o={root:["root",r,e.alternativeLabel&&"alternativeLabel",e.active&&"active",e.completed&&"completed",e.disabled&&"disabled"],line:["line","line".concat((0,u.Z)(r))]};return(0,l.Z)(o,f,t)}(N);return(0,Z.jsx)(h,(0,n.Z)({className:(0,i.Z)(R.root,s),ref:t,ownerState:N},d,{children:(0,Z.jsx)(S,{className:R.line,ownerState:N})}))})),w=["activeStep","alternativeLabel","children","className","component","connector","nonLinear","orientation"],C=(0,s.ZP)("div",{name:"MuiStepper",slot:"Root",overridesResolver:function(e,t){var r=e.ownerState;return[t.root,t[r.orientation],r.alternativeLabel&&t.alternativeLabel]}})((function(e){var t=e.ownerState;return(0,n.Z)({display:"flex"},"horizontal"===t.orientation&&{flexDirection:"row",alignItems:"center"},"vertical"===t.orientation&&{flexDirection:"column"},t.alternativeLabel&&{alignItems:"flex-start"})})),y=(0,Z.jsx)(L,{}),g=a.forwardRef((function(e,t){var r=(0,c.Z)({props:e,name:"MuiStepper"}),s=r.activeStep,d=void 0===s?0:s,v=r.alternativeLabel,u=void 0!==v&&v,b=r.children,f=r.className,x=r.component,h=void 0===x?"div":x,S=r.connector,L=void 0===S?y:S,g=r.nonLinear,M=void 0!==g&&g,N=r.orientation,R=void 0===N?"horizontal":N,j=(0,o.Z)(r,w),P=(0,n.Z)({},r,{alternativeLabel:u,orientation:R,component:h}),z=function(e){var t=e.orientation,r=e.alternativeLabel,o=e.classes,n={root:["root",t,r&&"alternativeLabel"]};return(0,l.Z)(n,p,o)}(P),I=a.Children.toArray(b).filter(Boolean),k=I.map((function(e,t){return a.cloneElement(e,(0,n.Z)({index:t,last:t+1===I.length},e.props))})),T=a.useMemo((function(){return{activeStep:d,alternativeLabel:u,connector:L,nonLinear:M,orientation:R}}),[d,u,L,M,R]);return(0,Z.jsx)(m.Z.Provider,{value:T,children:(0,Z.jsx)(C,(0,n.Z)({as:h,ownerState:P,className:(0,i.Z)(z.root,f),ref:t},j,{children:k}))})}))},77397:function(e,t,r){var o=r(5057).createContext({});t.Z=o}}]);
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[7638],{31089:function(e,t,r){r.d(t,{Z:function(){return x}});var o=r(31461),n=r(7896),a=r(5057),i=r(9978),l=r(91213),c=r(77397),s=r(43740),d=r(42908),v=r(62773),p=r(31821),u=r(18561);function m(e){return(0,u.Z)("MuiStep",e)}(0,p.Z)("MuiStep",["root","horizontal","vertical","alternativeLabel","completed"]);var b=r(96266),f=["active","children","className","component","completed","disabled","expanded","index","last"],Z=(0,v.ZP)("div",{name:"MuiStep",slot:"Root",overridesResolver:function(e,t){var r=e.ownerState;return[t.root,t[r.orientation],r.alternativeLabel&&t.alternativeLabel,r.completed&&t.completed]}})((function(e){var t=e.ownerState;return(0,n.Z)({},"horizontal"===t.orientation&&{paddingLeft:8,paddingRight:8},t.alternativeLabel&&{flex:1,position:"relative"})})),x=a.forwardRef((function(e,t){var r=(0,d.Z)({props:e,name:"MuiStep"}),v=r.active,p=r.children,u=r.className,x=r.component,h=void 0===x?"div":x,S=r.completed,L=r.disabled,w=r.expanded,C=void 0!==w&&w,y=r.index,g=r.last,M=(0,o.Z)(r,f),N=a.useContext(c.Z),R=N.activeStep,j=N.connector,P=N.alternativeLabel,z=N.orientation,I=N.nonLinear,k=void 0!==v&&v,T=void 0!==S&&S,W=void 0!==L&&L;R===y?k=void 0===v||v:!I&&R>y?T=void 0===S||S:!I&&R<y&&(W=void 0===L||L);var A=a.useMemo((function(){return{index:y,last:g,expanded:C,icon:y+1,active:k,completed:T,disabled:W}}),[y,g,C,k,T,W]),_=(0,n.Z)({},r,{active:k,orientation:z,alternativeLabel:P,completed:T,disabled:W,expanded:C,component:h}),D=function(e){var t=e.classes,r={root:["root",e.orientation,e.alternativeLabel&&"alternativeLabel",e.completed&&"completed"]};return(0,l.Z)(r,m,t)}(_),F=(0,b.jsxs)(Z,(0,n.Z)({as:h,className:(0,i.Z)(D.root,u),ref:t,ownerState:_},M,{children:[j&&P&&0!==y?j:null,p]}));return(0,b.jsx)(s.Z.Provider,{value:A,children:j&&!P&&0!==y?(0,b.jsxs)(a.Fragment,{children:[j,F]}):F})}))},43740:function(e,t,r){var o=r(5057).createContext({});t.Z=o},71767:function(e,t,r){r.d(t,{Z:function(){return W}});var o=r(56666),n=r(31461),a=r(7896),i=r(5057),l=r(9978),c=r(91213),s=r(62773),d=r(42908),v=r(57471),p=r(96266),u=(0,v.Z)((0,p.jsx)("path",{d:"M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z"}),"CheckCircle"),m=(0,v.Z)((0,p.jsx)("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}),"Warning"),b=r(82555),f=r(31821),Z=r(18561);function x(e){return(0,Z.Z)("MuiStepIcon",e)}var h,S=(0,f.Z)("MuiStepIcon",["root","active","completed","error","text"]),L=["active","className","completed","error","icon"],w=(0,s.ZP)(b.Z,{name:"MuiStepIcon",slot:"Root",overridesResolver:function(e,t){return t.root}})((function(e){var t,r=e.theme;return t={display:"block",transition:r.transitions.create("color",{duration:r.transitions.duration.shortest}),color:(r.vars||r).palette.text.disabled},(0,o.Z)(t,"&.".concat(S.completed),{color:(r.vars||r).palette.primary.main}),(0,o.Z)(t,"&.".concat(S.active),{color:(r.vars||r).palette.primary.main}),(0,o.Z)(t,"&.".concat(S.error),{color:(r.vars||r).palette.error.main}),t})),C=(0,s.ZP)("text",{name:"MuiStepIcon",slot:"Text",overridesResolver:function(e,t){return t.text}})((function(e){var t=e.theme;return{fill:(t.vars||t).palette.primary.contrastText,fontSize:t.typography.caption.fontSize,fontFamily:t.typography.fontFamily}})),y=i.forwardRef((function(e,t){var r=(0,d.Z)({props:e,name:"MuiStepIcon"}),o=r.active,i=void 0!==o&&o,s=r.className,v=r.completed,b=void 0!==v&&v,f=r.error,Z=void 0!==f&&f,S=r.icon,y=(0,n.Z)(r,L),g=(0,a.Z)({},r,{active:i,completed:b,error:Z}),M=function(e){var t=e.classes,r={root:["root",e.active&&"active",e.completed&&"completed",e.error&&"error"],text:["text"]};return(0,c.Z)(r,x,t)}(g);if("number"===typeof S||"string"===typeof S){var N=(0,l.Z)(s,M.root);return Z?(0,p.jsx)(w,(0,a.Z)({as:m,className:N,ref:t,ownerState:g},y)):b?(0,p.jsx)(w,(0,a.Z)({as:u,className:N,ref:t,ownerState:g},y)):(0,p.jsxs)(w,(0,a.Z)({className:N,ref:t,ownerState:g},y,{children:[h||(h=(0,p.jsx)("circle",{cx:"12",cy:"12",r:"12"})),(0,p.jsx)(C,{className:M.text,x:"12",y:"12",textAnchor:"middle",dominantBaseline:"central",ownerState:g,children:S})]}))}return S})),g=r(77397),M=r(43740);function N(e){return(0,Z.Z)("MuiStepLabel",e)}var R=(0,f.Z)("MuiStepLabel",["root","horizontal","vertical","label","active","completed","error","disabled","iconContainer","alternativeLabel","labelContainer"]),j=["children","className","componentsProps","error","icon","optional","slotProps","StepIconComponent","StepIconProps"],P=(0,s.ZP)("span",{name:"MuiStepLabel",slot:"Root",overridesResolver:function(e,t){var r=e.ownerState;return[t.root,t[r.orientation]]}})((function(e){var t,r=e.ownerState;return(0,a.Z)((t={display:"flex",alignItems:"center"},(0,o.Z)(t,"&.".concat(R.alternativeLabel),{flexDirection:"column"}),(0,o.Z)(t,"&.".concat(R.disabled),{cursor:"default"}),t),"vertical"===r.orientation&&{textAlign:"left",padding:"8px 0"})})),z=(0,s.ZP)("span",{name:"MuiStepLabel",slot:"Label",overridesResolver:function(e,t){return t.label}})((function(e){var t,r=e.theme;return(0,a.Z)({},r.typography.body2,(t={display:"block",transition:r.transitions.create("color",{duration:r.transitions.duration.shortest})},(0,o.Z)(t,"&.".concat(R.active),{color:(r.vars||r).palette.text.primary,fontWeight:500}),(0,o.Z)(t,"&.".concat(R.completed),{color:(r.vars||r).palette.text.primary,fontWeight:500}),(0,o.Z)(t,"&.".concat(R.alternativeLabel),{marginTop:16}),(0,o.Z)(t,"&.".concat(R.error),{color:(r.vars||r).palette.error.main}),t))})),I=(0,s.ZP)("span",{name:"MuiStepLabel",slot:"IconContainer",overridesResolver:function(e,t){return t.iconContainer}})((function(){return(0,o.Z)({flexShrink:0,display:"flex",paddingRight:8},"&.".concat(R.alternativeLabel),{paddingRight:0})})),k=(0,s.ZP)("span",{name:"MuiStepLabel",slot:"LabelContainer",overridesResolver:function(e,t){return t.labelContainer}})((function(e){var t=e.theme;return(0,o.Z)({width:"100%",color:(t.vars||t).palette.text.secondary},"&.".concat(R.alternativeLabel),{textAlign:"center"})})),T=i.forwardRef((function(e,t){var r,o=(0,d.Z)({props:e,name:"MuiStepLabel"}),s=o.children,v=o.className,u=o.componentsProps,m=void 0===u?{}:u,b=o.error,f=void 0!==b&&b,Z=o.icon,x=o.optional,h=o.slotProps,S=void 0===h?{}:h,L=o.StepIconComponent,w=o.StepIconProps,C=(0,n.Z)(o,j),R=i.useContext(g.Z),T=R.alternativeLabel,W=R.orientation,A=i.useContext(M.Z),_=A.active,D=A.disabled,F=A.completed,B=A.icon,H=Z||B,E=L;H&&!E&&(E=y);var V=(0,a.Z)({},o,{active:_,alternativeLabel:T,completed:F,disabled:D,error:f,orientation:W}),q=function(e){var t=e.classes,r=e.orientation,o=e.active,n=e.completed,a=e.error,i=e.disabled,l=e.alternativeLabel,s={root:["root",r,a&&"error",i&&"disabled",l&&"alternativeLabel"],label:["label",o&&"active",n&&"completed",a&&"error",i&&"disabled",l&&"alternativeLabel"],iconContainer:["iconContainer",o&&"active",n&&"completed",a&&"error",i&&"disabled",l&&"alternativeLabel"],labelContainer:["labelContainer",l&&"alternativeLabel"]};return(0,c.Z)(s,N,t)}(V),G=null!=(r=S.label)?r:m.label;return(0,p.jsxs)(P,(0,a.Z)({className:(0,l.Z)(q.root,v),ref:t,ownerState:V},C,{children:[H||E?(0,p.jsx)(I,{className:q.iconContainer,ownerState:V,children:(0,p.jsx)(E,(0,a.Z)({completed:F,active:_,error:f,icon:H},w))}):null,(0,p.jsxs)(k,{className:q.labelContainer,ownerState:V,children:[s?(0,p.jsx)(z,(0,a.Z)({ownerState:V},G,{className:(0,l.Z)(q.label,null==G?void 0:G.className),children:s})):null,x]})]}))}));T.muiName="StepLabel";var W=T},20870:function(e,t,r){r.d(t,{Z:function(){return g}});var o=r(31461),n=r(7896),a=r(5057),i=r(9978),l=r(91213),c=r(42908),s=r(62773),d=r(31821),v=r(18561);function p(e){return(0,v.Z)("MuiStepper",e)}(0,d.Z)("MuiStepper",["root","horizontal","vertical","alternativeLabel"]);var u=r(6285),m=r(77397),b=r(43740);function f(e){return(0,v.Z)("MuiStepConnector",e)}(0,d.Z)("MuiStepConnector",["root","horizontal","vertical","alternativeLabel","active","completed","disabled","line","lineHorizontal","lineVertical"]);var Z=r(96266),x=["className"],h=(0,s.ZP)("div",{name:"MuiStepConnector",slot:"Root",overridesResolver:function(e,t){var r=e.ownerState;return[t.root,t[r.orientation],r.alternativeLabel&&t.alternativeLabel,r.completed&&t.completed]}})((function(e){var t=e.ownerState;return(0,n.Z)({flex:"1 1 auto"},"vertical"===t.orientation&&{marginLeft:12},t.alternativeLabel&&{position:"absolute",top:12,left:"calc(-50% + 20px)",right:"calc(50% + 20px)"})})),S=(0,s.ZP)("span",{name:"MuiStepConnector",slot:"Line",overridesResolver:function(e,t){var r=e.ownerState;return[t.line,t["line".concat((0,u.Z)(r.orientation))]]}})((function(e){var t=e.ownerState,r=e.theme,o="light"===r.palette.mode?r.palette.grey[400]:r.palette.grey[600];return(0,n.Z)({display:"block",borderColor:r.vars?r.vars.palette.StepConnector.border:o},"horizontal"===t.orientation&&{borderTopStyle:"solid",borderTopWidth:1},"vertical"===t.orientation&&{borderLeftStyle:"solid",borderLeftWidth:1,minHeight:24})})),L=a.forwardRef((function(e,t){var r=(0,c.Z)({props:e,name:"MuiStepConnector"}),s=r.className,d=(0,o.Z)(r,x),v=a.useContext(m.Z),p=v.alternativeLabel,L=v.orientation,w=void 0===L?"horizontal":L,C=a.useContext(b.Z),y=C.active,g=C.disabled,M=C.completed,N=(0,n.Z)({},r,{alternativeLabel:p,orientation:w,active:y,completed:M,disabled:g}),R=function(e){var t=e.classes,r=e.orientation,o={root:["root",r,e.alternativeLabel&&"alternativeLabel",e.active&&"active",e.completed&&"completed",e.disabled&&"disabled"],line:["line","line".concat((0,u.Z)(r))]};return(0,l.Z)(o,f,t)}(N);return(0,Z.jsx)(h,(0,n.Z)({className:(0,i.Z)(R.root,s),ref:t,ownerState:N},d,{children:(0,Z.jsx)(S,{className:R.line,ownerState:N})}))})),w=["activeStep","alternativeLabel","children","className","component","connector","nonLinear","orientation"],C=(0,s.ZP)("div",{name:"MuiStepper",slot:"Root",overridesResolver:function(e,t){var r=e.ownerState;return[t.root,t[r.orientation],r.alternativeLabel&&t.alternativeLabel]}})((function(e){var t=e.ownerState;return(0,n.Z)({display:"flex"},"horizontal"===t.orientation&&{flexDirection:"row",alignItems:"center"},"vertical"===t.orientation&&{flexDirection:"column"},t.alternativeLabel&&{alignItems:"flex-start"})})),y=(0,Z.jsx)(L,{}),g=a.forwardRef((function(e,t){var r=(0,c.Z)({props:e,name:"MuiStepper"}),s=r.activeStep,d=void 0===s?0:s,v=r.alternativeLabel,u=void 0!==v&&v,b=r.children,f=r.className,x=r.component,h=void 0===x?"div":x,S=r.connector,L=void 0===S?y:S,g=r.nonLinear,M=void 0!==g&&g,N=r.orientation,R=void 0===N?"horizontal":N,j=(0,o.Z)(r,w),P=(0,n.Z)({},r,{alternativeLabel:u,orientation:R,component:h}),z=function(e){var t=e.orientation,r=e.alternativeLabel,o=e.classes,n={root:["root",t,r&&"alternativeLabel"]};return(0,l.Z)(n,p,o)}(P),I=a.Children.toArray(b).filter(Boolean),k=I.map((function(e,t){return a.cloneElement(e,(0,n.Z)({index:t,last:t+1===I.length},e.props))})),T=a.useMemo((function(){return{activeStep:d,alternativeLabel:u,connector:L,nonLinear:M,orientation:R}}),[d,u,L,M,R]);return(0,Z.jsx)(m.Z.Provider,{value:T,children:(0,Z.jsx)(C,(0,n.Z)({as:h,ownerState:P,className:(0,i.Z)(z.root,f),ref:t},j,{children:k}))})}))},77397:function(e,t,r){var o=r(5057).createContext({});t.Z=o}}]);