@mjhls/mjh-framework 1.0.108 → 1.0.109-4.test-v1

package/dist/esm/index.js

@@ -0,0 +1,531 @@
+export { default as MediaSeriesCard } from './MediaSeriesCard.js';
+export { default as DeckContent } from './DeckContent.js';
+export { default as GridContent } from './GridContent.js';
+export { default as DeckQueue } from './DeckQueue.js';
+export { default as ThumbnailCard } from './ThumbnailCard.js';
+export { default as TaxonomyCard } from './TaxonomyCard.js';
+export { default as RolesDeck } from './RolesDeck.js';
+export { default as GroupDeck } from './GroupDeck.js';
+export { default as YoutubeGroup } from './YoutubeGroup.js';
+export { default as QueueDeckExpanded } from './QueueDeckExpanded.js';
+export { default as VideoSeriesListing } from './VideoSeriesListing.js';
+export { default as ArticleSeriesListing } from './ArticleSeriesListing.js';
+export { default as HorizontalArticleListing } from './HorizontalArticleListing.js';
+export { default as MasterDeck } from './MasterDeck.js';
+export { default as PublicationDeck } from './PublicationDeck.js';
+export { default as IssueDeck } from './IssueDeck.js';
+export { default as IssueContentDeck } from './IssueContentDeck.js';
+export { default as EventsDeck } from './EventsDeck.js';
+export { default as CMEDeck } from './CMEDeck.js';
+export { default as ExternalResources } from './ExternalResources.js';
+export { default as AlgoliaSearch } from './AlgoliaSearch.js';
+export { default as Column1 } from './Column1.js';
+export { default as Column2 } from './Column2.js';
+export { default as Column3 } from './Column3.js';
+export { default as Header } from './Header.js';
+export { default as LeftNav } from './LeftNav.js';
+export { default as AccordionPanel } from './AccordionPanel.js';
+export { default as SocialShare } from './SocialShare.js';
+export { default as PageFilter } from './PageFilter.js';
+export { default as VideoSeriesFilter } from './VideoSeriesFilter.js';
+export { default as NavMagazine } from './NavMagazine.js';
+export { NavNative } from './NavNative.js';
+export { NavDvm } from './NavDvm.js';
+export { HamMagazine } from './HamMagazine.js';
+export { default as TemplateNormal } from './TemplateNormal.js';
+export { default as AD } from './AD.js';
+export { default as AD300x250 } from './AD300x250.js';
+export { default as AD300x250x600 } from './AD300x250x600.js';
+export { default as AD728x90 } from './AD728x90.js';
+export { default as ADFooter } from './ADFooter.js';
+export { default as AdSlot } from './AdSlot.js';
+export { default as AdSlotsProvider } from './AdSlotsProvider.js';
+export { default as ADFloatingFooter } from './ADFloatingFooter.js';
+export { default as ADGutter } from './ADGutter.js';
+export { default as ADWelcome } from './ADWelcome.js';
+export { default as ADSponsoredResources } from './ADSponsoredResources.js';
+export { default as ADWebcast } from './ADWebcast.js';
+export { default as ADSkyscraper } from './ADSkyscraper.js';
+export { default as Search } from './Search.js';
+export { default as Feature } from './Feature.js';
+import React__default from 'react';
+import urlFor from './urlFor.js';
+export { default as urlFor } from './urlFor.js';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import 'react-bootstrap/Badge';
+import { L as LazyLoad } from './index-755f2cc2.js';
+export { default as Breadcrumbs } from './Breadcrumbs.js';
+export { default as Hero } from './Hero.js';
+export { default as AlphabeticList } from './AlphabeticList.js';
+export { default as PdfDownload } from './PdfDownload.js';
+export { default as RelatedTopicsDropdown } from './RelatedTopicsDropdown.js';
+export { default as Ustream } from './Ustream.js';
+export { default as SideFooter } from './SideFooter.js';
+export { default as HighlightenVideo } from './HighlightenVideo.js';
+export { default as PublicationLanding } from './PublicationLanding.js';
+export { default as IssueLanding } from './IssueLanding.js';
+export { default as PopUpModal } from './PopUpModal.js';
+export { default as RelatedContent } from './RelatedContent.js';
+export { default as SocialIcons } from './SocialIcons.js';
+export { default as ArticleCarousel } from './ArticleCarousel.js';
+export { default as TaxonomyDescription } from './TaxonomyDescription.js';
+export { default as PubToc } from './PubToc.js';
+export { default as PubSection } from './PubSection.js';
+import { _ as _asyncToGenerator, r as regenerator } from './asyncToGenerator-1ebeb135.js';
+import { _ as _JSON$stringify } from './stringify-1e2a5946.js';
+import { _ as _extends } from './extends-2f4448b8.js';
+import { _ as _slicedToArray } from './slicedToArray-72ed566b.js';
+import PropTypes from 'prop-types';
+import { m as momentTimezone } from './index-4550ef23.js';
+import ProgressBar from 'react-bootstrap/ProgressBar';
+export { PixelTrackingArticle, PixelTrackingLandingPages } from './PixelTracking.js';
+export { default as ForbesHero } from './ForbesHero.js';
+export { default as HorizontalHero } from './HorizontalHero.js';
+export { default as OncliveHero } from './OncliveHero.js';
+export { default as OncliveLargeHero } from './OncliveLargeHero.js';
+export { default as VerticalHero } from './VerticalHero.js';
+export { default as YahooHero } from './YahooHero.js';
+export { default as GridHero } from './GridHero.js';
+export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
+export { g as getSerializers } from './index-e560ccc3.js';
+export { default as Beam } from './Beam.js';
+export { default as Segment } from './Segment.js';
+export { default as KMTracker } from './KMTracker.js';
+export { default as getSeriesDetail } from './getSeriesDetail.js';
+export { default as SetCookie } from './SetCookie.js';
+export { default as getRelatedArticle } from './getRelatedArticle.js';
+export { default as View } from './View.js';
+export { default as PartnerDetailListing } from './PartnerDetailListing.js';
+export { default as VideoProgramLandingPage } from './VideoProgramLandingPage.js';
+export { default as VideoSeriesLandingPage } from './VideoSeriesLandingPage.js';
+export { default as ArticleProgramLandingPage } from './ArticleProgramLandingPage.js';
+export { default as ArticleSeriesLandingPage } from './ArticleSeriesLandingPage.js';
+export { default as Schema } from './Schema.js';
+export { g as getTargeting } from './getTargeting-b62a177c.js';
+export { default as getKeywords } from './getKeywords.js';
+export { default as getQuery } from './getQuery.js';
+import './typeof-3ab7d3b6.js';
+import './_commonjsHelpers-0c4b6f40.js';
+import './core.get-iterator-method-95db387d.js';
+import './web.dom.iterable-3fffc027.js';
+import './_is-array-68c79b29.js';
+import './_library-528f1934.js';
+import './moment-48faeb9c.js';
+import './style-inject.es-1f59c1d0.js';
+import './BlockContent-1e73bd2c.js';
+import './index-3f5c03b2.js';
+import './toConsumableArray-e6f28e5c.js';
+import './_iter-detect-2f89237f.js';
+import './inherits-96c84cbd.js';
+import './_object-sap-14bd8e96.js';
+import './define-property-433c51d3.js';
+import './index-5cc7b406.js';
+import 'react-bootstrap/Container';
+import 'react-bootstrap/Card';
+import 'next/router';
+import './debounce-533d9748.js';
+import './isSymbol-a7e9aafe.js';
+import './toNumber-5aeba6e7.js';
+import './index.es-a6137319.js';
+import './visibility-sensor-72fd8f8b.js';
+import 'react-dom';
+import './main-754d4992.js';
+import './entities-6d9154b4.js';
+import './ADInfeed-3442c999.js';
+import './lodash-f97fd99a.js';
+import './ADlgInfeed-30649360.js';
+import './getContentCategory-15dcc413.js';
+import './get-3c308da4.js';
+import './eq-bdcbf886.js';
+import './AuthorComponent-d9653ae5.js';
+import './PublicationFeature-6c334891.js';
+import 'react-bootstrap/Button';
+import 'react-bootstrap/Media';
+import './react-social-icons-9be47857.js';
+import './checkSisterSite-a7218fda.js';
+import './index-c7e2ac95.js';
+import './smoothscroll-fa4e3f8c.js';
+import 'react-bootstrap';
+import './timeDifferenceCalc.js';
+import './index.esm-eb1e8e80.js';
+import './iconBase-ccc56b97.js';
+import './defineProperty-e5afb9eb.js';
+import './_object-to-array-9dfdfb29.js';
+import 'react-bootstrap/Spinner';
+import 'react-bootstrap/Form';
+import './js.cookie-6874175c.js';
+import './index-c8d5e72b.js';
+import './ConferenceBanner-8792ebd2.js';
+import 'next/head';
+import '@mjhls/mjh-framework/dist/cjs/urlFor';
+import 'react-bootstrap/ListGroup';
+import 'react-bootstrap/Accordion';
+import 'react-bootstrap/AccordionToggle';
+import 'react-share';
+import 'react-bootstrap/Nav';
+import 'react-bootstrap/Navbar';
+import 'react-bootstrap/NavDropdown';
+import './index.esm-9b042655.js';
+import './NavFooter-4bcffccb.js';
+import './index.esm-9508070a.js';
+import './SocialSearchComponent-9e65c8d6.js';
+import 'react-bootstrap/FormControl';
+import 'react-ga';
+import 'react-bootstrap/Carousel';
+import 'react-bootstrap/Breadcrumb';
+import './keys-185288f4.js';
+import 'react-bootstrap/DropdownButton';
+import 'react-bootstrap/Dropdown';
+import './index.esm-1bd8a0a8.js';
+import './brightcove-react-player-loader.es-a2422c4b.js';
+import './_set-species-7d3317b7.js';
+import './urlForFile-2e523b67.js';
+import 'react-bootstrap/Modal';
+import 'react-bootstrap/Pagination';
+import 'react-bootstrap/Figure';
+import 'react-bootstrap/OverlayTrigger';
+import 'react-bootstrap/Tooltip';
+import 'react-bootstrap/Popover';
+import './SeriesSlider-acbdf4c9.js';
+import 'disqus-react';
+import 'react-twitter-embed';
+import './ImageSlider-75f7b81a.js';
+import './defineProperty-e8022d1e.js';
+import './VideoSeriesCard.js';
+
+//Feature query to be used
+// const featureQuery = `*[_type == 'feature' && is_active == true && feature_url == "/"] | order(_updatedAt asc)[0..5]{
+//     ...,
+//      feature_img { asset-> {url} }
+//    }`
+
+//Update*  Added control toggle for features.  Will default to off -
+//<Feature controls dataset={props.features} /></div>
+
+var FeatureArticles = function FeatureArticles(props) {
+  var data = props.dataset;
+
+  var client = props.client,
+      _props$imageWidth = props.imageWidth,
+      imageWidth = _props$imageWidth === undefined ? 200 : _props$imageWidth,
+      imageHeight = props.imageHeight,
+      defaultImage = props.defaultImage,
+      _props$styles = props.styles,
+      styles = _props$styles === undefined ? null : _props$styles;
+
+
+  return React__default.createElement(
+    'div',
+    { className: 'featured-articles-wrapper' },
+    data.map(function (article, index) {
+      return React__default.createElement(
+        React__default.Fragment,
+        null,
+        React__default.createElement(
+          Row,
+          { className: 'article-wrap' },
+          React__default.createElement(
+            Col,
+            { className: 'mb-4 m-fl-center deck', xs: 12, sm: 4, md: 4, lg: 3, xl: 3 },
+            React__default.createElement(
+              'a',
+              { href: '' + article.feature_link },
+              React__default.createElement(
+                'figure',
+                { style: { marginTop: '1rem' } },
+                React__default.createElement(
+                  LazyLoad,
+                  { height: imageHeight },
+                  React__default.createElement('img', { style: { width: '100%', borderRadius: '10px' }, src: article.feature_img ? urlFor({ client: client, source: article.feature_img, imageWidth: imageWidth, imageHeight: imageHeight }) : defaultImage })
+                )
+              )
+            )
+          ),
+          React__default.createElement(
+            Col,
+            { className: 'article-wrap-body', xs: 12, sm: 8, md: 8, lg: 9, xl: 9, style: { paddingTop: '10px' } },
+            React__default.createElement(
+              'a',
+              { href: '' + article.feature_link },
+              React__default.createElement(
+                'h4',
+                { className: 'mb-1', style: { fontWeight: '600', fontSize: '22px' } },
+                article.feature_title
+              ),
+              React__default.createElement(
+                'p',
+                { style: { fontSize: '1.1em' } },
+                article.feature_body
+              )
+            )
+          ),
+          index !== data.length - 1 && React__default.createElement('hr', null)
+        ),
+        React__default.createElement(
+          'style',
+          { jsx: 'true' },
+          '\n              .featured-articles-wrapper {\n                background: ' + props.backgroundColor + ';\n                padding: 1rem;\n                border-radius: 10px;\n                box-shadow: #0000002b 1px 3px 3px 3px;\n              }\n              hr {\n                width: 100%;\n                height: 1px;\n                margin-left: 15px;\n                margin-right: 15px;\n              }\n              ' + styles + '\n            '
+        )
+      );
+    })
+  );
+};
+
+var _this = undefined;
+
+var Survey = function Survey(_ref) {
+  var surveyData = _ref.surveyData,
+      handleEndSurvey = _ref.handleEndSurvey,
+      eventData = _ref.eventData,
+      takenQuestions = _ref.takenQuestions,
+      showLoading = _ref.showLoading,
+      colors = _ref.colors;
+
+  var _React$useState = React__default.useState('begin'),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      progressState = _React$useState2[0],
+      setProgressState = _React$useState2[1];
+
+  var _React$useState3 = React__default.useState(0),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      questionIndex = _React$useState4[0],
+      setQuestionIndex = _React$useState4[1];
+
+  var _React$useState5 = React__default.useState(100 / (surveyData.questions.length + 2)),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      progressBarState = _React$useState6[0],
+      setProgressBarState = _React$useState6[1];
+
+  var _React$useState7 = React__default.useState(false),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      buttonActive = _React$useState8[0],
+      setButtonActive = _React$useState8[1];
+
+  var _React$useState9 = React__default.useState(eventData),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      data = _React$useState10[0],
+      setData = _React$useState10[1];
+
+  var handleAnswer = function handleAnswer(a, qi) {
+    setData(_extends({}, data, {
+      type: surveyData.type,
+      time: momentTimezone().utc().format(),
+      question: surveyData.questions[qi].question,
+      answer: a
+    }));
+    setButtonActive(true);
+  };
+
+  var handleSurvey = function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(i) {
+      return regenerator.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (i === 0) {
+                updateStates(i + takenQuestions.length);
+              } else {
+                // Send question data to the api
+                handleAnswer(_JSON$stringify(data));
+                // Set states for the next question
+                updateStates(i);
+              }
+
+            case 1:
+            case 'end':
+              return _context.stop();
+          }
+        }
+      }, _callee, _this);
+    }));
+
+    return function handleSurvey(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var updateStates = function updateStates(i) {
+    if (i === surveyData.questions.length) {
+      setProgressState('complete');
+      setProgressBarState(100);
+    } else {
+      setProgressState('question ' + (i + 1) + '/' + surveyData.questions.length);
+      setProgressBarState(100 / (surveyData.questions.length + 2) * (i + 2));
+      setQuestionIndex(i);
+      setButtonActive(false);
+      setData(eventData);
+    }
+  };
+
+  React__default.useEffect(function () {
+    if (takenQuestions.length !== 0) updateStates(takenQuestions.length);
+  }, [takenQuestions]);
+
+  return React__default.createElement(
+    'div',
+    null,
+    React__default.createElement(
+      'style',
+      { jsx: true },
+      '\n        .font-family-georgia {\n          font-family: Georgia, \'Times New Roman\', Times, serif;\n        }\n        .font-family-markw1g {\n          font-family: \'MarkW1G\';\n        }\n        .survey-header {\n          background-color: ' + colors.secondary + ';\n          padding-left: 24px;\n          padding-right: 24px;\n          min-height: 50px;\n        }\n        .survey-title {\n          color: ' + colors.headerText + ';\n          font-size: 20px;\n          text-align: center;\n          font-weight: 600;\n        }\n        .survey-state {\n          color: ' + colors.primary + ';\n          text-align: center;\n          font-size: 15px;\n          font-weight: 600;\n        }\n        .survey-content {\n          min-height: 322px;\n          background-color: ' + colors.primary + ';\n          padding: 25px 28px 20px;\n        }\n        .survey-button {\n          box-shadow: 0px 3px 6px #00000029;\n          background-color: ' + colors.button + ';\n          color: ' + colors.secondary + ';\n          font-size: 14px;\n          line-height: 20px;\n          border-radius: 0;\n        }\n        .survey-option {\n          background-color: ' + colors.answer + ';\n          padding: 20px;\n          height: 100%;\n        }\n        .big-text {\n          font-size: 30px;\n          line-height: 30px;\n          text-align: center;\n          margin-bottom: 0;\n        }\n        .normal-text {\n          font-size: 18px;\n          line-height: 22px;\n          text-align: center;\n          margin-bottom: 0;\n        }\n        .small-text {\n          font-size: 12px;\n          line-height: 14px;\n          text-align: center;\n          margin-bottom: 0;\n        }\n      '
+    ),
+    showLoading ? React__default.createElement(
+      'div',
+      { className: 'd-flex align-items-center justify-content-center' },
+      React__default.createElement(
+        'h2',
+        { className: 'font-family-georgia' },
+        'Loading...'
+      )
+    ) : React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        'div',
+        { className: 'survey-header d-flex flex-column flex-md-row align-items-center justify-content-between' },
+        React__default.createElement(
+          'p',
+          { className: 'survey-title text-uppercase font-family-markw1g' },
+          surveyData.title
+        ),
+        React__default.createElement(
+          'p',
+          { className: 'survey-state text-uppercase font-family-markw1g' },
+          progressState
+        )
+      ),
+      React__default.createElement(ProgressBar, { now: progressBarState }),
+      React__default.createElement(
+        'div',
+        { className: 'survey-content' },
+        progressState === 'begin' && takenQuestions.length === 0 && React__default.createElement(
+          'div',
+          { className: 'd-flex align-items-center justify-content-center flex-column', style: { minHeight: 322 } },
+          React__default.createElement(
+            'p',
+            { className: 'font-family-georgia big-text', style: { color: colors.contentText } },
+            surveyData.beforeSurveyText
+          ),
+          surveyData.beforeSurveyButtonLabel && React__default.createElement(
+            'button',
+            { onClick: function onClick() {
+                return handleSurvey(0);
+              }, className: 'btn survey-button font-family-markw1g mt-3' },
+            surveyData.beforeSurveyButtonLabel
+          )
+        ),
+        progressState !== 'begin' && progressState !== 'complete' && React__default.createElement(
+          React__default.Fragment,
+          null,
+          React__default.createElement(
+            'p',
+            { className: 'font-family-georgia normal-text', style: { color: colors.contentText } },
+            surveyData.questions[questionIndex].question
+          ),
+          React__default.createElement(
+            Row,
+            { className: 'my-4' },
+            surveyData.questions[questionIndex].answers.map(function (a, i) {
+              return React__default.createElement(
+                Col,
+                { sm: 12, md: 6, key: i, className: 'my-2' },
+                React__default.createElement(
+                  'div',
+                  {
+                    className: 'd-flex align-items-center justify-content-center survey-option',
+                    onClick: function onClick() {
+                      return handleAnswer(a, questionIndex);
+                    },
+                    style: data.answer && data.answer === a ? { background: colors.selectedAnswer } : null },
+                  React__default.createElement(
+                    'p',
+                    { className: 'font-family-georgia small-text', style: { color: colors.contentText } },
+                    a
+                  )
+                )
+              );
+            })
+          ),
+          React__default.createElement(
+            'div',
+            { className: 'd-flex justify-content-end' },
+            React__default.createElement(
+              'button',
+              {
+                onClick: buttonActive ? function () {
+                  return handleSurvey(questionIndex + 1);
+                } : function () {},
+                className: 'btn survey-button font-family-markw1g',
+                style: !buttonActive ? { opacity: 0.5 } : null,
+                disabled: !buttonActive },
+              'next question'
+            )
+          )
+        ),
+        progressState === 'complete' && React__default.createElement(
+          'div',
+          { className: 'd-flex align-items-center justify-content-center flex-column', style: { minHeight: 322 } },
+          React__default.createElement(
+            'p',
+            { className: 'font-family-georgia big-text', style: { color: colors.contentText } },
+            surveyData.afterSurveyText
+          ),
+          surveyData.afterSurveyButtonLabel && React__default.createElement(
+            'button',
+            { onClick: handleEndSurvey, className: 'btn survey-button font-family-markw1g mt-3' },
+            surveyData.afterSurveyButtonLabel
+          )
+        )
+      )
+    )
+  );
+};
+
+Survey.propTypes = {
+  showLoading: PropTypes.bool.isRequired,
+  colors: PropTypes.shape({
+    primary: PropTypes.string,
+    secondary: PropTypes.string,
+    contentText: PropTypes.string,
+    headerText: PropTypes.string,
+    button: PropTypes.string,
+    answer: PropTypes.string,
+    selectedAnswer: PropTypes.string
+  }).isRequired,
+  eventData: PropTypes.shape({
+    url: PropTypes.string,
+    email: PropTypes.string
+  }).isRequired,
+  surveyData: PropTypes.shape({
+    type: PropTypes.oneOf(['pre', 'post']),
+    title: PropTypes.string,
+    beforeSurveyText: PropTypes.string,
+    beforeSurveyButtonLabel: PropTypes.string,
+    afterSurveyText: PropTypes.string,
+    afterSurveyButtonLabel: PropTypes.string,
+    questions: PropTypes.arrayOf(PropTypes.shape({
+      question: PropTypes.string,
+      answers: PropTypes.arrayOf(PropTypes.string)
+    }))
+  }).isRequired,
+  takenQuestions: PropTypes.arrayOf(PropTypes.string),
+  handleAnswer: PropTypes.func.isRequired,
+  handleEndSurvey: PropTypes.func.isRequired
+};
+
+Survey.defaultProps = {
+  showLoading: false,
+  colors: {
+    primary: '#6ED4C8',
+    secondary: '#26292D',
+    contentText: '#FF009D',
+    headerText: '#FFF',
+    button: '#EBE9AC',
+    answer: '#FFF',
+    selectedAnswer: '#EBE9AC'
+  },
+  takenQuestions: []
+};
+
+export { FeatureArticles, Survey };