@mjhls/mjh-framework 1.0.763 → 1.0.764-beta.0

package/dist/cjs/LeftNav.js

@@ -2,35 +2,34 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var ListGroup = require('react-bootstrap/ListGroup');
-var ADWebcast = require('./ADWebcast.js');
-var Segment = require('./Segment.js');
-require('./slicedToArray-db24842a.js');
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-4480325a.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_to-object-821a2927.js');
-require('./core.get-iterator-method-b4615fd3.js');
-require('./AdSlot.js');
-require('./extends-1e24fc8d.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('./web.dom.iterable-a0e279c1.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('./index-8bf6c863.js');
 require('prop-types');
-require('./index-0e4427c8.js');
-require('./debounce-eb287781.js');
 require('./isSymbol-04666465.js');
+require('./debounce-529c8d06.js');
+require('./toNumber-36d1e7e5.js');
+require('./main-02daeefe.js');
+require('./slicedToArray-8f385299.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-533d476a.js');
+require('./_set-species-f92c67c5.js');
+var Segment = require('./Segment.js');
 require('./Beam.js');
-require('./stringify-01cf47f7.js');
-require('./asyncToGenerator-2edcb6ad.js');
-require('./_library-dd23b178.js');
-require('./_set-species-a8cfdb84.js');
-require('./_iter-detect-2613ffa1.js');
-require('./main-dc082238.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ListGroup__default = /*#__PURE__*/_interopDefaultLegacy(ListGroup);
+require('./AdSlot.js');
+var ListGroup = _interopDefault(require('react-bootstrap/ListGroup'));
+var ADWebcast = require('./ADWebcast.js');
 
 var LeftNav = function LeftNav(props) {
   var leftItems = props.leftItems,
@@ -74,21 +73,21 @@ var LeftNav = function LeftNav(props) {
 
   var renderListGroupItem = function renderListGroupItem(subRow) {
     if (checkUrlIsExternal(subRow.url)) {
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'a',
         { target: subRow.blank ? '_blank' : '_self', needsegmentsupport: subRow.needSegmentSupport ? 'true' : '', href: subRow.url },
         subRow.name
       );
     }
 
-    return React__default['default'].createElement(
+    return React__default.createElement(
       'a',
       { href: subRow.url || '#', target: subRow.blank ? '_blank' : '_self', needsegmentsupport: subRow.needSegmentSupport ? 'true' : '' },
       subRow.name
     );
   };
 
-  return React__default['default'].createElement(
+  return React__default.createElement(
     'section',
     { ref: leftNavRef },
     leftItems && leftItems.map(function (row, index) {
@@ -96,27 +95,27 @@ var LeftNav = function LeftNav(props) {
       //  Since Webcast Ad should be between spotlight and sub navigation it should be passed as the second element of leftItems array from site level.
       //  Webcast AD should have atleast adUnit , networkID, and "_type" as "webcastAD"
       if (row._type && row._type === 'webcastAD' && row.adUnit) {
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'div',
           { key: index },
-          React__default['default'].createElement(ADWebcast, { webcastAd: row, refreshFlag: row.refreshFlag ? row.refreshFlag : false })
+          React__default.createElement(ADWebcast, { webcastAd: row, refreshFlag: row.refreshFlag ? row.refreshFlag : false })
         );
       } else {
-        return React__default['default'].createElement(
+        return React__default.createElement(
           'nav',
           { key: index, 'aria-label': 'Secondary' },
-          React__default['default'].createElement(
+          React__default.createElement(
             'div',
             { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
-            React__default['default'].createElement(
+            React__default.createElement(
               'span',
               { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
               row.name
             ),
-            row.url && SeeAll && React__default['default'].createElement(
+            row.url && SeeAll && React__default.createElement(
               'span',
               { style: { marginLeft: 'auto', display: 'inline-block' } },
-              React__default['default'].createElement(
+              React__default.createElement(
                 'a',
                 { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
                 'See All ',
@@ -124,12 +123,12 @@ var LeftNav = function LeftNav(props) {
               )
             )
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'ul',
             { style: sideNavStyles },
             row.subQuery && row.subQuery.map(function (subRow, subIndex) {
-              return React__default['default'].createElement(
-                ListGroup__default['default'].Item,
+              return React__default.createElement(
+                ListGroup.Item,
                 { as: 'li', key: subIndex + '_2' },
                 renderListGroupItem(subRow)
               );
@@ -141,7 +140,7 @@ var LeftNav = function LeftNav(props) {
   );
 };
 
-var LeftNav$1 = React__default['default'].memo(LeftNav);
+var LeftNav$1 = React__default.memo(LeftNav);
 
 exports.LeftNav = LeftNav;
 exports.default = LeftNav$1;

package/dist/cjs/MasterDeck.js

@@ -1,51 +1,51 @@
 'use strict';
 
-var toConsumableArray = require('./toConsumableArray-cf0865fc.js');
-var asyncToGenerator = require('./asyncToGenerator-2edcb6ad.js');
-var _extends = require('./extends-1e24fc8d.js');
-var inherits = require('./inherits-2eb23889.js');
+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');
+var toConsumableArray = 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');
+var inherits = require('./inherits-c9f99d47.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 index = require('./index-0e4427c8.js');
-var Container = require('react-bootstrap/Container');
+var React__default = _interopDefault(React);
+var index = require('./index-8bf6c863.js');
+require('prop-types');
+var Container = _interopDefault(require('react-bootstrap/Container'));
 require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('react-bootstrap/Card');
-require('./moment-aca40de1.js');
+require('./moment-575fe24c.js');
 var Router = require('next/router');
-var lodash = require('./lodash-4ef21f0f.js');
-var debounce = require('./debounce-eb287781.js');
-var index_es = require('./index.es-f3e47207.js');
-var visibilitySensor = require('./visibility-sensor-8b54af99.js');
-require('./index-d48b231c.js');
-var ADlgInfeed = require('./ADlgInfeed-a8dc2b08.js');
-var ADInfeed = require('./ADInfeed-32dc37f4.js');
-require('./main-dc082238.js');
-require('./_commonjsHelpers-06173234.js');
-require('./es6.string.iterator-20d42c53.js');
-require('./_to-object-821a2927.js');
-require('./_iter-detect-2613ffa1.js');
-require('./core.get-iterator-method-b4615fd3.js');
-require('./web.dom.iterable-4480325a.js');
-require('./_library-dd23b178.js');
-require('./_set-species-a8cfdb84.js');
-require('./_object-pie-68c5bcbc.js');
-require('./_object-sap-c5bd707d.js');
-require('./define-property-aff11f8a.js');
-require('./typeof-97065d40.js');
-require('./_is-array-63ae4740.js');
-require('prop-types');
+var Router__default = _interopDefault(Router);
 require('./isSymbol-04666465.js');
+var debounce = require('./debounce-529c8d06.js');
+require('./toNumber-36d1e7e5.js');
+var index_es = require('./index.es-9110add6.js');
 require('react-dom');
-require('./slicedToArray-db24842a.js');
-require('./AdSlot.js');
-require('./Beam.js');
-require('./stringify-01cf47f7.js');
+var visibilitySensor = require('./visibility-sensor-0c45a583.js');
+require('./index-be0c82be.js');
+require('./main-02daeefe.js');
+require('./slicedToArray-8f385299.js');
+require('./stringify-7c5aff47.js');
+var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
+require('./_set-species-f92c67c5.js');
 require('./Segment.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);
+require('./Beam.js');
+require('./AdSlot.js');
+var ADInfeed = require('./ADInfeed-89761278.js');
+var lodash = require('./lodash-fc2922d0.js');
+var ADlgInfeed = require('./ADlgInfeed-853ddc3d.js');
 
 var MasterDeck = function (_React$Component) {
   inherits._inherits(MasterDeck, _React$Component);
@@ -333,7 +333,7 @@ var MasterDeck = function (_React$Component) {
         }
       });
 
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         null,
         data && _this.state.dataRemapped && data.length > 0 ? // If JS enabled and Data remapped with ads
@@ -341,24 +341,24 @@ var MasterDeck = function (_React$Component) {
           var pageNumber = row.pageNumber || _this.state.page;
 
           if (row._type === 'lg-infeed' && row.adUnit) {
-            return React__default['default'].createElement(ADlgInfeed.ADlgInfeed, _extends._extends({ index: index }, row));
+            return React__default.createElement(ADlgInfeed.ADlgInfeed, _extends._extends({ index: index }, row));
             //  Returning view for infeed Ad
           } else if (row._type === 'brandInsightAd' && row.adUnit) {
-            return React__default['default'].createElement(ADInfeed.ADInfeed, { index: index, infeedAd: row });
+            return React__default.createElement(ADInfeed.ADInfeed, { index: index, infeedAd: row });
           } else if (!row._type || !['lg-infeed', 'brandInsightAd'].includes(row._type)) {
             //  Returning view for articles
-            return React__default['default'].createElement(
+            return React__default.createElement(
               visibilitySensor.VisibilitySensor,
               {
                 key: row._id ? row._id : index,
                 onChange: function onChange(isVisible) {
                   isVisible && _this.changePageNumber(pageNumber);
                 } },
-              React__default['default'].createElement(
-                React__default['default'].Fragment,
+              React__default.createElement(
+                React__default.Fragment,
                 { key: index },
-                React__default['default'].createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding }),
-                _this.state.mobileView && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default['default'].createElement(
+                React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding }),
+                _this.state.mobileView && _this.rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
                   'div',
                   { className: 'ad-container', style: { margin: '0 auto' } },
                   _this.renderMobileAd(index, numberOfItemsBeforeAd, _this.rightItems)
@@ -372,24 +372,24 @@ var MasterDeck = function (_React$Component) {
         data.map(function (row, index) {
           var pageNumber = row.pageNumber || _this.state.page;
           if (!row._type || !['lg-infeed', 'brandInsightAd'].includes(row._type)) {
-            return React__default['default'].createElement(
+            return React__default.createElement(
               visibilitySensor.VisibilitySensor,
               {
                 key: row._id ? row._id : index,
                 onChange: function onChange(isVisible) {
                   isVisible && _this.changePageNumber(pageNumber);
                 } },
-              React__default['default'].createElement(
-                React__default['default'].Fragment,
+              React__default.createElement(
+                React__default.Fragment,
                 { key: index },
-                React__default['default'].createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding })
+                React__default.createElement(_this2.Deck, { data: row, variant: variant, index: index, client: _this.props.client, defaultImage: _this.defaultImage, isSeriesLanding: _this.isSeriesLanding })
               )
             );
           }
-        }) : React__default['default'].createElement(
+        }) : React__default.createElement(
           'div',
           null,
-          React__default['default'].createElement(
+          React__default.createElement(
             'em',
             null,
             'New content coming soon, please check back later.'
@@ -398,7 +398,7 @@ var MasterDeck = function (_React$Component) {
       );
     }, _this.renderMobileAd = function (index, numberOfItemsBeforeAd, rightItems) {
       var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         { className: 'ad-container', style: { display: 'flex', flex: '1 0 auto', width: '100%', textAlign: 'center', marginBottom: '2rem' } },
         rightItems[i].component
@@ -415,15 +415,15 @@ var MasterDeck = function (_React$Component) {
         return null;
       }
 
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         { className: 'd-flex justify-content-between' },
-        currentPage && currentPage > 1 && React__default['default'].createElement(
+        currentPage && currentPage > 1 && React__default.createElement(
           'a',
           { href: '?page=' + (currentPage - 1) },
           '<< Previous'
         ),
-        React__default['default'].createElement(
+        React__default.createElement(
           'a',
           { href: '?page=' + (currentPage + 1) },
           'Next >>'
@@ -487,38 +487,38 @@ var MasterDeck = function (_React$Component) {
           _props$lgInfeedAd = _props.lgInfeedAd,
           lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd;
 
-      return React__default['default'].createElement(
+      return React__default.createElement(
         'div',
         { className: 'contentDeck' },
-        autoScroll ? React__default['default'].createElement(
-          React__default['default'].Fragment,
+        autoScroll ? React__default.createElement(
+          React__default.Fragment,
           null,
-          React__default['default'].createElement(
+          React__default.createElement(
             index_es.InfiniteScroll,
             { dataLength: this.state.data.length, next: this.loadMore, hasMore: this.state.scrolling, scrollThreshold: 0.9 },
-            React__default['default'].createElement(
-              Container__default['default'],
+            React__default.createElement(
+              Container,
               null,
               this.cardLoader(page, columns, variant, brandInsightAd, showBI, lgInfeedAd)
             )
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'noscript',
             null,
             this.renderManualPagination()
           )
-        ) : React__default['default'].createElement(
-          React__default['default'].Fragment,
+        ) : React__default.createElement(
+          React__default.Fragment,
           null,
-          React__default['default'].createElement(
-            Container__default['default'],
+          React__default.createElement(
+            Container,
             null,
             this.cardLoader(page, columns, variant, brandInsightAd, showBI, lgInfeedAd)
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'div',
             { style: { padding: '0px 10px' } },
-            this.state.scrolling && React__default['default'].createElement(
+            this.state.scrolling && React__default.createElement(
               'button',
               {
                 className: 'btn',
@@ -538,7 +538,7 @@ var MasterDeck = function (_React$Component) {
               'Load More'
             )
           ),
-          React__default['default'].createElement(
+          React__default.createElement(
             'noscript',
             null,
             this.renderManualPagination()
@@ -549,7 +549,7 @@ var MasterDeck = function (_React$Component) {
   }]);
 
   return MasterDeck;
-}(React__default['default'].Component);
+}(React__default.Component);
 
 var MasterDeck$1 = Router.withRouter(MasterDeck);
 

package/dist/cjs/MediaSeriesLanding.js

@@ -0,0 +1,121 @@
+'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('./toConsumableArray-9a3476fe.js');
+require('./core.get-iterator-method-f62321d4.js');
+require('./_object-pie-68c5bcbc.js');
+var _extends$1 = require('./extends-60837c34.js');
+require('./web.dom.iterable-a0e279c1.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('prop-types');
+require('./index.es-9110add6.js');
+require('react-dom');
+require('./index-be0c82be.js');
+require('./index-da796b8c.js');
+require('./main-02daeefe.js');
+require('./slicedToArray-8f385299.js');
+var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
+require('./_set-species-f92c67c5.js');
+require('./index-187c967e.js');
+require('./smoothscroll-5054361f.js');
+var Dropdown = _interopDefault(require('react-bootstrap/Dropdown'));
+require('./SeriesSlider-e761f83b.js');
+var SeriesListingDeck = require('./SeriesListingDeck.js');
+
+var _this = undefined;
+
+var Filter = function Filter(_ref) {
+  var filterData = _ref.filterData;
+
+  if (!filterData.series) return null;
+  return React__default.createElement(
+    Dropdown,
+    { className: 'mb-3' },
+    React__default.createElement(
+      Dropdown.Toggle,
+      { variant: 'secondary', id: 'dropdown-series' },
+      'All Series'
+    ),
+    React__default.createElement(
+      Dropdown.Menu,
+      null,
+      filterData.series && filterData.series.map(function (docGroup) {
+        return React__default.createElement(
+          Dropdown.Item,
+          { href: '/' + filterData.identifier.current + '/' + docGroup.identifier.current },
+          docGroup.name
+        );
+      })
+    )
+  );
+};
+
+var MediaSeriesLanding = function MediaSeriesLanding(props) {
+  if (!props.seriesData || props.seriesData.length == 0) {
+    return null;
+  }
+  return React__default.createElement(
+    'div',
+    null,
+    props.filterDropDownData && props.filterDropDownData.series && React__default.createElement(Filter, { filterData: props.filterDropDownData }),
+    React__default.createElement(SeriesListingDeck, _extends$1._extends({}, props, { data: props.seriesData, client: props.client, displayEpisodeNumber: props.displayEpisodeNumber }))
+  );
+};
+
+MediaSeriesLanding.getInitialData = function () {
+  var _ref2 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(ctx, client, cache) {
+    var urlQuery, pathname, req, identifier, itemsPerPage, currentPage, start, params, seriesQuery, seriesData, filterDropDownData, allSeries;
+    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            urlQuery = ctx.query, pathname = ctx.pathname, req = ctx.req;
+            identifier = pathname.replace('/', '');
+            itemsPerPage = 6;
+            currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            params = {
+              count: itemsPerPage,
+              from: start,
+              to: start + itemsPerPage,
+              url: pathname
+            };
+            seriesQuery = '*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n    _id,\n    name,\n    identifier,\n      \'series\': *[_type == \'documentGroup\' && references(^._id) && isSeries != false]{\n        _id,\n        name,\n        identifier,\n        \'articles\': \n            *[!(_id in path("drafts.**")) \n            && _type == "article"\n            && defined(title)\n            && is_visible\n            && defined(url)\n            && references(^._id)\n            && passwordLock != true\n            && defined(published)\n            && dateTime(published) <= dateTime(now())\n          ] | order(published desc)  {\n            ...,\n              title,\n              summary,\n              thumbnail,\n              url,\n              published,\n              authorMapping[0]->,\n              taxonomyMapping[]->,\n              contentCategory->,\n              \'pageNumber\': ' + currentPage + '\n            }\n\n    }\n}';
+            _context.next = 9;
+            return client.fetch(seriesQuery, params);
+
+          case 9:
+            seriesData = _context.sent;
+            filterDropDownData = [];
+            _context.next = 13;
+            return client.fetch('*[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\'][0]{\n      _id,\n      name,\n      identifier,\n        \'series\': *[_type == \'documentGroup\' && references(^._id) && isSeries != false]{\n          _id,\n          name,\n          identifier\n        \n      }\n  }');
+
+          case 13:
+            allSeries = _context.sent;
+
+
+            filterDropDownData = allSeries;
+
+            return _context.abrupt('return', { seriesData: seriesData, query: seriesQuery, params: params, page: currentPage, filterDropDownData: filterDropDownData, identifier: identifier });
+
+          case 16:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2, _x3) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+module.exports = MediaSeriesLanding;