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

package/molecules/StoryElementCard/index.js

@@ -1,9 +1,36 @@
-import React, { useContext, createContext, useState, useEffect, Suspense, lazy, useRef } from 'react';
-import PropTypes, { number, string, func, array, bool } from 'prop-types';
-import 'react-timeago';
-import 'date-fns-tz';
-import { Link, LazyLoadImages, ResponsiveImage, StoryElement as StoryElement$1, SocialShare } from '@quintype/components';
-import { useSelector } from 'react-redux';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+require('react-timeago');
+require('date-fns-tz');
+var components = require('@quintype/components');
+var reactRedux = require('react-redux');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -1405,13 +1432,13 @@ var withElementWrapper = function withElementWrapper(StoryElement) {
 
     if (!element) return null;
     if (render && typeof render === "function") return render(props);
-    return /*#__PURE__*/React.createElement(StoryElement, _extends({}, restProps, {
+    return /*#__PURE__*/React__default["default"].createElement(StoryElement, _extends({}, restProps, {
       element: element
     }));
   };
 };
 withElementWrapper.propTypes = {
-  StoryElement: PropTypes.element
+  StoryElement: PropTypes__default["default"].element
 };
 
 function _typeof(obj) {
@@ -2549,15 +2576,15 @@ 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;
 };
-var shapeConfig = PropTypes.shape({
-  "sketches-host": PropTypes.string,
-  "cdn-name": PropTypes.string,
-  "cdn-image": PropTypes.string
+var shapeConfig = PropTypes__default["default"].shape({
+  "sketches-host": PropTypes__default["default"].string,
+  "cdn-name": PropTypes__default["default"].string,
+  "cdn-image": PropTypes__default["default"].string
 });
-var shapeStory = PropTypes.shape({
-  headline: PropTypes.string,
-  "last-published-at": PropTypes.number,
-  subheadline: PropTypes.string
+var shapeStory = PropTypes__default["default"].shape({
+  headline: PropTypes__default["default"].string,
+  "last-published-at": PropTypes__default["default"].number,
+  subheadline: PropTypes__default["default"].string
 });
 var facebookMobileVideoResizeFix = function facebookMobileVideoResizeFix() {
   if (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(max-width: 767px)").matches) {
@@ -2574,9 +2601,9 @@ var facebookMobileVideoResizeFix = function facebookMobileVideoResizeFix() {
   }
 };
 
-var StateContext = /*#__PURE__*/createContext(); // eslint-disable-next-line react/display-name
+var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
 var useStateValue = function useStateValue() {
-  return useContext(StateContext);
+  return React.useContext(StateContext);
 };
 
 var _excluded$d = ["element", "opts", "css", "story", "config"];
@@ -2612,7 +2639,7 @@ var TextBase = function TextBase(_ref) {
   var text = isExternalLink && updateContentLinks(content) || content;
   var isPromotionalMessage = get_1(element, ["metadata", "promotional-message"], false);
   var updatedStyle = isPromotionalMessage ? "promotionalMessage" : "textElement";
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     style: !isPromotionalMessage ? {
       color: textColor
     } : {},
@@ -2627,15 +2654,15 @@ var TextBase = function TextBase(_ref) {
 };
 
 TextBase.propTypes = {
-  element: PropTypes.shape({
-    text: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    text: PropTypes__default["default"].string
   }),
-  opts: PropTypes.shape({
-    isExternalLink: PropTypes.bool
+  opts: PropTypes__default["default"].shape({
+    isExternalLink: PropTypes__default["default"].bool
   }),
-  css: PropTypes.shape({
-    hyperlinkColor: PropTypes.string,
-    textColor: PropTypes.string
+  css: PropTypes__default["default"].shape({
+    hyperlinkColor: PropTypes__default["default"].string,
+    textColor: PropTypes__default["default"].string
   }),
   story: shapeStory,
   config: shapeConfig
@@ -2737,13 +2764,13 @@ var BlurbBase = function BlurbBase(_ref) {
     borderLeft: "solid 2px ".concat(borderColor)
   };
 
-  var _useState = useState(initBorderDirection),
+  var _useState = React.useState(initBorderDirection),
       _useState2 = _slicedToArray(_useState, 2),
       borderDirection = _useState2[0],
       setBorderDirection = _useState2[1];
 
   if (!content) return null;
-  useEffect(function () {
+  React.useEffect(function () {
     var htmlElement = document.getElementsByTagName("HTML");
 
     if (htmlElement && htmlElement.length) {
@@ -2760,7 +2787,7 @@ var BlurbBase = function BlurbBase(_ref) {
   var templateStyle = template ? "blurb-".concat(template) : "blurb";
   var configData = useStateValue() || {};
   var textInvertColor = getTextColor(configData.theme);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "blurb",
     style: borderColor && borderDirection,
     dangerouslySetInnerHTML: {
@@ -2772,19 +2799,19 @@ var BlurbBase = function BlurbBase(_ref) {
 };
 
 BlurbBase.propTypes = {
-  element: PropTypes.shape({
-    text: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    text: PropTypes__default["default"].string
   }),
 
   /** templates can be either default or withBorder */
-  template: PropTypes.string,
-  opts: PropTypes.shape({
-    isExternalLink: PropTypes.bool
+  template: PropTypes__default["default"].string,
+  opts: PropTypes__default["default"].shape({
+    isExternalLink: PropTypes__default["default"].bool
   }),
   story: shapeStory,
   config: shapeConfig,
-  render: PropTypes.func,
-  css: PropTypes.object
+  render: PropTypes__default["default"].func,
+  css: PropTypes__default["default"].object
 };
 var Blurb = withElementWrapper(BlurbBase);
 
@@ -2837,19 +2864,19 @@ var SummaryBase = function SummaryBase(_ref) {
   var updateHeaderColor = renderTemplate ? "".concat(headerBgColor) : "";
   var textColor = renderTemplate ? getTextColor(headerBgColor) : "";
   var updateContentColor = template === "header" ? "" : textInvertColor;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "summary"
   }, restProps, {
     className: "arrow-component arr--summary-element arr-custom-style " + _getClassName(templateStyle, _styleModuleImportMap$e) + (" " + (restProps ? restProps.className || "" : ""))
-  }), !hideHeadline && /*#__PURE__*/React.createElement("div", {
+  }), !hideHeadline && /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "summary-headline",
     className: _getClassName("heading-wrapper ".concat(textInvertColor), _styleModuleImportMap$e)
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       backgroundColor: updateHeaderColor
     },
     className: _getClassName("headline ".concat(textColor, " ").concat(textInvertColor), _styleModuleImportMap$e)
-  }, headline)), /*#__PURE__*/React.createElement("div", {
+  }, headline)), /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: text
     },
@@ -2858,20 +2885,20 @@ var SummaryBase = function SummaryBase(_ref) {
 };
 
 SummaryBase.propTypes = {
-  element: PropTypes.shape({
-    text: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    text: PropTypes__default["default"].string
   }),
-  template: PropTypes.string,
-  opts: PropTypes.shape({
-    isExternalLink: PropTypes.bool,
-    headline: PropTypes.string,
-    hideHeadline: PropTypes.bool
+  template: PropTypes__default["default"].string,
+  opts: PropTypes__default["default"].shape({
+    isExternalLink: PropTypes__default["default"].bool,
+    headline: PropTypes__default["default"].string,
+    hideHeadline: PropTypes__default["default"].bool
   }),
   story: shapeStory,
   config: shapeConfig,
-  render: PropTypes.func,
-  css: PropTypes.shape({
-    headerBgColor: PropTypes.string
+  render: PropTypes__default["default"].func,
+  css: PropTypes__default["default"].shape({
+    headerBgColor: PropTypes__default["default"].string
   })
 };
 var Summary = withElementWrapper(SummaryBase);
@@ -2883,27 +2910,27 @@ var CurveIcon = function CurveIcon(_ref) {
       opacity = _ref.opacity;
   var lightColor = color === "light" && "#ffffff";
   var darkColor = color === "dark" && "#0d0d0d";
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "icon-m_curve-wrapper__3-sLV",
     style: {
       fill: "".concat(lightColor || darkColor || color)
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
     viewBox: "0 0 64 64"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: "inherit",
     opacity: opacity,
     d: "M61 44.702c0 3.465-1.13 6.214-3.39 8.248-2.261 2.033-5.125 3.05-8.59 3.05-4.07 0-7.423-1.356-10.06-4.067-2.638-2.712-3.956-6.704-3.956-11.976 0-4.971.716-9.227 2.147-12.767 1.432-3.54 3.165-6.553 5.2-9.039 2.034-2.485 4.144-4.481 6.33-5.988 2.184-1.506 4.106-2.56 5.763-3.163l5.652 7.909c-3.316 1.657-5.99 3.879-8.025 6.666-2.035 2.786-3.052 6.289-3.052 10.507.603-.15 1.432-.226 2.487-.226 3.014 0 5.35 1.054 7.007 3.163C60.171 39.13 61 41.69 61 44.702zm-33.004 0c0 3.465-1.13 6.214-3.39 8.248-2.261 2.033-5.125 3.05-8.59 3.05-4.07 0-7.423-1.356-10.06-4.067C3.319 49.22 2 45.229 2 39.957c0-4.971.716-9.227 2.148-12.767 1.431-3.54 3.164-6.553 5.199-9.039 2.034-2.485 4.144-4.481 6.33-5.988C17.86 10.657 19.782 9.603 21.44 9l5.651 7.909c-3.316 1.657-5.99 3.879-8.025 6.666-2.034 2.786-3.052 6.289-3.052 10.507.603-.15 1.432-.226 2.487-.226 3.014 0 5.35 1.054 7.008 3.163 1.657 2.11 2.486 4.67 2.486 7.683z"
   })));
 };
 CurveIcon.propTypes = {
-  width: PropTypes.string,
-  height: PropTypes.string,
-  color: PropTypes.string,
-  opacity: PropTypes.string
+  width: PropTypes__default["default"].string,
+  height: PropTypes__default["default"].string,
+  color: PropTypes__default["default"].string,
+  opacity: PropTypes__default["default"].string
 };
 
 var EdgeIcon = function EdgeIcon(_ref) {
@@ -2913,27 +2940,27 @@ var EdgeIcon = function EdgeIcon(_ref) {
       opacity = _ref.opacity;
   var lightColor = color === "light" && "#ffffff";
   var darkColor = color === "dark" && "#0d0d0d";
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "icon-m_edge-wrapper__xUOdp",
     style: {
       fill: "".concat(lightColor || darkColor || color)
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
     viewBox: "0 0 64 64"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: "inherit",
     opacity: opacity,
     d: "M16.858 29.836v4.727H28V60H4V29.836c0-9.6 2.606-16.727 7.746-21.187C15.3 5.564 19.8 4 25.122 4v13.627c-2.888 0-8.264 0-8.264 12.209zm40.264-12.21V4c-5.32 0-9.82 1.564-13.376 4.65C38.606 13.108 36 20.236 36 29.835V60h24V34.563H48.857v-4.727c0-12.21 5.377-12.21 8.265-12.21z"
   })));
 };
 EdgeIcon.propTypes = {
-  width: PropTypes.string,
-  height: PropTypes.string,
-  color: PropTypes.string,
-  opacity: PropTypes.string
+  width: PropTypes__default["default"].string,
+  height: PropTypes__default["default"].string,
+  color: PropTypes__default["default"].string,
+  opacity: PropTypes__default["default"].string
 };
 
 var _excluded$a = ["element", "template", "css", "story", "config", "render"];
@@ -2963,7 +2990,7 @@ var SelectionOfIcon = function SelectionOfIcon(iconType, template, blockQuoteCol
 
   if (template === "withBackground") {
     if (iconType === "edgeIcon") {
-      return /*#__PURE__*/React.createElement(EdgeIcon, {
+      return /*#__PURE__*/React__default["default"].createElement(EdgeIcon, {
         width: dimension,
         height: dimension,
         color: quoteColor,
@@ -2971,7 +2998,7 @@ var SelectionOfIcon = function SelectionOfIcon(iconType, template, blockQuoteCol
       });
     }
 
-    return /*#__PURE__*/React.createElement(CurveIcon, {
+    return /*#__PURE__*/React__default["default"].createElement(CurveIcon, {
       width: dimension,
       height: dimension,
       color: quoteColor,
@@ -2981,14 +3008,14 @@ var SelectionOfIcon = function SelectionOfIcon(iconType, template, blockQuoteCol
 
   if (template !== "withBackground") {
     if (iconType === "edgeIcon") {
-      return /*#__PURE__*/React.createElement(EdgeIcon, {
+      return /*#__PURE__*/React__default["default"].createElement(EdgeIcon, {
         width: dimension,
         height: dimension,
         color: blockQuoteColor
       });
     }
 
-    return /*#__PURE__*/React.createElement(CurveIcon, {
+    return /*#__PURE__*/React__default["default"].createElement(CurveIcon, {
       width: dimension,
       height: dimension,
       color: blockQuoteColor
@@ -3024,38 +3051,38 @@ var BlockQuoteBase = function BlockQuoteBase(_ref) {
   var textInvertColor = getTextColor(isBackground ? theme.backgroundColor : configData.theme);
 
   var updateStructure = function updateStructure() {
-    return template === "withBorder" ? /*#__PURE__*/React.createElement("div", {
+    return template === "withBorder" ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "block-quote-m_icon-border__2xQQY"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "block-quote-m_icon__m-EIZ"
-    }, SelectionOfIcon(iconType, template, blockQuoteColor, textColor)), /*#__PURE__*/React.createElement("div", {
+    }, SelectionOfIcon(iconType, template, blockQuoteColor, textColor)), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "block-quote-m_border__1ZTPR",
       style: blockQuoteColor && {
         backgroundColor: blockQuoteColor
       }
-    })) : /*#__PURE__*/React.createElement("div", {
+    })) : /*#__PURE__*/React__default["default"].createElement("div", {
       className: "block-quote-m_icon__m-EIZ"
     }, SelectionOfIcon(iconType, template, blockQuoteColor, textColor));
   };
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "blockquote",
     style: theme
   }, restProps, {
     className: "arrow-component arr--block-quote " + _getClassName("".concat(templateStyle, " ").concat(textColor), _styleModuleImportMap$d) + (" " + (restProps ? restProps.className || "" : ""))
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "block-quote-m_quote-wrapper__83bEy"
-  }, updateStructure(), /*#__PURE__*/React.createElement("div", {
+  }, updateStructure(), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "block-quote-m_wrapper__2KEhw",
     style: blockQuoteColor && {
       borderColor: blockQuoteColor
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: content
     },
     className: _getClassName("content ".concat(textInvertColor), _styleModuleImportMap$d)
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: attribution
     },
@@ -3063,17 +3090,17 @@ var BlockQuoteBase = function BlockQuoteBase(_ref) {
   }))));
 };
 BlockQuoteBase.propTypes = {
-  element: PropTypes.shape({
-    metadata: PropTypes.shape({
-      content: PropTypes.string,
-      attribution: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    metadata: PropTypes__default["default"].shape({
+      content: PropTypes__default["default"].string,
+      attribution: PropTypes__default["default"].string
     })
   }),
-  template: PropTypes.string,
+  template: PropTypes__default["default"].string,
   story: shapeStory,
   config: shapeConfig,
-  render: PropTypes.func,
-  css: PropTypes.object
+  render: PropTypes__default["default"].func,
+  css: PropTypes__default["default"].object
 };
 var BlockQuote = withElementWrapper(BlockQuoteBase);
 
@@ -3101,27 +3128,27 @@ var BigFactBase = function BigFactBase(_ref) {
   var _element$metadata = element.metadata,
       content = _element$metadata.content,
       attribution = _element$metadata.attribution;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "bigfact"
   }, restProps, {
     className: "arrow-component arr--bigfact-element " + _getClassName("bigfact-element ".concat(textInvertColor), _styleModuleImportMap$c) + (" " + (restProps ? restProps.className || "" : ""))
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "big-fact-m_content__1u2Ul"
-  }, content), /*#__PURE__*/React.createElement("div", {
+  }, content), /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "attribution",
     className: _getClassName("attribution ".concat(textInvertColor), _styleModuleImportMap$c)
   }, attribution));
 };
 
 BigFactBase.propTypes = {
-  element: PropTypes.shape({
-    metadata: PropTypes.shape({
-      content: PropTypes.string,
-      attribution: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    metadata: PropTypes__default["default"].shape({
+      content: PropTypes__default["default"].string,
+      attribution: PropTypes__default["default"].string
     })
   }),
-  story: PropTypes.object,
-  config: PropTypes.object
+  story: PropTypes__default["default"].object,
+  config: PropTypes__default["default"].object
 };
 var BigFact = withElementWrapper(BigFactBase);
 
@@ -3132,27 +3159,27 @@ var ImageFallbackIcon = function ImageFallbackIcon(_ref) {
       height = _ref$height === void 0 ? 30 : _ref$height,
       _ref$iconColor = _ref.iconColor,
       iconColor = _ref$iconColor === void 0 ? "#99B0CB" : _ref$iconColor;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     width: width,
     height: height,
     viewBox: "0 0 102 76",
     version: "1.1"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     id: "demo-home-copy",
     stroke: "none",
     strokeWidth: "1",
     fill: "none",
     fillRule: "evenodd",
     transform: "translate(-377.000000, -314.000000)"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     id: "Group-13",
     transform: "translate(377.000000, 314.000000)"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M43.2,49.7 L62.2,19.2 L87.2,59.4 L17,59.4 L32.8,39.4 L43.2,49.7 Z M29.9,28.6 C25.8683213,28.6 22.6,25.3316787 22.6,21.3 C22.6,17.2683213 25.8683213,14 29.9,14 C33.9316787,14 37.2,17.2683213 37.2,21.3 C37.2,25.3316787 33.9316787,28.6 29.9,28.6 Z",
     id: "Combined-Shape",
     fill: iconColor,
     fillRule: "nonzero"
-  }), /*#__PURE__*/React.createElement("rect", {
+  }), /*#__PURE__*/React__default["default"].createElement("rect", {
     id: "Rectangle-19",
     stroke: iconColor,
     strokeWidth: "3",
@@ -3164,24 +3191,24 @@ var ImageFallbackIcon = function ImageFallbackIcon(_ref) {
   }))));
 };
 ImageFallbackIcon.propTypes = {
-  width: PropTypes.object,
-  height: PropTypes.object,
-  iconColor: PropTypes.object
+  width: PropTypes__default["default"].object,
+  height: PropTypes__default["default"].object,
+  iconColor: PropTypes__default["default"].object
 };
 
 var imageFallback = function imageFallback() {
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "arr--fallback-image fallback-m_image__1GYCJ fallback-m_image-position__3KddP"
-  }, /*#__PURE__*/React.createElement("figure", {
+  }, /*#__PURE__*/React__default["default"].createElement("figure", {
     className: "arr--fallback-svg fallback-m_fallback-svg__tK9fL"
-  }, /*#__PURE__*/React.createElement(ImageFallbackIcon, null)));
+  }, /*#__PURE__*/React__default["default"].createElement(ImageFallbackIcon, null)));
 };
 
 var FallbackImage = function FallbackImage(_ref) {
   var slug = _ref.slug;
 
   if (slug) {
-    return /*#__PURE__*/React.createElement(Link, {
+    return /*#__PURE__*/React__default["default"].createElement(components.Link, {
       href: slug,
       "aria-label": "image-fallback"
     }, imageFallback());
@@ -3190,7 +3217,7 @@ var FallbackImage = function FallbackImage(_ref) {
   }
 };
 FallbackImage.propTypes = {
-  slug: PropTypes.string
+  slug: PropTypes__default["default"].string
 };
 
 var _excluded$8 = ["story", "element", "template", "opts", "css", "config", "render"];
@@ -3223,11 +3250,11 @@ var DisplayImage = function DisplayImage(_ref) {
   var rightAlignAspectRatio = isRightAlign && isMobile ? [4, 3] : [16, 9];
   var imageAspectRatio = isLeftAlign ? [16, 9] : rightAlignAspectRatio;
   var alternateText = story["hero-image-caption"] || story["headline"];
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "also-read-m_card-image-wrapper__3GFzu"
-  }, !isEmpty(linkedImage) ? /*#__PURE__*/React.createElement("figure", {
+  }, !isEmpty(linkedImage) ? /*#__PURE__*/React__default["default"].createElement("figure", {
     className: "also-read-m_card-image__3CwAv"
-  }, /*#__PURE__*/React.createElement(LazyLoadImages, null, /*#__PURE__*/React.createElement(ResponsiveImage, {
+  }, /*#__PURE__*/React__default["default"].createElement(components.LazyLoadImages, null, /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
     slug: linkedImage,
     "aspect-ratio": imageAspectRatio,
     defaultWidth: 480,
@@ -3236,19 +3263,19 @@ var DisplayImage = function DisplayImage(_ref) {
       auto: ["format", "compress"]
     },
     alt: alternateText
-  }))) : /*#__PURE__*/React.createElement("div", {
+  }))) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "arr--fallback-also-read also-read-m_image__2jdRP"
-  }, /*#__PURE__*/React.createElement(FallbackImage, null)));
+  }, /*#__PURE__*/React__default["default"].createElement(FallbackImage, null)));
 };
 
 DisplayImage.propTypes = {
-  story: PropTypes.shape({
-    "hero-image-caption": PropTypes.string,
-    headline: PropTypes.string
+  story: PropTypes__default["default"].shape({
+    "hero-image-caption": PropTypes__default["default"].string,
+    headline: PropTypes__default["default"].string
   }),
-  linkedImage: PropTypes.string,
-  template: PropTypes.string,
-  isRightAlign: PropTypes.bool
+  linkedImage: PropTypes__default["default"].string,
+  template: PropTypes__default["default"].string,
+  isRightAlign: PropTypes__default["default"].bool
 };
 
 var AlsoReadBase = function AlsoReadBase(_ref2) {
@@ -3281,22 +3308,22 @@ 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.createElement(Link, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(components.Link, _extends({
     "data-test-id": "also-read",
     href: storyUrl,
     "aria-label": "also-read"
   }, restProps, {
     className: "arrow-component arr--also-read-element " + _getClassName(templateStyle, _styleModuleImportMap$b) + (" " + (restProps ? restProps.className || "" : ""))
-  }), !isDefault && /*#__PURE__*/React.createElement("div", {
+  }), !isDefault && /*#__PURE__*/React__default["default"].createElement("div", {
     className: _getClassName("default-text ".concat(textInvertColor), _styleModuleImportMap$b)
-  }, displayTitle), isDefault && /*#__PURE__*/React.createElement(DisplayImage, {
+  }, displayTitle), isDefault && /*#__PURE__*/React__default["default"].createElement(DisplayImage, {
     story: story,
     linkedImage: linkedImage,
     template: template,
     isRightAlign: isRightAlign
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "also-read-m_content-wrapper__26AZX"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "also-read-m_headline__VzF-c",
     style: textColor ? {
       color: textColor
@@ -3306,7 +3333,7 @@ var AlsoReadBase = function AlsoReadBase(_ref2) {
     dangerouslySetInnerHTML: {
       __html: content
     }
-  }), isRightAlign && /*#__PURE__*/React.createElement(DisplayImage, {
+  }), isRightAlign && /*#__PURE__*/React__default["default"].createElement(DisplayImage, {
     story: story,
     linkedImage: linkedImage,
     template: template
@@ -3315,25 +3342,25 @@ var AlsoReadBase = function AlsoReadBase(_ref2) {
 
 AlsoReadBase.propTypes = {
   /**  template can be default, textLeftAlign or imageRightAlign */
-  template: PropTypes.string,
-  story: PropTypes.shape({
-    "linked-stories": PropTypes.object
+  template: PropTypes__default["default"].string,
+  story: PropTypes__default["default"].shape({
+    "linked-stories": PropTypes__default["default"].object
   }),
-  element: PropTypes.shape({
-    text: PropTypes.string,
-    metadata: PropTypes.shape({
-      linkedStoryId: PropTypes.shape({
-        url: PropTypes.string,
-        "hero-image-s3-key": PropTypes.string
+  element: PropTypes__default["default"].shape({
+    text: PropTypes__default["default"].string,
+    metadata: PropTypes__default["default"].shape({
+      linkedStoryId: PropTypes__default["default"].shape({
+        url: PropTypes__default["default"].string,
+        "hero-image-s3-key": PropTypes__default["default"].string
       })
     })
   }),
-  opts: PropTypes.shape({
-    title: PropTypes.string
+  opts: PropTypes__default["default"].shape({
+    title: PropTypes__default["default"].string
   }),
   config: shapeConfig,
-  render: PropTypes.func,
-  css: PropTypes.object
+  render: PropTypes__default["default"].func,
+  css: PropTypes__default["default"].object
 };
 var AlsoRead = withElementWrapper(AlsoReadBase);
 
@@ -3356,20 +3383,20 @@ var Loading = function Loading(_ref) {
   _ref.width;
       _ref.height;
       _ref.iconColor;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "loading-m_loading-indicator__2Dlst"
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/React__default["default"].createElement("svg", {
     width: "40",
     height: "40",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 100 100",
     preserveAspectRatio: "xMidYMid"
-  }, /*#__PURE__*/React.createElement("circle", {
+  }, /*#__PURE__*/React__default["default"].createElement("circle", {
     cx: "84",
     cy: "50",
     r: "0",
     fill: "currentColor"
-  }, /*#__PURE__*/React.createElement("animate", {
+  }, /*#__PURE__*/React__default["default"].createElement("animate", {
     attributeName: "r",
     values: "10;0;0;0;0",
     keyTimes: "0;0.25;0.5;0.75;1",
@@ -3378,7 +3405,7 @@ var Loading = function Loading(_ref) {
     dur: "2s",
     repeatCount: "indefinite",
     begin: "0s"
-  }), /*#__PURE__*/React.createElement("animate", {
+  }), /*#__PURE__*/React__default["default"].createElement("animate", {
     attributeName: "cx",
     values: "84;84;84;84;84",
     keyTimes: "0;0.25;0.5;0.75;1",
@@ -3387,12 +3414,12 @@ var Loading = function Loading(_ref) {
     dur: "2s",
     repeatCount: "indefinite",
     begin: "0s"
-  })), /*#__PURE__*/React.createElement("circle", {
+  })), /*#__PURE__*/React__default["default"].createElement("circle", {
     cx: "84",
     cy: "50",
     r: ".709",
     fill: "currentColor"
-  }, /*#__PURE__*/React.createElement("animate", {
+  }, /*#__PURE__*/React__default["default"].createElement("animate", {
     attributeName: "r",
     values: "0;10;10;10;0",
     keyTimes: "0;0.25;0.5;0.75;1",
@@ -3401,7 +3428,7 @@ var Loading = function Loading(_ref) {
     dur: "2s",
     repeatCount: "indefinite",
     begin: "-1s"
-  }), /*#__PURE__*/React.createElement("animate", {
+  }), /*#__PURE__*/React__default["default"].createElement("animate", {
     attributeName: "cx",
     values: "16;16;50;84;84",
     keyTimes: "0;0.25;0.5;0.75;1",
@@ -3410,12 +3437,12 @@ var Loading = function Loading(_ref) {
     dur: "2s",
     repeatCount: "indefinite",
     begin: "-1s"
-  })), /*#__PURE__*/React.createElement("circle", {
+  })), /*#__PURE__*/React__default["default"].createElement("circle", {
     cx: "81.59",
     cy: "50",
     r: "10",
     fill: "currentColor"
-  }, /*#__PURE__*/React.createElement("animate", {
+  }, /*#__PURE__*/React__default["default"].createElement("animate", {
     attributeName: "r",
     values: "0;10;10;10;0",
     keyTimes: "0;0.25;0.5;0.75;1",
@@ -3424,7 +3451,7 @@ var Loading = function Loading(_ref) {
     dur: "2s",
     repeatCount: "indefinite",
     begin: "-0.5s"
-  }), /*#__PURE__*/React.createElement("animate", {
+  }), /*#__PURE__*/React__default["default"].createElement("animate", {
     attributeName: "cx",
     values: "16;16;50;84;84",
     keyTimes: "0;0.25;0.5;0.75;1",
@@ -3433,12 +3460,12 @@ var Loading = function Loading(_ref) {
     dur: "2s",
     repeatCount: "indefinite",
     begin: "-0.5s"
-  })), /*#__PURE__*/React.createElement("circle", {
+  })), /*#__PURE__*/React__default["default"].createElement("circle", {
     cx: "47.59",
     cy: "50",
     r: "10",
     fill: "currentColor"
-  }, /*#__PURE__*/React.createElement("animate", {
+  }, /*#__PURE__*/React__default["default"].createElement("animate", {
     attributeName: "r",
     values: "0;10;10;10;0",
     keyTimes: "0;0.25;0.5;0.75;1",
@@ -3447,7 +3474,7 @@ var Loading = function Loading(_ref) {
     dur: "2s",
     repeatCount: "indefinite",
     begin: "0s"
-  }), /*#__PURE__*/React.createElement("animate", {
+  }), /*#__PURE__*/React__default["default"].createElement("animate", {
     attributeName: "cx",
     values: "16;16;50;84;84",
     keyTimes: "0;0.25;0.5;0.75;1",
@@ -3456,12 +3483,12 @@ var Loading = function Loading(_ref) {
     dur: "2s",
     repeatCount: "indefinite",
     begin: "0s"
-  })), /*#__PURE__*/React.createElement("circle", {
+  })), /*#__PURE__*/React__default["default"].createElement("circle", {
     cx: "16",
     cy: "50",
     r: "9.291",
     fill: "currentColor"
-  }, /*#__PURE__*/React.createElement("animate", {
+  }, /*#__PURE__*/React__default["default"].createElement("animate", {
     attributeName: "r",
     values: "0;0;10;10;10",
     keyTimes: "0;0.25;0.5;0.75;1",
@@ -3470,7 +3497,7 @@ var Loading = function Loading(_ref) {
     dur: "2s",
     repeatCount: "indefinite",
     begin: "0s"
-  }), /*#__PURE__*/React.createElement("animate", {
+  }), /*#__PURE__*/React__default["default"].createElement("animate", {
     attributeName: "cx",
     values: "16;16;16;50;84",
     keyTimes: "0;0.25;0.5;0.75;1",
@@ -3482,25 +3509,25 @@ var Loading = function Loading(_ref) {
   }))));
 };
 Loading.propTypes = {
-  width: PropTypes.object,
-  height: PropTypes.object,
-  iconColor: PropTypes.object
+  width: PropTypes__default["default"].object,
+  height: PropTypes__default["default"].object,
+  iconColor: PropTypes__default["default"].object
 };
 
 var HyperLinkIcon = function HyperLinkIcon() {
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "36",
     height: "28"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     fill: "none",
     fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("rect", {
+  }, /*#__PURE__*/React__default["default"].createElement("rect", {
     width: "36",
     height: "28",
     fill: "#3D6FCF",
     rx: "4"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     stroke: "#FFF",
     strokeLinecap: "round",
     strokeLinejoin: "round",
@@ -3513,23 +3540,23 @@ var HyperLink = function HyperLink(_ref) {
   var _ref$hyperLink = _ref.hyperLink,
       hyperLink = _ref$hyperLink === void 0 ? "" : _ref$hyperLink;
   if (!hyperLink) return null;
-  return /*#__PURE__*/React.createElement(Link, {
+  return /*#__PURE__*/React__default["default"].createElement(components.Link, {
     href: hyperLink,
     "aria-label": "hyperlink-button",
     className: "arr--hyperlink-button hyperlink-m_hyperlink-button__1CqWx",
     target: "_blank",
     rel: "noopener noreferrer"
-  }, /*#__PURE__*/React.createElement(HyperLinkIcon, null));
+  }, /*#__PURE__*/React__default["default"].createElement(HyperLinkIcon, null));
 };
 HyperLink.propTypes = {
-  hyperLink: PropTypes.string
+  hyperLink: PropTypes__default["default"].string
 };
 
 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; }
-var Lightbox = /*#__PURE__*/lazy(function () {
-  return import('react-image-lightbox');
+var Lightbox = /*#__PURE__*/React.lazy(function () {
+  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-image-lightbox')); });
 });
 var FullScreenImages = function FullScreenImages(_ref) {
   var _ref$imageSlug = _ref.imageSlug,
@@ -3538,16 +3565,16 @@ var FullScreenImages = function FullScreenImages(_ref) {
       _ref$element = _ref.element,
       element = _ref$element === void 0 ? {} : _ref$element,
       props = _ref.props;
-  var cdnImage = useSelector(function (state) {
+  var cdnImage = reactRedux.useSelector(function (state) {
     return get_1(state, ["qt", "config", "cdn-image"]);
   });
 
-  var _useState = useState(0),
+  var _useState = React.useState(0),
       _useState2 = _slicedToArray(_useState, 2),
       photoIndex = _useState2[0],
       handleImage = _useState2[1];
 
-  var _useState3 = useState(false),
+  var _useState3 = React.useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       isOpen = _useState4[0],
       handleOpen = _useState4[1];
@@ -3589,7 +3616,7 @@ var FullScreenImages = function FullScreenImages(_ref) {
 
   var getHyperLink = function getHyperLink() {
     if (element.hyperlink || hyperlinks[photoIndex]) {
-      return /*#__PURE__*/React.createElement(HyperLink, {
+      return /*#__PURE__*/React__default["default"].createElement(HyperLink, {
         hyperLink: element.hyperlink || hyperlinks[photoIndex]
       });
     }
@@ -3614,23 +3641,23 @@ var FullScreenImages = function FullScreenImages(_ref) {
   };
 
   var LoadingScreen = function LoadingScreen() {
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Loading, null));
+    return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Loading, null));
   };
 
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(template, _objectSpread(_defineProperty({}, onClickKey, onClickHandler), props)), isOpen ? /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement(LoadingScreen, null)
-  }, /*#__PURE__*/React.createElement(Lightbox, _extends({
+  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, {
+    fallback: /*#__PURE__*/React__default["default"].createElement(LoadingScreen, null)
+  }, /*#__PURE__*/React__default["default"].createElement(Lightbox, _extends({
     wrapperClassName: "arr--image-lightbox",
     onCloseRequest: onClose
   }, lightboxProps))) : null);
 };
 FullScreenImages.propTypes = {
-  imageSlug: PropTypes.string,
-  template: PropTypes.func,
-  element: PropTypes.shape({
-    "story-elements": PropTypes.array
+  imageSlug: PropTypes__default["default"].string,
+  template: PropTypes__default["default"].func,
+  element: PropTypes__default["default"].shape({
+    "story-elements": PropTypes__default["default"].array
   }),
-  props: PropTypes.object
+  props: PropTypes__default["default"].object
 };
 
 var _styleModuleImportMap$a = {
@@ -3667,14 +3694,14 @@ var CaptionAttribution = function CaptionAttribution(_ref) {
   var caption = heroImageCaption || title;
   var attribution = heroImageAttribution || imageAttribution;
   var updateStyle = caption ? "wrapper" : "";
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "caption",
     className: "arr--caption-attribution " + _getClassName("caption ".concat(textColor), _styleModuleImportMap$a)
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
     dangerouslySetInnerHTML: {
       __html: caption
     }
-  }), attribution && /*#__PURE__*/React.createElement("span", {
+  }), attribution && /*#__PURE__*/React__default["default"].createElement("span", {
     "data-test-id": "attribution",
     dangerouslySetInnerHTML: {
       __html: attribution
@@ -3683,13 +3710,13 @@ var CaptionAttribution = function CaptionAttribution(_ref) {
   }));
 };
 CaptionAttribution.propTypes = {
-  config: PropTypes.shape({
-    theme: PropTypes.string
+  config: PropTypes__default["default"].shape({
+    theme: PropTypes__default["default"].string
   }),
   story: shapeStory,
-  element: PropTypes.shape({
-    "image-attribution": PropTypes.string,
-    title: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    "image-attribution": PropTypes__default["default"].string,
+    title: PropTypes__default["default"].string
   })
 };
 
@@ -3711,14 +3738,14 @@ var ImageBase = function ImageBase(_ref) {
 
   var ImageTemplate = function ImageTemplate(_ref2) {
     var _onClick = _ref2.onClick;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "image-m_image-template__3s9OA"
-    }, /*#__PURE__*/React.createElement("figure", {
+    }, /*#__PURE__*/React__default["default"].createElement("figure", {
       className: "image-m_element__KVuzX",
       onClick: function onClick() {
         return _onClick();
       }
-    }, /*#__PURE__*/React.createElement(ResponsiveImage, {
+    }, /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
       slug: element["image-s3-key"],
       metadata: element["image-metadata"],
       alt: element["title"],
@@ -3728,40 +3755,40 @@ var ImageBase = function ImageBase(_ref) {
       imgParams: {
         auto: ["format", "compress"]
       }
-    })), element["hyperlink"] && /*#__PURE__*/React.createElement(HyperLink, {
+    })), element["hyperlink"] && /*#__PURE__*/React__default["default"].createElement(HyperLink, {
       hyperLink: element["hyperlink"]
     }));
   };
 
   ImageTemplate.propTypes = {
-    onClick: PropTypes.func
+    onClick: PropTypes__default["default"].func
   };
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     className: "arrow-component arr--image-element"
   }, restProps, {
     "data-test-id": "image-element"
-  }), /*#__PURE__*/React.createElement(FullScreenImages, {
+  }), /*#__PURE__*/React__default["default"].createElement(FullScreenImages, {
     template: ImageTemplate,
     element: element,
     imageSlug: element["image-s3-key"],
     story: story
-  }), caption && /*#__PURE__*/React.createElement(CaptionAttribution, {
+  }), caption && /*#__PURE__*/React__default["default"].createElement(CaptionAttribution, {
     element: element,
     config: configData
   }));
 };
 
 ImageBase.propTypes = {
-  element: PropTypes.shape({
-    "image-s3-key": PropTypes.string,
-    "image-metadata": PropTypes.object,
-    "image-attribution": PropTypes.string,
-    title: PropTypes.string,
-    hyperlink: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    "image-s3-key": PropTypes__default["default"].string,
+    "image-metadata": PropTypes__default["default"].object,
+    "image-attribution": PropTypes__default["default"].string,
+    title: PropTypes__default["default"].string,
+    hyperlink: PropTypes__default["default"].string
   }),
-  caption: PropTypes.bool,
-  opts: PropTypes.shape({
-    imageWidths: PropTypes.array
+  caption: PropTypes__default["default"].bool,
+  opts: PropTypes__default["default"].shape({
+    imageWidths: PropTypes__default["default"].array
   }),
   story: shapeStory,
   config: shapeConfig
@@ -3854,14 +3881,14 @@ var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
   var isAuthorImageTemplate = template === "withAuthorImage";
   var templateStyle = isAuthorImageTemplate ? "qa-withAuthorImage" : "qa-default";
   var iconType = defaultIconType === "curve" ? "curveIcon" : "edgeIcon";
-  var supportQuestionElement = isAuthorImageTemplate ? questionAttribution && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  var supportQuestionElement = isAuthorImageTemplate ? questionAttribution && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "question-answer-m_labelAttribution__Rq-v3"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: questionAttribution,
     loading: "lazy"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "question-answer-m_hidden__K0n4n"
-  })) : /*#__PURE__*/React.createElement("div", {
+  })) : /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": iconType,
     style: {
       backgroundColor: iconColor
@@ -3869,36 +3896,36 @@ var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
     className: _getClassName("".concat(iconType, " ").concat(theme), _styleModuleImportMap$9)
   }, "Q"); // EMPTY SPAN FOR EXTRA SPACE
 
-  var supportAnswerElement = isAuthorImageTemplate ? answerAttribution && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  var supportAnswerElement = isAuthorImageTemplate ? answerAttribution && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "question-answer-m_labelAttribution__Rq-v3"
-  }, /*#__PURE__*/React.createElement("img", {
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: answerAttribution,
     loading: "lazy"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "question-answer-m_hidden__K0n4n"
-  })) : /*#__PURE__*/React.createElement("div", {
+  })) : /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": iconType,
     style: {
       backgroundColor: iconColor
     },
     className: _getClassName("".concat(iconType, " ").concat(theme), _styleModuleImportMap$9)
   }, "A");
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "question-answer"
   }, restProps, {
     className: "arrow-component arr-custom-style arr--qa-element " + _getClassName(templateStyle, _styleModuleImportMap$9) + (" " + (restProps ? restProps.className || "" : ""))
-  }), type !== "answer" && /*#__PURE__*/React.createElement("div", {
+  }), type !== "answer" && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "question-answer-m_q-element__1ZA5d",
     "data-test-id": "question"
-  }, supportQuestionElement, /*#__PURE__*/React.createElement("div", {
+  }, supportQuestionElement, /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: questionData
     },
     className: _getClassName("content ".concat(textInvertColor), _styleModuleImportMap$9)
-  })), type !== "question" && /*#__PURE__*/React.createElement("div", {
+  })), type !== "question" && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "question-answer-m_a-element__BTxfl",
     "data-test-id": "answer"
-  }, supportAnswerElement, /*#__PURE__*/React.createElement("div", {
+  }, supportAnswerElement, /*#__PURE__*/React__default["default"].createElement("div", {
     dangerouslySetInnerHTML: {
       __html: answerData
     },
@@ -3907,29 +3934,29 @@ var QuestionAnswerBase = function QuestionAnswerBase(_ref) {
 };
 
 QuestionAnswerBase.propTypes = {
-  element: PropTypes.shape({
-    metadata: PropTypes.shape({
-      interviewer: PropTypes.shape({
-        "avatar-url": PropTypes.string
+  element: PropTypes__default["default"].shape({
+    metadata: PropTypes__default["default"].shape({
+      interviewer: PropTypes__default["default"].shape({
+        "avatar-url": PropTypes__default["default"].string
       }),
-      interviewee: PropTypes.shape({
-        "avatar-url": PropTypes.string
+      interviewee: PropTypes__default["default"].shape({
+        "avatar-url": PropTypes__default["default"].string
       }),
-      question: PropTypes.string,
-      answer: PropTypes.string
+      question: PropTypes__default["default"].string,
+      answer: PropTypes__default["default"].string
     }),
-    text: PropTypes.string
+    text: PropTypes__default["default"].string
   }),
-  opts: PropTypes.shape({
-    type: PropTypes.string,
-    defaultIconType: PropTypes.string,
-    isExternalLink: PropTypes.bool
+  opts: PropTypes__default["default"].shape({
+    type: PropTypes__default["default"].string,
+    defaultIconType: PropTypes__default["default"].string,
+    isExternalLink: PropTypes__default["default"].bool
   }),
-  template: PropTypes.string,
-  css: PropTypes.object,
+  template: PropTypes__default["default"].string,
+  css: PropTypes__default["default"].object,
   config: shapeConfig,
   story: shapeStory,
-  render: PropTypes.func
+  render: PropTypes__default["default"].func
 };
 var QuestionAnswer = withElementWrapper(QuestionAnswerBase);
 
@@ -3971,17 +3998,17 @@ var ImageGalleryBase = function ImageGalleryBase(_ref) {
   var ImageGalleryImagesTemplate = function ImageGalleryImagesTemplate(_ref2) {
     var onClickHandler = _ref2.onClickHandler;
     var images = renderImage.map(function (image, index) {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         key: index,
         className: _getClassName(hyperlinkClass(image["hyperlink"]), _styleModuleImportMap$8)
-      }, /*#__PURE__*/React.createElement("figure", {
+      }, /*#__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$8)
-      }, /*#__PURE__*/React.createElement(ResponsiveImage, {
+      }, /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
         slug: image["image-s3-key"],
         metadata: image["image-metadata"],
         alt: image["title"],
@@ -3990,11 +4017,11 @@ var ImageGalleryBase = function ImageGalleryBase(_ref) {
         imgParams: {
           auto: ["format", "compress"]
         }
-      })), image["hyperlink"] && /*#__PURE__*/React.createElement(HyperLink, {
+      })), image["hyperlink"] && /*#__PURE__*/React__default["default"].createElement(HyperLink, {
         hyperLink: image["hyperlink"]
       }));
     });
-    return /*#__PURE__*/React.createElement("div", _extends({
+    return /*#__PURE__*/React__default["default"].createElement("div", _extends({
       className: " arrow-component arr--image-element image-gallery-m_image-gallery__1Q7if" + (" " + (restProps ? restProps.className || "" : ""))
     }, restProps, {
       "data-test-id": "image-gallery"
@@ -4002,24 +4029,24 @@ var ImageGalleryBase = function ImageGalleryBase(_ref) {
   };
 
   ImageGalleryImagesTemplate.propTypes = {
-    onClickHandler: PropTypes.func
+    onClickHandler: PropTypes__default["default"].func
   };
-  return /*#__PURE__*/React.createElement(FullScreenImages, {
+  return /*#__PURE__*/React__default["default"].createElement(FullScreenImages, {
     template: ImageGalleryImagesTemplate,
     element: element
   });
 };
 
 ImageGalleryBase.propTypes = {
-  element: PropTypes.shape({
-    "story-elements": PropTypes.array
+  element: PropTypes__default["default"].shape({
+    "story-elements": PropTypes__default["default"].array
   }),
-  opts: PropTypes.shape({
-    imageWidths: PropTypes.array
+  opts: PropTypes__default["default"].shape({
+    imageWidths: PropTypes__default["default"].array
   }),
   story: shapeStory,
   config: shapeConfig,
-  template: PropTypes.string
+  template: PropTypes__default["default"].string
 };
 var ImageGallery = withElementWrapper(ImageGalleryBase);
 
@@ -4031,16 +4058,16 @@ var StoryElementBase = function StoryElementBase(_ref) {
       _ref.config;
       var restProps = _objectWithoutProperties(_ref, _excluded$4);
 
-  return /*#__PURE__*/React.createElement("div", _extends({}, restProps, {
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({}, restProps, {
     "data-test-id": "story-elements"
-  }), /*#__PURE__*/React.createElement(StoryElement$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(components.StoryElement, {
     element: element
   }));
 };
 
 var StoryElement = withElementWrapper(StoryElementBase);
 StoryElementBase.propTypes = {
-  element: PropTypes.object,
+  element: PropTypes__default["default"].object,
   story: shapeStory,
   config: shapeConfig
 };
@@ -4055,21 +4082,21 @@ var Videobase = function Videobase(_ref) {
       loadIframeOnClick = _ref$loadIframeOnClic === void 0 ? false : _ref$loadIframeOnClic,
       restProps = _objectWithoutProperties(_ref, _excluded$3);
 
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     className: "video-m_container__MYuWI" + (" " + (restProps ? restProps.className || "" : ""))
   }, restProps, {
     "data-test-id": "video"
-  }), /*#__PURE__*/React.createElement(StoryElement$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(components.StoryElement, {
     element: element,
     loadIframeOnClick: loadIframeOnClick
   }));
 };
 
 Videobase.propTypes = {
-  element: PropTypes.object,
+  element: PropTypes__default["default"].object,
   story: shapeStory,
   config: shapeConfig,
-  loadIframeOnClick: PropTypes.bool
+  loadIframeOnClick: PropTypes__default["default"].bool
 };
 var Video = withElementWrapper(Videobase);
 
@@ -4110,16 +4137,16 @@ 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.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "quote"
   }, restProps, {
     className: "arrow-component arr--quote-element " + _getClassName(templateStyle, _styleModuleImportMap$7) + (" " + (restProps ? restProps.className || "" : ""))
-  }), template === "borderTopSmall" && /*#__PURE__*/React.createElement("div", {
+  }), template === "borderTopSmall" && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "quote-m_line__3gtoE",
     style: borderColor && {
       backgroundColor: borderColor
     }
-  }), /*#__PURE__*/React.createElement("p", {
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
     style: borderColor && {
       borderLeft: updateBorderColor
     },
@@ -4127,26 +4154,26 @@ var QuoteBase = function QuoteBase(_ref) {
       __html: content
     },
     className: _getClassName("text ".concat(textInvertColor), _styleModuleImportMap$7)
-  }), /*#__PURE__*/React.createElement("p", {
+  }), /*#__PURE__*/React__default["default"].createElement("p", {
     "data-test-id": "quote-attribution",
     className: _getClassName("attribution ".concat(textInvertColor), _styleModuleImportMap$7)
   }, attribution));
 };
 
 QuoteBase.propTypes = {
-  element: PropTypes.shape({
-    metadata: PropTypes.shape({
-      content: PropTypes.string,
-      attribution: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    metadata: PropTypes__default["default"].shape({
+      content: PropTypes__default["default"].string,
+      attribution: PropTypes__default["default"].string
     })
   }),
 
   /** template can be default, borderTopSmall and borderLeft  */
-  template: PropTypes.string,
+  template: PropTypes__default["default"].string,
   story: shapeStory,
   config: shapeConfig,
-  render: PropTypes.func,
-  css: PropTypes.object
+  render: PropTypes__default["default"].func,
+  css: PropTypes__default["default"].object
 };
 var Quote = withElementWrapper(QuoteBase);
 
@@ -4180,7 +4207,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.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     className: "arrow-component arr--reference-element"
   }, restProps), eleArr && eleArr.map(function (metadata, index) {
     var _metadata$name = metadata.name,
@@ -4188,33 +4215,33 @@ var ReferenceBase = function ReferenceBase(_ref) {
         _metadata$description = metadata.description,
         description = _metadata$description === void 0 ? "" : _metadata$description,
         url = metadata.url;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       key: index,
       className: _getClassName("wrapper ".concat(textInvertColor), _styleModuleImportMap$6)
-    }, /*#__PURE__*/React.createElement(Link, {
+    }, /*#__PURE__*/React__default["default"].createElement(components.Link, {
       href: url,
       "aria-label": "reference-headline"
-    }, showHeadline && /*#__PURE__*/React.createElement("div", {
+    }, showHeadline && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "reference-m_name__24IwG",
       "data-test-id": "ref-headline"
-    }, headlineText || name), /*#__PURE__*/React.createElement("div", {
+    }, headlineText || name), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "reference-m_description__2x3Io"
     }, description)));
   }));
 };
 
 ReferenceBase.propTypes = {
-  element: PropTypes.shape({
-    "story-elements": PropTypes.arrayOf(PropTypes.shape({
-      metadata: PropTypes.shape({
-        name: PropTypes.string,
-        description: PropTypes.string,
-        url: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    "story-elements": PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+      metadata: PropTypes__default["default"].shape({
+        name: PropTypes__default["default"].string,
+        description: PropTypes__default["default"].string,
+        url: PropTypes__default["default"].string
       })
     }))
   }),
-  opts: PropTypes.shape({
-    hideHeadline: PropTypes.bool
+  opts: PropTypes__default["default"].shape({
+    hideHeadline: PropTypes__default["default"].bool
   }),
   config: shapeConfig
 };
@@ -4256,28 +4283,28 @@ var AttachmentBase = function AttachmentBase(_ref) {
   var textColor = getTextColor(configData.theme);
   var defaultName = isPdf ? "Attached PDF" : "Attached DOC";
   var defaultFileName = fileName || defaultName;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("div", _extends({
     "data-test-id": "attachment"
   }, restProps, {
     className: "arrow-component arr--attachment-element " + _getClassName(textColor, _styleModuleImportMap$5) + (" " + (restProps ? restProps.className || "" : ""))
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "attachment-m_headline__kP7Hs"
-  }, "Attachment"), /*#__PURE__*/React.createElement("div", {
+  }, "Attachment"), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "attachment-m_wrapper__3gMwN"
-  }, isPdf ? /*#__PURE__*/React.createElement("div", {
+  }, isPdf ? /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "pdf",
     className: "attachment-m_pdf__3i_bR"
-  }, "PDF") : /*#__PURE__*/React.createElement("div", {
+  }, "PDF") : /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "doc",
     className: "attachment-m_doc__6vUVo attachment-m_pdf__3i_bR"
-  }, "DOC"), /*#__PURE__*/React.createElement("div", {
+  }, "DOC"), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "attachment-m_content-wrapper__3Yu0B"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "attachment-m_file-name__1LU9q",
     dangerouslySetInnerHTML: {
       __html: defaultFileName
     }
-  }), /*#__PURE__*/React.createElement(Link, {
+  }), /*#__PURE__*/React__default["default"].createElement(components.Link, {
     className: "attachment-m_button-wrapper__2fajK",
     href: url,
     target: "_blank",
@@ -4288,117 +4315,117 @@ var AttachmentBase = function AttachmentBase(_ref) {
 };
 
 AttachmentBase.propTypes = {
-  element: PropTypes.shape({
-    url: PropTypes.string,
-    fileName: PropTypes.string,
-    contentType: PropTypes.string
+  element: PropTypes__default["default"].shape({
+    url: PropTypes__default["default"].string,
+    fileName: PropTypes__default["default"].string,
+    contentType: PropTypes__default["default"].string
   }),
-  render: PropTypes.func
+  render: PropTypes__default["default"].func
 };
 var Attachment = withElementWrapper(AttachmentBase);
 
 var Twitter = function Twitter(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#1CB7EB" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  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.createElement("path", {
+  }, /*#__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.string
+  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.createElement("svg", {
+  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.createElement("path", {
+  }, /*#__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.string
+  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.createElement("svg", {
+  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.createElement("path", {
+  }, /*#__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.string
+  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.createElement("svg", {
+  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.createElement("path", {
+  }, /*#__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.string
+  color: PropTypes__default["default"].string
 };
 
 var getSocialIcons = function getSocialIcons(color, iconType) {
   switch (iconType) {
     case "plain-color-svg":
       return {
-        facebook: /*#__PURE__*/React.createElement(Facebook, {
+        facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
           key: iconType
         }),
-        twitter: /*#__PURE__*/React.createElement(Twitter, {
+        twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
           key: iconType
         }),
-        linkedin: /*#__PURE__*/React.createElement(LinkedIn, {
+        linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
           key: iconType
         }),
-        whatsapp: /*#__PURE__*/React.createElement(WhatsApp, {
+        whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
           key: iconType
         })
       };
 
     default:
       return {
-        facebook: /*#__PURE__*/React.createElement(Facebook, {
+        facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
           color: color,
           key: iconType
         }),
-        twitter: /*#__PURE__*/React.createElement(Twitter, {
+        twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
           color: color,
           key: iconType
         }),
-        linkedin: /*#__PURE__*/React.createElement(LinkedIn, {
+        linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
           color: color,
           key: iconType
         }),
-        whatsapp: /*#__PURE__*/React.createElement(WhatsApp, {
+        whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
           color: color,
           key: iconType
         })
@@ -4454,22 +4481,22 @@ var socialShareData = function socialShareData(_ref) {
 var CloseIcon = function CloseIcon(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#333" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  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.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     fill: "none",
     stroke: color,
     strokeLinecap: "square",
     strokeWidth: "2"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__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.string
+  color: PropTypes__default["default"].string
 };
 
 var _styleModuleImportMap$4 = {
@@ -4490,17 +4517,17 @@ var _styleModuleImportMap$4 = {
 };
 
 var popupSocialShareItem = function popupSocialShareItem(url, icon, text, index) {
-  return url ? /*#__PURE__*/React.createElement("li", {
+  return url ? /*#__PURE__*/React__default["default"].createElement("li", {
     className: "social-share-popup-m_social-icon-wrapper__36jyV",
     "data-testid": text,
     key: "popup-item-".concat(index)
-  }, /*#__PURE__*/React.createElement("a", {
+  }, /*#__PURE__*/React__default["default"].createElement("a", {
     href: url,
     target: "_blank",
     rel: "noopener noreferrer",
     className: "social-share-popup-m_social-wrapper__1lPzr",
     "aria-label": "social-icon"
-  }, icon, /*#__PURE__*/React.createElement("span", {
+  }, icon, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "social-share-popup-m_social-text__1QPXb"
   }, text))) : null;
 };
@@ -4530,20 +4557,20 @@ var SocialSharePopup = function SocialSharePopup(_ref) {
     iconType: iconType
   };
   var popupItemsList = socialShareData(options);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: _getClassName("share-popup-wrapper ".concat(textColor), _styleModuleImportMap$4)
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "social-share-popup-m_share-popup__QRt3l social-share-popup-m_share-popup-wrapper__GEJqD"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "social-share-popup-m_top-bar__174Um"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "social-share-popup-m_share-text__19E-F"
-  }, "Share via"), /*#__PURE__*/React.createElement("span", {
+  }, "Share via"), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "social-share-popup-m_close__3k-Hj",
     onClick: closePopup
-  }, /*#__PURE__*/React.createElement(CloseIcon, {
+  }, /*#__PURE__*/React__default["default"].createElement(CloseIcon, {
     color: iconColor
-  }))), /*#__PURE__*/React.createElement("ul", {
+  }))), /*#__PURE__*/React__default["default"].createElement("ul", {
     className: "social-share-popup-m_wrapper__3Ytce"
   }, popupItemsList.map(function (_ref2, index) {
     var url = _ref2.url,
@@ -4555,33 +4582,33 @@ var SocialSharePopup = function SocialSharePopup(_ref) {
   }))));
 };
 SocialSharePopup.propTypes = {
-  fbUrl: PropTypes.string,
-  twitterUrl: PropTypes.string,
-  linkedinUrl: PropTypes.string,
-  whatsappUrl: PropTypes.string,
-  grey: PropTypes.string,
-  primaryColor: PropTypes.string,
-  closePopup: PropTypes.bool,
-  theme: PropTypes.string,
-  iconType: PropTypes.string
+  fbUrl: PropTypes__default["default"].string,
+  twitterUrl: PropTypes__default["default"].string,
+  linkedinUrl: PropTypes__default["default"].string,
+  whatsappUrl: PropTypes__default["default"].string,
+  grey: PropTypes__default["default"].string,
+  primaryColor: PropTypes__default["default"].string,
+  closePopup: PropTypes__default["default"].bool,
+  theme: PropTypes__default["default"].string,
+  iconType: PropTypes__default["default"].string
 };
 
 var ShareIcon = function ShareIcon(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#0D0D0D" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  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.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: color,
     fillRule: "evenodd",
     d: "M15.843 3.189c-1.478 0-2.689 1.239-2.689 2.75 0 .293.046.58.13.846L8.844 9.31a2.638 2.638 0 00-1.687-.621c-1.477 0-2.688 1.238-2.688 2.75 0 1.51 1.21 2.75 2.688 2.75.638 0 1.224-.231 1.687-.615l4.446 2.525a2.778 2.778 0 00-.136.84c0 1.51 1.211 2.75 2.689 2.75 1.477 0 2.688-1.24 2.688-2.75 0-1.512-1.21-2.75-2.688-2.75-.742 0-1.419.317-1.907.82l-4.323-2.46a2.763 2.763 0 000-2.221l4.317-2.459c.488.506 1.168.82 1.913.82 1.477 0 2.688-1.239 2.688-2.75s-1.21-2.75-2.688-2.75z"
   }));
 };
 ShareIcon.propTypes = {
-  color: PropTypes.string
+  color: PropTypes__default["default"].string
 };
 
 /**
@@ -4850,10 +4877,10 @@ var ShareItem = function ShareItem(_ref) {
       url = _ref.url,
       icon = _ref.icon,
       dataTestId = _ref.dataTestId;
-  return url ? /*#__PURE__*/React.createElement("li", {
+  return url ? /*#__PURE__*/React__default["default"].createElement("li", {
     "data-testid": dataTestId,
     className: "social-share-template-m_icon__1Mnu5"
-  }, /*#__PURE__*/React.createElement("a", {
+  }, /*#__PURE__*/React__default["default"].createElement("a", {
     href: url,
     target: "_blank",
     rel: "noopener noreferrer",
@@ -4863,17 +4890,17 @@ var ShareItem = function ShareItem(_ref) {
 };
 
 ShareItem.propTypes = {
-  name: PropTypes.string,
-  url: PropTypes.string,
-  icon: PropTypes.node,
-  dataTestId: PropTypes.string
+  name: PropTypes__default["default"].string,
+  url: PropTypes__default["default"].string,
+  icon: PropTypes__default["default"].node,
+  dataTestId: PropTypes__default["default"].string
 };
 
 function getActionIcon(open, color) {
-  if (!open) return /*#__PURE__*/React.createElement(ShareIcon, {
+  if (!open) return /*#__PURE__*/React__default["default"].createElement(ShareIcon, {
     color: color
   });
-  return /*#__PURE__*/React.createElement(CloseIcon, {
+  return /*#__PURE__*/React__default["default"].createElement(CloseIcon, {
     color: color
   });
 }
@@ -4907,21 +4934,21 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
   };
   var iconsList = socialShareData(options);
 
-  var _useState = useState(open),
+  var _useState = React.useState(open),
       _useState2 = _slicedToArray(_useState, 2),
       isOpen = _useState2[0],
       setIsOpen = _useState2[1];
 
   var verticalShare = vertical ? "vertical" : "horizontal";
-  useEffect(function () {
+  React.useEffect(function () {
     return setIsOpen(open);
   }, [open]);
 
   var shareIcon = function shareIcon() {
-    return /*#__PURE__*/React.createElement("li", {
+    return /*#__PURE__*/React__default["default"].createElement("li", {
       className: "social-share-template-m_icon__1Mnu5",
       key: "horizontal-0"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       onClick: clickHandler
     }, getActionIcon(isOpen, iconColor)));
   };
@@ -4931,16 +4958,16 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
   };
 
   var popUpWrapper = function popUpWrapper() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "social-share-template-m_tablet-view__kATzi"
-    }, !isOpen && /*#__PURE__*/React.createElement("ul", {
+    }, !isOpen && /*#__PURE__*/React__default["default"].createElement("ul", {
       className: _getClassName("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap$3)
-    }, shareIcon()), isOpen && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }, 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.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "arr--popup " + _getClassName("popup-wrapper ".concat(isOpen ? "popup-open" : ""), _styleModuleImportMap$3)
-    }, /*#__PURE__*/React.createElement(SocialSharePopup, {
+    }, /*#__PURE__*/React__default["default"].createElement(SocialSharePopup, {
       fbUrl: fbUrl,
       twitterUrl: twitterUrl,
       linkedinUrl: linkedinUrl,
@@ -4954,76 +4981,76 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
   };
 
   var popupStyle = !isOpen && vertical ? "tablet-view-popup" : "";
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": verticalShare,
     className: "arr--share " + _getClassName("".concat(iconShade, " ").concat(verticalShare, " ").concat(popupStyle), _styleModuleImportMap$3)
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "social-share-template-m_desktop-view__3TmkO"
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     "data-test-id": camelCase_1(iconType),
     className: "desktop-share-wrapper " + _getClassName("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap$3)
   }, shareIcon(), iconsList.map(function (iconData, index) {
-    return /*#__PURE__*/React.createElement(ShareItem, _extends({}, iconData, {
+    return /*#__PURE__*/React__default["default"].createElement(ShareItem, _extends({}, iconData, {
       key: iconData.name,
       dataTestId: "card-share-".concat(index)
     }));
   }))), popUpWrapper());
 };
 SocialShareTemplate.propTypes = {
-  fbUrl: PropTypes.string,
-  twitterUrl: PropTypes.string,
-  linkedinUrl: PropTypes.string,
-  whatsappUrl: PropTypes.string,
-  vertical: PropTypes.bool,
-  theme: PropTypes.string,
-  iconType: PropTypes.string,
-  open: PropTypes["boolean"]
+  fbUrl: PropTypes__default["default"].string,
+  twitterUrl: PropTypes__default["default"].string,
+  linkedinUrl: PropTypes__default["default"].string,
+  whatsappUrl: PropTypes__default["default"].string,
+  vertical: PropTypes__default["default"].bool,
+  theme: PropTypes__default["default"].string,
+  iconType: PropTypes__default["default"].string,
+  open: PropTypes__default["default"]["boolean"]
 };
 
 var LeftArrow = function LeftArrow(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#333" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     viewBox: "0 0 10 16"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     fill: "none",
     fillRule: "nonzero"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M17 20H-7V-4h24z",
     opacity: ".384"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     stroke: color,
     d: "M9 16L1 8l8-8"
   })));
 };
 LeftArrow.propTypes = {
-  color: PropTypes.string
+  color: PropTypes__default["default"].string
 };
 
 var RightArrow = function RightArrow(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#333" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "16",
     height: "16",
     viewBox: "0 0 10 16"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     fill: "none",
     fillRule: "nonzero"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M-7-4h24v24H-7z",
     opacity: ".384"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
     stroke: color,
     d: "M1 0l8 8-8 8"
   })));
 };
 RightArrow.propTypes = {
-  color: PropTypes.string
+  color: PropTypes__default["default"].string
 };
 
 var _styleModuleImportMap$2 = {
@@ -5061,26 +5088,26 @@ var SliderArrow = function SliderArrow(_ref) {
 
   var getLeftArrowClassName = languageDirection === "rtl" ? "left-arrow-rtl" : "left-arrow-ltr";
   var getRightArrowClassName = languageDirection === "rtl" ? "right-arrow-rtl" : "right-arrow-ltr";
-  return /*#__PURE__*/React.createElement(React.Fragment, null, selectedIndex !== 0 ? /*#__PURE__*/React.createElement("button", {
+  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$2)
-  }, /*#__PURE__*/React.createElement(LeftArrow, {
+  }, /*#__PURE__*/React__default["default"].createElement(LeftArrow, {
     color: textColor === "dark" ? "#fff" : "#333"
-  })) : null, selectedIndex < noOfItems - 1 && rightArrowView() ? /*#__PURE__*/React.createElement("button", {
+  })) : 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$2)
-  }, /*#__PURE__*/React.createElement(RightArrow, {
+  }, /*#__PURE__*/React__default["default"].createElement(RightArrow, {
     color: textColor === "dark" ? "#fff" : "#333"
   })) : null);
 };
 SliderArrow.propTypes = {
-  noOfItems: number,
-  perView: number,
-  slideIndicator: string,
-  previousClick: func,
-  nextClick: func,
-  selectedIndex: number,
-  languageDirection: string
+  noOfItems: PropTypes.number,
+  perView: PropTypes.number,
+  slideIndicator: PropTypes.string,
+  previousClick: PropTypes.func,
+  nextClick: PropTypes.func,
+  selectedIndex: PropTypes.number,
+  languageDirection: PropTypes.string
 };
 
 var _styleModuleImportMap$1 = {
@@ -5108,27 +5135,27 @@ var SliderIndicator = function SliderIndicator(_ref) {
 
   var config = useStateValue() || {};
   var textColor = getTextColor(config.theme);
-  return /*#__PURE__*/React.createElement("ul", {
+  return /*#__PURE__*/React__default["default"].createElement("ul", {
     className: "slider-indicators slider-indicator-m_indicators__3MNXc"
   }, indicatorItems.map(function (_, index) {
-    return /*#__PURE__*/React.createElement("li", {
+    return /*#__PURE__*/React__default["default"].createElement("li", {
       key: "slider-".concat(index),
       className: "indicator slider-indicator-m_indicator__gTv3x",
       onClick: function onClick(e) {
         return indicatorClick(e, index);
       }
-    }, /*#__PURE__*/React.createElement("button", {
+    }, /*#__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$1)
     }));
   }));
 };
 SliderIndicator.propTypes = {
-  indicatorItems: array,
-  perView: number,
-  indicatorType: string,
-  indicatorClick: func,
-  selectedIndex: number
+  indicatorItems: PropTypes.array,
+  perView: PropTypes.number,
+  indicatorType: PropTypes.string,
+  indicatorClick: PropTypes.func,
+  selectedIndex: PropTypes.number
 };
 
 var smoothScroll = function smoothScroll(node, topOrLeft, horizontal) {
@@ -5163,24 +5190,24 @@ var ScrollSnap = function ScrollSnap(_ref) {
       perView = _ref.perView,
       slideIndicator = _ref.slideIndicator;
 
-  var _useState = useState(0),
+  var _useState = React.useState(0),
       _useState2 = _slicedToArray(_useState, 2),
       selectedIndex = _useState2[0],
       setSelectedIndex = _useState2[1];
 
-  var _useState3 = useState(false),
+  var _useState3 = React.useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       autoScroll = _useState4[0],
       setAutoScroll = _useState4[1];
 
-  var languageDirection = useSelector(function (state) {
+  var languageDirection = reactRedux.useSelector(function (state) {
     return get_1(state, ["qt", "config", "language", "direction"], "ltr");
   });
   var noOfItems = children ? children.length : 0;
-  var scroller = useRef(null);
+  var scroller = React.useRef(null);
   var numberOfIndicatorsToShow = children.length - (perView - 1);
   var indicatorItems = children.slice(0, numberOfIndicatorsToShow);
-  useEffect(function () {
+  React.useEffect(function () {
     if (scroller.current) {
       scroller.current.addEventListener("scroll", setIndicatorValue(function () {
         var value = Math.round(scroller.current.scrollLeft / scroller.current.scrollWidth * noOfItems);
@@ -5197,7 +5224,7 @@ var ScrollSnap = function ScrollSnap(_ref) {
     };
   }, []); // Infinite scroll
 
-  useEffect(function () {
+  React.useEffect(function () {
     if (isInfinite && !autoScroll) {
       var timer = setInterval(function () {
         infiniteScroll();
@@ -5246,23 +5273,23 @@ var ScrollSnap = function ScrollSnap(_ref) {
     updateItemSelection(newIndex, languageDirection, scroller, noOfItems);
   };
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "scroll-snap-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "scroll-snap-wrapper scroll-snap-m_wrapper__1Rz9v",
     onMouseEnter: pauseAutoPlay,
     onMouseLeave: pauseAutoPlay
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     ref: scroller,
     className: "scroll-snap-carousel scroll-snap-m_carousel__2m3cg"
-  }, children), isArrow && /*#__PURE__*/React.createElement(SliderArrow, {
+  }, children), isArrow && /*#__PURE__*/React__default["default"].createElement(SliderArrow, {
     noOfItems: noOfItems,
     perView: perView,
     previousClick: previousClick,
     nextClick: nextClick,
     selectedIndex: selectedIndex,
     languageDirection: languageDirection
-  })), children.length > perView && slideIndicator !== "none" && /*#__PURE__*/React.createElement(SliderIndicator, {
+  })), children.length > perView && slideIndicator !== "none" && /*#__PURE__*/React__default["default"].createElement(SliderIndicator, {
     indicatorItems: indicatorItems,
     indicatorClick: indicatorClick,
     selectedIndex: selectedIndex,
@@ -5278,13 +5305,13 @@ ScrollSnap.defaultProps = {
   slideIndicator: "dots"
 };
 ScrollSnap.propTypes = {
-  children: array.isRequired,
-  isArrow: bool,
-  isInfinite: bool,
-  interval: number,
-  pauseOnHover: bool,
-  perView: number,
-  slideIndicator: string
+  children: PropTypes.array.isRequired,
+  isArrow: PropTypes.bool,
+  isInfinite: PropTypes.bool,
+  interval: PropTypes.number,
+  pauseOnHover: PropTypes.bool,
+  perView: PropTypes.number,
+  slideIndicator: PropTypes.string
 };
 
 var ImageSlideshowBase = function ImageSlideshowBase(props) {
@@ -5297,18 +5324,18 @@ var ImageSlideshowBase = function ImageSlideshowBase(props) {
         title = image.title,
         _image$hyperlink = image.hyperlink,
         hyperlink = _image$hyperlink === void 0 ? "" : _image$hyperlink;
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "image-slideshow-m_slide__3URCC",
       key: id
-    }, /*#__PURE__*/React.createElement("figure", {
+    }, /*#__PURE__*/React__default["default"].createElement("figure", {
       key: id,
       className: "image-slideshow-m_image-container__2VTEK",
       onClick: function onClick() {
         return onClickHandler(index);
       }
-    }, /*#__PURE__*/React.createElement(LazyLoadImages, {
+    }, /*#__PURE__*/React__default["default"].createElement(components.LazyLoadImages, {
       margin: "0px"
-    }, /*#__PURE__*/React.createElement(ResponsiveImage, {
+    }, /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
       slug: imageS3Key,
       metadata: metadata,
       "aspect-ratio": [16, 9],
@@ -5319,9 +5346,9 @@ var ImageSlideshowBase = function ImageSlideshowBase(props) {
       },
       className: "image-slideshow-m_image__1p1fO",
       alt: title
-    }))), hyperlink && /*#__PURE__*/React.createElement(HyperLink, {
+    }))), hyperlink && /*#__PURE__*/React__default["default"].createElement(HyperLink, {
       hyperLink: hyperlink
-    }), /*#__PURE__*/React.createElement("p", {
+    }), /*#__PURE__*/React__default["default"].createElement("p", {
       className: "image-slideshow-m_caption__mWpmc",
       dangerouslySetInnerHTML: {
         __html: title
@@ -5332,10 +5359,10 @@ var ImageSlideshowBase = function ImageSlideshowBase(props) {
   var ImageSlideshowTemplate = function ImageSlideshowTemplate(_ref) {
     var onClickHandler = _ref.onClickHandler;
     var storyElements = get_1(props, ["element", "story-elements"], []);
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "arr--image-slideshow-element image-slideshow-m_slideshow__3jRFX",
       "data-test-id": "image-slideshow"
-    }, /*#__PURE__*/React.createElement(ScrollSnap, {
+    }, /*#__PURE__*/React__default["default"].createElement(ScrollSnap, {
       slideIndicator: "none"
     }, storyElements.map(function (image, index) {
       return Slide(image, index, onClickHandler);
@@ -5343,17 +5370,17 @@ var ImageSlideshowBase = function ImageSlideshowBase(props) {
   };
 
   ImageSlideshowTemplate.propTypes = {
-    onClickHandler: PropTypes.func
+    onClickHandler: PropTypes__default["default"].func
   };
-  return /*#__PURE__*/React.createElement(FullScreenImages, {
+  return /*#__PURE__*/React__default["default"].createElement(FullScreenImages, {
     template: ImageSlideshowTemplate,
     element: props.element
   });
 };
 
 ImageSlideshowBase.propTypes = {
-  element: PropTypes.shape({
-    "story-elements": PropTypes.array
+  element: PropTypes__default["default"].shape({
+    "story-elements": PropTypes__default["default"].array
   }),
   story: shapeStory
 };
@@ -5411,12 +5438,12 @@ var getElement = function getElement(story, element) {
 
   switch (elementType) {
     case "ad":
-      return /*#__PURE__*/React.createElement(AdComponent, _extends({}, element, {
+      return /*#__PURE__*/React__default["default"].createElement(AdComponent, _extends({}, element, {
         id: "ad-".concat(index, "_").concat(cardId)
       }));
 
     case "widget":
-      return /*#__PURE__*/React.createElement(WidgetComp, {
+      return /*#__PURE__*/React__default["default"].createElement(WidgetComp, {
         widgetCode: element.config.customCode,
         id: "widget-".concat(index, "_").concat(cardId)
       });
@@ -5429,7 +5456,7 @@ var getElement = function getElement(story, element) {
           textElementColor = _text$css$textColor === void 0 ? "#000" : _text$css$textColor,
           _text$css$hyperlinkCo = _text$css.hyperlinkColor,
           hyperlinkColor = _text$css$hyperlinkCo === void 0 ? "#2f81cd" : _text$css$hyperlinkCo;
-      return /*#__PURE__*/React.createElement(Text, {
+      return /*#__PURE__*/React__default["default"].createElement(Text, {
         element: element,
         css: {
           textColor: textElementColor,
@@ -5450,7 +5477,7 @@ var getElement = function getElement(story, element) {
           headline = _summary$opts$headlin === void 0 ? "" : _summary$opts$headlin,
           _summary$opts$hideHea = _summary$opts.hideHeadline,
           hideHeadline = _summary$opts$hideHea === void 0 ? false : _summary$opts$hideHea;
-      return /*#__PURE__*/React.createElement(Summary, {
+      return /*#__PURE__*/React__default["default"].createElement(Summary, {
         element: element,
         template: summaryTemplate,
         opts: {
@@ -5469,7 +5496,7 @@ var getElement = function getElement(story, element) {
       _blurb$css = _blurb$css === void 0 ? {} : _blurb$css;
       var _blurb$css$borderColo = _blurb$css.borderColor,
           borderColor = _blurb$css$borderColo === void 0 ? "#2f81cd" : _blurb$css$borderColo;
-      return /*#__PURE__*/React.createElement(Blurb, {
+      return /*#__PURE__*/React__default["default"].createElement(Blurb, {
         element: element,
         template: blurbTemplate,
         css: {
@@ -5488,7 +5515,7 @@ var getElement = function getElement(story, element) {
           blockQuoteColor = _blockquote$css$block === void 0 ? "#2f81cd" : _blockquote$css$block,
           _blockquote$css$backg = _blockquote$css.backgroundShade,
           backgroundShade = _blockquote$css$backg === void 0 ? "" : _blockquote$css$backg;
-      return /*#__PURE__*/React.createElement(BlockQuote, {
+      return /*#__PURE__*/React__default["default"].createElement(BlockQuote, {
         element: element,
         template: blockQuoteTemplate,
         css: {
@@ -5505,7 +5532,7 @@ var getElement = function getElement(story, element) {
       _quote$css = _quote$css === void 0 ? {} : _quote$css;
       var _quote$css$borderColo = _quote$css.borderColor,
           quoteBorderColor = _quote$css$borderColo === void 0 ? "#2f81cd" : _quote$css$borderColo;
-      return /*#__PURE__*/React.createElement(Quote, {
+      return /*#__PURE__*/React__default["default"].createElement(Quote, {
         element: element,
         template: quoteTemplate,
         css: {
@@ -5514,7 +5541,7 @@ var getElement = function getElement(story, element) {
       });
 
     case "bigfact":
-      return /*#__PURE__*/React.createElement(BigFact, {
+      return /*#__PURE__*/React__default["default"].createElement(BigFact, {
         element: element
       });
 
@@ -5529,7 +5556,7 @@ var getElement = function getElement(story, element) {
       _alsoRead$opts = _alsoRead$opts === void 0 ? {} : _alsoRead$opts;
       var _alsoRead$opts$title = _alsoRead$opts.title,
           title = _alsoRead$opts$title === void 0 ? "" : _alsoRead$opts$title;
-      return /*#__PURE__*/React.createElement(AlsoRead, {
+      return /*#__PURE__*/React__default["default"].createElement(AlsoRead, {
         story: story,
         element: element,
         template: alsoReadTemplate,
@@ -5542,7 +5569,7 @@ var getElement = function getElement(story, element) {
       });
 
     case "image":
-      return /*#__PURE__*/React.createElement(Image, {
+      return /*#__PURE__*/React__default["default"].createElement(Image, {
         element: element
       });
 
@@ -5557,7 +5584,7 @@ var getElement = function getElement(story, element) {
       _qaElement$opts = _qaElement$opts === void 0 ? {} : _qaElement$opts;
       var _qaElement$opts$defau = _qaElement$opts.defaultIconType,
           defaultIconType = _qaElement$opts$defau === void 0 ? "edge" : _qaElement$opts$defau;
-      return /*#__PURE__*/React.createElement(QuestionAnswer, {
+      return /*#__PURE__*/React__default["default"].createElement(QuestionAnswer, {
         element: element,
         opts: {
           type: "q-and-a",
@@ -5580,7 +5607,7 @@ var getElement = function getElement(story, element) {
       _questionElement$opts = _questionElement$opts === void 0 ? {} : _questionElement$opts;
       var _questionElement$opts2 = _questionElement$opts.defaultQuestionIconType,
           defaultQuestionIconType = _questionElement$opts2 === void 0 ? "edge" : _questionElement$opts2;
-      return /*#__PURE__*/React.createElement(QuestionAnswer, {
+      return /*#__PURE__*/React__default["default"].createElement(QuestionAnswer, {
         element: element,
         opts: {
           type: "question",
@@ -5603,7 +5630,7 @@ var getElement = function getElement(story, element) {
       _answerElement$opts = _answerElement$opts === void 0 ? {} : _answerElement$opts;
       var _answerElement$opts$d = _answerElement$opts.defaultAnswerIconType,
           defaultAnswerIconType = _answerElement$opts$d === void 0 ? "edge" : _answerElement$opts$d;
-      return /*#__PURE__*/React.createElement(QuestionAnswer, {
+      return /*#__PURE__*/React__default["default"].createElement(QuestionAnswer, {
         element: element,
         opts: {
           type: "answer",
@@ -5616,43 +5643,43 @@ var getElement = function getElement(story, element) {
       });
 
     case "gallery":
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "content-style",
         id: "image-gallery-".concat(storyElementId)
-      }, /*#__PURE__*/React.createElement(ImageGallery, {
+      }, /*#__PURE__*/React__default["default"].createElement(ImageGallery, {
         element: element
       }));
 
     case "slideshow":
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "content-style",
         id: "image-slideshow-".concat(storyElementId)
-      }, /*#__PURE__*/React.createElement(ImageSlideshow, {
+      }, /*#__PURE__*/React__default["default"].createElement(ImageSlideshow, {
         element: element
       }));
 
     case "youtube-video":
     case "dailymotion-video":
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "content-style",
         id: "video-".concat(storyElementId)
-      }, /*#__PURE__*/React.createElement(Video, {
+      }, /*#__PURE__*/React__default["default"].createElement(Video, {
         element: element,
         story: story,
         loadIframeOnClick: true
       }));
 
     case "attachment":
-      return /*#__PURE__*/React.createElement(Attachment, {
+      return /*#__PURE__*/React__default["default"].createElement(Attachment, {
         element: element
       });
 
     case "tweet":
     case "jsembed":
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "content-style",
         id: "jsembed-".concat(storyElementId)
-      }, /*#__PURE__*/React.createElement(StoryElement, {
+      }, /*#__PURE__*/React__default["default"].createElement(StoryElement, {
         element: element
       }));
 
@@ -5663,7 +5690,7 @@ var getElement = function getElement(story, element) {
           showHeadline = _references$opts$show === void 0 ? true : _references$opts$show,
           _references$opts$head = _references$opts.headlineText,
           headlineText = _references$opts$head === void 0 ? "" : _references$opts$head;
-      return /*#__PURE__*/React.createElement(Reference, {
+      return /*#__PURE__*/React__default["default"].createElement(Reference, {
         element: element,
         opts: {
           showHeadline: showHeadline,
@@ -5672,10 +5699,10 @@ var getElement = function getElement(story, element) {
       });
 
     default:
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "content-style",
         id: "element-".concat(storyElementId)
-      }, /*#__PURE__*/React.createElement(StoryElement, {
+      }, /*#__PURE__*/React__default["default"].createElement(StoryElement, {
         element: element,
         story: story
       }));
@@ -5688,19 +5715,19 @@ var MainImageWrapper = function MainImageWrapper(_ref) {
       _ref.children;
       var config = _ref.config,
       card = _ref.card;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       backgroundColor: config.theme
     }
-  }, /*#__PURE__*/React.createElement(Image, {
+  }, /*#__PURE__*/React__default["default"].createElement(Image, {
     element: imageElement,
     caption: false
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "story-element-card-m_image-share__2V7dB"
-  }, /*#__PURE__*/React.createElement(CaptionAttribution, {
+  }, /*#__PURE__*/React__default["default"].createElement(CaptionAttribution, {
     element: imageElement,
     config: config
-  }), /*#__PURE__*/React.createElement(SocialShare, {
+  }), /*#__PURE__*/React__default["default"].createElement(components.SocialShare, {
     template: SocialShareTemplate,
     title: story.headline,
     theme: config.theme,
@@ -5709,12 +5736,12 @@ var MainImageWrapper = function MainImageWrapper(_ref) {
 };
 
 MainImageWrapper.propTypes = {
-  story: PropTypes.object,
-  imageElement: PropTypes.object,
-  config: PropTypes.object,
-  children: PropTypes.node,
-  card: PropTypes.shape({
-    id: PropTypes.string
+  story: PropTypes__default["default"].object,
+  imageElement: PropTypes__default["default"].object,
+  config: PropTypes__default["default"].object,
+  children: PropTypes__default["default"].node,
+  card: PropTypes__default["default"].shape({
+    id: PropTypes__default["default"].string
   })
 };
 var StoryElementCard = function StoryElementCard(_ref2) {
@@ -5730,7 +5757,7 @@ var StoryElementCard = function StoryElementCard(_ref2) {
   var textColor = getTextColor(theme);
   var isLiveBlog = isLive ? "live-blog" : "";
   var shouldRunFBMobileVideoFix = true;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "arr--story-page-card-wrapper"
   }, get_1(card, ["story-elements"], []).map(function (element, index) {
     if (element.id === heroVideoElementId) return false;
@@ -5742,21 +5769,21 @@ var StoryElementCard = function StoryElementCard(_ref2) {
 
     var tableStyle = element && element.subtype === "table" ? "table" : "";
     var cardId = get_1(card, ["id"], "");
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       key: element.id,
       className: "arr--element-container " + _getClassName("element-container ".concat(isLiveBlog, " ").concat(tableStyle, " ").concat(textColor), _styleModuleImportMap)
     }, getElement(story, element, config, adComponent, widgetComp, index, cardId));
   }));
 };
 StoryElementCard.propTypes = {
-  story: PropTypes.object,
-  card: PropTypes.array,
-  heroVideoElementId: PropTypes.number,
-  config: PropTypes.object,
-  isLive: PropTypes.bool,
-  theme: PropTypes.string,
-  adComponent: PropTypes.func,
-  widgetComp: PropTypes.func
+  story: PropTypes__default["default"].object,
+  card: PropTypes__default["default"].array,
+  heroVideoElementId: PropTypes__default["default"].number,
+  config: PropTypes__default["default"].object,
+  isLive: PropTypes__default["default"].bool,
+  theme: PropTypes__default["default"].string,
+  adComponent: PropTypes__default["default"].func,
+  widgetComp: PropTypes__default["default"].func
 };
 var PhotoStoryElement = function PhotoStoryElement(_ref3) {
   var _ref3$card = _ref3.card,
@@ -5766,13 +5793,13 @@ var PhotoStoryElement = function PhotoStoryElement(_ref3) {
       adComponent = _ref3.adComponent,
       widgetComp = _ref3.widgetComp;
   var shouldRunFBMobileVideoFix = true;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "story-element-card-m_story-card__H2VYl"
   }, get_1(card, ["story-elements"], []).map(function (element, index) {
     var cardId = get_1(card, ["id"], "");
 
     if (element.type === "image") {
-      return /*#__PURE__*/React.createElement(MainImageWrapper, {
+      return /*#__PURE__*/React__default["default"].createElement(MainImageWrapper, {
         imageElement: element,
         story: story,
         config: config,
@@ -5784,7 +5811,7 @@ var PhotoStoryElement = function PhotoStoryElement(_ref3) {
         shouldRunFBMobileVideoFix = false;
       }
 
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "story-element-card-m_element-container__1ZeJL",
         key: index
       }, getElement(story, element, config, adComponent, widgetComp, index, cardId));
@@ -5792,11 +5819,11 @@ var PhotoStoryElement = function PhotoStoryElement(_ref3) {
   }));
 };
 PhotoStoryElement.propTypes = {
-  story: PropTypes.object,
-  card: PropTypes.object,
-  config: PropTypes.object,
-  adComponent: PropTypes.func,
-  widgetComp: PropTypes.func
+  story: PropTypes__default["default"].object,
+  card: PropTypes__default["default"].object,
+  config: PropTypes__default["default"].object,
+  adComponent: PropTypes__default["default"].func,
+  widgetComp: PropTypes__default["default"].func
 };
 var SlotAfterStory = function SlotAfterStory(_ref4) {
   var _ref4$id = _ref4.id,
@@ -5808,12 +5835,12 @@ var SlotAfterStory = function SlotAfterStory(_ref4) {
 
   switch (element.type) {
     case "ad":
-      return /*#__PURE__*/React.createElement(AdComponent, _extends({}, element, {
+      return /*#__PURE__*/React__default["default"].createElement(AdComponent, _extends({}, element, {
         id: "ad-after-story-".concat(id)
       }));
 
     case "widget":
-      return /*#__PURE__*/React.createElement(WidgetComp, {
+      return /*#__PURE__*/React__default["default"].createElement(WidgetComp, {
         widgetCode: element.config.customCode,
         id: "widget-after-story-".concat(id)
       });
@@ -5823,10 +5850,12 @@ var SlotAfterStory = function SlotAfterStory(_ref4) {
   }
 };
 SlotAfterStory.propTypes = {
-  id: PropTypes.string,
-  element: PropTypes.object,
-  AdComponent: PropTypes.func,
-  WidgetComp: PropTypes.func
+  id: PropTypes__default["default"].string,
+  element: PropTypes__default["default"].object,
+  AdComponent: PropTypes__default["default"].func,
+  WidgetComp: PropTypes__default["default"].func
 };
 
-export { PhotoStoryElement, SlotAfterStory, StoryElementCard };
+exports.PhotoStoryElement = PhotoStoryElement;
+exports.SlotAfterStory = SlotAfterStory;
+exports.StoryElementCard = StoryElementCard;