@mjhls/mjh-framework 1.0.927 → 1.0.928-test-slideshow

package/dist/esm/{index-74c8ee86.js → index-c071590e.js}

@@ -1,39 +1,39 @@
-import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
-import { _ as _export, a as _core } from './core.get-iterator-method-0fb60d94.js';
-import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-e333293f.js';
-import { _ as _extends, b as _extends$1 } from './extends-9a61581c.js';
-import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1, e as classCallCheck, p as possibleConstructorReturn, i as inherits } from './inherits-eeaf6740.js';
-import { _ as _typeof$1 } from './typeof-938ae770.js';
+import { _ as _extends, b as _extends$1 } from './extends-6d8e3924.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
-import { l as lib_3 } from './index-a9e53f80.js';
-import PropTypes from 'prop-types';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
-import { m as moment } from './moment-b6f49411.js';
-import Router, { useRouter } from 'next/router';
-import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-9c3bb613.js';
+import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-6ebcbfea.js';
+import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
 import urlFor from './urlFor.js';
-import { L as LazyLoad } from './index-5f7e79e7.js';
-import { e as main_18, b as main_42, m as main_43 } from './main-ede573ee.js';
-import { h as html_decode_1 } from './entities-731f3fdb.js';
-import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-ff459dfa.js';
-import Segment from './Segment.js';
-import './Beam.js';
-import DFPAdSlot from './AdSlot.js';
-import Button$1 from 'react-bootstrap/Button';
-import { B as BlockContent } from './BlockContent-ea93e8f7.js';
+import { l as lib_3 } from './index-f0fc23eb.js';
+import Router, { useRouter } from 'next/router';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
+import PropTypes from 'prop-types';
+import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
+import { u as util } from './util-8ed16d48.js';
+import './Beam.js';
+import Segment from './Segment.js';
+import { e as main_18, b as main_42, m as main_43 } from './main-1894c974.js';
+import { B as BlockContent } from './BlockContent-1e73bd2c.js';
+import { u as urlForFile } from './urlForFile-b69adffc.js';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-958ef5fc.js';
+import { _ as _typeof$1 } from './typeof-e9fc0c5d.js';
+import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-57a70a56.js';
 import GroupDeck from './GroupDeck.js';
-import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button, ProgressBar } from 'react-bootstrap';
-import { c as IoIosArrowDropupCircle } from './index.esm-55f22b35.js';
-import { u as util } from './util-7700fc59.js';
-import { u as urlForFile } from './urlForFile-f1fe0b74.js';
-import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-e761d404.js';
-import Head from 'next/head';
+import { m as moment } from './moment-bc12cb97.js';
 import SocialShare from './SocialShare.js';
-import { _ as _objectToArray } from './_object-to-array-ee8f6d98.js';
+import { _ as _export, a as _core } from './core.get-iterator-method-ea258bb1.js';
+import { _ as _objectToArray } from './_object-to-array-2300e51b.js';
+import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-f7074d7c.js';
 import Pagination from 'react-bootstrap/Pagination';
-import Figure$1$1 from 'react-bootstrap/Figure';
+import Button$1 from 'react-bootstrap/Button';
+import { h as html_decode_1 } from './entities-6d9154b4.js';
+import DFPAdSlot from './AdSlot.js';
+import Row$1 from 'react-bootstrap/Row';
+import Col$1 from 'react-bootstrap/Col';
+import Head from 'next/head';
+import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1, e as classCallCheck, p as possibleConstructorReturn, i as inherits } from './inherits-a6ba2ec4.js';
+import { c as IoIosArrowDropupCircle } from './index.esm-eb1e8e80.js';
+import Figure$2 from 'react-bootstrap/Figure';
 import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
 import Tooltip from 'react-bootstrap/Tooltip';
 import Popover from 'react-bootstrap/Popover';
@@ -44,7 +44,7 @@ var onChangeSlide = function onChangeSlide(selectedIndex, router) {
   Router.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
 };
 
