@blaze-cms/react-page-builder 0.124.0-alpha.4 → 0.124.0-alpha.8

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.124.0-alpha.8](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.7...v0.124.0-alpha.8) (2022-05-06)
+
+
+### Bug Fixes
+
+* enable changing filter aggregation size ([#3459](https://github.com/thebyte9/blaze/issues/3459)) ([#3460](https://github.com/thebyte9/blaze/issues/3460)) ([04ea731](https://github.com/thebyte9/blaze/commit/04ea7311902ac195f0badd7807fa827e00f1f946))
+
+
+
+
+
+# [0.124.0-alpha.7](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.6...v0.124.0-alpha.7) (2022-05-06)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.124.0-alpha.6](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.5...v0.124.0-alpha.6) (2022-05-06)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 # [0.124.0-alpha.4](https://github.com/thebyte9/blaze/compare/v0.124.0-alpha.3...v0.124.0-alpha.4) (2022-05-03)
 
 

package/README.md

@@ -357,3 +357,4 @@ after: ITEM ITEM _BANNER_ ITEM ITEM ITEM _BANNER_ ITEM ITEM _BANNER_ ITEM ITEM I
 | --------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | ------- |
 | BLAZE_PB_TEXTBLOCK_WRAPPER_ENABLE | Render legacy texblock component wrapper                                                                                   | false   |
 | BLAZE_SCROLL_OFFSET               | Offest to use when scrolling after an event. Can be set if there are sticky elements on the page to take them into account | false   |
+| BLAZE_PB_SEARCH_FILETER_AGG_SIZE               | Override default size property for search filter aggregations  | 500   |

package/example.env

@@ -1,3 +1,4 @@
 JW_PLAYER_KEY'=UVQWMA4o-kGWxh33Q'
 BLAZE_SCROLL_OFFSET=0
 BLAZE_PB_TEXTBLOCK_WRAPPER_ENABLE=false
+BLAZE_PB_SEARCH_FILETER_AGG_SIZE=500

package/lib/application/query/index.js

@@ -91,7 +91,7 @@ var getAction = function getAction(action, props) {
 exports.getAction = getAction;
 
 var getPublishedContent = function getPublishedContent(entity) {
-  return "\n  query searchPublishedContent(\n    $rawQueryStringified: String!\n    $offset: Int\n    $limit: Int\n    $sort: String\n  ) {\n    searchPublishedContent(\n      rawQueryStringified: $rawQueryStringified\n      offset: $offset\n      limit: $limit\n      sort: $sort\n    ) {\n      results {\n        ... on ".concat(entity, " {\n          id\n          name\n          url\n          __typename\n        }\n        __typename\n      }\n      total\n      __typename\n    }\n  }\n");
+  return "\n  query searchPublishedContent(\n    $rawQueryStringified: String!\n    $offset: Int\n    $limit: Int\n    $sort: String\n  ) {\n    searchPublishedContent(\n      rawQueryStringified: $rawQueryStringified\n      offset: $offset\n      limit: $limit\n      sort: $sort\n    ) {\n      results {\n        ... on ".concat(entity, " {\n          id\n          name\n          image {\n            url\n            __typename\n          }\n          url\n          __typename\n        }\n        __typename\n      }\n      total\n      __typename\n    }\n  }\n");
 };
 
 exports.getPublishedContent = getPublishedContent;

package/lib/application/query/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["defaultSchemaProps","getSearchPublishedContent","fields","gql","getUser","userProps","getEntitySchema","getSingleEntitySchema","getRecordParents","queryName","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query","getPublishedContent","entity"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getRecordParents = queryName => gql`\nquery getRecordParents($id: String!){\n  recordParents: ${queryName}(id: $id){\n    id,\n    name,\n    url,\n    parents {\n      id,\n      name\n      url\n    }\n  }\n}`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nconst getPublishedContent = entity => `\n  query searchPublishedContent(\n    $rawQueryStringified: String!\n    $offset: Int\n    $limit: Int\n    $sort: String\n  ) {\n    searchPublishedContent(\n      rawQueryStringified: $rawQueryStringified\n      offset: $offset\n      limit: $limit\n      sort: $sort\n    ) {\n      results {\n        ... on ${entity} {\n          id\n          name\n          url\n          __typename\n        }\n        __typename\n      }\n      total\n      __typename\n    }\n  }\n`;\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getPublishedContent,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,kBAAkB,kHAAxB;;AAWA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM;EAAA,WAAIC,WAAJ,+VAG9BD,MAH8B;AAAA,CAAxC;;;;AAQA,IAAME,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS;EAAA,WAAIF,WAAJ,uLAIjBE,SAJiB;AAAA,CAAzB;;;AASA,IAAMC,eAAe,OAAGH,WAAH,uNAGbH,kBAHa,CAArB;;AAQA,IAAMO,qBAAqB,OAAGJ,WAAH,8MAGnBH,kBAHmB,CAA3B;;;AAQA,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,SAAS;EAAA,WAAIN,WAAJ,gQAEfM,SAFe;AAAA,CAAlC;;;;AAcA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,WAAW,EAAI;EACvC,IAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhB,UAAAC,EAAE;IAAA,iBAAOA,EAAP,qCAAmCA,EAAnC,gCACMd,kBADN;EAAA,CAFc,EAMjBe,IANiB,MAApB;EAOA,WAAOZ,WAAP,0HAEMS,WAFN;AAID,CAZD;;;AAcA,IAAMI,QAAQ,OAAGb,WAAH,0MAAd;;AAUA,IAAMc,WAAW,OAAGd,WAAH,iMAAjB;;;AAUA,IAAMe,QAAQ,GAAG,SAAXA,QAAW,CAAAC,MAAM;EAAA,WAAIhB,WAAJ,2JACjBgB,MADiB;AAAA,CAAvB;;;;AAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,MAAD,EAASE,KAAT;EAAA,4GAKR,wBAAWF,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,qNAEzBgB,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,sNAEdgB,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACL,MAAD,EAASE,KAAT,EAAmB;EACnC,IAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;EACA,WAAOlB,WAAP,0GACIsB,KADJ;AAGD,CALD;;;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,MAAM;EAAA,0UAcjBA,MAdiB;AAAA,CAAlC"}
+{"version":3,"file":"index.js","names":["defaultSchemaProps","getSearchPublishedContent","fields","gql","getUser","userProps","getEntitySchema","getSingleEntitySchema","getRecordParents","queryName","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query","getPublishedContent","entity"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getRecordParents = queryName => gql`\nquery getRecordParents($id: String!){\n  recordParents: ${queryName}(id: $id){\n    id,\n    name,\n    url,\n    parents {\n      id,\n      name\n      url\n    }\n  }\n}`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nconst getPublishedContent = entity => `\n  query searchPublishedContent(\n    $rawQueryStringified: String!\n    $offset: Int\n    $limit: Int\n    $sort: String\n  ) {\n    searchPublishedContent(\n      rawQueryStringified: $rawQueryStringified\n      offset: $offset\n      limit: $limit\n      sort: $sort\n    ) {\n      results {\n        ... on ${entity} {\n          id\n          name\n          image {\n            url\n            __typename\n          }\n          url\n          __typename\n        }\n        __typename\n      }\n      total\n      __typename\n    }\n  }\n`;\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getPublishedContent,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,kBAAkB,kHAAxB;;AAWA,IAAMC,yBAAyB,GAAG,SAA5BA,yBAA4B,CAAAC,MAAM;EAAA,WAAIC,WAAJ,+VAG9BD,MAH8B;AAAA,CAAxC;;;;AAQA,IAAME,OAAO,GAAG,SAAVA,OAAU,CAAAC,SAAS;EAAA,WAAIF,WAAJ,uLAIjBE,SAJiB;AAAA,CAAzB;;;AASA,IAAMC,eAAe,OAAGH,WAAH,uNAGbH,kBAHa,CAArB;;AAQA,IAAMO,qBAAqB,OAAGJ,WAAH,8MAGnBH,kBAHmB,CAA3B;;;AAQA,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,SAAS;EAAA,WAAIN,WAAJ,gQAEfM,SAFe;AAAA,CAAlC;;;;AAcA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,WAAW,EAAI;EACvC,IAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhB,UAAAC,EAAE;IAAA,iBAAOA,EAAP,qCAAmCA,EAAnC,gCACMd,kBADN;EAAA,CAFc,EAMjBe,IANiB,MAApB;EAOA,WAAOZ,WAAP,0HAEMS,WAFN;AAID,CAZD;;;AAcA,IAAMI,QAAQ,OAAGb,WAAH,0MAAd;;AAUA,IAAMc,WAAW,OAAGd,WAAH,iMAAjB;;;AAUA,IAAMe,QAAQ,GAAG,SAAXA,QAAW,CAAAC,MAAM;EAAA,WAAIhB,WAAJ,2JACjBgB,MADiB;AAAA,CAAvB;;;;AAKA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACD,MAAD,EAASE,KAAT;EAAA,4GAKR,wBAAWF,MAAX,CALQ,8BAMhBA,MANgB,mFAOdE,KAPc;AAAA,CAAtB;;AAaA,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAyB,CAACH,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,qNAEzBgB,MAFyB,EAGvBE,KAHuB;AAAA,CAA/B;;;;AAUA,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,MAAD,EAASE,KAAT;EAAA,WAAmBlB,WAAnB,sNAEdgB,MAFc,EAG1BE,KAH0B;AAAA,CAAhC,C,CAUA;;;;;AACA,IAAMG,SAAS,GAAG,SAAZA,SAAY,CAACL,MAAD,EAASE,KAAT,EAAmB;EACnC,IAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;EACA,WAAOlB,WAAP,0GACIsB,KADJ;AAGD,CALD;;;;AAOA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAAAC,MAAM;EAAA,0UAcjBA,MAdiB;AAAA,CAAlC"}

package/lib/components/SearchContent/index.js

@@ -1,15 +1,7 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
 
-require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.define-property.js");
 
 require("core-js/modules/es.object.get-own-property-descriptor.js");
@@ -23,15 +15,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
 require("core-js/modules/es.array.slice.js");
 
+require("core-js/modules/es.array.map.js");
+
 require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.split.js");
 
-require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.promise.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.array.flat.js");
+
+require("core-js/modules/es.array.unscopables.flat.js");
 
 require("core-js/modules/es.function.name.js");
 
@@ -59,8 +69,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+var logError = function logError(error) {
+  return error;
+};
+
 var SearchContent = function SearchContent(_ref) {
-  var entity = _ref.entity,
+  var entities = _ref.entities,
       searchInputAlignment = _ref.searchInputAlignment,
       searchInputWrapperMobile = _ref.searchInputWrapperMobile,
       searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
@@ -78,47 +92,94 @@ var SearchContent = function SearchContent(_ref) {
       searchTerm = _useState4[0],
       setSearchTerm = _useState4[1];
 
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+      data = _useState6[0],
+      setData = _useState6[1];
+
   var router = (0, _router.useRouter)();
+  var client = (0, _client.useApolloClient)();
 
   var capitalize = function capitalize(s) {
     if (typeof s !== 'string') return '';
     return s.charAt(0).toUpperCase() + s.slice(1);
   };
 
-  var _entity$split = entity.split('_'),
-      _entity$split2 = (0, _slicedToArray2["default"])(_entity$split, 2),
-      a = _entity$split2[0],
-      b = _entity$split2[1];
-
-  var entityName = capitalize(a) + capitalize(b);
-  var rawQueryStringified = JSON.stringify({
-    size: 0,
-    query: {
-      bool: {
-        should: [{
-          match: {
-            docType: entity
+  _react["default"].useEffect(function () {
+    if (data && data.length !== 0) return;
+    var promises = entities.map(function (entity) {
+      var _entity$split = entity.split('_'),
+          _entity$split2 = (0, _slicedToArray2["default"])(_entity$split, 2),
+          a = _entity$split2[0],
+          b = _entity$split2[1];
+
+      var entityName = capitalize(a) + capitalize(b);
+      var rawQueryStringified = JSON.stringify({
+        size: 0,
+        query: {
+          bool: {
+            should: [{
+              match: {
+                docType: entity
+              }
+            }],
+            minimum_should_match: 1
           }
-        }],
-        minimum_should_match: 1
+        }
+      });
+      var query = (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n        ", "\n      "])), (0, _query.getPublishedContent)(entityName));
+
+      try {
+        return client.query({
+          query: query,
+          variables: {
+            rawQueryStringified: rawQueryStringified,
+            offset: 0,
+            limit: 5
+          }
+        });
+      } catch (e) {
+        return [];
       }
+    });
+
+    try {
+      (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var fetchResults, searchResults;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.prev = 0;
+                _context.next = 3;
+                return Promise.all(promises);
+
+              case 3:
+                fetchResults = _context.sent;
+                searchResults = fetchResults.map(function (result) {
+                  var resultData = result.data;
+                  return resultData.searchPublishedContent.results;
+                }).flat();
+                setData(searchResults);
+                _context.next = 11;
+                break;
+
+              case 8:
+                _context.prev = 8;
+                _context.t0 = _context["catch"](0);
+                logError(_context.t0);
+
+              case 11:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, null, [[0, 8]]);
+      }))();
+    } catch (e) {
+      logError(e);
     }
   });
-  var query = (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    ", "\n  "])), (0, _query.getPublishedContent)(entityName));
-
-  var _useQuery = (0, _client.useQuery)(query, {
-    variables: {
-      rawQueryStringified: rawQueryStringified,
-      offset: 0,
-      limit: 5
-    }
-  }),
-      loading = _useQuery.loading,
-      error = _useQuery.error,
-      data = _useQuery.data;
-
-  if (loading) return null;
-  if (error) return null;
 
   var handleClick = function handleClick(e, url) {
     e.preventDefault();
@@ -132,29 +193,36 @@ var SearchContent = function SearchContent(_ref) {
   };
 
   var renderResults = function renderResults() {
-    // eslint-disable-next-line no-undef
-    var _data$searchPublished = data === null || data === void 0 ? void 0 : data.searchPublishedContent,
-        results = _data$searchPublished.results;
-
-    if (results && searchTerm && searchTerm !== '') {
-      return results.map(function (_ref2) {
-        var name = _ref2.name,
-            url = _ref2.url;
-
-        if (name.includes(searchTerm)) {
-          return /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
-            href: url,
-            onClick: function onClick(e) {
-              return handleClick(e, url);
-            }
-          }, name);
-        }
-
-        return null;
-      });
-    }
+    return (// eslint-disable-next-line no-undef
+      data === null || data === void 0 ? void 0 : data.map(function (dataItem) {
+        var name = dataItem.name,
+            image = dataItem.image,
+            url = dataItem.url;
+
+        if (searchTerm && searchTerm !== '') {
+          if (name.includes(searchTerm)) {
+            return /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
+              href: url,
+              onClick: function onClick(e) {
+                return handleClick(e, url);
+              }
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "mt-2 mb-1"
+            }, /*#__PURE__*/_react["default"].createElement("div", {
+              className: "flex justify-start items-center"
+            }, image.url ? /*#__PURE__*/_react["default"].createElement("img", {
+              src: image.url,
+              alt: name,
+              className: "w-20 h-14"
+            }) : null, /*#__PURE__*/_react["default"].createElement("span", {
+              className: "ml-2"
+            }, name))));
+          }
 
-    return [];
+          return null;
+        }
+      })
+    );
   };
 
   var searchResultsMessage = searchTerm ? "Search results for: ".concat(searchTerm) : '';
@@ -232,7 +300,7 @@ SearchContent.propTypes = {
   placeholder: _propTypes["default"].string,
   isMobile: _propTypes["default"].bool,
   collapsible: _propTypes["default"].bool,
-  entity: _propTypes["default"].string.isRequired
+  entities: _propTypes["default"].array.isRequired
 };
 SearchContent.defaultProps = {
   searchInputAlignment: '',

package/lib/components/SearchContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SearchContent","entity","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","collapsed","setCollapsed","searchTerm","setSearchTerm","router","capitalize","s","charAt","toUpperCase","slice","split","a","b","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","gql","variables","offset","limit","loading","error","data","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","renderResults","searchPublishedContent","results","map","name","includes","searchResultsMessage","propTypes","PropTypes","string","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  entity,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  collapsible,\n  isMobile,\n  placeholder\n}) => {\n  const [collapsed, setCollapsed] = useState(collapsible);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  const [a, b] = entity.split('_');\n\n  const entityName = capitalize(a) + capitalize(b);\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        should: [\n          {\n            match: {\n              docType: entity\n            }\n          }\n        ],\n        minimum_should_match: 1\n      }\n    }\n  });\n\n  const query = gql`\n    ${getPublishedContent(entityName)}\n  `;\n\n  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return null;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyPress = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      router.push(`/search?search_term=${e.target.value}`);\n    }\n  };\n\n  const renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.includes(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"search-content--collapse__wrapper\">\n        <label className=\"search-content--collapse__label\">\n          <span className=\"search-content--collapse__icon_wrapper\">\n            <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"search-content--collapse__input\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"search-content--expanded__wrapper\">\n          <label className=\"search-content--expanded__label\">\n            <span className=\"search-content--expanded__icon_wrapper\">\n              <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\">\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyPress={handleKeyPress}\n              className=\"search-content--expanded__input\"\n              placeholder={placeholder}\n              onBlur={() => {\n                if (!collapsible) return;\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"search-content--results__wrapper\">\n              <div className=\"search-content--results__wrapper--message\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"search-content--results__message\">\n                  <div className=\"search-content--results__content\">{renderResults()}</div>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  collapsible: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  collapsible: false\n};\n\nexport default SearchContent;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["logError","error","SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","collapsed","setCollapsed","searchTerm","setSearchTerm","data","setData","router","client","capitalize","s","charAt","toUpperCase","slice","React","useEffect","length","promises","map","entity","split","a","b","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","gql","variables","offset","limit","e","Promise","all","fetchResults","searchResults","result","resultData","searchPublishedContent","results","flat","handleClick","url","preventDefault","push","handleKeyPress","key","target","value","renderResults","dataItem","name","image","includes","searchResultsMessage","propTypes","PropTypes","string","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useApolloClient } from '@apollo/client';\n\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst logError = error => error;\n\nconst SearchContent = ({\n  entities,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  collapsible,\n  isMobile,\n  placeholder\n}) => {\n  const [collapsed, setCollapsed] = useState(collapsible);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const [data, setData] = useState([]);\n\n  const router = useRouter();\n  const client = useApolloClient();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  React.useEffect(() => {\n    if (data && data.length !== 0) return;\n\n    const promises = entities.map(entity => {\n      const [a, b] = entity.split('_');\n\n      const entityName = capitalize(a) + capitalize(b);\n\n      const rawQueryStringified = JSON.stringify({\n        size: 0,\n        query: {\n          bool: {\n            should: [\n              {\n                match: {\n                  docType: entity\n                }\n              }\n            ],\n            minimum_should_match: 1\n          }\n        }\n      });\n\n      const query = gql`\n        ${getPublishedContent(entityName)}\n      `;\n\n      try {\n        return client.query({\n          query,\n          variables: {\n            rawQueryStringified,\n            offset: 0,\n            limit: 5\n          }\n        });\n      } catch (e) {\n        return [];\n      }\n    });\n\n    try {\n      (async () => {\n        try {\n          const fetchResults = await Promise.all(promises);\n          const searchResults = fetchResults\n            .map(result => {\n              const { data: resultData } = result;\n              return resultData.searchPublishedContent.results;\n            })\n            .flat();\n\n          setData(searchResults);\n        } catch (e) {\n          logError(e);\n        }\n      })();\n    } catch (e) {\n      logError(e);\n    }\n  });\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyPress = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      router.push(`/search?search_term=${e.target.value}`);\n    }\n  };\n\n  const renderResults = () =>\n    // eslint-disable-next-line no-undef\n    data?.map(dataItem => {\n      const { name, image, url } = dataItem;\n\n      if (searchTerm && searchTerm !== '') {\n        if (name.includes(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              <div className=\"mt-2 mb-1\">\n                <div className=\"flex justify-start items-center\">\n                  {image.url ? <img src={image.url} alt={name} className=\"w-20 h-14\" /> : null}\n                  <span className=\"ml-2\">{name}</span>\n                </div>\n              </div>\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      }\n    });\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"search-content--collapse__wrapper\">\n        <label className=\"search-content--collapse__label\">\n          <span className=\"search-content--collapse__icon_wrapper\">\n            <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"search-content--collapse__input\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"search-content--expanded__wrapper\">\n          <label className=\"search-content--expanded__label\">\n            <span className=\"search-content--expanded__icon_wrapper\">\n              <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\">\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyPress={handleKeyPress}\n              className=\"search-content--expanded__input\"\n              placeholder={placeholder}\n              onBlur={() => {\n                if (!collapsible) return;\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"search-content--results__wrapper\">\n              <div className=\"search-content--results__wrapper--message\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"search-content--results__message\">\n                  <div className=\"search-content--results__content\">{renderResults()}</div>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  collapsible: PropTypes.bool,\n  entities: PropTypes.array.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  collapsible: false\n};\n\nexport default SearchContent;\n"],"mappings":"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"}

package/lib/components/SearchFilter/constants.js

@@ -14,7 +14,7 @@ var TEXT_SEARCH = 'text-search';
 exports.TEXT_SEARCH = TEXT_SEARCH;
 var SEARCH_TERM = 'search_term';
 exports.SEARCH_TERM = SEARCH_TERM;
-var SIZE = 50;
+var SIZE = process.env.BLAZE_PB_SEARCH_FILETER_AGG_SIZE || 500;
 exports.SIZE = SIZE;
 var KEYWORD = 'keyword';
 exports.KEYWORD = KEYWORD;

package/lib/components/SearchFilter/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["CHECKBOX","SELECT","TEXT_SEARCH","SEARCH_TERM","SIZE","KEYWORD","RAW_RESULTS","DEFAULT_OPTION","DEFAULT_VALUES","RANGE","CHECKBOX_SELECT","LIMIT_MIN","LIMIT_MAX","MORE","LESS","UPDATED_RANGES","MIN_VALUE","MAX_VALUE","TABLET_WIDTH","RESET","SEARCH","REFINE","MOBILE_REFINEMENT_TITLE","MORE_FILTERS_CLASSES_BASE","MORE_FILTERS_CLASSES","MOBILE_WRAPPER","MOBILE_CONTENT","MOBILE_TOGGLER","MOBILE_BUTTONS","DESKTOP_WRAPPER","DESKTOP_CONTENT","DESKTOP_TOGGLER","DESKTOP_BUTTONS"],"sources":["../../../src/components/SearchFilter/constants.js"],"sourcesContent":["const CHECKBOX = 'checkbox';\nconst SELECT = 'select';\nconst TEXT_SEARCH = 'text-search';\nconst SEARCH_TERM = 'search_term';\nconst SIZE = 50;\nconst KEYWORD = 'keyword';\nconst RAW_RESULTS = 'rawResults';\nconst DEFAULT_OPTION = 'Any';\nconst DEFAULT_VALUES = ['Any', 'Please Choose...'];\nconst RANGE = 'range';\nconst CHECKBOX_SELECT = ['checkbox', 'select'];\nconst LIMIT_MIN = 5;\nconst LIMIT_MAX = 1000;\nconst MORE = 'more';\nconst LESS = 'less';\nconst UPDATED_RANGES = 'updated_ranges';\nconst MIN_VALUE = 'min-value';\nconst MAX_VALUE = 'max-value';\nconst TABLET_WIDTH = 768;\nconst RESET = 'Reset all filters';\nconst SEARCH = 'Search';\nconst REFINE = `Refine Search`;\nconst MOBILE_REFINEMENT_TITLE = 'Search refinement';\n\nconst MORE_FILTERS_CLASSES_BASE = 'filter__more-filters';\nconst MORE_FILTERS_CLASSES = {\n  MOBILE_WRAPPER: `${MORE_FILTERS_CLASSES_BASE}-mobile-wrapper`,\n  MOBILE_CONTENT: `${MORE_FILTERS_CLASSES_BASE}-mobile-content`,\n  MOBILE_TOGGLER: `${MORE_FILTERS_CLASSES_BASE}-mobile-toggler`,\n  MOBILE_BUTTONS: `${MORE_FILTERS_CLASSES_BASE}-mobile-buttons`,\n  DESKTOP_WRAPPER: `${MORE_FILTERS_CLASSES_BASE}-desktop-wrapper`,\n  DESKTOP_CONTENT: `${MORE_FILTERS_CLASSES_BASE}-desktop-content`,\n  DESKTOP_TOGGLER: `${MORE_FILTERS_CLASSES_BASE}-desktop-toggler`,\n  DESKTOP_BUTTONS: `${MORE_FILTERS_CLASSES_BASE}-desktop-buttons`\n};\n\nexport {\n  CHECKBOX,\n  SELECT,\n  TEXT_SEARCH,\n  SEARCH_TERM,\n  SIZE,\n  KEYWORD,\n  RAW_RESULTS,\n  DEFAULT_OPTION,\n  DEFAULT_VALUES,\n  RANGE,\n  CHECKBOX_SELECT,\n  LIMIT_MIN,\n  LIMIT_MAX,\n  MORE,\n  LESS,\n  UPDATED_RANGES,\n  MIN_VALUE,\n  MAX_VALUE,\n  TABLET_WIDTH,\n  RESET,\n  SEARCH,\n  REFINE,\n  MOBILE_REFINEMENT_TITLE,\n  MORE_FILTERS_CLASSES\n};\n"],"mappings":";;;;;;;;AAAA,IAAMA,QAAQ,GAAG,UAAjB;;AACA,IAAMC,MAAM,GAAG,QAAf;;AACA,IAAMC,WAAW,GAAG,aAApB;;AACA,IAAMC,WAAW,GAAG,aAApB;;AACA,IAAMC,IAAI,GAAG,EAAb;;AACA,IAAMC,OAAO,GAAG,SAAhB;;AACA,IAAMC,WAAW,GAAG,YAApB;;AACA,IAAMC,cAAc,GAAG,KAAvB;;AACA,IAAMC,cAAc,GAAG,CAAC,KAAD,EAAQ,kBAAR,CAAvB;;AACA,IAAMC,KAAK,GAAG,OAAd;;AACA,IAAMC,eAAe,GAAG,CAAC,UAAD,EAAa,QAAb,CAAxB;;AACA,IAAMC,SAAS,GAAG,CAAlB;;AACA,IAAMC,SAAS,GAAG,IAAlB;;AACA,IAAMC,IAAI,GAAG,MAAb;;AACA,IAAMC,IAAI,GAAG,MAAb;;AACA,IAAMC,cAAc,GAAG,gBAAvB;;AACA,IAAMC,SAAS,GAAG,WAAlB;;AACA,IAAMC,SAAS,GAAG,WAAlB;;AACA,IAAMC,YAAY,GAAG,GAArB;;AACA,IAAMC,KAAK,GAAG,mBAAd;;AACA,IAAMC,MAAM,GAAG,QAAf;;AACA,IAAMC,MAAM,kBAAZ;;AACA,IAAMC,uBAAuB,GAAG,mBAAhC;;AAEA,IAAMC,yBAAyB,GAAG,sBAAlC;AACA,IAAMC,oBAAoB,GAAG;EAC3BC,cAAc,YAAKF,yBAAL,oBADa;EAE3BG,cAAc,YAAKH,yBAAL,oBAFa;EAG3BI,cAAc,YAAKJ,yBAAL,oBAHa;EAI3BK,cAAc,YAAKL,yBAAL,oBAJa;EAK3BM,eAAe,YAAKN,yBAAL,qBALY;EAM3BO,eAAe,YAAKP,yBAAL,qBANY;EAO3BQ,eAAe,YAAKR,yBAAL,qBAPY;EAQ3BS,eAAe,YAAKT,yBAAL;AARY,CAA7B"}
+{"version":3,"file":"constants.js","names":["CHECKBOX","SELECT","TEXT_SEARCH","SEARCH_TERM","SIZE","process","env","BLAZE_PB_SEARCH_FILETER_AGG_SIZE","KEYWORD","RAW_RESULTS","DEFAULT_OPTION","DEFAULT_VALUES","RANGE","CHECKBOX_SELECT","LIMIT_MIN","LIMIT_MAX","MORE","LESS","UPDATED_RANGES","MIN_VALUE","MAX_VALUE","TABLET_WIDTH","RESET","SEARCH","REFINE","MOBILE_REFINEMENT_TITLE","MORE_FILTERS_CLASSES_BASE","MORE_FILTERS_CLASSES","MOBILE_WRAPPER","MOBILE_CONTENT","MOBILE_TOGGLER","MOBILE_BUTTONS","DESKTOP_WRAPPER","DESKTOP_CONTENT","DESKTOP_TOGGLER","DESKTOP_BUTTONS"],"sources":["../../../src/components/SearchFilter/constants.js"],"sourcesContent":["const CHECKBOX = 'checkbox';\nconst SELECT = 'select';\nconst TEXT_SEARCH = 'text-search';\nconst SEARCH_TERM = 'search_term';\nconst SIZE = process.env.BLAZE_PB_SEARCH_FILETER_AGG_SIZE || 500;\nconst KEYWORD = 'keyword';\nconst RAW_RESULTS = 'rawResults';\nconst DEFAULT_OPTION = 'Any';\nconst DEFAULT_VALUES = ['Any', 'Please Choose...'];\nconst RANGE = 'range';\nconst CHECKBOX_SELECT = ['checkbox', 'select'];\nconst LIMIT_MIN = 5;\nconst LIMIT_MAX = 1000;\nconst MORE = 'more';\nconst LESS = 'less';\nconst UPDATED_RANGES = 'updated_ranges';\nconst MIN_VALUE = 'min-value';\nconst MAX_VALUE = 'max-value';\nconst TABLET_WIDTH = 768;\nconst RESET = 'Reset all filters';\nconst SEARCH = 'Search';\nconst REFINE = `Refine Search`;\nconst MOBILE_REFINEMENT_TITLE = 'Search refinement';\n\nconst MORE_FILTERS_CLASSES_BASE = 'filter__more-filters';\nconst MORE_FILTERS_CLASSES = {\n  MOBILE_WRAPPER: `${MORE_FILTERS_CLASSES_BASE}-mobile-wrapper`,\n  MOBILE_CONTENT: `${MORE_FILTERS_CLASSES_BASE}-mobile-content`,\n  MOBILE_TOGGLER: `${MORE_FILTERS_CLASSES_BASE}-mobile-toggler`,\n  MOBILE_BUTTONS: `${MORE_FILTERS_CLASSES_BASE}-mobile-buttons`,\n  DESKTOP_WRAPPER: `${MORE_FILTERS_CLASSES_BASE}-desktop-wrapper`,\n  DESKTOP_CONTENT: `${MORE_FILTERS_CLASSES_BASE}-desktop-content`,\n  DESKTOP_TOGGLER: `${MORE_FILTERS_CLASSES_BASE}-desktop-toggler`,\n  DESKTOP_BUTTONS: `${MORE_FILTERS_CLASSES_BASE}-desktop-buttons`\n};\n\nexport {\n  CHECKBOX,\n  SELECT,\n  TEXT_SEARCH,\n  SEARCH_TERM,\n  SIZE,\n  KEYWORD,\n  RAW_RESULTS,\n  DEFAULT_OPTION,\n  DEFAULT_VALUES,\n  RANGE,\n  CHECKBOX_SELECT,\n  LIMIT_MIN,\n  LIMIT_MAX,\n  MORE,\n  LESS,\n  UPDATED_RANGES,\n  MIN_VALUE,\n  MAX_VALUE,\n  TABLET_WIDTH,\n  RESET,\n  SEARCH,\n  REFINE,\n  MOBILE_REFINEMENT_TITLE,\n  MORE_FILTERS_CLASSES\n};\n"],"mappings":";;;;;;;;AAAA,IAAMA,QAAQ,GAAG,UAAjB;;AACA,IAAMC,MAAM,GAAG,QAAf;;AACA,IAAMC,WAAW,GAAG,aAApB;;AACA,IAAMC,WAAW,GAAG,aAApB;;AACA,IAAMC,IAAI,GAAGC,OAAO,CAACC,GAAR,CAAYC,gCAAZ,IAAgD,GAA7D;;AACA,IAAMC,OAAO,GAAG,SAAhB;;AACA,IAAMC,WAAW,GAAG,YAApB;;AACA,IAAMC,cAAc,GAAG,KAAvB;;AACA,IAAMC,cAAc,GAAG,CAAC,KAAD,EAAQ,kBAAR,CAAvB;;AACA,IAAMC,KAAK,GAAG,OAAd;;AACA,IAAMC,eAAe,GAAG,CAAC,UAAD,EAAa,QAAb,CAAxB;;AACA,IAAMC,SAAS,GAAG,CAAlB;;AACA,IAAMC,SAAS,GAAG,IAAlB;;AACA,IAAMC,IAAI,GAAG,MAAb;;AACA,IAAMC,IAAI,GAAG,MAAb;;AACA,IAAMC,cAAc,GAAG,gBAAvB;;AACA,IAAMC,SAAS,GAAG,WAAlB;;AACA,IAAMC,SAAS,GAAG,WAAlB;;AACA,IAAMC,YAAY,GAAG,GAArB;;AACA,IAAMC,KAAK,GAAG,mBAAd;;AACA,IAAMC,MAAM,GAAG,QAAf;;AACA,IAAMC,MAAM,kBAAZ;;AACA,IAAMC,uBAAuB,GAAG,mBAAhC;;AAEA,IAAMC,yBAAyB,GAAG,sBAAlC;AACA,IAAMC,oBAAoB,GAAG;EAC3BC,cAAc,YAAKF,yBAAL,oBADa;EAE3BG,cAAc,YAAKH,yBAAL,oBAFa;EAG3BI,cAAc,YAAKJ,yBAAL,oBAHa;EAI3BK,cAAc,YAAKL,yBAAL,oBAJa;EAK3BM,eAAe,YAAKN,yBAAL,qBALY;EAM3BO,eAAe,YAAKP,yBAAL,qBANY;EAO3BQ,eAAe,YAAKR,yBAAL,qBAPY;EAQ3BS,eAAe,YAAKT,yBAAL;AARY,CAA7B"}

