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

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

@@ -1,14 +1,29 @@
-import { collectionToStories } from '@quintype/components';
-import { a as get_1, l as getSlot, g as getTextColor, b as generateNavigateSlug, n as navigateTo } from './index-e39b3ca8.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { C as CollectionName, S as StateProvider, H as Headline, A as AuthorWithTime, L as LoadMoreTarget, P as ProgressiveHydration, a as LoadmoreButton } from './index-aa8b8ab8.js';
-import { H as HeroImage, S as SectionTag } from './index-6cb56d1a.js';
-import { S as StoryCard } from './index-6f8c780e.js';
-import 'react-timeago';
-import 'date-fns-tz';
-import 'react-dom';
+'use strict';
+
+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$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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var FlexCard = function FlexCard(_ref) {
   var _ref$story = _ref.story,
@@ -23,28 +38,28 @@ var FlexCard = function FlexCard(_ref) {
       theme = _config$theme === void 0 ? "" : _config$theme,
       _config$localizationC = config.localizationConfig,
       localizationConfig = _config$localizationC === void 0 ? {} : _config$localizationC;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "three-col-flex-stories-m_card__2uZ3Q"
-  }, /*#__PURE__*/React.createElement(StoryCard, {
+  }, /*#__PURE__*/React__default["default"].createElement(index$2.StoryCard, {
     story: story,
     isHorizontal: true,
     theme: theme,
     border: border,
     borderColor: borderColor,
     config: config
-  }, /*#__PURE__*/React.createElement(HeroImage, {
+  }, /*#__PURE__*/React__default["default"].createElement(index$3.HeroImage, {
     story: story,
     aspectRatio: [[9, 5], [9, 5]]
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "small-card-container three-col-flex-stories-m_card-content__1z9nt"
-  }, /*#__PURE__*/React.createElement(SectionTag, {
+  }, /*#__PURE__*/React__default["default"].createElement(index$3.SectionTag, {
     story: story,
     borderColor: borderColor
-  }), /*#__PURE__*/React.createElement(Headline, {
+  }), /*#__PURE__*/React__default["default"].createElement(index$1.Headline, {
     story: story,
     headerLevel: "6",
     premiumStoryIconConfig: config
-  }), /*#__PURE__*/React.createElement(AuthorWithTime, {
+  }), /*#__PURE__*/React__default["default"].createElement(index$1.AuthorWithTime, {
     config: localizationConfig,
     story: story,
     prefix: "By"
@@ -73,7 +88,7 @@ var ThreeColFlexStoriesBase = function ThreeColFlexStoriesBase(_ref3) {
       isLoading = _ref3.isLoading,
       isolatedLoadMore = _ref3.isolatedLoadMore,
       hideFirstCard = _ref3.hideFirstCard;
-  var collectionItems = collectionToStories(collection);
+  var collectionItems = components.collectionToStories(collection);
 
   if (collectionItems.length < 1) {
     return null;
@@ -92,25 +107,25 @@ var ThreeColFlexStoriesBase = function ThreeColFlexStoriesBase(_ref3) {
       _config$subsequentLoa = config.subsequentLoadCount,
       subsequentLoadCount = _config$subsequentLoa === void 0 ? 3 : _config$subsequentLoa;
 
-  var _get = 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;
 
   var isAdWidgetEnabled = type === "ad" || type === "widget";
-  var adWidgetSlot = isAdWidgetEnabled ? getSlot(type, component) : null;
-  var textColor = getTextColor(theme);
-  var stories = type !== "story" ? collectionItems : collectionToStories(collection);
-  var dispatch = useDispatch();
-  var qtConfig = useSelector(function (state) {
-    return get_1(state, ["qt", "config"], {});
+  var adWidgetSlot = isAdWidgetEnabled ? index.getSlot(type, component) : null;
+  var textColor = index.getTextColor(theme);
+  var stories = type !== "story" ? collectionItems : components.collectionToStories(collection);
+  var dispatch = reactRedux.useDispatch();
+  var qtConfig = reactRedux.useSelector(function (state) {
+    return lodash.get(state, ["qt", "config"], {});
   });
 
   var getLoadMore = function getLoadMore(opts) {
     if (!isLoadMoreVisible) return null;
 
     if (isolatedLoadMore) {
-      return /*#__PURE__*/React.createElement(LoadMoreTarget, {
+      return /*#__PURE__*/React__default["default"].createElement(index$1.LoadMoreTarget, {
         collection: collection,
         componentName: "ThreeColFlexStories",
         offset: stories.length,
@@ -118,8 +133,8 @@ var ThreeColFlexStoriesBase = function ThreeColFlexStoriesBase(_ref3) {
       });
     }
 
-    var url = generateNavigateSlug(collection, qtConfig);
-    return /*#__PURE__*/React.createElement(ProgressiveHydration, null, /*#__PURE__*/React.createElement(LoadmoreButton, {
+    var url = index.generateNavigateSlug(collection, qtConfig);
+    return /*#__PURE__*/React__default["default"].createElement(index$1.ProgressiveHydration, null, /*#__PURE__*/React__default["default"].createElement(index$1.LoadmoreButton, {
       config: config,
       collection: collection,
       template: footerButton,
@@ -127,50 +142,50 @@ var ThreeColFlexStoriesBase = function ThreeColFlexStoriesBase(_ref3) {
         return loadMore(opts);
       },
       navigate: function navigate() {
-        return navigateTo(dispatch, url);
+        return index.navigateTo(dispatch, url);
       },
       qtConfig: qtConfig
     }));
   };
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "full-width-with-padding arrow-component",
     "data-test-id": "three-col-flex-stories",
     style: {
       backgroundColor: theme,
       color: textColor
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "three-col-flex-stories-m_wrapper__3SQMq"
-  }, /*#__PURE__*/React.createElement(CollectionName, {
+  }, /*#__PURE__*/React__default["default"].createElement(index$1.CollectionName, {
     collection: collection,
     collectionNameTemplate: collectionNameTemplate,
     collectionNameBorderColor: collectionNameBorderColor,
     headerLevel: "2"
-  }), isAdWidgetEnabled && !hideFirstCard ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  }), isAdWidgetEnabled && !hideFirstCard ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "three-col-flex-stories-m_row-with-ad__1gPPN"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "three-col-flex-stories-m_card-with-ad__32z5M"
   }, stories.slice(0, 4).map(function (story) {
-    return /*#__PURE__*/React.createElement(FlexCard, {
+    return /*#__PURE__*/React__default["default"].createElement(FlexCard, {
       story: story,
       config: config,
       key: story.id
     });
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "three-col-flex-stories-m_ad-wrapper__3dmfM"
-  }, adWidgetSlot)), /*#__PURE__*/React.createElement("div", {
+  }, adWidgetSlot)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "three-col-flex-stories-m_card-row__3WMb3"
   }, stories.slice(4).map(function (story) {
-    return /*#__PURE__*/React.createElement(FlexCard, {
+    return /*#__PURE__*/React__default["default"].createElement(FlexCard, {
       story: story,
       config: config,
       key: story.id
     });
-  }))) : /*#__PURE__*/React.createElement("div", {
+  }))) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "three-col-flex-stories-m_card-row__3WMb3"
   }, stories.map(function (story) {
-    return /*#__PURE__*/React.createElement(FlexCard, {
+    return /*#__PURE__*/React__default["default"].createElement(FlexCard, {
       story: story,
       config: config,
       key: story.id
@@ -184,32 +199,32 @@ var ThreeColFlexStoriesBase = function ThreeColFlexStoriesBase(_ref3) {
 };
 ThreeColFlexStoriesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
-  collection: PropTypes.object.isRequired,
+  collection: PropTypes__default["default"].object.isRequired,
 
   /** The config for the Row */
-  config: PropTypes.shape({
-    borderColor: PropTypes.string,
-    theme: PropTypes.string,
-    border: PropTypes.string,
-    slotConfig: PropTypes.array,
-    footerButton: PropTypes.string,
-    collectionNameTemplate: PropTypes.string,
-    collectionNameBorderColor: PropTypes.string,
-    subsequentLoadCount: PropTypes.number
+  config: PropTypes__default["default"].shape({
+    borderColor: PropTypes__default["default"].string,
+    theme: PropTypes__default["default"].string,
+    border: PropTypes__default["default"].string,
+    slotConfig: PropTypes__default["default"].array,
+    footerButton: PropTypes__default["default"].string,
+    collectionNameTemplate: PropTypes__default["default"].string,
+    collectionNameBorderColor: PropTypes__default["default"].string,
+    subsequentLoadCount: PropTypes__default["default"].number
   }),
-  getMoreStories: PropTypes.func,
-  isLoadMoreVisible: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isolatedLoadMore: PropTypes.bool,
-  hideFirstCard: PropTypes.bool
+  getMoreStories: PropTypes__default["default"].func,
+  isLoadMoreVisible: PropTypes__default["default"].bool,
+  isLoading: PropTypes__default["default"].bool,
+  isolatedLoadMore: PropTypes__default["default"].bool,
+  hideFirstCard: PropTypes__default["default"].bool
 };
 FlexCard.propTypes = {
-  story: PropTypes.object.isRequired,
-  config: PropTypes.shape({
-    borderColor: PropTypes.string,
-    theme: PropTypes.string,
-    border: PropTypes.string,
-    localizationConfig: PropTypes.object
+  story: PropTypes__default["default"].object.isRequired,
+  config: PropTypes__default["default"].shape({
+    borderColor: PropTypes__default["default"].string,
+    theme: PropTypes__default["default"].string,
+    border: PropTypes__default["default"].string,
+    localizationConfig: PropTypes__default["default"].object
   })
 };
 ThreeColFlexStoriesBase.defaultProps = {
@@ -218,6 +233,7 @@ ThreeColFlexStoriesBase.defaultProps = {
   isLoading: false,
   hideFirstCard: false
 };
-var ThreeColFlexStories = StateProvider(ThreeColFlexStoriesBase);
+var ThreeColFlexStories = index$1.StateProvider(ThreeColFlexStoriesBase);
 
-export { ThreeColFlexStories, ThreeColFlexStoriesBase };
+exports.ThreeColFlexStories = ThreeColFlexStories;
+exports.ThreeColFlexStoriesBase = ThreeColFlexStoriesBase;

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

@@ -1,15 +1,30 @@
-import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { i as isEmpty, g as getTextColor, a as get_1, b as generateNavigateSlug, n as navigateTo } from './index-e39b3ca8.js';
-import PropTypes from 'prop-types';
-import { collectionToStories } from '@quintype/components';
-import { S as StateProvider, C as CollectionName, L as LoadMoreTarget, P as ProgressiveHydration, a as LoadmoreButton } from './index-aa8b8ab8.js';
-import { S as StoryCard } from './index-6f8c780e.js';
-import { S as StorycardContent } from './index-f6e578e3.js';
-import { H as HeroImage } from './index-6cb56d1a.js';
-import 'react-timeago';
-import 'date-fns-tz';
-import 'react-dom';
+'use strict';
+
+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 = 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');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 var PortraitStoryCardBase = function PortraitStoryCardBase(_ref) {
   var story = _ref.story,
@@ -25,19 +40,19 @@ var PortraitStoryCardBase = function PortraitStoryCardBase(_ref) {
       config = _ref$config === void 0 ? {} : _ref$config,
       _ref$borderColor = _ref.borderColor,
       borderColor = _ref$borderColor === void 0 ? "" : _ref$borderColor;
-  if (isEmpty(story)) return null;
-  return /*#__PURE__*/React.createElement("div", {
+  if (index$1.isEmpty(story)) return null;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "portrait-story-card-m_wrapper__3nche"
-  }, /*#__PURE__*/React.createElement(StoryCard, {
+  }, /*#__PURE__*/React__default["default"].createElement(index$2.StoryCard, {
     story: story,
     border: border,
     theme: theme,
     config: config,
     useImageAsBackground: true
-  }, /*#__PURE__*/React.createElement(HeroImage, {
+  }, /*#__PURE__*/React__default["default"].createElement(index$3.HeroImage, {
     story: story,
     aspectRatio: [[9, 16]]
-  }), /*#__PURE__*/React.createElement(StorycardContent, {
+  }), /*#__PURE__*/React__default["default"].createElement(index$4.StorycardContent, {
     story: story,
     config: config,
     separator: separator,
@@ -46,15 +61,15 @@ var PortraitStoryCardBase = function PortraitStoryCardBase(_ref) {
   })));
 };
 PortraitStoryCardBase.propTypes = {
-  border: PropTypes.string,
-  theme: PropTypes.string,
-  headerLevel: PropTypes.string,
-  separator: PropTypes.string,
-  borderColor: PropTypes.string,
-  config: PropTypes.object,
-  story: PropTypes.object
+  border: PropTypes__default["default"].string,
+  theme: PropTypes__default["default"].string,
+  headerLevel: PropTypes__default["default"].string,
+  separator: PropTypes__default["default"].string,
+  borderColor: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object,
+  story: PropTypes__default["default"].object
 };
-var PortraitStoryCard = StateProvider(PortraitStoryCardBase);
+var PortraitStoryCard = index.StateProvider(PortraitStoryCardBase);
 
 var loadMore = function loadMore(_ref) {
   var isLoading = _ref.isLoading,
@@ -77,7 +92,7 @@ var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
       isLoadMoreVisible = _ref2.isLoadMoreVisible,
       isLoading = _ref2.isLoading,
       isolatedLoadMore = _ref2.isolatedLoadMore;
-  var storyItems = collectionToStories(collection);
+  var storyItems = components.collectionToStories(collection);
   if (!storyItems.length) return null;
   var _config$collectionNam = config.collectionNameBorderColor,
       collectionNameBorderColor = _config$collectionNam === void 0 ? "" : _config$collectionNam,
@@ -100,17 +115,17 @@ var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
       subsequentLoadCount = _config$subsequentLoa === void 0 ? 4 : _config$subsequentLoa;
   var footerSlot = footerSlotConfig.footerSlot;
   var footerSlotComp = typeof footerSlot === "function" ? footerSlot() : null;
-  var textColor = getTextColor(theme);
-  var dispatch = useDispatch();
-  var qtConfig = useSelector(function (state) {
-    return get_1(state, ["qt", "config"], {});
+  var textColor = index$1.getTextColor(theme);
+  var dispatch = reactRedux.useDispatch();
+  var qtConfig = reactRedux.useSelector(function (state) {
+    return lodash.get(state, ["qt", "config"], {});
   });
 
   var getLoadMore = function getLoadMore(opts) {
     if (!isLoadMoreVisible) return null;
 
     if (isolatedLoadMore) {
-      return /*#__PURE__*/React.createElement(LoadMoreTarget, {
+      return /*#__PURE__*/React__default["default"].createElement(index.LoadMoreTarget, {
         collection: collection,
         componentName: "FourColPortraitStories",
         offset: storyItems.length,
@@ -118,8 +133,8 @@ var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
       });
     }
 
-    var url = generateNavigateSlug(collection, qtConfig);
-    return /*#__PURE__*/React.createElement(ProgressiveHydration, null, /*#__PURE__*/React.createElement(LoadmoreButton, {
+    var url = index$1.generateNavigateSlug(collection, qtConfig);
+    return /*#__PURE__*/React__default["default"].createElement(index.ProgressiveHydration, null, /*#__PURE__*/React__default["default"].createElement(index.LoadmoreButton, {
       config: config,
       collection: collection,
       template: footerButton,
@@ -127,31 +142,31 @@ var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
         return loadMore(opts);
       },
       navigate: function navigate() {
-        return navigateTo(dispatch, url);
+        return index$1.navigateTo(dispatch, url);
       },
       qtConfig: qtConfig
     }));
   };
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "full-width-with-padding arrow-component",
     "data-test-id": "four-col-portrait-stories",
     style: {
       backgroundColor: theme,
       color: textColor
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "four-col-portrait-stories-m_four-col-portrait__AtWub"
-  }, /*#__PURE__*/React.createElement(CollectionName, {
+  }, /*#__PURE__*/React__default["default"].createElement(index.CollectionName, {
     collection: collection,
     collectionNameTemplate: collectionNameTemplate,
     collectionNameBorderColor: collectionNameBorderColor,
     customCollectionName: customCollectionName,
     navigate: navigate
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "four-col-portrait-stories-m_wrapper__1BX02"
   }, storyItems.map(function (story, index) {
-    return /*#__PURE__*/React.createElement(PortraitStoryCard, {
+    return /*#__PURE__*/React__default["default"].createElement(PortraitStoryCard, {
       story: story,
       border: border,
       theme: theme,
@@ -172,28 +187,29 @@ var FourColPortraitStoriesBase = function FourColPortraitStoriesBase(_ref2) {
 };
 FourColPortraitStoriesBase.propTypes = {
   /**  collection is the array of objects which is returning by API  */
-  collection: PropTypes.object.isRequired,
+  collection: PropTypes__default["default"].object.isRequired,
 
   /** The config for the Row */
-  config: PropTypes.shape({
-    borderColor: PropTypes.string,
-    theme: PropTypes.string,
-    border: PropTypes.bool,
-    collectionNameTemplate: PropTypes.string,
-    footerButton: PropTypes.string,
-    collectionNameBorderColor: PropTypes.string,
-    subsequentLoadCount: PropTypes.number
+  config: PropTypes__default["default"].shape({
+    borderColor: PropTypes__default["default"].string,
+    theme: PropTypes__default["default"].string,
+    border: PropTypes__default["default"].bool,
+    collectionNameTemplate: PropTypes__default["default"].string,
+    footerButton: PropTypes__default["default"].string,
+    collectionNameBorderColor: PropTypes__default["default"].string,
+    subsequentLoadCount: PropTypes__default["default"].number
   }),
-  getMoreStories: PropTypes.func,
-  isLoadMoreVisible: PropTypes.bool,
-  isLoading: PropTypes.bool,
-  isolatedLoadMore: PropTypes.bool
+  getMoreStories: PropTypes__default["default"].func,
+  isLoadMoreVisible: PropTypes__default["default"].bool,
+  isLoading: PropTypes__default["default"].bool,
+  isolatedLoadMore: PropTypes__default["default"].bool
 };
 FourColPortraitStoriesBase.defaultProps = {
   getMoreStories: function getMoreStories() {},
   isLoadMoreVisible: true,
   isLoading: false
 };
-var FourColPortraitStories = StateProvider(FourColPortraitStoriesBase);
+var FourColPortraitStories = index.StateProvider(FourColPortraitStoriesBase);
 
-export { FourColPortraitStories, FourColPortraitStoriesBase };
+exports.FourColPortraitStories = FourColPortraitStories;
+exports.FourColPortraitStoriesBase = FourColPortraitStoriesBase;