@abtnode/blocklet-services 1.16.18-beta-adeeb0b3 → 1.16.18-beta-aa01bd8e

package/build/static/js/5662.03f06ae0.chunk.js

@@ -1,2 +0,0 @@
-(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  }\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"]))),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.03f06ae0.chunk.js.map

package/build/static/js/5673.0dd67df6.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[5673],{15419:function(e,n,t){t.d(n,{Z:function(){return k}});var r,o,i=t(71171),a=t(33028),l=t(96234),s=t(59740),c=t(30969),u=t(24974),d=t.n(u),f=t(23038),p=t(45761),h=t(46672),m=t(38589),v=t(23484),y=t(2689),g=t(27265),b=t(72097),x=t(55581),j=t(37574),w=["size","color","menu","children","variant","onClick","menuButtonProps"];function k(e){var n=e.size,t=e.color,r=e.menu,o=e.children,i=e.variant,u=e.onClick,d=e.menuButtonProps,p=(0,s.Z)(e,w),g=(0,c.useState)(!1),x=(0,l.Z)(g,2),k=x[0],O=x[1],C=(0,c.useRef)(null),N=Array.isArray(r)?r.map((function(e,n){return(0,c.isValidElement)(e)?e:(0,c.createElement)(y.Z,(0,a.Z)((0,a.Z)({},e),{},{key:n}))})):r;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(Z,(0,a.Z)((0,a.Z)({variant:i,size:n,color:t,ref:C},p),{},{children:["function"===typeof o?o():(0,j.jsx)(b.Z,{onClick:u,color:t,children:o}),(0,j.jsx)(b.Z,(0,a.Z)((0,a.Z)({onClick:function(){O((function(e){return!e}))},color:t},d),{},{"aria-label":"more functions",children:(0,j.jsx)(f.Z,{})}))]})),(0,j.jsx)(_,{open:k,anchorEl:C.current,placement:"bottom-end",disablePortal:!1,children:(0,j.jsx)(h.Z,{children:(0,j.jsx)(m.d,{onClickAway:function(e){C.current&&C.current.contains(e.target)||O(!1)},children:(0,j.jsx)(v.Z,{onClick:function(e){e.target.closest(".MuiMenuItem-root")&&O(!1)},children:N})})})})]})}k.propTypes={size:d().oneOf(["small","medium","large"]),color:d().oneOf(["primary","secondary","inherit"]),menu:d().oneOfType([d().node,d().array]),children:d().node,variant:d().oneOf(["outlined","contained"]),onClick:d().func,menuButtonProps:d().object},k.defaultProps={size:"medium",color:"primary",menu:[],children:null,variant:"contained",onClick:function(){},menuButtonProps:{}},k.Item=y.Z;var Z=(0,x.zo)(g.Z)(r||(r=(0,i.Z)(["\n  > .MuiButtonBase-root:last-of-type {\n    min-width: 2em;\n    padding-left: 0;\n    padding-right: 0;\n  }\n"]))),_=(0,x.zo)(p.Z)(o||(o=(0,i.Z)(["\n  z-index: ",";\n  .MuiList-root {\n    padding: 4px 0;\n  }\n  .MuiListItem-root {\n    padding-top: 4px;\n    padding-bottom: 4px;\n  }\n"])),(function(e){return e.theme.zIndex.tooltip}))},99398:function(e,n,t){var r,o=t(71171),i=t(33028),a=t(59740),l=t(16380),s=t(24974),c=t.n(s),u=t(15405),d=t(37574),f=["title","subTitle","onClickBack"];function p(e){var n=e.title,t=e.subTitle,r=e.onClickBack,o=(0,a.Z)(e,f);return(0,d.jsxs)(h,(0,i.Z)((0,i.Z)({},o),{},{children:[r&&(0,d.jsx)(u.Z,{className:"back-btn",onClick:r}),(0,d.jsx)("div",{className:"title",children:n}),(0,d.jsx)("div",{className:"sub-title",children:t})]}))}var h=l.Z.div(r||(r=(0,o.Z)(["\n  position: relative;\n  width: 100%;\n  text-align: center;\n\n  .title {\n    font-size: 24px;\n    font-weight: 700;\n    color: ",";\n\n    "," {\n      font-size: 20px;\n    }\n  }\n\n  .sub-title {\n    font-size: 14px;\n    color: ",";\n    padding: 0 14px;\n    font-weight: 400;\n  }\n\n  .back-btn {\n    position: absolute;\n    left: 0;\n    top: 8px;\n    color: #9397a1;\n    font-size: 18px;\n    cursor: pointer;\n  }\n"])),(function(e){return e.theme.palette.common.black}),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.palette.grey[600]}));n.Z=p,p.propTypes={title:c().string,subTitle:c().string,onClickBack:c().oneOfType([c().func,c().string])},p.defaultProps={title:"",subTitle:"",onClickBack:""}},15405:function(e,n,t){var r=t(71600);n.Z=void 0;var o=r(t(48035)),i=t(37574),a=(0,o.default)((0,i.jsx)("path",{d:"M11.67 3.87 9.9 2.1 0 12l9.9 9.9 1.77-1.77L3.54 12z"}),"ArrowBackIos");n.Z=a},91913:function(e,n,t){var r=t(71600);n.Z=void 0;var o=r(t(48035)),i=t(37574),a=(0,o.default)((0,i.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"}),"CloseOutlined");n.Z=a},30291:function(e,n,t){var r=t(71600);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(48035)),i=t(37574),a=(0,o.default)((0,i.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=a},23038:function(e,n,t){var r=t(71600);n.Z=void 0;var o=r(t(48035)),i=t(37574),a=(0,o.default)((0,i.jsx)("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"}),"ExpandMore");n.Z=a},43611:function(e,n,t){var r=t(30969).createContext(void 0);n.Z=r},42641:function(e,n,t){function r(e){var n=e.props,t=e.states,r=e.muiFormControl;return t.reduce((function(e,t){return e[t]=n[t],r&&"undefined"===typeof n[t]&&(e[t]=r[t]),e}),{})}t.d(n,{Z:function(){return r}})},86171:function(e,n,t){t.d(n,{Z:function(){return i}});var r=t(30969),o=t(43611);function i(){return r.useContext(o.Z)}},75106:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},r.apply(this,arguments)},o=this&&this.__rest||function(e,n){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&n.indexOf(r)<0&&(t[r]=e[r]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)n.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(t[r[o]]=e[r[o]])}return t};n.__esModule=!0;var i=t(30969),a=t(78653),l=t(25109);n.default=function(e){var n=e.delay,t=void 0===n?0:n,s=e.type,c=void 0===s?"text":s,u=e.color,d=void 0===u?"#CDCDCD":u,f=e.rows,p=void 0===f?3:f,h=e.ready,m=e.firstLaunchOnly,v=e.children,y=e.className,g=e.showLoadingAnimation,b=e.customPlaceholder,x=o(e,["delay","type","color","rows","ready","firstLaunchOnly","children","className","showLoadingAnimation","customPlaceholder"]),j=i.useState(h),w=j[0],k=j[1],Z=i.useRef(null);return i.useEffect((function(){m||!w||h?h&&(Z.current&&window.clearTimeout(Z.current),w||k(!0)):t&&t>0?Z.current=window.setTimeout((function(){k(!1)}),t):k(!1)}),[m,w,h,t]),i.useEffect((function(){return function(){Z.current&&window.clearTimeout(Z.current)}}),[]),w?v:function(){var e=g?l.joinClassNames("show-loading-animation",y):y;if(b&&i.isValidElement(b)){var n=l.joinClassNames(b.props.className,e);return i.cloneElement(b,{className:n})}if(b)return b;var t=a[c];return i.createElement(t,r({},x,{color:d,rows:p,className:e}))}()}},24962:function(e,n,t){var r=t(75106);n.Z=r.default},91944:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},r.apply(this,arguments)};n.__esModule=!0;var o=t(30969),i=t(5813),a=t(84113),l=t(25109),s={display:"flex"};n.default=function(e){var n=e.className,t=e.style,c=e.color,u=e.rows;return o.createElement("div",{className:l.joinClassNames("media-block",n),style:r(r({},s),t)},o.createElement(a.default,{color:c,style:{minHeight:55,width:55,minWidth:55,marginRight:10}}),o.createElement(i.default,{color:c,rows:u}))}},74709:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},r.apply(this,arguments)};n.__esModule=!0;var o=t(30969),i=t(25109);n.default=function(e){var n=e.className,t=e.style,a={backgroundColor:e.color,width:"100%",height:"100%",marginRight:10};return o.createElement("div",{className:i.joinClassNames("rect-shape",n),style:r(r({},a),t)})}},84113:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},r.apply(this,arguments)};n.__esModule=!0;var o=t(30969),i=t(25109);n.default=function(e){var n=e.className,t=e.style,a={backgroundColor:e.color,borderRadius:"500rem",width:"100%",height:"100%"};return o.createElement("div",{className:i.joinClassNames("round-shape",n),style:r(r({},a),t)})}},5813:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},r.apply(this,arguments)};n.__esModule=!0;var o=t(30969),i=t(82616),a=t(25109),l={width:"100%"},s=[97,100,94,90,98,95,98,40];n.default=function(e){var n=e.rows,t=e.lineSpacing,c=e.color,u=e.style,d=e.className,f=e.widths,p=void 0===f?s:f,h=function(e){return{maxHeight:100/(2*n-1)+"%",width:p[(e+p.length)%p.length]+"%"}};return o.createElement("div",{className:a.joinClassNames("text-block",d),style:r(r({},l),u)},Array.apply(null,Array(n)).map((function(e,n){return o.createElement(i.default,{color:c,style:h(n),lineSpacing:0!==n?t:0,key:n})})))}},82616:function(e,n,t){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},r.apply(this,arguments)};n.__esModule=!0;var o=t(30969),i=t(25109);n.default=function(e){var n=e.className,t=e.maxHeight,a=e.color,l=e.lineSpacing,s=void 0===l?"0.7em":l,c=e.style,u={maxHeight:t,width:"100%",height:"1em",backgroundColor:a,marginTop:s};return o.createElement("div",{className:i.joinClassNames("text-row",n),style:r(r({},u),c)})}},78653:function(e,n,t){n.__esModule=!0,n.media=n.text=n.rect=n.round=n.textRow=n.MediaBlock=n.TextBlock=n.RectShape=n.RoundShape=n.TextRow=void 0;var r=t(82616);n.TextRow=r.default;var o=t(84113);n.RoundShape=o.default;var i=t(74709);n.RectShape=i.default;var a=t(5813);n.TextBlock=a.default;var l=t(91944);n.MediaBlock=l.default,n.textRow=r.default,n.round=o.default,n.rect=i.default,n.text=a.default,n.media=l.default},25109:function(e,n){n.__esModule=!0,n.joinClassNames=void 0,n.joinClassNames=function(){for(var e=[],n=0;n<arguments.length;n++)e[n]=arguments[n];return e.filter((function(e){return e})).join(" ")}}}]);
-//# sourceMappingURL=5673.0dd67df6.chunk.js.map

package/build/static/js/5960.35db200d.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[5960],{3994:function(n,r,t){t.d(r,{ZP:function(){return k}});var e=t(68079),o=t(56666),i=t(31461),a=t(7896),c=t(30969),u=t(87023),f=t(29878),s=t(49505),p=t(26540),l=t(45971),d=t(17363),v=t(94702);var m=c.createContext(),w=t(67884),h=t(37574),g=["className","columns","columnSpacing","component","container","direction","item","rowSpacing","spacing","wrap","zeroMinWidth"];function b(n){var r=parseFloat(n);return"".concat(r).concat(String(n).replace(String(r),"")||"px")}function x(n){var r=n.breakpoints,t=n.values,e="";Object.keys(t).forEach((function(n){""===e&&0!==t[n]&&(e=n)}));var o=Object.keys(r).sort((function(n,t){return r[n]-r[t]}));return o.slice(0,o.indexOf(e))}var y=(0,l.ZP)("div",{name:"MuiGrid",slot:"Root",overridesResolver:function(n,r){var t=n.ownerState,o=t.container,i=t.direction,a=t.item,c=t.spacing,u=t.wrap,f=t.zeroMinWidth,s=t.breakpoints,p=[];o&&(p=function(n,r){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(!n||n<=0)return[];if("string"===typeof n&&!Number.isNaN(Number(n))||"number"===typeof n)return[t["spacing-xs-".concat(String(n))]];var e=[];return r.forEach((function(r){var o=n[r];Number(o)>0&&e.push(t["spacing-".concat(r,"-").concat(String(o))])})),e}(c,s,r));var l=[];return s.forEach((function(n){var e=t[n];e&&l.push(r["grid-".concat(n,"-").concat(String(e))])})),[r.root,o&&r.container,a&&r.item,f&&r.zeroMinWidth].concat((0,e.Z)(p),["row"!==i&&r["direction-xs-".concat(String(i))],"wrap"!==u&&r["wrap-xs-".concat(String(u))]],l)}})((function(n){var r=n.ownerState;return(0,a.Z)({boxSizing:"border-box"},r.container&&{display:"flex",flexWrap:"wrap",width:"100%"},r.item&&{margin:0},r.zeroMinWidth&&{minWidth:0},"wrap"!==r.wrap&&{flexWrap:r.wrap})}),(function(n){var r=n.theme,t=n.ownerState,e=(0,f.P$)({values:t.direction,breakpoints:r.breakpoints.values});return(0,f.k9)({theme:r},e,(function(n){var r={flexDirection:n};return 0===n.indexOf("column")&&(r["& > .".concat(w.Z.item)]={maxWidth:"none"}),r}))}),(function(n){var r=n.theme,t=n.ownerState,e=t.container,i=t.rowSpacing,a={};if(e&&0!==i){var c,u=(0,f.P$)({values:i,breakpoints:r.breakpoints.values});"object"===typeof u&&(c=x({breakpoints:r.breakpoints.values,values:u})),a=(0,f.k9)({theme:r},u,(function(n,t){var e,i=r.spacing(n);return"0px"!==i?(0,o.Z)({marginTop:"-".concat(b(i))},"& > .".concat(w.Z.item),{paddingTop:b(i)}):null!=(e=c)&&e.includes(t)?{}:(0,o.Z)({marginTop:0},"& > .".concat(w.Z.item),{paddingTop:0})}))}return a}),(function(n){var r=n.theme,t=n.ownerState,e=t.container,i=t.columnSpacing,a={};if(e&&0!==i){var c,u=(0,f.P$)({values:i,breakpoints:r.breakpoints.values});"object"===typeof u&&(c=x({breakpoints:r.breakpoints.values,values:u})),a=(0,f.k9)({theme:r},u,(function(n,t){var e,i=r.spacing(n);return"0px"!==i?(0,o.Z)({width:"calc(100% + ".concat(b(i),")"),marginLeft:"-".concat(b(i))},"& > .".concat(w.Z.item),{paddingLeft:b(i)}):null!=(e=c)&&e.includes(t)?{}:(0,o.Z)({width:"100%",marginLeft:0},"& > .".concat(w.Z.item),{paddingLeft:0})}))}return a}),(function(n){var r,t=n.theme,e=n.ownerState;return t.breakpoints.keys.reduce((function(n,o){var i={};if(e[o]&&(r=e[o]),!r)return n;if(!0===r)i={flexBasis:0,flexGrow:1,maxWidth:"100%"};else if("auto"===r)i={flexBasis:"auto",flexGrow:0,flexShrink:0,maxWidth:"none",width:"auto"};else{var c=(0,f.P$)({values:e.columns,breakpoints:t.breakpoints.values}),u="object"===typeof c?c[o]:c;if(void 0===u||null===u)return n;var s="".concat(Math.round(r/u*1e8)/1e6,"%"),p={};if(e.container&&e.item&&0!==e.columnSpacing){var l=t.spacing(e.columnSpacing);if("0px"!==l){var d="calc(".concat(s," + ").concat(b(l),")");p={flexBasis:d,maxWidth:d}}}i=(0,a.Z)({flexBasis:s,flexGrow:0,maxWidth:s},p)}return 0===t.breakpoints.values[o]?Object.assign(n,i):n[t.breakpoints.up(o)]=i,n}),{})}));var S=function(n){var r=n.classes,t=n.container,o=n.direction,i=n.item,a=n.spacing,c=n.wrap,u=n.zeroMinWidth,f=n.breakpoints,s=[];t&&(s=function(n,r){if(!n||n<=0)return[];if("string"===typeof n&&!Number.isNaN(Number(n))||"number"===typeof n)return["spacing-xs-".concat(String(n))];var t=[];return r.forEach((function(r){var e=n[r];if(Number(e)>0){var o="spacing-".concat(r,"-").concat(String(e));t.push(o)}})),t}(a,f));var l=[];f.forEach((function(r){var t=n[r];t&&l.push("grid-".concat(r,"-").concat(String(t)))}));var d={root:["root",t&&"container",i&&"item",u&&"zeroMinWidth"].concat((0,e.Z)(s),["row"!==o&&"direction-xs-".concat(String(o)),"wrap"!==c&&"wrap-xs-".concat(String(c))],l)};return(0,p.Z)(d,w.H,r)},Z=c.forwardRef((function(n,r){var t=(0,d.Z)({props:n,name:"MuiGrid"}),e=(0,v.Z)().breakpoints,o=(0,s.Z)(t),f=o.className,p=o.columns,l=o.columnSpacing,w=o.component,b=void 0===w?"div":w,x=o.container,Z=void 0!==x&&x,k=o.direction,E=void 0===k?"row":k,N=o.item,W=void 0!==N&&N,O=o.rowSpacing,M=o.spacing,j=void 0===M?0:M,P=o.wrap,z=void 0===P?"wrap":P,C=o.zeroMinWidth,R=void 0!==C&&C,T=(0,i.Z)(o,g),_=O||j,I=l||j,A=c.useContext(m),G=Z?p||12:A,L={},B=(0,a.Z)({},T);e.keys.forEach((function(n){null!=T[n]&&(L[n]=T[n],delete B[n])}));var $=(0,a.Z)({},o,{columns:G,container:Z,direction:E,item:W,rowSpacing:_,columnSpacing:I,wrap:z,zeroMinWidth:R,spacing:j},L,{breakpoints:e.keys}),D=S($);return(0,h.jsx)(m.Provider,{value:G,children:(0,h.jsx)(y,(0,a.Z)({ownerState:$,className:(0,u.Z)(D.root,f),as:b,ref:r},B))})})),k=Z},67884:function(n,r,t){t.d(r,{H:function(){return a}});var e=t(68079),o=t(62746),i=t(2975);function a(n){return(0,i.Z)("MuiGrid",n)}var c=["auto",!0,1,2,3,4,5,6,7,8,9,10,11,12],u=(0,o.Z)("MuiGrid",["root","container","item","zeroMinWidth"].concat((0,e.Z)([0,1,2,3,4,5,6,7,8,9,10].map((function(n){return"spacing-xs-".concat(n)}))),(0,e.Z)(["column-reverse","column","row-reverse","row"].map((function(n){return"direction-xs-".concat(n)}))),(0,e.Z)(["nowrap","wrap-reverse","wrap"].map((function(n){return"wrap-xs-".concat(n)}))),(0,e.Z)(c.map((function(n){return"grid-xs-".concat(n)}))),(0,e.Z)(c.map((function(n){return"grid-sm-".concat(n)}))),(0,e.Z)(c.map((function(n){return"grid-md-".concat(n)}))),(0,e.Z)(c.map((function(n){return"grid-lg-".concat(n)}))),(0,e.Z)(c.map((function(n){return"grid-xl-".concat(n)})))));r.Z=u},20655:function(n,r,t){t.d(r,{DE:function(){return p},MT:function(){return f},md:function(){return d},qC:function(){return l}});var e=t(33028);function o(n){return"Minified Redux error #"+n+"; visit https://redux.js.org/Errors?code="+n+" for the full message or use the non-minified dev environment for full errors. "}var i="function"===typeof Symbol&&Symbol.observable||"@@observable",a=function(){return Math.random().toString(36).substring(7).split("").join(".")},c={INIT:"@@redux/INIT"+a(),REPLACE:"@@redux/REPLACE"+a(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+a()}};function u(n){if("object"!==typeof n||null===n)return!1;for(var r=n;null!==Object.getPrototypeOf(r);)r=Object.getPrototypeOf(r);return Object.getPrototypeOf(n)===r}function f(n,r,t){var e;if("function"===typeof r&&"function"===typeof t||"function"===typeof t&&"function"===typeof arguments[3])throw new Error(o(0));if("function"===typeof r&&"undefined"===typeof t&&(t=r,r=void 0),"undefined"!==typeof t){if("function"!==typeof t)throw new Error(o(1));return t(f)(n,r)}if("function"!==typeof n)throw new Error(o(2));var a=n,s=r,p=[],l=p,d=!1;function v(){l===p&&(l=p.slice())}function m(){if(d)throw new Error(o(3));return s}function w(n){if("function"!==typeof n)throw new Error(o(4));if(d)throw new Error(o(5));var r=!0;return v(),l.push(n),function(){if(r){if(d)throw new Error(o(6));r=!1,v();var t=l.indexOf(n);l.splice(t,1),p=null}}}function h(n){if(!u(n))throw new Error(o(7));if("undefined"===typeof n.type)throw new Error(o(8));if(d)throw new Error(o(9));try{d=!0,s=a(s,n)}finally{d=!1}for(var r=p=l,t=0;t<r.length;t++){(0,r[t])()}return n}return h({type:c.INIT}),(e={dispatch:h,subscribe:w,getState:m,replaceReducer:function(n){if("function"!==typeof n)throw new Error(o(10));a=n,h({type:c.REPLACE})}})[i]=function(){var n,r=w;return(n={subscribe:function(n){if("object"!==typeof n||null===n)throw new Error(o(11));function t(){n.next&&n.next(m())}return t(),{unsubscribe:r(t)}}})[i]=function(){return this},n},e}function s(n,r){return function(){return r(n.apply(this,arguments))}}function p(n,r){if("function"===typeof n)return s(n,r);if("object"!==typeof n||null===n)throw new Error(o(16));var t={};for(var e in n){var i=n[e];"function"===typeof i&&(t[e]=s(i,r))}return t}function l(){for(var n=arguments.length,r=new Array(n),t=0;t<n;t++)r[t]=arguments[t];return 0===r.length?function(n){return n}:1===r.length?r[0]:r.reduce((function(n,r){return function(){return n(r.apply(void 0,arguments))}}))}function d(){for(var n=arguments.length,r=new Array(n),t=0;t<n;t++)r[t]=arguments[t];return function(n){return function(){var t=n.apply(void 0,arguments),i=function(){throw new Error(o(15))},a={getState:t.getState,dispatch:function(){return i.apply(void 0,arguments)}},c=r.map((function(n){return n(a)}));return i=l.apply(void 0,c)(t.dispatch),(0,e.Z)((0,e.Z)({},t),{},{dispatch:i})}}}}}]);
-//# sourceMappingURL=5960.35db200d.chunk.js.map

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

@@ -1,2 +0,0 @@
-"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/6498.698608f8.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[6498],{70177:function(e,t,o){var n,a=o(71171),r=o(33028),i=o(59740),c=o(24974),l=o.n(c),s=o(32208),d=o.n(s),u=o(70093),m=o.n(u),h=o(33359),p=o(55581),v=o(37574),f=["name","nameFormatter","layout","children","valueComponent","nameWidth"];function w(e){var t=e.name,o=e.nameFormatter,n=e.layout,a=e.children,c=e.valueComponent,l=e.nameWidth,s=(0,i.Z)(e,f);return(0,v.jsxs)(g,(0,r.Z)((0,r.Z)({layout:n,width:l},s),{},{children:[(0,v.jsx)(h.Z,{color:"textSecondary",className:"info-row__name",children:o(t)}),a&&(0,v.jsx)(h.Z,{color:"textPrimary",component:c,className:"info-row__value",children:a})]}))}w.propTypes={name:l().any.isRequired,layout:l().oneOf(["horizontal","vertical"]),children:l().any,nameFormatter:l().func,valueComponent:l().string,nameWidth:l().number},w.defaultProps={children:null,nameWidth:90,nameFormatter:function(e){var t=e.split(" ").map((function(e){return m()(d()(e))})).join(" ");return"string"===typeof e?t:e},valueComponent:"div",layout:"horizontal"};var g=(0,p.zo)("div")(n||(n=(0,a.Z)(["\n  display: flex;\n  flex-direction: ",";\n  justify-content: flex-start;\n  align-items: ",";\n  margin-bottom: 16px;\n\n  .info-row__name {\n    width: ","px;\n    margin-right: ",";\n    margin-bottom: ",";\n    text-transform: capitalize;\n  }\n\n  .info-row__value {\n    flex: 1;\n    overflow: auto;\n    word-wrap: break-word;\n    font-weight: 500;\n  }\n\n  @media (max-width: ","px) {\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: flex-start;\n    .info-row__name {\n      font-weight: bold;\n    }\n\n    .info-row__value {\n      width: 100%;\n      font-size: 12px;\n      margin-top: 8px;\n    }\n  }\n"])),(function(e){return"vertical"===e.layout?"column":"row"}),(function(e){return"vertical"===e.layout?"flex-start":"center"}),(function(e){return e.width}),(function(e){return"vertical"===e.layout?"0":"8px"}),(function(e){return"vertical"===e.layout?"8px":"0"}),(function(e){return e.theme.breakpoints.values.md}));t.Z=w},30291:function(e,t,o){var n=o(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(o(48035)),r=o(37574),i=(0,a.default)((0,r.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");t.default=i},20296:function(e,t,o){var n=o(7896),a=o(31461),r=o(30969),i=o(87023),c=o(26540),l=o(45971),s=o(17363),d=o(24099),u=o(30868),m=o(37574),h=["baseClassName","className","color","component","fontSize"],p=(0,l.ZP)("span",{name:"MuiIcon",slot:"Root",overridesResolver:function(e,t){var o=e.ownerState;return[t.root,"inherit"!==o.color&&t["color".concat((0,d.Z)(o.color))],t["fontSize".concat((0,d.Z)(o.fontSize))]]}})((function(e){var t=e.theme,o=e.ownerState;return{userSelect:"none",width:"1em",height:"1em",overflow:"hidden",display:"inline-block",textAlign:"center",flexShrink:0,fontSize:{inherit:"inherit",small:t.typography.pxToRem(20),medium:t.typography.pxToRem(24),large:t.typography.pxToRem(36)}[o.fontSize],color:{primary:(t.vars||t).palette.primary.main,secondary:(t.vars||t).palette.secondary.main,info:(t.vars||t).palette.info.main,success:(t.vars||t).palette.success.main,warning:(t.vars||t).palette.warning.main,action:(t.vars||t).palette.action.active,error:(t.vars||t).palette.error.main,disabled:(t.vars||t).palette.action.disabled,inherit:void 0}[o.color]}})),v=r.forwardRef((function(e,t){var o=(0,s.Z)({props:e,name:"MuiIcon"}),r=o.baseClassName,l=void 0===r?"material-icons":r,v=o.className,f=o.color,w=void 0===f?"inherit":f,g=o.component,Z=void 0===g?"span":g,b=o.fontSize,y=void 0===b?"medium":b,x=(0,a.Z)(o,h),S=(0,n.Z)({},o,{baseClassName:l,color:w,component:Z,fontSize:y}),k=function(e){var t=e.color,o=e.fontSize,n=e.classes,a={root:["root","inherit"!==t&&"color".concat((0,d.Z)(t)),"fontSize".concat((0,d.Z)(o))]};return(0,c.Z)(a,u.d,n)}(S);return(0,m.jsx)(p,(0,n.Z)({as:Z,className:(0,i.Z)(l,"notranslate",k.root,v),ownerState:S,"aria-hidden":!0,ref:t},x))}));v.muiName="Icon",t.Z=v},30868:function(e,t,o){o.d(t,{d:function(){return r}});var n=o(62746),a=o(2975);function r(e){return(0,a.Z)("MuiIcon",e)}var i=(0,n.Z)("MuiIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);t.Z=i},34159:function(e,t,o){o.d(t,{Z:function(){return k}});var n=o(56666),a=o(31461),r=o(7896),i=o(30969),c=o(87023),l=o(26540),s=o(74262),d=o(24099),u=o(71885),m=o(17363),h=o(45971),p=o(62746),v=o(2975);function f(e){return(0,v.Z)("MuiSwitch",e)}var w=(0,p.Z)("MuiSwitch",["root","edgeStart","edgeEnd","switchBase","colorPrimary","colorSecondary","sizeSmall","sizeMedium","checked","disabled","input","thumb","track"]),g=o(37574),Z=["className","color","edge","size","sx"],b=(0,h.ZP)("span",{name:"MuiSwitch",slot:"Root",overridesResolver:function(e,t){var o=e.ownerState;return[t.root,o.edge&&t["edge".concat((0,d.Z)(o.edge))],t["size".concat((0,d.Z)(o.size))]]}})((function(e){var t,o=e.ownerState;return(0,r.Z)({display:"inline-flex",width:58,height:38,overflow:"hidden",padding:12,boxSizing:"border-box",position:"relative",flexShrink:0,zIndex:0,verticalAlign:"middle","@media print":{colorAdjust:"exact"}},"start"===o.edge&&{marginLeft:-8},"end"===o.edge&&{marginRight:-8},"small"===o.size&&(t={width:40,height:24,padding:7},(0,n.Z)(t,"& .".concat(w.thumb),{width:16,height:16}),(0,n.Z)(t,"& .".concat(w.switchBase),(0,n.Z)({padding:4},"&.".concat(w.checked),{transform:"translateX(16px)"})),t))})),y=(0,h.ZP)(u.Z,{name:"MuiSwitch",slot:"SwitchBase",overridesResolver:function(e,t){var o=e.ownerState;return[t.switchBase,(0,n.Z)({},"& .".concat(w.input),t.input),"default"!==o.color&&t["color".concat((0,d.Z)(o.color))]]}})((function(e){var t,o=e.theme;return t={position:"absolute",top:0,left:0,zIndex:1,color:o.vars?o.vars.palette.Switch.defaultColor:"".concat("light"===o.palette.mode?o.palette.common.white:o.palette.grey[300]),transition:o.transitions.create(["left","transform"],{duration:o.transitions.duration.shortest})},(0,n.Z)(t,"&.".concat(w.checked),{transform:"translateX(20px)"}),(0,n.Z)(t,"&.".concat(w.disabled),{color:o.vars?o.vars.palette.Switch.defaultDisabledColor:"".concat("light"===o.palette.mode?o.palette.grey[100]:o.palette.grey[600])}),(0,n.Z)(t,"&.".concat(w.checked," + .").concat(w.track),{opacity:.5}),(0,n.Z)(t,"&.".concat(w.disabled," + .").concat(w.track),{opacity:o.vars?o.vars.opacity.switchTrackDisabled:"".concat("light"===o.palette.mode?.12:.2)}),(0,n.Z)(t,"& .".concat(w.input),{left:"-100%",width:"300%"}),t}),(function(e){var t,o=e.theme,a=e.ownerState;return(0,r.Z)({"&:hover":{backgroundColor:o.vars?"rgba(".concat(o.vars.palette.action.activeChannel," / ").concat(o.vars.palette.action.hoverOpacity,")"):(0,s.Fq)(o.palette.action.active,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"default"!==a.color&&(t={},(0,n.Z)(t,"&.".concat(w.checked),(0,n.Z)({color:(o.vars||o).palette[a.color].main,"&:hover":{backgroundColor:o.vars?"rgba(".concat(o.vars.palette[a.color].mainChannel," / ").concat(o.vars.palette.action.hoverOpacity,")"):(0,s.Fq)(o.palette[a.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},"&.".concat(w.disabled),{color:o.vars?o.vars.palette.Switch["".concat(a.color,"DisabledColor")]:"".concat("light"===o.palette.mode?(0,s.$n)(o.palette[a.color].main,.62):(0,s._j)(o.palette[a.color].main,.55))})),(0,n.Z)(t,"&.".concat(w.checked," + .").concat(w.track),{backgroundColor:(o.vars||o).palette[a.color].main}),t))})),x=(0,h.ZP)("span",{name:"MuiSwitch",slot:"Track",overridesResolver:function(e,t){return t.track}})((function(e){var t=e.theme;return{height:"100%",width:"100%",borderRadius:7,zIndex:-1,transition:t.transitions.create(["opacity","background-color"],{duration:t.transitions.duration.shortest}),backgroundColor:t.vars?t.vars.palette.common.onBackground:"".concat("light"===t.palette.mode?t.palette.common.black:t.palette.common.white),opacity:t.vars?t.vars.opacity.switchTrack:"".concat("light"===t.palette.mode?.38:.3)}})),S=(0,h.ZP)("span",{name:"MuiSwitch",slot:"Thumb",overridesResolver:function(e,t){return t.thumb}})((function(e){var t=e.theme;return{boxShadow:(t.vars||t).shadows[1],backgroundColor:"currentColor",width:20,height:20,borderRadius:"50%"}})),k=i.forwardRef((function(e,t){var o=(0,m.Z)({props:e,name:"MuiSwitch"}),n=o.className,i=o.color,s=void 0===i?"primary":i,u=o.edge,h=void 0!==u&&u,p=o.size,v=void 0===p?"medium":p,w=o.sx,k=(0,a.Z)(o,Z),z=(0,r.Z)({},o,{color:s,edge:h,size:v}),C=function(e){var t=e.classes,o=e.edge,n=e.size,a=e.color,i=e.checked,c=e.disabled,s={root:["root",o&&"edge".concat((0,d.Z)(o)),"size".concat((0,d.Z)(n))],switchBase:["switchBase","color".concat((0,d.Z)(a)),i&&"checked",c&&"disabled"],thumb:["thumb"],track:["track"],input:["input"]},u=(0,l.Z)(s,f,t);return(0,r.Z)({},t,u)}(z),_=(0,g.jsx)(S,{className:C.thumb,ownerState:z});return(0,g.jsxs)(b,{className:(0,c.Z)(C.root,n),sx:w,ownerState:z,children:[(0,g.jsx)(y,(0,r.Z)({type:"checkbox",icon:_,checkedIcon:_,ref:t,ownerState:z},k,{classes:(0,r.Z)({},C,{root:C.switchBase})})),(0,g.jsx)(x,{className:C.track,ownerState:z})]})}))}}]);
-//# sourceMappingURL=6498.698608f8.chunk.js.map

package/build/static/js/6868.881bd141.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[6868],{70998:function(e,n,t){t.d(n,{Z:function(){return g}});var r=t(33028),i=t(59740),o=t(24974),l=t.n(o),s=t(59467),a=t(62399),c=t(19611),u=t.n(c),d=t(20244),f=t(41395),p=t(24891);var m=t(37574),h=["blocklet","style","size","ancestors"];function g(e){var n=e.blocklet,t=e.style,o=e.size,l=e.ancestors,c=(0,i.Z)(e,h),g=(0,f.h6)(),b=function(e){var n,t=e.blocklet,r=e.ancestors,i=void 0===r?[]:r,o=(0,f.h6)(),l=o.inService,s="?v=".concat(null===t||void 0===t||null===(n=t.meta)||void 0===n?void 0:n.version).concat((0,p.XN)(null===t||void 0===t?void 0:t.status)?"~":""),a=l?u()(p.zn,d.WELLKNOWN_SERVICE_PATH_PREFIX,"/blocklet/logo-bundle",s):u()(o.imgPrefix,"blocklet.png");if("registry"===t.source&&t.deployedFrom&&t.meta.logo)a=u()(t.deployedFrom,(0,p.lk)(t.meta.bundleDid,t.meta.logo),s);else{var c=window.env.apiPrefix||"/",m=i.concat(t),h=l?m.slice(1):m;a=u()(c,"/blocklet/logo-bundle".concat(h.map((function(e){return"/".concat(e.meta.did)})).join("")),s)}return{logoUrl:a,inService:l}}({blocklet:n,ancestors:l}),x=b.logoUrl,Z=b.inService,v=c.variant,y=Z?function(){}:function(e){e.target.src="".concat(g.imgPrefix,"/blocklet.png")},j=(0,m.jsx)("img",{src:x,onError:y,alt:n.meta.name,style:{width:o}});return n.meta.logo||(j=(0,m.jsx)(a.Z,{did:n.meta.did||"",responsive:!0})),(0,m.jsx)(s.Z,(0,r.Z)((0,r.Z)({variant:v||"square",style:Object.assign({backgroundColor:"transparent",width:o,height:o,borderRadius:10},t)},c),{},{children:j}))}g.propTypes={blocklet:l().object.isRequired,style:l().object,size:l().oneOfType([l().number,l().string]),ancestors:l().array},g.defaultProps={style:{},size:40,ancestors:[]}},2569:function(e,n,t){t.d(n,{Z:function(){return s}});var r=t(24974),i=t.n(r),o=t(38361),l=t(37574);function s(e){var n=e.depth;return(0,l.jsx)(o.Z,{ml:Math.max(2*(n-1),0),sx:{borderBottom:1,borderColor:"rgba(0,0,0,0.12)"}},"group-collapse-box")}s.propTypes={depth:i().number},s.defaultProps={depth:1}},73820:function(e,n,t){t.d(n,{Z:function(){return f}});var r=t(33028),i=t(59740),o=t(30969),l=t(24974),s=t.n(l),a=t(99631),c=t(26022),u=t(37574),d=["children"];function f(e){var n=e.children,t=(0,i.Z)(e,d),l=(0,o.useContext)(c.RD).t;return(0,u.jsx)(a.Z,(0,r.Z)((0,r.Z)({tip:l("common.copyTip"),copiedTip:l("common.copiedTip")},t),{},{children:n}))}f.propTypes={children:s().any.isRequired}},67019:function(e,n,t){t.d(n,{Z:function(){return k}});var r=t(33028),i=t(32723),o=t(34795),l=t(96234),s=t(59740),a=t(30969),c=t(24974),u=t.n(c),d=t(38361),f=t(87006),p=t(94308),m=t(88581),h=t(27724),g=t(94551),b=t(14458),x=t(28412),Z=t(76934),v=t(37574),y=["label","disabled","required","initialValue","onChange","placeholder","style","onSubmit","secure","triggers","formatterBeforeSubmit"],j=function(e,n,t){return null===e&&n&&t?"******":e?n?"******":e:""};function k(e){var n=e.label,t=e.disabled,c=e.required,u=e.initialValue,k=e.onChange,w=e.placeholder,C=e.style,S=e.onSubmit,T=e.secure,z=e.triggers,E=e.formatterBeforeSubmit,_=(0,s.Z)(e,y),q=(0,a.useState)(!1),R=(0,l.Z)(q,2),P=R[0],N=R[1],O=(0,a.useState)(!1),B=(0,l.Z)(O,2),F=B[0],V=B[1],I=(0,a.useState)(T&&"__encrypted__"===u?null:u),M=(0,l.Z)(I,2),D=M[0],W=M[1],A=(0,a.useState)(D),K=(0,l.Z)(A,2),L=K[0],U=K[1],X=function(){var e=(0,o.Z)((0,i.Z)().mark((function e(){var n;return(0,i.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return V(!0),e.prev=1,e.next=4,S(L);case 4:!1===e.sent?U(D):(n=L,"function"===typeof E&&(n=E(L)),U(n),W(n)),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(1),U(D);case 11:return e.prev=11,V(!1),N(!1),e.finish(11);case 15:case"end":return e.stop()}}),e,null,[[1,8,11,15]])})));return function(){return e.apply(this,arguments)}}(),H=function(e){U(e),k(e)},G=P?(0,v.jsx)(f.Z,(0,r.Z)({style:{flex:1},fullWidth:!0,value:L,onChange:function(e){H(e.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:w,onKeyDown:function(e){"Enter"===e.key&&X()},disabled:t,type:T?"password":"text"},_)):(0,v.jsx)(d.Z,{px:1,className:"form-item-input slot",style:{whiteSpace:"pre-wrap"},children:j(L,T,u)});return(0,v.jsx)(x.Z,{className:"form",style:C,children:(0,v.jsxs)(d.Z,{className:"form-item",children:[(0,v.jsxs)(d.Z,{className:"form-item-label",children:[n,c&&(0,v.jsx)(b.Z,{})]}),(0,v.jsxs)(d.Z,{className:"form-item-body",children:[(0,v.jsx)(d.Z,{className:"form-item-input",children:G}),(0,v.jsx)(d.Z,{className:"form-item-action",children:P?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(g.Z,{"data-cy":"schema-form-item-confirm",onClick:X,disabled:t||F,size:"large",children:F?(0,v.jsx)(p.Z,{size:24}):(0,v.jsx)(h.Z,{})}),(0,v.jsx)(g.Z,{"data-cy":"schema-form-item-cancel",onClick:function(){U(D),N(!1)},disabled:t||F,size:"large",children:(0,v.jsx)(m.default,{})})]}):(0,v.jsx)(Z.Z,{triggers:z,onEnterEdit:function(){return N(!0)},disabled:t})})]})]})})}k.propTypes={style:u().object,onSubmit:u().func,onChange:u().func,label:u().string,initialValue:u().string,placeholder:u().string,required:u().bool,disabled:u().bool,secure:u().bool,triggers:u().array,formatterBeforeSubmit:u().func},k.defaultProps={style:{},onSubmit:function(){},onChange:function(){},label:"",initialValue:"",placeholder:"",required:!1,disabled:!1,secure:!1,triggers:[],formatterBeforeSubmit:null}},28412:function(e,n,t){var r,i=t(71171),o=t(16380),l=t(38361);n.Z=(0,o.Z)(l.Z)(r||(r=(0,i.Z)(["\n  width: 100%;\n  flex-grow: 1;\n  overflow-y: auto;\n  "," {\n    width: 100%;\n    flex-shrink: 0;\n    padding: 0 24px;\n    transform: translate(0, 0);\n    /* max-height: 60vh; */\n  }\n\n  .form-item {\n    width: 100%;\n    margin-bottom: 24px;\n    position: relative;\n    "," {\n      flex-wrap: wrap;\n      justify-content: space-between;\n      width: 100%;\n      flex-shrink: 0;\n    }\n  }\n\n  .form-item-body {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    margin-top: 4px;\n  }\n\n  .form-item-label {\n    line-height: 1.2;\n    font-size: 14px;\n    color: #888;\n    font-weight: bold;\n\n    "," {\n      text-align: left;\n      width: auto;\n      flex-grow: 1;\n    }\n  }\n\n  .form-item-input {\n    flex-grow: 1;\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n\n    &.slot {\n      height: 40px;\n      line-height: 40px;\n      background: #f8f8f8;\n      font-size: 16px;\n\n      .MuiChip-root {\n        margin-top: -4px;\n      }\n    }\n\n    .MuiSelect-select {\n      padding: 8px;\n    }\n  }\n\n  .form-item-action {\n    // width: 100px;\n    text-align: left;\n    margin-left: 12px;\n    flex-shrink: 0;\n    "," {\n      width: auto;\n      margin-left: 0px;\n    }\n    .MuiIconButton-root {\n      padding: 8px;\n      svg {\n        fill: #888;\n      }\n      &.Mui-disabled {\n        opacity: 0.4;\n      }\n    }\n  }\n"])),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.down("md")}))},76934:function(e,n,t){t.d(n,{Z:function(){return x}});var r=t(96234),i=t(30969),o=t(24974),l=t.n(o),s=t(1484),a=t(94551),c=t(72097),u=t(27265),d=t(97475),f=t(38589),p=t(46672),m=t(45761),h=t(2689),g=t(23484),b=t(37574);function x(e){var n=e.triggers,t=e.onEnterEdit,o=e.disabled,l=i.useRef(null),x=i.useState(!1),Z=(0,r.Z)(x,2),v=Z[0],y=Z[1];return 0===n.length?(0,b.jsx)(a.Z,{"data-cy":"schema-form-item-edit",onClick:t,disabled:o,size:"large",children:(0,b.jsx)(s.Z,{})}):(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(u.Z,{variant:"outlined",ref:l,"aria-label":"split button",children:[(0,b.jsx)(c.Z,{"data-cy":"schema-form-item-edit",onClick:t,disabled:o,size:"large",children:(0,b.jsx)(s.Z,{})}),(0,b.jsx)(c.Z,{size:"small","aria-controls":v?"split-button-menu":void 0,"aria-expanded":v?"true":void 0,onClick:function(){y((function(e){return!e}))},children:(0,b.jsx)(d.Z,{})})]}),(0,b.jsx)(m.Z,{sx:{zIndex:9999},open:v,anchorEl:l.current,role:void 0,placement:"bottom-end",children:(0,b.jsx)(p.Z,{children:(0,b.jsx)(f.d,{onClickAway:function(e){l.current&&l.current.contains(e.target)||y(!1)},children:(0,b.jsx)(g.Z,{id:"split-button-menu",autoFocusItem:!0,children:n.map((function(e){return(0,b.jsx)(h.Z,{onClick:function(){return n=e.handler,y(!1),void n();var n},children:e.title},e.key)}))})})})})]})}x.propTypes={triggers:l().arrayOf(l().shape({key:l().string.isRequired,title:l().string.isRequired,handler:l().func.isRequired})),onEnterEdit:l().func.isRequired,disabled:l().bool.isRequired},x.defaultProps={triggers:[]}},14458:function(e,n,t){var r,i=t(71171),o=t(16380).Z.span(r||(r=(0,i.Z)(["\n  color: ",";\n  &::before {\n    content: '*';\n  }\n"])),(function(e){return e.theme.palette.error.main}));n.Z=o},22572:function(e,n,t){t.d(n,{V:function(){return c},Z:function(){return a}});var r=t(33028),i=t(24974),o=t.n(i),l=t(77370),s=t(37574);function a(e){var n=e.permission,t=e.role,r=e.component,i=e.children,o=(0,l.T)().session,s=!0,a=[].concat(n).filter(Boolean),c=[].concat(t).filter(Boolean);if(a.length){var u=o.user&&o.user.permissions||[];s=a.some((function(e){return u.includes(e)}))}return s&&c.length&&(s=c.includes(o.user.role)),"function"===typeof r?r(s):"function"===typeof i?i(s):s&&(r||i)||null}function c(e,n,t){return function(i){return(0,s.jsx)(a,{permission:n,role:t,children:function(n){return(0,s.jsx)(e,(0,r.Z)((0,r.Z)({},i),{},{hasPermission:n}))}})}}a.propTypes={permission:o().oneOfType([o().string,o().arrayOf(o().string)]),role:o().oneOfType([o().string,o().arrayOf(o().string)]),component:o().oneOfType([o().func,o().node]),children:o().oneOfType([o().func,o().node])},a.defaultProps={permission:"",role:"",component:null,children:null}}}]);
-//# sourceMappingURL=6868.881bd141.chunk.js.map

