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

package/molecules/PageIntroductionCard/index.js

@@ -1,9 +1,18 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useDispatch, useSelector } from 'react-redux';
-import 'react-timeago';
-import 'date-fns-tz';
-import { LinkBase } from '@quintype/components';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var reactRedux = require('react-redux');
+require('react-timeago');
+require('date-fns-tz');
+var components = require('@quintype/components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 function _defineProperty(obj, key, value) {
   if (key in obj) {
@@ -2508,15 +2517,15 @@ var getSlug = function getSlug(collection) {
 
   return "/collection/".concat(collection.slug);
 };
-PropTypes.shape({
-  "sketches-host": PropTypes.string,
-  "cdn-name": PropTypes.string,
-  "cdn-image": PropTypes.string
+PropTypes__default["default"].shape({
+  "sketches-host": PropTypes__default["default"].string,
+  "cdn-name": PropTypes__default["default"].string,
+  "cdn-image": PropTypes__default["default"].string
 });
-PropTypes.shape({
-  headline: PropTypes.string,
-  "last-published-at": PropTypes.number,
-  subheadline: PropTypes.string
+PropTypes__default["default"].shape({
+  headline: PropTypes__default["default"].string,
+  "last-published-at": PropTypes__default["default"].number,
+  subheadline: PropTypes__default["default"].string
 });
 var navigateTo = function navigateTo(dispatch) {
   var url = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
@@ -2583,26 +2592,26 @@ var LoadmoreButton = function LoadmoreButton(_ref) {
   if (!showButton) return null;
   var textColor = getTextColor(theme);
   var slug = customUrlPath ? "/".concat(customUrlPath) : generateNavigateSlug(collection, _objectSpread$1(_objectSpread$1({}, qtConfig), config));
-  return template === "SubsequentLoadCount" ? /*#__PURE__*/React.createElement("div", {
+  return template === "SubsequentLoadCount" ? /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: onClick,
     "data-test-id": "load-more",
     className: "arr--button " + _getClassName("button ".concat(textColor, " default"), _styleModuleImportMap$1)
-  }, buttonText) : /*#__PURE__*/React.createElement(LinkBase, {
+  }, buttonText) : /*#__PURE__*/React__default["default"].createElement(components.LinkBase, {
     href: slug,
     navigateTo: navigate,
     "data-test-id": "load-more",
     "aria-label": "load-more"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "arr--button " + _getClassName("button ".concat(textColor, " default"), _styleModuleImportMap$1)
   }, buttonText));
 };
 LoadmoreButton.propTypes = {
-  collection: PropTypes.object,
-  template: PropTypes.string,
-  config: PropTypes.object,
-  onClick: PropTypes.func,
-  navigate: PropTypes.func,
-  qtConfig: PropTypes.object
+  collection: PropTypes__default["default"].object,
+  template: PropTypes__default["default"].string,
+  config: PropTypes__default["default"].object,
+  onClick: PropTypes__default["default"].func,
+  navigate: PropTypes__default["default"].func,
+  qtConfig: PropTypes__default["default"].object
 };
 
 var _styleModuleImportMap = {
@@ -2638,25 +2647,25 @@ var PageIntroductionCard = function PageIntroductionCard(_ref) {
       customUrlPath = config.customUrlPath;
   var textColor = getTextColor(theme);
   var borderBottom = enableBorder ? "borderBottom" : "";
-  var dispatch = useDispatch();
-  var qtConfig = useSelector(function (state) {
+  var dispatch = reactRedux.useDispatch();
+  var qtConfig = reactRedux.useSelector(function (state) {
     return get_1(state, ["qt", "config"], {});
   });
   var url = generateNavigateSlug({}, _objectSpread(_objectSpread({}, qtConfig), {}, {
     config: config
   }), customUrlPath);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "arrow-component full-width-with-padding page-intro-card-m_author-page-wrapper__2HiAv",
     style: {
       background: theme
     }
-  }, /*#__PURE__*/React.createElement("h2", {
+  }, /*#__PURE__*/React__default["default"].createElement("h2", {
     "data-test-id": "page-title",
     className: _getClassName("pageTitle ".concat(textColor, " ").concat(borderBottom), _styleModuleImportMap)
-  }, upperCase_1(pageTitle)), /*#__PURE__*/React.createElement("div", {
+  }, upperCase_1(pageTitle)), /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": "page-description",
     className: _getClassName("pageDescription ".concat(textColor), _styleModuleImportMap)
-  }, pageDescription), showButton && /*#__PURE__*/React.createElement(LoadmoreButton, {
+  }, pageDescription), showButton && /*#__PURE__*/React__default["default"].createElement(LoadmoreButton, {
     template: "customUrlPath",
     config: config,
     navigate: function navigate() {
@@ -2666,11 +2675,11 @@ var PageIntroductionCard = function PageIntroductionCard(_ref) {
   }));
 };
 PageIntroductionCard.propTypes = {
-  config: PropTypes.shape({
-    theme: PropTypes.string,
-    pageTitle: PropTypes.string,
-    pageDescription: PropTypes.string
+  config: PropTypes__default["default"].shape({
+    theme: PropTypes__default["default"].string,
+    pageTitle: PropTypes__default["default"].string,
+    pageDescription: PropTypes__default["default"].string
   })
 };
 
-export { PageIntroductionCard };
+exports.PageIntroductionCard = PageIntroductionCard;

package/molecules/SocialShareTemplate/index.js

@@ -1,7 +1,16 @@
-import React, { useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
-import 'react-timeago';
-import 'date-fns-tz';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+require('react-timeago');
+require('date-fns-tz');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -236,105 +245,105 @@ var _getClassName = /*@__PURE__*/getDefaultExportFromCjs(getClassName);
 var Twitter = function Twitter(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#1CB7EB" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: color,
     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"
   }));
 };
 Twitter.propTypes = {
-  color: PropTypes.string
+  color: PropTypes__default["default"].string
 };
 
 var Facebook = function Facebook(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#3B5998" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: color,
     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"
   }));
 };
 Facebook.propTypes = {
-  color: PropTypes.string
+  color: PropTypes__default["default"].string
 };
 
 var LinkedIn = function LinkedIn(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#0077B5" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: color,
     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"
   }));
 };
 LinkedIn.propTypes = {
-  color: PropTypes.string
+  color: PropTypes__default["default"].string
 };
 
 var WhatsApp = function WhatsApp(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#4AC959" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: color,
     fillRule: "evenodd",
     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"
   }));
 };
 WhatsApp.propTypes = {
-  color: PropTypes.string
+  color: PropTypes__default["default"].string
 };
 
 var getSocialIcons = function getSocialIcons(color, iconType) {
   switch (iconType) {
     case "plain-color-svg":
       return {
-        facebook: /*#__PURE__*/React.createElement(Facebook, {
+        facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
           key: iconType
         }),
-        twitter: /*#__PURE__*/React.createElement(Twitter, {
+        twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
           key: iconType
         }),
-        linkedin: /*#__PURE__*/React.createElement(LinkedIn, {
+        linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
           key: iconType
         }),
-        whatsapp: /*#__PURE__*/React.createElement(WhatsApp, {
+        whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
           key: iconType
         })
       };
 
     default:
       return {
-        facebook: /*#__PURE__*/React.createElement(Facebook, {
+        facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
           color: color,
           key: iconType
         }),
-        twitter: /*#__PURE__*/React.createElement(Twitter, {
+        twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
           color: color,
           key: iconType
         }),
-        linkedin: /*#__PURE__*/React.createElement(LinkedIn, {
+        linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
           color: color,
           key: iconType
         }),
-        whatsapp: /*#__PURE__*/React.createElement(WhatsApp, {
+        whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
           color: color,
           key: iconType
         })
@@ -390,22 +399,22 @@ var socialShareData = function socialShareData(_ref) {
 var CloseIcon = function CloseIcon(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#333" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React.createElement("g", {
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     fill: "none",
     stroke: color,
     strokeLinecap: "square",
     strokeWidth: "2"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: "M16.95 6.914l-9.9 9.9M16.95 17.107l-9.9-9.9"
   })));
 };
 CloseIcon.propTypes = {
-  color: PropTypes.string
+  color: PropTypes__default["default"].string
 };
 
 /**
@@ -2571,15 +2580,15 @@ var getTextColor = function getTextColor() {
   var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
   return textColor;
 };
-PropTypes.shape({
-  "sketches-host": PropTypes.string,
-  "cdn-name": PropTypes.string,
-  "cdn-image": PropTypes.string
+PropTypes__default["default"].shape({
+  "sketches-host": PropTypes__default["default"].string,
+  "cdn-name": PropTypes__default["default"].string,
+  "cdn-image": PropTypes__default["default"].string
 });
-PropTypes.shape({
-  headline: PropTypes.string,
-  "last-published-at": PropTypes.number,
-  subheadline: PropTypes.string
+PropTypes__default["default"].shape({
+  headline: PropTypes__default["default"].string,
+  "last-published-at": PropTypes__default["default"].number,
+  subheadline: PropTypes__default["default"].string
 });
 
 var _styleModuleImportMap$1 = {
@@ -2600,17 +2609,17 @@ var _styleModuleImportMap$1 = {
 };
 
 var popupSocialShareItem = function popupSocialShareItem(url, icon, text, index) {
-  return url ? /*#__PURE__*/React.createElement("li", {
+  return url ? /*#__PURE__*/React__default["default"].createElement("li", {
     className: "social-share-popup-m_social-icon-wrapper__36jyV",
     "data-testid": text,
     key: "popup-item-".concat(index)
-  }, /*#__PURE__*/React.createElement("a", {
+  }, /*#__PURE__*/React__default["default"].createElement("a", {
     href: url,
     target: "_blank",
     rel: "noopener noreferrer",
     className: "social-share-popup-m_social-wrapper__1lPzr",
     "aria-label": "social-icon"
-  }, icon, /*#__PURE__*/React.createElement("span", {
+  }, icon, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "social-share-popup-m_social-text__1QPXb"
   }, text))) : null;
 };
@@ -2640,20 +2649,20 @@ var SocialSharePopup = function SocialSharePopup(_ref) {
     iconType: iconType
   };
   var popupItemsList = socialShareData(options);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     className: _getClassName("share-popup-wrapper ".concat(textColor), _styleModuleImportMap$1)
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "social-share-popup-m_share-popup__QRt3l social-share-popup-m_share-popup-wrapper__GEJqD"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "social-share-popup-m_top-bar__174Um"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
     className: "social-share-popup-m_share-text__19E-F"
-  }, "Share via"), /*#__PURE__*/React.createElement("span", {
+  }, "Share via"), /*#__PURE__*/React__default["default"].createElement("span", {
     className: "social-share-popup-m_close__3k-Hj",
     onClick: closePopup
-  }, /*#__PURE__*/React.createElement(CloseIcon, {
+  }, /*#__PURE__*/React__default["default"].createElement(CloseIcon, {
     color: iconColor
-  }))), /*#__PURE__*/React.createElement("ul", {
+  }))), /*#__PURE__*/React__default["default"].createElement("ul", {
     className: "social-share-popup-m_wrapper__3Ytce"
   }, popupItemsList.map(function (_ref2, index) {
     var url = _ref2.url,
@@ -2665,33 +2674,33 @@ var SocialSharePopup = function SocialSharePopup(_ref) {
   }))));
 };
 SocialSharePopup.propTypes = {
-  fbUrl: PropTypes.string,
-  twitterUrl: PropTypes.string,
-  linkedinUrl: PropTypes.string,
-  whatsappUrl: PropTypes.string,
-  grey: PropTypes.string,
-  primaryColor: PropTypes.string,
-  closePopup: PropTypes.bool,
-  theme: PropTypes.string,
-  iconType: PropTypes.string
+  fbUrl: PropTypes__default["default"].string,
+  twitterUrl: PropTypes__default["default"].string,
+  linkedinUrl: PropTypes__default["default"].string,
+  whatsappUrl: PropTypes__default["default"].string,
+  grey: PropTypes__default["default"].string,
+  primaryColor: PropTypes__default["default"].string,
+  closePopup: PropTypes__default["default"].bool,
+  theme: PropTypes__default["default"].string,
+  iconType: PropTypes__default["default"].string
 };
 
 var ShareIcon = function ShareIcon(_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "#0D0D0D" : _ref$color;
-  return /*#__PURE__*/React.createElement("svg", {
+  return /*#__PURE__*/React__default["default"].createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
     viewBox: "0 0 24 24"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     fill: color,
     fillRule: "evenodd",
     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"
   }));
 };
 ShareIcon.propTypes = {
-  color: PropTypes.string
+  color: PropTypes__default["default"].string
 };
 
 /**
@@ -2960,10 +2969,10 @@ var ShareItem = function ShareItem(_ref) {
       url = _ref.url,
       icon = _ref.icon,
       dataTestId = _ref.dataTestId;
-  return url ? /*#__PURE__*/React.createElement("li", {
+  return url ? /*#__PURE__*/React__default["default"].createElement("li", {
     "data-testid": dataTestId,
     className: "social-share-template-m_icon__1Mnu5"
-  }, /*#__PURE__*/React.createElement("a", {
+  }, /*#__PURE__*/React__default["default"].createElement("a", {
     href: url,
     target: "_blank",
     rel: "noopener noreferrer",
@@ -2973,17 +2982,17 @@ var ShareItem = function ShareItem(_ref) {
 };
 
 ShareItem.propTypes = {
-  name: PropTypes.string,
-  url: PropTypes.string,
-  icon: PropTypes.node,
-  dataTestId: PropTypes.string
+  name: PropTypes__default["default"].string,
+  url: PropTypes__default["default"].string,
+  icon: PropTypes__default["default"].node,
+  dataTestId: PropTypes__default["default"].string
 };
 
 function getActionIcon(open, color) {
-  if (!open) return /*#__PURE__*/React.createElement(ShareIcon, {
+  if (!open) return /*#__PURE__*/React__default["default"].createElement(ShareIcon, {
     color: color
   });
-  return /*#__PURE__*/React.createElement(CloseIcon, {
+  return /*#__PURE__*/React__default["default"].createElement(CloseIcon, {
     color: color
   });
 }
@@ -3017,21 +3026,21 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
   };
   var iconsList = socialShareData(options);
 
-  var _useState = useState(open),
+  var _useState = React.useState(open),
       _useState2 = _slicedToArray(_useState, 2),
       isOpen = _useState2[0],
       setIsOpen = _useState2[1];
 
   var verticalShare = vertical ? "vertical" : "horizontal";
-  useEffect(function () {
+  React.useEffect(function () {
     return setIsOpen(open);
   }, [open]);
 
   var shareIcon = function shareIcon() {
-    return /*#__PURE__*/React.createElement("li", {
+    return /*#__PURE__*/React__default["default"].createElement("li", {
       className: "social-share-template-m_icon__1Mnu5",
       key: "horizontal-0"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       onClick: clickHandler
     }, getActionIcon(isOpen, iconColor)));
   };
@@ -3041,16 +3050,16 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
   };
 
   var popUpWrapper = function popUpWrapper() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "social-share-template-m_tablet-view__kATzi"
-    }, !isOpen && /*#__PURE__*/React.createElement("ul", {
+    }, !isOpen && /*#__PURE__*/React__default["default"].createElement("ul", {
       className: _getClassName("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap)
-    }, shareIcon()), isOpen && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }, shareIcon()), isOpen && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "social-share-template-m_overlay__1nBp-",
       onClick: clickHandler
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "arr--popup " + _getClassName("popup-wrapper ".concat(isOpen ? "popup-open" : ""), _styleModuleImportMap)
-    }, /*#__PURE__*/React.createElement(SocialSharePopup, {
+    }, /*#__PURE__*/React__default["default"].createElement(SocialSharePopup, {
       fbUrl: fbUrl,
       twitterUrl: twitterUrl,
       linkedinUrl: linkedinUrl,
@@ -3064,30 +3073,30 @@ var SocialShareTemplate = function SocialShareTemplate(props) {
   };
 
   var popupStyle = !isOpen && vertical ? "tablet-view-popup" : "";
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default["default"].createElement("div", {
     "data-test-id": verticalShare,
     className: "arr--share " + _getClassName("".concat(iconShade, " ").concat(verticalShare, " ").concat(popupStyle), _styleModuleImportMap)
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "social-share-template-m_desktop-view__3TmkO"
-  }, /*#__PURE__*/React.createElement("ul", {
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
     "data-test-id": camelCase_1(iconType),
     className: "desktop-share-wrapper " + _getClassName("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap)
   }, shareIcon(), iconsList.map(function (iconData, index) {
-    return /*#__PURE__*/React.createElement(ShareItem, _extends({}, iconData, {
+    return /*#__PURE__*/React__default["default"].createElement(ShareItem, _extends({}, iconData, {
       key: iconData.name,
       dataTestId: "card-share-".concat(index)
     }));
   }))), popUpWrapper());
 };
 SocialShareTemplate.propTypes = {
-  fbUrl: PropTypes.string,
-  twitterUrl: PropTypes.string,
-  linkedinUrl: PropTypes.string,
-  whatsappUrl: PropTypes.string,
-  vertical: PropTypes.bool,
-  theme: PropTypes.string,
-  iconType: PropTypes.string,
-  open: PropTypes["boolean"]
+  fbUrl: PropTypes__default["default"].string,
+  twitterUrl: PropTypes__default["default"].string,
+  linkedinUrl: PropTypes__default["default"].string,
+  whatsappUrl: PropTypes__default["default"].string,
+  vertical: PropTypes__default["default"].bool,
+  theme: PropTypes__default["default"].string,
+  iconType: PropTypes__default["default"].string,
+  open: PropTypes__default["default"]["boolean"]
 };
 
-export { SocialShareTemplate };
+exports.SocialShareTemplate = SocialShareTemplate;