@blaze-cms/react-page-builder 0.146.0-node18.1 → 0.146.0-rc-eagle-3.0

package/lib/components/Card/CardsFactory.js

@@ -1,14 +1,10 @@
 "use strict";
 
-require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.regexp.exec.js");
-require("core-js/modules/es.string.replace.js");
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
@@ -21,57 +17,65 @@ var _CardsRender = _interopRequireDefault(require("./CardsRender"));
 var _helpers = require("../../helpers");
 var _constants = require("../../constants");
 var _helpers2 = require("../ItemList/helpers");
-var _excluded = ["entity", "entities", "propsToDisplay", "itemsToDisplay", "itemListName", "VariantComponent"],
+const _excluded = ["entity", "entities", "propsToDisplay", "itemsToDisplay", "itemListName", "VariantComponent"],
   _excluded2 = ["gridModifier"];
-var CardsFactory = function CardsFactory(_ref) {
-  var entity = _ref.entity,
-    entities = _ref.entities,
-    propsToDisplay = _ref.propsToDisplay,
-    itemsToDisplay = _ref.itemsToDisplay,
-    itemListName = _ref.itemListName,
-    VariantComponent = _ref.VariantComponent,
-    cardProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var entityTouse = entities && entities.length ? entities[0] : entity;
-  var router = (0, _router.useRouter)();
-  var asPath = router.asPath;
-  var parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');
-  var _parseUrl = (0, _queryString.parseUrl)(parsedQuery),
-    _parseUrl$query = _parseUrl.query,
-    _parseUrl$query2 = _parseUrl$query === void 0 ? {} : _parseUrl$query,
-    queryItemListId = _parseUrl$query2.itemListId;
-  var _useQuery = (0, _client.useQuery)(_query.getSingleEntitySchema, {
-      variables: {
-        id: entityTouse
-      }
-    }),
-    data = _useQuery.data,
-    error = _useQuery.error,
-    loading = _useQuery.loading;
-  var itemListId = (0, _helpers2.getItemListId)(itemListName, queryItemListId);
-  var _useQuery2 = (0, _client.useQuery)(_query.getItemList, {
-      variables: {
-        id: itemListId
-      },
-      skip: !itemListId
-    }),
-    _useQuery2$data = _useQuery2.data,
-    itemListData = _useQuery2$data === void 0 ? {} : _useQuery2$data,
-    itemListLoading = _useQuery2.loading,
-    itemListError = _useQuery2.error;
+const CardsFactory = _ref => {
+  let {
+      entity,
+      entities,
+      propsToDisplay,
+      itemsToDisplay,
+      itemListName,
+      VariantComponent
+    } = _ref,
+    cardProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const entityTouse = entities && entities.length ? entities[0] : entity;
+  const router = (0, _router.useRouter)();
+  const {
+    asPath
+  } = router;
+  const parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');
+  const {
+    query: {
+      itemListId: queryItemListId
+    } = {}
+  } = (0, _queryString.parseUrl)(parsedQuery);
+  const {
+    data,
+    error,
+    loading
+  } = (0, _client.useQuery)(_query.getSingleEntitySchema, {
+    variables: {
+      id: entityTouse
+    }
+  });
+  const itemListId = (0, _helpers2.getItemListId)(itemListName, queryItemListId);
+  const {
+    data: itemListData = {},
+    loading: itemListLoading,
+    error: itemListError
+  } = (0, _client.useQuery)(_query.getItemList, {
+    variables: {
+      id: itemListId
+    },
+    skip: !itemListId
+  });
   if (loading || itemListLoading) return '';
   if (error || itemListError) return error.message || itemListError.message;
   if (!data) return null;
-  var propsToDisplayValues = (0, _helpers.checkPropsToUse)(propsToDisplay);
-  var extraProps = (0, _helpers.buildPropsQuery)(data, propsToDisplayValues, cardProps) || '';
-  var _getGenericProps = (0, _helpers.getGenericProps)(cardProps),
-    gridModifier = _getGenericProps.gridModifier,
-    cardRenderProps = (0, _objectWithoutProperties2["default"])(_getGenericProps, _excluded2);
-  var extraModifierForBanner = cardRenderProps.banner ? _constants.WITH_BANNER : '';
-  var itemListIds = (0, _helpers2.getItemListIds)(itemListData);
-  var itemsToDisplayToUse = itemListIds || itemsToDisplay;
+  const propsToDisplayValues = (0, _helpers.checkPropsToUse)(propsToDisplay);
+  const extraProps = (0, _helpers.buildPropsQuery)(data, propsToDisplayValues, cardProps) || '';
+  const _getGenericProps = (0, _helpers.getGenericProps)(cardProps),
+    {
+      gridModifier
+    } = _getGenericProps,
+    cardRenderProps = (0, _objectWithoutProperties2.default)(_getGenericProps, _excluded2);
+  const extraModifierForBanner = cardRenderProps.banner ? _constants.WITH_BANNER : '';
+  const itemListIds = (0, _helpers2.getItemListIds)(itemListData);
+  const itemsToDisplayToUse = itemListIds || itemsToDisplay;
   if (itemListName && !itemListIds) return null;
-  return /*#__PURE__*/_react["default"].createElement(_CardsRender["default"], (0, _extends2["default"])({
-    gridModifier: "".concat(gridModifier).concat(extraModifierForBanner),
+  return /*#__PURE__*/_react.default.createElement(_CardsRender.default, (0, _extends2.default)({
+    gridModifier: `${gridModifier}${extraModifierForBanner}`,
     bannerModifier: extraModifierForBanner,
     itemsToDisplay: itemsToDisplayToUse,
     propsToDisplay: propsToDisplay,
@@ -83,12 +87,12 @@ var CardsFactory = function CardsFactory(_ref) {
   }));
 };
 CardsFactory.propTypes = {
-  entity: _propTypes["default"].string,
-  propsToDisplay: _propTypes["default"].array,
-  itemsToDisplay: _propTypes["default"].array,
-  itemListName: _propTypes["default"].string,
-  entities: _propTypes["default"].array,
-  VariantComponent: _propTypes["default"].func
+  entity: _propTypes.default.string,
+  propsToDisplay: _propTypes.default.array,
+  itemsToDisplay: _propTypes.default.array,
+  itemListName: _propTypes.default.string,
+  entities: _propTypes.default.array,
+  VariantComponent: _propTypes.default.func
 };
 CardsFactory.defaultProps = {
   propsToDisplay: [],
@@ -98,5 +102,5 @@ CardsFactory.defaultProps = {
   entities: null,
   VariantComponent: null
 };
-var _default = exports["default"] = CardsFactory;
+var _default = exports.default = CardsFactory;
 //# sourceMappingURL=CardsFactory.js.map

package/lib/components/Card/CardsFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardsFactory.js","names":["_react","_interopRequireDefault","require","_client","_propTypes","_router","_queryString","_query","_CardsRender","_helpers","_constants","_helpers2","_excluded","_excluded2","CardsFactory","_ref","entity","entities","propsToDisplay","itemsToDisplay","itemListName","VariantComponent","cardProps","_objectWithoutProperties2","entityTouse","length","router","useRouter","asPath","parsedQuery","replace","_parseUrl","parseUrl","_parseUrl$query","query","_parseUrl$query2","queryItemListId","itemListId","_useQuery","useQuery","getSingleEntitySchema","variables","id","data","error","loading","getItemListId","_useQuery2","getItemList","skip","_useQuery2$data","itemListData","itemListLoading","itemListError","message","propsToDisplayValues","checkPropsToUse","extraProps","buildPropsQuery","_getGenericProps","getGenericProps","gridModifier","cardRenderProps","extraModifierForBanner","banner","WITH_BANNER","itemListIds","getItemListIds","itemsToDisplayToUse","createElement","_extends2","concat","bannerModifier","entityFields","propTypes","PropTypes","string","array","func","defaultProps","_default","exports"],"sources":["../../../src/components/Card/CardsFactory.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport { getSingleEntitySchema, getItemList } from '../../application/query';\nimport CardsRender from './CardsRender';\nimport { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';\nimport { WITH_BANNER } from '../../constants';\nimport { getItemListId, getItemListIds } from '../ItemList/helpers';\n\nconst CardsFactory = ({\n  entity,\n  entities,\n  propsToDisplay,\n  itemsToDisplay,\n  itemListName,\n  VariantComponent,\n  ...cardProps\n}) => {\n  const entityTouse = entities && entities.length ? entities[0] : entity;\n  const router = useRouter();\n  const { asPath } = router;\n  const parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');\n\n  const { query: { itemListId: queryItemListId } = {} } = parseUrl(parsedQuery);\n\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entityTouse }\n  });\n\n  const itemListId = getItemListId(itemListName, queryItemListId);\n\n  const {\n    data: itemListData = {},\n    loading: itemListLoading,\n    error: itemListError\n  } = useQuery(getItemList, {\n    variables: { id: itemListId },\n    skip: !itemListId\n  });\n\n  if (loading || itemListLoading) return '';\n  if (error || itemListError) return error.message || itemListError.message;\n  if (!data) return null;\n\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';\n  const { gridModifier, ...cardRenderProps } = getGenericProps(cardProps);\n  const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';\n\n  const itemListIds = getItemListIds(itemListData);\n  const itemsToDisplayToUse = itemListIds || itemsToDisplay;\n\n  if (itemListName && !itemListIds) return null;\n\n  return (\n    <CardsRender\n      gridModifier={`${gridModifier}${extraModifierForBanner}`}\n      bannerModifier={extraModifierForBanner}\n      itemsToDisplay={itemsToDisplayToUse}\n      propsToDisplay={propsToDisplay}\n      entityFields={extraProps}\n      VariantComponent={VariantComponent}\n      {...cardRenderProps}\n      entity={entityTouse}\n      entities={entities}\n    />\n  );\n};\n\nCardsFactory.propTypes = {\n  entity: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  itemListName: PropTypes.string,\n  entities: PropTypes.array,\n  VariantComponent: PropTypes.func\n};\n\nCardsFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  itemListName: '',\n  entity: null,\n  entities: null,\n  VariantComponent: null\n};\n\nexport default CardsFactory;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CardsFactory.js","names":["_react","_interopRequireDefault","require","_client","_propTypes","_router","_queryString","_query","_CardsRender","_helpers","_constants","_helpers2","_excluded","_excluded2","CardsFactory","_ref","entity","entities","propsToDisplay","itemsToDisplay","itemListName","VariantComponent","cardProps","_objectWithoutProperties2","default","entityTouse","length","router","useRouter","asPath","parsedQuery","replace","query","itemListId","queryItemListId","parseUrl","data","error","loading","useQuery","getSingleEntitySchema","variables","id","getItemListId","itemListData","itemListLoading","itemListError","getItemList","skip","message","propsToDisplayValues","checkPropsToUse","extraProps","buildPropsQuery","_getGenericProps","getGenericProps","gridModifier","cardRenderProps","extraModifierForBanner","banner","WITH_BANNER","itemListIds","getItemListIds","itemsToDisplayToUse","createElement","_extends2","bannerModifier","entityFields","propTypes","PropTypes","string","array","func","defaultProps","_default","exports"],"sources":["../../../src/components/Card/CardsFactory.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport { getSingleEntitySchema, getItemList } from '../../application/query';\nimport CardsRender from './CardsRender';\nimport { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';\nimport { WITH_BANNER } from '../../constants';\nimport { getItemListId, getItemListIds } from '../ItemList/helpers';\n\nconst CardsFactory = ({\n  entity,\n  entities,\n  propsToDisplay,\n  itemsToDisplay,\n  itemListName,\n  VariantComponent,\n  ...cardProps\n}) => {\n  const entityTouse = entities && entities.length ? entities[0] : entity;\n  const router = useRouter();\n  const { asPath } = router;\n  const parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');\n\n  const { query: { itemListId: queryItemListId } = {} } = parseUrl(parsedQuery);\n\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entityTouse }\n  });\n\n  const itemListId = getItemListId(itemListName, queryItemListId);\n\n  const {\n    data: itemListData = {},\n    loading: itemListLoading,\n    error: itemListError\n  } = useQuery(getItemList, {\n    variables: { id: itemListId },\n    skip: !itemListId\n  });\n\n  if (loading || itemListLoading) return '';\n  if (error || itemListError) return error.message || itemListError.message;\n  if (!data) return null;\n\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';\n  const { gridModifier, ...cardRenderProps } = getGenericProps(cardProps);\n  const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';\n\n  const itemListIds = getItemListIds(itemListData);\n  const itemsToDisplayToUse = itemListIds || itemsToDisplay;\n\n  if (itemListName && !itemListIds) return null;\n\n  return (\n    <CardsRender\n      gridModifier={`${gridModifier}${extraModifierForBanner}`}\n      bannerModifier={extraModifierForBanner}\n      itemsToDisplay={itemsToDisplayToUse}\n      propsToDisplay={propsToDisplay}\n      entityFields={extraProps}\n      VariantComponent={VariantComponent}\n      {...cardRenderProps}\n      entity={entityTouse}\n      entities={entities}\n    />\n  );\n};\n\nCardsFactory.propTypes = {\n  entity: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  itemListName: PropTypes.string,\n  entities: PropTypes.array,\n  VariantComponent: PropTypes.func\n};\n\nCardsFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  itemListName: '',\n  entity: null,\n  entities: null,\n  VariantComponent: null\n};\n\nexport default CardsFactory;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/Card/CardsRender.js

