{"version":3,"sources":["webpack:///./src/views/EditYourEmail.vue","webpack:///src/views/EditYourEmail.vue","webpack:///./src/views/EditYourEmail.vue?0546","webpack:///./src/views/EditYourEmail.vue?3850","webpack:///./src/views/EditYourEmail.vue?945b"],"names":["render","_vm","this","_c","_self","staticClass","_m","directives","name","rawName","value","editEmailAddress","expression","class","emailError","attrs","domProps","on","$event","$v","$touch","target","composing","require","_v","_e","emailDuplicateError","continueBtn","backBtn","staticRenderFns","props","components","data","ssn","attemptedSubmit","computed","mapGetters","validations","required","watch","methods","mapActions","email","emailUpdated","params","unmaskedSSN","mounted","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACJ,EAAIK,GAAG,GAAGL,EAAIK,GAAG,GAAGH,EAAG,QAAQ,CAACI,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOT,EAAIU,iBAAkBC,WAAW,qBAAqBP,YAAY,yBAAyBQ,MAAM,CAAE,cAAeX,KAAKY,YAAaC,MAAM,CAAC,GAAK,aAAa,KAAO,OAAO,UAAY,KAAK,SAAW,IAAI,aAAa,uBAAuBC,SAAS,CAAC,MAASf,EAAIU,kBAAmBM,GAAG,CAAC,KAAO,SAASC,GAAQ,OAAOjB,EAAIkB,GAAGR,iBAAiBS,UAAU,MAAQ,SAASF,GAAWA,EAAOG,OAAOC,YAAiBrB,EAAIU,iBAAiBO,EAAOG,OAAOX,WAAWR,KAAKY,WAAYX,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2BU,MAAM,CAAC,IAAMQ,EAAQ,QAAkC,IAAM,gBAAiBrB,KAAKY,WAAYX,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIuB,GAAG,wCAAwCvB,EAAIwB,OAAOxB,EAAIwB,KAAMvB,KAAKwB,oBAAqBvB,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2BU,MAAM,CAAC,IAAMQ,EAAQ,QAAkC,IAAM,gBAAiBrB,KAAKwB,oBAAqBvB,EAAG,MAAM,CAACE,YAAY,eAAe,CAACJ,EAAIuB,GAAG,kDAAkDvB,EAAIwB,OAAOxB,EAAIwB,KAAKtB,EAAG,MAAM,CAACA,EAAG,SAAS,CAACE,YAAY,kCAAkCU,MAAM,CAAC,SAAW,KAAKE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAI0B,iBAAiB,CAAC1B,EAAIuB,GAAG,sCAAsCrB,EAAG,SAAS,CAACE,YAAY,oCAAoCU,MAAM,CAAC,SAAW,KAAKE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAI2B,aAAa,CAAC3B,EAAIuB,GAAG,uCAEpnDK,EAAkB,CAAC,WAAY,IAAI5B,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,gCAAgC,CAACJ,EAAIuB,GAAG,qBAAqBrB,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACJ,EAAIuB,GAAG,iNACjO,WAAY,IAAIvB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,QAAQ,CAACE,YAAY,gCAAgC,CAACJ,EAAIuB,GAAG,kC,ytBCiDpJ,OACfhB,qBACAsB,SAGAC,cAGAC,KARA,WASA,OACArB,oBACAsB,OACAC,qBAGAC,gBACAC,8EADA,IAGAtB,WAHA,WAIA,SACA,gCACA,4EACAA,kEAEA,UAEAY,oBAXA,WAYA,oHAGAW,YA9BA,WA+BA,OACA1B,kBACA2B,0BAMAC,SAGAC,eACAC,iFADA,IAGAb,QAHA,WAIA,wBACA,OACAK,4BACAS,uCACAC,iBAEA,yDACA,iCACA,qCAGA,mBAAAnC,mBAAAoC,YAKAjB,YApBA,WAsBA,GADA,yBACA,4CACA,yBAEA,OACAe,4BACAG,sBAEA,mBAAArC,mBAAAoC,eAIAE,QA3EA,WA4EA,uDACA,mCCjIuV,I,wBCQnVC,EAAY,eACd,EACA/C,EACA6B,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E,oECnBf","file":"js/chunk-af99eabc.4dc626de.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"one-time-payment-card\"},[_vm._m(0),_vm._m(1),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editEmailAddress),expression:\"editEmailAddress\"}],staticClass:\"one-time-payment-input\",class:{ 'input-error': this.emailError },attrs:{\"id\":\"edit-email\",\"type\":\"text\",\"maxlength\":\"50\",\"tabindex\":\"0\",\"aria-label\":\"one-time-code-input\"},domProps:{\"value\":(_vm.editEmailAddress)},on:{\"blur\":function($event){return _vm.$v.editEmailAddress.$touch()},\"input\":function($event){if($event.target.composing)return;_vm.editEmailAddress=$event.target.value}}}),(this.emailError)?_c('div',{staticClass:\"one-time-code-error-grid\"},[_c('img',{staticClass:\"one-time-code-error-icon\",attrs:{\"src\":require(\"../assets/images/ErrorIcon.svg\"),\"alt\":\"error-icon\"}}),(this.emailError)?_c('div',{staticClass:\"field-error\"},[_vm._v(\"Please enter a valid email address\")]):_vm._e()]):_vm._e(),(this.emailDuplicateError)?_c('div',{staticClass:\"one-time-code-error-grid\"},[_c('img',{staticClass:\"one-time-code-error-icon\",attrs:{\"src\":require(\"../assets/images/ErrorIcon.svg\"),\"alt\":\"error-icon\"}}),(this.emailDuplicateError)?_c('div',{staticClass:\"field-error\"},[_vm._v(\"Please update your email address to continue\")]):_vm._e()]):_vm._e(),_c('div',[_c('button',{staticClass:\"one-time-payment-primary-button\",attrs:{\"tabindex\":\"1\"},on:{\"click\":function($event){return _vm.continueBtn()}}},[_vm._v(\"\\n            Continue\\n        \")]),_c('button',{staticClass:\"one-time-payment-alternate-button\",attrs:{\"tabindex\":\"2\"},on:{\"click\":function($event){return _vm.backBtn()}}},[_vm._v(\"\\n            Back\\n        \")])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h3',{staticClass:\"one-time-payment-card-header\"},[_vm._v(\"Edit your email\")]),_c('div',{staticClass:\"one-time-payment-card-guidance\"},[_vm._v(\"\\n            Next, we will email you a code to verify the email address you provided. You will be prompted to\\n            authenticate using this email address when accessing your account.\\n        \")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"login-grid email-label\"},[_c('label',{staticClass:\"one-time-payment-field-label\"},[_vm._v(\" Email Address\\n        \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"one-time-payment-card\">\r\n        <div>\r\n            <h3 class=\"one-time-payment-card-header \">Edit your email</h3>\r\n            <div class=\"one-time-payment-card-guidance\">\r\n                Next, we will email you a code to verify the email address you provided. You will be prompted to\r\n                authenticate using this email address when accessing your account.\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"login-grid email-label\">\r\n            <label class=\"one-time-payment-field-label\"> Email Address\r\n            </label>\r\n        </div>\r\n\r\n        <input class=\"one-time-payment-input\" id=\"edit-email\" type=\"text\" v-model=\"editEmailAddress\"\r\n            :class=\"{ 'input-error': this.emailError }\" @blur=\"$v.editEmailAddress.$touch()\" maxlength=\"50\" tabindex=\"0\"\r\n            aria-label=\"one-time-code-input\" />\r\n\r\n        <div class=\"one-time-code-error-grid\" v-if=\"this.emailError\">\r\n            <img class=\"one-time-code-error-icon\" src=\"../assets/images/ErrorIcon.svg\" alt=\"error-icon\">\r\n            <div class=\"field-error\" v-if=\"this.emailError\">Please enter a valid email address</div>\r\n        </div>\r\n\r\n        <div class=\"one-time-code-error-grid\" v-if=\"this.emailDuplicateError\">\r\n            <img class=\"one-time-code-error-icon\" src=\"../assets/images/ErrorIcon.svg\" alt=\"error-icon\">\r\n            <div class=\"field-error\" v-if=\"this.emailDuplicateError\">Please update your email address to continue</div>\r\n        </div>\r\n\r\n        <div>\r\n            <button class=\"one-time-payment-primary-button\" @click=\"continueBtn()\" tabindex=\"1\">\r\n                Continue\r\n            </button>\r\n            <button class=\"one-time-payment-alternate-button\" @click=\"backBtn()\" tabindex=\"2\">\r\n                Back\r\n            </button>\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport {\r\n    required,\r\n    dirty,\r\n    reset,\r\n    minLength\r\n} from \"vuelidate/lib/validators\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport { EventBus } from \"@Shared/utils/event-bus\";\r\n\r\nexport default {\r\n    name: \"EditYourEmail\",\r\n    props: {\r\n\r\n    },\r\n    components: {\r\n\r\n    },\r\n    data() {\r\n        return {\r\n            editEmailAddress: '',\r\n            ssn: '',\r\n            attemptedSubmit: false\r\n        };\r\n    },\r\n    computed: {\r\n        ...mapGetters([\"currentActiveContactInfoTab\", \"accountSummary\", \"nextRoute\"]),\r\n\r\n        emailError() {\r\n            var emailError = false;\r\n            if (this.editEmailAddress != null) {\r\n                var emailRegex = /^([a-zA-Z0-9_\\.-])+@[a-zA-Z0-9-]+\\.([a-zA-Z]{2,4}\\.)?[a-zA-Z]{2,6}$/;\r\n                emailError = !emailRegex.test(this.editEmailAddress) && this.$v.editEmailAddress.$dirty;\r\n            }\r\n            return emailError;\r\n        },\r\n        emailDuplicateError(){\r\n            return (this.accountSummary.emailAddress.toLowerCase() == this.editEmailAddress.toLowerCase() && this.attemptedSubmit)\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            editEmailAddress: {\r\n                required: required\r\n            },\r\n\r\n        }\r\n    },\r\n\r\n    watch: {\r\n\r\n    },\r\n    methods: {\r\n        ...mapActions([\"setEmailUpdated\", \"setShowUnsavedChangesModal\", \"setNextRoute\"]),\r\n\r\n        backBtn() {\r\n            this.attemptedSubmit = false;\r\n            const paramsObj = {\r\n                ssn: this.accountSummary.ssn,\r\n                email: this.accountSummary.emailAddress,\r\n                emailUpdated: false\r\n            }\r\n            if(this.accountSummary.emailAddress != this.editEmailAddress){\r\n                this.setNextRoute(\"ContactInfo\");\r\n                this.setShowUnsavedChangesModal(true);  \r\n            }\r\n            else{\r\n                this.$router.push({ name: 'ContactInfo', params: paramsObj });\r\n            }\r\n            \r\n        },\r\n\r\n        continueBtn() {\r\n            this.attemptedSubmit = true;\r\n            if (!this.emailError && !this.emailDuplicateError) {\r\n                this.setEmailUpdated(true);\r\n\r\n                const paramsObj = {\r\n                    email: this.editEmailAddress,\r\n                    unmaskedSSN: this.ssn\r\n                }\r\n                this.$router.push({ name: \"OneTimeCode\", params: paramsObj });\r\n            }\r\n        }\r\n    },\r\n    mounted() {\r\n        this.editEmailAddress = this.accountSummary.emailAddress;\r\n        this.ssn = this.accountSummary.ssn;\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.one-time-payment-primary-button {\r\n    width: 100%;\r\n}\r\n\r\n.one-time-payment-alternate-button {\r\n    width: 100%;\r\n}\r\n\r\n.one-time-payment-card {\r\n    @media (max-width: $grid-breakpoint-sm) {\r\n        height: auto;\r\n        padding: 10px;\r\n    }\r\n}\r\n</style>","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!./EditYourEmail.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!./EditYourEmail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditYourEmail.vue?vue&type=template&id=069d44c4&scoped=true&\"\nimport script from \"./EditYourEmail.vue?vue&type=script&lang=js&\"\nexport * from \"./EditYourEmail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditYourEmail.vue?vue&type=style&index=0&id=069d44c4&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  \"069d44c4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditYourEmail.vue?vue&type=style&index=0&id=069d44c4&prod&lang=scss&scoped=true&\""],"sourceRoot":""}