@mjhls/mjh-framework 1.0.804-beta.3 → 1.0.804-ustream-reporting

package/dist/cjs/TaxonomyDescription.js

@@ -1,64 +1,65 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
+var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
+var _extends = require('./extends-9d158713.js');
+var React = require('react');
+var Router = require('next/router');
+var Head = require('next/head');
+var BlockContent = require('./BlockContent-36e54d77.js');
+var getSerializers = require('./index-667c091e.js');
 require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./web.dom.iterable-46657b5c.js');
 require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-require('./toConsumableArray-9a3476fe.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-60837c34.js');
-require('./_object-sap-5e74ba08.js');
-require('./inherits-513d81cd.js');
-require('./define-property-f4d12f4e.js');
-require('./web.dom.iterable-a0e279c1.js');
-require('./typeof-725500bc.js');
-require('./_is-array-754e012d.js');
-var React = require('react');
-var React__default = _interopDefault(React);
-require('./events-1b438fe7.js');
-require('./index-98e01cb9.js');
+require('./core.get-iterator-method-f474eacc.js');
+require('./_iter-detect-55a5657a.js');
+require('./_object-pie-083f2dd6.js');
 require('prop-types');
-require('react-bootstrap/Row');
-require('react-bootstrap/Col');
-require('./moment-575fe24c.js');
-var Router = require('next/router');
-var Router__default = _interopDefault(Router);
-require('./isSymbol-04666465.js');
-require('./debounce-529c8d06.js');
-require('./toNumber-36d1e7e5.js');
-require('react-dom');
-require('./index-be0c82be.js');
-require('./index-96b3db50.js');
-require('./main-02daeefe.js');
-require('./entities-310b46ee.js');
-require('./slicedToArray-8f385299.js');
-require('./stringify-7c5aff47.js');
-var asyncToGenerator = require('./asyncToGenerator-140e5f89.js');
-require('./Segment.js');
-require('./Beam.js');
-require('./AdSlot.js');
-var BlockContent = require('./BlockContent-091a991f.js');
+require('./index-efca863c.js');
+require('./slicedToArray-5d1bc3b3.js');
+require('react-bootstrap');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
 require('./index-187c967e.js');
-require('./smoothscroll-5054361f.js');
+require('./util-6f784d85.js');
+require('./Beam.js');
+require('./stringify-c9ac1214.js');
+require('./Segment.js');
+require('./main-025fdc78.js');
+require('./index-eadd5035.js');
+require('react-dom');
+require('./typeof-88a668c5.js');
+require('./_is-array-6128bd56.js');
+require('./brightcove-react-player-loader.es-a195642e.js');
 require('./GroupDeck.js');
-require('react-bootstrap');
-require('./iconBase-68959171.js');
-require('./index.esm-90433435.js');
-var getSerializers = require('./index-b53c1261.js');
-require('./util-f2c1b65b.js');
-require('./brightcove-react-player-loader.es-156bd4d6.js');
-var Head = _interopDefault(require('next/head'));
-require('react-share');
+require('./smoothscroll-99df7f93.js');
+require('./moment-aca40de1.js');
 require('./SocialShare.js');
-require('./_object-to-array-5762f850.js');
+require('react-share');
+require('./_object-to-array-8fe5a54f.js');
+require('./toConsumableArray-ddb70795.js');
 require('react-bootstrap/Pagination');
 require('react-bootstrap/Button');
+require('./entities-3f9d0f2f.js');
+require('./AdSlot.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
+require('./inherits-3ff1b657.js');
+require('./_object-sap-a175b4a9.js');
+require('./define-property-c88be878.js');
+require('./index.esm-974f47d9.js');
+require('./iconBase-68959171.js');
 require('react-bootstrap/Figure');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
+
 var _this = undefined;
 
 var blocksToText = function blocksToText(blocks) {
@@ -96,10 +97,10 @@ var setMetaDescription = function setMetaDescription(data, router) {
       }
     }
   }
