{"version":3,"file":"AuthForm-9c6a5c3f-chunk.js","sources":["../../../../app/javascript/mints-components/cali-login/AuthForm.vue"],"sourcesContent":["<template>\r\n  <form role=\"form\" class=\"cali__login-text-start\" v-auto-animate>\r\n    <div class=\"cali__login-mb-3\">\r\n      <div class=\"cali__login-group form-group\">\r\n        <label for=\"email\" class=\"form-label secondary-label floating-label\"> Correo electrónico</label> \r\n        <input id=\"email\"\r\n               type=\"email\"\r\n               class=\"form-control cali__login-input\"\r\n               name=\"email\"\r\n               placeholder=\"Correo electrónico\"\r\n               autocomplete=\"off\"\r\n               :class=\"{'cali__login-error': v$?.credentials?.email?.$errors?.length > 0}\"\r\n               v-model=\"credentials.email\">\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"cali__login-mb-3\" v-if=\"options?.password?.enabled && showPasswordField\">\r\n      <div class=\"cali__login-group form-group\">\r\n        <label for=\"password\" class=\"form-label secondary-label floating-label\"> Contraseña </label>\r\n\r\n        <input id=\"password\"\r\n               type=\"password\"\r\n               class=\"form-control cali__login-input\"\r\n               name=\"password\"\r\n               placeholder=\"Contraseña\"\r\n               :class=\"{'cali__login-error': v$?.credentials?.password?.$errors?.length > 0}\"\r\n               v-model=\"credentials.password\">\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"cali__login-text-center align-content-mobile\">\r\n      <button class=\"cali__login-button\"\r\n              :disabled=\"loading\"\r\n              @click.prevent=\"validate\">\r\n        <div v-if=\"loading\" class=\"cali__login-spinner\"></div>\r\n        <span v-else>{{ showPasswordField ? 'Iniciar sesión' : 'Enviar' }}</span>\r\n      </button>\r\n    </div>\r\n\r\n    <div class=\"cali__login-text-end align-content-mobile mt-3 font-xs\"\r\n         :class=\"{'cali__login-link-mt': !showPasswordField}\"\r\n         v-if=\"options?.password?.enabled && options?.magicLink?.enabled\">\r\n      Si prefieres, <a class=\"cali__login-link\" @click.prevent=\"changeFields\">\r\n        {{ showPasswordField ? 'inicia sesión con un Magic Link' : 'inicia sesión con tu contraseña' }}\r\n      </a>\r\n    </div>\r\n  </form>\r\n</template>\r\n\r\n<script>\r\nimport useVuelidate from \"@vuelidate/core\";\r\nimport { required, email } from '@vuelidate/validators'\r\n\r\nexport default {\r\n  setup() {\r\n    return { v$: useVuelidate() };\r\n  },\r\n  props: {\r\n    options: {\r\n      type: Object,\r\n      required: true\r\n    },\r\n    showPasswordFromLocalStorage: {\r\n      type: Boolean\r\n    }\r\n  },\r\n  data: () => ({\r\n    credentials: {},\r\n    showPasswordField: false,\r\n    loading: false\r\n  }),\r\n  created () {\r\n    this.showPasswordField = this.showPasswordFromLocalStorage\r\n  },\r\n  computed: {\r\n    credentialsRules() {\r\n      let defaultRules = { credentials: { email: { required, email }}};\r\n\r\n      if (this.showPasswordField) {\r\n        defaultRules.credentials.password = { required }\r\n      }\r\n\r\n      return defaultRules\r\n    },\r\n    url() {\r\n      return this.showPasswordField ? this.options?.password?.url : this.options?.magicLink?.url\r\n    },\r\n    headers() {\r\n      return { Accept: \"application/json\", \"Content-Type\": \"application/json\", ...this.options?.headers }\r\n    },\r\n    type() {\r\n      return this.showPasswordField ? 'password' : 'magic link'\r\n    }\r\n  },\r\n  methods: {\r\n    changeFields() {\r\n      this.v$.$reset()\r\n      this.showPasswordField = !this.showPasswordField;\r\n\r\n      localStorage.setItem(\"loginMode\",this.showPasswordField);\r\n\r\n      this.$emit('changeMode', this.showPasswordField)\r\n    },\r\n    resetErrors() {\r\n      this.v$.$reset();\r\n    },\r\n    validate() {\r\n      this.v$.$validate().then(value => {\r\n        if (value) {\r\n          this.submit();\r\n        }\r\n      });\r\n    },\r\n    async submit() {\r\n      if (this.loading) return;\r\n      this.loading = true;\r\n\r\n      const options = {\r\n        method: \"POST\",\r\n        headers: this.headers,\r\n        body: JSON.stringify({ data: { ...this.credentials, type: this.type} }),\r\n      };\r\n\r\n      if (this.url) {\r\n        try {\r\n          let response = await fetch(this.url, options)\r\n\r\n          if (response.status >= 200 && response.status < 300) {\r\n            this.$emit('onSubmit', { ...response, type: this.type, credentials: this.credentials })\r\n            this.resetErrors();\r\n          } else {\r\n            this.$emit('onError', {\r\n              error: await response.json(),\r\n              type: this.type,\r\n              credentials: this.credentials\r\n            })\r\n          }\r\n        } catch (e) {\r\n          this.$emit('onError', {\r\n            error: e,\r\n            type: this.type,\r\n            credentials: this.credentials\r\n          })\r\n        }\r\n      } else {\r\n        console.error('No api configured for ' + this.type + ' request, options prop example: ', {\r\n          magicLink: { enabled: true, url: 'api_url'},\r\n          password: { enabled: true, url: 'api_url' },\r\n          headers: '...your headers here'\r\n        })\r\n      }\r\n\r\n      this.loading = false;\r\n    }\r\n  },\r\n  validations() {\r\n    return this.credentialsRules;\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n.cali__login-spinner{\r\n  width: 1rem !important;\r\n  max-width: 1rem !important;\r\n  height: 1rem !important;\r\n  max-height: 1rem !important;\r\n  margin: 0 !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .cali__login-input:-webkit-autofill {\r\n    -webkit-text-fill-color: inherit !important;\r\n    -webkit-box-shadow: 0 0 0px 1000px white inset !important;\r\n}\r\n.cali__login-input:focus:-webkit-autofill {\r\n    -webkit-text-fill-color: inherit !important;\r\n    -webkit-box-shadow: 0 0 0px 1000px white inset !important;\r\n}\r\n\r\n  .secondary-label {color: #999999 !important;}\r\n  .form-group {\r\n    position: relative;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n  .form-control {\r\n    padding-top: 0.7rem;\r\n  }\r\n  .floating-label {\r\n    position: absolute;\r\n    top: -0.7rem;\r\n    left: 0.75rem;\r\n    background: white;\r\n    padding-inline: 6px;\r\n    margin-inline: 10px;\r\n    z-index: 2;\r\n  }\r\n\r\n  .form-control:focus~.floating-label,\r\n  .form-control:not(:placeholder-shown)~.floating-label {\r\n    top: -0.75rem;\r\n  }\r\n  .align-content-mobile {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center !important;\r\n  }\r\n  input:-internal-autofill-selected {\r\n    background-color: white !important;\r\n  }\r\n}\r\n@media (max-width:428px) {\r\n  .font-xs {\r\n    font-size: 0.8em;\r\n  }\r\n}\r\n</style>"],"names":["_sfc_main","useVuelidate","defaultRules","required","email","_b","_a","_d","_c","value","options","response","e","_hoisted_2","_hoisted_3","_createElementVNode","_hoisted_6","_hoisted_8","_withDirectives","_openBlock","_createElementBlock","_hoisted_1","_hoisted_4","_normalizeClass","$setup","_cache","$event","_ctx","_vModelText","_f","_e","$props","_hoisted_5","_hoisted_7","_j","_i","_h","_g","$options","args","_hoisted_10","_l","_k","_n","_m"],"mappings":"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"}