@mjhls/mjh-framework 1.0.109-8.rlTest → 1.0.109

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.1098.rlTest",
+  "version": "1.0.109",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",
@@ -8,41 +8,38 @@
     "type": "git",
     "url": "https://github.com/MJHLS/mjh-framework.git"
   },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.es.js",
+  "jsnext:main": "dist/index.es.js",
   "engines": {
     "node": ">=8",
     "npm": ">=5"
   },
   "scripts": {
-    "clean": "rimraf dist",
     "test": "cross-env CI=1 react-scripts test --env=jsdom",
     "test:watch": "react-scripts test --env=jsdom",
-    "build": "npm run clean && rollup -c",
-    "start": "npm run clean && rollup -c -w",
+    "build": "rollup -c",
+    "start": "rollup -c -w",
     "prepare": "yarn run build",
     "predeploy": "cd example && yarn install && yarn run build",
     "deploy": "gh-pages -d example/build"
   },
   "peerDependencies": {
-    "disqus-react": "^1.0.11",
-    "next": "^9 || ^10 || ^11 || ^12",
+    "next": "^9.0.0",
     "prop-types": "^15.5.4",
-    "react": "^15 || ^16 || ^17 || ^18",
-    "react-bootstrap": "^1.0.0-beta.14 || ^2",
-    "react-dom": "^15 || ^16 || ^17 || ^18",
-    "react-share": "^4.0.1"
+    "react": "^15.0.0 || ^16.0.0",
+    "react-dom": "^15.0.0 || ^16.0.0",
+    "react-share": "^4.0.1",
+    "react-bootstrap": "^1.0.0-beta.14"
   },
   "devDependencies": {
     "@brightcove/react-player-loader": "^1.4.0",
-    "@rollup/plugin-json": "^4.0.3",
     "@sanity/block-content-to-react": "^2.0.7",
     "@sanity/image-url": "^0.140.15",
-    "@svgr/rollup": "2.4.1",
+    "@svgr/rollup": "^2.4.1",
     "babel-core": "^6.26.3",
     "babel-eslint": "^8.2.5",
     "babel-plugin-external-helpers": "^6.22.0",
-    "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.7.0",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-0": "^6.24.1",
@@ -56,61 +53,35 @@
     "eslint-plugin-react": "^7.10.0",
     "eslint-plugin-react-hooks": "^2.3.0",
     "eslint-plugin-standard": "^3.1.0",
-    "file-saver": "^2.0.5",
     "get-youtube-id": "^1.0.1",
     "gh-pages": "^1.2.0",
     "lodash": "^4.17.15",
-    "md5": "^2.2.1",
-    "moment": "^2.26.0",
-    "moment-timezone": "^0.5.31",
-    "next": "^9.2.0",
+    "moment": "^2.24.0",
+    "next": "^9.1.5",
     "react": "^16.12.0",
-    "react-bootstrap": "1.4.0",
+    "react-bootstrap": "^1.0.0-beta.16",
     "react-device-detect": "^1.11.14",
-    "react-dfp": "^0.19.0",
+    "react-dfp": "^0.17.0",
     "react-dom": "^16.12.0",
     "react-icons": "^3.8.0",
     "react-infinite-scroll-component": "^5.0.4",
-    "react-lazyload": "^2.6.5",
-    "react-paginate": "^7.1.3",
-    "react-player": "^1.15.2",
     "react-scripts": "^1.1.4",
     "react-share": "^4.0.1",
-    "react-social-icons": "^4.1.0",
     "react-visibility-sensor": "^5.1.1",
-    "react-youtube": "^7.14.0",
-    "rimraf": "^3.0.2",
-    "rollup": "^2.7.3",
-    "rollup-plugin-babel": "3.0.7",
-    "rollup-plugin-commonjs": "9.3.4",
-    "rollup-plugin-node-builtins": "2.1.2",
-    "rollup-plugin-node-resolve": "3.4.0",
-    "rollup-plugin-postcss": "1.6.3",
-    "rollup-plugin-url": "1.4.0"
+    "react-youtube": "^7.9.0",
+    "rollup": "^0.64.1",
+    "rollup-plugin-babel": "^3.0.7",
+    "rollup-plugin-commonjs": "^9.1.3",
+    "rollup-plugin-node-builtins": "^2.1.2",
+    "rollup-plugin-node-resolve": "^3.3.0",
+    "rollup-plugin-peer-deps-external": "^2.2.0",
+    "rollup-plugin-postcss": "^1.6.2",
+    "rollup-plugin-url": "^1.4.0"
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@supabase/supabase-js": "^1.29.4",
-    "babel-polyfill": "^6.26.0",
-    "cookie": "^0.4.1",
-    "disqus-react": "^1.0.11",
-    "faunadb": "^4.2.0",
-    "js-cookie": "^2.2.1",
-    "next-auth": "^3.2.0",
-    "next-cookies": "^2.0.3",
-    "node-fetch": "^2.6.1",
-    "nookies": "^2.4.0",
-    "react-cookies": "^0.1.1",
-    "react-facebook": "^8.1.4",
-    "react-instantsearch-dom": "^6.12.0",
-    "react-script-tag": "^1.1.2",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "shortid": "^2.2.15",
-    "smoothscroll-polyfill": "^0.4.4",
-    "striptags": "^3.1.1",
-    "superagent": "^5.2.2",
-    "yarn": "^1.22.11"
+    "js-cookie": "^2.2.1"
   }
 }

