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

package/story-templates/VideoStoryTemplate/index.js

@@ -2,12 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _extends = require('@babel/runtime/helpers/extends');
+var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
 var components = require('@quintype/components');
 var PropTypes = require('prop-types');
 var React = require('react');
 var reactRedux = require('react-redux');
+var lodash = require('lodash');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _typeof = require('@babel/runtime/helpers/typeof');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var Timeago = require('react-timeago');
 var dateFnsTz = require('date-fns-tz');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,2767 +38,192 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
+var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var Timeago__default = /*#__PURE__*/_interopDefaultLegacy(Timeago);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-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;
-}
-
-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 _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);
-
-/**
- * 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;
-
-/** 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++])];
-  }
-  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;
-}
-
-var get_1 = get;
-
-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 Twitter = function Twitter(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#1CB7EB" : _ref$color;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    fill: color,
-    d: "M19.137 8.594c.023.094.035.246.035.457 0 1.687-.41 3.316-1.23 4.887-.844 1.664-2.028 2.988-3.551 3.972-1.664 1.102-3.575 1.652-5.73 1.652-2.063 0-3.95-.55-5.661-1.652.258.024.55.035.879.035 1.71 0 3.246-.527 4.605-1.582-.82 0-1.54-.24-2.162-.72a3.673 3.673 0 01-1.283-1.811c.234.023.457.035.668.035.328 0 .656-.035.984-.105a3.724 3.724 0 01-2.109-1.301 3.542 3.542 0 01-.844-2.32v-.07a3.493 3.493 0 001.653.492 4.097 4.097 0 01-1.196-1.336 3.557 3.557 0 01-.457-1.776c0-.644.176-1.26.528-1.845a10.188 10.188 0 003.357 2.742 10.222 10.222 0 004.236 1.125 5.122 5.122 0 01-.07-.844c0-.656.164-1.272.492-1.846a3.615 3.615 0 011.336-1.353 3.568 3.568 0 011.828-.492c.54 0 1.037.105 1.494.316.457.21.862.492 1.213.844a7.479 7.479 0 002.356-.88c-.281.868-.82 1.548-1.617 2.04A7.926 7.926 0 0021 6.66a8.132 8.132 0 01-1.863 1.934z"
-  }));
-};
-Twitter.propTypes = {
-  color: PropTypes__default["default"].string
-};
-
-var Facebook = function Facebook(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#3B5998" : _ref$color;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    fill: color,
-    d: "M9.906 20v-7.156H7.5V10h2.406V7.75c0-1.187.334-2.11 1-2.766.667-.656 1.552-.984 2.656-.984.896 0 1.625.042 2.188.125v2.531h-1.5c-.563 0-.948.125-1.156.375-.167.209-.25.542-.25 1V10H15.5l-.375 2.844h-2.281V20H9.906z"
-  }));
-};
-Facebook.propTypes = {
-  color: PropTypes__default["default"].string
-};
-
-var LinkedIn = function LinkedIn(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#0077B5" : _ref$color;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    fill: color,
-    d: "M6.71 19H3.26V7.904h3.45V19zM5.005 6.383a1.926 1.926 0 01-1.41-.594A1.923 1.923 0 013 4.38c0-.544.198-1.014.594-1.41a1.926 1.926 0 011.41-.594c.544 0 1.014.198 1.41.594.396.396.594.866.594 1.41 0 .544-.198 1.014-.594 1.41a1.926 1.926 0 01-1.41.594zM19.625 19h-3.451v-5.418c0-.89-.074-1.534-.223-1.93-.272-.668-.804-1.002-1.596-1.002-.791 0-1.348.297-1.67.891-.247.445-.37 1.1-.37 1.967V19H8.9V7.904h3.303v1.522h.037c.248-.495.643-.903 1.188-1.225.593-.396 1.286-.594 2.078-.594 1.608 0 2.734.508 3.377 1.522.495.816.742 2.078.742 3.785V19z"
-  }));
-};
-LinkedIn.propTypes = {
-  color: PropTypes__default["default"].string
-};
-
-var WhatsApp = function WhatsApp(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#4AC959" : _ref$color;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    fill: color,
-    fillRule: "evenodd",
-    d: "M18.404 5.505a9.457 9.457 0 012.02 2.96 8.587 8.587 0 01.715 3.449 8.665 8.665 0 01-1.245 4.53 9.282 9.282 0 01-3.347 3.307 8.894 8.894 0 01-4.552 1.225 8.835 8.835 0 01-4.327-1.102l-4.817 1.265 1.307-4.694a8.775 8.775 0 01-1.225-4.531 8.77 8.77 0 011.225-4.531 9.17 9.17 0 013.306-3.307 8.781 8.781 0 014.531-1.224c1.198 0 2.347.23 3.45.693a9.515 9.515 0 012.959 1.96zm-6.409 13.96c1.36 0 2.626-.34 3.797-1.02a7.75 7.75 0 002.796-2.756 7.202 7.202 0 001.04-3.775c0-.98-.203-1.933-.612-2.858a8.088 8.088 0 00-1.694-2.47 7.565 7.565 0 00-2.449-1.653 7.405 7.405 0 00-2.878-.571c-1.36 0-2.62.34-3.776 1.02a7.646 7.646 0 00-2.755 2.756 7.316 7.316 0 00-1.02 3.776c0 1.442.394 2.775 1.183 4l.164.286-.776 2.775 2.857-.734.286.163a7.275 7.275 0 003.837 1.061zm4.123-5.674l.123.082c.19.082.299.15.326.204.027.054.034.19.02.408a2.11 2.11 0 01-.163.674c-.095.231-.313.462-.653.694-.34.231-.633.36-.878.388-.38.054-.748.054-1.102 0-.408-.082-.952-.273-1.632-.572-1.388-.599-2.654-1.714-3.797-3.347l-.081-.082c-.6-.843-.898-1.62-.898-2.327 0-.707.244-1.32.734-1.837l.041-.04c.19-.19.395-.286.612-.286h.49c.11 0 .198.02.266.061.068.041.129.143.183.306l.694 1.674c.082.163.095.3.041.408a2.832 2.832 0 01-.53.735.917.917 0 00-.205.265c-.027.068 0 .143.082.225.38.707.83 1.265 1.347 1.673.381.3.952.64 1.714 1.02.218.11.381.096.49-.04.354-.408.599-.707.735-.898.054-.109.123-.163.204-.163.082 0 .177.013.286.04.218.082.735.327 1.551.735z"
-  }));
-};
-WhatsApp.propTypes = {
-  color: PropTypes__default["default"].string
-};
-
-var getSocialIcons = function getSocialIcons(color, iconType) {
-  switch (iconType) {
-    case "plain-color-svg":
-      return {
-        facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
-          key: iconType
-        }),
-        twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
-          key: iconType
-        }),
-        linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
-          key: iconType
-        }),
-        whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
-          key: iconType
-        })
-      };
-
-    default:
-      return {
-        facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
-          color: color,
-          key: iconType
-        }),
-        twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
-          color: color,
-          key: iconType
-        }),
-        linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
-          color: color,
-          key: iconType
-        }),
-        whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
-          color: color,
-          key: iconType
-        })
-      };
-  }
-};
-
-var socialShareData = function socialShareData(_ref) {
-  var fbUrl = _ref.fbUrl,
-      twitterUrl = _ref.twitterUrl,
-      linkedinUrl = _ref.linkedinUrl,
-      whatsappUrl = _ref.whatsappUrl,
-      iconColor = _ref.iconColor,
-      _ref$iconType = _ref.iconType,
-      iconType = _ref$iconType === void 0 ? "plain-svg" : _ref$iconType;
-  var socialIcons = getSocialIcons(iconColor, iconType);
-
-  var getOptions = function getOptions() {
-    return [{
-      name: "facebook",
-      url: fbUrl,
-      icon: socialIcons["facebook"],
-      text: "Facebook",
-      bgColor: "#4e71a8",
-      alt: "fb icon"
-    }, {
-      name: "twitter",
-      url: twitterUrl,
-      icon: socialIcons["twitter"],
-      text: "Twitter",
-      bgColor: "#1db7eb",
-      alt: "twitter icon"
-    }, {
-      name: "linkedin",
-      url: linkedinUrl,
-      icon: socialIcons["linkedin"],
-      text: "LinkedIn",
-      bgColor: "#0077B5",
-      alt: "linkedin icon"
-    }, {
-      name: "whatsapp",
-      url: whatsappUrl,
-      icon: socialIcons["whatsapp"],
-      text: "Whatsapp",
-      bgColor: "#25d366",
-      alt: "whatsapp share"
-    }];
-  };
-
-  return getOptions();
-};
-
-var CloseIcon = function CloseIcon(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#333" : _ref$color;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React__default["default"].createElement("g", {
-    fill: "none",
-    stroke: color,
-    strokeLinecap: "square",
-    strokeWidth: "2"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M16.95 6.914l-9.9 9.9M16.95 17.107l-9.9-9.9"
-  })));
-};
-CloseIcon.propTypes = {
-  color: PropTypes__default["default"].string
-};
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-        args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-
-      _next(undefined);
-    });
-  };
-}
-
-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.
- */
-
-var runtime_1 = 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;
-    },
+var Twitter = function Twitter(_ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? "#1CB7EB" : _ref$color;
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24"
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
+    fill: color,
+    d: "M19.137 8.594c.023.094.035.246.035.457 0 1.687-.41 3.316-1.23 4.887-.844 1.664-2.028 2.988-3.551 3.972-1.664 1.102-3.575 1.652-5.73 1.652-2.063 0-3.95-.55-5.661-1.652.258.024.55.035.879.035 1.71 0 3.246-.527 4.605-1.582-.82 0-1.54-.24-2.162-.72a3.673 3.673 0 01-1.283-1.811c.234.023.457.035.668.035.328 0 .656-.035.984-.105a3.724 3.724 0 01-2.109-1.301 3.542 3.542 0 01-.844-2.32v-.07a3.493 3.493 0 001.653.492 4.097 4.097 0 01-1.196-1.336 3.557 3.557 0 01-.457-1.776c0-.644.176-1.26.528-1.845a10.188 10.188 0 003.357 2.742 10.222 10.222 0 004.236 1.125 5.122 5.122 0 01-.07-.844c0-.656.164-1.272.492-1.846a3.615 3.615 0 011.336-1.353 3.568 3.568 0 011.828-.492c.54 0 1.037.105 1.494.316.457.21.862.492 1.213.844a7.479 7.479 0 002.356-.88c-.281.868-.82 1.548-1.617 2.04A7.926 7.926 0 0021 6.66a8.132 8.132 0 01-1.863 1.934z"
+  }));
+};
+Twitter.propTypes = {
+  color: PropTypes__default["default"].string
+};
 
-    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;
-        }
-      }
-    },
+var Facebook = function Facebook(_ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? "#3B5998" : _ref$color;
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24"
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
+    fill: color,
+    d: "M9.906 20v-7.156H7.5V10h2.406V7.75c0-1.187.334-2.11 1-2.766.667-.656 1.552-.984 2.656-.984.896 0 1.625.042 2.188.125v2.531h-1.5c-.563 0-.948.125-1.156.375-.167.209-.25.542-.25 1V10H15.5l-.375 2.844h-2.281V20H9.906z"
+  }));
+};
+Facebook.propTypes = {
+  color: PropTypes__default["default"].string
+};
 
-    "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;
-        }
-      }
+var LinkedIn = function LinkedIn(_ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? "#0077B5" : _ref$color;
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24"
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
+    fill: color,
+    d: "M6.71 19H3.26V7.904h3.45V19zM5.005 6.383a1.926 1.926 0 01-1.41-.594A1.923 1.923 0 013 4.38c0-.544.198-1.014.594-1.41a1.926 1.926 0 011.41-.594c.544 0 1.014.198 1.41.594.396.396.594.866.594 1.41 0 .544-.198 1.014-.594 1.41a1.926 1.926 0 01-1.41.594zM19.625 19h-3.451v-5.418c0-.89-.074-1.534-.223-1.93-.272-.668-.804-1.002-1.596-1.002-.791 0-1.348.297-1.67.891-.247.445-.37 1.1-.37 1.967V19H8.9V7.904h3.303v1.522h.037c.248-.495.643-.903 1.188-1.225.593-.396 1.286-.594 2.078-.594 1.608 0 2.734.508 3.377 1.522.495.816.742 2.078.742 3.785V19z"
+  }));
+};
+LinkedIn.propTypes = {
+  color: PropTypes__default["default"].string
+};
 
