@blaze-cms/react-page-builder 0.127.0-project-admin-customisations.3 → 0.128.0-admin-updates.0

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

@@ -1 +1 @@
-{"version":3,"file":"CardsRenderItem.js","names":["React","PropTypes","Waypoint","Card","shouldRenderWaypoint","renderChildren","parsePropsToDisplay","checkIfShouldRenderGtm","Banner","CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"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  priority,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier\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={propsToDisplay}\n          parsedPropsToDisplay={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          priority={priority}\n          arrowSize={arrowSize}\n          enableOverlay={enableOverlay}\n          overlayModifier={overlayModifier}\n          titleOverlayModifier={titleOverlayModifier}\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  priority: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default CardsRenderItem;\n"],"mappings":"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"}
+{"version":3,"file":"CardsRenderItem.js","names":["React","PropTypes","Waypoint","Card","shouldRenderWaypoint","renderChildren","parsePropsToDisplay","checkIfShouldRenderGtm","Banner","CardsRenderItem","cardProps","listProps","bannerProps","index","entity","currentListLength","cardChildren","gtmChildren","modifier","gridModifier","propsToDisplayModifiers","propsToDisplay","shouldRenderBanner","bannerIndex","priority","enableOverlay","autoScrollTimer","arrowSize","overlayModifier","titleOverlayModifier","initialOffset","isInfinite","style","name","id","triggerInfiniteScroll","displayCount","displayCategory","displayThumbnail","displayTitle","listTotal","itemsPerPage","currentItemIndex","renderWaypoint","shouldRenderGtm","parsedPropsToDisplay","propTypes","object","isRequired","number","array","bool","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../../../src/components/List/components/Cards/CardsRenderItem.js"],"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  priority,\n  enableOverlay,\n  autoScrollTimer,\n  arrowSize,\n  overlayModifier,\n  titleOverlayModifier\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={propsToDisplay}\n          parsedPropsToDisplay={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          priority={priority}\n          arrowSize={arrowSize}\n          enableOverlay={enableOverlay}\n          overlayModifier={overlayModifier}\n          titleOverlayModifier={titleOverlayModifier}\n          {...cardProps}\n        />\n      </div>\n      {shouldRenderBanner && <Banner {...bannerProps} renderCounter={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  priority: PropTypes.bool,\n  enableOverlay: PropTypes.bool,\n  overlayModifier: PropTypes.string,\n  titleOverlayModifier: PropTypes.string,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.string\n};\n\nCardsRenderItem.defaultProps = {\n  priority: false,\n  bannerProps: null,\n  gridModifier: '',\n  propsToDisplay: [],\n  modifier: '',\n  cardChildren: [],\n  gtmChildren: [],\n  enableOverlay: false,\n  autoScrollTimer: 0,\n  overlayModifier: '',\n  titleOverlayModifier: '',\n  arrowSize: ''\n};\n\nexport default CardsRenderItem;\n"],"mappings":"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"}

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

@@ -55,7 +55,7 @@ const FullRenderItem = ({
   })), !!parsedPropsToDisplay.length && /*#__PURE__*/React.createElement(React.Fragment, null, parsedPropsToDisplay.map(prop => prop ? /*#__PURE__*/React.createElement("span", {
     key: prop
   }, prop) : null)), shouldRenderBanner && /*#__PURE__*/React.createElement(Banner, _extends({}, bannerProps, {
-    cardBannerIndex: bannerIndex
+    renderCounter: bannerIndex
   })));
 };
 FullRenderItem.propTypes = {

package/lib-es/components/List/components/Full/FullRenderItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullRenderItem.js","names":["React","useContext","PropTypes","Waypoint","MainContext","BuildPBComponents","Banner","parsePropsToDisplay","shouldRenderWaypoint","FullRenderItem","isInfinite","pageBuilderComponents","entityProps","propsToDisplay","entity","index","itemId","listTotal","initialOffset","currentListLength","triggerInfiniteScroll","parent","pageBuilderID","displayCount","shouldRenderBanner","bannerProps","bannerIndex","hasGTM","parsedPropsToDisplay","currentItemIndex","renderWaypoint","itemEntity","length","map","prop","propTypes","array","object","isRequired","number","bool","func","string","data","itemsToDisplay","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRenderItem.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport BuildPBComponents from '../../../../hooks/helpers/buildPBComponents';\nimport Banner from '../../../Banner';\nimport { parsePropsToDisplay, shouldRenderWaypoint } from '../../../../helpers';\n\nconst FullRenderItem = ({\n  isInfinite,\n  pageBuilderComponents,\n  entityProps,\n  propsToDisplay,\n  entity,\n  index,\n  itemId,\n  listTotal,\n  initialOffset,\n  currentListLength,\n  triggerInfiniteScroll,\n  parent,\n  pageBuilderID,\n  displayCount,\n  shouldRenderBanner,\n  bannerProps,\n  bannerIndex\n}) => {\n  const { hasGTM } = useContext(MainContext);\n  if (!pageBuilderComponents) return null;\n  const parsedPropsToDisplay = parsePropsToDisplay(entityProps, propsToDisplay);\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  return (\n    <>\n      {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\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--full\">\n        {BuildPBComponents(pageBuilderComponents, {\n          parent: { ...parent, itemId, itemEntity: entity },\n          hasGTM,\n          pageBuilderID\n        })}\n      </div>\n      {!!parsedPropsToDisplay.length && (\n        <>{parsedPropsToDisplay.map(prop => (prop ? <span key={prop}>{prop}</span> : null))}</>\n      )}\n      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}\n    </>\n  );\n};\n\nFullRenderItem.propTypes = {\n  pageBuilderComponents: PropTypes.array,\n  entityProps: PropTypes.object.isRequired,\n  parent: PropTypes.object.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  listTotal: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  displayCount: PropTypes.bool.isRequired,\n  triggerInfiniteScroll: PropTypes.func,\n  entity: PropTypes.string.isRequired,\n  pageBuilderID: PropTypes.string.isRequired,\n  itemId: PropTypes.string.isRequired,\n  index: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  propsToDisplay: PropTypes.array,\n  data: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  bannerProps: PropTypes.object\n};\n\nFullRenderItem.defaultProps = {\n  pageBuilderComponents: null,\n  data: [],\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  triggerInfiniteScroll: null,\n  bannerProps: null\n};\n\nexport default FullRenderItem;\n"],"mappings":"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"}
+{"version":3,"file":"FullRenderItem.js","names":["React","useContext","PropTypes","Waypoint","MainContext","BuildPBComponents","Banner","parsePropsToDisplay","shouldRenderWaypoint","FullRenderItem","isInfinite","pageBuilderComponents","entityProps","propsToDisplay","entity","index","itemId","listTotal","initialOffset","currentListLength","triggerInfiniteScroll","parent","pageBuilderID","displayCount","shouldRenderBanner","bannerProps","bannerIndex","hasGTM","parsedPropsToDisplay","currentItemIndex","renderWaypoint","itemEntity","length","map","prop","propTypes","array","object","isRequired","number","bool","func","string","data","itemsToDisplay","defaultProps"],"sources":["../../../../../src/components/List/components/Full/FullRenderItem.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { Waypoint } from 'react-waypoint';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport BuildPBComponents from '../../../../hooks/helpers/buildPBComponents';\nimport Banner from '../../../Banner';\nimport { parsePropsToDisplay, shouldRenderWaypoint } from '../../../../helpers';\n\nconst FullRenderItem = ({\n  isInfinite,\n  pageBuilderComponents,\n  entityProps,\n  propsToDisplay,\n  entity,\n  index,\n  itemId,\n  listTotal,\n  initialOffset,\n  currentListLength,\n  triggerInfiniteScroll,\n  parent,\n  pageBuilderID,\n  displayCount,\n  shouldRenderBanner,\n  bannerProps,\n  bannerIndex\n}) => {\n  const { hasGTM } = useContext(MainContext);\n  if (!pageBuilderComponents) return null;\n  const parsedPropsToDisplay = parsePropsToDisplay(entityProps, propsToDisplay);\n  const currentItemIndex = initialOffset + index;\n  const renderWaypoint =\n    isInfinite && shouldRenderWaypoint(index, currentListLength, currentItemIndex, listTotal);\n  return (\n    <>\n      {renderWaypoint && <Waypoint onEnter={triggerInfiniteScroll} />}\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--full\">\n        {BuildPBComponents(pageBuilderComponents, {\n          parent: { ...parent, itemId, itemEntity: entity },\n          hasGTM,\n          pageBuilderID\n        })}\n      </div>\n      {!!parsedPropsToDisplay.length && (\n        <>{parsedPropsToDisplay.map(prop => (prop ? <span key={prop}>{prop}</span> : null))}</>\n      )}\n      {shouldRenderBanner && <Banner {...bannerProps} renderCounter={bannerIndex} />}\n    </>\n  );\n};\n\nFullRenderItem.propTypes = {\n  pageBuilderComponents: PropTypes.array,\n  entityProps: PropTypes.object.isRequired,\n  parent: PropTypes.object.isRequired,\n  currentListLength: PropTypes.number.isRequired,\n  listTotal: PropTypes.number.isRequired,\n  initialOffset: PropTypes.number.isRequired,\n  displayCount: PropTypes.bool.isRequired,\n  triggerInfiniteScroll: PropTypes.func,\n  entity: PropTypes.string.isRequired,\n  pageBuilderID: PropTypes.string.isRequired,\n  itemId: PropTypes.string.isRequired,\n  index: PropTypes.number.isRequired,\n  isInfinite: PropTypes.bool.isRequired,\n  shouldRenderBanner: PropTypes.bool.isRequired,\n  bannerIndex: PropTypes.number.isRequired,\n  propsToDisplay: PropTypes.array,\n  data: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  bannerProps: PropTypes.object\n};\n\nFullRenderItem.defaultProps = {\n  pageBuilderComponents: null,\n  data: [],\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  triggerInfiniteScroll: null,\n  bannerProps: null\n};\n\nexport default FullRenderItem;\n"],"mappings":"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"}

package/lib-es/components/index.js

@@ -29,6 +29,7 @@ export default {
   itemlistnew: dynamic(() => import( /* webpackChunkName: "blazePbItemListNew" */'./ItemList/ItemListNew')),
   backtotop: dynamic(() => import( /* webpackChunkName: "blazePbBackToTop" */'./BackToTop')),
   contentgroup: dynamic(() => import( /* webpackChunkName: "blazePbContentGroup" */'./ContentGroup')),
-  contentgroupsection: dynamic(() => import( /* webpackChunkName: "blazePbContentGroupSection" */'./ContentGroupSection'))
+  contentgroupsection: dynamic(() => import( /* webpackChunkName: "blazePbContentGroupSection" */'./ContentGroupSection')),
+  iframe: dynamic(() => import( /* webpackChunkName: "blazePbIframe" */'./Iframe'))
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","Banner","banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchcontent","searchfilter","searchfiltersort","modal","code","menu","menuitem","submenu","emailconfirm","breadcrumb","itemlistbutton","itemlistcounter","itemlistnew","backtotop","contentgroup","contentgroupsection"],"sources":["../../src/components/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchcontent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchContent/SearchContent')\n  ),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb')),\n  itemlistbutton: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListButton\" */ './ItemList/ItemListButton')\n  ),\n  itemlistcounter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListCounter\" */ './ItemList/ItemListCounter')\n  ),\n  itemlistnew: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListNew\" */ './ItemList/ItemListNew')\n  ),\n  backtotop: dynamic(() => import(/* webpackChunkName: \"blazePbBackToTop\" */ './BackToTop')),\n  contentgroup: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbContentGroup\" */ './ContentGroup')\n  ),\n  contentgroupsection: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbContentGroupSection\" */ './ContentGroupSection')\n  )\n};\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,cAAc;AAClC,OAAOC,MAAM,MAAM,UAAU;AAE7B,eAAe;EACbC,MAAM,EAAED,MAAM;EACdE,MAAM,EAAEH,OAAO,CAAC,MAAM,MAAM,EAAC,uCAAwC,UAAU,CAAC,CAAC;EACjFI,IAAI,EAAEJ,OAAO,CAAC,MAAM,MAAM,EAAC,qCAAsC,QAAQ,CAAC,CAAC;EAC3EK,QAAQ,EAAEL,OAAO,CAAC,MAAM,MAAM,EAAC,yCAA0C,YAAY,CAAC,CAAC;EACvFM,MAAM,EAAEN,OAAO,CAAC,MAAM,MAAM,EAAC,uCAAwC,UAAU,CAAC,CAAC;EACjFO,WAAW,EAAEP,OAAO,CAAC,MAAM,MAAM,EAAC,4CAA6C,eAAe,CAAC,CAAC;EAChGQ,KAAK,EAAER,OAAO,CAAC,MAAM,MAAM,EAAC,sCAAuC,SAAS,CAAC,CAAC;EAC9ES,GAAG,EAAET,OAAO,CAAC,MAAM,MAAM,EAAC,uCAAwC,UAAU,CAAC,CAAC;EAC9EU,IAAI,EAAEV,OAAO,CAAC,MAAM,MAAM,EAAC,qCAAsC,QAAQ,CAAC,CAAC;EAC3EW,YAAY,EAAEX,OAAO,CAAC,MACpB,MAAM,EAAC,6CAA8C,gBAAgB,CAAC,CACvE;EACDY,SAAS,EAAEZ,OAAO,CAAC,MAAM,MAAM,EAAC,0CAA2C,aAAa,CAAC,CAAC;EAC1Fa,KAAK,EAAEb,OAAO,CAAC,MAAM,MAAM,EAAC,sCAAuC,SAAS,CAAC,CAAC;EAC9Ec,OAAO,EAAEd,OAAO,CAAC,MAAM,MAAM,EAAC,wCAAyC,WAAW,CAAC,CAAC;EACpFe,aAAa,EAAEf,OAAO,CAAC,MACrB,MAAM,EAAC,6CAA8C,+BAA+B,CAAC,CACtF;EACDgB,YAAY,EAAEhB,OAAO,CAAC,MACpB,MAAM,EAAC,6CAA8C,gBAAgB,CAAC,CACvE;EACDiB,gBAAgB,EAAEjB,OAAO,CAAC,MACxB,MAAM,EAAC,gDAAiD,oBAAoB,CAAC,CAC9E;EACDkB,KAAK,EAAElB,OAAO,CAAC,MAAM,MAAM,EAAC,sCAAuC,SAAS,CAAC,CAAC;EAC9EmB,IAAI,EAAEnB,OAAO,CAAC,MAAM,MAAM,EAAC,qCAAsC,QAAQ,CAAC,CAAC;EAC3EoB,IAAI,EAAEpB,OAAO,CAAC,MAAM,MAAM,EAAC,qCAAsC,QAAQ,CAAC,CAAC;EAC3EqB,QAAQ,EAAErB,OAAO,CAAC,MAAM,MAAM,EAAC,yCAA0C,YAAY,CAAC,CAAC;EACvFsB,OAAO,EAAEtB,OAAO,CAAC,MAAM,MAAM,EAAC,wCAAyC,WAAW,CAAC,CAAC;EACpFuB,YAAY,EAAEvB,OAAO,CAAC,MACpB,MAAM,EAAC,6CAA8C,gBAAgB,CAAC,CACvE;EAEDwB,UAAU,EAAExB,OAAO,CAAC,MAAM,MAAM,EAAC,2CAA4C,cAAc,CAAC,CAAC;EAC7FyB,cAAc,EAAEzB,OAAO,CAAC,MACtB,MAAM,EAAC,+CAAgD,2BAA2B,CAAC,CACpF;EACD0B,eAAe,EAAE1B,OAAO,CAAC,MACvB,MAAM,EAAC,gDAAiD,4BAA4B,CAAC,CACtF;EACD2B,WAAW,EAAE3B,OAAO,CAAC,MACnB,MAAM,EAAC,4CAA6C,wBAAwB,CAAC,CAC9E;EACD4B,SAAS,EAAE5B,OAAO,CAAC,MAAM,MAAM,EAAC,0CAA2C,aAAa,CAAC,CAAC;EAC1F6B,YAAY,EAAE7B,OAAO,CAAC,MACpB,MAAM,EAAC,6CAA8C,gBAAgB,CAAC,CACvE;EACD8B,mBAAmB,EAAE9B,OAAO,CAAC,MAC3B,MAAM,EAAC,oDAAqD,uBAAuB,CAAC;AAExF,CAAC"}
+{"version":3,"file":"index.js","names":["dynamic","Banner","banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchcontent","searchfilter","searchfiltersort","modal","code","menu","menuitem","submenu","emailconfirm","breadcrumb","itemlistbutton","itemlistcounter","itemlistnew","backtotop","contentgroup","contentgroupsection","iframe"],"sources":["../../src/components/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchcontent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchContent/SearchContent')\n  ),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb')),\n  itemlistbutton: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListButton\" */ './ItemList/ItemListButton')\n  ),\n  itemlistcounter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListCounter\" */ './ItemList/ItemListCounter')\n  ),\n  itemlistnew: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbItemListNew\" */ './ItemList/ItemListNew')\n  ),\n  backtotop: dynamic(() => import(/* webpackChunkName: \"blazePbBackToTop\" */ './BackToTop')),\n  contentgroup: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbContentGroup\" */ './ContentGroup')\n  ),\n  contentgroupsection: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbContentGroupSection\" */ './ContentGroupSection')\n  ),\n  iframe: dynamic(() => import(/* webpackChunkName: \"blazePbIframe\" */ './Iframe'))\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.127.0-project-admin-customisations.3",
+  "version": "0.128.0-admin-updates.0",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,14 +27,14 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "^0.125.0",
-    "@blaze-cms/core-errors": "^0.118.0",
+    "@blaze-cms/core-auth-ui": "0.128.0-admin-updates.0",
+    "@blaze-cms/core-errors": "0.128.0-admin-updates.0",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.3",
-    "@blaze-cms/nextjs-components": "^0.125.0",
-    "@blaze-cms/plugin-search-ui": "0.127.0-project-admin-customisations.2",
-    "@blaze-cms/setup-ui": "^0.92.0",
-    "@blaze-cms/utils": "^0.125.0",
-    "@blaze-cms/utils-handlebars": "^0.125.0",
+    "@blaze-cms/nextjs-components": "0.128.0-admin-updates.0",
+    "@blaze-cms/plugin-search-ui": "0.128.0-admin-updates.0",
+    "@blaze-cms/setup-ui": "0.128.0-admin-updates.0",
+    "@blaze-cms/utils": "0.128.0-admin-updates.0",
+    "@blaze-cms/utils-handlebars": "0.128.0-admin-updates.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/checkboxes": "0.5.31",
@@ -45,7 +45,8 @@
     "@blaze-react/utils": "0.5.15",
     "core-js": "^3.2.1",
     "entities": "^2.0.0",
-    "html-react-parser": "^0.10.0",
+    "html-react-parser": "^3.0.4",
+    "iframe-resizer-react": "^1.1.0",
     "lodash.at": "^4.6.0",
     "lodash.camelcase": "^4.3.0",
     "lodash.clonedeep": "^4.5.0",
@@ -87,5 +88,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "ea986d69f265ba66e45dea0630cbdb4823bf09dc"
+  "gitHead": "ad3389e954fe463366655311efb1198191dbb625"
 }

package/src/components/Banner/BannerRender.js

@@ -32,7 +32,7 @@ const BannerRender = ({
   asPath,
   action,
   actionKey,
-  cardBannerIndex,
+  renderCounter,
   userPropsData,
   ...otherProps
 }) => {
@@ -79,7 +79,7 @@ const BannerRender = ({
   const shouldShowBanner =
     parsedAdunit && parsedSizes && !!parsedSizes.length && isContextualTargetingReady;
 
-  const customTargetings = setCustomTargetings(targetings, cardBannerIndex);
+  const customTargetings = setCustomTargetings(targetings, renderCounter);
 
   const targetingArguments = { ...parsedTargetings, ...customTargetings, ...userPropsData };
 
@@ -107,7 +107,7 @@ BannerRender.propTypes = {
   entity: PropTypes.string,
   targetings: PropTypes.string,
   sizes: PropTypes.string,
-  cardBannerIndex: PropTypes.number,
+  renderCounter: PropTypes.number,
   userPropsData: PropTypes.object
 };
 
@@ -119,7 +119,7 @@ BannerRender.defaultProps = {
   entity: '',
   targetings: '',
   sizes: '',
-  cardBannerIndex: null,
+  renderCounter: null,
   userPropsData: {}
 };
 

package/src/components/Banner/helpers.js

@@ -20,11 +20,11 @@ const buildTargetingValue = valueTargeting =>
     ? valueTargeting.replace(/\;|\[|\]/gm, char => (char === ';' ? ',' : '')).split(',')
     : valueTargeting;
 
-const setCustomTargetings = (targetings, cardBannerIndex) => {
+const setCustomTargetings = (targetings, renderCounter) => {
   let bannerTargetings = {};
 
-  const updatedTargetings = cardBannerIndex
-    ? addPosnToTargetings(targetings, cardBannerIndex)
+  const updatedTargetings = renderCounter
+    ? addPosnToTargetings(targetings, renderCounter)
     : targetings;
 
   const isValidTargeting = updatedTargetings && typeof updatedTargetings === 'string';

package/src/components/Card/CardContainer.js

@@ -41,7 +41,7 @@ const CardContainer = ({
   const dynamicWrapperSizes = enableCarousel
     ? ''
     : getDynamicGridClasses('grid', itemsPerRow, designConfig);
-  let cardBannerIndex = 0;
+  let renderCounter = 0;
   const CardWrapper = enableCarousel ? CarouselWrapper : Wrapper;
 
   return (
@@ -55,7 +55,7 @@ const CardContainer = ({
       {entities.map(({ baseAdunit, id, ...entityProps }, index) => {
         const extraProps = parsePropsToDisplay(entityProps, propsToDisplay);
         const dynamicKey = [itemId, index].join('-');
-        if (baseAdunit) cardBannerIndex += 1;
+        if (baseAdunit) renderCounter += 1;
 
         const priority = priorityLimit > 0 && index + 1 <= priorityLimit;
 
@@ -66,7 +66,7 @@ const CardContainer = ({
             baseAdunit={baseAdunit}
             {...entityProps}
             modifier={modifier}
-            cardBannerIndex={cardBannerIndex}
+            renderCounter={renderCounter}
           />
         ) : (
           <Card

package/src/components/Code/Code.js

@@ -7,10 +7,10 @@ import { getClassModifiers } from '../../utils';
 import { CODE } from '../../constants';
 import { wrapScriptTags } from './helpers';
 
-const Code = memo(({ code: embedCode, ...otherProps }) => {
+const Code = memo(({ code: embedCode, parserOptions, ...otherProps }) => {
   if (!embedCode) return null;
 
-  const parsedCode = parseHTML(embedCode);
+  const parsedCode = parseHTML(embedCode, parserOptions);
   const wrappedCode = wrapScriptTags(parsedCode);
   const modifiers = getClassModifiers(CODE, { ...otherProps });
 
@@ -19,12 +19,14 @@ const Code = memo(({ code: embedCode, ...otherProps }) => {
 
 Code.propTypes = {
   code: PropTypes.string,
-  modifier: PropTypes.string
+  modifier: PropTypes.string,
+  parserOptions: PropTypes.object
 };
 
 Code.defaultProps = {
   code: '',
-  modifier: ''
+  modifier: '',
+  parserOptions: {}
 };
 
 export default withTitle(Code);

package/src/components/Code/helpers/wrap-script-tags.js

@@ -17,9 +17,13 @@ function getWrappedScriptTag(child) {
 function wrapScriptTags(parsedCode) {
   if (Array.isArray(parsedCode)) {
     parsedCode.forEach((child, index) => {
-      // modify children array as we just want to wrap single components
-      // eslint-disable-next-line no-param-reassign
-      parsedCode[index] = getWrappedScriptTag(child);
+      try {
+        // modify children array as we just want to wrap single components
+        // eslint-disable-next-line no-param-reassign
+        parsedCode[index] = getWrappedScriptTag(child);
+      } catch {
+        // catch read-only element errors
+      }
     });
 
     return parsedCode;

package/src/components/ContentGroupSection/ContentGroupSection.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { hasChildren } from '../../helpers';
 
-const ContentGroupSection = ({ children, name }) => {
+const ContentGroupSection = ({ children, name, ...props }) => {
   if (!hasChildren(children)) return null;
 
   return (
@@ -14,11 +14,9 @@ const ContentGroupSection = ({ children, name }) => {
 
 ContentGroupSection.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
-  name: PropTypes.string.isRequired
+  name: PropTypes.string
 };
 
-ContentGroupSection.defaultProps = {
-  children: null
-};
+ContentGroupSection.defaultProps = { children: null, name: '' };
 
 export default ContentGroupSection;

package/src/components/Iframe/Iframe.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import IframeResizer from 'iframe-resizer-react';
+import { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';
+
+const Iframe = ({ src, modifier, width, height, enableScrolling }) => {
+  if (!src) return null;
+  const modifierString = modifier ? ` ${modifier}` : '';
+  const iframeClassName = `${IFRAME_CLASS}${modifierString}`;
+  const defaultWidth = !width ? DEFAULT_WIDTH : {};
+  return (
+    <div className={iframeClassName}>
+      <IframeResizer
+        scrolling={enableScrolling}
+        autoResize
+        src={src}
+        sizeHeight={!height}
+        height={height}
+        width={width}
+        style={defaultWidth}
+      />
+    </div>
+  );
+};
+
+Iframe.propTypes = {
+  src: PropTypes.string.isRequired,
+  enableScrolling: PropTypes.bool,
+  modifier: PropTypes.string,
+  width: PropTypes.string,
+  height: PropTypes.string
+};
+
+Iframe.defaultProps = { enableScrolling: false, modifier: '', width: '', height: '' };
+
+export default Iframe;

package/src/components/Iframe/constants.js

@@ -0,0 +1,4 @@
+const IFRAME_CLASS = 'iframe-container';
+const DEFAULT_WIDTH = { width: '1px', minWidth: '100%' };
+
+export { IFRAME_CLASS, DEFAULT_WIDTH };

package/src/components/Iframe/index.js

@@ -0,0 +1,3 @@
+import Iframe from './Iframe';
+
+export default Iframe;

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

@@ -86,7 +86,7 @@ const CardsRenderItem = ({
           {...cardProps}
         />
       </div>
-      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}
+      {shouldRenderBanner && <Banner {...bannerProps} renderCounter={bannerIndex} />}
     </>
   );
 };

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

@@ -50,7 +50,7 @@ const FullRenderItem = ({
       {!!parsedPropsToDisplay.length && (
         <>{parsedPropsToDisplay.map(prop => (prop ? <span key={prop}>{prop}</span> : null))}</>
       )}
-      {shouldRenderBanner && <Banner {...bannerProps} cardBannerIndex={bannerIndex} />}
+      {shouldRenderBanner && <Banner {...bannerProps} renderCounter={bannerIndex} />}
     </>
   );
 };

package/src/components/index.js

@@ -51,5 +51,6 @@ export default {
   ),
   contentgroupsection: dynamic(() =>
     import(/* webpackChunkName: "blazePbContentGroupSection" */ './ContentGroupSection')
-  )
+  ),
+  iframe: dynamic(() => import(/* webpackChunkName: "blazePbIframe" */ './Iframe'))
 };

package/tests/unit/src/HOC/withInfiniteScroll.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';

package/tests/unit/src/HOC/withTitle.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { shallow } from 'enzyme';
@@ -20,14 +23,14 @@ describe('withTitle HOC', () => {
     const [firstChild, secondChild] = children;
 
     expect(firstChild).toBe('');
-    expect(secondChild).toMatchObject(<MockComponent />);
+    expect(secondChild.type).toBe(MockComponent);
 
     const titleProp = 'test title';
     const wrapperWithTitle = shallow(<WrappedComponent elementTitle={titleProp} />);
     const [, secondChildWithTitle] = wrapperWithTitle.prop('children');
 
     expect(wrapperWithTitle.text()).toContain(titleProp);
-    expect(secondChildWithTitle).toMatchObject(<MockComponent />);
+    expect(secondChildWithTitle.type).toBe(MockComponent);
   });
 
   it('should not display h2 if elementTitle is empty', () => {

package/tests/unit/src/Layout/Layout.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import '@testing-library/jest-dom/extend-expect';
 import {
   getMockedProvider,
@@ -24,12 +27,11 @@ describe('Layout component', () => {
       data: {}
     })));
 
-  beforeEach(async done => {
+  beforeEach(async () => {
     component = await getMockedProvider(Layout, {
       props: mockedProps
     });
     testInstance = component.root;
-    done();
   });
 
   afterEach(() => component.unmount());

package/tests/unit/src/Layout/getMockedProps.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 
 export default function getMockedProps(overrides) {

package/tests/unit/src/Layout/helpers/check-if-row-has-columns.test.js

@@ -1,6 +1,9 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
-import { checkIfRowHasColumns } from '../../../../../src/components/Layout/helpers';
+import checkIfRowHasColumns from '../../../../../src/components/Layout/helpers/check-if-row-has-columns';
 import { ROW, COLUMN } from '../../../../../src/components/Layout/constants';
 
 describe('checkIfRowHasColumns function', () => {

package/tests/unit/src/Layout/helpers/get-styles-to-update.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getStylesToUpdate } from '../../../../../src/components/Layout/helpers';
+import getStylesToUpdate from '../../../../../src/components/Layout/helpers/get-styles-to-update';
 
 describe('getStylesToUpdate function', () => {
   it('should be defined', () => {

package/tests/unit/src/Layout/helpers/has-children.test.js

@@ -1,6 +1,9 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
-import { hasChildren } from '../../../../../src/helpers';
+import hasChildren from '../../../../../src/helpers/has-children';
 
 describe('hasChildren function', () => {
   it('should be defined', () => {

package/tests/unit/src/components/BackToTop/BackToTop.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import '@testing-library/jest-dom/extend-expect';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import BackToTop from '../../../../../src/components/BackToTop';

package/tests/unit/src/components/Banner/AdSlotRender.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { render, fireEvent, waitFor } from '@testing-library/react';

package/tests/unit/src/components/Banner/Banner.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import '@testing-library/jest-dom/extend-expect';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import Banner from '../../../../../src/components/Banner/Banner';

package/tests/unit/src/components/Banner/BannerRender.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { MockedProvider } from '@apollo/client/testing';
@@ -99,7 +102,7 @@ const defaultProps = {
   entity: '',
   targetings: '',
   sizes: '',
-  cardBannerIndex: null,
+  renderCounter: null,
   ...otherProps
 };
 

package/tests/unit/src/components/BlazeLink.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render, waitFor, act } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';

package/tests/unit/src/components/Breadcrumb/Breadcrumb.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { render as RenderComponent } from '@testing-library/react';

package/tests/unit/src/components/Button.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { act, render, fireEvent, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';

package/tests/unit/src/components/Card/Card.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render as _render, act, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';

package/tests/unit/src/components/Card/CardContainer.test.js

@@ -1,6 +1,10 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from 'react';
 import { render, act, waitFor } from '@testing-library/react';
+
 import '@testing-library/jest-dom/extend-expect';
-import React from 'react';
 import CardContainer from '../../../../../src/components/Card/CardContainer';
 import { cardDataMockedOptions } from './mockData';
 

package/tests/unit/src/components/Card/CardRender.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { MockedProvider } from '@apollo/client/testing';

package/tests/unit/src/components/Card/helpers/append-images.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { appendImages } from '../../../../../../src/helpers';
+import appendImages from '../../../../../../src/helpers/append-images';
 
 const cardIds = ['card-1', 'card-2', 'card-3'];
 const imageIds = ['image-1', 'image-2', 'image-3'];

package/tests/unit/src/components/Card/helpers/get-dynamic-grid-classes.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getDynamicGridClasses } from '../../../../../../src/components/Card/helpers';
+import getDynamicGridClasses from '../../../../../../src/components/Card/helpers/get-dynamic-grid-classes';
 
 const mockedProps = {
   global: {

package/tests/unit/src/components/Card/helpers/getPublishedListingUrl.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getPublishedListingUrl } from '../../../../../../src/components/Card/helpers';
+import getPublishedListingUrl from '../../../../../../src/components/Card/helpers/get-published-listing-url';
 
 const mockedUrl = {
   publishedListingPage: { url: 'www.listing.test.com' }