@blaze-cms/react-page-builder 0.141.0-alpha.0 → 0.141.0-alpha.2

package/lib/variants/LongformGallery/LongformGalleryImage.js

@@ -0,0 +1,71 @@
+"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["default"] = void 0;
+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 = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _head = _interopRequireDefault(require("next/head"));
+var _customHooks = require("@blaze-react/utils/lib/customHooks");
+var _imageCdnReact = require("@blaze-cms/image-cdn-react");
+var _constants = require("./constants");
+var _excluded = ["id", "url", "caption", "altText", "priority", "className", "numberOfImages", "handleImageOnClick"];
+var LongformGalleryImage = function LongformGalleryImage(_ref) {
+  var id = _ref.id,
+    url = _ref.url,
+    caption = _ref.caption,
+    altText = _ref.altText,
+    priority = _ref.priority,
+    className = _ref.className,
+    numberOfImages = _ref.numberOfImages,
+    handleImageOnClick = _ref.handleImageOnClick,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var _useInView = (0, _customHooks.useInView)(_constants.IN_VIEW_CONFIG),
+    _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
+    isIntersecting = _useInView2[0],
+    outerRef = _useInView2[1];
+  var shouldRender = priority || isIntersecting;
+  var HeadComponent = priority ? _head["default"] : null;
+  var sizeKey = "carousel:longform:".concat(numberOfImages);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: outerRef,
+    className: "".concat(className)
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    role: "button",
+    className: "longform-gallery__images__image__container",
+    "data-testid": "longform-gallery__images__image__container",
+    onClick: function onClick() {
+      return handleImageOnClick(id);
+    }
+  }, shouldRender && /*#__PURE__*/_react["default"].createElement(_imageCdnReact.ResponsiveImage, (0, _extends2["default"])({
+    sizeKey: sizeKey,
+    role: "button",
+    src: url,
+    alt: altText,
+    priority: priority,
+    HeadComponent: HeadComponent
+  }, props))), !!caption && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "longform-gallery__images__image__details",
+    "data-testid": "longform-gallery__images__image__details"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "longform-gallery__images__image__details__caption"
+  }, caption)));
+};
+LongformGalleryImage.propTypes = {
+  id: _propTypes["default"].string.isRequired,
+  url: _propTypes["default"].string.isRequired,
+  caption: _propTypes["default"].string.isRequired,
+  numberOfImages: _propTypes["default"].number.isRequired,
+  altText: _propTypes["default"].string.isRequired,
+  priority: _propTypes["default"].bool.isRequired,
+  className: _propTypes["default"].string.isRequired,
+  handleImageOnClick: _propTypes["default"].func.isRequired
+};
+var _default = exports["default"] = LongformGalleryImage;
+//# sourceMappingURL=LongformGalleryImage.js.map

