@mjhls/mjh-framework 1.0.729 → 1.0.730-isiscroll

package/dist/cjs/VideoProgramLandingPage.js

@@ -7,7 +7,7 @@ var BlockContent = require('./BlockContent-eca358e4.js');
 var Col = require('react-bootstrap/Col');
 var Form = require('react-bootstrap/Form');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-5260126b.js');
+var getSerializers = require('./index-58d40052.js');
 var VideoSeriesListing = require('./VideoSeriesListing.js');
 require('./_commonjsHelpers-06173234.js');
 require('./es6.string.iterator-20d42c53.js');
@@ -22,7 +22,7 @@ require('prop-types');
 require('./index-d48b231c.js');
 require('./slicedToArray-db24842a.js');
 require('react-bootstrap');
-require('./index-0e4427c8.js');
+require('./index-5ad2b070.js');
 require('next/router');
 require('./index-187c967e.js');
 require('./util-6f784d85.js');

package/dist/cjs/VideoSeriesCard.js

@@ -20,7 +20,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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_es.styleInject(css);
 

package/dist/cjs/VideoSeriesLandingPage.js

@@ -25,7 +25,7 @@ require('./extends-1e24fc8d.js');
 require('./inherits-2eb23889.js');
 require('./_object-sap-c5bd707d.js');
 require('./define-property-aff11f8a.js');
-require('./index-0e4427c8.js');
+require('./index-5ad2b070.js');
 require('prop-types');
 require('react-bootstrap/Container');
 require('react-bootstrap/Row');
@@ -39,13 +39,13 @@ require('./index.es-f3e47207.js');
 require('./visibility-sensor-8b54af99.js');
 require('react-dom');
 require('./index-d48b231c.js');
-require('./ADlgInfeed-a62d2f9b.js');
+require('./ADlgInfeed-7b7f88d3.js');
 require('./AdSlot.js');
 require('./Beam.js');
 require('./stringify-01cf47f7.js');
 require('./Segment.js');
 require('./main-dc082238.js');
-require('./ADInfeed-5fe7fd9d.js');
+require('./ADInfeed-70ebf89f.js');
 require('./index-80f57cff.js');
 require('./style-inject.es-dcee06b6.js');
 

package/dist/cjs/VideoSeriesListing.js

@@ -3,7 +3,7 @@
 var _extends = require('./extends-1e24fc8d.js');
 var inherits = require('./inherits-2eb23889.js');
 var React = require('react');
-var index = require('./index-0e4427c8.js');
+var index = require('./index-5ad2b070.js');
 var Container = require('react-bootstrap/Container');
 var visibilitySensor = require('./visibility-sensor-8b54af99.js');
 var index_esm = require('./index.esm-974f47d9.js');

package/dist/cjs/View.js

@@ -15,10 +15,10 @@ require('react-bootstrap/Dropdown');
 var Form = require('react-bootstrap/Form');
 var FormControl = require('react-bootstrap/FormControl');
 var Button = require('react-bootstrap/Button');
-var getSerializers = require('./index-5260126b.js');
+var getSerializers = require('./index-58d40052.js');
 var SocialShare = require('./SocialShare.js');
 var AdSlot = require('./AdSlot.js');
-var getTargeting = require('./getTargeting-497b581d.js');
+var getTargeting = require('./getTargeting-963303c6.js');
 var getKeywords = require('./getKeywords.js');
 var urlFor = require('./urlFor.js');
 var _typeof = require('./typeof-97065d40.js');
@@ -27,7 +27,7 @@ var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('./index-80f57cff.js');
 var keys = require('./keys-95c064c9.js');
 var index_es = require('./index.es-f3e47207.js');
-var index = require('./index-0e4427c8.js');
+var index = require('./index-5ad2b070.js');
 var getRelatedArticle = require('./getRelatedArticle.js');
 var getQuery = require('./getQuery.js');
 var getSeriesDetail = require('./getSeriesDetail.js');
