@mjhls/mjh-framework 1.0.882 → 1.0.883-mwn-test

package/dist/esm/SideFooter.js

@@ -1,18 +1,18 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
-import './_library-528f1934.js';
-import './_iter-detect-13e31915.js';
-import './define-property-73034847.js';
-import './web.dom.iterable-6b037ff9.js';
+import { _ as _defineProperty } from './defineProperty-8c30428f.js';
 import React__default, { useRef, useEffect } from 'react';
-import 'prop-types';
-import './isSymbol-1981418f.js';
-import './asyncToGenerator-40371743.js';
+import { r as reactSocialIcons_1 } from './react-social-icons-9be47857.js';
+import { g as get_1 } from './get-3c308da4.js';
 import Segment from './Segment.js';
-import { g as get_1 } from './get-1e515072.js';
-import './eq-b470f743.js';
-import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
-import { _ as _defineProperty } from './defineProperty-e66a2c7c.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './define-property-5f1bda73.js';
+import './core.get-iterator-method-ea258bb1.js';
+import 'prop-types';
+import './isSymbol-a7e9aafe.js';
+import './eq-bdcbf886.js';
+import './asyncToGenerator-5ef104a7.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './_library-528f1934.js';
+import './_iter-detect-98db3b07.js';
 
 var year = new Date().getFullYear();
 

package/dist/esm/{SocialSearchComponent-7f3d6531.js → SocialSearchComponent-8e0fcf66.js}

@@ -1,12 +1,12 @@
+import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-9c3bb613.js';
-import { f as main_34, c as main_44 } from './main-ede573ee.js';
-import Button$1 from 'react-bootstrap/Button';
-import { I as IconContext } from './iconBase-602d52fe.js';
-import Form from 'react-bootstrap/Form';
-import { G as GoSearch } from './index.esm-ed50151c.js';
 import SocialIcons from './SocialIcons.js';
