@mjhls/mjh-framework 1.0.860-beta.0 → 1.0.860

package/dist/esm/{AuthorComponent-e6f95c2f.js → AuthorComponent-8ffd4679.js}

@@ -1,5 +1,5 @@
-import React__default, { useEffect, useState, useRef } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
+import React, { useEffect, useState, useRef } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 
 var AuthorComponent = function AuthorComponent(_ref) {
   var authors = _ref.authors,
@@ -13,15 +13,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
 
 
       if (displayName && url && url.current) {
-        return React__default.createElement(
+        return React.createElement(
           'span',
           { key: _id },
-          index === 0 && React__default.createElement(
+          index === 0 && React.createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default.createElement(
+          React.createElement(
             'a',
             { href: '/authors/' + url.current, className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName
@@ -29,15 +29,15 @@ var AuthorComponent = function AuthorComponent(_ref) {
           length !== index + 1 && ', '
         );
       } else if (displayName) {
-        return React__default.createElement(
+        return React.createElement(
           'span',
           { key: _id },
-          index === 0 && React__default.createElement(
+          index === 0 && React.createElement(
             'span',
             { className: 'pr-1' },
             'By'
           ),
-          React__default.createElement(
+          React.createElement(
             'span',
             { className: 'author-name', style: { color: '#000', fontWeight: 'bold' } },
             displayName,
@@ -70,16 +70,16 @@ var AuthorComponent = function AuthorComponent(_ref) {
   var overlayRef = useRef(null);
   var authorRef = useRef(null);
 
-  return React__default.createElement(
+  return React.createElement(
     'div',
     { id: 'author-sec' + index, ref: authorRef },
-    hideContent && React__default.createElement('div', { onClick: function onClick() {
+    hideContent && React.createElement('div', { onClick: function onClick() {
         return onOverlayClick();
       }, ref: overlayRef, id: 'overlay-content' + index }),
     authors.map(function (authorDetail, index) {
       return renderAuthor(authorDetail, index, authors.length);
     }),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: true },
       '\n          #author-sec' + index + ' {\n            line-height: 25px;\n            position: relative;\n            height: auto;\n            // max-height: 50px;\n          }\n          .hide-content {\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n          }\n          #overlay-content' + index + ' {\n            position: absolute;\n            cursor: pointer;\n            width: 100%;\n            height: 100%;\n            top: 0;\n            left: 0;\n            z-index: 1000;\n          }\n        '

package/dist/esm/Beam.js

@@ -1,10 +1,12 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-86d4db69.js';
+import './_to-object-a4107da3.js';
+import './es6.string.iterator-c990c18c.js';
 import './_library-528f1934.js';
-import './_iter-detect-130ee549.js';
-import './web.dom.iterable-f8f967cd.js';
-import { _ as _JSON$stringify } from './stringify-70b72959.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7bf8bc4d.js';
+import './_iter-detect-5d49a330.js';
+import './core.get-iterator-method-e1de7503.js';
+import './web.dom.iterable-4439f05a.js';
+import { _ as _JSON$stringify } from './stringify-4330ccdc.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1c2e29.js';
 import Segment from './Segment.js';
 
 require("babel-polyfill");

package/dist/esm/{BlockContent-e9b4ddcf.js → BlockContent-d05b5b23.js}

@@ -1,6 +1,6 @@
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { n as node } from './index-73819142.js';
+import { n as node } from './index-51a80699.js';
 
 /*
 object-assign
@@ -829,7 +829,7 @@ var internals$1 = internals;
 
 var getSerializers = internals$1.getSerializers;
 
-var renderNode = React__default.createElement;
+var renderNode = React.createElement;
 
 var _getSerializers = getSerializers(renderNode),
     defaultSerializers = _getSerializers.defaultSerializers,
@@ -849,7 +849,7 @@ var getImageUrl$1 = internals$1.getImageUrl,
     blocksToNodes$1 = internals$1.blocksToNodes,
     mergeSerializers$1 = internals$1.mergeSerializers;
 
-var renderNode$1 = React__default.createElement;
+var renderNode$1 = React.createElement;
 
 var SanityBlockContent = function SanityBlockContent(props) {
   var customSerializers = mergeSerializers$1(SanityBlockContent.defaultSerializers, props.serializers);

package/dist/esm/Breadcrumbs.js

@@ -1,8 +1,10 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-86d4db69.js';
-import './web.dom.iterable-f8f967cd.js';
-import React__default, { useState, useEffect } from 'react';
-import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
+import './_to-object-a4107da3.js';
+import './es6.string.iterator-c990c18c.js';
+import './core.get-iterator-method-e1de7503.js';
+import './web.dom.iterable-4439f05a.js';
+import React, { useState, useEffect } from 'react';
+import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
 import Breadcrumb from 'react-bootstrap/Breadcrumb';
 
 var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -46,17 +48,17 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   }, []);
 
   if (data && data.length > 0) {
-    return React__default.createElement(
+    return React.createElement(
       Breadcrumb,
       null,
       data.map(function (item, index) {
-        return React__default.createElement(
+        return React.createElement(
           Breadcrumb.Item,
           { key: index, href: item.url, active: item.isActive || false },
           item.name
         );
       }),
-      React__default.createElement(
+      React.createElement(
         'style',
         { jsx: 'true' },
         '\n          .breadcrumb {\n            background: transparent;\n            padding-left: 0.25rem;\n          }\n          .breadcrumb .breadcrumb-item + .breadcrumb-item::before {\n            content: \'' + separator + '\';\n          }\n          .breadcrumb-item.active {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 40ch;\n          }\n          @media screen and (max-width: 1400px) {\n            .breadcrumb-item.active {\n              max-width: 20ch;\n            }\n          }\n          @media screen and (max-width: 768px) {\n            .breadcrumb-item.active {\n              max-width: 40ch;\n            }\n          }\n        '
@@ -64,30 +66,30 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     );
   }
 
-  return React__default.createElement(
+  return React.createElement(
     Breadcrumb,
     null,
-    React__default.createElement(
+    React.createElement(
       Breadcrumb.Item,
       { href: '/' },
       'home'
     ),
-    parentPath.split('/').length > 1 && React__default.createElement(
+    parentPath.split('/').length > 1 && React.createElement(
       Breadcrumb.Item,
       { active: true },
       '...'
     ),
-    React__default.createElement(
+    React.createElement(
       Breadcrumb.Item,
       { href: '/' + parentPath },
       parentPathName
     ),
-    React__default.createElement(
+    React.createElement(
       Breadcrumb.Item,
       { active: true },
       currentPath
     ),
-    React__default.createElement(
+    React.createElement(
       'style',
       { jsx: 'true' },
       '\n        ol.breadcrumb {\n          background: transparent;\n          padding-left: 0.25rem;\n        }\n        .breadcrumb-item.active {\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          max-width: 40ch;\n        }\n        @media screen and (max-width: 1400px) {\n          .breadcrumb-item.active {\n            max-width: 20ch;\n          }\n        }\n        @media screen and (max-width: 768px) {\n          .breadcrumb-item.active {\n            max-width: 40ch;\n          }\n        }\n      '
@@ -95,6 +97,6 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   );
 };
 
-var Breadcrumbs$1 = React__default.memo(Breadcrumbs);
+var Breadcrumbs$1 = React.memo(Breadcrumbs);
 
 export default Breadcrumbs$1;

package/dist/esm/CMEDeck.js

@@ -1,24 +1,25 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-86d4db69.js';
+import './_to-object-a4107da3.js';
+import './es6.string.iterator-c990c18c.js';
 import './_library-528f1934.js';
-import './_iter-detect-130ee549.js';
-import { _ as _toConsumableArray } from './toConsumableArray-32282905.js';
-import './web.dom.iterable-f8f967cd.js';
-import React__default, { useState, useRef, useEffect } from 'react';
-import './events-6c3a7a63.js';
-import { l as lib_3 } from './index-41a678ea.js';
+import './_iter-detect-5d49a330.js';
+import { _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
+import './core.get-iterator-method-e1de7503.js';
+import './web.dom.iterable-4439f05a.js';
+import React, { useState, useRef, useEffect } from 'react';
+import { l as lib_3 } from './index-1819118a.js';
 import 'prop-types';
 import { useRouter } from 'next/router';
 import './isSymbol-1981418f.js';
 import { d as debounce_1 } from './debounce-9207d8ee.js';
 import './toNumber-2f7a84cd.js';
-import { I as InfiniteScroll } from './index.es-29c1cef5.js';
+import { I as InfiniteScroll } from './index.es-c6222053.js';
 import 'react-dom';
-import { V as VisibilitySensor } from './visibility-sensor-72fd8f8b.js';
-import { _ as _slicedToArray } from './slicedToArray-67a08c9c.js';
-import { m as main_36 } from './main-e4a934b2.js';
-import { _ as _JSON$stringify } from './stringify-70b72959.js';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7bf8bc4d.js';
+import { V as VisibilitySensor } from './visibility-sensor-f40c2564.js';
+import { m as main_40 } from './main-747e7d25.js';
+import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
+import { _ as _JSON$stringify } from './stringify-4330ccdc.js';
+import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-fc1c2e29.js';
 import { Spinner, Container, Row, Col } from 'react-bootstrap';
 
 var itemsPerPage = 12;
@@ -197,94 +198,94 @@ var CMEDeck = function CMEDeck(_ref) {
 
   var cardLoader = function cardLoader() {
     var numberOfItemsBeforeAd = 6;
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { id: 'ceToggles' },
-      React__default.createElement(
+      React.createElement(
         'div',
         { style: { width: 'max-content', padding: '0.5rem' } },
-        React__default.createElement('img', { src: 'https://gotoper-com.s3.amazonaws.com/_media/_image/PER_Logo.svg', style: { width: '100%', maxWidth: '10rem', marginBottom: '1rem' }, alt: 'per logo' }),
-        React__default.createElement(
+        React.createElement('img', { src: 'https://gotoper-com.s3.amazonaws.com/_media/_image/PER_Logo.svg', style: { width: '100%', maxWidth: '10rem', marginBottom: '1rem' }, alt: 'per logo' }),
+        React.createElement(
           'p',
           { style: { margin: '0', fontWeight: '700', width: '100%', textAlign: 'center', fontSize: '1rem' } },
           'Physician Education'
         )
       ),
-      React__default.createElement(
+      React.createElement(
         Row,
         null,
         data && data.map(function (row, index) {
           var pageNumber = row.pageNumber || 1;
-          return React__default.createElement(
-            React__default.Fragment,
+          return React.createElement(
+            React.Fragment,
             { key: index },
-            React__default.createElement(
+            React.createElement(
               VisibilitySensor,
               {
                 onChange: function onChange(isVisible) {
                   isVisible && changePageNumber(pageNumber);
                 } },
-              variant === 'left' ? React__default.createElement(
+              variant === 'left' ? React.createElement(
                 Col,
                 { xl: 12, style: { marginBottom: '1rem' } },
-                React__default.createElement(
+                React.createElement(
                   Row,
                   null,
-                  React__default.createElement(
+                  React.createElement(
                     Col,
                     { xs: 3, sm: 4, md: 4, lg: 4, xl: 4, style: { padding: '0' } },
-                    React__default.createElement(
+                    React.createElement(
                       'a',
                       { rel: 'noopener', href: row.href, target: '_blank' },
-                      React__default.createElement('img', { style: { width: '100%', borderRadius: '0 0 0 10%', marginBottom: '20px', borderTop: '1px solid #EEE' }, src: row.thumbnail })
+                      React.createElement('img', { style: { width: '100%', borderRadius: '0 0 0 10%', marginBottom: '20px', borderTop: '1px solid #EEE' }, src: row.thumbnail })
                     )
                   ),
-                  React__default.createElement(
+                  React.createElement(
                     Col,
                     { xs: 9, sm: 8, md: 8, lg: 8, xl: 8, style: { paddingTop: '10px', marginBottom: '20px', borderTop: '1px solid #EEE' } },
-                    React__default.createElement(
+                    React.createElement(
                       'a',
                       { rel: 'noopener', href: row.href, target: '_blank' },
-                      React__default.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
-                      React__default.createElement(
+                      React.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
+                      React.createElement(
                         'p',
                         { className: 'mb-2' },
                         row.date
                       ),
-                      React__default.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                      React.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
                     )
                   )
                 )
-              ) : React__default.createElement(
+              ) : React.createElement(
                 Row,
                 { style: { margin: '0', padding: '0' } },
-                React__default.createElement(
+                React.createElement(
                   Col,
                   { xs: 9, sm: 8, lg: 8, xl: 8 },
-                  React__default.createElement(
+                  React.createElement(
                     'a',
                     { rel: 'noopener', href: row.href, target: '_blank' },
-                    React__default.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
-                    React__default.createElement(
+                    React.createElement('h4', { className: 'mb-1', style: { fontWeight: '500', fontSize: '22px' }, dangerouslySetInnerHTML: { __html: row.title } }),
+                    React.createElement(
                       'p',
                       null,
                       row.date
                     ),
-                    React__default.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
+                    React.createElement('p', { dangerouslySetInnerHTML: { __html: row.intro } })
                   )
                 ),
-                React__default.createElement(
+                React.createElement(
                   Col,
                   { xs: 3, sm: 4, lg: 4, xl: 4 },
-                  React__default.createElement(
+                  React.createElement(
                     'a',
                     { rel: 'noopener', href: row.href, target: '_blank' },
-                    React__default.createElement('img', { style: { width: '100%', borderRadius: '0 0 10% 0' }, src: row.thumbnail && urlFor(row.thumbnail.asset).url() })
+                    React.createElement('img', { style: { width: '100%', borderRadius: '0 0 10% 0' }, src: row.thumbnail && urlFor(row.thumbnail.asset).url() })
                   )
                 )
               )
             ),
-            main_36 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React__default.createElement(
+            main_40 && rightItems && (index + 1) % numberOfItemsBeforeAd === 0 && React.createElement(
               'div',
               { style: { margin: '0 auto' } },
               renderMobileAd(index, numberOfItemsBeforeAd)
@@ -297,7 +298,7 @@ var CMEDeck = function CMEDeck(_ref) {
 
   var renderMobileAd = function renderMobileAd(index, numberOfItemsBeforeAd) {
     var i = ((index + 1) / numberOfItemsBeforeAd - 1) % rightItems.length;
-    return React__default.createElement(
+    return React.createElement(
       Col,
       { md: 12, style: { display: 'flex', flex: '1 0 auto' } },
       rightItems[i].component
@@ -306,11 +307,11 @@ var CMEDeck = function CMEDeck(_ref) {
 
   var renderManualPagination = function renderManualPagination() {
     var currentPage = 1;
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { className: 'd-flex justify-content-between' },
        currentPage > 1 ,
-      React__default.createElement(
+      React.createElement(
         'a',
         { href: '?page=' + (currentPage + 1) },
         'Next >>'
@@ -319,13 +320,13 @@ var CMEDeck = function CMEDeck(_ref) {
   };
 
   if (isLoading) {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { style: { display: 'flex', justifyContent: 'center', marginTop: '48px' } },
-      React__default.createElement(
+      React.createElement(
         Spinner,
         { animation: 'border', role: 'status' },
-        React__default.createElement(
+        React.createElement(
           'span',
           { className: 'sr-only' },
           'Loading...'
@@ -335,69 +336,69 @@ var CMEDeck = function CMEDeck(_ref) {
   }
 
   if (data.length > 0) {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       { className: 'contentDeck' },
-      autoScroll ? React__default.createElement(
-        React__default.Fragment,
+      autoScroll ? React.createElement(
+        React.Fragment,
         null,
-        React__default.createElement(
+        React.createElement(
           'style',
           { jsx: true },
           '\n                .infinite-scroll-component {\n                  overflow: hidden !important;\n                }\n              '
         ),
-        React__default.createElement(
+        React.createElement(
           InfiniteScroll,
           {
             dataLength: data.length,
             next: loadMore,
             hasMore: scrolling,
             scrollThreshold: 0.9,
-            loader: React__default.createElement(
+            loader: React.createElement(
               'div',
               { style: { textAlign: 'center' } },
-              React__default.createElement(
+              React.createElement(
                 Spinner,
                 { animation: 'border', role: 'status' },
-                React__default.createElement(
+                React.createElement(
                   'span',
                   { className: 'sr-only' },
                   'Loading...'
                 )
               )
             ),
-            endMessage: React__default.createElement(
+            endMessage: React.createElement(
               'p',
               { style: { textAlign: 'center' } },
-              React__default.createElement(
+              React.createElement(
                 'b',
                 null,
                 'Yay! You have seen it all'
               )
             ) },
-          React__default.createElement(
+          React.createElement(
             Container,
             null,
             cardLoader()
           )
         ),
-        React__default.createElement(
+        React.createElement(
           'noscript',
           null,
           renderManualPagination()
         )
-      ) : React__default.createElement(
-        React__default.Fragment,
+      ) : React.createElement(
+        React.Fragment,
         null,
-        React__default.createElement(
+        React.createElement(
           Container,
           null,
           cardLoader()
         ),
-        React__default.createElement(
+        React.createElement(
           'div',
           { style: { padding: '0px 10px' } },
-          scrolling ? React__default.createElement(
+          scrolling ? React.createElement(
             'button',
             {
               style: { margin: 'auto', width: '100%' },
@@ -405,17 +406,17 @@ var CMEDeck = function CMEDeck(_ref) {
                 loadMore();
               } },
             'Load More'
-          ) : React__default.createElement(
+          ) : React.createElement(
             'p',
             { style: { textAlign: 'center' } },
-            React__default.createElement(
+            React.createElement(
               'b',
               null,
               'End of data'
             )
           )
         ),
-        React__default.createElement(
+        React.createElement(
           'noscript',
           null,
           renderManualPagination()
@@ -423,10 +424,10 @@ var CMEDeck = function CMEDeck(_ref) {
       )
     );
   } else {
-    return React__default.createElement(
+    return React.createElement(
       'div',
       null,
-      React__default.createElement(
+      React.createElement(
         'div',
         null,
         'No data found '

package/dist/esm/Column1.js

@@ -1,20 +1,20 @@
-import React__default from 'react';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
+import React from 'react';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
 
 var Column1 = function Column1(props) {
   var title = props.title;
 
-  return React__default.createElement(
+  return React.createElement(
     'section',
     null,
-    React__default.createElement(
-      Row$1,
+    React.createElement(
+      Row,
       { className: 'justify-content-md-center' },
-      React__default.createElement(
-        Col$1,
+      React.createElement(
+        Col,
         { className: 'middleCol', style: { marginTop: !title && '10px' } },
-        title && React__default.createElement(
+        title && React.createElement(
           'h1',
           null,
           title

package/dist/esm/Column2.js

@@ -1,22 +1,24 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './core.get-iterator-method-86d4db69.js';
+import './_to-object-a4107da3.js';
+import './es6.string.iterator-c990c18c.js';
 import './_library-528f1934.js';
-import './_iter-detect-130ee549.js';
-import './define-property-6d26cb48.js';
-import './web.dom.iterable-f8f967cd.js';
-import React__default from 'react';
+import './_iter-detect-5d49a330.js';
+import './core.get-iterator-method-e1de7503.js';
+import './define-property-8af5f002.js';
+import './web.dom.iterable-4439f05a.js';
+import React from 'react';
 import 'prop-types';
-import Row$1 from 'react-bootstrap/Row';
-import Col$1 from 'react-bootstrap/Col';
+import Row from 'react-bootstrap/Row';
+import Col from 'react-bootstrap/Col';
 import './isSymbol-1981418f.js';
-import './asyncToGenerator-7bf8bc4d.js';
+import './asyncToGenerator-fc1c2e29.js';
 import './Segment.js';
 import './get-1e515072.js';
 import './eq-b470f743.js';
-import './react-social-icons-a7d5c5c7.js';
-import './defineProperty-d7d9b577.js';
+import './react-social-icons-3822f1ce.js';
+import './defineProperty-94fd8bfc.js';
 import SideFooter from './SideFooter.js';
-import { C as ConferenceBanner } from './ConferenceBanner-8792ebd2.js';
+import { C as ConferenceBanner } from './ConferenceBanner-9162d0ca.js';
 
 var Column2 = function Column2(props) {
   var rightItems = props.rightItems,
@@ -24,37 +26,37 @@ var Column2 = function Column2(props) {
       website = props.website;
 
 
-  return React__default.createElement(
+  return React.createElement(
     'section',
     null,
-    React__default.createElement(
-      Row$1,
+    React.createElement(
+      Row,
       { className: 'justify-content-md-center' },
-      React__default.createElement(
-        Col$1,
+      React.createElement(
+        Col,
         { md: true, className: 'middleCol', style: { marginTop: !title && '10px' } },
-        title && React__default.createElement(
+        title && React.createElement(
           'h1',
           null,
           title
         ),
         props.children
       ),
-      React__default.createElement(
-        Col$1,
+      React.createElement(
+        Col,
         { xs: 12, className: 'rightCol' },
-        website && website.conferenceBannerContent && React__default.createElement(ConferenceBanner, { website: website }),
-        React__default.createElement(
+        website && website.conferenceBannerContent && React.createElement(ConferenceBanner, { website: website }),
+        React.createElement(
           'div',
           { className: 'sticky-top', style: { top: '60px' } },
           rightItems && rightItems.map(function (row, index) {
-            return React__default.createElement(
+            return React.createElement(
               'div',
               { key: index },
               row.component
             );
           }),
-          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React__default.createElement(SideFooter, { website: website })
+          website && website.sideFooterContent && website.sideFooterContent.length && !website.showFooterOnLeftSide && React.createElement(SideFooter, { website: website })
         )
       )
     )