@mjhls/mjh-framework 1.0.729 → 1.0.730-isiscroll-b

package/dist/esm/TemplateNormal.js

@@ -22,7 +22,7 @@ import './AdSlot.js';
 import './extends-31d65aba.js';
 import './_object-pie-33c40e79.js';
 import 'prop-types';
-import './index-888f9253.js';
+import './index-669ff425.js';
 import './debounce-1a993acf.js';
 import './isSymbol-807e927e.js';
 import './Beam.js';

package/dist/esm/VideoProgramLandingPage.js

@@ -5,7 +5,7 @@ import { B as BlockContent } from './BlockContent-d8cd739c.js';
 import Col from 'react-bootstrap/Col';
 import Form from 'react-bootstrap/Form';
 import Button from 'react-bootstrap/Button';
-import { g as getSerializers } from './index-d6ad9248.js';
+import { g as getSerializers } from './index-6eef5e56.js';
 import VideoSeriesListing from './VideoSeriesListing.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './es6.string.iterator-aa6068a3.js';
@@ -20,7 +20,7 @@ import 'prop-types';
 import './index-3f5c03b2.js';
 import './slicedToArray-cdeaee08.js';
 import 'react-bootstrap';
-import './index-888f9253.js';
+import './index-669ff425.js';
 import 'next/router';
 import './index-c7e2ac95.js';
 import './util-3ab476bf.js';

package/dist/esm/VideoSeriesCard.js

@@ -14,7 +14,7 @@ import './_object-pie-33c40e79.js';
 import './_library-528f1934.js';
 import 'react-dom';
 
-var css = ".VideoSeriesCard-module_article__Hlc3e {\r\n  width: 100%;\r\n  margin: 0 0 1rem 0;\r\n}\r\n.VideoSeriesCard-module_article__Hlc3e a {\r\n  display: flex;\r\n  width: 100%;\r\n  color: #000000;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ {\r\n  width: 25%;\r\n}\r\n.VideoSeriesCard-module_thumb__3hGyJ img {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N {\r\n  width: 75%;\r\n  font-size: 1rem;\r\n}\r\n.VideoSeriesCard-module_info__2_i1N h2 {\r\n  font-weight: bold;\r\n  font-size: 1.25rem;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_published__1fI0q {\r\n  color: #6d6d6d;\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_summary__3hWJT {\r\n  margin: 0.5rem 0 0 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o {\r\n  margin: 0;\r\n}\r\n.VideoSeriesCard-module_author__aU35o span {\r\n  color: #6d6d6d;\r\n}\r\n@media only screen and (max-width: 568px) {\r\n  .VideoSeriesCard-module_article__Hlc3e {\r\n    margin: 1rem 0;\r\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\r\n  }\r\n  .VideoSeriesCard-module_article__Hlc3e a {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 1rem;\r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ img{\r\n    border-radius: 10px 10px 0 0;    \r\n  }\r\n  .VideoSeriesCard-module_thumb__3hGyJ figure {\r\n    margin: 0;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N {\r\n    width: 90%;\r\n    padding: 1rem !important;\r\n  }\r\n  .VideoSeriesCard-module_info__2_i1N h2 {\r\n    font-size: 1rem;\r\n  }\r\n}\r\n";
+var css = ".VideoSeriesCard-module_article__Hlc3e {\n  width: 100%;\n  margin: 0 0 1rem 0;\n}\n.VideoSeriesCard-module_article__Hlc3e a {\n  display: flex;\n  width: 100%;\n  color: #000000;\n}\n.VideoSeriesCard-module_thumb__3hGyJ {\n  width: 25%;\n}\n.VideoSeriesCard-module_thumb__3hGyJ img {\n  width: 100%;\n  height: auto;\n}\n.VideoSeriesCard-module_info__2_i1N {\n  width: 75%;\n  font-size: 1rem;\n}\n.VideoSeriesCard-module_info__2_i1N h2 {\n  font-weight: bold;\n  font-size: 1.25rem;\n  margin: 0;\n}\n.VideoSeriesCard-module_published__1fI0q {\n  color: #6d6d6d;\n  margin: 0;\n}\n.VideoSeriesCard-module_summary__3hWJT {\n  margin: 0.5rem 0 0 0;\n}\n.VideoSeriesCard-module_author__aU35o {\n  margin: 0;\n}\n.VideoSeriesCard-module_author__aU35o span {\n  color: #6d6d6d;\n}\n@media only screen and (max-width: 568px) {\n  .VideoSeriesCard-module_article__Hlc3e {\n    margin: 1rem 0;\n    box-shadow: 2px 4px 8px rgba(0,0,0,.2);\n  }\n  .VideoSeriesCard-module_article__Hlc3e a {\n    flex-direction: column;\n    align-items: center;\n  }\n  .VideoSeriesCard-module_thumb__3hGyJ {\n    overflow: hidden;\n    width: 100%;\n    margin-bottom: 1rem;\n  }\n  .VideoSeriesCard-module_thumb__3hGyJ img{\n    border-radius: 10px 10px 0 0;    \n  }\n  .VideoSeriesCard-module_thumb__3hGyJ figure {\n    margin: 0;\n  }\n  .VideoSeriesCard-module_info__2_i1N {\n    width: 90%;\n    padding: 1rem !important;\n  }\n  .VideoSeriesCard-module_info__2_i1N h2 {\n    font-size: 1rem;\n  }\n}\n";
 var styles = { "article": "VideoSeriesCard-module_article__Hlc3e", "thumb": "VideoSeriesCard-module_thumb__3hGyJ", "info": "VideoSeriesCard-module_info__2_i1N", "published": "VideoSeriesCard-module_published__1fI0q", "summary": "VideoSeriesCard-module_summary__3hWJT", "author": "VideoSeriesCard-module_author__aU35o" };
 styleInject(css);
 

