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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/atoms/Author/index.js +38 -29
  2. package/atoms/AuthorWithTime/index.js +83 -73
  3. package/atoms/CollectionName/index.js +40 -30
  4. package/atoms/ExtendedLoadMore/{index-d0f6c865.js → index-3976fac4.js} +59 -51
  5. package/atoms/ExtendedLoadMore/{index-1e444d20.js → index-3c4ac692.js} +243 -208
  6. package/atoms/ExtendedLoadMore/index-4ddfe28d.js +93 -0
  7. package/atoms/ExtendedLoadMore/{index-c61a16dc.js → index-5c8eda4a.js} +88 -80
  8. package/atoms/ExtendedLoadMore/{index-1256e453.js → index-6e083738.js} +60 -52
  9. package/atoms/ExtendedLoadMore/{index-fd651f70.js → index-6ecceae4.js} +58 -50
  10. package/atoms/ExtendedLoadMore/{index-4356ce04.js → index-9e0d32b7.js} +76 -68
  11. package/atoms/ExtendedLoadMore/{index-beed3a68.js → index-a5c95f84.js} +70 -62
  12. package/atoms/ExtendedLoadMore/{index-0519e570.js → index-b22f1843.js} +70 -62
  13. package/atoms/ExtendedLoadMore/{index-e4cf9cb7.js → index-b5936059.js} +72 -64
  14. package/atoms/ExtendedLoadMore/{index-aba6b278.js → index-bc129cb8.js} +57 -49
  15. package/atoms/ExtendedLoadMore/{index-ad3c83c3.js → index-e7cde739.js} +74 -46
  16. package/atoms/ExtendedLoadMore/{index-c2f73d18.js → index-fee73a14.js} +62 -54
  17. package/atoms/ExtendedLoadMore/index.js +13 -5
  18. package/atoms/ExtendedLoadMore/styles.arrow.css +1 -1
  19. package/atoms/Headline/index.js +85 -76
  20. package/atoms/HeroImage/index.js +69 -60
  21. package/atoms/LoadmoreButton/index.js +32 -23
  22. package/atoms/ScrollSnap/index.js +72 -63
  23. package/atoms/SectionTag/index.js +34 -25
  24. package/atoms/Subheadline/index.js +31 -22
  25. package/atoms/TimeStamp/index.js +34 -24
  26. package/molecules/KeyEvents/index.js +72 -61
  27. package/molecules/PageIntroductionCard/index.js +43 -34
  28. package/molecules/SocialShareTemplate/index.js +97 -88
  29. package/molecules/StoryCard/index.js +242 -232
  30. package/molecules/StoryElementCard/index.js +512 -483
  31. package/molecules/StorycardContent/index.js +172 -162
  32. package/package.json +1 -1
  33. package/rows/AlternateCollectionFilter/index.js +345 -333
  34. package/rows/AsideCollection/index.js +340 -328
  35. package/rows/AstrologyCollection/index.js +321 -309
  36. package/rows/AuthorIntroductionCard/index.js +157 -148
  37. package/rows/AuthorsList/index.js +184 -174
  38. package/rows/CollectionFilter/index.js +361 -349
  39. package/rows/ElevenStories/index.js +357 -346
  40. package/rows/FourColFiveStories/index.js +304 -274
  41. package/rows/FourColGrid/index.js +351 -321
  42. package/rows/FourColPortraitStories/index.js +357 -327
  43. package/rows/FourColSixteenStories/index.js +288 -277
  44. package/rows/FourColTwelveStories/index.js +315 -304
  45. package/rows/FourStorySlider/index.js +358 -347
  46. package/rows/FourStorySliderPortrait/index.js +359 -348
  47. package/rows/FourTabbedBigStorySlider/index.js +322 -311
  48. package/rows/FullScreenSlider/index.js +336 -325
  49. package/rows/HalfScreenSlider/index.js +308 -297
  50. package/rows/ListComponent/index.js +322 -311
  51. package/rows/Listicles/index.js +150 -139
  52. package/rows/MagazineEditions/index.js +104 -93
  53. package/rows/MagazineHeaderCard/index.js +104 -93
  54. package/rows/MagazineWidget/index.js +326 -315
  55. package/rows/OneColStoryList/index.js +365 -335
  56. package/rows/OpinionCollection/index.js +250 -220
  57. package/rows/SixColSixStories/index.js +333 -303
  58. package/rows/StoryCollection/index.js +340 -328
  59. package/rows/TagIntroductionCard/index.js +30 -21
  60. package/rows/ThreeColFlexStories/index.js +348 -318
  61. package/rows/ThreeColFourteenStories/index.js +285 -274
  62. package/rows/ThreeColGrid/index.js +352 -322
  63. package/rows/ThreeColSevenStory/index.js +322 -311
  64. package/rows/ThreeColSixStories/index.js +323 -312
  65. package/rows/ThreeColTwelveStories/index.js +302 -291
  66. package/rows/TwoColFourStories/index.js +316 -305
  67. package/rows/TwoColFourStoryHighlight/index.js +317 -306
  68. package/rows/TwoColSevenStories/index.js +322 -311
  69. package/rows/TwoColSixStories/index.js +316 -305
  70. package/rows/TwoColTenStoriesSidebar/index.js +338 -327
  71. package/rows/TwoColThreeStories/index.js +316 -305
  72. package/story-elements/AlsoRead/index.js +70 -61
  73. package/story-elements/Attachment/index.js +40 -31
  74. package/story-elements/BigFact/index.js +35 -26
  75. package/story-elements/BlockQuote/index.js +61 -51
  76. package/story-elements/Blurb/index.js +36 -27
  77. package/story-elements/Image/index.js +113 -86
  78. package/story-elements/ImageGallery/index.js +98 -71
  79. package/story-elements/ImageSlideshow/index.js +147 -120
  80. package/story-elements/QuestionAnswer/index.js +55 -46
  81. package/story-elements/Quote/index.js +37 -28
  82. package/story-elements/Reference/index.js +40 -31
  83. package/story-elements/StoryElement/index.js +28 -19
  84. package/story-elements/Summary/index.js +40 -31
  85. package/story-elements/Text/index.js +34 -25
  86. package/story-elements/Video/index.js +29 -20
  87. package/story-templates/ListicleStoryTemplate/index.js +937 -908
  88. package/story-templates/LiveBlogStoryTemplate/index.js +942 -913
  89. package/story-templates/PhotoStoryTemplate/index.js +912 -883
  90. package/story-templates/TextStoryTemplate/index.js +931 -902
  91. package/story-templates/VideoStoryTemplate/index.js +897 -868
  92. package/atoms/ExtendedLoadMore/index-81eb3978.js +0 -86
@@ -1,9 +1,18 @@
1
- import React, { useState, useEffect, createContext } from 'react';
2
- import { LinkBase, Link, ResponsiveImage, SocialShare } from '@quintype/components';
3
- import PropTypes from 'prop-types';
4
- import 'react-timeago';
5
- import 'date-fns-tz';
6
- import { useSelector } from 'react-redux';
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var components = require('@quintype/components');
7
+ var PropTypes = require('prop-types');
8
+ require('react-timeago');
9
+ require('date-fns-tz');
10
+ var reactRedux = require('react-redux');
11
+
12
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
+
14
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
15
+ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
7
16
 
8
17
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
9
18
 
@@ -2343,15 +2352,15 @@ var getSlug = function getSlug(collection) {
2343
2352
 
2344
2353
  return "/collection/".concat(collection.slug);
2345
2354
  };
