{"version":3,"sources":["webpack:///./src/components/dashboard/myAccount/ThePrimaryContactEdit.vue","webpack:///./src/components/global/TheEmailValidation.vue","webpack:///src/components/global/TheEmailValidation.vue","webpack:///./src/components/global/TheEmailValidation.vue?ffb6","webpack:///./src/components/global/TheEmailValidation.vue?cfde","webpack:///src/components/dashboard/myAccount/ThePrimaryContactEdit.vue","webpack:///./src/components/dashboard/myAccount/ThePrimaryContactEdit.vue?478b","webpack:///./src/components/dashboard/myAccount/ThePrimaryContactEdit.vue?a81a","webpack:///./src/components/dashboard/myAccount/ThePrimaryContactEdit.vue?160e"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","on","$event","preventDefault","register","apply","arguments","attrs","model","value","firstName","callback","$$v","expression","lastName","directives","name","rawName","mobileValid","mobile","revalidateMobile","ref","onValidateMobile","updateUser","staticRenderFns","class","email","emailIsValid","emailExist","emailValidation","scopedSlots","_u","key","fn","proxy","$bvModal","hide","emailValidated","_e","data","errorMessage","methods","ID","Email","LanguageCode","confirmEmail","beforeMount","component","components","TheEmailValidation","TheMobileValidation","mobileCountryCode","errorMassage","FirstName","LastName","CountryCode","Mobile","onComplete","handleMobile"],"mappings":"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","file":"assets/js/chunk-b8fbbe28.5640093f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"benefits rounded primary-address-form\"},[_c('div',{staticClass:\"col-md-12 py-4 m-auto\"},[_c('div',{staticClass:\"border-bottom d-flex justify-content-between align-items-center pb-2 mb-5\"},[_c('div',[_c('h4',{staticClass:\"section-title\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"accountSettings.label.primaryContact\"))+\" \")])])]),_c('b-card',{staticClass:\"mx-auto my-3\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.register.apply(null, arguments)}}},[_c('div',{},[_c('div',{staticClass:\"item\"},[_c('label',{staticClass:\"pl-2\"},[_vm._v(_vm._s(_vm.$t(\"contactInfo.label.firstName\")))]),_c('b-form-input',{staticClass:\"input-pills\",attrs:{\"type\":\"text\",\"required\":\"\",\"placeholder\":_vm.$t('contactInfo.label.firstName')},model:{value:(_vm.firstName),callback:function ($$v) {_vm.firstName=$$v},expression:\"firstName\"}})],1),_c('div',{staticClass:\"item\"},[_c('label',{staticClass:\"pl-2\"},[_vm._v(_vm._s(_vm.$t(\"contactInfo.label.lastName\")))]),_c('b-form-input',{staticClass:\"input-pills\",attrs:{\"type\":\"text\",\"required\":\"\",\"placeholder\":_vm.$t('contactInfo.label.lastName')},model:{value:(_vm.lastName),callback:function ($$v) {_vm.lastName=$$v},expression:\"lastName\"}})],1),_c('div',{staticClass:\"item\"},[_c('label',{staticClass:\"form-label pl-2\"},[_vm._v(_vm._s(_vm.$t(\"signIn.label.emailAddress\")))]),_c('TheEmailValidation')],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.mobileValid),expression:\"mobileValid\"}],staticClass:\"item\"},[_c('label',{staticClass:\"pl-2\"},[_vm._v(_vm._s(_vm.$t(\"signIn.label.phoneNumber\")))]),_c('b-input-group',{staticClass:\"row mx-0 py-1\"},[_c('b-form-input',{staticClass:\"input-pills rounded-pill\",attrs:{\"type\":\"text\",\"required\":\"\",\"placeholder\":_vm.$t('signIn.label.phoneNumber'),\"state\":_vm.mobileValid,\"disabled\":\"\"},model:{value:(_vm.mobile),callback:function ($$v) {_vm.mobile=$$v},expression:\"mobile\"}})],1),_c('b-button',{staticClass:\"pl-2 pt-0\",attrs:{\"variant\":\"link\"},on:{\"click\":_vm.revalidateMobile}},[_vm._v(_vm._s(_vm.$t(\"Validations.mobile.change\")))])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.mobileValid),expression:\"!mobileValid\"}],staticClass:\"item\"},[_c('label',{staticClass:\"form-label pl-2\"},[_vm._v(_vm._s(_vm.$t(\"signIn.label.phoneNumber\")))]),_c('TheMobileValidation',{ref:\"mobileValidator\",on:{\"onValidate\":_vm.onValidateMobile}})],1)])]),_c('div',{staticClass:\"row\"},[_c('b-col',{staticClass:\"pr-2\",attrs:{\"cols\":\"6\"}},[_c('b-button',{staticClass:\"w-100\",attrs:{\"pill\":\"\",\"variant\":\"secondary\",\"to\":{ name: 'PrimaryContact' },\"replace\":\"\"}},[_vm._v(_vm._s(_vm.$t(\"global.button.cancel\"))+\" \")])],1),_c('b-col',{staticClass:\"pl-2\",attrs:{\"cols\":\"6\"}},[_c('b-button',{staticClass:\"w-100\",attrs:{\"pill\":\"\",\"variant\":\"primary\",\"disabled\":!_vm.mobileValid},on:{\"click\":function($event){return _vm.updateUser()}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"global.button.save\"))+\" \")])],1)],1)])],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mb-2\"},[_c('b-input-group',[_c('b-form-input',{staticClass:\"rounded-pill\",class:{ 'left-rounded': _vm.email, 'input-pills': !_vm.email },attrs:{\"type\":\"email\",\"disabled\":\"\",\"state\":_vm.emailIsValid && !_vm.emailExist},on:{\"blur\":function($event){return _vm.emailValidation()}},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('b-modal',{attrs:{\"id\":\"emailValidate\",\"hideFooter\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_c('b-icon',{attrs:{\"icon\":\"lock\"}}),_c('span',{staticClass:\"text-primary pl-2\"},[_vm._v(_vm._s(_vm.$t('Validations.email.emailValidation')))])]},proxy:true}])},[_c('b-row',{staticClass:\"p-4\"},[_c('b-col',{attrs:{\"cols\":\"12\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Validations.email.securityText'))+\" \")])],1),_c('b-row',{staticClass:\"px-4 pb-4\"},[_c('b-col',{attrs:{\"cols\":\"4\"}},[_c('b-button',{staticClass:\"w-100\",attrs:{\"pill\":\"\",\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.$bvModal.hide('emailValidate')}}},[_vm._v(_vm._s(_vm.$t('Validations.email.gotIt')))])],1)],1)],1)],1),_c('div',{staticClass:\"pl-2\"},[(_vm.emailExist)?_c('p',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.$t('Validations.email.emailInUse')))]):(!_vm.emailIsValid)?_c('p',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.$t('Validations.email.incomplete')))]):(!_vm.emailValidated)?_c('b-button',{attrs:{\"variant\":\"link\"},on:{\"click\":_vm.revalidateMobile}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Validations.email.validateNow\"))+\" \")]):_vm._e()],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"mb-2\">\r\n    <b-input-group>\r\n      <b-form-input\r\n      type=\"email\"\r\n      disabled\r\n      class=\"rounded-pill\"\r\n      :class=\"{ 'left-rounded': email, 'input-pills': !email }\"\r\n      v-model=\"email\"\r\n      :state=\"emailIsValid && !emailExist\"\r\n      @blur=\"emailValidation()\"\r\n    />\r\n    <!-- <b-input-group-append>\r\n      <b-button\r\n        v-show=\"email\"\r\n        size=\"sm\"\r\n        class=\"right-rounded\"\r\n        :variant=\"\r\n          emailValidated && emailIsValid && !emailExist\r\n            ? 'success'\r\n            : 'outline-danger'\r\n        \"\r\n        @click=\"updateEmail()\"\r\n        :disabled=\"emailValidated || !emailIsValid || emailExist\"\r\n        ><b v-if=\"emailExist\">{{$t('Validations.email.emailInUse')}}</b>\r\n        <b v-else-if=\"!emailIsValid\">{{$t('Validations.email.incomplete')}}</b>\r\n        <b v-else-if=\"emailValidated\">{{$t('Validations.email.validated')}}</b>\r\n        <b v-else>{{$t('Validations.email.validateNow')}}</b>\r\n      </b-button>\r\n    </b-input-group-append> -->\r\n    <b-modal id=\"emailValidate\" hideFooter>\r\n      <template #modal-title>\r\n        <b-icon icon=\"lock\"/>\r\n        <span class=\"text-primary pl-2\">{{$t('Validations.email.emailValidation')}}</span>\r\n      </template>\r\n      <b-row class=\"p-4\">\r\n        <b-col cols=\"12\">\r\n          {{$t('Validations.email.securityText')}}\r\n        </b-col>\r\n      </b-row>\r\n      <b-row class=\"px-4 pb-4\">\r\n        <b-col cols=\"4\">\r\n          <b-button\r\n            class=\"w-100\"\r\n            pill\r\n            variant=\"primary\"\r\n            @click=\"$bvModal.hide('emailValidate')\"\r\n            >{{$t('Validations.email.gotIt')}}</b-button\r\n          >\r\n        </b-col>\r\n      </b-row>\r\n    </b-modal>\r\n  </b-input-group>\r\n  <div class=\"pl-2\">\r\n    <p class=\"text-danger\" v-if=\"emailExist\">{{$t('Validations.email.emailInUse')}}</p>\r\n    <p class=\"text-danger\" v-else-if=\"!emailIsValid\">{{$t('Validations.email.incomplete')}}</p>\r\n    <b-button v-else-if=\"!emailValidated\" variant=\"link\" @click=\"revalidateMobile\">\r\n      {{\r\n        $t(\"Validations.email.validateNow\")\r\n      }}\r\n    </b-button>\r\n  </div>\r\n</div>\r\n</template>\r\n<script>\r\n// import axios from \"axios\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      email: this.$store.getters.user.Contact.Email?.toLowerCase(),\r\n      emailExist: false,\r\n      emailValidated: false,\r\n      emailIsValid: false,\r\n      errorMessage: null\r\n    };\r\n  },\r\n  methods: {\r\n    async updateEmail() {\r\n      //Changes the user info in the DB\r\n      this.$store.dispatch(\"updateUser\", {\r\n        ID: this.$store.state.user.user.UserId,\r\n        Email: this.email,\r\n        LanguageCode: this.$i18n.locale\r\n      });\r\n      this.confirmEmail();\r\n    },\r\n    confirmEmail() {\r\n      this.$bvModal.show(\"emailValidate\");\r\n    },\r\n    async emailValidation() {\r\n      if (this.email) {\r\n        this.emailIsValid = /\\S+@\\S+\\.\\S+/.test(this.email);\r\n        this.emailValidated = this.$store.getters.user.IsEmailVerified;\r\n      }\r\n    }\r\n  },\r\n  beforeMount() {\r\n    this.emailValidation();\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheEmailValidation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheEmailValidation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheEmailValidation.vue?vue&type=template&id=357492de&\"\nimport script from \"./TheEmailValidation.vue?vue&type=script&lang=js&\"\nexport * from \"./TheEmailValidation.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/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","<template>\r\n  <div class=\"benefits rounded primary-address-form\">\r\n    <div class=\"col-md-12 py-4 m-auto\">\r\n      <div\r\n        class=\"border-bottom d-flex justify-content-between align-items-center pb-2 mb-5\"\r\n      >\r\n        <div>\r\n          <h4 class=\"section-title\">\r\n            {{ $t(\"accountSettings.label.primaryContact\") }}\r\n          </h4>\r\n        </div>\r\n      </div>\r\n      <b-card class=\"mx-auto my-3\">\r\n        <form @submit.prevent=\"register\">\r\n          <div class=\"\">\r\n            <div class=\"item\">\r\n              <label class=\"pl-2\">{{ $t(\"contactInfo.label.firstName\") }}</label>\r\n              <b-form-input\r\n                type=\"text\"\r\n                v-model=\"firstName\"\r\n                required\r\n                class=\"input-pills\"\r\n                :placeholder=\"$t('contactInfo.label.firstName')\"\r\n              />\r\n            </div>\r\n            <div class=\"item\">\r\n              <label class=\"pl-2\">{{ $t(\"contactInfo.label.lastName\") }}</label>\r\n              <b-form-input\r\n                type=\"text\"\r\n                v-model=\"lastName\"\r\n                required\r\n                :placeholder=\"$t('contactInfo.label.lastName')\"\r\n                class=\"input-pills\"\r\n              />\r\n            </div>\r\n            <div class=\"item\">\r\n              <label class=\"form-label pl-2\">{{ $t(\"signIn.label.emailAddress\") }}</label>\r\n              <TheEmailValidation />\r\n            </div>\r\n            <div class=\"item\" v-show=\"mobileValid\">\r\n              <label class=\"pl-2\">{{ $t(\"signIn.label.phoneNumber\") }}</label>\r\n              <b-input-group class=\"row mx-0 py-1\">\r\n                <b-form-input\r\n                  type=\"text\"\r\n                  v-model=\"mobile\"\r\n                  required\r\n                  class=\"input-pills rounded-pill\"\r\n                  :placeholder=\"$t('signIn.label.phoneNumber')\"\r\n                  :state=\"mobileValid\"\r\n                  disabled\r\n                />\r\n                <!-- <b-button class=\"right-rounded\" variant=\"success\" disabled size=\"sm\">\r\n                  <b>{{ $t(\"Validations.mobile.validated\") }}</b>\r\n                </b-button> -->\r\n              </b-input-group>\r\n              <b-button class=\"pl-2 pt-0\" variant=\"link\" @click=\"revalidateMobile\">{{\r\n                $t(\"Validations.mobile.change\")\r\n              }}</b-button>\r\n            </div>\r\n\r\n            <div class=\"item\" v-show=\"!mobileValid\">\r\n              <label class=\"form-label pl-2\">{{ $t(\"signIn.label.phoneNumber\") }}</label>\r\n              <TheMobileValidation @onValidate=\"onValidateMobile\" ref=\"mobileValidator\" />\r\n            </div>\r\n          </div>\r\n        </form>\r\n        <div class=\"row\">\r\n          <b-col cols=\"6\" class=\"pr-2\">\r\n            <b-button\r\n              pill\r\n              variant=\"secondary\"\r\n              class=\"w-100\"\r\n              :to=\"{ name: 'PrimaryContact' }\"\r\n              replace\r\n              >{{ $t(\"global.button.cancel\") }}\r\n            </b-button>\r\n          </b-col>\r\n          <b-col cols=\"6\" class=\"pl-2\">\r\n            <b-button\r\n              pill\r\n              variant=\"primary\"\r\n              class=\"w-100\"\r\n              @click=\"updateUser()\"\r\n              :disabled=\"!mobileValid\"\r\n            >\r\n              {{ $t(\"global.button.save\") }}\r\n            </b-button>\r\n          </b-col>\r\n        </div></b-card\r\n      >\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport TheEmailValidation from \"@/components/global/TheEmailValidation.vue\";\r\nimport TheMobileValidation from \"@/components/global/TheMobileValidation.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    TheEmailValidation,\r\n    TheMobileValidation,\r\n  },\r\n  data() {\r\n    return {\r\n      firstName: this.$store.getters.user.Contact.FirstName,\r\n      lastName: this.$store.getters.user.Contact.LastName,\r\n      email: this.$store.getters.user.Contact.Email,\r\n      mobile: this.$store.getters.user.Contact.Mobile,\r\n      mobileCountryCode: null,\r\n      mobileValid: this.$store.getters.user.IsMobileVerified,\r\n      errorMassage: null,\r\n    };\r\n  },\r\n  methods: {\r\n    revalidateMobile() {\r\n      this.mobileValid = false;\r\n      this.$refs.mobileValidator.revalidateMobile();\r\n    },\r\n    onValidateMobile() {\r\n      this.mobileValid = true;\r\n      this.mobile = this.$store.getters.user.Contact.Mobile;\r\n    },\r\n    async updateUser() {\r\n      //Changes the user info in the DB\r\n\r\n      let countryCode;\r\n      this.$store.getters.countries.forEach((element) => {\r\n        if (this.country === element.Name) countryCode = element.Code;\r\n      });\r\n      this.$store.dispatch(\"updateUser\", {\r\n        ID: this.$store.state.user.user.UserId,\r\n        FirstName: this.firstName,\r\n        LastName: this.lastName,\r\n        LanguageCode: this.$i18n.locale,\r\n        CountryCode: countryCode,\r\n        Mobile: this.mobile,\r\n      });\r\n      this.$router.push({ name: \"PrimaryContact\" });\r\n    },\r\n    onComplete(v) {\r\n      this.verificationCode = v;\r\n      this.mobileValidate();\r\n    },\r\n    handleMobile(mobile, isValid, c, countryCode) {\r\n      this.mobile = mobile;\r\n      this.mobileValid = isValid;\r\n      this.mobileCountryCode = countryCode;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.input-tel__input {\r\n  border-radius: 0px !important;\r\n  border-right: 0px !important;\r\n}\r\n\r\n.country-selector__input {\r\n  border-top-left-radius: 50px !important;\r\n  border-bottom-left-radius: 50px !important;\r\n}\r\n\r\n.select-country-container {\r\n  width: 100px !important;\r\n  min-width: 100px !important;\r\n  max-width: 100px !important;\r\n}\r\n.primary-address-form {\r\n  .card {\r\n    width: 400px;\r\n  }\r\n  .section-title {\r\n    font-weight: 600;\r\n    font-size: 20px;\r\n    font-family: \"Inter\", sans-serif !important;\r\n    color: #111111;\r\n    margin-bottom: 0;\r\n  }\r\n  .card-body {\r\n    padding: 24px;\r\n  }\r\n  input {\r\n    height: 48px;\r\n    border-color: #d0d0d0 !important;\r\n    box-shadow: none !important;\r\n  }\r\n  .item {\r\n    margin-bottom: 24px;\r\n  }\r\n  .input-tel__input {\r\n    border-left: 0 !important;\r\n    &::placeholder {\r\n      color: #acacac !important;\r\n      font-size: 12px;\r\n      font-family: \"Inter\", sans-serif !important;\r\n    }\r\n  }\r\n  .country-selector {\r\n    position: relative;\r\n    z-index: 2 !important;\r\n    &:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 0;\r\n      height: 33px;\r\n      background: #d0d0d0;\r\n      width: 1px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n    }\r\n    svg {\r\n      display: none !important;\r\n    }\r\n    &__label {\r\n      display: none;\r\n    }\r\n    &__input {\r\n      padding: 0 0 0 12px !important;\r\n      border-right: 0 !important;\r\n      font-size: 14px;\r\n      color: #777 !important;\r\n      font-family: \"Inter\", sans-serif !important;\r\n    }\r\n  }\r\n  .btn:not(.btn-link) {\r\n    height: 48px;\r\n    font-size: 16px;\r\n    font-family: \"Inter\", sans-serif !important;\r\n    font-weight: 500;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    &.btn-secondary {\r\n      border: 1px solid $light-blue;\r\n      color: $light-blue;\r\n      background: none;\r\n    }\r\n    &:hover {\r\n      background: #00559d !important;\r\n      color: white !important;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ThePrimaryContactEdit.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ThePrimaryContactEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThePrimaryContactEdit.vue?vue&type=template&id=2f46174d&\"\nimport script from \"./ThePrimaryContactEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./ThePrimaryContactEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThePrimaryContactEdit.vue?vue&type=style&index=0&id=2f46174d&prod&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/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","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/sass-loader/dist/cjs.js??ref--14-0!../../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ThePrimaryContactEdit.vue?vue&type=style&index=0&id=2f46174d&prod&lang=scss&\""],"sourceRoot":""}