@mjhls/mjh-framework 1.0.469 → 1.0.471

package/README.md

@@ -1,4 +1,5 @@
-# mjh-framework v. 1.0.469
+
+# mjh-framework v. 1.0.471
 
 > Foundation Framework 
 

package/dist/cjs/PartnerDetailListing.js

@@ -0,0 +1,326 @@
+'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('./core.get-iterator-method-41e87ec1.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-4d0352f8.js');
+require('./from-ea347372.js');
+require('./toConsumableArray-ca04303b.js');
+require('./_object-pie-68c5bcbc.js');
+var _extends = require('./extends-60837c34.js');
+require('./web.dom.iterable-43c3e277.js');
+require('./typeof-1869832c.js');
+require('./_is-array-754e012d.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('./index-f7ee1612.js');
+require('prop-types');
+require('react-bootstrap/Card');
+var moment = require('./moment-66a6a284.js');
+require('next/router');
+require('./isSymbol-488934a7.js');
+require('./debounce-32e57002.js');
+require('./index.es-ab3f2690.js');
+require('react-dom');
+require('./visibility-sensor-0c45a583.js');
+var index$1 = require('./index-b5eb3ff8.js');
+require('./index-fa0fb52c.js');
+require('./main-bc4db521.js');
+require('./entities-310b46ee.js');
+var slicedToArray = require('./slicedToArray-8063ee51.js');
+require('./stringify-7c5aff47.js');
+var asyncToGenerator = require('./asyncToGenerator-8e707718.js');
+require('./_set-species-4458e975.js');
+require('./Beam.js');
+require('./Segment.js');
+require('./AdSlot.js');
+require('./ADInfeed-8a7f1d50.js');
+require('./lodash-fc2922d0.js');
+require('./ADlgInfeed-659b82b6.js');
+require('./AuthorComponent-cb8b8128.js');
+var BlockContent = require('./BlockContent-f942392e.js');
+require('./smoothscroll-95231a70.js');
+require('./GroupDeck.js');
+require('react-bootstrap');
+var QueueDeckExpanded = require('./QueueDeckExpanded.js');
+require('react-bootstrap/Button');
+require('react-bootstrap/Carousel');
+var Feature = require('./Feature.js');
+require('react-bootstrap/Breadcrumb');
+var Breadcrumbs = require('./Breadcrumbs.js');
+require('./brightcove-react-player-loader.es-156bd4d6.js');
+var getSerializers = require('./getSerializers.js');
+require('./util-f2c1b65b.js');
+require('react-bootstrap/Pagination');
+require('next/dynamic');
+var urlFor = require('./urlFor.js');
+var reactTwitterEmbed = require('react-twitter-embed');
+
+var ImageSlider = function ImageSlider(props) {
+  var builder = index$1.imageUrlBuilder(props.client);
+
+  function urlFor(source) {
+    return builder.image(source);
+  }
+  function scrollSlider(e, direction) {
+    var slide = e.target.parentElement;
+    var scrollOffset = slide.scrollLeft;
+    var viewableWidth = slide.clientWidth > 700 ? 3 * (document.querySelector('.tile').scrollWidth + 8) : document.querySelector('.tile').scrollWidth + 8;
+    var scrollDirection = void 0;
+    if (direction === 'next') {
+      scrollDirection = scrollOffset + viewableWidth;
+    }
+    if (direction === 'prev') {
+      scrollDirection = scrollOffset - viewableWidth;
+    }
+    slide.scrollTo({
+      left: scrollDirection,
+      behavior: 'smooth'
+    });
+  }
+
+  var variant = 'black';
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      'div',
+      { id: 'vid-slider', className: 'col' },
+      React__default.createElement(
+        'div',
+        { className: 'row' },
+        React__default.createElement(
+          'div',
+          { onClick: function onClick(e) {
+              return scrollSlider(e, 'prev');
+            }, className: 'tile__slider-prev', style: { color: variant } },
+          React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
+        ),
+        React__default.createElement(
+          'div',
+          { onClick: function onClick(e) {
+              return scrollSlider(e, 'next');
+            }, className: 'tile__slider-next', style: { color: variant } },
+          React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
+        ),
+        React__default.createElement(
+          'div',
+          { className: 'row__inner' },
+          props.data.slides.map(function (img, index) {
+            var thumbnail = urlFor(img.slideshowImage).width(250);
+            return React__default.createElement(
+              'div',
+              { className: 'tile' },
+              React__default.createElement(
+                'div',
+                { className: 'tile__media' },
+                React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
+              ),
+              React__default.createElement('div', { style: { color: variant }, className: 'tile__info' })
+            );
+          })
+        )
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          #vid-slider * {\n            box-sizing: border-box;\n          }\n          #vid-slider::-webkit-scrollbar-thumb {\n            display: none;\n          }\n          #vid-slider::-webkit-scrollbar {\n            display: none;\n          }\n          #vid-slider .row::-webkit-scrollbar {\n            display: none;\n          }\n          #vid-slider .row::-webkit-scrollbar-thumb {\n            display: none;\n          }\n          #vid-slider {\n            position: relative;\n            -ms-overflow-style: none;\n          }\n          #vid-slider .contain {\n            width: 100%;\n          }\n          #vid-slider .row {\n            overflow: scroll;\n            width: 100%;\n            -ms-overflow-style: none;\n            max-height: 255px;\n          }\n          #vid-slider .tile__info {\n            white-space: normal !important;\n            position: absolute;\n            text-align: center;\n            color: ' + (props.dark ? 'white' : '#383838') + ';\n            opacity: 1;\n            font-size: 1rem;\n            transition: opacity 0.25s;\n          }\n          #vid-slider .row__inner {\n            transition: 450ms -webkit-transform;\n            transition: 450ms transform;\n            transition: 450ms transform, 450ms -webkit-transform;\n            font-size: 0;\n            white-space: nowrap;\n            margin: 0.5rem 0;\n            padding-bottom: 10px;\n            padding-left: 0;\n          }\n          #vid-slider .tile {\n            position: relative;\n            display: inline-block;\n            width: 250px;\n            margin-right: 10px;\n            font-size: 20px;\n            transition: 450ms all;\n            -webkit-transform-origin: center left;\n            transform-origin: center left;\n          }\n          #vid-slider .tile__img {\n            width: 250px;\n            height: auto;\n            max-height: 150px;\n            padding: 0 1.5rem;\n            -o-object-fit: contain;\n            object-fit: contain;\n          }\n          #vid-slider .tile__slider-prev,\n          #vid-slider .tile__slider-next {\n            width: 30px;\n            background: transparent;\n            border: none;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            z-index: 99;\n            cursor: pointer;\n            color: ' + (props.dark ? 'white' : 'black') + ';\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 2rem;\n          }\n          #vid-slider .tile__slider-prev {\n            left: -3px;\n          }\n          #vid-slider .tile__slider-next {\n            right: 0;\n          }\n          #vid-slider,\n          #vid-slider .row {\n            margin: 0;\n            padding: 0 1.2rem;\n          }\n          #vid-slider .tile:last-child {\n            margin-right: 2rem;\n          }\n          #vid-slider .row::-webkit-scrollbar-thumb {\n            background-color: transparent !important;\n          }\n          #vid-slider i {\n            border: solid ' + (props.dark ? 'white' : 'black') + ';\n            border-width: 0 4px 4px 0;\n            display: inline-block;\n            padding: 4px;\n            pointer-events: none;\n          }\n          #vid-slider .right {\n            transform: rotate(-45deg);\n            -webkit-transform: rotate(-45deg);\n          }\n          #vid-slider .left {\n            transform: rotate(135deg);\n            -webkit-transform: rotate(135deg);\n          }\n        '
+      )
+    )
+  );
+};
+
+var _this = undefined;
+
+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;
+
+  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', alignItems: 'center' } },
+        partnerDetails.thumbnail && partnerDetails.thumbnail.link ? React__default.createElement(
+          'a',
+          { className: 'partners-logo', style: { width: '25%', minWidth: '25%' }, href: partnerDetails.thumbnail.link, target: partnerDetails.thumbnail.blank ? '_blank' : '' },
+          React__default.createElement(
+            'figure',
+            { style: { width: '100%', 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, 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, 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 && React__default.createElement(
+          'div',
+          { className: 'block-content-partners my-4', style: { maxWidth: '100%', paddingLeft: '2rem', flex: '1 1 auto' } },
+          React__default.createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers(client), blocks: partnerDetails.description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
+        )
+      ),
+      partnerDetails.affiliates && partnerDetails.affiliates.slides && React__default.createElement(
+        'div',
+        { className: 'mb-4', style: { padding: '0 15px' } },
+        React__default.createElement(
+          'h2',
+          { className: 'bb-gold' },
+          'Affiliates of American Oncology Network'
+        ),
+        React__default.createElement(ImageSlider, { client: client, data: partnerDetails.affiliates })
+      ),
+      partnerDetails.twitter && React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(
+          'div',
+          { className: 'mb-5', style: { width: '100%', textAlign: 'center', padding: '0 15px', border: '2px solid #aaa', borderRadius: '15px' } },
+          React__default.createElement(reactTwitterEmbed.TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400 } })
+        )
+      ),
+      features.length > 0 && React__default.createElement(
+        'div',
+        { className: ' mb-5' },
+        React__default.createElement(Feature, { dataset: features, client: client })
+      ),
+      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
+        })
+      )
+    )
+  );
+};
+
+PartnerDetails.returnGetInitialProps = function () {
+  var _ref2 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.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, articles;
+
+    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            today = moment.moment().utc().format();
+            featureQuery = '*[_type == \'feature\' && is_active == true && feature_url == \'/' + partnerPageUrl + '/' + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->url\n      }';
+            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n          description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          "affiliates" : description[0]{slides}\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          name,\n          identifier,\n        thumbnail,\n          twitter,\n          description,\n          "affiliates" : description[0]{slides}\n    }\n  }';
+            }
+
+            taxonomyQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] [0] {\n          \'id\': _id,\n          \'title\': name\n      }';
+
+            if (category) {
+              taxonomyQuery = '*[_type == \'documentGroup\' \n     && !(_id in path("drafts.**"))\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 asyncToGenerator._Promise.all([client.fetch(featureQuery), client.fetch(partnerQuery), client.fetch(taxonomyQuery)]);
+
+          case 8:
+            _ref3 = _context.sent;
+            _ref4 = slicedToArray._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 + '\') && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n          title,\n          summary,\n          thumbnail,\n      url,\n      published,\n      contentCategory->,\n      \'pageNumber\': ' + currentPage + '\n    }';
+            _context.next = 16;
+            return client.fetch(articlesQuery, params);
+
+          case 16:
+            articles = _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 });
+
+          case 19:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2, _x3, _x4, _x5, _x6) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+module.exports = PartnerDetails;