-  return React__default.createElement(
-    Head,
+  return React__default['default'].createElement(
+    Head__default['default'],
     null,
-    React__default.createElement('meta', { name: 'description', content: metaDescription, key: 'description' })
+    React__default['default'].createElement('meta', { name: 'description', content: metaDescription, key: 'description' })
   );
 };
 
@@ -108,11 +109,11 @@ var TaxonomyDescription = function TaxonomyDescription(_ref) {
       client = _ref.client;
 
   var router = Router.useRouter();
-  return data && data.length > 0 && React__default.createElement(
+  return data && data.length > 0 && React__default['default'].createElement(
     'section',
     { className: 'taxonomy-description' },
     setMetaDescription(data, router),
-    React__default.createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: data, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
+    React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: data, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
   );
 };
 

package/dist/cjs/TemplateNormal.js

@@ -1,75 +1,76 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./_object-pie-68c5bcbc.js');
-require('./extends-60837c34.js');
-require('./define-property-f4d12f4e.js');
-require('./web.dom.iterable-a0e279c1.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('./events-1b438fe7.js');
-require('./index-98e01cb9.js');
-require('prop-types');
-var Container = _interopDefault(require('react-bootstrap/Container'));
-require('react-bootstrap/Row');
-require('react-bootstrap/Col');
 var Router = require('next/router');
-var Router__default = _interopDefault(Router);
-require('./isSymbol-04666465.js');
-require('./debounce-529c8d06.js');
-require('./toNumber-36d1e7e5.js');
-require('./main-02daeefe.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-require('./stringify-7c5aff47.js');
-require('./asyncToGenerator-140e5f89.js');
-require('./Segment.js');
-require('./Beam.js');
+var Container = require('react-bootstrap/Container');
+var ADGutter = require('./ADGutter.js');
+var AD728x90 = require('./AD728x90.js');
+var Header = require('./Header.js');
+var Column1 = require('./Column1.js');
+var Column2 = require('./Column2.js');
+var Column3 = require('./Column3.js');
+var NavMagazine = require('./NavMagazine.js');
+var NavNative = require('./NavNative.js');
+var NavNormal = require('./NavNormal.js');
+var NavDvm = require('./NavDvm.js');
+var HamMagazine = require('./HamMagazine.js');
+require('./_commonjsHelpers-06173234.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./core.get-iterator-method-f474eacc.js');
 require('./AdSlot.js');
-require('./get-adbb11e3.js');
-require('./eq-bb2843ed.js');
-require('./react-social-icons-f7f48f71.js');
-require('react-bootstrap');
-require('./iconBase-68959171.js');
-require('./index.esm-90433435.js');
+require('./extends-9d158713.js');
+require('./_object-pie-083f2dd6.js');
+require('prop-types');
+require('./index-fc2f1ca2.js');
+require('./events-1b438fe7.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('./Beam.js');
+require('./stringify-c9ac1214.js');
+require('./asyncToGenerator-58c289d9.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-55a5657a.js');
+require('./Segment.js');
+require('./main-025fdc78.js');
 require('next/head');
-require('react-bootstrap/Button');
-require('./defineProperty-55548b25.js');
-require('react-bootstrap/Form');
-var Column1 = require('./Column1.js');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
 require('./SideFooter.js');
-require('./ConferenceBanner-4a16fddc.js');
-var Column2 = require('./Column2.js');
+require('./defineProperty-0cb76d99.js');
+require('./define-property-c88be878.js');
+require('./react-social-icons-af932527.js');
+require('./get-5839e5b5.js');
+require('./eq-5fc26c07.js');
+require('./ConferenceBanner-6c9e718a.js');
 require('./ADSponsoredResources.js');
+require('./LeftNav.js');
 require('react-bootstrap/ListGroup');
 require('./ADWebcast.js');
-require('./LeftNav.js');
 require('./PageFilter.js');
-var Column3 = require('./Column3.js');
-var Header = require('./Header.js');
+require('react-bootstrap');
 require('react-bootstrap/Nav');
 require('react-bootstrap/Navbar');
 require('react-bootstrap/NavDropdown');
-require('./index.esm-66ffa47a.js');
-require('./NavFooter-76c913e3.js');
-require('./index.esm-4d410430.js');
+require('./index.esm-3b9b8952.js');
+require('./iconBase-68959171.js');
+require('./index.esm-974f47d9.js');
+require('./NavFooter-3dcd99a8.js');
+require('./index.esm-8123cf40.js');
+require('./SocialSearchComponent-ecb4f972.js');
 require('./SocialIcons.js');
+require('react-bootstrap/Form');
 require('react-bootstrap/FormControl');
-require('./SocialSearchComponent-97dd19a5.js');
-var NavMagazine = require('./NavMagazine.js');
-var NavNative = require('./NavNative.js');
+require('react-bootstrap/Button');
 require('./Search.js');
-var NavNormal = require('./NavNormal.js');
-var NavDvm = require('./NavDvm.js');
-var HamMagazine = require('./HamMagazine.js');
-var ADGutter = require('./ADGutter.js');
-var AD728x90 = require('./AD728x90.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 
 // Main
 var TemplateNormal = function TemplateNormal(props) {
@@ -107,15 +108,15 @@ var TemplateNormal = function TemplateNormal(props) {
   var navigation = function navigation() {
     switch (config.navComponent) {
       case 'normal':
-        return React__default.createElement(NavNormal.NavNormal, { logo: website.logo, dataObject: config.navItems });
+        return React__default['default'].createElement(NavNormal.NavNormal, { logo: website.logo, dataObject: config.navItems });
       case 'magazine':
-        return React__default.createElement(NavMagazine.default, { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+        return React__default['default'].createElement(NavMagazine['default'], { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'native':
-        return React__default.createElement(NavNative.NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+        return React__default['default'].createElement(NavNative.NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
       case 'dvm':
-        return React__default.createElement(NavDvm.NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
+        return React__default['default'].createElement(NavDvm.NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
       case 'hamburgerNav':
-        return React__default.createElement(HamMagazine.HamMagazine, {
+        return React__default['default'].createElement(HamMagazine.HamMagazine, {
           socialFooterNav: true,
           logo: website.logo,
           dataObject: config.navItems,
@@ -125,7 +126,7 @@ var TemplateNormal = function TemplateNormal(props) {
           showLogin: website.showLogin
         });
       default:
-        return React__default.createElement('noNav', null);
+        return React__default['default'].createElement('noNav', null);
     }
   };
 
@@ -142,19 +143,19 @@ var TemplateNormal = function TemplateNormal(props) {
   function layout() {
     switch (config.columns) {
       case '1':
-        return React__default.createElement(
+        return React__default['default'].createElement(
           Column1.Column1,
           { title: title },
           props.children
         );
       case '2':
-        return React__default.createElement(
+        return React__default['default'].createElement(
           Column2.Column2,
           { title: title, rightItems: config.rightItems, website: website },
           props.children
         );
       case '3':
-        return React__default.createElement(
+        return React__default['default'].createElement(
           Column3.Column3,
           {
             title: title,
@@ -170,36 +171,36 @@ var TemplateNormal = function TemplateNormal(props) {
           props.children
         );
       default:
-        return React__default.createElement('noLayout', null);
+        return React__default['default'].createElement('noLayout', null);
     }
   }
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'section',
     null,
-    noTitle ? React__default.createElement(Header.default, {
+    noTitle ? React__default['default'].createElement(Header['default'], {
       isLiveSite: config.isLiveSite,
       keyword: keywords,
       description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
-    }) : React__default.createElement(Header.default, {
+    }) : React__default['default'].createElement(Header['default'], {
       title: title ? title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : '') + '| ' + website.title : website.title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : ''),
       isLiveSite: config.isLiveSite,
       keyword: keywords,
       description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
     }),
     navigation(),
-    sponsoredFlag ? React__default.createElement('div', { style: { height: '50px' } }) : React__default.createElement(
-      React__default.Fragment,
+    sponsoredFlag ? React__default['default'].createElement('div', { style: { height: '50px' } }) : React__default['default'].createElement(
+      React__default['default'].Fragment,
       null,
-      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default.createElement(
-        Container,
+      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default['default'].createElement(
+        Container__default['default'],
         null,
-        React__default.createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
+        React__default['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,
+    website.gutterAd && !sponsoredFlag && React__default['default'].createElement(ADGutter, { title: 'gutter-ad', gutterAd: website.gutterAd }),
+    React__default['default'].createElement(
+      Container__default['default'],
       null,
       layout()
     )

package/dist/cjs/ThumbnailCard.js

@@ -1,16 +1,18 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-require('prop-types');
+var Media = require('react-bootstrap/Media');
+var index = require('./index-efca863c.js');
+var index$1 = require('./index-eadd5035.js');
+var entities = require('./entities-3f9d0f2f.js');
+require('./_commonjsHelpers-06173234.js');
 require('react-dom');
-var index$1 = require('./index-be0c82be.js');
-var index$2 = require('./index-96b3db50.js');
-var entities = require('./entities-310b46ee.js');
-var Media = _interopDefault(require('react-bootstrap/Media'));
+require('prop-types');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Media__default = /*#__PURE__*/_interopDefaultLegacy(Media);
 
 var ThumbnailCard = function ThumbnailCard(_ref) {
   var size = _ref.size,
@@ -18,33 +20,33 @@ var ThumbnailCard = function ThumbnailCard(_ref) {
       client = _ref.client,
       defaultImage = _ref.defaultImage;
 
-  var builder = index$1.imageUrlBuilder(client);
+  var builder = index.imageUrlBuilder(client);
 
   var urlFor = function urlFor(source) {
     return builder.image(source).auto('format');
   };
 
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     null,
     mediaData && mediaData.map(function (item, index) {
-      return React__default.createElement(
-        Media,
+      return React__default['default'].createElement(
+        Media__default['default'],
         { className: 'mb-3 thumbnail-card' },
-        React__default.createElement(
-          index$2.LazyLoad,
+        React__default['default'].createElement(
+          index$1.LazyLoad,
           { height: size },
-          React__default.createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
+          React__default['default'].createElement('img', { width: size, height: size, className: 'mr-3', src: item.thumbnail ? urlFor(item.thumbnail).url() : defaultImage, alt: 'Generic placeholder' })
         ),
-        React__default.createElement(
-          Media.Body,
+        React__default['default'].createElement(
+          Media__default['default'].Body,
           null,
-          React__default.createElement(
+          React__default['default'].createElement(
             'h5',
             null,
             item.title
           ),
-          React__default.createElement(
+          React__default['default'].createElement(
             'p',
             null,
             entities.clean_html_1(item.summary)

package/dist/cjs/Ustream.js

@@ -1,19 +1,25 @@
 'use strict';
 
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./web.dom.iterable-a0e279c1.js');
+var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
-var React__default = _interopDefault(React);
-var main = require('./main-02daeefe.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
+var index_esm$1 = require('./index.esm-974f47d9.js');
+var index_esm = require('./index.esm-05850a2f.js');
+var main = require('./main-025fdc78.js');
+require('./_commonjsHelpers-06173234.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./_library-dd23b178.js');
+require('./core.get-iterator-method-f474eacc.js');
+require('./_iter-detect-55a5657a.js');
 require('./iconBase-68959171.js');
-var index_esm = require('./index.esm-90433435.js');
-var index_esm$3 = require('./index.esm-ff47db6f.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _this = undefined;
 
 var Ustream = function Ustream(_ref) {
   var _ref$width = _ref.width,
@@ -25,7 +31,9 @@ var Ustream = function Ustream(_ref) {
       _ref$right = _ref.right,
       right = _ref$right === undefined ? false : _ref$right,
       _ref$src = _ref.src,
-      src = _ref$src === undefined ? 'https://video.ibm.com/embed/23627444?volume=0&autoplay=true' : _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 = React.useState(width),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -37,6 +45,11 @@ var Ustream = function Ustream(_ref) {
       currentHeight = _useState4[0],
       setHeight = _useState4[1];
 
+  var _useState5 = React.useState(true),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      isMuted = _useState6[0],
+      setIsMuted = _useState6[1];
+
   var ustreamContainer = React.useRef(null);
 
   React.useEffect(function () {
@@ -69,37 +82,81 @@ var Ustream = function Ustream(_ref) {
       }
     } catch (err) {}
   }, []);
+
+  React.useEffect(function () {
+
+    if (isMuted) {
+      var loadUstreamListener = function () {
+        var _ref2 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
+          var UstreamEmbed, viewer, reporting;
+          return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return Promise.resolve().then(function () { return require('./ustream-api-b2b9092f.js'); });
+
+                case 2:
+                  UstreamEmbed = _context.sent;
+                  viewer = UstreamEmbed('ustream-iframe');
+                  reporting = setInterval(function () {
+                    viewer.getProperty('volume', function (content) {
+                      console.log('VOLUME IS', content);
+                      if (content > 0) {
+                        logEvent({ category: 'Ustream Unmute', action: 'Unmute Ustream Widget', label: 'Unmute Ustream Widget' });
+                        setIsMuted(false);
+                        console.log('clearing interval');
+                        clearInterval(reporting);
+                      }
+                    });
+                  }, 2000);
+
+                case 5:
+                case 'end':
+                  return _context.stop();
+              }
+            }
+          }, _callee, _this);
+        }));
+
+        return function loadUstreamListener() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
+      loadUstreamListener();
+    }
+  }, [isMuted]);
   //return nothing if mobile
-  if (main.main_36) {
+  if (main.main_43) {
     return null;
   }
-  return React__default.createElement(
+  return React__default['default'].createElement(
     'div',
     { id: 'ustream-container', ref: ustreamContainer, style: { width: '' + currentWidth, marginBottom: '1rem' } },
-    React__default.createElement(
+    React__default['default'].createElement(
       'div',
       { style: { position: 'relative' } },
-      close ? React__default.createElement(
+      close ? React__default['default'].createElement(
         'div',
         { className: 'ustream-close' },
-        React__default.createElement(index_esm$3.FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
-      ) : React__default.createElement(
-        React__default.Fragment,
+        React__default['default'].createElement(index_esm.FaRegWindowClose, { style: { color: '#fff', fontSize: '1.3rem' } })
+      ) : React__default['default'].createElement(
+        React__default['default'].Fragment,
         null,
-        React__default.createElement(
+        React__default['default'].createElement(
           'div',
           { className: 'ustream-minimize' },
-          React__default.createElement(index_esm.IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
+          React__default['default'].createElement(index_esm$1.IoIosOpen, { style: right ? { color: '#fff', fontSize: '1.3rem', transform: 'rotateZ(-90deg)' } : { color: '#fff', fontSize: '1.3rem' } })
         ),
-        React__default.createElement(
+        React__default['default'].createElement(
           'div',
           { className: 'ustream-close' },
-          React__default.createElement(index_esm$3.FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
+          React__default['default'].createElement(index_esm.FaRegWindowClose, { style: { color: '#fff', fontSize: '1rem' } })
         )
       ),
-      React__default.createElement('iframe', { id: 'ustream-iframe', webkitallowfullscreen: 'true', allowFullScreen: true, frameBorder: 'no', style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
+      React__default['default'].createElement('iframe', { id: 'ustream-iframe', webkitallowfullscreen: 'true', allowFullScreen: true, frameBorder: 'no', style: { maxWidth: '100%', height: currentHeight, width: currentWidth } })
     ),
-    React__default.createElement(
+    React__default['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      '
@@ -107,6 +164,6 @@ var Ustream = function Ustream(_ref) {
   );
 };
 
-var Ustream$1 = React__default.memo(Ustream);
+var Ustream$1 = React__default['default'].memo(Ustream);
 
 module.exports = Ustream$1;