@blaze-cms/react-page-builder 0.125.0-f-admin-updates.0 → 0.125.0

package/lib/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["Button","props","type","text","url","icon","name","style","children","clickAction","childSeoVisibility","afterClickText","otherProps","client","useApolloClient","router","useRouter","isLogoutButton","LOGOUT","useCookies","cookies","blazeCookie","blaze_auth","useState","showChildren","setShowChildren","useEffect","asPath","checkIfButtonShouldRender","hasChildren","logout","handleLogout","reload","handleClick","buttonType","modifiers","getClassModifiers","currentProps","href","title","DynamicButton","BlazeLink","BlazeButton","updateChildrensParent","parent","itemId","itemEntity","renderedChildren","renderChildren","onClose","getClickWrapperOptions","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","contentClassName","classnames","propTypes","PropTypes","string","size","bool","oneOfType","arrayOf","node","defaultProps","withTitle"],"sources":["../../src/components/Button.js"],"sourcesContent":["import React, { useState, Fragment, useEffect } from 'react';\nimport { useCookies } from 'react-cookie';\nimport { useRouter } from 'next/router';\nimport classnames from 'classnames';\nimport BlazeButton from '@blaze-react/button';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { useApolloClient } from '@apollo/client';\nimport PropTypes, { bool, string } from 'prop-types';\nimport ClickWrapper from './ClickWrapper';\nimport BlazeLink from './BlazeLink';\nimport { withTitle } from '../HOC';\nimport { getClassModifiers } from '../utils';\nimport { LOGOUT } from '../constants';\nimport {\n  renderChildren,\n  updateChildrensParent,\n  hasChildren,\n  getClickWrapperOptions\n} from '../helpers';\n\nconst Button = props => {\n  const {\n    type,\n    text,\n    url,\n    icon,\n    name,\n    style,\n    children,\n    clickAction,\n    childSeoVisibility,\n    afterClickText,\n    ...otherProps\n  } = props;\n  const client = useApolloClient();\n  const router = useRouter();\n  const isLogoutButton = clickAction === LOGOUT;\n  const [cookies] = useCookies();\n  const { blaze_auth: blazeCookie } = cookies;\n  const [showChildren, setShowChildren] = useState(false);\n\n  useEffect(\n    () => {\n      setShowChildren(false);\n    },\n    [router.asPath]\n  );\n\n  const checkIfButtonShouldRender = () => {\n    if (isLogoutButton) return !!blazeCookie;\n    if (!text && !icon) return false;\n    return !!(url || hasChildren(children));\n  };\n\n  const logout = () => {\n    handleLogout(client);\n    url ? router.reload(url) : router.reload();\n  };\n\n  const handleClick = () => {\n    if (isLogoutButton) logout();\n    if (!url && !isLogoutButton) setShowChildren(!showChildren);\n  };\n\n  if (!checkIfButtonShouldRender()) return null;\n\n  const buttonType = !text && icon ? 'icon' : type;\n  const modifiers = getClassModifiers(buttonType, { icon, style, ...otherProps });\n  const currentProps = url ? { href: url, title: name } : { name };\n  const DynamicButton = url && !isLogoutButton ? BlazeLink : BlazeButton;\n  updateChildrensParent(children, otherProps.parent.itemId, otherProps.parent.itemEntity);\n\n  const renderedChildren = renderChildren(children, { onClose: handleClick });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(children, props);\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  const contentClassName = classnames('button__content', {\n    'button__content--show': showChildren\n  });\n\n  return (\n    <Wrapper {...wrapperProps}>\n      {childSeoVisibility && <div className={contentClassName}>{renderedChildren}</div>}\n      {!childSeoVisibility && showChildren && renderedChildren}\n      <DynamicButton className={modifiers} onClick={handleClick} {...currentProps}>\n        {icon && <i className={icon} />}\n        {showChildren ? afterClickText : text}\n      </DynamicButton>\n    </Wrapper>\n  );\n};\n\nButton.propTypes = {\n  clickAction: PropTypes.string,\n  text: PropTypes.string,\n  afterClickText: string,\n  name: PropTypes.string,\n  type: PropTypes.string,\n  url: PropTypes.string,\n  size: PropTypes.string,\n  icon: PropTypes.string,\n  style: PropTypes.string,\n  childSeoVisibility: bool,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nButton.defaultProps = {\n  clickAction: '',\n  text: '',\n  afterClickText: '',\n  name: '',\n  type: '',\n  url: null,\n  size: '',\n  icon: '',\n  style: '',\n  children: [],\n  childSeoVisibility: false\n};\n\nexport default withTitle(Button);\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["Button","props","type","text","url","icon","name","style","children","clickAction","childSeoVisibility","afterClickText","parent","otherProps","client","useApolloClient","router","useRouter","isLogoutButton","LOGOUT","useCookies","cookies","blazeCookie","blaze_auth","useState","showChildren","setShowChildren","useStringTemplate","data","textToUse","afterClickTextToUse","urlToUse","useEffect","asPath","checkIfButtonShouldRender","hasChildren","logout","handleLogout","reload","handleClick","buttonType","modifiers","getClassModifiers","currentProps","href","title","DynamicButton","BlazeLink","BlazeButton","updateChildrensParent","itemId","itemEntity","renderedChildren","renderChildren","onClose","getClickWrapperOptions","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","contentClassName","classnames","propTypes","PropTypes","object","string","size","bool","oneOfType","arrayOf","node","defaultProps","withTitle"],"sources":["../../src/components/Button.js"],"sourcesContent":["import React, { useState, Fragment, useEffect } from 'react';\nimport { useCookies } from 'react-cookie';\nimport { useRouter } from 'next/router';\nimport classnames from 'classnames';\nimport BlazeButton from '@blaze-react/button';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { useApolloClient } from '@apollo/client';\nimport PropTypes, { bool, string } from 'prop-types';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport ClickWrapper from './ClickWrapper';\nimport BlazeLink from './BlazeLink';\nimport { withTitle } from '../HOC';\nimport { getClassModifiers } from '../utils';\nimport { LOGOUT } from '../constants';\nimport {\n  renderChildren,\n  updateChildrensParent,\n  hasChildren,\n  getClickWrapperOptions\n} from '../helpers';\n\nconst Button = props => {\n  const {\n    type,\n    text,\n    url,\n    icon,\n    name,\n    style,\n    children,\n    clickAction,\n    childSeoVisibility,\n    afterClickText,\n    parent,\n    ...otherProps\n  } = props;\n  const client = useApolloClient();\n  const router = useRouter();\n  const isLogoutButton = clickAction === LOGOUT;\n  const [cookies] = useCookies();\n  const { blaze_auth: blazeCookie } = cookies;\n  const [showChildren, setShowChildren] = useState(false);\n  const {\n    data: [textToUse, afterClickTextToUse, urlToUse]\n  } = useStringTemplate(parent, [text, afterClickText, url]);\n\n  useEffect(\n    () => {\n      setShowChildren(false);\n    },\n    [router.asPath]\n  );\n\n  const checkIfButtonShouldRender = () => {\n    if (isLogoutButton) return !!blazeCookie;\n    if (!text && !icon) return false;\n    return !!(url || hasChildren(children));\n  };\n\n  const logout = () => {\n    handleLogout(client);\n    url ? router.reload(urlToUse) : router.reload();\n  };\n\n  const handleClick = () => {\n    if (isLogoutButton) logout();\n    if (!url && !isLogoutButton) setShowChildren(!showChildren);\n  };\n\n  if (!checkIfButtonShouldRender()) return null;\n\n  const buttonType = !text && icon ? 'icon' : type;\n  const modifiers = getClassModifiers(buttonType, { icon, style, ...otherProps });\n  const currentProps = url ? { href: urlToUse, title: name } : { name };\n  const DynamicButton = url && !isLogoutButton ? BlazeLink : BlazeButton;\n  updateChildrensParent(children, parent.itemId, parent.itemEntity);\n\n  const renderedChildren = renderChildren(children, { onClose: handleClick });\n  const { shouldUseClickWrapper, wrapperProps } = getClickWrapperOptions(children, props);\n  const Wrapper = shouldUseClickWrapper ? ClickWrapper : Fragment;\n\n  const contentClassName = classnames('button__content', {\n    'button__content--show': showChildren\n  });\n\n  return (\n    <Wrapper {...wrapperProps}>\n      {childSeoVisibility && <div className={contentClassName}>{renderedChildren}</div>}\n      {!childSeoVisibility && showChildren && renderedChildren}\n      <DynamicButton className={modifiers} onClick={handleClick} {...currentProps}>\n        {icon && <i className={icon} />}\n        {showChildren ? afterClickTextToUse : textToUse}\n      </DynamicButton>\n    </Wrapper>\n  );\n};\n\nButton.propTypes = {\n  parent: PropTypes.object,\n  clickAction: PropTypes.string,\n  text: PropTypes.string,\n  afterClickText: string,\n  name: PropTypes.string,\n  type: PropTypes.string,\n  url: PropTypes.string,\n  size: PropTypes.string,\n  icon: PropTypes.string,\n  style: PropTypes.string,\n  childSeoVisibility: bool,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nButton.defaultProps = {\n  parent: {},\n  clickAction: '',\n  text: '',\n  afterClickText: '',\n  name: '',\n  type: '',\n  url: null,\n  size: '',\n  icon: '',\n  style: '',\n  children: [],\n  childSeoVisibility: false\n};\n\nexport default withTitle(Button);\n"],"mappings":"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"}

package/lib/components/Card/Card.js

@@ -1,132 +1,121 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.array.concat.js");
-
+require("core-js/modules/es.array.find.js");
+require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.array.map.js");
-
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _router = require("next/router");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
-
 var _ClickWrapper = _interopRequireDefault(require("../ClickWrapper"));
-
 var _helpers = require("../../helpers");
-
 var _LazyImage = _interopRequireDefault(require("../LazyImage"));
-
 var _helpers2 = require("./helpers");
-
 var _constants = require("./constants");
-
-var _excluded = ["id", "image", "name", "url", "entity", "entityProps", "alternativePreHeader", "alternativeHeadline", "category", "modifier", "propsToDisplay", "propsToDisplayModifiers", "gtmId", "style", "priority", "cardChildren", "gtmChildren", "displayCategory", "displayThumbnail", "displayTitle", "enableOverlay", "enableCarousel", "titleOverlayModifier", "overlayModifier", "gridModifier"];
-
+var _excluded = ["id", "image", "name", "url", "entity", "entityProps", "alternativePreHeader", "alternativeHeadline", "category", "modifier", "parsedPropsToDisplay", "propsToDisplay", "propsToDisplayModifiers", "gtmId", "style", "priority", "cardChildren", "gtmChildren", "displayCategory", "displayThumbnail", "displayTitle", "enableOverlay", "enableCarousel", "titleOverlayModifier", "overlayModifier", "gridModifier"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var Card = function Card(_ref) {
   var id = _ref.id,
-      image = _ref.image,
-      name = _ref.name,
-      url = _ref.url,
-      entity = _ref.entity,
-      entityProps = _ref.entityProps,
-      alternativePreHeader = _ref.alternativePreHeader,
-      alternativeHeadline = _ref.alternativeHeadline,
-      category = _ref.category,
-      modifier = _ref.modifier,
-      propsToDisplay = _ref.propsToDisplay,
-      propsToDisplayModifiers = _ref.propsToDisplayModifiers,
-      gtmId = _ref.gtmId,
-      style = _ref.style,
-      priority = _ref.priority,
-      cardChildren = _ref.cardChildren,
-      gtmChildren = _ref.gtmChildren,
-      displayCategory = _ref.displayCategory,
-      displayThumbnail = _ref.displayThumbnail,
-      displayTitle = _ref.displayTitle,
-      enableOverlay = _ref.enableOverlay,
-      enableCarousel = _ref.enableCarousel,
-      titleOverlayModifier = _ref.titleOverlayModifier,
-      overlayModifier = _ref.overlayModifier,
-      gridModifier = _ref.gridModifier,
-      otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    image = _ref.image,
+    name = _ref.name,
+    url = _ref.url,
+    entity = _ref.entity,
+    entityProps = _ref.entityProps,
+    alternativePreHeader = _ref.alternativePreHeader,
+    alternativeHeadline = _ref.alternativeHeadline,
+    category = _ref.category,
+    modifier = _ref.modifier,
+    parsedPropsToDisplay = _ref.parsedPropsToDisplay,
+    propsToDisplay = _ref.propsToDisplay,
+    propsToDisplayModifiers = _ref.propsToDisplayModifiers,
+    gtmId = _ref.gtmId,
+    style = _ref.style,
+    priority = _ref.priority,
+    cardChildren = _ref.cardChildren,
+    gtmChildren = _ref.gtmChildren,
+    displayCategory = _ref.displayCategory,
+    displayThumbnail = _ref.displayThumbnail,
+    displayTitle = _ref.displayTitle,
+    enableOverlay = _ref.enableOverlay,
+    enableCarousel = _ref.enableCarousel,
+    titleOverlayModifier = _ref.titleOverlayModifier,
+    overlayModifier = _ref.overlayModifier,
+    gridModifier = _ref.gridModifier,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   (0, _helpers.updateChildrensParent)(cardChildren, id, entity);
-
+  var router = (0, _router.useRouter)();
   var _getImageDefinedProps = getImageDefinedProps({
-    image: image,
-    displayThumbnail: displayThumbnail
-  }),
-      imageSrc = _getImageDefinedProps.imageSrc,
-      shouldDisplayThumbnail = _getImageDefinedProps.shouldDisplayThumbnail,
-      altText = _getImageDefinedProps.altText;
-
+      image: image,
+      displayThumbnail: displayThumbnail
+    }),
+    imageSrc = _getImageDefinedProps.imageSrc,
+    shouldDisplayThumbnail = _getImageDefinedProps.shouldDisplayThumbnail,
+    altText = _getImageDefinedProps.altText;
   var modifiers = getInitialModifiers({
     modifier: modifier,
     style: style,
     otherProps: otherProps
   });
-
   var _getCategoryDefinedPr = getCategoryDefinedProps({
-    alternativePreHeader: alternativePreHeader,
-    category: category,
-    entity: entity,
-    alternativeHeadline: alternativeHeadline,
-    displayCategory: displayCategory,
-    name: name
-  }),
-      publishedListingPage = _getCategoryDefinedPr.publishedListingPage,
-      preHeader = _getCategoryDefinedPr.preHeader,
-      label = _getCategoryDefinedPr.label,
-      headline = _getCategoryDefinedPr.headline;
-
+      alternativePreHeader: alternativePreHeader,
+      category: category,
+      entity: entity,
+      alternativeHeadline: alternativeHeadline,
+      displayCategory: displayCategory,
+      name: name
+    }),
+    publishedListingPage = _getCategoryDefinedPr.publishedListingPage,
+    preHeader = _getCategoryDefinedPr.preHeader,
+    label = _getCategoryDefinedPr.label,
+    headline = _getCategoryDefinedPr.headline;
   var linkTitle = name;
   var dynamicSizeKey = (0, _helpers2.useDynamicSizeKey)(_constants.CARD_STRING, {
     style: style,
     gridModifier: gridModifier,
     modifier: modifier
   });
