@blaze-cms/react-page-builder 0.130.0-admin-updates.0 → 0.130.0-admin-updates.2

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.130.0-admin-updates.2](https://github.com/thebyte9/blaze/compare/v0.130.0-admin-updates.1...v0.130.0-admin-updates.2) (2023-06-13)
+
+
+### Bug Fixes
+
+* fixed banner not recieveng bannerProps from cards ([#3952](https://github.com/thebyte9/blaze/issues/3952)) ([ca41d15](https://github.com/thebyte9/blaze/commit/ca41d15acdc30e345a542b39f72bfdaffa949fee))
+
+
+
+
+
+# [0.130.0-admin-updates.1](https://github.com/thebyte9/blaze/compare/v0.130.0-admin-updates.0...v0.130.0-admin-updates.1) (2023-06-12)
+
+
+### Bug Fixes
+
+* added smooth scroll time check ([#3937](https://github.com/thebyte9/blaze/issues/3937)) ([a20a22d](https://github.com/thebyte9/blaze/commit/a20a22d59e813563ebdd017270555d518635d5de))
+* fixed title repeat ([#3936](https://github.com/thebyte9/blaze/issues/3936)) ([ae57a5e](https://github.com/thebyte9/blaze/commit/ae57a5e53880ff8caa1bd47a50126a97659884fa))
+
+
+
+
+
 # [0.130.0-admin-updates.0](https://github.com/thebyte9/blaze/compare/v0.129.0...v0.130.0-admin-updates.0) (2023-05-24)
 
 

package/lib/components/Card/CardsContainer.js

@@ -38,7 +38,7 @@ var _helpers = require("./helpers");
 var _helpers2 = require("../../helpers");
 var _utils = require("../../utils");
 var _helpers3 = require("../List/components/helpers");
-var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "graphqlEntityMap", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableSmoothScroll", "enableOverlay", "autoScrollTimer", "overlayModifier", "titleOverlayModifier"],
+var _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "graphqlEntityMap", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableSmoothScroll", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "overlayModifier", "titleOverlayModifier"],
   _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; }
@@ -60,11 +60,11 @@ var CardContainer = function CardContainer(_ref) {
     name = _ref.name,
     designConfig = _ref.designConfig,
     itemsPerRow = _ref.itemsPerRow,
+    enableSmoothScroll = _ref.enableSmoothScroll,
     enableCarousel = _ref.enableCarousel,
     bannerModifier = _ref.bannerModifier,
     priorityLimit = _ref.priorityLimit,
     enableAutoScroll = _ref.enableAutoScroll,
-    enableSmoothScroll = _ref.enableSmoothScroll,
     enableOverlay = _ref.enableOverlay,
     autoScrollTimer = _ref.autoScrollTimer,
     overlayModifier = _ref.overlayModifier,
@@ -75,14 +75,11 @@ var CardContainer = function CardContainer(_ref) {
   var banner = cardProps.banner;
   // TODO: remove this check and all associated code once old banner setup is no longer supported
   var hasNewBannerSettings = (0, _helpers3.checkNewBannerSettings)(banner);
-  var parsedCardsData = hasNewBannerSettings ? cardData : (0, _helpers2.getEntitiesWithBanner)(cardData, cardProps);
+  var parsedCardsData = (0, _helpers2.getEntitiesWithBanner)(cardData, cardProps, hasNewBannerSettings);
   var propsToDisplayModifiers = (0, _utils.getPropsToDisplayModifiers)(propsToDisplay);
   var dynamicWrapperSizes = enableCarousel ? '' : (0, _helpers.getDynamicGridClasses)('grid', itemsPerRow, designConfig);
   var CardWrapper = enableCarousel ? _CarouselWrapper["default"] : _Wrapper["default"];
   var bannerIndex = 0;
-  var bannerProps = banner ? _objectSpread(_objectSpread(_objectSpread({}, cardProps), banner), {}, {
-    type: 'banner'
-  }) : null;
   return /*#__PURE__*/_react["default"].createElement(CardWrapper, {
     className: dynamicWrapperSizes,
     modifiers: gridModifier,
@@ -96,7 +93,7 @@ var CardContainer = function CardContainer(_ref) {
     var baseAdunit = currentEntity.baseAdunit,
       id = currentEntity.id,
       entityProps = (0, _objectWithoutProperties2["default"])(currentEntity, _excluded2);
-    var shouldRenderBanner = !!bannerProps && (0, _helpers3.checkIfShouldRenderBanner)(index, banner);
+    var shouldRenderBanner = !!banner && (0, _helpers3.checkIfShouldRenderBanner)(index, banner);
     var extraProps = (0, _helpers2.parsePropsToDisplay)(entityProps, propsToDisplay);
     var dynamicKey = [itemId, index].join('-');
     var priority = !!enableSmoothScroll || priorityLimit > 0 && index + 1 <= priorityLimit;
@@ -125,18 +122,24 @@ var CardContainer = function CardContainer(_ref) {
       overlayModifier: overlayModifier,
       titleOverlayModifier: titleOverlayModifier
     }, entityProps);
+    var bannerProps = _objectSpread(_objectSpread({}, banner), {}, {
+      type: 'banner'
+    });
     if (hasNewBannerSettings) return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Card["default"], (0, _extends2["default"])({
       key: id
     }, parsedCardProps)), shouldRenderBanner && /*#__PURE__*/_react["default"].createElement(_Banner["default"], (0, _extends2["default"])({
       key: dynamicKey
-    }, bannerProps, {
-      renderCounter: bannerIndex
+    }, entityProps, bannerProps, {
+      renderCounter: bannerIndex,
+      entity: graphqlEntityMap[entityProps.__typename],
+      baseAdunit: baseAdunit,
+      modifier: modifier
     })));
     return baseAdunit ? /*#__PURE__*/_react["default"].createElement(_Banner["default"], (0, _extends2["default"])({
       key: dynamicKey,
       entity: graphqlEntityMap[entityProps.__typename],
       baseAdunit: baseAdunit
-    }, entityProps, {
+    }, entityProps, bannerProps, {
       modifier: modifier,
       renderCounter: bannerIndex
     })) : /*#__PURE__*/_react["default"].createElement(_Card["default"], (0, _extends2["default"])({
@@ -160,6 +163,7 @@ CardContainer.propTypes = {
   style: _propTypes["default"].string,
   designConfig: _propTypes["default"].object,
   itemsPerRow: _propTypes["default"].number,
+  enableSmoothScroll: _propTypes["default"].bool,
   enableCarousel: _propTypes["default"].bool,
   bannerModifier: _propTypes["default"].string,
   priorityLimit: _propTypes["default"].number,
@@ -182,6 +186,7 @@ CardContainer.defaultProps = {
   style: 'portrait',
   designConfig: {},
   itemsPerRow: 1,
+  enableSmoothScroll: false,
   enableCarousel: false,
   bannerModifier: '',
   priorityLimit: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"CardsContainer.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_nextjsComponents","_HOC","_Banner","_Wrapper","_CarouselWrapper","_Card","_helpers","_helpers2","_utils","_helpers3","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","CardContainer","_ref","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","legacyEntity","entity","graphqlEntityMap","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableSmoothScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","_objectWithoutProperties2","_useContext","useContext","MainContext","itemId","banner","hasNewBannerSettings","checkNewBannerSettings","parsedCardsData","getEntitiesWithBanner","propsToDisplayModifiers","getPropsToDisplayModifiers","dynamicWrapperSizes","getDynamicGridClasses","CardWrapper","CarouselWrapper","Wrapper","bannerIndex","bannerProps","type","createElement","className","modifiers","numberOfCards","map","currentEntity","index","baseAdunit","id","entityProps","shouldRenderBanner","checkIfShouldRenderBanner","extraProps","parsePropsToDisplay","dynamicKey","join","priority","parsedCardProps","parsedPropsToDisplay","gtmId","Fragment","_extends2","renderCounter","__typename","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","number","defaultProps","_default","withTitle","exports"],"sources":["../../../src/components/Card/CardsContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\nimport { checkIfShouldRenderBanner, checkNewBannerSettings } from '../List/components/helpers';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity: legacyEntity,\n  graphqlEntityMap,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableSmoothScroll,\n  enableOverlay,\n  autoScrollTimer,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const { itemId } = useContext(MainContext);\n  const { banner } = cardProps;\n  // TODO: remove this check and all associated code once old banner setup is no longer supported\n  const hasNewBannerSettings = checkNewBannerSettings(banner);\n  const parsedCardsData = hasNewBannerSettings\n    ? cardData\n    : getEntitiesWithBanner(cardData, cardProps);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n  let bannerIndex = 0;\n  const bannerProps = banner ? { ...cardProps, ...banner, type: 'banner' } : null;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      enableSmoothScroll={enableSmoothScroll}\n      autoScrollTimer={autoScrollTimer}\n      numberOfCards={parsedCardsData.length}>\n      {parsedCardsData.map((currentEntity, index) => {\n        const { baseAdunit, id, ...entityProps } = currentEntity;\n        const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, banner);\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        const priority = !!enableSmoothScroll || (priorityLimit > 0 && index + 1 <= priorityLimit);\n        if (hasNewBannerSettings && shouldRenderBanner) bannerIndex += 1;\n        if (!hasNewBannerSettings && baseAdunit) bannerIndex += 1;\n        const parsedCardProps = {\n          key: id,\n          id,\n          enableCarousel,\n          graphqlEntityMap,\n          propsToDisplay,\n          parsedPropsToDisplay: extraProps,\n          propsToDisplayModifiers,\n          modifier,\n          style,\n          cardChildren,\n          gtmChildren,\n          gtmId: name,\n          gridModifier,\n          entityProps,\n          displayCategory,\n          displayThumbnail,\n          displayTitle,\n          priority,\n          enableOverlay,\n          overlayModifier,\n          titleOverlayModifier,\n          ...entityProps\n        };\n\n        if (hasNewBannerSettings)\n          return (\n            <>\n              <Card key={id} {...parsedCardProps} />\n              {shouldRenderBanner && (\n                <Banner key={dynamicKey} {...bannerProps} renderCounter={bannerIndex} />\n              )}\n            </>\n          );\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={graphqlEntityMap[entityProps.__typename]}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            renderCounter={bannerIndex}\n          />\n        ) : (\n          <Card key={id} {...parsedCardProps} />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  graphqlEntityMap: PropTypes.object.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}
+{"version":3,"file":"CardsContainer.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_nextjsComponents","_HOC","_Banner","_Wrapper","_CarouselWrapper","_Card","_helpers","_helpers2","_utils","_helpers3","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","CardContainer","_ref","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","legacyEntity","entity","graphqlEntityMap","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableSmoothScroll","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","_objectWithoutProperties2","_useContext","useContext","MainContext","itemId","banner","hasNewBannerSettings","checkNewBannerSettings","parsedCardsData","getEntitiesWithBanner","propsToDisplayModifiers","getPropsToDisplayModifiers","dynamicWrapperSizes","getDynamicGridClasses","CardWrapper","CarouselWrapper","Wrapper","bannerIndex","createElement","className","modifiers","numberOfCards","map","currentEntity","index","baseAdunit","id","entityProps","shouldRenderBanner","checkIfShouldRenderBanner","extraProps","parsePropsToDisplay","dynamicKey","join","priority","parsedCardProps","parsedPropsToDisplay","gtmId","bannerProps","type","Fragment","_extends2","renderCounter","__typename","propTypes","PropTypes","array","isRequired","string","oneOfType","arrayOf","node","bool","number","defaultProps","_default","withTitle","exports"],"sources":["../../../src/components/Card/CardsContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\nimport { checkIfShouldRenderBanner, checkNewBannerSettings } from '../List/components/helpers';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity: legacyEntity,\n  graphqlEntityMap,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableSmoothScroll,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const { itemId } = useContext(MainContext);\n  const { banner } = cardProps;\n  // TODO: remove this check and all associated code once old banner setup is no longer supported\n  const hasNewBannerSettings = checkNewBannerSettings(banner);\n  const parsedCardsData = getEntitiesWithBanner(cardData, cardProps, hasNewBannerSettings);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n  let bannerIndex = 0;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      enableSmoothScroll={enableSmoothScroll}\n      autoScrollTimer={autoScrollTimer}\n      numberOfCards={parsedCardsData.length}>\n      {parsedCardsData.map((currentEntity, index) => {\n        const { baseAdunit, id, ...entityProps } = currentEntity;\n        const shouldRenderBanner = !!banner && checkIfShouldRenderBanner(index, banner);\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        const priority = !!enableSmoothScroll || (priorityLimit > 0 && index + 1 <= priorityLimit);\n        if (hasNewBannerSettings && shouldRenderBanner) bannerIndex += 1;\n        if (!hasNewBannerSettings && baseAdunit) bannerIndex += 1;\n        const parsedCardProps = {\n          key: id,\n          id,\n          enableCarousel,\n          graphqlEntityMap,\n          propsToDisplay,\n          parsedPropsToDisplay: extraProps,\n          propsToDisplayModifiers,\n          modifier,\n          style,\n          cardChildren,\n          gtmChildren,\n          gtmId: name,\n          gridModifier,\n          entityProps,\n          displayCategory,\n          displayThumbnail,\n          displayTitle,\n          priority,\n          enableOverlay,\n          overlayModifier,\n          titleOverlayModifier,\n          ...entityProps\n        };\n        const bannerProps = { ...banner, type: 'banner' };\n\n        if (hasNewBannerSettings)\n          return (\n            <>\n              <Card key={id} {...parsedCardProps} />\n              {shouldRenderBanner && (\n                <Banner\n                  key={dynamicKey}\n                  {...entityProps}\n                  {...bannerProps}\n                  renderCounter={bannerIndex}\n                  entity={graphqlEntityMap[entityProps.__typename]}\n                  baseAdunit={baseAdunit}\n                  modifier={modifier}\n                />\n              )}\n            </>\n          );\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={graphqlEntityMap[entityProps.__typename]}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            {...bannerProps}\n            modifier={modifier}\n            renderCounter={bannerIndex}\n          />\n        ) : (\n          <Card key={id} {...parsedCardProps} />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  graphqlEntityMap: PropTypes.object.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableSmoothScroll: PropTypes.bool,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableSmoothScroll: false,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}

package/lib/components/CarouselWrapper/CarouselWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselWrapper.js","names":["_react","_interopRequireDefault","require","_propTypes","_DefaultCarousel","_SmoothScrollCarousel","_excluded","CarouselWrapper","_ref","enableSmoothScroll","props","_objectWithoutProperties2","createElement","propTypes","PropTypes","bool","defaultProps","_default","exports"],"sources":["../../../src/components/CarouselWrapper/CarouselWrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DefaultCarousel from './DefaultCarousel';\nimport SmoothScroolCarousel from './SmoothScrollCarousel';\n\nconst CarouselWrapper = ({ enableSmoothScroll, ...props }) => {\n  if (enableSmoothScroll) return <SmoothScroolCarousel {...props} />;\n  return <DefaultCarousel {...props} />;\n};\n\nCarouselWrapper.propTypes = {\n  enableSmoothScroll: PropTypes.bool\n};\n\nCarouselWrapper.defaultProps = {\n  enableSmoothScroll: false\n};\n\nexport default CarouselWrapper;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA0D,IAAAI,SAAA;AAE1D,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAyC;EAAA,IAAnCC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAAKC,KAAK,OAAAC,yBAAA,aAAAH,IAAA,EAAAF,SAAA;EACrD,IAAIG,kBAAkB,EAAE,oBAAOT,MAAA,YAAAY,aAAA,CAACP,qBAAA,WAAoB,EAAKK,KAAQ,CAAC;EAClE,oBAAOV,MAAA,YAAAY,aAAA,CAACR,gBAAA,WAAe,EAAKM,KAAQ,CAAC;AACvC,CAAC;AAEDH,eAAe,CAACM,SAAS,GAAG;EAC1BJ,kBAAkB,EAAEK,qBAAS,CAACC;AAChC,CAAC;AAEDR,eAAe,CAACS,YAAY,GAAG;EAC7BP,kBAAkB,EAAE;AACtB,CAAC;AAAC,IAAAQ,QAAA,GAEaV,eAAe;AAAAW,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"CarouselWrapper.js","names":["_react","_interopRequireDefault","require","_propTypes","_DefaultCarousel","_SmoothScrollCarousel","_excluded","CarouselWrapper","_ref","enableSmoothScroll","props","_objectWithoutProperties2","createElement","propTypes","PropTypes","bool","defaultProps","_default","exports"],"sources":["../../../src/components/CarouselWrapper/CarouselWrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DefaultCarousel from './DefaultCarousel';\nimport SmoothScrollCarousel from './SmoothScrollCarousel';\n\nconst CarouselWrapper = ({ enableSmoothScroll, ...props }) => {\n  if (enableSmoothScroll) return <SmoothScrollCarousel {...props} />;\n  return <DefaultCarousel {...props} />;\n};\n\nCarouselWrapper.propTypes = {\n  enableSmoothScroll: PropTypes.bool\n};\n\nCarouselWrapper.defaultProps = {\n  enableSmoothScroll: false\n};\n\nexport default CarouselWrapper;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA0D,IAAAI,SAAA;AAE1D,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAyC;EAAA,IAAnCC,kBAAkB,GAAAD,IAAA,CAAlBC,kBAAkB;IAAKC,KAAK,OAAAC,yBAAA,aAAAH,IAAA,EAAAF,SAAA;EACrD,IAAIG,kBAAkB,EAAE,oBAAOT,MAAA,YAAAY,aAAA,CAACP,qBAAA,WAAoB,EAAKK,KAAQ,CAAC;EAClE,oBAAOV,MAAA,YAAAY,aAAA,CAACR,gBAAA,WAAe,EAAKM,KAAQ,CAAC;AACvC,CAAC;AAEDH,eAAe,CAACM,SAAS,GAAG;EAC1BJ,kBAAkB,EAAEK,qBAAS,CAACC;AAChC,CAAC;AAEDR,eAAe,CAACS,YAAY,GAAG;EAC7BP,kBAAkB,EAAE;AACtB,CAAC;AAAC,IAAAQ,QAAA,GAEaV,eAAe;AAAAW,OAAA,cAAAD,QAAA"}

package/lib/components/CarouselWrapper/SmoothScrollCarousel.js

@@ -16,7 +16,8 @@ var SmoothScrollCarousel = function SmoothScrollCarousel(_ref) {
     numberOfCards = _ref.numberOfCards;
   var wrapperClassName = "cards-carousel-smooth".concat(bannerModifier);
   var contentClassName = "cards-carousel--content smooth-scroll items-per-row-".concat(itemsPerRow);
-  var animationDuration = "10s";
+  var aimationTime = autoScrollTimer * numberOfCards / 1000;
+  var animationDuration = "".concat(aimationTime < 1 ? 1 : aimationTime, "s");
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: wrapperClassName
   }, /*#__PURE__*/_react["default"].createElement("div", {

package/lib/components/CarouselWrapper/SmoothScrollCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothScrollCarousel.js","names":["_react","_interopRequireDefault","require","_propTypes","SmoothScrollCarousel","_ref","children","bannerModifier","itemsPerRow","autoScrollTimer","numberOfCards","wrapperClassName","concat","contentClassName","animationDuration","createElement","className","style","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/CarouselWrapper/SmoothScrollCarousel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SmoothScrollCarousel = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  autoScrollTimer,\n  numberOfCards\n}) => {\n  const wrapperClassName = `cards-carousel-smooth${bannerModifier}`;\n  const contentClassName = `cards-carousel--content smooth-scroll items-per-row-${itemsPerRow}`;\n  const animationDuration = `10s`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className={contentClassName} style={{ animationDuration }}>\n        {children}\n      </div>\n      <div className={contentClassName} style={{ animationDuration }}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nSmoothScrollCarousel.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  autoScrollTimer: PropTypes.number,\n  numberOfCards: PropTypes.number\n};\n\nSmoothScrollCarousel.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  autoScrollTimer: 0,\n  numberOfCards: 1\n};\n\nexport default SmoothScrollCarousel;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAMpB;EAAA,IALJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IACfC,aAAa,GAAAL,IAAA,CAAbK,aAAa;EAEb,IAAMC,gBAAgB,2BAAAC,MAAA,CAA2BL,cAAc,CAAE;EACjE,IAAMM,gBAAgB,0DAAAD,MAAA,CAA0DJ,WAAW,CAAE;EAC7F,IAAMM,iBAAiB,QAAQ;EAE/B,oBACEd,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAEL;EAAiB,gBAC/BX,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAEH,gBAAiB;IAACI,KAAK,EAAE;MAAEH,iBAAiB,EAAjBA;IAAkB;EAAE,GAC5DR,QACE,CAAC,eACNN,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAEH,gBAAiB;IAACI,KAAK,EAAE;MAAEH,iBAAiB,EAAjBA;IAAkB;EAAE,GAC5DR,QACE,CACF,CAAC;AAEV,CAAC;AAEDF,oBAAoB,CAACc,SAAS,GAAG;EAC/BX,cAAc,EAAEY,qBAAS,CAACC,MAAM;EAChCZ,WAAW,EAAEW,qBAAS,CAACE,MAAM;EAC7Bf,QAAQ,EAAEa,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACK,IAAI,CAAC,EAAEL,qBAAS,CAACK,IAAI,CAAC,CAAC;EAClFf,eAAe,EAAEU,qBAAS,CAACE,MAAM;EACjCX,aAAa,EAAES,qBAAS,CAACE;AAC3B,CAAC;AAEDjB,oBAAoB,CAACqB,YAAY,GAAG;EAClCjB,WAAW,EAAE,CAAC;EACdD,cAAc,EAAE,EAAE;EAClBD,QAAQ,EAAE,EAAE;EACZG,eAAe,EAAE,CAAC;EAClBC,aAAa,EAAE;AACjB,CAAC;AAAC,IAAAgB,QAAA,GAEatB,oBAAoB;AAAAuB,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"SmoothScrollCarousel.js","names":["_react","_interopRequireDefault","require","_propTypes","SmoothScrollCarousel","_ref","children","bannerModifier","itemsPerRow","autoScrollTimer","numberOfCards","wrapperClassName","concat","contentClassName","aimationTime","animationDuration","createElement","className","style","propTypes","PropTypes","string","number","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/CarouselWrapper/SmoothScrollCarousel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SmoothScrollCarousel = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  autoScrollTimer,\n  numberOfCards\n}) => {\n  const wrapperClassName = `cards-carousel-smooth${bannerModifier}`;\n  const contentClassName = `cards-carousel--content smooth-scroll items-per-row-${itemsPerRow}`;\n  const aimationTime = (autoScrollTimer * numberOfCards) / 1000;\n  const animationDuration = `${aimationTime < 1 ? 1 : aimationTime}s`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className={contentClassName} style={{ animationDuration }}>\n        {children}\n      </div>\n      <div className={contentClassName} style={{ animationDuration }}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nSmoothScrollCarousel.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  autoScrollTimer: PropTypes.number,\n  numberOfCards: PropTypes.number\n};\n\nSmoothScrollCarousel.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  autoScrollTimer: 0,\n  numberOfCards: 1\n};\n\nexport default SmoothScrollCarousel;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAME,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAMpB;EAAA,IALJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IACfC,aAAa,GAAAL,IAAA,CAAbK,aAAa;EAEb,IAAMC,gBAAgB,2BAAAC,MAAA,CAA2BL,cAAc,CAAE;EACjE,IAAMM,gBAAgB,0DAAAD,MAAA,CAA0DJ,WAAW,CAAE;EAC7F,IAAMM,YAAY,GAAIL,eAAe,GAAGC,aAAa,GAAI,IAAI;EAC7D,IAAMK,iBAAiB,MAAAH,MAAA,CAAME,YAAY,GAAG,CAAC,GAAG,CAAC,GAAGA,YAAY,MAAG;EAEnE,oBACEd,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAEN;EAAiB,gBAC/BX,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAEJ,gBAAiB;IAACK,KAAK,EAAE;MAAEH,iBAAiB,EAAjBA;IAAkB;EAAE,GAC5DT,QACE,CAAC,eACNN,MAAA,YAAAgB,aAAA;IAAKC,SAAS,EAAEJ,gBAAiB;IAACK,KAAK,EAAE;MAAEH,iBAAiB,EAAjBA;IAAkB;EAAE,GAC5DT,QACE,CACF,CAAC;AAEV,CAAC;AAEDF,oBAAoB,CAACe,SAAS,GAAG;EAC/BZ,cAAc,EAAEa,qBAAS,CAACC,MAAM;EAChCb,WAAW,EAAEY,qBAAS,CAACE,MAAM;EAC7BhB,QAAQ,EAAEc,qBAAS,CAACG,SAAS,CAAC,CAACH,qBAAS,CAACI,OAAO,CAACJ,qBAAS,CAACK,IAAI,CAAC,EAAEL,qBAAS,CAACK,IAAI,CAAC,CAAC;EAClFhB,eAAe,EAAEW,qBAAS,CAACE,MAAM;EACjCZ,aAAa,EAAEU,qBAAS,CAACE;AAC3B,CAAC;AAEDlB,oBAAoB,CAACsB,YAAY,GAAG;EAClClB,WAAW,EAAE,CAAC;EACdD,cAAc,EAAE,EAAE;EAClBD,QAAQ,EAAE,EAAE;EACZG,eAAe,EAAE,CAAC;EAClBC,aAAa,EAAE;AACjB,CAAC;AAAC,IAAAiB,QAAA,GAEavB,oBAAoB;AAAAwB,OAAA,cAAAD,QAAA"}

package/lib/components/SearchContent/SearchContentItems.js

@@ -27,7 +27,7 @@ var SearchContentItems = function SearchContentItems(_ref) {
       key: id
     }, /*#__PURE__*/_react["default"].createElement("div", {
       className: "search-content--results__wrapper"
-    }, image !== null && image !== void 0 && image.url ? /*#__PURE__*/_react["default"].createElement(_LazyImage["default"], {
+    }, (image === null || image === void 0 ? void 0 : image.url) ? /*#__PURE__*/_react["default"].createElement(_LazyImage["default"], {
       src: image.url,
       alt: name,
       className: "search-content--results__image",

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

@@ -1 +1 @@
-{"version":3,"file":"SearchContentItems.js","names":["_react","_interopRequireDefault","require","_BlazeLink","_LazyImage","SearchContentItems","_ref","_ref$results","results","onClick","map","item","url","id","name","image","createElement","href","key","className","src","alt","sizeKey","_default","exports"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAAME,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,EAAE,GAAAA,YAAA;IAAEE,OAAO,GAAAH,IAAA,CAAPG,OAAO;EAAA,OACjDD,OAAO,CAACE,GAAG,CAAC,UAAAC,IAAI,EAAI;IAClB,IAAI,CAACA,IAAI,CAACC,GAAG,EAAE,OAAO,IAAI;IAE1B,IAAQC,EAAE,GAAuBF,IAAI,CAA7BE,EAAE;MAAEC,IAAI,GAAiBH,IAAI,CAAzBG,IAAI;MAAEC,KAAK,GAAUJ,IAAI,CAAnBI,KAAK;MAAEH,GAAG,GAAKD,IAAI,CAAZC,GAAG;IAE5B,oBACEZ,MAAA,YAAAgB,aAAA,CAACb,UAAA,WAAS;MAACc,IAAI,EAAEL,GAAI;MAACH,OAAO,EAAEA,OAAQ;MAACS,GAAG,EAAEL;IAAG,gBAC9Cb,MAAA,YAAAgB,aAAA;MAAKG,SAAS,EAAC;IAAkC,GAC9CJ,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEH,GAAG,gBACTZ,MAAA,YAAAgB,aAAA,CAACZ,UAAA,WAAS;MACRgB,GAAG,EAAEL,KAAK,CAACH,GAAI;MACfS,GAAG,EAAEP,IAAK;MACVK,SAAS,EAAC,gCAAgC;MAC1CG,OAAO,EAAC;IAAe,CACxB,CAAC,GACA,IAAI,eACRtB,MAAA,YAAAgB,aAAA;MAAMG,SAAS,EAAC;IAAgC,GAAEL,IAAW,CAC1D,CACI,CAAC;EAEhB,CAAC,CAAC;AAAA;AAAC,IAAAS,QAAA,GAEUlB,kBAAkB;AAAAmB,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"SearchContentItems.js","names":["_react","_interopRequireDefault","require","_BlazeLink","_LazyImage","SearchContentItems","_ref","_ref$results","results","onClick","map","item","url","id","name","image","createElement","href","key","className","src","alt","sizeKey","_default","exports"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA;EAAA,IAAAC,YAAA,GAAAD,IAAA,CAAME,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,EAAE,GAAAA,YAAA;IAAEE,OAAO,GAAAH,IAAA,CAAPG,OAAO;EAAA,OACjDD,OAAO,CAACE,GAAG,CAAC,UAAAC,IAAI,EAAI;IAClB,IAAI,CAACA,IAAI,CAACC,GAAG,EAAE,OAAO,IAAI;IAE1B,IAAQC,EAAE,GAAuBF,IAAI,CAA7BE,EAAE;MAAEC,IAAI,GAAiBH,IAAI,CAAzBG,IAAI;MAAEC,KAAK,GAAUJ,IAAI,CAAnBI,KAAK;MAAEH,GAAG,GAAKD,IAAI,CAAZC,GAAG;IAE5B,oBACEZ,MAAA,YAAAgB,aAAA,CAACb,UAAA,WAAS;MAACc,IAAI,EAAEL,GAAI;MAACH,OAAO,EAAEA,OAAQ;MAACS,GAAG,EAAEL;IAAG,gBAC9Cb,MAAA,YAAAgB,aAAA;MAAKG,SAAS,EAAC;IAAkC,GAC9C,CAAAJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEH,GAAG,iBACTZ,MAAA,YAAAgB,aAAA,CAACZ,UAAA,WAAS;MACRgB,GAAG,EAAEL,KAAK,CAACH,GAAI;MACfS,GAAG,EAAEP,IAAK;MACVK,SAAS,EAAC,gCAAgC;MAC1CG,OAAO,EAAC;IAAe,CACxB,CAAC,GACA,IAAI,eACRtB,MAAA,YAAAgB,aAAA;MAAMG,SAAS,EAAC;IAAgC,GAAEL,IAAW,CAC1D,CACI,CAAC;EAEhB,CAAC,CAAC;AAAA;AAAC,IAAAS,QAAA,GAEUlB,kBAAkB;AAAAmB,OAAA,cAAAD,QAAA"}

package/lib/helpers/get-entities-with-banner.js

@@ -1,14 +1,39 @@
 "use strict";
 
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = getEntitiesWithBanner;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.map.js");
 var _injectBannersToEntities = _interopRequireDefault(require("./inject-banners-to-entities"));
-function getEntitiesWithBanner(entities, options) {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function getEntitiesWithBanner(entities, options, hasNewBannerSettings) {
   var hasBanner = options.hasBanner;
+  if (hasNewBannerSettings) {
+    return entities.map(function (currentEntity) {
+      var parent = options.parent,
+        transform = options.transform,
+        limit = options.limit;
+      return _objectSpread(_objectSpread({}, currentEntity), {}, {
+        parent: parent,
+        limit: limit,
+        transform: transform
+      });
+    });
+  }
   if (!hasBanner) return entities;
   return (0, _injectBannersToEntities["default"])(entities, options);
 }

package/lib/helpers/get-entities-with-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-entities-with-banner.js","names":["_injectBannersToEntities","_interopRequireDefault","require","getEntitiesWithBanner","entities","options","hasBanner","injectBannersToEntities"],"sources":["../../src/helpers/get-entities-with-banner.js"],"sourcesContent":["import injectBannersToEntities from './inject-banners-to-entities';\n\nexport default function getEntitiesWithBanner(entities, options) {\n  const { hasBanner } = options;\n\n  if (!hasBanner) return entities;\n\n  return injectBannersToEntities(entities, options);\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,wBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEe,SAASC,qBAAqBA,CAACC,QAAQ,EAAEC,OAAO,EAAE;EAC/D,IAAQC,SAAS,GAAKD,OAAO,CAArBC,SAAS;EAEjB,IAAI,CAACA,SAAS,EAAE,OAAOF,QAAQ;EAE/B,OAAO,IAAAG,mCAAuB,EAACH,QAAQ,EAAEC,OAAO,CAAC;AACnD"}
+{"version":3,"file":"get-entities-with-banner.js","names":["_injectBannersToEntities","_interopRequireDefault","require","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","getEntitiesWithBanner","entities","options","hasNewBannerSettings","hasBanner","map","currentEntity","parent","transform","limit","injectBannersToEntities"],"sources":["../../src/helpers/get-entities-with-banner.js"],"sourcesContent":["import injectBannersToEntities from './inject-banners-to-entities';\n\nexport default function getEntitiesWithBanner(entities, options, hasNewBannerSettings) {\n  const { hasBanner } = options;\n  if (hasNewBannerSettings) {\n    return entities.map(currentEntity => {\n      const { parent, transform, limit } = options;\n      return { ...currentEntity, parent, limit, transform };\n    });\n  }\n  if (!hasBanner) return entities;\n\n  return injectBannersToEntities(entities, options);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,wBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAmE,SAAAC,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,MAAA,CAAAD,IAAA,CAAAF,MAAA,OAAAG,MAAA,CAAAC,qBAAA,QAAAC,OAAA,GAAAF,MAAA,CAAAC,qBAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAJ,MAAA,CAAAK,wBAAA,CAAAR,MAAA,EAAAO,GAAA,EAAAE,UAAA,OAAAP,IAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAU,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAf,OAAA,CAAAI,MAAA,CAAAc,MAAA,OAAAC,OAAA,WAAAC,GAAA,QAAAC,gBAAA,aAAAP,MAAA,EAAAM,GAAA,EAAAF,MAAA,CAAAE,GAAA,SAAAhB,MAAA,CAAAkB,yBAAA,GAAAlB,MAAA,CAAAmB,gBAAA,CAAAT,MAAA,EAAAV,MAAA,CAAAkB,yBAAA,CAAAJ,MAAA,KAAAlB,OAAA,CAAAI,MAAA,CAAAc,MAAA,GAAAC,OAAA,WAAAC,GAAA,IAAAhB,MAAA,CAAAoB,cAAA,CAAAV,MAAA,EAAAM,GAAA,EAAAhB,MAAA,CAAAK,wBAAA,CAAAS,MAAA,EAAAE,GAAA,iBAAAN,MAAA;AAEpD,SAASW,qBAAqBA,CAACC,QAAQ,EAAEC,OAAO,EAAEC,oBAAoB,EAAE;EACrF,IAAQC,SAAS,GAAKF,OAAO,CAArBE,SAAS;EACjB,IAAID,oBAAoB,EAAE;IACxB,OAAOF,QAAQ,CAACI,GAAG,CAAC,UAAAC,aAAa,EAAI;MACnC,IAAQC,MAAM,GAAuBL,OAAO,CAApCK,MAAM;QAAEC,SAAS,GAAYN,OAAO,CAA5BM,SAAS;QAAEC,KAAK,GAAKP,OAAO,CAAjBO,KAAK;MAChC,OAAArB,aAAA,CAAAA,aAAA,KAAYkB,aAAa;QAAEC,MAAM,EAANA,MAAM;QAAEE,KAAK,EAALA,KAAK;QAAED,SAAS,EAATA;MAAS;IACrD,CAAC,CAAC;EACJ;EACA,IAAI,CAACJ,SAAS,EAAE,OAAOH,QAAQ;EAE/B,OAAO,IAAAS,mCAAuB,EAACT,QAAQ,EAAEC,OAAO,CAAC;AACnD"}

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "graphqlEntityMap", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableSmoothScroll", "enableOverlay", "autoScrollTimer", "overlayModifier", "titleOverlayModifier"],
+const _excluded = ["cardData", "gridModifier", "style", "displayCategory", "displayThumbnail", "displayTitle", "modifier", "entity", "graphqlEntityMap", "propsToDisplay", "gtmChildren", "cardChildren", "name", "designConfig", "itemsPerRow", "enableSmoothScroll", "enableCarousel", "bannerModifier", "priorityLimit", "enableAutoScroll", "enableOverlay", "autoScrollTimer", "overlayModifier", "titleOverlayModifier"],
   _excluded2 = ["baseAdunit", "id"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -34,11 +34,11 @@ const CardContainer = _ref => {
       name,
       designConfig,
       itemsPerRow,
+      enableSmoothScroll,
       enableCarousel,
       bannerModifier,
       priorityLimit,
       enableAutoScroll,
-      enableSmoothScroll,
       enableOverlay,
       autoScrollTimer,
       overlayModifier,
@@ -53,14 +53,11 @@ const CardContainer = _ref => {
   } = cardProps;
   // TODO: remove this check and all associated code once old banner setup is no longer supported
   const hasNewBannerSettings = checkNewBannerSettings(banner);
-  const parsedCardsData = hasNewBannerSettings ? cardData : getEntitiesWithBanner(cardData, cardProps);
+  const parsedCardsData = getEntitiesWithBanner(cardData, cardProps, hasNewBannerSettings);
   const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);
   const dynamicWrapperSizes = enableCarousel ? '' : getDynamicGridClasses('grid', itemsPerRow, designConfig);
   const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;
   let bannerIndex = 0;
-  const bannerProps = banner ? _objectSpread(_objectSpread(_objectSpread({}, cardProps), banner), {}, {
-    type: 'banner'
-  }) : null;
   return /*#__PURE__*/React.createElement(CardWrapper, {
     className: dynamicWrapperSizes,
     modifiers: gridModifier,
@@ -76,7 +73,7 @@ const CardContainer = _ref => {
         id
       } = currentEntity,
       entityProps = _objectWithoutProperties(currentEntity, _excluded2);
-    const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, banner);
+    const shouldRenderBanner = !!banner && checkIfShouldRenderBanner(index, banner);
     const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);
     const dynamicKey = [itemId, index].join('-');
     const priority = !!enableSmoothScroll || priorityLimit > 0 && index + 1 <= priorityLimit;
@@ -105,18 +102,24 @@ const CardContainer = _ref => {
       overlayModifier,
       titleOverlayModifier
     }, entityProps);
+    const bannerProps = _objectSpread(_objectSpread({}, banner), {}, {
+      type: 'banner'
+    });
     if (hasNewBannerSettings) return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card, _extends({
       key: id
     }, parsedCardProps)), shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, _extends({
       key: dynamicKey
-    }, bannerProps, {
-      renderCounter: bannerIndex
+    }, entityProps, bannerProps, {
+      renderCounter: bannerIndex,
+      entity: graphqlEntityMap[entityProps.__typename],
+      baseAdunit: baseAdunit,
+      modifier: modifier
     })));
     return baseAdunit ? /*#__PURE__*/React.createElement(Banner, _extends({
       key: dynamicKey,
       entity: graphqlEntityMap[entityProps.__typename],
       baseAdunit: baseAdunit
-    }, entityProps, {
+    }, entityProps, bannerProps, {
       modifier: modifier,
       renderCounter: bannerIndex
     })) : /*#__PURE__*/React.createElement(Card, _extends({
@@ -140,6 +143,7 @@ CardContainer.propTypes = {
   style: PropTypes.string,
   designConfig: PropTypes.object,
   itemsPerRow: PropTypes.number,
+  enableSmoothScroll: PropTypes.bool,
   enableCarousel: PropTypes.bool,
   bannerModifier: PropTypes.string,
   priorityLimit: PropTypes.number,
@@ -162,6 +166,7 @@ CardContainer.defaultProps = {
   style: 'portrait',
   designConfig: {},
   itemsPerRow: 1,
+  enableSmoothScroll: false,
   enableCarousel: false,
   bannerModifier: '',
   priorityLimit: 0,

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

@@ -1 +1 @@
-{"version":3,"file":"CardsContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","checkIfShouldRenderBanner","checkNewBannerSettings","CardContainer","_ref","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","legacyEntity","graphqlEntityMap","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableSmoothScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","_objectWithoutProperties","_excluded","itemId","banner","hasNewBannerSettings","parsedCardsData","propsToDisplayModifiers","dynamicWrapperSizes","CardWrapper","bannerIndex","bannerProps","_objectSpread","type","createElement","className","modifiers","numberOfCards","length","map","currentEntity","index","baseAdunit","id","entityProps","_excluded2","shouldRenderBanner","extraProps","dynamicKey","join","priority","parsedCardProps","key","parsedPropsToDisplay","gtmId","Fragment","_extends","renderCounter","__typename","propTypes","array","isRequired","object","string","oneOfType","arrayOf","node","bool","number","defaultProps"],"sources":["../../../src/components/Card/CardsContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\nimport { checkIfShouldRenderBanner, checkNewBannerSettings } from '../List/components/helpers';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity: legacyEntity,\n  graphqlEntityMap,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableSmoothScroll,\n  enableOverlay,\n  autoScrollTimer,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const { itemId } = useContext(MainContext);\n  const { banner } = cardProps;\n  // TODO: remove this check and all associated code once old banner setup is no longer supported\n  const hasNewBannerSettings = checkNewBannerSettings(banner);\n  const parsedCardsData = hasNewBannerSettings\n    ? cardData\n    : getEntitiesWithBanner(cardData, cardProps);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n  let bannerIndex = 0;\n  const bannerProps = banner ? { ...cardProps, ...banner, type: 'banner' } : null;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      enableSmoothScroll={enableSmoothScroll}\n      autoScrollTimer={autoScrollTimer}\n      numberOfCards={parsedCardsData.length}>\n      {parsedCardsData.map((currentEntity, index) => {\n        const { baseAdunit, id, ...entityProps } = currentEntity;\n        const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, banner);\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        const priority = !!enableSmoothScroll || (priorityLimit > 0 && index + 1 <= priorityLimit);\n        if (hasNewBannerSettings && shouldRenderBanner) bannerIndex += 1;\n        if (!hasNewBannerSettings && baseAdunit) bannerIndex += 1;\n        const parsedCardProps = {\n          key: id,\n          id,\n          enableCarousel,\n          graphqlEntityMap,\n          propsToDisplay,\n          parsedPropsToDisplay: extraProps,\n          propsToDisplayModifiers,\n          modifier,\n          style,\n          cardChildren,\n          gtmChildren,\n          gtmId: name,\n          gridModifier,\n          entityProps,\n          displayCategory,\n          displayThumbnail,\n          displayTitle,\n          priority,\n          enableOverlay,\n          overlayModifier,\n          titleOverlayModifier,\n          ...entityProps\n        };\n\n        if (hasNewBannerSettings)\n          return (\n            <>\n              <Card key={id} {...parsedCardProps} />\n              {shouldRenderBanner && (\n                <Banner key={dynamicKey} {...bannerProps} renderCounter={bannerIndex} />\n              )}\n            </>\n          );\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={graphqlEntityMap[entityProps.__typename]}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            modifier={modifier}\n            renderCounter={bannerIndex}\n          />\n        ) : (\n          <Card key={id} {...parsedCardProps} />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  graphqlEntityMap: PropTypes.object.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}
+{"version":3,"file":"CardsContainer.js","names":["React","useContext","PropTypes","MainContext","withTitle","Banner","Wrapper","CarouselWrapper","Card","getDynamicGridClasses","getEntitiesWithBanner","parsePropsToDisplay","getPropsToDisplayModifiers","checkIfShouldRenderBanner","checkNewBannerSettings","CardContainer","_ref","cardData","gridModifier","style","displayCategory","displayThumbnail","displayTitle","modifier","entity","legacyEntity","graphqlEntityMap","propsToDisplay","gtmChildren","cardChildren","name","designConfig","itemsPerRow","enableSmoothScroll","enableCarousel","bannerModifier","priorityLimit","enableAutoScroll","enableOverlay","autoScrollTimer","overlayModifier","titleOverlayModifier","cardProps","_objectWithoutProperties","_excluded","itemId","banner","hasNewBannerSettings","parsedCardsData","propsToDisplayModifiers","dynamicWrapperSizes","CardWrapper","bannerIndex","createElement","className","modifiers","numberOfCards","length","map","currentEntity","index","baseAdunit","id","entityProps","_excluded2","shouldRenderBanner","extraProps","dynamicKey","join","priority","parsedCardProps","_objectSpread","key","parsedPropsToDisplay","gtmId","bannerProps","type","Fragment","_extends","renderCounter","__typename","propTypes","array","isRequired","object","string","oneOfType","arrayOf","node","bool","number","defaultProps"],"sources":["../../../src/components/Card/CardsContainer.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { withTitle } from '../../HOC';\nimport Banner from '../Banner';\nimport Wrapper from '../Wrapper';\nimport CarouselWrapper from '../CarouselWrapper';\nimport Card from './Card';\nimport { getDynamicGridClasses } from './helpers';\nimport { getEntitiesWithBanner, parsePropsToDisplay } from '../../helpers';\nimport { getPropsToDisplayModifiers } from '../../utils';\nimport { checkIfShouldRenderBanner, checkNewBannerSettings } from '../List/components/helpers';\n\nconst CardContainer = ({\n  cardData,\n  gridModifier,\n  style,\n  displayCategory,\n  displayThumbnail,\n  displayTitle,\n  modifier,\n  entity: legacyEntity,\n  graphqlEntityMap,\n  propsToDisplay,\n  gtmChildren,\n  cardChildren,\n  name,\n  designConfig,\n  itemsPerRow,\n  enableSmoothScroll,\n  enableCarousel,\n  bannerModifier,\n  priorityLimit,\n  enableAutoScroll,\n  enableOverlay,\n  autoScrollTimer,\n  overlayModifier,\n  titleOverlayModifier,\n  ...cardProps\n}) => {\n  const { itemId } = useContext(MainContext);\n  const { banner } = cardProps;\n  // TODO: remove this check and all associated code once old banner setup is no longer supported\n  const hasNewBannerSettings = checkNewBannerSettings(banner);\n  const parsedCardsData = getEntitiesWithBanner(cardData, cardProps, hasNewBannerSettings);\n  const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);\n  const dynamicWrapperSizes = enableCarousel\n    ? ''\n    : getDynamicGridClasses('grid', itemsPerRow, designConfig);\n  const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;\n  let bannerIndex = 0;\n\n  return (\n    <CardWrapper\n      className={dynamicWrapperSizes}\n      modifiers={gridModifier}\n      itemsPerRow={itemsPerRow}\n      bannerModifier={bannerModifier}\n      enableAutoScroll={enableAutoScroll}\n      enableSmoothScroll={enableSmoothScroll}\n      autoScrollTimer={autoScrollTimer}\n      numberOfCards={parsedCardsData.length}>\n      {parsedCardsData.map((currentEntity, index) => {\n        const { baseAdunit, id, ...entityProps } = currentEntity;\n        const shouldRenderBanner = !!banner && checkIfShouldRenderBanner(index, banner);\n        const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);\n        const dynamicKey = [itemId, index].join('-');\n        const priority = !!enableSmoothScroll || (priorityLimit > 0 && index + 1 <= priorityLimit);\n        if (hasNewBannerSettings && shouldRenderBanner) bannerIndex += 1;\n        if (!hasNewBannerSettings && baseAdunit) bannerIndex += 1;\n        const parsedCardProps = {\n          key: id,\n          id,\n          enableCarousel,\n          graphqlEntityMap,\n          propsToDisplay,\n          parsedPropsToDisplay: extraProps,\n          propsToDisplayModifiers,\n          modifier,\n          style,\n          cardChildren,\n          gtmChildren,\n          gtmId: name,\n          gridModifier,\n          entityProps,\n          displayCategory,\n          displayThumbnail,\n          displayTitle,\n          priority,\n          enableOverlay,\n          overlayModifier,\n          titleOverlayModifier,\n          ...entityProps\n        };\n        const bannerProps = { ...banner, type: 'banner' };\n\n        if (hasNewBannerSettings)\n          return (\n            <>\n              <Card key={id} {...parsedCardProps} />\n              {shouldRenderBanner && (\n                <Banner\n                  key={dynamicKey}\n                  {...entityProps}\n                  {...bannerProps}\n                  renderCounter={bannerIndex}\n                  entity={graphqlEntityMap[entityProps.__typename]}\n                  baseAdunit={baseAdunit}\n                  modifier={modifier}\n                />\n              )}\n            </>\n          );\n        return baseAdunit ? (\n          <Banner\n            key={dynamicKey}\n            entity={graphqlEntityMap[entityProps.__typename]}\n            baseAdunit={baseAdunit}\n            {...entityProps}\n            {...bannerProps}\n            modifier={modifier}\n            renderCounter={bannerIndex}\n          />\n        ) : (\n          <Card key={id} {...parsedCardProps} />\n        );\n      })}\n    </CardWrapper>\n  );\n};\n\nCardContainer.propTypes = {\n  cardData: PropTypes.array.isRequired,\n  graphqlEntityMap: PropTypes.object.isRequired,\n  name: PropTypes.string,\n  entity: PropTypes.string.isRequired,\n  gridModifier: PropTypes.string,\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  propsToDisplay: PropTypes.array,\n  displayCategory: PropTypes.bool,\n  displayThumbnail: PropTypes.bool,\n  displayTitle: PropTypes.bool,\n  modifier: PropTypes.string,\n  style: PropTypes.string,\n  designConfig: PropTypes.object,\n  itemsPerRow: PropTypes.number,\n  enableSmoothScroll: PropTypes.bool,\n  enableCarousel: PropTypes.bool,\n  bannerModifier: PropTypes.string,\n  priorityLimit: PropTypes.number,\n  enableAutoScroll: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number\n};\n\nCardContainer.defaultProps = {\n  gtmChildren: [],\n  cardChildren: [],\n  name: '',\n  gridModifier: '',\n  propsToDisplay: [],\n  displayCategory: true,\n  displayThumbnail: true,\n  displayTitle: true,\n  modifier: '',\n  style: 'portrait',\n  designConfig: {},\n  itemsPerRow: 1,\n  enableSmoothScroll: false,\n  enableCarousel: false,\n  bannerModifier: '',\n  priorityLimit: 0,\n  enableAutoScroll: false,\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: ''\n};\n\nexport default withTitle(CardContainer);\n"],"mappings":"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"}

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

@@ -3,13 +3,13 @@ const _excluded = ["enableSmoothScroll"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import DefaultCarousel from './DefaultCarousel';
-import SmoothScroolCarousel from './SmoothScrollCarousel';
+import SmoothScrollCarousel from './SmoothScrollCarousel';
 const CarouselWrapper = _ref => {
   let {
       enableSmoothScroll
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
-  if (enableSmoothScroll) return /*#__PURE__*/React.createElement(SmoothScroolCarousel, props);
+  if (enableSmoothScroll) return /*#__PURE__*/React.createElement(SmoothScrollCarousel, props);
   return /*#__PURE__*/React.createElement(DefaultCarousel, props);
 };
 CarouselWrapper.propTypes = {

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

@@ -1 +1 @@
-{"version":3,"file":"CarouselWrapper.js","names":["React","PropTypes","DefaultCarousel","SmoothScroolCarousel","CarouselWrapper","_ref","enableSmoothScroll","props","_objectWithoutProperties","_excluded","createElement","propTypes","bool","defaultProps"],"sources":["../../../src/components/CarouselWrapper/CarouselWrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DefaultCarousel from './DefaultCarousel';\nimport SmoothScroolCarousel from './SmoothScrollCarousel';\n\nconst CarouselWrapper = ({ enableSmoothScroll, ...props }) => {\n  if (enableSmoothScroll) return <SmoothScroolCarousel {...props} />;\n  return <DefaultCarousel {...props} />;\n};\n\nCarouselWrapper.propTypes = {\n  enableSmoothScroll: PropTypes.bool\n};\n\nCarouselWrapper.defaultProps = {\n  enableSmoothScroll: false\n};\n\nexport default CarouselWrapper;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,MAAMC,eAAe,GAAGC,IAAA,IAAsC;EAAA,IAArC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACrD,IAAIH,kBAAkB,EAAE,oBAAON,KAAA,CAAAU,aAAA,CAACP,oBAAoB,EAAKI,KAAQ,CAAC;EAClE,oBAAOP,KAAA,CAAAU,aAAA,CAACR,eAAe,EAAKK,KAAQ,CAAC;AACvC,CAAC;AAEDH,eAAe,CAACO,SAAS,GAAG;EAC1BL,kBAAkB,EAAEL,SAAS,CAACW;AAChC,CAAC;AAEDR,eAAe,CAACS,YAAY,GAAG;EAC7BP,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAeF,eAAe"}
+{"version":3,"file":"CarouselWrapper.js","names":["React","PropTypes","DefaultCarousel","SmoothScrollCarousel","CarouselWrapper","_ref","enableSmoothScroll","props","_objectWithoutProperties","_excluded","createElement","propTypes","bool","defaultProps"],"sources":["../../../src/components/CarouselWrapper/CarouselWrapper.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport DefaultCarousel from './DefaultCarousel';\nimport SmoothScrollCarousel from './SmoothScrollCarousel';\n\nconst CarouselWrapper = ({ enableSmoothScroll, ...props }) => {\n  if (enableSmoothScroll) return <SmoothScrollCarousel {...props} />;\n  return <DefaultCarousel {...props} />;\n};\n\nCarouselWrapper.propTypes = {\n  enableSmoothScroll: PropTypes.bool\n};\n\nCarouselWrapper.defaultProps = {\n  enableSmoothScroll: false\n};\n\nexport default CarouselWrapper;\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,MAAMC,eAAe,GAAGC,IAAA,IAAsC;EAAA,IAArC;MAAEC;IAA6B,CAAC,GAAAD,IAAA;IAAPE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EACrD,IAAIH,kBAAkB,EAAE,oBAAON,KAAA,CAAAU,aAAA,CAACP,oBAAoB,EAAKI,KAAQ,CAAC;EAClE,oBAAOP,KAAA,CAAAU,aAAA,CAACR,eAAe,EAAKK,KAAQ,CAAC;AACvC,CAAC;AAEDH,eAAe,CAACO,SAAS,GAAG;EAC1BL,kBAAkB,EAAEL,SAAS,CAACW;AAChC,CAAC;AAEDR,eAAe,CAACS,YAAY,GAAG;EAC7BP,kBAAkB,EAAE;AACtB,CAAC;AAED,eAAeF,eAAe"}

package/lib-es/components/CarouselWrapper/SmoothScrollCarousel.js

@@ -9,7 +9,8 @@ const SmoothScrollCarousel = ({
 }) => {
   const wrapperClassName = `cards-carousel-smooth${bannerModifier}`;
   const contentClassName = `cards-carousel--content smooth-scroll items-per-row-${itemsPerRow}`;
-  const animationDuration = `10s`;
+  const aimationTime = autoScrollTimer * numberOfCards / 1000;
+  const animationDuration = `${aimationTime < 1 ? 1 : aimationTime}s`;
   return /*#__PURE__*/React.createElement("div", {
     className: wrapperClassName
   }, /*#__PURE__*/React.createElement("div", {

package/lib-es/components/CarouselWrapper/SmoothScrollCarousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothScrollCarousel.js","names":["React","PropTypes","SmoothScrollCarousel","children","bannerModifier","itemsPerRow","autoScrollTimer","numberOfCards","wrapperClassName","contentClassName","animationDuration","createElement","className","style","propTypes","string","number","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/CarouselWrapper/SmoothScrollCarousel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SmoothScrollCarousel = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  autoScrollTimer,\n  numberOfCards\n}) => {\n  const wrapperClassName = `cards-carousel-smooth${bannerModifier}`;\n  const contentClassName = `cards-carousel--content smooth-scroll items-per-row-${itemsPerRow}`;\n  const animationDuration = `10s`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className={contentClassName} style={{ animationDuration }}>\n        {children}\n      </div>\n      <div className={contentClassName} style={{ animationDuration }}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nSmoothScrollCarousel.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  autoScrollTimer: PropTypes.number,\n  numberOfCards: PropTypes.number\n};\n\nSmoothScrollCarousel.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  autoScrollTimer: 0,\n  numberOfCards: 1\n};\n\nexport default SmoothScrollCarousel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,cAAc;EACdC,WAAW;EACXC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAI,wBAAuBJ,cAAe,EAAC;EACjE,MAAMK,gBAAgB,GAAI,uDAAsDJ,WAAY,EAAC;EAC7F,MAAMK,iBAAiB,GAAI,KAAI;EAE/B,oBACEV,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAEJ;EAAiB,gBAC/BR,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAEH,gBAAiB;IAACI,KAAK,EAAE;MAAEH;IAAkB;EAAE,GAC5DP,QACE,CAAC,eACNH,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAEH,gBAAiB;IAACI,KAAK,EAAE;MAAEH;IAAkB;EAAE,GAC5DP,QACE,CACF,CAAC;AAEV,CAAC;AAEDD,oBAAoB,CAACY,SAAS,GAAG;EAC/BV,cAAc,EAAEH,SAAS,CAACc,MAAM;EAChCV,WAAW,EAAEJ,SAAS,CAACe,MAAM;EAC7Bb,QAAQ,EAAEF,SAAS,CAACgB,SAAS,CAAC,CAAChB,SAAS,CAACiB,OAAO,CAACjB,SAAS,CAACkB,IAAI,CAAC,EAAElB,SAAS,CAACkB,IAAI,CAAC,CAAC;EAClFb,eAAe,EAAEL,SAAS,CAACe,MAAM;EACjCT,aAAa,EAAEN,SAAS,CAACe;AAC3B,CAAC;AAEDd,oBAAoB,CAACkB,YAAY,GAAG;EAClCf,WAAW,EAAE,CAAC;EACdD,cAAc,EAAE,EAAE;EAClBD,QAAQ,EAAE,EAAE;EACZG,eAAe,EAAE,CAAC;EAClBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeL,oBAAoB"}
+{"version":3,"file":"SmoothScrollCarousel.js","names":["React","PropTypes","SmoothScrollCarousel","children","bannerModifier","itemsPerRow","autoScrollTimer","numberOfCards","wrapperClassName","contentClassName","aimationTime","animationDuration","createElement","className","style","propTypes","string","number","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/CarouselWrapper/SmoothScrollCarousel.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SmoothScrollCarousel = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  autoScrollTimer,\n  numberOfCards\n}) => {\n  const wrapperClassName = `cards-carousel-smooth${bannerModifier}`;\n  const contentClassName = `cards-carousel--content smooth-scroll items-per-row-${itemsPerRow}`;\n  const aimationTime = (autoScrollTimer * numberOfCards) / 1000;\n  const animationDuration = `${aimationTime < 1 ? 1 : aimationTime}s`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className={contentClassName} style={{ animationDuration }}>\n        {children}\n      </div>\n      <div className={contentClassName} style={{ animationDuration }}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nSmoothScrollCarousel.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  autoScrollTimer: PropTypes.number,\n  numberOfCards: PropTypes.number\n};\n\nSmoothScrollCarousel.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  autoScrollTimer: 0,\n  numberOfCards: 1\n};\n\nexport default SmoothScrollCarousel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,oBAAoB,GAAGA,CAAC;EAC5BC,QAAQ;EACRC,cAAc;EACdC,WAAW;EACXC,eAAe;EACfC;AACF,CAAC,KAAK;EACJ,MAAMC,gBAAgB,GAAI,wBAAuBJ,cAAe,EAAC;EACjE,MAAMK,gBAAgB,GAAI,uDAAsDJ,WAAY,EAAC;EAC7F,MAAMK,YAAY,GAAIJ,eAAe,GAAGC,aAAa,GAAI,IAAI;EAC7D,MAAMI,iBAAiB,GAAI,GAAED,YAAY,GAAG,CAAC,GAAG,CAAC,GAAGA,YAAa,GAAE;EAEnE,oBACEV,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEL;EAAiB,gBAC/BR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEJ,gBAAiB;IAACK,KAAK,EAAE;MAAEH;IAAkB;EAAE,GAC5DR,QACE,CAAC,eACNH,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAEJ,gBAAiB;IAACK,KAAK,EAAE;MAAEH;IAAkB;EAAE,GAC5DR,QACE,CACF,CAAC;AAEV,CAAC;AAEDD,oBAAoB,CAACa,SAAS,GAAG;EAC/BX,cAAc,EAAEH,SAAS,CAACe,MAAM;EAChCX,WAAW,EAAEJ,SAAS,CAACgB,MAAM;EAC7Bd,QAAQ,EAAEF,SAAS,CAACiB,SAAS,CAAC,CAACjB,SAAS,CAACkB,OAAO,CAAClB,SAAS,CAACmB,IAAI,CAAC,EAAEnB,SAAS,CAACmB,IAAI,CAAC,CAAC;EAClFd,eAAe,EAAEL,SAAS,CAACgB,MAAM;EACjCV,aAAa,EAAEN,SAAS,CAACgB;AAC3B,CAAC;AAEDf,oBAAoB,CAACmB,YAAY,GAAG;EAClChB,WAAW,EAAE,CAAC;EACdD,cAAc,EAAE,EAAE;EAClBD,QAAQ,EAAE,EAAE;EACZG,eAAe,EAAE,CAAC;EAClBC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeL,oBAAoB"}

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

@@ -18,7 +18,7 @@ const SearchContentItems = ({
     key: id
   }, /*#__PURE__*/React.createElement("div", {
     className: "search-content--results__wrapper"
-  }, image !== null && image !== void 0 && image.url ? /*#__PURE__*/React.createElement(LazyImage, {
+  }, (image === null || image === void 0 ? void 0 : image.url) ? /*#__PURE__*/React.createElement(LazyImage, {
     src: image.url,
     alt: name,
     className: "search-content--results__image",

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

@@ -1 +1 @@
-{"version":3,"file":"SearchContentItems.js","names":["React","BlazeLink","LazyImage","SearchContentItems","results","onClick","map","item","url","id","name","image","createElement","href","key","className","src","alt","sizeKey"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,OAAO,GAAG,EAAE;EAAEC;AAAQ,CAAC,KACnDD,OAAO,CAACE,GAAG,CAACC,IAAI,IAAI;EAClB,IAAI,CAACA,IAAI,CAACC,GAAG,EAAE,OAAO,IAAI;EAE1B,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,KAAK;IAAEH;EAAI,CAAC,GAAGD,IAAI;EAErC,oBACEP,KAAA,CAAAY,aAAA,CAACX,SAAS;IAACY,IAAI,EAAEL,GAAI;IAACH,OAAO,EAAEA,OAAQ;IAACS,GAAG,EAAEL;EAAG,gBAC9CT,KAAA,CAAAY,aAAA;IAAKG,SAAS,EAAC;EAAkC,GAC9CJ,KAAK,aAALA,KAAK,eAALA,KAAK,CAAEH,GAAG,gBACTR,KAAA,CAAAY,aAAA,CAACV,SAAS;IACRc,GAAG,EAAEL,KAAK,CAACH,GAAI;IACfS,GAAG,EAAEP,IAAK;IACVK,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAC;EAAe,CACxB,CAAC,GACA,IAAI,eACRlB,KAAA,CAAAY,aAAA;IAAMG,SAAS,EAAC;EAAgC,GAAEL,IAAW,CAC1D,CACI,CAAC;AAEhB,CAAC,CAAC;AAEJ,eAAeP,kBAAkB"}
+{"version":3,"file":"SearchContentItems.js","names":["React","BlazeLink","LazyImage","SearchContentItems","results","onClick","map","item","url","id","name","image","createElement","href","key","className","src","alt","sizeKey"],"sources":["../../../src/components/SearchContent/SearchContentItems.js"],"sourcesContent":["import React from 'react';\nimport BlazeLink from '../BlazeLink';\nimport LazyImage from '../LazyImage';\n\nconst SearchContentItems = ({ results = [], onClick }) =>\n  results.map(item => {\n    if (!item.url) return null;\n\n    const { id, name, image, url } = item;\n\n    return (\n      <BlazeLink href={url} onClick={onClick} key={id}>\n        <div className=\"search-content--results__wrapper\">\n          {image?.url ? (\n            <LazyImage\n              src={image.url}\n              alt={name}\n              className=\"search-content--results__image\"\n              sizeKey=\"search-result\"\n            />\n          ) : null}\n          <span className=\"search-content--results__title\">{name}</span>\n        </div>\n      </BlazeLink>\n    );\n  });\n\nexport default SearchContentItems;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,SAAS,MAAM,cAAc;AAEpC,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,OAAO,GAAG,EAAE;EAAEC;AAAQ,CAAC,KACnDD,OAAO,CAACE,GAAG,CAACC,IAAI,IAAI;EAClB,IAAI,CAACA,IAAI,CAACC,GAAG,EAAE,OAAO,IAAI;EAE1B,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,KAAK;IAAEH;EAAI,CAAC,GAAGD,IAAI;EAErC,oBACEP,KAAA,CAAAY,aAAA,CAACX,SAAS;IAACY,IAAI,EAAEL,GAAI;IAACH,OAAO,EAAEA,OAAQ;IAACS,GAAG,EAAEL;EAAG,gBAC9CT,KAAA,CAAAY,aAAA;IAAKG,SAAS,EAAC;EAAkC,GAC9C,CAAAJ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEH,GAAG,iBACTR,KAAA,CAAAY,aAAA,CAACV,SAAS;IACRc,GAAG,EAAEL,KAAK,CAACH,GAAI;IACfS,GAAG,EAAEP,IAAK;IACVK,SAAS,EAAC,gCAAgC;IAC1CG,OAAO,EAAC;EAAe,CACxB,CAAC,GACA,IAAI,eACRlB,KAAA,CAAAY,aAAA;IAAMG,SAAS,EAAC;EAAgC,GAAEL,IAAW,CAC1D,CACI,CAAC;AAEhB,CAAC,CAAC;AAEJ,eAAeP,kBAAkB"}

package/lib-es/helpers/get-entities-with-banner.js

@@ -1,8 +1,25 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import injectBannersToEntities from './inject-banners-to-entities';
-export default function getEntitiesWithBanner(entities, options) {
+export default function getEntitiesWithBanner(entities, options, hasNewBannerSettings) {
   const {
     hasBanner
   } = options;
+  if (hasNewBannerSettings) {
+    return entities.map(currentEntity => {
+      const {
+        parent,
+        transform,
+        limit
+      } = options;
+      return _objectSpread(_objectSpread({}, currentEntity), {}, {
+        parent,
+        limit,
+        transform
+      });
+    });
+  }
   if (!hasBanner) return entities;
   return injectBannersToEntities(entities, options);
 }

package/lib-es/helpers/get-entities-with-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-entities-with-banner.js","names":["injectBannersToEntities","getEntitiesWithBanner","entities","options","hasBanner"],"sources":["../../src/helpers/get-entities-with-banner.js"],"sourcesContent":["import injectBannersToEntities from './inject-banners-to-entities';\n\nexport default function getEntitiesWithBanner(entities, options) {\n  const { hasBanner } = options;\n\n  if (!hasBanner) return entities;\n\n  return injectBannersToEntities(entities, options);\n}\n"],"mappings":"AAAA,OAAOA,uBAAuB,MAAM,8BAA8B;AAElE,eAAe,SAASC,qBAAqBA,CAACC,QAAQ,EAAEC,OAAO,EAAE;EAC/D,MAAM;IAAEC;EAAU,CAAC,GAAGD,OAAO;EAE7B,IAAI,CAACC,SAAS,EAAE,OAAOF,QAAQ;EAE/B,OAAOF,uBAAuB,CAACE,QAAQ,EAAEC,OAAO,CAAC;AACnD"}
+{"version":3,"file":"get-entities-with-banner.js","names":["injectBannersToEntities","getEntitiesWithBanner","entities","options","hasNewBannerSettings","hasBanner","map","currentEntity","parent","transform","limit","_objectSpread"],"sources":["../../src/helpers/get-entities-with-banner.js"],"sourcesContent":["import injectBannersToEntities from './inject-banners-to-entities';\n\nexport default function getEntitiesWithBanner(entities, options, hasNewBannerSettings) {\n  const { hasBanner } = options;\n  if (hasNewBannerSettings) {\n    return entities.map(currentEntity => {\n      const { parent, transform, limit } = options;\n      return { ...currentEntity, parent, limit, transform };\n    });\n  }\n  if (!hasBanner) return entities;\n\n  return injectBannersToEntities(entities, options);\n}\n"],"mappings":";;;AAAA,OAAOA,uBAAuB,MAAM,8BAA8B;AAElE,eAAe,SAASC,qBAAqBA,CAACC,QAAQ,EAAEC,OAAO,EAAEC,oBAAoB,EAAE;EACrF,MAAM;IAAEC;EAAU,CAAC,GAAGF,OAAO;EAC7B,IAAIC,oBAAoB,EAAE;IACxB,OAAOF,QAAQ,CAACI,GAAG,CAACC,aAAa,IAAI;MACnC,MAAM;QAAEC,MAAM;QAAEC,SAAS;QAAEC;MAAM,CAAC,GAAGP,OAAO;MAC5C,OAAAQ,aAAA,CAAAA,aAAA,KAAYJ,aAAa;QAAEC,MAAM;QAAEE,KAAK;QAAED;MAAS;IACrD,CAAC,CAAC;EACJ;EACA,IAAI,CAACJ,SAAS,EAAE,OAAOH,QAAQ;EAE/B,OAAOF,uBAAuB,CAACE,QAAQ,EAAEC,OAAO,CAAC;AACnD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.130.0-admin-updates.0",
+  "version": "0.130.0-admin-updates.2",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -32,7 +32,7 @@
     "@blaze-cms/core-errors-ui": "0.130.0-admin-updates.0",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.5",
     "@blaze-cms/nextjs-components": "0.130.0-admin-updates.0",
-    "@blaze-cms/plugin-search-ui": "0.130.0-admin-updates.0",
+    "@blaze-cms/plugin-search-ui": "0.130.0-admin-updates.1",
     "@blaze-cms/setup-ui": "0.130.0-admin-updates.0",
     "@blaze-cms/utils": "0.130.0-admin-updates.0",
     "@blaze-cms/utils-handlebars": "0.130.0-admin-updates.0",
@@ -89,5 +89,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "8a7ba4ac0daaa44b8273afc4c23c2ac4f0788ca0"
+  "gitHead": "189730ef8a67fc0c9af0ef588b70d0ab6d70e3d3"
 }

package/src/components/Card/CardsContainer.js

@@ -27,11 +27,11 @@ const CardContainer = ({
   name,
   designConfig,
   itemsPerRow,
+  enableSmoothScroll,
   enableCarousel,
   bannerModifier,
   priorityLimit,
   enableAutoScroll,
-  enableSmoothScroll,
   enableOverlay,
   autoScrollTimer,
   overlayModifier,
@@ -42,16 +42,13 @@ const CardContainer = ({
   const { banner } = cardProps;
   // TODO: remove this check and all associated code once old banner setup is no longer supported
   const hasNewBannerSettings = checkNewBannerSettings(banner);
-  const parsedCardsData = hasNewBannerSettings
-    ? cardData
-    : getEntitiesWithBanner(cardData, cardProps);
+  const parsedCardsData = getEntitiesWithBanner(cardData, cardProps, hasNewBannerSettings);
   const propsToDisplayModifiers = getPropsToDisplayModifiers(propsToDisplay);
   const dynamicWrapperSizes = enableCarousel
     ? ''
     : getDynamicGridClasses('grid', itemsPerRow, designConfig);
   const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;
   let bannerIndex = 0;
-  const bannerProps = banner ? { ...cardProps, ...banner, type: 'banner' } : null;
 
   return (
     <CardWrapper
@@ -65,7 +62,7 @@ const CardContainer = ({
       numberOfCards={parsedCardsData.length}>
       {parsedCardsData.map((currentEntity, index) => {
         const { baseAdunit, id, ...entityProps } = currentEntity;
-        const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, banner);
+        const shouldRenderBanner = !!banner && checkIfShouldRenderBanner(index, banner);
         const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);
         const dynamicKey = [itemId, index].join('-');
         const priority = !!enableSmoothScroll || (priorityLimit > 0 && index + 1 <= priorityLimit);
@@ -95,13 +92,22 @@ const CardContainer = ({
           titleOverlayModifier,
           ...entityProps
         };
+        const bannerProps = { ...banner, type: 'banner' };
 
         if (hasNewBannerSettings)
           return (
             <>
               <Card key={id} {...parsedCardProps} />
               {shouldRenderBanner && (
-                <Banner key={dynamicKey} {...bannerProps} renderCounter={bannerIndex} />
+                <Banner
+                  key={dynamicKey}
+                  {...entityProps}
+                  {...bannerProps}
+                  renderCounter={bannerIndex}
+                  entity={graphqlEntityMap[entityProps.__typename]}
+                  baseAdunit={baseAdunit}
+                  modifier={modifier}
+                />
               )}
             </>
           );
@@ -111,6 +117,7 @@ const CardContainer = ({
             entity={graphqlEntityMap[entityProps.__typename]}
             baseAdunit={baseAdunit}
             {...entityProps}
+            {...bannerProps}
             modifier={modifier}
             renderCounter={bannerIndex}
           />
@@ -138,6 +145,7 @@ CardContainer.propTypes = {
   style: PropTypes.string,
   designConfig: PropTypes.object,
   itemsPerRow: PropTypes.number,
+  enableSmoothScroll: PropTypes.bool,
   enableCarousel: PropTypes.bool,
   bannerModifier: PropTypes.string,
   priorityLimit: PropTypes.number,
@@ -161,6 +169,7 @@ CardContainer.defaultProps = {
   style: 'portrait',
   designConfig: {},
   itemsPerRow: 1,
+  enableSmoothScroll: false,
   enableCarousel: false,
   bannerModifier: '',
   priorityLimit: 0,

package/src/components/CarouselWrapper/CarouselWrapper.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import DefaultCarousel from './DefaultCarousel';
-import SmoothScroolCarousel from './SmoothScrollCarousel';
+import SmoothScrollCarousel from './SmoothScrollCarousel';
 
 const CarouselWrapper = ({ enableSmoothScroll, ...props }) => {
-  if (enableSmoothScroll) return <SmoothScroolCarousel {...props} />;
+  if (enableSmoothScroll) return <SmoothScrollCarousel {...props} />;
   return <DefaultCarousel {...props} />;
 };
 

package/src/components/CarouselWrapper/SmoothScrollCarousel.js

@@ -10,7 +10,8 @@ const SmoothScrollCarousel = ({
 }) => {
   const wrapperClassName = `cards-carousel-smooth${bannerModifier}`;
   const contentClassName = `cards-carousel--content smooth-scroll items-per-row-${itemsPerRow}`;
-  const animationDuration = `10s`;
+  const aimationTime = (autoScrollTimer * numberOfCards) / 1000;
+  const animationDuration = `${aimationTime < 1 ? 1 : aimationTime}s`;
 
   return (
     <div className={wrapperClassName}>

package/src/helpers/get-entities-with-banner.js

@@ -1,8 +1,13 @@
 import injectBannersToEntities from './inject-banners-to-entities';
 
-export default function getEntitiesWithBanner(entities, options) {
+export default function getEntitiesWithBanner(entities, options, hasNewBannerSettings) {
   const { hasBanner } = options;
-
+  if (hasNewBannerSettings) {
+    return entities.map(currentEntity => {
+      const { parent, transform, limit } = options;
+      return { ...currentEntity, parent, limit, transform };
+    });
+  }
   if (!hasBanner) return entities;
 
   return injectBannersToEntities(entities, options);

package/tests/unit/src/components/__snapshots__/CarouselWrapper.test.js.snap

@@ -79,7 +79,7 @@ exports[`CarouselWrapper component should add smooth-scroll class if prop is tru
   >
     <div
       class="cards-carousel--content smooth-scroll items-per-row-3"
-      style="animation-duration: 10s;"
+      style="animation-duration: 1s;"
     >
       <div>
         <div>
@@ -101,7 +101,7 @@ exports[`CarouselWrapper component should add smooth-scroll class if prop is tru
     </div>
     <div
       class="cards-carousel--content smooth-scroll items-per-row-3"
-      style="animation-duration: 10s;"
+      style="animation-duration: 1s;"
     >
       <div>
         <div>