{"version":3,"sources":["webpack:///./src/modules/auth/components/RecoverPasswordForm.vue","webpack:///src/modules/auth/components/RecoverPasswordForm.vue","webpack:///./src/modules/auth/components/RecoverPasswordForm.vue?26d8","webpack:///./src/modules/auth/components/RecoverPasswordForm.vue?802a","webpack:///./src/modules/auth/components/RecoverPasswordForm.vue?09ed"],"names":["render","_vm","this","_c","_self","staticClass","recoveringPassword","attrs","colorIconPrimary","_v","_s","$t","colorBackgroundWhite","model","value","loginFormEmail","callback","$$v","expression","isLoading","on","recoverPasswordLogin","$event","preventDefault","backToLogin","apply","arguments","colorIconNeutral","staticRenderFns","name","components","DfButton","DfInput","props","email","required","type","String","data","colors","computed","get","set","$emit","methods","_objectSpread","mapActions","resetApiErrorMessage","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_context","prev","next","authService","recoverPassword","sent","status","setTimeout","t0","console","error","finish","stop","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,iEAAiE,CAAEJ,EAAIK,mBAAoBH,EAAG,MAAM,CAACE,YAAY,iEAAiE,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,oBAAoB,CAACI,MAAM,CAAC,KAAO,QAAQ,MAAQN,EAAIO,qBAAqB,GAAGL,EAAG,KAAK,CAACF,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,GAAG,sBAAsB,OAAOR,EAAG,IAAI,CAACF,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,GAAG,2BAA2B,SAASR,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,KAAK,CAACF,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,GAAG,8BAA8BR,EAAG,WAAW,CAACI,MAAM,CAAC,KAAO,WAAW,mBAAmBN,EAAIW,qBAAqB,MAAQX,EAAIU,GAAG,eAAe,YAAcV,EAAIU,GAAG,sBAAsBE,MAAM,CAACC,MAAOb,EAAIc,eAAgBC,SAAS,SAAUC,GAAMhB,EAAIc,eAAeE,GAAKC,WAAW,qBAAqB,GAAGf,EAAG,YAAY,CAACI,MAAM,CAAC,KAAO,cAAc,QAAUN,EAAIkB,WAAWC,GAAG,CAAC,MAAQnB,EAAIoB,uBAAuB,CAACpB,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,GAAG,qBAAqB,OAAOR,EAAG,MAAM,CAACE,YAAY,0CAA0C,CAACF,EAAG,IAAI,CAACiB,GAAG,CAAC,MAAQ,SAASE,GAAgC,OAAxBA,EAAOC,iBAAwBtB,EAAIuB,YAAYC,MAAM,KAAMC,cAAc,CAACzB,EAAIQ,GAAG,IAAIR,EAAIS,GAAGT,EAAIU,GAAG,wBAAwB,OAAOR,EAAG,oBAAoB,CAACI,MAAM,CAAC,KAAO,cAAc,KAAO,KAAK,MAAQN,EAAI0B,qBAAqB,IAAI,MAEj7CC,EAAkB,G,yGCqDP,GACfC,KAAA,sBAEAC,WAAA,CACAC,gBACAC,gBAGAC,MAAA,CACAC,MAAA,CACAC,UAAA,EACAC,KAAAC,SAIAC,KAAA,WACA,OACA1B,qBAAA2B,IAAA3B,qBACAe,iBAAAY,IAAAZ,iBACAnB,iBAAA+B,IAAA/B,iBACAW,WAAA,EACAb,oBAAA,IAIAkC,SAAA,CACAzB,eAAA,CACA0B,IAAA,WACA,YAAAP,OAEAQ,IAAA,SAAA5B,GACA,KAAA6B,MAAA,eAAA7B,MAKA8B,QAAAC,8BAAA,GACAC,eAAA,4CACAtB,YAAA,WACA,KAAAuB,uBACA,KAAAJ,MAAA,wBAEAtB,qBAAA,eAAA2B,EAAA,YAAAC,eAAAC,iBAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,iBAAAI,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,OACA,OAAAT,EAAA7B,WAAA,EAAAoC,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAEAC,OAAAC,gBAAAX,EAAAd,OAAA,OAAAmB,EAAAE,EAAAK,KACA,MAAAP,EAAAQ,SACAb,EAAA1C,oBAAA,EACAwD,YAAA,WACAd,EAAA1C,oBAAA,IACA,MACAiD,EAAAE,KAAA,gBAAAF,EAAAC,KAAA,EAAAD,EAAAQ,GAAAR,EAAA,YAEAS,QAAAC,MAAAV,EAAAQ,IAAA,QAEA,OAFAR,EAAAC,KAAA,GAEAR,EAAA7B,WAAA,EAAAoC,EAAAW,OAAA,6BAAAX,EAAAY,UAAAf,EAAA,uBAbAH,OCjG0X,I,wBCQtXmB,EAAY,eACd,EACApE,EACA4B,GACA,EACA,KACA,WACA,MAIa,aAAAwC,E,2CCnBf","file":"js/chunk-6590dc72.65b2ab91.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"df-flex-none df-flex-col justify-center recover-password-form\"},[(_vm.recoveringPassword)?_c('div',{staticClass:\"df-flex-sm df-flex-col align-center flex-grow-0 form__message\"},[_c('div',{staticClass:\"message__icon\"},[_c('font-awesome-icon',{attrs:{\"icon\":\"check\",\"color\":_vm.colorIconPrimary}})],1),_c('h2',[_vm._v(\" \"+_vm._s(_vm.$t('login.check_email'))+\" \")]),_c('p',[_vm._v(\" \"+_vm._s(_vm.$t('login.check_email_text'))+\" \")])]):_c('div',{staticClass:\"df-flex-xl df-flex-col flex-grow-0\"},[_c('div',{staticClass:\"df-flex-l df-flex-col\"},[_c('h1',[_vm._v(_vm._s(_vm.$t('login.recover_password')))]),_c('df-input',{attrs:{\"icon\":\"envelope\",\"background-color\":_vm.colorBackgroundWhite,\"label\":_vm.$t('login.email'),\"placeholder\":_vm.$t('login.digit_email')},model:{value:(_vm.loginFormEmail),callback:function ($$v) {_vm.loginFormEmail=$$v},expression:\"loginFormEmail\"}})],1),_c('df-button',{attrs:{\"icon\":\"paper-plane\",\"loading\":_vm.isLoading},on:{\"click\":_vm.recoverPasswordLogin}},[_vm._v(\" \"+_vm._s(_vm.$t('login.send_email'))+\" \")]),_c('div',{staticClass:\"df-flex-sm align-center justify-center\"},[_c('a',{on:{\"click\":function($event){$event.preventDefault();return _vm.backToLogin.apply(null, arguments)}}},[_vm._v(\" \"+_vm._s(_vm.$t('login.back_to_login'))+\" \")]),_c('font-awesome-icon',{attrs:{\"icon\":\"arrow-right\",\"size\":\"xs\",\"color\":_vm.colorIconNeutral}})],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"df-flex-none df-flex-col justify-center recover-password-form\">\n    <div\n      v-if=\"recoveringPassword\"\n      class=\"df-flex-sm df-flex-col align-center flex-grow-0 form__message\"\n    >\n      <div class=\"message__icon\">\n        <font-awesome-icon icon=\"check\" :color=\"colorIconPrimary\" />\n      </div>\n      <h2>\n        {{ $t('login.check_email') }}\n      </h2>\n      <p>\n        {{ $t('login.check_email_text') }}\n      </p>\n    </div>\n    <div v-else class=\"df-flex-xl df-flex-col flex-grow-0\">\n      <div class=\"df-flex-l df-flex-col\">\n        <h1>{{ $t('login.recover_password') }}</h1>\n        <df-input\n          v-model=\"loginFormEmail\"\n          icon=\"envelope\"\n          :background-color=\"colorBackgroundWhite\"\n          :label=\"$t('login.email')\"\n          :placeholder=\"$t('login.digit_email')\"\n        />\n      </div>\n      <df-button\n        icon=\"paper-plane\"\n        :loading=\"isLoading\"\n        @click=\"recoverPasswordLogin\"\n      >\n        {{ $t('login.send_email') }}\n      </df-button>\n      <div class=\"df-flex-sm align-center justify-center\">\n        <a @click.prevent=\"backToLogin\">\n          {{ $t('login.back_to_login') }}\n        </a>\n        <font-awesome-icon\n          icon=\"arrow-right\"\n          size=\"xs\"\n          :color=\"colorIconNeutral\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport authService from '@/modules/auth/services/authService.js'\nimport colors from '@/assets/styles/__colors.module.scss'\nimport DfButton from '@/lib/components/Button/DfButton.vue'\nimport DfInput from '@/lib/components/Input/DfInput.vue'\nimport { mapActions } from 'vuex'\n\nexport default {\n  name: 'RecoverPasswordForm',\n\n  components: {\n    DfButton,\n    DfInput,\n  },\n\n  props: {\n    email: {\n      required: true,\n      type: String,\n    },\n  },\n\n  data() {\n    return {\n      colorBackgroundWhite: colors.colorBackgroundWhite,\n      colorIconNeutral: colors.colorIconNeutral,\n      colorIconPrimary: colors.colorIconPrimary,\n      isLoading: false,\n      recoveringPassword: false,\n    }\n  },\n\n  computed: {\n    loginFormEmail: {\n      get() {\n        return this.email\n      },\n      set(value) {\n        this.$emit('change-email', value)\n      },\n    },\n  },\n\n  methods: {\n    ...mapActions('apiManager', ['resetApiErrorMessage']),\n    backToLogin() {\n      this.resetApiErrorMessage()\n      this.$emit('recover-password', false)\n    },\n    async recoverPasswordLogin() {\n      this.isLoading = true\n      try {\n        const response = await authService.recoverPassword(this.email)\n        if (response.status === 201) {\n          this.recoveringPassword = true\n          setTimeout(() => {\n            this.recoveringPassword = false\n          }, 5000)\n        }\n      } catch (error) {\n        console.error(error)\n      } finally {\n        this.isLoading = false\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.recover-password-form {\n  .form__message {\n    .message__icon {\n      background-color: $color-background-primary-lightest;\n      border-radius: $border-radius-xxl;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 45px !important;\n      height: 45px !important;\n    }\n    h2 {\n      @include heading-small;\n      color: $color-text-secondary;\n    }\n    p {\n      @include paragraph-small;\n      color: $color-text-neutral;\n      text-align: center;\n    }\n  }\n  h1 {\n    @include heading-small;\n    color: $color-text-secondary;\n  }\n  a {\n    @include paragraph-small;\n    color: $color-text-neutral;\n    text-decoration-line: underline;\n  }\n}\n.contact {\n  color: #5b6459;\n  font-family: 'Source Sans Pro';\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecoverPasswordForm.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecoverPasswordForm.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RecoverPasswordForm.vue?vue&type=template&id=335a783a&scoped=true\"\nimport script from \"./RecoverPasswordForm.vue?vue&type=script&lang=js\"\nexport * from \"./RecoverPasswordForm.vue?vue&type=script&lang=js\"\nimport style0 from \"./RecoverPasswordForm.vue?vue&type=style&index=0&id=335a783a&prod&lang=scss&scoped=true\"\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  \"335a783a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RecoverPasswordForm.vue?vue&type=style&index=0&id=335a783a&prod&lang=scss&scoped=true\""],"sourceRoot":""}