{"version":3,"sources":["webpack:///./src/components/ContactEmail.vue?2b85","webpack:///src/components/ContactEmail.vue","webpack:///./src/components/ContactEmail.vue?d6ec","webpack:///./src/components/ContactEmail.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","ref","attrs","selected","on","$event","scopedSlots","_u","key","fn","addressesPlus","disabled","indexOfAddress","length","click","data","item","staticClass","_v","_s","icon","_e","address","selectedIcon","proxy","model","value","callback","$$v","expression","showNewEmail","newEmailDlgTitle","errorMsg","newEmailDlgMode","newEmailValid","verifyEmailRules","newEmail","closeDialog","loadingApiResponse","preventDefault","addNumber","$refs","phoneInput","phoneNumber","objectToPost","setError","setLoading","staticRenderFns","component"],"mappings":"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","file":"js/chunk-2d0e4812.416f2349.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-layout',[_c('v-list-item-group',{staticStyle:{\"width\":\"100%\"}},[_c('v-dialog',{ref:\"newEmailDlg\",staticStyle:{\"overflow-y\":\"visible\"},attrs:{\"return-value\":_vm.selected,\"max-width\":\"500px\"},on:{\"update:returnValue\":function($event){_vm.selected=$event},\"update:return-value\":function($event){_vm.selected=$event}},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-autocomplete',{attrs:{\"items\":_vm.addressesPlus,\"disabled\":_vm.disabled,\"item-text\":\"address\",\"item-value\":_vm.indexOfAddress,\"readonly\":_vm.addressesPlus.length == 1},on:{\"change\":function($event){$event < 0 && on.click()},\"click\":function($event){_vm.addressesPlus.length == 1 && on.click()}},scopedSlots:_vm._u([{key:\"item\",fn:function(data){return [(data.item.icon)?_c('v-icon',{staticClass:\"mr-2\"},[_vm._v(_vm._s(data.item.icon))]):_vm._e(),_c('v-list-item-content',[_vm._v(\"\\n              \"+_vm._s(data.item.address)+\"\\n            \")])]}},{key:\"prepend-inner\",fn:function(){return [(_vm.selectedIcon)?_c('v-icon',{on:{\"click\":function($event){return on.click()}}},[_vm._v(_vm._s(_vm.selectedIcon))]):_vm._e()]},proxy:true}],null,true),model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})]}}]),model:{value:(_vm.showNewEmail),callback:function ($$v) {_vm.showNewEmail=$$v},expression:\"showNewEmail\"}},[_c('v-card',[_c('v-toolbar',{attrs:{\"dense\":\"\",\"dark\":\"\",\"flat\":\"\",\"color\":\"primary\"}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"dark\":\"\"}},[_vm._v(\"email\")]),_c('v-toolbar-title',[_vm._v(_vm._s(_vm.newEmailDlgTitle))])],1),(_vm.errorMsg)?_c('v-alert',{staticClass:\"mx-4 mt-2\",attrs:{\"type\":\"error\"}},[_vm._v(\"\\n          \"+_vm._s(_vm.errorMsg)+\"\\n        \")]):_vm._e(),_c('v-tabs-items',{attrs:{\"touchless\":true},model:{value:(_vm.newEmailDlgMode),callback:function ($$v) {_vm.newEmailDlgMode=$$v},expression:\"newEmailDlgMode\"}},[_c('v-tab-item',[_c('v-form',{model:{value:(_vm.newEmailValid),callback:function ($$v) {_vm.newEmailValid=$$v},expression:\"newEmailValid\"}},[_c('v-layout',{attrs:{\"column\":\"\",\"pa-4\":\"\"}},[_c('v-flex',{staticClass:\"pb-4\"},[_c('v-text-field',{attrs:{\"clearable\":\"\",\"required\":\"\",\"type\":\"email\",\"filled\":\"\",\"label\":\"Email Address\",\"autofocus\":\"\",\"autocomplete\":\"on\",\"rules\":_vm.verifyEmailRules},model:{value:(_vm.newEmail),callback:function ($$v) {_vm.newEmail=$$v},expression:\"newEmail\"}})],1),_c('v-layout',[_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"error\"},on:{\"click\":_vm.closeDialog}},[_vm._v(\"Cancel\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"type\":\"submit\",\"disabled\":!_vm.newEmailValid,\"color\":\"primary\",\"loading\":_vm.loadingApiResponse},on:{\"click\":function($event){$event.preventDefault();return _vm.addNumber($event)}}},[_vm._v(\"Add email\")])],1)],1)],1)],1),_c('v-tab-item',[_c('code-verifier',{attrs:{\"to\":_vm.$refs.phoneInput && _vm.$refs.phoneInput.phoneNumber || 'your number',\"sends\":_vm.objectToPost},on:{\"error\":_vm.setError,\"done\":_vm.closeDialog,\"loading\":_vm.setLoading}})],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-layout>\r\n    <v-list-item-group style=\"width:100%\">\r\n      <v-dialog ref=\"newEmailDlg\"\r\n                v-model=\"showNewEmail\"\r\n                :return-value.sync=\"selected\"\r\n                max-width=\"500px\"\r\n                style=\"overflow-y:visible\">\r\n        <template v-slot:activator=\"{ on }\">\r\n          <v-autocomplete :items=\"addressesPlus\"\r\n                          v-model=\"selected\"\r\n                          :disabled=\"disabled\"\r\n                          item-text=\"address\"\r\n                          :item-value=\"indexOfAddress\"\r\n                          :readonly=\"addressesPlus.length == 1\"\r\n                          @change=\"$event < 0 && on.click()\"\r\n                          @click=\"addressesPlus.length == 1 && on.click()\">\r\n            <template v-slot:item=\"data\">\r\n              <v-icon v-if=\"data.item.icon\" class=\"mr-2\">{{data.item.icon}}</v-icon>\r\n              <v-list-item-content>\r\n                {{data.item.address}}\r\n              </v-list-item-content>\r\n            </template>\r\n            <template v-slot:prepend-inner>\r\n              <v-icon v-if=\"selectedIcon\" @click=\"on.click()\">{{selectedIcon}}</v-icon>\r\n            </template>\r\n          </v-autocomplete>\r\n        </template>\r\n        <v-card>\r\n          <v-toolbar dense dark flat color=\"primary\">\r\n            <v-icon dark class=\"mr-2\">email</v-icon>\r\n            <v-toolbar-title>{{newEmailDlgTitle}}</v-toolbar-title>\r\n          </v-toolbar>\r\n          <v-alert class=\"mx-4 mt-2\" v-if=\"errorMsg\" type=\"error\">\r\n            {{errorMsg}}\r\n          </v-alert>\r\n          <v-tabs-items v-model=\"newEmailDlgMode\" :touchless=\"true\">\r\n            <v-tab-item>\r\n              <v-form v-model=\"newEmailValid\">\r\n                <v-layout column pa-4>\r\n                  <v-flex class=\"pb-4\">\r\n                    <v-text-field v-model=\"newEmail\"\r\n                                    clearable\r\n                                    required\r\n                                    type=\"email\"\r\n                                    filled\r\n                                    label=\"Email Address\"\r\n                                    autofocus\r\n                                    autocomplete=\"on\"\r\n                                    :rules=\"verifyEmailRules\"></v-text-field>\r\n                  </v-flex>\r\n                  <v-layout>\r\n                    <v-btn text color=\"error\" @click=\"closeDialog\">Cancel</v-btn>\r\n                    <v-spacer></v-spacer>\r\n                    <v-btn type=\"submit\"\r\n                           @click.prevent=\"addNumber\"\r\n                           :disabled=\"!newEmailValid\"\r\n                           color=\"primary\"\r\n                           :loading=\"loadingApiResponse\">Add email</v-btn>\r\n                  </v-layout>\r\n                </v-layout>\r\n              </v-form>\r\n            </v-tab-item>\r\n            <v-tab-item>\r\n              <code-verifier :to=\"$refs.phoneInput && $refs.phoneInput.phoneNumber || 'your number'\"\r\n                             :sends=\"objectToPost\"\r\n                             @error=\"setError\"\r\n                             @done=\"closeDialog\"\r\n                             @loading=\"setLoading\"></code-verifier>\r\n            </v-tab-item>\r\n          </v-tabs-items>\r\n        </v-card>\r\n      </v-dialog>\r\n    </v-list-item-group>\r\n  </v-layout>\r\n\r\n</template>\r\n\r\n<script>\r\n  import axios from '../plugins/axios';\r\n\r\n  export default {\r\n    props: [\r\n      'addresses',\r\n      'disabled',\r\n      'value',\r\n      'type'\r\n    ],\r\n    components: {\r\n      CodeVerifier: () => import('./CodeVerifier'),\r\n    },\r\n    data: () => ({\r\n      showNewEmail: false,\r\n      newEmail: '',\r\n      newEmailValid: false,\r\n      newEmailDlgMode: 0,\r\n      verifyEmailRules: [\r\n        v => /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(v) || 'That doesn\\'t look like a real email address',\r\n      ],\r\n      loadingApiResponse: false,\r\n      errorMsg: '',\r\n    }),\r\n    computed: {\r\n      user() {\r\n        return this.$store.state.user;\r\n      },\r\n      passengerId() {\r\n        return this.$store.state.passengerId;\r\n      },\r\n      addressesPlus() {\r\n        return this.addresses\r\n          .map(x => {\r\n            x.address = x.address.toLowerCase();\r\n            return x;\r\n          })\r\n          .concat({\r\n            address: 'New email',\r\n            icon: 'add_circle_outline'\r\n          })\r\n      },\r\n      selected: {\r\n        get() { return this.value; },\r\n        set(v) { this.$emit('input', v); }\r\n      },\r\n      selectedIcon() {\r\n        return this.addressesPlus.slice(this.selected)[0].icon\r\n      },\r\n      newEmailDlgTitle() {\r\n        switch (this.newEmailDlgMode) {\r\n          case 1: return \"Verify your email address\";\r\n          default: return \"Add an email address\";\r\n        }\r\n      },\r\n      objectToPost() {\r\n        return {\r\n          ContactMethodId: this.type.contactMethodId,\r\n          PassengerId: this.passengerId,\r\n          Address: this.newEmail\r\n        }\r\n      }\r\n    },\r\n    methods: {\r\n      indexOfAddress(addr) {\r\n        return this.addresses.length ? this.addresses.indexOf(addr) : 0;\r\n      },\r\n      closeDialog() {\r\n        this.$refs.newEmailDlg.save(0);\r\n        this.showNewEmail = false;\r\n        this.errorMsg = '';\r\n        this.newEmailDlgMode = 0;\r\n      },\r\n      addNumber() {\r\n        this.loadingApiResponse = true;\r\n        axios.post('api/VerifyAddress/' + this.user.cnxUserId, this.objectToPost).then((res) => {\r\n          this.newEmailDlgMode = 1;\r\n          this.errorMsg = '';\r\n        }).catch((err) => {\r\n          this.errorMsg = '';\r\n          if (err.response) {\r\n            if (err.response.status == 409) this.errorMsg = 'You can already send notifications to that email address!'\r\n            else if (err.response.status == 401) this.errorMsg = 'You dont seem to be logged in - please refresh the page and log in again'\r\n            else if (err.response.data && err.response.data.Message) {\r\n              switch (err.response.data.Message) {\r\n                case \"Supplied address is unreachable\":\r\n                  this.errorMsg = 'We couldn\\'t send a code to that email address. Please enter a different one';\r\n                  break;\r\n              }\r\n            }\r\n          }\r\n          if (this.errorMsg == '') {\r\n            this.errorMsg = 'Something went wrong. Please try refreshing the page and try again';\r\n            console.log(err);\r\n          }\r\n        }).finally(() => {\r\n          this.loadingApiResponse = false;\r\n        });\r\n      },\r\n      setError(m) {\r\n        this.errorMsg = m;\r\n      },\r\n      setLoading(l) {\r\n        this.loadingApiResponse = l;\r\n      }\r\n    }\r\n  };\r\n</script>\r\n","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!./ContactEmail.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!./ContactEmail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactEmail.vue?vue&type=template&id=70e88c53&\"\nimport script from \"./ContactEmail.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactEmail.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"],"sourceRoot":""}