{"version":3,"sources":["webpack:///./Scripts/Components/LanguagePicker.js","webpack:///./assets/icons/caret-language-picker.svg"],"names":["items","isOpen","setIsOpen","useState","currentCountryCode","useSelector","state","cart","currentCountry","length","selectedOption","find","isSelected","className","onClick","src","channelFlag","alt","map","item","window","location","href","url","key","channelSystemId","channelListName"],"mappings":"4IAIA,MA+CA,EA/CuB,EAAGA,YACxB,MAAOC,EAAQC,IAAaC,eAAS,GAE/BC,GADaC,SAAaC,GAAUA,IACJC,KAAKC,eAE3C,IAAKR,GAASA,EAAMS,OAAS,EAC3B,OAGF,MAAMC,EAAiBV,EAAMW,MAAMX,IAA+B,IAArBA,EAAMY,aAEnD,OACE,gCACE,0BACEC,UAAU,2BACVC,QAAS,IAAMZ,GAAWD,IAE1B,uBACEc,IAAKL,EAAeM,YACpBH,UAAU,0BAEZ,uBAAKA,UAAU,4BAA4BT,GAC3C,uBACEW,IC3BV,6CD4BUF,UAAY,+BAA6BZ,EAAS,UAAY,IAC9DgB,IAAI,WAGR,sBAAIJ,UAAY,4BAA0BZ,EAAS,QAAU,OACxDD,EAAMS,QACPT,EAAMkB,KAAKC,GACT,sBACEN,UAAY,4BACVM,EAAKP,WAAa,UAAY,IAEhCE,QAAS,IAAOM,OAAOC,SAASC,KAAOH,EAAKI,IAC5CC,IAAKL,GAAMM,iBAEX,uBAAKV,IAAKI,GAAMH,YAAaH,UAAU,0BACtCM,EAAKO,oBAIb,C","file":"39.2bb4e9933d8aa68555cb.js","sourcesContent":["import React, { useState } from 'react';\nimport caret from '../../assets/icons/caret-language-picker.svg';\nimport { useSelector } from 'react-redux';\n\nconst LanguagePicker = ({ items }) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const storeState = useSelector((state) => state);\n  const currentCountryCode = storeState.cart.currentCountry;\n\n  if (!items || items.length < 1) {\n    return;\n  }\n\n  const selectedOption = items.find((items) => items.isSelected === true);\n\n  return (\n    <>\n      <button\n        className=\"language-picker__trigger\"\n        onClick={() => setIsOpen(!isOpen)}\n      >\n        <img\n          src={selectedOption.channelFlag}\n          className=\"language-picker__flag\"\n        />\n        <div className=\"language-picker__current\">{currentCountryCode}</div>\n        <img\n          src={caret}\n          className={`language-picker__caret-down${isOpen ? ' rotate' : ''}`}\n          alt=\"Caret\"\n        />\n      </button>\n      <ul className={`language-picker__options${isOpen ? ' open' : ''}`}>\n        {!!items.length &&\n          items.map((item) => (\n            <li\n              className={`language-picker__option ${\n                item.isSelected ? 'current' : ''\n              }`}\n              onClick={() => (window.location.href = item.url)} // Redirect to the channel's URL\n              key={item?.channelSystemId}\n            >\n              <img src={item?.channelFlag} className=\"language-picker__flag\" />\n              {item.channelListName}\n            </li>\n          ))}\n      </ul>\n    </>\n  );\n};\n\nexport default LanguagePicker;\n","export default \"/ui/assets/icons/caret-language-picker.svg\";"],"sourceRoot":""}