@blaze-cms/react-page-builder 0.134.0-admin-updates.0 → 0.134.0-alpha.0

package/CHANGELOG.md

@@ -3,16 +3,9 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [0.134.0-admin-updates.0](https://github.com/thebyte9/blaze/compare/v0.133.0...v0.134.0-admin-updates.0) (2023-10-17)
+# [0.134.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.133.0...v0.134.0-alpha.0) (2023-10-23)
 
-
-### Bug Fixes
-
-* fix typo ([3c87c7f](https://github.com/thebyte9/blaze/commit/3c87c7f50b0c184fc369a3efbac0584fb0af6c09))
-* handle data summary urls in loops correctly ([#3993](https://github.com/thebyte9/blaze/issues/3993)) ([008e1a1](https://github.com/thebyte9/blaze/commit/008e1a1f24f065b4060302c2c32d1aa32dd8a007))
-* unwanted space when banner not served ([fb35848](https://github.com/thebyte9/blaze/commit/fb35848b7f91c9c063833d30b37e44996b2a4a56))
-* update ad slot render test ([dc9655f](https://github.com/thebyte9/blaze/commit/dc9655f2a2f9b9b5f5e98c77382561d3c4c4088d))
-* update ad slot render test ([2d12523](https://github.com/thebyte9/blaze/commit/2d12523f79245208e8919b7d90fa6d4294f396da))
+**Note:** Version bump only for package @blaze-cms/react-page-builder
 
 
 

package/lib/HOC/withTitle.js

@@ -14,26 +14,36 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.function.name.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _utilsHandlebars = require("@blaze-cms/utils-handlebars");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var withTitle = function withTitle(Component) {
   var InnerComponent = function InnerComponent(props) {
     var elementTitle = props.elementTitle,
-      isHeroImg = props.isHeroImg;
+      isHeroImg = props.isHeroImg,
+      parent = props.parent;
     var shouldDisplayTitle = elementTitle && !isHeroImg;
+    var _useStringTemplate = (0, _utilsHandlebars.useStringTemplate)(parent, [elementTitle]),
+      loading = _useStringTemplate.loading,
+      _useStringTemplate$da = (0, _slicedToArray2["default"])(_useStringTemplate.data, 1),
+      elementTitleToUse = _useStringTemplate$da[0];
+    if (loading) return '';
     return /*#__PURE__*/_react["default"].createElement(_react.Fragment, null, shouldDisplayTitle && /*#__PURE__*/_react["default"].createElement("h2", {
       className: "heading heading--section"
-    }, elementTitle), /*#__PURE__*/_react["default"].createElement(Component, props));
+    }, elementTitleToUse), /*#__PURE__*/_react["default"].createElement(Component, props));
   };
   InnerComponent.WrappedComponent = Component;
   InnerComponent.displayName = "WithTitle(".concat(Component.displayName || Component.name || 'Component', ")");
   InnerComponent.propTypes = {
+    parent: _propTypes["default"].object,
     elementTitle: _propTypes["default"].string,
     isHeroImg: _propTypes["default"].bool
   };
   InnerComponent.defaultProps = {
+    parent: {},
     elementTitle: '',
     isHeroImg: false
   };

package/lib/HOC/withTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTitle.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","withTitle","Component","InnerComponent","props","elementTitle","isHeroImg","shouldDisplayTitle","createElement","Fragment","className","WrappedComponent","displayName","concat","name","propTypes","PropTypes","string","bool","defaultProps","_default","exports"],"sources":["../../src/HOC/withTitle.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nconst withTitle = Component => {\n  const InnerComponent = props => {\n    const { elementTitle, isHeroImg } = props;\n    const shouldDisplayTitle = elementTitle && !isHeroImg;\n\n    return (\n      <Fragment>\n        {shouldDisplayTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n        <Component {...props} />\n      </Fragment>\n    );\n  };\n\n  InnerComponent.WrappedComponent = Component;\n\n  InnerComponent.displayName = `WithTitle(${Component.displayName ||\n    Component.name ||\n    'Component'})`;\n\n  InnerComponent.propTypes = {\n    elementTitle: PropTypes.string,\n    isHeroImg: PropTypes.bool\n  };\n  InnerComponent.defaultProps = {\n    elementTitle: '',\n    isHeroImg: false\n  };\n\n  return InnerComponent;\n};\n\nexport default withTitle;\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAmC,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAEnC,IAAMW,SAAS,GAAG,SAAZA,SAASA,CAAGC,SAAS,EAAI;EAC7B,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,KAAK,EAAI;IAC9B,IAAQC,YAAY,GAAgBD,KAAK,CAAjCC,YAAY;MAAEC,SAAS,GAAKF,KAAK,CAAnBE,SAAS;IAC/B,IAAMC,kBAAkB,GAAGF,YAAY,IAAI,CAACC,SAAS;IAErD,oBACEhC,MAAA,YAAAkC,aAAA,CAAClC,MAAA,CAAAmC,QAAQ,QACNF,kBAAkB,iBAAIjC,MAAA,YAAAkC,aAAA;MAAIE,SAAS,EAAC;IAA0B,GAAEL,YAAiB,CAAC,eACnF/B,MAAA,YAAAkC,aAAA,CAACN,SAAS,EAAKE,KAAQ,CACf,CAAC;EAEf,CAAC;EAEDD,cAAc,CAACQ,gBAAgB,GAAGT,SAAS;EAE3CC,cAAc,CAACS,WAAW,gBAAAC,MAAA,CAAgBX,SAAS,CAACU,WAAW,IAC7DV,SAAS,CAACY,IAAI,IACd,WAAW,MAAG;EAEhBX,cAAc,CAACY,SAAS,GAAG;IACzBV,YAAY,EAAEW,qBAAS,CAACC,MAAM;IAC9BX,SAAS,EAAEU,qBAAS,CAACE;EACvB,CAAC;EACDf,cAAc,CAACgB,YAAY,GAAG;IAC5Bd,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb,CAAC;EAED,OAAOH,cAAc;AACvB,CAAC;AAAC,IAAAiB,QAAA,GAEanB,SAAS;AAAAoB,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"withTitle.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_utilsHandlebars","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","withTitle","Component","InnerComponent","props","elementTitle","isHeroImg","parent","shouldDisplayTitle","_useStringTemplate","useStringTemplate","loading","_useStringTemplate$da","_slicedToArray2","data","elementTitleToUse","createElement","Fragment","className","WrappedComponent","displayName","concat","name","propTypes","PropTypes","object","string","bool","defaultProps","_default","exports"],"sources":["../../src/HOC/withTitle.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\n\nconst withTitle = Component => {\n  const InnerComponent = props => {\n    const { elementTitle, isHeroImg, parent } = props;\n\n    const shouldDisplayTitle = elementTitle && !isHeroImg;\n    const {\n      loading,\n      data: [elementTitleToUse]\n    } = useStringTemplate(parent, [elementTitle]);\n\n    if (loading) return '';\n\n    return (\n      <Fragment>\n        {shouldDisplayTitle && <h2 className=\"heading heading--section\">{elementTitleToUse}</h2>}\n        <Component {...props} />\n      </Fragment>\n    );\n  };\n\n  InnerComponent.WrappedComponent = Component;\n\n  InnerComponent.displayName = `WithTitle(${Component.displayName ||\n    Component.name ||\n    'Component'})`;\n\n  InnerComponent.propTypes = {\n    parent: PropTypes.object,\n    elementTitle: PropTypes.string,\n    isHeroImg: PropTypes.bool\n  };\n  InnerComponent.defaultProps = {\n    parent: {},\n    elementTitle: '',\n    isHeroImg: false\n  };\n\n  return InnerComponent;\n};\n\nexport default withTitle;\n"],"mappings":"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"}

package/lib/components/Banner/AdSlotRender.js

@@ -23,7 +23,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactDfp = require("react-dfp");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _constants = require("../../constants");
-var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var AdSlotRender = function AdSlotRender(_ref) {
@@ -32,7 +31,6 @@ var AdSlotRender = function AdSlotRender(_ref) {
     sizeId = _ref.sizeId,
     parsedAdunit = _ref.parsedAdunit,
     parsedSizes = _ref.parsedSizes,
-    modifiers = _ref.modifiers,
     targetingArguments = _ref.targetingArguments;
   var _useState = (0, _react.useState)({}),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -54,16 +52,11 @@ var AdSlotRender = function AdSlotRender(_ref) {
     return "@media(min-width:".concat(minWidth, "px){.").concat(bannerClass, "{min-height:").concat(minimumHeight, "px;}");
   }).sort();
   var className = "ad-slot ad-slot-".concat(loadingStatus, " ").concat(bannerClass);
-  var newModifers = "".concat(modifiers, " banner-").concat(loadingStatus);
-  return /*#__PURE__*/_react["default"].createElement(_Wrapper["default"], {
-    className: "banner",
-    modifiers: newModifers
-  }, styles && /*#__PURE__*/_react["default"].createElement("style", null, styles.join('\n')), /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, styles && /*#__PURE__*/_react["default"].createElement("style", null, styles.join('\n')), /*#__PURE__*/_react["default"].createElement("div", {
     className: className,
     style: {
       minHeight: minHeight
-    },
-    "data-testid": "ad-slot"
+    }
   }, shouldShowBanner && /*#__PURE__*/_react["default"].createElement(_reactDfp.AdSlot, {
     adUnit: parsedAdunit,
     sizes: parsedSizes,
@@ -88,12 +81,10 @@ AdSlotRender.propTypes = {
   sizeId: _propTypes["default"].string.isRequired,
   parsedAdunit: _propTypes["default"].string.isRequired,
   parsedSizes: _propTypes["default"].array,
-  modifiers: _propTypes["default"].string,
   targetingArguments: _propTypes["default"].object.isRequired
 };
 AdSlotRender.defaultProps = {
-  parsedSizes: null,
-  modifiers: ''
+  parsedSizes: null
 };
 var _default = AdSlotRender;
 exports["default"] = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"AdSlotRender.js","names":["_react","_interopRequireWildcard","require","_reactDfp","_propTypes","_interopRequireDefault","_constants","_Wrapper","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AdSlotRender","_ref","shouldShowBanner","sizeMapping","sizeId","parsedAdunit","parsedSizes","modifiers","targetingArguments","_useState","useState","_useState2","_slicedToArray2","_useState2$","_useState2$$loadingSt","loadingStatus","BANNER_LOADING","minHeight","setLoadingStatus","bannerClass","concat","styles","map","_ref2","styleSizes","sizes","_ref2$viewport","viewport","minWidth","minimumHeight","Math","min","apply","_toConsumableArray2","_ref3","_ref4","height","sort","className","newModifers","createElement","join","style","AdSlot","adUnit","onSlotRender","slotData","_slotData$event","event","isEmpty","size","slotHeight","length","undefined","newLoadingStatus","BANNER_EMPTY","BANNER_LOADED","propTypes","PropTypes","bool","isRequired","array","string","object","defaultProps","_default","exports"],"sources":["../../../src/components/Banner/AdSlotRender.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { AdSlot } from 'react-dfp';\nimport PropTypes from 'prop-types';\nimport { BANNER_LOADING, BANNER_EMPTY, BANNER_LOADED } from '../../constants';\nimport Wrapper from '../Wrapper';\n\nconst AdSlotRender = ({\n  shouldShowBanner,\n  sizeMapping,\n  sizeId,\n  parsedAdunit,\n  parsedSizes,\n  modifiers,\n  targetingArguments\n}) => {\n  const [{ loadingStatus = BANNER_LOADING, minHeight }, setLoadingStatus] = useState({});\n\n  const bannerClass = `banner-${sizeId}`;\n\n  const styles =\n    loadingStatus === BANNER_LOADING &&\n    sizeMapping\n      .map(({ sizes: styleSizes, viewport: [minWidth] }) => {\n        const minimumHeight = Math.min(...styleSizes.map(([, height]) => height));\n        return `@media(min-width:${minWidth}px){.${bannerClass}{min-height:${minimumHeight}px;}`;\n      })\n      .sort();\n  const className = `ad-slot ad-slot-${loadingStatus} ${bannerClass}`;\n  const newModifers = `${modifiers} banner-${loadingStatus}`;\n  return (\n    <Wrapper className=\"banner\" modifiers={newModifers}>\n      {styles && <style>{styles.join('\\n')}</style>}\n      <div className={className} style={{ minHeight }} data-testid=\"ad-slot\">\n        {shouldShowBanner && (\n          <AdSlot\n            adUnit={parsedAdunit}\n            sizes={parsedSizes}\n            targetingArguments={targetingArguments}\n            sizeMapping={sizeMapping}\n            onSlotRender={slotData => {\n              const {\n                event: { isEmpty, size }\n              } = slotData;\n              const slotHeight = size && size.length ? size[1] : undefined;\n              const newLoadingStatus = isEmpty ? BANNER_EMPTY : BANNER_LOADED;\n              setLoadingStatus({ loadingStatus: newLoadingStatus, minHeight: slotHeight });\n            }}\n          />\n        )}\n      </div>\n    </Wrapper>\n  );\n};\n\nAdSlotRender.propTypes = {\n  shouldShowBanner: PropTypes.bool.isRequired,\n  sizeMapping: PropTypes.array.isRequired,\n  sizeId: PropTypes.string.isRequired,\n  parsedAdunit: PropTypes.string.isRequired,\n  parsedSizes: PropTypes.array,\n  modifiers: PropTypes.string,\n  targetingArguments: PropTypes.object.isRequired\n};\n\nAdSlotRender.defaultProps = {\n  parsedSizes: null,\n  modifiers: ''\n};\n\nexport default AdSlotRender;\n"],"mappings":"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"}
+{"version":3,"file":"AdSlotRender.js","names":["_react","_interopRequireWildcard","require","_reactDfp","_propTypes","_interopRequireDefault","_constants","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","AdSlotRender","_ref","shouldShowBanner","sizeMapping","sizeId","parsedAdunit","parsedSizes","targetingArguments","_useState","useState","_useState2","_slicedToArray2","_useState2$","_useState2$$loadingSt","loadingStatus","BANNER_LOADING","minHeight","setLoadingStatus","bannerClass","concat","styles","map","_ref2","styleSizes","sizes","_ref2$viewport","viewport","minWidth","minimumHeight","Math","min","apply","_toConsumableArray2","_ref3","_ref4","height","sort","className","createElement","Fragment","join","style","AdSlot","adUnit","onSlotRender","slotData","_slotData$event","event","isEmpty","size","slotHeight","length","undefined","newLoadingStatus","BANNER_EMPTY","BANNER_LOADED","propTypes","PropTypes","bool","isRequired","array","string","object","defaultProps","_default","exports"],"sources":["../../../src/components/Banner/AdSlotRender.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { AdSlot } from 'react-dfp';\nimport PropTypes from 'prop-types';\nimport { BANNER_LOADING, BANNER_EMPTY, BANNER_LOADED } from '../../constants';\n\nconst AdSlotRender = ({\n  shouldShowBanner,\n  sizeMapping,\n  sizeId,\n  parsedAdunit,\n  parsedSizes,\n  targetingArguments\n}) => {\n  const [{ loadingStatus = BANNER_LOADING, minHeight }, setLoadingStatus] = useState({});\n\n  const bannerClass = `banner-${sizeId}`;\n\n  const styles =\n    loadingStatus === BANNER_LOADING &&\n    sizeMapping\n      .map(({ sizes: styleSizes, viewport: [minWidth] }) => {\n        const minimumHeight = Math.min(...styleSizes.map(([, height]) => height));\n        return `@media(min-width:${minWidth}px){.${bannerClass}{min-height:${minimumHeight}px;}`;\n      })\n      .sort();\n  const className = `ad-slot ad-slot-${loadingStatus} ${bannerClass}`;\n\n  return (\n    <>\n      {styles && <style>{styles.join('\\n')}</style>}\n      <div className={className} style={{ minHeight }}>\n        {shouldShowBanner && (\n          <AdSlot\n            adUnit={parsedAdunit}\n            sizes={parsedSizes}\n            targetingArguments={targetingArguments}\n            sizeMapping={sizeMapping}\n            onSlotRender={slotData => {\n              const {\n                event: { isEmpty, size }\n              } = slotData;\n              const slotHeight = size && size.length ? size[1] : undefined;\n              const newLoadingStatus = isEmpty ? BANNER_EMPTY : BANNER_LOADED;\n              setLoadingStatus({ loadingStatus: newLoadingStatus, minHeight: slotHeight });\n            }}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nAdSlotRender.propTypes = {\n  shouldShowBanner: PropTypes.bool.isRequired,\n  sizeMapping: PropTypes.array.isRequired,\n  sizeId: PropTypes.string.isRequired,\n  parsedAdunit: PropTypes.string.isRequired,\n  parsedSizes: PropTypes.array,\n  targetingArguments: PropTypes.object.isRequired\n};\n\nAdSlotRender.defaultProps = {\n  parsedSizes: null\n};\n\nexport default AdSlotRender;\n"],"mappings":"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"}

package/lib/components/Banner/Banner.js

@@ -26,6 +26,7 @@ var _client = require("@apollo/client");
 var _router = require("next/router");
 var _helpers = require("./helpers");
 var _query = require("../../application/query");
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 var _BannerRender = _interopRequireDefault(require("./BannerRender"));
 var _buildPropsQuery = _interopRequireDefault(require("../../helpers/build-props-query"));
 var _utils = require("../../utils");
@@ -83,15 +84,17 @@ var Banner = function Banner(_ref) {
     actionKey = _getEntityRenderProps.actionKey,
     action = _getEntityRenderProps.action;
   var bannerKey = "".concat(sizeId).concat(asPath);
-  return /*#__PURE__*/_react["default"].createElement(_BannerRender["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Wrapper["default"], {
+    className: type,
+    modifiers: modifiers
+  }, /*#__PURE__*/_react["default"].createElement(_BannerRender["default"], (0, _extends2["default"])({
     key: bannerKey
   }, otherProps, {
     action: action,
     actionKey: actionKey,
     asPath: asPath,
-    userPropsData: userPropsData,
-    modifiers: modifiers
-  }));
+    userPropsData: userPropsData
+  })));
 };
 Banner.propTypes = {
   type: _propTypes["default"].string

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["_react","_interopRequireWildcard","require","_nextjsComponents","_coreAuthUi","_propTypes","_interopRequireDefault","_lodash","_client","_router","_helpers","_query","_BannerRender","_buildPropsQuery","_utils","_getEntityRenderProps2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Banner","_ref","type","otherProps","_objectWithoutProperties2","router","useRouter","_useContext","useContext","MainContext","isPreview","_checkIfLoggedIn","checkIfLoggedIn","userId","id","asPath","parent","entity","sizeId","_otherProps$propsToDi","propsToDisplay","_otherProps$userProps","userPropsToDisplay","userQuery","buildUserQuery","itemEntity","_useQuery","useQuery","getSingleEntitySchema","variables","data","error","loading","_useQuery2","getUser","skip","length","_useQuery2$data","_useQuery2$data2","userData","userLoading","message","modifiers","getClassModifiers","queryProps","buildPropsQuery","flatten","map","_ref2","propertiesToDisplay","userPropsData","buildPropsData","_getEntityRenderProps","getEntityRenderProps","actionKey","action","bannerKey","concat","createElement","_extends2","propTypes","PropTypes","string","defaultProps","_default","exports"],"sources":["../../../src/components/Banner/Banner.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\nimport PropTypes from 'prop-types';\nimport flatten from 'lodash.flatten';\nimport { useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { buildUserQuery, buildPropsData } from './helpers';\nimport { getSingleEntitySchema, getUser } from '../../application/query';\nimport BannerRender from './BannerRender';\nimport buildPropsQuery from '../../helpers/build-props-query';\nimport { getClassModifiers } from '../../utils';\nimport getEntityRenderProps from '../../helpers/get-entity-render-props';\n\nconst Banner = ({ type, ...otherProps }) => {\n  const router = useRouter();\n  const { isPreview } = useContext(MainContext);\n  const { id: userId } = checkIfLoggedIn();\n  const { asPath } = router;\n  const { parent, entity, sizeId, propsToDisplay = [], userPropsToDisplay = [] } = otherProps;\n  const userQuery = buildUserQuery(userPropsToDisplay);\n  const { itemEntity } = parent;\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entity || itemEntity }\n  });\n  const { data: { getUser: userData } = {}, loading: userLoading } = useQuery(getUser(userQuery), {\n    variables: { id: userId },\n    skip: !userPropsToDisplay.length || !userId\n  });\n\n  if (loading || userLoading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n  if (!sizeId) return null;\n\n  const modifiers = getClassModifiers('banner', otherProps);\n  const queryProps = buildPropsQuery(\n    data,\n    propsToDisplay.length\n      ? flatten(propsToDisplay.map(({ propertiesToDisplay }) => propertiesToDisplay))\n      : []\n  );\n\n  const userPropsData = buildPropsData(userData, userPropsToDisplay);\n  const { actionKey, action } = getEntityRenderProps(queryProps, data, isPreview);\n  const bannerKey = `${sizeId}${asPath}`;\n\n  return (\n    <BannerRender\n      key={bannerKey}\n      {...otherProps}\n      action={action}\n      actionKey={actionKey}\n      asPath={asPath}\n      userPropsData={userPropsData}\n      modifiers={modifiers}\n    />\n  );\n};\n\nBanner.propTypes = {\n  type: PropTypes.string\n};\n\nBanner.defaultProps = {\n  type: 'banner'\n};\n\nexport default Banner;\n"],"mappings":"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"}
+{"version":3,"file":"Banner.js","names":["_react","_interopRequireWildcard","require","_nextjsComponents","_coreAuthUi","_propTypes","_interopRequireDefault","_lodash","_client","_router","_helpers","_query","_Wrapper","_BannerRender","_buildPropsQuery","_utils","_getEntityRenderProps2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Banner","_ref","type","otherProps","_objectWithoutProperties2","router","useRouter","_useContext","useContext","MainContext","isPreview","_checkIfLoggedIn","checkIfLoggedIn","userId","id","asPath","parent","entity","sizeId","_otherProps$propsToDi","propsToDisplay","_otherProps$userProps","userPropsToDisplay","userQuery","buildUserQuery","itemEntity","_useQuery","useQuery","getSingleEntitySchema","variables","data","error","loading","_useQuery2","getUser","skip","length","_useQuery2$data","_useQuery2$data2","userData","userLoading","message","modifiers","getClassModifiers","queryProps","buildPropsQuery","flatten","map","_ref2","propertiesToDisplay","userPropsData","buildPropsData","_getEntityRenderProps","getEntityRenderProps","actionKey","action","bannerKey","concat","createElement","className","_extends2","propTypes","PropTypes","string","defaultProps","_default","exports"],"sources":["../../../src/components/Banner/Banner.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { checkIfLoggedIn } from '@blaze-cms/core-auth-ui';\nimport PropTypes from 'prop-types';\nimport flatten from 'lodash.flatten';\nimport { useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { buildUserQuery, buildPropsData } from './helpers';\nimport { getSingleEntitySchema, getUser } from '../../application/query';\nimport Wrapper from '../Wrapper';\nimport BannerRender from './BannerRender';\nimport buildPropsQuery from '../../helpers/build-props-query';\nimport { getClassModifiers } from '../../utils';\nimport getEntityRenderProps from '../../helpers/get-entity-render-props';\n\nconst Banner = ({ type, ...otherProps }) => {\n  const router = useRouter();\n  const { isPreview } = useContext(MainContext);\n  const { id: userId } = checkIfLoggedIn();\n  const { asPath } = router;\n  const { parent, entity, sizeId, propsToDisplay = [], userPropsToDisplay = [] } = otherProps;\n  const userQuery = buildUserQuery(userPropsToDisplay);\n  const { itemEntity } = parent;\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entity || itemEntity }\n  });\n  const { data: { getUser: userData } = {}, loading: userLoading } = useQuery(getUser(userQuery), {\n    variables: { id: userId },\n    skip: !userPropsToDisplay.length || !userId\n  });\n\n  if (loading || userLoading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n  if (!sizeId) return null;\n\n  const modifiers = getClassModifiers('banner', otherProps);\n  const queryProps = buildPropsQuery(\n    data,\n    propsToDisplay.length\n      ? flatten(propsToDisplay.map(({ propertiesToDisplay }) => propertiesToDisplay))\n      : []\n  );\n\n  const userPropsData = buildPropsData(userData, userPropsToDisplay);\n  const { actionKey, action } = getEntityRenderProps(queryProps, data, isPreview);\n  const bannerKey = `${sizeId}${asPath}`;\n\n  return (\n    <Wrapper className={type} modifiers={modifiers}>\n      <BannerRender\n        key={bannerKey}\n        {...otherProps}\n        action={action}\n        actionKey={actionKey}\n        asPath={asPath}\n        userPropsData={userPropsData}\n      />\n    </Wrapper>\n  );\n};\n\nBanner.propTypes = {\n  type: PropTypes.string\n};\n\nBanner.defaultProps = {\n  type: 'banner'\n};\n\nexport default Banner;\n"],"mappings":"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"}

package/lib/components/Banner/BannerRender.js

@@ -25,7 +25,7 @@ var _helpers = require("./helpers");
 var _constants = require("../../constants");
 var _HOC = require("../../HOC");
 var _AdSlotRender = _interopRequireDefault(require("./AdSlotRender"));
-var _excluded = ["baseAdunit", "adunit", "sizeId", "sizes", "propsToDisplay", "entity", "targetings", "parent", "asPath", "action", "actionKey", "renderCounter", "userPropsData", "modifiers"];
+var _excluded = ["baseAdunit", "adunit", "sizeId", "sizes", "propsToDisplay", "entity", "targetings", "parent", "asPath", "action", "actionKey", "renderCounter", "userPropsData"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BannerRender = function BannerRender(_ref) {
@@ -42,7 +42,6 @@ var BannerRender = function BannerRender(_ref) {
     actionKey = _ref.actionKey,
     renderCounter = _ref.renderCounter,
     userPropsData = _ref.userPropsData,
-    modifiers = _ref.modifiers,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var id = otherProps.id;
   var itemId = parent.itemId;
@@ -95,7 +94,6 @@ var BannerRender = function BannerRender(_ref) {
     sizeId: sizeId,
     parsedAdunit: parsedAdunit,
     parsedSizes: parsedSizes,
-    modifiers: modifiers,
     targetingArguments: targetingArguments
   });
 };
@@ -112,7 +110,6 @@ BannerRender.propTypes = {
   targetings: _propTypes["default"].string,
   sizes: _propTypes["default"].string,
   renderCounter: _propTypes["default"].number,
-  modifiers: _propTypes["default"].string,
   userPropsData: _propTypes["default"].object
 };
 BannerRender.defaultProps = {
@@ -124,7 +121,6 @@ BannerRender.defaultProps = {
   targetings: '',
   sizes: '',
   renderCounter: null,
-  modifiers: '',
   userPropsData: {}
 };
 var _default = (0, _HOC.withTitle)(BannerRender);

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

@@ -1 +1 @@
-{"version":3,"file":"BannerRender.js","names":["_react","_interopRequireDefault","require","_propTypes","_client","_query","_helpers","_constants","_HOC","_AdSlotRender","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","BannerRender","_ref","baseAdunit","adunit","sizeId","sizes","propsToDisplay","entity","targetings","parent","asPath","action","actionKey","renderCounter","userPropsData","modifiers","otherProps","_objectWithoutProperties2","id","itemId","_useQuery","useQuery","variables","where","skip","_useQuery$data","data","entityRecordData","_useQuery2","generateSingleItemQuery","GET_BANNER","BANNER_QUERY_PROPS","_useQuery2$data","bannerData","_useQuery3","getCount","COUNT_CONTENT_HIERARCHIES","parentId","childEntity","_ilike","concat","PUBLISHED","_useQuery3$data","parsedTargetings","buildContextualTargeting","entityData","_ref2","bannerSizes","sizeMapping","buildSizeMapping","parsedSizes","buildBannerSizes","countContentHierarchies","parsedAdunit","buildParsedAdunit","isContextualTargetingSet","isContextualTargetingReady","shouldShowBanner","customTargetings","setCustomTargetings","targetingArguments","createElement","propTypes","PropTypes","object","isRequired","string","array","number","defaultProps","_default","withTitle","exports"],"sources":["../../../src/components/Banner/BannerRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useQuery } from '@apollo/client';\n\nimport { generateSingleItemQuery, getCount } from '../../application/query';\nimport {\n  buildBannerSizes,\n  buildContextualTargeting,\n  buildParsedAdunit,\n  buildSizeMapping,\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';\nimport AdSlotRender from './AdSlotRender';\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  renderCounter,\n  userPropsData,\n  modifiers,\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 { data: bannerData = {} } = useQuery(\n    generateSingleItemQuery(GET_BANNER, BANNER_QUERY_PROPS),\n    {\n      variables: { id: sizeId },\n      skip: !sizeId\n    }\n  );\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 parsedTargetings = buildContextualTargeting(actionKey, entityRecordData, propsToDisplay);\n  const { entityData } = bannerData;\n  const { sizes: bannerSizes } = entityData || {};\n\n  const sizeMapping = buildSizeMapping(sizeId, bannerSizes);\n  const parsedSizes = buildBannerSizes(sizeId, bannerSizes, sizes);\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  const customTargetings = setCustomTargetings(targetings, renderCounter);\n\n  const targetingArguments = { ...parsedTargetings, ...customTargetings, ...userPropsData };\n\n  return (\n    <AdSlotRender\n      shouldShowBanner={!!shouldShowBanner}\n      sizeMapping={sizeMapping}\n      sizeId={sizeId}\n      parsedAdunit={parsedAdunit}\n      parsedSizes={parsedSizes}\n      modifiers={modifiers}\n      targetingArguments={targetingArguments}\n    />\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  renderCounter: PropTypes.number,\n  modifiers: PropTypes.string,\n  userPropsData: PropTypes.object\n};\n\nBannerRender.defaultProps = {\n  adunit: '',\n  baseAdunit: '',\n  sizeId: '',\n  propsToDisplay: [],\n  entity: '',\n  targetings: '',\n  sizes: '',\n  renderCounter: null,\n  modifiers: '',\n  userPropsData: {}\n};\n\nexport default withTitle(BannerRender);\n"],"mappings":"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"}
+{"version":3,"file":"BannerRender.js","names":["_react","_interopRequireDefault","require","_propTypes","_client","_query","_helpers","_constants","_HOC","_AdSlotRender","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","BannerRender","_ref","baseAdunit","adunit","sizeId","sizes","propsToDisplay","entity","targetings","parent","asPath","action","actionKey","renderCounter","userPropsData","otherProps","_objectWithoutProperties2","id","itemId","_useQuery","useQuery","variables","where","skip","_useQuery$data","data","entityRecordData","_useQuery2","generateSingleItemQuery","GET_BANNER","BANNER_QUERY_PROPS","_useQuery2$data","bannerData","_useQuery3","getCount","COUNT_CONTENT_HIERARCHIES","parentId","childEntity","_ilike","concat","PUBLISHED","_useQuery3$data","parsedTargetings","buildContextualTargeting","entityData","_ref2","bannerSizes","sizeMapping","buildSizeMapping","parsedSizes","buildBannerSizes","countContentHierarchies","parsedAdunit","buildParsedAdunit","isContextualTargetingSet","isContextualTargetingReady","shouldShowBanner","customTargetings","setCustomTargetings","targetingArguments","createElement","propTypes","PropTypes","object","isRequired","string","array","number","defaultProps","_default","withTitle","exports"],"sources":["../../../src/components/Banner/BannerRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useQuery } from '@apollo/client';\n\nimport { generateSingleItemQuery, getCount } from '../../application/query';\nimport {\n  buildBannerSizes,\n  buildContextualTargeting,\n  buildParsedAdunit,\n  buildSizeMapping,\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';\nimport AdSlotRender from './AdSlotRender';\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  renderCounter,\n  userPropsData,\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 { data: bannerData = {} } = useQuery(\n    generateSingleItemQuery(GET_BANNER, BANNER_QUERY_PROPS),\n    {\n      variables: { id: sizeId },\n      skip: !sizeId\n    }\n  );\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 parsedTargetings = buildContextualTargeting(actionKey, entityRecordData, propsToDisplay);\n  const { entityData } = bannerData;\n  const { sizes: bannerSizes } = entityData || {};\n\n  const sizeMapping = buildSizeMapping(sizeId, bannerSizes);\n  const parsedSizes = buildBannerSizes(sizeId, bannerSizes, sizes);\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  const customTargetings = setCustomTargetings(targetings, renderCounter);\n\n  const targetingArguments = { ...parsedTargetings, ...customTargetings, ...userPropsData };\n\n  return (\n    <AdSlotRender\n      shouldShowBanner={!!shouldShowBanner}\n      sizeMapping={sizeMapping}\n      sizeId={sizeId}\n      parsedAdunit={parsedAdunit}\n      parsedSizes={parsedSizes}\n      targetingArguments={targetingArguments}\n    />\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  renderCounter: PropTypes.number,\n  userPropsData: PropTypes.object\n};\n\nBannerRender.defaultProps = {\n  adunit: '',\n  baseAdunit: '',\n  sizeId: '',\n  propsToDisplay: [],\n  entity: '',\n  targetings: '',\n  sizes: '',\n  renderCounter: null,\n  userPropsData: {}\n};\n\nexport default withTitle(BannerRender);\n"],"mappings":"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"}

package/lib/components/DataSummary/helpers/build-loop-props-content.js

@@ -63,11 +63,10 @@ var buildLoopPropsContent = function buildLoopPropsContent() {
         modifier = _options$modifier === void 0 ? '' : _options$modifier;
       return propertiesToDisplay.map(function (key) {
         var loopValue = loopValues[key];
-        var loopValueItem = loopValue && loopValue[i];
-        var propValue = loopValueItem ? getLoopValue(loopValueItem) : regularValues[key];
+        var propValue = loopValue ? getLoopValue(loopValue[i]) : regularValues[key];
         if (!propValue) return null;
         var processedValue = (0, _helpers.processDataSummaryValue)(propValue, options);
-        var linkToPublishedContent = (0, _getLinkToPublishedContent["default"])(key, data, loopValueItem);
+        var linkToPublishedContent = (0, _getLinkToPublishedContent["default"])(key, data);
         return [(0, _lodash["default"])(label), processedValue, linkToPublishedContent, modifier];
       });
     })).filter(Boolean);

package/lib/components/DataSummary/helpers/build-loop-props-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"build-loop-props-content.js","names":["_lodash","_interopRequireDefault","require","_lodash2","_getLinkToPublishedContent","_getLoopPropsLimit","_getPropValue","_helpers","getLoopValue","value","keyField","separateValues","propsToDisplay","loopProps","data","regularValues","loopValues","forEach","options","propertiesToDisplay","prop","getPropValue","isArrayValue","Array","isArray","isLoopableProp","includes","buildLoopPropsContent","arguments","length","undefined","limit","loopPropsWithContent","_separateValues","_separateValues2","_slicedToArray2","loopLimit","getLoopPropsLimit","_loop","i","propsArray","flatten","map","label","_options$modifier","modifier","key","loopValue","loopValueItem","propValue","processedValue","processDataSummaryValue","linkToPublishedContent","getLinkToPublishedContent","upperFirst","filter","Boolean","push","_default","exports"],"sources":["../../../../src/components/DataSummary/helpers/build-loop-props-content.js"],"sourcesContent":["import upperFirst from 'lodash.upperfirst';\nimport flatten from 'lodash.flatten';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport getLoopPropsLimit from './get-loop-props-limit';\nimport getPropValue from './get-prop-value';\nimport { processDataSummaryValue } from '../../../helpers';\n\nconst getLoopValue = value => {\n  const { keyField } = value;\n  return value[keyField];\n};\n\nconst separateValues = (propsToDisplay, loopProps, data) => {\n  const regularValues = {};\n  const loopValues = {};\n\n  propsToDisplay.forEach(options => {\n    const { propertiesToDisplay } = options;\n    propertiesToDisplay.forEach(prop => {\n      const value = getPropValue(prop, data, options);\n      const isArrayValue = Array.isArray(value);\n      if (!value) return;\n      const isLoopableProp = loopProps.includes(prop) && isArrayValue;\n\n      if (isLoopableProp) {\n        loopValues[prop] = value;\n      } else {\n        regularValues[prop] = value;\n      }\n    });\n  });\n  return [regularValues, loopValues];\n};\n\nconst buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, data = {}) => {\n  const loopPropsWithContent = [];\n  const [regularValues, loopValues] = separateValues(propsToDisplay, loopProps, data);\n\n  const loopLimit = getLoopPropsLimit(loopValues, limit);\n\n  for (let i = 0; i < loopLimit; i += 1) {\n    const propsArray = flatten(\n      propsToDisplay.map(options => {\n        const { propertiesToDisplay, label, modifier = '' } = options;\n\n        return propertiesToDisplay.map(key => {\n          const loopValue = loopValues[key];\n          const loopValueItem = loopValue && loopValue[i];\n          const propValue = loopValueItem ? getLoopValue(loopValueItem) : regularValues[key];\n          if (!propValue) return null;\n\n          const processedValue = processDataSummaryValue(propValue, options);\n          const linkToPublishedContent = getLinkToPublishedContent(key, data, loopValueItem);\n          return [upperFirst(label), processedValue, linkToPublishedContent, modifier];\n        });\n      })\n    ).filter(Boolean);\n    loopPropsWithContent.push(propsArray);\n  }\n\n  return flatten(loopPropsWithContent);\n};\n\nexport default buildLoopPropsContent;\n"],"mappings":"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"}
+{"version":3,"file":"build-loop-props-content.js","names":["_lodash","_interopRequireDefault","require","_lodash2","_getLinkToPublishedContent","_getLoopPropsLimit","_getPropValue","_helpers","getLoopValue","value","keyField","separateValues","propsToDisplay","loopProps","data","regularValues","loopValues","forEach","options","propertiesToDisplay","prop","getPropValue","isArrayValue","Array","isArray","isLoopableProp","includes","buildLoopPropsContent","arguments","length","undefined","limit","loopPropsWithContent","_separateValues","_separateValues2","_slicedToArray2","loopLimit","getLoopPropsLimit","_loop","i","propsArray","flatten","map","label","_options$modifier","modifier","key","loopValue","propValue","processedValue","processDataSummaryValue","linkToPublishedContent","getLinkToPublishedContent","upperFirst","filter","Boolean","push","_default","exports"],"sources":["../../../../src/components/DataSummary/helpers/build-loop-props-content.js"],"sourcesContent":["import upperFirst from 'lodash.upperfirst';\nimport flatten from 'lodash.flatten';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport getLoopPropsLimit from './get-loop-props-limit';\nimport getPropValue from './get-prop-value';\nimport { processDataSummaryValue } from '../../../helpers';\n\nconst getLoopValue = value => {\n  const { keyField } = value;\n  return value[keyField];\n};\n\nconst separateValues = (propsToDisplay, loopProps, data) => {\n  const regularValues = {};\n  const loopValues = {};\n\n  propsToDisplay.forEach(options => {\n    const { propertiesToDisplay } = options;\n    propertiesToDisplay.forEach(prop => {\n      const value = getPropValue(prop, data, options);\n      const isArrayValue = Array.isArray(value);\n      if (!value) return;\n      const isLoopableProp = loopProps.includes(prop) && isArrayValue;\n\n      if (isLoopableProp) {\n        loopValues[prop] = value;\n      } else {\n        regularValues[prop] = value;\n      }\n    });\n  });\n  return [regularValues, loopValues];\n};\n\nconst buildLoopPropsContent = (loopProps = [], propsToDisplay = [], limit = 0, data = {}) => {\n  const loopPropsWithContent = [];\n  const [regularValues, loopValues] = separateValues(propsToDisplay, loopProps, data);\n\n  const loopLimit = getLoopPropsLimit(loopValues, limit);\n\n  for (let i = 0; i < loopLimit; i += 1) {\n    const propsArray = flatten(\n      propsToDisplay.map(options => {\n        const { propertiesToDisplay, label, modifier = '' } = options;\n\n        return propertiesToDisplay.map(key => {\n          const loopValue = loopValues[key];\n          const propValue = loopValue ? getLoopValue(loopValue[i]) : regularValues[key];\n          if (!propValue) return null;\n\n          const processedValue = processDataSummaryValue(propValue, options);\n          const linkToPublishedContent = getLinkToPublishedContent(key, data);\n          return [upperFirst(label), processedValue, linkToPublishedContent, modifier];\n        });\n      })\n    ).filter(Boolean);\n    loopPropsWithContent.push(propsArray);\n  }\n\n  return flatten(loopPropsWithContent);\n};\n\nexport default buildLoopPropsContent;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,0BAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,kBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAEA,IAAMM,YAAY,GAAG,SAAfA,YAAYA,CAAGC,KAAK,EAAI;EAC5B,IAAQC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAChB,OAAOD,KAAK,CAACC,QAAQ,CAAC;AACxB,CAAC;AAED,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,cAAc,EAAEC,SAAS,EAAEC,IAAI,EAAK;EAC1D,IAAMC,aAAa,GAAG,CAAC,CAAC;EACxB,IAAMC,UAAU,GAAG,CAAC,CAAC;EAErBJ,cAAc,CAACK,OAAO,CAAC,UAAAC,OAAO,EAAI;IAChC,IAAQC,mBAAmB,GAAKD,OAAO,CAA/BC,mBAAmB;IAC3BA,mBAAmB,CAACF,OAAO,CAAC,UAAAG,IAAI,EAAI;MAClC,IAAMX,KAAK,GAAG,IAAAY,wBAAY,EAACD,IAAI,EAAEN,IAAI,EAAEI,OAAO,CAAC;MAC/C,IAAMI,YAAY,GAAGC,KAAK,CAACC,OAAO,CAACf,KAAK,CAAC;MACzC,IAAI,CAACA,KAAK,EAAE;MACZ,IAAMgB,cAAc,GAAGZ,SAAS,CAACa,QAAQ,CAACN,IAAI,CAAC,IAAIE,YAAY;MAE/D,IAAIG,cAAc,EAAE;QAClBT,UAAU,CAACI,IAAI,CAAC,GAAGX,KAAK;MAC1B,CAAC,MAAM;QACLM,aAAa,CAACK,IAAI,CAAC,GAAGX,KAAK;MAC7B;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EACF,OAAO,CAACM,aAAa,EAAEC,UAAU,CAAC;AACpC,CAAC;AAED,IAAMW,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAA,EAAkE;EAAA,IAA9Dd,SAAS,GAAAe,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEhB,cAAc,GAAAgB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,KAAK,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAAA,IAAEd,IAAI,GAAAc,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACtF,IAAMI,oBAAoB,GAAG,EAAE;EAC/B,IAAAC,eAAA,GAAoCtB,cAAc,CAACC,cAAc,EAAEC,SAAS,EAAEC,IAAI,CAAC;IAAAoB,gBAAA,OAAAC,eAAA,aAAAF,eAAA;IAA5ElB,aAAa,GAAAmB,gBAAA;IAAElB,UAAU,GAAAkB,gBAAA;EAEhC,IAAME,SAAS,GAAG,IAAAC,6BAAiB,EAACrB,UAAU,EAAEe,KAAK,CAAC;EAAC,IAAAO,KAAA,YAAAA,MAAAC,CAAA,EAEhB;IACrC,IAAMC,UAAU,GAAG,IAAAC,mBAAO,EACxB7B,cAAc,CAAC8B,GAAG,CAAC,UAAAxB,OAAO,EAAI;MAC5B,IAAQC,mBAAmB,GAA2BD,OAAO,CAArDC,mBAAmB;QAAEwB,KAAK,GAAoBzB,OAAO,CAAhCyB,KAAK;QAAAC,iBAAA,GAAoB1B,OAAO,CAAzB2B,QAAQ;QAARA,QAAQ,GAAAD,iBAAA,cAAG,EAAE,GAAAA,iBAAA;MAEjD,OAAOzB,mBAAmB,CAACuB,GAAG,CAAC,UAAAI,GAAG,EAAI;QACpC,IAAMC,SAAS,GAAG/B,UAAU,CAAC8B,GAAG,CAAC;QACjC,IAAME,SAAS,GAAGD,SAAS,GAAGvC,YAAY,CAACuC,SAAS,CAACR,CAAC,CAAC,CAAC,GAAGxB,aAAa,CAAC+B,GAAG,CAAC;QAC7E,IAAI,CAACE,SAAS,EAAE,OAAO,IAAI;QAE3B,IAAMC,cAAc,GAAG,IAAAC,gCAAuB,EAACF,SAAS,EAAE9B,OAAO,CAAC;QAClE,IAAMiC,sBAAsB,GAAG,IAAAC,qCAAyB,EAACN,GAAG,EAAEhC,IAAI,CAAC;QACnE,OAAO,CAAC,IAAAuC,kBAAU,EAACV,KAAK,CAAC,EAAEM,cAAc,EAAEE,sBAAsB,EAAEN,QAAQ,CAAC;MAC9E,CAAC,CAAC;IACJ,CAAC,CACH,CAAC,CAACS,MAAM,CAACC,OAAO,CAAC;IACjBvB,oBAAoB,CAACwB,IAAI,CAAChB,UAAU,CAAC;EACvC,CAAC;EAjBD,KAAK,IAAID,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,SAAS,EAAEG,CAAC,IAAI,CAAC;IAAAD,KAAA,CAAAC,CAAA;EAAA;EAmBrC,OAAO,IAAAE,mBAAO,EAACT,oBAAoB,CAAC;AACtC,CAAC;AAAC,IAAAyB,QAAA,GAEa9B,qBAAqB;AAAA+B,OAAA,cAAAD,QAAA"}

package/lib/components/DataSummary/helpers/get-link-to-published-content.js

@@ -11,12 +11,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var getLinkToPublishedContent = function getLinkToPublishedContent() {
   var key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var currentValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   var _key$split = key.split('.'),
     _key$split2 = (0, _slicedToArray2["default"])(_key$split, 1),
     baseKey = _key$split2[0];
   if (!props[baseKey]) return '';
-  if (currentValue && typeof currentValue.url !== 'undefined') return currentValue.url;
   var content = Array.isArray(props[baseKey]) ? props[baseKey][0] : props[baseKey];
   return content && content.url ? content.url : '';
 };

package/lib/components/DataSummary/helpers/get-link-to-published-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-link-to-published-content.js","names":["getLinkToPublishedContent","key","arguments","length","undefined","props","currentValue","_key$split","split","_key$split2","_slicedToArray2","baseKey","url","content","Array","isArray","_default","exports"],"sources":["../../../../src/components/DataSummary/helpers/get-link-to-published-content.js"],"sourcesContent":["const getLinkToPublishedContent = (key = '', props = {}, currentValue = null) => {\n  const [baseKey] = key.split('.');\n  if (!props[baseKey]) return '';\n\n  if (currentValue && typeof currentValue.url !== 'undefined') return currentValue.url;\n\n  const content = Array.isArray(props[baseKey]) ? props[baseKey][0] : props[baseKey];\n  return content && content.url ? content.url : '';\n};\n\nexport default getLinkToPublishedContent;\n"],"mappings":";;;;;;;;;;AAAA,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA,EAAkD;EAAA,IAA9CC,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,KAAK,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAAA,IAAEI,YAAY,GAAAJ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAC1E,IAAAK,UAAA,GAAkBN,GAAG,CAACO,KAAK,CAAC,GAAG,CAAC;IAAAC,WAAA,OAAAC,eAAA,aAAAH,UAAA;IAAzBI,OAAO,GAAAF,WAAA;EACd,IAAI,CAACJ,KAAK,CAACM,OAAO,CAAC,EAAE,OAAO,EAAE;EAE9B,IAAIL,YAAY,IAAI,OAAOA,YAAY,CAACM,GAAG,KAAK,WAAW,EAAE,OAAON,YAAY,CAACM,GAAG;EAEpF,IAAMC,OAAO,GAAGC,KAAK,CAACC,OAAO,CAACV,KAAK,CAACM,OAAO,CAAC,CAAC,GAAGN,KAAK,CAACM,OAAO,CAAC,CAAC,CAAC,CAAC,GAAGN,KAAK,CAACM,OAAO,CAAC;EAClF,OAAOE,OAAO,IAAIA,OAAO,CAACD,GAAG,GAAGC,OAAO,CAACD,GAAG,GAAG,EAAE;AAClD,CAAC;AAAC,IAAAI,QAAA,GAEahB,yBAAyB;AAAAiB,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"get-link-to-published-content.js","names":["getLinkToPublishedContent","key","arguments","length","undefined","props","_key$split","split","_key$split2","_slicedToArray2","baseKey","content","Array","isArray","url","_default","exports"],"sources":["../../../../src/components/DataSummary/helpers/get-link-to-published-content.js"],"sourcesContent":["const getLinkToPublishedContent = (key = '', props = {}) => {\n  const [baseKey] = key.split('.');\n  if (!props[baseKey]) return '';\n  const content = Array.isArray(props[baseKey]) ? props[baseKey][0] : props[baseKey];\n  return content && content.url ? content.url : '';\n};\n\nexport default getLinkToPublishedContent;\n"],"mappings":";;;;;;;;;;AAAA,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAA,EAA6B;EAAA,IAAzBC,GAAG,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEG,KAAK,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACrD,IAAAI,UAAA,GAAkBL,GAAG,CAACM,KAAK,CAAC,GAAG,CAAC;IAAAC,WAAA,OAAAC,eAAA,aAAAH,UAAA;IAAzBI,OAAO,GAAAF,WAAA;EACd,IAAI,CAACH,KAAK,CAACK,OAAO,CAAC,EAAE,OAAO,EAAE;EAC9B,IAAMC,OAAO,GAAGC,KAAK,CAACC,OAAO,CAACR,KAAK,CAACK,OAAO,CAAC,CAAC,GAAGL,KAAK,CAACK,OAAO,CAAC,CAAC,CAAC,CAAC,GAAGL,KAAK,CAACK,OAAO,CAAC;EAClF,OAAOC,OAAO,IAAIA,OAAO,CAACG,GAAG,GAAGH,OAAO,CAACG,GAAG,GAAG,EAAE;AAClD,CAAC;AAAC,IAAAC,QAAA,GAEaf,yBAAyB;AAAAgB,OAAA,cAAAD,QAAA"}

package/lib-es/HOC/withTitle.js

@@ -1,23 +1,32 @@
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
+import { useStringTemplate } from '@blaze-cms/utils-handlebars';
 const withTitle = Component => {
   const InnerComponent = props => {
     const {
       elementTitle,
-      isHeroImg
+      isHeroImg,
+      parent
     } = props;
     const shouldDisplayTitle = elementTitle && !isHeroImg;
+    const {
+      loading,
+      data: [elementTitleToUse]
+    } = useStringTemplate(parent, [elementTitle]);
+    if (loading) return '';
     return /*#__PURE__*/React.createElement(Fragment, null, shouldDisplayTitle && /*#__PURE__*/React.createElement("h2", {
       className: "heading heading--section"
-    }, elementTitle), /*#__PURE__*/React.createElement(Component, props));
+    }, elementTitleToUse), /*#__PURE__*/React.createElement(Component, props));
   };
   InnerComponent.WrappedComponent = Component;
   InnerComponent.displayName = `WithTitle(${Component.displayName || Component.name || 'Component'})`;
   InnerComponent.propTypes = {
+    parent: PropTypes.object,
     elementTitle: PropTypes.string,
     isHeroImg: PropTypes.bool
   };
   InnerComponent.defaultProps = {
+    parent: {},
     elementTitle: '',
     isHeroImg: false
   };

package/lib-es/HOC/withTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTitle.js","names":["React","Fragment","PropTypes","withTitle","Component","InnerComponent","props","elementTitle","isHeroImg","shouldDisplayTitle","createElement","className","WrappedComponent","displayName","name","propTypes","string","bool","defaultProps"],"sources":["../../src/HOC/withTitle.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\n\nconst withTitle = Component => {\n  const InnerComponent = props => {\n    const { elementTitle, isHeroImg } = props;\n    const shouldDisplayTitle = elementTitle && !isHeroImg;\n\n    return (\n      <Fragment>\n        {shouldDisplayTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n        <Component {...props} />\n      </Fragment>\n    );\n  };\n\n  InnerComponent.WrappedComponent = Component;\n\n  InnerComponent.displayName = `WithTitle(${Component.displayName ||\n    Component.name ||\n    'Component'})`;\n\n  InnerComponent.propTypes = {\n    elementTitle: PropTypes.string,\n    isHeroImg: PropTypes.bool\n  };\n  InnerComponent.defaultProps = {\n    elementTitle: '',\n    isHeroImg: false\n  };\n\n  return InnerComponent;\n};\n\nexport default withTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAElC,MAAMC,SAAS,GAAGC,SAAS,IAAI;EAC7B,MAAMC,cAAc,GAAGC,KAAK,IAAI;IAC9B,MAAM;MAAEC,YAAY;MAAEC;IAAU,CAAC,GAAGF,KAAK;IACzC,MAAMG,kBAAkB,GAAGF,YAAY,IAAI,CAACC,SAAS;IAErD,oBACER,KAAA,CAAAU,aAAA,CAACT,QAAQ,QACNQ,kBAAkB,iBAAIT,KAAA,CAAAU,aAAA;MAAIC,SAAS,EAAC;IAA0B,GAAEJ,YAAiB,CAAC,eACnFP,KAAA,CAAAU,aAAA,CAACN,SAAS,EAAKE,KAAQ,CACf,CAAC;EAEf,CAAC;EAEDD,cAAc,CAACO,gBAAgB,GAAGR,SAAS;EAE3CC,cAAc,CAACQ,WAAW,GAAI,aAAYT,SAAS,CAACS,WAAW,IAC7DT,SAAS,CAACU,IAAI,IACd,WAAY,GAAE;EAEhBT,cAAc,CAACU,SAAS,GAAG;IACzBR,YAAY,EAAEL,SAAS,CAACc,MAAM;IAC9BR,SAAS,EAAEN,SAAS,CAACe;EACvB,CAAC;EACDZ,cAAc,CAACa,YAAY,GAAG;IAC5BX,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb,CAAC;EAED,OAAOH,cAAc;AACvB,CAAC;AAED,eAAeF,SAAS"}
+{"version":3,"file":"withTitle.js","names":["React","Fragment","PropTypes","useStringTemplate","withTitle","Component","InnerComponent","props","elementTitle","isHeroImg","parent","shouldDisplayTitle","loading","data","elementTitleToUse","createElement","className","WrappedComponent","displayName","name","propTypes","object","string","bool","defaultProps"],"sources":["../../src/HOC/withTitle.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\n\nconst withTitle = Component => {\n  const InnerComponent = props => {\n    const { elementTitle, isHeroImg, parent } = props;\n\n    const shouldDisplayTitle = elementTitle && !isHeroImg;\n    const {\n      loading,\n      data: [elementTitleToUse]\n    } = useStringTemplate(parent, [elementTitle]);\n\n    if (loading) return '';\n\n    return (\n      <Fragment>\n        {shouldDisplayTitle && <h2 className=\"heading heading--section\">{elementTitleToUse}</h2>}\n        <Component {...props} />\n      </Fragment>\n    );\n  };\n\n  InnerComponent.WrappedComponent = Component;\n\n  InnerComponent.displayName = `WithTitle(${Component.displayName ||\n    Component.name ||\n    'Component'})`;\n\n  InnerComponent.propTypes = {\n    parent: PropTypes.object,\n    elementTitle: PropTypes.string,\n    isHeroImg: PropTypes.bool\n  };\n  InnerComponent.defaultProps = {\n    parent: {},\n    elementTitle: '',\n    isHeroImg: false\n  };\n\n  return InnerComponent;\n};\n\nexport default withTitle;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,iBAAiB,QAAQ,6BAA6B;AAE/D,MAAMC,SAAS,GAAGC,SAAS,IAAI;EAC7B,MAAMC,cAAc,GAAGC,KAAK,IAAI;IAC9B,MAAM;MAAEC,YAAY;MAAEC,SAAS;MAAEC;IAAO,CAAC,GAAGH,KAAK;IAEjD,MAAMI,kBAAkB,GAAGH,YAAY,IAAI,CAACC,SAAS;IACrD,MAAM;MACJG,OAAO;MACPC,IAAI,EAAE,CAACC,iBAAiB;IAC1B,CAAC,GAAGX,iBAAiB,CAACO,MAAM,EAAE,CAACF,YAAY,CAAC,CAAC;IAE7C,IAAII,OAAO,EAAE,OAAO,EAAE;IAEtB,oBACEZ,KAAA,CAAAe,aAAA,CAACd,QAAQ,QACNU,kBAAkB,iBAAIX,KAAA,CAAAe,aAAA;MAAIC,SAAS,EAAC;IAA0B,GAAEF,iBAAsB,CAAC,eACxFd,KAAA,CAAAe,aAAA,CAACV,SAAS,EAAKE,KAAQ,CACf,CAAC;EAEf,CAAC;EAEDD,cAAc,CAACW,gBAAgB,GAAGZ,SAAS;EAE3CC,cAAc,CAACY,WAAW,GAAI,aAAYb,SAAS,CAACa,WAAW,IAC7Db,SAAS,CAACc,IAAI,IACd,WAAY,GAAE;EAEhBb,cAAc,CAACc,SAAS,GAAG;IACzBV,MAAM,EAAER,SAAS,CAACmB,MAAM;IACxBb,YAAY,EAAEN,SAAS,CAACoB,MAAM;IAC9Bb,SAAS,EAAEP,SAAS,CAACqB;EACvB,CAAC;EACDjB,cAAc,CAACkB,YAAY,GAAG;IAC5Bd,MAAM,EAAE,CAAC,CAAC;IACVF,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb,CAAC;EAED,OAAOH,cAAc;AACvB,CAAC;AAED,eAAeF,SAAS"}

package/lib-es/components/Banner/AdSlotRender.js

@@ -2,14 +2,12 @@ import React, { useState } from 'react';
 import { AdSlot } from 'react-dfp';
 import PropTypes from 'prop-types';
 import { BANNER_LOADING, BANNER_EMPTY, BANNER_LOADED } from '../../constants';
-import Wrapper from '../Wrapper';
 const AdSlotRender = ({
   shouldShowBanner,
   sizeMapping,
   sizeId,
   parsedAdunit,
   parsedSizes,
-  modifiers,
   targetingArguments
 }) => {
   const [{
@@ -25,16 +23,11 @@ const AdSlotRender = ({
     return `@media(min-width:${minWidth}px){.${bannerClass}{min-height:${minimumHeight}px;}`;
   }).sort();
   const className = `ad-slot ad-slot-${loadingStatus} ${bannerClass}`;
-  const newModifers = `${modifiers} banner-${loadingStatus}`;
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    className: "banner",
-    modifiers: newModifers
-  }, styles && /*#__PURE__*/React.createElement("style", null, styles.join('\n')), /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, styles && /*#__PURE__*/React.createElement("style", null, styles.join('\n')), /*#__PURE__*/React.createElement("div", {
     className: className,
     style: {
       minHeight
-    },
-    "data-testid": "ad-slot"
+    }
   }, shouldShowBanner && /*#__PURE__*/React.createElement(AdSlot, {
     adUnit: parsedAdunit,
     sizes: parsedSizes,
@@ -62,12 +55,10 @@ AdSlotRender.propTypes = {
   sizeId: PropTypes.string.isRequired,
   parsedAdunit: PropTypes.string.isRequired,
   parsedSizes: PropTypes.array,
-  modifiers: PropTypes.string,
   targetingArguments: PropTypes.object.isRequired
 };
 AdSlotRender.defaultProps = {
-  parsedSizes: null,
-  modifiers: ''
+  parsedSizes: null
 };
 export default AdSlotRender;
 //# sourceMappingURL=AdSlotRender.js.map

package/lib-es/components/Banner/AdSlotRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdSlotRender.js","names":["React","useState","AdSlot","PropTypes","BANNER_LOADING","BANNER_EMPTY","BANNER_LOADED","Wrapper","AdSlotRender","shouldShowBanner","sizeMapping","sizeId","parsedAdunit","parsedSizes","modifiers","targetingArguments","loadingStatus","minHeight","setLoadingStatus","bannerClass","styles","map","sizes","styleSizes","viewport","minWidth","minimumHeight","Math","min","height","sort","className","newModifers","createElement","join","style","adUnit","onSlotRender","slotData","event","isEmpty","size","slotHeight","length","undefined","newLoadingStatus","propTypes","bool","isRequired","array","string","object","defaultProps"],"sources":["../../../src/components/Banner/AdSlotRender.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { AdSlot } from 'react-dfp';\nimport PropTypes from 'prop-types';\nimport { BANNER_LOADING, BANNER_EMPTY, BANNER_LOADED } from '../../constants';\nimport Wrapper from '../Wrapper';\n\nconst AdSlotRender = ({\n  shouldShowBanner,\n  sizeMapping,\n  sizeId,\n  parsedAdunit,\n  parsedSizes,\n  modifiers,\n  targetingArguments\n}) => {\n  const [{ loadingStatus = BANNER_LOADING, minHeight }, setLoadingStatus] = useState({});\n\n  const bannerClass = `banner-${sizeId}`;\n\n  const styles =\n    loadingStatus === BANNER_LOADING &&\n    sizeMapping\n      .map(({ sizes: styleSizes, viewport: [minWidth] }) => {\n        const minimumHeight = Math.min(...styleSizes.map(([, height]) => height));\n        return `@media(min-width:${minWidth}px){.${bannerClass}{min-height:${minimumHeight}px;}`;\n      })\n      .sort();\n  const className = `ad-slot ad-slot-${loadingStatus} ${bannerClass}`;\n  const newModifers = `${modifiers} banner-${loadingStatus}`;\n  return (\n    <Wrapper className=\"banner\" modifiers={newModifers}>\n      {styles && <style>{styles.join('\\n')}</style>}\n      <div className={className} style={{ minHeight }} data-testid=\"ad-slot\">\n        {shouldShowBanner && (\n          <AdSlot\n            adUnit={parsedAdunit}\n            sizes={parsedSizes}\n            targetingArguments={targetingArguments}\n            sizeMapping={sizeMapping}\n            onSlotRender={slotData => {\n              const {\n                event: { isEmpty, size }\n              } = slotData;\n              const slotHeight = size && size.length ? size[1] : undefined;\n              const newLoadingStatus = isEmpty ? BANNER_EMPTY : BANNER_LOADED;\n              setLoadingStatus({ loadingStatus: newLoadingStatus, minHeight: slotHeight });\n            }}\n          />\n        )}\n      </div>\n    </Wrapper>\n  );\n};\n\nAdSlotRender.propTypes = {\n  shouldShowBanner: PropTypes.bool.isRequired,\n  sizeMapping: PropTypes.array.isRequired,\n  sizeId: PropTypes.string.isRequired,\n  parsedAdunit: PropTypes.string.isRequired,\n  parsedSizes: PropTypes.array,\n  modifiers: PropTypes.string,\n  targetingArguments: PropTypes.object.isRequired\n};\n\nAdSlotRender.defaultProps = {\n  parsedSizes: null,\n  modifiers: ''\n};\n\nexport default AdSlotRender;\n"],"mappings":"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"}
+{"version":3,"file":"AdSlotRender.js","names":["React","useState","AdSlot","PropTypes","BANNER_LOADING","BANNER_EMPTY","BANNER_LOADED","AdSlotRender","shouldShowBanner","sizeMapping","sizeId","parsedAdunit","parsedSizes","targetingArguments","loadingStatus","minHeight","setLoadingStatus","bannerClass","styles","map","sizes","styleSizes","viewport","minWidth","minimumHeight","Math","min","height","sort","className","createElement","Fragment","join","style","adUnit","onSlotRender","slotData","event","isEmpty","size","slotHeight","length","undefined","newLoadingStatus","propTypes","bool","isRequired","array","string","object","defaultProps"],"sources":["../../../src/components/Banner/AdSlotRender.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { AdSlot } from 'react-dfp';\nimport PropTypes from 'prop-types';\nimport { BANNER_LOADING, BANNER_EMPTY, BANNER_LOADED } from '../../constants';\n\nconst AdSlotRender = ({\n  shouldShowBanner,\n  sizeMapping,\n  sizeId,\n  parsedAdunit,\n  parsedSizes,\n  targetingArguments\n}) => {\n  const [{ loadingStatus = BANNER_LOADING, minHeight }, setLoadingStatus] = useState({});\n\n  const bannerClass = `banner-${sizeId}`;\n\n  const styles =\n    loadingStatus === BANNER_LOADING &&\n    sizeMapping\n      .map(({ sizes: styleSizes, viewport: [minWidth] }) => {\n        const minimumHeight = Math.min(...styleSizes.map(([, height]) => height));\n        return `@media(min-width:${minWidth}px){.${bannerClass}{min-height:${minimumHeight}px;}`;\n      })\n      .sort();\n  const className = `ad-slot ad-slot-${loadingStatus} ${bannerClass}`;\n\n  return (\n    <>\n      {styles && <style>{styles.join('\\n')}</style>}\n      <div className={className} style={{ minHeight }}>\n        {shouldShowBanner && (\n          <AdSlot\n            adUnit={parsedAdunit}\n            sizes={parsedSizes}\n            targetingArguments={targetingArguments}\n            sizeMapping={sizeMapping}\n            onSlotRender={slotData => {\n              const {\n                event: { isEmpty, size }\n              } = slotData;\n              const slotHeight = size && size.length ? size[1] : undefined;\n              const newLoadingStatus = isEmpty ? BANNER_EMPTY : BANNER_LOADED;\n              setLoadingStatus({ loadingStatus: newLoadingStatus, minHeight: slotHeight });\n            }}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nAdSlotRender.propTypes = {\n  shouldShowBanner: PropTypes.bool.isRequired,\n  sizeMapping: PropTypes.array.isRequired,\n  sizeId: PropTypes.string.isRequired,\n  parsedAdunit: PropTypes.string.isRequired,\n  parsedSizes: PropTypes.array,\n  targetingArguments: PropTypes.object.isRequired\n};\n\nAdSlotRender.defaultProps = {\n  parsedSizes: null\n};\n\nexport default AdSlotRender;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,MAAM,QAAQ,WAAW;AAClC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,cAAc,EAAEC,YAAY,EAAEC,aAAa,QAAQ,iBAAiB;AAE7E,MAAMC,YAAY,GAAGA,CAAC;EACpBC,gBAAgB;EAChBC,WAAW;EACXC,MAAM;EACNC,YAAY;EACZC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAM,CAAC;IAAEC,aAAa,GAAGV,cAAc;IAAEW;EAAU,CAAC,EAAEC,gBAAgB,CAAC,GAAGf,QAAQ,CAAC,CAAC,CAAC,CAAC;EAEtF,MAAMgB,WAAW,GAAI,UAASP,MAAO,EAAC;EAEtC,MAAMQ,MAAM,GACVJ,aAAa,KAAKV,cAAc,IAChCK,WAAW,CACRU,GAAG,CAAC,CAAC;IAAEC,KAAK,EAAEC,UAAU;IAAEC,QAAQ,EAAE,CAACC,QAAQ;EAAE,CAAC,KAAK;IACpD,MAAMC,aAAa,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGL,UAAU,CAACF,GAAG,CAAC,CAAC,GAAGQ,MAAM,CAAC,KAAKA,MAAM,CAAC,CAAC;IACzE,OAAQ,oBAAmBJ,QAAS,QAAON,WAAY,eAAcO,aAAc,MAAK;EAC1F,CAAC,CAAC,CACDI,IAAI,CAAC,CAAC;EACX,MAAMC,SAAS,GAAI,mBAAkBf,aAAc,IAAGG,WAAY,EAAC;EAEnE,oBACEjB,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAA+B,QAAA,QACGb,MAAM,iBAAIlB,KAAA,CAAA8B,aAAA,gBAAQZ,MAAM,CAACc,IAAI,CAAC,IAAI,CAAS,CAAC,eAC7ChC,KAAA,CAAA8B,aAAA;IAAKD,SAAS,EAAEA,SAAU;IAACI,KAAK,EAAE;MAAElB;IAAU;EAAE,GAC7CP,gBAAgB,iBACfR,KAAA,CAAA8B,aAAA,CAAC5B,MAAM;IACLgC,MAAM,EAAEvB,YAAa;IACrBS,KAAK,EAAER,WAAY;IACnBC,kBAAkB,EAAEA,kBAAmB;IACvCJ,WAAW,EAAEA,WAAY;IACzB0B,YAAY,EAAEC,QAAQ,IAAI;MACxB,MAAM;QACJC,KAAK,EAAE;UAAEC,OAAO;UAAEC;QAAK;MACzB,CAAC,GAAGH,QAAQ;MACZ,MAAMI,UAAU,GAAGD,IAAI,IAAIA,IAAI,CAACE,MAAM,GAAGF,IAAI,CAAC,CAAC,CAAC,GAAGG,SAAS;MAC5D,MAAMC,gBAAgB,GAAGL,OAAO,GAAGjC,YAAY,GAAGC,aAAa;MAC/DU,gBAAgB,CAAC;QAAEF,aAAa,EAAE6B,gBAAgB;QAAE5B,SAAS,EAAEyB;MAAW,CAAC,CAAC;IAC9E;EAAE,CACH,CAEA,CACL,CAAC;AAEP,CAAC;AAEDjC,YAAY,CAACqC,SAAS,GAAG;EACvBpC,gBAAgB,EAAEL,SAAS,CAAC0C,IAAI,CAACC,UAAU;EAC3CrC,WAAW,EAAEN,SAAS,CAAC4C,KAAK,CAACD,UAAU;EACvCpC,MAAM,EAAEP,SAAS,CAAC6C,MAAM,CAACF,UAAU;EACnCnC,YAAY,EAAER,SAAS,CAAC6C,MAAM,CAACF,UAAU;EACzClC,WAAW,EAAET,SAAS,CAAC4C,KAAK;EAC5BlC,kBAAkB,EAAEV,SAAS,CAAC8C,MAAM,CAACH;AACvC,CAAC;AAEDvC,YAAY,CAAC2C,YAAY,GAAG;EAC1BtC,WAAW,EAAE;AACf,CAAC;AAED,eAAeL,YAAY"}

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

@@ -10,6 +10,7 @@ import { useQuery } from '@apollo/client';
 import { useRouter } from 'next/router';
 import { buildUserQuery, buildPropsData } from './helpers';
 import { getSingleEntitySchema, getUser } from '../../application/query';
+import Wrapper from '../Wrapper';
 import BannerRender from './BannerRender';
 import buildPropsQuery from '../../helpers/build-props-query';
 import { getClassModifiers } from '../../utils';
@@ -74,15 +75,17 @@ const Banner = _ref => {
     action
   } = getEntityRenderProps(queryProps, data, isPreview);
   const bannerKey = `${sizeId}${asPath}`;
-  return /*#__PURE__*/React.createElement(BannerRender, _extends({
+  return /*#__PURE__*/React.createElement(Wrapper, {
+    className: type,
+    modifiers: modifiers
+  }, /*#__PURE__*/React.createElement(BannerRender, _extends({
     key: bannerKey
   }, otherProps, {
     action: action,
     actionKey: actionKey,
     asPath: asPath,
-    userPropsData: userPropsData,
-    modifiers: modifiers
-  }));
+    userPropsData: userPropsData
+  })));
 };
 Banner.propTypes = {
   type: PropTypes.string