{"version":3,"file":"addToAny.8bf80654f6a381652861.js","sources":["webpack:///./Source/FECOM.Web.UI/Scripts/apps/product/components/AddToAny.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\r\nimport Modal from '../../../components/Modal';\r\nimport Icon from '../../../components/Icon';\r\nimport canUseDOM from '../../../utilities/canUseDOM';\r\n\r\nexport default function AddToAny() {\r\n  const [showModal, setShowModal] = useState(false);\r\n\r\n  function handleModalClose() {\r\n    setShowModal(false);\r\n  }\r\n\r\n  function handleModalOpen() {\r\n    setShowModal(true);\r\n  }\r\n\r\n  useEffect(() => {\r\n    if (canUseDOM()) {\r\n      const { location, document } = window;\r\n      const pageTitle = document.title;\r\n      const pageUrl = location.href;\r\n\r\n      const script = document.createElement('script');\r\n      script.src = 'https://static.addtoany.com/menu/page.js';\r\n      script.async = true;\r\n\r\n      var a2a_config: any = a2a_config || {};\r\n      a2a_config.linkname = `${pageTitle}`;\r\n      a2a_config.linkurl = `${pageUrl}`;\r\n      a2a_config.onclick = 1;\r\n      a2a_config.num_services = 6;\r\n      // for drop down menu only\r\n      // a2a_config.custom_services = [\r\n      //   'instagram',\r\n      //   'https://www.instagram.com/add?A2A_LINKURL_ENC&title=A2A_LINKNAME_ENC',\r\n      // ];\r\n\r\n      document.body.appendChild(script);\r\n\r\n      const modalHeader = document.querySelector('.modal-header');\r\n      const hasAddToAnyServices = a2a_config.num_services > 0;\r\n      if (hasAddToAnyServices && modalHeader) {\r\n        modalHeader?.classList.add('bb-0');\r\n      }\r\n    }\r\n  });\r\n\r\n  return (\r\n    <div className=\"product-details__share\">\r\n      <div className=\"product-details__share-link\">\r\n        <button className=\"btn btn-link\" onClick={handleModalOpen}>\r\n          <span className=\"d-inline-block pr-2\">\r\n            <Icon iconName=\"share-new\" modifierCss=\"icon--share\" />{' '}\r\n          </span>\r\n          Share\r\n        </button>\r\n      </div>\r\n\r\n      <Modal\r\n        title=\"Share\"\r\n        isVisible={showModal}\r\n        handleClose={handleModalClose}\r\n        escapeToClose={true}\r\n      >\r\n        <button\r\n          onClick={handleModalClose}\r\n          className=\"btn btn-close\"\r\n          aria-label=\"Close\"\r\n        >\r\n          <Icon iconName=\"close-thin\" />\r\n        </button>\r\n        <div className=\"a2a_kit a2a_kit_size_64 a2a_default_style share-icons\">\r\n          <div className=\"share-icons-wrapper\">\r\n            <a className=\"a2a_button_facebook share-icon\">\r\n              <span className=\"a2a_label\">Share on Facebook</span>\r\n              Facebook\r\n            </a>\r\n            <a className=\"a2a_button_pinterest share-icon\">\r\n              <span className=\"a2a_label\">Share on Pinterest</span>\r\n              Pinterest\r\n            </a>\r\n          </div>\r\n          <div className=\"share-icons-wrapper\">\r\n            <a className=\"a2a_button_twitter share-icon\">\r\n              <span className=\"a2a_label\">Share on Twitter</span>\r\n              Twitter\r\n            </a>\r\n            <a className=\"a2a_button_email share-icon\">\r\n              <span className=\"a2a_label\">Share by Email</span>\r\n              Email\r\n            </a>\r\n          </div>\r\n          <div className=\"share-icons-wrapper\">\r\n            <a className=\"a2a_button_linkedin share-icon\">\r\n              <span className=\"a2a_label\">Share on LinkedIn</span>\r\n              LinkedIn\r\n            </a>\r\n            <a className=\"a2a_button_whatsapp share-icon\">\r\n              <span className=\"a2a_label\">Share on WhatsApp</span>\r\n              WhatsApp\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </Modal>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;;;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AADA;AADA;AADA;AAUA;AACA;AACA;AACA;AAJA;AAOA;AACA;AACA;AAHA;AAKA;AAAA;AALA;AAOA;AAAA;AACA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AADA;AAIA;AAAA;AACA;AAAA;AAAA;AADA;AALA;AAUA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AADA;AAIA;AAAA;AACA;AAAA;AAAA;AADA;AALA;AAUA;AAAA;AACA;AAAA;AACA;AAAA;AAAA;AADA;AAIA;AAAA;AACA;AAAA;AAAA;AADA;AALA;AArBA;AAbA;AAVA;AA0DA;;;;A","sourceRoot":""}