package/lib/variants/LongformGallery/LongformGalleryImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongformGalleryImage.js","names":["_react","_interopRequireDefault","require","_propTypes","_head","_customHooks","_imageCdnReact","_constants","_excluded","LongformGalleryImage","_ref","id","url","caption","altText","priority","className","numberOfImages","handleImageOnClick","props","_objectWithoutProperties2","_useInView","useInView","IN_VIEW_CONFIG","_useInView2","_slicedToArray2","isIntersecting","outerRef","shouldRender","HeadComponent","Head","sizeKey","concat","createElement","ref","role","onClick","ResponsiveImage","_extends2","src","alt","propTypes","PropTypes","string","isRequired","number","bool","func","_default","exports"],"sources":["../../../src/variants/LongformGallery/LongformGalleryImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { IN_VIEW_CONFIG } from './constants';\n\nconst LongformGalleryImage = ({\n  id,\n  url,\n  caption,\n  altText,\n  priority,\n  className,\n  numberOfImages,\n  handleImageOnClick,\n  ...props\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n  const HeadComponent = priority ? Head : null;\n  const sizeKey = `carousel:longform:${numberOfImages}`;\n\n  return (\n    <div ref={outerRef} className={`${className}`}>\n      <div\n        role=\"button\"\n        className=\"longform-gallery__images__image__container\"\n        data-testid=\"longform-gallery__images__image__container\"\n        onClick={() => handleImageOnClick(id)}>\n        {shouldRender && (\n          <ResponsiveImage\n            sizeKey={sizeKey}\n            role=\"button\"\n            src={url}\n            alt={altText}\n            priority={priority}\n            HeadComponent={HeadComponent}\n            {...props}\n          />\n        )}\n      </div>\n      {!!caption && (\n        <div\n          className=\"longform-gallery__images__image__details\"\n          data-testid=\"longform-gallery__images__image__details\">\n          <div className=\"longform-gallery__images__image__details__caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nLongformGalleryImage.propTypes = {\n  id: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  caption: PropTypes.string.isRequired,\n  numberOfImages: PropTypes.number.isRequired,\n  altText: PropTypes.string.isRequired,\n  priority: PropTypes.bool.isRequired,\n  className: PropTypes.string.isRequired,\n  handleImageOnClick: PropTypes.func.isRequired\n};\n\nexport default LongformGalleryImage;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA6C,IAAAM,SAAA;AAE7C,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAUpB;EAAA,IATJC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IACHC,OAAO,GAAAH,IAAA,CAAPG,OAAO;IACPC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,cAAc,GAAAP,IAAA,CAAdO,cAAc;IACdC,kBAAkB,GAAAR,IAAA,CAAlBQ,kBAAkB;IACfC,KAAK,OAAAC,yBAAA,aAAAV,IAAA,EAAAF,SAAA;EAER,IAAAa,UAAA,GAAmC,IAAAC,sBAAS,EAACC,yBAAc,CAAC;IAAAC,WAAA,OAAAC,eAAA,aAAAJ,UAAA;IAArDK,cAAc,GAAAF,WAAA;IAAEG,QAAQ,GAAAH,WAAA;EAC/B,IAAMI,YAAY,GAAGb,QAAQ,IAAIW,cAAc;EAC/C,IAAMG,aAAa,GAAGd,QAAQ,GAAGe,gBAAI,GAAG,IAAI;EAC5C,IAAMC,OAAO,wBAAAC,MAAA,CAAwBf,cAAc,CAAE;EAErD,oBACEjB,MAAA,YAAAiC,aAAA;IAAKC,GAAG,EAAEP,QAAS;IAACX,SAAS,KAAAgB,MAAA,CAAKhB,SAAS;EAAG,gBAC5ChB,MAAA,YAAAiC,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbnB,SAAS,EAAC,4CAA4C;IACtD,eAAY,4CAA4C;IACxDoB,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMlB,kBAAkB,CAACP,EAAE,CAAC;IAAA;EAAC,GACrCiB,YAAY,iBACX5B,MAAA,YAAAiC,aAAA,CAAC3B,cAAA,CAAA+B,eAAe,MAAAC,SAAA;IACdP,OAAO,EAAEA,OAAQ;IACjBI,IAAI,EAAC,QAAQ;IACbI,GAAG,EAAE3B,GAAI;IACT4B,GAAG,EAAE1B,OAAQ;IACbC,QAAQ,EAAEA,QAAS;IACnBc,aAAa,EAAEA;EAAc,GACzBV,KAAK,CACV,CAEA,CAAC,EACL,CAAC,CAACN,OAAO,iBACRb,MAAA,YAAAiC,aAAA;IACEjB,SAAS,EAAC,0CAA0C;IACpD,eAAY;EAA0C,gBACtDhB,MAAA,YAAAiC,aAAA;IAAKjB,SAAS,EAAC;EAAmD,GAAEH,OAAa,CAC9E,CAEJ,CAAC;AAEV,CAAC;AAEDJ,oBAAoB,CAACgC,SAAS,GAAG;EAC/B9B,EAAE,EAAE+B,qBAAS,CAACC,MAAM,CAACC,UAAU;EAC/BhC,GAAG,EAAE8B,qBAAS,CAACC,MAAM,CAACC,UAAU;EAChC/B,OAAO,EAAE6B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpC3B,cAAc,EAAEyB,qBAAS,CAACG,MAAM,CAACD,UAAU;EAC3C9B,OAAO,EAAE4B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpC7B,QAAQ,EAAE2B,qBAAS,CAACI,IAAI,CAACF,UAAU;EACnC5B,SAAS,EAAE0B,qBAAS,CAACC,MAAM,CAACC,UAAU;EACtC1B,kBAAkB,EAAEwB,qBAAS,CAACK,IAAI,CAACH;AACrC,CAAC;AAAC,IAAAI,QAAA,GAAAC,OAAA,cAEaxC,oBAAoB"}

package/lib/variants/LongformGallery/constants.js

@@ -0,0 +1,19 @@
+"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.PROPS_TO_CHECK = exports.IN_VIEW_CONFIG = exports.GET_IMAGES_QUERY = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _client = require("@apollo/client");
+var _templateObject;
+var GET_IMAGES_QUERY = exports.GET_IMAGES_QUERY = (0, _client.gql)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  query getImages($where: JSON!) {\n    getImages: getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n"])));
+var PROPS_TO_CHECK = exports.PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];
+var IN_VIEW_CONFIG = exports.IN_VIEW_CONFIG = {
+  once: true,
+  offset: '200px',
+  bottomOffset: '-200px'
+};
+//# sourceMappingURL=constants.js.map

package/lib/variants/LongformGallery/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["_client","require","_templateObject","GET_IMAGES_QUERY","exports","gql","_taggedTemplateLiteral2","PROPS_TO_CHECK","IN_VIEW_CONFIG","once","offset","bottomOffset"],"sources":["../../../src/variants/LongformGallery/constants.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst GET_IMAGES_QUERY = gql`\n  query getImages($where: JSON!) {\n    getImages: getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];\n\nconst IN_VIEW_CONFIG = {\n  once: true,\n  offset: '200px',\n  bottomOffset: '-200px'\n};\n\nexport { GET_IMAGES_QUERY, IN_VIEW_CONFIG, PROPS_TO_CHECK };\n"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAqC,IAAAC,eAAA;AAErC,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,OAAGE,WAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,iJAQ3B;AAED,IAAMC,cAAc,GAAAH,OAAA,CAAAG,cAAA,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAEnE,IAAMC,cAAc,GAAAJ,OAAA,CAAAI,cAAA,GAAG;EACrBC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE,OAAO;EACfC,YAAY,EAAE;AAChB,CAAC"}

package/lib/variants/LongformGallery/helpers/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "parseImageData", {
+  enumerable: true,
+  get: function get() {
+    return _parseImageData["default"];
+  }
+});
+Object.defineProperty(exports, "separateImages", {
+  enumerable: true,
+  get: function get() {
+    return _separateImages["default"];
+  }
+});
+Object.defineProperty(exports, "shouldSkip", {
+  enumerable: true,
+  get: function get() {
+    return _shouldSkip["default"];
+  }
+});
+var _parseImageData = _interopRequireDefault(require("./parseImageData"));
+var _separateImages = _interopRequireDefault(require("./separateImages"));
+var _shouldSkip = _interopRequireDefault(require("./shouldSkip"));
+//# sourceMappingURL=index.js.map

package/lib/variants/LongformGallery/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_parseImageData","_interopRequireDefault","require","_separateImages","_shouldSkip"],"sources":["../../../../src/variants/LongformGallery/helpers/index.js"],"sourcesContent":["import parseImageData from './parseImageData';\nimport separateImages from './separateImages';\nimport shouldSkip from './shouldSkip';\n\nexport { parseImageData, separateImages, shouldSkip };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA"}

package/lib/variants/LongformGallery/helpers/parseImageData.js

@@ -0,0 +1,42 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
+var _constants = require("../constants");
+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 parseImageData = function parseImageData(image, index, priorityLimit, shouldDisplayCaption) {
+  var _image$data = image.data,
+    data = _image$data === void 0 ? {} : _image$data;
+  var parsedData = {};
+  _constants.PROPS_TO_CHECK.forEach(function (dataKey) {
+    var value = data && data[dataKey];
+    if (dataKey === 'caption') {
+      parsedData[dataKey] = shouldDisplayCaption && !!value ? (0, _htmlReactParser["default"])(value) : '';
+      return;
+    }
+    parsedData[dataKey] = value || '';
+  });
+  return _objectSpread(_objectSpread({}, parsedData), {}, {
+    id: image.id,
+    url: image.url,
+    priority: index < priorityLimit
+  });
+};
+var _default = exports["default"] = parseImageData;
+//# sourceMappingURL=parseImageData.js.map

package/lib/variants/LongformGallery/helpers/parseImageData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseImageData.js","names":["_htmlReactParser","_interopRequireDefault","require","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","parseImageData","image","index","priorityLimit","shouldDisplayCaption","_image$data","data","parsedData","PROPS_TO_CHECK","dataKey","value","parseHTML","id","url","priority","_default","exports"],"sources":["../../../../src/variants/LongformGallery/helpers/parseImageData.js"],"sourcesContent":["import parseHTML from 'html-react-parser';\nimport { PROPS_TO_CHECK } from '../constants';\n\nconst parseImageData = (image, index, priorityLimit, shouldDisplayCaption) => {\n  const { data = {} } = image;\n  const parsedData = {};\n\n  PROPS_TO_CHECK.forEach(dataKey => {\n    const value = data && data[dataKey];\n    if (dataKey === 'caption') {\n      parsedData[dataKey] = shouldDisplayCaption && !!value ? parseHTML(value) : '';\n      return;\n    }\n    parsedData[dataKey] = value || '';\n  });\n\n  return {\n    ...parsedData,\n    id: image.id,\n    url: image.url,\n    priority: index < priorityLimit\n  };\n};\n\nexport default parseImageData;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAA8C,SAAAE,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAE9C,IAAMoB,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,KAAK,EAAEC,KAAK,EAAEC,aAAa,EAAEC,oBAAoB,EAAK;EAC5E,IAAAC,WAAA,GAAsBJ,KAAK,CAAnBK,IAAI;IAAJA,IAAI,GAAAD,WAAA,cAAG,CAAC,CAAC,GAAAA,WAAA;EACjB,IAAME,UAAU,GAAG,CAAC,CAAC;EAErBC,yBAAc,CAACb,OAAO,CAAC,UAAAc,OAAO,EAAI;IAChC,IAAMC,KAAK,GAAGJ,IAAI,IAAIA,IAAI,CAACG,OAAO,CAAC;IACnC,IAAIA,OAAO,KAAK,SAAS,EAAE;MACzBF,UAAU,CAACE,OAAO,CAAC,GAAGL,oBAAoB,IAAI,CAAC,CAACM,KAAK,GAAG,IAAAC,2BAAS,EAACD,KAAK,CAAC,GAAG,EAAE;MAC7E;IACF;IACAH,UAAU,CAACE,OAAO,CAAC,GAAGC,KAAK,IAAI,EAAE;EACnC,CAAC,CAAC;EAEF,OAAAlB,aAAA,CAAAA,aAAA,KACKe,UAAU;IACbK,EAAE,EAAEX,KAAK,CAACW,EAAE;IACZC,GAAG,EAAEZ,KAAK,CAACY,GAAG;IACdC,QAAQ,EAAEZ,KAAK,GAAGC;EAAa;AAEnC,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,cAEahB,cAAc"}

package/lib/variants/LongformGallery/helpers/separateImages.js

@@ -0,0 +1,36 @@
+"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["default"] = void 0;
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _parseImageData = _interopRequireDefault(require("./parseImageData"));
+var buildImageGroups = function buildImageGroups(images, priorityLimit, shouldDisplayCaption) {
+  var imageGroups = [];
+  var imageGroupIndex = 0;
+  var isDivisible = images.length % 3 === 0;
+  images.forEach(function (image, index) {
+    if (!imageGroups[imageGroupIndex]) imageGroups[imageGroupIndex] = [(0, _parseImageData["default"])(image, index, priorityLimit, shouldDisplayCaption)];else imageGroups[imageGroupIndex].push((0, _parseImageData["default"])(image, index, priorityLimit, shouldDisplayCaption));
+    if (isDivisible) {
+      if (imageGroups[imageGroupIndex].length >= 3) imageGroupIndex += 1;
+    } else {
+      if (imageGroupIndex === 0 && imageGroups[imageGroupIndex].length >= 2) {
+        imageGroupIndex += 1;
+        return;
+      }
+      if (imageGroups[imageGroupIndex].length >= 3) imageGroupIndex += 1;
+    }
+  });
+  return imageGroups;
+};
+var separateImages = function separateImages(images, priorityLimit, shouldDisplayCaption) {
+  if (!images || !images.length) return [];
+  return buildImageGroups(images, priorityLimit, shouldDisplayCaption);
+};
+var _default = exports["default"] = separateImages;
+//# sourceMappingURL=separateImages.js.map

package/lib/variants/LongformGallery/helpers/separateImages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separateImages.js","names":["_parseImageData","_interopRequireDefault","require","buildImageGroups","images","priorityLimit","shouldDisplayCaption","imageGroups","imageGroupIndex","isDivisible","length","forEach","image","index","parseImageData","push","separateImages","_default","exports"],"sources":["../../../../src/variants/LongformGallery/helpers/separateImages.js"],"sourcesContent":["import parseImageData from './parseImageData';\n\nconst buildImageGroups = (images, priorityLimit, shouldDisplayCaption) => {\n  const imageGroups = [];\n  let imageGroupIndex = 0;\n  const isDivisible = images.length % 3 === 0;\n\n  images.forEach((image, index) => {\n    if (!imageGroups[imageGroupIndex])\n      imageGroups[imageGroupIndex] = [\n        parseImageData(image, index, priorityLimit, shouldDisplayCaption)\n      ];\n    else\n      imageGroups[imageGroupIndex].push(\n        parseImageData(image, index, priorityLimit, shouldDisplayCaption)\n      );\n\n    if (isDivisible) {\n      if (imageGroups[imageGroupIndex].length >= 3) imageGroupIndex += 1;\n    } else {\n      if (imageGroupIndex === 0 && imageGroups[imageGroupIndex].length >= 2) {\n        imageGroupIndex += 1;\n        return;\n      }\n      if (imageGroups[imageGroupIndex].length >= 3) imageGroupIndex += 1;\n    }\n  });\n\n  return imageGroups;\n};\n\nconst separateImages = (images, priorityLimit, shouldDisplayCaption) => {\n  if (!images || !images.length) return [];\n\n  return buildImageGroups(images, priorityLimit, shouldDisplayCaption);\n};\n\nexport default separateImages;\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,MAAM,EAAEC,aAAa,EAAEC,oBAAoB,EAAK;EACxE,IAAMC,WAAW,GAAG,EAAE;EACtB,IAAIC,eAAe,GAAG,CAAC;EACvB,IAAMC,WAAW,GAAGL,MAAM,CAACM,MAAM,GAAG,CAAC,KAAK,CAAC;EAE3CN,MAAM,CAACO,OAAO,CAAC,UAACC,KAAK,EAAEC,KAAK,EAAK;IAC/B,IAAI,CAACN,WAAW,CAACC,eAAe,CAAC,EAC/BD,WAAW,CAACC,eAAe,CAAC,GAAG,CAC7B,IAAAM,0BAAc,EAACF,KAAK,EAAEC,KAAK,EAAER,aAAa,EAAEC,oBAAoB,CAAC,CAClE,CAAC,KAEFC,WAAW,CAACC,eAAe,CAAC,CAACO,IAAI,CAC/B,IAAAD,0BAAc,EAACF,KAAK,EAAEC,KAAK,EAAER,aAAa,EAAEC,oBAAoB,CAClE,CAAC;IAEH,IAAIG,WAAW,EAAE;MACf,IAAIF,WAAW,CAACC,eAAe,CAAC,CAACE,MAAM,IAAI,CAAC,EAAEF,eAAe,IAAI,CAAC;IACpE,CAAC,MAAM;MACL,IAAIA,eAAe,KAAK,CAAC,IAAID,WAAW,CAACC,eAAe,CAAC,CAACE,MAAM,IAAI,CAAC,EAAE;QACrEF,eAAe,IAAI,CAAC;QACpB;MACF;MACA,IAAID,WAAW,CAACC,eAAe,CAAC,CAACE,MAAM,IAAI,CAAC,EAAEF,eAAe,IAAI,CAAC;IACpE;EACF,CAAC,CAAC;EAEF,OAAOD,WAAW;AACpB,CAAC;AAED,IAAMS,cAAc,GAAG,SAAjBA,cAAcA,CAAIZ,MAAM,EAAEC,aAAa,EAAEC,oBAAoB,EAAK;EACtE,IAAI,CAACF,MAAM,IAAI,CAACA,MAAM,CAACM,MAAM,EAAE,OAAO,EAAE;EAExC,OAAOP,gBAAgB,CAACC,MAAM,EAAEC,aAAa,EAAEC,oBAAoB,CAAC;AACtE,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,cAEaF,cAAc"}

package/lib/variants/LongformGallery/helpers/shouldSkip.js

@@ -0,0 +1,13 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.is-array.js");
+var shouldSkip = function shouldSkip(ids) {
+  return !ids || Array.isArray(ids) && !ids.length;
+};
+var _default = exports["default"] = shouldSkip;
+//# sourceMappingURL=shouldSkip.js.map

package/lib/variants/LongformGallery/helpers/shouldSkip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shouldSkip.js","names":["shouldSkip","ids","Array","isArray","length","_default","exports"],"sources":["../../../../src/variants/LongformGallery/helpers/shouldSkip.js"],"sourcesContent":["const shouldSkip = ids => !ids || (Array.isArray(ids) && !ids.length);\n\nexport default shouldSkip;\n"],"mappings":";;;;;;;;AAAA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAGC,GAAG;EAAA,OAAI,CAACA,GAAG,IAAKC,KAAK,CAACC,OAAO,CAACF,GAAG,CAAC,IAAI,CAACA,GAAG,CAACG,MAAO;AAAA;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEvDN,UAAU"}

package/lib/variants/LongformGallery/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.array.iterator.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 _dynamic = _interopRequireDefault(require("next/dynamic"));
+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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2["default"])(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var LongformGallery = {
+  VariantComponent: (0, _dynamic["default"])(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require( /* webpackChunkName: "blazePbVariantLongformGallery" */'./LongformGallery'));
+    });
+  }),
+  getSettings: function getSettings(componentSettings) {
+    return _objectSpread(_objectSpread({}, componentSettings), {}, {
+      modifier: 'longformGallery'
+    });
+  }
+};
+var _default = exports["default"] = LongformGallery;
+//# sourceMappingURL=index.js.map

