@mjhls/mjh-framework 1.0.782-dev4485 → 1.0.782-gating-test

package/dist/cjs/View.js

@@ -1,84 +1,827 @@
 'use strict';
 
-require('./_commonjsHelpers-06173234.js');
-require('./_to-object-329a650b.js');
-require('./es6.string.iterator-cc0bbaa4.js');
-require('./_library-dd23b178.js');
-require('./_iter-detect-60b2f026.js');
-var toConsumableArray = require('./toConsumableArray-9a3476fe.js');
-require('./core.get-iterator-method-f62321d4.js');
-require('./_object-pie-68c5bcbc.js');
-var _extends = require('./extends-60837c34.js');
-require('./_object-sap-5e74ba08.js');
-require('./inherits-87492b40.js');
-require('./define-property-f4d12f4e.js');
-require('./web.dom.iterable-a0e279c1.js');
-var _typeof = require('./typeof-9d7f610f.js');
-require('./_is-array-754e012d.js');
+var asyncToGenerator = require('./asyncToGenerator-6d1a113d.js');
+var _extends = require('./extends-9d158713.js');
+var slicedToArray = require('./slicedToArray-5d1bc3b3.js');
 var React = require('react');
-var index = require('./index-e08f00ce.js');
-require('prop-types');
-require('react-bootstrap/Row');
-require('react-bootstrap/Col');
-var moment = require('./moment-66a6a284.js');
+var Head = require('next/head');
 var Router = require('next/router');
-require('./isSymbol-04666465.js');
-require('./debounce-529c8d06.js');
-require('./toNumber-36d1e7e5.js');
-var index_es = require('./index.es-13533f24.js');
-require('react-dom');
-var visibilitySensor = require('./visibility-sensor-8b54af99.js');
-require('./index-b5eb3ff8.js');
-require('./index-8a3fb0bc.js');
-var main = require('./main-11ec04d2.js');
-require('./entities-310b46ee.js');
-var slicedToArray = require('./slicedToArray-8f385299.js');
-var stringify = require('./stringify-7c5aff47.js');
-var asyncToGenerator = require('./asyncToGenerator-533d476a.js');
-require('./_set-species-f92c67c5.js');
+var stringify = require('./stringify-c9ac1214.js');
+var toConsumableArray = require('./toConsumableArray-ddb70795.js');
+var moment = require('./moment-aca40de1.js');
+var BlockContent = require('./BlockContent-36e54d77.js');
+var _commonjsHelpers = require('./_commonjsHelpers-06173234.js');
+var styleInject_es = require('./style-inject.es-dcee06b6.js');
 require('./Segment.js');
-require('./Beam.js');
+var index_esm = require('./index.esm-0da0f290.js');
+var main = require('./main-025fdc78.js');
+require('react-bootstrap/Dropdown');
+var Form = require('react-bootstrap/Form');
+var FormControl = require('react-bootstrap/FormControl');
+var Button$1 = require('react-bootstrap/Button');
+var visibilitySensor = require('./visibility-sensor-8b54af99.js');
+var SocialShare = require('./SocialShare.js');
+var getSerializers = require('./index-43f1c558.js');
 var AdSlot = require('./AdSlot.js');
-var BlockContent = require('./BlockContent-8b494587.js');
-require('./index-187c967e.js');
-require('./smoothscroll-5054361f.js');
-require('./GroupDeck.js');
-require('react-bootstrap');
+var SeriesSlider = require('./SeriesSlider-30d7bdb3.js');
+var getTargeting = require('./getTargeting-3cdc6e1d.js');
+var getKeywords = require('./getKeywords.js');
+var urlFor = require('./urlFor.js');
+var _typeof = require('./typeof-88a668c5.js');
+require('./index-80f57cff.js');
+var disqusReact = require('disqus-react');
+var keys = require('./keys-7f2c2108.js');
+var index_es = require('./index.es-f3e47207.js');
+var index = require('./index-0e4427c8.js');
+var getRelatedArticle = require('./getRelatedArticle.js');
+var getQuery = require('./getQuery.js');
+var getSeriesDetail = require('./getSeriesDetail.js');
+require('./es6.string.iterator-c2573ffd.js');
+require('./_to-object-6de10e57.js');
+require('./web.dom.iterable-46657b5c.js');
+require('./_library-dd23b178.js');
+require('./core.get-iterator-method-f474eacc.js');
+require('./_set-species-9f96b3af.js');
+require('./_iter-detect-55a5657a.js');
+require('./_object-pie-083f2dd6.js');
+require('prop-types');
+require('./index-efca863c.js');
 require('./iconBase-68959171.js');
-require('./index.esm-974f47d9.js');
-var getSerializers = require('./index-2410ec98.js');
-require('./util-f2c1b65b.js');
-require('./brightcove-react-player-loader.es-4ba0d3d5.js');
-var Head = require('next/head');
+require('react-dom');
 require('react-share');
-var SocialShare = require('./SocialShare.js');
-require('./_object-to-array-5762f850.js');
+require('react-bootstrap');
+require('./index-187c967e.js');
+require('./util-6f784d85.js');
+require('./Beam.js');
+require('./brightcove-react-player-loader.es-a195642e.js');
+require('./GroupDeck.js');
+require('./smoothscroll-99df7f93.js');
+require('./_is-array-6128bd56.js');
+require('./_object-to-array-8fe5a54f.js');
 require('react-bootstrap/Pagination');
-var Button = require('react-bootstrap/Button');
+require('./entities-3f9d0f2f.js');
+require('react-bootstrap/Row');
+require('react-bootstrap/Col');
+require('./inherits-3ff1b657.js');
+require('./_object-sap-a175b4a9.js');
+require('./define-property-c88be878.js');
+require('./index.esm-974f47d9.js');
 require('react-bootstrap/Figure');
-var Form = require('react-bootstrap/Form');
-var FormControl = require('react-bootstrap/FormControl');
-var keys = require('./keys-a586b7a0.js');
-require('react-bootstrap/Dropdown');
-var index_esm = require('./index.esm-05850a2f.js');
-var getSeriesDetail = require('./getSeriesDetail.js');
+require('./debounce-d4a2369b.js');
+require('./isSymbol-03abbdf0.js');
+require('./toNumber-5e1fac58.js');
 require('./index-bd6c9f56.js');
-var getRelatedArticle = require('./getRelatedArticle.js');
-var getQuery = require('./getQuery.js');
-var SeriesSlider = require('./SeriesSlider-5e6108e0.js');
-var getTargeting = require('./getTargeting-7c425fbf.js');
-var getKeywords = require('./getKeywords.js');
-var urlFor = require('./urlFor.js');
-var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var disqusReact = require('disqus-react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
-var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
 var FormControl__default = /*#__PURE__*/_interopDefaultLegacy(FormControl);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$1);
