@mjhls/mjh-framework 1.0.108 → 1.0.109-8.1

package/dist/esm/PartnerDetailListing.js

@@ -0,0 +1,368 @@
+import { _ as _asyncToGenerator, r as regenerator, a as _Promise } from './asyncToGenerator-1ebeb135.js';
+import { _ as _slicedToArray } from './slicedToArray-72ed566b.js';
+import { _ as _extends } from './extends-2f4448b8.js';
+import React__default from 'react';
+import { TwitterTimelineEmbed } from 'react-twitter-embed';
+import { I as ImageSlider, F as Facebook, P as Page } from './ImageSlider-75f7b81a.js';
+import './defineProperty-e8022d1e.js';
+import { r as reactSocialIcons_1 } from './react-social-icons-9be47857.js';
+import { m as moment } from './moment-48faeb9c.js';
+import QueueDeckExpanded from './QueueDeckExpanded.js';
+import Breadcrumbs from './Breadcrumbs.js';
+import Feature from './Feature.js';
+import urlFor from './urlFor.js';
+import { g as getSerializers } from './index-a68bfe70.js';
+import { B as BlockContent } from './BlockContent-1e73bd2c.js';
+import { c as checkSisterSite } from './checkSisterSite-a7218fda.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-95db387d.js';
+import './web.dom.iterable-3fffc027.js';
+import './_library-528f1934.js';
+import './_set-species-7d3317b7.js';
+import './_iter-detect-2f89237f.js';
+import 'prop-types';
+import './smoothscroll-fa4e3f8c.js';
+import './toConsumableArray-e6f28e5c.js';
+import 'react-bootstrap';
+import './index.es-a6137319.js';
+import './visibility-sensor-72fd8f8b.js';
+import 'react-dom';
+import './index-5cc7b406.js';
+import 'next/router';
+import './index-755f2cc2.js';
+import './main-754d4992.js';
+import './entities-6d9154b4.js';
+import './ADInfeed-3442c999.js';
+import 'react-bootstrap/Card';
+import './AdSlot.js';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './Beam.js';
+import './stringify-1e2a5946.js';
+import './Segment.js';
+import './AuthorComponent-d9653ae5.js';
+import './lodash-f97fd99a.js';
+import './ADlgInfeed-30649360.js';
+import './getContentCategory-15dcc413.js';
+import './timeDifferenceCalc.js';
+import './index-3f5c03b2.js';
+import 'react-bootstrap/Breadcrumb';
+import 'react-bootstrap/Carousel';
+import './index-c7e2ac95.js';
+import './urlForFile-2e523b67.js';
+import './typeof-3ab7d3b6.js';
+import './_is-array-68c79b29.js';
+import './brightcove-react-player-loader.es-a2422c4b.js';
+import './_object-to-array-9dfdfb29.js';
+import './keys-185288f4.js';
+import './_object-sap-14bd8e96.js';
+import 'react-bootstrap/Modal';
+import 'react-bootstrap/Button';
+import 'react-bootstrap/Form';
+import 'react-ga';
+import './GroupDeck.js';
+import './SocialShare.js';
+import 'next/head';
+import 'react-share';
+import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Row';
+import 'react-bootstrap/Col';
+import './inherits-96c84cbd.js';
+import './define-property-433c51d3.js';
+import './index.esm-eb1e8e80.js';
+import './iconBase-ccc56b97.js';
+import 'react-bootstrap/Figure';
+import 'react-bootstrap/OverlayTrigger';
+import 'react-bootstrap/Tooltip';
+import 'react-bootstrap/Popover';
+
+var _this = undefined;
+
+var checkIsFacebookGroup = function checkIsFacebookGroup(url) {
+  return (/www\.facebook\.com\/groups/.test(url)
+  );
+};
+
+var PartnerDetails = function PartnerDetails(_ref) {
+  var posts = _ref.posts,
+      query = _ref.query,
+      params = _ref.params,
+      features = _ref.features,
+      currentPage = _ref.currentPage,
+      partnerDetails = _ref.partnerDetails,
+      client = _ref.client,
+      Settings = _ref.Settings,
+      pageview = _ref.pageview,
+      page = _ref.page,
+      nextPagePostsCount = _ref.nextPagePostsCount;
+
+  var description = partnerDetails && partnerDetails.description ? partnerDetails.description.filter(function (block) {
+    return block._type !== 'slideshows' ? block : null;
+  }) : null;
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(Breadcrumbs, null),
+    React__default.createElement(
+      'div',
+      { className: 'partners-page' },
+      React__default.createElement(
+        'div',
+        { className: 'my-5 partner-logo-wrap', style: { display: 'flex', justifyContent: 'space-between' } },
+        partnerDetails.thumbnail && partnerDetails.thumbnail.link ? React__default.createElement(
+          'a',
+          _extends({
+            className: 'partners-logo',
+            style: { width: '25%', minWidth: '25%' },
+            href: partnerDetails.thumbnail.link,
+            target: partnerDetails.thumbnail.blank ? '_blank' : ''
+          }, checkSisterSite(partnerDetails.thumbnail.link) ? {} : { rel: 'noopener noreferrer' }),
+          React__default.createElement(
+            'figure',
+            { style: { width: '100%', textAlign: 'center', marginTop: '2rem' } },
+            React__default.createElement('img', {
+              alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
+              style: { maxWidth: '100%' },
+              src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : ''
+            }),
+            partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default.createElement(
+              'figcaption',
+              null,
+              partnerDetails.thumbnail.caption
+            )
+          )
+        ) : React__default.createElement(
+          'figure',
+          { className: 'partners-logo', style: { width: '25%', minWidth: '25%', textAlign: 'center' } },
+          React__default.createElement('img', {
+            alt: partnerDetails.thumbnail && partnerDetails.thumbnail.alt ? partnerDetails.thumbnail.alt : partnerDetails.name,
+            style: { maxWidth: '100%' },
+            src: partnerDetails.thumbnail ? urlFor({ client: client, source: partnerDetails.thumbnail.asset }) : ''
+          }),
+          partnerDetails.thumbnail && partnerDetails.thumbnail.caption && React__default.createElement(
+            'figcaption',
+            null,
+            partnerDetails.thumbnail.caption
+          )
+        ),
+        React__default.createElement(
+          'style',
+          { jsx: 'true' },
+          '\n            @media screen and (max-width: 768px) {\n              .partners-logo {\n                width: 100%;\n                min-width: 100%;\n              }\n              .partner-logo-wrap {\n                flex-wrap: wrap;\n              }\n              .block-content-partners {\n                padding-left: 0 !important;\n              }\n            }\n          '
+        ),
+        (partnerDetails.description || partnerDetails.linkedin || partnerDetails.instagram || partnerDetails.youtube && partnerDetails.youtubeIcon || partnerDetails.twitter && partnerDetails.twitterIcon || partnerDetails.facebook && !partnerDetails.twitterIcon) && React__default.createElement(
+          'div',
+          { className: 'block-content-partners my-4', style: { maxWidth: '100%', paddingLeft: '2rem', flex: '1 1 auto' } },
+          partnerDetails.description && React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config())),
+          (partnerDetails.linkedin || partnerDetails.instagram || partnerDetails.youtube && partnerDetails.youtubeIcon || partnerDetails.twitter && partnerDetails.twitterIcon || partnerDetails.facebook && !partnerDetails.twitterIcon) && React__default.createElement(
+            'div',
+            null,
+            React__default.createElement(
+              'p',
+              { className: 'd-inline-block font-weight-bold' },
+              'Connect with us:'
+            ),
+            '  ',
+            partnerDetails.linkedin && React__default.createElement(reactSocialIcons_1, _extends({
+              url: '' + partnerDetails.linkedin + (partnerDetails.linkedin.slice(-1) === '/' ? '' : '/') + 'posts/?feedView=all',
+              target: '_blank'
+            }, checkSisterSite('' + partnerDetails.linkedin + (partnerDetails.linkedin.slice(-1) === '/' ? '' : '/') + 'posts/?feedView=all') ? {} : { rel: 'noopener noreferrer' }, {
+              style: { height: 30, width: 30 }
+            })),
+            partnerDetails.instagram && React__default.createElement(reactSocialIcons_1, _extends({
+              url: '' + partnerDetails.instagram + (partnerDetails.instagram.slice(-1) === '/' ? '' : '/'),
+              target: '_blank'
+            }, checkSisterSite('' + partnerDetails.instagram + (partnerDetails.instagram.slice(-1) === '/' ? '' : '/')) ? {} : { rel: 'noopener noreferrer' }, {
+              style: { height: 30, width: 30, marginLeft: '0.25rem' }
+            })),
+            partnerDetails.youtube && partnerDetails.youtubeIcon && React__default.createElement(reactSocialIcons_1, _extends({
+              url: partnerDetails.youtube,
+              target: '_blank'
+            }, checkSisterSite(partnerDetails.youtube) ? {} : { rel: 'noopener noreferrer' }, {
+              style: { height: 30, width: 30, marginLeft: '0.25rem' }
+            })),
+            partnerDetails.twitter && partnerDetails.twitterIcon && React__default.createElement(reactSocialIcons_1, _extends({
+              url: partnerDetails.twitter,
+              target: '_blank'
+            }, checkSisterSite(partnerDetails.twitter) ? {} : { rel: 'noopener noreferrer' }, {
+              style: { height: 30, width: 30, marginLeft: '0.25rem' }
+            })),
+            partnerDetails.facebook && !partnerDetails.twitterIcon && React__default.createElement(reactSocialIcons_1, _extends({
+              url: partnerDetails.facebook,
+              target: '_blank'
+            }, checkSisterSite(partnerDetails.facebook) ? {} : { rel: 'noopener noreferrer' }, {
+              style: { height: 30, width: 30, marginLeft: '0.25rem' }
+            }))
+          )
+        )
+      ),
+      partnerDetails.affiliates && partnerDetails.affiliates[0] && partnerDetails.affiliates[0].slides && React__default.createElement(
+        'div',
+        { className: 'mb-4', style: { padding: '0 15px' } },
+        partnerDetails.affiliates[0].title && React__default.createElement(
+          'h2',
+          { className: 'bb-gold' },
+          partnerDetails.affiliates[0].title
+        ),
+        React__default.createElement(ImageSlider, { client: client, data: partnerDetails.affiliates[0] })
+      ),
+      features.length > 0 && React__default.createElement(
+        'div',
+        { className: ' mb-5' },
+        React__default.createElement(Feature, { dataset: features, client: client })
+      ),
+      (partnerDetails.twitter || partnerDetails.facebook && !checkIsFacebookGroup(partnerDetails.facebook)) && React__default.createElement(
+        'div',
+        {
+          className: 'mb-5 twitterFeed',
+          style: {
+            width: '100%',
+            maxWidth: '100%',
+            textAlign: 'center',
+            padding: '15px',
+            border: '2px solid #aaa',
+            borderRadius: '15px',
+            maxHeight: '500px',
+            overflow: 'hidden'
+          } },
+        partnerDetails.twitter && !partnerDetails.twitterIcon ? React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400, maxHeight: 500 } }),
+          React__default.createElement(
+            'style',
+            { jsx: 'true' },
+            '\n                .twitterFeed > div > .twitter-timeline::-webkit-scrollbar{\n                  display: none;\n                }\n                \n                .twitterFeed > div > .twitter-timeline{\n                  -ms-overflow-style: none;\n                  scrollbar-width: none;\n                  scroll-behavior: smooth;\n                  max-height: 500px;\n                  overflow: hidden;\n                  overflow-y: scroll;\n                }\n              '
+          )
+        ) : partnerDetails.facebook && React__default.createElement(
+          Facebook,
+          { appId: ' ' },
+          React__default.createElement(Page, _extends({
+            href: partnerDetails.facebook
+          }, checkSisterSite(partnerDetails.facebook) ? {} : { rel: 'noopener noreferrer' }, {
+            tabs: 'timeline',
+            width: '500',
+            height: '500'
+          }))
+        )
+      ),
+      React__default.createElement(
+        'div',
+        null,
+        posts && posts.length > 0 && React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            'h2',
+            { className: 'bb-gold mb-2' },
+            'Latest from ',
+            partnerDetails.name
+          ),
+          React__default.createElement('hr', null)
+        ),
+        React__default.createElement(QueueDeckExpanded, {
+          client: client,
+          mapping: Settings.mapping,
+          dataRecord: posts,
+          query: query,
+          params: params,
+          currentPage: currentPage,
+          seoPaginate: true,
+          columns: 'rotate',
+          variant: 'top',
+          page: page,
+          autoScroll: true,
+          defaultImage: Settings.logo,
+          showPublished: true,
+          showCategory: true,
+          pageview: pageview,
+          nextPagePostsCount: nextPagePostsCount
+        })
+      )
+    )
+  );
+};
+
+PartnerDetails.returnGetInitialProps = function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(identifier, partnerPageUrl, partnerDocumentGroupID, params, currentPage, client) {
+    var category = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
+
+    var today, featureQuery, partnerQuery, taxonomyQuery, _ref3, _ref4, features, partnerDetails, taxonomyDetails, articlesQuery, itemsPerPage, articles, nextPagePostsCount;
+
+    return regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            today = moment().utc().format();
+            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + (category ? category + '/' : null) + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->\n      }';
+            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n        pixelTrackingCode->,\n        description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          instagram,\n          twitterIcon,\n          youtube,\n          youtubeIcon,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n      }';
+
+
+            if (category) {
+              // if partners page has a sub category such as onclive
+              // e.g. /sap-partner/[category]/[partner]
+
+              partnerQuery = '*[_type == \'documentGroup\' && !(_id in path("drafts.**")) && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')] [0] {\n    ...,\n    \'partner\': *[_type == \'documentGroup\' && identifier.current == \'' + identifier + '\' && references(^._id)] [0] {\n      pixelTrackingCode->,\n          description,\n          name,\n          identifier,\n          thumbnail{ ..., asset-> },\n          twitter,\n          facebook,\n          linkedin,\n          instagram,\n          twitterIcon,\n          youtube,\n          youtubeIcon,\n          "affiliates": description[_type==\'slideshows\']{\n            ...,\n            slides->{...}\n          }\n    \n    }\n  }';
+            }
+
+            taxonomyQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && isShow != false\n      && identifier.current == \'' + identifier + '\'] [0] {\n          \'id\': _id,\n          \'title\': name\n      }';
+
+            if (category) {
+              taxonomyQuery = '*[_type == \'documentGroup\' \n     && !(_id in path("drafts.**"))\n     && isShow != false\n     && identifier.current == \'' + identifier + '\' && references(*[_type == \'documentGroup\' && identifier.current == \'' + category + '\' && references(\'' + partnerDocumentGroupID + '\')]._id)] [0] {\n         \'id\': _id,\n         \'title\': name\n     }';
+            }
+            _context.next = 8;
+            return _Promise.all([client.fetch(featureQuery), client.fetch(partnerQuery), client.fetch(taxonomyQuery)]);
+
+          case 8:
+            _ref3 = _context.sent;
+            _ref4 = _slicedToArray(_ref3, 3);
+            features = _ref4[0];
+            partnerDetails = _ref4[1];
+            taxonomyDetails = _ref4[2];
+            articlesQuery = '*[_type == \'article\' && !(_id in path("drafts.**")) && defined(title) && is_visible == true && defined(url) && dateTime(published) <= dateTime(\'' + today + '\') && passwordLocked != true && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n          title,\n          summary,\n          thumbnail{ ..., asset-> },\n      url,\n      published,\n      contentCategory->,\n      \'pageNumber\': ' + currentPage + '\n    }';
+            itemsPerPage = params.itemsPerPage ? params.itemsPerPage : params.from && params.to ? parseInt(params.to) - parseInt(params.from) : 10;
+            _context.next = 17;
+            return client.fetch(articlesQuery, params);
+
+          case 17:
+            articles = _context.sent;
+            _context.next = 20;
+            return client.fetch('count(' + articlesQuery + ')', _extends({}, params, { from: params.to, to: params.to + itemsPerPage }));
+
+          case 20:
+            nextPagePostsCount = _context.sent;
+
+            // need to exclude slideshows from body due to the affiliate slider
+            if (partnerDetails && partnerDetails.description) {
+              partnerDetails.description = partnerDetails.description.filter(function (block) {
+                return block._type !== 'slideshows';
+              });
+            }
+
+            return _context.abrupt('return', {
+              articles: articles,
+              taxonomyDetails: taxonomyDetails,
+              partnerDetails: category ? partnerDetails.partner : partnerDetails,
+              features: features,
+              featureQuery: featureQuery,
+              partnerQuery: partnerQuery,
+              taxonomyQuery: taxonomyQuery,
+              articlesQuery: articlesQuery,
+              nextPagePostsCount: nextPagePostsCount
+            });
+
+          case 23:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2, _x3, _x4, _x5, _x6) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+export { PartnerDetails as default };