package/build/static/js/7006.8f0645e5.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[7006],{98123:function(e,r,o){var a,t=o(56666),i=o(31461),n=o(7896),l=o(30969),s=o(87023),d=o(26540),c=o(42641),u=o(86171),m=o(45971),f=o(24099),p=o(57761),v=o(17363),Z=o(37574),h=["children","className","component","disabled","error","filled","focused","margin","required","variant"],b=(0,m.ZP)("p",{name:"MuiFormHelperText",slot:"Root",overridesResolver:function(e,r){var o=e.ownerState;return[r.root,o.size&&r["size".concat((0,f.Z)(o.size))],o.contained&&r.contained,o.filled&&r.filled]}})((function(e){var r,o=e.theme,a=e.ownerState;return(0,n.Z)({color:(o.vars||o).palette.text.secondary},o.typography.caption,(r={textAlign:"left",marginTop:3,marginRight:0,marginBottom:0,marginLeft:0},(0,t.Z)(r,"&.".concat(p.Z.disabled),{color:(o.vars||o).palette.text.disabled}),(0,t.Z)(r,"&.".concat(p.Z.error),{color:(o.vars||o).palette.error.main}),r),"small"===a.size&&{marginTop:4},a.contained&&{marginLeft:14,marginRight:14})})),x=l.forwardRef((function(e,r){var o=(0,v.Z)({props:e,name:"MuiFormHelperText"}),t=o.children,l=o.className,m=o.component,x=void 0===m?"p":m,k=(0,i.Z)(o,h),w=(0,u.Z)(),F=(0,c.Z)({props:o,muiFormControl:w,states:["variant","size","disabled","error","filled","focused","required"]}),z=(0,n.Z)({},o,{component:x,contained:"filled"===F.variant||"outlined"===F.variant,variant:F.variant,size:F.size,disabled:F.disabled,error:F.error,filled:F.filled,focused:F.focused,required:F.required}),q=function(e){var r=e.classes,o=e.contained,a=e.size,t=e.disabled,i=e.error,n=e.filled,l=e.focused,s=e.required,c={root:["root",t&&"disabled",i&&"error",a&&"size".concat((0,f.Z)(a)),o&&"contained",l&&"focused",n&&"filled",s&&"required"]};return(0,d.Z)(c,p.E,r)}(z);return(0,Z.jsx)(b,(0,n.Z)({as:x,ownerState:z,className:(0,s.Z)(q.root,l),ref:r},k,{children:" "===t?a||(a=(0,Z.jsx)("span",{className:"notranslate",children:"\u200b"})):t}))}));r.Z=x},57761:function(e,r,o){o.d(r,{E:function(){return i}});var a=o(62746),t=o(2975);function i(e){return(0,t.Z)("MuiFormHelperText",e)}var n=(0,a.Z)("MuiFormHelperText",["root","error","disabled","sizeSmall","sizeMedium","contained","focused","filled","required"]);r.Z=n},51385:function(e,r,o){o.d(r,{Z:function(){return g}});var a=o(56666),t=o(31461),i=o(7896),n=o(30969),l=o(26540),s=o(87023),d=o(42641),c=o(86171),u=o(24099),m=o(17363),f=o(45971),p=o(62746),v=o(2975);function Z(e){return(0,v.Z)("MuiFormLabel",e)}var h=(0,p.Z)("MuiFormLabel",["root","colorSecondary","focused","disabled","error","filled","required","asterisk"]),b=o(37574),x=["children","className","color","component","disabled","error","filled","focused","required"],k=(0,f.ZP)("label",{name:"MuiFormLabel",slot:"Root",overridesResolver:function(e,r){var o=e.ownerState;return(0,i.Z)({},r.root,"secondary"===o.color&&r.colorSecondary,o.filled&&r.filled)}})((function(e){var r,o=e.theme,t=e.ownerState;return(0,i.Z)({color:(o.vars||o).palette.text.secondary},o.typography.body1,(r={lineHeight:"1.4375em",padding:0,position:"relative"},(0,a.Z)(r,"&.".concat(h.focused),{color:(o.vars||o).palette[t.color].main}),(0,a.Z)(r,"&.".concat(h.disabled),{color:(o.vars||o).palette.text.disabled}),(0,a.Z)(r,"&.".concat(h.error),{color:(o.vars||o).palette.error.main}),r))})),w=(0,f.ZP)("span",{name:"MuiFormLabel",slot:"Asterisk",overridesResolver:function(e,r){return r.asterisk}})((function(e){var r=e.theme;return(0,a.Z)({},"&.".concat(h.error),{color:(r.vars||r).palette.error.main})})),F=n.forwardRef((function(e,r){var o=(0,m.Z)({props:e,name:"MuiFormLabel"}),a=o.children,n=o.className,f=o.component,p=void 0===f?"label":f,v=(0,t.Z)(o,x),h=(0,c.Z)(),F=(0,d.Z)({props:o,muiFormControl:h,states:["color","required","focused","disabled","error","filled"]}),z=(0,i.Z)({},o,{color:F.color||"primary",component:p,disabled:F.disabled,error:F.error,filled:F.filled,focused:F.focused,required:F.required}),q=function(e){var r=e.classes,o=e.color,a=e.focused,t=e.disabled,i=e.error,n=e.filled,s=e.required,d={root:["root","color".concat((0,u.Z)(o)),t&&"disabled",i&&"error",n&&"filled",a&&"focused",s&&"required"],asterisk:["asterisk",i&&"error"]};return(0,l.Z)(d,Z,r)}(z);return(0,b.jsxs)(k,(0,i.Z)({as:p,ownerState:z,className:(0,s.Z)(q.root,n),ref:r},v,{children:[a,F.required&&(0,b.jsxs)(w,{ownerState:z,"aria-hidden":!0,className:q.asterisk,children:["\u2009","*"]})]}))})),z=o(50504),q=["disableAnimation","margin","shrink","variant","className"],R=(0,f.ZP)(F,{shouldForwardProp:function(e){return(0,f.FO)(e)||"classes"===e},name:"MuiInputLabel",slot:"Root",overridesResolver:function(e,r){var o=e.ownerState;return[(0,a.Z)({},"& .".concat(h.asterisk),r.asterisk),r.root,o.formControl&&r.formControl,"small"===o.size&&r.sizeSmall,o.shrink&&r.shrink,!o.disableAnimation&&r.animated,r[o.variant]]}})((function(e){var r=e.theme,o=e.ownerState;return(0,i.Z)({display:"block",transformOrigin:"top left",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%"},o.formControl&&{position:"absolute",left:0,top:0,transform:"translate(0, 20px) scale(1)"},"small"===o.size&&{transform:"translate(0, 17px) scale(1)"},o.shrink&&{transform:"translate(0, -1.5px) scale(0.75)",transformOrigin:"top left",maxWidth:"133%"},!o.disableAnimation&&{transition:r.transitions.create(["color","transform","max-width"],{duration:r.transitions.duration.shorter,easing:r.transitions.easing.easeOut})},"filled"===o.variant&&(0,i.Z)({zIndex:1,pointerEvents:"none",transform:"translate(12px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"},"small"===o.size&&{transform:"translate(12px, 13px) scale(1)"},o.shrink&&(0,i.Z)({userSelect:"none",pointerEvents:"auto",transform:"translate(12px, 7px) scale(0.75)",maxWidth:"calc(133% - 24px)"},"small"===o.size&&{transform:"translate(12px, 4px) scale(0.75)"})),"outlined"===o.variant&&(0,i.Z)({zIndex:1,pointerEvents:"none",transform:"translate(14px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"},"small"===o.size&&{transform:"translate(14px, 9px) scale(1)"},o.shrink&&{userSelect:"none",pointerEvents:"auto",maxWidth:"calc(133% - 32px)",transform:"translate(14px, -9px) scale(0.75)"}))})),g=n.forwardRef((function(e,r){var o=(0,m.Z)({name:"MuiInputLabel",props:e}),a=o.disableAnimation,n=void 0!==a&&a,f=o.shrink,p=o.className,v=(0,t.Z)(o,q),Z=(0,c.Z)(),h=f;"undefined"===typeof h&&Z&&(h=Z.filled||Z.focused||Z.adornedStart);var x=(0,d.Z)({props:o,muiFormControl:Z,states:["size","variant","required"]}),k=(0,i.Z)({},o,{disableAnimation:n,formControl:Z,shrink:h,size:x.size,variant:x.variant,required:x.required}),w=function(e){var r=e.classes,o=e.formControl,a=e.size,t=e.shrink,n=e.disableAnimation,s=e.variant,d=e.required,c={root:["root",o&&"formControl",!n&&"animated",t&&"shrink",a&&"normal"!==a&&"size".concat((0,u.Z)(a)),s],asterisk:[d&&"asterisk"]},m=(0,l.Z)(c,z.Y,r);return(0,i.Z)({},r,m)}(k);return(0,b.jsx)(R,(0,i.Z)({"data-shrink":h,ownerState:k,ref:r,className:(0,s.Z)(w.root,p)},v,{classes:w}))}))},50504:function(e,r,o){o.d(r,{Y:function(){return i}});var a=o(62746),t=o(2975);function i(e){return(0,t.Z)("MuiInputLabel",e)}var n=(0,a.Z)("MuiInputLabel",["root","focused","disabled","error","required","asterisk","formControl","sizeSmall","shrink","animated","standard","filled","outlined"]);r.Z=n},87006:function(e,r,o){var a=o(7896),t=o(31461),i=o(30969),n=o(87023),l=o(26540),s=o(3210),d=o(45971),c=o(17363),u=o(48525),m=o(42412),f=o(33656),p=o(51385),v=o(87535),Z=o(98123),h=o(39130),b=o(99453),x=o(37574),k=["autoComplete","autoFocus","children","className","color","defaultValue","disabled","error","FormHelperTextProps","fullWidth","helperText","id","InputLabelProps","inputProps","InputProps","inputRef","label","maxRows","minRows","multiline","name","onBlur","onChange","onFocus","placeholder","required","rows","select","SelectProps","type","value","variant"],w={standard:u.Z,filled:m.Z,outlined:f.Z},F=(0,d.ZP)(v.Z,{name:"MuiTextField",slot:"Root",overridesResolver:function(e,r){return r.root}})({}),z=i.forwardRef((function(e,r){var o=(0,c.Z)({props:e,name:"MuiTextField"}),i=o.autoComplete,d=o.autoFocus,u=void 0!==d&&d,m=o.children,f=o.className,v=o.color,z=void 0===v?"primary":v,q=o.defaultValue,R=o.disabled,g=void 0!==R&&R,S=o.error,y=void 0!==S&&S,C=o.FormHelperTextProps,M=o.fullWidth,P=void 0!==M&&M,N=o.helperText,T=o.id,I=o.InputLabelProps,L=o.inputProps,W=o.InputProps,j=o.inputRef,A=o.label,H=o.maxRows,E=o.minRows,_=o.multiline,O=void 0!==_&&_,B=o.name,V=o.onBlur,Y=o.onChange,D=o.onFocus,G=o.placeholder,J=o.required,K=void 0!==J&&J,Q=o.rows,U=o.select,X=void 0!==U&&U,$=o.SelectProps,ee=o.type,re=o.value,oe=o.variant,ae=void 0===oe?"outlined":oe,te=(0,t.Z)(o,k),ie=(0,a.Z)({},o,{autoFocus:u,color:z,disabled:g,error:y,fullWidth:P,multiline:O,required:K,select:X,variant:ae}),ne=function(e){var r=e.classes;return(0,l.Z)({root:["root"]},b.I,r)}(ie);var le={};"outlined"===ae&&(I&&"undefined"!==typeof I.shrink&&(le.notched=I.shrink),le.label=A),X&&($&&$.native||(le.id=void 0),le["aria-describedby"]=void 0);var se=(0,s.Z)(T),de=N&&se?"".concat(se,"-helper-text"):void 0,ce=A&&se?"".concat(se,"-label"):void 0,ue=w[ae],me=(0,x.jsx)(ue,(0,a.Z)({"aria-describedby":de,autoComplete:i,autoFocus:u,defaultValue:q,fullWidth:P,multiline:O,name:B,rows:Q,maxRows:H,minRows:E,type:ee,value:re,id:se,inputRef:j,onBlur:V,onChange:Y,onFocus:D,placeholder:G,inputProps:L},le,W));return(0,x.jsxs)(F,(0,a.Z)({className:(0,n.Z)(ne.root,f),disabled:g,error:y,fullWidth:P,ref:r,required:K,color:z,variant:ae,ownerState:ie},te,{children:[null!=A&&""!==A&&(0,x.jsx)(p.Z,(0,a.Z)({htmlFor:se,id:ce},I,{children:A})),X?(0,x.jsx)(h.Z,(0,a.Z)({"aria-describedby":de,id:se,labelId:ce,value:re,input:me},$,{children:m})):me,N&&(0,x.jsx)(Z.Z,(0,a.Z)({id:de},C,{children:N}))]}))}));r.Z=z},99453:function(e,r,o){o.d(r,{I:function(){return i}});var a=o(62746),t=o(2975);function i(e){return(0,t.Z)("MuiTextField",e)}var n=(0,a.Z)("MuiTextField",["root"]);r.Z=n}}]);
-//# sourceMappingURL=7006.8f0645e5.chunk.js.map

package/build/static/js/7367.15383006.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_abtnode_blocklet_services=self.webpackChunk_abtnode_blocklet_services||[]).push([[7367],{15419:function(e,t,n){n.d(t,{Z:function(){return Z}});var r,o,a=n(71171),i=n(33028),l=n(96234),c=n(59740),s=n(30969),u=n(24974),d=n.n(u),f=n(23038),h=n(45761),p=n(46672),m=n(38589),v=n(23484),y=n(2689),g=n(27265),b=n(72097),w=n(55581),j=n(37574),x=["size","color","menu","children","variant","onClick","menuButtonProps"];function Z(e){var t=e.size,n=e.color,r=e.menu,o=e.children,a=e.variant,u=e.onClick,d=e.menuButtonProps,h=(0,c.Z)(e,x),g=(0,s.useState)(!1),w=(0,l.Z)(g,2),Z=w[0],k=w[1],M=(0,s.useRef)(null),C=Array.isArray(r)?r.map((function(e,t){return(0,s.isValidElement)(e)?e:(0,s.createElement)(y.Z,(0,i.Z)((0,i.Z)({},e),{},{key:t}))})):r;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(O,(0,i.Z)((0,i.Z)({variant:a,size:t,color:n,ref:M},h),{},{children:["function"===typeof o?o():(0,j.jsx)(b.Z,{onClick:u,color:n,children:o}),(0,j.jsx)(b.Z,(0,i.Z)((0,i.Z)({onClick:function(){k((function(e){return!e}))},color:n},d),{},{"aria-label":"more functions",children:(0,j.jsx)(f.Z,{})}))]})),(0,j.jsx)(_,{open:Z,anchorEl:M.current,placement:"bottom-end",disablePortal:!1,children:(0,j.jsx)(p.Z,{children:(0,j.jsx)(m.d,{onClickAway:function(e){M.current&&M.current.contains(e.target)||k(!1)},children:(0,j.jsx)(v.Z,{onClick:function(e){e.target.closest(".MuiMenuItem-root")&&k(!1)},children:C})})})})]})}Z.propTypes={size:d().oneOf(["small","medium","large"]),color:d().oneOf(["primary","secondary","inherit"]),menu:d().oneOfType([d().node,d().array]),children:d().node,variant:d().oneOf(["outlined","contained"]),onClick:d().func,menuButtonProps:d().object},Z.defaultProps={size:"medium",color:"primary",menu:[],children:null,variant:"contained",onClick:function(){},menuButtonProps:{}},Z.Item=y.Z;var O=(0,w.zo)(g.Z)(r||(r=(0,a.Z)(["\n  > .MuiButtonBase-root:last-of-type {\n    min-width: 2em;\n    padding-left: 0;\n    padding-right: 0;\n  }\n"]))),_=(0,w.zo)(h.Z)(o||(o=(0,a.Z)(["\n  z-index: ",";\n  .MuiList-root {\n    padding: 4px 0;\n  }\n  .MuiListItem-root {\n    padding-top: 4px;\n    padding-bottom: 4px;\n  }\n"])),(function(e){return e.theme.zIndex.tooltip}))},50442:function(e,t,n){var r=n(59740),o=n(33028),a=n(24974),i=n.n(a),l=n(49884),c=n(34159),s=n(55581),u=n(37574),d=["labelProps"],f=(0,s.zo)((function(e){return(0,u.jsx)(c.Z,(0,o.Z)({focusVisibleClassName:".Mui-focusVisible",disableRipple:!0},e))}))((function(e){var t=e.theme;return{width:42,height:26,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:2,transitionDuration:"300ms","&.Mui-checked":{transform:"translateX(16px)",color:"#fff","& + .MuiSwitch-track":{backgroundColor:"dark"===t.palette.mode?"#2ECA45":"#65C466",opacity:1,border:0},"&.Mui-disabled + .MuiSwitch-track":{opacity:.5}},"&.Mui-focusVisible .MuiSwitch-thumb":{color:"#33cf4d",border:"6px solid #fff"},"&.Mui-disabled .MuiSwitch-thumb":{color:"light"===t.palette.mode?t.palette.grey[100]:t.palette.grey[600]},"&.Mui-disabled + .MuiSwitch-track":{opacity:"light"===t.palette.mode?.7:.3}},"& .MuiSwitch-thumb":{boxSizing:"border-box",width:22,height:22},"& .MuiSwitch-track":{borderRadius:13,backgroundColor:"light"===t.palette.mode?"#E9E9EA":"#39393D",opacity:1,transition:t.transitions.create(["background-color"],{duration:500})}}}));function h(e){var t=e.labelProps,n=(0,r.Z)(e,d);return t?(0,u.jsx)(l.Z,(0,o.Z)({control:(0,u.jsx)(f,(0,o.Z)({},n))},t)):(0,u.jsx)(f,(0,o.Z)({},n))}h.propTypes={labelProps:i().object},h.defaultProps={labelProps:null},t.Z=h},20352:function(e,t,n){var r=n(71600);t.Z=void 0;var o=r(n(48035)),a=n(37574),i=(0,o.default)((0,a.jsx)("path",{d:"M6 6v2h8.59L5 17.59 6.41 19 16 9.41V18h2V6z"}),"ArrowOutward");t.Z=i},91913:function(e,t,n){var r=n(71600);t.Z=void 0;var o=r(n(48035)),a=n(37574),i=(0,o.default)((0,a.jsx)("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"}),"CloseOutlined");t.Z=i},61292:function(e,t,n){var r=n(71600);t.Z=void 0;var o=r(n(48035)),a=n(37574),i=(0,o.default)((0,a.jsx)("path",{d:"M14.69 2.21 4.33 11.49c-.64.58-.28 1.65.58 1.73L13 14l-4.85 6.76c-.22.31-.19.74.08 1.01.3.3.77.31 1.08.02l10.36-9.28c.64-.58.28-1.65-.58-1.73L11 10l4.85-6.76c.22-.31.19-.74-.08-1.01-.3-.3-.77-.31-1.08-.02z"}),"ElectricBoltOutlined");t.Z=i},60030:function(e,t,n){var r=n(71600);t.Z=void 0;var o=r(n(48035)),a=n(37574),i=(0,o.default)((0,a.jsx)("path",{d:"m9.17 6 2 2H20v10H4V6h5.17M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"}),"FolderOutlined");t.Z=i},88666:function(e,t,n){var r=n(71600);t.Z=void 0;var o=r(n(48035)),a=n(37574),i=(0,o.default)((0,a.jsx)("path",{d:"M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"}),"HelpOutline");t.Z=i},75106:function(e,t,n){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"===typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n};t.__esModule=!0;var a=n(30969),i=n(78653),l=n(25109);t.default=function(e){var t=e.delay,n=void 0===t?0:t,c=e.type,s=void 0===c?"text":c,u=e.color,d=void 0===u?"#CDCDCD":u,f=e.rows,h=void 0===f?3:f,p=e.ready,m=e.firstLaunchOnly,v=e.children,y=e.className,g=e.showLoadingAnimation,b=e.customPlaceholder,w=o(e,["delay","type","color","rows","ready","firstLaunchOnly","children","className","showLoadingAnimation","customPlaceholder"]),j=a.useState(p),x=j[0],Z=j[1],O=a.useRef(null);return a.useEffect((function(){m||!x||p?p&&(O.current&&window.clearTimeout(O.current),x||Z(!0)):n&&n>0?O.current=window.setTimeout((function(){Z(!1)}),n):Z(!1)}),[m,x,p,n]),a.useEffect((function(){return function(){O.current&&window.clearTimeout(O.current)}}),[]),x?v:function(){var e=g?l.joinClassNames("show-loading-animation",y):y;if(b&&a.isValidElement(b)){var t=l.joinClassNames(b.props.className,e);return a.cloneElement(b,{className:t})}if(b)return b;var n=i[s];return a.createElement(n,r({},w,{color:d,rows:h,className:e}))}()}},24962:function(e,t,n){var r=n(75106);t.Z=r.default},91944:function(e,t,n){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)};t.__esModule=!0;var o=n(30969),a=n(5813),i=n(84113),l=n(25109),c={display:"flex"};t.default=function(e){var t=e.className,n=e.style,s=e.color,u=e.rows;return o.createElement("div",{className:l.joinClassNames("media-block",t),style:r(r({},c),n)},o.createElement(i.default,{color:s,style:{minHeight:55,width:55,minWidth:55,marginRight:10}}),o.createElement(a.default,{color:s,rows:u}))}},74709:function(e,t,n){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)};t.__esModule=!0;var o=n(30969),a=n(25109);t.default=function(e){var t=e.className,n=e.style,i={backgroundColor:e.color,width:"100%",height:"100%",marginRight:10};return o.createElement("div",{className:a.joinClassNames("rect-shape",t),style:r(r({},i),n)})}},84113:function(e,t,n){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)};t.__esModule=!0;var o=n(30969),a=n(25109);t.default=function(e){var t=e.className,n=e.style,i={backgroundColor:e.color,borderRadius:"500rem",width:"100%",height:"100%"};return o.createElement("div",{className:a.joinClassNames("round-shape",t),style:r(r({},i),n)})}},5813:function(e,t,n){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)};t.__esModule=!0;var o=n(30969),a=n(82616),i=n(25109),l={width:"100%"},c=[97,100,94,90,98,95,98,40];t.default=function(e){var t=e.rows,n=e.lineSpacing,s=e.color,u=e.style,d=e.className,f=e.widths,h=void 0===f?c:f,p=function(e){return{maxHeight:100/(2*t-1)+"%",width:h[(e+h.length)%h.length]+"%"}};return o.createElement("div",{className:i.joinClassNames("text-block",d),style:r(r({},l),u)},Array.apply(null,Array(t)).map((function(e,t){return o.createElement(a.default,{color:s,style:p(t),lineSpacing:0!==t?n:0,key:t})})))}},82616:function(e,t,n){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)};t.__esModule=!0;var o=n(30969),a=n(25109);t.default=function(e){var t=e.className,n=e.maxHeight,i=e.color,l=e.lineSpacing,c=void 0===l?"0.7em":l,s=e.style,u={maxHeight:n,width:"100%",height:"1em",backgroundColor:i,marginTop:c};return o.createElement("div",{className:a.joinClassNames("text-row",t),style:r(r({},u),s)})}},78653:function(e,t,n){t.__esModule=!0,t.media=t.text=t.rect=t.round=t.textRow=t.MediaBlock=t.TextBlock=t.RectShape=t.RoundShape=t.TextRow=void 0;var r=n(82616);t.TextRow=r.default;var o=n(84113);t.RoundShape=o.default;var a=n(74709);t.RectShape=a.default;var i=n(5813);t.TextBlock=i.default;var l=n(91944);t.MediaBlock=l.default,t.textRow=r.default,t.round=o.default,t.rect=a.default,t.text=i.default,t.media=l.default},25109:function(e,t){t.__esModule=!0,t.joinClassNames=void 0,t.joinClassNames=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter((function(e){return e})).join(" ")}}}]);
-//# sourceMappingURL=7367.15383006.chunk.js.map