+
+var logger = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setLogger = setLogger;
+exports.proxyLogger = proxyLogger;
+exports.default = void 0;
+var _logger = {
+  error(code) {
+    for (var _len = arguments.length, message = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      message[_key - 1] = arguments[_key];
+    }
+
+    console.error("[next-auth][error][".concat(code.toLowerCase(), "]"), "\nhttps://next-auth.js.org/errors#".concat(code.toLowerCase()), ...message);
+  },
+
+  warn(code) {
+    for (var _len2 = arguments.length, message = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+      message[_key2 - 1] = arguments[_key2];
+    }
+
+    console.warn("[next-auth][warn][".concat(code.toLowerCase(), "]"), "\nhttps://next-auth.js.org/warnings#".concat(code.toLowerCase()), ...message);
+  },
+
+  debug(code) {
+    var _process, _process$env;
+
+    if (!((_process = process) !== null && _process !== void 0 && (_process$env = _process.env) !== null && _process$env !== void 0 && _process$env._NEXTAUTH_DEBUG)) return;
+
+    for (var _len3 = arguments.length, message = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      message[_key3 - 1] = arguments[_key3];
+    }
+
+    console.log("[next-auth][debug][".concat(code.toLowerCase(), "]"), ...message);
+  }
+
+};
+
+function setLogger() {
+  var newLogger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (newLogger.error) _logger.error = newLogger.error;
+  if (newLogger.warn) _logger.warn = newLogger.warn;
+  if (newLogger.debug) _logger.debug = newLogger.debug;
+}
+
+var _default = _logger;
+exports.default = _default;
+
+function proxyLogger() {
+  var logger = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _logger;
+  var basePath = arguments.length > 1 ? arguments[1] : undefined;
+
+  try {
+    if (typeof window === 'undefined') {
+      return logger;
+    }
+
+    var clientLogger = {};
+
+    var _loop = function _loop(level) {
+      clientLogger[level] = function (code) {
+        for (var _len4 = arguments.length, message = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
+          message[_key4 - 1] = arguments[_key4];
+        }
+
+        _logger[level](code, ...message);
+
+        var url = "".concat(basePath, "/_log");
+        var body = new URLSearchParams({
+          level,
+          code,
+          message: JSON.stringify(message.map(m => {
+            if (m instanceof Error) {
+              return {
+                name: m.name,
+                message: m.message,
+                stack: m.stack
+              };
+            }
+
+            return m;
+          }))
+        });
+
+        if (navigator.sendBeacon) {
+          return navigator.sendBeacon(url, body);
+        }
+
+        return fetch(url, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json'
+          },
+          body
+        });
+      };
+    };
+
+    for (var level in logger) {
+      _loop(level);
+    }
+
+    return clientLogger;
+  } catch (_unused) {
+    return _logger;
+  }
+}
+});
+
+_commonjsHelpers.unwrapExports(logger);
+logger.setLogger;
+logger.proxyLogger;
+
+var parseUrl_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = parseUrl;
+
+function parseUrl(url) {
+  var defaultHost = 'http://localhost:3000';
+  var defaultPath = '/api/auth';
+
+  if (!url) {
+    url = "".concat(defaultHost).concat(defaultPath);
+  }
+
+  var protocol = url.startsWith('http:') ? 'http' : 'https';
+  url = url.replace(/^https?:\/\//, '').replace(/\/$/, '');
+  var [_host, ..._path] = url.split('/');
+  var baseUrl = _host ? "".concat(protocol, "://").concat(_host) : defaultHost;
+  var basePath = _path.length > 0 ? "/".concat(_path.join('/')) : defaultPath;
+  return {
+    baseUrl,
+    basePath
+  };
+}
+});
+
+_commonjsHelpers.unwrapExports(parseUrl_1);
+
+var client$1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSession = useSession;
+exports.getSession = getSession;
+exports.getProviders = getProviders;
+exports.signIn = signIn;
+exports.signOut = signOut;
+exports.setOptions = setOptions;
+exports.Provider = Provider;
+exports.default = void 0;
+
+
+
+var _logger2 = _interopRequireWildcard(logger);
+
+var _parseUrl = _interopRequireDefault(parseUrl_1);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var __NEXTAUTH = {
+  baseUrl: (0, _parseUrl.default)(process.env.NEXTAUTH_URL || process.env.VERCEL_URL).baseUrl,
+  basePath: (0, _parseUrl.default)(process.env.NEXTAUTH_URL).basePath,
+  baseUrlServer: (0, _parseUrl.default)(process.env.NEXTAUTH_URL_INTERNAL || process.env.NEXTAUTH_URL || process.env.VERCEL_URL).baseUrl,
+  basePathServer: (0, _parseUrl.default)(process.env.NEXTAUTH_URL_INTERNAL || process.env.NEXTAUTH_URL).basePath,
+  keepAlive: 0,
+  clientMaxAge: 0,
+  _clientLastSync: 0,
+  _clientSyncTimer: null,
+  _eventListenersAdded: false,
+  _clientSession: undefined,
+  _getSession: () => {}
+};
+var logger$1 = (0, _logger2.proxyLogger)(_logger2.default, __NEXTAUTH.basePath);
+var broadcast = BroadcastChannel();
+
+if (typeof window !== 'undefined' && !__NEXTAUTH._eventListenersAdded) {
+  __NEXTAUTH._eventListenersAdded = true;
+  broadcast.receive(() => __NEXTAUTH._getSession({
+    event: 'storage'
+  }));
+  document.addEventListener('visibilitychange', () => {
+    !document.hidden && __NEXTAUTH._getSession({
+      event: 'visibilitychange'
+    });
+  }, false);
+}
+
+var SessionContext = (0, React__default['default'].createContext)();
+
+function useSession(session) {
+  var context = (0, React__default['default'].useContext)(SessionContext);
+  if (context) return context;
+  return _useSessionHook(session);
+}
+
+function _useSessionHook(session) {
+  var [data, setData] = (0, React__default['default'].useState)(session);
+  var [loading, setLoading] = (0, React__default['default'].useState)(!data);
+  (0, React__default['default'].useEffect)(() => {
+    __NEXTAUTH._getSession = _asyncToGenerator(function* () {
+      var {
+        event = null
+      } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+      try {
+        var triggredByEvent = event !== null;
+        var triggeredByStorageEvent = event === 'storage';
+        var clientMaxAge = __NEXTAUTH.clientMaxAge;
+        var clientLastSync = parseInt(__NEXTAUTH._clientLastSync);
+
+        var currentTime = _now();
+
+        var clientSession = __NEXTAUTH._clientSession;
+
+        if (!triggeredByStorageEvent && clientSession !== undefined) {
+          if (clientMaxAge === 0 && triggredByEvent !== true) {
+            return;
+          } else if (clientMaxAge > 0 && clientSession === null) {
+            return;
+          } else if (clientMaxAge > 0 && currentTime < clientLastSync + clientMaxAge) {
+            return;
+          }
+        }
+
+        if (clientSession === undefined) {
+          __NEXTAUTH._clientSession = null;
+        }
+
+        __NEXTAUTH._clientLastSync = _now();
+        var newClientSessionData = yield getSession({
+          triggerEvent: !triggeredByStorageEvent
+        });
+        __NEXTAUTH._clientSession = newClientSessionData;
+        setData(newClientSessionData);
+        setLoading(false);
+      } catch (error) {
+        logger$1.error('CLIENT_USE_SESSION_ERROR', error);
+        setLoading(false);
+      }
+    });
+
+    __NEXTAUTH._getSession();
+  });
+  return [data, loading];
+}
+
+function getSession(_x) {
+  return _getSession2.apply(this, arguments);
+}
+
+function _getSession2() {
+  _getSession2 = _asyncToGenerator(function* (ctx) {
+    var _ctx$triggerEvent;
+
+    var session = yield _fetchData('session', ctx);
+
+    if ((_ctx$triggerEvent = ctx === null || ctx === void 0 ? void 0 : ctx.triggerEvent) !== null && _ctx$triggerEvent !== void 0 ? _ctx$triggerEvent : true) {
+      broadcast.post({
+        event: 'session',
+        data: {
+          trigger: 'getSession'
+        }
+      });
+    }
+
+    return session;
+  });
+  return _getSession2.apply(this, arguments);
+}
+
+function getCsrfToken(_x2) {
+  return _getCsrfToken.apply(this, arguments);
+}
+
+function _getCsrfToken() {
+  _getCsrfToken = _asyncToGenerator(function* (ctx) {
+    var _yield$_fetchData;
+
+    return (_yield$_fetchData = yield _fetchData('csrf', ctx)) === null || _yield$_fetchData === void 0 ? void 0 : _yield$_fetchData.csrfToken;
+  });
+  return _getCsrfToken.apply(this, arguments);
+}
+
+function getProviders() {
+  return _getProviders.apply(this, arguments);
+}
+
+function _getProviders() {
+  _getProviders = _asyncToGenerator(function* () {
+    return _fetchData('providers');
+  });
+  return _getProviders.apply(this, arguments);
+}
+
+function signIn(_x3) {
+  return _signIn.apply(this, arguments);
+}
+
+function _signIn() {
+  _signIn = _asyncToGenerator(function* (provider) {
+    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var authorizationParams = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var {
+      callbackUrl = window.location,
+      redirect = true
+    } = options;
+
+    var baseUrl = _apiBaseUrl();
+
+    var providers = yield getProviders();
+
+    if (!(provider in providers)) {
+      window.location = "".concat(baseUrl, "/signin?callbackUrl=").concat(encodeURIComponent(callbackUrl));
+      return;
+    }
+
+    var isCredentials = providers[provider].type === 'credentials';
+    var isEmail = providers[provider].type === 'email';
+    var canRedirectBeDisabled = isCredentials || isEmail;
+    var signInUrl = isCredentials ? "".concat(baseUrl, "/callback/").concat(provider) : "".concat(baseUrl, "/signin/").concat(provider);
+    var fetchOptions = {
+      method: 'post',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded'
+      },
+      body: new URLSearchParams(_objectSpread(_objectSpread({}, options), {}, {
+        csrfToken: yield getCsrfToken(),
+        callbackUrl,
+        json: true
+      }))
+    };
+
+    var _signInUrl = "".concat(signInUrl, "?").concat(new URLSearchParams(authorizationParams));
+
+    var res = yield fetch(_signInUrl, fetchOptions);
+    var data = yield res.json();
+
+    if (redirect || !canRedirectBeDisabled) {
+      var _data$url;
+
+      var url = (_data$url = data.url) !== null && _data$url !== void 0 ? _data$url : callbackUrl;
+      window.location = url;
+      if (url.includes('#')) window.location.reload();
+      return;
+    }
+
+    var error = new URL(data.url).searchParams.get('error');
+
+    if (res.ok) {
+      yield __NEXTAUTH._getSession({
+        event: 'storage'
+      });
+    }
+
+    return {
+      error,
+      status: res.status,
+      ok: res.ok,
+      url: error ? null : data.url
+    };
+  });
+  return _signIn.apply(this, arguments);
+}
+
+function signOut() {
+  return _signOut.apply(this, arguments);
+}
+
+function _signOut() {
+  _signOut = _asyncToGenerator(function* () {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var {
+      callbackUrl = window.location,
+      redirect = true
+    } = options;
+
+    var baseUrl = _apiBaseUrl();
+
+    var fetchOptions = {
+      method: 'post',
+      headers: {
+        'Content-Type': 'application/x-www-form-urlencoded'
+      },
+      body: new URLSearchParams({
+        csrfToken: yield getCsrfToken(),
+        callbackUrl,
+        json: true
+      })
+    };
+    var res = yield fetch("".concat(baseUrl, "/signout"), fetchOptions);
+    var data = yield res.json();
+    broadcast.post({
+      event: 'session',
+      data: {
+        trigger: 'signout'
+      }
+    });
+
+    if (redirect) {
+      var _data$url2;
+
+      var url = (_data$url2 = data.url) !== null && _data$url2 !== void 0 ? _data$url2 : callbackUrl;
+      window.location = url;
+      if (url.includes('#')) window.location.reload();
+      return;
+    }
+
+    yield __NEXTAUTH._getSession({
+      event: 'storage'
+    });
+    return data;
+  });
+  return _signOut.apply(this, arguments);
+}
+
+function setOptions() {
+  var {
+    baseUrl,
+    basePath,
+    clientMaxAge,
+    keepAlive
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (baseUrl) __NEXTAUTH.baseUrl = baseUrl;
+  if (basePath) __NEXTAUTH.basePath = basePath;
+  if (clientMaxAge) __NEXTAUTH.clientMaxAge = clientMaxAge;
+
+  if (keepAlive) {
+    __NEXTAUTH.keepAlive = keepAlive;
+    if (typeof window === 'undefined') return;
+
+    if (__NEXTAUTH._clientSyncTimer !== null) {
+      clearTimeout(__NEXTAUTH._clientSyncTimer);
+    }
+
+    __NEXTAUTH._clientSyncTimer = setTimeout(_asyncToGenerator(function* () {
+      if (!__NEXTAUTH._clientSession) return;
+      yield __NEXTAUTH._getSession({
+        event: 'timer'
+      });
+    }), keepAlive * 1000);
+  }
+}
+
+function Provider(_ref3) {
+  var {
+    children,
+    session,
+    options
+  } = _ref3;
+  setOptions(options);
+  return (0, React__default['default'].createElement)(SessionContext.Provider, {
+    value: useSession(session)
+  }, children);
+}
+
+function _fetchData(_x4) {
+  return _fetchData2.apply(this, arguments);
+}
+
+function _fetchData2() {
+  _fetchData2 = _asyncToGenerator(function* (path) {
+    var {
+      ctx,
+      req = ctx === null || ctx === void 0 ? void 0 : ctx.req
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+    try {
+      var baseUrl = yield _apiBaseUrl();
+      var options = req ? {
+        headers: {
+          cookie: req.headers.cookie
+        }
+      } : {};
+      var res = yield fetch("".concat(baseUrl, "/").concat(path), options);
+      var data = yield res.json();
+      return Object.keys(data).length > 0 ? data : null;
+    } catch (error) {
+      logger$1.error('CLIENT_FETCH_ERROR', path, error);
+      return null;
+    }
+  });
+  return _fetchData2.apply(this, arguments);
+}
+
+function _apiBaseUrl() {
+  if (typeof window === 'undefined') {
+    if (!process.env.NEXTAUTH_URL) {
+      logger$1.warn('NEXTAUTH_URL', 'NEXTAUTH_URL environment variable not set');
+    }
+
+    return "".concat(__NEXTAUTH.baseUrlServer).concat(__NEXTAUTH.basePathServer);
+  }
+
+  return __NEXTAUTH.basePath;
+}
+
+function _now() {
+  return Math.floor(Date.now() / 1000);
+}
+
+function BroadcastChannel() {
+  var name = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'nextauth.message';
+  return {
+    receive(onReceive) {
+      if (typeof window === 'undefined') return;
+      window.addEventListener('storage', function () {
+        var _ref4 = _asyncToGenerator(function* (event) {
+          if (event.key !== name) return;
+          var message = JSON.parse(event.newValue);
+          if ((message === null || message === void 0 ? void 0 : message.event) !== 'session' || !(message !== null && message !== void 0 && message.data)) return;
+          onReceive(message);
+        });
+
+        return function (_x5) {
+          return _ref4.apply(this, arguments);
+        };
+      }());
+    },
+
+    post(message) {
+      if (typeof localStorage === 'undefined') return;
+      localStorage.setItem(name, JSON.stringify(_objectSpread(_objectSpread({}, message), {}, {
+        timestamp: _now()
+      })));
+    }
+
+  };
+}
+
+var _default = {
+  getSession,
+  getCsrfToken,
+  getProviders,
+  useSession,
+  signIn,
+  signOut,
+  Provider,
+  setOptions,
+  options: setOptions,
+  session: getSession,
+  providers: getProviders,
+  csrfToken: getCsrfToken,
+  signin: signIn,
+  signout: signOut
+};
+exports.default = _default;
+});
+
+_commonjsHelpers.unwrapExports(client$1);
+client$1.useSession;
+client$1.getSession;
+client$1.getProviders;
+client$1.signIn;
+client$1.signOut;
+client$1.setOptions;
+client$1.Provider;
+
+var client = client$1.default;
+
+var Button = function Button(props) {
+  var children = props.children,
+      color = props.color,
+      provider = props.provider;
+
+
+  var style = {
+    background: color,
+    cursor: 'pointer',
+    borderRadius: '5px',
+    display: 'flex',
+    margin: '5px',
+    padding: '15px 20px',
+    color: '#fff',
+    minWidth: '220px',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    border: 'none'
+  };
+
+  return React__default['default'].createElement(
+    'button',
+    _extends._extends({ onClick: function onClick() {
+        return client.signIn(provider);
+      }, style: style }, props),
+    children
+  );
+};
+
+var css$1 = ".SocialSelectionBox-module_selectionOverlay__1YjEX{\n  position: absolute;\n  top: 0;\n  bottom:0;\n  left: 0;\n  right: 0;\n  margin: 0 -.5rem;\n  padding-top: 3rem;\n  background: transparent;\n  /* backdrop-filter: blur(3px); */\n  z-index: 8999;\n  display: flex;\n  justify-content: center;\n  align-items: flex-start;\n  \n}\n.SocialSelectionBox-module_selectionModal__3JGpH{\n  max-width: 90vw;\n  background: white;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  padding: 2rem;\n  border-radius: 5px;\n  box-shadow: 2px 5px 10px rgba(0,0,0,.25);\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translateX(-50%) translateY(-50%);\n  z-index: 99999;\n}\n.SocialSelectionBox-module_loginText__1kMpQ{\n  margin-bottom: 1rem;\n  font-size: 1.1rem;\n  width: 100%;\n  text-align: center;\n  font-weight: bold;\n  padding-bottom: .75rem;\n  border-bottom: 1px solid #eee;\n}";
+var styles$1 = { "selectionOverlay": "SocialSelectionBox-module_selectionOverlay__1YjEX", "selectionModal": "SocialSelectionBox-module_selectionModal__3JGpH", "loginText": "SocialSelectionBox-module_loginText__1kMpQ" };
+styleInject_es.styleInject(css$1);
+
+var SocialSelectionBox = function SocialSelectionBox(_ref) {
+  var socialLoginProviders = _ref.socialLoginProviders;
+      _ref.website;
+      var _ref$signupUrl = _ref.signupUrl,
+      signupUrl = _ref$signupUrl === undefined ? '' : _ref$signupUrl;
+
+  if (!socialLoginProviders) return null;
+
+  var socialModal = React.useRef();
+
+  var _useState = React.useState(true),
+      _useState2 = slicedToArray._slicedToArray(_useState, 2),
+      showModal = _useState2[0];
+      _useState2[1];
+  // const localStorageViewed = new LocalStorage(website)
+
+  React.useEffect(function () {
+    if (showModal) {
+      // socialModal.current.style.display = 'flex'
+      document.body.style.overflow = 'hidden';
+    } else {
+      // socialModal.current.style.display = 'none'
+      document.body.style.overflow = 'auto';
+    }
+  }, [showModal]);
+
+  return React__default['default'].createElement(
+    React__default['default'].Fragment,
+    null,
+    showModal && React__default['default'].createElement(
+      React__default['default'].Fragment,
+      null,
+      React__default['default'].createElement(
+        'div',
+        { ref: socialModal, className: styles$1.selectionOverlay },
+        ' '
+      ),
+      React__default['default'].createElement(
+        'div',
+        { className: styles$1.selectionModal },
+        React__default['default'].createElement(
+          'div',
+          { className: styles$1.loginText },
+          'Please log in to continue.'
+        ),
+        socialLoginProviders.facebook && React__default['default'].createElement(
+          Button,
+          { provider: 'facebook', color: '#4267B2', key: 'facebook' },
+          React__default['default'].createElement(
+            'div',
+            null,
+            React__default['default'].createElement(index_esm.FaFacebookF, { style: { color: 'white', marginRight: '1rem', fontSize: '24px' } })
+          ),
+          React__default['default'].createElement(
+            'div',
+            { style: { textAlign: 'center', flex: '1 1 auto' } },
+            ' Login with Facebook'
+          )
+        ),
+        socialLoginProviders.google && React__default['default'].createElement(
+          Button,
+          { provider: 'google', color: '#EA4335' },
+          React__default['default'].createElement(
+            'div',
+            null,
+            React__default['default'].createElement(index_esm.FaGooglePlusG, { style: { color: 'white', marginRight: '1rem', fontSize: '24px' } }),
+            ' '
+          ),
+          React__default['default'].createElement(
+            'div',
+            { style: { textAlign: 'center', flex: '1 1 auto' } },
+            'Login with Google'
+          )
+        ),
+        socialLoginProviders.linkedin && React__default['default'].createElement(
+          Button,
+          { provider: 'linkedin', color: '#003f67' },
+          React__default['default'].createElement(
+            'div',
+            null,
+            React__default['default'].createElement(index_esm.FaLinkedinIn, { style: { color: 'white', marginRight: '1rem', fontSize: '24px' } }),
+            ' '
+          ),
+          React__default['default'].createElement(
+            'div',
+            { style: { textAlign: 'center', flex: '1 1 auto' } },
+            'Login with Linkedin'
+          )
+        ),
+        socialLoginProviders.apple && React__default['default'].createElement(
+          Button,
+          { provider: 'apple', color: 'rgba(34,34,34,.95)' },
+          React__default['default'].createElement(
+            'div',
+            null,
+            React__default['default'].createElement(index_esm.FaLinkedinIn, { style: { color: 'white', marginRight: '1rem', fontSize: '24px' } }),
+            ' '
+          ),
+          React__default['default'].createElement(
+            'div',
+            { style: { textAlign: 'center', flex: '1 1 auto' } },
+            'Login with Apple'
+          )
+        ),
+        socialLoginProviders.credentials && React__default['default'].createElement(
+          Button,
+          { provider: 'Credentials', color: 'rgba(34,34,34,.95)' },
+          React__default['default'].createElement(
+            'div',
+            { style: { textAlign: 'center', flex: '1 1 auto' } },
+            'Login with Email'
+          )
+        ),
+        React__default['default'].createElement('br', null),
+        React__default['default'].createElement(
+          'p',
+          null,
+          'Don\'t have an account?',
+          ' ',
+          React__default['default'].createElement(
+            'a',
+            { target: '_blank', href: signupUrl, rel: 'noopener' },
+            'Sign Up here.'
+          )
+        )
+      )
+    ),
+    React__default['default'].createElement('span', null)
+  );
+};
 
 var getArticleSummary = function getArticleSummary(article) {
   if (article.summary && article.summary.length > 0) {
@@ -164,9 +907,9 @@ var DocumentGroup = function DocumentGroup(_ref) {
       style: { display: 'flex', flexDirection: 'column', padding: '0 1rem', justifyContent: thumbnailUrl ? 'center' : 'flex-start', alignItems: 'center' } },
     thumbnailUrl && React__default['default'].createElement('img', { style: { maxWidth: '220px', maxHeight: '100px', marginTop: '1rem' }, src: thumbnailUrl, alt: name }),
     !thumbnailUrl && React__default['default'].createElement('p', {
-      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main.main_39 ? 'left' : 'right', marginTop: '.25rem' },
+      style: { maxWidth: '315px', margin: '0', color: 'var(--primary)', textAlign: thumbnailUrl ? 'center' : main.main_43 ? 'left' : 'right', marginTop: '.25rem' },
       dangerouslySetInnerHTML: { __html: name } }),
-    main.main_39 && !thumbnailUrl && React__default['default'].createElement(
+    main.main_43 && !thumbnailUrl && React__default['default'].createElement(
       'style',
       { jsx: 'true' },
       '\n          a.doc-group {\n            display: block !important;\n            padding: 0 !important;\n          }\n        '
@@ -455,7 +1198,13 @@ var Article = React.forwardRef(function (props, ref) {
       hideFBShare = _props$hideFBShare === undefined ? false : _props$hideFBShare,
       _props$hidePinterestS = props.hidePinterestShare,
       hidePinterestShare = _props$hidePinterestS === undefined ? false : _props$hidePinterestS;
-  var client = props.client,
+
+  var _nextAuth$useSession = client.useSession(),
+      _nextAuth$useSession2 = slicedToArray._slicedToArray(_nextAuth$useSession, 2),
+      session = _nextAuth$useSession2[0],
+      loading = _nextAuth$useSession2[1];
+
+  var client$1 = props.client,
       pageview = props.pageview,
       videoAccountIDs = props.videoAccountIDs,
       drupalLeadSettings = props.drupalLeadSettings,
@@ -497,13 +1246,13 @@ var Article = React.forwardRef(function (props, ref) {
       _props$sponsoredFlag = props.sponsoredFlag,
       sponsoredFlag = _props$sponsoredFlag === undefined ? false : _props$sponsoredFlag,
       _props$authorImgHeigh = props.authorImgHeight,
-      authorImgHeight = _props$authorImgHeigh === undefined ? 270 : _props$authorImgHeigh,
-      active = props.active,
-      containerHeight = props.containerHeight,
+      authorImgHeight = _props$authorImgHeigh === undefined ? 270 : _props$authorImgHeigh;
+      props.active;
+      var containerHeight = props.containerHeight,
       _props$refreshFlag = props.refreshFlag,
       refreshFlag = _props$refreshFlag === undefined ? false : _props$refreshFlag,
-      disqusConfig = props.disqusConfig,
-      showDisqus = props.showDisqus;
+      disqusConfig = props.disqusConfig;
+
 
   var targeting = getTargeting.getTargeting(props);
   var onChangeArticle = props.onChangeArticle;
@@ -556,9 +1305,9 @@ var Article = React.forwardRef(function (props, ref) {
       setArticleBody = _useState10[1];
 
   var _useState11 = React.useState(true),
-      _useState12 = slicedToArray._slicedToArray(_useState11, 2),
-      previewAd = _useState12[0],
-      setPreviewAd = _useState12[1];
+      _useState12 = slicedToArray._slicedToArray(_useState11, 2);
+      _useState12[0];
+      var setPreviewAd = _useState12[1];
 
   React.useEffect(function () {
     var path = window && window.location && window.location.search;
@@ -580,9 +1329,9 @@ var Article = React.forwardRef(function (props, ref) {
   var renderAuthorBiography = function renderAuthorBiography(biography) {
     if (biography) {
       return React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
-        serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
+        serializers: getSerializers.getSerializers(client$1, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, contextualADFlag),
         blocks: [biography]
-      }, client.config()));
+      }, client$1.config()));
     }
   };
   var renderIsiContent = function renderIsiContent(article) {
@@ -667,7 +1416,7 @@ var Article = React.forwardRef(function (props, ref) {
         { className: 'pt-2' },
         React__default['default'].createElement(RelatedArticle, {
           articles: article.relatedArticle,
-          client: client,
+          client: client$1,
           fallbackImage: props.Settings.logo,
           showRelatedArticleFallbackImage: props.showRelatedArticleFallbackImage
         })
@@ -716,6 +1465,45 @@ var Article = React.forwardRef(function (props, ref) {
   };
 
   var renderBlockContent = function renderBlockContent(payload, meta, authorImgHeight) {
+    if (payload.isGated && !session) {
+      return React__default['default'].createElement(
+        'div',
+        null,
+        React__default['default'].createElement(SocialSelectionBox, { socialLoginProviders: props.socialLoginProviders, signupUrl: props.signupUrl, website: client$1.clientConfig.dataset }),
+        React__default['default'].createElement(
+          'div',
+          { style: { filter: 'blur(3px)' } },
+          React__default['default'].createElement(
+            'div',
+            { style: { width: '168px', height: '198px', float: 'left', marginRight: '1rem', background: 'white' } },
+            React__default['default'].createElement('div', { style: { width: '142px', height: '176px', background: '#eee' } })
+          ),
+          React__default['default'].createElement('div', { style: { width: '100%', height: '22px', background: '#eee', marginBottom: '.1rem' } }),
+          React__default['default'].createElement('div', { style: { width: '75%', height: '22px', background: '#eee', marginBottom: '1rem' } }),
+          React__default['default'].createElement('div', { style: { width: '100%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '90%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '97%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '65%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '75%', height: '22px', background: '#eee', marginBottom: '1rem' } }),
+          React__default['default'].createElement('div', { style: { width: '100%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '100%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '100%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '50%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '100%', height: '22px', background: '#eee', marginBottom: '.1rem' } }),
+          React__default['default'].createElement('div', { style: { width: '75%', height: '22px', background: '#eee', marginBottom: '1rem' } }),
+          React__default['default'].createElement('div', { style: { width: '100%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '90%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '97%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '65%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '75%', height: '22px', background: '#eee', marginBottom: '1rem' } }),
+          React__default['default'].createElement('div', { style: { width: '100%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '100%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '100%', height: '22px', background: '#eee', marginBottom: '.25rem' } }),
+          React__default['default'].createElement('div', { style: { width: '50%', height: '22px', background: '#eee', marginBottom: '.25rem' } })
+        )
+      );
+    }
+
     var _payload = payload,
         body = _payload.body;
 
@@ -751,12 +1539,12 @@ var Article = React.forwardRef(function (props, ref) {
         React__default['default'].Fragment,
         null,
         React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
-          serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
+          serializers: getSerializers.getSerializers(client$1, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(0, selectedIndex))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config())),
+        }, client$1.config())),
         React__default['default'].createElement('span', { className: 'clearfix' }),
-        article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
+        article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: props.sliderData, client: client$1, nowPlaying: article.title, displayEpisodeNumber: true }),
         React__default['default'].createElement(
           'div',
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
@@ -772,10 +1560,10 @@ var Article = React.forwardRef(function (props, ref) {
           React__default['default'].createElement(AdSlot, _extends._extends({}, payload.contextualVideoAD, { refreshFlag: refreshFlag, checkIsAdFound: checkIsVideoAdFound }))
         ),
         React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
-          serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
+          serializers: getSerializers.getSerializers(client$1, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(selectedIndex))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config()))
+        }, client$1.config()))
       );
     } else if (indexes.length >= 2 && body.length >= 3 && payload.contextualAD && !payload.contextualVideoAD) {
       payload = _extends._extends({}, payload, {
@@ -796,16 +1584,17 @@ var Article = React.forwardRef(function (props, ref) {
       if (seriesInfo.hasVideo) {
         _selectedIndex = seriesInfo.videoIndex;
       }
+
       return React__default['default'].createElement(
         React__default['default'].Fragment,
         null,
         React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
-          serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
+          serializers: getSerializers.getSerializers(client$1, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(0, _selectedIndex))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config())),
+        }, client$1.config())),
         contextualADFlag && React__default['default'].createElement('span', { className: 'clearfix' }),
-        article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
+        article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: props.sliderData, client: client$1, nowPlaying: article.title, displayEpisodeNumber: true }),
         (visibleFlag || queueData && queueData.length === 1 || !props.infiniteScroll) && React__default['default'].createElement(
           'div',
           { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
@@ -816,10 +1605,10 @@ var Article = React.forwardRef(function (props, ref) {
         ),
         contextualADFlag && React__default['default'].createElement('span', { className: 'clearfix' }),
         React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
-          serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
+          serializers: getSerializers.getSerializers(client$1, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(_selectedIndex))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config()))
+        }, client$1.config()))
       );
     } else if (indexes.length >= 2 && body.length > 3 && payload.contextualVideoAD && !payload.contextualAD) {
       payload = _extends._extends({}, payload, {
@@ -849,22 +1638,22 @@ var Article = React.forwardRef(function (props, ref) {
         React__default['default'].Fragment,
         null,
         React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
-          serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
+          serializers: getSerializers.getSerializers(client$1, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, contextualADFlag, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(0, _selectedIndex2))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config())),
+        }, client$1.config())),
         React__default['default'].createElement('span', { className: 'clearfix' }),