2346
- PropTypes.shape({
2347
- "sketches-host": PropTypes.string,
2348
- "cdn-name": PropTypes.string,
2349
- "cdn-image": PropTypes.string
2355
+ PropTypes__default["default"].shape({
2356
+ "sketches-host": PropTypes__default["default"].string,
2357
+ "cdn-name": PropTypes__default["default"].string,
2358
+ "cdn-image": PropTypes__default["default"].string
2350
2359
  });
2351
- PropTypes.shape({
2352
- headline: PropTypes.string,
2353
- "last-published-at": PropTypes.number,
2354
- subheadline: PropTypes.string
2360
+ PropTypes__default["default"].shape({
2361
+ headline: PropTypes__default["default"].string,
2362
+ "last-published-at": PropTypes__default["default"].number,
2363
+ subheadline: PropTypes__default["default"].string
2355
2364
  });
2356
2365
  var generateNavigateSlug = function generateNavigateSlug() {
2357
2366
  var collection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -2569,26 +2578,26 @@ var LoadmoreButton = function LoadmoreButton(_ref) {
2569
2578
  if (!showButton) return null;
2570
2579
  var textColor = getTextColor(theme);
2571
2580
  var slug = customUrlPath ? "/".concat(customUrlPath) : generateNavigateSlug(collection, _objectSpread(_objectSpread({}, qtConfig), config));
2572
- return template === "SubsequentLoadCount" ? /*#__PURE__*/React.createElement("div", {
2581
+ return template === "SubsequentLoadCount" ? /*#__PURE__*/React__default["default"].createElement("div", {
2573
2582
  onClick: onClick,
2574
2583
  "data-test-id": "load-more",
2575
2584
  className: "arr--button " + _getClassName("button ".concat(textColor, " default"), _styleModuleImportMap$4)
2576
- }, buttonText) : /*#__PURE__*/React.createElement(LinkBase, {
2585
+ }, buttonText) : /*#__PURE__*/React__default["default"].createElement(components.LinkBase, {
2577
2586
  href: slug,
2578
2587
  navigateTo: navigate,
2579
2588
  "data-test-id": "load-more",
2580
2589
  "aria-label": "load-more"
2581
- }, /*#__PURE__*/React.createElement("div", {
2590
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2582
2591
  className: "arr--button " + _getClassName("button ".concat(textColor, " default"), _styleModuleImportMap$4)
2583
2592
  }, buttonText));
2584
2593
  };
2585
2594
  LoadmoreButton.propTypes = {
2586
- collection: PropTypes.object,
2587
- template: PropTypes.string,
2588
- config: PropTypes.object,
2589
- onClick: PropTypes.func,
2590
- navigate: PropTypes.func,
2591
- qtConfig: PropTypes.object
2595
+ collection: PropTypes__default["default"].object,
2596
+ template: PropTypes__default["default"].string,
2597
+ config: PropTypes__default["default"].object,
2598
+ onClick: PropTypes__default["default"].func,
2599
+ navigate: PropTypes__default["default"].func,
2600
+ qtConfig: PropTypes__default["default"].object
2592
2601
  };
2593
2602
 
2594
2603
  var UserFallbackIcon = function UserFallbackIcon(_ref) {
@@ -2596,20 +2605,20 @@ var UserFallbackIcon = function UserFallbackIcon(_ref) {
2596
2605
  width = _ref$width === void 0 ? 120 : _ref$width,
2597
2606
  _ref$height = _ref.height,
2598
2607
  height = _ref$height === void 0 ? 120 : _ref$height;
2599
- return /*#__PURE__*/React.createElement("svg", {
2608
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
2600
2609
  width: width,
2601
2610
  height: height,
2602
2611
  viewBox: "0 0 120 120",
2603
2612
  xmlns: "http://www.w3.org/2000/svg"
2604
- }, /*#__PURE__*/React.createElement("path", {
2613
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
2605
2614
  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",
2606
2615
  fill: "#DADADA",
2607
2616
  fillRule: "nonzero"
2608
2617
  }));
2609
2618
  };
2610
2619
  UserFallbackIcon.propTypes = {
2611
- width: PropTypes.object,
2612
- height: PropTypes.object
2620
+ width: PropTypes__default["default"].object,
2621
+ height: PropTypes__default["default"].object
2613
2622
  };
2614
2623
 
2615
2624
  var _styleModuleImportMap$3 = {
@@ -2629,12 +2638,12 @@ var authorWithImage = function authorWithImage(author, templateStyle) {
2629
2638
  var avatarUrl = author["avatar-url"],
2630
2639
  avatarS3Key = author["avatar-s3-key"],
2631
2640
  name = author.name;
2632
- return /*#__PURE__*/React.createElement("div", {
2641
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2633
2642
  "data-test-id": "author-image",
2634
2643
  className: "arr--author-image " + _getClassName("author-image ".concat(templateStyle), _styleModuleImportMap$3)
2635
- }, /*#__PURE__*/React.createElement("figure", {
2644
+ }, /*#__PURE__*/React__default["default"].createElement("figure", {
2636
2645
  className: "author-image-m_image-container__19WNd"
2637
- }, avatarS3Key ? /*#__PURE__*/React.createElement(ResponsiveImage, {
2646
+ }, avatarS3Key ? /*#__PURE__*/React__default["default"].createElement(components.ResponsiveImage, {
2638
2647
  slug: avatarS3Key,
2639
2648
  alt: name,
2640
2649
  defaultWidth: 250,
@@ -2644,9 +2653,9 @@ var authorWithImage = function authorWithImage(author, templateStyle) {
2644
2653
  imgParams: {
2645
2654
  auto: ["format", "compress"]
2646
2655
  }
2647
- }) : avatarUrl ? /*#__PURE__*/React.createElement("img", {
2656
+ }) : avatarUrl ? /*#__PURE__*/React__default["default"].createElement("img", {
2648
2657
  src: avatarUrl
2649
- }) : /*#__PURE__*/React.createElement(UserFallbackIcon, null)));
2658
+ }) : /*#__PURE__*/React__default["default"].createElement(UserFallbackIcon, null)));
2650
2659
  };
2651
2660
 
2652
2661
  var AuthorImage = function AuthorImage(_ref) {
@@ -2660,19 +2669,19 @@ var AuthorImage = function AuthorImage(_ref) {
2660
2669
  var mountAt = config.mountAt || "";
2661
2670
  var templateStyle = "";
2662
2671
  if (template === "smallerCircle") templateStyle = "smaller-circle";else if (template === "smallCircle") templateStyle = "small-circle";else if (template === "square") templateStyle = "square";
2663
- if (slug) return /*#__PURE__*/React.createElement(Link, {
2672
+ if (slug) return /*#__PURE__*/React__default["default"].createElement(components.Link, {
2664
2673
  href: "".concat(mountAt, "/author/") + slug
2665
2674
  }, authorWithImage(author, templateStyle));else return authorWithImage(author, templateStyle);
2666
2675
  };
2667
2676
 
2668
2677
  AuthorImage.propTypes = {
2669
- author: PropTypes.shape({
2670
- "avatar-url": PropTypes.string,
2671
- "avatar-s3-key": PropTypes.string,
2672
- name: PropTypes.string,
2673
- slug: PropTypes.string
2678
+ author: PropTypes__default["default"].shape({
2679
+ "avatar-url": PropTypes__default["default"].string,
2680
+ "avatar-s3-key": PropTypes__default["default"].string,
2681
+ name: PropTypes__default["default"].string,
2682
+ slug: PropTypes__default["default"].string
2674
2683
  }),
2675
- template: PropTypes.string
2684
+ template: PropTypes__default["default"].string
2676
2685
  };
2677
2686
 
2678
2687
  function _extends() {
@@ -2757,105 +2766,105 @@ function _slicedToArray(arr, i) {
2757
2766
  var Twitter = function Twitter(_ref) {
2758
2767
  var _ref$color = _ref.color,
2759
2768
  color = _ref$color === void 0 ? "#1CB7EB" : _ref$color;
2760
- return /*#__PURE__*/React.createElement("svg", {
2769
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
2761
2770
  xmlns: "http://www.w3.org/2000/svg",
2762
2771
  width: "24",
2763
2772
  height: "24",
2764
2773
  viewBox: "0 0 24 24"
2765
- }, /*#__PURE__*/React.createElement("path", {
2774
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
2766
2775
  fill: color,
2767
2776
  d: "M19.137 8.594c.023.094.035.246.035.457 0 1.687-.41 3.316-1.23 4.887-.844 1.664-2.028 2.988-3.551 3.972-1.664 1.102-3.575 1.652-5.73 1.652-2.063 0-3.95-.55-5.661-1.652.258.024.55.035.879.035 1.71 0 3.246-.527 4.605-1.582-.82 0-1.54-.24-2.162-.72a3.673 3.673 0 01-1.283-1.811c.234.023.457.035.668.035.328 0 .656-.035.984-.105a3.724 3.724 0 01-2.109-1.301 3.542 3.542 0 01-.844-2.32v-.07a3.493 3.493 0 001.653.492 4.097 4.097 0 01-1.196-1.336 3.557 3.557 0 01-.457-1.776c0-.644.176-1.26.528-1.845a10.188 10.188 0 003.357 2.742 10.222 10.222 0 004.236 1.125 5.122 5.122 0 01-.07-.844c0-.656.164-1.272.492-1.846a3.615 3.615 0 011.336-1.353 3.568 3.568 0 011.828-.492c.54 0 1.037.105 1.494.316.457.21.862.492 1.213.844a7.479 7.479 0 002.356-.88c-.281.868-.82 1.548-1.617 2.04A7.926 7.926 0 0021 6.66a8.132 8.132 0 01-1.863 1.934z"
2768
2777
  }));
2769
2778
  };
2770
2779
  Twitter.propTypes = {
2771
- color: PropTypes.string
2780
+ color: PropTypes__default["default"].string
2772
2781
  };
2773
2782
 
2774
2783
  var Facebook = function Facebook(_ref) {
2775
2784
  var _ref$color = _ref.color,
2776
2785
  color = _ref$color === void 0 ? "#3B5998" : _ref$color;
2777
- return /*#__PURE__*/React.createElement("svg", {
2786
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
2778
2787
  xmlns: "http://www.w3.org/2000/svg",
2779
2788
  width: "24",
2780
2789
  height: "24",
2781
2790
  viewBox: "0 0 24 24"
2782
- }, /*#__PURE__*/React.createElement("path", {
2791
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
2783
2792
  fill: color,
2784
2793
  d: "M9.906 20v-7.156H7.5V10h2.406V7.75c0-1.187.334-2.11 1-2.766.667-.656 1.552-.984 2.656-.984.896 0 1.625.042 2.188.125v2.531h-1.5c-.563 0-.948.125-1.156.375-.167.209-.25.542-.25 1V10H15.5l-.375 2.844h-2.281V20H9.906z"
2785
2794
  }));
2786
2795
  };
2787
2796
  Facebook.propTypes = {
2788
- color: PropTypes.string
2797
+ color: PropTypes__default["default"].string
2789
2798
  };
2790
2799
 
2791
2800
  var LinkedIn = function LinkedIn(_ref) {
2792
2801
  var _ref$color = _ref.color,
2793
2802
  color = _ref$color === void 0 ? "#0077B5" : _ref$color;
2794
- return /*#__PURE__*/React.createElement("svg", {
2803
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
2795
2804
  xmlns: "http://www.w3.org/2000/svg",
2796
2805
  width: "24",
2797
2806
  height: "24",
2798
2807
  viewBox: "0 0 24 24"
2799
- }, /*#__PURE__*/React.createElement("path", {
2808
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
2800
2809
  fill: color,
2801
2810
  d: "M6.71 19H3.26V7.904h3.45V19zM5.005 6.383a1.926 1.926 0 01-1.41-.594A1.923 1.923 0 013 4.38c0-.544.198-1.014.594-1.41a1.926 1.926 0 011.41-.594c.544 0 1.014.198 1.41.594.396.396.594.866.594 1.41 0 .544-.198 1.014-.594 1.41a1.926 1.926 0 01-1.41.594zM19.625 19h-3.451v-5.418c0-.89-.074-1.534-.223-1.93-.272-.668-.804-1.002-1.596-1.002-.791 0-1.348.297-1.67.891-.247.445-.37 1.1-.37 1.967V19H8.9V7.904h3.303v1.522h.037c.248-.495.643-.903 1.188-1.225.593-.396 1.286-.594 2.078-.594 1.608 0 2.734.508 3.377 1.522.495.816.742 2.078.742 3.785V19z"
2802
2811
  }));
2803
2812
  };
2804
2813
  LinkedIn.propTypes = {
2805
- color: PropTypes.string
2814
+ color: PropTypes__default["default"].string
2806
2815
  };
2807
2816
 
2808
2817
  var WhatsApp = function WhatsApp(_ref) {
2809
2818
  var _ref$color = _ref.color,
2810
2819
  color = _ref$color === void 0 ? "#4AC959" : _ref$color;
2811
- return /*#__PURE__*/React.createElement("svg", {
2820
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
2812
2821
  xmlns: "http://www.w3.org/2000/svg",
2813
2822
  width: "24",
2814
2823
  height: "24",
2815
2824
  viewBox: "0 0 24 24"
2816
- }, /*#__PURE__*/React.createElement("path", {
2825
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
2817
2826
  fill: color,
2818
2827
  fillRule: "evenodd",
2819
2828
  d: "M18.404 5.505a9.457 9.457 0 012.02 2.96 8.587 8.587 0 01.715 3.449 8.665 8.665 0 01-1.245 4.53 9.282 9.282 0 01-3.347 3.307 8.894 8.894 0 01-4.552 1.225 8.835 8.835 0 01-4.327-1.102l-4.817 1.265 1.307-4.694a8.775 8.775 0 01-1.225-4.531 8.77 8.77 0 011.225-4.531 9.17 9.17 0 013.306-3.307 8.781 8.781 0 014.531-1.224c1.198 0 2.347.23 3.45.693a9.515 9.515 0 012.959 1.96zm-6.409 13.96c1.36 0 2.626-.34 3.797-1.02a7.75 7.75 0 002.796-2.756 7.202 7.202 0 001.04-3.775c0-.98-.203-1.933-.612-2.858a8.088 8.088 0 00-1.694-2.47 7.565 7.565 0 00-2.449-1.653 7.405 7.405 0 00-2.878-.571c-1.36 0-2.62.34-3.776 1.02a7.646 7.646 0 00-2.755 2.756 7.316 7.316 0 00-1.02 3.776c0 1.442.394 2.775 1.183 4l.164.286-.776 2.775 2.857-.734.286.163a7.275 7.275 0 003.837 1.061zm4.123-5.674l.123.082c.19.082.299.15.326.204.027.054.034.19.02.408a2.11 2.11 0 01-.163.674c-.095.231-.313.462-.653.694-.34.231-.633.36-.878.388-.38.054-.748.054-1.102 0-.408-.082-.952-.273-1.632-.572-1.388-.599-2.654-1.714-3.797-3.347l-.081-.082c-.6-.843-.898-1.62-.898-2.327 0-.707.244-1.32.734-1.837l.041-.04c.19-.19.395-.286.612-.286h.49c.11 0 .198.02.266.061.068.041.129.143.183.306l.694 1.674c.082.163.095.3.041.408a2.832 2.832 0 01-.53.735.917.917 0 00-.205.265c-.027.068 0 .143.082.225.38.707.83 1.265 1.347 1.673.381.3.952.64 1.714 1.02.218.11.381.096.49-.04.354-.408.599-.707.735-.898.054-.109.123-.163.204-.163.082 0 .177.013.286.04.218.082.735.327 1.551.735z"
2820
2829
  }));
2821
2830
  };
2822
2831
  WhatsApp.propTypes = {
2823
- color: PropTypes.string
2832
+ color: PropTypes__default["default"].string
2824
2833
  };
2825
2834
 
2826
2835
  var getSocialIcons = function getSocialIcons(color, iconType) {
2827
2836
  switch (iconType) {
2828
2837
  case "plain-color-svg":
2829
2838
  return {
2830
- facebook: /*#__PURE__*/React.createElement(Facebook, {
2839
+ facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
2831
2840
  key: iconType
2832
2841
  }),
2833
- twitter: /*#__PURE__*/React.createElement(Twitter, {
2842
+ twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
2834
2843
  key: iconType
2835
2844
  }),
2836
- linkedin: /*#__PURE__*/React.createElement(LinkedIn, {
2845
+ linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
2837
2846
  key: iconType
2838
2847
  }),
2839
- whatsapp: /*#__PURE__*/React.createElement(WhatsApp, {
2848
+ whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
2840
2849
  key: iconType
2841
2850
  })
2842
2851
  };
2843
2852
 
2844
2853
  default:
2845
2854
  return {
2846
- facebook: /*#__PURE__*/React.createElement(Facebook, {
2855
+ facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
2847
2856
  color: color,
2848
2857
  key: iconType
2849
2858
  }),
2850
- twitter: /*#__PURE__*/React.createElement(Twitter, {
2859
+ twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
2851
2860
  color: color,
2852
2861
  key: iconType
2853
2862
  }),
2854
- linkedin: /*#__PURE__*/React.createElement(LinkedIn, {
2863
+ linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
2855
2864
  color: color,
2856
2865
  key: iconType
2857
2866
  }),
2858
- whatsapp: /*#__PURE__*/React.createElement(WhatsApp, {
2867
+ whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
2859
2868
  color: color,
2860
2869
  key: iconType
2861
2870
  })
@@ -2911,22 +2920,22 @@ var socialShareData = function socialShareData(_ref) {
2911
2920
  var CloseIcon = function CloseIcon(_ref) {
2912
2921
  var _ref$color = _ref.color,
2913
2922
  color = _ref$color === void 0 ? "#333" : _ref$color;
2914
- return /*#__PURE__*/React.createElement("svg", {
2923
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
2915
2924
  xmlns: "http://www.w3.org/2000/svg",
2916
2925
  width: "24",
2917
2926
  height: "24",
2918
2927
  viewBox: "0 0 24 24"
2919
- }, /*#__PURE__*/React.createElement("g", {
2928
+ }, /*#__PURE__*/React__default["default"].createElement("g", {
2920
2929
  fill: "none",
2921
2930
  stroke: color,
2922
2931
  strokeLinecap: "square",
2923
2932
  strokeWidth: "2"
2924
- }, /*#__PURE__*/React.createElement("path", {
2933
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
2925
2934
  d: "M16.95 6.914l-9.9 9.9M16.95 17.107l-9.9-9.9"
2926
2935
  })));
2927
2936
  };
2928
2937
  CloseIcon.propTypes = {
2929
- color: PropTypes.string
2938
+ color: PropTypes__default["default"].string
2930
2939
  };
2931
2940
 
2932
2941
  var _styleModuleImportMap$2 = {
@@ -2947,17 +2956,17 @@ var _styleModuleImportMap$2 = {
2947
2956
  };
2948
2957
 
2949
2958
  var popupSocialShareItem = function popupSocialShareItem(url, icon, text, index) {
2950
- return url ? /*#__PURE__*/React.createElement("li", {
2959
+ return url ? /*#__PURE__*/React__default["default"].createElement("li", {
2951
2960
  className: "social-share-popup-m_social-icon-wrapper__36jyV",
2952
2961
  "data-testid": text,
2953
2962
  key: "popup-item-".concat(index)
2954
- }, /*#__PURE__*/React.createElement("a", {
2963
+ }, /*#__PURE__*/React__default["default"].createElement("a", {
2955
2964
  href: url,
2956
2965
  target: "_blank",
2957
2966
  rel: "noopener noreferrer",
2958
2967
  className: "social-share-popup-m_social-wrapper__1lPzr",
2959
2968
  "aria-label": "social-icon"
2960
- }, icon, /*#__PURE__*/React.createElement("span", {
2969
+ }, icon, /*#__PURE__*/React__default["default"].createElement("span", {
2961
2970
  className: "social-share-popup-m_social-text__1QPXb"
2962
2971
  }, text))) : null;
2963
2972
  };
@@ -2987,20 +2996,20 @@ var SocialSharePopup = function SocialSharePopup(_ref) {
2987
2996
  iconType: iconType
2988
2997
  };
2989
2998
  var popupItemsList = socialShareData(options);
2990
- return /*#__PURE__*/React.createElement("div", {
2999
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2991
3000
  className: _getClassName("share-popup-wrapper ".concat(textColor), _styleModuleImportMap$2)
2992
- }, /*#__PURE__*/React.createElement("div", {
3001
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2993
3002
  className: "social-share-popup-m_share-popup__QRt3l social-share-popup-m_share-popup-wrapper__GEJqD"
2994
- }, /*#__PURE__*/React.createElement("div", {
3003
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2995
3004
  className: "social-share-popup-m_top-bar__174Um"
2996
- }, /*#__PURE__*/React.createElement("span", {
3005
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
2997
3006
  className: "social-share-popup-m_share-text__19E-F"
2998
- }, "Share via"), /*#__PURE__*/React.createElement("span", {
3007
+ }, "Share via"), /*#__PURE__*/React__default["default"].createElement("span", {
2999
3008
  className: "social-share-popup-m_close__3k-Hj",
3000
3009
  onClick: closePopup
3001
- }, /*#__PURE__*/React.createElement(CloseIcon, {
3010
+ }, /*#__PURE__*/React__default["default"].createElement(CloseIcon, {
3002
3011
  color: iconColor
3003
- }))), /*#__PURE__*/React.createElement("ul", {
3012
+ }))), /*#__PURE__*/React__default["default"].createElement("ul", {
3004
3013
  className: "social-share-popup-m_wrapper__3Ytce"
3005
3014
  }, popupItemsList.map(function (_ref2, index) {
3006
3015
  var url = _ref2.url,
@@ -3012,33 +3021,33 @@ var SocialSharePopup = function SocialSharePopup(_ref) {
3012
3021
  }))));
3013
3022
  };
3014
3023
  SocialSharePopup.propTypes = {
3015
- fbUrl: PropTypes.string,
3016
- twitterUrl: PropTypes.string,
3017
- linkedinUrl: PropTypes.string,
3018
- whatsappUrl: PropTypes.string,
3019
- grey: PropTypes.string,
3020
- primaryColor: PropTypes.string,
3021
- closePopup: PropTypes.bool,
3022
- theme: PropTypes.string,
3023
- iconType: PropTypes.string
3024
+ fbUrl: PropTypes__default["default"].string,
3025
+ twitterUrl: PropTypes__default["default"].string,
3026
+ linkedinUrl: PropTypes__default["default"].string,
3027
+ whatsappUrl: PropTypes__default["default"].string,
3028
+ grey: PropTypes__default["default"].string,
3029
+ primaryColor: PropTypes__default["default"].string,
3030
+ closePopup: PropTypes__default["default"].bool,
3031
+ theme: PropTypes__default["default"].string,
3032
+ iconType: PropTypes__default["default"].string
3024
3033
  };
3025
3034
 
3026
3035
  var ShareIcon = function ShareIcon(_ref) {
3027
3036
  var _ref$color = _ref.color,
3028
3037
  color = _ref$color === void 0 ? "#0D0D0D" : _ref$color;
3029
- return /*#__PURE__*/React.createElement("svg", {
3038
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
3030
3039
  xmlns: "http://www.w3.org/2000/svg",
3031
3040
  width: "24",
3032
3041
  height: "24",
3033
3042
  viewBox: "0 0 24 24"
3034
- }, /*#__PURE__*/React.createElement("path", {
3043
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
3035
3044
  fill: color,
3036
3045
  fillRule: "evenodd",
3037
3046
  d: "M15.843 3.189c-1.478 0-2.689 1.239-2.689 2.75 0 .293.046.58.13.846L8.844 9.31a2.638 2.638 0 00-1.687-.621c-1.477 0-2.688 1.238-2.688 2.75 0 1.51 1.21 2.75 2.688 2.75.638 0 1.224-.231 1.687-.615l4.446 2.525a2.778 2.778 0 00-.136.84c0 1.51 1.211 2.75 2.689 2.75 1.477 0 2.688-1.24 2.688-2.75 0-1.512-1.21-2.75-2.688-2.75-.742 0-1.419.317-1.907.82l-4.323-2.46a2.763 2.763 0 000-2.221l4.317-2.459c.488.506 1.168.82 1.913.82 1.477 0 2.688-1.239 2.688-2.75s-1.21-2.75-2.688-2.75z"
3038
3047
  }));
3039
3048
  };
3040
3049
  ShareIcon.propTypes = {
3041
- color: PropTypes.string
3050
+ color: PropTypes__default["default"].string
3042
3051
  };
3043
3052
 
3044
3053
  /**
@@ -3307,10 +3316,10 @@ var ShareItem = function ShareItem(_ref) {
3307
3316
  url = _ref.url,
3308
3317
  icon = _ref.icon,
3309
3318
  dataTestId = _ref.dataTestId;
3310
- return url ? /*#__PURE__*/React.createElement("li", {
3319
+ return url ? /*#__PURE__*/React__default["default"].createElement("li", {
3311
3320
  "data-testid": dataTestId,
3312
3321
  className: "social-share-template-m_icon__1Mnu5"
3313
- }, /*#__PURE__*/React.createElement("a", {
3322
+ }, /*#__PURE__*/React__default["default"].createElement("a", {
3314
3323
  href: url,
3315
3324
  target: "_blank",
3316
3325
  rel: "noopener noreferrer",
@@ -3320,17 +3329,17 @@ var ShareItem = function ShareItem(_ref) {
3320
3329
  };
3321
3330
 
3322
3331
  ShareItem.propTypes = {
3323
- name: PropTypes.string,
3324
- url: PropTypes.string,
3325
- icon: PropTypes.node,
3326
- dataTestId: PropTypes.string
3332
+ name: PropTypes__default["default"].string,
3333
+ url: PropTypes__default["default"].string,
3334
+ icon: PropTypes__default["default"].node,
3335
+ dataTestId: PropTypes__default["default"].string
3327
3336
  };
3328
3337
 
3329
3338
  function getActionIcon(open, color) {
3330
- if (!open) return /*#__PURE__*/React.createElement(ShareIcon, {
3339
+ if (!open) return /*#__PURE__*/React__default["default"].createElement(ShareIcon, {
3331
3340
  color: color
3332
3341
  });
3333
- return /*#__PURE__*/React.createElement(CloseIcon, {
3342
+ return /*#__PURE__*/React__default["default"].createElement(CloseIcon, {
3334
3343
  color: color
3335
3344
  });
3336
3345
  }
@@ -3364,21 +3373,21 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
3364
3373
  };
3365
3374
  var iconsList = socialShareData(options);
3366
3375
 
3367
- var _useState = useState(open),
3376
+ var _useState = React.useState(open),
3368
3377
  _useState2 = _slicedToArray(_useState, 2),
3369
3378
  isOpen = _useState2[0],
3370
3379
  setIsOpen = _useState2[1];
3371
3380
 
3372
3381
  var verticalShare = vertical ? "vertical" : "horizontal";
3373
- useEffect(function () {
3382
+ React.useEffect(function () {
3374
3383
  return setIsOpen(open);
3375
3384
  }, [open]);
3376
3385
 
3377
3386
  var shareIcon = function shareIcon() {
3378
- return /*#__PURE__*/React.createElement("li", {
3387
+ return /*#__PURE__*/React__default["default"].createElement("li", {
3379
3388
  className: "social-share-template-m_icon__1Mnu5",
3380
3389
  key: "horizontal-0"
3381
- }, /*#__PURE__*/React.createElement("div", {
3390
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3382
3391
  onClick: clickHandler
3383
3392
  }, getActionIcon(isOpen, iconColor)));
3384
3393
  };
@@ -3388,16 +3397,16 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
3388
3397
  };
3389
3398
 
3390
3399
  var popUpWrapper = function popUpWrapper() {
3391
- return /*#__PURE__*/React.createElement("div", {
3400
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3392
3401
  className: "social-share-template-m_tablet-view__kATzi"
3393
- }, !isOpen && /*#__PURE__*/React.createElement("ul", {
3402
+ }, !isOpen && /*#__PURE__*/React__default["default"].createElement("ul", {
3394
3403
  className: _getClassName("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap$1)
3395
- }, shareIcon()), isOpen && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
3404
+ }, shareIcon()), isOpen && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
3396
3405
  className: "social-share-template-m_overlay__1nBp-",
3397
3406
  onClick: clickHandler
3398
- }, /*#__PURE__*/React.createElement("div", {
3407
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3399
3408
  className: "arr--popup " + _getClassName("popup-wrapper ".concat(isOpen ? "popup-open" : ""), _styleModuleImportMap$1)
3400
- }, /*#__PURE__*/React.createElement(SocialSharePopup, {
3409
+ }, /*#__PURE__*/React__default["default"].createElement(SocialSharePopup, {
3401
3410
  fbUrl: fbUrl,
3402
3411
  twitterUrl: twitterUrl,
3403
3412
  linkedinUrl: linkedinUrl,
@@ -3411,76 +3420,76 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
3411
3420
  };
3412
3421
 
3413
3422
  var popupStyle = !isOpen && vertical ? "tablet-view-popup" : "";
3414
- return /*#__PURE__*/React.createElement("div", {
3423
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3415
3424
  "data-test-id": verticalShare,
3416
3425
  className: "arr--share " + _getClassName("".concat(iconShade, " ").concat(verticalShare, " ").concat(popupStyle), _styleModuleImportMap$1)
3417
- }, /*#__PURE__*/React.createElement("div", {
3426
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3418
3427
  className: "social-share-template-m_desktop-view__3TmkO"
3419
- }, /*#__PURE__*/React.createElement("ul", {
3428
+ }, /*#__PURE__*/React__default["default"].createElement("ul", {
3420
3429
  "data-test-id": camelCase_1(iconType),
3421
3430
  className: "desktop-share-wrapper " + _getClassName("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap$1)
3422
3431
  }, shareIcon(), iconsList.map(function (iconData, index) {
3423
- return /*#__PURE__*/React.createElement(ShareItem, _extends({}, iconData, {
3432
+ return /*#__PURE__*/React__default["default"].createElement(ShareItem, _extends({}, iconData, {
3424
3433
  key: iconData.name,
3425
3434
  dataTestId: "card-share-".concat(index)
3426
3435
  }));
3427
3436
  }))), popUpWrapper());
3428
3437
  };
3429
3438
  SocialShareTemplate.propTypes = {
3430
- fbUrl: PropTypes.string,
3431
- twitterUrl: PropTypes.string,
3432
- linkedinUrl: PropTypes.string,
3433
- whatsappUrl: PropTypes.string,
3434
- vertical: PropTypes.bool,
3435
- theme: PropTypes.string,
3436
- iconType: PropTypes.string,
3437
- open: PropTypes["boolean"]
3439
+ fbUrl: PropTypes__default["default"].string,
3440
+ twitterUrl: PropTypes__default["default"].string,
3441
+ linkedinUrl: PropTypes__default["default"].string,
3442
+ whatsappUrl: PropTypes__default["default"].string,
3443
+ vertical: PropTypes__default["default"].bool,
3444
+ theme: PropTypes__default["default"].string,
3445
+ iconType: PropTypes__default["default"].string,
3446
+ open: PropTypes__default["default"]["boolean"]
3438
3447
  };
3439
3448
 
3440
3449
  var Youtube = function Youtube(_ref) {
3441
3450
  var _ref$color = _ref.color,
3442
3451
  color = _ref$color === void 0 ? "#F61C0D" : _ref$color;
3443
- return /*#__PURE__*/React.createElement("svg", {
3452
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
3444
3453
  xmlns: "http://www.w3.org/2000/svg",
3445
3454
  width: "24",
3446
3455
  height: "24",
3447
3456
  viewBox: "0 0 24 24"
3448
- }, /*#__PURE__*/React.createElement("path", {
3457
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
3449
3458
  fill: color,
3450
3459
  fillRule: "evenodd",
3451
3460
  d: "M22.077 6.844c.18.703.308 1.77.385 3.203L22.5 12l-.038 1.953c-.077 1.458-.206 2.54-.385 3.242a2.733 2.733 0 01-.692 1.172 2.654 2.654 0 01-1.193.703c-.666.183-2.23.313-4.692.39l-3.5.04-3.5-.04c-2.462-.077-4.026-.207-4.692-.39a2.657 2.657 0 01-1.193-.703 2.733 2.733 0 01-.692-1.172c-.18-.703-.308-1.784-.385-3.242L1.5 12c0-.573.013-1.224.038-1.953.077-1.432.206-2.5.385-3.203A2.718 2.718 0 013.808 4.93c.666-.183 2.23-.313 4.692-.39L12 4.5l3.5.04c2.462.077 4.026.207 4.692.39a2.718 2.718 0 011.885 1.914zm-12.23 8.36l5.5-3.204-5.5-3.164v6.367z"
3452
3461
  }));
3453
3462
  };
3454
3463
  Youtube.propTypes = {
3455
- color: PropTypes.string
3464
+ color: PropTypes__default["default"].string
3456
3465
  };
3457
3466
 
3458
3467
  var Instagram = function Instagram() {
3459
- return /*#__PURE__*/React.createElement("svg", {
3468
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
3460
3469
  xmlns: "http://www.w3.org/2000/svg",
3461
3470
  xmlnsXlink: "http://www.w3.org/1999/xlink",
3462
3471
  width: "24",
3463
3472
  height: "24",
3464
3473
  viewBox: "0 0 24 24"
3465
- }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
3474
+ }, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
3466
3475
  id: "prefix__b",
3467
3476
  x1: "0%",
3468
3477
  x2: "110.694%",
3469
3478
  y1: "0%",
3470
3479
  y2: "109.202%"
3471
- }, /*#__PURE__*/React.createElement("stop", {
3480
+ }, /*#__PURE__*/React__default["default"].createElement("stop", {
3472
3481
  offset: "0%",
3473
3482
  stopColor: "#724AC6"
3474
- }), /*#__PURE__*/React.createElement("stop", {
3483
+ }), /*#__PURE__*/React__default["default"].createElement("stop", {
3475
3484
  offset: "53.59%",
3476
3485
  stopColor: "#E5375E"
3477
- }), /*#__PURE__*/React.createElement("stop", {
3486
+ }), /*#__PURE__*/React__default["default"].createElement("stop", {
3478
3487
  offset: "100%",
3479
3488
  stopColor: "#FC9949"
3480
- })), /*#__PURE__*/React.createElement("path", {
3489
+ })), /*#__PURE__*/React__default["default"].createElement("path", {
3481
3490
  id: "prefix__a",
3482
3491
  d: "M9 4.636c.784 0 1.512.196 2.182.588.67.392 1.202.924 1.594 1.594.392.67.588 1.398.588 2.182s-.196 1.512-.588 2.182a4.382 4.382 0 01-1.594 1.594c-.67.392-1.398.588-2.182.588s-1.512-.196-2.182-.588a4.382 4.382 0 01-1.594-1.594c-.392-.67-.588-1.398-.588-2.182s.196-1.512.588-2.182a4.382 4.382 0 011.594-1.594A4.247 4.247 0 019 4.636zm0 7.21c.784 0 1.455-.278 2.011-.835.557-.556.835-1.227.835-2.011s-.278-1.455-.835-2.011c-.556-.557-1.227-.835-2.011-.835s-1.455.278-2.011.835c-.557.556-.835 1.227-.835 2.011s.278 1.455.835 2.011A2.739 2.739 0 009 11.846zm5.578-7.4a1.181 1.181 0 01-.322.721.923.923 0 01-.702.304.981.981 0 01-.721-.304.98.98 0 01-.304-.72c0-.279.101-.52.304-.722a.984.984 0 01.72-.303c.279 0 .52.101.722.303a.987.987 0 01.303.721zm2.884 1.025c.025.708.038 1.885.038 3.529s-.019 2.827-.057 3.548c-.038.721-.145 1.347-.322 1.878a4.425 4.425 0 01-1.044 1.651 4.429 4.429 0 01-1.65 1.044c-.532.177-1.158.284-1.879.322-.721.038-1.904.057-3.548.057-1.644 0-2.827-.019-3.548-.057-.721-.038-1.347-.158-1.878-.36a4.05 4.05 0 01-1.651-1.006 4.429 4.429 0 01-1.044-1.65c-.177-.532-.284-1.158-.322-1.879C.519 11.827.5 10.644.5 9c0-1.644.019-2.827.057-3.548.038-.721.145-1.347.322-1.878a4.425 4.425 0 011.044-1.651A4.429 4.429 0 013.573.879C4.106.702 4.732.595 5.453.557 6.173.519 7.356.5 9 .5c1.644 0 2.827.019 3.548.057.721.038 1.347.145 1.878.322a4.425 4.425 0 011.651 1.044 4.429 4.429 0 011.044 1.65c.177.532.29 1.164.341 1.898zm-1.821 8.538c.151-.43.253-1.113.303-2.05.025-.556.038-1.34.038-2.352V8.393a54.22 54.22 0 00-.038-2.353c-.05-.961-.152-1.644-.303-2.049a2.743 2.743 0 00-1.632-1.632c-.405-.151-1.088-.253-2.05-.303a55.796 55.796 0 00-2.352-.038H8.393c-1.012 0-1.796.013-2.353.038-.936.05-1.619.152-2.049.303a2.743 2.743 0 00-1.632 1.632c-.151.405-.253 1.088-.303 2.05-.025.556-.038 1.34-.038 2.352v1.214c0 1.012.013 1.796.038 2.353.05.936.152 1.619.303 2.049.33.784.873 1.328 1.632 1.632.43.151 1.113.253 2.05.303.556.025 1.34.038 2.352.038h1.214a54.22 54.22 0 002.353-.038c.961-.05 1.644-.152 2.049-.303.784-.33 1.328-.873 1.632-1.632z"
3483
- })), /*#__PURE__*/React.createElement("use", {
3492
+ })), /*#__PURE__*/React__default["default"].createElement("use", {
3484
3493
  fill: "url(#prefix__b)",
3485
3494
  fillRule: "nonzero",
3486
3495
  transform: "translate(3 3)",
@@ -3489,12 +3498,12 @@ var Instagram = function Instagram() {
3489
3498
  };
3490
3499
 
3491
3500
  var Pinterest = function Pinterest() {
3492
- return /*#__PURE__*/React.createElement("svg", {
3501
+ return /*#__PURE__*/React__default["default"].createElement("svg", {
3493
3502
  xmlns: "http://www.w3.org/2000/svg",
3494
3503
  width: "24",
3495
3504
  height: "24",
3496
3505
  viewBox: "0 0 24 24"
3497
- }, /*#__PURE__*/React.createElement("path", {
3506
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
3498
3507
  fill: "#E60023",
3499
3508
  d: "M21.5 12a9.209 9.209 0 01-1.283 4.75 9.6 9.6 0 01-3.467 3.467A9.209 9.209 0 0112 21.5c-.97 0-1.903-.14-2.796-.421.613-1.022.996-1.852 1.149-2.49l.613-2.26c.153.306.434.561.842.766.41.204.856.306 1.341.306.92 0 1.756-.262 2.51-.785.753-.524 1.34-1.232 1.761-2.126.422-.894.632-1.87.632-2.93s-.255-2.012-.766-2.854a5.318 5.318 0 00-2.107-1.973c-.893-.473-1.89-.709-2.987-.709-1.303 0-2.452.268-3.448.805a5.465 5.465 0 00-2.088 2.087 5.704 5.704 0 00-.747 2.854c0 .74.185 1.475.556 2.203.37.728.836 1.22 1.398 1.475.179.076.28.038.306-.115l.268-1.073a.266.266 0 00-.076-.268 3.048 3.048 0 01-.498-.977 3.908 3.908 0 01-.192-1.207c0-.715.173-1.385.518-2.01a3.99 3.99 0 011.474-1.514c.664-.408 1.43-.613 2.299-.613 1.174 0 2.132.364 2.873 1.092.74.728 1.11 1.654 1.11 2.777 0 1.277-.287 2.324-.861 3.141-.575.818-1.284 1.226-2.126 1.226-.486 0-.869-.172-1.15-.517-.28-.345-.37-.747-.268-1.207.051-.28.166-.689.345-1.225.281-.945.421-1.603.421-1.973 0-.37-.102-.677-.306-.92-.204-.242-.498-.363-.881-.363-.485 0-.894.217-1.226.65-.332.435-.498.984-.498 1.648 0 .562.09 1.034.268 1.417L8.591 18.13c-.154.638-.166 1.545-.039 2.72-1.813-.69-3.275-1.839-4.386-3.448C3.056 15.792 2.5 13.991 2.5 12c0-1.711.428-3.294 1.283-4.75A9.6 9.6 0 017.25 3.783 9.209 9.209 0 0112 2.5c1.711 0 3.294.428 4.75 1.283a9.6 9.6 0 013.467 3.467A9.209 9.209 0 0121.5 12z"
3500
3509
  }));
@@ -3552,60 +3561,60 @@ var AuthorIntroductionCard = function AuthorIntroductionCard(_ref) {
3552
3561
  var getIcon = function getIcon(item) {
3553
3562
  switch (item) {
3554
3563
  case "twitter":
3555
- return /*#__PURE__*/React.createElement(Twitter, null);
3564
+ return /*#__PURE__*/React__default["default"].createElement(Twitter, null);
3556
3565
 
3557
3566
  case "facebook":
3558
- return /*#__PURE__*/React.createElement(Facebook, null);
3567
+ return /*#__PURE__*/React__default["default"].createElement(Facebook, null);
3559
3568
 
3560
3569
  case "youtube":
3561
- return /*#__PURE__*/React.createElement(Youtube, null);
3570
+ return /*#__PURE__*/React__default["default"].createElement(Youtube, null);
3562
3571
 
3563
3572
  case "linkedin":
3564
- return /*#__PURE__*/React.createElement(LinkedIn, null);
3573
+ return /*#__PURE__*/React__default["default"].createElement(LinkedIn, null);
3565
3574
 
3566
3575
  case "whatsapp":
3567
- return /*#__PURE__*/React.createElement(WhatsApp, {
3576
+ return /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
3568
3577
  color: "#4AC959"
3569
3578
  });
3570
3579
 
3571
3580
  case "instagram":
3572
- return /*#__PURE__*/React.createElement(Instagram, null);
3581
+ return /*#__PURE__*/React__default["default"].createElement(Instagram, null);
3573
3582
 
3574
3583
  case "pinterest":
3575
- return /*#__PURE__*/React.createElement(Pinterest, null);
3584
+ return /*#__PURE__*/React__default["default"].createElement(Pinterest, null);
3576
3585
  }
3577
3586
  };
3578
3587
 
3579
- return /*#__PURE__*/React.createElement("div", {
3588
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3580
3589
  "data-test-id": "author-intro",
3581
3590
  style: {
3582
3591
  backgroundColor: theme,
3583
3592
  color: textColor
3584
3593
  },
3585
3594
  className: ("".concat(isFullWidth, " arrow-component arr--author-intro-card") ? "".concat(isFullWidth, " arrow-component arr--author-intro-card") + " " : "") + _getClassName("".concat(authorCardStyle, " ").concat(supportBorder, " ").concat(textColor), _styleModuleImportMap)
3586
- }, /*#__PURE__*/React.createElement("div", {
3595
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3587
3596
  className: "arrow-author-intro-wrapper " + _getClassName("wrapper ".concat(textColor), _styleModuleImportMap)
3588
- }, /*#__PURE__*/React.createElement("div", {
3597
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3589
3598
  className: "arrow-author-introduction-card author-intro-m_introduction-card__1kdGt"
3590
- }, isSmallCircle && isMobile ? null : /*#__PURE__*/React.createElement("h2", {
3599
+ }, isSmallCircle && isMobile ? null : /*#__PURE__*/React__default["default"].createElement("h2", {
3591
3600
  className: _getClassName("author-name ".concat(textColor), _styleModuleImportMap)
3592
- }, name), enableBio && bio && /*#__PURE__*/React.createElement("div", {
3601
+ }, name), enableBio && bio && /*#__PURE__*/React__default["default"].createElement("div", {
3593
3602
  "data-test-id": "author-bio",
3594
3603
  className: _getClassName("author-description ".concat(textColor), _styleModuleImportMap)
3595
- }, bio, isSmallCircle && /*#__PURE__*/React.createElement("div", {
3604
+ }, bio, isSmallCircle && /*#__PURE__*/React__default["default"].createElement("div", {
3596
3605
  className: "author-intro-m_fade-out__1EBqd",
3597
3606
  style: {
3598
3607
  backgroundImage: "linear-gradient(to right, transparent, ".concat(theme, ")")
3599
3608
  }
3600
- })), /*#__PURE__*/React.createElement("div", {
3609
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3601
3610
  className: "author-intro-m_social-wrapper__1F9jD"
3602
- }, /*#__PURE__*/React.createElement("div", {
3611
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3603
3612
  className: "author-intro-m_social-connect-wrapper__2B0QA"
3604
- }, enableSocialLinks && social && /*#__PURE__*/React.createElement(React.Fragment, null, template !== "smallCircle" && /*#__PURE__*/React.createElement("div", {
3613
+ }, enableSocialLinks && social && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, template !== "smallCircle" && /*#__PURE__*/React__default["default"].createElement("div", {
3605
3614
  className: _getClassName("connect ".concat(textColor), _styleModuleImportMap)
3606
3615
  }, "Connect :"), Object.entries(social).map(function (item, index) {
3607
3616
  return item.length > 0 && item[1] ? // can add Social Networks without the url so adding an additional check below
3608
- item[1].url ? /*#__PURE__*/React.createElement("a", {
3617
+ item[1].url ? /*#__PURE__*/React__default["default"].createElement("a", {
3609
3618
  "data-test-id": "social-link",
3610
3619
  href: item[1].url,
3611
3620
  key: "".concat(item, "-").concat(index),
@@ -3613,46 +3622,46 @@ var AuthorIntroductionCard = function AuthorIntroductionCard(_ref) {
3613
3622
  target: "_blank",
3614
3623
  className: "author-intro-m_social-share__f5EpE"
3615
3624
  }, getIcon(item[0])) : null : null;
3616
- }))), !isSmallCircle && /*#__PURE__*/React.createElement(SocialShare, {
3625
+ }))), !isSmallCircle && /*#__PURE__*/React__default["default"].createElement(components.SocialShare, {
3617
3626
  template: SocialShareTemplate,
3618
3627
  fullUrl: sharePageUrl,
3619
3628
  title: name,
3620
3629
  theme: theme,
3621
3630
  iconType: "plain-svg"
3622
- }))), /*#__PURE__*/React.createElement("div", {
3631
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
3623
3632
  className: "arrow-author-image author-intro-m_author-image__2jRxy"
3624
- }, /*#__PURE__*/React.createElement(AuthorImage, {
3633
+ }, /*#__PURE__*/React__default["default"].createElement(AuthorImage, {
3625
3634
  author: data,
3626
3635
  template: template
3627
- }), isSmallCircle && isMobile && /*#__PURE__*/React.createElement("h2", {
3636
+ }), isSmallCircle && isMobile && /*#__PURE__*/React__default["default"].createElement("h2", {
3628
3637
  className: _getClassName("author-name ".concat(textColor), _styleModuleImportMap)
3629
3638
  }, name))));
3630
3639
  };
3631
3640
  AuthorIntroductionCard.propTypes = {
3632
- data: PropTypes.shape({
3633
- name: PropTypes.string,
3634
- bio: PropTypes.string,
3635
- social: PropTypes.object
3641
+ data: PropTypes__default["default"].shape({
3642
+ name: PropTypes__default["default"].string,
3643
+ bio: PropTypes__default["default"].string,
3644
+ social: PropTypes__default["default"].object
3636
3645
  }),
3637
- config: PropTypes.shape({
3638
- theme: PropTypes.string,
3639
- enableBio: PropTypes.bool,
3640
- enableSocialLinks: PropTypes.bool,
3641
- borderSupport: PropTypes.bool
3646
+ config: PropTypes__default["default"].shape({
3647
+ theme: PropTypes__default["default"].string,
3648
+ enableBio: PropTypes__default["default"].bool,
3649
+ enableSocialLinks: PropTypes__default["default"].bool,
3650
+ borderSupport: PropTypes__default["default"].bool
3642
3651
  }),
3643
- template: PropTypes.string
3652
+ template: PropTypes__default["default"].string
3644
3653
  };
3645
3654
 
3646
- var StateContext = /*#__PURE__*/createContext(); // eslint-disable-next-line react/display-name
3655
+ var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
3647
3656
 
3648
3657
  var StateProvider = function StateProvider(RowComponent) {
3649
3658
  return function (props) {
3650
3659
  return (
3651
3660
  /*#__PURE__*/
3652
3661
  // eslint-disable-next-line react/prop-types
3653
- React.createElement(StateContext.Provider, {
3662
+ React__default["default"].createElement(StateContext.Provider, {
3654
3663
  value: props.config
3655
- }, /*#__PURE__*/React.createElement(RowComponent, props))
3664
+ }, /*#__PURE__*/React__default["default"].createElement(RowComponent, props))
3656
3665
  );
3657
3666
  };
3658
3667
  };
@@ -3670,30 +3679,30 @@ var AuthorsListBase = function AuthorsListBase(_ref) {
3670
3679
  var theme = config.theme;
3671
3680
  var textColor = getTextColor(theme);
3672
3681
  var mountAt = config.mountAt || "";
3673
- var qtConfig = useSelector(function (state) {
3682
+ var qtConfig = reactRedux.useSelector(function (state) {
3674
3683
  return get_1(state, ["qt", "config"], {});
3675
3684
  });
3676
- return /*#__PURE__*/React.createElement("div", {
3685
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3677
3686
  "data-test-id": "authors-list",
3678
3687
  className: "full-width-with-padding arrow-component arr--authors-list",
3679
3688
  style: {
3680
3689
  background: theme,
3681
3690
  color: textColor
3682
3691
  }
3683
- }, /*#__PURE__*/React.createElement("div", {
3692
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3684
3693
  className: "authors-list-m_wrapper__6y3He"
3685
3694
  }, data.slice(0, limit).map(function (author, index) {
3686
- return /*#__PURE__*/React.createElement(Link, {
3695
+ return /*#__PURE__*/React__default["default"].createElement(components.Link, {
3687
3696
  href: "".concat(mountAt, "/author/") + author.slug,
3688
3697
  key: "author-list-".concat(index),
3689
3698
  className: "authors-list-m_linkWrapper__1ZhOs",
3690
3699
  "aria-label": "author"
3691
- }, /*#__PURE__*/React.createElement(AuthorIntroductionCard, {
3700
+ }, /*#__PURE__*/React__default["default"].createElement(AuthorIntroductionCard, {
3692
3701
  data: author,
3693
3702
  config: config,
3694
3703
  template: "smallCircle"
3695
3704
  }));
3696
- })), !hideLoadmore && /*#__PURE__*/React.createElement(LoadmoreButton, {
3705
+ })), !hideLoadmore && /*#__PURE__*/React__default["default"].createElement(LoadmoreButton, {
3697
3706
  onClick: getMoreData,
3698
3707
  template: "SubsequentLoadCount",
3699
3708
  config: config,
@@ -3701,15 +3710,16 @@ var AuthorsListBase = function AuthorsListBase(_ref) {
3701
3710
  }));
3702
3711
  };
3703
3712
  AuthorsListBase.propTypes = {
3704
- data: PropTypes.array,
3705
- config: PropTypes.shape({
3706
- enableBio: PropTypes.bool,
3707
- theme: PropTypes.string
3713
+ data: PropTypes__default["default"].array,
3714
+ config: PropTypes__default["default"].shape({
3715
+ enableBio: PropTypes__default["default"].bool,
3716
+ theme: PropTypes__default["default"].string
3708
3717
  }),
3709
- getMoreData: PropTypes.object.isRequired,
3710
- limit: PropTypes.number,
3711
- hideLoadmore: PropTypes.bool
3718
+ getMoreData: PropTypes__default["default"].object.isRequired,
3719
+ limit: PropTypes__default["default"].number,
3720
+ hideLoadmore: PropTypes__default["default"].bool
3712
3721
  };
3713
3722
  var AuthorsList = StateProvider(AuthorsListBase);
3714
3723
 
3715
- export { AuthorsList, AuthorsListBase };
3724
+ exports.AuthorsList = AuthorsList;
3725
+ exports.AuthorsListBase = AuthorsListBase;