@mjhls/mjh-framework 1.0.261 → 1.0.263

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.261
+# mjh-framework v. 1.0.263
 
 > Foundation Framework
 

package/dist/cjs/{AdSlot-f998168a.js → AdSlot-1c436555.js}

@@ -1115,7 +1115,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
 
   return React__default.createElement(
     'div',
-    { className: className },
+    { className: className, style: { textAlign: 'center' } },
     React__default.createElement(index.lib_2, {
       slotId: slotId,
       sizes: sizes,

package/dist/cjs/DeckContent.js

@@ -28,7 +28,7 @@ var index$1 = require('./index-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 require('./slicedToArray-e38fb29d.js');
-var AdSlot = require('./AdSlot-f998168a.js');
+var AdSlot = require('./AdSlot-1c436555.js');
 require('./promise-b96c61f8.js');
 
 var DeckContent = function (_React$Component) {

package/dist/cjs/{GridContent-002e17fb.js → GridContent-68dc29f1.js}

@@ -21,7 +21,7 @@ var Router__default = _interopDefault(Router);
 var index$1 = require('./index-be0c82be.js');
 var index$2 = require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
-var AdSlot = require('./AdSlot-f998168a.js');
+var AdSlot = require('./AdSlot-1c436555.js');
 var get$1 = require('./get-1f91592f.js');
 
 var Dfp = React__default.lazy(function () {

package/dist/cjs/GridContent.js

@@ -24,10 +24,10 @@ require('./index-be0c82be.js');
 require('./index-fa0fb52c.js');
 require('./entities-310b46ee.js');
 require('./slicedToArray-e38fb29d.js');
-require('./AdSlot-f998168a.js');
+require('./AdSlot-1c436555.js');
 require('./promise-b96c61f8.js');
 require('./get-1f91592f.js');
-var GridContent = require('./GridContent-002e17fb.js');
+var GridContent = require('./GridContent-68dc29f1.js');
 
 
 

package/dist/cjs/{Normal-a0a4f0b8.js → Normal-d5d437f2.js}

@@ -12,7 +12,7 @@ var Row = _interopDefault(require('react-bootstrap/Row'));
 var Col = _interopDefault(require('react-bootstrap/Col'));
 var Link = _interopDefault(require('next/link'));
 var slicedToArray = require('./slicedToArray-e38fb29d.js');
-var AdSlot = require('./AdSlot-f998168a.js');
+var AdSlot = require('./AdSlot-1c436555.js');
 var get$1 = require('./get-1f91592f.js');
 var reactBootstrap = require('react-bootstrap');
 var index_esm = require('./index.esm-340d3792.js');
@@ -2015,6 +2015,11 @@ var HamMagazine = function HamMagazine(props) {
       isOpen = _useState8[0],
       setIsOpen = _useState8[1];
 
+  var _useState9 = React.useState(0),
+      _useState10 = slicedToArray._slicedToArray(_useState9, 2),
+      resolution = _useState10[0],
+      setResolution = _useState10[1];
+
   React.useEffect(function () {
     document.addEventListener('scroll', trackScrolling);
     return function () {
@@ -2028,6 +2033,26 @@ var HamMagazine = function HamMagazine(props) {
     setUserAgent(navigator.userAgent.toString());
   }, []);
 
+  React.useEffect(function () {
+    if (resolution === 0) {
+      setResolution(window.innerWidth);
+    }
+    var handleResize = function handleResize() {
+      if (resolution === 0) {
+        setResolution(window.innerWidth);
+      } else {
+        if (window.innerWidth < 768 && resolution >= 768) {
+          console.log('Detected Mobile Resolution');
+          window.location.reload();
+        } else if (window.innerWidth >= 768 && resolution < 768) {
+          console.log('Detected Tablet/Desktop Resolution');
+          window.location.reload();
+        }
+      }
+    };
+    window.addEventListener('resize', handleResize);
+  }, [resolution]);
+
   React.useEffect(function () {
     setScreenWidth(parseInt(window.innerWidth));
   }, []);
@@ -2332,13 +2357,29 @@ var AD728x90 = function AD728x90(_ref) {
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
+  var _useState = React.useState(),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      mobileView = _useState2[0],
+      setMobileView = _useState2[1];
+
+  React.useEffect(function () {
+    if (window && window.innerWidth && window.innerWidth < 768) {
+      setMobileView(true);
+    } else {
+      setMobileView(false);
+    }
+  }, []);
+
+  var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
+  var mobileSizes = [[320, 50], [300, 50]];
+
   return React__default.createElement(AdSlot.DFPAdSlot, {
     slotId: slotId,
     networkID: networkID,
     adUnit: adUnit,
     targeting: targeting,
     className: 'AD728x90',
-    sizes: [[728, 90], [970, 90], [320, 50], [300, 50]],
+    sizes: mobileView ? mobileSizes : browserSizes,
     sizeMapping: [{
       viewport: [768, 1],
       sizes: [[728, 90], [970, 90]]

package/dist/cjs/TemplateNormal.js

@@ -14,13 +14,13 @@ require('react-bootstrap/Row');
 require('react-bootstrap/Col');
 require('next/link');
 require('./slicedToArray-e38fb29d.js');
-require('./AdSlot-f998168a.js');
+require('./AdSlot-1c436555.js');
 require('./promise-b96c61f8.js');
 require('./get-1f91592f.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-a0a4f0b8.js');
+var TemplateNormal = require('./Normal-d5d437f2.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/index.js

@@ -30,11 +30,11 @@ var index$1 = require('./index-be0c82be.js');
 require('./index-fa0fb52c.js');
 var entities = require('./entities-310b46ee.js');
 var slicedToArray = require('./slicedToArray-e38fb29d.js');
-var AdSlot = require('./AdSlot-f998168a.js');
+var AdSlot = require('./AdSlot-1c436555.js');
 require('./promise-b96c61f8.js');
 var DeckContent = require('./DeckContent.js');
 require('./get-1f91592f.js');
-var GridContent = require('./GridContent-002e17fb.js');
+var GridContent = require('./GridContent-68dc29f1.js');
 var DeckQueue = require('./DeckQueue.js');
 require('react-bootstrap/Media');
 var ThumbnailCard = require('./ThumbnailCard.js');
@@ -52,7 +52,7 @@ var IssueDeck = require('./IssueDeck.js');
 require('react-bootstrap/Badge');
 var IssueContentDeck = require('./IssueContentDeck.js');
 var Spinner = _interopDefault(require('react-bootstrap/Spinner'));
-var TemplateNormal = require('./Normal-a0a4f0b8.js');
+var TemplateNormal = require('./Normal-d5d437f2.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));

package/dist/esm/{AdSlot-3167a14d.js → AdSlot-5b019415.js}

@@ -1110,7 +1110,7 @@ var DFPAdSlot = function DFPAdSlot(_ref) {
 
   return React__default.createElement(
     'div',
-    { className: className },
+    { className: className, style: { textAlign: 'center' } },
     React__default.createElement(lib_2, {
       slotId: slotId,
       sizes: sizes,

package/dist/esm/DeckContent.js

@@ -22,7 +22,7 @@ import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
 import './slicedToArray-d0a9593a.js';
-import { D as DFPAdSlot } from './AdSlot-3167a14d.js';
+import { D as DFPAdSlot } from './AdSlot-5b019415.js';
 import './promise-683a9c54.js';
 
 var DeckContent = function (_React$Component) {

package/dist/esm/{GridContent-e0d261eb.js → GridContent-7ec2de47.js}

@@ -15,7 +15,7 @@ import { withRouter } from 'next/router';
 import { i as imageUrlBuilder } from './index-73819142.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
-import { D as DFPAdSlot } from './AdSlot-3167a14d.js';
+import { D as DFPAdSlot } from './AdSlot-5b019415.js';
 import { g as get_1 } from './get-b2201dc8.js';
 
 var Dfp = React__default.lazy(function () {

package/dist/esm/GridContent.js

@@ -22,7 +22,7 @@ import './index-73819142.js';
 import './index-5f9f807a.js';
 import './entities-7cc3bf45.js';
 import './slicedToArray-d0a9593a.js';
-import './AdSlot-3167a14d.js';
+import './AdSlot-5b019415.js';
 import './promise-683a9c54.js';
 import './get-b2201dc8.js';
-export { G as default } from './GridContent-e0d261eb.js';
+export { G as default } from './GridContent-7ec2de47.js';

package/dist/esm/{Normal-efd518ce.js → Normal-e86a38cf.js}

@@ -7,7 +7,7 @@ import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Link from 'next/link';
 import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
-import { D as DFPAdSlot } from './AdSlot-3167a14d.js';
+import { D as DFPAdSlot } from './AdSlot-5b019415.js';
 import { g as get_1 } from './get-b2201dc8.js';
 import { Dropdown } from 'react-bootstrap';
 import { G as GenIcon, b as IoMdLogIn, c as IoIosHome } from './index.esm-536609db.js';
@@ -2010,6 +2010,11 @@ var HamMagazine = function HamMagazine(props) {
       isOpen = _useState8[0],
       setIsOpen = _useState8[1];
 
+  var _useState9 = useState(0),
+      _useState10 = _slicedToArray(_useState9, 2),
+      resolution = _useState10[0],
+      setResolution = _useState10[1];
+
   useEffect(function () {
     document.addEventListener('scroll', trackScrolling);
     return function () {
@@ -2023,6 +2028,26 @@ var HamMagazine = function HamMagazine(props) {
     setUserAgent(navigator.userAgent.toString());
   }, []);
 
+  useEffect(function () {
+    if (resolution === 0) {
+      setResolution(window.innerWidth);
+    }
+    var handleResize = function handleResize() {
+      if (resolution === 0) {
+        setResolution(window.innerWidth);
+      } else {
+        if (window.innerWidth < 768 && resolution >= 768) {
+          console.log('Detected Mobile Resolution');
+          window.location.reload();
+        } else if (window.innerWidth >= 768 && resolution < 768) {
+          console.log('Detected Tablet/Desktop Resolution');
+          window.location.reload();
+        }
+      }
+    };
+    window.addEventListener('resize', handleResize);
+  }, [resolution]);
+
   useEffect(function () {
     setScreenWidth(parseInt(window.innerWidth));
   }, []);
@@ -2327,13 +2352,29 @@ var AD728x90 = function AD728x90(_ref) {
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting;
 
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      mobileView = _useState2[0],
+      setMobileView = _useState2[1];
+
+  useEffect(function () {
+    if (window && window.innerWidth && window.innerWidth < 768) {
+      setMobileView(true);
+    } else {
+      setMobileView(false);
+    }
+  }, []);
+
+  var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
+  var mobileSizes = [[320, 50], [300, 50]];
+
   return React__default.createElement(DFPAdSlot, {
     slotId: slotId,
     networkID: networkID,
     adUnit: adUnit,
     targeting: targeting,
     className: 'AD728x90',
-    sizes: [[728, 90], [970, 90], [320, 50], [300, 50]],
+    sizes: mobileView ? mobileSizes : browserSizes,
     sizeMapping: [{
       viewport: [768, 1],
       sizes: [[728, 90], [970, 90]]

package/dist/esm/TemplateNormal.js

@@ -12,13 +12,13 @@ import 'react-bootstrap/Row';
 import 'react-bootstrap/Col';
 import 'next/link';
 import './slicedToArray-d0a9593a.js';
-import './AdSlot-3167a14d.js';
+import './AdSlot-5b019415.js';
 import './promise-683a9c54.js';
 import './get-b2201dc8.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-efd518ce.js';
+export { T as default } from './Normal-e86a38cf.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/index.js

@@ -22,12 +22,12 @@ import { i as imageUrlBuilder } from './index-73819142.js';
 import './index-5f9f807a.js';
 import { h as html_decode_1, c as clean_html_1 } from './entities-7cc3bf45.js';
 import { _ as _slicedToArray } from './slicedToArray-d0a9593a.js';
-import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-3167a14d.js';
-export { D as AdSlot, B as Beam } from './AdSlot-3167a14d.js';
+import { _ as _JSON$stringify, a as _asyncToGenerator, r as regenerator, D as DFPAdSlot, B as Beam } from './AdSlot-5b019415.js';
+export { D as AdSlot, B as Beam } from './AdSlot-5b019415.js';
 import './promise-683a9c54.js';
 export { default as DeckContent } from './DeckContent.js';
 import './get-b2201dc8.js';
-export { A as AD, G as GridContent } from './GridContent-e0d261eb.js';
+export { A as AD, G as GridContent } from './GridContent-7ec2de47.js';
 export { default as DeckQueue } from './DeckQueue.js';
 import 'react-bootstrap/Media';
 export { default as ThumbnailCard } from './ThumbnailCard.js';
@@ -48,8 +48,8 @@ export { default as IssueDeck } from './IssueDeck.js';
 import 'react-bootstrap/Badge';
 export { default as IssueContentDeck } from './IssueContentDeck.js';
 import Spinner from 'react-bootstrap/Spinner';
-import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-efd518ce.js';
-export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-efd518ce.js';
+import { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-e86a38cf.js';
+export { A as AD728x90, C as Column1, a as Column2, b as Column3, f as HamMagazine, H as Header, L as LeftNav, e as NavDvm, c as NavMagazine, N as NavNative, d as NavNormal, P as PageFilter, S as Search, g as SideFooter, T as TemplateNormal } from './Normal-e86a38cf.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.261",
+  "version": "1.0.263",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",