@mjhls/mjh-framework 1.0.1082-rl-v2 → 1.0.1082

package/dist/esm/{Tooltip-fe0ed92d.js → Tooltip-bc98d17e.js}

@@ -1,5 +1,5 @@
-import { _ as _objectWithoutPropertiesLoose, b as _extends, a as _setPrototypeOf, c as classnames } from './index-c8d5e72b.js';
-import React__default, { useRef, useState, useCallback, useContext, useMemo, useEffect, useImperativeHandle, useReducer, forwardRef, cloneElement } from 'react';
+import { _ as _objectWithoutPropertiesLoose, b as _extends, a as _setPrototypeOf, c as classnames } from './index-98ca9cec.js';
+import React__default, { useCallback, useRef, useState, useContext, useMemo, useEffect, useImperativeHandle, useReducer, forwardRef, cloneElement } from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
@@ -412,10 +412,6 @@ process.env.NODE_ENV !== 'production' ? PropTypes.oneOfType([PropTypes.string, P
 
 var TransitionGroupContext = React__default.createContext(null);
 
-var forceReflow = function forceReflow(node) {
-  return node.scrollTop;
-};
-
 var UNMOUNTED = 'unmounted';
 var EXITED = 'exited';
 var ENTERING = 'entering';
@@ -635,14 +631,6 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       this.cancelNextCallback();
 
       if (nextStatus === ENTERING) {
-        if (this.props.unmountOnExit || this.props.mountOnEnter) {
-          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
-          // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
-          // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.
-
-          if (node) forceReflow(node);
-        }
-
         this.performEnter(mounting);
       } else {
         this.performExit();
@@ -2668,57 +2656,38 @@ var max = Math.max;
 var min = Math.min;
 var round = Math.round;
 
-function getUAString() {
-  var uaData = navigator.userAgentData;
-
-  if (uaData != null && uaData.brands) {
-    return uaData.brands.map(function (item) {
-      return item.brand + "/" + item.version;
-    }).join(' ');
-  }
-
-  return navigator.userAgent;
-}
-
-function isLayoutViewport() {
-  return !/^((?!chrome|android).)*safari/i.test(getUAString());
-}
-
-function getBoundingClientRect(element, includeScale, isFixedStrategy) {
+function getBoundingClientRect(element, includeScale) {
   if (includeScale === void 0) {
     includeScale = false;
   }
 
-  if (isFixedStrategy === void 0) {
-    isFixedStrategy = false;
-  }
-
-  var clientRect = element.getBoundingClientRect();
+  var rect = element.getBoundingClientRect();
   var scaleX = 1;
   var scaleY = 1;
 
-  if (includeScale && isHTMLElement(element)) {
-    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
-    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
-  }
+  if (isHTMLElement(element) && includeScale) {
+    var offsetHeight = element.offsetHeight;
+    var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
+    // Fallback to 1 in case both values are `0`
+
+    if (offsetWidth > 0) {
+      scaleX = round(rect.width) / offsetWidth || 1;
+    }
 
-  var _ref = isElement(element) ? getWindow(element) : window,
-      visualViewport = _ref.visualViewport;
+    if (offsetHeight > 0) {
+      scaleY = round(rect.height) / offsetHeight || 1;
+    }
+  }
 
-  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
-  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
-  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
-  var width = clientRect.width / scaleX;
-  var height = clientRect.height / scaleY;
   return {
-    width: width,
-    height: height,
-    top: y,
-    right: x + width,
-    bottom: y + height,
-    left: x,
-    x: x,
-    y: y
+    width: rect.width / scaleX,
+    height: rect.height / scaleY,
+    top: rect.top / scaleY,
+    right: rect.right / scaleX,
+    bottom: rect.bottom / scaleY,
+    left: rect.left / scaleX,
+    x: rect.left / scaleX,
+    y: rect.top / scaleY
   };
 }
 
@@ -2817,8 +2786,8 @@ function getTrueOffsetParent(element) {
 
 
 function getContainingBlock(element) {
-  var isFirefox = /firefox/i.test(getUAString());
-  var isIE = /Trident/i.test(getUAString());
+  var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
+  var isIE = navigator.userAgent.indexOf('Trident') !== -1;
 
   if (isIE && isHTMLElement(element)) {
     // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
@@ -2831,10 +2800,6 @@ function getContainingBlock(element) {
 
   var currentNode = getParentNode(element);
 
-  if (isShadowRoot(currentNode)) {
-    currentNode = currentNode.host;
-  }
-
   while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {
     var css = getComputedStyle$1(currentNode); // This is non-exhaustive but covers the most common CSS properties that
     // create a containing block.
@@ -3027,21 +2992,13 @@ function mapToStyles(_ref2) {
       adaptive = _ref2.adaptive,
       roundOffsets = _ref2.roundOffsets,
       isFixed = _ref2.isFixed;
-  var _offsets$x = offsets.x,
-      x = _offsets$x === void 0 ? 0 : _offsets$x,
-      _offsets$y = offsets.y,
-      y = _offsets$y === void 0 ? 0 : _offsets$y;
 
-  var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({
-    x: x,
-    y: y
-  }) : {
-    x: x,
-    y: y
-  };
+  var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets,
+      _ref3$x = _ref3.x,
+      x = _ref3$x === void 0 ? 0 : _ref3$x,
+      _ref3$y = _ref3.y,
+      y = _ref3$y === void 0 ? 0 : _ref3$y;
 
-  x = _ref3.x;
-  y = _ref3.y;
   var hasX = offsets.hasOwnProperty('x');
   var hasY = offsets.hasOwnProperty('y');
   var sideX = left;
@@ -3067,7 +3024,7 @@ function mapToStyles(_ref2) {
 
     if (placement === top || (placement === left || placement === right) && variation === end) {
       sideY = bottom;
-      var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
+      var offsetY = isFixed && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]
       offsetParent[heightProp];
       y -= offsetY - popperRect.height;
       y *= gpuAcceleration ? 1 : -1;
@@ -3075,7 +3032,7 @@ function mapToStyles(_ref2) {
 
     if (placement === left || (placement === top || placement === bottom) && variation === end) {
       sideX = right;
-      var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
+      var offsetX = isFixed && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]
       offsetParent[widthProp];
       x -= offsetX - popperRect.width;
       x *= gpuAcceleration ? 1 : -1;
@@ -3086,17 +3043,6 @@ function mapToStyles(_ref2) {
     position: position
   }, adaptive && unsetSides);
 
-  var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
-    x: x,
-    y: y
-  }) : {
-    x: x,
-    y: y
-  };
-
-  x = _ref4.x;
-  y = _ref4.y;
-
   if (gpuAcceleration) {
     var _Object$assign;
 
@@ -3106,9 +3052,9 @@ function mapToStyles(_ref2) {
   return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
 }
 
-function computeStyles(_ref5) {
-  var state = _ref5.state,
-      options = _ref5.options;
+function computeStyles(_ref4) {
+  var state = _ref4.state,
+      options = _ref4.options;
   var _options$gpuAccelerat = options.gpuAcceleration,
       gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
       _options$adaptive = options.adaptive,
@@ -3258,21 +3204,31 @@ function getWindowScrollBarX(element) {
   return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
 }
 
-function getViewportRect(element, strategy) {
+function getViewportRect(element) {
   var win = getWindow(element);
   var html = getDocumentElement(element);
   var visualViewport = win.visualViewport;
   var width = html.clientWidth;
   var height = html.clientHeight;
   var x = 0;
-  var y = 0;
+  var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper
+  // can be obscured underneath it.
+  // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even
+  // if it isn't open, so if this isn't available, the popper will be detected
+  // to overflow the bottom of the screen too early.
 
   if (visualViewport) {
     width = visualViewport.width;
-    height = visualViewport.height;
-    var layoutViewport = isLayoutViewport();
-
-    if (layoutViewport || !layoutViewport && strategy === 'fixed') {
+    height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently)
+    // In Chrome, it returns a value very close to 0 (+/-) but contains rounding
+    // errors due to floating point numbers, so we need to check precision.
+    // Safari returns a number <= 0, usually < -1 when pinch-zoomed
+    // Feature detection fails in mobile emulation mode in Chrome.
+    // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <
+    // 0.001
+    // Fallback here: "Not Safari" userAgent
+
+    if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
       x = visualViewport.offsetLeft;
       y = visualViewport.offsetTop;
     }
@@ -3366,8 +3322,8 @@ function rectToClientRect(rect) {
   });
 }
 
-function getInnerBoundingClientRect(element, strategy) {
-  var rect = getBoundingClientRect(element, false, strategy === 'fixed');
+function getInnerBoundingClientRect(element) {
+  var rect = getBoundingClientRect(element);
   rect.top = rect.top + element.clientTop;
   rect.left = rect.left + element.clientLeft;
   rect.bottom = rect.top + element.clientHeight;
@@ -3379,8 +3335,8 @@ function getInnerBoundingClientRect(element, strategy) {
   return rect;
 }
 
-function getClientRectFromMixedType(element, clippingParent, strategy) {
-  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+function getClientRectFromMixedType(element, clippingParent) {
+  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
 } // A "clipping parent" is an overflowable container with the characteristic of
 // clipping (or hiding) overflowing elements with a position different from
 // `initial`
@@ -3397,24 +3353,24 @@ function getClippingParents(element) {
 
 
   return clippingParents.filter(function (clippingParent) {
-    return isElement(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
+    return isElement(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body' && (canEscapeClipping ? getComputedStyle$1(clippingParent).position !== 'static' : true);
   });
 } // Gets the maximum area that the element is visible in due to any number of
 // clipping parents
 
 
-function getClippingRect(element, boundary, rootBoundary, strategy) {
+function getClippingRect(element, boundary, rootBoundary) {
   var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
   var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
   var firstClippingParent = clippingParents[0];
   var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
-    var rect = getClientRectFromMixedType(element, clippingParent, strategy);
+    var rect = getClientRectFromMixedType(element, clippingParent);
     accRect.top = max(rect.top, accRect.top);
     accRect.right = min(rect.right, accRect.right);
     accRect.bottom = min(rect.bottom, accRect.bottom);
     accRect.left = max(rect.left, accRect.left);
     return accRect;
-  }, getClientRectFromMixedType(element, firstClippingParent, strategy));
+  }, getClientRectFromMixedType(element, firstClippingParent));
   clippingRect.width = clippingRect.right - clippingRect.left;
   clippingRect.height = clippingRect.bottom - clippingRect.top;
   clippingRect.x = clippingRect.left;
@@ -3495,8 +3451,6 @@ function detectOverflow(state, options) {
   var _options = options,
       _options$placement = _options.placement,
       placement = _options$placement === void 0 ? state.placement : _options$placement,
-      _options$strategy = _options.strategy,
-      strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
       _options$boundary = _options.boundary,
       boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
       _options$rootBoundary = _options.rootBoundary,
@@ -3511,7 +3465,7 @@ function detectOverflow(state, options) {
   var altContext = elementContext === popper ? reference : popper;
   var popperRect = state.rects.popper;
   var element = state.elements[altBoundary ? altContext : elementContext];
-  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
+  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
   var referenceClientRect = getBoundingClientRect(state.elements.reference);
   var popperOffsets = computeOffsets({
     reference: referenceClientRect,
@@ -4029,7 +3983,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0

package/dist/esm/VerticalHero.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import './moment-48faeb9c.js';
+import './moment-bc12cb97.js';
 import urlFor from './urlFor.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './slicedToArray-72ed566b.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-de2bb37c.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
@@ -30,7 +30,7 @@ import './index-755f2cc2.js';
 import 'react-dom';
 import './typeof-3ab7d3b6.js';
 import './_is-array-68c79b29.js';
-import './brightcove-react-player-loader.es-a2422c4b.js';
+import './brightcove-react-player-loader.es-57a70a56.js';
 import './_object-to-array-9dfdfb29.js';
 import './keys-185288f4.js';
 import './_object-sap-14bd8e96.js';
@@ -38,7 +38,7 @@ import 'react-bootstrap/Modal';
 import 'react-ga';
 import './GroupDeck.js';
 import './smoothscroll-fa4e3f8c.js';
-import './moment-48faeb9c.js';
+import './moment-bc12cb97.js';
 import './SocialShare.js';
 import 'next/head';
 import 'react-share';

package/dist/esm/VideoSeriesCard.js

@@ -2,7 +2,7 @@ import { _ as _typeof } from './typeof-3ab7d3b6.js';
 import React__default from 'react';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import urlFor from './urlFor.js';
-import { m as moment } from './moment-48faeb9c.js';
+import { m as moment } from './moment-bc12cb97.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import 'prop-types';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/VideoSeriesLandingPage.js

@@ -1,7 +1,7 @@
 import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-1ebeb135.js';
 import { _ as _typeof } from './typeof-3ab7d3b6.js';
 import React__default from 'react';
-import { m as moment } from './moment-48faeb9c.js';
+import { m as moment } from './moment-bc12cb97.js';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import MasterDeck from './MasterDeck.js';

package/dist/esm/VideoSeriesListing.js

@@ -5,7 +5,7 @@ import { l as lib_3 } from './index-5cc7b406.js';
 import Container from 'react-bootstrap/Container';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
-import { m as moment } from './moment-48faeb9c.js';
+import { m as moment } from './moment-bc12cb97.js';
 import { withRouter } from 'next/router';
 import YoutubeGroup from './YoutubeGroup.js';
 import { d as debounce_1 } from './debounce-533d9748.js';

package/dist/esm/View.js

@@ -6,7 +6,7 @@ import Head from 'next/head';
 import { useRouter } from 'next/router';
 import { _ as _JSON$stringify } from './stringify-1e2a5946.js';
 import { _ as _toConsumableArray } from './toConsumableArray-e6f28e5c.js';
-import { m as moment } from './moment-48faeb9c.js';
+import { m as moment } from './moment-bc12cb97.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { m as main_43 } from './main-754d4992.js';
 import 'react-bootstrap/Dropdown';
@@ -15,7 +15,7 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-1d1bbc8c.js';
+import { r as renderAuthor, g as getSerializers } from './index-de2bb37c.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-acbdf4c9.js';
 import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-b62a177c.js';
@@ -49,7 +49,7 @@ import 'react-bootstrap';
 import './index-c7e2ac95.js';
 import './Beam.js';
 import './Segment.js';
-import './brightcove-react-player-loader.es-a2422c4b.js';
+import './brightcove-react-player-loader.es-57a70a56.js';
 import './_object-to-array-9dfdfb29.js';
 import 'react-bootstrap/Modal';
 import 'react-ga';
@@ -114,8 +114,7 @@ var getDocumentGroupUrl = function getDocumentGroupUrl(docGroup) {
   if (typeof url !== 'undefined') {
     url = url + '/' + docGroup.path;
   } else {
-    // url = '/' + docGroup.path
-    return null;
+    url = '/' + docGroup.path;
   }
 
   return url;
@@ -138,8 +137,7 @@ var getDocumentGroupName = function getDocumentGroupName(docGroup) {
   if (typeof name !== 'undefined') {
     name = name + ' | <b>' + docGroup.name + '</b>';
   } else {
-    // name = '<b>' + docGroup.name + '</b>'
-    return null;
+    name = '<b>' + docGroup.name + '</b>';
   }
 
   return name && typeof name != 'undefined' ? name : null;
@@ -181,7 +179,6 @@ var DocumentGroup = function DocumentGroup(_ref) {
     thumbnailUrl = urlFor({ client: client, source: mediaSeriesGroup.thumbnail });
   }
   var margin = article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].parent && article.documentGroupMapping[0].parent.parent && article.documentGroupMapping[0].parent.parent.contextText || article.documentGroup && article.documentGroup.parent && article.documentGroup.parent.parent && article.documentGroup.parent.parent.contextText ? 'none' : '1rem';
-  console.log("check me", article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].parent && article.documentGroupMapping[0].parent.parent && article.documentGroupMapping[0].parent.parent.contextText ? article.documentGroupMapping[0].parent.parent.contextText : article.documentGroup && article.documentGroup.parent && article.documentGroup.parent.parent && article.documentGroup.parent.parent.contextText ? article.documentGroup.parent.parent.contextText : null);
   return React__default.createElement(
     'div',
     null,
@@ -190,7 +187,7 @@ var DocumentGroup = function DocumentGroup(_ref) {
       { style: { textAlign: 'center', fontWeight: 600 } },
       article.documentGroupMapping && article.documentGroupMapping[0] && article.documentGroupMapping[0].parent && article.documentGroupMapping[0].parent.parent && article.documentGroupMapping[0].parent.parent.contextText ? article.documentGroupMapping[0].parent.parent.contextText : article.documentGroup && article.documentGroup.parent && article.documentGroup.parent.parent && article.documentGroup.parent.parent.contextText ? article.documentGroup.parent.parent.contextText : null
     ),
-    url && name && React__default.createElement(
+    React__default.createElement(
       'a',
       {
         href: url,
@@ -1264,24 +1261,12 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
           if (documentGroup.isShow === false || documentGroup.excludeRelatedContents) {
             return null;
           }
-
-          var doc_url = cpModificationRequired ? getDocumentGroupUrl(documentGroup) : documentGroup.ancestor ? documentGroup.parent && !documentGroup.path.includes('/') ? '/' + documentGroup.ancestor + '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.ancestor + '/' + documentGroup.path : documentGroup.parent ? !documentGroup.path.includes('/') ? '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.path : '/' + documentGroup.path;
-          console.log("doc_url----------------", doc_url);
-          var href = '' + doc_url;
-          relatedLinks = [].concat(_toConsumableArray(relatedLinks), [{ label: documentGroup.name, href: href }]);
-          // if (documentGroup.parent) {
-          //   relatedLinks = [
-          //     ...relatedLinks,
-          //     {
-          //       label: documentGroup.name,
-          //       href: cpModificationRequired
-          //         ? getDocumentGroupUrl(documentGroup)
-          //         : documentGroup.parent.identifier && documentGroup.parent.identifier.current && !documentGroup.path.includes('/')
-          //           ? `/${documentGroup.parent.identifier.current}/${documentGroup.path}`
-          //           : `/${documentGroup.path}`
-          //     }
-          //   ]
-          // }
+          if (documentGroup.parent) {
+            relatedLinks = [].concat(_toConsumableArray(relatedLinks), [{
+              label: documentGroup.name,
+              href: cpModificationRequired ? getDocumentGroupUrl(documentGroup) : documentGroup.parent.identifier && documentGroup.parent.identifier.current && !documentGroup.path.includes('/') ? '/' + documentGroup.parent.identifier.current + '/' + documentGroup.path : '/' + documentGroup.path
+            }]);
+          }
         });
       }
       if (content_placement && content_placement.length > 0) {
@@ -1291,10 +1276,8 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
           if (cp.excludeRelatedContents) {
             return null;
           }
-
-          var cp_url = cpModificationRequired ? getContentPlacementUrl(cp) : cp.ancestor ? cp.parent && !cp.path.includes('/') ? '/' + cp.ancestor + '/' + cp.parent + '/' + cp.path : '/' + cp.ancestor + '/' + cp.path : cp.parent ? !cp.path.includes('/') ? '/' + cp.parent + '/' + cp.path : '/' + cp.path : '/' + cp.path;
-          console.log("cp_url----------------------------", cp_url);
-          var href = '' + cp_url;
+          var cp_url = cpModificationRequired ? getContentPlacementUrl(cp) : cp.path;
+          var href = '/' + cp_url;
           relatedLinks = [].concat(_toConsumableArray(relatedLinks), [{ label: cp.name, href: href }]);
         });
       }
@@ -1315,7 +1298,7 @@ var Article = React__default.memo(forwardRef(function (props, ref) {
                 { key: index, className: 'related-link' },
                 React__default.createElement(
                   'a',
-                  { className: 'related-links article', style: { color: 'blue' }, href: relatedLink.href },
+                  { className: 'related-links', style: { color: 'blue' }, href: relatedLink.href },
                   relatedLink.label
                 ),
                 React__default.createElement(
@@ -2390,8 +2373,6 @@ var View = function View(props) {
       var title = _props$article2.title,
       seriesShareOptions = _props$article2.seriesShareOptions;
 
-  console.log(props);
-
   var _useState = useState(0),
       _useState2 = _slicedToArray(_useState, 2),
       currentPage = _useState2[0],

package/dist/esm/YahooHero.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { m as moment } from './moment-48faeb9c.js';
+import { m as moment } from './moment-bc12cb97.js';
 import urlFor from './urlFor.js';
 import { c as clean_html_1 } from './entities-6d9154b4.js';
 import { A as AuthorComponent } from './AuthorComponent-d9653ae5.js';

package/dist/esm/{brightcove-react-player-loader.es-a2422c4b.js → brightcove-react-player-loader.es-57a70a56.js}

@@ -564,7 +564,7 @@ proto.createDocumentFragment = function createDocumentFragment() {
 };
 
 proto.createEvent = function createEvent(family) {
-    return new event()
+    return new event(family)
 };
 
 proto.createComment = function createComment(data) {
@@ -625,7 +625,7 @@ if (typeof window !== "undefined") {
 
 var window_1 = win;
 
-/*! @name @brightcove/react-player-loader @version 1.4.2 @license Apache-2.0 */
+/*! @name @brightcove/react-player-loader @version 1.4.1 @license Apache-2.0 */
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -2073,7 +2073,7 @@ function (_React$Component) {
 
   _proto.updatePlayer = function updatePlayer(changes) {
     // No player exists, player is disposed, or not using the catalog
-    if (!this.player || !this.player.el || !this.player.el()) {
+    if (!this.player || !this.player.el()) {
       return;
     } // If the player is using the catalog plugin, we _may_ populate this
     // variable with an object.

package/dist/esm/{defineProperty-e8022d1e.js → defineProperty-23a8f8cd.js}

@@ -37,7 +37,8 @@ function _asyncToGenerator(fn) {
   };
 }
 
-module.exports = _asyncToGenerator, module.exports.__esModule = true, module.exports["default"] = module.exports;
+module.exports = _asyncToGenerator;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
 });
 
 var _asyncToGenerator = unwrapExports(asyncToGenerator);
@@ -58,7 +59,8 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
+module.exports = _defineProperty;
+module.exports["default"] = module.exports, module.exports.__esModule = true;
 });
 
 var _defineProperty = unwrapExports(defineProperty);