-      // 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");
-    },
+var WhatsApp = function WhatsApp(_ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? "#4AC959" : _ref$color;
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24"
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
+    fill: color,
+    fillRule: "evenodd",
+    d: "M18.404 5.505a9.457 9.457 0 012.02 2.96 8.587 8.587 0 01.715 3.449 8.665 8.665 0 01-1.245 4.53 9.282 9.282 0 01-3.347 3.307 8.894 8.894 0 01-4.552 1.225 8.835 8.835 0 01-4.327-1.102l-4.817 1.265 1.307-4.694a8.775 8.775 0 01-1.225-4.531 8.77 8.77 0 011.225-4.531 9.17 9.17 0 013.306-3.307 8.781 8.781 0 014.531-1.224c1.198 0 2.347.23 3.45.693a9.515 9.515 0 012.959 1.96zm-6.409 13.96c1.36 0 2.626-.34 3.797-1.02a7.75 7.75 0 002.796-2.756 7.202 7.202 0 001.04-3.775c0-.98-.203-1.933-.612-2.858a8.088 8.088 0 00-1.694-2.47 7.565 7.565 0 00-2.449-1.653 7.405 7.405 0 00-2.878-.571c-1.36 0-2.62.34-3.776 1.02a7.646 7.646 0 00-2.755 2.756 7.316 7.316 0 00-1.02 3.776c0 1.442.394 2.775 1.183 4l.164.286-.776 2.775 2.857-.734.286.163a7.275 7.275 0 003.837 1.061zm4.123-5.674l.123.082c.19.082.299.15.326.204.027.054.034.19.02.408a2.11 2.11 0 01-.163.674c-.095.231-.313.462-.653.694-.34.231-.633.36-.878.388-.38.054-.748.054-1.102 0-.408-.082-.952-.273-1.632-.572-1.388-.599-2.654-1.714-3.797-3.347l-.081-.082c-.6-.843-.898-1.62-.898-2.327 0-.707.244-1.32.734-1.837l.041-.04c.19-.19.395-.286.612-.286h.49c.11 0 .198.02.266.061.068.041.129.143.183.306l.694 1.674c.082.163.095.3.041.408a2.832 2.832 0 01-.53.735.917.917 0 00-.205.265c-.027.068 0 .143.082.225.38.707.83 1.265 1.347 1.673.381.3.952.64 1.714 1.02.218.11.381.096.49-.04.354-.408.599-.707.735-.898.054-.109.123-.163.204-.163.082 0 .177.013.286.04.218.082.735.327 1.551.735z"
+  }));
+};
+WhatsApp.propTypes = {
+  color: PropTypes__default["default"].string
+};
 
-    delegateYield: function(iterable, resultName, nextLoc) {
-      this.delegate = {
-        iterator: values(iterable),
-        resultName: resultName,
-        nextLoc: nextLoc
+var getSocialIcons = function getSocialIcons(color, iconType) {
+  switch (iconType) {
+    case "plain-color-svg":
+      return {
+        facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
+          key: iconType
+        }),
+        twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
+          key: iconType
+        }),
+        linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
+          key: iconType
+        }),
+        whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
+          key: iconType
+        })
       };
 
