@mjhls/mjh-framework 1.0.646 → 1.0.648

package/dist/esm/ArticleQueue.js

@@ -1,1684 +0,0 @@
-import { c as createCommonjsModule } from './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b01e8612.js';
-import './es6.string.iterator-c199c9ba.js';
-import './_library-528f1934.js';
-import './_iter-detect-0e105618.js';
-import { _ as _toConsumableArray } from './toConsumableArray-e7f3f5a6.js';
-import './core.get-iterator-method-e41daf74.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends, a as _Object$assign } from './extends-229166d5.js';
-import './_object-sap-4793c75a.js';
-import './inherits-9ddef7b3.js';
-import './define-property-99e9c0ad.js';
-import './web.dom.iterable-03c5ba1c.js';
-import { _ as _typeof } from './typeof-fea75829.js';
-import './_is-array-ced12663.js';
-import React__default, { useState, useEffect } from 'react';
-import { l as lib_3 } from './index-93ec3c59.js';
-import 'prop-types';
-import 'react-bootstrap/Row';
-import 'react-bootstrap/Col';
-import { m as moment } from './moment-12415288.js';
-import 'next/router';
-import { i as isObjectLike_1, _ as _baseGetTag, a as _root, b as _freeGlobal } from './isSymbol-47f5ff3b.js';
-import { t as toNumber_1 } from './debounce-a0d9abca.js';
-import { I as InfiniteScroll } from './index.es-938a3a58.js';
-import 'react-dom';
-import { i as imageUrlBuilder } from './index-51a80699.js';
-import './index-5f9f807a.js';
-import { m as main_39 } from './main-0465b2a0.js';
-import './entities-7cc3bf45.js';
-import { _ as _JSON$stringify } from './stringify-feadff37.js';
-import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-5fb01661.js';
-import './asyncToGenerator-271a52f3.js';
-import './_set-species-41cbf140.js';
-import './beam-c4d8f8f6.js';
-import DFPAdSlot from './AdSlot.js';
-import { i as isFunction_1, a as isArray_1, _ as _arrayMap } from './_arrayMap-818441dd.js';
-import { B as BlockContent } from './BlockContent-a614acdf.js';
-import './smoothscroll-4b699764.js';
-import './GroupDeck.js';
-import 'react-bootstrap';
-import 'react-bootstrap/Button';
-import { I as InscreenSensor, g as getSerializers } from './index-fe4d6d6e.js';
-import './util-7700fc59.js';
-import './brightcove-react-player-loader.es-83f53e4e.js';
-import 'react-bootstrap/Pagination';
-import Head from 'next/head';
-import 'react-share';
-import SocialShare from './SocialShare.js';
-import { _ as _Object$keys } from './keys-941eccc4.js';
-import Dropdown from 'react-bootstrap/Dropdown';
-import getKeywords from './getKeywords.js';
-
-/**
- * The base implementation of `_.findIndex` and `_.findLastIndex` without
- * support for iteratee shorthands.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {Function} predicate The function invoked per iteration.
- * @param {number} fromIndex The index to search from.
- * @param {boolean} [fromRight] Specify iterating from right to left.
- * @returns {number} Returns the index of the matched value, else `-1`.
- */
-function baseFindIndex(array, predicate, fromIndex, fromRight) {
-  var length = array.length,
-      index = fromIndex + (fromRight ? 1 : -1);
-
-  while ((fromRight ? index-- : ++index < length)) {
-    if (predicate(array[index], index, array)) {
-      return index;
-    }
-  }
-  return -1;
-}
-
-var _baseFindIndex = baseFindIndex;
-
-/**
- * The base implementation of `_.isNaN` without support for number objects.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.
- */
-function baseIsNaN(value) {
-  return value !== value;
-}
-
-var _baseIsNaN = baseIsNaN;
-
-/**
- * A specialized version of `_.indexOf` which performs strict equality
- * comparisons of values, i.e. `===`.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {*} value The value to search for.
- * @param {number} fromIndex The index to search from.
- * @returns {number} Returns the index of the matched value, else `-1`.
- */
-function strictIndexOf(array, value, fromIndex) {
-  var index = fromIndex - 1,
-      length = array.length;
-
-  while (++index < length) {
-    if (array[index] === value) {
-      return index;
-    }
-  }
-  return -1;
-}
-
-var _strictIndexOf = strictIndexOf;
-
-/**
- * The base implementation of `_.indexOf` without `fromIndex` bounds checks.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {*} value The value to search for.
- * @param {number} fromIndex The index to search from.
- * @returns {number} Returns the index of the matched value, else `-1`.
- */
-function baseIndexOf(array, value, fromIndex) {
-  return value === value
-    ? _strictIndexOf(array, value, fromIndex)
-    : _baseFindIndex(array, _baseIsNaN, fromIndex);
-}
-
-var _baseIndexOf = baseIndexOf;
-
-/** Used as references for various `Number` constants. */
-var MAX_SAFE_INTEGER = 9007199254740991;
-
-/**
- * Checks if `value` is a valid array-like length.
- *
- * **Note:** This method is loosely based on
- * [`ToLength`](http://ecma-international.org/ecma-262/7.0/#sec-tolength).
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a valid length, else `false`.
- * @example
- *
- * _.isLength(3);
- * // => true
- *
- * _.isLength(Number.MIN_VALUE);
- * // => false
- *
- * _.isLength(Infinity);
- * // => false
- *
- * _.isLength('3');
- * // => false
- */
-function isLength(value) {
-  return typeof value == 'number' &&
-    value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
-}
-
-var isLength_1 = isLength;
-
-/**
- * Checks if `value` is array-like. A value is considered array-like if it's
- * not a function and has a `value.length` that's an integer greater than or
- * equal to `0` and less than or equal to `Number.MAX_SAFE_INTEGER`.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is array-like, else `false`.
- * @example
- *
- * _.isArrayLike([1, 2, 3]);
- * // => true
- *
- * _.isArrayLike(document.body.children);
- * // => true
- *
- * _.isArrayLike('abc');
- * // => true
- *
- * _.isArrayLike(_.noop);
- * // => false
- */
-function isArrayLike(value) {
-  return value != null && isLength_1(value.length) && !isFunction_1(value);
-}
-
-var isArrayLike_1 = isArrayLike;
-
-/** `Object#toString` result references. */
-var stringTag = '[object String]';
-
-/**
- * Checks if `value` is classified as a `String` primitive or object.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a string, else `false`.
- * @example
- *
- * _.isString('abc');
- * // => true
- *
- * _.isString(1);
- * // => false
- */
-function isString(value) {
-  return typeof value == 'string' ||
-    (!isArray_1(value) && isObjectLike_1(value) && _baseGetTag(value) == stringTag);
-}
-
-var isString_1 = isString;
-
-/** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0,
-    MAX_INTEGER = 1.7976931348623157e+308;
-
-/**
- * Converts `value` to a finite number.
- *
- * @static
- * @memberOf _
- * @since 4.12.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {number} Returns the converted number.
- * @example
- *
- * _.toFinite(3.2);
- * // => 3.2
- *
- * _.toFinite(Number.MIN_VALUE);
- * // => 5e-324
- *
- * _.toFinite(Infinity);
- * // => 1.7976931348623157e+308
- *
- * _.toFinite('3.2');
- * // => 3.2
- */
-function toFinite(value) {
-  if (!value) {
-    return value === 0 ? value : 0;
-  }
-  value = toNumber_1(value);
-  if (value === INFINITY || value === -INFINITY) {
-    var sign = (value < 0 ? -1 : 1);
-    return sign * MAX_INTEGER;
-  }
-  return value === value ? value : 0;
-}
-
-var toFinite_1 = toFinite;
-
-/**
- * Converts `value` to an integer.
- *
- * **Note:** This method is loosely based on
- * [`ToInteger`](http://www.ecma-international.org/ecma-262/7.0/#sec-tointeger).
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {number} Returns the converted integer.
- * @example
- *
- * _.toInteger(3.2);
- * // => 3
- *
- * _.toInteger(Number.MIN_VALUE);
- * // => 0
- *
- * _.toInteger(Infinity);
- * // => 1.7976931348623157e+308
- *
- * _.toInteger('3.2');
- * // => 3
- */
-function toInteger(value) {
-  var result = toFinite_1(value),
-      remainder = result % 1;
-
-  return result === result ? (remainder ? result - remainder : result) : 0;
-}
-
-var toInteger_1 = toInteger;
-
-/**
- * The base implementation of `_.values` and `_.valuesIn` which creates an
- * array of `object` property values corresponding to the property names
- * of `props`.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {Array} props The property names to get values for.
- * @returns {Object} Returns the array of property values.
- */
-function baseValues(object, props) {
-  return _arrayMap(props, function(key) {
-    return object[key];
-  });
-}
-
-var _baseValues = baseValues;
-
-/**
- * The base implementation of `_.times` without support for iteratee shorthands
- * or max array length checks.
- *
- * @private
- * @param {number} n The number of times to invoke `iteratee`.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the array of results.
- */
-function baseTimes(n, iteratee) {
-  var index = -1,
-      result = Array(n);
-
-  while (++index < n) {
-    result[index] = iteratee(index);
-  }
-  return result;
-}
-
-var _baseTimes = baseTimes;
-
-/** `Object#toString` result references. */
-var argsTag = '[object Arguments]';
-
-/**
- * The base implementation of `_.isArguments`.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an `arguments` object,
- */
-function baseIsArguments(value) {
-  return isObjectLike_1(value) && _baseGetTag(value) == argsTag;
-}
-
-var _baseIsArguments = baseIsArguments;
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto.hasOwnProperty;
-
-/** Built-in value references. */
-var propertyIsEnumerable = objectProto.propertyIsEnumerable;
-
-/**
- * Checks if `value` is likely an `arguments` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an `arguments` object,
- *  else `false`.
- * @example
- *
- * _.isArguments(function() { return arguments; }());
- * // => true
- *
- * _.isArguments([1, 2, 3]);
- * // => false
- */
-var isArguments = _baseIsArguments(function() { return arguments; }()) ? _baseIsArguments : function(value) {
-  return isObjectLike_1(value) && hasOwnProperty.call(value, 'callee') &&
-    !propertyIsEnumerable.call(value, 'callee');
-};
-
-var isArguments_1 = isArguments;
-
-/**
- * This method returns `false`.
- *
- * @static
- * @memberOf _
- * @since 4.13.0
- * @category Util
- * @returns {boolean} Returns `false`.
- * @example
- *
- * _.times(2, _.stubFalse);
- * // => [false, false]
- */
-function stubFalse() {
-  return false;
-}
-
-var stubFalse_1 = stubFalse;
-
-var isBuffer_1 = createCommonjsModule(function (module, exports) {
-/** Detect free variable `exports`. */
-var freeExports =  exports && !exports.nodeType && exports;
-
-/** Detect free variable `module`. */
-var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
-
-/** Detect the popular CommonJS extension `module.exports`. */
-var moduleExports = freeModule && freeModule.exports === freeExports;
-
-/** Built-in value references. */
-var Buffer = moduleExports ? _root.Buffer : undefined;
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeIsBuffer = Buffer ? Buffer.isBuffer : undefined;
-
-/**
- * Checks if `value` is a buffer.
- *
- * @static
- * @memberOf _
- * @since 4.3.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a buffer, else `false`.
- * @example
- *
- * _.isBuffer(new Buffer(2));
- * // => true
- *
- * _.isBuffer(new Uint8Array(2));
- * // => false
- */
-var isBuffer = nativeIsBuffer || stubFalse_1;
-
-module.exports = isBuffer;
-});
-
-/** Used as references for various `Number` constants. */
-var MAX_SAFE_INTEGER$1 = 9007199254740991;
-
-/** Used to detect unsigned integer values. */
-var reIsUint = /^(?:0|[1-9]\d*)$/;
-
-/**
- * Checks if `value` is a valid array-like index.
- *
- * @private
- * @param {*} value The value to check.
- * @param {number} [length=MAX_SAFE_INTEGER] The upper bounds of a valid index.
- * @returns {boolean} Returns `true` if `value` is a valid index, else `false`.
- */
-function isIndex(value, length) {
-  var type = typeof value;
-  length = length == null ? MAX_SAFE_INTEGER$1 : length;
-
-  return !!length &&
-    (type == 'number' ||
-      (type != 'symbol' && reIsUint.test(value))) &&
-        (value > -1 && value % 1 == 0 && value < length);
-}
-
-var _isIndex = isIndex;
-
-/** `Object#toString` result references. */
-var argsTag$1 = '[object Arguments]',
-    arrayTag = '[object Array]',
-    boolTag = '[object Boolean]',
-    dateTag = '[object Date]',
-    errorTag = '[object Error]',
-    funcTag = '[object Function]',
-    mapTag = '[object Map]',
-    numberTag = '[object Number]',
-    objectTag = '[object Object]',
-    regexpTag = '[object RegExp]',
-    setTag = '[object Set]',
-    stringTag$1 = '[object String]',
-    weakMapTag = '[object WeakMap]';
-
-var arrayBufferTag = '[object ArrayBuffer]',
-    dataViewTag = '[object DataView]',
-    float32Tag = '[object Float32Array]',
-    float64Tag = '[object Float64Array]',
-    int8Tag = '[object Int8Array]',
-    int16Tag = '[object Int16Array]',
-    int32Tag = '[object Int32Array]',
-    uint8Tag = '[object Uint8Array]',
-    uint8ClampedTag = '[object Uint8ClampedArray]',
-    uint16Tag = '[object Uint16Array]',
-    uint32Tag = '[object Uint32Array]';
-
-/** Used to identify `toStringTag` values of typed arrays. */
-var typedArrayTags = {};
-typedArrayTags[float32Tag] = typedArrayTags[float64Tag] =
-typedArrayTags[int8Tag] = typedArrayTags[int16Tag] =
-typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] =
-typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] =
-typedArrayTags[uint32Tag] = true;
-typedArrayTags[argsTag$1] = typedArrayTags[arrayTag] =
-typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] =
-typedArrayTags[dataViewTag] = typedArrayTags[dateTag] =
-typedArrayTags[errorTag] = typedArrayTags[funcTag] =
-typedArrayTags[mapTag] = typedArrayTags[numberTag] =
-typedArrayTags[objectTag] = typedArrayTags[regexpTag] =
-typedArrayTags[setTag] = typedArrayTags[stringTag$1] =
-typedArrayTags[weakMapTag] = false;
-
-/**
- * The base implementation of `_.isTypedArray` without Node.js optimizations.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
- */
-function baseIsTypedArray(value) {
-  return isObjectLike_1(value) &&
-    isLength_1(value.length) && !!typedArrayTags[_baseGetTag(value)];
-}
-
-var _baseIsTypedArray = baseIsTypedArray;
-
-/**
- * The base implementation of `_.unary` without support for storing metadata.
- *
- * @private
- * @param {Function} func The function to cap arguments for.
- * @returns {Function} Returns the new capped function.
- */
-function baseUnary(func) {
-  return function(value) {
-    return func(value);
-  };
-}
-
-var _baseUnary = baseUnary;
-
-var _nodeUtil = createCommonjsModule(function (module, exports) {
-/** Detect free variable `exports`. */
-var freeExports =  exports && !exports.nodeType && exports;
-
-/** Detect free variable `module`. */
-var freeModule = freeExports && 'object' == 'object' && module && !module.nodeType && module;
-
-/** Detect the popular CommonJS extension `module.exports`. */
-var moduleExports = freeModule && freeModule.exports === freeExports;
-
-/** Detect free variable `process` from Node.js. */
-var freeProcess = moduleExports && _freeGlobal.process;
-
-/** Used to access faster Node.js helpers. */
-var nodeUtil = (function() {
-  try {
-    // Use `util.types` for Node.js 10+.
-    var types = freeModule && freeModule.require && freeModule.require('util').types;
-
-    if (types) {
-      return types;
-    }
-
-    // Legacy `process.binding('util')` for Node.js < 10.
-    return freeProcess && freeProcess.binding && freeProcess.binding('util');
-  } catch (e) {}
-}());
-
-module.exports = nodeUtil;
-});
-
-/* Node.js helper references. */
-var nodeIsTypedArray = _nodeUtil && _nodeUtil.isTypedArray;
-
-/**
- * Checks if `value` is classified as a typed array.
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a typed array, else `false`.
- * @example
- *
- * _.isTypedArray(new Uint8Array);
- * // => true
- *
- * _.isTypedArray([]);
- * // => false
- */
-var isTypedArray = nodeIsTypedArray ? _baseUnary(nodeIsTypedArray) : _baseIsTypedArray;
-
-var isTypedArray_1 = isTypedArray;
-
-/** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-
-/**
- * Creates an array of the enumerable property names of the array-like `value`.
- *
- * @private
- * @param {*} value The value to query.
- * @param {boolean} inherited Specify returning inherited property names.
- * @returns {Array} Returns the array of property names.
- */
-function arrayLikeKeys(value, inherited) {
-  var isArr = isArray_1(value),
-      isArg = !isArr && isArguments_1(value),
-      isBuff = !isArr && !isArg && isBuffer_1(value),
-      isType = !isArr && !isArg && !isBuff && isTypedArray_1(value),
-      skipIndexes = isArr || isArg || isBuff || isType,
-      result = skipIndexes ? _baseTimes(value.length, String) : [],
-      length = result.length;
-
-  for (var key in value) {
-    if ((inherited || hasOwnProperty$1.call(value, key)) &&
-        !(skipIndexes && (
-           // Safari 9 has enumerable `arguments.length` in strict mode.
-           key == 'length' ||
-           // Node.js 0.10 has enumerable non-index properties on buffers.
-           (isBuff && (key == 'offset' || key == 'parent')) ||
-           // PhantomJS 2 has enumerable non-index properties on typed arrays.
-           (isType && (key == 'buffer' || key == 'byteLength' || key == 'byteOffset')) ||
-           // Skip index properties.
-           _isIndex(key, length)
-        ))) {
-      result.push(key);
-    }
-  }
-  return result;
-}
-
-var _arrayLikeKeys = arrayLikeKeys;
-
-/** Used for built-in method references. */
-var objectProto$2 = Object.prototype;
-
-/**
- * Checks if `value` is likely a prototype object.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a prototype, else `false`.
- */
-function isPrototype(value) {
-  var Ctor = value && value.constructor,
-      proto = (typeof Ctor == 'function' && Ctor.prototype) || objectProto$2;
-
-  return value === proto;
-}
-
-var _isPrototype = isPrototype;
-
-/**
- * Creates a unary function that invokes `func` with its argument transformed.
- *
- * @private
- * @param {Function} func The function to wrap.
- * @param {Function} transform The argument transform.
- * @returns {Function} Returns the new function.
- */
-function overArg(func, transform) {
-  return function(arg) {
-    return func(transform(arg));
-  };
-}
-
-var _overArg = overArg;
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeKeys = _overArg(Object.keys, Object);
-
-var _nativeKeys = nativeKeys;
-
-/** Used for built-in method references. */
-var objectProto$3 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$2 = objectProto$3.hasOwnProperty;
-
-/**
- * The base implementation of `_.keys` which doesn't treat sparse arrays as dense.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names.
- */
-function baseKeys(object) {
-  if (!_isPrototype(object)) {
-    return _nativeKeys(object);
-  }
-  var result = [];
-  for (var key in Object(object)) {
-    if (hasOwnProperty$2.call(object, key) && key != 'constructor') {
-      result.push(key);
-    }
-  }
-  return result;
-}
-
-var _baseKeys = baseKeys;
-
-/**
- * Creates an array of the own enumerable property names of `object`.
- *
- * **Note:** Non-object values are coerced to objects. See the
- * [ES spec](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
- * for more details.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Object
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names.
- * @example
- *
- * function Foo() {
- *   this.a = 1;
- *   this.b = 2;
- * }
- *
- * Foo.prototype.c = 3;
- *
- * _.keys(new Foo);
- * // => ['a', 'b'] (iteration order is not guaranteed)
- *
- * _.keys('hi');
- * // => ['0', '1']
- */
-function keys(object) {
-  return isArrayLike_1(object) ? _arrayLikeKeys(object) : _baseKeys(object);
-}
-
-var keys_1 = keys;
-
-/**
- * Creates an array of the own enumerable string keyed property values of `object`.
- *
- * **Note:** Non-object values are coerced to objects.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Object
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property values.
- * @example
- *
- * function Foo() {
- *   this.a = 1;
- *   this.b = 2;
- * }
- *
- * Foo.prototype.c = 3;
- *
- * _.values(new Foo);
- * // => [1, 2] (iteration order is not guaranteed)
- *
- * _.values('hi');
- * // => ['h', 'i']
- */
-function values(object) {
-  return object == null ? [] : _baseValues(object, keys_1(object));
-}
-
-var values_1 = values;
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax = Math.max;
-
-/**
- * Checks if `value` is in `collection`. If `collection` is a string, it's
- * checked for a substring of `value`, otherwise
- * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
- * is used for equality comparisons. If `fromIndex` is negative, it's used as
- * the offset from the end of `collection`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Collection
- * @param {Array|Object|string} collection The collection to inspect.
- * @param {*} value The value to search for.
- * @param {number} [fromIndex=0] The index to search from.
- * @param- {Object} [guard] Enables use as an iteratee for methods like `_.reduce`.
- * @returns {boolean} Returns `true` if `value` is found, else `false`.
- * @example
- *
- * _.includes([1, 2, 3], 1);
- * // => true
- *
- * _.includes([1, 2, 3], 1, 2);
- * // => false
- *
- * _.includes({ 'a': 1, 'b': 2 }, 1);
- * // => true
- *
- * _.includes('abcd', 'bc');
- * // => true
- */
-function includes(collection, value, fromIndex, guard) {
-  collection = isArrayLike_1(collection) ? collection : values_1(collection);
-  fromIndex = (fromIndex && !guard) ? toInteger_1(fromIndex) : 0;
-
-  var length = collection.length;
-  if (fromIndex < 0) {
-    fromIndex = nativeMax(length + fromIndex, 0);
-  }
-  return isString_1(collection)
-    ? (fromIndex <= length && collection.indexOf(value, fromIndex) > -1)
-    : (!!length && _baseIndexOf(collection, value, fromIndex) > -1);
-}
-
-var includes_1 = includes;
-
-var renderAuthor = function renderAuthor(authorName, authorURL, index, length) {
-  var defaultUrl = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 'authors';
-
-  if (authorName && authorURL) {
-    return React__default.createElement(
-      'span',
-      null,
-      React__default.createElement(
-        'a',
-        { href: '/' + defaultUrl + '/' + authorURL.current, key: index },
-        authorName
-      ),
-      length !== index + 1 && ', '
-    );
-  } else if (authorName) {
-    return React__default.createElement(
-      'span',
-      { key: index },
-      authorName,
-      length !== index + 1 && ', '
-    );
-  }
-};
-
-var get_content_placement_url = function get_content_placement_url(cp) {
-  var cp_url = '';
-  if (cp.ancestor && typeof cp.ancestor === 'string') {
-    cp_url += (cp_url === '' ? '' : '/') + cp.ancestor;
-  }
-
-  if (!cp.ancestor && cp.parent && typeof cp.parent === 'string') {
-    cp_url += (cp_url === '' ? '' : '/') + cp.parent;
-  }
-
-  cp_url += (cp_url === '' ? '' : '/') + cp.path;
-  return cp_url;
-};
-
-var getArticleSummary = function getArticleSummary(article) {
-  if (article.summary && article.summary.length > 0) {
-    return article.summary;
-  } else {
-    return false;
-  }
-};
-
-var Article = function Article(props) {
-  var client = props.client,
-      pageview = props.pageview,
-      videoAccountIDs = props.videoAccountIDs,
-      drupalLeadSettings = props.drupalLeadSettings,
-      currentPage = props.currentPage,
-      _props$article = props.article,
-      articleId = _props$article._id,
-      title = _props$article.title,
-      passwordLock = _props$article.passwordLock,
-      authorDetails = _props$article.authorDetails,
-      pageNumber = _props$article.pageNumber,
-      published = _props$article.published,
-      _props$article$showPu = _props$article.showPublished,
-      showPublished = _props$article$showPu === undefined ? true : _props$article$showPu,
-      articleBody = _props$article.body,
-      thumbnail = _props$article.thumbnail,
-      content_placement = _props$article.content_placement,
-      _props$article$url = _props$article.url;
-  _props$article$url = _props$article$url === undefined ? {
-    current: ''
-  } : _props$article$url;
-  var url = _props$article$url.current,
-      issue = _props$article.issue,
-      source = _props$article.source,
-      internalTag = _props$article.internalTag,
-      seoTag = _props$article.seoTag,
-      sponsoredTag = _props$article.sponsoredTag,
-      userDefinedTag = _props$article.userDefinedTag,
-      regionalPages = props.regionalPages,
-      nationalPage = props.nationalPage,
-      ISIContent = props.ISIContent,
-      onChangeArticle = props.onChangeArticle,
-      shareOptions = props.shareOptions,
-      cpModificationRequired = props.cpModificationRequired,
-      authorPrefix = props.authorPrefix,
-      _props$lgContextAd = props.lgContextAd,
-      lgContextAd = _props$lgContextAd === undefined ? false : _props$lgContextAd,
-      queueData = props.queueData;
-
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      contextualADFlag = _useState2[0],
-      setContextualADFlag = _useState2[1];
-  //  Setting new Flag 'visibleFlag' to know when the article is visible so that new contextual ad can be appended into DOM.
-
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      visibleFlag = _useState4[0],
-      setVisibleFlag = _useState4[1];
-
-  var summary = getArticleSummary(props.article);
-
-  var urlFor = function urlFor(source) {
-    return imageUrlBuilder(client).image(source);
-  };
-
-  var isCutomPage = function isCutomPage(article) {
-    var url = article.url.current;
-
-    if (regionalPages || nationalPage) {
-      return regionalPages.includes(url) || nationalPage === url;
-    } else {
-      return false;
-    }
-  };
-
-  var renderIsiContent = function renderIsiContent(article) {
-    var url = article.url.current;
-
-    if (regionalPages && regionalPages.includes(url)) {
-      return React__default.createElement(ISIContent, null);
-    } else if (nationalPage === url) {
-      return React__default.createElement(ISIContent, { national: true });
-    }
-    return null;
-  };
-
-  var renderRelevantTopicsDropdown = function renderRelevantTopicsDropdown() {
-    if (content_placement && content_placement.length > 0) {
-      return React__default.createElement(
-        Dropdown,
-        { style: { marginBottom: '1rem' } },
-        React__default.createElement(
-          Dropdown.Toggle,
-          { variant: 'primary', id: 'partner-dropdown' },
-          'Relevant Topics'
-        ),
-        React__default.createElement(
-          Dropdown.Menu,
-          null,
-          content_placement.length > 0 ? content_placement.map(function (cp, index) {
-            var cp_url = cpModificationRequired ? get_content_placement_url(cp) : cp.path;
-            var href = '/' + cp_url;
-            return React__default.createElement(
-              Dropdown.Item,
-              { key: index, href: href },
-              cp.name
-            );
-          }) : null
-        )
-      );
-    }
-    return null;
-  };
-
-  var renderBlockContent = function renderBlockContent(payload) {
-    var _payload = payload,
-        body = _payload.body;
-
-    var findIndex = function findIndex(arr) {
-      var indexes = [];
-      if ((typeof arr === 'undefined' ? 'undefined' : _typeof(arr)) === 'object') {
-        var _iteratorNormalCompletion = true;
-        var _didIteratorError = false;
-        var _iteratorError = undefined;
-
-        try {
-          for (var _iterator = _getIterator(arr), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-            var ele = _step.value;
-
-            if (ele['_type'] === 'block' && ele.children.some(function (child) {
-              return child.text.trim().length > 0;
-            }) && ele['listItem'] !== 'bullet' &&
-            //  To skip li tags when setting contextual native ads
-            ele['listItem'] !== 'number' && ele['style'] === 'normal' || ele['_type'] === 'figure') {
-              indexes.push(arr.indexOf(ele));
-            }
-          }
-        } catch (err) {
-          _didIteratorError = true;
-          _iteratorError = err;
-        } finally {
-          try {
-            if (!_iteratorNormalCompletion && _iterator.return) {
-              _iterator.return();
-            }
-          } finally {
-            if (_didIteratorError) {
-              throw _iteratorError;
-            }
-          }
-        }
-      }
-      return indexes;
-    };
-    var indexes = findIndex(body);
-    if (indexes.length >= 2 && body.length > 3 && payload.contextualAD && payload.contextualVideoAD) {
-      payload = _extends({}, payload, {
-        contextualAD: _extends({}, payload.contextualAD, {
-          slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id
-        }),
-        contextualVideoAD: _extends({}, payload.contextualVideoAD, {
-          slotId: (payload.contextualVideoAD.slotId || 'in-context_video') + '-' + payload._id
-        })
-      });
-      var selectedIndex = indexes[1] + 1;
-
-      var checkIsAdFound = function checkIsAdFound(isFound) {
-        if (!isFound) {
-          var parent = document.getElementById('contextual-native-ad-' + payload._id);
-          parent.style.height = '0%';
-          parent.style.width = '0%';
-          parent.style.display = 'none';
-          setContextualADFlag(false);
-        } else {
-          setContextualADFlag(true);
-        }
-      };
-
-      var checkIsVideoAdFound = function checkIsVideoAdFound(isFound) {
-        if (!isFound) {
-          var parent = document.getElementById('contextual-video-ad-' + payload._id);
-          parent.style.height = '0%';
-          parent.style.width = '0%';
-          parent.style.display = 'none';
-          setContextualADFlag(false);
-        } else {
-          setContextualADFlag(true);
-        }
-      };
-
-      return React__default.createElement(
-        React__default.Fragment,
-        null,
-        React__default.createElement(BlockContent, _extends({
-          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false, contextualADFlag, articleId),
-          blocks: [].concat(_toConsumableArray(body.slice(0, selectedIndex))),
-          imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config())),
-        React__default.createElement('span', { className: 'clearfix' }),
-        React__default.createElement(
-          'div',
-          { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
-          React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: checkIsAdFound }))
-        ),
-        React__default.createElement('span', { className: 'clearfix' }),
-        React__default.createElement(
-          'div',
-          { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
-          React__default.createElement(DFPAdSlot, _extends({}, payload.contextualVideoAD, { refreshFlag: false, checkIsAdFound: checkIsVideoAdFound }))
-        ),
-        React__default.createElement(BlockContent, _extends({
-          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false, undefined, articleId),
-          blocks: [].concat(_toConsumableArray(body.slice(selectedIndex))),
-          imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config()))
-      );
-    } else if (indexes.length >= 2 && body.length > 3 && payload.contextualAD && !payload.contextualVideoAD) {
-      payload = _extends({}, payload, {
-        contextualAD: _extends({}, payload.contextualAD, {
-          slotId: (payload.contextualAD.slotId || 'contextual_ad') + '-' + payload._id,
-          className: 'ADFluid',
-          //  Fetching new contextual targeting based on the current active article.
-          targeting: props.getTargeting(props.article, 'native-ad'),
-          // Adding new ad size for large contextual ad for desktop screen width >= 1400
-          sizes: lgContextAd ? [[728, 90], 'fluid', [300, 100]] : ['fluid', [300, 100]],
-          sizeMapping: lgContextAd ? [{
-            viewport: [1400, 0],
-            sizes: [[728, 90], 'fluid', [300, 100]]
-          }, { viewport: [0, 0], sizes: ['fluid', [300, 100]] }] : ['fluid', [300, 100]]
-        })
-      });
-      var _selectedIndex = indexes[1] + 1;
-      var _checkIsAdFound = function _checkIsAdFound(isFound, adData) {
-        if (!isFound) {
-          var parent = document.getElementById('contextual-native-ad-' + payload._id);
-          parent.style.height = '0%';
-          parent.style.width = '0%';
-          parent.style.display = 'none';
-          setContextualADFlag(false);
-        } else {
-          var _parent = document.getElementById('contextual-native-ad-' + payload._id);
-          if (adData && adData.event && adData.event.size && _parent) {
-            // Adding fix for fluid contextual ad to avoid from collapsing when size is [0,0]
-            var fluidSizes = [[0, 0]];
-            var checkAdSize = function checkAdSize(size) {
-              return _JSON$stringify(size) === _JSON$stringify(adData.event.size);
-            };
-            if (!fluidSizes.some(checkAdSize)) {
-              _parent.style.width = adData.event.size[0] + 'px';
-              _parent.style.height = adData.event.size[1] + 'px';
-            }
-            _parent.style.margin = 'auto';
-            //  Adding margin below to create a seperation from text.
-            _parent.style.marginBottom = '15px';
-          }
-          if (body[0]._type === 'figure' || body[1]._type === 'figure' || body[2]._type === 'figure' || body[3]._type === 'figure') {
-            setContextualADFlag(true);
-          }
-        }
-      };
-
-      return React__default.createElement(
-        React__default.Fragment,
-        null,
-        React__default.createElement(BlockContent, _extends({
-          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false, undefined, articleId),
-          blocks: [].concat(_toConsumableArray(body.slice(0, _selectedIndex))),
-          imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config())),
-        contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
-        (visibleFlag || queueData && queueData.length === 1) && React__default.createElement(
-          'div',
-          { id: 'contextual-native-ad-' + payload._id, className: 'contextual-native-ad' },
-          React__default.createElement(DFPAdSlot, _extends({}, payload.contextualAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound }))
-        ),
-        contextualADFlag && React__default.createElement('span', { className: 'clearfix' }),
-        React__default.createElement(BlockContent, _extends({
-          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false, undefined, articleId),
-          blocks: [].concat(_toConsumableArray(body.slice(_selectedIndex))),
-          imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config()))
-      );
-    } else if (indexes.length >= 2 && body.length > 3 && payload.contextualVideoAD && !payload.contextualAD) {
-      payload = _extends({}, payload, {
-        contextualVideoAD: _extends({}, payload.contextualVideoAD, {
-          slotId: (payload.contextualVideoAD.slotId || 'in-context_video') + '-' + payload._id
-        })
-      });
-      var _selectedIndex2 = indexes[1] + 1;
-
-      var _checkIsAdFound2 = function _checkIsAdFound2(isFound) {
-        if (!isFound) {
-          var parent = document.getElementById('contextual-video-ad-' + payload._id);
-          parent.style.height = '0%';
-          parent.style.width = '0%';
-          parent.style.display = 'none';
-          setContextualADFlag(false);
-        } else {
-          if (body && body[1] && body[1]._type === 'figure') {
-            setContextualADFlag(true);
-          }
-        }
-      };
-
-      return React__default.createElement(
-        React__default.Fragment,
-        null,
-        React__default.createElement(BlockContent, _extends({
-          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false, contextualADFlag, articleId),
-          blocks: [].concat(_toConsumableArray(body.slice(0, _selectedIndex2))),
-          imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config())),
-        React__default.createElement('span', { className: 'clearfix' }),
-        React__default.createElement(
-          'div',
-          { id: 'contextual-video-ad-' + payload._id, className: 'contextual-video-ad' },
-          React__default.createElement(DFPAdSlot, _extends({}, payload.contextualVideoAD, { refreshFlag: false, checkIsAdFound: _checkIsAdFound2 }))
-        ),
-        React__default.createElement(BlockContent, _extends({
-          serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false, undefined, articleId),
-          blocks: [].concat(_toConsumableArray(body.slice(_selectedIndex2))),
-          imageOptions: { w: 320, h: 240, fit: 'max' }
-        }, client.config()))
-      );
-    } else {
-      return React__default.createElement(BlockContent, _extends({
-        serializers: getSerializers(client, pageview, videoAccountIDs, function () {}, true, drupalLeadSettings, currentPage, false, undefined, articleId),
-        blocks: articleBody,
-        imageOptions: { w: 320, h: 240, fit: 'max' }
-      }, client.config()));
-    }
-  };
-
-  var shareVia = shareOptions.shareVia,
-      shareSubject = shareOptions.shareSubject,
-      twitterSiteName = shareOptions.twitterSiteName,
-      shareImageDefault = shareOptions.shareImageDefault,
-      shareBaseUrl = shareOptions.shareBaseUrl,
-      shareSiteTitle = shareOptions.shareSiteTitle;
-
-  var shareUrl = shareBaseUrl + props.article.url.current;
-  var shareTitle = title;
-  var shareSummary = summary;
-  var shareImage = thumbnail && thumbnail.asset ? urlFor(thumbnail.asset).url() : shareImageDefault;
-  var siteName = props.website.title;
-  var shareKeywords = getKeywords(props.article).join(',');
-
-  var meta = {
-    shareTitle: shareTitle,
-    shareSiteName: props.cache.siteSettingCache.name,
-    shareSummary: shareSummary,
-    shareUrl: shareUrl,
-    shareImage: shareImage,
-    shareVia: props.Settings.title,
-    shareKeywords: shareKeywords
-  };
-  return React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      InscreenSensor,
-      {
-        offSetTop: 120,
-        className: 'inscreen-wrapper',
-        id: 'article-' + title,
-        onChange: function onChange(visible) {
-          if (visible === 'top' || visible === 'bottom' || visible === 'small-top') {
-            onChangeArticle(url, visible, meta);
-            //  Setting 'visibleFlag' to know that the article is visible.
-            setVisibleFlag(true);
-          }
-        } },
-      React__default.createElement(
-        'div',
-        null,
-        queueData && queueData.length === 1 && React__default.createElement(
-          Head,
-          null,
-          React__default.createElement(
-            'title',
-            { key: 'title' },
-            '' + shareTitle
-          ),
-          React__default.createElement('meta', { name: 'description', key: 'description', content: shareSummary }),
-          React__default.createElement('meta', { name: 'keywords', key: 'keywords', content: shareKeywords }),
-          passwordLock && React__default.createElement('meta', { name: 'robots', content: 'noindex, nofollow' }),
-          React__default.createElement('meta', { property: 'og:url', content: shareUrl, key: 'og:url' }),
-          React__default.createElement('meta', { property: 'og:title', content: shareTitle, key: 'og:title' }),
-          React__default.createElement('meta', { property: 'og:image', content: shareImage, key: 'og:image' }),
-          React__default.createElement('meta', { property: 'og:site_name', content: props.Settings.title, key: 'og:site_name' }),
-          React__default.createElement('meta', { property: 'og:description', content: shareSummary, key: 'og:description' }),
-          React__default.createElement('meta', { name: 'twitter:card', content: 'summary', key: 'twitter:card' }),
-          React__default.createElement('meta', { name: 'twitter:title', content: shareTitle, key: 'twitter:title' }),
-          React__default.createElement('meta', { name: 'twitter:image', content: shareImage, key: 'twitter:image' }),
-          React__default.createElement('meta', { name: 'twitter:site', content: '@' + props.Settings.title, key: 'twitter:site' }),
-          React__default.createElement('meta', { name: 'twitter:description', content: shareSummary, key: 'twitter:description' }),
-          React__default.createElement('link', { rel: 'canonical', href: shareUrl, key: 'canonical' })
-        ),
-        React__default.createElement(
-          'h1',
-          { className: 'page-title' },
-          title
-        ),
-        React__default.createElement(
-          'div',
-          { className: 'video-detail', style: { marginBottom: isCutomPage(props.article) ? '150px' : 0 } },
-          showPublished && React__default.createElement(
-            'div',
-            null,
-            moment(published).format('LL')
-          )
-          /* Show Published date */
-          ,
-          React__default.createElement(
-            'div',
-            { className: 'mb-3' },
-            authorDetails && authorDetails.map(function (authorDetail, index) {
-              return React__default.createElement(
-                'span',
-                { key: index },
-                renderAuthor(authorDetail.displayName, authorDetail.url, index, authorDetails.length, authorPrefix)
-              );
-            }),
-            props.article.source && React__default.createElement(
-              'div',
-              { className: 'sanityDisplayLabel' },
-              props.article.source
-            ),
-            issue && React__default.createElement(
-              'div',
-              { className: 'volume-issue' },
-              issue.volume && React__default.createElement(
-                'span',
-                null,
-                'Volume ' + issue.volume,
-                ','
-              ),
-              issue.issueNumber && React__default.createElement(
-                'span',
-                null,
-                ' Issue ' + issue.issueNumber
-              )
-            ),
-            pageNumber && React__default.createElement(
-              'div',
-              { className: 'article-pageNumber' },
-              'Page Number: ' + pageNumber
-            )
-          ),
-          React__default.createElement(
-            'p',
-            null,
-            React__default.createElement(SocialShare, {
-              shareUrl: shareUrl,
-              shareTitle: shareTitle,
-              shareVia: shareVia,
-              shareSummary: shareSummary,
-              shareSubject: shareSubject,
-              shareImage: shareImage,
-              size: 32,
-              siteName: siteName,
-              twitterSiteName: twitterSiteName,
-              disableMeta: true
-            })
-          ),
-          renderRelevantTopicsDropdown(),
-          summary && React__default.createElement(
-            'p',
-            null,
-            React__default.createElement(
-              'em',
-              null,
-              summary
-            )
-          ),
-          main_39 && props.article.Ads.map(function (ad, index) {
-            if (index === 0) {
-              return React__default.createElement(
-                'div',
-                { key: index, id: 'addid-' + index, style: { display: 'flex', flex: '1 0 auto', marginTop: '-1rem', marginBottom: '1rem' } },
-                ad.component
-              );
-            }
-          }),
-          React__default.createElement(
-            'div',
-            { className: 'block-content mt-3' },
-            renderBlockContent(props.article),
-            issue && issue.url && React__default.createElement(
-              'a',
-              { rel: 'noopener', href: issue.url, target: '_blank', title: 'Download issue' },
-              React__default.createElement('img', { style: { margin: '1rem', maxHeight: '40px', maxWidth: '40px' }, src: '/download.png', alt: 'download issue' }),
-              'Download Issue : ',
-              issue.name
-            )
-          )
-        ),
-        renderIsiContent(props.article)
-      )
-    ),
-    main_39 && props.article.Ads.map(function (ad, index) {
-      if (index > 0) {
-        return React__default.createElement(
-          'div',
-          { key: index, id: 'addid-' + index, style: { display: 'flex', flex: '1 0 auto' } },
-          ad.component
-        );
-      }
-    }),
-    React__default.createElement('div', { className: 'clearfix', style: { minHeight: '1px' } }),
-    React__default.createElement('hr', { className: 'article-seperater' }),
-    React__default.createElement(
-      'noscript',
-      null,
-      props.article.relatedArticle && props.article.relatedArticle.url && props.article.relatedArticle.url.current && React__default.createElement(
-        'div',
-        { style: { textAlign: 'center' } },
-        React__default.createElement(
-          'a',
-          { href: '/view/' + props.article.relatedArticle.url.current },
-          'Related Article >>>'
-        )
-      )
-    ),
-    React__default.createElement(
-      'style',
-      { jsx: 'true' },
-      '\n        .sanityDisplayLabel {\n          margin: 0.5rem 0;\n          border: 2px solid #484848;\n          width: fit-content;\n          width: -moz-fit-content;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n        @media only screen and (max-width: 767px) {\n          .sanityDisplayLabel {\n            max-width: 100%;\n          }\n        }\n      '
-    )
-  );
-};
-
-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,
-      sponsoredTaxonomies = _props$sponsoredTaxon === undefined ? [] : _props$sponsoredTaxon,
-      _props$cpModification = props.cpModificationRequired,
-      cpModificationRequired = _props$cpModification === undefined ? false : _props$cpModification,
-      _props$authorPrefix = props.authorPrefix,
-      authorPrefix = _props$authorPrefix === undefined ? 'authors' : _props$authorPrefix;
-
-
-  var getTargeting = function getTargeting(article, position) {
-    var _article$internalTag = article.internalTag,
-        internalTag = _article$internalTag === undefined ? [] : _article$internalTag,
-        _article$userDefinedT = article.userDefinedTag,
-        userDefinedTag = _article$userDefinedT === undefined ? [] : _article$userDefinedT,
-        _article$SponsorshipT = article.SponsorshipTag,
-        SponsorshipTag = _article$SponsorshipT === undefined ? [] : _article$SponsorshipT,
-        _article$seoTag = article.seoTag,
-        seoTag = _article$seoTag === undefined ? [] : _article$seoTag,
-        _article$url = article.url;
-    _article$url = _article$url === undefined ? {
-      current: ''
-    } : _article$url;
-    var url = _article$url.current,
-        _article$documentGrou = article.documentGroup;
-    _article$documentGrou = _article$documentGrou === undefined ? {
-      path: ''
-    } : _article$documentGrou;
-    var document_group = _article$documentGrou.path,
-        content_placement = article.content_placement;
-
-    var context = url;
-    var localHistory = props.historyCookie ? JSON.parse(props.historyCookie) : [];
-    if (!context && localHistory) {
-      context = localHistory[localHistory.length - 1];
-    }
-    context = context && context.split('?')[0];
-    context = context && context.split('&')[0];
-    var content_placement_urls = [];
-    if (content_placement && prevUrl && prevUrl.length) {
-      content_placement.forEach(function (item) {
-        var path = item.path;
-        if (cpModificationRequired) {
-          path = get_content_placement_url(item);
-        }
-
-        if (includes_1(prevUrl, path)) {
-          content_placement_urls.push(path);
-        }
-      });
-    }
-
-    if (content_placement) {
-      if (content_placement_urls.length === 0) {
-        content_placement_urls = content_placement.map(function (item) {
-          return cpModificationRequired ? get_content_placement_url(item) : item.path;
-        });
-      }
-    } else {
-      content_placement_urls = ['/'];
-    }
-    var articleKeywords = [].concat(_toConsumableArray(internalTag), _toConsumableArray(userDefinedTag), _toConsumableArray(SponsorshipTag), _toConsumableArray(seoTag));
-    var targeting = {
-      tags: articleKeywords,
-      document_group: [document_group],
-      document_url: [url],
-      content_placement: content_placement_urls
-    };
-
-    if (article.issue && article.issue.path) {
-      targeting.issue_url = [article.issue.path];
-      if (article.issue.publication && article.issue.publication.path) {
-        targeting.publication_url = [article.issue.publication.path];
-      }
-    }
-
-    if (props.cache.hyperTargeting) {
-      targeting = _extends({}, targeting, { campaign_id: props.cache.hyperTargeting });
-    }
-
-    if (position && position.length) {
-      targeting['pos'] = position;
-    }
-    return targeting;
-  };
-
-  var firstArticle = function firstArticle() {
-    var article = _Object$assign({}, props.article);
-    var targeting = getTargeting(props.article);
-    article.Ads = Ads.getRightItems(targeting);
-    return article;
-  };
-
-  var _useState5 = useState([firstArticle()]),
-      _useState6 = _slicedToArray(_useState5, 2),
-      queueData = _useState6[0],
-      setQueueData = _useState6[1];
-
-  var refreshAD = function refreshAD(path) {
-    var activeArticle = queueData.find(function (item) {
-      return item.url.current === path;
-    });
-    var targeting = getTargeting(activeArticle);
-
-    if (!main_39) {
-      lib_3.getGoogletag().then(function (googletag) {
-        if (window.googletag && googletag.pubadsReady) {
-          var slots = googletag.pubads().getSlots();
-          slots.forEach(function (slot) {
-            var pos = slot.getTargeting('pos');
-            slot.clearTargeting();
-            _Object$keys(targeting).forEach(function (key) {
-              slot.setTargeting(key, targeting[key]);
-            });
-            slot.setTargeting('pos', pos);
-          });
-          lib_3.refresh();
-        }
-      });
-    }
-    //Refresh leaderboard ad on mobile
-    if (main_39) {
-      var leaderboardSlotId = '';
-      lib_3.getGoogletag().then(function (googletag) {
-        if (window.googletag && googletag.pubadsReady) {
-          var slots = googletag.pubads().getSlots();
-          slots.forEach(function (slot) {
-            var pos = slot.getTargeting('pos');
-            if (pos == 'top-mobile') {
-              //gets the slotId of the leaderboard ad to refresh
-              leaderboardSlotId = slot.getSlotId().getDomId();
-              slot.clearTargeting();
-              _Object$keys(targeting).forEach(function (key) {
-                slot.setTargeting(key, targeting[key]);
-              });
-              slot.setTargeting('pos', pos);
-            }
-          });
-          lib_3.refresh(leaderboardSlotId);
-        }
-      });
-    }
-  };
-
-  var checkSponseredArticle = function checkSponseredArticle(article) {
-    var _article$taxonomyMapp = article.taxonomyMapping,
-        taxonomyMapping = _article$taxonomyMapp === undefined ? [] : _article$taxonomyMapp;
-
-    if (props.checkSponsered) {
-      return taxonomyMapping.some(function (item) {
-        return includes_1(sponsoredTaxonomies, item._ref);
-      });
-    } else {
-      return false;
-    }
-  };
-
-  var preVscroll = 0;
-  var isScrollDown = true;
-
-  var scrollDirectionDetect = function scrollDirectionDetect(e) {
-    var window = e.currentTarget;
-
-    if (preVscroll > window.scrollY) {
-      isScrollDown = false;
-    } else if (preVscroll < window.scrollY) {
-      isScrollDown = true;
-    }
-    preVscroll = window.scrollY;
-  };
-
-  useEffect(function () {
-    window.addEventListener('scroll', scrollDirectionDetect);
-    return function () {
-      return window.removeEventListener('scroll', scrollDirectionDetect);
-    };
-  });
-
-  var hasVerticalScroll = function hasVerticalScroll() {
-    if (window.innerHeight) {
-      return document.body.offsetHeight > window.innerHeight;
-    } else {
-      return document.documentElement.scrollHeight > document.documentElement.offsetHeight || document.body.scrollHeight > document.body.offsetHeight;
-    }
-  };
-
-  useEffect(function () {
-    // Fetching related article after component mounted if vertical scroll not found
-    if (!hasVerticalScroll()) {
-      loadmore();
-    }
-  }, [queueData.length]);
-
-  var loadmore = function loadmore() {
-    var query = props.relatedArticleQuery;
-    var params = props.params;
-    if (queueData && queueData.length < maxListLength) {
-      params.index = queueData.length - 1;
-      props.client.fetch(query, params).then(function (article) {
-        if (article && article._id) {
-          var targeting = getTargeting(article);
-          article.Ads = Ads.getRightItems(targeting);
-          setQueueData([].concat(_toConsumableArray(queueData), [article]));
-        }
-      });
-    }
-  };
-
-  var changeMeta = function changeMeta(meta) {
-    document.title = meta.shareTitle;
-    document.querySelector('meta[name="description"]').setAttribute('content', meta.shareSummary);
-    document.querySelector('meta[name="keywords"]').setAttribute('content', meta.shareKeywords);
-    document.querySelector('meta[property="og:url"]').setAttribute('content', meta.shareUrl);
-    document.querySelector('meta[property="og:title"]').setAttribute('content', meta.shareTitle);
-    document.querySelector('meta[property="og:site_name"]').setAttribute('content', meta.shareVia);
-    document.querySelector('meta[property="og:description"]').setAttribute('content', meta.shareSummary);
-    document.querySelector('meta[name="twitter:title"]').setAttribute('content', meta.shareTitle);
-    document.querySelector('meta[name="twitter:image"]').setAttribute('content', meta.shareImage);
-    document.querySelector('meta[name="twitter:site"]').setAttribute('content', meta.shareVia);
-    document.querySelector('meta[name="twitter:description"]').setAttribute('content', meta.shareSummary);
-    document.querySelector('link[rel="canonical"]').setAttribute('href', meta.shareUrl);
-  };
-
-  var onChangeArticle = function onChangeArticle(path, visibility, meta) {
-    var currentPath = window && window.location && window.location.pathname ? window.location.pathname.replace('/view/', '') : '';
-    var newPath = '/view/' + path;
-
-    // Change URL and do other changes
-    var doChanges = function doChanges() {
-      window.history.pushState({ page: path }, meta.shareTitle, newPath);
-      changeMeta(meta);
-      if (props.setCustomDimensions) {
-        var activeArticle = queueData.find(function (item) {
-          return item.url.current === path;
-        });
-        props.setCustomDimensions(activeArticle, '200', prevUrl);
-      }
-      if (props.pageview) props.pageview(newPath);
-      refreshAD(path);
-    };
-
-    if (currentPath !== path) {
-      if (isScrollDown) {
-        if (visibility === 'top') {
-          doChanges();
-        }
-      } else {
-        if (visibility === 'bottom') {
-          doChanges();
-        }
-      }
-      if (visibility === 'small-top') {
-        doChanges();
-      }
-    }
-  };
-
-  return React__default.createElement(
-    InfiniteScroll,
-    { dataLength: queueData.length, next: loadmore, scrollThreshold: '60%', hasMore: true, style: { overflow: 'hidden' } },
-    queueData.map(function (article, index) {
-      if (!checkSponseredArticle(article) && Ads.getVideoContextualAD) {
-        article.contextualVideoAD = Ads.getVideoContextualAD(getTargeting(article, 'in-context_video'));
-      }
-      if (!checkSponseredArticle(article) && Ads.getNativeContextualAD) {
-        article.contextualAD = Ads.getNativeContextualAD(getTargeting(article, 'native-ad'));
-      }
-      return React__default.createElement(Article, _extends({
-        key: index
-      }, props, {
-        onChangeArticle: onChangeArticle,
-        authorPrfix: authorPrefix,
-        article: article,
-        cpModificationRequired: cpModificationRequired,
-        queueData: queueData
-        // Passing 'getTargeting' so that contextual AD can fetch target based on current active article.
-        , getTargeting: getTargeting
-      }));
-    })
-  );
-};
-
-export default ArticleQueue;