-var Slideshow = function Slideshow(_ref) {
+var Slideshow$1 = function Slideshow(_ref) {
   var slides = _ref.slides,
       client = _ref.client,
       pageview = _ref.pageview;
@@ -681,14 +681,14 @@ function coerce(val) {
   return val;
 }
 });
-var debug_1 = debug.coerce;
-var debug_2 = debug.disable;
-var debug_3 = debug.enable;
-var debug_4 = debug.enabled;
-var debug_5 = debug.humanize;
-var debug_6 = debug.names;
-var debug_7 = debug.skips;
-var debug_8 = debug.formatters;
+debug.coerce;
+debug.disable;
+debug.enable;
+debug.enabled;
+debug.humanize;
+debug.names;
+debug.skips;
+debug.formatters;
 
 var browser = createCommonjsModule(function (module, exports) {
 /**
@@ -877,13 +877,13 @@ function localstorage() {
   } catch (e) {}
 }
 });
-var browser_1 = browser.log;
-var browser_2 = browser.formatArgs;
-var browser_3 = browser.save;
-var browser_4 = browser.load;
-var browser_5 = browser.useColors;
-var browser_6 = browser.storage;
-var browser_7 = browser.colors;
+browser.log;
+browser.formatArgs;
+browser.save;
+browser.load;
+browser.useColors;
+browser.storage;
+browser.colors;
 
 // MIT lisence
 // from https://github.com/substack/tty-browserify/blob/1ba769a6429d242f36226538835b4034bf6b7886/index.js
@@ -1158,14 +1158,14 @@ function init (debug) {
 
 exports.enable(load());
 });
-var node_1 = node.init;
-var node_2 = node.log;
-var node_3 = node.formatArgs;
-var node_4 = node.save;
-var node_5 = node.load;
-var node_6 = node.useColors;
-var node_7 = node.colors;
-var node_8 = node.inspectOpts;
+node.init;
+node.log;
+node.formatArgs;
+node.save;
+node.load;
+node.useColors;
+node.colors;
+node.inspectOpts;
 
 var src = createCommonjsModule(function (module) {
 /**
@@ -2459,7 +2459,7 @@ var Video = function Video(_ref) {
     // ad impression
     player.on('ads-ad-started', function (evt) {
       var duration = player.ads.ad.duration;
-      var id = player.ads.ad.id;
+      player.ads.ad.id;
       var adType = 'Bright Cove: ' + player.ads.ad.type;
 
       //Beam.report_beam_ad('AD Started', deviceType, '', '', '', '', '', adType, duration, id)
@@ -2469,7 +2469,7 @@ var Video = function Video(_ref) {
     // ad ended
     player.on('ads-ad-ended', function (evt) {
       var duration = player.ads.ad.duration;
-      var id = player.ads.ad.id;
+      player.ads.ad.id;
       var adType = 'Bright Cove: ' + player.ads.ad.type;
       //Beam.report_beam_ad('AD Ended', deviceType, '', '', '', '', '', adType, duration, id)
       Segment.report_ad_event('Video Ad Ended', main_18, duration, adType, accountIDs.brightcove.playerId, accountIDs.brightcove.accountId);
@@ -2737,9 +2737,9 @@ exports.DEPRECATED_CONFIG_PROPS = DEPRECATED_CONFIG_PROPS;
 });
 
 unwrapExports(props);
-var props_1 = props.DEPRECATED_CONFIG_PROPS;
-var props_2 = props.defaultProps;
-var props_3 = props.propTypes;
+props.DEPRECATED_CONFIG_PROPS;
+props.defaultProps;
+props.propTypes;
 
 var isMergeableObject = function isMergeableObject(value) {
 	return isNonNullObject(value)
@@ -3174,17 +3174,17 @@ function isMediaStream(url) {
 });
 
 unwrapExports(utils);
-var utils_1 = utils.parseStartTime;
-var utils_2 = utils.parseEndTime;
-var utils_3 = utils.randomString;
-var utils_4 = utils.queryString;
-var utils_5 = utils.getSDK;
-var utils_6 = utils.getConfig;
-var utils_7 = utils.omit;
-var utils_8 = utils.callPlayer;
-var utils_9 = utils.isObject;
-var utils_10 = utils.isEqual;
-var utils_11 = utils.isMediaStream;
+utils.parseStartTime;
+utils.parseEndTime;
+utils.randomString;
+utils.queryString;
+utils.getSDK;
+utils.getConfig;
+utils.omit;
+utils.callPlayer;
+utils.isObject;
+utils.isEqual;
+utils.isMediaStream;
 
 var Player_1 = createCommonjsModule(function (module, exports) {
 
@@ -4061,7 +4061,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(YouTube_1);
-var YouTube_2 = YouTube_1.YouTube;
+YouTube_1.YouTube;
 
 var SoundCloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -4278,7 +4278,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(SoundCloud_1);
-var SoundCloud_2 = SoundCloud_1.SoundCloud;
+SoundCloud_1.SoundCloud;
 
 var Vimeo_1 = createCommonjsModule(function (module, exports) {
 
@@ -4534,7 +4534,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Vimeo_1);
-var Vimeo_2 = Vimeo_1.Vimeo;
+Vimeo_1.Vimeo;
 
 var Facebook_1 = createCommonjsModule(function (module, exports) {
 
@@ -4746,7 +4746,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Facebook_1);
-var Facebook_2 = Facebook_1.Facebook;
+Facebook_1.Facebook;
 
 var Streamable_1 = createCommonjsModule(function (module, exports) {
 
@@ -4957,7 +4957,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Streamable_1);
-var Streamable_2 = Streamable_1.Streamable;
+Streamable_1.Streamable;
 
 var Wistia_1 = createCommonjsModule(function (module, exports) {
 
@@ -5200,7 +5200,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Wistia_1);
-var Wistia_2 = Wistia_1.Wistia;
+Wistia_1.Wistia;
 
 var Twitch_1 = createCommonjsModule(function (module, exports) {
 
@@ -5416,7 +5416,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Twitch_1);
-var Twitch_2 = Twitch_1.Twitch;
+Twitch_1.Twitch;
 
 var DailyMotion_1 = createCommonjsModule(function (module, exports) {
 
@@ -5652,7 +5652,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(DailyMotion_1);
-var DailyMotion_2 = DailyMotion_1.DailyMotion;
+DailyMotion_1.DailyMotion;
 
 var Mixcloud_1 = createCommonjsModule(function (module, exports) {
 
@@ -5851,7 +5851,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(Mixcloud_1);
-var Mixcloud_2 = Mixcloud_1.Mixcloud;
+Mixcloud_1.Mixcloud;
 
 var FilePlayer_1 = createCommonjsModule(function (module, exports) {
 
@@ -6385,7 +6385,7 @@ exports["default"] = _default;
 });
 
 unwrapExports(FilePlayer_1);
-var FilePlayer_2 = FilePlayer_1.FilePlayer;
+FilePlayer_1.FilePlayer;
 
 var players = createCommonjsModule(function (module, exports) {
 
@@ -7556,14 +7556,14 @@ var YouTubeGallery = function YouTubeGallery(_ref) {
   );
 };
 
-var Poll = function Poll(_ref) {
-  var node = _ref.node,
-      client = _ref.client,
-      pageview = _ref.pageview,
-      videoAccountIDs = _ref.videoAccountIDs,
-      onVote = _ref.onVote,
-      _ref$showVotes = _ref.showVotes,
-      getSerializers = _ref.getSerializers;
+var Poll$1 = function Poll(_ref) {
+  var node = _ref.node;
+      _ref.client;
+      _ref.pageview;
+      _ref.videoAccountIDs;
+      var onVote = _ref.onVote;
+      _ref.showVotes;
+      var getSerializers = _ref.getSerializers;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7697,22 +7697,22 @@ _export(_export.S, 'Object', {
   }
 });
 
-var values = _core.Object.values;
+var values$1 = _core.Object.values;
 
-var values$1 = createCommonjsModule(function (module) {
-module.exports = { "default": values, __esModule: true };
+var values = createCommonjsModule(function (module) {
+module.exports = { "default": values$1, __esModule: true };
 });
 
-var _Object$values = unwrapExports(values$1);
+var _Object$values = unwrapExports(values);
 
-var Poll$1 = function Poll(_ref) {
-  var node = _ref.node,
-      client = _ref.client,
-      pageview = _ref.pageview,
-      videoAccountIDs = _ref.videoAccountIDs,
-      onVote = _ref.onVote,
-      _ref$showVotes = _ref.showVotes,
-      getSerializers = _ref.getSerializers;
+var Poll = function Poll(_ref) {
+  var node = _ref.node;
+      _ref.client;
+      _ref.pageview;
+      _ref.videoAccountIDs;
+      var onVote = _ref.onVote;
+      _ref.showVotes;
+      var getSerializers = _ref.getSerializers;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -8159,7 +8159,7 @@ var Leads = function Leads(_ref) {
   );
 };
 
-var Slideshow$1 = function Slideshow(_ref) {
+var Slideshow = function Slideshow(_ref) {
   var slides = _ref.node.slides,
       client = _ref.client,
       pageview = _ref.pageview,
@@ -8172,7 +8172,6 @@ var Slideshow$1 = function Slideshow(_ref) {
       _useState2 = _slicedToArray(_useState, 2),
       carouselIndex = _useState2[0],
       setCarouselIndex = _useState2[1];
-
   // useEffect(() => {
   //   let itemArr = router.asPath.split('?page=')
   //   let pageNumber = parseInt(itemArr[1])
@@ -8183,16 +8182,21 @@ var Slideshow$1 = function Slideshow(_ref) {
   //   }
   // }, [router])
 
-  useEffect(function () {
-    lib_3.refresh();
-    if (pageview) pageview(router.asPath);
-  }, [router]);
+
+  //component reRenders twice due to the implementation of react-bootstrap carousel, will do this inside onChange slide
+  // useEffect(() => {
+  //     DFPManager.refresh()
+  //   if (pageview) pageview(router.asPath)
+  // }, [router])
+
 
   var onChangeSlide = function onChangeSlide(selectedIndex) {
     var pageNumber = selectedIndex + 1;
     var href = '/view/' + router.query.url + '?page=' + pageNumber;
     router.push(router.pathname, pageNumber > 1 ? href : '/view/' + router.query.url, { shallow: true });
     setCarouselIndex(selectedIndex);
+    lib_3.refresh();
+    if (pageview) pageview(href);
   };
 
   return React__default.createElement(
@@ -8987,7 +8991,7 @@ var compareProps = function compareProps(prevProps, nextProps) {
   }
 };
 
-var FigureImage = React__default.memo(function (_ref2) {
+var FigureImage$1 = React__default.memo(function (_ref2) {
   var node = _ref2.node,
       client = _ref2.client,
       imgAlt = _ref2.imgAlt,
@@ -9184,7 +9188,7 @@ var FigureComponent = function FigureComponent(props) {
     React__default.Fragment,
     null,
     infoBox.length >= 1 ? React__default.createElement(
-      Figure$1$1,
+      Figure$2,
       { className: '' + class_name, style: figureStyle },
       link ? React__default.createElement(
         'a',
@@ -9206,17 +9210,17 @@ var FigureComponent = function FigureComponent(props) {
         }
       })
     ) : React__default.createElement(
-      Figure$1$1,
+      Figure$2,
       { className: '' + class_name, style: figureStyle },
       link ? React__default.createElement(
         'a',
         { target: blank ? '_blank' : '_self', href: link },
-        React__default.createElement(FigureImage, { node: node, client: client, imgAlt: alt, link: link }),
+        React__default.createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, link: link }),
         React__default.createElement(FigureCaption, null)
       ) : React__default.createElement(
         React__default.Fragment,
         null,
-        React__default.createElement(FigureImage, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
+        React__default.createElement(FigureImage$1, { node: node, client: client, imgAlt: alt, handleClickFigure: handleClickFigure }),
         React__default.createElement(FigureCaption, null)
       ),
       React__default.createElement(LightBox, {
@@ -9253,7 +9257,7 @@ function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   }, [ref]);
 }
 
-var FigureImage$1 = React__default.memo(function (_ref) {
+var FigureImage = React__default.memo(function (_ref) {
   var imagesCount = _ref.imagesCount,
       image = _ref.image,
       client = _ref.client,
@@ -9435,7 +9439,7 @@ var MultiFigure = function MultiFigure(props) {
                   React__default.createElement(
                     LazyLoad,
                     { once: true },
-                    React__default.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
+                    React__default.createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, link: image.link })
                   ),
                   React__default.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
                 )
@@ -9445,7 +9449,7 @@ var MultiFigure = function MultiFigure(props) {
                 React__default.createElement(
                   LazyLoad,
                   { once: true },
-                  React__default.createElement(FigureImage$1, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
+                  React__default.createElement(FigureImage, { imagesCount: images.length, image: image, client: client, imgAlt: image.alt, handleClickFigure: handleClickFigure })
                 ),
                 React__default.createElement(FigureCaption, { caption: image.caption, imgcaption: image.imgcaption })
               )
@@ -9726,9 +9730,9 @@ var ScriptTag = function (_Component) {
 
         // The 'isHydrating' prop must NOT be passed to the script tag
         // eslint-disable-next-line no-unused-vars
-        var _props3 = this.props,
-            isHydrating = _props3.isHydrating,
-            tagProps = (0, _objectWithoutProperties3.default)(_props3, ['isHydrating']);
+        var _props3 = this.props;
+            _props3.isHydrating;
+            var tagProps = (0, _objectWithoutProperties3.default)(_props3, ['isHydrating']);
 
         return _react2.default.createElement('script', (0, _extends3.default)({}, tagProps, { ref: function ref(tag) {
                 return _this2.domRef = tag;
@@ -10006,7 +10010,7 @@ var getSerializers = function getSerializers() {
         var node = _ref6.node;
         var slides = node.slides;
 
-        return React__default.createElement(Slideshow, { slides: slides, client: client, pageview: pageview });
+        return React__default.createElement(Slideshow$1, { slides: slides, client: client, pageview: pageview });
       },
       sidebar: function sidebar(_ref7) {
         var node = _ref7.node;
@@ -10044,12 +10048,12 @@ var getSerializers = function getSerializers() {
       poll: function poll(_ref13) {
         var node = _ref13.node;
 
-        return React__default.createElement(Poll, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default.createElement(Poll$1, { node: node, client: client, pageview: pageview, videoAccountIDs: videoAccountIDs, showVotes: showVotes, onVote: onVote, getSerializers: getSerializers.apply(undefined, props) });
       },
       pollMultiChoice: function pollMultiChoice(_ref14) {
         var node = _ref14.node;
 
-        return React__default.createElement(Poll$1, {
+        return React__default.createElement(Poll, {
           node: node,
           client: client,
           pageview: pageview,
@@ -10075,7 +10079,7 @@ var getSerializers = function getSerializers() {
       slideshows: function slideshows(_ref17) {
         var node = _ref17.node;
 
-        return React__default.createElement(Slideshow$1, { node: node, client: client, pageview: pageview, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default.createElement(Slideshow, { node: node, client: client, pageview: pageview, getSerializers: getSerializers.apply(undefined, props) });
       },
       nativeAd: function nativeAd(_ref18) {
         var node = _ref18.node;