@mjhls/mjh-framework 1.0.445 → 1.0.447

package/dist/esm/SocialNavFooter-1a531144.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { r as reactSocialIcons_1 } from './react-social-icons-3822f1ce.js';
+
+var year = new Date().getFullYear();
+
+var SocialNavFooter = function SocialNavFooter(props) {
+  var website = props.website,
+      showLogo = props.showLogo;
+
+  return React.createElement(
+    'div',
+    { className: 'nav-footer' },
+    website && website.footerLinks && website.footerLinks.length && React.createElement(
+      'ul',
+      null,
+      website && website.footerLinks.map(function (content, index) {
+        if (content.url && content.title) {
+          return content.blank ? React.createElement(
+            'li',
+            { key: index },
+            React.createElement(
+              'a',
+              { target: '_blank', rel: 'noopener noreferrer', href: content.url, className: 'nav-link' },
+              content.title
+            )
+          ) : React.createElement(
+            'li',
+            { key: index },
+            React.createElement(
+              'a',
+              { href: content.url, className: 'nav-link' },
+              content.title
+            )
+          );
+        } else return null;
+      })
+    ),
+    React.createElement(
+      'ul',
+      null,
+      React.createElement(
+        'li',
+        { style: { marginTop: '10px' }, key: website.footerLinks ? website.footerLinks.length + 1 : 1 },
+        website.socialLinks && website.socialLinks.map(function (row, index) {
+          return React.createElement(reactSocialIcons_1, {
+            target: row.blank ? '_blank' : '_self',
+            rel: 'noopener noreferrer',
+            key: index,
+            index: index,
+            url: row.url,
+            style: { width: 30, height: 30, marginRight: 5 }
+          });
+        })
+      ),
+      showLogo && React.createElement(
+        'li',
+        null,
+        React.createElement(
+          'a',
+          { href: 'https://www.mjhlifesciences.com' },
+          React.createElement('img', { style: { maxWidth: '100%', height: '50px', margin: ' 10px 0', objectFit: 'contain' }, alt: 'MJHLS Brand Logo', src: 'https://mjh-web.s3.amazonaws.com/_media/an_mjhls_brand_logo.png' })
+        )
+      )
+    ),
+    website && website.name && React.createElement(
+      'p',
+      { className: 'nav-link' },
+      '\xA9 ',
+      year,
+      ' MJH Life Sciences and ',
+      website.name,
+      '. All rights reserved.'
+    )
+  );
+};
+
+export { SocialNavFooter as S };

package/dist/esm/SocialShare.js

