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

package/atoms/ExtendedLoadMore/{index-0519e570.js → index-b22f1843.js}

@@ -1,8 +1,15 @@
-import { a as get_1, g as getTextColor, _ as _getClassName, t as truncate, i as isEmpty, r as rgbToHex } from './index-ad3c83c3.js';
-import React from 'react';
-import { u as useStateValue, H as Headline, A as AuthorWithTime } from './index-1e444d20.js';
-import PropTypes from 'prop-types';
-import { H as HeroImage, S as SectionTag } from './index-c61a16dc.js';
+'use strict';
+
+var index$1 = require('./index-e7cde739.js');
+var React = require('react');
+var index = require('./index-3c4ac692.js');
+var PropTypes = require('prop-types');
+var index$2 = require('./index-5c8eda4a.js');
+
+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 _styleModuleImportMap$1 = {
   "./subheadline.m.css": {
@@ -20,29 +27,29 @@ var Subheadline = function Subheadline(_ref) {
       clazzName = _ref$clazzName === void 0 ? "" : _ref$clazzName,
       forceShowAtom = _ref.forceShowAtom,
       showFullContent = _ref.showFullContent;
-  var config = useStateValue() || {};
-  var subheadline = forceShowAtom || get_1(config, ["showSubheadline"], true);
+  var config = index.useStateValue() || {};
+  var subheadline = forceShowAtom || index$1.get_1(config, ["showSubheadline"], true);
   if (!subheadline) return null;
-  var textColor = getTextColor(config.theme);
-  return /*#__PURE__*/React.createElement("div", {
+  var textColor = index$1.getTextColor(config.theme);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       WebkitLineClamp: lineClamp
     },
     "data-test-id": "subheadline",
-    className: ("p-alt arr--sub-headline arrow-component ".concat(clazzName) ? "p-alt arr--sub-headline arrow-component ".concat(clazzName) + " " : "") + _getClassName("subheadline ".concat(textColor), _styleModuleImportMap$1)
-  }, showFullContent || typeof lineClamp === "number" ? story.subheadline : truncate(story.subheadline, truncateChars, true));
+    className: ("p-alt arr--sub-headline arrow-component ".concat(clazzName) ? "p-alt arr--sub-headline arrow-component ".concat(clazzName) + " " : "") + index$1._getClassName("subheadline ".concat(textColor), _styleModuleImportMap$1)
+  }, showFullContent || typeof lineClamp === "number" ? story.subheadline : index$1.truncate(story.subheadline, truncateChars, true));
 };
 Subheadline.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object.isRequired,
+  story: PropTypes__default["default"].object.isRequired,
   //  Restricts the number of lines for subheadline.
-  lineClamp: PropTypes.number,
+  lineClamp: PropTypes__default["default"].number,
 
   /** Number of characters to truncate the subheadline */
