{"version":3,"sources":["webpack:///./src/components/WAContacts/ContactDetails.vue","webpack:///src/components/WAContacts/ContactDetails.vue","webpack:///./src/components/WAContacts/ContactDetails.vue?6e72","webpack:///./src/components/WAContacts/ContactDetails.vue?68d7","webpack:///../../../src/mixins/button-group/index.ts","webpack:///../../../src/components/VForm/VForm.ts","webpack:///../../../src/components/VBtnToggle/VBtnToggle.ts","webpack:///./src/views/ContactDetailsPage.vue","webpack:///src/views/ContactDetailsPage.vue","webpack:///./src/views/ContactDetailsPage.vue?e182","webpack:///./src/views/ContactDetailsPage.vue?55f1"],"names":["attrs","staticClass","model","callback","_vm","expression","_c","value","edited","jobTitle","$set","$event","preventDefault","email","phone","$$v","class","_v","$refs","on","emergencyPhone","isContactDetailsPage","_e","staticRenderFns","name","props","id","type","Number","default","watch","val","trim","length","computed","disableSave","JSON","stringify","contact","firstName","lastName","companyName","emergencyName","validate","isNew","$route","modalTitle","data","defaultProps","status","parse","required","v","rules","$helpers","validateEmail","validatePhone","methods","getDetails","params","loaderText","url","$axios","post","then","response","$store","commit","saveDetails","fullname","statusChanged","snackText","$router","replace","$emit","guid","mounted","$nextTick","form","component","BaseItemGroup","extend","provide","btnToggle","this","classes","options","call","genData","mixins","BindsAttrs","RegistrableProvide","inheritAttrs","disabled","Boolean","lazyValidation","readonly","inputs","watchers","errorBag","handler","errors","Object","values","includes","deep","immediate","watchInput","input","watcher","$watch","_uid","valid","shouldValidate","hasOwnProperty","filter","reset","forEach","resetErrorBag","setTimeout","resetValidation","register","push","unregister","found","find","i","unwatch","$delete","render","h","novalidate","attrs$","submit","e","getSlot","ButtonGroup","Colorable","backgroundColor","String","borderless","dense","group","rounded","shaped","tile","themeClasses","setTextColor","color","setBackgroundColor","components","ContactDetails"],"mappings":"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","file":"js/chunk-d118f4a0-2024-12-31-10-29.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',[_c('v-card-title',{staticClass:\"msaBlue white--text\"},[_vm._v(\" \"+_vm._s(_vm.modalTitle)+\" \")]),_c('v-card-text',{staticClass:\"mt-4\"},[_c('v-form',{ref:\"form\"},[_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"pb-0\",attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"dense\":\"\",\"counter\":\"\",\"maxlength\":\"100\",\"outlined\":\"\",\"label\":\"First Name\",\"rules\":_vm.required,\"data-testid\":\"firstName\"},model:{value:(_vm.edited.firstName),callback:function ($$v) {_vm.$set(_vm.edited, \"firstName\", $$v)},expression:\"edited.firstName\"}})],1)],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"pb-0\",attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"dense\":\"\",\"counter\":\"\",\"maxlength\":\"100\",\"outlined\":\"\",\"label\":\"Last Name\",\"rules\":_vm.required,\"data-testid\":\"lastName\"},model:{value:(_vm.edited.lastName),callback:function ($$v) {_vm.$set(_vm.edited, \"lastName\", $$v)},expression:\"edited.lastName\"}})],1)],1),_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"pb-0\",attrs:{\"cols\":\"12\"}},[_c('v-text-field',{attrs:{\"dense\":\"\",\"counter\":\"\",\"maxlength\":\"250\",\"outlined\":\"\",\"label\":\"Company\",\"rules\":_vm.required,\"data-testid\":\"companyName\"},model:{value:(_vm.edited.companyName),callback:function ($$v) {_vm.$set(_vm.edited, \"companyName\", $$v)},expression:\"edited.companyName\"}})],1)],1),_c('v-row',[_c('v-col',[_c('v-text-field',{attrs:{\"dense\":\"\",\"counter\":\"\",\"maxlength\":\"250\",\"outlined\":\"\",\"label\":\"Job Title\",\"data-testid\":\"jobTitle\"},model:{value:(_vm.edited.jobTitle),callback:function ($$v) {_vm.$set(_vm.edited, \"jobTitle\", $$v)},expression:\"edited.jobTitle\"}})],1)],1),_c('v-row',[_c('v-col',[_c('v-text-field',{attrs:{\"dense\":\"\",\"counter\":\"\",\"maxlength\":\"250\",\"outlined\":\"\",\"label\":\"Email\",\"rules\":_vm.rules.email,\"data-testid\":\"email\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"space\",32,$event.key,[\" \",\"Spacebar\"]))return null;$event.preventDefault();}},model:{value:(_vm.edited.email),callback:function ($$v) {_vm.$set(_vm.edited, \"email\", $$v)},expression:\"edited.email\"}})],1)],1),_c('v-row',[_c('v-col',[_c('v-text-field',{attrs:{\"dense\":\"\",\"counter\":\"\",\"maxlength\":\"15\",\"outlined\":\"\",\"label\":\"Phone Number\",\"rules\":_vm.rules.phone,\"data-testid\":\"phone\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"space\",32,$event.key,[\" \",\"Spacebar\"]))return null;$event.preventDefault();}},model:{value:(_vm.edited.phone),callback:function ($$v) {_vm.$set(_vm.edited, \"phone\", $$v)},expression:\"edited.phone\"}})],1)],1)],1),(!_vm.isNew)?_c('v-row',{attrs:{\"align\":\"center\"}},[_c('v-col',{staticClass:\"shrink\"},[_vm._v(\" Status \")]),_c('v-col',{attrs:{\"align\":\"left\"}},[_c('v-btn-toggle',{attrs:{\"mandatory\":\"\"},model:{value:(_vm.edited.status),callback:function ($$v) {_vm.$set(_vm.edited, \"status\", $$v)},expression:\"edited.status\"}},[_c('v-btn',{class:(_vm.edited.status ? 'green white--text' : '') + ' text-capitalize',attrs:{\"width\":\"100px\",\"value\":1}},[_vm._v(\" Active \")]),_c('v-btn',{class:(_vm.edited.status ? '' : 'orange white--text') + ' text-capitalize',attrs:{\"width\":\"100px\",\"value\":0}},[_vm._v(\" Inactive \")])],1)],1)],1):_vm._e(),_c('v-row',[_c('v-col',[_c('v-text-field',{attrs:{\"dense\":\"\",\"counter\":\"\",\"maxlength\":\"120\",\"outlined\":\"\",\"label\":\"Emergency Contact\",\"data-testid\":\"emergencyContact\"},on:{\"change\":function($event){// trigger validation\n            _vm.$refs.emergencyPhone.focus();\n            _vm.$refs.emergencyPhone.blur();}},model:{value:(_vm.edited.emergencyName),callback:function ($$v) {_vm.$set(_vm.edited, \"emergencyName\", $$v)},expression:\"edited.emergencyName\"}})],1)],1),_c('v-row',[_c('v-col',[_c('v-text-field',{ref:\"emergencyPhone\",attrs:{\"dense\":\"\",\"counter\":\"\",\"maxlength\":\"15\",\"outlined\":\"\",\"label\":\"Emergency Phone Number\",\"disabled\":_vm.edited.emergencyName.trim().length == 0,\"rules\":_vm.edited.emergencyName.trim().length == 0\n              ? []\n              : _vm.rules.emergencyPhone,\"data-testid\":\"emergencyPhone\"},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"space\",32,$event.key,[\" \",\"Spacebar\"]))return null;$event.preventDefault();}},model:{value:(_vm.edited.emergencyPhone),callback:function ($$v) {_vm.$set(_vm.edited, \"emergencyPhone\", $$v)},expression:\"edited.emergencyPhone\"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{\"align\":\"right\"}},[(!_vm.isContactDetailsPage)?_c('v-btn',{attrs:{\"text\":\"\",\"color\":\"red\"},on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\" cancel \")]):_vm._e(),_c('v-btn',{staticClass:\"msaBlue white--text\",attrs:{\"disabled\":_vm.disableSave,\"data-testid\":\"saveContact\"},on:{\"click\":function($event){return _vm.saveDetails()}}},[_vm._v(\" save \")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-card>\n    <v-card-title class=\"msaBlue white--text\">\n      {{ modalTitle }}\n    </v-card-title>\n    <v-card-text class=\"mt-4\">\n      <v-form ref=\"form\">\n        <v-row align=\"center\">\n          <v-col cols=\"12\" class=\"pb-0\">\n            <v-text-field\n              v-model=\"edited.firstName\"\n              dense\n              counter\n              maxlength=\"100\"\n              outlined\n              label=\"First Name\"\n              :rules=\"required\"\n              data-testid=\"firstName\"\n            ></v-text-field>\n          </v-col>\n        </v-row>\n        <v-row align=\"center\">\n          <v-col cols=\"12\" class=\"pb-0\">\n            <v-text-field\n              v-model=\"edited.lastName\"\n              dense\n              counter\n              maxlength=\"100\"\n              outlined\n              label=\"Last Name\"\n              :rules=\"required\"\n              data-testid=\"lastName\"\n            ></v-text-field>\n          </v-col>\n        </v-row>\n        <v-row align=\"center\">\n          <v-col cols=\"12\" class=\"pb-0\">\n            <v-text-field\n              v-model=\"edited.companyName\"\n              dense\n              counter\n              maxlength=\"250\"\n              outlined\n              label=\"Company\"\n              :rules=\"required\"\n              data-testid=\"companyName\"\n            ></v-text-field>\n          </v-col>\n        </v-row>\n        <v-row>\n          <v-col>\n            <v-text-field\n              v-model=\"edited.jobTitle\"\n              dense\n              counter\n              maxlength=\"250\"\n              outlined\n              label=\"Job Title\"\n              data-testid=\"jobTitle\"\n            ></v-text-field>\n          </v-col>\n        </v-row>\n        <v-row>\n          <v-col>\n            <v-text-field\n              v-model=\"edited.email\"\n              dense\n              counter\n              maxlength=\"250\"\n              outlined\n              label=\"Email\"\n              :rules=\"rules.email\"\n              @keydown.space.prevent\n              data-testid=\"email\"\n            ></v-text-field>\n          </v-col>\n        </v-row>\n        <v-row>\n          <v-col>\n            <v-text-field\n              v-model=\"edited.phone\"\n              dense\n              counter\n              maxlength=\"15\"\n              outlined\n              label=\"Phone Number\"\n              @keydown.space.prevent\n              :rules=\"rules.phone\"\n              data-testid=\"phone\"\n            ></v-text-field>\n          </v-col>\n        </v-row>\n      </v-form>\n      <v-row align=\"center\" v-if=\"!isNew\">\n        <v-col class=\"shrink\"> Status </v-col>\n        <v-col align=\"left\">\n          <v-btn-toggle v-model=\"edited.status\" mandatory>\n            <v-btn\n              width=\"100px\"\n              :value=\"1\"\n              :class=\"\n                (edited.status ? 'green white--text' : '') + ' text-capitalize'\n              \"\n            >\n              Active\n            </v-btn>\n            <v-btn\n              width=\"100px\"\n              :value=\"0\"\n              :class=\"\n                (edited.status ? '' : 'orange white--text') + ' text-capitalize'\n              \"\n            >\n              Inactive\n            </v-btn>\n          </v-btn-toggle>\n        </v-col>\n      </v-row>\n\n      <v-row>\n        <v-col>\n          <v-text-field\n            v-model=\"edited.emergencyName\"\n            dense\n            counter\n            maxlength=\"120\"\n            outlined\n            label=\"Emergency Contact\"\n            @change=\"\n              // trigger validation\n              $refs.emergencyPhone.focus();\n              $refs.emergencyPhone.blur();\n            \"\n            data-testid=\"emergencyContact\"\n          ></v-text-field>\n        </v-col>\n      </v-row>\n      <v-row>\n        <v-col>\n          <v-text-field\n            v-model=\"edited.emergencyPhone\"\n            dense\n            counter\n            ref=\"emergencyPhone\"\n            maxlength=\"15\"\n            outlined\n            label=\"Emergency Phone Number\"\n            :disabled=\"edited.emergencyName.trim().length == 0\"\n            @keydown.space.prevent\n            :rules=\"\n              edited.emergencyName.trim().length == 0\n                ? []\n                : rules.emergencyPhone\n            \"\n            data-testid=\"emergencyPhone\"\n          ></v-text-field>\n        </v-col>\n      </v-row>\n      <v-row>\n        <v-col align=\"right\">\n          <v-btn\n            text\n            color=\"red\"\n            v-if=\"!isContactDetailsPage\"\n            @click=\"$emit('close')\"\n          >\n            cancel\n          </v-btn>\n          <v-btn\n            class=\"msaBlue white--text\"\n            :disabled=\"disableSave\"\n            @click=\"saveDetails()\"\n            data-testid=\"saveContact\"\n          >\n            save\n          </v-btn>\n        </v-col>\n      </v-row>\n    </v-card-text>\n  </v-card>\n</template>\n\n<script>\nexport default {\n  name: 'ContactDetailsPage',\n  props: {\n    id: {\n      type: Number,\n      default: -1,\n    },\n  },\n  watch: {\n    'edited.emergencyName'(val) {\n      if (val.trim().length == 0) {\n        this.edited.emergencyPhone = '';\n      }\n    },\n  },\n  computed: {\n    disableSave() {\n      return (\n        JSON.stringify(this.edited) == JSON.stringify(this.contact) ||\n        this.edited.firstName.trim().length == 0 ||\n        this.edited.lastName.trim().length == 0 ||\n        this.edited.companyName.trim().length == 0 ||\n        (this.edited.emergencyName.trim().length > 0 &&\n          !this.$refs.emergencyPhone.validate())\n      );\n    },\n    isNew() {\n      return this.id == -1;\n    },\n    isContactDetailsPage() {\n      return this.$route.name == 'ContactDetails';\n    },\n    modalTitle() {\n      return this.isContactDetailsPage ? 'General Information' : 'Add Contact';\n    },\n  },\n  data() {\n    const defaultProps = {\n      id: -1,\n      firstName: '',\n      lastName: '',\n      companyName: '',\n      email: '',\n      phone: '',\n      jobTitle: '',\n      emergencyPhone: '',\n      emergencyName: '',\n      status: 1,\n    };\n    return {\n      contact: JSON.parse(JSON.stringify(defaultProps)),\n      edited: JSON.parse(JSON.stringify(defaultProps)),\n      required: [(v) => !!v || 'This field is required'],\n      rules: {\n        email: [(v) => this.$helpers.validateEmail(v, false)],\n        phone: [(v) => this.$helpers.validatePhone(v)],\n        emergencyPhone: [(v) => this.$helpers.validatePhone(v, true)],\n      },\n    };\n  },\n  methods: {\n    getDetails() {\n      if (!this.isNew) {\n        const params = {\n          loaderText: 'loading...',\n          id: this.id,\n        };\n        const url = 'get-contact-details?format=json';\n        this.$axios.post(url, params).then((response) => {\n          this.contact = response.data;\n          if (this.isContactDetailsPage) {\n            this.$store.commit('updateSelectedContact', this.contact);\n          }\n          this.edited = JSON.parse(JSON.stringify(this.contact));\n        });\n      }\n    },\n    saveDetails() {\n      this.edited.fullname = this.edited.firstName + ' ' + this.edited.lastName;\n      const edited = { ...this.edited };\n      edited.statusChanged = edited.status != this.contact.status;\n      const params = {\n        loaderText: 'loading...',\n        contact: edited,\n        snackText: 'Contact saved successfully.',\n      };\n      const url = this.isNew\n        ? 'add-contact?format=json'\n        : 'update-contact?format=json';\n      this.$axios.post(url, params).then((response) => {\n        if (this.isContactDetailsPage) {\n          if (this.isNew) {\n            this.$store.commit('updateSelectedContact', {\n              ...edited,\n              id: response.data.id,\n              name: edited.fullname,\n            });\n            this.$router.replace({\n              name: 'ContactDetails',\n              params: { id: response.data.id },\n            });\n          } else {\n            this.contact = { ...this.edited };\n            this.$store.commit('updateSelectedContact', { ...this.edited });\n          }\n        } else {\n          this.$emit('onSave', {\n            id: response.data.id,\n            fullname: edited.fullname,\n            guid: response.data.guid,\n            companyName: response.data.companyName,\n          });\n          this.$emit('close');\n          this.$emit('getContacts');\n        }\n      });\n    },\n  },\n  mounted() {\n    this.getDetails();\n    this.$nextTick(() => {\n      this.$refs.form.validate();\n    });\n  },\n};\n</script>\n\n<style></style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactDetails.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactDetails.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ContactDetails.vue?vue&type=template&id=7cb942b7\"\nimport script from \"./ContactDetails.vue?vue&type=script&lang=js\"\nexport * from \"./ContactDetails.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","// Extensions\nimport { BaseItemGroup } from '../../components/VItemGroup/VItemGroup'\n\n/* @vue/component */\nexport default BaseItemGroup.extend({\n  name: 'button-group',\n\n  provide (): object {\n    return {\n      btnToggle: this,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return BaseItemGroup.options.computed.classes.call(this)\n    },\n  },\n\n  methods: {\n    // Isn't being passed down through types\n    genData: BaseItemGroup.options.methods.genData,\n  },\n})\n","// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, getSlot(this))\n  },\n})\n","// Styles\nimport './VBtnToggle.sass'\n\n// Mixins\nimport ButtonGroup from '../../mixins/button-group'\nimport Colorable from '../../mixins/colorable'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  ButtonGroup,\n  Colorable\n).extend({\n  name: 'v-btn-toggle',\n\n  props: {\n    backgroundColor: String,\n    borderless: Boolean,\n    dense: Boolean,\n    group: Boolean,\n    rounded: Boolean,\n    shaped: Boolean,\n    tile: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...ButtonGroup.options.computed.classes.call(this),\n        'v-btn-toggle': true,\n        'v-btn-toggle--borderless': this.borderless,\n        'v-btn-toggle--dense': this.dense,\n        'v-btn-toggle--group': this.group,\n        'v-btn-toggle--rounded': this.rounded,\n        'v-btn-toggle--shaped': this.shaped,\n        'v-btn-toggle--tile': this.tile,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  methods: {\n    genData () {\n      const data = this.setTextColor(this.color, {\n        ...ButtonGroup.options.methods.genData.call(this),\n      })\n\n      if (this.group) return data\n\n      return this.setBackgroundColor(this.backgroundColor, data)\n    },\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',[_c('v-col',[_c('ContactDetails',{attrs:{\"id\":_vm.$route.params.id}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-container fluid>\n    <v-row>\n      <v-col>\n        <ContactDetails :id=\"$route.params.id\" />\n      </v-col>\n    </v-row>\n  </v-container>\n</template>\n\n<script>\nimport ContactDetails from '@/components/WAContacts/ContactDetails.vue';\nexport default {\n  name: 'ContactDetailsPage',\n  components: {\n    ContactDetails,\n  },\n};\n</script>\n\n<style></style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactDetailsPage.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ContactDetailsPage.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ContactDetailsPage.vue?vue&type=template&id=65266ba0\"\nimport script from \"./ContactDetailsPage.vue?vue&type=script&lang=js\"\nexport * from \"./ContactDetailsPage.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":""}