@mjhls/mjh-framework 1.0.721 → 1.0.723-targeting-update-v1

package/dist/cjs/{react-social-icons-af932527.js → react-social-icons-f7f48f71.js}

@@ -1,13 +1,12 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var PropTypes = require('prop-types');
 var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__default = _interopDefault(React);
+var PropTypes = require('prop-types');
+var PropTypes__default = _interopDefault(PropTypes);
 
 var styles = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -65,11 +64,11 @@ exports.socialSvgMask = socialSvgMask;
 });
 
 _commonjsHelpers.unwrapExports(styles);
-styles.socialSvgMask;
-styles.socialSvgContent;
-styles.socialSvg;
-styles.socialContainer;
-styles.socialIcon;
+var styles_1 = styles.socialSvgMask;
+var styles_2 = styles.socialSvgContent;
+var styles_3 = styles.socialSvg;
+var styles_4 = styles.socialContainer;
+var styles_5 = styles.socialIcon;
 
 var background = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -78,7 +77,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(React__default['default']);
+var _react = _interopRequireDefault(React__default);
 
 
 
@@ -91,8 +90,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 function Background(_ref) {
-  _ref.networkKey;
-      var props = _objectWithoutProperties(_ref, ["networkKey"]);
+  var networkKey = _ref.networkKey,
+      props = _objectWithoutProperties(_ref, ["networkKey"]);
 
   return _react.default.createElement("g", _extends({}, props, {
     className: "social-svg-background",
@@ -383,12 +382,12 @@ function keysFor(urls) {
 });
 
 _commonjsHelpers.unwrapExports(networks);
-networks.iconFor;
-networks.maskFor;
-networks.colorFor;
-networks.keyFor;
-networks.keysFor;
-networks.KEYS;
+var networks_1 = networks.iconFor;
+var networks_2 = networks.maskFor;
+var networks_3 = networks.colorFor;
+var networks_4 = networks.keyFor;
+var networks_5 = networks.keysFor;
+var networks_6 = networks.KEYS;
 
 var icon = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 
@@ -397,9 +396,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(PropTypes__default['default']);
+var _propTypes = _interopRequireDefault(PropTypes__default);
 
-var _react = _interopRequireDefault(React__default['default']);
+var _react = _interopRequireDefault(React__default);
 
 
 
@@ -418,8 +417,8 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function getStyle(_ref) {
-  var fgColor = _ref.fgColor;
-      _ref.networkKey;
+  var fgColor = _ref.fgColor,
+      networkKey = _ref.networkKey;
   return _objectSpread({}, styles.socialSvgContent, {
     fill: fgColor || 'transparent'
   });
@@ -457,9 +456,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(PropTypes__default['default']);
+var _propTypes = _interopRequireDefault(PropTypes__default);
 
-var _react = _interopRequireDefault(React__default['default']);
+var _react = _interopRequireDefault(React__default);
 
 
 
@@ -518,9 +517,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _propTypes = _interopRequireDefault(PropTypes__default['default']);
+var _propTypes = _interopRequireDefault(PropTypes__default);
 
-var _react = _interopRequireDefault(React__default['default']);
+var _react = _interopRequireDefault(React__default);
 
 var _background = _interopRequireDefault(background);
 

package/dist/cjs/{slicedToArray-db24842a.js → slicedToArray-8f385299.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-4480325a.js');
-var es6_string_iterator = require('./es6.string.iterator-20d42c53.js');
-var core_getIteratorMethod = require('./core.get-iterator-method-b4615fd3.js');
-var _toObject = require('./_to-object-821a2927.js');
+var _toObject = require('./_to-object-329a650b.js');
+var es6_string_iterator = require('./es6.string.iterator-cc0bbaa4.js');
+var core_getIteratorMethod = require('./core.get-iterator-method-f62321d4.js');
+require('./web.dom.iterable-a0e279c1.js');
 
 var ITERATOR = es6_string_iterator._wks('iterator');
 

package/dist/cjs/{smoothscroll-99df7f93.js → smoothscroll-5054361f.js}

@@ -433,6 +433,6 @@ var smoothscroll = _commonjsHelpers.createCommonjsModule(function (module, expor
 
 }());
 });
-smoothscroll.polyfill;
+var smoothscroll_1 = smoothscroll.polyfill;
 
 exports.smoothscroll = smoothscroll;

package/dist/cjs/{stringify-01cf47f7.js → stringify-7c5aff47.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var _toObject = require('./_to-object-821a2927.js');
+var _toObject = require('./_to-object-329a650b.js');
 
 var $JSON = _toObject._core.JSON || (_toObject._core.JSON = { stringify: JSON.stringify });
 var stringify = function stringify(it) { // eslint-disable-line no-unused-vars

package/dist/cjs/timeDifferenceCalc.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var moment = require('./moment-aca40de1.js');
 require('./_commonjsHelpers-06173234.js');
+var moment = require('./moment-575fe24c.js');
 
 var timeDifferenceCalc = function timeDifferenceCalc(articlePublishedDate) {
   var dateNow = new Date();

package/dist/cjs/{toConsumableArray-cf0865fc.js → toConsumableArray-9a3476fe.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-require('./es6.string.iterator-20d42c53.js');
-var _toObject = require('./_to-object-821a2927.js');
-var _iterDetect = require('./_iter-detect-2613ffa1.js');
-var core_getIteratorMethod = require('./core.get-iterator-method-b4615fd3.js');
+var _toObject = require('./_to-object-329a650b.js');
+require('./es6.string.iterator-cc0bbaa4.js');
+var _iterDetect = require('./_iter-detect-60b2f026.js');
+var core_getIteratorMethod = require('./core.get-iterator-method-f62321d4.js');
 
 var _createProperty = function (object, index, value) {
   if (index in object) _toObject._objectDp.f(object, index, _toObject._propertyDesc(0, value));

package/dist/cjs/{typeof-97065d40.js → typeof-725500bc.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
-var es6_string_iterator = require('./es6.string.iterator-20d42c53.js');
-require('./web.dom.iterable-4480325a.js');
-var _toObject = require('./_to-object-821a2927.js');
-var _isArray = require('./_is-array-63ae4740.js');
-var _objectPie = require('./_object-pie-68c5bcbc.js');
+var _toObject = require('./_to-object-329a650b.js');
+var es6_string_iterator = require('./es6.string.iterator-cc0bbaa4.js');
 var _library = require('./_library-dd23b178.js');
+var _objectPie = require('./_object-pie-68c5bcbc.js');
+require('./web.dom.iterable-a0e279c1.js');
+var _isArray = require('./_is-array-754e012d.js');
 
 var f = es6_string_iterator._wks;
 
@@ -24,7 +24,7 @@ _commonjsHelpers.unwrapExports(iterator$1);
 
 var defineProperty = _toObject._objectDp.f;
 var _wksDefine = function (name) {
-  var $Symbol = _toObject._core.Symbol || (_toObject._core.Symbol = {} );
+  var $Symbol = _toObject._core.Symbol || (_toObject._core.Symbol =  {} );
   if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: _wksExt.f(name) });
 };
 
@@ -250,7 +250,7 @@ if (!USE_NATIVE) {
   _objectPie._objectGops.f = $getOwnPropertySymbols;
 
   if (_toObject._descriptors && !_library._library) {
-    es6_string_iterator._redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable);
+    es6_string_iterator._redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true);
   }
 
   _wksExt.f = function (name) {

package/dist/cjs/urlFor.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-d48b231c.js');
 require('./_commonjsHelpers-06173234.js');
+var index$1 = require('./index-39beccb3.js');
 
 // Sanity image auto formating
 function urlFor(client, source) {
-  return index.imageUrlBuilder(client).image(source).auto('format');
+  return index$1.imageUrlBuilder(client).image(source).auto('format');
 }
 
 module.exports = urlFor;

package/dist/cjs/{util-6f784d85.js → util-f2c1b65b.js}

@@ -94,7 +94,7 @@ var debugs = {};
 var debugEnviron;
 function debuglog(set) {
   if (isUndefined(debugEnviron))
-    debugEnviron = '';
+    debugEnviron =  '';
   set = set.toUpperCase();
   if (!debugs[set]) {
     if (new RegExp('\\b' + set + '\\b', 'i').test(debugEnviron)) {

package/dist/cjs/{visibility-sensor-8b54af99.js → visibility-sensor-0c45a583.js}

@@ -1,17 +1,15 @@
 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
 var React = require('react');
-var reactDom = require('react-dom');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var reactDom__default = /*#__PURE__*/_interopDefaultLegacy(reactDom);
+var React__default = _interopDefault(React);
+var reactDom = _interopDefault(require('react-dom'));
 
 var visibilitySensor = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 (function webpackUniversalModuleDefinition(root, factory) {
-	module.exports = factory(React__default['default'], reactDom__default['default']);
+	module.exports = factory(React__default, reactDom);
 })(_commonjsHelpers.commonjsGlobal, function(__WEBPACK_EXTERNAL_MODULE__1__, __WEBPACK_EXTERNAL_MODULE__2__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache

package/dist/cjs/{web.dom.iterable-4480325a.js → web.dom.iterable-a0e279c1.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var es6_string_iterator = require('./es6.string.iterator-20d42c53.js');
-var _toObject = require('./_to-object-821a2927.js');
+var _toObject = require('./_to-object-329a650b.js');
+var es6_string_iterator = require('./es6.string.iterator-cc0bbaa4.js');
 
 var _iterStep = function (done, value) {
   return { value: value, done: !!done };
@@ -11,7 +11,7 @@ var _iterStep = function (done, value) {
 // 22.1.3.13 Array.prototype.keys()
 // 22.1.3.29 Array.prototype.values()
 // 22.1.3.30 Array.prototype[@@iterator]()
-es6_string_iterator._iterDefine(Array, 'Array', function (iterated, kind) {
+var es6_array_iterator = es6_string_iterator._iterDefine(Array, 'Array', function (iterated, kind) {
   this._t = _toObject._toIobject(iterated); // target
   this._i = 0;                   // next index
   this._k = kind;                // kind

package/dist/esm/AD.js

@@ -1,24 +1,24 @@
-import React, { Suspense } from 'react';
+import React__default, { Suspense } from 'react';
 
-var Dfp = React.lazy(function () {
-  return import('./Dfp-5d779279.js');
+var Dfp = React__default.lazy(function () {
+  return import('./Dfp-e9a07597.js');
 });
 
 var AD = function AD(props) {
   if (typeof window === 'undefined') {
     return null;
   }
-  return React.createElement(
+  return React__default.createElement(
     'div',
     null,
-    React.createElement(
+    React__default.createElement(
       Suspense,
-      { fallback: React.createElement(
+      { fallback: React__default.createElement(
           'div',
           null,
           'Loading...'
         ) },
-      React.createElement(Dfp, props)
+      React__default.createElement(Dfp, props)
     )
   );
 };

package/dist/esm/AD300x250.js

@@ -1,25 +1,25 @@
-import { _ as _JSON$stringify } from './stringify-d4839bab.js';
-import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
-import React, { useState, useEffect } from 'react';
-import { m as main_40 } from './main-1450d277.js';
-import DFPAdSlot from './AdSlot.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-97770c52.js';
-import './web.dom.iterable-035980f3.js';
-import './es6.string.iterator-aa6068a3.js';
-import './core.get-iterator-method-d1d5ed02.js';
-import './extends-31d65aba.js';
+import './_to-object-a4107da3.js';
+import './es6.string.iterator-c990c18c.js';
+import './_library-528f1934.js';
+import './_iter-detect-5d49a330.js';
+import './core.get-iterator-method-e1de7503.js';
 import './_object-pie-33c40e79.js';
+import './extends-eb69e8ac.js';
+import './web.dom.iterable-4439f05a.js';
+import React__default, { useState, useEffect } from 'react';
+import './index-a9e53f80.js';
 import 'prop-types';
-import './index-669ff425.js';
-import './debounce-1a993acf.js';
 import './isSymbol-807e927e.js';
-import './Beam.js';
-import './asyncToGenerator-2bd4099a.js';
-import './_library-528f1934.js';
-import './_set-species-494ed292.js';
-import './_iter-detect-48516cd3.js';
+import './debounce-1a993acf.js';
+import { m as main_36 } from './main-e4a934b2.js';
+import { _ as _JSON$stringify } from './stringify-4330ccdc.js';
+import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
+import './asyncToGenerator-502f13b4.js';
+import './_set-species-3f8319f5.js';
 import './Segment.js';
+import './Beam.js';
+import DFPAdSlot from './AdSlot.js';
 
 // removed static slotID ,because defining static slotID is restricting AD to render only once.
 var AD300x250 = function AD300x250(_ref) {
@@ -33,7 +33,7 @@ var AD300x250 = function AD300x250(_ref) {
       pos = _ref$pos === undefined ? 'rec1' : _ref$pos;
 
   var mobileView = false;
-  if (main_40) {
+  if (main_36) {
     pos = 'rec1-mobile';
     mobileView = true;
   }
@@ -59,7 +59,9 @@ var AD300x250 = function AD300x250(_ref) {
     pos: pos,
     campaign_id: targeting.campaign_id,
     issue_url: targeting.issue_url,
-    publication_url: targeting.publication_url
+    publication_url: targeting.publication_url,
+    // passing AD Targeting Group into targeting
+    rootDocumentGroup: targeting.rootDocumentGroup
   };
 
   var browserSizes = [[300, 250], [300, 100]];
@@ -110,10 +112,10 @@ var AD300x250 = function AD300x250(_ref) {
     }
   };
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     null,
-    React.createElement(DFPAdSlot, {
+    React__default.createElement(DFPAdSlot, {
       networkID: networkID,
       adUnit: adUnit,
       slotId: slotId,
@@ -124,7 +126,7 @@ var AD300x250 = function AD300x250(_ref) {
       , checkIsAdFound: previewAd ? null : checkIsAdFound,
       style: { display: 'none' }
     }),
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .AD300x250 .div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '

package/dist/esm/AD300x250x600.js

@@ -1,25 +1,25 @@
-import { _ as _JSON$stringify } from './stringify-d4839bab.js';
-import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
-import React, { useState, useEffect } from 'react';
-import { m as main_40 } from './main-1450d277.js';
-import DFPAdSlot from './AdSlot.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-97770c52.js';
-import './web.dom.iterable-035980f3.js';
-import './es6.string.iterator-aa6068a3.js';
-import './core.get-iterator-method-d1d5ed02.js';
-import './extends-31d65aba.js';
+import './_to-object-a4107da3.js';
+import './es6.string.iterator-c990c18c.js';
+import './_library-528f1934.js';
+import './_iter-detect-5d49a330.js';
+import './core.get-iterator-method-e1de7503.js';
 import './_object-pie-33c40e79.js';
+import './extends-eb69e8ac.js';
+import './web.dom.iterable-4439f05a.js';
+import React__default, { useState, useEffect } from 'react';
+import './index-a9e53f80.js';
 import 'prop-types';
-import './index-669ff425.js';
-import './debounce-1a993acf.js';
 import './isSymbol-807e927e.js';
-import './Beam.js';
-import './asyncToGenerator-2bd4099a.js';
-import './_library-528f1934.js';
-import './_set-species-494ed292.js';
-import './_iter-detect-48516cd3.js';
+import './debounce-1a993acf.js';
+import { m as main_36 } from './main-e4a934b2.js';
+import { _ as _JSON$stringify } from './stringify-4330ccdc.js';
+import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
+import './asyncToGenerator-502f13b4.js';
+import './_set-species-3f8319f5.js';
 import './Segment.js';
+import './Beam.js';
+import DFPAdSlot from './AdSlot.js';
 
 // removed static slotID ,because defining static slotID is restricting AD to render only once.
 var AD300x250x600 = function AD300x250x600(_ref) {
@@ -34,7 +34,7 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       _ref$sizeMapFlag = _ref.sizeMapFlag,
       sizeMapFlag = _ref$sizeMapFlag === undefined ? true : _ref$sizeMapFlag;
 
-  if (main_40) {
+  if (main_36) {
     pos = 'rec2-mobile';
   }
 
@@ -59,7 +59,9 @@ var AD300x250x600 = function AD300x250x600(_ref) {
     pos: pos,
     campaign_id: targeting.campaign_id,
     issue_url: targeting.issue_url,
-    publication_url: targeting.publication_url
+    publication_url: targeting.publication_url,
+    // passing AD Targeting Group into targeting
+    rootDocumentGroup: targeting.rootDocumentGroup
 
     // sizeMapping is made reponsive to handle long ads [300,600] when the sizeMapFlag is 'true'.Otherwise old sizeMapping will be taken.
   };var sizeMapping = sizeMapFlag ? [{
@@ -124,10 +126,10 @@ var AD300x250x600 = function AD300x250x600(_ref) {
     }
   };
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     null,
-    React.createElement(DFPAdSlot, {
+    React__default.createElement(DFPAdSlot, {
       networkID: networkID,
       adUnit: adUnit,
       className: 'AD300x250',
@@ -141,7 +143,7 @@ var AD300x250x600 = function AD300x250x600(_ref) {
       , checkIsAdFound: previewAd ? null : checkIsAdFound,
       style: { display: 'none' }
     }),
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .AD300x250 .div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '

package/dist/esm/AD728x90.js

@@ -1,25 +1,25 @@
-import { _ as _JSON$stringify } from './stringify-d4839bab.js';
-import { _ as _slicedToArray } from './slicedToArray-cdeaee08.js';
-import React, { useState, useEffect } from 'react';
-import { m as main_40 } from './main-1450d277.js';
-import DFPAdSlot from './AdSlot.js';
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-97770c52.js';
-import './web.dom.iterable-035980f3.js';
-import './es6.string.iterator-aa6068a3.js';
-import './core.get-iterator-method-d1d5ed02.js';
-import './extends-31d65aba.js';
+import './_to-object-a4107da3.js';
+import './es6.string.iterator-c990c18c.js';
+import './_library-528f1934.js';
+import './_iter-detect-5d49a330.js';
+import './core.get-iterator-method-e1de7503.js';
 import './_object-pie-33c40e79.js';
+import './extends-eb69e8ac.js';
+import './web.dom.iterable-4439f05a.js';
+import React__default, { useState, useEffect } from 'react';
+import './index-a9e53f80.js';
 import 'prop-types';
-import './index-669ff425.js';
-import './debounce-1a993acf.js';
 import './isSymbol-807e927e.js';
-import './Beam.js';
-import './asyncToGenerator-2bd4099a.js';
-import './_library-528f1934.js';
-import './_set-species-494ed292.js';
-import './_iter-detect-48516cd3.js';
+import './debounce-1a993acf.js';
+import { m as main_36 } from './main-e4a934b2.js';
+import { _ as _JSON$stringify } from './stringify-4330ccdc.js';
+import { _ as _slicedToArray } from './slicedToArray-641f241f.js';
+import './asyncToGenerator-502f13b4.js';
+import './_set-species-3f8319f5.js';
 import './Segment.js';
+import './Beam.js';
+import DFPAdSlot from './AdSlot.js';
 
 var AD728x90 = function AD728x90(_ref) {
   var networkID = _ref.networkID,
@@ -29,11 +29,11 @@ var AD728x90 = function AD728x90(_ref) {
       _ref$targeting = _ref.targeting,
       targeting = _ref$targeting === undefined ? {} : _ref$targeting,
       _ref$pos = _ref.pos,
-      pos = _ref$pos === undefined ? 'top' : _ref$pos;
-      _ref.fixedPos;
+      pos = _ref$pos === undefined ? 'top' : _ref$pos,
+      _ref$fixedPos = _ref.fixedPos;
 
   var mobileView = false;
-  if (main_40) {
+  if (main_36) {
     pos = 'top-mobile';
     mobileView = true;
   }
@@ -59,7 +59,9 @@ var AD728x90 = function AD728x90(_ref) {
     pos: pos,
     campaign_id: targeting.campaign_id,
     issue_url: targeting.issue_url,
-    publication_url: targeting.publication_url
+    publication_url: targeting.publication_url,
+    // passing AD Targeting Group into targeting
+    rootDocumentGroup: targeting.rootDocumentGroup
   };
 
   var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
@@ -99,10 +101,10 @@ var AD728x90 = function AD728x90(_ref) {
     }
   };
 
-  return React.createElement(
+  return React__default.createElement(
     'div',
     { className: 'leaderboard-ad-wrapper' },
-    React.createElement(DFPAdSlot, {
+    React__default.createElement(DFPAdSlot, {
       slotId: slotId,
       networkID: networkID,
       adUnit: adUnit,
@@ -119,12 +121,12 @@ var AD728x90 = function AD728x90(_ref) {
       /* Passing function to check for ad creative only if it is not in preview. */
       , checkIsAdFound: previewAd ? null : checkIsAdFound
     }),
-    React.createElement(
+    React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n        .leaderboard-ad-wrapper {\n          height: auto !important;\n          background: #fff;\n        }\n        .leaderboard-ad-wrapper .AD728x90 {\n          height: auto !important;\n        }\n        /* setting height to 0px when the ad slot is empty. */\n        .leaderboard-ad-wrapper .AD728x90 div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '
     ),
-    main_40 && React.createElement(
+    main_36 && React__default.createElement(
       'style',
       { jsx: 'true' },
       '\n          @media screen and (max-width: 768px) {\n            .leaderboard-ad-wrapper {\n              min-height: 0px;\n              position: fixed;\n              background: transparent;\n              background-color: transparent;\n              bottom: 0px;\n              left: 50%;\n              transform: translateX(-50%);\n              z-index: 9999;\n            }\n          }\n        '