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

package/atoms/ExtendedLoadMore/index-9e0d32b7.js

@@ -1,290 +0,0 @@
-'use strict';
-
-var index$1 = require('./index-3c4ac692.js');
-var index = require('./index-e7cde739.js');
-var React = require('react');
-var reactRedux = require('react-redux');
-var PropTypes = require('prop-types');
-var components = require('@quintype/components');
-require('react-dom');
-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 UserFallbackIcon = function UserFallbackIcon(_ref) {
-  var _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 120 : _ref$width,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? 120 : _ref$height;
-  return /*#__PURE__*/React__default["default"].createElement("svg", {
-    width: width,
-    height: height,
-    viewBox: "0 0 120 120",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M93.28 108.98c-1.055-17.675-15.47-31.678-33.098-31.678-17.708 0-32.173 14.129-33.11 31.916 9.415 6.311 20.741 9.993 32.927 9.993 12.338 0 23.795-3.774 33.28-10.23l.001-.001zM58.584 73.283c9.928 0 17.977-8.275 17.977-18.483 0-10.209-8.049-18.484-17.977-18.484-9.929 0-17.977 8.275-17.977 18.484 0 10.208 8.048 18.483 17.977 18.483zM60 120C26.863 120 0 93.137 0 60S26.863 0 60 0s60 26.863 60 60-26.863 60-60 60z",
-    fill: "#DADADA",
-    fillRule: "nonzero"
-  }));
-};
-UserFallbackIcon.propTypes = {
-  width: PropTypes__default["default"].object,
-  height: PropTypes__default["default"].object
-};
-
-var _styleModuleImportMap$1 = {
-  "./author-image.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
-    "mobile": "768px",
-    "tablet": "992px",
-    "image-container": "author-image-m_image-container__19WNd",
-    "author-image": "author-image-m_author-image__D8GMB",
-    "square": "author-image-m_square__bjK7M",
-    "small-circle": "author-image-m_small-circle__DbQMN",
-    "smaller-circle": "author-image-m_smaller-circle__2yMOZ"
-  }
-};
-
-var authorWithImage = function authorWithImage(author, templateStyle) {
-  var avatarUrl = author["avatar-url"],
-      avatarS3Key = author["avatar-s3-key"],
-      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)
-  }, /*#__PURE__*/React__default["default"].createElement("figure", {
-    className: "author-image-m_image-container__19WNd"
-  }, avatarS3Key ? /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
-    slug: avatarS3Key,
-    alt: name,
-    defaultWidth: 250,
-    widths: [250, 480],
-    aspectRatio: [[1, 1], [1, 1]],
-    sizes: "98vw",
-    imgParams: {
-      auto: ["format", "compress"]
-    }
-  }) : avatarUrl ? /*#__PURE__*/React__default["default"].createElement("img", {
-    src: avatarUrl
-  }) : /*#__PURE__*/React__default["default"].createElement(UserFallbackIcon, null)));
-};
-
-var AuthorImage = function AuthorImage(_ref) {
-  var _ref$author = _ref.author,
-      author = _ref$author === void 0 ? {} : _ref$author,
-      _ref$template = _ref.template,
-      template = _ref$template === void 0 ? "" : _ref$template,
-      _ref$config = _ref.config,
-      config = _ref$config === void 0 ? {} : _ref$config;
-  var slug = author.slug;
-  var mountAt = config.mountAt || "";
-  var templateStyle = "";
-  if (template === "smallerCircle") templateStyle = "smaller-circle";else if (template === "smallCircle") templateStyle = "small-circle";else if (template === "square") templateStyle = "square";
-  if (slug) return /*#__PURE__*/React__default["default"].createElement(components.Link, {
-    href: "".concat(mountAt, "/author/") + slug
-  }, authorWithImage(author, templateStyle));else return authorWithImage(author, templateStyle);
-};
-
-AuthorImage.propTypes = {
-  author: PropTypes__default["default"].shape({
-    "avatar-url": PropTypes__default["default"].string,
-    "avatar-s3-key": PropTypes__default["default"].string,
-    name: PropTypes__default["default"].string,
-    slug: PropTypes__default["default"].string
-  }),
-  template: PropTypes__default["default"].string
-};
-
-var _styleModuleImportMap = {
-  "./opinion-collection.m.css": {
-    "viewports": "\"../../../../assets/stylesheets/viewports.m.css\"",
-    "mobile": "768px",
-    "desktop": "1025px",
-    "opinion-collection": "opinion-collection-m_opinion-collection__1Bc7h",
-    "content-wrapper": "opinion-collection-m_content-wrapper__y32PE",
-    "custom-grid": "opinion-collection-m_custom-grid__33uRh",
-    "wrapper-with-ads": "opinion-collection-m_wrapper-with-ads__2daVe",
-    "ad-slot": "opinion-collection-m_ad-slot__2ZpaC",
-    "headline-author": "opinion-collection-m_headline-author__2H6Tv",
-    "border": "opinion-collection-m_border__38tun",
-    "light": "opinion-collection-m_light__2Hent",
-    "dark": "opinion-collection-m_dark__WMRNF",
-    "count-3": "opinion-collection-m_count-3__3cQUB",
-    "count-2": "opinion-collection-m_count-2__2e7g_"
-  }
-};
-
-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; }
-
-var loadMore = function loadMore(_ref) {
-  var isLoading = _ref.isLoading,
-      renderStories = _ref.renderStories,
-      getMoreStories = _ref.getMoreStories,
-      _ref$subsequentLoadCo = _ref.subsequentLoadCount,
-      subsequentLoadCount = _ref$subsequentLoadCo === void 0 ? 3 : _ref$subsequentLoadCo;
-  if (isLoading) return;
-  var limit = subsequentLoadCount;
-  var offset = renderStories.length;
-  getMoreStories(offset, limit);
-};
-
-var OpinionCollectionBase = function OpinionCollectionBase(_ref2) {
-  var collection = _ref2.collection,
-      config = _ref2.config,
-      getMoreStories = _ref2.getMoreStories,
-      isLoadMoreVisible = _ref2.isLoadMoreVisible,
-      isLoading = _ref2.isLoading,
-      isolatedLoadMore = _ref2.isolatedLoadMore;
-  var stories = components.collectionToStories(collection);
-  var _config$theme = config.theme,
-      theme = _config$theme === void 0 ? "" : _config$theme,
-      _config$footerButton = config.footerButton,
-      footerButton = _config$footerButton === void 0 ? "" : _config$footerButton,
-      _config$border = config.border,
-      border = _config$border === void 0 ? "fullBorder" : _config$border,
-      _config$collectionNam = config.collectionNameBorderColor,
-      collectionNameBorderColor = _config$collectionNam === void 0 ? "" : _config$collectionNam,
-      _config$collectionNam2 = config.collectionNameTemplate,
-      collectionNameTemplate = _config$collectionNam2 === void 0 ? "" : _config$collectionNam2,
-      _config$slotConfig = config.slotConfig,
-      slotConfig = _config$slotConfig === void 0 ? [] : _config$slotConfig,
-      _config$subsequentLoa = config.subsequentLoadCount,
-      subsequentLoadCount = _config$subsequentLoa === void 0 ? 3 : _config$subsequentLoa;
-
-  var _get = index.get_1(slotConfig, [0], {}),
-      _get$type = _get.type,
-      type = _get$type === void 0 ? "story" : _get$type,
-      _get$component = _get.component,
-      component = _get$component === void 0 ? null : _get$component;
-
-  var dispatch = reactRedux.useDispatch();
-  var qtConfig = reactRedux.useSelector(function (state) {
-    return index.get_1(state, ["qt", "config"], {});
-  });
-  if (!stories.length) return null;
-  var textColor = index.getTextColor(theme);
-  var borderStyle = border === "fullBorder" ? "border" : "";
-  var slot = type === "ad" ? index.getSlot(type, component) : null;
-  var adStyle = slot ? "custom-grid" : "";
-
-  var getLoadMore = function getLoadMore(opts) {
-    if (!isLoadMoreVisible) return null;
-
-    if (isolatedLoadMore) {
-      return /*#__PURE__*/React__default["default"].createElement(index$1.LoadMoreTarget, {
-        collection: collection,
-        componentName: "OpinionCollection",
-        offset: stories.length,
-        limit: subsequentLoadCount
-      });
-    }
-
-    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,
-      onClick: function onClick() {
-        return loadMore(opts);
-      },
-      navigate: function navigate() {
-        return index.navigateTo(dispatch, url);
-      },
-      qtConfig: qtConfig
-    }));
-  };
-
-  var getAuthorCard = function getAuthorCard(story) {
-    var authorData = index.get_1(story, ["authors", "0"]);
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "data-test-id": "story-card"
-    }, /*#__PURE__*/React__default["default"].createElement(index$1.Author, {
-      story: story,
-      hideAuthorImage: true
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "opinion-collection-m_headline-author__2H6Tv"
-    }, /*#__PURE__*/React__default["default"].createElement(index$1.Headline, {
-      story: story
-    }), /*#__PURE__*/React__default["default"].createElement(AuthorImage, {
-      author: authorData,
-      template: "smallerCircle",
-      config: config
-    })), /*#__PURE__*/React__default["default"].createElement(index$1.AuthorWithTime, {
-      story: story,
-      config: _objectSpread(_objectSpread({}, config), {}, {
-        disableMeridiem: true,
-        showAuthor: false
-      })
-    }));
-  };
-
-  var countStyleName = stories.length === 2 || stories.length === 3 ? "count-".concat(stories.length) : "";
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "full-width-with-padding arrow-component",
-    "data-test-id": "opinion-collection",
-    style: {
-      backgroundColor: theme,
-      color: textColor
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "opinion-collection-m_opinion-collection__1Bc7h",
-    style: {
-      backgroundColor: theme,
-      color: textColor
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(index$1.CollectionName, {
-    collection: collection,
-    collectionNameTemplate: collectionNameTemplate,
-    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)
-  }, 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)
-  }, stories.slice(0, 4).map(function (story) {
-    return getAuthorCard(story);
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "opinion-collection-m_ad-slot__2ZpaC"
-  }, slot)) : stories.map(function (story) {
-    return getAuthorCard(story);
-  })), getLoadMore({
-    isLoading: isLoading,
-    stories: stories,
-    getMoreStories: getMoreStories,
-    subsequentLoadCount: subsequentLoadCount
-  })));
-};
-OpinionCollectionBase.propTypes = {
-  collection: PropTypes__default["default"].object,
-  config: PropTypes__default["default"].shape({
-    collectionNameBorderColor: PropTypes__default["default"].string,
-    theme: PropTypes__default["default"].string,
-    collectionNameTemplate: PropTypes__default["default"].string,
-    footerButton: PropTypes__default["default"].string,
-    border: PropTypes__default["default"].string,
-    slotConfig: PropTypes__default["default"].array,
-    subsequentLoadCount: PropTypes__default["default"].number
-  }),
-  getMoreStories: PropTypes__default["default"].func,
-  isLoading: PropTypes__default["default"].bool,
-  isLoadMoreVisible: PropTypes__default["default"].bool,
-  isolatedLoadMore: PropTypes__default["default"].bool
-};
-OpinionCollectionBase.defaultProps = {
-  getMoreStories: function getMoreStories() {},
-  isLoadMoreVisible: true,
-  isLoading: false,
-  collection: {},
-  config: {},
-  hideFirstCard: false
-};
-var OpinionCollection = index$1.StateProvider(OpinionCollectionBase);
-
-exports.OpinionCollection = OpinionCollection;
-exports.OpinionCollectionBase = OpinionCollectionBase;

