@mjhls/mjh-framework 1.0.451 → 1.0.452

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.451
+# mjh-framework v. 1.0.452
 
 > Foundation Framework 
 

package/dist/cjs/ADWebcast.js

@@ -0,0 +1,113 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-4d0352f8.js');
+require('./web.dom.iterable-43c3e277.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+require('./index-fa3cec70.js');
+require('prop-types');
+require('./isSymbol-488934a7.js');
+require('./debounce-32e57002.js');
+require('./main-88348b15.js');
+var slicedToArray = require('./slicedToArray-8063ee51.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-db08763c.js');
+require('./_set-species-4458e975.js');
+require('./promise-074978a7.js');
+require('./Beam.js');
+require('./Segment.js');
+var AdSlot = require('./AdSlot.js');
+
+//  Webcast AD : New AD with size [200,100] that is to be renderedin the LeftNav between the spotlight and subnavigation.
+var ADWebcast = function ADWebcast(_ref) {
+  var webcastAd = _ref.webcastAd,
+      _ref$minScreenWidth = _ref.minScreenWidth,
+      minScreenWidth = _ref$minScreenWidth === undefined ? 1200 : _ref$minScreenWidth;
+  var className = webcastAd.className,
+      _webcastAd$slotId = webcastAd.slotId,
+      slotId = _webcastAd$slotId === undefined ? 'webcast-ad' : _webcastAd$slotId,
+      adUnit = webcastAd.adUnit,
+      _webcastAd$targeting = webcastAd.targeting,
+      targeting = _webcastAd$targeting === undefined ? {} : _webcastAd$targeting,
+      _webcastAd$position = webcastAd.position,
+      position = _webcastAd$position === undefined ? '' : _webcastAd$position,
+      networkID = webcastAd.networkID,
+      _webcastAd$sizes = webcastAd.sizes,
+      sizes = _webcastAd$sizes === undefined ? [[200, 100]] : _webcastAd$sizes;
+
+  // AD targeting
+
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    document_url: targeting.document_url,
+    pos: position,
+    campaign_id: targeting.campaign_id,
+    issue_url: targeting.issue_url,
+    publication_url: targeting.publication_url
+  };
+
+  var _useState = React.useState(false),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      widthFlag = _useState2[0],
+      setWidthFlag = _useState2[1];
+
+  React.useEffect(function () {
+    if (window && window.innerWidth >= minScreenWidth) {
+      setWidthFlag(true);
+    }
+  }, [minScreenWidth]);
+
+  //  Collapsing webcast AD if no creative is found.
+  var collapseAd = function collapseAd() {
+    var parent = document.getElementById('webcast-ad-wrapper');
+    parent.style.height = '0%';
+    parent.style.width = '0%';
+    parent.style.display = 'none';
+  };
+
+  var checkIsAdFound = function checkIsAdFound(isFound) {
+    //  Check for creative ID.
+    if (isFound) {
+      var parent = document.getElementById('webcast-ad-wrapper');
+      parent.style.display = 'block';
+    } else {
+      collapseAd();
+    }
+  };
+  if (widthFlag) {
+    return React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        'div',
+        { id: 'webcast-ad-wrapper', className: 'webcast-ad-wrapper' },
+        React__default.createElement(
+          'div',
+          { className: 'webcast-ad' },
+          React__default.createElement(AdSlot, {
+            className: className,
+            slotId: slotId,
+            networkID: networkID,
+            sizes: sizes
+            // To show AD from screenwidth >= 1200
+            , sizeMapping: [{ viewport: [1200, 0], sizes: sizes }, { viewport: [0, 0], sizes: [0, 0] }],
+            adUnit: adUnit,
+            targeting: adTargeting,
+            refreshFlag: false,
+            checkIsAdFound: checkIsAdFound
+          })
+        )
+      )
+    );
+  } else return null;
+};
+
+module.exports = ADWebcast;

package/dist/cjs/Column3.js

@@ -35,6 +35,7 @@ var SideFooter = require('./SideFooter.js');
 var ConferenceBanner = require('./ConferenceBanner-4a16fddc.js');
 var ADSponsoredResources = require('./ADSponsoredResources.js');
 require('react-bootstrap/ListGroup');
+require('./ADWebcast.js');
 var LeftNav = require('./LeftNav.js');
 var PageFilter = require('./PageFilter.js');
 

package/dist/cjs/LeftNav.js

