npm - @abtnode/webapp - Versions diffs - 1.16.13-beta-55b3e93d → 1.16.13-beta-423a40b1 - Mend

@abtnode/webapp 1.16.13-beta-55b3e93d → 1.16.13-beta-423a40b1

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.

Files changed (37) hide show

package/build/static/js/7786.b8504620.chunk.js ADDED Viewed

@@ -0,0 +1 @@

+ (self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[7786],{43120:function(e,n,t){"use strict";t.d(n,{Z:function(){return r.default}});var r=t(62923)},30756:function(e,n,t){"use strict";t.d(n,{Z:function(){return r.default}});var r=t(5140)},97786:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return hr}});var r=t(71171),i=t(5057),a=t(33518),o=t(85493),s=t(11750),c=t(12912),l=t(52118),u=t(32723),d=t(34795),m=t(68079),f=t(33028),p=t(96234),h=t(62219),x=t.n(h),v=t(74511),g=t(57156),Z=t.n(g),y=t(35432),j=t(99875),b=t(47791),C=t(33234),w=t(60411),S=t(10155),P=t(74094),_=t(96266),E="Dashboard",k=(0,i.createContext)({}),T=k.Provider,R=(k.Consumer,[E,y.DOMAIN_FOR_IP_SITE,y.DOMAIN_FOR_IP_SITE_REGEXP]),L=function(e,n){if(e.name===y.DOMAIN_FOR_DEFAULT_SITE)return-1;if(n.name===y.DOMAIN_FOR_DEFAULT_SITE)return 1;var t=R.includes(e.name),r=R.includes(n.name);return t&&r?(0,P.W8)(e.name,n.name):t?-1:r?1:(0,P.W8)(e.name,n.name)},N=function(e){var n=e.sites,t=e.nodePort,r=window.location.host,i=(n||[]).map((function(e){var n=e.id,i=e.rules,a=void 0===i?[]:i,o=e.corsAllowedOrigins,s=void 0===o?[]:o,c=e.domain,l=e.domainAliases;l=l||[],[y.DOMAIN_FOR_IP_SITE,y.DOMAIN_FOR_IP_SITE_REGEXP].includes(c)&&(c=E,l.find((function(e){return e.value===r}))||l.unshift({protected:!1,value:r}));var u={id:n,name:c,type:"domain",items:[],domainAliases:l,isProtected:e.isProtected,corsAllowedOrigins:s};return(a||[]).forEach((function(e){var n=e.id,r=e.isProtected,i=e.from.pathPrefix,a=e.to;if(a.type===y.ROUTING_RULE_TYPES.BLOCKLET){var o="";Number.parseInt(a.port,10)===Number.parseInt(t,10)?(o="Blocklet Server Dashboard",a.type=y.ROUTING_RULE_TYPES.DAEMON):o=a.did,u.items.push({id:n,name:Z()(i||"/"),title:o,type:"rule",isProtected:r,pathPrefix:i,to:a})}else u.items.push({id:n,pathPrefix:i,name:Z()(i||"/"),title:"Blocklet Server Dashboard",type:"rule",isProtected:r,to:a})})),u.items=x()(u.items,(function(e){return e.name})),u})).sort(L),a=i.reduce((function(e,n){var t=n.name;if(t.endsWith(y.BLOCKLET_SITE_GROUP_SUFFIX)){var r=t.split(".");t=(0,p.Z)(r,1)[0]}return e[t]=(0,f.Z)((0,f.Z)({},n),{},{rules:n.items}),e}),{});return{sites:i,siteMap:a}},A=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.did,t=e.domain,r=e.mountPoint,i=e.siteMap,a=e.params;if(!i)return null;var o=i[n];if(!o)return null;var s=t||(o.domainAliases||[])[0];if(!s)return null;var c=r;if(!c){var l=o.rules.filter((function(e){return!e.name.startsWith(y.WELLKNOWN_PATH_PREFIX)}))[0];c=l?l.name:"/"}return(0,j.getAccessUrl)(s.value,c,a)},O=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=e.did,t=e.mountPoint,r=e.siteMap,i=e.params;if(!r)return[];var a=r[n];if(!a)return[];var o=a.domainAliases||[];if(!o.length)return[];var s=t;if(!s){var c=a.rules.filter((function(e){return!e.name.startsWith(y.WELLKNOWN_PATH_PREFIX)}))[0];s=c?c.name:"/"}return o.map((function(e){return(0,j.getAccessUrl)(e.value,s,i)}))},I=function(e){var n=e.map((function(e){return e.domain})).filter((function(e){return![y.DOMAIN_FOR_IP_SITE_REGEXP,y.DOMAIN_FOR_DEFAULT_SITE].includes(e)})),t=[];return e.forEach((function(e){var n;return(n=t).push.apply(n,(0,m.Z)(e.domainAliases||[]))})),{domains:n,domainsAliases:t=t.map((function(e){return"string"===typeof e?{value:e,isProtected:!1}:e}))}};function U(e){var n=e.children,t=(0,S.Z)(),r=(0,w.h6)().info,a=(0,i.useState)([]),o=(0,p.Z)(a,2),s=o[0],c=o[1],l=(0,i.useState)([]),h=(0,p.Z)(l,2),x=h[0],g=h[1],Z=(0,i.useState)([]),y=(0,p.Z)(Z,2),j=y[0],P=y[1],E=(0,v.default)((0,d.Z)((0,u.Z)().mark((function e(){var n,r,i,a;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.getRoutingSites({input:{snapshotHash:""}});case 2:return n=e.sent,r=n.sites,i=r||[],e.next=7,Promise.all(i.map(function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,b.ensureDomainAliases)(n.domainAliases,{getIP:C.Z});case 2:return n.domainAliases=e.sent,e.abrupt("return",n);case 4:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}()));case 7:a=I(i),c(i),g(a.domains),P([window.location.hostname].concat((0,m.Z)(a.domains),(0,m.Z)(a.domainsAliases.map((function(e){return e.value})))));case 11:case"end":return e.stop()}}),e)}))),[r]),k=function(e,n){c((function(t){return t.map((function(t){return t.id===e?n.domain?n:(0,f.Z)((0,f.Z)({},n),{},{domain:t.domain}):t}))}))},R=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n){var r;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.addRoutingSite({input:n});case 2:r=e.sent,c(s.concat(r.site));case 4:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),L=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n,r){var i,a;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.updateRoutingSite({input:(0,f.Z)({id:n},r)});case 2:(i=e.sent).site&&i.site.id&&-1!==(a=s.findIndex((function(e){return e.id===i.site.id})))&&(s.splice(a,1,i.site),c([].concat(s)));case 4:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),U=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.deleteRoutingSite({input:{id:n}});case 2:c(s.filter((function(e){return e.id!==n})));case 3:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),D=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n,r,i){var a;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.addDomainAlias({input:{id:n,domainAlias:r,force:i}});case 2:a=e.sent,k(n,a.site);case 4:case"end":return e.stop()}}),e)})));return function(n,t,r){return e.apply(this,arguments)}}(),F=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n,r){var i;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.deleteDomainAlias({input:{id:n,domainAlias:r}});case 2:i=e.sent,k(n,i.site);case 4:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),z=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n,r){var i,a;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.addRoutingRule({input:{id:n,rule:r}});case 2:i=e.sent,a=i.site,k(n,a);case 5:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),B=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n,r){var i,a;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.updateRoutingRule({input:{id:n,rule:r}});case 2:i=e.sent,a=i.site,k(n,a);case 5:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),W=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n,r){var i,a;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.deleteRoutingRule({input:{id:n,ruleId:r}});case 2:i=e.sent,a=i.site,k(n,a);case 5:case"end":return e.stop()}}),e)})));return function(n,t){return e.apply(this,arguments)}}(),M={loading:E.loading,error:E.error,refresh:E.retry,api:t,actions:{addSite:R,updateSite:L,deleteSite:U,addDomainAlias:D,deleteDomainAlias:F,takeSnapshot:function(e){return t.takeRoutingSnapshot({input:{dryRun:!1,message:encodeURIComponent(e)}})},addRule:z,updateRule:B,deleteRule:W}},G=N({sites:s,nodePort:r.port}),Y=G.sites,q=G.siteMap;return M.sites=Y,M.siteMap=q,M.domains=x,M.allDomains=j,M.getBlockletUrl=function(e){var n=e.did,t=e.domain,r=e.mountPoint,i=e.params;return A({did:n,domain:t,mountPoint:r,siteMap:M.siteMap,params:i})},M.getBlockletUrls=function(e){var n=e.did,t=e.mountPoint,r=e.params;return O({did:n,mountPoint:t,siteMap:M.siteMap,params:r})},(0,_.jsx)(T,{value:{routing:M},children:n})}function D(){return(0,i.useContext)(k).routing}function F(e){var n=[y.DOMAIN_FOR_IP_SITE_REGEXP,y.DOMAIN_FOR_DEFAULT_SITE,y.DOMAIN_FOR_IP_SITE];return"undefined"!==typeof window&&"undefined"!==typeof window.location&&n.push(window.location.hostname),n.includes(e)}var z,B=t(39948),W=t(75e3),M=t(59740),G=t(77018),Y=t(47020),q=t(13714),K=t(31290),H=t(44846),V=t(67357),X=t(24065),Q=t(43120);function J(){return null}function $(e){var n=e.confirm,t=(0,i.useState)(null),r=(0,p.Z)(t,2),a=r[0],o=r[1],s=(0,l.useLocaleContext)().t;return(0,_.jsxs)(ne,{children:[(0,_.jsx)(J,{message:function(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),i=1;i<t;i++)r[i-1]=arguments[i];var a="function"===typeof n?n.apply(void 0,[e].concat(r)):n;return!a||("string"===typeof a&&(a={description:a}),o((0,f.Z)({title:s("common.noticeTitle"),description:s("common.leavePageTip"),confirm:s("common.confirm"),cancel:s("common.cancel"),onConfirm:function(){return function(e){if(e){var n=window.env&&window.env.apiPrefix?window.env.apiPrefix:"/";"/"===n?X.Z.push("".concat(e.pathname)):(n.endsWith("/")&&(n=n.substring(0,n.length-1)),X.Z.push("".concat(n).concat(e.pathname))),window.location.reload()}}(e)},onCancel:function(){o(null)}},a)),!1)}}),a&&(0,_.jsx)(Q.Z,{title:a.title,description:a.description,confirm:a.confirm,cancel:a.cancel,params:a.params,onConfirm:a.onConfirm,onCancel:a.onCancel})]})}$.defaultProps={confirm:null};var ee,ne=a.default.div(z||(z=(0,r.Z)(["\n margin-bottom: 24px;\n .top-btns-alert {\n @media (max-width: ","px) {\n flex-direction: column;\n padding-bottom: 15px;\n padding-right: 20px;\n }\n }\n .top-btns-action {\n @media (max-width: ","px) {\n margin-right: 0px;\n }\n }\n"])),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.breakpoints.values.sm})),te=t(7199),re=["children"];function ie(e){var n=e.children,t=(0,M.Z)(e,re);return(0,_.jsx)(oe,{children:(0,_.jsx)("form",(0,f.Z)((0,f.Z)({},t),{},{children:n}))})}var ae,oe=a.default.div(ee||(ee=(0,r.Z)(["\n width: 100%;\n\n form {\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: column;\n\n .form-submit {\n margin-top: 32px;\n margin-right: 32px;\n width: 180px;\n }\n\n .form-actions {\n display: flex;\n @media (max-width: ","px) {\n flex-direction: column;\n width: 100%;\n button {\n width: 100%;\n margin-right: 0;\n }\n }\n }\n\n .form-item {\n margin-top: 16px;\n margin-right: 0;\n }\n }\n"])),(function(e){return e.theme.breakpoints.values.sm})),se=["onSaved","title","submit","disabled"],ce=function(e){return{name:e.name,description:e.description,registerUrl:e.registerUrl,webWalletUrl:e.webWalletUrl,diskAlertThreshold:e.diskAlertThreshold,enableWelcomePage:!1,enableBetaRelease:!1}};function le(e){var n=e.onSaved,t=e.title,r=e.submit,a=e.disabled,o=(0,M.Z)(e,se),c=(0,w.h6)(),m=(0,l.useLocaleContext)().t,h=(0,G.cI)({defaultValues:ce(c.info)}),x=h.register,v=h.handleSubmit,g=h.errors,Z=h.formState,j=h.reset,b=(0,i.useState)(""),C=(0,p.Z)(b,2),E=C[0],k=C[1],T=(0,i.useState)(""),R=(0,p.Z)(T,2),L=R[0],N=R[1],A=(0,i.useState)(!1),O=(0,p.Z)(A,2),I=O[0],U=O[1],D=(0,i.useState)(c.info.autoUpgrade),F=(0,p.Z)(D,2),z=F[0],B=F[1],W=(0,i.useState)(!!c.info.enableWelcomePage),X=(0,p.Z)(W,2),Q=X[0],J=X[1],ee=(0,i.useState)(!!c.info.enableBetaRelease),ne=(0,p.Z)(ee,2),re=ne[0],ae=ne[1],oe=(0,i.useState)(null),le=(0,p.Z)(oe,2)[1];(0,i.useEffect)((function(){var e="";(Z.isDirty||z!==c.info.autoUpgrade||Q!==!!c.info.enableWelcomePage)&&(e=m("setting.unSavedTip")),N(e)}),[m,c,z,Q,Z]);var ue=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(t){var r;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return k(""),U(!0),e.prev=2,e.next=5,(0,S.Z)().updateNodeInfo({input:(0,f.Z)((0,f.Z)({},t),{},{name:t.name.trim(),description:t.description.trim(),registerUrl:t.registerUrl.trim(),webWalletUrl:t.webWalletUrl.trim(),diskAlertThreshold:t.diskAlertThreshold,autoUpgrade:z,enableWelcomePage:Q,enableBetaRelease:re})});case 5:return r=e.sent,e.next=8,(0,P._v)(1e3);case 8:j(ce(r.info)),"function"===typeof n&&n(r),e.next=15;break;case 12:e.prev=12,e.t0=e.catch(2),k((0,P.Z)(e.t0));case 15:return e.prev=15,U(!1),e.finish(15);case 18:case"end":return e.stop()}}),e,null,[[2,12,15,18]])})));return function(n){return e.apply(this,arguments)}}();return(0,_.jsxs)(de,(0,f.Z)((0,f.Z)({},o),{},{children:[(0,_.jsxs)(ie,{noValidate:!0,autoComplete:"off",onSubmit:v(ue),children:[!!t&&(0,_.jsx)(s.Z,{component:"h2",variant:"h5",className:"stepper-tip",children:t}),(0,_.jsx)(te.Z,{permission:"mutate_node",children:function(e){var n;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(Y.Z,{variant:"outlined",label:m("setting.form.name"),placeholder:m("setting.form.namePlaceholder"),disabled:I||!e,"data-cy":"node-name-input",error:g.name&&!!g.name.message,inputRef:x({validate:function(e){return!!e.trim()||m("setting.form.nameRequired")}}),inputProps:{name:"name",onFocus:function(){return le("name")}},helperText:g.name?g.name.message:"",margin:"normal"}),(0,_.jsx)(Y.Z,{variant:"outlined",label:m("setting.form.description"),placeholder:m("setting.form.descriptionHolder"),disabled:I||!e,"data-cy":"node-description-input",error:g.description&&!!g.description.message,inputRef:x({validate:function(e){return!!e.trim()||m("setting.form.descriptionRequired")}}),inputProps:{name:"description",onFocus:function(){return le("description")}},helperText:g.description?g.description.message:"",margin:"normal"}),(0,_.jsx)(Y.Z,{variant:"outlined",label:m("setting.form.registerUrl"),placeholder:m("setting.form.registerUrlPlaceholder"),disabled:I||!e,error:g.registerUrl&&!!g.registerUrl.message,inputRef:x({}),inputProps:{name:"registerUrl",onFocus:function(){return le("registerUrl")}},helperText:g.registerUrl?g.registerUrl.message:"",margin:"normal"}),(0,_.jsx)(Y.Z,{variant:"outlined",label:m("setting.form.webWalletUrl"),placeholder:m("setting.form.webWalletUrlPlaceholder"),disabled:I||!e,error:g.webWalletUrl&&!!g.webWalletUrl.message,inputRef:x({}),inputProps:{name:"webWalletUrl",onFocus:function(){return le("webWalletUrl")}},helperText:g.webWalletUrl?g.webWalletUrl.message:"",margin:"normal"}),(0,_.jsx)(Y.Z,{type:"number",variant:"outlined",label:m("setting.form.monitor.diskThreshold"),placeholder:m("setting.form.monitor.diskThresholdPlaceholder"),disabled:I||!e,error:g.diskAlertThreshold&&!!g.diskAlertThreshold.message,inputRef:x({}),inputProps:{name:"diskAlertThreshold",onFocus:function(){return le("diskAlertThreshold")},min:1,max:99},helperText:g.diskAlertThreshold?g.diskAlertThreshold.message:"",margin:"normal"}),(0,_.jsx)(V.default,{checked:z,onChange:function(){return B(!z)},name:"autoUpgrade",disabled:!e,labelProps:{label:(0,_.jsx)(s.Z,{children:(0,_.jsx)("span",{children:m("setting.form.upgrade.switchLabel")})})},style:{marginTop:20}}),z&&(0,_.jsx)(V.default,{checked:re,onChange:function(){return ae(!re)},name:"enableBetaRelease",disabled:!e,labelProps:{label:(0,_.jsx)(s.Z,{children:(0,_.jsx)("span",{children:m("setting.form.upgrade.enableBetaRelease")})})},style:{marginTop:20}}),(null===(n=c.info)||void 0===n?void 0:n.mode)!==y.NODE_MODES.SERVERLESS&&(0,_.jsx)(V.default,{checked:Q,onChange:function(){return J(!Q)},name:"enableWelcomePage",disabled:!e,labelProps:{label:(0,_.jsx)(s.Z,{children:(0,_.jsx)("span",{children:m("setting.form.welcome.switchLabel")})})},style:{marginTop:16}})]})}}),!!L&&(0,_.jsx)(K.default,{type:"warning",variant:"icon",children:L}),(0,_.jsx)("div",{className:"form-actions",children:(0,_.jsx)(te.Z,{permission:"mutate_node",children:(0,_.jsxs)(q.default,{onClick:v(ue),disabled:a||I,color:"primary",variant:"contained","data-cy":"submit-btn",className:"form-submit",children:[r," ",I?(0,_.jsx)(H.Z,{size:16}):null]})})}),!!E&&(0,_.jsx)(K.default,{type:"error",variant:"icon",error:E,children:E})]}),L&&(0,_.jsx)($,{confirm:m("setting.unSavedLeaveTip")})]}))}le.defaultProps={disabled:!1};var ue,de=a.default.div(ae||(ae=(0,r.Z)(["\n display: flex;\n align-items: flex-start;\n width: 100%;\n max-width: 720px;\n"])));function me(){var e=(0,w.h6)().refresh,n=(0,l.useLocaleContext)().t;(0,i.useEffect)((function(){e({silent:!0})}),[]);return(0,_.jsx)(xe,{children:(0,_.jsx)(B.Z,{mb:4,children:(0,_.jsx)(le,{onSaved:function(){e({silent:!0}),W.default.success(n("setting.saveSuccess"))},submit:n("common.saveChanges"),title:""})})})}var fe,pe,he,xe=a.default.div(ue||(ue=(0,r.Z)(["\n .eula-btn {\n text-decoration-line: underline;\n margin-top: 32px;\n margin-bottom: 32px;\n }\n\n .danger-zone {\n margin-top: 1vw;\n width: 100%;\n max-width: 720px;\n }\n"]))),ve=t(15368),ge=t(78146),Ze=t(37298),ye=t(33271),je=t(84639),be=t(27773),Ce=t(30756);function we(e){var n=(0,l.useLocaleContext)().t,t=(0,i.useState)(!1),r=(0,p.Z)(t,2),a=r[0],o=r[1],s=(0,i.useState)(null),c=(0,p.Z)(s,2),m=c[0],f=c[1],h=e.item,x=e.onDelete,v=void 0===x?function(){}:x,g=h.id,Z=h.title,y=(0,S.Z)(),j=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return o(!0),e.prev=1,e.next=4,y.deleteWebHook({input:{id:g}});case 4:v(),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(1),console.error(e.t0);case 10:return e.prev=10,o(!1),f(null),e.finish(10);case 14:case"end":return e.stop()}}),e,null,[[1,7,10,14]])})));return function(){return e.apply(this,arguments)}}(),b={keyName:g,title:n("setting.webhook.delTitle"),description:"".concat(n("setting.webhook.description",{name:"".concat(Z,""),id:"".concat(g,"")})),confirmPlaceholder:n("setting.webhook.confirm_desc",{name:g}),confirm:n("common.delConfirm"),cancel:n("common.cancel"),onConfirm:j,onCancel:function(){o(!1),f(null)}};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(q.default,{edge:"end",onClick:function(){return f(b)},size:"small",className:"rule-action",color:"error",children:[a?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(be.default,{style:{fontSize:16}}),n("common.delete")]}),m&&(0,_.jsx)(Ce.Z,{keyName:m.keyName,title:m.title,description:m.description,confirmPlaceholder:m.confirmPlaceholder,confirm:m.confirm,cancel:m.cancel,params:m.params,onConfirm:m.onConfirm,onCancel:m.onCancel})]})}function Se(){var e=(0,w.h6)(),n=e.api,t=e.imgPrefix,r=(0,i.useContext)(l.LocaleContext),a=r.t,o=r.locale,s=(0,i.useState)([]),c=(0,p.Z)(s,2),h=c[0],x=c[1],g=(0,i.useState)(null),Z=(0,p.Z)(g,2),y=Z[0],j=Z[1],b=(0,v.default)((0,d.Z)((0,u.Z)().mark((function e(){var t,r,i,a;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.all([n.getWebHooks(),n.getWebhookSenders()]);case 2:return t=e.sent,r=(0,p.Z)(t,2),i=r[0].webhooks,a=r[1].senders,x(a),e.abrupt("return",i);case 8:case"end":return e.stop()}}),e)})))),C=b.value||[],S=b.loading,E=b.error,k=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(t){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,n.createWebHook({input:t});case 3:b.retry(),e.next=10;break;case 6:e.prev=6,e.t0=e.catch(0),W.default.error((0,P.Z)(e.t0),{autoHideDuration:4e3}),console.error("create webhook error",e.t0);case 10:j(null);case 11:case"end":return e.stop()}}),e,null,[[0,6]])})));return function(n){return e.apply(this,arguments)}}(),T=function(){j(null)},R=function(e){var n={title:e.title,description:function(e,n,t){var r=e.list||[];return(0,_.jsx)(Ee,{children:r.map((function(e,i){return(0,_.jsx)(ke,{children:(0,_.jsx)(Y.Z,{label:e.description,autoComplete:"off",variant:"outlined","data-cy":"webhook-input",fullWidth:!0,autoFocus:!0,style:{marginBottom:16},margin:"dense",value:e.value||e.defaultValue,onChange:function(o){e.required&&(e.disable=!0);var s,c=o.target.value.trim();e.value=c,r[i]=e,c?(0,P.rg)(e.type,c)?(e.disable=!1,t("")):(e.disable=!0,t(a("setting.webhook.requiredError",{type:e.type}))):(e.required&&(e.disable=!0),t("")),s=(0,m.Z)(r),n({list:s,__disableConfirm:s.some((function(e){return e.disable}))})}})},e.name)}))})},params:{list:e.params,__disableConfirm:!0},confirm:a("setting.webhook.add"),cancel:a("common.cancel"),onConfirm:function(n){e.params=n.list,k(e)},onCancel:T};j(n)},L=function(e){return"slack"===e.type?(0,_.jsx)("img",{src:"".concat(t,"/").concat(e.type,".png"),alt:"icon",style:{width:20,height:20}}):(0,_.jsx)(ye.default,{})},N=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(t){var r;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r={webhookId:t.id,message:"This is a test notification in order to test the integration"},e.next=3,n.sendTestMessage({input:r});case 3:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),A=[{label:a("setting.webhook.columns.description"),name:"id",verticalKeyAlign:"center",options:{sort:!1,customBodyRenderLite:function(e){var n=C[e],t=h.find((function(e){return e.name===n.name}));return(0,_.jsxs)("div",{style:{display:"flex",alignItems:"center",whiteSpace:"nowrap"},children:[L(n),(0,_.jsxs)("div",{style:{marginLeft:10},children:[(0,_.jsxs)("b",{children:["ID: ",n.id]}),(0,_.jsx)("div",{children:t?t.description:null})]})]})}}},{label:a("setting.webhook.columns.params"),name:"params",options:{sort:!1,customBodyRenderLite:function(e){var n=C[e].params.map((function(e){return(0,_.jsx)("div",{children:e.value})}));return(0,_.jsx)("div",{style:{display:"flex",alignItems:"center",whiteSpace:"nowrap"},children:n})}}},{label:a("setting.webhook.columns.createdAt"),name:"createdAt",options:{customBodyRenderLite:function(e){var n=C[e];return(0,_.jsx)(ge.default,{value:Number(n.createdAt),locale:o})}}},{label:a("common.actions"),align:"center",verticalKeyAlign:"center",options:{sort:!1,customBodyRenderLite:function(e){var n=C[e],t=h.find((function(e){return e.name===n.name}))||{};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(we,{item:(0,f.Z)((0,f.Z)({},n),{},{title:t.title}),onDelete:function(){b.retry()}}),(0,_.jsxs)(q.default,{size:"small",color:"secondary",onClick:function(){N(n)},children:[(0,_.jsx)(Te,{}),a("setting.webhook.test")]})]})}}}];if(!C.length&&S)return(0,_.jsx)("div",{style:{textAlign:"center",marginTop:"50px"},children:(0,_.jsx)(H.Z,{})});if(!C.length&&E)return(0,_.jsx)(ve.Z,{severity:"error",children:(0,P.Z)(E)});var O=h.map((function(e){return{icon:L(e),title:"".concat(a("common.add")," ").concat(e.title),onClick:function(){R(e)}}}));return(0,_.jsxs)(Ee,{children:[y&&(0,_.jsx)(Q.Z,{color:"primary",title:y.title,description:y.description,confirm:y.confirm,params:y.params,onConfirm:y.onConfirm,onCancel:y.onCancel}),(0,_.jsx)(Ze.default,{columns:A,data:C,locale:o,customButtons:O,verticalKeyWidth:100,options:{download:!1,filter:!1,print:!1}})]})}we.defaultProps={onDelete:function(){}};var Pe,_e,Ee=a.default.div(fe||(fe=(0,r.Z)(["\n .button-addon {\n text-align: right;\n }\n\n .add-list {\n width: 420px;\n max-width: calc(100vw - 10px);\n text-align: left;\n background: #fff;\n border-radius: 5px;\n }\n"]))),ke=a.default.div(pe||(pe=(0,r.Z)(["\n display: flex;\n"]))),Te=(0,a.default)(je.Z)(he||(he=(0,r.Z)(["\n font-size: 16px !important;\n margin-right: 3px;\n"]))),Re=t(54725),Le=t.n(Re),Ne=t(5761),Ae=t(39905),Oe=t(69972),Ie=t(52581),Ue=["children"];function De(e){var n=e.title,t=e.description,r=e.children;return(0,_.jsxs)(Fe,{children:[(0,_.jsxs)(s.Z,{component:"div",className:"danger-item-info",children:[(0,_.jsx)(s.Z,{className:"title",component:"h3",variant:"h6",color:"textPrimary",gutterBottom:!0,children:n}),(0,_.jsx)(s.Z,{className:"desc",component:"p",variant:"body1",color:"textSecondary",children:t})]}),(0,_.jsx)(s.Z,{component:"div",className:"danger-item-action",children:r})]})}var Fe=a.default.div(Pe||(Pe=(0,r.Z)(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n .danger-item-info {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n .title {\n word-break: break-word;\n }\n .desc {\n word-break: break-word;\n }\n }\n\n .danger-item-action {\n width: 160px;\n flex-shrink: 0;\n text-align: right;\n cursor: pointer;\n @media (max-width: ","px) {\n width: auto;\n margin-left: 10px;\n }\n }\n"])),(function(e){return e.theme.breakpoints.values.sm}));function ze(e){var n=e.children,t=(0,M.Z)(e,Ue);return(0,_.jsx)(Be,(0,f.Z)((0,f.Z)({},t),{},{children:n}))}var Be=a.default.div(_e||(_e=(0,r.Z)(["\n border: 1px solid #dedede;\n padding: 16px;\n"])));function We(e){var n=e.action,t=(0,l.useLocaleContext)().t,r=(0,w.h6)(),a=r.info,o=r.api,s=(0,i.useState)(!1),c=(0,p.Z)(s,2),m=c[0],f=c[1],h=(0,i.useState)(null),x=(0,p.Z)(h,2),v=x[0],g=x[1];if("upgrade"===n&&!a.nextVersion)return null;var Z=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(e.prev=0,f(!0),"upgrade"!==n){e.next=5;break}return e.next=5,o.upgradeNodeVersion();case 5:if("restart"!==n){e.next=8;break}return e.next=8,o.restartServer();case 8:e.next=13;break;case 10:e.prev=10,e.t0=e.catch(0),W.default.error((0,P.Z)(e.t0));case 13:return e.prev=13,f(!1),g(null),e.finish(13);case 17:case"end":return e.stop()}}),e,null,[[0,10,13,17]])})));return function(){return e.apply(this,arguments)}}(),y={title:t("setting.form.".concat(n,".title"),{version:a.nextVersion}),description:t("setting.form.".concat(n,".dialog")),confirm:t("common.confirm"),cancel:t("common.cancel"),onConfirm:Z,onCancel:function(){f(!1),g(null)}};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(ze,{className:"danger-zone",children:(0,_.jsx)(De,{title:t("setting.form.".concat(n,".title"),{version:a.nextVersion}),description:t("setting.form.".concat(n,".description")),children:(0,_.jsxs)(q.default,{onClick:function(){return g(y)},color:"primary",variant:"contained",size:"large",children:[m?(0,_.jsx)(H.Z,{size:16,style:{marginRight:3}}):null,t("setting.form.".concat(n,".confirm"))]})})}),v&&(0,_.jsx)(Q.Z,{title:v.title,description:v.description,confirm:v.confirm,cancel:v.cancel,onConfirm:v.onConfirm,onCancel:v.onCancel})]})}var Me,Ge=t(67654),Ye=t(74976),qe=t(67680);function Ke(){var e=(0,l.useLocaleContext)().t,n=(0,w.h6)().api,t=(0,i.useState)(!1),r=(0,p.Z)(t,2),a=r[0],o=r[1],s=(0,i.useState)(null),c=(0,p.Z)(s,2),m=c[0],f=c[1],h=(0,Ge.default)("last-check-server-version-time"),x=(0,p.Z)(h,2),v=x[0],g=x[1],Z=function(){o(!1),f(null)},y={title:e("setting.form.upgrade.check"),description:e("setting.form.upgrade.latest"),confirm:e("common.confirm"),showCancel:!1,color:"primary",onConfirm:Z,onCancel:Z},j=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(t){var r;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,o(!0),e.next=4,n.checkNodeVersion();case 4:r=e.sent,!r.version&&t&&f(y),g(Date.now()),e.next=13;break;case 10:e.prev=10,e.t0=e.catch(0),console.error("Failed to check new version: ".concat(e.t0.message));case 13:return e.prev=13,o(!1),e.finish(13);case 16:case"end":return e.stop()}}),e,null,[[0,10,13,16]])})));return function(n){return e.apply(this,arguments)}}();return(0,i.useEffect)((function(){(!v||Date.now()-Number(v)>6e4)&&j(!1)}),[]),(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(qe.Z,{color:"primary","aria-label":"upload picture",component:"span",onClick:j,size:"large",children:a?(0,_.jsx)(H.Z,{size:16,style:{fontSize:14}}):(0,_.jsx)(Ye.default,{style:{fontSize:16}})}),m&&(0,_.jsx)(Q.Z,{title:m.title,description:m.description,confirm:m.confirm,showCancel:m.showCancel,color:m.color,onConfirm:m.onConfirm,onCancel:m.onCancel})]})}function He(){var e=(0,l.useLocaleContext)().t,n=(0,w.h6)().info,t=(0,i.useRef)(null),r=(0,b.getServerUrl)(n),a=(0,i.useState)(!1),o=(0,p.Z)(a,2),s=o[0],c=o[1],u=(0,i.useRef)(null),d=(0,i.useState)({}),m=(0,p.Z)(d,2),h=m[0],x=m[1],v=n.createdAt,g=n.did,Z=n.description,y=n.name,j=(0,i.useMemo)((function(){return(0,P.i7)()}),[]),C=n.registerUrl;localStorage.getItem("__registerUrl")&&(C=localStorage.getItem("__registerUrl"));var S={did:g,name:y,createdAt:v,description:Z,url:r},E=(0,i.useMemo)((function(){return h.type&&"notAdded"!==h.type}),[h]),k=(0,i.useMemo)((function(){return s?e("setting.form.register.detecting"):"update"===h.type?e("setting.form.register.update"):e(E?"setting.form.register.added":"setting.form.register.btn")}),[s,h]),T=(0,i.useMemo)((function(){return"update"!==h.type&&!!E}),[h]),R=function(){clearTimeout(u.current),c(!1),j&&t.current.contentWindow.postMessage((0,f.Z)((0,f.Z)({},S),{},{action:"queryRegisterInfo"}),"*")};(0,i.useEffect)((function(){var n;return window.addEventListener("message",n=function(n){var t=n.data;"launcher init"===t?R():"registerNode"===(null===t||void 0===t?void 0:t.action)&&(x(t),"addSucceed"===t.type&&W.default.success(e("setting.form.register.addSucceed")),"updateSucceed"===t.type&&W.default.success(e("setting.form.register.updateSucceed")))}),j&&(c(!0),u.current=setTimeout((function(){W.default.error(e("setting.form.register.timeout")),c(!1)}),6e3)),function(){window.removeEventListener("message",n),clearTimeout(u.current)}}),[]);var L=j?(0,_.jsx)(q.default,{disabled:T,loading:s,onClick:function(){t.current.contentWindow.postMessage((0,f.Z)((0,f.Z)({},S),{},{action:"registerNode"}),"*")},color:"primary",variant:"contained",size:"large",children:k}):(0,_.jsx)(q.default,{color:"primary",loading:s,component:"a",href:"".concat(C,"?register-server=").concat(encodeURIComponent(JSON.stringify(S))),target:"_blank",variant:"contained",size:"large",children:e("setting.form.register.btn")});return(0,_.jsxs)(Xe,{children:[(0,_.jsx)(ze,{className:"danger-zone",children:(0,_.jsx)(De,{title:e(E?"setting.form.register.titleAdded":"setting.form.register.title"),description:e(E?"setting.form.register.descriptionOnAdded":"setting.form.register.description",{url:C}),children:L})}),j&&(0,_.jsx)("iframe",{ref:t,src:C,title:"register",style:{display:"none"}})]})}var Ve,Xe=a.default.div(Me||(Me=(0,r.Z)(["\n .danger-zone {\n margin-top: 1vw;\n width: 100%;\n }\n"])));function Qe(){var e=(0,o.useNavigate)(),n=(0,w.h6)(),t=n.api,r=n.info,i=(0,l.useLocaleContext)().t,a=(0,v.default)((0,d.Z)((0,u.Z)().mark((function e(){var n;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.getNodeEnv();case 2:return n=e.sent,e.abrupt("return",Object.assign({},n.info||{}));case 4:case"end":return e.stop()}}),e)})))),s=[];return s.push({name:i("dashboard.nodeDid"),value:(0,_.jsx)(Oe.default,{did:r.did})},r.nodeOwner?{name:i("dashboard.ownerDid"),value:(0,_.jsx)(Oe.default,{did:r.nodeOwner.did})}:null,{name:i("dashboard.routingEngine"),value:r.routing.provider}),a.value&&s.push({name:"".concat(i("common.os")),value:a.value.os},a.value.docker?{name:"".concat(i("common.docker")),value:(0,_.jsx)(Ae.default,{type:"success",children:"Yes"})}:null,a.value.gitpod?{name:"".concat(i("common.gitpod")),value:(0,_.jsx)(Ae.default,{type:"success",children:"Yes"})}:null),Array.isArray(Le()(a,"value.blockletEngines",null))&&a.value.blockletEngines.filter((function(e){return e.visible&&e.available})).forEach((function(e){s.push({name:e.displayName,value:e.version})})),(0,_.jsxs)(Je,{children:[(0,_.jsx)(te.Z,{permission:"mutate_node",children:function(e){return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(B.Z,{display:"flex",alignItems:"center",style:{marginBottom:24},children:[(0,_.jsx)(B.Z,{width:50,height:50,children:(0,_.jsx)("img",{src:Ie.Z,height:50,alt:""})}),(0,_.jsxs)(B.Z,{ml:2,children:[(0,_.jsx)("h2",{style:{margin:0},children:r.name}),(0,_.jsx)("p",{style:{margin:0,color:"#888"},children:r.description})]})]}),(0,_.jsxs)(Ne.default,{style:{marginBottom:4},valueComponent:"div",nameWidth:150,name:i("common.version"),children:[r.version,e&&(0,_.jsx)(Ke,{})]},"version"),s.filter(Boolean).map((function(e){return(0,_.jsx)(Ne.default,{valueComponent:"div",nameWidth:150,name:e.name,children:e.value},e.name)})),e&&(0,_.jsx)("div",{style:{maxWidth:720,marginBottom:"1vw"},children:(0,_.jsx)(We,{action:"upgrade"})})]})}}),(0,_.jsx)(te.Z,{permission:"mutate_node",children:function(e){return e&&(0,_.jsx)("div",{style:{maxWidth:720,marginBottom:"1vw"},children:(0,_.jsx)(We,{action:"restart"})})}}),(0,_.jsx)(te.Z,{permission:"mutate_blocklets",children:!!r.registerUrl&&(0,_.jsx)("div",{style:{maxWidth:720,marginTop:"-1vw"},children:(0,_.jsx)(He,{})})}),(0,_.jsx)(B.Z,{mt:10,style:{marginLeft:-8},children:(0,_.jsx)(q.default,{className:"eula-btn",onClick:function(){e("/eula")},children:i("common.goEULA")})})]})}var Je=a.default.div(Ve||(Ve=(0,r.Z)(["\n display: flex;\n flex-direction: column;\n margin-top: 32px;\n"]))),$e=t(62896),en=t(44919),nn=t(52926),tn=t(56666),rn=t(8413),an=t(24138),on=(0,i.createContext)({}),sn=on.Provider;on.Consumer;function cn(e){var n=e.children,t=e.domains,r=(0,S.Z)(),a=JSON.stringify(t),o=(0,i.useState)({}),s=(0,p.Z)(o,2),c=s[0],l=s[1],u=(0,i.useMemo)((function(){return t.filter((function(e){return(0,P.rM)(e)}))}),[a]);(0,rn.mU)(y.EVENTS.DOMAIN_STATUS,(function(e){e&&l((function(n){return(0,f.Z)((0,f.Z)({},n),{},(0,tn.Z)({},e.domain,(0,f.Z)((0,f.Z)({},n[e.domain]),e)))}))}));var d=(0,an.ZN)(u),m=d.domainsAccessibility,h=d.recommendedDomain,x=(0,i.useMemo)((function(){var e=(0,f.Z)({},c);return Object.keys(m).forEach((function(n){var t=e[n]||{};e[n]=(0,f.Z)((0,f.Z)({},t),m[n])})),e}),[c,m]),v=function(){u.length>0&&r.checkDomains({input:{domains:u}})};(0,i.useEffect)((function(){v()}),[u]);var g={refresh:v,updateStatus:function(e){e&&r.checkDomains({input:{domains:[e]}})},api:r,status:x,recommendedDomain:h,recommendedDomainStatus:x[h]};return(0,_.jsx)(sn,{value:g,children:n})}function ln(){var e=(0,i.useContext)(on);return{status:e.status,recommendedDomainStatus:e.recommendedDomainStatus,recommendedDomain:e.recommendedDomain,updateStatus:e.updateStatus}}var un=t(53906),dn=t(74490),mn=t(76811),fn=t(30746),pn=function(e){return(Le()(e,"meta.interfaces")||[]).find((function(e){return e.type===mn.BLOCKLET_INTERFACE_TYPE_WEB}))};function hn(e){var n=e.params,t=e.blocklets,r=e.setParams,a=e.setError,o=e.serviceTypes,s=(0,l.useLocaleContext)().t,c={301:s("common.redirectPermanently"),302:s("common.redirectTemporary"),307:s("common.redirectTemporary"),308:s("common.redirectPermanently")},u=x()(t,(function(e){return e.meta.name})),d=function(e){var t=u.find((function(n){return n.meta.did===e})),r=pn(t);return(0,f.Z)((0,f.Z)({},function(e,t){if(!t)return{};var r=e.port;t&&e.ports&&t.port&&(e.ports[t.port]&&(r=e.ports[t.port]),e.ports[t.port.internal]&&(r=e.ports[t.port.internal]));var i=n.pathPrefix;return t&&t.prefix!==mn.BLOCKLET_DYNAMIC_PATH_PREFIX&&(i=t.prefix),{port:r,pathPrefix:i}}(t,r)),{},{interfaceName:r?r.name:""})};return(0,i.useEffect)((function(){n.interfaceName||n.type!==y.ROUTING_RULE_TYPES.BLOCKLET||r((0,f.Z)((0,f.Z)((0,f.Z)({},n),d(n.did)),{},{__disableConfirm:!1}))}),[]),(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(Y.Z,{select:!0,label:s("router.domain.add.type"),autoComplete:"off",variant:"outlined",name:"type","data-cy":"domain-add-type",fullWidth:!0,value:n.type,onChange:function(e){a(""),r((0,f.Z)((0,f.Z)({},n),{},{type:e.target.value,__disableConfirm:!1}))},style:{marginBottom:32},SelectProps:{},children:o.map((function(e){var n=e.name,t=e.value;return(0,_.jsx)(dn.Z,{value:t,children:n},t)}))}),n.type===y.ROUTING_RULE_TYPES.BLOCKLET&&(0,_.jsxs)(Y.Z,{select:!0,label:s("router.domain.add.blocklet"),autoComplete:"off",variant:"outlined",name:"did","data-cy":"domain-blocklet-select",fullWidth:!0,value:n.did,onChange:function(e){r((0,f.Z)((0,f.Z)((0,f.Z)({},n),d(e.target.value)),{},{did:e.target.value,__disableConfirm:!1}))},style:{marginBottom:32},children:[u.map((function(e){return(0,_.jsxs)(dn.Z,{value:e.meta.did,children:["".concat(e.meta.name," v").concat(e.meta.version),(0,_.jsx)("span",{style:{marginLeft:8},children:(0,_.jsx)(fn.default,{status:e.status})})]},e.meta.did)})),0===t.length&&(0,_.jsx)(dn.Z,{value:"",children:s("common.empty")},"empty")]}),n.type===y.ROUTING_RULE_TYPES.REDIRECT&&[(0,_.jsx)(Y.Z,{select:!0,label:s("router.domain.add.redirect"),autoComplete:"off",variant:"outlined",name:"type",fullWidth:!0,value:n.redirectCode,onChange:function(e){return r((0,f.Z)((0,f.Z)({},n),{},{redirectCode:e.target.value}))},style:{marginBottom:32},SelectProps:{},children:Object.keys(c).map((function(e){return(0,_.jsx)(dn.Z,{value:e,children:"".concat(c[e]," - ").concat(e)},e)}))}),(0,_.jsx)(Y.Z,{label:s("common.redirectUrl"),autoComplete:"off",variant:"outlined",name:"url","data-cy":"redirect-url-input",fullWidth:!0,autoFocus:!0,value:n.url,helperText:s("router.urlHelperText"),style:{marginBottom:32},onChange:function(e){r((0,f.Z)((0,f.Z)({},n),{},{url:e.target.value,__disableConfirm:!e.target.value.trim()})),e.target.value.trim()?a(""):a(s("router.validation.redirectUrlRequired"))}})]]})}hn.defaultProps={params:{},blocklets:[],serviceTypes:[{name:"Blocklet",value:y.ROUTING_RULE_TYPES.BLOCKLET},{name:"Redirect",value:y.ROUTING_RULE_TYPES.REDIRECT},{name:"Default - User will see the 404 page",value:y.ROUTING_RULE_TYPES.NONE}],setParams:function(){},setError:function(){}};var xn=t(44543),vn=t.n(xn),gn=function(e,n){if(e.type===y.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===y.ROUTING_RULE_TYPES.BLOCKLET&&!e.did)return new Error(n("router.validation.didRequired"));return null},Zn=function(e,n){return e?e.endsWith(y.DEFAULT_IP_DOMAIN_SUFFIX)?n("router.domain.validate.suffixTip",{suffix:y.DEFAULT_IP_DOMAIN_SUFFIX}):null:n("router.domain.validate.emptyTip")},yn=function(e,n){var t=gn(e,n);if(t)return t;var r=Zn(e.domain,n);return r?new Error(r):null},jn=function(e,n){var t=gn(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")))},bn=function(e){var n=e.params,t=e.blocklets,r=e.blocklet,i=e.locale,a=void 0===i?"en":i;if(r){var o=(r.children||[]).find((function(e){return vn()(e.mountPoint,n.pathPrefix)}));if("gateway"!==r.meta.group&&"/"===n.pathPrefix&&(o="/"),o)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")}[a]}var s=t.find((function(e){return e.meta.did===n.did}));if(!s)return"";var c=s.meta.interfaces.find((function(e){return"web"===e.type}));return c&&c.prefix!==mn.BLOCKLET_DYNAMIC_PATH_PREFIX&&n.pathPrefix!==c.prefix?{zh:"\u8be5 blocklet \u53ea\u80fd\u6302\u8f7d\u5728 ".concat(c.prefix),en:"This blocklet can only be mounted on ".concat(c.prefix)}[a]:""},Cn=function(e){if(0===e.length)return"";var n=new URL(window.location.href).searchParams.get("fromDid");if(n){var t=e.find((function(e){return e.meta.did===n}));if(t)return t.meta.did}return e[0].meta.did};function wn(e){var n=e.blocklets,t=e.onActivate,r=void 0===t?function(){}:t,a=e.children,o=(0,l.useLocaleContext)().t,c=D().actions,m=(0,w.h6)().info,h=(0,i.useState)(!1),x=(0,p.Z)(h,2),v=x[0],g=x[1],Z=(0,i.useState)(null),j=(0,p.Z)(Z,2),b=j[0],C=j[1],S=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(t){var r,i,a,o;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return g(!0),r={from:{pathPrefix:"/"},to:{type:t.type}},i={domain:t.domain.trim()===m.ip?"":t.domain.trim()},t.type===y.ROUTING_RULE_TYPES.BLOCKLET?(a=n.find((function(e){return e.meta.did===t.did})),(o=Le()(a,"meta.interfaces",[]).find((function(e){return e.name===t.interfaceName})))&&o.prefix!==mn.BLOCKLET_DYNAMIC_PATH_PREFIX&&(r.from.pathPrefix=o.prefix),r.to.port=t.port,r.to.did=t.did,r.to.interfaceName=t.interfaceName,i.rules=[r]):t.type===y.ROUTING_RULE_TYPES.REDIRECT&&(r.to.url=t.url,r.to.redirectCode=t.redirectCode,i.rules=[r]),e.next=6,c.addSite(i);case 6:g(!1),C(null);case 8:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),P={title:o("router.domain.add.title"),description:function(e,t,r){var i=function(e){var n=e.__disableConfirm||!!yn(e,o);t((0,f.Z)((0,f.Z)({},e),{},{__disableConfirm:n}))};return(0,_.jsxs)(s.Z,{component:"div",children:[(0,_.jsx)(Y.Z,{label:o("router.domain.add.description"),autoComplete:"off",variant:"outlined",name:"domain",fullWidth:!0,autoFocus:!0,value:e.domain,style:{marginTop:16,marginBottom:32},inputProps:{"data-cy":"domain-name-input"},onChange:function(n){var t=n.target.value.trim(),a=Zn(t,o);i((0,f.Z)((0,f.Z)({},e),{},{domain:n.target.value,__disableConfirm:!!a})),r(a||"")}}),(0,_.jsx)(hn,{blocklets:n,params:e,setParams:i,setError:r})]})},confirm:o("router.domain.add.confirm"),cancel:o("router.domain.add.cancel"),params:{domain:"",did:Cn(n),port:"",interfaceName:"",type:y.ROUTING_RULE_TYPES.BLOCKLET,redirectCode:302,__disableConfirm:!0},onConfirm:S,onCancel:function(){g(!1),C(null)}},E=function(e){e.stopPropagation(),C(P)||r()};return(0,i.useEffect)((function(){new URL(window.location.href).searchParams.get("fromDid")&&C(P)}),[]),(0,_.jsxs)(_.Fragment,{children:["function"===typeof a?a({loading:v,open:E}):(0,_.jsxs)(dn.Z,{onClick:E,className:"rule-action","data-cy":"action-add-domain",children:[v?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(un.default,{style:{fontSize:18,marginRight:5}}),o("router.domain.add.title")]}),b&&(0,_.jsx)(Q.Z,{title:b.title,description:b.description,confirm:b.confirm,cancel:b.cancel,params:b.params,onConfirm:b.onConfirm,onCancel:b.onCancel,color:"primary"})]})}wn.defaultProps={onActivate:function(){},children:null,blocklets:[]};var Sn=t(15849),Pn=t(82434),_n=t.n(Pn),En=t(76005),kn=t(8732),Tn=t(21017),Rn=t(50725),Ln=t(75239),Nn=t(12838),An=t(46954),On=t(44067),In=t(49603),Un=t(92456),Dn=t(48342),Fn=t(76720),zn=t(92273),Bn=t(38242),Wn=t(61533),Mn=t(83294);function Gn(e){var n=(0,l.useLocaleContext)().t,t=D().actions,r=(0,i.useState)(!1),a=(0,p.Z)(r,2),o=a[0],s=a[1],c=(0,i.useState)(null),m=(0,p.Z)(c,2),f=m[0],h=m[1],x=e.id,v=e.name;if(F(v))return null;var g=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return s(!0),e.next=3,t.deleteSite(x);case 3:s(!1),h(null);case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Z={title:n("router.domain.delete.title"),description:n("router.domain.delete.description",{name:"".concat(v,"")}),confirmPlaceholder:n("router.domain.delete.confirm_desc",{name:v}),confirm:n("common.delConfirm"),cancel:n("common.cancel"),onConfirm:g,onCancel:function(){s(!1),h(null)},keyName:v};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(dn.Z,{onClick:function(n){n.stopPropagation(),h(Z)||e.onActivate()},className:"rule-action","data-cy":"action-delete-domain",children:[o?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(be.default,{style:{fontSize:18,marginRight:5}}),n("router.domain.delete.title")]}),f&&(0,_.jsx)(Ce.Z,{keyName:f.keyName,title:f.title,description:f.description,confirmPlaceholder:f.confirmPlaceholder,confirm:f.confirm,cancel:f.cancel,params:f.params,onConfirm:f.onConfirm,onCancel:f.onCancel})]})}var Yn=t(45239),qn=t(57490);function Kn(e){var n=e.id,t=e.blocklets,r=e.onActivate,a=void 0===r?function(){}:r,o=e.onRuleAdded,c=void 0===o?function(){}:o,m=e.children,h=e.teamDid,x=(0,l.useLocaleContext)().t,v=D().actions,g=(0,i.useState)(!1),Z=(0,p.Z)(g,2),j=Z[0],b=Z[1],C=(0,i.useState)(null),w=(0,p.Z)(C,2),S=w[0],P=w[1],E=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(t){var r,i;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,jn(t,x);case 2:if(!(r=e.sent)){e.next=5;break}throw r;case 5:return b(!0),i={from:{pathPrefix:(0,Yn.default)(t.pathPrefix)},to:{type:t.type}},t.type===y.ROUTING_RULE_TYPES.BLOCKLET?(i.to.port=t.port,i.to.did=t.did,i.to.interfaceName=t.interfaceName):t.type===y.ROUTING_RULE_TYPES.REDIRECT&&(i.to.url=t.url.trim(),i.to.redirectCode=t.redirectCode),e.next=10,v.addRule(n,i,h);case 10:P(null),b(!1),c();case 13:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),k={title:x("router.rule.add.title"),description:function(e,n,r){return(0,_.jsxs)(s.Z,{component:"div",children:[(0,_.jsx)(Y.Z,{label:x("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix","data-cy":"path-prefix-input",fullWidth:!0,autoFocus:!0,helperText:e.helperText||x("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:e.pathPrefix,onChange:function(i){var a=!1,o=bn({params:(0,f.Z)((0,f.Z)({},e),{},{pathPrefix:i.target.value}),blocklets:t});r(o),e.type===y.ROUTING_RULE_TYPES.BLOCKLET&&o&&(a=!0),e.type!==y.ROUTING_RULE_TYPES.REDIRECT||e.url||(a=!0),i.target.value.trim()||(a=!0,r(x("router.validation.pathPrefixRequired"))),a||r("");var s=x("common.slugifyHint",{value:(0,qn.LN)(i.target.value)});n((0,f.Z)((0,f.Z)({},e),{},{pathPrefix:i.target.value,helperText:s,__disableConfirm:a}))}}),(0,_.jsx)(hn,{blocklets:t,params:e,setParams:function(e){r(null),jn(e,x)?n((0,f.Z)((0,f.Z)({},e),{},{__disableConfirm:!0})):n((0,f.Z)({},e))},setError:r})]})},confirm:x("router.rule.add.confirm"),cancel:x("common.cancel"),params:{pathPrefix:"",type:y.ROUTING_RULE_TYPES.BLOCKLET,did:Cn(t),port:"",interfaceName:"",redirectCode:302,__disableConfirm:!0},onConfirm:E,onCancel:function(){b(!1),P(null)}},T=function(e){e.stopPropagation(),P(k)||a()};return(0,_.jsxs)(_.Fragment,{children:["function"===typeof m?m({loading:j,open:T}):(0,_.jsxs)(dn.Z,{onClick:T,className:"rule-action","data-cy":"action-add-rule",children:[j?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(ye.default,{style:{fontSize:18,marginRight:5}}),x("router.rule.add.title")]}),S&&(0,_.jsx)(Q.Z,{title:S.title,description:S.description,confirm:S.confirm,cancel:S.cancel,params:S.params,onConfirm:S.onConfirm,onCancel:S.onCancel,color:"primary"})]})}function Hn(e){var n=(0,l.useLocaleContext)().t,t=D().actions,r=(0,i.useState)(!1),a=(0,p.Z)(r,2),o=a[0],s=a[1],c=(0,i.useState)(null),m=(0,p.Z)(c,2),f=m[0],h=m[1],x=e.id,v=e.parent.id,g=e.name,Z=e.children,y=e.onActivate,j=e.teamDid,b=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return s(!0),e.next=3,t.deleteRule(v,x,j);case 3:s(!1),h(null);case 5:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),C={keyName:g,title:n("router.rule.delete.title"),description:n("router.rule.delete.description",{name:"".concat(g,"")}),confirmPlaceholder:n("router.rule.delete.confirm_desc",{name:g}),confirm:n("common.delConfirm"),cancel:n("router.rule.delete.cancel"),onConfirm:b,onCancel:function(){s(!1),h(null)}},w=function(e){e.stopPropagation(),h(C)||y()};return(0,_.jsxs)(_.Fragment,{children:["function"===typeof Z?Z({loading:o,open:w}):(0,_.jsxs)(dn.Z,{onClick:w,className:"rule-action","data-cy":"action-delete-rule",children:[o?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(be.default,{style:{fontSize:18,marginRight:5}}),n("router.rule.delete.title")]}),f&&(0,_.jsx)(Ce.Z,{keyName:f.keyName,title:f.title,description:f.description,confirmPlaceholder:f.confirmPlaceholder,confirm:f.confirm,cancel:f.cancel,params:f.params,onConfirm:f.onConfirm,onCancel:f.onCancel})]})}Kn.defaultProps={onActivate:function(){},onRuleAdded:function(){},children:null,blocklets:[],teamDid:""},Hn.defaultProps={onActivate:function(){},children:null,teamDid:""};var Vn=t(76667);function Xn(e){var n=e.id,t=e.name,r=e.did,a=e.parent,o=e.blocklets,c=e.to,m=e.children,h=e.onActivate,x=e.teamDid,v=(0,l.useLocaleContext)().t,g=D().actions,Z=(0,i.useState)(!1),j=(0,p.Z)(Z,2),b=j[0],C=j[1],w=(0,i.useState)(null),S=(0,p.Z)(w,2),P=S[0],E=S[1],k=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(t){var r,i;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,jn(t,v);case 2:if(!(r=e.sent)){e.next=5;break}throw r;case 5:return C(!0),i={id:n,from:{pathPrefix:(0,Yn.default)(t.pathPrefix)},to:{type:t.type}},t.type===y.ROUTING_RULE_TYPES.BLOCKLET?(i.to.port=t.port,i.to.did=t.did,i.to.interfaceName=t.interfaceName):t.type===y.ROUTING_RULE_TYPES.REDIRECT&&(i.to.url=t.url,i.to.redirectCode=t.redirectCode),e.next=10,g.updateRule(a.id,i,x);case 10:E(null),C(!1);case 12:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),T={title:v("router.rule.update.title"),description:function(e,n,t){return(0,_.jsxs)(s.Z,{component:"div",children:[(0,_.jsx)(Y.Z,{label:v("router.rule.add.pathPrefix"),autoComplete:"off",variant:"outlined",name:"pathPrefix","data-cy":"path-prefix-input",fullWidth:!0,autoFocus:!0,helperText:e.helperText||v("router.rule.add.pathPrefixTip"),style:{marginBottom:32},margin:"dense",value:e.pathPrefix,onChange:function(r){var i=!1,a=bn({params:(0,f.Z)((0,f.Z)({},e),{},{pathPrefix:r.target.value}),blocklets:o});e.type===y.ROUTING_RULE_TYPES.BLOCKLET&&a&&(i=!0,t(a)),e.type!==y.ROUTING_RULE_TYPES.REDIRECT||e.url||(i=!0),r.target.value.trim()||(i=!0,t(v("router.validation.pathPrefixRequired"))),i||t("");var s=v("common.slugifyHint",{value:(0,qn.LN)(r.target.value)});n((0,f.Z)((0,f.Z)({},e),{},{pathPrefix:r.target.value,helperText:s,__disableConfirm:i}))}}),(0,_.jsx)(hn,{blocklets:o,params:e,setParams:function(e){jn(e,v)?n((0,f.Z)((0,f.Z)({},e),{},{__disableConfirm:!0})):n((0,f.Z)({},e))},setError:t})]})},confirm:v("router.rule.update.confirm"),cancel:v("router.rule.update.cancel"),color:"primary",params:{pathPrefix:"/"===t?t:t.replace(/^\/+/,"").replace(/\/+$/,""),type:c.type||y.ROUTING_RULE_TYPES.BLOCKLET,did:r||Cn(o),port:c.port||"",interfaceName:c.interfaceName||"",redirectCode:c.redirectCode||302,url:c.url||"",__disableConfirm:!1},onConfirm:k,onCancel:function(){C(!1),E(null)}},R=function(e){e.stopPropagation(),E(T)||h()};return(0,_.jsxs)(_.Fragment,{children:["function"===typeof m?m({loading:b,open:R}):(0,_.jsxs)(dn.Z,{onClick:R,className:"rule-action","data-cy":"action-update-rule",children:[b?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(Vn.default,{style:{fontSize:18,marginRight:5}}),v("router.rule.update.title")]}),P&&(0,_.jsx)(Q.Z,{title:P.title,description:P.description,confirm:P.confirm,color:P.color,cancel:P.cancel,params:P.params,onConfirm:P.onConfirm,onCancel:P.onCancel})]})}Xn.defaultProps={onActivate:function(){},children:null,did:"",blocklets:[],teamDid:""};var Qn=t(11593),Jn=t(26174),$n=t(88092);function et(e){var n=e.id,t=e.name,r=e.onActivate,a=e.children,o=e.title,c=e.teamDid,m=(0,l.useLocaleContext)().t,h=D().actions,x=(0,i.useState)(!1),v=(0,p.Z)(x,2),g=v[0],Z=v[1],j=(0,i.useState)(null),b=(0,p.Z)(j,2),C=b[0],w=b[1];if(y.DOMAIN_FOR_DEFAULT_SITE===t)return null;var S=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(t){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Z(!0),e.next=3,h.addDomainAlias(n,t.domain.trim(),!!t.force,c);case 3:Z(!1),w(null);case 5:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),E=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n,t,r){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,t(n);case 3:e.next=8;break;case 5:e.prev=5,e.t0=e.catch(0),r((0,P.Z)(e.t0));case 8:return e.prev=8,Z(!1),e.finish(8);case 11:case"end":return e.stop()}}),e,null,[[0,5,8,11]])})));return function(n,t,r){return e.apply(this,arguments)}}(),k={title:o||m("router.domainAlias.add.title"),description:function(e,n,t){return(0,_.jsxs)(s.Z,{component:"div",children:[(0,_.jsx)(Y.Z,{label:m("router.domainAlias.add.domainDescription"),autoComplete:"off",variant:"outlined",name:"domain","data-cy":"add-domain",fullWidth:!0,autoFocus:!0,inputProps:{"data-cy":"domain-name-input"},value:e.domain,style:{marginBottom:8},margin:"dense",onChange:function(r){var i=r.target.value.trim(),a=Zn(i,m);n((0,f.Z)((0,f.Z)({},e),{},{domain:i,__disableConfirm:!!a})),t(a||"")},onKeyPress:function(n){if("Enter"===n.key){n.preventDefault();var r=n.target.value.trim(),i=Zn(r,m);i?t(i):E(e,S,t)}}}),(0,_.jsx)(Jn.Z,{control:(0,_.jsx)($n.Z,{checked:e.force,onChange:function(t){n((0,f.Z)((0,f.Z)({},e),{},{force:t.target.checked}))},name:"checkedB",color:"primary"}),label:m("router.domainAlias.add.forceTip")})]})},confirm:m("common.confirm"),cancel:m("common.cancel"),params:{domain:"",__disableConfirm:!0},onConfirm:S,onCancel:function(){Z(!1),w(null)}},T=function(e){e.stopPropagation(),w(k)||r()};return(0,_.jsxs)(_.Fragment,{children:["function"===typeof a?a({loading:g,open:T}):(0,_.jsxs)(dn.Z,{onClick:T,className:"rule-action","data-cy":"action-add-domain-alias",children:[g?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(Qn.default,{style:{fontSize:18,marginRight:5}}),m("router.domainAlias.add.title")]}),C&&(0,_.jsx)(Q.Z,{title:C.title,description:C.description,confirm:C.confirm,cancel:C.cancel,params:C.params,onConfirm:C.onConfirm,onCancel:C.onCancel,color:"primary"})]})}function nt(e){var n=e.id,t=e.name,r=e.corsAllowedOrigins,a=e.onActivate,o=e.children,c=e.teamDid,m=(0,l.useLocaleContext)().t,h=D().actions,x=(0,i.useState)(!1),v=(0,p.Z)(x,2),g=v[0],Z=v[1],j=(0,i.useState)(null),b=(0,p.Z)(j,2),C=b[0],w=b[1];if(F(t))return null;var S=t;t.endsWith(y.BLOCKLET_SITE_GROUP_SUFFIX)&&(S="".concat(m("common.the")," Blocklet"));var P=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(t){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return Z(!0),e.next=3,h.updateSite(n,{corsAllowedOrigins:t.corsAllowedOrigins.split(",").map((function(e){return e.trim()}))},c);case 3:Z(!1),w(null);case 5:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),E={title:m("router.domainSecurity.title"),description:function(e,n,t){return(0,_.jsx)(s.Z,{component:"div",children:(0,_.jsx)(Y.Z,{label:m("router.domainSecurity.cors.title",{name:S}),autoComplete:"off",variant:"outlined",name:"corsAllowedOrigins",fullWidth:!0,autoFocus:!0,value:e.corsAllowedOrigins,style:{marginBottom:32},margin:"dense",helperText:m("router.domainSecurity.cors.description",{name:S}),onChange:function(r){n((0,f.Z)((0,f.Z)({},e),{},{corsAllowedOrigins:r.target.value,__disableConfirm:!r.target.value.trim()})),r.target.value.trim()?t(""):t(m("router.domainSecurity.cors.domainInvalid"))}})})},confirm:m("common.confirm"),cancel:m("common.cancel"),params:{corsAllowedOrigins:Array.isArray(r)?r.join(", "):t,__disableConfirm:!0},onConfirm:P,onCancel:function(){Z(!1),w(null)}},k=function(e){e.stopPropagation(),w(E)||a()};return(0,_.jsxs)(_.Fragment,{children:["function"===typeof o?o({loading:g,open:k}):(0,_.jsxs)(dn.Z,{onClick:k,className:"rule-action","data-cy":"action-update-domain",children:[g?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(en.default,{style:{fontSize:18,marginRight:5}}),m("router.domainSecurity.title")]}),C&&(0,_.jsx)(Q.Z,{title:C.title,description:C.description,confirm:C.confirm,cancel:C.cancel,params:C.params,onConfirm:C.onConfirm,onCancel:C.onCancel,color:"primary"})]})}function tt(e){var n=e.id,t=e.name,r=e.onActivate,a=(0,l.useLocaleContext)().t,o=D().actions,c=(0,i.useState)(!1),m=(0,p.Z)(c,2),h=m[0],x=m[1],v=(0,i.useState)(null),g=(0,p.Z)(v,2),Z=g[0],y=g[1];if(F(t))return null;var j=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(t){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return x(!0),e.next=3,o.updateSite(n,{domain:t.domain.trim()});case 3:x(!1),y(null);case 5:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),b={title:a("router.domain.update.title"),description:function(e,n,t){return(0,_.jsx)(s.Z,{component:"div",children:(0,_.jsx)(Y.Z,{label:a("router.domain.update.label"),autoComplete:"off",variant:"outlined",name:"domain",fullWidth:!0,autoFocus:!0,value:e.domain,style:{marginBottom:32},margin:"dense",helperText:a("router.domain.update.description"),onChange:function(r){var i=r.target.value.trim(),o=Zn(i,a);n((0,f.Z)((0,f.Z)({},e),{},{domain:r.target.value,__disableConfirm:!!o})),t(o||"")}})})},confirm:a("common.confirm"),cancel:a("common.cancel"),params:{domain:t,__disableConfirm:!0},onConfirm:j,onCancel:function(){x(!1),y(null)}};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(dn.Z,{onClick:function(e){e.stopPropagation(),y(b)||r()},className:"rule-action",children:[h?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(Vn.default,{style:{fontSize:18,marginRight:5}}),a("router.domain.update.title")]}),Z&&(0,_.jsx)(Q.Z,{title:Z.title,description:Z.description,confirm:Z.confirm,cancel:Z.cancel,params:Z.params,onConfirm:Z.onConfirm,onCancel:Z.onCancel,color:"primary"})]})}function rt(e){var n=(0,i.useState)(null),t=(0,p.Z)(n,2),r=t[0],a=t[1],o=function(e){e&&e.stopPropagation(),a(null)},s=[];if("root"===e.type&&s.push((0,_.jsx)(wn,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o}),"add-domain")),"domain"===e.type&&s.push((0,_.jsx)(tt,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o}),"update-domain"),(0,_.jsx)(Kn,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o,onRuleAdded:e.onRuleAdded}),"add-rule"),(0,_.jsx)(et,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o}),"add-domain-alias"),(0,_.jsx)(nt,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o}),"update-domain-security"),(0,_.jsx)(Gn,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o}),"delete-domain")),"rule"===e.type&&s.push((0,_.jsx)(Xn,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o}),"update-rule"),(0,_.jsx)(Hn,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o}),"delete-rule")),e.type===y.ROUTING_RULE_TYPES.REDIRECT&&s.push((0,_.jsx)(Gn,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o}),"delete-domain")),"dashboard_domain"!==e.type&&"blocklet_domain"!==e.type||s.push((0,_.jsx)(Kn,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o}),"add-rule"),(0,_.jsx)(nt,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o}),"update-domain-security"),(0,_.jsx)(et,(0,f.Z)((0,f.Z)({},e),{},{onActivate:o}),"add-domain-alias")),0===s.length)return null;var c=function(e){e.stopPropagation()};return(0,_.jsxs)("div",{children:[(0,_.jsx)(qe.Z,{onMouseDown:c,onClick:function(e){e.stopPropagation(),a(e.currentTarget)},"data-cy":"action-trigger",size:"large",children:(0,_.jsx)(Mn.default,{})}),(0,_.jsx)(Wn.Z,{keepMounted:!0,onMouseDown:c,open:!!r,onClose:o,anchorEl:r,anchorOrigin:{vertical:"bottom",horizontal:"left"},children:s})]})}et.defaultProps={onActivate:function(){},children:null,title:"",teamDid:""},nt.defaultProps={onActivate:function(){},children:null,corsAllowedOrigins:"",teamDid:""},rt.defaultProps={onRuleAdded:function(){},blocklet:{}};var it=t(55898),at=t.n(it),ot=t(31942),st=t(11819),ct=t(62788),lt=t(67973),ut=t(238);function dt(e){var n=e.certificate,t=(0,i.useState)(null),r=(0,p.Z)(t,2),a=r[0],o=r[1],c=(0,w.h6)(),u=(0,l.useLocaleContext)().t,d=function(){o(null)},m=Boolean(a);return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(ot.default,{"aria-owns":m?"mouse-over-popover":void 0,onMouseEnter:function(e){o(e.currentTarget)},onMouseLeave:d,style:{color:"#44cdc6",fontSize:20,marginLeft:8,cursor:"pointer"}}),(0,_.jsx)(st.ZP,{id:"mouse-over-popover",style:{pointerEvents:"none"},open:m,anchorEl:a,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},onClose:d,disableRestoreFocus:!0,children:(0,_.jsx)(ct.Z,{children:(0,_.jsxs)(lt.Z,{style:{display:"flex"},children:[(0,_.jsx)("div",{children:(0,_.jsx)("img",{src:"".concat(c.imgPrefix,"/https-certificate-icon.png"),alt:"certificate icon",style:{maxHeight:"100%",maxWidth:"100%"}})}),(0,_.jsxs)(s.Z,{component:"div",style:{marginLeft:"16px"},children:[(0,_.jsx)(s.Z,{component:"div",style:{fontWeight:"bold"},children:n.domain}),(0,_.jsx)(s.Z,{component:"div",children:"".concat(u("common.issuer"),": ").concat(Le()(n,"issuer.commonName",""))}),(0,_.jsx)(s.Z,{component:"div",children:"".concat(u("router.cert.issuedOn"),": ").concat((0,P.pz)(n.validFrom))}),(0,_.jsx)(s.Z,{component:"div",children:"".concat(u("router.cert.expiryOn"),": ").concat((0,P.pz)(n.validTo))})]})]})})})]})}function mt(e){var n=e.name,t=e.type,r=e.filters,a=(0,l.useLocaleContext)().t,o=ln().status;if("domain"!==t)return null;if(!(0,P.rM)(n))return null;var s=null,c=null,u=o[n]||{},d=u.isHttps,f=u.matchedCert;if(!(0,P.ao)(n)){var p=(o[n]||{}).dns,h=void 0===p?{}:p,x=h.resolved,v=h.ip;s=x||"127.0.0.1"===v?(0,_.jsx)(Ln.Z,{title:a("router.domain.verify.ok"),children:(0,_.jsx)(ut.default,{color:"success"})}):(0,_.jsx)(Ln.Z,{title:a("router.domain.verify.notResolved"),children:(0,_.jsx)(ut.default,{color:"error"})})}c=d?(0,_.jsx)(dt,{certificate:f}):(0,_.jsx)(Ln.Z,{title:a("router.domain.https.bad"),children:(0,_.jsx)(ot.default,{style:{color:"#D0021B",fontSize:20,marginLeft:8,cursor:"pointer"}})});var g=r.map((function(e){return"domain"===e?s:"http"===e?c:null}));return i.createElement.apply(void 0,[i.Fragment,null].concat((0,m.Z)(g)))}dt.defaultProps={certificate:{}},mt.propTypes={type:at().string.isRequired,name:at().string.isRequired,filters:at().array},mt.defaultProps={filters:["domain","http"]};var ft,pt,ht=function(e){return["waiting","creating","renewaling"].includes(e)};function xt(e){var n,t=(0,l.useLocaleContext)().t,r=(0,i.useState)(!1),a=(0,p.Z)(r,2),o=a[0],s=a[1],c=(0,i.useState)(null),m=(0,p.Z)(c,2),f=m[0],h=m[1],x=e.domain,g=e.onAdd,Z=e.children,j=(0,w.h6)().api,b=(0,i.useState)(!1),C=(0,p.Z)(b,2),P=C[0],E=C[1],k=ln().updateStatus,T=(0,S.Z)(),R=(0,v.default)((0,d.Z)((0,u.Z)().mark((function e(){var n,t;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,T.findCertificateByDomain({input:{domain:x}});case 2:return n=e.sent,t=n.cert,e.abrupt("return",t);case 5:case"end":return e.stop()}}),e)})))),L=function(e){e.domain===x&&E(!1)};if((0,i.useEffect)((function(){var e;!R.loading&&ht(null===(e=R.value)||void 0===e?void 0:e.status)&&E(!0)}),[R]),(0,rn.mU)(y.EVENTS.CERT_ERROR,L),(0,rn.mU)(y.EVENTS.CERT_ISSUED,(function(e){R.retry(),k(e.domain),L(e)})),R.loading)return"";if("normal"===(null===(n=R.value)||void 0===n?void 0:n.status))return"";var N=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return s(!0),e.prev=1,e.next=4,j.issueLetsEncryptCert({input:{domain:x}});case 4:g(),E(!0),e.next=12;break;case 8:e.prev=8,e.t0=e.catch(1),console.error(e.t0),E(!1);case 12:return e.prev=12,s(!1),h(null),e.finish(12);case 16:case"end":return e.stop()}}),e,null,[[1,8,12,16]])})));return function(){return e.apply(this,arguments)}}(),A={title:t("router.cert.genLetsEncryptCert.title"),description:(0,_.jsxs)("div",{children:[(0,_.jsx)(K.default,{type:"success",children:t("router.cert.genLetsEncryptCert.dnsTip")}),t("router.cert.genLetsEncryptCert.description")]}),confirm:t("common.confirm"),onConfirm:N,onCancel:function(){s(!1),h(null)}};return(0,_.jsxs)(_.Fragment,{children:[P?(0,_.jsx)(Ln.Z,{title:t("router.cert.issuing"),children:(0,_.jsx)(H.Z,{size:12})}):Z({loading:o,open:function(e){e.stopPropagation(),h(A)}}),f&&(0,_.jsx)(Q.Z,{color:"primary",title:f.title,description:f.description,confirm:f.confirm,params:f.params,onConfirm:f.onConfirm,onCancel:f.onCancel})]})}function vt(e){var n,t=ln().status,r=e.domain;return!(0,P.rM)(r)||null!==(n=t[r])&&void 0!==n&&n.isHttps?"":(0,_.jsx)(xt,(0,f.Z)({},e))}function gt(e){var n=(0,l.useLocaleContext)().t,t=(0,i.useState)(!1),r=(0,p.Z)(t,2),a=r[0],o=r[1],s=(0,i.useState)(null),c=(0,p.Z)(s,2),m=c[0],f=c[1],h=e.id,x=e.domain,v=e.onDelete,g=e.children,Z=e.teamDid,y=D().actions;if(x===window.location.hostname)return"";var j=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return o(!0),e.prev=1,e.next=4,y.deleteDomainAlias(h,x,Z);case 4:v(),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(1),console.error(e.t0);case 10:return e.prev=10,o(!1),f(null),e.finish(10);case 14:case"end":return e.stop()}}),e,null,[[1,7,10,14]])})));return function(){return e.apply(this,arguments)}}(),b={title:n("router.domainAlias.delete.title"),description:n("router.domainAlias.delete.description"),confirm:n("common.confirm"),onConfirm:j,onCancel:function(){o(!1),f(null)}},C=function(e){e.stopPropagation(),f(b)};return(0,_.jsxs)(_.Fragment,{children:["function"===typeof g?g({loading:a,open:C}):(0,_.jsxs)(q.default,{edge:"end",onClick:C,size:"small",className:"rule-action",color:"error","data-cy":"action-delete-domain-alias",children:[a?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(be.default,{style:{fontSize:16}}),n("router.domainAlias.delete.title")]}),m&&(0,_.jsx)(Q.Z,{title:m.title,description:m.description,confirm:m.confirm,params:m.params,onConfirm:m.onConfirm,onCancel:m.onCancel})]})}function Zt(e){var n=e.domain,t=e.isHttps,r=e.toUrl,i=t?"https":"http",a=(0,l.useLocaleContext)().t,o=r;return _n()(o)||(o="".concat(i,"://").concat(n).concat(r)),(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(s.Z,{className:"arrow-name-middle",children:a("common.redirect")}),(0,_.jsx)("span",{className:"arrow-name-arrow",children:"\u27f6"}),(0,_.jsx)(In.Z,{href:o,target:"_blank",underline:"hover",children:r},o)]})}function yt(){var e=(0,l.useLocaleContext)().t;return(0,_.jsx)(s.Z,{className:"arrow-name-middle",children:e("common.page404")})}function jt(e){var n=(0,l.useLocaleContext)().t,t=(0,nn.RJ)().data,r=(0,w.h6)().info,a=ln().status,o=t.map((function(e){return{meta:{did:e.meta.did,name:(0,Bn.getDisplayName)(e,!0),version:e.meta.version,interfaces:e.meta.interfaces},port:e.port,ports:e.ports,status:e.status}})),c=e.type,u=e.name,d=e.title,m=e.items,h=void 0===m?[]:m,x=e.depth,v=e.to,g=e.expand,Z=e.isProtected,b=e.pathPrefix,C=e.parent,S=e.domainAliases,P=u,k=u.endsWith(y.BLOCKLET_SITE_GROUP_SUFFIX),T=c;u===E&&(T="dashboard_domain"),k&&(T="blocklet_domain");var R=(0,i.useState)(g),L=(0,p.Z)(R,2),N=L[0],A=L[1],O={root:Tn.Z,domain:un.default,rule:Rn.Z}[c];if("domain"===c){var I=function(e){var n=e.domain,t=e.primaryDomain,i=e.rules,a="http://".concat(n);return t===E?a="".concat(a,"/").concat(r.routing.adminPath.replace(/^\/+/,"")):i&&i.length&&i[0].pathPrefix&&(a="".concat(a,"/").concat(i[0].pathPrefix.replace(/^\/+/,""))),n!==E?(0,_.jsx)(wt,{href:a,target:"_blank",rel:"noreferrer",onClick:function(e){return e.stopPropagation()},children:n}):n};if(Z&&!k)return null;if(k){var U=u.replace(y.BLOCKLET_SITE_GROUP_SUFFIX,""),D=o.find((function(e){return e.meta.did===U}));if(!D)return null;if(D.controller)return null;P=D.meta.title||D.meta.name}var F=function(){A(!0)},z=(S||[]).filter((function(e){return e.value!==u}));return z=(0,j.sortDomains)(z),[(0,_.jsxs)(Ct,{alignItems:"flex-start",button:!0,disableGutters:!0,"data-cy":"rule-domain",children:[(0,_.jsxs)(An.Z,{onClick:function(){return A((function(e){return!e}))},children:[h.length>0&&(N?(0,_.jsx)(Fn.default,{}):(0,_.jsx)(zn.default,{})),(0,_.jsx)(O,{style:{fontSize:22}})]}),(0,_.jsx)(On.Z,{onClick:function(){return A((function(e){return!e}))},className:"rule-name rule-name--depth".concat(x),style:{flex:1},secondary:h.length<=0?(0,_.jsx)("span",{className:"site-secondary",children:n("router.empty")}):"",primary:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)("div",{className:"site-header",children:[u===y.DOMAIN_FOR_DEFAULT_SITE&&n("router.defaultSite"),u!==y.DOMAIN_FOR_DEFAULT_SITE&&!k&&(0,_.jsx)(I,{domain:u,primaryDomain:u,rules:h}),k&&P,h.length&&!N?(0,_.jsx)("span",{style:{marginLeft:5},children:"(".concat(h.length," URL)")}):null,(0,_.jsx)("span",{style:{marginLeft:12}}),"domain"===c&&u!==y.DOMAIN_FOR_DEFAULT_SITE&&u!==E&&!k&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(mt,{type:c,name:u},u),(0,_.jsx)("span",{style:{marginLeft:12}}),(0,_.jsx)(vt,{domain:u,children:function(e){var t=e.open;return(0,_.jsx)(q.default,{size:"small",onClick:function(e){return t(e)},children:n("router.cert.genLetsEncryptCert.title")})}})]})]}),z.map((function(t){var r=t.value||t;return(0,_.jsxs)("div",{className:"site-alias",children:[(0,_.jsx)(I,{domain:r,primaryDomain:u,rules:h}),(0,_.jsx)("span",{style:{marginLeft:12}}),(0,_.jsx)(mt,{type:c,name:r},"domain-status-".concat(u)),(0,_.jsx)(vt,{domain:r,children:function(e){var t=e.open;return(0,_.jsx)(q.default,{size:"small",onClick:function(e){return t(e)},children:n("router.cert.genLetsEncryptCert.title")})}}),!t.isProtected&&(0,_.jsx)(gt,{id:e.id,domain:r},"delete-domain-alias"),r!==E&&r!==window.location.hostname&&(0,_.jsx)(rt,(0,f.Z)((0,f.Z)({},e),{},{domain:r,type:"domainAlias",onRuleAdded:F}),"action-".concat(u))]},r)}))]})}),(0,_.jsx)(te.Z,{permission:"mutate_router",children:(0,_.jsx)(Un.Z,{children:(0,_.jsx)(rt,(0,f.Z)((0,f.Z)({blocklets:o},e),{},{onRuleAdded:F,type:T}),u)})})]},"parent"),(0,_.jsx)(Dn.Z,{in:N,children:h.length>0&&(0,_.jsx)($e.Z,{component:"div",className:"rule-list rule-list--depth".concat(x),disablePadding:!0,children:h.map((function(n){return(0,_.jsx)(jt,(0,f.Z)((0,f.Z)({},n),{},{parent:e,depth:x+1}),n.id)}))},"children")},"rules")]}if("root"===c)return[(0,_.jsxs)(Ct,{disableGutters:!0,"data-cy":"rule-root",children:[(0,_.jsx)(An.Z,{children:(0,_.jsx)(O,{style:{fontSize:22}})}),(0,_.jsx)(On.Z,{primary:u}),(0,_.jsx)(te.Z,{permission:"mutate_router",children:(0,_.jsx)(Un.Z,{children:(0,_.jsx)(rt,(0,f.Z)({blocklets:o},e))})})]},"root"),h.length>0&&(0,_.jsx)($e.Z,{component:"div",className:"rule-list rule-list--depth".concat(x),disablePadding:!0,children:h.map((function(n){return(0,_.jsx)(jt,(0,f.Z)((0,f.Z)({expand:!Z},n),{},{parent:e,depth:x+1}),n.id)}))},"children")];var W="/blocklets/".concat(v.did,"/overview");v.type===y.ROUTING_RULE_TYPES.DAEMON&&(W="/");var M={meta:{did:r.did,name:"Blocklet Server Dashboard",version:r.version},status:"running",port:r.port},G=v.did===r.did?M:o.find((function(e){return e.meta.did===v.did})),Y=G&&"running"===G.status||v.type===y.ROUTING_RULE_TYPES.DAEMON,K=n(Y?"router.healthy.ok":"router.healthy.error"),H=a[C.name]||{};return(0,_.jsxs)(Ct,{className:"hover-item",divider:!0,disableGutters:!0,style:{paddingBottom:8,paddingLeft:8},"data-cy":"rule-item",children:[(0,_.jsx)(An.Z,{className:"arrow-icon",children:(0,_.jsx)(O,{style:{fontSize:22}})}),(0,_.jsx)(On.Z,{primary:(0,_.jsxs)(s.Z,{component:"div",className:"arrow-name",children:[(0,_.jsx)(s.Z,{style:{wordBreak:"break-all"},className:"arrow-name-left",children:u}),(0,_.jsx)("span",{className:"arrow-name-arrow",children:"\u27f6"}),(v.type===y.ROUTING_RULE_TYPES.DAEMON||v.type===y.ROUTING_RULE_TYPES.BLOCKLET)&&(0,_.jsxs)(_.Fragment,{children:[C.name!==y.DOMAIN_FOR_DEFAULT_SITE&&Y&&(0,_.jsx)(B.Z,{className:"arrow-name-middle",children:(0,_.jsx)(In.Z,{href:(0,j.getAccessUrl)(C.name,b),target:"_blank",underline:"hover",children:n("common.open")})}),C.name===y.DOMAIN_FOR_DEFAULT_SITE&&(0,_.jsx)(s.Z,{component:"span",className:"arrow-name-middle",children:"Blocklet"}),!Y&&(0,_.jsx)("span",{className:"arrow-name-middle",children:n("common.unavailable")}),(0,_.jsx)("span",{className:"arrow-name-arrow",children:"\u27f6"}),(0,_.jsxs)(Sn.Link,{to:W,className:"arrow-name-right",children:[(0,_.jsx)(Ln.Z,{title:K,children:Y?(0,_.jsx)(En.default,{style:{color:"#44cdc6",fontSize:20}}):(0,_.jsx)(kn.Z,{style:{color:"red",fontSize:20}})}),(0,_.jsx)("span",{children:G?G.meta.name:d}),G&&(0,_.jsx)("span",{style:{marginLeft:8},children:(0,_.jsx)(fn.default,{status:G.status})})]})]}),v.type===y.ROUTING_RULE_TYPES.REDIRECT&&(0,_.jsx)(Zt,{prefix:b,domain:C.name,toUrl:v.url,isHttps:H.isHttps}),v.type===y.ROUTING_RULE_TYPES.NONE&&(0,_.jsx)(yt,{})]})}),(0,_.jsx)(te.Z,{permission:"mutate_router",children:(0,_.jsx)(Un.Z,{children:(0,_.jsx)(rt,(0,f.Z)((0,f.Z)({blocklets:o},e),{},{did:v.did}))})})]},u)}xt.defaultProps={onAdd:function(){},children:null},vt.defaultProps={onAdd:function(){},children:null},gt.defaultProps={onDelete:function(){},children:null,teamDid:""},Zt.defaultProps={isHttps:!1},yt.defaultProps={},jt.defaultProps={id:"",to:{},title:"",items:[],depth:0,parent:{},expand:!0,isProtected:!1,pathPrefix:"",domainAliases:[]};var bt,Ct=(0,a.default)(Nn.ZP)(ft||(ft=(0,r.Z)(["\n .MuiListItemText-root {\n padding-right: 48px;\n }\n .MuiListItemSecondaryAction-root {\n right: 0;\n }\n .site-header {\n display: unset !important;\n vertical-align: middle;\n .MuiSvgIcon-root {\n vertical-align: middle;\n }\n }\n"]))),wt=(0,a.default)("a")(pt||(pt=(0,r.Z)(["\n color: #000;\n white-space: normal;\n word-break: break-all;\n :hover {\n color: rgba(0, 0, 0, 0.6);\n }\n"])));function St(){var e=D(),n=e.sites,t=e.allDomains,r=(0,nn.RJ)().data,a=(0,l.useLocaleContext)().t,o=n.map((function(e){var n=e.items.filter((function(e){return!e.isProtected}));return(0,f.Z)((0,f.Z)({},e),{},{items:n})}));return(0,_.jsx)(cn,{domains:t,children:(0,_.jsxs)(Pt,{children:[(0,_.jsx)(te.Z,{permission:"mutate_router",children:(0,_.jsx)(B.Z,{textAlign:"right",mb:1,children:(0,_.jsx)(wn,{blocklets:r,children:function(e){var n=e.open;return(0,_.jsxs)(q.default,{style:{marginLeft:16},variant:"contained",color:"primary","data-cy":"add-domain-alias",onClick:n,children:[(0,_.jsx)(en.default,{style:{fontSize:"1.3em",marginRight:4}}),a("router.domain.add.title")]})}})})}),(0,_.jsx)($e.Z,{component:"div",disablePadding:!0,children:o.map((function(e){return(0,i.createElement)(jt,(0,f.Z)((0,f.Z)({},e),{},{depth:1,key:e.id}))}))})]})})}var Pt=a.default.main(bt||(bt=(0,r.Z)(["\n margin-top: ",";\n min-height: 60vh;\n\n .MuiListItemIcon-root {\n min-width: ",";\n }\n\n .site-header {\n display: flex;\n align-items: center;\n margin-left: ",";\n font-size: 1.2rem;\n }\n\n .site-alias {\n display: flex;\n align-items: center;\n margin-left: ",";\n }\n\n .site-secondary {\n margin-left: ",";\n }\n\n .rule-list--depth1 {\n padding-left: ",";\n }\n\n .rule-list--depth2 {\n padding-left: ",";\n }\n\n .rule-action {\n margin-left: ",";\n }\n\n .rule-name--depth2 span {\n font-weight: bold;\n }\n\n .arrow-name {\n display: flex;\n align-items: center;\n .arrow-name-left {\n width: 400px;\n flex-shrink: 0;\n text-align: left;\n }\n .arrow-name-middle {\n width: 150px;\n flex-shrink: 0;\n text-align: left;\n }\n .arrow-name-arrow {\n width: 40px;\n flex-shrink: 0;\n margin: auto 16px;\n font-size: 24px;\n color: #0000008a;\n }\n .arrow-name-right {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n\n span {\n margin: 0 8px;\n }\n }\n }\n\n @media (max-width: ","px) {\n .rule-list--depth1,\n .rule-list--depth2 {\n padding-left: 0;\n }\n\n .MuiListItem-secondaryAction {\n padding-right: 0;\n }\n }\n\n @media (max-width: ","px) {\n .arrow-icon {\n margin-top: 4px;\n align-self: flex-start;\n }\n\n .arrow-name {\n flex-direction: column;\n align-items: flex-start;\n .arrow-name-left {\n width: auto;\n }\n .arrow-name-middle {\n margin: 5px 0;\n }\n .arrow-name-arrow {\n display: none;\n }\n }\n }\n"])),(function(e){return e.theme.spacing(2)}),(function(e){return e.theme.spacing(4)}),(function(e){return e.theme.spacing(1)}),(function(e){return e.theme.spacing(1)}),(function(e){return e.theme.spacing(1)}),(function(e){return e.theme.spacing(4)}),(function(e){return e.theme.spacing(5)}),(function(e){return e.theme.spacing(2)}),(function(e){return e.theme.breakpoints.values.md}),(function(e){return e.theme.breakpoints.values.lg})),_t=t(34966),Et=t(56048),kt=t(23484),Tt=t(49525),Rt=t(34469),Lt=t(87916),Nt=t(99593),At=t(50453),Ot=["certificate","onRefresh","mode"],It=51200,Ut=function(e){return new Promise((function(n,t){var r=new FileReader;r.readAsText(e),r.onload=function(){n(r.result)},r.onerror=function(e){return t(e)}}))};function Dt(e){var n=e.certificate,t=void 0===n?{}:n,r=e.onRefresh,a=e.mode,o=(0,M.Z)(e,Ot),c=(0,l.useLocaleContext)().t,m=(0,w.h6)().api,h=(0,i.useState)(!1),x=(0,p.Z)(h,2),v=x[0],g=x[1],Z=(0,i.useState)(),y=(0,p.Z)(Z,2),j=y[0],b=y[1],C=(0,i.useState)(),S=(0,p.Z)(C,2),E=S[0],k=S[1],T=(0,i.useState)(!1),R=(0,p.Z)(T,2),L=R[0],N=R[1],A=(0,i.useState)(""),O=(0,p.Z)(A,2),I=O[0],U=O[1],D=(0,i.useState)("upload"),F=(0,p.Z)(D,2),z=F[0],W=F[1],V=(0,G.cI)({defaultValues:{name:t.name||t.domain}}),X=V.handleSubmit,Q=V.errors,J=V.control,$=(0,G.qo)({control:J,name:"name"}),ee=(0,G.qo)({control:J,name:"domain"}),ne=function(){g(!1),N(!1)},te=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n){var r,i;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("add"!==a){e.next=11;break}return e.next=3,Ut(E);case 3:return r=e.sent.replace(/\r\n/g,"\n"),e.next=6,Ut(j);case 6:return i=e.sent.replace(/\r\n/g,"\n"),e.next=9,m.addCertificate({input:{name:n.name.trim(),certificate:r.split("\n").join("|"),privateKey:i.split("\n").join("|")}});case 9:e.next=13;break;case 11:return e.next=13,m.updateCertificate({input:{id:t.id,name:n.name.trim()}});case 13:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),re={upload:{name:c("router.cert.nginx.sourceTypes.upload"),value:"upload",onSubmit:te},lets_encrypt:{name:c("router.cert.nginx.sourceTypes.lets_encrypt"),value:"lets_encrypt",onSubmit:function(e){return m.issueLetsEncryptCert({input:{domain:e.domain}})}}},ie=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(n){var t;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(g(!0),e.prev=1,t=re[z]){e.next=5;break}throw new Error("Invaid certificate source");case 5:return e.next=7,t.onSubmit(n);case 7:r(),N(!1),e.next=14;break;case 11:e.prev=11,e.t0=e.catch(1),U((0,P.Z)(e.t0)||"unknown error, may be you can check file permission");case 14:return e.prev=14,g(!1),e.finish(14);case 17:case"end":return e.stop()}}),e,null,[[1,11,14,17]])})));return function(n){return e.apply(this,arguments)}}(),ae=function(e){e.length>0&&U(Le()(e[0],"errors[0].message",c("router.cert.add.invalidFile")))},oe=(0,Tt.uI)({accept:[".pem",".crt"],multiple:!1,maxSize:It,onDropRejected:ae,onDrop:function(e){k(e[0])}}),se=oe.getRootProps,ce=oe.getInputProps,le=(0,Tt.uI)({accept:[".pem",".key"],multiple:!1,maxSize:It,onDropRejected:ae,onDrop:function(e){b(e[0])}}),ue=le.getRootProps,de=le.getInputProps;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(q.default,(0,f.Z)((0,f.Z)({edge:"end",onClick:function(){b(null),k(null),N(!0),U("")},className:"rule-action",color:"primary","data-cy":"add-cert"},o),{},{children:[v?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(en.default,{style:{fontSize:16}}),c("add"===a?"common.add":"common.update")]})),L&&(0,_.jsx)(Nt.default,{title:c("add"===a?"router.cert.nginx.titleAdd":"router.cert.nginx.title"),open:!0,onClose:ne,actions:(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(q.default,{onClick:ne,color:"inherit","data-cy":"cert-cancel",children:c("router.cert.nginx.cancel")}),(0,_.jsxs)(q.default,{onClick:X(ie),color:"secondary",disabled:!!v||("upload"===z&&"update"===a?!$:"upload"===z&&"add"===a?!$||!j||!E:"lets_encrypt"===z&&!ee),variant:"contained",autoFocus:!0,"data-cy":"save-cert",children:[c("router.cert.nginx.confirm"),v&&(0,_.jsx)(H.Z,{size:16})]})]}),children:(0,_.jsx)("form",{className:"form","data-cy":"cert-form",noValidate:!0,autoComplete:"off",onSubmit:X(ie),children:(0,_.jsxs)(B.Z,{minWidth:{sm:480},children:[(0,_.jsxs)(At.Z,{component:"div",children:["add"===a&&(0,_.jsxs)("section",{className:"form-item",children:[(0,_.jsx)("div",{className:"form-item-label",children:c("router.cert.source")}),(0,_.jsx)(Lt.Z,{"aria-label":"cert-source",name:"certSource",value:z,onChange:function(e){W(e.target.value)},children:Object.values(re).map((function(e){return(0,_.jsx)(Jn.Z,{value:e.value,control:(0,_.jsx)(Rt.Z,{}),label:e.name},e.value)}))})]}),"upload"===z&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)("section",{className:"form-item",children:[(0,_.jsx)("div",{className:"form-item-label",children:c("router.cert.name")}),(0,_.jsx)(G.Qr,{name:"name",control:J,rules:{validate:function(e){return!!e.trim()||c("common.requiredErrorText",{name:c("router.cert.name")})}},render:function(e){var n=e.value,t=e.onChange;return(0,_.jsx)(Y.Z,{fullWidth:!0,autoFocus:!0,defaultValue:n,onChange:t,error:!!Q.name,autoComplete:"off",variant:"outlined",name:"name",className:"form-item-value","data-cy":"certificate-name-textfield",helperText:Q.name&&Q.name.message})}})]}),"add"===a&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)("section",{className:"form-item",children:[(0,_.jsx)("div",{className:"form-item-label",children:c("router.cert.nginx.pem")}),(0,_.jsx)("div",{className:"form-item-value",children:(0,_.jsxs)("div",(0,f.Z)((0,f.Z)({},se({className:"dropzone"})),{},{children:[(0,_.jsx)("input",(0,f.Z)((0,f.Z)({},ce()),{},{"data-cy":"pem-input"})),E&&(0,_.jsx)(s.Z,{color:"secondary",children:E.name}),!E&&(0,_.jsx)(s.Z,{color:"secondary",children:c("router.cert.nginx.empty")}),(0,_.jsx)(s.Z,{component:"small",variant:"body2",color:"textSecondary",children:c("router.cert.nginx.pemTip")})]}))})]}),(0,_.jsxs)("section",{className:"form-item",children:[(0,_.jsx)("div",{className:"form-item-label",children:c("router.cert.nginx.key")}),(0,_.jsx)("div",{className:"form-item-value",children:(0,_.jsxs)("div",(0,f.Z)((0,f.Z)({},ue({className:"dropzone"})),{},{children:[(0,_.jsx)("input",(0,f.Z)((0,f.Z)({},de()),{},{"data-cy":"key-input"})),j&&(0,_.jsx)(s.Z,{color:"secondary",children:j.name}),!j&&(0,_.jsx)(s.Z,{color:"secondary",children:c("router.cert.nginx.empty")}),(0,_.jsx)(s.Z,{component:"small",variant:"body2",color:"textSecondary",children:c("router.cert.nginx.keyTip")})]}))})]})]})]}),"lets_encrypt"===z&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)("section",{className:"form-item",children:(0,_.jsx)(K.default,{type:"success",children:c("router.cert.genLetsEncryptCert.dnsTip")})}),(0,_.jsxs)("section",{className:"form-item",children:[(0,_.jsx)("div",{className:"form-item-label",children:c("common.domain")}),(0,_.jsx)(G.Qr,{name:"domain",control:J,rules:{validate:function(e){return!!e.trim()||c("common.requiredErrorText",{name:c("common.domain")})}},render:function(e){var n=e.value,t=e.onChange;return(0,_.jsx)(Y.Z,{fullWidth:!0,autoFocus:!0,defaultValue:n,error:!!Q.domain,autoComplete:"off",variant:"outlined",className:"form-item-value",helperText:Q.domain&&Q.domain.message,onChange:t})}})]})]})]}),!!I&&(0,_.jsx)(K.default,{type:"error",style:{marginTop:8},children:I})]})})})]})}var Ft=t(96366),zt=["id","onDelete"];function Bt(e){var n=(0,Ft.default)(),t=(0,l.useLocaleContext)().t,r=(0,i.useState)(!1),a=(0,p.Z)(r,2),o=a[0],s=a[1],c=(0,i.useState)(null),m=(0,p.Z)(c,2),h=m[0],x=m[1],v=e.id,g=e.onDelete,Z=void 0===g?function(){}:g,y=(0,M.Z)(e,zt),j=D().refresh,b=(0,S.Z)(),C=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return s(!0),e.prev=1,e.next=4,b.deleteCertificate({input:{id:v}});case 4:j(),Z(),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(1),console.error(e.t0);case 11:return e.prev=11,s(!1),x(null),e.finish(11);case 15:case"end":return e.stop()}}),e,null,[[1,8,11,15]])})));return function(){return e.apply(this,arguments)}}(),w={title:t("router.cert.delete.title"),description:t("router.cert.delete.description"),confirm:t("common.delConfirm"),cancel:t("common.cancel"),onConfirm:C,onCancel:function(){s(!1),x(null)}};return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(q.default,(0,f.Z)((0,f.Z)({edge:"end",onClick:function(){return x(w)},size:"small",className:"rule-action",variant:"text","data-cy":"action-delete-cert",style:{color:n.palette.error.main}},y),{},{children:[o?(0,_.jsx)(H.Z,{size:16}):(0,_.jsx)(be.default,{style:{fontSize:16}}),t("common.delete")]})),h&&(0,_.jsx)(Q.Z,{title:h.title,description:h.description,confirm:h.confirm,cancel:h.cancel,params:h.params,onConfirm:h.onConfirm,onCancel:h.onCancel})]})}var Wt=t(88084),Mt=t.n(Wt),Gt=t(95335),Yt=t(45568),qt=t(29034),Kt=["certificate"];function Ht(e){var n=e.certificate,t=void 0===n?{}:n,r=(0,M.Z)(e,Kt),a=(0,l.useLocaleContext)().t,o=(0,i.useState)(!1),c=(0,p.Z)(o,2),u=c[0],d=c[1],m=(0,Gt.Z)(),h=[{id:"matchedSites",name:a("router.cert.matchedSites"),value:(t.matchedSites||[]).map((function(e){return(0,_.jsx)(s.Z,{component:"div",style:{fontWeight:"inherit",fontSize:"1.1rem"},children:e.domain},e.id)}))},{id:"updatedAt",name:a("common.updatedAt"),value:(0,P.B2)(t.updatedAt)},{id:"createdAt",name:a("common.createdAt"),value:(0,P.B2)(t.createdAt)}],x=[{id:"boundDomains",name:a("router.cert.boundDomains"),value:(0,_.jsx)(s.Z,{component:"span",style:{fontSize:"1.1rem"},children:(Le()(t,"sans")||[]).join(", ")})},{id:"issuer",name:a("common.issuer"),value:Le()(t,"meta.issuer.commonName","")},{id:"fingerprint",name:a("common.fingerprint"),value:Le()(t,"meta.fingerprint")},{id:"fingerprintAlg",name:a("router.cert.fingerprintAlg"),value:Le()(t,"meta.fingerprintAlg")},{id:"validityPeriod",name:a("router.cert.validityPeriod"),value:Mt().duration(Le()(t,"meta.validityPeriod"),"ms").humanize()},{id:"issuedOn",name:a("router.cert.issuedOn"),value:(0,P.pz)(Le()(t,"meta.validFrom"))},{id:"expiryOn",name:a("router.cert.expiryOn"),value:(0,P.pz)(Le()(t,"meta.validTo"))}];return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)(q.default,(0,f.Z)((0,f.Z)({edge:"end",onClick:function(){return d(!0)},size:"small",className:"rule-action",variant:"text",color:"secondary","data-cy":"action-view-cert"},r),{},{children:[(0,_.jsx)(Yt.Z,{style:{fontSize:16}}),a("common.detail")]})),(0,_.jsxs)(Nt.default,{title:a("router.cert.detail.title"),"aria-labelledby":"certificate details",fullWidth:!0,open:u,showCloseButton:!1,actions:(0,_.jsx)(q.default,{autoFocus:!0,variant:"contained",onClick:function(){d(!1)},color:"secondary",children:a("common.close")}),children:[(0,_.jsx)(At.Z,{component:"div",style:{margin:m.spacing(2)},children:h.map((function(e){return(0,_.jsx)(Ne.default,{nameWidth:200,valueComponent:"div",name:e.name,children:e.value},e.id)}))},"cert-basic"),(0,_.jsx)(qt.Z,{}),(0,_.jsx)(At.Z,{component:"div",style:{margin:m.spacing(2)},children:x.map((function(e){return(0,_.jsx)(Ne.default,{nameWidth:200,valueComponent:"div",name:e.name,children:e.value},e.id)}))},"cer-info"),(0,_.jsx)(qt.Z,{})]})]})}var Vt,Xt,Qt=["certificate","style"];function Jt(e){var n=e.certificate,t=e.style,r=(0,M.Z)(e,Qt),a=(0,l.useLocaleContext)().t,o=(0,i.useState)(!1),c=(0,p.Z)(o,2),u=c[0],d=c[1],m=n.matchedSites||[];return(0,_.jsxs)(s.Z,(0,f.Z)((0,f.Z)({component:"ul"},r),{},{style:(0,f.Z)((0,f.Z)({},t),{},{listStyle:"none"}),children:[(u?m:m.slice(0,4)).map((function(e){return(0,_.jsx)(s.Z,{component:"li",style:{fontSize:"1.1rem",margin:"4px 0"},children:e.domain},e.id)})),m.length>4&&(0,_.jsx)(q.default,{style:{border:"none",padding:"5px 0"},variant:"outlined",color:"primary",className:"button",onClick:function(){d(!u)},children:a(u?"common.collapseAll":"common.expandAll")})]}))}Jt.defaultProps={style:{}};var $t=["name","value","style","icon"],er=function(e){return!!e&&e-+new Date<=0},nr="ssl-certificates-table";function tr(e){var n=e.name,t=e.value,r=e.style,i=void 0===r?{}:r,a=e.icon,o=(0,M.Z)(e,$t);return(0,_.jsxs)(rr,(0,f.Z)((0,f.Z)({style:(0,f.Z)({display:"flex",alignItems:"center"},i)},o),{},{children:[(0,_.jsxs)("span",{children:[n,":"]}),(0,_.jsx)("span",{children:t}),a&&a]}))}var rr=a.default.div(Vt||(Vt=(0,r.Z)(["\n & > span {\n margin: 5px;\n }\n"])));function ir(e){var n=e.status,t=e.source,r=e.expiresTime,i=(0,l.useLocaleContext)().t;return er(r)?(0,_.jsx)(Et.default,{type:"error",children:i("router.cert.expired")}):"upload"===t?(0,_.jsx)(Et.default,{type:"success",children:i("common.normal")}):"error"===n?(0,_.jsx)(Et.default,{type:"error",children:i("common.error")}):"generated"===n?(0,_.jsx)(Et.default,{type:"success",children:i("common.normal")}):""}ir.defaultProps={status:"",source:""};var ar=function(e,n){if(!n)return e;var t=(n.site.domainAliases||[]).map((function(e){return e.value}));return e.filter((function(e){return(0,j.isCertificateMatch)(t,e.matchedSites)}))};function or(){var e,n=(0,i.useContext)(l.LocaleContext),t=n.t,r=n.locale,a=(0,S.Z)(),o=(0,w.h6)().api,c=(0,kt.Z)().get("did"),p=(0,v.default)((0,d.Z)((0,u.Z)().mark((function e(){var n,t,r,i,s,l;return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,a.getCertificates();case 2:if(n=e.sent,t=n.certificates,r=null,!c){e.next=11;break}return e.next=8,o.getBlocklet({input:{did:c,attachRuntimeInfo:!0}});case 8:i=e.sent,s=i.blocklet,r=s;case 11:return l=ar(t,r),e.abrupt("return",{certificates:l});case 13:case"end":return e.stop()}}),e)})))),h=function(){p.retry()},x=null===(e=p.value)||void 0===e?void 0:e.certificates,g=[{label:t("common.certificate"),name:"",verticalKeyAlign:"center",options:{sort:!1,filter:!1,customBodyRenderLite:function(e){var n=x[e];return(0,_.jsxs)(_.Fragment,{children:[n.name&&(0,_.jsx)(tr,{nowrap:!0,style:{fontSize:"16px",whiteSpace:"nowrap"},name:t("common.name"),value:n.name}),(0,_.jsx)(tr,{style:{fontSize:"16px",whiteSpace:"nowrap"},name:t("common.issuer"),value:Le()(n,"meta.issuer.commonName","")}),(0,_.jsx)(tr,{style:{fontSize:"16px",whiteSpace:"nowrap"},icon:(0,_.jsx)(Ln.Z,{title:n.isProtected?t("router.cert.protectedCertHelperText"):t("router.cert.unprotectedCertHelperText"),children:(0,_.jsx)(_t.default,{style:{fontSize:"18px"},color:"secondary"})}),name:t("common.protected"),value:n.isProtected?t("common.yes"):t("common.no")})]})}}},{label:t("router.cert.boundDomains"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:function(e){var n=x[e];return(0,_.jsx)(s.Z,{noWrap:!0,component:"ul",style:{listStyle:"none"},children:(0,m.Z)(new Set([].concat((0,m.Z)(Le()(n,"meta.sans")||[]),[n.domain]))).map((function(e){return(0,_.jsx)(s.Z,{component:"li",title:e,style:{fontSize:"1.1rem",minWidth:200,whiteSpace:"initial",wordBreak:"break-all"},children:e},e)}))})}}},{label:t("router.cert.source"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:function(e){var n=x[e];return t("router.cert.sourceTypes.".concat(n.source))}}},{label:t("common.status"),name:"",width:100,options:{sort:!1,filter:!1,customBodyRenderLite:function(e){var n=x[e];return(0,_.jsx)(ir,{status:n.status,source:n.source,expiresTime:Le()(n,"meta.validTo")})}}},{label:t("common.expires"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:function(e){var n=x[e];return(0,_.jsx)(ge.default,{value:Le()(n,"meta.validTo"),locale:r})}}},{label:t("router.cert.matchedSites"),name:"",options:{sort:!1,filter:!1,customBodyRenderLite:function(e){var n=x[e];return(0,_.jsx)(Jt,{id:n.id,certificate:n,style:{minWidth:200,whiteSpace:"initial",wordBreak:"break-all"}})}}},{label:t("router.cert.action"),name:"",align:"center",options:{sort:!1,filter:!1,customBodyRenderLite:function(e){var n=x[e];return(0,_.jsx)(te.Z,{permission:"mutate_router",children:(0,_.jsxs)(_.Fragment,{children:[!n.isProtected&&(0,_.jsxs)(_.Fragment,{children:["upload"===n.source&&(0,_.jsx)("div",{children:(0,_.jsx)(Dt,{mode:"update",certificate:n,onRefresh:h})}),(0,_.jsx)("div",{children:(0,_.jsx)(Bt,{id:n.id,onDelete:h})})]}),(0,_.jsx)("div",{children:(0,_.jsx)(Ht,{id:n.id,certificate:n})})]})})}}}];if(p.error)return(0,_.jsx)(K.default,{type:"error",children:(0,j.formatError)(p.error)});if(p.loading)return(0,_.jsx)(H.Z,{});var Z=(0,Ze.getDurableData)(nr);return(0,_.jsx)(cr,{children:(0,_.jsx)(Ze.default,{title:(0,_.jsx)(te.Z,{permission:"mutate_router",children:(0,_.jsx)(Dt,{mode:"add",onRefresh:h,variant:"contained"})}),locale:r,data:p.value.certificates,columns:g,verticalKeyWidth:100,durable:nr,options:(0,f.Z)({search:!1,download:!1,filter:!1,print:!1},Z)})})}var sr,cr=a.default.div(Xt||(Xt=(0,r.Z)(["\n .header {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n margin-top: 20px;\n }\n\n margin-bottom: 24px;\n .table-cell {\n span {\n font-size: 18px;\n }\n @media (max-width: ","px) {\n span {\n font-size: 15px;\n }\n }\n }\n .match-sites-cell,\n .expires-cell {\n min-width: 100px;\n }\n .actions {\n text-align: center;\n @media (max-width: ","px) {\n .MuiButton-root {\n padding: 6px;\n }\n }\n }\n"])),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.breakpoints.values.sm})),lr=t(55578),ur=t(90067),dr=(0,t(95042).Z)((function(e){return{root:{color:e.palette.primary.main,height:8},thumb:{height:24,width:24,backgroundColor:"#fff",border:"2px solid currentColor","&:focus, &:hover, &$active":{boxShadow:"inherit"}},valueLabel:{left:"calc(-50% + 4px)"},track:{height:8,borderRadius:4},rail:{height:8,borderRadius:4}}}))(lr.ZP);function mr(){var e=(0,w.h6)().info.routing,n=(0,l.useLocaleContext)().t,t=(0,i.useState)(!1),r=(0,p.Z)(t,2),a=r[0],o=r[1],c=e.requestLimit||{};"boolean"!==typeof c.enabled&&(c.enabled=!1),"number"!==typeof c.rate&&(c.rate=y.GATEWAY_REQ_LIMIT.min),c.ipHeader||(c.ipHeader="");var m=(0,G.cI)({defaultValues:{requestLimit:c,cacheEnabled:"boolean"!==typeof e.cacheEnabled||e.cacheEnabled}}),f=m.handleSubmit,h=m.control,x=m.watch,v=x("requestLimit.enabled"),g=x("requestLimit.rate"),Z=function(){var e=(0,d.Z)((0,u.Z)().mark((function e(t){return(0,u.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,o(!0),e.next=4,(0,S.Z)().updateGateway({input:t});case 4:return e.next=6,(0,P._v)(1e3);case 6:W.default.success(n("common.saveSuccess")),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(0),W.default.error((0,P.Z)(e.t0));case 12:return e.prev=12,o(!1),e.finish(12);case 15:case"end":return e.stop()}}),e,null,[[0,9,12,15]])})));return function(n){return e.apply(this,arguments)}}();return(0,_.jsx)(pr,{children:(0,_.jsx)(te.Z,{permission:"mutate_node",children:function(e){return(0,_.jsxs)(ie,{className:"form",noValidate:!0,autoComplete:"off",onSubmit:f(Z),children:[(0,_.jsx)(G.Qr,{name:"cacheEnabled",control:h,render:function(t){var r=t.value,i=t.onChange;return(0,_.jsx)(V.default,{checked:r,disabled:!e,onChange:function(e){return i(e.target.checked)},labelProps:{label:(0,_.jsx)(s.Z,{children:(0,_.jsx)("span",{children:n("router.gateway.cacheEnabled.switchLabel")})})},style:{marginTop:16}})}}),(0,_.jsx)(G.Qr,{name:"requestLimit.enabled",control:h,render:function(t){var r=t.value,i=t.onChange;return(0,_.jsx)(V.default,{checked:r,disabled:!e,onChange:function(e){return i(e.target.checked)},labelProps:{label:(0,_.jsx)(s.Z,{children:(0,_.jsx)("span",{children:n("router.gateway.reqLimit.switchLabel")})})},style:{marginTop:16}})}}),v&&(0,_.jsxs)(_.Fragment,{children:[(0,_.jsxs)("div",{className:"form-item",children:[(0,_.jsx)(s.Z,{id:"request-limit-rate-label",gutterBottom:!0,children:n("router.gateway.reqLimit.rate",{rate:g})}),(0,_.jsx)(G.Qr,{name:"requestLimit.rate",control:h,render:function(n){var t=n.value,r=n.onChange;return(0,_.jsx)(dr,{disabled:!e,onChange:function(e,n){return r(n)},defaultValue:t,valueLabelDisplay:"auto",step:1,min:y.GATEWAY_REQ_LIMIT.min,max:y.GATEWAY_REQ_LIMIT.max})}})]}),(0,_.jsx)(G.Qr,{name:"requestLimit.ipHeader",control:h,render:function(t){var r=t.value,i=t.onChange;return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(Y.Z,{variant:"outlined",disabled:a||!e,className:"form-item",label:n("router.gateway.reqLimit.ipHeaderLabel"),margin:"normal",value:r,onChange:i}),(0,_.jsx)(ur.Z,{id:"req-limit-ip_header-desc",children:n("router.gateway.reqLimit.ipHeaderDesc")})]})}})]}),(0,_.jsx)("div",{className:"form-actions",children:e&&(0,_.jsxs)(q.default,{disabled:a,onClick:f(Z),color:"primary",variant:"contained","data-cy":"submit-btn",className:"form-submit",children:[n("common.save")," ",a&&(0,_.jsx)(H.Z,{size:16})]})})]})}})})}var fr,pr=a.default.div(sr||(sr=(0,r.Z)(["\n display: flex;\n align-items: flex-start;\n width: 100%;\n max-width: 720px;\n"])));function hr(){var e=(0,o.useNavigate)(),n=(0,i.useContext)(w.sy).node,t=(0,i.useContext)(l.LocaleContext).t,r=(0,o.useParams)().tab,a=void 0===r?"basic":r,u=[{label:t("common.basic"),value:"basic"},{label:t("router.routerSetting"),value:"router"},{label:t("router.certSetting"),value:"cert"},{label:t("common.gateway"),value:"gateway"},{label:t("common.webhook"),value:"integration"},{label:t("common.about"),value:"about"}],d={basic:me,integration:Se,about:Qe,router:(0,_.jsx)(U,{children:(0,_.jsx)(St,{})}),gateway:mr,cert:(0,_.jsx)(U,{children:(0,_.jsx)(or,{})})},m=d[a]||d.basic;return(0,_.jsxs)(xr,{children:[(0,_.jsx)(s.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:t("common.setting")}),(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(c.default,{tabs:u,current:a,onChange:function(n){e("/settings/".concat(n))},scrollButtons:"auto"}),(0,_.jsx)("div",{className:"page-content",children:(0,i.isValidElement)(m)?m:(0,_.jsx)(m,{node:n})})]})]})}var xr=a.default.main(fr||(fr=(0,r.Z)(["\n .page-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .page-content {\n margin-top: 16px;\n }\n"])))},44543:function(e,n,t){var r=t(57156);e.exports=function(e,n){return r(e)===r(n)}},67357:function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var r,i=c(t(33518)),a=c(t(7186)),o=t(96266),s=["labelProps","className","style"];function c(e){return e&&e.__esModule?e:{default:e}}function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function u(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){d(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function d(e,n,t){return(n=function(e){var n=function(e,n){if("object"!==typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(e,"string");return"symbol"===typeof n?n:String(n)}(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function m(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t,r,i={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(i[t]=e[t]);return i}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}function f(e){var n=e.labelProps,t=e.className,r=e.style,i=m(e,s),c=u(u({},n),{},{labelPlacement:(null===n||void 0===n?void 0:n.labelPlacement)||"start"});return(0,o.jsx)(x,{className:t,style:r,children:(0,o.jsx)(a.default,u({labelProps:c},i))})}f.propTypes=a.default.propTypes,f.defaultProps=a.default.defaultProps;var p,h,x=i.default.div(r||(p=["\n max-width: 300px;\n > label {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-left: 0;\n margin-right: 0;\n }\n "," {\n max-width: 100%;\n }\n"],h||(h=p.slice(0)),r=Object.freeze(Object.defineProperties(p,{raw:{value:Object.freeze(h)}}))),(function(e){return e.theme.breakpoints.down("sm")})),v=f;n.default=v}}]);

package/build/static/js/8058.32b776e0.chunk.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[8058],{28782:function(e,t,r){r.r(t),r.d(t,{default:function(){return F}});var n,o=r(71171),i=r(68079),a=r(32723),u=r(34795),l=r(33028),c=r(96234),s=r(5057),m=r(33518),d=r(45603),f=r.n(d),p=r(90049),v=r.n(p),h=r(11750),b=r(39948),y=r(55402),g=r(37298),j=r(44846),x=r(42873),O=r(52118),k=r(66506),w=r(35432),P=r(76811),Z=r(75e3),I=r(54474),S=r(20180),E=r(99875),N=r(38242),D=r(96633),M=r(78195),_=r(39261),C=r(60411),U=r(52926),L=r(52581),B=r(8413),z=r(96266),R={uptime:0,pid:-1,cpuUsage:0,memoryUsage:0},T="Blocklet Server";function A(e){var t=e.initialBlocklets,r=(0,O.useLocaleContext)(),n=r.t,o=r.locale,i=(0,C.h6)().api,m=(0,s.useMemo)((function(){var e=[];return e.push({type:"server",groupId:"server",groupName:T,id:"server:daemon",name:"Server (Daemon)",runtimeInfo:R}),e.push({type:"server",groupId:"server",groupName:T,id:"server:service",name:"Server (Service)",runtimeInfo:R}),t.forEach((function(t){(0,N.forEachBlockletSync)(t,(function(r,n){var o=n.id,i=n.ancestors;r.runtimeInfo&&e.push({type:"blocklet",groupId:t.meta.did,groupName:(0,N.getDisplayName)(t),id:o,name:(0,N.getDisplayName)(r,!0),blocklet:t,component:r,runtimeInfo:r.runtimeInfo,ancestors:i})}))})),e}),[]),d=(0,s.useState)(m),p=(0,c.Z)(d,2),j=p[0],x=p[1],U=(0,s.useState)({os:{platform:""},mem:{used:0,free:0,total:1},cpu:{cpus:[],currentLoad:1},disks:[],daemon:{},service:{}}),A=(0,c.Z)(U,2),F=A[0],q=A[1],K=(0,s.useState)({cpu:[],mem:[],daemonMem:[],serviceMem:[]}),H=(0,c.Z)(K,2),G=H[0],W=H[1];(0,B.mU)(w.EVENTS.NODE_RUNTIME_INFO,(function(e){e.mem.total=e.mem.total||0,e.mem.used=e.mem.total-(e.mem.available||0),q(e),x((function(t){return t.map((function(t){return"server:daemon"===t.id?(0,l.Z)((0,l.Z)({},t),{},{runtimeInfo:(0,l.Z)((0,l.Z)({},t.runtimeInfo),e.daemon)}):"server:service"===t.id?(0,l.Z)((0,l.Z)({},t),{},{runtimeInfo:(0,l.Z)((0,l.Z)({},t.runtimeInfo),e.service)}):t}))}))})),(0,B.mU)(w.EVENTS.BLOCKLETS_RUNTIME_INFO,(function(e){e&&e.length?x((function(t){return t.map((function(t){var r=e.find((function(e){return e.componentId===t.id}));return r?(0,l.Z)((0,l.Z)({},t),{},{runtimeInfo:(0,l.Z)((0,l.Z)({},t.runtimeInfo),r.runtimeInfo)}):t}))})):console.error("incorrect blocklets runtime info format",e)}));var J=function(e){x((function(t){return t.filter((function(t){return t.groupId!==e.meta.did}))}))},Q=function(){var e=(0,u.Z)((0,a.Z)().mark((function e(t){var r,n;return(0,a.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,i.getBlocklet({input:{did:t.meta.did,attachRuntimeInfo:!0}});case 3:r=e.sent,"running"!==(n=r.blocklet).status&&J(n),x((function(e){var t=e.filter((function(e){return e.groupId!==n.meta.did}));return(0,N.forEachBlockletSync)(n,(function(e,r){var o=r.id,i=r.ancestors;e.runtimeInfo&&t.push({type:"blocklet",groupId:n.meta.did,groupName:(0,N.getDisplayName)(n),id:o,name:(0,N.getDisplayName)(e,!0),blocklet:n,component:e,runtimeInfo:e.runtimeInfo,ancestors:i})})),t})),e.next=12;break;case 9:e.prev=9,e.t0=e.catch(0),Z.default.error(e.t0.message);case 12:case"end":return e.stop()}}),e,null,[[0,9]])})));return function(t){return e.apply(this,arguments)}}();(0,B.mU)(P.BlockletEvents.removed,J),(0,B.mU)(P.BlockletEvents.startFailed,J),(0,B.mU)(P.BlockletEvents.statusChange,(function(e){"running"===e.status?Q(e):J(e)})),(0,B.mU)(P.BlockletEvents.updated,Q),(0,B.mU)(P.BlockletEvents.started,Q);(0,s.useEffect)((function(){!function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:6;i.getNodeRuntimeHistory({input:{hours:e}}).then((function(e){var t=e.history||[];W({cpu:t.map((function(e){return{date:e.date,value:e.cpu}})),mem:t.map((function(e){return{date:e.date,value:e.mem}})),daemonMem:t.map((function(e){return{date:e.date,value:e.daemonMem}})),serviceMem:t.map((function(e){return{date:e.date,value:e.serviceMem}}))})})).catch((function(e){Z.default.error(e.message)}))}()}),[]);var X=[{label:n("common.group"),name:"groupName",options:{customBodyRenderLite:function(e){var t=j[e],r=t.type,n=t.blocklet,o=t.groupName;return"server"===r?(0,z.jsxs)(b.Z,{display:"flex",alignItems:"center",children:[(0,z.jsx)(L.r,{width:"14",height:"14"}),(0,z.jsx)(b.Z,{ml:1,children:o})]}):(0,z.jsxs)(b.Z,{display:"flex",alignItems:"center",children:[(0,z.jsx)(I.Z,{size:14,blocklet:n}),(0,z.jsx)(b.Z,{ml:1,children:o})]})}}},{label:n("common.name"),name:"name",options:{customBodyRenderLite:function(e){var t=j[e],r=t.type,n=t.name,o=t.component,i=t.ancestors;return"server"===r?(0,z.jsxs)(b.Z,{display:"flex",alignItems:"center",children:[(0,z.jsx)(k.Z,{width:"14",height:"14"}),(0,z.jsx)(b.Z,{ml:1,children:n})]}):(0,z.jsxs)(b.Z,{display:"flex",alignItems:"center",children:[(0,z.jsx)(S.default,{size:14,blocklet:o,ancestors:i}),(0,z.jsx)(b.Z,{ml:1,children:n})]})}}},{label:n("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite:function(e){var t,r=j[e].runtimeInfo;return t=r.uptime,f()(Number(t||0),{locale:(0,E.formatLocale)(o)})}}},{label:n("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite:function(e){var t=j[e].runtimeInfo;return v()((null===t||void 0===t?void 0:t.memoryUsage)||0)},sortDirection:"asc"}},{label:n("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite:function(e){var t=j[e].runtimeInfo;return"".concat((t.cpuUsage||0).toFixed(1),"%")}}},{label:n("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"}];return(0,z.jsxs)(V,{children:[(0,z.jsx)(h.Z,{component:"h2",variant:"h4",className:"page-header",color:"textPrimary",children:(0,z.jsx)(b.Z,{display:"flex",alignItems:"center",children:n("common.monitor")})}),(0,z.jsx)(b.Z,{mt:3,children:(0,z.jsxs)(y.ZP,{container:!0,spacing:5,children:[(0,z.jsx)(y.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,z.jsx)(D.default,(0,l.Z)((0,l.Z)({},F.cpu),{},{history:G.cpu}))},"cpu"),(0,z.jsx)(y.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,z.jsx)(M.default,(0,l.Z)((0,l.Z)({},F.mem),{},{history:G.mem}))},"memory"),(0,z.jsx)(y.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,z.jsx)(M.default,{title:"".concat(n("common.memory")," (Daemon)"),used:F.daemon.memoryUsage||0,history:G.daemonMem})},"memory-daemon"),(0,z.jsx)(y.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,z.jsx)(M.default,{title:"".concat(n("common.memory")," (Service)"),instanceCount:F.service.instanceCount||0,used:F.service.memoryUsage||0,history:G.serviceMem})},"memory-service"),F.disks.map((function(e){return(0,z.jsx)(y.ZP,{item:!0,lg:3,md:6,sm:6,xs:12,children:(0,z.jsx)(_.Z,{disk:e,platform:F.os.platform})},"disk")}))]})}),(0,z.jsx)(g.default,{className:"monitor-list",title:"",locale:o,data:j,columns:X,options:{download:!1,filter:!1,print:!1,pagination:!1,rowsPerPage:100}})]})}function F(){var e=(0,U.RJ)(),t=e.data,r=e.externalData;if(!e.initialized)return(0,z.jsx)(x.default,{relative:"parent",children:(0,z.jsx)(j.Z,{})});var n=[].concat((0,i.Z)(t),(0,i.Z)(r))||[];return(0,z.jsx)(A,{initialBlocklets:n})}var V=m.default.main(n||(n=(0,o.Z)([""])))},54474:function(e,t,r){t.Z=v;var n=s(r(55898)),o=s(r(1793)),i=s(r(34916)),a=r(76811),u=s(r(74655)),l=r(96266),c=["blocklet","style","size"];function s(e){return e&&e.__esModule?e:{default:e}}function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){f(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function f(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function p(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function v(e){var t,r=e.blocklet,n=e.style,s=e.size,m=p(e,c),f=(0,u.default)({blocklet:r}).logoUrl,v=m.variant,h=(0,l.jsx)("img",{src:f,alt:"",style:{width:s}});r.meta.logo||((null===(t=(r.configs||[]).find((function(e){return e.key===a.BLOCKLET_CONFIGURABLE_KEY.BLOCKLET_APP_LOGO_SQUARE})))||void 0===t?void 0:t.value)||(h=(0,l.jsx)(i.default,{did:r.meta.did||"",responsive:!0})));return(0,l.jsx)(o.default,d(d({variant:v||"square",style:Object.assign({backgroundColor:"transparent",width:s,height:s,borderRadius:10},n)},m),{},{children:h}))}v.propTypes={blocklet:n.default.object.isRequired,style:n.default.object,size:n.default.oneOfType([n.default.number,n.default.string])},v.defaultProps={style:{},size:40}},74655:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,r,n=e.blocklet,u=(0,i.useNodeContext)().inService,l=(null===(t=window.env)||void 0===t?void 0:t.apiPrefix)||"/",c="?v=".concat(null===n||void 0===n||null===(r=n.meta)||void 0===r?void 0:r.version).concat((0,a.isInstalling)(null===n||void 0===n?void 0:n.status)?"~":"");return{logoUrl:(0,o.default)(l,"/blocklet/logo/".concat(u?"":n.meta.did),c)}};var n,o=(n=r(6352))&&n.__esModule?n:{default:n},i=r(22324),a=r(99875)},39261:function(e,t,r){t.Z=g;var n=r(5057),o=f(r(55898)),i=r(14228),a=f(r(67623)),u=f(r(95931)),l=f(r(54935)),c=r(52118),s=f(r(52680)),m=r(99875),d=r(96266);function f(e){return e&&e.__esModule?e:{default:e}}function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function v(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){h(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e,t,r){return(t=function(e){var t=function(e,t){if("object"!==typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var b=(0,i.withStyles)((function(e){return{root:{height:10},colorPrimary:{backgroundColor:e.palette.grey["light"===e.palette.mode?200:700]},bar:{backgroundColor:e.palette.secondary.main}}}))(u.default);function y(e){var t=e.value;return(0,d.jsxs)(l.default,{display:"flex",alignItems:"center",mt:2,children:[(0,d.jsx)(l.default,{width:"100%",style:{overflow:"hidden"},mr:1,children:(0,d.jsx)(b,v({variant:"determinate"},e))}),(0,d.jsx)(l.default,{minWidth:35,children:(0,d.jsx)(a.default,{variant:"body2",color:"textSecondary",children:"".concat(Math.round(t),"%")})})]})}function g(e){var t=e.disk,r=e.platform,o=(0,n.useContext)(c.LocaleContext).t,i=[{id:1,className:"used",title:o("system.used"),metric:(0,m.formatDiskSize)(t.used,r)},{id:2,className:"free",title:o("system.free"),metric:(0,m.formatDiskSize)(t.free,r)},{id:3,className:"total",title:o("system.total"),metric:(0,m.formatDiskSize)(t.total,r)}];return(0,d.jsx)(s.default,{title:"".concat(o("common.disk")," (").concat(t.device,")"),value:(0,m.formatDiskSize)(t.used,r),graph:(0,d.jsx)(l.default,{mt:3,children:(0,d.jsx)(y,{value:t.used/t.total*100})}),description:i.map((function(e,t){return(0,d.jsxs)(l.default,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title)}))})}y.propTypes={value:o.default.number.isRequired},g.propTypes={disk:o.default.shape({used:o.default.number,free:o.default.number,total:o.default.number,device:o.default.string}),platform:o.default.string},g.defaultProps={disk:{used:0,free:0,total:1,device:""},platform:""}},66506:function(e,t,r){t.Z=void 0;(n=r(5057))&&n.__esModule;var n,o=r(96266);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var l=function(e){return(0,o.jsxs)("svg",a(a({},e),{},{children:[(0,o.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.083 3.2c0-.619.501-1.12 1.12-1.12h25.6c.619 0 1.12.501 1.12 1.12v10.24a1.12 1.12 0 0 1-1.12 1.12h-25.6a1.12 1.12 0 0 1-1.12-1.12V3.2zm2.24 1.12v8h23.36v-8H4.323zm-2.24 14.24c0-.619.501-1.12 1.12-1.12h25.6c.619 0 1.12.501 1.12 1.12V28.8a1.12 1.12 0 0 1-1.12 1.12h-25.6a1.12 1.12 0 0 1-1.12-1.12V18.56zm2.24 1.12v8h23.36v-8H4.323z",fill:"currentColor"}),(0,o.jsx)("path",{d:"M8.963 7.04h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64V7.68a.64.64 0 0 0-.64-.64zm0 15.36h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64v-1.28a.64.64 0 0 0-.64-.64zm5.12-15.36h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64V7.68a.64.64 0 0 0-.64-.64zm0 15.36h-1.28a.64.64 0 0 0-.64.64v1.28a.64.64 0 0 0 .64.64h1.28a.64.64 0 0 0 .64-.64v-1.28a.64.64 0 0 0-.64-.64z",fill:"currentColor"})]}))};l.defaultProps={width:"32",height:"32",viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg"},l.displayName="server";var c=l;t.Z=c},77951:function(e,t,r){var n=r(73408).default;function o(e,t,r,n){return parseFloat((t-n*t/e+r).toFixed(2))}function i(e){return e.value}function a(e,t){var r=document.createElementNS("http://www.w3.org/2000/svg",e);for(var n in t)r.setAttribute(n,t[n]);return r}Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t,r){if(function(e){n(e.querySelectorAll("*")).forEach((function(t){return e.removeChild(t)}))}(e),t.length<=1)return;r=r||{},"number"===typeof t[0]&&(t=t.map((function(e){return{value:e}})));var u=r.onmousemove,l=r.onmouseout,c="interactive"in r?r.interactive:!!u,s=r.spotRadius||2,m=2*s,d=r.cursorWidth||2,f=parseFloat(e.attributes["stroke-width"].value),p=r.fetch||i,v=t.map((function(e){return p(e)})),h=parseFloat(e.attributes.width.value)-2*m,b=parseFloat(e.attributes.height.value),y=b-2*f-m,g=0===Math.max.apply(Math,n(v))?1:Math.max.apply(Math,n(v)),j=-1e3,x=v.length-1,O=h/x,k=[],w=o(g,y,f+s,v[0]),P="M".concat(m," ").concat(w);v.forEach((function(e,r){var n=r*O+m,i=o(g,y,f+s,e);k.push(Object.assign({},t[r],{index:r,x:n,y:i})),P+=" L ".concat(n," ").concat(i)}));var Z=a("path",{class:"sparkline--line",d:P,fill:"none"}),I=a("path",{class:"sparkline--fill",d:"".concat(P," V ").concat(b," L ").concat(m," ").concat(b," Z"),stroke:"none"});if(e.appendChild(I),e.appendChild(Z),!c)return;var S=a("line",{class:"sparkline--cursor",x1:j,x2:j,y1:0,y2:b,"stroke-width":d}),E=a("circle",{class:"sparkline--spot",cx:j,cy:j,r:s});e.appendChild(S),e.appendChild(E);var N=a("rect",{width:e.attributes.width.value,height:e.attributes.height.value,style:"fill: transparent; stroke: transparent",class:"sparkline--interaction-layer"});e.appendChild(N),N.addEventListener("mouseout",(function(e){S.setAttribute("x1",j),S.setAttribute("x2",j),E.setAttribute("cx",j),l&&l(e)})),N.addEventListener("mousemove",(function(e){var t=e.offsetX,r=k.find((function(e){return e.x>=t}));r||(r=k[x]);var n,o,i=k[k.indexOf(r)-1];i?(o=i.x+(r.x-i.x)/2,n=t>=o?r:i):n=r;var a=n.x,l=n.y;E.setAttribute("cx",a),E.setAttribute("cy",l),S.setAttribute("x1",a),S.setAttribute("x2",a),u&&u(e,n)}))}}}]);

package/build/static/js/{9199.ac850f6e.chunk.js → 9199.9bcb0c34.chunk.js} RENAMED Viewed

	@@ -1 +1 @@
1	- (self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp\|\|[]).push([[9199],{33029:function(e,n,t){"use strict";t.d(n,{Z:function(){return Zn}});var r,o,i,a,l,c,s,u,p,d,f,m,h,y,g,x,b=t(59740),v=t(71171),k=t(32723),j=t(34795),w=t(33028),Z=t(96234),S=t(96266),C=t(96366),P=t(21371),T=t(66044),_=t(51634),R=t(56556),O=t(44846),z=t(72904),B=t(3267),N=t(97752),A=t(70011),E=t(25228),M=t(37200),D=t(74490),q=t(1733),I=t(19654),F=t(53070),L=t(12594),J=t(39948),U=t(15e3),G=t(48733),V=t(52439),W=t(44686),H=t(5057),K=t(55898),Q=t.n(K),X=t(12673),Y=t(66411),$=t(27429),ee=t(7411),ne=t(35355),te=t.n(ne),re=t(10458),oe=t.n(re),ie=t(33938),ae=t.n(ie),le=t(6352),ce=t.n(le),se=(t(25842),t(51210)),ue=t.n(se),pe=t(77668),de=t.n(pe),fe=t(10248),me=t(75506),he=t.n(me),ye=t(695),ge=t(99593),xe=t(19561),be=t(55402),ve=t(92204),ke=t(11750),je=t(57201),we=t(13727),Ze=t(82073),Se=t(94333),Ce=t(23031),Pe=(t(94924),["children","rounded","loading","disabled"]),Te=["title","value","icon","prepend","options","onChange","itemRender"],_e=["label","icon","onDelete"],Re=["blocklets"],Oe=["placeholder"],ze=["query","state"],Be=function(e){return[{name:e("sort.popularity"),value:"popularity"},{name:e("sort.lastPublished"),value:"publishAt"},{name:e("sort.nameAscend"),value:"nameAsc"},{name:e("sort.nameDescend"),value:"nameDesc"}]},Ne=function(e){return[{name:e("blocklet.free"),value:"free"},{name:e("blocklet.payment"),value:"payment"}]},Ae=function(){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en";return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map((function(n){return{name:n.locales[e]\|\|"Category.".concat(e),value:n._id}}))},Ee=function(e,n){return e.replace(/{(\w)}/g,(function(e,t){return n.hasOwnProperty(t)?n[t]:""}))},Me=function(){return window.innerWidth<=600},De=function(e,n){var t=(e+n)/n;return t>1?t.toFixed():1},qe=function(e){return ue()(e).rgb().object()};var Ie=function(e,n){var t;return function(){for(var r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return t&&clearTimeout(t),new Promise((function(r){t=setTimeout((function(){return r(e.apply(void 0,o))}),n)}))}}((function(e){return Promise.resolve(e)}),300),Fe={en:de()({common:{searchStore:"Search the store",price:"Price",category:"Category"},sort:{sort:"Sort",nameDescend:"Name Descending",nameAscend:"Name Ascending",popularity:"Most Popular",lastPublished:"Latest Published"},category:{all:"All",placeholder:"Category name",helperText:"Please select a category"},blocklet:{noResults:"No Blocklets",payment:"Paid Blocklets",free:"Fee Blocklets",emptyTip:"Tips:",filterTip:"Appropriately reduce the filter conditions",keywordTip:"Try other keywords",owner:"Blocklets from {name}",noBlockletPart1:'No Blocklets associated with"',noBlockletPart2:'"were found',noCategoryResults1:'No "',noCategoryResults2:'" Blocklets'},autocomplete:{expandResult:'Show {number} search results for "{name}" '}}),zh:de()({common:{searchStore:"\u641c\u7d22\u5546\u5e97\u5185\u5e94\u7528",price:"\u4ef7\u683c",category:"\u7c7b\u522b"},sort:{sort:"\u6392\u5e8f",nameDescend:"\u540d\u79f0\u964d\u5e8f",nameAscend:"\u540d\u79f0\u5347\u5e8f",popularity:"\u6700\u70ed\u95e8",lastPublished:"\u6700\u65b0\u53d1\u5e03"},category:{all:"\u5168\u90e8",placeholder:"\u5206\u7c7b\u540d\u79f0",helperText:"\u8bf7\u9009\u62e9\u5206\u7c7b"},blocklet:{noResults:"\u6682\u65e0\u5e94\u7528",free:"\u514d\u8d39\u5e94\u7528",payment:"\u4ed8\u8d39\u5e94\u7528",emptyTip:"\u5efa\u8bae:",filterTip:"\u9002\u5f53\u51cf\u5c11\u7b5b\u9009\u6761\u4ef6",keywordTip:"\u5c1d\u8bd5\u5176\u4ed6\u5173\u952e\u5b57",owner:"\u6765\u81ea {name} \u7684 Blocklets",noBlockletPart1:'\u6ca1\u6709\u627e\u5230\u4e0e"',noBlockletPart2:'"\u76f8\u5173\u7684 Blocklets',noCategoryResults1:'\u65e0 "',noCategoryResults2:'" \u7c7b\u522b\u7684 Blocklets'},autocomplete:{expandResult:"\u663e\u793a {number} \u6761 \u201c{name}\u201d \u7684\u641c\u7d22\u7ed3\u679c "}})},Le={filters:Q().shape({keyword:Q().string,sortBy:Q().string,sortDirection:Q().string,price:Q().string,category:Q().string,developer:Q().string}),wrapChildren:Q().func,extraFilter:Q().func,endpoint:Q().string.isRequired,blockletRender:Q().func.isRequired,onFilterChange:Q().func,onSearchSelect:Q().func,locale:Q().oneOf(["zh","en"]),baseSearch:Q().bool},Je={locale:"zh",filters:{},onFilterChange:function(){},onSearchSelect:function(e){var n=e.detailUrl;window.location.href=n},wrapChildren:function(e){return e},extraFilter:function(e){return e},baseSearch:!1},Ue={nameAsc:"title",nameDesc:"title",popularity:"stats.downloads",publishAt:"lastPublishedAt",mobilePageSize:10,pageSize:18,defaultCurrentPage:1,blockletsPath:"/api/v2/blocklets.json",categoriesPath:"/api/blocklets/categories",cacheSize:100},Ge=(0,H.createContext)({}),Ve=Ge.Provider;Ge.Consumer;function We(e){var n=e.filters,t=e.children,r=e.endpoint,o=e.locale,i=e.blockletRender,a=e.onFilterChange,l=e.onSearchSelect,c=e.extraFilter,s=e.wrapChildren,u=e.baseSearch,p=e.serverVersion,d=e.storeVersion,f={};p&&(f["x-blocklet-server-version"]=p),d&&(f["x-blocklet-store-version"]=d);var m=(0,H.useMemo)((function(){return oe().create({baseURL:r,headers:f})}),[r]),h=(0,H.useMemo)((function(){return(0,w.Z)({sortBy:"popularity",sortDirection:"desc"},n)}),[n]),y=h.category,g=(0,X.Z)({currentPage:Ue.currentPage,pageSize:Me()?Ue.mobilePageSize:Ue.pageSize,defaultCurrentPage:Ue.defaultCurrentPage}),x=(0,H.useState)(null),b=(0,Z.Z)(x,2),v=b[0],C=b[1],P=(0,Y.Z)(function(){var e=(0,j.Z)((0,k.Z)().mark((function e(n){var t,r,o,i,a;return(0,k.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=(0,w.Z)((0,w.Z)({},h),{},{sortBy:Ue[h.sortBy],page:De((null==(t=null==n?void 0:n.list)?void 0:t.length)\|\|0,g.pageSize),pageSize:g.pageSize}),C(null),e.next=4,m.get(Ue.blockletsPath,{params:r});case 4:return o=e.sent,i=o.data,a=void 0===i?{}:i,e.abrupt("return",{list:(null==a?void 0:a.dataList)\|\|[],total:(null==a?void 0:a.total)\|\|0});case 8:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),{isNoMore:function(e){return!!e&&e.list.length>=e.total},reloadDeps:[r,ae()(n)],onError:function(e){C(e)}}),T=P.data,_=void 0===T?{list:[],total:0}:T,R=P.loading,O=P.loadMore,z=P.loadingMore,B=(0,$.Z)((0,j.Z)((0,k.Z)().mark((function e(){var n,t;return(0,k.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,m.get(Ue.categoriesPath);case 2:return n=e.sent,t=n.data,e.abrupt("return",Array.isArray(t)?t:[]);case 5:case"end":return e.stop()}}),e)}))),{manual:!0}),N=B.data,A=void 0===N?[]:N,E=B.error,M=B.loading,D=B.run,q=(0,H.useMemo)((function(){return te()(A\|\|[],[function(e){return e.name}],["asc"])}),[A]),I=(0,H.useCallback)((function(e,n){var t=Fe[o]?Fe[o][e]:Fe.en[e];return Ee(t,n)}),[o]),F=(0,H.useMemo)((function(){var e=_.list\|\|[];return e=c(e)}),[_,c]),L=(0,H.useMemo)((function(){return Ae(q,o)}),[q,o]),J=Ne(I),U={errors:{fetchBlockletsError:v,fetchCategoriesError:E},loadings:{fetchBlockletsLoading:R,fetchCategoriesLoading:M,loadingMore:z},endpoint:r,blockletList:F,wrapChildren:s,t:I,filters:h,selectedCategory:y,categoryList:q,blockletRender:i,locale:o,categoryOptions:L,priceOptions:J,storeApi:m,baseSearch:u,hasNextPage:_.list.length<_.total,handleSort:function(e){var n=(0,w.Z)((0,w.Z)({},h),{},{sortBy:e,sortDirection:"nameAsc"===e?"asc":"desc"});a(n)},handleKeyword:function(e){var n=(0,w.Z)((0,w.Z)({},h),{},{keyword:e\|\|void 0});a(n)},handlePrice:function(e){var n=(0,w.Z)((0,w.Z)({},h),{},{price:e===h.price?void 0:e});a(n)},handleCategory:function(e){var n=e;("all"===e\|\|e===h.category)&&(n=void 0);var t=(0,w.Z)((0,w.Z)({},h),{},{category:n});a(t)},handleDeveloper:function(e){var n=(0,w.Z)((0,w.Z)({},h),{},{owner:e\|\|void 0});a(n)},handlePage:function(e){var n=(0,w.Z)((0,w.Z)({},h),{},{currentPage:e});a(n)},loadMore:function(){O()},getCategoryLocale:function(e){if(!e)return null;var n=null,t=A.find((function(n){return n._id===e}));return t&&(n=t.locales[o]),n},get developerName(){var e,n;return(null==(n=null==(e=F.find((function(e){var n;return(null==(n=null==e?void 0:e.owner)?void 0:n.did)===h.owner})))?void 0:e.owner)?void 0:n.name)\|\|""},handleSearchSelect:l};return(0,H.useEffect)((function(){D()}),[r]),(0,S.jsx)(Ve,{value:U,children:t})}function He(){return(0,H.useContext)(Ge)\|\|{}}We.propTypes=(0,w.Z)((0,w.Z)({},Le),{},{children:Q().any.isRequired}),We.defaultProps=Je;var Ke=(0,T.styled)(R.Z)(r\|\|(r=(0,v.Z)(["\n border-radius: 4px;\n"]))),Qe=(0,H.forwardRef)((function(e,n){var t=e.children,r=(e.rounded,e.loading),o=e.disabled,i=(0,b.Z)(e,Pe);return(0,S.jsx)(Ke,(0,w.Z)((0,w.Z)({ref:n,disableElevation:!0,disabled:o\|\|r},i),{},{startIcon:r&&(0,S.jsx)(O.Z,{size:"1em"}),children:t}))}));function Xe(e){var n=e.title,t=e.value,r=e.icon,o=e.prepend,i=e.options,a=e.onChange,l=e.itemRender,c=(0,b.Z)(e,Te),s=(0,H.useRef)(null),u=(0,C.default)(),p=(0,H.useState)(!1),d=(0,Z.Z)(p,2),f=d[0],m=d[1],h=(0,H.useState)(null!==t?t:""),y=(0,Z.Z)(h,2),g=y[0],x=y[1],v=(0,z.Z)(u.breakpoints.down("sm"));(0,H.useEffect)((function(){x(null!==t?t:"")}),[t]);var k=(0,H.useCallback)((function(){m(!1)}),[]),j=(0,H.useCallback)((function(){m(!0)}),[]);function P(e){return e===g}return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(Ye,(0,w.Z)((0,w.Z)({ref:s,onClick:j,variant:"outlined",size:"small",className:["my-select__selector",he()(g)?"":"my-select__selector--active"].join(" ")},c),{},{children:[(0,S.jsx)("div",{className:"my-select__icon",children:r}),n,(0,S.jsx)(B.Z,{className:"my-select__arrowdown",component:fe.default,fontSize:"small"})]})),(0,S.jsx)(N.Z,{open:f,anchorEl:s.current,transition:!0,style:{zIndex:"9999"},children:function(e){var n=e.TransitionProps,t=e.placement;return(0,S.jsx)(A.Z,(0,w.Z)((0,w.Z)({},n),{},{style:{transformOrigin:"bottom"===t?"center top":"center bottom"},children:(0,S.jsx)(E.Z,{children:(0,S.jsx)(M.Z,{onClickAway:k,children:(0,S.jsxs)($e,{autoFocusItem:f,onMouseEnter:j,onMouseLeave:k,children:[o,i.map((function(e){return l?l(e):(0,S.jsx)(D.Z,{onClick:function(){return function(e){x(e.value),a(e.value),v&&k()}(e)},className:["my-select__option",P(e.value)?"my-select__option--active":""].join(" "),children:e.name},e.value)}))]})})})}))}})]})}Qe.propTypes={children:Q().any,rounded:Q().bool,loading:Q().bool,disabled:Q().bool},Qe.defaultProps={children:null,rounded:!1,loading:!1,disabled:!1},Xe.propTypes={options:Q().array.isRequired,value:Q().oneOfType([Q().string,Q().number,Q().array]),onChange:Q().func,itemRender:Q().func,title:Q().string.isRequired,icon:Q().any,prepend:Q().any},Xe.defaultProps={value:null,icon:null,prepend:null,itemRender:null,onChange:function(){}};var Ye=(0,T.styled)(Qe)(o\|\|(o=(0,v.Z)(["\n border: 1px solid #f0f0f0;\n padding: 6px 8px 6px 12px;\n font-weight: ",";\n font-size: 16px;\n color: #666;\n line-height: 1;\n text-transform: none;\n min-width: 100px;\n & + & {\n margin-left: 10px;\n }\n &.my-select__selector--active {\n &,\n .my-select__arrowdown,\n .my-select__icon svg {\n color: ",";\n }\n }\n .my-select__arrowdown {\n color: #999;\n font-size: 16px;\n margin-left: 6px;\n }\n .my-select__icon {\n font-size: 0;\n svg {\n color: #999;\n font-size: 18px;\n margin-right: 3px;\n }\n }\n"])),(function(e){return e.theme.typography.fontWeightBold}),(function(e){return e.theme.palette.primary.main})),$e=(0,T.styled)(q.Z)(i\|\|(i=(0,v.Z)(["\n .my-select__option__icon {\n color: transparent;\n font-size: 16px;\n margin: 0 3px 0 -5px;\n }\n .my-select__option {\n font-size: 16px;\n color: #999;\n }\n .my-select__option--active {\n &,\n .my-select__option__icon {\n color: ",";\n }\n }\n"])),(function(e){return e.theme.palette.primary.main}));function en(e){var n=e.options,t=e.onChange,r=e.title,o=e.value;return(0,S.jsxs)(nn,{children:[(0,S.jsx)("div",{className:"title",children:r}),(0,S.jsx)("div",{className:"list",children:n.map((function(e){return(0,S.jsx)("div",{title:e.name,"data-cy":"filter",className:o===e.value?"select item":"item",onClick:function(){return t(e.value)},children:e.name},e.value)}))})]})}var nn=(0,T.styled)("div")(a\|\|(a=(0,v.Z)(["\n .title {\n font-size: 18px;\n font-weight: bold;\n margin-bottom: ",";\n }\n .list {\n }\n .item {\n font-size: 16px;\n padding: ",";\n color: #9397a1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-transform: capitalize;\n cursor: pointer;\n &:hover {\n background-color: ",";\n color: initial;\n font-weight: bold;\n }\n }\n .select {\n color: ",";\n font-weight: bold;\n }\n"])),(function(e){return e.theme.spacing(1)}),(function(e){return e.theme.spacing(1)}),(function(e){return e.theme.palette.grey[50]}),(function(e){return e.theme.palette.primary.main}));function tn(){var e=He(),n=e.selectedCategory,t=e.handleCategory,r=e.t,o=e.handlePrice,i=e.filters,a=e.categoryOptions,l=e.priceOptions,c=(0,H.useState)(!1),s=(0,Z.Z)(c,2),u=s[0],p=s[1],d=function(e,n){"category"===e&&t(n),"price"===e&&o(n),p(!1)};return(0,S.jsxs)(rn,{children:[(0,S.jsx)(R.Z,{variant:"outlined",className:"filter-button",onClick:function(){return p(!0)},children:(0,S.jsx)(ye.default,{className:"filter-icon",fontSize:"small"})}),(0,S.jsxs)(ge.default,{fullWidth:!0,title:"",open:u,onClose:function(){return p(!1)},children:[(0,S.jsx)(en,{title:r("common.price"),options:l,value:i.price,onChange:function(e){d("price",e)}}),a.length>0&&(0,S.jsx)("div",{style:{marginTop:"16px"},children:(0,S.jsx)(en,{title:r("common.category"),options:a,value:n,onChange:function(e){d("category",e)}})})]})]})}en.propTypes={title:Q().string.isRequired,options:Q().array.isRequired,onChange:Q().func.isRequired,value:Q().oneOfType([Q().string,Q().number])},en.defaultProps={value:null};var rn=(0,T.styled)("div")(l\|\|(l=(0,v.Z)(["\n .filter-button {\n margin-right: 16px;\n border-color: rgb(240, 240, 240);\n padding: 5px 8px;\n min-width: initial;\n }\n .filter-icon {\n cursor: pointer;\n color: ",";\n }\n"])),(function(e){return e.theme.palette.grey[500]}));tn.propTypes={},tn.defaultProps={};var on=(0,T.styled)("div")(c\|\|(c=(0,v.Z)(["\n .MuiChip-root {\n border-radius: 4px;\n height: initial;\n text-transform: capitalize;\n margin-right: ",";\n padding: 4px 0;\n }\n"])),(function(e){return e.theme.spacing(2)}));function an(e){var n=e.label,t=e.icon,r=e.onDelete,o=(0,b.Z)(e,_e);return n?(0,S.jsx)(on,(0,w.Z)((0,w.Z)({},o),{},{children:(0,S.jsx)(I.Z,{color:"primary","data-cy":"filter-tag",icon:t,label:n,onDelete:r})})):null}function ln(){var e=He().t;return(0,S.jsx)(ke.Z,{style:{textAlign:"center"},variant:"subtitle2",children:e("blocklet.noResults")})}function cn(e){var n=e.filterTip,t=e.keywordTip,r=He(),o=r.t,i=r.locale;return(0,S.jsxs)(J.Z,{className:"tips",children:[(0,S.jsx)("span",{style:{marginRight:"16px"},children:o("blocklet.emptyTip")}),n&&(0,S.jsx)("span",{children:o("blocklet.filterTip")}),n&&t&&("zh"===i?"\u3001":" , "),t&&(0,S.jsx)("span",{children:o("blocklet.keywordTip")})]})}function sn(e){var n=e.primaryStart,t=e.primaryEnd,r=e.filter;return(0,S.jsxs)(ke.Z,{variant:"subtitle2",children:[(0,S.jsx)("span",{children:n}),(0,S.jsxs)("span",{className:"primary",children:[" ",r," "]}),(0,S.jsxs)("span",{children:[t," "]})]})}function un(e){var n=e.blocklets,t=(0,b.Z)(e,Re),r=He(),o=r.blockletRender,i=r.errors,a=r.loadings,l=r.selectedCategory,c=r.getCategoryLocale,s=r.filters,u=r.t,p=r.hasNextPage,d=r.loadMore,f=r.endpoint,m=!!l\|\|!!s.price,h=(0,ve.default)({loading:a.fetchBlockletsLoading\|\|a.loadingMore,hasNextPage:p,onLoadMore:d}),y=(0,Z.Z)(h,1)[0];if(i.fetchBlockletsError)return(0,S.jsx)(W.ErrorFallback,{error:new Error("Failed to fetch blocklets from ".concat(f,": ").concat(i.fetchBlockletsError.message))});if(a.fetchBlockletsLoading)return(0,S.jsx)(J.Z,{height:60,display:"flex",alignItems:"center",justifyContent:"center",children:(0,S.jsx)(O.Z,{})});if(s.keyword&&m&&0===n.length)return(0,S.jsxs)(fn,{children:[(0,S.jsx)(sn,{primaryStart:u("blocklet.noBlockletPart1"),primaryEnd:u("blocklet.noBlockletPart2"),filter:s.keyword}),(0,S.jsx)(cn,{keywordTip:!0,filterTip:!0})]});if(s.keyword&&0===n.length)return(0,S.jsxs)(fn,{children:[(0,S.jsx)(sn,{primaryStart:u("blocklet.noBlockletPart1"),primaryEnd:u("blocklet.noBlockletPart2"),filter:s.keyword}),(0,S.jsx)(cn,{keywordTip:!0})]});if(m&&0===n.length){var g=c(l);return(0,S.jsxs)(fn,{children:[g?(0,S.jsx)(sn,{primaryStart:u("blocklet.noCategoryResults1"),primaryEnd:u("blocklet.noCategoryResults2"),filter:g}):(0,S.jsx)(ln,{}),(0,S.jsx)(cn,{filterTip:!0})]})}return 0===n.length?(0,S.jsx)(fn,{children:(0,S.jsx)(ln,{})}):(0,S.jsxs)(pn,(0,w.Z)((0,w.Z)({container:!0},t),{},{children:[n.map((function(e){return(0,S.jsx)(dn,{item:!0,lg:4,md:6,sm:6,xs:12,"data-blocklet-did":e.did,children:o({blocklet:e,blocklets:n})},e.did)})),p&&(0,S.jsx)(dn,{item:!0,md:12,sm:12,xs:12,ref:y,children:(0,S.jsx)(J.Z,{height:60,display:"flex",justifyContent:"center",children:(0,S.jsx)(O.Z,{})})})]}))}an.propTypes={label:Q().string,onDelete:Q().func,icon:Q().element},an.defaultProps={onDelete:function(){},icon:null,label:null},cn.propTypes={filterTip:Q().bool,keywordTip:Q().bool},cn.defaultProps={filterTip:!1,keywordTip:!1},sn.propTypes={primaryStart:Q().string.isRequired,primaryEnd:Q().string.isRequired,filter:Q().string.isRequired},un.propTypes={blocklets:Q().array.isRequired},un.defaultProps={};var pn=(0,T.styled)(be.ZP)(s\|\|(s=(0,v.Z)(["\n &.MuiGrid-root {\n width: 100%;\n margin: 0 -16px;\n }\n"]))),dn=(0,H.memo)((0,T.styled)(be.ZP)(u\|\|(u=(0,v.Z)(["\n @media (max-width: ","px) {\n &.MuiGrid-item {\n padding-bottom: 0px;\n }\n }\n @media (min-width: ","px) {\n &.MuiGrid-item {\n margin-bottom: ",";\n }\n }\n"])),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.spacing(2)}))),fn=(0,T.styled)(xe.default)(p\|\|(p=(0,v.Z)(["\n text-align: center;\n .primary {\n color: ",";\n }\n .tips {\n margin-top: ",";\n }\n"])),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.spacing(1)}));function mn(){var e=He(),n=e.selectedCategory,t=e.handleCategory,r=e.t,o=e.handlePrice,i=e.filters,a=e.categoryOptions,l=e.priceOptions;return(0,S.jsxs)(hn,{children:[(0,S.jsx)("div",{children:(0,S.jsx)(en,{title:r("common.price"),options:l,value:i.price,onChange:o})}),a.length>0&&(0,S.jsx)("div",{style:{marginTop:"16px"},children:(0,S.jsx)(en,{title:r("common.category"),options:a,value:n,onChange:t})})]})}var hn=(0,T.styled)("aside")(d\|\|(d=(0,v.Z)(["\n width: 220px;\n margin-right: ",";\n height: 100%;\n position: sticky;\n top: 0;\n overflow-y: auto;\n z-index: auto;\n"])),(function(e){return e.theme.spacing(2)}));function yn(e){var n=e.placeholder,t=(0,b.Z)(e,Oe),r=He(),o=r.filters,i=r.handleKeyword,a=(0,H.useState)(o.keyword\|\|""),l=(0,Z.Z)(a,2),c=l[0],s=l[1],u=(0,ee.Z)(i,{wait:300});return(0,H.useEffect)((function(){s(o.keyword\|\|"")}),[o.keyword]),(0,S.jsx)(gn,(0,w.Z)({inputProps:{"data-cy":"search-blocklet"},startAdornment:(0,S.jsx)(F.Z,{position:"start",children:(0,S.jsx)(xn,{})}),onChange:function(e){var n=e.target.value;s(n),u.run(n)},placeholder:n,value:c,title:n,"data-cy":"search",endAdornment:c&&(0,S.jsx)(F.Z,{position:"end",children:(0,S.jsx)(bn,{"data-cy":"search-delete",onClick:function(){s(""),i()}})})},t))}mn.propTypes={},mn.defaultProps={},yn.propTypes={placeholder:Q().string},yn.defaultProps={placeholder:"Type to search..."};var gn=(0,T.styled)(L.Z)(f\|\|(f=(0,v.Z)(["\n background-color: ",";\n font-size: 14px;\n border-radius: 6px;\n .MuiInputBase-input {\n padding: 8px 0 8px 10px;\n }\n .MuiOutlinedInput-notchedOutline {\n border: none;\n }\n .Mui-focused {\n background-color: #f6f6f6;\n .MuiInputBase-input::placeholder {\n color: transparent;\n }\n }\n"])),(function(e){return e.theme.palette.grey[50]})),xn=(0,T.styled)(je.default)(m\|\|(m=(0,v.Z)(["\n color: ",";\n font-size: 28px;\n @media (max-width: ","px) {\n font-size: 24px;\n }\n"])),(function(e){return e.theme.palette.grey[500]}),(function(e){return e.theme.breakpoints.values.md})),bn=(0,T.styled)(we.default)(h\|\|(h=(0,v.Z)(["\n color: ",";\n font-size: 16px;\n cursor: pointer;\n"])),(function(e){return e.theme.palette.grey[500]}));function vn(e){var n=e.onSelect,t=e.wrapChildren,r=(0,H.useRef)(null),o=(0,H.useRef)(null),i=(0,H.useRef)(null),a=He(),l=a.storeApi,c=a.blockletRender,s=a.filters,u=a.endpoint,p=a.handleKeyword,d=a.t,f=function(){var e=(0,j.Z)((0,k.Z)().mark((function e(n){var t,r,o;return(0,k.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,l.get(Ue.blockletsPath,{params:n});case 2:return t=e.sent,r=t.data,o=r.dataList\|\|[],e.abrupt("return",(o.length>0&&o.unshift({type:"more-result",total:r.total\|\|0}),o));case 6:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),m=function(e){p(e.state.query),e.setIsOpen(!1)},h=function(){r.current&&setTimeout((function(){var e=r.current.querySelector("input.bl-autocomplete-input");e&&e.focus()}))};return(0,Ce.useHotkeys)("ctrl + k, command + k",(function(e){return e.stopPropagation(),e.preventDefault(),h(),!1}),{enableOnTags:["INPUT"]}),(0,H.useEffect)((function(){h()}),[u]),(0,H.useEffect)((function(){if(r.current){var e=(0,Se.H)({container:r.current,renderer:{createElement:H.createElement,Fragment:H.Fragment,render:function(){}},render:function(e,n){var r,a=e.children;(!o.current\|\|i.current!==n)&&(i.current=n,null==(r=o.current)\|\|r.unmount(),o.current=(0,Ze.createRoot)(n)),o.current.render(t(a))},autoFocus:!0,openOnFocus:!1,classNames:{panel:"bl-autocomplete-panel",label:"bl-autocomplete-label",form:"bl-autocomplete-form",input:"bl-autocomplete-input",clearButton:"bl-autocomplete-clear"},placeholder:d("common.searchStore"),initialState:{query:s.keyword},onStateChange:function(e){!function(e){var n=e.prevState,t=e.state;n.query!==t.query&&(t.query\|\|p())}(e)},onSubmit:m,onReset:function(e){!function(e){e.setIsOpen(!1),h()}(e)},getSources:function(e){var t=e.query,r=(e.state,(0,b.Z)(e,ze)),o=(0,w.Z)((0,w.Z)({},s),{},{sortBy:Ue[s.sortBy],page:1,pageSize:10,keyword:t});return Ie([{sourceId:"blocklets",getItems:function(){return f(o)},getItemInputValue:function(e){var n=e.item;return"more-result"===n.type?t:n.title},onSelect:function(e){var o=e.event,i=e.item;return"more-result"===i.type?(r.setIsOpen(!1),p(t)):"keydown"===o.type?p(i.title):n({blocklet:i,detailUrl:ce()(u,"/blocklets/".concat(i.did)),storeUrl:u})},templates:{item:function(e){var n=e.item;return"more-result"===n.type?(0,S.jsx)("div",{children:d("autocomplete.expandResult",{name:t,number:n.total.toLocaleString()})}):c({blocklet:n,autocompleteSetters:r})},noResults:function(){return d("blocklet.noResults")}}}])}});return function(){e.destroy()}}}),[s,c]),(0,S.jsx)("div",{className:"bl-search-container",ref:r})}function kn(){var e,n,t=He(),r=t.handleDeveloper,o=t.blockletList,i=t.filters,a=t.developerName,l=t.handleSort,c=t.handleCategory,s=t.handlePrice,u=t.handleSearchSelect,p=t.t,d=t.getCategoryLocale,f=t.priceOptions,m=t.wrapChildren,h=t.baseSearch,y=Be(p),g=(null==(e=y.find((function(e){return e.value===i.sortBy})))?void 0:e.name)\|\|p("sort.sort"),x=d(i.category),b=null==(n=f.find((function(e){return e.value===i.price})))?void 0:n.name;return(0,S.jsxs)(J.Z,{display:"flex",alignItems:"flex-start",height:"100%",children:[(0,S.jsx)(U.Z,{mdDown:!0,children:(0,S.jsx)(mn,{})}),(0,S.jsxs)(jn,{children:[(0,S.jsxs)(wn,{children:[(0,S.jsxs)(J.Z,{className:"filter-bar",display:"flex",alignItems:"center",children:[h?(0,S.jsx)(yn,{className:"bl-search-container",placeholder:p("common.searchStore")}):(0,S.jsx)(vn,{onSelect:u,wrapChildren:m}),(0,S.jsxs)(J.Z,{mt:0,ml:"16px",className:"filter-container",children:[(0,S.jsx)(U.Z,{mdUp:!0,children:(0,S.jsx)(tn,{})}),(0,S.jsx)(Xe,{value:i.sortBy,options:y,title:g,icon:(0,S.jsx)(_.default,{}),onChange:function(e){l(e)}})]})]}),(0,S.jsxs)(J.Z,{display:"flex",flexWrap:"wrap",alignItems:"center",mb:"16px",children:[(0,S.jsx)(an,{label:a,icon:(0,S.jsx)(G.default,{}),onDelete:function(){r(null)}}),(0,S.jsx)(an,{label:x,onDelete:function(){c(null)}}),(0,S.jsx)(an,{label:b,onDelete:function(){s(null)}})]})]}),(0,S.jsx)(V.ErrorBoundary,{FallbackComponent:W.ErrorFallback,children:(0,S.jsx)("div",{style:{position:"relative",flex:1,overflow:"auto"},children:(0,S.jsx)(un,{blocklets:o})})})]})]})}vn.propTypes={onSelect:Q().func.isRequired,wrapChildren:Q().func},vn.defaultProps={wrapChildren:function(e){return e}};var jn=(0,T.styled)("main")(y\|\|(y=(0,v.Z)(["\n display: flex;\n flex-direction: column;\n flex: 1;\n width: 100%;\n height: 100%;\n .filter-bar {\n justify-content: space-between;\n margin-bottom: ",";\n }\n .sort-button {\n white-space: nowrap;\n }\n .bl-search-container {\n flex: 2;\n margin-left: 0px;\n }\n\n .filter-container {\n flex: 1;\n display: flex;\n justify-content: flex-end;\n }\n @media (max-width: ","px) {\n .bl-search-container {\n width: 100%;\n margin-bottom: ",";\n }\n .filter-container {\n margin-left: 0;\n display: flex;\n justify-content: flex-start;\n }\n .filter-bar {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n }\n @media (max-width: ","px) {\n .sort-button {\n font-size: 12px;\n }\n }\n"])),(function(e){return e.theme.spacing(2)}),(function(e){return e.theme.breakpoints.values.md}),(function(e){return e.theme.spacing(2)}),(function(e){return e.theme.breakpoints.values.md})),wn=(0,T.styled)("div")(g\|\|(g=(0,v.Z)(["\n position: sticky;\n top: 0;\n z-index: 9;\n background-color: white;\n"])));function Zn(e){var n=(0,C.default)(),t=qe(n.palette.primary.main),r={autocomplete:(0,P.css)(x\|\|(x=(0,v.Z)(["\n :root {\n --aa-detached-media-query: (max-width: ","px) !important;\n --aa-detached-modal-media-query: (min-width: ","px) !important;\n --aa-detached-modal-max-width: ","px !important;\n --aa-selected-color-rgb: ",", ",", "," !important;\n --aa-primary-color-rgb: ",", ",", "," !important;\n --aa-input-background-color-rgb: 250, 250, 250 !important;\n }\n .bl-autocomplete-panel {\n z-index: ",";\n }\n .bl-autocomplete-label {\n .aa-SubmitIcon {\n color: "," !important;\n }\n }\n .bl-autocomplete-form {\n border: 1px solid #fff !important;\n &:focus-within {\n box-shadow: none !important;\n border: 1px solid rgba(0, 0, 0, 0.12) !important;\n }\n }\n .aa-DetachedSearchButton {\n border: none !important;\n &:focus-within {\n box-shadow: none !important;\n }\n .aa-SubmitIcon {\n color: "," !important;\n }\n }\n .aa-Panel .arcblock-blocklet button {\n border: 1px solid rgba(",", ",", ",", 0.5);\n }\n "])),n.breakpoints.values.md,n.breakpoints.values.md,n.breakpoints.values.md,t.r,t.g,t.b,t.r,t.g,t.b,n.zIndex.modal,n.palette.grey[500],n.palette.grey[500],t.r,t.g,t.b)};return(0,S.jsxs)(We,(0,w.Z)((0,w.Z)({},e),{},{children:[(0,S.jsx)(P.Global,{styles:r.autocomplete}),(0,S.jsx)(kn,{})]}))}Zn.propTypes=Le,Zn.defaultProps=Je},44919:function(e,n,t){"use strict";var r=t(71600);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(56930)),i=t(96266),a=(0,o.default)((0,i.jsx)("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"Add");n.default=a},57201:function(e,n,t){"use strict";var r=t(71600);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(56930)),i=t(96266),a=(0,o.default)((0,i.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"}),"Search");n.default=a},33938:function(e,n,t){"use strict";var r="undefined"!==typeof JSON?JSON:t(99426),o=Array.isArray\|\|function(e){return"[object Array]"==={}.toString.call(e)},i=Object.keys\|\|function(e){var n=Object.prototype.hasOwnProperty\|\|function(){return!0},t=[];for(var r in e)n.call(e,r)&&t.push(r);return t};e.exports=function(e,n){n\|\|(n={}),"function"===typeof n&&(n={cmp:n});var t=n.space\|\|"";"number"===typeof t&&(t=Array(t+1).join(" "));var a,l="boolean"===typeof n.cycles&&n.cycles,c=n.replacer\|\|function(e,n){return n},s=n.cmp&&(a=n.cmp,function(e){return function(n,t){var r={key:n,value:e[n]},o={key:t,value:e[t]};return a(r,o)}}),u=[];return function e(n,a,p,d){var f=t?"\n"+new Array(d+1).join(t):"",m=t?": ":":";if(p&&p.toJSON&&"function"===typeof p.toJSON&&(p=p.toJSON()),void 0!==(p=c.call(n,a,p))){if("object"!==typeof p\|\|null===p)return r.stringify(p);if(o(p)){for(var h=[],y=0;y<p.length;y++){var g=e(p,y,p[y],d+1)\|\|r.stringify(null);h.push(f+t+g)}return"["+h.join(",")+f+"]"}if(-1!==u.indexOf(p)){if(l)return r.stringify("__cycle__");throw new TypeError("Converting circular structure to JSON")}u.push(p);var x=i(p).sort(s&&s(p));for(h=[],y=0;y<x.length;y++){var b=e(p,a=x[y],p[a],d+1);if(b){var v=r.stringify(a)+m+b;h.push(f+t+v)}}return u.splice(u.indexOf(p),1),"{"+h.join(",")+f+"}"}}({"":e},"",e,0)}},99426:function(e,n,t){"use strict";n.parse=t(1329),n.stringify=t(17326)},1329:function(e){"use strict";var n,t,r,o={'"':'"',"\\":"\\","/":"/",b:"\b",f:"\f",n:"\n",r:"\r",t:"\t"};function i(e){throw{name:"SyntaxError",message:e,at:n,text:r}}function a(e){return e&&e!==t&&i("Expected '"+e+"' instead of '"+t+"'"),t=r.charAt(n),n+=1,t}function l(){var e,n="";for("-"===t&&(n="-",a("-"));t>="0"&&t<="9";)n+=t,a();if("."===t)for(n+=".";a()&&t>="0"&&t<="9";)n+=t;if("e"===t\|\|"E"===t)for(n+=t,a(),"-"!==t&&"+"!==t\|\|(n+=t,a());t>="0"&&t<="9";)n+=t,a();return e=Number(n),isFinite(e)\|\|i("Bad number"),e}function c(){var e,n,r,l="";if('"'===t)for(;a();){if('"'===t)return a(),l;if("\\"===t)if(a(),"u"===t){for(r=0,n=0;n<4&&(e=parseInt(a(),16),isFinite(e));n+=1)r=16r+e;l+=String.fromCharCode(r)}else{if("string"!==typeof o[t])break;l+=o[t]}else l+=t}i("Bad string")}function s(){for(;t&&t<=" ";)a()}function u(){switch(s(),t){case"{":return function(){var e,n={};if("{"===t){if(a("{"),s(),"}"===t)return a("}"),n;for(;t;){if(e=c(),s(),a(":"),Object.prototype.hasOwnProperty.call(n,e)&&i('Duplicate key "'+e+'"'),n[e]=u(),s(),"}"===t)return a("}"),n;a(","),s()}}i("Bad object")}();case"[":return function(){var e=[];if("["===t){if(a("["),s(),"]"===t)return a("]"),e;for(;t;){if(e.push(u()),s(),"]"===t)return a("]"),e;a(","),s()}}i("Bad array")}();case'"':return c();case"-":return l();default:return t>="0"&&t<="9"?l():function(){switch(t){case"t":return a("t"),a("r"),a("u"),a("e"),!0;case"f":return a("f"),a("a"),a("l"),a("s"),a("e"),!1;case"n":return a("n"),a("u"),a("l"),a("l"),null;default:i("Unexpected '"+t+"'")}}()}}e.exports=function(e,o){var a;return r=e,n=0,t=" ",a=u(),s(),t&&i("Syntax error"),"function"===typeof o?function e(n,t){var r,i,a=n[t];if(a&&"object"===typeof a)for(r in u)Object.prototype.hasOwnProperty.call(a,r)&&("undefined"===typeof(i=e(a,r))?delete a[r]:a[r]=i);return o.call(n,t,a)}({"":a},""):a}},17326:function(e){"use strict";var n,t,r,o=/[\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,i={"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"};function a(e){return o.lastIndex=0,o.test(e)?'"'+e.replace(o,(function(e){var n=i[e];return"string"===typeof n?n:"\\u"+("0000"+e.charCodeAt(0).toString(16)).slice(-4)}))+'"':'"'+e+'"'}function l(e,o){var i,c,s,u,p,d=n,f=o[e];switch(f&&"object"===typeof f&&"function"===typeof f.toJSON&&(f=f.toJSON(e)),"function"===typeof r&&(f=r.call(o,e,f)),typeof f){case"string":return a(f);case"number":return isFinite(f)?String(f):"null";case"boolean":case"null":return String(f);case"object":if(!f)return"null";if(n+=t,p=[],"[object Array]"===Object.prototype.toString.apply(f)){for(u=f.length,i=0;i<u;i+=1)p[i]=l(i,f)\|\|"null";return s=0===p.length?"[]":n?"[\n"+n+p.join(",\n"+n)+"\n"+d+"]":"["+p.join(",")+"]",n=d,s}if(r&&"object"===typeof r)for(u=r.length,i=0;i<u;i+=1)"string"===typeof(c=r[i])&&(s=l(c,f))&&p.push(a(c)+(n?": ":":")+s);else for(c in f)Object.prototype.hasOwnProperty.call(f,c)&&(s=l(c,f))&&p.push(a(c)+(n?": ":":")+s);return s=0===p.length?"{}":n?"{\n"+n+p.join(",\n"+n)+"\n"+d+"}":"{"+p.join(",")+"}",n=d,s}}e.exports=function(e,o,i){var a;if(n="",t="","number"===typeof i)for(a=0;a<i;a+=1)t+=" ";else"string"===typeof i&&(t=i);if(r=o,o&&"function"!==typeof o&&("object"!==typeof o\|\|"number"!==typeof o.length))throw new Error("JSON.stringify");return l("",{"":e})}},75506:function(e,n,t){var r=t(74525),o=t(34493),i=t(79689),a=t(44028),l=t(90653),c=t(43401),s=t(98604),u=t(52563),p=Object.prototype.hasOwnProperty;e.exports=function(e){if(null==e)return!0;if(l(e)&&(a(e)\|\|"string"==typeof e\|\|"function"==typeof e.splice\|\|c(e)\|\|u(e)\|\|i(e)))return!e.length;var n=o(e);if("[object Map]"==n\|\|"[object Set]"==n)return!e.size;if(s(e))return!r(e).length;for(var t in e)if(p.call(e,t))return!1;return!0}}}]);
1	+ "use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp\|\|[]).push([[9199],{33029:function(e,n,t){t.d(n,{Z:function(){return Zn}});var r,o,i,a,l,c,s,u,d,p,f,m,h,y,g,x,b=t(59740),v=t(71171),k=t(32723),j=t(34795),w=t(33028),Z=t(96234),S=t(96266),C=t(96366),P=t(21371),T=t(66044),_=t(51634),R=t(56556),B=t(44846),O=t(72904),z=t(3267),N=t(97752),A=t(70011),E=t(25228),M=t(37200),D=t(74490),q=t(1733),I=t(19654),F=t(53070),L=t(12594),J=t(39948),U=t(15e3),G=t(48733),V=t(52439),W=t(44686),H=t(5057),K=t(55898),Q=t.n(K),X=t(12673),Y=t(66411),$=t(27429),ee=t(7411),ne=t(35355),te=t.n(ne),re=t(10458),oe=t.n(re),ie=t(33938),ae=t.n(ie),le=t(6352),ce=t.n(le),se=(t(25842),t(51210)),ue=t.n(se),de=t(77668),pe=t.n(de),fe=t(10248),me=t(75506),he=t.n(me),ye=t(695),ge=t(99593),xe=t(19561),be=t(55402),ve=t(92204),ke=t(11750),je=t(57201),we=t(13727),Ze=t(82073),Se=t(94333),Ce=t(23031),Pe=(t(94924),["children","rounded","loading","disabled"]),Te=["title","value","icon","prepend","options","onChange","itemRender"],_e=["label","icon","onDelete"],Re=["blocklets"],Be=["placeholder"],Oe=["query","state"],ze=function(e){return[{name:e("sort.popularity"),value:"popularity"},{name:e("sort.lastPublished"),value:"publishAt"},{name:e("sort.nameAscend"),value:"nameAsc"},{name:e("sort.nameDescend"),value:"nameDesc"}]},Ne=function(e){return[{name:e("blocklet.free"),value:"free"},{name:e("blocklet.payment"),value:"payment"}]},Ae=function(){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en";return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map((function(n){return{name:n.locales[e]\|\|"Category.".concat(e),value:n._id}}))},Ee=function(e,n){return e.replace(/{(\w)}/g,(function(e,t){return n.hasOwnProperty(t)?n[t]:""}))},Me=function(){return window.innerWidth<=600},De=function(e,n){var t=(e+n)/n;return t>1?t.toFixed():1},qe=function(e){return ue()(e).rgb().object()};var Ie=function(e,n){var t;return function(){for(var r=arguments.length,o=new Array(r),i=0;i<r;i++)o[i]=arguments[i];return t&&clearTimeout(t),new Promise((function(r){t=setTimeout((function(){return r(e.apply(void 0,o))}),n)}))}}((function(e){return Promise.resolve(e)}),300),Fe={en:pe()({common:{searchStore:"Search the store",price:"Price",category:"Category"},sort:{sort:"Sort",nameDescend:"Name Descending",nameAscend:"Name Ascending",popularity:"Most Popular",lastPublished:"Latest Published"},category:{all:"All",placeholder:"Category name",helperText:"Please select a category"},blocklet:{noResults:"No Blocklets",payment:"Paid Blocklets",free:"Fee Blocklets",emptyTip:"Tips:",filterTip:"Appropriately reduce the filter conditions",keywordTip:"Try other keywords",owner:"Blocklets from {name}",noBlockletPart1:'No Blocklets associated with"',noBlockletPart2:'"were found',noCategoryResults1:'No "',noCategoryResults2:'" Blocklets'},autocomplete:{expandResult:'Show {number} search results for "{name}" '}}),zh:pe()({common:{searchStore:"\u641c\u7d22\u5546\u5e97\u5185\u5e94\u7528",price:"\u4ef7\u683c",category:"\u7c7b\u522b"},sort:{sort:"\u6392\u5e8f",nameDescend:"\u540d\u79f0\u964d\u5e8f",nameAscend:"\u540d\u79f0\u5347\u5e8f",popularity:"\u6700\u70ed\u95e8",lastPublished:"\u6700\u65b0\u53d1\u5e03"},category:{all:"\u5168\u90e8",placeholder:"\u5206\u7c7b\u540d\u79f0",helperText:"\u8bf7\u9009\u62e9\u5206\u7c7b"},blocklet:{noResults:"\u6682\u65e0\u5e94\u7528",free:"\u514d\u8d39\u5e94\u7528",payment:"\u4ed8\u8d39\u5e94\u7528",emptyTip:"\u5efa\u8bae:",filterTip:"\u9002\u5f53\u51cf\u5c11\u7b5b\u9009\u6761\u4ef6",keywordTip:"\u5c1d\u8bd5\u5176\u4ed6\u5173\u952e\u5b57",owner:"\u6765\u81ea {name} \u7684 Blocklets",noBlockletPart1:'\u6ca1\u6709\u627e\u5230\u4e0e"',noBlockletPart2:'"\u76f8\u5173\u7684 Blocklets',noCategoryResults1:'\u65e0 "',noCategoryResults2:'" \u7c7b\u522b\u7684 Blocklets'},autocomplete:{expandResult:"\u663e\u793a {number} \u6761 \u201c{name}\u201d \u7684\u641c\u7d22\u7ed3\u679c "}})},Le={filters:Q().shape({keyword:Q().string,sortBy:Q().string,sortDirection:Q().string,price:Q().string,category:Q().string,developer:Q().string}),wrapChildren:Q().func,extraFilter:Q().func,endpoint:Q().string.isRequired,blockletRender:Q().func.isRequired,onFilterChange:Q().func,onSearchSelect:Q().func,locale:Q().oneOf(["zh","en"]),baseSearch:Q().bool},Je={locale:"zh",filters:{},onFilterChange:function(){},onSearchSelect:function(e){var n=e.detailUrl;window.location.href=n},wrapChildren:function(e){return e},extraFilter:function(e){return e},baseSearch:!1},Ue={nameAsc:"title",nameDesc:"title",popularity:"stats.downloads",publishAt:"lastPublishedAt",mobilePageSize:10,pageSize:18,defaultCurrentPage:1,blockletsPath:"/api/v2/blocklets.json",categoriesPath:"/api/blocklets/categories",cacheSize:100},Ge=(0,H.createContext)({}),Ve=Ge.Provider;Ge.Consumer;function We(e){var n=e.filters,t=e.children,r=e.endpoint,o=e.locale,i=e.blockletRender,a=e.onFilterChange,l=e.onSearchSelect,c=e.extraFilter,s=e.wrapChildren,u=e.baseSearch,d=e.serverVersion,p=e.storeVersion,f={};d&&(f["x-blocklet-server-version"]=d),p&&(f["x-blocklet-store-version"]=p);var m=(0,H.useMemo)((function(){return oe().create({baseURL:r,headers:f})}),[r]),h=(0,H.useMemo)((function(){return(0,w.Z)({sortBy:"popularity",sortDirection:"desc"},n)}),[n]),y=h.category,g=(0,X.Z)({currentPage:Ue.currentPage,pageSize:Me()?Ue.mobilePageSize:Ue.pageSize,defaultCurrentPage:Ue.defaultCurrentPage}),x=(0,H.useState)(null),b=(0,Z.Z)(x,2),v=b[0],C=b[1],P=(0,Y.Z)(function(){var e=(0,j.Z)((0,k.Z)().mark((function e(n){var t,r,o,i,a;return(0,k.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=(0,w.Z)((0,w.Z)({},h),{},{sortBy:Ue[h.sortBy],page:De((null==(t=null==n?void 0:n.list)?void 0:t.length)\|\|0,g.pageSize),pageSize:g.pageSize}),C(null),e.next=4,m.get(Ue.blockletsPath,{params:r});case 4:return o=e.sent,i=o.data,a=void 0===i?{}:i,e.abrupt("return",{list:(null==a?void 0:a.dataList)\|\|[],total:(null==a?void 0:a.total)\|\|0});case 8:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),{isNoMore:function(e){return!!e&&e.list.length>=e.total},reloadDeps:[r,ae()(n)],onError:function(e){C(e)}}),T=P.data,_=void 0===T?{list:[],total:0}:T,R=P.loading,B=P.loadMore,O=P.loadingMore,z=(0,$.Z)((0,j.Z)((0,k.Z)().mark((function e(){var n,t;return(0,k.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,m.get(Ue.categoriesPath);case 2:return n=e.sent,t=n.data,e.abrupt("return",Array.isArray(t)?t:[]);case 5:case"end":return e.stop()}}),e)}))),{manual:!0}),N=z.data,A=void 0===N?[]:N,E=z.error,M=z.loading,D=z.run,q=(0,H.useMemo)((function(){return te()(A\|\|[],[function(e){return e.name}],["asc"])}),[A]),I=(0,H.useCallback)((function(e,n){var t=Fe[o]?Fe[o][e]:Fe.en[e];return Ee(t,n)}),[o]),F=(0,H.useMemo)((function(){var e=_.list\|\|[];return e=c(e)}),[_,c]),L=(0,H.useMemo)((function(){return Ae(q,o)}),[q,o]),J=Ne(I),U={errors:{fetchBlockletsError:v,fetchCategoriesError:E},loadings:{fetchBlockletsLoading:R,fetchCategoriesLoading:M,loadingMore:O},endpoint:r,blockletList:F,wrapChildren:s,t:I,filters:h,selectedCategory:y,categoryList:q,blockletRender:i,locale:o,categoryOptions:L,priceOptions:J,storeApi:m,baseSearch:u,hasNextPage:_.list.length<_.total,handleSort:function(e){var n=(0,w.Z)((0,w.Z)({},h),{},{sortBy:e,sortDirection:"nameAsc"===e?"asc":"desc"});a(n)},handleKeyword:function(e){var n=(0,w.Z)((0,w.Z)({},h),{},{keyword:e\|\|void 0});a(n)},handlePrice:function(e){var n=(0,w.Z)((0,w.Z)({},h),{},{price:e===h.price?void 0:e});a(n)},handleCategory:function(e){var n=e;("all"===e\|\|e===h.category)&&(n=void 0);var t=(0,w.Z)((0,w.Z)({},h),{},{category:n});a(t)},handleDeveloper:function(e){var n=(0,w.Z)((0,w.Z)({},h),{},{owner:e\|\|void 0});a(n)},handlePage:function(e){var n=(0,w.Z)((0,w.Z)({},h),{},{currentPage:e});a(n)},loadMore:function(){B()},getCategoryLocale:function(e){if(!e)return null;var n=null,t=A.find((function(n){return n._id===e}));return t&&(n=t.locales[o]),n},get developerName(){var e,n;return(null==(n=null==(e=F.find((function(e){var n;return(null==(n=null==e?void 0:e.owner)?void 0:n.did)===h.owner})))?void 0:e.owner)?void 0:n.name)\|\|""},handleSearchSelect:l};return(0,H.useEffect)((function(){D()}),[r]),(0,S.jsx)(Ve,{value:U,children:t})}function He(){return(0,H.useContext)(Ge)\|\|{}}We.propTypes=(0,w.Z)((0,w.Z)({},Le),{},{children:Q().any.isRequired}),We.defaultProps=Je;var Ke=(0,T.styled)(R.Z)(r\|\|(r=(0,v.Z)(["\n border-radius: 4px;\n"]))),Qe=(0,H.forwardRef)((function(e,n){var t=e.children,r=(e.rounded,e.loading),o=e.disabled,i=(0,b.Z)(e,Pe);return(0,S.jsx)(Ke,(0,w.Z)((0,w.Z)({ref:n,disableElevation:!0,disabled:o\|\|r},i),{},{startIcon:r&&(0,S.jsx)(B.Z,{size:"1em"}),children:t}))}));function Xe(e){var n=e.title,t=e.value,r=e.icon,o=e.prepend,i=e.options,a=e.onChange,l=e.itemRender,c=(0,b.Z)(e,Te),s=(0,H.useRef)(null),u=(0,C.default)(),d=(0,H.useState)(!1),p=(0,Z.Z)(d,2),f=p[0],m=p[1],h=(0,H.useState)(null!==t?t:""),y=(0,Z.Z)(h,2),g=y[0],x=y[1],v=(0,O.Z)(u.breakpoints.down("sm"));(0,H.useEffect)((function(){x(null!==t?t:"")}),[t]);var k=(0,H.useCallback)((function(){m(!1)}),[]),j=(0,H.useCallback)((function(){m(!0)}),[]);function P(e){return e===g}return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(Ye,(0,w.Z)((0,w.Z)({ref:s,onClick:j,variant:"outlined",size:"small",className:["my-select__selector",he()(g)?"":"my-select__selector--active"].join(" ")},c),{},{children:[(0,S.jsx)("div",{className:"my-select__icon",children:r}),n,(0,S.jsx)(z.Z,{className:"my-select__arrowdown",component:fe.default,fontSize:"small"})]})),(0,S.jsx)(N.Z,{open:f,anchorEl:s.current,transition:!0,style:{zIndex:"9999"},children:function(e){var n=e.TransitionProps,t=e.placement;return(0,S.jsx)(A.Z,(0,w.Z)((0,w.Z)({},n),{},{style:{transformOrigin:"bottom"===t?"center top":"center bottom"},children:(0,S.jsx)(E.Z,{children:(0,S.jsx)(M.Z,{onClickAway:k,children:(0,S.jsxs)($e,{autoFocusItem:f,onMouseEnter:j,onMouseLeave:k,children:[o,i.map((function(e){return l?l(e):(0,S.jsx)(D.Z,{onClick:function(){return function(e){x(e.value),a(e.value),v&&k()}(e)},className:["my-select__option",P(e.value)?"my-select__option--active":""].join(" "),children:e.name},e.value)}))]})})})}))}})]})}Qe.propTypes={children:Q().any,rounded:Q().bool,loading:Q().bool,disabled:Q().bool},Qe.defaultProps={children:null,rounded:!1,loading:!1,disabled:!1},Xe.propTypes={options:Q().array.isRequired,value:Q().oneOfType([Q().string,Q().number,Q().array]),onChange:Q().func,itemRender:Q().func,title:Q().string.isRequired,icon:Q().any,prepend:Q().any},Xe.defaultProps={value:null,icon:null,prepend:null,itemRender:null,onChange:function(){}};var Ye=(0,T.styled)(Qe)(o\|\|(o=(0,v.Z)(["\n border: 1px solid #f0f0f0;\n padding: 6px 8px 6px 12px;\n font-weight: ",";\n font-size: 16px;\n color: #666;\n line-height: 1;\n text-transform: none;\n min-width: 100px;\n & + & {\n margin-left: 10px;\n }\n &.my-select__selector--active {\n &,\n .my-select__arrowdown,\n .my-select__icon svg {\n color: ",";\n }\n }\n .my-select__arrowdown {\n color: #999;\n font-size: 16px;\n margin-left: 6px;\n }\n .my-select__icon {\n font-size: 0;\n svg {\n color: #999;\n font-size: 18px;\n margin-right: 3px;\n }\n }\n"])),(function(e){return e.theme.typography.fontWeightBold}),(function(e){return e.theme.palette.primary.main})),$e=(0,T.styled)(q.Z)(i\|\|(i=(0,v.Z)(["\n .my-select__option__icon {\n color: transparent;\n font-size: 16px;\n margin: 0 3px 0 -5px;\n }\n .my-select__option {\n font-size: 16px;\n color: #999;\n }\n .my-select__option--active {\n &,\n .my-select__option__icon {\n color: ",";\n }\n }\n"])),(function(e){return e.theme.palette.primary.main}));function en(e){var n=e.options,t=e.onChange,r=e.title,o=e.value;return(0,S.jsxs)(nn,{children:[(0,S.jsx)("div",{className:"title",children:r}),(0,S.jsx)("div",{className:"list",children:n.map((function(e){return(0,S.jsx)("div",{title:e.name,"data-cy":"filter",className:o===e.value?"select item":"item",onClick:function(){return t(e.value)},children:e.name},e.value)}))})]})}var nn=(0,T.styled)("div")(a\|\|(a=(0,v.Z)(["\n .title {\n font-size: 18px;\n font-weight: bold;\n margin-bottom: ",";\n }\n .list {\n }\n .item {\n font-size: 16px;\n padding: ",";\n color: #9397a1;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n text-transform: capitalize;\n cursor: pointer;\n &:hover {\n background-color: ",";\n color: initial;\n font-weight: bold;\n }\n }\n .select {\n color: ",";\n font-weight: bold;\n }\n"])),(function(e){return e.theme.spacing(1)}),(function(e){return e.theme.spacing(1)}),(function(e){return e.theme.palette.grey[50]}),(function(e){return e.theme.palette.primary.main}));function tn(){var e=He(),n=e.selectedCategory,t=e.handleCategory,r=e.t,o=e.handlePrice,i=e.filters,a=e.categoryOptions,l=e.priceOptions,c=(0,H.useState)(!1),s=(0,Z.Z)(c,2),u=s[0],d=s[1],p=function(e,n){"category"===e&&t(n),"price"===e&&o(n),d(!1)};return(0,S.jsxs)(rn,{children:[(0,S.jsx)(R.Z,{variant:"outlined",className:"filter-button",onClick:function(){return d(!0)},children:(0,S.jsx)(ye.default,{className:"filter-icon",fontSize:"small"})}),(0,S.jsxs)(ge.default,{fullWidth:!0,title:"",open:u,onClose:function(){return d(!1)},children:[(0,S.jsx)(en,{title:r("common.price"),options:l,value:i.price,onChange:function(e){p("price",e)}}),a.length>0&&(0,S.jsx)("div",{style:{marginTop:"16px"},children:(0,S.jsx)(en,{title:r("common.category"),options:a,value:n,onChange:function(e){p("category",e)}})})]})]})}en.propTypes={title:Q().string.isRequired,options:Q().array.isRequired,onChange:Q().func.isRequired,value:Q().oneOfType([Q().string,Q().number])},en.defaultProps={value:null};var rn=(0,T.styled)("div")(l\|\|(l=(0,v.Z)(["\n .filter-button {\n margin-right: 16px;\n border-color: rgb(240, 240, 240);\n padding: 5px 8px;\n min-width: initial;\n }\n .filter-icon {\n cursor: pointer;\n color: ",";\n }\n"])),(function(e){return e.theme.palette.grey[500]}));tn.propTypes={},tn.defaultProps={};var on=(0,T.styled)("div")(c\|\|(c=(0,v.Z)(["\n .MuiChip-root {\n border-radius: 4px;\n height: initial;\n text-transform: capitalize;\n margin-right: ",";\n padding: 4px 0;\n }\n"])),(function(e){return e.theme.spacing(2)}));function an(e){var n=e.label,t=e.icon,r=e.onDelete,o=(0,b.Z)(e,_e);return n?(0,S.jsx)(on,(0,w.Z)((0,w.Z)({},o),{},{children:(0,S.jsx)(I.Z,{color:"primary","data-cy":"filter-tag",icon:t,label:n,onDelete:r})})):null}function ln(){var e=He().t;return(0,S.jsx)(ke.Z,{style:{textAlign:"center"},variant:"subtitle2",children:e("blocklet.noResults")})}function cn(e){var n=e.filterTip,t=e.keywordTip,r=He(),o=r.t,i=r.locale;return(0,S.jsxs)(J.Z,{className:"tips",children:[(0,S.jsx)("span",{style:{marginRight:"16px"},children:o("blocklet.emptyTip")}),n&&(0,S.jsx)("span",{children:o("blocklet.filterTip")}),n&&t&&("zh"===i?"\u3001":" , "),t&&(0,S.jsx)("span",{children:o("blocklet.keywordTip")})]})}function sn(e){var n=e.primaryStart,t=e.primaryEnd,r=e.filter;return(0,S.jsxs)(ke.Z,{variant:"subtitle2",children:[(0,S.jsx)("span",{children:n}),(0,S.jsxs)("span",{className:"primary",children:[" ",r," "]}),(0,S.jsxs)("span",{children:[t," "]})]})}function un(e){var n=e.blocklets,t=(0,b.Z)(e,Re),r=He(),o=r.blockletRender,i=r.errors,a=r.loadings,l=r.selectedCategory,c=r.getCategoryLocale,s=r.filters,u=r.t,d=r.hasNextPage,p=r.loadMore,f=r.endpoint,m=!!l\|\|!!s.price,h=(0,ve.default)({loading:a.fetchBlockletsLoading\|\|a.loadingMore,hasNextPage:d,onLoadMore:p}),y=(0,Z.Z)(h,1)[0];if(i.fetchBlockletsError)return(0,S.jsx)(W.ErrorFallback,{error:new Error("Failed to fetch blocklets from ".concat(f,": ").concat(i.fetchBlockletsError.message))});if(a.fetchBlockletsLoading)return(0,S.jsx)(J.Z,{height:60,display:"flex",alignItems:"center",justifyContent:"center",children:(0,S.jsx)(B.Z,{})});if(s.keyword&&m&&0===n.length)return(0,S.jsxs)(fn,{children:[(0,S.jsx)(sn,{primaryStart:u("blocklet.noBlockletPart1"),primaryEnd:u("blocklet.noBlockletPart2"),filter:s.keyword}),(0,S.jsx)(cn,{keywordTip:!0,filterTip:!0})]});if(s.keyword&&0===n.length)return(0,S.jsxs)(fn,{children:[(0,S.jsx)(sn,{primaryStart:u("blocklet.noBlockletPart1"),primaryEnd:u("blocklet.noBlockletPart2"),filter:s.keyword}),(0,S.jsx)(cn,{keywordTip:!0})]});if(m&&0===n.length){var g=c(l);return(0,S.jsxs)(fn,{children:[g?(0,S.jsx)(sn,{primaryStart:u("blocklet.noCategoryResults1"),primaryEnd:u("blocklet.noCategoryResults2"),filter:g}):(0,S.jsx)(ln,{}),(0,S.jsx)(cn,{filterTip:!0})]})}return 0===n.length?(0,S.jsx)(fn,{children:(0,S.jsx)(ln,{})}):(0,S.jsxs)(dn,(0,w.Z)((0,w.Z)({container:!0},t),{},{children:[n.map((function(e){return(0,S.jsx)(pn,{item:!0,lg:4,md:6,sm:6,xs:12,"data-blocklet-did":e.did,children:o({blocklet:e,blocklets:n})},e.did)})),d&&(0,S.jsx)(pn,{item:!0,md:12,sm:12,xs:12,ref:y,children:(0,S.jsx)(J.Z,{height:60,display:"flex",justifyContent:"center",children:(0,S.jsx)(B.Z,{})})})]}))}an.propTypes={label:Q().string,onDelete:Q().func,icon:Q().element},an.defaultProps={onDelete:function(){},icon:null,label:null},cn.propTypes={filterTip:Q().bool,keywordTip:Q().bool},cn.defaultProps={filterTip:!1,keywordTip:!1},sn.propTypes={primaryStart:Q().string.isRequired,primaryEnd:Q().string.isRequired,filter:Q().string.isRequired},un.propTypes={blocklets:Q().array.isRequired},un.defaultProps={};var dn=(0,T.styled)(be.ZP)(s\|\|(s=(0,v.Z)(["\n &.MuiGrid-root {\n width: 100%;\n margin: 0 -16px;\n }\n"]))),pn=(0,H.memo)((0,T.styled)(be.ZP)(u\|\|(u=(0,v.Z)(["\n @media (max-width: ","px) {\n &.MuiGrid-item {\n padding-bottom: 0px;\n }\n }\n @media (min-width: ","px) {\n &.MuiGrid-item {\n margin-bottom: ",";\n }\n }\n"])),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.breakpoints.values.sm}),(function(e){return e.theme.spacing(2)}))),fn=(0,T.styled)(xe.default)(d\|\|(d=(0,v.Z)(["\n text-align: center;\n .primary {\n color: ",";\n }\n .tips {\n margin-top: ",";\n }\n"])),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.spacing(1)}));function mn(){var e=He(),n=e.selectedCategory,t=e.handleCategory,r=e.t,o=e.handlePrice,i=e.filters,a=e.categoryOptions,l=e.priceOptions;return(0,S.jsxs)(hn,{children:[(0,S.jsx)("div",{children:(0,S.jsx)(en,{title:r("common.price"),options:l,value:i.price,onChange:o})}),a.length>0&&(0,S.jsx)("div",{style:{marginTop:"16px"},children:(0,S.jsx)(en,{title:r("common.category"),options:a,value:n,onChange:t})})]})}var hn=(0,T.styled)("aside")(p\|\|(p=(0,v.Z)(["\n width: 220px;\n margin-right: ",";\n height: 100%;\n position: sticky;\n top: 0;\n overflow-y: auto;\n z-index: auto;\n"])),(function(e){return e.theme.spacing(2)}));function yn(e){var n=e.placeholder,t=(0,b.Z)(e,Be),r=He(),o=r.filters,i=r.handleKeyword,a=(0,H.useState)(o.keyword\|\|""),l=(0,Z.Z)(a,2),c=l[0],s=l[1],u=(0,ee.Z)(i,{wait:300});return(0,H.useEffect)((function(){s(o.keyword\|\|"")}),[o.keyword]),(0,S.jsx)(gn,(0,w.Z)({inputProps:{"data-cy":"search-blocklet"},startAdornment:(0,S.jsx)(F.Z,{position:"start",children:(0,S.jsx)(xn,{})}),onChange:function(e){var n=e.target.value;s(n),u.run(n)},placeholder:n,value:c,title:n,"data-cy":"search",endAdornment:c&&(0,S.jsx)(F.Z,{position:"end",children:(0,S.jsx)(bn,{"data-cy":"search-delete",onClick:function(){s(""),i()}})})},t))}mn.propTypes={},mn.defaultProps={},yn.propTypes={placeholder:Q().string},yn.defaultProps={placeholder:"Type to search..."};var gn=(0,T.styled)(L.Z)(f\|\|(f=(0,v.Z)(["\n background-color: ",";\n font-size: 14px;\n border-radius: 6px;\n .MuiInputBase-input {\n padding: 8px 0 8px 10px;\n }\n .MuiOutlinedInput-notchedOutline {\n border: none;\n }\n .Mui-focused {\n background-color: #f6f6f6;\n .MuiInputBase-input::placeholder {\n color: transparent;\n }\n }\n"])),(function(e){return e.theme.palette.grey[50]})),xn=(0,T.styled)(je.default)(m\|\|(m=(0,v.Z)(["\n color: ",";\n font-size: 28px;\n @media (max-width: ","px) {\n font-size: 24px;\n }\n"])),(function(e){return e.theme.palette.grey[500]}),(function(e){return e.theme.breakpoints.values.md})),bn=(0,T.styled)(we.default)(h\|\|(h=(0,v.Z)(["\n color: ",";\n font-size: 16px;\n cursor: pointer;\n"])),(function(e){return e.theme.palette.grey[500]}));function vn(e){var n=e.onSelect,t=e.wrapChildren,r=(0,H.useRef)(null),o=(0,H.useRef)(null),i=(0,H.useRef)(null),a=He(),l=a.storeApi,c=a.blockletRender,s=a.filters,u=a.endpoint,d=a.handleKeyword,p=a.t,f=function(){var e=(0,j.Z)((0,k.Z)().mark((function e(n){var t,r,o;return(0,k.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,l.get(Ue.blockletsPath,{params:n});case 2:return t=e.sent,r=t.data,o=r.dataList\|\|[],e.abrupt("return",(o.length>0&&o.unshift({type:"more-result",total:r.total\|\|0}),o));case 6:case"end":return e.stop()}}),e)})));return function(n){return e.apply(this,arguments)}}(),m=function(e){d(e.state.query),e.setIsOpen(!1)},h=function(){r.current&&setTimeout((function(){var e=r.current.querySelector("input.bl-autocomplete-input");e&&e.focus()}))};return(0,Ce.useHotkeys)("ctrl + k, command + k",(function(e){return e.stopPropagation(),e.preventDefault(),h(),!1}),{enableOnTags:["INPUT"]}),(0,H.useEffect)((function(){h()}),[u]),(0,H.useEffect)((function(){if(r.current){var e=(0,Se.H)({container:r.current,renderer:{createElement:H.createElement,Fragment:H.Fragment,render:function(){}},render:function(e,n){var r,a=e.children;(!o.current\|\|i.current!==n)&&(i.current=n,null==(r=o.current)\|\|r.unmount(),o.current=(0,Ze.createRoot)(n)),o.current.render(t(a))},autoFocus:!0,openOnFocus:!1,classNames:{panel:"bl-autocomplete-panel",label:"bl-autocomplete-label",form:"bl-autocomplete-form",input:"bl-autocomplete-input",clearButton:"bl-autocomplete-clear"},placeholder:p("common.searchStore"),initialState:{query:s.keyword},onStateChange:function(e){!function(e){var n=e.prevState,t=e.state;n.query!==t.query&&(t.query\|\|d())}(e)},onSubmit:m,onReset:function(e){!function(e){e.setIsOpen(!1),h()}(e)},getSources:function(e){var t=e.query,r=(e.state,(0,b.Z)(e,Oe)),o=(0,w.Z)((0,w.Z)({},s),{},{sortBy:Ue[s.sortBy],page:1,pageSize:10,keyword:t});return Ie([{sourceId:"blocklets",getItems:function(){return f(o)},getItemInputValue:function(e){var n=e.item;return"more-result"===n.type?t:n.title},onSelect:function(e){var o=e.event,i=e.item;return"more-result"===i.type?(r.setIsOpen(!1),d(t)):"keydown"===o.type?d(i.title):n({blocklet:i,detailUrl:ce()(u,"/blocklets/".concat(i.did)),storeUrl:u})},templates:{item:function(e){var n=e.item;return"more-result"===n.type?(0,S.jsx)("div",{children:p("autocomplete.expandResult",{name:t,number:n.total.toLocaleString()})}):c({blocklet:n,autocompleteSetters:r})},noResults:function(){return p("blocklet.noResults")}}}])}});return function(){e.destroy()}}}),[s,c]),(0,S.jsx)("div",{className:"bl-search-container",ref:r})}function kn(){var e,n,t=He(),r=t.handleDeveloper,o=t.blockletList,i=t.filters,a=t.developerName,l=t.handleSort,c=t.handleCategory,s=t.handlePrice,u=t.handleSearchSelect,d=t.t,p=t.getCategoryLocale,f=t.priceOptions,m=t.wrapChildren,h=t.baseSearch,y=ze(d),g=(null==(e=y.find((function(e){return e.value===i.sortBy})))?void 0:e.name)\|\|d("sort.sort"),x=p(i.category),b=null==(n=f.find((function(e){return e.value===i.price})))?void 0:n.name;return(0,S.jsxs)(J.Z,{display:"flex",alignItems:"flex-start",height:"100%",children:[(0,S.jsx)(U.Z,{mdDown:!0,children:(0,S.jsx)(mn,{})}),(0,S.jsxs)(jn,{children:[(0,S.jsxs)(wn,{children:[(0,S.jsxs)(J.Z,{className:"filter-bar",display:"flex",alignItems:"center",children:[h?(0,S.jsx)(yn,{className:"bl-search-container",placeholder:d("common.searchStore")}):(0,S.jsx)(vn,{onSelect:u,wrapChildren:m}),(0,S.jsxs)(J.Z,{mt:0,ml:"16px",className:"filter-container",children:[(0,S.jsx)(U.Z,{mdUp:!0,children:(0,S.jsx)(tn,{})}),(0,S.jsx)(Xe,{value:i.sortBy,options:y,title:g,icon:(0,S.jsx)(_.default,{}),onChange:function(e){l(e)}})]})]}),(0,S.jsxs)(J.Z,{display:"flex",flexWrap:"wrap",alignItems:"center",mb:"16px",children:[(0,S.jsx)(an,{label:a,icon:(0,S.jsx)(G.default,{}),onDelete:function(){r(null)}}),(0,S.jsx)(an,{label:x,onDelete:function(){c(null)}}),(0,S.jsx)(an,{label:b,onDelete:function(){s(null)}})]})]}),(0,S.jsx)(V.ErrorBoundary,{FallbackComponent:W.ErrorFallback,children:(0,S.jsx)("div",{style:{position:"relative",flex:1,overflow:"auto"},children:(0,S.jsx)(un,{blocklets:o})})})]})]})}vn.propTypes={onSelect:Q().func.isRequired,wrapChildren:Q().func},vn.defaultProps={wrapChildren:function(e){return e}};var jn=(0,T.styled)("main")(y\|\|(y=(0,v.Z)(["\n display: flex;\n flex-direction: column;\n flex: 1;\n width: 100%;\n height: 100%;\n .filter-bar {\n justify-content: space-between;\n margin-bottom: ",";\n }\n .sort-button {\n white-space: nowrap;\n }\n .bl-search-container {\n flex: 2;\n margin-left: 0px;\n }\n\n .filter-container {\n flex: 1;\n display: flex;\n justify-content: flex-end;\n }\n @media (max-width: ","px) {\n .bl-search-container {\n width: 100%;\n margin-bottom: ",";\n }\n .filter-container {\n margin-left: 0;\n display: flex;\n justify-content: flex-start;\n }\n .filter-bar {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n }\n @media (max-width: ","px) {\n .sort-button {\n font-size: 12px;\n }\n }\n"])),(function(e){return e.theme.spacing(2)}),(function(e){return e.theme.breakpoints.values.md}),(function(e){return e.theme.spacing(2)}),(function(e){return e.theme.breakpoints.values.md})),wn=(0,T.styled)("div")(g\|\|(g=(0,v.Z)(["\n position: sticky;\n top: 0;\n z-index: 9;\n background-color: white;\n"])));function Zn(e){var n=(0,C.default)(),t=qe(n.palette.primary.main),r={autocomplete:(0,P.css)(x\|\|(x=(0,v.Z)(["\n :root {\n --aa-detached-media-query: (max-width: ","px) !important;\n --aa-detached-modal-media-query: (min-width: ","px) !important;\n --aa-detached-modal-max-width: ","px !important;\n --aa-selected-color-rgb: ",", ",", "," !important;\n --aa-primary-color-rgb: ",", ",", "," !important;\n --aa-input-background-color-rgb: 250, 250, 250 !important;\n }\n .bl-autocomplete-panel {\n z-index: ",";\n }\n .bl-autocomplete-label {\n .aa-SubmitIcon {\n color: "," !important;\n }\n }\n .bl-autocomplete-form {\n border: 1px solid #fff !important;\n &:focus-within {\n box-shadow: none !important;\n border: 1px solid rgba(0, 0, 0, 0.12) !important;\n }\n }\n .aa-DetachedSearchButton {\n border: none !important;\n &:focus-within {\n box-shadow: none !important;\n }\n .aa-SubmitIcon {\n color: "," !important;\n }\n }\n .aa-Panel .arcblock-blocklet button {\n border: 1px solid rgba(",", ",", ",", 0.5);\n }\n "])),n.breakpoints.values.md,n.breakpoints.values.md,n.breakpoints.values.md,t.r,t.g,t.b,t.r,t.g,t.b,n.zIndex.modal,n.palette.grey[500],n.palette.grey[500],t.r,t.g,t.b)};return(0,S.jsxs)(We,(0,w.Z)((0,w.Z)({},e),{},{children:[(0,S.jsx)(P.Global,{styles:r.autocomplete}),(0,S.jsx)(kn,{})]}))}Zn.propTypes=Le,Zn.defaultProps=Je},44919:function(e,n,t){var r=t(71600);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(56930)),i=t(96266),a=(0,o.default)((0,i.jsx)("path",{d:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"}),"Add");n.default=a},57201:function(e,n,t){var r=t(71600);Object.defineProperty(n,"__esModule",{value:!0}),n.default=void 0;var o=r(t(56930)),i=t(96266),a=(0,o.default)((0,i.jsx)("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"}),"Search");n.default=a},33938:function(e,n,t){var r="undefined"!==typeof JSON?JSON:t(99426),o=Array.isArray\|\|function(e){return"[object Array]"==={}.toString.call(e)},i=Object.keys\|\|function(e){var n=Object.prototype.hasOwnProperty\|\|function(){return!0},t=[];for(var r in e)n.call(e,r)&&t.push(r);return t};e.exports=function(e,n){n\|\|(n={}),"function"===typeof n&&(n={cmp:n});var t=n.space\|\|"";"number"===typeof t&&(t=Array(t+1).join(" "));var a,l="boolean"===typeof n.cycles&&n.cycles,c=n.replacer\|\|function(e,n){return n},s=n.cmp&&(a=n.cmp,function(e){return function(n,t){var r={key:n,value:e[n]},o={key:t,value:e[t]};return a(r,o)}}),u=[];return function e(n,a,d,p){var f=t?"\n"+new Array(p+1).join(t):"",m=t?": ":":";if(d&&d.toJSON&&"function"===typeof d.toJSON&&(d=d.toJSON()),void 0!==(d=c.call(n,a,d))){if("object"!==typeof d\|\|null===d)return r.stringify(d);if(o(d)){for(var h=[],y=0;y<d.length;y++){var g=e(d,y,d[y],p+1)\|\|r.stringify(null);h.push(f+t+g)}return"["+h.join(",")+f+"]"}if(-1!==u.indexOf(d)){if(l)return r.stringify("__cycle__");throw new TypeError("Converting circular structure to JSON")}u.push(d);var x=i(d).sort(s&&s(d));for(h=[],y=0;y<x.length;y++){var b=e(d,a=x[y],d[a],p+1);if(b){var v=r.stringify(a)+m+b;h.push(f+t+v)}}return u.splice(u.indexOf(d),1),"{"+h.join(",")+f+"}"}}({"":e},"",e,0)}},99426:function(e,n,t){n.parse=t(1329),n.stringify=t(17326)},1329:function(e){var n,t,r,o={'"':'"',"\\":"\\","/":"/",b:"\b",f:"\f",n:"\n",r:"\r",t:"\t"};function i(e){throw{name:"SyntaxError",message:e,at:n,text:r}}function a(e){return e&&e!==t&&i("Expected '"+e+"' instead of '"+t+"'"),t=r.charAt(n),n+=1,t}function l(){var e,n="";for("-"===t&&(n="-",a("-"));t>="0"&&t<="9";)n+=t,a();if("."===t)for(n+=".";a()&&t>="0"&&t<="9";)n+=t;if("e"===t\|\|"E"===t)for(n+=t,a(),"-"!==t&&"+"!==t\|\|(n+=t,a());t>="0"&&t<="9";)n+=t,a();return e=Number(n),isFinite(e)\|\|i("Bad number"),e}function c(){var e,n,r,l="";if('"'===t)for(;a();){if('"'===t)return a(),l;if("\\"===t)if(a(),"u"===t){for(r=0,n=0;n<4&&(e=parseInt(a(),16),isFinite(e));n+=1)r=16r+e;l+=String.fromCharCode(r)}else{if("string"!==typeof o[t])break;l+=o[t]}else l+=t}i("Bad string")}function s(){for(;t&&t<=" ";)a()}function u(){switch(s(),t){case"{":return function(){var e,n={};if("{"===t){if(a("{"),s(),"}"===t)return a("}"),n;for(;t;){if(e=c(),s(),a(":"),Object.prototype.hasOwnProperty.call(n,e)&&i('Duplicate key "'+e+'"'),n[e]=u(),s(),"}"===t)return a("}"),n;a(","),s()}}i("Bad object")}();case"[":return function(){var e=[];if("["===t){if(a("["),s(),"]"===t)return a("]"),e;for(;t;){if(e.push(u()),s(),"]"===t)return a("]"),e;a(","),s()}}i("Bad array")}();case'"':return c();case"-":return l();default:return t>="0"&&t<="9"?l():function(){switch(t){case"t":return a("t"),a("r"),a("u"),a("e"),!0;case"f":return a("f"),a("a"),a("l"),a("s"),a("e"),!1;case"n":return a("n"),a("u"),a("l"),a("l"),null;default:i("Unexpected '"+t+"'")}}()}}e.exports=function(e,o){var a;return r=e,n=0,t=" ",a=u(),s(),t&&i("Syntax error"),"function"===typeof o?function e(n,t){var r,i,a=n[t];if(a&&"object"===typeof a)for(r in u)Object.prototype.hasOwnProperty.call(a,r)&&("undefined"===typeof(i=e(a,r))?delete a[r]:a[r]=i);return o.call(n,t,a)}({"":a},""):a}},17326:function(e){var n,t,r,o=/[\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,i={"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"};function a(e){return o.lastIndex=0,o.test(e)?'"'+e.replace(o,(function(e){var n=i[e];return"string"===typeof n?n:"\\u"+("0000"+e.charCodeAt(0).toString(16)).slice(-4)}))+'"':'"'+e+'"'}function l(e,o){var i,c,s,u,d,p=n,f=o[e];switch(f&&"object"===typeof f&&"function"===typeof f.toJSON&&(f=f.toJSON(e)),"function"===typeof r&&(f=r.call(o,e,f)),typeof f){case"string":return a(f);case"number":return isFinite(f)?String(f):"null";case"boolean":case"null":return String(f);case"object":if(!f)return"null";if(n+=t,d=[],"[object Array]"===Object.prototype.toString.apply(f)){for(u=f.length,i=0;i<u;i+=1)d[i]=l(i,f)\|\|"null";return s=0===d.length?"[]":n?"[\n"+n+d.join(",\n"+n)+"\n"+p+"]":"["+d.join(",")+"]",n=p,s}if(r&&"object"===typeof r)for(u=r.length,i=0;i<u;i+=1)"string"===typeof(c=r[i])&&(s=l(c,f))&&d.push(a(c)+(n?": ":":")+s);else for(c in f)Object.prototype.hasOwnProperty.call(f,c)&&(s=l(c,f))&&d.push(a(c)+(n?": ":":")+s);return s=0===d.length?"{}":n?"{\n"+n+d.join(",\n"+n)+"\n"+p+"}":"{"+d.join(",")+"}",n=p,s}}e.exports=function(e,o,i){var a;if(n="",t="","number"===typeof i)for(a=0;a<i;a+=1)t+=" ";else"string"===typeof i&&(t=i);if(r=o,o&&"function"!==typeof o&&("object"!==typeof o\|\|"number"!==typeof o.length))throw new Error("JSON.stringify");return l("",{"":e})}}}]);