@blaze-cms/react-page-builder 0.139.0-project-admin-customisations.0 → 0.139.1-core-styles.0

package/lib/components/Carousel/CarouselRender/CarouselRender.js

@@ -1,80 +1,37 @@
 "use strict";
 
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _CarouselImage = _interopRequireDefault(require("../CarouselImage"));
 var _HOC = require("../../../HOC");
-var _helpers = require("../../../helpers");
-var _excluded = ["imageIds", "displayCount", "priorityLimit"];
-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 _excluded = ["handleNavigation", "imageIds", "listRef", "shouldDisplayCount", "shouldDisplayCaption", "caption", "countMessage", "direction", "priorityLimit"];
 var CarouselRender = function CarouselRender(_ref) {
-  var imageIds = _ref.imageIds,
-    displayCount = _ref.displayCount,
+  var handleNavigation = _ref.handleNavigation,
+    imageIds = _ref.imageIds,
+    listRef = _ref.listRef,
+    shouldDisplayCount = _ref.shouldDisplayCount,
+    shouldDisplayCaption = _ref.shouldDisplayCaption,
+    caption = _ref.caption,
+    countMessage = _ref.countMessage,
+    direction = _ref.direction,
     priorityLimit = _ref.priorityLimit,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var _useState = (0, _react.useState)(displayCount),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    showCount = _useState2[0],
-    setShowCount = _useState2[1];
-  var listRef = (0, _react.useRef)(null);
-  var getListElement = function getListElement() {
-    if (!listRef) return null;
-    var current = listRef.current;
-    return current;
-  };
-  var moveScroll = function moveScroll(numberOfPixels, isNext) {
-    var listElement = getListElement();
-    if (!listElement) return;
-    var totalDistance = listElement.scrollLeft + numberOfPixels;
-    var scrollLeft = listElement.scrollLeft,
-      offsetWidth = listElement.offsetWidth,
-      scrollWidth = listElement.scrollWidth;
-    if (isNext && offsetWidth + scrollLeft >= scrollWidth) return;
-    var leftPosition = totalDistance < 0 ? 0 : Math.max(-scrollLeft, totalDistance);
-    listElement.scrollTo({
-      top: 0,
-      left: leftPosition,
-      behavior: 'smooth'
-    });
-  };
-  var handleNavigation = function handleNavigation(direction) {
-    setShowCount(false);
-    var listElement = getListElement();
-    if (!listElement) return;
-    var scrollWidth = listElement.scrollWidth;
-    var offset = scrollWidth / imageIds.length;
-    direction ? moveScroll(offset, direction) : moveScroll(-offset, direction);
-  };
-  var navigation = {
-    next: true,
-    back: false
-  };
-  var _getDisplayCountData = (0, _helpers.getDisplayCountData)(showCount, imageIds),
-    shouldDisplayCount = _getDisplayCountData.shouldDisplayCount,
-    countMessage = _getDisplayCountData.countMessage;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "carousel"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", {
     className: "carousel__button carousel__button--previous",
     role: "button",
     onClick: function onClick() {
-      return handleNavigation(navigation.back);
+      return handleNavigation(direction.back);
     }
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "arrow arrow--left"
@@ -91,20 +48,37 @@ var CarouselRender = function CarouselRender(_ref) {
     className: "carousel__button carousel__button--next",
     role: "button",
     onClick: function onClick() {
-      return handleNavigation(navigation.next);
+      return handleNavigation(direction.next);
     }
-  }, shouldDisplayCount && /*#__PURE__*/_react["default"].createElement("p", null, countMessage), /*#__PURE__*/_react["default"].createElement("div", {
+  }, shouldDisplayCount && /*#__PURE__*/_react["default"].createElement("p", {
+    "data-testid": "count"
+  }, countMessage), /*#__PURE__*/_react["default"].createElement("div", {
     className: "arrow arrow--right"
-  })));
+  }))), shouldDisplayCaption && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "carousel__details",
+    "data-testid": "carousel-details"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "caption"
+  }, caption)));
 };
 CarouselRender.propTypes = {
+  caption: _propTypes["default"].string,
+  shouldDisplayCaption: _propTypes["default"].bool.isRequired,
   imageIds: _propTypes["default"].array,
   displayCount: _propTypes["default"].bool,
+  listRef: _propTypes["default"].object,
+  countMessage: _propTypes["default"].number,
+  direction: _propTypes["default"].object.isRequired,
+  handleNavigation: _propTypes["default"].func.isRequired,
+  shouldDisplayCount: _propTypes["default"].bool.isRequired,
   priorityLimit: _propTypes["default"].number
 };
 CarouselRender.defaultProps = {
+  listRef: null,
   imageIds: [],
+  caption: '',
   displayCount: false,
+  countMessage: null,
   priorityLimit: 0
 };
 var _default = (0, _HOC.withTitle)(CarouselRender);