@@ -4,9 +4,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+require('./_commonjsHelpers-06173234.js');
+require('./_to-object-329a650b.js');
+require('./core.get-iterator-method-41e87ec1.js');
+require('./_library-dd23b178.js');
+require('./_iter-detect-4d0352f8.js');
+require('./web.dom.iterable-43c3e277.js');
 var React = require('react');
 var React__default = _interopDefault(React);
+require('./index-fa3cec70.js');
+require('prop-types');
+require('./isSymbol-488934a7.js');
+require('./debounce-32e57002.js');
+require('./main-88348b15.js');
+require('./slicedToArray-8063ee51.js');
+require('./stringify-7c5aff47.js');
+require('./asyncToGenerator-db08763c.js');
+require('./_set-species-4458e975.js');
+require('./promise-074978a7.js');
+require('./Beam.js');
+require('./Segment.js');
+require('./AdSlot.js');
 var ListGroup = _interopDefault(require('react-bootstrap/ListGroup'));
+var ADWebcast = require('./ADWebcast.js');
 
 var LeftNav = function LeftNav(props) {
   var leftItems = props.leftItems,
@@ -54,39 +74,50 @@ var LeftNav = function LeftNav(props) {
     'section',
     null,
     leftItems && leftItems.map(function (row, index) {
-      return React__default.createElement(
-        'nav',
-        { key: index, 'aria-label': 'Secondary' },
-        React__default.createElement(
+      //  Showing webcast AD between spotlight and sub navigation when "webcastAD" is passed from site within "leftItems"
+      //  Since Webcast Ad should be between spotlight and sub navigation it should be passed as the second element of leftItems array from site level.
+      //  Webcast AD should have atleast adUnit , networkID, and "_type" as "webcastAD"
+      if (row._type && row._type === 'webcastAD' && row.adUnit) {
+        return React__default.createElement(
           'div',
-          { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
+          { key: index },
+          React__default.createElement(ADWebcast, { webcastAd: row })
+        );
+      } else {
+        return React__default.createElement(
+          'nav',
+          { key: index, 'aria-label': 'Secondary' },
           React__default.createElement(
-            'span',
-            { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
-            row.name
-          ),
-          row.url && SeeAll && React__default.createElement(
-            'span',
-            { style: { marginLeft: 'auto', display: 'inline-block' } },
+            'div',
+            { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
             React__default.createElement(
-              'a',
-              { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
-              'See All >'
+              'span',
+              { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
+              row.name
+            ),
+            row.url && SeeAll && React__default.createElement(
+              'span',
+              { style: { marginLeft: 'auto', display: 'inline-block' } },
+              React__default.createElement(
+                'a',
+                { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
+                'See All >'
+              )
             )
+          ),
+          React__default.createElement(
+            'ul',
+            { style: sideNavStyles },
+            row.subQuery && row.subQuery.map(function (subRow, subIndex) {
+              return React__default.createElement(
+                ListGroup.Item,
+                { as: 'li', key: subIndex + '_2' },
+                renderListGroupItem(subRow)
+              );
+            })
           )
-        ),
-        React__default.createElement(
-          'ul',
-          { style: sideNavStyles },
-          row.subQuery && row.subQuery.map(function (subRow, subIndex) {
-            return React__default.createElement(
-              ListGroup.Item,
-              { as: 'li', key: subIndex + '_2' },
-              renderListGroupItem(subRow)
-            );
-          })
-        )
-      );
+        );
+      }
     })
   );
 };

package/dist/cjs/TemplateNormal.js

@@ -41,6 +41,7 @@ require('./ConferenceBanner-4a16fddc.js');
 var Column2 = require('./Column2.js');
 require('./ADSponsoredResources.js');
 require('react-bootstrap/ListGroup');
+require('./ADWebcast.js');
 require('./LeftNav.js');
 require('./PageFilter.js');
 var Column3 = require('./Column3.js');

package/dist/cjs/index.js

@@ -81,6 +81,7 @@ require('./ConferenceBanner-4a16fddc.js');
 var Column2 = require('./Column2.js');
 var ADSponsoredResources = require('./ADSponsoredResources.js');
 require('react-bootstrap/ListGroup');
+var ADWebcast = require('./ADWebcast.js');
 var LeftNav = require('./LeftNav.js');
 var PageFilter = require('./PageFilter.js');
 var Column3 = require('./Column3.js');
@@ -187,6 +188,7 @@ exports.Column1 = Column1.Column1;
 exports.SideFooter = SideFooter;
 exports.Column2 = Column2.Column2;
 exports.ADSponsoredResources = ADSponsoredResources;
+exports.ADWebcast = ADWebcast;
 exports.LeftNav = LeftNav.default;
 exports.PageFilter = PageFilter;
 exports.Column3 = Column3.Column3;

package/dist/esm/ADWebcast.js

@@ -0,0 +1,108 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './web.dom.iterable-46c95e52.js';
+import React__default, { useState, useEffect } from 'react';
+import './index-3f4dd6f2.js';
+import 'prop-types';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
+import './main-d7ee6151.js';
+import { _ as _slicedToArray } from './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.js';
+import DFPAdSlot from './AdSlot.js';
+
+//  Webcast AD : New AD with size [200,100] that is to be renderedin the LeftNav between the spotlight and subnavigation.
+var ADWebcast = function ADWebcast(_ref) {
+  var webcastAd = _ref.webcastAd,
+      _ref$minScreenWidth = _ref.minScreenWidth,
+      minScreenWidth = _ref$minScreenWidth === undefined ? 1200 : _ref$minScreenWidth;
+  var className = webcastAd.className,
+      _webcastAd$slotId = webcastAd.slotId,
+      slotId = _webcastAd$slotId === undefined ? 'webcast-ad' : _webcastAd$slotId,
+      adUnit = webcastAd.adUnit,
+      _webcastAd$targeting = webcastAd.targeting,
+      targeting = _webcastAd$targeting === undefined ? {} : _webcastAd$targeting,
+      _webcastAd$position = webcastAd.position,
+      position = _webcastAd$position === undefined ? '' : _webcastAd$position,
+      networkID = webcastAd.networkID,
+      _webcastAd$sizes = webcastAd.sizes,
+      sizes = _webcastAd$sizes === undefined ? [[200, 100]] : _webcastAd$sizes;
+
+  // AD targeting
+
+  var adTargeting = {
+    content_placement: targeting.content_placement,
+    tags: targeting.tags,
+    document_group: targeting.document_group,
+    document_url: targeting.document_url,
+    pos: position,
+    campaign_id: targeting.campaign_id,
+    issue_url: targeting.issue_url,
+    publication_url: targeting.publication_url
+  };
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      widthFlag = _useState2[0],
+      setWidthFlag = _useState2[1];
+
+  useEffect(function () {
+    if (window && window.innerWidth >= minScreenWidth) {
+      setWidthFlag(true);
+    }
+  }, [minScreenWidth]);
+
+  //  Collapsing webcast AD if no creative is found.
+  var collapseAd = function collapseAd() {
+    var parent = document.getElementById('webcast-ad-wrapper');
+    parent.style.height = '0%';
+    parent.style.width = '0%';
+    parent.style.display = 'none';
+  };
+
+  var checkIsAdFound = function checkIsAdFound(isFound) {
+    //  Check for creative ID.
+    if (isFound) {
+      var parent = document.getElementById('webcast-ad-wrapper');
+      parent.style.display = 'block';
+    } else {
+      collapseAd();
+    }
+  };
+  if (widthFlag) {
+    return React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        'div',
+        { id: 'webcast-ad-wrapper', className: 'webcast-ad-wrapper' },
+        React__default.createElement(
+          'div',
+          { className: 'webcast-ad' },
+          React__default.createElement(DFPAdSlot, {
+            className: className,
+            slotId: slotId,
+            networkID: networkID,
+            sizes: sizes
+            // To show AD from screenwidth >= 1200
+            , sizeMapping: [{ viewport: [1200, 0], sizes: sizes }, { viewport: [0, 0], sizes: [0, 0] }],
+            adUnit: adUnit,
+            targeting: adTargeting,
+            refreshFlag: false,
+            checkIsAdFound: checkIsAdFound
+          })
+        )
+      )
+    );
+  } else return null;
+};
+
+export default ADWebcast;

package/dist/esm/Column3.js

@@ -28,6 +28,7 @@ import SideFooter from './SideFooter.js';
 import { C as ConferenceBanner } from './ConferenceBanner-8792ebd2.js';
 import ADSponsoredResources from './ADSponsoredResources.js';
 import 'react-bootstrap/ListGroup';
+import './ADWebcast.js';
 import LeftNav from './LeftNav.js';
 import PageFilter from './PageFilter.js';
 

package/dist/esm/LeftNav.js

@@ -1,5 +1,25 @@
+import './_commonjsHelpers-0c4b6f40.js';
+import './_to-object-16fd8b46.js';
+import './core.get-iterator-method-f5c0d66a.js';
+import './_library-528f1934.js';
+import './_iter-detect-6e099a34.js';
+import './web.dom.iterable-46c95e52.js';
 import React__default from 'react';
+import './index-3f4dd6f2.js';
+import 'prop-types';
+import './isSymbol-c1b9be80.js';
+import './debounce-8cd9e09c.js';
+import './main-d7ee6151.js';
+import './slicedToArray-f1e40361.js';
+import './stringify-e30bc114.js';
+import './asyncToGenerator-204b5a5c.js';
+import './_set-species-6f64f1c1.js';
+import './promise-53143c9a.js';
+import './Beam.js';
+import './Segment.js';
+import './AdSlot.js';
 import ListGroup from 'react-bootstrap/ListGroup';
+import ADWebcast from './ADWebcast.js';
 
 var LeftNav = function LeftNav(props) {
   var leftItems = props.leftItems,
@@ -47,39 +67,50 @@ var LeftNav = function LeftNav(props) {
     'section',
     null,
     leftItems && leftItems.map(function (row, index) {
-      return React__default.createElement(
-        'nav',
-        { key: index, 'aria-label': 'Secondary' },
-        React__default.createElement(
+      //  Showing webcast AD between spotlight and sub navigation when "webcastAD" is passed from site within "leftItems"
+      //  Since Webcast Ad should be between spotlight and sub navigation it should be passed as the second element of leftItems array from site level.
+      //  Webcast AD should have atleast adUnit , networkID, and "_type" as "webcastAD"
+      if (row._type && row._type === 'webcastAD' && row.adUnit) {
+        return React__default.createElement(
           'div',
-          { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
+          { key: index },
+          React__default.createElement(ADWebcast, { webcastAd: row })
+        );
+      } else {
+        return React__default.createElement(
+          'nav',
+          { key: index, 'aria-label': 'Secondary' },
           React__default.createElement(
-            'span',
-            { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
-            row.name
-          ),
-          row.url && SeeAll && React__default.createElement(
-            'span',
-            { style: { marginLeft: 'auto', display: 'inline-block' } },
+            'div',
+            { style: { display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }, className: 'secondary-nav-title list-group-item active' },
             React__default.createElement(
-              'a',
-              { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
-              'See All >'
+              'span',
+              { className: 'mr-1', style: { display: 'inline-block', fontWeight: 'bold', fontSize: '1rem' } },
+              row.name
+            ),
+            row.url && SeeAll && React__default.createElement(
+              'span',
+              { style: { marginLeft: 'auto', display: 'inline-block' } },
+              React__default.createElement(
+                'a',
+                { style: { color: 'white', fontSize: '.6rem' }, href: row.url },
+                'See All >'
+              )
             )
+          ),
+          React__default.createElement(
+            'ul',
+            { style: sideNavStyles },
+            row.subQuery && row.subQuery.map(function (subRow, subIndex) {
+              return React__default.createElement(
+                ListGroup.Item,
+                { as: 'li', key: subIndex + '_2' },
+                renderListGroupItem(subRow)
+              );
+            })
           )
-        ),
-        React__default.createElement(
-          'ul',
-          { style: sideNavStyles },
-          row.subQuery && row.subQuery.map(function (subRow, subIndex) {
-            return React__default.createElement(
-              ListGroup.Item,
-              { as: 'li', key: subIndex + '_2' },
-              renderListGroupItem(subRow)
-            );
-          })
-        )
-      );
+        );
+      }
     })
   );
 };

package/dist/esm/TemplateNormal.js

@@ -35,6 +35,7 @@ import './ConferenceBanner-8792ebd2.js';
 import { Column2 } from './Column2.js';
 import './ADSponsoredResources.js';
 import 'react-bootstrap/ListGroup';
+import './ADWebcast.js';
 import './LeftNav.js';
 import './PageFilter.js';
 import { Column3 } from './Column3.js';

package/dist/esm/index.js

@@ -77,6 +77,7 @@ import './ConferenceBanner-8792ebd2.js';
 export { Column2 } from './Column2.js';
 export { default as ADSponsoredResources } from './ADSponsoredResources.js';
 import 'react-bootstrap/ListGroup';
+export { default as ADWebcast } from './ADWebcast.js';
 export { default as LeftNav } from './LeftNav.js';
 export { default as PageFilter } from './PageFilter.js';
 export { Column3 } from './Column3.js';

package/package.json

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