-        article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
+        article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: props.sliderData, client: client$1, nowPlaying: article.title, displayEpisodeNumber: true }),
         React__default['default'].createElement(
           'div',
           { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
           React__default['default'].createElement(AdSlot, _extends._extends({}, payload.contextualVideoAD, { refreshFlag: refreshFlag, checkIsAdFound: _checkIsAdFound2 }))
         ),
         React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
-          serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
+          serializers: getSerializers.getSerializers(client$1, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(_selectedIndex2))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config()))
+        }, client$1.config()))
       );
     } else {
       var _selectedIndex3 = indexes[1] + 1;
@@ -876,16 +1665,16 @@ var Article = React.forwardRef(function (props, ref) {
         'div',
         null,
         React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
-          serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, false, null, props.article.Ads, targeting, article, meta, authorPrefix, authorImgHeight),
+          serializers: getSerializers.getSerializers(client$1, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, false, null, props.article.Ads, targeting, article, meta, authorPrefix, authorImgHeight),
           blocks: article.documentGroup && article.documentGroup.isSeries ? [].concat(toConsumableArray._toConsumableArray(articleBody.slice(0, _selectedIndex3))) : articleBody,
           imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config())),
-        article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true }),
+        }, client$1.config())),
+        article.documentGroup && article.documentGroup.isSeries && props.sliderData && seriesInfo.hasVideo && React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: props.sliderData, client: client$1, nowPlaying: article.title, displayEpisodeNumber: true }),
         article.documentGroup && article.documentGroup.isSeries && React__default['default'].createElement(BlockContent.BlockContent, _extends._extends({
-          serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
+          serializers: getSerializers.getSerializers(client$1, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, isMediaSeries, null, null, null, targeting, article, meta, authorPrefix, authorImgHeight),
           blocks: [].concat(toConsumableArray._toConsumableArray(articleBody.slice(_selectedIndex3))),
           imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config()))
+        }, client$1.config()))
       );
     }
   };