package/lib/variants/LongformGallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_dynamic","_interopRequireDefault","require","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_getRequireWildcardCache","WeakMap","_interopRequireWildcard","__esModule","_typeof2","has","get","n","__proto__","a","u","prototype","hasOwnProperty","call","i","set","LongformGallery","VariantComponent","dynamic","Promise","resolve","then","getSettings","componentSettings","modifier","_default","exports"],"sources":["../../../src/variants/LongformGallery/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst LongformGallery = {\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantLongformGallery\" */ './LongformGallery')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'longformGallery'\n  })\n};\n\nexport default LongformGallery;\n"],"mappings":"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"}

package/lib/variants/LongformGallery/useLongformGallery.js

@@ -0,0 +1,58 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _client = require("@apollo/client");
+var _constants = require("./constants");
+var _helpers = require("./helpers");
+var useLongformGallery = function useLongformGallery(_ref) {
+  var _ref$imageIds = _ref.imageIds,
+    imageIds = _ref$imageIds === void 0 ? [] : _ref$imageIds,
+    _ref$priorityLimit = _ref.priorityLimit,
+    priorityLimit = _ref$priorityLimit === void 0 ? 0 : _ref$priorityLimit,
+    _ref$caption = _ref.caption,
+    caption = _ref$caption === void 0 ? '' : _ref$caption,
+    _ref$shouldDisplayCap = _ref.shouldDisplayCaption,
+    shouldDisplayCaption = _ref$shouldDisplayCap === void 0 ? false : _ref$shouldDisplayCap,
+    _ref$enableLightbox = _ref.enableLightbox,
+    enableLightbox = _ref$enableLightbox === void 0 ? false : _ref$enableLightbox,
+    _ref$toggleModal = _ref.toggleModal,
+    toggleModal = _ref$toggleModal === void 0 ? function () {} : _ref$toggleModal,
+    _ref$handleSelectedIm = _ref.handleSelectedImage,
+    handleSelectedImage = _ref$handleSelectedIm === void 0 ? function () {} : _ref$handleSelectedIm;
+  var skip = (0, _helpers.shouldSkip)(imageIds);
+  var _useQuery = (0, _client.useQuery)(_constants.GET_IMAGES_QUERY, {
+      variables: {
+        where: {
+          id: {
+            _in: imageIds
+          }
+        }
+      },
+      skip: skip
+    }),
+    data = _useQuery.data,
+    loading = _useQuery.loading,
+    error = _useQuery.error;
+  var _ref2 = data || {},
+    getImages = _ref2.getImages;
+  var groupedImages = (0, _helpers.separateImages)(getImages, priorityLimit, shouldDisplayCaption);
+  var handleImageOnClick = function handleImageOnClick(clickedImageId) {
+    if (!enableLightbox) return;
+    toggleModal();
+    handleSelectedImage(clickedImageId);
+  };
+  return {
+    loading: loading,
+    error: error,
+    shouldDisplayCaption: shouldDisplayCaption,
+    caption: caption,
+    groupedImages: groupedImages,
+    handleImageOnClick: handleImageOnClick
+  };
+};
+var _default = exports["default"] = useLongformGallery;
+//# sourceMappingURL=useLongformGallery.js.map

