{"version":3,"file":"Login-DBmmXYIC.js","sources":["../../../../../../../../app/frontend/features/Login/ui/Login.tsx"],"sourcesContent":["import { faRightFromBracket, faRightToBracket } from '@fortawesome/free-solid-svg-icons'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome'\nimport { t } from 'i18next'\nimport { useCallback, useMemo } from 'react'\n\nimport { COMPONENTS } from '~/shared/constants/pages'\nimport { useAppLanding, useAppSelector } from '~/shared/models/hooks'\nimport Link from '~/shared/ui/Link'\nimport { Button } from '~/shared/ui/button'\n\nconst Login = ({\n  isLoggedIn,\n  logout,\n  callback,\n}: {\n  isLoggedIn: boolean\n  logout: () => void\n  callback?: () => void\n}) => {\n  const activePage = useAppSelector((state) => state.common.activePage)\n\n  const isLoginPage = useMemo(() => activePage === COMPONENTS.App.login, [activePage])\n\n  const handleLogout = useCallback(() => {\n    logout()\n    callback?.()\n  }, [callback, logout])\n\n  const { isRestrictedPrimaryLogoPage } = useAppLanding()\n\n  if (isLoggedIn) {\n    return (\n      <Button\n        variant={'outline'}\n        className=\"flex bg-gray-50 dark:bg-gray-900 px-6 gap-2 font-normal rounded-full border-0 font-normal text-sm\"\n        onClick={handleLogout}\n      >\n        <FontAwesomeIcon icon={faRightFromBracket} width={15} />\n        <span className=\"md:hidden lg:block\">{t('global.buttons.sign_out')}</span>\n      </Button>\n    )\n  }\n  return (\n    <Link\n      href={'/app/login'}\n      className={`hover:bg-accent hover:text-accent-foreground flex gap-2 font-normal text-sm rounded-full justify-center py-2 px-6 dark:bg-gray-900 bg-gray-50 px-3 h-9 ${(isLoginPage && 'hidden') || ''}`}\n      aria-label={t('global.buttons.sign_in')}\n      onClick={() => callback?.()}\n    >\n      <FontAwesomeIcon\n        icon={faRightToBracket}\n        className={!isRestrictedPrimaryLogoPage ? 'text-primary' : 'text-blue-600'}\n        width={15}\n      />\n      <span className=\"md:hidden lg:block whitespace-nowrap text-ellipsis overflow-hidden\">\n        {t('global.buttons.sign_in')}\n      </span>\n    </Link>\n  )\n}\n\nexport default Login\n"],"names":["Login","isLoggedIn","logout","callback","activePage","useAppSelector","state","isLoginPage","useMemo","COMPONENTS","handleLogout","useCallback","isRestrictedPrimaryLogoPage","useAppLanding","jsxs","Button","jsx","FontAwesomeIcon","faRightFromBracket","Link","faRightToBracket"],"mappings":"sdAUA,MAAMA,EAAQ,CAAC,CACb,WAAAC,EACA,OAAAC,EACA,SAAAC,CACF,IAIM,CACJ,MAAMC,EAAaC,EAAgBC,GAAUA,EAAM,OAAO,UAAU,EAE9DC,EAAcC,UAAQ,IAAMJ,IAAeK,EAAW,IAAI,MAAO,CAACL,CAAU,CAAC,EAE7EM,EAAeC,EAAAA,YAAY,IAAM,CAC9BT,IACIC,GAAA,MAAAA,GAAA,EACV,CAACA,EAAUD,CAAM,CAAC,EAEf,CAAE,4BAAAU,GAAgCC,IAExC,OAAIZ,EAEAa,EAAA,KAACC,EAAA,CACC,QAAS,UACT,UAAU,oGACV,QAASL,EAET,SAAA,CAAAM,EAAA,IAACC,EAAgB,CAAA,KAAMC,EAAoB,MAAO,GAAI,QACrD,OAAK,CAAA,UAAU,qBAAsB,SAAA,EAAE,yBAAyB,EAAE,CAAA,CAAA,CAAA,EAKvEJ,EAAA,KAACK,EAAA,CACC,KAAM,aACN,UAAW,0JAA2JZ,GAAe,UAAa,EAAE,GACpM,aAAY,EAAE,wBAAwB,EACtC,QAAS,IAAMJ,GAAA,YAAAA,IAEf,SAAA,CAAAa,EAAA,IAACC,EAAA,CACC,KAAMG,EACN,UAAYR,EAA+C,gBAAjB,eAC1C,MAAO,EAAA,CACT,QACC,OAAK,CAAA,UAAU,qEACb,SAAA,EAAE,wBAAwB,EAC7B,CAAA,CAAA,CAAA,CAGN"}