{"version":3,"file":"embedded-CtDLPbDE.js","sources":["../../src/shared/ui/icons/icon-arrow-right.vue","../../src/shared/ui/misc/embedded-dropdown-transition.vue","../../src/entities/chat/lib/use-fullscreen-chat-href.ts","../../src/widgets/alerts-dropdown/api/get-alerts.ts","../../src/widgets/alerts-dropdown/state/alerts-query.ts","../../src/widgets/alerts-dropdown/lib/use-alert-initiator.ts","../../src/widgets/alerts-dropdown/ui/alert-content-layout.vue","../../src/widgets/alerts-dropdown/ui/alert-message-content.vue","../../src/widgets/alerts-dropdown/ui/alert-reaction-content.vue","../../src/widgets/alerts-dropdown/ui/alert-reply-content.vue","../../src/widgets/alerts-dropdown/ui/alerts-dropdown-item.vue","../../src/widgets/alerts-dropdown/ui/alerts-dropdown.vue","../../src/widgets/alerts-dropdown/state/use-dynamic-alert-updates.ts","../../src/apps/embedded/ui/alerts.vue","../../src/widgets/conversations-dropdown/ui/conversations-dropdown-item.vue","../../src/widgets/conversations-dropdown/ui/conversations-dropdown.vue","../../src/apps/embedded/ui/conversations.vue","../../src/pages/embedded-chat/ui/embedded-chat-header.vue","../../src/apps/embedded/ui/app.vue","../../src/apps/embedded/main.ts"],"sourcesContent":["<template>\n  <svg width=\"27\" height=\"8\" viewBox=\"0 0 27 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M1 3.5C0.723858 3.5 0.5 3.72386 0.5 4C0.5 4.27614 0.723858 4.5 1 4.5V3.5ZM26.3536 4.35355C26.5488 4.15829 26.5488 3.84171 26.3536 3.64645L23.1716 0.464466C22.9763 0.269204 22.6597 0.269204 22.4645 0.464466C22.2692 0.659728 22.2692 0.976311 22.4645 1.17157L25.2929 4L22.4645 6.82843C22.2692 7.02369 22.2692 7.34027 22.4645 7.53553C22.6597 7.7308 22.9763 7.7308 23.1716 7.53553L26.3536 4.35355ZM1 4.5H26V3.5H1V4.5Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n</template>\n","<template>\n  <Transition\n    :enterActiveClass=\"$style.appearEnterActive\"\n    :leaveActiveClass=\"$style.appearLeaveActive\"\n    :enterFromClass=\"$style.appearEnterFrom\"\n    :leaveToClass=\"$style.appearLeaveTo\"\n  >\n    <slot />\n  </Transition>\n</template>\n\n<style lang=\"scss\" module>\n.appearEnterActive,\n.appearLeaveActive {\n  transition:\n    opacity 0.2s ease-in-out,\n    transform 0.2s ease-in-out;\n}\n\n.appearEnterFrom,\n.appearLeaveTo {\n  transform: translateY(-10px);\n  opacity: 0;\n}\n</style>\n","import { computed, unref, type MaybeRef } from 'vue'\nimport { getFullscreenChatHref } from './get-fullscreen-chat-href'\n\nexport function useFullscreenChatHref(chatId: MaybeRef<string | number>) {\n  const href = computed(() => getFullscreenChatHref(unref(chatId)))\n  return href\n}\n","import { httpClient, type Cursor } from '#shared'\nimport type { GetAlertsResponse } from '../model/get-alerts-response'\n\ninterface GetAlertsOptions {\n  count?: number\n  after?: Cursor\n}\n\nexport async function getAlerts({ count = 20, after }: GetAlertsOptions = {}): Promise<GetAlertsResponse> {\n  const searchParams = new URLSearchParams([['count', count.toString()]])\n\n  if (after) {\n    searchParams.set('after', after.toString())\n  }\n\n  const response = await httpClient.get<GetAlertsResponse>('alerts?' + searchParams.toString(), { requireAuth: true })\n  const responseBody = await response.json()\n\n  return responseBody\n}\n","import { infiniteQueryOptions } from '@tanstack/vue-query'\nimport { getAlerts } from '../api/get-alerts'\n\nexport const ALERTS_QUERY_KEY = ['alerts'] as const\n\nexport const alertsQueryOptions = infiniteQueryOptions({\n  queryKey: ALERTS_QUERY_KEY,\n  queryFn: ({ pageParam }) => getAlerts({ after: pageParam }),\n  getNextPageParam: lastPage => (lastPage.hasNextPage ? lastPage.endCursor.toString() : undefined),\n  initialPageParam: undefined as string | undefined,\n  staleTime: 60_000,\n})\n","import { computed, type Ref } from 'vue'\nimport type { Alert } from '../model/alert'\n\nexport function useAlertInitiator(alert: Ref<Alert>) {\n  return computed(() => {\n    const alertVal = alert.value\n\n    if (alertVal.type === 'message') {\n      return alertVal.message.sender\n    }\n\n    if (alertVal.type === 'reply') {\n      return alertVal.reply.sender\n    }\n\n    if (alertVal.type === 'reaction') {\n      return alertVal.reaction.sender\n    }\n\n    return null\n  })\n}\n","<script setup lang=\"ts\">\nimport { useTimeSinceString, type User } from '#shared'\nimport { toRef } from 'vue'\n\nconst { createdAt, initiator } = defineProps<{ createdAt: string; initiator: User }>()\n\nconst timeSinceCreatedString = useTimeSinceString(toRef(() => createdAt))\n</script>\n\n<template>\n  <div :class=\"$style.root\">\n    <div>\n      <span :class=\"$style.name\">{{ initiator.displayName }}</span> <slot name=\"label\" />\n    </div>\n    <div :class=\"$style.content\">\n      <slot name=\"content\" />\n    </div>\n    <div :class=\"$style.time\">\n      {{ timeSinceCreatedString }}\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use './mixins.scss' as *;\n\n.root {\n  @include alert-content;\n}\n\n.name {\n  @include alert-content-name;\n  word-break: break-word;\n}\n\n.content {\n  word-break: break-word;\n}\n\n.time {\n  @include alert-content-sent-time;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useMessagePreview } from '#entities/message'\nimport type { AlertMessage } from '../model/alert'\nimport AlertContentLayout from './alert-content-layout.vue'\n\nconst { alert } = defineProps<{ alert: AlertMessage }>()\n\nconst message = computed(() => alert.message)\nconst messagePreview = useMessagePreview(message, 'large')\n</script>\n\n<template>\n  <AlertContentLayout :createdAt=\"message.createdAt\" :initiator=\"message.sender\">\n    <template #label>sent you message:</template>\n\n    <template #content>\n      {{ messagePreview }}\n    </template>\n  </AlertContentLayout>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useMessagePreview } from '#entities/message'\nimport type { AlertReaction } from '../model/alert'\nimport AlertContentLayout from './alert-content-layout.vue'\n\nconst { alert } = defineProps<{ alert: AlertReaction }>()\n\nconst message = computed(() => alert.message)\nconst messagePreview = useMessagePreview(message, 'small')\n</script>\n\n<template>\n  <AlertContentLayout :createdAt=\"alert.reaction.createdAt\" :initiator=\"alert.reaction.sender!\">\n    <template #label>added reaction {{ alert.reaction.char }} to your message:</template>\n\n    <template #content>\n      {{ messagePreview }}\n    </template>\n  </AlertContentLayout>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { useMessagePreview } from '#entities/message'\nimport type { AlertReply } from '../model/alert'\nimport AlertContentLayout from './alert-content-layout.vue'\n\nconst { alert } = defineProps<{ alert: AlertReply }>()\n\nconst message = computed(() => alert.message)\nconst messagePreview = useMessagePreview(message, 'small')\n\nconst reply = computed(() => alert.reply)\nconst replyPreview = useMessagePreview(reply, 'large')\n</script>\n\n<template>\n  <AlertContentLayout :createdAt=\"alert.reply.createdAt\" :initiator=\"alert.reply.sender\">\n    <template #label>sent reply to your message \"{{ messagePreview }}\":</template>\n\n    <template #content>\n      {{ replyPreview }}\n    </template>\n  </AlertContentLayout>\n</template>\n","<script setup lang=\"ts\">\nimport { UserAvatar } from '#shared'\nimport { computed, toRef } from 'vue'\nimport { useFullscreenChatHref } from '#entities/chat'\nimport { useAlertInitiator } from '../lib/use-alert-initiator'\nimport type { Alert } from '../model/alert'\nimport AlertMessageContent from './alert-message-content.vue'\nimport AlertReactionContent from './alert-reaction-content.vue'\nimport AlertReplyContent from './alert-reply-content.vue'\n\nconst { alert } = defineProps<{ alert: Alert }>()\n\nconst href = useFullscreenChatHref(computed(() => alert.message.chatId))\n\nconst initiator = useAlertInitiator(toRef(() => alert))\n</script>\n\n<template>\n  <li :class=\"$style.root\" v-if=\"initiator\">\n    <a :class=\"$style.content\" :href=\"href\">\n      <div :class=\"$style.avatarWrap\">\n        <UserAvatar size=\"small\" :user=\"initiator\" />\n      </div>\n\n      <div :class=\"$style.textWrap\">\n        <AlertMessageContent v-if=\"alert.type === 'message' || alert.type === 'NEW_MESSAGE'\" :alert=\"alert\" />\n        <AlertReactionContent v-if=\"alert.type === 'reaction' || alert.type === 'NEW_REACTION'\" :alert=\"alert\" />\n        <AlertReplyContent v-if=\"alert.type === 'reply'\" :alert=\"alert\" />\n      </div>\n    </a>\n  </li>\n</template>\n\n<style lang=\"scss\" module>\n.content {\n  padding: 10px 10px 10px 25px;\n  display: flex;\n  gap: 15px;\n  text-decoration: none;\n  color: white;\n}\n\n.textWrap {\n  min-width: 0;\n  flex: 1;\n  overflow: hidden;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { EmbeddedDropdown } from '#shared'\nimport { useInfiniteQuery } from '@tanstack/vue-query'\nimport { computed, useTemplateRef } from 'vue'\nimport { useInfiniteScroll } from '#shared/lib/misc/use-infinite-scroll'\nimport { alertsQueryOptions } from '../state/alerts-query'\nimport AlertsDropdownEmptyState from './alerts-dropdown-empty-state.vue'\nimport AlertsDropdownItem from './alerts-dropdown-item.vue'\n\nconst { toggleEl } = defineProps<{ toggleEl: HTMLElement }>()\n\nconst alertsQuery = useInfiniteQuery(alertsQueryOptions)\nconst alerts = computed(() => alertsQuery.data.value?.pages.flatMap(page => page.data) ?? [])\n\nconst listEl = useTemplateRef('listEl')\nuseInfiniteScroll(listEl, {\n  canLoadMore: computed(() => alertsQuery.hasNextPage.value && !alertsQuery.isFetching.value),\n  loadMore: () => alertsQuery.fetchNextPage(),\n  direction: 'down',\n})\n</script>\n\n<template>\n  <EmbeddedDropdown :toggleEl=\"toggleEl\">\n    <template #title>Alerts</template>\n\n    <template #content>\n      <ul v-if=\"alerts.length > 0\" :class=\"$style.list\" ref=\"listEl\">\n        <AlertsDropdownItem v-for=\"alert in alerts\" :key=\"alert.id\" :alert=\"alert\" />\n      </ul>\n\n      <AlertsDropdownEmptyState v-else-if=\"alertsQuery.isPending.value\" label=\"Loading...\" />\n\n      <AlertsDropdownEmptyState v-else />\n    </template>\n  </EmbeddedDropdown>\n</template>\n\n<style lang=\"scss\" module>\n@use '#mixins/scrollbar' as scrollbar;\n\n.list {\n  min-height: 200px;\n  max-height: 470px;\n  overflow: auto;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  @include scrollbar.thick(#1f1f22);\n}\n</style>\n","import { useQueryClient } from '@tanstack/vue-query'\nimport { onBeforeMount, onBeforeUnmount } from 'vue'\nimport { wsClient } from '#shared/api/ws-client'\nimport type { Alert } from '../model/alert'\nimport type { AlertsQueryData } from '../model/alerts-query-data'\nimport type { GetAlertsResponse } from '../model/get-alerts-response'\nimport { ALERTS_QUERY_KEY } from './alerts-query'\n\nexport function useDynamicAlertUpdates() {\n  const queryClient = useQueryClient()\n\n  const onNewAlert = (alert: Alert) => {\n    queryClient.setQueryData(ALERTS_QUERY_KEY, (queryData: AlertsQueryData | undefined) => {\n      if (!queryData) {\n        queryData = {\n          pageParams: [],\n          pages: [],\n        }\n      }\n\n      const newPageParams = [null, ...queryData.pageParams]\n      const newPages: GetAlertsResponse[] = [\n        {\n          data: [alert],\n          endCursor: alert.id.toString(),\n          hasNextPage: true,\n          status: 'ok',\n        },\n        ...queryData.pages,\n      ]\n\n      return {\n        pageParams: newPageParams,\n        pages: newPages,\n      }\n    })\n  }\n\n  onBeforeMount(() => {\n    wsClient.on('alert', onNewAlert)\n  })\n\n  onBeforeUnmount(() => {\n    wsClient.off('alert', onNewAlert)\n  })\n}\n","<script setup lang=\"ts\">\nimport { EmbeddedDropdownTransition, useClickOutside } from '#shared'\nimport { computed, onBeforeMount, onBeforeUnmount, ref, useTemplateRef, watch } from 'vue'\nimport { AlertsDropdown } from '#widgets/alerts-dropdown'\nimport { useDynamicAlertUpdates } from '#widgets/alerts-dropdown/state/use-dynamic-alert-updates'\nimport { wsClient } from '#shared/api/ws-client'\n\nconst alertsToggleButtonEl = document.querySelector<HTMLElement>('[data-behavior~=\"chat/alerts-toggle\"]')\nconst isAlertsShown = ref(false)\n\nconst hasNewAlerts = ref(false)\nconst onNewAlert = () => {\n  if (!isAlertsShown.value) hasNewAlerts.value = true\n}\nonBeforeMount(() => {\n  wsClient.on('alert', onNewAlert)\n})\nonBeforeUnmount(() => {\n  wsClient.off('alert', onNewAlert)\n})\n\nuseDynamicAlertUpdates()\n\nconst onAlertsToggle = () => {\n  isAlertsShown.value = !isAlertsShown.value\n  hasNewAlerts.value = false\n}\nonBeforeMount(() => {\n  alertsToggleButtonEl?.addEventListener('click', onAlertsToggle)\n})\nonBeforeUnmount(() => {\n  alertsToggleButtonEl?.removeEventListener('click', onAlertsToggle)\n})\n\nwatch(hasNewAlerts, () => {\n  if (hasNewAlerts.value) {\n    alertsToggleButtonEl?.classList.add('has-new-alerts')\n  } else {\n    alertsToggleButtonEl?.classList.remove('has-new-alerts')\n  }\n})\n\nconst alertsDropdown = useTemplateRef('alertsDropdown')\nuseClickOutside(\n  computed(() => [alertsToggleButtonEl, alertsDropdown.value?.$el]),\n  () => (isAlertsShown.value = false)\n)\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <EmbeddedDropdownTransition>\n      <AlertsDropdown\n        v-if=\"isAlertsShown && alertsToggleButtonEl\"\n        :toggleEl=\"alertsToggleButtonEl\"\n        ref=\"alertsDropdown\"\n      />\n    </EmbeddedDropdownTransition>\n  </Teleport>\n</template>\n\n<style lang=\"scss\">\n@use '#mixins/notification' as notification;\n@use '#mixins/button' as button;\n\n[data-behavior~='chat/alerts-toggle'] {\n  @include button.reset;\n\n  & {\n    background-color: transparent;\n    color: white;\n  }\n\n  &.has-new-alerts {\n    @include notification.regular;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { Fragment, UserAvatar, useTimeSinceString } from '#shared'\nimport { toRef } from 'vue'\nimport { useFullscreenChatHref, type Chat } from '#entities/chat'\nimport { useMessagePreview } from '#entities/message'\n\nconst { chat } = defineProps<{ chat: Chat }>()\n\nconst href = useFullscreenChatHref(toRef(() => chat.id))\n\nconst lastMessagePreview = useMessagePreview(toRef(() => chat.lastMessage))\nconst timeSinceLastMessage = useTimeSinceString(toRef(() => chat.lastMessage?.createdAt))\n</script>\n\n<template>\n  <li v-if=\"chat.peer\" :class=\"$style.root\">\n    <a :class=\"$style.content\" :href=\"href\">\n      <div :class=\"$style.avatarWrap\">\n        <UserAvatar size=\"small\" :user=\"chat.peer\" />\n      </div>\n\n      <div :class=\"$style.textWrap\">\n        <div :class=\"$style.name\">\n          {{ chat.peer.displayName }}\n        </div>\n\n        <Fragment v-if=\"chat.lastMessage\">\n          <div :class=\"$style.messagePreview\"><span>You: </span> {{ lastMessagePreview }}</div>\n\n          <div :class=\"$style.time\">\n            {{ timeSinceLastMessage }}\n          </div>\n        </Fragment>\n      </div>\n    </a>\n  </li>\n</template>\n\n<style lang=\"scss\" module>\n.content {\n  display: flex;\n  gap: 10px;\n  padding: 10px 25px;\n  border-top: 1px solid #5e5e5e;\n  text-decoration: none;\n  color: white;\n}\n\n.textWrap {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  font-size: 14px;\n}\n\n.name {\n  font-weight: 700;\n  color: #397ae9;\n}\n\n.messagePreview {\n  word-break: break-word;\n}\n\n.time {\n  font-weight: 300;\n  font-size: 14px;\n  color: #939393;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { EmbeddedDropdown } from '#shared'\nimport { useInfiniteQuery } from '@tanstack/vue-query'\nimport { computed, useTemplateRef } from 'vue'\nimport { personalChatsQueryOptions } from '#entities/chat'\nimport { useInfiniteScroll } from '#shared/lib/misc/use-infinite-scroll'\nimport ConversationsDropdownEmptyState from './conversations-dropdown-empty-state.vue'\nimport ConversationsDropdownItem from './conversations-dropdown-item.vue'\n\nconst { toggleEl } = defineProps<{ toggleEl: HTMLElement }>()\n\nconst personalChatsQuery = useInfiniteQuery(personalChatsQueryOptions)\nconst personalChats = computed(() => personalChatsQuery.data.value?.pages.flatMap(page => page.data) ?? [])\n\nconst listEl = useTemplateRef('listEl')\nuseInfiniteScroll(listEl, {\n  canLoadMore: computed(() => personalChatsQuery.hasNextPage.value && !personalChatsQuery.isFetching.value),\n  loadMore: () => personalChatsQuery.fetchNextPage(),\n  direction: 'down',\n})\n</script>\n\n<template>\n  <EmbeddedDropdown :toggleEl=\"toggleEl\">\n    <template #title> Conversations </template>\n\n    <template #content>\n      <ul v-if=\"personalChats.length > 0\" :class=\"$style.list\" ref=\"listEl\">\n        <ConversationsDropdownItem v-for=\"chat in personalChats\" :key=\"chat.id\" :chat=\"chat\" />\n      </ul>\n\n      <ConversationsDropdownEmptyState v-else-if=\"personalChatsQuery.isPending.value\" label=\"Loading...\" />\n\n      <ConversationsDropdownEmptyState v-else />\n    </template>\n  </EmbeddedDropdown>\n</template>\n\n<style lang=\"scss\" module>\n@use '#mixins/scrollbar' as scrollbar;\n\n.list {\n  min-height: 200px;\n  max-height: 470px;\n  overflow: auto;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n\n  @include scrollbar.thick(#1f1f22);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { EmbeddedDropdownTransition, useClickOutside } from '#shared'\nimport { useInfiniteQuery } from '@tanstack/vue-query'\nimport { computed, onBeforeMount, onBeforeUnmount, onUpdated, ref, useTemplateRef, watch } from 'vue'\nimport { ConversationsDropdown } from '#widgets/conversations-dropdown'\nimport { personalChatsQueryOptions } from '#entities/chat'\n\nconst conversationsToggleButton = document.querySelector<HTMLElement>('[data-behavior~=\"chat/conversations-toggle\"]')\nconst isConversationsShown = ref(false)\n\nconst personalChatsQuery = useInfiniteQuery({ ...personalChatsQueryOptions })\nconst personalChats = computed(() => personalChatsQuery.data.value?.pages.flatMap(page => page.data) ?? [])\nconst hasUnreadMessages = computed(() => personalChats.value.some(chat => (chat.unreadCount ?? 0) > 0))\n\nonUpdated(() => {\n  if (!hasUnreadMessages.value && !personalChatsQuery.isPending.value && personalChatsQuery.hasNextPage.value) {\n    personalChatsQuery.fetchNextPage()\n  }\n})\n\nwatch(hasUnreadMessages, hasUnreadMessages => {\n  if (hasUnreadMessages) {\n    conversationsToggleButton?.classList.add('has-new-messages')\n  } else {\n    conversationsToggleButton?.classList.remove('has-new-messages')\n  }\n})\n\nconst onConversationsToggle = () => (isConversationsShown.value = !isConversationsShown.value)\nonBeforeMount(() => {\n  conversationsToggleButton?.addEventListener('click', onConversationsToggle)\n})\nonBeforeUnmount(() => {\n  conversationsToggleButton?.removeEventListener('click', onConversationsToggle)\n})\n\nconst conversationsDropdown = useTemplateRef('conversationsDropdown')\nuseClickOutside(\n  computed(() => [conversationsToggleButton, conversationsDropdown.value?.$el]),\n  () => (isConversationsShown.value = false)\n)\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <EmbeddedDropdownTransition>\n      <ConversationsDropdown\n        v-if=\"isConversationsShown && conversationsToggleButton\"\n        :toggleEl=\"conversationsToggleButton\"\n        ref=\"conversationsDropdown\"\n      />\n    </EmbeddedDropdownTransition>\n  </Teleport>\n</template>\n\n<style lang=\"scss\">\n@use '#mixins/notification' as notification;\n@use '#mixins/button' as button;\n\n[data-behavior~='chat/conversations-toggle'] {\n  @include button.reset;\n\n  & {\n    background-color: transparent;\n    color: white;\n  }\n\n  .has-new-messages {\n    @include notification.regular;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { IconArrowRight } from '#shared'\nimport { useFullscreenChatHref } from '#entities/chat'\n\nconst mainChatHref = useFullscreenChatHref(import.meta.env.VITE_MAIN_CHAT_ID)\n</script>\n\n<template>\n  <header :class=\"$style.root\">\n    <div :class=\"$style.label\">Chats</div>\n    <a :class=\"$style.link\" :href=\"mainChatHref\">\n      Join conversations\n      <IconArrowRight />\n    </a>\n  </header>\n</template>\n\n<style lang=\"scss\" module>\n.root {\n  height: 36px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  border-bottom: 1px solid #424348;\n  padding: 0 10px;\n}\n\n.label {\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.link {\n  font-size: 14px;\n  font-weight: 700;\n  text-decoration: none;\n  color: #397ae9 !important;\n  display: flex !important;\n  width: fit-content !important;\n  align-items: center;\n  gap: 4px;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { currentUserQueryOptions, useDynamicUserUpdates, userInjectionKey } from '#shared'\nimport { useQuery } from '@tanstack/vue-query'\nimport { provide } from 'vue'\nimport { useDynamicChatUpdates } from '#entities/chat'\nimport { useDynamicMessageUpdates } from '#entities/message'\nimport Alerts from './alerts.vue'\nimport Conversations from './conversations.vue'\nimport MainChat from './main-chat.vue'\n\nuseDynamicMessageUpdates()\nuseDynamicChatUpdates()\nuseDynamicUserUpdates()\n\nconst currentUserQuery = useQuery(currentUserQueryOptions)\nconst currentUser = currentUserQuery.data\n\nprovide(userInjectionKey, currentUser)\n</script>\n\n<template>\n  <Alerts />\n  <Conversations />\n  <MainChat />\n</template>\n","import { appTypeInjectionKey } from '#shared'\nimport { VueQueryPlugin, type VueQueryPluginOptions } from '@tanstack/vue-query'\nimport { createApp } from 'vue'\nimport { appChatIdInjectionKey } from '#entities/chat'\nimport '#shared/ui/styles/index.css'\nimport App from './ui/app.vue'\nimport './ui/style.css'\n\nasync function main() {\n  const vueQueryPluginOptions: VueQueryPluginOptions = {\n    queryClientConfig: {\n      defaultOptions: {\n        queries: {\n          retry: false,\n        },\n\n        mutations: {\n          retry: false,\n        },\n      },\n    },\n  }\n\n  const container = document.createElement('div')\n  const appChatId = Number(import.meta.env.VITE_MAIN_CHAT_ID)\n\n  const app = createApp(App)\n\n  app\n    .use(VueQueryPlugin, vueQueryPluginOptions)\n    .provide(appTypeInjectionKey, 'embedded')\n    .provide(appChatIdInjectionKey, appChatId)\n    .mount(container)\n}\n\nmain()\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","_createBlock","_Transition","$style","_withCtx","useFullscreenChatHref","chatId","computed","getFullscreenChatHref","unref","getAlerts","count","after","searchParams","httpClient","ALERTS_QUERY_KEY","alertsQueryOptions","infiniteQueryOptions","pageParam","lastPage","useAlertInitiator","alert","alertVal","timeSinceCreatedString","useTimeSinceString","toRef","__props","message","messagePreview","useMessagePreview","reply","replyPreview","href","initiator","alertsQuery","useInfiniteQuery","alerts","_a","page","listEl","useTemplateRef","useInfiniteScroll","useDynamicAlertUpdates","queryClient","useQueryClient","onNewAlert","queryData","newPageParams","newPages","onBeforeMount","wsClient","onBeforeUnmount","alertsToggleButtonEl","isAlertsShown","ref","hasNewAlerts","onAlertsToggle","watch","alertsDropdown","useClickOutside","lastMessagePreview","timeSinceLastMessage","personalChatsQuery","personalChatsQueryOptions","personalChats","conversationsToggleButton","isConversationsShown","hasUnreadMessages","chat","onUpdated","onConversationsToggle","conversationsDropdown","mainChatHref","useDynamicMessageUpdates","useDynamicChatUpdates","useDynamicUserUpdates","currentUser","useQuery","currentUserQueryOptions","provide","userInjectionKey","main","vueQueryPluginOptions","container","createApp","App","VueQueryPlugin","appTypeInjectionKey","appChatIdInjectionKey"],"mappings":"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"}