package/lib/variants/LongformGallery/useLongformGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLongformGallery.js","names":["_client","require","_constants","_helpers","useLongformGallery","_ref","_ref$imageIds","imageIds","_ref$priorityLimit","priorityLimit","_ref$caption","caption","_ref$shouldDisplayCap","shouldDisplayCaption","_ref$enableLightbox","enableLightbox","_ref$toggleModal","toggleModal","_ref$handleSelectedIm","handleSelectedImage","skip","shouldSkip","_useQuery","useQuery","GET_IMAGES_QUERY","variables","where","id","_in","data","loading","error","_ref2","getImages","groupedImages","separateImages","handleImageOnClick","clickedImageId","_default","exports"],"sources":["../../../src/variants/LongformGallery/useLongformGallery.js"],"sourcesContent":["import { useQuery } from '@apollo/client';\nimport { GET_IMAGES_QUERY } from './constants';\nimport { separateImages, shouldSkip } from './helpers';\n\nconst useLongformGallery = ({\n  imageIds = [],\n  priorityLimit = 0,\n  caption = '',\n  shouldDisplayCaption = false,\n  enableLightbox = false,\n  toggleModal = () => {},\n  handleSelectedImage = () => {}\n}) => {\n  const skip = shouldSkip(imageIds);\n\n  const { data, loading, error } = useQuery(GET_IMAGES_QUERY, {\n    variables: { where: { id: { _in: imageIds } } },\n    skip\n  });\n\n  const { getImages } = data || {};\n\n  const groupedImages = separateImages(getImages, priorityLimit, shouldDisplayCaption);\n\n  const handleImageOnClick = clickedImageId => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(clickedImageId);\n  };\n\n  return {\n    loading,\n    error,\n    shouldDisplayCaption,\n    caption,\n    groupedImages,\n    handleImageOnClick\n  };\n};\n\nexport default useLongformGallery;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAMG,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAQlB;EAAA,IAAAC,aAAA,GAAAD,IAAA,CAPJE,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,EAAE,GAAAA,aAAA;IAAAE,kBAAA,GAAAH,IAAA,CACbI,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,CAAC,GAAAA,kBAAA;IAAAE,YAAA,GAAAL,IAAA,CACjBM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,EAAE,GAAAA,YAAA;IAAAE,qBAAA,GAAAP,IAAA,CACZQ,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,KAAK,GAAAA,qBAAA;IAAAE,mBAAA,GAAAT,IAAA,CAC5BU,cAAc;IAAdA,cAAc,GAAAD,mBAAA,cAAG,KAAK,GAAAA,mBAAA;IAAAE,gBAAA,GAAAX,IAAA,CACtBY,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,gBAAA;IAAAE,qBAAA,GAAAb,IAAA,CACtBc,mBAAmB;IAAnBA,mBAAmB,GAAAD,qBAAA,cAAG,YAAM,CAAC,CAAC,GAAAA,qBAAA;EAE9B,IAAME,IAAI,GAAG,IAAAC,mBAAU,EAACd,QAAQ,CAAC;EAEjC,IAAAe,SAAA,GAAiC,IAAAC,gBAAQ,EAACC,2BAAgB,EAAE;MAC1DC,SAAS,EAAE;QAAEC,KAAK,EAAE;UAAEC,EAAE,EAAE;YAAEC,GAAG,EAAErB;UAAS;QAAE;MAAE,CAAC;MAC/Ca,IAAI,EAAJA;IACF,CAAC,CAAC;IAHMS,IAAI,GAAAP,SAAA,CAAJO,IAAI;IAAEC,OAAO,GAAAR,SAAA,CAAPQ,OAAO;IAAEC,KAAK,GAAAT,SAAA,CAALS,KAAK;EAK5B,IAAAC,KAAA,GAAsBH,IAAI,IAAI,CAAC,CAAC;IAAxBI,SAAS,GAAAD,KAAA,CAATC,SAAS;EAEjB,IAAMC,aAAa,GAAG,IAAAC,uBAAc,EAACF,SAAS,EAAExB,aAAa,EAAEI,oBAAoB,CAAC;EAEpF,IAAMuB,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAGC,cAAc,EAAI;IAC3C,IAAI,CAACtB,cAAc,EAAE;IACrBE,WAAW,CAAC,CAAC;IACbE,mBAAmB,CAACkB,cAAc,CAAC;EACrC,CAAC;EAED,OAAO;IACLP,OAAO,EAAPA,OAAO;IACPC,KAAK,EAALA,KAAK;IACLlB,oBAAoB,EAApBA,oBAAoB;IACpBF,OAAO,EAAPA,OAAO;IACPuB,aAAa,EAAbA,aAAa;IACbE,kBAAkB,EAAlBA;EACF,CAAC;AACH,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,cAEanC,kBAAkB"}

