@blaze-cms/react-page-builder 0.125.0-auth-updates.3 → 0.125.0-auth-updates.5

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.125.0-auth-updates.5](https://github.com/thebyte9/blaze/compare/v0.125.0-auth-updates.4...v0.125.0-auth-updates.5) (2022-11-21)
+
+
+### Bug Fixes
+
+* added link handler to card ([#3692](https://github.com/thebyte9/blaze/issues/3692)) ([d7c003d](https://github.com/thebyte9/blaze/commit/d7c003d85e4e8fba4c7707a61ea33cb9ac86fceb))
+
+
+### Features
+
+* GroupContent components ([#3678](https://github.com/thebyte9/blaze/issues/3678)) ([b6f5c7e](https://github.com/thebyte9/blaze/commit/b6f5c7e6e5a03f2322f3d3c1568c9d42b33ede45))
+
+
+
+
+
+# [0.125.0-auth-updates.4](https://github.com/thebyte9/blaze/compare/v0.125.0-auth-updates.3...v0.125.0-auth-updates.4) (2022-11-17)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 # [0.125.0-auth-updates.3](https://github.com/thebyte9/blaze/compare/v0.125.0-auth-updates.2...v0.125.0-auth-updates.3) (2022-11-15)
 
 

package/README.md

@@ -99,9 +99,9 @@ _Source_ for checking ads https://dfpgpt.appspot.com/.
 
 ## Item List components
 There are three components related to item lists
-- ItemListButton: add/remove items from list
-- ItemListCounter: shows a counter of items in a list
-- ItemListNew: Clears the stored local list
+- itemListButton: add/remove items from list
+- itemListCounter: shows a counter of items in a list
+- itemListNew: Clears the stored local list
 
 List components are link by the "listName" property and when a new list is created the id of the list is stored in local storage.
 
@@ -374,3 +374,5 @@ after: ITEM ITEM _BANNER_ ITEM ITEM ITEM _BANNER_ ITEM ITEM _BANNER_ ITEM ITEM I
 | BLAZE_PB_TEXTBLOCK_WRAPPER_ENABLE | Render legacy texblock component wrapper                                                                                   | false   |
 | BLAZE_SCROLL_OFFSET               | Offest to use when scrolling after an event. Can be set if there are sticky elements on the page to take them into account | false   |
 | BLAZE_PB_SEARCH_FILETER_AGG_SIZE               | Override default size property for search filter aggregations  | 500   |
+| BLAZE_PB_ADD_CLICK_TO_CARDS               | Add click handler to card parent  | false   |
+

package/example.env

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

package/lib/components/Card/Card.js

@@ -1,7 +1,6 @@
 "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");
@@ -15,10 +14,13 @@ Object.defineProperty(exports, "__esModule", {
 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"));
@@ -58,6 +60,7 @@ var Card = function Card(_ref) {
     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
@@ -95,9 +98,24 @@ var Card = function Card(_ref) {
   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,

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","parsedPropsToDisplay","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","htmlAttribute","extraProps","props","children","encodeURIComponent","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  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 { 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            {!!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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"}
+{"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/constants.js

@@ -4,7 +4,9 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CARD_STRING = void 0;
+exports.CARD_STRING = exports.CARD_CHILDREN_WITH_LINKS = void 0;
 var CARD_STRING = 'card';
 exports.CARD_STRING = CARD_STRING;
+var CARD_CHILDREN_WITH_LINKS = ['a', 'img', 'button', 'svg', 'i', 'path'];
+exports.CARD_CHILDREN_WITH_LINKS = CARD_CHILDREN_WITH_LINKS;
 //# sourceMappingURL=constants.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["CARD_STRING"],"sources":["../../../src/components/Card/constants.js"],"sourcesContent":["const CARD_STRING = 'card';\n\nexport { CARD_STRING };\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAG,MAAM;AAAC"}
+{"version":3,"file":"constants.js","names":["CARD_STRING","CARD_CHILDREN_WITH_LINKS"],"sources":["../../../src/components/Card/constants.js"],"sourcesContent":["const CARD_STRING = 'card';\nconst CARD_CHILDREN_WITH_LINKS = ['a', 'img', 'button', 'svg', 'i', 'path'];\n\nexport { CARD_STRING, CARD_CHILDREN_WITH_LINKS };\n"],"mappings":";;;;;;;AAAA,IAAMA,WAAW,GAAG,MAAM;AAAC;AAC3B,IAAMC,wBAAwB,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,CAAC;AAAC"}

package/lib/components/ContentGroup/ContentGroup.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ContentGroupTabs = _interopRequireDefault(require("./ContentGroupTabs"));
+var _excluded = ["contentType"];
+var ContentGroup = function ContentGroup(_ref) {
+  var contentType = _ref.contentType,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  if (contentType === 'tab' || contentType === 'sidepanel') return /*#__PURE__*/_react["default"].createElement(_ContentGroupTabs["default"], (0, _extends2["default"])({
+    contentType: contentType
+  }, props));
+  return '';
+};
+ContentGroup.propTypes = {
+  contentType: _propTypes["default"].string.isRequired
+};
+ContentGroup.defaultProps = {};
+var _default = ContentGroup;
+exports["default"] = _default;
+//# sourceMappingURL=ContentGroup.js.map

package/lib/components/ContentGroup/ContentGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroup.js","names":["ContentGroup","contentType","props","propTypes","PropTypes","string","isRequired","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroup.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ContentGroupTabs from './ContentGroupTabs';\n\nconst ContentGroup = ({ contentType, ...props }) => {\n  if (contentType === 'tab' || contentType === 'sidepanel')\n    return <ContentGroupTabs contentType={contentType} {...props} />;\n  return '';\n};\n\nContentGroup.propTypes = {\n  contentType: PropTypes.string.isRequired\n};\n\nContentGroup.defaultProps = {};\n\nexport default ContentGroup;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAAkD;AAElD,IAAMA,YAAY,GAAG,SAAfA,YAAY,OAAkC;EAAA,IAA5BC,WAAW,QAAXA,WAAW;IAAKC,KAAK;EAC3C,IAAID,WAAW,KAAK,KAAK,IAAIA,WAAW,KAAK,WAAW,EACtD,oBAAO,gCAAC,4BAAgB;IAAC,WAAW,EAAEA;EAAY,GAAKC,KAAK,EAAI;EAClE,OAAO,EAAE;AACX,CAAC;AAEDF,YAAY,CAACG,SAAS,GAAG;EACvBF,WAAW,EAAEG,qBAAS,CAACC,MAAM,CAACC;AAChC,CAAC;AAEDN,YAAY,CAACO,YAAY,GAAG,CAAC,CAAC;AAAC,eAEhBP,YAAY;AAAA"}

package/lib/components/ContentGroup/ContentGroupTabs.js

@@ -0,0 +1,94 @@
+"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");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _excluded = ["name", "contentType", "modifier", "children"];
+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 ContentGroupTabs = function ContentGroupTabs(_ref) {
+  var _children$props;
+  var name = _ref.name,
+    contentType = _ref.contentType,
+    modifier = _ref.modifier,
+    children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _useState = (0, _react.useState)('tab-0'),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    selectedTab = _useState2[0],
+    setSelectedTab = _useState2[1];
+  var groupSections = children === null || children === void 0 ? void 0 : (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.children[1];
+  var contentClassame = contentType === 'tab' ? '-tabs' : '-sidepanel';
+  if (!groupSections || !groupSections.length) return '';
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "content-group".concat(contentClassame)
+  }, /*#__PURE__*/_react["default"].createElement("ul", {
+    className: "content-group".concat(contentClassame, "__buttons-wrapper"),
+    role: "tablist",
+    "aria-label": name
+  }, groupSections.map(function (groupSection, index) {
+    var _groupSection$props = groupSection.props;
+    _groupSection$props = _groupSection$props === void 0 ? {} : _groupSection$props;
+    var _groupSection$props$c = _groupSection$props.component;
+    _groupSection$props$c = _groupSection$props$c === void 0 ? {} : _groupSection$props$c;
+    var _groupSection$props$c2 = _groupSection$props$c.settings;
+    _groupSection$props$c2 = _groupSection$props$c2 === void 0 ? {} : _groupSection$props$c2;
+    var sectionLabel = _groupSection$props$c2.label;
+    var tabId = "tab-".concat(index);
+    var panelId = "panel-".concat(index);
+    var isSelected = selectedTab === tabId;
+    var buttonClassName = isSelected ? "content-group".concat(contentClassame, "__button--is-active") : "content-group".concat(contentClassame, "__button");
+    return /*#__PURE__*/_react["default"].createElement("button", {
+      id: tabId,
+      key: tabId,
+      className: buttonClassName,
+      type: "button",
+      role: "tab",
+      "aria-selected": isSelected,
+      "aria-controls": panelId,
+      onClick: function onClick() {
+        return setSelectedTab(tabId);
+      }
+    }, sectionLabel);
+  })), groupSections.map(function (groupSection, index) {
+    var tabId = "tab-".concat(index);
+    var panelId = "panel-".concat(index);
+    if (selectedTab !== tabId) return null;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      id: panelId,
+      key: panelId,
+      className: "content-group".concat(contentClassame, "__content-section"),
+      role: "tabpanel",
+      "aria-labelledby": tabId
+    }, groupSection);
+  }));
+};
+ContentGroupTabs.propTypes = {
+  name: _propTypes["default"].string.isRequired,
+  contentType: _propTypes["default"].string.isRequired,
+  modifier: _propTypes["default"].string,
+  children: _propTypes["default"].object
+};
+ContentGroupTabs.defaultProps = {
+  modifier: '',
+  children: {}
+};
+var _default = ContentGroupTabs;
+exports["default"] = _default;
+//# sourceMappingURL=ContentGroupTabs.js.map

package/lib/components/ContentGroup/ContentGroupTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroupTabs.js","names":["ContentGroupTabs","name","contentType","modifier","children","props","useState","selectedTab","setSelectedTab","groupSections","contentClassame","length","map","groupSection","index","component","settings","sectionLabel","label","tabId","panelId","isSelected","buttonClassName","propTypes","PropTypes","string","isRequired","object","defaultProps"],"sources":["../../../src/components/ContentGroup/ContentGroupTabs.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nconst ContentGroupTabs = ({ name, contentType, modifier, children, ...props }) => {\n  const [selectedTab, setSelectedTab] = useState('tab-0');\n  const groupSections = children?.props?.children[1];\n  const contentClassame = contentType === 'tab' ? '-tabs' : '-sidepanel';\n  if (!groupSections || !groupSections.length) return '';\n\n  return (\n    <div className={`content-group${contentClassame}`}>\n      <ul\n        className={`content-group${contentClassame}__buttons-wrapper`}\n        role=\"tablist\"\n        aria-label={name}>\n        {groupSections.map((groupSection, index) => {\n          const {\n            props: { component: { settings: { label: sectionLabel } = {} } = {} } = {}\n          } = groupSection;\n          const tabId = `tab-${index}`;\n          const panelId = `panel-${index}`;\n          const isSelected = selectedTab === tabId;\n          const buttonClassName = isSelected\n            ? `content-group${contentClassame}__button--is-active`\n            : `content-group${contentClassame}__button`;\n\n          return (\n            <button\n              id={tabId}\n              key={tabId}\n              className={buttonClassName}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isSelected}\n              aria-controls={panelId}\n              onClick={() => setSelectedTab(tabId)}>\n              {sectionLabel}\n            </button>\n          );\n        })}\n      </ul>\n      {groupSections.map((groupSection, index) => {\n        const tabId = `tab-${index}`;\n        const panelId = `panel-${index}`;\n        if (selectedTab !== tabId) return null;\n\n        return (\n          <div\n            id={panelId}\n            key={panelId}\n            className={`content-group${contentClassame}__content-section`}\n            role=\"tabpanel\"\n            aria-labelledby={tabId}>\n            {groupSection}\n          </div>\n        );\n      })}\n    </div>\n  );\n};\n\nContentGroupTabs.propTypes = {\n  name: PropTypes.string.isRequired,\n  contentType: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  children: PropTypes.object\n};\n\nContentGroupTabs.defaultProps = {\n  modifier: '',\n  children: {}\n};\n\nexport default ContentGroupTabs;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AACA;AAAmC;AAAA;AAAA;AAEnC,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,OAA4D;EAAA;EAAA,IAAtDC,IAAI,QAAJA,IAAI;IAAEC,WAAW,QAAXA,WAAW;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EACzE,gBAAsC,IAAAC,eAAQ,EAAC,OAAO,CAAC;IAAA;IAAhDC,WAAW;IAAEC,cAAc;EAClC,IAAMC,aAAa,GAAGL,QAAQ,aAARA,QAAQ,0CAARA,QAAQ,CAAEC,KAAK,oDAAf,gBAAiBD,QAAQ,CAAC,CAAC,CAAC;EAClD,IAAMM,eAAe,GAAGR,WAAW,KAAK,KAAK,GAAG,OAAO,GAAG,YAAY;EACtE,IAAI,CAACO,aAAa,IAAI,CAACA,aAAa,CAACE,MAAM,EAAE,OAAO,EAAE;EAEtD,oBACE;IAAK,SAAS,yBAAkBD,eAAe;EAAG,gBAChD;IACE,SAAS,yBAAkBA,eAAe,sBAAoB;IAC9D,IAAI,EAAC,SAAS;IACd,cAAYT;EAAK,GAChBQ,aAAa,CAACG,GAAG,CAAC,UAACC,YAAY,EAAEC,KAAK,EAAK;IAC1C,0BAEID,YAAY,CADdR,KAAK;IADP,uDAC0E,CAAC,CAAC;IAD5E,gDACWU,SAAS;IADpB,2DACmE,CAAC,CAAC;IADrE,mDACwBC,QAAQ;IADhC,6DAC4D,CAAC,CAAC;IAD9D,IAC2CC,YAAY,0BAAnBC,KAAK;IAEzC,IAAMC,KAAK,iBAAUL,KAAK,CAAE;IAC5B,IAAMM,OAAO,mBAAYN,KAAK,CAAE;IAChC,IAAMO,UAAU,GAAGd,WAAW,KAAKY,KAAK;IACxC,IAAMG,eAAe,GAAGD,UAAU,0BACdX,eAAe,kDACfA,eAAe,aAAU;IAE7C,oBACE;MACE,EAAE,EAAES,KAAM;MACV,GAAG,EAAEA,KAAM;MACX,SAAS,EAAEG,eAAgB;MAC3B,IAAI,EAAC,QAAQ;MACb,IAAI,EAAC,KAAK;MACV,iBAAeD,UAAW;MAC1B,iBAAeD,OAAQ;MACvB,OAAO,EAAE;QAAA,OAAMZ,cAAc,CAACW,KAAK,CAAC;MAAA;IAAC,GACpCF,YAAY,CACN;EAEb,CAAC,CAAC,CACC,EACJR,aAAa,CAACG,GAAG,CAAC,UAACC,YAAY,EAAEC,KAAK,EAAK;IAC1C,IAAMK,KAAK,iBAAUL,KAAK,CAAE;IAC5B,IAAMM,OAAO,mBAAYN,KAAK,CAAE;IAChC,IAAIP,WAAW,KAAKY,KAAK,EAAE,OAAO,IAAI;IAEtC,oBACE;MACE,EAAE,EAAEC,OAAQ;MACZ,GAAG,EAAEA,OAAQ;MACb,SAAS,yBAAkBV,eAAe,sBAAoB;MAC9D,IAAI,EAAC,UAAU;MACf,mBAAiBS;IAAM,GACtBN,YAAY,CACT;EAEV,CAAC,CAAC,CACE;AAEV,CAAC;AAEDb,gBAAgB,CAACuB,SAAS,GAAG;EAC3BtB,IAAI,EAAEuB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACjCxB,WAAW,EAAEsB,qBAAS,CAACC,MAAM,CAACC,UAAU;EACxCvB,QAAQ,EAAEqB,qBAAS,CAACC,MAAM;EAC1BrB,QAAQ,EAAEoB,qBAAS,CAACG;AACtB,CAAC;AAED3B,gBAAgB,CAAC4B,YAAY,GAAG;EAC9BzB,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE,CAAC;AACb,CAAC;AAAC,eAEaJ,gBAAgB;AAAA"}

package/lib/components/ContentGroup/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _ContentGroup = _interopRequireDefault(require("./ContentGroup"));
+var _default = _ContentGroup["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ContentGroup"],"sources":["../../../src/components/ContentGroup/index.js"],"sourcesContent":["import ContentGroup from './ContentGroup';\n\nexport default ContentGroup;\n"],"mappings":";;;;;;;;AAAA;AAA0C,eAE3BA,wBAAY;AAAA"}

package/lib/components/ContentGroupSection/ContentGroupSection.js

@@ -0,0 +1,30 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _helpers = require("../../helpers");
+var _excluded = ["children"];
+var ContentGroupSection = function ContentGroupSection(_ref) {
+  var children = _ref.children,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  if (!(0, _helpers.hasChildren)(children)) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "content-group-section"
+  }, children);
+};
+ContentGroupSection.propTypes = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
+};
+ContentGroupSection.defaultProps = {
+  children: null
+};
+var _default = ContentGroupSection;
+exports["default"] = _default;
+//# sourceMappingURL=ContentGroupSection.js.map

package/lib/components/ContentGroupSection/ContentGroupSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGroupSection.js","names":["ContentGroupSection","children","props","hasChildren","propTypes","PropTypes","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/ContentGroupSection/ContentGroupSection.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { hasChildren } from '../../helpers';\n\nconst ContentGroupSection = ({ children, ...props }) => {\n  if (!hasChildren(children)) return null;\n\n  return <div className=\"content-group-section\">{children}</div>;\n};\n\nContentGroupSection.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nContentGroupSection.defaultProps = { children: null };\n\nexport default ContentGroupSection;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAA4C;AAE5C,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,OAA+B;EAAA,IAAzBC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EAC/C,IAAI,CAAC,IAAAC,oBAAW,EAACF,QAAQ,CAAC,EAAE,OAAO,IAAI;EAEvC,oBAAO;IAAK,SAAS,EAAC;EAAuB,GAAEA,QAAQ,CAAO;AAChE,CAAC;AAEDD,mBAAmB,CAACI,SAAS,GAAG;EAC9BH,QAAQ,EAAEI,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC;AACnF,CAAC;AAEDR,mBAAmB,CAACS,YAAY,GAAG;EAAER,QAAQ,EAAE;AAAK,CAAC;AAAC,eAEvCD,mBAAmB;AAAA"}

package/lib/components/ContentGroupSection/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _ContentGroupSection = _interopRequireDefault(require("./ContentGroupSection"));
+var _default = _ContentGroupSection["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ContentGroupSection"],"sources":["../../../src/components/ContentGroupSection/index.js"],"sourcesContent":["import ContentGroupSection from './ContentGroupSection';\n\nexport default ContentGroupSection;\n"],"mappings":";;;;;;;;AAAA;AAAwD,eAEzCA,+BAAmB;AAAA"}

package/lib/components/index.js

@@ -149,6 +149,16 @@ var _default = {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require( /* webpackChunkName: "blazePbBackToTop" */'./BackToTop'));
     });
+  }),
+  contentgroup: (0, _dynamic["default"])(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "blazePbContentGroup" */'./ContentGroup'));
+    });
+  }),
+  contentgroupsection: (0, _dynamic["default"])(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "blazePbContentGroupSection" */'./ContentGroupSection'));
+    });
   })
 };
 exports["default"] = _default;

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["banner","Banner","button","dynamic","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchcontent","searchfilter","searchfiltersort","modal","code","menu","menuitem","submenu","emailconfirm","breadcrumb","itemlistbutton","itemlistcounter","itemlistnew","backtotop"],"sources":["../../src/components/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchcontent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchContent/SearchContent')\n  ),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb')),\n  itemlistbutton: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListButton\" */ './ItemList/ItemListButton')\n  ),\n  itemlistcounter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListCounter\" */ './ItemList/ItemListCounter')\n  ),\n  itemlistnew: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListNew\" */ './ItemList/ItemListNew')\n  ),\n  backtotop: dynamic(() => import(/* webpackChunkName: \"blazePbBackToTop\" */ './BackToTop'))\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["banner","Banner","button","dynamic","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchcontent","searchfilter","searchfiltersort","modal","code","menu","menuitem","submenu","emailconfirm","breadcrumb","itemlistbutton","itemlistcounter","itemlistnew","backtotop","contentgroup","contentgroupsection"],"sources":["../../src/components/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchcontent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchContent/SearchContent')\n  ),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb')),\n  itemlistbutton: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListButton\" */ './ItemList/ItemListButton')\n  ),\n  itemlistcounter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListCounter\" */ './ItemList/ItemListCounter')\n  ),\n  itemlistnew: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListNew\" */ './ItemList/ItemListNew')\n  ),\n  backtotop: dynamic(() => import(/* webpackChunkName: \"blazePbBackToTop\" */ './BackToTop')),\n  contentgroup: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbContentGroup\" */ './ContentGroup')\n  ),\n  contentgroupsection: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbContentGroupSection\" */ './ContentGroupSection')\n  )\n};\n"],"mappings":"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"}

