@mjhls/mjh-framework 1.0.119 → 1.0.121

package/dist/index.js

@@ -16,6 +16,8 @@ var Link = _interopDefault(require('next/link'));
 var router = require('next/router');
 var Media = _interopDefault(require('react-bootstrap/Media'));
 var reactBootstrap = require('react-bootstrap');
+var Button = _interopDefault(require('react-bootstrap/Button'));
+var Badge = _interopDefault(require('react-bootstrap/Badge'));
 var ListGroup = _interopDefault(require('react-bootstrap/ListGroup'));
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -23,7 +25,6 @@ var AccordionToggle = require('react-bootstrap/AccordionToggle');
 var reactShare = require('react-share');
 var Form = _interopDefault(require('react-bootstrap/Form'));
 var FormControl = _interopDefault(require('react-bootstrap/FormControl'));
-var Button = _interopDefault(require('react-bootstrap/Button'));
 var Nav = _interopDefault(require('react-bootstrap/Nav'));
 var Navbar = _interopDefault(require('react-bootstrap/Navbar'));
 var NavDropdown = _interopDefault(require('react-bootstrap/NavDropdown'));
@@ -12648,6 +12649,221 @@ var VideoSeriesListing = function (_React$Component) {
 }(React__default.Component);
 var VideoSeriesListing$1 = router.withRouter(VideoSeriesListing);
 