@@ -0,0 +1,65 @@
+import React from 'react';
+import Head from 'next/head';
+import { FacebookShareButton, FacebookIcon, TwitterShareButton, TwitterIcon, LinkedinShareButton, LinkedinIcon, PinterestShareButton, PinterestIcon, EmailShareButton, EmailIcon } from 'react-share';
+
+var SocialShare = function SocialShare(props) {
+  var shareUrl = props.shareUrl,
+      shareTitle = props.shareTitle,
+      shareVia = props.shareVia,
+      shareSummary = props.shareSummary,
+      shareSubject = props.shareSubject,
+      shareImage = props.shareImage,
+      size = props.size,
+      siteName = props.siteName,
+      twitterSiteName = props.twitterSiteName,
+      _props$disableMeta = props.disableMeta,
+      disableMeta = _props$disableMeta === undefined ? false : _props$disableMeta;
+
+  return React.createElement(
+    React.Fragment,
+    null,
+    !disableMeta && React.createElement(
+      Head,
+      null,
+      React.createElement('meta', { property: 'og:url', content: shareUrl, key: 'og:url' }),
+      React.createElement('meta', { property: 'og:title', content: shareTitle, key: 'og:title' }),
+      React.createElement('meta', { property: 'og:image', content: shareImage, key: 'og:image' }),
+      React.createElement('meta', { property: 'og:site_name', content: siteName, key: 'og:site_name' }),
+      React.createElement('meta', { property: 'og:description', content: shareSummary, key: 'og:description' }),
+      React.createElement('meta', { name: 'twitter:card', content: 'summary', key: 'og:card' }),
+      React.createElement('meta', { name: 'twitter:title', content: shareTitle, key: 'og:title' }),
+      React.createElement('meta', { name: 'twitter:image', content: shareImage, key: 'og:image' }),
+      React.createElement('meta', { name: 'twitter:site', content: twitterSiteName, key: 'og:site' }),
+      React.createElement('meta', { name: 'twitter:description', content: shareSummary, key: 'og:description' })
+    ),
+    React.createElement(
+      FacebookShareButton,
+      { url: shareUrl, quote: shareTitle },
+      React.createElement(FacebookIcon, { size: size, round: true })
+    ),
+    React.createElement(
+      TwitterShareButton,
+      { url: shareUrl, title: shareTitle, via: shareVia },
+      React.createElement(TwitterIcon, { size: size, round: true })
+    ),
+    React.createElement(
+      LinkedinShareButton,
+      { url: shareUrl, title: shareTitle, via: shareVia },
+      React.createElement(LinkedinIcon, { size: size, round: true })
+    ),
+    !props.hidePinterest && React.createElement(
+      PinterestShareButton,
+      { url: shareUrl, media: shareImage, description: shareSummary },
+      React.createElement(PinterestIcon, { size: size, round: true })
+    ),
+    React.createElement(
+      EmailShareButton,
+      { url: shareUrl, subject: shareSubject, body: shareSummary },
+      React.createElement(EmailIcon, { size: size, round: true })
+    )
+  );
+};
+
+var SocialShare$1 = React.memo(SocialShare);
+
+export default SocialShare$1;

package/dist/esm/TaxonomyCard.js

@@ -1,15 +1,241 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-1b1f7766.js';
+import './_to-object-16fd8b46.js';
 import './_object-pie-33c40e79.js';
-import './extends-92072fff.js';
-import 'react';
+import { _ as _extends } from './extends-6e00b262.js';
+import React from 'react';
 import 'prop-types';
-import 'react-bootstrap/Container';
-import 'react-bootstrap/Row';
-import 'react-bootstrap/Col';
-import 'react-bootstrap/Card';
+import Container from 'react-bootstrap/Container';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
+import Card from 'react-bootstrap/Card';
 import 'react-dom';