-      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);
-  }
-}
-});
-
-var regenerator = runtime_1;
-
-/**
- * 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'
-};
-
-/**
- * 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$3 = '\\u0300-\\u036f',
-    reComboHalfMarksRange$3 = '\\ufe20-\\ufe2f',
-    rsComboSymbolsRange$3 = '\\u20d0-\\u20ff',
-    rsComboRange$3 = rsComboMarksRange$3 + reComboHalfMarksRange$3 + rsComboSymbolsRange$3;
-
-/** Used to compose unicode capture groups. */
-var rsCombo$2 = '[' + rsComboRange$3 + ']';
-
-/**
- * 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$2, '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$2 = '\\ud800-\\udfff',
-    rsComboMarksRange$2 = '\\u0300-\\u036f',
-    reComboHalfMarksRange$2 = '\\ufe20-\\ufe2f',
-    rsComboSymbolsRange$2 = '\\u20d0-\\u20ff',
-    rsComboRange$2 = rsComboMarksRange$2 + reComboHalfMarksRange$2 + rsComboSymbolsRange$2,
-    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$2 = '\\ufe0e\\ufe0f',
-    rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
-
-/** Used to compose unicode capture groups. */
-var rsApos$1 = "['\u2019]",
-    rsBreak = '[' + rsBreakRange + ']',
-    rsCombo$1 = '[' + rsComboRange$2 + ']',
-    rsDigits = '\\d+',
-    rsDingbat = '[' + rsDingbatRange + ']',
-    rsLower = '[' + rsLowerRange + ']',
-    rsMisc = '[^' + rsAstralRange$2 + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',
-    rsFitz$1 = '\\ud83c[\\udffb-\\udfff]',
-    rsModifier$1 = '(?:' + rsCombo$1 + '|' + rsFitz$1 + ')',
-    rsNonAstral$1 = '[^' + rsAstralRange$2 + ']',
-    rsRegional$1 = '(?:\\ud83c[\\udde6-\\uddff]){2}',
-    rsSurrPair$1 = '[\\ud800-\\udbff][\\udc00-\\udfff]',
-    rsUpper = '[' + rsUpperRange + ']',
-    rsZWJ$2 = '\\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$1 = rsModifier$1 + '?',
-    rsOptVar$1 = '[' + rsVarRange$2 + ']?',
-    rsOptJoin$1 = '(?:' + rsZWJ$2 + '(?:' + [rsNonAstral$1, rsRegional$1, rsSurrPair$1].join('|') + ')' + rsOptVar$1 + reOptMod$1 + ')*',
-    rsOrdLower = '\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])',
-    rsOrdUpper = '\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])',
-    rsSeq$1 = rsOptVar$1 + reOptMod$1 + rsOptJoin$1,
-    rsEmoji = '(?:' + [rsDingbat, rsRegional$1, rsSurrPair$1].join('|') + ')' + rsSeq$1;
-
-/** 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);
+    default:
+      return {
+        facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
+          color: color,
+          key: iconType
+        }),
+        twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
+          color: color,
+          key: iconType
+        }),
+        linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
+          color: color,
+          key: iconType
+        }),
+        whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
+          color: color,
+          key: iconType
+        })
+      };
   }
-  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');
+var socialShareData = function socialShareData(_ref) {
+  var fbUrl = _ref.fbUrl,
+      twitterUrl = _ref.twitterUrl,
+      linkedinUrl = _ref.linkedinUrl,
+      whatsappUrl = _ref.whatsappUrl,
+      iconColor = _ref.iconColor,
+      _ref$iconType = _ref.iconType,
+      iconType = _ref$iconType === void 0 ? "plain-svg" : _ref$iconType;
+  var socialIcons = getSocialIcons(iconColor, iconType);
 
-/**
- * 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 getOptions = function getOptions() {
+    return [{
+      name: "facebook",
+      url: fbUrl,
+      icon: socialIcons["facebook"],
+      text: "Facebook",
+      bgColor: "#4e71a8",
+      alt: "fb icon"
+    }, {
+      name: "twitter",
+      url: twitterUrl,
+      icon: socialIcons["twitter"],
+      text: "Twitter",
+      bgColor: "#1db7eb",
+      alt: "twitter icon"
+    }, {
+      name: "linkedin",
+      url: linkedinUrl,
+      icon: socialIcons["linkedin"],
+      text: "LinkedIn",
+      bgColor: "#0077B5",
+      alt: "linkedin icon"
+    }, {
+      name: "whatsapp",
+      url: whatsappUrl,
+      icon: socialIcons["whatsapp"],
+      text: "Whatsapp",
+      bgColor: "#25d366",
+      alt: "whatsapp share"
+    }];
   };
-}
-
-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();
-});
+  return getOptions();
+};
 
-var lowerCase_1 = lowerCase;
+var CloseIcon = function CloseIcon(_ref) {
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? "#333" : _ref$color;
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24"
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
+    fill: "none",
+    stroke: color,
+    strokeLinecap: "square",
+    strokeWidth: "2"
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M16.95 6.914l-9.9 9.9M16.95 17.107l-9.9-9.9"
+  })));
+};
+CloseIcon.propTypes = {
+  color: PropTypes__default["default"].string
+};
 
 function truncate() {
   var string = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
@@ -2817,7 +251,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();
@@ -2830,7 +264,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) {
@@ -2860,17 +294,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, " ");
 }
 
@@ -2923,10 +357,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;
@@ -2956,7 +390,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;
@@ -2972,7 +406,7 @@ 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 updateContentLinks = function updateContentLinks(content) {
@@ -2989,7 +423,7 @@ var updateContentLinks = function updateContentLinks(content) {
 };
 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;
 };
 var shapeConfig = PropTypes__default["default"].shape({
   "sketches-host": PropTypes__default["default"].string,
@@ -3003,7 +437,7 @@ var shapeStory = PropTypes__default["default"].shape({
 });
 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 facebookMobileVideoResizeFix = function facebookMobileVideoResizeFix() {
   if (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(max-width: 767px)").matches) {
@@ -3048,11 +482,11 @@ var generateNavigateSlug = function generateNavigateSlug() {
   return "/";
 };
 var getCollectionData = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(collectionSlug) {
+  var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(collectionSlug) {
     var mountAtPrefix,
         result,
         _args = arguments;
-    return regenerator.wrap(function _callee$(_context) {
+    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
@@ -3169,7 +603,7 @@ var SocialSharePopup = function SocialSharePopup(_ref) {
   };
   var popupItemsList = socialShareData(options);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: _getClassName("share-popup-wrapper ".concat(textColor), _styleModuleImportMap$A)
+    className: _getClassName__default["default"]("share-popup-wrapper ".concat(textColor), _styleModuleImportMap$A)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "social-share-popup-m_share-popup__QRt3l social-share-popup-m_share-popup-wrapper__GEJqD"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3222,249 +656,6 @@ ShareIcon.propTypes = {
   color: PropTypes__default["default"].string
 };
 
-/**
- * The base implementation of `_.slice` without an iteratee call guard.
- *
- * @private
- * @param {Array} array The array to slice.
- * @param {number} [start=0] The start position.
- * @param {number} [end=array.length] The end position.
- * @returns {Array} Returns the slice of `array`.
- */
-function baseSlice(array, start, end) {
-  var index = -1,
-      length = array.length;
-
-  if (start < 0) {
-    start = -start > length ? 0 : (length + start);
-  }
-  end = end > length ? length : end;
-  if (end < 0) {
-    end += length;
-  }
-  length = start > end ? 0 : ((end - start) >>> 0);
-  start >>>= 0;
-
-  var result = Array(length);
-  while (++index < length) {
-    result[index] = array[index + start];
-  }
-  return result;
-}
-
-var _baseSlice = baseSlice;
-
-/**
- * Casts `array` to a slice if it's needed.
- *
- * @private
- * @param {Array} array The array to inspect.
- * @param {number} start The start position.
- * @param {number} [end=array.length] The end position.
- * @returns {Array} Returns the cast slice.
- */
-function castSlice(array, start, end) {
-  var length = array.length;
-  end = end === undefined ? length : end;
-  return (!start && end >= length) ? array : _baseSlice(array, start, end);
-}
-
-var _castSlice = castSlice;
-
-/** Used to compose unicode character classes. */
-var rsAstralRange$1 = '\\ud800-\\udfff',
-    rsComboMarksRange$1 = '\\u0300-\\u036f',
-    reComboHalfMarksRange$1 = '\\ufe20-\\ufe2f',
-    rsComboSymbolsRange$1 = '\\u20d0-\\u20ff',
-    rsComboRange$1 = rsComboMarksRange$1 + reComboHalfMarksRange$1 + rsComboSymbolsRange$1,
-    rsVarRange$1 = '\\ufe0e\\ufe0f';
-
-/** Used to compose unicode capture groups. */
-var rsZWJ$1 = '\\u200d';
-
-/** Used to detect strings with [zero-width joiners or code points from the astral planes](http://eev.ee/blog/2015/09/12/dark-corners-of-unicode/). */
-var reHasUnicode = RegExp('[' + rsZWJ$1 + rsAstralRange$1  + rsComboRange$1 + rsVarRange$1 + ']');
-
-/**
- * Checks if `string` contains Unicode symbols.
- *
- * @private
- * @param {string} string The string to inspect.
- * @returns {boolean} Returns `true` if a symbol is found, else `false`.
- */
-function hasUnicode(string) {
-  return reHasUnicode.test(string);
-}
-
-var _hasUnicode = hasUnicode;
-
-/**
- * Converts an ASCII `string` to an array.
- *
- * @private
- * @param {string} string The string to convert.
- * @returns {Array} Returns the converted array.
- */
-function asciiToArray(string) {
-  return string.split('');
-}
-
-var _asciiToArray = asciiToArray;
-
-/** Used to compose unicode character classes. */
-var rsAstralRange = '\\ud800-\\udfff',
-    rsComboMarksRange = '\\u0300-\\u036f',
-    reComboHalfMarksRange = '\\ufe20-\\ufe2f',
-    rsComboSymbolsRange = '\\u20d0-\\u20ff',
-    rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange,
-    rsVarRange = '\\ufe0e\\ufe0f';
-
-/** Used to compose unicode capture groups. */
-var rsAstral = '[' + rsAstralRange + ']',
-    rsCombo = '[' + rsComboRange + ']',
-    rsFitz = '\\ud83c[\\udffb-\\udfff]',
-    rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',
-    rsNonAstral = '[^' + rsAstralRange + ']',
-    rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}',
-    rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]',
-    rsZWJ = '\\u200d';
-
-/** Used to compose unicode regexes. */
-var reOptMod = rsModifier + '?',
-    rsOptVar = '[' + rsVarRange + ']?',
-    rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',
-    rsSeq = rsOptVar + reOptMod + rsOptJoin,
-    rsSymbol = '(?:' + [rsNonAstral + rsCombo + '?', rsCombo, rsRegional, rsSurrPair, rsAstral].join('|') + ')';
-
-/** Used to match [string symbols](https://mathiasbynens.be/notes/javascript-unicode). */
-var reUnicode = RegExp(rsFitz + '(?=' + rsFitz + ')|' + rsSymbol + rsSeq, 'g');
-
-/**
- * Converts a Unicode `string` to an array.
- *
- * @private
- * @param {string} string The string to convert.
- * @returns {Array} Returns the converted array.
- */
-function unicodeToArray(string) {
-  return string.match(reUnicode) || [];
-}
-
-var _unicodeToArray = unicodeToArray;
-
-/**
- * Converts `string` to an array.
- *
- * @private
- * @param {string} string The string to convert.
- * @returns {Array} Returns the converted array.
- */
-function stringToArray(string) {
-  return _hasUnicode(string)
-    ? _unicodeToArray(string)
-    : _asciiToArray(string);
-}
-
-var _stringToArray = stringToArray;
-
-/**
- * Creates a function like `_.lowerFirst`.
- *
- * @private
- * @param {string} methodName The name of the `String` case method to use.
- * @returns {Function} Returns the new case function.
- */
-function createCaseFirst(methodName) {
-  return function(string) {
-    string = toString_1(string);
-
-    var strSymbols = _hasUnicode(string)
-      ? _stringToArray(string)
-      : undefined;
-
-    var chr = strSymbols
-      ? strSymbols[0]
-      : string.charAt(0);
-
-    var trailing = strSymbols
-      ? _castSlice(strSymbols, 1).join('')
-      : string.slice(1);
-
-    return chr[methodName]() + trailing;
-  };
-}
-
-var _createCaseFirst = createCaseFirst;
-
-/**
- * Converts the first character of `string` to upper case.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category String
- * @param {string} [string=''] The string to convert.
- * @returns {string} Returns the converted string.
- * @example
- *
- * _.upperFirst('fred');
- * // => 'Fred'
- *
- * _.upperFirst('FRED');
- * // => 'FRED'
- */
-var upperFirst = _createCaseFirst('toUpperCase');
-
-var upperFirst_1 = upperFirst;
-
-/**
- * Converts the first character of `string` to upper case and the remaining
- * to lower case.
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category String
- * @param {string} [string=''] The string to capitalize.
- * @returns {string} Returns the capitalized string.
- * @example
- *
- * _.capitalize('FRED');
- * // => 'Fred'
- */
-function capitalize(string) {
-  return upperFirst_1(toString_1(string).toLowerCase());
-}
-
-var capitalize_1 = capitalize;
-
-/**
- * Converts `string` to [camel case](https://en.wikipedia.org/wiki/CamelCase).
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category String
- * @param {string} [string=''] The string to convert.
- * @returns {string} Returns the camel cased string.
- * @example
- *
- * _.camelCase('Foo Bar');
- * // => 'fooBar'
- *
- * _.camelCase('--foo-bar--');
- * // => 'fooBar'
- *
- * _.camelCase('__FOO_BAR__');
- * // => 'fooBar'
- */
-var camelCase = _createCompounder(function(result, word, index) {
-  word = word.toLowerCase();
-  return result + (index ? capitalize_1(word) : word);
-});
-
-var camelCase_1 = camelCase;
-
 var _styleModuleImportMap$z = {
   "./social-share-template.m.css": {
     "desktop-view": "social-share-template-m_desktop-view__3TmkO",
@@ -3546,7 +737,7 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
   var iconsList = socialShareData(options);
 
   var _useState = React.useState(open),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       isOpen = _useState2[0],
       setIsOpen = _useState2[1];
 
@@ -3572,12 +763,12 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "social-share-template-m_tablet-view__kATzi"
     }, !isOpen && /*#__PURE__*/React__default["default"].createElement("ul", {
-      className: _getClassName("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap$z)
+      className: _getClassName__default["default"]("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap$z)
     }, shareIcon()), isOpen && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "social-share-template-m_overlay__1nBp-",
       onClick: clickHandler
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "arr--popup " + _getClassName("popup-wrapper ".concat(isOpen ? "popup-open" : ""), _styleModuleImportMap$z)
+      className: "arr--popup " + _getClassName__default["default"]("popup-wrapper ".concat(isOpen ? "popup-open" : ""), _styleModuleImportMap$z)
     }, /*#__PURE__*/React__default["default"].createElement(SocialSharePopup, {
       fbUrl: fbUrl,
       twitterUrl: twitterUrl,
@@ -3594,14 +785,14 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
   var popupStyle = !isOpen && vertical ? "tablet-view-popup" : "";
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": verticalShare,
-    className: "arr--share " + _getClassName("".concat(iconShade, " ").concat(verticalShare, " ").concat(popupStyle), _styleModuleImportMap$z)
+    className: "arr--share " + _getClassName__default["default"]("".concat(iconShade, " ").concat(verticalShare, " ").concat(popupStyle), _styleModuleImportMap$z)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "social-share-template-m_desktop-view__3TmkO"
   }, /*#__PURE__*/React__default["default"].createElement("ul", {
-    "data-test-id": camelCase_1(iconType),
-    className: "desktop-share-wrapper " + _getClassName("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap$z)
+    "data-test-id": lodash.camelCase(iconType),
+    className: "desktop-share-wrapper " + _getClassName__default["default"]("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap$z)
   }, shareIcon(), iconsList.map(function (iconData, index) {
-    return /*#__PURE__*/React__default["default"].createElement(ShareItem, _extends({}, iconData, {
+    return /*#__PURE__*/React__default["default"].createElement(ShareItem, _extends__default["default"]({}, iconData, {
       key: iconData.name,
       dataTestId: "card-share-".concat(index)
     }));
@@ -3655,9 +846,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;
@@ -3679,7 +870,7 @@ var SectionTag = function SectionTag(_ref) {
     style: {
       backgroundColor: templateStyle.includes("section-solid") ? sectionTagBorderColor : ""
     },
-    className: "section-tag arrow-component " + _getClassName("".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap$y)
+    className: "section-tag arrow-component " + _getClassName__default["default"]("".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap$y)
   }, templateStyle.includes("section-borderLeft") && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "section-m_border-left__2oUyp",
     style: {
@@ -3926,11 +1117,11 @@ var StoryHeadline = function StoryHeadline(_ref) {
       iconStyle = _premiumStoryIconConf2 === void 0 ? "star" : _premiumStoryIconConf2,
       _premiumStoryIconConf3 = premiumStoryIconConfig.enablePremiumStoryIcon,
       enablePremiumStoryIcon = _premiumStoryIconConf3 === void 0 ? false : _premiumStoryIconConf3;
-  var premiumStory = enablePremiumStoryIcon && get_1(story, ["access"]) === "subscription";
+  var premiumStory = enablePremiumStoryIcon && lodash.get(story, ["access"]) === "subscription";
   var wrapperClass = premiumStory ? "premium-wrapper" : "wrapper";
   var iconSize = "40px";
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arrow-component arr--story-headline " + _getClassName(wrapperClass, _styleModuleImportMap$x)
+    className: "arrow-component arr--story-headline " + _getClassName__default["default"](wrapperClass, _styleModuleImportMap$x)
   }, premiumStory && /*#__PURE__*/React__default["default"].createElement(PremiumStoryIcon, {
     width: iconSize,
     height: iconSize,
@@ -3939,7 +1130,7 @@ var StoryHeadline = function StoryHeadline(_ref) {
     positionTop: "6px"
   }), /*#__PURE__*/React__default["default"].createElement("h1", {
     "data-testid": "story-headline",
-    className: _getClassName("headline ".concat(textColor), _styleModuleImportMap$x)
+    className: _getClassName__default["default"]("headline ".concat(textColor), _styleModuleImportMap$x)
   }, /*#__PURE__*/React__default["default"].createElement("bdi", {
     dangerouslySetInnerHTML: {
       __html: story.headline
@@ -3972,7 +1163,7 @@ 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__default["default"].createElement("div", {
@@ -3980,7 +1171,7 @@ var Subheadline = function Subheadline(_ref) {
       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$w)
+    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$w)
   }, showFullContent || typeof lineClamp === "number" ? story.subheadline : truncate(story.subheadline, truncateChars, true));
 };
 Subheadline.propTypes = {
@@ -4000,50 +1191,16 @@ Subheadline.defaultProps = {
   showFullContent: false
 };
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
 var _excluded$e = ["element", "render"];
 var withElementWrapper = function withElementWrapper(StoryElement) {
   return function (props) {
     var element = props.element,
         render = props.render,
-        restProps = _objectWithoutProperties(props, _excluded$e);
+        restProps = _objectWithoutProperties__default["default"](props, _excluded$e);
 
     if (!element) return null;
     if (render && typeof render === "function") return render(props);
-    return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends({}, restProps, {
+    return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends__default["default"]({}, restProps, {
       element: element
     }));
   };
@@ -4060,9 +1217,9 @@ var Videobase = function Videobase(_ref) {
       _ref.config;
       var _ref$loadIframeOnClic = _ref.loadIframeOnClick,
       loadIframeOnClick = _ref$loadIframeOnClic === void 0 ? false : _ref$loadIframeOnClic,
-      restProps = _objectWithoutProperties(_ref, _excluded$d);
+      restProps = _objectWithoutProperties__default["default"](_ref, _excluded$d);
 
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     className: "video-m_container__MYuWI" + (" " + (restProps ? restProps.className || "" : ""))
   }, restProps, {
     "data-test-id": "video"
@@ -4080,21 +1237,6 @@ Videobase.propTypes = {
 };
 var Video = withElementWrapper(Videobase);
 
-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 _styleModuleImportMap$v = {
   "./timestamp.m.css": {
     "time": "timestamp-m_time__2v46i",
@@ -4110,13 +1252,13 @@ 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__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$v)
+    className: "time arr--publish-time " + _getClassName__default["default"]("time  ".concat(textColor, " ").concat(isBottomClasses), _styleModuleImportMap$v)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "timestamp-m_time-wrapper__3O2lM"
   }, getTimeStamp(time, formatter, config))));
@@ -4151,9 +1293,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,
@@ -4161,7 +1303,7 @@ 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) {
@@ -4170,7 +1312,7 @@ var AuthorBase = function AuthorBase(_ref) {
 
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "data-test-id": "author-image",
-      className: _getClassName("author-image ".concat(dir, "-image"), _styleModuleImportMap$u)
+      className: _getClassName__default["default"]("author-image ".concat(dir, "-image"), _styleModuleImportMap$u)
     }, /*#__PURE__*/React__default["default"].createElement("figure", null, avatarS3Key ? /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
       slug: avatarS3Key,
       "aspect-ratio": [1, 1],
@@ -4187,7 +1329,7 @@ var AuthorBase = function AuthorBase(_ref) {
   var isPrefix = function isPrefix(dir) {
     if (prefix) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "arr-author-prefix " + _getClassName("prefix ".concat(textColor), _styleModuleImportMap$u)
+        className: "arr-author-prefix " + _getClassName__default["default"]("prefix ".concat(textColor), _styleModuleImportMap$u)
       }, prefix);
     }
 
@@ -4197,16 +1339,16 @@ var AuthorBase = function AuthorBase(_ref) {
   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$u)
+    className: "author-name arr-author-name arrow-component " + _getClassName__default["default"]("author ".concat(isBottomClasses), _styleModuleImportMap$u)
   }, isPrefix("ltr"), /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "author-name",
-    className: "author-name " + _getClassName("author-name ".concat(textColor), _styleModuleImportMap$u)
+    className: "author-name " + _getClassName__default["default"]("author-name ".concat(textColor), _styleModuleImportMap$u)
   }, authorName || story["author-name"]), !prefix && isPrefix("rtl")));
 };
 
 function mapStateToProps$1(state) {
   return {
-    config: get_1(state, ["qt", "config"], {})
+    config: lodash.get(state, ["qt", "config"], {})
   };
 }
 
@@ -4243,7 +1385,7 @@ var Dot = function Dot(_ref) {
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "light" : _ref$color;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: _getClassName(color, _styleModuleImportMap$t)
+    className: _getClassName__default["default"](color, _styleModuleImportMap$t)
   }, /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
@@ -4279,7 +1421,7 @@ var Divider = function Divider(_ref) {
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "light" : _ref$color;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: _getClassName(color, _styleModuleImportMap$s)
+    className: _getClassName__default["default"](color, _styleModuleImportMap$s)
   }, /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
@@ -4311,14 +1453,14 @@ 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";
+  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$r)
+    className: "arrow-component arr--read-time " + _getClassName__default["default"]("read-time-wrapper ".concat(textColor), _styleModuleImportMap$r)
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "read-time-indicator read-time-m_dot-indicator__3Sqh2"
   }, /*#__PURE__*/React__default["default"].createElement(Dot, {
@@ -4354,9 +1496,9 @@ 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);
@@ -4376,7 +1518,7 @@ var AuthorWithTime = function AuthorWithTime(_ref) {
   var getTimeStamp = function getTimeStamp() {
     if (!isTime) return null;
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isAuthor && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "arr-separator " + _getClassName("".concat(seperatorStyle), _styleModuleImportMap$q)
+      className: "arr-separator " + _getClassName__default["default"]("".concat(seperatorStyle), _styleModuleImportMap$q)
     }, getSeparator()), /*#__PURE__*/React__default["default"].createElement(TimeStamp, {
       story: story,
       config: config
@@ -4388,7 +1530,7 @@ var AuthorWithTime = function AuthorWithTime(_ref) {
   };
 
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arr--author-time " + _getClassName("author-time-wrapper ".concat(isBottomClasses), _styleModuleImportMap$q)
+    className: "arr--author-time " + _getClassName__default["default"]("author-time-wrapper ".concat(isBottomClasses), _styleModuleImportMap$q)
   }, isAuthor ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Author, {
     story: story,
     isBottom: true,
@@ -4444,7 +1586,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) || "";
@@ -4520,7 +1662,7 @@ var CollectionNameBase = function CollectionNameBase(_ref) {
       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$p)
+    className: ("arr--collection-name arrow-component ".concat(templateStyle) ? "arr--collection-name arrow-component ".concat(templateStyle) + " " : "") + _getClassName__default["default"]("collection ".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap$p)
   }, templateStyle.includes("collection-borderLeft") && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "arr-collection-name-border-left collection-name-m_border-left__3_pYw",
     style: {
@@ -4557,7 +1699,7 @@ CollectionNameBase.defaultProps = {
 
 function mapStateToProps(state) {
   return {
-    config: get_1(state, ["qt", "config"], {})
+    config: lodash.get(state, ["qt", "config"], {})
   };
 }
 
@@ -4599,8 +1741,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;
 
@@ -4626,10 +1768,10 @@ 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);
+  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$o)
+    className: "arrow-component arr--headline " + _getClassName__default["default"](wrapperClass, _styleModuleImportMap$o)
   }, premiumStory && /*#__PURE__*/React__default["default"].createElement(PremiumStoryIcon, {
     width: iconSize,
     height: iconSize,
@@ -4641,9 +1783,9 @@ var Headline = function Headline(_ref) {
     externalLink: isExternalStory(story),
     "aria-label": "headline"
   }, /*#__PURE__*/React__default["default"].createElement(HeaderTag, {
-    className: _getClassName("headline ".concat(textColor), _styleModuleImportMap$o)
+    className: _getClassName__default["default"]("headline ".concat(textColor), _styleModuleImportMap$o)
   }, enableLiveIcon && /*#__PURE__*/React__default["default"].createElement(LiveIcon, null), headline)) : /*#__PURE__*/React__default["default"].createElement(HeaderTag, {
-    className: _getClassName("headline ".concat(textColor), _styleModuleImportMap$o)
+    className: _getClassName__default["default"]("headline ".concat(textColor), _styleModuleImportMap$o)
   }, enableLiveIcon && /*#__PURE__*/React__default["default"].createElement(LiveIcon, null), headline));
 };
 Headline.propTypes = {
@@ -4804,7 +1946,7 @@ var HeroImage = function HeroImage(_ref) {
     return null;
   } : _config$StoryTemplate;
   var showImagePlaceholder = reactRedux.useSelector(function (state) {
-    return get_1(state, ["qt", "config", "showPlaceholder"]);
+    return lodash.get(state, ["qt", "config", "showPlaceholder"]);
   });
   var getPlaceholderStyleName = showImagePlaceholder ? "placeholder" : "";
   var fullBleed = FullBleed ? "" : "with-padding";
@@ -4813,7 +1955,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];
 
@@ -4825,7 +1967,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$;
@@ -4833,8 +1975,8 @@ 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) {
@@ -4843,7 +1985,7 @@ var HeroImage = function HeroImage(_ref) {
           style: {
             paddingTop: imagePadding + "%"
           },
-          className: "arr--responsive-hero-image " + _getClassName("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$n)
+          className: "arr--responsive-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$n)
         }, /*#__PURE__*/React__default["default"].createElement("img", {
           className: "qt-image",
           "data-src": "".concat(fallbackImageUrl),
@@ -4856,7 +1998,7 @@ var HeroImage = function HeroImage(_ref) {
         style: {
           paddingTop: imagePadding + "%"
         },
-        className: "arr--fallback-hero-image " + _getClassName("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$n)
+        className: "arr--fallback-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$n)
       }, /*#__PURE__*/React__default["default"].createElement(StoryTemplateIcon, {
         storyTemplate: story["story-template"]
       }), /*#__PURE__*/React__default["default"].createElement(FallbackImage, null)) : null);
@@ -4866,7 +2008,7 @@ var HeroImage = function HeroImage(_ref) {
       style: {
         paddingTop: imagePadding + "%"
       },
-      className: "arr--responsive-hero-image " + _getClassName("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$n)
+      className: "arr--responsive-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$n)
     }, /*#__PURE__*/React__default["default"].createElement(StoryTemplateIcon, {
       storyTemplate: story["story-template"]
     }), /*#__PURE__*/React__default["default"].createElement(components.ResponsiveHeroImage, {
@@ -4885,13 +2027,13 @@ var HeroImage = function HeroImage(_ref) {
 
   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$n)
+    className: "arr--hero-image " + _getClassName__default["default"]("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap$n)
   }, 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$n)
+    className: "arr--hero-image " + _getClassName__default["default"]("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap$n)
   }, fallbackImage()));
 };
 HeroImage.propTypes = {
@@ -5006,7 +2148,7 @@ var StoryCard = function StoryCard(_ref) {
       backgroundColor: theme,
       color: textColor
     },
-    className: "arr--story-card " + _getClassName("card ".concat(horizontalCardStyle, " ").concat(borderTemplate, " ").concat(textColor, " ").concat(bgImageClasses, " ").concat(bgImgContentOverlapClass, " ").concat(horizontalMobileClasses), _styleModuleImportMap$m)
+    className: "arr--story-card " + _getClassName__default["default"]("card ".concat(horizontalCardStyle, " ").concat(borderTemplate, " ").concat(textColor, " ").concat(bgImageClasses, " ").concat(bgImgContentOverlapClass, " ").concat(horizontalMobileClasses), _styleModuleImportMap$m)
   }, children || defaultStorycard);
 };
 
@@ -5047,7 +2189,7 @@ var DefaultStoryCard = function DefaultStoryCard(_ref2) {
     isHorizontalMobile: isHorizontalMobile,
     aspectRatio: aspectRatio
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arr--story-content " + _getClassName("content ".concat(alignment), _styleModuleImportMap$m)
+    className: "arr--story-content " + _getClassName__default["default"]("content ".concat(alignment), _styleModuleImportMap$m)
   }, /*#__PURE__*/React__default["default"].createElement(SectionTag, {
     story: story,
     borderColor: SectionTagborderColor
@@ -5154,7 +2296,7 @@ var _styleModuleImportMap$l = {
 
 function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(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,
@@ -5178,14 +2320,14 @@ var LoadmoreButton = function LoadmoreButton(_ref) {
   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$l)
+    className: "arr--button " + _getClassName__default["default"]("button ".concat(textColor, " default"), _styleModuleImportMap$l)
   }, buttonText) : /*#__PURE__*/React__default["default"].createElement(components.LinkBase, {
     href: slug,
     navigateTo: navigate,
     "data-test-id": "load-more",
     "aria-label": "load-more"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arr--button " + _getClassName("button ".concat(textColor, " default"), _styleModuleImportMap$l)
+    className: "arr--button " + _getClassName__default["default"]("button ".concat(textColor, " default"), _styleModuleImportMap$l)
   }, buttonText));
 };
 LoadmoreButton.propTypes = {
@@ -5233,7 +2375,7 @@ var KeyEventCards = function KeyEventCards(props) {
   var lastElement = index === cardLength - 1;
   var borderLeft = lastElement ? "borderNone" : "";
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: _getClassName("time-wrapper ".concat(textColor), _styleModuleImportMap$k)
+    className: _getClassName__default["default"]("time-wrapper ".concat(textColor), _styleModuleImportMap$k)
   }, /*#__PURE__*/React__default["default"].createElement(ClockIcon, {
     color: updateColor
   }), getTimeStamp(cardAddedAt, timestampToFormat, {
@@ -5243,7 +2385,7 @@ var KeyEventCards = function KeyEventCards(props) {
     href: "".concat(mountAt, "/").concat(slug, "#").concat(id),
     "aria-label": "event-title"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: _getClassName("event-title ".concat(textColor, " ").concat(borderLeft), _styleModuleImportMap$k)
+    className: _getClassName__default["default"]("event-title ".concat(textColor, " ").concat(borderLeft), _styleModuleImportMap$k)
   }, storyElements.map(function (element, index) {
     return element.type === "title" && /*#__PURE__*/React__default["default"].createElement("h3", {
       key: index
@@ -5278,23 +2420,23 @@ var KeyEventsBase = function KeyEventsBase(_ref) {
       config = _ref$config === void 0 ? {} : _ref$config,
       _ref$showLoadMore = _ref.showLoadMore,
       showLoadMore = _ref$showLoadMore === void 0 ? true : _ref$showLoadMore;
-  var cards = get_1(story, ["cards"], []);
+  var cards = lodash.get(story, ["cards"], []);
   var theme = config.theme,
       _config$initialLoadCo = config.initialLoadCount,
       initialLoadCount = _config$initialLoadCo === void 0 ? 4 : _config$initialLoadCo;
   var textColor = getTextColor(theme);
 
   var _useState = React.useState(initialLoadCount),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       initialCount = _useState2[0],
       updatedCount = _useState2[1];
 
   var cardsWithKeyEvents = cards.filter(function (card) {
-    return get_1(card.metadata, ["attributes", "key-event"]);
+    return lodash.get(card.metadata, ["attributes", "key-event"]);
   });
   var lastElement = cardsWithKeyEvents.length > initialCount;
   var qtConfig = reactRedux.useSelector(function (state) {
-    return get_1(state, ["qt", "config"], {});
+    return lodash.get(state, ["qt", "config"], {});
   });
 
   var onClick = function onClick() {
@@ -5322,7 +2464,7 @@ var KeyEventsBase = function KeyEventsBase(_ref) {
     style: {
       background: theme
     },
-    className: "arrow-component " + _getClassName("container ".concat(textColor), _styleModuleImportMap$k)
+    className: "arrow-component " + _getClassName__default["default"]("container ".concat(textColor), _styleModuleImportMap$k)
   }, /*#__PURE__*/React__default["default"].createElement("h3", null, "Key Events"), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "key-events-m_cards-wrapper__3f8aB"
   }, keyEvents), showLoadMore && lastElement && /*#__PURE__*/React__default["default"].createElement(LoadmoreButton, {
@@ -5341,7 +2483,7 @@ var KeyEvents = StateProvider(KeyEventsBase);
 
 function ownKeys$2(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$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var _styleModuleImportMap$j = {
   "./aside-collection.m.css": {
     "stories": "aside-collection-m_stories__9wfUs",
@@ -5374,22 +2516,22 @@ var StoryCollection = function StoryCollection(_ref) {
 
   var heading = title || "Related Stories";
   var isHorizontal = horizontal ? "horizontal-wrapper" : "";
-  var mountAt = get_1(config, ["mountAtPrefix"], "");
+  var mountAt = lodash.get(config, ["mountAtPrefix"], "");
 
   var _useState = React.useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       storyList = _useState2[0],
       updateStoryList = _useState2[1];
 
   var _useState3 = React.useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
       collectionData = _useState4[0],
       updateCollectionData = _useState4[1];
 
   var updateStoryListItems = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(slug) {
+    var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(slug) {
       var collectionDataResponse, storyItems;
-      return regenerator.wrap(function _callee$(_context) {
+      return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
@@ -5500,7 +2642,7 @@ var AsideCollectionBase = function AsideCollectionBase(_ref4) {
       },
       "data-test-id": "aside-collection",
       id: "aside-collection-".concat(storyId),
-      className: "arrow-component arr--aside-collection " + _getClassName("wrapper ".concat(isHorizontal), _styleModuleImportMap$j)
+      className: "arrow-component arr--aside-collection " + _getClassName__default["default"]("wrapper ".concat(isHorizontal), _styleModuleImportMap$j)
     }, /*#__PURE__*/React__default["default"].createElement(StoryCollection, {
       data: data,
       horizontal: horizontal,
@@ -5545,7 +2687,7 @@ var AsideCollectionBase = function AsideCollectionBase(_ref4) {
       backgroundColor: theme
     },
     "data-test-id": "aside-collection",
-    className: "arrow-component arr--aside-collection " + _getClassName(["wrapper", isHorizontal, isSticky].join(" "), _styleModuleImportMap$j)
+    className: "arrow-component arr--aside-collection " + _getClassName__default["default"](["wrapper", isHorizontal, isSticky].join(" "), _styleModuleImportMap$j)
   }, enableKeyEvents && /*#__PURE__*/React__default["default"].createElement(KeyEvents, {
     story: keyEventsData.story,
     showLoadMore: keyEventsData.showLoadMore,
@@ -5573,33 +2715,6 @@ AsideCollectionBase.propTypes = {
 };
 var AsideCollection = StateProvider(AsideCollectionBase);
 
-/**
- * Converts `string` to
- * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).
- *
- * @static
- * @memberOf _
- * @since 3.0.0
- * @category String
- * @param {string} [string=''] The string to convert.
- * @returns {string} Returns the kebab cased string.
- * @example
- *
- * _.kebabCase('Foo Bar');
- * // => 'foo-bar'
- *
- * _.kebabCase('fooBar');
- * // => 'foo-bar'
- *
- * _.kebabCase('__FOO_BAR__');
- * // => 'foo-bar'
- */
-var kebabCase = _createCompounder(function(result, word, index) {
-  return result + (index ? '-' : '') + word.toLowerCase();
-});
-
-var kebabCase_1 = kebabCase;
-
 var _styleModuleImportMap$i = {
   "./author-card.m.css": {
     "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
@@ -5669,8 +2784,8 @@ var AuthorCard = function AuthorCard(_ref) {
       showName = _opts$showName === void 0 ? true : _opts$showName;
   var textColor = getTextColor(configData.theme);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": "author-card-".concat(kebabCase_1(template)),
-    className: (clazzName ? clazzName + " " : "") + _getClassName("author-card-wrapper ".concat(template), _styleModuleImportMap$i)
+    "data-test-id": "author-card-".concat(lodash.kebabCase(template)),
+    className: (clazzName ? clazzName + " " : "") + _getClassName__default["default"]("author-card-wrapper ".concat(template), _styleModuleImportMap$i)
   }, authors.map(function (author, index) {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
       key: author.id
@@ -5682,7 +2797,7 @@ var AuthorCard = function AuthorCard(_ref) {
       key: "author-image-".concat(index),
       "aria-label": "author-image"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: _getClassName("author-image ".concat(!index ? "first-author-image" : "", " ").concat(!isSingleAuthor ? "multi-author-image" : ""), _styleModuleImportMap$i)
+      className: _getClassName__default["default"]("author-image ".concat(!index ? "first-author-image" : "", " ").concat(!isSingleAuthor ? "multi-author-image" : ""), _styleModuleImportMap$i)
     }, authorImage(author)))));
   }), showName && /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "author-name",
@@ -5693,7 +2808,7 @@ var AuthorCard = function AuthorCard(_ref) {
       href: "".concat(mountAt, "/author/") + author.slug,
       "aria-label": "author-name"
     }, /*#__PURE__*/React__default["default"].createElement("h5", {
-      className: _getClassName("multiple-author-style ".concat(textColor), _styleModuleImportMap$i)
+      className: _getClassName__default["default"]("multiple-author-style ".concat(textColor), _styleModuleImportMap$i)
     }, author.name)));
   }), isSingleAuthor && template !== "centerAligned" && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, authors[0]["twitter-handle"] && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "author-card-m_dot-wrapper__2soc1"
@@ -5707,7 +2822,7 @@ var AuthorCard = function AuthorCard(_ref) {
     "data-test-id": "author-info",
     className: "author-card-m_author-details-wrapper__1c2uc"
   }, showBio && isSingleAuthor && template !== "default" && /*#__PURE__*/React__default["default"].createElement("p", {
-    className: _getClassName("author-bio ".concat(textColor), _styleModuleImportMap$i)
+    className: _getClassName__default["default"]("author-bio ".concat(textColor), _styleModuleImportMap$i)
   }, authors[0].bio)));
 };
 AuthorCard.propTypes = {
@@ -5740,7 +2855,7 @@ var _styleModuleImportMap$h = {
 
 function ownKeys$1(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$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var PublishDetails = function PublishDetails(_ref) {
   var story = _ref.story,
       _ref$opts = _ref.opts,
@@ -5751,7 +2866,7 @@ var PublishDetails = function PublishDetails(_ref) {
       timezone = _ref$timezone === void 0 ? null : _ref$timezone;
 
   var _useState = React.useState("ltr"),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       direction = _useState2[0],
       setDirection = _useState2[1];
 
@@ -5783,10 +2898,10 @@ var PublishDetails = function PublishDetails(_ref) {
   });
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "timeStamp",
-    className: "arrow-component arr-publish-details " + _getClassName("timeStamp ".concat(textColor), _styleModuleImportMap$h)
+    className: "arrow-component arr-publish-details " + _getClassName__default["default"]("timeStamp ".concat(textColor), _styleModuleImportMap$h)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "publishDetails",
-    className: _getClassName("publish-details ".concat(textColor), _styleModuleImportMap$h)
+    className: _getClassName__default["default"]("publish-details ".concat(textColor), _styleModuleImportMap$h)
   }, enablePublishedTime && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, localizedPublishedOn || "Published on", " :\xA0", /*#__PURE__*/React__default["default"].createElement("div", {
     className: "publish-details-m_date__3ZIQN"
   }, getTimeStamp(time, timestampToFormat, timeStampProps, template, timezone)), showReadTime && /*#__PURE__*/React__default["default"].createElement(ReadTime, {
@@ -5794,7 +2909,7 @@ var PublishDetails = function PublishDetails(_ref) {
     opts: opts
   }))), enableUpdatedTime && /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "updateDetails",
-    className: _getClassName("update-details ".concat(textColor), _styleModuleImportMap$h)
+    className: _getClassName__default["default"]("update-details ".concat(textColor), _styleModuleImportMap$h)
   }, localizedUpdatedOn || "Updated on", " :\xA0", /*#__PURE__*/React__default["default"].createElement("div", {
     className: "publish-details-m_date__3ZIQN"
   }, getTimeStamp(updatedAt, timestampToFormat, timeStampProps, template, timezone)), showReadTime && /*#__PURE__*/React__default["default"].createElement(ReadTime, {
@@ -5836,7 +2951,7 @@ var StoryTags = function StoryTags(_ref) {
       _ref.borderColor;
   var configData = useStateValue() || {};
   var textColor = getTextColor(configData.theme);
-  var mountAt = get_1(config, ["mountAt"], "");
+  var mountAt = lodash.get(config, ["mountAt"], "");
   var templateStyle = template === "roundCorners" ? "roundCorners" : "";
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "arrow-component arr--story-tags"
@@ -5844,7 +2959,7 @@ var StoryTags = function StoryTags(_ref) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       key: index,
       "data-test-id": "story-tag",
-      className: _getClassName("tags ".concat(templateStyle, " ").concat(textColor), _styleModuleImportMap$g)
+      className: _getClassName__default["default"]("tags ".concat(templateStyle, " ").concat(textColor), _styleModuleImportMap$g)
     }, /*#__PURE__*/React__default["default"].createElement(components.Link, {
       href: "".concat(mountAt, "/topic/") + tag.slug,
       "aria-label": "story-tag-name"
@@ -5879,7 +2994,7 @@ var TextBase = function TextBase(_ref) {
       css = _ref$css === void 0 ? {} : _ref$css;
       _ref.story;
       _ref.config;
-      var restProps = _objectWithoutProperties(_ref, _excluded$c);
+      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded$c);
 
   var content = element.text;
   if (!content) return null;
@@ -5889,9 +3004,9 @@ var TextBase = function TextBase(_ref) {
   var _opts$isExternalLink = opts.isExternalLink,
       isExternalLink = _opts$isExternalLink === void 0 ? true : _opts$isExternalLink;
   var text = isExternalLink && updateContentLinks(content) || content;
-  var isPromotionalMessage = get_1(element, ["metadata", "promotional-message"], false);
+  var isPromotionalMessage = lodash.get(element, ["metadata", "promotional-message"], false);
   var updatedStyle = isPromotionalMessage ? "promotionalMessage" : "textElement";
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     style: !isPromotionalMessage ? {
       color: textColor
     } : {},
@@ -5901,7 +3016,7 @@ var TextBase = function TextBase(_ref) {
     },
     id: "text-element"
   }, restProps, {
-    className: "arrow-component arr--text-element " + _getClassName("".concat(updatedStyle, " ").concat(textInvertColor), _styleModuleImportMap$f) + (" " + (restProps ? restProps.className || "" : ""))
+    className: "arrow-component arr--text-element " + _getClassName__default["default"]("".concat(updatedStyle, " ").concat(textInvertColor), _styleModuleImportMap$f) + (" " + (restProps ? restProps.className || "" : ""))
   }));
 };
 
@@ -5945,7 +3060,7 @@ var BlurbBase = function BlurbBase(_ref) {
       _ref.story;
       _ref.config;
       _ref.render;
-      var restProps = _objectWithoutProperties(_ref, _excluded$b);
+      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded$b);
 
   var content = element.text;
   var borderColor = css.borderColor;
@@ -5956,7 +3071,7 @@ var BlurbBase = function BlurbBase(_ref) {
   };
 
   var _useState = React.useState(initBorderDirection),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       borderDirection = _useState2[0],
       setBorderDirection = _useState2[1];
 
@@ -5978,14 +3093,14 @@ var BlurbBase = function BlurbBase(_ref) {
   var templateStyle = template ? "blurb-".concat(template) : "blurb";
   var configData = useStateValue() || {};
   var textInvertColor = getTextColor(configData.theme);
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     "data-test-id": "blurb",
     style: borderColor && borderDirection,
     dangerouslySetInnerHTML: {
       __html: text
     }
   }, restProps, {
-    className: "arrow-component arr-custom-style arr--blurb-element " + _getClassName("".concat(templateStyle, " ").concat(textInvertColor), _styleModuleImportMap$e) + (" " + (restProps ? restProps.className || "" : ""))
+    className: "arrow-component arr-custom-style arr--blurb-element " + _getClassName__default["default"]("".concat(templateStyle, " ").concat(textInvertColor), _styleModuleImportMap$e) + (" " + (restProps ? restProps.className || "" : ""))
   }));
 };
 
@@ -6034,7 +3149,7 @@ var SummaryBase = function SummaryBase(_ref) {
       _ref.story;
       _ref.config;
       _ref.render;
-      var restProps = _objectWithoutProperties(_ref, _excluded$a);
+      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded$a);
 
   var configData = useStateValue() || {};
   var textInvertColor = getTextColor(configData.theme);
@@ -6055,23 +3170,23 @@ var SummaryBase = function SummaryBase(_ref) {
   var updateHeaderColor = renderTemplate ? "".concat(headerBgColor) : "";
   var textColor = renderTemplate ? getTextColor(headerBgColor) : "";
   var updateContentColor = template === "header" ? "" : textInvertColor;
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     "data-test-id": "summary"
   }, restProps, {
-    className: "arrow-component arr--summary-element arr-custom-style " + _getClassName(templateStyle, _styleModuleImportMap$d) + (" " + (restProps ? restProps.className || "" : ""))
+    className: "arrow-component arr--summary-element arr-custom-style " + _getClassName__default["default"](templateStyle, _styleModuleImportMap$d) + (" " + (restProps ? restProps.className || "" : ""))
   }), !hideHeadline && /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "summary-headline",
-    className: _getClassName("heading-wrapper ".concat(textInvertColor), _styleModuleImportMap$d)
+    className: _getClassName__default["default"]("heading-wrapper ".concat(textInvertColor), _styleModuleImportMap$d)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       backgroundColor: updateHeaderColor
     },
-    className: _getClassName("headline ".concat(textColor, " ").concat(textInvertColor), _styleModuleImportMap$d)
+    className: _getClassName__default["default"]("headline ".concat(textColor, " ").concat(textInvertColor), _styleModuleImportMap$d)
   }, headline)), /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: text
     },
-    className: _getClassName("content ".concat(contentBorder, " ").concat(updateContentColor, " ").concat(textInvertColor), _styleModuleImportMap$d)
+    className: _getClassName__default["default"]("content ".concat(contentBorder, " ").concat(updateContentColor, " ").concat(textInvertColor), _styleModuleImportMap$d)
   }));
 };
 
@@ -6222,9 +3337,9 @@ var BlockQuoteBase = function BlockQuoteBase(_ref) {
       _ref.story;
       _ref.config;
       _ref.render;
-      var restProps = _objectWithoutProperties(_ref, _excluded$9);
+      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded$9);
 
-  var _get = get_1(element, ["metadata"]),
+  var _get = lodash.get(element, ["metadata"]),
       content = _get.content,
       attribution = _get.attribution;
 
@@ -6256,11 +3371,11 @@ var BlockQuoteBase = function BlockQuoteBase(_ref) {
     }, SelectionOfIcon(iconType, template, blockQuoteColor, textColor));
   };
 
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     "data-test-id": "blockquote",
     style: theme
   }, restProps, {
-    className: "arrow-component arr--block-quote " + _getClassName("".concat(templateStyle, " ").concat(textColor), _styleModuleImportMap$c) + (" " + (restProps ? restProps.className || "" : ""))
+    className: "arrow-component arr--block-quote " + _getClassName__default["default"]("".concat(templateStyle, " ").concat(textColor), _styleModuleImportMap$c) + (" " + (restProps ? restProps.className || "" : ""))
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "block-quote-m_quote-wrapper__83bEy"
   }, updateStructure(), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -6272,12 +3387,12 @@ var BlockQuoteBase = function BlockQuoteBase(_ref) {
     dangerouslySetInnerHTML: {
       __html: content
     },
-    className: _getClassName("content ".concat(textInvertColor), _styleModuleImportMap$c)
+    className: _getClassName__default["default"]("content ".concat(textInvertColor), _styleModuleImportMap$c)
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: attribution
     },
-    className: _getClassName("attribution ".concat(textInvertColor), _styleModuleImportMap$c)
+    className: _getClassName__default["default"]("attribution ".concat(textInvertColor), _styleModuleImportMap$c)
   }))));
 };
 BlockQuoteBase.propTypes = {
@@ -6312,22 +3427,22 @@ var BigFactBase = function BigFactBase(_ref) {
   var element = _ref.element;
       _ref.story;
       _ref.config;
-      var restProps = _objectWithoutProperties(_ref, _excluded$8);
+      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded$8);
 
   var configData = useStateValue() || {};
   var textInvertColor = getTextColor(configData.theme);
   var _element$metadata = element.metadata,
       content = _element$metadata.content,
       attribution = _element$metadata.attribution;
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     "data-test-id": "bigfact"
   }, restProps, {
-    className: "arrow-component arr--bigfact-element " + _getClassName("bigfact-element ".concat(textInvertColor), _styleModuleImportMap$b) + (" " + (restProps ? restProps.className || "" : ""))
+    className: "arrow-component arr--bigfact-element " + _getClassName__default["default"]("bigfact-element ".concat(textInvertColor), _styleModuleImportMap$b) + (" " + (restProps ? restProps.className || "" : ""))
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "big-fact-m_content__1u2Ul"
   }, content), /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "attribution",