+var PublicationDeck = function PublicationDeck(props) {
+  var data = props.data,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      href = props.href,
+      Website = props.Website,
+      client = props.client;
+
+  var urlFor = function urlFor(source) {
+    var builder = imageUrlBuilder(client);
+    return builder.image(source);
+  };
+
+  var renderCardImage = function renderCardImage(thumbnail) {
+    if (thumbnail && thumbnail.asset) {
+      var url = urlFor(thumbnail);
+      if (imageHeight) url = url.height(imageHeight);
+      if (imageWidth) url = url.width(imageWidth);
+      return url.url();
+    } else {
+      return Website.logo;
+    }
+  };
+
+  return React__default.createElement(
+    Row,
+    null,
+    data && data.map(function (row, index) {
+      return row.identifier && row.identifier.current && React__default.createElement(
+        Col,
+        { md: 12, lg: '4', style: { display: 'flex', flex: '1 0 auto' }, key: index },
+        React__default.createElement(
+          Card,
+          { className: 'block-card', style: { width: '200px' } },
+          React__default.createElement(
+            Link,
+            { href: href + '/' + row.identifier.current },
+            React__default.createElement(
+              'a',
+              null,
+              row.childIssue && row.childIssue.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.childIssue.thumbnail), alt: row.name }),
+              React__default.createElement(
+                Card.Body,
+                null,
+                React__default.createElement(
+                  Card.Title,
+                  null,
+                  row.name
+                ),
+                React__default.createElement(
+                  Button,
+                  { variant: 'secondary' },
+                  'Browse Issues'
+                )
+              )
+            )
+          )
+        )
+      );
+    })
+  );
+};
+
+var IssueDeck = function IssueDeck(props) {
+  var data = props.data,
+      href = props.href,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      Website = props.Website,
+      client = props.client,
+      publication = props.publication;
+
+
+  var urlFor = function urlFor(source) {
+    var builder = imageUrlBuilder(client);
+    return builder.image(source);
+  };
+
+  var renderCardImage = function renderCardImage(thumbnail) {
+    if (thumbnail && thumbnail.asset) {
+      var url = urlFor(thumbnail);
+      if (imageHeight) url = url.height(imageHeight);
+      if (imageWidth) url = url.width(imageWidth);
+      return url.url();
+    } else {
+      return Website.logo;
+    }
+  };
+
+  return React__default.createElement(
+    Row,
+    null,
+    data && data.map(function (row, index) {
+      return publication && row.identifier && row.identifier.current && React__default.createElement(
+        Col,
+        { md: 12, lg: 12, key: index },
+        React__default.createElement(
+          Link,
+          { href: href + '/' + publication + '/' + row.identifier.current },
+          React__default.createElement(
+            'a',
+            null,
+            React__default.createElement(
+              Card,
+              { className: 'queue-card journal-queue', style: { borderTop: '1px solid #EEE' } },
+              React__default.createElement(
+                Row,
+                { style: { flexDirection: 'left' } },
+                React__default.createElement(
+                  Col,
+                  { md: 12, lg: 4 },
+                  row.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.name })
+                ),
+                React__default.createElement(
+                  Col,
+                  null,
+                  React__default.createElement(
+                    Card.Body,
+                    { style: { padding: '20px' } },
+                    React__default.createElement(
+                      Card.Title,
+                      null,
+                      row.name
+                    ),
+                    React__default.createElement(
+                      'div',
+                      null,
+                      'Volume: ',
+                      row.volume
+                    ),
+                    React__default.createElement(
+                      'div',
+                      null,
+                      'Number: ',
+                      row.number
+                    ),
+                    React__default.createElement(
+                      Button,
+                      { style: { marginTop: '20px' }, variant: 'secondary' },
+                      'View Issue'
+                    )
+                  )
+                )
+              )
+            )
+          )
+        )
+      );
+    })
+  );
+};
+
+var IssueContentDeck = function IssueContentDeck(props) {
+  var data = props.data,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      Website = props.Website,
+      client = props.client;
+
+
+  var urlFor = function urlFor(source) {
+    var builder = imageUrlBuilder(client);
+    return builder.image(source);
+  };
+
+  var renderCardImage = function renderCardImage(thumbnail) {
+    if (thumbnail && thumbnail.asset) {
+      var url = urlFor(thumbnail);
+      if (imageHeight) url = url.height(imageHeight);
+      if (imageWidth) url = url.width(imageWidth);
+      return url.url();
+    } else {
+      return Website.logo;
+    }
+  };
+
+  return React__default.createElement(
+    Row,
+    null,
+    data && data.map(function (row, index) {
+      return row.url && row.url.current && React__default.createElement(
+        Col,
+        { md: 12, lg: 6, style: { display: 'flex', flex: '1 0 auto' }, key: index },
+        React__default.createElement(
+          Card,
+          null,
+          React__default.createElement(
+            Link,
+            { href: '/view/[url]', as: '/view/' + row.url.current },
+            React__default.createElement(
+              'a',
+              null,
+              row.thumbnail && React__default.createElement(Card.Img, { variant: 'top', src: renderCardImage(row.thumbnail), alt: row.title }),
+              React__default.createElement(
+                Card.Body,
+                null,
+                row.issueSection && row.issueSection.name ? React__default.createElement(
+                  Badge,
+                  { variant: 'success' },
+                  row.issueSection && row.issueSection.name.name
+                ) : '',
+                React__default.createElement(
+                  Card.Title,
+                  null,
+                  row.title
+                )
+              )
+            )
+          )
+        )
+      );
+    })
+  );
+};
+
 var Column1 = function Column1(props) {
   var title = props.title;
 
@@ -13244,7 +13460,6 @@ var NavMagazine = function NavMagazine(props) {
   Example Nav with acceptable props
    <MagazineNav
      showLogin
-     loginState={true}
      logo={props.settings.logo}
      dataObject={props.cache.mainNavCache}
      website={website}
@@ -13259,8 +13474,7 @@ var NavMagazine = function NavMagazine(props) {
       website = props.website,
       _props$showLogin = props.showLogin,
       showLogin = _props$showLogin === undefined ? false : _props$showLogin,
-      _props$initialLoginSt = props.initialLoginState,
-      initialLoginState = _props$initialLoginSt === undefined ? false : _props$initialLoginSt;
+      _props$userData = props.userData;
 
   var navRef = React.useRef(null);
 
@@ -13274,11 +13488,6 @@ var NavMagazine = function NavMagazine(props) {
       screenWidth = _useState4[0],
       setScreenWidth = _useState4[1];
 
-  var _useState5 = React.useState(initialLoginState),
-      _useState6 = slicedToArray(_useState5, 2),
-      loginState = _useState6[0],
-      setLoginState = _useState6[1];
-
   React.useEffect(function () {
     document.addEventListener('scroll', trackScrolling);
     return function () {
@@ -13289,11 +13498,6 @@ var NavMagazine = function NavMagazine(props) {
 
   React.useEffect(function () {
     setScreenWidth(parseInt(window.innerWidth));
-    if (typeof GCN !== 'undefined' && GCN && GCN.onecount) {
-      setLoginState(GCN.onecount.isLoggedIn());
-    } else {
-      console.error('GCN not defined');
-    }
   }, []);
 
   var trackScrolling = function trackScrolling() {
@@ -13309,7 +13513,6 @@ var NavMagazine = function NavMagazine(props) {
   var handleLogin = function handleLogin(e) {
     if (typeof GCN !== 'undefined' && GCN && GCN.onecount) {
       GCN.onecount.login();
-      setLoginState(GCN.onecount.isLoggedIn());
     } else {
       console.error('GCN not defined');
     }
@@ -13318,7 +13521,6 @@ var NavMagazine = function NavMagazine(props) {
   var handleLogout = function handleLogout(e) {
     if (typeof GCN !== 'undefined' && GCN && GCN.onecount) {
       GCN.onecount.logout();
-      setLoginState(GCN.onecount.isLoggedIn());
     } else {
       console.error('GCN not defined');
     }
@@ -13336,9 +13538,9 @@ var NavMagazine = function NavMagazine(props) {
         React__default.createElement(
           Nav,
           { id: 'navbar-top', className: 'justify-content-center navbar-top', style: { margin: '0 auto' } },
-          showLogin && !loginState && React__default.createElement(
+          showLogin && React__default.createElement(
             Nav.Item,
-            { id: 'nav-mobile-register' },
+            { id: 'nav-mobile-register', className: 'hide-on-login', style: { display: 'none' } },
             React__default.createElement(
               'div',
               { className: 'px-2 py-2', onClick: function onClick(e) {
@@ -13361,9 +13563,9 @@ var NavMagazine = function NavMagazine(props) {
               )
             )
           ),
-          showLogin && !loginState && React__default.createElement(
+          showLogin && React__default.createElement(
             Nav.Item,
-            { id: 'nav-mobile-login' },
+            { id: 'nav-mobile-login', className: 'hide-on-login', style: { display: 'none' } },
             React__default.createElement(
               'div',
               { className: 'px-2 py-2 ', onClick: function onClick(e) {
@@ -13373,12 +13575,12 @@ var NavMagazine = function NavMagazine(props) {
               ' Login'
             )
           ),
-          showLogin && loginState && React__default.createElement(
+          showLogin && React__default.createElement(
             React__default.Fragment,
             null,
             React__default.createElement(
               Nav.Item,
-              { id: 'nav-mobile-logout' },
+              { id: 'nav-mobile-logout', className: 'hide-on-logout', style: { display: 'none' } },
               React__default.createElement(
                 'div',
                 { className: 'pl-2 pr-3 py-2 text-right', onClick: function onClick(e) {
@@ -13393,12 +13595,12 @@ var NavMagazine = function NavMagazine(props) {
         React__default.createElement(
           Nav,
           { style: { position: 'absolute', right: '15px' }, className: 'justify-content-end rightHeader' },
-          showLogin && !loginState && React__default.createElement(
+          showLogin && React__default.createElement(
             React__default.Fragment,
             null,
             React__default.createElement(
               Nav.Item,
-              null,
+              { className: 'hide-on-login', style: { display: 'none' } },
               React__default.createElement(
                 'div',
                 { className: 'px-2 py-2 mr-2', id: 'nav-register', onClick: function onClick(e) {
@@ -13410,7 +13612,7 @@ var NavMagazine = function NavMagazine(props) {
             ),
             React__default.createElement(
               Nav.Item,
-              null,
+              { className: 'hide-on-login', style: { display: 'none' } },
               React__default.createElement(
                 'div',
                 { className: 'px-2 py-2', id: 'nav-login', onClick: function onClick(e) {
@@ -13421,12 +13623,12 @@ var NavMagazine = function NavMagazine(props) {
               )
             )
           ),
-          showLogin && loginState && React__default.createElement(
+          showLogin && React__default.createElement(
             React__default.Fragment,
             null,
             React__default.createElement(
               Nav.Item,
-              null,
+              { className: 'hide-on-logout', style: { display: 'none' } },
               React__default.createElement(
                 'div',
                 { className: 'px-2 py-2', id: 'nav-logout', onClick: function onClick(e) {
@@ -14058,19 +14260,17 @@ var AD = function AD(_ref) {
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
-
   return React__default.createElement(
     lib_1,
-    { dfpNetworkId: networkID, targetingArguments: targeting, sizeMapping: sizeMapping, lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
+    {
+      dfpNetworkId: networkID,
+      targetingArguments: targeting,
+      sizeMapping: sizeMapping,
+      lazyLoad: { fetchMarginPercent: 500, renderMarginPercent: 200, mobileScaling: 2.0 } },
     React__default.createElement(
       'div',
       { className: className },
-      React__default.createElement(lib_2, {
-        slotId: slotId,
-        sizes: sizes,
-        adUnit: adUnit,
-        sizeMapping: sizeMapping
-      })
+      React__default.createElement(lib_2, { slotId: slotId, sizes: sizes, adUnit: adUnit, sizeMapping: sizeMapping })
     )
   );
 };
@@ -14107,6 +14307,37 @@ var AD300x250x600 = function AD300x250x600(_ref) {
   });
 };
 
+var ADFooter = function ADFooter(_ref) {
+  var children = _ref.children;
+
+  var _useState = React.useState(true),
+      _useState2 = slicedToArray(_useState, 2),
+      showAd = _useState2[0],
+      setShowAd = _useState2[1];
+
+  return React__default.createElement(
+    React__default.Fragment,
+    null,
+    showAd && React__default.createElement(
+      'div',
+      { className: 'ADFooter' },
+      children,
+      React__default.createElement(
+        'div',
+        { className: 'closeButton', onClick: function onClick() {
+            return setShowAd(false);
+          } },
+        'x'
+      )
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: true },
+      '\n          .ADFooter {\n            width: auto;\n            margin: 0;\n            background-color: #f5f5f5;\n            position: fixed;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 9000;\n          }\n          .closeButton {\n            position: absolute;\n            top: -10px;\n            right: -10px;\n            background: grey;\n            color: white;\n            font-weight: 500;\n            border: 2px solid white;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            font-size: 17px;\n            cursor: pointer;\n          }\n        '
+    )
+  );
+};
+
 var urlFor$1 = function urlFor(source, client) {
   var builder = imageUrlBuilder(client);
   return builder.image(source);
@@ -17901,7 +18132,7 @@ var IFrame = function IFrame(_ref) {
   return React__default.createElement(
     'div',
     { className: 'd-block text-center mb-3' },
-    React__default.createElement('iframe', { className: 'w-100', src: url, frameBorder: '0' })
+    React__default.createElement('iframe', { className: 'w-100 iFrame-block', src: url, frameBorder: '0' })
   );
 };
 
@@ -20526,7 +20757,17 @@ var Quiz = function Quiz(_ref) {
   );
 };
 
-var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs, onVote, showVotes) {
+var Leads = function Leads(_ref) {
+  var url = _ref.url;
+
+  return React__default.createElement(
+    'div',
+    { className: 'd-block text-center mb-3' },
+    url && React__default.createElement('iframe', { className: 'w-100 h-100 leads-block', src: url, frameBorder: '0', allow: 'fullscreen' })
+  );
+};
+
+var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs, onVote, showVotes, drupalLeadSettings) {
   return {
     types: {
       youtube: function youtube(_ref) {
@@ -20598,6 +20839,13 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
         var quizzes = node.quizzes;
 
         return React__default.createElement(Quiz, { quizzes: quizzes });
+      },
+      leads: function leads(_ref13) {
+        var node = _ref13.node;
+        var leadID = node.leadID;
+
+        var url = '' + drupalLeadSettings.baseUrl + leadID;
+        return React__default.createElement(Leads, { url: url });
       }
     },
     marks: {
@@ -20627,32 +20875,32 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
           children
         );
       },
-      alignleft: function alignleft(_ref13) {
-        var children = _ref13.children;
+      alignleft: function alignleft(_ref14) {
+        var children = _ref14.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref14) {
-        var children = _ref14.children;
+      alignright: function alignright(_ref15) {
+        var children = _ref15.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref15) {
-        var children = _ref15.children;
+      aligncenter: function aligncenter(_ref16) {
+        var children = _ref16.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref16) {
-        var children = _ref16.children;
+      alignjustify: function alignjustify(_ref17) {
+        var children = _ref17.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },
@@ -21181,6 +21429,9 @@ exports.GroupDeck = GroupDeck;
 exports.YoutubeGroup = YoutubeGroup;
 exports.QueueDeckExpanded = QueueDeckExpanded;
 exports.VideoSeriesListing = VideoSeriesListing$1;
+exports.PublicationDeck = PublicationDeck;
+exports.IssueDeck = IssueDeck;
+exports.IssueContentDeck = IssueContentDeck;
 exports.Column1 = Column1;
 exports.Column2 = Column2;
 exports.Column3 = Column3;
@@ -21194,9 +21445,11 @@ exports.NavNative = NavNative;
 exports.NavNormal = NavNormal;
 exports.NavDvm = NavDvm;
 exports.TemplateNormal = TemplateNormal;
+exports.AD = AD;
 exports.AD300x250 = AD300x250;
 exports.AD300x250x600 = AD300x250x600;
 exports.AD728x90 = AD728x90;
+exports.ADFooter = ADFooter;
 exports.getSerializers = getSerializers$1;
 exports.Search = Search;
 exports.Feature = Feature;