@quintype/arrow 3.15.1-perf.4 → 3.15.1-perf.8

package/molecules/SocialShareTemplate/index.js

@@ -1,506 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _getClassName = require('babel-plugin-react-css-modules/dist/browser/getClassName');
-var React = require('react');
-var PropTypes = require('prop-types');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/regenerator');
-var lodash = require('lodash');
-require('react-timeago');
-require('date-fns-tz');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _getClassName__default = /*#__PURE__*/_interopDefaultLegacy(_getClassName);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
-var Twitter = function Twitter(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#1CB7EB" : _ref$color;
-  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__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__default["default"].string
-};
-
-var Facebook = function Facebook(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#3B5998" : _ref$color;
-  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__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__default["default"].string
-};
-
-var LinkedIn = function LinkedIn(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#0077B5" : _ref$color;
-  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__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__default["default"].string
-};
-
-var WhatsApp = function WhatsApp(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#4AC959" : _ref$color;
-  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__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__default["default"].string
-};
-
-var getSocialIcons = function getSocialIcons(color, iconType) {
-  switch (iconType) {
-    case "plain-color-svg":
-      return {
-        facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
-          key: iconType
-        }),
-        twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
-          key: iconType
-        }),
-        linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
-          key: iconType
-        }),
-        whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
-          key: iconType
-        })
-      };
-
-    default:
-      return {
-        facebook: /*#__PURE__*/React__default["default"].createElement(Facebook, {
-          color: color,
-          key: iconType
-        }),
-        twitter: /*#__PURE__*/React__default["default"].createElement(Twitter, {
-          color: color,
-          key: iconType
-        }),
-        linkedin: /*#__PURE__*/React__default["default"].createElement(LinkedIn, {
-          color: color,
-          key: iconType
-        }),
-        whatsapp: /*#__PURE__*/React__default["default"].createElement(WhatsApp, {
-          color: color,
-          key: iconType
-        })
-      };
-  }
-};
-
-var socialShareData = function socialShareData(_ref) {
-  var fbUrl = _ref.fbUrl,
-      twitterUrl = _ref.twitterUrl,
-      linkedinUrl = _ref.linkedinUrl,
-      whatsappUrl = _ref.whatsappUrl,
-      iconColor = _ref.iconColor,
-      _ref$iconType = _ref.iconType,
-      iconType = _ref$iconType === void 0 ? "plain-svg" : _ref$iconType;
-  var socialIcons = getSocialIcons(iconColor, iconType);
-
-  var getOptions = function getOptions() {
-    return [{
-      name: "facebook",
-      url: fbUrl,
-      icon: socialIcons["facebook"],
-      text: "Facebook",
-      bgColor: "#4e71a8",
-      alt: "fb icon"
-    }, {
-      name: "twitter",
-      url: twitterUrl,
-      icon: socialIcons["twitter"],
-      text: "Twitter",
-      bgColor: "#1db7eb",
-      alt: "twitter icon"
-    }, {
-      name: "linkedin",
-      url: linkedinUrl,
-      icon: socialIcons["linkedin"],
-      text: "LinkedIn",
-      bgColor: "#0077B5",
-      alt: "linkedin icon"
-    }, {
-      name: "whatsapp",
-      url: whatsappUrl,
-      icon: socialIcons["whatsapp"],
-      text: "Whatsapp",
-      bgColor: "#25d366",
-      alt: "whatsapp share"
-    }];
-  };
-
-  return getOptions();
-};
-
-var CloseIcon = function CloseIcon(_ref) {
-  var _ref$color = _ref.color,
-      color = _ref$color === void 0 ? "#333" : _ref$color;
-  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__default["default"].createElement("g", {
-    fill: "none",
-    stroke: color,
-    strokeLinecap: "square",
-    strokeWidth: "2"
-  }, /*#__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__default["default"].string
-};
-
-var hexToRGB = function hexToRGB(hex) {
-  var r = parseInt(hex.slice(1, 3), 16);
-  var g = parseInt(hex.slice(3, 5), 16);
-  var b = parseInt(hex.slice(5, 7), 16);
-  return {
-    r: r,
-    g: g,
-    b: b
-  };
-};
-var getLuminanceOfColor = function getLuminanceOfColor(hex) {
-  var _hexToRGB = hexToRGB(hex),
-      r = _hexToRGB.r,
-      g = _hexToRGB.g,
-      b = _hexToRGB.b;
-
-  return r * 0.299 + g * 0.587 + b * 0.114;
-};
-var rgbToHex = function rgbToHex() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgba(255, 255, 255, 0)";
-  var rgba = color.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
-  return rgba && rgba.length === 4 ? "#" + ("0" + parseInt(rgba[1], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[2], 10).toString(16)).slice(-2) + ("0" + parseInt(rgba[3], 10).toString(16)).slice(-2) : color;
-};
-var getTextColor = function getTextColor() {
-  var theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "rgb(255,255,255)";
-  var isRegexCheck = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(theme);
-  var getHexValue = !isRegexCheck ? rgbToHex(theme) : theme;
-  var textColor = getLuminanceOfColor(getHexValue) < 155 ? "light" : "dark";
-  return textColor;
-};
-PropTypes__default["default"].shape({
-  "sketches-host": PropTypes__default["default"].string,
-  "cdn-name": PropTypes__default["default"].string,
-  "cdn-image": PropTypes__default["default"].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 = {
-  "./social-share-popup.m.css": {
-    "share-popup-wrapper": "social-share-popup-m_share-popup-wrapper__GEJqD",
-    "light": "social-share-popup-m_light__gQmxf",
-    "dark": "social-share-popup-m_dark__26Igp",
-    "share-popup": "social-share-popup-m_share-popup__QRt3l social-share-popup-m_share-popup-wrapper__GEJqD",
-    "social-wrapper": "social-share-popup-m_social-wrapper__1lPzr",
-    "social-icon-wrapper": "social-share-popup-m_social-icon-wrapper__36jyV",
-    "wrapper": "social-share-popup-m_wrapper__3Ytce",
-    "top-bar": "social-share-popup-m_top-bar__174Um",
-    "share-text": "social-share-popup-m_share-text__19E-F",
-    "close": "social-share-popup-m_close__3k-Hj",
-    "social-icon": "social-share-popup-m_social-icon__2a4nT",
-    "social-text": "social-share-popup-m_social-text__1QPXb"
-  }
-};
-
-var popupSocialShareItem = function popupSocialShareItem(url, icon, text, index) {
-  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__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__default["default"].createElement("span", {
-    className: "social-share-popup-m_social-text__1QPXb"
-  }, text))) : null;
-};
-
-var SocialSharePopup = function SocialSharePopup(_ref) {
-  var _ref$fbUrl = _ref.fbUrl,
-      fbUrl = _ref$fbUrl === void 0 ? "" : _ref$fbUrl,
-      _ref$twitterUrl = _ref.twitterUrl,
-      twitterUrl = _ref$twitterUrl === void 0 ? "" : _ref$twitterUrl,
-      _ref$linkedinUrl = _ref.linkedinUrl,
-      linkedinUrl = _ref$linkedinUrl === void 0 ? "" : _ref$linkedinUrl,
-      _ref$whatsappUrl = _ref.whatsappUrl,
-      whatsappUrl = _ref$whatsappUrl === void 0 ? "" : _ref$whatsappUrl,
-      theme = _ref.theme,
-      _ref$closePopup = _ref.closePopup,
-      closePopup = _ref$closePopup === void 0 ? "" : _ref$closePopup,
-      _ref$iconType = _ref.iconType,
-      iconType = _ref$iconType === void 0 ? "plain-color-svg" : _ref$iconType;
-  var textColor = getTextColor(theme);
-  var iconColor = textColor === "dark" ? "#000000" : "#ffffff";
-  var options = {
-    fbUrl: fbUrl,
-    twitterUrl: twitterUrl,
-    linkedinUrl: linkedinUrl,
-    whatsappUrl: whatsappUrl,
-    iconColor: iconColor,
-    iconType: iconType
-  };
-  var popupItemsList = socialShareData(options);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: _getClassName__default["default"]("share-popup-wrapper ".concat(textColor), _styleModuleImportMap$1)
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "social-share-popup-m_share-popup__QRt3l social-share-popup-m_share-popup-wrapper__GEJqD"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "social-share-popup-m_top-bar__174Um"
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "social-share-popup-m_share-text__19E-F"
-  }, "Share via"), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "social-share-popup-m_close__3k-Hj",
-    onClick: closePopup
-  }, /*#__PURE__*/React__default["default"].createElement(CloseIcon, {
-    color: iconColor
-  }))), /*#__PURE__*/React__default["default"].createElement("ul", {
-    className: "social-share-popup-m_wrapper__3Ytce"
-  }, popupItemsList.map(function (_ref2, index) {
-    var url = _ref2.url,
-        icon = _ref2.icon,
-        text = _ref2.text,
-        bgColor = _ref2.bgColor;
-        _ref2.alt;
-    return popupSocialShareItem(url, icon, text, bgColor);
-  }))));
-};
-SocialSharePopup.propTypes = {
-  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__default["default"].createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24"
-  }, /*#__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__default["default"].string
-};
-
-var _styleModuleImportMap = {
-  "./social-share-template.m.css": {
-    "desktop-view": "social-share-template-m_desktop-view__3TmkO",
-    "tablet-view": "social-share-template-m_tablet-view__kATzi",
-    "wrapper": "social-share-template-m_wrapper__1wXin",
-    "horizontal": "social-share-template-m_horizontal__1c9Kt",
-    "vertical": "social-share-template-m_vertical__VU5JY",
-    "light": "social-share-template-m_light__3-V_k",
-    "dark": "social-share-template-m_dark__1lmTM",
-    "icon": "social-share-template-m_icon__1Mnu5",
-    "open": "social-share-template-m_open__3xObA",
-    "popup-wrapper": "social-share-template-m_popup-wrapper__1Zv3e",
-    "popup-open": "social-share-template-m_popup-open__21UNo",
-    "overlay": "social-share-template-m_overlay__1nBp-",
-    "tablet-view-popup": "social-share-template-m_tablet-view-popup__1hXU9"
-  }
-};
-
-var ShareItem = function ShareItem(_ref) {
-  var name = _ref.name,
-      url = _ref.url,
-      icon = _ref.icon,
-      dataTestId = _ref.dataTestId;
-  return url ? /*#__PURE__*/React__default["default"].createElement("li", {
-    "data-testid": dataTestId,
-    className: "social-share-template-m_icon__1Mnu5"
-  }, /*#__PURE__*/React__default["default"].createElement("a", {
-    href: url,
-    target: "_blank",
-    rel: "noopener noreferrer",
-    "data-share-icon": name,
-    "aria-label": "share-icon"
-  }, icon)) : null;
-};
-
-ShareItem.propTypes = {
-  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__default["default"].createElement(ShareIcon, {
-    color: color
-  });
-  return /*#__PURE__*/React__default["default"].createElement(CloseIcon, {
-    color: color
-  });
-}
-
-var SocialShareTemplate = function SocialShareTemplate(props) {
-  var _props$fbUrl = props.fbUrl,
-      fbUrl = _props$fbUrl === void 0 ? "" : _props$fbUrl,
-      _props$twitterUrl = props.twitterUrl,
-      twitterUrl = _props$twitterUrl === void 0 ? "" : _props$twitterUrl,
-      _props$linkedinUrl = props.linkedinUrl,
-      linkedinUrl = _props$linkedinUrl === void 0 ? "" : _props$linkedinUrl,
-      _props$whatsappUrl = props.whatsappUrl,
-      whatsappUrl = _props$whatsappUrl === void 0 ? "" : _props$whatsappUrl,
-      _props$vertical = props.vertical,
-      vertical = _props$vertical === void 0 ? false : _props$vertical,
-      theme = props.theme,
-      _props$iconType = props.iconType,
-      iconType = _props$iconType === void 0 ? "plain-color-svg" : _props$iconType,
-      _props$open = props.open,
-      open = _props$open === void 0 ? false : _props$open;
-  if (!fbUrl && !twitterUrl && !linkedinUrl && !whatsappUrl) return null;
-  var iconShade = getTextColor(theme);
-  var iconColor = iconShade === "dark" ? "#000000" : "#ffffff";
-  var options = {
-    fbUrl: fbUrl,
-    twitterUrl: twitterUrl,
-    linkedinUrl: linkedinUrl,
-    whatsappUrl: whatsappUrl,
-    iconColor: iconColor,
-    iconType: iconType
-  };
-  var iconsList = socialShareData(options);
-
-  var _useState = React.useState(open),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var verticalShare = vertical ? "vertical" : "horizontal";
-  React.useEffect(function () {
-    return setIsOpen(open);
-  }, [open]);
-
-  var shareIcon = function shareIcon() {
-    return /*#__PURE__*/React__default["default"].createElement("li", {
-      className: "social-share-template-m_icon__1Mnu5",
-      key: "horizontal-0"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      onClick: clickHandler
-    }, getActionIcon(isOpen, iconColor)));
-  };
-
-  var clickHandler = function clickHandler() {
-    setIsOpen(!isOpen);
-  };
-
-  var popUpWrapper = function popUpWrapper() {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "social-share-template-m_tablet-view__kATzi"
-    }, !isOpen && /*#__PURE__*/React__default["default"].createElement("ul", {
-      className: _getClassName__default["default"]("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap)
-    }, 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__default["default"].createElement("div", {
-      className: "arr--popup " + _getClassName__default["default"]("popup-wrapper ".concat(isOpen ? "popup-open" : ""), _styleModuleImportMap)
-    }, /*#__PURE__*/React__default["default"].createElement(SocialSharePopup, {
-      fbUrl: fbUrl,
-      twitterUrl: twitterUrl,
-      linkedinUrl: linkedinUrl,
-      whatsappUrl: whatsappUrl,
-      iconType: iconType,
-      theme: theme,
-      closePopup: function closePopup() {
-        setIsOpen(false);
-      }
-    })))));
-  };
-
-  var popupStyle = !isOpen && vertical ? "tablet-view-popup" : "";
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    "data-test-id": verticalShare,
-    className: "arr--share " + _getClassName__default["default"]("".concat(iconShade, " ").concat(verticalShare, " ").concat(popupStyle), _styleModuleImportMap)
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "social-share-template-m_desktop-view__3TmkO"
-  }, /*#__PURE__*/React__default["default"].createElement("ul", {
-    "data-test-id": lodash.camelCase(iconType),
-    className: "desktop-share-wrapper " + _getClassName__default["default"]("wrapper ".concat(isOpen ? "open" : ""), _styleModuleImportMap)
-  }, shareIcon(), iconsList.map(function (iconData, index) {
-    return /*#__PURE__*/React__default["default"].createElement(ShareItem, _extends__default["default"]({}, iconData, {
-      key: iconData.name,
-      dataTestId: "card-share-".concat(index)
-    }));
-  }))), popUpWrapper());
-};
-SocialShareTemplate.propTypes = {
-  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"]
-};
-
-exports.SocialShareTemplate = SocialShareTemplate;

