@quintype/arrow 3.15.1-perf.0 → 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 (97) 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-4577d5b9.js → index-3976fac4.js} +62 -55
  5. package/atoms/ExtendedLoadMore/{index-0edaa434.js → index-3c4ac692.js} +243 -208
  6. package/atoms/ExtendedLoadMore/index-4ddfe28d.js +93 -0
  7. package/atoms/ExtendedLoadMore/{index-70ce7471.js → index-5c8eda4a.js} +88 -80
  8. package/atoms/ExtendedLoadMore/{index-b3ef1488.js → index-6e083738.js} +63 -56
  9. package/atoms/ExtendedLoadMore/{index-48664b07.js → index-6ecceae4.js} +61 -54
  10. package/atoms/ExtendedLoadMore/{index-4c3c2b6f.js → index-9e0d32b7.js} +79 -72
  11. package/atoms/ExtendedLoadMore/{index-c47ff5bc.js → index-a5c95f84.js} +73 -66
  12. package/atoms/ExtendedLoadMore/{index-4b9207c4.js → index-b22f1843.js} +70 -62
  13. package/atoms/ExtendedLoadMore/{index-8f6483ba.js → index-b5936059.js} +75 -68
  14. package/atoms/ExtendedLoadMore/{index-b841407e.js → index-bc129cb8.js} +60 -53
  15. package/atoms/ExtendedLoadMore/{index-d08b6c2f.js → index-e7cde739.js} +74 -46
  16. package/atoms/ExtendedLoadMore/{index-867b9437.js → index-fee73a14.js} +67 -61
  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 +75 -66
  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 +349 -339
  34. package/rows/AsideCollection/index.js +346 -340
  35. package/rows/AstrologyCollection/index.js +325 -315
  36. package/rows/AuthorIntroductionCard/index.js +157 -150
  37. package/rows/AuthorsList/index.js +187 -180
  38. package/rows/CollectionFilter/index.js +365 -355
  39. package/rows/ElevenStories/index.js +360 -351
  40. package/rows/FourColFiveStories/index.js +308 -279
  41. package/rows/FourColGrid/index.js +355 -326
  42. package/rows/FourColPortraitStories/index.js +364 -336
  43. package/rows/FourColSixteenStories/index.js +291 -281
  44. package/rows/FourColTwelveStories/index.js +318 -308
  45. package/rows/FourStorySlider/index.js +362 -352
  46. package/rows/FourStorySliderPortrait/index.js +363 -353
  47. package/rows/FourTabbedBigStorySlider/index.js +325 -314
  48. package/rows/FullScreenSlider/index.js +339 -330
  49. package/rows/HalfScreenSlider/index.js +311 -302
  50. package/rows/ListComponent/index.js +325 -315
  51. package/rows/Listicles/index.js +154 -145
  52. package/rows/MagazineEditions/index.js +107 -98
  53. package/rows/MagazineHeaderCard/index.js +107 -98
  54. package/rows/MagazineWidget/index.js +329 -320
  55. package/rows/OneColStoryList/index.js +369 -340
  56. package/rows/OpinionCollection/index.js +254 -225
  57. package/rows/SixColSixStories/index.js +337 -308
  58. package/rows/StoryCollection/index.js +346 -340
  59. package/rows/TagIntroductionCard/index.js +30 -23
  60. package/rows/ThreeColFlexStories/index.js +352 -323
  61. package/rows/ThreeColFourteenStories/index.js +288 -278
  62. package/rows/ThreeColGrid/index.js +356 -327
  63. package/rows/ThreeColSevenStory/index.js +325 -316
  64. package/rows/ThreeColSixStories/index.js +326 -316
  65. package/rows/ThreeColTwelveStories/index.js +305 -295
  66. package/rows/TwoColFourStories/index.js +319 -308
  67. package/rows/TwoColFourStoryHighlight/index.js +320 -309
  68. package/rows/TwoColSevenStories/index.js +326 -315
  69. package/rows/TwoColSixStories/index.js +319 -310
  70. package/rows/TwoColTenStoriesSidebar/index.js +341 -330
  71. package/rows/TwoColThreeStories/index.js +319 -308
  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/{rows → story-templates}/ListicleStoryTemplate/index.js +947 -926
  88. package/{rows → story-templates}/ListicleStoryTemplate/styles.arrow.css +0 -0
  89. package/{rows → story-templates}/LiveBlogStoryTemplate/index.js +952 -931
  90. package/{rows → story-templates}/LiveBlogStoryTemplate/styles.arrow.css +0 -0
  91. package/{rows → story-templates}/PhotoStoryTemplate/index.js +922 -901
  92. package/{rows → story-templates}/PhotoStoryTemplate/styles.arrow.css +0 -0
  93. package/{rows → story-templates}/TextStoryTemplate/index.js +941 -920
  94. package/{rows → story-templates}/TextStoryTemplate/styles.arrow.css +0 -0
  95. package/{rows → story-templates}/VideoStoryTemplate/index.js +907 -886
  96. package/{rows → story-templates}/VideoStoryTemplate/styles.arrow.css +0 -0
  97. package/atoms/ExtendedLoadMore/index-96c36b0e.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
  }));