package/lib-es/application/query/index.js

@@ -150,6 +150,10 @@ const getPublishedContent = entity => `
         ... on ${entity} {
           id
           name
+          image {
+            url
+            __typename
+          }
           url
           __typename
         }

package/lib-es/application/query/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["gql","upperFirst","defaultSchemaProps","getSearchPublishedContent","fields","getUser","userProps","getEntitySchema","getSingleEntitySchema","getRecordParents","queryName","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query","getPublishedContent","entity"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getRecordParents = queryName => gql`\nquery getRecordParents($id: String!){\n  recordParents: ${queryName}(id: $id){\n    id,\n    name,\n    url,\n    parents {\n      id,\n      name\n      url\n    }\n  }\n}`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nconst getPublishedContent = entity => `\n  query searchPublishedContent(\n    $rawQueryStringified: String!\n    $offset: Int\n    $limit: Int\n    $sort: String\n  ) {\n    searchPublishedContent(\n      rawQueryStringified: $rawQueryStringified\n      offset: $offset\n      limit: $limit\n      sort: $sort\n    ) {\n      results {\n        ... on ${entity} {\n          id\n          name\n          url\n          __typename\n        }\n        __typename\n      }\n      total\n      __typename\n    }\n  }\n`;\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getPublishedContent,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents\n};\n"],"mappings":"AAAA,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,UAAP,MAAuB,mBAAvB;AAEA,MAAMC,kBAAkB,GAAI;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CATA;;AAWA,MAAMC,yBAAyB,GAAGC,MAAM,IAAIJ,GAAI;AAChD;AACA;AACA,UAAUI,MAAO;AACjB;AACA;AACA,GANA;;AAQA,MAAMC,OAAO,GAAGC,SAAS,IAAIN,GAAI;AACjC;AACA;AACA;AACA,QAAQM,SAAU;AAClB;AACA;AACA,CAPA;;AASA,MAAMC,eAAe,GAAGP,GAAI;AAC5B;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;AAQA,MAAMM,qBAAqB,GAAGR,GAAI;AAClC;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;;AAQA,MAAMO,gBAAgB,GAAGC,SAAS,IAAIV,GAAI;AAC1C;AACA,mBAAmBU,SAAU;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAZA;;AAcA,MAAMC,iBAAiB,GAAGC,WAAW,IAAI;EACvC,MAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhBC,EAAE,IAAK,GAAEA,EAAG,0BAAyBA,EAAG;AAC9C,cAAcb,kBAAmB;AACjC,QAJsB,EAMjBc,IANiB,CAMX,IANW,CAApB;EAOA,OAAOhB,GAAI;AACb;AACA,QAAQa,WAAY;AACpB,MAHE;AAID,CAZD;;AAcA,MAAMI,QAAQ,GAAGjB,GAAI;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;AAUA,MAAMkB,WAAW,GAAGlB,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;;AAUA,MAAMmB,QAAQ,GAAGC,MAAM,IAAIpB,GAAI;AAC/B,MAAMoB,MAAO;AACb;AACA,CAHA;;AAKA,MAAMC,aAAa,GAAG,CAACD,MAAD,EAASE,KAAT,KAAoB;AAC1C;AACA;AACA;AACA;AACA,cAAcrB,UAAU,CAACmB,MAAD,CAAS;AACjC,MAAMA,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GAZA;;AAaA,MAAMC,sBAAsB,GAAG,CAACH,MAAD,EAASE,KAAT,KAAmBtB,GAAI;AACtD;AACA,MAAMoB,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GARA;;AAUA,MAAME,uBAAuB,GAAG,CAACJ,MAAD,EAASE,KAAT,KAAmBtB,GAAI;AACvD;AACA,kBAAkBoB,MAAO;AACzB,MAAME,KAAM;AACZ;AACA;AACA;AACA;AACA,GARA,C,CAUA;;;AACA,MAAMG,SAAS,GAAG,CAACL,MAAD,EAASE,KAAT,KAAmB;EACnC,MAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;EACA,OAAOtB,GAAI;AACb,MAAM0B,KAAM;AACZ,GAFE;AAGD,CALD;;AAOA,MAAMC,mBAAmB,GAAGC,MAAM,IAAK;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBA,MAAO;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CA1BA;;AA4BA,SACErB,eADF,EAEEC,qBAFF,EAGEiB,SAHF,EAIER,QAJF,EAKEC,WALF,EAMEK,sBANF,EAOEC,uBAPF,EAQEG,mBARF,EASExB,yBATF,EAUEgB,QAVF,EAWER,iBAXF,EAYEN,OAZF,EAaEI,gBAbF"}
+{"version":3,"file":"index.js","names":["gql","upperFirst","defaultSchemaProps","getSearchPublishedContent","fields","getUser","userProps","getEntitySchema","getSingleEntitySchema","getRecordParents","queryName","getMultipleSchema","identifiers","queryString","map","id","join","getFiles","getFileById","getCount","action","generateQuery","props","generateMultiItemQuery","generateSingleItemQuery","getAction","query","getPublishedContent","entity"],"sources":["../../../src/application/query/index.js"],"sourcesContent":["import { gql } from '@apollo/client';\nimport upperFirst from 'lodash.upperfirst';\n\nconst defaultSchemaProps = `\n  id\n  identifier\n  properties\n  dynamicProperties\n  actions\n  interfaces\n  relations\n  __typename\n`;\n\nconst getSearchPublishedContent = fields => gql`\n    query searchPublishedContent($rawQueryStringified: String!, $offset: Int, $limit: Int, $sort: String) {\n      searchPublishedContent(rawQueryStringified: $rawQueryStringified, offset: $offset, limit: $limit, sort: $sort) {\n        ${fields}\n      }\n    }\n  `;\n\nconst getUser = userProps => gql`\n  query getUser($id: String!) {\n    getUser(id: $id) {\n      id\n      ${userProps}\n    }\n  }\n`;\n\nconst getEntitySchema = gql`\n  query getEntitySchemas($identifier: String!) {\n    getEntitySchemas(identifier: $identifier) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getSingleEntitySchema = gql`\n  query getEntitySchema($id: String!) {\n    getEntitySchema: getEntitySchema(id: $id) {\n      ${defaultSchemaProps}\n    }\n  }\n`;\n\nconst getRecordParents = queryName => gql`\nquery getRecordParents($id: String!){\n  recordParents: ${queryName}(id: $id){\n    id,\n    name,\n    url,\n    parents {\n      id,\n      name\n      url\n    }\n  }\n}`;\n\nconst getMultipleSchema = identifiers => {\n  const queryString = identifiers\n    .map(\n      id => `${id}: getEntitySchema(id: \"${id}\") {\n            ${defaultSchemaProps}\n      }`\n    )\n    .join(`\\n`);\n  return gql`\n    query {\n      ${queryString}\n    }`;\n};\n\nconst getFiles = gql`\n  query getFiles($where: JSON!) {\n    getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getFileById = gql`\n  query getFile($id: String!) {\n    getFile(id: $id) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst getCount = action => gql`query countData($where: JSON!) {\n    ${action} (where: $where)\n  }\n`;\n\nconst generateQuery = (action, props) => `\n  query getEntityData(\n    $where: JSON\n    $limit: Int\n    $offset: Int\n    $sort: [${upperFirst(action)}SortItem]){\n    ${action} (where: $where, limit: $limit, offset: $offset, sort: $sort){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\nconst generateMultiItemQuery = (action, props) => gql`\n  query getEntityData($where: JSON){\n    ${action} (where: $where){\n      ${props}\n      id\n      __typename\n    }\n  }\n  `;\n\nconst generateSingleItemQuery = (action, props) => gql`\n  query getEntityData($id: String!){\n    entityData: ${action}(id: $id){\n    ${props},\n    id,\n    __typename\n    }\n  }\n  `;\n\n// TODO: extend function to handle properties and make them dynamic with a config schema for each entity.\nconst getAction = (action, props) => {\n  const query = generateQuery(action, props);\n  return gql`\n    ${query}\n  `;\n};\n\nconst getPublishedContent = entity => `\n  query searchPublishedContent(\n    $rawQueryStringified: String!\n    $offset: Int\n    $limit: Int\n    $sort: String\n  ) {\n    searchPublishedContent(\n      rawQueryStringified: $rawQueryStringified\n      offset: $offset\n      limit: $limit\n      sort: $sort\n    ) {\n      results {\n        ... on ${entity} {\n          id\n          name\n          image {\n            url\n            __typename\n          }\n          url\n          __typename\n        }\n        __typename\n      }\n      total\n      __typename\n    }\n  }\n`;\n\nexport {\n  getEntitySchema,\n  getSingleEntitySchema,\n  getAction,\n  getFiles,\n  getFileById,\n  generateMultiItemQuery,\n  generateSingleItemQuery,\n  getPublishedContent,\n  getSearchPublishedContent,\n  getCount,\n  getMultipleSchema,\n  getUser,\n  getRecordParents\n};\n"],"mappings":"AAAA,SAASA,GAAT,QAAoB,gBAApB;AACA,OAAOC,UAAP,MAAuB,mBAAvB;AAEA,MAAMC,kBAAkB,GAAI;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CATA;;AAWA,MAAMC,yBAAyB,GAAGC,MAAM,IAAIJ,GAAI;AAChD;AACA;AACA,UAAUI,MAAO;AACjB;AACA;AACA,GANA;;AAQA,MAAMC,OAAO,GAAGC,SAAS,IAAIN,GAAI;AACjC;AACA;AACA;AACA,QAAQM,SAAU;AAClB;AACA;AACA,CAPA;;AASA,MAAMC,eAAe,GAAGP,GAAI;AAC5B;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;AAQA,MAAMM,qBAAqB,GAAGR,GAAI;AAClC;AACA;AACA,QAAQE,kBAAmB;AAC3B;AACA;AACA,CANA;;AAQA,MAAMO,gBAAgB,GAAGC,SAAS,IAAIV,GAAI;AAC1C;AACA,mBAAmBU,SAAU;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAZA;;AAcA,MAAMC,iBAAiB,GAAGC,WAAW,IAAI;EACvC,MAAMC,WAAW,GAAGD,WAAW,CAC5BE,GADiB,CAEhBC,EAAE,IAAK,GAAEA,EAAG,0BAAyBA,EAAG;AAC9C,cAAcb,kBAAmB;AACjC,QAJsB,EAMjBc,IANiB,CAMX,IANW,CAApB;EAOA,OAAOhB,GAAI;AACb;AACA,QAAQa,WAAY;AACpB,MAHE;AAID,CAZD;;AAcA,MAAMI,QAAQ,GAAGjB,GAAI;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;AAUA,MAAMkB,WAAW,GAAGlB,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CARA;;AAUA,MAAMmB,QAAQ,GAAGC,MAAM,IAAIpB,GAAI;AAC/B,MAAMoB,MAAO;AACb;AACA,CAHA;;AAKA,MAAMC,aAAa,GAAG,CAACD,MAAD,EAASE,KAAT,KAAoB;AAC1C;AACA;AACA;AACA;AACA,cAAcrB,UAAU,CAACmB,MAAD,CAAS;AACjC,MAAMA,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GAZA;;AAaA,MAAMC,sBAAsB,GAAG,CAACH,MAAD,EAASE,KAAT,KAAmBtB,GAAI;AACtD;AACA,MAAMoB,MAAO;AACb,QAAQE,KAAM;AACd;AACA;AACA;AACA;AACA,GARA;;AAUA,MAAME,uBAAuB,GAAG,CAACJ,MAAD,EAASE,KAAT,KAAmBtB,GAAI;AACvD;AACA,kBAAkBoB,MAAO;AACzB,MAAME,KAAM;AACZ;AACA;AACA;AACA;AACA,GARA,C,CAUA;;;AACA,MAAMG,SAAS,GAAG,CAACL,MAAD,EAASE,KAAT,KAAmB;EACnC,MAAMI,KAAK,GAAGL,aAAa,CAACD,MAAD,EAASE,KAAT,CAA3B;EACA,OAAOtB,GAAI;AACb,MAAM0B,KAAM;AACZ,GAFE;AAGD,CALD;;AAOA,MAAMC,mBAAmB,GAAGC,MAAM,IAAK;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiBA,MAAO;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CA9BA;;AAgCA,SACErB,eADF,EAEEC,qBAFF,EAGEiB,SAHF,EAIER,QAJF,EAKEC,WALF,EAMEK,sBANF,EAOEC,uBAPF,EAQEG,mBARF,EASExB,yBATF,EAUEgB,QAVF,EAWER,iBAXF,EAYEN,OAZF,EAaEI,gBAbF"}

package/lib-es/components/SearchContent/index.js

@@ -1,12 +1,14 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { gql, useQuery } from '@apollo/client';
+import { gql, useApolloClient } from '@apollo/client';
 import { useRouter } from 'next/router';
 import { getPublishedContent } from '../../application/query';
 import BlazeLink from '../BlazeLink';
 
+const logError = error => error;
+
 const SearchContent = ({
-  entity,
+  entities,
   searchInputAlignment,
   searchInputWrapperMobile,
   searchInputWrapperDesktop,
@@ -16,44 +18,70 @@ const SearchContent = ({
 }) => {
   const [collapsed, setCollapsed] = useState(collapsible);
   const [searchTerm, setSearchTerm] = useState(null);
+  const [data, setData] = useState([]);
   const router = useRouter();
+  const client = useApolloClient();
 
   const capitalize = s => {
     if (typeof s !== 'string') return '';
     return s.charAt(0).toUpperCase() + s.slice(1);
   };
 
-  const [a, b] = entity.split('_');
-  const entityName = capitalize(a) + capitalize(b);
-  const rawQueryStringified = JSON.stringify({
-    size: 0,
-    query: {
-      bool: {
-        should: [{
-          match: {
-            docType: entity
+  React.useEffect(() => {
+    if (data && data.length !== 0) return;
+    const promises = entities.map(entity => {
+      const [a, b] = entity.split('_');
+      const entityName = capitalize(a) + capitalize(b);
+      const rawQueryStringified = JSON.stringify({
+        size: 0,
+        query: {
+          bool: {
+            should: [{
+              match: {
+                docType: entity
+              }
+            }],
+            minimum_should_match: 1
+          }
+        }
+      });
+      const query = gql`
+        ${getPublishedContent(entityName)}
+      `;
+
+      try {
+        return client.query({
+          query,
+          variables: {
+            rawQueryStringified,
+            offset: 0,
+            limit: 5
           }
-        }],
-        minimum_should_match: 1
+        });
+      } catch (e) {
+        return [];
       }
+    });
+
+    try {
+      (async () => {
+        try {
+          const fetchResults = await Promise.all(promises);
+          const searchResults = fetchResults.map(result => {
+            const {
+              data: resultData
+            } = result;
+            return resultData.searchPublishedContent.results;
+          }).flat();
+          setData(searchResults);
+        } catch (e) {
+          logError(e);
+        }
+      })();
+    } catch (e) {
+      logError(e);
     }
   });
-  const query = gql`
-    ${getPublishedContent(entityName)}
-  `;
-  const {
-    loading,
-    error,
-    data
-  } = useQuery(query, {
-    variables: {
-      rawQueryStringified,
-      offset: 0,
-      limit: 5
-    }
-  });
-  if (loading) return null;
-  if (error) return null;
 
   const handleClick = (e, url) => {
     e.preventDefault();
@@ -66,30 +94,35 @@ const SearchContent = ({
     }
   };
 
-  const renderResults = () => {
-    // eslint-disable-next-line no-undef
+  const renderResults = () => // eslint-disable-next-line no-undef
+  data === null || data === void 0 ? void 0 : data.map(dataItem => {
     const {
-      results
-    } = data === null || data === void 0 ? void 0 : data.searchPublishedContent;
+      name,
+      image,
+      url
+    } = dataItem;
 
-    if (results && searchTerm && searchTerm !== '') {
-      return results.map(({
-        name,
-        url
-      }) => {
-        if (name.includes(searchTerm)) {
-          return /*#__PURE__*/React.createElement(BlazeLink, {
-            href: url,
-            onClick: e => handleClick(e, url)
-          }, name);
-        }
+    if (searchTerm && searchTerm !== '') {
+      if (name.includes(searchTerm)) {
+        return /*#__PURE__*/React.createElement(BlazeLink, {
+          href: url,
+          onClick: e => handleClick(e, url)
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "mt-2 mb-1"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "flex justify-start items-center"
+        }, image.url ? /*#__PURE__*/React.createElement("img", {
+          src: image.url,
+          alt: name,
+          className: "w-20 h-14"
+        }) : null, /*#__PURE__*/React.createElement("span", {
+          className: "ml-2"
+        }, name))));
+      }
 
-        return null;
-      });
+      return null;
     }
-
-    return [];
-  };
+  });
 
   const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';
   return collapsed ? /*#__PURE__*/React.createElement("div", {
@@ -160,7 +193,7 @@ SearchContent.propTypes = {
   placeholder: PropTypes.string,
   isMobile: PropTypes.bool,
   collapsible: PropTypes.bool,
-  entity: PropTypes.string.isRequired
+  entities: PropTypes.array.isRequired
 };
 SearchContent.defaultProps = {
   searchInputAlignment: '',

package/lib-es/components/SearchContent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","PropTypes","gql","useQuery","useRouter","getPublishedContent","BlazeLink","SearchContent","entity","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","collapsed","setCollapsed","searchTerm","setSearchTerm","router","capitalize","s","charAt","toUpperCase","slice","a","b","split","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","loading","error","data","variables","offset","limit","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","renderResults","results","searchPublishedContent","map","name","includes","searchResultsMessage","propTypes","string","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  entity,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  collapsible,\n  isMobile,\n  placeholder\n}) => {\n  const [collapsed, setCollapsed] = useState(collapsible);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  const [a, b] = entity.split('_');\n\n  const entityName = capitalize(a) + capitalize(b);\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        should: [\n          {\n            match: {\n              docType: entity\n            }\n          }\n        ],\n        minimum_should_match: 1\n      }\n    }\n  });\n\n  const query = gql`\n    ${getPublishedContent(entityName)}\n  `;\n\n  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return null;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyPress = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      router.push(`/search?search_term=${e.target.value}`);\n    }\n  };\n\n  const renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.includes(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"search-content--collapse__wrapper\">\n        <label className=\"search-content--collapse__label\">\n          <span className=\"search-content--collapse__icon_wrapper\">\n            <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"search-content--collapse__input\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"search-content--expanded__wrapper\">\n          <label className=\"search-content--expanded__label\">\n            <span className=\"search-content--expanded__icon_wrapper\">\n              <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\">\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyPress={handleKeyPress}\n              className=\"search-content--expanded__input\"\n              placeholder={placeholder}\n              onBlur={() => {\n                if (!collapsible) return;\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"search-content--results__wrapper\">\n              <div className=\"search-content--results__wrapper--message\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"search-content--results__message\">\n                  <div className=\"search-content--results__content\">{renderResults()}</div>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  collapsible: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  collapsible: false\n};\n\nexport default SearchContent;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","PropTypes","gql","useApolloClient","useRouter","getPublishedContent","BlazeLink","logError","error","SearchContent","entities","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","collapsed","setCollapsed","searchTerm","setSearchTerm","data","setData","router","client","capitalize","s","charAt","toUpperCase","slice","useEffect","length","promises","map","entity","a","b","split","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","variables","offset","limit","e","fetchResults","Promise","all","searchResults","result","resultData","searchPublishedContent","results","flat","handleClick","url","preventDefault","push","handleKeyPress","key","target","value","renderResults","dataItem","name","image","includes","searchResultsMessage","propTypes","string","array","isRequired","defaultProps"],"sources":["../../../src/components/SearchContent/index.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useApolloClient } from '@apollo/client';\n\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst logError = error => error;\n\nconst SearchContent = ({\n  entities,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  collapsible,\n  isMobile,\n  placeholder\n}) => {\n  const [collapsed, setCollapsed] = useState(collapsible);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const [data, setData] = useState([]);\n\n  const router = useRouter();\n  const client = useApolloClient();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  React.useEffect(() => {\n    if (data && data.length !== 0) return;\n\n    const promises = entities.map(entity => {\n      const [a, b] = entity.split('_');\n\n      const entityName = capitalize(a) + capitalize(b);\n\n      const rawQueryStringified = JSON.stringify({\n        size: 0,\n        query: {\n          bool: {\n            should: [\n              {\n                match: {\n                  docType: entity\n                }\n              }\n            ],\n            minimum_should_match: 1\n          }\n        }\n      });\n\n      const query = gql`\n        ${getPublishedContent(entityName)}\n      `;\n\n      try {\n        return client.query({\n          query,\n          variables: {\n            rawQueryStringified,\n            offset: 0,\n            limit: 5\n          }\n        });\n      } catch (e) {\n        return [];\n      }\n    });\n\n    try {\n      (async () => {\n        try {\n          const fetchResults = await Promise.all(promises);\n          const searchResults = fetchResults\n            .map(result => {\n              const { data: resultData } = result;\n              return resultData.searchPublishedContent.results;\n            })\n            .flat();\n\n          setData(searchResults);\n        } catch (e) {\n          logError(e);\n        }\n      })();\n    } catch (e) {\n      logError(e);\n    }\n  });\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyPress = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      router.push(`/search?search_term=${e.target.value}`);\n    }\n  };\n\n  const renderResults = () =>\n    // eslint-disable-next-line no-undef\n    data?.map(dataItem => {\n      const { name, image, url } = dataItem;\n\n      if (searchTerm && searchTerm !== '') {\n        if (name.includes(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              <div className=\"mt-2 mb-1\">\n                <div className=\"flex justify-start items-center\">\n                  {image.url ? <img src={image.url} alt={name} className=\"w-20 h-14\" /> : null}\n                  <span className=\"ml-2\">{name}</span>\n                </div>\n              </div>\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      }\n    });\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"search-content--collapse__wrapper\">\n        <label className=\"search-content--collapse__label\">\n          <span className=\"search-content--collapse__icon_wrapper\">\n            <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"search-content--collapse__input\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"search-content--expanded__wrapper\">\n          <label className=\"search-content--expanded__label\">\n            <span className=\"search-content--expanded__icon_wrapper\">\n              <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\">\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyPress={handleKeyPress}\n              className=\"search-content--expanded__input\"\n              placeholder={placeholder}\n              onBlur={() => {\n                if (!collapsible) return;\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"search-content--results__wrapper\">\n              <div className=\"search-content--results__wrapper--message\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"search-content--results__message\">\n                  <div className=\"search-content--results__content\">{renderResults()}</div>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  collapsible: PropTypes.bool,\n  entities: PropTypes.array.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  collapsible: false\n};\n\nexport default SearchContent;\n"],"mappings":"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"}

package/lib-es/components/SearchFilter/constants.js

@@ -2,7 +2,7 @@ const CHECKBOX = 'checkbox';
 const SELECT = 'select';
 const TEXT_SEARCH = 'text-search';
 const SEARCH_TERM = 'search_term';
-const SIZE = 50;
+const SIZE = process.env.BLAZE_PB_SEARCH_FILETER_AGG_SIZE || 500;
 const KEYWORD = 'keyword';
 const RAW_RESULTS = 'rawResults';
 const DEFAULT_OPTION = 'Any';

package/lib-es/components/SearchFilter/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["CHECKBOX","SELECT","TEXT_SEARCH","SEARCH_TERM","SIZE","KEYWORD","RAW_RESULTS","DEFAULT_OPTION","DEFAULT_VALUES","RANGE","CHECKBOX_SELECT","LIMIT_MIN","LIMIT_MAX","MORE","LESS","UPDATED_RANGES","MIN_VALUE","MAX_VALUE","TABLET_WIDTH","RESET","SEARCH","REFINE","MOBILE_REFINEMENT_TITLE","MORE_FILTERS_CLASSES_BASE","MORE_FILTERS_CLASSES","MOBILE_WRAPPER","MOBILE_CONTENT","MOBILE_TOGGLER","MOBILE_BUTTONS","DESKTOP_WRAPPER","DESKTOP_CONTENT","DESKTOP_TOGGLER","DESKTOP_BUTTONS"],"sources":["../../../src/components/SearchFilter/constants.js"],"sourcesContent":["const CHECKBOX = 'checkbox';\nconst SELECT = 'select';\nconst TEXT_SEARCH = 'text-search';\nconst SEARCH_TERM = 'search_term';\nconst SIZE = 50;\nconst KEYWORD = 'keyword';\nconst RAW_RESULTS = 'rawResults';\nconst DEFAULT_OPTION = 'Any';\nconst DEFAULT_VALUES = ['Any', 'Please Choose...'];\nconst RANGE = 'range';\nconst CHECKBOX_SELECT = ['checkbox', 'select'];\nconst LIMIT_MIN = 5;\nconst LIMIT_MAX = 1000;\nconst MORE = 'more';\nconst LESS = 'less';\nconst UPDATED_RANGES = 'updated_ranges';\nconst MIN_VALUE = 'min-value';\nconst MAX_VALUE = 'max-value';\nconst TABLET_WIDTH = 768;\nconst RESET = 'Reset all filters';\nconst SEARCH = 'Search';\nconst REFINE = `Refine Search`;\nconst MOBILE_REFINEMENT_TITLE = 'Search refinement';\n\nconst MORE_FILTERS_CLASSES_BASE = 'filter__more-filters';\nconst MORE_FILTERS_CLASSES = {\n  MOBILE_WRAPPER: `${MORE_FILTERS_CLASSES_BASE}-mobile-wrapper`,\n  MOBILE_CONTENT: `${MORE_FILTERS_CLASSES_BASE}-mobile-content`,\n  MOBILE_TOGGLER: `${MORE_FILTERS_CLASSES_BASE}-mobile-toggler`,\n  MOBILE_BUTTONS: `${MORE_FILTERS_CLASSES_BASE}-mobile-buttons`,\n  DESKTOP_WRAPPER: `${MORE_FILTERS_CLASSES_BASE}-desktop-wrapper`,\n  DESKTOP_CONTENT: `${MORE_FILTERS_CLASSES_BASE}-desktop-content`,\n  DESKTOP_TOGGLER: `${MORE_FILTERS_CLASSES_BASE}-desktop-toggler`,\n  DESKTOP_BUTTONS: `${MORE_FILTERS_CLASSES_BASE}-desktop-buttons`\n};\n\nexport {\n  CHECKBOX,\n  SELECT,\n  TEXT_SEARCH,\n  SEARCH_TERM,\n  SIZE,\n  KEYWORD,\n  RAW_RESULTS,\n  DEFAULT_OPTION,\n  DEFAULT_VALUES,\n  RANGE,\n  CHECKBOX_SELECT,\n  LIMIT_MIN,\n  LIMIT_MAX,\n  MORE,\n  LESS,\n  UPDATED_RANGES,\n  MIN_VALUE,\n  MAX_VALUE,\n  TABLET_WIDTH,\n  RESET,\n  SEARCH,\n  REFINE,\n  MOBILE_REFINEMENT_TITLE,\n  MORE_FILTERS_CLASSES\n};\n"],"mappings":"AAAA,MAAMA,QAAQ,GAAG,UAAjB;AACA,MAAMC,MAAM,GAAG,QAAf;AACA,MAAMC,WAAW,GAAG,aAApB;AACA,MAAMC,WAAW,GAAG,aAApB;AACA,MAAMC,IAAI,GAAG,EAAb;AACA,MAAMC,OAAO,GAAG,SAAhB;AACA,MAAMC,WAAW,GAAG,YAApB;AACA,MAAMC,cAAc,GAAG,KAAvB;AACA,MAAMC,cAAc,GAAG,CAAC,KAAD,EAAQ,kBAAR,CAAvB;AACA,MAAMC,KAAK,GAAG,OAAd;AACA,MAAMC,eAAe,GAAG,CAAC,UAAD,EAAa,QAAb,CAAxB;AACA,MAAMC,SAAS,GAAG,CAAlB;AACA,MAAMC,SAAS,GAAG,IAAlB;AACA,MAAMC,IAAI,GAAG,MAAb;AACA,MAAMC,IAAI,GAAG,MAAb;AACA,MAAMC,cAAc,GAAG,gBAAvB;AACA,MAAMC,SAAS,GAAG,WAAlB;AACA,MAAMC,SAAS,GAAG,WAAlB;AACA,MAAMC,YAAY,GAAG,GAArB;AACA,MAAMC,KAAK,GAAG,mBAAd;AACA,MAAMC,MAAM,GAAG,QAAf;AACA,MAAMC,MAAM,GAAI,eAAhB;AACA,MAAMC,uBAAuB,GAAG,mBAAhC;AAEA,MAAMC,yBAAyB,GAAG,sBAAlC;AACA,MAAMC,oBAAoB,GAAG;EAC3BC,cAAc,EAAG,GAAEF,yBAA0B,iBADlB;EAE3BG,cAAc,EAAG,GAAEH,yBAA0B,iBAFlB;EAG3BI,cAAc,EAAG,GAAEJ,yBAA0B,iBAHlB;EAI3BK,cAAc,EAAG,GAAEL,yBAA0B,iBAJlB;EAK3BM,eAAe,EAAG,GAAEN,yBAA0B,kBALnB;EAM3BO,eAAe,EAAG,GAAEP,yBAA0B,kBANnB;EAO3BQ,eAAe,EAAG,GAAER,yBAA0B,kBAPnB;EAQ3BS,eAAe,EAAG,GAAET,yBAA0B;AARnB,CAA7B;AAWA,SACEvB,QADF,EAEEC,MAFF,EAGEC,WAHF,EAIEC,WAJF,EAKEC,IALF,EAMEC,OANF,EAOEC,WAPF,EAQEC,cARF,EASEC,cATF,EAUEC,KAVF,EAWEC,eAXF,EAYEC,SAZF,EAaEC,SAbF,EAcEC,IAdF,EAeEC,IAfF,EAgBEC,cAhBF,EAiBEC,SAjBF,EAkBEC,SAlBF,EAmBEC,YAnBF,EAoBEC,KApBF,EAqBEC,MArBF,EAsBEC,MAtBF,EAuBEC,uBAvBF,EAwBEE,oBAxBF"}
+{"version":3,"file":"constants.js","names":["CHECKBOX","SELECT","TEXT_SEARCH","SEARCH_TERM","SIZE","process","env","BLAZE_PB_SEARCH_FILETER_AGG_SIZE","KEYWORD","RAW_RESULTS","DEFAULT_OPTION","DEFAULT_VALUES","RANGE","CHECKBOX_SELECT","LIMIT_MIN","LIMIT_MAX","MORE","LESS","UPDATED_RANGES","MIN_VALUE","MAX_VALUE","TABLET_WIDTH","RESET","SEARCH","REFINE","MOBILE_REFINEMENT_TITLE","MORE_FILTERS_CLASSES_BASE","MORE_FILTERS_CLASSES","MOBILE_WRAPPER","MOBILE_CONTENT","MOBILE_TOGGLER","MOBILE_BUTTONS","DESKTOP_WRAPPER","DESKTOP_CONTENT","DESKTOP_TOGGLER","DESKTOP_BUTTONS"],"sources":["../../../src/components/SearchFilter/constants.js"],"sourcesContent":["const CHECKBOX = 'checkbox';\nconst SELECT = 'select';\nconst TEXT_SEARCH = 'text-search';\nconst SEARCH_TERM = 'search_term';\nconst SIZE = process.env.BLAZE_PB_SEARCH_FILETER_AGG_SIZE || 500;\nconst KEYWORD = 'keyword';\nconst RAW_RESULTS = 'rawResults';\nconst DEFAULT_OPTION = 'Any';\nconst DEFAULT_VALUES = ['Any', 'Please Choose...'];\nconst RANGE = 'range';\nconst CHECKBOX_SELECT = ['checkbox', 'select'];\nconst LIMIT_MIN = 5;\nconst LIMIT_MAX = 1000;\nconst MORE = 'more';\nconst LESS = 'less';\nconst UPDATED_RANGES = 'updated_ranges';\nconst MIN_VALUE = 'min-value';\nconst MAX_VALUE = 'max-value';\nconst TABLET_WIDTH = 768;\nconst RESET = 'Reset all filters';\nconst SEARCH = 'Search';\nconst REFINE = `Refine Search`;\nconst MOBILE_REFINEMENT_TITLE = 'Search refinement';\n\nconst MORE_FILTERS_CLASSES_BASE = 'filter__more-filters';\nconst MORE_FILTERS_CLASSES = {\n  MOBILE_WRAPPER: `${MORE_FILTERS_CLASSES_BASE}-mobile-wrapper`,\n  MOBILE_CONTENT: `${MORE_FILTERS_CLASSES_BASE}-mobile-content`,\n  MOBILE_TOGGLER: `${MORE_FILTERS_CLASSES_BASE}-mobile-toggler`,\n  MOBILE_BUTTONS: `${MORE_FILTERS_CLASSES_BASE}-mobile-buttons`,\n  DESKTOP_WRAPPER: `${MORE_FILTERS_CLASSES_BASE}-desktop-wrapper`,\n  DESKTOP_CONTENT: `${MORE_FILTERS_CLASSES_BASE}-desktop-content`,\n  DESKTOP_TOGGLER: `${MORE_FILTERS_CLASSES_BASE}-desktop-toggler`,\n  DESKTOP_BUTTONS: `${MORE_FILTERS_CLASSES_BASE}-desktop-buttons`\n};\n\nexport {\n  CHECKBOX,\n  SELECT,\n  TEXT_SEARCH,\n  SEARCH_TERM,\n  SIZE,\n  KEYWORD,\n  RAW_RESULTS,\n  DEFAULT_OPTION,\n  DEFAULT_VALUES,\n  RANGE,\n  CHECKBOX_SELECT,\n  LIMIT_MIN,\n  LIMIT_MAX,\n  MORE,\n  LESS,\n  UPDATED_RANGES,\n  MIN_VALUE,\n  MAX_VALUE,\n  TABLET_WIDTH,\n  RESET,\n  SEARCH,\n  REFINE,\n  MOBILE_REFINEMENT_TITLE,\n  MORE_FILTERS_CLASSES\n};\n"],"mappings":"AAAA,MAAMA,QAAQ,GAAG,UAAjB;AACA,MAAMC,MAAM,GAAG,QAAf;AACA,MAAMC,WAAW,GAAG,aAApB;AACA,MAAMC,WAAW,GAAG,aAApB;AACA,MAAMC,IAAI,GAAGC,OAAO,CAACC,GAAR,CAAYC,gCAAZ,IAAgD,GAA7D;AACA,MAAMC,OAAO,GAAG,SAAhB;AACA,MAAMC,WAAW,GAAG,YAApB;AACA,MAAMC,cAAc,GAAG,KAAvB;AACA,MAAMC,cAAc,GAAG,CAAC,KAAD,EAAQ,kBAAR,CAAvB;AACA,MAAMC,KAAK,GAAG,OAAd;AACA,MAAMC,eAAe,GAAG,CAAC,UAAD,EAAa,QAAb,CAAxB;AACA,MAAMC,SAAS,GAAG,CAAlB;AACA,MAAMC,SAAS,GAAG,IAAlB;AACA,MAAMC,IAAI,GAAG,MAAb;AACA,MAAMC,IAAI,GAAG,MAAb;AACA,MAAMC,cAAc,GAAG,gBAAvB;AACA,MAAMC,SAAS,GAAG,WAAlB;AACA,MAAMC,SAAS,GAAG,WAAlB;AACA,MAAMC,YAAY,GAAG,GAArB;AACA,MAAMC,KAAK,GAAG,mBAAd;AACA,MAAMC,MAAM,GAAG,QAAf;AACA,MAAMC,MAAM,GAAI,eAAhB;AACA,MAAMC,uBAAuB,GAAG,mBAAhC;AAEA,MAAMC,yBAAyB,GAAG,sBAAlC;AACA,MAAMC,oBAAoB,GAAG;EAC3BC,cAAc,EAAG,GAAEF,yBAA0B,iBADlB;EAE3BG,cAAc,EAAG,GAAEH,yBAA0B,iBAFlB;EAG3BI,cAAc,EAAG,GAAEJ,yBAA0B,iBAHlB;EAI3BK,cAAc,EAAG,GAAEL,yBAA0B,iBAJlB;EAK3BM,eAAe,EAAG,GAAEN,yBAA0B,kBALnB;EAM3BO,eAAe,EAAG,GAAEP,yBAA0B,kBANnB;EAO3BQ,eAAe,EAAG,GAAER,yBAA0B,kBAPnB;EAQ3BS,eAAe,EAAG,GAAET,yBAA0B;AARnB,CAA7B;AAWA,SACE1B,QADF,EAEEC,MAFF,EAGEC,WAHF,EAIEC,WAJF,EAKEC,IALF,EAMEI,OANF,EAOEC,WAPF,EAQEC,cARF,EASEC,cATF,EAUEC,KAVF,EAWEC,eAXF,EAYEC,SAZF,EAaEC,SAbF,EAcEC,IAdF,EAeEC,IAfF,EAgBEC,cAhBF,EAiBEC,SAjBF,EAkBEC,SAlBF,EAmBEC,YAnBF,EAoBEC,KApBF,EAqBEC,MArBF,EAsBEC,MAtBF,EAuBEC,uBAvBF,EAwBEE,oBAxBF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.124.0-alpha.4",
+  "version": "0.124.0-alpha.8",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -84,5 +84,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "b64d7bf5579ccdf2cdbd4930ed07f27f8c8658a1"
+  "gitHead": "b1315a8be908a92e7f0c103166ce2ace52cc4b1c"
 }

package/src/application/query/index.js

@@ -156,6 +156,10 @@ const getPublishedContent = entity => `
         ... on ${entity} {
           id
           name
+          image {
+            url
+            __typename
+          }
           url
           __typename
         }

package/src/components/SearchContent/index.js

@@ -1,12 +1,15 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { gql, useQuery } from '@apollo/client';
+import { gql, useApolloClient } from '@apollo/client';
+
 import { useRouter } from 'next/router';
 import { getPublishedContent } from '../../application/query';
 import BlazeLink from '../BlazeLink';
 
+const logError = error => error;
+
 const SearchContent = ({
-  entity,
+  entities,
   searchInputAlignment,
   searchInputWrapperMobile,
   searchInputWrapperDesktop,
@@ -16,44 +19,79 @@ const SearchContent = ({
 }) => {
   const [collapsed, setCollapsed] = useState(collapsible);
   const [searchTerm, setSearchTerm] = useState(null);
+  const [data, setData] = useState([]);
+
   const router = useRouter();
+  const client = useApolloClient();
 
   const capitalize = s => {
     if (typeof s !== 'string') return '';
     return s.charAt(0).toUpperCase() + s.slice(1);
   };
 
-  const [a, b] = entity.split('_');
-
-  const entityName = capitalize(a) + capitalize(b);
+  React.useEffect(() => {
+    if (data && data.length !== 0) return;
+
+    const promises = entities.map(entity => {
+      const [a, b] = entity.split('_');
+
+      const entityName = capitalize(a) + capitalize(b);
+
+      const rawQueryStringified = JSON.stringify({
+        size: 0,
+        query: {
+          bool: {
+            should: [
+              {
+                match: {
+                  docType: entity
+                }
+              }
+            ],
+            minimum_should_match: 1
+          }
+        }
+      });
 
-  const rawQueryStringified = JSON.stringify({
-    size: 0,
-    query: {
-      bool: {
-        should: [
-          {
-            match: {
-              docType: entity
-            }
+      const query = gql`
+        ${getPublishedContent(entityName)}
+      `;
+
+      try {
+        return client.query({
+          query,
+          variables: {
+            rawQueryStringified,
+            offset: 0,
+            limit: 5
           }
-        ],
-        minimum_should_match: 1
+        });
+      } catch (e) {
+        return [];
       }
+    });
+
+    try {
+      (async () => {
+        try {
+          const fetchResults = await Promise.all(promises);
+          const searchResults = fetchResults
+            .map(result => {
+              const { data: resultData } = result;
+              return resultData.searchPublishedContent.results;
+            })
+            .flat();
+
+          setData(searchResults);
+        } catch (e) {
+          logError(e);
+        }
+      })();
+    } catch (e) {
+      logError(e);
     }
   });
 
-  const query = gql`
-    ${getPublishedContent(entityName)}
-  `;
-
-  const { loading, error, data } = useQuery(query, {
-    variables: { rawQueryStringified, offset: 0, limit: 5 }
-  });
-
-  if (loading) return null;
-  if (error) return null;
-
   const handleClick = (e, url) => {
     e.preventDefault();
     router.push(url);
@@ -65,26 +103,28 @@ const SearchContent = ({
     }
   };
 
-  const renderResults = () => {
+  const renderResults = () =>
     // eslint-disable-next-line no-undef
-    const { results } = data?.searchPublishedContent;
+    data?.map(dataItem => {
+      const { name, image, url } = dataItem;
 
-    if (results && searchTerm && searchTerm !== '') {
-      return results.map(({ name, url }) => {
+      if (searchTerm && searchTerm !== '') {
         if (name.includes(searchTerm)) {
           return (
             <BlazeLink href={url} onClick={e => handleClick(e, url)}>
-              {name}
+              <div className="mt-2 mb-1">
+                <div className="flex justify-start items-center">
+                  {image.url ? <img src={image.url} alt={name} className="w-20 h-14" /> : null}
+                  <span className="ml-2">{name}</span>
+                </div>
+              </div>
             </BlazeLink>
           );
         }
 
         return null;
-      });
-    }
-
-    return [];
-  };
+      }
+    });
 
   const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';
 
@@ -164,7 +204,7 @@ SearchContent.propTypes = {
   placeholder: PropTypes.string,
   isMobile: PropTypes.bool,
   collapsible: PropTypes.bool,
-  entity: PropTypes.string.isRequired
+  entities: PropTypes.array.isRequired
 };
 
 SearchContent.defaultProps = {

package/src/components/SearchFilter/constants.js

@@ -2,7 +2,7 @@ const CHECKBOX = 'checkbox';
 const SELECT = 'select';
 const TEXT_SEARCH = 'text-search';
 const SEARCH_TERM = 'search_term';
-const SIZE = 50;
+const SIZE = process.env.BLAZE_PB_SEARCH_FILETER_AGG_SIZE || 500;
 const KEYWORD = 'keyword';
 const RAW_RESULTS = 'rawResults';
 const DEFAULT_OPTION = 'Any';

package/tests/helpers/mocks.js

@@ -1521,13 +1521,13 @@ const RAW_QUERY_ALL_SEARCH_VALUE_DIFFERENT_OPERATOR_TEXT_CHECKBOX_HAS_OR_OPERATO
 };
 
 const RAW_QUERY_STRINGIFIED =
-  '{"aggs":{"tags.name":{"terms":{"field":"tags.name.keyword","size":50}},"category.name"' +
-  ':{"terms":{"field":"category.name.keyword","size":50}}},"size":0,"query":{"bool":{"filter":{"bool"' +
+  '{"aggs":{"tags.name":{"terms":{"field":"tags.name.keyword","size":500}},"category.name"' +
+  ':{"terms":{"field":"category.name.keyword","size":500}}},"size":0,"query":{"bool":{"filter":{"bool"' +
   ':{"should":[{"match":{"docType":"published_page"}}],"minimum_should_match":1}}}}}';
 
 const RAW_QUERY_STRINGIFIED_WITH_RANGE =
-  '{"aggs":{"tags.name":{"terms":{"field":"tags.name.keyword","size":50}},"category.name":{"' +
-  'terms":{"field":"category.name.keyword","size":50}},"price":{"stats":{"field":"price"}},"length":' +
+  '{"aggs":{"tags.name":{"terms":{"field":"tags.name.keyword","size":500}},"category.name":{"' +
+  'terms":{"field":"category.name.keyword","size":500}},"price":{"stats":{"field":"price"}},"length":' +
   '{"stats":{"field":"length"}}},"size":0,"query":{"bool":{"filter":{"bool":{"should":[{"match":' +
   '{"docType":"published_page"}}],"minimum_should_match":1}}}}}';