package/lib/variants/LongformRow/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 LongformRow = {
+  getSettings: function getSettings(componentSettings) {
+    return _objectSpread(_objectSpread({}, componentSettings), {}, {
+      modifier: 'longform-row'
+    });
+  }
+};
+var _default = exports["default"] = LongformRow;
+//# sourceMappingURL=index.js.map

package/lib/variants/LongformRow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["LongformRow","getSettings","componentSettings","_objectSpread","modifier","_default","exports"],"sources":["../../../src/variants/LongformRow/index.js"],"sourcesContent":["const LongformRow = {\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'longform-row'\n  })\n};\n\nexport default LongformRow;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,WAAW,GAAG;EAClBC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;MACpBE,QAAQ,EAAE;IAAc;EAAA;AAE5B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaN,WAAW"}

package/lib/variants/ParallaxImageTextRight/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+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 ParallaxImageTextRight = {
+  getSettings: function getSettings(componentSettings) {
+    return _objectSpread(_objectSpread({}, componentSettings), {}, {
+      parallax: true,
+      modifier: 'image-children-right'
+    });
+  }
+};
+var _default = exports["default"] = ParallaxImageTextRight;
+//# sourceMappingURL=index.js.map

package/lib/variants/ParallaxImageTextRight/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ParallaxImageTextRight","getSettings","componentSettings","_objectSpread","parallax","modifier","_default","exports"],"sources":["../../../src/variants/ParallaxImageTextRight/index.js"],"sourcesContent":["const ParallaxImageTextRight = {\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    parallax: true,\n    modifier: 'image-children-right'\n  })\n};\n\nexport default ParallaxImageTextRight;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,sBAAsB,GAAG;EAC7BC,WAAW,EAAE,SAAAA,YAAAC,iBAAiB;IAAA,OAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;MACpBE,QAAQ,EAAE,IAAI;MACdC,QAAQ,EAAE;IAAsB;EAAA;AAEpC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaP,sBAAsB"}