-
   var _getClickWrapperOptio = (0, _helpers.getClickWrapperOptions)(gtmChildren, entityProps, id),
-      shouldUseClickWrapper = _getClickWrapperOptio.shouldUseClickWrapper,
-      wrapperProps = _getClickWrapperOptio.wrapperProps;
-
+    shouldUseClickWrapper = _getClickWrapperOptio.shouldUseClickWrapper,
+    wrapperProps = _getClickWrapperOptio.wrapperProps;
   var Wrapper = shouldUseClickWrapper ? _ClickWrapper["default"] : _react.Fragment;
   var classNameWithModifiers = (0, _helpers.getModifiers)(_constants.CARD_STRING, modifiers);
   var contentWrapperModifier = "".concat((0, _helpers.getModifiers)('card__content-wrapper', modifiers), " ").concat(enableOverlay && enableCarousel ? overlayModifier : '');
   var titleWrapperModifier = "".concat((0, _helpers.getModifiers)('card__title', modifiers), " ").concat(enableOverlay && enableCarousel ? titleOverlayModifier : '');
-  return /*#__PURE__*/_react["default"].createElement(Wrapper, wrapperProps, /*#__PURE__*/_react["default"].createElement("div", {
+  var handleCardClick = function handleCardClick(e) {
+    if (!url) return;
+    var clickEventTag = e.target.tagName.toLowerCase();
+    var clickEventRole = e.target.role;
+    var shouldTriggerRouteChange = clickEventRole !== 'button' && !_constants.CARD_CHILDREN_WITH_LINKS.find(function (childTag) {
+      return childTag === clickEventTag;
+    });
+    if (shouldTriggerRouteChange) router.push("/Resolver", url);
+  };
+
+  // todo: remove temp env var flag once widely tested BLAZE_PB_ADD_CLICK_TO_CARDS
+  var clickProps = url && process.env.BLAZE_PB_ADD_CLICK_TO_CARDS ? {
+    onClick: handleCardClick,
+    role: 'button'
+  } : {};
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, wrapperProps, /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: classNameWithModifiers
-  }, shouldDisplayThumbnail && /*#__PURE__*/_react["default"].createElement("div", {
+  }, clickProps), shouldDisplayThumbnail && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _helpers.getModifiers)('card__image', modifiers)
   }, /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
     gtmId: gtmId,