-    className: _getClassName("attribution ".concat(textInvertColor), _styleModuleImportMap$b)
+    className: _getClassName__default["default"]("attribution ".concat(textInvertColor), _styleModuleImportMap$b)
   }, attribution));
 };
 
@@ -6413,14 +3528,14 @@ var AlsoReadBase = function AlsoReadBase(_ref2) {
       css = _ref2$css === void 0 ? {} : _ref2$css;
       _ref2.config;
       _ref2.render;
-      var restProps = _objectWithoutProperties(_ref2, _excluded$7);
+      var restProps = _objectWithoutProperties__default["default"](_ref2, _excluded$7);
 
   var content = element.text;
   if (!content) return null;
-  var linkedStories = get_1(story, ["linked-stories"], {});
-  var linkedStoryId = get_1(element, ["metadata", "linked-story-id"]);
-  var linkedStorySlug = get_1(linkedStories, [linkedStoryId, "url"]);
-  var linkedImage = get_1(linkedStories, [linkedStoryId, "hero-image-s3-key"], "");
+  var linkedStories = lodash.get(story, ["linked-stories"], {});
+  var linkedStoryId = lodash.get(element, ["metadata", "linked-story-id"]);
+  var linkedStorySlug = lodash.get(linkedStories, [linkedStoryId, "url"]);
+  var linkedImage = lodash.get(linkedStories, [linkedStoryId, "hero-image-s3-key"], "");
   var storyUrl = linkedStorySlug && linkedStorySlug;
   var configData = useStateValue() || {};
   var textInvertColor = getTextColor(configData.theme);
@@ -6431,14 +3546,14 @@ var AlsoReadBase = function AlsoReadBase(_ref2) {
   var isDefault = template === "" || template === "default";
   var isRightAlign = template === "imageRightAlign";
   var templateStyle = template ? "alsoread-".concat(template) : "alsoread-default";
-  return /*#__PURE__*/React__default["default"].createElement(components.Link, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(components.Link, _extends__default["default"]({
     "data-test-id": "also-read",
     href: storyUrl,
     "aria-label": "also-read"
   }, restProps, {
-    className: "arrow-component arr--also-read-element " + _getClassName(templateStyle, _styleModuleImportMap$a) + (" " + (restProps ? restProps.className || "" : ""))
+    className: "arrow-component arr--also-read-element " + _getClassName__default["default"](templateStyle, _styleModuleImportMap$a) + (" " + (restProps ? restProps.className || "" : ""))
   }), !isDefault && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: _getClassName("default-text ".concat(textInvertColor), _styleModuleImportMap$a)
+    className: _getClassName__default["default"]("default-text ".concat(textInvertColor), _styleModuleImportMap$a)
   }, displayTitle), isDefault && /*#__PURE__*/React__default["default"].createElement(DisplayImage, {
     story: story,
     linkedImage: linkedImage,
@@ -6624,7 +3739,7 @@ Loading.propTypes = {
 
 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 Lightbox = /*#__PURE__*/React.lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-image-lightbox')); });
 });
@@ -6636,27 +3751,27 @@ var FullScreenImages = function FullScreenImages(_ref) {
       element = _ref$element === void 0 ? {} : _ref$element,
       props = _ref.props;
   var cdnImage = reactRedux.useSelector(function (state) {
-    return get_1(state, ["qt", "config", "cdn-image"]);
+    return lodash.get(state, ["qt", "config", "cdn-image"]);
   });
 
   var _useState = React.useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       photoIndex = _useState2[0],
       handleImage = _useState2[1];
 
   var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
       isOpen = _useState4[0],
       handleOpen = _useState4[1];
 
-  var deviceWidth = get_1(global, ["innerWidth"], 0);
-  var hyperlinks = get_1(element, ["story-elements"], []).map(function (image) {
+  var deviceWidth = lodash.get(global, ["innerWidth"], 0);
+  var hyperlinks = lodash.get(element, ["story-elements"], []).map(function (image) {
     return image.hyperlink;
   });
   var imageUrlList = [];
 
   if (!imageSlug) {
-    imageUrlList = get_1(element, ["story-elements"], []).map(function (image) {
+    imageUrlList = lodash.get(element, ["story-elements"], []).map(function (image) {
       return "//".concat(cdnImage, "/").concat(image["image-s3-key"], "?w=").concat(deviceWidth);
     });
   }
@@ -6714,9 +3829,9 @@ var FullScreenImages = function FullScreenImages(_ref) {
     return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Loading, null));
   };
 
-  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(template, _objectSpread(_defineProperty({}, onClickKey, onClickHandler), props)), isOpen ? /*#__PURE__*/React__default["default"].createElement(React.Suspense, {
+  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(template, _objectSpread(_defineProperty__default["default"]({}, onClickKey, onClickHandler), props)), isOpen ? /*#__PURE__*/React__default["default"].createElement(React.Suspense, {
     fallback: /*#__PURE__*/React__default["default"].createElement(LoadingScreen, null)
-  }, /*#__PURE__*/React__default["default"].createElement(Lightbox, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(Lightbox, _extends__default["default"]({
     wrapperClassName: "arr--image-lightbox",
     onCloseRequest: onClose
   }, lightboxProps))) : null);
@@ -6766,7 +3881,7 @@ var CaptionAttribution = function CaptionAttribution(_ref) {
   var updateStyle = caption ? "wrapper" : "";
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "caption",
-    className: "arr--caption-attribution " + _getClassName("caption ".concat(textColor), _styleModuleImportMap$9)
+    className: "arr--caption-attribution " + _getClassName__default["default"]("caption ".concat(textColor), _styleModuleImportMap$9)
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     dangerouslySetInnerHTML: {
       __html: caption
@@ -6776,7 +3891,7 @@ var CaptionAttribution = function CaptionAttribution(_ref) {
     dangerouslySetInnerHTML: {
       __html: attribution
     },
-    className: _getClassName("attribution ".concat(textColor, " ").concat(updateStyle), _styleModuleImportMap$9)
+    className: _getClassName__default["default"]("attribution ".concat(textColor, " ").concat(updateStyle), _styleModuleImportMap$9)
   }));
 };
 CaptionAttribution.propTypes = {
@@ -6801,7 +3916,7 @@ var ImageBase = function ImageBase(_ref) {
       _ref.config;
       var _ref$caption = _ref.caption,
       caption = _ref$caption === void 0 ? true : _ref$caption,
-      restProps = _objectWithoutProperties(_ref, _excluded$6);
+      restProps = _objectWithoutProperties__default["default"](_ref, _excluded$6);
 
   if (!element) return null;
   var configData = useStateValue() || {};
@@ -6833,7 +3948,7 @@ var ImageBase = function ImageBase(_ref) {
   ImageTemplate.propTypes = {
     onClick: PropTypes__default["default"].func
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     className: "arrow-component arr--image-element"
   }, restProps, {
     "data-test-id": "image-element"
@@ -6887,12 +4002,12 @@ var _styleModuleImportMap$8 = {
 var supportedTemplates = function supportedTemplates(type, element) {
   switch (type) {
     case "q-and-a":
-      var _get = get_1(element, ["metadata"]),
+      var _get = lodash.get(element, ["metadata"]),
           qaQuestion = _get.question,
           qaAnswer = _get.answer;
 
-      var qaQuestionAttribution = get_1(element, ["metadata", "interviewer", "avatar-url"]);
-      var qaAnswerAttribution = get_1(element, ["metadata", "interviewee", "avatar-url"]);
+      var qaQuestionAttribution = lodash.get(element, ["metadata", "interviewer", "avatar-url"]);
+      var qaAnswerAttribution = lodash.get(element, ["metadata", "interviewee", "avatar-url"]);
       return {
         question: qaQuestion,
         answer: qaAnswer,
@@ -6901,16 +4016,16 @@ var supportedTemplates = function supportedTemplates(type, element) {
       };
 
     case "question":
-      var qQuestion = get_1(element, ["text"]);
-      var qAttribution = get_1(element, ["metadata", "interviewer", "avatar-url"]);
+      var qQuestion = lodash.get(element, ["text"]);
+      var qAttribution = lodash.get(element, ["metadata", "interviewer", "avatar-url"]);
       return {
         question: qQuestion,
         questionAttribution: qAttribution
       };
 
     case "answer":
-      var aAnswer = get_1(element, ["text"]);
-      var aAttribution = get_1(element, ["metadata", "interviewee", "avatar-url"]);
+      var aAnswer = lodash.get(element, ["text"]);
+      var aAttribution = lodash.get(element, ["metadata", "interviewee", "avatar-url"]);
       return {
         answer: aAnswer,
         answerAttribution: aAttribution
@@ -6928,7 +4043,7 @@ var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
       var _ref$opts = _ref.opts,
       opts = _ref$opts === void 0 ? {} : _ref$opts;
       _ref.render;
-      var restProps = _objectWithoutProperties(_ref, _excluded$5);
+      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded$5);
 
   var configData = useStateValue() || {};
   var textInvertColor = getTextColor(configData.theme);
@@ -6963,7 +4078,7 @@ var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
     style: {
       backgroundColor: iconColor
     },
-    className: _getClassName("".concat(iconType, " ").concat(theme), _styleModuleImportMap$8)
+    className: _getClassName__default["default"]("".concat(iconType, " ").concat(theme), _styleModuleImportMap$8)
   }, "Q"); // EMPTY SPAN FOR EXTRA SPACE
 
   var supportAnswerElement = isAuthorImageTemplate ? answerAttribution && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -6978,12 +4093,12 @@ var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
     style: {
       backgroundColor: iconColor
     },
-    className: _getClassName("".concat(iconType, " ").concat(theme), _styleModuleImportMap$8)
+    className: _getClassName__default["default"]("".concat(iconType, " ").concat(theme), _styleModuleImportMap$8)
   }, "A");
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     "data-test-id": "question-answer"
   }, restProps, {
-    className: "arrow-component arr-custom-style arr--qa-element " + _getClassName(templateStyle, _styleModuleImportMap$8) + (" " + (restProps ? restProps.className || "" : ""))
+    className: "arrow-component arr-custom-style arr--qa-element " + _getClassName__default["default"](templateStyle, _styleModuleImportMap$8) + (" " + (restProps ? restProps.className || "" : ""))
   }), type !== "answer" && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "question-answer-m_q-element__1ZA5d",
     "data-test-id": "question"
@@ -6991,7 +4106,7 @@ var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
     dangerouslySetInnerHTML: {
       __html: questionData
     },
-    className: _getClassName("content ".concat(textInvertColor), _styleModuleImportMap$8)
+    className: _getClassName__default["default"]("content ".concat(textInvertColor), _styleModuleImportMap$8)
   })), type !== "question" && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "question-answer-m_a-element__BTxfl",
     "data-test-id": "answer"
@@ -6999,7 +4114,7 @@ var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
     dangerouslySetInnerHTML: {
       __html: answerData
     },
-    className: _getClassName("content ".concat(textInvertColor), _styleModuleImportMap$8)
+    className: _getClassName__default["default"]("content ".concat(textInvertColor), _styleModuleImportMap$8)
   })));
 };
 
@@ -7050,7 +4165,7 @@ var ImageGalleryBase = function ImageGalleryBase(_ref) {
       _ref.opts;
       _ref.story;
       _ref.config;
-      var restProps = _objectWithoutProperties(_ref, _excluded$4);
+      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded$4);
 
   if (!element) return null;
   var isMobile = clientWidth("mobile");
@@ -7070,14 +4185,14 @@ var ImageGalleryBase = function ImageGalleryBase(_ref) {
     var images = renderImage.map(function (image, index) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         key: index,
-        className: _getClassName(hyperlinkClass(image["hyperlink"]), _styleModuleImportMap$7)
+        className: _getClassName__default["default"](hyperlinkClass(image["hyperlink"]), _styleModuleImportMap$7)
       }, /*#__PURE__*/React__default["default"].createElement("figure", {
         key: index,
         "data-text-id": "image-".concat(index),
         onClick: function onClick() {
           return onClickHandler && onClickHandler(index);
         },
-        className: _getClassName("image ".concat(classes), _styleModuleImportMap$7)
+        className: _getClassName__default["default"]("image ".concat(classes), _styleModuleImportMap$7)
       }, /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
         slug: image["image-s3-key"],
         metadata: image["image-metadata"],
@@ -7091,7 +4206,7 @@ var ImageGalleryBase = function ImageGalleryBase(_ref) {
         hyperLink: image["hyperlink"]
       }));
     });