package/lib/variants/ThumbnailCarousel/ThumbnailCarousel.js

@@ -0,0 +1,63 @@
+"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["default"] = void 0;
+require("core-js/modules/es.array.map.js");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _useThumbnailCarousel2 = _interopRequireDefault(require("./useThumbnailCarousel"));
+var _ThumbnailImage = _interopRequireDefault(require("./ThumbnailImage"));
+var ThumbnailCarousel = function ThumbnailCarousel(props) {
+  var _useThumbnailCarousel = (0, _useThumbnailCarousel2["default"])(props),
+    thumbnailsListRef = _useThumbnailCarousel.thumbnailsListRef,
+    imageIds = _useThumbnailCarousel.imageIds,
+    selectedImageId = _useThumbnailCarousel.selectedImageId,
+    priorityLimit = _useThumbnailCarousel.priorityLimit,
+    scrollToImage = _useThumbnailCarousel.scrollToImage,
+    mainImageButtonClick = _useThumbnailCarousel.mainImageButtonClick;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "thumbnail-carousel",
+    "data-testid": "thumbnail-carousel"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "thumbnail-carousel__main_image_container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    id: "previous-button",
+    className: "thumbnail-carousel__main_image_container__button",
+    role: "button",
+    onClick: function onClick() {
+      return mainImageButtonClick();
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "arrow arrow--left"
+  })), /*#__PURE__*/_react["default"].createElement(_ThumbnailImage["default"], (0, _extends2["default"])({}, props, {
+    priority: true,
+    imageId: selectedImageId
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    id: "next-button",
+    className: "thumbnail-carousel__main_image_container__button next",
+    role: "button",
+    onClick: function onClick() {
+      return mainImageButtonClick(true);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "arrow arrow--right"
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "thumbnail-carousel__list",
+    ref: thumbnailsListRef
+  }, imageIds.map(function (imageId, index) {
+    return /*#__PURE__*/_react["default"].createElement(_ThumbnailImage["default"], (0, _extends2["default"])({}, props, {
+      key: imageId,
+      imageIndex: index,
+      priority: index < priorityLimit,
+      imageId: imageId,
+      selectedImageId: selectedImageId,
+      scrollToImage: scrollToImage
+    }));
+  })));
+};
+var _default = exports["default"] = ThumbnailCarousel;
+//# sourceMappingURL=ThumbnailCarousel.js.map

