@quintype/arrow 3.15.1-perf.1 → 3.15.1-perf.4

package/rows/FourColPortraitStories/index.js

@@ -1,2494 +1,68 @@
-import React, { useContext, createContext, useState, useEffect, useRef } from 'react';
-import { connect, useSelector, useDispatch } from 'react-redux';
-import PropTypes, { PropTypes as PropTypes$1 } from 'prop-types';
-import { Link, LinkBase, ResponsiveImage, ResponsiveHeroImage, collectionToStories } from '@quintype/components';
-import Timeago from 'react-timeago';
-import { utcToZonedTime, format } from 'date-fns-tz';
-import ReactDOM from 'react-dom';
-
-/**
- * Checks if `value` is classified as an `Array` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an array, else `false`.
- * @example
- *
- * _.isArray([1, 2, 3]);
- * // => true
- *
- * _.isArray(document.body.children);
- * // => false
- *
- * _.isArray('abc');
- * // => false
- *
- * _.isArray(_.noop);
- * // => false
- */
-var isArray = Array.isArray;
-
-var isArray_1 = isArray;
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function createCommonjsModule(fn) {
-  var module = { exports: {} };
-	return fn(module, module.exports), module.exports;
-}
-
-/** Detect free variable `global` from Node.js. */
-
-var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-
-var _freeGlobal = freeGlobal;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root = _freeGlobal || freeSelf || Function('return this')();
-
-var _root = root;
-
-/** Built-in value references. */
-var Symbol$1 = _root.Symbol;
-
-var _Symbol = Symbol$1;
-
-/** Used for built-in method references. */
-var objectProto$4 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$3 = objectProto$4.hasOwnProperty;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString$1 = objectProto$4.toString;
-
-/** Built-in value references. */
-var symToStringTag$1 = _Symbol ? _Symbol.toStringTag : undefined;
-
-/**
- * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the raw `toStringTag`.
- */
-function getRawTag(value) {
-  var isOwn = hasOwnProperty$3.call(value, symToStringTag$1),
-      tag = value[symToStringTag$1];
-
-  try {
-    value[symToStringTag$1] = undefined;
-    var unmasked = true;
-  } catch (e) {}
-
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-
-var _getRawTag = getRawTag;
-
-/** Used for built-in method references. */
-var objectProto$3 = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var nativeObjectToString = objectProto$3.toString;
-
-/**
- * Converts `value` to a string using `Object.prototype.toString`.
- *
- * @private
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- */
-function objectToString(value) {
-  return nativeObjectToString.call(value);
-}
-
-var _objectToString = objectToString;
-
-/** `Object#toString` result references. */
-var nullTag = '[object Null]',
-    undefinedTag = '[object Undefined]';
-
-/** Built-in value references. */
-var symToStringTag = _Symbol ? _Symbol.toStringTag : undefined;
-
-/**
- * The base implementation of `getTag` without fallbacks for buggy environments.
- *
- * @private
- * @param {*} value The value to query.
- * @returns {string} Returns the `toStringTag`.
- */
-function baseGetTag(value) {
-  if (value == null) {
-    return value === undefined ? undefinedTag : nullTag;
-  }
-  return (symToStringTag && symToStringTag in Object(value))
-    ? _getRawTag(value)
-    : _objectToString(value);
-}
-
-var _baseGetTag = baseGetTag;
-
-/**
- * Checks if `value` is object-like. A value is object-like if it's not `null`
- * and has a `typeof` result of "object".
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
- * @example
- *
- * _.isObjectLike({});
- * // => true
- *
- * _.isObjectLike([1, 2, 3]);
- * // => true
- *
- * _.isObjectLike(_.noop);
- * // => false
- *
- * _.isObjectLike(null);
- * // => false
- */
-function isObjectLike(value) {
-  return value != null && typeof value == 'object';
-}
-
-var isObjectLike_1 = isObjectLike;
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike_1(value) && _baseGetTag(value) == symbolTag);
-}
-
-var isSymbol_1 = isSymbol;
-
-/** Used to match property names within property paths. */
-var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
-    reIsPlainProp = /^\w*$/;
-
-/**
- * Checks if `value` is a property name and not a property path.
- *
- * @private
- * @param {*} value The value to check.
- * @param {Object} [object] The object to query keys on.
- * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
- */
-function isKey(value, object) {
-  if (isArray_1(value)) {
-    return false;
-  }
-  var type = typeof value;
-  if (type == 'number' || type == 'symbol' || type == 'boolean' ||
-      value == null || isSymbol_1(value)) {
-    return true;
-  }
-  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||
-    (object != null && value in Object(object));
-}
-
-var _isKey = isKey;
-
-/**
- * Checks if `value` is the
- * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
- * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an object, else `false`.
- * @example
- *
- * _.isObject({});
- * // => true
- *
- * _.isObject([1, 2, 3]);
- * // => true
- *
- * _.isObject(_.noop);
- * // => true
- *
- * _.isObject(null);
- * // => false
- */
-function isObject(value) {
-  var type = typeof value;
-  return value != null && (type == 'object' || type == 'function');
-}
-
-var isObject_1 = isObject;
-
-/** `Object#toString` result references. */
-var asyncTag = '[object AsyncFunction]',
-    funcTag = '[object Function]',
-    genTag = '[object GeneratorFunction]',
-    proxyTag = '[object Proxy]';
-
-/**
- * Checks if `value` is classified as a `Function` object.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a function, else `false`.
- * @example
- *
- * _.isFunction(_);
- * // => true
- *
- * _.isFunction(/abc/);
- * // => false
- */
-function isFunction(value) {
-  if (!isObject_1(value)) {
-    return false;
-  }
-  // The use of `Object#toString` avoids issues with the `typeof` operator
-  // in Safari 9 which returns 'object' for typed arrays and other constructors.
-  var tag = _baseGetTag(value);
-  return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
-}
-
-var isFunction_1 = isFunction;
-
-/** Used to detect overreaching core-js shims. */
-var coreJsData = _root['__core-js_shared__'];
-
-var _coreJsData = coreJsData;
-
-/** Used to detect methods masquerading as native. */
-var maskSrcKey = (function() {
-  var uid = /[^.]+$/.exec(_coreJsData && _coreJsData.keys && _coreJsData.keys.IE_PROTO || '');
-  return uid ? ('Symbol(src)_1.' + uid) : '';
-}());
-
-/**
- * Checks if `func` has its source masked.
- *
- * @private
- * @param {Function} func The function to check.
- * @returns {boolean} Returns `true` if `func` is masked, else `false`.
- */
-function isMasked(func) {
-  return !!maskSrcKey && (maskSrcKey in func);
-}
-
-var _isMasked = isMasked;
-
-/** Used for built-in method references. */
-var funcProto$1 = Function.prototype;
-
-/** Used to resolve the decompiled source of functions. */
-var funcToString$1 = funcProto$1.toString;
-
-/**
- * Converts `func` to its source code.
- *
- * @private
- * @param {Function} func The function to convert.
- * @returns {string} Returns the source code.
- */
-function toSource(func) {
-  if (func != null) {
-    try {
-      return funcToString$1.call(func);
-    } catch (e) {}
-    try {
-      return (func + '');
-    } catch (e) {}
-  }
-  return '';
-}
-
-var _toSource = toSource;
-
-/**
- * Used to match `RegExp`
- * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
- */
-var reRegExpChar = /[\\^$.*+?()[\]{}|]/g;
-
-/** Used to detect host constructors (Safari). */
-var reIsHostCtor = /^\[object .+?Constructor\]$/;
-
-/** Used for built-in method references. */
-var funcProto = Function.prototype,
-    objectProto$2 = Object.prototype;
-
-/** Used to resolve the decompiled source of functions. */
-var funcToString = funcProto.toString;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$2 = objectProto$2.hasOwnProperty;
-
-/** Used to detect if a method is native. */
-var reIsNative = RegExp('^' +
-  funcToString.call(hasOwnProperty$2).replace(reRegExpChar, '\\$&')
-  .replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, '$1.*?') + '$'
-);
-
-/**
- * The base implementation of `_.isNative` without bad shim checks.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a native function,
- *  else `false`.
- */
-function baseIsNative(value) {
-  if (!isObject_1(value) || _isMasked(value)) {
-    return false;
-  }
-  var pattern = isFunction_1(value) ? reIsNative : reIsHostCtor;
-  return pattern.test(_toSource(value));
-}
-
-var _baseIsNative = baseIsNative;
-
-/**
- * Gets the value at `key` of `object`.
- *
- * @private
- * @param {Object} [object] The object to query.
- * @param {string} key The key of the property to get.
- * @returns {*} Returns the property value.
- */
-function getValue(object, key) {
-  return object == null ? undefined : object[key];
-}
-
-var _getValue = getValue;
-
-/**
- * Gets the native function at `key` of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {string} key The key of the method to get.
- * @returns {*} Returns the function if it's native, else `undefined`.
- */
-function getNative(object, key) {
-  var value = _getValue(object, key);
-  return _baseIsNative(value) ? value : undefined;
-}
-
-var _getNative = getNative;
-
-/* Built-in method references that are verified to be native. */
-var nativeCreate = _getNative(Object, 'create');
-
-var _nativeCreate = nativeCreate;
-
-/**
- * Removes all key-value entries from the hash.
- *
- * @private
- * @name clear
- * @memberOf Hash
- */
-function hashClear() {
-  this.__data__ = _nativeCreate ? _nativeCreate(null) : {};
-  this.size = 0;
-}
-
-var _hashClear = hashClear;
-
-/**
- * Removes `key` and its value from the hash.
- *
- * @private
- * @name delete
- * @memberOf Hash
- * @param {Object} hash The hash to modify.
- * @param {string} key The key of the value to remove.
- * @returns {boolean} Returns `true` if the entry was removed, else `false`.
- */
-function hashDelete(key) {
-  var result = this.has(key) && delete this.__data__[key];
-  this.size -= result ? 1 : 0;
-  return result;
-}
-
-var _hashDelete = hashDelete;
-
-/** Used to stand-in for `undefined` hash values. */
-var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';
-
-/** Used for built-in method references. */
-var objectProto$1 = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
-
-/**
- * Gets the hash value for `key`.
- *
- * @private
- * @name get
- * @memberOf Hash
- * @param {string} key The key of the value to get.
- * @returns {*} Returns the entry value.
- */
-function hashGet(key) {
-  var data = this.__data__;
-  if (_nativeCreate) {
-    var result = data[key];
-    return result === HASH_UNDEFINED$1 ? undefined : result;
-  }
-  return hasOwnProperty$1.call(data, key) ? data[key] : undefined;
-}
-
-var _hashGet = hashGet;
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/** Used to check objects for own properties. */
-var hasOwnProperty = objectProto.hasOwnProperty;
-
-/**
- * Checks if a hash value for `key` exists.
- *
- * @private
- * @name has
- * @memberOf Hash
- * @param {string} key The key of the entry to check.
- * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
- */
-function hashHas(key) {
-  var data = this.__data__;
-  return _nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);
-}
-
-var _hashHas = hashHas;
-
-/** Used to stand-in for `undefined` hash values. */
-var HASH_UNDEFINED = '__lodash_hash_undefined__';
-
-/**
- * Sets the hash `key` to `value`.
- *
- * @private
- * @name set
- * @memberOf Hash
- * @param {string} key The key of the value to set.
- * @param {*} value The value to set.
- * @returns {Object} Returns the hash instance.
- */
-function hashSet(key, value) {
-  var data = this.__data__;
-  this.size += this.has(key) ? 0 : 1;
-  data[key] = (_nativeCreate && value === undefined) ? HASH_UNDEFINED : value;
-  return this;
-}
-
-var _hashSet = hashSet;
-
-/**
- * Creates a hash object.
- *
- * @private
- * @constructor
- * @param {Array} [entries] The key-value pairs to cache.
- */
-function Hash(entries) {
-  var index = -1,
-      length = entries == null ? 0 : entries.length;
-
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
-}
-
-// Add methods to `Hash`.
-Hash.prototype.clear = _hashClear;
-Hash.prototype['delete'] = _hashDelete;
-Hash.prototype.get = _hashGet;
-Hash.prototype.has = _hashHas;
-Hash.prototype.set = _hashSet;
-
-var _Hash = Hash;
-
-/**
- * Removes all key-value entries from the list cache.
- *
- * @private
- * @name clear
- * @memberOf ListCache
- */
-function listCacheClear() {
-  this.__data__ = [];
-  this.size = 0;
-}
-
-var _listCacheClear = listCacheClear;
-
-/**
- * Performs a
- * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
- * comparison between two values to determine if they are equivalent.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to compare.
- * @param {*} other The other value to compare.
- * @returns {boolean} Returns `true` if the values are equivalent, else `false`.
- * @example
- *
- * var object = { 'a': 1 };
- * var other = { 'a': 1 };
- *
- * _.eq(object, object);
- * // => true
- *
- * _.eq(object, other);
- * // => false
- *
- * _.eq('a', 'a');
- * // => true
- *
- * _.eq('a', Object('a'));
- * // => false
- *
- * _.eq(NaN, NaN);
- * // => true
- */
-function eq(value, other) {
-  return value === other || (value !== value && other !== other);
-}
-
-var eq_1 = eq;
-
-/**
- * Gets the index at which the `key` is found in `array` of key-value pairs.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {*} key The key to search for.
- * @returns {number} Returns the index of the matched value, else `-1`.
- */
-function assocIndexOf(array, key) {
-  var length = array.length;
-  while (length--) {
-    if (eq_1(array[length][0], key)) {
-      return length;
-    }
-  }
-  return -1;
-}
-
-var _assocIndexOf = assocIndexOf;
-
-/** Used for built-in method references. */
-var arrayProto = Array.prototype;
-
-/** Built-in value references. */
-var splice = arrayProto.splice;
-
-/**
- * Removes `key` and its value from the list cache.
- *
- * @private
- * @name delete
- * @memberOf ListCache
- * @param {string} key The key of the value to remove.
- * @returns {boolean} Returns `true` if the entry was removed, else `false`.
- */
-function listCacheDelete(key) {
-  var data = this.__data__,
-      index = _assocIndexOf(data, key);
-
-  if (index < 0) {
-    return false;
-  }
-  var lastIndex = data.length - 1;
-  if (index == lastIndex) {
-    data.pop();
-  } else {
-    splice.call(data, index, 1);
-  }
-  --this.size;
-  return true;
-}
-
-var _listCacheDelete = listCacheDelete;
-
-/**
- * Gets the list cache value for `key`.
- *
- * @private
- * @name get
- * @memberOf ListCache
- * @param {string} key The key of the value to get.
- * @returns {*} Returns the entry value.
- */
-function listCacheGet(key) {
-  var data = this.__data__,
-      index = _assocIndexOf(data, key);
-
-  return index < 0 ? undefined : data[index][1];
-}
-
-var _listCacheGet = listCacheGet;
-
-/**
- * Checks if a list cache value for `key` exists.
- *
- * @private
- * @name has
- * @memberOf ListCache
- * @param {string} key The key of the entry to check.
- * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
- */
-function listCacheHas(key) {
-  return _assocIndexOf(this.__data__, key) > -1;
-}
-
-var _listCacheHas = listCacheHas;
-
-/**
- * Sets the list cache `key` to `value`.
- *
- * @private
- * @name set
- * @memberOf ListCache
- * @param {string} key The key of the value to set.
- * @param {*} value The value to set.
- * @returns {Object} Returns the list cache instance.
- */
-function listCacheSet(key, value) {
-  var data = this.__data__,
-      index = _assocIndexOf(data, key);
-
-  if (index < 0) {
-    ++this.size;
-    data.push([key, value]);
-  } else {
-    data[index][1] = value;
-  }
-  return this;
-}
-
-var _listCacheSet = listCacheSet;
-
-/**
- * Creates an list cache object.
- *
- * @private
- * @constructor
- * @param {Array} [entries] The key-value pairs to cache.
- */
-function ListCache(entries) {
-  var index = -1,
-      length = entries == null ? 0 : entries.length;
-
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
-}
-
-// Add methods to `ListCache`.
-ListCache.prototype.clear = _listCacheClear;
-ListCache.prototype['delete'] = _listCacheDelete;
-ListCache.prototype.get = _listCacheGet;
-ListCache.prototype.has = _listCacheHas;
-ListCache.prototype.set = _listCacheSet;
-
-var _ListCache = ListCache;
-
-/* Built-in method references that are verified to be native. */
-var Map = _getNative(_root, 'Map');
-
-var _Map = Map;
-
-/**
- * Removes all key-value entries from the map.
- *
- * @private
- * @name clear
- * @memberOf MapCache
- */
-function mapCacheClear() {
-  this.size = 0;
-  this.__data__ = {
-    'hash': new _Hash,
-    'map': new (_Map || _ListCache),
-    'string': new _Hash
-  };
-}
-
-var _mapCacheClear = mapCacheClear;
-
-/**
- * Checks if `value` is suitable for use as unique object key.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is suitable, else `false`.
- */
-function isKeyable(value) {
-  var type = typeof value;
-  return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')
-    ? (value !== '__proto__')
-    : (value === null);
-}
-
-var _isKeyable = isKeyable;
-
-/**
- * Gets the data for `map`.
- *
- * @private
- * @param {Object} map The map to query.
- * @param {string} key The reference key.
- * @returns {*} Returns the map data.
- */
-function getMapData(map, key) {
-  var data = map.__data__;
-  return _isKeyable(key)
-    ? data[typeof key == 'string' ? 'string' : 'hash']
-    : data.map;
-}
-
-var _getMapData = getMapData;
-
-/**
- * Removes `key` and its value from the map.
- *
- * @private
- * @name delete
- * @memberOf MapCache
- * @param {string} key The key of the value to remove.
- * @returns {boolean} Returns `true` if the entry was removed, else `false`.
- */
-function mapCacheDelete(key) {
-  var result = _getMapData(this, key)['delete'](key);
-  this.size -= result ? 1 : 0;
-  return result;
-}
-
-var _mapCacheDelete = mapCacheDelete;
-
-/**
- * Gets the map value for `key`.
- *
- * @private
- * @name get
- * @memberOf MapCache
- * @param {string} key The key of the value to get.
- * @returns {*} Returns the entry value.
- */
-function mapCacheGet(key) {
-  return _getMapData(this, key).get(key);
-}
-
-var _mapCacheGet = mapCacheGet;
-
-/**
- * Checks if a map value for `key` exists.
- *
- * @private
- * @name has
- * @memberOf MapCache
- * @param {string} key The key of the entry to check.
- * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
- */
-function mapCacheHas(key) {
-  return _getMapData(this, key).has(key);
-}
-
-var _mapCacheHas = mapCacheHas;
-
-/**
- * Sets the map `key` to `value`.
- *
- * @private
- * @name set
- * @memberOf MapCache
- * @param {string} key The key of the value to set.
- * @param {*} value The value to set.
- * @returns {Object} Returns the map cache instance.
- */
-function mapCacheSet(key, value) {
-  var data = _getMapData(this, key),
-      size = data.size;
-
-  data.set(key, value);
-  this.size += data.size == size ? 0 : 1;
-  return this;
-}
-
-var _mapCacheSet = mapCacheSet;
-
-/**
- * Creates a map cache object to store key-value pairs.
- *
- * @private
- * @constructor
- * @param {Array} [entries] The key-value pairs to cache.
- */
-function MapCache(entries) {
-  var index = -1,
-      length = entries == null ? 0 : entries.length;
-
-  this.clear();
-  while (++index < length) {
-    var entry = entries[index];
-    this.set(entry[0], entry[1]);
-  }
-}
-
-// Add methods to `MapCache`.
-MapCache.prototype.clear = _mapCacheClear;
-MapCache.prototype['delete'] = _mapCacheDelete;
-MapCache.prototype.get = _mapCacheGet;
-MapCache.prototype.has = _mapCacheHas;
-MapCache.prototype.set = _mapCacheSet;
-
-var _MapCache = MapCache;
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/**
- * Creates a function that memoizes the result of `func`. If `resolver` is
- * provided, it determines the cache key for storing the result based on the
- * arguments provided to the memoized function. By default, the first argument
- * provided to the memoized function is used as the map cache key. The `func`
- * is invoked with the `this` binding of the memoized function.
- *
- * **Note:** The cache is exposed as the `cache` property on the memoized
- * function. Its creation may be customized by replacing the `_.memoize.Cache`
- * constructor with one whose instances implement the
- * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
- * method interface of `clear`, `delete`, `get`, `has`, and `set`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to have its output memoized.
- * @param {Function} [resolver] The function to resolve the cache key.
- * @returns {Function} Returns the new memoized function.
- * @example
- *
- * var object = { 'a': 1, 'b': 2 };
- * var other = { 'c': 3, 'd': 4 };
- *
- * var values = _.memoize(_.values);
- * values(object);
- * // => [1, 2]
- *
- * values(other);
- * // => [3, 4]
- *
- * object.a = 2;
- * values(object);
- * // => [1, 2]
- *
- * // Modify the result cache.
- * values.cache.set(object, ['a', 'b']);
- * values(object);
- * // => ['a', 'b']
- *
- * // Replace `_.memoize.Cache`.
- * _.memoize.Cache = WeakMap;
- */
-function memoize(func, resolver) {
-  if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  var memoized = function() {
-    var args = arguments,
-        key = resolver ? resolver.apply(this, args) : args[0],
-        cache = memoized.cache;
-
-    if (cache.has(key)) {
-      return cache.get(key);
-    }
-    var result = func.apply(this, args);
-    memoized.cache = cache.set(key, result) || cache;
-    return result;
-  };
-  memoized.cache = new (memoize.Cache || _MapCache);
-  return memoized;
-}
-
-// Expose `MapCache`.
-memoize.Cache = _MapCache;
-
-var memoize_1 = memoize;
-
-/** Used as the maximum memoize cache size. */
-var MAX_MEMOIZE_SIZE = 500;
-
-/**
- * A specialized version of `_.memoize` which clears the memoized function's
- * cache when it exceeds `MAX_MEMOIZE_SIZE`.
- *
- * @private
- * @param {Function} func The function to have its output memoized.
- * @returns {Function} Returns the new memoized function.
- */
-function memoizeCapped(func) {
-  var result = memoize_1(func, function(key) {
-    if (cache.size === MAX_MEMOIZE_SIZE) {
-      cache.clear();
-    }
-    return key;
-  });
-
-  var cache = result.cache;
-  return result;
-}
-
-var _memoizeCapped = memoizeCapped;
-
-/** Used to match property names within property paths. */
-var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
-
-/** Used to match backslashes in property paths. */
-var reEscapeChar = /\\(\\)?/g;
-
-/**
- * Converts `string` to a property path array.
- *
- * @private
- * @param {string} string The string to convert.
- * @returns {Array} Returns the property path array.
- */
-var stringToPath = _memoizeCapped(function(string) {
-  var result = [];
-  if (string.charCodeAt(0) === 46 /* . */) {
-    result.push('');
-  }
-  string.replace(rePropName, function(match, number, quote, subString) {
-    result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));
-  });
-  return result;
-});
-
-var _stringToPath = stringToPath;
-
-/**
- * A specialized version of `_.map` for arrays without support for iteratee
- * shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns the new mapped array.
- */
-function arrayMap(array, iteratee) {
-  var index = -1,
-      length = array == null ? 0 : array.length,
-      result = Array(length);
-
-  while (++index < length) {
-    result[index] = iteratee(array[index], index, array);
-  }
-  return result;
-}
-
-var _arrayMap = arrayMap;
-
-/** Used as references for various `Number` constants. */
-var INFINITY$1 = 1 / 0;
-
-/** Used to convert symbols to primitives and strings. */
-var symbolProto = _Symbol ? _Symbol.prototype : undefined,
-    symbolToString = symbolProto ? symbolProto.toString : undefined;
-
-/**
- * The base implementation of `_.toString` which doesn't convert nullish
- * values to empty strings.
- *
- * @private
- * @param {*} value The value to process.
- * @returns {string} Returns the string.
- */
-function baseToString(value) {
-  // Exit early for strings to avoid a performance hit in some environments.
-  if (typeof value == 'string') {
-    return value;
-  }
-  if (isArray_1(value)) {
-    // Recursively convert values (susceptible to call stack limits).
-    return _arrayMap(value, baseToString) + '';
-  }
-  if (isSymbol_1(value)) {
-    return symbolToString ? symbolToString.call(value) : '';
-  }
-  var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY$1) ? '-0' : result;
-}
-
-var _baseToString = baseToString;
-
-/**
- * Converts `value` to a string. An empty string is returned for `null`
- * and `undefined` values. The sign of `-0` is preserved.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to convert.
- * @returns {string} Returns the converted string.
- * @example
- *
- * _.toString(null);
- * // => ''
- *
- * _.toString(-0);
- * // => '-0'
- *
- * _.toString([1, 2, 3]);
- * // => '1,2,3'
- */
-function toString(value) {
-  return value == null ? '' : _baseToString(value);
-}
-
-var toString_1 = toString;
-
-/**
- * Casts `value` to a path array if it's not one.
- *
- * @private
- * @param {*} value The value to inspect.
- * @param {Object} [object] The object to query keys on.
- * @returns {Array} Returns the cast property path array.
- */
-function castPath(value, object) {
-  if (isArray_1(value)) {
-    return value;
-  }
-  return _isKey(value, object) ? [value] : _stringToPath(toString_1(value));
-}
-
-var _castPath = castPath;
-
-/** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0;
-
-/**
- * Converts `value` to a string key if it's not a string or symbol.
- *
- * @private
- * @param {*} value The value to inspect.
- * @returns {string|symbol} Returns the key.
- */
-function toKey(value) {
-  if (typeof value == 'string' || isSymbol_1(value)) {
-    return value;
-  }
-  var result = (value + '');
-  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
-}
-
-var _toKey = toKey;
-
-/**
- * The base implementation of `_.get` without support for default values.
- *
- * @private
- * @param {Object} object The object to query.
- * @param {Array|string} path The path of the property to get.
- * @returns {*} Returns the resolved value.
- */
-function baseGet(object, path) {
-  path = _castPath(path, object);
-
-  var index = 0,
-      length = path.length;
-
-  while (object != null && index < length) {
-    object = object[_toKey(path[index++])];
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactRedux = require('react-redux');
+var lodash = require('lodash');
+var PropTypes = require('prop-types');
+var components = require('@quintype/components');
+var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
+require('@babel/runtime/helpers/asyncToGenerator');
+var _typeof = require('@babel/runtime/helpers/typeof');
+require('@babel/runtime/regenerator');
+var Timeago = require('react-timeago');
+var dateFnsTz = require('date-fns-tz');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var ReactDOM = require('react-dom');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
   }
-  return (index && index == length) ? object : undefined;
-}
-
-var _baseGet = baseGet;
-
-/**
- * Gets the value at `path` of `object`. If the resolved value is
- * `undefined`, the `defaultValue` is returned in its place.
- *
- * @static
- * @memberOf _
- * @since 3.7.0
- * @category Object
- * @param {Object} object The object to query.
- * @param {Array|string} path The path of the property to get.
- * @param {*} [defaultValue] The value returned for `undefined` resolved values.
- * @returns {*} Returns the resolved value.
- * @example
- *
- * var object = { 'a': [{ 'b': { 'c': 3 } }] };
- *
- * _.get(object, 'a[0].b.c');
- * // => 3
- *
- * _.get(object, ['a', '0', 'b', 'c']);
- * // => 3
- *
- * _.get(object, 'a.b.c', 'default');
- * // => 'default'
- */
-function get(object, path, defaultValue) {
-  var result = object == null ? undefined : _baseGet(object, path);
-  return result === undefined ? defaultValue : result;
+  n["default"] = e;
+  return Object.freeze(n);
 }
 