@@ -156,21 +145,26 @@ var Card = function Card(_ref) {
     gtmId: gtmId,
     href: url,
     scroll: true
-  }, headline)), !!propsToDisplay.length && /*#__PURE__*/_react["default"].createElement("div", {
+  }, headline)), !!parsedPropsToDisplay.length && /*#__PURE__*/_react["default"].createElement("div", {
     className: (0, _helpers.getModifiers)('card__details', modifiers)
-  }, propsToDisplay.map(function (prop, i) {
+  }, parsedPropsToDisplay.map(function (prop, i) {
     if (!prop) return null;
     var dynamicKey = "".concat(id).concat(i);
     var propModifier = propsToDisplayModifiers[i] || '';
-    return /*#__PURE__*/_react["default"].createElement("span", {
+    var _ref2 = propsToDisplay[i] || {},
+      htmlAttribute = _ref2.htmlAttribute;
+    var extraProps = {};
+    if (htmlAttribute && prop.props.children) {
+      extraProps[htmlAttribute] = encodeURIComponent(prop.props.children[2]);
+    }
+    return /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({
       key: dynamicKey,
       className: propModifier
-    }, prop);
+    }, extraProps), prop);
   }))), !!cardChildren && /*#__PURE__*/_react["default"].createElement("div", {
     className: "card__child-content"
   }, (0, _helpers.renderChildren)(cardChildren)))));
 };