package/lib/variants/ThumbnailCarousel/ThumbnailCarousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailCarousel.js","names":["_react","_interopRequireDefault","require","_useThumbnailCarousel2","_ThumbnailImage","ThumbnailCarousel","props","_useThumbnailCarousel","useThumbnailCarousel","thumbnailsListRef","imageIds","selectedImageId","priorityLimit","scrollToImage","mainImageButtonClick","createElement","className","id","role","onClick","_extends2","priority","imageId","ref","map","index","key","imageIndex","_default","exports"],"sources":["../../../src/variants/ThumbnailCarousel/ThumbnailCarousel.js"],"sourcesContent":["import React from 'react';\nimport useThumbnailCarousel from './useThumbnailCarousel';\nimport ThumbnailImage from './ThumbnailImage';\n\nconst ThumbnailCarousel = props => {\n  const {\n    thumbnailsListRef,\n    imageIds,\n    selectedImageId,\n    priorityLimit,\n    scrollToImage,\n    mainImageButtonClick\n  } = useThumbnailCarousel(props);\n\n  return (\n    <div className=\"thumbnail-carousel\" data-testid=\"thumbnail-carousel\">\n      <div className=\"thumbnail-carousel__main_image_container\">\n        <div\n          id=\"previous-button\"\n          className=\"thumbnail-carousel__main_image_container__button\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick()}>\n          <div className=\"arrow arrow--left\" />\n        </div>\n        <ThumbnailImage {...props} priority imageId={selectedImageId} />\n        <div\n          id=\"next-button\"\n          className=\"thumbnail-carousel__main_image_container__button next\"\n          role=\"button\"\n          onClick={() => mainImageButtonClick(true)}>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      </div>\n      <div className=\"thumbnail-carousel__list\" ref={thumbnailsListRef}>\n        {imageIds.map((imageId, index) => (\n          <ThumbnailImage\n            {...props}\n            key={imageId}\n            imageIndex={index}\n            priority={index < priorityLimit}\n            imageId={imageId}\n            selectedImageId={selectedImageId}\n            scrollToImage={scrollToImage}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,KAAK,EAAI;EACjC,IAAAC,qBAAA,GAOI,IAAAC,iCAAoB,EAACF,KAAK,CAAC;IAN7BG,iBAAiB,GAAAF,qBAAA,CAAjBE,iBAAiB;IACjBC,QAAQ,GAAAH,qBAAA,CAARG,QAAQ;IACRC,eAAe,GAAAJ,qBAAA,CAAfI,eAAe;IACfC,aAAa,GAAAL,qBAAA,CAAbK,aAAa;IACbC,aAAa,GAAAN,qBAAA,CAAbM,aAAa;IACbC,oBAAoB,GAAAP,qBAAA,CAApBO,oBAAoB;EAGtB,oBACEd,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC,oBAAoB;IAAC,eAAY;EAAoB,gBAClEhB,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAA0C,gBACvDhB,MAAA,YAAAe,aAAA;IACEE,EAAE,EAAC,iBAAiB;IACpBD,SAAS,EAAC,kDAAkD;IAC5DE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAML,oBAAoB,CAAC,CAAC;IAAA;EAAC,gBACtCd,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAAmB,CAAE,CACjC,CAAC,eACNhB,MAAA,YAAAe,aAAA,CAACX,eAAA,WAAc,MAAAgB,SAAA,iBAAKd,KAAK;IAAEe,QAAQ;IAACC,OAAO,EAAEX;EAAgB,EAAE,CAAC,eAChEX,MAAA,YAAAe,aAAA;IACEE,EAAE,EAAC,aAAa;IAChBD,SAAS,EAAC,uDAAuD;IACjEE,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAML,oBAAoB,CAAC,IAAI,CAAC;IAAA;EAAC,gBAC1Cd,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC;EAAoB,CAAE,CAClC,CACF,CAAC,eACNhB,MAAA,YAAAe,aAAA;IAAKC,SAAS,EAAC,0BAA0B;IAACO,GAAG,EAAEd;EAAkB,GAC9DC,QAAQ,CAACc,GAAG,CAAC,UAACF,OAAO,EAAEG,KAAK;IAAA,oBAC3BzB,MAAA,YAAAe,aAAA,CAACX,eAAA,WAAc,MAAAgB,SAAA,iBACTd,KAAK;MACToB,GAAG,EAAEJ,OAAQ;MACbK,UAAU,EAAEF,KAAM;MAClBJ,QAAQ,EAAEI,KAAK,GAAGb,aAAc;MAChCU,OAAO,EAAEA,OAAQ;MACjBX,eAAe,EAAEA,eAAgB;MACjCE,aAAa,EAAEA;IAAc,EAC9B,CAAC;EAAA,CACH,CACE,CACF,CAAC;AAEV,CAAC;AAAC,IAAAe,QAAA,GAAAC,OAAA,cAEaxB,iBAAiB"}

package/lib/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js

@@ -0,0 +1,37 @@
+"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["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _LazyImage = _interopRequireDefault(require("../../../components/LazyImage"));
+var _useThumbnailImage2 = _interopRequireDefault(require("./useThumbnailImage"));
+var ThumbnailImage = function ThumbnailImage(props) {
+  var _useThumbnailImage = (0, _useThumbnailImage2["default"])(props),
+    loading = _useThumbnailImage.loading,
+    error = _useThumbnailImage.error,
+    className = _useThumbnailImage.className,
+    imageUrl = _useThumbnailImage.imageUrl,
+    altText = _useThumbnailImage.altText,
+    priority = _useThumbnailImage.priority,
+    handleClick = _useThumbnailImage.handleClick;
+  if (error) return error.message;
+  if (loading) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: className,
+    onClick: handleClick,
+    role: "button",
+    "data-testid": "thumbnail-image"
+  }, /*#__PURE__*/_react["default"].createElement(_LazyImage["default"], {
+    src: imageUrl,
+    alt: altText,
+    sizeKey: "carousel",
+    role: "button",
+    priority: priority
+  }));
+};
+var _default = exports["default"] = ThumbnailImage;
+//# sourceMappingURL=ThumbnailImage.js.map