+import { G as GoSearch } from './index.esm-37268dca.js';
+import { I as IconContext } from './iconBase-ccc56b97.js';
+import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
+import Button from 'react-bootstrap/Button';
+import { f as main_34, c as main_44 } from './main-1894c974.js';
 
 var SocialSearchComponent = function SocialSearchComponent(_ref) {
   var type = _ref.type,
@@ -100,7 +100,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
               return setSearchKey(e.target.value);
             } }),
           React__default.createElement(
-            Button$1,
+            Button,
             { variant: 'primary', style: { backgroundColor: 'var(--secondary)', border: 'none', width: '20%', marginLeft: '2%' }, onClick: function onClick(e) {
                 return submitSearch(e);
               } },
@@ -147,7 +147,7 @@ var SocialSearchComponent = function SocialSearchComponent(_ref) {
               return setSearchKey(e.target.value);
             } }),
           React__default.createElement(
-            Button$1,
+            Button,
             { variant: 'primary', style: { backgroundColor: 'var(--secondary)', border: 'none', width: '20%', marginLeft: '2%' }, onClick: function onClick(e) {
                 return submitSearch(e);
               } },

package/dist/esm/TaxonomyCard.js

@@ -1,21 +1,21 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-9a61581c.js';
-import './web.dom.iterable-6b037ff9.js';
+import { _ as _extends } from './extends-6d8e3924.js';
 import React__default from 'react';
+import { B as BlockContent } from './BlockContent-1e73bd2c.js';
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Card from 'react-bootstrap/Card';
+import urlFor from './urlFor.js';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import { r as reactSocialIcons_1 } from './react-social-icons-9be47857.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './_object-pie-133f504a.js';
 import 'prop-types';
-import Container$1 from 'react-bootstrap/Container';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
-import Card$1 from 'react-bootstrap/Card';
+import './index-3f5c03b2.js';
+import './slicedToArray-6ebcbfea.js';
+import './web.dom.iterable-ab4dea5c.js';
 import 'react-dom';
-import './slicedToArray-9c3bb613.js';
-import './index-f7fdcc91.js';
-import urlFor from './urlFor.js';
-import { L as LazyLoad } from './index-5f7e79e7.js';
-import { B as BlockContent } from './BlockContent-ea93e8f7.js';
-import { r as reactSocialIcons_1 } from './react-social-icons-a7d5c5c7.js';
 
 var TaxonomyCard = function TaxonomyCard(props) {
   // setting default value for imageHeight
@@ -49,10 +49,10 @@ var TaxonomyCard = function TaxonomyCard(props) {
     'div',
     { className: 'contentDeck' },
     React__default.createElement(
-      Container$1,
+      Container,
       null,
       React__default.createElement(
-        Row$1,
+        Row,
         null,
         data && data.map(function (row, index) {
           if (columns === 'rotate' && itemCounter % 3 === 0) {
@@ -92,19 +92,19 @@ var TaxonomyCard = function TaxonomyCard(props) {
           extraURL3 && companyDetails.push({ key: 'url', value: extraURL3 });
           extraURL4 && companyDetails.push({ key: 'url', value: extraURL4 });
           return React__default.createElement(
-            Col$1,
+            Col,
             { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
             React__default.createElement(
-              Card$1,
+              Card,
               { className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
               React__default.createElement(
-                Card$1.Body,
+                Card.Body,
                 null,
                 React__default.createElement(
-                  Row$1,
+                  Row,
                   null,
                   thumbnailURL && React__default.createElement(
-                    Col$1,
+                    Col,
                     null,
                     React__default.createElement(
                       LazyLoad,
@@ -115,8 +115,8 @@ var TaxonomyCard = function TaxonomyCard(props) {
                         row.thumbnail.link ? React__default.createElement(
                           'a',
                           { href: row.thumbnail.link, target: row.thumbnail.blank ? '_blank' : '_self' },
-                          React__default.createElement(Card$1.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
-                        ) : React__default.createElement(Card$1.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
+                          React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
+                        ) : React__default.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
                         row && row.thumbnail && row.thumbnail.caption && React__default.createElement(
                           'figcaption',
                           null,
@@ -126,10 +126,10 @@ var TaxonomyCard = function TaxonomyCard(props) {
                     )
                   ),
                   React__default.createElement(
-                    Col$1,
+                    Col,
                     null,
                     React__default.createElement(
-                      Row$1,
+                      Row,
                       { className: 'details-content-wrapper' },
                       React__default.createElement(
                         'div',
@@ -204,7 +204,7 @@ var TaxonomyCard = function TaxonomyCard(props) {
                           )
                         ),
                         React__default.createElement(
-                          Card$1.Text,
+                          Card.Text,
                           null,
                           React__default.createElement(BlockContent, _extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
                         )

package/dist/esm/TaxonomyDescription.js

@@ -1,55 +1,55 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-5ef104a7.js';
+import { _ as _extends, a as _Object$assign } from './extends-6d8e3924.js';
+import React__default from 'react';
+import { useRouter } from 'next/router';
+import Head from 'next/head';
+import { B as BlockContent } from './BlockContent-1e73bd2c.js';
+import { g as getSerializers } from './index-d7489d39.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-ab4dea5c.js';
 import './_library-528f1934.js';
-import './_iter-detect-13e31915.js';
-import './toConsumableArray-e333293f.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends, a as _Object$assign } from './extends-9a61581c.js';
-import './_object-sap-fc9da7e8.js';
-import './inherits-eeaf6740.js';
-import './define-property-73034847.js';
-import './web.dom.iterable-6b037ff9.js';
-import './typeof-938ae770.js';
-import './_is-array-8914b83f.js';
-import React__default from 'react';
-import './events-6c3a7a63.js';
-import './index-41a678ea.js';
+import './_iter-detect-98db3b07.js';
+import './_object-pie-133f504a.js';
 import 'prop-types';
-import 'react-bootstrap/Row';
-import 'react-bootstrap/Col';
-import './moment-b6f49411.js';
-import { useRouter } from 'next/router';
-import './isSymbol-1981418f.js';
-import './debounce-89969f66.js';
-import './toNumber-e3dcad26.js';
-import 'react-dom';
-import './slicedToArray-9c3bb613.js';
-import './index-f7fdcc91.js';
+import './index-3f5c03b2.js';
+import './slicedToArray-6ebcbfea.js';
+import 'react-bootstrap';
 import './urlFor.js';
-import './index-5f7e79e7.js';
-import './main-ede573ee.js';
-import './entities-731f3fdb.js';
-import './stringify-ebc16384.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-40371743.js';
-import './Segment.js';
-import './Beam.js';
-import './AdSlot.js';
-import 'react-bootstrap/Button';
-import { B as BlockContent } from './BlockContent-ea93e8f7.js';
+import './index-f0fc23eb.js';
+import './events-6c3a7a63.js';
 import './index-c7e2ac95.js';
-import './smoothscroll-0cd4c7a6.js';
+import './util-8ed16d48.js';
+import './Beam.js';
+import './stringify-2b084bee.js';
+import './Segment.js';
+import './main-1894c974.js';
+import './index-755f2cc2.js';
+import 'react-dom';
+import './typeof-e9fc0c5d.js';
+import './_is-array-8d21b9e3.js';
+import './brightcove-react-player-loader.es-57a70a56.js';
 import './GroupDeck.js';
-import 'react-bootstrap';
-import './iconBase-602d52fe.js';
-import './index.esm-3fdda599.js';
-import { g as getSerializers } from './index-0b6db187.js';
-import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-e761d404.js';
-import Head from 'next/head';
-import 'react-share';
+import './smoothscroll-fa4e3f8c.js';
+import './moment-bc12cb97.js';
 import './SocialShare.js';
-import './_object-to-array-ee8f6d98.js';
+import 'react-share';
+import './_object-to-array-2300e51b.js';
+import './toConsumableArray-f7074d7c.js';
 import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Button';
+import './entities-6d9154b4.js';
+import './AdSlot.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import './inherits-a6ba2ec4.js';
+import './_object-sap-7cee6f84.js';
+import './define-property-5f1bda73.js';
+import './index.esm-eb1e8e80.js';
+import './iconBase-ccc56b97.js';
 import 'react-bootstrap/Figure';
 import 'react-bootstrap/OverlayTrigger';
 import 'react-bootstrap/Tooltip';

package/dist/esm/TemplateNormal.js

@@ -1,66 +1,66 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
-import './_library-528f1934.js';
-import './_iter-detect-13e31915.js';
-import './_object-pie-33c40e79.js';
-import './extends-9a61581c.js';
-import './define-property-73034847.js';
-import './web.dom.iterable-6b037ff9.js';
+import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
 import React__default, { useState, useEffect } from 'react';
-import './events-6c3a7a63.js';
-import './index-41a678ea.js';
-import 'prop-types';
-import Container$1 from 'react-bootstrap/Container';
-import 'react-bootstrap/Row';
-import 'react-bootstrap/Col';
 import { useRouter } from 'next/router';
-import './isSymbol-1981418f.js';
-import './debounce-89969f66.js';
-import './toNumber-e3dcad26.js';
-import { _ as _slicedToArray } from './slicedToArray-9c3bb613.js';
-import './main-ede573ee.js';
-import './stringify-ebc16384.js';
-import './asyncToGenerator-40371743.js';
-import './Segment.js';
-import './Beam.js';
+import Container from 'react-bootstrap/Container';
+import ADGutter from './ADGutter.js';
+import AD728x90 from './AD728x90.js';
+import Header from './Header.js';
+import { Column1 } from './Column1.js';
+import { Column2 } from './Column2.js';
+import { Column3 } from './Column3.js';
+import MagazineNav from './NavMagazine.js';
+import { NavNative } from './NavNative.js';
+import { NavDvm } from './NavDvm.js';
+import { HamMagazine } from './HamMagazine.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './core.get-iterator-method-ea258bb1.js';
 import './AdSlot.js';
-import './get-1e515072.js';
-import './eq-b470f743.js';
-import 'react-bootstrap/Button';
-import './react-social-icons-a7d5c5c7.js';
-import 'react-bootstrap';
-import './iconBase-602d52fe.js';
-import './index.esm-3fdda599.js';
+import './extends-6d8e3924.js';
+import './_object-pie-133f504a.js';
+import 'prop-types';
+import './index-f0fc23eb.js';
+import './events-6c3a7a63.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './Beam.js';
+import './stringify-2b084bee.js';
+import './asyncToGenerator-5ef104a7.js';
+import './_library-528f1934.js';
+import './_iter-detect-98db3b07.js';
+import './Segment.js';
+import './main-1894c974.js';
 import 'next/head';
-import './defineProperty-e66a2c7c.js';
-import 'react-bootstrap/Form';
-import { Column1 } from './Column1.js';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
 import './SideFooter.js';
+import './defineProperty-8c30428f.js';
+import './define-property-5f1bda73.js';
+import './react-social-icons-9be47857.js';
+import './get-3c308da4.js';
+import './eq-bdcbf886.js';
 import './ConferenceBanner-8792ebd2.js';
-import { Column2 } from './Column2.js';
 import './ADSponsoredResources.js';
+import './LeftNav.js';
 import 'react-bootstrap/ListGroup';
 import './ADWebcast.js';
-import './LeftNav.js';
 import './PageFilter.js';
-import { Column3 } from './Column3.js';
-import Header from './Header.js';
+import 'react-bootstrap';
 import 'react-bootstrap/Nav';
 import 'react-bootstrap/Navbar';
 import 'react-bootstrap/NavDropdown';
-import './index.esm-c6715e80.js';
+import './index.esm-9b042655.js';
+import './iconBase-ccc56b97.js';
+import './index.esm-eb1e8e80.js';
 import './NavFooter-e27bd93b.js';
-import './index.esm-ed50151c.js';
+import './index.esm-37268dca.js';
+import './SocialSearchComponent-8e0fcf66.js';
 import './SocialIcons.js';
+import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';
-import './SocialSearchComponent-7f3d6531.js';
-import MagazineNav from './NavMagazine.js';
-import { NavNative } from './NavNative.js';
+import 'react-bootstrap/Button';
 import './Search.js';
-import { NavDvm } from './NavDvm.js';
-import { HamMagazine } from './HamMagazine.js';
-import ADGutter from './ADGutter.js';
-import AD728x90 from './AD728x90.js';
 
 // Main
 var TemplateNormal = function TemplateNormal(props) {
@@ -181,14 +181,14 @@ var TemplateNormal = function TemplateNormal(props) {
       React__default.Fragment,
       null,
       horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default.createElement(
-        Container$1,
+        Container,
         null,
         React__default.createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
       )
     ),
     website.gutterAd && !sponsoredFlag && React__default.createElement(ADGutter, { title: 'gutter-ad', gutterAd: website.gutterAd }),
     React__default.createElement(
-      Container$1,
+      Container,
       null,
       layout()
     )

package/dist/esm/ThumbnailCard.js

@@ -1,15 +1,15 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
-import './web.dom.iterable-6b037ff9.js';
 import React__default from 'react';
-import 'prop-types';
-import 'react-dom';
-import './slicedToArray-9c3bb613.js';
-import './index-f7fdcc91.js';
-import urlFor from './urlFor.js';
-import { L as LazyLoad } from './index-5f7e79e7.js';
-import { c as clean_html_1 } from './entities-731f3fdb.js';
 import Media from 'react-bootstrap/Media';
+import urlFor from './urlFor.js';
+import { L as LazyLoad } from './index-755f2cc2.js';
+import { c as clean_html_1 } from './entities-6d9154b4.js';
+import './slicedToArray-6ebcbfea.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './index-3f5c03b2.js';
+import 'react-dom';
+import 'prop-types';
 
 var ThumbnailCard = function ThumbnailCard(_ref) {
   var size = _ref.size,

package/dist/esm/Ustream.js

@@ -1,41 +1,39 @@
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-5ef104a7.js';
+import { _ as _slicedToArray } from './slicedToArray-6ebcbfea.js';
+import React__default, { useState, useRef, useEffect } from 'react';
+import { F as FaWindowClose } from './index.esm-28aafed6.js';
+import { m as main_43 } from './main-1894c974.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './web.dom.iterable-ab4dea5c.js';
 import './_library-528f1934.js';
-import './_iter-detect-13e31915.js';
-import './web.dom.iterable-6b037ff9.js';
-import React__default, { useState, useRef, useEffect } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-9c3bb613.js';
-import { m as main_43 } from './main-ede573ee.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-40371743.js';
-import './iconBase-602d52fe.js';
-import { c as IoIosOpen } from './index.esm-3fdda599.js';
-import { F as FaRegWindowClose } from './index.esm-a8ff922c.js';
+import './_iter-detect-98db3b07.js';
+import './iconBase-ccc56b97.js';
 
 var _this = undefined;
 
 var Ustream = function Ustream(_ref) {
   var _ref$width = _ref.width,
-      width = _ref$width === undefined ? '300px' : _ref$width,
+      width = _ref$width === undefined ? '320px' : _ref$width,
       _ref$height = _ref.height,
-      height = _ref$height === undefined ? '168px' : _ref$height,
+      height = _ref$height === undefined ? 'auto' : _ref$height,
       _ref$close = _ref.close,
-      close = _ref$close === undefined ? false : _ref$close,
-      _ref$right = _ref.right,
-      right = _ref$right === undefined ? false : _ref$right,
-      _ref$src = _ref.src,
+      close = _ref$close === undefined ? false : _ref$close;
+      _ref.right;
+      var _ref$src = _ref.src,
       src = _ref$src === undefined ? 'https://video.ibm.com/embed/23627444?volume=0&autoplay=true' : _ref$src,
       _ref$logEvent = _ref.logEvent,
       logEvent = _ref$logEvent === undefined ? function () {} : _ref$logEvent;
 
   var _useState = useState(width),
       _useState2 = _slicedToArray(_useState, 2),
-      currentWidth = _useState2[0],
-      setWidth = _useState2[1];
+      currentWidth = _useState2[0];
+      _useState2[1];
 
   var _useState3 = useState(height),
-      _useState4 = _slicedToArray(_useState3, 2),
-      currentHeight = _useState4[0],
-      setHeight = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2);
+      _useState4[0];
+      _useState4[1];
 
   var _useState5 = useState(true),
       _useState6 = _slicedToArray(_useState5, 2),
@@ -43,41 +41,35 @@ var Ustream = function Ustream(_ref) {
       setIsMuted = _useState6[1];
 
   var ustreamContainer = useRef(null);
+  var clickableLink = useRef(null);
+  var frameUrl = 'https://mjh-web.s3.amazonaws.com/_media/mwn_frame.jpg';
 
+  function handleClose(ev) {
+    ev.preventDefault();
+    ev.stopPropagation();
+    ustreamContainer.current.remove();
+  }
   useEffect(function () {
-    try {
-      var container = document.getElementById('ustream-container');
-      var ustream = document.getElementById('ustream-iframe');
-      ustream.setAttribute('src', src);
-
-      if (close) {
-        var closeBtn = document.querySelector('.ustream-close');
-        closeBtn.addEventListener('click', function () {
-          container.remove();
-        });
-      } else {
-        document.querySelector('.ustream-minimize').addEventListener('click', function (e) {
-          container.style.position = 'static';
-          container.style.padding = '0 1rem';
-          container.classList.add('closed');
-          setWidth('100%');
-          // aspect ratio
-          var newHeight = 9 / 16 * ustreamContainer.current.clientWidth;
-          setHeight(newHeight);
-          document.querySelector('.ustream-minimize').remove();
+    if (!main_43) {
+      try {
+        var container = document.getElementById('ustream-container');
+        var ustream = document.getElementById('ustream-iframe');
+        ustream.setAttribute('src', src);
+        var referrerUrl = window && window.location.href || '';
+        var mwnUrl = 'https://www.medicalworldnews.com/live?utm_source=' + referrerUrl + '&utm_medium=web&utm_campaign=mwn';
+        clickableLink.current.href = mwnUrl;
+        if (close) {
           var closeBtn = document.querySelector('.ustream-close');
-          closeBtn.style.display = 'block';
           closeBtn.addEventListener('click', function () {
             container.remove();
           });
-        });
-      }
-    } catch (err) {}
+        }
+      } catch (err) {}
+    }
   }, []);
 
   useEffect(function () {
-
-    if (isMuted) {
+    if (isMuted && !main_43) {
       var loadUstreamListener = function () {
         var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
           var UstreamEmbed, viewer, reporting;
@@ -86,7 +78,7 @@ var Ustream = function Ustream(_ref) {
               switch (_context.prev = _context.next) {
                 case 0:
                   _context.next = 2;
-                  return import('./ustream-api-d325d196.js');
+                  return import('./ustream-api-d3714624.js');
 
                 case 2:
                   UstreamEmbed = _context.sent;
@@ -120,36 +112,35 @@ var Ustream = function Ustream(_ref) {
   if (main_43) {
     return null;
   }
+
   return React__default.createElement(
     'div',
-    { id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
+    {
+      id: 'ustream-container',
+      ref: ustreamContainer,
+      style: { width: '' + currentWidth, position: 'fixed', bottom: '2rem', left: '2rem', zIndex: '999999', boxShadow: '2px 4px 8px rgba(0,0,0,.35)' } },
     React__default.createElement(
-      'div',
-      { style: { position: 'relative' } },
-      close ? React__default.createElement(
+      'a',
+      { ref: clickableLink, target: '_blank', href: '' },
+      React__default.createElement(FaWindowClose, { style: { position: 'absolute', top: '0', right: '0', width: '22px', height: '20px', color: '#fff', background: '#000', padding: '2px' }, onClick: function onClick(e) {
+          return handleClose(e);
+        } }),
+      React__default.createElement('img', { src: frameUrl, style: { width: '100%' } }),
+      React__default.createElement(
         'div',
-        { className: 'ustream-close' },
-        React__default.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
-      ) : React__default.createElement(
-        React__default.Fragment,
-        null,
+        { style: { position: 'absolute', top: '34px', bottom: '22px', left: '22px', right: '22px' } },
         React__default.createElement(
           'div',
-          { className: 'ustream-minimize' },
-          React__default.createElement(IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
-        ),
-        React__default.createElement(
-          'div',
-          { className: 'ustream-close' },
-          React__default.createElement(FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
+          { style: { position: 'relative', width: '100%', paddingTop: '56.25%', overflow: 'hidden', borderRadius: '8px' } },
+          React__default.createElement('iframe', {
+            id: 'ustream-iframe',
+            webkitallowfullscreen: 'true',
+            allowFullScreen: true,
+            frameBorder: 'no',
+            style: { position: 'absolute', top: '0', bottom: '0', left: '0', right: '0', width: '100%', height: '100%', pointerEvents: 'none' }
+          })
         )
-      ),
-      React__default.createElement('iframe', { id: 'ustream-iframe', webkitallowfullscreen: 'true', allowFullScreen: true, frameBorder: 'no', style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
-    ),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        #ustream-container {\n          position: fixed;\n          bottom: 0;\n          ' + (right ? 'right: 1rem;' : 'left: 1.5rem;') + '\n          /* Updating z-index to fix gutter ad over ustream */\n          z-index: 999999;\n          max-width: 100%;\n        }\n        .ustream-minimize,\n        .ustream-close {\n          position: absolute;\n          color: white;\n          right: 0.5rem;\n          top: 0.25rem;\n          cursor: pointer;\n          font-weight: bold;\n        }\n        .ustream-close {\n          ' + (close ? 'display: block; right: .75rem; top: .5rem; ' : 'display: none; right: .5rem; top: .75rem;') + '\n        }\n        @media screen and (max-width: 768px) {\n          #ustream-container:not(.closed) {\n            width: 231px !important;\n            height: 130px !important;\n          }\n          #ustream-container:not(.closed) iframe {\n            height: 130px !important;\n          }\n        }\n      '
+      )
     )
   );
 };

package/dist/esm/VerticalHero.js

@@ -1,11 +1,11 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-0fb60d94.js';
-import './web.dom.iterable-6b037ff9.js';
 import React__default from 'react';
-import './moment-b6f49411.js';
-import './slicedToArray-9c3bb613.js';
-import './index-f7fdcc91.js';
+import './moment-bc12cb97.js';
 import urlFor from './urlFor.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './slicedToArray-6ebcbfea.js';
+import './web.dom.iterable-ab4dea5c.js';
+import './core.get-iterator-method-ea258bb1.js';
+import './index-3f5c03b2.js';
 
 var VerticalHero = function VerticalHero(props) {
   var client = props.client;