package/lib/components/Carousel/CarouselRender/CarouselRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselRender.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_CarouselImage","_HOC","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CarouselRender","_ref","imageIds","displayCount","priorityLimit","otherProps","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","showCount","setShowCount","listRef","useRef","getListElement","current","moveScroll","numberOfPixels","isNext","listElement","totalDistance","scrollLeft","offsetWidth","scrollWidth","leftPosition","Math","max","scrollTo","top","left","behavior","handleNavigation","direction","offset","length","navigation","next","back","_getDisplayCountData","getDisplayCountData","shouldDisplayCount","countMessage","createElement","Fragment","className","role","onClick","ref","map","imageId","index","_extends2","priority","propTypes","PropTypes","array","bool","number","defaultProps","_default","withTitle","exports"],"sources":["../../../../src/components/Carousel/CarouselRender/CarouselRender.js"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselImage from '../CarouselImage';\nimport { withTitle } from '../../../HOC';\nimport { getDisplayCountData } from '../../../helpers';\n\nconst CarouselRender = ({ imageIds, displayCount, priorityLimit, ...otherProps }) => {\n  const [showCount, setShowCount] = useState(displayCount);\n  const listRef = useRef(null);\n\n  const getListElement = () => {\n    if (!listRef) return null;\n    const { current } = listRef;\n    return current;\n  };\n\n  const moveScroll = (numberOfPixels, isNext) => {\n    const listElement = getListElement();\n    if (!listElement) return;\n\n    const totalDistance = listElement.scrollLeft + numberOfPixels;\n    const { scrollLeft, offsetWidth, scrollWidth } = listElement;\n    if (isNext && offsetWidth + scrollLeft >= scrollWidth) return;\n\n    const leftPosition = totalDistance < 0 ? 0 : Math.max(-scrollLeft, totalDistance);\n\n    listElement.scrollTo({\n      top: 0,\n      left: leftPosition,\n      behavior: 'smooth'\n    });\n  };\n\n  const handleNavigation = direction => {\n    setShowCount(false);\n\n    const listElement = getListElement();\n    if (!listElement) return;\n\n    const { scrollWidth } = listElement;\n    const offset = scrollWidth / imageIds.length;\n\n    direction ? moveScroll(offset, direction) : moveScroll(-offset, direction);\n  };\n\n  const navigation = {\n    next: true,\n    back: false\n  };\n\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(showCount, imageIds);\n\n  return (\n    <>\n      <div\n        className=\"carousel__button carousel__button--previous\"\n        role=\"button\"\n        onClick={() => handleNavigation(navigation.back)}>\n        <div className=\"arrow arrow--left\" />\n      </div>\n      <div className=\"carousel__list\" ref={listRef}>\n        {imageIds.map((imageId, index) => (\n          <CarouselImage\n            key={imageId}\n            priority={index < priorityLimit}\n            imageId={imageId}\n            {...otherProps}\n          />\n        ))}\n      </div>\n      <div\n        className=\"carousel__button carousel__button--next\"\n        role=\"button\"\n        onClick={() => handleNavigation(navigation.next)}>\n        {shouldDisplayCount && <p>{countMessage}</p>}\n        <div className=\"arrow arrow--right\" />\n      </div>\n    </>\n  );\n};\n\nCarouselRender.propTypes = {\n  imageIds: PropTypes.array,\n  displayCount: PropTypes.bool,\n  priorityLimit: PropTypes.number\n};\n\nCarouselRender.defaultProps = {\n  imageIds: [],\n  displayCount: false,\n  priorityLimit: 0\n};\n\nexport default withTitle(CarouselRender);\n"],"mappings":"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"}
+{"version":3,"file":"CarouselRender.js","names":["_react","_interopRequireDefault","require","_propTypes","_CarouselImage","_HOC","_excluded","CarouselRender","_ref","handleNavigation","imageIds","listRef","shouldDisplayCount","shouldDisplayCaption","caption","countMessage","direction","priorityLimit","otherProps","_objectWithoutProperties2","createElement","className","role","onClick","back","ref","map","imageId","index","_extends2","key","priority","next","propTypes","PropTypes","string","bool","isRequired","array","displayCount","object","number","func","defaultProps","_default","withTitle","exports"],"sources":["../../../../src/components/Carousel/CarouselRender/CarouselRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport CarouselImage from '../CarouselImage';\nimport { withTitle } from '../../../HOC';\n\nconst CarouselRender = ({\n  handleNavigation,\n  imageIds,\n  listRef,\n  shouldDisplayCount,\n  shouldDisplayCaption,\n  caption,\n  countMessage,\n  direction,\n  priorityLimit,\n  ...otherProps\n}) => (\n  <div className=\"carousel\">\n    <div>\n      <div\n        className=\"carousel__button carousel__button--previous\"\n        role=\"button\"\n        onClick={() => handleNavigation(direction.back)}>\n        <div className=\"arrow arrow--left\" />\n      </div>\n      <div className=\"carousel__list\" ref={listRef}>\n        {imageIds.map((imageId, index) => (\n          <CarouselImage\n            key={imageId}\n            priority={index < priorityLimit}\n            imageId={imageId}\n            {...otherProps}\n          />\n        ))}\n      </div>\n      <div\n        className=\"carousel__button carousel__button--next\"\n        role=\"button\"\n        onClick={() => handleNavigation(direction.next)}>\n        {shouldDisplayCount && <p data-testid=\"count\">{countMessage}</p>}\n        <div className=\"arrow arrow--right\" />\n      </div>\n    </div>\n    {shouldDisplayCaption && (\n      <div className=\"carousel__details\" data-testid=\"carousel-details\">\n        <div className=\"caption\">{caption}</div>\n      </div>\n    )}\n  </div>\n);\n\nCarouselRender.propTypes = {\n  caption: PropTypes.string,\n  shouldDisplayCaption: PropTypes.bool.isRequired,\n  imageIds: PropTypes.array,\n  displayCount: PropTypes.bool,\n  listRef: PropTypes.object,\n  countMessage: PropTypes.number,\n  direction: PropTypes.object.isRequired,\n  handleNavigation: PropTypes.func.isRequired,\n  shouldDisplayCount: PropTypes.bool.isRequired,\n  priorityLimit: PropTypes.number\n};\n\nCarouselRender.defaultProps = {\n  listRef: null,\n  imageIds: [],\n  caption: '',\n  displayCount: false,\n  countMessage: null,\n  priorityLimit: 0\n};\n\nexport default withTitle(CarouselRender);\n"],"mappings":"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"}

package/lib/components/Carousel/hooks/useCarouselNavigation.js

