npm - @abtnode/webapp - Versions diffs - 1.16.14-beta-c2843ec5 → 1.16.14-beta-5ac0c68b - Mend

@abtnode/webapp 1.16.14-beta-c2843ec5 → 1.16.14-beta-5ac0c68b

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/build/static/js/{2359.5ade9de5.chunk.js → 2359.d9bd40e2.chunk.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "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=16r+e;l+=String.fromCharCode(r)}else{if("string"!==typeof o[t])break;l+=o[t]}else l+=t}i("Bad string")}function s(){for(;t&&t<=" ";)a()}function u(){switch(s(),t){case"{":return function(){var e,n={};if("{"===t){if(a("{"),s(),"}"===t)return a("}"),n;for(;t;){if(e=c(),s(),a(":"),Object.prototype.hasOwnProperty.call(n,e)&&i('Duplicate key "'+e+'"'),n[e]=u(),s(),"}"===t)return a("}"),n;a(","),s()}}i("Bad object")}();case"[":return function(){var e=[];if("["===t){if(a("["),s(),"]"===t)return a("]"),e;for(;t;){if(e.push(u()),s(),"]"===t)return a("]"),e;a(","),s()}}i("Bad array")}();case'"':return c();case"-":return l();default:return t>="0"&&t<="9"?l():function(){switch(t){case"t":return a("t"),a("r"),a("u"),a("e"),!0;case"f":return a("f"),a("a"),a("l"),a("s"),a("e"),!1;case"n":return a("n"),a("u"),a("l"),a("l"),null;default:i("Unexpected '"+t+"'")}}()}}e.exports=function(e,o){var a;return r=e,n=0,t=" ",a=u(),s(),t&&i("Syntax error"),"function"===typeof o?function e(n,t){var r,i,a=n[t];if(a&&"object"===typeof a)for(r in u)Object.prototype.hasOwnProperty.call(a,r)&&("undefined"===typeof(i=e(a,r))?delete a[r]:a[r]=i);return o.call(n,t,a)}({"":a},""):a}},17326:function(e){var n,t,r,o=/[\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,i={"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"};function a(e){return o.lastIndex=0,o.test(e)?'"'+e.replace(o,(function(e){var n=i[e];return"string"===typeof n?n:"\\u"+("0000"+e.charCodeAt(0).toString(16)).slice(-4)}))+'"':'"'+e+'"'}function l(e,o){var i,c,s,u,d,p=n,f=o[e];switch(f&&"object"===typeof f&&"function"===typeof f.toJSON&&(f=f.toJSON(e)),"function"===typeof r&&(f=r.call(o,e,f)),typeof f){case"string":return a(f);case"number":return isFinite(f)?String(f):"null";case"boolean":case"null":return String(f);case"object":if(!f)return"null";if(n+=t,d=[],"[object Array]"===Object.prototype.toString.apply(f)){for(u=f.length,i=0;i<u;i+=1)d[i]=l(i,f)\|\|"null";return s=0===d.length?"[]":n?"[\n"+n+d.join(",\n"+n)+"\n"+p+"]":"["+d.join(",")+"]",n=p,s}if(r&&"object"===typeof r)for(u=r.length,i=0;i<u;i+=1)"string"===typeof(c=r[i])&&(s=l(c,f))&&d.push(a(c)+(n?": ":":")+s);else for(c in f)Object.prototype.hasOwnProperty.call(f,c)&&(s=l(c,f))&&d.push(a(c)+(n?": ":":")+s);return s=0===d.length?"{}":n?"{\n"+n+d.join(",\n"+n)+"\n"+p+"}":"{"+d.join(",")+"}",n=p,s}}e.exports=function(e,o,i){var a;if(n="",t="","number"===typeof i)for(a=0;a<i;a+=1)t+=" ";else"string"===typeof i&&(t=i);if(r=o,o&&"function"!==typeof o&&("object"!==typeof o\|\|"number"!==typeof o.length))throw new Error("JSON.stringify");return l("",{"":e})}}}]);
1	+ "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(25842),t(51210)),ce=t.n(le),se=t(77668),ue=t.n(se),de=t(10248),pe=t(75506),fe=t.n(pe),me=t(695),he=t(99593),ye=t(19561),ge=t(55402),xe=t(92204),ve=t(11750),be=t(57201),je=t(13727),ke=t(82073),we=t(94333),Ze=t(23031),Se=t(6352),Ce=t.n(Se),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 ce()(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:ue()({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:ue()({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",fe()(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:de.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)(me.default,{className:"filter-icon",fontSize:"small"})}),(0,S.jsxs)(he.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)(ve.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)(ve.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,xe.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)(ge.ZP)(s\|\|(s=(0,b.Z)(["\n &.MuiGrid-root {\n width: 100%;\n margin: 0 -16px;\n }\n"]))),pn=(0,W.memo)((0,_.styled)(ge.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)(ye.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)(be.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)(je.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,Ze.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,we.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,ke.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=16r+e;l+=String.fromCharCode(r)}else{if("string"!==typeof o[t])break;l+=o[t]}else l+=t}i("Bad string")}function s(){for(;t&&t<=" ";)a()}function u(){switch(s(),t){case"{":return function(){var e,n={};if("{"===t){if(a("{"),s(),"}"===t)return a("}"),n;for(;t;){if(e=c(),s(),a(":"),Object.prototype.hasOwnProperty.call(n,e)&&i('Duplicate key "'+e+'"'),n[e]=u(),s(),"}"===t)return a("}"),n;a(","),s()}}i("Bad object")}();case"[":return function(){var e=[];if("["===t){if(a("["),s(),"]"===t)return a("]"),e;for(;t;){if(e.push(u()),s(),"]"===t)return a("]"),e;a(","),s()}}i("Bad array")}();case'"':return c();case"-":return l();default:return t>="0"&&t<="9"?l():function(){switch(t){case"t":return a("t"),a("r"),a("u"),a("e"),!0;case"f":return a("f"),a("a"),a("l"),a("s"),a("e"),!1;case"n":return a("n"),a("u"),a("l"),a("l"),null;default:i("Unexpected '"+t+"'")}}()}}e.exports=function(e,o){var a;return r=e,n=0,t=" ",a=u(),s(),t&&i("Syntax error"),"function"===typeof o?function e(n,t){var r,i,a=n[t];if(a&&"object"===typeof a)for(r in u)Object.prototype.hasOwnProperty.call(a,r)&&("undefined"===typeof(i=e(a,r))?delete a[r]:a[r]=i);return o.call(n,t,a)}({"":a},""):a}},17326:function(e){var n,t,r,o=/[\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,i={"\b":"\\b","\t":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"};function a(e){return o.lastIndex=0,o.test(e)?'"'+e.replace(o,(function(e){var n=i[e];return"string"===typeof n?n:"\\u"+("0000"+e.charCodeAt(0).toString(16)).slice(-4)}))+'"':'"'+e+'"'}function l(e,o){var i,c,s,u,d,p=n,f=o[e];switch(f&&"object"===typeof f&&"function"===typeof f.toJSON&&(f=f.toJSON(e)),"function"===typeof r&&(f=r.call(o,e,f)),typeof f){case"string":return a(f);case"number":return isFinite(f)?String(f):"null";case"boolean":case"null":return String(f);case"object":if(!f)return"null";if(n+=t,d=[],"[object Array]"===Object.prototype.toString.apply(f)){for(u=f.length,i=0;i<u;i+=1)d[i]=l(i,f)\|\|"null";return s=0===d.length?"[]":n?"[\n"+n+d.join(",\n"+n)+"\n"+p+"]":"["+d.join(",")+"]",n=p,s}if(r&&"object"===typeof r)for(u=r.length,i=0;i<u;i+=1)"string"===typeof(c=r[i])&&(s=l(c,f))&&d.push(a(c)+(n?": ":":")+s);else for(c in f)Object.prototype.hasOwnProperty.call(f,c)&&(s=l(c,f))&&d.push(a(c)+(n?": ":":")+s);return s=0===d.length?"{}":n?"{\n"+n+d.join(",\n"+n)+"\n"+p+"}":"{"+d.join(",")+"}",n=p,s}}e.exports=function(e,o,i){var a;if(n="",t="","number"===typeof i)for(a=0;a<i;a+=1)t+=" ";else"string"===typeof i&&(t=i);if(r=o,o&&"function"!==typeof o&&("object"!==typeof o\|\|"number"!==typeof o.length))throw new Error("JSON.stringify");return l("",{"":e})}}}]);