{"version":3,"sources":["webpack:///./src/components/views/Profile/AddPhoneNumber.vue?daaf","webpack:///./src/components/views/Profile/AddPhoneStrings.js","webpack:///src/components/views/Profile/AddPhoneNumber.vue","webpack:///./src/components/views/Profile/AddPhoneNumber.vue?0f42","webpack:///./src/components/views/Profile/AddPhoneNumber.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","pageLoading","scopedSlots","_u","key","fn","bcItems","ref","model","value","callback","$$v","valid","expression","labels","global","rules","requiredField","verify","label","showPhoneVerification","_e","on","onInput","phonenumber","staticStyle","restrictNumeric","noPaste","smscode","staticClass","validate","_v","registerNewPhoneNumber","close","proxy","staticRenderFns","ctx","strings","components","VueTelInputVuetify","data","validatedPhonenumber","validationkey","created","$api","getUserPhonenumberByLabel","username","callBack","getUserPhoneNumbers","computed","watch","length","verifyPhoneNumber","methods","number","international","$refs","form","phone","registerNewUserPhonenumber","validatePhonenumber","reset","component","VBreadcrumbs","VBtn","VCol","VForm","VRow","VSelect","VTextField"],"mappings":"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","file":"js/chunk-2d0cf896.0a3cbc64.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\",model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-select',{attrs:{\"outlined\":\"\",\"dense\":\"\",\"items\":_vm.labels,\"rules\":[_vm.global.rules.requiredField],\"label\":\"Label\",\"disabled\":_vm.verify},model:{value:(_vm.label),callback:function ($$v) {_vm.label=$$v},expression:\"label\"}})],1),(!_vm.showPhoneVerification)?_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('vue-tel-input-vuetify',{attrs:{\"label\":\"Phone number\",\"outlined\":\"\",\"placeholder\":\"\",\"dense\":\"\",\"disabled\":_vm.verify,\"rules\":[_vm.global.rules.requiredField]},on:{\"input\":_vm.onInput},model:{value:(_vm.phonenumber),callback:function ($$v) {_vm.phonenumber=$$v},expression:\"phonenumber\"}})],1):_vm._e(),(_vm.showPhoneVerification)?_c('v-col',{attrs:{\"cols\":\"7\"}},[_c('vue-tel-input-vuetify',{attrs:{\"label\":\"Phone number\",\"outlined\":\"\",\"placeholder\":\"\",\"dense\":\"\",\"disabled\":_vm.verify,\"rules\":[_vm.global.rules.requiredField]},on:{\"input\":_vm.onInput},model:{value:(_vm.phonenumber),callback:function ($$v) {_vm.phonenumber=$$v},expression:\"phonenumber\"}})],1):_vm._e(),(_vm.showPhoneVerification)?_c('v-col',{attrs:{\"cols\":\"5\"}},[_c('v-text-field',{ref:\"verificationCode\",staticStyle:{\"height\":\"40px\"},attrs:{\"label\":\"Verification code *\",\"outlined\":\"\",\"dense\":\"\",\"append-icon\":\"mdi-help-circle-outline\"},on:{\"keydown\":_vm.restrictNumeric,\"paste\":_vm.noPaste},model:{value:(_vm.smscode),callback:function ($$v) {_vm.smscode=$$v},expression:\"smscode\"}}),_c('v-btn',{staticClass:\"ml-0 mt-n1\",attrs:{\"text\":\"\",\"x-small\":\"\"},on:{\"click\":_vm.validate}},[_vm._v(\"Resend code\")])],1):_vm._e()],1),_c('v-row',[(_vm.verify)?_c('v-btn',{attrs:{\"color\":\"primary\",\"disabled\":\"\"}},[_vm._v(\"Add phone number\")]):_vm._e(),(!_vm.verify)?_c('v-btn',{attrs:{\"color\":\"primary\",\"disabled\":!_vm.valid},on:{\"click\":_vm.registerNewPhoneNumber}},[_vm._v(\"Add phone number\")]):_vm._e(),_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":_vm.close}},[_vm._v(\"cancel\")])],1)],1)]},proxy:true}])})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default (ctx, key) => {\n  let strings = {\n    \"validate_number\": \"A verification code was sent to your phone number to validate your ownership. Fill in the code in the box next to your phone number\",\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_phone_number\": \"Add phone number\",\n    \"invalid_code\": `Wrong verification code! please enter the correct code you recieved on ${ctx.phonenumber}`\n  }\n  return strings[key]\n}\n","<template>\n  <page :loading='pageLoading'>\n    <template #content>\n      <SubTopBar/>\n      <v-breadcrumbs\n        :items=\"bcItems\"\n        divider=\">\"\n        large\n        />\n        <v-form v-model=\"valid\" ref=\"form\">\n        <v-row>\n          <v-col cols=\"12\">\n            <v-select\n              outlined\n              dense\n              :items=\"labels\"\n              :rules=\"[global.rules.requiredField]\"\n              label=\"Label\"\n              v-model=\"label\"\n              :disabled=\"verify\"\n            />\n          </v-col>\n          <v-col cols=\"12\" v-if=\"!showPhoneVerification\">\n            <vue-tel-input-vuetify \n            label=\"Phone number\"\n            v-model=\"phonenumber\"\n            outlined\n            placeholder=\"\"\n            dense\n            @input=\"onInput\"\n            :disabled=\"verify\"\n            :rules=\"[global.rules.requiredField]\"/>\n          </v-col>\n          <v-col cols=\"7\" v-if=\"showPhoneVerification\">\n            <vue-tel-input-vuetify \n            label=\"Phone number\"\n            v-model=\"phonenumber\"\n            outlined\n            placeholder=\"\"\n            dense\n            @input=\"onInput\"\n            :disabled=\"verify\"\n            :rules=\"[global.rules.requiredField]\"/>\n          </v-col>\n          <v-col cols=\"5\" v-if=\"showPhoneVerification\">\n            <v-text-field\n              label=\"Verification code *\"\n              style=\"height:40px\"\n              outlined\n              dense\n              v-model=\"smscode\"\n              @keydown=\"restrictNumeric\"\n              @paste=\"noPaste\"\n              ref=\"verificationCode\"\n              append-icon=\"mdi-help-circle-outline\"/>\n            <v-btn class=\"ml-0 mt-n1\" text x-small @click=\"validate\">Resend code</v-btn>\n          </v-col>\n        </v-row>\n        <v-row>\n          <v-btn color=\"primary\" v-if=\"verify\" disabled>Add phone number</v-btn>\n          <v-btn color=\"primary\" @click=\"registerNewPhoneNumber\" v-if=\"!verify\" :disabled=\"!valid\">Add phone number</v-btn>\n          <v-btn text @click=\"close\">cancel</v-btn>\n        </v-row>\n      </v-form>\n    </template>\n  </page>\n</template>\n\n<script>\nimport AddPhoneStrings from \"./AddPhoneStrings.js\"\nconst Iam = require('iam')\nimport { VueTelInputVuetify } from 'vue-tel-input-vuetify'\nexport default {\n  components: {\n    VueTelInputVuetify\n  },\n  data () {\n    return {\n      showPhoneVerification: false,\n      pageLoading: true,\n      labels: [ 'Personal', 'Work', 'Home', 'Spam' ],\n      phonenumber: \"\",\n      validatedPhonenumber: \"\",\n      smscode: \"\",\n      label: \"\",\n      validationkey: null,\n      valid: true,\n \n    }\n  },\n  created: function () {\n    const label = this.$route.params.label\n    if ( label ) {\n      this.$api.getUserPhonenumberByLabel(label, this.username, this.callBack(\n        response => {\n          this.label = response.label\n          this.phonenumber = response.phonenumber\n          this.$nextTick(() => this.validate()) \n        }, () => {\n          this.alert(\"error\", AddPhoneStrings(this, \"something_went_wrong\"), undefined, undefined, this.close)\n        }, ()=> {\n          this.pageLoading = false\n        }))\n    } else {\n      this.$api.getUserPhoneNumbers(this.username, [], this.callBack(\n        response => {\n          response.forEach((item) => {\n            const index = this.labels.indexOf(item.label)\n            if (index > -1) this.labels.splice(index, 1)\n          })\n        }, () => {\n          this.alert(\"error\", AddPhoneStrings(this, \"something_went_wrong\"), undefined, undefined, this.close)\n        }, ()=> {\n          this.pageLoading = false\n        }))\n    }\n    \n  },\n  computed: {\n    verify: function () { return \"undefined\" !== typeof this.$route.params.label },\n    bcItems: function (){\n      return [\n        {},\n        {\n          text: \"Profile\",\n          disabled: false,\n          exact: true,\n          to: {name: 'Profile'},\n        },\n        {\n          text: \"Phone numers\",\n          disabled: false,\n          exact: true,\n          to: {name: \"PhoneNumbers\"},\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    smscode: function () {\n      if (this.smscode.length == 6) {\n        const verify = new Iam.VerifyPhoneNumber()\n        verify.smscode = this.smscode\n        verify.validationkey = this.validationkey\n        this.$api.verifyPhoneNumber(verify, this.label, this.username, this.callBack(\n          this.close,\n          error => {\n            if (error.status == 422) {\n              this.alert(\"error\", AddPhoneStrings(this, \"invalid_code\"), undefined, undefined, () => {\n                this.smscode = \"\"\n                this.$refs.verificationCode.focus()\n              })\n            }\n          }\n        ))\n      }\n    },\n  },\n  methods: {\n    onInput(formattedNumber, { number}) {\n      this.phonenumber = number.international\n      \n    },\n    registerNewPhoneNumber() {\n      if (!this.$refs.form.validate()) return\n      const phone = new Iam.Phonenumber()\n      phone.phonenumber = this.phonenumber\n      phone.label = this.label\n      this.$api.registerNewUserPhonenumber(phone, this.username, this.callBack(\n        response => {\n          if (response && !response.validated) {\n            this.validationkey = response.validationkey\n            this.$router.replace({\n              name: \"VerifyPhoneNumber\",\n              params: { label: this.label },\n            })\n            this.showPhoneVerification = true\n            this.alert(\n              \"info\",\n              AddPhoneStrings(this, \"validate_number\"),\n              undefined,\n              undefined,\n              () => {\n                this.$refs.verificationCode.focus()\n              }\n            )\n            this.validatedPhonenumber = this.phonenumber\n          }\n          else {\n            this.close()\n          }\n        },\n        error => {\n          if (error.status == 400) {\n            this.alert(\"error\", AddPhoneStrings(this, \"invalid_input\"))\n          } else if (error.status == 409) {\n            this.alert(\"error\", AddPhoneStrings(this, \"something_went_wrong\"))\n          } else {\n            this.alert(\"error\", AddPhoneStrings(this, \"something_went_wrong\"))\n          }\n        }\n      ))},\n    validate() {\n      this.$api.validatePhonenumber(this.label, this.username, this.callBack(\n        response => {\n          this.showPhoneVerification = true\n          this.validationkey = response.validationkey\n          this.alert(\"info\", AddPhoneStrings(this, \"validate_number\"), undefined, undefined, () => {\n            this.$refs.verificationCode.focus()\n          })\n          this.validatedPhonenumber = this.phonenumber\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!./AddPhoneNumber.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!./AddPhoneNumber.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddPhoneNumber.vue?vue&type=template&id=0fd24058&\"\nimport script from \"./AddPhoneNumber.vue?vue&type=script&lang=js&\"\nexport * from \"./AddPhoneNumber.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":""}