-var get_1 = get;
-
-var optionsDefaults_1 = createCommonjsModule(function (module, exports) {
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var optionsDefaults = {
-  attributeNames: {
-    styleName: 'className'
-  },
-  generateScopedName: '[path]___[name]__[local]___[hash:base64:5]',
-  handleMissingStyleName: 'throw'
-};
-var _default = optionsDefaults;
-exports["default"] = _default;
-
-
-});
-
-var getClassName = createCommonjsModule(function (module, exports) {
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
+var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
+var Timeago__default = /*#__PURE__*/_interopDefaultLegacy(Timeago);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 
-var _optionsDefaults = _interopRequireDefault(optionsDefaults_1);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var isNamespacedStyleName = function isNamespacedStyleName(styleName) {
-  return styleName.indexOf('.') !== -1;
-};
-
-var handleError = function handleError(message, handleMissingStyleName) {
-  if (handleMissingStyleName === 'throw') {
-    throw new Error(message);
-  } else if (handleMissingStyleName === 'warn') {
-    // eslint-disable-next-line no-console
-    console.warn(message);
-  }
-
-  return null;
-};
-
-var getClassNameForNamespacedStyleName = function getClassNameForNamespacedStyleName(styleName, styleModuleImportMap, handleMissingStyleNameOption) {
-  // Note:
-  // Do not use the desctructing syntax with Babel.
-  // Desctructing adds _slicedToArray helper.
-  var styleNameParts = styleName.split('.');
-  var importName = styleNameParts[0];
-  var moduleName = styleNameParts[1];
-  var handleMissingStyleName = handleMissingStyleNameOption || _optionsDefaults["default"].handleMissingStyleName;
-
-  if (!moduleName) {
-    return handleError('Invalid style name: ' + styleName, handleMissingStyleName);
-  }
-
-  if (!styleModuleImportMap[importName]) {
-    return handleError('CSS module import does not exist: ' + importName, handleMissingStyleName);
-  }
-
-  if (!styleModuleImportMap[importName][moduleName]) {
-    return handleError('CSS module does not exist: ' + moduleName, handleMissingStyleName);
-  }
-
-  return styleModuleImportMap[importName][moduleName];
-};
-
-var getClassNameFromMultipleImports = function getClassNameFromMultipleImports(styleName, styleModuleImportMap, handleMissingStyleNameOption) {
-  var handleMissingStyleName = handleMissingStyleNameOption || _optionsDefaults["default"].handleMissingStyleName;
-  var importKeysWithMatches = Object.keys(styleModuleImportMap).map(function (importKey) {
-    return styleModuleImportMap[importKey][styleName] && importKey;
-  }).filter(function (importKey) {
-    return importKey;
-  });
-
-  if (importKeysWithMatches.length > 1) {
-    throw new Error('Cannot resolve styleName "' + styleName + '" because it is present in multiple imports:' + '\n\n\t' + importKeysWithMatches.join('\n\t') + '\n\nYou can resolve this by using a named import, e.g:' + '\n\n\timport foo from "' + importKeysWithMatches[0] + '";' + '\n\t<div styleName="foo.' + styleName + '" />' + '\n\n');
-  }
-
-  if (importKeysWithMatches.length === 0) {
-    return handleError('Could not resolve the styleName \'' + styleName + '\'.', handleMissingStyleName);
-  }
-
-  return styleModuleImportMap[importKeysWithMatches[0]][styleName];
-};
-
-var _default = function _default(styleNameValue, styleModuleImportMap, options) {
-  var styleModuleImportMapKeys = Object.keys(styleModuleImportMap);
-
-  var _ref = options || {},
-      _ref$handleMissingSty = _ref.handleMissingStyleName,
-      handleMissingStyleName = _ref$handleMissingSty === void 0 ? _optionsDefaults["default"].handleMissingStyleName : _ref$handleMissingSty,
-      _ref$autoResolveMulti = _ref.autoResolveMultipleImports,
-      autoResolveMultipleImports = _ref$autoResolveMulti === void 0 ? _optionsDefaults["default"].autoResolveMultipleImports : _ref$autoResolveMulti;
-
-  if (!styleNameValue) {
-    return '';
-  }
-
-  return styleNameValue.split(' ').filter(function (styleName) {
-    return styleName;
-  }).map(function (styleName) {
-    if (isNamespacedStyleName(styleName)) {
-      return getClassNameForNamespacedStyleName(styleName, styleModuleImportMap, handleMissingStyleName);
-    }
-
-    if (styleModuleImportMapKeys.length === 0) {
-      throw new Error('Cannot use styleName attribute for style name \'' + styleName + '\' without importing at least one stylesheet.');
-    }
-
-    if (styleModuleImportMapKeys.length > 1) {
-      if (!autoResolveMultipleImports) {
-        throw new Error('Cannot use anonymous style name \'' + styleName + '\' with more than one stylesheet import without setting \'autoResolveMultipleImports\' to true.');
-      }
-
-      return getClassNameFromMultipleImports(styleName, styleModuleImportMap, handleMissingStyleName);
-    }
-
-    var styleModuleMap = styleModuleImportMap[styleModuleImportMapKeys[0]];
-
-    if (!styleModuleMap[styleName]) {
-      return handleError('Could not resolve the styleName \'' + styleName + '\'.', handleMissingStyleName);
-    }
-
-    return styleModuleMap[styleName];
-  }).filter(function (className) {
-    // Remove any styles which could not be found (if handleMissingStyleName === 'ignore')
-    return className;
-  }).join(' ');
-};
-
-exports["default"] = _default;
-
-
-});
-
-var _getClassName = /*@__PURE__*/getDefaultExportFromCjs(getClassName);
-
-var StateContext = /*#__PURE__*/createContext(); // eslint-disable-next-line react/display-name
+var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
 
 var StateProvider = function StateProvider(RowComponent) {
   return function (props) {
     return (
       /*#__PURE__*/
       // eslint-disable-next-line react/prop-types
-      React.createElement(StateContext.Provider, {
+      React__default["default"].createElement(StateContext.Provider, {
         value: props.config
-      }, /*#__PURE__*/React.createElement(RowComponent, props))
+      }, /*#__PURE__*/React__default["default"].createElement(RowComponent, props))
     );
   };
 };
 var useStateValue = function useStateValue() {
-  return useContext(StateContext);
-};
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-/**
- * Copyright (c) 2014-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-createCommonjsModule(function (module) {
-var runtime = (function (exports) {
-
-  var Op = Object.prototype;
-  var hasOwn = Op.hasOwnProperty;
-  var undefined$1; // More compressible than void 0.
-  var $Symbol = typeof Symbol === "function" ? Symbol : {};
-  var iteratorSymbol = $Symbol.iterator || "@@iterator";
-  var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
-  var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
-  function define(obj, key, value) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-    return obj[key];
-  }
-  try {
-    // IE 8 has a broken Object.defineProperty that only works on DOM objects.
-    define({}, "");
-  } catch (err) {
-    define = function(obj, key, value) {
-      return obj[key] = value;
-    };
-  }
-
-  function wrap(innerFn, outerFn, self, tryLocsList) {
-    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
-    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
-    var generator = Object.create(protoGenerator.prototype);
-    var context = new Context(tryLocsList || []);
-
-    // The ._invoke method unifies the implementations of the .next,
-    // .throw, and .return methods.
-    generator._invoke = makeInvokeMethod(innerFn, self, context);
-
-    return generator;
-  }
-  exports.wrap = wrap;
-
-  // Try/catch helper to minimize deoptimizations. Returns a completion
-  // record like context.tryEntries[i].completion. This interface could
-  // have been (and was previously) designed to take a closure to be
-  // invoked without arguments, but in all the cases we care about we
-  // already have an existing method we want to call, so there's no need
-  // to create a new function object. We can even get away with assuming
-  // the method takes exactly one argument, since that happens to be true
-  // in every case, so we don't have to touch the arguments object. The
-  // only additional allocation required is the completion record, which
-  // has a stable shape and so hopefully should be cheap to allocate.
-  function tryCatch(fn, obj, arg) {
-    try {
-      return { type: "normal", arg: fn.call(obj, arg) };
-    } catch (err) {
-      return { type: "throw", arg: err };
-    }
-  }
-
-  var GenStateSuspendedStart = "suspendedStart";
-  var GenStateSuspendedYield = "suspendedYield";
-  var GenStateExecuting = "executing";
-  var GenStateCompleted = "completed";
-
-  // Returning this object from the innerFn has the same effect as
-  // breaking out of the dispatch switch statement.
-  var ContinueSentinel = {};
-
-  // Dummy constructor functions that we use as the .constructor and
-  // .constructor.prototype properties for functions that return Generator
-  // objects. For full spec compliance, you may wish to configure your
-  // minifier not to mangle the names of these two functions.
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-
-  // This is a polyfill for %IteratorPrototype% for environments that
-  // don't natively support it.
-  var IteratorPrototype = {};
-  define(IteratorPrototype, iteratorSymbol, function () {
-    return this;
-  });
-
-  var getProto = Object.getPrototypeOf;
-  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-  if (NativeIteratorPrototype &&
-      NativeIteratorPrototype !== Op &&
-      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
-    // This environment has a native %IteratorPrototype%; use it instead
-    // of the polyfill.
-    IteratorPrototype = NativeIteratorPrototype;
-  }
-
-  var Gp = GeneratorFunctionPrototype.prototype =
-    Generator.prototype = Object.create(IteratorPrototype);
-  GeneratorFunction.prototype = GeneratorFunctionPrototype;
-  define(Gp, "constructor", GeneratorFunctionPrototype);
-  define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
-  GeneratorFunction.displayName = define(
-    GeneratorFunctionPrototype,
-    toStringTagSymbol,
-    "GeneratorFunction"
-  );
-
-  // Helper for defining the .next, .throw, and .return methods of the
-  // Iterator interface in terms of a single ._invoke method.
-  function defineIteratorMethods(prototype) {
-    ["next", "throw", "return"].forEach(function(method) {
-      define(prototype, method, function(arg) {
-        return this._invoke(method, arg);
-      });
-    });
-  }
-
-  exports.isGeneratorFunction = function(genFun) {
-    var ctor = typeof genFun === "function" && genFun.constructor;
-    return ctor
-      ? ctor === GeneratorFunction ||
-        // For the native GeneratorFunction constructor, the best we can
-        // do is to check its .name property.
-        (ctor.displayName || ctor.name) === "GeneratorFunction"
-      : false;
-  };
-
-  exports.mark = function(genFun) {
-    if (Object.setPrototypeOf) {
-      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
-    } else {
-      genFun.__proto__ = GeneratorFunctionPrototype;
-      define(genFun, toStringTagSymbol, "GeneratorFunction");
-    }
-    genFun.prototype = Object.create(Gp);
-    return genFun;
-  };
-
-  // Within the body of any async function, `await x` is transformed to
-  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
-  // `hasOwn.call(value, "__await")` to determine if the yielded value is
-  // meant to be awaited.
-  exports.awrap = function(arg) {
-    return { __await: arg };
-  };
-
-  function AsyncIterator(generator, PromiseImpl) {
-    function invoke(method, arg, resolve, reject) {
-      var record = tryCatch(generator[method], generator, arg);
-      if (record.type === "throw") {
-        reject(record.arg);
-      } else {
-        var result = record.arg;
-        var value = result.value;
-        if (value &&
-            typeof value === "object" &&
-            hasOwn.call(value, "__await")) {
-          return PromiseImpl.resolve(value.__await).then(function(value) {
-            invoke("next", value, resolve, reject);
-          }, function(err) {
-            invoke("throw", err, resolve, reject);
-          });
-        }
-
-        return PromiseImpl.resolve(value).then(function(unwrapped) {
-          // When a yielded Promise is resolved, its final value becomes
-          // the .value of the Promise<{value,done}> result for the
-          // current iteration.
-          result.value = unwrapped;
-          resolve(result);
-        }, function(error) {
-          // If a rejected Promise was yielded, throw the rejection back
-          // into the async generator function so it can be handled there.
-          return invoke("throw", error, resolve, reject);
-        });
-      }
-    }
-
-    var previousPromise;
-
-    function enqueue(method, arg) {
-      function callInvokeWithMethodAndArg() {
-        return new PromiseImpl(function(resolve, reject) {
-          invoke(method, arg, resolve, reject);
-        });
-      }
-
-      return previousPromise =
-        // If enqueue has been called before, then we want to wait until
-        // all previous Promises have been resolved before calling invoke,
-        // so that results are always delivered in the correct order. If
-        // enqueue has not been called before, then it is important to
-        // call invoke immediately, without waiting on a callback to fire,
-        // so that the async generator function has the opportunity to do
-        // any necessary setup in a predictable way. This predictability
-        // is why the Promise constructor synchronously invokes its
-        // executor callback, and why async functions synchronously
-        // execute code before the first await. Since we implement simple
-        // async functions in terms of async generators, it is especially
-        // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(
-          callInvokeWithMethodAndArg,
-          // Avoid propagating failures to Promises returned by later
-          // invocations of the iterator.
-          callInvokeWithMethodAndArg
-        ) : callInvokeWithMethodAndArg();
-    }
-
-    // Define the unified helper method that is used to implement .next,
-    // .throw, and .return (see defineIteratorMethods).
-    this._invoke = enqueue;
-  }
-
-  defineIteratorMethods(AsyncIterator.prototype);
-  define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
-    return this;
-  });
-  exports.AsyncIterator = AsyncIterator;
-
-  // Note that simple async functions are implemented on top of
-  // AsyncIterator objects; they just return a Promise for the value of
-  // the final result produced by the iterator.
-  exports.async = function(innerFn, outerFn, self, tryLocsList, PromiseImpl) {
-    if (PromiseImpl === void 0) PromiseImpl = Promise;
-
-    var iter = new AsyncIterator(
-      wrap(innerFn, outerFn, self, tryLocsList),
-      PromiseImpl
-    );
-
-    return exports.isGeneratorFunction(outerFn)
-      ? iter // If outerFn is a generator, return the full iterator.
-      : iter.next().then(function(result) {
-          return result.done ? result.value : iter.next();
-        });
-  };
-
-  function makeInvokeMethod(innerFn, self, context) {
-    var state = GenStateSuspendedStart;
-
-    return function invoke(method, arg) {
-      if (state === GenStateExecuting) {
-        throw new Error("Generator is already running");
-      }
-
-      if (state === GenStateCompleted) {
-        if (method === "throw") {
-          throw arg;
-        }
-
-        // Be forgiving, per 25.3.3.3.3 of the spec:
-        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-        return doneResult();
-      }
-
-      context.method = method;
-      context.arg = arg;
-
-      while (true) {
-        var delegate = context.delegate;
-        if (delegate) {
-          var delegateResult = maybeInvokeDelegate(delegate, context);
-          if (delegateResult) {
-            if (delegateResult === ContinueSentinel) continue;
-            return delegateResult;
-          }
-        }
-
-        if (context.method === "next") {
-          // Setting context._sent for legacy support of Babel's
-          // function.sent implementation.
-          context.sent = context._sent = context.arg;
-
-        } else if (context.method === "throw") {
-          if (state === GenStateSuspendedStart) {
-            state = GenStateCompleted;
-            throw context.arg;
-          }
-
-          context.dispatchException(context.arg);
-
-        } else if (context.method === "return") {
-          context.abrupt("return", context.arg);
-        }
-
-        state = GenStateExecuting;
-
-        var record = tryCatch(innerFn, self, context);
-        if (record.type === "normal") {
-          // If an exception is thrown from innerFn, we leave state ===
-          // GenStateExecuting and loop back for another invocation.
-          state = context.done
-            ? GenStateCompleted
-            : GenStateSuspendedYield;
-
-          if (record.arg === ContinueSentinel) {
-            continue;
-          }
-
-          return {
-            value: record.arg,
-            done: context.done
-          };
-
-        } else if (record.type === "throw") {
-          state = GenStateCompleted;
-          // Dispatch the exception by looping back around to the
-          // context.dispatchException(context.arg) call above.
-          context.method = "throw";
-          context.arg = record.arg;
-        }
-      }
-    };
-  }
-
-  // Call delegate.iterator[context.method](context.arg) and handle the
-  // result, either by returning a { value, done } result from the
-  // delegate iterator, or by modifying context.method and context.arg,
-  // setting context.delegate to null, and returning the ContinueSentinel.
-  function maybeInvokeDelegate(delegate, context) {
-    var method = delegate.iterator[context.method];
-    if (method === undefined$1) {
-      // A .throw or .return when the delegate iterator has no .throw
-      // method always terminates the yield* loop.
-      context.delegate = null;
-
-      if (context.method === "throw") {
-        // Note: ["return"] must be used for ES3 parsing compatibility.
-        if (delegate.iterator["return"]) {
-          // If the delegate iterator has a return method, give it a
-          // chance to clean up.
-          context.method = "return";
-          context.arg = undefined$1;
-          maybeInvokeDelegate(delegate, context);
-
-          if (context.method === "throw") {
-            // If maybeInvokeDelegate(context) changed context.method from
-            // "return" to "throw", let that override the TypeError below.
-            return ContinueSentinel;
-          }
-        }
-
-        context.method = "throw";
-        context.arg = new TypeError(
-          "The iterator does not provide a 'throw' method");
-      }
-
-      return ContinueSentinel;
-    }
-
-    var record = tryCatch(method, delegate.iterator, context.arg);
-
-    if (record.type === "throw") {
-      context.method = "throw";
-      context.arg = record.arg;
-      context.delegate = null;
-      return ContinueSentinel;
-    }
-
-    var info = record.arg;
-
-    if (! info) {
-      context.method = "throw";
-      context.arg = new TypeError("iterator result is not an object");
-      context.delegate = null;
-      return ContinueSentinel;
-    }
-
-    if (info.done) {
-      // Assign the result of the finished delegate to the temporary
-      // variable specified by delegate.resultName (see delegateYield).
-      context[delegate.resultName] = info.value;
-
-      // Resume execution at the desired location (see delegateYield).
-      context.next = delegate.nextLoc;
-
-      // If context.method was "throw" but the delegate handled the
-      // exception, let the outer generator proceed normally. If
-      // context.method was "next", forget context.arg since it has been
-      // "consumed" by the delegate iterator. If context.method was
-      // "return", allow the original .return call to continue in the
-      // outer generator.
-      if (context.method !== "return") {
-        context.method = "next";
-        context.arg = undefined$1;
-      }
-
-    } else {
-      // Re-yield the result returned by the delegate method.
-      return info;
-    }
-
-    // The delegate iterator is finished, so forget it and continue with
-    // the outer generator.
-    context.delegate = null;
-    return ContinueSentinel;
-  }
-
-  // Define Generator.prototype.{next,throw,return} in terms of the
-  // unified ._invoke helper method.
-  defineIteratorMethods(Gp);
-
-  define(Gp, toStringTagSymbol, "Generator");
-
-  // A Generator should always return itself as the iterator object when the
-  // @@iterator function is called on it. Some browsers' implementations of the
-  // iterator prototype chain incorrectly implement this, causing the Generator
-  // object to not be returned from this call. This ensures that doesn't happen.
-  // See https://github.com/facebook/regenerator/issues/274 for more details.
-  define(Gp, iteratorSymbol, function() {
-    return this;
-  });
-
-  define(Gp, "toString", function() {
-    return "[object Generator]";
-  });
-
-  function pushTryEntry(locs) {
-    var entry = { tryLoc: locs[0] };
-
-    if (1 in locs) {
-      entry.catchLoc = locs[1];
-    }
-
-    if (2 in locs) {
-      entry.finallyLoc = locs[2];
-      entry.afterLoc = locs[3];
-    }
-
-    this.tryEntries.push(entry);
-  }
-
-  function resetTryEntry(entry) {
-    var record = entry.completion || {};
-    record.type = "normal";
-    delete record.arg;
-    entry.completion = record;
-  }
-
-  function Context(tryLocsList) {
-    // The root entry object (effectively a try statement without a catch
-    // or a finally block) gives us a place to store values thrown from
-    // locations where there is no enclosing try statement.
-    this.tryEntries = [{ tryLoc: "root" }];
-    tryLocsList.forEach(pushTryEntry, this);
-    this.reset(true);
-  }
-
-  exports.keys = function(object) {
-    var keys = [];
-    for (var key in object) {
-      keys.push(key);
-    }
-    keys.reverse();
-
-    // Rather than returning an object with a next method, we keep
-    // things simple and return the next function itself.
-    return function next() {
-      while (keys.length) {
-        var key = keys.pop();
-        if (key in object) {
-          next.value = key;
-          next.done = false;
-          return next;
-        }
-      }
-
-      // To avoid creating an additional object, we just hang the .value
-      // and .done properties off the next function object itself. This
-      // also ensures that the minifier will not anonymize the function.
-      next.done = true;
-      return next;
-    };
-  };
-
-  function values(iterable) {
-    if (iterable) {
-      var iteratorMethod = iterable[iteratorSymbol];
-      if (iteratorMethod) {
-        return iteratorMethod.call(iterable);
-      }
-
-      if (typeof iterable.next === "function") {
-        return iterable;
-      }
-
-      if (!isNaN(iterable.length)) {
-        var i = -1, next = function next() {
-          while (++i < iterable.length) {
-            if (hasOwn.call(iterable, i)) {
-              next.value = iterable[i];
-              next.done = false;
-              return next;
-            }
-          }
-
-          next.value = undefined$1;
-          next.done = true;
-
-          return next;
-        };
-
-        return next.next = next;
-      }
-    }
-
-    // Return an iterator with no values.
-    return { next: doneResult };
-  }
-  exports.values = values;
-
-  function doneResult() {
-    return { value: undefined$1, done: true };
-  }
-
-  Context.prototype = {
-    constructor: Context,
-
-    reset: function(skipTempReset) {
-      this.prev = 0;
-      this.next = 0;
-      // Resetting context._sent for legacy support of Babel's
-      // function.sent implementation.
-      this.sent = this._sent = undefined$1;
-      this.done = false;
-      this.delegate = null;
-
-      this.method = "next";
-      this.arg = undefined$1;
-
-      this.tryEntries.forEach(resetTryEntry);
-
-      if (!skipTempReset) {
-        for (var name in this) {
-          // Not sure about the optimal order of these conditions:
-          if (name.charAt(0) === "t" &&
-              hasOwn.call(this, name) &&
-              !isNaN(+name.slice(1))) {
-            this[name] = undefined$1;
-          }
-        }
-      }
-    },
-
-    stop: function() {
-      this.done = true;
-
-      var rootEntry = this.tryEntries[0];
-      var rootRecord = rootEntry.completion;
-      if (rootRecord.type === "throw") {
-        throw rootRecord.arg;
-      }
-
-      return this.rval;
-    },
-
-    dispatchException: function(exception) {
-      if (this.done) {
-        throw exception;
-      }
-
-      var context = this;
-      function handle(loc, caught) {
-        record.type = "throw";
-        record.arg = exception;
-        context.next = loc;
-
-        if (caught) {
-          // If the dispatched exception was caught by a catch block,
-          // then let that catch block handle the exception normally.
-          context.method = "next";
-          context.arg = undefined$1;
-        }
-
-        return !! caught;
-      }
-
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        var record = entry.completion;
-
-        if (entry.tryLoc === "root") {
-          // Exception thrown outside of any try block that could handle
-          // it, so set the completion value of the entire function to
-          // throw the exception.
-          return handle("end");
-        }
-
-        if (entry.tryLoc <= this.prev) {
-          var hasCatch = hasOwn.call(entry, "catchLoc");
-          var hasFinally = hasOwn.call(entry, "finallyLoc");
-
-          if (hasCatch && hasFinally) {
-            if (this.prev < entry.catchLoc) {
-              return handle(entry.catchLoc, true);
-            } else if (this.prev < entry.finallyLoc) {
-              return handle(entry.finallyLoc);
-            }
-
-          } else if (hasCatch) {
-            if (this.prev < entry.catchLoc) {
-              return handle(entry.catchLoc, true);
-            }
-
-          } else if (hasFinally) {
-            if (this.prev < entry.finallyLoc) {
-              return handle(entry.finallyLoc);
-            }
-
-          } else {
-            throw new Error("try statement without catch or finally");
-          }
-        }
-      }
-    },
-
-    abrupt: function(type, arg) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc <= this.prev &&
-            hasOwn.call(entry, "finallyLoc") &&
-            this.prev < entry.finallyLoc) {
-          var finallyEntry = entry;
-          break;
-        }
-      }
-
-      if (finallyEntry &&
-          (type === "break" ||
-           type === "continue") &&
-          finallyEntry.tryLoc <= arg &&
-          arg <= finallyEntry.finallyLoc) {
-        // Ignore the finally entry if control is not jumping to a
-        // location outside the try/catch block.
-        finallyEntry = null;
-      }
-
-      var record = finallyEntry ? finallyEntry.completion : {};
-      record.type = type;
-      record.arg = arg;
-
-      if (finallyEntry) {
-        this.method = "next";
-        this.next = finallyEntry.finallyLoc;
-        return ContinueSentinel;
-      }
-
-      return this.complete(record);
-    },
-
-    complete: function(record, afterLoc) {
-      if (record.type === "throw") {
-        throw record.arg;
-      }
-
-      if (record.type === "break" ||
-          record.type === "continue") {
-        this.next = record.arg;
-      } else if (record.type === "return") {
-        this.rval = this.arg = record.arg;
-        this.method = "return";
-        this.next = "end";
-      } else if (record.type === "normal" && afterLoc) {
-        this.next = afterLoc;
-      }
-
-      return ContinueSentinel;
-    },
-
-    finish: function(finallyLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.finallyLoc === finallyLoc) {
-          this.complete(entry.completion, entry.afterLoc);
-          resetTryEntry(entry);
-          return ContinueSentinel;
-        }
-      }
-    },
-
-    "catch": function(tryLoc) {
-      for (var i = this.tryEntries.length - 1; i >= 0; --i) {
-        var entry = this.tryEntries[i];
-        if (entry.tryLoc === tryLoc) {
-          var record = entry.completion;
-          if (record.type === "throw") {
-            var thrown = record.arg;
-            resetTryEntry(entry);
-          }
-          return thrown;
-        }
-      }
-
-      // The context.catch method must only be called with a location
-      // argument that corresponds to a known catch block.
-      throw new Error("illegal catch attempt");
-    },
-
-    delegateYield: function(iterable, resultName, nextLoc) {
-      this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
-      };
-
-      if (this.method === "next") {
-        // Deliberately forget the last sent value so that we don't
-        // accidentally pass it on to the delegate.
-        this.arg = undefined$1;
-      }
-
-      return ContinueSentinel;
-    }
-  };
-
-  // Regardless of whether this script is executing as a CommonJS module
-  // or not, return the runtime object so that we can declare the variable
-  // regeneratorRuntime in the outer scope, which allows this module to be
-  // injected easily by `bin/regenerator --include-runtime script.js`.
-  return exports;
-
-}(
-  // If this script is executing as a CommonJS module, use module.exports
-  // as the regeneratorRuntime namespace. Otherwise create a new empty
-  // object. Either way, the resulting object will be used to initialize
-  // the regeneratorRuntime variable at the top of this file.
-  module.exports 
-));
-
-try {
-  regeneratorRuntime = runtime;
-} catch (accidentalStrictMode) {
-  // This module should not be running in strict mode, so the above
-  // assignment should always work unless something is misconfigured. Just
-  // in case runtime.js accidentally runs in strict mode, in modern engines
-  // we can explicitly access globalThis. In older engines we can escape
-  // strict mode using a global Function call. This could conceivably fail
-  // if a Content Security Policy forbids using Function, but in that case
-  // the proper solution is to fix the accidental strict mode problem. If
-  // you've misconfigured your bundler to force strict mode and applied a
-  // CSP to forbid Function, and you're not willing to fix either of those
-  // problems, please detail your unique predicament in a GitHub issue.
-  if (typeof globalThis === "object") {
-    globalThis.regeneratorRuntime = runtime;
-  } else {
-    Function("r", "regeneratorRuntime = r")(runtime);
-  }
-}
-});
-
-/**
- * A specialized version of `_.reduce` for arrays without support for
- * iteratee shorthands.
- *
- * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @param {*} [accumulator] The initial value.
- * @param {boolean} [initAccum] Specify using the first element of `array` as
- *  the initial value.
- * @returns {*} Returns the accumulated value.
- */
-function arrayReduce(array, iteratee, accumulator, initAccum) {
-  var index = -1,
-      length = array == null ? 0 : array.length;
-
-  if (initAccum && length) {
-    accumulator = array[++index];
-  }
-  while (++index < length) {
-    accumulator = iteratee(accumulator, array[index], index, array);
-  }
-  return accumulator;
-}
-
-var _arrayReduce = arrayReduce;
-
-/**
- * The base implementation of `_.propertyOf` without support for deep paths.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Function} Returns the new accessor function.
- */
-function basePropertyOf(object) {
-  return function(key) {
-    return object == null ? undefined : object[key];
-  };
-}
-
-var _basePropertyOf = basePropertyOf;
-
-/** Used to map Latin Unicode letters to basic Latin letters. */
-var deburredLetters = {
-  // Latin-1 Supplement block.
-  '\xc0': 'A',  '\xc1': 'A', '\xc2': 'A', '\xc3': 'A', '\xc4': 'A', '\xc5': 'A',
-  '\xe0': 'a',  '\xe1': 'a', '\xe2': 'a', '\xe3': 'a', '\xe4': 'a', '\xe5': 'a',
-  '\xc7': 'C',  '\xe7': 'c',
-  '\xd0': 'D',  '\xf0': 'd',
-  '\xc8': 'E',  '\xc9': 'E', '\xca': 'E', '\xcb': 'E',
-  '\xe8': 'e',  '\xe9': 'e', '\xea': 'e', '\xeb': 'e',
-  '\xcc': 'I',  '\xcd': 'I', '\xce': 'I', '\xcf': 'I',
-  '\xec': 'i',  '\xed': 'i', '\xee': 'i', '\xef': 'i',
-  '\xd1': 'N',  '\xf1': 'n',
-  '\xd2': 'O',  '\xd3': 'O', '\xd4': 'O', '\xd5': 'O', '\xd6': 'O', '\xd8': 'O',
-  '\xf2': 'o',  '\xf3': 'o', '\xf4': 'o', '\xf5': 'o', '\xf6': 'o', '\xf8': 'o',
-  '\xd9': 'U',  '\xda': 'U', '\xdb': 'U', '\xdc': 'U',
-  '\xf9': 'u',  '\xfa': 'u', '\xfb': 'u', '\xfc': 'u',
-  '\xdd': 'Y',  '\xfd': 'y', '\xff': 'y',
-  '\xc6': 'Ae', '\xe6': 'ae',
-  '\xde': 'Th', '\xfe': 'th',
-  '\xdf': 'ss',
-  // Latin Extended-A block.
-  '\u0100': 'A',  '\u0102': 'A', '\u0104': 'A',
-  '\u0101': 'a',  '\u0103': 'a', '\u0105': 'a',
-  '\u0106': 'C',  '\u0108': 'C', '\u010a': 'C', '\u010c': 'C',
-  '\u0107': 'c',  '\u0109': 'c', '\u010b': 'c', '\u010d': 'c',
-  '\u010e': 'D',  '\u0110': 'D', '\u010f': 'd', '\u0111': 'd',
-  '\u0112': 'E',  '\u0114': 'E', '\u0116': 'E', '\u0118': 'E', '\u011a': 'E',
-  '\u0113': 'e',  '\u0115': 'e', '\u0117': 'e', '\u0119': 'e', '\u011b': 'e',
-  '\u011c': 'G',  '\u011e': 'G', '\u0120': 'G', '\u0122': 'G',
-  '\u011d': 'g',  '\u011f': 'g', '\u0121': 'g', '\u0123': 'g',
-  '\u0124': 'H',  '\u0126': 'H', '\u0125': 'h', '\u0127': 'h',
-  '\u0128': 'I',  '\u012a': 'I', '\u012c': 'I', '\u012e': 'I', '\u0130': 'I',
-  '\u0129': 'i',  '\u012b': 'i', '\u012d': 'i', '\u012f': 'i', '\u0131': 'i',
-  '\u0134': 'J',  '\u0135': 'j',
-  '\u0136': 'K',  '\u0137': 'k', '\u0138': 'k',
-  '\u0139': 'L',  '\u013b': 'L', '\u013d': 'L', '\u013f': 'L', '\u0141': 'L',
-  '\u013a': 'l',  '\u013c': 'l', '\u013e': 'l', '\u0140': 'l', '\u0142': 'l',
-  '\u0143': 'N',  '\u0145': 'N', '\u0147': 'N', '\u014a': 'N',
-  '\u0144': 'n',  '\u0146': 'n', '\u0148': 'n', '\u014b': 'n',
-  '\u014c': 'O',  '\u014e': 'O', '\u0150': 'O',
-  '\u014d': 'o',  '\u014f': 'o', '\u0151': 'o',
-  '\u0154': 'R',  '\u0156': 'R', '\u0158': 'R',
-  '\u0155': 'r',  '\u0157': 'r', '\u0159': 'r',
-  '\u015a': 'S',  '\u015c': 'S', '\u015e': 'S', '\u0160': 'S',
-  '\u015b': 's',  '\u015d': 's', '\u015f': 's', '\u0161': 's',
-  '\u0162': 'T',  '\u0164': 'T', '\u0166': 'T',
-  '\u0163': 't',  '\u0165': 't', '\u0167': 't',
-  '\u0168': 'U',  '\u016a': 'U', '\u016c': 'U', '\u016e': 'U', '\u0170': 'U', '\u0172': 'U',
-  '\u0169': 'u',  '\u016b': 'u', '\u016d': 'u', '\u016f': 'u', '\u0171': 'u', '\u0173': 'u',
-  '\u0174': 'W',  '\u0175': 'w',
-  '\u0176': 'Y',  '\u0177': 'y', '\u0178': 'Y',
-  '\u0179': 'Z',  '\u017b': 'Z', '\u017d': 'Z',
-  '\u017a': 'z',  '\u017c': 'z', '\u017e': 'z',
-  '\u0132': 'IJ', '\u0133': 'ij',
-  '\u0152': 'Oe', '\u0153': 'oe',
-  '\u0149': "'n", '\u017f': 's'
+  return React.useContext(StateContext);
 };
 