@@ -926,8 +1715,8 @@ var Article = React.forwardRef(function (props, ref) {
         shareSubject = shareOptions.shareSubject,
         twitterSiteName = shareOptions.twitterSiteName,
         shareImageDefault = shareOptions.shareImageDefault,
-        shareBaseUrl = shareOptions.shareBaseUrl,
-        shareSiteTitle = shareOptions.shareSiteTitle;
+        shareBaseUrl = shareOptions.shareBaseUrl;
+        shareOptions.shareSiteTitle;
 
     var shareUrl = shareBaseUrl + props.article.url.current;
     var shareTitle = article.title;
@@ -1132,12 +1921,12 @@ var Article = React.forwardRef(function (props, ref) {
                 { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' } },
                 React__default['default'].createElement('img', { style: { maxWidth: '100%', maxHeight: '300px' }, src: urlFor(props.client, thumbnail) })
               ),
-              React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: props.sliderData, client: client, nowPlaying: article.title, displayEpisodeNumber: true })
+              React__default['default'].createElement(SeriesSlider.SeriesSlider, { dataset: props.sliderData, client: client$1, nowPlaying: article.title, displayEpisodeNumber: true })
             ),
             React__default['default'].createElement(
               'div',
               { className: 'ad-box', style: { textAlign: 'center' } },
-              main.main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+              main.main_43 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
                 if (index === 0) {
                   return React__default['default'].createElement(
                     'div',
@@ -1191,7 +1980,7 @@ var Article = React.forwardRef(function (props, ref) {
             ),
             React__default['default'].createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
             showRelatedArticles && !showIsi && React__default['default'].createElement(RelatedContent, null),
-            disqusConfig && showDisqus && React__default['default'].createElement(
+            disqusConfig && React__default['default'].createElement(
               'div',
               { id: 'disqusContainer' },
               React__default['default'].createElement(disqusReact.DiscussionEmbed, {
@@ -1211,11 +2000,11 @@ var Article = React.forwardRef(function (props, ref) {
         ISI,
         null,
         React__default['default'].createElement(BlockContent.BlockContent, {
-          serializers: getSerializers.getSerializers(client, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads, targeting),
+          serializers: getSerializers.getSerializers(client$1, pageview, videoAccountIDs, onVote, true, drupalLeadSettings, currentPage, false, false, null, props.article.Ads, targeting),
           blocks: isi
         })
       ),
-      main.main_39 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
+      main.main_43 && !sponsoredFlag && props.article.Ads && props.article.Ads.length > 0 && props.article.Ads.map(function (ad, index) {
         if (index > 0) {
           return React__default['default'].createElement(
             'div',
@@ -1248,21 +2037,21 @@ var Article = React.forwardRef(function (props, ref) {
     } else {
       return form();
     }
-  } else {
+  } else if (!loading) {
     return detail();
   }
 });
 
-var _this = undefined;
+var _this$1 = undefined;
 
 var ArticleQueue = function ArticleQueue(props) {
   var _props$prevUrl = props.prevUrl,
       prevUrl = _props$prevUrl === undefined ? '/' : _props$prevUrl,
       Ads = props.Ads,
       _props$maxListLength = props.maxListLength,
-      maxListLength = _props$maxListLength === undefined ? 10 : _props$maxListLength,
-      _props$sponsoredTaxon = props.sponsoredTaxonomies,
-      _props$cpModification = props.cpModificationRequired,
+      maxListLength = _props$maxListLength === undefined ? 10 : _props$maxListLength;
+      props.sponsoredTaxonomies;
+      var _props$cpModification = props.cpModificationRequired,
       cpModificationRequired = _props$cpModification === undefined ? false : _props$cpModification,
       _props$authorPrefix = props.authorPrefix,
       authorPrefix = _props$authorPrefix === undefined ? 'authors' : _props$authorPrefix,
@@ -1311,7 +2100,7 @@ var ArticleQueue = function ArticleQueue(props) {
       return item.url.current === path;
     });
     var targeting = getTargeting.getTargeting({ article: activeArticle, cpModificationRequired: cpModificationRequired, position: props.position, prevUrl: prevUrl });
-    if (!main.main_39) {
+    if (!main.main_43) {
       index.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
           var slots = googletag.pubads().getSlots();
@@ -1328,7 +2117,7 @@ var ArticleQueue = function ArticleQueue(props) {
       });
     }
     //Refresh leaderboard ad on mobile
-    if (main.main_39) {
+    if (main.main_43) {
       var leaderboardSlotId = '';
       index.lib_3.getGoogletag().then(function (googletag) {
         if (window.googletag && googletag.pubadsReady) {
@@ -1432,7 +2221,7 @@ var ArticleQueue = function ArticleQueue(props) {
               return _context.stop();
           }
         }
-      }, _callee, _this, [[3, 9], [15, 21]]);
+      }, _callee, _this$1, [[3, 9], [15, 21]]);
     }));
 
     return function loadmore() {
@@ -1500,19 +2289,16 @@ var ArticleQueue = function ArticleQueue(props) {
   );
 };
 
-var _this$1 = undefined;
+var _this = undefined;
 
 var View = function View(props) {
   var router = Router.useRouter();
   var shareOptions = props.shareOptions,
       article = props.article,
-      _props$article = props.article,
-      hideComments = _props$article.hideComments,
-      content_placement = _props$article.content_placement,
       _props$sponsoredFlag = props.sponsoredFlag,
-      sponsoredFlag = _props$sponsoredFlag === undefined ? false : _props$sponsoredFlag,
-      _props$sponsoredTaxon = props.sponsoredTaxonomies,
-      Ads = props.Ads,
+      sponsoredFlag = _props$sponsoredFlag === undefined ? false : _props$sponsoredFlag;
+      props.sponsoredTaxonomies;
+      var Ads = props.Ads,
       setCustomDimensions = props.setCustomDimensions,
       statusCode = props.statusCode,
       prevUrl = props.prevUrl,
@@ -1523,12 +2309,12 @@ var View = function View(props) {
       canonicalTag = _props$canonicalTag === undefined ? true : _props$canonicalTag,
       _props$infiniteScroll = props.infiniteScrollFlag,
       infiniteScrollFlag = _props$infiniteScroll === undefined ? true : _props$infiniteScroll;
-  var _props$article2 = props.article,
-      _props$article2$passw = _props$article2.passwordLock,
-      passwordLock = _props$article2$passw === undefined ? false : _props$article2$passw,
-      description = _props$article2.description,
-      title = _props$article2.title,
-      seriesShareOptions = _props$article2.seriesShareOptions;
+  var _props$article = props.article,
+      _props$article$passwo = _props$article.passwordLock,
+      passwordLock = _props$article$passwo === undefined ? false : _props$article$passwo;
+      _props$article.description;
+      var title = _props$article.title,
+      seriesShareOptions = _props$article.seriesShareOptions;
 
   var _useState = React.useState(0),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
@@ -1581,14 +2367,9 @@ var View = function View(props) {
 
   var isVideoSeries = checkVideoSeries(props.article);
   var isArticleSeries = checkArticleSeries(props.article);
-  var commentsEnabledInTaxonomy = Array.isArray(content_placement) && content_placement.some(function (t) {
-    return t.showComments === true;
-  });
-  var showDisqus = commentsEnabledInTaxonomy || hideComments === false;
-  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && infiniteScrollFlag && !article.showIsi && (!article.documentGroup || !article.documentGroup.isSeries) && !showDisqus;
+  var needInfiniteScroll = ['Articles', 'Videos', 'Podcasts'].includes(article.category.name) && article.taxonomyMapping && article.passwordLock !== true && !isVideoSeries && !isArticleSeries && !article.ExcludeFromInfiniteScroll && !sponsoredFlag && infiniteScrollFlag && !article.showIsi && (!article.documentGroup || !article.documentGroup.isSeries);
 
   if (['Articles', 'Videos', 'Podcasts'].includes(article.category.name)) {
-    description = null;
     title = null;
   }
 
@@ -1636,7 +2417,10 @@ var View = function View(props) {
         { key: 'title' },
         seriesShareOptions && seriesShareOptions.seriesTitle ? '' + seriesShareOptions.seriesTitle + (currentPage > 0 ? ' | Page ' + currentPage : '') : article && article.seo && article.seo.seo_title ? '' + article.seo.seo_title + (currentPage > 0 ? ' | Page ' + currentPage : '') : '' + article.title + (currentPage > 0 ? ' | Page ' + currentPage : '')
       ),
-      meta_description && React__default['default'].createElement('meta', { name: 'description', key: 'description', content: meta_description }),
+      meta_description && React__default['default'].createElement('meta', {
+        name: 'description',
+        key: 'description',
+        content: meta_description }),
       React__default['default'].createElement('meta', { name: 'keywords', content: getKeywords(article).join(','), key: 'keywords' }),
       passwordLock && React__default['default'].createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
       React__default['default'].createElement('meta', {
@@ -1655,7 +2439,11 @@ var View = function View(props) {
         key: 'og:image'
       }),
       React__default['default'].createElement('meta', { property: 'og:site_name', content: props.Settings.title, key: 'og:site_name' }),
-      React__default['default'].createElement('meta', { property: 'og:description', content: meta_description, key: 'og:description' }),
+      React__default['default'].createElement('meta', {
+        property: 'og:description',
+        content: meta_description,
+        key: 'og:description'
+      }),
       React__default['default'].createElement('meta', { name: 'twitter:card', content: 'summary', key: 'twitter:card' }),
       React__default['default'].createElement('meta', {
         name: 'twitter:title',
@@ -1668,7 +2456,11 @@ var View = function View(props) {
         key: 'twitter:image'
       }),
       React__default['default'].createElement('meta', { name: 'twitter:site', content: '@' + props.Settings.title, key: 'twitter:site' }),
-      React__default['default'].createElement('meta', { name: 'twitter:description', content: meta_description, key: 'twitter:description' }),
+      React__default['default'].createElement('meta', {
+        name: 'twitter:description',
+        content: meta_description,
+        key: 'twitter:description'
+      }),
       canonicalTag && React__default['default'].createElement('link', {
         rel: 'canonical',
         href: seriesShareOptions && seriesShareOptions.seriesUrl ? shareOptions.shareUrl + seriesShareOptions.seriesUrl : shareOptions.shareUrl,
@@ -1681,7 +2473,7 @@ var View = function View(props) {
         props.article.seriesDetail && props.article.seriesDetail.nextUrl && React__default['default'].createElement('link', { rel: 'next', href: props.article.seriesDetail.nextUrl })
       )
     ),
-    !needInfiniteScroll ? React__default['default'].createElement(Article, _extends._extends({ infiniteScroll: false, showRelatedArticles: showRelatedArticles, showDisqus: showDisqus }, props)) : React__default['default'].createElement(ArticleQueue, _extends._extends({
+    !needInfiniteScroll ? React__default['default'].createElement(Article, _extends._extends({ infiniteScroll: false, showRelatedArticles: showRelatedArticles }, props)) : React__default['default'].createElement(ArticleQueue, _extends._extends({
       infiniteScroll: true,
       showRelatedArticles: showRelatedArticles,
       canonicalTag: canonicalTag,
@@ -1818,7 +2610,7 @@ View.returnGetInitialProps = function () {
             return _context.stop();
         }
       }
-    }, _callee, _this$1);
+    }, _callee, _this);
   }));
 
   return function (_x, _x2, _x3, _x4, _x5) {