{"version":3,"sources":["webpack:///./src/workspaces/admin/views/support/SupportDetail.vue","webpack:///src/workspaces/admin/views/support/SupportDetail.vue","webpack:///./src/workspaces/admin/views/support/SupportDetail.vue?0728","webpack:///./src/workspaces/admin/views/support/SupportDetail.vue?f160","webpack:///./src/workspaces/admin/views/support/SupportDetail.vue?3883"],"names":["render","_vm","this","_c","_self","attrs","size","order","staticClass","titleEditing","detail","title","on","$event","titleUpdate","updateSupport","finally","_v","id","closed_at","staticStyle","_e","loading","closed","checkCreator","creator","name","creator_id","bold","created_at","scopedSlots","_u","key","fn","_s","support_contents_count","proxy","calViewers","description","_l","contents","support","class","sender","getColor","charAt","toUpperCase","sender_id","content","attachment_url","updateSupportContent","checkMimeType","attachment_info","getUrl","directives","rawName","value","paginate","last","expression","feedback","file","updateFile","disabled","create","support_type","type_id","infoEditing","deadline","actionLoading","actionSupport","staticRenderFns","component"],"mappings":"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","file":"js/chunk-69ae90c7.062ac1a4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('CRow',[_c('CCol',{attrs:{\"col\":{ size: 12, order: 2 },\"lg\":{ size: 9, order: 1 }}},[_c('CCard',[_c('CCardHeader',{staticClass:\"d-flex align-items-center\"},[(!_vm.titleEditing)?_c('TMessage',{attrs:{\"content\":\"Detail\",\"bold\":\"\"}},[[_c('div',{staticClass:\"d-flex\"},[_c('CBadge',{staticClass:\"d-flex my-auto\",attrs:{\"color\":\"info\"}},[_vm._v(\" #\"),_c('TMessageText',{attrs:{\"value\":_vm.detail.id}})],1),_c('TMessageText',{staticClass:\"h5 ml-1 my-auto\",attrs:{\"value\":_vm.detail.title}}),_c('CBadge',{staticClass:\"my-auto ml-1\",attrs:{\"color\":\"success\"}},[_c('TMessage',{attrs:{\"content\":\"Seen\"}})],1)],1)]],2):_c('div',{staticClass:\"d-flex w-100 mr-2\"},[_c('TInputText',{staticClass:\"w-100\",attrs:{\"value\":_vm.detail.title},on:{\"update:value\":function($event){_vm.titleUpdate = $event}}}),_c('TButtonSave',{on:{\"click\":function($event){_vm.updateSupport('title', _vm.titleUpdate).finally(() => {\n                _vm.titleEditing = false;\n              })}}}),_c('TButtonClose',{on:{\"click\":function($event){_vm.titleEditing = false}}})],1),(_vm.detail.closed_at)?_c('CBadge',{staticClass:\"ml-auto\",staticStyle:{\"font-size\":\"100%\"},attrs:{\"color\":\"danger\"}},[_c('TMessage',{attrs:{\"content\":\"Closed\"}})],1):_vm._e(),_c('TSpinner',{attrs:{\"loading\":_vm.loading}}),(!_vm.closed && !_vm.titleEditing && _vm.checkCreator)?_c('TButtonEdit',{staticClass:\"ml-auto\",attrs:{\"variant\":\"outline\"},on:{\"click\":function($event){_vm.titleEditing = true}}}):_vm._e()],1),_c('CCardBody',[_c('div',{staticClass:\"d-flex mb-2\"},[_c('TMessageText',{staticClass:\"ml-2\",attrs:{\"value\":_vm.detail.creator ? _vm.detail.creator.name : _vm.detail.creator_id,\"messageOptions\":{ bold: true }}}),_c('TMessage',{staticClass:\"mx-1\",attrs:{\"content\":\"created at\"}}),_c('TMessageDateTime',{attrs:{\"content\":_vm.detail.created_at}})],1),_c('div',{staticClass:\"mb-4 d-flex ml-2\"},[_c('TMessage',{attrs:{\"content\":\"comments\",\"bold\":\"\"},scopedSlots:_vm._u([{key:\"prefix\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.detail.support_contents_count)+\" \")]},proxy:true}])}),_c('span',{staticClass:\"mx-2\"},[_vm._v(\"-\")]),_c('TMessage',{attrs:{\"content\":\"people read\",\"bold\":\"\"},scopedSlots:_vm._u([{key:\"prefix\",fn:function(){return [_vm._v(\" \"+_vm._s(_vm.calViewers)+\" \")]},proxy:true}])})],1),_c('div',{staticClass:\"d-flex mb-2\"},[_c('div',{staticClass:\"d-flex mt-1\",staticStyle:{\"min-width\":\"40px\"}},[_c('CIcon',{staticClass:\"mx-auto\",attrs:{\"name\":\"cisCommentBubble\",\"size\":\"lg\"}})],1),_c('CCard',{staticClass:\"w-100 ml-2 mb-2\",attrs:{\"borderColor\":\"info\"}},[_c('CCardHeader',{staticClass:\"d-flex\",attrs:{\"color\":\"info\",\"textColor\":\"white\"}},[_c('TMessage',{attrs:{\"content\":\"Description\",\"bold\":\"\"}})],1),_c('CCardBody',[_c('TMessageTextarea',{attrs:{\"editable\":!_vm.closed && _vm.checkCreator,\"value\":_vm.detail.description},on:{\"change\":function($event){return _vm.updateSupport('description', $event)}}})],1)],1)],1),_vm._l((_vm.contents),function(support){return _c('div',{key:support.id,staticClass:\"d-flex\"},[_c('div',{staticClass:\"rouded rounded-circle d-flex mt-1\",class:support.sender ? _vm.getColor(support.sender.name) : 'bg-dark',staticStyle:{\"min-width\":\"40px\",\"height\":\"40px\"}},[_c('TMessage',{staticClass:\"m-auto text-white\",attrs:{\"bold\":\"\",\"content\":support.sender\n                  ? support.sender.name.charAt(0).toUpperCase()\n                  : '...',\"noTranslate\":\"\"}})],1),_c('CCard',{staticClass:\"w-100 ml-2\"},[_c('CCardHeader',{staticClass:\"d-flex\",attrs:{\"color\":\"light\"}},[_c('TMessage',{attrs:{\"content\":support.sender ? support.sender.name : support.sender_id,\"noTranslate\":\"\",\"bold\":\"\",\"color\":\"dark\"}}),_c('TMessageDateTime',{staticClass:\"ml-2\",attrs:{\"content\":support.created_at,\"dateOnly\":\"\"}})],1),_c('CCardBody',[(\n                  (!support.content && !support.attachment_url) ||\n                  (support.content && support.attachment_url) ||\n                  (support.content && !support.attachment_url)\n                )?_c('TMessageText',{attrs:{\"editable\":\"\",\"value\":support.content},on:{\"change\":function($event){return _vm.updateSupportContent(support.id, 'content', $event)}}}):_vm._e(),(\n                  support.attachment_url &&\n                  _vm.checkMimeType(support.attachment_info)\n                )?_c('TImg',{staticClass:\"p-0 mt-2\",staticStyle:{\"width\":\"250px\"},attrs:{\"src\":_vm.getUrl(support.attachment_url),\"showFull\":\"\"}}):_vm._e(),(\n                  support.attachment_url &&\n                  !_vm.checkMimeType(support.attachment_info)\n                )?_c('TLink',{attrs:{\"content\":support.attachment_url,\"href\":_vm.getUrl(support.attachment_url)}}):_vm._e()],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.paginate.last > 1),expression:\"paginate.last > 1\"}],staticClass:\"mt-2\"},[_c('TPagination',{attrs:{\"store\":\"helper.support_contents\"}})],1)],1)],1)})],2),(!_vm.closed)?_c('CCardFooter',[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"d-flex mt-1\",staticStyle:{\"min-width\":\"40px\"}},[_c('CIcon',{staticClass:\"mx-auto\",attrs:{\"name\":\"cisSpeechNotes\",\"size\":\"lg\"}})],1),_c('div',{staticClass:\"w-100 ml-2\"},[_c('TInputTextarea',{staticClass:\"w-100\",staticStyle:{\"height\":\"70px\"},attrs:{\"value\":_vm.feedback,\"placeholder\":\"Add new feedback\"},on:{\"update:value\":function($event){_vm.feedback=$event}}}),_c('TInputFile',{staticClass:\"w-100 mt-4\",attrs:{\"value\":_vm.file,\"multiple\":false,\"accept\":\"image/*,.pdf,.xlsx\"},on:{\"update:value\":_vm.updateFile}}),_c('TButton',{staticClass:\"px-5 mt-3\",attrs:{\"options\":{\n                disabled: _vm.disabled,\n              },\"content\":\"Send\",\"size\":\"lg\"},on:{\"click\":_vm.create}})],1)])]):_vm._e()],1)],1),_c('CCol',{attrs:{\"col\":{ size: 12, order: 1 },\"lg\":{ size: 3, order: 2 },\"order\":{}}},[_c('CCard',[_c('CCardHeader',{staticClass:\"d-flex align-items-center p-3\"},[_c('TMessage',{attrs:{\"content\":\"Info\",\"bold\":\"\"}})],1),_c('CCardBody',[_c('div',{staticClass:\"mb-3\"},[_c('TMessage',{staticClass:\"mb-2\",attrs:{\"content\":\"Support type\",\"bold\":\"\"}}),_c('CBadge',{staticStyle:{\"font-size\":\"95%\"},attrs:{\"color\":\"info\"}},[_c('TMessageText',{attrs:{\"value\":_vm.detail.support_type\n                  ? _vm.detail.support_type.name\n                  : _vm.detail.type_id},on:{\"click-edit\":function($event){_vm.infoEditing = true}}})],1),_c('TMessage',{staticClass:\"mb-2 mt-3\",attrs:{\"content\":\"Deadline\",\"bold\":\"\"}}),_c('TMessageDateTime',{attrs:{\"label\":\"Deadline\",\"content\":_vm.detail.deadline,\"placeholder\":\"Deadline\",\"dateOnly\":\"\",\"editable\":!_vm.closed},on:{\"change\":function($event){return _vm.updateSupport('deadline', $event)}}})],1)]),_c('CCardFooter',[(!_vm.infoEditing)?_c('TButton',{staticClass:\"w-100\",attrs:{\"content\":_vm.closed ? 'Open' : 'Close',\"icon\":_vm.closed ? 'cil-lock-unlocked' : 'cil-lock-locked',\"color\":_vm.closed ? 'success' : 'danger',\"size\":\"lg\",\"options\":{ disabled: _vm.actionLoading }},on:{\"click\":function($event){return _vm.actionSupport(_vm.closed ? 'open' : 'close')}}}):_vm._e()],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <CRow>\n    <CCol :col=\"{ size: 12, order: 2 }\" :lg=\"{ size: 9, order: 1 }\">\n      <CCard>\n        <CCardHeader class=\"d-flex align-items-center\">\n          <TMessage v-if=\"!titleEditing\" content=\"Detail\" bold>\n            <template>\n              <div class=\"d-flex\">\n                <CBadge color=\"info\" class=\"d-flex my-auto\">\n                  #<TMessageText :value=\"detail.id\" />\n                </CBadge>\n                <TMessageText :value=\"detail.title\" class=\"h5 ml-1 my-auto\" />\n                <CBadge color=\"success\" class=\"my-auto ml-1\">\n                  <TMessage content=\"Seen\" />\n                </CBadge>\n              </div>\n            </template>\n          </TMessage>\n          <div v-else class=\"d-flex w-100 mr-2\">\n            <TInputText\n              :value=\"detail.title\"\n              class=\"w-100\"\n              @update:value=\"titleUpdate = $event\"\n            />\n            <TButtonSave\n              @click=\"\n                updateSupport('title', titleUpdate).finally(() => {\n                  titleEditing = false;\n                })\n              \"\n            />\n            <TButtonClose @click=\"titleEditing = false\" />\n          </div>\n          <CBadge\n            v-if=\"detail.closed_at\"\n            class=\"ml-auto\"\n            color=\"danger\"\n            style=\"font-size: 100%\"\n          >\n            <TMessage content=\"Closed\" />\n          </CBadge>\n          <TSpinner :loading=\"loading\" />\n          <TButtonEdit\n            v-if=\"!closed && !titleEditing && checkCreator\"\n            variant=\"outline\"\n            class=\"ml-auto\"\n            @click=\"titleEditing = true\"\n          />\n        </CCardHeader>\n        <CCardBody>\n          <div class=\"d-flex mb-2\">\n            <TMessageText\n              :value=\"detail.creator ? detail.creator.name : detail.creator_id\"\n              class=\"ml-2\"\n              :messageOptions=\"{ bold: true }\"\n            />\n            <TMessage content=\"created at\" class=\"mx-1\" />\n            <TMessageDateTime :content=\"detail.created_at\" />\n          </div>\n          <div class=\"mb-4 d-flex ml-2\">\n            <TMessage content=\"comments\" bold>\n              <template #prefix>\n                {{ detail.support_contents_count }}\n              </template>\n            </TMessage>\n            <span class=\"mx-2\">-</span>\n            <TMessage content=\"people read\" bold>\n              <template #prefix>\n                {{ calViewers }}\n              </template>\n            </TMessage>\n          </div>\n          <div class=\"d-flex mb-2\">\n            <div class=\"d-flex mt-1\" style=\"min-width: 40px\">\n              <CIcon name=\"cisCommentBubble\" size=\"lg\" class=\"mx-auto\" />\n            </div>\n            <CCard class=\"w-100 ml-2 mb-2\" borderColor=\"info\">\n              <CCardHeader class=\"d-flex\" color=\"info\" textColor=\"white\">\n                <TMessage content=\"Description\" bold />\n              </CCardHeader>\n              <CCardBody>\n                <TMessageTextarea\n                  :editable=\"!closed && checkCreator\"\n                  :value=\"detail.description\"\n                  @change=\"updateSupport('description', $event)\"\n                />\n              </CCardBody>\n            </CCard>\n          </div>\n\n          <div v-for=\"support in contents\" :key=\"support.id\" class=\"d-flex\">\n            <div\n              class=\"rouded rounded-circle d-flex mt-1\"\n              style=\"min-width: 40px; height: 40px\"\n              :class=\"\n                support.sender ? getColor(support.sender.name) : 'bg-dark'\n              \"\n            >\n              <TMessage\n                class=\"m-auto text-white\"\n                bold\n                :content=\"\n                  support.sender\n                    ? support.sender.name.charAt(0).toUpperCase()\n                    : '...'\n                \"\n                noTranslate\n              />\n            </div>\n            <CCard class=\"w-100 ml-2\">\n              <CCardHeader class=\"d-flex\" color=\"light\">\n                <TMessage\n                  :content=\"\n                    support.sender ? support.sender.name : support.sender_id\n                  \"\n                  noTranslate\n                  bold\n                  color=\"dark\"\n                />\n                <TMessageDateTime\n                  :content=\"support.created_at\"\n                  dateOnly\n                  class=\"ml-2\"\n                />\n              </CCardHeader>\n              <CCardBody>\n                <TMessageText\n                  v-if=\"\n                    (!support.content && !support.attachment_url) ||\n                    (support.content && support.attachment_url) ||\n                    (support.content && !support.attachment_url)\n                  \"\n                  editable\n                  @change=\"updateSupportContent(support.id, 'content', $event)\"\n                  :value=\"support.content\"\n                />\n                <TImg\n                  v-if=\"\n                    support.attachment_url &&\n                    checkMimeType(support.attachment_info)\n                  \"\n                  class=\"p-0 mt-2\"\n                  style=\"width: 250px\"\n                  :src=\"getUrl(support.attachment_url)\"\n                  showFull\n                />\n                <TLink\n                  v-if=\"\n                    support.attachment_url &&\n                    !checkMimeType(support.attachment_info)\n                  \"\n                  :content=\"support.attachment_url\"\n                  :href=\"getUrl(support.attachment_url)\"\n                />\n              </CCardBody>\n              <div v-show=\"paginate.last > 1\" class=\"mt-2\">\n                <TPagination store=\"helper.support_contents\" />\n              </div>\n            </CCard>\n          </div>\n        </CCardBody>\n        <CCardFooter v-if=\"!closed\">\n          <div class=\"d-flex\">\n            <div class=\"d-flex mt-1\" style=\"min-width: 40px\">\n              <CIcon name=\"cisSpeechNotes\" size=\"lg\" class=\"mx-auto\" />\n            </div>\n            <div class=\"w-100 ml-2\">\n              <TInputTextarea\n                class=\"w-100\"\n                :value.sync=\"feedback\"\n                placeholder=\"Add new feedback\"\n                style=\"height: 70px\"\n              />\n              <TInputFile\n                :value=\"file\"\n                @update:value=\"updateFile\"\n                :multiple=\"false\"\n                accept=\"image/*,.pdf,.xlsx\"\n                class=\"w-100 mt-4\"\n              />\n              <TButton\n                @click=\"create\"\n                :options=\"{\n                  disabled: disabled,\n                }\"\n                content=\"Send\"\n                size=\"lg\"\n                class=\"px-5 mt-3\"\n              />\n            </div>\n          </div>\n        </CCardFooter>\n      </CCard>\n    </CCol>\n    <CCol :col=\"{ size: 12, order: 1 }\" :lg=\"{ size: 3, order: 2 }\" :order=\"{}\">\n      <CCard>\n        <CCardHeader class=\"d-flex align-items-center p-3\">\n          <TMessage content=\"Info\" bold />\n        </CCardHeader>\n        <CCardBody>\n          <div class=\"mb-3\">\n            <TMessage content=\"Support type\" bold class=\"mb-2\" />\n            <CBadge color=\"info\" style=\"font-size: 95%\">\n              <TMessageText\n                :value=\"\n                  detail.support_type\n                    ? detail.support_type.name\n                    : detail.type_id\n                \"\n                @click-edit=\"infoEditing = true\"\n              />\n            </CBadge>\n            <TMessage content=\"Deadline\" bold class=\"mb-2 mt-3\" />\n            <TMessageDateTime\n              label=\"Deadline\"\n              :content=\"detail.deadline\"\n              placeholder=\"Deadline\"\n              dateOnly\n              :editable=\"!closed\"\n              @change=\"updateSupport('deadline', $event)\"\n            />\n          </div>\n        </CCardBody>\n        <CCardFooter>\n          <TButton\n            v-if=\"!infoEditing\"\n            :content=\"closed ? 'Open' : 'Close'\"\n            :icon=\"closed ? 'cil-lock-unlocked' : 'cil-lock-locked'\"\n            :color=\"closed ? 'success' : 'danger'\"\n            size=\"lg\"\n            class=\"w-100\"\n            :options=\"{ disabled: actionLoading }\"\n            @click=\"actionSupport(closed ? 'open' : 'close')\"\n          />\n        </CCardFooter>\n      </CCard>\n    </CCol>\n  </CRow>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\nexport default {\n  data() {\n    return {\n      file: [],\n      titleUpdate: \"\",\n      typeUpdate: \"\",\n      deadlineUpdate: \"\",\n      titleEditing: false,\n      infoEditing: false,\n      actionLoading: false,\n      feedback: \"\",\n    };\n  },\n  watch: {\n    infoEditing(edit) {\n      if (edit) {\n        this.typeUpdate = this.detail.type_id;\n        this.deadlineUpdate = this.detail.deadline;\n      }\n    },\n    checkUserSeen(isTrue) {\n      if (!isTrue) {\n        this.$store.dispatch(\"helper.supports.detail.mark-as-read\");\n      }\n    },\n  },\n  created() {\n    if (this.id) {\n      this.$store.dispatch(\"helper.supports.detail.fetch\", this.id).then(() => {\n        this.fetchContents();\n      });\n    }\n  },\n  destroyed() {\n    this.$store.commit(\"helper.supports.detail.purge\");\n    this.$store.commit(\"helper.support_contents.purge\");\n  },\n  computed: {\n    ...mapGetters({\n      detail: \"helper.supports.detail\",\n      loading: \"helper.supports.detail.loading\",\n      contents: \"helper.support_contents.list\",\n      loading_contents: \"helper.support_contents.loading\",\n      paginate: \"helper.support_contents.paginate\",\n    }),\n    id() {\n      return this.$route.params.id;\n    },\n    closed() {\n      return !!this.detail.closed_at;\n    },\n    viewers() {\n      return this.detail.logs?.filter((x) => x.type_id == \"read\") || [];\n    },\n    calViewers() {\n      return this.viewers.length || 0;\n    },\n    checkUserSeen() {\n      return this.detail.logs?.some(\n        (x) => x.type_id == \"read\" && x.creator_id == this.meID\n      );\n    },\n    checkCreator() {\n      return this.detail.creator_id == this.meID;\n    },\n    checkHasFile() {\n      return !!this.file.length;\n    },\n    disabled() {\n      return !(this.loading_contents || this.checkHasFile || this.feedback);\n    },\n  },\n  methods: {\n    fetchContents() {\n      this.$store.dispatch(\"helper.support_contents.apply-query\", {\n        \"filter[support_id]\": this.id,\n      });\n    },\n    fetchDetail() {\n      this.$store.dispatch(\"helper.supports.detail.refresh\");\n    },\n    create() {\n      let data = {\n        support_id: this.id,\n        content: this.feedback,\n        attachment_file: this.file[0]?.file,\n      };\n      const dataClean = this.lodash.pickBy(data, this.lodash.identity);\n      this.$store\n        .dispatch(\"helper.support_contents.create\", dataClean)\n        .then(() => {\n          this.feedback = \"\";\n          this.file = [];\n          this.fetchContents();\n          this.fetchDetail();\n        });\n    },\n    updateSupport(field, value) {\n      return this.$store.dispatch(\"helper.supports.detail.update\", {\n        [field]: value,\n      });\n    },\n    updateInfoSupport() {\n      this.$store\n        .dispatch(\n          \"helper.supports.detail.update\",\n          this.lodash.pickBy({\n            deadline: this.deadlineUpdate,\n          })\n        )\n        .then(() => {\n          this.fetchDetail();\n        })\n        .finally(() => {\n          this.infoEditing = false;\n        });\n    },\n    updateSupportContent(id, field, value) {\n      this.$store.dispatch(\"helper.support_contents.update\", {\n        id,\n        attributes: {\n          [field]: value,\n        },\n      });\n    },\n    getColor(value) {\n      const alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\";\n      const index = alphabet.indexOf(value.charAt(0).toUpperCase());\n      if (index >= 0 && index <= 3) return \"bg-info\";\n      if (index >= 4 && index <= 7) return \"bg-success\";\n      if (index >= 8 && index <= 11) return \"bg-primary\";\n      if (index >= 12 && index <= 15) return \"bg-danger\";\n      if (index >= 16 && index <= 19) return \"bg-warning\";\n      if (index >= 20 && index <= 23) return \"bg-secondary\";\n      if (index >= 24) return \"bg-dark\";\n    },\n    actionSupport(type) {\n      this.actionLoading = true;\n      this.$store\n        .dispatch(\"helper.supports.detail.\" + type)\n        .then(() => {\n          this.fetchDetail();\n        })\n        .finally(() => {\n          this.actionLoading = false;\n        });\n    },\n    getUrl(path) {\n      return process.env.VUE_APP_HELPER_SERVICE_HOST + \"/files/\" + path;\n    },\n    checkSeen(logs) {\n      return (\n        logs\n          ?.filter((x) => x.type_id == \"read\")\n          .some((x) => x.creator_id == this.meID) || true\n      );\n    },\n    checkMimeType(type) {\n      return [\"image/png\", \"image/jpeg\", \"image/webp\", \"image/tiff\"].includes(\n        JSON.parse(type).mime_type\n      );\n    },\n    updateFile(files) {\n      if (files.length > 0) this.file = files;\n      else this.file = [];\n    },\n  },\n};\n</script>\n\n<style scoped>\n* >>> textarea.form-control {\n  height: 80px;\n}\n</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!./SupportDetail.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!./SupportDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SupportDetail.vue?vue&type=template&id=1b1625e2&scoped=true&\"\nimport script from \"./SupportDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./SupportDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SupportDetail.vue?vue&type=style&index=0&id=1b1625e2&prod&scoped=true&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  \"1b1625e2\",\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!./SupportDetail.vue?vue&type=style&index=0&id=1b1625e2&prod&scoped=true&lang=css&\""],"sourceRoot":""}