package/dist/cjs/index.js

@@ -160,6 +160,8 @@ require('mysql');
 var View = require('./View.js');
 var getTargeting = require('./getTargeting-b15993cb.js');
 var urlFor = require('./urlFor.js');
+require('react-twitter-embed');
+var PartnerDetailListing = require('./PartnerDetailListing.js');
 var getQuery = require('./getQuery.js');
 
 
@@ -240,4 +242,5 @@ exports.Auth = Auth.default;
 exports.View = View;
 exports.getTargeting = getTargeting.getTargeting;
 exports.urlFor = urlFor;
+exports.PartnerDetailListing = PartnerDetailListing;
 exports.getQuery = getQuery;

package/dist/esm/PartnerDetailListing.js

@@ -0,0 +1,321 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './from-2c0a5f49.js';
+import './toConsumableArray-8712d678.js';
+import './_object-pie-33c40e79.js';
+import { _ as _extends } from './extends-6e00b262.js';
+import './web.dom.iterable-46c95e52.js';
+import './typeof-5f046efd.js';
+import './_is-array-dd5523d6.js';
+import React__default from 'react';
+import './index-93ec3c59.js';
+import 'prop-types';
+import 'react-bootstrap/Card';
+import { m as moment } from './moment-12415288.js';
+import 'next/router';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
+import './index.es-938a3a58.js';
+import 'react-dom';
+import './visibility-sensor-0baa4eea.js';
+import { i as imageUrlBuilder } from './index-51a80699.js';
+import './index-5f9f807a.js';
+import './main-7255814e.js';
+import './entities-7cc3bf45.js';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import { a as _asyncToGenerator, r as regenerator, _ as _Promise } from './asyncToGenerator-0379e924.js';
+import './_set-species-6f64f1c1.js';
+import './Beam.js';
+import './Segment.js';
+import './AdSlot.js';
+import './ADInfeed-dbd65900.js';
+import './lodash-17fdfebb.js';
+import './ADlgInfeed-a385f968.js';
+import './AuthorComponent-158226c9.js';
+import { B as BlockContent } from './BlockContent-a614acdf.js';
+import './smoothscroll-4b699764.js';
+import './GroupDeck.js';
+import 'react-bootstrap';
+import QueueDeckExpanded from './QueueDeckExpanded.js';
+import 'react-bootstrap/Button';
+import 'react-bootstrap/Carousel';
+import Feature from './Feature.js';
+import 'react-bootstrap/Breadcrumb';
+import Breadcrumbs from './Breadcrumbs.js';
+import './brightcove-react-player-loader.es-83f53e4e.js';
+import getSerializers from './getSerializers.js';
+import './util-7700fc59.js';
+import 'react-bootstrap/Pagination';
+import 'next/dynamic';
+import urlFor from './urlFor.js';
+import { TwitterTimelineEmbed } from 'react-twitter-embed';
+
+var ImageSlider = function ImageSlider(props) {
+  var builder = imageUrlBuilder(props.client);
+
+  function urlFor(source) {
+    return builder.image(source);
+  }
+  function scrollSlider(e, direction) {
+    var slide = e.target.parentElement;
+    var scrollOffset = slide.scrollLeft;
+    var viewableWidth = slide.clientWidth > 700 ? 3 * (document.querySelector('.tile').scrollWidth + 8) : document.querySelector('.tile').scrollWidth + 8;
+    var scrollDirection = void 0;
+    if (direction === 'next') {
+      scrollDirection = scrollOffset + viewableWidth;
+    }
+    if (direction === 'prev') {
+      scrollDirection = scrollOffset - viewableWidth;
+    }
+    slide.scrollTo({
+      left: scrollDirection,
+      behavior: 'smooth'
+    });
+  }
+
+  var variant = 'black';
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    React__default.createElement(
+      'div',
+      { id: 'vid-slider', className: 'col' },
+      React__default.createElement(
+        'div',
+        { className: 'row' },
+        React__default.createElement(
+          'div',
+          { onClick: function onClick(e) {
+              return scrollSlider(e, 'prev');
+            }, className: 'tile__slider-prev', style: { color: variant } },
+          React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow left' })
+        ),
+        React__default.createElement(
+          'div',
+          { onClick: function onClick(e) {
+              return scrollSlider(e, 'next');
+            }, className: 'tile__slider-next', style: { color: variant } },
+          React__default.createElement('i', { style: { border: 'solid ' + variant, borderWidth: '0 4px 4px 0' }, className: 'arrow right' })
+        ),
+        React__default.createElement(
+          'div',
+          { className: 'row__inner' },
+          props.data.slides.map(function (img, index) {
+            var thumbnail = urlFor(img.slideshowImage).width(250);
+            return React__default.createElement(
+              'div',
+              { className: 'tile' },
+              React__default.createElement(
+                'div',
+                { className: 'tile__media' },
+                React__default.createElement('img', { className: 'tile__img', src: thumbnail, alt: '' })
+              ),
+              React__default.createElement('div', { style: { color: variant }, className: 'tile__info' })
+            );
+          })
+        )
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: 'true' },
+        '\n          #vid-slider * {\n            box-sizing: border-box;\n          }\n          #vid-slider::-webkit-scrollbar-thumb {\n            display: none;\n          }\n          #vid-slider::-webkit-scrollbar {\n            display: none;\n          }\n          #vid-slider .row::-webkit-scrollbar {\n            display: none;\n          }\n          #vid-slider .row::-webkit-scrollbar-thumb {\n            display: none;\n          }\n          #vid-slider {\n            position: relative;\n            -ms-overflow-style: none;\n          }\n          #vid-slider .contain {\n            width: 100%;\n          }\n          #vid-slider .row {\n            overflow: scroll;\n            width: 100%;\n            -ms-overflow-style: none;\n            max-height: 255px;\n          }\n          #vid-slider .tile__info {\n            white-space: normal !important;\n            position: absolute;\n            text-align: center;\n            color: ' + (props.dark ? 'white' : '#383838') + ';\n            opacity: 1;\n            font-size: 1rem;\n            transition: opacity 0.25s;\n          }\n          #vid-slider .row__inner {\n            transition: 450ms -webkit-transform;\n            transition: 450ms transform;\n            transition: 450ms transform, 450ms -webkit-transform;\n            font-size: 0;\n            white-space: nowrap;\n            margin: 0.5rem 0;\n            padding-bottom: 10px;\n            padding-left: 0;\n          }\n          #vid-slider .tile {\n            position: relative;\n            display: inline-block;\n            width: 250px;\n            margin-right: 10px;\n            font-size: 20px;\n            transition: 450ms all;\n            -webkit-transform-origin: center left;\n            transform-origin: center left;\n          }\n          #vid-slider .tile__img {\n            width: 250px;\n            height: auto;\n            max-height: 150px;\n            padding: 0 1.5rem;\n            -o-object-fit: contain;\n            object-fit: contain;\n          }\n          #vid-slider .tile__slider-prev,\n          #vid-slider .tile__slider-next {\n            width: 30px;\n            background: transparent;\n            border: none;\n            position: absolute;\n            top: 50%;\n            transform: translateY(-50%);\n            z-index: 99;\n            cursor: pointer;\n            color: ' + (props.dark ? 'white' : 'black') + ';\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-size: 2rem;\n          }\n          #vid-slider .tile__slider-prev {\n            left: -3px;\n          }\n          #vid-slider .tile__slider-next {\n            right: 0;\n          }\n          #vid-slider,\n          #vid-slider .row {\n            margin: 0;\n            padding: 0 1.2rem;\n          }\n          #vid-slider .tile:last-child {\n            margin-right: 2rem;\n          }\n          #vid-slider .row::-webkit-scrollbar-thumb {\n            background-color: transparent !important;\n          }\n          #vid-slider i {\n            border: solid ' + (props.dark ? 'white' : 'black') + ';\n            border-width: 0 4px 4px 0;\n            display: inline-block;\n            padding: 4px;\n            pointer-events: none;\n          }\n          #vid-slider .right {\n            transform: rotate(-45deg);\n            -webkit-transform: rotate(-45deg);\n          }\n          #vid-slider .left {\n            transform: rotate(135deg);\n            -webkit-transform: rotate(135deg);\n          }\n        '
+      )
+    )
+  );
+};
+
+var _this = undefined;
+
+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;
+
+  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', alignItems: 'center' } },
+        partnerDetails.thumbnail && partnerDetails.thumbnail.link ? React__default.createElement(
+          'a',
+          { className: 'partners-logo', style: { width: '25%', minWidth: '25%' }, href: partnerDetails.thumbnail.link, target: partnerDetails.thumbnail.blank ? '_blank' : '' },
+          React__default.createElement(
+            'figure',
+            { style: { width: '100%', 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, 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, 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 && React__default.createElement(
+          'div',
+          { className: 'block-content-partners my-4', style: { maxWidth: '100%', paddingLeft: '2rem', flex: '1 1 auto' } },
+          React__default.createElement(BlockContent, _extends({ serializers: getSerializers(client), blocks: partnerDetails.description, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
+        )
+      ),
+      partnerDetails.affiliates && partnerDetails.affiliates.slides && React__default.createElement(
+        'div',
+        { className: 'mb-4', style: { padding: '0 15px' } },
+        React__default.createElement(
+          'h2',
+          { className: 'bb-gold' },
+          'Affiliates of American Oncology Network'
+        ),
+        React__default.createElement(ImageSlider, { client: client, data: partnerDetails.affiliates })
+      ),
+      partnerDetails.twitter && React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(
+          'div',
+          { className: 'mb-5', style: { width: '100%', textAlign: 'center', padding: '0 15px', border: '2px solid #aaa', borderRadius: '15px' } },
+          React__default.createElement(TwitterTimelineEmbed, { sourceType: 'url', url: partnerDetails.twitter, options: { height: 400 } })
+        )
+      ),
+      features.length > 0 && React__default.createElement(
+        'div',
+        { className: ' mb-5' },
+        React__default.createElement(Feature, { dataset: features, client: client })
+      ),
+      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
+        })
+      )
+    )
+  );
+};
+
+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, articles;
+
+    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 + '/' + identifier + '\'] | order(_updatedAt asc)[0..5]{\n      ...,\n       \'feature_img\' : feature_img.asset->url\n      }';
+            partnerQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] | order(name asc) [0] {\n          description,\n          name,\n          identifier,\n          thumbnail,\n          twitter,\n          "affiliates" : description[0]{slides}\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          name,\n          identifier,\n        thumbnail,\n          twitter,\n          description,\n          "affiliates" : description[0]{slides}\n    }\n  }';
+            }
+
+            taxonomyQuery = '*[_type == \'documentGroup\' \n      && !(_id in path("drafts.**"))\n      && references(\'' + partnerDocumentGroupID + '\')\n      && identifier.current == \'' + identifier + '\'] [0] {\n          \'id\': _id,\n          \'title\': name\n      }';
+
+            if (category) {
+              taxonomyQuery = '*[_type == \'documentGroup\' \n     && !(_id in path("drafts.**"))\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 + '\') && references(\'' + taxonomyDetails.id + '\')] | order(published desc)[$from...$to]{\n          title,\n          summary,\n          thumbnail,\n      url,\n      published,\n      contentCategory->,\n      \'pageNumber\': ' + currentPage + '\n    }';
+            _context.next = 16;
+            return client.fetch(articlesQuery, params);
+
+          case 16:
+            articles = _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 });
+
+          case 19:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  }));
+
+  return function (_x, _x2, _x3, _x4, _x5, _x6) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+export default PartnerDetails;

package/dist/esm/index.js

@@ -156,4 +156,6 @@ import 'mysql';
 export { default as View } from './View.js';
 export { g as getTargeting } from './getTargeting-1a0bd08d.js';
 export { default as urlFor } from './urlFor.js';
+import 'react-twitter-embed';
+export { default as PartnerDetailListing } from './PartnerDetailListing.js';
 export { default as getQuery } from './getQuery.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.469",
+  "version": "1.0.471",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",
@@ -97,6 +97,7 @@
     "js-cookie": "^2.2.1",
     "next-cookies": "^2.0.3",
     "react-cookies": "^0.1.1",
+    "react-twitter-embed": "^3.0.3",
     "shortid": "^2.2.15",
     "smoothscroll-polyfill": "^0.4.4",
     "striptags": "^3.1.1",