@mjhls/mjh-framework 1.0.1082-errors-v1 → 1.0.1082-poll-test-1

package/dist/cjs/ArticleProgramLandingPage.js

@@ -5,7 +5,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var _extends = require('./extends-be0d85bc.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 var ArticleSeriesListing = require('./ArticleSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/ExternalResources.js

@@ -4,7 +4,7 @@ var _extends = require('./extends-be0d85bc.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 var index = require('./index-3177f564.js');
 var Router = require('next/router');
 var Button = require('react-bootstrap/Button');

package/dist/cjs/HorizontalArticleListing.js

@@ -5,7 +5,7 @@ var React = require('react');
 var ArticleCarousel = require('./ArticleCarousel.js');
 var index_esm = require('./index.esm-d81454e7.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./YoutubeGroup.js');

package/dist/cjs/IssueLanding.js

@@ -5,7 +5,7 @@ var React = require('react');
 var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 var PixelTracking = require('./PixelTracking.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/MediaSeriesCard.js

@@ -7,7 +7,7 @@ var urlFor = require('./urlFor.js');
 var moment = require('./moment-f730814d.js');
 var styleInject_es = require('./style-inject.es-dcee06b6.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/MediaSeriesLanding.js

@@ -12,7 +12,7 @@ var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
 var MediaSeriesCard = require('./MediaSeriesCard.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/MediaSeriesLandingPaginated.js

@@ -12,7 +12,7 @@ var Link = require('next/link');
 var BlockContent = require('./BlockContent-96b44364.js');
 var MasterDeckPaginated = require('./MasterDeckPaginated.js');
 var MediaSeriesCard = require('./MediaSeriesCard.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/PartnerDetailListing.js

@@ -13,7 +13,7 @@ var QueueDeckExpanded = require('./QueueDeckExpanded.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 var BlockContent = require('./BlockContent-96b44364.js');
 var checkSisterSite = require('./checkSisterSite-c3a4ac98.js');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/PartnerDetailListingPaginated.js

@@ -13,7 +13,7 @@ var QueueDeckExpandedPaginated = require('./QueueDeckExpandedPaginated.js');
 var Breadcrumbs = require('./Breadcrumbs.js');
 var Feature = require('./Feature.js');
 var urlFor = require('./urlFor.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 var BlockContent = require('./BlockContent-96b44364.js');
 var checkSisterSite = require('./checkSisterSite-c3a4ac98.js');
 require('./_commonjsHelpers-06173234.js');

package/dist/cjs/PodcastsLanding.js

@@ -8,7 +8,7 @@ var Link = require('next/link');
 var MasterDeck = require('./MasterDeck.js');
 var MediaSeriesCard = require('./MediaSeriesCard.js');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/TaxonomyDescription.js

@@ -7,7 +7,7 @@ var React = require('react');
 var Router = require('next/router');
 var Head = require('next/head');
 var BlockContent = require('./BlockContent-96b44364.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');
 require('./web.dom.iterable-d98303e0.js');

package/dist/cjs/VideoProgramLandingPage.js

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-96b44364.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/View.js

@@ -17,7 +17,7 @@ var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
 var visibilitySensor = require('./visibility-sensor-56020df6.js');
 var SocialShare = require('./SocialShare.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 var AdSlot = require('./AdSlot.js');
 var SeriesSlider = require('./SeriesSlider-086a8319.js');
 var getTargeting = require('./getTargeting-5b954783.js');

package/dist/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 require('./BlockContent-96b44364.js');
 require('./entities-df1aed86.js');
 require('./slicedToArray-067dd3bc.js');

package/dist/cjs/{index-171e9e82.js → index-8193e03a.js}

@@ -8933,11 +8933,17 @@ var Poll$1 = function Poll(_ref) {
       showBorders = _useState6[0],
       setShowBorders = _useState6[1];
 
+  var _useState7 = React.useState(false),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      dateChecked = _useState8[0],
+      setDateChecked = _useState8[1];
+
   var choices = node.choices,
       question = node.question,
       response = node.response,
       _node$showResults = node.showResults,
-      showResults = _node$showResults === undefined ? '' : _node$showResults;
+      showResults = _node$showResults === undefined ? '' : _node$showResults,
+      resultsDate = node.resultsDate;
 
   var inputRef = React.useRef([]);
 
@@ -8945,6 +8951,15 @@ var Poll$1 = function Poll(_ref) {
     e.preventDefault();
     onVote(node._key, selectedChoice);
   };
+  React.useEffect(function () {
+    var dateForResults = new Date(resultsDate);
+    var today = new Date();
+    if (today.getTime() >= dateForResults.getTime()) {
+      setShowAnswer(true);
+      setDateChecked(true);
+    }
+  }, [resultsDate]);
+
   React.useEffect(function () {
     if (showResults) {
       setShowAnswer(true);
@@ -8983,44 +8998,10 @@ var Poll$1 = function Poll(_ref) {
     }
   };
 
-  return React__default["default"].createElement(
-    'div',
-    { className: 'pollHolder mb-3' },
-    question && React__default["default"].createElement(
-      'p',
-      { className: 'font-weight-bold' },
-      question
-    ),
-    !showAnswer && choices && choices.length > 0 && React__default["default"].createElement(
-      'form',
-      { className: 'formPoll', onSubmit: function onSubmit(e) {
-          return onSubmitPoll(e);
-        } },
-      choices && choices.map(function (choice, index) {
-        return React__default["default"].createElement(
-          'div',
-          { key: choice._key, 'data-index': index, onClick: function onClick(e) {
-              return userChoiceSelection(e);
-            } },
-          React__default["default"].createElement(
-            'label',
-            { className: 'pl-2' },
-            React__default["default"].createElement('input', { ref: function ref(el) {
-                return inputRef.current[index] = el;
-              }, type: 'radio', id: 'male', name: choice._type, value: choice._key }),
-            ' ' + choice.choiceText
-          )
-        );
-      }),
-      React__default["default"].createElement(
-        reactBootstrap.Button,
-        { disabled: !selectedChoice, style: { width: '100%', borderRadius: '5px', fontWeight: 'bold  ' }, className: 'mt-3', type: 'submit' },
-        'Vote'
-      )
-    ),
-    showAnswer && React__default["default"].createElement(
+  var Results = function Results() {
+    return React__default["default"].createElement(
       'div',
-      { className: 'progress-container mb-3' },
+      null,
       showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
         var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
         return React__default["default"].createElement(
@@ -9028,23 +9009,32 @@ var Poll$1 = function Poll(_ref) {
           {
             key: choice._key,
             style: { border: showBorders ? choice.choiceAnswer === true ? '2px solid limegreen' : checkChoice(choice._key) ? '2px solid red' : '' : '' },
-            className: 'mb-3' },
+            className: 'mb-3'
+          },
           React__default["default"].createElement(
             'div',
             { className: 'correct-answer' },
-            React__default["default"].createElement(reactBootstrap.ProgressBar, { now: percentage }),
             React__default["default"].createElement(
               'div',
-              null,
-              choice.choiceText
-            ),
-            React__default["default"].createElement(
-              'div',
-              { className: 'float-right' },
-              percentage,
-              '% (',
-              choice.choiceCount ? choice.choiceCount : 0,
-              ' Votes)'
+              { className: 'relative w-full h-6 bg-gray-600/50  mx-auto rounded-lg overflow-hidden border border-gray-300' },
+              React__default["default"].createElement('div', { style: { width: percentage + '%' }, className: 'top-0 absolute h-full bg-primary relative' }),
+              React__default["default"].createElement(
+                'div',
+                { className: 'bottom-0 absolute h-full m-auto font-bold text-sm align-center flex justify-between w-full' },
+                React__default["default"].createElement(
+                  'div',
+                  { className: 'text-white pl-2 max-w-[75%]' },
+                  choice.choiceText
+                ),
+                React__default["default"].createElement(
+                  'div',
+                  { className: 'pr-4 text-white' },
+                  percentage,
+                  '% (',
+                  choice.choiceCount ? choice.choiceCount : 0,
+                  ' Votes)'
+                )
+              )
             )
           )
         );
@@ -9055,6 +9045,56 @@ var Poll$1 = function Poll(_ref) {
         'Total Votes: ',
         choicesTotalCount
       )
+    );
+  };
+
+  return React__default["default"].createElement(
+    'div',
+    { className: 'pollHolder mb-3' },
+    !dateChecked && React__default["default"].createElement(
+      'div',
+      null,
+      question && React__default["default"].createElement(
+        'p',
+        { className: 'font-weight-bold' },
+        question
+      ),
+      !showAnswer && choices && choices.length > 0 && React__default["default"].createElement(
+        'form',
+        { className: 'formPoll', onSubmit: function onSubmit(e) {
+            return onSubmitPoll(e);
+          } },
+        choices && choices.map(function (choice, index) {
+          return React__default["default"].createElement(
+            'div',
+            { key: choice._key, 'data-index': index, onClick: function onClick(e) {
+                return userChoiceSelection(e);
+              } },
+            React__default["default"].createElement(
+              'label',
+              { className: 'pl-2' },
+              React__default["default"].createElement('input', { ref: function ref(el) {
+                  return inputRef.current[index] = el;
+                }, type: 'radio', id: 'male', name: choice._type, value: choice._key }),
+              ' ' + choice.choiceText
+            )
+          );
+        }),
+        React__default["default"].createElement(
+          reactBootstrap.Button,
+          { disabled: !selectedChoice, style: { width: '100%', borderRadius: '5px', fontWeight: 'bold  ' }, className: 'mt-3', type: 'submit' },
+          'Vote'
+        )
+      )
+    ),
+    showAnswer && dateChecked ? React__default["default"].createElement(
+      'div',
+      { className: 'progress-container mb-3' },
+      React__default["default"].createElement(Results, null)
+    ) : React__default["default"].createElement(
+      'div',
+      null,
+      !resultsDate && React__default["default"].createElement(Results, null)
     ),
     showAnswer && response && React__default["default"].createElement(BlockContent.BlockContent, { blocks: response, serializers: getSerializers }),
     React__default["default"].createElement(

package/dist/cjs/index.js

@@ -91,7 +91,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-171e9e82.js');
+var getSerializers = require('./index-8193e03a.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');

package/dist/esm/ArticleProgramLandingPage.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from './slicedToArray-72ed566b.js';
 import { _ as _extends } from './extends-2f4448b8.js';
 import React__default from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import ArticleSeriesListing from './ArticleSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';

package/dist/esm/ExternalResources.js

@@ -2,7 +2,7 @@ import { _ as _extends } from './extends-2f4448b8.js';
 import { _ as _slicedToArray } from './slicedToArray-72ed566b.js';
 import React__default, { useState, useEffect } from 'react';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import { m as momentTimezone } from './index-4550ef23.js';
 import { useRouter } from 'next/router';
 import Button from 'react-bootstrap/Button';

package/dist/esm/HorizontalArticleListing.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import ArticleCarousel from './ArticleCarousel.js';
 import { I as IoIosArrowForward } from './index.esm-eb1e8e80.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './YoutubeGroup.js';

package/dist/esm/IssueLanding.js

@@ -3,7 +3,7 @@ import React__default from 'react';
 import QueueDeckExpanded from './QueueDeckExpanded.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import { PixelTrackingLandingPages } from './PixelTracking.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';

package/dist/esm/MediaSeriesCard.js

@@ -5,7 +5,7 @@ import urlFor from './urlFor.js';
 import { m as moment } from './moment-48faeb9c.js';
 import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './web.dom.iterable-3fffc027.js';

package/dist/esm/MediaSeriesLanding.js

@@ -10,7 +10,7 @@ import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
 import MediaSeriesCard from './MediaSeriesCard.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './web.dom.iterable-3fffc027.js';

package/dist/esm/MediaSeriesLandingPaginated.js

@@ -10,7 +10,7 @@ import Link from 'next/link';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import MasterDeck from './MasterDeckPaginated.js';
 import MediaSeriesCard from './MediaSeriesCard.js';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './web.dom.iterable-3fffc027.js';

package/dist/esm/PartnerDetailListing.js

@@ -11,7 +11,7 @@ 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-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { c as checkSisterSite } from './checkSisterSite-a7218fda.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/PartnerDetailListingPaginated.js

@@ -11,7 +11,7 @@ import QueueDeckExpanded from './QueueDeckExpandedPaginated.js';
 import Breadcrumbs from './Breadcrumbs.js';
 import Feature from './Feature.js';
 import urlFor from './urlFor.js';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { c as checkSisterSite } from './checkSisterSite-a7218fda.js';
 import './_commonjsHelpers-0c4b6f40.js';

package/dist/esm/PodcastsLanding.js

@@ -6,7 +6,7 @@ import Link from 'next/link';
 import MasterDeck from './MasterDeck.js';
 import MediaSeriesCard from './MediaSeriesCard.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './web.dom.iterable-3fffc027.js';

package/dist/esm/TaxonomyDescription.js

@@ -5,7 +5,7 @@ import React__default, { useState, useEffect } from 'react';
 import { useRouter } from 'next/router';
 import Head from 'next/head';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';
 import './web.dom.iterable-3fffc027.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-1d1bbc8c.js';
+import { g as getSerializers } from './index-3069d37b.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './core.get-iterator-method-95db387d.js';

package/dist/esm/View.js

@@ -15,7 +15,7 @@ import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
 import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
 import SocialShare from './SocialShare.js';
-import { r as renderAuthor, g as getSerializers } from './index-1d1bbc8c.js';
+import { r as renderAuthor, g as getSerializers } from './index-3069d37b.js';
 import DFPAdSlot from './AdSlot.js';
 import { S as SeriesSlider } from './SeriesSlider-acbdf4c9.js';
 import { a as getContentPlacementUrl, g as getTargeting } from './getTargeting-b62a177c.js';

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-1d1bbc8c.js';
+export { g as default } from './index-3069d37b.js';
 import './BlockContent-1e73bd2c.js';
 import './entities-6d9154b4.js';
 import './slicedToArray-72ed566b.js';

package/dist/esm/{index-1d1bbc8c.js → index-3069d37b.js}

@@ -8913,11 +8913,17 @@ var Poll$1 = function Poll(_ref) {
       showBorders = _useState6[0],
       setShowBorders = _useState6[1];
 
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      dateChecked = _useState8[0],
+      setDateChecked = _useState8[1];
+
   var choices = node.choices,
       question = node.question,
       response = node.response,
       _node$showResults = node.showResults,
-      showResults = _node$showResults === undefined ? '' : _node$showResults;
+      showResults = _node$showResults === undefined ? '' : _node$showResults,
+      resultsDate = node.resultsDate;
 
   var inputRef = useRef([]);
 
@@ -8925,6 +8931,15 @@ var Poll$1 = function Poll(_ref) {
     e.preventDefault();
     onVote(node._key, selectedChoice);
   };
+  useEffect(function () {
+    var dateForResults = new Date(resultsDate);
+    var today = new Date();
+    if (today.getTime() >= dateForResults.getTime()) {
+      setShowAnswer(true);
+      setDateChecked(true);
+    }
+  }, [resultsDate]);
+
   useEffect(function () {
     if (showResults) {
       setShowAnswer(true);
@@ -8963,44 +8978,10 @@ var Poll$1 = function Poll(_ref) {
     }
   };
 
-  return React__default.createElement(
-    'div',
-    { className: 'pollHolder mb-3' },
-    question && React__default.createElement(
-      'p',
-      { className: 'font-weight-bold' },
-      question
-    ),
-    !showAnswer && choices && choices.length > 0 && React__default.createElement(
-      'form',
-      { className: 'formPoll', onSubmit: function onSubmit(e) {
-          return onSubmitPoll(e);
-        } },
-      choices && choices.map(function (choice, index) {
-        return React__default.createElement(
-          'div',
-          { key: choice._key, 'data-index': index, onClick: function onClick(e) {
-              return userChoiceSelection(e);
-            } },
-          React__default.createElement(
-            'label',
-            { className: 'pl-2' },
-            React__default.createElement('input', { ref: function ref(el) {
-                return inputRef.current[index] = el;
-              }, type: 'radio', id: 'male', name: choice._type, value: choice._key }),
-            ' ' + choice.choiceText
-          )
-        );
-      }),
-      React__default.createElement(
-        Button$1,
-        { disabled: !selectedChoice, style: { width: '100%', borderRadius: '5px', fontWeight: 'bold  ' }, className: 'mt-3', type: 'submit' },
-        'Vote'
-      )
-    ),
-    showAnswer && React__default.createElement(
+  var Results = function Results() {
+    return React__default.createElement(
       'div',
-      { className: 'progress-container mb-3' },
+      null,
       showAnswer && choices && choices.length > 0 && choices.map(function (choice) {
         var percentage = choicesTotalCount && choicesTotalCount > 0 ? choice.choiceCount ? Math.floor(choice.choiceCount * 100 / choicesTotalCount) : 0 : 0;
         return React__default.createElement(
@@ -9008,23 +8989,32 @@ var Poll$1 = function Poll(_ref) {
           {
             key: choice._key,
             style: { border: showBorders ? choice.choiceAnswer === true ? '2px solid limegreen' : checkChoice(choice._key) ? '2px solid red' : '' : '' },
-            className: 'mb-3' },
+            className: 'mb-3'
+          },
           React__default.createElement(
             'div',
             { className: 'correct-answer' },
-            React__default.createElement(ProgressBar, { now: percentage }),
             React__default.createElement(
               'div',
-              null,
-              choice.choiceText
-            ),
-            React__default.createElement(
-              'div',
-              { className: 'float-right' },
-              percentage,
-              '% (',
-              choice.choiceCount ? choice.choiceCount : 0,
-              ' Votes)'
+              { className: 'relative w-full h-6 bg-gray-600/50  mx-auto rounded-lg overflow-hidden border border-gray-300' },
+              React__default.createElement('div', { style: { width: percentage + '%' }, className: 'top-0 absolute h-full bg-primary relative' }),
+              React__default.createElement(
+                'div',
+                { className: 'bottom-0 absolute h-full m-auto font-bold text-sm align-center flex justify-between w-full' },
+                React__default.createElement(
+                  'div',
+                  { className: 'text-white pl-2 max-w-[75%]' },
+                  choice.choiceText
+                ),
+                React__default.createElement(
+                  'div',
+                  { className: 'pr-4 text-white' },
+                  percentage,
+                  '% (',
+                  choice.choiceCount ? choice.choiceCount : 0,
+                  ' Votes)'
+                )
+              )
             )
           )
         );
@@ -9035,6 +9025,56 @@ var Poll$1 = function Poll(_ref) {
         'Total Votes: ',
         choicesTotalCount
       )
+    );
+  };
+
+  return React__default.createElement(
+    'div',
+    { className: 'pollHolder mb-3' },
+    !dateChecked && React__default.createElement(
+      'div',
+      null,
+      question && React__default.createElement(
+        'p',
+        { className: 'font-weight-bold' },
+        question
+      ),
+      !showAnswer && choices && choices.length > 0 && React__default.createElement(
+        'form',
+        { className: 'formPoll', onSubmit: function onSubmit(e) {
+            return onSubmitPoll(e);
+          } },
+        choices && choices.map(function (choice, index) {
+          return React__default.createElement(
+            'div',
+            { key: choice._key, 'data-index': index, onClick: function onClick(e) {
+                return userChoiceSelection(e);
+              } },
+            React__default.createElement(
+              'label',
+              { className: 'pl-2' },
+              React__default.createElement('input', { ref: function ref(el) {
+                  return inputRef.current[index] = el;
+                }, type: 'radio', id: 'male', name: choice._type, value: choice._key }),
+              ' ' + choice.choiceText
+            )
+          );
+        }),
+        React__default.createElement(
+          Button$1,
+          { disabled: !selectedChoice, style: { width: '100%', borderRadius: '5px', fontWeight: 'bold  ' }, className: 'mt-3', type: 'submit' },
+          'Vote'
+        )
+      )
+    ),
+    showAnswer && dateChecked ? React__default.createElement(
+      'div',
+      { className: 'progress-container mb-3' },
+      React__default.createElement(Results, null)
+    ) : React__default.createElement(
+      'div',
+      null,
+      !resultsDate && React__default.createElement(Results, null)
     ),
     showAnswer && response && React__default.createElement(BlockContent, { blocks: response, serializers: getSerializers }),
     React__default.createElement(

package/dist/esm/index.js

@@ -88,7 +88,7 @@ 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-1d1bbc8c.js';
+export { g as getSerializers } from './index-3069d37b.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.1082-errors-v1",
+  "version": "1.0.1082-poll-test-1",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",