@@ -0,0 +1,56 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCarouselNavigation = useCarouselNavigation;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+function useCarouselNavigation(_ref) {
+  var imageIds = _ref.imageIds,
+    displayCount = _ref.displayCount;
+  var _useState = (0, _react.useState)(displayCount),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    showCount = _useState2[0],
+    setShowCount = _useState2[1];
+  var listRef = (0, _react.useRef)(null);
+  var getListElement = function getListElement() {
+    if (!listRef.current) return null;
+    return listRef.current;
+  };
+  var moveScroll = function moveScroll(numberOfPixels, isNext) {
+    var listElement = getListElement();
+    if (!listElement) return;
+    var totalDistance = listElement.scrollLeft + numberOfPixels;
+    var scrollLeft = listElement.scrollLeft,
+      offsetWidth = listElement.offsetWidth,
+      scrollWidth = listElement.scrollWidth;
+    if (isNext && offsetWidth + scrollLeft >= scrollWidth) return;
+    var leftPosition = totalDistance < 0 ? 0 : Math.max(-scrollLeft, totalDistance);
+    listElement.scrollTo({
+      top: 0,
+      left: leftPosition,
+      behavior: 'smooth'
+    });
+  };
+  var handleNavigation = function handleNavigation(direction) {
+    setShowCount(false);
+    var listElement = getListElement();
+    if (!listElement) return;
+    var scrollWidth = listElement.scrollWidth;
+    var offset = scrollWidth / imageIds.length;
+    direction ? moveScroll(offset, direction) : moveScroll(-offset, direction);
+  };
+  return {
+    listRef: listRef,
+    showCount: showCount,
+    handleNavigation: handleNavigation,
+    direction: {
+      next: true,
+      back: false
+    }
+  };
+}
+//# sourceMappingURL=useCarouselNavigation.js.map