-    return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+    return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
       className: " arrow-component arr--image-element image-gallery-m_image-gallery__1Q7if" + (" " + (restProps ? restProps.className || "" : ""))
     }, restProps, {
       "data-test-id": "image-gallery"
@@ -7126,9 +4241,9 @@ var StoryElementBase = function StoryElementBase(_ref) {
   var element = _ref.element;
       _ref.story;
       _ref.config;
-      var restProps = _objectWithoutProperties(_ref, _excluded$3);
+      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded$3);
 
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({}, restProps, {
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({}, restProps, {
     "data-test-id": "story-elements"
   }), /*#__PURE__*/React__default["default"].createElement(components.StoryElement, {
     element: element
@@ -7168,7 +4283,7 @@ var QuoteBase = function QuoteBase(_ref) {
       _ref.story;
       _ref.config;
       _ref.render;
-      var restProps = _objectWithoutProperties(_ref, _excluded$2);
+      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded$2);
 
   var configData = useStateValue() || {};
   var textInvertColor = getTextColor(configData.theme);
@@ -7179,10 +4294,10 @@ var QuoteBase = function QuoteBase(_ref) {
   var borderColor = css.borderColor;
   var updateBorderColor = template === "borderLeft" && "4px solid ".concat(borderColor);
   var templateStyle = template ? "quote-".concat(template) : "quote";
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     "data-test-id": "quote"
   }, restProps, {
-    className: "arrow-component arr--quote-element " + _getClassName(templateStyle, _styleModuleImportMap$6) + (" " + (restProps ? restProps.className || "" : ""))
+    className: "arrow-component arr--quote-element " + _getClassName__default["default"](templateStyle, _styleModuleImportMap$6) + (" " + (restProps ? restProps.className || "" : ""))
   }), template === "borderTopSmall" && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "quote-m_line__3gtoE",
     style: borderColor && {
@@ -7195,10 +4310,10 @@ var QuoteBase = function QuoteBase(_ref) {
     dangerouslySetInnerHTML: {
       __html: content
     },
-    className: _getClassName("text ".concat(textInvertColor), _styleModuleImportMap$6)
+    className: _getClassName__default["default"]("text ".concat(textInvertColor), _styleModuleImportMap$6)
   }), /*#__PURE__*/React__default["default"].createElement("p", {
     "data-test-id": "quote-attribution",
-    className: _getClassName("attribution ".concat(textInvertColor), _styleModuleImportMap$6)
+    className: _getClassName__default["default"]("attribution ".concat(textInvertColor), _styleModuleImportMap$6)
   }, attribution));
 };
 
@@ -7238,7 +4353,7 @@ var ReferenceBase = function ReferenceBase(_ref) {
       _ref.config;
       var _ref$opts = _ref.opts,
       opts = _ref$opts === void 0 ? {} : _ref$opts,
-      restProps = _objectWithoutProperties(_ref, _excluded$1);
+      restProps = _objectWithoutProperties__default["default"](_ref, _excluded$1);
 
   if (!element) return null;
   var configData = useStateValue() || {};
@@ -7249,7 +4364,7 @@ var ReferenceBase = function ReferenceBase(_ref) {
   var _opts$showHeadline = opts.showHeadline,
       showHeadline = _opts$showHeadline === void 0 ? true : _opts$showHeadline,
       headlineText = opts.headlineText;
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     className: "arrow-component arr--reference-element"
   }, restProps), eleArr && eleArr.map(function (metadata, index) {
     var _metadata$name = metadata.name,
@@ -7259,7 +4374,7 @@ var ReferenceBase = function ReferenceBase(_ref) {
         url = metadata.url;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       key: index,
-      className: _getClassName("wrapper ".concat(textInvertColor), _styleModuleImportMap$5)
+      className: _getClassName__default["default"]("wrapper ".concat(textInvertColor), _styleModuleImportMap$5)
     }, /*#__PURE__*/React__default["default"].createElement(components.Link, {
       href: url,
       "aria-label": "reference-headline"
@@ -7311,7 +4426,7 @@ var AttachmentBase = function AttachmentBase(_ref) {
   var _ref$element = _ref.element,
       element = _ref$element === void 0 ? {} : _ref$element;
       _ref.render;
-      var restProps = _objectWithoutProperties(_ref, _excluded);
+      var restProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   var fileName = element["file-name"],
       url = element.url,
@@ -7325,10 +4440,10 @@ var AttachmentBase = function AttachmentBase(_ref) {
   var textColor = getTextColor(configData.theme);
   var defaultName = isPdf ? "Attached PDF" : "Attached DOC";
   var defaultFileName = fileName || defaultName;
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     "data-test-id": "attachment"
   }, restProps, {
-    className: "arrow-component arr--attachment-element " + _getClassName(textColor, _styleModuleImportMap$4) + (" " + (restProps ? restProps.className || "" : ""))
+    className: "arrow-component arr--attachment-element " + _getClassName__default["default"](textColor, _styleModuleImportMap$4) + (" " + (restProps ? restProps.className || "" : ""))
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "attachment-m_headline__kP7Hs"
   }, "Attachment"), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -7449,12 +4564,12 @@ var SliderArrow = function SliderArrow(_ref) {
   var getRightArrowClassName = languageDirection === "rtl" ? "right-arrow-rtl" : "right-arrow-ltr";
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, selectedIndex !== 0 ? /*#__PURE__*/React__default["default"].createElement("button", {
     onClick: previousClick,
-    className: ("left-arrow ".concat(getLeftArrowClassName) ? "left-arrow ".concat(getLeftArrowClassName) + " " : "") + _getClassName("arrow left-arrow-".concat(textColor, " ").concat(getLeftArrowClassName), _styleModuleImportMap$3)
+    className: ("left-arrow ".concat(getLeftArrowClassName) ? "left-arrow ".concat(getLeftArrowClassName) + " " : "") + _getClassName__default["default"]("arrow left-arrow-".concat(textColor, " ").concat(getLeftArrowClassName), _styleModuleImportMap$3)
   }, /*#__PURE__*/React__default["default"].createElement(LeftArrow, {
     color: textColor === "dark" ? "#fff" : "#333"
   })) : null, selectedIndex < noOfItems - 1 && rightArrowView() ? /*#__PURE__*/React__default["default"].createElement("button", {
     onClick: nextClick,
-    className: ("right-arrow ".concat(getRightArrowClassName) ? "right-arrow ".concat(getRightArrowClassName) + " " : "") + _getClassName("arrow right-arrow-".concat(textColor, " ").concat(getRightArrowClassName), _styleModuleImportMap$3)
+    className: ("right-arrow ".concat(getRightArrowClassName) ? "right-arrow ".concat(getRightArrowClassName) + " " : "") + _getClassName__default["default"]("arrow right-arrow-".concat(textColor, " ").concat(getRightArrowClassName), _styleModuleImportMap$3)
   }, /*#__PURE__*/React__default["default"].createElement(RightArrow, {
     color: textColor === "dark" ? "#fff" : "#333"
   })) : null);
@@ -7505,7 +4620,7 @@ var SliderIndicator = function SliderIndicator(_ref) {
       }
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "aria-pressed": selectedIndex === index ? "true" : "false",
-      className: ("indicator-button indicator-".concat(indicatorType) ? "indicator-button indicator-".concat(indicatorType) + " " : "") + _getClassName("indicator-button indicator-".concat(indicatorType, " indicator-").concat(indicatorType, "-").concat(textColor), _styleModuleImportMap$2)
+      className: ("indicator-button indicator-".concat(indicatorType) ? "indicator-button indicator-".concat(indicatorType) + " " : "") + _getClassName__default["default"]("indicator-button indicator-".concat(indicatorType, " indicator-").concat(indicatorType, "-").concat(textColor), _styleModuleImportMap$2)
     }));
   }));
 };
