{"version":3,"file":"LoginPage-CEqNcy5P.js","sources":["../../../app/javascript/components/transitions/Fade.vue","../../../app/javascript/pages/website/LoginPage.vue"],"sourcesContent":["<template>\n  <Transition\n    enter-active-class=\"transition ease-out duration-100\"\n    enter-from-class=\"transform opacity-0 scale-95\"\n    enter-to-class=\"transform opacity-100 scale-100\"\n    leave-active-class=\"transition ease-in duration-75\"\n    leave-from-class=\"transform opacity-100 scale-100\"\n    leave-to-class=\"transform opacity-0 scale-95\"\n    mode=\"out-in\"\n  >\n    <slot />\n  </Transition>\n</template>\n","<script setup>\nimport { RouterLink } from 'vue-router'\nimport { useRouter } from 'vue-router'\nimport { Icon } from '@iconify/vue'\nimport { Input } from '@/components/ui/input'\nimport { Button } from '@/components/ui/button'\nimport { useAuthStore } from '@/stores/auth.store'\nimport CompanyLogoWhite from '@/components/CompanyLogoWhite.vue'\nimport Fade from '@/components/transitions/Fade.vue'\n\nconst authStore = useAuthStore()\nconst form = ref({\n  email: '',\n  password: '',\n})\n\nconst showPassword = ref(false)\nconst state = ref(false)\nconst error = ref('')\n\nconst redirectToPanel = () => {\n  window.location.href = '/panel/'\n}\n\nonMounted(() => {\n  if (authStore.isAuthenticated) {\n    redirectToPanel()\n  }\n})\n\nconst submit = () => {\n  state.value = true\n  error.value = '' // Limpiar el error anterior\n  authStore\n    .login(form.value)\n    .then(() => {\n      redirectToPanel()\n      state.value = false\n    })\n    .catch(err => {\n      state.value = false\n      error.value = err\n    })\n    .finally(() => {\n      setTimeout(() => {\n        error.value = ''\n      }, 5000)\n    })\n}\n</script>\n\n<template>\n  <div class=\"h-screen flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0 px-4\">\n    <div class=\"relative hidden flex-col bg-muted p-10 text-white dark:border-r lg:flex inset-0 bg-zinc-900 h-screen\">\n      <div class=\"relative z-20 flex items-center text-lg font-medium\">\n        <CompanyLogoWhite class=\"hover:scale-105 transition-all hover:drop-shadow-lg hover:drop-shadow-green-500\" />\n      </div>\n      <div class=\"relative z-20 mt-auto\">\n        <blockquote class=\"space-y-2\">\n          <p class=\"text-lg\">\n            Monitorea tu empresa & asegura el cumplimiento normativo detectando irregularidades en tiempo real.\n          </p>\n        </blockquote>\n      </div>\n    </div>\n    <div class=\"flex justify-center items-center h-full\">\n      <div class=\"lg:p-8\">\n        <div class=\"mx-auto flex w-full flex-col justify-center space-y-5 sm:w-[350px]\">\n          <div class=\"flex flex-col space-y-1.5\">\n            <h1 class=\"text-2xl font-semibold tracking-tight\">Bienvenido</h1>\n            <p class=\"text-sm text-muted-foreground\">\n              Asegura la integridad de tu negocio con alertas automáticas y reportes detallados.\n            </p>\n          </div>\n          <div>\n            <form @submit.prevent=\"submit\">\n              <div class=\"grid gap-2\">\n                <div class=\"grid gap-1\">\n                  <Input\n                    id=\"login-email\"\n                    name=\"login-email\"\n                    v-model=\"form.email\"\n                    placeholder=\"you@company.com\"\n                    type=\"email\"\n                    autocomplete=\"username\"\n                    autocorrect=\"off\"\n                    :disabled=\"state\"\n                    required\n                  />\n                </div>\n                <div class=\"grid gap-1\">\n                  <div class=\"relative w-full items-center\">\n                    <Input\n                      id=\"password\"\n                      v-model=\"form.password\"\n                      :type=\"showPassword ? 'text' : 'password'\"\n                      placeholder=\"*********\"\n                      autocomplete=\"current-password\"\n                      :disabled=\"state\"\n                      required\n                    />\n                    <span\n                      @click=\"showPassword = !showPassword\"\n                      class=\"absolute end-0 inset-y-0 flex items-center justify-center px-2\"\n                    >\n                      <Icon\n                        :icon=\"showPassword ? 'ph:eye-bold' : 'ph:eye-closed-bold'\"\n                        class=\"size-6 text-muted-foreground\"\n                      />\n                    </span>\n                  </div>\n                </div>\n                <Fade>\n                  <div\n                    v-if=\"error\"\n                    class=\"flex items-center gap-2 p-4 text-sm text-red-500 border border-red-300 bg-red-50 dark:bg-gray-800 dark:text-red-400 dark:border-red-800 rounded-lg\"\n                    role=\"alert\"\n                  >\n                    <Icon icon=\"heroicons:exclamation-circle\" class=\"w-5 h-5 shrink-0\" />\n                    <span class=\"sr-only\">Error</span>\n                    <div>{{ error.error }}</div>\n                  </div>\n                </Fade>\n                <Button :disabled=\"state\"> Ingresar </Button>\n              </div>\n            </form>\n          </div>\n          <div>\n            <div class=\"text-xs text-muted-foreground justify-between flex\">\n              <RouterLink to=\"/registro\" class=\"hover:text-primary\"> Registrarse </RouterLink>\n              <RouterLink to=\"/reenviar-email\" class=\"hover:text-primary\">\n                ¿No recibió mensaje de confirmación?\n              </RouterLink>\n            </div>\n            <div class=\"text-xs text-muted-foreground my-2\">\n              <RouterLink to=\"/olvide-contrasena\" class=\"hover:text-primary\"> ¿Olvidaste tu contraseña? </RouterLink>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"names":["_cache","_openBlock","_createBlock","_Transition","_withCtx","authStore","useAuthStore","form","ref","showPassword","state","error","redirectToPanel","onMounted","submit","err"],"mappings":"oaAWeA,EAAA,CATX,OAAAC,EAAA,EAAkBC,EAAmCC,EAAA,CACrD,qBAA+C,mCAC/C,mBAAgD,+BAChD,iBAAA,kCACA,qBAAkD,iCAClD,mBAA6C,kCAC7C,iBAAa,4CARjB,EAAA,SAUYC,EAAA,IAAA,uBAVZ,q4BCUA,MAAMC,EAAYC,EAAY,EACxBC,EAAOC,EAAI,CACf,MAAO,GACP,SAAU,EACZ,CAAC,EAEKC,EAAeD,EAAI,EAAK,EACxBE,EAAQF,EAAI,EAAK,EACjBG,EAAQH,EAAI,EAAE,EAEdI,EAAkB,IAAM,CAC5B,OAAO,SAAS,KAAO,SACzB,EAEAC,EAAU,IAAM,CACVR,EAAU,iBACZO,EAAe,CAEnB,CAAC,EAED,MAAME,EAAS,IAAM,CACnBJ,EAAM,MAAQ,GACdC,EAAM,MAAQ,GACdN,EACG,MAAME,EAAK,KAAK,EAChB,KAAK,IAAM,CACVK,EAAe,EACfF,EAAM,MAAQ,EACf,CAAA,EACA,MAAMK,GAAO,CACZL,EAAM,MAAQ,GACdC,EAAM,MAAQI,CACf,CAAA,EACA,QAAQ,IAAM,CACb,WAAW,IAAM,CACfJ,EAAM,MAAQ,EACtB,EAAS,GAAI,CACR,CAAA,CACL"}