-  truncateChars: PropTypes.number,
-  clazzName: PropTypes.string,
-  forceShowAtom: PropTypes.bool,
-  showFullContent: PropTypes.bool
+  truncateChars: PropTypes__default["default"].number,
+  clazzName: PropTypes__default["default"].string,
+  forceShowAtom: PropTypes__default["default"].bool,
+  showFullContent: PropTypes__default["default"].bool
 };
 Subheadline.defaultProps = {
   forceShowAtom: false,
@@ -91,7 +98,7 @@ var StoryCard = function StoryCard(_ref) {
       prefix = _ref.prefix,
       config = _ref.config,
       isHorizontalWithImageLast = _ref.isHorizontalWithImageLast;
-  if (!story || isEmpty(story)) return /*#__PURE__*/React.createElement("div", null);
+  if (!story || index$1.isEmpty(story)) return /*#__PURE__*/React__default["default"].createElement("div", null);
   var borderOptions = ["default", "full", "bottom", "boxShadow"];
   var borderTemplate = borderOptions.includes(border) ? "border-".concat(border) : ""; // TODO optimize conditions
 
@@ -99,9 +106,9 @@ var StoryCard = function StoryCard(_ref) {
   if (isHorizontal) horizontalCardStyle = "horizontal-card";else if (isHorizontalWithImageLast) horizontalCardStyle = "horizontal-image-last";
   var bgImageClasses = useImageAsBackground ? "backgroung-img" : "";
   var bgImgContentOverlapClass = bgImgContentOverlap ? "content-overlap" : "";
-  var textColor = getTextColor(theme);
+  var textColor = index$1.getTextColor(theme);
   var horizontalMobileClasses = isHorizontalMobile ? "horizontal-mob" : "";
-  var defaultStorycard = /*#__PURE__*/React.createElement(DefaultStoryCard, {
+  var defaultStorycard = /*#__PURE__*/React__default["default"].createElement(DefaultStoryCard, {
     story: story,
     aspectRatio: aspectRatio,
     border: border,
@@ -115,13 +122,13 @@ var StoryCard = function StoryCard(_ref) {
     config: config,
     isHorizontalWithImageLast: isHorizontalWithImageLast
   });
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "story-card",
     style: {
       backgroundColor: theme,
       color: textColor
     },
-    className: "arr--story-card " + _getClassName("card ".concat(horizontalCardStyle, " ").concat(borderTemplate, " ").concat(textColor, " ").concat(bgImageClasses, " ").concat(bgImgContentOverlapClass, " ").concat(horizontalMobileClasses), _styleModuleImportMap)
+    className: "arr--story-card " + index$1._getClassName("card ".concat(horizontalCardStyle, " ").concat(borderTemplate, " ").concat(textColor, " ").concat(bgImageClasses, " ").concat(bgImgContentOverlapClass, " ").concat(horizontalMobileClasses), _styleModuleImportMap)
   }, children || defaultStorycard);
 };
 
@@ -141,94 +148,94 @@ var DefaultStoryCard = function DefaultStoryCard(_ref2) {
       isHorizontalWithImageLast = _ref2.isHorizontalWithImageLast,
       config = _ref2.config;
   var alignment = centerAlign ? "center-align" : "";
-  var SectionTagborderColor = rgbToHex(borderColor);
+  var SectionTagborderColor = index$1.rgbToHex(borderColor);
   var _config$localizationC = config.localizationConfig,
       localizationConfig = _config$localizationC === void 0 ? {} : _config$localizationC;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, isHorizontal ? /*#__PURE__*/React.createElement(HeroImage, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isHorizontal ? /*#__PURE__*/React__default["default"].createElement(index$2.HeroImage, {
     config: config,
     story: story,
     isHorizontal: true,
     isHorizontalMobile: isHorizontalMobile,
     aspectRatio: aspectRatio
-  }) : isHorizontalWithImageLast ? /*#__PURE__*/React.createElement(HeroImage, {
+  }) : isHorizontalWithImageLast ? /*#__PURE__*/React__default["default"].createElement(index$2.HeroImage, {
     config: config,
     story: story,
     isHorizontalWithImageLast: true,
     isHorizontalMobile: isHorizontalMobile,
     aspectRatio: aspectRatio
-  }) : /*#__PURE__*/React.createElement(HeroImage, {
+  }) : /*#__PURE__*/React__default["default"].createElement(index$2.HeroImage, {
     story: story,
     config: config,
     isHorizontalMobile: isHorizontalMobile,
     aspectRatio: aspectRatio
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "arr--story-content " + _getClassName("content ".concat(alignment), _styleModuleImportMap)
-  }, /*#__PURE__*/React.createElement(SectionTag, {
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "arr--story-content " + index$1._getClassName("content ".concat(alignment), _styleModuleImportMap)
+  }, /*#__PURE__*/React__default["default"].createElement(index$2.SectionTag, {
     story: story,
     borderColor: SectionTagborderColor
-  }), /*#__PURE__*/React.createElement(Headline, {
+  }), /*#__PURE__*/React__default["default"].createElement(index.Headline, {
     story: story,
     headerLevel: headerLevel,
     premiumStoryIconConfig: config
-  }), /*#__PURE__*/React.createElement(AuthorWithTime, {
+  }), /*#__PURE__*/React__default["default"].createElement(index.AuthorWithTime, {
     config: localizationConfig,
     story: story,
     isBottom: true,
     prefix: prefix,
     hideAuthorImage: hideAuthorImage
-  }), /*#__PURE__*/React.createElement(Subheadline, {
+  }), /*#__PURE__*/React__default["default"].createElement(Subheadline, {
     story: story
   })));
 };
 
 DefaultStoryCard.propTypes = {
-  story: PropTypes.object.isRequired,
-  border: PropTypes.oneOfType([PropTypes.string]),
-  isBottom: PropTypes.bool,
-  isHorizontal: PropTypes.bool,
-  aspectRatio: PropTypes.oneOfType([PropTypes.array]),
-  isHorizontalMobile: PropTypes.bool,
-  centerAlign: PropTypes.bool,
-  headerLevel: PropTypes.string,
-  borderColor: PropTypes.string,
-  hideAuthorImage: PropTypes.bool,
-  prefix: PropTypes.string,
-  config: PropTypes.object,
-  isHorizontalWithImageLast: PropTypes.bool
+  story: PropTypes__default["default"].object.isRequired,
+  border: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string]),
+  isBottom: PropTypes__default["default"].bool,
+  isHorizontal: PropTypes__default["default"].bool,
+  aspectRatio: PropTypes__default["default"].oneOfType([PropTypes__default["default"].array]),
+  isHorizontalMobile: PropTypes__default["default"].bool,
+  centerAlign: PropTypes__default["default"].bool,
+  headerLevel: PropTypes__default["default"].string,
+  borderColor: PropTypes__default["default"].string,
+  hideAuthorImage: PropTypes__default["default"].bool,
+  prefix: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object,
+  isHorizontalWithImageLast: PropTypes__default["default"].bool
 };
 StoryCard.propTypes = {
   /** The Story Object from the API response */
-  story: PropTypes.object.isRequired,
-  children: PropTypes.node,
+  story: PropTypes__default["default"].object.isRequired,
+  children: PropTypes__default["default"].node,
 
   /** Flip the Story Card to Horizonal mode */
-  isHorizontal: PropTypes.bool,
+  isHorizontal: PropTypes__default["default"].bool,
 
   /** Add border to the Story Card  */
-  border: PropTypes.oneOfType([PropTypes.string]),
+  border: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string]),
   // story card with background image
-  useImageAsBackground: PropTypes.bool,
+  useImageAsBackground: PropTypes__default["default"].bool,
   // story card  content overlap with image
-  bgImgContentOverlap: PropTypes.bool,
+  bgImgContentOverlap: PropTypes__default["default"].bool,
 
   /** add aspect ratio for hero image  */
-  aspectRatio: PropTypes.oneOfType([PropTypes.array]),
+  aspectRatio: PropTypes__default["default"].oneOfType([PropTypes__default["default"].array]),
 
   /** add theme(dark /light/custom color) for storycard  */
-  theme: PropTypes.string,
+  theme: PropTypes__default["default"].string,
 
   /** flip the story card mobile design horizontal */
-  isHorizontalMobile: PropTypes.bool,
+  isHorizontalMobile: PropTypes__default["default"].bool,
   // make content center align in desktop and left align in mobile
-  centerAlign: PropTypes.bool,
-  headerLevel: PropTypes.string,
-  borderColor: PropTypes.string,
+  centerAlign: PropTypes__default["default"].bool,
+  headerLevel: PropTypes__default["default"].string,
+  borderColor: PropTypes__default["default"].string,
   // handle author image through storycard
-  hideAuthorImage: PropTypes.bool,
+  hideAuthorImage: PropTypes__default["default"].bool,
   // handle author prefix through storycard
-  prefix: PropTypes.string,
-  config: PropTypes.object,
-  isHorizontalWithImageLast: PropTypes.bool
+  prefix: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object,
+  isHorizontalWithImageLast: PropTypes__default["default"].bool
 };
 StoryCard.defaultProps = {
   isHorizontal: false,
@@ -240,4 +247,5 @@ StoryCard.defaultProps = {
   isHorizontalWithImageLast: false
 };
 
-export { StoryCard as S, Subheadline as a };
+exports.StoryCard = StoryCard;
+exports.Subheadline = Subheadline;

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

@@ -1,14 +1,21 @@
-import { collectionToStories } from '@quintype/components';
-import { a as get_1, l as getSlot, g as getTextColor, b as generateNavigateSlug, n as navigateTo } from './index-ad3c83c3.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-1e444d20.js';
-import { H as HeroImage, S as SectionTag } from './index-c61a16dc.js';
-import { S as StoryCard } from './index-0519e570.js';
-import 'react-timeago';
-import 'date-fns-tz';
-import 'react-dom';
+'use strict';
+
+var components = require('@quintype/components');
+var index = require('./index-e7cde739.js');
+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');
+require('react-timeago');
+require('date-fns-tz');
+require('react-dom');
+
+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 +30,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 +80,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 +99,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 = index.get_1(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 index.get_1(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 +125,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 +134,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 +191,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 +225,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;