@mjhls/mjh-framework 1.0.1005-next12-0003 → 1.0.1005-sap-context-test-v2

package/dist/cjs/VideoSeriesFilter.js

@@ -1 +1,128 @@
-"use strict";require("./index-6e1fba48.js"),require("./slicedToArray-e6d9072a.js"),require("react"),require("next/router"),require("react-bootstrap");var e=require("./VideoSeriesFilter-c45505be.js");require("./unsupportedIterableToArray-a6f9513d.js"),module.exports=e.VideoSeriesFilter$1;
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+var Router = require('next/router');
+var reactBootstrap = require('react-bootstrap');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-b1df62f0.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 VideoSeriesFilter = function VideoSeriesFilter(props) {
+  var filterData = props.filterData,
+      queryProps = props.queryProps,
+      filteredList = props.filteredList,
+      loadingStatus = props.loadingStatus,
+      _props$exclude = props.exclude,
+      exclude = _props$exclude === undefined ? null : _props$exclude,
+      router = props.router;
+  var taxonomyID = queryProps.taxonomyID,
+      currentPage = queryProps.currentPage,
+      client = queryProps.client,
+      params = queryProps.params;
+
+  var _useState = React.useState({ name: 'All Topics', id: '' }),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      filter = _useState2[0],
+      setFilter = _useState2[1];
+
+  var filterList = function () {
+    var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
+      var query;
+      return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              loadingStatus && loadingStatus(true);
+              filteredList(null);
+              query = '*[_type == \'article\'\n                    && !(_id in path("drafts.**"))\n                    && defined(title)\n                    && defined(url) ' + (filter.id ? ' && references(\'' + filter.id + '\')' : '') + '\n                    && references(\'' + taxonomyID + '\')\n                    && is_visible == true\n                    && published <= now()\n                    && passwordLock != true\n                  ] | order(published desc) [$from...$to]{\n                  ...,\n                  title,\n                  summary,\n                  published,\n                  thumbnail{ ..., asset->},\n                  url,\n                  taxonomy,\n                  contentCategory->,\n                  body[_type == "youtubeGallery"]{\n                    ...,\n                    videos[]{\n                      ...,\n                      thumbnail{...,asset->}\n                    }\n                  },\n                  \'pageNumber\': ' + currentPage + '\n                }';
+              _context.next = 5;
+              return client.fetch(query, params).then(function (res) {
+                filteredList({ posts: res, query: query });
+              });
+
+            case 5:
+              loadingStatus && loadingStatus(false);
+
+            case 6:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }));
+
+    return function filterList() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  React.useEffect(function () {
+    if (router && router.query && router.query.filter && filterData && filterData.length > 0) {
+      filterData.map(function (filterItem) {
+        if (filterItem.name === router.query.filter) {
+          setFilter({ name: filterItem.name, id: filterItem._id });
+        }
+      });
+    }
+  }, []);
+  React.useEffect(function () {
+    filterList();
+    var qString = '';
+    router.asPath.includes('?') && router.asPath.slice(router.asPath.indexOf('?') + 1).split('&').forEach(function (item) {
+      if (item.includes('=') && item.split('=')[0] !== 'filter') {
+        if (qString === '') {
+          qString += item.split('=')[0] + '=' + item.split('=')[1];
+        } else {
+          qString += '&' + item.split('=')[0] + '=' + item.split('=')[1];
+        }
+      }
+    });
+    if (filter.id !== '') {
+      router.push(router.pathname, router.pathname + '?filter=' + filter.name + (qString !== '' ? '&' + qString : ''), {
+        shallow: true
+      });
+    } else {
+      router.push(router.pathname, '' + router.pathname + (qString !== '' ? '?' + qString : ''), {
+        shallow: true
+      });
+    }
+  }, [filter]);
+  return React__default["default"].createElement(
+    React__default["default"].Fragment,
+    null,
+    React__default["default"].createElement(
+      reactBootstrap.DropdownButton,
+      { className: 'filter_dropdown', variant: 'primary', title: filter.name },
+      React__default["default"].createElement(
+        reactBootstrap.Dropdown.Item,
+        { key: 'all', onClick: function onClick() {
+            return setFilter({ name: 'All Topics', id: '' });
+          } },
+        'All Topics'
+      ),
+      filterData && filterData.map(function (filterItem) {
+        if (filterItem.identifier !== exclude) {
+          return React__default["default"].createElement(
+            reactBootstrap.Dropdown.Item,
+            { key: filterItem._id, onClick: function onClick() {
+                return setFilter({ name: filterItem.name, id: filterItem._id });
+              }, value: filterItem._id, selected: true },
+            filterItem.name
+          );
+        }
+      })
+    )
+  );
+};
+var VideoSeriesFilter$1 = Router.withRouter(VideoSeriesFilter);
+
+module.exports = VideoSeriesFilter$1;

