@blaze-cms/react-page-builder 0.110.0-alpha.2 → 0.111.0-alpha.2

package/CHANGELOG.md

@@ -3,6 +3,47 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.111.0-alpha.2](https://github.com/thebyte9/blaze/compare/v0.111.0-alpha.1...v0.111.0-alpha.2) (2021-10-21)
+
+
+### Bug Fixes
+
+* cards and full lists now updated banner position ([#3163](https://github.com/thebyte9/blaze/issues/3163)) ([dbd3ecd](https://github.com/thebyte9/blaze/commit/dbd3ecda9a9f96d2e1bc7934a3b08a39f45c4518))
+
+
+
+
+
+# [0.111.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.111.0-alpha.0...v0.111.0-alpha.1) (2021-10-20)
+
+
+### Bug Fixes
+
+* fixed limit helper function ([#3160](https://github.com/thebyte9/blaze/issues/3160)) ([9996ea2](https://github.com/thebyte9/blaze/commit/9996ea2d00e61db1be24ff25a5495b0f193c55db))
+
+
+
+
+
+# [0.110.0](https://github.com/thebyte9/blaze/compare/v0.110.0-alpha.3...v0.110.0) (2021-10-18)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+# [0.110.0-alpha.3](https://github.com/thebyte9/blaze/compare/v0.110.0-alpha.2...v0.110.0-alpha.3) (2021-10-14)
+
+
+### Bug Fixes
+
+* added lazy loading to image component ([#3150](https://github.com/thebyte9/blaze/issues/3150)) ([ac59e54](https://github.com/thebyte9/blaze/commit/ac59e545a5d41333ee46136694117884a311f5f8))
+
+
+
+
+
 # [0.110.0-alpha.2](https://github.com/thebyte9/blaze/compare/v0.110.0-alpha.1...v0.110.0-alpha.2) (2021-10-13)
 
 

package/lib/components/Banner/BannerRender.js

@@ -124,13 +124,16 @@ var BannerRender = function BannerRender(_ref) {
     maxHeight: maxBannerHeight,
     minHeight: minBannerHeight
   };
+
+  var targetingArguments = _objectSpread(_objectSpread({}, parsedTargetings), customTargetings);
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "ad-slot",
     style: style
   }, /*#__PURE__*/_react["default"].createElement(_reactDfp.AdSlot, {
     adUnit: parsedAdunit,
     sizes: parsedSizes,
-    targetingArguments: _objectSpread(_objectSpread({}, parsedTargetings), customTargetings),
+    targetingArguments: targetingArguments,
     sizeMapping: sizeMapping
   }));
 };

package/lib/components/Banner/BannerRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Banner/BannerRender.js"],"names":["BannerRender","baseAdunit","adunit","sizeId","sizes","propsToDisplay","entity","targetings","parent","asPath","action","actionKey","cardBannerIndex","otherProps","id","itemId","variables","where","skip","data","entityRecordData","parsedTargetings","GET_BANNER","BANNER_QUERY_PROPS","bannerData","entityData","bannerSizes","sizeMapping","parsedSizes","maxBannerHeight","minBannerHeight","COUNT_CONTENT_HIERARCHIES","parentId","childEntity","_ilike","PUBLISHED","countContentHierarchies","parsedAdunit","isContextualTargetingSet","length","Object","keys","isContextualTargetingReady","shouldShowBanner","customTargetings","style","maxHeight","minHeight","propTypes","PropTypes","object","isRequired","string","array","number","defaultProps"],"mappings":"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","sourcesContent":["import { AdSlot } from 'react-dfp';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { useQuery } from 'react-apollo';\nimport { generateSingleItemQuery, getCount } from '../../application/query';\nimport {\n  buildBannerSizes,\n  buildContextualTargeting,\n  buildParsedAdunit,\n  buildSizeMapping,\n  getMaxBannerHeight,\n  getMinBannerHeight,\n  setCustomTargetings\n} from './helpers';\nimport {\n  BANNER_QUERY_PROPS,\n  COUNT_CONTENT_HIERARCHIES,\n  GET_BANNER,\n  PUBLISHED\n} from '../../constants';\nimport { withTitle } from '../../HOC';\n\nconst BannerRender = ({\n  baseAdunit,\n  adunit,\n  sizeId,\n  sizes,\n  propsToDisplay,\n  entity,\n  targetings,\n  parent,\n  asPath,\n  action,\n  actionKey,\n  cardBannerIndex,\n  ...otherProps\n}) => {\n  const { id } = otherProps;\n  const { itemId } = parent;\n\n  const { data: entityRecordData = {} } = useQuery(action, {\n    variables: { where: { id: id || itemId } },\n    skip: id && id !== itemId\n  });\n\n  const parsedTargetings = buildContextualTargeting(actionKey, entityRecordData, propsToDisplay);\n\n  const { data: bannerData = {} } = useQuery(\n    generateSingleItemQuery(GET_BANNER, BANNER_QUERY_PROPS),\n    {\n      variables: { id: sizeId },\n      skip: !sizeId\n    }\n  );\n  const { entityData } = bannerData;\n  const { sizes: bannerSizes } = entityData || {};\n\n  const sizeMapping = buildSizeMapping(sizeId, bannerSizes);\n  const parsedSizes = buildBannerSizes(sizeId, bannerSizes, sizes);\n  const maxBannerHeight = getMaxBannerHeight(bannerSizes);\n  const minBannerHeight = getMinBannerHeight(bannerSizes);\n\n  const { data = {} } = useQuery(getCount(COUNT_CONTENT_HIERARCHIES), {\n    variables: {\n      where: {\n        parentId: id || itemId,\n        childEntity: {\n          _ilike: `${PUBLISHED}_%`\n        }\n      }\n    }\n  });\n\n  const { countContentHierarchies } = data;\n\n  const parsedAdunit = buildParsedAdunit(asPath, countContentHierarchies, baseAdunit, adunit);\n  const isContextualTargetingSet =\n    propsToDisplay.length && parsedTargetings && Object.keys(parsedTargetings).length;\n  const isContextualTargetingReady = isContextualTargetingSet || !propsToDisplay.length;\n  const shouldShowBanner =\n    parsedAdunit && parsedSizes && !!parsedSizes.length && isContextualTargetingReady;\n  if (!shouldShowBanner) return null;\n  const customTargetings = setCustomTargetings(targetings, cardBannerIndex);\n\n  const style = {\n    maxHeight: maxBannerHeight,\n    minHeight: minBannerHeight\n  };\n\n  return (\n    <div className=\"ad-slot\" style={style}>\n      <AdSlot\n        adUnit={parsedAdunit}\n        sizes={parsedSizes}\n        targetingArguments={{ ...parsedTargetings, ...customTargetings }}\n        sizeMapping={sizeMapping}\n      />\n    </div>\n  );\n};\n\nBannerRender.propTypes = {\n  parent: PropTypes.object.isRequired,\n  asPath: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  adunit: PropTypes.string,\n  baseAdunit: PropTypes.string,\n  sizeId: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string,\n  targetings: PropTypes.string,\n  sizes: PropTypes.string,\n  cardBannerIndex: PropTypes.number\n};\n\nBannerRender.defaultProps = {\n  adunit: '',\n  baseAdunit: '',\n  sizeId: '',\n  propsToDisplay: [],\n  entity: '',\n  targetings: '',\n  sizes: '',\n  cardBannerIndex: null\n};\n\nexport default withTitle(BannerRender);\n"],"file":"BannerRender.js"}
+{"version":3,"sources":["../../../src/components/Banner/BannerRender.js"],"names":["BannerRender","baseAdunit","adunit","sizeId","sizes","propsToDisplay","entity","targetings","parent","asPath","action","actionKey","cardBannerIndex","otherProps","id","itemId","variables","where","skip","data","entityRecordData","parsedTargetings","GET_BANNER","BANNER_QUERY_PROPS","bannerData","entityData","bannerSizes","sizeMapping","parsedSizes","maxBannerHeight","minBannerHeight","COUNT_CONTENT_HIERARCHIES","parentId","childEntity","_ilike","PUBLISHED","countContentHierarchies","parsedAdunit","isContextualTargetingSet","length","Object","keys","isContextualTargetingReady","shouldShowBanner","customTargetings","style","maxHeight","minHeight","targetingArguments","propTypes","PropTypes","object","isRequired","string","array","number","defaultProps"],"mappings":"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","sourcesContent":["import { AdSlot } from 'react-dfp';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { useQuery } from 'react-apollo';\nimport { generateSingleItemQuery, getCount } from '../../application/query';\nimport {\n  buildBannerSizes,\n  buildContextualTargeting,\n  buildParsedAdunit,\n  buildSizeMapping,\n  getMaxBannerHeight,\n  getMinBannerHeight,\n  setCustomTargetings\n} from './helpers';\nimport {\n  BANNER_QUERY_PROPS,\n  COUNT_CONTENT_HIERARCHIES,\n  GET_BANNER,\n  PUBLISHED\n} from '../../constants';\nimport { withTitle } from '../../HOC';\n\nconst BannerRender = ({\n  baseAdunit,\n  adunit,\n  sizeId,\n  sizes,\n  propsToDisplay,\n  entity,\n  targetings,\n  parent,\n  asPath,\n  action,\n  actionKey,\n  cardBannerIndex,\n  ...otherProps\n}) => {\n  const { id } = otherProps;\n  const { itemId } = parent;\n\n  const { data: entityRecordData = {} } = useQuery(action, {\n    variables: { where: { id: id || itemId } },\n    skip: id && id !== itemId\n  });\n\n  const parsedTargetings = buildContextualTargeting(actionKey, entityRecordData, propsToDisplay);\n\n  const { data: bannerData = {} } = useQuery(\n    generateSingleItemQuery(GET_BANNER, BANNER_QUERY_PROPS),\n    {\n      variables: { id: sizeId },\n      skip: !sizeId\n    }\n  );\n  const { entityData } = bannerData;\n  const { sizes: bannerSizes } = entityData || {};\n\n  const sizeMapping = buildSizeMapping(sizeId, bannerSizes);\n  const parsedSizes = buildBannerSizes(sizeId, bannerSizes, sizes);\n  const maxBannerHeight = getMaxBannerHeight(bannerSizes);\n  const minBannerHeight = getMinBannerHeight(bannerSizes);\n\n  const { data = {} } = useQuery(getCount(COUNT_CONTENT_HIERARCHIES), {\n    variables: {\n      where: {\n        parentId: id || itemId,\n        childEntity: {\n          _ilike: `${PUBLISHED}_%`\n        }\n      }\n    }\n  });\n\n  const { countContentHierarchies } = data;\n\n  const parsedAdunit = buildParsedAdunit(asPath, countContentHierarchies, baseAdunit, adunit);\n  const isContextualTargetingSet =\n    propsToDisplay.length && parsedTargetings && Object.keys(parsedTargetings).length;\n  const isContextualTargetingReady = isContextualTargetingSet || !propsToDisplay.length;\n  const shouldShowBanner =\n    parsedAdunit && parsedSizes && !!parsedSizes.length && isContextualTargetingReady;\n\n  if (!shouldShowBanner) return null;\n  const customTargetings = setCustomTargetings(targetings, cardBannerIndex);\n  const style = {\n    maxHeight: maxBannerHeight,\n    minHeight: minBannerHeight\n  };\n  const targetingArguments = { ...parsedTargetings, ...customTargetings };\n\n  return (\n    <div className=\"ad-slot\" style={style}>\n      <AdSlot\n        adUnit={parsedAdunit}\n        sizes={parsedSizes}\n        targetingArguments={targetingArguments}\n        sizeMapping={sizeMapping}\n      />\n    </div>\n  );\n};\n\nBannerRender.propTypes = {\n  parent: PropTypes.object.isRequired,\n  asPath: PropTypes.string.isRequired,\n  action: PropTypes.object.isRequired,\n  actionKey: PropTypes.string.isRequired,\n  adunit: PropTypes.string,\n  baseAdunit: PropTypes.string,\n  sizeId: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string,\n  targetings: PropTypes.string,\n  sizes: PropTypes.string,\n  cardBannerIndex: PropTypes.number\n};\n\nBannerRender.defaultProps = {\n  adunit: '',\n  baseAdunit: '',\n  sizeId: '',\n  propsToDisplay: [],\n  entity: '',\n  targetings: '',\n  sizes: '',\n  cardBannerIndex: null\n};\n\nexport default withTitle(BannerRender);\n"],"file":"BannerRender.js"}

package/lib/components/Image/Image.js

@@ -51,10 +51,10 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactWaypoint = require("react-waypoint");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _customHooks = require("@blaze-react/utils/lib/customHooks");
+
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 
 var _ImageRender = _interopRequireDefault(require("./ImageRender"));
@@ -106,10 +106,10 @@ var Image = function Image(_ref) {
       displayLightbox = _useState2[0],
       setDisplayLightbox = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      isIntersecting = _useState4[0],
-      setIsIntersecting = _useState4[1];
+  var _useInView = (0, _customHooks.useInView)(_constants.IN_VIEW_CONFIG),
+      _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
+      isIntersecting = _useInView2[0],
+      outerRef = _useInView2[1];
 
   var _getImageData = (0, _utils.getImageData)(otherProps, imageData),
       caption = _getImageData.caption,
@@ -160,18 +160,14 @@ var Image = function Image(_ref) {
       countMessage = _getDisplayCountData.countMessage;
 
   var sizeKey = [_constants.IMAGE, isHero ? _constants.HERO : '', _modifier].filter(Boolean).join(':');
+  var shouldDisplayImage = !!imageUrl && isIntersecting;
   return /*#__PURE__*/_react["default"].createElement(_Wrapper["default"], (0, _extends2["default"])({
+    ref: outerRef,
     className: wrapperClassName,
     modifiers: modifiers
-  }, otherProps), /*#__PURE__*/_react["default"].createElement(_reactWaypoint.Waypoint, {
-    onEnter: function onEnter() {
-      return !isIntersecting && setIsIntersecting(true);
-    },
-    bottomOffset: _constants.WAYPOINT_BOTTOM_OFFSET
-  }), elementTitle && /*#__PURE__*/_react["default"].createElement("h2", {
+  }, otherProps), elementTitle && /*#__PURE__*/_react["default"].createElement("h2", {
     className: "heading heading--section"
-  }, elementTitle), !!imageUrl && /*#__PURE__*/_react["default"].createElement(ImgWrapper, imgWrapperProps, /*#__PURE__*/_react["default"].createElement(_ImageRender["default"], (0, _extends2["default"])({}, otherProps, {
-    isIntersecting: isIntersecting,
+  }, elementTitle), shouldDisplayImage && /*#__PURE__*/_react["default"].createElement(ImgWrapper, imgWrapperProps, /*#__PURE__*/_react["default"].createElement(_ImageRender["default"], (0, _extends2["default"])({}, otherProps, {
     alt: altText,
     imageUrl: imageUrl,
     handleEnableLightbox: handleEnableLightbox,

package/lib/components/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/Image.js"],"names":["Image","url","_modifier","modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","otherProps","displayLightbox","setDisplayLightbox","isIntersecting","setIsIntersecting","caption","altText","hrefUrl","href","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","wrapperClassName","HERO","IMAGE","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","isDisplayed","value","creditsValue","shouldDisplayCredits","shouldDisplayCount","countMessage","sizeKey","filter","Boolean","join","WAYPOINT_BOTTOM_OFFSET","propTypes","PropTypes","string","bool","func","array","object","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { Waypoint } from 'react-waypoint';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../Wrapper';\nimport ImageRender from './ImageRender';\nimport ImageDetails from './ImageDetails';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { getImageData } from '../../utils';\nimport { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';\nimport { WAYPOINT_BOTTOM_OFFSET, IMAGE, HERO } from '../../constants';\n\nconst Image = ({\n  url,\n  modifier: _modifier,\n  imageId,\n  enableLightbox,\n  name,\n  toggleModal,\n  handleSelectedImage,\n  displayCount,\n  lightboxImages,\n  isHero,\n  type,\n  areImageCreditsDisplayed,\n  isCaptionDisplayed,\n  images,\n  imageData,\n  imageUrl,\n  elementTitle,\n  credits,\n  imageCredits,\n  ...otherProps\n}) => {\n  const [displayLightbox, setDisplayLightbox] = useState(false);\n  const [isIntersecting, setIsIntersecting] = useState(false);\n\n  const { caption, altText, hrefUrl } = getImageData(otherProps, imageData);\n\n  const href = url || hrefUrl;\n\n  const { ImgWrapper, imgWrapperProps, lightboxImgProps } = buildImageProperties({\n    href,\n    name,\n    enableLightbox,\n    isHero\n  });\n\n  const modifier = _modifier || '';\n  const modifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const wrapperClassName = isHero ? HERO : IMAGE;\n  const toggleLightbox = () => setDisplayLightbox(!displayLightbox);\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n  const creditsValue = credits || imageCredits;\n\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: creditsValue\n  });\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(displayCount, images);\n  const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');\n\n  return (\n    <Wrapper className={wrapperClassName} modifiers={modifiers} {...otherProps}>\n      <Waypoint\n        onEnter={() => !isIntersecting && setIsIntersecting(true)}\n        bottomOffset={WAYPOINT_BOTTOM_OFFSET}\n      />\n      {elementTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n      {!!imageUrl && (\n        <ImgWrapper {...imgWrapperProps}>\n          <ImageRender\n            {...otherProps}\n            isIntersecting={isIntersecting}\n            alt={altText}\n            imageUrl={imageUrl}\n            handleEnableLightbox={handleEnableLightbox}\n            toggleLightbox={toggleLightbox}\n            displayLightbox={displayLightbox}\n            caption={caption}\n            enableLightbox={enableLightbox}\n            lightboxImgProps={lightboxImgProps}\n            name={name}\n            displayCount={displayCount}\n            lightboxImages={lightboxImages}\n            isHero={isHero}\n            sizeKey={sizeKey}\n          />\n        </ImgWrapper>\n      )}\n      {shouldDisplayCount && (\n        <div\n          className=\"image__button image__button--count\"\n          role=\"button\"\n          onClick={handleEnableLightbox}>\n          <p>{countMessage}</p>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      )}\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <ImageDetails\n          caption={caption}\n          credits={creditsValue}\n          shouldDisplayCaption={shouldDisplayCaption}\n          shouldDisplayCredits={shouldDisplayCredits}\n        />\n      )}\n    </Wrapper>\n  );\n};\n\nImage.propTypes = {\n  url: PropTypes.string,\n  name: PropTypes.string,\n  modifier: PropTypes.string,\n  imageId: PropTypes.string,\n  enableLightbox: PropTypes.bool,\n  toggleModal: PropTypes.func,\n  handleSelectedImage: PropTypes.func,\n  displayCount: PropTypes.bool,\n  lightboxImages: PropTypes.array,\n  images: PropTypes.array,\n  isHero: PropTypes.bool,\n  type: PropTypes.string,\n  areImageCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  imageData: PropTypes.object,\n  imageUrl: PropTypes.string,\n  credits: PropTypes.string,\n  imageCredits: PropTypes.string,\n  elementTitle: PropTypes.string\n};\n\nImage.defaultProps = {\n  modifier: '',\n  url: null,\n  name: '',\n  credits: '',\n  imageCredits: '',\n  enableLightbox: false,\n  imageId: '',\n  handleSelectedImage: () => {},\n  toggleModal: () => {},\n  displayCount: false,\n  lightboxImages: [],\n  images: [],\n  isHero: false,\n  type: '',\n  areImageCreditsDisplayed: false,\n  isCaptionDisplayed: true,\n  imageData: {},\n  imageUrl: '',\n  elementTitle: ''\n};\n\nexport default Image;\n"],"file":"Image.js"}
+{"version":3,"sources":["../../../src/components/Image/Image.js"],"names":["Image","url","_modifier","modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","otherProps","displayLightbox","setDisplayLightbox","IN_VIEW_CONFIG","isIntersecting","outerRef","caption","altText","hrefUrl","href","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","wrapperClassName","HERO","IMAGE","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","isDisplayed","value","creditsValue","shouldDisplayCredits","shouldDisplayCount","countMessage","sizeKey","filter","Boolean","join","shouldDisplayImage","propTypes","PropTypes","string","bool","func","array","object","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport Wrapper from '../Wrapper';\nimport ImageRender from './ImageRender';\nimport ImageDetails from './ImageDetails';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { getImageData } from '../../utils';\nimport { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';\nimport { IMAGE, HERO, IN_VIEW_CONFIG } from '../../constants';\n\nconst Image = ({\n  url,\n  modifier: _modifier,\n  imageId,\n  enableLightbox,\n  name,\n  toggleModal,\n  handleSelectedImage,\n  displayCount,\n  lightboxImages,\n  isHero,\n  type,\n  areImageCreditsDisplayed,\n  isCaptionDisplayed,\n  images,\n  imageData,\n  imageUrl,\n  elementTitle,\n  credits,\n  imageCredits,\n  ...otherProps\n}) => {\n  const [displayLightbox, setDisplayLightbox] = useState(false);\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const { caption, altText, hrefUrl } = getImageData(otherProps, imageData);\n\n  const href = url || hrefUrl;\n\n  const { ImgWrapper, imgWrapperProps, lightboxImgProps } = buildImageProperties({\n    href,\n    name,\n    enableLightbox,\n    isHero\n  });\n\n  const modifier = _modifier || '';\n  const modifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const wrapperClassName = isHero ? HERO : IMAGE;\n  const toggleLightbox = () => setDisplayLightbox(!displayLightbox);\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n  const creditsValue = credits || imageCredits;\n\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: creditsValue\n  });\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(displayCount, images);\n  const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');\n  const shouldDisplayImage = !!imageUrl && isIntersecting;\n  return (\n    <Wrapper ref={outerRef} className={wrapperClassName} modifiers={modifiers} {...otherProps}>\n      {elementTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n      {shouldDisplayImage && (\n        <ImgWrapper {...imgWrapperProps}>\n          <ImageRender\n            {...otherProps}\n            alt={altText}\n            imageUrl={imageUrl}\n            handleEnableLightbox={handleEnableLightbox}\n            toggleLightbox={toggleLightbox}\n            displayLightbox={displayLightbox}\n            caption={caption}\n            enableLightbox={enableLightbox}\n            lightboxImgProps={lightboxImgProps}\n            name={name}\n            displayCount={displayCount}\n            lightboxImages={lightboxImages}\n            isHero={isHero}\n            sizeKey={sizeKey}\n          />\n        </ImgWrapper>\n      )}\n      {shouldDisplayCount && (\n        <div\n          className=\"image__button image__button--count\"\n          role=\"button\"\n          onClick={handleEnableLightbox}>\n          <p>{countMessage}</p>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      )}\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <ImageDetails\n          caption={caption}\n          credits={creditsValue}\n          shouldDisplayCaption={shouldDisplayCaption}\n          shouldDisplayCredits={shouldDisplayCredits}\n        />\n      )}\n    </Wrapper>\n  );\n};\n\nImage.propTypes = {\n  url: PropTypes.string,\n  name: PropTypes.string,\n  modifier: PropTypes.string,\n  imageId: PropTypes.string,\n  enableLightbox: PropTypes.bool,\n  toggleModal: PropTypes.func,\n  handleSelectedImage: PropTypes.func,\n  displayCount: PropTypes.bool,\n  lightboxImages: PropTypes.array,\n  images: PropTypes.array,\n  isHero: PropTypes.bool,\n  type: PropTypes.string,\n  areImageCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  imageData: PropTypes.object,\n  imageUrl: PropTypes.string,\n  credits: PropTypes.string,\n  imageCredits: PropTypes.string,\n  elementTitle: PropTypes.string\n};\n\nImage.defaultProps = {\n  modifier: '',\n  url: null,\n  name: '',\n  credits: '',\n  imageCredits: '',\n  enableLightbox: false,\n  imageId: '',\n  handleSelectedImage: () => {},\n  toggleModal: () => {},\n  displayCount: false,\n  lightboxImages: [],\n  images: [],\n  isHero: false,\n  type: '',\n  areImageCreditsDisplayed: false,\n  isCaptionDisplayed: true,\n  imageData: {},\n  imageUrl: '',\n  elementTitle: ''\n};\n\nexport default Image;\n"],"file":"Image.js"}

package/lib/components/Image/ImageFactory.js

@@ -78,7 +78,7 @@ var ImageFactory = function ImageFactory(props) {
       loading = _useGetImages.loading,
       error = _useGetImages.error;
   if (error) return error.message;
-  if (loading) return /*#__PURE__*/_react["default"].createElement("div", null);
+  if (loading) return '';
   return files.map(function (_ref) {
     var id = _ref.id,
         _ref$data = _ref.data,

package/lib/components/Image/ImageFactory.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/ImageFactory.js"],"names":["ImageFactory","props","imageId","itemId","parent","entity","fetchFromRelation","imageRelation","MainContext","isPreview","isUsingRelationImage","data","getEntitySchema","actions","relationData","updatedImageIds","getFiles","files","loading","error","message","map","id","imageData","url","imageUrl","propTypes","PropTypes","string","bool","array","object","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,KAAK,EAAI;AAC5B,MACEC,OADF,GAMID,KANJ,CACEC,OADF;AAAA,MAEYC,MAFZ,GAMIF,KANJ,CAEEG,MAFF,CAEYD,MAFZ;AAAA,MAGEE,MAHF,GAMIJ,KANJ,CAGEI,MAHF;AAAA,MAIEC,iBAJF,GAMIL,KANJ,CAIEK,iBAJF;AAAA,MAKEC,aALF,GAMIN,KANJ,CAKEM,aALF;;AAOA,oBAAsB,uBAAWC,6BAAX,CAAtB;AAAA,MAAQC,SAAR,eAAQA,SAAR;;AACA,MAAMC,oBAAoB,GAAG,mCAA0BL,MAA1B,EAAkCC,iBAAlC,EAAqDC,aAArD,CAA7B;;AACA,8BAAgD,qCAAyBF,MAAzB,EAAiC,CAACA,MAAlC,CAAhD;AAAA,qDAAQM,IAAR;;AAAA,+DAAyC,EAAzC;AAAA,sDAAgBC,eAAhB;AAAA,MAAgBA,eAAhB,uCAAkC,EAAlC;AACA,8BAAyBA,eAAzB,CAAQC,OAAR;AAAA,MAAQA,OAAR,sCAAkB,EAAlB;;AACA,8BAA+B,sCAC7BV,MAD6B,EAE7BI,aAF6B,EAG7BM,OAH6B,EAI7BH,oBAJ6B,EAK7BD,SAL6B,CAA/B;AAAA,MAAcK,YAAd,yBAAQH,IAAR;;AAQA,MAAMI,eAAe,GAAG,0BAAYR,aAAZ,EAA2BO,YAA3B,EAAyCZ,OAAzC,CAAxB;;AAEA,sBAAgE,yBAC9Da,eAD8D,EAE9D,IAF8D,CAAhE;AAAA,yCAAQJ,IAAR;;AAAA,uDAAyC,EAAzC;AAAA,iDAAgBK,QAAhB;AAAA,MAA0BC,KAA1B,sCAAkC,EAAlC;AAAA,MAA6CC,OAA7C,iBAA6CA,OAA7C;AAAA,MAAsDC,KAAtD,iBAAsDA,KAAtD;AAKA,MAAIA,KAAJ,EAAW,OAAOA,KAAK,CAACC,OAAb;AACX,MAAIF,OAAJ,EAAa,oBAAO,4CAAP;AAEb,SAAOD,KAAK,CAACI,GAAN,CAAU,gBAAsD;AAAA,QAAnDC,EAAmD,QAAnDA,EAAmD;AAAA,yBAA/CX,IAA+C;AAAA,QAAzCY,SAAyC,0BAA7B,EAA6B;AAAA,wBAAzBC,GAAyB;AAAA,QAApBC,QAAoB,yBAAT,EAAS;AACrE,QAAI,CAACA,QAAL,EAAe,OAAO,IAAP;AACf,wBAAO,gCAAC,iBAAD;AAAO,MAAA,GAAG,EAAEH;AAAZ,OAAoBrB,KAApB;AAA2B,MAAA,SAAS,EAAEsB,SAAtC;AAAiD,MAAA,QAAQ,EAAEE;AAA3D,OAAP;AACD,GAHM,CAAP;AAID,CAlCD;;AAoCAzB,YAAY,CAAC0B,SAAb,GAAyB;AACvBrB,EAAAA,MAAM,EAAEsB,sBAAUC,MADK;AAEvBtB,EAAAA,iBAAiB,EAAEqB,sBAAUE,IAFN;AAGvB3B,EAAAA,OAAO,EAAEyB,sBAAUC,MAHI;AAIvBrB,EAAAA,aAAa,EAAEoB,sBAAUG,KAJF;AAKvB1B,EAAAA,MAAM,EAAEuB,sBAAUI;AALK,CAAzB;AAQA/B,YAAY,CAACgC,YAAb,GAA4B;AAC1B3B,EAAAA,MAAM,EAAE,EADkB;AAE1BC,EAAAA,iBAAiB,EAAE,KAFO;AAG1BJ,EAAAA,OAAO,EAAE,EAHiB;AAI1BK,EAAAA,aAAa,EAAE,EAJW;AAK1BH,EAAAA,MAAM,EAAE;AALkB,CAA5B;eAQeJ,Y","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    entity,\n    fetchFromRelation,\n    imageRelation\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema = {} } = {} } = useGetSingleEntitySchema(entity, !entity);\n  const { actions = {} } = getEntitySchema;\n  const { data: relationData } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview\n  );\n\n  const updatedImageIds = getImageIds(imageRelation, relationData, imageId);\n\n  const { data: { getFiles: files = [] } = {}, loading, error } = useGetImages(\n    updatedImageIds,\n    true\n  );\n\n  if (error) return error.message;\n  if (loading) return <div />;\n\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\n"],"file":"ImageFactory.js"}
+{"version":3,"sources":["../../../src/components/Image/ImageFactory.js"],"names":["ImageFactory","props","imageId","itemId","parent","entity","fetchFromRelation","imageRelation","MainContext","isPreview","isUsingRelationImage","data","getEntitySchema","actions","relationData","updatedImageIds","getFiles","files","loading","error","message","map","id","imageData","url","imageUrl","propTypes","PropTypes","string","bool","array","object","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAAAC,KAAK,EAAI;AAC5B,MACEC,OADF,GAMID,KANJ,CACEC,OADF;AAAA,MAEYC,MAFZ,GAMIF,KANJ,CAEEG,MAFF,CAEYD,MAFZ;AAAA,MAGEE,MAHF,GAMIJ,KANJ,CAGEI,MAHF;AAAA,MAIEC,iBAJF,GAMIL,KANJ,CAIEK,iBAJF;AAAA,MAKEC,aALF,GAMIN,KANJ,CAKEM,aALF;;AAOA,oBAAsB,uBAAWC,6BAAX,CAAtB;AAAA,MAAQC,SAAR,eAAQA,SAAR;;AACA,MAAMC,oBAAoB,GAAG,mCAA0BL,MAA1B,EAAkCC,iBAAlC,EAAqDC,aAArD,CAA7B;;AACA,8BAAgD,qCAAyBF,MAAzB,EAAiC,CAACA,MAAlC,CAAhD;AAAA,qDAAQM,IAAR;;AAAA,+DAAyC,EAAzC;AAAA,sDAAgBC,eAAhB;AAAA,MAAgBA,eAAhB,uCAAkC,EAAlC;AACA,8BAAyBA,eAAzB,CAAQC,OAAR;AAAA,MAAQA,OAAR,sCAAkB,EAAlB;;AACA,8BAA+B,sCAC7BV,MAD6B,EAE7BI,aAF6B,EAG7BM,OAH6B,EAI7BH,oBAJ6B,EAK7BD,SAL6B,CAA/B;AAAA,MAAcK,YAAd,yBAAQH,IAAR;;AAQA,MAAMI,eAAe,GAAG,0BAAYR,aAAZ,EAA2BO,YAA3B,EAAyCZ,OAAzC,CAAxB;;AAEA,sBAAgE,yBAC9Da,eAD8D,EAE9D,IAF8D,CAAhE;AAAA,yCAAQJ,IAAR;;AAAA,uDAAyC,EAAzC;AAAA,iDAAgBK,QAAhB;AAAA,MAA0BC,KAA1B,sCAAkC,EAAlC;AAAA,MAA6CC,OAA7C,iBAA6CA,OAA7C;AAAA,MAAsDC,KAAtD,iBAAsDA,KAAtD;AAKA,MAAIA,KAAJ,EAAW,OAAOA,KAAK,CAACC,OAAb;AACX,MAAIF,OAAJ,EAAa,OAAO,EAAP;AAEb,SAAOD,KAAK,CAACI,GAAN,CAAU,gBAAsD;AAAA,QAAnDC,EAAmD,QAAnDA,EAAmD;AAAA,yBAA/CX,IAA+C;AAAA,QAAzCY,SAAyC,0BAA7B,EAA6B;AAAA,wBAAzBC,GAAyB;AAAA,QAApBC,QAAoB,yBAAT,EAAS;AACrE,QAAI,CAACA,QAAL,EAAe,OAAO,IAAP;AACf,wBAAO,gCAAC,iBAAD;AAAO,MAAA,GAAG,EAAEH;AAAZ,OAAoBrB,KAApB;AAA2B,MAAA,SAAS,EAAEsB,SAAtC;AAAiD,MAAA,QAAQ,EAAEE;AAA3D,OAAP;AACD,GAHM,CAAP;AAID,CAlCD;;AAoCAzB,YAAY,CAAC0B,SAAb,GAAyB;AACvBrB,EAAAA,MAAM,EAAEsB,sBAAUC,MADK;AAEvBtB,EAAAA,iBAAiB,EAAEqB,sBAAUE,IAFN;AAGvB3B,EAAAA,OAAO,EAAEyB,sBAAUC,MAHI;AAIvBrB,EAAAA,aAAa,EAAEoB,sBAAUG,KAJF;AAKvB1B,EAAAA,MAAM,EAAEuB,sBAAUI;AALK,CAAzB;AAQA/B,YAAY,CAACgC,YAAb,GAA4B;AAC1B3B,EAAAA,MAAM,EAAE,EADkB;AAE1BC,EAAAA,iBAAiB,EAAE,KAFO;AAG1BJ,EAAAA,OAAO,EAAE,EAHiB;AAI1BK,EAAAA,aAAa,EAAE,EAJW;AAK1BH,EAAAA,MAAM,EAAE;AALkB,CAA5B;eAQeJ,Y","sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    entity,\n    fetchFromRelation,\n    imageRelation\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema = {} } = {} } = useGetSingleEntitySchema(entity, !entity);\n  const { actions = {} } = getEntitySchema;\n  const { data: relationData } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview\n  );\n\n  const updatedImageIds = getImageIds(imageRelation, relationData, imageId);\n\n  const { data: { getFiles: files = [] } = {}, loading, error } = useGetImages(\n    updatedImageIds,\n    true\n  );\n\n  if (error) return error.message;\n  if (loading) return '';\n\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\n"],"file":"ImageFactory.js"}

package/lib/components/Image/ImageRender.js

@@ -23,11 +23,10 @@ var _imageCdnReact = require("@blaze-cms/image-cdn-react");
 
 var _Lightbox = _interopRequireDefault(require("./Lightbox"));
 
-var _excluded = ["isIntersecting", "alt", "imageUrl", "handleEnableLightbox", "toggleLightbox", "displayLightbox", "enableLightbox", "caption", "lightboxImgProps", "name", "metaTitle", "heroModifier", "style", "isHero", "sizeKey"];
+var _excluded = ["alt", "imageUrl", "handleEnableLightbox", "toggleLightbox", "displayLightbox", "enableLightbox", "caption", "lightboxImgProps", "name", "metaTitle", "heroModifier", "style", "isHero", "sizeKey"];
 
 var ImageRender = function ImageRender(_ref) {
-  var isIntersecting = _ref.isIntersecting,
-      alt = _ref.alt,
+  var alt = _ref.alt,
       imageUrl = _ref.imageUrl,
       handleEnableLightbox = _ref.handleEnableLightbox,
       toggleLightbox = _ref.toggleLightbox,
@@ -45,7 +44,7 @@ var ImageRender = function ImageRender(_ref) {
   var imageStyle = enableLightbox ? {
     cursor: 'pointer'
   } : style;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isIntersecting && /*#__PURE__*/_react["default"].createElement(_imageCdnReact.ResponsiveImage, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_imageCdnReact.ResponsiveImage, {
     sizeKey: sizeKey,
     alt: alt,
     src: imageUrl,
@@ -62,7 +61,6 @@ var ImageRender = function ImageRender(_ref) {
 };
 
 ImageRender.propTypes = {
-  isIntersecting: _propTypes["default"].bool.isRequired,
   displayLightbox: _propTypes["default"].bool.isRequired,
   enableLightbox: _propTypes["default"].bool.isRequired,
   alt: _propTypes["default"].string,

package/lib/components/Image/ImageRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Image/ImageRender.js"],"names":["ImageRender","isIntersecting","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","sizeKey","otherProps","imageStyle","cursor","propTypes","PropTypes","bool","isRequired","string","func","object","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAiBd;AAAA,MAhBJC,cAgBI,QAhBJA,cAgBI;AAAA,MAfJC,GAeI,QAfJA,GAeI;AAAA,MAdJC,QAcI,QAdJA,QAcI;AAAA,MAbJC,oBAaI,QAbJA,oBAaI;AAAA,MAZJC,cAYI,QAZJA,cAYI;AAAA,MAXJC,eAWI,QAXJA,eAWI;AAAA,MAVJC,cAUI,QAVJA,cAUI;AAAA,MATJC,OASI,QATJA,OASI;AAAA,MARJC,gBAQI,QARJA,gBAQI;AAAA,MAPJC,IAOI,QAPJA,IAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,MAGI,QAHJA,MAGI;AAAA,MAFJC,OAEI,QAFJA,OAEI;AAAA,MADDC,UACC;AACJ,MAAMC,UAAU,GAAGV,cAAc,GAAG;AAAEW,IAAAA,MAAM,EAAE;AAAV,GAAH,GAA2BL,KAA5D;AACA,sBACE,kEACGZ,cAAc,iBACb,gCAAC,8BAAD;AACE,IAAA,OAAO,EAAEc,OADX;AAEE,IAAA,GAAG,EAAEb,GAFP;AAGE,IAAA,GAAG,EAAEC,QAHP;AAIE,IAAA,OAAO,EAAEC,oBAJX;AAKE,IAAA,KAAK,EAAEa;AALT,IAFJ,EAUGX,eAAe,iBACd,gCAAC,oBAAD;AACE,IAAA,QAAQ,EAAEH,QADZ;AAEE,IAAA,GAAG,EAAED,GAFP;AAGE,IAAA,UAAU,EAAEG,cAHd;AAIE,IAAA,OAAO,EAAEG,OAJX;AAKE,IAAA,eAAe,EAAEC,gBALnB;AAME,IAAA,IAAI,EAAEE,SAAS,IAAID;AANrB,KAOMM,UAPN,EAXJ,CADF;AAwBD,CA3CD;;AA6CAhB,WAAW,CAACmB,SAAZ,GAAwB;AACtBlB,EAAAA,cAAc,EAAEmB,sBAAUC,IAAV,CAAeC,UADT;AAEtBhB,EAAAA,eAAe,EAAEc,sBAAUC,IAAV,CAAeC,UAFV;AAGtBf,EAAAA,cAAc,EAAEa,sBAAUC,IAAV,CAAeC,UAHT;AAItBpB,EAAAA,GAAG,EAAEkB,sBAAUG,MAJO;AAKtBf,EAAAA,OAAO,EAAEY,sBAAUG,MALG;AAMtBpB,EAAAA,QAAQ,EAAEiB,sBAAUG,MAAV,CAAiBD,UANL;AAOtBZ,EAAAA,IAAI,EAAEU,sBAAUG,MAPM;AAQtBX,EAAAA,YAAY,EAAEQ,sBAAUG,MARF;AAStBZ,EAAAA,SAAS,EAAES,sBAAUG,MATC;AAUtBnB,EAAAA,oBAAoB,EAAEgB,sBAAUI,IAAV,CAAeF,UAVf;AAWtBjB,EAAAA,cAAc,EAAEe,sBAAUI,IAAV,CAAeF,UAXT;AAYtBb,EAAAA,gBAAgB,EAAEW,sBAAUK,MAAV,CAAiBH,UAZb;AAatBT,EAAAA,KAAK,EAAEO,sBAAUK,MAbK;AActBX,EAAAA,MAAM,EAAEM,sBAAUC,IAdI;AAetBN,EAAAA,OAAO,EAAEK,sBAAUG;AAfG,CAAxB;AAkBAvB,WAAW,CAAC0B,YAAZ,GAA2B;AACzBhB,EAAAA,IAAI,EAAE,EADmB;AAEzBC,EAAAA,SAAS,EAAE,EAFc;AAGzBC,EAAAA,YAAY,EAAE,EAHW;AAIzBV,EAAAA,GAAG,EAAE,EAJoB;AAKzBM,EAAAA,OAAO,EAAE,EALgB;AAMzBM,EAAAA,MAAM,EAAE,KANiB;AAOzBD,EAAAA,KAAK,EAAE,EAPkB;AAQzBE,EAAAA,OAAO,EAAE;AARgB,CAA3B;eAWef,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n  isIntersecting,\n  alt,\n  imageUrl,\n  handleEnableLightbox,\n  toggleLightbox,\n  displayLightbox,\n  enableLightbox,\n  caption,\n  lightboxImgProps,\n  name,\n  metaTitle,\n  heroModifier,\n  style,\n  isHero,\n  sizeKey,\n  ...otherProps\n}) => {\n  const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n  return (\n    <>\n      {isIntersecting && (\n        <ResponsiveImage\n          sizeKey={sizeKey}\n          alt={alt}\n          src={imageUrl}\n          onClick={handleEnableLightbox}\n          style={imageStyle}\n        />\n      )}\n      {displayLightbox && (\n        <Lightbox\n          imageUrl={imageUrl}\n          alt={alt}\n          closeModal={toggleLightbox}\n          caption={caption}\n          imgWrapperProps={lightboxImgProps}\n          name={metaTitle || name}\n          {...otherProps}\n        />\n      )}\n    </>\n  );\n};\n\nImageRender.propTypes = {\n  isIntersecting: PropTypes.bool.isRequired,\n  displayLightbox: PropTypes.bool.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  alt: PropTypes.string,\n  caption: PropTypes.string,\n  imageUrl: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  heroModifier: PropTypes.string,\n  metaTitle: PropTypes.string,\n  handleEnableLightbox: PropTypes.func.isRequired,\n  toggleLightbox: PropTypes.func.isRequired,\n  lightboxImgProps: PropTypes.object.isRequired,\n  style: PropTypes.object,\n  isHero: PropTypes.bool,\n  sizeKey: PropTypes.string\n};\n\nImageRender.defaultProps = {\n  name: '',\n  metaTitle: '',\n  heroModifier: '',\n  alt: '',\n  caption: '',\n  isHero: false,\n  style: {},\n  sizeKey: ''\n};\n\nexport default ImageRender;\n"],"file":"ImageRender.js"}
+{"version":3,"sources":["../../../src/components/Image/ImageRender.js"],"names":["ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","sizeKey","otherProps","imageStyle","cursor","propTypes","PropTypes","bool","isRequired","string","func","object","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAgBd;AAAA,MAfJC,GAeI,QAfJA,GAeI;AAAA,MAdJC,QAcI,QAdJA,QAcI;AAAA,MAbJC,oBAaI,QAbJA,oBAaI;AAAA,MAZJC,cAYI,QAZJA,cAYI;AAAA,MAXJC,eAWI,QAXJA,eAWI;AAAA,MAVJC,cAUI,QAVJA,cAUI;AAAA,MATJC,OASI,QATJA,OASI;AAAA,MARJC,gBAQI,QARJA,gBAQI;AAAA,MAPJC,IAOI,QAPJA,IAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,MAGI,QAHJA,MAGI;AAAA,MAFJC,OAEI,QAFJA,OAEI;AAAA,MADDC,UACC;AACJ,MAAMC,UAAU,GAAGV,cAAc,GAAG;AAAEW,IAAAA,MAAM,EAAE;AAAV,GAAH,GAA2BL,KAA5D;AACA,sBACE,+EACE,gCAAC,8BAAD;AACE,IAAA,OAAO,EAAEE,OADX;AAEE,IAAA,GAAG,EAAEb,GAFP;AAGE,IAAA,GAAG,EAAEC,QAHP;AAIE,IAAA,OAAO,EAAEC,oBAJX;AAKE,IAAA,KAAK,EAAEa;AALT,IADF,EAQGX,eAAe,iBACd,gCAAC,oBAAD;AACE,IAAA,QAAQ,EAAEH,QADZ;AAEE,IAAA,GAAG,EAAED,GAFP;AAGE,IAAA,UAAU,EAAEG,cAHd;AAIE,IAAA,OAAO,EAAEG,OAJX;AAKE,IAAA,eAAe,EAAEC,gBALnB;AAME,IAAA,IAAI,EAAEE,SAAS,IAAID;AANrB,KAOMM,UAPN,EATJ,CADF;AAsBD,CAxCD;;AA0CAf,WAAW,CAACkB,SAAZ,GAAwB;AACtBb,EAAAA,eAAe,EAAEc,sBAAUC,IAAV,CAAeC,UADV;AAEtBf,EAAAA,cAAc,EAAEa,sBAAUC,IAAV,CAAeC,UAFT;AAGtBpB,EAAAA,GAAG,EAAEkB,sBAAUG,MAHO;AAItBf,EAAAA,OAAO,EAAEY,sBAAUG,MAJG;AAKtBpB,EAAAA,QAAQ,EAAEiB,sBAAUG,MAAV,CAAiBD,UALL;AAMtBZ,EAAAA,IAAI,EAAEU,sBAAUG,MANM;AAOtBX,EAAAA,YAAY,EAAEQ,sBAAUG,MAPF;AAQtBZ,EAAAA,SAAS,EAAES,sBAAUG,MARC;AAStBnB,EAAAA,oBAAoB,EAAEgB,sBAAUI,IAAV,CAAeF,UATf;AAUtBjB,EAAAA,cAAc,EAAEe,sBAAUI,IAAV,CAAeF,UAVT;AAWtBb,EAAAA,gBAAgB,EAAEW,sBAAUK,MAAV,CAAiBH,UAXb;AAYtBT,EAAAA,KAAK,EAAEO,sBAAUK,MAZK;AAatBX,EAAAA,MAAM,EAAEM,sBAAUC,IAbI;AActBN,EAAAA,OAAO,EAAEK,sBAAUG;AAdG,CAAxB;AAiBAtB,WAAW,CAACyB,YAAZ,GAA2B;AACzBhB,EAAAA,IAAI,EAAE,EADmB;AAEzBC,EAAAA,SAAS,EAAE,EAFc;AAGzBC,EAAAA,YAAY,EAAE,EAHW;AAIzBV,EAAAA,GAAG,EAAE,EAJoB;AAKzBM,EAAAA,OAAO,EAAE,EALgB;AAMzBM,EAAAA,MAAM,EAAE,KANiB;AAOzBD,EAAAA,KAAK,EAAE,EAPkB;AAQzBE,EAAAA,OAAO,EAAE;AARgB,CAA3B;eAWed,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n  alt,\n  imageUrl,\n  handleEnableLightbox,\n  toggleLightbox,\n  displayLightbox,\n  enableLightbox,\n  caption,\n  lightboxImgProps,\n  name,\n  metaTitle,\n  heroModifier,\n  style,\n  isHero,\n  sizeKey,\n  ...otherProps\n}) => {\n  const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n  return (\n    <>\n      <ResponsiveImage\n        sizeKey={sizeKey}\n        alt={alt}\n        src={imageUrl}\n        onClick={handleEnableLightbox}\n        style={imageStyle}\n      />\n      {displayLightbox && (\n        <Lightbox\n          imageUrl={imageUrl}\n          alt={alt}\n          closeModal={toggleLightbox}\n          caption={caption}\n          imgWrapperProps={lightboxImgProps}\n          name={metaTitle || name}\n          {...otherProps}\n        />\n      )}\n    </>\n  );\n};\n\nImageRender.propTypes = {\n  displayLightbox: PropTypes.bool.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  alt: PropTypes.string,\n  caption: PropTypes.string,\n  imageUrl: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  heroModifier: PropTypes.string,\n  metaTitle: PropTypes.string,\n  handleEnableLightbox: PropTypes.func.isRequired,\n  toggleLightbox: PropTypes.func.isRequired,\n  lightboxImgProps: PropTypes.object.isRequired,\n  style: PropTypes.object,\n  isHero: PropTypes.bool,\n  sizeKey: PropTypes.string\n};\n\nImageRender.defaultProps = {\n  name: '',\n  metaTitle: '',\n  heroModifier: '',\n  alt: '',\n  caption: '',\n  isHero: false,\n  style: {},\n  sizeKey: ''\n};\n\nexport default ImageRender;\n"],"file":"ImageRender.js"}

package/lib/components/List/components/Cards/CardsRenderItem.js

@@ -39,7 +39,9 @@ var CardsRenderItem = function CardsRenderItem(_ref) {
       modifier = _ref.modifier,
       gridModifier = _ref.gridModifier,
       propsToDisplayModifiers = _ref.propsToDisplayModifiers,
-      propsToDisplay = _ref.propsToDisplay;
+      propsToDisplay = _ref.propsToDisplay,
+      shouldRenderBanner = _ref.shouldRenderBanner,
+      bannerIndex = _ref.bannerIndex;
   var initialOffset = listProps.initialOffset,
       isInfinite = listProps.isInfinite,
       style = listProps.style,
@@ -58,7 +60,6 @@ var CardsRenderItem = function CardsRenderItem(_ref) {
   var currentItemIndex = initialOffset + index;
   var renderWaypoint = isInfinite && (0, _helpers.shouldRenderWaypoint)(index, currentListLength, currentItemIndex, listTotal);
   var shouldRenderGtm = gtmChildren && (0, _helpers2.checkIfShouldRenderGtm)(itemsPerPage, currentListLength, index);
-  var shouldRenderBanner = !!bannerProps && (0, _helpers2.checkIfShouldRenderBanner)(index, bannerProps);
   var parsedPropsToDisplay = (0, _helpers.parsePropsToDisplay)(cardProps, propsToDisplay);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, shouldRenderGtm && (0, _helpers.renderChildren)(gtmChildren), displayCount && /*#__PURE__*/_react["default"].createElement("div", {
     className: "heading heading--section heading--section--count"
@@ -85,7 +86,9 @@ var CardsRenderItem = function CardsRenderItem(_ref) {
     cardProps: cardProps,
     gtmId: name,
     gtmChildren: gtmChildren
-  }, cardProps))), shouldRenderBanner && /*#__PURE__*/_react["default"].createElement(_Banner["default"], bannerProps));
+  }, cardProps))), shouldRenderBanner && /*#__PURE__*/_react["default"].createElement(_Banner["default"], (0, _extends2["default"])({}, bannerProps, {
+    cardBannerIndex: bannerIndex
+  })));
 };
 
 CardsRenderItem.propTypes = {
@@ -94,6 +97,8 @@ CardsRenderItem.propTypes = {
   index: _propTypes["default"].number.isRequired,
   currentListLength: _propTypes["default"].number.isRequired,
   propsToDisplayModifiers: _propTypes["default"].array.isRequired,
+  shouldRenderBanner: _propTypes["default"].bool.isRequired,
+  bannerIndex: _propTypes["default"].number.isRequired,
   bannerProps: _propTypes["default"].object,
   gridModifier: _propTypes["default"].string,
   propsToDisplay: _propTypes["default"].array,

package/lib/components/List/components/Cards/CardsRenderItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"names":["CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","shouldRenderBanner","parsedPropsToDisplay","propTypes","PropTypes","object","isRequired","number","array","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm, checkIfShouldRenderBanner } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n  const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, bannerProps);\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nCardsRenderItem.defaultProps = {\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: []\n};\n\nexport default CardsRenderItem;\n"],"file":"CardsRenderItem.js"}
+{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"names":["CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","PropTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport Card from '../../../Card/Card';\nimport { shouldRenderWaypoint, renderChildren, parsePropsToDisplay } from '../../../../helpers';\nimport { checkIfShouldRenderGtm } from '../helpers';\nimport Banner from '../../../Banner';\n\nconst CardsRenderItem = ({\n  cardProps,\n  listProps,\n  bannerProps,\n  index,\n  entity,\n  currentListLength,\n  cardChildren,\n  gtmChildren,\n  modifier,\n  gridModifier,\n  propsToDisplayModifiers,\n  propsToDisplay,\n  shouldRenderBanner,\n  bannerIndex\n}) => {\n  const {\n    initialOffset,\n    isInfinite,\n    style,\n    name,\n    id,\n    triggerInfiniteScroll,\n    displayCount,\n    displayCategory = true,\n    displayThumbnail = true,\n    displayTitle = true,\n    listTotal,\n    itemsPerPage\n  } = listProps;\n\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  const shouldRenderGtm =\n    gtmChildren && checkIfShouldRenderGtm(itemsPerPage, currentListLength, index);\n\n  const parsedPropsToDisplay = parsePropsToDisplay(cardProps, propsToDisplay);\n\n  return (\n    <>\n      {shouldRenderGtm && renderChildren(gtmChildren)}\n      {displayCount && (\n        <div className=\"heading heading--section heading--section--count\">\n          <span className=\"section-number\">{currentItemIndex + 1}</span>\n          <span className=\"section-total\">/{listTotal}</span>\n        </div>\n      )}\n      <div className=\"list__item list__item--compact\">\n        {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\n        <Card\n          id={id}\n          entity={entity}\n          gridModifier={gridModifier}\n          propsToDisplay={parsedPropsToDisplay}\n          propsToDisplayModifiers={propsToDisplayModifiers}\n          modifier={modifier}\n          style={style}\n          cardChildren={cardChildren}\n          displayCategory={displayCategory}\n          displayThumbnail={displayThumbnail}\n          displayTitle={displayTitle}\n          cardProps={cardProps}\n          gtmId={name}\n          gtmChildren={gtmChildren}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nCardsRenderItem.propTypes = {\n  cardProps: PropTypes.object.isRequired,\n  listProps: PropTypes.object.isRequired,\n  index: PropTypes.number.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  propsToDisplayModifiers: PropTypes.array.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  bannerProps: PropTypes.object,\n  gridModifier: PropTypes.string,\n  propsToDisplay: PropTypes.array,\n  entity: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  cardChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nCardsRenderItem.defaultProps = {\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: []\n};\n\nexport default CardsRenderItem;\n"],"file":"CardsRenderItem.js"}

package/lib/components/List/components/Cards/CardsRenderWrapper.js

@@ -25,23 +25,32 @@ var _Wrapper = _interopRequireDefault(require("../../../Wrapper"));
 
 var _HOC = require("../../../../HOC");
 
-var _excluded = ["orderedListData", "gridModifier"];
+var _helpers = require("../helpers");
+
+var _excluded = ["orderedListData", "gridModifier", "bannerProps"];
 
 var CardsRenderWrapper = function CardsRenderWrapper(_ref) {
   var orderedListData = _ref.orderedListData,
       gridModifier = _ref.gridModifier,
+      bannerProps = _ref.bannerProps,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var bannerIndex = 0;
   return /*#__PURE__*/_react["default"].createElement(_Wrapper["default"], {
     className: "grid",
     modifiers: gridModifier
   }, orderedListData.map(function (cardProps, index) {
     var id = cardProps.id;
+    var shouldRenderBanner = !!bannerProps && (0, _helpers.checkIfShouldRenderBanner)(index, bannerProps);
+    if (shouldRenderBanner) bannerIndex += 1;
     return /*#__PURE__*/_react["default"].createElement(_CardsRenderItem["default"], (0, _extends2["default"])({
       key: id,
       index: index,
       cardProps: cardProps,
       gridModifier: gridModifier,
-      listProps: props
+      listProps: props,
+      shouldRenderBanner: shouldRenderBanner,
+      bannerProps: bannerProps,
+      bannerIndex: bannerIndex
     }, props));
   }));
 };
@@ -49,10 +58,12 @@ var CardsRenderWrapper = function CardsRenderWrapper(_ref) {
 CardsRenderWrapper.propTypes = {
   orderedListData: _propTypes["default"].array.isRequired,
   gridModifier: _propTypes["default"].string.isRequired,
-  imagesData: _propTypes["default"].array
+  imagesData: _propTypes["default"].array,
+  bannerProps: _propTypes["default"].object
 };
 CardsRenderWrapper.defaultProps = {
-  imagesData: []
+  imagesData: [],
+  bannerProps: {}
 };
 
 var _default = (0, _HOC.withTitle)(CardsRenderWrapper);

package/lib/components/List/components/Cards/CardsRenderWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderWrapper.js"],"names":["CardsRenderWrapper","orderedListData","gridModifier","props","map","cardProps","index","id","propTypes","PropTypes","array","isRequired","string","imagesData","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,MAAGC,eAAH,QAAGA,eAAH;AAAA,MAAoBC,YAApB,QAAoBA,YAApB;AAAA,MAAqCC,KAArC;AAAA,sBACzB,gCAAC,mBAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAED;AAArC,KACGD,eAAe,CAACG,GAAhB,CAAoB,UAACC,SAAD,EAAYC,KAAZ,EAAsB;AACzC,QAAQC,EAAR,GAAeF,SAAf,CAAQE,EAAR;AAEA,wBACE,gCAAC,2BAAD;AACE,MAAA,GAAG,EAAEA,EADP;AAEE,MAAA,KAAK,EAAED,KAFT;AAGE,MAAA,SAAS,EAAED,SAHb;AAIE,MAAA,YAAY,EAAEH,YAJhB;AAKE,MAAA,SAAS,EAAEC;AALb,OAMMA,KANN,EADF;AAUD,GAbA,CADH,CADyB;AAAA,CAA3B;;AAmBAH,kBAAkB,CAACQ,SAAnB,GAA+B;AAC7BP,EAAAA,eAAe,EAAEQ,sBAAUC,KAAV,CAAgBC,UADJ;AAE7BT,EAAAA,YAAY,EAAEO,sBAAUG,MAAV,CAAiBD,UAFF;AAG7BE,EAAAA,UAAU,EAAEJ,sBAAUC;AAHO,CAA/B;AAMAV,kBAAkB,CAACc,YAAnB,GAAkC;AAChCD,EAAAA,UAAU,EAAE;AADoB,CAAlC;;eAIe,oBAAUb,kBAAV,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardsRenderItem from './CardsRenderItem';\nimport Wrapper from '../../../Wrapper';\nimport { withTitle } from '../../../../HOC';\n\nconst CardsRenderWrapper = ({ orderedListData, gridModifier, ...props }) => (\n  <Wrapper className=\"grid\" modifiers={gridModifier}>\n    {orderedListData.map((cardProps, index) => {\n      const { id } = cardProps;\n\n      return (\n        <CardsRenderItem\n          key={id}\n          index={index}\n          cardProps={cardProps}\n          gridModifier={gridModifier}\n          listProps={props}\n          {...props}\n        />\n      );\n    })}\n  </Wrapper>\n);\n\nCardsRenderWrapper.propTypes = {\n  orderedListData: PropTypes.array.isRequired,\n  gridModifier: PropTypes.string.isRequired,\n  imagesData: PropTypes.array\n};\n\nCardsRenderWrapper.defaultProps = {\n  imagesData: []\n};\n\nexport default withTitle(CardsRenderWrapper);\n"],"file":"CardsRenderWrapper.js"}
+{"version":3,"sources":["../../../../../src/components/List/components/Cards/CardsRenderWrapper.js"],"names":["CardsRenderWrapper","orderedListData","gridModifier","bannerProps","props","bannerIndex","map","cardProps","index","id","shouldRenderBanner","propTypes","PropTypes","array","isRequired","string","imagesData","object","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,OAA8D;AAAA,MAA3DC,eAA2D,QAA3DA,eAA2D;AAAA,MAA1CC,YAA0C,QAA1CA,YAA0C;AAAA,MAA5BC,WAA4B,QAA5BA,WAA4B;AAAA,MAAZC,KAAY;AACvF,MAAIC,WAAW,GAAG,CAAlB;AAEA,sBACE,gCAAC,mBAAD;AAAS,IAAA,SAAS,EAAC,MAAnB;AAA0B,IAAA,SAAS,EAAEH;AAArC,KACGD,eAAe,CAACK,GAAhB,CAAoB,UAACC,SAAD,EAAYC,KAAZ,EAAsB;AACzC,QAAQC,EAAR,GAAeF,SAAf,CAAQE,EAAR;AACA,QAAMC,kBAAkB,GAAG,CAAC,CAACP,WAAF,IAAiB,wCAA0BK,KAA1B,EAAiCL,WAAjC,CAA5C;AACA,QAAIO,kBAAJ,EAAwBL,WAAW,IAAI,CAAf;AAExB,wBACE,gCAAC,2BAAD;AACE,MAAA,GAAG,EAAEI,EADP;AAEE,MAAA,KAAK,EAAED,KAFT;AAGE,MAAA,SAAS,EAAED,SAHb;AAIE,MAAA,YAAY,EAAEL,YAJhB;AAKE,MAAA,SAAS,EAAEE,KALb;AAME,MAAA,kBAAkB,EAAEM,kBANtB;AAOE,MAAA,WAAW,EAAEP,WAPf;AAQE,MAAA,WAAW,EAAEE;AARf,OASMD,KATN,EADF;AAaD,GAlBA,CADH,CADF;AAuBD,CA1BD;;AA4BAJ,kBAAkB,CAACW,SAAnB,GAA+B;AAC7BV,EAAAA,eAAe,EAAEW,sBAAUC,KAAV,CAAgBC,UADJ;AAE7BZ,EAAAA,YAAY,EAAEU,sBAAUG,MAAV,CAAiBD,UAFF;AAG7BE,EAAAA,UAAU,EAAEJ,sBAAUC,KAHO;AAI7BV,EAAAA,WAAW,EAAES,sBAAUK;AAJM,CAA/B;AAOAjB,kBAAkB,CAACkB,YAAnB,GAAkC;AAChCF,EAAAA,UAAU,EAAE,EADoB;AAEhCb,EAAAA,WAAW,EAAE;AAFmB,CAAlC;;eAKe,oBAAUH,kBAAV,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CardsRenderItem from './CardsRenderItem';\nimport Wrapper from '../../../Wrapper';\nimport { withTitle } from '../../../../HOC';\nimport { checkIfShouldRenderBanner } from '../helpers';\n\nconst CardsRenderWrapper = ({ orderedListData, gridModifier, bannerProps, ...props }) => {\n  let bannerIndex = 0;\n\n  return (\n    <Wrapper className=\"grid\" modifiers={gridModifier}>\n      {orderedListData.map((cardProps, index) => {\n        const { id } = cardProps;\n        const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(index, bannerProps);\n        if (shouldRenderBanner) bannerIndex += 1;\n\n        return (\n          <CardsRenderItem\n            key={id}\n            index={index}\n            cardProps={cardProps}\n            gridModifier={gridModifier}\n            listProps={props}\n            shouldRenderBanner={shouldRenderBanner}\n            bannerProps={bannerProps}\n            bannerIndex={bannerIndex}\n            {...props}\n          />\n        );\n      })}\n    </Wrapper>\n  );\n};\n\nCardsRenderWrapper.propTypes = {\n  orderedListData: PropTypes.array.isRequired,\n  gridModifier: PropTypes.string.isRequired,\n  imagesData: PropTypes.array,\n  bannerProps: PropTypes.object\n};\n\nCardsRenderWrapper.defaultProps = {\n  imagesData: [],\n  bannerProps: {}\n};\n\nexport default withTitle(CardsRenderWrapper);\n"],"file":"CardsRenderWrapper.js"}

package/lib/components/List/components/Full/FullRender.js

@@ -47,6 +47,8 @@ var _constants = require("../../../../constants");
 
 var _constants2 = require("../../constants");
 
+var _helpers = require("../helpers");
+
 var _excluded = ["orderedListData", "paginationType"],
     _excluded2 = ["id"];
 
@@ -72,11 +74,14 @@ var FullRender = function FullRender(_ref) {
   }, banner), {}, {
     type: _constants2.BANNER
   }) : null;
+  var bannerIndex = 0;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "list list--full"
   }, orderedListData.map(function (_ref2, i) {
     var id = _ref2.id,
         entityProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded2);
+    var shouldRenderBanner = !!bannerProps && (0, _helpers.checkIfShouldRenderBanner)(i, bannerProps);
+    if (shouldRenderBanner) bannerIndex += 1;
     return /*#__PURE__*/_react["default"].createElement(_FullRenderItem["default"], (0, _extends2["default"])({
       key: id
     }, props, entityProps, {
@@ -84,7 +89,9 @@ var FullRender = function FullRender(_ref) {
       itemId: id,
       pageBuilderID: pageBuilderID,
       entityProps: entityProps,
-      bannerProps: bannerProps
+      shouldRenderBanner: shouldRenderBanner,
+      bannerProps: bannerProps,
+      bannerIndex: bannerIndex
     }));
   })), paginationType === _constants.LOAD_MORE && /*#__PURE__*/_react["default"].createElement(_Pagination["default"], (0, _extends2["default"])({
     paginationType: paginationType

package/lib/components/List/components/Full/FullRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/List/components/Full/FullRender.js"],"names":["FullRender","orderedListData","paginationType","props","pageBuilderID","parent","entity","propsToDisplay","banner","hasBanner","bannerProps","type","BANNER","map","i","id","entityProps","LOAD_MORE","propTypes","PropTypes","array","isRequired","string","object","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAmD;AAAA,MAAhDC,eAAgD,QAAhDA,eAAgD;AAAA,MAA/BC,cAA+B,QAA/BA,cAA+B;AAAA,MAAZC,KAAY;AACpE,MAAMC,aAAa,GAAG,oBAAtB;AACA,MAAQC,MAAR,GAA8DF,KAA9D,CAAQE,MAAR;AAAA,MAAgBC,MAAhB,GAA8DH,KAA9D,CAAgBG,MAAhB;AAAA,MAAwBC,cAAxB,GAA8DJ,KAA9D,CAAwBI,cAAxB;AAAA,MAAwCC,MAAxC,GAA8DL,KAA9D,CAAwCK,MAAxC;AAAA,MAAgDC,SAAhD,GAA8DN,KAA9D,CAAgDM,SAAhD;AACA,MAAMC,WAAW,GAAGF,MAAM;AACpBC,IAAAA,SAAS,EAATA,SADoB;AACTJ,IAAAA,MAAM,EAANA,MADS;AACDC,IAAAA,MAAM,EAANA,MADC;AACOC,IAAAA,cAAc,EAAdA;AADP,KAC0BC,MAD1B;AACkCG,IAAAA,IAAI,EAAEC;AADxC,OAEtB,IAFJ;AAIA,sBACE,+EACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGX,eAAe,CAACY,GAAhB,CAAoB,iBAAyBC,CAAzB;AAAA,QAAGC,EAAH,SAAGA,EAAH;AAAA,QAAUC,WAAV;AAAA,wBACnB,gCAAC,0BAAD;AACE,MAAA,GAAG,EAAED;AADP,OAEMZ,KAFN,EAGMa,WAHN;AAIE,MAAA,KAAK,EAAEF,CAJT;AAKE,MAAA,MAAM,EAAEC,EALV;AAME,MAAA,aAAa,EAAEX,aANjB;AAOE,MAAA,WAAW,EAAEY,WAPf;AAQE,MAAA,WAAW,EAAEN;AARf,OADmB;AAAA,GAApB,CADH,CADF,EAeGR,cAAc,KAAKe,oBAAnB,iBACC,gCAAC,sBAAD;AAAgB,IAAA,cAAc,EAAEf;AAAhC,KAAoDC,KAApD,EAhBJ,CADF;AAqBD,CA5BD;;AA8BAH,UAAU,CAACkB,SAAX,GAAuB;AACrBjB,EAAAA,eAAe,EAAEkB,sBAAUC,KAAV,CAAgBC,UADZ;AAErBnB,EAAAA,cAAc,EAAEiB,sBAAUG,MAAV,CAAiBD,UAFZ;AAGrBhB,EAAAA,MAAM,EAAEc,sBAAUI,MAAV,CAAiBF,UAHJ;AAIrBd,EAAAA,cAAc,EAAEY,sBAAUC,KAAV,CAAgBC,UAJX;AAKrBf,EAAAA,MAAM,EAAEa,sBAAUG,MAAV,CAAiBD,UALJ;AAMrBZ,EAAAA,SAAS,EAAEU,sBAAUK,IANA;AAOrBhB,EAAAA,MAAM,EAAEW,sBAAUI;AAPG,CAAvB;AAUAvB,UAAU,CAACyB,YAAX,GAA0B;AACxBhB,EAAAA,SAAS,EAAE,KADa;AAExBD,EAAAA,MAAM,EAAE;AAFgB,CAA1B;eAKeR,U","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport uuid from 'uuid/v1';\nimport FullRenderItem from './FullRenderItem';\nimport ListPagination from '../Pagination';\nimport { LOAD_MORE } from '../../../../constants';\nimport { BANNER } from '../../constants';\n\nconst FullRender = ({ orderedListData, paginationType, ...props }) => {\n  const pageBuilderID = uuid();\n  const { parent, entity, propsToDisplay, banner, hasBanner } = props;\n  const bannerProps = banner\n    ? { hasBanner, parent, entity, propsToDisplay, ...banner, type: BANNER }\n    : null;\n\n  return (\n    <>\n      <div className=\"list list--full\">\n        {orderedListData.map(({ id, ...entityProps }, i) => (\n          <FullRenderItem\n            key={id}\n            {...props}\n            {...entityProps}\n            index={i}\n            itemId={id}\n            pageBuilderID={pageBuilderID}\n            entityProps={entityProps}\n            bannerProps={bannerProps}\n          />\n        ))}\n      </div>\n      {paginationType === LOAD_MORE && (\n        <ListPagination paginationType={paginationType} {...props} />\n      )}\n    </>\n  );\n};\n\nFullRender.propTypes = {\n  orderedListData: PropTypes.array.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  parent: PropTypes.object.isRequired,\n  propsToDisplay: PropTypes.array.isRequired,\n  entity: PropTypes.string.isRequired,\n  hasBanner: PropTypes.bool,\n  banner: PropTypes.object\n};\n\nFullRender.defaultProps = {\n  hasBanner: false,\n  banner: null\n};\n\nexport default FullRender;\n"],"file":"FullRender.js"}
+{"version":3,"sources":["../../../../../src/components/List/components/Full/FullRender.js"],"names":["FullRender","orderedListData","paginationType","props","pageBuilderID","parent","entity","propsToDisplay","banner","hasBanner","bannerProps","type","BANNER","bannerIndex","map","i","id","entityProps","shouldRenderBanner","LOAD_MORE","propTypes","PropTypes","array","isRequired","string","object","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAa,OAAmD;AAAA,MAAhDC,eAAgD,QAAhDA,eAAgD;AAAA,MAA/BC,cAA+B,QAA/BA,cAA+B;AAAA,MAAZC,KAAY;AACpE,MAAMC,aAAa,GAAG,oBAAtB;AACA,MAAQC,MAAR,GAA8DF,KAA9D,CAAQE,MAAR;AAAA,MAAgBC,MAAhB,GAA8DH,KAA9D,CAAgBG,MAAhB;AAAA,MAAwBC,cAAxB,GAA8DJ,KAA9D,CAAwBI,cAAxB;AAAA,MAAwCC,MAAxC,GAA8DL,KAA9D,CAAwCK,MAAxC;AAAA,MAAgDC,SAAhD,GAA8DN,KAA9D,CAAgDM,SAAhD;AACA,MAAMC,WAAW,GAAGF,MAAM;AACpBC,IAAAA,SAAS,EAATA,SADoB;AACTJ,IAAAA,MAAM,EAANA,MADS;AACDC,IAAAA,MAAM,EAANA,MADC;AACOC,IAAAA,cAAc,EAAdA;AADP,KAC0BC,MAD1B;AACkCG,IAAAA,IAAI,EAAEC;AADxC,OAEtB,IAFJ;AAGA,MAAIC,WAAW,GAAG,CAAlB;AAEA,sBACE,+EACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGZ,eAAe,CAACa,GAAhB,CAAoB,iBAAyBC,CAAzB,EAA+B;AAAA,QAA5BC,EAA4B,SAA5BA,EAA4B;AAAA,QAArBC,WAAqB;AAClD,QAAMC,kBAAkB,GAAG,CAAC,CAACR,WAAF,IAAiB,wCAA0BK,CAA1B,EAA6BL,WAA7B,CAA5C;AACA,QAAIQ,kBAAJ,EAAwBL,WAAW,IAAI,CAAf;AAExB,wBACE,gCAAC,0BAAD;AACE,MAAA,GAAG,EAAEG;AADP,OAEMb,KAFN,EAGMc,WAHN;AAIE,MAAA,KAAK,EAAEF,CAJT;AAKE,MAAA,MAAM,EAAEC,EALV;AAME,MAAA,aAAa,EAAEZ,aANjB;AAOE,MAAA,WAAW,EAAEa,WAPf;AAQE,MAAA,kBAAkB,EAAEC,kBARtB;AASE,MAAA,WAAW,EAAER,WATf;AAUE,MAAA,WAAW,EAAEG;AAVf,OADF;AAcD,GAlBA,CADH,CADF,EAsBGX,cAAc,KAAKiB,oBAAnB,iBACC,gCAAC,sBAAD;AAAgB,IAAA,cAAc,EAAEjB;AAAhC,KAAoDC,KAApD,EAvBJ,CADF;AA4BD,CApCD;;AAsCAH,UAAU,CAACoB,SAAX,GAAuB;AACrBnB,EAAAA,eAAe,EAAEoB,sBAAUC,KAAV,CAAgBC,UADZ;AAErBrB,EAAAA,cAAc,EAAEmB,sBAAUG,MAAV,CAAiBD,UAFZ;AAGrBlB,EAAAA,MAAM,EAAEgB,sBAAUI,MAAV,CAAiBF,UAHJ;AAIrBhB,EAAAA,cAAc,EAAEc,sBAAUC,KAAV,CAAgBC,UAJX;AAKrBjB,EAAAA,MAAM,EAAEe,sBAAUG,MAAV,CAAiBD,UALJ;AAMrBd,EAAAA,SAAS,EAAEY,sBAAUK,IANA;AAOrBlB,EAAAA,MAAM,EAAEa,sBAAUI;AAPG,CAAvB;AAUAzB,UAAU,CAAC2B,YAAX,GAA0B;AACxBlB,EAAAA,SAAS,EAAE,KADa;AAExBD,EAAAA,MAAM,EAAE;AAFgB,CAA1B;eAKeR,U","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport uuid from 'uuid/v1';\nimport FullRenderItem from './FullRenderItem';\nimport ListPagination from '../Pagination';\nimport { LOAD_MORE } from '../../../../constants';\nimport { BANNER } from '../../constants';\nimport { checkIfShouldRenderBanner } from '../helpers';\n\nconst FullRender = ({ orderedListData, paginationType, ...props }) => {\n  const pageBuilderID = uuid();\n  const { parent, entity, propsToDisplay, banner, hasBanner } = props;\n  const bannerProps = banner\n    ? { hasBanner, parent, entity, propsToDisplay, ...banner, type: BANNER }\n    : null;\n  let bannerIndex = 0;\n\n  return (\n    <>\n      <div className=\"list list--full\">\n        {orderedListData.map(({ id, ...entityProps }, i) => {\n          const shouldRenderBanner = !!bannerProps && checkIfShouldRenderBanner(i, bannerProps);\n          if (shouldRenderBanner) bannerIndex += 1;\n\n          return (\n            <FullRenderItem\n              key={id}\n              {...props}\n              {...entityProps}\n              index={i}\n              itemId={id}\n              pageBuilderID={pageBuilderID}\n              entityProps={entityProps}\n              shouldRenderBanner={shouldRenderBanner}\n              bannerProps={bannerProps}\n              bannerIndex={bannerIndex}\n            />\n          );\n        })}\n      </div>\n      {paginationType === LOAD_MORE && (\n        <ListPagination paginationType={paginationType} {...props} />\n      )}\n    </>\n  );\n};\n\nFullRender.propTypes = {\n  orderedListData: PropTypes.array.isRequired,\n  paginationType: PropTypes.string.isRequired,\n  parent: PropTypes.object.isRequired,\n  propsToDisplay: PropTypes.array.isRequired,\n  entity: PropTypes.string.isRequired,\n  hasBanner: PropTypes.bool,\n  banner: PropTypes.object\n};\n\nFullRender.defaultProps = {\n  hasBanner: false,\n  banner: null\n};\n\nexport default FullRender;\n"],"file":"FullRender.js"}

package/lib/components/List/components/Full/FullRenderItem.js

@@ -39,6 +39,8 @@ exports["default"] = void 0;
 
 require("core-js/modules/es.array.map.js");
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -55,8 +57,6 @@ var _Banner = _interopRequireDefault(require("../../../Banner"));
 
 var _helpers = require("../../../../helpers");
 
-var _helpers2 = require("../helpers");
-
 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; }
@@ -80,7 +80,9 @@ var FullRenderItem = function FullRenderItem(_ref) {
       parent = _ref.parent,
       pageBuilderID = _ref.pageBuilderID,
       displayCount = _ref.displayCount,
-      bannerProps = _ref.bannerProps;
+      shouldRenderBanner = _ref.shouldRenderBanner,
+      bannerProps = _ref.bannerProps,
+      bannerIndex = _ref.bannerIndex;
 
   var _useContext = (0, _react.useContext)(_nextjsComponents.MainContext),
       hasGTM = _useContext.hasGTM;
@@ -89,7 +91,6 @@ var FullRenderItem = function FullRenderItem(_ref) {
   var parsedPropsToDisplay = (0, _helpers.parsePropsToDisplay)(entityProps, propsToDisplay);
   var currentItemIndex = initialOffset + index;
   var renderWaypoint = isInfinite && (0, _helpers.shouldRenderWaypoint)(index, currentListLength, currentItemIndex, listTotal);
-  var shouldRenderBanner = !!bannerProps && (0, _helpers2.checkIfShouldRenderBanner)(index, bannerProps);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, renderWaypoint && /*#__PURE__*/_react["default"].createElement(_reactWaypoint.Waypoint, {
     onEnter: triggerInfiniteScroll
   }), displayCount && /*#__PURE__*/_react["default"].createElement("div", {
@@ -111,7 +112,9 @@ var FullRenderItem = function FullRenderItem(_ref) {
     return prop ? /*#__PURE__*/_react["default"].createElement("span", {
       key: prop
     }, prop) : null;
-  })), shouldRenderBanner && /*#__PURE__*/_react["default"].createElement(_Banner["default"], bannerProps));
+  })), shouldRenderBanner && /*#__PURE__*/_react["default"].createElement(_Banner["default"], (0, _extends2["default"])({}, bannerProps, {
+    cardBannerIndex: bannerIndex
+  })));
 };
 
 FullRenderItem.propTypes = {
@@ -128,6 +131,8 @@ FullRenderItem.propTypes = {
   itemId: _propTypes["default"].string.isRequired,
   index: _propTypes["default"].number.isRequired,
   isInfinite: _propTypes["default"].bool.isRequired,
+  shouldRenderBanner: _propTypes["default"].bool.isRequired,
+  bannerIndex: _propTypes["default"].number.isRequired,
   propsToDisplay: _propTypes["default"].array,
   data: _propTypes["default"].array,
   itemsToDisplay: _propTypes["default"].array,