{"version":3,"file":"ChatSidebar-f6b73108.js","sources":["../../../node_modules/@heroicons/vue/20/solid/esm/HomeIcon.js","../../../app/javascript/components/chat/ChatSidebar.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M9.293 2.293a1 1 0 011.414 0l7 7A1 1 0 0117 11h-1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-3a1 1 0 00-1-1H9a1 1 0 00-1 1v3a1 1 0 01-1 1H5a1 1 0 01-1-1v-6H3a1 1 0 01-.707-1.707l7-7z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","<template>\n  <div class=\"relative h-full\" :class=\"externalChat ? '' : 'w-80 border-r border-gray-600'\">\n    <div class=\"flex items-center justify-between bg-gray-800 px-3 py-2\" v-if=\"!externalChat\">\n      <span class=\"text-xs font-medium leading-4 tracking-wide\">Chats</span>\n      <div class=\"flex items-center space-x-2.5\">\n        <MagnifyingGlassIcon\n          @click=\"showSearchModal = true\"\n          class=\"mr-1.5 inline h-4 w-4 cursor-pointer text-gray-400 hover:text-white\"\n        />\n        <PencilSquareIcon\n          @click=\"showCreateModal = true\"\n          class=\"h-4 w-4 cursor-pointer text-gray-400 hover:text-white\"\n        />\n      </div>\n    </div>\n    <div id=\"chat-sidebar\" class=\"flex h-full flex-col overflow-y-hidden rounded\">\n      <ChatSidebarChannelGroup\n        type=\"requests\"\n        :channels=\"requestChannels\"\n        :chosen-channel=\"chosenChannel\"\n        :external=\"externalChat\"\n        :request-opened=\"requestOpened\"\n        @show-search-modal=\"onShowSearchModal()\"\n        @set-requests-state=\"requestOpened = !requestOpened\"\n      />\n      <ChatSidebarChannelGroup\n        :type=\"selectedFolder\"\n        :selected-folder=\"selectedFolder\"\n        :channels=\"filteredChannels\"\n        :all-channels=\"channels\"\n        :chosen-channel=\"chosenChannel\"\n        :external=\"externalChat\"\n        :request-opened=\"requestOpened\"\n        @set-folder=\"selectedFolder = $event\"\n      />\n    </div>\n    <div\n      class=\"fixed inset-x-0 bottom-0 flex h-14 w-80 items-center justify-between space-x-1 bg-gray-800 px-3\"\n      v-if=\"!externalChat\"\n    >\n      <BaseUser\n        v-if=\"streamUser\"\n        :user=\"streamUser\"\n        :title=\"streamUser.name\"\n        :max-text-length=\"30\"\n        :sub-text=\"getUserSubtitle(streamUser)\"\n        :hide-cursor=\"true\"\n      >\n        <template #image>\n          <ChatImage size=\"sm\" :show-online=\"true\" :item=\"streamUser\"> </ChatImage>\n        </template>\n      </BaseUser>\n      <div class=\"flex items-center space-x-2.5\">\n        <div class=\"cursor-pointer\" @click=\"$emitter.$emit('channel:change', null)\">\n          <HomeIcon class=\"h-4 w-4 text-gray-400 hover:text-white\" />\n        </div>\n        <div class=\"cursor-pointer\" @click=\"showSettingsModal = true\">\n          <Cog8ToothIcon class=\"h-4 w-4 text-gray-400 hover:text-white\" />\n        </div>\n      </div>\n    </div>\n    <ChatCreateChannelModal\n      v-if=\"showCreateModal\"\n      :channels=\"channels\"\n      :searched-term=\"searchedTerm\"\n      :searched-user=\"searchedUser\"\n      @close=\"\n        showCreateModal = false;\n        searchedTerm = null;\n      \"\n    />\n    <ChatSearchModal\n      v-if=\"showSearchModal\"\n      :channels=\"channels\"\n      :pinned-channels=\"pinnedChannels\"\n      :temporary-channels=\"temporaryChannels\"\n      :archived-channels=\"archivedChannels\"\n      :search-tab=\"searchTab\"\n      @close=\"showSearchModal = false\"\n      @find-message-in-channel=\"searchMessage($event)\"\n      @find-channel=\"\n        showSearchModal = false;\n        $emitter.$emit('channel:change', $event);\n      \"\n    />\n    <ChatSettingsModal v-if=\"showSettingsModal\" @close=\"showSettingsModal = false\" />\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, onBeforeUnmount, inject } from 'vue';\nimport ChatSettingsModal from './ChatSettingsModal.vue';\nimport ChatSidebarChannelGroup from './ChatSidebarChannelGroup.vue';\nimport BaseUser from './ChatBaseUser.vue';\nimport ChatImage from './ChatImage.vue';\nimport ChatCreateChannelModal from './ChatCreateChannelModal.vue';\nimport ChatSearchModal from './ChatSearchModal.vue';\nimport { getUserSubtitle } from '@/composeables/chat';\nimport { useMapGetter } from '@/store/map-state';\nimport { PencilSquareIcon, Cog8ToothIcon, HomeIcon, MagnifyingGlassIcon } from '@heroicons/vue/20/solid';\nimport { useStore } from 'vuex';\nimport useHttp from '@/composeables/http';\nimport useEmitter from '@/composeables/emitter';\n\nconst { client, streamUser, folders, rejectedChannels } = useMapGetter();\nconst $store = useStore();\nconst $http = useHttp();\nconst $emitter = useEmitter();\nconst $emit = defineEmits(['message:search']);\n\nconst props = defineProps({\n  channels: { type: Array, default: () => [] },\n  chosenChannel: Object,\n  showRequests: Boolean,\n  externalChat: { type: Boolean, default: false }\n});\n\n// MODAL\nconst showSearchModal = ref(false);\nonMounted(() => {\n  $emitter.$on('show:user-bio', user => {\n    showSearchModal.value = false;\n  });\n});\n\nfunction searchMessage(payload) {\n  $emit('message:search', payload);\n  showSearchModal.value = false;\n}\n\nconst searchTab = ref(null);\nfunction onShowSearchModal() {\n  searchTab.value = 'people';\n  showSearchModal.value = true;\n  $emitter.$emit('toggle-chat-dropdown', false);\n}\n\nwatch(\n  () => showSearchModal.value,\n  () => {\n    if (showSearchModal.value == false) {\n      searchTab.value = null;\n    }\n  }\n);\n\nconst showSettingsModal = ref(false);\nonMounted(() => {\n  $emitter.$on('show:settings-modal', () => {\n    showSettingsModal.value = true;\n  });\n});\n\n// SCROLL VISIBLE\nconst scrollVisible = ref(false);\nonMounted(() => {\n  const elm = document.getElementById('chat-sidebar');\n  if (ResizeObserver) {\n    new ResizeObserver(() => {\n      scrollVisible.value = elm.scrollHeight > elm.clientHeight ? true : false;\n    }).observe(elm);\n  }\n});\n\n// REQUEST OPENED\nconst selectedFolder = ref('all_chats');\nconst requestOpened = ref(false);\nonMounted(() => {\n  if (props.chosenChannel && requestChannels.value.map(x => x.cid).includes(props.chosenChannel.cid)) {\n    requestOpened.value = true;\n  } else if (props.chosenChannel && archivedChannels.value.map(x => x.cid).includes(props.chosenChannel.cid)) {\n    selectedFolder.value = 'archived';\n  }\n});\n\nwatch(\n  () => props.chosenChannel,\n  () => {\n    if (props.chosenChannel && requestChannels.value.map(x => x.cid).includes(props.chosenChannel.cid)) {\n      requestOpened.value = true;\n    } else if (props.chosenChannel) {\n      requestOpened.value = false;\n    }\n  }\n);\n\n// EMITTERS\nconst searchedTerm = ref(null);\nconst searchedUser = ref(null);\nonMounted(() => {\n  $emitter.$on('channel:added', async channel => {\n    let selectedFolderItem = folders.value.find(x => x.id == selectedFolder.value);\n    if (selectedFolderItem) {\n      selectedFolderItem.channels.push(channel.cid);\n      await $http.put(`/messaging_folders/${selectedFolderItem.folder_id}`, {\n        messaging_folder: {\n          name: selectedFolderItem.text,\n          channels: selectedFolderItem.channels\n        }\n      });\n      const res = await $http.get('/messaging_folders');\n      $store.dispatch('setFolders', res.data.folders);\n    }\n  });\n  $emitter.$on('show:create-channel-modal', event => {\n    const userCompanies = streamUser.value.companies_data?.map(c => c.name) || [];\n    if (event != undefined && typeof event === 'object') {\n      if (userCompanies && userCompanies.includes(event.companies_data[0]?.name)) {\n        searchedUser.value = event;\n      } else {\n        searchedTerm.value = event.companies_data[0]?.name;\n        searchedUser.value = event;\n      }\n    } else if (event != undefined && (!userCompanies || !userCompanies.includes(event))) {\n      searchedTerm.value = event;\n    }\n    showCreateModal.value = true;\n  });\n});\n\n// CHANNELS\nconst pinnedChannels = computed(() => {\n  return props.channels.filter(c =>\n    streamUser.value && Array.isArray(streamUser.value.pinned_channels)\n      ? streamUser.value.pinned_channels.includes(c.cid)\n      : false\n  );\n});\n\nconst unreadChannels = computed(() => {\n  let unreadChannels = props.channels.filter(\n    c =>\n      !requestChannels.value.map(x => x.cid).includes(c.cid) &&\n      !rejectedChannels.value.includes(c.cid) &&\n      !archivedChannels.value.map(x => x.cid).includes(c.cid) &&\n      c.state.unreadCount > 0\n  );\n\n  return unreadChannels;\n});\n\nconst allChatChannels = computed(() => {\n  let allChats = props.channels.filter(\n    c =>\n      !requestChannels.value.map(x => x.cid).includes(c.cid) &&\n      !rejectedChannels.value.includes(c.cid) &&\n      !archivedChannels.value.map(x => x.cid).includes(c.cid)\n  );\n\n  return allChats;\n});\n\nconst archivedChannels = computed(() => {\n  let archivedChats = props.channels.filter(c =>\n    streamUser.value && Array.isArray(streamUser.value.archive_channels)\n      ? streamUser.value.archive_channels.includes(c.cid)\n      : false\n  );\n\n  return archivedChats;\n});\n\nconst requestChannels = computed(() => {\n  var requests = props.channels.filter(c =>\n    Object.values(c.state.members).length > 0\n      ? Object.values(c.state.members).some(\n          u =>\n            u.user_id === client.value.user.id && u.invited === true && !u.invite_accepted_at && !u.invite_rejected_at\n        )\n      : false\n  );\n  $store.dispatch(\n    'setRequestChannels',\n    requests.map(x => x.cid)\n  );\n  return requests;\n});\n\nconst filteredChannels = computed(() => {\n  let channelsData = [];\n  if (selectedFolder.value === 'all_chats') {\n    channelsData = allChatChannels.value;\n  } else if (selectedFolder.value === 'unread') {\n    channelsData = unreadChannels.value;\n  } else if (selectedFolder.value === 'requests') {\n    channelsData = requestChannels.value;\n  } else if (selectedFolder.value === 'archived') {\n    channelsData = archivedChannels.value;\n  } else {\n    let selectedFolderData = folders.value.find(x => x.id == selectedFolder.value);\n    if (selectedFolderData) {\n      channelsData = props.channels.filter(\n        c => selectedFolderData.channels.includes(c.cid) && !archivedChannels.value.map(x => x.cid).includes(c.cid)\n      );\n    }\n  }\n  return channelsData;\n});\n\n// FOLDERS\nasync function addToFolder(data) {\n  let folder = folders.value.find(f => f.id === data.id);\n  const response = await $http.put(`/messaging_folders/${data.folder_id}`, {\n    messaging_folder: {\n      channels: [...folder.channels, data.channelCid]\n    }\n  });\n  $store.dispatch('updateFolder', response.data.folder);\n}\n\nonMounted(() => {\n  $emitter.$on('add-to-folder', data => {\n    addToFolder(data);\n  });\n});\n\nwatch(\n  () => folders.value,\n  (newVal, oldVal) => {\n    if (oldVal.length > 0) {\n      let newFolder = newVal.filter(x => !oldVal.map(o => o.id).includes(x.id));\n      if (newFolder.length) {\n        selectedFolder.value = newFolder[0].id;\n      }\n    }\n  }\n);\n\n// OTHERS\nconst showCreateModal = ref(false);\nonBeforeUnmount(() => {\n  $emitter.$off('show:user-bio');\n  $emitter.$off('show:create-channel-modal');\n  $emitter.$off('show:settings-modal');\n  $emitter.$off('add-to-folder');\n});\n</script>\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","client","streamUser","folders","rejectedChannels","useMapGetter","$store","useStore","$http","useHttp","$emitter","useEmitter","showSearchModal","ref","onMounted","user","searchMessage","payload","$emit","searchTab","onShowSearchModal","watch","showSettingsModal","scrollVisible","elm","selectedFolder","requestOpened","props","requestChannels","x","archivedChannels","searchedTerm","searchedUser","channel","selectedFolderItem","res","event","userCompanies","_a","c","_b","_c","showCreateModal","pinnedChannels","computed","unreadChannels","allChatChannels","requests","u","filteredChannels","channelsData","selectedFolderData","addToFolder","data","folder","f","response","newVal","oldVal","newFolder","o","onBeforeUnmount"],"mappings":"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","x_google_ignoreList":[0]}