package/lib/components/Carousel/hooks/useCarouselNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCarouselNavigation.js","names":["_react","require","useCarouselNavigation","_ref","imageIds","displayCount","_useState","useState","_useState2","_slicedToArray2","showCount","setShowCount","listRef","useRef","getListElement","current","moveScroll","numberOfPixels","isNext","listElement","totalDistance","scrollLeft","offsetWidth","scrollWidth","leftPosition","Math","max","scrollTo","top","left","behavior","handleNavigation","direction","offset","length","next","back"],"sources":["../../../../src/components/Carousel/hooks/useCarouselNavigation.js"],"sourcesContent":["import { useState, useRef } from 'react';\n\nexport function useCarouselNavigation({ imageIds, displayCount }) {\n  const [showCount, setShowCount] = useState(displayCount);\n  const listRef = useRef(null);\n\n  const getListElement = () => {\n    if (!listRef.current) return null;\n    return listRef.current;\n  };\n\n  const moveScroll = (numberOfPixels, isNext) => {\n    const listElement = getListElement();\n    if (!listElement) return;\n\n    const totalDistance = listElement.scrollLeft + numberOfPixels;\n    const { scrollLeft, offsetWidth, scrollWidth } = listElement;\n    if (isNext && offsetWidth + scrollLeft >= scrollWidth) return;\n\n    const leftPosition = totalDistance < 0 ? 0 : Math.max(-scrollLeft, totalDistance);\n\n    listElement.scrollTo({\n      top: 0,\n      left: leftPosition,\n      behavior: 'smooth'\n    });\n  };\n\n  const handleNavigation = direction => {\n    setShowCount(false);\n\n    const listElement = getListElement();\n    if (!listElement) return;\n\n    const { scrollWidth } = listElement;\n    const offset = scrollWidth / imageIds.length;\n\n    direction ? moveScroll(offset, direction) : moveScroll(-offset, direction);\n  };\n\n  return {\n    listRef,\n    showCount,\n    handleNavigation,\n    direction: {\n      next: true,\n      back: false\n    }\n  };\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,qBAAqBA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;EAC5D,IAAAC,SAAA,GAAkC,IAAAC,eAAQ,EAACF,YAAY,CAAC;IAAAG,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAjDI,SAAS,GAAAF,UAAA;IAAEG,YAAY,GAAAH,UAAA;EAC9B,IAAMI,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EAE5B,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAC3B,IAAI,CAACF,OAAO,CAACG,OAAO,EAAE,OAAO,IAAI;IACjC,OAAOH,OAAO,CAACG,OAAO;EACxB,CAAC;EAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,cAAc,EAAEC,MAAM,EAAK;IAC7C,IAAMC,WAAW,GAAGL,cAAc,CAAC,CAAC;IACpC,IAAI,CAACK,WAAW,EAAE;IAElB,IAAMC,aAAa,GAAGD,WAAW,CAACE,UAAU,GAAGJ,cAAc;IAC7D,IAAQI,UAAU,GAA+BF,WAAW,CAApDE,UAAU;MAAEC,WAAW,GAAkBH,WAAW,CAAxCG,WAAW;MAAEC,WAAW,GAAKJ,WAAW,CAA3BI,WAAW;IAC5C,IAAIL,MAAM,IAAII,WAAW,GAAGD,UAAU,IAAIE,WAAW,EAAE;IAEvD,IAAMC,YAAY,GAAGJ,aAAa,GAAG,CAAC,GAAG,CAAC,GAAGK,IAAI,CAACC,GAAG,CAAC,CAACL,UAAU,EAAED,aAAa,CAAC;IAEjFD,WAAW,CAACQ,QAAQ,CAAC;MACnBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAEL,YAAY;MAClBM,QAAQ,EAAE;IACZ,CAAC,CAAC;EACJ,CAAC;EAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGC,SAAS,EAAI;IACpCrB,YAAY,CAAC,KAAK,CAAC;IAEnB,IAAMQ,WAAW,GAAGL,cAAc,CAAC,CAAC;IACpC,IAAI,CAACK,WAAW,EAAE;IAElB,IAAQI,WAAW,GAAKJ,WAAW,CAA3BI,WAAW;IACnB,IAAMU,MAAM,GAAGV,WAAW,GAAGnB,QAAQ,CAAC8B,MAAM;IAE5CF,SAAS,GAAGhB,UAAU,CAACiB,MAAM,EAAED,SAAS,CAAC,GAAGhB,UAAU,CAAC,CAACiB,MAAM,EAAED,SAAS,CAAC;EAC5E,CAAC;EAED,OAAO;IACLpB,OAAO,EAAPA,OAAO;IACPF,SAAS,EAATA,SAAS;IACTqB,gBAAgB,EAAhBA,gBAAgB;IAChBC,SAAS,EAAE;MACTG,IAAI,EAAE,IAAI;MACVC,IAAI,EAAE;IACR;EACF,CAAC;AACH"}

package/lib/components/ClickWrapper.js

@@ -29,8 +29,8 @@ var _helpers = require("../helpers");
 var _excluded = ["children", "gtmChildren", "id"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ClickWrapper = function ClickWrapper(_ref) {
   var children = _ref.children,
     gtmChildren = _ref.gtmChildren,

package/lib/components/ClickWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClickWrapper.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","e","r","t","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ClickWrapper","_ref","children","gtmChildren","id","props","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","clickState","setClickState","renderedChildren","renderChildren","clickId","componentProps","createElement","role","onClick","propTypes","PropTypes","string","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../src/components/ClickWrapper.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { renderChildren } from '../helpers';\n\nconst ClickWrapper = ({ children, gtmChildren, id, ...props }) => {\n  const [clickState, setClickState] = useState(false);\n  const renderedChildren = clickState\n    ? renderChildren(gtmChildren, {\n        clickState,\n        clickId: id,\n        componentProps: { ...props }\n      })\n    : null;\n\n  return (\n    <div\n      role=\"button\"\n      onClick={() => {\n        setClickState(true);\n      }}>\n      {renderedChildren}\n      {children}\n    </div>\n  );\n};\n\nClickWrapper.propTypes = {\n  id: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nClickWrapper.defaultProps = {\n  id: null,\n  children: [],\n  gtmChildren: []\n};\n\nexport default ClickWrapper;\n"],"mappings":"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"}
+{"version":3,"file":"ClickWrapper.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ClickWrapper","_ref","children","gtmChildren","id","props","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","clickState","setClickState","renderedChildren","renderChildren","clickId","componentProps","createElement","role","onClick","propTypes","PropTypes","string","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../src/components/ClickWrapper.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { renderChildren } from '../helpers';\n\nconst ClickWrapper = ({ children, gtmChildren, id, ...props }) => {\n  const [clickState, setClickState] = useState(false);\n  const renderedChildren = clickState\n    ? renderChildren(gtmChildren, {\n        clickState,\n        clickId: id,\n        componentProps: { ...props }\n      })\n    : null;\n\n  return (\n    <div\n      role=\"button\"\n      onClick={() => {\n        setClickState(true);\n      }}>\n      {renderedChildren}\n      {children}\n    </div>\n  );\n};\n\nClickWrapper.propTypes = {\n  id: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  gtmChildren: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nClickWrapper.defaultProps = {\n  id: null,\n  children: [],\n  gtmChildren: []\n};\n\nexport default ClickWrapper;\n"],"mappings":"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"}

package/lib/components/Code/Code.js

@@ -33,8 +33,8 @@ var _helpers = require("./helpers");
 var _excluded = ["code", "parserOptions", "disableWrapper"];
 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; }
-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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Code = /*#__PURE__*/(0, _react.memo)(function (_ref) {
   var embedCode = _ref.code,
     parserOptions = _ref.parserOptions,

package/lib/components/Code/Code.js.map

@@ -1 +1 @@
-{"version":3,"file":"Code.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_htmlReactParser","_Wrapper","_HOC","_utils","_constants","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","e","r","t","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Code","memo","_ref","embedCode","code","parserOptions","disableWrapper","otherProps","_objectWithoutProperties2","parsedCode","parseHTML","wrappedCode","wrapScriptTags","modifiers","getClassModifiers","CODE","createElement","propTypes","PropTypes","string","modifier","object","bool","defaultProps","_default","withTitle","exports"],"sources":["../../../src/components/Code/Code.js"],"sourcesContent":["import React, { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport parseHTML from 'html-react-parser';\nimport Wrapper from '../Wrapper';\nimport { withTitle } from '../../HOC';\nimport { getClassModifiers } from '../../utils';\nimport { CODE } from '../../constants';\nimport { wrapScriptTags } from './helpers';\n\nconst Code = memo(({ code: embedCode, parserOptions, disableWrapper, ...otherProps }) => {\n  if (!embedCode) return null;\n\n  const parsedCode = parseHTML(embedCode, parserOptions);\n  const wrappedCode = wrapScriptTags(parsedCode);\n  const modifiers = getClassModifiers(CODE, { ...otherProps });\n\n  if (disableWrapper) return wrappedCode;\n\n  return <Wrapper modifiers={modifiers}>{wrappedCode}</Wrapper>;\n});\n\nCode.propTypes = {\n  code: PropTypes.string,\n  modifier: PropTypes.string,\n  parserOptions: PropTypes.object,\n  disableWrapper: PropTypes.bool\n};\n\nCode.defaultProps = {\n  code: '',\n  modifier: '',\n  parserOptions: {},\n  disableWrapper: false\n};\n\nexport default withTitle(Code);\n"],"mappings":"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"}
+{"version":3,"file":"Code.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_htmlReactParser","_Wrapper","_HOC","_utils","_constants","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Code","memo","_ref","embedCode","code","parserOptions","disableWrapper","otherProps","_objectWithoutProperties2","parsedCode","parseHTML","wrappedCode","wrapScriptTags","modifiers","getClassModifiers","CODE","createElement","propTypes","PropTypes","string","modifier","bool","defaultProps","_default","withTitle","exports"],"sources":["../../../src/components/Code/Code.js"],"sourcesContent":["import React, { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport parseHTML from 'html-react-parser';\nimport Wrapper from '../Wrapper';\nimport { withTitle } from '../../HOC';\nimport { getClassModifiers } from '../../utils';\nimport { CODE } from '../../constants';\nimport { wrapScriptTags } from './helpers';\n\nconst Code = memo(({ code: embedCode, parserOptions, disableWrapper, ...otherProps }) => {\n  if (!embedCode) return null;\n\n  const parsedCode = parseHTML(embedCode, parserOptions);\n  const wrappedCode = wrapScriptTags(parsedCode);\n  const modifiers = getClassModifiers(CODE, { ...otherProps });\n\n  if (disableWrapper) return wrappedCode;\n\n  return <Wrapper modifiers={modifiers}>{wrappedCode}</Wrapper>;\n});\n\nCode.propTypes = {\n  code: PropTypes.string,\n  modifier: PropTypes.string,\n  parserOptions: PropTypes.object,\n  disableWrapper: PropTypes.bool\n};\n\nCode.defaultProps = {\n  code: '',\n  modifier: '',\n  parserOptions: {},\n  disableWrapper: false\n};\n\nexport default withTitle(Code);\n"],"mappings":"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"}

package/lib/components/Image/Image.js

@@ -39,8 +39,8 @@ var _constants = require("../../constants");
 var _excluded = ["url", "modifier", "imageId", "enableLightbox", "name", "toggleModal", "handleSelectedImage", "displayCount", "lightboxImages", "isHero", "priority", "type", "areImageCreditsDisplayed", "isCaptionDisplayed", "images", "imageData", "imageUrl", "elementTitle", "credits", "imageCredits", "children"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Image = function Image(_ref) {
   var url = _ref.url,
     _modifier = _ref.modifier,

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_customHooks","_Wrapper","_ImageRender","_ImageDetails","_getClassModifiers","_utils","_helpers","_constants","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","e","r","t","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Image","_ref","url","_modifier","modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","priority","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","children","otherProps","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","displayLightbox","setDisplayLightbox","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","isIntersecting","outerRef","_getImageData","getImageData","caption","altText","hrefUrl","imageDataCredits","href","_buildImageProperties","buildImageProperties","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","getClassModifiers","wrapperClassName","HERO","IMAGE","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","creditsValue","shouldDisplayCredits","_getDisplayCountData","getDisplayCountData","shouldDisplayCount","countMessage","sizeKey","Boolean","join","shouldDisplayImage","createElement","_extends2","ref","className","alt","role","onClick","propTypes","PropTypes","string","bool","func","array","object","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/Image/Image.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport Wrapper from '../Wrapper';\nimport ImageRender from './ImageRender';\nimport ImageDetails from './ImageDetails';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { getImageData } from '../../utils';\nimport { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';\nimport { IMAGE, HERO, IN_VIEW_CONFIG } from '../../constants';\n\nconst Image = ({\n  url,\n  modifier: _modifier,\n  imageId,\n  enableLightbox,\n  name,\n  toggleModal,\n  handleSelectedImage,\n  displayCount,\n  lightboxImages,\n  isHero,\n  priority,\n  type,\n  areImageCreditsDisplayed,\n  isCaptionDisplayed,\n  images,\n  imageData,\n  imageUrl,\n  elementTitle,\n  credits,\n  imageCredits,\n  children,\n  ...otherProps\n}) => {\n  const [displayLightbox, setDisplayLightbox] = useState(false);\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const { caption, altText, hrefUrl, credits: imageDataCredits } = getImageData(\n    otherProps,\n    imageData\n  );\n\n  const href = url || hrefUrl;\n\n  const { ImgWrapper, imgWrapperProps, lightboxImgProps } = buildImageProperties({\n    href,\n    name,\n    enableLightbox,\n    isHero\n  });\n\n  const modifier = _modifier || '';\n  const modifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const wrapperClassName = isHero ? HERO : IMAGE;\n  const toggleLightbox = () => setDisplayLightbox(!displayLightbox);\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing\n  const creditsValue = credits || imageCredits || imageDataCredits;\n\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: creditsValue\n  });\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(displayCount, images);\n  const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');\n  const shouldDisplayImage = !!imageUrl && (priority || isIntersecting);\n\n  return (\n    <Wrapper ref={outerRef} className={wrapperClassName} modifiers={modifiers} {...otherProps}>\n      {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n      {shouldDisplayImage && (\n        <ImgWrapper {...imgWrapperProps}>\n          <ImageRender\n            {...otherProps}\n            alt={altText}\n            imageUrl={imageUrl}\n            handleEnableLightbox={handleEnableLightbox}\n            toggleLightbox={toggleLightbox}\n            displayLightbox={displayLightbox}\n            caption={caption}\n            enableLightbox={enableLightbox}\n            lightboxImgProps={lightboxImgProps}\n            name={name}\n            displayCount={displayCount}\n            lightboxImages={lightboxImages}\n            isHero={isHero}\n            priority={priority}\n            sizeKey={sizeKey}\n          />\n          {children && <div className=\"image__children\">{children}</div>}\n        </ImgWrapper>\n      )}\n      {shouldDisplayCount && (\n        <div\n          className=\"image__button image__button--count\"\n          role=\"button\"\n          onClick={handleEnableLightbox}>\n          <p>{countMessage}</p>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      )}\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <ImageDetails\n          caption={caption}\n          credits={creditsValue}\n          shouldDisplayCaption={shouldDisplayCaption}\n          shouldDisplayCredits={shouldDisplayCredits}\n        />\n      )}\n    </Wrapper>\n  );\n};\n\nImage.propTypes = {\n  url: PropTypes.string,\n  name: PropTypes.string,\n  modifier: PropTypes.string,\n  imageId: PropTypes.string,\n  enableLightbox: PropTypes.bool,\n  toggleModal: PropTypes.func,\n  handleSelectedImage: PropTypes.func,\n  displayCount: PropTypes.bool,\n  lightboxImages: PropTypes.array,\n  images: PropTypes.array,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  type: PropTypes.string,\n  areImageCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  imageData: PropTypes.object,\n  imageUrl: PropTypes.string,\n  credits: PropTypes.string,\n  imageCredits: PropTypes.string,\n  elementTitle: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nImage.defaultProps = {\n  modifier: '',\n  url: null,\n  name: '',\n  credits: '',\n  imageCredits: '',\n  enableLightbox: false,\n  imageId: '',\n  handleSelectedImage: () => {},\n  toggleModal: () => {},\n  displayCount: false,\n  lightboxImages: [],\n  images: [],\n  isHero: false,\n  priority: false,\n  type: '',\n  areImageCreditsDisplayed: false,\n  isCaptionDisplayed: true,\n  imageData: {},\n  imageUrl: '',\n  elementTitle: '',\n  children: null\n};\n\nexport default Image;\n"],"mappings":"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"}
+{"version":3,"file":"Image.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_customHooks","_Wrapper","_ImageRender","_ImageDetails","_getClassModifiers","_utils","_helpers","_constants","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","Image","_ref","url","_modifier","modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","priority","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","children","otherProps","_objectWithoutProperties2","_useState","useState","_useState2","_slicedToArray2","displayLightbox","setDisplayLightbox","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","isIntersecting","outerRef","_getImageData","getImageData","caption","altText","hrefUrl","imageDataCredits","href","_buildImageProperties","buildImageProperties","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","getClassModifiers","wrapperClassName","HERO","IMAGE","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","creditsValue","shouldDisplayCredits","_getDisplayCountData","getDisplayCountData","shouldDisplayCount","countMessage","sizeKey","Boolean","join","shouldDisplayImage","createElement","_extends2","ref","className","alt","role","onClick","propTypes","PropTypes","string","bool","func","array","oneOfType","arrayOf","node","defaultProps","_default","exports"],"sources":["../../../src/components/Image/Image.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport Wrapper from '../Wrapper';\nimport ImageRender from './ImageRender';\nimport ImageDetails from './ImageDetails';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { getImageData } from '../../utils';\nimport { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';\nimport { IMAGE, HERO, IN_VIEW_CONFIG } from '../../constants';\n\nconst Image = ({\n  url,\n  modifier: _modifier,\n  imageId,\n  enableLightbox,\n  name,\n  toggleModal,\n  handleSelectedImage,\n  displayCount,\n  lightboxImages,\n  isHero,\n  priority,\n  type,\n  areImageCreditsDisplayed,\n  isCaptionDisplayed,\n  images,\n  imageData,\n  imageUrl,\n  elementTitle,\n  credits,\n  imageCredits,\n  children,\n  ...otherProps\n}) => {\n  const [displayLightbox, setDisplayLightbox] = useState(false);\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const { caption, altText, hrefUrl, credits: imageDataCredits } = getImageData(\n    otherProps,\n    imageData\n  );\n\n  const href = url || hrefUrl;\n\n  const { ImgWrapper, imgWrapperProps, lightboxImgProps } = buildImageProperties({\n    href,\n    name,\n    enableLightbox,\n    isHero\n  });\n\n  const modifier = _modifier || '';\n  const modifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const wrapperClassName = isHero ? HERO : IMAGE;\n  const toggleLightbox = () => setDisplayLightbox(!displayLightbox);\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing\n  const creditsValue = credits || imageCredits || imageDataCredits;\n\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: creditsValue\n  });\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(displayCount, images);\n  const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');\n  const shouldDisplayImage = !!imageUrl && (priority || isIntersecting);\n\n  return (\n    <Wrapper ref={outerRef} className={wrapperClassName} modifiers={modifiers} {...otherProps}>\n      {elementTitle && <div className=\"heading heading--section\">{elementTitle}</div>}\n      {shouldDisplayImage && (\n        <ImgWrapper {...imgWrapperProps}>\n          <ImageRender\n            {...otherProps}\n            alt={altText}\n            imageUrl={imageUrl}\n            handleEnableLightbox={handleEnableLightbox}\n            toggleLightbox={toggleLightbox}\n            displayLightbox={displayLightbox}\n            caption={caption}\n            enableLightbox={enableLightbox}\n            lightboxImgProps={lightboxImgProps}\n            name={name}\n            displayCount={displayCount}\n            lightboxImages={lightboxImages}\n            isHero={isHero}\n            priority={priority}\n            sizeKey={sizeKey}\n          />\n          {children && <div className=\"image__children\">{children}</div>}\n        </ImgWrapper>\n      )}\n      {shouldDisplayCount && (\n        <div\n          className=\"image__button image__button--count\"\n          role=\"button\"\n          onClick={handleEnableLightbox}>\n          <p>{countMessage}</p>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      )}\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <ImageDetails\n          caption={caption}\n          credits={creditsValue}\n          shouldDisplayCaption={shouldDisplayCaption}\n          shouldDisplayCredits={shouldDisplayCredits}\n        />\n      )}\n    </Wrapper>\n  );\n};\n\nImage.propTypes = {\n  url: PropTypes.string,\n  name: PropTypes.string,\n  modifier: PropTypes.string,\n  imageId: PropTypes.string,\n  enableLightbox: PropTypes.bool,\n  toggleModal: PropTypes.func,\n  handleSelectedImage: PropTypes.func,\n  displayCount: PropTypes.bool,\n  lightboxImages: PropTypes.array,\n  images: PropTypes.array,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  type: PropTypes.string,\n  areImageCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  imageData: PropTypes.object,\n  imageUrl: PropTypes.string,\n  credits: PropTypes.string,\n  imageCredits: PropTypes.string,\n  elementTitle: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nImage.defaultProps = {\n  modifier: '',\n  url: null,\n  name: '',\n  credits: '',\n  imageCredits: '',\n  enableLightbox: false,\n  imageId: '',\n  handleSelectedImage: () => {},\n  toggleModal: () => {},\n  displayCount: false,\n  lightboxImages: [],\n  images: [],\n  isHero: false,\n  priority: false,\n  type: '',\n  areImageCreditsDisplayed: false,\n  isCaptionDisplayed: true,\n  imageData: {},\n  imageUrl: '',\n  elementTitle: '',\n  children: null\n};\n\nexport default Image;\n"],"mappings":"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"}

package/lib/components/Image/ImageFactory.js

@@ -13,11 +13,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 require("core-js/modules/es.array.map.js");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _nextjsComponents = require("@blaze-cms/nextjs-components");
+var _utilsHandlebars = require("@blaze-cms/utils-handlebars");
 var _Image = _interopRequireDefault(require("./Image"));
 var _hooks = require("../../hooks");
 var _helpers = require("../../helpers");
@@ -26,25 +28,31 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var ImageFactory = function ImageFactory(props) {
   var imageId = props.imageId,
     itemId = props.parent.itemId,
+    parent = props.parent,
     entity = props.entity,
     fetchFromRelation = props.fetchFromRelation,
-    imageRelation = props.imageRelation;
+    imageRelation = props.imageRelation,
+    imgSrc = props.imgSrc;
   var _useContext = (0, _react.useContext)(_nextjsComponents.MainContext),
     isPreview = _useContext.isPreview;
+  var _useStringTemplate = (0, _utilsHandlebars.useStringTemplate)(parent, [imgSrc]),
+    _useStringTemplate$da = (0, _slicedToArray2["default"])(_useStringTemplate.data, 1),
+    imgSrcToUse = _useStringTemplate$da[0];
+  var skipSingleEntitySchema = !entity || !!imgSrcToUse;
   var isUsingRelationImage = (0, _helpers.isUsingRelationImage)(entity, fetchFromRelation, imageRelation);
-  var _useGetSingleEntitySc = (0, _hooks.useGetSingleEntitySchema)(entity, !entity),
+  var _useGetSingleEntitySc = (0, _hooks.useGetSingleEntitySchema)(entity, skipSingleEntitySchema),
     _useGetSingleEntitySc2 = _useGetSingleEntitySc.data,
     _useGetSingleEntitySc3 = _useGetSingleEntitySc2 === void 0 ? {} : _useGetSingleEntitySc2,
     _useGetSingleEntitySc4 = _useGetSingleEntitySc3.getEntitySchema,
-    getEntitySchema = _useGetSingleEntitySc4 === void 0 ? {} : _useGetSingleEntitySc4;
-  var _getEntitySchema$acti = getEntitySchema.actions,
-    actions = _getEntitySchema$acti === void 0 ? {} : _getEntitySchema$acti;
-  var _useGetImageIdFromRel = (0, _hooks.useGetImageIdFromRelation)(itemId, imageRelation, actions, isUsingRelationImage, isPreview),
+    _useGetSingleEntitySc5 = _useGetSingleEntitySc4 === void 0 ? {} : _useGetSingleEntitySc4,
+    _useGetSingleEntitySc6 = _useGetSingleEntitySc5.actions,
+    actions = _useGetSingleEntitySc6 === void 0 ? {} : _useGetSingleEntitySc6;
+  var _useGetImageIdFromRel = (0, _hooks.useGetImageIdFromRelation)(itemId, imageRelation, actions, isUsingRelationImage, isPreview, !!imgSrcToUse),
     relationData = _useGetImageIdFromRel.data,
     relationLoading = _useGetImageIdFromRel.loading;
   var updatedImageIds = relationLoading ? null : (0, _helpers.getImageIds)(imageRelation, relationData, imageId);
   var imageIds = updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;
-  var _useGetImages = (0, _hooks.useGetImages)(imageIds, updatedImageIds && updatedImageIds.length > 1),
+  var _useGetImages = (0, _hooks.useGetImages)(imageIds, updatedImageIds && updatedImageIds.length > 1, !!imgSrcToUse),
     _useGetImages$data = _useGetImages.data,
     _useGetImages$data2 = _useGetImages$data === void 0 ? {} : _useGetImages$data,
     getFile = _useGetImages$data2.getFile,
@@ -54,6 +62,10 @@ var ImageFactory = function ImageFactory(props) {
     error = _useGetImages.error;
   if (error) return error.message;
   if (loading) return '';
+  if (imgSrcToUse) return /*#__PURE__*/_react["default"].createElement(_Image["default"], (0, _extends2["default"])({}, props, {
+    imageUrl: imgSrcToUse,
+    shouldRenderImgTag: true
+  }));
   var files = getFile ? [getFile] : getFiles;
   return files.map(function (_ref) {
     var id = _ref.id,

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

@@ -1 +1 @@
-{"version":3,"file":"ImageFactory.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_nextjsComponents","_Image","_hooks","_helpers","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ImageFactory","props","imageId","itemId","parent","entity","fetchFromRelation","imageRelation","_useContext","useContext","MainContext","isPreview","isUsingRelationImage","checkIfUsingRelationImage","_useGetSingleEntitySc","useGetSingleEntitySchema","_useGetSingleEntitySc2","data","_useGetSingleEntitySc3","_useGetSingleEntitySc4","getEntitySchema","_getEntitySchema$acti","actions","_useGetImageIdFromRel","useGetImageIdFromRelation","relationData","relationLoading","loading","updatedImageIds","getImageIds","imageIds","length","_useGetImages","useGetImages","_useGetImages$data","_useGetImages$data2","getFile","_useGetImages$data2$g","getFiles","error","message","files","map","_ref","id","_ref$data","imageData","_ref$url","url","imageUrl","createElement","_extends2","propTypes","PropTypes","string","bool","array","object","defaultProps","_default","exports"],"sources":["../../../src/components/Image/ImageFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    entity,\n    fetchFromRelation,\n    imageRelation\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema = {} } = {} } = useGetSingleEntitySchema(entity, !entity);\n  const { actions = {} } = getEntitySchema;\n  const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview\n  );\n\n  const updatedImageIds = relationLoading\n    ? null\n    : getImageIds(imageRelation, relationData, imageId);\n  const imageIds =\n    updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;\n  const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(\n    imageIds,\n    updatedImageIds && updatedImageIds.length > 1\n  );\n  if (error) return error.message;\n  if (loading) return '';\n\n  const files = getFile ? [getFile] : getFiles;\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\n"],"mappings":"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"}
+{"version":3,"file":"ImageFactory.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_nextjsComponents","_utilsHandlebars","_Image","_hooks","_helpers","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ImageFactory","props","imageId","itemId","parent","entity","fetchFromRelation","imageRelation","imgSrc","_useContext","useContext","MainContext","isPreview","_useStringTemplate","useStringTemplate","_useStringTemplate$da","_slicedToArray2","data","imgSrcToUse","skipSingleEntitySchema","isUsingRelationImage","checkIfUsingRelationImage","_useGetSingleEntitySc","useGetSingleEntitySchema","_useGetSingleEntitySc2","_useGetSingleEntitySc3","_useGetSingleEntitySc4","getEntitySchema","_useGetSingleEntitySc5","_useGetSingleEntitySc6","actions","_useGetImageIdFromRel","useGetImageIdFromRelation","relationData","relationLoading","loading","updatedImageIds","getImageIds","imageIds","length","_useGetImages","useGetImages","_useGetImages$data","_useGetImages$data2","getFile","_useGetImages$data2$g","getFiles","error","message","createElement","_extends2","imageUrl","shouldRenderImgTag","files","map","_ref","id","_ref$data","imageData","_ref$url","url","propTypes","PropTypes","string","bool","array","object","defaultProps","_default","exports"],"sources":["../../../src/components/Image/ImageFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport { useStringTemplate } from '@blaze-cms/utils-handlebars';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    parent,\n    entity,\n    fetchFromRelation,\n    imageRelation,\n    imgSrc\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const {\n    data: [imgSrcToUse]\n  } = useStringTemplate(parent, [imgSrc]);\n\n  const skipSingleEntitySchema = !entity || !!imgSrcToUse;\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema: { actions = {} } = {} } = {} } = useGetSingleEntitySchema(\n    entity,\n    skipSingleEntitySchema\n  );\n  const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview,\n    !!imgSrcToUse\n  );\n\n  const updatedImageIds = relationLoading\n    ? null\n    : getImageIds(imageRelation, relationData, imageId);\n  const imageIds =\n    updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;\n  const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(\n    imageIds,\n    updatedImageIds && updatedImageIds.length > 1,\n    !!imgSrcToUse\n  );\n  if (error) return error.message;\n  if (loading) return '';\n\n  if (imgSrcToUse) return <Image {...props} imageUrl={imgSrcToUse} shouldRenderImgTag />;\n\n  const files = getFile ? [getFile] : getFiles;\n\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\n"],"mappings":"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"}

package/lib/components/Image/ImageRender.js

@@ -14,7 +14,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _head = _interopRequireDefault(require("next/head"));
 var _imageCdnReact = require("@blaze-cms/image-cdn-react");
 var _Lightbox = _interopRequireDefault(require("./Lightbox"));
-var _excluded = ["alt", "imageUrl", "handleEnableLightbox", "toggleLightbox", "displayLightbox", "enableLightbox", "caption", "lightboxImgProps", "name", "metaTitle", "heroModifier", "style", "isHero", "priority", "sizeKey"];
+var _excluded = ["alt", "imageUrl", "handleEnableLightbox", "toggleLightbox", "displayLightbox", "enableLightbox", "caption", "lightboxImgProps", "name", "metaTitle", "heroModifier", "style", "isHero", "priority", "sizeKey", "shouldRenderImgTag"];
 var ImageRender = function ImageRender(_ref) {
   var alt = _ref.alt,
     imageUrl = _ref.imageUrl,
@@ -31,12 +31,18 @@ var ImageRender = function ImageRender(_ref) {
     isHero = _ref.isHero,
     priority = _ref.priority,
     sizeKey = _ref.sizeKey,
+    shouldRenderImgTag = _ref.shouldRenderImgTag,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var imageStyle = enableLightbox ? {
     cursor: 'pointer'
   } : style;
   var HeadComponent = priority ? _head["default"] : null;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_imageCdnReact.ResponsiveImage, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, shouldRenderImgTag ? /*#__PURE__*/_react["default"].createElement("img", {
+    style: imageStyle,
+    src: imageUrl,
+    alt: alt,
+    onClick: handleEnableLightbox
+  }) : /*#__PURE__*/_react["default"].createElement(_imageCdnReact.ResponsiveImage, {
     sizeKey: sizeKey,
     alt: alt,
     src: imageUrl,