package/dist/esm/VideoSeriesLandingPage.js

@@ -23,7 +23,7 @@ import './extends-31d65aba.js';
 import './inherits-5906fbea.js';
 import './_object-sap-fd3054d0.js';
 import './define-property-ec6d528d.js';
-import './index-888f9253.js';
+import './index-669ff425.js';
 import 'prop-types';
 import 'react-bootstrap/Container';
 import 'react-bootstrap/Row';
@@ -37,13 +37,13 @@ import './index.es-c6222053.js';
 import './visibility-sensor-082c757b.js';
 import 'react-dom';
 import './index-3f5c03b2.js';
-import './ADlgInfeed-8d63ff91.js';
+import './ADlgInfeed-a01132a5.js';
 import './AdSlot.js';
 import './Beam.js';
 import './stringify-d4839bab.js';
 import './Segment.js';
 import './main-1450d277.js';
-import './ADInfeed-3a9eef39.js';
+import './ADInfeed-4fe6b23b.js';
 import './index-752d1dae.js';
 import './style-inject.es-1f59c1d0.js';
 

package/dist/esm/VideoSeriesListing.js

@@ -1,7 +1,7 @@
 import { _ as _extends } from './extends-31d65aba.js';
 import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-5906fbea.js';
 import React from 'react';
-import { l as lib_3 } from './index-888f9253.js';
+import { l as lib_3 } from './index-669ff425.js';
 import Container from 'react-bootstrap/Container';
 import { V as VisibilitySensor } from './visibility-sensor-082c757b.js';
 import { I as IoIosArrowForward } from './index.esm-3fdda599.js';

package/dist/esm/View.js

@@ -13,10 +13,10 @@ import 'react-bootstrap/Dropdown';
 import Form from 'react-bootstrap/Form';
 import FormControl from 'react-bootstrap/FormControl';
 import Button from 'react-bootstrap/Button';
-import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-d6ad9248.js';
+import { I as InscreenSensor, r as renderAuthor, g as getSerializers } from './index-6eef5e56.js';
 import SocialShare from './SocialShare.js';
 import DFPAdSlot from './AdSlot.js';