package/atoms/ExtendedLoadMore/index-b22f1843.js

@@ -1,251 +0,0 @@
-'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": {
-    "subheadline": "subheadline-m_subheadline__3fd7z",
-    "dark": "subheadline-m_dark__28u00",
-    "light": "subheadline-m_light__2YUOe"
-  }
-};
-var Subheadline = function Subheadline(_ref) {
-  var story = _ref.story,
-      _ref$truncateChars = _ref.truncateChars,
-      truncateChars = _ref$truncateChars === void 0 ? 200 : _ref$truncateChars,
-      lineClamp = _ref.lineClamp,
-      _ref$clazzName = _ref.clazzName,
-      clazzName = _ref$clazzName === void 0 ? "" : _ref$clazzName,
-      forceShowAtom = _ref.forceShowAtom,
-      showFullContent = _ref.showFullContent;
-  var config = index.useStateValue() || {};
-  var subheadline = forceShowAtom || index$1.get_1(config, ["showSubheadline"], true);
-  if (!subheadline) return null;
-  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) + " " : "") + 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__default["default"].object.isRequired,
-  //  Restricts the number of lines for subheadline.
-  lineClamp: PropTypes__default["default"].number,
-
-  /** Number of characters to truncate the subheadline */
-  truncateChars: PropTypes__default["default"].number,
-  clazzName: PropTypes__default["default"].string,
-  forceShowAtom: PropTypes__default["default"].bool,
-  showFullContent: PropTypes__default["default"].bool
-};
-Subheadline.defaultProps = {
-  forceShowAtom: false,
-  showFullContent: false
-};
-
-var _styleModuleImportMap = {
-  "./storycard.m.css": {
-    "author-timestamp-wrapper": "storycard-m_author-timestamp-wrapper__20yjp",
-    "default-card": "storycard-m_default-card__1-POn",
-    "horizontal-card": "storycard-m_horizontal-card___7afz",
-    "backgroung-img": "storycard-m_backgroung-img__1FMJT",
-    "content-overlap": "storycard-m_content-overlap__1yNHR",
-    "border-full": "storycard-m_border-full__1nhy7",
-    "light": "storycard-m_light__3EhXN",
-    "dark": "storycard-m_dark__2wCTq",
-    "border-bottom": "storycard-m_border-bottom__2_E-I",
-    "border-boxShadow": "storycard-m_border-boxShadow__2-k3Z",
-    "center-align": "storycard-m_center-align__1Sn8-",
-    "content-bottom": "storycard-m_content-bottom__1QHeC",
-    "content-full": "storycard-m_content-full__2zJmU",
-    "content-boxShadow": "storycard-m_content-boxShadow__2IAWZ",
-    "hero-image": "storycard-m_hero-image__1H3MB",
-    "right-padding": "storycard-m_right-padding__12-lQ",
-    "horizontal-mob": "storycard-m_horizontal-mob__17JG2",
-    "content": "storycard-m_content__1Q9vq",
-    "border-default": "storycard-m_border-default__PEZ1x",
-    "card": "storycard-m_card__KJwRa",
-    "horizontal-image-last": "storycard-m_horizontal-image-last__3o6LY"
-  }
-};
-var StoryCard = function StoryCard(_ref) {
-  var story = _ref.story,
-      children = _ref.children,
-      isHorizontal = _ref.isHorizontal,
-      aspectRatio = _ref.aspectRatio,
-      border = _ref.border,
-      useImageAsBackground = _ref.useImageAsBackground,
-      bgImgContentOverlap = _ref.bgImgContentOverlap,
-      theme = _ref.theme,
-      borderColor = _ref.borderColor,
-      isHorizontalMobile = _ref.isHorizontalMobile,
-      centerAlign = _ref.centerAlign,
-      headerLevel = _ref.headerLevel,
-      hideAuthorImage = _ref.hideAuthorImage,
-      prefix = _ref.prefix,
-      config = _ref.config,
-      isHorizontalWithImageLast = _ref.isHorizontalWithImageLast;
-  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
-
-  var horizontalCardStyle = "default-card";
-  if (isHorizontal) horizontalCardStyle = "horizontal-card";else if (isHorizontalWithImageLast) horizontalCardStyle = "horizontal-image-last";
-  var bgImageClasses = useImageAsBackground ? "backgroung-img" : "";
-  var bgImgContentOverlapClass = bgImgContentOverlap ? "content-overlap" : "";
-  var textColor = index$1.getTextColor(theme);
-  var horizontalMobileClasses = isHorizontalMobile ? "horizontal-mob" : "";
-  var defaultStorycard = /*#__PURE__*/React__default["default"].createElement(DefaultStoryCard, {
-    story: story,
-    aspectRatio: aspectRatio,
-    border: border,
-    isHorizontalMobile: isHorizontalMobile,
-    isHorizontal: isHorizontal,
-    centerAlign: centerAlign,
-    headerLevel: headerLevel,
-    borderColor: borderColor,
-    hideAuthorImage: hideAuthorImage,
-    prefix: prefix,
-    config: config,
-    isHorizontalWithImageLast: isHorizontalWithImageLast
-  });
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": "story-card",
-    style: {
-      backgroundColor: theme,
-      color: textColor
-    },
-    className: "arr--story-card " + index$1._getClassName("card ".concat(horizontalCardStyle, " ").concat(borderTemplate, " ").concat(textColor, " ").concat(bgImageClasses, " ").concat(bgImgContentOverlapClass, " ").concat(horizontalMobileClasses), _styleModuleImportMap)
-  }, children || defaultStorycard);
-};
-
-var DefaultStoryCard = function DefaultStoryCard(_ref2) {
-  var story = _ref2.story;
-      _ref2.border;
-      var isHorizontal = _ref2.isHorizontal,
-      aspectRatio = _ref2.aspectRatio,
-      headerLevel = _ref2.headerLevel,
-      _ref2$isHorizontalMob = _ref2.isHorizontalMobile,
-      isHorizontalMobile = _ref2$isHorizontalMob === void 0 ? false : _ref2$isHorizontalMob,
-      _ref2$centerAlign = _ref2.centerAlign,
-      centerAlign = _ref2$centerAlign === void 0 ? false : _ref2$centerAlign,
-      borderColor = _ref2.borderColor,
-      hideAuthorImage = _ref2.hideAuthorImage,
-      prefix = _ref2.prefix,
-      isHorizontalWithImageLast = _ref2.isHorizontalWithImageLast,
-      config = _ref2.config;
-  var alignment = centerAlign ? "center-align" : "";
-  var SectionTagborderColor = index$1.rgbToHex(borderColor);
-  var _config$localizationC = config.localizationConfig,
-      localizationConfig = _config$localizationC === void 0 ? {} : _config$localizationC;
-  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__default["default"].createElement(index$2.HeroImage, {
-    config: config,
-    story: story,
-    isHorizontalWithImageLast: true,
-    isHorizontalMobile: isHorizontalMobile,
-    aspectRatio: aspectRatio
-  }) : /*#__PURE__*/React__default["default"].createElement(index$2.HeroImage, {
-    story: story,
-    config: config,
-    isHorizontalMobile: isHorizontalMobile,
-    aspectRatio: aspectRatio
-  }), /*#__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__default["default"].createElement(index.Headline, {
-    story: story,
-    headerLevel: headerLevel,
-    premiumStoryIconConfig: config
-  }), /*#__PURE__*/React__default["default"].createElement(index.AuthorWithTime, {
-    config: localizationConfig,
-    story: story,
-    isBottom: true,
-    prefix: prefix,
-    hideAuthorImage: hideAuthorImage
-  }), /*#__PURE__*/React__default["default"].createElement(Subheadline, {
-    story: story
-  })));
-};
-
-DefaultStoryCard.propTypes = {
-  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__default["default"].object.isRequired,
-  children: PropTypes__default["default"].node,
-
-  /** Flip the Story Card to Horizonal mode */
-  isHorizontal: PropTypes__default["default"].bool,
-
-  /** Add border to the Story Card  */
-  border: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string]),
-  // story card with background image
-  useImageAsBackground: PropTypes__default["default"].bool,
-  // story card  content overlap with image
-  bgImgContentOverlap: PropTypes__default["default"].bool,
-
-  /** add aspect ratio for hero image  */
-  aspectRatio: PropTypes__default["default"].oneOfType([PropTypes__default["default"].array]),
-
-  /** add theme(dark /light/custom color) for storycard  */
-  theme: PropTypes__default["default"].string,
-
-  /** flip the story card mobile design horizontal */
-  isHorizontalMobile: PropTypes__default["default"].bool,
-  // make content center align in desktop and left align in mobile
-  centerAlign: PropTypes__default["default"].bool,
-  headerLevel: PropTypes__default["default"].string,
-  borderColor: PropTypes__default["default"].string,
-  // handle author image through storycard
-  hideAuthorImage: PropTypes__default["default"].bool,
-  // handle author prefix through storycard
-  prefix: PropTypes__default["default"].string,
-  config: PropTypes__default["default"].object,
-  isHorizontalWithImageLast: PropTypes__default["default"].bool
-};
-StoryCard.defaultProps = {
-  isHorizontal: false,
-  isHorizontalMobile: false,
-  border: "default",
-  theme: "",
-  centerAlign: false,
-  borderColor: "",
-  isHorizontalWithImageLast: false
-};
-
-exports.StoryCard = StoryCard;
-exports.Subheadline = Subheadline;