{"version":3,"sources":["webpack:///./src/components/Notification/NotificationBox.vue","webpack:///src/components/Notification/NotificationBox.vue","webpack:///./src/components/Notification/NotificationBox.vue?cc1f","webpack:///./src/components/Notification/NotificationBox.vue?4f7f","webpack:///./src/components/Notification/NotificationBox.vue?8f94","webpack:///./src/views/quote/components/EstImageSendQuoteModal.vue?60f0","webpack:///./src/components/ImageSelect/index.js","webpack:///./src/views/quote/components/EstImageSendQuoteModal.vue","webpack:///src/views/quote/components/EstImageSendQuoteModal.vue","webpack:///./src/views/quote/components/EstImageSendQuoteModal.vue?cbbc","webpack:///./src/views/quote/components/EstImageSendQuoteModal.vue?014b"],"names":["render","_vm","this","_c","_self","staticClass","class","notificationClass","textclass","icon","_t","staticRenderFns","name","props","type","default","data","created","methods","getClass","component","ImageSelect","r","require","isActive","attrs","animationIn","animationOut","animationDuration","width","on","$event","showIcon","iconType","staticStyle","iconName","_e","_v","_s","title","value","imageSelectPage","directives","rawName","show","expression","quoteId","model","selectedImageIds","callback","$$v","submitPage","modalType","slot","_l","taxInvoice","invoice","key","invoiceId","selectedInvoice","domProps","_q","invoiceNo","style","buttonLocation","activeComponent","previous","componentStatuses","length","next","isSubmitDisabled","submit","cancelDisabled","cancel","components","BaseModalEx","NotificationBox","mixins","active","copyDisabled","sendQuoteObject","validations","computed","console","watch","handler","deep","beforeMount","mounted"],"mappings":"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","file":"static/js/quote-components-estimage-chunk.d2606369.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('div',{staticClass:\"control is-flex is-align-items-center\",class:[_vm.notificationClass, _vm.textclass]},[_c('div',{staticClass:\"mr-4\"},[_c('span',{staticClass:\"icon\"},[_c('i',{staticClass:\"mdi mdi-36px\",class:_vm.icon})])]),_vm._t(\"text-content\")],2)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div>\n      <div class=\"control is-flex is-align-items-center\"\n        :class=\"[notificationClass, textclass]\">\n        <div class=\"mr-4\">\n          <span class=\"icon\">\n            <i class=\"mdi mdi-36px\"\n              :class=\"icon\" />\n          </span>\n        </div>\n        <slot name=\"text-content\" />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { NotificationBoxType } from '@/enums'\n\nexport default {\n  name: 'NotificationBox',\n  props: {\n    type: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    return {\n      notificationClass: 'noti-primary',\n      textclass: 'has-text-primary',\n      icon: 'mdi-check-circle-outline'\n    }\n  },\n  created() {\n    this.getClass(this.type)\n  },\n  methods: {\n    getClass(type) {\n      switch (type) {\n        case NotificationBoxType.Success:\n          this.notificationClass = 'noti-primary'\n          this.icon = 'mdi-check-circle-outline'\n          this.textclass = 'has-text-primary'\n          break\n        case NotificationBoxType.Warning:\n          this.notificationClass = 'noti-warning'\n          this.icon = 'mdi-bell-ring-outline'\n          this.textclass = 'has-text-warning'\n          break\n        case NotificationBoxType.Error:\n          this.notificationClass = 'noti-danger'\n          this.icon = 'mdi-alert-circle-outline'\n          this.textclass = 'has-text-danger'\n          break\n        default:\n          break\n      }\n    }\n  }\n}\n</script>\n\n<style>\n.noti-warning {\n  border: 1px solid #f9bf00;\n  border-radius: 4px;\n  background-color: #fffcf2;\n  padding: 1.25rem 2.5rem 1.25rem 1.5rem;\n}\n.noti-danger {\n  border: 2px solid #d73654;\n  border-radius: 4px;\n  background-color: #fff6f8;\n  padding: 1.25rem 2.5rem 1.25rem 1.5rem;\n}\n.noti-primary {\n  border: 2px solid #3291ef;\n  border-radius: 4px;\n  background-color: #f0f8ff;\n  padding: 1.25rem 2.5rem 1.25rem 1.5rem;\n}\n</style>","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!./NotificationBox.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!./NotificationBox.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NotificationBox.vue?vue&type=template&id=494d59d9\"\nimport script from \"./NotificationBox.vue?vue&type=script&lang=js\"\nexport * from \"./NotificationBox.vue?vue&type=script&lang=js\"\nimport style0 from \"./NotificationBox.vue?vue&type=style&index=0&id=494d59d9&prod&lang=css\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NotificationBox.vue?vue&type=style&index=0&id=494d59d9&prod&lang=css\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../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/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EstImageSendQuoteModal.vue?vue&type=style&index=0&id=7f8b5b36&prod&lang=scss&scoped=true\"","// import ImageSelect from './ImageSelect'\nconst ImageSelect = r => require.ensure([], () => r(require('./ImageSelect.vue')), 'imageselect-components-chunk')\n\nexport default ImageSelect\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.isActive)?_c('base-modal-ex',{attrs:{\"active\":_vm.isActive,\"animation-in\":_vm.animationIn,\"animation-out\":_vm.animationOut,\"animation-duration\":_vm.animationDuration,\"can-cancel\":false,\"min-width\":_vm.width,\"has-modal-card\":\"\"},on:{\"update:active\":function($event){_vm.isActive=$event}}},[_c('header',{staticClass:\"modal-card-head\"},[_c('div',{staticClass:\"modal-card-title\",class:{ 'is-flex-items-center' : _vm.showIcon}},[(_vm.showIcon)?_c('span',{staticClass:\"icon is-medium\",class:`has-text-${_vm.iconType}`,staticStyle:{\"margin-right\":\"0.5rem\"}},[_c('i',{staticClass:\"mdi mdi-36px\",class:`${_vm.iconName}`})]):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.title))])])]),_c('section',{staticClass:\"modal-card-body\"},[(_vm.value && _vm.imageSelectPage)?_c('image-select',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.imageSelectPage.show),expression:\"imageSelectPage.show\"}],attrs:{\"quote-id\":_vm.value.quoteId,\"pre-select\":'NotSent'},model:{value:(_vm.selectedImageIds),callback:function ($$v) {_vm.selectedImageIds=$$v},expression:\"selectedImageIds\"}}):_vm._e(),(_vm.value && _vm.submitPage)?_c('div',[(_vm.modalType === 'SendInvoice')?_c('div',[_c('notification-box',{staticClass:\"mb-3\",attrs:{\"type\":'warning'}},[_c('p',{staticClass:\"is-size-6\",attrs:{\"slot\":\"text-content\"},slot:\"text-content\"},[_vm._v(\"After invoice is submitted, set timeline in EstImage to send for approval.\")])]),_c('div',{staticClass:\"field\"},[_c('label',{staticClass:\"label\"},[_vm._v(\"Select an invoice to send:\")]),_c('ul',{staticClass:\"control\"},_vm._l((_vm.taxInvoice),function(invoice){return _c('li',{key:invoice.invoiceId,staticClass:\"mt-2 pretty p-default p-round p-smooth\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.selectedInvoice),expression:\"selectedInvoice\"}],attrs:{\"id\":\"chk-pretty-excess-type\",\"name\":\"chk-pretty-excess-type\",\"type\":\"radio\"},domProps:{\"value\":invoice.invoiceId,\"checked\":_vm._q(_vm.selectedInvoice,invoice.invoiceId)},on:{\"change\":function($event){_vm.selectedInvoice=invoice.invoiceId}}}),_c('div',{staticClass:\"state p-primary\"},[_c('label',[_vm._v(_vm._s(invoice.invoiceNo))])])])}),0)])],1):(_vm.modalType === 'SendQuoteWithConfirm' && _vm.submitPage.show)?_c('div',[_c('div',{staticClass:\"field\"},[_c('notification-box',{staticClass:\"mb-3\",attrs:{\"type\":'warning'}},[_c('p',{staticClass:\"is-size-6\",attrs:{\"slot\":\"text-content\"},slot:\"text-content\"},[_c('b',[_vm._v(\"Remember:\")]),_vm._v(\" Send quote from EstImage to complete this process.\")])]),_c('p',[_vm._v(\"You are about to submit items to EstImage. Once items have been submitted changes can only be made by creating a supplementary.\")]),_c('p',[_vm._v(\"Please review all details carefully to ensure accuracy before proceeding.\")])],1)]):_vm._e()]):_vm._e()],1),_c('footer',{staticClass:\"modal-card-foot\",style:(`justify-content: flex-${_vm.buttonLocation}`)},[_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeComponent > 0),expression:\"activeComponent > 0\"}],staticClass:\"button is-success tooltip\",attrs:{\"data-tooltip\":\"Previous\"},on:{\"click\":function($event){return _vm.previous()}}},[_c('span',{staticClass:\"icon is-small\"},[_c('i',{staticClass:\"mdi mdi-24px mdi-chevron-left\"})])]),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeComponent < _vm.componentStatuses.length - 1),expression:\"activeComponent < componentStatuses.length - 1\"}],staticClass:\"button is-success tooltip\",attrs:{\"data-tooltip\":\"Next\"},on:{\"click\":function($event){return _vm.next()}}},[_c('span',{staticClass:\"icon is-small\"},[_c('i',{staticClass:\"mdi mdi-24px mdi-chevron-right\"})])]),_c('button',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeComponent === _vm.componentStatuses.length - 1),expression:\"activeComponent === componentStatuses.length - 1\"}],staticClass:\"button is-success tooltip\",attrs:{\"data-tooltip\":\"Submit\",\"disabled\":_vm.isSubmitDisabled},on:{\"click\":function($event){return _vm.submit()}}},[_c('span',{staticClass:\"icon is-small\"},[_c('i',{staticClass:\"mdi mdi-18px mdi-send\"})]),_c('span',[_vm._v(\"Submit\")])]),_c('button',{staticClass:\"button tooltip\",attrs:{\"data-tooltip\":\"Cancel\",\"disabled\":_vm.cancelDisabled},on:{\"click\":function($event){return _vm.cancel()}}},[_c('span',[_vm._v(\"Cancel\")])])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <base-modal-ex v-if=\"isActive\"\r\n    :active.sync=\"isActive\"\r\n    :animation-in=\"animationIn\"\r\n    :animation-out=\"animationOut\"\r\n    :animation-duration=\"animationDuration\"\r\n    :can-cancel=\"false\"\r\n    :min-width=\"width\"\r\n    has-modal-card>\r\n    <header class=\"modal-card-head\">\r\n      <div class=\"modal-card-title\"\r\n        :class=\"{ 'is-flex-items-center' : showIcon}\">\r\n        <span v-if=\"showIcon\"\r\n          class=\"icon is-medium\"\r\n          :class=\"`has-text-${iconType}`\"\r\n          style=\"margin-right: 0.5rem\">\r\n          <i class=\"mdi mdi-36px\"\r\n            :class=\"`${iconName}`\" />\r\n        </span>\r\n        <span>{{ title }}</span>\r\n      </div>\r\n    </header>\r\n    <section class=\"modal-card-body\">\r\n      <image-select v-if=\"value && imageSelectPage\"\r\n        v-show=\"imageSelectPage.show\"\r\n        v-model=\"selectedImageIds\"\r\n        :quote-id=\"value.quoteId\"\r\n        :pre-select=\"'NotSent'\" />\r\n      <div v-if=\"value && submitPage\">\r\n        <div v-if=\"modalType === 'SendInvoice'\">\r\n          <notification-box class=\"mb-3\"\r\n            :type=\"'warning'\">\r\n            <p class=\"is-size-6\"\r\n              slot=\"text-content\">After invoice is submitted, set timeline in EstImage to send for approval.</p>\r\n          </notification-box>\r\n          <div class=\"field\">\r\n            <label class=\"label\">Select an invoice to send:</label>\r\n            <ul class=\"control\">\r\n              <li v-for=\"invoice in taxInvoice\"\r\n                :key=\"invoice.invoiceId\"\r\n                class=\"mt-2 pretty p-default p-round p-smooth\">\r\n                <input id=\"chk-pretty-excess-type\"\r\n                  name=\"chk-pretty-excess-type\"\r\n                  :value=\"invoice.invoiceId\"\r\n                  v-model=\"selectedInvoice\"\r\n                  type=\"radio\">\r\n                <div class=\"state p-primary\">\r\n                  <label>{{ invoice.invoiceNo }}</label>\r\n                </div>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n        <div v-else-if=\"modalType === 'SendQuoteWithConfirm' && submitPage.show\">\r\n          <div class=\"field\">\r\n            <notification-box class=\"mb-3\"\r\n              :type=\"'warning'\">\r\n              <p class=\"is-size-6\"\r\n                slot=\"text-content\"><b>Remember:</b> Send quote from EstImage to complete this process.</p>\r\n            </notification-box>\r\n            <p>You are about to submit items to EstImage. Once items have been submitted changes can only be made by creating a supplementary.</p>\r\n            <p>Please review all details carefully to ensure accuracy before proceeding.</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n    <footer class=\"modal-card-foot\"\r\n      :style=\"`justify-content: flex-${buttonLocation}`\">\r\n      <button v-show=\"activeComponent > 0\"\r\n        class=\"button is-success tooltip\"\r\n        @click=\"previous()\"\r\n        data-tooltip=\"Previous\">\r\n        <span class=\"icon is-small\">\r\n          <i class=\"mdi mdi-24px mdi-chevron-left\" />\r\n        </span>\r\n      </button>\r\n      <button v-show=\"activeComponent < componentStatuses.length - 1\"\r\n        class=\"button is-success tooltip\"\r\n        @click=\"next()\"\r\n        data-tooltip=\"Next\">\r\n        <span class=\"icon is-small\">\r\n          <i class=\"mdi mdi-24px mdi-chevron-right\" />\r\n        </span>\r\n      </button>\r\n      <button v-show=\"activeComponent === componentStatuses.length - 1\"\r\n        class=\"button is-success tooltip\"\r\n        @click=\"submit()\"\r\n        data-tooltip=\"Submit\"\r\n        :disabled=\"isSubmitDisabled\">\r\n        <span class=\"icon is-small\">\r\n          <i class=\"mdi mdi-18px mdi-send\" />\r\n        </span>\r\n        <span>Submit</span>\r\n      </button>\r\n      <button class=\"button tooltip\"\r\n        @click=\"cancel()\"\r\n        data-tooltip=\"Cancel\"\r\n        :disabled=\"cancelDisabled\">\r\n        <span>Cancel</span>\r\n      </button>\r\n    </footer>\r\n  </base-modal-ex>\r\n</template>\r\n\r\n<script>\r\nimport { InvoiceTypes } from '@/enums'\r\nimport { BaseModalEx } from '@/components/BulmaModal'\r\nimport { QuoteNotificationMixin } from '../mixins'\r\nimport ImageSelect from '@/components/ImageSelect'\r\nimport { EstImageSendQuoteModel } from '@/classes'\r\nimport NotificationBox from '@/components/Notification/NotificationBox.vue'\r\n\r\nexport default {\r\n  name: 'EstImageSendQuoteModal',\r\n  components: {\r\n    BaseModalEx,\r\n    ImageSelect,\r\n    NotificationBox\r\n  },\r\n  mixins: [QuoteNotificationMixin],\r\n  props: {\r\n    value: null,\r\n    modalType: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    title: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    iconName: {\r\n      type: String,\r\n      default: ''\r\n    },\r\n    active: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    animationIn: {\r\n      type: String,\r\n      default: 'zoomIn'\r\n    },\r\n    animationOut: {\r\n      type: String,\r\n      default: 'zoomOut'\r\n    },\r\n    animationDuration: {\r\n      type: [String, Number],\r\n      default: 0.3\r\n    },\r\n    buttonLocation: {\r\n      type: String,\r\n      default: 'end' // valid values 'start' & 'end'\r\n    },\r\n    showIcon: {\r\n      type: Boolean,\r\n      default: true\r\n    },\r\n    iconType: {\r\n      type: String,\r\n      default: 'primary'\r\n    },\r\n    copyDisabled: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    cancelDisabled: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      isActive: false,\r\n      sendQuoteObject: null,\r\n      selectedImageIds: [],\r\n      componentStatuses: [],\r\n      activeComponent: 0,\r\n      selectedInvoice: null\r\n    }\r\n  },\r\n  validations: {},\r\n  computed: {\r\n    isSubmitDisabled() {\r\n      if (this.modalType === 'ImageSelect') {\r\n        return this.selectedImageIds.length < 1\r\n      }\r\n      return false\r\n    },\r\n    imageSelectPage() {\r\n      return this.componentStatuses.find((c) => c.name === 'ImageSelectPage')\r\n    },\r\n    submitPage() {\r\n      return this.componentStatuses.find((c) => c.name === 'SubmitPage')\r\n    },\r\n    taxInvoice() {\r\n      return this.value.invoices.filter((i) => i.invoiceType === InvoiceTypes.Quote && !i.deleted)\r\n    },\r\n    width() {\r\n      console.log('WIdthhhhhh', this.componentStatuses[this.activeComponent])\r\n      return this.componentStatuses[this.activeComponent].width\r\n    }\r\n  },\r\n  watch: {\r\n    active(value) {\r\n      this.isActive = value\r\n    },\r\n    selectedImageIds: {\r\n      handler: function (newVal, oldVal) {\r\n        this.sendQuoteObject.imageIds = this.selectedImageIds.map((i) => i.quoteImageId)\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  created() {\r\n    this.sendQuoteObject = new EstImageSendQuoteModel()\r\n    this.sendQuoteObject.quoteId = this.value.quoteId\r\n    if (this.modalType === 'ImageSelect') {\r\n      this.componentStatuses.push({ name: 'ImageSelectPage', width: 60, show: true })\r\n    } else if (this.modalType === 'SendQuote') {\r\n      this.componentStatuses.push({ name: 'ImageSelectPage', width: 60, show: true })\r\n    } else if (this.modalType === 'SendQuoteWithConfirm') {\r\n      this.componentStatuses.push({ name: 'ImageSelectPage', width: 60, show: true })\r\n      this.componentStatuses.push({ name: 'SubmitPage', width: 40, show: false })\r\n    } else if (this.modalType === 'UpdateVehicle') {\r\n      this.componentStatuses.push({ name: 'SubmitPage', width: 40, show: true })\r\n    } else if (this.modalType === 'SendInvoice') {\r\n      this.componentStatuses.push({ name: 'SubmitPage', width: 40, show: true })\r\n      this.selectedInvoice = this.value.invoices[0]?.invoiceId\r\n    }\r\n  },\r\n  beforeMount() {},\r\n  mounted() {\r\n    this.isActive = this.active || false\r\n  },\r\n  methods: {\r\n    previous() {\r\n      if (this.activeComponent > 0) {\r\n        this.activeComponent--\r\n        this.componentStatuses[this.activeComponent + 1].show = false\r\n        this.componentStatuses[this.activeComponent].show = true\r\n      }\r\n    },\r\n    next() {\r\n      if (this.activeComponent < this.componentStatuses.length - 1) {\r\n        this.activeComponent++\r\n        this.componentStatuses[this.activeComponent - 1].show = false\r\n        this.componentStatuses[this.activeComponent].show = true\r\n      }\r\n    },\r\n    cancel() {\r\n      this.componentStatuses = []\r\n      this.$emit('close')\r\n    },\r\n    submit() {\r\n      this.componentStatuses = []\r\n      this.sendQuoteObject.invoiceId = this.selectedInvoice\r\n      this.$emit('submit', this.sendQuoteObject)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.is-flex-items-center {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n</style>\r\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!./EstImageSendQuoteModal.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!./EstImageSendQuoteModal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EstImageSendQuoteModal.vue?vue&type=template&id=7f8b5b36&scoped=true\"\nimport script from \"./EstImageSendQuoteModal.vue?vue&type=script&lang=js\"\nexport * from \"./EstImageSendQuoteModal.vue?vue&type=script&lang=js\"\nimport style0 from \"./EstImageSendQuoteModal.vue?vue&type=style&index=0&id=7f8b5b36&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  \"7f8b5b36\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}