@abtnode/webapp 1.16.19-beta-e6aac665 → 1.16.19-beta-7b2db880

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- (self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[1037],{81037:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return Jr}});var r=t(33028),o=t(5057),i=t(68420),a=t(68079),l=t(59740),c=t(71171),s=t(32723),u=t(34795),d=t(96234),p=t(33518),m=t(55898),f=t.n(m),h=t(37541),x=t(39948),v=t(7278),g=t(6838),Z=t(87971),y=t(99194),b=t(67680),k=t(44919),j=t(10697),C=t(48037),P=t(34966),E=t(94552),T=t(55402),R=t(75239),w=t(48086),S=t(88092),_=t(32207),U=t(35258),N=t(27773),I=t(26174),L=t(36554),D=t(55498),O=t(35432),B=t(44846),F=t(64886),A=t(28726),G=t(25710),q=t(38242),z=t(57156),W=t.n(z),M=t(86229),K=t(87363),Y=t(17450),V=t(22228),H=t(6352),X=t.n(H),$=t(2078),J=t.n($),Q=t(19778),ee=t(38898),ne=t(96266);function te(e){var n,t=e.sourceInfo,r=e.blocklet,a=(0,o.useContext)(i.RD).t;return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(Q.Z,{type:"success",children:J()(t.source)},"source"),"registry"===t.source&&(0,ne.jsx)(ee.Z,{href:X()(t.deployedFrom,"blocklets",(null===r||void 0===r||null===(n=r.meta)||void 0===n?void 0:n.bundleDid)||""),target:"_blank",className:"page-link",underline:"hover",style:{display:"flex",alignItems:"center",marginLeft:8},children:a("blocklet.overview.viewInStore")})]})}te.propTypes={sourceInfo:f().shape({source:f().string,deployedFrom:f().string}),blocklet:f().object},te.defaultProps={sourceInfo:{},blocklet:{}};var re=t(81010),oe=t(40736),ie=t(76811),ae=t(70461),le=t(58238),ce=t(14491),se=t(63406),ue=["blocklet","checkUpgrade","hasPermission"];function de(e){var n=e.blocklet,t=e.checkUpgrade,a=e.hasPermission,c=(0,l.Z)(e,ue),p=(0,le.h6)().api,m=(0,o.useContext)(i.RD).t,f=(0,o.useState)(!1),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,o.useState)(""),Z=(0,d.Z)(g,2),y=Z[0],k=Z[1],j=(0,o.useState)(null),C=(0,d.Z)(j,2),P=C[0],E=C[1],T=(0,o.useState)(null),w=(0,d.Z)(T,2),S=w[0],_=w[1];(0,o.useEffect)((function(){E(null),t&&(n.mode,ie.BLOCKLET_MODES.DEVELOPMENT)}),[n,t]);var U=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var t;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return v(!0),e.prev=1,t={did:n.meta.did,version:P.version,storeUrl:P.registryUrl||""},e.next=5,(0,ce._v)(2e3);case 5:return e.next=7,p.upgradeBlocklet({input:t});case 7:e.next=12;break;case 9:e.prev=9,e.t0=e.catch(1),M.Z.error("Blocklet upgrade failed: ".concat((0,ce.Z)(e.t0)));case 12:return e.prev=12,v(!1),_(null),e.finish(12);case 16:case"end":return e.stop()}}),e,null,[[1,9,12,16]])})));return function(){return e.apply(this,arguments)}}(),N={title:"".concat(m("common.upgrade")," ").concat(m("common.blocklet")," ").concat((0,q.getDisplayName)(n)),description:m("blocklet.action.upgradeDescription"),confirm:m("blocklet.action.confirmUpgrade"),cancel:m("common.cancel"),onConfirm:U,onCancel:function(){v(!1),_(null)}};return a&&P&&!(0,q.isInProgress)(n.status)?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(V.Z,(0,r.Z)((0,r.Z)({},c),{},{children:n.meta.version})),(0,ne.jsx)(R.Z,{title:m("common.updateAvailable",{version:P.version}),children:(0,ne.jsx)(b.Z,{size:"small",style:{marginLeft:8},disabled:x,onClick:function(){return _(N)},children:x?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(oe.Z,{style:{fontSize:16,color:"red"}})})}),!!y&&(0,ne.jsx)(M.Z,{variant:"error",message:y,onClose:function(){return k("")}}),S&&(0,ne.jsx)(ae.Z,{title:S.title,description:S.description,confirm:S.confirm,cancel:S.cancel,params:S.params,onConfirm:S.onConfirm,onCancel:S.onCancel})]}):(0,ne.jsx)(V.Z,(0,r.Z)((0,r.Z)({},c),{},{children:n.meta.version}))}de.propTypes={blocklet:f().object.isRequired,checkUpgrade:f().bool,hasPermission:f().bool},de.defaultProps={checkUpgrade:!1,hasPermission:!1};var pe=(0,se.V)(de,"mutate_blocklets"),me=(0,se.V)(de,"",ce.Wf);function fe(e){return(0,le.h6)().inService?(0,ne.jsx)(me,(0,r.Z)({},e)):(0,ne.jsx)(pe,(0,r.Z)({},e))}var he,xe,ve=t(80378),ge=t(32349),Ze=t(76667),ye=t(13128),be=t(94464),ke=t(28358),je=t(47020),Ce=t(93938),Pe=t(50185),Ee=t(35918),Te=t(74782),Re=t(55419),we=function(e,n){var t=e.description;return(Object.values(ie.CHAIN_PROP_MAP).includes(e.key)||(0,q.isEnvShareable)(e))&&(t=t?"".concat(t," (").concat(n("blocklet.config.sharedToAllComponents"),")"):n("blocklet.config.sharedToAllComponents")),t&&(0,ne.jsx)("div",{style:{marginLeft:12},children:t})},Se=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];return!(null!==t&&void 0!==t&&t.length||e.custom||["CHAIN_ID","CHAIN_HOST"].includes(e.key)||n.meta.environments.find((function(n){return n.name===e.key}))||!n.children.every((function(n){return!n.meta.environments.find((function(n){return n.name===e.key}))})))||e.custom};function _e(e){var n=e.blocklet,t=e.ancestors,l=(0,le.h6)(),c=l.inService,d=(0,o.useContext)(i.RD).t,p=[].concat((0,a.Z)(t.map((function(e){return e.meta.did}))),[n.meta.did]),m=function(){return M.Z.success(d("blocklet.config.changedTip"))},f=function(e){return Se(e,n,t)};if((0,ce.wS)(n.status))return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var h=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var t;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n.key.trim()&&n.value.trim()){e.next=3;break}return M.Z.error(d("blocklet.config.environment.keyValueRequired")),e.abrupt("return");case 3:if(!n.key.startsWith("BLOCKLET_")&&!n.key.startsWith("COMPONENT_")){e.next=6;break}return M.Z.error(d("blocklet.config.environment.invalidKey")),e.abrupt("return");case 6:return n.custom=!0,e.next=9,l.api.configBlocklet({input:{did:p,configs:[n]}});case 9:"ok"===(t=e.sent).code&&m(t.blocklet);case 11:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),x=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(r,o){var i,a,c;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r.required||r.key.trim()&&r.value.trim()){e.next=3;break}return M.Z.error(d("blocklet.config.environment.keyValueRequired")),e.abrupt("return");case 3:if(!r.key.startsWith("BLOCKLET_")||ie.BLOCKLET_CONFIGURABLE_KEY[r.key]){e.next=6;break}return M.Z.error(d("blocklet.config.environment.invalidKey")),e.abrupt("return");case 6:if(r.key!==ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_CLUSTER_SIZE){e.next=11;break}if(!(i=(0,ce.I)(r))){e.next=11;break}return M.Z.error(i),e.abrupt("return");case 11:if(a=[r],r.key===o.key){e.next=17;break}if(Se(r,n,t)){e.next=16;break}return M.Z.error("Only key of custom env can be changed"),e.abrupt("return");case 16:a.push({key:o.key,custom:!0});case 17:return e.prev=17,e.next=20,l.api.configBlocklet({input:{did:p,configs:a}});case 20:"ok"===(c=e.sent).code&&m(c.blocklet),e.next=27;break;case 24:e.prev=24,e.t0=e.catch(17),M.Z.error((0,ce.Z)(e.t0));case 27:case"end":return e.stop()}}),e,null,[[17,24]])})));return function(n,t){return e.apply(this,arguments)}}(),v=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(r){var o;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r.required){e.next=3;break}return M.Z.error(d("blocklet.config.environment.deleteForbidden")),e.abrupt("return");case 3:if(Se(r,n,t)){e.next=6;break}return M.Z.error("Only key of custom env can be changed"),e.abrupt("return");case 6:return e.next=8,l.api.configBlocklet({input:{did:p,configs:[{key:r.key,custom:!0}]}});case 8:"ok"===(o=e.sent).code&&m(o.blocklet);case 10:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),g=(n.configs||[]).filter((function(e){return!ie.BLOCKLET_CONFIGURABLE_KEY[e.key]})),Z=(0,q.getSharedConfigObj)(t[0],n),y=(0,q.getComponentMissingConfigs)(n,t[0]),b=g.map((function(e){return(0,r.Z)((0,r.Z)({},e),{},{value:Object.values(ie.CHAIN_PROP_MAP).includes(e.key)&&Object.keys(Z).includes(e.key)?Z[e.key]:Z[e.key]||e.value})})),k=b.some((function(e){return e.key&&e.key.startsWith("BWA_")})),j={onRowAdd:h,onRowUpdate:x,onRowDelete:v,isDeletable:f};return(0,ne.jsxs)(Ne,{children:[!!y.length&&(0,ne.jsx)(Ce.Z,{severity:"error",style:{marginTop:24},children:d("blocklet.config.missingRequired")}),k&&(0,ne.jsx)(Ce.Z,{severity:"info",children:d("blocklet.config.environment.tip")}),(0,ne.jsx)(se.Z,{permission:c?"":"mutate_blocklets",role:c?ce.Wf:[],children:function(e){return(0,ne.jsx)(Te.Z,{className:"config-table",children:(0,ne.jsx)(ke.ZP,{title:(0,ne.jsx)("h4",{children:d("common.environment")}),columns:[{title:d("common.key"),field:"key",initialEditValue:"Key",width:"30%",render:function(e){return(0,ne.jsx)(Pe.Z,{value:e.value,style:{color:e.required&&!e.value?"#ff4436":"#222222",fontWeight:e.required?"bold":"normal"},children:e.key})},editComponent:function(e){var n=e.value,t=e.rowData,r=e.onChange;return(0,ne.jsx)(Ie,{children:(0,ne.jsx)(je.Z,{fullWidth:!0,size:"small",disabled:!1===f(t),value:n,onChange:function(e){return r(e.target.value)},variant:"outlined",label:"Key",placeholder:d("blocklet.config.environment.key"),margin:"dense",autoFocus:!0})})}},{title:d("common.value"),field:"value",initialEditValue:"Value",width:"calc((100% - (96px + 30%)) / 1)",render:function(e){return e.value?e.secure?"******":(0,ne.jsx)(Pe.Z,{unstyled:!0,value:e.value,style:{wordBreak:"break-all"},children:e.value}):null},editComponent:function(e){var n=e.value,t=e.rowData,r=e.onChange;return(0,ne.jsxs)(Ie,{children:[(0,ne.jsx)(je.Z,{fullWidth:!0,size:"small",value:"__encrypted__"===n?"":n,onChange:function(e){return r(e.target.value)},variant:"outlined",label:d("common.value"),placeholder:d("blocklet.config.environment.value"),margin:"dense",autoFocus:!0}),we(t,d)]})}}],icons:(0,r.Z)((0,r.Z)({},Re.Z),Ee.Z),options:{emptyRowsWhenPaging:!1,actionsColumnIndex:-1,tableLayout:"auto",maxBodyHeight:"100%",paging:!1,search:!1},localization:{header:{actions:d("common.actions")},body:{emptyDataSourceMessage:d("common.noData")}},data:b,editable:e?j:{}})})}})]})}_e.propTypes={blocklet:f().object.isRequired,ancestors:f().array},_e.defaultProps={ancestors:[]};var Ue,Ne=p.Z.div(he||(he=(0,c.Z)(["\n .config-table {\n margin-bottom: 24px;\n position: relative;\n .hide-control {\n position: absolute;\n top: 10px;\n left: 200px;\n @media (max-width: ","px) {\n left: 160px;\n }\n }\n\n .MuiToolbar-root {\n display: flex;\n }\n\n .MuiTableRow-head {\n display: none;\n }\n\n &.hide-header {\n .MuiToolbar-root {\n display: none;\n }\n }\n }\n\n .accordion {\n margin-bottom: 16px;\n &:last-of-type {\n margin-bottom: 0;\n }\n padding: 8px 0 8px 0px;\n &.MuiAccordion-root {\n background: transparent;\n box-shadow: none;\n border: 1px solid #ddd;\n border-radius: 4px;\n &::before,\n &::after {\n height: 0;\n }\n .MuiAccordionSummary-root {\n padding-left: 0;\n }\n .accordion-title {\n font-weight: bold;\n padding-left: 16px;\n }\n }\n }\n"])),(function(e){return e.theme.breakpoints.values.sm})),Ie=p.Z.div(xe||(xe=(0,c.Z)(["\n height: 60px;\n"]))),Le=t(45239),De=t.n(Le),Oe=t(28641),Be=["blocklet","ancestors","hasPermission"];function Fe(e){var n=e.blocklet,t=e.ancestors,a=e.hasPermission,c=(0,l.Z)(e,Be),p=(0,i.PE)().t,m=(0,le.h6)().api,f=!t.length,h=f?n.meta.did:t.map((function(e){return e.meta.did}))[0],v=(0,o.useState)(""),g=(0,d.Z)(v,2),Z=g[0],y=g[1],b=(0,o.useState)(""),k=(0,d.Z)(b,2),j=k[0],C=k[1],P=Z||!a;if(!h)return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var E=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){var r;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return y(!0),e.prev=1,r={rootDid:h,mountPoint:De()(t)},f||(r.did=n.meta.did),e.next=6,m.updateComponentMountPoint({input:r});case 6:return y(!1),e.abrupt("return",!0);case 10:throw e.prev=10,e.t0=e.catch(1),y(!1),e.t0.message=(0,ce.Z)(e.t0),M.Z.error(e.t0.message),e.t0;case 16:case"end":return e.stop()}}),e,null,[[1,10]])})));return function(n){return e.apply(this,arguments)}}();return(0,ne.jsx)(We,(0,r.Z)((0,r.Z)({component:"div"},c),{},{children:(0,ne.jsx)(x.Z,{mt:3,children:(0,ne.jsx)(Oe.Z,{label:p("blocklet.component.mountPoint"),style:{marginTop:-24},disabled:Z||P,loading:Z,required:!0,initialValue:n.mountPoint,onSubmit:E,onChange:function(e){C(p("common.slugifyHint",{value:(0,ce.LN)(e)}))},helperText:j,formatterBeforeSubmit:function(e){return De()(e)}})})}))}var Ae=(0,se.V)(Fe,"mutate_blocklets"),Ge=(0,se.V)(Fe,"",ce.Wf);function qe(e){return(0,le.h6)().inService?(0,ne.jsx)(Ge,(0,r.Z)({},e)):(0,ne.jsx)(Ae,(0,r.Z)({},e))}Fe.propTypes={blocklet:f().object.isRequired,ancestors:f().array,hasPermission:f().bool},Fe.defaultProps={ancestors:[],hasPermission:!1};var ze,We=p.Z.div(Ue||(Ue=(0,c.Z)([""])));function Me(e){var n=e.blocklet,t=e.ancestors,r=e.children,a=(0,o.useState)(""),l=(0,d.Z)(a,2),c=l[0],s=l[1],u=(0,i.PE)().t,p=!!t.length,m=(0,o.useState)("settings"),f=(0,d.Z)(m,2),h=f[0],v=f[1],g=p?(0,q.getDisplayName)(n,!0):u("blocklet.component.container");if((0,ce.wS)(n.status))return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var Z=function(e){e.stopPropagation(),s(!0)},y={settings:{label:u("blocklet.component.setting"),value:"settings",component:(0,ne.jsx)(qe,{blocklet:n,ancestors:t})},environments:{label:u("common.environment"),value:"environments",component:(0,ne.jsx)(_e,{blocklet:n,ancestors:t})}},k=Object.values(y).map((function(e){return{label:e.label,value:e.value}})),j=y[h]||y.settings;return["function"===typeof r?r({open:Z}):(0,ne.jsx)(b.Z,{onClick:Z,"data-cy":"action-config-component",children:(0,ne.jsx)(Ze.default,{})}),c&&(0,ne.jsx)(Ye,{open:!0,fullWidth:!0,maxWidth:"md",title:g,onClose:function(){s(!1)},PaperProps:{style:{minHeight:"auto"}},children:p?(0,ne.jsxs)(x.Z,{mt:1,children:[(0,ne.jsx)(be.Z,{tabs:k,current:h,onChange:function(e){v(e)},scrollButtons:"auto"}),j.component]}):(0,ne.jsx)(_e,{blocklet:n,ancestors:t})})]}Me.propTypes={blocklet:f().object.isRequired,ancestors:f().array,children:f().any},Me.defaultProps={ancestors:[],children:null};var Ke,Ye=(0,p.Z)(ye.ZP)(ze||(ze=(0,c.Z)(["\n .MuiDialogContent-root {\n padding-top: 0;\n margin-top: -32px;\n }\n .MuiToolbar-root {\n padding-right: 12px;\n }\n .ux-dialog_right {\n padding-right: 20px;\n }\n"]))),Ve=t(11750),He=t(65140),Xe=t(87916);function $e(e){var n=e.component,t=e.remove,a=e.disabled,l=e.tip,c=e.showConfirm,p=e.hideBtn,m=e.onCancel,f=(0,o.useContext)(i.RD).t,h=(0,o.useState)(!1),x=(0,d.Z)(h,2),v=x[0],g=x[1],Z=(0,o.useState)(null),y=(0,d.Z)(Z,2),b=y[0],k=y[1],j=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return g(!0),e.next=3,t(n.component,n.removeType);case 3:g(!1),k(null);case 5:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),C=a||v,P=function(){k({title:"".concat(f("common.delete")," ").concat(n.meta.title||n.meta.name),description:function(e,n){return(0,ne.jsxs)(Ve.Z,{component:"div",children:[(0,ne.jsx)(Ve.Z,{gutterBottom:!0,children:f("blocklet.action.removeComponentDescription")}),(0,ne.jsxs)(Xe.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)(I.Z,{value:"keepData",control:(0,ne.jsx)(He.Z,{}),label:f("blocklet.action.removeComponentKeepData")}),(0,ne.jsx)(I.Z,{value:"complete",control:(0,ne.jsx)(He.Z,{}),label:f("blocklet.action.removeComponentComplete")})]})]})},confirm:f("common.confirm"),cancel:f("common.cancel"),params:{component:n,removeType:"keepData"},onConfirm:j,onCancel:function(){k(null),m()}})};(0,o.useEffect)((function(){c?P():(g(!1),k(null))}),[c]);var E=(0,ne.jsx)(Qe,{size:"small",disabled:C,onClick:function(){return P},"data-cy":"delete-component-btn",children:(0,ne.jsx)(N.default,{disabled:C})}),T=(0,ne.jsx)(R.Z,{title:l||f("common.delete"),children:(0,ne.jsx)("span",{children:E})});return(0,ne.jsxs)(ne.Fragment,{children:[!p&&T,b&&(0,ne.jsx)(ae.Z,{title:b.title,description:b.description,confirm:b.confirm,cancel:b.cancel,params:b.params,onConfirm:b.onConfirm,onCancel:b.onCancel})]})}$e.propTypes={component:f().object.isRequired,remove:f().func,onCancel:f().func,disabled:f().bool,showConfirm:f().bool,hideBtn:f().bool,tip:f().string},$e.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 Je,Qe=(0,p.Z)(b.Z)(Ke||(Ke=(0,c.Z)(["\n &.Mui-disabled {\n opacity: 0.5;\n }\n"]))),en=t(22754),nn=t(98451);function tn(e){var n=e.component,t=e.onStart,r=e.onStop,a=e.disabled,l=e.tip,c=(0,o.useContext)(i.RD).t,p=(0,o.useState)(!1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=(0,o.useState)(),v=(0,d.Z)(x,2),g=v[0],Z=v[1],y=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return h(!0),e.prev=1,e.next=4,t(n);case 4:e.next=9;break;case 6:e.prev=6,e.t0=e.catch(1),M.Z.error(e.t0.message);case 9:h(!1);case 10:case"end":return e.stop()}}),e,null,[[1,6]])})));return function(){return e.apply(this,arguments)}}(),b=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return h(!0),e.prev=1,e.next=4,r(n);case 4:e.next=9;break;case 6:e.prev=6,e.t0=e.catch(1),M.Z.error(e.t0.message);case 9:h(!1);case 10:case"end":return e.stop()}}),e,null,[[1,6]])})));return function(){return e.apply(this,arguments)}}(),k=a||f,j=["starting","running","stopping"].includes(n.status),C=j?nn.Z:en.Z,P=(0,ne.jsx)(rn,{disabled:k,onClick:function(){var e;j?Z({title:"".concat(c("common.stop")," ").concat(null===n||void 0===n||null===(e=n.meta)||void 0===e?void 0:e.title),description:c("blocklet.action.stopComponentDescription"),confirm:c("blocklet.action.confirmStop"),cancel:c("common.cancel"),onConfirm:function(){return Z(null),b()},onCancel:function(){return Z(null)}}):y()},"data-cy":"".concat(j?"stop":"start","-component-btn"),children:(0,ne.jsx)(C,{disabled:k})});return[(0,ne.jsx)(R.Z,{title:l||c("common.".concat(j?"stop":"start")),children:(0,ne.jsx)("span",{children:P})},"btn"),g&&(0,ne.jsx)(ae.Z,{title:g.title,description:g.description,confirm:g.confirm,cancel:g.cancel,params:g.params,onConfirm:g.onConfirm,onCancel:g.onCancel},"connect")]}tn.propTypes={component:f().object.isRequired,onStart:f().func,onStop:f().func,disabled:f().bool,tip:f().string},tn.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 rn=(0,p.Z)(b.Z)(Je||(Je=(0,c.Z)(["\n &.Mui-disabled {\n opacity: 0.5;\n }\n"]))),on=t(74286),an=t(74490),ln=t(33271),cn=t(72904),sn=t(5952),un=t(85493),dn=t(30278),pn=t.n(dn),mn=t(79077),fn=t.n(mn),hn=t(75506),xn=t.n(hn),vn=t(3785),gn=t.n(vn),Zn=t(2660),yn=t(42876),bn=t(63902),kn=t(51703),jn=t(88574),Cn=t(35266),Pn=t(55309),En=t(29054),Tn=t(56666),Rn=t(24558),wn=t(13727),Sn=t(56184),_n=t(11819),Un=t(67486),Nn={description:f().string,editing:f().bool,onChange:f().func,required:f().bool,value:f().any,componentProps:f().object,render:f().func,renderFormItem:f().func};function In(e){var n=e.editing,t=e.value,r=e.onChange,i=(0,o.useState)(!1),a=(0,d.Z)(i,2),l=a[0],c=a[1],s=(0,o.useRef)(),u=(0,o.useRef)(t);(0,o.useEffect)((function(){var e=null;return n&&(e=setTimeout((function(){c(!0)}),50)),function(){clearTimeout(e)}}),[n]);var p=function(e){u.current=e,r(e)},m=(0,ne.jsx)(x.Z,{className:"form-item-input slot",px:1,children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[t,"auto"!==t&&(0,ne.jsx)("div",{style:{marginLeft:4,backgroundColor:t,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),f=(0,ne.jsxs)(x.Z,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:function(){c(!1),r(u.current)},children:[(0,ne.jsx)(x.Z,{display:"flex",alignItems:"center",onClick:function(){return c(!0)},children:(0,ne.jsx)("div",{ref:s,style:{flexShrink:0,marginLeft:"8px",backgroundColor:t,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:"auto"===t?"default":"pointer"}})}),(0,ne.jsx)(_n.ZP,{open:l,anchorEl:s.current,onClose:function(){return c(!1)},anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:(0,ne.jsx)(Un.AI,{color:t,onChange:function(e){return p(e.hex)}})})]});return n?f:m}In.propTypes=Nn;var Ln=["editing","description","value","onChange","componentProps"];function Dn(e){var n=e.editing,t=e.description,i=e.value,a=e.onChange,c=e.componentProps,s=(0,l.Z)(e,Ln),u=c.placeholder,d=(0,o.useRef)(i),p=function(e){d.current=e,a(e)};return n?(0,ne.jsx)(je.Z,(0,r.Z)({style:{flex:1},fullWidth:!0,value:i,onChange:function(e){e.persist(),p(e.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:t||u,onKeyDown:function(e){"Enter"===e.key&&a(d.current,"confirm")}},s)):(0,ne.jsx)(x.Z,{px:1,className:"form-item-input slot",children:i})}Dn.propTypes=Nn,Dn.defaultProps={componentProps:{}};var On=t(49777),Bn=t.n(On),Fn=t(76818),An=["editing","value","onChange","componentProps"];function Gn(e){var n=e.editing,t=e.value,o=e.onChange,i=e.componentProps,a=(0,l.Z)(e,An),c=i.blocklet,s="auto"===t?(0,Fn.getPassportColorFromDid)(c.appDid):t;return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:Bn()({title:"Owner",issuer:(0,q.getDisplayName)(c),issuerDid:c.appDid,ownerName:"Your Name",ownerDid:c.appDid,preferredColor:t||"auto"})}}),(0,ne.jsx)(In,(0,r.Z)((0,r.Z)({},a),{},{editing:n,value:n?s:t,onChange:o,componentProps:i}))]})}Gn.propTypes=(0,r.Z)((0,r.Z)({},Nn),{},{componentProps:f().shape({blocklet:f().object.isRequired}).isRequired}),Gn.defaultProps={};var qn,zn=t(35406),Wn=t(11875),Mn=t(59375);function Kn(e){var n=e.schema,t=e.loading,i=e.value,a=e.defaultValue,l=e.onChange,c=e.style,s=e.disabled,u="[object Object]"===Object.prototype.toString.call(i),p=(0,o.useState)(null),m=(0,d.Z)(p,2),f=m[0],h=m[1],v=(0,o.useState)(u?i:a),g=(0,d.Z)(v,2),Z=g[0],y=g[1],k=(0,o.useRef)();function j(e,n,t){var o=e.key,i=e.secure,a=Z[o]!==n,c=(0,r.Z)((0,r.Z)({},Z),{},(0,Tn.Z)({},o,n));a&&y(c),l((0,Tn.Z)({},o,n),{allValues:c,action:t,currentItem:e}),"confirm"===t&&i&&y((0,r.Z)((0,r.Z)({},Z),{},(0,Tn.Z)({},o,"__encrypted__"))),["confirm","cancel"].includes(t)?C(null):C(e)}function C(e){if(e)return k.current=Z[e.key],void h(e);k.current=null,h(null)}return(0,ne.jsx)(Yn,{className:"form",style:c,children:null===n||void 0===n?void 0:n.map((function(e){var n=e.key,o=e.description,a=e.required,l=e.solo,c=void 0!==l&&l,d=e.hidden,p=void 0!==d&&d,m=e.componentProps,h=void 0===m?{}:m;if(p)return null;var v=!(!f||n!==f.key),g=function(e,n){var t=n.editing,r=void 0!==t&&t,o=e.key,a=u?i[o]:Z[o];return"__encrypted__"===a?r?"":"******":a}(e,{editing:v}),y=function(e,n){var t=n.editing,o=void 0!==t&&t,i=e.componentType,a=void 0===i?"input":i,l=e.render,c=e.renderFormItem;return o&&c?c:!o&&l?l:{input:Dn,color:In,passport:Gn,uploader:function(e){return(0,ne.jsx)(Mn.Z,(0,r.Z)({},e.componentProps))}}[null===a||void 0===a?void 0:a.toLowerCase()]}(e,{editing:v}),C={inputProps:{"data-cy":"schema-form-item-component"},key:n,description:o,editing:v,value:g,onChange:function(n){return j(e,n,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"change")},componentProps:h};return(0,ne.jsxs)(x.Z,{className:"form-item",children:[!c&&(0,ne.jsxs)(x.Z,{className:"form-item-label",style:{color:a&&!g?"#ff0000":"#333"},children:[o,a&&(0,ne.jsx)(zn.Z,{})]}),(0,ne.jsxs)(x.Z,{className:"form-item-body",children:[(0,ne.jsx)(x.Z,{className:"form-item-input",sx:{textAlign:c?"center":"left"},children:(0,ne.jsx)(y,(0,r.Z)({},C))}),!c&&(0,ne.jsx)(x.Z,{className:"form-item-action",children:v?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(b.Z,{"data-cy":"schema-form-item-confirm",onClick:function(){j(e,g,"confirm")},disabled:s||t,size:"large",children:t?(0,ne.jsx)(B.Z,{size:24}):(0,ne.jsx)(Sn.Z,{})}),(0,ne.jsx)(b.Z,{"data-cy":"schema-form-item-cancel",onClick:function(){j(e,k.current,"cancel")},disabled:s||t,size:"large",children:(0,ne.jsx)(wn.default,{})})]}):(0,ne.jsx)(b.Z,{"data-cy":"schema-form-item-edit",onClick:function(){j(e,Z[n],"edit")},disabled:s||f,size:"large",children:(0,ne.jsx)(Rn.Z,{})})})]})]},n)}))})}Kn.propTypes={schema:f().array.isRequired,loading:f().bool,onChange:f().func.isRequired,value:f().object,defaultValue:f().object,style:f().object,disabled:f().bool},Kn.defaultProps={loading:!1,value:void 0,defaultValue:{},style:{},disabled:!1};var Yn=(0,p.Z)(Wn.Z)(qn||(qn=(0,c.Z)([""]))),Vn=t(49983),Hn=t(28018),Xn=t.n(Hn),$n=t(60344),Jn=t(73170),Qn=["mode"];function et(e){var n=e.meta,t=e.onCancel,a=e.mode,l=e.handlePaySuccess,c=(0,i.PE)(),p=c.t,m=c.locale,f=(0,le.h6)().info,h=(0,ce.yP)(f),x=(0,o.useState)(null),v=(0,d.Z)(x,2),g=v[0],Z=v[1],y=new URL(null===n||void 0===n?void 0:n.registryUrl).origin,b=(0,q.getDisplayName)({meta:n}),k=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n,r){var o,i,c,d,m;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(c=function(e){return Xn()((function(){return $n.hi.get(e).then(function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var t,r;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=n.data,r=null===t||void 0===t?void 0:t.downloadTokenList,"succeed"!==t.status){e.next=12;break}if(!r||!r.length){e.next=8;break}return e.next=6,o({downloadTokenList:r});case 6:e.next=11;break;case 8:return e.next=10,i(p("blocklet.component.missDownloadTokenTip"));case 10:case 11:case 16:return e.abrupt("return",!0);case 12:if("error"!==t.status){e.next=17;break}return console.error("vc error: ",t),e.next=16,i(null===t||void 0===t?void 0:t.error);case 17:return e.abrupt("return",!1);case 18:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}())}),{interval:1e3})},o=function(e){var n=e.downloadTokenList;l({downloadTokenList:n})},i=function(e){M.Z.error(e),t(e)},"purchase"!==a||!g){e.next=9;break}return d=(0,ce.Pi)(g),m=d.statusUrl,e.next=7,c(m);case 7:e.next=11;break;case 9:return e.next=11,o({downloadTokenList:n.downloadTokenList&&r(n.downloadTokenList)});case 11:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}();if((0,o.useEffect)((function(){if("purchase"===a){var e=new URL(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{$n.hi.get(e.href).then((function(e){var n=e.data,t="".concat(n.url);Z(t)}))}catch(t){console.error("get next workflow url error: ",t)}}return function(){Z(null)}}),[a]),"purchase"===a&&!g)return"";var j={verify:{action:"verify-purchase-blocklet",checkFn:$n.od.create({baseURL:y}).get,extraParams:{serverDid:f.did,blockletDid:null===n||void 0===n?void 0:n.did},messages:{title:p("store.purchase.verify.auth.title",{name:b}),scan:p("store.purchase.verify.auth.scan"),confirm:p("store.purchase.verify.auth.confirm"),success:p("store.purchase.verify.auth.success")}},purchase:{action:"acquire-asset",checkFn:$n.od.create({baseURL:X()(y,"/store")}).get,extraParams:{factory:n.nftFactory,nw:g},messages:{title:p("store.purchase.auth.title",{name:b}),scan:p("store.purchase.auth.scan"),confirm:p("store.purchase.auth.confirm"),success:(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("p",{children:p("store.purchase.auth.success")}),(0,ne.jsx)("p",{children:p("blocklet.component.purchaseComponentSecondCheckTip")})]})}}};return(0,ne.jsx)(Vn.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[a]))}et.propTypes=(0,r.Z)((0,r.Z)({},Jn.$7),{},{handlePaySuccess:f().func,mode:f().oneOf(["verify","purchase"]).isRequired}),et.defaultProps={handlePaySuccess:function(){}};var nt=(0,o.forwardRef)((function(e,n){var t=e.mode,i=(0,l.Z)(e,Qn),a=(0,o.useState)("both"!==t?t:"verify"),c=(0,d.Z)(a,2),s=c[0],u=c[1],p=(0,o.useState)("both"!==t?2:1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=function(){s&&2!==f&&h(2)};return(0,o.useImperativeHandle)(n,(function(){return{onNext:x,getCurrentStep:function(){return f}}})),1===f?(0,ne.jsx)("div",{style:{maxWidth:520},children:(0,ne.jsx)(Jn.AP,{action:s,onNext:null,onSelect:function(e){e!==s&&u(e)}})}):(0,ne.jsx)(et,(0,r.Z)((0,r.Z)({},i),{},{mode:s}))}));nt.propTypes={mode:f().oneOf(["both","verify","purchase"]).isRequired,ref:f().any},nt.defaultProps={ref:{}};var tt,rt=nt,ot=t(51233),it=t(31440),at=t(61813),lt=t(49390),ct=t(67654),st=t(22714),ut=t(45170);function dt(e){var n=e.onChange,t=e.loading,l=e.children,c=e.extra,s=e.stores,u=e.storageKey,p=(0,i.PE)().t,m=(0,le.h6)(),f=m.info,h=m.inService,x=(0,En.y0)().blocklet,v=(0,o.useState)(!1),g=(0,d.Z)(v,2),Z=g[0],y=g[1],b=(0,o.useRef)(null),k=(0,o.useState)(),j=(0,d.Z)(k,2),C=j[0],P=j[1],E=(0,ct.Z)(u||"tmp"),T=(0,d.Z)(E,2),R=T[0],w=T[1],S=u?[R,w]:[C,P],_=(0,d.Z)(S,2),U=_[0],N=_[1],I=(0,ce.dX)({fromBlocklet:h,blocklet:x,nodeInfo:f}),L=I.storeList,D=I.teamDid,B=pn()([].concat((0,a.Z)(s.map((function(e){return(0,r.Z)((0,r.Z)({},e),{},{protected:!0})}))),(0,a.Z)(L)),"url"),F=U&&B.find((function(e){return U===e.url}))||B[0],G=f.mode===O.NODE_MODES.SERVERLESS;return(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsxs)(mt,{children:[(0,ne.jsx)(A.Z,{ref:b,color:"secondary","data-cy":"add-component-select-store",endIcon:(0,ne.jsx)(lt.Z,{color:"secondary"}),onClick:function(){y(!0)},style:{padding:"0 2px"},children:(0,ne.jsx)(Ve.Z,{color:"secondary",children:F.name})}),(0,ne.jsx)(Ve.Z,{color:"secondary",children:c})]}),(0,ne.jsxs)(je.Z,{id:"mui-registry-select",select:!0,autoComplete:"off",variant:"outlined",name:"did",helperText:p("blocklet.component.selectRegistryTip"),"data-cy":"component-registry-select",fullWidth:!0,value:F,autoFocus:!0,onChange:function(e){var t=e.target.value;N(t.url),n(t)},SelectProps:{open:Z,MenuProps:{anchorEl:b.current},renderValue:function(e){return null===e||void 0===e?void 0:e.name},onClose:function(){y(!1)}},style:{display:"none"},margin:"normal",children:[null===B||void 0===B?void 0:B.map((function(e){return(0,ne.jsx)(an.Z,{value:e,"data-cy":e.url,children:(0,ne.jsx)(ut.Z,{teamDid:D,store:e,onDelete:function(){var n;U===e.url&&N(null===(n=B[0])||void 0===n?void 0:n.url)}})},e.url)})),!G&&(0,ne.jsx)(st.Z,{disabled:t,storeList:B,teamDid:D,onAdd:function(e){N(e)}})]}),l({currentRegistry:F})]})}dt.propTypes={onChange:f().func,loading:f().bool,children:f().any.isRequired,extra:f().node,storageKey:f().string,stores:f().arrayOf(f().shape({name:f().string.isRequired,url:f().string.isRequired}))},dt.defaultProps={onChange:function(){},loading:!1,extra:"",stores:[],storageKey:""};var pt,mt=p.Z.div(tt||(tt=(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})),ft=t(71569),ht=t(52439),xt=t(77121),vt=t(44727),gt=["handleButtonClick","handleSearchSelect","storeUrl","handleBlockletRender","extraFilter","serverVersion","resourceType"],Zt=function(e,n){return X()(n,"/blocklets/".concat(e.did))},yt=function(e){var n=e.blocklet,t=e.attribute,r=e.value;return n._formatted?n._formatted[t]:r},bt=function(e){return e.inStore&&!1===(0,q.isFreeBlocklet)(e)};function kt(e){var n=e.blocklet,t=e.blocklets,r=e.handleButtonClick,a=e.endpoint,l=(0,i.PE)().t,c=X()(a,(0,ce.lk)(n.did,n.logo||"")),p=(0,o.useState)(!1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=bt(n)?l("common.purchase"):l("blocklet.component.choose"),v=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(o){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return o.preventDefault(),o.stopPropagation(),e.prev=2,h(!0),e.next=6,r({meta:n,registryUrl:a,blocklets:t});case 6:e.next=11;break;case 8:e.prev=8,e.t0=e.catch(2),M.Z.error(e.t0.message);case 11:return e.prev=11,h(!1),e.finish(11);case 14:case"end":return e.stop()}}),e,null,[[2,8,11,14]])})));return function(n){return e.apply(this,arguments)}}();return(0,ne.jsx)(ee.Z,{href:Zt(n,a),style:{color:"initial",textDecoration:"none"},onClick:function(e){return!!e.currentTarget.contains(e.target)||(e.preventDefault(),!1)},target:"_blank",children:(0,ne.jsx)(Pt,{title:yt({blocklet:n,attribute:"title",value:n.title||n.name}),did:n.did,description:yt({blocklet:n,attribute:"description",value:n.description}),cover:n.logo?c:"",version:n.version,button:(0,ne.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,ne.jsx)(vt.Kk,{children:(0,ne.jsx)(A.Z,{onClick:v,size:"small",disabled:f,variant:"outlined",color:"primary","data-cy":"install-blocklet",children:f?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(B.Z,{size:16,style:{marginRight:3}}),x]}):x},n.did)})})})})}function jt(e){var n=e.handleButtonClick,t=e.handleSearchSelect,a=e.storeUrl,c=e.handleBlockletRender,s=e.extraFilter,u=e.serverVersion,p=e.resourceType,m=(0,l.Z)(e,gt),f=(0,i.PE)().locale,h=(0,o.useState)(!1),x=(0,d.Z)(h,2),v=x[0],g=x[1],Z=(0,o.useState)({}),y=(0,d.Z)(Z,2),b=y[0],k=y[1],j=a;return(0,o.useEffect)((function(){k({resourceType:p})}),[j,p]),(0,o.useEffect)((function(){g(!0),k({resourceType:p})}),[]),(0,ne.jsx)(ht.ErrorBoundary,{FallbackComponent:ft.H,resetKeys:[j],children:(0,ne.jsx)("div",(0,r.Z)((0,r.Z)({},m),{},{children:v&&(0,ne.jsx)(xt.Z,{blockletRender:function(e){var t=(0,r.Z)((0,r.Z)({},e),{},{handleButtonClick:n,endpoint:j});return c((0,r.Z)((0,r.Z)({},e),{},{defaultRender:(0,ne.jsx)(kt,(0,r.Z)({},t))}))},baseSearch:!0,endpoint:j,locale:f,onFilterChange:function(e){k(e)},onSearchSelect:t,filters:b,extraFilter:s,serverVersion:u,fetchCategoryDelay:500})}))})}kt.propTypes={blocklet:f().object.isRequired,blocklets:f().array,handleButtonClick:f().func,endpoint:f().string},kt.defaultProps={handleButtonClick:null,endpoint:"",blocklets:[]},jt.propTypes={storeUrl:f().string.isRequired,handleButtonClick:f().func,handleSearchSelect:f().func,handleBlockletRender:f().func,extraFilter:f().func,serverVersion:f().string,resourceType:f().string},jt.defaultProps={handleButtonClick:null,handleSearchSelect:null,handleBlockletRender:null,extraFilter:void 0,serverVersion:"",resourceType:""};var Ct,Pt=(0,p.Z)(vt.ZP)(pt||(pt=(0,c.Z)(["\n .ms-highlight {\n color: ",";\n }\n"])),(function(e){return e.theme.palette.primary.main})),Et=t(10458),Tt=t.n(Et),Rt=t(65873),wt=t(82434),St=t.n(wt),_t=t(2478),Ut=t(42761),Nt=t(62681),It=t(44067),Lt=t(3182),Dt=t(75953),Ot=t(73545),Bt=["onSelect","endpoint","gatewayUrl","loading","size","helperText"],Ft=[{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"}],At=(0,Lt.D)();function Gt(e){var n=e.onSelect,t=e.endpoint,c=e.gatewayUrl,s=e.loading,u=e.size,p=e.helperText,m=(0,l.Z)(e,Bt),f=(0,ct.Z)("did-space-gateway-list",Ft),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,o.useState)(c||Ft[0].value),Z=(0,d.Z)(g,2),y=Z[0],b=Z[1],k=(0,i.PE)().t,j=(0,Ot.T)().api;return(0,o.useEffect)((function(){y&&!x.find((function(e){return e.value===y}))&&j.get(X()(y,"/__blocklet__.js?type=json")).then((function(e){v([].concat((0,a.Z)(x),[{value:y,label:e.data.appName}]))})).catch((function(e){console.error(e),M.Z.error("Can not add this gateway, please check the url and try again")}))}),[y]),(0,ne.jsx)(qt,(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)(_t.ZP,(0,r.Z)((0,r.Z)({},e),{},{children:[(0,ne.jsx)(Ut.Z,{children:(0,ne.jsx)(Nt.Z,{children:n.avatar})}),(0,ne.jsx)(It.Z,{primary:n.label,secondary:n.value})]}),n.value)},filterOptions:function(e,n){var t=At(e,n);n.inputValue&&St()(n.inputValue)&&(e.some((function(e){return n.inputValue===e.value}))||t.push({value:n.inputValue,label:"Add new gateway"}));return t},renderInput:function(e){return(0,ne.jsx)(je.Z,(0,r.Z)((0,r.Z)({},e),{},{helperText:p,label:k("storage.spaces.label"),size:u,InputProps:(0,r.Z)((0,r.Z)({},e.InputProps),{},{type:"search",endAdornment:(0,ne.jsx)(A.Z,{variant:"contained",onClick:function(){return n(y)},size:"small",loading:s,disable:s,sx:{position:"absolute",right:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100px",height:"100%"},children:k(t?"storage.spaces.reconnect":"storage.spaces.connect.now")})})}))}}))}var qt=(0,p.Z)(Dt.Z)(Ct||(Ct=(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")}));Gt.propTypes={onSelect:f().func.isRequired,endpoint:f().string,loading:f().bool,size:f().string,helperText:f().string,gatewayUrl:f().string},Gt.defaultProps={endpoint:void 0,loading:!1,size:"small",helperText:"",gatewayUrl:""};var zt=Gt,Wt=["onConnect"];var Mt=(0,o.forwardRef)((function(e,n){var t=e.onConnect,a=(0,l.Z)(e,Wt),c=(0,le.h6)(),p=c.api,m=c.info.did,f=(0,o.useContext)(i.RD),h=f.t,x=f.locale,v=(0,En.y0)(),g=v.blocklet,Z=v.actions.refreshBlocklet,y=(0,o.useState)(""),b=(0,d.Z)(y,2),k=b[0],j=b[1],C=(0,o.useMemo)((function(){var e,n,t,r;return{endpoint:(null===g||void 0===g||null===(e=g.environments)||void 0===e||null===(n=e.find((function(e){return e.key===ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT})))||void 0===n?void 0:n.value)||"",gatewayUrl:(null===g||void 0===g||null===(t=g.environments)||void 0===t||null===(r=t.find((function(e){return e.key===ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACES_URL})))||void 0===r?void 0:r.value)||""}}),[g]),P=(0,q.getAppName)(g),E=(0,q.getAppDescription)(g),T=function(e){var n,t,r,o=null===e||void 0===e||null===(n=e.site)||void 0===n||null===(t=n.domainAliases)||void 0===t||null===(r=t.sort((function(e,n){return e.accessibility.accessible&&n.accessibility.accessible?+e.isProtected-+n.isProtected:+n.accessibility.accessible-+e.accessibility.accessible})))||void 0===r?void 0:r.map((function(e){var n,t=null!==e&&void 0!==e&&null!==(n=e.domainStatus)&&void 0!==n&&n.isHttps?"https://":"http://",r=null===e||void 0===e?void 0:e.value;return"".concat(t).concat(r)})).filter(Boolean),i=null===o||void 0===o?void 0:o[0];return{appUrl:i,isReady:Boolean(i)}}(g),R=T.appUrl,w=T.isReady;function S(e,n){return _.apply(this,arguments)}function _(){return(_=(0,u.Z)((0,s.Z)().mark((function e(n,t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,p.configBlocklet({input:{did:[n],configs:[{key:ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACES_URL,value:k},{key:ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT,value:t}]}}).then((function(){M.Z.success(h("storage.spaces.connect.succeeded",x))})).catch((function(e){console.error(e),M.Z.error(e.message)}));case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var U=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n,o){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,S(g.meta.did,o(n.endpoint));case 2:setTimeout((function(){D((function(e){return(0,r.Z)((0,r.Z)({},e),{},{open:!1})})),null===t||void 0===t||t(),Z()}),3e3);case 3:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),N=(0,o.useState)({open:!1}),I=(0,d.Z)(N,2),L=I[0],D=I[1];return(0,o.useEffect)((function(){D((function(e){return(0,r.Z)((0,r.Z)({},e),{},{messages:{title:h("storage.spaces.authorize.title",{appName:P}),scan:h("storage.spaces.authorize.scan",{appName:P}),confirm:"",success:(0,ne.jsx)(Ve.Z,{gutterBottom:!0,children:h("storage.spaces.authorize.success")})}})}))}),[P,x,h]),(0,o.useImperativeHandle)(n,(function(){return{getEndpoint:function(){return C.endpoint},getGatewayUrl:function(){return C.gatewayUrl}}})),(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(zt,(0,r.Z)((0,r.Z)((0,r.Z)({},a),C),{},{onSelect:function(e){(0,Rt.isEmpty)(e)?M.Z.error(h("storage.spaces.addressCannotEmpty",x)):(j(e),D((function(n){return(0,r.Z)((0,r.Z)({},n),{},{action:"one-click-authorization",checkTimeout:3e5,prefix:X()(e,"space/api/did"),baseUrl:new URL(e).origin,checkFn:Tt().create({baseURL:X()(e,"space")}).get,extraParams:{appDid:g.appDid,appName:P,appDescription:E,scopes:"list:object read:object write:object",appUrl:R,referrer:window.location.href,nodeDid:m},onClose:function(){D((function(e){return(0,r.Z)((0,r.Z)({},e),{},{open:!1})}))},open:!0})})))},loading:!w})),(0,ne.jsx)(Vn.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})]})}));Mt.propTypes={onConnect:f().func},Mt.defaultProps={onConnect:function(){}};var Kt,Yt,Vt,Ht,Xt,$t,Jt,Qt=Mt,er=["name","validation"],nr=["default","key"],tr=function(e){return e.inStore&&!1===(0,q.isFreeBlocklet)(e)},rr=function(e){var n;return null===e||void 0===e||null===(n=e.capabilities)||void 0===n?void 0:n.didSpace},or=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},ir=function(e){return(e.environments||[]).some((function(e){return e.required}))},ar=function(e,n){return null===e||void 0===e?void 0:e.some((function(e){return e.required&&!n[e.key]}))},lr=function(e){var n=e.params,t=e.blocklet,r=e.t,o=n.title||n.name;return o?r(((null===t||void 0===t?void 0:t.children)||[]).find((function(e){return e.meta.bundleDid===n.bundleDid}))?"blocklet.component.upgradeNext":"blocklet.component.addNext",{name:o}):r("common.next")},cr=(0,o.forwardRef)((function(e,n){var t=e.meta,a=e.isMobile,l=e.onStepChange,c=(0,kn.s)(),s=c.steps,u=c.activeStep,d=c.setActiveStepByKey,p=c.setActiveStepByIndex,m=(0,i.PE)(),f=m.t,h=m.locale,x=s[u];return(0,o.useEffect)((function(){l(u)}),[l,u]),(0,o.useImperativeHandle)(n,(function(){return{setActiveStepByKey:d,setActiveStepByIndex:p}})),(0,ne.jsx)(xr,{component:"div",className:a?"mobileStyle":"",sx:{height:"100%"},children:(0,ne.jsx)(bn.Z,{locale:h,blockletMeta:(0,r.Z)({title:" "},t),pcWidth:"100%",pcHeight:"100%",logoUrl:t&&t.logo&&t.registryUrl?(0,ce.aZ)({did:t.did,baseUrl:t.registryUrl,logoPath:t.logo}):null,stepTip:f("blocklet.component.add"),children:(0,ne.jsx)(fr,{children:null!==x&&void 0!==x&&x.body&&"function"===typeof x.body?x.body():x.body})})})}));cr.propTypes={meta:f().any,onStepChange:f().func.isRequired,isMobile:f().bool.isRequired},cr.defaultProps={meta:null};var sr=function(e){window.parent.postMessage({event:"component.installed",componentDid:e},"*")};function ur(e){var n,t,c,p,m,f,h,v=e.onClose,g=e.mode,Z=e.stores,y=e.resourceType,b=e.storageKey,k=(0,i.PE)(),j=k.t,C=k.locale,P=(0,o.useState)(!1),E=(0,d.Z)(P,2),T=E[0],R=E[1],w=(0,o.useState)(null),S=(0,d.Z)(w,2),_=S[0],U=S[1],N=(0,o.useState)(""),I=(0,d.Z)(N,2),L=I[0],D=I[1],F=(0,o.useState)(""),G=(0,d.Z)(F,2),z=G[0],W=G[1],K=(0,le.h6)(),Y=K.api,V=K.ws.useSubscription,H=K.inService,X=K.info,$=(0,En.y0)(),J=$.blocklet,Q=$.actions.refreshBlocklet,ee=(0,o.useState)(null),te=(0,d.Z)(ee,2),re=te[0],oe=te[1],ae=(0,o.useState)(!1),se=(0,d.Z)(ae,2),ue=se[0],de=se[1],pe={bundleDid:"",componentDid:"",componentName:"",pathPrefix:"",name:"",title:"",configsList:[],configsValue:{},hasMissRequiredConfigs:!1,hasEnvironmentsStep:!1,hasRequiredEnvironments:!1,requirePurchase:!1,didSpaceCapability:null,installResultProps:{},purchaseResultProps:{},showFromUrlDialog:!1},me=(0,o.useState)(pe),fe=(0,d.Z)(me,2),he=fe[0],xe=fe[1],ve=(0,o.useState)(0),ge=(0,d.Z)(ve,2),Ze=ge[0],ye=ge[1],be=(0,o.useRef)({}),ke=(0,o.useRef)({}),Ce=(0,o.useRef)({}),Pe=(0,cn.Z)((function(e){return e.breakpoints.down("md")})),Ee=(0,un.useParams)(),Te=be.current.meta,Re=(ke.current||{}).setActiveStepByIndex,we=X.mode===O.NODE_MODES.SERVERLESS,Se=function(e){return xe((function(n){return(0,r.Z)((0,r.Z)({},n),e)}))};(0,o.useEffect)((function(){if(he.pathPrefix){var e=Oe((0,r.Z)((0,r.Z)({},he),{},{pathPrefix:he.pathPrefix,locale:C})).errMsg;D(e)}}),[he.pathPrefix]),(0,o.useEffect)((function(){0===Ze&&xe(pe)}),[Ze]);var _e=function(){var e;return null!==be&&void 0!==be&&null!==(e=be.current)&&void 0!==e&&e.meta?(0,q.getDisplayName)(be.current):""},Ue=function(e){!function n(t){Se({installResultProps:{variant:"error",title:_e(),subTitle:e,footer:(0,ne.jsx)(A.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,Le(be.current.installInput);case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[t&&(0,ne.jsx)(B.Z,{size:16,style:{marginRight:8}}),j("common.retry")]})})}})}()},Ne=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===J||void 0===J||null===(r=J.meta)||void 0===r?void 0:r.did)&&e(n)}};V(ie.BlockletEvents.statusChange,Ne((function(e){if(e.status===ie.BlockletStatus.upgrading)Se({installResultProps:{variant:"success",title:_e(),subTitle:j("blocklet.component.installSuccessTip")}}),sr(Ee.componentDid)})),[null===J||void 0===J||null===(n=J.meta)||void 0===n?void 0:n.did]),V(ie.BlockletEvents.downloadFailed,Ne((function(){Ue(j("blocklet.component.installComponentError"))})),[null===J||void 0===J||null===(t=J.meta)||void 0===t?void 0:t.did]),V(ie.BlockletEvents.installFailed,Ne((function(){Ue(j("blocklet.component.installComponentError"))})),[null===J||void 0===J||null===(c=J.meta)||void 0===c?void 0:c.did]);var Ie=function(){R(!1),xe({}),be.current={},v()},Le=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var t,o,i,a,l,c,u,d,p,m,f,h,x,v,g,Z,y,b,k,j,C,P,E,T,w;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=he.pathPrefix,a=he.bundleDid,l=he.title,c=he.componentName,u=void 0===c?"":c,d=he.componentDid,p=void 0===d?"":d,m=(null===(t=be.current)||void 0===t?void 0:t.meta)||{},f=m.configs,h=void 0===f?[]:f,x=m.registryUrl,v=m.inStore,g=m.inputUrl,Z=null===(o=be.current)||void 0===o?void 0:o.downloadTokenList,y=v?(0,ce.Rn)(x,a):g,R(!0),b=(0,r.Z)((0,r.Z)((0,r.Z)({rootDid:J.meta.did,url:y,mountPoint:De()(i),title:l,name:u,did:p},he.hasEnvironmentsStep&&h.length>0?{configs:h.map((function(e){return(0,r.Z)((0,r.Z)({},e),{},{value:he.configsValue[e.key]||""})}))}:{}),Z?{downloadTokenList:Z}:{}),n),e.prev=6,e.next=9,Y.installComponent({input:b});case 9:if(!x){e.next=15;break}if(k=(0,ce.dX)({fromBlocklet:H,nodeInfo:X,blocklet:J}),j=k.teamDid,C=k.storeList,P=(0,ce.bQ)(x,C),E=P.isNew,T=P.decoded,!E){e.next=15;break}return e.next=15,Y.addBlockletStore({input:{teamDid:j,url:T}});case 15:Se({installResultProps:{}}),Q({showError:!1,attachRuntimeInfo:!1}),e.next=25;break;case 19:e.prev=19,e.t0=e.catch(6),w=(0,ce.Z)(e.t0),M.Z.error(w),console.error("installComponent error: ",e.t0),Ue(w);case 25:return e.prev=25,R(!1),be.current.installInput=b,e.finish(25);case 29:case"end":return e.stop()}}),e,null,[[6,19,25,29]])})));return function(n){return e.apply(this,arguments)}}(),Oe=function(e){return{errMsg:(0,ot.Rw)({params:(0,r.Z)((0,r.Z)({},e),{},{did:e.bundleDid}),blocklets:[J],blocklet:J,locale:C})}},Be=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=Oe((0,r.Z)((0,r.Z)({},he),{},{locale:C})),o=t.errMsg,D(o),Ze!==Ge.length-2){e.next=5;break}return e.next=5,Le(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)}}(),Fe=function(){Re((function(e){return e-1}))},Ae=function(e){var n,t,o=e.chooseParams,i=void 0===o?be.current:o,c=e.componentDid,s=e.isInit,u=void 0!==s&&s,d=i.meta,p=i.registryUrl,m=i.inStore,f=i.inputUrl,h=d.did,x=d.title,v=d.name,g=((null===(n=J.settings)||void 0===n?void 0:n.children)||[]).filter((function(e){return"deleted"===e.status&&e.meta.bundleDid===h})),Z=c||"",y=null===(t=d.environments)||void 0===t?void 0:t.map((function(e){var n=e.name,t=e.validation,o=(0,l.Z)(e,er),i={validation:gn()(t)?"":t};return(0,r.Z)((0,r.Z)({},o),{},{key:n},i)}));be.current=(0,r.Z)((0,r.Z)({},i),{},{meta:(0,r.Z)((0,r.Z)({},d),{},{configs:y,registryUrl:p,inStore:m,inputUrl:f})});var b={};if(u){var k=[J],j=y||[],C=pn()(fn()([].concat((0,a.Z)(j),[])),"key").filter((function(e){return!!e.key})).sort((function(e,n){return e.required&&!n.required?-1:n.required&&!e.required?1:0})),P=(0,q.getSharedConfigObj)(k[0],{configs:C}),E={},T=C.map((function(e){var n=e.default,t=e.key,o=(0,l.Z)(e,nr);return E[t]=P[t]||n,(0,r.Z)((0,r.Z)({},o),{},{key:t,hidden:!!ie.BLOCKLET_CONFIGURABLE_KEY[t]})}));b=(0,r.Z)((0,r.Z)({},b),{},{configsList:T,configsValue:E,hasMissRequiredConfigs:ar(T,E)})}var R,w,S=J.children.some((function(e){return"/"===e.mountPoint})),_=g.find((function(e){return e.meta.bundleDid===h}));_?b=(0,r.Z)((0,r.Z)({},b),{},{pathPrefix:_.mountPoint||"",title:x||"",componentName:_.meta.name,hasEnvironmentsStep:!1}):b=(0,r.Z)((0,r.Z)({},b),{},{pathPrefix:S?"/".concat(De()(x)||De()(v)):"/",title:x||"",componentName:"",hasEnvironmentsStep:(null===(R=be.current.meta)||void 0===R||null===(w=R.environments)||void 0===w?void 0:w.length)>0});var U=tr(be.current.meta),N=rr(be.current.meta),I=or(J);Se((0,r.Z)((0,r.Z)({bundleDid:h,componentDid:Z},b),{},{hasRequiredEnvironments:ir(be.current.meta),requirePurchase:U,didSpaceCapability:N,didSpaceEndpoint:I})),u&&U&&function(){var e=he.pathPrefix,n=he.bundleDid,t=he.title,r=he.componentName,o=void 0===r?"":r,i=he.componentDid,a=void 0===i?"":i,l=(be.current||{}).meta,c=void 0===l?{}:l,s=c.registryUrl,u=c.inStore,d=c.inputUrl,p=u?(0,ce.Rn)(s,n):d;oe({meta:c,installOpts:{type:"component",rootDid:J.meta.did,mountPoint:e,url:p,title:t,name:o,did:a}})}()},Ge=[{key:"selectComponent",name:j("blocklet.component.selectComponent"),body:(0,ne.jsxs)(mr,{component:"div",children:[he.showFromUrlDialog&&(0,ne.jsx)(at.Z,{mode:"component",onCancel:function(){Se({showFromUrlDialog:!1})},onSuccess:function(e){var n=e.meta,t=e.inputUrl,r=e.inStore,o=e.registryUrl;Ae({chooseParams:{meta:n,inputUrl:t,inStore:r,registryUrl:o},isInit:!0}),Se({showFromUrlDialog:!1}),Be()},handleText:{title:j("blocklet.component.addComponentTip.fromUrl"),confirm:j("blocklet.component.choose")}}),(0,ne.jsx)(dt,{stores:Z,extra:we?null:(0,ne.jsxs)(A.Z,{variant:"text",color:"primary","data-cy":"add-component-from-url",onClick:function(){Se({showFromUrlDialog:!0})},style:{padding:"0 2px"},children:[(0,ne.jsx)(ln.Z,{style:{fontSize:20,marginRight:4}})," ",j("blocklet.component.addComponentTip.fromUrl")," "]}),loading:T,onChange:function(){xe({}),be.current={}},storageKey:b,children:function(e){var n=e.currentRegistry;return(0,ne.jsx)(jt,{serverVersion:null===X||void 0===X?void 0:X.version,style:Pe?{height:"calc(100vh - 56px - 80px - 32px - 40px )"}:{height:"calc(100% - 40px)"},storeUrl:n.url,resourceType:y,handleButtonClick:function(e){Ae({chooseParams:(0,r.Z)((0,r.Z)({},e),{},{inStore:!0}),isInit:!0})},handleBlockletRender:function(e){var n=e.blocklet,t=e.defaultRender,r=(null===he||void 0===he?void 0:he.bundleDid)&&(null===he||void 0===he?void 0:he.bundleDid)===(null===n||void 0===n?void 0:n.did);return(0,ne.jsxs)(gr,{children:[r&&(0,ne.jsx)("div",{className:"check-container",children:(0,ne.jsx)(yn.default,{className:"check-icon"})}),(0,ne.jsx)("div",{className:r?"choose-blocklet":"",style:{marginLeft:16},children:t})]})}})}})]}),cancel:"embed"===g?void 0:j("common.cancel"),confirm:lr({params:he,blocklet:J,t:j}),onCancel:Ie,onConfirm:function(){Be()}},{key:"agreement",name:j("launchBlocklet.introduction"),body:(0,ne.jsxs)(mr,{component:"div",className:"agreement-wrapper",children:[(0,ne.jsx)(Zn.Z,{title:j("launchBlocklet.introduction"),subTitle:j("blocklet.component.addComponentTip.introduction")}),(0,ne.jsx)(it.Z,{meta:Te,onClickNext:Be,handleDescEle:(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("p",{children:(0,ne.jsx)("div",{dangerouslySetInnerHTML:{__html:j("blocklet.component.addComponentTip.".concat(he.requirePurchase?"isPurchase":"isFree"),{name:_e()})}})}),(0,ne.jsx)("p",{children:j("blocklet.component.addComponentTip.belowInformation")})]})})]}),cancel:j("common.pre"),confirm:j("launchBlocklet.next"),onCancel:Fe,onConfirm:function(){de(!1),Be()}},Te&&he.requirePurchase&&{key:"purchase",name:(0,ne.jsxs)(ne.Fragment,{children:[j("common.verifyNFT"),(0,ne.jsx)(zn.Z,{})]}),body:(0,ne.jsxs)(mr,{component:"div",className:"flex-align-center",style:{flexDirection:"column"},children:[!(2===(null===(p=Ce.current)||void 0===p||null===(m=p.getCurrentStep)||void 0===m?void 0:m.call(p))||ue)&&(0,ne.jsx)(vr,{title:j("common.verifyNFT"),subTitle:j("blocklet.component.addComponentTip.verifyNFT")}),xn()(he.purchaseResultProps)?re&&(0,ne.jsx)(rt,{ref:Ce,meta:re.meta,mode:he.componentDid?"verify":"both",onCancel:function(e){de(!1),Se({purchaseResultProps:{variant:"error",title:_e(),subTitle:e,style:{paddingTop:120},footer:(0,ne.jsx)(A.Z,{className:"bottom-button","data-cy":"retry-purchase-component",onClick:function(){Se({purchaseResultProps:{}})},children:j("common.retry")})}})},installOpts:re.installOpts,handlePaySuccess:function(e){var n=e.downloadTokenList;be.current.downloadTokenList=n,de(!1),Be()}}):(0,ne.jsx)("div",{className:"flex-align-center flex-justify-center",children:(0,ne.jsx)(Pn.Z,(0,r.Z)({},he.purchaseResultProps))})]}),disabled:2===(null===(f=Ce.current)||void 0===f||null===(h=f.getCurrentStep)||void 0===h?void 0:h.call(f))||ue,cancel:j("common.pre"),confirm:j("common.next"),onConfirm:function(){"function"===typeof Ce.current.onNext&&(Ce.current.onNext(),de(!0))},onCancel:function(){Fe()}},(0,q.hasStartEngine)(Te)&&{key:"config",name:j("common.config"),error:L,body:(0,ne.jsxs)(mr,{component:"div",children:[(0,ne.jsx)(vr,{title:j("common.config"),subTitle:j("blocklet.component.addComponentTip.config")}),(0,ne.jsx)(je.Z,{label:j("blocklet.component.mountPoint"),autoComplete:"off",variant:"outlined",name:"pathPrefix",inputProps:{"data-cy":"mount-point-input"},fullWidth:!0,helperText:z||j("blocklet.component.mountPointTip"),style:{marginBottom:32},margin:"normal",value:he.pathPrefix,onChange:function(e){var n=e.target.value;Se({pathPrefix:n}),W(j("common.slugifyHint",{value:(0,ce.LN)(n)}))}}),!!L&&(0,ne.jsx)(jn.Z,{type:"error",style:{width:"100%",marginTop:8},children:L})]}),cancel:j("common.pre"),confirm:j("common.next"),onCancel:Fe,onConfirm:function(){Be()}},Te&&(null===he||void 0===he?void 0:he.hasEnvironmentsStep)&&{key:"environment",name:(0,ne.jsxs)(ne.Fragment,{children:[j("common.environment")," ",he.hasRequiredEnvironments&&(0,ne.jsx)(zn.Z,{})]}),disabled:!!_||(null===he||void 0===he?void 0:he.hasMissRequiredConfigs),body:function(){return(0,ne.jsxs)(mr,{component:"div",children:[(0,ne.jsx)(vr,{title:j("common.environment"),subTitle:j("blocklet.component.addComponentTip.environment")}),(0,ne.jsx)(Kn,{style:{marginTop:-12,width:"100%"},schema:he.configsList,defaultValue:he.configsValue,onChange:function(e,n){var t=n.action,r=n.currentItem,o=n.allValues;"confirm"===t&&Se({hasMissRequiredConfigs:ar(he.configsList,o),configsValue:o}),"edit"===t?U(r):["cancel","confirm"].includes(t)&&U(null)}})]})},cancel:j("common.pre"),confirm:j("common.next"),onCancel:Fe,onConfirm:Be},Te&&(null===he||void 0===he?void 0:he.didSpaceCapability)&&{key:"didSpace",name:(0,ne.jsxs)(ne.Fragment,{children:[j("blocklet.component.didSpaceConfig")," ","required"===he.didSpaceCapability&&(0,ne.jsx)(zn.Z,{})]}),disabled:"required"===he.didSpaceCapability&&!he.didSpaceEndpoint,body:function(){return(0,ne.jsxs)(mr,{component:"div",children:[(0,ne.jsx)(vr,{title:j("blocklet.component.didSpaceConfig"),subTitle:j("blocklet.component.didSpaceConfigTip")}),(0,ne.jsx)(x.Z,{sx:{mt:"36px","& > div":{maxWidth:"unset !important","& .MuiAutocomplete-root":{maxWidth:"unset !important"}}},children:(0,ne.jsx)(Qt,{sx:{"& .MuiFormHelperText-root":{wordBreak:"break-all"}},helperText:he.didSpaceEndpoint&&j("blocklet.component.didSpaceConnected",{endpoint:he.didSpaceEndpoint}),onConnect:function(){Be()}})})]})},cancel:j("common.pre"),confirm:j("common.next"),onCancel:Fe,onConfirm:Be},{key:"install",name:j("common.install"),disabled:!1,loading:!1,body:(0,ne.jsx)(mr,{component:"div",className:"flex-justify-center flex-align-center",style:{flexDirection:"column"},children:xn()(he.installResultProps)?(0,ne.jsx)(Cn.Z,{message:(0,ne.jsx)(Zr,{children:j("blocklet.component.installingCanCloseWindowTip")}),increaseSpeed:.3,messageLoop:!1}):(0,ne.jsx)("div",{style:{marginTop:120},children:(0,ne.jsx)(Pn.Z,(0,r.Z)({},he.installResultProps))})}),confirm:j("common.complete"),onConfirm:function(){sr(Ee.componentDid),Ie(),setTimeout((function(){var e=document.getElementsByClassName("dashboard-main")[0];e&&(e.scrollTop=e.scrollHeight)}),200)}}].filter((function(e){return e})),qe=Ge[Ze]||{};return J?(0,ne.jsxs)(pr,{sx:Pe?{width:"100%",height:window.innerHeight}:{width:"100%",height:"embed"===g?"100vh":"72vh"},children:[(0,ne.jsx)(kn.W,{steps:Ge,mode:"memory",children:(0,ne.jsx)(cr,{ref:ke,meta:Te,isMobile:Pe,onStepChange:function(e){ye(e)}})}),(0,ne.jsxs)(x.Z,{className:"action-bar",children:[qe.cancel&&(0,ne.jsx)(A.Z,{onClick:function(e){e.stopPropagation(),qe.onCancel()},disabled:Ze===Ge.length-2&&T,color:"inherit",children:qe.cancel||j("common.cancel")}),qe.confirm&&(0,ne.jsx)(A.Z,{onClick:function(e){e.stopPropagation(),qe.onConfirm()},color:"primary","data-cy":"submit-confirm-next",disabled:T||("boolean"===typeof qe.disabled?qe.disabled:!(!T&&!qe.error&&he.bundleDid)||Ze>1&&!he.pathPrefix),variant:"contained",autoFocus:!0,title:qe.confirm,style:{marginLeft:8,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:"140px",maxWidth:"280px",textAlign:"center"},children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[("boolean"===typeof qe.loading?qe.loading:T)&&(0,ne.jsx)(B.Z,{style:{marginRight:8},size:16}),qe.confirm]})})]})]}):null}ur.propTypes={onClose:f().func,mode:f().oneOf(["normal","embed"]),stores:f().arrayOf(f().string),resourceType:f().string,storageKey:f().string},ur.defaultProps={onClose:function(){},mode:"normal",stores:[],resourceType:"",storageKey:""};var dr,pr=(0,p.Z)(x.Z)(Kt||(Kt=(0,c.Z)(["\n .action-bar {\n display: flex;\n justify-content: flex-end;\n position: sticky;\n bottom: 0;\n padding-top: 16px;\n z-index: 100;\n width: 100%;\n background: #fff;\n border-top: 1px solid #eee;\n }\n"]))),mr=(0,p.Z)(Ve.Z)(Yt||(Yt=(0,c.Z)(["\n width: 100%;\n height: 100%;\n"]))),fr=p.Z.div(Vt||(Vt=(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"]))),hr=function(e){return e.isMobile?"\n height: calc(100vh - 56px - 64px - 48px);\n ":""},xr=(0,p.Z)(x.Z)(Ht||(Ht=(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 & > 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 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: 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: 0px;\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 hr(e)}),(function(e){return hr(e)})),vr=(0,p.Z)(Zn.Z)(Xt||(Xt=(0,c.Z)(["\n margin-bottom: 24px;\n"]))),gr=p.Z.div($t||($t=(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})),Zr=p.Z.div(Jt||(Jt=(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}));function yr(e){var n=e.blocklet,t=e.children,r=(0,i.PE)().t,a=(0,o.useState)(!1),l=(0,d.Z)(a,2),c=l[0],s=l[1],u=(0,cn.Z)((function(e){return e.breakpoints.down("md")})),p=(0,le.h6)().inService,m=function(){s(!1)},f=function(e){e.stopPropagation(),s(!0)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof t?t({open:f}):(0,ne.jsxs)(an.Z,{onClick:f,className:"component-action","data-cy":"action-add-component",children:[(0,ne.jsx)(ln.Z,{style:{fontSize:18,marginRight:5}}),r("blocklet.component.add")]}),c&&(0,ne.jsx)(br,{title:r("blocklet.component.addWithName",{name:(0,q.getDisplayName)(n)}),maxWidth:!1,fullWidth:!1,PaperProps:{style:u?{width:"100%",height:window.innerHeight}:{maxWidth:1350,minWidth:930,width:"80%"}},onClose:function(e,n){"backdropClick"!==n&&m()},showCloseButton:!0,disableEscapeKeyDown:!0,open:!0,children:(0,ne.jsx)(ur,{onClose:m,storageKey:p?sn.K:sn.W})})]})}yr.propTypes={children:f().any,blocklet:f().object.isRequired},yr.defaultProps={children:null};var br=(0,p.Z)(ye.ZP)(dr||(dr=(0,c.Z)(["\n .MuiDialogContent-root {\n }\n"]))),kr=function(e){return e.children.filter((function(e){return e.meta.interfaces.find((function(e){return e.type===ie.BLOCKLET_INTERFACE_TYPE_WEB}))}))};function jr(e){var n=e.params,t=e.setParams,a=e.setError,l=e.serviceTypes,c=(0,i.PE)().t,s=(0,En.y0)().blocklet,u=s.meta.did,p=kr(s),m=(0,o.useState)([]),f=(0,d.Z)(m,2),h=f[0],x=f[1],v={301:c("common.redirectPermanently"),302:c("common.redirectTemporary"),307:c("common.redirectTemporary"),308:c("common.redirectPermanently")};return(0,o.useEffect)((function(){if(n.type===O.ROUTING_RULE_TYPES.COMPONENT&&n.componentId){var e=p.find((function(e){return e.meta.did===n.componentId})),o=(0,q.findWebInterface)(e.meta),i=(Array.isArray(null===o||void 0===o?void 0:o.pageGroups)?o.pageGroups:[]).map((function(e){return{value:e,label:"".concat(e," pages")}}));i.length&&i.unshift({value:"",label:"All pages"}),x(i),n.pageGroup&&!1===i.find((function(e){return e.value===n.pageGroup}))&&t((0,r.Z)((0,r.Z)({},n),{},{pageGroups:""}))}}),[n.componentId,n.type]),(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.type"),autoComplete:"off",variant:"outlined",name:"type","data-cy":"domain-add-type",fullWidth:!0,value:n.type,onChange:function(e){a(""),t((0,r.Z)((0,r.Z)({},n),{},{type:e.target.value,did:e.target.value===O.ROUTING_RULE_TYPES.BLOCKLET?u:"",__disableConfirm:!1}))},style:{marginBottom:32},SelectProps:{},children:l.map((function(e){var n=e.name,t=e.value;return(0,ne.jsx)(an.Z,{value:t,children:n},t)}))}),n.type===O.ROUTING_RULE_TYPES.REDIRECT&&[(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.redirect"),autoComplete:"off",variant:"outlined",name:"type",fullWidth:!0,value:n.redirectCode,onChange:function(e){return t((0,r.Z)((0,r.Z)({},n),{},{redirectCode:e.target.value}))},style:{marginBottom:32},SelectProps:{},children:Object.keys(v).map((function(e){return(0,ne.jsx)(an.Z,{value:e,children:"".concat(v[e]," - ").concat(e)},e)}))},"redirectCode"),(0,ne.jsx)(je.Z,{label:c("common.redirectUrl"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"redirect-url-input",fullWidth:!0,value:n.url,helperText:c("router.urlHelperText"),style:{marginBottom:32},onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{url:e.target.value,__disableConfirm:!e.target.value.trim()})),e.target.value.trim()?a(""):a(c("router.validation.redirectUrlRequired"))}},"redirectUrl")],n.type===O.ROUTING_RULE_TYPES.COMPONENT&&[(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.component"),autoComplete:"off",variant:"outlined","data-cy":"select-component-input",name:"componentId",fullWidth:!0,value:n.componentId,onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{componentId:e.target.value}))},style:{marginBottom:32},SelectProps:{},children:p.map((function(e){return(0,ne.jsx)(an.Z,{value:e.meta.did,selected:e.meta.did===n.componentId,children:(0,q.getDisplayName)(e,!0)},e.meta.did)}))},"componentId"),h.length?(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.pageGroup"),autoComplete:"off",variant:"outlined",name:"pageGroup","data-cy":"route-group-input",fullWidth:!0,value:n.pageGroup,helperText:c("router.domain.add.pageGroupTip"),style:{marginBottom:32},onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{pageGroup:e.target.value}))},SelectProps:{},children:h.map((function(e){return(0,ne.jsx)(an.Z,{value:e.value,selected:e.value===n.pageGroup,children:e.label},e.label)}))},"pageGroup"):null].filter(Boolean),n.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(0,ne.jsx)(je.Z,{label:c("common.rewriteUrl"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"rewrite-url-input",fullWidth:!0,value:n.url,helperText:c("router.urlHelperText"),style:{marginBottom:32},onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{url:e.target.value,__disableConfirm:!e.target.value.trim()})),e.target.value.trim()?a(""):a(c("router.validation.rewriteUrlRequired"))}},"url")]})}function Cr(e){var n=e.children,t=(0,i.PE)().t,a=(0,le.h6)().api,l=(0,En.y0)().blocklet,c=(0,o.useState)(!1),p=(0,d.Z)(c,2),m=p[0],f=p[1],h=(0,o.useState)(null),x=(0,d.Z)(h,2),v=x[0],g=x[1],Z=l.meta.did,y=l.site.id,b=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var r,o;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,(0,ot.fX)(n,t);case 3:if(!(r=e.sent)){e.next=6;break}throw r;case 6:return f(!0),o={from:{pathPrefix:De()(n.pathPrefix)},to:{type:n.type}},n.type===O.ROUTING_RULE_TYPES.REDIRECT&&(o.to.url=n.url.trim(),o.to.redirectCode=n.redirectCode),n.type===O.ROUTING_RULE_TYPES.COMPONENT&&(o.to.did=Z,o.to.componentId=n.componentId,o.to.pageGroup=n.pageGroup),n.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(o.to.url=De()(n.url)),e.next=13,a.addRoutingRule({input:{id:y,rule:o,teamDid:Z}});case 13:e.next=18;break;case 15:e.prev=15,e.t0=e.catch(0),M.Z.error(e.t0.message);case 18:return e.prev=18,f(!1),g(null),e.finish(18);case 22:case"end":return e.stop()}}),e,null,[[0,15,18,22]])})));return function(n){return e.apply(this,arguments)}}(),k={title:t("router.rule.add.title"),description:function(e,n,o){return(0,ne.jsxs)(Ve.Z,{component:"div",children:[(0,ne.jsx)(je.Z,{label:t("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix","data-cy":"path-prefix-input",fullWidth:!0,autoFocus:!0,helperText:e.pathPrefixHint||t("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:e.pathPrefix,onChange:function(i){var a=!1,c=(0,ot.Rw)({params:(0,r.Z)((0,r.Z)({},e),{},{pathPrefix:i.target.value}),blocklets:[l]});o(c),e.type===O.ROUTING_RULE_TYPES.BLOCKLET&&c&&(a=!0),e.type!==O.ROUTING_RULE_TYPES.REDIRECT||e.url||(a=!0),e.type!==O.ROUTING_RULE_TYPES.GENERAL_REWRITE||e.url||(a=!0),i.target.value.trim()||(a=!0,o(t("router.validation.pathPrefixRequired"))),a||o("");var s=t("common.slugifyHint",{value:(0,ce.LN)(i.target.value)});n((0,r.Z)((0,r.Z)({},e),{},{pathPrefix:i.target.value,pathPrefixHint:s,__disableConfirm:a}))}}),(0,ne.jsx)(jr,{params:e,setParams:function(e){o(null),(0,ot.fX)(e,t)?n((0,r.Z)((0,r.Z)({},e),{},{__disableConfirm:!0})):n((0,r.Z)({},e))},setError:o})]})},confirm:t("router.rule.add.confirm"),cancel:t("common.cancel"),params:{did:"",pathPrefix:"",type:O.ROUTING_RULE_TYPES.REDIRECT,componentId:"",pageGroup:"",redirectCode:302,__disableConfirm:!0},onConfirm:b,onCancel:function(){f(!1),g(null)}},j=function(e){e.stopPropagation(),g(k)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof n?n({loading:m,open:j}):(0,ne.jsxs)(an.Z,{onClick:j,className:"rule-action","data-cy":"action-add-rule",children:[m?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(ln.Z,{style:{fontSize:18,marginRight:5}}),t("router.rule.add.title")]}),v&&(0,ne.jsx)(ae.Z,{title:v.title,description:v.description,confirm:v.confirm,cancel:v.cancel,params:v.params,onConfirm:v.onConfirm,onCancel:v.onCancel,color:"primary"})]})}jr.propTypes={params:f().object,serviceTypes:f().array,setParams:f().func,setError:f().func},jr.defaultProps={params:{},serviceTypes:[{name:"Redirect",value:O.ROUTING_RULE_TYPES.REDIRECT},{name:"Default - User will see the 404 page",value:O.ROUTING_RULE_TYPES.NONE},{name:"Rewrite - Route traffic without redirect",value:O.ROUTING_RULE_TYPES.GENERAL_REWRITE},{name:"Component - Pass traffic to blocklet component",value:O.ROUTING_RULE_TYPES.COMPONENT}],setParams:function(){},setError:function(){}},Cr.propTypes={children:f().any},Cr.defaultProps={children:null};var Pr=t(96366),Er=t(18067),Tr=t(71363);function Rr(e){var n=e.id,t=e.from,r=e.children,a=(0,i.PE)().t,l=(0,le.h6)().api,c=(0,En.y0)().blocklet,p=(0,o.useState)(!1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=(0,o.useState)(null),v=(0,d.Z)(x,2),g=v[0],Z=v[1],y=c.meta.did,b=c.site.id,k=t.pathPrefix,j=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return h(!0),e.prev=1,e.next=4,l.deleteRoutingRule({input:{id:b,ruleId:n,teamDid:y}});case 4:e.next=9;break;case 6:e.prev=6,e.t0=e.catch(1),M.Z.error(e.t0.message);case 9:return e.prev=9,Z(null),h(!1),e.finish(9);case 13:case"end":return e.stop()}}),e,null,[[1,6,9,13]])})));return function(){return e.apply(this,arguments)}}(),C={keyName:k,title:a("router.rule.delete.title"),description:a("router.rule.delete.description",{name:"<b>".concat(k,"</b>")}),confirmPlaceholder:a("router.rule.delete.confirm_desc",{name:k}),confirm:a("common.delConfirm"),cancel:a("router.rule.delete.cancel"),onConfirm:j,onCancel:function(){h(!1),Z(null)}},P=function(e){e.stopPropagation(),Z(C)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof r?r({loading:f,open:P}):(0,ne.jsxs)(an.Z,{onClick:P,className:"rule-action","data-cy":"action-delete-rule",children:[f?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(N.default,{style:{fontSize:18,marginRight:5}}),a("router.rule.delete.title")]}),g&&(0,ne.jsx)(Tr.Z,{keyName:g.keyName,title:g.title,description:g.description,confirmPlaceholder:g.confirmPlaceholder,confirm:g.confirm,cancel:g.cancel,params:g.params,onConfirm:g.onConfirm,onCancel:g.onCancel})]})}function wr(e){var n=e.id,t=e.from,a=e.to,l=e.children,c=(0,i.PE)().t,p=(0,le.h6)().api,m=(0,En.y0)().blocklet,f=(0,o.useState)(!1),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,o.useState)(null),Z=(0,d.Z)(g,2),y=Z[0],b=Z[1],k=m.meta.did,j=m.site.id,C=t.pathPrefix,P=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){var r,o;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,(0,ot.fX)(t,c);case 3:if(!(r=e.sent)){e.next=6;break}throw r;case 6:return v(!0),o={id:n,from:{pathPrefix:De()(t.pathPrefix)},to:{type:t.type}},t.type===O.ROUTING_RULE_TYPES.REDIRECT&&(o.to.url=t.url,o.to.redirectCode=t.redirectCode),t.type===O.ROUTING_RULE_TYPES.COMPONENT&&(o.to.did=k,o.to.componentId=t.componentId,o.to.pageGroup=t.pageGroup),t.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(o.to.url=De()(t.url)),e.next=13,p.updateRoutingRule({input:{id:j,rule:o,teamDid:k}});case 13:e.next=18;break;case 15:e.prev=15,e.t0=e.catch(0),M.Z.error(e.t0.message);case 18:return e.prev=18,v(!1),b(null),e.finish(18);case 22:case"end":return e.stop()}}),e,null,[[0,15,18,22]])})));return function(n){return e.apply(this,arguments)}}(),E={title:c("router.rule.update.title"),description:function(e,n,t){return(0,ne.jsxs)(Ve.Z,{component:"div",children:[(0,ne.jsx)(je.Z,{label:c("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix","data-cy":"path-prefix-input",fullWidth:!0,autoFocus:!0,helperText:e.helperText||c("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:e.pathPrefix,onChange:function(o){var i=!1;e.type!==O.ROUTING_RULE_TYPES.REDIRECT||e.url||(i=!0),e.type!==O.ROUTING_RULE_TYPES.GENERAL_REWRITE||e.url||(i=!0),o.target.value.trim()||(i=!0,t(c("router.validation.pathPrefixRequired"))),i||t("");var a=c("common.slugifyHint",{value:(0,ce.LN)(o.target.value)});n((0,r.Z)((0,r.Z)({},e),{},{pathPrefix:o.target.value,helperText:a,__disableConfirm:i}))}}),(0,ne.jsx)(jr,{params:e,setParams:function(e){(0,ot.fX)(e,c)?n((0,r.Z)((0,r.Z)({},e),{},{__disableConfirm:!0})):n((0,r.Z)({},e))},setError:t})]})},confirm:c("router.rule.update.confirm"),cancel:c("router.rule.update.cancel"),color:"primary",params:{did:a.did||"",pathPrefix:"/"===C?C:C.replace(/^\/+/,"").replace(/\/+$/,""),type:a.type||O.ROUTING_RULE_TYPES.BLOCKLET,redirectCode:a.redirectCode||302,componentId:a.componentId||"",pageGroup:a.pageGroup||"",url:a.url||"",__disableConfirm:!1},onConfirm:P,onCancel:function(){v(!1),b(null)}},T=function(e){e.stopPropagation(),b(E)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof l?l({loading:x,open:T}):(0,ne.jsxs)(an.Z,{onClick:T,className:"rule-action","data-cy":"action-update-rule",children:[x?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(Ze.default,{style:{fontSize:18,marginRight:5}}),c("router.rule.update.title")]}),y&&(0,ne.jsx)(ae.Z,{title:y.title,description:y.description,confirm:y.confirm,color:y.color,cancel:y.cancel,params:y.params,onConfirm:y.onConfirm,onCancel:y.onCancel})]})}function Sr(e){var n=(0,i.PE)().locale,t=(0,En.y0)(),o=t.blocklet,a=t.recommendedDomain,l=(0,ce.Sk)(a,e.from.pathPrefix,(0,ce.f0)(o,n));return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)("a",{target:"_blank",href:l,rel:"noopener noreferrer",title:l,children:(0,ne.jsx)(b.Z,{size:"small",children:(0,ne.jsx)(E.Z,{})})}),(0,ne.jsx)(wr,(0,r.Z)((0,r.Z)({},e),{},{children:function(n){var t=n.open;return(0,ne.jsx)(b.Z,{size:"small",onClick:t,disabled:e.isProtected,"data-cy":"action-update-rule",children:(0,ne.jsx)(C.Z,{})})}})),(0,ne.jsx)(Rr,(0,r.Z)((0,r.Z)({},e),{},{children:function(n){var t=n.open;return(0,ne.jsx)(b.Z,{size:"small",onClick:t,disabled:e.isProtected,"data-cy":"action-delete-rule",children:(0,ne.jsx)(N.default,{})})}}))]})}Rr.propTypes={id:f().string.isRequired,from:f().object.isRequired,children:f().any},Rr.defaultProps={children:null},wr.propTypes={id:f().string.isRequired,from:f().object.isRequired,to:f().object.isRequired,children:f().any},wr.defaultProps={children:null},Sr.propTypes={isProtected:f().bool},Sr.defaultProps={isProtected:!1};var _r=["group"];function Ur(e){var n=e.group,t=(0,l.Z)(e,_r);return n?(0,ne.jsx)(V.Z,(0,r.Z)((0,r.Z)({type:"reverse"},t),{},{children:n})):null}function Nr(e){var n=e.domain,t=e.isHttps,r=e.toUrl,o=t?"https":"http",i=r;return St()(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 Ir(e){var n=e.hasPermission,t=(0,i.PE)(),o=t.t,a=t.locale,l=(0,Pr.Z)(),c=(0,En.y0)(),s=c.blocklet,u=c.recommendedDomain;return s.site.rules.filter((function(e){return e.to.type!==O.ROUTING_RULE_TYPES.BLOCKLET})).map((function(e){var t=null,i=null;e.to.type===O.ROUTING_RULE_TYPES.NONE?t="404":e.to.type===O.ROUTING_RULE_TYPES.REDIRECT?t=e.to.redirectCode:e.to.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE?t="R":e.to.type===O.ROUTING_RULE_TYPES.COMPONENT&&(i=s.children.find((function(n){return n.meta.did===e.to.componentId})),t="C");var c=e.isProtected?(0,ne.jsx)(R.Z,{title:o("blocklet.router.urlLockTooltip"),placement:"top",children:(0,ne.jsx)("span",{children:(0,ne.jsx)(b.Z,{disabled:!0,size:"small",style:{pointerEvents:"auto",paddingTop:0,paddingBottom:0,margin:"12px 0"},children:(0,ne.jsx)(Er.Z,{style:{fill:l.palette.text.disabled}})})})}):(0,ne.jsx)(Sr,(0,r.Z)({},e));return[(0,ne.jsxs)(x.Z,{display:"flex",py:2,className:"component-item",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)(x.Z,{width:{xs:300,md:400},display:"flex",alignItems:"center",children:[(0,ne.jsx)(x.Z,{width:28}),"object"===typeof t?t:(0,ne.jsx)(Nt.Z,{children:t}),(0,ne.jsxs)(x.Z,{ml:2,children:[(0,ne.jsxs)(x.Z,{style:{color:"#222",fontSize:16},children:[e.to.type===O.ROUTING_RULE_TYPES.NONE&&o("common.page404"),e.to.type===O.ROUTING_RULE_TYPES.REDIRECT&&o("common.redirect"),e.to.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&o("common.rewrite"),e.to.type===O.ROUTING_RULE_TYPES.COMPONENT&&(0,q.getDisplayName)(i,!0)]}),(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[e.to.type===O.ROUTING_RULE_TYPES.REDIRECT&&(0,ne.jsx)(Nr,{domain:u,toUrl:e.to.url}),e.to.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(0,ne.jsx)(Nr,{domain:u,toUrl:e.to.url}),e.to.type===O.ROUTING_RULE_TYPES.COMPONENT&&(0,ne.jsx)(Ur,{group:e.to.pageGroup})]})]})]}),(0,ne.jsx)(x.Z,{px:2,sx:{display:{xs:"none",md:"flex"}},alignItems:"center",flexGrow:"1",children:(0,ne.jsx)(ee.Z,{href:(0,ce.Sk)(u,e.from.pathPrefix,(0,ce.f0)(s,a)),target:"_blank",style:{fontSize:16},underline:"hover",children:e.from.pathPrefix})},e.from.pathPrefix),(0,ne.jsx)(x.Z,{children:n&&(0,ne.jsx)("div",{style:{textAlign:"right"},children:c})},"actions")]},"rule"),(0,ne.jsx)(on.Z,{},"divider")]}))}Ur.propTypes={group:f().string.isRequired},Nr.propTypes={domain:f().string.isRequired,toUrl:f().string.isRequired,isHttps:f().bool},Nr.defaultProps={isHttps:!1},Ir.propTypes={hasPermission:f().bool},Ir.defaultProps={hasPermission:!1};var Lr=(0,se.V)(Ir,"mutate_blocklets"),Dr=(0,se.V)(Ir,"",ce.Wf);function Or(e){return(0,le.h6)().inService?(0,ne.jsx)(Dr,(0,r.Z)({},e)):(0,ne.jsx)(Lr,(0,r.Z)({},e))}var Br,Fr,Ar,Gr=t(92726),qr=["blocklet","onUpdate","getComponentUrl"],zr=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)(V.Z,{children:e.version})}]:[]},Wr=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}},Mr=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 Kr(e){var n,t,r,a,l=e.blocklet,c=e.ancestors,p=e.depth,m=e.onRemove,f=e.onStart,Z=e.onStop,y=e.onRestart,k=e.onReload,j=e.getComponentUrl,T=e.app,w=(0,o.useContext)(i.RD),S=w.t,I=w.locale,L=(0,o.useState)(),O=(0,d.Z)(L,2),B=O[0],A=O[1],G=(0,o.useState)(!1),z=(0,d.Z)(G,2),M=z[0],H=z[1],X=(0,o.useState)(!1),$=(0,d.Z)(X,2),J=$[0],Q=$[1],ee=(0,o.useState)(null),oe=(0,d.Z)(ee,2),ie=oe[0],le=oe[1],se=(0,K.K)().deletingBlocklets,ue=l.status;1===p&&se.includes(l.meta.did)&&(ue="deleting");var de,pe="/".concat(l.mountPoint||"/").replace(/\/+/g,"/"),me=j(pe),he=B?Wr(B):{},xe=B?[{name:S("common.name"),value:(0,q.getDisplayName)(B,!0)},{name:S("common.version"),value:(0,ne.jsx)(fe,{blocklet:B,checkUpgrade:!1})},{name:S("common.status"),value:(0,ne.jsx)(re.Z,{status:ue,source:B.source})},"running"===l.status?{name:S("blocklet.startedAt"),value:(0,ce.B2)(l.startedAt,I)}:null,"running"!==l.status?{name:S("blocklet.stoppedAt"),value:(0,ce.B2)(l.stoppedAt,I)}:null,l.installedAt?{name:S("blocklet.installedAt"),value:(0,ce.B2)(l.installedAt,I)}:null,(0,q.hasStartEngine)(l.meta)?{name:S("common.mountPoint"),value:pe}:null,B.meta.group?{name:S("common.group"),value:(0,ne.jsx)(V.Z,{type:"success",children:B.meta.group})}:null,{name:S("blocklet.overview.source"),value:(0,ne.jsx)(te,{sourceInfo:he,blocklet:l})},{name:S("blocklet.overview.deployedFrom"),value:he.deployedFrom||"-"},{name:S("common.did"),value:(0,ne.jsx)(Y.Z,{did:B.meta.did})},{name:S("common.author"),value:(0,ce.rq)(B.meta.author)},{name:S("common.engine"),value:zr(B.engine,S).map((function(e){var n=e.name,t=e.value;return(0,ne.jsx)(F.Z,{style:{marginBottom:4},nameWidth:120,name:n,children:t},n)}))},null!==(n=l.dependents)&&void 0!==n&&n.length?{name:S("common.dependents"),value:(0,ne.jsx)(x.Z,{children:l.dependents.map((function(e){return(0,ne.jsx)(x.Z,{children:"".concat(Mr(e.id,T)," ").concat(e.required?"(".concat(S("common.required"),")"):"")})}))})}:null,null!==(t=l.meta.resources)&&void 0!==t&&t.length?{name:S("common.resource"),value:l.meta.resources.join(", ")}:null].filter(Boolean):[],Ze=(0,q.isInProgress)(T.status),ye=(0,q.isInProgress)(l.status),be="";if(Ze||ye||1===p&&se.includes(l.meta.did))be=S("blocklet.component.tip.stopBlocklet");else if(null!==(r=l.dependents)&&void 0!==r&&r.length){var ke=l.dependents.filter((function(e){return e.required}));if(ke.length){var je=ke.map((function(e){return Mr(e.id,T)}));be=S("blocklet.component.tip.requiredBy",{name:je.join(", ")})}}return[(0,ne.jsxs)(Vr,{display:"flex",py:2,className:"component-item",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)(x.Z,{pl:2,width:{xs:300,md:400},display:"flex",alignItems:"center",children:[(0,ne.jsx)(ve.Z,{blocklet:l,ancestors:c}),(0,ne.jsxs)(x.Z,{ml:"16px",children:[(0,ne.jsx)(x.Z,{className:"component-name",onClick:function(){return A(l)},children:(0,q.getDisplayName)(l,!0)}),(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(fe,{blocklet:l,checkUpgrade:!1}),(0,ne.jsx)(ge.Z,{style:{marginLeft:4},mode:l.mode||""}),"unknown"!==ue&&(0,ne.jsx)(re.Z,{style:{marginLeft:4},status:ue,source:l.source}),!(null===(a=l.dependents)||void 0===a||!a.length)&&(0,ne.jsx)(R.Z,{title:["".concat(S("common.dependents"),": "),l.dependents.map((function(e){return(0,ne.jsx)(x.Z,{pl:1,children:"".concat(Mr(e.id,T)," ").concat(e.required?"(".concat(S("common.required"),")"):"")})}))],children:(0,ne.jsx)(x.Z,{display:"flex",color:"primary.main",ml:1,children:(0,ne.jsx)(D.JO,{icon:"octicon:package-dependents-16"})})})]})]})]},l),(0,q.hasStartEngine)(l.meta)&&(0,ne.jsx)(x.Z,{sx:{display:{xs:"none",md:"flex"}},alignItems:"center",flexGrow:"1",children:(0,ne.jsx)("a",{target:"_blank",href:me,rel:"noopener noreferrer",title:me,children:(0,ne.jsx)(x.Z,{maxWidth:400,sx:{color:"secondary.main",fontSize:18,px:2},overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",children:W()(pe)})})},pe),(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,q.hasStartEngine)(l.meta)&&(0,ne.jsx)(R.Z,{title:S("common.visit"),children:(0,ne.jsx)("a",{target:"_blank",href:me,rel:"noopener noreferrer",children:(0,ne.jsx)(b.Z,{size:"small",children:(0,ne.jsx)(E.Z,{})})})}),(0,q.hasStartEngine)(l.meta)&&(0,ne.jsx)(Me,{blocklet:l,ancestors:c,children:function(e){var n=e.open;return(0,ne.jsx)(R.Z,{title:S("common.config"),children:(0,ne.jsx)(Yr,{color:"error",badgeContent:"",variant:"dot",invisible:!(0,q.getComponentMissingConfigs)(l,c[0]).length,children:(0,ne.jsx)(b.Z,{onClick:n,size:"small",children:(0,ne.jsx)(C.Z,{})})})},"config")}}),(0,ne.jsx)(tn,{blocklet:T,component:l,onStart:f,onStop:Z,disabled:!["starting","stopping"].includes(T.status)&&(0,q.isInProgress)(T.status)}),(0,ne.jsx)(Gr.Z,{"data-cy":"component-actions",actions:[(0,q.hasStartEngine)(l.meta)?{icon:(0,ne.jsx)(P.Z,{}),text:S("common.detail"),onClick:function(){A(l)}}:null,{icon:(0,ne.jsx)(_.default,{}),text:S("common.restart"),onClick:function(){le({title:"".concat(S("common.restart")," ").concat(l.meta.title),description:S("blocklet.action.restartDescription"),confirm:S("blocklet.action.confirmRestart"),cancel:S("common.cancel"),onConfirm:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(!0),e.next=3,y(l);case 3:Q(!1);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),onCancel:function(){return le(null)}})},disabled:Ze||ye||"running"!==l.status},{icon:(0,ne.jsx)(U.Z,{}),text:S("common.reload"),onClick:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(!0),e.next=3,k(l);case 3:Q(!1);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),disabled:J||Ze||ye||"running"!==l.status},{icon:(0,ne.jsx)(N.default,{}),text:S("common.delete"),onClick:function(){H(!0)},disabled:Ze||ye||!!be,tip:be}].filter(Boolean)})]},"actions")]},"group-not-gateway-box"),(0,ne.jsx)(on.Z,{depth:2}),!!B&&(0,ne.jsx)(h.Z,{open:!0,fullWidth:!0,maxWidth:"md",onClose:function(){A(null)},children:(0,ne.jsxs)(x.Z,{paddingY:1.5,children:[(0,ne.jsx)(g.Z,{children:S("common.componentBasicInfo")}),(0,ne.jsx)(v.Z,{children:(de=xe,de.map((function(e){return e.name===S("common.did")||e.name===S("blocklet.appId")?(0,ne.jsx)(F.Z,{valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:function(){return e.name},children:e.value},e.name):(0,ne.jsx)(F.Z,{valueComponent:"div",nameWidth:120,name:e.name,children:e.value},e.name)})))})]},"dialog-wrapper")},"base-info-dialog"),(0,ne.jsx)($e,{blocklet:T,component:l,remove:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var n=arguments;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(!0),e.prev=1,e.next=4,m.apply(void 0,n);case 4:e.next=8;break;case 6:e.prev=6,e.t0=e.catch(1);case 8:Q(!1),H(!1);case 10:case"end":return e.stop()}}),e,null,[[1,6]])})));return function(){return e.apply(this,arguments)}}(),onCancel:function(){return H(!1)},hideBtn:!0,showConfirm:M}),ie&&(0,ne.jsx)(ae.Z,{title:ie.title,description:ie.description,confirm:ie.confirm,cancel:ie.cancel,params:ie.params,onConfirm:ie.onConfirm,onCancel:ie.onCancel})]}Kr.propTypes={blocklet:f().object.isRequired,ancestors:f().array,depth:f().number,onRemove:f().func,onStart:f().func,onStop:f().func,onRestart:f().func,onReload:f().func,getComponentUrl:f().func,app:f().object},Kr.defaultProps={ancestors:[],depth:0,onRemove:function(){},onStart:function(){},onStop:function(){},onRestart:function(){},onReload:function(){},getComponentUrl:function(){return window.location.origin},app:null};var Yr=(0,p.Z)(j.Z)(Br||(Br=(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})),Vr=(0,p.Z)(x.Z)(Fr||(Fr=(0,c.Z)(["\n .component-name {\n color: #222;\n font-size: 16px;\n cursor: pointer;\n }\n"])));function Hr(e){var n=e.blocklet,t=(e.onUpdate,e.getComponentUrl),c=(0,l.Z)(e,qr),p=(0,o.useContext)(i.RD).t,m=(0,le.h6)(),f=m.api,j=m.inService,P=m.info,E=(0,K.K)(),_=E.addDeletingDid,U=E.removeDeletingDid,N=E.matchDeletingDid,D=(0,o.useState)(!1),F=(0,d.Z)(D,2),z=F[0],W=F[1],Y=(0,o.useState)(null),V=(0,d.Z)(Y,2),H=V[0],X=V[1],$=(0,o.useState)(null),J=(0,d.Z)($,2),Q=J[0],ee=J[1],te=(0,o.useState)(!1),re=(0,d.Z)(te,2),oe=re[0],ie=re[1],ae=n&&n.structVersion!==O.APP_STRUCT_VERSION,ue=(0,o.useState)(!1),de=(0,d.Z)(ue,2),pe=de[0],me=de[1],fe=(0,a.Z)(n.children)||[];"gateway"!==n.meta.group&&fe.unshift(n),N(fe.map((function(e){return e.meta.did})));var he=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var t,r,o,i,a;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z){e.next=2;break}return e.abrupt("return");case 2:return W(!0),e.prev=3,e.next=6,f.checkComponentsForUpdates({input:{did:n.meta.did}});case 6:if(e.t0=e.sent.preUpdateInfo,e.t0){e.next=9;break}e.t0={};case 9:if(t=e.t0,r=t.updateId,o=t.updateList,W(!1),r){e.next=16;break}return M.Z.info(p("blocklet.component.noUpdate")),e.abrupt("return");case 16:i=[],(0,q.forEachChildSync)(n,(function(e,n){var t=n.id,r=n.ancestors,a=o.find((function(e){return e.id===t}));if(a){var l=r.slice(1).concat(e).map((function(e){return e.meta.title||e.meta.name})).join(" / "),c=(r[1]||e).meta.did;i.push({groupId:c,name:l,version:e.meta.version,newVersion:a.meta.version})}})),a={},i.forEach((function(e){a[e.groupId]?e.disabled=!0:a[e.groupId]=!0})),X({params:{updateId:r},list:i,checks:a,hasChecks:!0}),e.next=27;break;case 23:e.prev=23,e.t1=e.catch(3),W(!1),M.Z.error((0,ce.Z)(e.t1));case 27:case"end":return e.stop()}}),e,null,[[3,23]])})));return function(){return e.apply(this,arguments)}}(),xe=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var t,r;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z){e.next=2;break}return e.abrupt("return");case 2:return e.prev=2,W(!0),t=Object.keys(H.checks).filter((function(e){return H.checks[e]})),r={updateId:H.params.updateId,rootDid:n.meta.did,selectedComponents:t},e.next=8,f.upgradeComponents({input:r});case 8:W(!1),X(null),me(null),e.next=17;break;case 13:e.prev=13,e.t0=e.catch(2),W(!1),M.Z.error((0,ce.Z)(e.t0));case 17:case"end":return e.stop()}}),e,null,[[2,13]])})));return function(){return e.apply(this,arguments)}}(),ve=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t,r){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return _(t.meta.did),e.prev=1,e.next=4,f.deleteComponent({input:{did:t.meta.did,keepData:"keepData"===r,rootDid:n.meta.did}});case 4:return e.next=6,(0,ce._v)(800);case 6:e.next=12;break;case 8:e.prev=8,e.t0=e.catch(1),M.Z.error((0,ce.Z)(e.t0)),U(t.meta.did);case 12:case"end":return e.stop()}}),e,null,[[1,8]])})));return function(n,t){return e.apply(this,arguments)}}(),ge=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.startBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(n){return e.apply(this,arguments)}}(),Ze=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.stopBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(n){return e.apply(this,arguments)}}(),ye=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.restartBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(n){return e.apply(this,arguments)}}(),be=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.reloadBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:M.Z.success(p("blocklet.reloadSuccess")),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 11:case"end":return e.stop()}}),e,null,[[0,8]])})));return function(n){return e.apply(this,arguments)}}();return(0,ne.jsxs)(Xr,(0,r.Z)((0,r.Z)({component:"div"},c),{},{children:[(0,ne.jsxs)(x.Z,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)("div",{className:"title",children:[p("common.components"),!ae&&(0,ne.jsx)(se.Z,{permission:j?"":"mutate_blocklets",role:j?ce.Wf:[],children:(0,ne.jsx)(Yr,{top:1.2,right:.4,color:"error",badgeContent:"",variant:"dot",invisible:!pe,children:(0,ne.jsxs)(A.Z,{disabled:z||(0,q.isInProgress)(n.status),color:"secondary",onClick:function(){he()},"data-cy":"check-for-updates",children:[(0,ne.jsx)(x.Z,{mr:.5,display:"flex",children:z?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(y.Z,{style:{fontSize:"1em"}})}),p("blocklet.component.checkUpdateTitle")]})})})]}),(0,ne.jsx)(se.Z,{permission:j?"":"mutate_blocklets",role:j?ce.Wf:[],children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(Cr,{children:function(e){var t=e.open;return(0,ne.jsxs)(A.Z,{disabled:z||(0,q.isInProgress)(n.status),variant:"text",color:"primary","data-cy":"add-rule",onClick:t,children:[(0,ne.jsx)(k.Z,{style:{fontSize:"1.3em",marginRight:4}}),p("router.rule.add.title")]})}}),!ae&&(0,ne.jsx)(yr,{blocklet:n,serverVersion:P.version,children:function(e){var t=e.open;return(0,ne.jsxs)(A.Z,{disabled:z||(0,q.isInProgress)(n.status),variant:"text",color:"primary","data-cy":"add-component",onClick:t,children:[(0,ne.jsx)(k.Z,{style:{fontSize:"1.3em",marginRight:4}}),p("blocklet.component.add")]})}}),!ae&&(0,ne.jsx)(Me,{blocklet:n,ancestors:[],children:function(e){var n=e.open;return(0,ne.jsx)(R.Z,{title:"".concat(p("blocklet.component.container")).concat(p("common.config")),children:(0,ne.jsx)(b.Z,{onClick:n,size:"small",color:"primary",children:(0,ne.jsx)(C.Z,{style:{fontSize:18}})})},"config")}})]})})]}),fe&&fe.length?(0,ne.jsxs)(x.Z,{mt:2,ml:{xs:"-12px",md:"-24px"},children:["gateway"!==n.meta.group&&(0,ne.jsx)(Kr,{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)(Kr,{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)(x.Z,{mt:8,children:(0,ne.jsx)(G.Z,{children:p("blocklet.component.noComponent")})}),!!n.site.rules.length&&(0,ne.jsx)(x.Z,{mt:0,ml:{xs:"-16px",md:"-28px"},children:(0,ne.jsx)(Or,{})}),!!H&&(0,ne.jsx)(h.Z,{open:!0,fullWidth:!0,children:(0,ne.jsxs)(x.Z,{paddingY:1.5,children:[(0,ne.jsx)(g.Z,{children:p("blocklet.component.updateTitle")}),(0,ne.jsx)(x.Z,{component:v.Z,py:4,children:H.list.map((function(e){return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(S.Z,{checked:H.checks[e.groupId],onChange:function(n){return function(e,n){var t=e.target.checked;X((function(e){var o=Object.entries(e.checks).reduce((function(e,r){var o=(0,d.Z)(r,2),i=o[0],a=o[1];return e[i]=n===i?t:a,e}),{}),i=Object.values(o).includes(!0);return(0,r.Z)((0,r.Z)({},e),{},{checks:o,hasChecks:i})}))}(n,e.groupId)},style:{marginLeft:e.disabled?16:0},defaultChecked:!0,disabled:e.disabled}),(0,ne.jsxs)(x.Z,{flexGrow:1,mt:3,children:[(0,ne.jsx)(x.Z,{item:!0,xs:8,children:e.name}),e.version&&(0,ne.jsxs)(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)(x.Z,{color:"secondary.main",children:e.newVersion})})]})]},"".concat(e.name,"-").concat(e.newVersion))]})}))}),(0,ne.jsxs)(Z.Z,{style:{padding:"8px 24px 24px"},children:[(0,ne.jsx)(A.Z,{onClick:function(){X(null)},children:p("common.cancel")}),(0,ne.jsxs)(A.Z,{onClick:function(e){e.stopPropagation(),xe()},color:"primary",disabled:z||!H.hasChecks,variant:"contained",autoFocus:!0,children:[z&&(0,ne.jsx)(B.Z,{size:16}),p("common.update")]})]})]})}),!!Q&&(0,ne.jsx)(h.Z,{open:!0,fullWidth:!0,onClose:function(){return ee(!1)},children:(0,ne.jsxs)(x.Z,{paddingY:1.5,children:[(0,ne.jsx)(g.Z,{children:p("common.configuration")}),(0,ne.jsx)(v.Z,{children:(0,ne.jsx)(x.Z,{py:2,children:(0,ne.jsx)(I.Z,{control:(0,ne.jsx)(L.Z,{checked:oe,onChange:function(e){return ie(!!e.target.checked)}}),label:p("blocklet.component.showContainer")})})})]})})]}))}Hr.propTypes={blocklet:f().object.isRequired,onUpdate:f().func,getComponentUrl:f().func},Hr.defaultProps={onUpdate:function(){},getComponentUrl:function(){return window.location.origin}};var Xr=p.Z.div(Ar||(Ar=(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"]))),$r=t(13671);function Jr(e){var n=(0,o.useContext)(i.RD).locale,t=(0,$r.y0)(),a=t.blocklet,l=t.recommendedDomain;return(0,ne.jsx)(Hr,(0,r.Z)({blocklet:a,getComponentUrl:function(e){return(0,ce.vH)({blocklet:a,domain:{value:l},mountPoint:e,params:(0,ce.f0)(a,n)})}},e))}Jr.defaultProps={}},44543:function(e,n,t){var r=t(57156);e.exports=function(e,n){return r(e)===r(n)}},92726:function(e,n,t){"use strict";t.d(n,{Z:function(){return j}});var r,o=t(71171),i=t(32723),a=t(34795),l=t(33028),c=t(96234),s=t(59740),u=t(5057),d=t(55898),p=t.n(d),m=t(33518),f=t(67680),h=t(61533),x=t(74490),v=t(45267),g=t(46954),Z=t(44067),y=t(96266),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)([""])))},31440:function(e,n,t){"use strict";t.d(n,{Z:function(){return v}});var r,o=t(71171),i=t(55898),a=t.n(i),l=t(85493),c=t(33518),s=t(68420),u=t(40265),d=t(44566),p=t(33028),m=t(33665),f=t(35432),h=t(96266);function x(e){var n=Object.assign({},((0,m.Z)(e),e));return(0,h.jsxs)("div",(0,p.Z)((0,p.Z)({},n),{},{style:{width:"100%"},children:[(0,h.jsx)("h3",{children:"End User License Agreement for Application"}),(0,h.jsxs)("p",{children:["Blocklet Server License Agreement ",f.COPYRIGHT_OWNER," version 2020-08-28"]}),(0,h.jsx)("p",{children:"BLOCKLET SERVER LICENSE AGREEMENT"}),(0,h.jsx)("p",{children:"\u6682\u65e0"})]}))}function v(e){var n=e.meta,t=e.onClickNext,r=e.handleDescEle,o=(0,l.useNavigate)(),i=(0,s.PE)(),a=i.t,c=i.locale,p=t||function(){o("/launch-blocklet/install".concat(window.location.search))};return(0,h.jsxs)(g,{children:[(0,h.jsx)("div",{className:"app-content",children:(0,h.jsx)("div",{className:"agreement",children:(0,h.jsx)("div",{className:"agreement-content",children:(0,h.jsx)(d.Z,{blockletMeta:{data:n},locale:c,handleDescEle:r})})})}),(0,h.jsx)("div",{className:"button-container","data-cy":"agree-all",children:(0,h.jsx)(u.Z,{onContinue:p,description:(0,h.jsx)(x,{}),texts:{listenName:a("launchBlocklet.license"),buttonNext:a("launchBlocklet.next")}})})]})}v.propTypes={meta:a().object.isRequired,onClickNext:a().func,handleDescEle:a().node},v.defaultProps={onClickNext:null,handleDescEle:""};var g=c.Z.div(r||(r=(0,o.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n flex: 1;\n .app-content {\n padding: 2px 24px 24px;\n "," {\n padding-top: 10px;\n }\n width: 100%;\n flex: 1;\n letter-spacing: normal;\n }\n .agreement {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n border: 1px solid ",";\n border-radius: 12px;\n "," {\n margin-top: 24px;\n }\n "," {\n margin-top: 16px;\n }\n .agreement-content {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n font-size: 14px;\n overflow-y: auto;\n "," {\n padding: 0 24px;\n }\n "," {\n padding: 0 16px;\n }\n &:after {\n display: block;\n content: '';\n height: 24px;\n }\n }\n }\n .button-container {\n padding-top: 24px;\n padding-bottom: 34px;\n "," {\n padding-right: 24px;\n margin-left: auto;\n }\n "," {\n padding-top: 0;\n padding-bottom: 16px;\n }\n }\n"])),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.palette.grey[100]}),(function(e){return e.theme.breakpoints.up("md")}),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.up("md")}),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.up("md")}),(function(e){return e.theme.breakpoints.down("md")}))},61813:function(e,n,t){"use strict";t.d(n,{Z:function(){return S}});var r=t(33028),o=t(32723),i=t(34795),a=t(96234),l=t(5057),c=t(55898),s=t.n(c),u=t(13128),d=t(44846),p=t(55372),m=t(11750),f=t(47020),h=t(20870),x=t(31089),v=t(71767),g=t(64886),Z=t(49983),y=t(68420),b=t(28726),k=t(88574),j=t(38242),C=t(58238),P=t(73545),E=t(14491),T=t(4651),R=t(17450),w=t(96266);function S(e){var n=e.defaultUrl,t=e.onCancel,c=e.onSuccess,s=e.onError,S=e.mode,_=e.handleText,U=(0,C.h6)().api,N=(0,P.T)().api,I=(0,l.useState)(!1),L=(0,a.Z)(I,2),D=L[0],O=L[1],B=(0,l.useState)(""),F=(0,a.Z)(B,2),A=F[0],G=F[1],q=(0,y.PE)().t,z={dist:{}},W=(0,l.useState)(n),M=(0,a.Z)(W,2),K=M[0],Y=M[1],V=(0,l.useState)(n?1:0),H=(0,a.Z)(V,2),X=H[0],$=H[1],J=(0,l.useState)(z),Q=(0,a.Z)(J,2),ee=Q[0],ne=Q[1],te=(0,l.useState)(!1),re=(0,a.Z)(te,2),oe=re[0],ie=re[1],ae=(0,l.useState)({}),le=(0,a.Z)(ae,2),ce=le[0],se=le[1],ue="component"===S,de=!!ue||!n,pe=function(){var e=(0,i.Z)((0,o.Z)().mark((function e(){var n,t,r,i,a,l;return(0,o.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:ne(z),G(null),O(!0),e.prev=3,n=decodeURIComponent(K.trim()),e.prev=5,new URL(n),e.next=12;break;case 9:throw e.prev=9,e.t0=e.catch(5),new Error("Invalid URL");case 12:return e.next=14,U.getBlockletMetaFromUrl({input:{url:n}});case 14:t=e.sent,r=t.meta,i=t.inStore,a=t.registryUrl,ne(r),se({inStore:i,registryUrl:a,inputUrl:K.trim()}),e.next=28;break;case 22:e.prev=22,e.t1=e.catch(3),console.error(e.t1),l="Blocklet Install failed: ".concat((0,E.Z)(e.t1)),G(l),s(e.t1);case 28:return e.prev=28,O(!1),e.finish(28);case 31:case"end":return e.stop()}}),e,null,[[3,22,28,31],[5,9]])})));return function(){return e.apply(this,arguments)}}();(0,l.useEffect)((function(){n&&pe()}),[n]);var me=[{name:q("common.name"),value:(0,j.getDisplayName)({meta:ee},!0)},{name:q("common.version"),value:ee.version},{name:q("common.did"),value:(0,w.jsx)(R.Z,{did:ee.did})},{name:q("common.author"),value:(0,E.rq)(ee.author)},{name:q("blocklet.dist.downloadLink"),value:ee.dist.tarball}],fe=[{label:q("blocklet.fromUrl.step0"),body:(0,w.jsx)(m.Z,{component:"div",children:(0,w.jsx)(f.Z,{label:q("blocklet.fromUrl.label"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"blocklet-url-input",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",helperText:q("blocklet.fromUrl.description"),value:K,onChange:function(e){G(null),Y(e.target.value)},disabled:D,onKeyPress:function(e){"Enter"===e.key&&(e.preventDefault(),pe(),$(1))}})}),cancel:q("common.cancel"),confirm:q("common.next"),onCancel:t,onConfirm:function(){pe(),$(1)}},{label:q("blocklet.fromUrl.step1"),body:D?(0,w.jsx)("div",{style:{height:200,width:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"},children:(0,w.jsx)(d.Z,{})}):ee.did?(0,w.jsx)("div",{style:{paddingLeft:"10%"},children:me.map((function(e){return e.name===q("common.did")?(0,w.jsx)(g.Z,{valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:function(){return q("common.did")},children:e.value},e.name):(0,w.jsx)(g.Z,{valueComponent:"div",nameWidth:120,name:e.name,children:e.value},e.name)}))}):null,cancel:q(de?"common.pre":"common.cancel"),confirm:(null===_||void 0===_?void 0:_.confirm)||q("blocklet.fromUrl.confirm"),onCancel:function(){de?$((function(e){return e-1})):t()},onConfirm:function(){!function(){if(ue)return c((0,r.Z)({meta:ee},ce)),void t();O(!0),ie(!0)}()}}],he=fe[X];return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(u.ZP,{title:(null===_||void 0===_?void 0:_.title)||q("blocklet.fromUrl.title"),fullWidth:!0,maxWidth:"md",onClose:function(){return he.onCancel()},showCloseButton:0===X,disableEscapeKeyDown:!0,open:!0,actions:(0,w.jsxs)(w.Fragment,{children:[he.cancel&&(0,w.jsx)(b.Z,{onClick:function(e){e.stopPropagation(),G(null),he.onCancel()},color:"inherit",children:he.cancel||q("common.cancel")}),(0,w.jsxs)(b.Z,{onClick:function(e){e.stopPropagation(),he.onConfirm()},color:"primary","data-cy":"install-blocklet-next-step",disabled:D||!K||A,variant:"contained",autoFocus:!0,style:{marginLeft:8},children:[D&&0===X&&(0,w.jsx)(d.Z,{size:16}),he.confirm]})]}),children:[de&&(0,w.jsx)(h.Z,{alternativeLabel:!0,activeStep:X,children:fe.map((function(e){var n=e.label;return(0,w.jsx)(x.Z,{children:(0,w.jsx)(v.Z,{children:n})},n)}))}),(0,w.jsx)(p.Z,{component:"div",style:{marginTop:24},children:he.body}),!!A&&(0,w.jsx)(k.Z,{type:"error",style:{width:"100%",marginTop:8},children:A})]}),ee&&oe&&(0,w.jsx)(Z.Z,{popup:!0,open:!0,forceConnected:!1,className:"launch-from-url-auth",action:"launch-free-blocklet-by-session",checkFn:N.get,checkTimeout:3e5,onSuccess:function(){O(!1),ie(!1),c((0,r.Z)({meta:ee},ce)),t()},extraParams:{title:ee.title,wt:(0,T.iK)(ee),blockletMetaUrl:decodeURIComponent(K.trim())},messages:{title:q("setup.keyPair.title"),scan:q("setup.keyPair.scan"),confirm:q("setup.keyPair.confirm"),success:q("setup.keyPair.success")},onClose:function(){O(!1),ie(!1)}})]})}S.propTypes={defaultUrl:s().string,onCancel:s().func.isRequired,onSuccess:s().func.isRequired,onError:s().func,mode:s().oneOf(["install","component"]),handleText:s().object},S.defaultProps={onError:function(){},defaultUrl:"",mode:"install",handleText:{}}},32349:function(e,n,t){"use strict";t.d(n,{Z:function(){return u}});var r=t(33028),o=t(59740),i=t(55898),a=t.n(i),l=t(22228),c=t(96266),s=["mode"];function u(e){var n=e.mode,t=(0,o.Z)(e,s);return"development"===n?(0,c.jsx)(l.Z,(0,r.Z)((0,r.Z)({type:"primary"},t),{},{children:"DEV"})):null}u.propTypes={mode:a().string.isRequired}},51233:function(e,n,t){"use strict";t.d(n,{Rw:function(){return u},fX:function(){return s},sf:function(){return d}});var r=t(35432),o=t(44543),i=t.n(o),a=t(76811),l=t(32828),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}}},35918:function(e,n,t){"use strict";var r=t(44919),o=t(42876),i=t(27773),a=t(11997),l=t(93734),c=t(76667),s=t(39293),u=t(36903),d=t(3422),p=t(92273),m=t(72906),f=t(57201),h=t(49390),x=t(33225),v=t(30770);n.Z={Add:r.Z,Check:o.default,Delete:i.default,Edit:c.default,Clear:a.default,DetailPanel:p.default,Filter:s.Z,FirstPage:u.default,LastPage:d.default,NextPage:p.default,PreviousPage:m.default,Search:f.default,ResetSearch:a.default,SortArrow:h.Z,Export:l.default,ThirdStateCheck:x.default,ViewColumn:v.default}},74782:function(e,n,t){"use strict";var r,o=t(71171),i=t(33518).Z.div(r||(r=(0,o.Z)(["\n .MuiPaper-root {\n box-shadow: none !important;\n border: none !important;\n border-radius: 0 !important;\n background: transparent;\n }\n .MuiToolbar-root {\n background: transparent;\n padding-left: 0;\n display: none;\n }\n\n &.show-pagination {\n .MuiTablePagination-toolbar {\n display: flex;\n }\n }\n\n .MuiTableHead-root th {\n min-width: 100px;\n background: transparent;\n }\n\n .MuiTable-root {\n overflow-y: hidden;\n }\n .MuiTableRow-root {\n border: none !important;\n }\n\n .MuiTableCell-root {\n padding-right: 16px;\n &:last-of-type {\n padding-right: 0;\n }\n }\n\n /* @material-table/core@next \u517c\u5bb9 mui v5, \u4f46 pagination \u6837\u5f0f\u4f3c\u4e4e\u6709\u4e9b\u95ee\u9898, \u6682\u5730\u5b9a\u5236\u4e0b\u9762\u7684\u6837\u5f0f\u4fee\u590d, \u540e\u9762\u8003\u8651\u5f03\u7528 material-table */\n .MuiTablePagination-selectLabel,\n .MuiTablePagination-displayedRows {\n display: none;\n }\n .MuiTypography-caption {\n display: inline-block;\n }\n .MuiTablePagination-selectLabel + .MuiInputBase-root {\n margin-right: 8px;\n }\n"])));n.Z=i}}]);
1
+ (self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[1037],{81037:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return Jr}});var r=t(33028),o=t(5057),i=t(68420),a=t(68079),l=t(59740),c=t(71171),s=t(32723),u=t(34795),d=t(96234),p=t(33518),m=t(55898),f=t.n(m),h=t(37541),x=t(39948),v=t(7278),g=t(6838),Z=t(87971),y=t(99194),b=t(67680),k=t(44919),j=t(10697),C=t(48037),P=t(34966),E=t(94552),T=t(55402),R=t(75239),w=t(48086),S=t(88092),_=t(32207),U=t(35258),N=t(27773),I=t(26174),L=t(36554),D=t(55498),O=t(35432),B=t(44846),F=t(64886),A=t(28726),G=t(25710),q=t(38242),z=t(57156),W=t.n(z),M=t(86229),K=t(87363),Y=t(17450),V=t(22228),H=t(6352),X=t.n(H),$=t(2078),J=t.n($),Q=t(19778),ee=t(38898),ne=t(96266);function te(e){var n,t=e.sourceInfo,r=e.blocklet,a=(0,o.useContext)(i.RD).t;return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(Q.Z,{type:"success",children:J()(t.source)},"source"),"registry"===t.source&&(0,ne.jsx)(ee.Z,{href:X()(t.deployedFrom,"blocklets",(null===r||void 0===r||null===(n=r.meta)||void 0===n?void 0:n.bundleDid)||""),target:"_blank",className:"page-link",underline:"hover",style:{display:"flex",alignItems:"center",marginLeft:8},children:a("blocklet.overview.viewInStore")})]})}te.propTypes={sourceInfo:f().shape({source:f().string,deployedFrom:f().string}),blocklet:f().object},te.defaultProps={sourceInfo:{},blocklet:{}};var re=t(81010),oe=t(40736),ie=t(76811),ae=t(70461),le=t(58238),ce=t(14491),se=t(63406),ue=["blocklet","checkUpgrade","hasPermission"];function de(e){var n=e.blocklet,t=e.checkUpgrade,a=e.hasPermission,c=(0,l.Z)(e,ue),p=(0,le.h6)().api,m=(0,o.useContext)(i.RD).t,f=(0,o.useState)(!1),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,o.useState)(""),Z=(0,d.Z)(g,2),y=Z[0],k=Z[1],j=(0,o.useState)(null),C=(0,d.Z)(j,2),P=C[0],E=C[1],T=(0,o.useState)(null),w=(0,d.Z)(T,2),S=w[0],_=w[1];(0,o.useEffect)((function(){E(null),t&&(n.mode,ie.BLOCKLET_MODES.DEVELOPMENT)}),[n,t]);var U=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var t;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return v(!0),e.prev=1,t={did:n.meta.did,version:P.version,storeUrl:P.registryUrl||""},e.next=5,(0,ce._v)(2e3);case 5:return e.next=7,p.upgradeBlocklet({input:t});case 7:e.next=12;break;case 9:e.prev=9,e.t0=e.catch(1),M.Z.error("Blocklet upgrade failed: ".concat((0,ce.Z)(e.t0)));case 12:return e.prev=12,v(!1),_(null),e.finish(12);case 16:case"end":return e.stop()}}),e,null,[[1,9,12,16]])})));return function(){return e.apply(this,arguments)}}(),N={title:"".concat(m("common.upgrade")," ").concat(m("common.blocklet")," ").concat((0,q.getDisplayName)(n)),description:m("blocklet.action.upgradeDescription"),confirm:m("blocklet.action.confirmUpgrade"),cancel:m("common.cancel"),onConfirm:U,onCancel:function(){v(!1),_(null)}};return a&&P&&!(0,q.isInProgress)(n.status)?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(V.Z,(0,r.Z)((0,r.Z)({},c),{},{children:n.meta.version})),(0,ne.jsx)(R.Z,{title:m("common.updateAvailable",{version:P.version}),children:(0,ne.jsx)(b.Z,{size:"small",style:{marginLeft:8},disabled:x,onClick:function(){return _(N)},children:x?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(oe.Z,{style:{fontSize:16,color:"red"}})})}),!!y&&(0,ne.jsx)(M.Z,{variant:"error",message:y,onClose:function(){return k("")}}),S&&(0,ne.jsx)(ae.Z,{title:S.title,description:S.description,confirm:S.confirm,cancel:S.cancel,params:S.params,onConfirm:S.onConfirm,onCancel:S.onCancel})]}):(0,ne.jsx)(V.Z,(0,r.Z)((0,r.Z)({},c),{},{children:n.meta.version}))}de.propTypes={blocklet:f().object.isRequired,checkUpgrade:f().bool,hasPermission:f().bool},de.defaultProps={checkUpgrade:!1,hasPermission:!1};var pe=(0,se.V)(de,"mutate_blocklets"),me=(0,se.V)(de,"",ce.Wf);function fe(e){return(0,le.h6)().inService?(0,ne.jsx)(me,(0,r.Z)({},e)):(0,ne.jsx)(pe,(0,r.Z)({},e))}var he,xe,ve=t(80378),ge=t(32349),Ze=t(76667),ye=t(13128),be=t(94464),ke=t(28358),je=t(47020),Ce=t(93938),Pe=t(50185),Ee=t(35918),Te=t(74782),Re=t(55419),we=function(e,n){var t=e.description;return(Object.values(ie.CHAIN_PROP_MAP).includes(e.key)||(0,q.isEnvShareable)(e))&&(t=t?"".concat(t," (").concat(n("blocklet.config.sharedToAllComponents"),")"):n("blocklet.config.sharedToAllComponents")),t&&(0,ne.jsx)("div",{style:{marginLeft:12},children:t})},Se=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];return!(null!==t&&void 0!==t&&t.length||e.custom||["CHAIN_ID","CHAIN_HOST"].includes(e.key)||n.meta.environments.find((function(n){return n.name===e.key}))||!n.children.every((function(n){return!n.meta.environments.find((function(n){return n.name===e.key}))})))||e.custom};function _e(e){var n=e.blocklet,t=e.ancestors,l=(0,le.h6)(),c=l.inService,d=(0,o.useContext)(i.RD).t,p=[].concat((0,a.Z)(t.map((function(e){return e.meta.did}))),[n.meta.did]),m=function(){return M.Z.success(d("blocklet.config.changedTip"))},f=function(e){return Se(e,n,t)};if((0,ce.wS)(n.status))return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var h=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var t;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n.key.trim()&&n.value.trim()){e.next=3;break}return M.Z.error(d("blocklet.config.environment.keyValueRequired")),e.abrupt("return");case 3:if(!n.key.startsWith("BLOCKLET_")&&!n.key.startsWith("COMPONENT_")){e.next=6;break}return M.Z.error(d("blocklet.config.environment.invalidKey")),e.abrupt("return");case 6:return n.custom=!0,e.next=9,l.api.configBlocklet({input:{did:p,configs:[n]}});case 9:"ok"===(t=e.sent).code&&m(t.blocklet);case 11:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),x=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(r,o){var i,a,c;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r.required||r.key.trim()&&r.value.trim()){e.next=3;break}return M.Z.error(d("blocklet.config.environment.keyValueRequired")),e.abrupt("return");case 3:if(!r.key.startsWith("BLOCKLET_")||ie.BLOCKLET_CONFIGURABLE_KEY[r.key]){e.next=6;break}return M.Z.error(d("blocklet.config.environment.invalidKey")),e.abrupt("return");case 6:if(r.key!==ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_CLUSTER_SIZE){e.next=11;break}if(!(i=(0,ce.I)(r))){e.next=11;break}return M.Z.error(i),e.abrupt("return");case 11:if(a=[r],r.key===o.key){e.next=17;break}if(Se(r,n,t)){e.next=16;break}return M.Z.error("Only key of custom env can be changed"),e.abrupt("return");case 16:a.push({key:o.key,custom:!0});case 17:return e.prev=17,e.next=20,l.api.configBlocklet({input:{did:p,configs:a}});case 20:"ok"===(c=e.sent).code&&m(c.blocklet),e.next=27;break;case 24:e.prev=24,e.t0=e.catch(17),M.Z.error((0,ce.Z)(e.t0));case 27:case"end":return e.stop()}}),e,null,[[17,24]])})));return function(n,t){return e.apply(this,arguments)}}(),v=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(r){var o;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!r.required){e.next=3;break}return M.Z.error(d("blocklet.config.environment.deleteForbidden")),e.abrupt("return");case 3:if(Se(r,n,t)){e.next=6;break}return M.Z.error("Only key of custom env can be changed"),e.abrupt("return");case 6:return e.next=8,l.api.configBlocklet({input:{did:p,configs:[{key:r.key,custom:!0}]}});case 8:"ok"===(o=e.sent).code&&m(o.blocklet);case 10:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),g=(n.configs||[]).filter((function(e){return!ie.BLOCKLET_CONFIGURABLE_KEY[e.key]})),Z=(0,q.getSharedConfigObj)(t[0],n),y=(0,q.getComponentMissingConfigs)(n,t[0]),b=g.map((function(e){return(0,r.Z)((0,r.Z)({},e),{},{value:Object.values(ie.CHAIN_PROP_MAP).includes(e.key)&&Object.keys(Z).includes(e.key)?Z[e.key]:Z[e.key]||e.value})})),k=b.some((function(e){return e.key&&e.key.startsWith("BWA_")})),j={onRowAdd:h,onRowUpdate:x,onRowDelete:v,isDeletable:f};return(0,ne.jsxs)(Ne,{children:[!!y.length&&(0,ne.jsx)(Ce.Z,{severity:"error",style:{marginTop:24},children:d("blocklet.config.missingRequired")}),k&&(0,ne.jsx)(Ce.Z,{severity:"info",children:d("blocklet.config.environment.tip")}),(0,ne.jsx)(se.Z,{permission:c?"":"mutate_blocklets",role:c?ce.Wf:[],children:function(e){return(0,ne.jsx)(Te.Z,{className:"config-table",children:(0,ne.jsx)(ke.ZP,{title:(0,ne.jsx)("h4",{children:d("common.environment")}),columns:[{title:d("common.key"),field:"key",initialEditValue:"Key",width:"30%",render:function(e){return(0,ne.jsx)(Pe.Z,{value:e.value,style:{color:e.required&&!e.value?"#ff4436":"#222222",fontWeight:e.required?"bold":"normal"},children:e.key})},editComponent:function(e){var n=e.value,t=e.rowData,r=e.onChange;return(0,ne.jsx)(Ie,{children:(0,ne.jsx)(je.Z,{fullWidth:!0,size:"small",disabled:!1===f(t),value:n,onChange:function(e){return r(e.target.value)},variant:"outlined",label:"Key",placeholder:d("blocklet.config.environment.key"),margin:"dense",autoFocus:!0})})}},{title:d("common.value"),field:"value",initialEditValue:"Value",width:"calc((100% - (96px + 30%)) / 1)",render:function(e){return e.value?e.secure?"******":(0,ne.jsx)(Pe.Z,{unstyled:!0,value:e.value,style:{wordBreak:"break-all"},children:e.value}):null},editComponent:function(e){var n=e.value,t=e.rowData,r=e.onChange;return(0,ne.jsxs)(Ie,{children:[(0,ne.jsx)(je.Z,{fullWidth:!0,size:"small",value:"__encrypted__"===n?"":n,onChange:function(e){return r(e.target.value)},variant:"outlined",label:d("common.value"),placeholder:d("blocklet.config.environment.value"),margin:"dense",autoFocus:!0}),we(t,d)]})}}],icons:(0,r.Z)((0,r.Z)({},Re.Z),Ee.Z),options:{emptyRowsWhenPaging:!1,actionsColumnIndex:-1,tableLayout:"auto",maxBodyHeight:"100%",paging:!1,search:!1},localization:{header:{actions:d("common.actions")},body:{emptyDataSourceMessage:d("common.noData")}},data:b,editable:e?j:{}})})}})]})}_e.propTypes={blocklet:f().object.isRequired,ancestors:f().array},_e.defaultProps={ancestors:[]};var Ue,Ne=p.Z.div(he||(he=(0,c.Z)(["\n .config-table {\n margin-bottom: 24px;\n position: relative;\n .hide-control {\n position: absolute;\n top: 10px;\n left: 200px;\n @media (max-width: ","px) {\n left: 160px;\n }\n }\n\n .MuiToolbar-root {\n display: flex;\n }\n\n .MuiTableRow-head {\n display: none;\n }\n\n &.hide-header {\n .MuiToolbar-root {\n display: none;\n }\n }\n }\n\n .accordion {\n margin-bottom: 16px;\n &:last-of-type {\n margin-bottom: 0;\n }\n padding: 8px 0 8px 0px;\n &.MuiAccordion-root {\n background: transparent;\n box-shadow: none;\n border: 1px solid #ddd;\n border-radius: 4px;\n &::before,\n &::after {\n height: 0;\n }\n .MuiAccordionSummary-root {\n padding-left: 0;\n }\n .accordion-title {\n font-weight: bold;\n padding-left: 16px;\n }\n }\n }\n"])),(function(e){return e.theme.breakpoints.values.sm})),Ie=p.Z.div(xe||(xe=(0,c.Z)(["\n height: 60px;\n"]))),Le=t(45239),De=t.n(Le),Oe=t(28641),Be=["blocklet","ancestors","hasPermission"];function Fe(e){var n=e.blocklet,t=e.ancestors,a=e.hasPermission,c=(0,l.Z)(e,Be),p=(0,i.PE)().t,m=(0,le.h6)().api,f=!t.length,h=f?n.meta.did:t.map((function(e){return e.meta.did}))[0],v=(0,o.useState)(""),g=(0,d.Z)(v,2),Z=g[0],y=g[1],b=(0,o.useState)(""),k=(0,d.Z)(b,2),j=k[0],C=k[1],P=Z||!a;if(!h)return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var E=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){var r;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return y(!0),e.prev=1,r={rootDid:h,mountPoint:De()(t)},f||(r.did=n.meta.did),e.next=6,m.updateComponentMountPoint({input:r});case 6:return y(!1),e.abrupt("return",!0);case 10:throw e.prev=10,e.t0=e.catch(1),y(!1),e.t0.message=(0,ce.Z)(e.t0),M.Z.error(e.t0.message),e.t0;case 16:case"end":return e.stop()}}),e,null,[[1,10]])})));return function(n){return e.apply(this,arguments)}}();return(0,ne.jsx)(We,(0,r.Z)((0,r.Z)({component:"div"},c),{},{children:(0,ne.jsx)(x.Z,{mt:3,children:(0,ne.jsx)(Oe.Z,{label:p("blocklet.component.mountPoint"),style:{marginTop:-24},disabled:Z||P,loading:Z,required:!0,initialValue:n.mountPoint,onSubmit:E,onChange:function(e){C(p("common.slugifyHint",{value:(0,ce.LN)(e)}))},helperText:j,formatterBeforeSubmit:function(e){return De()(e)}})})}))}var Ae=(0,se.V)(Fe,"mutate_blocklets"),Ge=(0,se.V)(Fe,"",ce.Wf);function qe(e){return(0,le.h6)().inService?(0,ne.jsx)(Ge,(0,r.Z)({},e)):(0,ne.jsx)(Ae,(0,r.Z)({},e))}Fe.propTypes={blocklet:f().object.isRequired,ancestors:f().array,hasPermission:f().bool},Fe.defaultProps={ancestors:[],hasPermission:!1};var ze,We=p.Z.div(Ue||(Ue=(0,c.Z)([""])));function Me(e){var n=e.blocklet,t=e.ancestors,r=e.children,a=(0,o.useState)(""),l=(0,d.Z)(a,2),c=l[0],s=l[1],u=(0,i.PE)().t,p=!!t.length,m=(0,o.useState)("settings"),f=(0,d.Z)(m,2),h=f[0],v=f[1],g=p?(0,q.getDisplayName)(n,!0):u("blocklet.component.container");if((0,ce.wS)(n.status))return null;if("unknown"===n.status&&(0,ce.wS)(n.status))return null;var Z=function(e){e.stopPropagation(),s(!0)},y={settings:{label:u("blocklet.component.setting"),value:"settings",component:(0,ne.jsx)(qe,{blocklet:n,ancestors:t})},environments:{label:u("common.environment"),value:"environments",component:(0,ne.jsx)(_e,{blocklet:n,ancestors:t})}},k=Object.values(y).map((function(e){return{label:e.label,value:e.value}})),j=y[h]||y.settings;return["function"===typeof r?r({open:Z}):(0,ne.jsx)(b.Z,{onClick:Z,"data-cy":"action-config-component",children:(0,ne.jsx)(Ze.default,{})}),c&&(0,ne.jsx)(Ye,{open:!0,fullWidth:!0,maxWidth:"md",title:g,onClose:function(){s(!1)},PaperProps:{style:{minHeight:"auto"}},children:p?(0,ne.jsxs)(x.Z,{mt:1,children:[(0,ne.jsx)(be.Z,{tabs:k,current:h,onChange:function(e){v(e)},scrollButtons:"auto"}),j.component]}):(0,ne.jsx)(_e,{blocklet:n,ancestors:t})})]}Me.propTypes={blocklet:f().object.isRequired,ancestors:f().array,children:f().any},Me.defaultProps={ancestors:[],children:null};var Ke,Ye=(0,p.Z)(ye.ZP)(ze||(ze=(0,c.Z)(["\n .MuiDialogContent-root {\n padding-top: 0;\n margin-top: -32px;\n }\n .MuiToolbar-root {\n padding-right: 12px;\n }\n .ux-dialog_right {\n padding-right: 20px;\n }\n"]))),Ve=t(11750),He=t(65140),Xe=t(87916);function $e(e){var n=e.component,t=e.remove,a=e.disabled,l=e.tip,c=e.showConfirm,p=e.hideBtn,m=e.onCancel,f=(0,o.useContext)(i.RD).t,h=(0,o.useState)(!1),x=(0,d.Z)(h,2),v=x[0],g=x[1],Z=(0,o.useState)(null),y=(0,d.Z)(Z,2),b=y[0],k=y[1],j=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return g(!0),e.next=3,t(n.component,n.removeType);case 3:g(!1),k(null);case 5:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),C=a||v,P=function(){k({title:"".concat(f("common.delete")," ").concat(n.meta.title||n.meta.name),description:function(e,n){return(0,ne.jsxs)(Ve.Z,{component:"div",children:[(0,ne.jsx)(Ve.Z,{gutterBottom:!0,children:f("blocklet.action.removeComponentDescription")}),(0,ne.jsxs)(Xe.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)(I.Z,{value:"keepData",control:(0,ne.jsx)(He.Z,{}),label:f("blocklet.action.removeComponentKeepData")}),(0,ne.jsx)(I.Z,{value:"complete",control:(0,ne.jsx)(He.Z,{}),label:f("blocklet.action.removeComponentComplete")})]})]})},confirm:f("common.confirm"),cancel:f("common.cancel"),params:{component:n,removeType:"keepData"},onConfirm:j,onCancel:function(){k(null),m()}})};(0,o.useEffect)((function(){c?P():(g(!1),k(null))}),[c]);var E=(0,ne.jsx)(Qe,{size:"small",disabled:C,onClick:function(){return P},"data-cy":"delete-component-btn",children:(0,ne.jsx)(N.default,{disabled:C})}),T=(0,ne.jsx)(R.Z,{title:l||f("common.delete"),children:(0,ne.jsx)("span",{children:E})});return(0,ne.jsxs)(ne.Fragment,{children:[!p&&T,b&&(0,ne.jsx)(ae.Z,{title:b.title,description:b.description,confirm:b.confirm,cancel:b.cancel,params:b.params,onConfirm:b.onConfirm,onCancel:b.onCancel})]})}$e.propTypes={component:f().object.isRequired,remove:f().func,onCancel:f().func,disabled:f().bool,showConfirm:f().bool,hideBtn:f().bool,tip:f().string},$e.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 Je,Qe=(0,p.Z)(b.Z)(Ke||(Ke=(0,c.Z)(["\n &.Mui-disabled {\n opacity: 0.5;\n }\n"]))),en=t(22754),nn=t(98451);function tn(e){var n=e.component,t=e.onStart,r=e.onStop,a=e.disabled,l=e.tip,c=(0,o.useContext)(i.RD).t,p=(0,o.useState)(!1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=(0,o.useState)(),v=(0,d.Z)(x,2),g=v[0],Z=v[1],y=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return h(!0),e.prev=1,e.next=4,t(n);case 4:e.next=9;break;case 6:e.prev=6,e.t0=e.catch(1),M.Z.error(e.t0.message);case 9:h(!1);case 10:case"end":return e.stop()}}),e,null,[[1,6]])})));return function(){return e.apply(this,arguments)}}(),b=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return h(!0),e.prev=1,e.next=4,r(n);case 4:e.next=9;break;case 6:e.prev=6,e.t0=e.catch(1),M.Z.error(e.t0.message);case 9:h(!1);case 10:case"end":return e.stop()}}),e,null,[[1,6]])})));return function(){return e.apply(this,arguments)}}(),k=a||f,j=["starting","running","stopping"].includes(n.status),C=j?nn.Z:en.Z,P=(0,ne.jsx)(rn,{disabled:k,onClick:function(){var e;j?Z({title:"".concat(c("common.stop")," ").concat(null===n||void 0===n||null===(e=n.meta)||void 0===e?void 0:e.title),description:c("blocklet.action.stopComponentDescription"),confirm:c("blocklet.action.confirmStop"),cancel:c("common.cancel"),onConfirm:function(){return Z(null),b()},onCancel:function(){return Z(null)}}):y()},"data-cy":"".concat(j?"stop":"start","-component-btn"),children:(0,ne.jsx)(C,{disabled:k})});return[(0,ne.jsx)(R.Z,{title:l||c("common.".concat(j?"stop":"start")),children:(0,ne.jsx)("span",{children:P})},"btn"),g&&(0,ne.jsx)(ae.Z,{title:g.title,description:g.description,confirm:g.confirm,cancel:g.cancel,params:g.params,onConfirm:g.onConfirm,onCancel:g.onCancel},"connect")]}tn.propTypes={component:f().object.isRequired,onStart:f().func,onStop:f().func,disabled:f().bool,tip:f().string},tn.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 rn=(0,p.Z)(b.Z)(Je||(Je=(0,c.Z)(["\n &.Mui-disabled {\n opacity: 0.5;\n }\n"]))),on=t(74286),an=t(74490),ln=t(33271),cn=t(72904),sn=t(5952),un=t(85493),dn=t(30278),pn=t.n(dn),mn=t(79077),fn=t.n(mn),hn=t(75506),xn=t.n(hn),vn=t(3785),gn=t.n(vn),Zn=t(2660),yn=t(42876),bn=t(63902),kn=t(51703),jn=t(88574),Cn=t(35266),Pn=t(55309),En=t(29054),Tn=t(56666),Rn=t(24558),wn=t(13727),Sn=t(56184),_n=t(11819),Un=t(67486),Nn={description:f().string,editing:f().bool,onChange:f().func,required:f().bool,value:f().any,componentProps:f().object,render:f().func,renderFormItem:f().func};function In(e){var n=e.editing,t=e.value,r=e.onChange,i=(0,o.useState)(!1),a=(0,d.Z)(i,2),l=a[0],c=a[1],s=(0,o.useRef)(),u=(0,o.useRef)(t);(0,o.useEffect)((function(){var e=null;return n&&(e=setTimeout((function(){c(!0)}),50)),function(){clearTimeout(e)}}),[n]);var p=function(e){u.current=e,r(e)},m=(0,ne.jsx)(x.Z,{className:"form-item-input slot",px:1,children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[t,"auto"!==t&&(0,ne.jsx)("div",{style:{marginLeft:4,backgroundColor:t,width:"1em",height:"1em",borderRadius:"0.2em"}})]})}),f=(0,ne.jsxs)(x.Z,{display:"flex",flexGrow:1,alignItems:"center",height:"40px",onKeyDown:function(){c(!1),r(u.current)},children:[(0,ne.jsx)(x.Z,{display:"flex",alignItems:"center",onClick:function(){return c(!0)},children:(0,ne.jsx)("div",{ref:s,style:{flexShrink:0,marginLeft:"8px",backgroundColor:t,width:"32px",height:"32px",boxSizing:"border-box",borderRadius:"8px",border:"1px solid #eee",cursor:"auto"===t?"default":"pointer"}})}),(0,ne.jsx)(_n.ZP,{open:l,anchorEl:s.current,onClose:function(){return c(!1)},anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},children:(0,ne.jsx)(Un.AI,{color:t,onChange:function(e){return p(e.hex)}})})]});return n?f:m}In.propTypes=Nn;var Ln=["editing","description","value","onChange","componentProps"];function Dn(e){var n=e.editing,t=e.description,i=e.value,a=e.onChange,c=e.componentProps,s=(0,l.Z)(e,Ln),u=c.placeholder,d=(0,o.useRef)(i),p=function(e){d.current=e,a(e)};return n?(0,ne.jsx)(je.Z,(0,r.Z)({style:{flex:1},fullWidth:!0,value:i,onChange:function(e){e.persist(),p(e.target.value)},autoFocus:!0,size:"small",variant:"outlined",placeholder:t||u,onKeyDown:function(e){"Enter"===e.key&&a(d.current,"confirm")}},s)):(0,ne.jsx)(x.Z,{px:1,className:"form-item-input slot",children:i})}Dn.propTypes=Nn,Dn.defaultProps={componentProps:{}};var On=t(49777),Bn=t.n(On),Fn=t(76818),An=["editing","value","onChange","componentProps"];function Gn(e){var n=e.editing,t=e.value,o=e.onChange,i=e.componentProps,a=(0,l.Z)(e,An),c=i.blocklet,s="auto"===t?(0,Fn.getPassportColorFromDid)(c.appDid):t;return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)("div",{style:{width:96,marginRight:12},dangerouslySetInnerHTML:{__html:Bn()({title:"Owner",issuer:(0,q.getDisplayName)(c),issuerDid:c.appDid,ownerName:"Your Name",ownerDid:c.appDid,preferredColor:t||"auto"})}}),(0,ne.jsx)(In,(0,r.Z)((0,r.Z)({},a),{},{editing:n,value:n?s:t,onChange:o,componentProps:i}))]})}Gn.propTypes=(0,r.Z)((0,r.Z)({},Nn),{},{componentProps:f().shape({blocklet:f().object.isRequired}).isRequired}),Gn.defaultProps={};var qn,zn=t(35406),Wn=t(11875),Mn=t(59375);function Kn(e){var n=e.schema,t=e.loading,i=e.value,a=e.defaultValue,l=e.onChange,c=e.style,s=e.disabled,u="[object Object]"===Object.prototype.toString.call(i),p=(0,o.useState)(null),m=(0,d.Z)(p,2),f=m[0],h=m[1],v=(0,o.useState)(u?i:a),g=(0,d.Z)(v,2),Z=g[0],y=g[1],k=(0,o.useRef)();function j(e,n,t){var o=e.key,i=e.secure,a=Z[o]!==n,c=(0,r.Z)((0,r.Z)({},Z),{},(0,Tn.Z)({},o,n));a&&y(c),l((0,Tn.Z)({},o,n),{allValues:c,action:t,currentItem:e}),"confirm"===t&&i&&y((0,r.Z)((0,r.Z)({},Z),{},(0,Tn.Z)({},o,"__encrypted__"))),["confirm","cancel"].includes(t)?C(null):C(e)}function C(e){if(e)return k.current=Z[e.key],void h(e);k.current=null,h(null)}return(0,ne.jsx)(Yn,{className:"form",style:c,children:null===n||void 0===n?void 0:n.map((function(e){var n=e.key,o=e.description,a=e.required,l=e.solo,c=void 0!==l&&l,d=e.hidden,p=void 0!==d&&d,m=e.componentProps,h=void 0===m?{}:m;if(p)return null;var v=!(!f||n!==f.key),g=function(e,n){var t=n.editing,r=void 0!==t&&t,o=e.key,a=u?i[o]:Z[o];return"__encrypted__"===a?r?"":"******":a}(e,{editing:v}),y=function(e,n){var t=n.editing,o=void 0!==t&&t,i=e.componentType,a=void 0===i?"input":i,l=e.render,c=e.renderFormItem;return o&&c?c:!o&&l?l:{input:Dn,color:In,passport:Gn,uploader:function(e){return(0,ne.jsx)(Mn.Z,(0,r.Z)({},e.componentProps))}}[null===a||void 0===a?void 0:a.toLowerCase()]}(e,{editing:v}),C={inputProps:{"data-cy":"schema-form-item-component"},key:n,description:o,editing:v,value:g,onChange:function(n){return j(e,n,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"change")},componentProps:h};return(0,ne.jsxs)(x.Z,{className:"form-item",children:[!c&&(0,ne.jsxs)(x.Z,{className:"form-item-label",style:{color:a&&!g?"#ff0000":"#333"},children:[o,a&&(0,ne.jsx)(zn.Z,{})]}),(0,ne.jsxs)(x.Z,{className:"form-item-body",children:[(0,ne.jsx)(x.Z,{className:"form-item-input",sx:{textAlign:c?"center":"left"},children:(0,ne.jsx)(y,(0,r.Z)({},C))}),!c&&(0,ne.jsx)(x.Z,{className:"form-item-action",children:v?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(b.Z,{"data-cy":"schema-form-item-confirm",onClick:function(){j(e,g,"confirm")},disabled:s||t,size:"large",children:t?(0,ne.jsx)(B.Z,{size:24}):(0,ne.jsx)(Sn.Z,{})}),(0,ne.jsx)(b.Z,{"data-cy":"schema-form-item-cancel",onClick:function(){j(e,k.current,"cancel")},disabled:s||t,size:"large",children:(0,ne.jsx)(wn.default,{})})]}):(0,ne.jsx)(b.Z,{"data-cy":"schema-form-item-edit",onClick:function(){j(e,Z[n],"edit")},disabled:s||f,size:"large",children:(0,ne.jsx)(Rn.Z,{})})})]})]},n)}))})}Kn.propTypes={schema:f().array.isRequired,loading:f().bool,onChange:f().func.isRequired,value:f().object,defaultValue:f().object,style:f().object,disabled:f().bool},Kn.defaultProps={loading:!1,value:void 0,defaultValue:{},style:{},disabled:!1};var Yn=(0,p.Z)(Wn.Z)(qn||(qn=(0,c.Z)([""]))),Vn=t(49983),Hn=t(28018),Xn=t.n(Hn),$n=t(60344),Jn=t(73170),Qn=["mode"];function et(e){var n=e.meta,t=e.onCancel,a=e.mode,l=e.handlePaySuccess,c=(0,i.PE)(),p=c.t,m=c.locale,f=(0,le.h6)().info,h=(0,ce.yP)(f),x=(0,o.useState)(null),v=(0,d.Z)(x,2),g=v[0],Z=v[1],y=new URL(null===n||void 0===n?void 0:n.registryUrl).origin,b=(0,q.getDisplayName)({meta:n}),k=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n,r){var o,i,c,d,m;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(c=function(e){return Xn()((function(){return $n.hi.get(e).then(function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var t,r;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=n.data,r=null===t||void 0===t?void 0:t.downloadTokenList,"succeed"!==t.status){e.next=12;break}if(!r||!r.length){e.next=8;break}return e.next=6,o({downloadTokenList:r});case 6:e.next=11;break;case 8:return e.next=10,i(p("blocklet.component.missDownloadTokenTip"));case 10:case 11:case 16:return e.abrupt("return",!0);case 12:if("error"!==t.status){e.next=17;break}return console.error("vc error: ",t),e.next=16,i(null===t||void 0===t?void 0:t.error);case 17:return e.abrupt("return",!1);case 18:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}())}),{interval:1e3})},o=function(e){var n=e.downloadTokenList;l({downloadTokenList:n})},i=function(e){M.Z.error(e),t(e)},"purchase"!==a||!g){e.next=9;break}return d=(0,ce.Pi)(g),m=d.statusUrl,e.next=7,c(m);case 7:e.next=11;break;case 9:return e.next=11,o({downloadTokenList:n.downloadTokenList&&r(n.downloadTokenList)});case 11:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}();if((0,o.useEffect)((function(){if("purchase"===a){var e=new URL(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{$n.hi.get(e.href).then((function(e){var n=e.data,t="".concat(n.url);Z(t)}))}catch(t){console.error("get next workflow url error: ",t)}}return function(){Z(null)}}),[a]),"purchase"===a&&!g)return"";var j={verify:{action:"verify-purchase-blocklet",checkFn:$n.od.create({baseURL:y}).get,extraParams:{serverDid:f.did,blockletDid:null===n||void 0===n?void 0:n.did},messages:{title:p("store.purchase.verify.auth.title",{name:b}),scan:p("store.purchase.verify.auth.scan"),confirm:p("store.purchase.verify.auth.confirm"),success:p("store.purchase.verify.auth.success")}},purchase:{action:"acquire-asset",checkFn:$n.od.create({baseURL:X()(y,"/store")}).get,extraParams:{factory:n.nftFactory,nw:g},messages:{title:p("store.purchase.auth.title",{name:b}),scan:p("store.purchase.auth.scan"),confirm:p("store.purchase.auth.confirm"),success:(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("p",{children:p("store.purchase.auth.success")}),(0,ne.jsx)("p",{children:p("blocklet.component.purchaseComponentSecondCheckTip")})]})}}};return(0,ne.jsx)(Vn.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[a]))}et.propTypes=(0,r.Z)((0,r.Z)({},Jn.$7),{},{handlePaySuccess:f().func,mode:f().oneOf(["verify","purchase"]).isRequired}),et.defaultProps={handlePaySuccess:function(){}};var nt=(0,o.forwardRef)((function(e,n){var t=e.mode,i=(0,l.Z)(e,Qn),a=(0,o.useState)("both"!==t?t:"verify"),c=(0,d.Z)(a,2),s=c[0],u=c[1],p=(0,o.useState)("both"!==t?2:1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=function(){s&&2!==f&&h(2)};return(0,o.useImperativeHandle)(n,(function(){return{onNext:x,getCurrentStep:function(){return f}}})),1===f?(0,ne.jsx)("div",{style:{maxWidth:520},children:(0,ne.jsx)(Jn.AP,{action:s,onNext:null,onSelect:function(e){e!==s&&u(e)}})}):(0,ne.jsx)(et,(0,r.Z)((0,r.Z)({},i),{},{mode:s}))}));nt.propTypes={mode:f().oneOf(["both","verify","purchase"]).isRequired,ref:f().any},nt.defaultProps={ref:{}};var tt,rt=nt,ot=t(51233),it=t(31440),at=t(61813),lt=t(49390),ct=t(67654),st=t(22714),ut=t(45170);function dt(e){var n=e.onChange,t=e.loading,l=e.children,c=e.extra,s=e.stores,u=e.storageKey,p=(0,i.PE)().t,m=(0,le.h6)(),f=m.info,h=m.inService,x=(0,En.y0)().blocklet,v=(0,o.useState)(!1),g=(0,d.Z)(v,2),Z=g[0],y=g[1],b=(0,o.useRef)(null),k=(0,o.useState)(),j=(0,d.Z)(k,2),C=j[0],P=j[1],E=(0,ct.Z)(u||"tmp"),T=(0,d.Z)(E,2),R=T[0],w=T[1],S=u?[R,w]:[C,P],_=(0,d.Z)(S,2),U=_[0],N=_[1],I=(0,ce.dX)({fromBlocklet:h,blocklet:x,nodeInfo:f}),L=I.storeList,D=I.teamDid,B=pn()([].concat((0,a.Z)(s.map((function(e){return(0,r.Z)((0,r.Z)({},e),{},{protected:!0})}))),(0,a.Z)(L)),"url"),F=U&&B.find((function(e){return U===e.url}))||B[0],G=f.mode===O.NODE_MODES.SERVERLESS;return(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsxs)(mt,{children:[(0,ne.jsx)(A.Z,{ref:b,color:"secondary","data-cy":"add-component-select-store",endIcon:(0,ne.jsx)(lt.Z,{color:"secondary"}),onClick:function(){y(!0)},style:{padding:"0 2px"},children:(0,ne.jsx)(Ve.Z,{color:"secondary",children:F.name})}),(0,ne.jsx)(Ve.Z,{color:"secondary",children:c})]}),(0,ne.jsxs)(je.Z,{id:"mui-registry-select",select:!0,autoComplete:"off",variant:"outlined",name:"did",helperText:p("blocklet.component.selectRegistryTip"),"data-cy":"component-registry-select",fullWidth:!0,value:F,autoFocus:!0,onChange:function(e){var t=e.target.value;N(t.url),n(t)},SelectProps:{open:Z,MenuProps:{anchorEl:b.current},renderValue:function(e){return null===e||void 0===e?void 0:e.name},onClose:function(){y(!1)}},style:{display:"none"},margin:"normal",children:[null===B||void 0===B?void 0:B.map((function(e){return(0,ne.jsx)(an.Z,{value:e,"data-cy":e.url,children:(0,ne.jsx)(ut.Z,{teamDid:D,store:e,onDelete:function(){var n;U===e.url&&N(null===(n=B[0])||void 0===n?void 0:n.url)}})},e.url)})),!G&&(0,ne.jsx)(st.Z,{disabled:t,storeList:B,teamDid:D,onAdd:function(e){N(e)}})]}),l({currentRegistry:F})]})}dt.propTypes={onChange:f().func,loading:f().bool,children:f().any.isRequired,extra:f().node,storageKey:f().string,stores:f().arrayOf(f().shape({name:f().string.isRequired,url:f().string.isRequired}))},dt.defaultProps={onChange:function(){},loading:!1,extra:"",stores:[],storageKey:""};var pt,mt=p.Z.div(tt||(tt=(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})),ft=t(71569),ht=t(52439),xt=t(77121),vt=t(44727),gt=["handleButtonClick","handleSearchSelect","storeUrl","handleBlockletRender","extraFilter","serverVersion","resourceType"],Zt=function(e,n){return X()(n,"/blocklets/".concat(e.did))},yt=function(e){var n=e.blocklet,t=e.attribute,r=e.value;return n._formatted?n._formatted[t]:r},bt=function(e){return e.inStore&&!1===(0,q.isFreeBlocklet)(e)};function kt(e){var n=e.blocklet,t=e.blocklets,r=e.handleButtonClick,a=e.endpoint,l=(0,i.PE)().t,c=X()(a,(0,ce.lk)(n.did,n.logo||"")),p=(0,o.useState)(!1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=bt(n)?l("common.purchase"):l("blocklet.component.choose"),v=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(o){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return o.preventDefault(),o.stopPropagation(),e.prev=2,h(!0),e.next=6,r({meta:n,registryUrl:a,blocklets:t});case 6:e.next=11;break;case 8:e.prev=8,e.t0=e.catch(2),M.Z.error(e.t0.message);case 11:return e.prev=11,h(!1),e.finish(11);case 14:case"end":return e.stop()}}),e,null,[[2,8,11,14]])})));return function(n){return e.apply(this,arguments)}}();return(0,ne.jsx)(ee.Z,{href:Zt(n,a),style:{color:"initial",textDecoration:"none"},onClick:function(e){return!!e.currentTarget.contains(e.target)||(e.preventDefault(),!1)},target:"_blank",children:(0,ne.jsx)(Pt,{title:yt({blocklet:n,attribute:"title",value:n.title||n.name}),did:n.did,description:yt({blocklet:n,attribute:"description",value:n.description}),cover:n.logo?c:"",version:n.version,button:(0,ne.jsx)("div",{style:{display:"flex",alignItems:"center"},children:(0,ne.jsx)(vt.Kk,{children:(0,ne.jsx)(A.Z,{onClick:v,size:"small",disabled:f,variant:"outlined",color:"primary","data-cy":"install-blocklet",children:f?(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(B.Z,{size:16,style:{marginRight:3}}),x]}):x},n.did)})})})})}function jt(e){var n=e.handleButtonClick,t=e.handleSearchSelect,a=e.storeUrl,c=e.handleBlockletRender,s=e.extraFilter,u=e.serverVersion,p=e.resourceType,m=(0,l.Z)(e,gt),f=(0,i.PE)().locale,h=(0,o.useState)(!1),x=(0,d.Z)(h,2),v=x[0],g=x[1],Z=(0,o.useState)({}),y=(0,d.Z)(Z,2),b=y[0],k=y[1],j=a;return(0,o.useEffect)((function(){k({resourceType:p})}),[j,p]),(0,o.useEffect)((function(){g(!0),k({resourceType:p})}),[]),(0,ne.jsx)(ht.ErrorBoundary,{FallbackComponent:ft.H,resetKeys:[j],children:(0,ne.jsx)("div",(0,r.Z)((0,r.Z)({},m),{},{children:v&&(0,ne.jsx)(xt.Z,{blockletRender:function(e){var t=(0,r.Z)((0,r.Z)({},e),{},{handleButtonClick:n,endpoint:j});return c((0,r.Z)((0,r.Z)({},e),{},{defaultRender:(0,ne.jsx)(kt,(0,r.Z)({},t))}))},baseSearch:!0,endpoint:j,locale:f,onFilterChange:function(e){k(e)},onSearchSelect:t,filters:b,extraFilter:s,serverVersion:u,fetchCategoryDelay:500})}))})}kt.propTypes={blocklet:f().object.isRequired,blocklets:f().array,handleButtonClick:f().func,endpoint:f().string},kt.defaultProps={handleButtonClick:null,endpoint:"",blocklets:[]},jt.propTypes={storeUrl:f().string.isRequired,handleButtonClick:f().func,handleSearchSelect:f().func,handleBlockletRender:f().func,extraFilter:f().func,serverVersion:f().string,resourceType:f().string},jt.defaultProps={handleButtonClick:null,handleSearchSelect:null,handleBlockletRender:null,extraFilter:void 0,serverVersion:"",resourceType:""};var Ct,Pt=(0,p.Z)(vt.ZP)(pt||(pt=(0,c.Z)(["\n .ms-highlight {\n color: ",";\n }\n"])),(function(e){return e.theme.palette.primary.main})),Et=t(10458),Tt=t.n(Et),Rt=t(65873),wt=t(82434),St=t.n(wt),_t=t(2478),Ut=t(42761),Nt=t(62681),It=t(44067),Lt=t(3182),Dt=t(75953),Ot=t(73545),Bt=["onSelect","endpoint","gatewayUrl","loading","size","helperText"],Ft=[{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"}],At=(0,Lt.D)();function Gt(e){var n=e.onSelect,t=e.endpoint,c=e.gatewayUrl,s=e.loading,u=e.size,p=e.helperText,m=(0,l.Z)(e,Bt),f=(0,ct.Z)("did-space-gateway-list",Ft),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,o.useState)(c||Ft[0].value),Z=(0,d.Z)(g,2),y=Z[0],b=Z[1],k=(0,i.PE)().t,j=(0,Ot.T)().api;return(0,o.useEffect)((function(){y&&!x.find((function(e){return e.value===y}))&&j.get(X()(y,"/__blocklet__.js?type=json")).then((function(e){v([].concat((0,a.Z)(x),[{value:y,label:e.data.appName}]))})).catch((function(e){console.error(e),M.Z.error("Can not add this gateway, please check the url and try again")}))}),[y]),(0,ne.jsx)(qt,(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)(_t.ZP,(0,r.Z)((0,r.Z)({},e),{},{children:[(0,ne.jsx)(Ut.Z,{children:(0,ne.jsx)(Nt.Z,{children:n.avatar})}),(0,ne.jsx)(It.Z,{primary:n.label,secondary:n.value})]}),n.value)},filterOptions:function(e,n){var t=At(e,n);n.inputValue&&St()(n.inputValue)&&(e.some((function(e){return n.inputValue===e.value}))||t.push({value:n.inputValue,label:"Add new gateway"}));return t},renderInput:function(e){return(0,ne.jsx)(je.Z,(0,r.Z)((0,r.Z)({},e),{},{helperText:p,label:k("storage.spaces.label"),size:u,InputProps:(0,r.Z)((0,r.Z)({},e.InputProps),{},{type:"search",endAdornment:(0,ne.jsx)(A.Z,{variant:"contained",onClick:function(){return n(y)},size:"small",loading:s,disable:s,sx:{position:"absolute",right:0,display:"flex",justifyContent:"center",alignItems:"center",width:"100px",height:"100%"},children:k(t?"storage.spaces.reconnect":"storage.spaces.connect.now")})})}))}}))}var qt=(0,p.Z)(Dt.Z)(Ct||(Ct=(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")}));Gt.propTypes={onSelect:f().func.isRequired,endpoint:f().string,loading:f().bool,size:f().string,helperText:f().string,gatewayUrl:f().string},Gt.defaultProps={endpoint:void 0,loading:!1,size:"small",helperText:"",gatewayUrl:""};var zt=Gt,Wt=["onConnect"];var Mt=(0,o.forwardRef)((function(e,n){var t=e.onConnect,a=(0,l.Z)(e,Wt),c=(0,le.h6)(),p=c.api,m=c.info.did,f=(0,o.useContext)(i.RD),h=f.t,x=f.locale,v=(0,En.y0)(),g=v.blocklet,Z=v.actions.refreshBlocklet,y=(0,o.useState)(""),b=(0,d.Z)(y,2),k=b[0],j=b[1],C=(0,o.useMemo)((function(){var e,n,t,r;return{endpoint:(null===g||void 0===g||null===(e=g.environments)||void 0===e||null===(n=e.find((function(e){return e.key===ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT})))||void 0===n?void 0:n.value)||"",gatewayUrl:(null===g||void 0===g||null===(t=g.environments)||void 0===t||null===(r=t.find((function(e){return e.key===ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACES_URL})))||void 0===r?void 0:r.value)||""}}),[g]),P=(0,q.getAppName)(g),E=(0,q.getAppDescription)(g),T=function(e){var n,t,r,o=null===e||void 0===e||null===(n=e.site)||void 0===n||null===(t=n.domainAliases)||void 0===t||null===(r=t.sort((function(e,n){return e.accessibility.accessible&&n.accessibility.accessible?+e.isProtected-+n.isProtected:+n.accessibility.accessible-+e.accessibility.accessible})))||void 0===r?void 0:r.map((function(e){var n,t=null!==e&&void 0!==e&&null!==(n=e.domainStatus)&&void 0!==n&&n.isHttps?"https://":"http://",r=null===e||void 0===e?void 0:e.value;return"".concat(t).concat(r)})).filter(Boolean),i=null===o||void 0===o?void 0:o[0];return{appUrl:i,isReady:Boolean(i)}}(g),R=T.appUrl,w=T.isReady;function S(e,n){return _.apply(this,arguments)}function _(){return(_=(0,u.Z)((0,s.Z)().mark((function e(n,t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,p.configBlocklet({input:{did:[n],configs:[{key:ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACES_URL,value:k},{key:ie.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_SPACE_ENDPOINT,value:t}]}}).then((function(){M.Z.success(h("storage.spaces.connect.succeeded",x))})).catch((function(e){console.error(e),M.Z.error(e.message)}));case 2:case"end":return e.stop()}}),e)})))).apply(this,arguments)}var U=(0,o.useState)({open:!1}),N=(0,d.Z)(U,2),I=N[0],L=N[1],D=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n,o){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,S(g.meta.did,o(n.endpoint));case 2:setTimeout((function(){L((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)}}();return(0,o.useEffect)((function(){L((function(e){return(0,r.Z)((0,r.Z)({},e),{},{messages:{title:h("storage.spaces.authorize.title",{appName:P}),scan:h("storage.spaces.authorize.scan",{appName:P}),confirm:"",success:(0,ne.jsx)(Ve.Z,{gutterBottom:!0,children:h("storage.spaces.authorize.success")})}})}))}),[P,x,h]),(0,o.useImperativeHandle)(n,(function(){return{getEndpoint:function(){return C.endpoint},getGatewayUrl:function(){return C.gatewayUrl}}})),(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(zt,(0,r.Z)((0,r.Z)((0,r.Z)({},a),C),{},{onSelect:function(e){(0,Rt.isEmpty)(e)?M.Z.error(h("storage.spaces.addressCannotEmpty",x)):(j(e),L((function(n){return(0,r.Z)((0,r.Z)({},n),{},{action:"one-click-authorization",checkTimeout:3e5,prefix:X()(e,"space/api/did"),baseUrl:new URL(e).origin,checkFn:Tt().create({baseURL:X()(e,"space")}).get,extraParams:{appDid:g.appDid,appName:P,appDescription:E,scopes:"list:object read:object write:object",appUrl:R,referrer:window.location.href,nodeDid:m},onClose:function(){L((function(e){return(0,r.Z)((0,r.Z)({},e),{},{open:!1})}))},open:!0})})))},loading:!w})),(0,ne.jsx)(Vn.Z,{forceConnected:!1,saveConnect:!1,prefix:I.prefix,open:I.open,popup:!0,action:I.action,baseUrl:I.baseUrl,checkFn:I.checkFn,onSuccess:D,onClose:I.onClose,checkTimeout:I.checkTimeout,extraParams:I.extraParams,messages:I.messages,locale:x})]})}));Mt.propTypes={onConnect:f().func},Mt.defaultProps={onConnect:function(){}};var Kt,Yt,Vt,Ht,Xt,$t,Jt,Qt=Mt,er=["name","validation"],nr=["default","key"],tr=function(e){return e.inStore&&!1===(0,q.isFreeBlocklet)(e)},rr=function(e){var n;return null===e||void 0===e||null===(n=e.capabilities)||void 0===n?void 0:n.didSpace},or=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},ir=function(e){return(e.environments||[]).some((function(e){return e.required}))},ar=function(e,n){return null===e||void 0===e?void 0:e.some((function(e){return e.required&&!n[e.key]}))},lr=function(e){var n=e.params,t=e.blocklet,r=e.t,o=n.title||n.name;return o?r(((null===t||void 0===t?void 0:t.children)||[]).find((function(e){return e.meta.bundleDid===n.bundleDid}))?"blocklet.component.upgradeNext":"blocklet.component.addNext",{name:o}):r("common.next")},cr=(0,o.forwardRef)((function(e,n){var t=e.meta,a=e.isMobile,l=e.onStepChange,c=(0,kn.s)(),s=c.steps,u=c.activeStep,d=c.setActiveStepByKey,p=c.setActiveStepByIndex,m=(0,i.PE)(),f=m.t,h=m.locale,x=s[u];return(0,o.useEffect)((function(){l(u)}),[l,u]),(0,o.useImperativeHandle)(n,(function(){return{setActiveStepByKey:d,setActiveStepByIndex:p}})),(0,ne.jsx)(xr,{component:"div",className:a?"mobileStyle":"",sx:{height:"100%"},children:(0,ne.jsx)(bn.Z,{locale:h,blockletMeta:(0,r.Z)({title:" "},t),pcWidth:"100%",pcHeight:"100%",logoUrl:t&&t.logo&&t.registryUrl?(0,ce.aZ)({did:t.did,baseUrl:t.registryUrl,logoPath:t.logo}):null,stepTip:f("blocklet.component.add"),children:(0,ne.jsx)(fr,{children:null!==x&&void 0!==x&&x.body&&"function"===typeof x.body?x.body():x.body})})})}));cr.propTypes={meta:f().any,onStepChange:f().func.isRequired,isMobile:f().bool.isRequired},cr.defaultProps={meta:null};var sr=function(e){window.parent.postMessage({event:"component.installed",componentDid:e},"*")};function ur(e){var n,t,c,p,m,f,h,v=e.onClose,g=e.mode,Z=e.stores,y=e.resourceType,b=e.storageKey,k=(0,i.PE)(),j=k.t,C=k.locale,P=(0,o.useState)(!1),E=(0,d.Z)(P,2),T=E[0],R=E[1],w=(0,o.useState)(null),S=(0,d.Z)(w,2),_=S[0],U=S[1],N=(0,o.useState)(""),I=(0,d.Z)(N,2),L=I[0],D=I[1],F=(0,o.useState)(""),G=(0,d.Z)(F,2),z=G[0],W=G[1],K=(0,le.h6)(),Y=K.api,V=K.ws.useSubscription,H=K.inService,X=K.info,$=(0,En.y0)(),J=$.blocklet,Q=$.actions.refreshBlocklet,ee=(0,o.useState)(null),te=(0,d.Z)(ee,2),re=te[0],oe=te[1],ae=(0,o.useState)(!1),se=(0,d.Z)(ae,2),ue=se[0],de=se[1],pe={bundleDid:"",componentDid:"",componentName:"",pathPrefix:"",name:"",title:"",configsList:[],configsValue:{},hasMissRequiredConfigs:!1,hasEnvironmentsStep:!1,hasRequiredEnvironments:!1,requirePurchase:!1,didSpaceCapability:null,installResultProps:{},purchaseResultProps:{},showFromUrlDialog:!1},me=(0,o.useState)(pe),fe=(0,d.Z)(me,2),he=fe[0],xe=fe[1],ve=(0,o.useState)(0),ge=(0,d.Z)(ve,2),Ze=ge[0],ye=ge[1],be=(0,o.useRef)({}),ke=(0,o.useRef)({}),Ce=(0,o.useRef)({}),Pe=(0,cn.Z)((function(e){return e.breakpoints.down("md")})),Ee=(0,un.useParams)(),Te=be.current.meta,Re=(ke.current||{}).setActiveStepByIndex,we=X.mode===O.NODE_MODES.SERVERLESS,Se=function(e){return xe((function(n){return(0,r.Z)((0,r.Z)({},n),e)}))};(0,o.useEffect)((function(){if(he.pathPrefix){var e=Oe((0,r.Z)((0,r.Z)({},he),{},{pathPrefix:he.pathPrefix,locale:C})).errMsg;D(e)}}),[he.pathPrefix]),(0,o.useEffect)((function(){0===Ze&&xe(pe)}),[Ze]);var _e=function(){var e;return null!==be&&void 0!==be&&null!==(e=be.current)&&void 0!==e&&e.meta?(0,q.getDisplayName)(be.current):""},Ue=function(e){!function n(t){Se({installResultProps:{variant:"error",title:_e(),subTitle:e,footer:(0,ne.jsx)(A.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,Le(be.current.installInput);case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[t&&(0,ne.jsx)(B.Z,{size:16,style:{marginRight:8}}),j("common.retry")]})})}})}()},Ne=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===J||void 0===J||null===(r=J.meta)||void 0===r?void 0:r.did)&&e(n)}};V(ie.BlockletEvents.statusChange,Ne((function(e){if(e.status===ie.BlockletStatus.upgrading)Se({installResultProps:{variant:"success",title:_e(),subTitle:j("blocklet.component.installSuccessTip")}}),sr(Ee.componentDid)})),[null===J||void 0===J||null===(n=J.meta)||void 0===n?void 0:n.did]),V(ie.BlockletEvents.downloadFailed,Ne((function(){Ue(j("blocklet.component.installComponentError"))})),[null===J||void 0===J||null===(t=J.meta)||void 0===t?void 0:t.did]),V(ie.BlockletEvents.installFailed,Ne((function(){Ue(j("blocklet.component.installComponentError"))})),[null===J||void 0===J||null===(c=J.meta)||void 0===c?void 0:c.did]);var Ie=function(){R(!1),xe({}),be.current={},v()},Le=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var t,o,i,a,l,c,u,d,p,m,f,h,x,v,g,Z,y,b,k,j,C,P,E,T,w;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=he.pathPrefix,a=he.bundleDid,l=he.title,c=he.componentName,u=void 0===c?"":c,d=he.componentDid,p=void 0===d?"":d,m=(null===(t=be.current)||void 0===t?void 0:t.meta)||{},f=m.configs,h=void 0===f?[]:f,x=m.registryUrl,v=m.inStore,g=m.inputUrl,Z=null===(o=be.current)||void 0===o?void 0:o.downloadTokenList,y=v?(0,ce.Rn)(x,a):g,R(!0),b=(0,r.Z)((0,r.Z)((0,r.Z)({rootDid:J.meta.did,url:y,mountPoint:De()(i),title:l,name:u,did:p},he.hasEnvironmentsStep&&h.length>0?{configs:h.map((function(e){return(0,r.Z)((0,r.Z)({},e),{},{value:he.configsValue[e.key]||""})}))}:{}),Z?{downloadTokenList:Z}:{}),n),e.prev=6,e.next=9,Y.installComponent({input:b});case 9:if(!x){e.next=15;break}if(k=(0,ce.dX)({fromBlocklet:H,nodeInfo:X,blocklet:J}),j=k.teamDid,C=k.storeList,P=(0,ce.bQ)(x,C),E=P.isNew,T=P.decoded,!E){e.next=15;break}return e.next=15,Y.addBlockletStore({input:{teamDid:j,url:T}});case 15:Se({installResultProps:{}}),Q({showError:!1,attachRuntimeInfo:!1}),e.next=25;break;case 19:e.prev=19,e.t0=e.catch(6),w=(0,ce.Z)(e.t0),M.Z.error(w),console.error("installComponent error: ",e.t0),Ue(w);case 25:return e.prev=25,R(!1),be.current.installInput=b,e.finish(25);case 29:case"end":return e.stop()}}),e,null,[[6,19,25,29]])})));return function(n){return e.apply(this,arguments)}}(),Oe=function(e){return{errMsg:(0,ot.Rw)({params:(0,r.Z)((0,r.Z)({},e),{},{did:e.bundleDid}),blocklets:[J],blocklet:J,locale:C})}},Be=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=Oe((0,r.Z)((0,r.Z)({},he),{},{locale:C})),o=t.errMsg,D(o),Ze!==Ge.length-2){e.next=5;break}return e.next=5,Le(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)}}(),Fe=function(){Re((function(e){return e-1}))},Ae=function(e){var n,t,o=e.chooseParams,i=void 0===o?be.current:o,c=e.componentDid,s=e.isInit,u=void 0!==s&&s,d=i.meta,p=i.registryUrl,m=i.inStore,f=i.inputUrl,h=d.did,x=d.title,v=d.name,g=((null===(n=J.settings)||void 0===n?void 0:n.children)||[]).filter((function(e){return"deleted"===e.status&&e.meta.bundleDid===h})),Z=c||"",y=null===(t=d.environments)||void 0===t?void 0:t.map((function(e){var n=e.name,t=e.validation,o=(0,l.Z)(e,er),i={validation:gn()(t)?"":t};return(0,r.Z)((0,r.Z)({},o),{},{key:n},i)}));be.current=(0,r.Z)((0,r.Z)({},i),{},{meta:(0,r.Z)((0,r.Z)({},d),{},{configs:y,registryUrl:p,inStore:m,inputUrl:f})});var b={};if(u){var k=[J],j=y||[],C=pn()(fn()([].concat((0,a.Z)(j),[])),"key").filter((function(e){return!!e.key})).sort((function(e,n){return e.required&&!n.required?-1:n.required&&!e.required?1:0})),P=(0,q.getSharedConfigObj)(k[0],{configs:C}),E={},T=C.map((function(e){var n=e.default,t=e.key,o=(0,l.Z)(e,nr);return E[t]=P[t]||n,(0,r.Z)((0,r.Z)({},o),{},{key:t,hidden:!!ie.BLOCKLET_CONFIGURABLE_KEY[t]})}));b=(0,r.Z)((0,r.Z)({},b),{},{configsList:T,configsValue:E,hasMissRequiredConfigs:ar(T,E)})}var R,w,S=J.children.some((function(e){return"/"===e.mountPoint})),_=g.find((function(e){return e.meta.bundleDid===h}));_?b=(0,r.Z)((0,r.Z)({},b),{},{pathPrefix:_.mountPoint||"",title:x||"",componentName:_.meta.name,hasEnvironmentsStep:!1}):b=(0,r.Z)((0,r.Z)({},b),{},{pathPrefix:S?"/".concat(De()(x)||De()(v)):"/",title:x||"",componentName:"",hasEnvironmentsStep:(null===(R=be.current.meta)||void 0===R||null===(w=R.environments)||void 0===w?void 0:w.length)>0});var U=tr(be.current.meta),N=rr(be.current.meta),I=or(J);Se((0,r.Z)((0,r.Z)({bundleDid:h,componentDid:Z},b),{},{hasRequiredEnvironments:ir(be.current.meta),requirePurchase:U,didSpaceCapability:N,didSpaceEndpoint:I})),u&&U&&function(){var e=he.pathPrefix,n=he.bundleDid,t=he.title,r=he.componentName,o=void 0===r?"":r,i=he.componentDid,a=void 0===i?"":i,l=(be.current||{}).meta,c=void 0===l?{}:l,s=c.registryUrl,u=c.inStore,d=c.inputUrl,p=u?(0,ce.Rn)(s,n):d;oe({meta:c,installOpts:{type:"component",rootDid:J.meta.did,mountPoint:e,url:p,title:t,name:o,did:a}})}()},Ge=[{key:"selectComponent",name:j("blocklet.component.selectComponent"),body:(0,ne.jsxs)(mr,{component:"div",children:[he.showFromUrlDialog&&(0,ne.jsx)(at.Z,{mode:"component",onCancel:function(){Se({showFromUrlDialog:!1})},onSuccess:function(e){var n=e.meta,t=e.inputUrl,r=e.inStore,o=e.registryUrl;Ae({chooseParams:{meta:n,inputUrl:t,inStore:r,registryUrl:o},isInit:!0}),Se({showFromUrlDialog:!1}),Be()},handleText:{title:j("blocklet.component.addComponentTip.fromUrl"),confirm:j("blocklet.component.choose")}}),(0,ne.jsx)(dt,{stores:Z,extra:we?null:(0,ne.jsxs)(A.Z,{variant:"text",color:"primary","data-cy":"add-component-from-url",onClick:function(){Se({showFromUrlDialog:!0})},style:{padding:"0 2px"},children:[(0,ne.jsx)(ln.Z,{style:{fontSize:20,marginRight:4}})," ",j("blocklet.component.addComponentTip.fromUrl")," "]}),loading:T,onChange:function(){xe({}),be.current={}},storageKey:b,children:function(e){var n=e.currentRegistry;return(0,ne.jsx)(jt,{serverVersion:null===X||void 0===X?void 0:X.version,style:Pe?{height:"calc(100vh - 56px - 80px - 32px - 40px )"}:{height:"calc(100% - 40px)"},storeUrl:n.url,resourceType:y,handleButtonClick:function(e){Ae({chooseParams:(0,r.Z)((0,r.Z)({},e),{},{inStore:!0}),isInit:!0})},handleBlockletRender:function(e){var n=e.blocklet,t=e.defaultRender,r=(null===he||void 0===he?void 0:he.bundleDid)&&(null===he||void 0===he?void 0:he.bundleDid)===(null===n||void 0===n?void 0:n.did);return(0,ne.jsxs)(gr,{children:[r&&(0,ne.jsx)("div",{className:"check-container",children:(0,ne.jsx)(yn.default,{className:"check-icon"})}),(0,ne.jsx)("div",{className:r?"choose-blocklet":"",style:{marginLeft:16},children:t})]})}})}})]}),cancel:"embed"===g?void 0:j("common.cancel"),confirm:lr({params:he,blocklet:J,t:j}),onCancel:Ie,onConfirm:function(){Be()}},{key:"agreement",name:j("launchBlocklet.introduction"),body:(0,ne.jsxs)(mr,{component:"div",className:"agreement-wrapper",children:[(0,ne.jsx)(Zn.Z,{title:j("launchBlocklet.introduction"),subTitle:j("blocklet.component.addComponentTip.introduction")}),(0,ne.jsx)(it.Z,{meta:Te,onClickNext:Be,handleDescEle:(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)("p",{children:(0,ne.jsx)("div",{dangerouslySetInnerHTML:{__html:j("blocklet.component.addComponentTip.".concat(he.requirePurchase?"isPurchase":"isFree"),{name:_e()})}})}),(0,ne.jsx)("p",{children:j("blocklet.component.addComponentTip.belowInformation")})]})})]}),cancel:j("common.pre"),confirm:j("launchBlocklet.next"),onCancel:Fe,onConfirm:function(){de(!1),Be()}},Te&&he.requirePurchase&&{key:"purchase",name:(0,ne.jsxs)(ne.Fragment,{children:[j("common.verifyNFT"),(0,ne.jsx)(zn.Z,{})]}),body:(0,ne.jsxs)(mr,{component:"div",className:"flex-align-center",style:{flexDirection:"column"},children:[!(2===(null===(p=Ce.current)||void 0===p||null===(m=p.getCurrentStep)||void 0===m?void 0:m.call(p))||ue)&&(0,ne.jsx)(vr,{title:j("common.verifyNFT"),subTitle:j("blocklet.component.addComponentTip.verifyNFT")}),xn()(he.purchaseResultProps)?re&&(0,ne.jsx)(rt,{ref:Ce,meta:re.meta,mode:he.componentDid?"verify":"both",onCancel:function(e){de(!1),Se({purchaseResultProps:{variant:"error",title:_e(),subTitle:e,style:{paddingTop:120},footer:(0,ne.jsx)(A.Z,{className:"bottom-button","data-cy":"retry-purchase-component",onClick:function(){Se({purchaseResultProps:{}})},children:j("common.retry")})}})},installOpts:re.installOpts,handlePaySuccess:function(e){var n=e.downloadTokenList;be.current.downloadTokenList=n,de(!1),Be()}}):(0,ne.jsx)("div",{className:"flex-align-center flex-justify-center",children:(0,ne.jsx)(Pn.Z,(0,r.Z)({},he.purchaseResultProps))})]}),disabled:2===(null===(f=Ce.current)||void 0===f||null===(h=f.getCurrentStep)||void 0===h?void 0:h.call(f))||ue,cancel:j("common.pre"),confirm:j("common.next"),onConfirm:function(){"function"===typeof Ce.current.onNext&&(Ce.current.onNext(),de(!0))},onCancel:function(){Fe()}},(0,q.hasStartEngine)(Te)&&{key:"config",name:j("common.config"),error:L,body:(0,ne.jsxs)(mr,{component:"div",children:[(0,ne.jsx)(vr,{title:j("common.config"),subTitle:j("blocklet.component.addComponentTip.config")}),(0,ne.jsx)(je.Z,{label:j("blocklet.component.mountPoint"),autoComplete:"off",variant:"outlined",name:"pathPrefix",inputProps:{"data-cy":"mount-point-input"},fullWidth:!0,helperText:z||j("blocklet.component.mountPointTip"),style:{marginBottom:32},margin:"normal",value:he.pathPrefix,onChange:function(e){var n=e.target.value;Se({pathPrefix:n}),W(j("common.slugifyHint",{value:(0,ce.LN)(n)}))}}),!!L&&(0,ne.jsx)(jn.Z,{type:"error",style:{width:"100%",marginTop:8},children:L})]}),cancel:j("common.pre"),confirm:j("common.next"),onCancel:Fe,onConfirm:function(){Be()}},Te&&(null===he||void 0===he?void 0:he.hasEnvironmentsStep)&&{key:"environment",name:(0,ne.jsxs)(ne.Fragment,{children:[j("common.environment")," ",he.hasRequiredEnvironments&&(0,ne.jsx)(zn.Z,{})]}),disabled:!!_||(null===he||void 0===he?void 0:he.hasMissRequiredConfigs),body:function(){return(0,ne.jsxs)(mr,{component:"div",children:[(0,ne.jsx)(vr,{title:j("common.environment"),subTitle:j("blocklet.component.addComponentTip.environment")}),(0,ne.jsx)(Kn,{style:{marginTop:-12,width:"100%"},schema:he.configsList,defaultValue:he.configsValue,onChange:function(e,n){var t=n.action,r=n.currentItem,o=n.allValues;"confirm"===t&&Se({hasMissRequiredConfigs:ar(he.configsList,o),configsValue:o}),"edit"===t?U(r):["cancel","confirm"].includes(t)&&U(null)}})]})},cancel:j("common.pre"),confirm:j("common.next"),onCancel:Fe,onConfirm:Be},Te&&(null===he||void 0===he?void 0:he.didSpaceCapability)&&{key:"didSpace",name:(0,ne.jsxs)(ne.Fragment,{children:[j("blocklet.component.didSpaceConfig")," ","required"===he.didSpaceCapability&&(0,ne.jsx)(zn.Z,{})]}),disabled:"required"===he.didSpaceCapability&&!he.didSpaceEndpoint,body:function(){return(0,ne.jsxs)(mr,{component:"div",children:[(0,ne.jsx)(vr,{title:j("blocklet.component.didSpaceConfig"),subTitle:j("blocklet.component.didSpaceConfigTip")}),(0,ne.jsx)(x.Z,{sx:{mt:"36px","& > div":{maxWidth:"unset !important","& .MuiAutocomplete-root":{maxWidth:"unset !important"}}},children:(0,ne.jsx)(Qt,{sx:{"& .MuiFormHelperText-root":{wordBreak:"break-all"}},helperText:he.didSpaceEndpoint&&j("blocklet.component.didSpaceConnected",{endpoint:he.didSpaceEndpoint}),onConnect:function(){Be()}})})]})},cancel:j("common.pre"),confirm:j("common.next"),onCancel:Fe,onConfirm:Be},{key:"install",name:j("common.install"),disabled:!1,loading:!1,body:(0,ne.jsx)(mr,{component:"div",className:"flex-justify-center flex-align-center",style:{flexDirection:"column"},children:xn()(he.installResultProps)?(0,ne.jsx)(Cn.Z,{message:(0,ne.jsx)(Zr,{children:j("blocklet.component.installingCanCloseWindowTip")}),increaseSpeed:.3,messageLoop:!1}):(0,ne.jsx)("div",{style:{marginTop:120},children:(0,ne.jsx)(Pn.Z,(0,r.Z)({},he.installResultProps))})}),confirm:j("common.complete"),onConfirm:function(){sr(Ee.componentDid),Ie(),setTimeout((function(){var e=document.getElementsByClassName("dashboard-main")[0];e&&(e.scrollTop=e.scrollHeight)}),200)}}].filter((function(e){return e})),qe=Ge[Ze]||{};return J?(0,ne.jsxs)(pr,{sx:Pe?{width:"100%",height:window.innerHeight}:{width:"100%",height:"embed"===g?"100vh":"72vh"},children:[(0,ne.jsx)(kn.W,{steps:Ge,mode:"memory",children:(0,ne.jsx)(cr,{ref:ke,meta:Te,isMobile:Pe,onStepChange:function(e){ye(e)}})}),(0,ne.jsxs)(x.Z,{className:"action-bar",children:[qe.cancel&&(0,ne.jsx)(A.Z,{onClick:function(e){e.stopPropagation(),qe.onCancel()},disabled:Ze===Ge.length-2&&T,color:"inherit",children:qe.cancel||j("common.cancel")}),qe.confirm&&(0,ne.jsx)(A.Z,{onClick:function(e){e.stopPropagation(),qe.onConfirm()},color:"primary","data-cy":"submit-confirm-next",disabled:T||("boolean"===typeof qe.disabled?qe.disabled:!(!T&&!qe.error&&he.bundleDid)||Ze>1&&!he.pathPrefix),variant:"contained",autoFocus:!0,title:qe.confirm,style:{marginLeft:8,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",minWidth:"140px",maxWidth:"280px",textAlign:"center"},children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[("boolean"===typeof qe.loading?qe.loading:T)&&(0,ne.jsx)(B.Z,{style:{marginRight:8},size:16}),qe.confirm]})})]})]}):null}ur.propTypes={onClose:f().func,mode:f().oneOf(["normal","embed"]),stores:f().arrayOf(f().string),resourceType:f().string,storageKey:f().string},ur.defaultProps={onClose:function(){},mode:"normal",stores:[],resourceType:"",storageKey:""};var dr,pr=(0,p.Z)(x.Z)(Kt||(Kt=(0,c.Z)(["\n .action-bar {\n display: flex;\n justify-content: flex-end;\n position: sticky;\n bottom: 0;\n padding-top: 16px;\n z-index: 100;\n width: 100%;\n background: #fff;\n border-top: 1px solid #eee;\n }\n"]))),mr=(0,p.Z)(Ve.Z)(Yt||(Yt=(0,c.Z)(["\n width: 100%;\n height: 100%;\n"]))),fr=p.Z.div(Vt||(Vt=(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"]))),hr=function(e){return e.isMobile?"\n height: calc(100vh - 56px - 64px - 48px);\n ":""},xr=(0,p.Z)(x.Z)(Ht||(Ht=(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 & > 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 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: 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: 0px;\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 hr(e)}),(function(e){return hr(e)})),vr=(0,p.Z)(Zn.Z)(Xt||(Xt=(0,c.Z)(["\n margin-bottom: 24px;\n"]))),gr=p.Z.div($t||($t=(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})),Zr=p.Z.div(Jt||(Jt=(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}));function yr(e){var n=e.blocklet,t=e.children,r=(0,i.PE)().t,a=(0,o.useState)(!1),l=(0,d.Z)(a,2),c=l[0],s=l[1],u=(0,cn.Z)((function(e){return e.breakpoints.down("md")})),p=(0,le.h6)().inService,m=function(){s(!1)},f=function(e){e.stopPropagation(),s(!0)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof t?t({open:f}):(0,ne.jsxs)(an.Z,{onClick:f,className:"component-action","data-cy":"action-add-component",children:[(0,ne.jsx)(ln.Z,{style:{fontSize:18,marginRight:5}}),r("blocklet.component.add")]}),c&&(0,ne.jsx)(br,{title:r("blocklet.component.addWithName",{name:(0,q.getDisplayName)(n)}),maxWidth:!1,fullWidth:!1,PaperProps:{style:u?{width:"100%",height:window.innerHeight}:{maxWidth:1350,minWidth:930,width:"80%"}},onClose:function(e,n){"backdropClick"!==n&&m()},showCloseButton:!0,disableEscapeKeyDown:!0,open:!0,children:(0,ne.jsx)(ur,{onClose:m,storageKey:p?sn.K:sn.W})})]})}yr.propTypes={children:f().any,blocklet:f().object.isRequired},yr.defaultProps={children:null};var br=(0,p.Z)(ye.ZP)(dr||(dr=(0,c.Z)(["\n .MuiDialogContent-root {\n }\n"]))),kr=function(e){return e.children.filter((function(e){return e.meta.interfaces.find((function(e){return e.type===ie.BLOCKLET_INTERFACE_TYPE_WEB}))}))};function jr(e){var n=e.params,t=e.setParams,a=e.setError,l=e.serviceTypes,c=(0,i.PE)().t,s=(0,En.y0)().blocklet,u=s.meta.did,p=kr(s),m=(0,o.useState)([]),f=(0,d.Z)(m,2),h=f[0],x=f[1],v={301:c("common.redirectPermanently"),302:c("common.redirectTemporary"),307:c("common.redirectTemporary"),308:c("common.redirectPermanently")};return(0,o.useEffect)((function(){if(n.type===O.ROUTING_RULE_TYPES.COMPONENT&&n.componentId){var e=p.find((function(e){return e.meta.did===n.componentId})),o=(0,q.findWebInterface)(e.meta),i=(Array.isArray(null===o||void 0===o?void 0:o.pageGroups)?o.pageGroups:[]).map((function(e){return{value:e,label:"".concat(e," pages")}}));i.length&&i.unshift({value:"",label:"All pages"}),x(i),n.pageGroup&&!1===i.find((function(e){return e.value===n.pageGroup}))&&t((0,r.Z)((0,r.Z)({},n),{},{pageGroups:""}))}}),[n.componentId,n.type]),(0,ne.jsxs)(ne.Fragment,{children:[(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.type"),autoComplete:"off",variant:"outlined",name:"type","data-cy":"domain-add-type",fullWidth:!0,value:n.type,onChange:function(e){a(""),t((0,r.Z)((0,r.Z)({},n),{},{type:e.target.value,did:e.target.value===O.ROUTING_RULE_TYPES.BLOCKLET?u:"",__disableConfirm:!1}))},style:{marginBottom:32},SelectProps:{},children:l.map((function(e){var n=e.name,t=e.value;return(0,ne.jsx)(an.Z,{value:t,children:n},t)}))}),n.type===O.ROUTING_RULE_TYPES.REDIRECT&&[(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.redirect"),autoComplete:"off",variant:"outlined",name:"type",fullWidth:!0,value:n.redirectCode,onChange:function(e){return t((0,r.Z)((0,r.Z)({},n),{},{redirectCode:e.target.value}))},style:{marginBottom:32},SelectProps:{},children:Object.keys(v).map((function(e){return(0,ne.jsx)(an.Z,{value:e,children:"".concat(v[e]," - ").concat(e)},e)}))},"redirectCode"),(0,ne.jsx)(je.Z,{label:c("common.redirectUrl"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"redirect-url-input",fullWidth:!0,value:n.url,helperText:c("router.urlHelperText"),style:{marginBottom:32},onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{url:e.target.value,__disableConfirm:!e.target.value.trim()})),e.target.value.trim()?a(""):a(c("router.validation.redirectUrlRequired"))}},"redirectUrl")],n.type===O.ROUTING_RULE_TYPES.COMPONENT&&[(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.component"),autoComplete:"off",variant:"outlined","data-cy":"select-component-input",name:"componentId",fullWidth:!0,value:n.componentId,onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{componentId:e.target.value}))},style:{marginBottom:32},SelectProps:{},children:p.map((function(e){return(0,ne.jsx)(an.Z,{value:e.meta.did,selected:e.meta.did===n.componentId,children:(0,q.getDisplayName)(e,!0)},e.meta.did)}))},"componentId"),h.length?(0,ne.jsx)(je.Z,{select:!0,label:c("router.domain.add.pageGroup"),autoComplete:"off",variant:"outlined",name:"pageGroup","data-cy":"route-group-input",fullWidth:!0,value:n.pageGroup,helperText:c("router.domain.add.pageGroupTip"),style:{marginBottom:32},onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{pageGroup:e.target.value}))},SelectProps:{},children:h.map((function(e){return(0,ne.jsx)(an.Z,{value:e.value,selected:e.value===n.pageGroup,children:e.label},e.label)}))},"pageGroup"):null].filter(Boolean),n.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(0,ne.jsx)(je.Z,{label:c("common.rewriteUrl"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"rewrite-url-input",fullWidth:!0,value:n.url,helperText:c("router.urlHelperText"),style:{marginBottom:32},onChange:function(e){t((0,r.Z)((0,r.Z)({},n),{},{url:e.target.value,__disableConfirm:!e.target.value.trim()})),e.target.value.trim()?a(""):a(c("router.validation.rewriteUrlRequired"))}},"url")]})}function Cr(e){var n=e.children,t=(0,i.PE)().t,a=(0,le.h6)().api,l=(0,En.y0)().blocklet,c=(0,o.useState)(!1),p=(0,d.Z)(c,2),m=p[0],f=p[1],h=(0,o.useState)(null),x=(0,d.Z)(h,2),v=x[0],g=x[1],Z=l.meta.did,y=l.site.id,b=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(n){var r,o;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,(0,ot.fX)(n,t);case 3:if(!(r=e.sent)){e.next=6;break}throw r;case 6:return f(!0),o={from:{pathPrefix:De()(n.pathPrefix)},to:{type:n.type}},n.type===O.ROUTING_RULE_TYPES.REDIRECT&&(o.to.url=n.url.trim(),o.to.redirectCode=n.redirectCode),n.type===O.ROUTING_RULE_TYPES.COMPONENT&&(o.to.did=Z,o.to.componentId=n.componentId,o.to.pageGroup=n.pageGroup),n.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(o.to.url=De()(n.url)),e.next=13,a.addRoutingRule({input:{id:y,rule:o,teamDid:Z}});case 13:e.next=18;break;case 15:e.prev=15,e.t0=e.catch(0),M.Z.error(e.t0.message);case 18:return e.prev=18,f(!1),g(null),e.finish(18);case 22:case"end":return e.stop()}}),e,null,[[0,15,18,22]])})));return function(n){return e.apply(this,arguments)}}(),k={title:t("router.rule.add.title"),description:function(e,n,o){return(0,ne.jsxs)(Ve.Z,{component:"div",children:[(0,ne.jsx)(je.Z,{label:t("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix","data-cy":"path-prefix-input",fullWidth:!0,autoFocus:!0,helperText:e.pathPrefixHint||t("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:e.pathPrefix,onChange:function(i){var a=!1,c=(0,ot.Rw)({params:(0,r.Z)((0,r.Z)({},e),{},{pathPrefix:i.target.value}),blocklets:[l]});o(c),e.type===O.ROUTING_RULE_TYPES.BLOCKLET&&c&&(a=!0),e.type!==O.ROUTING_RULE_TYPES.REDIRECT||e.url||(a=!0),e.type!==O.ROUTING_RULE_TYPES.GENERAL_REWRITE||e.url||(a=!0),i.target.value.trim()||(a=!0,o(t("router.validation.pathPrefixRequired"))),a||o("");var s=t("common.slugifyHint",{value:(0,ce.LN)(i.target.value)});n((0,r.Z)((0,r.Z)({},e),{},{pathPrefix:i.target.value,pathPrefixHint:s,__disableConfirm:a}))}}),(0,ne.jsx)(jr,{params:e,setParams:function(e){o(null),(0,ot.fX)(e,t)?n((0,r.Z)((0,r.Z)({},e),{},{__disableConfirm:!0})):n((0,r.Z)({},e))},setError:o})]})},confirm:t("router.rule.add.confirm"),cancel:t("common.cancel"),params:{did:"",pathPrefix:"",type:O.ROUTING_RULE_TYPES.REDIRECT,componentId:"",pageGroup:"",redirectCode:302,__disableConfirm:!0},onConfirm:b,onCancel:function(){f(!1),g(null)}},j=function(e){e.stopPropagation(),g(k)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof n?n({loading:m,open:j}):(0,ne.jsxs)(an.Z,{onClick:j,className:"rule-action","data-cy":"action-add-rule",children:[m?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(ln.Z,{style:{fontSize:18,marginRight:5}}),t("router.rule.add.title")]}),v&&(0,ne.jsx)(ae.Z,{title:v.title,description:v.description,confirm:v.confirm,cancel:v.cancel,params:v.params,onConfirm:v.onConfirm,onCancel:v.onCancel,color:"primary"})]})}jr.propTypes={params:f().object,serviceTypes:f().array,setParams:f().func,setError:f().func},jr.defaultProps={params:{},serviceTypes:[{name:"Redirect",value:O.ROUTING_RULE_TYPES.REDIRECT},{name:"Default - User will see the 404 page",value:O.ROUTING_RULE_TYPES.NONE},{name:"Rewrite - Route traffic without redirect",value:O.ROUTING_RULE_TYPES.GENERAL_REWRITE},{name:"Component - Pass traffic to blocklet component",value:O.ROUTING_RULE_TYPES.COMPONENT}],setParams:function(){},setError:function(){}},Cr.propTypes={children:f().any},Cr.defaultProps={children:null};var Pr=t(96366),Er=t(18067),Tr=t(71363);function Rr(e){var n=e.id,t=e.from,r=e.children,a=(0,i.PE)().t,l=(0,le.h6)().api,c=(0,En.y0)().blocklet,p=(0,o.useState)(!1),m=(0,d.Z)(p,2),f=m[0],h=m[1],x=(0,o.useState)(null),v=(0,d.Z)(x,2),g=v[0],Z=v[1],y=c.meta.did,b=c.site.id,k=t.pathPrefix,j=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return h(!0),e.prev=1,e.next=4,l.deleteRoutingRule({input:{id:b,ruleId:n,teamDid:y}});case 4:e.next=9;break;case 6:e.prev=6,e.t0=e.catch(1),M.Z.error(e.t0.message);case 9:return e.prev=9,Z(null),h(!1),e.finish(9);case 13:case"end":return e.stop()}}),e,null,[[1,6,9,13]])})));return function(){return e.apply(this,arguments)}}(),C={keyName:k,title:a("router.rule.delete.title"),description:a("router.rule.delete.description",{name:"<b>".concat(k,"</b>")}),confirmPlaceholder:a("router.rule.delete.confirm_desc",{name:k}),confirm:a("common.delConfirm"),cancel:a("router.rule.delete.cancel"),onConfirm:j,onCancel:function(){h(!1),Z(null)}},P=function(e){e.stopPropagation(),Z(C)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof r?r({loading:f,open:P}):(0,ne.jsxs)(an.Z,{onClick:P,className:"rule-action","data-cy":"action-delete-rule",children:[f?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(N.default,{style:{fontSize:18,marginRight:5}}),a("router.rule.delete.title")]}),g&&(0,ne.jsx)(Tr.Z,{keyName:g.keyName,title:g.title,description:g.description,confirmPlaceholder:g.confirmPlaceholder,confirm:g.confirm,cancel:g.cancel,params:g.params,onConfirm:g.onConfirm,onCancel:g.onCancel})]})}function wr(e){var n=e.id,t=e.from,a=e.to,l=e.children,c=(0,i.PE)().t,p=(0,le.h6)().api,m=(0,En.y0)().blocklet,f=(0,o.useState)(!1),h=(0,d.Z)(f,2),x=h[0],v=h[1],g=(0,o.useState)(null),Z=(0,d.Z)(g,2),y=Z[0],b=Z[1],k=m.meta.did,j=m.site.id,C=t.pathPrefix,P=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){var r,o;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,(0,ot.fX)(t,c);case 3:if(!(r=e.sent)){e.next=6;break}throw r;case 6:return v(!0),o={id:n,from:{pathPrefix:De()(t.pathPrefix)},to:{type:t.type}},t.type===O.ROUTING_RULE_TYPES.REDIRECT&&(o.to.url=t.url,o.to.redirectCode=t.redirectCode),t.type===O.ROUTING_RULE_TYPES.COMPONENT&&(o.to.did=k,o.to.componentId=t.componentId,o.to.pageGroup=t.pageGroup),t.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(o.to.url=De()(t.url)),e.next=13,p.updateRoutingRule({input:{id:j,rule:o,teamDid:k}});case 13:e.next=18;break;case 15:e.prev=15,e.t0=e.catch(0),M.Z.error(e.t0.message);case 18:return e.prev=18,v(!1),b(null),e.finish(18);case 22:case"end":return e.stop()}}),e,null,[[0,15,18,22]])})));return function(n){return e.apply(this,arguments)}}(),E={title:c("router.rule.update.title"),description:function(e,n,t){return(0,ne.jsxs)(Ve.Z,{component:"div",children:[(0,ne.jsx)(je.Z,{label:c("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix","data-cy":"path-prefix-input",fullWidth:!0,autoFocus:!0,helperText:e.helperText||c("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:e.pathPrefix,onChange:function(o){var i=!1;e.type!==O.ROUTING_RULE_TYPES.REDIRECT||e.url||(i=!0),e.type!==O.ROUTING_RULE_TYPES.GENERAL_REWRITE||e.url||(i=!0),o.target.value.trim()||(i=!0,t(c("router.validation.pathPrefixRequired"))),i||t("");var a=c("common.slugifyHint",{value:(0,ce.LN)(o.target.value)});n((0,r.Z)((0,r.Z)({},e),{},{pathPrefix:o.target.value,helperText:a,__disableConfirm:i}))}}),(0,ne.jsx)(jr,{params:e,setParams:function(e){(0,ot.fX)(e,c)?n((0,r.Z)((0,r.Z)({},e),{},{__disableConfirm:!0})):n((0,r.Z)({},e))},setError:t})]})},confirm:c("router.rule.update.confirm"),cancel:c("router.rule.update.cancel"),color:"primary",params:{did:a.did||"",pathPrefix:"/"===C?C:C.replace(/^\/+/,"").replace(/\/+$/,""),type:a.type||O.ROUTING_RULE_TYPES.BLOCKLET,redirectCode:a.redirectCode||302,componentId:a.componentId||"",pageGroup:a.pageGroup||"",url:a.url||"",__disableConfirm:!1},onConfirm:P,onCancel:function(){v(!1),b(null)}},T=function(e){e.stopPropagation(),b(E)};return(0,ne.jsxs)(ne.Fragment,{children:["function"===typeof l?l({loading:x,open:T}):(0,ne.jsxs)(an.Z,{onClick:T,className:"rule-action","data-cy":"action-update-rule",children:[x?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(Ze.default,{style:{fontSize:18,marginRight:5}}),c("router.rule.update.title")]}),y&&(0,ne.jsx)(ae.Z,{title:y.title,description:y.description,confirm:y.confirm,color:y.color,cancel:y.cancel,params:y.params,onConfirm:y.onConfirm,onCancel:y.onCancel})]})}function Sr(e){var n=(0,i.PE)().locale,t=(0,En.y0)(),o=t.blocklet,a=t.recommendedDomain,l=(0,ce.Sk)(a,e.from.pathPrefix,(0,ce.f0)(o,n));return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)("a",{target:"_blank",href:l,rel:"noopener noreferrer",title:l,children:(0,ne.jsx)(b.Z,{size:"small",children:(0,ne.jsx)(E.Z,{})})}),(0,ne.jsx)(wr,(0,r.Z)((0,r.Z)({},e),{},{children:function(n){var t=n.open;return(0,ne.jsx)(b.Z,{size:"small",onClick:t,disabled:e.isProtected,"data-cy":"action-update-rule",children:(0,ne.jsx)(C.Z,{})})}})),(0,ne.jsx)(Rr,(0,r.Z)((0,r.Z)({},e),{},{children:function(n){var t=n.open;return(0,ne.jsx)(b.Z,{size:"small",onClick:t,disabled:e.isProtected,"data-cy":"action-delete-rule",children:(0,ne.jsx)(N.default,{})})}}))]})}Rr.propTypes={id:f().string.isRequired,from:f().object.isRequired,children:f().any},Rr.defaultProps={children:null},wr.propTypes={id:f().string.isRequired,from:f().object.isRequired,to:f().object.isRequired,children:f().any},wr.defaultProps={children:null},Sr.propTypes={isProtected:f().bool},Sr.defaultProps={isProtected:!1};var _r=["group"];function Ur(e){var n=e.group,t=(0,l.Z)(e,_r);return n?(0,ne.jsx)(V.Z,(0,r.Z)((0,r.Z)({type:"reverse"},t),{},{children:n})):null}function Nr(e){var n=e.domain,t=e.isHttps,r=e.toUrl,o=t?"https":"http",i=r;return St()(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 Ir(e){var n=e.hasPermission,t=(0,i.PE)(),o=t.t,a=t.locale,l=(0,Pr.Z)(),c=(0,En.y0)(),s=c.blocklet,u=c.recommendedDomain;return s.site.rules.filter((function(e){return e.to.type!==O.ROUTING_RULE_TYPES.BLOCKLET})).map((function(e){var t=null,i=null;e.to.type===O.ROUTING_RULE_TYPES.NONE?t="404":e.to.type===O.ROUTING_RULE_TYPES.REDIRECT?t=e.to.redirectCode:e.to.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE?t="R":e.to.type===O.ROUTING_RULE_TYPES.COMPONENT&&(i=s.children.find((function(n){return n.meta.did===e.to.componentId})),t="C");var c=e.isProtected?(0,ne.jsx)(R.Z,{title:o("blocklet.router.urlLockTooltip"),placement:"top",children:(0,ne.jsx)("span",{children:(0,ne.jsx)(b.Z,{disabled:!0,size:"small",style:{pointerEvents:"auto",paddingTop:0,paddingBottom:0,margin:"12px 0"},children:(0,ne.jsx)(Er.Z,{style:{fill:l.palette.text.disabled}})})})}):(0,ne.jsx)(Sr,(0,r.Z)({},e));return[(0,ne.jsxs)(x.Z,{display:"flex",py:2,className:"component-item",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)(x.Z,{width:{xs:300,md:400},display:"flex",alignItems:"center",children:[(0,ne.jsx)(x.Z,{width:28}),"object"===typeof t?t:(0,ne.jsx)(Nt.Z,{children:t}),(0,ne.jsxs)(x.Z,{ml:2,children:[(0,ne.jsxs)(x.Z,{style:{color:"#222",fontSize:16},children:[e.to.type===O.ROUTING_RULE_TYPES.NONE&&o("common.page404"),e.to.type===O.ROUTING_RULE_TYPES.REDIRECT&&o("common.redirect"),e.to.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&o("common.rewrite"),e.to.type===O.ROUTING_RULE_TYPES.COMPONENT&&(0,q.getDisplayName)(i,!0)]}),(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[e.to.type===O.ROUTING_RULE_TYPES.REDIRECT&&(0,ne.jsx)(Nr,{domain:u,toUrl:e.to.url}),e.to.type===O.ROUTING_RULE_TYPES.GENERAL_REWRITE&&(0,ne.jsx)(Nr,{domain:u,toUrl:e.to.url}),e.to.type===O.ROUTING_RULE_TYPES.COMPONENT&&(0,ne.jsx)(Ur,{group:e.to.pageGroup})]})]})]}),(0,ne.jsx)(x.Z,{px:2,sx:{display:{xs:"none",md:"flex"}},alignItems:"center",flexGrow:"1",children:(0,ne.jsx)(ee.Z,{href:(0,ce.Sk)(u,e.from.pathPrefix,(0,ce.f0)(s,a)),target:"_blank",style:{fontSize:16},underline:"hover",children:e.from.pathPrefix})},e.from.pathPrefix),(0,ne.jsx)(x.Z,{children:n&&(0,ne.jsx)("div",{style:{textAlign:"right"},children:c})},"actions")]},"rule"),(0,ne.jsx)(on.Z,{},"divider")]}))}Ur.propTypes={group:f().string.isRequired},Nr.propTypes={domain:f().string.isRequired,toUrl:f().string.isRequired,isHttps:f().bool},Nr.defaultProps={isHttps:!1},Ir.propTypes={hasPermission:f().bool},Ir.defaultProps={hasPermission:!1};var Lr=(0,se.V)(Ir,"mutate_blocklets"),Dr=(0,se.V)(Ir,"",ce.Wf);function Or(e){return(0,le.h6)().inService?(0,ne.jsx)(Dr,(0,r.Z)({},e)):(0,ne.jsx)(Lr,(0,r.Z)({},e))}var Br,Fr,Ar,Gr=t(92726),qr=["blocklet","onUpdate","getComponentUrl"],zr=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)(V.Z,{children:e.version})}]:[]},Wr=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}},Mr=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 Kr(e){var n,t,r,a,l=e.blocklet,c=e.ancestors,p=e.depth,m=e.onRemove,f=e.onStart,Z=e.onStop,y=e.onRestart,k=e.onReload,j=e.getComponentUrl,T=e.app,w=(0,o.useContext)(i.RD),S=w.t,I=w.locale,L=(0,o.useState)(),O=(0,d.Z)(L,2),B=O[0],A=O[1],G=(0,o.useState)(!1),z=(0,d.Z)(G,2),M=z[0],H=z[1],X=(0,o.useState)(!1),$=(0,d.Z)(X,2),J=$[0],Q=$[1],ee=(0,o.useState)(null),oe=(0,d.Z)(ee,2),ie=oe[0],le=oe[1],se=(0,K.K)().deletingBlocklets,ue=l.status;1===p&&se.includes(l.meta.did)&&(ue="deleting");var de,pe="/".concat(l.mountPoint||"/").replace(/\/+/g,"/"),me=j(pe),he=B?Wr(B):{},xe=B?[{name:S("common.name"),value:(0,q.getDisplayName)(B,!0)},{name:S("common.version"),value:(0,ne.jsx)(fe,{blocklet:B,checkUpgrade:!1})},{name:S("common.status"),value:(0,ne.jsx)(re.Z,{status:ue,source:B.source})},"running"===l.status?{name:S("blocklet.startedAt"),value:(0,ce.B2)(l.startedAt,I)}:null,"running"!==l.status?{name:S("blocklet.stoppedAt"),value:(0,ce.B2)(l.stoppedAt,I)}:null,l.installedAt?{name:S("blocklet.installedAt"),value:(0,ce.B2)(l.installedAt,I)}:null,(0,q.hasStartEngine)(l.meta)?{name:S("common.mountPoint"),value:pe}:null,B.meta.group?{name:S("common.group"),value:(0,ne.jsx)(V.Z,{type:"success",children:B.meta.group})}:null,{name:S("blocklet.overview.source"),value:(0,ne.jsx)(te,{sourceInfo:he,blocklet:l})},{name:S("blocklet.overview.deployedFrom"),value:he.deployedFrom||"-"},{name:S("common.did"),value:(0,ne.jsx)(Y.Z,{did:B.meta.did})},{name:S("common.author"),value:(0,ce.rq)(B.meta.author)},{name:S("common.engine"),value:zr(B.engine,S).map((function(e){var n=e.name,t=e.value;return(0,ne.jsx)(F.Z,{style:{marginBottom:4},nameWidth:120,name:n,children:t},n)}))},null!==(n=l.dependents)&&void 0!==n&&n.length?{name:S("common.dependents"),value:(0,ne.jsx)(x.Z,{children:l.dependents.map((function(e){return(0,ne.jsx)(x.Z,{children:"".concat(Mr(e.id,T)," ").concat(e.required?"(".concat(S("common.required"),")"):"")})}))})}:null,null!==(t=l.meta.resources)&&void 0!==t&&t.length?{name:S("common.resource"),value:l.meta.resources.join(", ")}:null].filter(Boolean):[],Ze=(0,q.isInProgress)(T.status),ye=(0,q.isInProgress)(l.status),be="";if(Ze||ye||1===p&&se.includes(l.meta.did))be=S("blocklet.component.tip.stopBlocklet");else if(null!==(r=l.dependents)&&void 0!==r&&r.length){var ke=l.dependents.filter((function(e){return e.required}));if(ke.length){var je=ke.map((function(e){return Mr(e.id,T)}));be=S("blocklet.component.tip.requiredBy",{name:je.join(", ")})}}return[(0,ne.jsxs)(Vr,{display:"flex",py:2,className:"component-item",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)(x.Z,{pl:2,width:{xs:300,md:400},display:"flex",alignItems:"center",children:[(0,ne.jsx)(ve.Z,{blocklet:l,ancestors:c}),(0,ne.jsxs)(x.Z,{ml:"16px",children:[(0,ne.jsx)(x.Z,{className:"component-name",onClick:function(){return A(l)},children:(0,q.getDisplayName)(l,!0)}),(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(fe,{blocklet:l,checkUpgrade:!1}),(0,ne.jsx)(ge.Z,{style:{marginLeft:4},mode:l.mode||""}),"unknown"!==ue&&(0,ne.jsx)(re.Z,{style:{marginLeft:4},status:ue,source:l.source}),!(null===(a=l.dependents)||void 0===a||!a.length)&&(0,ne.jsx)(R.Z,{title:["".concat(S("common.dependents"),": "),l.dependents.map((function(e){return(0,ne.jsx)(x.Z,{pl:1,children:"".concat(Mr(e.id,T)," ").concat(e.required?"(".concat(S("common.required"),")"):"")})}))],children:(0,ne.jsx)(x.Z,{display:"flex",color:"primary.main",ml:1,children:(0,ne.jsx)(D.JO,{icon:"octicon:package-dependents-16"})})})]})]})]},l),(0,q.hasStartEngine)(l.meta)&&(0,ne.jsx)(x.Z,{sx:{display:{xs:"none",md:"flex"}},alignItems:"center",flexGrow:"1",children:(0,ne.jsx)("a",{target:"_blank",href:me,rel:"noopener noreferrer",title:me,children:(0,ne.jsx)(x.Z,{maxWidth:400,sx:{color:"secondary.main",fontSize:18,px:2},overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",children:W()(pe)})})},pe),(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,q.hasStartEngine)(l.meta)&&(0,ne.jsx)(R.Z,{title:S("common.visit"),children:(0,ne.jsx)("a",{target:"_blank",href:me,rel:"noopener noreferrer",children:(0,ne.jsx)(b.Z,{size:"small",children:(0,ne.jsx)(E.Z,{})})})}),(0,q.hasStartEngine)(l.meta)&&(0,ne.jsx)(Me,{blocklet:l,ancestors:c,children:function(e){var n=e.open;return(0,ne.jsx)(R.Z,{title:S("common.config"),children:(0,ne.jsx)(Yr,{color:"error",badgeContent:"",variant:"dot",invisible:!(0,q.getComponentMissingConfigs)(l,c[0]).length,children:(0,ne.jsx)(b.Z,{onClick:n,size:"small",children:(0,ne.jsx)(C.Z,{})})})},"config")}}),(0,ne.jsx)(tn,{blocklet:T,component:l,onStart:f,onStop:Z,disabled:!["starting","stopping"].includes(T.status)&&(0,q.isInProgress)(T.status)}),(0,ne.jsx)(Gr.Z,{"data-cy":"component-actions",actions:[(0,q.hasStartEngine)(l.meta)?{icon:(0,ne.jsx)(P.Z,{}),text:S("common.detail"),onClick:function(){A(l)}}:null,{icon:(0,ne.jsx)(_.default,{}),text:S("common.restart"),onClick:function(){le({title:"".concat(S("common.restart")," ").concat(l.meta.title),description:S("blocklet.action.restartDescription"),confirm:S("blocklet.action.confirmRestart"),cancel:S("common.cancel"),onConfirm:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(!0),e.next=3,y(l);case 3:Q(!1);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),onCancel:function(){return le(null)}})},disabled:Ze||ye||"running"!==l.status},{icon:(0,ne.jsx)(U.Z,{}),text:S("common.reload"),onClick:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(!0),e.next=3,k(l);case 3:Q(!1);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),disabled:J||Ze||ye||"running"!==l.status},{icon:(0,ne.jsx)(N.default,{}),text:S("common.delete"),onClick:function(){H(!0)},disabled:Ze||ye||!!be,tip:be}].filter(Boolean)})]},"actions")]},"group-not-gateway-box"),(0,ne.jsx)(on.Z,{depth:2}),!!B&&(0,ne.jsx)(h.Z,{open:!0,fullWidth:!0,maxWidth:"md",onClose:function(){A(null)},children:(0,ne.jsxs)(x.Z,{paddingY:1.5,children:[(0,ne.jsx)(g.Z,{children:S("common.componentBasicInfo")}),(0,ne.jsx)(v.Z,{children:(de=xe,de.map((function(e){return e.name===S("common.did")||e.name===S("blocklet.appId")?(0,ne.jsx)(F.Z,{valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:function(){return e.name},children:e.value},e.name):(0,ne.jsx)(F.Z,{valueComponent:"div",nameWidth:120,name:e.name,children:e.value},e.name)})))})]},"dialog-wrapper")},"base-info-dialog"),(0,ne.jsx)($e,{blocklet:T,component:l,remove:function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var n=arguments;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Q(!0),e.prev=1,e.next=4,m.apply(void 0,n);case 4:e.next=8;break;case 6:e.prev=6,e.t0=e.catch(1);case 8:Q(!1),H(!1);case 10:case"end":return e.stop()}}),e,null,[[1,6]])})));return function(){return e.apply(this,arguments)}}(),onCancel:function(){return H(!1)},hideBtn:!0,showConfirm:M}),ie&&(0,ne.jsx)(ae.Z,{title:ie.title,description:ie.description,confirm:ie.confirm,cancel:ie.cancel,params:ie.params,onConfirm:ie.onConfirm,onCancel:ie.onCancel})]}Kr.propTypes={blocklet:f().object.isRequired,ancestors:f().array,depth:f().number,onRemove:f().func,onStart:f().func,onStop:f().func,onRestart:f().func,onReload:f().func,getComponentUrl:f().func,app:f().object},Kr.defaultProps={ancestors:[],depth:0,onRemove:function(){},onStart:function(){},onStop:function(){},onRestart:function(){},onReload:function(){},getComponentUrl:function(){return window.location.origin},app:null};var Yr=(0,p.Z)(j.Z)(Br||(Br=(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})),Vr=(0,p.Z)(x.Z)(Fr||(Fr=(0,c.Z)(["\n .component-name {\n color: #222;\n font-size: 16px;\n cursor: pointer;\n }\n"])));function Hr(e){var n=e.blocklet,t=(e.onUpdate,e.getComponentUrl),c=(0,l.Z)(e,qr),p=(0,o.useContext)(i.RD).t,m=(0,le.h6)(),f=m.api,j=m.inService,P=m.info,E=(0,K.K)(),_=E.addDeletingDid,U=E.removeDeletingDid,N=E.matchDeletingDid,D=(0,o.useState)(!1),F=(0,d.Z)(D,2),z=F[0],W=F[1],Y=(0,o.useState)(null),V=(0,d.Z)(Y,2),H=V[0],X=V[1],$=(0,o.useState)(null),J=(0,d.Z)($,2),Q=J[0],ee=J[1],te=(0,o.useState)(!1),re=(0,d.Z)(te,2),oe=re[0],ie=re[1],ae=n&&n.structVersion!==O.APP_STRUCT_VERSION,ue=(0,o.useState)(!1),de=(0,d.Z)(ue,2),pe=de[0],me=de[1],fe=(0,a.Z)(n.children)||[];"gateway"!==n.meta.group&&fe.unshift(n),N(fe.map((function(e){return e.meta.did})));var he=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var t,r,o,i,a;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z){e.next=2;break}return e.abrupt("return");case 2:return W(!0),e.prev=3,e.next=6,f.checkComponentsForUpdates({input:{did:n.meta.did}});case 6:if(e.t0=e.sent.preUpdateInfo,e.t0){e.next=9;break}e.t0={};case 9:if(t=e.t0,r=t.updateId,o=t.updateList,W(!1),r){e.next=16;break}return M.Z.info(p("blocklet.component.noUpdate")),e.abrupt("return");case 16:i=[],(0,q.forEachChildSync)(n,(function(e,n){var t=n.id,r=n.ancestors,a=o.find((function(e){return e.id===t}));if(a){var l=r.slice(1).concat(e).map((function(e){return e.meta.title||e.meta.name})).join(" / "),c=(r[1]||e).meta.did;i.push({groupId:c,name:l,version:e.meta.version,newVersion:a.meta.version})}})),a={},i.forEach((function(e){a[e.groupId]?e.disabled=!0:a[e.groupId]=!0})),X({params:{updateId:r},list:i,checks:a,hasChecks:!0}),e.next=27;break;case 23:e.prev=23,e.t1=e.catch(3),W(!1),M.Z.error((0,ce.Z)(e.t1));case 27:case"end":return e.stop()}}),e,null,[[3,23]])})));return function(){return e.apply(this,arguments)}}(),xe=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(){var t,r;return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!z){e.next=2;break}return e.abrupt("return");case 2:return e.prev=2,W(!0),t=Object.keys(H.checks).filter((function(e){return H.checks[e]})),r={updateId:H.params.updateId,rootDid:n.meta.did,selectedComponents:t},e.next=8,f.upgradeComponents({input:r});case 8:W(!1),X(null),me(null),e.next=17;break;case 13:e.prev=13,e.t0=e.catch(2),W(!1),M.Z.error((0,ce.Z)(e.t0));case 17:case"end":return e.stop()}}),e,null,[[2,13]])})));return function(){return e.apply(this,arguments)}}(),ve=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t,r){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return _(t.meta.did),e.prev=1,e.next=4,f.deleteComponent({input:{did:t.meta.did,keepData:"keepData"===r,rootDid:n.meta.did}});case 4:return e.next=6,(0,ce._v)(800);case 6:e.next=12;break;case 8:e.prev=8,e.t0=e.catch(1),M.Z.error((0,ce.Z)(e.t0)),U(t.meta.did);case 12:case"end":return e.stop()}}),e,null,[[1,8]])})));return function(n,t){return e.apply(this,arguments)}}(),ge=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.startBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(n){return e.apply(this,arguments)}}(),Ze=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.stopBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(n){return e.apply(this,arguments)}}(),ye=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.restartBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 10:case"end":return e.stop()}}),e,null,[[0,7]])})));return function(n){return e.apply(this,arguments)}}(),be=function(){var e=(0,u.Z)((0,s.Z)().mark((function e(t){return(0,s.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f.reloadBlocklet({input:{did:n.meta.did,componentDids:[t.meta.did]}});case 3:return e.next=5,(0,ce._v)(800);case 5:M.Z.success(p("blocklet.reloadSuccess")),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(0),M.Z.error((0,ce.Z)(e.t0));case 11:case"end":return e.stop()}}),e,null,[[0,8]])})));return function(n){return e.apply(this,arguments)}}();return(0,ne.jsxs)(Xr,(0,r.Z)((0,r.Z)({component:"div"},c),{},{children:[(0,ne.jsxs)(x.Z,{display:"flex",justifyContent:"space-between",alignItems:"center",children:[(0,ne.jsxs)("div",{className:"title",children:[p("common.components"),!ae&&(0,ne.jsx)(se.Z,{permission:j?"":"mutate_blocklets",role:j?ce.Wf:[],children:(0,ne.jsx)(Yr,{top:1.2,right:.4,color:"error",badgeContent:"",variant:"dot",invisible:!pe,children:(0,ne.jsxs)(A.Z,{disabled:z||(0,q.isInProgress)(n.status),color:"secondary",onClick:function(){he()},"data-cy":"check-for-updates",children:[(0,ne.jsx)(x.Z,{mr:.5,display:"flex",children:z?(0,ne.jsx)(B.Z,{size:16}):(0,ne.jsx)(y.Z,{style:{fontSize:"1em"}})}),p("blocklet.component.checkUpdateTitle")]})})})]}),(0,ne.jsx)(se.Z,{permission:j?"":"mutate_blocklets",role:j?ce.Wf:[],children:(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(Cr,{children:function(e){var t=e.open;return(0,ne.jsxs)(A.Z,{disabled:z||(0,q.isInProgress)(n.status),variant:"text",color:"primary","data-cy":"add-rule",onClick:t,children:[(0,ne.jsx)(k.Z,{style:{fontSize:"1.3em",marginRight:4}}),p("router.rule.add.title")]})}}),!ae&&(0,ne.jsx)(yr,{blocklet:n,serverVersion:P.version,children:function(e){var t=e.open;return(0,ne.jsxs)(A.Z,{disabled:z||(0,q.isInProgress)(n.status),variant:"text",color:"primary","data-cy":"add-component",onClick:t,children:[(0,ne.jsx)(k.Z,{style:{fontSize:"1.3em",marginRight:4}}),p("blocklet.component.add")]})}}),!ae&&(0,ne.jsx)(Me,{blocklet:n,ancestors:[],children:function(e){var n=e.open;return(0,ne.jsx)(R.Z,{title:"".concat(p("blocklet.component.container")).concat(p("common.config")),children:(0,ne.jsx)(b.Z,{onClick:n,size:"small",color:"primary",children:(0,ne.jsx)(C.Z,{style:{fontSize:18}})})},"config")}})]})})]}),fe&&fe.length?(0,ne.jsxs)(x.Z,{mt:2,ml:{xs:"-12px",md:"-24px"},children:["gateway"!==n.meta.group&&(0,ne.jsx)(Kr,{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)(Kr,{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)(x.Z,{mt:8,children:(0,ne.jsx)(G.Z,{children:p("blocklet.component.noComponent")})}),!!n.site.rules.length&&(0,ne.jsx)(x.Z,{mt:0,ml:{xs:"-16px",md:"-28px"},children:(0,ne.jsx)(Or,{})}),!!H&&(0,ne.jsx)(h.Z,{open:!0,fullWidth:!0,children:(0,ne.jsxs)(x.Z,{paddingY:1.5,children:[(0,ne.jsx)(g.Z,{children:p("blocklet.component.updateTitle")}),(0,ne.jsx)(x.Z,{component:v.Z,py:4,children:H.list.map((function(e){return(0,ne.jsxs)(x.Z,{display:"flex",alignItems:"center",children:[(0,ne.jsx)(S.Z,{checked:H.checks[e.groupId],onChange:function(n){return function(e,n){var t=e.target.checked;X((function(e){var o=Object.entries(e.checks).reduce((function(e,r){var o=(0,d.Z)(r,2),i=o[0],a=o[1];return e[i]=n===i?t:a,e}),{}),i=Object.values(o).includes(!0);return(0,r.Z)((0,r.Z)({},e),{},{checks:o,hasChecks:i})}))}(n,e.groupId)},style:{marginLeft:e.disabled?16:0},defaultChecked:!0,disabled:e.disabled}),(0,ne.jsxs)(x.Z,{flexGrow:1,mt:3,children:[(0,ne.jsx)(x.Z,{item:!0,xs:8,children:e.name}),e.version&&(0,ne.jsxs)(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)(x.Z,{color:"secondary.main",children:e.newVersion})})]})]},"".concat(e.name,"-").concat(e.newVersion))]})}))}),(0,ne.jsxs)(Z.Z,{style:{padding:"8px 24px 24px"},children:[(0,ne.jsx)(A.Z,{onClick:function(){X(null)},children:p("common.cancel")}),(0,ne.jsxs)(A.Z,{onClick:function(e){e.stopPropagation(),xe()},color:"primary",disabled:z||!H.hasChecks,variant:"contained",autoFocus:!0,children:[z&&(0,ne.jsx)(B.Z,{size:16}),p("common.update")]})]})]})}),!!Q&&(0,ne.jsx)(h.Z,{open:!0,fullWidth:!0,onClose:function(){return ee(!1)},children:(0,ne.jsxs)(x.Z,{paddingY:1.5,children:[(0,ne.jsx)(g.Z,{children:p("common.configuration")}),(0,ne.jsx)(v.Z,{children:(0,ne.jsx)(x.Z,{py:2,children:(0,ne.jsx)(I.Z,{control:(0,ne.jsx)(L.Z,{checked:oe,onChange:function(e){return ie(!!e.target.checked)}}),label:p("blocklet.component.showContainer")})})})]})})]}))}Hr.propTypes={blocklet:f().object.isRequired,onUpdate:f().func,getComponentUrl:f().func},Hr.defaultProps={onUpdate:function(){},getComponentUrl:function(){return window.location.origin}};var Xr=p.Z.div(Ar||(Ar=(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"]))),$r=t(13671);function Jr(e){var n=(0,o.useContext)(i.RD).locale,t=(0,$r.y0)(),a=t.blocklet,l=t.recommendedDomain;return(0,ne.jsx)(Hr,(0,r.Z)({blocklet:a,getComponentUrl:function(e){return(0,ce.vH)({blocklet:a,domain:{value:l},mountPoint:e,params:(0,ce.f0)(a,n)})}},e))}Jr.defaultProps={}},44543:function(e,n,t){var r=t(57156);e.exports=function(e,n){return r(e)===r(n)}},92726:function(e,n,t){"use strict";t.d(n,{Z:function(){return j}});var r,o=t(71171),i=t(32723),a=t(34795),l=t(33028),c=t(96234),s=t(59740),u=t(5057),d=t(55898),p=t.n(d),m=t(33518),f=t(67680),h=t(61533),x=t(74490),v=t(45267),g=t(46954),Z=t(44067),y=t(96266),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)([""])))},31440:function(e,n,t){"use strict";t.d(n,{Z:function(){return v}});var r,o=t(71171),i=t(55898),a=t.n(i),l=t(85493),c=t(33518),s=t(68420),u=t(40265),d=t(44566),p=t(33028),m=t(33665),f=t(35432),h=t(96266);function x(e){var n=Object.assign({},((0,m.Z)(e),e));return(0,h.jsxs)("div",(0,p.Z)((0,p.Z)({},n),{},{style:{width:"100%"},children:[(0,h.jsx)("h3",{children:"End User License Agreement for Application"}),(0,h.jsxs)("p",{children:["Blocklet Server License Agreement ",f.COPYRIGHT_OWNER," version 2020-08-28"]}),(0,h.jsx)("p",{children:"BLOCKLET SERVER LICENSE AGREEMENT"}),(0,h.jsx)("p",{children:"\u6682\u65e0"})]}))}function v(e){var n=e.meta,t=e.onClickNext,r=e.handleDescEle,o=(0,l.useNavigate)(),i=(0,s.PE)(),a=i.t,c=i.locale,p=t||function(){o("/launch-blocklet/install".concat(window.location.search))};return(0,h.jsxs)(g,{children:[(0,h.jsx)("div",{className:"app-content",children:(0,h.jsx)("div",{className:"agreement",children:(0,h.jsx)("div",{className:"agreement-content",children:(0,h.jsx)(d.Z,{blockletMeta:{data:n},locale:c,handleDescEle:r})})})}),(0,h.jsx)("div",{className:"button-container","data-cy":"agree-all",children:(0,h.jsx)(u.Z,{onContinue:p,description:(0,h.jsx)(x,{}),texts:{listenName:a("launchBlocklet.license"),buttonNext:a("launchBlocklet.next")}})})]})}v.propTypes={meta:a().object.isRequired,onClickNext:a().func,handleDescEle:a().node},v.defaultProps={onClickNext:null,handleDescEle:""};var g=c.Z.div(r||(r=(0,o.Z)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n height: 100%;\n flex: 1;\n .app-content {\n padding: 2px 24px 24px;\n "," {\n padding-top: 10px;\n }\n width: 100%;\n flex: 1;\n letter-spacing: normal;\n }\n .agreement {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n border: 1px solid ",";\n border-radius: 12px;\n "," {\n margin-top: 24px;\n }\n "," {\n margin-top: 16px;\n }\n .agreement-content {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n font-size: 14px;\n overflow-y: auto;\n "," {\n padding: 0 24px;\n }\n "," {\n padding: 0 16px;\n }\n &:after {\n display: block;\n content: '';\n height: 24px;\n }\n }\n }\n .button-container {\n padding-top: 24px;\n padding-bottom: 34px;\n "," {\n padding-right: 24px;\n margin-left: auto;\n }\n "," {\n padding-top: 0;\n padding-bottom: 16px;\n }\n }\n"])),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.palette.grey[100]}),(function(e){return e.theme.breakpoints.up("md")}),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.up("md")}),(function(e){return e.theme.breakpoints.down("md")}),(function(e){return e.theme.breakpoints.up("md")}),(function(e){return e.theme.breakpoints.down("md")}))},61813:function(e,n,t){"use strict";t.d(n,{Z:function(){return S}});var r=t(33028),o=t(32723),i=t(34795),a=t(96234),l=t(5057),c=t(55898),s=t.n(c),u=t(13128),d=t(44846),p=t(55372),m=t(11750),f=t(47020),h=t(20870),x=t(31089),v=t(71767),g=t(64886),Z=t(49983),y=t(68420),b=t(28726),k=t(88574),j=t(38242),C=t(58238),P=t(73545),E=t(14491),T=t(4651),R=t(17450),w=t(96266);function S(e){var n=e.defaultUrl,t=e.onCancel,c=e.onSuccess,s=e.onError,S=e.mode,_=e.handleText,U=(0,C.h6)().api,N=(0,P.T)().api,I=(0,l.useState)(!1),L=(0,a.Z)(I,2),D=L[0],O=L[1],B=(0,l.useState)(""),F=(0,a.Z)(B,2),A=F[0],G=F[1],q=(0,y.PE)().t,z={dist:{}},W=(0,l.useState)(n),M=(0,a.Z)(W,2),K=M[0],Y=M[1],V=(0,l.useState)(n?1:0),H=(0,a.Z)(V,2),X=H[0],$=H[1],J=(0,l.useState)(z),Q=(0,a.Z)(J,2),ee=Q[0],ne=Q[1],te=(0,l.useState)(!1),re=(0,a.Z)(te,2),oe=re[0],ie=re[1],ae=(0,l.useState)({}),le=(0,a.Z)(ae,2),ce=le[0],se=le[1],ue="component"===S,de=!!ue||!n,pe=function(){var e=(0,i.Z)((0,o.Z)().mark((function e(){var n,t,r,i,a,l;return(0,o.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:ne(z),G(null),O(!0),e.prev=3,n=decodeURIComponent(K.trim()),e.prev=5,new URL(n),e.next=12;break;case 9:throw e.prev=9,e.t0=e.catch(5),new Error("Invalid URL");case 12:return e.next=14,U.getBlockletMetaFromUrl({input:{url:n}});case 14:t=e.sent,r=t.meta,i=t.inStore,a=t.registryUrl,ne(r),se({inStore:i,registryUrl:a,inputUrl:K.trim()}),e.next=28;break;case 22:e.prev=22,e.t1=e.catch(3),console.error(e.t1),l="Blocklet Install failed: ".concat((0,E.Z)(e.t1)),G(l),s(e.t1);case 28:return e.prev=28,O(!1),e.finish(28);case 31:case"end":return e.stop()}}),e,null,[[3,22,28,31],[5,9]])})));return function(){return e.apply(this,arguments)}}();(0,l.useEffect)((function(){n&&pe()}),[n]);var me=[{name:q("common.name"),value:(0,j.getDisplayName)({meta:ee},!0)},{name:q("common.version"),value:ee.version},{name:q("common.did"),value:(0,w.jsx)(R.Z,{did:ee.did})},{name:q("common.author"),value:(0,E.rq)(ee.author)},{name:q("blocklet.dist.downloadLink"),value:ee.dist.tarball}],fe=[{label:q("blocklet.fromUrl.step0"),body:(0,w.jsx)(m.Z,{component:"div",children:(0,w.jsx)(f.Z,{label:q("blocklet.fromUrl.label"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"blocklet-url-input",fullWidth:!0,autoFocus:!0,style:{marginBottom:32},margin:"dense",helperText:q("blocklet.fromUrl.description"),value:K,onChange:function(e){G(null),Y(e.target.value)},disabled:D,onKeyPress:function(e){"Enter"===e.key&&(e.preventDefault(),pe(),$(1))}})}),cancel:q("common.cancel"),confirm:q("common.next"),onCancel:t,onConfirm:function(){pe(),$(1)}},{label:q("blocklet.fromUrl.step1"),body:D?(0,w.jsx)("div",{style:{height:200,width:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column"},children:(0,w.jsx)(d.Z,{})}):ee.did?(0,w.jsx)("div",{style:{paddingLeft:"10%"},children:me.map((function(e){return e.name===q("common.did")?(0,w.jsx)(g.Z,{valueComponent:"div",nameWidth:120,name:e.name,nameFormatter:function(){return q("common.did")},children:e.value},e.name):(0,w.jsx)(g.Z,{valueComponent:"div",nameWidth:120,name:e.name,children:e.value},e.name)}))}):null,cancel:q(de?"common.pre":"common.cancel"),confirm:(null===_||void 0===_?void 0:_.confirm)||q("blocklet.fromUrl.confirm"),onCancel:function(){de?$((function(e){return e-1})):t()},onConfirm:function(){!function(){if(ue)return c((0,r.Z)({meta:ee},ce)),void t();O(!0),ie(!0)}()}}],he=fe[X];return(0,w.jsxs)(w.Fragment,{children:[(0,w.jsxs)(u.ZP,{title:(null===_||void 0===_?void 0:_.title)||q("blocklet.fromUrl.title"),fullWidth:!0,maxWidth:"md",onClose:function(){return he.onCancel()},showCloseButton:0===X,disableEscapeKeyDown:!0,open:!0,actions:(0,w.jsxs)(w.Fragment,{children:[he.cancel&&(0,w.jsx)(b.Z,{onClick:function(e){e.stopPropagation(),G(null),he.onCancel()},color:"inherit",children:he.cancel||q("common.cancel")}),(0,w.jsxs)(b.Z,{onClick:function(e){e.stopPropagation(),he.onConfirm()},color:"primary","data-cy":"install-blocklet-next-step",disabled:D||!K||A,variant:"contained",autoFocus:!0,style:{marginLeft:8},children:[D&&0===X&&(0,w.jsx)(d.Z,{size:16}),he.confirm]})]}),children:[de&&(0,w.jsx)(h.Z,{alternativeLabel:!0,activeStep:X,children:fe.map((function(e){var n=e.label;return(0,w.jsx)(x.Z,{children:(0,w.jsx)(v.Z,{children:n})},n)}))}),(0,w.jsx)(p.Z,{component:"div",style:{marginTop:24},children:he.body}),!!A&&(0,w.jsx)(k.Z,{type:"error",style:{width:"100%",marginTop:8},children:A})]}),ee&&oe&&(0,w.jsx)(Z.Z,{popup:!0,open:!0,forceConnected:!1,className:"launch-from-url-auth",action:"launch-free-blocklet-by-session",checkFn:N.get,checkTimeout:3e5,onSuccess:function(){O(!1),ie(!1),c((0,r.Z)({meta:ee},ce)),t()},extraParams:{title:ee.title,wt:(0,T.iK)(ee),blockletMetaUrl:decodeURIComponent(K.trim())},messages:{title:q("setup.keyPair.title"),scan:q("setup.keyPair.scan"),confirm:q("setup.keyPair.confirm"),success:q("setup.keyPair.success")},onClose:function(){O(!1),ie(!1)}})]})}S.propTypes={defaultUrl:s().string,onCancel:s().func.isRequired,onSuccess:s().func.isRequired,onError:s().func,mode:s().oneOf(["install","component"]),handleText:s().object},S.defaultProps={onError:function(){},defaultUrl:"",mode:"install",handleText:{}}},32349:function(e,n,t){"use strict";t.d(n,{Z:function(){return u}});var r=t(33028),o=t(59740),i=t(55898),a=t.n(i),l=t(22228),c=t(96266),s=["mode"];function u(e){var n=e.mode,t=(0,o.Z)(e,s);return"development"===n?(0,c.jsx)(l.Z,(0,r.Z)((0,r.Z)({type:"primary"},t),{},{children:"DEV"})):null}u.propTypes={mode:a().string.isRequired}},51233:function(e,n,t){"use strict";t.d(n,{Rw:function(){return u},fX:function(){return s},sf:function(){return d}});var r=t(35432),o=t(44543),i=t.n(o),a=t(76811),l=t(32828),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}}},35918:function(e,n,t){"use strict";var r=t(44919),o=t(42876),i=t(27773),a=t(11997),l=t(93734),c=t(76667),s=t(39293),u=t(36903),d=t(3422),p=t(92273),m=t(72906),f=t(57201),h=t(49390),x=t(33225),v=t(30770);n.Z={Add:r.Z,Check:o.default,Delete:i.default,Edit:c.default,Clear:a.default,DetailPanel:p.default,Filter:s.Z,FirstPage:u.default,LastPage:d.default,NextPage:p.default,PreviousPage:m.default,Search:f.default,ResetSearch:a.default,SortArrow:h.Z,Export:l.default,ThirdStateCheck:x.default,ViewColumn:v.default}},74782:function(e,n,t){"use strict";var r,o=t(71171),i=t(33518).Z.div(r||(r=(0,o.Z)(["\n .MuiPaper-root {\n box-shadow: none !important;\n border: none !important;\n border-radius: 0 !important;\n background: transparent;\n }\n .MuiToolbar-root {\n background: transparent;\n padding-left: 0;\n display: none;\n }\n\n &.show-pagination {\n .MuiTablePagination-toolbar {\n display: flex;\n }\n }\n\n .MuiTableHead-root th {\n min-width: 100px;\n background: transparent;\n }\n\n .MuiTable-root {\n overflow-y: hidden;\n }\n .MuiTableRow-root {\n border: none !important;\n }\n\n .MuiTableCell-root {\n padding-right: 16px;\n &:last-of-type {\n padding-right: 0;\n }\n }\n\n /* @material-table/core@next \u517c\u5bb9 mui v5, \u4f46 pagination \u6837\u5f0f\u4f3c\u4e4e\u6709\u4e9b\u95ee\u9898, \u6682\u5730\u5b9a\u5236\u4e0b\u9762\u7684\u6837\u5f0f\u4fee\u590d, \u540e\u9762\u8003\u8651\u5f03\u7528 material-table */\n .MuiTablePagination-selectLabel,\n .MuiTablePagination-displayedRows {\n display: none;\n }\n .MuiTypography-caption {\n display: inline-block;\n }\n .MuiTablePagination-selectLabel + .MuiInputBase-root {\n margin-right: 8px;\n }\n"])));n.Z=i}}]);