package/dist/cjs/AD.js

@@ -1,32 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var Dfp = React__default["default"].lazy(function () {
-  return Promise.resolve().then(function () { return require('./Dfp-67646058.js'); });
-});
-
-var AD = function AD(props) {
-  if (typeof window === 'undefined') {
-    return null;
-  }
-  return React__default["default"].createElement(
-    'div',
-    null,
-    React__default["default"].createElement(
-      React.Suspense,
-      { fallback: React__default["default"].createElement(
-          'div',
-          null,
-          'Loading...'
-        ) },
-      React__default["default"].createElement(Dfp, props)
-    )
-  );
-};
-
-module.exports = AD;

package/dist/cjs/AD300x250.js

@@ -1,95 +0,0 @@
-'use strict';
-
-require('./stringify-f7a37a8d.js');
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-var main = require('./main-ae8472f3.js');
-var AdSlot = require('./AdSlot.js');
-require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./extends-be0d85bc.js');
-require('prop-types');
-require('./index-7435b964.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./Beam.js');
-require('./asyncToGenerator-65df6bf8.js');
-require('./_library-dd23b178.js');
-require('./_set-species-0c7864a2.js');
-require('./_iter-detect-b1df62f0.js');
-require('./Segment.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-// removed static slotID ,because defining static slotID is restricting AD to render only once.
-var AD300x250 = function AD300x250(_ref) {
-  var networkID = _ref.networkID,
-      adUnit = _ref.adUnit,
-      _ref$slotId = _ref.slotId,
-      slotId = _ref$slotId === undefined ? '' : _ref$slotId,
-      _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      _ref$pos = _ref.pos,
-      pos = _ref$pos === undefined ? 'rec1' : _ref$pos;
-
-  var mobileView = false;
-  if (main.main_43) {
-    pos = 'rec1-mobile';
-    mobileView = true;
-  }
-
-  var _useState = React.useState(true),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2);
-      _useState2[0];
-      var setPreviewAd = _useState2[1];
-
-  React.useEffect(function () {
-    var path = window && window.location && window.location.search;
-    // Setting flag for Ad-preview URLs
-    setPreviewAd(path.split('&').some(function (param) {
-      return param.includes('creativeId');
-    }));
-  }, []);
-
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    document_url: targeting.document_url,
-    rootDocumentGroup: targeting.rootDocumentGroup,
-    pos: pos,
-    campaign_id: targeting.campaign_id,
-    issue_url: targeting.issue_url,
-    publication_url: targeting.publication_url
-  };
-
-  var browserSizes = [[300, 600], [300, 250], [300, 100]];
-  var mobileSizes = [[300, 250], [300, 100]];
-
-  return React__default["default"].createElement(
-    'div',
-    null,
-    React__default["default"].createElement(AdSlot, {
-      networkID: networkID,
-      adUnit: adUnit,
-      slotId: slotId,
-      targeting: adTargeting,
-      className: 'AD300x250',
-      sizes: mobileView ? mobileSizes : browserSizes
-      /* Passing function to check for ad creative only if it is not in preview. */
-      // checkIsAdFound={previewAd ? null : checkIsAdFound}
-      // style={{ display: 'none' }}
-    }),
-    React__default["default"].createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .AD300x250 .div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '
-    )
-  );
-};
-
-module.exports = AD300x250;

