@mjhls/mjh-framework 1.0.192 → 1.0.194

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React__default, { Component, useState, useEffect, useRef, createContext, createElement } from 'react';
+import React__default, { Component, useState, useEffect, useRef, createElement, createContext } from 'react';
 import PropTypes from 'prop-types';
 import reactDom from 'react-dom';
 import Container from 'react-bootstrap/Container';
@@ -761,6 +761,8 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
 
     return new Promise(function (resolve) {
       _this3.getGoogletag().then(function (googletag) {
+        _this3.configureInitialOptions(googletag);
+
         slotsToInitialize.forEach(function (currentSlotId) {
           registeredSlots[currentSlotId].loading = false;
           googletag.cmd.push(function () {
@@ -824,14 +826,25 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
       });
     });
   },
-  configureOptions: function configureOptions(googletag) {
+  // configure those gpt parameters that need to be set before pubsads service
+  // initialization.
+  configureInitialOptions: function configureInitialOptions(googletag) {
     var _this4 = this;
 
+    googletag.cmd.push(function () {
+      if (_this4.disableInitialLoadIsEnabled()) {
+        googletag.pubads().disableInitialLoad();
+      }
+    });
+  },
+  configureOptions: function configureOptions(googletag) {
+    var _this5 = this;
+
     googletag.cmd.push(function () {
       var pubadsService = googletag.pubads();
-      pubadsService.setRequestNonPersonalizedAds(_this4.personalizedAdsEnabled() ? 0 : 1);
+      pubadsService.setRequestNonPersonalizedAds(_this5.personalizedAdsEnabled() ? 0 : 1);
 
-      var targetingArguments = _this4.getTargetingArguments(); // set global targetting arguments
+      var targetingArguments = _this5.getTargetingArguments(); // set global targetting arguments
 
 
       Object.keys(targetingArguments).forEach(function (varName) {
@@ -840,16 +853,16 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
         }
       }); // set global adSense attributes
 
-      var adSenseAttributes = _this4.getAdSenseAttributes();
+      var adSenseAttributes = _this5.getAdSenseAttributes();
 
       Object.keys(adSenseAttributes).forEach(function (key) {
         pubadsService.set(key, adSenseAttributes[key]);
       });
 
-      if (_this4.lazyLoadIsEnabled()) {
+      if (_this5.lazyLoadIsEnabled()) {
         var args = [];
 
-        var config = _this4.getLazyLoadConfig();
+        var config = _this5.getLazyLoadConfig();
 
         if (config !== null) {
           args.push(config);
@@ -858,16 +871,12 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
         pubadsService.enableLazyLoad.call(args);
       }
 
-      if (_this4.singleRequestIsEnabled()) {
+      if (_this5.singleRequestIsEnabled()) {
         pubadsService.enableSingleRequest();
       }
 
-      if (_this4.disableInitialLoadIsEnabled()) {
-        pubadsService.disableInitialLoad();
-      }
-
-      if (_this4.collapseEmptyDivs === true || _this4.collapseEmptyDivs === false) {
-        pubadsService.collapseEmptyDivs(_this4.collapseEmptyDivs);
+      if (_this5.collapseEmptyDivs === true || _this5.collapseEmptyDivs === false) {
+        pubadsService.collapseEmptyDivs(_this5.collapseEmptyDivs);
       }
     });
   },
@@ -909,10 +918,10 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
     }
   },
   gptRefreshAds: function gptRefreshAds(slots) {
-    var _this5 = this;
+    var _this6 = this;
 
     return this.getGoogletag().then(function (googletag) {
-      _this5.configureOptions(googletag);
+      _this6.configureOptions(googletag);
 
       googletag.cmd.push(function () {
         var pubadsService = googletag.pubads();
@@ -923,14 +932,14 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
     });
   },
   reload: function reload() {
-    var _this6 = this;
+    var _this7 = this;
 
     return this.destroyGPTSlots.apply(this, arguments).then(function () {
-      return _this6.load();
+      return _this7.load();
     });
   },
   destroyGPTSlots: function destroyGPTSlots() {
-    var _this7 = this;
+    var _this8 = this;
 
     for (var _len4 = arguments.length, slotsToDestroy = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
       slotsToDestroy[_key4] = arguments[_key4];
@@ -950,7 +959,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
         slots.push(slot);
       }
 
-      _this7.getGoogletag().then(function (googletag) {
+      _this8.getGoogletag().then(function (googletag) {
         googletag.cmd.push(function () {
           if (managerAlreadyInitialized === true) {
             if (slotsToDestroy.length > 0) {
@@ -973,7 +982,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
     });
   },
   registerSlot: function registerSlot(_ref) {
-    var _this8 = this;
+    var _this9 = this;
 
     var slotId = _ref.slotId,
         dfpNetworkId = _ref.dfpNetworkId,
@@ -1012,7 +1021,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
                 gptSlot = slot.gptSlot;
 
             if (loading === false && !gptSlot) {
-              _this8.load(slotId);
+              _this9.load(slotId);
             }
           }
         });
@@ -7940,6 +7949,7 @@ exports.SPEC_NAME_TO_URL_NAME_MAPPINGS = [
     ['quality', 'q'],
     ['fit', 'fit'],
     ['crop', 'crop'],
+    ['saturation', 'sat'],
     ['auto', 'auto'],
     ['dpr', 'dpr']
 ];
@@ -7976,9 +7986,9 @@ function urlForImage(options) {
     // If irrelevant, or if we are requested to: don't perform crop/fit based on
     // the crop/hotspot.
     if (!(spec.rect || spec.focalPoint || spec.ignoreImageParams || spec.crop)) {
-        spec = __assign({}, spec, fit({ crop: crop, hotspot: hotspot }, spec));
+        spec = __assign(__assign({}, spec), fit({ crop: crop, hotspot: hotspot }, spec));
     }
-    return specToImageUrl(__assign({}, spec, { asset: asset }));
+    return specToImageUrl(__assign(__assign({}, spec), { asset: asset }));
 }
 exports.default = urlForImage;
 // eslint-disable-next-line complexity
@@ -8000,7 +8010,7 @@ function specToImageUrl(spec) {
     }
     if (spec.focalPoint) {
         params.push("fp-x=" + spec.focalPoint.x);
-        params.push("fp-x=" + spec.focalPoint.y);
+        params.push("fp-y=" + spec.focalPoint.y);
     }
     var flip = [spec.flipHorizontal && 'h', spec.flipVertical && 'v'].filter(Boolean).join('');
     if (flip) {
@@ -8134,7 +8144,8 @@ function urlBuilder(options) {
     var client = options;
     if (isSanityClient(client)) {
         // Inherit config from client
-        var _a = client.clientConfig, apiHost = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
+        var _a = client.clientConfig, apiUrl = _a.apiHost, projectId = _a.projectId, dataset = _a.dataset;
+        var apiHost = apiUrl || 'https://api.sanity.io';
         return new ImageUrlBuilder(null, {
             baseUrl: apiHost.replace(/^https:\/\/api\./, 'https://cdn.'),
             projectId: projectId,
@@ -8148,7 +8159,7 @@ exports.default = urlBuilder;
 var ImageUrlBuilder = /** @class */ (function () {
     function ImageUrlBuilder(parent, options) {
         this.options = parent
-            ? __assign({}, (parent.options || {}), (options || {})) : __assign({}, (options || {})); // Copy options
+            ? __assign(__assign({}, (parent.options || {})), (options || {})) : __assign({}, (options || {})); // Copy options
     }
     ImageUrlBuilder.prototype.withOptions = function (options) {
         var baseUrl = options.baseUrl || '';
@@ -8265,6 +8276,10 @@ var ImageUrlBuilder = /** @class */ (function () {
         }
         return this.withOptions({ crop: value });
     };
+    // Saturation
+    ImageUrlBuilder.prototype.saturation = function (saturation) {
+        return this.withOptions({ saturation: saturation });
+    };
     ImageUrlBuilder.prototype.auto = function (value) {
         if (validAutoModes.indexOf(value) === -1) {
             throw new Error("Invalid auto mode \"" + value + "\"");
@@ -8281,10 +8296,12 @@ var ImageUrlBuilder = /** @class */ (function () {
     };
     return ImageUrlBuilder;
 }());
+exports.ImageUrlBuilder = ImageUrlBuilder;
 
 });
 
 unwrapExports(builder);
+var builder_1 = builder.ImageUrlBuilder;
 
 var node = createCommonjsModule(function (module) {
 var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
@@ -17234,22 +17251,27 @@ var FigureComponent = function FigureComponent(_ref) {
     null,
     React__default.createElement(
       Figure,
-      {
-        className: 'd-block',
-        style: { width: imageWidth, maxWidth: '100%', clear: 'both', float: imgFloat, margin: figureMargin },
-        onClick: function onClick() {
-          setOpenImgSrc(urlFor$1(node$$1, client).url());
-          setOpenImg(true);
-        } },
+      { className: 'd-block', style: { width: imageWidth, maxWidth: '100%', clear: 'both', float: imgFloat, margin: figureMargin } },
       link ? React__default.createElement(
         'a',
-        { target: blank ? '_blank' : '_self' },
+        { target: blank ? '_blank' : '_self', href: link },
         React__default.createElement(Figure.Image, { style: { width: '100%' }, className: 'figure-image', ref: imgElement, onLoad: loadImg, src: urlFor$1(node$$1, client).url(), alt: alt && alt }),
         caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
       ) : React__default.createElement(
         React__default.Fragment,
         null,
-        React__default.createElement(Figure.Image, { style: { width: '100%' }, className: 'figure-image', ref: imgElement, onLoad: loadImg, src: urlFor$1(node$$1, client).url(), alt: alt && alt }),
+        React__default.createElement(Figure.Image, {
+          style: { width: '100%' },
+          className: 'figure-image',
+          ref: imgElement,
+          onLoad: loadImg,
+          src: urlFor$1(node$$1, client).url(),
+          alt: alt && alt,
+          onClick: function onClick() {
+            setOpenImgSrc(urlFor$1(node$$1, client).url());
+            setOpenImg(true);
+          }
+        }),
         caption && React__default.createElement('div', { dangerouslySetInnerHTML: { __html: '<span class=\'figure-caption\'>' + caption + '</span>' } })
       )
     ),
@@ -17336,21 +17358,18 @@ var Slideshow = function Slideshow(_ref) {
   );
 };
 
-var isArray$1 = Array.isArray;
-var keyList = Object.keys;
-var hasProp = Object.prototype.hasOwnProperty;
+// do not edit .js files directly - edit src/index.jst
+
+
 
 var fastDeepEqual = function equal(a, b) {
   if (a === b) return true;
 
   if (a && b && typeof a == 'object' && typeof b == 'object') {
-    var arrA = isArray$1(a)
-      , arrB = isArray$1(b)
-      , i
-      , length
-      , key;
+    if (a.constructor !== b.constructor) return false;
 
-    if (arrA && arrB) {
+    var length, i, keys;
+    if (Array.isArray(a)) {
       length = a.length;
       if (length != b.length) return false;
       for (i = length; i-- !== 0;)
@@ -17358,35 +17377,29 @@ var fastDeepEqual = function equal(a, b) {
       return true;
     }
 
-    if (arrA != arrB) return false;
 
-    var dateA = a instanceof Date
-      , dateB = b instanceof Date;
-    if (dateA != dateB) return false;
-    if (dateA && dateB) return a.getTime() == b.getTime();
 
-    var regexpA = a instanceof RegExp
-      , regexpB = b instanceof RegExp;
-    if (regexpA != regexpB) return false;
-    if (regexpA && regexpB) return a.toString() == b.toString();
+    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
+    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
+    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
 
-    var keys = keyList(a);
+    keys = Object.keys(a);
     length = keys.length;
-
-    if (length !== keyList(b).length)
-      return false;
+    if (length !== Object.keys(b).length) return false;
 
     for (i = length; i-- !== 0;)
-      if (!hasProp.call(b, keys[i])) return false;
+      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
 
     for (i = length; i-- !== 0;) {
-      key = keys[i];
+      var key = keys[i];
+
       if (!equal(a[key], b[key])) return false;
     }
 
     return true;
   }
 
+  // true if both NaN, false otherwise
   return a!==a && b!==b;
 };
 
@@ -18631,7 +18644,7 @@ function formatValue(ctx, value, recurseTimes) {
   var base = '', array = false, braces = ['{', '}'];
 
   // Make Array say that they are Array
-  if (isArray$2(value)) {
+  if (isArray$1(value)) {
     array = true;
     braces = ['[', ']'];
   }
@@ -18810,7 +18823,7 @@ function reduceToSingleString(output, base, braces) {
 
 // NOTE: These type checking functions intentionally don't use `instanceof`
 // because it is fragile and can be easily faked with `Object.create()`.
-function isArray$2(ar) {
+function isArray$1(ar) {
   return Array.isArray(ar);
 }
 
@@ -18937,7 +18950,7 @@ var util = {
   isNullOrUndefined: isNullOrUndefined,
   isNull: isNull,
   isBoolean: isBoolean,
-  isArray: isArray$2,
+  isArray: isArray$1,
   inspect: inspect,
   deprecate: deprecate,
   format: format,
@@ -19604,201 +19617,237 @@ module.exports = exports['default'];
 
 var youTubePlayer = unwrapExports(dist);
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-var _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+function _typeof$1(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$1 = function _typeof(obj) { return typeof obj; }; } else { _typeof$1 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$1(obj); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof$1(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-/**
- * Check whether a `props` change should result in the video being updated.
- *
- * @param {Object} prevProps
- * @param {Object} props
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+/**
+ * Check whether a `props` change should result in the video being updated.
+ *
+ * @param {Object} prevProps
+ * @param {Object} props
  */
+
 function shouldUpdateVideo(prevProps, props) {
   // A changing video should always trigger an update
   if (prevProps.videoId !== props.videoId) {
     return true;
-  }
-
-  // Otherwise, a change in the start/end time playerVars also requires a player
+  } // Otherwise, a change in the start/end time playerVars also requires a player
   // update.
+
+
   var prevVars = prevProps.opts.playerVars || {};
   var vars = props.opts.playerVars || {};
-
   return prevVars.start !== vars.start || prevVars.end !== vars.end;
 }
-
-/**
- * Neutralise API options that only require a video update, leaving only options
- * that require a player reset. The results can then be compared to see if a
- * player reset is necessary.
- *
- * @param {Object} opts
+/**
+ * Neutralize API options that only require a video update, leaving only options
+ * that require a player reset. The results can then be compared to see if a
+ * player reset is necessary.
+ *
+ * @param {Object} opts
  */
+
+
 function filterResetOptions(opts) {
-  return _extends$1({}, opts, {
-    playerVars: _extends$1({}, opts.playerVars, {
+  return _objectSpread({}, opts, {
+    playerVars: _objectSpread({}, opts.playerVars, {
       autoplay: 0,
       start: 0,
       end: 0
     })
   });
 }
-
-/**
- * Check whether a `props` change should result in the player being reset.
- * The player is reset when the `props.opts` change, except if the only change
- * is in the `start` and `end` playerVars, because a video update can deal with
- * those.
- *
- * @param {Object} prevProps
- * @param {Object} props
+/**
+ * Check whether a `props` change should result in the player being reset.
+ * The player is reset when the `props.opts` change, except if the only change
+ * is in the `start` and `end` playerVars, because a video update can deal with
+ * those.
+ *
+ * @param {Object} prevProps
+ * @param {Object} props
  */
+
+
 function shouldResetPlayer(prevProps, props) {
   return !fastDeepEqual(filterResetOptions(prevProps.opts), filterResetOptions(props.opts));
 }
-
-/**
- * Check whether a props change should result in an id or className update.
- *
- * @param {Object} prevProps
- * @param {Object} props
+/**
+ * Check whether a props change should result in an id or className update.
+ *
+ * @param {Object} prevProps
+ * @param {Object} props
  */
+
+
 function shouldUpdatePlayer(prevProps, props) {
   return prevProps.id !== props.id || prevProps.className !== props.className;
 }
 
-var YouTube = function (_React$Component) {
+var YouTube = /*#__PURE__*/function (_React$Component) {
   _inherits(YouTube, _React$Component);
 
+  var _super = _createSuper(YouTube);
+
+  /**
+   * Expose PlayerState constants for convenience. These constants can also be
+   * accessed through the global YT object after the YouTube IFrame API is instantiated.
+   * https://developers.google.com/youtube/iframe_api_reference#onStateChange
+   */
   function YouTube(props) {
+    var _this;
+
     _classCallCheck(this, YouTube);
 
-    var _this = _possibleConstructorReturn(this, (YouTube.__proto__ || Object.getPrototypeOf(YouTube)).call(this, props));
+    _this = _super.call(this, props);
 
-    _this.onPlayerReady = function (event) {
+    _defineProperty(_assertThisInitialized(_this), "onPlayerReady", function (event) {
       return _this.props.onReady(event);
-    };
+    });
 
-    _this.onPlayerError = function (event) {
+    _defineProperty(_assertThisInitialized(_this), "onPlayerError", function (event) {
       return _this.props.onError(event);
-    };
+    });
 
-    _this.onPlayerStateChange = function (event) {
+    _defineProperty(_assertThisInitialized(_this), "onPlayerStateChange", function (event) {
       _this.props.onStateChange(event);
-      switch (event.data) {
 
+      switch (event.data) {
         case YouTube.PlayerState.ENDED:
           _this.props.onEnd(event);
+
           break;
 
         case YouTube.PlayerState.PLAYING:
           _this.props.onPlay(event);
+
           break;
 
         case YouTube.PlayerState.PAUSED:
           _this.props.onPause(event);
+
           break;
 
         default:
       }
-    };
+    });
 
-    _this.onPlayerPlaybackRateChange = function (event) {
+    _defineProperty(_assertThisInitialized(_this), "onPlayerPlaybackRateChange", function (event) {
       return _this.props.onPlaybackRateChange(event);
-    };
+    });
 
-    _this.onPlayerPlaybackQualityChange = function (event) {
+    _defineProperty(_assertThisInitialized(_this), "onPlayerPlaybackQualityChange", function (event) {
       return _this.props.onPlaybackQualityChange(event);
-    };
+    });
 
-    _this.createPlayer = function () {
+    _defineProperty(_assertThisInitialized(_this), "createPlayer", function () {
       // do not attempt to create a player server-side, it won't work
-      if (typeof document === 'undefined') return;
-      // create player
-      var playerOpts = _extends$1({}, _this.props.opts, {
+      if (typeof document === 'undefined') return; // create player
+
+      var playerOpts = _objectSpread({}, _this.props.opts, {
         // preload the `videoId` video if one is already given
         videoId: _this.props.videoId
       });
-      _this.internalPlayer = youTubePlayer(_this.container, playerOpts);
-      // attach event handlers
+
+      _this.internalPlayer = youTubePlayer(_this.container, playerOpts); // attach event handlers
+
       _this.internalPlayer.on('ready', _this.onPlayerReady);
+
       _this.internalPlayer.on('error', _this.onPlayerError);
+
       _this.internalPlayer.on('stateChange', _this.onPlayerStateChange);
+
       _this.internalPlayer.on('playbackRateChange', _this.onPlayerPlaybackRateChange);
+
       _this.internalPlayer.on('playbackQualityChange', _this.onPlayerPlaybackQualityChange);
-    };
+    });
 
-    _this.resetPlayer = function () {
+    _defineProperty(_assertThisInitialized(_this), "resetPlayer", function () {
       return _this.internalPlayer.destroy().then(_this.createPlayer);
-    };
+    });
 
-    _this.updatePlayer = function () {
+    _defineProperty(_assertThisInitialized(_this), "updatePlayer", function () {
       _this.internalPlayer.getIframe().then(function (iframe) {
         if (_this.props.id) iframe.setAttribute('id', _this.props.id);else iframe.removeAttribute('id');
         if (_this.props.className) iframe.setAttribute('class', _this.props.className);else iframe.removeAttribute('class');
       });
-    };
+    });
 
-    _this.updateVideo = function () {
+    _defineProperty(_assertThisInitialized(_this), "updateVideo", function () {
       if (typeof _this.props.videoId === 'undefined' || _this.props.videoId === null) {
         _this.internalPlayer.stopVideo();
+
         return;
-      }
+      } // set queueing options
+
 
-      // set queueing options
       var autoplay = false;
       var opts = {
         videoId: _this.props.videoId
       };
+
       if ('playerVars' in _this.props.opts) {
         autoplay = _this.props.opts.playerVars.autoplay === 1;
+
         if ('start' in _this.props.opts.playerVars) {
           opts.startSeconds = _this.props.opts.playerVars.start;
         }
+
         if ('end' in _this.props.opts.playerVars) {
           opts.endSeconds = _this.props.opts.playerVars.end;
         }
-      }
+      } // if autoplay is enabled loadVideoById
+
 
-      // if autoplay is enabled loadVideoById
       if (autoplay) {
         _this.internalPlayer.loadVideoById(opts);
+
         return;
-      }
-      // default behaviour just cues the video
+      } // default behaviour just cues the video
+
+
       _this.internalPlayer.cueVideoById(opts);
-    };
+    });
 
-    _this.refContainer = function (container) {
+    _defineProperty(_assertThisInitialized(_this), "refContainer", function (container) {
       _this.container = container;
-    };
+    });
 
     _this.container = null;
     _this.internalPlayer = null;
     return _this;
   }
 
-  /**
-    * Expose PlayerState constants for convenience. These constants can also be
-    * accessed through the global YT object after the YouTube IFrame API is instantiated.
-    * https://developers.google.com/youtube/iframe_api_reference#onStateChange
-    */
-
-
   _createClass(YouTube, [{
-    key: 'componentDidMount',
+    key: "componentDidMount",
     value: function componentDidMount() {
       this.createPlayer();
     }
   }, {
-    key: 'componentDidUpdate',
+    key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (shouldUpdatePlayer(prevProps, this.props)) {
         this.updatePlayer();
@@ -19813,112 +19862,58 @@ var YouTube = function (_React$Component) {
       }
     }
   }, {
-    key: 'componentWillUnmount',
+    key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      /**
-       * Note: The `youtube-player` package that is used promisifies all Youtube
-       * Player API calls, which introduces a delay of a tick before it actually
-       * gets destroyed. Since React attempts to remove the element instantly
-       * this method isn't quick enough to reset the container element.
+      /**
+       * Note: The `youtube-player` package that is used promisifies all YouTube
+       * Player API calls, which introduces a delay of a tick before it actually
+       * gets destroyed. Since React attempts to remove the element instantly
+       * this method isn't quick enough to reset the container element.
        */
       this.internalPlayer.destroy();
     }
-
-    /**
-     * https://developers.google.com/youtube/iframe_api_reference#onReady
-     *
-     * @param {Object} event
-     *   @param {Object} target - player object
-     */
-
-
-    /**
-     * https://developers.google.com/youtube/iframe_api_reference#onError
-     *
-     * @param {Object} event
-     *   @param {Integer} data  - error type
-     *   @param {Object} target - player object
-     */
-
-
-    /**
-     * https://developers.google.com/youtube/iframe_api_reference#onStateChange
-     *
-     * @param {Object} event
-     *   @param {Integer} data  - status change type
-     *   @param {Object} target - actual YT player
-     */
-
-
-    /**
-     * https://developers.google.com/youtube/iframe_api_reference#onPlaybackRateChange
-     *
-     * @param {Object} event
-     *   @param {Float} data    - playback rate
-     *   @param {Object} target - actual YT player
-     */
-
-
-    /**
-     * https://developers.google.com/youtube/iframe_api_reference#onPlaybackQualityChange
-     *
-     * @param {Object} event
-     *   @param {String} data   - playback quality
-     *   @param {Object} target - actual YT player
-     */
-
-
-    /**
-     * Initialize the Youtube Player API on the container and attach event handlers
-     */
-
-
-    /**
-     * Shorthand for destroying and then re-creating the Youtube Player
-     */
-
-
-    /**
-     * Method to update the id and class of the Youtube Player iframe.
-     * React should update this automatically but since the Youtube Player API
-     * replaced the DIV that is mounted by React we need to do this manually.
-     */
-
-
-    /**
-     * Call Youtube Player API methods to update the currently playing video.
-     * Depeding on the `opts.playerVars.autoplay` this function uses one of two
-     * Youtube Player API methods to update the video.
+    /**
+     * https://developers.google.com/youtube/iframe_api_reference#onReady
+     *
+     * @param {Object} event
+     *   @param {Object} target - player object
      */
 
   }, {
-    key: 'render',
+    key: "render",
     value: function render() {
-      return React__default.createElement(
-        'div',
-        { className: this.props.containerClassName },
-        React__default.createElement('div', { id: this.props.id, className: this.props.className, ref: this.refContainer })
-      );
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: this.props.containerClassName
+      }, /*#__PURE__*/React__default.createElement("div", {
+        id: this.props.id,
+        className: this.props.className,
+        ref: this.refContainer
+      }));
     }
   }]);
 
   return YouTube;
 }(React__default.Component);
 
+_defineProperty(YouTube, "PlayerState", {
+  UNSTARTED: -1,
+  ENDED: 0,
+  PLAYING: 1,
+  PAUSED: 2,
+  BUFFERING: 3,
+  CUED: 5
+});
+
 YouTube.propTypes = {
   videoId: PropTypes.string,
-
   // custom ID for player element
   id: PropTypes.string,
-
   // custom class name for player element
   className: PropTypes.string,
   // custom class name for player container element
   containerClassName: PropTypes.string,
-
   // https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player
   opts: PropTypes.objectOf(PropTypes.any),
-
   // event subscriptions
   onReady: PropTypes.func,
   onError: PropTypes.func,
@@ -19930,6 +19925,7 @@ YouTube.propTypes = {
   onPlaybackQualityChange: PropTypes.func
 };
 YouTube.defaultProps = {
+  videoId: null,
   id: null,
   className: null,
   opts: {},
@@ -19943,14 +19939,6 @@ YouTube.defaultProps = {
   onPlaybackRateChange: function onPlaybackRateChange() {},
   onPlaybackQualityChange: function onPlaybackQualityChange() {}
 };
-YouTube.PlayerState = {
-  UNSTARTED: -1,
-  ENDED: 0,
-  PLAYING: 1,
-  PAUSED: 2,
-  BUFFERING: 3,
-  CUED: 5
-};
 
 var YouTubePlayer$1 = function YouTubePlayer(_ref) {
   var url = _ref.url;
@@ -20612,7 +20600,7 @@ function checksum(str) {
   return hash;
 }
 
-function _typeof$1(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$1 = function _typeof(obj) { return typeof obj; }; } else { _typeof$1 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$1(obj); }
+function _typeof$2(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$2 = function _typeof(obj) { return typeof obj; }; } else { _typeof$2 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$2(obj); }
 
 
 
@@ -20623,7 +20611,7 @@ var isDefined = function isDefined(val) {
 
 var mergeSerializers = function mergeSerializers(defaultSerializers, userSerializers) {
   return Object.keys(defaultSerializers).reduce(function (acc, key) {
-    var type = _typeof$1(defaultSerializers[key]);
+    var type = _typeof$2(defaultSerializers[key]);
 
     if (type === 'function') {
       acc[key] = isDefined(userSerializers[key]) ? userSerializers[key] : defaultSerializers[key];
@@ -21796,8 +21784,8 @@ var window_1 = win;
 
 /*! @name @brightcove/react-player-loader @version 1.4.0 @license Apache-2.0 */
 
-function _extends$2() {
-  _extends$2 = Object.assign || function (target) {
+function _extends$1() {
+  _extends$1 = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -21811,7 +21799,7 @@ function _extends$2() {
     return target;
   };
 
-  return _extends$2.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
 function _inheritsLoose(subClass, superClass) {
@@ -21820,7 +21808,7 @@ function _inheritsLoose(subClass, superClass) {
   subClass.__proto__ = superClass;
 }
 
-function _assertThisInitialized(self) {
+function _assertThisInitialized$1(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
   }
@@ -21853,7 +21841,7 @@ var version$1 = "1.7.1";
 /*! @name @brightcove/player-url @version 1.2.0 @license Apache-2.0 */
 var version$1$1 = "1.2.0";
 
-var _typeof$2 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+var _typeof$3 = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
   return typeof obj;
 } : function (obj) {
   return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
@@ -21988,7 +21976,7 @@ var brightcovePlayerUrl = function brightcovePlayerUrl(_ref) {
 
   var qs = '';
 
-  if (iframe && queryParams && (typeof queryParams === 'undefined' ? 'undefined' : _typeof$2(queryParams)) === 'object') {
+  if (iframe && queryParams && (typeof queryParams === 'undefined' ? 'undefined' : _typeof$3(queryParams)) === 'object') {
     qs = getQueryString$1(queryParams);
   }
 
@@ -23049,7 +23037,7 @@ function (_React$Component) {
       _this.refNode = ref;
     };
 
-    _this.loadPlayer = _this.loadPlayer.bind(_assertThisInitialized(_this));
+    _this.loadPlayer = _this.loadPlayer.bind(_assertThisInitialized$1(_this));
     return _this;
   }
   /**
@@ -23070,7 +23058,7 @@ function (_React$Component) {
     var userSuccess = this.props.onSuccess;
     var userFailure = this.props.onFailure;
 
-    var options = _extends$2({}, this.props, {
+    var options = _extends$1({}, this.props, {
       refNode: this.refNode,
       refNodeInsert: 'append',
       onSuccess: function onSuccess(_ref) {
@@ -23379,7 +23367,7 @@ function (_React$Component) {
   ;
 
   _proto.render = function render() {
-    var props = _extends$2({
+    var props = _extends$1({
       className: 'brightcove-react-player-loader'
     }, this.props.attrs, {
       ref: this.setRefNode
@@ -28477,7 +28465,7 @@ var Slideshow$1 = function Slideshow(_ref) {
               { className: 'p-2' },
               slide.slideshowImage.caption && React__default.createElement(
                 'h3',
-                null,
+                { style: { padding: '0px' } },
                 slide.slideshowImage.caption
               ),
               slide.description && React__default.createElement(BlockContent, { blocks: slide.description, serializers: getSerializers$1(serializerArguments) })
@@ -28836,7 +28824,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     React__default.createElement(
       Breadcrumb.Item,
       { active: true },
-      currentPath
+      currentPath.indexOf('?page') !== -1 ? currentPath.slice(NaN, currentPath.indexOf('?page')) : currentPath
     ),
     React__default.createElement(
       'style',