@@ -1,38 +1,13 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.object.define-properties.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.keys.js");
-require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.array.reduce.js");
-require("core-js/modules/es.array.sort.js");
-require("core-js/modules/es.function.name.js");
-require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.object.values.js");
-require("core-js/modules/es.promise.js");
-require("core-js/modules/es.set.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");
 var _react = _interopRequireWildcard(require("react"));
 var _client = require("@apollo/client");
 var _dynamic = _interopRequireDefault(require("next/dynamic"));
@@ -41,170 +16,177 @@ var _nextjsComponents = require("@blaze-cms/nextjs-components");
 var _query = require("../../application/query");
 var _constants = require("../../constants");
 var _hooks = require("../../hooks");
-var _helpers = require("../../helpers");
-var _helpers2 = require("./helpers");
-var _excluded = ["entity", "entities", "entityFields", "itemsToDisplay", "children", "VariantComponent"];
+var _helpers = require("../List/helpers");
+var _helpers2 = require("../../helpers");
+var _helpers3 = require("./helpers");
+const _excluded = ["entity", "entities", "entityFields", "itemsToDisplay", "children", "VariantComponent"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2["default"])(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var CardsContainer = (0, _dynamic["default"])(function () {
-  return Promise.resolve().then(function () {
-    return _interopRequireWildcard(require('./CardsContainer'));
-  });
-});
-var CardsRender = function CardsRender(_ref) {
-  var legacyEntity = _ref.entity,
-    entities = _ref.entities,
-    entityFields = _ref.entityFields,
-    itemsToDisplay = _ref.itemsToDisplay,
-    children = _ref.children,
-    VariantComponent = _ref.VariantComponent,
-    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_nextjsComponents.MainContext),
-    isPreview = _useContext.isPreview;
-  var _otherProps$parent = otherProps.parent,
-    parentId = _otherProps$parent.itemId,
-    parentEntity = _otherProps$parent.itemEntity,
-    _otherProps$filterBy = otherProps.filterBy,
-    filterBy = _otherProps$filterBy === void 0 ? [] : _otherProps$filterBy,
-    _otherProps$filterByP = otherProps.filterByProperty,
-    filterByProperty = _otherProps$filterByP === void 0 ? [] : _otherProps$filterByP,
-    sortby = otherProps.sortby,
-    sort = otherProps.sort,
-    _otherProps$sortPrope = otherProps.sortProperties,
-    sortProperties = _otherProps$sortPrope === void 0 ? [] : _otherProps$sortPrope,
-    _otherProps$operator = otherProps.operator,
-    filterOperator = _otherProps$operator === void 0 ? _constants.AND : _otherProps$operator,
-    useRandomSort = otherProps.useRandomSort;
-  var _getUpdatedSortProper = (0, _helpers2.getUpdatedSortProperties)(sort, sortby, sortProperties),
-    _getUpdatedSortProper2 = (0, _slicedToArray2["default"])(_getUpdatedSortProper, 2),
-    updatedSortProperties = _getUpdatedSortProper2[0],
-    sortbyFilters = _getUpdatedSortProper2[1];
-  var variableProps = _objectSpread(_objectSpread({}, otherProps), {}, {
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const CardsContainer = (0, _dynamic.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('./CardsContainer'))));
+const CardsRender = _ref => {
+  let {
+      entity: legacyEntity,
+      entities,
+      entityFields,
+      itemsToDisplay,
+      children,
+      VariantComponent
+    } = _ref,
+    otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  const {
+    isPreview
+  } = (0, _react.useContext)(_nextjsComponents.MainContext);
+  const {
+    parent: {
+      itemId: parentId,
+      itemEntity: parentEntity
+    },
+    filterBy = [],
+    filterByProperty = [],
+    sortby,
+    sort,
+    sortProperties = [],
+    operator: filterOperator = _constants.AND,
+    useRandomSort
+  } = otherProps;
+  const [updatedSortProperties, sortbyFilters] = (0, _helpers3.getUpdatedSortProperties)(sort, sortby, sortProperties);
+  const variableProps = _objectSpread(_objectSpread({}, otherProps), {}, {
     sortProperties: updatedSortProperties,
     sort: null,
     sortby: null
   });
-  var entitiesToUse = entities || [legacyEntity];
-  var primaryEntityToUse = entitiesToUse[0];
-  var unpublishedParentEntityName = (0, _helpers.getUnpublishedEntityName)(parentEntity);
-  var allEntityNames = [].concat((0, _toConsumableArray2["default"])(entitiesToUse), [unpublishedParentEntityName]);
-  var uniqueEntityNames = (0, _toConsumableArray2["default"])(new Set(allEntityNames));
-  var _useGetEntitySchemasA = (0, _hooks.useGetEntitySchemasAsObj)(uniqueEntityNames),
-    _useGetEntitySchemasA2 = _useGetEntitySchemasA.data,
-    mainSchemas = _useGetEntitySchemasA2 === void 0 ? {} : _useGetEntitySchemasA2,
-    _loading = _useGetEntitySchemasA.loading,
-    _error = _useGetEntitySchemasA.error;
-  var parentSchema = mainSchemas[unpublishedParentEntityName] || {};
-  var filterEntitySchema = mainSchemas[primaryEntityToUse] || {};
-  var entitiesTypes = entitiesToUse.map(function (ent) {
-    return (0, _helpers.getEntityData)(ent, mainSchemas[ent]);
+  const entitiesToUse = entities || [legacyEntity];
+  const primaryEntityToUse = entitiesToUse[0];
+  const unpublishedParentEntityName = (0, _helpers2.getUnpublishedEntityName)(parentEntity);
+  const allEntityNames = [...entitiesToUse, unpublishedParentEntityName];
+  const uniqueEntityNames = [...new Set(allEntityNames)];
+  const {
+    data: mainSchemas = {},
+    loading: _loading,
+    error: _error
+  } = (0, _hooks.useGetEntitySchemasAsObj)(uniqueEntityNames);
+  const parentSchema = mainSchemas[unpublishedParentEntityName] || {};
+  const filterEntitySchema = mainSchemas[primaryEntityToUse] || {};
+  const entitiesTypes = entitiesToUse.map(ent => (0, _helpers2.getEntityData)(ent, mainSchemas[ent]));
+  const graphqlEntityMap = entitiesTypes.reduce((acc, entityType) => _objectSpread(_objectSpread({}, acc), {}, {
+    [entityType.entityType]: entityType.entity
+  }), {});
+  const docTypes = entitiesTypes.map(({
+    docType: type
+  }) => type);
+  const entityTypes = entitiesTypes.map(({
+    entityType: eType
+  }) => eType);
+  const {
+    style
+  } = otherProps;
+  const {
+    getAction,
+    queryProps,
+    inheritedFilters,
+    entitySameAsCurrentItemEntity,
+    action,
+    filterEntityRelations
+  } = (0, _helpers3.filtersSetup)({
+    entityFields,
+    entityTypes,
+    filterBy,
+    filterByProperty,
+    entities: entitiesToUse,
+    currentSchema: parentSchema,
+    filterEntitySchema,
+    isPreview,
+    itemEntityUpdated: unpublishedParentEntityName,
+    isFull: style === _constants.FULL
+  });
+  const {
+    data: {
+      entityData: parentEntityData = {}
+    } = {},
+    error: _err,
+    loading: _load
+  } = (0, _client.useQuery)((0, _query.generateSingleItemQuery)(getAction, queryProps), {
+    variables: {
+      id: parentId
+    },
+    skip: (0, _helpers3.shouldSkipSingleQuery)(_loading, getAction, queryProps)
   });
-  var graphqlEntityMap = entitiesTypes.reduce(function (acc, entityType) {
-    return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2["default"])({}, entityType.entityType, entityType.entity));
-  }, {});
-  var docTypes = entitiesTypes.map(function (_ref2) {
-    var type = _ref2.docType;
-    return type;
+  const {
+    data: requiredSchema = {},
+    loading: schemaLoading,
+    error: schemaError
+  } = (0, _hooks.useGetEntitySchemasAsObj)((0, _helpers2.getRequiredSchemas)([...filterByProperty, ...sortbyFilters], filterEntitySchema), _loading);
+  const updatedFilterBy = (0, _helpers2.getUpdatedFilterBy)(inheritedFilters, parentEntityData, parentSchema, filterEntitySchema, parentId, variableProps);
+  const updatedItemsToDisplay = (0, _helpers3.getUpdatedItemsToDisplay)({
+    itemsToDisplay,
+    inheritedFilters,
+    parentSchema,
+    parentEntityData
   });
-  var entityTypes = entitiesTypes.map(function (_ref3) {
-    var eType = _ref3.entityType;
-    return eType;
+  const {
+    limit,
+    variables
+  } = (0, _helpers3.filterQuerySetup)({
+    getEntitySchemas: Object.values(requiredSchema),
+    entity: primaryEntityToUse,
+    updatedFilterBy,
+    variableProps,
+    docType: docTypes,
+    filterOperator,
+    filterEntityRelations,
+    itemsToDisplay: updatedItemsToDisplay,
+    entitySameAsCurrentItemEntity,
+    useRandomSort
+  });
+  const hasNoFiltersOrItemsToDisplay = !updatedItemsToDisplay.length && !updatedFilterBy;
+  const {
+    data: updatedVariables
+  } = (0, _hooks.useAppEventHook)({
+    eventName: 'cards:query-variables',
+    data: variables,
+    props: variableProps
   });
-  var style = otherProps.style;
-  var _filtersSetup = (0, _helpers2.filtersSetup)({
-      entityFields: entityFields,
-      entityTypes: entityTypes,
-      filterBy: filterBy,
-      filterByProperty: filterByProperty,
-      entities: entitiesToUse,
-      currentSchema: parentSchema,
-      filterEntitySchema: filterEntitySchema,
-      isPreview: isPreview,
-      itemEntityUpdated: unpublishedParentEntityName,
-      isFull: style === _constants.FULL
-    }),
-    getAction = _filtersSetup.getAction,
-    queryProps = _filtersSetup.queryProps,
-    inheritedFilters = _filtersSetup.inheritedFilters,
-    entitySameAsCurrentItemEntity = _filtersSetup.entitySameAsCurrentItemEntity,
-    action = _filtersSetup.action,
-    filterEntityRelations = _filtersSetup.filterEntityRelations;
-  var _useQuery = (0, _client.useQuery)((0, _query.generateSingleItemQuery)(getAction, queryProps), {
-      variables: {
-        id: parentId
-      },
-      skip: (0, _helpers2.shouldSkipSingleQuery)(_loading, getAction, queryProps)
-    }),
-    _useQuery$data = _useQuery.data,
-    _useQuery$data2 = _useQuery$data === void 0 ? {} : _useQuery$data,
-    _useQuery$data2$entit = _useQuery$data2.entityData,
-    parentEntityData = _useQuery$data2$entit === void 0 ? {} : _useQuery$data2$entit,
-    _err = _useQuery.error,
-    _load = _useQuery.loading;
-  var _useGetEntitySchemasA3 = (0, _hooks.useGetEntitySchemasAsObj)((0, _helpers.getRequiredSchemas)([].concat((0, _toConsumableArray2["default"])(filterByProperty), (0, _toConsumableArray2["default"])(sortbyFilters)), filterEntitySchema), _loading),
-    _useGetEntitySchemasA4 = _useGetEntitySchemasA3.data,
-    requiredSchema = _useGetEntitySchemasA4 === void 0 ? {} : _useGetEntitySchemasA4,
-    schemaLoading = _useGetEntitySchemasA3.loading,
-    schemaError = _useGetEntitySchemasA3.error;
-  var updatedFilterBy = (0, _helpers.getUpdatedFilterBy)(inheritedFilters, parentEntityData, parentSchema, filterEntitySchema, parentId, variableProps);
-  var updatedItemsToDisplay = (0, _helpers2.getUpdatedItemsToDisplay)({
-    itemsToDisplay: itemsToDisplay,
-    inheritedFilters: inheritedFilters,
-    parentSchema: parentSchema,
-    parentEntityData: parentEntityData
+  const boostedVariables = (0, _helpers.buildQueryBooster)(otherProps, updatedVariables);
+  const {
+    data: cardData = {},
+    error: cardsError
+  } = (0, _client.useQuery)(action, {
+    variables: boostedVariables,
+    fetchPolicy: useRandomSort ? 'cache-and-network' : 'cache-first',
+    skip: (0, _helpers3.shouldReturn)(hasNoFiltersOrItemsToDisplay, _loading, _load, schemaLoading, _error, _err, schemaError)
   });
-  var _filterQuerySetup = (0, _helpers2.filterQuerySetup)({
-      getEntitySchemas: Object.values(requiredSchema),
-      entity: primaryEntityToUse,
-      updatedFilterBy: updatedFilterBy,
-      variableProps: variableProps,
-      docType: docTypes,
-      filterOperator: filterOperator,
-      filterEntityRelations: filterEntityRelations,
-      itemsToDisplay: updatedItemsToDisplay,
-      entitySameAsCurrentItemEntity: entitySameAsCurrentItemEntity,
-      useRandomSort: useRandomSort
-    }),
-    limit = _filterQuerySetup.limit,
-    variables = _filterQuerySetup.variables;
-  var hasNoFiltersOrItemsToDisplay = !updatedItemsToDisplay.length && !updatedFilterBy;
-  var _useQuery2 = (0, _client.useQuery)(action, {
-      variables: variables,
-      fetchPolicy: useRandomSort ? 'cache-and-network' : 'cache-first',
-      skip: (0, _helpers2.shouldReturn)(hasNoFiltersOrItemsToDisplay, _loading, _load, schemaLoading, _error, _err, schemaError)
-    }),
-    _useQuery2$data = _useQuery2.data,
-    cardData = _useQuery2$data === void 0 ? {} : _useQuery2$data,
-    cardsError = _useQuery2.error;
-  var imageIds = updatedItemsToDisplay.map(function (_ref4) {
-    var imageId = _ref4.imageId;
-    return imageId;
-  }).filter(Boolean);
-  var _useGetImages = (0, _hooks.useGetImages)(imageIds, true),
-    imagesData = _useGetImages.data,
-    imagesLoading = _useGetImages.loading;
-  var isLoading = (0, _helpers2.shouldReturn)(_loading, _load, schemaLoading, imagesLoading);
-  var hasError = (0, _helpers2.shouldReturn)(_error, _err, schemaError);
-  if (hasNoFiltersOrItemsToDisplay) return null;
-  if (isLoading) return null;
-  if (hasError) return null;
+  const imageIds = updatedItemsToDisplay.map(({
+    imageId
+  }) => imageId).filter(Boolean);
+  const {
+    data: imagesData,
+    loading: imagesLoading
+  } = (0, _hooks.useGetImages)(imageIds, true);
+  const isLoading = (0, _helpers3.shouldReturn)(_loading, _load, schemaLoading, imagesLoading);
+  const hasError = (0, _helpers3.shouldReturn)(_error, _err, schemaError);
   if (cardsError) return cardsError.message;
-  var _ref5 = cardData[_constants.SEARCH_PUBLISHED_CONTENT] || {},
-    cardDataResults = _ref5.results;
+  if (hasNoFiltersOrItemsToDisplay || isLoading || hasError) {
+    return null;
+  }
+  let {
+    results: cardDataResults
+  } = cardData[_constants.SEARCH_PUBLISHED_CONTENT] || {};
   if (!cardDataResults || !cardDataResults.length) return null;
-  cardDataResults = entitySameAsCurrentItemEntity ? (0, _helpers.removeExtraItems)(cardDataResults, limit, parentId) : cardDataResults;
+  cardDataResults = entitySameAsCurrentItemEntity ? (0, _helpers2.removeExtraItems)(cardDataResults, limit, parentId) : cardDataResults;
   if (!cardDataResults.length) return null;
-  var orderedData = useRandomSort || updatedSortProperties.length ? cardDataResults : (0, _helpers.sortResponseData)(cardDataResults, updatedItemsToDisplay);
-  var _splitChildren = (0, _helpers.splitChildren)(children, cardDataResults, graphqlEntityMap, {
-      name: variableProps.name
-    }),
-    regularChildren = _splitChildren.regularChildren,
-    gtmChildren = _splitChildren.gtmChildren;
-  var updatedCards = (0, _helpers.appendImages)(imagesData, orderedData, updatedItemsToDisplay);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, gtmChildren && (0, _helpers.renderChildren)(gtmChildren), /*#__PURE__*/_react["default"].createElement(CardsContainer, (0, _extends2["default"])({
-    cardData: updatedCards,
+  const orderedData = useRandomSort || updatedSortProperties.length ? cardDataResults : (0, _helpers2.sortResponseData)(cardDataResults, updatedItemsToDisplay);
+  const {
+    regularChildren,
+    gtmChildren
+  } = (0, _helpers2.splitChildren)(children, cardDataResults, graphqlEntityMap, {
+    name: variableProps.name
+  });
+  const updatedCards = (0, _helpers2.appendImages)(imagesData, orderedData, updatedItemsToDisplay);
+  const displayedCards = updatedCards.slice(0, limit);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, gtmChildren && (0, _helpers2.renderChildren)(gtmChildren), /*#__PURE__*/_react.default.createElement(CardsContainer, (0, _extends2.default)({
+    cardData: displayedCards,
     entity: primaryEntityToUse,
     gtmChildren: gtmChildren,
     cardChildren: regularChildren,
@@ -213,12 +195,12 @@ var CardsRender = function CardsRender(_ref) {
   }, variableProps)));
 };
 CardsRender.propTypes = {
-  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
-  entity: _propTypes["default"].string.isRequired,
-  entityFields: _propTypes["default"].string.isRequired,
-  itemsToDisplay: _propTypes["default"].array,
-  entities: _propTypes["default"].array,
-  VariantComponent: _propTypes["default"].func
+  children: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.node), _propTypes.default.node]),
+  entity: _propTypes.default.string.isRequired,
+  entityFields: _propTypes.default.string.isRequired,
+  itemsToDisplay: _propTypes.default.array,
+  entities: _propTypes.default.array,
+  VariantComponent: _propTypes.default.func
 };
 CardsRender.defaultProps = {
   children: [],
@@ -226,5 +208,5 @@ CardsRender.defaultProps = {
   entities: [],
   VariantComponent: null
 };
-var _default = exports["default"] = CardsRender;
+var _default = exports.default = CardsRender;
 //# sourceMappingURL=CardsRender.js.map