package/dist/cjs/AD300x250x600.js

@@ -1,112 +0,0 @@
-'use strict';
-
-require('./stringify-f7a37a8d.js');
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-var main = require('./main-ae8472f3.js');
-var AdSlot = require('./AdSlot.js');
-require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./extends-be0d85bc.js');
-require('prop-types');
-require('./index-7435b964.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./Beam.js');
-require('./asyncToGenerator-65df6bf8.js');
-require('./_library-dd23b178.js');
-require('./_set-species-0c7864a2.js');
-require('./_iter-detect-b1df62f0.js');
-require('./Segment.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-// removed static slotID ,because defining static slotID is restricting AD to render only once.
-var AD300x250x600 = function AD300x250x600(_ref) {
-  var networkID = _ref.networkID,
-      adUnit = _ref.adUnit,
-      _ref$slotId = _ref.slotId,
-      slotId = _ref$slotId === undefined ? '' : _ref$slotId,
-      _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      _ref$pos = _ref.pos,
-      pos = _ref$pos === undefined ? 'rec2' : _ref$pos,
-      _ref$sizeMapFlag = _ref.sizeMapFlag,
-      sizeMapFlag = _ref$sizeMapFlag === undefined ? true : _ref$sizeMapFlag;
-
-  if (main.main_43) {
-    pos = 'rec2-mobile';
-  }
-
-  var _useState = React.useState(true),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2);
-      _useState2[0];
-      var setPreviewAd = _useState2[1];
-
-  React.useEffect(function () {
-    var path = window && window.location && window.location.search;
-    // Setting flag for Ad-preview URLs
-    setPreviewAd(path.split('&').some(function (param) {
-      return param.includes('creativeId');
-    }));
-  }, []);
-
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    document_url: targeting.document_url,
-    rootDocumentGroup: targeting.rootDocumentGroup,
-    pos: pos,
-    campaign_id: targeting.campaign_id,
-    issue_url: targeting.issue_url,
-    publication_url: targeting.publication_url
-
-    // sizeMapping is made reponsive to handle long ads [300,600] when the sizeMapFlag is 'true'.Otherwise old sizeMapping will be taken.
-  };var sizeMapping = sizeMapFlag ? [{
-    viewport: [1200, 900],
-    sizes: [[300, 100], [300, 250], [300, 600]]
-  }, {
-    viewport: [1200, 1],
-    sizes: [[300, 100], [300, 250]]
-  }, {
-    viewport: [1, 1],
-    sizes: [[300, 100], [300, 250]]
-  }] : [{
-    viewport: [768, 0],
-    sizes: [[300, 100], [300, 250], [300, 600]]
-  }, {
-    viewport: [1, 1],
-    sizes: [[300, 100], [300, 250]]
-  }];
-
-  return React__default["default"].createElement(
-    'div',
-    null,
-    React__default["default"].createElement(AdSlot, {
-      networkID: networkID,
-      adUnit: adUnit,
-      className: 'AD300x250',
-      slotId: slotId,
-      targeting: adTargeting
-      //  passing all possible sizes.
-      , sizes: [[300, 50], [300, 100], [320, 50], [300, 250], [300, 600]]
-      //  setting responsive sizemapping to make the ads responsive.
-      , sizeMapping: sizeMapping
-      /* Passing function to check for ad creative only if it is not in preview. */
-      // checkIsAdFound={previewAd ? null : checkIsAdFound}
-      // style={{ display: 'none' }}
-    }),
-    React__default["default"].createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .AD300x250 .div[id*=\'google_ads_iframe\']:empty {\n          height: 0px !important;\n        }\n      '
-    )
-  );
-};
-
-module.exports = AD300x250x600;

package/dist/cjs/AD728x90.js

