@mjhls/mjh-framework 1.0.966 → 1.0.967-socialicon-fix

package/dist/esm/getSeriesDetail.js

@@ -35,4 +35,4 @@ var getSeriesDetail = function getSeriesDetail(article, currentSeries) {
   return seriesDetail;
 };
 
-export default getSeriesDetail;
+export { getSeriesDetail as default };

package/dist/esm/{index-cefa7325.js → index-0074586c.js}

@@ -22,6 +22,7 @@ import { _ as _JSON$stringify } from './stringify-2b084bee.js';
 import Modal from 'react-bootstrap/Modal';
 import Button from 'react-bootstrap/Button';
 import Form from 'react-bootstrap/Form';
+import ReactGA from 'react-ga';
 import GroupDeck from './GroupDeck.js';
 import { m as moment } from './moment-bc12cb97.js';
 import SocialShare from './SocialShare.js';
@@ -7483,17 +7484,52 @@ _defineProperty(ReactPlayer, "canEnablePIP", function (url) {
 var ReactPlayer = unwrapExports(ReactPlayer_1);
 
 var Audio = function Audio(_ref) {
-  var node = _ref.node,
-      _ref$audioAutoplay = _ref.audioAutoplay,
-      audioAutoplay = _ref$audioAutoplay === undefined ? false : _ref$audioAutoplay;
+  var node = _ref.node;
 
+  var audioSource = node.uploadAudio.asset.url;
+  var reportPlay = function reportPlay() {
+    console.log('Reporting audio playback play to GA');
+    ReactGA.event({
+      category: 'User',
+      action: 'Audio Play',
+      label: 'Play: ' + audioSource
+    }, window.sessionStorage.GA_TRACKING_ID.split(',').map(function (id, index) {
+      return 'ga_id_' + ++index;
+    }));
+  };
+  var reportPause = function reportPause() {
+    console.log('Reporting audio playback pause to GA');
+    ReactGA.event({
+      category: 'User',
+      action: 'Audio Pause',
+      label: 'Pause: ' + audioSource
+    }, window.sessionStorage.GA_TRACKING_ID.split(',').map(function (id, index) {
+      return 'ga_id_' + ++index;
+    }));
+  };
+  var reportEnd = function reportEnd() {
+    console.log('Reporting audio playback end to GA');
+    ReactGA.event({
+      category: 'User',
+      action: 'Audio Playback End',
+      label: 'Playback End: ' + audioSource
+    }, window.sessionStorage.GA_TRACKING_ID.split(',').map(function (id, index) {
+      return 'ga_id_' + ++index;
+    }));
+  };
   if (node.uploadAudio) {
     return React__default.createElement(
       'div',
       { className: 'audio d-block text-center mb-3' },
       React__default.createElement(
         'audio',
-        { controls: true, controlsList: 'nodownload', className: 'audio', autoPlay: audioAutoplay },
+        {
+          controls: true, controlsList: 'nodownload',
+          className: 'audio',
+          onPlay: reportPlay,
+          onPause: reportPause,
+          onEnded: reportEnd
+        },
         React__default.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/ogg' }),
         React__default.createElement('source', { src: node.uploadAudio.asset.url, type: 'audio/mpeg' }),
         'Your browser does not support the audio element.'
@@ -7530,7 +7566,14 @@ var Audio = function Audio(_ref) {
     return React__default.createElement(
       'div',
       { className: 'audio' },
-      React__default.createElement(ReactPlayer, { url: node.audioFilePth, controls: true, width: '100%', height: '100%' }),
+      React__default.createElement(ReactPlayer, { url: node.audioFilePth,
+        onPlay: reportPlay,
+        onPause: reportPause,
+        onEnded: reportEnd,
+        controls: true,
+        width: '100%',
+        height: '100%'
+      }),
       node.caption && React__default.createElement(
         'p',
         { style: { fontSize: '.9rem' } },

package/dist/esm/index.js

@@ -86,7 +86,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-cefa7325.js';
+export { g as getSerializers } from './index-0074586c.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';
@@ -194,7 +194,6 @@ import './md5-4e42248e.js';
 import './SeriesSlider-f771e20d.js';
 import './style-inject.es-1f59c1d0.js';
 import 'disqus-react';
-import 'file-saver';
 import 'react-twitter-embed';
 import './ImageSlider-f84174cb.js';
 import './defineProperty-23a8f8cd.js';

package/dist/esm/stringify-2b084bee.js

@@ -1,4 +1,4 @@
-import { u as unwrapExports, c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
+import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import { a as _core } from './core.get-iterator-method-ea258bb1.js';
 
 var $JSON = _core.JSON || (_core.JSON = { stringify: JSON.stringify });

package/dist/esm/timeDifferenceCalc.js

@@ -34,4 +34,4 @@ var timeDifferenceCalc = function timeDifferenceCalc(articlePublishedDate) {
   return difference;
 };
 
-export default timeDifferenceCalc;
+export { timeDifferenceCalc as default };

package/dist/esm/urlFor.js

@@ -60,4 +60,4 @@ function urlFor(_ref) {
   return url;
 }
 
-export default urlFor;
+export { urlFor as default };

package/dist/esm/ustream-api-d3714624.js

@@ -101,4 +101,4 @@ var UstreamEmbed = function () {
   }), window.UstreamEmbed = a;
 }();
 
-export default UstreamEmbed;
+export { UstreamEmbed as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.966",
+  "version": "1.0.967-socialicon-fix",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",

package/dist/cjs/Pagination-c63770a3.js

@@ -1,90 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ReactPaginate = require('react-paginate');
-var Button = require('react-bootstrap/Button');
-var index_esm = require('./index.esm-d51c9ac6.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ReactPaginate__default = /*#__PURE__*/_interopDefaultLegacy(ReactPaginate);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-
-var Pagination = function Pagination(props) {
-  var pageCount = props.pageCount,
-      _props$marginPagesDis = props.marginPagesDisplayed,
-      marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
-      _props$pageRangeDispl = props.pageRangeDisplayed,
-      pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
-      _props$currentPage = props.currentPage,
-      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
-      _onPageChange = props.onPageChange,
-      _props$needLargePagin = props.needLargePaginateButtons,
-      needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
-
-  if (!pageCount || pageCount <= 1) return null;
-  return React__default['default'].createElement(
-    React__default['default'].Fragment,
-    null,
-    needLargePaginateButtons && React__default['default'].createElement(
-      'div',
-      { className: 'pagination-lg-btn-nxt' },
-      React__default['default'].createElement(
-        Button__default['default'],
-        {
-          onClick: function onClick(e) {
-            e.preventDefault();
-            _onPageChange(currentPage + 1);
-          },
-          disabled: currentPage === pageCount,
-          href: '?page=' + (currentPage + 1) },
-        'NEXT PAGE',
-        React__default['default'].createElement(index_esm.FaArrowRight, { className: 'fa-arrow-right' })
-      )
-    ),
-    React__default['default'].createElement(ReactPaginate__default['default'], {
-      pageCount: pageCount,
-      marginPagesDisplayed: marginPagesDisplayed,
-      pageRangeDisplayed: pageRangeDisplayed,
-      forcePage: currentPage - 1,
-      onPageChange: function onPageChange(_ref) {
-        var selected = _ref.selected;
-        return _onPageChange(selected + 1);
-      },
-      hrefBuilder: function hrefBuilder(page) {
-        return '?page=' + page;
-      },
-      previousLabel: '<',
-      nextLabel: '>',
-      containerClassName: 'pagination-container',
-      previousLinkClassName: 'previous',
-      nextLinkClassName: 'next',
-      disabledClassName: 'disabled',
-      activeClassName: 'active'
-    }),
-    needLargePaginateButtons && React__default['default'].createElement(
-      'div',
-      { className: 'pagination-lg-btn-prv' },
-      React__default['default'].createElement(
-        Button__default['default'],
-        {
-          onClick: function onClick(e) {
-            e.preventDefault();
-            _onPageChange(currentPage - 1);
-          },
-          disabled: currentPage === 1,
-          href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
-        React__default['default'].createElement(index_esm.FaArrowLeft, { className: 'fa-arrow-left' }),
-        'PREVIOUS PAGE'
-      )
-    ),
-    React__default['default'].createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disabled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
-    )
-  );
-};
-
-exports.Pagination = Pagination;

package/dist/esm/Pagination-6f8d5327.js

@@ -1,82 +0,0 @@
-import React__default from 'react';
-import ReactPaginate from 'react-paginate';
-import Button from 'react-bootstrap/Button';
-import { d as FaArrowRight, e as FaArrowLeft } from './index.esm-1bd8a0a8.js';
-
-var Pagination = function Pagination(props) {
-  var pageCount = props.pageCount,
-      _props$marginPagesDis = props.marginPagesDisplayed,
-      marginPagesDisplayed = _props$marginPagesDis === undefined ? 1 : _props$marginPagesDis,
-      _props$pageRangeDispl = props.pageRangeDisplayed,
-      pageRangeDisplayed = _props$pageRangeDispl === undefined ? 5 : _props$pageRangeDispl,
-      _props$currentPage = props.currentPage,
-      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
-      _onPageChange = props.onPageChange,
-      _props$needLargePagin = props.needLargePaginateButtons,
-      needLargePaginateButtons = _props$needLargePagin === undefined ? false : _props$needLargePagin;
-
-  if (!pageCount || pageCount <= 1) return null;
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    needLargePaginateButtons && React__default.createElement(
-      'div',
-      { className: 'pagination-lg-btn-nxt' },
-      React__default.createElement(
-        Button,
-        {
-          onClick: function onClick(e) {
-            e.preventDefault();
-            _onPageChange(currentPage + 1);
-          },
-          disabled: currentPage === pageCount,
-          href: '?page=' + (currentPage + 1) },
-        'NEXT PAGE',
-        React__default.createElement(FaArrowRight, { className: 'fa-arrow-right' })
-      )
-    ),
-    React__default.createElement(ReactPaginate, {
-      pageCount: pageCount,
-      marginPagesDisplayed: marginPagesDisplayed,
-      pageRangeDisplayed: pageRangeDisplayed,
-      forcePage: currentPage - 1,
-      onPageChange: function onPageChange(_ref) {
-        var selected = _ref.selected;
-        return _onPageChange(selected + 1);
-      },
-      hrefBuilder: function hrefBuilder(page) {
-        return '?page=' + page;
-      },
-      previousLabel: '<',
-      nextLabel: '>',
-      containerClassName: 'pagination-container',
-      previousLinkClassName: 'previous',
-      nextLinkClassName: 'next',
-      disabledClassName: 'disabled',
-      activeClassName: 'active'
-    }),
-    needLargePaginateButtons && React__default.createElement(
-      'div',
-      { className: 'pagination-lg-btn-prv' },
-      React__default.createElement(
-        Button,
-        {
-          onClick: function onClick(e) {
-            e.preventDefault();
-            _onPageChange(currentPage - 1);
-          },
-          disabled: currentPage === 1,
-          href: currentPage <= 1 ? '?page=1' : '?page=' + (currentPage - 1) },
-        React__default.createElement(FaArrowLeft, { className: 'fa-arrow-left' }),
-        'PREVIOUS PAGE'
-      )
-    ),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .pagination-container {\n          list-style: none;\n          padding: 10px 0;\n          margin: 0;\n          display: flex;\n          overflow: auto;\n        }\n        .pagination-container::before,\n        .pagination-container::after {\n          content: \'\';\n          margin: 0 auto;\n        }\n        .pagination-container a {\n          padding: 10px;\n          border: 1px solid #dee2e6;\n        }\n        .pagination-container a:hover {\n          text-decoration: none;\n          background-color: #e9ecef;\n          border-color: #dee2e6;\n        }\n        .pagination-container .active a {\n          color: #fff;\n          background-color: #666;\n          background-color: var(--primary);\n        }\n        .pagination-container li:first-child a {\n          border-radius: 5px 0 0 5px;\n        }\n        .pagination-container li:last-child a {\n          border-radius: 0 5px 5px 0;\n        }\n        .pagination-container .disabled a {\n          cursor: default;\n        }\n        .pagination-lg-btn-nxt,\n        .pagination-lg-btn-prv {\n          text-align: center;\n        }\n        .pagination-lg-btn-nxt .btn,\n        .pagination-lg-btn-prv .btn {\n          min-width: 80%;\n          color: #000;\n          color: var(--primary);\n          background-color: transparent;\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        .pagination-lg-btn-nxt {\n          margin: 0 0 1.5rem;\n        }\n        .pagination-lg-btn-prv {\n          margin: 1.5rem 0 0;\n        }\n        .pagination-lg-btn-nxt .btn:not(:disabled):not(.disabled).active,\n        .pagination-lg-btn-prv .btn:not(:disabled):not(.disabled):active {\n          color: #fff;\n          background-color: #000;\n          background-color: var(--primary);\n          border-color: #000;\n          border-color: var(--primary);\n        }\n        @media only screen and (min-width: 601px) {\n          [class^=\'pagination-lg-btn\'] {\n            display: none;\n          }\n        }\n        .fa-arrow-left {\n          margin-right: 0.5rem;\n        }\n        .fa-arrow-right {\n          margin-left: 0.5rem;\n        }\n        .pagination-container::-webkit-scrollbar {\n          height: 8px;\n        }\n        .pagination-container::-webkit-scrollbar-track,\n        .pagination-container::-webkit-scrollbar-thumb {\n          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);\n          border-radius: 4px;\n        }\n        .pagination-container::-webkit-scrollbar-track {\n          background-color: rgba(0, 0, 0, 0.1);\n        }\n        .pagination-container::-webkit-scrollbar-thumb {\n          background-color: rgba(0, 0, 0, 0.3);\n        }\n      '
-    )
-  );
-};
-
-export { Pagination as P };