{"version":3,"file":"Byz_G5O4.js","sources":["../../../../src/layouts/auth.vue"],"sourcesContent":["<script setup lang = \"ts\">\nimport NavBarAuth from \"~/components/common/navbar/NavBarAuth.vue\";\nimport {I18n} from 'aws-amplify/utils'\nimport {Authenticator, useAuthenticator} from \"@aws-amplify/ui-vue\";\nimport esAmplify from \"~/data/es_amplify\";\nimport \"@aws-amplify/ui-vue/styles.css\";\n\nI18n.putVocabularies(esAmplify);\nI18n.setLanguage('es');\n\nconst {topPadding, changeScreenSize} = useHelpers()\nconst auth = useAuthenticator()\nconst $q = useQuasar()\nwatch(() => $q.screen.width, () => {\n\tchangeScreenSize($q.screen)\n})\n\nwatch(auth, () => {\n\tif (!!auth && auth.authStatus === 'authenticated') {\n\t\twindow.location.href = '/login'\n\t}\n})\n\nconst formField = {\n\tsignIn: {\n\t\tusername: {\n\t\t\tplaceholder: 'Ingresa tu Correo Electrónico',\n\t\t\tisRequired: true,\n\t\t\tlabel: 'Email'\n\t\t}\n\t},\n\tsignUp: {\n\t\tname: {\n\t\t\tisRequired: true,\n\t\t\tlabel: 'Nombre Completo',\n\t\t\torder: 1\n\t\t},\n\t\tphone_number: {\n\t\t\torder: 3\n\t\t},\n\t\temail: {\n\t\t\torder: 2\n\t\t}\n\t}\n}\n\n</script>\n\n<template>\n\t\n\t<q-layout view = \"lHh lpR lFf\">\n\t\t\n\t\t<q-header fixed elevated class = \"bg-white\">\n\t\t\t<NavBarAuth/>\n\t\t</q-header>\n\t\t\n\t\t<q-page-container style = \"padding: 0!important;\">\n\t\t\t<q-page>\n\t\t\t\t<div :style = \"`padding-top: ${topPadding+30}px;`\">\n\t\t\t\t\t<div class = \"container\">\n\t\t\t\t\t\t<div class = \"flex\">\n\t\t\t\t\t\t\t<div class = \"w-full lg:w-1/2 px-5 md:px-10\">\n\t\t\t\t\t\t\t\t<img :src = \"`${useNuxtApp().$domain}/branding/LogoCVH.svg`\" alt = \"Logo\" class=\"max-w-[300px] mx-auto mb-5\">\n\t\t\t\t\t\t\t\t<div class=\"w-full\">\n\t\t\t\t\t\t\t\t\t<h1 class=\"text-3xl\">¡Comprar o vender tu carro en nunca fue tan fácil!</h1>\n\t\t\t\t\t\t\t\t\t<div class=\"flex flex-row flex-nowrap items-center my-5\">\n\t\t\t\t\t\t\t\t\t\t<p class=\"w-[40px] h-[40px] mr-5 bg-primary text-white rounded-full flex flex-center text-2xl\">1</p>\n\t\t\t\t\t\t\t\t\t\t<p class=\"text-xl md:text-2xl font-light w-[calc(100%-60px)]\">Inicia Sesión o Regístrate</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex flex-row flex-nowrap items-center my-5\">\n\t\t\t\t\t\t\t\t\t\t<p class=\"w-[40px] h-[40px] mr-5 bg-primary text-white rounded-full flex flex-center text-2xl\">2</p>\n\t\t\t\t\t\t\t\t\t\t<p class=\"text-xl md:text-2xl font-light w-[calc(100%-60px)]\">Selecciona si quieres comprar o vender.</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex flex-row flex-nowrap items-center my-5\">\n\t\t\t\t\t\t\t\t\t\t<p class=\"w-[40px] h-[40px] mr-5 bg-primary text-white rounded-full flex flex-center text-2xl\">3</p>\n\t\t\t\t\t\t\t\t\t\t<p class=\"text-xl md:text-2xl font-light w-[calc(100%-60px)]\">Sube tu publicación.</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div class=\"flex flex-row flex-nowrap items-center my-5\">\n\t\t\t\t\t\t\t\t\t\t<p class=\"w-[40px] h-[40px] mr-5 bg-primary text-white rounded-full flex flex-center text-2xl\">4</p>\n\t\t\t\t\t\t\t\t\t\t<p class=\"text-xl md:text-2xl font-light w-[calc(100%-60px)]\">¡Y listo! Empieza a comprar o vender.</p>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class=\"mx-auto mt-10\">\n\t\t\t\t\t\t\t\t<Authenticator :form-fields = \"formField\" :login-mechanisms = \"['email']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t :social-providers = \"['google']\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t :sign-up-attributes = \"['name','phone_number']\">\n\t\t\t\t\t\t\t\t</Authenticator>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</q-page>\n\t\t</q-page-container>\n\t</q-layout>\n</template>\n\n<style>\n\n</style>\n\n<style lang = \"scss\" scoped>\n\n\n.active-link:before {\n\tcontent: \" \";\n\tposition: absolute;\n\twidth: 100%;\n\theight: 3px;\n\tbackground: var(--primary);\n\tbottom: -5px;\n\tleft: 0;\n\tborder-radius: 10px;\n}\n\n.link {\n\ttransition: all 0.3s ease-in-out;\n}\n\n\n.link:hover {\n\tcolor: lighten(#1d1d1d, 20%);\n}\n\n</style>"],"names":["I18n","esAmplify","topPadding","changeScreenSize","useHelpers","auth","useAuthenticator","$q","useQuasar","watch","formField"],"mappings":"i2DAOAA,EAAK,gBAAgBC,CAAS,EAC9BD,EAAK,YAAY,IAAI,EAErB,KAAM,CAAC,WAAAE,EAAY,iBAAAC,CAAgB,EAAIC,EAAW,EAC5CC,EAAOC,IACPC,EAAKC,IACXC,EAAM,IAAMF,EAAG,OAAO,MAAO,IAAM,CAClCJ,EAAiBI,EAAG,MAAM,CAAA,CAC1B,EAEDE,EAAMJ,EAAM,IAAM,CACXA,GAAQA,EAAK,aAAe,kBACjC,OAAO,SAAS,KAAO,SACxB,CACA,EAED,MAAMK,EAAY,CACjB,OAAQ,CACP,SAAU,CACT,YAAa,gCACb,WAAY,GACZ,MAAO,OACR,CACD,EACA,OAAQ,CACP,KAAM,CACL,WAAY,GACZ,MAAO,kBACP,MAAO,CACR,EACA,aAAc,CACb,MAAO,CACR,EACA,MAAO,CACN,MAAO,CACR,CACD,CAAA"}