{"version":3,"sources":["webpack:///./src/components/views/Profile/AddEmail.vue?7e6f","webpack:///./src/components/views/Profile/AddEmailStrings.js","webpack:///src/components/views/Profile/AddEmail.vue","webpack:///./src/components/views/Profile/AddEmail.vue?a98b","webpack:///./src/components/views/Profile/AddEmail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","pageLoading","scopedSlots","_u","key","fn","bcItems","ref","loading","staticClass","labels","global","rules","requiredField","disableLabelField","model","value","callback","$$v","label","expression","showEmailVerification","_e","email","disableEmailField","emailaddress","staticStyle","on","restrictNumeric","noPaste","emailCode","_v","added","validate","_s","buttonText","close","proxy","staticRenderFns","ctx","strings","data","AddEmailStrings","validatedEmailaddress","validationKey","mode","MODE_ADD_NEW","created","$api","getEmailAddresses","username","callBack","computed","watch","length","verify","validationkey","emailcode","verifyEmailAddress","methods","resend","deleteEmailAddress","$refs","form","registerNewEmailAddress","validateEmailAddress","reset","component","VBreadcrumbs","VBtn","VCol","VForm","VRow","VSelect","VTextField"],"mappings":"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","file":"js/chunk-2d210a58.5657e99f.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('page',{attrs:{\"loading\":_vm.pageLoading},scopedSlots:_vm._u([{key:\"content\",fn:function(){return [_c('SubTopBar'),_c('v-breadcrumbs',{attrs:{\"items\":_vm.bcItems,\"divider\":\">\",\"large\":\"\"}}),_c('v-form',{ref:\"form\",attrs:{\"value\":!_vm.loading}},[_c('v-row',[_c('v-col',{staticClass:\"mb-n5\",attrs:{\"cols\":\"12\"}},[_c('v-select',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"items\":_vm.labels,\"rules\":[_vm.global.rules.requiredField],\"label\":\"Label\",\"required\":\"\",\"disabled\":_vm.disableLabelField},model:{value:(_vm.label),callback:function ($$v) {_vm.label=$$v},expression:\"label\"}})],1),(!_vm.showEmailVerification)?_c('v-col',{staticClass:\"mb-n5\",attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"rules\":[_vm.global.rules.email],\"label\":\"Email address\",\"disabled\":_vm.disableEmailField},model:{value:(_vm.emailaddress),callback:function ($$v) {_vm.emailaddress=$$v},expression:\"emailaddress\"}})],1):_vm._e(),(_vm.showEmailVerification)?_c('v-col',{staticClass:\"mb-n5\",attrs:{\"cols\":\"7\"}},[_c('v-text-field',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"rules\":[_vm.global.rules.email],\"label\":\"Email address\",\"disabled\":_vm.disableEmailField},model:{value:(_vm.emailaddress),callback:function ($$v) {_vm.emailaddress=$$v},expression:\"emailaddress\"}})],1):_vm._e(),(_vm.showEmailVerification)?_c('v-col',{staticClass:\"mb-n5\",attrs:{\"cols\":\"5\"}},[_c('v-text-field',{ref:\"verificationCode\",staticStyle:{\"height\":\"40px\"},attrs:{\"label\":\"Verification code *\",\"outlined\":\"\",\"dense\":\"\",\"append-icon\":\"mdi-help-circle-outline\",\"autocomplete\":\"off\"},on:{\"keydown\":_vm.restrictNumeric,\"paste\":_vm.noPaste},model:{value:(_vm.emailCode),callback:function ($$v) {_vm.emailCode=$$v},expression:\"emailCode\"}}),_c('v-btn',{staticClass:\"ml-0 mt-n1\",attrs:{\"text\":\"\",\"x-small\":\"\"}},[_vm._v(\"Resend code\")])],1):_vm._e(),_c('v-col',{staticClass:\"mb-n5\",attrs:{\"cols\":\"12\"}},[_c('v-btn',{attrs:{\"color\":\"primary\",\"disabled\":_vm.added},on:{\"click\":_vm.validate}},[_vm._v(_vm._s(_vm.buttonText))]),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":_vm.close}},[_vm._v(\"cancel\")])],1)],1)],1)]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default (ctx, key) => {\n  let strings = {\n    \"validate_email\": \"A verification code was sent to your email to validate your ownership. Fill in the code in the box next to your email\",\n    \"duplicate_label\": `Label ${ctx.label} is already used.`,\n    \"invalid_input\": \"The input data fails during validation.\",\n    \"something_went_wrong\": \"Something went wrong. Please try again later.\",\n    \"add_email_address\": \"Add email address\",\n    \"verify_email_address\": \"Verify email address\",\n    \"email_already_exist\": \"This email is already exist, please add another one.\"\n  }\n  return strings[key]\n}\n","<template>\n  <page :loading='pageLoading'>\n    <template #content>\n      <SubTopBar></SubTopBar>\n    <v-breadcrumbs\n      :items=\"bcItems\"\n      divider=\">\"\n      large\n      />\n    <v-form ref=\"form\" :value=\"!loading\">\n      <v-row>\n        <v-col cols=\"12\" class=\"mb-n5\">\n          <v-select\n              outlined\n              dense\n              :items=\"labels\"\n              :rules=\"[global.rules.requiredField]\"\n              label=\"Label\"\n              required\n              v-model=\"label\"\n              :disabled=\"disableLabelField\"\n            />\n        </v-col>\n        <v-col cols=\"12\" class=\"mb-n5\" v-if=\"!showEmailVerification\">\n          <v-text-field\n            outlined\n            dense\n            :rules=\"[global.rules.email]\"\n            label=\"Email address\"\n            v-model=\"emailaddress\"\n            :disabled=\"disableEmailField\"\n          />\n        </v-col>\n        <v-col cols=\"7\" class=\"mb-n5\" v-if=\"showEmailVerification\">\n          <v-text-field\n            outlined\n            dense\n            :rules=\"[global.rules.email]\"\n            label=\"Email address\"\n            v-model=\"emailaddress\"\n            :disabled=\"disableEmailField\"\n          />\n        </v-col>\n        <v-col cols=\"5\" class=\"mb-n5\" v-if=\"showEmailVerification\">\n          <v-text-field\n            label=\"Verification code *\"\n            style=\"height: 40px\"\n            outlined\n            dense\n            append-icon=\"mdi-help-circle-outline\"\n            v-model=\"emailCode\"\n            @keydown=\"restrictNumeric\"\n            autocomplete=\"off\"\n            @paste=\"noPaste\"\n            ref=\"verificationCode\"\n          />\n          <v-btn class=\"ml-0 mt-n1\" text x-small>Resend code</v-btn>\n        </v-col>\n        <v-col cols=\"12\" class=\"mb-n5\">\n          <v-btn color=\"primary\" v-on:click=\"validate\" :disabled=\"added\">{{ buttonText }}</v-btn>\n          <v-btn text @click=\"close\">cancel</v-btn>\n        </v-col>\n      </v-row>\n    </v-form>\n    </template>\n  </page>\n</template>\n\n<script>\nimport AddEmailStrings from \"./AddEmailStrings.js\"\nconst Iam = require('iam')\nconst MODE_ADD_NEW = \"AddNew\"\nconst MODE_VERIFY = \"Verify\"\n\nexport default {\n  data() {\n    return {\n      pageLoading: true,\n      showEmailVerification: false,\n      buttonText: AddEmailStrings(this, \"add_email_address\"),\n      labels: [\"Personal\", \"Work\", \"Home\", \"Spam\"],\n      emailaddress: \"\",\n      validatedEmailaddress: \"\",\n      emailCode: \"\",\n      label: \"\",\n      added: false,\n      validationKey: null,\n      loading: true,\n      mode: MODE_ADD_NEW\n    }\n  },\n  created: function () {\n    const label = this.$route.params.label\n    this.$api.getEmailAddresses(this.username, {}, this.callBack(\n      response => {\n        if ( label ) {\n          response.forEach((item) => {\n            if (item.label == label) {\n              this.label = label\n              this.emailaddress = item.emailaddress\n              this.added = true\n              this.mode = MODE_VERIFY\n              this.buttonText = AddEmailStrings(this, \"verify_email_address\")\n              this.$nextTick(() => this.validate())\n            }\n          })  \n        } else {\n          // Only show labels that are not used yet\n          response.forEach((item) => {\n            const index = this.labels.indexOf(item.label)\n            if (index > -1) this.labels.splice(index, 1)\n          })\n        }\n      },\n      () => {\n        this.alert(\"error\", AddEmailStrings(this, \"something_went_wrong\"), undefined, undefined, () => { this.close() })\n      }, ()=> {\n        this.pageLoading = false\n      }))\n  },\n  computed: {\n    disableLabelField: function () {return this.mode === 'Verify' || this.added},\n    disableEmailField: function () {return this.mode === 'Verify'},\n    bcItems: function (){\n      return [\n        {},\n        {\n          text: \"Profile\",\n          disabled: false,\n          exact: true,\n          to: {name: 'Profile'},\n        },\n        {\n          text: \"Emails\",\n          disabled: false,\n          exact: true,\n          to: {name: \"Emails\"},\n        },\n        {\n          text: `${this.$route.meta.bcText}`,\n          disabled: false,\n          exact: true,\n          href: `${this.$route.path}`\n        },\n      ]}\n  },\n  watch: {\n    emailCode: function () {\n      if (this.emailCode.length == 6) {\n        const verify = new Iam.VerifyEmailAddress()\n        verify.validationkey = this.validationKey\n        verify.emailcode = this.emailCode\n        this.$api.verifyEmailAddress(verify, this.label, this.username, this.callBack(\n          this.close,\n          error => {\n            if (error.status == 422) {\n              this.alert(\"error\", error.response.data.error, undefined, undefined, () => {\n                this.emailCode = \"\"\n                this.$refs.verificationCode.focus()\n              })\n            }\n          }\n        ))\n      }\n    },\n  },\n  methods: {\n    resend() {\n      this.$api.deleteEmailAddress(this.label, this.username, this.callBack(\n        this.validate\n      ))\n    },\n    validate() {\n      if (!this.$refs.form.validate()) return\n      if (this.mode == \"AddNew\") {\n        const email = new Iam.EmailAddress()\n        email.label = this.label\n        email.emailaddress = this.emailaddress\n        this.$api.registerNewEmailAddress(email, this.username, \"en\", this.callBack(\n          response => {\n            if (response) {\n              this.validationKey = response.validationkey\n              this.showEmailVerification = true\n              this.$router.replace({name: 'VerifyEmail', params: {label: this.label}})\n              this.alert(\"info\", AddEmailStrings(this, \"validate_email\"), undefined, undefined, () => {\n                this.$refs.verificationCode.focus()\n              })\n              this.buttonText = AddEmailStrings(this, \"verify_email_address\")\n              this.added = true\n              this.validatedEmailaddress = this.emailaddress\n            } else {\n              this.close()\n            }\n          },\n          error => {\n            if (error.status == 400) {\n              this.alert(\"error\", AddEmailStrings(this, \"invalid_input\"))\n            } else if (error.status == 409) {\n              this.alert(\"error\", AddEmailStrings(this, \"email_already_exist\"))\n            } else {\n              this.alert(\"error\", AddEmailStrings(this, \"something_went_wrong\"))\n            }\n          }\n        ))\n      } else {\n        this.$api.validateEmailAddress(this.label, this.username, \"en\", this.callBack(\n          response => {\n            this.validationKey = response.validationkey\n            this.showEmailVerification = true\n            this.alert(\"info\", AddEmailStrings(this, \"validate_email\"), undefined, undefined, () => {\n              this.$refs.verificationCode.focus()\n            })\n            this.validatedEmailaddress = this.emailaddress\n          }\n        ))\n      }\n    },\n    reset() {\n      this.$refs.form.reset()\n    },\n  },\n}\n</script>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./AddEmail.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/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!./AddEmail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddEmail.vue?vue&type=template&id=7a6de1a3&\"\nimport script from \"./AddEmail.vue?vue&type=script&lang=js&\"\nexport * from \"./AddEmail.vue?vue&type=script&lang=js&\"\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  null,\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 { VBreadcrumbs } from 'vuetify/lib/components/VBreadcrumbs';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VForm } from 'vuetify/lib/components/VForm';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSelect } from 'vuetify/lib/components/VSelect';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBreadcrumbs,VBtn,VCol,VForm,VRow,VSelect,VTextField})\n"],"sourceRoot":""}