@@ -1,109 +0,0 @@
-'use strict';
-
-require('./stringify-f7a37a8d.js');
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-var main = require('./main-ae8472f3.js');
-var AdSlot = require('./AdSlot.js');
-require('./_commonjsHelpers-06173234.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./extends-be0d85bc.js');
-require('prop-types');
-require('./index-7435b964.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./Beam.js');
-require('./asyncToGenerator-65df6bf8.js');
-require('./_library-dd23b178.js');
-require('./_set-species-0c7864a2.js');
-require('./_iter-detect-b1df62f0.js');
-require('./Segment.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var AD728x90 = function AD728x90(_ref) {
-  var networkID = _ref.networkID,
-      adUnit = _ref.adUnit,
-      _ref$slotId = _ref.slotId,
-      slotId = _ref$slotId === undefined ? 'leaderboard-ad' : _ref$slotId,
-      _ref$targeting = _ref.targeting,
-      targeting = _ref$targeting === undefined ? {} : _ref$targeting,
-      _ref$pos = _ref.pos,
-      pos = _ref$pos === undefined ? 'top' : _ref$pos;
-      _ref.fixedPos;
-
-  var mobileView = false;
-  if (main.main_43) {
-    pos = 'top-mobile';
-    mobileView = true;
-  }
-
-  var _useState = React.useState(true),
-      _useState2 = slicedToArray._slicedToArray(_useState, 2);
-      _useState2[0];
-      var setPreviewAd = _useState2[1];
-
-  React.useEffect(function () {
-    var path = window && window.location && window.location.search;
-    // Setting flag for Ad-preview URLs
-    setPreviewAd(path.split('&').some(function (param) {
-      return param.includes('creativeId');
-    }));
-  }, []);
-
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    document_url: targeting.document_url,
-    rootDocumentGroup: targeting.rootDocumentGroup,
-    pos: pos,
-    campaign_id: targeting.campaign_id,
-    issue_url: targeting.issue_url,
-    publication_url: targeting.publication_url
-  };
-
-  var browserSizes = [[728, 90], [970, 90], [320, 50], [300, 50]];
-  var mobileSizes = [[320, 50], [300, 50]];
-
-  return React__default["default"].createElement(
-    'div',
-    { className: 'leaderboard-ad-wrapper' },
-    React__default["default"].createElement(AdSlot, {
-      slotId: slotId,
-      networkID: networkID,
-      adUnit: adUnit,
-      targeting: adTargeting,
-      className: 'AD728x90',
-      sizes: mobileView ? mobileSizes : browserSizes,
-      sizeMapping: [{
-        viewport: [1000, 1],
-        sizes: [[728, 90], [970, 90]]
-      }, {
-        viewport: [768, 1],
-        sizes: [[728, 90]]
-      }, {
-        viewport: [1, 1],
-        sizes: [[320, 50], [300, 50]]
-      }]
-      /* Passing function to check for ad creative only if it is not in preview. */
-      // checkIsAdFound={previewAd ? null : checkIsAdFound}
-    }),
-    React__default["default"].createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .leaderboard-ad-wrapper {\n          height: auto !important;\n          min-height: 90px;\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.main_43 && React__default["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        '
-    )
-  );
-};
-
-module.exports = AD728x90;

package/dist/cjs/ADFloatingFooter.js

