@blaze-cms/react-page-builder 0.124.0-alpha.0 → 0.124.0-alpha.3

package/lib/components/Video/providers/YouTube/YoutubeEmbeded.js

@@ -35,13 +35,12 @@ var _customHooks = require("@blaze-react/utils/lib/customHooks");
 
 var _constants = require("../../../../constants");
 
+var _helpers = require("./helpers");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var YT_HQ_FORMAT = 'hqdefault';
-var YT_IMAGE_URL = 'https://i.ytimg.com';
-
 var YoutubeEmbeded = function YoutubeEmbeded(_ref) {
   var autoplay = _ref.autoplay,
       videoId = _ref.videoId,
@@ -57,7 +56,9 @@ var YoutubeEmbeded = function YoutubeEmbeded(_ref) {
       muted = _ref.muted,
       adNetwork = _ref.adNetwork,
       iframeClass = _ref.iframeClass,
-      priority = _ref.priority;
+      priority = _ref.priority,
+      placeholderOnly = _ref.placeholderOnly,
+      imageData = _ref.imageData;
 
   var _useInView = (0, _customHooks.useInView)(_constants.IN_VIEW_CONFIG),
       _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
@@ -85,22 +86,26 @@ var YoutubeEmbeded = function YoutubeEmbeded(_ref) {
       setImageDetails = _useState6[1];
 
   var encodedId = encodeURIComponent(videoId);
-  var videoPlaylisCovertId = typeof playlistCoverId === 'string' ? encodeURIComponent(playlistCoverId) : null;
   var paramsImp = videoParams ? "&".concat(videoParams) : '';
-  var format = webp ? 'webp' : 'jpg';
-  var vi = webp ? 'vi_webp' : 'vi';
-  var posterUrl = !playlist ? "".concat(YT_IMAGE_URL, "/").concat(vi, "/").concat(encodedId, "/").concat(imageSize, ".").concat(format) : "".concat(YT_IMAGE_URL, "/").concat(vi, "/").concat(videoPlaylisCovertId, "/").concat(imageSize, ".").concat(format);
   var ytUrl = noCookie ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com';
+  var posterUrl = (0, _helpers.getPosterUrl)({
+    imageData: imageData,
+    playlistCoverId: playlistCoverId,
+    playlist: playlist,
+    encodedId: encodedId,
+    imageSize: imageSize,
+    webp: webp
+  });
   var mutedValue = muted ? '&mute=1' : '';
   var iframeSrc = !playlist ? "".concat(ytUrl, "/embed/").concat(encodedId, "?autoplay=1").concat(mutedValue).concat(paramsImp) : "".concat(ytUrl, "/embed/videoseries?autoplay=1").concat(mutedValue, "&list=").concat(encodedId).concat(paramsImp);
   var parsedWrapperClassname = "yt-facade ".concat(renderIframe ? 'yt-activated' : '');
   (0, _react.useEffect)(function () {
-    if (!priority && !isIntersecting || imageSize === YT_HQ_FORMAT) return;
+    if (!priority && !isIntersecting || imageSize === _helpers.YT_HQ_FORMAT) return;
     var img = new Image(); // eslint-disable-next-line func-names
 
     img.onload = function () {
       var newImageSize = imageSize;
-      if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;
+      if (this && this.width === 120) newImageSize = _helpers.YT_HQ_FORMAT;
       setImageDetails({
         imageSize: newImageSize,
         displayImage: true
@@ -116,14 +121,14 @@ var YoutubeEmbeded = function YoutubeEmbeded(_ref) {
   };
 
   var addIframe = function addIframe() {
-    if (renderIframe) return;
+    if (renderIframe || placeholderOnly) return;
     onIframeAdded();
     setRenderIframe(true);
   };
 
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, preconnected && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("link", {
     rel: "preconnect",
-    href: YT_IMAGE_URL
+    href: _helpers.YT_IMAGE_URL
   }), /*#__PURE__*/_react["default"].createElement("link", {
     rel: "preconnect",
     href: ytUrl
@@ -176,7 +181,9 @@ YoutubeEmbeded.propTypes = {
   announce: _propTypes["default"].string,
   playlistCoverId: _propTypes["default"].string,
   videoParams: _propTypes["default"].string,
-  videoTitle: _propTypes["default"].string
+  videoTitle: _propTypes["default"].string,
+  placeholderOnly: _propTypes["default"].bool,
+  imageData: _propTypes["default"].object
 };
 YoutubeEmbeded.defaultProps = {
   priority: true,
@@ -193,7 +200,9 @@ YoutubeEmbeded.defaultProps = {
   videoId: '',
   playlistCoverId: '',
   videoParams: '',
-  videoTitle: ''
+  videoTitle: '',
+  placeholderOnly: false,
+  imageData: {}
 };
 var _default = YoutubeEmbeded;
 exports["default"] = _default;

package/lib/components/Video/providers/YouTube/YoutubeEmbeded.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Video/providers/YouTube/YoutubeEmbeded.js"],"names":["YT_HQ_FORMAT","YT_IMAGE_URL","YoutubeEmbeded","autoplay","videoId","playlistCoverId","videoTitle","poster","videoParams","announce","noCookie","webp","playlist","onIframeAdded","muted","adNetwork","iframeClass","priority","IN_VIEW_CONFIG","isIntersecting","outerRef","preconnected","setPreconnected","renderIframe","setRenderIframe","imageSize","displayImage","setImageDetails","encodedId","encodeURIComponent","videoPlaylisCovertId","paramsImp","format","vi","posterUrl","ytUrl","mutedValue","iframeSrc","parsedWrapperClassname","img","Image","onload","newImageSize","width","src","warmConnections","addIframe","backgroundImage","propTypes","PropTypes","bool","func","string","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { IN_VIEW_CONFIG } from '../../../../constants';\n\nconst YT_HQ_FORMAT = 'hqdefault';\nconst YT_IMAGE_URL = 'https://i.ytimg.com';\n\nconst YoutubeEmbeded = ({\n  autoplay,\n  videoId,\n  playlistCoverId,\n  videoTitle,\n  poster,\n  videoParams,\n  announce,\n  noCookie,\n  webp,\n  playlist,\n  onIframeAdded,\n  muted,\n  adNetwork,\n  iframeClass,\n  priority\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const [preconnected, setPreconnected] = useState(false);\n  const [renderIframe, setRenderIframe] = useState(!!autoplay);\n  const [{ imageSize, displayImage }, setImageDetails] = useState({\n    imageSize: poster,\n    displayImage: priority\n  });\n\n  const encodedId = encodeURIComponent(videoId);\n  const videoPlaylisCovertId =\n    typeof playlistCoverId === 'string' ? encodeURIComponent(playlistCoverId) : null;\n  const paramsImp = videoParams ? `&${videoParams}` : '';\n  const format = webp ? 'webp' : 'jpg';\n  const vi = webp ? 'vi_webp' : 'vi';\n  const posterUrl = !playlist\n    ? `${YT_IMAGE_URL}/${vi}/${encodedId}/${imageSize}.${format}`\n    : `${YT_IMAGE_URL}/${vi}/${videoPlaylisCovertId}/${imageSize}.${format}`;\n  const ytUrl = noCookie ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com';\n\n  const mutedValue = muted ? '&mute=1' : '';\n  const iframeSrc = !playlist\n    ? `${ytUrl}/embed/${encodedId}?autoplay=1${mutedValue}${paramsImp}`\n    : `${ytUrl}/embed/videoseries?autoplay=1${mutedValue}&list=${encodedId}${paramsImp}`;\n  const parsedWrapperClassname = `yt-facade ${renderIframe ? 'yt-activated' : ''}`;\n\n  useEffect(\n    () => {\n      if ((!priority && !isIntersecting) || imageSize === YT_HQ_FORMAT) return;\n\n      const img = new Image();\n      // eslint-disable-next-line func-names\n      img.onload = function() {\n        let newImageSize = imageSize;\n        if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;\n        setImageDetails({ imageSize: newImageSize, displayImage: true });\n      };\n\n      img.src = posterUrl;\n    },\n    [imageSize, isIntersecting, posterUrl, priority]\n  );\n\n  const warmConnections = () => {\n    if (preconnected) return;\n    setPreconnected(true);\n  };\n\n  const addIframe = () => {\n    if (renderIframe) return;\n    onIframeAdded();\n    setRenderIframe(true);\n  };\n\n  return (\n    <>\n      {preconnected && (\n        <>\n          <link rel=\"preconnect\" href={YT_IMAGE_URL} />\n          <link rel=\"preconnect\" href={ytUrl} />\n          <link rel=\"preconnect\" href=\"https://www.google.com\" />\n          {adNetwork && (\n            <>\n              <link rel=\"preconnect\" href=\"https://static.doubleclick.net\" />\n              <link rel=\"preconnect\" href=\"https://googleads.g.doubleclick.net\" />\n            </>\n          )}\n        </>\n      )}\n      <div\n        ref={outerRef}\n        role=\"button\"\n        onPointerOver={warmConnections}\n        onClick={addIframe}\n        className={parsedWrapperClassname}\n        data-title={videoTitle}\n        style={{\n          backgroundImage: `url(${displayImage ? posterUrl : ''})`\n        }}>\n        <div\n          type=\"button\"\n          className=\"yt-facade-button-wrapper\"\n          aria-label={`${announce} ${videoTitle}`}>\n          <div className=\"yt-facade-button\" />\n        </div>\n        {renderIframe && (\n          <iframe\n            className={iframeClass}\n            title={videoTitle}\n            allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n            allowFullScreen\n            src={iframeSrc}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nYoutubeEmbeded.propTypes = {\n  priority: PropTypes.bool,\n  onIframeAdded: PropTypes.func,\n  adNetwork: PropTypes.bool,\n  autoplay: PropTypes.bool,\n  playlist: PropTypes.bool,\n  muted: PropTypes.bool,\n  webp: PropTypes.bool,\n  noCookie: PropTypes.bool,\n  videoId: PropTypes.string,\n  iframeClass: PropTypes.string,\n  poster: PropTypes.string,\n  announce: PropTypes.string,\n  playlistCoverId: PropTypes.string,\n  videoParams: PropTypes.string,\n  videoTitle: PropTypes.string\n};\n\nYoutubeEmbeded.defaultProps = {\n  priority: true,\n  onIframeAdded: () => {},\n  adNetwork: false,\n  autoplay: false,\n  playlist: false,\n  muted: false,\n  webp: false,\n  noCookie: false,\n  iframeClass: '',\n  poster: 'sddefault',\n  announce: 'Watch',\n  videoId: '',\n  playlistCoverId: '',\n  videoParams: '',\n  videoTitle: ''\n};\n\nexport default YoutubeEmbeded;\n"],"file":"YoutubeEmbeded.js"}
+{"version":3,"sources":["../../../../../src/components/Video/providers/YouTube/YoutubeEmbeded.js"],"names":["YoutubeEmbeded","autoplay","videoId","playlistCoverId","videoTitle","poster","videoParams","announce","noCookie","webp","playlist","onIframeAdded","muted","adNetwork","iframeClass","priority","placeholderOnly","imageData","IN_VIEW_CONFIG","isIntersecting","outerRef","preconnected","setPreconnected","renderIframe","setRenderIframe","imageSize","displayImage","setImageDetails","encodedId","encodeURIComponent","paramsImp","ytUrl","posterUrl","mutedValue","iframeSrc","parsedWrapperClassname","YT_HQ_FORMAT","img","Image","onload","newImageSize","width","src","warmConnections","addIframe","YT_IMAGE_URL","backgroundImage","propTypes","PropTypes","bool","func","string","object","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { IN_VIEW_CONFIG } from '../../../../constants';\nimport { getPosterUrl, YT_HQ_FORMAT, YT_IMAGE_URL } from './helpers';\n\nconst YoutubeEmbeded = ({\n  autoplay,\n  videoId,\n  playlistCoverId,\n  videoTitle,\n  poster,\n  videoParams,\n  announce,\n  noCookie,\n  webp,\n  playlist,\n  onIframeAdded,\n  muted,\n  adNetwork,\n  iframeClass,\n  priority,\n  placeholderOnly,\n  imageData\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const [preconnected, setPreconnected] = useState(false);\n  const [renderIframe, setRenderIframe] = useState(!!autoplay);\n  const [{ imageSize, displayImage }, setImageDetails] = useState({\n    imageSize: poster,\n    displayImage: priority\n  });\n\n  const encodedId = encodeURIComponent(videoId);\n  const paramsImp = videoParams ? `&${videoParams}` : '';\n  const ytUrl = noCookie ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com';\n  const posterUrl = getPosterUrl({\n    imageData,\n    playlistCoverId,\n    playlist,\n    encodedId,\n    imageSize,\n    webp\n  });\n  const mutedValue = muted ? '&mute=1' : '';\n  const iframeSrc = !playlist\n    ? `${ytUrl}/embed/${encodedId}?autoplay=1${mutedValue}${paramsImp}`\n    : `${ytUrl}/embed/videoseries?autoplay=1${mutedValue}&list=${encodedId}${paramsImp}`;\n  const parsedWrapperClassname = `yt-facade ${renderIframe ? 'yt-activated' : ''}`;\n\n  useEffect(\n    () => {\n      if ((!priority && !isIntersecting) || imageSize === YT_HQ_FORMAT) return;\n\n      const img = new Image();\n      // eslint-disable-next-line func-names\n      img.onload = function() {\n        let newImageSize = imageSize;\n        if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;\n        setImageDetails({ imageSize: newImageSize, displayImage: true });\n      };\n\n      img.src = posterUrl;\n    },\n    [imageSize, isIntersecting, posterUrl, priority]\n  );\n\n  const warmConnections = () => {\n    if (preconnected) return;\n    setPreconnected(true);\n  };\n\n  const addIframe = () => {\n    if (renderIframe || placeholderOnly) return;\n    onIframeAdded();\n    setRenderIframe(true);\n  };\n\n  return (\n    <>\n      {preconnected && (\n        <>\n          <link rel=\"preconnect\" href={YT_IMAGE_URL} />\n          <link rel=\"preconnect\" href={ytUrl} />\n          <link rel=\"preconnect\" href=\"https://www.google.com\" />\n          {adNetwork && (\n            <>\n              <link rel=\"preconnect\" href=\"https://static.doubleclick.net\" />\n              <link rel=\"preconnect\" href=\"https://googleads.g.doubleclick.net\" />\n            </>\n          )}\n        </>\n      )}\n      <div\n        ref={outerRef}\n        role=\"button\"\n        onPointerOver={warmConnections}\n        onClick={addIframe}\n        className={parsedWrapperClassname}\n        data-title={videoTitle}\n        style={{\n          backgroundImage: `url(${displayImage ? posterUrl : ''})`\n        }}>\n        <div\n          type=\"button\"\n          className=\"yt-facade-button-wrapper\"\n          aria-label={`${announce} ${videoTitle}`}>\n          <div className=\"yt-facade-button\" />\n        </div>\n        {renderIframe && (\n          <iframe\n            className={iframeClass}\n            title={videoTitle}\n            allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n            allowFullScreen\n            src={iframeSrc}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nYoutubeEmbeded.propTypes = {\n  priority: PropTypes.bool,\n  onIframeAdded: PropTypes.func,\n  adNetwork: PropTypes.bool,\n  autoplay: PropTypes.bool,\n  playlist: PropTypes.bool,\n  muted: PropTypes.bool,\n  webp: PropTypes.bool,\n  noCookie: PropTypes.bool,\n  videoId: PropTypes.string,\n  iframeClass: PropTypes.string,\n  poster: PropTypes.string,\n  announce: PropTypes.string,\n  playlistCoverId: PropTypes.string,\n  videoParams: PropTypes.string,\n  videoTitle: PropTypes.string,\n  placeholderOnly: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nYoutubeEmbeded.defaultProps = {\n  priority: true,\n  onIframeAdded: () => {},\n  adNetwork: false,\n  autoplay: false,\n  playlist: false,\n  muted: false,\n  webp: false,\n  noCookie: false,\n  iframeClass: '',\n  poster: 'sddefault',\n  announce: 'Watch',\n  videoId: '',\n  playlistCoverId: '',\n  videoParams: '',\n  videoTitle: '',\n  placeholderOnly: false,\n  imageData: {}\n};\n\nexport default YoutubeEmbeded;\n"],"file":"YoutubeEmbeded.js"}

package/lib/components/Video/providers/YouTube/helpers/index.js

@@ -7,16 +7,24 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.YT_IMAGE_URL = exports.YT_HQ_FORMAT = void 0;
 exports.booleanToNumber = booleanToNumber;
+exports.getPosterUrl = void 0;
 exports.getYouTubeID = getYouTubeID;
 
 require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.match.js");
 
+require("core-js/modules/es.array.concat.js");
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var YOUTUBE_REGEX = /^.*((m\.)?youtu\.be\/|vi?\/|u\/\w\/|embed\/|\?vi?=|\&vi?=)([^#\&\?]*).*/;
+var YT_IMAGE_URL = 'https://i.ytimg.com';
+exports.YT_IMAGE_URL = YT_IMAGE_URL;
+var YT_HQ_FORMAT = 'hqdefault';
+exports.YT_HQ_FORMAT = YT_HQ_FORMAT;
 
 function getYouTubeID(uri) {
   var _ref = uri.match(YOUTUBE_REGEX) || [],
@@ -29,4 +37,20 @@ function getYouTubeID(uri) {
 function booleanToNumber(flag) {
   return flag ? 1 : 0;
 }
+
+var getPosterUrl = function getPosterUrl(_ref3) {
+  var imageData = _ref3.imageData,
+      playlistCoverId = _ref3.playlistCoverId,
+      playlist = _ref3.playlist,
+      encodedId = _ref3.encodedId,
+      imageSize = _ref3.imageSize,
+      webp = _ref3.webp;
+  if (imageData && imageData.url) return imageData.url;
+  var videoPlaylisCovertId = typeof playlistCoverId === 'string' ? encodeURIComponent(playlistCoverId) : null;
+  var format = webp ? 'webp' : 'jpg';
+  var vi = webp ? 'vi_webp' : 'vi';
+  return !playlist ? "".concat(YT_IMAGE_URL, "/").concat(vi, "/").concat(encodedId, "/").concat(imageSize, ".").concat(format) : "".concat(YT_IMAGE_URL, "/").concat(vi, "/").concat(videoPlaylisCovertId, "/").concat(imageSize, ".").concat(format);
+};
+
+exports.getPosterUrl = getPosterUrl;
 //# sourceMappingURL=index.js.map

package/lib/components/Video/providers/YouTube/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/Video/providers/YouTube/helpers/index.js"],"names":["YOUTUBE_REGEX","getYouTubeID","uri","match","videoId","booleanToNumber","flag"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAMA,aAAa,GAAG,yEAAtB;;AAEA,SAASC,YAAT,CAAsBC,GAAtB,EAA2B;AACzB,aAAwBA,GAAG,CAACC,KAAJ,CAAUH,aAAV,KAA4B,EAApD;AAAA;AAAA,MAAaI,OAAb;;AACA,SAAOA,OAAP;AACD;;AAED,SAASC,eAAT,CAAyBC,IAAzB,EAA+B;AAC7B,SAAOA,IAAI,GAAG,CAAH,GAAO,CAAlB;AACD","sourcesContent":["const YOUTUBE_REGEX = /^.*((m\\.)?youtu\\.be\\/|vi?\\/|u\\/\\w\\/|embed\\/|\\?vi?=|\\&vi?=)([^#\\&\\?]*).*/;\n\nfunction getYouTubeID(uri) {\n  const [, , , videoId] = uri.match(YOUTUBE_REGEX) || [];\n  return videoId;\n}\n\nfunction booleanToNumber(flag) {\n  return flag ? 1 : 0;\n}\n\nexport { getYouTubeID, booleanToNumber };\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../../src/components/Video/providers/YouTube/helpers/index.js"],"names":["YOUTUBE_REGEX","YT_IMAGE_URL","YT_HQ_FORMAT","getYouTubeID","uri","match","videoId","booleanToNumber","flag","getPosterUrl","imageData","playlistCoverId","playlist","encodedId","imageSize","webp","url","videoPlaylisCovertId","encodeURIComponent","format","vi"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,aAAa,GAAG,yEAAtB;AACA,IAAMC,YAAY,GAAG,qBAArB;;AACA,IAAMC,YAAY,GAAG,WAArB;;;AAEA,SAASC,YAAT,CAAsBC,GAAtB,EAA2B;AACzB,aAAwBA,GAAG,CAACC,KAAJ,CAAUL,aAAV,KAA4B,EAApD;AAAA;AAAA,MAAaM,OAAb;;AACA,SAAOA,OAAP;AACD;;AAED,SAASC,eAAT,CAAyBC,IAAzB,EAA+B;AAC7B,SAAOA,IAAI,GAAG,CAAH,GAAO,CAAlB;AACD;;AAED,IAAMC,YAAY,GAAG,SAAfA,YAAe,QAA0E;AAAA,MAAvEC,SAAuE,SAAvEA,SAAuE;AAAA,MAA5DC,eAA4D,SAA5DA,eAA4D;AAAA,MAA3CC,QAA2C,SAA3CA,QAA2C;AAAA,MAAjCC,SAAiC,SAAjCA,SAAiC;AAAA,MAAtBC,SAAsB,SAAtBA,SAAsB;AAAA,MAAXC,IAAW,SAAXA,IAAW;AAC7F,MAAIL,SAAS,IAAIA,SAAS,CAACM,GAA3B,EAAgC,OAAON,SAAS,CAACM,GAAjB;AAChC,MAAMC,oBAAoB,GACxB,OAAON,eAAP,KAA2B,QAA3B,GAAsCO,kBAAkB,CAACP,eAAD,CAAxD,GAA4E,IAD9E;AAGA,MAAMQ,MAAM,GAAGJ,IAAI,GAAG,MAAH,GAAY,KAA/B;AACA,MAAMK,EAAE,GAAGL,IAAI,GAAG,SAAH,GAAe,IAA9B;AACA,SAAO,CAACH,QAAD,aACAX,YADA,cACgBmB,EADhB,cACsBP,SADtB,cACmCC,SADnC,cACgDK,MADhD,cAEAlB,YAFA,cAEgBmB,EAFhB,cAEsBH,oBAFtB,cAE8CH,SAF9C,cAE2DK,MAF3D,CAAP;AAGD,CAVD","sourcesContent":["const YOUTUBE_REGEX = /^.*((m\\.)?youtu\\.be\\/|vi?\\/|u\\/\\w\\/|embed\\/|\\?vi?=|\\&vi?=)([^#\\&\\?]*).*/;\nconst YT_IMAGE_URL = 'https://i.ytimg.com';\nconst YT_HQ_FORMAT = 'hqdefault';\n\nfunction getYouTubeID(uri) {\n  const [, , , videoId] = uri.match(YOUTUBE_REGEX) || [];\n  return videoId;\n}\n\nfunction booleanToNumber(flag) {\n  return flag ? 1 : 0;\n}\n\nconst getPosterUrl = ({ imageData, playlistCoverId, playlist, encodedId, imageSize, webp }) => {\n  if (imageData && imageData.url) return imageData.url;\n  const videoPlaylisCovertId =\n    typeof playlistCoverId === 'string' ? encodeURIComponent(playlistCoverId) : null;\n\n  const format = webp ? 'webp' : 'jpg';\n  const vi = webp ? 'vi_webp' : 'vi';\n  return !playlist\n    ? `${YT_IMAGE_URL}/${vi}/${encodedId}/${imageSize}.${format}`\n    : `${YT_IMAGE_URL}/${vi}/${videoPlaylisCovertId}/${imageSize}.${format}`;\n};\n\nexport { getYouTubeID, booleanToNumber, getPosterUrl, YT_IMAGE_URL, YT_HQ_FORMAT };\n"],"file":"index.js"}

package/lib/components/Wrapper.js

@@ -11,22 +11,29 @@ exports["default"] = void 0;
 
 require("core-js/modules/es.array.concat.js");
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _excluded = ["children", "className", "modifiers", "style", "tagType"];
+
 var Wrapper = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var children = _ref.children,
       className = _ref.className,
       modifiers = _ref.modifiers,
       style = _ref.style,
-      tagType = _ref.tagType;
+      tagType = _ref.tagType,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var TagType = !tagType || tagType === 'Default' ? 'div' : tagType;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children && /*#__PURE__*/_react["default"].createElement(TagType, {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children && /*#__PURE__*/_react["default"].createElement(TagType, (0, _extends2["default"])({
     ref: ref,
     className: "".concat(className, " ").concat(modifiers),
     style: style
-  }, children));
+  }, props), children));
 });
 
 Wrapper.propTypes = {

package/lib/components/Wrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Wrapper.js"],"names":["Wrapper","React","forwardRef","ref","children","className","modifiers","style","tagType","TagType","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","string","object","defaultProps"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,OAAO,gBAAGC,kBAAMC,UAAN,CAAiB,gBAAqDC,GAArD,EAA6D;AAAA,MAA1DC,QAA0D,QAA1DA,QAA0D;AAAA,MAAhDC,SAAgD,QAAhDA,SAAgD;AAAA,MAArCC,SAAqC,QAArCA,SAAqC;AAAA,MAA1BC,KAA0B,QAA1BA,KAA0B;AAAA,MAAnBC,OAAmB,QAAnBA,OAAmB;AAC5F,MAAMC,OAAO,GAAG,CAACD,OAAD,IAAYA,OAAO,KAAK,SAAxB,GAAoC,KAApC,GAA4CA,OAA5D;AACA,sBACE,kEACGJ,QAAQ,iBACP,gCAAC,OAAD;AAAS,IAAA,GAAG,EAAED,GAAd;AAAmB,IAAA,SAAS,YAAKE,SAAL,cAAkBC,SAAlB,CAA5B;AAA2D,IAAA,KAAK,EAAEC;AAAlE,KACGH,QADH,CAFJ,CADF;AASD,CAXe,CAAhB;;AAaAJ,OAAO,CAACU,SAAR,GAAoB;AAClBN,EAAAA,QAAQ,EAAEO,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,OAAV,CAAkBF,sBAAUG,IAA5B,CAAD,EAAoCH,sBAAUG,IAA9C,CAApB,EAAyEC,UADjE;AAElBV,EAAAA,SAAS,EAAEM,sBAAUK,MAFH;AAGlBV,EAAAA,SAAS,EAAEK,sBAAUK,MAHH;AAIlBT,EAAAA,KAAK,EAAEI,sBAAUM,MAJC;AAKlBT,EAAAA,OAAO,EAAEG,sBAAUK;AALD,CAApB;AAQAhB,OAAO,CAACkB,YAAR,GAAuB;AACrBb,EAAAA,SAAS,EAAE,EADU;AAErBC,EAAAA,SAAS,EAAE,EAFU;AAGrBC,EAAAA,KAAK,EAAE,EAHc;AAIrBC,EAAAA,OAAO,EAAE;AAJY,CAAvB;eAOeR,O","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Wrapper = React.forwardRef(({ children, className, modifiers, style, tagType }, ref) => {\n  const TagType = !tagType || tagType === 'Default' ? 'div' : tagType;\n  return (\n    <>\n      {children && (\n        <TagType ref={ref} className={`${className} ${modifiers}`} style={style}>\n          {children}\n        </TagType>\n      )}\n    </>\n  );\n});\n\nWrapper.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  className: PropTypes.string,\n  modifiers: PropTypes.string,\n  style: PropTypes.object,\n  tagType: PropTypes.string\n};\n\nWrapper.defaultProps = {\n  className: '',\n  modifiers: '',\n  style: {},\n  tagType: ''\n};\n\nexport default Wrapper;\n"],"file":"Wrapper.js"}
+{"version":3,"sources":["../../src/components/Wrapper.js"],"names":["Wrapper","React","forwardRef","ref","children","className","modifiers","style","tagType","props","TagType","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","string","object","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;;;AAEA,IAAMA,OAAO,gBAAGC,kBAAMC,UAAN,CACd,gBAA+DC,GAA/D,EAAuE;AAAA,MAApEC,QAAoE,QAApEA,QAAoE;AAAA,MAA1DC,SAA0D,QAA1DA,SAA0D;AAAA,MAA/CC,SAA+C,QAA/CA,SAA+C;AAAA,MAApCC,KAAoC,QAApCA,KAAoC;AAAA,MAA7BC,OAA6B,QAA7BA,OAA6B;AAAA,MAAjBC,KAAiB;AACrE,MAAMC,OAAO,GAAG,CAACF,OAAD,IAAYA,OAAO,KAAK,SAAxB,GAAoC,KAApC,GAA4CA,OAA5D;AACA,sBACE,kEACGJ,QAAQ,iBACP,gCAAC,OAAD;AAAS,IAAA,GAAG,EAAED,GAAd;AAAmB,IAAA,SAAS,YAAKE,SAAL,cAAkBC,SAAlB,CAA5B;AAA2D,IAAA,KAAK,EAAEC;AAAlE,KAA6EE,KAA7E,GACGL,QADH,CAFJ,CADF;AASD,CAZa,CAAhB;;AAeAJ,OAAO,CAACW,SAAR,GAAoB;AAClBP,EAAAA,QAAQ,EAAEQ,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,OAAV,CAAkBF,sBAAUG,IAA5B,CAAD,EAAoCH,sBAAUG,IAA9C,CAApB,EAAyEC,UADjE;AAElBX,EAAAA,SAAS,EAAEO,sBAAUK,MAFH;AAGlBX,EAAAA,SAAS,EAAEM,sBAAUK,MAHH;AAIlBV,EAAAA,KAAK,EAAEK,sBAAUM,MAJC;AAKlBV,EAAAA,OAAO,EAAEI,sBAAUK;AALD,CAApB;AAQAjB,OAAO,CAACmB,YAAR,GAAuB;AACrBd,EAAAA,SAAS,EAAE,EADU;AAErBC,EAAAA,SAAS,EAAE,EAFU;AAGrBC,EAAAA,KAAK,EAAE,EAHc;AAIrBC,EAAAA,OAAO,EAAE;AAJY,CAAvB;eAOeR,O","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Wrapper = React.forwardRef(\n  ({ children, className, modifiers, style, tagType, ...props }, ref) => {\n    const TagType = !tagType || tagType === 'Default' ? 'div' : tagType;\n    return (\n      <>\n        {children && (\n          <TagType ref={ref} className={`${className} ${modifiers}`} style={style} {...props}>\n            {children}\n          </TagType>\n        )}\n      </>\n    );\n  }\n);\n\nWrapper.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  className: PropTypes.string,\n  modifiers: PropTypes.string,\n  style: PropTypes.object,\n  tagType: PropTypes.string\n};\n\nWrapper.defaultProps = {\n  className: '',\n  modifiers: '',\n  style: {},\n  tagType: ''\n};\n\nexport default Wrapper;\n"],"file":"Wrapper.js"}

package/lib/components/index.js

@@ -159,6 +159,11 @@ var _default = {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require('./Breadcrumb'));
     });
+  }),
+  backtotop: (0, _dynamic["default"])(function () {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require('./BackToTop'));
+    });
   })
 };
 exports["default"] = _default;

package/lib/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.js"],"names":["banner","Banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchcontent","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest","breadcrumb"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,MAAM,EAAEC,kBADK;AAEbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CAFK;AAGbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAHO;AAIbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CAJG;AAKbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CALK;AAMbC,EAAAA,WAAW,EAAE,yBAAQ;AAAA;AAAA,6CAA0D,eAA1D;AAAA;AAAA,GAAR,CANA;AAObC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAPM;AAQbC,EAAAA,GAAG,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CARQ;AASbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CATO;AAUbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAVD;AAabC,EAAAA,SAAS,EAAE,yBAAQ;AAAA;AAAA,6CAAwD,aAAxD;AAAA;AAAA,GAAR,CAbE;AAcbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAdM;AAebC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CAfI;AAgBbC,EAAAA,aAAa,EAAE,yBAAQ;AAAA;AAAA,6CACgC,iBADhC;AAAA;AAAA,GAAR,CAhBF;AAmBbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAnBD;AAsBbC,EAAAA,gBAAgB,EAAE,yBAAQ;AAAA;AAAA,6CACgC,oBADhC;AAAA;AAAA,GAAR,CAtBL;AAyBbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAzBM;AA0BbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CA1BO;AA2BbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CA3BM;AA4BbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CA5BO;AA6BbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CA7BG;AA8BbC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CA9BI;AA+BbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CA/BD;AAkCbC,EAAAA,aAAa,EAAE,yBAAQ;AAAA;AAAA,6CACiC,iBADjC;AAAA;AAAA,GAAR,CAlCF;AAqCbC,EAAAA,oBAAoB,EAAE,yBAAQ;AAAA;AAAA,6CACiC,wBADjC;AAAA;AAAA,GAAR,CArCT;AAwCbC,EAAAA,UAAU,EAAE,yBAAQ;AAAA;AAAA,6CAAyD,cAAzD;AAAA;AAAA,GAAR;AAxCC,C","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchcontent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchContent')\n  ),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  ),\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb'))\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/components/index.js"],"names":["banner","Banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchcontent","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest","breadcrumb","backtotop"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;eAEe;AACbA,EAAAA,MAAM,EAAEC,kBADK;AAEbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CAFK;AAGbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CAHO;AAIbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CAJG;AAKbC,EAAAA,MAAM,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CALK;AAMbC,EAAAA,WAAW,EAAE,yBAAQ;AAAA;AAAA,6CAA0D,eAA1D;AAAA;AAAA,GAAR,CANA;AAObC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAPM;AAQbC,EAAAA,GAAG,EAAE,yBAAQ;AAAA;AAAA,6CAAqD,UAArD;AAAA;AAAA,GAAR,CARQ;AASbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CATO;AAUbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAVD;AAabC,EAAAA,SAAS,EAAE,yBAAQ;AAAA;AAAA,6CAAwD,aAAxD;AAAA;AAAA,GAAR,CAbE;AAcbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAdM;AAebC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CAfI;AAgBbC,EAAAA,aAAa,EAAE,yBAAQ;AAAA;AAAA,6CACgC,iBADhC;AAAA;AAAA,GAAR,CAhBF;AAmBbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CAnBD;AAsBbC,EAAAA,gBAAgB,EAAE,yBAAQ;AAAA;AAAA,6CACgC,oBADhC;AAAA;AAAA,GAAR,CAtBL;AAyBbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CAzBM;AA0BbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CA1BO;AA2BbC,EAAAA,KAAK,EAAE,yBAAQ;AAAA;AAAA,6CAAoD,SAApD;AAAA;AAAA,GAAR,CA3BM;AA4BbC,EAAAA,IAAI,EAAE,yBAAQ;AAAA;AAAA,6CAAmD,QAAnD;AAAA;AAAA,GAAR,CA5BO;AA6BbC,EAAAA,QAAQ,EAAE,yBAAQ;AAAA;AAAA,6CAAuD,YAAvD;AAAA;AAAA,GAAR,CA7BG;AA8BbC,EAAAA,OAAO,EAAE,yBAAQ;AAAA;AAAA,6CAAsD,WAAtD;AAAA;AAAA,GAAR,CA9BI;AA+BbC,EAAAA,YAAY,EAAE,yBAAQ;AAAA;AAAA,6CACiC,gBADjC;AAAA;AAAA,GAAR,CA/BD;AAkCbC,EAAAA,aAAa,EAAE,yBAAQ;AAAA;AAAA,6CACiC,iBADjC;AAAA;AAAA,GAAR,CAlCF;AAqCbC,EAAAA,oBAAoB,EAAE,yBAAQ;AAAA;AAAA,6CACiC,wBADjC;AAAA;AAAA,GAAR,CArCT;AAwCbC,EAAAA,UAAU,EAAE,yBAAQ;AAAA;AAAA,6CAAyD,cAAzD;AAAA;AAAA,GAAR,CAxCC;AAyCbC,EAAAA,SAAS,EAAE,yBAAQ;AAAA;AAAA,6CAAwD,aAAxD;AAAA;AAAA,GAAR;AAzCE,C","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchcontent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchContent')\n  ),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  ),\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb')),\n  backtotop: dynamic(() => import(/* webpackChunkName: \"blazePbBackToTop\" */ './BackToTop'))\n};\n"],"file":"index.js"}

package/lib/helpers/build-raw-query.js

@@ -126,7 +126,7 @@ var buildRawQuery = function buildRawQuery(docType, operator, searchValues, filt
             type: 'number',
             script: {
               lang: 'painless',
-              source: "doc['_id'].value != null ? params.sortOrder.indexOf(doc['_id'].value) : 0",
+              source: "!doc['id.keyword'].empty ? params.sortOrder.indexOf(doc['id.keyword'].value) : 0",
               params: {
                 sortOrder: itemsToDisplayIds
               }

package/lib/helpers/build-raw-query.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/build-raw-query.js"],"names":["buildRawQuery","docType","operator","searchValues","filterData","id","itemsToDisplay","shouldApplySort","azOptions","searchValuesText","searchValuesCheckboxSelectRange","searchValuesCheckboxOr","filterValues","filterOperator","relations","stringProps","azFilter","shouldReturnAggs","isAZ","searchValuesTextCheckboxSelectJoined","AND_OPERATOR","searchValuesTextCheckboxOr","length","finalValue","finalValueWithCheckboxOrValues","must","bool","should","finalValueIfNoCheckboxOrValues","mustValues","query","azQueryBits","itemsToDisplayIds","push","ids","values","sort","_script","type","script","lang","source","params","sortOrder","order"],"mappings":"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","sourcesContent":["import buildRawQueryBase from './build-raw-query-base';\nimport getItemsToDisplayIds from './get-items-to-display-ids';\nimport getExtraAzBits from './get-extra-az-bits';\nimport buildAzFilter from './build-az-filter';\nimport { AND_OPERATOR } from '../constants';\n\nconst buildRawQuery = (\n  docType,\n  operator,\n  searchValues,\n  filterData,\n  id,\n  itemsToDisplay,\n  shouldApplySort,\n  azOptions\n) => {\n  const {\n    searchValuesText,\n    searchValuesCheckboxSelectRange,\n    searchValuesCheckboxOr\n  } = searchValues;\n\n  const { filterValues, filterOperator, relations, stringProps, azFilter } = filterData;\n  const { shouldReturnAggs, isAZ } = azOptions || {};\n  const searchValuesTextCheckboxSelectJoined =\n    operator === AND_OPERATOR ? [...searchValuesText, ...searchValuesCheckboxSelectRange] : [];\n  let searchValuesTextCheckboxOr = searchValuesText;\n  if (searchValuesCheckboxOr.length) {\n    searchValuesTextCheckboxOr = [...searchValuesText, ...searchValuesCheckboxOr];\n  }\n\n  let finalValue;\n\n  if (searchValuesTextCheckboxSelectJoined.length) {\n    const finalValueWithCheckboxOrValues = {\n      must: [...searchValuesTextCheckboxSelectJoined, { bool: { should: searchValuesCheckboxOr } }]\n    };\n    const finalValueIfNoCheckboxOrValues = { must: searchValuesTextCheckboxSelectJoined };\n    finalValue = searchValuesCheckboxOr.length\n      ? finalValueWithCheckboxOrValues\n      : finalValueIfNoCheckboxOrValues;\n  } else {\n    finalValue = {\n      must: [...searchValuesCheckboxSelectRange, { bool: { should: searchValuesTextCheckboxOr } }]\n    };\n  }\n  const mustValues = [\n    {\n      bool: finalValue\n    }\n  ];\n\n  buildAzFilter(azFilter, mustValues);\n\n  const query = {\n    bool: {\n      must: mustValues,\n      ...buildRawQueryBase({ docType, id, filterValues, filterOperator, relations, stringProps })\n    }\n  };\n  const azQueryBits = getExtraAzBits(shouldReturnAggs, isAZ, azFilter);\n\n  if (itemsToDisplay && itemsToDisplay.length) {\n    const itemsToDisplayIds = getItemsToDisplayIds(itemsToDisplay);\n    query.bool.must.push({ ids: { values: itemsToDisplayIds } });\n    if (shouldApplySort) {\n      return {\n        query,\n        sort: {\n          _script: {\n            type: 'number',\n            script: {\n              lang: 'painless',\n              source: \"doc['_id'].value != null ? params.sortOrder.indexOf(doc['_id'].value) : 0\",\n              params: {\n                sortOrder: itemsToDisplayIds\n              }\n            },\n            order: 'asc'\n          }\n        },\n        ...azQueryBits\n      };\n    }\n  }\n\n  return isAZ\n    ? {\n        query,\n        ...azQueryBits\n      }\n    : query;\n};\n\nexport default buildRawQuery;\n"],"file":"build-raw-query.js"}
+{"version":3,"sources":["../../src/helpers/build-raw-query.js"],"names":["buildRawQuery","docType","operator","searchValues","filterData","id","itemsToDisplay","shouldApplySort","azOptions","searchValuesText","searchValuesCheckboxSelectRange","searchValuesCheckboxOr","filterValues","filterOperator","relations","stringProps","azFilter","shouldReturnAggs","isAZ","searchValuesTextCheckboxSelectJoined","AND_OPERATOR","searchValuesTextCheckboxOr","length","finalValue","finalValueWithCheckboxOrValues","must","bool","should","finalValueIfNoCheckboxOrValues","mustValues","query","azQueryBits","itemsToDisplayIds","push","ids","values","sort","_script","type","script","lang","source","params","sortOrder","order"],"mappings":"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","sourcesContent":["import buildRawQueryBase from './build-raw-query-base';\nimport getItemsToDisplayIds from './get-items-to-display-ids';\nimport getExtraAzBits from './get-extra-az-bits';\nimport buildAzFilter from './build-az-filter';\nimport { AND_OPERATOR } from '../constants';\n\nconst buildRawQuery = (\n  docType,\n  operator,\n  searchValues,\n  filterData,\n  id,\n  itemsToDisplay,\n  shouldApplySort,\n  azOptions\n) => {\n  const {\n    searchValuesText,\n    searchValuesCheckboxSelectRange,\n    searchValuesCheckboxOr\n  } = searchValues;\n\n  const { filterValues, filterOperator, relations, stringProps, azFilter } = filterData;\n  const { shouldReturnAggs, isAZ } = azOptions || {};\n  const searchValuesTextCheckboxSelectJoined =\n    operator === AND_OPERATOR ? [...searchValuesText, ...searchValuesCheckboxSelectRange] : [];\n  let searchValuesTextCheckboxOr = searchValuesText;\n  if (searchValuesCheckboxOr.length) {\n    searchValuesTextCheckboxOr = [...searchValuesText, ...searchValuesCheckboxOr];\n  }\n\n  let finalValue;\n\n  if (searchValuesTextCheckboxSelectJoined.length) {\n    const finalValueWithCheckboxOrValues = {\n      must: [...searchValuesTextCheckboxSelectJoined, { bool: { should: searchValuesCheckboxOr } }]\n    };\n    const finalValueIfNoCheckboxOrValues = { must: searchValuesTextCheckboxSelectJoined };\n    finalValue = searchValuesCheckboxOr.length\n      ? finalValueWithCheckboxOrValues\n      : finalValueIfNoCheckboxOrValues;\n  } else {\n    finalValue = {\n      must: [...searchValuesCheckboxSelectRange, { bool: { should: searchValuesTextCheckboxOr } }]\n    };\n  }\n  const mustValues = [\n    {\n      bool: finalValue\n    }\n  ];\n\n  buildAzFilter(azFilter, mustValues);\n\n  const query = {\n    bool: {\n      must: mustValues,\n      ...buildRawQueryBase({ docType, id, filterValues, filterOperator, relations, stringProps })\n    }\n  };\n  const azQueryBits = getExtraAzBits(shouldReturnAggs, isAZ, azFilter);\n\n  if (itemsToDisplay && itemsToDisplay.length) {\n    const itemsToDisplayIds = getItemsToDisplayIds(itemsToDisplay);\n    query.bool.must.push({ ids: { values: itemsToDisplayIds } });\n    if (shouldApplySort) {\n      return {\n        query,\n        sort: {\n          _script: {\n            type: 'number',\n            script: {\n              lang: 'painless',\n              source:\n                \"!doc['id.keyword'].empty ? params.sortOrder.indexOf(doc['id.keyword'].value) : 0\",\n              params: {\n                sortOrder: itemsToDisplayIds\n              }\n            },\n            order: 'asc'\n          }\n        },\n        ...azQueryBits\n      };\n    }\n  }\n\n  return isAZ\n    ? {\n        query,\n        ...azQueryBits\n      }\n    : query;\n};\n\nexport default buildRawQuery;\n"],"file":"build-raw-query.js"}

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

@@ -0,0 +1,50 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["type", "showAfterPixels"];
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { FaArrowUp } from 'react-icons/fa';
+import Wrapper from '../Wrapper';
+import { getClassModifiers } from '../../utils';
+
+const BackToTop = _ref => {
+  let {
+    type,
+    showAfterPixels
+  } = _ref,
+      otherProps = _objectWithoutProperties(_ref, _excluded);
+
+  const [goToTop, setGoToTop] = useState(false);
+  const modifiers = getClassModifiers(type, otherProps);
+  useEffect(() => {
+    const handleOnScroll = () => setGoToTop(window.scrollY >= showAfterPixels);
+
+    document.addEventListener('scroll', handleOnScroll);
+    return () => document.removeEventListener('scroll', handleOnScroll);
+  }, [showAfterPixels]);
+
+  const handleBackToTop = () => {
+    window.scroll({
+      top: 0,
+      left: 0,
+      behavior: 'smooth'
+    });
+    setGoToTop(false);
+  };
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, goToTop && /*#__PURE__*/React.createElement(Wrapper, {
+    className: type,
+    modifiers: modifiers,
+    onClick: handleBackToTop
+  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaArrowUp, null))));
+};
+
+BackToTop.propTypes = {
+  type: PropTypes.string,
+  showAfterPixels: PropTypes.number
+};
+BackToTop.defaultProps = {
+  type: 'backtotop',
+  showAfterPixels: 200
+};
+export default BackToTop;
+//# sourceMappingURL=BackToTop.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BackToTop/BackToTop.js"],"names":["React","useEffect","useState","PropTypes","FaArrowUp","Wrapper","getClassModifiers","BackToTop","type","showAfterPixels","otherProps","goToTop","setGoToTop","modifiers","handleOnScroll","window","scrollY","document","addEventListener","removeEventListener","handleBackToTop","scroll","top","left","behavior","propTypes","string","number","defaultProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,QAA0B,gBAA1B;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,SAASC,iBAAT,QAAkC,aAAlC;;AAEA,MAAMC,SAAS,GAAG,QAA8C;AAAA,MAA7C;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,GAA6C;AAAA,MAAjBC,UAAiB;;AAC9D,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBV,QAAQ,CAAC,KAAD,CAAtC;AACA,QAAMW,SAAS,GAAGP,iBAAiB,CAACE,IAAD,EAAOE,UAAP,CAAnC;AAEAT,EAAAA,SAAS,CACP,MAAM;AACJ,UAAMa,cAAc,GAAG,MAAMF,UAAU,CAACG,MAAM,CAACC,OAAP,IAAkBP,eAAnB,CAAvC;;AACAQ,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,QAA1B,EAAoCJ,cAApC;AACA,WAAO,MAAMG,QAAQ,CAACE,mBAAT,CAA6B,QAA7B,EAAuCL,cAAvC,CAAb;AACD,GALM,EAMP,CAACL,eAAD,CANO,CAAT;;AASA,QAAMW,eAAe,GAAG,MAAM;AAC5BL,IAAAA,MAAM,CAACM,MAAP,CAAc;AACZC,MAAAA,GAAG,EAAE,CADO;AAEZC,MAAAA,IAAI,EAAE,CAFM;AAGZC,MAAAA,QAAQ,EAAE;AAHE,KAAd;AAKAZ,IAAAA,UAAU,CAAC,KAAD,CAAV;AACD,GAPD;;AASA,sBACE,0CACGD,OAAO,iBACN,oBAAC,OAAD;AAAS,IAAA,SAAS,EAAEH,IAApB;AAA0B,IAAA,SAAS,EAAEK,SAArC;AAAgD,IAAA,OAAO,EAAEO;AAAzD,kBACE,4CACE,oBAAC,SAAD,OADF,CADF,CAFJ,CADF;AAWD,CAjCD;;AAmCAb,SAAS,CAACkB,SAAV,GAAsB;AACpBjB,EAAAA,IAAI,EAAEL,SAAS,CAACuB,MADI;AAEpBjB,EAAAA,eAAe,EAAEN,SAAS,CAACwB;AAFP,CAAtB;AAKApB,SAAS,CAACqB,YAAV,GAAyB;AACvBpB,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,eAAe,EAAE;AAFM,CAAzB;AAKA,eAAeF,SAAf","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaArrowUp } from 'react-icons/fa';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\n\nconst BackToTop = ({ type, showAfterPixels, ...otherProps }) => {\n  const [goToTop, setGoToTop] = useState(false);\n  const modifiers = getClassModifiers(type, otherProps);\n\n  useEffect(\n    () => {\n      const handleOnScroll = () => setGoToTop(window.scrollY >= showAfterPixels);\n      document.addEventListener('scroll', handleOnScroll);\n      return () => document.removeEventListener('scroll', handleOnScroll);\n    },\n    [showAfterPixels]\n  );\n\n  const handleBackToTop = () => {\n    window.scroll({\n      top: 0,\n      left: 0,\n      behavior: 'smooth'\n    });\n    setGoToTop(false);\n  };\n\n  return (\n    <>\n      {goToTop && (\n        <Wrapper className={type} modifiers={modifiers} onClick={handleBackToTop}>\n          <i>\n            <FaArrowUp />\n          </i>\n        </Wrapper>\n      )}\n    </>\n  );\n};\n\nBackToTop.propTypes = {\n  type: PropTypes.string,\n  showAfterPixels: PropTypes.number\n};\n\nBackToTop.defaultProps = {\n  type: 'backtotop',\n  showAfterPixels: 200\n};\n\nexport default BackToTop;\n"],"file":"BackToTop.js"}

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

@@ -0,0 +1,3 @@
+import BackToTop from './BackToTop';
+export default BackToTop;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BackToTop/index.js"],"names":["BackToTop"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,aAAtB;AAEA,eAAeA,SAAf","sourcesContent":["import BackToTop from './BackToTop';\n\nexport default BackToTop;\n"],"file":"index.js"}

package/lib-es/components/CarouselWrapper.js

@@ -1,6 +1,5 @@
 import React, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { FaAngleLeft, FaAngleRight } from 'react-icons/fa';
 
 const CarouselWrapper = ({
   children,
@@ -95,9 +94,9 @@ const CarouselWrapper = ({
       setShouldAutoScroll(false);
       handleButtonNavigation();
     }
-  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaAngleLeft, {
-    size: arrowSize
-  })))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "carousel--arrow-left"
+  }))), /*#__PURE__*/React.createElement("div", {
     className: "cards-carousel--right-button-wrapper"
   }, displayRight && /*#__PURE__*/React.createElement("button", {
     type: "button",
@@ -106,9 +105,9 @@ const CarouselWrapper = ({
       setShouldAutoScroll(false);
       handleButtonNavigation(true);
     }
-  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(FaAngleRight, {
-    size: arrowSize
-  })))), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "carousel--arrow-left"
+  }))), /*#__PURE__*/React.createElement("div", {
     className: contentClassName,
     ref: ref,
     onScroll: handleScroll

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["React","useRef","useState","useEffect","PropTypes","FaAngleLeft","FaAngleRight","CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaAngleLeft, FaAngleRight } from 'react-icons/fa';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i>\n              <FaAngleLeft size={arrowSize} />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i>\n              <FaAngleRight size={arrowSize} />\n            </i>\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"file":"CarouselWrapper.js"}
+{"version":3,"sources":["../../src/components/CarouselWrapper.js"],"names":["React","useRef","useState","useEffect","PropTypes","CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"mappings":"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","sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i className=\"carousel--arrow-left\" />\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i className=\"carousel--arrow-left\" />\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"file":"CarouselWrapper.js"}

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

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-const _excluded = ["url", "modifier", "autoplay", "isCaptionDisplayed", "caption", "credits", "areVideoCreditsDisplayed", "provider"];
+const _excluded = ["url", "modifier", "autoplay", "isCaptionDisplayed", "caption", "credits", "areVideoCreditsDisplayed", "provider", "playInModal", "imageId"];
 
 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; }
 
@@ -9,7 +9,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import React from 'react';
 import PropTypes from 'prop-types';
+import useGetImages from '../../hooks/use-get-images';
 import VideoRender from './VideoRender';
+import VideoModal from './VideoModal';
 import Wrapper from '../Wrapper';
 import getClassModifiers from '../../utils/get-class-modifiers';
 import { shouldShowProperty } from '../../helpers';
@@ -23,14 +25,23 @@ const Video = _ref => {
     caption,
     credits,
     areVideoCreditsDisplayed,
-    provider
+    provider,
+    playInModal,
+    imageId
   } = _ref,
-      variableProps = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, _excluded);
 
+  const {
+    data: {
+      getFile: imageData
+    },
+    loading
+  } = useGetImages(imageId);
+  if (loading) return '';
   if (!url) return null;
   const modifiers = `video--${provider.toLowerCase()} ${getClassModifiers('video', _objectSpread({
     modifier
-  }, variableProps))}`;
+  }, props))}`;
   const shouldDisplayCaption = shouldShowProperty({
     isDisplayed: isCaptionDisplayed,
     value: caption
@@ -42,12 +53,19 @@ const Video = _ref => {
   return /*#__PURE__*/React.createElement(Wrapper, {
     className: "video",
     modifiers: modifiers
-  }, /*#__PURE__*/React.createElement(VideoRender, _extends({
+  }, playInModal ? /*#__PURE__*/React.createElement(VideoModal, _extends({
     url: url,
     modifier: modifier,
     autoplay: autoplay,
-    provider: provider
-  }, variableProps)), (shouldDisplayCaption || shouldDisplayCredits) && /*#__PURE__*/React.createElement("div", {
+    provider: provider,
+    imageData: imageData
+  }, props)) : /*#__PURE__*/React.createElement(VideoRender, _extends({
+    url: url,
+    modifier: modifier,
+    autoplay: autoplay,
+    provider: provider,
+    imageData: imageData
+  }, props)), (shouldDisplayCaption || shouldDisplayCredits) && /*#__PURE__*/React.createElement("div", {
     className: "video__details",
     "data-testid": "video-details"
   }, shouldDisplayCaption && /*#__PURE__*/React.createElement("div", {
@@ -65,17 +83,21 @@ Video.propTypes = {
   autoplay: PropTypes.bool,
   areVideoCreditsDisplayed: PropTypes.bool,
   isCaptionDisplayed: PropTypes.bool,
-  provider: PropTypes.string
+  provider: PropTypes.string,
+  playInModal: PropTypes.bool,
+  imageId: PropTypes.string
 };
 Video.defaultProps = {
   caption: '',
   credits: '',
   modifier: '',
-  autoplay: false,
+  imageId: '',
   url: '',
   provider: 'youtube',
+  autoplay: false,
   isCaptionDisplayed: false,
-  areVideoCreditsDisplayed: false
+  areVideoCreditsDisplayed: false,
+  playInModal: false
 };
 export default Video;
 //# sourceMappingURL=Video.js.map