@mjhls/mjh-framework 1.0.99-0.next12 → 1.0.100

package/package.json

@@ -1,115 +1,84 @@
-{
-  "name": "@mjhls/mjh-framework",
-  "version": "1.0.990.next12",
-  "description": "Foundation Framework",
-  "author": "mjh-framework",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/MJHLS/mjh-framework.git"
-  },
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.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",
-    "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.0.0",
-    "prop-types": "^15.5.4",
-    "react": "^15.0.0 || ^16.0.0",
-    "react-bootstrap": "^1.0.0-beta.14",
-    "react-dom": "^15.0.0 || ^16.0.0",
-    "react-share": "^4.0.1"
-  },
-  "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",
-    "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",
-    "cross-env": "^5.1.4",
-    "eslint": "^5.0.1",
-    "eslint-config-standard": "^11.0.0",
-    "eslint-config-standard-react": "^6.0.0",
-    "eslint-plugin-import": "^2.13.0",
-    "eslint-plugin-node": "^7.0.1",
-    "eslint-plugin-promise": "^4.0.0",
-    "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",
-    "react": "^16.12.0",
-    "react-bootstrap": "1.4.0",
-    "react-device-detect": "^1.11.14",
-    "react-dfp": "^0.19.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.9.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"
-  },
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "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"
-  }
-}
+{
+  "name": "@mjhls/mjh-framework",
+  "version": "1.0.100",
+  "description": "Foundation Framework",
+  "author": "mjh-framework",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MJHLS/mjh-framework.git"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.es.js",
+  "jsnext:main": "dist/index.es.js",
+  "engines": {
+    "node": ">=8",
+    "npm": ">=5"
+  },
+  "scripts": {
+    "test": "cross-env CI=1 react-scripts test --env=jsdom",
+    "test:watch": "react-scripts test --env=jsdom",
+    "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": {
+    "next": "^9.0.0",
+    "prop-types": "^15.5.4",
+    "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",
+    "@sanity/block-content-to-react": "^2.0.7",
+    "@sanity/image-url": "^0.140.15",
+    "@svgr/rollup": "^2.4.1",
+    "babel-core": "^6.26.3",
+    "babel-eslint": "^8.2.5",
+    "babel-plugin-external-helpers": "^6.22.0",
+    "babel-preset-env": "^1.7.0",
+    "babel-preset-react": "^6.24.1",
+    "babel-preset-stage-0": "^6.24.1",
+    "cross-env": "^5.1.4",
+    "eslint": "^5.0.1",
+    "eslint-config-standard": "^11.0.0",
+    "eslint-config-standard-react": "^6.0.0",
+    "eslint-plugin-import": "^2.13.0",
+    "eslint-plugin-node": "^7.0.1",
+    "eslint-plugin-promise": "^4.0.0",
+    "eslint-plugin-react": "^7.10.0",
+    "eslint-plugin-react-hooks": "^2.3.0",
+    "eslint-plugin-standard": "^3.1.0",
+    "get-youtube-id": "^1.0.1",
+    "gh-pages": "^1.2.0",
+    "lodash": "^4.17.15",
+    "moment": "^2.24.0",
+    "next": "^9.1.5",
+    "react": "^16.12.0",
+    "react-bootstrap": "^1.0.0-beta.16",
+    "react-device-detect": "^1.11.14",
+    "react-dfp": "^0.17.0",
+    "react-dom": "^16.12.0",
+    "react-icons": "^3.8.0",
+    "react-infinite-scroll-component": "^5.0.4",
+    "react-scripts": "^1.1.4",
+    "react-share": "^4.0.1",
+    "react-visibility-sensor": "^5.1.1",
+    "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"
+  ]
+}

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-94f8ccdf.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-f1c77adb.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-7c86182f.js');
-require('./_object-pie-083f2dd6.js');
-require('prop-types');
-require('./index-0e4427c8.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./Beam.js');
-require('./asyncToGenerator-77821af0.js');
-require('./_library-dd23b178.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-f1c77adb.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-7c86182f.js');
-require('./_object-pie-083f2dd6.js');
-require('prop-types');
-require('./index-0e4427c8.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./Beam.js');
-require('./asyncToGenerator-77821af0.js');
-require('./_library-dd23b178.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-f1c77adb.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-7c86182f.js');
-require('./_object-pie-083f2dd6.js');
-require('prop-types');
-require('./index-0e4427c8.js');
-require('./debounce-d4a2369b.js');
-require('./isSymbol-03abbdf0.js');
-require('./toNumber-5e1fac58.js');
-require('./Beam.js');
-require('./asyncToGenerator-77821af0.js');
-require('./_library-dd23b178.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;