package/molecules/SocialShareTemplate/styles.arrow.css

@@ -1 +0,0 @@
-.social-share-popup-m_share-popup-wrapper__-CicR{z-index:var(--zIndex-social-popup)}.social-share-popup-m_light__Jy6k4.social-share-popup-m_share-popup-wrapper__-CicR{background-color:var(--arrow-c-dark)}.social-share-popup-m_dark__dsa06.social-share-popup-m_share-popup-wrapper__-CicR{background-color:var(--arrow-c-light)}.social-share-popup-m_share-popup__D2dgw{padding:var(--arrow-spacing-l)}.social-share-popup-m_social-wrapper__qIhOR{align-items:center;display:flex;flex-direction:row;padding:var(--arrow-fs-tiny) 0}.social-share-popup-m_dark__dsa06 .social-share-popup-m_social-icon-wrapper__m3RbH{border-bottom:1px solid var(--arrow-c-mono7)}.social-share-popup-m_light__Jy6k4 .social-share-popup-m_social-icon-wrapper__m3RbH{border-bottom:1px solid var(--arrow-c-invert-mono7)}.social-share-popup-m_wrapper__gvsIp{list-style:none}.social-share-popup-m_dark__dsa06 .social-share-popup-m_wrapper__gvsIp>:last-child,.social-share-popup-m_light__Jy6k4 .social-share-popup-m_wrapper__gvsIp>:last-child{border-bottom:unset}@media (min-width:768px){.social-share-popup-m_light__Jy6k4 .social-share-popup-m_share-popup__D2dgw{border:1px solid var(--arrow-c-invert-mono7)}.social-share-popup-m_dark__dsa06 .social-share-popup-m_share-popup__D2dgw{border:1px solid var(--arrow-c-mono7)}}.social-share-popup-m_top-bar__A1m8s{display:flex;flex-direction:row;justify-content:space-between}.social-share-popup-m_share-text__GdGAu{font-size:var(--arrow-fs-xs);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-2);margin-bottom:var(--arrow-spacing-s)}.social-share-popup-m_close__iPs2c{position:absolute;right:var(--arrow-spacing-m);top:var(--arrow-spacing-m)}.social-share-popup-m_social-icon__sgqut{border-radius:50%;height:var(--arrow-fs-xl);padding:var(--arrow-spacing-xxs);width:var(--arrow-fs-xl)}.social-share-popup-m_social-text__cERUu{color:var(--arrow-c-mono2);font-size:var(--arrow-fs-s);font-weight:var(--arrow-fw-bold);line-height:var(--arrow-lh-2);padding-left:var(--arrow-fs-xs)}.social-share-popup-m_light__Jy6k4 .social-share-popup-m_share-text__GdGAu,.social-share-popup-m_light__Jy6k4 .social-share-popup-m_social-text__cERUu{color:var(--arrow-c-invert-mono2)}.social-share-popup-m_dark__dsa06 .social-share-popup-m_share-text__GdGAu,.social-share-popup-m_dark__dsa06 .social-share-popup-m_social-text__cERUu{color:var(--arrow-c-mono2)}html[dir=rtl] .social-share-popup-m_social-text__cERUu{padding-left:0;padding-right:var(--arrow-fs-xs)}html[dir=rtl] .social-share-popup-m_close__iPs2c{left:var(--arrow-spacing-m);right:auto}.social-share-template-m_desktop-view__6sGDK{display:none}@media (min-width:1025px){.social-share-template-m_desktop-view__6sGDK{display:flex}.social-share-template-m_tablet-view__PnKUz{display:none}}.social-share-template-m_wrapper__jjTco{align-items:center;flex-direction:row-reverse;list-style:none;overflow:hidden;transition:all .3s;z-index:var(--z-index-1)}.social-share-template-m_horizontal__m-s4o .social-share-template-m_wrapper__jjTco{display:flex;max-width:var(--arrow-fs-big)}@media (min-width:1025px){.social-share-template-m_horizontal__m-s4o .social-share-template-m_wrapper__jjTco{max-width:120px}}.social-share-template-m_vertical__wQpY7 .social-share-template-m_wrapper__jjTco{border-radius:50%;flex-direction:column;max-height:var(--arrow-fs-big)}@media (min-width:1025px){.social-share-template-m_vertical__wQpY7 .social-share-template-m_wrapper__jjTco{border-radius:unset;max-height:132px;position:inherit;right:var(--arrow-spacing-l)}}.social-share-template-m_light__WSao5.social-share-template-m_vertical__wQpY7 .social-share-template-m_wrapper__jjTco{background-color:var(--arrow-c-dark);box-shadow:0 0 4px 0 hsla(0,0%,100%,.17)}@media (min-width:1025px){.social-share-template-m_light__WSao5.social-share-template-m_vertical__wQpY7 .social-share-template-m_wrapper__jjTco{background-color:inherit;box-shadow:unset}}.social-share-template-m_dark__EyXwL.social-share-template-m_vertical__wQpY7 .social-share-template-m_wrapper__jjTco{background-color:var(--arrow-c-light);box-shadow:0 0 4px 0 rgba(0,0,0,.17)}@media (min-width:1025px){.social-share-template-m_dark__EyXwL.social-share-template-m_vertical__wQpY7 .social-share-template-m_wrapper__jjTco{background-color:inherit;box-shadow:unset}}.social-share-template-m_icon__-dZ6C{padding:var(--arrow-spacing-xs)}@media (min-width:1025px){.social-share-template-m_wrapper__jjTco.social-share-template-m_open__Ta49i{border-radius:var(--arrow-spacing-xxs)}.social-share-template-m_light__WSao5 .social-share-template-m_wrapper__jjTco.social-share-template-m_open__Ta49i{border:.6px solid var(--arrow-c-invert-mono7)}.social-share-template-m_dark__EyXwL .social-share-template-m_wrapper__jjTco.social-share-template-m_open__Ta49i{border:.6px solid var(--arrow-c-mono7)}.social-share-template-m_horizontal__m-s4o .social-share-template-m_wrapper__jjTco.social-share-template-m_open__Ta49i{max-width:240px}.social-share-template-m_vertical__wQpY7 .social-share-template-m_wrapper__jjTco.social-share-template-m_open__Ta49i{max-height:240px}}@media (min-width:768px){.social-share-template-m_icon__-dZ6C:hover{background-color:var(--arrow-c-mono7);border-radius:50%}}.social-share-template-m_popup-wrapper__bMzu-{bottom:0;left:0;position:fixed;right:0;width:100%}@media (min-width:768px){.social-share-template-m_popup-wrapper__bMzu-{position:absolute;width:328px}}@media (max-width:767px){.social-share-template-m_popup-wrapper__bMzu-.social-share-template-m_popup-open__Vqj0a{transition:transform .6s}}@media (min-width:768px){.social-share-template-m_popup-wrapper__bMzu-.social-share-template-m_popup-open__Vqj0a{left:50%;top:50%;transform:translate(-50%,-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translate(-50%,-50%)}html[dir=rtl] .social-share-template-m_popup-wrapper__bMzu-.social-share-template-m_popup-open__Vqj0a{right:50%;transform:translate(50%,-50%);-ms-transform:translateX(50%) translateY(-50%);-webkit-transform:translate(50%,-50%)}}.social-share-template-m_overlay__petUt{bottom:0;left:0;overflow-y:scroll;position:fixed;right:0;top:0;z-index:1100}@media (min-width:1025px){.social-share-template-m_overlay__petUt{position:static}}.social-share-template-m_light__WSao5 .social-share-template-m_overlay__petUt{background-color:hsla(0,0%,5%,.77)}.social-share-template-m_dark__EyXwL .social-share-template-m_overlay__petUt{background-color:hsla(0,0%,100%,.77)}.social-share-template-m_tablet-view-popup__-kguN.arr--share{bottom:56px;height:0;position:sticky;position:-webkit-sticky;text-align:center}@media (min-width:768px){.social-share-template-m_tablet-view-popup__-kguN.arr--share{right:24px}}@media (min-width:768px) and (min-width:1025px){.social-share-template-m_tablet-view-popup__-kguN.arr--share{bottom:unset;height:unset;text-align:unset}}