@mjhls/mjh-framework 1.0.265 → 1.0.266

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.265
+# mjh-framework v. 1.0.266
 
 > Foundation Framework
 

package/dist/cjs/DeckContent.js

@@ -287,7 +287,7 @@ var DeckContent = function (_React$Component) {
                 { className: 'brand-insight-wrapper', sm: 12, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
                 React__default.createElement(
                   Card,
-                  { className: 'content-card ad-wrapper', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
+                  { className: 'ad-wrapper', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
                   React__default.createElement(
                     'div',
                     { style: { width: '100%', height: 'auto' } },

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

@@ -521,7 +521,7 @@ var GridContent = function (_React$Component) {
                 { className: 'brand-insight-wrapper', counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
                 React__default.createElement(
                   Card,
-                  { className: 'content-card ad-wrapper', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
+                  { className: 'ad-wrapper', style: { display: 'block !important', flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
                   React__default.createElement(AdSlot.DFPAdSlot, { className: row.className, networkID: row.networkID, adUnit: row.adUnit, slotId: row.slotId, targeting: row.targeting, sizes: row.sizes })
                 )
               )

package/dist/cjs/GridContent.js

@@ -27,7 +27,7 @@ require('./slicedToArray-e38fb29d.js');
 require('./AdSlot-1c436555.js');
 require('./promise-b96c61f8.js');
 require('./get-1f91592f.js');
-var GridContent = require('./GridContent-68dc29f1.js');
+var GridContent = require('./GridContent-e459f9e3.js');
 
 
 

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

@@ -4,6 +4,7 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var main = require('./main-0ea1b808.js');
+var _extends$2 = require('./extends-e94dbea5.js');
 var React = require('react');
 var React__default = _interopDefault(React);
 var PropTypes = _interopDefault(require('prop-types'));
@@ -2355,20 +2356,30 @@ var AD728x90 = function AD728x90(_ref) {
       adUnit = _ref.adUnit,
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting;
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      pos = _ref.pos;
 
   var _useState = React.useState(),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
+  var adt = _extends$2._extends({}, targeting);
+
+  var _useState3 = React.useState(adt),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
+
   React.useEffect(function () {
     if (window && window.innerWidth && window.innerWidth < 768) {
       setMobileView(true);
+      adTargeting['pos'] = pos && pos.length ? pos : 'top-mobile';
     } else {
       setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'top';
     }
-  }, []);
+  }, [adTargeting, pos]);
 
   var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
   var mobileSizes = [[320, 50], [300, 50]];
@@ -2377,7 +2388,7 @@ var AD728x90 = function AD728x90(_ref) {
     slotId: slotId,
     networkID: networkID,
     adUnit: adUnit,
-    targeting: targeting,
+    targeting: adTargeting,
     className: 'AD728x90',
     sizes: mobileView ? mobileSizes : browserSizes,
     sizeMapping: [{

package/dist/cjs/TemplateNormal.js

@@ -6,6 +6,7 @@ require('./web.dom.iterable-0998bdc3.js');
 require('./debounce-783eb233.js');
 require('./main-0ea1b808.js');
 require('./core.get-iterator-method-e049ca4a.js');
+require('./extends-e94dbea5.js');
 require('react');
 require('./index-fa3cec70.js');
 require('prop-types');
@@ -20,7 +21,7 @@ require('./get-1f91592f.js');
 require('react-bootstrap');
 require('./index.esm-340d3792.js');
 require('react-bootstrap/Button');
-var TemplateNormal = require('./Normal-d5d437f2.js');
+var TemplateNormal = require('./Normal-8c148732.js');
 require('react-bootstrap/ListGroup');
 require('next/head');
 require('react-bootstrap/Nav');

package/dist/cjs/index.js

@@ -34,7 +34,7 @@ var AdSlot = require('./AdSlot-1c436555.js');
 require('./promise-b96c61f8.js');
 var DeckContent = require('./DeckContent.js');
 require('./get-1f91592f.js');
-var GridContent = require('./GridContent-68dc29f1.js');
+var GridContent = require('./GridContent-e459f9e3.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-d5d437f2.js');
+var TemplateNormal = require('./Normal-8c148732.js');
 require('react-bootstrap/ListGroup');
 var Head = _interopDefault(require('next/head'));
 var Accordion = _interopDefault(require('react-bootstrap/Accordion'));
@@ -2761,16 +2761,35 @@ var AD300x250 = function AD300x250(_ref) {
       adUnit = _ref.adUnit,
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting;
-
-  return React__default.createElement(AdSlot.DFPAdSlot, {
-    networkID: networkID,
-    adUnit: adUnit,
-    slotId: slotId,
-    targeting: targeting,
-    className: 'AD300x250',
-    sizes: [[300, 250], [300, 100]]
-  });
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      pos = _ref.pos;
+
+  var _useState = React.useState(),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      mobileView = _useState2[0],
+      setMobileView = _useState2[1];
+
+  var adt = _extends$2._extends({}, targeting);
+
+  var _useState3 = React.useState(adt),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
+
+  React.useEffect(function () {
+    if (window && window.innerWidth && window.innerWidth < 768) {
+      setMobileView(true);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec1-mobile';
+    } else {
+      setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec1';
+    }
+  }, [adTargeting, pos]);
+
+  var browserSizes = [[300, 250], [300, 100]];
+  var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
+
+  return React__default.createElement(AdSlot.DFPAdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: adTargeting, className: 'AD300x250', sizes: mobileView ? mobileSizes : browserSizes });
 };
 
 var AD300x250x600 = function AD300x250x600(_ref) {
@@ -2778,16 +2797,35 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       adUnit = _ref.adUnit,
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting;
-
-  return React__default.createElement(AdSlot.DFPAdSlot, {
-    networkID: networkID,
-    adUnit: adUnit,
-    className: 'AD300x250',
-    slotId: slotId,
-    targeting: targeting,
-    sizes: [[300, 250], [300, 600], [300, 100]]
-  });
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      pos = _ref.pos;
+
+  var _useState = React.useState(),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      mobileView = _useState2[0],
+      setMobileView = _useState2[1];
+
+  var adt = _extends$2._extends({}, targeting);
+
+  var _useState3 = React.useState(adt),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
+
+  React.useEffect(function () {
+    if (window && window.innerWidth && window.innerWidth < 768) {
+      setMobileView(true);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec2-mobile';
+    } else {
+      setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec2';
+    }
+  }, [adTargeting, pos]);
+
+  var browserSizes = [[300, 250], [300, 600], [300, 100]];
+  var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
+
+  return React__default.createElement(AdSlot.DFPAdSlot, { networkID: networkID, adUnit: adUnit, className: 'AD300x250', slotId: slotId, targeting: adTargeting, sizes: mobileView ? mobileSizes : browserSizes });
 };
 
 var ADFooter = function ADFooter(_ref) {
@@ -2850,23 +2888,22 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
       adUnit = floatingAd.adUnit,
       _floatingAd$targeting = floatingAd.targeting,
       targeting = _floatingAd$targeting === undefined ? {} : _floatingAd$targeting,
-      position = floatingAd.position,
+      _floatingAd$position = floatingAd.position,
+      position = _floatingAd$position === undefined ? 'float' : _floatingAd$position,
       networkID = floatingAd.networkID,
       sizes = floatingAd.sizes;
 
-  var _useState = React.useState(false),
+  var adt = _extends$2._extends({}, targeting, { pos: position });
+
+  var _useState = React.useState(adt),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      showAd = _useState2[0],
-      setShowAd = _useState2[1];
+      adTargeting = _useState2[0],
+      setTargeting = _useState2[1];
 
-  var adTargeting = void 0;
-  if (position && position.length > 0) {
-    adTargeting = {
-      content_placement: targeting.content_placement,
-      document_url: targeting.document_url,
-      pos: [position]
-    };
-  }
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      showAd = _useState4[0],
+      setShowAd = _useState4[1];
 
   React.useEffect(function () {
     if (window && window.innerWidth >= minScreenWidth) {
@@ -2906,23 +2943,23 @@ var ADGutter = function ADGutter(_ref) {
       adUnit = gutterAd.adUnit,
       _gutterAd$targeting = gutterAd.targeting,
       targeting = _gutterAd$targeting === undefined ? {} : _gutterAd$targeting,
-      position = gutterAd.position,
+      _gutterAd$position = gutterAd.position,
+      position = _gutterAd$position === undefined ? 'wallpaper' : _gutterAd$position,
       networkID = gutterAd.networkID,
       sizes = gutterAd.sizes;
 
-  var _useState = React.useState(false),
+
+  var adt = _extends$2._extends({}, targeting, { pos: position });
+
+  var _useState = React.useState(adt),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      showAd = _useState2[0],
-      setShowAd = _useState2[1];
+      adTargeting = _useState2[0],
+      setTargeting = _useState2[1];
 
-  var adTargeting = void 0;
-  if (position && position.length > 0) {
-    adTargeting = {
-      content_placement: targeting.content_placement,
-      document_url: targeting.document_url,
-      pos: [position]
-    };
-  }
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      showAd = _useState4[0],
+      setShowAd = _useState4[1];
 
   React.useEffect(function () {
     if (window && window.innerWidth >= minScreenWidth) {
@@ -2963,28 +3000,26 @@ var ADWelcome = function ADWelcome(_ref) {
       adUnit = welcomeAd.adUnit,
       _welcomeAd$targeting = welcomeAd.targeting,
       targeting = _welcomeAd$targeting === undefined ? {} : _welcomeAd$targeting,
-      position = welcomeAd.position,
+      _welcomeAd$position = welcomeAd.position,
+      position = _welcomeAd$position === undefined ? 'welcome' : _welcomeAd$position,
       networkID = welcomeAd.networkID,
       sizes = welcomeAd.sizes;
 
+  var adt = _extends$2._extends({}, targeting, { pos: position });
 
-  var adTargeting = void 0;
-  if (position && position.length > 0) {
-    adTargeting = {
-      content_placement: targeting.content_placement,
-      document_url: targeting.document_url,
-      pos: [position]
-    };
-  }
+  var _useState = React.useState(adt),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      adTargeting = _useState2[0],
+      setTargeting = _useState2[1];
 
   var calculateTimeLeft = function calculateTimeLeft(timeLeft) {
     return --timeLeft;
   };
 
-  var _useState = React.useState(calculateTimeLeft(counter)),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      timeLeft = _useState2[0],
-      setTimeLeft = _useState2[1];
+  var _useState3 = React.useState(calculateTimeLeft(counter)),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      timeLeft = _useState4[0],
+      setTimeLeft = _useState4[1];
 
   React.useEffect(function () {
     if (timeLeft > 0) {

package/dist/esm/DeckContent.js

@@ -281,7 +281,7 @@ var DeckContent = function (_React$Component) {
                 { className: 'brand-insight-wrapper', sm: 12, counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
                 React__default.createElement(
                   Card,
-                  { className: 'content-card ad-wrapper', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
+                  { className: 'ad-wrapper', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
                   React__default.createElement(
                     'div',
                     { style: { width: '100%', height: 'auto' } },

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

@@ -515,7 +515,7 @@ var GridContent = function (_React$Component) {
                 { className: 'brand-insight-wrapper', counter: itemCounter++, style: { display: 'flex', flex: '1 0 auto' } },
                 React__default.createElement(
                   Card,
-                  { className: 'content-card ad-wrapper', style: { flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
+                  { className: 'ad-wrapper', style: { display: 'block !important', flexDirection: index === 0 || index % 4 === 0 ? 'top' : 'row' } },
                   React__default.createElement(DFPAdSlot, { className: row.className, networkID: row.networkID, adUnit: row.adUnit, slotId: row.slotId, targeting: row.targeting, sizes: row.sizes })
                 )
               )

package/dist/esm/GridContent.js

@@ -25,4 +25,4 @@ import './slicedToArray-d0a9593a.js';
 import './AdSlot-5b019415.js';
 import './promise-683a9c54.js';
 import './get-b2201dc8.js';
-export { G as default } from './GridContent-7ec2de47.js';
+export { G as default } from './GridContent-be36b0aa.js';

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

@@ -1,5 +1,6 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import { m as main_36, c as main_37 } from './main-155ec04f.js';
+import { _ as _extends } from './extends-dbbe308d.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import PropTypes from 'prop-types';
 import Container from 'react-bootstrap/Container';
@@ -2350,20 +2351,30 @@ var AD728x90 = function AD728x90(_ref) {
       adUnit = _ref.adUnit,
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting;
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      pos = _ref.pos;
 
   var _useState = useState(),
       _useState2 = _slicedToArray(_useState, 2),
       mobileView = _useState2[0],
       setMobileView = _useState2[1];
 
+  var adt = _extends({}, targeting);
+
+  var _useState3 = useState(adt),
+      _useState4 = _slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
+
   useEffect(function () {
     if (window && window.innerWidth && window.innerWidth < 768) {
       setMobileView(true);
+      adTargeting['pos'] = pos && pos.length ? pos : 'top-mobile';
     } else {
       setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'top';
     }
-  }, []);
+  }, [adTargeting, pos]);
 
   var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
   var mobileSizes = [[320, 50], [300, 50]];
@@ -2372,7 +2383,7 @@ var AD728x90 = function AD728x90(_ref) {
     slotId: slotId,
     networkID: networkID,
     adUnit: adUnit,
-    targeting: targeting,
+    targeting: adTargeting,
     className: 'AD728x90',
     sizes: mobileView ? mobileSizes : browserSizes,
     sizeMapping: [{

package/dist/esm/TemplateNormal.js

@@ -4,6 +4,7 @@ import './web.dom.iterable-3be50d6c.js';
 import './debounce-806f886b.js';
 import './main-155ec04f.js';
 import './core.get-iterator-method-31c1fb1a.js';
+import './extends-dbbe308d.js';
 import 'react';
 import './index-fa84ea96.js';
 import 'prop-types';
@@ -18,7 +19,7 @@ import './get-b2201dc8.js';
 import 'react-bootstrap';
 import './index.esm-536609db.js';
 import 'react-bootstrap/Button';
-export { T as default } from './Normal-e86a38cf.js';
+export { T as default } from './Normal-3822b5a3.js';
 import 'react-bootstrap/ListGroup';
 import 'next/head';
 import 'react-bootstrap/Nav';

package/dist/esm/index.js

@@ -27,7 +27,7 @@ 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-7ec2de47.js';
+export { A as AD, G as GridContent } from './GridContent-be36b0aa.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-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 { M as MdPictureAsPdf, T as TemplateNormal } from './Normal-3822b5a3.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-3822b5a3.js';
 import 'react-bootstrap/ListGroup';
 import Head from 'next/head';
 import Accordion from 'react-bootstrap/Accordion';
@@ -2759,16 +2759,35 @@ var AD300x250 = function AD300x250(_ref) {
       adUnit = _ref.adUnit,
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting;
-
-  return React__default.createElement(DFPAdSlot, {
-    networkID: networkID,
-    adUnit: adUnit,
-    slotId: slotId,
-    targeting: targeting,
-    className: 'AD300x250',
-    sizes: [[300, 250], [300, 100]]
-  });
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      pos = _ref.pos;
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      mobileView = _useState2[0],
+      setMobileView = _useState2[1];
+
+  var adt = _extends$2({}, targeting);
+
+  var _useState3 = useState(adt),
+      _useState4 = _slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
+
+  useEffect(function () {
+    if (window && window.innerWidth && window.innerWidth < 768) {
+      setMobileView(true);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec1-mobile';
+    } else {
+      setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec1';
+    }
+  }, [adTargeting, pos]);
+
+  var browserSizes = [[300, 250], [300, 100]];
+  var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
+
+  return React__default.createElement(DFPAdSlot, { networkID: networkID, adUnit: adUnit, slotId: slotId, targeting: adTargeting, className: 'AD300x250', sizes: mobileView ? mobileSizes : browserSizes });
 };
 
 var AD300x250x600 = function AD300x250x600(_ref) {
@@ -2776,16 +2795,35 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       adUnit = _ref.adUnit,
       slotId = _ref.slotId,
       _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting;
-
-  return React__default.createElement(DFPAdSlot, {
-    networkID: networkID,
-    adUnit: adUnit,
-    className: 'AD300x250',
-    slotId: slotId,
-    targeting: targeting,
-    sizes: [[300, 250], [300, 600], [300, 100]]
-  });
+      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
+      pos = _ref.pos;
+
+  var _useState = useState(),
+      _useState2 = _slicedToArray(_useState, 2),
+      mobileView = _useState2[0],
+      setMobileView = _useState2[1];
+
+  var adt = _extends$2({}, targeting);
+
+  var _useState3 = useState(adt),
+      _useState4 = _slicedToArray(_useState3, 2),
+      adTargeting = _useState4[0],
+      setTargeting = _useState4[1];
+
+  useEffect(function () {
+    if (window && window.innerWidth && window.innerWidth < 768) {
+      setMobileView(true);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec2-mobile';
+    } else {
+      setMobileView(false);
+      adTargeting['pos'] = pos && pos.length ? pos : 'rec2';
+    }
+  }, [adTargeting, pos]);
+
+  var browserSizes = [[300, 250], [300, 600], [300, 100]];
+  var mobileSizes = [[300, 50][(50)], [300, 250], [300, 100]];
+
+  return React__default.createElement(DFPAdSlot, { networkID: networkID, adUnit: adUnit, className: 'AD300x250', slotId: slotId, targeting: adTargeting, sizes: mobileView ? mobileSizes : browserSizes });
 };
 
 var ADFooter = function ADFooter(_ref) {
@@ -2848,23 +2886,22 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
       adUnit = floatingAd.adUnit,
       _floatingAd$targeting = floatingAd.targeting,
       targeting = _floatingAd$targeting === undefined ? {} : _floatingAd$targeting,
-      position = floatingAd.position,
+      _floatingAd$position = floatingAd.position,
+      position = _floatingAd$position === undefined ? 'float' : _floatingAd$position,
       networkID = floatingAd.networkID,
       sizes = floatingAd.sizes;
 
-  var _useState = useState(false),
+  var adt = _extends$2({}, targeting, { pos: position });
+
+  var _useState = useState(adt),
       _useState2 = _slicedToArray(_useState, 2),
-      showAd = _useState2[0],
-      setShowAd = _useState2[1];
+      adTargeting = _useState2[0],
+      setTargeting = _useState2[1];
 
-  var adTargeting = void 0;
-  if (position && position.length > 0) {
-    adTargeting = {
-      content_placement: targeting.content_placement,
-      document_url: targeting.document_url,
-      pos: [position]
-    };
-  }
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showAd = _useState4[0],
+      setShowAd = _useState4[1];
 
   useEffect(function () {
     if (window && window.innerWidth >= minScreenWidth) {
@@ -2904,23 +2941,23 @@ var ADGutter = function ADGutter(_ref) {
       adUnit = gutterAd.adUnit,
       _gutterAd$targeting = gutterAd.targeting,
       targeting = _gutterAd$targeting === undefined ? {} : _gutterAd$targeting,
-      position = gutterAd.position,
+      _gutterAd$position = gutterAd.position,
+      position = _gutterAd$position === undefined ? 'wallpaper' : _gutterAd$position,
       networkID = gutterAd.networkID,
       sizes = gutterAd.sizes;
 
-  var _useState = useState(false),
+
+  var adt = _extends$2({}, targeting, { pos: position });
+
+  var _useState = useState(adt),
       _useState2 = _slicedToArray(_useState, 2),
-      showAd = _useState2[0],
-      setShowAd = _useState2[1];
+      adTargeting = _useState2[0],
+      setTargeting = _useState2[1];
 
-  var adTargeting = void 0;
-  if (position && position.length > 0) {
-    adTargeting = {
-      content_placement: targeting.content_placement,
-      document_url: targeting.document_url,
-      pos: [position]
-    };
-  }
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      showAd = _useState4[0],
+      setShowAd = _useState4[1];
 
   useEffect(function () {
     if (window && window.innerWidth >= minScreenWidth) {
@@ -2961,28 +2998,26 @@ var ADWelcome = function ADWelcome(_ref) {
       adUnit = welcomeAd.adUnit,
       _welcomeAd$targeting = welcomeAd.targeting,
       targeting = _welcomeAd$targeting === undefined ? {} : _welcomeAd$targeting,
-      position = welcomeAd.position,
+      _welcomeAd$position = welcomeAd.position,
+      position = _welcomeAd$position === undefined ? 'welcome' : _welcomeAd$position,
       networkID = welcomeAd.networkID,
       sizes = welcomeAd.sizes;
 
+  var adt = _extends$2({}, targeting, { pos: position });
 
-  var adTargeting = void 0;
-  if (position && position.length > 0) {
-    adTargeting = {
-      content_placement: targeting.content_placement,
-      document_url: targeting.document_url,
-      pos: [position]
-    };
-  }
+  var _useState = useState(adt),
+      _useState2 = _slicedToArray(_useState, 2),
+      adTargeting = _useState2[0],
+      setTargeting = _useState2[1];
 
   var calculateTimeLeft = function calculateTimeLeft(timeLeft) {
     return --timeLeft;
   };
 
-  var _useState = useState(calculateTimeLeft(counter)),
-      _useState2 = _slicedToArray(_useState, 2),
-      timeLeft = _useState2[0],
-      setTimeLeft = _useState2[1];
+  var _useState3 = useState(calculateTimeLeft(counter)),
+      _useState4 = _slicedToArray(_useState3, 2),
+      timeLeft = _useState4[0],
+      setTimeLeft = _useState4[1];
 
   useEffect(function () {
     if (timeLeft > 0) {

package/package.json

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