package/lib/hooks/helpers/get-banners-by-type.js

@@ -28,7 +28,7 @@ var getBannersByType = function getBannersByType(items, bannerType) {
           insertionType = _ref2.settings.insertionType;
         return type === _constants.PB_TYPE_BANNER && insertionType === _constants.PB_TYPE_TEXTBLOCK;
       });
-      var hasTextBlockBanners = textBlockBanners && textBlockBanners.length;
+      var hasTextBlockBanners = !!textBlockBanners && !!textBlockBanners.length;
       return [hasTextBlockBanners, textBlockBanners];
     }
   }

package/lib/hooks/helpers/get-banners-by-type.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-banners-by-type.js","names":["getBannersByType","items","bannerType","ELEMENT","filter","type","insertionType","settings","PB_TYPE_BANNER","bannerToInject","textBlockBanners","PB_TYPE_TEXTBLOCK","hasTextBlockBanners","length"],"sources":["../../../src/hooks/helpers/get-banners-by-type.js"],"sourcesContent":["import { PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK } from './constants';\nimport { ELEMENT } from '../../constants';\n\nconst getBannersByType = (items, bannerType) => {\n  if (items) {\n    if (bannerType === ELEMENT) {\n      const [bannerToInject] = items.filter(\n        ({ type, settings: { insertionType } }) =>\n          type === PB_TYPE_BANNER && insertionType === bannerType\n      );\n      if (bannerToInject) return [true, bannerToInject];\n    } else {\n      const textBlockBanners = items.filter(\n        ({ type, settings: { insertionType } }) =>\n          type === PB_TYPE_BANNER && insertionType === PB_TYPE_TEXTBLOCK\n      );\n\n      const hasTextBlockBanners = textBlockBanners && textBlockBanners.length;\n\n      return [hasTextBlockBanners, textBlockBanners];\n    }\n  }\n\n  return [false, []];\n};\n\nexport default getBannersByType;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,KAAK,EAAEC,UAAU,EAAK;EAC9C,IAAID,KAAK,EAAE;IACT,IAAIC,UAAU,KAAKC,mBAAO,EAAE;MAC1B,oBAAyBF,KAAK,CAACG,MAAM,CACnC;UAAA,IAAGC,IAAI,QAAJA,IAAI;YAAcC,aAAa,QAAzBC,QAAQ,CAAID,aAAa;UAAA,OAChCD,IAAI,KAAKG,yBAAc,IAAIF,aAAa,KAAKJ,UAAU;QAAA,EAC1D;QAAA;QAHMO,cAAc;MAIrB,IAAIA,cAAc,EAAE,OAAO,CAAC,IAAI,EAAEA,cAAc,CAAC;IACnD,CAAC,MAAM;MACL,IAAMC,gBAAgB,GAAGT,KAAK,CAACG,MAAM,CACnC;QAAA,IAAGC,IAAI,SAAJA,IAAI;UAAcC,aAAa,SAAzBC,QAAQ,CAAID,aAAa;QAAA,OAChCD,IAAI,KAAKG,yBAAc,IAAIF,aAAa,KAAKK,4BAAiB;MAAA,EACjE;MAED,IAAMC,mBAAmB,GAAGF,gBAAgB,IAAIA,gBAAgB,CAACG,MAAM;MAEvE,OAAO,CAACD,mBAAmB,EAAEF,gBAAgB,CAAC;IAChD;EACF;EAEA,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AACpB,CAAC;AAAC,eAEaV,gBAAgB;AAAA"}
+{"version":3,"file":"get-banners-by-type.js","names":["getBannersByType","items","bannerType","ELEMENT","filter","type","insertionType","settings","PB_TYPE_BANNER","bannerToInject","textBlockBanners","PB_TYPE_TEXTBLOCK","hasTextBlockBanners","length"],"sources":["../../../src/hooks/helpers/get-banners-by-type.js"],"sourcesContent":["import { PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK } from './constants';\nimport { ELEMENT } from '../../constants';\n\nconst getBannersByType = (items, bannerType) => {\n  if (items) {\n    if (bannerType === ELEMENT) {\n      const [bannerToInject] = items.filter(\n        ({ type, settings: { insertionType } }) =>\n          type === PB_TYPE_BANNER && insertionType === bannerType\n      );\n      if (bannerToInject) return [true, bannerToInject];\n    } else {\n      const textBlockBanners = items.filter(\n        ({ type, settings: { insertionType } }) =>\n          type === PB_TYPE_BANNER && insertionType === PB_TYPE_TEXTBLOCK\n      );\n\n      const hasTextBlockBanners = !!textBlockBanners && !!textBlockBanners.length;\n\n      return [hasTextBlockBanners, textBlockBanners];\n    }\n  }\n\n  return [false, []];\n};\n\nexport default getBannersByType;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,KAAK,EAAEC,UAAU,EAAK;EAC9C,IAAID,KAAK,EAAE;IACT,IAAIC,UAAU,KAAKC,mBAAO,EAAE;MAC1B,oBAAyBF,KAAK,CAACG,MAAM,CACnC;UAAA,IAAGC,IAAI,QAAJA,IAAI;YAAcC,aAAa,QAAzBC,QAAQ,CAAID,aAAa;UAAA,OAChCD,IAAI,KAAKG,yBAAc,IAAIF,aAAa,KAAKJ,UAAU;QAAA,EAC1D;QAAA;QAHMO,cAAc;MAIrB,IAAIA,cAAc,EAAE,OAAO,CAAC,IAAI,EAAEA,cAAc,CAAC;IACnD,CAAC,MAAM;MACL,IAAMC,gBAAgB,GAAGT,KAAK,CAACG,MAAM,CACnC;QAAA,IAAGC,IAAI,SAAJA,IAAI;UAAcC,aAAa,SAAzBC,QAAQ,CAAID,aAAa;QAAA,OAChCD,IAAI,KAAKG,yBAAc,IAAIF,aAAa,KAAKK,4BAAiB;MAAA,EACjE;MAED,IAAMC,mBAAmB,GAAG,CAAC,CAACF,gBAAgB,IAAI,CAAC,CAACA,gBAAgB,CAACG,MAAM;MAE3E,OAAO,CAACD,mBAAmB,EAAEF,gBAAgB,CAAC;IAChD;EACF;EAEA,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AACpB,CAAC;AAAC,eAEaV,gBAAgB;AAAA"}

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

@@ -2,13 +2,14 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 const _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"];
 import React, { Fragment } from 'react';
+import { useRouter } from 'next/router';
 import PropTypes from 'prop-types';
 import BlazeLink from '../BlazeLink';
 import ClickWrapper from '../ClickWrapper';
 import { getModifiers, renderChildren, updateChildrensParent, getClickWrapperOptions } from '../../helpers';
 import LazyImage from '../LazyImage';
 import { getPublishedListingUrl, useDynamicSizeKey } from './helpers';
-import { CARD_STRING } from './constants';
+import { CARD_STRING, CARD_CHILDREN_WITH_LINKS } from './constants';
 const Card = _ref => {
   let {
       id,
@@ -40,6 +41,7 @@ const Card = _ref => {
     } = _ref,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   updateChildrensParent(cardChildren, id, entity);
+  const router = useRouter();
   const {
     imageSrc,
     shouldDisplayThumbnail,
@@ -80,9 +82,22 @@ const Card = _ref => {
   const classNameWithModifiers = getModifiers(CARD_STRING, modifiers);
   const contentWrapperModifier = `${getModifiers('card__content-wrapper', modifiers)} ${enableOverlay && enableCarousel ? overlayModifier : ''}`;
   const titleWrapperModifier = `${getModifiers('card__title', modifiers)} ${enableOverlay && enableCarousel ? titleOverlayModifier : ''}`;
-  return /*#__PURE__*/React.createElement(Wrapper, wrapperProps, /*#__PURE__*/React.createElement("div", {
+  const handleCardClick = e => {
+    if (!url) return;
+    const clickEventTag = e.target.tagName.toLowerCase();
+    const clickEventRole = e.target.role;
+    const shouldTriggerRouteChange = clickEventRole !== 'button' && !CARD_CHILDREN_WITH_LINKS.find(childTag => childTag === clickEventTag);
+    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 ? {
+    onClick: handleCardClick,
+    role: 'button'
+  } : {};
+  return /*#__PURE__*/React.createElement(Wrapper, wrapperProps, /*#__PURE__*/React.createElement("div", _extends({
     className: classNameWithModifiers
-  }, shouldDisplayThumbnail && /*#__PURE__*/React.createElement("div", {
+  }, clickProps), shouldDisplayThumbnail && /*#__PURE__*/React.createElement("div", {
     className: getModifiers('card__image', modifiers)
   }, /*#__PURE__*/React.createElement(BlazeLink, {
     gtmId: gtmId,