-import './index-73819142.js';
-import './index-c5fd0af5.js';
-export { T as default } from './TaxonomyCard-b22a742f.js';
-import './react-social-icons-3822f1ce.js';
+import { i as imageUrlBuilder } from './index-73819142.js';
+import { L as LazyLoad } from './index-c5fd0af5.js';
+import { B as BlockContent } from './BlockContent-4af2feb9.js';
+import { r as reactSocialIcons_1 } from './react-social-icons-3822f1ce.js';
+
+var TaxonomyCard = function TaxonomyCard(props) {
+  var columns = props.columns,
+      variant = props.variant,
+      _props$icon = props.icon,
+      icon = _props$icon === undefined ? false : _props$icon,
+      data = props.dataRecord,
+      defaultImage = props.defaultImage,
+      client = props.client,
+      imageHeight = props.imageHeight,
+      imageWidth = props.imageWidth,
+      getSerializers = props.getSerializers;
+
+  var builder = imageUrlBuilder(client);
+
+  var urlFor = function urlFor(source) {
+    return builder.image(source).auto('format');
+  };
+
+  var renderCardImage = function renderCardImage(row) {
+    var url = urlFor(row.thumbnail);
+    if (imageHeight) url = url.height(imageHeight);
+    if (imageWidth) url = url.width(imageWidth);
+    return url.url();
+  };
+
+  var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
+
+  var itemCounter = 0;
+  var lgVar = 12;
+
+  return React.createElement(
+    'div',
+    { className: 'contentDeck' },
+    React.createElement(
+      Container,
+      null,
+      React.createElement(
+        Row,
+        null,
+        data && data.map(function (row, index) {
+          if (columns === 'rotate' && itemCounter % 3 === 0) {
+            lgVar = 12;
+          } else if (columns && columns !== 'rotate') {
+            lgVar = Math.floor(12 / columns);
+          } else {
+            lgVar = 6;
+          }
+          var thumbnailURL = row.thumbnail && row.thumbnail.asset ? renderCardImage(row) : defaultImage;
+          var address1 = row.address1,
+              address2 = row.address2,
+              city = row.city,
+              zip = row.zip,
+              state = row.state,
+              country = row.country,
+              company = row.company,
+              website = row.website,
+              email = row.email,
+              extraURL1 = row.extraURL1,
+              extraURL2 = row.extraURL2,
+              extraURL3 = row.extraURL3,
+              extraURL4 = row.extraURL4,
+              linkedIn = row.linkedIn,
+              twitter = row.twitter,
+              facebook = row.facebook;
+
+          var socialLinks = [linkedIn, twitter, facebook];
+          var address = [address1, address2, city, state, zip, country];
+          var companyDetails = [];
+          company && companyDetails.push({ key: 'company', value: company });
+          website && companyDetails.push({ key: 'url', value: website });
+          email && companyDetails.push({ key: 'email', value: email });
+          extraURL1 && companyDetails.push({ key: 'url', value: extraURL1 });
+          extraURL2 && companyDetails.push({ key: 'url', value: extraURL2 });
+          extraURL3 && companyDetails.push({ key: 'url', value: extraURL3 });
+          extraURL4 && companyDetails.push({ key: 'url', value: extraURL4 });
+          return React.createElement(
+            Col,
+            { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
+            React.createElement(
+              Card,
+              { className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
+              React.createElement(
+                Card.Body,
+                null,
+                React.createElement(
+                  Row,
+                  null,
+                  thumbnailURL && React.createElement(
+                    Col,
+                    null,
+                    React.createElement(
+                      LazyLoad,
+                      { height: imageHeight },
+                      row && row.thumbnail && React.createElement(
+                        'figure',
+                        null,
+                        row.thumbnail.link ? React.createElement(
+                          'a',
+                          { href: row.thumbnail.link, target: row.thumbnail.blank ? '_blank' : '_self' },
+                          React.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
+                        ) : React.createElement(Card.Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
+                        row && row.thumbnail && row.thumbnail.caption && React.createElement(
+                          'figcaption',
+                          null,
+                          row.thumbnail.caption
+                        )
+                      )
+                    )
+                  ),
+                  React.createElement(
+                    Col,
+                    null,
+                    React.createElement(
+                      Row,
+                      null,
+                      React.createElement(
+                        'div',
+                        null,
+                        (address && address.length > 0 || companyDetails && companyDetails.length > 0) && React.createElement(
+                          'div',
+                          { className: 'details-wrapper' },
+                          companyDetails && companyDetails.length > 0 && React.createElement(
+                            'div',
+                            { className: 'company-wrapper' },
+                            companyDetails.map(function (field, index) {
+                              if (field.value && field.key === 'company') {
+                                return React.createElement(
+                                  'p',
+                                  { className: 'details-field', key: index },
+                                  field.value
+                                );
+                              } else if (field.value && field.key === 'url') {
+                                return React.createElement(
+                                  'a',
+                                  { className: 'details-field', href: field.value, key: index },
+                                  field.value
+                                );
+                              }
+                              // else if (field.value && field.key === 'email') {
+                              //   return (
+                              //     <a className='details-field' href={`mailto:${field.value}`} key={index}>
+                              //       {field.value}
+                              //     </a>
+                              //   )
+                              // }
+                            })
+                          ),
+                          address && address.length > 0 && React.createElement(
+                            'div',
+                            { className: 'address-wrapper' },
+                            address.map(function (field, index) {
+                              if (field) {
+                                return React.createElement(
+                                  'p',
+                                  { className: 'details-field', key: index },
+                                  field
+                                );
+                              }
+                            })
+                          ),
+                          React.createElement(
+                            'style',
+                            { jsx: 'true' },
+                            '\n                                    .details-wrapper .details-field {\n                                      margin: 0px;\n                                      display: block;\n                                      font-size: 1rem;\n                                      margin-bottom: 3px;\n                                    }\n                                    .details-wrapper .company-wrapper {\n                                      margin-right: 20px;\n                                      display: inline-block;\n                                      width: 50%;\n                                      vertical-align: top;\n                                    }\n                                    .details-wrapper .address-wrapper {\n                                      width: 45%;\n                                      display: inline-block;\n                                    }\n                                  '
+                          )
+                        ),
+                        socialLinks && socialLinks.length && React.createElement(
+                          'div',
+                          { className: 'social-icons' },
+                          socialLinks.map(function (url, index) {
+                            if (url && url.length) {
+                              return React.createElement(reactSocialIcons_1, {
+                                target: '_blank',
+                                rel: 'noopener noreferrer',
+                                key: index,
+                                index: index,
+                                url: url,
+                                style: { width: 30, height: 30, marginRight: 10 }
+                              });
+                            }
+                          }),
+                          React.createElement(
+                            'style',
+                            { jsx: 'true' },
+                            '\n                                    .social-icons {\n                                      margin-top: 0px;\n                                      margin-bottom: 10px;\n                                    }\n                                  '
+                          )
+                        ),
+                        React.createElement(
+                          Card.Text,
+                          null,
+                          React.createElement(BlockContent, _extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
+                        )
+                      )
+                    )
+                  )
+                ),
+                icon && React.createElement(
+                  'span',
+                  {
+                    className: 'taxonomy-icon',
+                    style: {
+                      position: 'absolute',
+                      right: '20px',
+                      top: '50%',
+                      transform: 'translateY(-50%) translateX(50px)',
+                      transition: 'all .25s',
+                      pointerEvents: 'none'
+                    } },
+                  '\u2192'
+                )
+              )
+            )
+          );
+        })
+      )
+    ),
+    icon && React.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .taxonomy-card:hover .taxonomy-icon {\n            transform: translateY(-50%) scale(1.5) translateX(0) !important;\n          }\n        '
+    )
+  );
+};
+
+export default TaxonomyCard;

package/dist/esm/TemplateNormal.js

@@ -1,29 +1,190 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-1b1f7766.js';
-import './web.dom.iterable-e6bf2bf6.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
 import './_library-528f1934.js';
-import './_iter-detect-7c281f0a.js';
-import 'react';
-import './debounce-42a7f724.js';
+import './_iter-detect-6e099a34.js';
+import './web.dom.iterable-46c95e52.js';
+import React, { useState, useEffect } from 'react';
+import './index-fb49124c.js';
 import 'prop-types';
-import 'react-bootstrap/Container';
+import Container from 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
-import 'next/router';
-import './main-cf4930f0.js';
-import './slicedToArray-04e02710.js';
-import './AdSlot-362a1c30.js';
-import './promise-2592a80a.js';
-import './get-bc6cf9fb.js';
+import { useRouter } from 'next/router';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
+import './main-8c8784b8.js';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.js';
+import './AdSlot.js';
+import './_arrayMap-a8dd2b2c.js';
+import './get-ae817b75.js';
 import './react-social-icons-3822f1ce.js';
 import 'react-bootstrap';
-import './index.esm-536609db.js';
+import './iconBase-6ee2f2fb.js';
+import './index.esm-b97cf389.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-6efd92da.js';
+import { Column1 } from './Column1.js';
+import './SideFooter.js';
+import './ConferenceBanner-9162d0ca.js';
+import { Column2 } from './Column2.js';
+import './ADSponsoredResources.js';
 import 'react-bootstrap/ListGroup';
+import './LeftNav.js';
+import './PageFilter.js';
+import { Column3 } from './Column3.js';
 import 'next/head';
+import Header from './Header.js';
 import 'react-bootstrap/Nav';
 import 'react-bootstrap/Navbar';
 import 'react-bootstrap/NavDropdown';
+import './index.esm-9d6faf80.js';
 import 'react-bootstrap/Form';
 import 'react-bootstrap/FormControl';
+import './Search.js';
+import './NavFooter-c29526b7.js';
+import './SocialNavFooter-1a531144.js';
+import MagazineNav from './NavMagazine.js';
+import { NavNative } from './NavNative.js';
+import { NavNormal } from './NavNormal.js';
+import { NavDvm } from './NavDvm.js';
+import { HamMagazine } from './HamMagazine.js';
+import AD728x90 from './AD728x90.js';
+
+// Main
+var TemplateNormal = function TemplateNormal(props) {
+  var config = props.config,
+      title = props.title,
+      keywords = props.keywords,
+      description = props.description,
+      website = props.website,
+      horizontalAD = props.config.horizontalAD,
+      showFilter = props.showFilter,
+      filterParams = props.filterParams,
+      filters = props.filters,
+      defaultFilter = props.defaultFilter,
+      showRightAd = props.showRightAd,
+      sponsoredFlag = props.sponsoredFlag,
+      _props$noTitle = props.noTitle,
+      noTitle = _props$noTitle === undefined ? false : _props$noTitle;
+
+  var router = useRouter();
+
+  var _useState = useState(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentPage = _useState2[0],
+      setCurrentPage = _useState2[1];
+
+  useEffect(function () {
+    router.asPath && router.asPath.split('?').forEach(function (item) {
+      if (item.includes('page=')) {
+        setCurrentPage(item.split('=')[1]);
+      } else {
+        setCurrentPage(0);
+      }
+    });
+  }, [router]);
+  var navigation = function navigation() {
+    switch (config.navComponent) {
+      case 'normal':
+        return React.createElement(NavNormal, { logo: website.logo, dataObject: config.navItems });
+      case 'magazine':
+        return React.createElement(MagazineNav, { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+      case 'native':
+        return React.createElement(NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+      case 'dvm':
+        return React.createElement(NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
+      case 'hamburgerNav':
+        return React.createElement(HamMagazine, {
+          socialFooterNav: true,
+          logo: website.logo,
+          dataObject: config.navItems,
+          mobileLogo: website.logo,
+          subNav: config.leftItems,
+          website: website.siteSettingCache,
+          showLogin: website.showLogin
+        });
+      default:
+        return React.createElement('noNav', null);
+    }
+  };
+
+  var adTargeting = { desktop: {}, mobile: {} };
+  if (horizontalAD.targeting) {
+    adTargeting = horizontalAD.targeting;
+  }
+  if (website.sponsoredAd) {
+    website.sponsoredAd['targeting'] = adTargeting;
+  }
+  function layout() {
+    switch (config.columns) {
+      case '1':
+        return React.createElement(
+          Column1,
+          { title: title },
+          props.children
+        );
+      case '2':
+        return React.createElement(
+          Column2,
+          { title: title, rightItems: config.rightItems, website: website },
+          props.children
+        );
+      case '3':
+        return React.createElement(
+          Column3,
+          {
+            title: title,
+            leftItems: config.leftItems,
+            rightItems: config.rightItems,
+            website: website,
+            showFilter: showFilter,
+            getParams: filterParams,
+            filters: filters,
+            defaultFilter: defaultFilter,
+            showRightAd: showRightAd,
+            logo: website.brandLogo },
+          props.children
+        );
+      default:
+        return React.createElement('noLayout', null);
+    }
+  }
+
+  return React.createElement(
+    'section',
+    null,
+    noTitle ? React.createElement(Header, {
+      isLiveSite: config.isLiveSite,
+      keyword: keywords,
+      description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
+    }) : React.createElement(Header, {
+      title: title ? title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : '') + '| ' + website.title : website.title + ' ' + (currentPage !== 0 ? '| Page ' + currentPage + ' ' : router && router.query && router.query.page ? '| Page ' + router.query.page + ' ' : ''),
+      isLiveSite: config.isLiveSite,
+      keyword: keywords,
+      description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
+    }),
+    navigation(),
+    sponsoredFlag ? React.createElement('div', { style: { height: '50px' } }) : React.createElement(
+      React.Fragment,
+      null,
+      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React.createElement(
+        Container,
+        null,
+        React.createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
+      )
+    ),
+    React.createElement(
+      Container,
+      null,
+      layout()
+    )
+  );
+};
+
+export default TemplateNormal;