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

package/atoms/ExtendedLoadMore/{index-9e0d32b7.js → index-44f97338.js}

@@ -1,17 +1,27 @@
 'use strict';
 
-var index$1 = require('./index-3c4ac692.js');
-var index = require('./index-e7cde739.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
 var React = require('react');
 var reactRedux = require('react-redux');
+var lodash = require('lodash');
 var PropTypes = require('prop-types');
 var components = require('@quintype/components');
+var index$1 = require('./index-93cb06d1.js');
+var index = require('./index-142f015c.js');
 require('react-dom');
+require('@babel/runtime/helpers/slicedToArray');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/asyncToGenerator');
+require('@babel/runtime/regenerator');
+require('@babel/runtime/helpers/typeof');
 require('react-timeago');
 require('date-fns-tz');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
@@ -55,7 +65,7 @@ var authorWithImage = function authorWithImage(author, templateStyle) {
       name = author.name;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "author-image",
-    className: "arr--author-image " + index._getClassName("author-image ".concat(templateStyle), _styleModuleImportMap$1)
+    className: "arr--author-image " + _getClassName__default["default"]("author-image ".concat(templateStyle), _styleModuleImportMap$1)
   }, /*#__PURE__*/React__default["default"].createElement("figure", {
     className: "author-image-m_image-container__19WNd"
   }, avatarS3Key ? /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
@@ -120,7 +130,7 @@ var _styleModuleImportMap = {
 
 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) { index$1._defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var loadMore = function loadMore(_ref) {
   var isLoading = _ref.isLoading,
@@ -157,7 +167,7 @@ var OpinionCollectionBase = function OpinionCollectionBase(_ref2) {
       _config$subsequentLoa = config.subsequentLoadCount,
       subsequentLoadCount = _config$subsequentLoa === void 0 ? 3 : _config$subsequentLoa;
 
-  var _get = index.get_1(slotConfig, [0], {}),
+  var _get = lodash.get(slotConfig, [0], {}),
       _get$type = _get.type,
       type = _get$type === void 0 ? "story" : _get$type,
       _get$component = _get.component,
@@ -165,7 +175,7 @@ var OpinionCollectionBase = function OpinionCollectionBase(_ref2) {
 
   var dispatch = reactRedux.useDispatch();
   var qtConfig = reactRedux.useSelector(function (state) {
-    return index.get_1(state, ["qt", "config"], {});
+    return lodash.get(state, ["qt", "config"], {});
   });
   if (!stories.length) return null;
   var textColor = index.getTextColor(theme);
@@ -201,7 +211,7 @@ var OpinionCollectionBase = function OpinionCollectionBase(_ref2) {
   };
 
   var getAuthorCard = function getAuthorCard(story) {
-    var authorData = index.get_1(story, ["authors", "0"]);
+    var authorData = lodash.get(story, ["authors", "0"]);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "data-test-id": "story-card"
     }, /*#__PURE__*/React__default["default"].createElement(index$1.Author, {
@@ -244,9 +254,9 @@ var OpinionCollectionBase = function OpinionCollectionBase(_ref2) {
     collectionNameBorderColor: collectionNameBorderColor,
     headerLevel: 2
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: ("content-wrapper ".concat(borderStyle, " ").concat(textColor) ? "content-wrapper ".concat(borderStyle, " ").concat(textColor) + " " : "") + index._getClassName("content-wrapper ".concat(borderStyle, " ").concat(textColor, " ").concat(adStyle), _styleModuleImportMap)
+    className: ("content-wrapper ".concat(borderStyle, " ").concat(textColor) ? "content-wrapper ".concat(borderStyle, " ").concat(textColor) + " " : "") + _getClassName__default["default"]("content-wrapper ".concat(borderStyle, " ").concat(textColor, " ").concat(adStyle), _styleModuleImportMap)
   }, slot ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "wrapper-with-ads " + index._getClassName("wrapper-with-ads ".concat(countStyleName), _styleModuleImportMap)
+    className: "wrapper-with-ads " + _getClassName__default["default"]("wrapper-with-ads ".concat(countStyleName), _styleModuleImportMap)
   }, stories.slice(0, 4).map(function (story) {
     return getAuthorCard(story);
   })), /*#__PURE__*/React__default["default"].createElement("div", {

package/atoms/ExtendedLoadMore/{index-b5936059.js → index-57dd4870.js}

@@ -1,16 +1,24 @@
 'use strict';
 
 var components = require('@quintype/components');
-var index = require('./index-e7cde739.js');
+var lodash = require('lodash');
 var PropTypes = require('prop-types');
 var React = require('react');
 var reactRedux = require('react-redux');
-var index$1 = require('./index-3c4ac692.js');
-var index$3 = require('./index-5c8eda4a.js');
-var index$2 = require('./index-b22f1843.js');
+var index$1 = require('./index-93cb06d1.js');
+var index = require('./index-142f015c.js');
+var index$3 = require('./index-8462c597.js');
+var index$2 = require('./index-0f809dd9.js');
+require('babel-plugin-react-css-modules/dist/browser/getClassName');
+require('@babel/runtime/helpers/defineProperty');
+require('react-dom');
+require('@babel/runtime/helpers/slicedToArray');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/asyncToGenerator');
+require('@babel/runtime/regenerator');
+require('@babel/runtime/helpers/typeof');
 require('react-timeago');
 require('date-fns-tz');
-require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -99,7 +107,7 @@ var ThreeColFlexStoriesBase = function ThreeColFlexStoriesBase(_ref3) {
       _config$subsequentLoa = config.subsequentLoadCount,
       subsequentLoadCount = _config$subsequentLoa === void 0 ? 3 : _config$subsequentLoa;
 
-  var _get = index.get_1(slotConfig, [0], {}),
+  var _get = lodash.get(slotConfig, [0], {}),
       _get$type = _get.type,
       type = _get$type === void 0 ? "story" : _get$type,
       component = _get.component;
@@ -110,7 +118,7 @@ var ThreeColFlexStoriesBase = function ThreeColFlexStoriesBase(_ref3) {
   var stories = type !== "story" ? collectionItems : components.collectionToStories(collection);
   var dispatch = reactRedux.useDispatch();
   var qtConfig = reactRedux.useSelector(function (state) {
-    return index.get_1(state, ["qt", "config"], {});
+    return lodash.get(state, ["qt", "config"], {});
   });
 
   var getLoadMore = function getLoadMore(opts) {

package/atoms/ExtendedLoadMore/{index-fee73a14.js → index-66dd4dbd.js}

@@ -2,16 +2,24 @@
 
 var React = require('react');
 var reactRedux = require('react-redux');
-var index$1 = require('./index-e7cde739.js');
+var lodash = require('lodash');
 var PropTypes = require('prop-types');
 var components = require('@quintype/components');
-var index = require('./index-3c4ac692.js');
-var index$2 = require('./index-b22f1843.js');
-var index$4 = require('./index-4ddfe28d.js');
-var index$3 = require('./index-5c8eda4a.js');
+var index = require('./index-93cb06d1.js');
+var index$1 = require('./index-142f015c.js');
+var index$2 = require('./index-0f809dd9.js');
+var index$4 = require('./index-afd44863.js');
+var index$3 = require('./index-8462c597.js');
+require('babel-plugin-react-css-modules/dist/browser/getClassName');
+require('@babel/runtime/helpers/defineProperty');
+require('react-dom');
+require('@babel/runtime/helpers/slicedToArray');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/asyncToGenerator');
+require('@babel/runtime/regenerator');
+require('@babel/runtime/helpers/typeof');
 require('react-timeago');
 require('date-fns-tz');
-require('react-dom');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -110,7 +118,7 @@ var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
   var textColor = index$1.getTextColor(theme);
   var dispatch = reactRedux.useDispatch();
   var qtConfig = reactRedux.useSelector(function (state) {
-    return index$1.get_1(state, ["qt", "config"], {});
+    return lodash.get(state, ["qt", "config"], {});
   });
 
   var getLoadMore = function getLoadMore(opts) {

package/atoms/ExtendedLoadMore/{index-5c8eda4a.js → index-8462c597.js}

@@ -1,14 +1,19 @@
 'use strict';
 
-var index$1 = require('./index-e7cde739.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
 var components = require('@quintype/components');
+var lodash = require('lodash');
 var PropTypes = require('prop-types');
 var React = require('react');
 var reactRedux = require('react-redux');
-var index = require('./index-3c4ac692.js');
+var index$1 = require('./index-142f015c.js');
+var index = require('./index-93cb06d1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
@@ -152,7 +157,7 @@ var HeroImage = function HeroImage(_ref) {
     return null;
   } : _config$StoryTemplate;
   var showImagePlaceholder = reactRedux.useSelector(function (state) {
-    return index$1.get_1(state, ["qt", "config", "showPlaceholder"]);
+    return lodash.get(state, ["qt", "config", "showPlaceholder"]);
   });
   var getPlaceholderStyleName = showImagePlaceholder ? "placeholder" : "";
   var fullBleed = FullBleed ? "" : "with-padding";
@@ -161,7 +166,7 @@ var HeroImage = function HeroImage(_ref) {
   var heroImageMobClasses = isHorizontalMobile ? "right-padding-mob" : "";
 
   var getPadding = function getPadding(aspectRatio) {
-    var _aspectRatio = index$1._slicedToArray(aspectRatio, 2),
+    var _aspectRatio = _slicedToArray__default["default"](aspectRatio, 2),
         height = _aspectRatio[0],
         width = _aspectRatio[1];
 
@@ -173,7 +178,7 @@ var HeroImage = function HeroImage(_ref) {
     return 0;
   };
 
-  var _aspectRatio2 = index$1._slicedToArray(aspectRatio, 2),
+  var _aspectRatio2 = _slicedToArray__default["default"](aspectRatio, 2),
       mobileAspectRatio = _aspectRatio2[0],
       _aspectRatio2$ = _aspectRatio2[1],
       desktopAspectRatio = _aspectRatio2$ === void 0 ? mobileAspectRatio : _aspectRatio2$;
@@ -181,8 +186,8 @@ var HeroImage = function HeroImage(_ref) {
   var isMobile = index$1.clientWidth("mobile");
   var imageAspectRatio = isMobile ? mobileAspectRatio : desktopAspectRatio;
   var imagePadding = isMobile ? getPadding(mobileAspectRatio) : getPadding(desktopAspectRatio);
-  var slug = index$1.get_1(story, ["hero-image-s3-key"]) || index$1.get_1(story, ["alternative", "home", "default", "hero-image", "hero-image-s3-key"]);
-  var hyperLink = index$1.get_1(story, ["hero-image-hyperlink"], "");
+  var slug = lodash.get(story, ["hero-image-s3-key"]) || lodash.get(story, ["alternative", "home", "default", "hero-image", "hero-image-s3-key"]);
+  var hyperLink = lodash.get(story, ["hero-image-hyperlink"], "");
 
   var fallbackImage = function fallbackImage() {
     if (!slug) {
@@ -191,7 +196,7 @@ var HeroImage = function HeroImage(_ref) {
           style: {
             paddingTop: imagePadding + "%"
           },
-          className: "arr--responsive-hero-image " + index$1._getClassName("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$1)
+          className: "arr--responsive-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$1)
         }, /*#__PURE__*/React__default["default"].createElement("img", {
           className: "qt-image",
           "data-src": "".concat(fallbackImageUrl),
@@ -204,7 +209,7 @@ var HeroImage = function HeroImage(_ref) {
         style: {
           paddingTop: imagePadding + "%"
         },
-        className: "arr--fallback-hero-image " + index$1._getClassName("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$1)
+        className: "arr--fallback-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$1)
       }, /*#__PURE__*/React__default["default"].createElement(StoryTemplateIcon, {
         storyTemplate: story["story-template"]
       }), /*#__PURE__*/React__default["default"].createElement(FallbackImage, null)) : null);
@@ -214,7 +219,7 @@ var HeroImage = function HeroImage(_ref) {
       style: {
         paddingTop: imagePadding + "%"
       },
-      className: "arr--responsive-hero-image " + index$1._getClassName("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$1)
+      className: "arr--responsive-hero-image " + _getClassName__default["default"]("image ".concat(getPlaceholderStyleName), _styleModuleImportMap$1)
     }, /*#__PURE__*/React__default["default"].createElement(StoryTemplateIcon, {
       storyTemplate: story["story-template"]
     }), /*#__PURE__*/React__default["default"].createElement(components.ResponsiveHeroImage, {
@@ -233,13 +238,13 @@ var HeroImage = function HeroImage(_ref) {
 
   return story && (isStoryPageImage ? /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "arr--hero-image",
-    className: "arr--hero-image " + index$1._getClassName("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap$1)
+    className: "arr--hero-image " + _getClassName__default["default"]("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap$1)
   }, fallbackImage()) : /*#__PURE__*/React__default["default"].createElement(components.Link, {
     "data-test-id": "arr--hero-image",
     href: index$1.getStoryUrl(story, "/".concat(story.slug)),
     externalLink: index$1.isExternalStory(story),
     "aria-label": "fallback-hero-image",
-    className: "arr--hero-image " + index$1._getClassName("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap$1)
+    className: "arr--hero-image " + _getClassName__default["default"]("".concat(heroImageClass, " ").concat(fullBleed, " ").concat(heroImageMobClasses), _styleModuleImportMap$1)
   }, fallbackImage()));
 };
 HeroImage.propTypes = {
@@ -302,9 +307,9 @@ var SectionTag = function SectionTag(_ref) {
       borderColor = _ref$borderColor === void 0 ? "" : _ref$borderColor,
       isLightTheme = _ref.isLightTheme;
   var config = index.useStateValue() || {};
-  var isSection = index$1.get_1(config, ["showSection"], true);
-  var templateFromRowContext = index$1.get_1(config, ["sectionTagTemplate"]);
-  var section = index$1.get_1(story, ["sections", 0], "");
+  var isSection = lodash.get(config, ["showSection"], true);
+  var templateFromRowContext = lodash.get(config, ["sectionTagTemplate"]);
+  var section = lodash.get(story, ["sections", 0], "");
   var supportedTemplates = ["borderBottomSml", "borderLeft", "solid"];
   var getUrl = section ? section["section-url"] : "/";
   var colorToApplyContrast = template === "solid" || templateFromRowContext === "solid" ? borderColor : config.theme;
@@ -326,7 +331,7 @@ var SectionTag = function SectionTag(_ref) {
     style: {
       backgroundColor: templateStyle.includes("section-solid") ? sectionTagBorderColor : ""
     },
-    className: "section-tag arrow-component " + index$1._getClassName("".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap)
+    className: "section-tag arrow-component " + _getClassName__default["default"]("".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap)
   }, templateStyle.includes("section-borderLeft") && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "section-m_border-left__2oUyp",
     style: {

package/atoms/ExtendedLoadMore/{index-3c4ac692.js → index-93cb06d1.js}

@@ -1,11 +1,15 @@
 'use strict';
 
-var index = require('./index-e7cde739.js');
+var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
 var React = require('react');
 var PropTypes = require('prop-types');
 var components = require('@quintype/components');
+var lodash = require('lodash');
+var index = require('./index-142f015c.js');
 var reactRedux = require('react-redux');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var ReactDOM = require('react-dom');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -27,9 +31,12 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
+var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 
 var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
 
@@ -282,8 +289,8 @@ var Headline = function Headline(_ref) {
       enablePremiumStoryIcon = _premiumStoryIconConf3 === void 0 ? false : _premiumStoryIconConf3,
       _premiumStoryIconConf4 = premiumStoryIconConfig.showLiveIcon,
       showLiveIcon = _premiumStoryIconConf4 === void 0 ? false : _premiumStoryIconConf4;
-  var alternateHeadline = index.get_1(story, ["alternative", "home", "default", "headline"]);
-  var premiumStory = enablePremiumStoryIcon && index.get_1(story, ["access"]) === "subscription";
+  var alternateHeadline = lodash.get(story, ["alternative", "home", "default", "headline"]);
+  var premiumStory = enablePremiumStoryIcon && lodash.get(story, ["access"]) === "subscription";
   var headline = alternateHeadline || story.headline;
   var HeaderTag = "h" + headerLevel;
 
@@ -309,10 +316,10 @@ var Headline = function Headline(_ref) {
   var textColor = index.getTextColor(configData.theme);
   var wrapperClass = premiumStory ? "wrapper" : "";
   var iconSize = "24px";
-  var enableLiveIcon = showLiveIcon && story["story-template"] === "live-blog" && !index.get_1(story, ["metadata", "is-closed"], false);
+  var enableLiveIcon = showLiveIcon && story["story-template"] === "live-blog" && !lodash.get(story, ["metadata", "is-closed"], false);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "headline",
-    className: "arrow-component arr--headline " + index._getClassName(wrapperClass, _styleModuleImportMap$8)
+    className: "arrow-component arr--headline " + _getClassName__default["default"](wrapperClass, _styleModuleImportMap$8)
   }, premiumStory && /*#__PURE__*/React__default["default"].createElement(PremiumStoryIcon, {
     width: iconSize,
     height: iconSize,
@@ -324,9 +331,9 @@ var Headline = function Headline(_ref) {
     externalLink: index.isExternalStory(story),
     "aria-label": "headline"
   }, /*#__PURE__*/React__default["default"].createElement(HeaderTag, {
-    className: index._getClassName("headline ".concat(textColor), _styleModuleImportMap$8)
+    className: _getClassName__default["default"]("headline ".concat(textColor), _styleModuleImportMap$8)
   }, enableLiveIcon && /*#__PURE__*/React__default["default"].createElement(LiveIcon, null), headline)) : /*#__PURE__*/React__default["default"].createElement(HeaderTag, {
-    className: index._getClassName("headline ".concat(textColor), _styleModuleImportMap$8)
+    className: _getClassName__default["default"]("headline ".concat(textColor), _styleModuleImportMap$8)
   }, enableLiveIcon && /*#__PURE__*/React__default["default"].createElement(LiveIcon, null), headline));
 };
 Headline.propTypes = {
@@ -362,13 +369,13 @@ var TimeStamp = function TimeStamp(_ref) {
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
   var configState = useStateValue() || {};
-  var isTime = index.get_1(config, ["showTime"], index.get_1(configState, ["showTime"], true));
+  var isTime = lodash.get(config, ["showTime"], lodash.get(configState, ["showTime"], true));
   var time = story["last-published-at"] || story["first-published-at"];
   var isBottomClasses = isBottom ? "bottom-fix" : "";
   var textColor = index.getTextColor(configState.theme);
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isTime && /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "publish-time",
-    className: "time arr--publish-time " + index._getClassName("time  ".concat(textColor, " ").concat(isBottomClasses), _styleModuleImportMap$7)
+    className: "time arr--publish-time " + _getClassName__default["default"]("time  ".concat(textColor, " ").concat(isBottomClasses), _styleModuleImportMap$7)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "timestamp-m_time-wrapper__3O2lM"
   }, index.getTimeStamp(time, index.formatter, config))));
@@ -403,9 +410,9 @@ var AuthorBase = function AuthorBase(_ref) {
       _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config;
   var configData = useStateValue() || {};
-  var isAuthor = index.get_1(configData, ["showAuthor"], true);
+  var isAuthor = lodash.get(configData, ["showAuthor"], true);
 
-  var _get = index.get_1(story, ["authors", "0"], ""),
+  var _get = lodash.get(story, ["authors", "0"], ""),
       avatarUrl = _get["avatar-url"],
       avatarS3Key = _get["avatar-s3-key"],
       authorName = _get.name,
@@ -413,7 +420,7 @@ var AuthorBase = function AuthorBase(_ref) {
 
   var isBottomClasses = isBottom ? "bottom-fix" : "";
   var textColor = index.getTextColor(configData.theme);
-  var mountAt = index.get_1(config, ["mountAt"], "");
+  var mountAt = lodash.get(config, ["mountAt"], "");
 
   var authorImage = function authorImage(dir) {
     if (!avatarUrl && !avatarS3Key) {
@@ -422,7 +429,7 @@ var AuthorBase = function AuthorBase(_ref) {
 
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "data-test-id": "author-image",
-      className: index._getClassName("author-image ".concat(dir, "-image"), _styleModuleImportMap$6)
+      className: _getClassName__default["default"]("author-image ".concat(dir, "-image"), _styleModuleImportMap$6)
     }, /*#__PURE__*/React__default["default"].createElement("figure", null, avatarS3Key ? /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
       slug: avatarS3Key,
       "aspect-ratio": [1, 1],
@@ -439,7 +446,7 @@ var AuthorBase = function AuthorBase(_ref) {
   var isPrefix = function isPrefix(dir) {
     if (prefix) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "arr-author-prefix " + index._getClassName("prefix ".concat(textColor), _styleModuleImportMap$6)
+        className: "arr-author-prefix " + _getClassName__default["default"]("prefix ".concat(textColor), _styleModuleImportMap$6)
       }, prefix);
     }
 
@@ -449,16 +456,16 @@ var AuthorBase = function AuthorBase(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isAuthor && /*#__PURE__*/React__default["default"].createElement(components.Link, {
     href: "".concat(mountAt, "/author/") + slug,
     "aria-label": "author-name",
-    className: "author-name arr-author-name arrow-component " + index._getClassName("author ".concat(isBottomClasses), _styleModuleImportMap$6)
+    className: "author-name arr-author-name arrow-component " + _getClassName__default["default"]("author ".concat(isBottomClasses), _styleModuleImportMap$6)
   }, isPrefix("ltr"), /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "author-name",
-    className: "author-name " + index._getClassName("author-name ".concat(textColor), _styleModuleImportMap$6)
+    className: "author-name " + _getClassName__default["default"]("author-name ".concat(textColor), _styleModuleImportMap$6)
   }, authorName || story["author-name"]), !prefix && isPrefix("rtl")));
 };
 
 function mapStateToProps$1(state) {
   return {
-    config: index.get_1(state, ["qt", "config"], {})
+    config: lodash.get(state, ["qt", "config"], {})
   };
 }
 
@@ -495,7 +502,7 @@ var Dot = function Dot(_ref) {
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "light" : _ref$color;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index._getClassName(color, _styleModuleImportMap$5)
+    className: _getClassName__default["default"](color, _styleModuleImportMap$5)
   }, /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
@@ -531,7 +538,7 @@ var Divider = function Divider(_ref) {
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? "light" : _ref$color;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index._getClassName(color, _styleModuleImportMap$4)
+    className: _getClassName__default["default"](color, _styleModuleImportMap$4)
   }, /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
@@ -563,14 +570,14 @@ var ReadTime = function ReadTime(_ref) {
       _ref$isLightTheme = _ref.isLightTheme,
       isLightTheme = _ref$isLightTheme === void 0 ? false : _ref$isLightTheme;
   var config = useStateValue() || {};
-  var showReadTime = index.get_1(config, ["showReadTime"]) || index.get_1(opts, ["showReadTime"], true);
-  var readTime = index.get_1(story, ["read-time"], 0);
+  var showReadTime = lodash.get(config, ["showReadTime"]) || lodash.get(opts, ["showReadTime"], true);
+  var readTime = lodash.get(story, ["read-time"], 0);
   var textColor = isLightTheme ? "light" : index.getTextColor(config.theme);
   if (!showReadTime || !readTime) return null;
-  var timeToRead = index.get_1(opts, ["localizedTimeToRead"]) || "min read";
+  var timeToRead = lodash.get(opts, ["localizedTimeToRead"]) || "min read";
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "read-time",
-    className: "arrow-component arr--read-time " + index._getClassName("read-time-wrapper ".concat(textColor), _styleModuleImportMap$3)
+    className: "arrow-component arr--read-time " + _getClassName__default["default"]("read-time-wrapper ".concat(textColor), _styleModuleImportMap$3)
   }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "read-time-indicator read-time-m_dot-indicator__3Sqh2"
   }, /*#__PURE__*/React__default["default"].createElement(Dot, {
@@ -606,9 +613,9 @@ var AuthorWithTime = function AuthorWithTime(_ref) {
       config = _ref$config === void 0 ? {} : _ref$config,
       isLightTheme = _ref.isLightTheme;
   var configState = useStateValue() || {};
-  var isAuthor = index.get_1(config, ["showAuthor"], index.get_1(configState, ["showAuthor"], true));
-  var isTime = index.get_1(config, ["showTime"], index.get_1(configState, ["showTime"], true));
-  var isReadTime = index.get_1(configState, ["showReadTime"], true);
+  var isAuthor = lodash.get(config, ["showAuthor"], lodash.get(configState, ["showAuthor"], true));
+  var isTime = lodash.get(config, ["showTime"], lodash.get(configState, ["showTime"], true));
+  var isReadTime = lodash.get(configState, ["showReadTime"], true);
   var isBottomClasses = isBottom ? "bottom-fix" : "";
   var seperatorStyle = separator === "dot" ? "dot" : "dash";
   var textColor = isLightTheme ? "light" : index.getTextColor(configState.theme);
@@ -628,7 +635,7 @@ var AuthorWithTime = function AuthorWithTime(_ref) {
   var getTimeStamp = function getTimeStamp() {
     if (!isTime) return null;
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isAuthor && /*#__PURE__*/React__default["default"].createElement("span", {
-      className: "arr-separator " + index._getClassName("".concat(seperatorStyle), _styleModuleImportMap$2)
+      className: "arr-separator " + _getClassName__default["default"]("".concat(seperatorStyle), _styleModuleImportMap$2)
     }, getSeparator()), /*#__PURE__*/React__default["default"].createElement(TimeStamp, {
       story: story,
       config: config
@@ -640,7 +647,7 @@ var AuthorWithTime = function AuthorWithTime(_ref) {
   };
 
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arr--author-time " + index._getClassName("author-time-wrapper ".concat(isBottomClasses), _styleModuleImportMap$2)
+    className: "arr--author-time " + _getClassName__default["default"]("author-time-wrapper ".concat(isBottomClasses), _styleModuleImportMap$2)
   }, isAuthor ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Author, {
     story: story,
     isBottom: true,
@@ -696,7 +703,7 @@ var CollectionNameBase = function CollectionNameBase(_ref) {
       _ref$navigate = _ref.navigate,
       navigate = _ref$navigate === void 0 ? true : _ref$navigate;
   var collectionTitle = useStateValue() || {};
-  var showRowTitle = index.get_1(collectionTitle, ["showRowTitle"], true);
+  var showRowTitle = lodash.get(collectionTitle, ["showRowTitle"], true);
   var supportedTemplates = ["borderLeft", "borderBottom", "crossLine", "borderBottomFull"];
   var templateStyle = supportedTemplates.includes(collectionNameTemplate) ? " collection-".concat(collectionNameTemplate) : "";
   var slug = navigate && collection && index.getSlug(collection, config) || "";
@@ -772,7 +779,7 @@ var CollectionNameBase = function CollectionNameBase(_ref) {
       borderBottom: borderBottomFullStyle
     },
     "data-test-id": "collection-name",
-    className: ("arr--collection-name arrow-component ".concat(templateStyle) ? "arr--collection-name arrow-component ".concat(templateStyle) + " " : "") + index._getClassName("collection ".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap$1)
+    className: ("arr--collection-name arrow-component ".concat(templateStyle) ? "arr--collection-name arrow-component ".concat(templateStyle) + " " : "") + _getClassName__default["default"]("collection ".concat(textColor, " ").concat(templateStyle), _styleModuleImportMap$1)
   }, templateStyle.includes("collection-borderLeft") && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "arr-collection-name-border-left collection-name-m_border-left__3_pYw",
     style: {
@@ -809,27 +816,12 @@ CollectionNameBase.defaultProps = {
 
 function mapStateToProps(state) {
   return {
-    config: index.get_1(state, ["qt", "config"], {})
+    config: lodash.get(state, ["qt", "config"], {})
   };
 }
 
 var CollectionName = reactRedux.connect(mapStateToProps)(CollectionNameBase);
 
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
 var _styleModuleImportMap = {
   "./load-more.m.css": {
     "button": "load-more-m_button__1mmf1",
@@ -841,7 +833,7 @@ var _styleModuleImportMap = {
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var LoadmoreButton = function LoadmoreButton(_ref) {
   var _ref$config = _ref.config,
       config = _ref$config === void 0 ? {} : _ref$config,
@@ -865,14 +857,14 @@ var LoadmoreButton = function LoadmoreButton(_ref) {
   return template === "SubsequentLoadCount" ? /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: onClick,
     "data-test-id": "load-more",
-    className: "arr--button " + index._getClassName("button ".concat(textColor, " default"), _styleModuleImportMap)
+    className: "arr--button " + _getClassName__default["default"]("button ".concat(textColor, " default"), _styleModuleImportMap)
   }, buttonText) : /*#__PURE__*/React__default["default"].createElement(components.LinkBase, {
     href: slug,
     navigateTo: navigate,
     "data-test-id": "load-more",
     "aria-label": "load-more"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "arr--button " + index._getClassName("button ".concat(textColor, " default"), _styleModuleImportMap)
+    className: "arr--button " + _getClassName__default["default"]("button ".concat(textColor, " default"), _styleModuleImportMap)
   }, buttonText));
 };
 LoadmoreButton.propTypes = {
@@ -927,7 +919,7 @@ var useNearScreen = (function (_ref) {
   var ref = _ref.ref;
 
   var _useState = React.useState(false),
-      _useState2 = index._slicedToArray(_useState, 2),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
       show = _useState2[0],
       setShow = _useState2[1];
 
@@ -1021,5 +1013,4 @@ exports.LoadMoreTarget = LoadMoreTarget;
 exports.LoadmoreButton = LoadmoreButton;
 exports.ProgressiveHydration = ProgressiveHydration;
 exports.StateProvider = StateProvider;
-exports._defineProperty = _defineProperty;
 exports.useStateValue = useStateValue;

package/atoms/ExtendedLoadMore/{index-4ddfe28d.js → index-afd44863.js}

@@ -1,13 +1,15 @@
 'use strict';
 
-var index = require('./index-e7cde739.js');
+var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
 var React = require('react');
-var index$2 = require('./index-3c4ac692.js');
-var index$1 = require('./index-5c8eda4a.js');
+var index$2 = require('./index-93cb06d1.js');
+var index$1 = require('./index-8462c597.js');
+var index = require('./index-142f015c.js');
 var PropTypes = require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
@@ -38,7 +40,7 @@ var StorycardContent = function StorycardContent(_ref) {
       backgroundColor: theme,
       color: textColor
     },
-    className: "arr--content-wrapper " + index._getClassName("wrapper ".concat(borderTemplate, " ").concat(horizontalCard), _styleModuleImportMap)
+    className: "arr--content-wrapper " + _getClassName__default["default"]("wrapper ".concat(borderTemplate, " ").concat(horizontalCard), _styleModuleImportMap)
   }, children || /*#__PURE__*/React__default["default"].createElement(DefaultStoryCardContent, {
     story: story,
     headerLevel: headerLevel,