-import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-2d402d66.js';
+import { g as getTargeting, a as getContentPlacementUrl } from './getTargeting-85315091.js';
 import getKeywords from './getKeywords.js';
 import urlFor from './urlFor.js';
 import { _ as _typeof } from './typeof-e9cea9e8.js';
@@ -25,7 +25,7 @@ import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 import './index-752d1dae.js';
 import { _ as _Object$keys } from './keys-a0b0c7a4.js';
 import { I as InfiniteScroll } from './index.es-c6222053.js';
-import { l as lib_3 } from './index-888f9253.js';
+import { l as lib_3 } from './index-669ff425.js';
 import getRelatedArticle from './getRelatedArticle.js';
 import getQuery from './getQuery.js';
 import getSeriesDetail from './getSeriesDetail.js';
@@ -196,7 +196,13 @@ var ISI = function ISI(props) {
       active = _useState2[0],
       setActive = _useState2[1];
 
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      bottomOfArticle = _useState4[0],
+      setbottomOfArticle = _useState4[1];
+
   var isi = useRef();
+
   useEffect(function () {
     if (active) {
       var offset = '5rem';
@@ -211,6 +217,71 @@ var ISI = function ISI(props) {
       isi.current.style.overflowY = '';
     }
   }, [active]);
+  useEffect(function () {
+
+    var detectBottomOfArticle = function detectBottomOfArticle() {
+      var article_body = document.getElementById('article__block');
+      var articleBottomPosition = article_body.getBoundingClientRect().bottom - window.innerHeight;
+      console.log(articleBottomPosition, bottomOfArticle);
+      if (articleBottomPosition < 15) {
+        setbottomOfArticle(true);
+      }
+      if (articleBottomPosition > 60) {
+        setbottomOfArticle(false);
+      }
+    };
+    window.addEventListener('scroll', detectBottomOfArticle);
+    return function () {
+      return window.removeEventListener('scroll', detectBottomOfArticle);
+    };
+  }, []);
+
+  useEffect(function () {
+    var isi = document.getElementById('isi');
+    if (bottomOfArticle === true && !isi.classList.contains('in-view')) {
+      toggleSticky(true);
+      isi.classList.add('in-view');
+      if (active) {
+        setActive(false);
+      }
+    }
+    if (bottomOfArticle === false && isi.classList.contains('in-view')) {
+      toggleSticky(false);
+      isi.classList.remove('in-view');
+    }
+  }, [bottomOfArticle]);
+
+  var toggleSticky = function toggleSticky(sticky) {
+    var isiToggle = document.getElementById('isiToggle');
+    var isiContent = document.getElementById('isiContent');
+    var isi = document.getElementById('isi');
+    if (sticky) {
+      isi.style.bottom = '-200px';
+      setTimeout(function () {
+        isi.style.maxHeight = 'unset';
+        isi.style.position = 'relative';
+        isi.style.boxShadow = 'none';
+        isi.style.zIndex = '1';
+        isi.style.marginTop = '-25rem';
+        isi.style.marginBottom = '15rem';
+        isiToggle.style.display = 'none';
+        isiContent.style.padding = '0';
+      }, 300);
+    }if (!sticky) {
+      isi.style.marginBottom = '0';
+      isi.style.maxHeight = '10rem';
+      isi.style.position = 'fixed';
+      isi.style.boxShadow = '0 0 1rem 0 rgba(0, 0, 0, 0.5)';
+      isi.style.zIndex = '99999';
+
+      isiToggle.style.display = 'block';
+      isiContent.style.padding = '1rem';
+      setTimeout(function () {
+        isi.style.bottom = '0';
+        isi.style.marginTop = '0';
+      }, 300);
+    }
+  };
   return React.createElement(
     React.Fragment,
     null,
@@ -245,12 +316,12 @@ var ISI = function ISI(props) {
     React.createElement(
       'style',
       { jsx: true },
-      '\n        #isi {\n          position: fixed;\n          z-index: 99999;\n          bottom: 0;\n          left: 0;\n          max-height: 10rem;\n          background-color: #ffffff;\n          overflow-x: hidden;\n          overflow-y: hidden;\n          transition: max-height 0.2s;\n          width: 100%;\n          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n        }\n        #isiContent {\n          width: 100%;\n          max-width: 1000px;\n          margin-left: auto;\n          margin-right: auto;\n          position: relative;\n          padding: 1rem;\n          font-size: 1rem;\n        }\n        #isi::-webkit-scrollbar {\n          display: none;\n        }\n        #isiToggle {\n          position: absolute;\n          top: 0;\n          right: 0;\n          padding: 1rem;\n          font-weight: bold;\n          cursor: pointer;\n          font-size: 1rem;\n        }\n        #isiToggle p {\n          margin: 0;\n        }\n      '
+      '\n        #isi {\n          position: fixed;\n          z-index: 9999999;\n          bottom: 0;\n          left: 0;\n          max-height: 10rem;\n          background-color: #ffffff;\n          overflow-x: hidden;\n          overflow-y: hidden;\n          transition: max-height 0.2s;\n          width: 100%;\n          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.5);\n          transition: bottom .5s , margin-top .3s, max-height .2s;\n        }\n        #isiContent {\n          width: 100%;\n          max-width: 1000px;\n          margin-left: auto;\n          margin-right: auto;\n          position: relative;\n          padding: 1rem;\n          font-size: 1rem;\n        }\n        #isi::-webkit-scrollbar {\n          display: none;\n        }\n        #isiToggle {\n          position: absolute;\n          top: 0;\n          right: 0;\n          padding: 1rem;\n          font-weight: bold;\n          cursor: pointer;\n          font-size: 1rem;\n        }\n        #isiToggle p {\n          margin: 0;\n        }\n      '
     )
   );
 };
 
-var css = ".RelatedArticles-module_mediaContainer__10h9k {\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: nowrap;\r\n  margin: 0 -1rem;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn {\r\n  margin: 0 1rem 1rem;\r\n  width: calc(33% - 1rem);\r\n  display: column;\r\n  flex-direction: row;\r\n  margin-bottom: 0.75rem;\r\n  padding-bottom: 0.75rem;\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\r\n  border-bottom: none;\r\n}\r\n.RelatedArticles-module_cardTitle__3P-Ib {\r\n  font-weight: bold;\r\n  color: #252525;\r\n  margin-bottom: 0.25rem;\r\n  font-size: 15px;\r\n}\r\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\r\n  color: #000;\r\n  font-weight: bold;\r\n}\r\n.RelatedArticles-module_cardDate__1wOR5 {\r\n  color: var(--dark);\r\n  display: block;\r\n  background: #fff !important;\r\n  margin-bottom: 0;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 {\r\n  display: block;\r\n  text-align: center;\r\n  margin-bottom: 0.5rem;\r\n}\r\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\r\n  height: 135px;\r\n  width: 100%;\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n@media screen and (max-width: 1064px) {\r\n}\r\n@media screen and (max-width: 968px) {\r\n  .RelatedArticles-module_mediaContainer__10h9k {\r\n    flex-wrap: wrap;\r\n  }\r\n  .RelatedArticles-module_imgWrapper__5Jx_4 {\r\n    display: none;\r\n  }\r\n  .RelatedArticles-module_mediaCard__3wQbn {\r\n    width: 100%;\r\n    margin-bottom: 0.5rem;\r\n    padding: 0;\r\n  }\r\n  .RelatedArticles-module_cardTitle__3P-Ib {\r\n    font-size: 0.75rem;\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n";
+var css = ".RelatedArticles-module_mediaContainer__10h9k {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  margin: 0 -1rem;\n}\n.RelatedArticles-module_mediaCard__3wQbn {\n  margin: 0 1rem 1rem;\n  width: calc(33% - 1rem);\n  display: column;\n  flex-direction: row;\n  margin-bottom: 0.75rem;\n  padding-bottom: 0.75rem;\n  border-bottom: none;\n}\n.RelatedArticles-module_mediaCard__3wQbn:last-child {\n  border-bottom: none;\n}\n.RelatedArticles-module_cardTitle__3P-Ib {\n  font-weight: bold;\n  color: #252525;\n  margin-bottom: 0.25rem;\n  font-size: 15px;\n}\n.RelatedArticles-module_authorListing__1EFg4 span.RelatedArticles-module_text-muted__3b0zX {\n  color: #000;\n  font-weight: bold;\n}\n.RelatedArticles-module_cardDate__1wOR5 {\n  color: var(--dark);\n  display: block;\n  background: #fff !important;\n  margin-bottom: 0;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 {\n  display: block;\n  text-align: center;\n  margin-bottom: 0.5rem;\n}\n.RelatedArticles-module_imgWrapper__5Jx_4 img {\n  height: 135px;\n  width: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n@media screen and (max-width: 1064px) {\n}\n@media screen and (max-width: 968px) {\n  .RelatedArticles-module_mediaContainer__10h9k {\n    flex-wrap: wrap;\n  }\n  .RelatedArticles-module_imgWrapper__5Jx_4 {\n    display: none;\n  }\n  .RelatedArticles-module_mediaCard__3wQbn {\n    width: 100%;\n    margin-bottom: 0.5rem;\n    padding: 0;\n  }\n  .RelatedArticles-module_cardTitle__3P-Ib {\n    font-size: 0.75rem;\n    margin-bottom: 0;\n  }\n}\n";
 var styles = { "mediaContainer": "RelatedArticles-module_mediaContainer__10h9k", "mediaCard": "RelatedArticles-module_mediaCard__3wQbn", "cardTitle": "RelatedArticles-module_cardTitle__3P-Ib", "authorListing": "RelatedArticles-module_authorListing__1EFg4", "text-muted": "RelatedArticles-module_text-muted__3b0zX", "cardDate": "RelatedArticles-module_cardDate__1wOR5", "imgWrapper": "RelatedArticles-module_imgWrapper__5Jx_4" };
 styleInject(css);
 
@@ -805,7 +876,7 @@ var Article = function Article(props) {
           } },
         React.createElement(
           'div',
-          null,
+          { id: 'article__block' },
           React.createElement(
             'div',
             { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) || showIsi && Array.isArray(isi) && isi.length > 0 ? '15rem' : 0 } },

package/dist/esm/YoutubeGroup.js

@@ -17,10 +17,10 @@ import './core.get-iterator-method-d1d5ed02.js';
 import 'react-dom';
 import 'prop-types';
 
-/*
-GROQ query -
-    accepts an array of title, URL
-`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
+/*
+GROQ query -
+    accepts an array of title, URL
+`https://img.youtube.com/vi/${getYouTubeId(vid.url)}/hqdefault.jpg`
 */
 
 var YoutubeGroup = function YoutubeGroup(props) {

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-d6ad9248.js';
+export { g as default } from './index-6eef5e56.js';
 import './BlockContent-d8cd739c.js';
 import './entities-932b50cf.js';
 import './slicedToArray-cdeaee08.js';
@@ -10,7 +10,7 @@ import './_to-object-97770c52.js';
 import './core.get-iterator-method-d1d5ed02.js';
 import 'react-bootstrap';
 import './index-3f5c03b2.js';
-import './index-888f9253.js';
+import './index-669ff425.js';
 import 'prop-types';
 import 'next/router';
 import './index-c7e2ac95.js';

package/dist/esm/{getTargeting-2d402d66.js → getTargeting-85315091.js}

@@ -2,18 +2,18 @@ import { _ as _extends } from './extends-31d65aba.js';
 import { _ as _toConsumableArray } from './toConsumableArray-fa2dcda7.js';
 
 var getContentPlacementUrl = function getContentPlacementUrl(cp) {
-    var cp_url = '';
-    if (cp.ancestor && typeof cp.ancestor == 'string') {
-        cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
-    }
+  var cp_url = '';
+  if (cp.ancestor && typeof cp.ancestor == 'string') {
+    cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
+  }
 
-    if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
-        cp_url += (cp_url === '' ? '' : '/') + cp.parent;
-    }
+  if (!cp.ancestor && cp.parent && typeof cp.parent == 'string') {
+    cp_url += (cp_url === '' ? '' : '/') + cp.parent;
+  }
 
-    cp_url += (cp_url === '' ? '' : '/') + cp.path;
+  cp_url += (cp_url === '' ? '' : '/') + cp.path;
 
-    return cp_url;
+  return cp_url;
 };
 
 var getTargeting = function getTargeting(props) {

package/dist/esm/getTargeting.js

@@ -1,6 +1,6 @@
 import './extends-31d65aba.js';
 import './toConsumableArray-fa2dcda7.js';
-export { g as default } from './getTargeting-2d402d66.js';
+export { g as default } from './getTargeting-85315091.js';
 import './_commonjsHelpers-0c4b6f40.js';
 import './_to-object-97770c52.js';
 import './_object-pie-33c40e79.js';

package/dist/esm/{index-888f9253.js → index-669ff425.js}

@@ -530,7 +530,6 @@ var disableInitialLoadEnabled = false;
 var lazyLoadEnabled = false;
 var lazyLoadConfig = null;
 var servePersonalizedAds = true;
-var serveCookies = true;
 var registeredSlots = {};
 var managerAlreadyInitialized = false;
 var globalTargetingArguments = {};
@@ -572,15 +571,9 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
   configurePersonalizedAds: function configurePersonalizedAds(value) {
     servePersonalizedAds = value;
   },
-  configureCookieOption: function configureCookieOption(value) {
-    serveCookies = value;
-  },
   personalizedAdsEnabled: function personalizedAdsEnabled() {
     return servePersonalizedAds;
   },
-  cookiesEnabled: function cookiesEnabled() {
-    return serveCookies;
-  },
   setAdSenseAttribute: function setAdSenseAttribute(key, value) {
     this.setAdSenseAttributes(_defineProperty({}, key, value));
   },
@@ -671,7 +664,6 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
             });
           });
           pubadsService.setRequestNonPersonalizedAds(_this.personalizedAdsEnabled() ? 0 : 1);