@@ -206,7 +206,13 @@ var ISI = function ISI(props) {
       active = _useState2[0],
       setActive = _useState2[1];
 
+  var _useState3 = React.useState(false),
+      _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+      bottomOfArticle = _useState4[0],
+      setbottomOfArticle = _useState4[1];
+
   var isi = React.useRef();
+
   React.useEffect(function () {
     if (active) {
       var offset = '5rem';
@@ -221,6 +227,71 @@ var ISI = function ISI(props) {
       isi.current.style.overflowY = '';
     }
   }, [active]);
+  React.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 < 40) {
+        setbottomOfArticle(true);
+      }
+      if (articleBottomPosition > 60) {
+        setbottomOfArticle(false);
+      }
+    };
+    window.addEventListener('scroll', detectBottomOfArticle);
+    return function () {
+      return window.removeEventListener('scroll', detectBottomOfArticle);
+    };
+  }, []);
+
+  React.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__default['default'].createElement(
     React__default['default'].Fragment,
     null,
@@ -255,12 +326,12 @@ var ISI = function ISI(props) {
     React__default['default'].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_es.styleInject(css);
 
@@ -815,7 +886,7 @@ var Article = function Article(props) {
           } },
         React__default['default'].createElement(
           'div',
-          null,
+          { id: 'article__block' },
           React__default['default'].createElement(
             'div',
             { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) || showIsi && Array.isArray(isi) && isi.length > 0 ? '15rem' : 0 } },

package/dist/cjs/YoutubeGroup.js

@@ -23,10 +23,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/*
-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/cjs/getSerializers.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var getSerializers = require('./index-5260126b.js');
+var getSerializers = require('./index-58d40052.js');
 require('./BlockContent-eca358e4.js');
 require('./entities-3f9d0f2f.js');
 require('./slicedToArray-db24842a.js');
@@ -12,7 +12,7 @@ require('./_to-object-821a2927.js');
 require('./core.get-iterator-method-b4615fd3.js');
 require('react-bootstrap');
 require('./index-d48b231c.js');
-require('./index-0e4427c8.js');
+require('./index-5ad2b070.js');
 require('prop-types');
 require('next/router');
 require('./index-187c967e.js');

package/dist/cjs/{getTargeting-497b581d.js → getTargeting-963303c6.js}

@@ -4,18 +4,18 @@ var _extends = require('./extends-1e24fc8d.js');
 var toConsumableArray = require('./toConsumableArray-cf0865fc.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/cjs/getTargeting.js

@@ -2,7 +2,7 @@
 
 require('./extends-1e24fc8d.js');
 require('./toConsumableArray-cf0865fc.js');
-var getTargeting = require('./getTargeting-497b581d.js');
+var getTargeting = require('./getTargeting-963303c6.js');
 require('./_commonjsHelpers-06173234.js');
 require('./_to-object-821a2927.js');
 require('./_object-pie-68c5bcbc.js');

package/dist/cjs/{index-5260126b.js → index-58d40052.js}

@@ -4,7 +4,7 @@ var React = require('react');
 var slicedToArray = require('./slicedToArray-db24842a.js');
 var reactBootstrap = require('react-bootstrap');
 var index = require('./index-d48b231c.js');
-var index$1 = require('./index-0e4427c8.js');
+var index$1 = require('./index-5ad2b070.js');
 var Router = require('next/router');
 var index$2 = require('./index-187c967e.js');
 var PropTypes = require('prop-types');

package/dist/cjs/{index-0e4427c8.js → index-5ad2b070.js}

@@ -537,7 +537,6 @@ var disableInitialLoadEnabled = false;
 var lazyLoadEnabled = false;
 var lazyLoadConfig = null;
 var servePersonalizedAds = true;
-var serveCookies = true;
 var registeredSlots = {};
 var managerAlreadyInitialized = false;
 var globalTargetingArguments = {};
@@ -579,15 +578,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));
   },
@@ -678,7 +671,6 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
             });
           });
           pubadsService.setRequestNonPersonalizedAds(_this.personalizedAdsEnabled() ? 0 : 1);
-          pubadsService.setCookieOptions(_this.cookiesEnabled() ? 0 : 1);
         });
       });
     }
@@ -790,9 +782,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();
         });
       });
@@ -815,7 +811,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
 
@@ -882,25 +877,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();
@@ -911,17 +898,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) {
@@ -938,7 +925,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) {
@@ -961,7 +948,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,
@@ -1000,7 +987,7 @@ var DFPManager = Object.assign(new EventEmitter.EventEmitter().setMaxListeners(0
                 gptSlot = slot.gptSlot;
 
             if (loading === false && !gptSlot) {
-              _this10.load(slotId);
+              _this9.load(slotId);
             }
           }
         });
@@ -1190,8 +1177,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);
@@ -1288,7 +1273,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,
@@ -1300,7 +1284,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,
@@ -1321,7 +1304,6 @@ _defineProperty(DFPSlotsProvider, "defaultProps", {
   autoReload: {
     dfpNetworkId: false,
     personalizedAds: false,
-    cookieOption: false,
     singleRequest: false,
     disableInitialLoad: false,
     adUnit: false,
@@ -1332,7 +1314,6 @@ _defineProperty(DFPSlotsProvider, "defaultProps", {
     lazyLoad: false
   },
   personalizedAds: true,
-  cookieOption: true,
   singleRequest: true,
   disableInitialLoad: false,
   collapseEmptyDivs: null,