{"version":3,"sources":["webpack:///./src/views/Jobs/Messaging/JobMessaging/ConversationFiles.vue?d898","webpack:///./src/views/Jobs/Show.vue","webpack:///./src/views/Jobs/Quotes/QuotesProvidedList.vue","webpack:///./src/views/Jobs/Quotes/QuotesProvidedList.vue?8b56","webpack:///./src/views/Jobs/Messaging/JobMessaging.vue","webpack:///./src/views/Jobs/Messaging/JobMessaging/ConversationSelector.vue","webpack:///./src/views/Jobs/Messaging/JobMessaging/ConversationSelector.vue?fe9d","webpack:///./src/views/Jobs/Messaging/JobMessaging/ConversationMessages.vue","webpack:///./src/views/Jobs/Messaging/JobMessaging/ConversationMessages.vue?0f98","webpack:///./src/views/Jobs/Messaging/JobMessaging/ConversationFiles.vue","webpack:///./src/views/Jobs/Messaging/JobMessaging/ConversationFiles.vue?a123","webpack:///./src/views/Jobs/Messaging/JobMessaging/TabSelector.vue","webpack:///./src/views/Jobs/Messaging/JobMessaging/TabSelector.vue?3b66","webpack:///./src/views/Jobs/Messaging/JobMessaging/CompanySelector.vue","webpack:///./src/views/Jobs/Messaging/JobMessaging/CompanySelector.vue?afbd","webpack:///./src/views/Jobs/Messaging/JobMessaging.vue?c23d","webpack:///./src/views/Jobs/Show.vue?b567","webpack:///./src/views/Jobs/Messaging/JobMessaging/ConversationSelector.vue?4824","webpack:///./src/components/Breadcrumb.vue","webpack:///./src/components/Breadcrumb.vue?c1d9","webpack:///./src/views/Jobs/Messaging/JobMessaging/ConversationMessages.vue?9f41","webpack:///./src/views/Jobs/Messaging/JobMessaging/TabSelector.vue?3fd7"],"names":["class","style","crumbs","isLoading","job","title","isRejected","isClient","getStatusLabel","status","isProvider","provideQuote","type","closeJob","client_user_role","name","company_name","isJobClosed","description","formatCostInPence","job_closure","value","confirmed_by_client_at","displayTimestamp","job-id","id","job_quotes","length","fetch","acceptedQuotes","quote","key","$emit","otherQuotes","components","JobQuoteCard","props","computed","quotes","this","accepted_job_quote_id","push","_","find","filter","q","__exports__","conversations","companies","companiesToShow","selectCompany","selected-company","selectedCompany","conversationsToShow","selectConversation","selected-conversation","selectedConversation","current-tab","tab","selectTab","jobId","conversation","i","isConversationSelected","enabled","getMembersToShowForConversation","member","width","isMemberOnline","user-role","user_role","getConversationName","getMemberDescriptions","UserRoleAvatar","mixins","Images","userRole","methods","conversation_members","user_role_id","members","firstMember","first","string","charAt","toUpperCase","slice","descriptions","each","capitaliseFirstLetter","role","join","ref","isDraggingFile","addFile","is-initial","isInitial","load","loadMessages","position","conversation-members","conversationMembers","message","newer-message","firstMessage","messagesToShow","getNewerMessage","multiple","fileUploadInputKey","handleFilesUploaded","uploadFile","placeholder","disabled","isSendingMessage","sendMessage","messageToSend","canSendMessage","filesToSend","file","removeFile","toast","PAGE_SIZE","page","messages","isMarkingAsRead","vm","cloneDeep","window","Echo","private","listen","e","handleMessageReceived","handleUserReadConversation","conversationMember","watch","ReadIndicator","Message","VueEternalLoading","Spinner","orderBy","laterMessageIndex","Number","fileInputElement","$refs","click","files","target","forEach","f","droppedFiles","dataTransfer","loaded","noMore","searchMessages","then","data","unshift","reverse","scrollMessagesToBottom","markAsRead","catch","console","log","error","r","setTimeout","elem","scrollTop","scrollHeight","conversation_id","sent_by_user_role_id","map","filename","sent_by_user_role","href","downloadConversationFile","NoResults","Conversations","loadFiles","isTabSelected","currentTab","company","isCompanySelected","data-bs-toggle","Forms","TabSelector","CompanySelector","ConversationSelector","ConversationMessages","ConversationFiles","serverErrors","loadConversations","uniqBy","without","provider_company_id","loadConversationsForJob","c","setAndNotifyErrors","QuotesProvidedList","Breadcrumb","JobMessaging","Jobs","Display","Dates","label","active","isAdvisor","job_members","jobMembership","isJobRejected","isJobAccepted","canAcceptOrRejectJob","jobs","$route","params","jobTitleWithHashEscaped","replaceAll","$router","render","aria-label","crumb"],"mappings":"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","file":"js/view-job.be6f07c5.js","sourcesContent":["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-v16/dist/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-v16/dist/index.js??ref--1-1!./ConversationFiles.vue?vue&type=style&index=0&id=1f256675&scoped=true&lang=scss\"","<template>\n  <div>\n    <!-- Page Header -->\n    <section class=\"bg-dark pt-5 pb-4\">\n      <div class=\"container py-5\">\n        <h1 class=\"text-light pt-1 pt-md-3 mb-4\">\n          Job Details\n        </h1>\n      </div>\n    </section>\n    <!--- / Page Header -->\n\n    <!-- Job Details -->\n    <section class=\"position-relative bg-white rounded-xxl-4 zindex-5\" style=\"margin-top: -30px;\">\n      <div class=\"container pt-4 pb-5 mb-md-4\">\n\n        <breadcrumb :crumbs=\"crumbs\" class=\"pb-4 my-2\"></breadcrumb>\n\n        <!-- Is Loading -->\n        <div v-if=\"isLoading\" class=\"text-center\">\n          <spinner></spinner>\n        </div>\n        <!-- / Is Loading -->\n\n        <!-- Loaded -->\n        <div v-if=\"!isLoading && job\" class=\"row\">\n          <div class=\"col-lg-12 position-relative mb-5 mb-lg-0\" style=\"z-index: 1025;\">\n            <div class=\"mb-2\">\n              <div class=\"d-flex\">\n                <div class=\"flex-grow-1\">\n                  <h2 class=\"h3 mb-0\">{{ job.title }}</h2>\n                  <div class=\"mt-3 mb-4\">\n\n                    <!-- Is Rejected -->\n                    <span v-if=\"isRejected && !isClient\" class=\"badge bg-danger\">Rejected</span>\n                    <!-- / Is Rejected -->\n                    <!-- Not Rejected Status Badge -->\n                    <span v-if=\"!isRejected || isClient\" class=\"badge bg-primary\">{{\n                        getStatusLabel(job.status)\n                      }}</span>\n                    <!-- / Not Rejected Status Badge -->\n\n                  </div>\n                </div>\n                <div class=\"flex-shrink-1\">\n                  <button v-if=\"isProvider && job.status === 0\"\n                          @click=\"provideQuote\" type=\"button\" class=\"btn btn-primary\">\n                    <i class=\"fi-edit me-2\"></i>\n                    Provide Quote\n                  </button>\n\n                  <button v-if=\"isProvider && job.status === 1\"\n                          @click=\"closeJob\"\n                          type=\"button\" class=\"btn btn-primary\">\n                    <i class=\"fi-check   me-2\"></i>\n                    Close Job\n                  </button>\n                </div>\n              </div>\n            </div>\n            <!--            <ul class=\"list-unstyled fs-sm mb-4\">-->\n            <!--              <li class=\"mb-2\"><a class=\"d-flex align-items-center text-decoration-none\"-->\n            <!--                                  href=\"job-board-employer-single.html\"><i class=\"fi-external-link me-2\"></i><span-->\n            <!--                  class=\"text-decoration-underline\">Zalo Tech Company</span></a></li>-->\n            <!--              <li class=\"d-flex align-items-center mb-2\"><i class=\"fi-map-pin text-muted me-2\"></i><span>New York</span>-->\n            <!--              </li>-->\n            <!--              <li class=\"d-flex align-items-center mb-2\"><i-->\n            <!--                  class=\"fi-cash fs-base text-muted me-2\"></i><span>$10,000</span></li>-->\n            <!--              <li class=\"d-flex align-items-center mb-2\"><i class=\"fi-phone text-muted me-2\"></i><span class=\"me-2\">Bessie Cooper, HR Manager</span><a-->\n            <!--                  href=\"#\">Show phone</a></li>-->\n            <!--              <li class=\"d-flex align-items-center mb-2\"><i class=\"fi-clock text-muted me-2\"></i><span class=\"me-2\">Full-time</span>-->\n            <!--              </li>-->\n            <!--            </ul>-->\n            <!--            <hr class=\"mb-4\">-->\n\n            <!-- Details -->\n            <div class=\"col-lg-8\">\n              <div class=\"card\">\n                <div class=\"card-body\">\n                  <div v-if=\"!isClient\">\n                    <h3 class=\"h6 mb-1\">Client:</h3>\n                    <p>\n                      {{ job.client_user_role ? job.client_user_role.name : '' }}\n                      <span v-if=\"job.client_user_role && job.client_user_role.company_name\">({{\n                          job.client_user_role.company_name\n                        }})</span>\n                    </p>\n                  </div>\n\n                  <h3 class=\"h6 mb-1\">Description:</h3>\n                  <p :class=\"{'mb-0': !isJobClosed(job)}\">\n                    {{ job.description }}\n                  </p>\n\n                  <div v-if=\"isJobClosed(job)\">\n                    <h3 class=\"h6 mb-1\">This job has been closed. The final bill is:</h3>\n                    <p>\n                      {{ formatCostInPence(job.job_closure.value) }}\n                    </p>\n                  </div>\n\n                  <div v-if=\"isJobClosed(job)\">\n                    <h3 class=\"h6 mb-1\">Job closure confirmed by client at:</h3>\n                    <p class=\"mb-0\">\n                      <span v-if=\"job.job_closure.confirmed_by_client_at\">\n                        {{ displayTimestamp(job.job_closure.confirmed_by_client_at) }}\n                      </span>\n                      <span class=\"text-danger\" v-else>Client hasn't confirmed yet</span>\n                    </p>\n                  </div>\n                </div>\n              </div>\n              <!-- / Details -->\n            </div>\n            <!-- / Details -->\n\n            <!-- Messaging -->\n            <div class=\"col-lg-8 mt-5\">\n              <job-messaging v-if=\"job\"\n                             :job-id=\"job.id\"></job-messaging>\n            </div>\n            <!-- / Messaging -->\n\n            <!-- Client: Quotes provided -->\n            <div class=\"col-lg-8\">\n              <h3 class=\"h6 mt-5\">Quotes</h3>\n\n              <quotes-provided-list\n                  v-if=\"job.job_quotes && job.job_quotes.length\"\n                  :job=\"job\"\n                  @quote-accepted=\"fetch\"\n              ></quotes-provided-list>\n\n              <no-results v-if=\"!job.job_quotes || job.job_quotes.length === 0\" class=\"bg-tertiary\">\n                No quotes to show\n              </no-results>\n            </div>\n            <!-- / Client: Quotes provided -->\n\n          </div>\n\n          <!--          <aside class=\"col-lg-4\" style=\"margin-top: -6rem;\">-->\n          <!--            <div class=\"sticky-top\" style=\"padding-top: 6rem;\">-->\n          <!--              <div class=\"card shadow-sm mb-3 mb-lg-0\">-->\n          <!--                <div class=\"card-body\">-->\n          <!--                  <h2 class=\"h3\">Advisors</h2>-->\n          <!--                </div>-->\n          <!--              </div>-->\n          <!--            </div>-->\n          <!--          </aside>-->\n        </div>\n        <!-- / Loaded -->\n\n      </div>\n    </section>\n    <!-- / Job Details -->\n\n  </div>\n</template>\n\n<script>\nimport Spinner from \"../../components/Spinner\";\nimport Dates from \"../../mixins/Dates\";\nimport jobs from \"../../api/jobs\";\nimport Forms from \"../../mixins/Forms\";\nimport Breadcrumb from \"../../components/Breadcrumb\";\nimport Jobs from \"../../mixins/Jobs\";\nimport {mapGetters} from \"vuex\";\nimport QuotesProvidedList from \"./Quotes/QuotesProvidedList\";\nimport NoResults from \"../../components/NoResults\";\nimport Display from \"../../mixins/Display\";\nimport JobMessaging from \"./Messaging/JobMessaging\";\n\nexport default {\n  name: \"Show.vue\",\n  components: {QuotesProvidedList, Spinner, Breadcrumb, NoResults, JobMessaging},\n  mixins: [Forms, Jobs, Display, Dates],\n  data() {\n    return {\n      isLoading: false,\n      job: null,\n      crumbs: [\n        {\n          href: \"/\",\n          label: \"Home\",\n        },\n        {\n          href: \"/jobs\",\n          label: \"Jobs\",\n        },\n        {\n          href: \"#\",\n          label: \"Job Details\",\n          active: true,\n        }\n      ]\n    }\n  },\n  computed: {\n    ...mapGetters('auth', {\n      userRole: 'userRole',\n      isProvider: 'isProvider',\n      isAdvisor: 'isAdvisor',\n      isClient: 'isClient'\n    }),\n\n    jobMembership() {\n      return _.find(this.job.job_members, {user_role_id: this.userRole.id});\n    },\n\n    isRejected() {\n      if (this.jobMembership) {\n        return this.isJobRejected(this.job, this.jobMembership)\n      }\n      return false;\n    },\n\n    isAccepted() {\n      if (this.jobMembership) {\n        return this.isJobAccepted(this.job, this.jobMembership)\n      }\n      return false;\n    },\n\n    canAcceptOrReject() {\n      return this.canAcceptOrRejectJob(this.job, this.jobMembership);\n    }\n  },\n  watch: {},\n  created() {\n    this.fetch();\n  },\n  methods: {\n    fetch() {\n      let vm = this;\n      vm.job = null;\n      vm.isLoading = true;\n      vm.serverErrors = [];\n      jobs.find(this.$route.params.id).then(r => {\n        vm.isLoading = false;\n        vm.job = r.data;\n        let jobTitleWithHashEscaped = vm.job.title.replaceAll('#', '%23');\n        vm.$router.push('/messaging?initialJobId=' + vm.job.id + '&initialJobTitle=' + jobTitleWithHashEscaped);\n      }).catch(e => {\n        console.log(e);\n        vm.setAndNotifyErrors(e, 'Error loading job');\n        vm.$router.push('/jobs');\n      });\n    },\n\n    provideQuote() {\n      this.$router.push('/jobs/' + this.job.id + '/quotes/create');\n    },\n\n    closeJob() {\n      this.$router.push('/jobs/' + this.job.id + '/close');\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","<template>\n  <div>\n    <job-quote-card v-for=\"quote in acceptedQuotes\" :key=\"quote.id\"\n                    class=\"mb-3\"\n                    @quote-accepted=\"$emit('quote-accepted')\"\n                    :job=\"job\" :quote=\"quote\">\n    </job-quote-card>\n    <job-quote-card v-for=\"quote in otherQuotes\" :key=\"quote.id\"\n                    class=\"mb-3\"\n                    @quote-accepted=\"$emit('quote-accepted')\"\n                    :job=\"job\" :quote=\"quote\">\n    </job-quote-card>\n  </div>\n</template>\n\n<script>\nimport JobQuoteCard from \"./QuotesProvidedList/JobQuoteCard\";\n\nexport default {\n  name: \"QuotesProvidedList\",\n  components: {JobQuoteCard},\n  props: ['job'],\n  computed: {\n    acceptedQuotes() {\n      let quotes = [];\n      if (this.job.accepted_job_quote_id) {\n        quotes.push(\n            _.find(this.job.job_quotes, {id: this.job.accepted_job_quote_id})\n        );\n      }\n      return quotes;\n    },\n    otherQuotes() {\n      if (this.job.accepted_job_quote_id) {\n        return _.filter(this.job.job_quotes, q => {\n          return q.id !== this.job.accepted_job_quote_id;\n        });\n      }\n      return this.job.job_quotes;\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./QuotesProvidedList.vue?vue&type=template&id=72884e65\"\nimport script from \"./QuotesProvidedList.vue?vue&type=script&lang=js\"\nexport * from \"./QuotesProvidedList.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div>\n    <!-- Is Loading -->\n    <div v-if=\"isLoading\" class=\"text-center\">\n      <spinner></spinner>\n    </div>\n    <!-- / Is Loading -->\n\n    <!-- Loaded -->\n    <div v-if=\"!isLoading && conversations.length\">\n      <company-selector :companies=\"companiesToShow\"\n                        @select-company=\"selectCompany\"\n                        :selected-company=\"selectedCompany\"></company-selector>\n\n      <conversation-selector :conversations=\"conversationsToShow\"\n                             @select-conversation=\"selectConversation\"\n                             :selected-conversation=\"selectedConversation\"></conversation-selector>\n\n      <tab-selector :current-tab=\"tab\" @select-tab=\"selectTab\"></tab-selector>\n\n      <conversation-messages v-if=\"selectedConversation && tab === 'messaging'\"\n                             :job-id=\"jobId\"\n                             @navigate-to-quotes=\"() => $emit('navigate-to-quotes')\"\n                             :conversation=\"selectedConversation\"\n      ></conversation-messages>\n\n      <conversation-files v-if=\"selectedConversation && tab === 'files'\"\n                          :job-id=\"jobId\" :conversation=\"selectedConversation\"></conversation-files>\n    </div>\n    <!-- / Loaded -->\n  </div>\n</template>\n\n<script>\nimport conversations from \"../../../api/conversations\";\nimport Forms from \"../../../mixins/Forms\";\nimport Spinner from \"../../../components/Spinner\";\nimport ConversationSelector from \"./JobMessaging/ConversationSelector\";\nimport ConversationMessages from \"./JobMessaging/ConversationMessages\";\nimport ConversationFiles from \"./JobMessaging/ConversationFiles\";\nimport TabSelector from \"./JobMessaging/TabSelector\";\nimport CompanySelector from \"./JobMessaging/CompanySelector\";\n\nconst _ = require('lodash');\n\nexport default {\n  name: \"JobMessaging\",\n  props: ['jobId'],\n  mixins: [Forms],\n  components: {TabSelector, CompanySelector, ConversationSelector, ConversationMessages, Spinner, ConversationFiles},\n  data() {\n    return {\n      isLoading: false,\n      serverErrors: [],\n      conversations: [],\n      selectedCompany: null,\n      selectedConversation: null,\n      tab: 'messaging' // messaging, files, activity\n    }\n  },\n  created() {\n    this.loadConversations();\n  },\n  computed: {\n    companies() {\n      return _.map(this.conversations, 'provider_company');\n    },\n\n    companiesToShow() {\n      return _.uniqBy(_.without(this.companies, null), 'id');\n    },\n\n    conversationsToShow() {\n      return _.filter(this.conversations, conversation => {\n        if (conversation.provider_company_id) {\n          return (this.selectedCompany && this.selectedCompany.id === conversation.provider_company_id);\n        }\n        return true;\n      })\n    }\n  },\n  methods: {\n    loadConversations() {\n      let vm = this;\n      vm.isLoading = true;\n      vm.serverErrors = [];\n      conversations.loadConversationsForJob(this.jobId).then(r => {\n        vm.isLoading = false;\n        vm.conversations = r.data;\n        if (vm.companiesToShow.length) {\n          let c = _.first(vm.companiesToShow);\n          vm.selectCompany(c);\n        } else if (vm.conversations.length) {\n          vm.selectedConversation = _.first(vm.conversations);\n        }\n      }).catch(e => {\n        console.log(e);\n        vm.setAndNotifyErrors(e, 'Error loading conversations');\n      })\n    },\n\n    selectConversation(conversation) {\n      this.selectedConversation = conversation;\n    },\n\n    selectCompany(company) {\n      this.selectedCompany = company;\n      this.selectedConversation = _.first(this.conversationsToShow);\n    },\n\n    selectTab(tab) {\n      this.tab = tab;\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","<template>\n  <div class=\"conversation-selector\">\n    <div class=\"conversation-selector-tab\"\n         :class=\"{'active': isConversationSelected(conversation), 'disabled': !conversation.enabled}\"\n         @click.prevent=\"selectConversation(conversation)\"\n         v-for=\"(conversation, i) in conversations\" :key=\"i\">\n\n      <div class=\"flex-wrapper\">\n        <div class=\"left\">\n          <!-- Avatars -->\n          <div class=\"avatars\">\n            <div class=\"conversation-member\" v-for=\"member in getMembersToShowForConversation(conversation)\">\n<!--              <img width=\"45\" :class=\"{'opacity-40': !isMemberOnline(member)}\"-->\n<!--                   class=\"rounded-circle\" :src=\"getAvatarSrc(member.user_role)\" alt=\"Avatar\"/>-->\n              <user-role-avatar width=\"45\" :class=\"{'opacity-40': !isMemberOnline(member)}\"\n                                class=\"rounded-circle\"\n                  :user-role=\"member.user_role\"></user-role-avatar>\n            </div>\n          </div>\n          <!-- / Avatars -->\n        </div>\n        <div class=\"right\">\n          <div>\n            <b>{{ getConversationName(conversation) }}</b>\n          </div>\n          <span class=\"conversation-description\">{{ getMemberDescriptions(conversation) }}</span>\n        </div>\n      </div>\n\n    </div>\n  </div>\n</template>\n\n<script>\nimport Images from \"../../../../mixins/Images\";\nimport {mapGetters} from 'vuex';\nimport UserRoleAvatar from \"../../../../components/UserRoleAvatar\";\n\nconst _ = require('lodash');\n\nexport default {\n  name: \"ConversationSelector\",\n  components: {UserRoleAvatar},\n  props: ['conversations', 'selectedConversation'],\n  mixins: [Images],\n  computed: {\n    ...mapGetters('auth', {\n      userRole: 'userRole'\n    })\n  },\n  methods: {\n    isConversationSelected(conversation) {\n      if (this.selectedConversation) {\n        return this.selectedConversation.id === conversation.id;\n      }\n      return false;\n    },\n\n    selectConversation(conversation) {\n      this.$emit('select-conversation', conversation);\n    },\n\n    isMemberOnline(member) {\n      return member.id;\n    },\n\n    getMembersToShowForConversation(conversation) {\n      return _.filter(conversation.conversation_members, member => {\n        return member.user_role_id !== this.userRole.id;\n      })\n    },\n\n    getConversationName(conversation) {\n      let members = this.getMembersToShowForConversation(conversation);\n      if (members.length > 1) {\n        return 'Group Chat'\n      } else {\n        let firstMember = _.first(members);\n        if (firstMember.user_role) {\n          return firstMember.user_role.name;\n        }\n        return 'Unknown';\n      }\n    },\n\n    capitaliseFirstLetter(string) {\n      return string.charAt(0).toUpperCase() + string.slice(1);\n    },\n\n    getMemberDescriptions(conversation) {\n      let descriptions = [];\n\n      let members = this.getMembersToShowForConversation(conversation);\n      _.each(members, member => {\n        if (member && member.user_role) {\n          descriptions.push(\n              this.capitaliseFirstLetter(member.user_role.role)\n          );\n        }\n      });\n\n      return descriptions.join(', ');\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.conversation-selector {\n  display: flex;\n  justify-content: space-between;\n  border-bottom: 1px solid #efecf3;\n\n  .conversation-selector-tab {\n    display: flex;\n    align-items: center;\n\n    //max-width: 340px;\n    flex: 1;\n    cursor: pointer;\n\n    margin-right: 10px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n\n    padding: 10px;\n\n    border-top-left-radius: 7px;\n    border-top-right-radius: 7px;\n    border: 1px solid #efecf3;\n    border-bottom: none;\n\n    &.active {\n      //background: #efecf3;\n      background: #f5f4f8;\n      //background-color: rgba(93, 60, 242, .1);\n      //background-color: rgba(253,86,49,.1);\n    }\n\n    .avatars {\n      .conversation-member {\n        display: inline-block;\n        margin-right: 10px;\n      }\n    }\n\n    .conversation-description {\n      font-size: 15px;\n    }\n\n    .flex-wrapper {\n      display: flex;\n      align-items: center;\n\n      .left {\n        flex-shrink: 1;\n        padding-right: 10px;\n      }\n\n      .right {\n        flex-grow: 1;\n      }\n    }\n  }\n}\n</style>","import { render } from \"./ConversationSelector.vue?vue&type=template&id=425b0812&scoped=true\"\nimport script from \"./ConversationSelector.vue?vue&type=script&lang=js\"\nexport * from \"./ConversationSelector.vue?vue&type=script&lang=js\"\n\nimport \"./ConversationSelector.vue?vue&type=style&index=0&id=425b0812&scoped=true&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-425b0812\"]])\n\nexport default __exports__","<template>\n  <div class=\"conversation-messages-wrapper\" :class=\"{'dragging-file': isDraggingFile}\" @drop.prevent=\"addFile\"\n       @dragover.prevent=\"isDraggingFile = true\" @dragleave.prevent=\"isDraggingFile = false\">\n    <!-- Messages -->\n    <div class=\"p-3 conversation-messages\" ref=\"conversationMessages\">\n      <VueEternalLoading v-model:is-initial=\"isInitial\"\n                         :load=\"loadMessages\"\n                         position=\"top\"></VueEternalLoading>\n\n      <read-indicator :conversation=\"conversation\"\n                      :conversation-members=\"conversationMembers\"\n                      :message=\"null\" :newer-message=\"firstMessage\"\n      ></read-indicator>\n      <div v-for=\"(message, i) in messagesToShow\">\n        <message :conversation-members=\"conversationMembers\"\n                 @navigate-to-quotes=\"() => $emit('navigate-to-quotes')\"\n                 :job-id=\"jobId\" :message=\"message\" :key=\"i\"></message>\n        <read-indicator :conversation=\"conversation\"\n                        :conversation-members=\"conversationMembers\"\n                        :message=\"message\" :newer-message=\"getNewerMessage(i)\"></read-indicator>\n      </div>\n    </div>\n    <!-- / Messages -->\n\n    <!-- Send Message -->\n    <div class=\"send-message-wrapper p-3\">\n      <div class=\"flex-wrapper\">\n        <div class=\"file-upload\">\n          <input multiple\n                 :key=\"fileUploadInputKey\"\n                 @change=\"handleFilesUploaded\"\n                 ref=\"file\" type=\"file\" class=\"file-uploader\">\n          <button @click.prevent=\"uploadFile\"\n                  class=\"btn btn-icon btn-outline-primary me-2\" type=\"button\">\n            <i class=\"fi-upload-file\"></i>\n          </button>\n        </div>\n        <div class=\"left\">\n          <input placeholder=\"Enter message here...\"\n                 :disabled=\"isSendingMessage\"\n                 @keydown.enter=\"sendMessage\"\n                 type=\"text\" class=\"form-control\" v-model=\"messageToSend\"/>\n        </div>\n        <div class=\"right\">\n          <button\n              :class=\"{'opacity-50': (isSendingMessage||!canSendMessage)}\"\n              type=\"button\"\n              @click.prevent=\"sendMessage\"\n              class=\"btn btn-dark\">\n            <spinner v-if=\"isSendingMessage\" class=\"spinner-border-sm me-2\"></spinner>\n            {{ isSendingMessage ? 'Sending' : 'Send' }}\n          </button>\n        </div>\n      </div>\n\n      <!-- Files -->\n      <div class=\"files mt-3\" v-if=\"filesToSend.length\">\n        <div class=\"badge bg-primary file py-2 px-3\" v-for=\"file in filesToSend\">\n          {{ file.name }}\n          <button @click.prevent=\"removeFile(file)\"\n                  type=\"button\" class=\"btn btn-xxs btn-link text-white btn-icon w-auto py-1 ms-2\">\n            <i class=\"fi-x\"></i>\n          </button>\n        </div>\n      </div>\n      <!-- / Files -->\n    </div>\n    <!-- / Send Message -->\n  </div>\n</template>\n\n<script>\nimport conversations from \"../../../../api/conversations\";\nimport {useToast} from 'vue-toastification';\nimport {VueEternalLoading} from '@ts-pro/vue-eternal-loading';\nimport Spinner from \"../../../../components/Spinner\";\nimport Message from \"./ConversationMessages/Message\";\nimport {mapGetters} from 'vuex';\nimport ReadIndicator from \"./ConversationMessages/ReadIndicator\";\n\nconst toast = useToast();\n\nconst PAGE_SIZE = 1000;\n\nexport default {\n  name: \"ConversationMessages\",\n  props: ['jobId', 'conversation'],\n  data() {\n    return {\n      page: 1,\n      messages: [],\n\n      messageToSend: '',\n      filesToSend: [],\n      fileUploadInputKey: 1,\n      isSendingMessage: false,\n      isInitial: false,\n\n      isMarkingAsRead: false,\n\n      conversationMembers: [],\n\n      isDraggingFile: false\n    }\n  },\n  created() {\n    let vm = this;\n    vm.conversationMembers = _.cloneDeep(this.conversation.conversation_members);\n    window.Echo.private(`conversations.${this.conversation.id}.${this.userRole.id}`).listen('MessageSent', (e) => {\n      vm.handleMessageReceived(e.message);\n    });\n    window.Echo.private(`conversations.${this.conversation.id}.${this.userRole.id}`).listen('UserReadConversation', (e) => {\n      vm.handleUserReadConversation(e.conversationMember);\n    });\n  },\n  watch: {\n    conversation() {\n      this.page = 1;\n      this.messages = [];\n      this.isInitial = true;\n      let vm = this;\n      vm.conversationMembers = _.cloneDeep(this.conversation.conversation_members);\n      window.Echo.private(`conversations.${this.conversation.id}.${this.userRole.id}`).listen('MessageSent', (e) => {\n        vm.handleMessageReceived(e.message);\n      });\n      window.Echo.private(`conversations.${this.conversation.id}.${this.userRole.id}`).listen('UserReadConversation', (e) => {\n        vm.handleUserReadConversation(e.conversationMember);\n      });\n    }\n  },\n  components: {ReadIndicator, Message, VueEternalLoading, Spinner},\n  computed: {\n    ...mapGetters('auth', {\n      userRole: 'userRole'\n    }),\n\n    firstMessage() {\n      return _.first(this.messages);\n    },\n\n    messagesToShow() {\n      return _.orderBy(this.messages, 'created_at')\n    },\n\n    canSendMessage() {\n      return this.messageToSend\n    }\n  },\n  methods: {\n    getNewerMessage(laterMessageIndex) {\n      if (this.messagesToShow.length === laterMessageIndex + 1) {\n        return null;\n      }\n      return this.messagesToShow[Number(laterMessageIndex) + 1];\n    },\n\n    uploadFile() {\n      let fileInputElement = this.$refs.file;\n      fileInputElement.click();\n    },\n\n    handleFilesUploaded(e) {\n      let files = e.target.files;\n      ([...files]).forEach(f => {\n        this.filesToSend.push(f);\n      });\n    },\n\n    addFile(e) {\n      this.isDraggingFile = false;\n      let droppedFiles = e.dataTransfer.files;\n      if (!droppedFiles) return;\n      // this tip, convert FileList to array, credit: https://www.smashingmagazine.com/2018/01/drag-drop-file-uploader-vanilla-js/\n      ([...droppedFiles]).forEach(f => {\n        this.filesToSend.push(f);\n      });\n    },\n\n    removeFile(file) {\n      this.filesToSend = this.filesToSend.filter(f => {\n        return f !== file;\n      });\n    },\n\n    loadMessages({loaded, noMore}) {\n      let vm = this;\n      conversations.searchMessages(\n          this.jobId,\n          this.conversation.id,\n          this.page,\n          PAGE_SIZE\n      ).then(({data}) => {\n        vm.messages.unshift(...data.data.reverse());\n\n        if (data.data.length == 0) {\n          noMore()\n        } else {\n          loaded(this.messages.length, PAGE_SIZE);\n        }\n\n        if (this.page === 1) {\n          vm.scrollMessagesToBottom();\n          vm.markAsRead();\n        }\n        vm.page += 1;\n      }).catch(e => {\n        console.log(e);\n        // toast.error('Error loading messages');\n      })\n    },\n\n    sendMessage() {\n      if (this.isSendingMessage || !this.canSendMessage) {\n        return false;\n      }\n      let vm = this;\n      vm.isSendingMessage = true;\n      conversations.sendMessage(\n          this.jobId,\n          this.conversation.id,\n          vm.messageToSend,\n          vm.filesToSend\n      ).then(() => {\n        vm.isSendingMessage = false;\n        vm.messageToSend = '';\n        vm.fileUploadInputKey += 1;\n        vm.filesToSend = [];\n      }).catch(e => {\n        console.log(e);\n        vm.isSendingMessage = false;\n        toast.error('Error sending message');\n      });\n    },\n\n    markAsRead() {\n      this.isMarkingAsRead = true;\n      let vm = this;\n      conversations.markAsRead(\n          this.jobId,\n          this.conversation.id\n      ).then(r => {\n        vm.isMarkingAsRead = false;\n      }).catch(e => {\n        console.log(e);\n        vm.isMarkingAsRead = false;\n        toast.error('Error marking as read');\n      });\n    },\n\n    scrollMessagesToBottom() {\n      let vm = this;\n      window.setTimeout(function () {\n        let elem = vm.$refs['conversationMessages'];\n        elem.scrollTop = elem.scrollHeight;\n      }, 100)\n    },\n\n    handleMessageReceived(message) {\n      if (message.conversation_id === this.conversation.id) {\n        this.messages.push(message);\n        this.scrollMessagesToBottom();\n\n        if (message.sent_by_user_role_id !== this.userRole.id) {\n          this.markAsRead();\n        }\n      }\n    },\n\n    handleUserReadConversation(conversationMember) {\n      if (conversationMember.conversation_id === this.conversation.id) {\n        this.conversationMembers = _.map(this.conversationMembers, member => {\n          if (member.id === conversationMember.id) {\n            return {\n              ...member,\n              ...conversationMember\n            }\n          }\n          return member;\n        });\n      }\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.conversation-messages-wrapper {\n  position: relative;\n\n  &.dragging-file {\n    background: #efecf3;\n    &:before {\n      content: \"\";  // :before and :after both require content\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      left: 0; // Push the element 50% of the container's width to the right\n      background-image: url('/img/file-upload-icon.png');\n      background-repeat: no-repeat;\n      background-position: center;\n      background-size: 30%;\n    }\n    .conversation-messages {\n      opacity: 0;\n    }\n    .send-message-wrapper {\n      opacity: 0;\n    }\n  }\n}\n\n.conversation-messages {\n  border: 1px solid #efecf3;\n  border-top: none;\n  overflow-y: scroll;\n  min-height: 400px;\n  max-height: 400px;\n  background: #fff;\n  position: relative;\n\n  // Hide scrollbar\n  ::-webkit-scrollbar {\n    display: none;\n  }\n  -ms-overflow-style: none;  /* IE and Edge */\n  scrollbar-width: none;  /* Firefox */\n}\n\n.send-message-wrapper {\n  border-bottom-left-radius: 7px;\n  border-bottom-right-radius: 7px;\n  border: 1px solid #efecf3;\n  border-top: none;\n  background: #f9f9f9;\n\n  .flex-wrapper {\n    display: flex;\n\n    .left {\n      flex-grow: 1;\n    }\n\n    .right {\n      flex-shrink: 1;\n      padding-left: 10px;\n    }\n  }\n}\n\n.files {\n  .file {\n    font-size: 14px;\n    margin-right: 8px;\n  }\n}\n\n.file-uploader {\n  display: none;\n}\n\n.badge {\n  overflow-wrap: break-word;\n  text-align: left;\n}\n</style>","import { render } from \"./ConversationMessages.vue?vue&type=template&id=66addf4e&scoped=true\"\nimport script from \"./ConversationMessages.vue?vue&type=script&lang=js\"\nexport * from \"./ConversationMessages.vue?vue&type=script&lang=js\"\n\nimport \"./ConversationMessages.vue?vue&type=style&index=0&id=66addf4e&scoped=true&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-66addf4e\"]])\n\nexport default __exports__","<template>\n  <div class=\"conversation-files-wrapper\">\n    <div class=\"p-3 conversation-files\">\n\n      <!-- Loading -->\n      <div v-if=\"isLoading\" class=\"text-center py-5\">\n        <spinner></spinner>\n      </div>\n      <!-- / Loading -->\n\n      <!-- No files -->\n      <no-results v-if=\"!isLoading && files.length === 0\">\n        No files to show\n      </no-results>\n      <!-- / No files -->\n\n      <!-- Files -->\n      <div class=\"row\">\n        <div class=\"col-md-4\" v-for=\"file in files\">\n          <div class=\"card bg-secondary\">\n            <div class=\"card-body text-center\">\n              <i class=\"fi fi-download-file file-card-icon\"></i>\n              <h5 class=\"card-title\">{{ file.filename }}</h5>\n              <p class=\"card-text fs-sm\">\n                Sent by: {{ file.sent_by_user_role.name }}\n              </p>\n              <a href=\"#\" @click.prevent=\"downloadConversationFile(file, jobId)\"\n                 class=\"btn btn-sm btn-primary\">Download</a>\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- / Files -->\n\n    </div>\n  </div>\n</template>\n\n<script>\nimport conversations from \"../../../../api/conversations\";\nimport {useToast} from 'vue-toastification';\n\nconst toast = useToast();\nimport Spinner from \"../../../../components/Spinner\";\nimport NoResults from \"../../../../components/NoResults\";\nimport Conversations from \"../../../../mixins/Conversations\";\n\nexport default {\n  name: \"ConversationFiles\",\n  props: ['jobId', 'conversation'],\n  components: {Spinner, NoResults},\n  mixins: [Conversations],\n  data() {\n    return {\n      isLoading: false,\n      files: []\n    }\n  },\n  created() {\n    this.loadFiles();\n  },\n  methods: {\n    loadFiles() {\n      let vm = this;\n      vm.isLoading = true;\n      conversations.loadFiles(\n          this.jobId,\n          this.conversation.id\n      ).then(r => {\n        vm.files = r.data;\n        vm.isLoading = false;\n      }).catch(e => {\n        console.log(e);\n        // toast.error('Error loading files');\n      })\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.conversation-files {\n  border: 1px solid #efecf3;\n  border-top: none;\n  overflow-y: scroll;\n  min-height: 400px;\n  max-height: 400px;\n  background: #fff;\n\n  // Hide scrollbar\n  ::-webkit-scrollbar {\n    display: none;\n  }\n  -ms-overflow-style: none;  /* IE and Edge */\n  scrollbar-width: none;  /* Firefox */\n\n  .file-card-icon {\n    font-size: 30px;\n    margin-bottom: 15px;\n  }\n}\n\n.conversation-files-wrapper {\n  border-bottom-left-radius: 7px;\n  border-bottom-right-radius: 7px;\n  border: 1px solid #efecf3;\n  border-top: none;\n  background: #f9f9f9;\n}\n\n</style>","import { render } from \"./ConversationFiles.vue?vue&type=template&id=1f256675&scoped=true\"\nimport script from \"./ConversationFiles.vue?vue&type=script&lang=js\"\nexport * from \"./ConversationFiles.vue?vue&type=script&lang=js\"\n\nimport \"./ConversationFiles.vue?vue&type=style&index=0&id=1f256675&scoped=true&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1f256675\"]])\n\nexport default __exports__","<template>\n  <div class=\"tab-selector px-3 py-3\">\n    <div class=\"left\">\n      <div class=\"description\">{{ description }}</div>\n    </div>\n    <div class=\"right\">\n\n      <ul class=\"nav nav-tabs card-header-tabs\" role=\"tablist\">\n        <li class=\"nav-item\">\n          <a class=\"nav-link\" :class=\"{'active': isTabSelected('activity')}\" href=\"#\" role=\"tab\"\n          @click.prevent=\"$emit('select-tab', 'activity')\">\n            Activity\n          </a>\n        </li>\n        <li class=\"nav-item\">\n          <a class=\"nav-link\" :class=\"{'active': isTabSelected('files')}\" href=\"#\" role=\"tab\"\n             @click.prevent=\"$emit('select-tab', 'files')\">\n            Files\n          </a>\n        </li>\n        <li class=\"nav-item\">\n          <a class=\"nav-link\" :class=\"{'active': isTabSelected('messaging')}\" href=\"#\" role=\"tab\"\n             @click.prevent=\"$emit('select-tab', 'messaging')\">\n            Messages\n          </a>\n        </li>\n      </ul>\n\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"TabSelector\",\n  props: ['currentTab'],\n  computed: {\n    description() {\n      if (this.currentTab === 'messaging') {\n        return 'Messages'\n      } else if (this.currentTab === 'files') {\n        return 'Sent Files'\n      } else if (this.currentTab === 'activity') {\n        return 'Activity'\n      }\n      return this.currentTab\n    }\n  },\n  methods: {\n    isTabSelected(tab) {\n      return this.currentTab === tab\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.tab-selector {\n  border-bottom: 1px solid #efecf3;\n  border-left: 1px solid #efecf3;\n  border-right: 1px solid #efecf3;\n  display: flex;\n\n  .left {\n    flex-grow: 1;\n    display: flex;\n    align-items: center;\n\n    .description {\n      font-weight: bold;\n      color: #1f1b2d;\n    }\n  }\n\n  .right {\n    flex-shrink: 1;\n  }\n}\n</style>","import { render } from \"./TabSelector.vue?vue&type=template&id=6a964671&scoped=true\"\nimport script from \"./TabSelector.vue?vue&type=script&lang=js\"\nexport * from \"./TabSelector.vue?vue&type=script&lang=js\"\n\nimport \"./TabSelector.vue?vue&type=style&index=0&id=6a964671&scoped=true&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6a964671\"]])\n\nexport default __exports__","<template>\n  <div>\n    <ul class=\"nav nav-tabs nav-fill\" role=\"tablist\" v-show=\"companies.length\">\n      <li class=\"nav-item me-2\" v-for=\"(company, i) in companies\" :key=\"i\">\n        <a class=\"nav-link\"\n           @click.prevent=\"selectCompany(company)\"\n           :class=\"{'active': isCompanySelected(company)}\"\n           href=\"#\" data-bs-toggle=\"tab\" role=\"tab\">\n          {{ company ? company.name : 'No company' }}\n        </a>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"CompanySelector\",\n  props: ['companies', 'selectedCompany'],\n  computed: {},\n  methods: {\n    isCompanySelected(company) {\n      if (this.selectedCompany) {\n        return this.selectedCompany.id === company.id;\n      }\n      return false;\n    },\n\n    selectCompany(company) {\n      this.$emit('select-company', company);\n    }\n  }\n}\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./CompanySelector.vue?vue&type=template&id=d2a044a8\"\nimport script from \"./CompanySelector.vue?vue&type=script&lang=js\"\nexport * from \"./CompanySelector.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./JobMessaging.vue?vue&type=template&id=1ead8896\"\nimport script from \"./JobMessaging.vue?vue&type=script&lang=js\"\nexport * from \"./JobMessaging.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./Show.vue?vue&type=template&id=f43bc802\"\nimport script from \"./Show.vue?vue&type=script&lang=js\"\nexport * from \"./Show.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","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-v16/dist/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-v16/dist/index.js??ref--1-1!./ConversationSelector.vue?vue&type=style&index=0&id=425b0812&scoped=true&lang=scss\"","<template>\n  <nav class=\"\" aria-label=\"Breadcrumb\">\n        <ol class=\"breadcrumb\" :class=\"{'breadcrumb-light': type == 'light'}\">\n            <li v-for=\"(crumb, i) in crumbs\" class=\"breadcrumb-item\" :class=\"{'active': crumb.active === true}\" :key=\"i\">\n                <a v-if=\"crumb.active !== true\" @click.prevent=\"() => $router.push(crumb.href)\" :href=\"crumb.href\">{{ crumb.label }}</a>\n                <template v-else>{{ crumb.label }}</template>\n            </li>\n        </ol>\n    </nav>\n</template>\n\n<script>\nexport default {\n    props: ['crumbs', 'type'],\n    setup() {\n        \n    },\n}\n</script>\n\n\n<style>\n\n</style>","import { render } from \"./Breadcrumb.vue?vue&type=template&id=0720aea3\"\nimport script from \"./Breadcrumb.vue?vue&type=script&lang=js\"\nexport * from \"./Breadcrumb.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","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-v16/dist/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-v16/dist/index.js??ref--1-1!./ConversationMessages.vue?vue&type=style&index=0&id=66addf4e&scoped=true&lang=scss\"","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-v16/dist/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-v16/dist/index.js??ref--1-1!./TabSelector.vue?vue&type=style&index=0&id=6a964671&scoped=true&lang=scss\""],"sourceRoot":""}