@mjhls/mjh-framework 1.0.108 → 1.0.109-8.1

package/dist/cjs/TaxonomyCard.js

@@ -0,0 +1,256 @@
+'use strict';
+
+var _extends = require('./extends-be0d85bc.js');
+var React = require('react');
+var BlockContent = require('./BlockContent-96b44364.js');
+var Container = require('react-bootstrap/Container');
+var Row = require('react-bootstrap/Row');
+var Col = require('react-bootstrap/Col');
+var Card = require('react-bootstrap/Card');
+var urlFor = require('./urlFor.js');
+var index = require('./index-65621b6c.js');
+var reactSocialIcons = require('./react-social-icons-2c5c389a.js');
+var checkSisterSite = require('./checkSisterSite-c3a4ac98.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('prop-types');
+require('./index-d48b231c.js');
+require('./slicedToArray-067dd3bc.js');
+require('./web.dom.iterable-d98303e0.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+var Row__default = /*#__PURE__*/_interopDefaultLegacy(Row);
+var Col__default = /*#__PURE__*/_interopDefaultLegacy(Col);
+var Card__default = /*#__PURE__*/_interopDefaultLegacy(Card);
+
+var TaxonomyCard = function TaxonomyCard(props) {
+  // setting default value for imageHeight
+  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,
+      _props$imageHeight = props.imageHeight,
+      imageHeight = _props$imageHeight === undefined ? 270 : _props$imageHeight,
+      _props$imageWidth = props.imageWidth,
+      imageWidth = _props$imageWidth === undefined ? null : _props$imageWidth,
+      _props$imageFit = props.imageFit,
+      imageFit = _props$imageFit === undefined ? null : _props$imageFit,
+      getSerializers = props.getSerializers;
+
+
+  var renderCardImage = function renderCardImage(row) {
+    var url = urlFor({ client: client, source: row.thumbnail, imageHeight: imageHeight, imageWidth: imageWidth, imageFit: imageFit });
+    return url;
+  };
+
+  var mode = variant && variant === 'bottom' ? 'column-reverse' : 'column';
+
+  var itemCounter = 0;
+  var lgVar = 12;
+
+  return React__default["default"].createElement(
+    'div',
+    { className: 'contentDeck' },
+    React__default["default"].createElement(
+      Container__default["default"],
+      null,
+      React__default["default"].createElement(
+        Row__default["default"],
+        null,
+        data && data.map(function (row, index$1) {
+          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,
+              instagram = row.instagram;
+
+          var socialLinks = [linkedIn, twitter, facebook, instagram];
+          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__default["default"].createElement(
+            Col__default["default"],
+            { key: itemCounter, md: 12, lg: lgVar, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
+            React__default["default"].createElement(
+              Card__default["default"],
+              { className: 'taxonomy-card', style: { flexDirection: mode, position: 'relative', overflow: 'hidden' } },
+              React__default["default"].createElement(
+                Card__default["default"].Body,
+                null,
+                React__default["default"].createElement(
+                  Row__default["default"],
+                  null,
+                  thumbnailURL && React__default["default"].createElement(
+                    Col__default["default"],
+                    null,
+                    React__default["default"].createElement(
+                      index.LazyLoad,
+                      { height: imageHeight },
+                      row && row.thumbnail && React__default["default"].createElement(
+                        'figure',
+                        null,
+                        row.thumbnail.link ? React__default["default"].createElement(
+                          'a',
+                          _extends._extends({
+                            href: row.thumbnail.link,
+                            target: row.thumbnail.blank ? '_blank' : '_self'
+                          }, checkSisterSite.checkSisterSite(row.thumbnail.link) ? {} : { rel: 'noopener noreferrer' }),
+                          React__default["default"].createElement(Card__default["default"].Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' })
+                        ) : React__default["default"].createElement(Card__default["default"].Img, { variant: 'top', src: thumbnailURL, alt: row.thumbnail.alt ? row.thumbnail.alt : 'profile image' }),
+                        row && row.thumbnail && row.thumbnail.caption && React__default["default"].createElement(
+                          'figcaption',
+                          null,
+                          row.thumbnail.caption
+                        )
+                      )
+                    )
+                  ),
+                  React__default["default"].createElement(
+                    Col__default["default"],
+                    null,
+                    React__default["default"].createElement(
+                      Row__default["default"],
+                      { className: 'details-content-wrapper' },
+                      React__default["default"].createElement(
+                        'div',
+                        { className: 'details-content-inner-wrapper' },
+                        (address && address.length > 0 || companyDetails && companyDetails.length > 0) && React__default["default"].createElement(
+                          'div',
+                          { className: 'details-wrapper' },
+                          companyDetails && companyDetails.length > 0 && React__default["default"].createElement(
+                            'div',
+                            { className: 'company-wrapper' },
+                            companyDetails.map(function (field, index) {
+                              if (field.value && field.key === 'company') {
+                                return React__default["default"].createElement(
+                                  'p',
+                                  { className: 'details-field', key: index },
+                                  field.value
+                                );
+                              } else if (field.value && field.key === 'url') {
+                                return React__default["default"].createElement(
+                                  'a',
+                                  _extends._extends({ className: 'details-field', href: field.value, key: index }, checkSisterSite.checkSisterSite(field.value) ? {} : { rel: 'noopener noreferrer' }),
+                                  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__default["default"].createElement(
+                            'div',
+                            { className: 'address-wrapper' },
+                            address.map(function (field, index) {
+                              if (field) {
+                                return React__default["default"].createElement(
+                                  'p',
+                                  { className: 'details-field', key: index },
+                                  field
+                                );
+                              }
+                            })
+                          ),
+                          React__default["default"].createElement(
+                            'style',
+                            { jsx: 'true' },
+                            '\n                                    .details-content-wrapper,\n                                    .details-content-inner-wrapper {\n                                      width: 100%;\n                                    }\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__default["default"].createElement(
+                          'div',
+                          { className: 'social-icons' },
+                          socialLinks.map(function (url, index) {
+                            if (url && url.length) {
+                              return React__default["default"].createElement(reactSocialIcons.reactSocialIcons_1, _extends._extends({
+                                target: '_blank'
+                              }, checkSisterSite.checkSisterSite(url) ? {} : { rel: 'noopener noreferrer' }, {
+                                key: index,
+                                index: index,
+                                url: url,
+                                style: { width: 30, height: 30, marginRight: 10 }
+                              }));
+                            }
+                          }),
+                          React__default["default"].createElement(
+                            'style',
+                            { jsx: 'true' },
+                            '\n                                    .social-icons {\n                                      margin-top: 0px;\n                                      margin-bottom: 10px;\n                                    }\n                                  '
+                          )
+                        ),
+                        React__default["default"].createElement(
+                          Card__default["default"].Text,
+                          null,
+                          React__default["default"].createElement(BlockContent.BlockContent, _extends._extends({ blocks: row.summary, serializers: getSerializers }, client.config()))
+                        )
+                      )
+                    )
+                  )
+                ),
+                icon && React__default["default"].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__default["default"].createElement(
+      'style',
+      { jsx: 'true' },
+      '\n          .taxonomy-card:hover .taxonomy-icon {\n            transform: translateY(-50%) scale(1.5) translateX(0) !important;\n          }\n        '
+    )
+  );
+};
+
+module.exports = TaxonomyCard;

package/dist/cjs/TaxonomyDescription.js

@@ -0,0 +1,208 @@
+'use strict';
+
+var _extends = require('./extends-be0d85bc.js');
+var asyncToGenerator = require('./asyncToGenerator-65df6bf8.js');
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+var Router = require('next/router');
+var Head = require('next/head');
+var BlockContent = require('./BlockContent-96b44364.js');
+var getSerializers = require('./index-a26637a3.js');
+require('./_commonjsHelpers-06173234.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./_library-dd23b178.js');
+require('./_set-species-0c7864a2.js');
+require('./_iter-detect-b1df62f0.js');
+require('prop-types');
+require('./index-d48b231c.js');
+require('react-bootstrap');
+require('./urlFor.js');
+require('./index-7435b964.js');
+require('./index-187c967e.js');
+require('./Beam.js');
+require('./stringify-f7a37a8d.js');
+require('./Segment.js');
+require('./main-ae8472f3.js');
+require('./urlForFile-5084fc48.js');
+require('./index-65621b6c.js');
+require('react-dom');
+require('./typeof-220bbf73.js');
+require('./_is-array-54228b29.js');
+require('./brightcove-react-player-loader.es-35faab67.js');
+require('./_object-to-array-9337ba83.js');
+require('./keys-e982b3fa.js');
+require('./_object-sap-d1978572.js');
+require('react-bootstrap/Modal');
+require('react-bootstrap/Button');
+require('react-bootstrap/Form');
+require('react-ga');
+require('./GroupDeck.js');
+require('./smoothscroll-99df7f93.js');
+require('./moment-f730814d.js');
+require('./SocialShare.js');
+require('react-share');
+require('./toConsumableArray-d7797c2b.js');
+require('react-bootstrap/Pagination');
+require('./entities-df1aed86.js');
+require('./AdSlot.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
+require('./inherits-e47b5342.js');
+require('./define-property-e8404b64.js');
+require('./index.esm-d81454e7.js');
+require('./iconBase-be4097c0.js');
+require('react-bootstrap/Figure');
+require('react-bootstrap/OverlayTrigger');
+require('react-bootstrap/Tooltip');
+require('react-bootstrap/Popover');
+require('./checkSisterSite-c3a4ac98.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
+
+var _this = undefined;
+
+var blocksToText = function blocksToText(blocks) {
+  var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var defaults = { nonTextBehavior: 'remove' };
+  var options = _extends._Object$assign({}, defaults, opts);
+  return blocks.map(function (block) {
+    if (block._type !== 'block' || !block.children) {
+      return options.nonTextBehavior === 'remove' ? '' : '[' + block._type + ' block]';
+    }
+    return block.children.map(function (child) {
+      return child.text;
+    }).join('');
+  }).join('\n\n');
+};
+
+var setMetaDescription = function setMetaDescription(data, router) {
+  var metaDescription = blocksToText(data);
+  if (router && router.asPath) {
+    var queryParms = router.asPath.split('?')[1];
+    if (queryParms) {
+      var pageNumber = queryParms.split('&').reduce(function (acc, item) {
+        if (item.startsWith('page=')) {
+          if (item.split('=')[1]) {
+            acc = item.split('=')[1];
+            return acc;
+          }
+          return acc;
+        }
+        return acc;
+      }, '');
+      if (pageNumber && pageNumber !== '') {
+        metaDescription = blocksToText(data) + '| Page ' + pageNumber;
+      }
+    }
+  }
+  return React__default["default"].createElement(
+    Head__default["default"],
+    null,
+    React__default["default"].createElement('meta', { name: 'description', content: metaDescription, key: 'description' })
+  );
+};
+
+var TaxonomyDescription = function TaxonomyDescription(_ref) {
+  var data = _ref.data,
+      client = _ref.client;
+
+  var router = Router.useRouter();
+
+  var _useState = React.useState(true),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      changeDescription = _useState2[0],
+      setChangeDescription = _useState2[1];
+
+  React.useEffect(asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
+    var querySeoManager, description;
+    return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (!(router && router.asPath)) {
+              _context.next = 6;
+              break;
+            }
+
+            querySeoManager = '*[_type == \'seoManager\' && urlSeo == \'' + router.asPath + '\'][0].metaDescription';
+            _context.next = 4;
+            return client.fetch(querySeoManager);
+
+          case 4:
+            description = _context.sent;
+
+            if (description && description != null) {
+              setChangeDescription(false);
+            }
+
+          case 6:
+          case 'end':
+            return _context.stop();
+        }
+      }
+    }, _callee, _this);
+  })), []);
+  return data && data.length > 0 ? React__default["default"].createElement(
+    'section',
+    { className: 'taxonomy-description' },
+    changeDescription ? setMetaDescription(data, router) : null,
+    React__default["default"].createElement(BlockContent.BlockContent, _extends._extends({ serializers: getSerializers.getSerializers(client), blocks: data, imageOptions: { w: 320, h: 240, fit: 'max' } }, client.config()))
+  ) : null;
+};
+
+TaxonomyDescription.getDescription = function () {
+  var _ref3 = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee2() {
+    var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var client = arguments[1];
+    var ref_query = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+    var query, summary, taxonomyData;
+    return asyncToGenerator.regenerator.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            query = '*[_type == \'taxonomy\' && identifier == \'' + url + '\' ' + ref_query + '][0]{summary,pixelTrackingCode->}';
+            summary = [];
+            _context2.prev = 2;
+            _context2.next = 5;
+            return client.fetch(query);
+
+          case 5:
+            taxonomyData = _context2.sent;
+
+            if (taxonomyData.summary) {
+              summary = taxonomyData.summary;
+            }
+            _context2.next = 12;
+            break;
+
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2['catch'](2);
+
+            console.error(_context2.t0);
+
+          case 12:
+            return _context2.abrupt('return', summary);
+
+          case 13:
+          case 'end':
+            return _context2.stop();
+        }
+      }
+    }, _callee2, _this, [[2, 9]]);
+  }));
+
+  return function () {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
+module.exports = TaxonomyDescription;

package/dist/cjs/TemplateNormal.js

@@ -0,0 +1,204 @@
+'use strict';
+
+var slicedToArray = require('./slicedToArray-067dd3bc.js');
+var React = require('react');
+var Router = require('next/router');
+var Container = require('react-bootstrap/Container');
+var ADGutter = require('./ADGutter.js');
+var AD728x90 = require('./AD728x90.js');
+var Header = require('./Header.js');
+var Column1 = require('./Column1.js');
+var Column2 = require('./Column2.js');
+var Column3 = require('./Column3.js');
+var NavMagazine = require('./NavMagazine.js');
+var NavNative = require('./NavNative.js');
+var NavDvm = require('./NavDvm.js');
+var HamMagazine = require('./HamMagazine.js');
+require('./_commonjsHelpers-06173234.js');
+require('./web.dom.iterable-d98303e0.js');
+require('./core.get-iterator-method-5643aa10.js');
+require('./AdSlot.js');
+require('./extends-be0d85bc.js');
+require('prop-types');
+require('./index-7435b964.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
+require('./Beam.js');
+require('./stringify-f7a37a8d.js');
+require('./asyncToGenerator-65df6bf8.js');
+require('./_library-dd23b178.js');
+require('./_set-species-0c7864a2.js');
+require('./_iter-detect-b1df62f0.js');
+require('./Segment.js');
+require('./main-ae8472f3.js');
+require('next/head');
+require('@mjhls/mjh-framework/dist/cjs/urlFor');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
+require('./SideFooter.js');
+require('./react-social-icons-2c5c389a.js');
+require('./get-5839e5b5.js');
+require('./eq-5fc26c07.js');
+require('./checkSisterSite-c3a4ac98.js');
+require('./ConferenceBanner-213003ce.js');
+require('./ADSponsoredResources.js');
+require('./LeftNav.js');
+require('react-bootstrap/ListGroup');
+require('./ADWebcast.js');
+require('./PageFilter.js');
+require('react-bootstrap');
+require('react-bootstrap/Nav');
+require('react-bootstrap/Navbar');
+require('react-bootstrap/NavDropdown');
+require('./index.esm-c1e16606.js');
+require('./iconBase-be4097c0.js');
+require('./index.esm-d81454e7.js');
+require('./NavFooter-b7b16d48.js');
+require('./index.esm-2ea9e9ff.js');
+require('./SocialSearchComponent-d7e5d3a6.js');
+require('./SocialIcons.js');
+require('react-bootstrap/Form');
+require('react-bootstrap/FormControl');
+require('react-bootstrap/Button');
+require('./Search.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+
+// 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 = Router.useRouter();
+
+  var _useState = React.useState(0),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      currentPage = _useState2[0],
+      setCurrentPage = _useState2[1];
+
+  React.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 'magazine':
+        return React__default["default"].createElement(NavMagazine["default"], { logo: website.logo, mobileLogo: website.mobileLogo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+      case 'native':
+        return React__default["default"].createElement(NavNative.NavNative, { logo: website.logo, dataObject: config.navItems, subNav: config.leftItems, website: website });
+      case 'dvm':
+        return React__default["default"].createElement(NavDvm.NavDvm, { logo: website.logo, dataObject: config.navItems, mobileLogo: website.logo, subNav: config.leftItems, website: website });
+      case 'hamburgerNav':
+        return React__default["default"].createElement(HamMagazine.HamMagazine, {
+          socialFooterNav: true,
+          logo: website.logo,
+          dataObject: config.navItems,
+          mobileLogo: website.logo,
+          subNav: config.leftItems,
+          website: website.siteSettingCache,
+          showLogin: website.showLogin
+        });
+      default:
+        return React__default["default"].createElement('noNav', null);
+    }
+  };
+
+  var adTargeting = { desktop: {}, mobile: {} };
+  if (horizontalAD.targeting) {
+    adTargeting = horizontalAD.targeting;
+  }
+  if (website.sponsoredAd) {
+    website.sponsoredAd['targeting'] = adTargeting;
+  }
+  if (website.gutterAd) {
+    website.gutterAd['targeting'] = adTargeting;
+  }
+  function layout() {
+    switch (config.columns) {
+      case '1':
+        return React__default["default"].createElement(
+          Column1,
+          { title: title },
+          props.children
+        );
+      case '2':
+        return React__default["default"].createElement(
+          Column2,
+          { title: title, rightItems: config.rightItems, website: website },
+          props.children
+        );
+      case '3':
+        return React__default["default"].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__default["default"].createElement('noLayout', null);
+    }
+  }
+
+  return React__default["default"].createElement(
+    'section',
+    null,
+    noTitle ? React__default["default"].createElement(Header["default"], {
+      isLiveSite: config.isLiveSite,
+      keyword: keywords,
+      description: description + ('' + (router && router.query && router.query.page ? '| Page ' + router.query.page : ''))
+    }) : React__default["default"].createElement(Header["default"], {
+      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__default["default"].createElement('div', { style: { height: '50px' } }) : React__default["default"].createElement(
+      React__default["default"].Fragment,
+      null,
+      horizontalAD && horizontalAD.networkID && horizontalAD.adUnit && React__default["default"].createElement(
+        Container__default["default"],
+        null,
+        React__default["default"].createElement(AD728x90, { networkID: horizontalAD.networkID, adUnit: horizontalAD.adUnit, targeting: adTargeting })
+      )
+    ),
+    website.gutterAd && !sponsoredFlag && React__default["default"].createElement(ADGutter, { title: 'gutter-ad', gutterAd: website.gutterAd }),
+    React__default["default"].createElement(
+      Container__default["default"],
+      null,
+      layout()
+    )
+  );
+};
+
+module.exports = TemplateNormal;