{"version":3,"sources":["webpack:///./src/components/contactRegistration.vue?eb5b","webpack:///./src/router/views/contactRegistration.vue","webpack:///./src/components/contactRegistration.vue","webpack:///src/components/contactRegistration.vue","webpack:///./src/components/contactRegistration.vue?6b7c","webpack:///./src/components/contactRegistration.vue?1321","webpack:///src/router/views/contactRegistration.vue","webpack:///./src/router/views/contactRegistration.vue?d879","webpack:///./src/router/views/contactRegistration.vue?670d"],"names":["_vm","_c","staticClass","_v","attrs","ref","on","model","value","expression","selectedContact","callback","$set","directives","rawName","v","currentLuPeriod","staticRenderFns","name","props","data","valid","dayjs","mask","components","LuState","FilingInstructions","computed","authComputed","get","created","methods","call","validate","_context","_this","saveContactDetails","_context2","_this2","contact","newUser","UserId","RoleId","varContact","query","contactId","console","populateFirstLastName","watch","currentUser","nval","oval","component","page","title","meta","content","contactRegistration"],"mappings":"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","file":"js/chunk-280f0c76.e051cc75.js","sourcesContent":["export * from \"-!../../node_modules/.pnpm/mini-css-extract-plugin@0.9.0_webpack@4.46.0/node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/.pnpm/css-loader@3.6.0_webpack@4.46.0/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/.pnpm/vue-loader@15.10.0_babel-core@6.26.3_cache-loader@4.1.0_webpack@4.46.0__css-loader@3.6.0_webp_udv6dfxodsw7uc4hsutapgh2be/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/.pnpm/postcss-loader@3.0.0/node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/.pnpm/vue-loader@15.10.0_babel-core@6.26.3_cache-loader@4.1.0_webpack@4.46.0__css-loader@3.6.0_webp_udv6dfxodsw7uc4hsutapgh2be/node_modules/vue-loader/lib/index.js??vue-loader-options!../../node_modules/.pnpm/vue-svg-inline-loader@2.1.5/node_modules/vue-svg-inline-loader/src/index.js!./contactRegistration.vue?vue&type=style&index=0&id=44c77f44&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-container',[_c('contactRegistration')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.applicationsAccepted)?_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('h1',{staticClass:\"text-h4 primary--text\"},[_vm._v(\"Customer Contact Registration\")]),_c('h2',{staticClass:\"text-subtitle-1 primary--text\"},[_vm._v(\"Please enter the following information \"),_c('BaseHelpTooltip',{attrs:{\"iconColor\":\"primary\",\"tooltipText\":\"Review Instructions\",\"header\":\"Filing Instructions\",\"maxWidth\":850}},[_c('div',[_c('FilingInstructions')],1)])],1)]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-form',{ref:\"form\",attrs:{\"lazy-validation\":\"\"},on:{\"submit\":function($event){$event.preventDefault();}},model:{value:(_vm.valid),callback:function ($$v) {_vm.valid=$$v},expression:\"valid\"}},[_c('v-card',{staticClass:\"pa-2\",attrs:{\"color\":\"formSectionBg\",\"flat\":\"\"}},[_c('v-card-text',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{attrs:{\"label\":\"First Name\",\"rules\":[(v) => !!v || 'required']},model:{value:(_vm.selectedContact.FirstName),callback:function ($$v) {_vm.$set(_vm.selectedContact, \"FirstName\", $$v)},expression:\"selectedContact.FirstName\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:('A'),expression:\"'A'\"}],attrs:{\"label\":\"M.I.\",\"return-masked-value\":\"\"},model:{value:(_vm.selectedContact.MiddleInitial),callback:function ($$v) {_vm.$set(_vm.selectedContact, \"MiddleInitial\", $$v)},expression:\"selectedContact.MiddleInitial\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{attrs:{\"label\":\"Last Name\",\"rules\":[(v) => !!v || 'required']},model:{value:(_vm.selectedContact.LastName),callback:function ($$v) {_vm.$set(_vm.selectedContact, \"LastName\", $$v)},expression:\"selectedContact.LastName\"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:('###-##-####'),expression:\"'###-##-####'\"}],attrs:{\"label\":\"SSN\",\"return-masked-value\":\"\",\"rules\":[(v) => !!v || 'required']},model:{value:(_vm.selectedContact.Ssn),callback:function ($$v) {_vm.$set(_vm.selectedContact, \"Ssn\", $$v)},expression:\"selectedContact.Ssn\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:('(###) ###-####'),expression:\"'(###) ###-####'\"}],attrs:{\"label\":\"Phone\",\"return-masked-value\":\"\",\"rules\":[(v) => !!v || 'required']},model:{value:(_vm.selectedContact.Phone),callback:function ($$v) {_vm.$set(_vm.selectedContact, \"Phone\", $$v)},expression:\"selectedContact.Phone\"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"Mailing Address1\",\"rules\":[(v) => !!v || 'required']},model:{value:(_vm.selectedContact.MailingAddress1),callback:function ($$v) {_vm.$set(_vm.selectedContact, \"MailingAddress1\", $$v)},expression:\"selectedContact.MailingAddress1\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"Mailing Address2\"},model:{value:(_vm.selectedContact.MailingAddress2),callback:function ($$v) {_vm.$set(_vm.selectedContact, \"MailingAddress2\", $$v)},expression:\"selectedContact.MailingAddress2\"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{attrs:{\"label\":\"City\",\"rules\":[(v) => !!v || 'required']},model:{value:(_vm.selectedContact.City),callback:function ($$v) {_vm.$set(_vm.selectedContact, \"City\", $$v)},expression:\"selectedContact.City\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('LuState',{attrs:{\"label\":\"State\",\"rules\":[(v) => !!v || 'required']},model:{value:(_vm.selectedContact.StateId),callback:function ($$v) {_vm.$set(_vm.selectedContact, \"StateId\", $$v)},expression:\"selectedContact.StateId\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"4\"}},[_c('v-text-field',{directives:[{name:\"mask\",rawName:\"v-mask\",value:(['#####', '#####-####']),expression:\"['#####', '#####-####']\"}],attrs:{\"label\":\"Zip\",\"rules\":[(v) => !!v || 'required']},model:{value:(_vm.selectedContact.Zip),callback:function ($$v) {_vm.$set(_vm.selectedContact, \"Zip\", $$v)},expression:\"selectedContact.Zip\"}})],1)],1)],1)],1)],1),_c('div',{staticClass:\"d-inline-flex float-left\"},[_c('v-btn',{staticClass:\"mr-4 mt-4\",attrs:{\"disabled\":_vm.saving,\"color\":\"primary\"},on:{\"click\":_vm.saveContactDetails}},[_vm._v(\"Next\")])],1)],1)],1):_c('v-row',[(_vm.currentLuPeriod || _vm.errorMessage)?_c('v-card',{staticClass:\"mx-auto my-5 pa-8\"},[(_vm.currentLuPeriod)?_c('div',[(_vm.beforePeriod)?_c('div',[_vm._v(\" The application period for \"+_vm._s(_vm.currentLuPeriod.Period)+\" refunds will open \"+_vm._s(_vm.dayjs(_vm.currentLuPeriod.ApplicationOpenDate).format('MM/DD/YYYY')))]):_vm._e(),(_vm.applicationDeadlineExpired)?_c('div',[_c('p',[_vm._v(\" Application submissions for \"+_vm._s(_vm.currentLuPeriod.Period)+\" refunds are no longer being accepted. \")])]):_vm._e(),(_vm.afterPeriod)?_c('div',[_vm._v(\" The application period for \"+_vm._s(_vm.currentLuPeriod.Period)+\" refunds has closed \")]):_vm._e()]):(_vm.errorMessage)?_c('div',[_vm._v(_vm._s(_vm.errorMessage))]):_vm._e()]):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-row v-if=\"applicationsAccepted\">\r\n      <v-col cols=\"12\">\r\n        <h1 class=\"text-h4 primary--text\">Customer Contact Registration</h1>\r\n        <h2 class=\"text-subtitle-1 primary--text\"\r\n          >Please enter the following information\r\n          <BaseHelpTooltip\r\n            iconColor=\"primary\"\r\n            tooltipText=\"Review Instructions\"\r\n            header=\"Filing Instructions\"\r\n            :maxWidth=\"850\"\r\n            ><div><FilingInstructions></FilingInstructions> </div>\r\n          </BaseHelpTooltip>\r\n        </h2>\r\n      </v-col>\r\n      <v-col cols=\"12\">\r\n        <v-form ref=\"form\" @submit.prevent lazy-validation v-model=\"valid\">\r\n          <v-card color=\"formSectionBg\" flat class=\"pa-2\">\r\n            <v-card-text>\r\n              <v-row>\r\n                <v-col cols=\"12\" md=\"4\">\r\n                  <v-text-field\r\n                    label=\"First Name\"\r\n                    v-model=\"selectedContact.FirstName\"\r\n                    :rules=\"[(v) => !!v || 'required']\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n                <v-col cols=\"12\" md=\"4\">\r\n                  <v-text-field\r\n                    label=\"M.I.\"\r\n                    v-model=\"selectedContact.MiddleInitial\"\r\n                    return-masked-value\r\n                    v-mask=\"'A'\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n                <v-col cols=\"12\" md=\"4\">\r\n                  <v-text-field\r\n                    label=\"Last Name\"\r\n                    v-model=\"selectedContact.LastName\"\r\n                    :rules=\"[(v) => !!v || 'required']\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n              </v-row>\r\n              <v-row>\r\n                <v-col cols=\"12\" md=\"6\">\r\n                  <v-text-field\r\n                    label=\"SSN\"\r\n                    v-model=\"selectedContact.Ssn\"\r\n                    return-masked-value\r\n                    v-mask=\"'###-##-####'\"\r\n                    :rules=\"[(v) => !!v || 'required']\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n                <v-col cols=\"12\" md=\"6\">\r\n                  <v-text-field\r\n                    label=\"Phone\"\r\n                    v-model=\"selectedContact.Phone\"\r\n                    return-masked-value\r\n                    v-mask=\"'(###) ###-####'\"\r\n                    :rules=\"[(v) => !!v || 'required']\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n              </v-row>\r\n              <v-row>\r\n                <v-col cols=\"12\" md=\"6\">\r\n                  <v-text-field\r\n                    label=\"Mailing Address1\"\r\n                    v-model=\"selectedContact.MailingAddress1\"\r\n                    :rules=\"[(v) => !!v || 'required']\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n                <v-col cols=\"12\" md=\"6\">\r\n                  <v-text-field\r\n                    label=\"Mailing Address2\"\r\n                    v-model=\"selectedContact.MailingAddress2\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n              </v-row>\r\n              <v-row>\r\n                <v-col cols=\"12\" md=\"4\">\r\n                  <v-text-field\r\n                    label=\"City\"\r\n                    v-model=\"selectedContact.City\"\r\n                    :rules=\"[(v) => !!v || 'required']\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n                <v-col cols=\"12\" md=\"4\">\r\n                  <LuState\r\n                    label=\"State\"\r\n                    v-model=\"selectedContact.StateId\"\r\n                    :rules=\"[(v) => !!v || 'required']\"\r\n                  ></LuState>\r\n                </v-col>\r\n                <v-col cols=\"12\" md=\"4\">\r\n                  <v-text-field\r\n                    label=\"Zip\"\r\n                    v-model=\"selectedContact.Zip\"\r\n                    :rules=\"[(v) => !!v || 'required']\"\r\n                    v-mask=\"['#####', '#####-####']\"\r\n                  ></v-text-field>\r\n                </v-col>\r\n              </v-row>\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-form>\r\n        <div class=\"d-inline-flex float-left\">\r\n          <v-btn\r\n            @click=\"saveContactDetails\"\r\n            :disabled=\"saving\"\r\n            color=\"primary\"\r\n            class=\"mr-4 mt-4\"\r\n            >Next</v-btn\r\n          >\r\n        </div>\r\n      </v-col>\r\n    </v-row>\r\n    <v-row v-else>\r\n      <v-card v-if=\"currentLuPeriod || errorMessage\" class=\"mx-auto my-5 pa-8\">\r\n        <div v-if=\"currentLuPeriod\">\r\n          <div v-if=\"beforePeriod\">\r\n            The application period for {{ currentLuPeriod.Period }} refunds will\r\n            open\r\n            {{\r\n              dayjs(currentLuPeriod.ApplicationOpenDate).format('MM/DD/YYYY')\r\n            }}</div\r\n          >\r\n          <div v-if=\"applicationDeadlineExpired\">\r\n            <p>\r\n              Application submissions for {{ currentLuPeriod.Period }} refunds\r\n              are no longer being accepted.\r\n            </p>\r\n          </div>\r\n          <div v-if=\"afterPeriod\">\r\n            The application period for {{ currentLuPeriod.Period }} refunds has\r\n            closed\r\n          </div>\r\n        </div>\r\n        <div v-else-if=\"errorMessage\">{{ errorMessage }}</div>\r\n      </v-card></v-row\r\n    >\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport FilingInstructions from '@components/instructions.vue'\r\nimport dayjs from 'dayjs'\r\nimport { authComputed } from '@state/helpers'\r\nimport LuState from '@components/select/LuState/LuState-single'\r\nimport UserRole from '@classes/UserRole'\r\nimport { mask } from 'vue-the-mask'\r\nimport Contact from '@classes/Contact'\r\nimport { get, sync, commit, call } from 'vuex-pathify'\r\nexport default {\r\n  name: 'ContactRegistration',\r\n  props: {},\r\n\r\n  data() {\r\n    return {\r\n      selectedContact: new Contact(),\r\n      valid: true,\r\n      dayjs,\r\n    }\r\n  },\r\n  directives: {\r\n    mask,\r\n  },\r\n  components: {\r\n    LuState,\r\n    FilingInstructions,\r\n  },\r\n  computed: {\r\n    ...authComputed,\r\n    ...get('luPeriod', [\r\n      'currentLuPeriod',\r\n      'errorMessage',\r\n      'withinPeriod',\r\n      'beforePeriod',\r\n      'applicationDeadlineExpired',\r\n      'applicationsAccepted',\r\n      'afterPeriod',\r\n    ]),\r\n    ...get('contact', ['saving']),\r\n  },\r\n  created() {\r\n    this.populateFirstLastName()\r\n  },\r\n  methods: {\r\n    ...call('contact', ['saveContact', 'refreshSelectedContact']),\r\n    ...call('userRole', ['createUserRole']),\r\n    ...call('auth', ['retrieveUserDetail']),\r\n    async validate() {\r\n      await this.$refs.form.validate()\r\n    },\r\n    async saveContactDetails() {\r\n      var valid = await this.validate()\r\n\r\n      if (this.valid) {\r\n        try {\r\n          var varContact\r\n          var contact = this.selectedContact.removeRelated()\r\n\r\n          if (this.currentUser.UserRoles.length == 0) {\r\n            contact.UserId = this.currentUser.Id\r\n            var newUser = new UserRole({\r\n              UserId: this.currentUser.Id,\r\n              RoleId: 3,\r\n            })\r\n            varContact = await this.saveContact(contact)\r\n            await this.createUserRole(newUser.removeRelated())\r\n            await this.retrieveUserDetail(this.currentUser.Email)\r\n          } else if (this.isAdmin) {\r\n            await this.saveContact(contact)\r\n          }\r\n\r\n          this.$router.push({\r\n            name: 'consumerForm',\r\n            query: { contactId: varContact.data.Id },\r\n          })\r\n          //todo: here we want to decide what we do after the save is complete, go to another page?\r\n        } catch (err) {\r\n          console.error(err)\r\n        }\r\n        this.dialog = false\r\n      }\r\n    },\r\n    populateFirstLastName() {\r\n      if (\r\n        this.currentUser &&\r\n        this.currentUser.Id > 0 &&\r\n        (this.isConsumer || this.currentUser.UserRoles.length == 0)\r\n      ) {\r\n        this.selectedContact.FirstName = this.currentUser.FirstName\r\n        this.selectedContact.LastName = this.currentUser.LastName\r\n      }\r\n    },\r\n  },\r\n  watch: {\r\n    currentUser(nval, oval) {\r\n      if (nval) {\r\n        this.populateFirstLastName()\r\n      }\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.btn {\r\n  appearance: none;\r\n  background: transparent;\r\n  border: 2px solid rgb(8, 0, 0);\r\n  color: rgb(38, 148, 57);\r\n  font: 11px / 1 arial;\r\n  letter-spacing: 0.3px;\r\n  padding: 4px 12px;\r\n  height: 24px;\r\n  border-radius: 12px;\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.46.0/node_modules/thread-loader/dist/cjs.js!../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.19.3_webpack@4.46.0/node_modules/babel-loader/lib/index.js!../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.19.3_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--14!../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/.pnpm/vue-loader@15.10.0_babel-core@6.26.3_cache-loader@4.1.0_webpack@4.46.0__css-loader@3.6.0_webp_udv6dfxodsw7uc4hsutapgh2be/node_modules/vue-loader/lib/index.js??vue-loader-options!../../node_modules/.pnpm/vue-svg-inline-loader@2.1.5/node_modules/vue-svg-inline-loader/src/index.js!./contactRegistration.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.46.0/node_modules/thread-loader/dist/cjs.js!../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.19.3_webpack@4.46.0/node_modules/babel-loader/lib/index.js!../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.19.3_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--14!../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/.pnpm/vue-loader@15.10.0_babel-core@6.26.3_cache-loader@4.1.0_webpack@4.46.0__css-loader@3.6.0_webp_udv6dfxodsw7uc4hsutapgh2be/node_modules/vue-loader/lib/index.js??vue-loader-options!../../node_modules/.pnpm/vue-svg-inline-loader@2.1.5/node_modules/vue-svg-inline-loader/src/index.js!./contactRegistration.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./contactRegistration.vue?vue&type=template&id=44c77f44&scoped=true&\"\nimport script from \"./contactRegistration.vue?vue&type=script&lang=js&\"\nexport * from \"./contactRegistration.vue?vue&type=script&lang=js&\"\nimport style0 from \"./contactRegistration.vue?vue&type=style&index=0&id=44c77f44&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/.pnpm/vue-loader@15.10.0_babel-core@6.26.3_cache-loader@4.1.0_webpack@4.46.0__css-loader@3.6.0_webp_udv6dfxodsw7uc4hsutapgh2be/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"44c77f44\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <v-container>\r\n      <contactRegistration></contactRegistration>\r\n    </v-container>\r\n  </div>\r\n</template>\r\n<script>\r\nimport appConfig from '@src/app.config'\r\nimport contactRegistration from '@components/contactRegistration.vue'\r\n\r\nexport default {\r\n  page: {\r\n    title: 'Contact Registration',\r\n    meta: [{ name: 'description', content: appConfig.description }],\r\n  },\r\n  components: { contactRegistration },\r\n}\r\n</script>\r\n","import mod from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.46.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.19.3_webpack@4.46.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.19.3_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.10.0_babel-core@6.26.3_cache-loader@4.1.0_webpack@4.46.0__css-loader@3.6.0_webp_udv6dfxodsw7uc4hsutapgh2be/node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/.pnpm/vue-svg-inline-loader@2.1.5/node_modules/vue-svg-inline-loader/src/index.js!./contactRegistration.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/.pnpm/thread-loader@2.1.3_webpack@4.46.0/node_modules/thread-loader/dist/cjs.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.19.3_webpack@4.46.0/node_modules/babel-loader/lib/index.js!../../../node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.19.3_webpack@4.46.0/node_modules/babel-loader/lib/index.js??ref--14!../../../node_modules/.pnpm/cache-loader@4.1.0_webpack@4.46.0/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/.pnpm/vue-loader@15.10.0_babel-core@6.26.3_cache-loader@4.1.0_webpack@4.46.0__css-loader@3.6.0_webp_udv6dfxodsw7uc4hsutapgh2be/node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/.pnpm/vue-svg-inline-loader@2.1.5/node_modules/vue-svg-inline-loader/src/index.js!./contactRegistration.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./contactRegistration.vue?vue&type=template&id=394445ac&\"\nimport script from \"./contactRegistration.vue?vue&type=script&lang=js&\"\nexport * from \"./contactRegistration.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/.pnpm/vue-loader@15.10.0_babel-core@6.26.3_cache-loader@4.1.0_webpack@4.46.0__css-loader@3.6.0_webp_udv6dfxodsw7uc4hsutapgh2be/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":""}