@abtnode/blocklet-services 1.16.17-beta-952ef53d → 1.16.17-beta-a8cf4b25

package/build/static/js/5662.34df2fcd.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[5662],{15662:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return mo}});var r=t(33028),o=t(59740),i=t(19611),a=t.n(i),l=t(68079),c=t(71171),s=t(32723),u=t(34795),d=t(96234),p=t(30969),m=t(16380),f=t(24974),h=t.n(f),x=t(84636),v=t(38361),g=t(87130),Z=t(38357),y=t(91862),b=t(46973),k=t(94551),j=t(3715),C=t(51711),P=t(85385),R=t(55829),E=t(11909),T=t(3994),S=t(6779),w=t(88412),_=t(88876),U=t(13875),N=t(57256),I=t(10814),L=t(49884),D=t(34159),O=t(96628),B=t(20244),q=t(94308),F=t(70177),A=t(26022),G=t(29996),z=t(78789),W=t(7017),M=t(6399),K=t.n(M),V=t(1986),Y=t(43820),H=t(36558),X=t(61472),Q=t(2878),J=t.n(Q),$=t(9715),ee=t(19638),ne=t(37574);function te(e){var n,t=e.sourceInfo,r=e.blocklet,o=(0,p.useContext)(A.RD).t;return(0,ne.jsxs)(v.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)($.Z,{type:"success",children:J()(t.source)},"source"),"registry"===t.source&&(0,ne.jsx)(ee.Z,{href:a()(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:o("blocklet.overview.viewInStore")})]})}te.propTypes={sourceInfo:h().shape({source:h().string,deployedFrom:h().string}),blocklet:h().object},te.defaultProps={sourceInfo:{},blocklet:{}};var re=t(94282),oe=t(88397),ie=t(59505),ae=t(8479),le=t(41395),ce=t(24891),se=t(22572),ue=["blocklet","checkUpgrade","hasPermission"];function de(e){var n=e.blocklet,t=e.checkUpgrade,i=e.hasPermission,a=(0,o.Z)(e,ue),l=(0,le.h6)().api,c=(0,p.useContext)(A.RD).t,m=(0,p.useState)(!1),f=(0,d.Z)(m,2),h=f[0],x=f[1],v=(0,p.useState)(""),g=(0,d.Z)(v,2),Z=g[0],y=g[1],b=(0,p.useState)(null),j=(0,d.Z)(b,2),C=j[0],P=j[1],R=(0,p.useState)(null),E=(0,d.Z)(R,2),T=E[0],w=E[1];(0,p.useEffect)((function(){P(null),t&&(n.mode,ie.BLOCKLET_MODES.DEVELOPMENT)}),[n,t]);var _=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 x(!0),e.prev=1,t={did:n.meta.did,version:C.version,storeUrl:C.registryUrl||""},e.next=5,(0,ce._v)(2e3);case 5:return e.next=7,l.upgradeBlocklet({input:t});case 7:e.next=12;break;case 9:e.prev=9,e.t0=e.catch(1),V.Z.error("Blocklet upgrade failed: ".concat((0,ce.Z)(e.t0)));case 12:return e.prev=12,x(!1),w(null),e.finish(12);case 16:case"end":return e.stop()}}),e,null,[[1,9,12,16]])})));return function(){return e.apply(this,arguments)}}(),U={title:"".concat(c("common.upgrade")," ").concat(c("common.blocklet")," ").concat((0,W.getDisplayName)(n)),description:c("blocklet.action.upgradeDescription"),confirm:c("blocklet.action.confirmUpgrade"),cancel:c("common.cancel"),onConfirm:_,onCancel:function(){x(!1),w(null)}};return i&&C&&!(0,W.isInProgress)(n.status)?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(X.Z,(0,r.Z)((0,r.Z)({},a),{},{children:n.meta.version})),(0,ne.jsx)(S.Z,{title:c("common.updateAvailable",{version:C.version}),children:(0,ne.jsx)(k.Z,{size:"small",style:{marginLeft:8},disabled:h,onClick:function(){return w(U)},children:h?(0,ne.jsx)(q.Z,{size:16}):(0,ne.jsx)(oe.Z,{style:{fontSize:16,color:"red"}})})}),!!Z&&(0,ne.jsx)(V.Z,{variant:"error",message:Z,onClose:function(){return y("")}}),T&&(0,ne.jsx)(ae.Z,{title:T.title,description:T.description,confirm:T.confirm,cancel:T.cancel,params:T.params,onConfirm:T.onConfirm,onCancel:T.onCancel})]}):(0,ne.jsx)(X.Z,(0,r.Z)((0,r.Z)({},a),{},{children:n.meta.version}))}de.propTypes={blocklet:h().object.isRequired,checkUpgrade:h().bool,hasPermission:h().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=t(70998),xe=["mode"];function ve(e){var n=e.mode,t=(0,o.Z)(e,xe);return"development"===n?(0,ne.jsx)(X.Z,(0,r.Z)((0,r.Z)({type:"primary"},t),{},{children:"DEV"})):null}ve.propTypes={mode:h().string.isRequired};var ge,Ze,ye,be=t(88356),ke=t(50496),je=t(19865),Ce=t(32666),Pe=t(87006),Re=t(18877),Ee=t(73820),Te=t(38996),Se=t(44181),we=t(60306),_e=t(56567),Ue=t(81172),Ne=t(75296),Ie=t(52838),Le=t(81779),De=t(90713),Oe=t(97475),Be=t(65481),qe=t(83153),Fe={Add:j.Z,Check:Te.default,Delete:I.default,Edit:be.default,Clear:Se.default,DetailPanel:Ie.default,Filter:_e.Z,FirstPage:Ue.default,LastPage:Ne.default,NextPage:Ie.default,PreviousPage:Le.default,Search:De.default,ResetSearch:Se.default,SortArrow:Oe.Z,Export:we.default,ThirdStateCheck:Be.default,ViewColumn:qe.default},Ae=m.Z.div(ge||(ge=(0,c.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"]))),Ge=t(55008),ze=function(e,n){var t=e.description;return(Object.values(ie.CHAIN_PROP_MAP).includes(e.key)||(0,W.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})},We=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 Me(e){var n=e.blocklet,t=e.ancestors,o=(0,le.h6)(),i=o.inService,a=(0,p.useContext)(A.RD).t,c=[].concat((0,l.Z)(t.map((function(e){return e.meta.did}))),[n.meta.did]),d=function(){return V.Z.success(a("blocklet.config.changedTip"))},m=function(e){return We(e,n,t)};if((0,ce.wS)(n.status))return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var f=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 V.Z.error(a("blocklet.config.environment.keyValueRequired")),e.abrupt("return");case 3:if(!n.key.startsWith("BLOCKLET_")&&!n.key.startsWith("COMPONENT_")){e.next=6;break}return V.Z.error(a("blocklet.config.environment.invalidKey")),e.abrupt("return");case 6:return n.custom=!0,e.next=9,o.api.configBlocklet({input:{did:c,configs:[n]}});case 9:"ok"===(t=e.sent).code&&d(t.blocklet);case 11:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),h=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(r,i){var l,u,p;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 V.Z.error(a("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 V.Z.error(a("blocklet.config.environment.invalidKey")),e.abrupt("return");case 6:if(r.key!==ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_CLUSTER_SIZE){e.next=11;break}if(!(l=(0,ce.I)(r))){e.next=11;break}return V.Z.error(l),e.abrupt("return");case 11:if(u=[r],r.key===i.key){e.next=17;break}if(We(r,n,t)){e.next=16;break}return V.Z.error("Only key of custom env can be changed"),e.abrupt("return");case 16:u.push({key:i.key,custom:!0});case 17:return e.prev=17,e.next=20,o.api.configBlocklet({input:{did:c,configs:u}});case 20:"ok"===(p=e.sent).code&&d(p.blocklet),e.next=27;break;case 24:e.prev=24,e.t0=e.catch(17),V.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)}}(),x=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(r){var i;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r.required){e.next=3;break}return V.Z.error(a("blocklet.config.environment.deleteForbidden")),e.abrupt("return");case 3:if(We(r,n,t)){e.next=6;break}return V.Z.error("Only key of custom env can be changed"),e.abrupt("return");case 6:return e.next=8,o.api.configBlocklet({input:{did:c,configs:[{key:r.key,custom:!0}]}});case 8:"ok"===(i=e.sent).code&&d(i.blocklet);case 10:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),v=(n.configs||[]).filter((function(e){return!ie.BLOCKLET_CONFIGURABLE_KEY[e.key]})),g=(0,W.getSharedConfigObj)(t[0],n),Z=(0,W.getComponentMissingConfigs)(n,t[0]),y=v.map((function(e){return(0,r.Z)((0,r.Z)({},e),{},{value:Object.values(ie.CHAIN_PROP_MAP).includes(e.key)&&Object.keys(g).includes(e.key)?g[e.key]:g[e.key]||e.value})})),b=y.some((function(e){return e.key&&e.key.startsWith("BWA_")})),k={onRowAdd:f,onRowUpdate:h,onRowDelete:x,isDeletable:m};return(0,ne.jsxs)(Ve,{children:[!!Z.length&&(0,ne.jsx)(Re.Z,{severity:"error",style:{marginTop:24},children:a("blocklet.config.missingRequired")}),b&&(0,ne.jsx)(Re.Z,{severity:"info",children:a("blocklet.config.environment.tip")}),(0,ne.jsx)(se.Z,{permission:i?"":"mutate_blocklets",role:i?ce.Wf:[],children:function(e){return(0,ne.jsx)(Ae,{className:"config-table",children:(0,ne.jsx)(Ce.ZP,{title:(0,ne.jsx)("h4",{children:a("common.environment")}),columns:[{title:a("common.key"),field:"key",initialEditValue:"Key",width:"30%",render:function(e){return(0,ne.jsx)(Ee.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)(Ye,{children:(0,ne.jsx)(Pe.Z,{fullWidth:!0,size:"small",disabled:!1===m(t),value:n,onChange:function(e){return r(e.target.value)},variant:"outlined",label:"Key",placeholder:a("blocklet.config.environment.key"),margin:"dense",autoFocus:!0})})}},{title:a("common.value"),field:"value",initialEditValue:"Value",width:"calc((100% - (96px + 30%)) / 1)",render:function(e){return e.value?e.secure?"******":(0,ne.jsx)(Ee.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)(Ye,{children:[(0,ne.jsx)(Pe.Z,{fullWidth:!0,size:"small",value:"__encrypted__"===n?"":n,onChange:function(e){return r(e.target.value)},variant:"outlined",label:a("common.value"),placeholder:a("blocklet.config.environment.value"),margin:"dense",autoFocus:!0}),ze(t,a)]})}}],icons:(0,r.Z)((0,r.Z)({},Ge.Z),Fe),options:{emptyRowsWhenPaging:!1,actionsColumnIndex:-1,tableLayout:"auto",maxBodyHeight:"100%",paging:!1,search:!1},localization:{header:{actions:a("common.actions")},body:{emptyDataSourceMessage:a("common.noData")}},data:y,editable:e?k:{}})})}})]})}Me.propTypes={blocklet:h().object.isRequired,ancestors:h().array},Me.defaultProps={ancestors:[]};var Ke,Ve=m.Z.div(Ze||(Ze=(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})),Ye=m.Z.div(ye||(ye=(0,c.Z)(["\n  height: 60px;\n"]))),He=t(88617),Xe=t.n(He),Qe=t(67019),Je=["blocklet","ancestors","hasPermission"];function $e(e){var n=e.blocklet,t=e.ancestors,i=e.hasPermission,a=(0,o.Z)(e,Je),l=(0,A.PE)().t,c=(0,le.h6)().api,m=!t.length,f=m?n.meta.did:t.map((function(e){return e.meta.did}))[0],h=(0,p.useState)(""),x=(0,d.Z)(h,2),g=x[0],Z=x[1],y=(0,p.useState)(""),b=(0,d.Z)(y,2),k=b[0],j=b[1],C=g||!i;if(!f)return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var P=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 Z(!0),e.prev=1,r={rootDid:f,mountPoint:Xe()(t)},m||(r.did=n.meta.did),e.next=6,c.updateComponentMountPoint({input:r});case 6:return Z(!1),e.abrupt("return",!0);case 10:throw e.prev=10,e.t0=e.catch(1),Z(!1),e.t0.message=(0,ce.Z)(e.t0),V.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)(on,(0,r.Z)((0,r.Z)({component:"div"},a),{},{children:(0,ne.jsx)(v.Z,{mt:3,children:(0,ne.jsx)(Qe.Z,{label:l("blocklet.component.mountPoint"),style:{marginTop:-24},disabled:g||C,loading:g,required:!0,initialValue:n.mountPoint,onSubmit:P,onChange:function(e){j(l("common.slugifyHint",{value:(0,ce.LN)(e)}))},helperText:k,formatterBeforeSubmit:function(e){return Xe()(e)}})})}))}var en=(0,se.V)($e,"mutate_blocklets"),nn=(0,se.V)($e,"",ce.Wf);function tn(e){return(0,le.h6)().inService?(0,ne.jsx)(nn,(0,r.Z)({},e)):(0,ne.jsx)(en,(0,r.Z)({},e))}$e.propTypes={blocklet:h().object.isRequired,ancestors:h().array,hasPermission:h().bool},$e.defaultProps={ancestors:[],hasPermission:!1};var rn,on=m.Z.div(Ke||(Ke=(0,c.Z)([""])));function an(e){var n=e.blocklet,t=e.ancestors,r=e.children,o=(0,p.useState)(""),i=(0,d.Z)(o,2),a=i[0],l=i[1],c=(0,A.PE)().t,s=!!t.length,u=(0,p.useState)("settings"),m=(0,d.Z)(u,2),f=m[0],h=m[1],x=s?(0,W.getDisplayName)(n,!0):c("blocklet.component.container");if((0,ce.wS)(n.status))return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var g=function(e){e.stopPropagation(),l(!0)},Z={settings:{label:c("blocklet.component.setting"),value:"settings",component:(0,ne.jsx)(tn,{blocklet:n,ancestors:t})},environments:{label:c("common.environment"),value:"environments",component:(0,ne.jsx)(Me,{blocklet:n,ancestors:t})}},y=Object.values(Z).map((function(e){return{label:e.label,value:e.value}})),b=Z[f]||Z.settings;return["function"===typeof r?r({open:g}):(0,ne.jsx)(k.Z,{onClick:g,"data-cy":"action-config-component",children:(0,ne.jsx)(be.default,{})}),a&&(0,ne.jsx)(cn,{open:!0,fullWidth:!0,maxWidth:"md",title:x,onClose:function(){l(!1)},PaperProps:{style:{minHeight:"auto"}},children:s?(0,ne.jsxs)(v.Z,{mt:1,children:[(0,ne.jsx)(je.Z,{tabs:y,current:f,onChange:function(e){h(e)},scrollButtons:"auto"}),b.component]}):(0,ne.jsx)(Me,{blocklet:n,ancestors:t})})]}an.propTypes={blocklet:h().object.isRequired,ancestors:h().array,children:h().any},an.defaultProps={ancestors:[],children:null};var ln,cn=(0,m.Z)(ke.ZP)(rn||(rn=(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"]))),sn=t(33359),un=t(76492),dn=t(97517);function pn(e){var n=e.component,t=e.remove,o=e.disabled,i=e.tip,a=e.showConfirm,l=e.hideBtn,c=e.onCancel,m=(0,p.useContext)(A.RD).t,f=(0,p.useState)(!1),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,p.useState)(null),Z=(0,d.Z)(g,2),y=Z[0],b=Z[1],k=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 v(!0),e.next=3,t(n.component,n.removeType);case 3:v(!1),b(null);case 5:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),j=o||x,C=function(){b({title:"".concat(m("common.delete")," ").concat(n.meta.title||n.meta.name),description:function(e,n){return(0,ne.jsxs)(sn.Z,{component:"div",children:[(0,ne.jsx)(sn.Z,{gutterBottom:!0,children:m("blocklet.action.removeComponentDescription")}),(0,ne.jsxs)(dn.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)(L.Z,{value:"keepData",control:(0,ne.jsx)(un.Z,{}),label:m("blocklet.action.removeComponentKeepData")}),(0,ne.jsx)(L.Z,{value:"complete",control:(0,ne.jsx)(un.Z,{}),label:m("blocklet.action.removeComponentComplete")})]})]})},confirm:m("common.confirm"),cancel:m("common.cancel"),params:{component:n,removeType:"keepData"},onConfirm:k,onCancel:function(){b(null),c()}})};(0,p.useEffect)((function(){a?C():(v(!1),b(null))}),[a]);var P=(0,ne.jsx)(fn,{size:"small",disabled:j,onClick:function(){return C},"data-cy":"delete-component-btn",children:(0,ne.jsx)(I.default,{disabled:j})}),R=(0,ne.jsx)(S.Z,{title:i||m("common.delete"),children:(0,ne.jsx)("span",{children:P})});return(0,ne.jsxs)(ne.Fragment,{children:[!l&&R,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})]})}pn.propTypes={component:h().object.isRequired,remove:h().func,onCancel:h().func,disabled:h().bool,showConfirm:h().bool,hideBtn:h().bool,tip:h().string},pn.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 mn,fn=(0,m.Z)(k.Z)(ln||(ln=(0,c.Z)(["\n  &.Mui-disabled {\n    opacity: 0.5;\n  }\n"]))),hn=t(8825),xn=t(60003);function vn(e){var n=e.component,t=e.onStart,r=e.onStop,o=e.disabled,i=e.tip,a=(0,p.useContext)(A.RD).t,l=(0,p.useState)(!1),c=(0,d.Z)(l,2),m=c[0],f=c[1],h=(0,p.useState)(),x=(0,d.Z)(h,2),v=x[0],g=x[1],Z=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 f(!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),V.Z.error(e.t0.message);case 9:f(!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 f(!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),V.Z.error(e.t0.message);case 9:f(!1);case 10:case"end":return e.stop()}}),e,null,[[1,6]])})));return function(){return e.apply(this,arguments)}}(),b=o||m,k=["starting","running","stopping"].includes(n.status),j=k?xn.Z:hn.Z,C=(0,ne.jsx)(gn,{disabled:b,onClick:function(){var e;k?g({title:"".concat(a("common.stop")," ").concat(null===n||void 0===n||null===(e=n.meta)||void 0===e?void 0:e.title),description:a("blocklet.action.stopComponentDescription"),confirm:a("blocklet.action.confirmStop"),cancel:a("common.cancel"),onConfirm:function(){return g(null),y()},onCancel:function(){return g(null)}}):Z()},"data-cy":"".concat(k?"stop":"start","-component-btn"),children:(0,ne.jsx)(j,{disabled:b})});return[(0,ne.jsx)(S.Z,{title:i||a("common.".concat(k?"stop":"start")),children:(0,ne.jsx)("span",{children:C})},"btn"),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},"connect")]}vn.propTypes={component:h().object.isRequired,onStart:h().func,onStop:h().func,disabled:h().bool,tip:h().string},vn.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 gn=(0,m.Z)(k.Z)(mn||(mn=(0,c.Z)(["\n  &.Mui-disabled {\n    opacity: 0.5;\n  }\n"]))),Zn=t(2569),yn=t(12700),bn=t.n(yn),kn=t(43260),jn=t.n(kn),Cn=t(76032),Pn=t.n(Cn),Rn=t(60523),En=t.n(Rn),Tn=t(99398),Sn=t(43207),wn=t(2689),_n=t(1437),Un=t(75255),Nn=t(66629),In=t(43001),Ln=t(23299),Dn=t(78598),On=t(65248),Bn=t(45008),qn=t(8016),Fn=t(14458),An=t(31575),Gn=t(59485),zn=t.n(Gn),Wn=t(54559),Mn=t(74743),Kn=t(67888),Vn=t(9943),Yn=t(86008),Hn=t(93310),Xn=t(64698),Qn=t(36508),Jn=t(6200),$n={meta:h().object.isRequired,onCancel:h().func.isRequired},et=(0,Mn.Z)((function(){return{dialogAuth:{padding:"0 0 24px !important","& .auth-title":{textAlign:"center !important",marginBottom:"4px !important"},"& .auth-tip--scan":{textAlign:"center !important"}},iconRoot:{minWidth:48}}}));function nt(e){var n=e.action,t=e.onSelect,r=e.onNext,o=et(),i=(0,A.PE)().t,a=[{action:"purchase",title:i("store.purchase.purchase.title"),description:i("store.purchase.purchase.description")},{action:"verify",title:i("store.purchase.verify.title"),description:i("store.purchase.verify.description")}];return(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(Kn.Z,{className:o.tabPanel,children:a.map((function(e){return(0,ne.jsxs)(Vn.ZP,{button:!0,selected:n===e.action,onClick:function(){return t(e.action)},children:[(0,ne.jsx)(Hn.Z,{className:o.iconRoot,children:"purchase"===e.action?(0,ne.jsx)(Xn.Z,{style:{color:"purchase"===n?Jn.Z.primary.main:"#AAA",fontSize:32}}):(0,ne.jsx)(Qn.Z,{style:{color:"verify"===n?Jn.Z.primary.main:"#AAA",fontSize:32}})}),(0,ne.jsx)(Yn.Z,{primary:e.title,secondary:e.description})]},e.action)}))}),r&&(0,ne.jsx)(G.Z,{fullWidth:!0,disabled:!n,variant:"contained",color:"primary",style:{marginTop:16},onClick:r,children:i("common.next")})]})}nt.propTypes={action:h().oneOf(["both","purchase","verify"]).isRequired,onSelect:h().func.isRequired,onNext:h().func.isRequired};var tt=["mode"];function rt(e){var n=e.meta,t=e.onCancel,o=e.mode,i=e.handlePaySuccess,l=(0,A.PE)(),c=l.t,m=l.locale,f=(0,le.h6)().info,h=(0,ce.yP)(f),x=(0,p.useState)(null),v=(0,d.Z)(x,2),g=v[0],Z=v[1],y=new URL(null===n||void 0===n?void 0:n.registryUrl).origin,b=(0,W.getDisplayName)({meta:n}),k=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n,r){var a,l,d,p,m;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(d=function(e){return zn()((function(){return Wn.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,a({downloadTokenList:r});case 6:e.next=11;break;case 8:return e.next=10,l(c("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,l(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})},a=function(e){var n=e.downloadTokenList;i({downloadTokenList:n})},l=function(e){V.Z.error(e),t(e)},"purchase"!==o||!g){e.next=9;break}return p=(0,ce.Pi)(g),m=p.statusUrl,e.next=7,d(m);case 7:e.next=11;break;case 9:return e.next=11,a({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,p.useEffect)((function(){if("purchase"===o){var e=new URL(y);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{Wn.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)}}),[o]),"purchase"===o&&!g)return"";var j={verify:{action:"verify-purchase-blocklet",checkFn:Wn.od.create({baseURL:y}).get,extraParams:{serverDid:f.did,blockletDid:null===n||void 0===n?void 0:n.did},messages:{title:c("store.purchase.verify.auth.title",{name:b}),scan:c("store.purchase.verify.auth.scan"),confirm:c("store.purchase.verify.auth.confirm"),success:c("store.purchase.verify.auth.success")}},purchase:{action:"acquire-asset",checkFn:Wn.od.create({baseURL:a()(y,"/store")}).get,extraParams:{factory:n.nftFactory,nw:g},messages:{title:c("store.purchase.auth.title",{name:b}),scan:c("store.purchase.auth.scan"),confirm:c("store.purchase.auth.confirm"),success:(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("p",{children:c("store.purchase.auth.success")}),(0,ne.jsx)("p",{children:c("blocklet.component.purchaseComponentSecondCheckTip")})]})}}};return(0,ne.jsx)(An.Z,(0,r.Z)({open:!0,locale:m,popup:!1,saveConnect:!1,className:"connect",baseUrl:y,onSuccess:k,cancelWhenScanned:t,onClose:t,checkTimeout:3e5,webWalletUrl:h,disableClose:!0,showDownload:!1},j[o]))}rt.propTypes=(0,r.Z)((0,r.Z)({},$n),{},{handlePaySuccess:h().func,mode:h().oneOf(["verify","purchase"]).isRequired}),rt.defaultProps={handlePaySuccess:function(){}};var ot=(0,p.forwardRef)((function(e,n){var t=e.mode,i=(0,o.Z)(e,tt),a=(0,p.useState)("both"!==t?t:"verify"),l=(0,d.Z)(a,2),c=l[0],s=l[1],u=(0,p.useState)("both"!==t?2:1),m=(0,d.Z)(u,2),f=m[0],h=m[1],x=function(){c&&2!==f&&h(2)};return(0,p.useImperativeHandle)(n,(function(){return{onNext:x,getCurrentStep:function(){return f}}})),1===f?(0,ne.jsx)("div",{style:{maxWidth:520},children:(0,ne.jsx)(nt,{action:c,onNext:null,onSelect:function(e){e!==c&&s(e)}})}):(0,ne.jsx)(rt,(0,r.Z)((0,r.Z)({},i),{},{mode:c}))}));ot.propTypes={mode:h().oneOf(["both","verify","purchase"]).isRequired,ref:h().any},ot.defaultProps={ref:{}};var it,at=ot,lt=t(52654),ct=t(30734),st=t(94486),ut=t(30250),dt=t(33665);function pt(e){var n=Object.assign({},((0,dt.Z)(e),e));return(0,ne.jsxs)("div",(0,r.Z)((0,r.Z)({},n),{},{style:{width:"100%"},children:[(0,ne.jsx)("h3",{children:"End User License Agreement for Application"}),(0,ne.jsxs)("p",{children:["Blocklet Server License Agreement ",B.COPYRIGHT_OWNER," version 2020-08-28"]}),(0,ne.jsx)("p",{children:"BLOCKLET SERVER LICENSE AGREEMENT"}),(0,ne.jsx)("p",{children:"\u6682\u65e0"})]}))}function mt(e){var n=e.meta,t=e.onClickNext,r=e.handleDescEle,o=(0,ct.useNavigate)(),i=(0,A.PE)(),a=i.t,l=i.locale,c=t||function(){o("/launch-blocklet/install".concat(window.location.search))};return(0,ne.jsxs)(ft,{children:[(0,ne.jsx)("div",{className:"app-content",children:(0,ne.jsx)("div",{className:"agreement",children:(0,ne.jsx)("div",{className:"agreement-content",children:(0,ne.jsx)(ut.Z,{blockletMeta:{data:n},locale:l,handleDescEle:r})})})}),(0,ne.jsx)("div",{className:"button-container","data-cy":"agree-all",children:(0,ne.jsx)(st.Z,{onContinue:c,description:(0,ne.jsx)(pt,{}),texts:{listenName:a("launchBlocklet.license"),buttonNext:a("launchBlocklet.next")}})})]})}mt.propTypes={meta:h().object.isRequired,onClickNext:h().func,handleDescEle:h().node},mt.defaultProps={onClickNext:null,handleDescEle:""};var ft=m.Z.div(it||(it=(0,c.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")})),ht=t(38219),xt=t(70576),vt=t(50624),gt=t(77370),Zt=t(90617);function yt(e){var n=e.defaultUrl,t=e.onCancel,o=e.onSuccess,i=e.onError,a=e.mode,l=e.handleText,c=(0,le.h6)().api,m=(0,gt.T)().api,f=(0,p.useState)(!1),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,p.useState)(""),Z=(0,d.Z)(g,2),y=Z[0],b=Z[1],k=(0,A.PE)().t,j={dist:{}},C=(0,p.useState)(n),P=(0,d.Z)(C,2),R=P[0],E=P[1],T=(0,p.useState)(n?1:0),S=(0,d.Z)(T,2),w=S[0],_=S[1],U=(0,p.useState)(j),N=(0,d.Z)(U,2),I=N[0],L=N[1],D=(0,p.useState)(!1),O=(0,d.Z)(D,2),B=O[0],z=O[1],M=(0,p.useState)({}),K=(0,d.Z)(M,2),V=K[0],Y=K[1],X="component"===a,Q=!!X||!n,J=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var n,t,r,o,a,l;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:L(j),b(null),v(!0),e.prev=3,n=decodeURIComponent(R.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,c.getBlockletMetaFromUrl({input:{url:n}});case 14:t=e.sent,r=t.meta,o=t.inStore,a=t.registryUrl,L(r),Y({inStore:o,registryUrl:a,inputUrl:R.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,ce.Z)(e.t1)),b(l),i(e.t1);case 28:return e.prev=28,v(!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,p.useEffect)((function(){n&&J()}),[n]);var $=[{name:k("common.name"),value:(0,W.getDisplayName)({meta:I},!0)},{name:k("common.version"),value:I.version},{name:k("common.did"),value:(0,ne.jsx)(H.Z,{did:I.did})},{name:k("common.author"),value:(0,ce.rq)(I.author)},{name:k("blocklet.dist.downloadLink"),value:I.dist.tarball}],ee=[{label:k("blocklet.fromUrl.step0"),body:(0,ne.jsx)(sn.Z,{component:"div",children:(0,ne.jsx)(Pe.Z,{label:k("blocklet.fromUrl.label"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"blocklet-url-input",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",helperText:k("blocklet.fromUrl.description"),value:R,onChange:function(e){b(null),E(e.target.value)},disabled:x,onKeyPress:function(e){"Enter"===e.key&&(e.preventDefault(),J(),_(1))}})}),cancel:k("common.cancel"),confirm:k("common.next"),onCancel:t,onConfirm:function(){J(),_(1)}},{label:k("blocklet.fromUrl.step1"),body:x?(0,ne.jsx)("div",{style:{height:200,width:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"},children:(0,ne.jsx)(q.Z,{})}):I.did?(0,ne.jsx)("div",{style:{paddingLeft:"10%"},children:$.map((function(e){return e.name===k("common.did")?(0,ne.jsx)(F.Z,{valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:function(){return k("common.did")},children:e.value},e.name):(0,ne.jsx)(F.Z,{valueComponent:"div",nameWidth:120,name:e.name,children:e.value},e.name)}))}):null,cancel:k(Q?"common.pre":"common.cancel"),confirm:(null===l||void 0===l?void 0:l.confirm)||k("blocklet.fromUrl.confirm"),onCancel:function(){Q?_((function(e){return e-1})):t()},onConfirm:function(){!function(){if(X)return o((0,r.Z)({meta:I},V)),void t();v(!0),z(!0)}()}}],te=ee[w];return(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsxs)(ke.ZP,{title:(null===l||void 0===l?void 0:l.title)||k("blocklet.fromUrl.title"),fullWidth:!0,maxWidth:"md",onClose:function(){return te.onCancel()},showCloseButton:0===w,disableEscapeKeyDown:!0,open:!0,actions:(0,ne.jsxs)(ne.Fragment,{children:[te.cancel&&(0,ne.jsx)(G.Z,{onClick:function(e){e.stopPropagation(),b(null),te.onCancel()},color:"inherit",children:te.cancel||k("common.cancel")}),(0,ne.jsxs)(G.Z,{onClick:function(e){e.stopPropagation(),te.onConfirm()},color:"primary","data-cy":"install-blocklet-next-step",disabled:x||!R||y,variant:"contained",autoFocus:!0,style:{marginLeft:8},children:[x&&0===w&&(0,ne.jsx)(q.Z,{size:16}),te.confirm]})]}),children:[Q&&(0,ne.jsx)(ht.Z,{alternativeLabel:!0,activeStep:w,children:ee.map((function(e){var n=e.label;return(0,ne.jsx)(xt.Z,{children:(0,ne.jsx)(vt.Z,{children:n})},n)}))}),(0,ne.jsx)(Sn.Z,{component:"div",style:{marginTop:24},children:te.body}),!!y&&(0,ne.jsx)(Ln.Z,{type:"error",style:{width:"100%",marginTop:8},children:y})]}),I&&B&&(0,ne.jsx)(An.Z,{popup:!0,open:!0,forceConnected:!1,className:"launch-from-url-auth",action:"launch-free-blocklet-by-session",checkFn:m.get,checkTimeout:3e5,onSuccess:function(){v(!1),z(!1),o((0,r.Z)({meta:I},V)),t()},extraParams:{title:I.title,wt:(0,Zt.iK)(I),blockletMetaUrl:decodeURIComponent(R.trim())},messages:{title:k("setup.keyPair.title"),scan:k("setup.keyPair.scan"),confirm:k("setup.keyPair.confirm"),success:k("setup.keyPair.success")},onClose:function(){v(!1),z(!1)}})]})}yt.propTypes={defaultUrl:h().string,onCancel:h().func.isRequired,onSuccess:h().func.isRequired,onError:h().func,mode:h().oneOf(["install","component"]),handleText:h().object},yt.defaultProps={onError:function(){},defaultUrl:"",mode:"install",handleText:{}};var bt=t(17708),kt="blocklet-add-component-registry",jt="server-add-registry",Ct=(0,Mn.Z)((function(e){return{addMenuItemRoot:{justifyContent:"center",color:e.palette.primary.main,lineHeight:"3.2"}}}));function Pt(e){var n=e.disabled,t=e.storeList,r=e.teamDid,o=e.onAdd,i=(0,le.h6)().api,a=(0,p.useState)(!1),l=(0,d.Z)(a,2),c=l[0],m=l[1],f=(0,p.useState)(!0),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,p.useState)(!1),Z=(0,d.Z)(g,2),y=Z[0],b=Z[1],k=(0,p.useState)(""),C=(0,d.Z)(k,2),P=C[0],R=C[1],E=(0,p.useState)(""),T=(0,d.Z)(E,2),S=T[0],w=T[1],_=(0,A.PE)().t,U=Ct(),N=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var n,a,l,c;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(m(!0),e.prev=1,n=(0,ce.bQ)(P,t),a=n.isNew,l=n.decoded,a){e.next=5;break}throw new Error(_("store.blockletRegistry.haveSameRegistry"));case 5:return e.next=7,i.addBlockletStore({input:{teamDid:r,url:l}});case 7:o(l),b(!1),e.next=15;break;case 11:e.prev=11,e.t0=e.catch(1),c="".concat(_("store.blockletRegistry.addFailed")," ").concat((0,ce.Z)(e.t0)),w(c);case 15:return e.prev=15,m(!1),e.finish(15);case 18:case"end":return e.stop()}}),e,null,[[1,11,15,18]])})));return function(){return e.apply(this,arguments)}}();return(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsxs)(Vn.ZP,{button:!0,disabled:n,className:U.addMenuItemRoot,onClick:function(){b(!0)},children:[(0,ne.jsx)(j.Z,{font:!0}),(0,ne.jsx)(sn.Z,{variant:"inherit",children:_("store.blockletRegistry.addRegistry")})]}),(0,ne.jsxs)(ke.ZP,{title:_("store.blockletRegistry.addRegistry"),fullWidth:!0,maxWidth:"md",open:y,onClose:function(){return b(!1)},PaperProps:{style:{minHeight:"auto"}},actions:(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(G.Z,{onClick:function(e){e.stopPropagation(),b(!1)},color:"inherit",children:_("common.cancel")}),(0,ne.jsxs)(G.Z,{onClick:function(e){e.stopPropagation(),N()},color:"primary","data-cy":"install-blocklet-next-step",disabled:c||!P||x,variant:"contained",autoFocus:!0,children:[c&&(0,ne.jsx)(q.Z,{size:16}),_("common.confirm")]})]}),children:[(0,ne.jsx)("div",{style:{paddingTop:12,overflowY:"hidden"},children:(0,ne.jsx)(Sn.Z,{component:"div",children:(0,ne.jsx)(sn.Z,{component:"div",children:(0,ne.jsx)(Pe.Z,{label:_("store.blockletRegistry.registryUrl"),autoComplete:"off",variant:"outlined",name:"url",fullWidth:!0,value:P,onChange:function(e){w(null);var n=!1;e.target.value.trim()||(n=!0),e.target.value.trim()||w(_("store.blockletRegistry.registryUrlEmpty")),R(e.target.value),v(n)},disabled:c,onKeyPress:function(e){"Enter"===e.key&&(e.preventDefault(),e.target.value.trim()?N():w(_("store.blockletRegistry.registryUrlEmpty")))}})})})}),!!S&&(0,ne.jsx)(Ln.Z,{type:"error",style:{width:"100%"},children:S})]})]})}Pt.propTypes={teamDid:h().string.isRequired,disabled:h().bool,storeList:h().array,onAdd:h().func},Pt.defaultProps={disabled:!1,storeList:[],onAdd:function(){}};var Rt=t(50714),Et=t(94702),Tt=t(30291);function St(e){var n=e.title,t=e.description,o=e.confirmPlaceholder,i=e.cancel,a=e.confirm,l=e.params,c=e.onCancel,s=e.onConfirm,u=e.keyName,d=(0,A.PE)().t,p={title:function(){return(0,ne.jsxs)("div",{children:[n," (".concat(u,")")]})},description:function(e,n){return(0,ne.jsxs)("div",{children:[(0,ne.jsx)(Re.Z,{severity:"warning",style:{width:"100%"},children:d("common.notice")}),(0,ne.jsx)("div",{style:{marginTop:24,marginBottom:24},dangerouslySetInnerHTML:{__html:t}}),(0,ne.jsxs)("div",{style:{marginBottom:24},children:[d("common.click"),"\uff1a",(0,ne.jsx)(Ee.Z,{"data-cy":"click-copy",children:u})]}),(0,ne.jsx)(sn.Z,{component:"div",children:(0,ne.jsx)(Pe.Z,{label:o,autoComplete:"off","data-cy":"delete-confirm-input",variant:"outlined",fullWidth:!0,autoFocus:!0,value:e.inputVal,onChange:function(t){var o;o=(0,r.Z)((0,r.Z)({},e),{},{inputVal:t.target.value,__disableConfirm:u!==t.target.value}),n((0,r.Z)((0,r.Z)({},o),{},{__disableConfirm:o.__disableConfirm}))}})})]})},confirm:a,cancel:i,onConfirm:s,onCancel:c,params:(0,r.Z)({inputVal:"",__disableConfirm:!0},l)};return(0,ne.jsx)(ae.Z,{title:p.title,description:p.description,confirm:p.confirm,cancel:p.cancel,params:p.params,onConfirm:p.onConfirm,onCancel:p.onCancel})}function wt(e){var n=e.store,t=e.teamDid,r=e.onDelete,o=(0,le.h6)().api,i=(0,A.PE)().t,a=(0,p.useState)(!1),l=(0,d.Z)(a,2),c=l[0],m=l[1],f=(0,p.useState)(null),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,Et.Z)(),Z=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 e.prev=0,m(!0),e.next=4,o.deleteBlockletStore({input:{teamDid:t,url:n.url}});case 4:r&&"function"===typeof r&&r(),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),V.Z.error("Remove Blocklet Store Error: ".concat((0,ce.Z)(e.t0)));case 10:return e.prev=10,m(!1),v(null),e.finish(10);case 14:case"end":return e.stop()}}),e,null,[[0,7,10,14]])})));return function(){return e.apply(this,arguments)}}(),y={keyName:n.url,title:i("store.blockletRegistry.deleteRegistry"),description:i("store.blockletRegistry.deleteDesc",{name:"<b>".concat(n.url,"</b>"),color:g.palette.error.main}),confirmPlaceholder:i("store.blockletRegistry.confirmDesc",{name:n.url}),confirm:i("common.delConfirm"),cancel:i("common.cancel"),onConfirm:Z,onCancel:function(){m(!1),v(null)}};return(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(k.Z,{disabled:c,onClick:function(e){e.stopPropagation(),v(y)},size:"large",children:(0,ne.jsx)(Tt.default,{})}),x&&(0,ne.jsx)(St,{keyName:x.keyName,title:x.title,description:x.description,confirmPlaceholder:x.confirmPlaceholder,confirm:x.confirm,cancel:x.cancel,params:x.params,onConfirm:x.onConfirm,onCancel:x.onCancel})]})}St.propTypes={title:h().any.isRequired,keyName:h().any.isRequired,description:h().any.isRequired,confirmPlaceholder:h().any.isRequired,cancel:h().string,confirm:h().string,params:h().object,onCancel:h().func,onConfirm:h().func.isRequired},St.defaultProps={onCancel:function(){},cancel:"",confirm:"Confirm",params:{}},wt.propTypes={teamDid:h().string.isRequired,store:h().object.isRequired,onDelete:h().func},wt.defaultProps={onDelete:function(){}};var _t,Ut=(0,Mn.Z)((function(){return{buttonText:{textTransform:"none !important"},iconRoot:{minWidth:24},menuName:{display:"flex",flexDirection:"column",marginRight:"100px","& span":{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}}}));function Nt(e){var n=e.teamDid,t=e.store,r=e.onDelete,o=Ut();return(0,ne.jsxs)("div",{className:o.menuName,children:[(0,ne.jsx)(sn.Z,{component:"span",variant:"subtitle1",style:{fontWeight:"400"},children:t.name}),(0,ne.jsx)(sn.Z,{className:"url",component:"span",variant:"inherit",children:"".concat(t.url)}),(0,ne.jsxs)(Rt.Z,{children:[(0,ne.jsx)(k.Z,{onClick:function(e){e.stopPropagation(),window.open(t.url)},size:"large",children:(0,ne.jsx)(E.Z,{})}),!t.protected&&(0,ne.jsx)(wt,{store:t,onDelete:r,teamDid:n})]})]})}function It(e){var n=e.onChange,t=e.loading,r=e.children,o=e.extra,i=(0,A.PE)().t,a=(0,le.h6)(),l=a.info,c=a.inService,s=(0,Bn.y0)().blocklet,u=(0,p.useState)(!1),m=(0,d.Z)(u,2),f=m[0],h=m[1],x=(0,p.useRef)(null),v=c?kt:jt,g=(0,bt.Z)(v),Z=(0,d.Z)(g,2),y=Z[0],b=Z[1],k=(0,ce.dX)({fromBlocklet:c,blocklet:s,nodeInfo:l}),j=k.storeList,C=k.teamDid,P=y&&j.find((function(e){return y===e.url}))||j[0],R=l.mode===B.NODE_MODES.SERVERLESS;return(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsxs)(Dt,{children:[(0,ne.jsx)(G.Z,{ref:x,color:"secondary","data-cy":"add-component-select-store",endIcon:(0,ne.jsx)(Oe.Z,{color:"secondary"}),onClick:function(){h(!0)},style:{padding:"0 2px"},children:(0,ne.jsx)(sn.Z,{color:"secondary",children:P.name})}),(0,ne.jsx)(sn.Z,{color:"secondary",children:o})]}),(0,ne.jsxs)(Pe.Z,{id:"mui-registry-select",select:!0,autoComplete:"off",variant:"outlined",name:"did",helperText:i("blocklet.component.selectRegistryTip"),"data-cy":"component-registry-select",fullWidth:!0,value:P,autoFocus:!0,onChange:function(e){var t=e.target.value;b(t.url),n(t)},SelectProps:{open:f,MenuProps:{anchorEl:x.current},renderValue:function(e){return null===e||void 0===e?void 0:e.name},onClose:function(){h(!1)}},style:{display:"none"},margin:"normal",children:[null===j||void 0===j?void 0:j.map((function(e){return(0,ne.jsx)(wn.Z,{value:e,"data-cy":e.url,children:(0,ne.jsx)(Nt,{teamDid:C,store:e,onDelete:function(){var n;y===e.url&&b(null===(n=j[0])||void 0===n?void 0:n.url)}})},e.url)})),!R&&(0,ne.jsx)(Pt,{disabled:t,storeList:j,teamDid:C,onAdd:function(e){b(e)}})]}),r({currentRegistry:P})]})}Nt.propTypes={teamDid:h().string.isRequired,store:h().shape({name:h().string.isRequired,url:h().string.isRequired,protected:h().bool}).isRequired,onDelete:h().func},Nt.defaultProps={onDelete:function(){}},It.propTypes={onChange:h().func,loading:h().bool,children:h().any.isRequired,extra:h().node},It.defaultProps={onChange:function(){},loading:!1,extra:""};var Lt,Dt=m.Z.div(_t||(_t=(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})),Ot=t(37433),Bt=t(51921),qt=t(95612),Ft=t(49956),At=["handleButtonClick","handleSearchSelect","storeUrl","handleBlockletRender","extraFilter","serverVersion"],Gt=function(e,n){return a()(n,"/blocklets/".concat(e.did))},zt=function(e){var n=e.blocklet,t=e.attribute,r=e.value;return n._formatted?n._formatted[t]:r},Wt=function(e){return e.inStore&&!1===(0,W.isFreeBlocklet)(e)};function Mt(e){var n=e.blocklet,t=e.blocklets,r=e.handleButtonClick,o=e.endpoint,i=(0,A.PE)().t,l=a()(o,(0,ce.lk)(n.did,n.logo||"")),c=(0,p.useState)(!1),m=(0,d.Z)(c,2),f=m[0],h=m[1],x=Wt(n)?i("common.purchase"):i("blocklet.component.choose"),v=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(i){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i.preventDefault(),i.stopPropagation(),e.prev=2,h(!0),e.next=6,r({meta:n,registryUrl:o,blocklets:t});case 6:e.next=11;break;case 8:e.prev=8,e.t0=e.catch(2),V.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:Gt(n,o),style:{color:"initial",textDecoration:"none"},onClick:function(e){return!!e.currentTarget.contains(e.target)||(e.preventDefault(),!1)},target:"_blank",children:(0,ne.jsx)(Yt,{title:zt({blocklet:n,attribute:"title",value:n.title||n.name}),did:n.did,description:zt({blocklet:n,attribute:"description",value:n.description}),cover:n.logo?l:"",version:n.version,button:(0,ne.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,ne.jsx)(Ft.Kk,{children:(0,ne.jsx)(G.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)(q.Z,{size:16,style:{marginRight:3}}),x]}):x},n.did)})})})})}function Kt(e){var n=e.handleButtonClick,t=e.handleSearchSelect,i=e.storeUrl,a=e.handleBlockletRender,l=e.extraFilter,c=e.serverVersion,s=(0,o.Z)(e,At),u=(0,A.PE)().locale,m=(0,p.useState)({}),f=(0,d.Z)(m,2),h=f[0],x=f[1],v=i;return(0,p.useEffect)((function(){x({})}),[v]),(0,ne.jsx)(Bt.ErrorBoundary,{FallbackComponent:Ot.H,resetKeys:[v],children:(0,ne.jsx)("div",(0,r.Z)((0,r.Z)({},s),{},{children:(0,ne.jsx)(qt.Z,{blockletRender:function(e){var t=(0,r.Z)((0,r.Z)({},e),{},{handleButtonClick:n,endpoint:v});return a((0,r.Z)((0,r.Z)({},e),{},{defaultRender:(0,ne.jsx)(Mt,(0,r.Z)({},t))}))},baseSearch:!0,endpoint:v,locale:u,onFilterChange:function(e){x(e)},onSearchSelect:t,filters:h,extraFilter:l,serverVersion:c})}))})}Mt.propTypes={blocklet:h().object.isRequired,blocklets:h().array,handleButtonClick:h().func,endpoint:h().string},Mt.defaultProps={handleButtonClick:null,endpoint:"",blocklets:[]},Kt.propTypes={storeUrl:h().string.isRequired,handleButtonClick:h().func,handleSearchSelect:h().func,handleBlockletRender:h().func,extraFilter:h().func,serverVersion:h().string},Kt.defaultProps={handleButtonClick:null,handleSearchSelect:null,handleBlockletRender:null,extraFilter:void 0,serverVersion:""};var Vt,Yt=(0,m.Z)(Ft.ZP)(Lt||(Lt=(0,c.Z)(["\n  .ms-highlight {\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main})),Ht=t(95803),Xt=t.n(Ht),Qt=t(50576),Jt=t(92522),$t=t.n(Jt),er=t(25599),nr=t(59467),tr=t(28126),rr=t(74202),or=["onSelect","endpoint","gatewayUrl","loading","size","helperText"],ir=[{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"}],ar=(0,tr.D)();function lr(e){var n=e.onSelect,t=e.endpoint,i=e.gatewayUrl,c=e.loading,s=e.size,u=e.helperText,m=(0,o.Z)(e,or),f=(0,bt.Z)("did-space-gateway-list",ir),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,p.useState)(i||ir[0].value),Z=(0,d.Z)(g,2),y=Z[0],b=Z[1],k=(0,A.PE)().t,j=(0,gt.T)().api;return(0,p.useEffect)((function(){y&&!x.find((function(e){return e.value===y}))&&j.get(a()(y,"/__blocklet__.js?type=json")).then((function(e){v([].concat((0,l.Z)(x),[{value:y,label:e.data.appName}]))})).catch((function(e){console.error(e),V.Z.error("Can not add this gateway, please check the url and try again")}))}),[y]),(0,ne.jsx)(cr,(0,r.Z)((0,r.Z)({},m),{},{freeSolo:!0,selectOnFocus:!0,clearOnBlur:!0,handleHomeEndKeys:!0,value:y,options:x,onChange:function(e,n){if(n)if("string"===typeof n){var t=x.find((function(e){return e.label===n}));t&&b(t.value)}else n.inputValue?b(n.inputValue):n.value&&b(n.value)},getOptionLabel:function(e){return"string"===typeof e?e:e.inputValue?e.inputValue:e.label},renderOption:function(e,n){return(0,ne.jsxs)(Vn.ZP,(0,r.Z)((0,r.Z)({},e),{},{children:[(0,ne.jsx)(er.Z,{children:(0,ne.jsx)(nr.Z,{children:n.avatar})}),(0,ne.jsx)(Yn.Z,{primary:n.label,secondary:n.value})]}),n.value)},filterOptions:function(e,n){var t=ar(e,n);n.inputValue&&$t()(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)(Pe.Z,(0,r.Z)((0,r.Z)({},e),{},{helperText:u,label:k("storage.spaces.label"),size:s,InputProps:(0,r.Z)((0,r.Z)({},e.InputProps),{},{type:"search",endAdornment:(0,ne.jsx)(G.Z,{variant:"contained",onClick:function(){return n(y)},size:"small",loading:c,disable:c,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 cr=(0,m.Z)(rr.Z)(Vt||(Vt=(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")}));lr.propTypes={onSelect:h().func.isRequired,endpoint:h().string,loading:h().bool,size:h().string,helperText:h().string,gatewayUrl:h().string},lr.defaultProps={endpoint:void 0,loading:!1,size:"small",helperText:"",gatewayUrl:""};var sr=lr,ur=["onConnect"];var dr=(0,p.forwardRef)((function(e,n){var t=e.onConnect,i=(0,o.Z)(e,ur),l=(0,le.h6)(),c=l.api,m=l.info.did,f=(0,p.useContext)(A.RD),h=f.t,x=f.locale,v=(0,Bn.y0)(),g=v.blocklet,Z=v.actions.refreshBlocklet,y=(0,p.useState)(""),b=(0,d.Z)(y,2),k=b[0],j=b[1],C=(0,p.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,W.getAppName)(g),R=(0,W.getAppDescription)(g),E=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),T=E.appUrl,S=E.isReady;function w(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,c.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(){V.Z.success(h("storage.spaces.connect.succeeded",x))})).catch((function(e){console.error(e),V.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,w(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)}}(),N=(0,p.useState)({open:!1}),I=(0,d.Z)(N,2),L=I[0],D=I[1];return(0,p.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)(sn.Z,{gutterBottom:!0,children:h("storage.spaces.authorize.success")})}})}))}),[P,x,h]),(0,p.useImperativeHandle)(n,(function(){return{getEndpoint:function(){return C.endpoint},getGatewayUrl:function(){return C.gatewayUrl}}})),(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(sr,(0,r.Z)((0,r.Z)((0,r.Z)({},i),C),{},{onSelect:function(e){(0,Qt.isEmpty)(e)?V.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:a()(e,"space/api/did"),baseUrl:new URL(e).origin,checkFn:Xt().create({baseURL:a()(e,"space")}).get,extraParams:{appDid:g.appDid,appName:P,appDescription:R,scopes:"list:object read:object write:object",appUrl:T,referrer:window.location.href,nodeDid:m},onClose:function(){D((function(e){return(0,r.Z)((0,r.Z)({},e),{},{open:!1})}))},open:!0})})))},loading:!S})),(0,ne.jsx)(An.Z,{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})]})}));dr.propTypes={onConnect:h().func},dr.defaultProps={onConnect:function(){}};var pr,mr,fr,hr,xr,vr,gr,Zr=dr,yr=["name","validation"],br=["default","key"],kr=function(e){return e.inStore&&!1===(0,W.isFreeBlocklet)(e)},jr=function(e){var n;return null===e||void 0===e||null===(n=e.capabilities)||void 0===n?void 0:n.didSpace},Cr=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},Pr=function(e){return(e.environments||[]).some((function(e){return e.required}))},Rr=function(e,n){return null===e||void 0===e?void 0:e.some((function(e){return e.required&&!n[e.key]}))},Er=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return e.title||e.name},Tr=(0,p.forwardRef)((function(e,n){var t=e.meta,o=e.isMobile,i=e.onStepChange,a=(0,In.s)(),l=a.steps,c=a.activeStep,s=a.setActiveStepByKey,u=a.setActiveStepByIndex,d=(0,A.PE)(),m=d.t,f=d.locale,h=l[c];return(0,p.useEffect)((function(){i(c)}),[i,c]),(0,p.useImperativeHandle)(n,(function(){return{setActiveStepByKey:s,setActiveStepByIndex:u}})),(0,ne.jsx)(Ir,{component:"div",className:o?"mobileStyle":"",children:(0,ne.jsx)(Nn.Z,{locale:f,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:m("blocklet.component.add"),children:(0,ne.jsx)(Ur,{children:null!==h&&void 0!==h&&h.body&&"function"===typeof h.body?h.body():h.body})})})}));function Sr(e){var n,t,i,a,c,m,f,h=e.blocklet,x=e.children,g=(0,A.PE)(),Z=g.t,y=g.locale,b=(0,p.useState)(!1),k=(0,d.Z)(b,2),j=k[0],C=k[1],P=(0,p.useState)(null),R=(0,d.Z)(P,2),E=R[0],T=R[1],S=(0,p.useState)(""),w=(0,d.Z)(S,2),_=w[0],U=w[1],N=(0,p.useState)(""),I=(0,d.Z)(N,2),L=I[0],D=I[1],O=(0,p.useState)(""),F=(0,d.Z)(O,2),z=F[0],M=F[1],K=(0,le.h6)(),Y=K.api,H=K.ws.useSubscription,X=K.inService,Q=K.info,J=(0,Bn.y0)().actions.refreshBlocklet,$=(0,p.useState)(null),ee=(0,d.Z)($,2),te=ee[0],re=ee[1],oe=(0,p.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,p.useState)(de),me=(0,d.Z)(pe,2),fe=me[0],he=me[1],xe=(0,p.useState)(0),ve=(0,d.Z)(xe,2),ge=ve[0],Ze=ve[1],ye=(0,p.useRef)({}),be=(0,p.useRef)({}),ke=(0,p.useRef)({}),je=(0,Un.Z)((function(e){return e.breakpoints.down("md")})),Ce=ye.current.meta,Re=(be.current||{}).setActiveStepByIndex,Ee=Q.mode===B.NODE_MODES.SERVERLESS,Se=function(e){return he((function(n){return(0,r.Z)((0,r.Z)({},n),e)}))};(0,p.useEffect)((function(){if(fe.pathPrefix){var e=Le((0,r.Z)((0,r.Z)({},fe),{},{pathPrefix:fe.pathPrefix,locale:y})).errMsg;U(e)}}),[fe.pathPrefix]),(0,p.useEffect)((function(){0===ge&&he(de)}),[ge]);var we=function(){var e;return null!==ye&&void 0!==ye&&null!==(e=ye.current)&&void 0!==e&&e.meta?(0,W.getDisplayName)(ye.current):""},_e=function(e){!function n(t){Se({installResultProps:{variant:"error",title:we(),subTitle:e,footer:(0,ne.jsx)(G.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(ye.current.installInput);case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),children:(0,ne.jsxs)(v.Z,{display:"flex",alignItems:"center",children:[t&&(0,ne.jsx)(q.Z,{size:16,style:{marginRight:8}}),Z("common.retry")]})})}})}()},Ue=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===h||void 0===h||null===(r=h.meta)||void 0===r?void 0:r.did)&&e(n)}};H(ie.BlockletEvents.statusChange,Ue((function(e){if(e.status===ie.BlockletStatus.upgrading)Se({installResultProps:{variant:"success",title:we(),subTitle:Z("blocklet.component.installSuccessTip")}})})),[null===h||void 0===h||null===(n=h.meta)||void 0===n?void 0:n.did]),H(ie.BlockletEvents.downloadFailed,Ue((function(){_e(Z("blocklet.component.installComponentError"))})),[null===h||void 0===h||null===(t=h.meta)||void 0===t?void 0:t.did]),H(ie.BlockletEvents.installFailed,Ue((function(){_e(Z("blocklet.component.installComponentError"))})),[null===h||void 0===h||null===(i=h.meta)||void 0===i?void 0:i.did]);var Ne=function(){C(!1),D(!1),he({}),ye.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,x,v,g,Z,y,b,k,j,P,R,E,T,S,w;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=ye.current)||void 0===t?void 0:t.meta)||{},f=m.configs,x=void 0===f?[]:f,v=m.registryUrl,g=m.inStore,Z=m.inputUrl,y=null===(o=ye.current)||void 0===o?void 0:o.downloadTokenList,b=g?(0,ce.Rn)(v,a):Z,C(!0),k=(0,r.Z)((0,r.Z)((0,r.Z)({rootDid:h.meta.did,url:b,mountPoint:Xe()(i),title:l,name:u,did:p},fe.hasEnvironmentsStep&&x.length>0?{configs:x.map((function(e){return(0,r.Z)((0,r.Z)({},e),{},{value:fe.configsValue[e.key]||""})}))}:{}),y?{downloadTokenList:y}:{}),n),e.prev=6,e.next=9,Y.installComponent({input:k});case 9:if(!v){e.next=15;break}if(j=(0,ce.dX)({fromBlocklet:X,nodeInfo:Q,blocklet:h}),P=j.teamDid,R=j.storeList,E=(0,ce.bQ)(v,R),T=E.isNew,S=E.decoded,!T){e.next=15;break}return e.next=15,Y.addBlockletStore({input:{teamDid:P,url:S}});case 15:Se({installResultProps:{}}),J({showError:!1,attachRuntimeInfo:!1}),e.next=25;break;case 19:e.prev=19,e.t0=e.catch(6),w=(0,ce.Z)(e.t0),V.Z.error(w),console.error("installComponent error: ",e.t0),_e(w);case 25:return e.prev=25,C(!1),ye.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)}}(),Le=function(e){return{errMsg:(0,lt.Rw)({params:(0,r.Z)((0,r.Z)({},e),{},{did:e.bundleDid}),blocklets:[h],blocklet:h,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=Le((0,r.Z)((0,r.Z)({},fe),{},{locale:y})),o=t.errMsg,U(o),ge!==qe.length-2){e.next=5;break}return e.next=5,Ie(n);case 5:Re((function(e){return e+1}));case 6:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),Oe=function(){Re((function(e){return e-1}))},Be=function(e){var n,t,i=e.chooseParams,a=void 0===i?ye.current:i,c=e.componentDid,s=e.isInit,u=void 0!==s&&s,d=a.meta,p=a.registryUrl,m=a.inStore,f=a.inputUrl,x=d.did,v=d.title,g=d.name,Z=((null===(n=h.settings)||void 0===n?void 0:n.children)||[]).filter((function(e){return"deleted"===e.status&&e.meta.bundleDid===x})),y=c||"",b=null===(t=d.environments)||void 0===t?void 0:t.map((function(e){var n=e.name,t=e.validation,i=(0,o.Z)(e,yr),a={validation:En()(t)?"":t};return(0,r.Z)((0,r.Z)({},i),{},{key:n},a)}));ye.current=(0,r.Z)((0,r.Z)({},a),{},{meta:(0,r.Z)((0,r.Z)({},d),{},{configs:b,registryUrl:p,inStore:m,inputUrl:f})});var k={};if(u){var j=[h],C=b||[],P=bn()(jn()([].concat((0,l.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})),R=(0,W.getSharedConfigObj)(j[0],{configs:P}),E={},T=P.map((function(e){var n=e.default,t=e.key,i=(0,o.Z)(e,br);return E[t]=R[t]||n,(0,r.Z)((0,r.Z)({},i),{},{key:t,hidden:!!ie.BLOCKLET_CONFIGURABLE_KEY[t]})}));k=(0,r.Z)((0,r.Z)({},k),{},{configsList:T,configsValue:E,hasMissRequiredConfigs:Rr(T,E)})}var S,w,_=h.children.some((function(e){return"/"===e.mountPoint})),U=Z.find((function(e){return e.meta.bundleDid===x}));U?k=(0,r.Z)((0,r.Z)({},k),{},{pathPrefix:U.mountPoint,title:v||"",componentName:U.meta.name,hasEnvironmentsStep:!1}):k=(0,r.Z)((0,r.Z)({},k),{},{pathPrefix:_?"/".concat(Xe()(v)||Xe()(g)):"/",title:v||"",componentName:"",hasEnvironmentsStep:(null===(S=ye.current.meta)||void 0===S||null===(w=S.environments)||void 0===w?void 0:w.length)>0});var N=kr(ye.current.meta),I=jr(ye.current.meta),L=Cr(h);Se((0,r.Z)((0,r.Z)({bundleDid:x,componentDid:y},k),{},{hasRequiredEnvironments:Pr(ye.current.meta),requirePurchase:N,didSpaceCapability:I,didSpaceEndpoint:L})),u&&N&&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=(ye.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:h.meta.did,mountPoint:e,url:p,title:t,name:o,did:a}})}()},qe=[{key:"selectComponent",name:Z("blocklet.component.selectComponent"),body:(0,ne.jsxs)(_r,{component:"div",children:[fe.showFromUrlDialog&&(0,ne.jsx)(yt,{mode:"component",onCancel:function(){Se({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}),Se({showFromUrlDialog:!1}),De()},handleText:{title:Z("blocklet.component.addComponentTip.fromUrl"),confirm:Z("blocklet.component.choose")}}),(0,ne.jsx)(It,{extra:Ee?null:(0,ne.jsxs)(G.Z,{variant:"text",color:"primary","data-cy":"add-component-from-url",onClick:function(){Se({showFromUrlDialog:!0})},style:{padding:"0 2px"},children:[(0,ne.jsx)(_n.Z,{style:{fontSize:20,marginRight:4}})," ",Z("blocklet.component.addComponentTip.fromUrl")," "]}),loading:j,onChange:function(){he({}),ye.current={}},children:function(e){var n=e.currentRegistry;return(0,ne.jsx)(Kt,{serverVersion:null===Q||void 0===Q?void 0:Q.version,style:je?{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)(Dr,{children:[r&&(0,ne.jsx)("div",{className:"check-container",children:(0,ne.jsx)(Te.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!(h.children||[]).some((function(n){return n.meta.did===e.did}))}))}})}})]}),cancel:Z("common.cancel"),confirm:Er(fe)?Z("blocklet.component.addNext",{name:Er(fe)}):Z("common.next"),onCancel:Ne,onConfirm:function(){De()}},{key:"agreement",name:Z("launchBlocklet.introduction"),body:(0,ne.jsxs)(_r,{component:"div",className:"agreement-wrapper",children:[(0,ne.jsx)(Tn.Z,{title:Z("launchBlocklet.introduction"),subTitle:Z("blocklet.component.addComponentTip.introduction")}),(0,ne.jsx)(mt,{meta:Ce,onClickNext:De,handleDescEle:(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("p",{children:(0,ne.jsx)("div",{dangerouslySetInnerHTML:{__html:Z("blocklet.component.addComponentTip.".concat(fe.requirePurchase?"isPurchase":"isFree"),{name:we()})}})}),(0,ne.jsx)("p",{children:Z("blocklet.component.addComponentTip.belowInformation")})]})})]}),cancel:Z("common.pre"),confirm:Z("launchBlocklet.next"),onCancel:Oe,onConfirm:function(){ue(!1),De()}},Ce&&fe.requirePurchase&&{key:"purchase",name:(0,ne.jsxs)(ne.Fragment,{children:[Z("common.verifyNFT"),(0,ne.jsx)(Fn.Z,{})]}),body:(0,ne.jsxs)(_r,{component:"div",className:"flex-align-center",style:{flexDirection:"column"},children:[!(2===(null===(a=ke.current)||void 0===a||null===(c=a.getCurrentStep)||void 0===c?void 0:c.call(a))||se)&&(0,ne.jsx)(Lr,{title:Z("common.verifyNFT"),subTitle:Z("blocklet.component.addComponentTip.verifyNFT")}),Pn()(fe.purchaseResultProps)?te&&(0,ne.jsx)(at,{ref:ke,meta:te.meta,mode:fe.componentDid?"verify":"both",onCancel:function(e){ue(!1),Se({purchaseResultProps:{variant:"error",title:we(),subTitle:e,style:{paddingTop:120},footer:(0,ne.jsx)(G.Z,{className:"bottom-button","data-cy":"retry-purchase-component",onClick:function(){Se({purchaseResultProps:{}})},children:Z("common.retry")})}})},installOpts:te.installOpts,handlePaySuccess:function(e){var n=e.downloadTokenList;ye.current.downloadTokenList=n,ue(!1),De()}}):(0,ne.jsx)("div",{className:"flex-align-center flex-justify-center",children:(0,ne.jsx)(On.Z,(0,r.Z)({},fe.purchaseResultProps))})]}),disabled:2===(null===(m=ke.current)||void 0===m||null===(f=m.getCurrentStep)||void 0===f?void 0:f.call(m))||se,cancel:Z("common.pre"),confirm:Z("common.next"),onConfirm:function(){"function"===typeof ke.current.onNext&&(ke.current.onNext(),ue(!0))},onCancel:function(){Oe()}},(0,W.hasStartEngine)(Ce)&&{key:"config",name:Z("common.config"),error:_,body:(0,ne.jsxs)(_r,{component:"div",children:[(0,ne.jsx)(Lr,{title:Z("common.config"),subTitle:Z("blocklet.component.addComponentTip.config")}),(0,ne.jsx)(Pe.Z,{label:Z("blocklet.component.mountPoint"),autoComplete:"off",variant:"outlined",name:"pathPrefix",inputProps:{"data-cy":"mount-point-input"},fullWidth:!0,helperText:z||Z("blocklet.component.mountPointTip"),style:{marginBottom:32},margin:"normal",value:fe.pathPrefix,onChange:function(e){var n=e.target.value;Se({pathPrefix:n}),M(Z("common.slugifyHint",{value:(0,ce.LN)(n)}))}}),!!_&&(0,ne.jsx)(Ln.Z,{type:"error",style:{width:"100%",marginTop:8},children:_})]}),cancel:Z("common.pre"),confirm:Z("common.next"),onCancel:Oe,onConfirm:function(){De()}},Ce&&(null===fe||void 0===fe?void 0:fe.hasEnvironmentsStep)&&{key:"environment",name:(0,ne.jsxs)(ne.Fragment,{children:[Z("common.environment")," ",fe.hasRequiredEnvironments&&(0,ne.jsx)(Fn.Z,{})]}),disabled:!!E||(null===fe||void 0===fe?void 0:fe.hasMissRequiredConfigs),body:function(){return(0,ne.jsxs)(_r,{component:"div",children:[(0,ne.jsx)(Lr,{title:Z("common.environment"),subTitle:Z("blocklet.component.addComponentTip.environment")}),(0,ne.jsx)(qn.Z,{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&&Se({hasMissRequiredConfigs:Rr(fe.configsList,o),configsValue:o}),"edit"===t?T(r):["cancel","confirm"].includes(t)&&T(null)}})]})},cancel:Z("common.pre"),confirm:Z("common.next"),onCancel:Oe,onConfirm:De},Ce&&(null===fe||void 0===fe?void 0:fe.didSpaceCapability)&&{key:"didSpace",name:(0,ne.jsxs)(ne.Fragment,{children:[Z("blocklet.component.didSpaceConfig")," ","required"===fe.didSpaceCapability&&(0,ne.jsx)(Fn.Z,{})]}),disabled:"required"===fe.didSpaceCapability&&!fe.didSpaceEndpoint,body:function(){return(0,ne.jsxs)(_r,{component:"div",children:[(0,ne.jsx)(Lr,{title:Z("blocklet.component.didSpaceConfig"),subTitle:Z("blocklet.component.didSpaceConfigTip")}),(0,ne.jsx)(v.Z,{sx:{mt:"36px","& > div":{maxWidth:"unset !important","& .MuiAutocomplete-root":{maxWidth:"unset !important"}}},children:(0,ne.jsx)(Zr,{sx:{"& .MuiFormHelperText-root":{wordBreak:"break-all"}},helperText:fe.didSpaceEndpoint&&Z("blocklet.component.didSpaceConnected",{endpoint:fe.didSpaceEndpoint}),onConnect:function(){De()}})})]})},cancel:Z("common.pre"),confirm:Z("common.next"),onCancel:Oe,onConfirm:De},{key:"install",name:Z("common.install"),disabled:!1,loading:!1,body:(0,ne.jsx)(_r,{component:"div",className:"flex-justify-center flex-align-center",style:{flexDirection:"column"},children:Pn()(fe.installResultProps)?(0,ne.jsx)(Dn.Z,{message:(0,ne.jsx)(Or,{children:Z("blocklet.component.installingCanCloseWindowTip")}),increaseSpeed:.3,messageLoop:!1}):(0,ne.jsx)("div",{style:{marginTop:120},children:(0,ne.jsx)(On.Z,(0,r.Z)({},fe.installResultProps))})}),confirm:Z("common.complete"),onConfirm:function(){Ne(),setTimeout((function(){var e=document.getElementsByClassName("dashboard-main")[0];e&&(e.scrollTop=e.scrollHeight)}),200)}}].filter((function(e){return e})),Fe=qe[ge]||{},Ae=function(e){e.stopPropagation(),D(!0)},Ge=ge<qe.length-1;return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof x?x({loading:j,open:Ae}):(0,ne.jsxs)(wn.Z,{onClick:Ae,className:"component-action","data-cy":"action-add-component",children:[j?(0,ne.jsx)(q.Z,{size:16}):(0,ne.jsx)(_n.Z,{style:{fontSize:18,marginRight:5}}),Z("blocklet.component.add")]}),L&&(0,ne.jsx)(wr,{title:Z("blocklet.component.addWithName",{name:(0,W.getDisplayName)(h)}),maxWidth:!1,fullWidth:!1,PaperProps:{style:je?{width:"100%",height:window.innerHeight}:{maxWidth:1350,minWidth:930,width:"80%"}},onClose:function(e,n){var t,r;"backdropClick"!==n&&(null===(t=qe[0])||void 0===t||null===(r=t.onCancel)||void 0===r||r.call(t))},showCloseButton:Ge,disableEscapeKeyDown:!0,open:!0,actions:(0,ne.jsxs)(ne.Fragment,{children:[Fe.cancel&&(0,ne.jsx)(G.Z,{onClick:function(e){e.stopPropagation(),Fe.onCancel()},disabled:ge===qe.length-2&&j,color:"inherit",children:Fe.cancel||Z("common.cancel")}),Fe.confirm&&(0,ne.jsx)(G.Z,{onClick:function(e){e.stopPropagation(),Fe.onConfirm()},color:"primary","data-cy":"submit-confirm-next",disabled:j||("boolean"===typeof Fe.disabled?Fe.disabled:!(!j&&!Fe.error&&fe.bundleDid)||ge>0&&!fe.pathPrefix),variant:"contained",autoFocus:!0,title:Fe.confirm,style:{marginLeft:8,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:"140px",maxWidth:"280px",textAlign:"center"},children:(0,ne.jsxs)(v.Z,{display:"flex",alignItems:"center",children:[("boolean"===typeof Fe.loading?Fe.loading:j)&&(0,ne.jsx)(q.Z,{style:{marginRight:8},size:16}),Fe.confirm]})})]}),children:(0,ne.jsx)(In.W,{steps:qe,mode:"memory",children:(0,ne.jsx)(Tr,{ref:be,meta:Ce,isMobile:je,onStepChange:function(e){Ze(e)}})})})]})}Tr.propTypes={meta:h().any,onStepChange:h().func.isRequired,isMobile:h().bool.isRequired},Tr.defaultProps={meta:null},Sr.propTypes={children:h().any,blocklet:h().object.isRequired},Sr.defaultProps={children:null};var wr=(0,m.Z)(ke.ZP)(pr||(pr=(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"]))),_r=(0,m.Z)(sn.Z)(mr||(mr=(0,c.Z)(["\n  width: 100%;\n  height: 100%;\n"]))),Ur=m.Z.div(fr||(fr=(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"]))),Nr=function(e){return e.isMobile?"\n          height: calc(100vh - 56px - 64px - 48px);\n        ":""},Ir=(0,m.Z)(Sn.Z)(hr||(hr=(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 Nr(e)}),(function(e){return Nr(e)})),Lr=(0,m.Z)(Tn.Z)(xr||(xr=(0,c.Z)(["\n  margin-bottom: 24px;\n"]))),Dr=m.Z.div(vr||(vr=(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})),Or=m.Z.div(gr||(gr=(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})),Br=function(e){return e.children.filter((function(e){return e.meta.interfaces.find((function(e){return e.type===ie.BLOCKLET_INTERFACE_TYPE_WEB}))}))};function qr(e){var n=e.params,t=e.setParams,o=e.setError,i=e.serviceTypes,a=(0,A.PE)().t,l=(0,Bn.y0)().blocklet,c=l.meta.did,s=Br(l),u=(0,p.useState)([]),m=(0,d.Z)(u,2),f=m[0],h=m[1],x={301:a("common.redirectPermanently"),302:a("common.redirectTemporary"),307:a("common.redirectTemporary"),308:a("common.redirectPermanently")};return(0,p.useEffect)((function(){if(n.type===B.ROUTING_RULE_TYPES.COMPONENT&&n.componentId){var e=s.find((function(e){return e.meta.did===n.componentId})),o=(0,W.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"}),h(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)(Pe.Z,{select:!0,label:a("router.domain.add.type"),autoComplete:"off",variant:"outlined",name:"type","data-cy":"domain-add-type",fullWidth:!0,value:n.type,onChange:function(e){o(""),t((0,r.Z)((0,r.Z)({},n),{},{type:e.target.value,did:e.target.value===B.ROUTING_RULE_TYPES.BLOCKLET?c:"",__disableConfirm:!1}))},style:{marginBottom:32},SelectProps:{},children:i.map((function(e){var n=e.name,t=e.value;return(0,ne.jsx)(wn.Z,{value:t,children:n},t)}))}),n.type===B.ROUTING_RULE_TYPES.REDIRECT&&[(0,ne.jsx)(Pe.Z,{select:!0,label:a("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(x).map((function(e){return(0,ne.jsx)(wn.Z,{value:e,children:"".concat(x[e]," - ").concat(e)},e)}))},"redirectCode"),(0,ne.jsx)(Pe.Z,{label:a("common.redirectUrl"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"redirect-url-input",fullWidth:!0,value:n.url,helperText:a("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()?o(""):o(a("router.validation.redirectUrlRequired"))}},"redirectUrl")],n.type===B.ROUTING_RULE_TYPES.COMPONENT&&[(0,ne.jsx)(Pe.Z,{select:!0,label:a("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:s.map((function(e){return(0,ne.jsx)(wn.Z,{value:e.meta.did,selected:e.meta.did===n.componentId,children:(0,W.getDisplayName)(e,!0)},e.meta.did)}))},"componentId"),f.length?(0,ne.jsx)(Pe.Z,{select:!0,label:a("router.domain.add.pageGroup"),autoComplete:"off",variant:"outlined",name:"pageGroup","data-cy":"route-group-input",fullWidth:!0,value:n.pageGroup,helperText:a("router.domain.add.pageGroupTip"),style:{marginBottom:32},onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{pageGroup:e.target.value}))},SelectProps:{},children:f.map((function(e){return(0,ne.jsx)(wn.Z,{value:e.value,selected:e.value===n.pageGroup,children:e.label},e.label)}))},"pageGroup"):null].filter(Boolean),n.type===B.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(0,ne.jsx)(Pe.Z,{label:a("common.rewriteUrl"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"rewrite-url-input",fullWidth:!0,value:n.url,helperText:a("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()?o(""):o(a("router.validation.rewriteUrlRequired"))}},"url")]})}function Fr(e){var n=e.children,t=(0,A.PE)().t,o=(0,le.h6)().api,i=(0,Bn.y0)().blocklet,a=(0,p.useState)(!1),l=(0,d.Z)(a,2),c=l[0],m=l[1],f=(0,p.useState)(null),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=i.meta.did,Z=i.site.id,y=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var r,i;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,(0,lt.fX)(n,t);case 3:if(!(r=e.sent)){e.next=6;break}throw r;case 6:return m(!0),i={from:{pathPrefix:Xe()(n.pathPrefix)},to:{type:n.type}},n.type===B.ROUTING_RULE_TYPES.REDIRECT&&(i.to.url=n.url.trim(),i.to.redirectCode=n.redirectCode),n.type===B.ROUTING_RULE_TYPES.COMPONENT&&(i.to.did=g,i.to.componentId=n.componentId,i.to.pageGroup=n.pageGroup),n.type===B.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(i.to.url=Xe()(n.url)),e.next=13,o.addRoutingRule({input:{id:Z,rule:i,teamDid:g}});case 13:e.next=18;break;case 15:e.prev=15,e.t0=e.catch(0),V.Z.error(e.t0.message);case 18:return e.prev=18,m(!1),v(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)}}(),b={title:t("router.rule.add.title"),description:function(e,n,o){return(0,ne.jsxs)(sn.Z,{component:"div",children:[(0,ne.jsx)(Pe.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(a){var l=!1,c=(0,lt.Rw)({params:(0,r.Z)((0,r.Z)({},e),{},{pathPrefix:a.target.value}),blocklets:[i]});o(c),e.type===B.ROUTING_RULE_TYPES.BLOCKLET&&c&&(l=!0),e.type!==B.ROUTING_RULE_TYPES.REDIRECT||e.url||(l=!0),e.type!==B.ROUTING_RULE_TYPES.GENERAL_REWRITE||e.url||(l=!0),a.target.value.trim()||(l=!0,o(t("router.validation.pathPrefixRequired"))),l||o("");var s=t("common.slugifyHint",{value:(0,ce.LN)(a.target.value)});n((0,r.Z)((0,r.Z)({},e),{},{pathPrefix:a.target.value,pathPrefixHint:s,__disableConfirm:l}))}}),(0,ne.jsx)(qr,{params:e,setParams:function(e){o(null),(0,lt.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:B.ROUTING_RULE_TYPES.REDIRECT,componentId:"",pageGroup:"",redirectCode:302,__disableConfirm:!0},onConfirm:y,onCancel:function(){m(!1),v(null)}},k=function(e){e.stopPropagation(),v(b)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof n?n({loading:c,open:k}):(0,ne.jsxs)(wn.Z,{onClick:k,className:"rule-action","data-cy":"action-add-rule",children:[c?(0,ne.jsx)(q.Z,{size:16}):(0,ne.jsx)(_n.Z,{style:{fontSize:18,marginRight:5}}),t("router.rule.add.title")]}),x&&(0,ne.jsx)(ae.Z,{title:x.title,description:x.description,confirm:x.confirm,cancel:x.cancel,params:x.params,onConfirm:x.onConfirm,onCancel:x.onCancel,color:"primary"})]})}qr.propTypes={params:h().object,serviceTypes:h().array,setParams:h().func,setError:h().func},qr.defaultProps={params:{},serviceTypes:[{name:"Redirect",value:B.ROUTING_RULE_TYPES.REDIRECT},{name:"Default - User will see the 404 page",value:B.ROUTING_RULE_TYPES.NONE},{name:"Rewrite - Route traffic without redirect",value:B.ROUTING_RULE_TYPES.GENERAL_REWRITE},{name:"Component - Pass traffic to blocklet component",value:B.ROUTING_RULE_TYPES.COMPONENT}],setParams:function(){},setError:function(){}},Fr.propTypes={children:h().any},Fr.defaultProps={children:null};var Ar=t(87862);function Gr(e){var n=e.id,t=e.from,r=e.children,o=(0,A.PE)().t,i=(0,le.h6)().api,a=(0,Bn.y0)().blocklet,l=(0,p.useState)(!1),c=(0,d.Z)(l,2),m=c[0],f=c[1],h=(0,p.useState)(null),x=(0,d.Z)(h,2),v=x[0],g=x[1],Z=a.meta.did,y=a.site.id,b=t.pathPrefix,k=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 f(!0),e.prev=1,e.next=4,i.deleteRoutingRule({input:{id:y,ruleId:n,teamDid:Z}});case 4:e.next=9;break;case 6:e.prev=6,e.t0=e.catch(1),V.Z.error(e.t0.message);case 9:return e.prev=9,g(null),f(!1),e.finish(9);case 13:case"end":return e.stop()}}),e,null,[[1,6,9,13]])})));return function(){return e.apply(this,arguments)}}(),j={keyName:b,title:o("router.rule.delete.title"),description:o("router.rule.delete.description",{name:"<b>".concat(b,"</b>")}),confirmPlaceholder:o("router.rule.delete.confirm_desc",{name:b}),confirm:o("common.delConfirm"),cancel:o("router.rule.delete.cancel"),onConfirm:k,onCancel:function(){f(!1),g(null)}},C=function(e){e.stopPropagation(),g(j)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof r?r({loading:m,open:C}):(0,ne.jsxs)(wn.Z,{onClick:C,className:"rule-action","data-cy":"action-delete-rule",children:[m?(0,ne.jsx)(q.Z,{size:16}):(0,ne.jsx)(I.default,{style:{fontSize:18,marginRight:5}}),o("router.rule.delete.title")]}),v&&(0,ne.jsx)(St,{keyName:v.keyName,title:v.title,description:v.description,confirmPlaceholder:v.confirmPlaceholder,confirm:v.confirm,cancel:v.cancel,params:v.params,onConfirm:v.onConfirm,onCancel:v.onCancel})]})}function zr(e){var n=e.id,t=e.from,o=e.to,i=e.children,a=(0,A.PE)().t,l=(0,le.h6)().api,c=(0,Bn.y0)().blocklet,m=(0,p.useState)(!1),f=(0,d.Z)(m,2),h=f[0],x=f[1],v=(0,p.useState)(null),g=(0,d.Z)(v,2),Z=g[0],y=g[1],b=c.meta.did,k=c.site.id,j=t.pathPrefix,C=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,lt.fX)(t,a);case 3:if(!(r=e.sent)){e.next=6;break}throw r;case 6:return x(!0),o={id:n,from:{pathPrefix:Xe()(t.pathPrefix)},to:{type:t.type}},t.type===B.ROUTING_RULE_TYPES.REDIRECT&&(o.to.url=t.url,o.to.redirectCode=t.redirectCode),t.type===B.ROUTING_RULE_TYPES.COMPONENT&&(o.to.did=b,o.to.componentId=t.componentId,o.to.pageGroup=t.pageGroup),t.type===B.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(o.to.url=Xe()(t.url)),e.next=13,l.updateRoutingRule({input:{id:k,rule:o,teamDid:b}});case 13:e.next=18;break;case 15:e.prev=15,e.t0=e.catch(0),V.Z.error(e.t0.message);case 18:return e.prev=18,x(!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)}}(),P={title:a("router.rule.update.title"),description:function(e,n,t){return(0,ne.jsxs)(sn.Z,{component:"div",children:[(0,ne.jsx)(Pe.Z,{label:a("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix","data-cy":"path-prefix-input",fullWidth:!0,autoFocus:!0,helperText:e.helperText||a("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:e.pathPrefix,onChange:function(o){var i=!1;e.type!==B.ROUTING_RULE_TYPES.REDIRECT||e.url||(i=!0),e.type!==B.ROUTING_RULE_TYPES.GENERAL_REWRITE||e.url||(i=!0),o.target.value.trim()||(i=!0,t(a("router.validation.pathPrefixRequired"))),i||t("");var l=a("common.slugifyHint",{value:(0,ce.LN)(o.target.value)});n((0,r.Z)((0,r.Z)({},e),{},{pathPrefix:o.target.value,helperText:l,__disableConfirm:i}))}}),(0,ne.jsx)(qr,{params:e,setParams:function(e){(0,lt.fX)(e,a)?n((0,r.Z)((0,r.Z)({},e),{},{__disableConfirm:!0})):n((0,r.Z)({},e))},setError:t})]})},confirm:a("router.rule.update.confirm"),cancel:a("router.rule.update.cancel"),color:"primary",params:{did:o.did||"",pathPrefix:"/"===j?j:j.replace(/^\/+/,"").replace(/\/+$/,""),type:o.type||B.ROUTING_RULE_TYPES.BLOCKLET,redirectCode:o.redirectCode||302,componentId:o.componentId||"",pageGroup:o.pageGroup||"",url:o.url||"",__disableConfirm:!1},onConfirm:C,onCancel:function(){x(!1),y(null)}},R=function(e){e.stopPropagation(),y(P)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof i?i({loading:h,open:R}):(0,ne.jsxs)(wn.Z,{onClick:R,className:"rule-action","data-cy":"action-update-rule",children:[h?(0,ne.jsx)(q.Z,{size:16}):(0,ne.jsx)(be.default,{style:{fontSize:18,marginRight:5}}),a("router.rule.update.title")]}),Z&&(0,ne.jsx)(ae.Z,{title:Z.title,description:Z.description,confirm:Z.confirm,color:Z.color,cancel:Z.cancel,params:Z.params,onConfirm:Z.onConfirm,onCancel:Z.onCancel})]})}function Wr(e){var n=(0,A.PE)().locale,t=(0,Bn.y0)(),o=t.blocklet,i=t.recommendedDomain,a=(0,ce.Sk)(i,e.from.pathPrefix,(0,ce.f0)(o,n));return(0,ne.jsxs)(v.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)("a",{target:"_blank",href:a,rel:"noopener noreferrer",title:a,children:(0,ne.jsx)(k.Z,{size:"small",children:(0,ne.jsx)(E.Z,{})})}),(0,ne.jsx)(zr,(0,r.Z)((0,r.Z)({},e),{},{children:function(n){var t=n.open;return(0,ne.jsx)(k.Z,{size:"small",onClick:t,disabled:e.isProtected,"data-cy":"action-update-rule",children:(0,ne.jsx)(P.Z,{})})}})),(0,ne.jsx)(Gr,(0,r.Z)((0,r.Z)({},e),{},{children:function(n){var t=n.open;return(0,ne.jsx)(k.Z,{size:"small",onClick:t,disabled:e.isProtected,"data-cy":"action-delete-rule",children:(0,ne.jsx)(I.default,{})})}}))]})}Gr.propTypes={id:h().string.isRequired,from:h().object.isRequired,children:h().any},Gr.defaultProps={children:null},zr.propTypes={id:h().string.isRequired,from:h().object.isRequired,to:h().object.isRequired,children:h().any},zr.defaultProps={children:null},Wr.propTypes={isProtected:h().bool},Wr.defaultProps={isProtected:!1};var Mr=["group"];function Kr(e){var n=e.group,t=(0,o.Z)(e,Mr);return n?(0,ne.jsx)(X.Z,(0,r.Z)((0,r.Z)({type:"reverse"},t),{},{children:n})):null}function Vr(e){var n=e.domain,t=e.isHttps,r=e.toUrl,o=t?"https":"http",i=r;return $t()(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 Yr(e){var n=e.hasPermission,t=(0,A.PE)(),o=t.t,i=t.locale,a=(0,Et.Z)(),l=(0,Bn.y0)(),c=l.blocklet,s=l.recommendedDomain;return c.site.rules.filter((function(e){return e.to.type!==B.ROUTING_RULE_TYPES.BLOCKLET})).map((function(e){var t=null,l=null;e.to.type===B.ROUTING_RULE_TYPES.NONE?t="404":e.to.type===B.ROUTING_RULE_TYPES.REDIRECT?t=e.to.redirectCode:e.to.type===B.ROUTING_RULE_TYPES.GENERAL_REWRITE?t="R":e.to.type===B.ROUTING_RULE_TYPES.COMPONENT&&(l=c.children.find((function(n){return n.meta.did===e.to.componentId})),t="C");var u=e.isProtected?(0,ne.jsx)(S.Z,{title:o("blocklet.router.urlLockTooltip"),placement:"top",children:(0,ne.jsx)("span",{children:(0,ne.jsx)(k.Z,{disabled:!0,size:"small",style:{pointerEvents:"auto",paddingTop:0,paddingBottom:0,margin:"12px 0"},children:(0,ne.jsx)(Ar.Z,{style:{fill:a.palette.text.disabled}})})})}):(0,ne.jsx)(Wr,(0,r.Z)({},e));return[(0,ne.jsxs)(v.Z,{display:"flex",py:2,className:"component-item",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)(v.Z,{width:{xs:300,md:400},display:"flex",alignItems:"center",children:[(0,ne.jsx)(v.Z,{width:28}),"object"===typeof t?t:(0,ne.jsx)(nr.Z,{children:t}),(0,ne.jsxs)(v.Z,{ml:2,children:[(0,ne.jsxs)(v.Z,{style:{color:"#222",fontSize:16},children:[e.to.type===B.ROUTING_RULE_TYPES.NONE&&o("common.page404"),e.to.type===B.ROUTING_RULE_TYPES.REDIRECT&&o("common.redirect"),e.to.type===B.ROUTING_RULE_TYPES.GENERAL_REWRITE&&o("common.rewrite"),e.to.type===B.ROUTING_RULE_TYPES.COMPONENT&&(0,W.getDisplayName)(l,!0)]}),(0,ne.jsxs)(v.Z,{display:"flex",alignItems:"center",children:[e.to.type===B.ROUTING_RULE_TYPES.REDIRECT&&(0,ne.jsx)(Vr,{domain:s,toUrl:e.to.url}),e.to.type===B.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(0,ne.jsx)(Vr,{domain:s,toUrl:e.to.url}),e.to.type===B.ROUTING_RULE_TYPES.COMPONENT&&(0,ne.jsx)(Kr,{group:e.to.pageGroup})]})]})]}),(0,ne.jsx)(v.Z,{px:2,sx:{display:{xs:"none",md:"flex"}},alignItems:"center",flexGrow:"1",children:(0,ne.jsx)(ee.Z,{href:(0,ce.Sk)(s,e.from.pathPrefix,(0,ce.f0)(c,i)),target:"_blank",style:{fontSize:16},underline:"hover",children:e.from.pathPrefix})},e.from.pathPrefix),(0,ne.jsx)(v.Z,{children:n&&(0,ne.jsx)("div",{style:{textAlign:"right"},children:u})},"actions")]},"rule"),(0,ne.jsx)(Zn.Z,{},"divider")]}))}Kr.propTypes={group:h().string.isRequired},Vr.propTypes={domain:h().string.isRequired,toUrl:h().string.isRequired,isHttps:h().bool},Vr.defaultProps={isHttps:!1},Yr.propTypes={hasPermission:h().bool},Yr.defaultProps={hasPermission:!1};var Hr=(0,se.V)(Yr,"mutate_blocklets"),Xr=(0,se.V)(Yr,"",ce.Wf);function Qr(e){return(0,le.h6)().inService?(0,ne.jsx)(Xr,(0,r.Z)({},e)):(0,ne.jsx)(Hr,(0,r.Z)({},e))}var Jr,$r,eo,no=t(80714),to=["blocklet","onUpdate","getComponentUrl"],ro=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)(X.Z,{children:e.version})}]:[]},oo=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}},io=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 ao(e){var n,t,r,o,i=e.blocklet,a=e.ancestors,l=e.depth,c=e.onRemove,m=e.onStart,f=e.onStop,h=e.onRestart,y=e.onReload,b=e.getComponentUrl,j=e.app,C=(0,p.useContext)(A.RD),T=C.t,w=C.locale,_=(0,p.useState)(),L=(0,d.Z)(_,2),D=L[0],B=L[1],q=(0,p.useState)(!1),G=(0,d.Z)(q,2),z=G[0],M=G[1],V=(0,p.useState)(!1),Q=(0,d.Z)(V,2),J=Q[0],$=Q[1],ee=(0,p.useState)(null),oe=(0,d.Z)(ee,2),ie=oe[0],le=oe[1],se=(0,Y.K)().deletingBlocklets,ue=i.status;1===l&&se.includes(i.meta.did)&&(ue="deleting");var de,pe="/".concat(i.mountPoint||"/").replace(/\/+/g,"/"),me=b(pe),xe=D?oo(D):{},ge=D?[{name:T("common.name"),value:(0,W.getDisplayName)(D,!0)},{name:T("common.version"),value:(0,ne.jsx)(fe,{blocklet:D,checkUpgrade:!1})},{name:T("common.status"),value:(0,ne.jsx)(re.Z,{status:ue,source:D.source})},"running"===i.status?{name:T("blocklet.startedAt"),value:(0,ce.B2)(i.startedAt,w)}:null,"running"!==i.status?{name:T("blocklet.stoppedAt"),value:(0,ce.B2)(i.stoppedAt,w)}:null,i.installedAt?{name:T("blocklet.installedAt"),value:(0,ce.B2)(i.installedAt,w)}:null,(0,W.hasStartEngine)(i.meta)?{name:T("common.mountPoint"),value:pe}:null,D.meta.group?{name:T("common.group"),value:(0,ne.jsx)(X.Z,{type:"success",children:D.meta.group})}:null,{name:T("blocklet.overview.source"),value:(0,ne.jsx)(te,{sourceInfo:xe,blocklet:i})},{name:T("blocklet.overview.deployedFrom"),value:xe.deployedFrom||"-"},{name:T("common.did"),value:(0,ne.jsx)(H.Z,{did:D.meta.did})},{name:T("common.author"),value:(0,ce.rq)(D.meta.author)},{name:T("common.engine"),value:ro(D.engine,T).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=i.dependents)&&void 0!==n&&n.length?{name:T("common.dependents"),value:(0,ne.jsx)(v.Z,{children:i.dependents.map((function(e){return(0,ne.jsx)(v.Z,{children:"".concat(io(e.id,j)," ").concat(e.required?"(".concat(T("common.required"),")"):"")})}))})}:null,null!==(t=i.meta.resources)&&void 0!==t&&t.length?{name:T("common.resource"),value:i.meta.resources.join(", ")}:null].filter(Boolean):[],Ze=(0,W.isInProgress)(j.status),ye=(0,W.isInProgress)(i.status),be="";if(Ze||ye||1===l&&se.includes(i.meta.did))be=T("blocklet.component.tip.stopBlocklet");else if(null!==(r=i.dependents)&&void 0!==r&&r.length){var ke=i.dependents.filter((function(e){return e.required}));if(ke.length){var je=ke.map((function(e){return io(e.id,j)}));be=T("blocklet.component.tip.requiredBy",{name:je.join(", ")})}}return[(0,ne.jsxs)(co,{display:"flex",py:2,className:"component-item",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)(v.Z,{pl:2,width:{xs:300,md:400},display:"flex",alignItems:"center",children:[(0,ne.jsx)(he.Z,{blocklet:i,ancestors:a}),(0,ne.jsxs)(v.Z,{ml:"16px",children:[(0,ne.jsx)(v.Z,{className:"component-name",onClick:function(){return B(i)},children:(0,W.getDisplayName)(i,!0)}),(0,ne.jsxs)(v.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(fe,{blocklet:i,checkUpgrade:!1}),(0,ne.jsx)(ve,{style:{marginLeft:4},mode:i.mode||""}),"unknown"!==ue&&(0,ne.jsx)(re.Z,{style:{marginLeft:4},status:ue,source:i.source}),!(null===(o=i.dependents)||void 0===o||!o.length)&&(0,ne.jsx)(S.Z,{title:["".concat(T("common.dependents"),": "),i.dependents.map((function(e){return(0,ne.jsx)(v.Z,{pl:1,children:"".concat(io(e.id,j)," ").concat(e.required?"(".concat(T("common.required"),")"):"")})}))],children:(0,ne.jsx)(v.Z,{display:"flex",color:"primary.main",ml:1,children:(0,ne.jsx)(O.JO,{icon:"octicon:package-dependents-16"})})})]})]})]},i),(0,W.hasStartEngine)(i.meta)&&(0,ne.jsx)(v.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)(v.Z,{maxWidth:400,sx:{color:"secondary.main",fontSize:18,px:2},overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",children:K()(pe)})})},pe),(0,ne.jsxs)(v.Z,{display:"flex",alignItems:"center",children:[(0,W.hasStartEngine)(i.meta)&&(0,ne.jsx)(S.Z,{title:T("common.visit"),children:(0,ne.jsx)("a",{target:"_blank",href:me,rel:"noopener noreferrer",children:(0,ne.jsx)(k.Z,{size:"small",children:(0,ne.jsx)(E.Z,{})})})}),(0,W.hasStartEngine)(i.meta)&&(0,ne.jsx)(an,{blocklet:i,ancestors:a,children:function(e){var n=e.open;return(0,ne.jsx)(S.Z,{title:T("common.config"),children:(0,ne.jsx)(lo,{color:"error",badgeContent:"",variant:"dot",invisible:!(0,W.getComponentMissingConfigs)(i,a[0]).length,children:(0,ne.jsx)(k.Z,{onClick:n,size:"small",children:(0,ne.jsx)(P.Z,{})})})},"config")}}),(0,ne.jsx)(vn,{blocklet:j,component:i,onStart:m,onStop:f,disabled:!["starting","stopping"].includes(j.status)&&(0,W.isInProgress)(j.status)}),(0,ne.jsx)(no.Z,{"data-cy":"component-actions",actions:[(0,W.hasStartEngine)(i.meta)?{icon:(0,ne.jsx)(R.Z,{}),text:T("common.detail"),onClick:function(){B(i)}}:null,{icon:(0,ne.jsx)(U.default,{}),text:T("common.restart"),onClick:function(){le({title:"".concat(T("common.restart")," ").concat(i.meta.title),description:T("blocklet.action.restartDescription"),confirm:T("blocklet.action.confirmRestart"),cancel:T("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 $(!0),e.next=3,h(i);case 3:$(!1);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),onCancel:function(){return le(null)}})},disabled:Ze||ye||"running"!==i.status},{icon:(0,ne.jsx)(N.Z,{}),text:T("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 $(!0),e.next=3,y(i);case 3:$(!1);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),disabled:J||Ze||ye||"running"!==i.status},{icon:(0,ne.jsx)(I.default,{}),text:T("common.delete"),onClick:function(){M(!0)},disabled:Ze||ye||!!be,tip:be}].filter(Boolean)})]},"actions")]},"group-not-gateway-box"),(0,ne.jsx)(Zn.Z,{depth:2}),!!D&&(0,ne.jsx)(x.Z,{open:!0,fullWidth:!0,maxWidth:"md",onClose:function(){B(null)},children:(0,ne.jsxs)(v.Z,{paddingY:1.5,children:[(0,ne.jsx)(Z.Z,{children:T("common.componentBasicInfo")}),(0,ne.jsx)(g.Z,{children:(de=ge,de.map((function(e){return e.name===T("common.did")||e.name===T("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)(pn,{blocklet:j,component:i,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 $(!0),e.prev=1,e.next=4,c.apply(void 0,n);case 4:e.next=8;break;case 6:e.prev=6,e.t0=e.catch(1);case 8:$(!1),M(!1);case 10:case"end":return e.stop()}}),e,null,[[1,6]])})));return function(){return e.apply(this,arguments)}}(),onCancel:function(){return M(!1)},hideBtn:!0,showConfirm:z}),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})]}ao.propTypes={blocklet:h().object.isRequired,ancestors:h().array,depth:h().number,onRemove:h().func,onStart:h().func,onStop:h().func,onRestart:h().func,onReload:h().func,getComponentUrl:h().func,app:h().object},ao.defaultProps={ancestors:[],depth:0,onRemove:function(){},onStart:function(){},onStop:function(){},onRestart:function(){},onReload:function(){},getComponentUrl:function(){return window.location.origin},app:null};var lo=(0,m.Z)(C.Z)(Jr||(Jr=(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})),co=(0,m.Z)(v.Z)($r||($r=(0,c.Z)(["\n  .component-name {\n    color: #222;\n    font-size: 16px;\n    cursor: pointer;\n  }\n"])));function so(e){var n=e.blocklet,t=(e.onUpdate,e.getComponentUrl),i=(0,o.Z)(e,to),a=(0,p.useContext)(A.RD).t,c=(0,le.h6)(),m=c.api,f=c.inService,h=c.info,C=(0,Y.K)(),R=C.addDeletingDid,E=C.removeDeletingDid,U=C.matchDeletingDid,N=(0,p.useState)(!1),I=(0,d.Z)(N,2),O=I[0],F=I[1],M=(0,p.useState)(null),K=(0,d.Z)(M,2),H=K[0],X=K[1],Q=(0,p.useState)(null),J=(0,d.Z)(Q,2),$=J[0],ee=J[1],te=(0,p.useState)(!1),re=(0,d.Z)(te,2),oe=re[0],ie=re[1],ae=n&&n.structVersion!==B.APP_STRUCT_VERSION,ue=(0,p.useState)(!1),de=(0,d.Z)(ue,2),pe=de[0],me=de[1],fe=(0,l.Z)(n.children)||[];"gateway"!==n.meta.group&&fe.unshift(n),U(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,l;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!O){e.next=2;break}return e.abrupt("return");case 2:return F(!0),e.prev=3,e.next=6,m.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,F(!1),r){e.next=16;break}return V.Z.info(a("blocklet.component.noUpdate")),e.abrupt("return");case 16:i=[],(0,W.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})}})),l={},i.forEach((function(e){l[e.groupId]?e.disabled=!0:l[e.groupId]=!0})),X({params:{updateId:r},list:i,checks:l,hasChecks:!0}),e.next=27;break;case 23:e.prev=23,e.t1=e.catch(3),F(!1),V.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(!O){e.next=2;break}return e.abrupt("return");case 2:return e.prev=2,F(!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,m.upgradeComponents({input:r});case 8:F(!1),X(null),me(null),e.next=17;break;case 13:e.prev=13,e.t0=e.catch(2),F(!1),V.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 R(t.meta.did),e.prev=1,e.next=4,m.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),V.Z.error((0,ce.Z)(e.t0)),E(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,m.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),V.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,m.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),V.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,m.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),V.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,m.reloadBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:V.Z.success(a("blocklet.reloadSuccess")),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),V.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)(uo,(0,r.Z)((0,r.Z)({component:"div"},i),{},{children:[(0,ne.jsxs)(v.Z,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)("div",{className:"title",children:[a("common.components"),!ae&&(0,ne.jsx)(se.Z,{permission:f?"":"mutate_blocklets",role:f?ce.Wf:[],children:(0,ne.jsx)(lo,{top:1.2,right:.4,color:"error",badgeContent:"",variant:"dot",invisible:!pe,children:(0,ne.jsxs)(G.Z,{disabled:O||(0,W.isInProgress)(n.status),color:"secondary",onClick:function(){he()},"data-cy":"check-for-updates",children:[(0,ne.jsx)(v.Z,{mr:.5,display:"flex",children:O?(0,ne.jsx)(q.Z,{size:16}):(0,ne.jsx)(b.Z,{style:{fontSize:"1em"}})}),a("blocklet.component.checkUpdateTitle")]})})})]}),(0,ne.jsx)(se.Z,{permission:f?"":"mutate_blocklets",role:f?ce.Wf:[],children:(0,ne.jsxs)(v.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(Fr,{children:function(e){var t=e.open;return(0,ne.jsxs)(G.Z,{disabled:O||(0,W.isInProgress)(n.status),variant:"text",color:"primary","data-cy":"add-rule",onClick:t,children:[(0,ne.jsx)(j.Z,{style:{fontSize:"1.3em",marginRight:4}}),a("router.rule.add.title")]})}}),!ae&&(0,ne.jsx)(Sr,{blocklet:n,serverVersion:h.version,children:function(e){var t=e.open;return(0,ne.jsxs)(G.Z,{disabled:O||(0,W.isInProgress)(n.status),variant:"text",color:"primary","data-cy":"add-component",onClick:t,children:[(0,ne.jsx)(j.Z,{style:{fontSize:"1.3em",marginRight:4}}),a("blocklet.component.add")]})}}),!ae&&(0,ne.jsx)(an,{blocklet:n,ancestors:[],children:function(e){var n=e.open;return(0,ne.jsx)(S.Z,{title:"".concat(a("blocklet.component.container")).concat(a("common.config")),children:(0,ne.jsx)(k.Z,{onClick:n,size:"small",color:"primary",children:(0,ne.jsx)(P.Z,{style:{fontSize:18}})})},"config")}})]})})]}),fe&&fe.length?(0,ne.jsxs)(v.Z,{mt:2,ml:{xs:"-12px",md:"-24px"},children:["gateway"!==n.meta.group&&(0,ne.jsx)(ao,{blocklet:n,app:n,onRemove:ve,onStart:ge,onStop:Ze,onReload:be,onRestart:ye,getComponentUrl:t},"0-".concat(n.meta.did)),n.children.map((function(e){return(0,ne.jsx)(ao,{depth:1,blocklet:e,ancestors:[n],app:n,onRemove:ve,onStart:ge,onStop:Ze,onReload:be,onRestart:ye,getComponentUrl:t},"1-".concat(e.meta.did))}))]},"top-blocklet-".concat(n.meta.did)):(0,ne.jsx)(v.Z,{mt:8,children:(0,ne.jsx)(z.Z,{children:a("blocklet.component.noComponent")})}),!!n.site.rules.length&&(0,ne.jsx)(v.Z,{mt:0,ml:{xs:"-16px",md:"-28px"},children:(0,ne.jsx)(Qr,{})}),!!H&&(0,ne.jsx)(x.Z,{open:!0,fullWidth:!0,children:(0,ne.jsxs)(v.Z,{paddingY:1.5,children:[(0,ne.jsx)(Z.Z,{children:a("blocklet.component.updateTitle")}),(0,ne.jsx)(v.Z,{component:g.Z,py:4,children:H.list.map((function(e){return(0,ne.jsxs)(v.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(_.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)(v.Z,{flexGrow:1,mt:3,children:[(0,ne.jsx)(v.Z,{item:!0,xs:8,children:e.name}),e.version&&(0,ne.jsxs)(T.ZP,{fontSize:"h6.fontSize",container:!0,spacing:2,alignItems:"center",children:[(0,ne.jsx)(T.ZP,{item:!0,xs:3,children:e.version}),(0,ne.jsx)(T.ZP,{item:!0,xs:1,children:(0,ne.jsx)(w.Z,{style:{fontSize:"0.9em"}})}),(0,ne.jsx)(T.ZP,{item:!0,xs:3,children:(0,ne.jsx)(v.Z,{color:"secondary.main",children:e.newVersion})})]})]},"".concat(e.name,"-").concat(e.newVersion))]})}))}),(0,ne.jsxs)(y.Z,{style:{padding:"8px 24px 24px"},children:[(0,ne.jsx)(G.Z,{onClick:function(){X(null)},children:a("common.cancel")}),(0,ne.jsxs)(G.Z,{onClick:function(e){e.stopPropagation(),xe()},color:"primary",disabled:O||!H.hasChecks,variant:"contained",autoFocus:!0,children:[O&&(0,ne.jsx)(q.Z,{size:16}),a("common.update")]})]})]})}),!!$&&(0,ne.jsx)(x.Z,{open:!0,fullWidth:!0,onClose:function(){return ee(!1)},children:(0,ne.jsxs)(v.Z,{paddingY:1.5,children:[(0,ne.jsx)(Z.Z,{children:a("common.configuration")}),(0,ne.jsx)(g.Z,{children:(0,ne.jsx)(v.Z,{py:2,children:(0,ne.jsx)(L.Z,{control:(0,ne.jsx)(D.Z,{checked:oe,onChange:function(e){return ie(!!e.target.checked)}}),label:a("blocklet.component.showContainer")})})})]})})]}))}so.propTypes={blocklet:h().object.isRequired,onUpdate:h().func,getComponentUrl:h().func},so.defaultProps={onUpdate:function(){},getComponentUrl:function(){return window.location.origin}};var uo=m.Z.div(eo||(eo=(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)})),po=["blocklet"];function mo(e){var n=e.blocklet,t=(0,o.Z)(e,po);return(0,ne.jsx)(so,(0,r.Z)({blocklet:n,getComponentUrl:function(e){return"".concat(a()(window.location.origin,e))}},t))}mo.defaultProps={}},60966:function(e,n,t){var r=t(6399);e.exports=function(e,n){return r(e)===r(n)}},80714: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(30969),d=t(24974),p=t.n(d),m=t(16380),f=t(94551),h=t(48082),x=t(2689),v=t(28722),g=t(93310),Z=t(86008),y=t(37574),b=["actions","size"],k=["icon","text","onClick","disabled"];function j(e){var n=e.actions,t=e.size,r=(0,s.Z)(e,b),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,y.jsxs)(C,(0,l.Z)((0,l.Z)({},r),{},{children:[(0,y.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,y.jsx)(v.Z,{})}),(0,y.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,y.jsx)(g.Z,{style:{minWidth:24,marginRight:8},children:t}),(0,y.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)([""])))},52654:function(e,n,t){"use strict";t.d(n,{Rw:function(){return u},fX:function(){return s},sf:function(){return d}});var r=t(20244),o=t(60966),i=t.n(o),a=t(59505),l=t(22351),c=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},s=function(e,n){var t=c(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,c=void 0===o?"en":o;if(r){var s=(r.children||[]).find((function(e){return(0,l.default)(e.meta)&&i()(e.mountPoint,n.pathPrefix)}));if("gateway"!==r.meta.group&&"/"===n.pathPrefix&&(s="/"),s)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")}[c]}var u=t.find((function(e){return e.meta.did===n.did}));if(!u)return"";var d=u.meta.interfaces.find((function(e){return"web"===e.type}));return d&&d.prefix!==a.BLOCKLET_DYNAMIC_PATH_PREFIX&&n.pathPrefix!==d.prefix?{zh:"\u8be5 blocklet \u53ea\u80fd\u6302\u8f7d\u5728 ".concat(d.prefix),en:"This blocklet can only be mounted on ".concat(d.prefix)}[c]:""},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}}},36558:function(e,n,t){"use strict";var r=t(33028),o=t(59740),i=t(24974),a=t.n(i),l=t(86822),c=t(19638),s=t(23586),u=t(37574),d=["did","href","external","avatarProps"];function p(e){var n=e.did,t=e.href,i=e.external,a=(e.avatarProps,(0,o.Z)(e,d)),p=(0,u.jsx)(s.Z,(0,r.Z)({did:n},a));return t?i?(0,u.jsx)(c.Z,{target:"_blank",href:t,underline:"hover",children:p}):(0,u.jsx)(l.rU,{to:t,children:p}):p}p.propTypes={did:a().string.isRequired,to:a().string,href:a().string,avatarProps:a().object,external:a().bool},p.defaultProps={to:"",href:"",avatarProps:{},external:!1},n.Z=p},8016:function(e,n,t){"use strict";t.d(n,{Z:function(){return L}});var r=t(71171),o=t(56666),i=t(33028),a=t(96234),l=t(30969),c=t(24974),s=t.n(c),u=t(16380),d=t(38361),p=t(1484),m=t(88581),f=t(27724),h=t(94551),x=t(94308),v=t(83176),g=t(98545),Z={description:s().string,editing:s().bool,onChange:s().func,required:s().bool,value:s().any,componentProps:s().object,render:s().func,renderFormItem:s().func},y=t(37574);function b(e){var n=e.editing,t=e.value,r=e.onChange,o=(0,l.useState)(!1),i=(0,a.Z)(o,2),c=i[0],s=i[1],u=(0,l.useRef)(),p=(0,l.useRef)(t);(0,l.useEffect)((function(){var e=null;return n&&(e=setTimeout((function(){s(!0)}),50)),function(){clearTimeout(e)}}),[n]);var m=function(e){p.current=e,r(e)},f=(0,y.jsx)(d.Z,{className:"form-item-input slot",px:1,children:(0,y.jsxs)(d.Z,{display:"flex",alignItems:"center",children:[t,"auto"!==t&&(0,y.jsx)("div",{style:{marginLeft:4,backgroundColor:t,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),h=(0,y.jsxs)(d.Z,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:function(){s(!1),r(p.current)},children:[(0,y.jsx)(d.Z,{display:"flex",alignItems:"center",onClick:function(){return s(!0)},children:(0,y.jsx)("div",{ref:u,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,y.jsx)(v.ZP,{open:c,anchorEl:u.current,onClose:function(){return s(!1)},anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:(0,y.jsx)(g.AI,{color:t,onChange:function(e){return m(e.hex)}})})]});return n?h:f}b.propTypes=Z;var k=t(59740),j=t(87006),C=["editing","description","value","onChange","componentProps"];function P(e){var n=e.editing,t=e.description,r=e.value,o=e.onChange,a=e.componentProps,c=(0,k.Z)(e,C),s=a.placeholder,u=(0,l.useRef)(r),p=function(e){u.current=e,o(e)};return n?(0,y.jsx)(j.Z,(0,i.Z)({style:{flex:1},fullWidth:!0,value:r,onChange:function(e){e.persist(),p(e.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:t||s,onKeyDown:function(e){"Enter"===e.key&&o(u.current,"confirm")}},c)):(0,y.jsx)(d.Z,{px:1,className:"form-item-input slot",children:r})}P.propTypes=Z,P.defaultProps={componentProps:{}};var R=t(52469),E=t.n(R),T=t(84938),S=t(7017),w=["editing","value","onChange","componentProps"];function _(e){var n=e.editing,t=e.value,r=e.onChange,o=e.componentProps,a=(0,k.Z)(e,w),l=o.blocklet,c="auto"===t?(0,T.getPassportColorFromDid)(l.appDid):t;return(0,y.jsxs)(d.Z,{display:"flex",alignItems:"center",children:[(0,y.jsx)("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:E()({title:"Owner",issuer:(0,S.getDisplayName)(l),issuerDid:l.appDid,ownerName:"Your Name",ownerDid:l.appDid,preferredColor:t||"auto"})}}),(0,y.jsx)(b,(0,i.Z)((0,i.Z)({},a),{},{editing:n,value:n?c:t,onChange:r,componentProps:o}))]})}_.propTypes=(0,i.Z)((0,i.Z)({},Z),{},{componentProps:s().shape({blocklet:s().object.isRequired}).isRequired}),_.defaultProps={};var U,N=t(14458),I=t(28412);function L(e){var n=e.schema,t=e.loading,r=e.value,c=e.defaultValue,s=e.onChange,u=e.style,v=e.disabled,g="[object Object]"===Object.prototype.toString.call(r),Z=(0,l.useState)(null),k=(0,a.Z)(Z,2),j=k[0],C=k[1],R=(0,l.useState)(g?r:c),E=(0,a.Z)(R,2),T=E[0],S=E[1],w=(0,l.useRef)();function U(e,n,t){var r=e.key,a=e.secure,l=T[r]!==n,c=(0,i.Z)((0,i.Z)({},T),{},(0,o.Z)({},r,n));l&&S(c),s((0,o.Z)({},r,n),{allValues:c,action:t,currentItem:e}),"confirm"===t&&a&&S((0,i.Z)((0,i.Z)({},T),{},(0,o.Z)({},r,"__encrypted__"))),["confirm","cancel"].includes(t)?I(null):I(e)}function I(e){if(e)return w.current=T[e.key],void C(e);w.current=null,C(null)}return(0,y.jsx)(D,{className:"form",style:u,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,s=e.componentProps,u=void 0===s?{}:s;if(c)return null;var Z=!(!j||n!==j.key),k=function(e,n){var t=n.editing,o=void 0!==t&&t,i=e.key,a=g?r[i]:T[i];return"__encrypted__"===a?o?"":"******":a}(e,{editing:Z}),C=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:P,color:b,passport:_}[null===i||void 0===i?void 0:i.toLowerCase()]}(e,{editing:Z}),R={inputProps:{"data-cy":"schema-form-item-component"},key:n,description:o,editing:Z,value:k,onChange:function(n){return U(e,n,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"change")},componentProps:u};return(0,y.jsxs)(d.Z,{className:"form-item",children:[(0,y.jsxs)(d.Z,{className:"form-item-label",style:{color:a&&!k?"#ff0000":"#333"},children:[o,a&&(0,y.jsx)(N.Z,{})]}),(0,y.jsxs)(d.Z,{className:"form-item-body",children:[(0,y.jsx)(d.Z,{className:"form-item-input",children:(0,y.jsx)(C,(0,i.Z)({},R))}),(0,y.jsx)(d.Z,{className:"form-item-action",children:Z?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(h.Z,{"data-cy":"schema-form-item-confirm",onClick:function(){U(e,k,"confirm")},disabled:v||t,size:"large",children:t?(0,y.jsx)(x.Z,{size:24}):(0,y.jsx)(f.Z,{})}),(0,y.jsx)(h.Z,{"data-cy":"schema-form-item-cancel",onClick:function(){U(e,w.current,"cancel")},disabled:v||t,size:"large",children:(0,y.jsx)(m.default,{})})]}):(0,y.jsx)(h.Z,{"data-cy":"schema-form-item-edit",onClick:function(){U(e,T[n],"edit")},disabled:v||j,size:"large",children:(0,y.jsx)(p.Z,{})})})]})]},n)}))})}L.propTypes={schema:s().array.isRequired,loading:s().bool,onChange:s().func.isRequired,value:s().object,defaultValue:s().object,style:s().object,disabled:s().bool},L.defaultProps={loading:!1,value:void 0,defaultValue:{},style:{},disabled:!1};var D=(0,u.Z)(I.Z)(U||(U=(0,r.Z)([""])))}}]);
+//# sourceMappingURL=5662.34df2fcd.chunk.js.map

package/build/static/js/{5982.d9eb7e90.chunk.js → 5982.4f8369df.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[5982],{39816:function(n,t,e){e.d(t,{Z:function(){return s}});var r=e(33028),i=e(33665),o=e(29996),a=e(37574);function s(n){var t=Object.assign({},((0,i.Z)(n),n));return(0,a.jsx)(o.Z,(0,r.Z)({className:"bottom-button",variant:"contained",color:"primary"},t))}},35982:function(n,t,e){e.r(t),e.d(t,{default:function(){return T}});var r,i,o,a=e(71171),s=e(32723),l=e(34795),c=e(96234),u=e(30969),d=e(16380),p=e(38361),f=e(26022),m=e(1986),h=e(24891),g=e(67615),x=e(94308),b=e(65248),v=(0,d.Z)(b.Z)(r||(r=(0,a.Z)(["\n  && .result-footer {\n    height: 120px;\n    > div {\n      flex-wrap: wrap;\n    }\n  }\n"]))),Z=e(99042),w=e(39017),y=e(32668),k=e(39816),j=e(23938),N=e(38507),S=e(48952),P=e(37574);function T(n){var t=n.onPrevious,e=(0,f.PE)().t,r=(0,u.useState)(!1),i=(0,c.Z)(r,2),o=i[0],a=i[1],d=(0,u.useState)("starting"),b=(0,c.Z)(d,2),w=b[0],T=b[1],R=(0,u.useState)(),z=(0,c.Z)(R,2),E=z[0],L=z[1],M=(0,j.y0)().blocklet,U=(0,u.useState)(""),q=(0,c.Z)(U,2),B=q[0],I=q[1],O=(0,N.tX)("fromLauncher"),A=!["starting","running"].includes(w),F="starting"===w,H={stopped:e("blocklet.start"),starting:e("blocklet.starting"),running:e("blocklet.open")},X=function(){var n=new URL(window.location.href).searchParams.get("redirect");window.location.href=n?new URL(n,B).href:B},D=function(){var n=(0,l.Z)((0,s.Z)().mark((function n(){var t,r,i,o,l;return(0,s.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return a(!0),T("starting"),n.prev=2,n.next=5,Z.Z.post("/blocklet/start",{fromSetup:!0});case 5:return n.next=7,S.Z.getBlocklet({input:{did:M.meta.did}});case 7:t=n.sent,r=t.blocklet,i=(void 0===r?{}:r).status,a(!1),T(i),L("running"===i?null:e("setup.complete.notRunning")),n.next=23;break;case 16:n.prev=16,n.t0=n.catch(2),l=(null===n.t0||void 0===n.t0||null===(o=n.t0.response)||void 0===o?void 0:o.data)||n.t0.message,m.Z.error(l),a(!1),T("stopped"),L(l);case 23:case"end":return n.stop()}}),n,null,[[2,16]])})));return function(){return n.apply(this,arguments)}}();(0,u.useEffect)((function(){T(M.status),["starting","running"].includes(M.status)||D()}),[]),(0,u.useEffect)((function(){var n=function(){var n=(0,l.Z)((0,s.Z)().mark((function n(){var t;return(0,s.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,(0,g.evaluateURLs)(M.site.domainAliases.map((function(n){return(0,h.Sk)(n.value,N.Bq)})));case 2:(t=n.sent).length>0&&I(t[0].url);case 4:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}();B||n()}),[M,B]);var G=localStorage.getItem("blocklet-server-url"),J=F||!B;return O&&!J&&(A?D():X()),(0,P.jsx)(_,{children:(0,P.jsx)(v,{variant:E?"error":"success",title:e(E?"setup.complete.failedTitle":"setup.complete.title"),footer:(0,P.jsxs)(y.Z,{children:[A&&(0,P.jsx)(k.Z,{variant:"outlined",disabled:o,onClick:function(){return t()},children:e("setup.previous")}),O?(0,P.jsxs)(C,{rel:"noreferrer",children:[(0,P.jsx)(x.Z,{size:16,style:{marginRight:14}})," ",e("common.redirecting")]}):(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(k.Z,{style:{marginLeft:A?24:0},disabled:o||F,onClick:function(){return A?D():X()},loading:J,children:H[w]||H.stopped}),("running"===w||E)&&!!G&&(0,P.jsx)(p.Z,{width:"100%",mt:2,children:(0,P.jsx)("a",{href:G,target:"_blank",rel:"noopener noreferrer",className:"back-to-server-link",children:e("setup.complete.backToServer")})}),E&&(0,P.jsx)(p.Z,{className:"error-message",fontSize:14,color:"#888",mt:1,children:E})]})]})})})}var _=(0,d.Z)(w.Z)(i||(i=(0,a.Z)(["\n  justify-content: center;\n  .icon-success {\n    width: 64px;\n    height: 64px;\n    color: ",";\n  }\n  .back-to-server-link {\n    color: ",";\n  }\n  .error-message {\n    color: ",";\n    height: 15em;\n    overflow: hidden;\n    overflow-y: scroll;\n  }\n"])),(function(n){return n.theme.palette.success.main}),(function(n){return n.theme.palette.primary.main}),(function(n){return n.theme.palette.error.main}));T.defaultProps={onPrevious:function(){}};var C=d.Z.a(o||(o=(0,a.Z)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 36px;\n  color: ",";\n"])),(function(n){return n.theme.palette.primary.main}))},39017:function(n,t,e){e.d(t,{Z:function(){return h}});var r,i=e(71171),o=e(16380),a=e(33028),s=e(59740),l=e(24974),c=e.n(l),u=e(37574),d=["children"];function p(n){var t=n.children,e=(0,s.Z)(n,d);return(0,u.jsx)(m,(0,a.Z)((0,a.Z)({},e),{},{children:t}))}p.propTypes={children:c().any.isRequired};var f,m=o.Z.div(r||(r=(0,i.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  .header {\n    text-align: center;\n  }\n\n  .body {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-top: 30px;\n    width: 100%;\n    min-height: 200px;\n    flex: 1;\n\n    "," {\n      padding: 24px;\n    }\n\n    "," {\n      padding: 0 16px 16px;\n    }\n  }\n\n  .footer {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      padding-bottom: 34px;\n    }\n\n    "," {\n      margin-top: auto;\n      padding-bottom: 10px;\n    }\n  }\n"])),(function(n){return n.theme.breakpoints.up("md")}),(function(n){return n.theme.breakpoints.down("md")}),(function(n){return n.theme.breakpoints.up("sm")}),(function(n){return n.theme.breakpoints.down("md")})),h=(0,o.Z)(p)(f||(f=(0,i.Z)(["\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 16px;\n  "," {\n    padding-top: 34px;\n    padding-bottom: 34px;\n  }\n  .header {\n    width: 100%;\n    margin-bottom: 34px;\n    "," {\n      margin-bottom: 64px;\n    }\n  }\n  .container-main {\n    position: relative;\n    flex: 1;\n    width: 100%;\n  }\n  .container-inner {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    overflow-y: auto;\n  }\n"])),(function(n){return n.theme.breakpoints.up("md")}),(function(n){return n.theme.breakpoints.up("md")}))},32668:function(n,t,e){e.d(t,{Z:function(){return f}});var r,i,o=e(71171),a=e(16380),s=e(29996),l=e(26022),c=e(38361),u=e(23539),d=e(38507),p=e(37574);function f(n){var t=n.blocklet,e=n.onStartNow,r=n.children,i=n.disabled,o=(0,l.PE)().t,a=(0,u.Z)();return!t||(0,d.bg)(t.meta)?(0,p.jsx)(m,{children:r}):(0,p.jsxs)(h,{isMobile:a,children:[(0,p.jsx)(s.Z,{className:"start-now",variant:"contained",color:"primary",disabled:i,onClick:function(){return e()},children:o("setup.startNow")}),(0,p.jsx)(c.Z,{display:"flex",alignItems:"center",children:r})]})}f.defaultProps={blocklet:null,onStartNow:function(){},children:null,disabled:!1};var m=(0,a.Z)(c.Z)(r||(r=(0,o.Z)(["\n  width: 100%;\n  margin-top: auto;\n  padding-top: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  .bottom-button {\n    min-width: 200px;\n  }\n  "," {\n    .bottom-button {\n      width: 100%;\n    }\n  }\n"])),(function(n){return n.theme.breakpoints.down("md")})),h=(0,a.Z)(c.Z)(i||(i=(0,o.Z)(["\n  padding-top: 24px;\n  margin-top: auto;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  .start-now {\n    min-width: 140px;\n  }\n  .bottom-button {\n    min-width: 120px;\n  }\n  "," {\n    width: 100%;\n  }\n\n  "," {\n    .start-now {\n      min-width: inherit;\n    }\n    .bottom-button {\n      min-width: 100px;\n    }\n  }\n\n  "," {\n    justify-content: space-between;\n    gap: '32px',\n  }}\n"])),(function(n){return n.theme.breakpoints.down("lg")}),(function(n){return n.theme.breakpoints.down("md")}),(function(n){return n.isMobile}))},23539:function(n,t,e){e.d(t,{Z:function(){return o}});var r=e(94702),i=e(75255);function o(){var n=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{key:"sm"}).key,t=(0,r.Z)();return(0,i.Z)(t.breakpoints.down(n))}},65248:function(n,t,e){var r,i=e(71171),o=e(33028),a=e(59740),s=e(24974),l=e.n(s),c=e(16380),u=e(38996),d=e(88581),p=e(94308),f=e(72973),m=e(37574),h=["variant","title","subTitle","footer"];function g(n){var t,e=n.variant,r=n.title,i=n.subTitle,s=n.footer,l=(0,a.Z)(n,h);switch(e){case"error":t=d.default;break;case"info":t=f.Z;break;case"loading":t=p.Z;break;default:t=u.default}return(0,m.jsx)(x,(0,o.Z)((0,o.Z)({variant:e},l),{},{children:(0,m.jsxs)("div",{className:"result-body",children:[(0,m.jsx)("span",{className:"result-icon color-".concat(e),children:(0,m.jsx)(t,{})}),(0,m.jsx)("div",{className:"result-title color-".concat(e," ").concat(r?"":"ele-hide"),children:r}),(0,m.jsx)("div",{className:"result-sub-title ".concat(i?"":"ele-hide"),children:i}),s&&(0,m.jsx)("div",{className:"result-footer",children:s})]})}))}g.propTypes={variant:l().oneOf(["success","error","info","loading"]),title:l().string,subTitle:l().any,footer:l().any},g.defaultProps={variant:"success",title:"",subTitle:"",footer:null},t.Z=g;var x=c.Z.div(r||(r=(0,i.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n\n  .result-body {\n    padding: 0 14px;\n    max-width: 500px;\n    text-align: center;\n    margin-top: -64px;\n  }\n\n  .result-icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 24px;\n    width: 48px;\n    height: 48px;\n    border-radius: 100%;\n    color: ",";\n    transition: all ease 0.3s;\n    &.color-success {\n      background-color: ",";\n    }\n    &.color-error {\n      background-color: ",";\n    }\n    &.color-info {\n      background-color: ",";\n    }\n  }\n\n  .result-title {\n    height: 34px;\n    font-size: 21px;\n    margin-bottom: 8px;\n    font-weight: bolder;\n    transition: all ease 0.3s;\n    transition-delay: 0.2s;\n    &.color-success {\n      color: ",";\n    }\n    &.color-error {\n      color: ",";\n    }\n    &.color-info {\n      color: ",";\n    }\n    &.ele-hide {\n      height: 0;\n      opacity: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  .result-sub-title {\n    margin: 0 auto;\n    min-height: 17px;\n    color: ",";\n    font-size: 14px;\n    line-height: 1.21em; // 0.01\u53ef\u4ee5\u89e3\u51b3\u89c6\u7f51\u819c\u5c4f\u8f7b\u5fae\u504f\u79fb\u95ee\u9898\n    transition: all ease 0.3s;\n    transition-delay: 0.2s;\n    word-break: break-word;\n    &.ele-hide {\n      line-height: 0;\n      opacity: 0;\n      min-height: 0;\n    }\n  }\n\n  .result-footer {\n    padding-top: 24px;\n    transition: all ease 0.3s;\n    transition-delay: 0.2s;\n  }\n"])),(function(n){return n.theme.palette.common.white}),(function(n){return n.theme.palette.success.main}),(function(n){return n.theme.palette.error.main}),(function(n){return n.theme.palette.primary.main}),(function(n){return n.theme.palette.success.main}),(function(n){return n.theme.palette.error.main}),(function(n){return n.theme.palette.primary.main}),(function(n){return n.theme.palette.grey[700]}))},72973:function(n,t,e){var r=e(71600);t.Z=void 0;var i=r(e(48035)),o=e(37574),a=(0,i.default)([(0,o.jsx)("circle",{cx:"12",cy:"19",r:"2"},"0"),(0,o.jsx)("path",{d:"M10 3h4v12h-4z"},"1")],"PriorityHigh");t.Z=a},33665:function(n,t,e){function r(n){if(null==n)throw new TypeError("Cannot destructure "+n)}e.d(t,{Z:function(){return r}})}}]);
-//# sourceMappingURL=5982.d9eb7e90.chunk.js.map
+"use strict";(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[5982],{39816:function(n,t,e){e.d(t,{Z:function(){return s}});var r=e(33028),i=e(33665),o=e(29996),a=e(37574);function s(n){var t=Object.assign({},((0,i.Z)(n),n));return(0,a.jsx)(o.Z,(0,r.Z)({className:"bottom-button",variant:"contained",color:"primary"},t))}},35982:function(n,t,e){e.r(t),e.d(t,{default:function(){return T}});var r,i,o,a=e(71171),s=e(32723),l=e(34795),c=e(96234),u=e(30969),d=e(16380),p=e(38361),f=e(26022),m=e(1986),h=e(24891),g=e(67615),x=e(94308),b=e(65248),v=(0,d.Z)(b.Z)(r||(r=(0,a.Z)(["\n  && .result-footer {\n    height: 120px;\n    > div {\n      flex-wrap: wrap;\n    }\n  }\n"]))),Z=e(99042),w=e(39017),y=e(32668),k=e(39816),j=e(23938),N=e(38507),S=e(48952),P=e(37574);function T(n){var t=n.onPrevious,e=(0,f.PE)().t,r=(0,u.useState)(!1),i=(0,c.Z)(r,2),o=i[0],a=i[1],d=(0,u.useState)("starting"),b=(0,c.Z)(d,2),w=b[0],T=b[1],z=(0,u.useState)(),C=(0,c.Z)(z,2),L=C[0],E=C[1],M=(0,j.y0)().blocklet,U=(0,u.useState)(""),q=(0,c.Z)(U,2),B=q[0],I=q[1],O=(0,N.tX)("fromLauncher"),A=!["starting","running"].includes(w),F="starting"===w,H={stopped:e("blocklet.start"),starting:e("blocklet.starting"),running:e("blocklet.open")},X=function(){var n=new URL(window.location.href).searchParams.get("redirect");window.location.href=n?new URL(n,B).href:B},D=function(){var n=(0,l.Z)((0,s.Z)().mark((function n(){var t,r,i,o,l;return(0,s.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return a(!0),T("starting"),n.prev=2,n.next=5,Z.Z.post("/blocklet/start",{fromSetup:!0});case 5:return n.next=7,S.Z.getBlocklet({input:{did:M.meta.did}});case 7:t=n.sent,r=t.blocklet,i=(void 0===r?{}:r).status,a(!1),T(i),E("running"===i?null:e("setup.complete.notRunning")),n.next=23;break;case 16:n.prev=16,n.t0=n.catch(2),l=(null===n.t0||void 0===n.t0||null===(o=n.t0.response)||void 0===o?void 0:o.data)||n.t0.message,m.Z.error(l),a(!1),T("stopped"),E(l);case 23:case"end":return n.stop()}}),n,null,[[2,16]])})));return function(){return n.apply(this,arguments)}}();(0,u.useEffect)((function(){T(M.status),["starting","running"].includes(M.status)||D()}),[]),(0,u.useEffect)((function(){var n=function(){var n=(0,l.Z)((0,s.Z)().mark((function n(){var t;return(0,s.Z)().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,(0,g.evaluateURLs)(M.site.domainAliases.map((function(n){return(0,h.Sk)(n.value,N.Bq)})));case 2:(t=n.sent).length>0&&I(t[0].url);case 4:case"end":return n.stop()}}),n)})));return function(){return n.apply(this,arguments)}}();B||n()}),[M,B]);var G=localStorage.getItem("blocklet-server-url"),J=F||!B;return O&&!J&&(A?D():X()),(0,P.jsx)(_,{children:(0,P.jsx)(v,{variant:L?"error":"success",title:e(L?"setup.complete.failedTitle":"setup.complete.title"),footer:(0,P.jsxs)(y.Z,{children:[A&&(0,P.jsx)(k.Z,{variant:"outlined",disabled:o,onClick:function(){return t()},children:e("setup.previous")}),O?(0,P.jsxs)(R,{rel:"noreferrer",children:[(0,P.jsx)(x.Z,{size:16,style:{marginRight:14}})," ",e("common.redirecting")]}):(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)(k.Z,{style:{marginLeft:A?24:0},disabled:o||F,onClick:function(){return A?D():X()},loading:J,children:H[w]||H.stopped}),("running"===w||L)&&!!G&&(0,P.jsx)(p.Z,{width:"100%",mt:2,children:(0,P.jsx)("a",{href:G,target:"_blank",rel:"noopener noreferrer",className:"back-to-server-link",children:e("setup.complete.backToServer")})}),L&&(0,P.jsx)(p.Z,{className:"error-message",fontSize:14,color:"#888",mt:1,children:L})]})]})})})}var _=(0,d.Z)(w.Z)(i||(i=(0,a.Z)(["\n  justify-content: center;\n  .icon-success {\n    width: 64px;\n    height: 64px;\n    color: ",";\n  }\n  .back-to-server-link {\n    color: ",";\n  }\n  .error-message {\n    color: ",";\n    height: 15em;\n    overflow: hidden;\n    overflow-y: scroll;\n  }\n"])),(function(n){return n.theme.palette.success.main}),(function(n){return n.theme.palette.primary.main}),(function(n){return n.theme.palette.error.main}));T.defaultProps={onPrevious:function(){}};var R=d.Z.a(o||(o=(0,a.Z)(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 36px;\n  color: ",";\n"])),(function(n){return n.theme.palette.primary.main}))},39017:function(n,t,e){e.d(t,{Z:function(){return h}});var r,i=e(71171),o=e(16380),a=e(33028),s=e(59740),l=e(24974),c=e.n(l),u=e(37574),d=["children"];function p(n){var t=n.children,e=(0,s.Z)(n,d);return(0,u.jsx)(m,(0,a.Z)((0,a.Z)({},e),{},{children:t}))}p.propTypes={children:c().any.isRequired};var f,m=o.Z.div(r||(r=(0,i.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n\n  .header {\n    text-align: center;\n  }\n\n  .body {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-top: 30px;\n    width: 100%;\n    min-height: 200px;\n    flex: 1;\n\n    "," {\n      padding: 24px;\n    }\n\n    "," {\n      padding: 0 16px 16px;\n    }\n  }\n\n  .footer {\n    display: flex;\n    justify-content: center;\n\n    "," {\n      padding-bottom: 34px;\n    }\n\n    "," {\n      margin-top: auto;\n      padding-bottom: 10px;\n    }\n  }\n"])),(function(n){return n.theme.breakpoints.up("md")}),(function(n){return n.theme.breakpoints.down("md")}),(function(n){return n.theme.breakpoints.up("sm")}),(function(n){return n.theme.breakpoints.down("md")})),h=(0,o.Z)(p)(f||(f=(0,i.Z)(["\n  display: flex;\n  flex-direction: column;\n  padding-bottom: 16px;\n  "," {\n    padding-top: 34px;\n    padding-bottom: 34px;\n  }\n  .header {\n    width: 100%;\n    margin-bottom: 34px;\n    "," {\n      margin-bottom: 64px;\n    }\n  }\n  .container-main {\n    position: relative;\n    flex: 1;\n    width: 100%;\n  }\n  .container-inner {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    justify-content: center;\n    overflow-y: auto;\n  }\n"])),(function(n){return n.theme.breakpoints.up("md")}),(function(n){return n.theme.breakpoints.up("md")}))},32668:function(n,t,e){e.d(t,{Z:function(){return f}});var r,i,o=e(71171),a=e(16380),s=e(29996),l=e(26022),c=e(38361),u=e(23539),d=e(38507),p=e(37574);function f(n){var t=n.blocklet,e=n.onStartNow,r=n.children,i=n.disabled,o=(0,l.PE)().t,a=(0,u.Z)();return!t||(0,d.bg)(t.meta)?(0,p.jsx)(m,{children:r}):(0,p.jsxs)(h,{isMobile:a,children:[(0,p.jsx)(s.Z,{className:"start-now",variant:"contained",color:"primary",disabled:i,onClick:function(){return e()},children:o("setup.startNow")}),(0,p.jsx)(c.Z,{display:"flex",alignItems:"center",children:r})]})}f.defaultProps={blocklet:null,onStartNow:function(){},children:null,disabled:!1};var m=(0,a.Z)(c.Z)(r||(r=(0,o.Z)(["\n  width: 100%;\n  margin-top: auto;\n  padding-top: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  .bottom-button {\n    min-width: 200px;\n  }\n  "," {\n    .bottom-button {\n      width: 100%;\n    }\n  }\n"])),(function(n){return n.theme.breakpoints.down("md")})),h=(0,a.Z)(c.Z)(i||(i=(0,o.Z)(["\n  padding-top: 24px;\n  margin-top: auto;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  .start-now {\n    min-width: 140px;\n  }\n  .bottom-button {\n    min-width: 120px;\n  }\n  "," {\n    width: 100%;\n  }\n\n  "," {\n    .start-now {\n      min-width: inherit;\n    }\n    .bottom-button {\n      min-width: 100px;\n    }\n  }\n\n  "," {\n    justify-content: space-between;\n    gap: '32px',\n  }}\n"])),(function(n){return n.theme.breakpoints.down("lg")}),(function(n){return n.theme.breakpoints.down("md")}),(function(n){return n.isMobile}))},23539:function(n,t,e){e.d(t,{Z:function(){return o}});var r=e(94702),i=e(75255);function o(){var n=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{key:"sm"}).key,t=(0,r.Z)();return(0,i.Z)(t.breakpoints.down(n))}},65248:function(n,t,e){var r,i=e(71171),o=e(33028),a=e(59740),s=e(24974),l=e.n(s),c=e(16380),u=e(38996),d=e(88581),p=e(94308),f=e(72973),m=e(37574),h=["variant","title","subTitle","footer"];function g(n){var t,e=n.variant,r=n.title,i=n.subTitle,s=n.footer,l=(0,a.Z)(n,h);switch(e){case"error":t=d.default;break;case"info":t=f.Z;break;case"loading":t=p.Z;break;default:t=u.default}return(0,m.jsx)(x,(0,o.Z)((0,o.Z)({variant:e},l),{},{children:(0,m.jsxs)("div",{className:"result-body",children:[(0,m.jsx)("span",{className:"result-icon color-".concat(e),children:(0,m.jsx)(t,{})}),(0,m.jsx)("div",{className:"result-title color-".concat(e," ").concat(r?"":"ele-hide"),children:r}),(0,m.jsx)("div",{className:"result-sub-title ".concat(i?"":"ele-hide"),children:i}),s&&(0,m.jsx)("div",{className:"result-footer",children:s})]})}))}g.propTypes={variant:l().oneOf(["success","error","info","loading"]),title:l().string,subTitle:l().any,footer:l().any},g.defaultProps={variant:"success",title:"",subTitle:"",footer:null},t.Z=g;var x=c.Z.div(r||(r=(0,i.Z)(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n\n  .result-body {\n    padding: 0 14px;\n    max-width: 500px;\n    text-align: center;\n    margin-top: -64px;\n  }\n\n  .result-icon {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    margin-bottom: 24px;\n    width: 48px;\n    height: 48px;\n    border-radius: 100%;\n    color: ",";\n    transition: all ease 0.3s;\n    &.color-success {\n      background-color: ",";\n    }\n    &.color-error {\n      background-color: ",";\n    }\n    &.color-info {\n      background-color: ",";\n    }\n  }\n\n  .result-title {\n    height: 34px;\n    font-size: 21px;\n    margin-bottom: 8px;\n    font-weight: bolder;\n    transition: all ease 0.3s;\n    transition-delay: 0.2s;\n    &.color-success {\n      color: ",";\n    }\n    &.color-error {\n      color: ",";\n    }\n    &.color-info {\n      color: ",";\n    }\n    &.ele-hide {\n      height: 0;\n      opacity: 0;\n      margin-bottom: 0;\n    }\n  }\n\n  .result-sub-title {\n    margin: 0 auto;\n    min-height: 17px;\n    color: ",";\n    font-size: 14px;\n    line-height: 1.21em; // 0.01\u53ef\u4ee5\u89e3\u51b3\u89c6\u7f51\u819c\u5c4f\u8f7b\u5fae\u504f\u79fb\u95ee\u9898\n    transition: all ease 0.3s;\n    transition-delay: 0.2s;\n    word-break: break-word;\n    &.ele-hide {\n      line-height: 0;\n      opacity: 0;\n      min-height: 0;\n    }\n  }\n\n  .result-footer {\n    padding-top: 24px;\n    transition: all ease 0.3s;\n    transition-delay: 0.2s;\n  }\n"])),(function(n){return n.theme.palette.common.white}),(function(n){return n.theme.palette.success.main}),(function(n){return n.theme.palette.error.main}),(function(n){return n.theme.palette.primary.main}),(function(n){return n.theme.palette.success.main}),(function(n){return n.theme.palette.error.main}),(function(n){return n.theme.palette.primary.main}),(function(n){return n.theme.palette.grey[700]}))},72973:function(n,t,e){var r=e(71600);t.Z=void 0;var i=r(e(48035)),o=e(37574),a=(0,i.default)([(0,o.jsx)("circle",{cx:"12",cy:"19",r:"2"},"0"),(0,o.jsx)("path",{d:"M10 3h4v12h-4z"},"1")],"PriorityHigh");t.Z=a}}]);
+//# sourceMappingURL=5982.4f8369df.chunk.js.map

package/build/static/js/6084.30821f2c.chunk.js

@@ -0,0 +1,3 @@
+/*! For license information please see 6084.30821f2c.chunk.js.LICENSE.txt */
+(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[6084],{52838:function(e,n,t){"use strict";var r=t(71600);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(48035)),a=t(37574),i=(0,o.default)((0,a.jsx)("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"}),"ChevronRight");n.default=i},30291:function(e,n,t){"use strict";var r=t(71600);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(48035)),a=t(37574),i=(0,o.default)((0,a.jsx)("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5-1-1h-5l-1 1H5v2h14V4z"}),"DeleteOutline");n.default=i},32677:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var o=r(t(48035)),a=t(37574),i=(0,o.default)((0,a.jsx)("path",{d:"M5 20h14v-2H5v2zM19 9h-4V3H9v6H5l7 7 7-7z"}),"Download");n.Z=i},16374:function(e,n,t){"use strict";var r=t(71600);n.Z=void 0;var o=r(t(48035)),a=t(37574),i=(0,o.default)((0,a.jsx)("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"}),"OpenInNew");n.Z=i},7418:function(e,n,t){"use strict";t.d(n,{Z:function(){return P}});var r=t(7896),o=t(30969),a=t(96234),i=t(56666),l=t(31461),c=t(87023),u=t(6698),s=t(45971),d=t(74262),f=t(17363),p=t(4422),v=t(14006),m=t(26540),h=t(79333),b=t(45477);var x=t(37574),g=["classes","className","displayIcon","expansionIcon","icon","label","nodeId","onClick","onMouseDown"],Z=o.forwardRef((function(e,n){var t=e.classes,a=e.className,i=e.displayIcon,u=e.expansionIcon,s=e.icon,d=e.label,f=e.nodeId,p=e.onClick,v=e.onMouseDown,m=(0,l.Z)(e,g),b=function(e){var n=o.useContext(h.d),t=n.focus,r=n.isExpanded,a=n.isExpandable,i=n.isFocused,l=n.isDisabled,c=n.isSelected,u=n.multiSelect,s=n.selectNode,d=n.selectRange,f=n.toggleExpansion,p=!!a&&a(e),v=!!r&&r(e),m=!!i&&i(e),b=!!l&&l(e),x=!!c&&c(e);return{disabled:b,expanded:v,selected:x,focused:m,handleExpansion:function(n){if(!b){m||t(n,e);var o=u&&(n.shiftKey||n.ctrlKey||n.metaKey);!p||o&&r(e)||f(n,e)}},handleSelection:function(n){b||(m||t(n,e),u&&(n.shiftKey||n.ctrlKey||n.metaKey)?n.shiftKey?d(n,{end:e}):s(n,e,!0):s(n,e))},preventSelection:function(e){(e.shiftKey||e.ctrlKey||e.metaKey||b)&&e.preventDefault()}}}(f),Z=b.disabled,I=b.expanded,y=b.selected,C=b.focused,w=b.handleExpansion,S=b.handleSelection,E=b.preventSelection,k=s||u||i;return(0,x.jsxs)("div",(0,r.Z)({},m,{className:(0,c.Z)(a,t.root,I&&t.expanded,y&&t.selected,C&&t.focused,Z&&t.disabled),onClick:function(e){w(e),S(e),p&&p(e)},onMouseDown:function(e){E(e),v&&v(e)},ref:n,children:[(0,x.jsx)("div",{className:t.iconContainer,children:k}),(0,x.jsx)("div",{className:t.label,children:d})]}))})),I=t(2975);function y(e){return(0,I.Z)("MuiTreeItem",e)}var C=(0,t(62746).Z)("MuiTreeItem",["root","group","content","expanded","selected","focused","disabled","iconContainer","label"]),w=["children","className","collapseIcon","ContentComponent","ContentProps","endIcon","expandIcon","disabled","icon","id","label","nodeId","onClick","onMouseDown","TransitionComponent","TransitionProps"],S=(0,s.ZP)("li",{name:"MuiTreeItem",slot:"Root",overridesResolver:function(e,n){return n.root}})({listStyle:"none",margin:0,padding:0,outline:0}),E=(0,s.ZP)(Z,{name:"MuiTreeItem",slot:"Content",overridesResolver:function(e,n){return[n.content,n.iconContainer&&(0,i.Z)({},"& .".concat(C.iconContainer),n.iconContainer),n.label&&(0,i.Z)({},"& .".concat(C.label),n.label)]}})((function(e){var n,t=e.theme;return n={padding:"0 8px",width:"100%",display:"flex",alignItems:"center",cursor:"pointer",WebkitTapHighlightColor:"transparent","&:hover":{backgroundColor:(t.vars||t).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}}},(0,i.Z)(n,"&.".concat(C.disabled),{opacity:(t.vars||t).palette.action.disabledOpacity,backgroundColor:"transparent"}),(0,i.Z)(n,"&.".concat(C.focused),{backgroundColor:(t.vars||t).palette.action.focus}),(0,i.Z)(n,"&.".concat(C.selected),(0,i.Z)({backgroundColor:t.vars?"rgba(".concat(t.vars.palette.primary.mainChannel," / ").concat(t.vars.palette.action.selectedOpacity,")"):(0,d.Fq)(t.palette.primary.main,t.palette.action.selectedOpacity),"&:hover":{backgroundColor:t.vars?"rgba(".concat(t.vars.palette.primary.mainChannel," / calc(").concat(t.vars.palette.action.selectedOpacity," + ").concat(t.vars.palette.action.hoverOpacity,"))"):(0,d.Fq)(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:t.vars?"rgba(".concat(t.vars.palette.primary.mainChannel," / ").concat(t.vars.palette.action.selectedOpacity,")"):(0,d.Fq)(t.palette.primary.main,t.palette.action.selectedOpacity)}}},"&.".concat(C.focused),{backgroundColor:t.vars?"rgba(".concat(t.vars.palette.primary.mainChannel," / calc(").concat(t.vars.palette.action.selectedOpacity," + ").concat(t.vars.palette.action.focusOpacity,"))"):(0,d.Fq)(t.palette.primary.main,t.palette.action.selectedOpacity+t.palette.action.focusOpacity)})),(0,i.Z)(n,"& .".concat(C.iconContainer),{marginRight:4,width:15,display:"flex",flexShrink:0,justifyContent:"center","& svg":{fontSize:18}}),(0,i.Z)(n,"& .".concat(C.label),(0,r.Z)({width:"100%",minWidth:0,paddingLeft:4,position:"relative"},t.typography.body1)),n})),k=(0,s.ZP)(u.Z,{name:"MuiTreeItem",slot:"Group",overridesResolver:function(e,n){return n.group}})({margin:0,padding:0,marginLeft:17}),M=o.forwardRef((function(e,n){var t,i=(0,f.Z)({props:e,name:"MuiTreeItem"}),s=i.children,d=i.className,g=i.collapseIcon,I=i.ContentComponent,C=void 0===I?Z:I,M=i.ContentProps,O=i.endIcon,P=i.expandIcon,N=i.disabled,T=i.icon,R=i.id,j=i.label,A=i.nodeId,F=i.onClick,D=i.onMouseDown,K=i.TransitionComponent,V=void 0===K?u.Z:K,z=i.TransitionProps,L=(0,l.Z)(i,w),B=o.useContext(h.d),_=B.icons,H=B.focus,q=B.isExpanded,U=B.isFocused,Y=B.isSelected,W=B.isDisabled,G=B.multiSelect,J=B.disabledItemsFocusable,Q=B.mapFirstChar,X=B.unMapFirstChar,$=B.registerNode,ee=B.unregisterNode,ne=B.treeId;null!=R?t=R:ne&&A&&(t="".concat(ne,"-").concat(A));var te,re,oe,ae=o.useState(null),ie=(0,a.Z)(ae,2),le=ie[0],ce=ie[1],ue=o.useRef(null),se=(0,v.Z)(ce,n),de=o.useMemo((function(){return{element:le,id:A}}),[A,le]),fe=(0,b.Y)(de),pe=fe.index,ve=fe.parentId,me=Boolean(Array.isArray(s)?s.length:s),he=!!q&&q(A),be=!!U&&U(A),xe=!!Y&&Y(A),ge=!!W&&W(A),Ze=(0,r.Z)({},i,{expanded:he,focused:be,selected:xe,disabled:ge}),Ie=function(e){var n=e.classes;return(0,m.Z)({root:["root"],content:["content"],expanded:["expanded"],selected:["selected"],focused:["focused"],disabled:["disabled"],iconContainer:["iconContainer"],label:["label"],group:["group"]},y,n)}(Ze);return me&&(re=he?g||_.defaultCollapseIcon:P||_.defaultExpandIcon),te=me?_.defaultParentIcon:O||_.defaultEndIcon,o.useEffect((function(){if($&&ee&&-1!==pe)return $({id:A,idAttribute:t,index:pe,parentId:ve,expandable:me,disabled:N}),function(){ee(A)}}),[$,ee,ve,pe,A,me,N,t]),o.useEffect((function(){var e,n;if(Q&&X&&j)return Q(A,(null!=(e=null==(n=ue.current)?void 0:n.textContent)?e:"").substring(0,1).toLowerCase()),function(){X(A)}}),[Q,X,A,j]),G?oe=xe:xe&&(oe=!0),(0,x.jsxs)(S,(0,r.Z)({className:(0,c.Z)(Ie.root,d),role:"treeitem","aria-expanded":me?he:void 0,"aria-selected":oe,"aria-disabled":ge||void 0,id:t,tabIndex:-1},L,{ownerState:Ze,onFocus:function(e){e.target===e.currentTarget&&("function"===typeof e.target.getRootNode?e.target.getRootNode():(0,p.Z)(e.target)).getElementById(ne).focus({preventScroll:!0});var n=!J&&ge;be||e.currentTarget!==e.target||n||H(e,A)},ref:se,children:[(0,x.jsx)(E,(0,r.Z)({as:C,ref:ue,classes:{root:Ie.content,expanded:Ie.expanded,selected:Ie.selected,focused:Ie.focused,disabled:Ie.disabled,iconContainer:Ie.iconContainer,label:Ie.label},label:j,nodeId:A,onClick:F,onMouseDown:D,icon:T,expansionIcon:re,displayIcon:te,ownerState:Ze},M)),s&&(0,x.jsx)(b.w,{id:A,children:(0,x.jsx)(k,(0,r.Z)({as:V,unmountOnExit:!0,className:Ie.group,in:he,component:"ul",role:"group"},z,{children:s}))})]}))})),O=!1,P=o.forwardRef((function(e,n){return O||(console.warn(["MUI: The TreeItem component was moved from `@mui/lab` to `@mui/x-tree-view`.","The component will no longer be exported from `@mui/lab` in the first release of October 2023.","","You should use `import { TreeItem } from '@mui/x-tree-view'`","or `import { TreeItem } from '@mui/x-tree-view/TreeItem'`","","More information about this migration on our blog: https://mui.com/blog/lab-tree-view-to-mui-x/."].join("\n")),O=!0),(0,x.jsx)(M,(0,r.Z)({},e,{ref:n}))}))},24837:function(e,n,t){"use strict";t.d(n,{Z:function(){return O}});var r=t(7896),o=t(30969),a=t(96234),i=t(31461),l=t(87023),c=t(45971),u=t(17363),s=t(94702),d=t(26540),f=t(29959),p=t(14006),v=t(4422),m=t(3210),h=t(79333),b=t(45477),x=t(2975);function g(e){return(0,x.Z)("MuiTreeView",e)}(0,t(62746).Z)("MuiTreeView",["root"]);var Z=t(37574),I=["children","className","defaultCollapseIcon","defaultEndIcon","defaultExpanded","defaultExpandIcon","defaultParentIcon","defaultSelected","disabledItemsFocusable","disableSelection","expanded","id","multiSelect","onBlur","onFocus","onKeyDown","onNodeFocus","onNodeSelect","onNodeToggle","selected"],y=(0,c.ZP)("ul",{name:"MuiTreeView",slot:"Root",overridesResolver:function(e,n){return n.root}})({padding:0,margin:0,listStyle:"none",outline:0});function C(e,n,t){for(var r=n;r<e.length;r+=1)if(t===e[r])return r;return-1}function w(){return!1}var S=[],E=[],k=o.forwardRef((function(e,n){var t,c,x,k,M,O=(0,u.Z)({props:e,name:"MuiTreeView"}),P=(0,r.Z)({},O,{disabledItemsFocusable:null!=(t=O.disabledItemsFocusable)&&t,disableSelection:null!=(c=O.disableSelection)&&c,multiSelect:null!=(x=O.multiSelect)&&x,defaultExpanded:null!=(k=O.defaultExpanded)?k:S,defaultSelected:null!=(M=O.defaultSelected)?M:E}),N=P.children,T=P.className,R=P.defaultCollapseIcon,j=P.defaultEndIcon,A=P.defaultExpanded,F=P.defaultExpandIcon,D=P.defaultParentIcon,K=P.defaultSelected,V=P.disabledItemsFocusable,z=P.disableSelection,L=P.expanded,B=P.id,_=P.multiSelect,H=P.onBlur,q=P.onFocus,U=P.onKeyDown,Y=P.onNodeFocus,W=P.onNodeSelect,G=P.onNodeToggle,J=P.selected,Q=(0,i.Z)(P,I),X="rtl"===(0,s.Z)().direction,$=function(e){var n=e.classes;return(0,d.Z)({root:["root"]},g,n)}(P),ee=(0,m.Z)(B),ne=o.useRef(null),te=(0,p.Z)(ne,n),re=o.useState(null),oe=(0,a.Z)(re,2),ae=oe[0],ie=oe[1],le=o.useRef({}),ce=o.useRef({}),ue=(0,f.Z)({controlled:L,default:A,name:"TreeView",state:"expanded"}),se=(0,a.Z)(ue,2),de=se[0],fe=se[1],pe=(0,f.Z)({controlled:J,default:K,name:"TreeView",state:"selected"}),ve=(0,a.Z)(pe,2),me=ve[0],he=ve[1],be=o.useCallback((function(e){return!!Array.isArray(de)&&-1!==de.indexOf(e)}),[de]),xe=o.useCallback((function(e){return le.current[e]&&le.current[e].expandable}),[]),ge=o.useCallback((function(e){return Array.isArray(me)?-1!==me.indexOf(e):me===e}),[me]),Ze=o.useCallback((function(e){if(null==e)return!1;var n=le.current[e];if(!n)return!1;if(n.disabled)return!0;for(;null!=n.parentId;)if((n=le.current[n.parentId]).disabled)return!0;return!1}),[]),Ie=function(e){return Object.keys(le.current).map((function(e){return le.current[e]})).filter((function(n){return n.parentId===e})).sort((function(e,n){return e.index-n.index})).map((function(e){return e.id}))},ye=function(e){var n=Ie(e);return V||(n=n.filter((function(e){return!Ze(e)}))),n},Ce=function(e){if(be(e)&&ye(e).length>0)return ye(e)[0];for(var n=le.current[e];null!=n;){var t=ye(n.parentId),r=t[t.indexOf(n.id)+1];if(r)return r;n=le.current[n.parentId]}return null},we=function(e){var n=le.current[e],t=ye(n.parentId),r=t.indexOf(e);if(0===r)return n.parentId;for(var o=t[r-1];be(o)&&ye(o).length>0;)o=ye(o).pop();return o},Se=function(){for(var e=ye(null).pop();be(e);)e=ye(e).pop();return e},Ee=function(){return ye(null)[0]},ke=function(e,n){for(var t=function(e,n){if(e===n)return[e,n];var t=le.current[e],r=le.current[n];if(t.parentId===r.id||r.parentId===t.id)return r.parentId===t.id?[t.id,r.id]:[r.id,t.id];for(var o=[t.id],a=[r.id],i=t.parentId,l=r.parentId,c=-1!==a.indexOf(i),u=-1!==o.indexOf(l),s=!0,d=!0;!u&&!c;)s&&(o.push(i),s=null!==i,!(c=-1!==a.indexOf(i))&&s&&(i=le.current[i].parentId)),d&&!c&&(a.push(l),d=null!==l,!(u=-1!==o.indexOf(l))&&d&&(l=le.current[l].parentId));var f=c?i:l,p=Ie(f),v=o[o.indexOf(f)-1],m=a[a.indexOf(f)-1];return p.indexOf(v)<p.indexOf(m)?[e,n]:[n,e]}(e,n),r=(0,a.Z)(t,2),o=r[0],i=r[1],l=[o],c=o;c!==i;)c=Ce(c),l.push(c);return l},Me=function(e,n){n&&(ie(n),Y&&Y(e,n))},Oe=function(e,n){return Me(e,Ce(n))},Pe=function(e){var n,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:ae;null!=t&&(n=-1!==de.indexOf(t)?de.filter((function(e){return e!==t})):[t].concat(de),G&&G(e,n),fe(n))},Ne=o.useRef(null),Te=o.useRef(!1),Re=o.useRef([]),je=function(e,n){return!!n&&(arguments.length>2&&void 0!==arguments[2]&&arguments[2]?function(e,n){var t;Array.isArray(me)&&(t=-1!==me.indexOf(n)?me.filter((function(e){return e!==n})):[n].concat(me),W&&W(e,t),he(t))}(e,n):function(e,n){var t=_?[n]:n;W&&W(e,t),he(t)}(e,n),Ne.current=n,Te.current=!1,Re.current=[],!0)},Ae=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=n.start,o=void 0===r?Ne.current:r,a=n.end,i=n.current;t?function(e,n){var t=me.slice(),r=n.start,o=n.next,a=n.current;o&&a&&(-1===Re.current.indexOf(a)&&(Re.current=[]),Te.current?-1!==Re.current.indexOf(o)?(t=t.filter((function(e){return e===r||e!==a})),Re.current=Re.current.filter((function(e){return e===r||e!==a}))):(t.push(o),Re.current.push(o)):(t.push(o),Re.current.push(a,o)),W&&W(e,t),he(t))}(e,{start:o,next:a,current:i}):null!=o&&null!=a&&function(e,n){var t=me.slice(),r=n.start,o=n.end;Te.current&&(t=t.filter((function(e){return-1===Re.current.indexOf(e)})));var a=ke(r,o);a=a.filter((function(e){return!Ze(e)})),Re.current=a;var i=t.concat(a);i=i.filter((function(e,n){return i.indexOf(e)===n})),W&&W(e,i),he(i)}(e,{start:o,end:a}),Te.current=!0},Fe=o.useCallback((function(e){var n=e.id,t=e.index,r=e.parentId,o=e.expandable,a=e.idAttribute,i=e.disabled;le.current[n]={id:n,index:t,parentId:r,expandable:o,idAttribute:a,disabled:i}}),[]),De=o.useCallback((function(e){var n=(0,r.Z)({},le.current);delete n[e],le.current=n,ie((function(n){return n===e&&ne.current===(0,v.Z)(ne.current).activeElement?Ie(null)[0]:n}))}),[]),Ke=o.useCallback((function(e,n){ce.current[e]=n}),[]),Ve=o.useCallback((function(e){var n=(0,r.Z)({},ce.current);delete n[e],ce.current=n}),[]),ze=function(e){return null!=ae&&xe(ae)&&(be(ae)?Oe(e,ae):Ze(ae)||Pe(e)),!0},Le=function(e){if(null==ae)return!1;if(be(ae)&&!Ze(ae))return Pe(e,ae),!0;var n,t=(n=ae,le.current[n].parentId);return!!t&&(Me(e,t),!0)},Be=le.current[ae]?le.current[ae].idAttribute:null;return(0,Z.jsx)(h.d.Provider,{value:{icons:{defaultCollapseIcon:R,defaultExpandIcon:F,defaultParentIcon:D,defaultEndIcon:j},focus:Me,toggleExpansion:Pe,isExpanded:be,isExpandable:xe,isFocused:function(e){return ae===e},isSelected:ge,isDisabled:Ze,selectNode:z?w:je,selectRange:z?w:Ae,multiSelect:_,disabledItemsFocusable:V,mapFirstChar:Ke,unMapFirstChar:Ve,registerNode:Fe,unregisterNode:De,treeId:ee},children:(0,Z.jsx)(b.w,{children:(0,Z.jsx)(y,(0,r.Z)({role:"tree",id:ee,"aria-activedescendant":null!=Be?Be:void 0,"aria-multiselectable":_,className:(0,l.Z)($.root,T),tabIndex:0,onKeyDown:function(e){var n=!1,t=e.key;if(!e.altKey&&e.currentTarget===e.target&&ae){var r,o=e.ctrlKey||e.metaKey;switch(t){case" ":z||null==ae||Ze(ae)||(_&&e.shiftKey?(Ae(e,{end:ae}),n=!0):n=_?je(e,ae,!0):je(e,ae)),e.stopPropagation();break;case"Enter":Ze(ae)||(xe(ae)?(Pe(e),n=!0):n=_?je(e,ae,!0):je(e,ae)),e.stopPropagation();break;case"ArrowDown":_&&e.shiftKey&&!z&&function(e,n){Ze(Ce(n))||Ae(e,{end:Ce(n),current:n},!0)}(e,ae),Oe(e,ae),n=!0;break;case"ArrowUp":_&&e.shiftKey&&!z&&function(e,n){Ze(we(n))||Ae(e,{end:we(n),current:n},!0)}(e,ae),function(e,n){Me(e,we(n))}(e,ae),n=!0;break;case"ArrowRight":n=X?Le(e):ze(e);break;case"ArrowLeft":n=X?ze(e):Le(e);break;case"Home":_&&o&&e.shiftKey&&!z&&!Ze(ae)&&function(e,n){Ne.current||(Ne.current=n);var t=Te.current?Ne.current:n;Ae(e,{start:t,end:Ee()})}(e,ae),function(e){Me(e,Ee())}(e),n=!0;break;case"End":_&&o&&e.shiftKey&&!z&&!Ze(ae)&&function(e,n){Ne.current||(Ne.current=n);var t=Te.current?Ne.current:n;Ae(e,{start:t,end:Se()})}(e,ae),function(e){Me(e,Se())}(e),n=!0;break;default:"*"===t?(!function(e,n){var t=le.current[n],r=Ie(t.parentId).filter((function(e){return xe(e)&&!be(e)})),o=de.concat(r);r.length>0&&(fe(o),G&&G(e,o))}(e,ae),n=!0):_&&o&&"a"===t.toLowerCase()&&!z?(!function(e){Ae(e,{start:Ee(),end:Se()})}(e),n=!0):!o&&!e.shiftKey&&((r=t)&&1===r.length&&r.match(/\S/))&&(!function(e,n,t){var r,o,a=t.toLowerCase(),i=[],l=[];Object.keys(ce.current).forEach((function(e){var n=le.current[e],t=!n.parentId||be(n.parentId),r=!V&&Ze(e);t&&!r&&(i.push(e),l.push(ce.current[e]))})),(r=i.indexOf(n)+1)>=i.length&&(r=0),-1===(o=C(l,r,a))&&(o=C(l,0,a)),o>-1&&Me(e,i[o])}(e,ae,t),n=!0)}n&&(e.preventDefault(),e.stopPropagation()),U&&U(e)}},onFocus:function(e){if(e.target===e.currentTarget){var n=Array.isArray(me)?me[0]:me;Me(e,n||ye(null)[0])}q&&q(e)},onBlur:function(e){ie(null),H&&H(e)},ownerState:P},Q,{ref:te,children:N}))})})})),M=!1,O=o.forwardRef((function(e,n){return M||(console.warn(["MUI: The TreeView component was moved from `@mui/lab` to `@mui/x-tree-view`.","The component will no longer be exported from `@mui/lab` in the first release of October 2023.","","You should use `import { TreeView } from '@mui/x-tree-view'`","or `import { TreeView } from '@mui/x-tree-view/TreeView'`","","More information about this migration on our blog: https://mui.com/blog/lab-tree-view-to-mui-x/."].join("\n")),M=!0),(0,Z.jsx)(k,(0,r.Z)({},e,{ref:n}))}))},15012:function(e,n,t){"use strict";t.d(n,{Z:function(){return R}});var r=t(68079),o=t(96234),a=t(56666),i=t(7896),l=t(31461),c=t(30969),u=(t(9479),t(87023)),s=t(26540),d=t(82108),f=t(45971),p=t(17363),v=t(33359),m=t(74262),h=t(17469),b=t(37574),x=(0,h.Z)((0,b.jsx)("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz"),g=t(4839),Z=["slots","slotProps"],I=(0,f.ZP)(g.Z)((function(e){var n=e.theme;return(0,i.Z)({display:"flex",marginLeft:"calc(".concat(n.spacing(1)," * 0.5)"),marginRight:"calc(".concat(n.spacing(1)," * 0.5)")},"light"===n.palette.mode?{backgroundColor:n.palette.grey[100],color:n.palette.grey[700]}:{backgroundColor:n.palette.grey[700],color:n.palette.grey[100]},{borderRadius:2,"&:hover, &:focus":(0,i.Z)({},"light"===n.palette.mode?{backgroundColor:n.palette.grey[200]}:{backgroundColor:n.palette.grey[600]}),"&:active":(0,i.Z)({boxShadow:n.shadows[0]},"light"===n.palette.mode?{backgroundColor:(0,m._4)(n.palette.grey[200],.12)}:{backgroundColor:(0,m._4)(n.palette.grey[600],.12)})})})),y=(0,f.ZP)(x)({width:24,height:16});var C=function(e){var n=e.slots,t=void 0===n?{}:n,r=e.slotProps,o=void 0===r?{}:r,a=(0,l.Z)(e,Z),c=e;return(0,b.jsx)("li",{children:(0,b.jsx)(I,(0,i.Z)({focusRipple:!0},a,{ownerState:c,children:(0,b.jsx)(y,(0,i.Z)({as:t.CollapsedIcon,ownerState:c},o.collapsedIcon))}))})},w=t(62746),S=t(2975);function E(e){return(0,S.Z)("MuiBreadcrumbs",e)}var k=(0,w.Z)("MuiBreadcrumbs",["root","ol","li","separator"]),M=["children","className","component","slots","slotProps","expandText","itemsAfterCollapse","itemsBeforeCollapse","maxItems","separator"],O=(0,f.ZP)(v.Z,{name:"MuiBreadcrumbs",slot:"Root",overridesResolver:function(e,n){return[(0,a.Z)({},"& .".concat(k.li),n.li),n.root]}})({}),P=(0,f.ZP)("ol",{name:"MuiBreadcrumbs",slot:"Ol",overridesResolver:function(e,n){return n.ol}})({display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"}),N=(0,f.ZP)("li",{name:"MuiBreadcrumbs",slot:"Separator",overridesResolver:function(e,n){return n.separator}})({display:"flex",userSelect:"none",marginLeft:8,marginRight:8});function T(e,n,t,r){return e.reduce((function(o,a,i){return i<e.length-1?o=o.concat(a,(0,b.jsx)(N,{"aria-hidden":!0,className:n,ownerState:r,children:t},"separator-".concat(i))):o.push(a),o}),[])}var R=c.forwardRef((function(e,n){var t=(0,p.Z)({props:e,name:"MuiBreadcrumbs"}),a=t.children,f=t.className,v=t.component,m=void 0===v?"nav":v,h=t.slots,x=void 0===h?{}:h,g=t.slotProps,Z=void 0===g?{}:g,I=t.expandText,y=void 0===I?"Show path":I,w=t.itemsAfterCollapse,S=void 0===w?1:w,k=t.itemsBeforeCollapse,N=void 0===k?1:k,R=t.maxItems,j=void 0===R?8:R,A=t.separator,F=void 0===A?"/":A,D=(0,l.Z)(t,M),K=c.useState(!1),V=(0,o.Z)(K,2),z=V[0],L=V[1],B=(0,i.Z)({},t,{component:m,expanded:z,expandText:y,itemsAfterCollapse:S,itemsBeforeCollapse:N,maxItems:j,separator:F}),_=function(e){var n=e.classes;return(0,s.Z)({root:["root"],li:["li"],ol:["ol"],separator:["separator"]},E,n)}(B),H=(0,d.y)({elementType:x.CollapsedIcon,externalSlotProps:Z.collapsedIcon,ownerState:B}),q=c.useRef(null),U=c.Children.toArray(a).filter((function(e){return c.isValidElement(e)})).map((function(e,n){return(0,b.jsx)("li",{className:_.li,children:e},"child-".concat(n))}));return(0,b.jsx)(O,(0,i.Z)({ref:n,component:m,color:"text.secondary",className:(0,u.Z)(_.root,f),ownerState:B},D,{children:(0,b.jsx)(P,{className:_.ol,ref:q,ownerState:B,children:T(z||j&&U.length<=j?U:function(e){return N+S>=e.length?e:[].concat((0,r.Z)(e.slice(0,N)),[(0,b.jsx)(C,{"aria-label":y,slots:{CollapsedIcon:x.CollapsedIcon},slotProps:{collapsedIcon:H},onClick:function(){L(!0);var e=q.current.querySelector("a[href],button,[tabindex]");e&&e.focus()}},"ellipsis")],(0,r.Z)(e.slice(e.length-S,e.length)))}(U),_.separator,F,B)})}))}))},4953:function(e,n,t){"use strict";var r,o=t(56666),a=t(31461),i=t(7896),l=t(30969),c=t(87023),u=t(26540),s=t(24099),d=t(33359),f=t(43611),p=t(86171),v=t(45971),m=t(32467),h=t(17363),b=t(37574),x=["children","className","component","disablePointerEvents","disableTypography","position","variant"],g=(0,v.ZP)("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:function(e,n){var t=e.ownerState;return[n.root,n["position".concat((0,s.Z)(t.position))],!0===t.disablePointerEvents&&n.disablePointerEvents,n[t.variant]]}})((function(e){var n=e.theme,t=e.ownerState;return(0,i.Z)({display:"flex",height:"0.01em",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(n.vars||n).palette.action.active},"filled"===t.variant&&(0,o.Z)({},"&.".concat(m.Z.positionStart,"&:not(.").concat(m.Z.hiddenLabel,")"),{marginTop:16}),"start"===t.position&&{marginRight:8},"end"===t.position&&{marginLeft:8},!0===t.disablePointerEvents&&{pointerEvents:"none"})})),Z=l.forwardRef((function(e,n){var t=(0,h.Z)({props:e,name:"MuiInputAdornment"}),o=t.children,v=t.className,Z=t.component,I=void 0===Z?"div":Z,y=t.disablePointerEvents,C=void 0!==y&&y,w=t.disableTypography,S=void 0!==w&&w,E=t.position,k=t.variant,M=(0,a.Z)(t,x),O=(0,p.Z)()||{},P=k;k&&O.variant,O&&!P&&(P=O.variant);var N=(0,i.Z)({},t,{hiddenLabel:O.hiddenLabel,size:O.size,disablePointerEvents:C,position:E,variant:P}),T=function(e){var n=e.classes,t=e.disablePointerEvents,r=e.hiddenLabel,o=e.position,a=e.size,i=e.variant,l={root:["root",t&&"disablePointerEvents",o&&"position".concat((0,s.Z)(o)),i,r&&"hiddenLabel",a&&"size".concat((0,s.Z)(a))]};return(0,u.Z)(l,m.w,n)}(N);return(0,b.jsx)(f.Z.Provider,{value:null,children:(0,b.jsx)(g,(0,i.Z)({as:I,ownerState:N,className:(0,c.Z)(T.root,v),ref:n},M,{children:"string"!==typeof o||S?(0,b.jsxs)(l.Fragment,{children:["start"===E?r||(r=(0,b.jsx)("span",{className:"notranslate",children:"\u200b"})):null,o]}):(0,b.jsx)(d.Z,{color:"text.secondary",children:o})}))})}));n.Z=Z},32467:function(e,n,t){"use strict";t.d(n,{w:function(){return a}});var r=t(62746),o=t(2975);function a(e){return(0,o.Z)("MuiInputAdornment",e)}var i=(0,r.Z)("MuiInputAdornment",["root","filled","standard","outlined","positionStart","positionEnd","disablePointerEvents","hiddenLabel","sizeSmall"]);n.Z=i},79333:function(e,n,t){"use strict";t.d(n,{d:function(){return r}});var r=t(30969).createContext({registerNode:function(){},unregisterNode:function(){},isFocused:function(){return!1},isSelected:function(){return!1},isExpanded:function(){return!1},isExpandable:function(){return!1},isDisabled:function(){return!1},mapFirstChar:function(){},unMapFirstChar:function(){},focus:function(){},toggleExpansion:function(){},selectNode:function(){},selectRange:function(){},multiSelect:!1,disabledItemsFocusable:!1,treeId:void 0,icons:{defaultCollapseIcon:null,defaultExpandIcon:null,defaultParentIcon:null,defaultEndIcon:null}})},45477:function(e,n,t){"use strict";t.d(n,{Y:function(){return f},w:function(){return p}});var r=t(96234),o=t(31461),a=t(7896),i=t(30969),l=t(2938),c=t(37574),u=["element"];var s=i.createContext({});var d=function(){};function f(e){var n=i.useState(),t=(0,r.Z)(n,2)[1],o=i.useContext(s),c=o.registerDescendant,u=void 0===c?d:c,f=o.unregisterDescendant,p=void 0===f?d:f,v=o.descendants,m=void 0===v?[]:v,h=o.parentId,b=void 0===h?null:h,x=function(e,n){for(var t=0;t<e.length;t+=1)if(n(e[t]))return t;return-1}(m,(function(n){return n.element===e.element})),g=function(e){var n=i.useRef(null);return i.useEffect((function(){n.current=e}),[e]),n.current}(m),Z=m.some((function(e,n){return g&&g[n]&&g[n].element!==e.element}));return(0,l.Z)((function(){if(e.element)return u((0,a.Z)({},e,{index:x})),function(){p(e.element)};t({})}),[u,p,x,Z,e]),{parentId:b,index:x}}function p(e){var n=e.children,t=e.id,l=i.useState([]),d=(0,r.Z)(l,2),f=d[0],p=d[1],v=i.useCallback((function(e){var n=e.element,t=(0,o.Z)(e,u);p((function(e){if(0===e.length)return[(0,a.Z)({},t,{element:n,index:0})];var r,o=function(e,n){for(var t=0,r=e.length-1;t<=r;){var o=Math.floor((t+r)/2);if(e[o].element===n)return o;e[o].element.compareDocumentPosition(n)&Node.DOCUMENT_POSITION_PRECEDING?r=o-1:t=o+1}return t}(e,n);if(e[o]&&e[o].element===n)r=e;else{var i=(0,a.Z)({},t,{element:n,index:o});(r=e.slice()).splice(o,0,i)}return r.forEach((function(e,n){e.index=n})),r}))}),[]),m=i.useCallback((function(e){p((function(n){return n.filter((function(n){return e!==n.element}))}))}),[]),h=i.useMemo((function(){return{descendants:f,registerDescendant:v,unregisterDescendant:m,parentId:t}}),[f,v,m,t]);return(0,c.jsx)(s.Provider,{value:h,children:n})}},65667:function(e,n){var t;!function(){"use strict";var r={}.hasOwnProperty;function o(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var a=typeof t;if("string"===a||"number"===a)e.push(t);else if(Array.isArray(t)){if(t.length){var i=o.apply(null,t);i&&e.push(i)}}else if("object"===a){if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]")){e.push(t.toString());continue}for(var l in t)r.call(t,l)&&t[l]&&e.push(l)}}}return e.join(" ")}e.exports?(o.default=o,e.exports=o):void 0===(t=function(){return o}.apply(n,[]))||(e.exports=t)}()},63146:function(e,n,t){var r=t(73360),o=t(53937),a=t(90280),i=t(95788),l=a((function(e,n){return i(e)?r(e,o(n,1,i,!0)):[]}));e.exports=l}}]);
+//# sourceMappingURL=6084.30821f2c.chunk.js.map

package/build/static/js/6139.cabc22a2.chunk.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[6139],{70998:function(e,n,t){t.d(n,{Z:function(){return b}});var o=t(33028),l=t(59740),r=t(24974),i=t.n(r),c=t(59467),a=t(62399),s=t(19611),d=t.n(s),u=t(20244),p=t(41395),h=t(24891);var m=t(37574),f=["blocklet","style","size","ancestors"];function b(e){var n=e.blocklet,t=e.style,r=e.size,i=e.ancestors,s=(0,l.Z)(e,f),b=(0,p.h6)(),x=function(e){var n,t=e.blocklet,o=e.ancestors,l=void 0===o?[]:o,r=(0,p.h6)(),i=r.inService,c="?v=".concat(null===t||void 0===t||null===(n=t.meta)||void 0===n?void 0:n.version).concat((0,h.XN)(null===t||void 0===t?void 0:t.status)?"~":""),a=i?d()(h.zn,u.WELLKNOWN_SERVICE_PATH_PREFIX,"/blocklet/logo-bundle",c):d()(r.imgPrefix,"blocklet.png");if("registry"===t.source&&t.deployedFrom&&t.meta.logo)a=d()(t.deployedFrom,(0,h.lk)(t.meta.bundleDid,t.meta.logo),c);else{var s=window.env.apiPrefix||"/",m=l.concat(t),f=i?m.slice(1):m;a=d()(s,"/blocklet/logo-bundle".concat(f.map((function(e){return"/".concat(e.meta.did)})).join("")),c)}return{logoUrl:a,inService:i}}({blocklet:n,ancestors:i}),v=x.logoUrl,Z=x.inService,j=s.variant,k=Z?function(){}:function(e){e.target.src="".concat(b.imgPrefix,"/blocklet.png")},g=(0,m.jsx)("img",{src:v,onError:k,alt:n.meta.name,style:{width:r}});return n.meta.logo||(g=(0,m.jsx)(a.Z,{did:n.meta.did||"",responsive:!0})),(0,m.jsx)(c.Z,(0,o.Z)((0,o.Z)({variant:j||"square",style:Object.assign({backgroundColor:"transparent",width:r,height:r,borderRadius:10},t)},s),{},{children:g}))}b.propTypes={blocklet:i().object.isRequired,style:i().object,size:i().oneOfType([i().number,i().string]),ancestors:i().array},b.defaultProps={style:{},size:40,ancestors:[]}},16139:function(e,n,t){t.r(n),t.d(n,{default:function(){return Qe}});var o=t(71171),l=t(30969),r=t(30734),i=t(16380),c=t(38361),a=t(96234),s=t(86822),d=t(26022),u=t(94551),p=t(10814),h=t(2291),m=t(29996),f=t(1986),b=t(9715),x=t(16438),v=t(45008),Z=t(41395),j=t(33028),k=t(59740),g=t(24974),y=t.n(g),T=t(94308),I=t(37574),E=["size"];function P(e){var n=e.size,t=(0,k.Z)(e,E);return(0,I.jsx)(c.Z,(0,j.Z)((0,j.Z)({display:"flex",mt:4},t),{},{children:(0,I.jsx)(T.Z,{size:n})}))}P.propTypes={size:y().number},P.defaultProps={size:24};var R,S=t(36558),C=t(8479);function N(){var e=(0,d.PE)(),n=e.t,t=e.locale,o=(0,Z.h6)().api,r=(0,l.useState)(!0),i=(0,a.Z)(r,2),j=i[0],k=i[1],g=(0,v.y0)().blocklet,y=(0,l.useState)(null),T=(0,a.Z)(y,2),E=T[0],R=T[1],N=(0,l.useState)(null),w=(0,a.Z)(N,2),_=w[0],z=w[1],V=function(){o.getProjects({input:{did:g.meta.did}}).then((function(e){var n=(null===e||void 0===e?void 0:e.projects)||[];k(!1),z(n)})).catch((function(e){k(!1),f.Z.error(e.message)}))};if((0,l.useEffect)((function(){V()}),[]),!_&&j)return(0,I.jsx)(P,{});if(!_)return null;if(!_.length)return(0,I.jsxs)(c.Z,{display:"flex",flexDirection:"column",alignItems:"center",pt:10,children:[(0,I.jsx)(c.Z,{sx:{fontSize:20,fontWeight:"bold",mb:3},children:n("blocklet.publish.blockletEmptyTip")}),(0,I.jsx)(c.Z,{sx:{fontSize:14,color:"text.secondary",mb:3},children:n("blocklet.publish.createBlockletTip")}),(0,I.jsx)(s.rU,{to:"create",children:(0,I.jsx)(m.Z,{variant:"contained",children:n("blocklet.publish.createBlocklet")})})]});var A=[{label:"Blocklet",name:"blockletTitle",options:{customBodyRenderLite:function(e){var n=_[e];return(0,I.jsx)(s.rU,{to:"".concat(n.id),children:n.blockletTitle||"/"})}}},{label:"DID",name:"blockletDid",options:{customBodyRender:function(e){return(0,I.jsx)(S.Z,{size:14,responsive:!0,did:e})}}},{label:"Version",name:"blockletVersion",options:{customBodyRender:function(e){return e?(0,I.jsx)(b.Z,{type:"success",children:e}):""}}},{label:n("common.updatedAt"),name:"updatedAt",options:{customBodyRender:function(e){return(0,I.jsx)(x.Z,{value:Number(e),locale:t})}}},{label:n("common.actions"),name:"actions",options:{customBodyRenderLite:function(e){var n=_[e];return(0,I.jsx)(c.Z,{display:"flex",children:(0,I.jsx)(u.Z,{color:"error","aria-label":"delete",onClick:function(){return function(e){R(e)}(n)},children:(0,I.jsx)(p.default,{sx:{fontSize:18}})})})}}}];return(0,I.jsxs)(B,{children:[(0,I.jsx)(c.Z,{sx:{textAlign:"right"},children:(0,I.jsx)(s.rU,{to:"create",children:(0,I.jsx)(m.Z,{variant:"contained",children:n("blocklet.publish.createBlocklet")})})}),(0,I.jsx)(h.Z,{className:"main-table",locale:t,data:_,columns:A,options:{sort:!1,download:!1,filter:!1,print:!1,search:!1}}),E&&(0,I.jsx)(C.Z,{title:"".concat(n("common.delete")," ").concat(E.blockletTitle),description:n("blocklet.publish.deleteBlockletTip"),confirm:n("common.confirm"),onConfirm:function(){k(!1);var e=E.id;o.deleteProject({input:{did:g.meta.did,projectId:e}}).then((function(){k(!1),V(),f.Z.success(n("common.removeSuccess"))})).catch((function(e){k(!1),f.Z.error(e.message)}))},onCancel:function(){return R(null)}})]})}N.propTypes={};var w,B=(0,i.Z)(c.Z)(R||(R=(0,o.Z)(["\n  .main-table > div:first-child {\n    display: none;\n  }\n"]))),_=t(33665),z=t(2689),V=t(87006),A=t(33359),L=t(15012),O=t(4953),D=t(31575),W=t(77370),M=[{label:{en:"Resource",zh:"\u8d44\u6e90"},value:"resource"},{label:{en:"Application",zh:"\u5e94\u7528"},value:"pack",disabled:!0}];function U(e){var n=Object.assign({},((0,_.Z)(e),e)),t=(0,r.useNavigate)(),o=(0,d.PE)(),i=o.t,u=o.locale,p=(0,v.y0)().blocklet,h=(0,l.useState)(""),b=(0,a.Z)(h,2),x=b[0],k=b[1],g=(0,l.useState)(!1),y=(0,a.Z)(g,2),T=y[0],E=y[1],P=(0,l.useState)("resource"),R=(0,a.Z)(P,2),S=R[0],C=R[1],N=(0,W.T)().api,w=(0,Z.h6)().api,B=(0,l.useState)(),U=(0,a.Z)(B,2),F=U[0],X=U[1],H=(0,l.useState)(!1),J=(0,a.Z)(H,2),K=J[0],G=J[1];return(0,I.jsxs)(q,(0,j.Z)((0,j.Z)({},n),{},{children:[(0,I.jsxs)(L.Z,{className:"breadcrumbs","aria-label":"breadcrumb",children:[(0,I.jsx)(s.rU,{to:"..",children:i("common.publish")}),(0,I.jsxs)(A.Z,{color:"text.primary",children:[i("common.create")," Blocklet"]})]}),(0,I.jsxs)(c.Z,{style:{maxWidth:500},children:[(0,I.jsx)(V.Z,{required:!0,sx:{mb:4},label:"Blocklet DID",fullWidth:!0,readonly:!0,autoComplete:"off",variant:"outlined",onClick:function(){return!F&&G(!0)},InputProps:{"data-cy":"export-blocklet-did",endAdornment:(0,I.jsx)(O.Z,{position:"end",children:(0,I.jsx)(m.Z,{onClick:function(){return G(!0)},children:i(F?"common.update":"common.create")})})},helperText:"",value:F||""}),K&&(0,I.jsx)(D.Z,{open:!0,popup:!0,onClose:function(){return G(!1)},action:"gen-blocklet-key-pair",locale:u,checkFn:N.get,saveConnect:!1,forceConnected:!1,checkTimeout:3e5,onSuccess:function(e){var n,t=null===e||void 0===e||null===(n=e.blockletWallet)||void 0===n?void 0:n.address;t?X(t):f.Z.error("Empty Blocklet DID"),G(!1)},onError:function(e){f.Z.error(e.message),G(!1)},extraParams:{did:p.meta.did},messages:{title:i("blocklet.publish.connect.title"),scan:i("blocklet.publish.connect.scan"),confirm:i("blocklet.publish.connect.confirm"),success:i("blocklet.publish.connect.success")}}),(0,I.jsx)(V.Z,{required:!0,label:"Blocklet ".concat(i("common.title")),autoComplete:"off",variant:"outlined",InputProps:{"data-cy":"export-blocklet-title"},fullWidth:!0,helperText:"",value:x||"",onChange:function(e){k(e.target.value)}}),(0,I.jsx)(V.Z,{sx:{my:4},id:"blocklet-type",select:!0,label:"Blocklet ".concat(i("common.type")),helperText:"",fullWidth:!0,value:S,onChange:function(e){return C(e.target.value)},children:M.map((function(e){return(0,I.jsx)(z.Z,{value:e.value,disabled:e.disabled,children:e.label[u]||e.label.en},e.value)}))})]}),(0,I.jsx)(m.Z,{variant:"contained",disabled:T,onClick:function(){F?x?(E(!0),w.createProject({input:{did:p.meta.did,blockletTitle:x||"",blockletDid:F,type:S}}).then((function(){E(!1),t("../",{replace:!0})})).catch((function(e){E(!1),f.Z.error(e.message)}))):f.Z.error(i("blocklet.publish.errorTip.noTitle")):f.Z.error(i("blocklet.publish.errorTip.noDid"))},children:i("common.create")})]}))}U.propTypes={},U.defaultProps={};var F,q=i.Z.div(w||(w=(0,o.Z)(["\n  .breadcrumbs {\n    margin-bottom: 24px;\n  }\n"]))),X=t(19611),H=t.n(X),J=t(70093),K=t.n(J),G=t(32677),Q=t(20244),Y=t(59505);function $(){var e=(0,d.PE)(),n=e.t,t=e.locale,o=(0,r.useParams)().projectId,i=(0,Z.h6)().api,j=(0,l.useState)(!0),k=(0,a.Z)(j,2),g=k[0],y=k[1],T=(0,v.y0)().blocklet,E=(0,l.useState)(null),R=(0,a.Z)(E,2),S=R[0],N=R[1],w=(0,l.useState)(null),B=(0,a.Z)(w,2),_=B[0],z=B[1],V=(0,l.useState)(null),O=(0,a.Z)(V,2),D=O[0],W=O[1];(0,l.useEffect)((function(){i.doBatchQuery({getProject:{input:{did:T.meta.did,projectId:o}},getReleases:{input:{did:T.meta.did,projectId:o}}}).then((function(e){z(e.getProject.project||{}),N(e.getReleases.releases||[]),y(!1)})).catch((function(e){y(!1),f.Z.error(e.message)}))}),[]);if(!S&&g)return(0,I.jsx)(P,{});if(!S)return null;var M=(0,I.jsxs)(L.Z,{className:"breadcrumbs","aria-label":"breadcrumb",children:[(0,I.jsx)(s.rU,{to:"..",children:n("common.publish")}),(0,I.jsx)(A.Z,{color:"text.primary",children:_.blockletTitle})]});if(!S.length)return(0,I.jsxs)(I.Fragment,{children:[M,(0,I.jsxs)(c.Z,{display:"flex",flexDirection:"column",alignItems:"center",pt:10,children:[(0,I.jsx)(c.Z,{sx:{fontSize:20,fontWeight:"bold",mb:3},children:n("blocklet.publish.releaseEmptyTip")}),(0,I.jsx)(c.Z,{sx:{fontSize:14,color:"text.secondary",mb:3},children:n("blocklet.publish.createReleaseTip")}),(0,I.jsx)(s.rU,{to:"create",children:(0,I.jsx)(m.Z,{variant:"contained",children:n("blocklet.publish.createRelease")})})]})]});var U=[{label:n("common.version"),name:"blockletVersion",options:{customBodyRenderLite:function(e){var n=S[e];return(0,I.jsx)(s.rU,{to:"".concat(n.id),children:n.blockletVersion||"/"})}}},{label:n("blocklet.publish.releaseNote"),name:"note",options:{customBodyRenderLite:function(e){var n=S[e];return(0,I.jsx)(A.Z,{className:"note",children:n.note||""})}}},{label:n("common.status"),name:"status",options:{customBodyRender:function(e){return(0,I.jsx)(b.Z,{type:"published"===e?"success":"warning",children:K()(e)})}}},{label:n("common.lastPublishedAt"),name:"updatedAt",options:{customBodyRenderLite:function(e){var n=S[e];return n.status!==Y.PROJECT.RELEASE_STATUS.published?"":(0,I.jsx)(x.Z,{value:Number(n.updatedAt),locale:t})}}},{label:n("common.actions"),name:"actions",options:{customBodyRenderLite:function(e){var n=S[e];return(0,I.jsxs)(c.Z,{display:"flex",alignItems:"center",children:[(0,I.jsx)(u.Z,{color:"primary","aria-label":"download",disabled:"published"!==n.status,children:"published"===n.status?(0,I.jsx)("a",{style:{display:"flex"},href:H()("".concat(Q.WELLKNOWN_SERVICE_PATH_PREFIX,"/api/project/").concat(T.meta.did,"/").concat(_.id,"/").concat(n.id,"/download/").concat((n.files||[])[0])),children:(0,I.jsx)(G.Z,{sx:{fontSize:18}})}):(0,I.jsx)(G.Z,{sx:{fontSize:18}})}),(0,I.jsx)(u.Z,{color:"error","aria-label":"delete",onClick:function(){return function(e){W(e)}(n)},children:(0,I.jsx)(p.default,{sx:{fontSize:18}})})]})}}}];return(0,I.jsxs)(ne,{children:[(0,I.jsxs)(c.Z,{className:"header",children:[M,(0,I.jsx)(s.rU,{to:"create",children:(0,I.jsx)(m.Z,{variant:"contained",children:n("blocklet.publish.createRelease")})})]}),(0,I.jsx)(h.Z,{className:"main-table",verticalKeyWidth:100,locale:t,data:S,columns:U,options:{sort:!1,download:!1,filter:!1,print:!1,search:!1}}),D&&(0,I.jsx)(C.Z,{title:n("".concat(n("common.delete")," ").concat(D.blockletVersion)),description:n("blocklet.publish.deleteReleaseTip"),confirm:n("common.confirm"),onConfirm:function(){y(!1);var e=D.id;i.deleteRelease({input:{did:T.meta.did,projectId:o,releaseId:e}}).then((function(){y(!1),i.getReleases({input:{did:T.meta.did,projectId:o}}).then((function(e){var n=(null===e||void 0===e?void 0:e.releases)||[];y(!1),N(n)})).catch((function(e){y(!1),f.Z.error(e.message)})),f.Z.success(n("common.removeSuccess"))})).catch((function(e){y(!1),f.Z.error(e.message)}))},onCancel:function(){return W(null)}})]})}$.propTypes={};var ee,ne=(0,i.Z)(c.Z)(F||(F=(0,o.Z)(["\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  .main-table > div:first-child {\n    display: none;\n  }\n  .note {\n    word-break: break-all;\n    white-space: pre-line;\n  }\n"]))),te=t(68079),oe=t(56666),le=t(43178),re=t(49735),ie=t.n(re),ce=t(60451),ae=t.n(ce),se=t(59467),de=t(30291),ue=t(78789),pe=t(19865),he=t(70998),me=t(24891),fe=t(32723),be=t(34795),xe=t(63146),ve=t.n(xe),Ze=t(65667),je=t.n(Ze),ke=t(92522),ge=t.n(ke),ye=t(49884),Te=t(24837),Ie=t(7418),Ee=t(88876),Pe=t(23038),Re=t(52838),Se=t(16374),Ce=t(96628),Ne=function(e,n){for(var t=(0,te.Z)(e);t.length>0;){var o=t.shift();if(o.id===n)return o;o.children&&t.push.apply(t,(0,te.Z)(o.children))}return[]};function we(e){var n=e.icon;return n?ge()(n)?(0,I.jsx)("img",{className:"resource-icon",src:n,alt:"icon"}):(0,I.jsx)(Ce.JO,{className:"resource-icon",icon:n}):null}function Be(e){var n=e.disabled,t=e.data,o=e.onChange,l=e.value;function r(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return n.push(e.id),e.children&&e.children.forEach((function(e){return r(e,n)})),n}var i=function(e){return r(Ne(t,e))},a=function e(n){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],l=Ne(t,n);return l.parent?(o.push(l.parent),e(l.parent,o)):o};function s(e,n){var t=i(e.id),o=t.indexOf(e.id);return t.splice(o,1),t.every((function(e){return l.concat(n).includes(e)}))}var d=function(e,n){e.stopPropagation();var r=i(n),c=a(n);if(l.includes(n)){var d=l.filter((function(e){return!r.concat(c).includes(e)}));o(d)}else{for(var u=r,p=0;p<c.length;++p)s(Ne(t,c[p]),u)&&u.push(c[p]);o((0,te.Z)(l).concat(u))}},u=function(e){e.stopPropagation()},p=t.some((function(e){var n;return(null===(n=e.children)||void 0===n?void 0:n.length)>0})),h=function e(t){return(0,I.jsx)(Ie.Z,{nodeId:t.id,label:(0,I.jsx)(ye.Z,{onClick:u,control:(0,I.jsx)(Ee.Z,{size:"small",checked:-1!==l.indexOf(t.id),tabIndex:-1,disableRipple:!0,onClick:function(e){return d(e,t.id)},disabled:n}),label:(0,I.jsxs)(c.Z,{className:"content",children:[(0,I.jsxs)(c.Z,{display:"flex",alignItems:"center",children:[t.icon&&(0,I.jsx)(we,{icon:t.icon}),(0,I.jsx)(c.Z,{className:"name",children:t.name}),t.url&&(0,I.jsx)("a",{href:t.url,target:"_blank",rel:"noreferrer",className:"link",children:(0,I.jsx)(Se.Z,{className:"link-icon"})})]}),!!t.description&&(0,I.jsx)(c.Z,{className:"description",children:t.description})]})}),children:Array.isArray(t.children)?t.children.map(e):null},t.id)};return(0,I.jsx)(ze,{className:je()(!p&&"no-children"),multiSelect:!0,defaultCollapseIcon:(0,I.jsx)(Pe.Z,{}),defaultExpandIcon:(0,I.jsx)(Re.default,{}),selected:l,children:t.map((function(e){return h(e)}))})}we.propTypes={icon:y().string},we.defaultProps={icon:""},Be.propTypes={data:y().array,value:y().array,onChange:y().func,disabled:y().bool},Be.defaultProps={data:[],value:[],onChange:function(){},disabled:!1};var _e,ze=(0,i.Z)(Te.Z)(ee||(ee=(0,o.Z)(["\n  &.no-children {\n    .MuiTreeItem-content {\n      padding: 0;\n      .MuiTreeItem-iconContainer {\n        display: none;\n      }\n      .MuiTreeItem-label {\n        padding-left: 0;\n      }\n    }\n  }\n  .MuiTreeItem-content {\n    align-items: flex-start;\n    .MuiTreeItem-iconContainer {\n      transform: translateY(10px);\n    }\n    &.Mui-selected {\n      background-color: transparent;\n    }\n  }\n  .MuiTreeItem-label {\n    cursor: default;\n  }\n  .MuiFormControlLabel-root {\n    align-items: flex-start;\n  }\n  .content {\n    padding-top: 6px;\n  }\n  .name {\n    font-size: 16px;\n    font-weight: 700;\n  }\n  .resource-icon {\n    margin-right: 2px;\n    font-size: 16px;\n  }\n  img.resource-icon {\n    width: 1rem;\n    height: 1rem;\n  }\n  .link {\n    margin-left: 8px;\n    font-size: 16px;\n    color: ",";\n    display: flex;\n  }\n  .link-icon {\n    font-size: inherit;\n  }\n  .description {\n    font-size: 14px;\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.palette.text.secondary})),Ve=t(54559),Ae=function e(n,t){return n.forEach((function(n){t&&(n.parent=t),(n.children||[]).forEach((function(t){t.parent=n.id,e(t.children||[],t.id)}))})),n},Le=function(e,n){return e.length!==n.length||!!ve()(e,n||[]).length};function Oe(e){var n=e.app,t=e.component,o=e.projectId,r=e.release,i=(0,d.PE)(),s=i.t,u=i.locale,p=(0,Z.h6)().api,h=(0,l.useState)([]),b=(0,a.Z)(h,2),x=b[0],v=b[1],j=(0,l.useState)([]),k=(0,a.Z)(j,2),g=k[0],y=k[1],T=(0,l.useState)([]),E=(0,a.Z)(T,2),P=E[0],R=E[1],S=(0,l.useState)(!1),C=(0,a.Z)(S,2),N=C[0],w=C[1],B=r.id,_="published"===r.status,z=((null===t||void 0===t?void 0:t.meta.capabilities)||{}).resourceExportApi,V=void 0===z?"/":z,A=(0,l.useMemo)((function(){return Le(P,g)}),[P,g]),L=new URL(H()("http://127.0.0.1",t.mountPoint,V||"/").replace(/\/+/g,"/"));L.searchParams.set("projectId",o),L.searchParams.set("releaseId",B),L.searchParams.set("local",u);var O="".concat(L.pathname).concat(L.search),D=function(){var e=(0,be.Z)((0,fe.Z)().mark((function e(l){return(0,fe.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,p.updateSelectedResources({input:{did:n.meta.did,projectId:o,releaseId:B,componentDid:t.meta.did,resources:l}});case 3:R(l),e.next=9;break;case 6:e.prev=6,e.t0=e.catch(0),f.Z.error(e.t0.message);case 9:case"end":return e.stop()}}),e,null,[[0,6]])})));return function(n){return e.apply(this,arguments)}}(),W=function(){var e=(0,be.Z)((0,fe.Z)().mark((function e(){var n;return(0,fe.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=g,e.prev=1,w(!0),e.next=5,Ve.od.post(O,{resources:n,projectId:o,releaseId:B,locale:u});case 5:f.Z.success(s("common.saveSuccess")),w(!1),D(g),e.next=14;break;case 10:e.prev=10,e.t0=e.catch(1),w(!1),f.Z.error(e.t0.message);case 14:case"end":return e.stop()}}),e,null,[[1,10]])})));return function(){return e.apply(this,arguments)}}();return(0,l.useEffect)((function(){Ve.od.get(O).then((function(e){var n,t=Ae((null===(n=e.data)||void 0===n?void 0:n.resources)||[]);v(t)})).catch((function(e){f.Z.error(e.message)})),p.getSelectedResources({input:{did:n.meta.did,projectId:o,releaseId:B,componentDid:t.meta.did}}).then((function(e){var n=(null===e||void 0===e?void 0:e.resources)||[];y(n),R(n)})).catch((function(e){f.Z.error(e.message)}))}),[O]),"running"!==t.status?(0,I.jsx)(We,{children:(0,I.jsx)(c.Z,{pt:6,children:s("blocklet.publish.componentNotRunning",{name:t.meta.title})})}):(0,I.jsx)(We,{children:(0,I.jsxs)(c.Z,{children:[(0,I.jsx)(Be,{data:x,value:g,onChange:function(e){y(e)},disabled:N||_}),!_&&(0,I.jsx)(c.Z,{className:"footer",children:(0,I.jsx)(m.Z,{variant:"contained",disabled:N||!A,onClick:function(){return W()},children:s("common.save")})})]})})}Oe.propTypes={component:y().object.isRequired,app:y().object.isRequired,projectId:y().string.isRequired,release:y().shape({id:y().string.isRequired,status:y().string})},Oe.defaultProps={release:{id:""}};var De,We=(0,i.Z)(c.Z)(_e||(_e=(0,o.Z)(["\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  padding: 16px;\n  padding-bottom: 0px;\n  max-height: 600px;\n  overflow-y: auto;\n  .footer {\n    border-top: 1px solid #ddd;\n    display: flex;\n    padding: 12px 0;\n    margin-top: 12px;\n    position: sticky;\n    bottom: 0;\n    background: #fff;\n  }\n"]))),Me=["image/*",".jpg",".jpeg",".png",".gif",".svg"],Ue=10485760,Fe=(0,l.lazy)((function(){return Promise.all([t.e(4917),t.e(5547)]).then(t.bind(t,25547)).then((function(e){return{default:e.Uploader}}))})),qe=function(e,n,t){var o=[];return e.blockletTitle||o.push({param:"blockletTitle",message:t("blocklet.publish.errorTip.noTitle")}),e.blockletVersion?ae().valid(e.blockletVersion)||o.push({param:"blockletVersion",message:"Invalid Blocklet Version"}):o.push({param:"blockletVersion",message:t("blocklet.publish.errorTip.noVersion")}),n===Y.PROJECT.RELEASE_STATUS.published&&(e.blockletDescription||o.push({param:"blockletDescription",message:t("blocklet.publish.errorTip.noDescription")}),e.note||o.push({param:"note",message:t("blocklet.publish.errorTip.noNote")})),o.length?o:null},Xe=function(e){var n=e.tabs,t=e.blocklet,o=e.ancestors,l=void 0===o?[]:o,r=t.meta.did;n.push({label:(0,I.jsxs)(c.Z,{display:"flex",alignItems:"center",justifyContent:"flex-start",children:[(0,I.jsx)(he.Z,{size:24,blocklet:t,ancestors:l}),(0,I.jsx)(c.Z,{ml:"4px",className:"text",children:(0,I.jsx)(c.Z,{children:t.meta.title})})]},r),value:r})},He=function(e){var n=ie()(e,["blockletVersion","blockletTitle","blockletDescription","blockletLogo","blockletIntroduction","blockletScreenshots","note"]);return n.blockletScreenshots||(n.blockletScreenshots=[]),n};function Je(e){var n,t,o,i=Object.assign({},((0,_.Z)(e),e)),p=(0,r.useNavigate)(),h=(0,r.useParams)(),b=h.projectId,x=h.releaseId,k=(0,d.PE)().t,g=(0,v.y0)().blocklet,y=(0,le.Z)(null),T=(0,a.Z)(y,2),E=T[0],R=T[1],S=(0,l.useState)({}),C=(0,a.Z)(S,2),N=C[0],w=C[1],B=(0,l.useState)(!1),z=(0,a.Z)(B,2),D=z[0],W=z[1],M=(0,l.useState)(null),U=(0,a.Z)(M,2),F=U[0],q=U[1],X=(0,Z.h6)().api,J=(0,l.useRef)(null),K=(0,l.useRef)(null),G="create"===x?"":x,$="create"===x?"create":"edit",ee=[],ne=((null===g||void 0===g?void 0:g.children)||[]).filter((function(e){return e.meta.capabilities.resourceExportApi}));ne.forEach((function(e){Xe({tabs:ee,blocklet:e,t:k,ancestors:[g]})}));var re=(0,l.useState)(null===(n=ee[0])||void 0===n?void 0:n.value),ie=(0,a.Z)(re,2),ce=ie[0],he=ie[1],fe="published"===(null===F||void 0===F?void 0:F.status),be=fe,xe=function(){if("edit"===$){if(!G)return void f.Z.error("Empty release id");X.getRelease({input:{did:g.meta.did,projectId:b,releaseId:G}}).then((function(e){W(!1),R(He(null===e||void 0===e?void 0:e.release)),q(null===e||void 0===e?void 0:e.release)})).catch((function(e){W(!1),f.Z.error((0,me.Z)(e))}))}"create"===$&&X.getProject({input:{did:g.meta.did,projectId:b}}).then((function(e){W(!1);var n=e.project||{};n.blockletVersion?ae().valid(n.blockletVersion)&&(n.blockletVersion=ae().inc(n.blockletVersion,"patch")):n.blockletVersion="1.0.0",R(He(n))})).catch((function(e){W(!1),f.Z.error((0,me.Z)(e))}))};(0,l.useEffect)((function(){xe()}),[]);var ve=function(e){var n=qe(E,e,k);if(n)return f.Z.error(n.map((function(e){return e.message})).join("; ")),void w(n.reduce((function(e,n){return(0,j.Z)((0,j.Z)({},e),{},(0,oe.Z)({},n.param,n.message))}),{}));var t=(0,j.Z)({},E);if(t.blockletVersion=ae().valid(t.blockletVersion),!t.blockletVersion)return f.Z.error("Invalid Blocklet Version"),void w({blockletVersion:"Invalid Blocklet Version"});t.blockletTitle=(t.blockletTitle||"").trim(),t.blockletDescription=(t.blockletDescription||"").trim(),t.blockletIntroduction=(t.blockletIntroduction||"").trim(),t.note=(t.note||"").trim(),X.createRelease({input:(0,j.Z)((0,j.Z)({},t),{},{did:g.meta.did,projectId:b,releaseId:G,status:e})}).then((function(){"draft"===e?(f.Z.success("Save draft success"),"create"===$&&p("../".concat(b),{replace:!0})):(f.Z.success("Create Release success"),p("../".concat(b),{replace:!0}))})).catch((function(e){f.Z.error((0,me.Z)(e))}))};if(!E&&D)return(0,I.jsx)(P,{});if(!E)return null;var Ze="".concat(Q.WELLKNOWN_SERVICE_PATH_PREFIX,"/api/project/").concat(g.meta.did,"/").concat(b,"/logo/upload"),je="".concat(Q.WELLKNOWN_SERVICE_PATH_PREFIX,"/api/project/").concat(g.meta.did,"/").concat(b,"/screenshot/upload"),ke=null!==E&&void 0!==E&&E.blockletLogo?"".concat(Ze,"/").concat(E.blockletLogo):"".concat(Q.WELLKNOWN_SERVICE_PATH_PREFIX,"/static/images/logo.png"),ge=((null===E||void 0===E?void 0:E.blockletScreenshots)||[]).filter(Boolean).map((function(e){return"".concat(je,"/").concat(e)})),ye=ne.find((function(e){return e.meta.did===ce})),Te=ye?(0,I.jsx)(c.Z,{children:(0,I.jsx)(Oe,{app:g,component:ye,projectId:b,release:(0,j.Z)((0,j.Z)({},F),{},{id:G})})}):(0,I.jsx)(c.Z,{display:"flex",mt:-3,children:(0,I.jsx)(ue.Z,{children:k("common.empty")})});return(0,I.jsxs)(Ge,(0,j.Z)((0,j.Z)({},i),{},{children:[(0,I.jsxs)(c.Z,{className:"sticky-header",children:[(0,I.jsxs)(L.Z,{className:"breadcrumbs","aria-label":"breadcrumb",children:[(0,I.jsx)(s.rU,{to:"../",children:k("common.publish")}),(0,I.jsx)(s.rU,{to:"../".concat(b),children:(null===E||void 0===E?void 0:E.blockletTitle)||"Blocklet"}),(0,I.jsx)(A.Z,{color:"text.primary",children:"create"===$?k("common.create"):(null===E||void 0===E?void 0:E.blockletVersion)||k("common.edit")})]}),(0,I.jsxs)(c.Z,{display:"flex",children:[!fe&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(m.Z,{variant:"outlined",disabled:D,onClick:function(){return ve(Y.PROJECT.RELEASE_STATUS.draft)},style:{marginRight:12},children:k("blocklet.publish.saveDraft")}),(0,I.jsx)(m.Z,{variant:"contained",disabled:D,onClick:function(){return ve(Y.PROJECT.RELEASE_STATUS.published)},children:k("common.release")})]}),fe&&(0,I.jsx)(m.Z,{variant:"contained",children:(0,I.jsx)("a",{href:H()("".concat(Q.WELLKNOWN_SERVICE_PATH_PREFIX,"/api/project/").concat(g.meta.did,"/").concat(b,"/").concat(G,"/download/").concat((F.files||[])[0])),children:k("common.download")})})]})]}),(0,I.jsxs)(c.Z,{pt:3,children:[(0,I.jsxs)(c.Z,{display:"flex",className:"section",children:[(0,I.jsx)(A.Z,{variant:"h3",className:"left",children:k("blocklet.publish.productTitle")}),(0,I.jsxs)(c.Z,{sx:{flex:1},children:[(0,I.jsx)(V.Z,{label:"Blocklet ".concat(k("common.title")),placeholder:"Blocklet ".concat(k("common.title")),InputProps:{"data-cy":"blocklet-title",readOnly:be},autoComplete:"off",variant:"outlined",fullWidth:!0,required:!0,value:E.blockletTitle||"",onChange:function(e){w({blockletTitle:""}),R({blockletTitle:e.target.value})},error:!!N.blockletTitle,helperText:N.blockletTitle||""}),(0,I.jsx)(V.Z,{label:"Blocklet ".concat(k("common.description")),placeholder:"Blocklet ".concat(k("common.description")),InputProps:{"data-cy":"blocklet-description",readOnly:be},required:!0,autoComplete:"off",variant:"outlined",fullWidth:!0,value:E.blockletDescription||"",onChange:function(e){w({blockletDescription:""}),R({blockletDescription:e.target.value})},error:!!N.blockletDescription,helperText:N.blockletDescription||"",sx:{mt:3}}),(0,I.jsx)(V.Z,{label:"Blocklet ".concat(k("common.introduction")),placeholder:"Blocklet ".concat(k("common.introduction")),InputProps:{"data-cy":"export-blocklet-introduction",readOnly:be,endAdornment:(0,I.jsxs)(O.Z,{position:"end",children:[(null===E||void 0===E||null===(t=E.blockletIntroduction)||void 0===t?void 0:t.length)||0," / ",Y.PROJECT.MAX_INTRO_LENGTH]})},autoComplete:"off",variant:"outlined",fullWidth:!0,multiline:!0,minRows:4,value:E.blockletIntroduction||"",onChange:function(e){w({blockletIntroduction:""}),R({blockletIntroduction:e.target.value.slice(0,Y.PROJECT.MAX_INTRO_LENGTH)})},error:!!N.blockletIntroduction,helperText:N.blockletIntroduction||"",sx:{mt:3}})]})]}),(0,I.jsxs)(c.Z,{display:"flex",mt:3,className:"section",children:[(0,I.jsx)(A.Z,{variant:"h3",className:"left",children:k("blocklet.publish.versionTitle")}),(0,I.jsxs)(c.Z,{sx:{flex:1},children:[(0,I.jsx)(V.Z,{required:!0,label:"Blocklet ".concat(k("common.version")),placeholder:"Blocklet ".concat(k("common.version")),InputProps:{"data-cy":"blocklet-version",readOnly:be},autoComplete:"off",variant:"outlined",fullWidth:!0,value:E.blockletVersion,onChange:function(e){w({blockletVersion:""}),R({blockletVersion:e.target.value})},error:!!N.blockletVersion,helperText:N.blockletVersion||""}),(0,I.jsx)(V.Z,{label:k("blocklet.publish.releaseNote"),autoComplete:"off",variant:"outlined",InputProps:{"data-cy":"release-note",readOnly:be,endAdornment:(0,I.jsxs)(O.Z,{position:"end",children:[(null===E||void 0===E||null===(o=E.note)||void 0===o?void 0:o.length)||0," / ",Y.PROJECT.MAX_NOTE_LENGTH]})},fullWidth:!0,multiline:!0,minRows:4,required:!0,value:E.note,onChange:function(e){w({note:""}),R({note:e.target.value.slice(0,Y.PROJECT.MAX_NOTE_LENGTH)})},error:!!N.note,helperText:N.note||"",sx:{mt:3}})]})]}),(0,I.jsxs)(c.Z,{display:"flex",mt:3,className:"section full-width",children:[(0,I.jsx)(A.Z,{variant:"h3",className:"left",children:k("blocklet.publish.imgTitle")}),(0,I.jsxs)(c.Z,{sx:{flex:1},children:[(0,I.jsxs)(c.Z,{display:"flex",children:[(0,I.jsx)(A.Z,{variant:"subtitle1",sx:{mr:2},children:k("common.logo")}),(0,I.jsx)(c.Z,{sx:{flex:1,cursor:be?"default":"pointer"},children:(0,I.jsx)(se.Z,{variant:"square",sx:{width:80,height:80},alt:"Blocklet Logo",src:ke,onClick:function(){return!be&&J.current.open()}})})]}),(0,I.jsxs)(c.Z,{display:"flex",mt:3,children:[(0,I.jsx)(A.Z,{variant:"subtitle1",sx:{mr:2},children:k("common.screenshot")}),(0,I.jsxs)(c.Z,{display:"flex",alignItems:"center",sx:{flex:1,flexWrap:"wrap"},children:[ge.map((function(e,n){return(0,I.jsxs)(c.Z,{className:"screenshot",children:[(0,I.jsx)("img",{alt:"screenshot",src:e}),!be&&(0,I.jsx)(u.Z,{className:"action",onClick:function(){var e=(0,te.Z)(E.blockletScreenshots);e.splice(n,1),R({blockletScreenshots:e})},children:(0,I.jsx)(de.default,{})})]})})),ge.length<5&&(0,I.jsx)(c.Z,{sx:{width:200,height:140,background:"#eee",cursor:be?"default":"pointer",color:"#999",mb:2},display:"flex",justifyContent:"center",alignItems:"center",fontSize:40,onClick:function(){return!be&&K.current.open()},children:"+"})]})]})]}),(0,I.jsx)(Fe,{id:"\u200buploader-logo",ref:J,popup:!0,onUploadFinish:function(e){R({blockletLogo:e.data.filename}),J.current.close()},plugins:[],apiPathProps:{uploader:Ze,disableMediaKitPrefix:!0},coreProps:{restrictions:{allowedFileTypes:Me,maxFileSize:Ue,maxNumberOfFiles:1}}},"uploader-logo"),(0,I.jsx)(Fe,{id:"\u200buploader-screenshot",ref:K,popup:!0,onUploadFinish:function(e){var n,t=E.blockletScreenshots||[];t.push(null===(n=e.data)||void 0===n?void 0:n.filename),R({blockletScreenshots:t}),K.current.close()},plugins:[],apiPathProps:{uploader:je,disableMediaKitPrefix:!0},coreProps:{restrictions:{allowedFileTypes:Me,maxFileSize:Ue,maxNumberOfFiles:5-ge.length}}},"uploader-screenshot")]}),(0,I.jsxs)(c.Z,{display:"flex",mt:3,className:"section full-width",children:[(0,I.jsx)(c.Z,{className:"left",children:(0,I.jsx)(A.Z,{variant:"h3",children:k("blocklet.publish.resourceTitle")})}),(0,I.jsxs)(c.Z,{sx:{flex:1},children:[(0,I.jsx)(pe.Z,{tabs:ee,current:ce,onChange:function(e){he(e)},sx:{ml:-2,mt:-1.5}}),(0,I.jsx)(c.Z,{children:Te})]})]})]})]}))}Je.propTypes={},Je.defaultProps={};var Ke,Ge=i.Z.div(De||(De=(0,o.Z)(["\n  .sticky-header {\n    margin-top: -12px;\n    padding: 12px 0;\n    position: sticky;\n    top: 0;\n    z-index: 99;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background-color: #fff;\n    padding-bottom: 12px;\n    border-bottom: ",";\n  }\n  .screenshot {\n    margin-bottom: 16px;\n    max-width: 200px;\n    max-height: 140px;\n    width: 200px;\n    height: 140px;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #eee;\n    margin-right: 16px;\n    position: relative;\n    .action {\n      visibility: hidden;\n      position: absolute;\n      top: 0px;\n      right: 0px;\n      background-color: rgba(0, 0, 0, 0.2);\n      color: rgba(255, 255, 255, 0.8);\n    }\n    &:hover .action {\n      visibility: visible;\n    }\n  }\n  .screenshot img {\n    width: 100%; /* \u56fe\u50cf\u5bbd\u5ea6\u586b\u5145\u5bb9\u5668 */\n    height: auto; /* \u56fe\u50cf\u9ad8\u5ea6\u81ea\u9002\u5e94 */\n  }\n  .section {\n    max-width: 800px;\n    &.full-width {\n      max-width: 100%;\n    }\n    .MuiTypography-h3 {\n      font-size: 1.1rem;\n      font-weight: 700;\n    }\n    .left {\n      flex-shrink: 0;\n      width: 140px;\n    }\n    .MuiTabs-indicator {\n      display: none;\n    }\n    .MuiTypography-subtitle1 {\n      width: 120px;\n      font-weight: 700;\n      font-size: 1rem;\n      "," {\n        width: 80px;\n      }\n    }\n  }\n  .MuiButtonBase-root {\n    a {\n      color: inherit;\n    }\n  }\n  .MuiInputBase-multiline .MuiInputAdornment-positionEnd {\n    align-self: flex-end;\n    .MuiTypography-root {\n      font-size: 0.8rem;\n    }\n    font-size: 0.8rem;\n  }\n"])),(function(e){var n=e.theme;return"1px solid ".concat(n.palette.divider)}),(function(e){return e.theme.breakpoints.down("sm")}));function Qe(){return(0,I.jsx)(Ye,{children:(0,I.jsxs)(r.Routes,{children:[(0,I.jsx)(r.Route,{path:"/",element:(0,I.jsx)(N,{})}),(0,I.jsx)(r.Route,{path:"/create",element:(0,I.jsx)(U,{})}),(0,I.jsx)(r.Route,{path:"/:projectId",element:(0,I.jsx)($,{})}),(0,I.jsx)(r.Route,{path:"/:projectId/:releaseId",element:(0,I.jsx)(Je,{})})]})})}Qe.propTypes={};var Ye=(0,i.Z)(c.Z)(Ke||(Ke=(0,o.Z)(["\n  a {\n    color: ",";\n  }\n"])),(function(e){return e.theme.palette.primary.main}))},36558:function(e,n,t){var o=t(33028),l=t(59740),r=t(24974),i=t.n(r),c=t(86822),a=t(19638),s=t(23586),d=t(37574),u=["did","href","external","avatarProps"];function p(e){var n=e.did,t=e.href,r=e.external,i=(e.avatarProps,(0,l.Z)(e,u)),p=(0,d.jsx)(s.Z,(0,o.Z)({did:n},i));return t?r?(0,d.jsx)(a.Z,{target:"_blank",href:t,underline:"hover",children:p}):(0,d.jsx)(c.rU,{to:t,children:p}):p}p.propTypes={did:i().string.isRequired,to:i().string,href:i().string,avatarProps:i().object,external:i().bool},p.defaultProps={to:"",href:"",avatarProps:{},external:!1},n.Z=p}}]);
+//# sourceMappingURL=6139.cabc22a2.chunk.js.map

package/build/static/js/6658.090d923f.chunk.js

@@ -0,0 +1,2 @@
+(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[6658],{26658:function(e,n,s){"use strict";s.r(n),s.d(n,{default:function(){return k}});var t,o=s(71171),r=s(32723),c=s(34795),a=s(30969),i=s(16380),l=s(30734),u=s(94308),f=s(238),d=s(1986),p=s(31575),x=s(26022),h=s(20244),w=s(85752),g=s(37574);var v=(0,w.Z)((function(e){var n=e.SessionContext,s=e.webWalletUrl,t=e.onSuccess,o=(0,a.useContext)(n),i=o.api,w=o.session,v=(0,x.PE)(),Z=v.t,b=v.locale,k=(0,l.useNavigate)(),P=new URL(window.location.href).searchParams,_=P.get("redirect"),j=function(){var e=(0,c.Z)((0,r.Z)().mark((function e(n,s){return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t(n,s),e.next=3,w.refresh();case 3:d.Z.success(Z("exchangePassport.success")),setTimeout((function(){if(_){var e=decodeURIComponent(_);e.startsWith(h.WELLKNOWN_SERVICE_PATH_PREFIX)?k(e,{replace:!0}):window.location=e}else window.location=window.env.pathPrefix||window.env.apiPrefix||"/"}),3e3);case 5:case"end":return e.stop()}}),e)})));return function(n,s){return e.apply(this,arguments)}}(),C={},I=P.get("componentId");return I&&(C.componentId=I),w.loading?(0,g.jsx)(f.Z,{children:(0,g.jsx)(u.Z,{})}):(0,g.jsx)(m,{children:(0,g.jsx)("div",{className:"connect-wrapper",children:(0,g.jsx)(p.Z,{className:"connect",action:"exchange-passport",checkFn:i.get,checkTimeout:6e5,webWalletUrl:s,onSuccess:j,onError:function(e){d.Z.error(e.message)},locale:b,messages:{title:Z("exchangePassport.dialog.title"),scan:Z("exchangePassport.dialog.scan"),confirm:Z("exchangePassport.dialog.confirm"),success:Z("exchangePassport.dialog.success")},extraParams:C,extraContent:null})})})})),m=i.Z.div(t||(t=(0,o.Z)(["\n  box-sizing: border-box;\n  width: 100%;\n  height: 100vh;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  .connect-wrapper {\n    flex: 1;\n  }\n  .connect {\n    background: #fafafa;\n  }\n"]))),Z=s(4485),b=s(38507);function k(){var e=(0,b.yP)();return(0,g.jsx)(v,{SessionContext:Z.B3,webWalletUrl:e,onSuccess:function(e,n){e.sessionToken&&((0,b.ZB)(n(e.sessionToken)),(0,b.zI)(n(e.refreshToken)))}})}},19477:function(e,n,s){var t=s(2717),o=s(37095),r=s(93113);e.exports={translations:{zh:t(r),en:t(o)}}},85752:function(e,n,s){"use strict";s.d(n,{Z:function(){return a}});var t=s(33028),o=s(26022),r=s(19477),c=s(37574);function a(e){return function(n){return(0,c.jsx)(o.Iw,{translations:r.translations,children:(0,c.jsx)(e,(0,t.Z)({},n))})}}}}]);
+//# sourceMappingURL=6658.090d923f.chunk.js.map