@abtnode/webapp 1.16.13-beta-286a5279 → 1.16.13-beta-714bec78

package/build/static/js/{5282.b64428ad.chunk.js.LICENSE.txt → 193.40d0d05c.chunk.js.LICENSE.txt}

@@ -1,9 +1,3 @@
-/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/
-
 /*!
  * Determine if an object is a Buffer
  *
@@ -11,13 +5,6 @@
  * @license  MIT
  */
 
-/*!
- * EventEmitter v5.2.9 - git.io/ee
- * Unlicense - http://unlicense.org/
- * Oliver Caldwell - https://oli.me.uk/
- * @preserve
- */
-
 /**! 
  * @uiw/copy-to-clipboard v1.0.14 
  * Copy to clipboard. 

package/build/static/js/2286.35b2e00c.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[2286],{36955:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=y;var n,o=f(r(55898)),i=f(r(33518)),a=f(r(32285)),u=f(r(91854)),l=f(r(67623)),c=f(r(54935)),s=r(96266);function f(e){return e&&e.__esModule?e:{default:e}}function d(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 p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function m(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 y(e){var t=e.style,r=e.title,n=e.value,o=e.graph,i=e.description;return(0,s.jsx)(h,{children:(0,s.jsxs)(u.default,{style:p({},t),children:[(0,s.jsx)(l.default,{sx:{fontSize:14},color:"text.secondary",children:r}),(0,s.jsx)(l.default,{variant:"h5",component:"div",mt:1,children:n}),o,!!i&&(0,s.jsx)(c.default,{display:"flex",sx:{fontSize:12,marginTop:3},color:"text.secondary",children:i})]})})}y.propTypes={style:o.default.object,title:o.default.node,value:o.default.node,graph:o.default.node,description:o.default.any},y.defaultProps={style:{},title:null,value:null,graph:null,description:null};var b,v,h=(0,i.default)(a.default)(n||(b=["\n  .card-content {\n    height: 150px;\n  }\n\n  .card-sparkline {\n    flex: 2;\n    display: flex;\n    position: relative;\n    *[hidden] {\n      display: none;\n    }\n  }\n  .sparkline {\n    stroke: ",";\n    fill: ","1A;\n  }\n  .tooltip {\n    position: absolute;\n    background: rgba(0, 0, 0, 0.7);\n    color: #fff;\n    padding: 2px 5px;\n    font-size: 12px;\n    white-space: nowrap;\n    z-index: 9999;\n  }\n  .sparkline--cursor {\n    stroke: orange;\n  }\n\n  .sparkline--spot {\n    fill: red;\n    stroke: red;\n  }\n"],v||(v=b.slice(0)),n=Object.freeze(Object.defineProperties(b,{raw:{value:Object.freeze(v)}}))),(function(e){return e.theme.palette.primary.main}),(function(e){return e.theme.palette.primary.main}))},70823:function(e,t,r){var n=r(43681).default;Object.defineProperty(t,"__esModule",{value:!0}),t.default=y;var o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==typeof e&&"function"!==typeof e)return{default:e};var r=f(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(r(5057)),i=s(r(55898)),a=r(50948),u=s(r(77951)),l=s(r(36955)),c=r(96266);function s(e){return e&&e.__esModule?e:{default:e}}function f(e){if("function"!==typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(f=function(e){return e?r:t})(e)}function d(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 p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){m(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function m(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 y(e){var t=e.id,r=e.title,i=e.current,s=e.description,f=e.data,d=e.dateFn,m=e.valueFn,y=(0,o.useRef)(null),b=(0,o.useRef)(null),v=(0,a.useReactive)({style:{top:0,left:0},hidden:!0,textContent:""}),h=(0,o.useState)(null),g=n(h,2),j=g[0],O=g[1],P=(0,a.useSize)(j),x={onmousemove:function(e,t){var r=t.date,n=t.value;v.textContent="".concat(d(r),": ").concat(m(n)),v.style.top=-30,v.style.left=80,v.hidden=!1},onmouseout:function(){v.hidden=!0}};return(0,o.useEffect)((function(){setTimeout((function(){O(document.querySelector(".".concat(t))),setTimeout((function(){y.current&&(0,u.default)(y.current,f||[],x)}),400)}))}),[f]),(0,c.jsx)(l.default,{title:r,value:i,graph:(0,c.jsxs)("div",{className:"card-sparkline ".concat(t),style:{marginTop:16},children:[(0,c.jsx)("svg",{ref:y,className:"sparkline",width:(null===P||void 0===P?void 0:P.width)||100,height:30,strokeWidth:"2"}),(0,c.jsx)("span",{className:"tooltip",ref:b,hidden:v.hidden,style:p({},v.style),children:v.textContent})]}),description:s})}y.propTypes={id:i.default.string.isRequired,title:i.default.string.isRequired,current:i.default.any.isRequired,description:i.default.any,data:i.default.array,dateFn:i.default.func,valueFn:i.default.func},y.defaultProps={description:null,data:[],dateFn:function(e){return e},valueFn:function(e){return e}}},5863:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=f;var n=r(5057),o=c(r(55898)),i=r(52118),a=c(r(70823)),u=r(99875),l=r(96266);function c(e){return e&&e.__esModule?e:{default:e}}var s=function(e){return"".concat(e,"%")};function f(e){var t=e.cpus,r=e.currentLoad,o=e.history,c=(0,n.useContext)(i.LocaleContext),f=c.t,d=c.locale;return(0,l.jsx)(a.default,{id:"cpu-sparkline",title:f("common.cpu"),current:"".concat(Math.floor(r||0),"%"),data:o,description:"".concat(f("system.cores"),": ").concat((null===t||void 0===t?void 0:t.length)||0),dateFn:function(e){return(0,u.formatTime)(e,"HH:mm",d)},valueFn:s})}f.propTypes={cpus:o.default.array,currentLoad:o.default.number,history:o.default.array},f.defaultProps={cpus:[],currentLoad:0,history:[]}},38003:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=f;var n=s(r(55898)),o=s(r(90049)),i=s(r(54935)),a=r(52118),u=s(r(70823)),l=r(99875),c=r(96266);function s(e){return e&&e.__esModule?e:{default:e}}function f(e){var t=e.instanceCount,r=e.title,n=e.total,s=e.used,f=e.history,d=(0,a.useLocaleContext)(),p=d.t,m=d.locale,y=!!n,b=n-s,v=y?"(".concat(Math.floor(s/n*100),"%)"):"",h=[];return t&&h.push({title:p("system.instances"),metric:t}),h.push({title:p("system.used"),metric:(0,o.default)(s)}),y&&h.push({title:p("system.free"),metric:(0,o.default)(b)},{title:p("system.total"),metric:(0,o.default)(n)}),(0,c.jsx)(u.default,{id:"mem-sparkline",title:r||p("common.memory"),current:"".concat((0,o.default)(Math.floor(s||0))," ").concat(v),data:f,description:h.map((function(e,t){return(0,c.jsxs)(i.default,{sx:{marginLeft:0===t?0:2},children:[e.title,": ",e.metric]},e.title)})),dateFn:function(e){return(0,l.formatTime)(e,"HH:mm",m)},valueFn:o.default})}f.propTypes={title:n.default.string,instanceCount:n.default.number,total:n.default.number,used:n.default.number,history:n.default.array},f.defaultProps={title:"",instanceCount:null,total:null,used:null,history:[]}},62286:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=j;var n,o=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!==typeof e&&"function"!==typeof e)return{default:e};var r=g(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var a=o?Object.getOwnPropertyDescriptor(e,i):null;a&&(a.get||a.set)?Object.defineProperty(n,i,a):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(r(5057)),i=h(r(33518)),a=h(r(90049)),u=h(r(45603)),l=h(r(54935)),c=h(r(37298)),s=h(r(67623)),f=r(38242),d=r(52118),p=r(33650),m=r(99875),y=h(r(54968)),b=h(r(20180)),v=r(96266);function h(e){return e&&e.__esModule?e:{default:e}}function g(e){if("function"!==typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(g=function(e){return e?r:t})(e)}function j(){var e=(0,d.useLocaleContext)(),t=e.t,r=e.locale,n=(0,p.useBlockletContext)(),i=n.blocklet,h=n.runtimeHistory,g=n.actions.refreshBlocklet,j=(0,o.useMemo)((function(){var e=[];return(0,f.forEachBlockletSync)(i,(function(t,r){var n=r.ancestors,o=r.id,a=r.level;t.runtimeInfo&&e.push({type:"blocklet",groupId:i.meta.did,groupName:(0,f.getDisplayName)(i),id:o,name:(0,f.getDisplayName)(t,!0),blocklet:i,component:t,level:a-1>=0?a-1:0,runtimeInfo:t.runtimeInfo,ancestors:n})})),e}),[i]);(0,o.useEffect)((function(){var e=setInterval((function(){g()}),1e4);return function(){clearInterval(e)}}),[]);var O=[{label:t("common.name"),name:"name",options:{customBodyRenderLite:function(e){var t=j[e],r=t.name,n=t.component,o=t.level,i=t.ancestors;return(0,v.jsxs)(l.default,{display:"flex",alignItems:"center",pl:2*o,children:[(0,v.jsx)(b.default,{size:14,blocklet:n,ancestors:i}),(0,v.jsx)(l.default,{ml:1,children:r})]})}}},{label:t("common.uptime"),name:"runtimeInfo.uptime",options:{customBodyRenderLite:function(e){var t,n=j[e].runtimeInfo;return t=n.uptime,(0,u.default)(Number(t||0),{locale:(0,m.formatLocale)(r)})}}},{label:t("blocklet.runtimeInfo.memoryUsage"),name:"runtimeInfo.memoryUsage",options:{customBodyRenderLite:function(e){var t=j[e].runtimeInfo;return(0,a.default)((null===t||void 0===t?void 0:t.memoryUsage)||0)}}},{label:t("blocklet.runtimeInfo.cpuUsage"),name:"runtimeInfo.cpuUsage",options:{customBodyRenderLite:function(e){var t=j[e].runtimeInfo;return"".concat((t.cpuUsage||0).toFixed(1),"%")}}},{label:t("blocklet.runtimeInfo.processId"),name:"runtimeInfo.pid"}];return(0,v.jsxs)(x,{component:"div",children:[(0,v.jsx)(s.default,{component:"h3",variant:"h5",color:"textPrimary",style:{fontSize:18,fontWeight:"bold"},mb:2,children:t("analytics.trend")}),"running"===i.status?[(0,v.jsx)(l.default,{children:(0,v.jsx)(y.default,{blocklet:i,cpuHistory:h.cpu,memoryHistory:h.memory})}),(0,v.jsx)(l.default,{mt:3,children:(0,v.jsx)(c.default,{title:t("analytics.detail"),className:"monitor-table",locale:r,data:j,columns:O,options:{search:!1,download:!1,filter:!1,print:!1,viewColumns:!1,pagination:!1,rowsPerPage:100}})})]:(0,v.jsx)(s.default,{children:t("blocklet.runtimeInfo.noRunning")})]})}j.propTypes={};var O,P,x=(0,i.default)(s.default)(n||(O=[""],P||(P=O.slice(0)),n=Object.freeze(Object.defineProperties(O,{raw:{value:Object.freeze(P)}}))))},20180:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=y;var n=s(r(55898)),o=s(r(1793)),i=s(r(34916)),a=s(r(11508)),u=r(22324),l=r(96266),c=["blocklet","style","size","ancestors"];function s(e){return e&&e.__esModule?e:{default:e}}function f(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?f(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function p(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 m(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 y(e){var t=e.blocklet,r=e.style,n=e.size,s=e.ancestors,f=m(e,c),p=(0,u.useNodeContext)(),y=(0,a.default)({blocklet:t,ancestors:s}),b=y.logoUrl,v=y.inService,h=f.variant,g=v?function(){}:function(e){e.target.src="".concat(p.imgPrefix,"/blocklet.png")},j=(0,l.jsx)("img",{src:b,onError:g,alt:t.meta.name,style:{width:n}});return t.meta.logo||(j=(0,l.jsx)(i.default,{did:t.meta.did||"",responsive:!0})),(0,l.jsx)(o.default,d(d({variant:h||"square",style:Object.assign({backgroundColor:"transparent",width:n,height:n,borderRadius:10},r)},f),{},{children:j}))}y.propTypes={blocklet:n.default.object.isRequired,style:n.default.object,size:n.default.oneOfType([n.default.number,n.default.string]),ancestors:n.default.array},y.defaultProps={style:{},size:40,ancestors:[]}},54968:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=v;var n,o=d(r(33518)),i=d(r(55898)),a=d(r(67623)),u=d(r(667)),l=d(r(5863)),c=d(r(38003)),s=r(96266),f=["blocklet","cpuHistory","memoryHistory"];function d(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 m(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){y(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 y(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 b(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=e.blocklet,r=e.cpuHistory,n=e.memoryHistory,o=b(e,f),i=t.appRuntimeInfo||{};return(0,s.jsx)(j,m(m({component:"div"},o),{},{children:(0,s.jsxs)(u.default,{className:"page-metrics",container:!0,spacing:5,children:[(0,s.jsx)(u.default,{item:!0,lg:4,md:6,sm:6,xs:12,children:!!r.length&&(0,s.jsx)(l.default,{currentLoad:i.cpuUsage||0,history:r,style:{height:150}})},"cpu"),(0,s.jsx)(u.default,{item:!0,lg:4,md:6,sm:6,xs:12,children:!!n.length&&(0,s.jsx)(c.default,{used:i.memoryUsage||0,history:n,style:{height:150}})},"memory")]})}))}v.propTypes={blocklet:i.default.object.isRequired,cpuHistory:i.default.arrayOf(i.default.shape({date:i.default.number,value:i.default.number})),memoryHistory:i.default.arrayOf(i.default.shape({date:i.default.number,value:i.default.number}))},v.defaultProps={cpuHistory:[],memoryHistory:[]};var h,g,j=(0,o.default)(a.default)(n||(h=[""],g||(g=h.slice(0)),n=Object.freeze(Object.defineProperties(h,{raw:{value:Object.freeze(g)}}))))},11508:function(e,t,r){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t,r=e.blocklet,n=e.ancestors,l=void 0===n?[]:n,c=(0,a.useNodeContext)(),s=c.inService,f="?v=".concat(null===r||void 0===r||null===(t=r.meta)||void 0===t?void 0:t.version).concat((0,u.isDownloading)(null===r||void 0===r?void 0:r.status)?"~":""),d=s?(0,o.default)(u.APP_PREFIX,i.WELLKNOWN_SERVICE_PATH_PREFIX,"/blocklet/logo-bundle",f):(0,o.default)(c.imgPrefix,"blocklet.png");if("registry"===r.source&&r.deployedFrom&&r.meta.logo)d=(0,o.default)(r.deployedFrom,(0,u.formatRegistryLogoPath)(r.meta.bundleDid,r.meta.logo),f);else{var p=window.env.apiPrefix||"/",m=l.concat(r),y=s?m.slice(1):m;d=(0,o.default)(p,"/blocklet/logo-bundle".concat(y.map((function(e){return"/".concat(e.meta.did)})).join("")),f)}return{logoUrl:d,inService:s}};var n,o=(n=r(6352))&&n.__esModule?n:{default:n},i=r(35432),a=r(22324),u=r(99875)},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,f=2*s,d=r.cursorWidth||2,p=parseFloat(e.attributes["stroke-width"].value),m=r.fetch||i,y=t.map((function(e){return m(e)})),b=parseFloat(e.attributes.width.value)-2*f,v=parseFloat(e.attributes.height.value),h=v-2*p-f,g=0===Math.max.apply(Math,n(y))?1:Math.max.apply(Math,n(y)),j=-1e3,O=y.length-1,P=b/O,x=[],w=o(g,h,p+s,y[0]),k="M".concat(f," ").concat(w);y.forEach((function(e,r){var n=r*P+f,i=o(g,h,p+s,e);x.push(Object.assign({},t[r],{index:r,x:n,y:i})),k+=" L ".concat(n," ").concat(i)}));var _=a("path",{class:"sparkline--line",d:k,fill:"none"}),S=a("path",{class:"sparkline--fill",d:"".concat(k," V ").concat(v," L ").concat(f," ").concat(v," Z"),stroke:"none"});if(e.appendChild(S),e.appendChild(_),!c)return;var M=a("line",{class:"sparkline--cursor",x1:j,x2:j,y1:0,y2:v,"stroke-width":d}),E=a("circle",{class:"sparkline--spot",cx:j,cy:j,r:s});e.appendChild(M),e.appendChild(E);var I=a("rect",{width:e.attributes.width.value,height:e.attributes.height.value,style:"fill: transparent; stroke: transparent",class:"sparkline--interaction-layer"});e.appendChild(I),I.addEventListener("mouseout",(function(e){M.setAttribute("x1",j),M.setAttribute("x2",j),E.setAttribute("cx",j),l&&l(e)})),I.addEventListener("mousemove",(function(e){var t=e.offsetX,r=x.find((function(e){return e.x>=t}));r||(r=x[O]);var n,o,i=x[x.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),M.setAttribute("x1",a),M.setAttribute("x2",a),u&&u(e,n)}))}}}]);

package/build/static/js/{9199.9bcb0c34.chunk.js → 2359.5ade9de5.chunk.js}

@@ -1 +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=16*r+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})}}}]);
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[2359],{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,v=t(59740),b=t(71171),j=t(32723),k=t(34795),w=t(33028),Z=t(96234),S=t(96266),C=t(96366),P=t(21371),_=t(66044),T=t(51634),z=t(56556),O=t(44846),R=t(72904),B=t(3267),N=t(97752),M=t(70011),A=t(25228),E=t(37200),D=t(74490),q=t(1733),I=t(19654),F=t(53070),L=t(12594),J=t(39948),U=t(15e3),V=t(48733),H=t(52439),G=t(44686),W=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),ve=t(55402),be=t(92204),je=t(11750),ke=t(57201),we=t(13727),Ze=t(82073),Se=t(94333),Ce=t(23031),Pe=(t(94924),["children","rounded","loading","disabled"]),_e=["title","value","icon","prepend","options","onChange","itemRender"],Te=["label","icon","onDelete"],ze=["blocklets"],Oe=["placeholder"],Re=["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"}]},Me=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}}))},Ae=function(e,n){return e.replace(/{(\w*)}/g,(function(e,t){return n.hasOwnProperty(t)?n[t]:""}))},Ee=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},Ve=(0,W.createContext)({}),He=Ve.Provider;Ve.Consumer;function Ge(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,W.useMemo)((function(){return oe().create({baseURL:r,headers:f})}),[r]),h=(0,W.useMemo)((function(){return(0,w.Z)({sortBy:"popularity",sortDirection:"desc"},n)}),[n]),y=h.category,g=(0,X.Z)({currentPage:Ue.currentPage,pageSize:Ee()?Ue.mobilePageSize:Ue.pageSize,defaultCurrentPage:Ue.defaultCurrentPage}),x=(0,W.useState)(null),v=(0,Z.Z)(x,2),b=v[0],C=v[1],P=(0,Y.Z)(function(){var e=(0,k.Z)((0,j.Z)().mark((function e(n){var t,r,o,i,a;return(0,j.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)}}),_=P.data,T=void 0===_?{list:[],total:0}:_,z=P.loading,O=P.loadMore,R=P.loadingMore,B=(0,$.Z)((0,k.Z)((0,j.Z)().mark((function e(){var n,t;return(0,j.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,M=void 0===N?[]:N,A=B.error,E=B.loading,D=B.run,q=(0,W.useMemo)((function(){return te()(M||[],[function(e){return e.name}],["asc"])}),[M]),I=(0,W.useCallback)((function(e,n){var t=Fe[o]?Fe[o][e]:Fe.en[e];return Ae(t,n)}),[o]),F=(0,W.useMemo)((function(){var e=T.list||[];return e=c(e)}),[T,c]),L=(0,W.useMemo)((function(){return Me(q,o)}),[q,o]),J=Ne(I),U={errors:{fetchBlockletsError:b,fetchCategoriesError:A},loadings:{fetchBlockletsLoading:z,fetchCategoriesLoading:E,loadingMore:R},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:T.list.length<T.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=M.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,W.useEffect)((function(){D()}),[r]),(0,S.jsx)(He,{value:U,children:t})}function We(){return(0,W.useContext)(Ve)||{}}Ge.propTypes=(0,w.Z)((0,w.Z)({},Le),{},{children:Q().any.isRequired}),Ge.defaultProps=Je;var Ke=(0,_.styled)(z.Z)(r||(r=(0,b.Z)(["\n  border-radius: 4px;\n"]))),Qe=(0,W.forwardRef)((function(e,n){var t=e.children,r=(e.rounded,e.loading),o=e.disabled,i=(0,v.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,v.Z)(e,_e),s=(0,W.useRef)(null),u=(0,C.default)(),d=(0,W.useState)(!1),p=(0,Z.Z)(d,2),f=p[0],m=p[1],h=(0,W.useState)(null!==t?t:""),y=(0,Z.Z)(h,2),g=y[0],x=y[1],b=(0,R.Z)(u.breakpoints.down("sm"));(0,W.useEffect)((function(){x(null!==t?t:"")}),[t]);var j=(0,W.useCallback)((function(){m(!1)}),[]),k=(0,W.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:k,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)(M.Z,(0,w.Z)((0,w.Z)({},n),{},{style:{transformOrigin:"bottom"===t?"center top":"center bottom"},children:(0,S.jsx)(A.Z,{children:(0,S.jsx)(E.Z,{onClickAway:j,children:(0,S.jsxs)($e,{autoFocusItem:f,onMouseEnter:k,onMouseLeave:j,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),b&&j()}(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,_.styled)(Qe)(o||(o=(0,b.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,_.styled)(q.Z)(i||(i=(0,b.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,_.styled)("div")(a||(a=(0,b.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=We(),n=e.selectedCategory,t=e.handleCategory,r=e.t,o=e.handlePrice,i=e.filters,a=e.categoryOptions,l=e.priceOptions,c=(0,W.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)(z.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,_.styled)("div")(l||(l=(0,b.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,_.styled)("div")(c||(c=(0,b.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,v.Z)(e,Te);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=We().t;return(0,S.jsx)(je.Z,{style:{textAlign:"center"},variant:"subtitle2",children:e("blocklet.noResults")})}function cn(e){var n=e.filterTip,t=e.keywordTip,r=We(),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)(je.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,v.Z)(e,ze),r=We(),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,be.default)({loading:a.fetchBlockletsLoading||a.loadingMore,hasNextPage:d,onLoadMore:p}),y=(0,Z.Z)(h,1)[0];if(i.fetchBlockletsError)return(0,S.jsx)(G.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)(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)(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 dn=(0,_.styled)(ve.ZP)(s||(s=(0,b.Z)(["\n  &.MuiGrid-root {\n    width: 100%;\n    margin: 0 -16px;\n  }\n"]))),pn=(0,W.memo)((0,_.styled)(ve.ZP)(u||(u=(0,b.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,_.styled)(xe.default)(d||(d=(0,b.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=We(),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,_.styled)("aside")(p||(p=(0,b.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,v.Z)(e,Oe),r=We(),o=r.filters,i=r.handleKeyword,a=(0,W.useState)(o.keyword||""),l=(0,Z.Z)(a,2),c=l[0],s=l[1],u=(0,ee.Z)(i,{wait:300});return(0,W.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)(vn,{"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,_.styled)(L.Z)(f||(f=(0,b.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,_.styled)(ke.default)(m||(m=(0,b.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})),vn=(0,_.styled)(we.default)(h||(h=(0,b.Z)(["\n  color: ",";\n  font-size: 16px;\n  cursor: pointer;\n"])),(function(e){return e.theme.palette.grey[500]}));function bn(e){var n=e.onSelect,t=e.wrapChildren,r=(0,W.useRef)(null),o=(0,W.useRef)(null),i=(0,W.useRef)(null),a=We(),l=a.storeApi,c=a.blockletRender,s=a.filters,u=a.endpoint,d=a.handleKeyword,p=a.t,f=function(){var e=(0,k.Z)((0,j.Z)().mark((function e(n){var t,r,o;return(0,j.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,W.useEffect)((function(){h()}),[u]),(0,W.useEffect)((function(){if(r.current){var e=(0,Se.H)({container:r.current,renderer:{createElement:W.createElement,Fragment:W.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,v.Z)(e,Re)),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 jn(){var e,n,t=We(),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=Be(d),g=(null==(e=y.find((function(e){return e.value===i.sortBy})))?void 0:e.name)||d("sort.sort"),x=p(i.category),v=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)(kn,{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)(bn,{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)(T.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)(V.default,{}),onDelete:function(){r(null)}}),(0,S.jsx)(an,{label:x,onDelete:function(){c(null)}}),(0,S.jsx)(an,{label:v,onDelete:function(){s(null)}})]})]}),(0,S.jsx)(H.ErrorBoundary,{FallbackComponent:G.ErrorFallback,children:(0,S.jsx)("div",{style:{position:"relative",flex:1,overflow:"auto"},children:(0,S.jsx)(un,{blocklets:o})})})]})]})}bn.propTypes={onSelect:Q().func.isRequired,wrapChildren:Q().func},bn.defaultProps={wrapChildren:function(e){return e}};var kn=(0,_.styled)("main")(y||(y=(0,b.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,_.styled)("div")(g||(g=(0,b.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,b.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)(Ge,(0,w.Z)((0,w.Z)({},e),{},{children:[(0,S.jsx)(P.Global,{styles:r.autocomplete}),(0,S.jsx)(jn,{})]}))}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},49390: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:"m7 10 5 5 5-5z"}),"ArrowDropDown");n.default=a},47595: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:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM8 9h8v10H8V9zm7.5-5-1-1h-5l-1 1H5v2h14V4z"}),"DeleteOutline");n.default=a},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 v=e(d,a=x[y],d[a],p+1);if(v){var b=r.stringify(a)+m+v;h.push(f+t+b)}}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=16*r+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})}}}]);

package/build/static/js/2740.2c988d32.chunk.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_abtnode_webapp=self.webpackChunk_abtnode_webapp||[]).push([[2740],{62740:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e){var t=e.scope,n=e.categories;return(0,C.jsx)(y.AuditLogProvider,{scope:t,categories:n,children:(0,C.jsx)(k,{})})};var a,o=_(n(33518)),r=n(15849),l=_(n(37676)),i=_(n(34916)),c=_(n(75790)),d=_(n(19561)),s=n(52118),u=n(35432),g=_(n(54935)),p=_(n(67623)),f=_(n(91334)),m=_(n(51280)),v=_(n(90211)),x=_(n(41183)),h=_(n(11302)),y=n(46071),b=n(22324),j=_(n(64841)),C=n(96266);function _(e){return e&&e.__esModule?e:{default:e}}var L=function(e){var t=e.log,n=e.info;return e.inService?"".concat(u.WELLKNOWN_BLOCKLET_ADMIN_PATH,"/members?did=").concat(t.actor.did):t.scope===n.did?"/team/members?did=".concat(t.actor.did):"/blocklets/".concat(t.scope,"/members?did=").concat(t.actor.did)};function w(e){var t,n,a=e.log,o=(0,b.useNodeContext)(),c=o.inService,d=o.info;return a.actor.did?(0,C.jsxs)(g.default,{className:"log-entry","data-cy":"log-entry",children:[(0,C.jsx)("div",{className:"log-author",children:(0,C.jsx)(i.default,{did:a.actor.did,size:36,shape:"circle"})}),(0,C.jsxs)("div",{className:"log-body",children:[(0,C.jsxs)(p.default,{className:"log-header",color:"textSecondary",component:"p",gutterBottom:!0,children:[(0,C.jsxs)(r.Link,{to:L({log:a,inService:c,info:d}),target:"_blank",children:[a.actor.fullName,a.actor.role?"(".concat(a.actor.role,")"):""]})," ","- ",a.action]}),(0,C.jsx)(p.default,{className:"log-content",maxWidth:"lg",color:"textPrimary",component:"div","data-color-mode":"light",gutterBottom:!0,children:(0,C.jsx)(l.default,{source:a.content,linkTarget:"_blank"})}),(0,C.jsxs)(g.default,{className:"log-meta",variant:"body2",children:[!!a.ip&&(0,C.jsx)(p.default,{component:"span",color:"textSecondary",children:"IP: ".concat(a.ip)}),!(null===(t=a.env.os)||void 0===t||!t.name)&&(0,C.jsxs)(p.default,{component:"span",color:"textSecondary",children:[a.env.os.name,"(",a.env.os.version,")"]}),!(null===(n=a.env.browser)||void 0===n||!n.name)&&(0,C.jsxs)(p.default,{component:"span",color:"textSecondary",children:[a.env.browser.name,"(",a.env.browser.version,")"]}),(0,C.jsx)(p.default,{component:"span",color:"textSecondary",children:(0,C.jsx)(j.default,{value:a.createdAt})})]})]})]}):null}function k(){var e=(0,s.useLocaleContext)().t,t=(0,y.useAuditLogContext)(),n=t.data,a=t.loading,o=t.paging,r=t.filter,l=t.categories,i=t.setCategory,u=t.fetch;return a?(0,C.jsx)("div",{style:{textAlign:"center",marginTop:"50px"},children:(0,C.jsx)(c.default,{})}):(0,C.jsxs)(N,{"data-cy":"audit-logs",children:[(0,C.jsx)(g.default,{className:"log-controls",children:(0,C.jsxs)(h.default,{style:{width:"240px"},variant:"outlined",children:[(0,C.jsx)(x.default,{children:e("common.filter")}),(0,C.jsx)(v.default,{"data-cy":"filter-by-category-trigger",value:r.category,onChange:function(e){return i(e.target.value)},fullWidth:!0,label:e("common.category"),disabled:a,children:l.map((function(e){return(0,C.jsx)(m.default,{value:e.value,"data-cy":"filter-by-category-".concat(e.value),children:(0,C.jsx)(g.default,{children:(0,C.jsx)("span",{children:e.label})})},e.label)}))})]})}),0===n.length&&(0,C.jsx)(d.default,{children:e("common.empty")}),n.length>0&&n.map((function(e){return(0,C.jsx)(w,{log:e},e.id)})),o.pageCount>1&&(0,C.jsx)(f.default,{page:o.page,count:o.pageCount,onChange:function(e,t){return u({page:t})},showFirstButton:!0,showLastButton:!0})]})}var A,S,N=o.default.div(a||(A=["\n  .log-controls {\n    display: flex;\n    justify-content: space-between;\n  }\n  .log-entry {\n    display: flex;\n    margin: 16px 0;\n\n    .log-author {\n      margin-right: 8px;\n    }\n\n    .log-body {\n      flex: 1;\n\n      a {\n        color: ",";\n      }\n\n      .log-header {\n      }\n\n      .log-content {\n        p {\n          margin-bottom: 4px;\n        }\n        ul,\n        ol {\n          padding-left: 2rem;\n        }\n        li {\n          list-style-type: disc;\n        }\n      }\n\n      .log-meta {\n        margin-top: 4px;\n\n        span {\n          font-size: 0.8rem;\n          display: inline-block;\n          margin-right: 8px;\n          padding-right: 8px;\n          border-right: 1px solid #ccc;\n\n          &:last-of-type {\n            border-right: none;\n          }\n        }\n      }\n    }\n  }\n"],S||(S=A.slice(0)),a=Object.freeze(Object.defineProperties(A,{raw:{value:Object.freeze(S)}}))),(function(e){return e.theme.palette.primary.main}))},46071:function(e,t,n){var a=n(27609).default,o=n(91461).default,r=n(43681).default;Object.defineProperty(t,"__esModule",{value:!0}),t.AuditLogContext=t.AuditLogConsumer=void 0,t.AuditLogProvider=function(e){var t=e.children,n=e.scope,u=void 0===n?"":n,g=e.categories,f=void 0===g?[]:g,m=(0,d.useNodeContext)().api,v=(0,l.useState)([]),x=r(v,2),h=x[0],y=x[1],b=(0,l.useState)({total:0,pageSize:20,pageCount:0,page:1}),j=r(b,2),C=j[0],_=j[1],L=(0,l.useState)(!1),w=r(L,2),k=w[0],A=w[1],S=(0,i.default)("audit-log-category-".concat(u),"all"),N=r(S,2),M=N[0],T=N[1],P=[{value:"all",label:"All",description:""},{value:"blocklet",label:"Blocklet Management",description:""},{value:"server",label:"Server Management",description:""},{value:"team",label:"Team Management",description:""},{value:"security",label:"Security",description:""},{value:"certificates",label:"Certificate Management",description:""},{value:"integrations",label:"Integration Management",description:""},{value:"gateway",label:"Gateway",description:""}].filter((function(e){return!f.length||("all"===e.value||f.includes(e.value))})),z=function(){var e=o(a().mark((function e(){var t,n,o,r,l,i,d=arguments;return a().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=(t=d.length>0&&void 0!==d[0]?d[0]:{}).page,o=void 0===n?1:n,r=t.silent,l=void 0===r||r,!k){e.next=3;break}return e.abrupt("return");case 3:return l||A(!0),e.prev=4,e.next=7,m.getAuditLogs({input:{paging:{page:o},category:"all"===M?"":M,scope:u}});case 7:i=e.sent,y(i.list),_(i.paging),A(!1),e.next=17;break;case 13:e.prev=13,e.t0=e.catch(4),c.default.error(e.t0.message),A(!1);case 17:case"end":return e.stop()}}),e,null,[[4,13]])})));return function(){return e.apply(this,arguments)}}();(0,l.useEffect)((function(){z({page:1,silent:!1})}),[]),(0,l.useEffect)((function(){z({page:1,silent:!1})}),[M]);var O={loading:k,fetch:z,filter:{category:M,scope:u},categories:P,setCategory:T,data:h,paging:C};return(0,s.jsx)(p,{value:{auditLogs:O},children:t})},t.useAuditLogContext=function(){return(0,l.useContext)(g).auditLogs};var l=n(5057),i=u(n(67654)),c=u(n(75e3)),d=n(22324),s=n(96266);function u(e){return e&&e.__esModule?e:{default:e}}var g=(0,l.createContext)({});t.AuditLogContext=g;var p=g.Provider,f=g.Consumer;t.AuditLogConsumer=f},64841:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.default=s;var a=d(n(55898)),o=d(n(45603)),r=d(n(15747)),l=n(52118),i=n(99875),c=n(96266);function d(e){return e&&e.__esModule?e:{default:e}}function s(e){var t=e.value,n=(0,l.useLocaleContext)(),a=n.t,d=n.locale;if(!t)return"-";var s={locale:"zh"===d?"zh_CN":"zh_US",compact:!0},u=new Date(t).getTime(),g=Date.now();if(u>g){var p=(0,o.default)(u-g,s);return(0,c.jsx)(r.default,{title:(0,i.formatToDatetime)(t,d),placement:"top-end",enterTouchDelay:0,children:(0,c.jsx)("span",{children:a("common.afterTime",{time:p})})})}var f=(0,o.default)(g-u,s);return(0,c.jsx)(r.default,{title:(0,i.formatToDatetime)(t,d),placement:"top-end",enterTouchDelay:0,children:(0,c.jsx)("span",{children:a("common.timeAgo",{time:f})})})}s.propTypes={value:a.default.any},s.defaultProps={value:""}}}]);