-
 Card.propTypes = {
   id: _propTypes["default"].string.isRequired,
   image: _propTypes["default"].shape({
@@ -178,6 +172,7 @@ Card.propTypes = {
     data: _propTypes["default"].object
   }),
   style: _propTypes["default"].string,
+  parsedPropsToDisplay: _propTypes["default"].array,
   propsToDisplay: _propTypes["default"].array,
   propsToDisplayModifiers: _propTypes["default"].array,
   url: _propTypes["default"].string,
@@ -216,6 +211,7 @@ Card.defaultProps = {
   },
   gtmId: '',
   style: 'portrait',
+  parsedPropsToDisplay: [],
   propsToDisplay: [],
   propsToDisplayModifiers: [],
   url: '',
@@ -232,14 +228,13 @@ Card.defaultProps = {
   enableOverlay: false,
   enableCarousel: false
 };
-
-var getCategoryDefinedProps = function getCategoryDefinedProps(_ref2) {
-  var alternativePreHeader = _ref2.alternativePreHeader,
-      category = _ref2.category,
-      entity = _ref2.entity,
-      alternativeHeadline = _ref2.alternativeHeadline,
-      displayCategory = _ref2.displayCategory,
-      name = _ref2.name;
+var getCategoryDefinedProps = function getCategoryDefinedProps(_ref3) {
+  var alternativePreHeader = _ref3.alternativePreHeader,
+    category = _ref3.category,
+    entity = _ref3.entity,
+    alternativeHeadline = _ref3.alternativeHeadline,
+    displayCategory = _ref3.displayCategory,
+    name = _ref3.name;
   var hasAlternativePreHeader = alternativePreHeader && alternativePreHeader.name;
   var preHeader = alternativeHeadline && hasAlternativePreHeader ? alternativePreHeader : category;
   var publishedListingPage = (0, _helpers2.getPublishedListingUrl)(preHeader);
@@ -252,15 +247,12 @@ var getCategoryDefinedProps = function getCategoryDefinedProps(_ref2) {
     headline: headline
   };
 };
-
-var getImageDefinedProps = function getImageDefinedProps(_ref3) {
-  var image = _ref3.image,
-      displayThumbnail = _ref3.displayThumbnail;
-
-  var _ref4 = image || {},
-      imageSrc = _ref4.url,
-      data = _ref4.data;
-
+var getImageDefinedProps = function getImageDefinedProps(_ref4) {
+  var image = _ref4.image,
+    displayThumbnail = _ref4.displayThumbnail;
+  var _ref5 = image || {},
+    imageSrc = _ref5.url,
+    data = _ref5.data;
   var shouldDisplayThumbnail = displayThumbnail && imageSrc;
   var altText = data && data.altText || '';
   return {
@@ -269,19 +261,17 @@ var getImageDefinedProps = function getImageDefinedProps(_ref3) {
     altText: altText
   };
 };
-
-var getInitialModifiers = function getInitialModifiers(_ref5) {
-  var modifier = _ref5.modifier,
-      style = _ref5.style,
-      otherProps = _ref5.otherProps;
+var getInitialModifiers = function getInitialModifiers(_ref6) {
+  var modifier = _ref6.modifier,
+    style = _ref6.style,
+    otherProps = _ref6.otherProps;
   var modifiers = [modifier, style];
   var sponsored = otherProps.sponsored,
-      featured = otherProps.featured;
+    featured = otherProps.featured;
   if (sponsored) modifiers.push('sponsored');
   if (featured) modifiers.push('featured');
   return modifiers;
 };
-
 var _default = Card;
 exports["default"] = _default;
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","otherProps","updateChildrensParent","getImageDefinedProps","imageSrc","shouldDisplayThumbnail","altText","modifiers","getInitialModifiers","getCategoryDefinedProps","publishedListingPage","preHeader","label","headline","linkTitle","dynamicSizeKey","useDynamicSizeKey","CARD_STRING","getClickWrapperOptions","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","classNameWithModifiers","getModifiers","contentWrapperModifier","titleWrapperModifier","length","map","prop","i","dynamicKey","propModifier","renderChildren","propTypes","PropTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","getPublishedListingUrl","sponsored","featured","push"],"sources":["../../../src/components/Card/Card.js"],"sourcesContent":["import React, { Fragment } from 'react';\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 } from './constants';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  entity,\n  entityProps,\n  alternativePreHeader,\n  alternativeHeadline,\n  category,\n  modifier,\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  ...otherProps\n}) => {\n  updateChildrensParent(cardChildren, id, entity);\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail\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  return (\n    <Wrapper {...wrapperProps}>\n      <div className={classNameWithModifiers}>\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              <h2 className={titleWrapperModifier}>\n                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n                  {headline}\n                </BlazeLink>\n              </h2>\n            )}\n            {!!propsToDisplay.length && (\n              <div className={getModifiers('card__details', modifiers)}>\n                {propsToDisplay.map((prop, i) => {\n                  if (!prop) return null;\n                  const dynamicKey = `${id}${i}`;\n                  const propModifier = propsToDisplayModifiers[i] || '';\n\n                  return (\n                    <span key={dynamicKey} className={propModifier}>\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  style: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  propsToDisplayModifiers: PropTypes.array,\n  url: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  entity: 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};\n\nCard.defaultProps = {\n  entityProps: {},\n  image: {\n    url: null,\n    data: {}\n  },\n  gtmId: '',\n  style: 'portrait',\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 }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || '';\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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"}
+{"version":3,"file":"Card.js","names":["Card","id","image","name","url","entity","entityProps","alternativePreHeader","alternativeHeadline","category","modifier","parsedPropsToDisplay","propsToDisplay","propsToDisplayModifiers","gtmId","style","priority","cardChildren","gtmChildren","displayCategory","displayThumbnail","displayTitle","enableOverlay","enableCarousel","titleOverlayModifier","overlayModifier","gridModifier","otherProps","updateChildrensParent","router","useRouter","getImageDefinedProps","imageSrc","shouldDisplayThumbnail","altText","modifiers","getInitialModifiers","getCategoryDefinedProps","publishedListingPage","preHeader","label","headline","linkTitle","dynamicSizeKey","useDynamicSizeKey","CARD_STRING","getClickWrapperOptions","shouldUseClickWrapper","wrapperProps","Wrapper","ClickWrapper","Fragment","classNameWithModifiers","getModifiers","contentWrapperModifier","titleWrapperModifier","handleCardClick","e","clickEventTag","target","tagName","toLowerCase","clickEventRole","role","shouldTriggerRouteChange","CARD_CHILDREN_WITH_LINKS","find","childTag","push","clickProps","process","env","BLAZE_PB_ADD_CLICK_TO_CARDS","onClick","length","map","prop","i","dynamicKey","propModifier","htmlAttribute","extraProps","props","children","encodeURIComponent","renderChildren","propTypes","PropTypes","string","isRequired","shape","data","object","array","bool","oneOfType","arrayOf","node","defaultProps","hasAlternativePreHeader","getPublishedListingUrl","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';\n\nconst Card = ({\n  id,\n  image,\n  name,\n  url,\n  entity,\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  ...otherProps\n}) => {\n  updateChildrensParent(cardChildren, id, entity);\n  const router = useRouter();\n  const { imageSrc, shouldDisplayThumbnail, altText } = getImageDefinedProps({\n    image,\n    displayThumbnail\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\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              <h2 className={titleWrapperModifier}>\n                <BlazeLink title={linkTitle} gtmId={gtmId} href={url} scroll>\n                  {headline}\n                </BlazeLink>\n              </h2>\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  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  entity: 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};\n\nCard.defaultProps = {\n  entityProps: {},\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 }) => {\n  const { url: imageSrc, data } = image || {};\n  const shouldDisplayThumbnail = displayThumbnail && imageSrc;\n  const altText = (data && data.altText) || '';\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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"}

package/lib/components/Card/CardContainer.js

@@ -1,96 +1,65 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.array.map.js");
-
 require("core-js/modules/es.array.join.js");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _nextjsComponents = require("@blaze-cms/nextjs-components");
-
 var _HOC = require("../../HOC");
-
 var _Banner = _interopRequireDefault(require("../Banner"));
-
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
-
 var _CarouselWrapper = _interopRequireDefault(require("../CarouselWrapper"));
-
 var _Card = _interopRequireDefault(require("./Card"));
-
 var _helpers = require("./helpers");
-
 var _helpers2 = require("../../helpers");
-
 var _utils = require("../../utils");
-
 var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "overlayModifier", "titleOverlayModifier"],
-    _excluded2 = ["baseAdunit", "id"];
-
+  _excluded2 = ["baseAdunit", "id"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var CardContainer = function CardContainer(_ref) {
   var cardData = _ref.cardData,
-      gridModifier = _ref.gridModifier,
-      style = _ref.style,
-      displayCategory = _ref.displayCategory,
-      displayThumbnail = _ref.displayThumbnail,
-      displayTitle = _ref.displayTitle,
-      modifier = _ref.modifier,
-      entity = _ref.entity,
-      propsToDisplay = _ref.propsToDisplay,
-      gtmChildren = _ref.gtmChildren,
-      cardChildren = _ref.cardChildren,
-      name = _ref.name,
-      designConfig = _ref.designConfig,
-      itemsPerRow = _ref.itemsPerRow,
-      enableCarousel = _ref.enableCarousel,
-      bannerModifier = _ref.bannerModifier,
-      priorityLimit = _ref.priorityLimit,
-      enableAutoScroll = _ref.enableAutoScroll,
-      enableOverlay = _ref.enableOverlay,
-      autoScrollTimer = _ref.autoScrollTimer,
-      overlayModifier = _ref.overlayModifier,
-      titleOverlayModifier = _ref.titleOverlayModifier,
-      cardProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    gridModifier = _ref.gridModifier,
+    style = _ref.style,
+    displayCategory = _ref.displayCategory,
+    displayThumbnail = _ref.displayThumbnail,
+    displayTitle = _ref.displayTitle,
+    modifier = _ref.modifier,
+    entity = _ref.entity,
+    propsToDisplay = _ref.propsToDisplay,
+    gtmChildren = _ref.gtmChildren,
+    cardChildren = _ref.cardChildren,
+    name = _ref.name,
+    designConfig = _ref.designConfig,
+    itemsPerRow = _ref.itemsPerRow,
+    enableCarousel = _ref.enableCarousel,
+    bannerModifier = _ref.bannerModifier,
+    priorityLimit = _ref.priorityLimit,
+    enableAutoScroll = _ref.enableAutoScroll,
+    enableOverlay = _ref.enableOverlay,
+    autoScrollTimer = _ref.autoScrollTimer,
+    overlayModifier = _ref.overlayModifier,
+    titleOverlayModifier = _ref.titleOverlayModifier,
+    cardProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var entities = (0, _helpers2.getEntitiesWithBanner)(cardData, cardProps);
-
   var _useContext = (0, _react.useContext)(_nextjsComponents.MainContext),
-      itemId = _useContext.itemId;
-
+    itemId = _useContext.itemId;
   var propsToDisplayModifiers = (0, _utils.getPropsToDisplayModifiers)(propsToDisplay);
   var dynamicWrapperSizes = enableCarousel ? '' : (0, _helpers.getDynamicGridClasses)('grid', itemsPerRow, designConfig);
   var cardBannerIndex = 0;
@@ -104,8 +73,8 @@ var CardContainer = function CardContainer(_ref) {
     autoScrollTimer: autoScrollTimer
   }, entities.map(function (_ref2, index) {
     var baseAdunit = _ref2.baseAdunit,
-        id = _ref2.id,
-        entityProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+      id = _ref2.id,
+      entityProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
     var extraProps = (0, _helpers2.parsePropsToDisplay)(entityProps, propsToDisplay);
     var dynamicKey = [itemId, index].join('-');
     if (baseAdunit) cardBannerIndex += 1;
@@ -122,7 +91,8 @@ var CardContainer = function CardContainer(_ref) {
       id: id,
       enableCarousel: enableCarousel,
       entity: entity,
-      propsToDisplay: extraProps,
+      propsToDisplay: propsToDisplay,
+      parsedPropsToDisplay: extraProps,
       propsToDisplayModifiers: propsToDisplayModifiers,
       modifier: modifier,
       style: style,
@@ -141,7 +111,6 @@ var CardContainer = function CardContainer(_ref) {
     }, entityProps));
   }));
 };
-
 CardContainer.propTypes = {
   cardData: _propTypes["default"].array.isRequired,
   name: _propTypes["default"].string,
@@ -188,8 +157,6 @@ CardContainer.defaultProps = {
   overlayModifier: '',
   titleOverlayModifier: ''
 };
-
 var _default = (0, _HOC.withTitle)(CardContainer);
-
 exports["default"] = _default;
 //# sourceMappingURL=CardContainer.js.map