package/dist/cjs/VideoSeriesLandingPage.js

@@ -1 +1,179 @@
-"use strict";require("./typeof-5f2c4427.js"),require("./index-6e1fba48.js"),require("react"),require("moment"),require("get-youtube-id"),require("./Breadcrumbs-ad264db7.js"),require("./MasterDeck-65dd366b.js"),require("./VideoSeriesCard.js");var e=require("./VideoSeriesLandingPage-7e199b48.js");require("./slicedToArray-e6d9072a.js"),require("./unsupportedIterableToArray-a6f9513d.js"),require("react-bootstrap/Breadcrumb"),require("./extends-f8003900.js"),require("./toConsumableArray-bf649f24.js"),require("./getPrototypeOf-e5dabebb.js"),require("./defineProperty-3cad0327.js"),require("react-dfp"),require("react-bootstrap/Container"),require("react-bootstrap/Row"),require("react-bootstrap/Col"),require("react-bootstrap/Card"),require("next/router"),require("lodash"),require("lodash/debounce"),require("react-infinite-scroll-component"),require("react-visibility-sensor"),require("./ADlgInfeed-01f5ef1b.js"),require("./AdSlot-d541f28d.js"),require("prop-types"),require("./segment-lib-1c52764b.js"),require("react-device-detect"),require("./ADInfeed-f496a8f6.js"),require("react-lazyload"),require("./urlFor-ca017581.js"),require("@sanity/image-url"),require("./style-inject.es-dcee06b6.js"),module.exports=e.VideoSeriesLandingPage$1;
+'use strict';
+
+var asyncToGenerator = require('./asyncToGenerator-77821af0.js');
+var _typeof = require('./typeof-567e31ff.js');
+var React = require('react');
+var moment = require('./moment-aca40de1.js');
+var index = require('./index-187c967e.js');
+var Breadcrumbs = require('./Breadcrumbs.js');
+var MasterDeck = require('./MasterDeck.js');
+var VideoSeriesCard = require('./VideoSeriesCard.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-b1df62f0.js');
+require('./_is-array-54228b29.js');
+require('./_object-pie-083f2dd6.js');
+require('./slicedToArray-067dd3bc.js');
+require('react-bootstrap/Breadcrumb');
+require('./toConsumableArray-d7797c2b.js');
+require('./extends-7c86182f.js');
+require('./inherits-de66ea16.js');
+require('./_object-sap-d1978572.js');
+require('./define-property-e8404b64.js');
+require('./index-d2a6ef75.js');
+require('./events-1b438fe7.js');
+require('prop-types');
+require('react-bootstrap/Container');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
+require('react-bootstrap/Card');
+require('next/router');
+require('./lodash-f0783643.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('./index.es-1ab8dda7.js');
+require('./visibility-sensor-56020df6.js');
+require('react-dom');
+require('./index-d48b231c.js');
+require('./ADlgInfeed-759969d6.js');
+require('./AdSlot.js');
+require('./Beam.js');
+require('./stringify-f7a37a8d.js');
+require('./Segment.js');
+require('./main-3643d499.js');
+require('./ADInfeed-0394f391.js');
+require('./index-65621b6c.js');
+require('./urlFor.js');
+require('./style-inject.es-dcee06b6.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 VideoSeriesLandingPage = function VideoSeriesLandingPage(props) {
+  var summary = props.summary,
+      client = props.client,
+      posts = props.posts,
+      _props$variant = props.variant,
+      variant = _props$variant === undefined ? 'left' : _props$variant,
+      _props$defaultImage = props.defaultImage,
+      defaultImage = _props$defaultImage === undefined ? '/placeholder.jpg' : _props$defaultImage,
+      mapping = props.mapping,
+      query = props.query,
+      params = props.params,
+      _props$currentPage = props.currentPage,
+      currentPage = _props$currentPage === undefined ? 1 : _props$currentPage,
+      pageview = props.pageview,
+      _props$autoScroll = props.autoScroll,
+      autoScroll = _props$autoScroll === undefined ? true : _props$autoScroll,
+      rightItems = props.rightItems,
+      brandInsightAd = props.brandInsightAd,
+      _props$showBI = props.showBI,
+      showBI = _props$showBI === undefined ? false : _props$showBI,
+      _props$lgInfeedAd = props.lgInfeedAd,
+      lgInfeedAd = _props$lgInfeedAd === undefined ? false : _props$lgInfeedAd;
+
+  return React__default["default"].createElement(
+    'div',
+    null,
+    summary && React__default["default"].createElement(
+      'div',
+      { style: { fontSize: '1rem' }, className: 'series-summary px-1 my-4' },
+      summary
+    ),
+    React__default["default"].createElement(Breadcrumbs, null),
+    posts && React__default["default"].createElement(MasterDeck, {
+      deck: VideoSeriesCard,
+      variant: variant,
+      client: client,
+      defaultImage: defaultImage,
+      mapping: mapping,
+      dataRecord: posts,
+      query: query,
+      params: params,
+      currentPage: currentPage,
+      pageview: pageview,
+      autoScroll: autoScroll,
+      rightItems: rightItems,
+      brandInsightAd: brandInsightAd,
+      showBI: showBI,
+      lgInfeedAd: lgInfeedAd
+    })
+  );
+};
+
+VideoSeriesLandingPage.getInitialData = function () {
+  var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(context, client) {
+    var itemsPerPage = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 10;
+    var taxonomyId = arguments[3];
+    var today, urlQuery, seriesName, currentPage, start, params, query, posts, seriesTitle, summary, url;
+    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            today = moment.moment().utc().format();
+            urlQuery = context.query;
+            seriesName = urlQuery.series;
+            currentPage = urlQuery.page ? parseInt(urlQuery.page) : 1;
+            start = (currentPage - 1) * itemsPerPage;
+            params = {
+              from: start,
+              to: start + itemsPerPage,
+              itemsPerPage: itemsPerPage
+            };
+            query = '*[\n    _type == \'article\' \n    && !(_id in path("drafts.**")) \n    && defined(title) \n    && defined(url) \n    && dateTime(published) <= dateTime(now()) \n    && references(\'' + taxonomyId + '\') \n    && is_visible == true \n    && url.current == \'' + seriesName + '\'\n  ][$from...$to] | order(published desc) {\n\t\ttitle,\n\t\tsummary,\n\t\tpublished,\n\t\tthumbnail,\n\t\turl,\n\t\ttaxonomy,\n\t\tbody[_type == "youtubeGallery"]\n\t}';
+            _context.next = 9;
+            return client.fetch(query, params);
+
+          case 9:
+            posts = _context.sent;
+            seriesTitle = '';
+            summary = '';
+
+
+            if (posts.length > 0 && posts[0].body.length > 0 && posts[0].body[0].videos) {
+              url = posts[0].url.current + '?seriesVid=';
+
+              seriesTitle = posts[0].title;
+              summary = posts[0].summary;
+              posts = posts[0].body[0].videos.filter(function (video) {
+                if ((video.is_visible === true || !video.hasOwnProperty('is_visible')) && (today >= video.published || !video.hasOwnProperty('published'))) {
+                  return video;
+                }
+              });
+              //start youtube thumbnail fix
+              posts.map(function (post, index$1) {
+                if (post.thumbnail && _typeof._typeof(post.thumbnail) !== 'object' || !post.thumbnail) {
+                  var id = index.getYoutubeId(post.url);
+                  var imageURL = 'https://img.youtube.com/vi/' + id + '/hqdefault.jpg';
+                  return post['thumbnail'] = imageURL, post['url'] = {
+                    current: url + (index$1 + 1)
+                  };
+                }
+                return post['url'] = {
+                  current: url + (index$1 + 1)
+                };
+              });
+              //end
+            }
+            return _context.abrupt('return', { posts: posts, query: query, params: params, seriesTitle: seriesTitle, summary: summary, seriesName: seriesName });
+
+          case 14:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+module.exports = VideoSeriesLandingPage;