@mjhls/mjh-framework 1.0.1019 → 1.0.1021

package/README.md

@@ -1,168 +1,168 @@
-# mjh-framework v. 1.0.1019
-
-[![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-
-## Install
-
-```bash
-npm install --save @mjhls/mjh-framework
-```
-
-## Usage
-
-```jsx
-import React, { Component } from 'react'
-
-import { NavMagazine, DeckQueue } from 'mjh-framework'
-
-export default class App extends Component {
-  render() {
-    return (
-      <div>
-        <NavMagazine />
-        <DeckQueue />
-      </div>
-    )
-  }
-}
-```
-
-## Publish new updates to the npm registry
-
-```bash
-npm publish
-```
-
-## For getting updates in the template without publishing each time a change is made in the framework
-
-Link react and react-dom of the template repo, so that it can be used by the framework.
-This is to avoid the error arising due to multiple instances of React.
-
-```bash
-cd ../mjh-template/node_modules/react
-
-yarn link
-
-cd ../react-dom
-
-yarn link
-
-cd ../../../mjh-framework
-
-yarn link react && yarn link react-dom
-```
-
-Link the framework repo so that it can be used in the template
-
-```bash
-npm link
-
-cd ../mjh-template
-
-npm link @mjhls/mjh-framework
-```
-
-## Components and "props"
-
-### Deck Components
-
-- #### DeckContent
-
-  ##### Props
-
-  - mapping
-  - dataRecord
-  - query
-  - params
-  - pointer
-  - pointerArray
-  - defaultImage
-
-- #### DeckQueue
-  ##### Props
-  - page
-  - dataRecord
-  - query
-  - params
-  - pointer
-  - pointerArray
-
-### Layout Components
-
-- #### Column1
-- #### Column2
-  ##### Props
-  - rightItems
-- #### Column3
-  ##### Props
-  - leftItems
-  - rightItems
-  ##### Common Props (Column1, Column2, Column3)
-  - title
-  - children
-- #### Header
-  ##### Props
-  - title
-  - keyword
-  - description
-- #### LeftNav
-  ##### Props
-  - leftItems
-- #### AccordionPanel
-  ##### Props
-  - accordionClassName
-  - data
-
-### Navigation Components
-
-- #### NavMagazine
-  ##### Props
-  - logo
-  - dataObject
-- #### NavNative
-  ##### Props
-  - logo
-  - dataObject
-- #### NavNormal
-  ##### Props
-  - logo
-  - dataObject
-  - variant
-- #### NavDvm
-  ##### Props
-  - logo
-  - dataObject
-  - subNavHeads
-
-### Template Components
-
-- #### TemplateNormal
-  ##### Props
-  - config
-  - title
-  - keywords
-  - description
-  - website
-
-### Ad Components
-
-- #### AD300x250
-- #### AD300x250x600
-- #### AD728x90
-  ##### Common Props
-  - networkID
-  - adUnit
-
-### Serializers
-
-- #### getSerializers (function)
-  ##### arguments
-  - client
-  ##### types
-  - youtube
-  - figure
-  - slideshow
-
-## License
-
-MIT © [mjh-framework](https://github.com/mjh-framework)
+# mjh-framework v. 1.0.1020
+
+[![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install --save @mjhls/mjh-framework
+```
+
+## Usage
+
+```jsx
+import React, { Component } from 'react'
+
+import { NavMagazine, DeckQueue } from 'mjh-framework'
+
+export default class App extends Component {
+  render() {
+    return (
+      <div>
+        <NavMagazine />
+        <DeckQueue />
+      </div>
+    )
+  }
+}
+```
+
+## Publish new updates to the npm registry
+
+```bash
+npm publish
+```
+
+## For getting updates in the template without publishing each time a change is made in the framework
+
+Link react and react-dom of the template repo, so that it can be used by the framework.
+This is to avoid the error arising due to multiple instances of React.
+
+```bash
+cd ../mjh-template/node_modules/react
+
+yarn link
+
+cd ../react-dom
+
+yarn link
+
+cd ../../../mjh-framework
+
+yarn link react && yarn link react-dom
+```
+
+Link the framework repo so that it can be used in the template
+
+```bash
+npm link
+
+cd ../mjh-template
+
+npm link @mjhls/mjh-framework
+```
+
+## Components and "props"
+
+### Deck Components
+
+- #### DeckContent
+
+  ##### Props
+
+  - mapping
+  - dataRecord
+  - query
+  - params
+  - pointer
+  - pointerArray
+  - defaultImage
+
+- #### DeckQueue
+  ##### Props
+  - page
+  - dataRecord
+  - query
+  - params
+  - pointer
+  - pointerArray
+
+### Layout Components
+
+- #### Column1
+- #### Column2
+  ##### Props
+  - rightItems
+- #### Column3
+  ##### Props
+  - leftItems
+  - rightItems
+  ##### Common Props (Column1, Column2, Column3)
+  - title
+  - children
+- #### Header
+  ##### Props
+  - title
+  - keyword
+  - description
+- #### LeftNav
+  ##### Props
+  - leftItems
+- #### AccordionPanel
+  ##### Props
+  - accordionClassName
+  - data
+
+### Navigation Components
+
+- #### NavMagazine
+  ##### Props
+  - logo
+  - dataObject
+- #### NavNative
+  ##### Props
+  - logo
+  - dataObject
+- #### NavNormal
+  ##### Props
+  - logo
+  - dataObject
+  - variant
+- #### NavDvm
+  ##### Props
+  - logo
+  - dataObject
+  - subNavHeads
+
+### Template Components
+
+- #### TemplateNormal
+  ##### Props
+  - config
+  - title
+  - keywords
+  - description
+  - website
+
+### Ad Components
+
+- #### AD300x250
+- #### AD300x250x600
+- #### AD728x90
+  ##### Common Props
+  - networkID
+  - adUnit
+
+### Serializers
+
+- #### getSerializers (function)
+  ##### arguments
+  - client
+  ##### types
+  - youtube
+  - figure
+  - slideshow
+
+## License
+
+MIT © [mjh-framework](https://github.com/mjh-framework)

package/dist/cjs/AD300x250.js

@@ -3,7 +3,7 @@
 require('./stringify-f7a37a8d.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var main = require('./main-6054981e.js');
+var main = require('./main-47be4f9f.js');
 var AdSlot = require('./AdSlot.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/AD300x250x600.js

@@ -3,7 +3,7 @@
 require('./stringify-f7a37a8d.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var main = require('./main-6054981e.js');
+var main = require('./main-47be4f9f.js');
 var AdSlot = require('./AdSlot.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/AD728x90.js

@@ -3,7 +3,7 @@
 require('./stringify-f7a37a8d.js');
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
-var main = require('./main-6054981e.js');
+var main = require('./main-47be4f9f.js');
 var AdSlot = require('./AdSlot.js');
 require('./_commonjsHelpers-06173234.js');
 require('./core.get-iterator-method-5643aa10.js');

package/dist/cjs/ADFloatingFooter.js

@@ -3,6 +3,7 @@
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var AdSlot = require('./AdSlot.js');
+var main = require('./main-47be4f9f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -19,7 +20,6 @@ require('./asyncToGenerator-77821af0.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-b1df62f0.js');
 require('./Segment.js');
-require('./main-6054981e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -69,9 +69,17 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
       showAd = _useState6[0],
       setShowAd = _useState6[1];
 
+  var _useState7 = React.useState(refreshFlag),
+      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
+      adRefreshFlag = _useState8[0],
+      setAdRefreshFlag = _useState8[1];
+
   React.useEffect(function () {
     // Checking data in session storage to show AD
     if (ignoreSession || !sessionStorage.getItem('mjh-floating-footer-ad')) setShowAd(true);
+    if (main.main_22.toLowerCase().indexOf('adwallet') >= 0) {
+      setAdRefreshFlag(false);
+    }
   }, []);
 
   React.useEffect(function () {
@@ -120,7 +128,7 @@ var ADFloatingFooter = function ADFloatingFooter(_ref) {
         sizes: [[1025, 100]],
         adUnit: adUnit,
         targeting: adTargeting,
-        refreshFlag: refreshFlag
+        refreshFlag: adRefreshFlag
         /* Passing function to check for ad creative only if it is not in preview. */
         // checkIsAdFound={previewAd ? null : checkIsAdFound}
       }),

package/dist/cjs/ADGutter.js

@@ -3,6 +3,7 @@
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var AdSlot = require('./AdSlot.js');
+var main = require('./main-47be4f9f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -19,7 +20,6 @@ require('./asyncToGenerator-77821af0.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-b1df62f0.js');
 require('./Segment.js');
-require('./main-6054981e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -65,12 +65,20 @@ var ADGutter = function ADGutter(_ref) {
       _useState4[0];
       var setPreviewAd = _useState4[1];
 
+  var _useState5 = React.useState(refreshFlag),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      adRefreshFlag = _useState6[0],
+      setAdRefreshFlag = _useState6[1];
+
   React.useEffect(function () {
     var path = window && window.location && window.location.search;
     // Setting flag for Ad-preview URLs
     setPreviewAd(path.split('&').some(function (param) {
       return param.includes('creativeId');
     }));
+    if (main.main_22.toLowerCase().indexOf('adwallet') >= 0) {
+      setAdRefreshFlag(false);
+    }
   }, []);
 
   React.useEffect(function () {
@@ -97,7 +105,7 @@ var ADGutter = function ADGutter(_ref) {
             adUnit: adUnit,
             targeting: adTargeting
             /* Passing refresh flag */
-            , refreshFlag: refreshFlag
+            , refreshFlag: adRefreshFlag
             /* Passing function to check for ad creative only if it is not in preview. */
             // checkIsAdFound={previewAd ? null : checkIsAdFound}
           })

package/dist/cjs/{ADInfeed-ef933a08.js → ADInfeed-5dabd71d.js}

@@ -4,6 +4,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var Card = require('react-bootstrap/Card');
 var AdSlot = require('./AdSlot.js');
+var main = require('./main-47be4f9f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -28,12 +29,20 @@ var ADInfeed = function ADInfeed(_ref) {
       _useState2[0];
       var setPreviewAd = _useState2[1];
 
+  var _useState3 = React.useState(refreshFlag),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      adRefreshFlag = _useState4[0],
+      setAdRefreshFlag = _useState4[1];
+
   React.useEffect(function () {
     var path = window && window.location && window.location.search;
     // Setting flag for Ad-preview URLs
     setPreviewAd(path.split('&').some(function (param) {
       return param.includes('creativeId');
     }));
+    if (main.main_22.toLowerCase().indexOf('adwallet') >= 0) {
+      setAdRefreshFlag(false);
+    }
   }, []);
 
   return React__default["default"].createElement(
@@ -52,7 +61,7 @@ var ADInfeed = function ADInfeed(_ref) {
         /* Passing function to check for ad creative only if it is not in preview. */
         // checkIsAdFound={previewAd ? null : checkIsAdFound}
         /* Passing refresh flag */
-        , refreshFlag: refreshFlag
+        , refreshFlag: adRefreshFlag
       })
     ),
     React__default["default"].createElement(

package/dist/cjs/ADSkyscraper.js

@@ -3,6 +3,7 @@
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var AdSlot = require('./AdSlot.js');
+var main = require('./main-47be4f9f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -19,7 +20,6 @@ require('./asyncToGenerator-77821af0.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-b1df62f0.js');
 require('./Segment.js');
-require('./main-6054981e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -67,12 +67,20 @@ var ADSkyscraper = function ADSkyscraper(_ref) {
       _useState4[0];
       var setPreviewAd = _useState4[1];
 
+  var _useState5 = React.useState(refreshFlag),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      adRefreshFlag = _useState6[0],
+      setAdRefreshFlag = _useState6[1];
+
   React.useEffect(function () {
     var path = window && window.location && window.location.search;
     // Setting flag for Ad-preview URLs
     setPreviewAd(path.split('&').some(function (param) {
       return param.includes('creativeId');
     }));
+    if (main.main_22.toLowerCase().indexOf('adwallet') >= 0) {
+      setAdRefreshFlag(false);
+    }
   }, []);
 
   React.useEffect(function () {
@@ -99,7 +107,7 @@ var ADSkyscraper = function ADSkyscraper(_ref) {
             adUnit: adUnit,
             targeting: adTargeting
             /* Passing refresh flag */
-            , refreshFlag: refreshFlag
+            , refreshFlag: adRefreshFlag
             /* Passing function to check for ad creative only if it is not in preview. */
             // checkIsAdFound={previewAd ? null : checkIsAdFound}
           })

package/dist/cjs/ADSponsoredResources.js

@@ -3,6 +3,7 @@
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var AdSlot = require('./AdSlot.js');
+var main = require('./main-47be4f9f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -19,7 +20,6 @@ require('./asyncToGenerator-77821af0.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-b1df62f0.js');
 require('./Segment.js');
-require('./main-6054981e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -64,12 +64,20 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
       _useState4[0];
       var setPreviewAd = _useState4[1];
 
+  var _useState5 = React.useState(refreshFlag),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      adRefreshFlag = _useState6[0],
+      setAdRefreshFlag = _useState6[1];
+
   React.useEffect(function () {
     var path = window && window.location && window.location.search;
     // Setting flag for Ad-preview URLs
     setPreviewAd(path.split('&').some(function (param) {
       return param.includes('creativeId');
     }));
+    if (main.main_22.toLowerCase().indexOf('adwallet') >= 0) {
+      setAdRefreshFlag(false);
+    }
   }, []);
 
   React.useEffect(function () {
@@ -96,7 +104,7 @@ var ADSponsoredResources = function ADSponsoredResources(_ref) {
             adUnit: adUnit,
             targeting: adTargeting
             /* Passing refresh flag */
-            , refreshFlag: refreshFlag
+            , refreshFlag: adRefreshFlag
             /* Passing function to check for ad creative only if it is not in preview. */
             // checkIsAdFound={previewAd ? null : checkIsAdFound}
           })

package/dist/cjs/ADWebcast.js

@@ -3,6 +3,7 @@
 var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 var AdSlot = require('./AdSlot.js');
+var main = require('./main-47be4f9f.js');
 require('./_commonjsHelpers-06173234.js');
 require('./web.dom.iterable-d98303e0.js');
 require('./core.get-iterator-method-5643aa10.js');
@@ -19,7 +20,6 @@ require('./asyncToGenerator-77821af0.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-b1df62f0.js');
 require('./Segment.js');
-require('./main-6054981e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -67,12 +67,20 @@ var ADWebcast = function ADWebcast(_ref) {
       _useState4[0];
       var setPreviewAd = _useState4[1];
 
+  var _useState5 = React.useState(refreshFlag),
+      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+      adRefreshFlag = _useState6[0],
+      setAdRefreshFlag = _useState6[1];
+
   React.useEffect(function () {
     var path = window && window.location && window.location.search;
     // Setting flag for Ad-preview URLs
     setPreviewAd(path.split('&').some(function (param) {
       return param.includes('creativeId');
     }));
+    if (main.main_22.toLowerCase().indexOf('adwallet') >= 0) {
+      setAdRefreshFlag(false);
+    }
   }, []);
 
   React.useEffect(function () {
@@ -101,7 +109,7 @@ var ADWebcast = function ADWebcast(_ref) {
             adUnit: adUnit,
             targeting: adTargeting
             /* Passing refresh flag */
-            , refreshFlag: refreshFlag
+            , refreshFlag: adRefreshFlag
             /* Passing function to check for ad creative only if it is not in preview. */
             // checkIsAdFound={previewAd ? null : checkIsAdFound}
           })

package/dist/cjs/ADWelcome.js

@@ -19,7 +19,7 @@ require('./asyncToGenerator-77821af0.js');
 require('./_library-dd23b178.js');
 require('./_iter-detect-b1df62f0.js');
 require('./Segment.js');
-require('./main-6054981e.js');
+require('./main-47be4f9f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/cjs/{ADlgInfeed-0e931f24.js → ADlgInfeed-1766ce0a.js}

@@ -4,6 +4,7 @@ var slicedToArray = require('./slicedToArray-067dd3bc.js');
 var React = require('react');
 require('react-bootstrap/Card');
 var AdSlot = require('./AdSlot.js');
+var main = require('./main-47be4f9f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,12 +27,20 @@ var ADlgInfeed = function ADlgInfeed(props) {
       _useState2[0];
       var setPreviewAd = _useState2[1];
 
+  var _useState3 = React.useState(refreshFlag),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      adRefreshFlag = _useState4[0],
+      setAdRefreshFlag = _useState4[1];
+
   React.useEffect(function () {
     var path = window && window.location && window.location.search;
     // Setting flag for Ad-preview URLs
     setPreviewAd(path.split('&').some(function (param) {
       return param.includes('creativeId');
     }));
+    if (main.main_22.toLowerCase().indexOf('adwallet') >= 0) {
+      setAdRefreshFlag(false);
+    }
   }, []);
 
   return React__default["default"].createElement(
@@ -47,7 +56,7 @@ var ADlgInfeed = function ADlgInfeed(props) {
       /* Passing function to check for ad creative only if it is not in preview. */
       // checkIsAdFound={previewAd ? null : checkIsAdFound}
       /* Passing refresh flag */
-      , refreshFlag: refreshFlag
+      , refreshFlag: adRefreshFlag
     }),
     React__default["default"].createElement(
       'style',