@blaze-cms/react-page-builder 0.146.0-alpha.2 → 0.146.0-alpha.21

package/lib/hooks/index.js

@@ -23,6 +23,12 @@ Object.defineProperty(exports, "useCheckMobileScreen", {
     return _useCheckMobileScreen["default"];
   }
 });
+Object.defineProperty(exports, "useFilterAggregationValues", {
+  enumerable: true,
+  get: function get() {
+    return _useFilterAggregationValues["default"];
+  }
+});
 Object.defineProperty(exports, "useGetEntitySchema", {
   enumerable: true,
   get: function get() {
@@ -59,6 +65,12 @@ Object.defineProperty(exports, "usePageBuilder", {
     return _usePageBuilder["default"];
   }
 });
+Object.defineProperty(exports, "usePortal", {
+  enumerable: true,
+  get: function get() {
+    return _usePortal["default"];
+  }
+});
 var _useGetEntitySchema = _interopRequireDefault(require("./use-get-entity-schema"));
 var _useGetEntitySchemasAsObj = _interopRequireDefault(require("./use-get-entity-schemas-as-obj"));
 var _useGetImageIdFromRelation = _interopRequireDefault(require("./use-get-image-id-from-relation"));
@@ -68,4 +80,6 @@ var _useGetSingleEntitySchema = _interopRequireDefault(require("./use-get-single
 var _useCheckMobileScreen = _interopRequireDefault(require("./use-check-mobile-screen"));
 var _useBannerInsertion = _interopRequireDefault(require("./use-banner-insertion"));
 var _useAppSyncEventHook = _interopRequireDefault(require("./use-app-sync-event-hook"));
+var _usePortal = _interopRequireDefault(require("./use-portal"));
+var _useFilterAggregationValues = _interopRequireDefault(require("./use-filter-aggregation-values"));
 //# sourceMappingURL=index.js.map

package/lib/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_useGetEntitySchema","_interopRequireDefault","require","_useGetEntitySchemasAsObj","_useGetImageIdFromRelation","_useGetImages","_usePageBuilder","_useGetSingleEntitySchema","_useCheckMobileScreen","_useBannerInsertion","_useAppSyncEventHook"],"sources":["../../src/hooks/index.js"],"sourcesContent":["export { default as useGetEntitySchema } from './use-get-entity-schema';\nexport { default as useGetEntitySchemasAsObj } from './use-get-entity-schemas-as-obj';\nexport { default as useGetImageIdFromRelation } from './use-get-image-id-from-relation';\nexport { default as useGetImages } from './use-get-images';\nexport { default as usePageBuilder } from './use-page-builder';\nexport { default as useGetSingleEntitySchema } from './use-get-single-entity-schema';\nexport { default as useCheckMobileScreen } from './use-check-mobile-screen';\nexport { default as useBannerInsertion } from './use-banner-insertion';\nexport { default as useAppSyncEventHook } from './use-app-sync-event-hook';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,0BAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,yBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,qBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,mBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,oBAAA,GAAAT,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_useGetEntitySchema","_interopRequireDefault","require","_useGetEntitySchemasAsObj","_useGetImageIdFromRelation","_useGetImages","_usePageBuilder","_useGetSingleEntitySchema","_useCheckMobileScreen","_useBannerInsertion","_useAppSyncEventHook","_usePortal","_useFilterAggregationValues"],"sources":["../../src/hooks/index.js"],"sourcesContent":["export { default as useGetEntitySchema } from './use-get-entity-schema';\nexport { default as useGetEntitySchemasAsObj } from './use-get-entity-schemas-as-obj';\nexport { default as useGetImageIdFromRelation } from './use-get-image-id-from-relation';\nexport { default as useGetImages } from './use-get-images';\nexport { default as usePageBuilder } from './use-page-builder';\nexport { default as useGetSingleEntitySchema } from './use-get-single-entity-schema';\nexport { default as useCheckMobileScreen } from './use-check-mobile-screen';\nexport { default as useBannerInsertion } from './use-banner-insertion';\nexport { default as useAppSyncEventHook } from './use-app-sync-event-hook';\nexport { default as usePortal } from './use-portal';\nexport { default as useFilterAggregationValues } from './use-filter-aggregation-values';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,0BAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,yBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,qBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,mBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,oBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,UAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,2BAAA,GAAAX,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/lib/hooks/use-filter-aggregation-values.js

@@ -0,0 +1,54 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.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.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+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; }
+var useFilterAggregationValues = function useFilterAggregationValues(_ref) {
+  var data = _ref.data,
+    filterValues = _ref.filterValues;
+  var _useState = (0, _react.useState)(data),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    stateValues = _useState2[0],
+    setStateValues = _useState2[1];
+  var _useState3 = (0, _react.useState)(''),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    prop = _useState4[0],
+    setProp = _useState4[1];
+  (0, _react.useEffect)(function () {
+    if (!stateValues) return setStateValues(data);
+    var lastChangedFilter = filterValues === null || filterValues === void 0 ? void 0 : filterValues[prop];
+    if (!data) return;
+    var newOptions = data[prop];
+    var currentOptions = stateValues === null || stateValues === void 0 ? void 0 : stateValues[prop];
+    if (lastChangedFilter === null || lastChangedFilter === '') {
+      return setStateValues(function (prevState) {
+        return _objectSpread(_objectSpread({}, data), {}, (0, _defineProperty2["default"])({}, prop, newOptions));
+      });
+    }
+    setStateValues(function (prevState) {
+      return _objectSpread(_objectSpread({}, data), {}, (0, _defineProperty2["default"])({}, prop, currentOptions));
+    });
+  },
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [data, prop, filterValues]);
+  return [stateValues, setStateValues, setProp, prop];
+};
+var _default = exports["default"] = useFilterAggregationValues;
+//# sourceMappingURL=use-filter-aggregation-values.js.map

package/lib/hooks/use-filter-aggregation-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-filter-aggregation-values.js","names":["_react","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","useFilterAggregationValues","_ref","data","filterValues","_useState","useState","_useState2","_slicedToArray2","stateValues","setStateValues","_useState3","_useState4","prop","setProp","useEffect","lastChangedFilter","newOptions","currentOptions","prevState","_default","exports"],"sources":["../../src/hooks/use-filter-aggregation-values.js"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nconst useFilterAggregationValues = ({ data, filterValues }) => {\n  const [stateValues, setStateValues] = useState(data);\n  const [prop, setProp] = useState('');\n\n  useEffect(\n    () => {\n      if (!stateValues) return setStateValues(data);\n\n      const lastChangedFilter = filterValues?.[prop];\n\n      if (!data) return;\n\n      const newOptions = data[prop];\n      const currentOptions = stateValues?.[prop];\n\n      if (lastChangedFilter === null || lastChangedFilter === '') {\n        return setStateValues(prevState => ({\n          ...data,\n          [prop]: newOptions\n        }));\n      }\n\n      setStateValues(prevState => ({\n        ...data,\n        [prop]: currentOptions\n      }));\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [data, prop, filterValues]\n  );\n\n  return [stateValues, setStateValues, setProp, prop];\n};\n\nexport default useFilterAggregationValues;\n"],"mappings":"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","ignoreList":[]}

package/lib/hooks/use-portal.js

@@ -0,0 +1,30 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.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.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+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" != _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 && Object.prototype.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; }
+function usePortal() {
+  var rootElemRef = _react["default"].useRef(document.createElement('div'));
+  (0, _react.useEffect)(function () {
+    document.body.appendChild(rootElemRef.current);
+    var element = rootElemRef.current;
+    return function removeElement() {
+      element.remove();
+    };
+  }, []);
+  return rootElemRef.current;
+}
+var _default = exports["default"] = usePortal;
+//# sourceMappingURL=use-portal.js.map

package/lib/hooks/use-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-portal.js","names":["_react","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","usePortal","rootElemRef","React","useRef","document","createElement","useEffect","body","appendChild","current","element","removeElement","remove","_default","exports"],"sources":["../../src/hooks/use-portal.js"],"sourcesContent":["import React, { useEffect } from 'react';\n\nfunction usePortal() {\n  const rootElemRef = React.useRef(document.createElement('div'));\n\n  useEffect(() => {\n    document.body.appendChild(rootElemRef.current);\n\n    const element = rootElemRef.current;\n    return function removeElement() {\n      element.remove();\n    };\n  }, []);\n\n  return rootElemRef.current;\n}\n\nexport default usePortal;\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAyC,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEzC,SAASY,SAASA,CAAA,EAAG;EACnB,IAAMC,WAAW,GAAGC,iBAAK,CAACC,MAAM,CAACC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC,CAAC;EAE/D,IAAAC,gBAAS,EAAC,YAAM;IACdF,QAAQ,CAACG,IAAI,CAACC,WAAW,CAACP,WAAW,CAACQ,OAAO,CAAC;IAE9C,IAAMC,OAAO,GAAGT,WAAW,CAACQ,OAAO;IACnC,OAAO,SAASE,aAAaA,CAAA,EAAG;MAC9BD,OAAO,CAACE,MAAM,CAAC,CAAC;IAClB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOX,WAAW,CAACQ,OAAO;AAC5B;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEcd,SAAS","ignoreList":[]}

package/lib-es/components/Card/Card.js

@@ -99,18 +99,23 @@ const Card = _ref => {
     if (shouldTriggerRouteChange) router.push(`/Resolver`, url);
   };
 
-  // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS
-  const clickProps = url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS ? {
+  // todo: asses whether we make link wrapper default after wider testing with BLAZE_PB_ADD_CLICK_TO_CARDS
+  const useLinkWrapper = url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS;
+  const clickProps = useLinkWrapper ? {
     onClick: handleCardClick,
-    role: 'button'
+    href: url,
+    ariaLabel: name
   } : {};
-  return /*#__PURE__*/React.createElement(Wrapper, wrapperProps, /*#__PURE__*/React.createElement("div", _extends({
+  const CardWrapper = useLinkWrapper ? BlazeLink : 'div';
+  const childLinkHref = useLinkWrapper ? undefined : url;
+  const ChildLinkWrapper = useLinkWrapper ? 'div' : BlazeLink;
+  return /*#__PURE__*/React.createElement(Wrapper, wrapperProps, /*#__PURE__*/React.createElement(CardWrapper, _extends({
     className: classNameWithModifiers
   }, clickProps), shouldDisplayThumbnail && /*#__PURE__*/React.createElement("div", {
     className: getModifiers('card__image', modifiers)
-  }, /*#__PURE__*/React.createElement(BlazeLink, {
+  }, /*#__PURE__*/React.createElement(ChildLinkWrapper, {
     gtmId: gtmId,
-    href: url,
+    href: childLinkHref,
     className: "card__image-link",
     scroll: true
   }, /*#__PURE__*/React.createElement(LazyImage, {
@@ -122,7 +127,7 @@ const Card = _ref => {
     className: contentWrapperModifier
   }, /*#__PURE__*/React.createElement("div", {
     className: getModifiers('card__content', modifiers)
-  }, displayCategory && (publishedListingPage ? /*#__PURE__*/React.createElement(BlazeLink, {
+  }, displayCategory && (publishedListingPage ? /*#__PURE__*/React.createElement(ChildLinkWrapper, {
     gtmId: gtmId,
     href: publishedListingPage,
     className: "badge badge--label",
@@ -131,10 +136,10 @@ const Card = _ref => {
     className: "badge badge--label"
   }, label)), displayTitle && /*#__PURE__*/React.createElement("div", {
     className: titleWrapperModifier
-  }, /*#__PURE__*/React.createElement(BlazeLink, {
+  }, /*#__PURE__*/React.createElement(ChildLinkWrapper, {
     title: linkTitle,
     gtmId: gtmId,
-    href: url,
+    href: childLinkHref,
     scroll: true
   }, headline)), !!pageBuilderComponents.length && /*#__PURE__*/React.createElement("div", {
     className: "card__item card__item--full",

package/lib-es/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","Fragment","useRouter","PropTypes","BlazeLink","ClickWrapper","getModifiers","renderChildren","updateChildrensParent","getClickWrapperOptions","LazyImage","getPublishedListingUrl","useDynamicSizeKey","CARD_STRING","CARD_CHILDREN_WITH_LINKS","BuildPBComponents","Card","_ref","id","image","name","url","graphqlEntityMap","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","parsedPropsToDisplay","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","pageBuilderComponents","__typename","dataEntity","otherProps","_objectWithoutProperties","_excluded","entity","parent","itemId","itemEntity","router","imageSrc","shouldDisplayThumbnail","altText","getImageDefinedProps","modifiers","getInitialModifiers","publishedListingPage","preHeader","label","headline","getCategoryDefinedProps","linkTitle","dynamicSizeKey","shouldUseClickWrapper","wrapperProps","Wrapper","classNameWithModifiers","contentWrapperModifier","titleWrapperModifier","handleCardClick","e","clickEventTag","target","tagName","toLowerCase","clickEventRole","role","shouldTriggerRouteChange","find","childTag","push","clickProps","process","env","BLAZE_PB_ADD_CLICK_TO_CARDS","onClick","createElement","_extends","className","href","scroll","src","alt","sizeKey","title","length","map","prop","i","dynamicKey","propModifier","htmlAttribute","extraProps","props","children","encodeURIComponent","key","propTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { useRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n  getModifiers,\n  renderChildren,\n  updateChildrensParent,\n  getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING, CARD_CHILDREN_WITH_LINKS } from './constants';\nimport BuildPBComponents from '../../hooks/helpers/buildPBComponents';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  graphqlEntityMap,\n  entityProps,\n  alternativePreHeader,\n  alternativeHeadline,\n  category,\n  modifier,\n  parsedPropsToDisplay,\n  propsToDisplay,\n  propsToDisplayModifiers,\n  gtmId,\n  style,\n  priority,\n  cardChildren,\n  gtmChildren,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  enableOverlay,\n  enableCarousel,\n  titleOverlayModifier,\n  overlayModifier,\n  gridModifier,\n  pageBuilderComponents,\n  __typename: dataEntity,\n  ...otherProps\n}) => {\n  const entity = graphqlEntityMap[dataEntity];\n  updateChildrensParent(cardChildren, id, entity);\n  const parent = { itemId: id, itemEntity: entity };\n  const router = useRouter();\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail,\n    name\n  });\n\n  const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n  const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n    alternativePreHeader,\n    category,\n    entity,\n    alternativeHeadline,\n    displayCategory,\n    name\n  });\n\n  const linkTitle = name;\n\n  const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n    gtmChildren,\n    entityProps,\n    id\n  );\n\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n  const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n    enableOverlay && enableCarousel ? overlayModifier : ''\n  }`;\n\n  const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${\n    enableOverlay && enableCarousel ? titleOverlayModifier : ''\n  }`;\n\n  const handleCardClick = e => {\n    if (!url) return;\n\n    const clickEventTag = e.target.tagName.toLowerCase();\n    const clickEventRole = e.target.role;\n    const shouldTriggerRouteChange =\n      clickEventRole !== 'button' &&\n      !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);\n    if (shouldTriggerRouteChange) router.push(`/Resolver`, url);\n  };\n\n  // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS\n  const clickProps =\n    url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS\n      ? {\n          onClick: handleCardClick,\n          role: 'button'\n        }\n      : {};\n  return (\n    <Wrapper {...wrapperProps}>\n      <div className={classNameWithModifiers} {...clickProps}>\n        {shouldDisplayThumbnail && (\n          <div className={getModifiers('card__image', modifiers)}>\n            <BlazeLink gtmId={gtmId} href={url} className=\"card__image-link\" scroll>\n              <LazyImage\n                src={imageSrc}\n                alt={altText}\n                sizeKey={dynamicSizeKey}\n                priority={priority}\n              />\n            </BlazeLink>\n          </div>\n        )}\n        <div className={contentWrapperModifier}>\n          <div className={getModifiers('card__content', modifiers)}>\n            {displayCategory &&\n              (publishedListingPage ? (\n                <BlazeLink\n                  gtmId={gtmId}\n                  href={publishedListingPage}\n                  className=\"badge badge--label\"\n                  scroll>\n                  {preHeader.name}\n                </BlazeLink>\n              ) : (\n                <div className=\"badge badge--label\">{label}</div>\n              ))}\n            {displayTitle && (\n              <div className={titleWrapperModifier}>\n                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n                  {headline}\n                </BlazeLink>\n              </div>\n            )}\n            {!!pageBuilderComponents.length && (\n              <div className=\"card__item card__item--full\" data-testid=\"full-card\">\n                {BuildPBComponents(pageBuilderComponents, { parent })}\n              </div>\n            )}\n            {!!parsedPropsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {parsedPropsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  const { htmlAttribute } = propsToDisplay[i] || {};\n                  const extraProps = {};\n                  if (htmlAttribute && prop.props.children) {\n                    extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);\n                  }\n\n                  return (\n                    <span key={dynamicKey} className={propModifier} {...extraProps}>\n                      {prop}\n                    </span>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {!!cardChildren && (\n            <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n          )}\n        </div>\n      </div>\n    </Wrapper>\n  );\n};\n\nCard.propTypes = {\n  id: PropTypes.string.isRequired,\n  image: PropTypes.shape({\n    url: PropTypes.string,\n    data: PropTypes.object\n  }),\n  graphqlEntityMap: PropTypes.object.isRequired,\n  __typename: PropTypes.string.isRequired,\n  style: PropTypes.string,\n  parsedPropsToDisplay: PropTypes.array,\n  propsToDisplay: PropTypes.array,\n  propsToDisplayModifiers: PropTypes.array,\n  url: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  entityProps: PropTypes.object,\n  gtmId: PropTypes.string,\n  alternativePreHeader: PropTypes.shape({\n    name: PropTypes.string\n  }),\n  alternativeHeadline: PropTypes.string,\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    publishedListingPage: PropTypes.shape({\n      url: PropTypes.string\n    })\n  }),\n  modifier: PropTypes.string,\n  displayCategory: PropTypes.bool.isRequired,\n  displayThumbnail: PropTypes.bool.isRequired,\n  displayTitle: PropTypes.bool.isRequired,\n  enableCarousel: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gridModifier: PropTypes.string,\n  priority: PropTypes.bool,\n  pageBuilderComponents: PropTypes.array\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  pageBuilderComponents: [],\n  image: {\n    url: null,\n    data: {}\n  },\n  gtmId: '',\n  style: 'portrait',\n  parsedPropsToDisplay: [],\n  propsToDisplay: [],\n  propsToDisplayModifiers: [],\n  url: '',\n  alternativePreHeader: null,\n  alternativeHeadline: '',\n  category: null,\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  gridModifier: '',\n  priority: false,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  enableOverlay: false,\n  enableCarousel: false\n};\n\nconst getCategoryDefinedProps = ({\n  alternativePreHeader,\n  category,\n  entity,\n  alternativeHeadline,\n  displayCategory,\n  name\n}) => {\n  const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n  const preHeader =\n    alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n  const publishedListingPage = getPublishedListingUrl(preHeader);\n  const label = preHeader ? preHeader.name : entity;\n  const headline =\n    !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n  return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail, name }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || name;\n  return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n  const modifiers = [modifier, style];\n  const { sponsored, featured } = otherProps;\n  if (sponsored) modifiers.push('sponsored');\n  if (featured) modifiers.push('featured');\n\n  return modifiers;\n};\n\nexport default Card;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAQ,aAAa;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,SACEC,YAAY,EACZC,cAAc,EACdC,qBAAqB,EACrBC,sBAAsB,QACjB,eAAe;AACtB,OAAOC,SAAS,MAAM,cAAc;AACpC,SAASC,sBAAsB,EAAEC,iBAAiB,QAAQ,WAAW;AACrE,SAASC,WAAW,EAAEC,wBAAwB,QAAQ,aAAa;AACnE,OAAOC,iBAAiB,MAAM,uCAAuC;AAErE,MAAMC,IAAI,GAAGC,IAAA,IA8BP;EAAA,IA9BQ;MACZC,EAAE;MACFC,KAAK;MACLC,IAAI;MACJC,GAAG;MACHC,gBAAgB;MAChBC,WAAW;MACXC,oBAAoB;MACpBC,mBAAmB;MACnBC,QAAQ;MACRC,QAAQ;MACRC,oBAAoB;MACpBC,cAAc;MACdC,uBAAuB;MACvBC,KAAK;MACLC,KAAK;MACLC,QAAQ;MACRC,YAAY;MACZC,WAAW;MACXC,eAAe;MACfC,gBAAgB;MAChBC,YAAY;MACZC,aAAa;MACbC,cAAc;MACdC,oBAAoB;MACpBC,eAAe;MACfC,YAAY;MACZC,qBAAqB;MACrBC,UAAU,EAAEC;IAEd,CAAC,GAAA7B,IAAA;IADI8B,UAAU,GAAAC,wBAAA,CAAA/B,IAAA,EAAAgC,SAAA;EAEb,MAAMC,MAAM,GAAG5B,gBAAgB,CAACwB,UAAU,CAAC;EAC3CtC,qBAAqB,CAAC0B,YAAY,EAAEhB,EAAE,EAAEgC,MAAM,CAAC;EAC/C,MAAMC,MAAM,GAAG;IAAEC,MAAM,EAAElC,EAAE;IAAEmC,UAAU,EAAEH;EAAO,CAAC;EACjD,MAAMI,MAAM,GAAGpD,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEqD,QAAQ;IAAEC,sBAAsB;IAAEC;EAAQ,CAAC,GAAGC,oBAAoB,CAAC;IACzEvC,KAAK;IACLkB,gBAAgB;IAChBjB;EACF,CAAC,CAAC;EAEF,MAAMuC,SAAS,GAAGC,mBAAmB,CAAC;IAAEjC,QAAQ;IAAEK,KAAK;IAAEe;EAAW,CAAC,CAAC;EAEtE,MAAM;IAAEc,oBAAoB;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGC,uBAAuB,CAAC;IACnFzC,oBAAoB;IACpBE,QAAQ;IACRwB,MAAM;IACNzB,mBAAmB;IACnBW,eAAe;IACfhB;EACF,CAAC,CAAC;EAEF,MAAM8C,SAAS,GAAG9C,IAAI;EAEtB,MAAM+C,cAAc,GAAGvD,iBAAiB,CAACC,WAAW,EAAE;IAAEmB,KAAK;IAAEW,YAAY;IAAEhB;EAAS,CAAC,CAAC;EAExF,MAAM;IAAEyC,qBAAqB;IAAEC;EAAa,CAAC,GAAG5D,sBAAsB,CACpE0B,WAAW,EACXZ,WAAW,EACXL,EACF,CAAC;EAED,MAAMoD,OAAO,GAAGF,qBAAqB,GAAG/D,YAAY,GAAGJ,QAAQ;EAE/D,MAAMsE,sBAAsB,GAAGjE,YAAY,CAACO,WAAW,EAAE8C,SAAS,CAAC;EAEnE,MAAMa,sBAAsB,GAAI,GAAElE,YAAY,CAAC,uBAAuB,EAAEqD,SAAS,CAAE,IACjFpB,aAAa,IAAIC,cAAc,GAAGE,eAAe,GAAG,EACrD,EAAC;EAEF,MAAM+B,oBAAoB,GAAI,GAAEnE,YAAY,CAAC,aAAa,EAAEqD,SAAS,CAAE,IACrEpB,aAAa,IAAIC,cAAc,GAAGC,oBAAoB,GAAG,EAC1D,EAAC;EAEF,MAAMiC,eAAe,GAAGC,CAAC,IAAI;IAC3B,IAAI,CAACtD,GAAG,EAAE;IAEV,MAAMuD,aAAa,GAAGD,CAAC,CAACE,MAAM,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;IACpD,MAAMC,cAAc,GAAGL,CAAC,CAACE,MAAM,CAACI,IAAI;IACpC,MAAMC,wBAAwB,GAC5BF,cAAc,KAAK,QAAQ,IAC3B,CAAClE,wBAAwB,CAACqE,IAAI,CAACC,QAAQ,IAAIA,QAAQ,KAAKR,aAAa,CAAC;IACxE,IAAIM,wBAAwB,EAAE5B,MAAM,CAAC+B,IAAI,CAAE,WAAU,EAAEhE,GAAG,CAAC;EAC7D,CAAC;;EAED;EACA,MAAMiE,UAAU,GACdjE,GAAG,IAAIkE,OAAO,CAACC,GAAG,CAACC,2BAA2B,GAC1C;IACEC,OAAO,EAAEhB,eAAe;IACxBO,IAAI,EAAE;EACR,CAAC,GACD,CAAC,CAAC;EACR,oBACEjF,KAAA,CAAA2F,aAAA,CAACrB,OAAO,EAAKD,YAAY,eACvBrE,KAAA,CAAA2F,aAAA,QAAAC,QAAA;IAAKC,SAAS,EAAEtB;EAAuB,GAAKe,UAAU,GACnD9B,sBAAsB,iBACrBxD,KAAA,CAAA2F,aAAA;IAAKE,SAAS,EAAEvF,YAAY,CAAC,aAAa,EAAEqD,SAAS;EAAE,gBACrD3D,KAAA,CAAA2F,aAAA,CAACvF,SAAS;IAAC2B,KAAK,EAAEA,KAAM;IAAC+D,IAAI,EAAEzE,GAAI;IAACwE,SAAS,EAAC,kBAAkB;IAACE,MAAM;EAAA,gBACrE/F,KAAA,CAAA2F,aAAA,CAACjF,SAAS;IACRsF,GAAG,EAAEzC,QAAS;IACd0C,GAAG,EAAExC,OAAQ;IACbyC,OAAO,EAAE/B,cAAe;IACxBlC,QAAQ,EAAEA;EAAS,CACpB,CACQ,CACR,CACN,eACDjC,KAAA,CAAA2F,aAAA;IAAKE,SAAS,EAAErB;EAAuB,gBACrCxE,KAAA,CAAA2F,aAAA;IAAKE,SAAS,EAAEvF,YAAY,CAAC,eAAe,EAAEqD,SAAS;EAAE,GACtDvB,eAAe,KACbyB,oBAAoB,gBACnB7D,KAAA,CAAA2F,aAAA,CAACvF,SAAS;IACR2B,KAAK,EAAEA,KAAM;IACb+D,IAAI,EAAEjC,oBAAqB;IAC3BgC,SAAS,EAAC,oBAAoB;IAC9BE,MAAM;EAAA,GACLjC,SAAS,CAAC1C,IACF,CAAC,gBAEZpB,KAAA,CAAA2F,aAAA;IAAKE,SAAS,EAAC;EAAoB,GAAE9B,KAAW,CACjD,CAAC,EACHzB,YAAY,iBACXtC,KAAA,CAAA2F,aAAA;IAAKE,SAAS,EAAEpB;EAAqB,gBACnCzE,KAAA,CAAA2F,aAAA,CAACvF,SAAS;IAAC+F,KAAK,EAAEjC,SAAU;IAACnC,KAAK,EAAEA,KAAM;IAAC+D,IAAI,EAAEzE,GAAI;IAAC0E,MAAM;EAAA,GACzD/B,QACQ,CACR,CACN,EACA,CAAC,CAACpB,qBAAqB,CAACwD,MAAM,iBAC7BpG,KAAA,CAAA2F,aAAA;IAAKE,SAAS,EAAC,6BAA6B;IAAC,eAAY;EAAW,GACjE9E,iBAAiB,CAAC6B,qBAAqB,EAAE;IAAEO;EAAO,CAAC,CACjD,CACN,EACA,CAAC,CAACvB,oBAAoB,CAACwE,MAAM,iBAC5BpG,KAAA,CAAA2F,aAAA;IAAKE,SAAS,EAAEvF,YAAY,CAAC,eAAe,EAAEqD,SAAS;EAAE,GACtD/B,oBAAoB,CAACyE,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KAAK;IACrC,IAAI,CAACD,IAAI,EAAE,OAAO,IAAI;IAEtB,MAAME,UAAU,GAAI,GAAEtF,EAAG,GAAEqF,CAAE,EAAC;IAC9B,MAAME,YAAY,GAAG3E,uBAAuB,CAACyE,CAAC,CAAC,IAAI,EAAE;IAErD,MAAM;MAAEG;IAAc,CAAC,GAAG7E,cAAc,CAAC0E,CAAC,CAAC,IAAI,CAAC,CAAC;IACjD,MAAMI,UAAU,GAAG,CAAC,CAAC;IACrB,IAAID,aAAa,IAAIJ,IAAI,CAACM,KAAK,CAACC,QAAQ,EAAE;MACxCF,UAAU,CAACD,aAAa,CAAC,GAAGI,kBAAkB,CAACR,IAAI,CAACM,KAAK,CAACC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxE;IAEA,oBACE7G,KAAA,CAAA2F,aAAA,SAAAC,QAAA;MAAMmB,GAAG,EAAEP,UAAW;MAACX,SAAS,EAAEY;IAAa,GAAKE,UAAU,GAC3DL,IACG,CAAC;EAEX,CAAC,CACE,CAEJ,CAAC,EACL,CAAC,CAACpE,YAAY,iBACblC,KAAA,CAAA2F,aAAA;IAAKE,SAAS,EAAC;EAAqB,GAAEtF,cAAc,CAAC2B,YAAY,CAAO,CAEvE,CACF,CACE,CAAC;AAEd,CAAC;AAEDlB,IAAI,CAACgG,SAAS,GAAG;EACf9F,EAAE,EAAEf,SAAS,CAAC8G,MAAM,CAACC,UAAU;EAC/B/F,KAAK,EAAEhB,SAAS,CAACgH,KAAK,CAAC;IACrB9F,GAAG,EAAElB,SAAS,CAAC8G,MAAM;IACrBG,IAAI,EAAEjH,SAAS,CAACkH;EAClB,CAAC,CAAC;EACF/F,gBAAgB,EAAEnB,SAAS,CAACkH,MAAM,CAACH,UAAU;EAC7CrE,UAAU,EAAE1C,SAAS,CAAC8G,MAAM,CAACC,UAAU;EACvClF,KAAK,EAAE7B,SAAS,CAAC8G,MAAM;EACvBrF,oBAAoB,EAAEzB,SAAS,CAACmH,KAAK;EACrCzF,cAAc,EAAE1B,SAAS,CAACmH,KAAK;EAC/BxF,uBAAuB,EAAE3B,SAAS,CAACmH,KAAK;EACxCjG,GAAG,EAAElB,SAAS,CAAC8G,MAAM;EACrB7F,IAAI,EAAEjB,SAAS,CAAC8G,MAAM,CAACC,UAAU;EACjC3F,WAAW,EAAEpB,SAAS,CAACkH,MAAM;EAC7BtF,KAAK,EAAE5B,SAAS,CAAC8G,MAAM;EACvBzF,oBAAoB,EAAErB,SAAS,CAACgH,KAAK,CAAC;IACpC/F,IAAI,EAAEjB,SAAS,CAAC8G;EAClB,CAAC,CAAC;EACFxF,mBAAmB,EAAEtB,SAAS,CAAC8G,MAAM;EACrCvF,QAAQ,EAAEvB,SAAS,CAACgH,KAAK,CAAC;IACxB/F,IAAI,EAAEjB,SAAS,CAAC8G,MAAM;IACtBpD,oBAAoB,EAAE1D,SAAS,CAACgH,KAAK,CAAC;MACpC9F,GAAG,EAAElB,SAAS,CAAC8G;IACjB,CAAC;EACH,CAAC,CAAC;EACFtF,QAAQ,EAAExB,SAAS,CAAC8G,MAAM;EAC1B7E,eAAe,EAAEjC,SAAS,CAACoH,IAAI,CAACL,UAAU;EAC1C7E,gBAAgB,EAAElC,SAAS,CAACoH,IAAI,CAACL,UAAU;EAC3C5E,YAAY,EAAEnC,SAAS,CAACoH,IAAI,CAACL,UAAU;EACvC1E,cAAc,EAAErC,SAAS,CAACoH,IAAI;EAC9BhF,aAAa,EAAEpC,SAAS,CAACoH,IAAI;EAC7B7E,eAAe,EAAEvC,SAAS,CAAC8G,MAAM;EACjCxE,oBAAoB,EAAEtC,SAAS,CAAC8G,MAAM;EACtC/E,YAAY,EAAE/B,SAAS,CAACqH,SAAS,CAAC,CAACrH,SAAS,CAACsH,OAAO,CAACtH,SAAS,CAACuH,IAAI,CAAC,EAAEvH,SAAS,CAACuH,IAAI,CAAC,CAAC;EACtFvF,WAAW,EAAEhC,SAAS,CAACqH,SAAS,CAAC,CAACrH,SAAS,CAACsH,OAAO,CAACtH,SAAS,CAACuH,IAAI,CAAC,EAAEvH,SAAS,CAACuH,IAAI,CAAC,CAAC;EACrF/E,YAAY,EAAExC,SAAS,CAAC8G,MAAM;EAC9BhF,QAAQ,EAAE9B,SAAS,CAACoH,IAAI;EACxB3E,qBAAqB,EAAEzC,SAAS,CAACmH;AACnC,CAAC;AAEDtG,IAAI,CAAC2G,YAAY,GAAG;EAClBpG,WAAW,EAAE,CAAC,CAAC;EACfqB,qBAAqB,EAAE,EAAE;EACzBzB,KAAK,EAAE;IACLE,GAAG,EAAE,IAAI;IACT+F,IAAI,EAAE,CAAC;EACT,CAAC;EACDrF,KAAK,EAAE,EAAE;EACTC,KAAK,EAAE,UAAU;EACjBJ,oBAAoB,EAAE,EAAE;EACxBC,cAAc,EAAE,EAAE;EAClBC,uBAAuB,EAAE,EAAE;EAC3BT,GAAG,EAAE,EAAE;EACPG,oBAAoB,EAAE,IAAI;EAC1BC,mBAAmB,EAAE,EAAE;EACvBC,QAAQ,EAAE,IAAI;EACdC,QAAQ,EAAE,EAAE;EACZO,YAAY,EAAE,EAAE;EAChBC,WAAW,EAAE,EAAE;EACfQ,YAAY,EAAE,EAAE;EAChBV,QAAQ,EAAE,KAAK;EACfS,eAAe,EAAE,EAAE;EACnBD,oBAAoB,EAAE,EAAE;EACxBF,aAAa,EAAE,KAAK;EACpBC,cAAc,EAAE;AAClB,CAAC;AAED,MAAMyB,uBAAuB,GAAGA,CAAC;EAC/BzC,oBAAoB;EACpBE,QAAQ;EACRwB,MAAM;EACNzB,mBAAmB;EACnBW,eAAe;EACfhB;AACF,CAAC,KAAK;EACJ,MAAMwG,uBAAuB,GAAGpG,oBAAoB,IAAIA,oBAAoB,CAACJ,IAAI;EACjF,MAAM0C,SAAS,GACbrC,mBAAmB,IAAImG,uBAAuB,GAAGpG,oBAAoB,GAAGE,QAAQ;EAClF,MAAMmC,oBAAoB,GAAGlD,sBAAsB,CAACmD,SAAS,CAAC;EAC9D,MAAMC,KAAK,GAAGD,SAAS,GAAGA,SAAS,CAAC1C,IAAI,GAAG8B,MAAM;EACjD,MAAMc,QAAQ,GACZ,CAAC5B,eAAe,IAAI,CAACwF,uBAAuB,GAAGxG,IAAI,GAAGK,mBAAmB,IAAIL,IAAI;EACnF,OAAO;IAAEyC,oBAAoB;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAS,CAAC;AAC7D,CAAC;AAED,MAAMN,oBAAoB,GAAGA,CAAC;EAAEvC,KAAK;EAAEkB,gBAAgB;EAAEjB;AAAK,CAAC,KAAK;EAClE,MAAM;IAAEC,GAAG,EAAEkC,QAAQ;IAAE6D;EAAK,CAAC,GAAGjG,KAAK,IAAI,CAAC,CAAC;EAC3C,MAAMqC,sBAAsB,GAAGnB,gBAAgB,IAAIkB,QAAQ;EAC3D,MAAME,OAAO,GAAI2D,IAAI,IAAIA,IAAI,CAAC3D,OAAO,IAAKrC,IAAI;EAC9C,OAAO;IAAEmC,QAAQ;IAAEC,sBAAsB;IAAEC;EAAQ,CAAC;AACtD,CAAC;AAED,MAAMG,mBAAmB,GAAGA,CAAC;EAAEjC,QAAQ;EAAEK,KAAK;EAAEe;AAAW,CAAC,KAAK;EAC/D,MAAMY,SAAS,GAAG,CAAChC,QAAQ,EAAEK,KAAK,CAAC;EACnC,MAAM;IAAE6F,SAAS;IAAEC;EAAS,CAAC,GAAG/E,UAAU;EAC1C,IAAI8E,SAAS,EAAElE,SAAS,CAAC0B,IAAI,CAAC,WAAW,CAAC;EAC1C,IAAIyC,QAAQ,EAAEnE,SAAS,CAAC0B,IAAI,CAAC,UAAU,CAAC;EAExC,OAAO1B,SAAS;AAClB,CAAC;AAED,eAAe3C,IAAI","ignoreList":[]}
+{"version":3,"file":"Card.js","names":["React","Fragment","useRouter","PropTypes","BlazeLink","ClickWrapper","getModifiers","renderChildren","updateChildrensParent","getClickWrapperOptions","LazyImage","getPublishedListingUrl","useDynamicSizeKey","CARD_STRING","CARD_CHILDREN_WITH_LINKS","BuildPBComponents","Card","_ref","id","image","name","url","graphqlEntityMap","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","parsedPropsToDisplay","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","pageBuilderComponents","__typename","dataEntity","otherProps","_objectWithoutProperties","_excluded","entity","parent","itemId","itemEntity","router","imageSrc","shouldDisplayThumbnail","altText","getImageDefinedProps","modifiers","getInitialModifiers","publishedListingPage","preHeader","label","headline","getCategoryDefinedProps","linkTitle","dynamicSizeKey","shouldUseClickWrapper","wrapperProps","Wrapper","classNameWithModifiers","contentWrapperModifier","titleWrapperModifier","handleCardClick","e","clickEventTag","target","tagName","toLowerCase","clickEventRole","role","shouldTriggerRouteChange","find","childTag","push","useLinkWrapper","process","env","BLAZE_PB_ADD_CLICK_TO_CARDS","clickProps","onClick","href","ariaLabel","CardWrapper","childLinkHref","undefined","ChildLinkWrapper","createElement","_extends","className","scroll","src","alt","sizeKey","title","length","map","prop","i","dynamicKey","propModifier","htmlAttribute","extraProps","props","children","encodeURIComponent","key","propTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","sponsored","featured"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { useRouter } from 'next/router';\nimport PropTypes from 'prop-types';\nimport BlazeLink from '../BlazeLink';\nimport ClickWrapper from '../ClickWrapper';\nimport {\n  getModifiers,\n  renderChildren,\n  updateChildrensParent,\n  getClickWrapperOptions\n} from '../../helpers';\nimport LazyImage from '../LazyImage';\nimport { getPublishedListingUrl, useDynamicSizeKey } from './helpers';\nimport { CARD_STRING, CARD_CHILDREN_WITH_LINKS } from './constants';\nimport BuildPBComponents from '../../hooks/helpers/buildPBComponents';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  graphqlEntityMap,\n  entityProps,\n  alternativePreHeader,\n  alternativeHeadline,\n  category,\n  modifier,\n  parsedPropsToDisplay,\n  propsToDisplay,\n  propsToDisplayModifiers,\n  gtmId,\n  style,\n  priority,\n  cardChildren,\n  gtmChildren,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  enableOverlay,\n  enableCarousel,\n  titleOverlayModifier,\n  overlayModifier,\n  gridModifier,\n  pageBuilderComponents,\n  __typename: dataEntity,\n  ...otherProps\n}) => {\n  const entity = graphqlEntityMap[dataEntity];\n  updateChildrensParent(cardChildren, id, entity);\n  const parent = { itemId: id, itemEntity: entity };\n  const router = useRouter();\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail,\n    name\n  });\n\n  const modifiers = getInitialModifiers({ modifier, style, otherProps });\n\n  const { publishedListingPage, preHeader, label, headline } = getCategoryDefinedProps({\n    alternativePreHeader,\n    category,\n    entity,\n    alternativeHeadline,\n    displayCategory,\n    name\n  });\n\n  const linkTitle = name;\n\n  const dynamicSizeKey = useDynamicSizeKey(CARD_STRING, { style, gridModifier, modifier });\n\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(\n    gtmChildren,\n    entityProps,\n    id\n  );\n\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);\n\n  const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${\n    enableOverlay && enableCarousel ? overlayModifier : ''\n  }`;\n\n  const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${\n    enableOverlay && enableCarousel ? titleOverlayModifier : ''\n  }`;\n\n  const handleCardClick = e => {\n    if (!url) return;\n\n    const clickEventTag = e.target.tagName.toLowerCase();\n    const clickEventRole = e.target.role;\n    const shouldTriggerRouteChange =\n      clickEventRole !== 'button' &&\n      !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);\n    if (shouldTriggerRouteChange) router.push(`/Resolver`, url);\n  };\n\n  // todo: asses whether we make link wrapper default after wider testing with BLAZE_PB_ADD_CLICK_TO_CARDS\n  const useLinkWrapper = url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS;\n  const clickProps = useLinkWrapper\n    ? {\n        onClick: handleCardClick,\n        href: url,\n        ariaLabel: name\n      }\n    : {};\n  const CardWrapper = useLinkWrapper ? BlazeLink : 'div';\n  const childLinkHref = useLinkWrapper ? undefined : url;\n  const ChildLinkWrapper = useLinkWrapper ? 'div' : BlazeLink;\n\n  return (\n    <Wrapper {...wrapperProps}>\n      <CardWrapper className={classNameWithModifiers} {...clickProps}>\n        {shouldDisplayThumbnail && (\n          <div className={getModifiers('card__image', modifiers)}>\n            <ChildLinkWrapper\n              gtmId={gtmId}\n              href={childLinkHref}\n              className=\"card__image-link\"\n              scroll>\n              <LazyImage\n                src={imageSrc}\n                alt={altText}\n                sizeKey={dynamicSizeKey}\n                priority={priority}\n              />\n            </ChildLinkWrapper>\n          </div>\n        )}\n        <div className={contentWrapperModifier}>\n          <div className={getModifiers('card__content', modifiers)}>\n            {displayCategory &&\n              (publishedListingPage ? (\n                <ChildLinkWrapper\n                  gtmId={gtmId}\n                  href={publishedListingPage}\n                  className=\"badge badge--label\"\n                  scroll>\n                  {preHeader.name}\n                </ChildLinkWrapper>\n              ) : (\n                <div className=\"badge badge--label\">{label}</div>\n              ))}\n            {displayTitle && (\n              <div className={titleWrapperModifier}>\n                <ChildLinkWrapper title={linkTitle} gtmId={gtmId} href={childLinkHref} scroll>\n                  {headline}\n                </ChildLinkWrapper>\n              </div>\n            )}\n            {!!pageBuilderComponents.length && (\n              <div className=\"card__item card__item--full\" data-testid=\"full-card\">\n                {BuildPBComponents(pageBuilderComponents, { parent })}\n              </div>\n            )}\n            {!!parsedPropsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {parsedPropsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  const { htmlAttribute } = propsToDisplay[i] || {};\n                  const extraProps = {};\n                  if (htmlAttribute && prop.props.children) {\n                    extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);\n                  }\n\n                  return (\n                    <span key={dynamicKey} className={propModifier} {...extraProps}>\n                      {prop}\n                    </span>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {!!cardChildren && (\n            <div className=\"card__child-content\">{renderChildren(cardChildren)}</div>\n          )}\n        </div>\n      </CardWrapper>\n    </Wrapper>\n  );\n};\n\nCard.propTypes = {\n  id: PropTypes.string.isRequired,\n  image: PropTypes.shape({\n    url: PropTypes.string,\n    data: PropTypes.object\n  }),\n  graphqlEntityMap: PropTypes.object.isRequired,\n  __typename: PropTypes.string.isRequired,\n  style: PropTypes.string,\n  parsedPropsToDisplay: PropTypes.array,\n  propsToDisplay: PropTypes.array,\n  propsToDisplayModifiers: PropTypes.array,\n  url: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  entityProps: PropTypes.object,\n  gtmId: PropTypes.string,\n  alternativePreHeader: PropTypes.shape({\n    name: PropTypes.string\n  }),\n  alternativeHeadline: PropTypes.string,\n  category: PropTypes.shape({\n    name: PropTypes.string,\n    publishedListingPage: PropTypes.shape({\n      url: PropTypes.string\n    })\n  }),\n  modifier: PropTypes.string,\n  displayCategory: PropTypes.bool.isRequired,\n  displayThumbnail: PropTypes.bool.isRequired,\n  displayTitle: PropTypes.bool.isRequired,\n  enableCarousel: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gridModifier: PropTypes.string,\n  priority: PropTypes.bool,\n  pageBuilderComponents: PropTypes.array\n};\n\nCard.defaultProps = {\n  entityProps: {},\n  pageBuilderComponents: [],\n  image: {\n    url: null,\n    data: {}\n  },\n  gtmId: '',\n  style: 'portrait',\n  parsedPropsToDisplay: [],\n  propsToDisplay: [],\n  propsToDisplayModifiers: [],\n  url: '',\n  alternativePreHeader: null,\n  alternativeHeadline: '',\n  category: null,\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  gridModifier: '',\n  priority: false,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  enableOverlay: false,\n  enableCarousel: false\n};\n\nconst getCategoryDefinedProps = ({\n  alternativePreHeader,\n  category,\n  entity,\n  alternativeHeadline,\n  displayCategory,\n  name\n}) => {\n  const hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;\n  const preHeader =\n    alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;\n  const publishedListingPage = getPublishedListingUrl(preHeader);\n  const label = preHeader ? preHeader.name : entity;\n  const headline =\n    !displayCategory || !hasAlternativePreHeader ? name : alternativeHeadline || name;\n  return { publishedListingPage, preHeader, label, headline };\n};\n\nconst getImageDefinedProps = ({ image, displayThumbnail, name }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || name;\n  return { imageSrc, shouldDisplayThumbnail, altText };\n};\n\nconst getInitialModifiers = ({ modifier, style, otherProps }) => {\n  const modifiers = [modifier, style];\n  const { sponsored, featured } = otherProps;\n  if (sponsored) modifiers.push('sponsored');\n  if (featured) modifiers.push('featured');\n\n  return modifiers;\n};\n\nexport default Card;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/Card/CardsContainer.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "graphqlEntityMap", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableSmoothScroll", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "overlayModifier", "titleOverlayModifier"],
+const _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "graphqlEntityMap", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableSmoothScroll", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "overlayModifier", "titleOverlayModifier", "VariantComponent"],
   _excluded2 = ["baseAdunit", "id"];
 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) { _defineProperty(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; }
@@ -42,7 +42,8 @@ const CardContainer = _ref => {
       enableOverlay,
       autoScrollTimer,
       overlayModifier,
-      titleOverlayModifier
+      titleOverlayModifier,
+      VariantComponent
     } = _ref,
     cardProps = _objectWithoutProperties(_ref, _excluded);
   const {
@@ -56,7 +57,8 @@ const CardContainer = _ref => {
   const parsedCardsData = getEntitiesWithBanner(cardData, cardProps, hasNewBannerSettings);
   const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);
   const dynamicWrapperSizes = enableCarousel ? '' : getDynamicGridClasses('grid', itemsPerRow, designConfig);
-  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;
+  const InitialWrapper = enableCarousel ? CarouselWrapper : Wrapper;
+  const CardWrapper = VariantComponent || InitialWrapper;
   let bannerIndex = 0;
   return /*#__PURE__*/React.createElement(CardWrapper, {
     className: dynamicWrapperSizes,
@@ -152,7 +154,8 @@ CardContainer.propTypes = {
   enableOverlay: PropTypes.bool,
   overlayModifier: PropTypes.string,
   titleOverlayModifier: PropTypes.string,
-  autoScrollTimer: PropTypes.number
+  autoScrollTimer: PropTypes.number,
+  VariantComponent: PropTypes.func
 };
 CardContainer.defaultProps = {
   gtmChildren: [],
@@ -176,7 +179,8 @@ CardContainer.defaultProps = {
   enableOverlay: false,
   autoScrollTimer: 0,
   overlayModifier: '',
-  titleOverlayModifier: ''
+  titleOverlayModifier: '',
+  VariantComponent: null
 };
 export default withTitle(CardContainer);
 //# sourceMappingURL=CardsContainer.js.map

package/lib-es/components/Card/CardsContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardsContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","checkIfShouldRenderBanner","checkNewBannerSettings","CardContainer","_ref","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","legacyEntity","graphqlEntityMap","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableSmoothScroll","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","_objectWithoutProperties","_excluded","itemId","banner","hasNewBannerSettings","parsedCardsData","propsToDisplayModifiers","dynamicWrapperSizes","CardWrapper","bannerIndex","createElement","className","modifiers","numberOfCards","length","map","currentEntity","index","baseAdunit","id","entityProps","_excluded2","shouldRenderBanner","extraProps","dynamicKey","join","priority","parsedCardProps","_objectSpread","key","parsedPropsToDisplay","gtmId","bannerProps","type","Fragment","_extends","__typename","renderCounter","propTypes","pageBuilderComponents","array","isRequired","object","string","oneOfType","arrayOf","node","bool","number","defaultProps"],"sources":["../../../src/components/Card/CardsContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\nimport { checkIfShouldRenderBanner, checkNewBannerSettings } from '../List/components/helpers';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity: legacyEntity,\n  graphqlEntityMap,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableSmoothScroll,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const { itemId } = useContext(MainContext);\n  const { banner } = cardProps;\n  // TODO: remove this check and all associated code once old banner setup is no longer supported\n  const hasNewBannerSettings = checkNewBannerSettings(banner);\n  const parsedCardsData = getEntitiesWithBanner(cardData, cardProps, hasNewBannerSettings);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n  let bannerIndex = 0;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      enableSmoothScroll={enableSmoothScroll}\n      autoScrollTimer={autoScrollTimer}\n      numberOfCards={parsedCardsData.length}>\n      {parsedCardsData.map((currentEntity, index) => {\n        const { baseAdunit, id, ...entityProps } = currentEntity;\n        const shouldRenderBanner = !!banner && checkIfShouldRenderBanner(index, banner);\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        const priority = !!enableSmoothScroll || (priorityLimit > 0 && index + 1 <= priorityLimit);\n        if (hasNewBannerSettings && shouldRenderBanner) bannerIndex += 1;\n        if (!hasNewBannerSettings && baseAdunit) bannerIndex += 1;\n        const parsedCardProps = {\n          key: id,\n          id,\n          enableCarousel,\n          graphqlEntityMap,\n          propsToDisplay,\n          parsedPropsToDisplay: extraProps,\n          propsToDisplayModifiers,\n          modifier,\n          style,\n          cardChildren,\n          gtmChildren,\n          gtmId: name,\n          gridModifier,\n          entityProps,\n          displayCategory,\n          displayThumbnail,\n          displayTitle,\n          priority,\n          enableOverlay,\n          overlayModifier,\n          titleOverlayModifier,\n          ...entityProps\n        };\n        const bannerProps = { ...banner, type: 'banner' };\n\n        if (hasNewBannerSettings)\n          return (\n            <>\n              <Card key={id} {...parsedCardProps} />\n              {shouldRenderBanner && (\n                <Banner\n                  key={dynamicKey}\n                  entity={graphqlEntityMap[entityProps.__typename]}\n                  baseAdunit={baseAdunit}\n                  {...entityProps}\n                  {...bannerProps}\n                  modifier={modifier}\n                  renderCounter={bannerIndex}\n                />\n              )}\n            </>\n          );\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={graphqlEntityMap[entityProps.__typename]}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            {...bannerProps}\n            modifier={modifier}\n            renderCounter={bannerIndex}\n          />\n        ) : (\n          <Card key={id} {...parsedCardProps} />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  pageBuilderComponents: PropTypes.array,\n  cardData: PropTypes.array.isRequired,\n  graphqlEntityMap: PropTypes.object.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableSmoothScroll: PropTypes.bool,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  pageBuilderComponents: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableSmoothScroll: false,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CardsContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","checkIfShouldRenderBanner","checkNewBannerSettings","CardContainer","_ref","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","legacyEntity","graphqlEntityMap","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableSmoothScroll","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","VariantComponent","cardProps","_objectWithoutProperties","_excluded","itemId","banner","hasNewBannerSettings","parsedCardsData","propsToDisplayModifiers","dynamicWrapperSizes","InitialWrapper","CardWrapper","bannerIndex","createElement","className","modifiers","numberOfCards","length","map","currentEntity","index","baseAdunit","id","entityProps","_excluded2","shouldRenderBanner","extraProps","dynamicKey","join","priority","parsedCardProps","_objectSpread","key","parsedPropsToDisplay","gtmId","bannerProps","type","Fragment","_extends","__typename","renderCounter","propTypes","pageBuilderComponents","array","isRequired","object","string","oneOfType","arrayOf","node","bool","number","func","defaultProps"],"sources":["../../../src/components/Card/CardsContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\nimport { checkIfShouldRenderBanner, checkNewBannerSettings } from '../List/components/helpers';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity: legacyEntity,\n  graphqlEntityMap,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableSmoothScroll,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  overlayModifier,\n  titleOverlayModifier,\n  VariantComponent,\n  ...cardProps\n}) => {\n  const { itemId } = useContext(MainContext);\n  const { banner } = cardProps;\n  // TODO: remove this check and all associated code once old banner setup is no longer supported\n  const hasNewBannerSettings = checkNewBannerSettings(banner);\n  const parsedCardsData = getEntitiesWithBanner(cardData, cardProps, hasNewBannerSettings);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  const InitialWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n  const CardWrapper = VariantComponent || InitialWrapper;\n  let bannerIndex = 0;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      enableSmoothScroll={enableSmoothScroll}\n      autoScrollTimer={autoScrollTimer}\n      numberOfCards={parsedCardsData.length}>\n      {parsedCardsData.map((currentEntity, index) => {\n        const { baseAdunit, id, ...entityProps } = currentEntity;\n        const shouldRenderBanner = !!banner && checkIfShouldRenderBanner(index, banner);\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        const priority = !!enableSmoothScroll || (priorityLimit > 0 && index + 1 <= priorityLimit);\n        if (hasNewBannerSettings && shouldRenderBanner) bannerIndex += 1;\n        if (!hasNewBannerSettings && baseAdunit) bannerIndex += 1;\n        const parsedCardProps = {\n          key: id,\n          id,\n          enableCarousel,\n          graphqlEntityMap,\n          propsToDisplay,\n          parsedPropsToDisplay: extraProps,\n          propsToDisplayModifiers,\n          modifier,\n          style,\n          cardChildren,\n          gtmChildren,\n          gtmId: name,\n          gridModifier,\n          entityProps,\n          displayCategory,\n          displayThumbnail,\n          displayTitle,\n          priority,\n          enableOverlay,\n          overlayModifier,\n          titleOverlayModifier,\n          ...entityProps\n        };\n        const bannerProps = { ...banner, type: 'banner' };\n\n        if (hasNewBannerSettings)\n          return (\n            <>\n              <Card key={id} {...parsedCardProps} />\n              {shouldRenderBanner && (\n                <Banner\n                  key={dynamicKey}\n                  entity={graphqlEntityMap[entityProps.__typename]}\n                  baseAdunit={baseAdunit}\n                  {...entityProps}\n                  {...bannerProps}\n                  modifier={modifier}\n                  renderCounter={bannerIndex}\n                />\n              )}\n            </>\n          );\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={graphqlEntityMap[entityProps.__typename]}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            {...bannerProps}\n            modifier={modifier}\n            renderCounter={bannerIndex}\n          />\n        ) : (\n          <Card key={id} {...parsedCardProps} />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  pageBuilderComponents: PropTypes.array,\n  cardData: PropTypes.array.isRequired,\n  graphqlEntityMap: PropTypes.object.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableSmoothScroll: PropTypes.bool,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  VariantComponent: PropTypes.func\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  pageBuilderComponents: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableSmoothScroll: false,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  VariantComponent: null\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,WAAW,QAAQ,8BAA8B;AAC1D,SAASC,SAAS,QAAQ,WAAW;AACrC,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,IAAI,MAAM,QAAQ;AACzB,SAASC,qBAAqB,QAAQ,WAAW;AACjD,SAASC,qBAAqB,EAAEC,mBAAmB,QAAQ,eAAe;AAC1E,SAASC,0BAA0B,QAAQ,aAAa;AACxD,SAASC,yBAAyB,EAAEC,sBAAsB,QAAQ,4BAA4B;AAE9F,MAAMC,aAAa,GAAGC,IAAA,IA2BhB;EAAA,IA3BiB;MACrBC,QAAQ;MACRC,YAAY;MACZC,KAAK;MACLC,eAAe;MACfC,gBAAgB;MAChBC,YAAY;MACZC,QAAQ;MACRC,MAAM,EAAEC,YAAY;MACpBC,gBAAgB;MAChBC,cAAc;MACdC,WAAW;MACXC,YAAY;MACZC,IAAI;MACJC,YAAY;MACZC,WAAW;MACXC,kBAAkB;MAClBC,cAAc;MACdC,cAAc;MACdC,aAAa;MACbC,gBAAgB;MAChBC,aAAa;MACbC,eAAe;MACfC,eAAe;MACfC,oBAAoB;MACpBC;IAEF,CAAC,GAAA1B,IAAA;IADI2B,SAAS,GAAAC,wBAAA,CAAA5B,IAAA,EAAA6B,SAAA;EAEZ,MAAM;IAAEC;EAAO,CAAC,GAAG7C,UAAU,CAACE,WAAW,CAAC;EAC1C,MAAM;IAAE4C;EAAO,CAAC,GAAGJ,SAAS;EAC5B;EACA,MAAMK,oBAAoB,GAAGlC,sBAAsB,CAACiC,MAAM,CAAC;EAC3D,MAAME,eAAe,GAAGvC,qBAAqB,CAACO,QAAQ,EAAE0B,SAAS,EAAEK,oBAAoB,CAAC;EACxF,MAAME,uBAAuB,GAAGtC,0BAA0B,CAACe,cAAc,CAAC;EAC1E,MAAMwB,mBAAmB,GAAGjB,cAAc,GACtC,EAAE,GACFzB,qBAAqB,CAAC,MAAM,EAAEuB,WAAW,EAAED,YAAY,CAAC;EAC5D,MAAMqB,cAAc,GAAGlB,cAAc,GAAG3B,eAAe,GAAGD,OAAO;EACjE,MAAM+C,WAAW,GAAGX,gBAAgB,IAAIU,cAAc;EACtD,IAAIE,WAAW,GAAG,CAAC;EAEnB,oBACEtD,KAAA,CAAAuD,aAAA,CAACF,WAAW;IACVG,SAAS,EAAEL,mBAAoB;IAC/BM,SAAS,EAAEvC,YAAa;IACxBc,WAAW,EAAEA,WAAY;IACzBG,cAAc,EAAEA,cAAe;IAC/BE,gBAAgB,EAAEA,gBAAiB;IACnCJ,kBAAkB,EAAEA,kBAAmB;IACvCM,eAAe,EAAEA,eAAgB;IACjCmB,aAAa,EAAET,eAAe,CAACU;EAAO,GACrCV,eAAe,CAACW,GAAG,CAAC,CAACC,aAAa,EAAEC,KAAK,KAAK;IAC7C,MAAM;QAAEC,UAAU;QAAEC;MAAmB,CAAC,GAAGH,aAAa;MAA7BI,WAAW,GAAArB,wBAAA,CAAKiB,aAAa,EAAAK,UAAA;IACxD,MAAMC,kBAAkB,GAAG,CAAC,CAACpB,MAAM,IAAIlC,yBAAyB,CAACiD,KAAK,EAAEf,MAAM,CAAC;IAC/E,MAAMqB,UAAU,GAAGzD,mBAAmB,CAACsD,WAAW,EAAEtC,cAAc,CAAC;IACnE,MAAM0C,UAAU,GAAG,CAACvB,MAAM,EAAEgB,KAAK,CAAC,CAACQ,IAAI,CAAC,GAAG,CAAC;IAC5C,MAAMC,QAAQ,GAAG,CAAC,CAACtC,kBAAkB,IAAKG,aAAa,GAAG,CAAC,IAAI0B,KAAK,GAAG,CAAC,IAAI1B,aAAc;IAC1F,IAAIY,oBAAoB,IAAImB,kBAAkB,EAAEb,WAAW,IAAI,CAAC;IAChE,IAAI,CAACN,oBAAoB,IAAIe,UAAU,EAAET,WAAW,IAAI,CAAC;IACzD,MAAMkB,eAAe,GAAAC,aAAA;MACnBC,GAAG,EAAEV,EAAE;MACPA,EAAE;MACF9B,cAAc;MACdR,gBAAgB;MAChBC,cAAc;MACdgD,oBAAoB,EAAEP,UAAU;MAChClB,uBAAuB;MACvB3B,QAAQ;MACRJ,KAAK;MACLU,YAAY;MACZD,WAAW;MACXgD,KAAK,EAAE9C,IAAI;MACXZ,YAAY;MACZ+C,WAAW;MACX7C,eAAe;MACfC,gBAAgB;MAChBC,YAAY;MACZiD,QAAQ;MACRjC,aAAa;MACbE,eAAe;MACfC;IAAoB,GACjBwB,WAAW,CACf;IACD,MAAMY,WAAW,GAAAJ,aAAA,CAAAA,aAAA,KAAQ1B,MAAM;MAAE+B,IAAI,EAAE;IAAQ,EAAE;IAEjD,IAAI9B,oBAAoB,EACtB,oBACEhD,KAAA,CAAAuD,aAAA,CAAAvD,KAAA,CAAA+E,QAAA,qBACE/E,KAAA,CAAAuD,aAAA,CAAC/C,IAAI,EAAAwE,QAAA;MAACN,GAAG,EAAEV;IAAG,GAAKQ,eAAe,CAAG,CAAC,EACrCL,kBAAkB,iBACjBnE,KAAA,CAAAuD,aAAA,CAAClD,MAAM,EAAA2E,QAAA;MACLN,GAAG,EAAEL,UAAW;MAChB7C,MAAM,EAAEE,gBAAgB,CAACuC,WAAW,CAACgB,UAAU,CAAE;MACjDlB,UAAU,EAAEA;IAAW,GACnBE,WAAW,EACXY,WAAW;MACftD,QAAQ,EAAEA,QAAS;MACnB2D,aAAa,EAAE5B;IAAY,EAC5B,CAEH,CAAC;IAEP,OAAOS,UAAU,gBACf/D,KAAA,CAAAuD,aAAA,CAAClD,MAAM,EAAA2E,QAAA;MACLN,GAAG,EAAEL,UAAW;MAChB7C,MAAM,EAAEE,gBAAgB,CAACuC,WAAW,CAACgB,UAAU,CAAE;MACjDlB,UAAU,EAAEA;IAAW,GACnBE,WAAW,EACXY,WAAW;MACftD,QAAQ,EAAEA,QAAS;MACnB2D,aAAa,EAAE5B;IAAY,EAC5B,CAAC,gBAEFtD,KAAA,CAAAuD,aAAA,CAAC/C,IAAI,EAAAwE,QAAA;MAACN,GAAG,EAAEV;IAAG,GAAKQ,eAAe,CAAG,CACtC;EACH,CAAC,CACU,CAAC;AAElB,CAAC;AAEDzD,aAAa,CAACoE,SAAS,GAAG;EACxBC,qBAAqB,EAAElF,SAAS,CAACmF,KAAK;EACtCpE,QAAQ,EAAEf,SAAS,CAACmF,KAAK,CAACC,UAAU;EACpC5D,gBAAgB,EAAExB,SAAS,CAACqF,MAAM,CAACD,UAAU;EAC7CxD,IAAI,EAAE5B,SAAS,CAACsF,MAAM;EACtBhE,MAAM,EAAEtB,SAAS,CAACsF,MAAM,CAACF,UAAU;EACnCpE,YAAY,EAAEhB,SAAS,CAACsF,MAAM;EAC9B5D,WAAW,EAAE1B,SAAS,CAACuF,SAAS,CAAC,CAACvF,SAAS,CAACwF,OAAO,CAACxF,SAAS,CAACyF,IAAI,CAAC,EAAEzF,SAAS,CAACyF,IAAI,CAAC,CAAC;EACrF9D,YAAY,EAAE3B,SAAS,CAACuF,SAAS,CAAC,CAACvF,SAAS,CAACwF,OAAO,CAACxF,SAAS,CAACyF,IAAI,CAAC,EAAEzF,SAAS,CAACyF,IAAI,CAAC,CAAC;EACtFhE,cAAc,EAAEzB,SAAS,CAACmF,KAAK;EAC/BjE,eAAe,EAAElB,SAAS,CAAC0F,IAAI;EAC/BvE,gBAAgB,EAAEnB,SAAS,CAAC0F,IAAI;EAChCtE,YAAY,EAAEpB,SAAS,CAAC0F,IAAI;EAC5BrE,QAAQ,EAAErB,SAAS,CAACsF,MAAM;EAC1BrE,KAAK,EAAEjB,SAAS,CAACsF,MAAM;EACvBzD,YAAY,EAAE7B,SAAS,CAACqF,MAAM;EAC9BvD,WAAW,EAAE9B,SAAS,CAAC2F,MAAM;EAC7B5D,kBAAkB,EAAE/B,SAAS,CAAC0F,IAAI;EAClC1D,cAAc,EAAEhC,SAAS,CAAC0F,IAAI;EAC9BzD,cAAc,EAAEjC,SAAS,CAACsF,MAAM;EAChCpD,aAAa,EAAElC,SAAS,CAAC2F,MAAM;EAC/BxD,gBAAgB,EAAEnC,SAAS,CAAC0F,IAAI;EAChCtD,aAAa,EAAEpC,SAAS,CAAC0F,IAAI;EAC7BpD,eAAe,EAAEtC,SAAS,CAACsF,MAAM;EACjC/C,oBAAoB,EAAEvC,SAAS,CAACsF,MAAM;EACtCjD,eAAe,EAAErC,SAAS,CAAC2F,MAAM;EACjCnD,gBAAgB,EAAExC,SAAS,CAAC4F;AAC9B,CAAC;AAED/E,aAAa,CAACgF,YAAY,GAAG;EAC3BnE,WAAW,EAAE,EAAE;EACfC,YAAY,EAAE,EAAE;EAChBuD,qBAAqB,EAAE,EAAE;EACzBtD,IAAI,EAAE,EAAE;EACRZ,YAAY,EAAE,EAAE;EAChBS,cAAc,EAAE,EAAE;EAClBP,eAAe,EAAE,IAAI;EACrBC,gBAAgB,EAAE,IAAI;EACtBC,YAAY,EAAE,IAAI;EAClBC,QAAQ,EAAE,EAAE;EACZJ,KAAK,EAAE,UAAU;EACjBY,YAAY,EAAE,CAAC,CAAC;EAChBC,WAAW,EAAE,CAAC;EACdC,kBAAkB,EAAE,KAAK;EACzBC,cAAc,EAAE,KAAK;EACrBC,cAAc,EAAE,EAAE;EAClBC,aAAa,EAAE,CAAC;EAChBC,gBAAgB,EAAE,KAAK;EACvBC,aAAa,EAAE,KAAK;EACpBC,eAAe,EAAE,CAAC;EAClBC,eAAe,EAAE,EAAE;EACnBC,oBAAoB,EAAE,EAAE;EACxBC,gBAAgB,EAAE;AACpB,CAAC;AAED,eAAetC,SAAS,CAACW,aAAa,CAAC","ignoreList":[]}

package/lib-es/components/Card/CardsFactory.js

@@ -1,24 +1,38 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["entity", "entities", "propsToDisplay", "itemsToDisplay", "itemListName"],
+const _excluded = ["entity", "entities", "propsToDisplay", "itemsToDisplay", "itemListName", "VariantComponent"],
   _excluded2 = ["gridModifier"];
 import React from 'react';
 import { useQuery } from '@apollo/client';
 import PropTypes from 'prop-types';
-import { getSingleEntitySchema } from '../../application/query';
+import { useRouter } from 'next/router';
+import { parseUrl } from 'query-string';
+import { getSingleEntitySchema, getItemList } from '../../application/query';
 import CardsRender from './CardsRender';
 import { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';
 import { WITH_BANNER } from '../../constants';
+import { getItemListId, getItemListIds } from '../ItemList/helpers';
 const CardsFactory = _ref => {
   let {
       entity,
       entities,
       propsToDisplay,
       itemsToDisplay,
-      itemListName
+      itemListName,
+      VariantComponent
     } = _ref,
     cardProps = _objectWithoutProperties(_ref, _excluded);
   const entityTouse = entities && entities.length ? entities[0] : entity;
+  const router = useRouter();
+  const {
+    asPath
+  } = router;
+  const parsedQuery = asPath.replace(/%5D/g, ']').replace(/%5B/g, '[');
+  const {
+    query: {
+      itemListId: queryItemListId
+    } = {}
+  } = parseUrl(parsedQuery);
   const {
     data,
     error,
@@ -28,8 +42,19 @@ const CardsFactory = _ref => {
       id: entityTouse
     }
   });
-  if (loading) return '';
-  if (error) return error.message;
+  const itemListId = getItemListId(itemListName, queryItemListId);
+  const {
+    data: itemListData = {},
+    loading: itemListLoading,
+    error: itemListError
+  } = useQuery(getItemList, {
+    variables: {
+      id: itemListId
+    },
+    skip: !itemListId
+  });
+  if (loading || itemListLoading) return '';
+  if (error || itemListError) return error.message || itemListError.message;
   if (!data) return null;
   const propsToDisplayValues = checkPropsToUse(propsToDisplay);
   const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';
@@ -39,12 +64,16 @@ const CardsFactory = _ref => {
     } = _getGenericProps,
     cardRenderProps = _objectWithoutProperties(_getGenericProps, _excluded2);
   const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';
+  const itemListIds = getItemListIds(itemListData);
+  const itemsToDisplayToUse = itemListIds || itemsToDisplay;
+  if (itemListName && !itemListIds) return null;
   return /*#__PURE__*/React.createElement(CardsRender, _extends({
     gridModifier: `${gridModifier}${extraModifierForBanner}`,
     bannerModifier: extraModifierForBanner,
-    itemsToDisplay: itemsToDisplay,
+    itemsToDisplay: itemsToDisplayToUse,
     propsToDisplay: propsToDisplay,
-    entityFields: extraProps
+    entityFields: extraProps,
+    VariantComponent: VariantComponent
   }, cardRenderProps, {
     entity: entityTouse,
     entities: entities
@@ -55,14 +84,16 @@ CardsFactory.propTypes = {
   propsToDisplay: PropTypes.array,
   itemsToDisplay: PropTypes.array,
   itemListName: PropTypes.string,
-  entities: PropTypes.array
+  entities: PropTypes.array,
+  VariantComponent: PropTypes.func
 };
 CardsFactory.defaultProps = {
   propsToDisplay: [],
   itemsToDisplay: [],
   itemListName: '',
   entity: null,
-  entities: null
+  entities: null,
+  VariantComponent: null
 };
 export default CardsFactory;
 //# sourceMappingURL=CardsFactory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardsFactory.js","names":["React","useQuery","PropTypes","getSingleEntitySchema","CardsRender","buildPropsQuery","getGenericProps","checkPropsToUse","WITH_BANNER","CardsFactory","_ref","entity","entities","propsToDisplay","itemsToDisplay","itemListName","cardProps","_objectWithoutProperties","_excluded","entityTouse","length","data","error","loading","variables","id","message","propsToDisplayValues","extraProps","_getGenericProps","gridModifier","cardRenderProps","_excluded2","extraModifierForBanner","banner","createElement","_extends","bannerModifier","entityFields","propTypes","string","array","defaultProps"],"sources":["../../../src/components/Card/CardsFactory.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { getSingleEntitySchema } from '../../application/query';\nimport CardsRender from './CardsRender';\nimport { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';\nimport { WITH_BANNER } from '../../constants';\n\nconst CardsFactory = ({\n  entity,\n  entities,\n  propsToDisplay,\n  itemsToDisplay,\n  itemListName,\n  ...cardProps\n}) => {\n  const entityTouse = entities && entities.length ? entities[0] : entity;\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entityTouse }\n  });\n\n  if (loading) return '';\n  if (error) return error.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  return (\n    <CardsRender\n      gridModifier={`${gridModifier}${extraModifierForBanner}`}\n      bannerModifier={extraModifierForBanner}\n      itemsToDisplay={itemsToDisplay}\n      propsToDisplay={propsToDisplay}\n      entityFields={extraProps}\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};\n\nCardsFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  itemListName: '',\n  entity: null,\n  entities: null\n};\n\nexport default CardsFactory;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,qBAAqB,QAAQ,yBAAyB;AAC/D,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,eAAe,EAAEC,eAAe,EAAEC,eAAe,QAAQ,eAAe;AACjF,SAASC,WAAW,QAAQ,iBAAiB;AAE7C,MAAMC,YAAY,GAAGC,IAAA,IAOf;EAAA,IAPgB;MACpBC,MAAM;MACNC,QAAQ;MACRC,cAAc;MACdC,cAAc;MACdC;IAEF,CAAC,GAAAL,IAAA;IADIM,SAAS,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEZ,MAAMC,WAAW,GAAGP,QAAQ,IAAIA,QAAQ,CAACQ,MAAM,GAAGR,QAAQ,CAAC,CAAC,CAAC,GAAGD,MAAM;EACtE,MAAM;IAAEU,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGtB,QAAQ,CAACE,qBAAqB,EAAE;IAC/DqB,SAAS,EAAE;MAAEC,EAAE,EAAEN;IAAY;EAC/B,CAAC,CAAC;EAEF,IAAII,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACI,OAAO;EAC/B,IAAI,CAACL,IAAI,EAAE,OAAO,IAAI;EAEtB,MAAMM,oBAAoB,GAAGpB,eAAe,CAACM,cAAc,CAAC;EAC5D,MAAMe,UAAU,GAAGvB,eAAe,CAACgB,IAAI,EAAEM,oBAAoB,EAAEX,SAAS,CAAC,IAAI,EAAE;EAC/E,MAAAa,gBAAA,GAA6CvB,eAAe,CAACU,SAAS,CAAC;IAAjE;MAAEc;IAAiC,CAAC,GAAAD,gBAAA;IAAjBE,eAAe,GAAAd,wBAAA,CAAAY,gBAAA,EAAAG,UAAA;EACxC,MAAMC,sBAAsB,GAAGF,eAAe,CAACG,MAAM,GAAG1B,WAAW,GAAG,EAAE;EAExE,oBACER,KAAA,CAAAmC,aAAA,CAAC/B,WAAW,EAAAgC,QAAA;IACVN,YAAY,EAAG,GAAEA,YAAa,GAAEG,sBAAuB,EAAE;IACzDI,cAAc,EAAEJ,sBAAuB;IACvCnB,cAAc,EAAEA,cAAe;IAC/BD,cAAc,EAAEA,cAAe;IAC/ByB,YAAY,EAAEV;EAAW,GACrBG,eAAe;IACnBpB,MAAM,EAAEQ,WAAY;IACpBP,QAAQ,EAAEA;EAAS,EACpB,CAAC;AAEN,CAAC;AAEDH,YAAY,CAAC8B,SAAS,GAAG;EACvB5B,MAAM,EAAET,SAAS,CAACsC,MAAM;EACxB3B,cAAc,EAAEX,SAAS,CAACuC,KAAK;EAC/B3B,cAAc,EAAEZ,SAAS,CAACuC,KAAK;EAC/B1B,YAAY,EAAEb,SAAS,CAACsC,MAAM;EAC9B5B,QAAQ,EAAEV,SAAS,CAACuC;AACtB,CAAC;AAEDhC,YAAY,CAACiC,YAAY,GAAG;EAC1B7B,cAAc,EAAE,EAAE;EAClBC,cAAc,EAAE,EAAE;EAClBC,YAAY,EAAE,EAAE;EAChBJ,MAAM,EAAE,IAAI;EACZC,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeH,YAAY","ignoreList":[]}
+{"version":3,"file":"CardsFactory.js","names":["React","useQuery","PropTypes","useRouter","parseUrl","getSingleEntitySchema","getItemList","CardsRender","buildPropsQuery","getGenericProps","checkPropsToUse","WITH_BANNER","getItemListId","getItemListIds","CardsFactory","_ref","entity","entities","propsToDisplay","itemsToDisplay","itemListName","VariantComponent","cardProps","_objectWithoutProperties","_excluded","entityTouse","length","router","asPath","parsedQuery","replace","query","itemListId","queryItemListId","data","error","loading","variables","id","itemListData","itemListLoading","itemListError","skip","message","propsToDisplayValues","extraProps","_getGenericProps","gridModifier","cardRenderProps","_excluded2","extraModifierForBanner","banner","itemListIds","itemsToDisplayToUse","createElement","_extends","bannerModifier","entityFields","propTypes","string","array","func","defaultProps"],"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 { data: itemListData = {}, loading: itemListLoading, error: itemListError } = useQuery(\n    getItemList,\n    {\n      variables: { id: itemListId },\n      skip: !itemListId\n    }\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-es/components/Card/CardsRender.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["entity", "entities", "entityFields", "itemsToDisplay", "children"];
+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) { _defineProperty(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; }
 import React, { useContext } from 'react';
@@ -21,7 +21,8 @@ const CardsRender = _ref => {
       entities,
       entityFields,
       itemsToDisplay,
-      children
+      children,
+      VariantComponent
     } = _ref,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   const {
@@ -170,7 +171,8 @@ const CardsRender = _ref => {
     entity: primaryEntityToUse,
     gtmChildren: gtmChildren,
     cardChildren: regularChildren,
-    graphqlEntityMap: graphqlEntityMap
+    graphqlEntityMap: graphqlEntityMap,
+    VariantComponent: VariantComponent
   }, variableProps)));
 };
 CardsRender.propTypes = {
@@ -178,12 +180,14 @@ CardsRender.propTypes = {
   entity: PropTypes.string.isRequired,
   entityFields: PropTypes.string.isRequired,
   itemsToDisplay: PropTypes.array,
-  entities: PropTypes.array
+  entities: PropTypes.array,
+  VariantComponent: PropTypes.func
 };
 CardsRender.defaultProps = {
   children: [],
   itemsToDisplay: [],
-  entities: []
+  entities: [],
+  VariantComponent: null
 };
 export default CardsRender;
 //# sourceMappingURL=CardsRender.js.map