@@ -1,151 +0,0 @@
-'use strict';
-
-var slicedToArray = require('./slicedToArray-067dd3bc.js');
-var React = require('react');
-var AdSlot = require('./AdSlot.js');
-var main = require('./main-ae8472f3.js');
-require('./_commonjsHelpers-06173234.js');
-require('./web.dom.iterable-d98303e0.js');
-require('./core.get-iterator-method-5643aa10.js');
-require('./extends-be0d85bc.js');
-require('prop-types');
-require('./index-7435b964.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./Beam.js');
-require('./stringify-f7a37a8d.js');
-require('./asyncToGenerator-65df6bf8.js');
-require('./_library-dd23b178.js');
-require('./_set-species-0c7864a2.js');
-require('./_iter-detect-b1df62f0.js');
-require('./Segment.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var ADFloatingFooter = function ADFloatingFooter(_ref) {
-  var title = _ref.title,
-      floatingAd = _ref.floatingAd,
-      minScreenWidth = _ref.minScreenWidth,
-      _ref$refreshFlag = _ref.refreshFlag,
-      refreshFlag = _ref$refreshFlag === undefined ? true : _ref$refreshFlag,
-      _ref$ignoreSession = _ref.ignoreSession,
-      ignoreSession = _ref$ignoreSession === undefined ? false : _ref$ignoreSession;
-  var className = floatingAd.className,
-      slotId = floatingAd.slotId,
-      adUnit = floatingAd.adUnit,
-      _floatingAd$targeting = floatingAd.targeting,
-      targeting = _floatingAd$targeting === undefined ? {} : _floatingAd$targeting,
-      _floatingAd$position = floatingAd.position,
-      position = _floatingAd$position === undefined ? 'float' : _floatingAd$position,
-      networkID = floatingAd.networkID;
-
-  var adTargeting = {
-    content_placement: targeting.content_placement,
-    tags: targeting.tags,
-    document_group: targeting.document_group,
-    rootDocumentGroup: targeting.rootDocumentGroup,
-    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];
-
-  var _useState3 = React.useState(true),
-      _useState4 = slicedToArray._slicedToArray(_useState3, 2);
-      _useState4[0];
-      var setPreviewAd = _useState4[1];
-
-  var _useState5 = React.useState(false),
-      _useState6 = slicedToArray._slicedToArray(_useState5, 2),
-      showAd = _useState6[0],
-      setShowAd = _useState6[1];
-
-  var _useState7 = React.useState(refreshFlag),
-      _useState8 = slicedToArray._slicedToArray(_useState7, 2),
-      adRefreshFlag = _useState8[0],
-      setAdRefreshFlag = _useState8[1];
-
-  React.useEffect(function () {
-    // Checking data in session storage to show AD
-    if (ignoreSession || !sessionStorage.getItem('mjh-floating-footer-ad')) setShowAd(true);
-    if (main.main_22.toLowerCase().indexOf('adwallet') >= 0) {
-      setAdRefreshFlag(false);
-    }
-  }, []);
-
-  React.useEffect(function () {
-    var path = window && window.location && window.location.search;
-    // Setting flag for Ad-preview URLs
-    setPreviewAd(path.split('&').some(function (param) {
-      return param.includes('creativeId');
-    }));
-  }, []);
-
-  React.useEffect(function () {
-    if (window && window.innerWidth > minScreenWidth) {
-      setWidthFlag(true);
-    }
-
-    try {
-      var _floatingAd = document.getElementById('floating-ad');
-      var parent = document.getElementById('floating-ad-wrapper');
-      if (_floatingAd.children[0].children.length === 0) {
-        parent.classList.remove('display-floating');
-        parent.classList.add('hide-floating');
-      }
-    } catch (e) {}
-  }, [minScreenWidth]);
-
-  var collapseAd = function collapseAd() {
-    var parent = document.getElementById('floating-ad-wrapper');
-    parent.style.height = '0%';
-    parent.style.width = '0%';
-    parent.classList.remove('display-floating');
-    parent.classList.add('hide-floating');
-    // Saving data in session storage on close AD
-    sessionStorage.setItem('mjh-floating-footer-ad', Math.floor(Date.now() / 1000));
-  };
-
-  return React__default["default"].createElement(
-    React__default["default"].Fragment,
-    null,
-    showAd && widthFlag && adTargeting.document_url && React__default["default"].createElement(
-      'div',
-      { id: 'floating-ad-wrapper', className: 'floating-ad-wrapper display-floating ' + title },
-      React__default["default"].createElement(AdSlot, {
-        className: className,
-        slotId: slotId,
-        networkID: networkID,
-        sizes: [[1025, 100]],
-        adUnit: adUnit,
-        targeting: adTargeting,
-        refreshFlag: adRefreshFlag
-        /* Passing function to check for ad creative only if it is not in preview. */
-        // checkIsAdFound={previewAd ? null : checkIsAdFound}
-      }),
-      React__default["default"].createElement(
-        'div',
-        { className: 'closeButton', onClick: function onClick() {
-            return collapseAd();
-          } },
-        'x'
-      )
-    ),
-    React__default["default"].createElement(
-      'style',
-      { jsx: 'true' },
-      '\n          .display-floating {\n            display: block;\n          }\n          .hide-floating {\n            display: none;\n          }\n          .floating-ad-wrapper {\n            margin: 0;\n            background-color: #f5f5f5;\n            position: fixed;\n            bottom: 0;\n            left: 50%;\n            transform: translateX(-50%);\n            z-index: 9000;\n          }\n          .closeButton {\n            position: absolute;\n            top: -16px;\n            right: -16px;\n            background: grey;\n            color: white;\n            font-weight: 500;\n            border: 2px solid white;\n            border-radius: 50%;\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            font-size: 15px;\n            cursor: pointer;\n            z-index: 999999;\n          }\n          .floating-ad-wrapper div[id*=\'google_ads_iframe\']:empty {\n            height: 0px !important;\n          }\n        '
-    )
-  );
-};
-
-module.exports = ADFloatingFooter;