{"version":3,"sources":["webpack:///./src/views/AuthChangePhoneNumber.vue?679f","webpack:///src/views/AuthChangePhoneNumber.vue","webpack:///./src/views/AuthChangePhoneNumber.vue?c1f5","webpack:///./src/views/AuthChangePhoneNumber.vue","webpack:///./src/helpers/formHelper.js","webpack:///./src/views/AuthChangePhoneNumber.vue?77c1"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","model","value","callback","$$v","hasUnknownError","expression","_s","unknownErrorMessage","hasError","errorMessage","isSucceded","ref","scopedSlots","_u","key","fn","passes","on","$event","preventDefault","onSubmit","reset","valid","errors","changed","onValidateField","form","$set","staticRenderFns","newNumber","isSubmitting","component","errorHandler","formInstance","forEach","error","extensions","errorType","$t","fieldName","i18n","$refs","observer","setErrors","validateField"],"mappings":"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","file":"js/chunk-32b1cdb2.96b4aea4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login-spacing\"},[_c('h1',[_vm._v(\"Telefonnr. für Bestätigungscode\")]),_c('div',{staticClass:\"login-form-wrapper\"},[_c('b-alert',{attrs:{\"variant\":\"danger\"},model:{value:(_vm.hasUnknownError),callback:function ($$v) {_vm.hasUnknownError=$$v},expression:\"hasUnknownError\"}},[_vm._v(\" \"+_vm._s(_vm.unknownErrorMessage)+\" \")]),_c('b-alert',{attrs:{\"variant\":\"danger\"},model:{value:(_vm.hasError),callback:function ($$v) {_vm.hasError=$$v},expression:\"hasError\"}},[_vm._v(\" \"+_vm._s(_vm.errorMessage)+\" \")]),(_vm.isSucceded)?_c('b-alert',{attrs:{\"variant\":\"success\"},model:{value:(_vm.isSucceded),callback:function ($$v) {_vm.isSucceded=$$v},expression:\"isSucceded\"}},[_vm._v(\" Die Telefonnr. wurde erfolgreich geändert. \"),_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"zum Login\")])],1):_c('validation-observer',{ref:\"observer\",scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar passes = ref.passes;\nreturn [_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();return passes(_vm.onSubmit)},\"reset\":function($event){$event.preventDefault();return _vm.reset($event)}}},[_c('validation-provider',{attrs:{\"vid\":\"newNumber\",\"rules\":\"phoneNumber\",\"name\":\"newNumber\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar valid = ref.valid;\nvar errors = ref.errors;\nvar changed = ref.changed;\nreturn [_c('b-form-group',{attrs:{\"id\":\"input-group-new-number\",\"label\":\"Telefonnr.\",\"label-for\":\"input-new-number\"}},[_c('b-form-input',{attrs:{\"id\":\"input-new-number\",\"state\":_vm.onValidateField(valid, errors, changed),\"placeholder\":\"Format: +41 79 999 99 99\"},model:{value:(_vm.form.newNumber),callback:function ($$v) {_vm.$set(_vm.form, \"newNumber\", $$v)},expression:\"form.newNumber\"}}),_c('small',[_vm._v(\"Sie erhalten beim Einloggen einen Bestätigungscode auf diese Telefonnr.\")]),_c('b-form-invalid-feedback',{staticClass:\"input-live-feedback\"},[_vm._v(_vm._s(errors[0]))])],1)]}}],null,true)}),(_vm.isSubmitting)?_c('b-button',{staticClass:\"w-100\",attrs:{\"type\":\"submit\",\"variant\":\"primary\",\"disabled\":\"\"}},[_c('b-spinner',{attrs:{\"small\":\"\"}}),_vm._v(\" Speichern \")],1):_c('b-button',{staticClass:\"w-100\",attrs:{\"type\":\"submit\",\"variant\":\"primary\"}},[_vm._v(\"Speichern\")])],1)]}}])})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"login-spacing\">\n    <h1>Telefonnr. für Bestätigungscode</h1>\n    <div class=\"login-form-wrapper\">\n\n      <b-alert v-model=\"hasUnknownError\" variant=\"danger\">\n        {{ unknownErrorMessage }}\n      </b-alert>\n\n      <b-alert v-model=\"hasError\" variant=\"danger\">\n        {{ errorMessage }}\n      </b-alert>\n\n      <b-alert v-model=\"isSucceded\" variant=\"success\" v-if=\"isSucceded\">\n        Die Telefonnr. wurde erfolgreich geändert.\n        <router-link to=\"/\">zum Login</router-link>\n      </b-alert>\n\n      <validation-observer ref=\"observer\" v-slot=\"{ passes }\" v-else>\n        <b-form @submit.prevent=\"passes(onSubmit)\" @reset.prevent=\"reset\">\n\n          <validation-provider vid=\"newNumber\" rules=\"phoneNumber\" name=\"newNumber\" v-slot=\"{ valid, errors, changed }\">\n            <b-form-group id=\"input-group-new-number\" label=\"Telefonnr.\" label-for=\"input-new-number\">\n              <b-form-input\n                id=\"input-new-number\"\n                v-model=\"form.newNumber\"\n                :state=\"onValidateField(valid, errors, changed)\"\n                placeholder=\"Format: +41 79 999 99 99\"\n              ></b-form-input>\n              <small>Sie erhalten beim Einloggen einen Bestätigungscode auf diese Telefonnr.</small>\n              <b-form-invalid-feedback class=\"input-live-feedback\">{{ errors[0] }}</b-form-invalid-feedback>\n            </b-form-group>\n          </validation-provider>\n\n          <b-button type=\"submit\" variant=\"primary\" class=\"w-100\" disabled v-if=\"isSubmitting\">\n            <b-spinner small></b-spinner>\n            Speichern\n          </b-button>\n          <b-button type=\"submit\" variant=\"primary\" class=\"w-100\" v-else>Speichern</b-button>\n        </b-form>\n      </validation-observer>\n    </div>\n  </div>\n</template>\n\n<script>\n  import { ValidationObserver, ValidationProvider } from 'vee-validate'\n  import { errorHandler, validateField } from '@/helpers/formHelper.js'\n\n  const getInitialData = () => ({\n    form: {\n      newNumber: ''\n    }\n  })\n\n  export default {\n    components: {\n      ValidationObserver,\n      ValidationProvider\n    },\n    data: () => ({\n      isSubmitting: false,\n      isSucceded: false,\n      hasUnknownError: false,\n      unknownErrorMessage: '',\n      hasError: false,\n      errorMessage: '',\n      ...getInitialData()\n    }),\n    methods: {\n      async onSubmit () {\n        this.isSubmitting = true\n        this.hasUnknownError = false\n        this.hasError = false\n\n        this.$store.dispatch('user/CHANGE_MOBILE_NUMBER', this.form).then(res => {\n          const { data, errors } = res\n\n          if (errors) {\n            const error = errors[0].extensions\n\n            if (error.code === 'LOGIN_SESSION_EXPIRED') {\n              this.$router.push({ name: 'login' }).catch((e) => {})\n            }\n\n            this.isSubmitting = false\n            return errorHandler(this, errors)\n          }\n\n          const { ok } = data.userChangeIdentificationNumber\n          if (ok) {\n            this.isSucceded = true\n          }\n          this.isSubmitting = false\n          this.reset()\n        }).catch(err => {\n          this.isSubmitting = false\n          this.hasUnknownError = true\n          this.unknownErrorMessage = this.$t('formError.unknownwError')\n          console.error(err)\n        })\n      },\n      onValidateField (valid, errors, changed) {\n        return validateField(valid, errors, changed)\n      },\n      reset () {\n        Object.assign(this.$data, getInitialData())\n        requestAnimationFrame(() => {\n          this.$refs.observer.reset()\n        })\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .login-spacing{\n    margin-top: 7rem;\n    margin-bottom: 7rem;\n  }\n  .login-form-wrapper{\n    max-width: 320px;\n    margin: 0 auto;\n  }\n\n  .alert-success a{\n    color: #155724;\n  }\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AuthChangePhoneNumber.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AuthChangePhoneNumber.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AuthChangePhoneNumber.vue?vue&type=template&id=201642c6&scoped=true&\"\nimport script from \"./AuthChangePhoneNumber.vue?vue&type=script&lang=js&\"\nexport * from \"./AuthChangePhoneNumber.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AuthChangePhoneNumber.vue?vue&type=style&index=0&id=201642c6&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  \"201642c6\",\n  null\n  \n)\n\nexport default component.exports","export const errorHandler = (formInstance, errors) => {\n  formInstance.formInstance = false\n  formInstance.hasUnknownError = false\n  formInstance.hasError = false\n\n  errors.forEach(error => {\n    /*\n      Fehlerbehandlung für Errors, die keine errorExtension auf dem\n      Server zurückgeben -> Unbekannte Fehler\n    */\n    if (!error.extensions || !error.extensions.errorType) {\n      formInstance.hasUnknownError = true\n      formInstance.unknownErrorMessage = formInstance.$t('formError.unknownwError')\n      return\n    }\n\n    const { fieldName, i18n, errorType } = error.extensions\n\n    /*\n      Fehlerbehandlung für Errors die spezifisch sind aber nicht auf ein Feld gemappt werden\n      Erscheinen als alert über dem Form\n    */\n    if (errorType === 'InvalidCredentials' || errorType === 'TokenError' || errorType === 'ReferencedDependencyError') {\n      formInstance.hasError = true\n      formInstance.errorMessage = formInstance.$t(`formError.${i18n}`)\n      return\n    }\n\n    /*\n      Fehlerbehandlung für Errors, die auf ein spezifisches Formfeld gemappt werden\n    */\n    if (errorType === 'UserInputError') {\n      formInstance.$refs.observer.setErrors({\n        [fieldName]: [formInstance.$t(`formError.${i18n}`)]\n      })\n      return\n    }\n\n    formInstance.hasUnknownError = true\n    formInstance.unknownErrorMessage = formInstance.$t('formError.unknownwError')\n  })\n}\n\nexport const validateField = (valid, errors, changed) => {\n  if (!changed && !errors[0]) {\n    return null\n  }\n\n  return errors[0] ? false : null\n}\n","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AuthChangePhoneNumber.vue?vue&type=style&index=0&id=201642c6&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AuthChangePhoneNumber.vue?vue&type=style&index=0&id=201642c6&lang=scss&scoped=true&\""],"sourceRoot":""}