-/**
- * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A
- * letters to basic Latin letters.
- *
- * @private
- * @param {string} letter The matched letter to deburr.
- * @returns {string} Returns the deburred letter.
- */
-var deburrLetter = _basePropertyOf(deburredLetters);
-
-var _deburrLetter = deburrLetter;
-
-/** Used to match Latin Unicode letters (excluding mathematical operators). */
-var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
-
-/** Used to compose unicode character classes. */
-var rsComboMarksRange$1 = '\\u0300-\\u036f',
-    reComboHalfMarksRange$1 = '\\ufe20-\\ufe2f',
-    rsComboSymbolsRange$1 = '\\u20d0-\\u20ff',
-    rsComboRange$1 = rsComboMarksRange$1 + reComboHalfMarksRange$1 + rsComboSymbolsRange$1;
-
-/** Used to compose unicode capture groups. */
-var rsCombo$1 = '[' + rsComboRange$1 + ']';
-
-/**
- * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and
- * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).
- */
-var reComboMark = RegExp(rsCombo$1, 'g');
-
-/**
- * Deburrs `string` by converting
- * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)
- * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)
- * letters to basic Latin letters and removing
- * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category String
- * @param {string} [string=''] The string to deburr.
- * @returns {string} Returns the deburred string.
- * @example
- *
- * _.deburr('déjà vu');
- * // => 'deja vu'
- */
-function deburr(string) {
-  string = toString_1(string);
-  return string && string.replace(reLatin, _deburrLetter).replace(reComboMark, '');
-}
-
-var deburr_1 = deburr;
-
-/** Used to match words composed of alphanumeric characters. */
-var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
-
-/**
- * Splits an ASCII `string` into an array of its words.
- *
- * @private
- * @param {string} The string to inspect.
- * @returns {Array} Returns the words of `string`.
- */
-function asciiWords(string) {
-  return string.match(reAsciiWord) || [];
-}
-
-var _asciiWords = asciiWords;
-
-/** Used to detect strings that need a more robust regexp to match words. */
-var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
-
-/**
- * Checks if `string` contains a word composed of Unicode symbols.
- *
- * @private
- * @param {string} string The string to inspect.
- * @returns {boolean} Returns `true` if a word is found, else `false`.
- */
-function hasUnicodeWord(string) {
-  return reHasUnicodeWord.test(string);
-}
-
-var _hasUnicodeWord = hasUnicodeWord;
-
-/** Used to compose unicode character classes. */
-var rsAstralRange = '\\ud800-\\udfff',
-    rsComboMarksRange = '\\u0300-\\u036f',
-    reComboHalfMarksRange = '\\ufe20-\\ufe2f',
-    rsComboSymbolsRange = '\\u20d0-\\u20ff',
-    rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,
-    rsDingbatRange = '\\u2700-\\u27bf',
-    rsLowerRange = 'a-z\\xdf-\\xf6\\xf8-\\xff',
-    rsMathOpRange = '\\xac\\xb1\\xd7\\xf7',
-    rsNonCharRange = '\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf',
-    rsPunctuationRange = '\\u2000-\\u206f',
-    rsSpaceRange = ' \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000',
-    rsUpperRange = 'A-Z\\xc0-\\xd6\\xd8-\\xde',
-    rsVarRange = '\\ufe0e\\ufe0f',
-    rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
-
-/** Used to compose unicode capture groups. */
-var rsApos$1 = "['\u2019]",
-    rsBreak = '[' + rsBreakRange + ']',
-    rsCombo = '[' + rsComboRange + ']',
-    rsDigits = '\\d+',
-    rsDingbat = '[' + rsDingbatRange + ']',
-    rsLower = '[' + rsLowerRange + ']',
-    rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',
-    rsFitz = '\\ud83c[\\udffb-\\udfff]',
-    rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',
-    rsNonAstral = '[^' + rsAstralRange + ']',
-    rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}',
-    rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]',
-    rsUpper = '[' + rsUpperRange + ']',
-    rsZWJ = '\\u200d';
-
-/** Used to compose unicode regexes. */
-var rsMiscLower = '(?:' + rsLower + '|' + rsMisc + ')',
-    rsMiscUpper = '(?:' + rsUpper + '|' + rsMisc + ')',
-    rsOptContrLower = '(?:' + rsApos$1 + '(?:d|ll|m|re|s|t|ve))?',
-    rsOptContrUpper = '(?:' + rsApos$1 + '(?:D|LL|M|RE|S|T|VE))?',
-    reOptMod = rsModifier + '?',
-    rsOptVar = '[' + rsVarRange + ']?',
-    rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',
-    rsOrdLower = '\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])',
-    rsOrdUpper = '\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])',
-    rsSeq = rsOptVar + reOptMod + rsOptJoin,
-    rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq;
-
-/** Used to match complex or compound words. */
-var reUnicodeWord = RegExp([
-  rsUpper + '?' + rsLower + '+' + rsOptContrLower + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',
-  rsMiscUpper + '+' + rsOptContrUpper + '(?=' + [rsBreak, rsUpper + rsMiscLower, '$'].join('|') + ')',
-  rsUpper + '?' + rsMiscLower + '+' + rsOptContrLower,
-  rsUpper + '+' + rsOptContrUpper,
-  rsOrdUpper,
-  rsOrdLower,
-  rsDigits,
-  rsEmoji
-].join('|'), 'g');
-
-/**
- * Splits a Unicode `string` into an array of its words.
- *
- * @private
- * @param {string} The string to inspect.
- * @returns {Array} Returns the words of `string`.
- */
-function unicodeWords(string) {
-  return string.match(reUnicodeWord) || [];
-}
-
-var _unicodeWords = unicodeWords;
-
-/**
- * Splits `string` into an array of its words.
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category String
- * @param {string} [string=''] The string to inspect.
- * @param {RegExp|string} [pattern] The pattern to match words.
- * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
- * @returns {Array} Returns the words of `string`.
- * @example
- *
- * _.words('fred, barney, & pebbles');
- * // => ['fred', 'barney', 'pebbles']
- *
- * _.words('fred, barney, & pebbles', /[^, ]+/g);
- * // => ['fred', 'barney', '&', 'pebbles']
- */
-function words(string, pattern, guard) {
-  string = toString_1(string);
-  pattern = guard ? undefined : pattern;
-
-  if (pattern === undefined) {
-    return _hasUnicodeWord(string) ? _unicodeWords(string) : _asciiWords(string);
-  }
-  return string.match(pattern) || [];
-}
-
-var words_1 = words;
-
-/** Used to compose unicode capture groups. */
-var rsApos = "['\u2019]";
-
-/** Used to match apostrophes. */
-var reApos = RegExp(rsApos, 'g');
-
-/**
- * Creates a function like `_.camelCase`.
- *
- * @private
- * @param {Function} callback The function to combine each word.
- * @returns {Function} Returns the new compounder function.
- */
-function createCompounder(callback) {
-  return function(string) {
-    return _arrayReduce(words_1(deburr_1(string).replace(reApos, '')), callback, '');
-  };
-}
-
-var _createCompounder = createCompounder;
-
-/**
- * Converts `string`, as space separated words, to upper case.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category String
- * @param {string} [string=''] The string to convert.
- * @returns {string} Returns the upper cased string.
- * @example
- *
- * _.upperCase('--foo-bar');
- * // => 'FOO BAR'
- *
- * _.upperCase('fooBar');
- * // => 'FOO BAR'
- *
- * _.upperCase('__foo_bar__');
- * // => 'FOO BAR'
- */
-var upperCase = _createCompounder(function(result, word, index) {
-  return result + (index ? ' ' : '') + word.toUpperCase();
-});
-
-var upperCase_1 = upperCase;
-
-/**
- * Converts `string`, as space separated words, to lower case.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category String
- * @param {string} [string=''] The string to convert.
- * @returns {string} Returns the lower cased string.
- * @example
- *
- * _.lowerCase('--Foo-Bar--');
- * // => 'foo bar'
- *
- * _.lowerCase('fooBar');
- * // => 'foo bar'
- *
- * _.lowerCase('__FOO_BAR__');
- * // => 'foo bar'
- */
-var lowerCase = _createCompounder(function(result, word, index) {
-  return result + (index ? ' ' : '') + word.toLowerCase();
-});
-
-var lowerCase_1 = lowerCase;
-
 function truncate() {
   var string = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
   var limit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 60;
@@ -2515,7 +89,7 @@ var timestampToFormat = function timestampToFormat(value, unit, suffix, timestam
   var localizedMonth = month;
 
   if (isUpperCase) {
-    localizedMonth = upperCase_1(month);
+    localizedMonth = lodash.upperCase(month);
   }
 
   var year = dateTime.getFullYear();
@@ -2528,7 +102,7 @@ var timestampToFormat = function timestampToFormat(value, unit, suffix, timestam
   var timetoShow;
 
   if (localizedMonths) {
-    localizedMonth = get_1(localizedMonths, [lowerCase_1(month)]) || month;
+    localizedMonth = lodash.get(localizedMonths, [lodash.lowerCase(month)]) || month;
   }
 
   if (localizedMeridiem) {
@@ -2558,17 +132,17 @@ function formatter(value, unit, suffix, date, config) {
   var showDateForUnits = ["day", "week", "month", "year"]; // suffix here refers to ago
   // unit here refers to seconds, minute, minutes,...
 
-  var localizedSuffix = get_1(config, ["localizedPublishTime", suffix]) || suffix;
+  var localizedSuffix = lodash.get(config, ["localizedPublishTime", suffix]) || suffix;
   var localizedUnitOfTime;
 
   if (unit === "hour" && value > 23 || showDateForUnits.indexOf(unit) !== -1) {
     return timestampToFormat(value, unit, suffix, date, config);
   } else if (value > 1) {
-    localizedUnitOfTime = get_1(config, ["localizedPublishTime", "".concat(unit, "s")]) || "".concat(unit, "s");
+    localizedUnitOfTime = lodash.get(config, ["localizedPublishTime", "".concat(unit, "s")]) || "".concat(unit, "s");
     return "".concat(value, " ").concat(localizedUnitOfTime, " ").concat(localizedSuffix);
   }
 
-  localizedUnitOfTime = get_1(config, ["localizedPublishTime", unit]) || unit;
+  localizedUnitOfTime = lodash.get(config, ["localizedPublishTime", unit]) || unit;
   return "".concat(value, " ").concat(localizedUnitOfTime, " ").concat(localizedSuffix, " ");
 }
 
@@ -2621,10 +195,10 @@ var clientWidths = {
   tablet: 1024
 };
 var clientWidth = function clientWidth(device) {
-  var foundDeviceWidth = get_1(clientWidths, device);
+  var foundDeviceWidth = lodash.get(clientWidths, device);
 
   if (foundDeviceWidth) {
-    return get_1(global, "document.documentElement.clientWidth") <= foundDeviceWidth;
+    return lodash.get(global, "document.documentElement.clientWidth") <= foundDeviceWidth;
   }
 
   return false;
@@ -2654,7 +228,7 @@ var getSlug = function getSlug(collection) {
   var isSection = collection.template === "section";
 
   if (isSection) {
-    var sectionId = get_1(collection, ["metadata", "section", "0", "id"], "");
+    var sectionId = lodash.get(collection, ["metadata", "section", "0", "id"], "");
     var sections = config.sections;
     var section = sections && sections.find(function (section) {
       return section.id === sectionId;
@@ -2670,25 +244,25 @@ function isExternalStory() {
       storyTemplate = _story$storyTemplate === void 0 ? "" : _story$storyTemplate,
       _story$metadata = story.metadata,
       metadata = _story$metadata === void 0 ? {} : _story$metadata;
-  return storyTemplate === "news-elsewhere" ? get_1(metadata, ["reference-url"], "") : "";
+  return storyTemplate === "news-elsewhere" ? lodash.get(metadata, ["reference-url"], "") : "";
 } // Adds target='_blank' attribute to anchor tags if not present
 var isEmpty = function isEmpty(value) {
   return value == null || // From standard.js: Always use === - but value == null is allowed to check null || undefined
-  _typeof(value) === "object" && Object.entries(value).length === 0 && value.constructor === Object || typeof value === "string" && value.trim().length === 0;
+  _typeof__default["default"](value) === "object" && Object.entries(value).length === 0 && value.constructor === Object || typeof value === "string" && value.trim().length === 0;
 };
-PropTypes.shape({
-  "sketches-host": PropTypes.string,
-  "cdn-name": PropTypes.string,
-  "cdn-image": PropTypes.string
+PropTypes__default["default"].shape({
+  "sketches-host": PropTypes__default["default"].string,
+  "cdn-name": PropTypes__default["default"].string,
+  "cdn-image": PropTypes__default["default"].string
 });
-PropTypes.shape({
-  headline: PropTypes.string,
-  "last-published-at": PropTypes.number,
-  subheadline: PropTypes.string
+PropTypes__default["default"].shape({
+  headline: PropTypes__default["default"].string,
+  "last-published-at": PropTypes__default["default"].number,
+  subheadline: PropTypes__default["default"].string
 });
 var getStoryUrl = function getStoryUrl(story) {
   var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
-  return get_1(story, ["story-template"]) === "news-elsewhere" ? get_1(story, ["metadata", "reference-url"], "") : story.url || defaultValue;
+  return lodash.get(story, ["story-template"]) === "news-elsewhere" ? lodash.get(story, ["metadata", "reference-url"], "") : story.url || defaultValue;
 };
 var navigateTo = function navigateTo(dispatch) {
   var url = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
@@ -2728,17 +302,17 @@ var getTimeStamp = function getTimeStamp(date, _formatter) {
   var timezone = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
 
   if (timezone && template === "story") {
-    var zonedTime = timezone && utcToZonedTime(date, timezone);
-    var formatZonedTime = zonedTime && format(zonedTime, "yyyy-MM-dd'T'HH:mm:ssXXX", {
+    var zonedTime = timezone && dateFnsTz.utcToZonedTime(date, timezone);
+    var formatZonedTime = zonedTime && dateFnsTz.format(zonedTime, "yyyy-MM-dd'T'HH:mm:ssXXX", {
       timeZone: timezone
     });
     var timeStamp = timestampToFormat("", "", "", date, config);
-    return /*#__PURE__*/React.createElement("time", {
+    return /*#__PURE__*/React__default["default"].createElement("time", {
       dateTime: formatZonedTime
     }, timeStamp);
   }
 
-  return /*#__PURE__*/React.createElement(Timeago, {
+  return /*#__PURE__*/React__default["default"].createElement(Timeago__default["default"], {
     date: date,
     formatter: function formatter(value, unit, suffix, date) {
       return _formatter(value, unit, suffix, date, config);
@@ -2771,7 +345,7 @@ var CollectionNameBase = function CollectionNameBase(_ref) {
       _ref$navigate = _ref.navigate,
       navigate = _ref$navigate === void 0 ? true : _ref$navigate;
   var collectionTitle = useStateValue() || {};
-  var showRowTitle = get_1(collectionTitle, ["showRowTitle"], true);
+  var showRowTitle = lodash.get(collectionTitle, ["showRowTitle"], true);
   var supportedTemplates = ["borderLeft", "borderBottom", "crossLine", "borderBottomFull"];
   var templateStyle = supportedTemplates.includes(collectionNameTemplate) ? " collection-".concat(collectionNameTemplate) : "";
   var slug = navigate && collection && getSlug(collection, config) || "";
@@ -2782,7 +356,7 @@ var CollectionNameBase = function CollectionNameBase(_ref) {
   var borderBottomFullStyle = templateStyle.includes("collection-borderBottomFull") ? "4px solid ".concat(CollectionNameBorderColor) : "";
 
   var borderBottomStyle = function borderBottomStyle() {
-    return templateStyle.includes("collection-borderBottom") && !templateStyle.includes("collection-borderBottomFull") ? /*#__PURE__*/React.createElement("div", {
+    return templateStyle.includes("collection-borderBottom") && !templateStyle.includes("collection-borderBottomFull") ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "collection-name-m_border-bottom__1MnlV",
       style: {
         borderBottom: "4px solid ".concat(CollectionNameBorderColor)
@@ -2842,40 +416,40 @@ var CollectionNameBase = function CollectionNameBase(_ref) {
     }
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, showRowTitle && collectionName && /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showRowTitle && collectionName && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       borderBottom: borderBottomFullStyle
     },
     "data-test-id": "collection-name",
-    className: ("arr--collection-name arrow-component ".concat(templateStyle) ? "arr--collection-name arrow-component ".concat(templateStyle) + " " : "") + _getClassName("collection ".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap$d)
-  }, templateStyle.includes("collection-borderLeft") && /*#__PURE__*/React.createElement("span", {
+    className: ("arr--collection-name arrow-component ".concat(templateStyle) ? "arr--collection-name arrow-component ".concat(templateStyle) + " " : "") + _getClassName__default["default"]("collection ".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap$d)
+  }, templateStyle.includes("collection-borderLeft") && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "arr-collection-name-border-left collection-name-m_border-left__3_pYw",
     style: {
       color: CollectionNameBorderColor,
       fontSize: getBorderHeight()
     }
-  }), slug && !slug.includes(undefined) ? /*#__PURE__*/React.createElement(Link, {
+  }), slug && !slug.includes(undefined) ? /*#__PURE__*/React__default["default"].createElement(components.Link, {
     href: slug,
     "aria-label": "collection-name"
-  }, /*#__PURE__*/React.createElement(HeaderTag, null, collectionName)) : /*#__PURE__*/React.createElement(HeaderTag, null, collectionName), borderBottomStyle()));
+  }, /*#__PURE__*/React__default["default"].createElement(HeaderTag, null, collectionName)) : /*#__PURE__*/React__default["default"].createElement(HeaderTag, null, collectionName), borderBottomStyle()));
 };
 CollectionNameBase.propTypes = {
   /** Collection name border color */
-  collectionNameBorderColor: PropTypes$1.string,
+  collectionNameBorderColor: PropTypes.PropTypes.string,
 
   /** The Collection Object from the API response */
-  collection: PropTypes$1.object,
+  collection: PropTypes.PropTypes.object,
 
   /** The publisher config from the API response */
-  config: PropTypes$1.object,
+  config: PropTypes.PropTypes.object,
 
   /** The style template for the component  */
-  collectionNameTemplate: PropTypes$1.oneOf(["", "borderLeft", "borderBottom", "crossLine", "borderBottomFull"]),
+  collectionNameTemplate: PropTypes.PropTypes.oneOf(["", "borderLeft", "borderBottom", "crossLine", "borderBottomFull"]),
 
   /** Header tags ranging h1-h6, where h[headerLevel] */
-  headerLevel: PropTypes$1.string,
-  customCollectionName: PropTypes$1.string,
-  navigate: PropTypes$1.bool
+  headerLevel: PropTypes.PropTypes.string,
+  customCollectionName: PropTypes.PropTypes.string,
+  navigate: PropTypes.PropTypes.bool
 };
 CollectionNameBase.defaultProps = {
   collectionNameTemplate: "",
@@ -2884,26 +458,11 @@ CollectionNameBase.defaultProps = {
 
 function mapStateToProps$1(state) {
   return {
-    config: get_1(state, ["qt", "config"], {})
+    config: lodash.get(state, ["qt", "config"], {})
   };
 }
 
-var CollectionName = connect(mapStateToProps$1)(CollectionNameBase);
-
-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;
-}
+var CollectionName = reactRedux.connect(mapStateToProps$1)(CollectionNameBase);
 
 var _styleModuleImportMap$c = {
   "./load-more.m.css": {
@@ -2916,7 +475,7 @@ var _styleModuleImportMap$c = {
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var LoadmoreButton = function LoadmoreButton(_ref) {
   var _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config,
@@ -2937,89 +496,28 @@ var LoadmoreButton = function LoadmoreButton(_ref) {
   if (!showButton) return null;
   var textColor = getTextColor(theme);
   var slug = customUrlPath ? "/".concat(customUrlPath) : generateNavigateSlug(collection, _objectSpread(_objectSpread({}, qtConfig), config));
-  return template === "SubsequentLoadCount" ? /*#__PURE__*/React.createElement("div", {
+  return template === "SubsequentLoadCount" ? /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: onClick,
     "data-test-id": "load-more",
-    className: "arr--button " + _getClassName("button ".concat(textColor, " default"), _styleModuleImportMap$c)
-  }, buttonText) : /*#__PURE__*/React.createElement(LinkBase, {
+    className: "arr--button " + _getClassName__default["default"]("button ".concat(textColor, " default"), _styleModuleImportMap$c)
+  }, buttonText) : /*#__PURE__*/React__default["default"].createElement(components.LinkBase, {
     href: slug,
     navigateTo: navigate,
     "data-test-id": "load-more",
     "aria-label": "load-more"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "arr--button " + _getClassName("button ".concat(textColor, " default"), _styleModuleImportMap$c)
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "arr--button " + _getClassName__default["default"]("button ".concat(textColor, " default"), _styleModuleImportMap$c)
   }, buttonText));
 };
 LoadmoreButton.propTypes = {
-  collection: PropTypes.object,
-  template: PropTypes.string,
-  config: PropTypes.object,
-  onClick: PropTypes.func,
-  navigate: PropTypes.func,
-  qtConfig: PropTypes.object
+  collection: PropTypes__default["default"].object,
+  template: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object,
+  onClick: PropTypes__default["default"].func,
+  navigate: PropTypes__default["default"].func,
+  qtConfig: PropTypes__default["default"].object
 };
 
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
 var isClient = typeof window !== "undefined";
 
 var hasIntersectionObserverSupport = function hasIntersectionObserverSupport() {
@@ -3029,7 +527,7 @@ var hasIntersectionObserverSupport = function hasIntersectionObserverSupport() {
 
 
 var getIntersectionObserver = function getIntersectionObserver() {
-  return Promise.resolve(isClient && !hasIntersectionObserverSupport() && import('intersection-observer'));
+  return Promise.resolve(isClient && !hasIntersectionObserverSupport() && Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('intersection-observer')); }));
 }; // options for intersection observer in order to improve the effect
 
 
@@ -3062,12 +560,12 @@ var getObserver = function getObserver() {
 var useNearScreen = (function (_ref) {
   var ref = _ref.ref;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       show = _useState2[0],
       setShow = _useState2[1];
 
-  useEffect(function () {
+  React.useEffect(function () {
     var current = ref.current;
     if (!current) return; // get observer async and only when needed
 
@@ -3094,36 +592,36 @@ var EMPTY_HTML = {
 var isServer = typeof window === "undefined";
 var ProgressiveHydration = function ProgressiveHydration(props) {
   var children = props.children;
-  var ref = useRef(null);
+  var ref = React.useRef(null);
   var isNearScreen = useNearScreen({
     ref: ref
   });
-  useEffect(function () {
+  React.useEffect(function () {
     var el = ref.current; // CLIENT:
     // If we want to force the hydration OR the element is near screen
     // then we hydrate the content to get the functionality ready
 
     if (isNearScreen) {
       var action = el.hasChildNodes() ? "hydrate" : "render";
-      ReactDOM[action](children, el);
+      ReactDOM__default["default"][action](children, el);
     }
   }, [children, isNearScreen]); // SERVER: Just render the content as usual
 
   if (isServer) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       ref: ref
     }, children);
   } // CLIENT: Avoid hydration until we say so
 
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     ref: ref,
     suppressHydrationWarning: true,
     dangerouslySetInnerHTML: EMPTY_HTML
   });
 };
 ProgressiveHydration.propTypes = {
-  children: PropTypes.element
+  children: PropTypes__default["default"].element
 };
 
 var LoadMoreTarget = function LoadMoreTarget(_ref) {
@@ -3131,7 +629,7 @@ var LoadMoreTarget = function LoadMoreTarget(_ref) {
       componentName = _ref.componentName,
       offset = _ref.offset,
       limit = _ref.limit;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     id: "ELM-".concat(collection.id),
     "data-collection-slug": collection["slug"],
     "data-component-name": componentName,
@@ -3140,13 +638,13 @@ var LoadMoreTarget = function LoadMoreTarget(_ref) {
   });
 };
 LoadMoreTarget.propTypes = {
-  collection: PropTypes.shape({
-    id: PropTypes.string,
-    slug: PropTypes.string
+  collection: PropTypes__default["default"].shape({
+    id: PropTypes__default["default"].string,
+    slug: PropTypes__default["default"].string
   }),
-  componentName: PropTypes.string,
-  offset: PropTypes.number,
-  limit: PropTypes.number
+  componentName: PropTypes__default["default"].string,
+  offset: PropTypes__default["default"].number,
+  limit: PropTypes__default["default"].number
 };
 
 var CrownIcon = function CrownIcon(_ref) {
@@ -3155,7 +653,7 @@ var CrownIcon = function CrownIcon(_ref) {
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#D8D8D8" : _ref$color,
       positionTop = _ref.positionTop;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
@@ -3164,28 +662,28 @@ var CrownIcon = function CrownIcon(_ref) {
       position: "relative",
       top: positionTop
     }
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     fill: "none",
     fillRule: "evenodd",
     stroke: "none",
     strokeWidth: "1"
-  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("g", {
     transform: "translate(8 8)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M0 0H24V24H0z"
-  }), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React__default["default"].createElement("g", {
     fill: color,
     fillRule: "nonzero",
     transform: "translate(0 2)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M21.043 19.553c0-.743-.601-1.344-1.344-1.344h-15.4a1.343 1.343 0 100 2.688h15.4c.743 0 1.344-.603 1.344-1.344zM1.598 8.673c.022 0 .042 0 .064-.003l2.131 7.713h16.411l2.132-7.713c.022 0 .041.003.063.003a1.599 1.599 0 10-1.52-1.108L17.025 9.82 12.882 2.95a1.599 1.599 0 10-1.765 0L6.976 9.82 3.121 7.565a1.599 1.599 0 10-1.523 1.107z"
   }))))));
 };
 CrownIcon.propTypes = {
-  height: PropTypes.string,
-  width: PropTypes.string,
-  color: PropTypes.string,
-  positionTop: PropTypes.string
+  height: PropTypes__default["default"].string,
+  width: PropTypes__default["default"].string,
+  color: PropTypes__default["default"].string,
+  positionTop: PropTypes__default["default"].string
 };
 
 var KeyIcon = function KeyIcon(_ref) {
@@ -3194,7 +692,7 @@ var KeyIcon = function KeyIcon(_ref) {
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#D5D5D5" : _ref$color,
       positionTop = _ref.positionTop;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
@@ -3203,16 +701,16 @@ var KeyIcon = function KeyIcon(_ref) {
       position: "relative",
       top: positionTop
     }
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     fill: "none",
     fillRule: "evenodd",
     stroke: "none",
     strokeWidth: "1"
-  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("g", {
     transform: "translate(8 8)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M0 0H24V24H0z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     fill: color,
     fillRule: "nonzero",
     d: "M12.71 4.364A6.54 6.54 0 000 6.545a6.54 6.54 0 0012.71 2.182h4.745v4.364h4.363V8.727H24V4.364H12.71zM6.544 8.727a2.181 2.181 0 110-4.362 2.181 2.181 0 010 4.362z",
@@ -3220,10 +718,10 @@ var KeyIcon = function KeyIcon(_ref) {
   })))));
 };
 KeyIcon.propTypes = {
-  height: PropTypes.string,
-  width: PropTypes.string,
-  color: PropTypes.string,
-  positionTop: PropTypes.string
+  height: PropTypes__default["default"].string,
+  width: PropTypes__default["default"].string,
+  color: PropTypes__default["default"].string,
+  positionTop: PropTypes__default["default"].string
 };
 
 var LockIcon = function LockIcon(_ref) {
@@ -3232,7 +730,7 @@ var LockIcon = function LockIcon(_ref) {
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#D5D5D5" : _ref$color,
       positionTop = _ref.positionTop;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
@@ -3241,28 +739,28 @@ var LockIcon = function LockIcon(_ref) {
       position: "relative",
       top: positionTop
     }
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     fill: "none",
     fillRule: "evenodd",
     stroke: "none",
     strokeWidth: "1"
-  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("g", {
     transform: "translate(8 8)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M0 0H24V24H0z"
-  }), /*#__PURE__*/React.createElement("g", {
+  }), /*#__PURE__*/React__default["default"].createElement("g", {
     fill: color,
     fillRule: "nonzero",
     transform: "translate(3)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M15.692 9h-.747V6c0-3.31-2.681-6-5.978-6C5.67 0 2.989 2.69 2.989 6v3h-.747A2.249 2.249 0 000 11.25v10.5A2.249 2.249 0 002.242 24h13.45a2.249 2.249 0 002.242-2.25v-10.5A2.249 2.249 0 0015.692 9zM4.982 6c0-2.206 1.787-4 3.985-4s3.985 1.794 3.985 4v3h-7.97V6z"
   }))))));
 };
 LockIcon.propTypes = {
-  height: PropTypes.string,
-  width: PropTypes.string,
-  color: PropTypes.string,
-  positionTop: PropTypes.string
+  height: PropTypes__default["default"].string,
+  width: PropTypes__default["default"].string,
+  color: PropTypes__default["default"].string,
+  positionTop: PropTypes__default["default"].string
 };
 
 var StarIcon = function StarIcon(_ref) {
@@ -3272,7 +770,7 @@ var StarIcon = function StarIcon(_ref) {
       color = _ref$color === void 0 ? "#D5D5D5" : _ref$color,
       _ref$positionTop = _ref.positionTop,
       positionTop = _ref$positionTop === void 0 ? "" : _ref$positionTop;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
@@ -3281,21 +779,21 @@ var StarIcon = function StarIcon(_ref) {
       position: "relative",
       top: positionTop
     }
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     fill: "none",
     fillRule: "evenodd",
     stroke: "none",
     strokeWidth: "1"
-  }, /*#__PURE__*/React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", null, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: color,
     d: "M20 26L12.946577 29.7082039 14.2936609 21.854102 8.5873218 16.2917961 16.4732885 15.145898 20 8 23.5267115 15.145898 31.4126782 16.2917961 25.7063391 21.854102 27.053423 29.7082039z"
   }))));
 };
 StarIcon.propTypes = {
-  height: PropTypes.string,
-  width: PropTypes.string,
-  color: PropTypes.string,
-  positionTop: PropTypes.string
+  height: PropTypes__default["default"].string,
+  width: PropTypes__default["default"].string,
+  color: PropTypes__default["default"].string,
+  positionTop: PropTypes__default["default"].string
 };
 
 var PremiumStoryIcon = function PremiumStoryIcon(_ref) {
@@ -3307,7 +805,7 @@ var PremiumStoryIcon = function PremiumStoryIcon(_ref) {
 
   switch (iconType) {
     case "crown":
-      return /*#__PURE__*/React.createElement(CrownIcon, {
+      return /*#__PURE__*/React__default["default"].createElement(CrownIcon, {
         width: width,
         height: height,
         color: color,
@@ -3315,7 +813,7 @@ var PremiumStoryIcon = function PremiumStoryIcon(_ref) {
       });
 
     case "lock":
-      return /*#__PURE__*/React.createElement(LockIcon, {
+      return /*#__PURE__*/React__default["default"].createElement(LockIcon, {
         width: width,
         height: height,
         color: color,
@@ -3323,7 +821,7 @@ var PremiumStoryIcon = function PremiumStoryIcon(_ref) {
       });
 
     case "key":
-      return /*#__PURE__*/React.createElement(KeyIcon, {
+      return /*#__PURE__*/React__default["default"].createElement(KeyIcon, {
         width: width,
         height: height,
         color: color,
@@ -3331,7 +829,7 @@ var PremiumStoryIcon = function PremiumStoryIcon(_ref) {
       });
 
     default:
-      return /*#__PURE__*/React.createElement(StarIcon, {
+      return /*#__PURE__*/React__default["default"].createElement(StarIcon, {
         width: width,
         height: height,
         color: color,
@@ -3340,21 +838,21 @@ var PremiumStoryIcon = function PremiumStoryIcon(_ref) {
   }
 };
 PremiumStoryIcon.propTypes = {
-  width: PropTypes.string,
-  height: PropTypes.string,
-  color: PropTypes.string,
-  iconType: PropTypes.string,
-  positionTop: PropTypes.string
+  width: PropTypes__default["default"].string,
+  height: PropTypes__default["default"].string,
+  color: PropTypes__default["default"].string,
+  iconType: PropTypes__default["default"].string,
+  positionTop: PropTypes__default["default"].string
 };
 
 function LiveIcon() {
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     className: "live-icon",
     xmlns: "http://www.w3.org/2000/svg",
     width: "25",
     height: "24",
     viewBox: "0 0 25 24"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: "#ff5858",
     d: "M12 18a6 6 0 110-12 6 6 0 010 12zm0 2.5a8.5 8.5 0 110-17 8.5 8.5 0 010 17zm0-1a7.5 7.5 0 100-15 7.5 7.5 0 000 15z"
   }));
@@ -3383,8 +881,8 @@ var Headline = function Headline(_ref) {
       enablePremiumStoryIcon = _premiumStoryIconConf3 === void 0 ? false : _premiumStoryIconConf3,
       _premiumStoryIconConf4 = premiumStoryIconConfig.showLiveIcon,
       showLiveIcon = _premiumStoryIconConf4 === void 0 ? false : _premiumStoryIconConf4;
-  var alternateHeadline = get_1(story, ["alternative", "home", "default", "headline"]);
-  var premiumStory = enablePremiumStoryIcon && get_1(story, ["access"]) === "subscription";
+  var alternateHeadline = lodash.get(story, ["alternative", "home", "default", "headline"]);
+  var premiumStory = enablePremiumStoryIcon && lodash.get(story, ["access"]) === "subscription";
   var headline = alternateHeadline || story.headline;
   var HeaderTag = "h" + headerLevel;
 
@@ -3410,38 +908,38 @@ var Headline = function Headline(_ref) {
   var textColor = getTextColor(configData.theme);
   var wrapperClass = premiumStory ? "wrapper" : "";
   var iconSize = "24px";
-  var enableLiveIcon = showLiveIcon && story["story-template"] === "live-blog" && !get_1(story, ["metadata", "is-closed"], false);
-  return /*#__PURE__*/React.createElement("div", {
+  var enableLiveIcon = showLiveIcon && story["story-template"] === "live-blog" && !lodash.get(story, ["metadata", "is-closed"], false);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "headline",
-    className: "arrow-component arr--headline " + _getClassName(wrapperClass, _styleModuleImportMap$b)
-  }, premiumStory && /*#__PURE__*/React.createElement(PremiumStoryIcon, {
+    className: "arrow-component arr--headline " + _getClassName__default["default"](wrapperClass, _styleModuleImportMap$b)
+  }, premiumStory && /*#__PURE__*/React__default["default"].createElement(PremiumStoryIcon, {
     width: iconSize,
     height: iconSize,
     color: iconColor,
     iconType: iconStyle,
     positionTop: positionHeadline()
-  }), isLink ? /*#__PURE__*/React.createElement(Link, {
+  }), isLink ? /*#__PURE__*/React__default["default"].createElement(components.Link, {
     href: getStoryUrl(story, "/".concat(story.slug)),
     externalLink: isExternalStory(story),
     "aria-label": "headline"
-  }, /*#__PURE__*/React.createElement(HeaderTag, {
-    className: _getClassName("headline ".concat(textColor), _styleModuleImportMap$b)
-  }, enableLiveIcon && /*#__PURE__*/React.createElement(LiveIcon, null), headline)) : /*#__PURE__*/React.createElement(HeaderTag, {
-    className: _getClassName("headline ".concat(textColor), _styleModuleImportMap$b)
-  }, enableLiveIcon && /*#__PURE__*/React.createElement(LiveIcon, null), headline));
+  }, /*#__PURE__*/React__default["default"].createElement(HeaderTag, {
+    className: _getClassName__default["default"]("headline ".concat(textColor), _styleModuleImportMap$b)
+  }, enableLiveIcon && /*#__PURE__*/React__default["default"].createElement(LiveIcon, null), headline)) : /*#__PURE__*/React__default["default"].createElement(HeaderTag, {
+    className: _getClassName__default["default"]("headline ".concat(textColor), _styleModuleImportMap$b)
+  }, enableLiveIcon && /*#__PURE__*/React__default["default"].createElement(LiveIcon, null), headline));
 };
 Headline.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object.isRequired,
+  story: PropTypes__default["default"].object.isRequired,
 
   /** Header tags ranging h1-h6, where h[headerLevel] */
-  headerLevel: PropTypes.string,
-  premiumStoryIconConfig: PropTypes.shape({
-    iconColor: PropTypes.string,
-    iconType: PropTypes.string,
-    enablePremiumStoryIcon: PropTypes.bool
+  headerLevel: PropTypes__default["default"].string,
+  premiumStoryIconConfig: PropTypes__default["default"].shape({
+    iconColor: PropTypes__default["default"].string,
+    iconType: PropTypes__default["default"].string,
+    enablePremiumStoryIcon: PropTypes__default["default"].bool
   }),
-  isLink: PropTypes.bool
+  isLink: PropTypes__default["default"].bool
 };
 Headline.defaultProps = {
   headerLevel: "6",
@@ -3465,28 +963,28 @@ var Subheadline = function Subheadline(_ref) {
       forceShowAtom = _ref.forceShowAtom,
       showFullContent = _ref.showFullContent;
   var config = useStateValue() || {};
-  var subheadline = forceShowAtom || get_1(config, ["showSubheadline"], true);
+  var subheadline = forceShowAtom || lodash.get(config, ["showSubheadline"], true);
   if (!subheadline) return null;
   var textColor = getTextColor(config.theme);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       WebkitLineClamp: lineClamp
     },
     "data-test-id": "subheadline",
-    className: ("p-alt arr--sub-headline arrow-component ".concat(clazzName) ? "p-alt arr--sub-headline arrow-component ".concat(clazzName) + " " : "") + _getClassName("subheadline ".concat(textColor), _styleModuleImportMap$a)
+    className: ("p-alt arr--sub-headline arrow-component ".concat(clazzName) ? "p-alt arr--sub-headline arrow-component ".concat(clazzName) + " " : "") + _getClassName__default["default"]("subheadline ".concat(textColor), _styleModuleImportMap$a)
   }, showFullContent || typeof lineClamp === "number" ? story.subheadline : truncate(story.subheadline, truncateChars, true));
 };
 Subheadline.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object.isRequired,
+  story: PropTypes__default["default"].object.isRequired,
   //  Restricts the number of lines for subheadline.
-  lineClamp: PropTypes.number,
+  lineClamp: PropTypes__default["default"].number,
 
   /** Number of characters to truncate the subheadline */
-  truncateChars: PropTypes.number,
-  clazzName: PropTypes.string,
-  forceShowAtom: PropTypes.bool,
-  showFullContent: PropTypes.bool
+  truncateChars: PropTypes__default["default"].number,
+  clazzName: PropTypes__default["default"].string,
+  forceShowAtom: PropTypes__default["default"].bool,
+  showFullContent: PropTypes__default["default"].bool
 };
 Subheadline.defaultProps = {
   forceShowAtom: false,
@@ -3508,22 +1006,22 @@ var TimeStamp = function TimeStamp(_ref) {
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
   var configState = useStateValue() || {};
-  var isTime = get_1(config, ["showTime"], get_1(configState, ["showTime"], true));
+  var isTime = lodash.get(config, ["showTime"], lodash.get(configState, ["showTime"], true));
   var time = story["last-published-at"] || story["first-published-at"];
   var isBottomClasses = isBottom ? "bottom-fix" : "";
   var textColor = getTextColor(configState.theme);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isTime && /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isTime && /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "publish-time",
-    className: "time arr--publish-time " + _getClassName("time  ".concat(textColor, " ").concat(isBottomClasses), _styleModuleImportMap$9)
-  }, /*#__PURE__*/React.createElement("div", {
+    className: "time arr--publish-time " + _getClassName__default["default"]("time  ".concat(textColor, " ").concat(isBottomClasses), _styleModuleImportMap$9)
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "timestamp-m_time-wrapper__3O2lM"
   }, getTimeStamp(time, formatter, config))));
 };
 TimeStamp.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object,
-  isBottom: PropTypes.bool,
-  config: PropTypes.object
+  story: PropTypes__default["default"].object,
+  isBottom: PropTypes__default["default"].bool,
+  config: PropTypes__default["default"].object
 };
 
 var _styleModuleImportMap$8 = {
@@ -3549,9 +1047,9 @@ var AuthorBase = function AuthorBase(_ref) {
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
   var configData = useStateValue() || {};
-  var isAuthor = get_1(configData, ["showAuthor"], true);
+  var isAuthor = lodash.get(configData, ["showAuthor"], true);
 
-  var _get = get_1(story, ["authors", "0"], ""),
+  var _get = lodash.get(story, ["authors", "0"], ""),
       avatarUrl = _get["avatar-url"],
       avatarS3Key = _get["avatar-s3-key"],
       authorName = _get.name,
@@ -3559,17 +1057,17 @@ var AuthorBase = function AuthorBase(_ref) {
 
   var isBottomClasses = isBottom ? "bottom-fix" : "";
   var textColor = getTextColor(configData.theme);
-  var mountAt = get_1(config, ["mountAt"], "");
+  var mountAt = lodash.get(config, ["mountAt"], "");
 
   var authorImage = function authorImage(dir) {
     if (!avatarUrl && !avatarS3Key) {
       return null;
     }
 
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       "data-test-id": "author-image",
-      className: _getClassName("author-image ".concat(dir, "-image"), _styleModuleImportMap$8)
-    }, /*#__PURE__*/React.createElement("figure", null, avatarS3Key ? /*#__PURE__*/React.createElement(ResponsiveImage, {
+      className: _getClassName__default["default"]("author-image ".concat(dir, "-image"), _styleModuleImportMap$8)
+    }, /*#__PURE__*/React__default["default"].createElement("figure", null, avatarS3Key ? /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
       slug: avatarS3Key,
       "aspect-ratio": [1, 1],
       defaultWidth: 400,
@@ -3577,49 +1075,49 @@ var AuthorBase = function AuthorBase(_ref) {
         auto: ["format", "compress"]
       },
       alt: authorName
-    }) : /*#__PURE__*/React.createElement("img", {
+    }) : /*#__PURE__*/React__default["default"].createElement("img", {
       src: avatarUrl
     })));
   };
 
   var isPrefix = function isPrefix(dir) {
     if (prefix) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: "arr-author-prefix " + _getClassName("prefix ".concat(textColor), _styleModuleImportMap$8)
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "arr-author-prefix " + _getClassName__default["default"]("prefix ".concat(textColor), _styleModuleImportMap$8)
       }, prefix);
     }
 
     return !hideAuthorImage && authorImage(dir);
   };
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isAuthor && /*#__PURE__*/React.createElement(Link, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isAuthor && /*#__PURE__*/React__default["default"].createElement(components.Link, {
     href: "".concat(mountAt, "/author/") + slug,
     "aria-label": "author-name",
-    className: "author-name arr-author-name arrow-component " + _getClassName("author ".concat(isBottomClasses), _styleModuleImportMap$8)
-  }, isPrefix("ltr"), /*#__PURE__*/React.createElement("div", {
+    className: "author-name arr-author-name arrow-component " + _getClassName__default["default"]("author ".concat(isBottomClasses), _styleModuleImportMap$8)
+  }, isPrefix("ltr"), /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "author-name",
-    className: "author-name " + _getClassName("author-name ".concat(textColor), _styleModuleImportMap$8)
+    className: "author-name " + _getClassName__default["default"]("author-name ".concat(textColor), _styleModuleImportMap$8)
   }, authorName || story["author-name"]), !prefix && isPrefix("rtl")));
 };
 
 function mapStateToProps(state) {
   return {
-    config: get_1(state, ["qt", "config"], {})
+    config: lodash.get(state, ["qt", "config"], {})
   };
 }
 
-var Author = connect(mapStateToProps)(AuthorBase);
+var Author = reactRedux.connect(mapStateToProps)(AuthorBase);
 AuthorBase.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object.isRequired,
+  story: PropTypes__default["default"].object.isRequired,
 
   /** Hide Author Avatar Image */
-  hideAuthorImage: PropTypes.bool,
+  hideAuthorImage: PropTypes__default["default"].bool,
   // fix Author bottom of the storyCard
-  isBottom: PropTypes.bool,
+  isBottom: PropTypes__default["default"].bool,
   // fix prefix before the author name
-  prefix: PropTypes.string,
-  config: PropTypes.object
+  prefix: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object
 };
 AuthorBase.defaultProps = {
   hideAuthorImage: false,
@@ -3640,14 +1138,14 @@ var Dot = function Dot(_ref) {
       height = _ref$height === void 0 ? "3px" : _ref$height,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "light" : _ref$color;
-  return /*#__PURE__*/React.createElement("div", {
-    className: _getClassName(color, _styleModuleImportMap$7)
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _getClassName__default["default"](color, _styleModuleImportMap$7)
+  }, /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
     viewBox: "0 0 3 3"
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, /*#__PURE__*/React__default["default"].createElement("circle", {
     cx: "87",
     cy: "9",
     r: "1",
@@ -3658,9 +1156,9 @@ var Dot = function Dot(_ref) {
 };
 Dot.propTypes = {
   /** height , width and color of the dot icon */
-  color: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string
+  color: PropTypes__default["default"].string,
+  width: PropTypes__default["default"].string,
+  height: PropTypes__default["default"].string
 };
 
 var _styleModuleImportMap$6 = {
@@ -3676,22 +1174,22 @@ var Divider = function Divider(_ref) {
       height = _ref$height === void 0 ? "10" : _ref$height,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "light" : _ref$color;
-  return /*#__PURE__*/React.createElement("div", {
-    className: _getClassName(color, _styleModuleImportMap$6)
-  }, /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: _getClassName__default["default"](color, _styleModuleImportMap$6)
+  }, /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: "inherit",
     d: "M0 0h1v10H0z"
   })));
 };
 Divider.propTypes = {
   /** height , width and color of the dot icon */
-  color: PropTypes.string,
-  width: PropTypes.string,
-  height: PropTypes.string
+  color: PropTypes__default["default"].string,
+  width: PropTypes__default["default"].string,
+  height: PropTypes__default["default"].string
 };
 
 var _styleModuleImportMap$5 = {
@@ -3709,28 +1207,28 @@ var ReadTime = function ReadTime(_ref) {
       _ref$isLightTheme = _ref.isLightTheme,
       isLightTheme = _ref$isLightTheme === void 0 ? false : _ref$isLightTheme;
   var config = useStateValue() || {};
-  var showReadTime = get_1(config, ["showReadTime"]) || get_1(opts, ["showReadTime"], true);
-  var readTime = get_1(story, ["read-time"], 0);
+  var showReadTime = lodash.get(config, ["showReadTime"]) || lodash.get(opts, ["showReadTime"], true);
+  var readTime = lodash.get(story, ["read-time"], 0);
   var textColor = isLightTheme ? "light" : getTextColor(config.theme);
   if (!showReadTime || !readTime) return null;
-  var timeToRead = get_1(opts, ["localizedTimeToRead"]) || "min read";
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  var timeToRead = lodash.get(opts, ["localizedTimeToRead"]) || "min read";
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "read-time",
-    className: "arrow-component arr--read-time " + _getClassName("read-time-wrapper ".concat(textColor), _styleModuleImportMap$5)
-  }, /*#__PURE__*/React.createElement("span", {
+    className: "arrow-component arr--read-time " + _getClassName__default["default"]("read-time-wrapper ".concat(textColor), _styleModuleImportMap$5)
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "read-time-indicator read-time-m_dot-indicator__3Sqh2"
-  }, /*#__PURE__*/React.createElement(Dot, {
+  }, /*#__PURE__*/React__default["default"].createElement(Dot, {
     color: textColor
-  })), /*#__PURE__*/React.createElement("span", null, readTime, " ", timeToRead)));
+  })), /*#__PURE__*/React__default["default"].createElement("span", null, readTime, " ", timeToRead)));
 };
 ReadTime.propTypes = {
-  story: PropTypes.shape({
-    "read-time": PropTypes.number
+  story: PropTypes__default["default"].shape({
+    "read-time": PropTypes__default["default"].number
   }),
-  opts: PropTypes.shape({
-    showReadTime: PropTypes.bool
+  opts: PropTypes__default["default"].shape({
+    showReadTime: PropTypes__default["default"].bool
   }),
-  isLightTheme: PropTypes.bool
+  isLightTheme: PropTypes__default["default"].bool
 };
 
 var _styleModuleImportMap$4 = {
@@ -3752,42 +1250,42 @@ var AuthorWithTime = function AuthorWithTime(_ref) {
       config = _ref$config === void 0 ? {} : _ref$config,
       isLightTheme = _ref.isLightTheme;
   var configState = useStateValue() || {};
-  var isAuthor = get_1(config, ["showAuthor"], get_1(configState, ["showAuthor"], true));
-  var isTime = get_1(config, ["showTime"], get_1(configState, ["showTime"], true));
-  var isReadTime = get_1(configState, ["showReadTime"], true);
+  var isAuthor = lodash.get(config, ["showAuthor"], lodash.get(configState, ["showAuthor"], true));
+  var isTime = lodash.get(config, ["showTime"], lodash.get(configState, ["showTime"], true));
+  var isReadTime = lodash.get(configState, ["showReadTime"], true);
   var isBottomClasses = isBottom ? "bottom-fix" : "";
   var seperatorStyle = separator === "dot" ? "dot" : "dash";
   var textColor = isLightTheme ? "light" : getTextColor(configState.theme);
 
   var getSeparator = function getSeparator() {
     if (separator === "divider") {
-      return /*#__PURE__*/React.createElement(Divider, {
+      return /*#__PURE__*/React__default["default"].createElement(Divider, {
         color: textColor
       });
     }
 
-    return /*#__PURE__*/React.createElement(Dot, {
+    return /*#__PURE__*/React__default["default"].createElement(Dot, {
       color: textColor
     });
   };
 
   var getTimeStamp = function getTimeStamp() {
     if (!isTime) return null;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isAuthor && /*#__PURE__*/React.createElement("span", {
-      className: "arr-separator " + _getClassName("".concat(seperatorStyle), _styleModuleImportMap$4)
-    }, getSeparator()), /*#__PURE__*/React.createElement(TimeStamp, {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isAuthor && /*#__PURE__*/React__default["default"].createElement("span", {
+      className: "arr-separator " + _getClassName__default["default"]("".concat(seperatorStyle), _styleModuleImportMap$4)
+    }, getSeparator()), /*#__PURE__*/React__default["default"].createElement(TimeStamp, {
       story: story,
       config: config
-    }), isReadTime && /*#__PURE__*/React.createElement(ReadTime, {
+    }), isReadTime && /*#__PURE__*/React__default["default"].createElement(ReadTime, {
       story: story,
       opts: config,
       isLightTheme: isLightTheme
     }));
   };
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: "arr--author-time " + _getClassName("author-time-wrapper ".concat(isBottomClasses), _styleModuleImportMap$4)
-  }, isAuthor ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Author, {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "arr--author-time " + _getClassName__default["default"]("author-time-wrapper ".concat(isBottomClasses), _styleModuleImportMap$4)
+  }, isAuthor ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Author, {
     story: story,
     isBottom: true,
     hideAuthorImage: hideAuthorImage,
@@ -3795,19 +1293,19 @@ var AuthorWithTime = function AuthorWithTime(_ref) {
   }), getTimeStamp()) : getTimeStamp());
 };
 AuthorWithTime.propTypes = {
-  story: PropTypes.object,
+  story: PropTypes__default["default"].object,
 
   /** Style of separator between the Author & Timestamp */
-  separator: PropTypes.oneOf(["dot", "divider"]),
+  separator: PropTypes__default["default"].oneOf(["dot", "divider"]),
 
   /** hide the author image */
-  hideAuthorImage: PropTypes.bool,
+  hideAuthorImage: PropTypes__default["default"].bool,
   // fix author and time at the end
-  isBottom: PropTypes.bool,
+  isBottom: PropTypes__default["default"].bool,
   // fix prefix before the author name
-  prefix: PropTypes.string,
-  config: PropTypes.object,
-  isLightTheme: PropTypes.bool
+  prefix: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object,
+  isLightTheme: PropTypes__default["default"].bool
 };
 AuthorWithTime.defaultProps = {
   separator: "dot",
@@ -3824,27 +1322,27 @@ var ImageFallbackIcon = function ImageFallbackIcon(_ref) {
       height = _ref$height === void 0 ? 30 : _ref$height,
       _ref$iconColor = _ref.iconColor,
       iconColor = _ref$iconColor === void 0 ? "#99B0CB" : _ref$iconColor;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     width: width,
     height: height,
     viewBox: "0 0 102 76",
     version: "1.1"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     id: "demo-home-copy",
     stroke: "none",
     strokeWidth: "1",
     fill: "none",
     fillRule: "evenodd",
     transform: "translate(-377.000000, -314.000000)"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     id: "Group-13",
     transform: "translate(377.000000, 314.000000)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M43.2,49.7 L62.2,19.2 L87.2,59.4 L17,59.4 L32.8,39.4 L43.2,49.7 Z M29.9,28.6 C25.8683213,28.6 22.6,25.3316787 22.6,21.3 C22.6,17.2683213 25.8683213,14 29.9,14 C33.9316787,14 37.2,17.2683213 37.2,21.3 C37.2,25.3316787 33.9316787,28.6 29.9,28.6 Z",
     id: "Combined-Shape",
     fill: iconColor,
     fillRule: "nonzero"
-  }), /*#__PURE__*/React.createElement("rect", {
+  }), /*#__PURE__*/React__default["default"].createElement("rect", {
     id: "Rectangle-19",
     stroke: iconColor,
     strokeWidth: "3",
@@ -3856,24 +1354,24 @@ var ImageFallbackIcon = function ImageFallbackIcon(_ref) {
   }))));
 };
 ImageFallbackIcon.propTypes = {
-  width: PropTypes.object,
-  height: PropTypes.object,
-  iconColor: PropTypes.object
+  width: PropTypes__default["default"].object,
+  height: PropTypes__default["default"].object,
+  iconColor: PropTypes__default["default"].object
 };
 
 var imageFallback = function imageFallback() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "arr--fallback-image fallback-m_image__1GYCJ fallback-m_image-position__3KddP"
-  }, /*#__PURE__*/React.createElement("figure", {
+  }, /*#__PURE__*/React__default["default"].createElement("figure", {
     className: "arr--fallback-svg fallback-m_fallback-svg__tK9fL"
-  }, /*#__PURE__*/React.createElement(ImageFallbackIcon, null)));
+  }, /*#__PURE__*/React__default["default"].createElement(ImageFallbackIcon, null)));
 };
 
 var FallbackImage = function FallbackImage(_ref) {
   var slug = _ref.slug;
 
   if (slug) {
-    return /*#__PURE__*/React.createElement(Link, {
+    return /*#__PURE__*/React__default["default"].createElement(components.Link, {
       href: slug,
       "aria-label": "image-fallback"
     }, imageFallback());
@@ -3882,23 +1380,23 @@ var FallbackImage = function FallbackImage(_ref) {
   }
 };
 FallbackImage.propTypes = {
-  slug: PropTypes.string
+  slug: PropTypes__default["default"].string
 };
 
 var HyperLinkIcon = function HyperLinkIcon() {
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "36",
     height: "28"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     fill: "none",
     fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("rect", {
+  }, /*#__PURE__*/React__default["default"].createElement("rect", {
     width: "36",
     height: "28",
     fill: "#3D6FCF",
     rx: "4"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     stroke: "#FFF",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -3911,16 +1409,16 @@ var HyperLink = function HyperLink(_ref) {
   var _ref$hyperLink = _ref.hyperLink,
       hyperLink = _ref$hyperLink === void 0 ? "" : _ref$hyperLink;
   if (!hyperLink) return null;
-  return /*#__PURE__*/React.createElement(Link, {
+  return /*#__PURE__*/React__default["default"].createElement(components.Link, {
     href: hyperLink,
     "aria-label": "hyperlink-button",
     className: "arr--hyperlink-button hyperlink-m_hyperlink-button__1CqWx",
     target: "_blank",
     rel: "noopener noreferrer"
-  }, /*#__PURE__*/React.createElement(HyperLinkIcon, null));
+  }, /*#__PURE__*/React__default["default"].createElement(HyperLinkIcon, null));
 };
 HyperLink.propTypes = {
-  hyperLink: PropTypes.string
+  hyperLink: PropTypes__default["default"].string
 };
 
 var _styleModuleImportMap$3 = {
@@ -3956,8 +1454,8 @@ var HeroImage = function HeroImage(_ref) {
       StoryTemplateIcon = _config$StoryTemplate === void 0 ? function () {
     return null;
   } : _config$StoryTemplate;
-  var showImagePlaceholder = useSelector(function (state) {
-    return get_1(state, ["qt", "config", "showPlaceholder"]);
+  var showImagePlaceholder = reactRedux.useSelector(function (state) {
+    return lodash.get(state, ["qt", "config", "showPlaceholder"]);
   });
   var getPlaceholderStyleName = showImagePlaceholder ? "placeholder" : "";
   var fullBleed = FullBleed ? "" : "with-padding";
@@ -3966,7 +1464,7 @@ var HeroImage = function HeroImage(_ref) {
   var heroImageMobClasses = isHorizontalMobile ? "right-padding-mob" : "";
 
   var getPadding = function getPadding(aspectRatio) {
-    var _aspectRatio = _slicedToArray(aspectRatio, 2),
+    var _aspectRatio = _slicedToArray__default["default"](aspectRatio, 2),
         height = _aspectRatio[0],
         width = _aspectRatio[1];
 
@@ -3978,7 +1476,7 @@ var HeroImage = function HeroImage(_ref) {
     return 0;
   };
 
-  var _aspectRatio2 = _slicedToArray(aspectRatio, 2),
+  var _aspectRatio2 = _slicedToArray__default["default"](aspectRatio, 2),
       mobileAspectRatio = _aspectRatio2[0],
       _aspectRatio2$ = _aspectRatio2[1],
       desktopAspectRatio = _aspectRatio2$ === void 0 ? mobileAspectRatio : _aspectRatio2$;
@@ -3986,43 +1484,43 @@ var HeroImage = function HeroImage(_ref) {
   var isMobile = clientWidth("mobile");
   var imageAspectRatio = isMobile ? mobileAspectRatio : desktopAspectRatio;
   var imagePadding = isMobile ? getPadding(mobileAspectRatio) : getPadding(desktopAspectRatio);
-  var slug = get_1(story, ["hero-image-s3-key"]) || get_1(story, ["alternative", "home", "default", "hero-image", "hero-image-s3-key"]);
-  var hyperLink = get_1(story, ["hero-image-hyperlink"], "");
+  var slug = lodash.get(story, ["hero-image-s3-key"]) || lodash.get(story, ["alternative", "home", "default", "hero-image", "hero-image-s3-key"]);
+  var hyperLink = lodash.get(story, ["hero-image-hyperlink"], "");
 
   var fallbackImage = function fallbackImage() {
     if (!slug) {
       if (fallbackImageUrl && !isStoryPageImage) {
-        return /*#__PURE__*/React.createElement("figure", {
+        return /*#__PURE__*/React__default["default"].createElement("figure", {
           style: {
             paddingTop: imagePadding + "%"
           },
-          className: "arr--responsive-hero-image " + _getClassName("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$3)
-        }, /*#__PURE__*/React.createElement("img", {
+          className: "arr--responsive-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$3)
+        }, /*#__PURE__*/React__default["default"].createElement("img", {
           className: "qt-image",
           "data-src": "".concat(fallbackImageUrl),
           alt: "image-fallback"
         }));
       }
 
-      return /*#__PURE__*/React.createElement(React.Fragment, null, defaultFallback ? /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, defaultFallback ? /*#__PURE__*/React__default["default"].createElement("div", {
         "data-test-id": "arr--fallback-hero-image",
         style: {
           paddingTop: imagePadding + "%"
         },
-        className: "arr--fallback-hero-image " + _getClassName("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$3)
-      }, /*#__PURE__*/React.createElement(StoryTemplateIcon, {
+        className: "arr--fallback-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$3)
+      }, /*#__PURE__*/React__default["default"].createElement(StoryTemplateIcon, {
         storyTemplate: story["story-template"]
-      }), /*#__PURE__*/React.createElement(FallbackImage, null)) : null);
+      }), /*#__PURE__*/React__default["default"].createElement(FallbackImage, null)) : null);
     }
 
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("figure", {
+    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("figure", {
       style: {
         paddingTop: imagePadding + "%"
       },
-      className: "arr--responsive-hero-image " + _getClassName("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$3)
-    }, /*#__PURE__*/React.createElement(StoryTemplateIcon, {
+      className: "arr--responsive-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$3)
+    }, /*#__PURE__*/React__default["default"].createElement(StoryTemplateIcon, {
       storyTemplate: story["story-template"]
-    }), /*#__PURE__*/React.createElement(ResponsiveHeroImage, {
+    }), /*#__PURE__*/React__default["default"].createElement(components.ResponsiveHeroImage, {
       story: story,
       aspectRatio: imageAspectRatio,
       defaultWidth: defaultWidth,
@@ -4031,48 +1529,48 @@ var HeroImage = function HeroImage(_ref) {
         auto: ["format", "compress"],
         fit: "max"
       }
-    })), isStoryPageImage && hyperLink && /*#__PURE__*/React.createElement(HyperLink, {
+    })), isStoryPageImage && hyperLink && /*#__PURE__*/React__default["default"].createElement(HyperLink, {
       hyperLink: hyperLink
     }));
   };
 
-  return story && (isStoryPageImage ? /*#__PURE__*/React.createElement("div", {
+  return story && (isStoryPageImage ? /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "arr--hero-image",
-    className: "arr--hero-image " + _getClassName("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap$3)
-  }, fallbackImage()) : /*#__PURE__*/React.createElement(Link, {
+    className: "arr--hero-image " + _getClassName__default["default"]("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap$3)
+  }, fallbackImage()) : /*#__PURE__*/React__default["default"].createElement(components.Link, {
     "data-test-id": "arr--hero-image",
     href: getStoryUrl(story, "/".concat(story.slug)),
     externalLink: isExternalStory(story),
     "aria-label": "fallback-hero-image",
-    className: "arr--hero-image " + _getClassName("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap$3)
+    className: "arr--hero-image " + _getClassName__default["default"]("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap$3)
   }, fallbackImage()));
 };
 HeroImage.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object.isRequired,
+  story: PropTypes__default["default"].object.isRequired,
 
   /** Removes the Hero Image padding for the image to bleed over the margin */
-  FullBleed: PropTypes.bool,
+  FullBleed: PropTypes__default["default"].bool,
 
   /** The default width for the image, in case the browser does not support srcset */
-  defaultWidth: PropTypes.number,
+  defaultWidth: PropTypes__default["default"].number,
 
   /** The list of available widths */
-  widths: PropTypes.array,
+  widths: PropTypes__default["default"].array,
   // fatch the correct hero image
-  aspectRatio: PropTypes.array,
+  aspectRatio: PropTypes__default["default"].array,
   //  Hints for the browser to choose the best size
 
   /** This prop is responsible for adding padding-right of the image and remove padding bottom of the image  */
-  isHorizontal: PropTypes.bool,
+  isHorizontal: PropTypes__default["default"].bool,
 
   /** This prop is responsible for adding padding-bottom in desktop and padding-right in mobile */
-  isHorizontalMobile: PropTypes.bool,
+  isHorizontalMobile: PropTypes__default["default"].bool,
   // this prop is responsive for rendering fallback image on story page
-  defaultFallback: PropTypes.bool,
-  isHorizontalWithImageLast: PropTypes.bool,
-  isStoryPageImage: PropTypes.bool,
-  config: PropTypes.object
+  defaultFallback: PropTypes__default["default"].bool,
+  isHorizontalWithImageLast: PropTypes__default["default"].bool,
+  isStoryPageImage: PropTypes__default["default"].bool,
+  config: PropTypes__default["default"].object
 };
 HeroImage.defaultProps = {
   FullBleed: true,
@@ -4107,9 +1605,9 @@ var SectionTag = function SectionTag(_ref) {
       borderColor = _ref$borderColor === void 0 ? "" : _ref$borderColor,
       isLightTheme = _ref.isLightTheme;
   var config = useStateValue() || {};
-  var isSection = get_1(config, ["showSection"], true);
-  var templateFromRowContext = get_1(config, ["sectionTagTemplate"]);
-  var section = get_1(story, ["sections", 0], "");
+  var isSection = lodash.get(config, ["showSection"], true);
+  var templateFromRowContext = lodash.get(config, ["sectionTagTemplate"]);
+  var section = lodash.get(story, ["sections", 0], "");
   var supportedTemplates = ["borderBottomSml", "borderLeft", "solid"];
   var getUrl = section ? section["section-url"] : "/";
   var colorToApplyContrast = template === "solid" || templateFromRowContext === "solid" ? borderColor : config.theme;
@@ -4122,22 +1620,22 @@ var SectionTag = function SectionTag(_ref) {
   }
 
   if (!isSection) return null;
-  return /*#__PURE__*/React.createElement(Link, {
+  return /*#__PURE__*/React__default["default"].createElement(components.Link, {
     href: getUrl,
     className: "arrow-component arr--section-name",
     "aria-label": "section-name"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "sectionTag",
     style: {
       backgroundColor: templateStyle.includes("section-solid") ? sectionTagBorderColor : ""
     },
-    className: "section-tag arrow-component " + _getClassName("".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap$2)
-  }, templateStyle.includes("section-borderLeft") && /*#__PURE__*/React.createElement("span", {
+    className: "section-tag arrow-component " + _getClassName__default["default"]("".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap$2)
+  }, templateStyle.includes("section-borderLeft") && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "section-m_border-left__2oUyp",
     style: {
       color: sectionTagBorderColor
     }
-  }), section["display-name"] || section["name"], /*#__PURE__*/React.createElement("div", {
+  }), section["display-name"] || section["name"], /*#__PURE__*/React__default["default"].createElement("div", {
     className: "section-m_border-bottom__3cRoD",
     style: {
       backgroundColor: "".concat(template === "solid" ? "" : sectionTagBorderColor)
@@ -4146,13 +1644,13 @@ var SectionTag = function SectionTag(_ref) {
 };
 SectionTag.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object.isRequired,
+  story: PropTypes__default["default"].object.isRequired,
 
   /** The style template for section tag */
-  template: PropTypes.oneOf(["", "borderBottomSml", "borderLeft", "solid"]),
-  borderColor: PropTypes.string,
-  solidBorderColor: PropTypes.string,
-  isLightTheme: PropTypes.bool
+  template: PropTypes__default["default"].oneOf(["", "borderBottomSml", "borderLeft", "solid"]),
+  borderColor: PropTypes__default["default"].string,
+  solidBorderColor: PropTypes__default["default"].string,
+  isLightTheme: PropTypes__default["default"].bool
 };
 SectionTag.defaultProps = {
   template: "",
@@ -4201,7 +1699,7 @@ var StoryCard = function StoryCard(_ref) {
       prefix = _ref.prefix,
       config = _ref.config,
       isHorizontalWithImageLast = _ref.isHorizontalWithImageLast;
-  if (!story || isEmpty(story)) return /*#__PURE__*/React.createElement("div", null);
+  if (!story || isEmpty(story)) return /*#__PURE__*/React__default["default"].createElement("div", null);
   var borderOptions = ["default", "full", "bottom", "boxShadow"];
   var borderTemplate = borderOptions.includes(border) ? "border-".concat(border) : ""; // TODO optimize conditions
 
@@ -4211,7 +1709,7 @@ var StoryCard = function StoryCard(_ref) {
   var bgImgContentOverlapClass = bgImgContentOverlap ? "content-overlap" : "";
   var textColor = getTextColor(theme);
   var horizontalMobileClasses = isHorizontalMobile ? "horizontal-mob" : "";
-  var defaultStorycard = /*#__PURE__*/React.createElement(DefaultStoryCard, {
+  var defaultStorycard = /*#__PURE__*/React__default["default"].createElement(DefaultStoryCard, {
     story: story,
     aspectRatio: aspectRatio,
     border: border,
@@ -4225,13 +1723,13 @@ var StoryCard = function StoryCard(_ref) {
     config: config,
     isHorizontalWithImageLast: isHorizontalWithImageLast
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "story-card",
     style: {
       backgroundColor: theme,
       color: textColor
     },
-    className: "arr--story-card " + _getClassName("card ".concat(horizontalCardStyle, " ").concat(borderTemplate, " ").concat(textColor, " ").concat(bgImageClasses, " ").concat(bgImgContentOverlapClass, " ").concat(horizontalMobileClasses), _styleModuleImportMap$1)
+    className: "arr--story-card " + _getClassName__default["default"]("card ".concat(horizontalCardStyle, " ").concat(borderTemplate, " ").concat(textColor, " ").concat(bgImageClasses, " ").concat(bgImgContentOverlapClass, " ").concat(horizontalMobileClasses), _styleModuleImportMap$1)
   }, children || defaultStorycard);
 };
 
@@ -4254,91 +1752,91 @@ var DefaultStoryCard = function DefaultStoryCard(_ref2) {
   var SectionTagborderColor = rgbToHex(borderColor);
   var _config$localizationC = config.localizationConfig,
       localizationConfig = _config$localizationC === void 0 ? {} : _config$localizationC;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isHorizontal ? /*#__PURE__*/React.createElement(HeroImage, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isHorizontal ? /*#__PURE__*/React__default["default"].createElement(HeroImage, {
     config: config,
     story: story,
     isHorizontal: true,
     isHorizontalMobile: isHorizontalMobile,
     aspectRatio: aspectRatio
-  }) : isHorizontalWithImageLast ? /*#__PURE__*/React.createElement(HeroImage, {
+  }) : isHorizontalWithImageLast ? /*#__PURE__*/React__default["default"].createElement(HeroImage, {
     config: config,
     story: story,
     isHorizontalWithImageLast: true,
     isHorizontalMobile: isHorizontalMobile,
     aspectRatio: aspectRatio
-  }) : /*#__PURE__*/React.createElement(HeroImage, {
+  }) : /*#__PURE__*/React__default["default"].createElement(HeroImage, {
     story: story,
     config: config,
     isHorizontalMobile: isHorizontalMobile,
     aspectRatio: aspectRatio
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "arr--story-content " + _getClassName("content ".concat(alignment), _styleModuleImportMap$1)
-  }, /*#__PURE__*/React.createElement(SectionTag, {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "arr--story-content " + _getClassName__default["default"]("content ".concat(alignment), _styleModuleImportMap$1)
+  }, /*#__PURE__*/React__default["default"].createElement(SectionTag, {
     story: story,
     borderColor: SectionTagborderColor
-  }), /*#__PURE__*/React.createElement(Headline, {
+  }), /*#__PURE__*/React__default["default"].createElement(Headline, {
     story: story,
     headerLevel: headerLevel,
     premiumStoryIconConfig: config
-  }), /*#__PURE__*/React.createElement(AuthorWithTime, {
+  }), /*#__PURE__*/React__default["default"].createElement(AuthorWithTime, {
     config: localizationConfig,
     story: story,
     isBottom: true,
     prefix: prefix,
     hideAuthorImage: hideAuthorImage
-  }), /*#__PURE__*/React.createElement(Subheadline, {
+  }), /*#__PURE__*/React__default["default"].createElement(Subheadline, {
     story: story
   })));
 };
 
 DefaultStoryCard.propTypes = {
-  story: PropTypes.object.isRequired,
-  border: PropTypes.oneOfType([PropTypes.string]),
-  isBottom: PropTypes.bool,
-  isHorizontal: PropTypes.bool,
-  aspectRatio: PropTypes.oneOfType([PropTypes.array]),
-  isHorizontalMobile: PropTypes.bool,
-  centerAlign: PropTypes.bool,
-  headerLevel: PropTypes.string,
-  borderColor: PropTypes.string,
-  hideAuthorImage: PropTypes.bool,
-  prefix: PropTypes.string,
-  config: PropTypes.object,
-  isHorizontalWithImageLast: PropTypes.bool
+  story: PropTypes__default["default"].object.isRequired,
+  border: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string]),
+  isBottom: PropTypes__default["default"].bool,
+  isHorizontal: PropTypes__default["default"].bool,
+  aspectRatio: PropTypes__default["default"].oneOfType([PropTypes__default["default"].array]),
+  isHorizontalMobile: PropTypes__default["default"].bool,
+  centerAlign: PropTypes__default["default"].bool,
+  headerLevel: PropTypes__default["default"].string,
+  borderColor: PropTypes__default["default"].string,
+  hideAuthorImage: PropTypes__default["default"].bool,
+  prefix: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object,
+  isHorizontalWithImageLast: PropTypes__default["default"].bool
 };
 StoryCard.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object.isRequired,
-  children: PropTypes.node,
+  story: PropTypes__default["default"].object.isRequired,
+  children: PropTypes__default["default"].node,
 
   /** Flip the Story Card to Horizonal mode */
-  isHorizontal: PropTypes.bool,
+  isHorizontal: PropTypes__default["default"].bool,
 
   /** Add border to the Story Card  */
-  border: PropTypes.oneOfType([PropTypes.string]),
+  border: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string]),
   // story card with background image
-  useImageAsBackground: PropTypes.bool,
+  useImageAsBackground: PropTypes__default["default"].bool,
   // story card  content overlap with image
-  bgImgContentOverlap: PropTypes.bool,
+  bgImgContentOverlap: PropTypes__default["default"].bool,
 
   /** add aspect ratio for hero image  */
-  aspectRatio: PropTypes.oneOfType([PropTypes.array]),
+  aspectRatio: PropTypes__default["default"].oneOfType([PropTypes__default["default"].array]),
 
   /** add theme(dark /light/custom color) for storycard  */
-  theme: PropTypes.string,
+  theme: PropTypes__default["default"].string,
 
   /** flip the story card mobile design horizontal */
-  isHorizontalMobile: PropTypes.bool,
+  isHorizontalMobile: PropTypes__default["default"].bool,
   // make content center align in desktop and left align in mobile
-  centerAlign: PropTypes.bool,
-  headerLevel: PropTypes.string,
-  borderColor: PropTypes.string,
+  centerAlign: PropTypes__default["default"].bool,
+  headerLevel: PropTypes__default["default"].string,
+  borderColor: PropTypes__default["default"].string,
   // handle author image through storycard
-  hideAuthorImage: PropTypes.bool,
+  hideAuthorImage: PropTypes__default["default"].bool,
   // handle author prefix through storycard
-  prefix: PropTypes.string,
-  config: PropTypes.object,
-  isHorizontalWithImageLast: PropTypes.bool
+  prefix: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object,
+  isHorizontalWithImageLast: PropTypes__default["default"].bool
 };
 StoryCard.defaultProps = {
   isHorizontal: false,
@@ -4371,14 +1869,14 @@ var StorycardContent = function StorycardContent(_ref) {
   var SectionTagborderColor = rgbToHex(borderColor);
   var borderTemplate = borderOptions.includes(border) ? "border-".concat(border) : "";
   var horizontalCard = isHorizontalMobile ? "horizontal-content-wrapper" : "";
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "story-card-content",
     style: {
       backgroundColor: theme,
       color: textColor
     },
-    className: "arr--content-wrapper " + _getClassName("wrapper ".concat(borderTemplate, " ").concat(horizontalCard), _styleModuleImportMap)
-  }, children || /*#__PURE__*/React.createElement(DefaultStoryCardContent, {
+    className: "arr--content-wrapper " + _getClassName__default["default"]("wrapper ".concat(borderTemplate, " ").concat(horizontalCard), _styleModuleImportMap)
+  }, children || /*#__PURE__*/React__default["default"].createElement(DefaultStoryCardContent, {
     story: story,
     headerLevel: headerLevel,
     isHorizontalMobile: isHorizontalMobile,
@@ -4396,37 +1894,37 @@ var DefaultStoryCardContent = function DefaultStoryCardContent(_ref2) {
   var SectionTagborderColor = rgbToHex(borderColor);
   var _config$localizationC = config.localizationConfig,
       localizationConfig = _config$localizationC === void 0 ? {} : _config$localizationC;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(SectionTag, {
+  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(SectionTag, {
     story: story,
     borderColor: SectionTagborderColor
-  }), /*#__PURE__*/React.createElement(Headline, {
+  }), /*#__PURE__*/React__default["default"].createElement(Headline, {
     story: story,
     headerLevel: headerLevel,
     premiumStoryIconConfig: config
-  }), /*#__PURE__*/React.createElement(AuthorWithTime, {
+  }), /*#__PURE__*/React__default["default"].createElement(AuthorWithTime, {
     config: localizationConfig,
     story: story
   }));
 };
 
 DefaultStoryCardContent.propTypes = {
-  story: PropTypes.object.isRequired,
-  border: PropTypes.string,
-  theme: PropTypes.string,
-  isHorizontalMobile: PropTypes.bool,
-  headerLevel: PropTypes.string,
-  borderColor: PropTypes.string,
-  config: PropTypes.object
+  story: PropTypes__default["default"].object.isRequired,
+  border: PropTypes__default["default"].string,
+  theme: PropTypes__default["default"].string,
+  isHorizontalMobile: PropTypes__default["default"].bool,
+  headerLevel: PropTypes__default["default"].string,
+  borderColor: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object
 };
 StorycardContent.propTypes = {
-  story: PropTypes.object.isRequired,
-  children: PropTypes.node,
-  theme: PropTypes.string,
-  border: PropTypes.string,
-  isHorizontalMobile: PropTypes.bool,
-  headerLevel: PropTypes.string,
-  borderColor: PropTypes.string,
-  config: PropTypes.object
+  story: PropTypes__default["default"].object.isRequired,
+  children: PropTypes__default["default"].node,
+  theme: PropTypes__default["default"].string,
+  border: PropTypes__default["default"].string,
+  isHorizontalMobile: PropTypes__default["default"].bool,
+  headerLevel: PropTypes__default["default"].string,
+  borderColor: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object
 };
 
 var PortraitStoryCardBase = function PortraitStoryCardBase(_ref) {
@@ -4444,18 +1942,18 @@ var PortraitStoryCardBase = function PortraitStoryCardBase(_ref) {
       _ref$borderColor = _ref.borderColor,
       borderColor = _ref$borderColor === void 0 ? "" : _ref$borderColor;
   if (isEmpty(story)) return null;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "portrait-story-card-m_wrapper__3nche"
-  }, /*#__PURE__*/React.createElement(StoryCard, {
+  }, /*#__PURE__*/React__default["default"].createElement(StoryCard, {
     story: story,
     border: border,
     theme: theme,
     config: config,
     useImageAsBackground: true
-  }, /*#__PURE__*/React.createElement(HeroImage, {
+  }, /*#__PURE__*/React__default["default"].createElement(HeroImage, {
     story: story,
     aspectRatio: [[9, 16]]
-  }), /*#__PURE__*/React.createElement(StorycardContent, {
+  }), /*#__PURE__*/React__default["default"].createElement(StorycardContent, {
     story: story,
     config: config,
     separator: separator,
@@ -4464,13 +1962,13 @@ var PortraitStoryCardBase = function PortraitStoryCardBase(_ref) {
   })));
 };
 PortraitStoryCardBase.propTypes = {
-  border: PropTypes.string,
-  theme: PropTypes.string,
-  headerLevel: PropTypes.string,
-  separator: PropTypes.string,
-  borderColor: PropTypes.string,
-  config: PropTypes.object,
-  story: PropTypes.object
+  border: PropTypes__default["default"].string,
+  theme: PropTypes__default["default"].string,
+  headerLevel: PropTypes__default["default"].string,
+  separator: PropTypes__default["default"].string,
+  borderColor: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object,
+  story: PropTypes__default["default"].object
 };
 var PortraitStoryCard = StateProvider(PortraitStoryCardBase);
 
@@ -4495,7 +1993,7 @@ var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
       isLoadMoreVisible = _ref2.isLoadMoreVisible,
       isLoading = _ref2.isLoading,
       isolatedLoadMore = _ref2.isolatedLoadMore;
-  var storyItems = collectionToStories(collection);
+  var storyItems = components.collectionToStories(collection);
   if (!storyItems.length) return null;
   var _config$collectionNam = config.collectionNameBorderColor,
       collectionNameBorderColor = _config$collectionNam === void 0 ? "" : _config$collectionNam,
@@ -4519,16 +2017,16 @@ var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
   var footerSlot = footerSlotConfig.footerSlot;
   var footerSlotComp = typeof footerSlot === "function" ? footerSlot() : null;
   var textColor = getTextColor(theme);
-  var dispatch = useDispatch();
-  var qtConfig = useSelector(function (state) {
-    return get_1(state, ["qt", "config"], {});
+  var dispatch = reactRedux.useDispatch();
+  var qtConfig = reactRedux.useSelector(function (state) {
+    return lodash.get(state, ["qt", "config"], {});
   });
 
   var getLoadMore = function getLoadMore(opts) {
     if (!isLoadMoreVisible) return null;
 
     if (isolatedLoadMore) {
-      return /*#__PURE__*/React.createElement(LoadMoreTarget, {
+      return /*#__PURE__*/React__default["default"].createElement(LoadMoreTarget, {
         collection: collection,
         componentName: "FourColPortraitStories",
         offset: storyItems.length,
@@ -4537,7 +2035,7 @@ var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
     }
 
     var url = generateNavigateSlug(collection, qtConfig);
-    return /*#__PURE__*/React.createElement(ProgressiveHydration, null, /*#__PURE__*/React.createElement(LoadmoreButton, {
+    return /*#__PURE__*/React__default["default"].createElement(ProgressiveHydration, null, /*#__PURE__*/React__default["default"].createElement(LoadmoreButton, {
       config: config,
       collection: collection,
       template: footerButton,
@@ -4551,25 +2049,25 @@ var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
     }));
   };
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "full-width-with-padding arrow-component",
     "data-test-id": "four-col-portrait-stories",
     style: {
       backgroundColor: theme,
       color: textColor
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "four-col-portrait-stories-m_four-col-portrait__AtWub"
-  }, /*#__PURE__*/React.createElement(CollectionName, {
+  }, /*#__PURE__*/React__default["default"].createElement(CollectionName, {
     collection: collection,
     collectionNameTemplate: collectionNameTemplate,
     collectionNameBorderColor: collectionNameBorderColor,
     customCollectionName: customCollectionName,
     navigate: navigate
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "four-col-portrait-stories-m_wrapper__1BX02"
   }, storyItems.map(function (story, index) {
-    return /*#__PURE__*/React.createElement(PortraitStoryCard, {
+    return /*#__PURE__*/React__default["default"].createElement(PortraitStoryCard, {
       story: story,
       border: border,
       theme: theme,
@@ -4590,22 +2088,22 @@ var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
 };
 FourColPortraitStoriesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
-  collection: PropTypes.object.isRequired,
+  collection: PropTypes__default["default"].object.isRequired,
 
   /** The config for the Row */
-  config: PropTypes.shape({
-    borderColor: PropTypes.string,
-    theme: PropTypes.string,
-    border: PropTypes.bool,
-    collectionNameTemplate: PropTypes.string,
-    footerButton: PropTypes.string,
-    collectionNameBorderColor: PropTypes.string,
-    subsequentLoadCount: PropTypes.number
+  config: PropTypes__default["default"].shape({
+    borderColor: PropTypes__default["default"].string,
+    theme: PropTypes__default["default"].string,
+    border: PropTypes__default["default"].bool,
+    collectionNameTemplate: PropTypes__default["default"].string,
+    footerButton: PropTypes__default["default"].string,
+    collectionNameBorderColor: PropTypes__default["default"].string,
+    subsequentLoadCount: PropTypes__default["default"].number
   }),
-  getMoreStories: PropTypes.func,
-  isLoadMoreVisible: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isolatedLoadMore: PropTypes.bool
+  getMoreStories: PropTypes__default["default"].func,
+  isLoadMoreVisible: PropTypes__default["default"].bool,
+  isLoading: PropTypes__default["default"].bool,
+  isolatedLoadMore: PropTypes__default["default"].bool
 };
 FourColPortraitStoriesBase.defaultProps = {
   getMoreStories: function getMoreStories() {},
@@ -4614,4 +2112,5 @@ FourColPortraitStoriesBase.defaultProps = {
 };
 var FourColPortraitStories = StateProvider(FourColPortraitStoriesBase);
 
-export { FourColPortraitStories, FourColPortraitStoriesBase };
+exports.FourColPortraitStories = FourColPortraitStories;
+exports.FourColPortraitStoriesBase = FourColPortraitStoriesBase;