{"version":3,"file":"static/js/981.fa15eead.chunk.js","mappings":"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","sources":["components/Feature/TvsCountryDropDown/TvsCountryDropDown.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\r\nimport { withSitecoreContext } from '@sitecore-jss/sitecore-jss-react';\r\n\r\nconst TvsCountryDropDown = (props) => {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [selectedCountry, setSelectedCountry] = useState(\r\n    props?.fields?.items.find((item) => item.name === 'IND')\r\n  );\r\n  const dropdownRef = useRef(null);\r\n\r\n  const toggleDropdown = () => {\r\n    setIsOpen(!isOpen);\r\n  };\r\n\r\n  const selectCountry = (event, country) => {\r\n    event.preventDefault();\r\n    setSelectedCountry(country);\r\n    setIsOpen(false);\r\n    window.open(country?.fields?.CountryLink?.value?.href, '_blank');\r\n  };\r\n\r\n  const handleClickOutside = (event) => {\r\n    if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {\r\n      setIsOpen(false);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    document.addEventListener('click', handleClickOutside);\r\n    return () => {\r\n      document.removeEventListener('click', handleClickOutside);\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n    <div ref={dropdownRef} className={props.className}>\r\n      <div className=\"selected f16\" onClick={toggleDropdown}>\r\n        <a className={`flag ${selectedCountry?.fields?.CssClass?.value}`}>\r\n          {selectedCountry?.fields?.Country?.value}\r\n        </a>\r\n      </div>\r\n      <div className={`options ${isOpen ? 'open' : ''}`} data-testid=\"country-options\">\r\n        <ul className=\"f16\">\r\n          {props?.fields?.items?.map((country, index) => {\r\n            return (\r\n              <li key={index} onClick={(e) => selectCountry(e, country)}>\r\n                <a\r\n                  href={country?.fields?.CountryLink?.value?.href}\r\n                  className={`flag ${country?.fields?.CssClass?.value}`}\r\n                >\r\n                  <span className=\"flag-icon\"></span>\r\n                  {country?.fields?.CountryText?.value}\r\n                </a>\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default withSitecoreContext()(React.memo(TvsCountryDropDown));\r\n"],"names":["TvsCountryDropDown","props","_props$fields","_selectedCountry$fiel","_selectedCountry$fiel2","_selectedCountry$fiel3","_selectedCountry$fiel4","_props$fields2","_props$fields2$items","isOpen","setIsOpen","useState","selectedCountry","setSelectedCountry","fields","items","find","item","name","dropdownRef","useRef","handleClickOutside","event","current","contains","target","useEffect","document","addEventListener","removeEventListener","_jsxs","ref","className","children","_jsx","onClick","toggleDropdown","CssClass","value","Country","map","country","index","_country$fields2","_country$fields2$Coun","_country$fields2$Coun2","_country$fields3","_country$fields3$CssC","_country$fields4","_country$fields4$Coun","e","selectCountry","_country$fields","_country$fields$Count","_country$fields$Count2","preventDefault","window","open","CountryLink","href","CountryText","withSitecoreContext","React"],"sourceRoot":""}