{"version":3,"sources":["webpack:///./src/views/ConfirmEmail.vue?580c","webpack:///./src/views/ConfirmEmail.vue?223e","webpack:///src/views/ConfirmEmail.vue","webpack:///./src/views/ConfirmEmail.vue?41c9","webpack:///./src/views/ConfirmEmail.vue?96ef"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$vuetify","breakpoint","lgAndUp","class","smAndDown","sm","_v","mdAndUp","mdAndDown","success","_e","rules","required","on","pasteCode","$event","nextFocus","model","value","callback","$$v","code1","expression","ref","code2","code3","code4","code5","_s","error","loading","confirmEmail","resentCode","resendCodeEmail","logout","staticRenderFns","name","components","AppHeaderPublic","AppFooterPublic","computed","methods","length","e","s_ref","includes","which","$refs","focus","$el","querySelector","select","evt","preventDefault","paste_data","clipboardData","getData","trim","split","i","undefined","el","document","getElementById","dispatchEvent","Event","isCodeCorrect","resp","confirmEmailUser","code","data","output","$router","push","go","message","resendConfirmationEmailUser","signOut","then","replace","window","location","reload","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCol","VContainer","VForm","VIcon","VRow","VTextField"],"mappings":"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","file":"js/chunk-59a3d670.eadd42fb.js","sourcesContent":["export * from \"-!../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConfirmEmail.vue?vue&type=style&index=0&id=23447614&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-style\"},[_c('app-header-public',{attrs:{\"transparentHeader\":true,\"hrefSignupOnPage\":true}}),_c('section',[_c('v-container',{staticClass:\"fill-height pb-16 hero__confirm__email\",attrs:{\"fluid\":\"\"}},[_c('v-row',{attrs:{\"align\":\"center\",\"justify\":\"space-around\"}},[_c('v-col',{attrs:{\"lg\":\"6\",\"xl\":\"5\",\"sm\":\"12\",\"xs\":\"12\",\"md\":\"6\"}},[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-col',{attrs:{\"cols\":_vm.$vuetify.breakpoint.lgAndUp ? 9:12}},[_c('v-container',{class:{ 'text-center': _vm.$vuetify.breakpoint.smAndDown },attrs:{\"fluid\":true}},[_c('div',{class:{ 'mx-12': _vm.$vuetify.breakpoint.sm }},[_c('p',{staticClass:\"white--text text-h6 text-uppercase\"},[_vm._v(\"Contabilidad automatizada\")]),_c('h1',{staticClass:\"white--text font-weight-bold mt-5 mb-2\",class:{'text-h3':_vm.$vuetify.breakpoint.mdAndUp,'text-h5':_vm.$vuetify.breakpoint.smAndDown}},[_vm._v(\"\\n                                    ¡Hola! Soy Inmatic. Tu robot contable.\\n                                \")]),_c('p',{staticClass:\"white--text mb-2 text--darken-3\"},[_vm._v(\"\\n                                    Descubre como liberar la carga de trabajo y el tiempo que te requiere picar facturas\\n                                    de forma simple y ágil.\\n                                \")]),_c('h2',{staticClass:\"white--text mb-2\"},[_vm._v(\"¿Qué consigues con nuestra prueba gratuita?\")]),_c('ul',{staticClass:\"white--text mb-3 text--darken-3\"},[_c('li',[_vm._v(\"\\n                                        Aprovecha una solución basada en inteligencia artificial para reducir a la mitad el\\n                                        tiempo de contabilización de tus facturas.\\n                                    \")]),_c('li',[_vm._v(\"\\n                                        Aumenta la eficacia de tu gestoría creando un modelo de trabajo escalable.\\n                                    \")]),_c('li',[_vm._v(\"\\n                                        Motoriza de principio a fin el proceso contable.\\n                                    \")])])])])],1)],1)],1),_c('v-col',{staticClass:\"signup__form__column\",attrs:{\"order\":_vm.$vuetify.breakpoint.mdAndUp ? '' : 'first',\"lg\":\"6\",\"xl\":\"5\",\"sm\":\"12\",\"xs\":\"12\",\"md\":\"6\"}},[_c('div',{class:{'mx-5':_vm.$vuetify.breakpoint.mdAndDown}},[_c('v-card',{staticClass:\"mx-auto rounded-xl py-6 px-8 lighten-5 signup__form__card\",class:_vm.$vuetify.breakpoint.mdAndUp ? 'mt-5' : '',attrs:{\"color\":\"#F2F1FF\",\"width\":\"400\",\"elevation\":\"3\"}},[_c('div',{staticClass:\"text-center\"},[_c('div',{staticClass:\"mdi-stack\"},[_c('v-icon',{staticClass:\"mdi-stack-1\"},[_vm._v(\"\\n                              mdi-email-outline\\n                            \")]),_c('v-icon',{staticClass:\"mdi-stack-2\"},[_vm._v(\"\\n                              mdi-circle\\n                            \")])],1)]),_c('v-card-title',{staticClass:\"primary--text justify-center confirm__email__form__title\"},[_c('b',[_vm._v(\"Revisa tu correo\")])]),_c('v-card-text',{staticClass:\"text-center pb-0\"},[_vm._v(\"Le hemos enviado un email con un código de verificación\")]),(!_vm.success)?_c('v-card-text',{staticClass:\"py-0\"},[_c('v-form',{attrs:{\"id\":\"confirm-email-form\"}},[_c('v-row',[_c('v-col',[_c('v-text-field',{staticClass:\"centered-input\",attrs:{\"id\":\"code1\",\"rules\":[_vm.rules.required],\"single-line\":\"\",\"maxlength\":1},on:{\"paste\":_vm.pasteCode,\"keyup\":function($event){return _vm.nextFocus($event, 'code2')}},model:{value:(_vm.code1),callback:function ($$v) {_vm.code1=$$v},expression:\"code1\"}})],1),_c('v-col',[_c('v-text-field',{ref:\"code2\",staticClass:\"centered-input\",attrs:{\"id\":\"code2\",\"rules\":[_vm.rules.required],\"single-line\":\"\",\"maxlength\":1},on:{\"keyup\":function($event){return _vm.nextFocus($event, 'code3')}},model:{value:(_vm.code2),callback:function ($$v) {_vm.code2=$$v},expression:\"code2\"}})],1),_c('v-col',[_c('v-text-field',{ref:\"code3\",staticClass:\"centered-input\",attrs:{\"id\":\"code3\",\"rules\":[_vm.rules.required],\"single-line\":\"\",\"maxlength\":1},on:{\"keyup\":function($event){return _vm.nextFocus($event, 'code4')}},model:{value:(_vm.code3),callback:function ($$v) {_vm.code3=$$v},expression:\"code3\"}})],1),_c('v-col',[_c('v-text-field',{ref:\"code4\",staticClass:\"centered-input\",attrs:{\"id\":\"code4\",\"rules\":[_vm.rules.required],\"single-line\":\"\",\"maxlength\":1},on:{\"keyup\":function($event){return _vm.nextFocus($event, 'code5')}},model:{value:(_vm.code4),callback:function ($$v) {_vm.code4=$$v},expression:\"code4\"}})],1),_c('v-col',[_c('v-text-field',{ref:\"code5\",staticClass:\"centered-input\",attrs:{\"id\":\"code5\",\"rules\":[_vm.rules.required],\"single-line\":\"\",\"maxlength\":1},model:{value:(_vm.code5),callback:function ($$v) {_vm.code5=$$v},expression:\"code5\"}})],1)],1),(_vm.error)?_c('p',{staticClass:\"red--text text-center\"},[_vm._v(_vm._s(_vm.error))]):_vm._e()],1)],1):_vm._e(),(!_vm.success)?_c('v-card-actions',{staticClass:\"justify-center my-2 py-0\"},[_c('v-btn',{staticClass:\"px-6 mb-2 white--text font-weight-bold\",attrs:{\"large\":\"\",\"rounded\":\"\",\"elevation\":\"0\",\"color\":\"#00BFFF\",\"loading\":_vm.loading},on:{\"click\":_vm.confirmEmail}},[_vm._v(\"\\n                                Verificar\\n                            \")])],1):_vm._e(),_c('v-card-text',[(!_vm.success && !_vm.resentCode)?_c('p',{staticClass:\"link-resent-code justify-center\",on:{\"click\":_vm.resendCodeEmail}},[_vm._v(\"Solicitar nuevo código de verificación\")]):(!_vm.success && _vm.resentCode)?_c('p',{staticClass:\"text-center\"},[_vm._v(\"Se le ha enviado un nuevo código para verificar su cuenta. Compruebe la bandeja de entrada de su email.\")]):_vm._e(),_c('p',{staticClass:\"link-resent-code justify-center\",on:{\"click\":_vm.logout}},[_vm._v(\"Cerrar sesión\")])])],1)],1)])],1)],1)],1),_c('app-footer-public')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"content-style\">\n    <app-header-public :transparentHeader=\"true\" :hrefSignupOnPage=\"true\"/>\n    <section>\n      <v-container \n          fluid \n          class=\"fill-height pb-16 hero__confirm__email\"\n      >\n          <v-row align=\"center\" justify=\"space-around\">\n              <v-col lg=\"6\" xl=\"5\" sm=\"12\" xs=\"12\" md=\"6\">\n                  <v-row justify=\"center\">\n                      <v-col :cols=\"$vuetify.breakpoint.lgAndUp ? 9:12\" >\n                          <v-container :fluid=\"true\" :class=\"{ 'text-center': $vuetify.breakpoint.smAndDown }\">\n                              <div :class=\"{ 'mx-12': $vuetify.breakpoint.sm }\">\n                                  <p class=\"white--text text-h6 text-uppercase\">Contabilidad automatizada</p>\n                                  <h1 :class=\"{'text-h3':$vuetify.breakpoint.mdAndUp,'text-h5':$vuetify.breakpoint.smAndDown}\" class=\"white--text font-weight-bold mt-5 mb-2\">\n                                      ¡Hola! Soy Inmatic. Tu robot contable.\n                                  </h1>\n                                  <p class=\"white--text mb-2 text--darken-3\">\n                                      Descubre como liberar la carga de trabajo y el tiempo que te requiere picar facturas\n                                      de forma simple y ágil.\n                                  </p>\n                                  <h2 class=\"white--text mb-2\">¿Qué consigues con nuestra prueba gratuita?</h2>\n                                  <ul class=\"white--text mb-3 text--darken-3\">\n                                      <li>\n                                          Aprovecha una solución basada en inteligencia artificial para reducir a la mitad el\n                                          tiempo de contabilización de tus facturas.\n                                      </li>\n                                      <li>\n                                          Aumenta la eficacia de tu gestoría creando un modelo de trabajo escalable.\n                                      </li>\n                                      <li>\n                                          Motoriza de principio a fin el proceso contable.\n                                      </li>\n                                  </ul>\n                              </div>\n                          </v-container>\n                      </v-col>\n                  </v-row>\n              </v-col>\n\n              <v-col \n                  :order=\"$vuetify.breakpoint.mdAndUp ? '' : 'first'\" \n                  lg=\"6\" xl=\"5\" sm=\"12\" xs=\"12\" md=\"6\"\n                  class=\"signup__form__column\"\n              >\n                  <div :class=\"{'mx-5':$vuetify.breakpoint.mdAndDown}\">\n                      <v-card\n                          color=\"#F2F1FF\"\n                          width=\"400\" \n                          class=\"mx-auto rounded-xl py-6 px-8 lighten-5 signup__form__card\"\n                          elevation=\"3\"\n                          :class=\"$vuetify.breakpoint.mdAndUp ? 'mt-5' : ''\"\n                      >\n                          <div class=\"text-center\">\n                            <div class=\"mdi-stack\">\n                              <v-icon class=\"mdi-stack-1\">\n                                mdi-email-outline\n                              </v-icon>\n                              <v-icon class=\"mdi-stack-2\">\n                                mdi-circle\n                              </v-icon>                          \n                            </div>\n                          </div>\n                          <v-card-title class=\"primary--text justify-center confirm__email__form__title\">                            \n                              <b>Revisa tu correo</b>\n                          </v-card-title>\n                          <v-card-text class=\"text-center pb-0\">Le hemos enviado un email con un código de verificación</v-card-text>\n                          <v-card-text class=\"py-0\" v-if=\"!success\"> \n                              <v-form id=\"confirm-email-form\">\n                                <v-row>\n                                    <v-col> \n                                      <v-text-field \n                                        class=\"centered-input\"\n                                        id=\"code1\"                             \n                                        v-model=\"code1\"                                                                \n                                        :rules=\"[rules.required]\"\n                                        single-line\n                                        :maxlength=\"1\"                                         \n                                        @paste=\"pasteCode\"\n                                        @keyup=\"nextFocus($event, 'code2')\"\n                                      ></v-text-field>\n                                    </v-col>\n                                    <v-col>\n                                      <v-text-field\n                                        class=\"centered-input\"\n                                        id=\"code2\"                                                           \n                                        v-model=\"code2\"                                                                \n                                        :rules=\"[rules.required]\"\n                                        single-line                                                                           \n                                        :maxlength=\"1\"\n                                        ref=\"code2\"\n                                        @keyup=\"nextFocus($event, 'code3')\"\n                                      ></v-text-field>\n                                    </v-col>\n                                    <v-col>\n                                      <v-text-field\n                                        class=\"centered-input\"\n                                        id=\"code3\"                             \n                                        v-model=\"code3\"\n                                        :rules=\"[rules.required]\"                                                                \n                                        single-line\n                                        :maxlength=\"1\"\n                                        ref=\"code3\"\n                                        @keyup=\"nextFocus($event, 'code4')\"                                                                           \n                                      ></v-text-field>\n                                    </v-col>\n                                    <v-col>\n                                      <v-text-field\n                                        class=\"centered-input\"\n                                        id=\"code4\"                             \n                                        v-model=\"code4\"\n                                        :rules=\"[rules.required]\"                                                                \n                                        single-line\n                                        :maxlength=\"1\"\n                                        ref=\"code4\"\n                                        @keyup=\"nextFocus($event, 'code5')\"\n                                      ></v-text-field>\n                                    </v-col>\n                                    <v-col>\n                                      <v-text-field\n                                        class=\"centered-input\"\n                                        id=\"code5\"                             \n                                        v-model=\"code5\"\n                                        :rules=\"[rules.required]\"                                                                \n                                        single-line\n                                        :maxlength=\"1\"\n                                        ref=\"code5\"\n                                      ></v-text-field>\n                                    </v-col>\n                                </v-row>                                                                                         \n                                <p v-if=\"error\" class=\"red--text text-center\">{{error}}</p>\n                              </v-form>\n                          </v-card-text>                                                \n                          <v-card-actions class=\"justify-center my-2 py-0\" v-if=\"!success\">\n                              <v-btn large rounded elevation=\"0\" class=\"px-6 mb-2 white--text font-weight-bold\" color=\"#00BFFF\" :loading='loading' @click=\"confirmEmail\">\n                                  Verificar\n                              </v-btn>\n                          </v-card-actions>\n                          <v-card-text >\n                              <p v-if=\"!success && !resentCode\" class=\"link-resent-code justify-center\" @click=\"resendCodeEmail\">Solicitar nuevo código de verificación</p>\n                              <p v-else-if=\"!success && resentCode\" class=\"text-center\">Se le ha enviado un nuevo código para verificar su cuenta. Compruebe la bandeja de entrada de su email.</p>\n                              <p class=\"link-resent-code justify-center\" @click=\"logout\">Cerrar sesión</p>\n                          </v-card-text>                                        \n                      </v-card>\n                  </div>\n              </v-col>\n          </v-row>\n      </v-container>\n    </section>\n    \n    <app-footer-public/>\n  </div>\n</template>\n\n<script>\nimport { mapActions } from \"vuex\";\nimport AppHeaderPublic from \"@/components/layout/AppHeaderPublic\";\nimport AppFooterPublic from \"@/components/layout/AppFooterPublic\";\n\nexport default {\n  name: 'ConfirmEmail',\n  components: {\n    AppHeaderPublic,\n    AppFooterPublic,    \n  },\n  data() {\n\t\treturn {\n      loading: false,      \n      error:'',\n      success: false,\n      resentCode: false,\n      code1:'',\n      code2:'',\n      code3:'',\n      code4:'',\n      code5:'',\n      rules: {\n          required: value => !!value || '',\n      }\n    }\n  },\n  computed: {    \n  }, \n  methods: {\n    isCodeCorrect() {\n      if (this.code1.length == 1 && this.code2.length == 1 && this.code3.length == 1 && this.code4.length == 1 && this.code5.length == 1) {\n        return true\n      } else {\n        this.error = \"Código incorrecto\"\n        return false\n      }\n    },\n    nextFocus: function(e, s_ref) {\n      if (![8, 9, 16, 17, 18, 20, 35, 36, 37, 38, 39, 40, 46, 144].includes(e.which)){\n        this.$refs[s_ref].focus();\n        this.$refs[s_ref].$el.querySelector('input').select();      \n      }      \n    },    \n    /*nextFocus: function (e) {            \n      const inputs = Array.from(e.target.form.querySelectorAll('input[type=\"text\"]'));\n      const index = inputs.indexOf(e.target);\n      if (index < inputs.length) {\n        inputs[index + 1].focus();\n        inputs[index + 1].select();\n      }\n    },*/\n    pasteCode(evt) {\n      evt.preventDefault();\n      let paste_data = evt.clipboardData.getData('text/plain').trim().split('');       \n      for (let i=0;i<5;i++){\n        if (paste_data[i] !== undefined) {\n          let el = document.getElementById(\"code\" + (i+1));\n          el.value = paste_data[i];       \n          el.dispatchEvent(new Event('input'));\n        }\n      }\n    },\n    async confirmEmail() {      \n        if (this.isCodeCorrect()) {\n            this.error = ''\n            this.resentCode = false;\n            this.loading = true;\n            try {\n                const resp = await this.confirmEmailUser({\n                    code: this.code1 + this.code2 + this.code3 + this.code4 + this.code5,\n                }); \n                \n                this.loading = false;\n                if (resp.data['output'] && 'error' in resp.data['output']) {\n                  if (resp.data.output.error.includes('InvalidConfimationCodeException')) { \n                    this.error  = \"Código de verificación del email inválido\";\n                  }\n                  else if (resp.data.output.error.includes('MaxAttemptsExceededException')) { \n                    this.error  = \"Ha excedido el número máximo de intentos, puede reenviarse nuevamente el código de verificación.\"\n                  }\n                  else {\n                    this.error = resp.data.output.error\n                  }                  \n                }\n                else {\n                  this.success = true;\n                  this.$router.push({name: \"welcome\"});\n                  this.$router.go();\n                }                      \n            } catch (error) {\n                this.loading = false;\n                this.error = error.message;\n            }\n        }\n    },\n    async resendCodeEmail() {\n      try {\n          const resp = await this.resendConfirmationEmailUser();\n          if (resp.data['output'] && 'error' in resp.data['output']) {\n            \n            if (resp.data.output.error.includes('MaxAttemptsExceededException')) { \n              this.error = \"Has sobrepasado el número máximo de reenvíos del codigo de verificación. Contacta con soporte.\"\n            }\n            else {\n                this.error = resp.data.output.error;\n            }            \n          }\n          else {\n            this.resentCode = true;\n          }\n      } catch (error) {          \n          this.error = error.message;\n      }\n\n    },\n    logout() {\n      this.signOut().then(() => {\n        this.$router.replace({ name: 'login' }, () => {\n          window.location.reload();\n        });\n      });\n    },\n    ...mapActions([\"confirmEmailUser\", \"resendConfirmationEmailUser\", \"signOut\"]),\n  }\n}\n</script>\n\n<style scoped>\n\n    .content-style {\n      height: 100%;\n      margin-top:-140px;\n    }\n    .hero__confirm__email {\n      background-image: url('/inmatic_bg_nohand.jpg');\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: cover;\n      position:relative;\n      padding-top: 140px;\n      padding-bottom:50px;\n    }\n    .signup__form__column {\n        position: relative;\n    }\n    .signup__form__card {\n        z-index: 1;\n        font-family: \"Roboto\",sans-serif!important;\n    }\n    .v-text-field--outlined fieldset {\n      color: rgba(0, 0, 0, 0) !important;\n    }\n    .signup__form__card >>> .v-input input {\n      text-align: center;\n      font-size:30px;\n      max-height: 40px;\n    }\n    .signup__form__card .mdi-stack {      \n      display: inline-block;\n      width: 5em;\n      height: 5em;\n      line-height: 5em;\n      vertical-align: middle;\n      position:relative;\n    }\n    .signup__form__card .mdi-stack .mdi-stack-1, .signup__form__card .mdi-stack .mdi-stack-2 {\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      text-align: center;\n    }\n    .signup__form__card .mdi-stack .mdi-stack-1 {\n      font-size: 3em;\n      color: #FFFFFF;\n      z-index:1;\n      top:15px;\n    }\n    .signup__form__card .mdi-stack .mdi-stack-2 {\n      font-size: 5em;\n      color: #663399;\n    }\n    .signup__form__card .link-resent-code {\n      text-decoration: underline;\n      text-align:center;\n      cursor:pointer;\n    }\n    p {\n        overflow-wrap: normal;\n        word-break: normal;\n    }\n    ul{\n        padding: 0px;\n    }\n    ul > li {\n      margin: 0;\n      list-style-type: \"\\003E\";\n      list-style-position: inside;\n    }\n    ul > li::marker {\n      color: #33ccff;\n      font-weight: bold;\n    }\n    .confirm__email__form__title {\n      font-size: 32px;\n      text-align: center;\n      overflow-wrap: normal;\n      word-break: normal;\n      hyphens: none;\n    }\n    @media screen and (min-width: 600px) {\n        .signup__form__curve {\n            position: absolute;\n            top: -5%;\n            left: 50%;\n            transform: translate(-50%, 0);\n        }\n    }\n    @media screen and (max-width: 600px) {\n        .confirm__email__form__title {\n              margin-top: 10px;\n              padding-top: 0px;\n              font-size: 24px;\n        }\n        .hero__confirm__email {\n          padding-left: 0px;\n          padding-right: 0px;\n        }\n    }\n    @media screen and (min-width: 960px) {\n        .signup__form__curve {\n            top: 0;\n            max-width: 450px;\n        }\n    }\n    .footer  {\n      margin-top:0px !important;\n    }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConfirmEmail.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConfirmEmail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ConfirmEmail.vue?vue&type=template&id=23447614&scoped=true&\"\nimport script from \"./ConfirmEmail.vue?vue&type=script&lang=js&\"\nexport * from \"./ConfirmEmail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ConfirmEmail.vue?vue&type=style&index=0&id=23447614&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"23447614\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCol,VContainer,VForm,VIcon,VRow,VTextField})\n"],"sourceRoot":""}