@@ -7520,7 +4635,7 @@ SliderIndicator.propTypes = {
 var smoothScroll = function smoothScroll(node, topOrLeft, horizontal) {
   var _node$scrollTo;
 
-  node.scrollTo((_node$scrollTo = {}, _defineProperty(_node$scrollTo, horizontal ? "left" : "top", topOrLeft), _defineProperty(_node$scrollTo, "behavior", "smooth"), _node$scrollTo));
+  node.scrollTo((_node$scrollTo = {}, _defineProperty__default["default"](_node$scrollTo, horizontal ? "left" : "top", topOrLeft), _defineProperty__default["default"](_node$scrollTo, "behavior", "smooth"), _node$scrollTo));
 };
 
 var updateItemSelection = function updateItemSelection(index, languageDirection, scroller, noOfItems) {
@@ -7550,17 +4665,17 @@ var ScrollSnap = function ScrollSnap(_ref) {
       slideIndicator = _ref.slideIndicator;
 
   var _useState = React.useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       selectedIndex = _useState2[0],
       setSelectedIndex = _useState2[1];
 
   var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
       autoScroll = _useState4[0],
       setAutoScroll = _useState4[1];
 
   var languageDirection = reactRedux.useSelector(function (state) {
-    return get_1(state, ["qt", "config", "language", "direction"], "ltr");
+    return lodash.get(state, ["qt", "config", "language", "direction"], "ltr");
   });
   var noOfItems = children ? children.length : 0;
   var scroller = React.useRef(null);
@@ -7717,7 +4832,7 @@ var ImageSlideshowBase = function ImageSlideshowBase(props) {
 
   var ImageSlideshowTemplate = function ImageSlideshowTemplate(_ref) {
     var onClickHandler = _ref.onClickHandler;
-    var storyElements = get_1(props, ["element", "story-elements"], []);
+    var storyElements = lodash.get(props, ["element", "story-elements"], []);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "arr--image-slideshow-element image-slideshow-m_slideshow__3jRFX",
       "data-test-id": "image-slideshow"
@@ -7793,11 +4908,11 @@ var getElement = function getElement(story, element) {
     elementType = element.metadata["type"];
   }
 
-  var storyElementId = get_1(element, ["id"]);
+  var storyElementId = lodash.get(element, ["id"]);
 
   switch (elementType) {
     case "ad":
-      return /*#__PURE__*/React__default["default"].createElement(AdComponent, _extends({}, element, {
+      return /*#__PURE__*/React__default["default"].createElement(AdComponent, _extends__default["default"]({}, element, {
         id: "ad-".concat(index, "_").concat(cardId)
       }));
 
@@ -8092,7 +5207,7 @@ var StoryElementCard = function StoryElementCard(_ref2) {
   var shouldRunFBMobileVideoFix = true;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "arr--story-page-card-wrapper"
-  }, get_1(card, ["story-elements"], []).map(function (element, index) {
+  }, lodash.get(card, ["story-elements"], []).map(function (element, index) {
     if (element.id === heroVideoElementId) return false;
 
     if (element.subtype && element.subtype === "facebook-post" && shouldRunFBMobileVideoFix) {
@@ -8101,10 +5216,10 @@ var StoryElementCard = function StoryElementCard(_ref2) {
     }
 
     var tableStyle = element && element.subtype === "table" ? "table" : "";
-    var cardId = get_1(card, ["id"], "");
+    var cardId = lodash.get(card, ["id"], "");
     return /*#__PURE__*/React__default["default"].createElement("div", {
       key: element.id,
-      className: "arr--element-container " + _getClassName("element-container ".concat(isLiveBlog, " ").concat(tableStyle, " ").concat(textColor), _styleModuleImportMap$1)
+      className: "arr--element-container " + _getClassName__default["default"]("element-container ".concat(isLiveBlog, " ").concat(tableStyle, " ").concat(textColor), _styleModuleImportMap$1)
     }, getElement(story, element, config, adComponent, widgetComp, index, cardId));
   }));
 };
@@ -8135,7 +5250,7 @@ var SlotAfterStory = function SlotAfterStory(_ref4) {
 
   switch (element.type) {
     case "ad":
-      return /*#__PURE__*/React__default["default"].createElement(AdComponent, _extends({}, element, {
+      return /*#__PURE__*/React__default["default"].createElement(AdComponent, _extends__default["default"]({}, element, {
         id: "ad-after-story-".concat(id)
       }));
 
@@ -8214,15 +5329,15 @@ var VideoStoryTemplateBase = function VideoStoryTemplateBase(_ref) {
       _config$premiumStoryI = config.premiumStoryIconConfig,
       premiumStoryIconConfig = _config$premiumStoryI === void 0 ? {} : _config$premiumStoryI;
   var visibledCards = noOfVisibleCards < 0 ? story.cards : story.cards.slice(0, noOfVisibleCards);
-  var storyId = get_1(story, ["id"], "");
+  var storyId = lodash.get(story, ["id"], "");
   var timezone = reactRedux.useSelector(function (state) {
-    return get_1(state, ["qt", "data", "timezone"], null);
+    return lodash.get(state, ["qt", "data", "timezone"], null);
   });
 
   var HeroVideo = function HeroVideo() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "video-story-m_hero-video__1rumO video-story-m_index-2__32Kzt",
-      id: "video-".concat(get_1(heroVideo, ["id"]))
+      id: "video-".concat(lodash.get(heroVideo, ["id"]))
     }, /*#__PURE__*/React__default["default"].createElement(Video, {
       element: heroVideo,
       loadIframeOnClick: true
@@ -8279,7 +5394,7 @@ var VideoStoryTemplateBase = function VideoStoryTemplateBase(_ref) {
         heroVideoElementId: heroVideo.id,
         story: story,
         card: card,
-        key: get_1(card, ["id"], ""),
+        key: lodash.get(card, ["id"], ""),
         config: storyElementsConfig,
         adComponent: adComponent,
         widgetComp: widgetComp
@@ -8299,7 +5414,7 @@ var VideoStoryTemplateBase = function VideoStoryTemplateBase(_ref) {
   var SideColumn = function SideColumn() {
     return asideCollection && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "video-story-m_video-story-side-column__155nW"
-    }, /*#__PURE__*/React__default["default"].createElement(AsideCollection, _extends({}, asideCollection, {
+    }, /*#__PURE__*/React__default["default"].createElement(AsideCollection, _extends__default["default"]({}, asideCollection, {
       widgetComp: widgetComp,
       adComponent: adComponent,
       sticky: true,
@@ -8313,7 +5428,7 @@ var VideoStoryTemplateBase = function VideoStoryTemplateBase(_ref) {
       className: "video-story-m_story-content-wrapper__g87mo"
     }, /*#__PURE__*/React__default["default"].createElement(HeaderCard, null), /*#__PURE__*/React__default["default"].createElement(StoryData, null)), verticalShare && /*#__PURE__*/React__default["default"].createElement(SocialShareComponent, null), asideCollection && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "video-story-m_aside-collection__3ecnd video-story-m_tablet-index-2__2sPXB"
-    }, /*#__PURE__*/React__default["default"].createElement(AsideCollection, _extends({
+    }, /*#__PURE__*/React__default["default"].createElement(AsideCollection, _extends__default["default"]({
       horizontal: true
     }, asideCollection, {
       widgetComp: widgetComp,
@@ -8359,7 +5474,7 @@ var VideoStoryTemplateBase = function VideoStoryTemplateBase(_ref) {
     style: {
       backgroundColor: theme
     },
-    className: "arrow-component arr--content-wrapper arr-story-grid arr--video-story-template-wrapper " + _getClassName("".concat(templateClass, " ").concat(verticalShare), _styleModuleImportMap)
+    className: "arrow-component arr--content-wrapper arr-story-grid arr--video-story-template-wrapper " + _getClassName__default["default"]("".concat(templateClass, " ").concat(verticalShare), _styleModuleImportMap)
   }, getStoryTemplate(templateType));
 };
 VideoStoryTemplateBase.propTypes = {