{"version":3,"sources":["webpack:///./src/views/ContactInfo.vue?eed7","webpack:///./src/assets/images/BlueEditIcon.svg","webpack:///./src/assets/images/EmaillAddressAtSymbol.svg","webpack:///./src/components/Common/RoundedTabMenu/RoundedTabMenu.vue?f5b3","webpack:///./src/assets/images/BluePhoneIcon.svg","webpack:///./src/components/Common/RoundedTabMenu/RoundedTabMenuItem.vue?b821","webpack:///./src/views/ContactInfo.vue","webpack:///./src/components/Common/RoundedTabMenu/RoundedTabMenu.vue","webpack:///./src/components/Common/RoundedTabMenu/RoundedTabMenuItem.vue","webpack:///src/components/Common/RoundedTabMenu/RoundedTabMenuItem.vue","webpack:///./src/components/Common/RoundedTabMenu/RoundedTabMenuItem.vue?dffa","webpack:///./src/components/Common/RoundedTabMenu/RoundedTabMenuItem.vue?3b89","webpack:///src/components/Common/RoundedTabMenu/RoundedTabMenu.vue","webpack:///./src/components/Common/RoundedTabMenu/RoundedTabMenu.vue?a013","webpack:///./src/components/Common/RoundedTabMenu/RoundedTabMenu.vue?e8b0","webpack:///src/views/ContactInfo.vue","webpack:///./src/views/ContactInfo.vue?5ad7","webpack:///./src/views/ContactInfo.vue?d905","webpack:///./src/assets/images/CheckmarkIcon.svg","webpack:///./src/assets/images/SmallGreyAtSymbol.svg","webpack:///./src/assets/images/SmallGreyPhoneSymbol.svg","webpack:///./src/assets/images/ErrorIconHollow.svg"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","_m","attrs","tabMenuItems","currentActiveContactInfoTab","_v","isEmailUpdated","require","on","$event","closeNotif","type","indexOf","_k","keyCode","key","_e","showEmailUpdateError","closeFailedNotif","_s","emailAddress","editEmailView","homePhoneNumber","mobilePhoneNumber","staticRenderFns","_l","tab","index","class","isCurrentActiveTab","image","title","switchTab","tabId","name","props","default","data","computed","mapGetters","watch","methods","mapActions","mounted","component","components","RoundedTabMenuItem","RoundedTabMenu","ssn","val"],"mappings":"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","file":"js/chunk-c859a04e.b27aaca6.js","sourcesContent":["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!./ContactInfo.vue?vue&type=style&index=0&id=18ac2586&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/BlueEditIcon.a08d6427.svg\";","module.exports = __webpack_public_path__ + \"img/EmaillAddressAtSymbol.3099a6de.svg\";","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!./RoundedTabMenu.vue?vue&type=style&index=0&id=e6f372b6&prod&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/BluePhoneIcon.8899bf0c.svg\";","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!./RoundedTabMenuItem.vue?vue&type=style&index=0&id=7c9cd393&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"contact-information-container\"},[_vm._m(0),_c('div',{staticClass:\"contact-info-menu-container\"},[_c('div',{staticClass:\"contact-info-tab-menu\"},[_c('RoundedTabMenu',{attrs:{\"tabMenuItems\":_vm.tabMenuItems}})],1),(_vm.currentActiveContactInfoTab == 0)?_c('div',{staticClass:\"email-tab-view\"},[_c('h2',{staticClass:\"email-header-text\"},[_vm._v(\"Email Address\")]),(_vm.isEmailUpdated)?_c('div',{staticClass:\"one-time-code-emailsaved-grid\"},[_c('img',{staticClass:\"one-time-code-emailsaved-icon\",attrs:{\"src\":require(\"../assets/images/CheckmarkIcon.svg\"),\"alt\":\"checkmark-icon\"}}),_c('div',{staticClass:\"one-time-code-emailsaved-text\"},[_vm._v(\"\\n                    Your new email address was saved.\\n                \")]),_c('div',{staticClass:\"one-time-code-emailsaved-close\"},[_c('i',{staticClass:\"vcore_icon icon-close\",attrs:{\"tabindex\":\"2\"},on:{\"click\":function($event){return _vm.closeNotif(false)},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.closeNotif(false)}}})])]):_vm._e(),(_vm.showEmailUpdateError)?_c('div',{staticClass:\"one-time-code-emailerror-grid\"},[_c('img',{staticClass:\"one-time-code-emailsaved-icon\",attrs:{\"src\":require(\"../assets/images/ErrorIconHollow.svg\"),\"alt\":\"error-icon\"}}),_c('div',{staticClass:\"one-time-code-emailerror-text\"},[_vm._v(\"\\n                    We could not verify your new email address. Please try again.\\n                \")]),_c('div',{staticClass:\"one-time-code-emailsaved-close\"},[_c('i',{staticClass:\"vcore_icon icon-close\",attrs:{\"tabindex\":\"2\"},on:{\"click\":function($event){return _vm.closeFailedNotif()},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.closeFailedNotif()}}})])]):_vm._e(),_c('div',{staticClass:\"email-inner-box-grey\"},[_c('div',{staticClass:\"grey-box-contents\"},[_c('img',{attrs:{\"src\":require(\"../assets/images/EmaillAddressAtSymbol.svg\"),\"alt\":\"Email Address At Symbol\"}}),_c('div',{staticClass:\"email-flex-box\"},[_c('p',{staticClass:\"email-text\"},[_vm._v(\"Email Address\")]),_c('p',{staticClass:\"email-info-text\"},[_vm._v(\"This email address will be used for authentication.\")]),_c('p',{staticClass:\"user-email-text\"},[_vm._v(\" \"+_vm._s(_vm.emailAddress)+\" \")])]),_c('div',{staticClass:\"edit-button-container\",on:{\"click\":this.editEmailView}},[_c('img',{attrs:{\"src\":require(\"../assets/images/BlueEditIcon.svg\"),\"alt\":\"Blue Edit Icon\"}}),_c('a',{staticClass:\"edit-text\"},[_vm._v(\"Edit\")])])])])]):_vm._e(),(_vm.currentActiveContactInfoTab == 1)?_c('div',{staticClass:\"phone-tab-view\"},[_c('h2',{staticClass:\"phone-header-text\"},[_vm._v(\"Phone Number\")]),_c('div',{staticClass:\"phone-inner-box-grey\"},[_c('div',{staticClass:\"grey-box-contents\"},[_c('img',{attrs:{\"src\":require(\"../assets/images/BluePhoneIcon.svg\"),\"alt\":\"Blue Phone Icon\"}}),_c('div',{staticClass:\"phone-flex-box\"},[_c('p',{staticClass:\"phone-text\"},[_vm._v(\"Home Phone Number\")]),_c('p',{staticClass:\"user-phone-text\"},[_vm._v(\" \"+_vm._s(_vm.homePhoneNumber)+\" \")])])])]),_c('div',{staticClass:\"phone-inner-box-grey\"},[_c('div',{staticClass:\"grey-box-contents\"},[_c('img',{attrs:{\"src\":require(\"../assets/images/BluePhoneIcon.svg\"),\"alt\":\"Blue Phone Icon\"}}),_c('div',{staticClass:\"phone-flex-box\"},[_c('p',{staticClass:\"phone-text\"},[_vm._v(\"Mobile Phone Number\")]),_c('p',{staticClass:\"user-phone-text\"},[_vm._v(_vm._s(_vm.mobilePhoneNumber))])])])])]):_vm._e()])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"contact-info-header-container\"},[_c('h3',{staticClass:\"contact-info-header\"},[_vm._v(\"Contact Information\")]),_c('div',{staticClass:\"green-bar\"})])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('nav',{staticClass:\"rounded-tab-menu-container\",attrs:{\"role\":\"navigation\",\"aria-label\":'Contact Information Navigation'}},_vm._l((_vm.tabMenuItems),function(tab,index){return _c('ul',{key:index,staticClass:\"rounded-tab-menu-items\"},[_c('li',{attrs:{\"role\":\"none\"}},[_c('RoundedTabMenuItem',{attrs:{\"tab\":tab}})],1)])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:{ 'inactive-tab': !_vm.isCurrentActiveTab, 'tab-item': true }},[_c('img',{attrs:{\"src\":_vm.tab.image,\"alt\":_vm.tab.title + 'Image'}}),_c('button',{staticClass:\"tab-title\",attrs:{\"aria-label\":'Contact Information Navigation'},on:{\"click\":function($event){return _vm.switchTab(_vm.tab.tabId)}}},[_vm._v(\" \"+_vm._s(_vm.tab.title)+\" \")])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- eslint-disable prettier/prettier -->\r\n<template>\r\n    <div :class=\"{ 'inactive-tab': !isCurrentActiveTab, 'tab-item': true }\">\r\n        <img :src=\"tab.image\" :alt=\"tab.title + 'Image'\" />\r\n        <button class=\"tab-title\" @click=\"switchTab(tab.tabId)\" :aria-label=\"'Contact Information Navigation'\"> {{\r\n        tab.title\r\n            }} </button>\r\n    </div>\r\n</template>\r\n\r\n<!-- eslint-disable prettier/prettier -->\r\n<script>\r\n\r\nimport { mapGetters, mapActions } from \"vuex\";\r\n\r\nexport default {\r\n    name: \"RoundedTabMenu\",\r\n    props: {\r\n        tab: {\r\n            type: Object,\r\n            default() {\r\n                return {};\r\n            }\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n        };\r\n    },\r\n    computed: {\r\n        ...mapGetters([\"currentActiveContactInfoTab\", \"accountInfo\"]),\r\n        isCurrentActiveTab() {\r\n            return this.currentActiveContactInfoTab === this.tab.tabId;\r\n        }\r\n    },\r\n    watch: {\r\n\r\n    },\r\n    methods: {\r\n        ...mapActions([\"setCurrentContactInfoActiveTabId\", \"logout\"]),\r\n        switchTab(tabId) {\r\n            this.setCurrentContactInfoActiveTabId(tabId);\r\n        }\r\n    },\r\n    mounted() {\r\n        this.tab.params = this.accountInfo;\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.tab-item {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    padding: 20px;\r\n    width: 132px;\r\n    height: 60px;\r\n    background: rgba(255, 255, 255, 1);\r\n    box-shadow: 0px 8px 18px rgba(30, 30, 37, 0.16), 0px 5px 6px -3px rgba(30, 30, 37, 0.1);\r\n    border-radius: 20px 20px 0px 0px;\r\n    z-index: 0;\r\n}\r\n\r\n.tab-item:hover {\r\n    cursor: pointer;\r\n}\r\n\r\n.tab-title {\r\n    all: unset;\r\n    font-family: 'Poppins';\r\n    font-weight: 500;\r\n    font-size: 16px;\r\n    line-height: 26.24px;\r\n    width: auto;\r\n    text-align: center;\r\n    padding: 15px;\r\n}\r\n\r\n.inactive-tab {\r\n    background: rgba(244, 244, 245, 1)\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!./RoundedTabMenuItem.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!./RoundedTabMenuItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoundedTabMenuItem.vue?vue&type=template&id=7c9cd393&scoped=true&\"\nimport script from \"./RoundedTabMenuItem.vue?vue&type=script&lang=js&\"\nexport * from \"./RoundedTabMenuItem.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RoundedTabMenuItem.vue?vue&type=style&index=0&id=7c9cd393&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  \"7c9cd393\",\n  null\n  \n)\n\nexport default component.exports","<!-- eslint-disable prettier/prettier -->\r\n<template>\r\n    <nav class=\"rounded-tab-menu-container\" role=\"navigation\" :aria-label=\"'Contact Information Navigation'\">\r\n        <ul v-for=\"(tab, index) in tabMenuItems\" v-bind:key=\"index\" class=\"rounded-tab-menu-items\">\r\n            <li role=\"none\">\r\n                <RoundedTabMenuItem :tab=\"tab\" />\r\n            </li>\r\n        </ul>\r\n    </nav>\r\n</template>\r\n\r\n<!-- eslint-disable prettier/prettier -->\r\n<script>\r\n\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport RoundedTabMenuItem from \"./RoundedTabMenuItem.vue\";\r\nexport default {\r\n    name: \"RoundedTabMenu\",\r\n    props: {\r\n        tabMenuItems: {\r\n            type: Array,\r\n            default() {\r\n                return [];\r\n            }\r\n        }\r\n    },\r\n    components: {\r\n        RoundedTabMenuItem\r\n    },\r\n    data() {\r\n        return {\r\n        };\r\n    },\r\n    computed: {\r\n    },\r\n    watch: {\r\n\r\n    },\r\n    methods: {\r\n    },\r\n    mounted() {\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n// Got some help with the hamburger menu from codepen.io/erikterwan/pen/EVzeRP\r\n.rounded-tab-menu-container {\r\n    display: flex;\r\n    flex-direction: row;\r\n\r\n    .rounded-tab-menu-items {\r\n        display: grid;\r\n        grid-template-columns: 50% 50%;\r\n        column-gap: 10px;\r\n    }\r\n\r\n    .rounded-tab-menu-container {\r\n        display: flex;\r\n        flex-direction: row;\r\n        justify-content: center;\r\n\r\n        @media (max-width: $grid-breakpoint-sm) {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    .hamburger-menu-container {\r\n        display: none;\r\n        min-width: 35px;\r\n        min-height: 35px;\r\n\r\n        @media (max-width: $grid-breakpoint-sm) {\r\n            display: flex;\r\n        }\r\n    }\r\n\r\n    .hamburger-menu-container:active {\r\n        @media (max-width: $grid-breakpoint-sm) {\r\n            background: #007AA3;\r\n        }\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!./RoundedTabMenu.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!./RoundedTabMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RoundedTabMenu.vue?vue&type=template&id=e6f372b6&scoped=true&\"\nimport script from \"./RoundedTabMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./RoundedTabMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RoundedTabMenu.vue?vue&type=style&index=0&id=e6f372b6&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  \"e6f372b6\",\n  null\n  \n)\n\nexport default component.exports","<!-- eslint-disable prettier/prettier -->\r\n<template>\r\n    <div class=\"contact-information-container\">\r\n        <div class=\"contact-info-header-container\">\r\n            <h3 class=\"contact-info-header\">Contact Information</h3>\r\n            <div class=\"green-bar\"></div>\r\n        </div>\r\n        <div class=\"contact-info-menu-container\">\r\n            <div class=\"contact-info-tab-menu\">\r\n                <RoundedTabMenu :tabMenuItems=\"tabMenuItems\" />\r\n            </div>\r\n            <div v-if=\"currentActiveContactInfoTab == 0\" class=\"email-tab-view\">\r\n                <h2 class=\"email-header-text\">Email Address</h2>\r\n                <div v-if=\"isEmailUpdated\" class=\"one-time-code-emailsaved-grid\">\r\n                    <img class=\"one-time-code-emailsaved-icon\" src=\"../assets/images/CheckmarkIcon.svg\"\r\n                        alt=\"checkmark-icon\" />\r\n                    <div class=\"one-time-code-emailsaved-text\">\r\n                        Your new email address was saved.\r\n                    </div>\r\n                    <div class=\"one-time-code-emailsaved-close\">\r\n                        <i class=\"vcore_icon icon-close\" @click=\"closeNotif(false)\" v-on:keyup.enter=\"closeNotif(false)\"\r\n                            tabindex=\"2\"></i>\r\n                    </div>\r\n                </div>\r\n                <div v-if=\"showEmailUpdateError\" class=\"one-time-code-emailerror-grid\">\r\n                    <img class=\"one-time-code-emailsaved-icon\" src=\"../assets/images/ErrorIconHollow.svg\"\r\n                        alt=\"error-icon\" />\r\n                    <div class=\"one-time-code-emailerror-text\">\r\n                        We could not verify your new email address. Please try again.\r\n                    </div>\r\n                    <div class=\"one-time-code-emailsaved-close\">\r\n                        <i class=\"vcore_icon icon-close\" @click=\"closeFailedNotif()\" v-on:keyup.enter=\"closeFailedNotif()\"\r\n                            tabindex=\"2\"></i>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"email-inner-box-grey\">\r\n                    <div class=\"grey-box-contents\">\r\n                        <img src=\"../assets/images/EmaillAddressAtSymbol.svg\" alt=\"Email Address At Symbol\" />\r\n                        <div class=\"email-flex-box\">\r\n                            <p class=\"email-text\">Email Address</p>\r\n                            <p class=\"email-info-text\">This email address will be used for authentication.</p>\r\n                            <p class=\"user-email-text\"> {{ emailAddress }} </p>\r\n                        </div>\r\n                        <div v-on:click=\"this.editEmailView\" class=\"edit-button-container\">\r\n                            <img src=\"../assets/images/BlueEditIcon.svg\" alt=\"Blue Edit Icon\" />\r\n                            <a class=\"edit-text\">Edit</a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div v-if=\"currentActiveContactInfoTab == 1\" class=\"phone-tab-view\">\r\n                <h2 class=\"phone-header-text\">Phone Number</h2>\r\n                <div class=\"phone-inner-box-grey\">\r\n                    <div class=\"grey-box-contents\">\r\n                        <img src=\"../assets/images/BluePhoneIcon.svg\" alt=\"Blue Phone Icon\" />\r\n                        <div class=\"phone-flex-box\">\r\n                            <p class=\"phone-text\">Home Phone Number</p>\r\n                            <p class=\"user-phone-text\"> {{ homePhoneNumber }} </p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"phone-inner-box-grey\">\r\n                    <div class=\"grey-box-contents\">\r\n                        <img src=\"../assets/images/BluePhoneIcon.svg\" alt=\"Blue Phone Icon\" />\r\n                        <div class=\"phone-flex-box\">\r\n                            <p class=\"phone-text\">Mobile Phone Number</p>\r\n                            <p class=\"user-phone-text\">{{ mobilePhoneNumber }}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<!-- eslint-disable prettier/prettier -->\r\n<script>\r\nimport RoundedTabMenu from '../components/Common/RoundedTabMenu/RoundedTabMenu.vue'\r\nimport SmallGreyPhoneSymbol from '../assets/images/SmallGreyPhoneSymbol.svg'\r\nimport SmallGreyAtSymbol from '../assets/images/SmallGreyAtSymbol.svg'\r\n\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nexport default {\r\n    name: \"ContactInfo\",\r\n    props: {\r\n\r\n    },\r\n    components: {\r\n        RoundedTabMenu\r\n    },\r\n    data() {\r\n        return {  \r\n            isEmailUpdated: false,  \r\n            showEmailUpdateError: false,               \r\n            emailAddress: '',\r\n            ssn: '',\r\n            homePhoneNumber: '',\r\n            mobilePhoneNumber: '',\r\n            tabMenuItems: [\r\n                {\r\n                    tabId: 0,\r\n                    title: \"Email\",\r\n                    image: SmallGreyAtSymbol\r\n                },\r\n                {\r\n                    tabId: 1,\r\n                    title: \"Phone\",\r\n                    image: SmallGreyPhoneSymbol\r\n                },\r\n            ]\r\n        };\r\n    },\r\n    computed: {\r\n        ...mapGetters([\"currentActiveContactInfoTab\", \"accountSummary\", \"emailUpdated\"]),\r\n    },\r\n    watch: {\r\n\r\n    },\r\n    methods: {\r\n        ...mapActions([\"setEmailUpdated\", \"resetEmailUpdateAttempts\"]),\r\n\r\n        editEmailView() {\r\n            this.resetEmailUpdateAttempts();\r\n            this.$router.push({\r\n                name: \"EditYourEmail\",\r\n            });\r\n        },\r\n        closeNotif(val) {\r\n            this.isEmailUpdated = val\r\n            this.setEmailUpdated(false)\r\n        },\r\n        closeFailedNotif() {\r\n            this.showEmailUpdateError = false\r\n        },\r\n    },\r\n    mounted() {\r\n        this.emailAddress = this.accountSummary.emailAddress ? this.accountSummary.emailAddress : \"N/A\"\r\n        this.homePhoneNumber = this.accountSummary.homePhoneNumber ? this.accountSummary.homePhoneNumber : \"N/A\"\r\n        this.mobilePhoneNumber = this.accountSummary.mobilePhoneNumber ? this.accountSummary.mobilePhoneNumber : \"N/A\"\r\n        this.ssn = this.accountSummary.ssn;           \r\n        this.isEmailUpdated = this.emailUpdated;    \r\n        this.showEmailUpdateError = this.$route.params.showEmailUpdateError;\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.contact-information-container {\r\n    margin: 0px 3%;\r\n\r\n    .contact-info-header-container {\r\n        margin-top: 50px;\r\n    }\r\n\r\n    .contact-info-header {\r\n        font-family: 'Poppins';\r\n        font-weight: 500;\r\n        font-size: 20px;\r\n        line-height: 32px;\r\n    }\r\n\r\n    .green-bar {\r\n        background: linear-gradient(117.73deg, #4EA700 0%, #006747 100%);\r\n        height: 2px;\r\n        margin-top: 10px;\r\n    }\r\n\r\n    .contact-info-menu-container {\r\n        margin-top: 30px;\r\n\r\n        .email-tab-view {\r\n            position: relative;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            padding: 30px;\r\n            gap: 20px;\r\n            width: auto;\r\n            min-height: 259px;\r\n            border-radius: 0px 20px 20px 20px;\r\n            background: rgb(255, 255, 255);\r\n            box-shadow: 0px 8px 18px rgba(30, 30, 37, 0.16), 0px 5px 6px -3px rgba(30, 30, 37, 0.1);\r\n            z-index: 1;\r\n\r\n            .email-inner-box-grey {\r\n                display: grid;\r\n                grid-template-rows: repeat(3, auto);\r\n                padding: 20px;\r\n                width: 100%;\r\n                height: auto;\r\n                border: 1px solid #D3D6DD;\r\n                border-radius: 5px;\r\n\r\n                @media (max-width: $grid-breakpoint-sm) {\r\n                    height: auto;\r\n                }\r\n\r\n                .grey-box-contents {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    gap: 10px;\r\n                    align-items: flex-start;\r\n\r\n                    .email-flex-box {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        gap: 15px;\r\n                        width: 100%;\r\n                        word-break: break-word;\r\n\r\n                        .email-info-text {\r\n                            font-family: 'Open Sans';\r\n                            font-weight: 400;\r\n                            font-size: 16px;\r\n                            line-height: 26px;\r\n                        }\r\n\r\n                        .user-email-text {\r\n                            font-family: 'Open Sans';\r\n                            font-weight: 600;\r\n                            font-size: 16px;\r\n                            line-height: 26px;\r\n                            word-wrap: break-word;\r\n                        }\r\n                    }\r\n\r\n                    .edit-button-container {\r\n                        display: flex;\r\n                        flex-direction: row;\r\n                        margin-left: auto;\r\n                    }\r\n                }\r\n\r\n            }\r\n\r\n            .email-header-text {\r\n                font-family: 'Poppins';\r\n                font-weight: 500;\r\n                font-size: 20px;\r\n                line-height: 32px;\r\n            }\r\n\r\n            .email-text {\r\n                font-family: 'Open Sans';\r\n                font-weight: 700;\r\n                font-size: 16px;\r\n                line-height: 26px;\r\n            }\r\n\r\n            .edit-text {\r\n                font-family: 'Open Sans';\r\n                font-weight: 700;\r\n                font-size: 16px;\r\n                line-height: 26px;\r\n                color: #007Aa3;\r\n                cursor: pointer;\r\n            }\r\n        }\r\n\r\n\r\n        .phone-tab-view {\r\n            position: relative;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            padding: 30px;\r\n            gap: 20px;\r\n            width: auto;\r\n            min-height: 259px;\r\n            border-radius: 0px 20px 20px 20px;\r\n            background: rgb(255, 255, 255);\r\n            box-shadow: 0px 8px 18px rgba(30, 30, 37, 0.16), 0px 5px 6px -3px rgba(30, 30, 37, 0.1);\r\n            z-index: 1;\r\n\r\n            .phone-inner-box-grey {\r\n                display: grid;\r\n                grid-template-rows: repeat(3, auto);\r\n                padding: 20px;\r\n                width: 100%;\r\n                height: 115px;\r\n                border: 1px solid #D3D6DD;\r\n                border-radius: 5px;\r\n\r\n                .grey-box-contents {\r\n                    display: grid;\r\n                    grid-template-columns: 4% 91% 5%;\r\n                    align-items: flex-start;\r\n\r\n\r\n                    @media (max-width: $grid-breakpoint-sm) {\r\n                        grid-template-columns: 15% 80% 5%;\r\n                    }\r\n\r\n                    .phone-flex-box {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        gap: 15px;\r\n\r\n                        .phone-info-text {\r\n                            font-family: 'Open Sans';\r\n                            font-weight: 400;\r\n                            font-size: 16px;\r\n                            line-height: 26px;\r\n                        }\r\n\r\n                        .user-phone-text {\r\n                            font-family: 'Open Sans';\r\n                            font-weight: 600;\r\n                            font-size: 16px;\r\n                            line-height: 26px;\r\n                        }\r\n                    }\r\n\r\n                    .edit-button-container {\r\n                        display: flex;\r\n                        flex-direction: row;\r\n                    }\r\n                }\r\n\r\n            }\r\n\r\n            .phone-header-text {\r\n                font-family: 'Poppins';\r\n                font-weight: 500;\r\n                font-size: 20px;\r\n                line-height: 32px;\r\n            }\r\n\r\n            .phone-text {\r\n                font-family: 'Open Sans';\r\n                font-weight: 700;\r\n                font-size: 16px;\r\n                line-height: 26px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .one-time-code-emailsaved-grid {\r\n        display: grid;\r\n        flex-direction: column;\r\n        padding: 10px 13px;\r\n        background: #F2F9E9;\r\n        border: 1px solid #60981A;\r\n        border-radius: 5px;\r\n        width: 100%;\r\n        grid-template-columns: 3% 90% 7%;\r\n        grid-template-rows: repeat(2, auto);\r\n        margin-bottom: 15px;\r\n\r\n        @media (max-width: $grid-breakpoint-lg) {\r\n            grid-template-columns: 5% 88% 7%;\r\n        }\r\n\r\n        @media (max-width: $grid-breakpoint-md) {\r\n            grid-template-columns: 7% 86% 7%;\r\n        }\r\n    }\r\n    \r\n    .one-time-code-emailsaved-icon {\r\n        grid-column: 1 / 3;\r\n        grid-row: 1;\r\n    }\r\n\r\n    .one-time-code-emailsaved-text {\r\n        grid-column: 2 / 3;\r\n        grid-row: 1;\r\n        color: #006747;\r\n        font-family: 'Poppins';\r\n        font-weight: 500;\r\n        font-size: 14px;\r\n        line-height: 20px;\r\n        letter-spacing: 0.04em;\r\n    }\r\n\r\n    .one-time-code-emailsaved-close {\r\n        grid-column: 3 / 3;\r\n        grid-row: 1;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .one-time-code-emailerror-grid{\r\n        display: grid;\r\n        flex-direction: column;\r\n        padding: 10px 13px;\r\n        background: #FCE6E6;\r\n        border: 2px solid #E30000;\r\n        border-radius: 5px;\r\n        width: 100%;\r\n        grid-template-columns: 3% 90% 7%;\r\n        grid-template-rows: repeat(2, auto);\r\n        margin-bottom: 15px;\r\n\r\n        @media (max-width: $grid-breakpoint-lg) {\r\n            grid-template-columns: 5% 88% 7%;\r\n        }\r\n\r\n        @media (max-width: $grid-breakpoint-md) {\r\n            grid-template-columns: 7% 86% 7%;\r\n        }\r\n    }\r\n\r\n    .one-time-code-emailerror-text {\r\n        grid-column: 2 / 3;\r\n        grid-row: 1;\r\n        color: #880000;\r\n        font-family: 'Poppins';\r\n        font-weight: 500;\r\n        font-size: 14px;\r\n        line-height: 20px;\r\n        letter-spacing: 0.04em;\r\n    }\r\n\r\n    .icon-close {\r\n        float: right;\r\n        color: #006747;\r\n        font-size: 20px;\r\n    }\r\n\r\n    .icon-close:hover {\r\n        cursor: pointer;\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!./ContactInfo.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!./ContactInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ContactInfo.vue?vue&type=template&id=18ac2586&scoped=true&\"\nimport script from \"./ContactInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./ContactInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ContactInfo.vue?vue&type=style&index=0&id=18ac2586&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  \"18ac2586\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/CheckmarkIcon.94cb25b0.svg\";","module.exports = __webpack_public_path__ + \"img/SmallGreyAtSymbol.d05a4f93.svg\";","module.exports = __webpack_public_path__ + \"img/SmallGreyPhoneSymbol.69ee4f79.svg\";","module.exports = __webpack_public_path__ + \"img/ErrorIconHollow.272571f5.svg\";"],"sourceRoot":""}