package/lib/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThumbnailImage.js","names":["_react","_interopRequireDefault","require","_LazyImage","_useThumbnailImage2","ThumbnailImage","props","_useThumbnailImage","useThumbnailImage","loading","error","className","imageUrl","altText","priority","handleClick","message","createElement","onClick","role","src","alt","sizeKey","_default","exports"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js"],"sourcesContent":["import React from 'react';\nimport LazyImage from '../../../components/LazyImage';\nimport useThumbnailImage from './useThumbnailImage';\n\nconst ThumbnailImage = props => {\n  const { loading, error, className, imageUrl, altText, priority, handleClick } = useThumbnailImage(\n    props\n  );\n\n  if (error) return error.message;\n  if (loading) return null;\n\n  return (\n    <div className={className} onClick={handleClick} role=\"button\" data-testid=\"thumbnail-image\">\n      <LazyImage\n        src={imageUrl}\n        alt={altText}\n        sizeKey=\"carousel\"\n        role=\"button\"\n        priority={priority}\n      />\n    </div>\n  );\n};\n\nexport default ThumbnailImage;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,mBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,cAAc,GAAG,SAAjBA,cAAcA,CAAGC,KAAK,EAAI;EAC9B,IAAAC,kBAAA,GAAgF,IAAAC,8BAAiB,EAC/FF,KACF,CAAC;IAFOG,OAAO,GAAAF,kBAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,kBAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,kBAAA,CAATI,SAAS;IAAEC,QAAQ,GAAAL,kBAAA,CAARK,QAAQ;IAAEC,OAAO,GAAAN,kBAAA,CAAPM,OAAO;IAAEC,QAAQ,GAAAP,kBAAA,CAARO,QAAQ;IAAEC,WAAW,GAAAR,kBAAA,CAAXQ,WAAW;EAI3E,IAAIL,KAAK,EAAE,OAAOA,KAAK,CAACM,OAAO;EAC/B,IAAIP,OAAO,EAAE,OAAO,IAAI;EAExB,oBACET,MAAA,YAAAiB,aAAA;IAAKN,SAAS,EAAEA,SAAU;IAACO,OAAO,EAAEH,WAAY;IAACI,IAAI,EAAC,QAAQ;IAAC,eAAY;EAAiB,gBAC1FnB,MAAA,YAAAiB,aAAA,CAACd,UAAA,WAAS;IACRiB,GAAG,EAAER,QAAS;IACdS,GAAG,EAAER,OAAQ;IACbS,OAAO,EAAC,UAAU;IAClBH,IAAI,EAAC,QAAQ;IACbL,QAAQ,EAAEA;EAAS,CACpB,CACE,CAAC;AAEV,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,cAEanB,cAAc"}

package/lib/variants/ThumbnailCarousel/ThumbnailImage/index.js

@@ -0,0 +1,11 @@
+"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["default"] = void 0;
+var _ThumbnailImage = _interopRequireDefault(require("./ThumbnailImage"));
+var _default = exports["default"] = _ThumbnailImage["default"];
+//# sourceMappingURL=index.js.map

package/lib/variants/ThumbnailCarousel/ThumbnailImage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_ThumbnailImage","_interopRequireDefault","require","_default","exports","ThumbnailImage"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/index.js"],"sourcesContent":["import ThumbnailImage from './ThumbnailImage';\n\nexport default ThumbnailImage;\n"],"mappings":";;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8C,IAAAC,QAAA,GAAAC,OAAA,cAE/BC,0BAAc"}