-          pubadsService.setCookieOptions(_this.cookiesEnabled() ? 0 : 1);
         });
       });
     }
@@ -783,9 +775,13 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
 
         googletag.cmd.push(function () {
           googletag.enableServices();
-          slotsToInitialize.forEach(function (theSlotId) {
-            googletag.display(theSlotId);
-          });
+
+          if (!_this3.disableInitialLoadIsEnabled()) {
+            slotsToInitialize.forEach(function (theSlotId) {
+              googletag.display(theSlotId);
+            });
+          }
+
           resolve();
         });
       });
@@ -808,7 +804,6 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
     googletag.cmd.push(function () {
       var pubadsService = googletag.pubads();
       pubadsService.setRequestNonPersonalizedAds(_this5.personalizedAdsEnabled() ? 0 : 1);
-      pubadsService.setCookieOptions(_this5.cookiesEnabled() ? 0 : 1);
 
       var targetingArguments = _this5.getTargetingArguments(); // set global targetting arguments
 
@@ -875,25 +870,17 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
     }, slots);
   },
   refresh: function refresh() {
-    var _this6 = this;
-
-    for (var _len4 = arguments.length, slots = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      slots[_key4] = arguments[_key4];
-    }
-
     if (loadPromise === null) {
       this.load();
     } else {
-      loadPromise.then(function () {
-        _this6.gptRefreshAds(Object.keys(_this6.getRefreshableSlots.apply(_this6, slots)));
-      });
+      this.gptRefreshAds(Object.keys(this.getRefreshableSlots.apply(this, arguments)));
     }
   },
   gptRefreshAds: function gptRefreshAds(slots) {
-    var _this7 = this;
+    var _this6 = this;
 
     return this.getGoogletag().then(function (googletag) {
-      _this7.configureOptions(googletag);
+      _this6.configureOptions(googletag);
 
       googletag.cmd.push(function () {
         var pubadsService = googletag.pubads();
@@ -904,17 +891,17 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
     });
   },
   reload: function reload() {
-    var _this8 = this;
+    var _this7 = this;
 
     return this.destroyGPTSlots.apply(this, arguments).then(function () {
-      return _this8.load();
+      return _this7.load();
     });
   },
   destroyGPTSlots: function destroyGPTSlots() {
-    var _this9 = this;
+    var _this8 = this;
 
-    for (var _len5 = arguments.length, slotsToDestroy = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-      slotsToDestroy[_key5] = arguments[_key5];
+    for (var _len4 = arguments.length, slotsToDestroy = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      slotsToDestroy[_key4] = arguments[_key4];
     }
 
     if (slotsToDestroy.length === 0) {
@@ -931,7 +918,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
         slots.push(slot);
       }
 
-      _this9.getGoogletag().then(function (googletag) {
+      _this8.getGoogletag().then(function (googletag) {
         googletag.cmd.push(function () {
           if (managerAlreadyInitialized === true) {
             if (slotsToDestroy.length > 0) {
@@ -954,7 +941,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
     });
   },
   registerSlot: function registerSlot(_ref) {
-    var _this10 = this;
+    var _this9 = this;
 
     var slotId = _ref.slotId,
         dfpNetworkId = _ref.dfpNetworkId,
@@ -993,7 +980,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
                 gptSlot = slot.gptSlot;
 
             if (loading === false && !gptSlot) {
-              _this10.load(slotId);
+              _this9.load(slotId);
             }
           }
         });
@@ -1183,8 +1170,6 @@ function (_React$Component) {
     value: function applyConfigs() {
       _manager.default.configurePersonalizedAds(this.props.personalizedAds);
 
-      _manager.default.configureCookieOption(this.props.cookieOption);
-
       _manager.default.configureSingleRequest(this.props.singleRequest);
 
       _manager.default.configureDisableInitialLoad(this.props.disableInitialLoad);
@@ -1281,7 +1266,6 @@ _defineProperty(DFPSlotsProvider, "propTypes", {
   autoReload: _propTypes.default.shape({
     dfpNetworkId: _propTypes.default.bool,
     personalizedAds: _propTypes.default.bool,
-    cookieOption: _propTypes.default.bool,
     singleRequest: _propTypes.default.bool,
     disableInitialLoad: _propTypes.default.bool,
     adUnit: _propTypes.default.bool,
@@ -1293,7 +1277,6 @@ _defineProperty(DFPSlotsProvider, "propTypes", {
   }),
   dfpNetworkId: _propTypes.default.string.isRequired,
   personalizedAds: _propTypes.default.bool,
-  cookieOption: _propTypes.default.bool,
   singleRequest: _propTypes.default.bool,
   disableInitialLoad: _propTypes.default.bool,
   adUnit: _propTypes.default.string,
@@ -1314,7 +1297,6 @@ _defineProperty(DFPSlotsProvider, "defaultProps", {
   autoReload: {
     dfpNetworkId: false,
     personalizedAds: false,
-    cookieOption: false,
     singleRequest: false,
     disableInitialLoad: false,
     adUnit: false,
@@ -1325,7 +1307,6 @@ _defineProperty(DFPSlotsProvider, "defaultProps", {
     lazyLoad: false
   },
   personalizedAds: true,
-  cookieOption: true,
   singleRequest: true,
   disableInitialLoad: false,
   collapseEmptyDivs: null,

package/dist/esm/{index-d6ad9248.js → index-6eef5e56.js}

@@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef, useLayoutEffect, useCallback } from
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-cdeaee08.js';
 import { Carousel, Table, Figure as Figure$1, Button, ProgressBar, Card, Row as Row$1, Col as Col$1 } from 'react-bootstrap';
 import { i as imageUrlBuilder } from './index-3f5c03b2.js';
-import { l as lib_3 } from './index-888f9253.js';
+import { l as lib_3 } from './index-669ff425.js';
 import Router, { useRouter } from 'next/router';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
 import PropTypes from 'prop-types';