@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.
- package/atoms/Author/index.js +38 -29
- package/atoms/AuthorWithTime/index.js +83 -73
- package/atoms/CollectionName/index.js +40 -30
- package/atoms/ExtendedLoadMore/{index-d0f6c865.js → index-3976fac4.js} +59 -51
- package/atoms/ExtendedLoadMore/{index-1e444d20.js → index-3c4ac692.js} +243 -208
- package/atoms/ExtendedLoadMore/index-4ddfe28d.js +93 -0
- package/atoms/ExtendedLoadMore/{index-c61a16dc.js → index-5c8eda4a.js} +88 -80
- package/atoms/ExtendedLoadMore/{index-1256e453.js → index-6e083738.js} +60 -52
- package/atoms/ExtendedLoadMore/{index-fd651f70.js → index-6ecceae4.js} +58 -50
- package/atoms/ExtendedLoadMore/{index-4356ce04.js → index-9e0d32b7.js} +76 -68
- package/atoms/ExtendedLoadMore/{index-beed3a68.js → index-a5c95f84.js} +70 -62
- package/atoms/ExtendedLoadMore/{index-0519e570.js → index-b22f1843.js} +70 -62
- package/atoms/ExtendedLoadMore/{index-e4cf9cb7.js → index-b5936059.js} +72 -64
- package/atoms/ExtendedLoadMore/{index-aba6b278.js → index-bc129cb8.js} +57 -49
- package/atoms/ExtendedLoadMore/{index-ad3c83c3.js → index-e7cde739.js} +74 -46
- package/atoms/ExtendedLoadMore/{index-c2f73d18.js → index-fee73a14.js} +62 -54
- package/atoms/ExtendedLoadMore/index.js +13 -5
- package/atoms/ExtendedLoadMore/styles.arrow.css +1 -1
- package/atoms/Headline/index.js +85 -76
- package/atoms/HeroImage/index.js +69 -60
- package/atoms/LoadmoreButton/index.js +32 -23
- package/atoms/ScrollSnap/index.js +72 -63
- package/atoms/SectionTag/index.js +34 -25
- package/atoms/Subheadline/index.js +31 -22
- package/atoms/TimeStamp/index.js +34 -24
- package/molecules/KeyEvents/index.js +72 -61
- package/molecules/PageIntroductionCard/index.js +43 -34
- package/molecules/SocialShareTemplate/index.js +97 -88
- package/molecules/StoryCard/index.js +242 -232
- package/molecules/StoryElementCard/index.js +512 -483
- package/molecules/StorycardContent/index.js +172 -162
- package/package.json +1 -1
- package/rows/AlternateCollectionFilter/index.js +345 -333
- package/rows/AsideCollection/index.js +340 -328
- package/rows/AstrologyCollection/index.js +321 -309
- package/rows/AuthorIntroductionCard/index.js +157 -148
- package/rows/AuthorsList/index.js +184 -174
- package/rows/CollectionFilter/index.js +361 -349
- package/rows/ElevenStories/index.js +357 -346
- package/rows/FourColFiveStories/index.js +304 -274
- package/rows/FourColGrid/index.js +351 -321
- package/rows/FourColPortraitStories/index.js +357 -327
- package/rows/FourColSixteenStories/index.js +288 -277
- package/rows/FourColTwelveStories/index.js +315 -304
- package/rows/FourStorySlider/index.js +358 -347
- package/rows/FourStorySliderPortrait/index.js +359 -348
- package/rows/FourTabbedBigStorySlider/index.js +322 -311
- package/rows/FullScreenSlider/index.js +336 -325
- package/rows/HalfScreenSlider/index.js +308 -297
- package/rows/ListComponent/index.js +322 -311
- package/rows/Listicles/index.js +150 -139
- package/rows/MagazineEditions/index.js +104 -93
- package/rows/MagazineHeaderCard/index.js +104 -93
- package/rows/MagazineWidget/index.js +326 -315
- package/rows/OneColStoryList/index.js +365 -335
- package/rows/OpinionCollection/index.js +250 -220
- package/rows/SixColSixStories/index.js +333 -303
- package/rows/StoryCollection/index.js +340 -328
- package/rows/TagIntroductionCard/index.js +30 -21
- package/rows/ThreeColFlexStories/index.js +348 -318
- package/rows/ThreeColFourteenStories/index.js +285 -274
- package/rows/ThreeColGrid/index.js +352 -322
- package/rows/ThreeColSevenStory/index.js +322 -311
- package/rows/ThreeColSixStories/index.js +323 -312
- package/rows/ThreeColTwelveStories/index.js +302 -291
- package/rows/TwoColFourStories/index.js +316 -305
- package/rows/TwoColFourStoryHighlight/index.js +317 -306
- package/rows/TwoColSevenStories/index.js +322 -311
- package/rows/TwoColSixStories/index.js +316 -305
- package/rows/TwoColTenStoriesSidebar/index.js +338 -327
- package/rows/TwoColThreeStories/index.js +316 -305
- package/story-elements/AlsoRead/index.js +70 -61
- package/story-elements/Attachment/index.js +40 -31
- package/story-elements/BigFact/index.js +35 -26
- package/story-elements/BlockQuote/index.js +61 -51
- package/story-elements/Blurb/index.js +36 -27
- package/story-elements/Image/index.js +113 -86
- package/story-elements/ImageGallery/index.js +98 -71
- package/story-elements/ImageSlideshow/index.js +147 -120
- package/story-elements/QuestionAnswer/index.js +55 -46
- package/story-elements/Quote/index.js +37 -28
- package/story-elements/Reference/index.js +40 -31
- package/story-elements/StoryElement/index.js +28 -19
- package/story-elements/Summary/index.js +40 -31
- package/story-elements/Text/index.js +34 -25
- package/story-elements/Video/index.js +29 -20
- package/story-templates/ListicleStoryTemplate/index.js +937 -908
- package/story-templates/LiveBlogStoryTemplate/index.js +942 -913
- package/story-templates/PhotoStoryTemplate/index.js +912 -883
- package/story-templates/TextStoryTemplate/index.js +931 -902
- package/story-templates/VideoStoryTemplate/index.js +897 -868
- package/atoms/ExtendedLoadMore/index-81eb3978.js +0 -86
|
@@ -1,9 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
2347
|
-
"sketches-host":
|
|
2348
|
-
"cdn-name":
|
|
2349
|
-
"cdn-image":
|
|
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
|
-
|
|
2352
|
-
headline:
|
|
2353
|
-
"last-published-at":
|
|
2354
|
-
subheadline:
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
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:
|
|
2587
|
-
template:
|
|
2588
|
-
config:
|
|
2589
|
-
onClick:
|
|
2590
|
-
navigate:
|
|
2591
|
-
qtConfig:
|
|
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__*/
|
|
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__*/
|
|
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:
|
|
2612
|
-
height:
|
|
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__*/
|
|
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__*/
|
|
2644
|
+
}, /*#__PURE__*/React__default["default"].createElement("figure", {
|
|
2636
2645
|
className: "author-image-m_image-container__19WNd"
|
|
2637
|
-
}, avatarS3Key ? /*#__PURE__*/
|
|
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__*/
|
|
2656
|
+
}) : avatarUrl ? /*#__PURE__*/React__default["default"].createElement("img", {
|
|
2648
2657
|
src: avatarUrl
|
|
2649
|
-
}) : /*#__PURE__*/
|
|
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__*/
|
|
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:
|
|
2670
|
-
"avatar-url":
|
|
2671
|
-
"avatar-s3-key":
|
|
2672
|
-
name:
|
|
2673
|
-
slug:
|
|
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:
|
|
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__*/
|
|
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__*/
|
|
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:
|
|
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__*/
|
|
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__*/
|
|
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:
|
|
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__*/
|
|
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__*/
|
|
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:
|
|
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__*/
|
|
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__*/
|
|
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:
|
|
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__*/
|
|
2839
|
+
facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
|
|
2831
2840
|
key: iconType
|
|
2832
2841
|
}),
|
|
2833
|
-
twitter: /*#__PURE__*/
|
|
2842
|
+
twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
|
|
2834
2843
|
key: iconType
|
|
2835
2844
|
}),
|
|
2836
|
-
linkedin: /*#__PURE__*/
|
|
2845
|
+
linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
|
|
2837
2846
|
key: iconType
|
|
2838
2847
|
}),
|
|
2839
|
-
whatsapp: /*#__PURE__*/
|
|
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__*/
|
|
2855
|
+
facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
|
|
2847
2856
|
color: color,
|
|
2848
2857
|
key: iconType
|
|
2849
2858
|
}),
|
|
2850
|
-
twitter: /*#__PURE__*/
|
|
2859
|
+
twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
|
|
2851
2860
|
color: color,
|
|
2852
2861
|
key: iconType
|
|
2853
2862
|
}),
|
|
2854
|
-
linkedin: /*#__PURE__*/
|
|
2863
|
+
linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
|
|
2855
2864
|
color: color,
|
|
2856
2865
|
key: iconType
|
|
2857
2866
|
}),
|
|
2858
|
-
whatsapp: /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
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:
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
2999
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2991
3000
|
className: _getClassName("share-popup-wrapper ".concat(textColor), _styleModuleImportMap$2)
|
|
2992
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
3003
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
2995
3004
|
className: "social-share-popup-m_top-bar__174Um"
|
|
2996
|
-
}, /*#__PURE__*/
|
|
3005
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
2997
3006
|
className: "social-share-popup-m_share-text__19E-F"
|
|
2998
|
-
}, "Share via"), /*#__PURE__*/
|
|
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__*/
|
|
3010
|
+
}, /*#__PURE__*/React__default["default"].createElement(CloseIcon, {
|
|
3002
3011
|
color: iconColor
|
|
3003
|
-
}))), /*#__PURE__*/
|
|
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:
|
|
3016
|
-
twitterUrl:
|
|
3017
|
-
linkedinUrl:
|
|
3018
|
-
whatsappUrl:
|
|
3019
|
-
grey:
|
|
3020
|
-
primaryColor:
|
|
3021
|
-
closePopup:
|
|
3022
|
-
theme:
|
|
3023
|
-
iconType:
|
|
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__*/
|
|
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__*/
|
|
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:
|
|
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__*/
|
|
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__*/
|
|
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:
|
|
3324
|
-
url:
|
|
3325
|
-
icon:
|
|
3326
|
-
dataTestId:
|
|
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__*/
|
|
3339
|
+
if (!open) return /*#__PURE__*/React__default["default"].createElement(ShareIcon, {
|
|
3331
3340
|
color: color
|
|
3332
3341
|
});
|
|
3333
|
-
return /*#__PURE__*/
|
|
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__*/
|
|
3387
|
+
return /*#__PURE__*/React__default["default"].createElement("li", {
|
|
3379
3388
|
className: "social-share-template-m_icon__1Mnu5",
|
|
3380
3389
|
key: "horizontal-0"
|
|
3381
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
3400
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3392
3401
|
className: "social-share-template-m_tablet-view__kATzi"
|
|
3393
|
-
}, !isOpen && /*#__PURE__*/
|
|
3402
|
+
}, !isOpen && /*#__PURE__*/React__default["default"].createElement("ul", {
|
|
3394
3403
|
className: _getClassName("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap$1)
|
|
3395
|
-
}, shareIcon()), isOpen && /*#__PURE__*/
|
|
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__*/
|
|
3407
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3399
3408
|
className: "arr--popup " + _getClassName("popup-wrapper ".concat(isOpen ? "popup-open" : ""), _styleModuleImportMap$1)
|
|
3400
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
3426
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3418
3427
|
className: "social-share-template-m_desktop-view__3TmkO"
|
|
3419
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
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:
|
|
3431
|
-
twitterUrl:
|
|
3432
|
-
linkedinUrl:
|
|
3433
|
-
whatsappUrl:
|
|
3434
|
-
vertical:
|
|
3435
|
-
theme:
|
|
3436
|
-
iconType:
|
|
3437
|
-
open:
|
|
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__*/
|
|
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__*/
|
|
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:
|
|
3464
|
+
color: PropTypes__default["default"].string
|
|
3456
3465
|
};
|
|
3457
3466
|
|
|
3458
3467
|
var Instagram = function Instagram() {
|
|
3459
|
-
return /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
3480
|
+
}, /*#__PURE__*/React__default["default"].createElement("stop", {
|
|
3472
3481
|
offset: "0%",
|
|
3473
3482
|
stopColor: "#724AC6"
|
|
3474
|
-
}), /*#__PURE__*/
|
|
3483
|
+
}), /*#__PURE__*/React__default["default"].createElement("stop", {
|
|
3475
3484
|
offset: "53.59%",
|
|
3476
3485
|
stopColor: "#E5375E"
|
|
3477
|
-
}), /*#__PURE__*/
|
|
3486
|
+
}), /*#__PURE__*/React__default["default"].createElement("stop", {
|
|
3478
3487
|
offset: "100%",
|
|
3479
3488
|
stopColor: "#FC9949"
|
|
3480
|
-
})), /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
3564
|
+
return /*#__PURE__*/React__default["default"].createElement(Twitter, null);
|
|
3556
3565
|
|
|
3557
3566
|
case "facebook":
|
|
3558
|
-
return /*#__PURE__*/
|
|
3567
|
+
return /*#__PURE__*/React__default["default"].createElement(Facebook, null);
|
|
3559
3568
|
|
|
3560
3569
|
case "youtube":
|
|
3561
|
-
return /*#__PURE__*/
|
|
3570
|
+
return /*#__PURE__*/React__default["default"].createElement(Youtube, null);
|
|
3562
3571
|
|
|
3563
3572
|
case "linkedin":
|
|
3564
|
-
return /*#__PURE__*/
|
|
3573
|
+
return /*#__PURE__*/React__default["default"].createElement(LinkedIn, null);
|
|
3565
3574
|
|
|
3566
3575
|
case "whatsapp":
|
|
3567
|
-
return /*#__PURE__*/
|
|
3576
|
+
return /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
|
|
3568
3577
|
color: "#4AC959"
|
|
3569
3578
|
});
|
|
3570
3579
|
|
|
3571
3580
|
case "instagram":
|
|
3572
|
-
return /*#__PURE__*/
|
|
3581
|
+
return /*#__PURE__*/React__default["default"].createElement(Instagram, null);
|
|
3573
3582
|
|
|
3574
3583
|
case "pinterest":
|
|
3575
|
-
return /*#__PURE__*/
|
|
3584
|
+
return /*#__PURE__*/React__default["default"].createElement(Pinterest, null);
|
|
3576
3585
|
}
|
|
3577
3586
|
};
|
|
3578
3587
|
|
|
3579
|
-
return /*#__PURE__*/
|
|
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__*/
|
|
3595
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3587
3596
|
className: "arrow-author-intro-wrapper " + _getClassName("wrapper ".concat(textColor), _styleModuleImportMap)
|
|
3588
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
3599
|
+
}, isSmallCircle && isMobile ? null : /*#__PURE__*/React__default["default"].createElement("h2", {
|
|
3591
3600
|
className: _getClassName("author-name ".concat(textColor), _styleModuleImportMap)
|
|
3592
|
-
}, name), enableBio && bio && /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
3609
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3601
3610
|
className: "author-intro-m_social-wrapper__1F9jD"
|
|
3602
|
-
}, /*#__PURE__*/
|
|
3611
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3603
3612
|
className: "author-intro-m_social-connect-wrapper__2B0QA"
|
|
3604
|
-
}, enableSocialLinks && social && /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
3631
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
3623
3632
|
className: "arrow-author-image author-intro-m_author-image__2jRxy"
|
|
3624
|
-
}, /*#__PURE__*/
|
|
3633
|
+
}, /*#__PURE__*/React__default["default"].createElement(AuthorImage, {
|
|
3625
3634
|
author: data,
|
|
3626
3635
|
template: template
|
|
3627
|
-
}), isSmallCircle && isMobile && /*#__PURE__*/
|
|
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:
|
|
3633
|
-
name:
|
|
3634
|
-
bio:
|
|
3635
|
-
social:
|
|
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:
|
|
3638
|
-
theme:
|
|
3639
|
-
enableBio:
|
|
3640
|
-
enableSocialLinks:
|
|
3641
|
-
borderSupport:
|
|
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:
|
|
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
|
-
|
|
3662
|
+
React__default["default"].createElement(StateContext.Provider, {
|
|
3654
3663
|
value: props.config
|
|
3655
|
-
}, /*#__PURE__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
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__*/
|
|
3700
|
+
}, /*#__PURE__*/React__default["default"].createElement(AuthorIntroductionCard, {
|
|
3692
3701
|
data: author,
|
|
3693
3702
|
config: config,
|
|
3694
3703
|
template: "smallCircle"
|
|
3695
3704
|
}));
|
|
3696
|
-
})), !hideLoadmore && /*#__PURE__*/
|
|
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:
|
|
3705
|
-
config:
|
|
3706
|
-
enableBio:
|
|
3707
|
-
theme:
|
|
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:
|
|
3710
|
-
limit:
|
|
3711
|
-
hideLoadmore:
|
|
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
|
-
|
|
3724
|
+
exports.AuthorsList = AuthorsList;
|
|
3725
|
+
exports.AuthorsListBase = AuthorsListBase;
|