@@ -3524,7 +3533,6 @@ var _styleModuleImportMap = {
3524
3533
  "fade-out": "author-intro-m_fade-out__1EBqd"
3525
3534
  }
3526
3535
  };
3527
-
3528
3536
  var AuthorIntroductionCard = function AuthorIntroductionCard(_ref) {
3529
3537
  var _ref$data = _ref.data,
3530
3538
  data = _ref$data === void 0 ? {} : _ref$data,
@@ -3553,60 +3561,60 @@ var AuthorIntroductionCard = function AuthorIntroductionCard(_ref) {
3553
3561
  var getIcon = function getIcon(item) {
3554
3562
  switch (item) {
3555
3563
  case "twitter":
3556
- return /*#__PURE__*/React.createElement(Twitter, null);
3564
+ return /*#__PURE__*/React__default["default"].createElement(Twitter, null);
3557
3565
 
3558
3566
  case "facebook":
3559
- return /*#__PURE__*/React.createElement(Facebook, null);
3567
+ return /*#__PURE__*/React__default["default"].createElement(Facebook, null);
3560
3568
 
3561
3569
  case "youtube":
3562
- return /*#__PURE__*/React.createElement(Youtube, null);
3570
+ return /*#__PURE__*/React__default["default"].createElement(Youtube, null);
3563
3571
 
3564
3572
  case "linkedin":
3565
- return /*#__PURE__*/React.createElement(LinkedIn, null);
3573
+ return /*#__PURE__*/React__default["default"].createElement(LinkedIn, null);
3566
3574
 
3567
3575
  case "whatsapp":
3568
- return /*#__PURE__*/React.createElement(WhatsApp, {
3576
+ return /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
3569
3577
  color: "#4AC959"
3570
3578
  });
3571
3579
 
3572
3580
  case "instagram":
3573
- return /*#__PURE__*/React.createElement(Instagram, null);
3581
+ return /*#__PURE__*/React__default["default"].createElement(Instagram, null);
3574
3582
 
3575
3583
  case "pinterest":
3576
- return /*#__PURE__*/React.createElement(Pinterest, null);
3584
+ return /*#__PURE__*/React__default["default"].createElement(Pinterest, null);
3577
3585
  }
3578
3586
  };
3579
3587
 
3580
- return /*#__PURE__*/React.createElement("div", {
3588
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3581
3589
  "data-test-id": "author-intro",
3582
3590
  style: {
3583
3591
  backgroundColor: theme,
3584
3592
  color: textColor
3585
3593
  },
3586
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)
3587
- }, /*#__PURE__*/React.createElement("div", {
3595
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3588
3596
  className: "arrow-author-intro-wrapper " + _getClassName("wrapper ".concat(textColor), _styleModuleImportMap)
3589
- }, /*#__PURE__*/React.createElement("div", {
3597
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3590
3598
  className: "arrow-author-introduction-card author-intro-m_introduction-card__1kdGt"
3591
- }, isSmallCircle && isMobile ? null : /*#__PURE__*/React.createElement("h2", {
3599
+ }, isSmallCircle && isMobile ? null : /*#__PURE__*/React__default["default"].createElement("h2", {
3592
3600
  className: _getClassName("author-name ".concat(textColor), _styleModuleImportMap)
3593
- }, name), enableBio && bio && /*#__PURE__*/React.createElement("div", {
3601
+ }, name), enableBio && bio && /*#__PURE__*/React__default["default"].createElement("div", {
3594
3602
  "data-test-id": "author-bio",
3595
3603
  className: _getClassName("author-description ".concat(textColor), _styleModuleImportMap)
3596
- }, bio, isSmallCircle && /*#__PURE__*/React.createElement("div", {
3604
+ }, bio, isSmallCircle && /*#__PURE__*/React__default["default"].createElement("div", {
3597
3605
  className: "author-intro-m_fade-out__1EBqd",
3598
3606
  style: {
3599
3607
  backgroundImage: "linear-gradient(to right, transparent, ".concat(theme, ")")
3600
3608
  }
3601
- })), /*#__PURE__*/React.createElement("div", {
3609
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3602
3610
  className: "author-intro-m_social-wrapper__1F9jD"
3603
- }, /*#__PURE__*/React.createElement("div", {
3611
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3604
3612
  className: "author-intro-m_social-connect-wrapper__2B0QA"
3605
- }, 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", {
3606
3614
  className: _getClassName("connect ".concat(textColor), _styleModuleImportMap)
3607
3615
  }, "Connect :"), Object.entries(social).map(function (item, index) {
3608
3616
  return item.length > 0 && item[1] ? // can add Social Networks without the url so adding an additional check below
3609
- item[1].url ? /*#__PURE__*/React.createElement("a", {
3617
+ item[1].url ? /*#__PURE__*/React__default["default"].createElement("a", {
3610
3618
  "data-test-id": "social-link",
3611
3619
  href: item[1].url,
3612
3620
  key: "".concat(item, "-").concat(index),
@@ -3614,52 +3622,51 @@ var AuthorIntroductionCard = function AuthorIntroductionCard(_ref) {
3614
3622
  target: "_blank",
3615
3623
  className: "author-intro-m_social-share__f5EpE"
3616
3624
  }, getIcon(item[0])) : null : null;
3617
- }))), !isSmallCircle && /*#__PURE__*/React.createElement(SocialShare, {
3625
+ }))), !isSmallCircle && /*#__PURE__*/React__default["default"].createElement(components.SocialShare, {
3618
3626
  template: SocialShareTemplate,
3619
3627
  fullUrl: sharePageUrl,
3620
3628
  title: name,
3621
3629
  theme: theme,
3622
3630
  iconType: "plain-svg"
3623
- }))), /*#__PURE__*/React.createElement("div", {
3631
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
3624
3632
  className: "arrow-author-image author-intro-m_author-image__2jRxy"
3625
- }, /*#__PURE__*/React.createElement(AuthorImage, {
3633
+ }, /*#__PURE__*/React__default["default"].createElement(AuthorImage, {
3626
3634
  author: data,
3627
3635
  template: template
3628
- }), isSmallCircle && isMobile && /*#__PURE__*/React.createElement("h2", {
3636
+ }), isSmallCircle && isMobile && /*#__PURE__*/React__default["default"].createElement("h2", {
3629
3637
  className: _getClassName("author-name ".concat(textColor), _styleModuleImportMap)
3630
3638
  }, name))));
3631
3639
  };
3632
-
3633
3640
  AuthorIntroductionCard.propTypes = {
3634
- data: PropTypes.shape({
3635
- name: PropTypes.string,
3636
- bio: PropTypes.string,
3637
- 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
3638
3645
  }),
3639
- config: PropTypes.shape({
3640
- theme: PropTypes.string,
3641
- enableBio: PropTypes.bool,
3642
- enableSocialLinks: PropTypes.bool,
3643
- 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
3644
3651
  }),
3645
- template: PropTypes.string
3652
+ template: PropTypes__default["default"].string
3646
3653
  };
3647
3654
 
3648
- var StateContext = /*#__PURE__*/createContext(); // eslint-disable-next-line react/display-name
3655
+ var StateContext = /*#__PURE__*/React.createContext(); // eslint-disable-next-line react/display-name
3649
3656
 
3650
3657
  var StateProvider = function StateProvider(RowComponent) {
3651
3658
  return function (props) {
3652
3659
  return (
3653
3660
  /*#__PURE__*/
3654
3661
  // eslint-disable-next-line react/prop-types
3655
- React.createElement(StateContext.Provider, {
3662
+ React__default["default"].createElement(StateContext.Provider, {
3656
3663
  value: props.config
3657
- }, /*#__PURE__*/React.createElement(RowComponent, props))
3664
+ }, /*#__PURE__*/React__default["default"].createElement(RowComponent, props))
3658
3665
  );
3659
3666
  };
3660
3667
  };
3661
3668
 
3662
- var AuthorsList = function AuthorsList(_ref) {
3669
+ var AuthorsListBase = function AuthorsListBase(_ref) {
3663
3670
  var _ref$data = _ref.data,
3664
3671
  data = _ref$data === void 0 ? [] : _ref$data,
3665
3672
  _ref$config = _ref.config,
@@ -3672,47 +3679,47 @@ var AuthorsList = function AuthorsList(_ref) {
3672
3679
  var theme = config.theme;
3673
3680
  var textColor = getTextColor(theme);
3674
3681
  var mountAt = config.mountAt || "";
3675
- var qtConfig = useSelector(function (state) {
3682
+ var qtConfig = reactRedux.useSelector(function (state) {
3676
3683
  return get_1(state, ["qt", "config"], {});
3677
3684
  });
3678
- return /*#__PURE__*/React.createElement("div", {
3685
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3679
3686
  "data-test-id": "authors-list",
3680
3687
  className: "full-width-with-padding arrow-component arr--authors-list",
3681
3688
  style: {
3682
3689
  background: theme,
3683
3690
  color: textColor
3684
3691
  }
3685
- }, /*#__PURE__*/React.createElement("div", {
3692
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3686
3693
  className: "authors-list-m_wrapper__6y3He"
3687
3694
  }, data.slice(0, limit).map(function (author, index) {
3688
- return /*#__PURE__*/React.createElement(Link, {
3695
+ return /*#__PURE__*/React__default["default"].createElement(components.Link, {
3689
3696
  href: "".concat(mountAt, "/author/") + author.slug,
3690
3697
  key: "author-list-".concat(index),
3691
3698
  className: "authors-list-m_linkWrapper__1ZhOs",
3692
3699
  "aria-label": "author"
3693
- }, /*#__PURE__*/React.createElement(AuthorIntroductionCard, {
3700
+ }, /*#__PURE__*/React__default["default"].createElement(AuthorIntroductionCard, {
3694
3701
  data: author,
3695
3702
  config: config,
3696
3703
  template: "smallCircle"
3697
3704
  }));
3698
- })), !hideLoadmore && /*#__PURE__*/React.createElement(LoadmoreButton, {
3705
+ })), !hideLoadmore && /*#__PURE__*/React__default["default"].createElement(LoadmoreButton, {
3699
3706
  onClick: getMoreData,
3700
3707
  template: "SubsequentLoadCount",
3701
3708
  config: config,
3702
3709
  qtConfig: qtConfig
3703
3710
  }));
3704
3711
  };
3705
-
3706
- AuthorsList.propTypes = {
3707
- data: PropTypes.array,
3708
- config: PropTypes.shape({
3709
- enableBio: PropTypes.bool,
3710
- theme: PropTypes.string
3712
+ AuthorsListBase.propTypes = {
3713
+ data: PropTypes__default["default"].array,
3714
+ config: PropTypes__default["default"].shape({
3715
+ enableBio: PropTypes__default["default"].bool,
3716
+ theme: PropTypes__default["default"].string
3711
3717
  }),
3712
- getMoreData: PropTypes.object.isRequired,
3713
- limit: PropTypes.number,
3714
- hideLoadmore: PropTypes.bool
3718
+ getMoreData: PropTypes__default["default"].object.isRequired,
3719
+ limit: PropTypes__default["default"].number,
3720
+ hideLoadmore: PropTypes__default["default"].bool
3715
3721
  };
3716
- var index = StateProvider(AuthorsList);
3722
+ var AuthorsList = StateProvider(AuthorsListBase);
3717
3723
 
3718
- export { index as default };
3724
+ exports.AuthorsList = AuthorsList;
3725
+ exports.AuthorsListBase = AuthorsListBase;