{"version":3,"file":"app-b9e83459.f584a1446b2fc034d810.bundle.js","mappings":"AAGA","sources":["webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-input/chat-input.html","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-link-search/chat-link-search-result-entry/chat-link-search-result-entry.html","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-message/chat-message.html","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-message/download-file-chat-message-content/download-file-chat-message-content.html","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-message/incognito-chat-message-content/incognito-chat-message-content.html","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-message/regular-chat-message-content/regular-chat-message-content.html","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-view/chat-view.html","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-input/chat-input.ts","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-input/index.ts","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-link-search/chat-link-search-result-entry/chat-link-search-result-entry.ts","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-link-search/index.ts","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-message/chat-message.ts","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-message/download-file-chat-message-content/download-file-chat-message-content.ts","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-message/incognito-chat-message-content/incognito-chat-message-content.ts","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-message/index.ts","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-message/regular-chat-message-content/regular-chat-message-content.ts","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-view/chat-view.ts","webpack://lernplattform-admin-frontend/../common/aurelia-components/chat-view/index.ts"],"sourcesContent":["// Module\nvar code = \"\";\n// Exports\nexport default code;","// Module\nvar code = \"\";\n// Exports\nexport default code;","// Module\nvar code = \"\";\n// Exports\nexport default code;","// Module\nvar code = \"\";\n// Exports\nexport default code;","// Module\nvar code = \"\";\n// Exports\nexport default code;","// Module\nvar code = \"\";\n// Exports\nexport default code;","// Module\nvar code = \"\";\n// Exports\nexport default code;","import { autoinject, bindable, computedFrom, PLATFORM, useView } from 'aurelia-framework';\nimport { SubscriptionManager, SubscriptionManagerService } from 'common/aurelia-services/SubscriptionManagerService';\nimport { SendChatMessageType } from 'common/enum/chat.message.enum';\nimport { KeyboardKey } from 'common/enum/keyboard.key.enum';\nimport { assertNotNullOrUndefined } from 'common/utils/assert';\nimport { DomUtils } from 'common/utils/DomUtils';\n\n/**\n * @event {SendMessageEvent} send-message\n */\n@autoinject()\n@useView(PLATFORM.moduleName('./chat-input.html'))\nexport class ChatInput {\n @bindable() public messagingAllowed = false;\n @bindable() public inputValue = '';\n @bindable() public customActions: Array = [];\n @bindable() public showIncognito = false;\n @bindable() public canUploadFiles = false;\n\n private readonly element: HTMLElement;\n private readonly inputDomElement: HTMLInputElement | null = null;\n private incognitoOn = false;\n private subscriptionManager: SubscriptionManager;\n\n constructor(\n element: Element,\n subscriptionManagerService: SubscriptionManagerService,\n ) {\n this.subscriptionManager = subscriptionManagerService.createSubscriptionManager();\n this.element = element as HTMLElement;\n }\n\n protected attached(): void {\n assertNotNullOrUndefined(this.inputDomElement, 'inputDomElement cannot be null or undefined');\n this.subscriptionManager.subscribeToKeyboardEvent(this.inputDomElement, KeyboardKey.Enter, () => {\n this.sendMessage();\n });\n }\n\n protected detached(): void {\n this.subscriptionManager.disposeSubscriptions();\n }\n\n @computedFrom('customActions')\n private get actions(): Array {\n return [...this.customActions, {\n callback: () => this.sendMessage(),\n icon: 'System/Send',\n ariaLabelTk: 'sendMessage',\n }];\n }\n\n private sendMessage(): void {\n if(this.inputValue === '') return;\n DomUtils.fireEvent(this.element, {\n bubbles: true,\n detail: {\n message: this.inputValue,\n type: this.incognitoOn ? SendChatMessageType.Incognito : SendChatMessageType.Regular,\n anonymous: this.incognitoOn,\n },\n name: 'send-message',\n });\n this.inputValue = '';\n }\n\n private toggleIncognito(): void {\n this.incognitoOn = !this.incognitoOn;\n }\n\n private linkPage(): void {\n DomUtils.fireEvent(this.element, {\n bubbles: true,\n name: 'link-page',\n });\n }\n}\n\nexport interface IChatInputAction {\n callback: () => void;\n icon: string;\n ariaLabelTk: string;\n}\n\nexport type SendMessageEvent = CustomEvent<{\n message: string;\n type: SendChatMessageType;\n anonymous: boolean;\n}>;\n","import { FrameworkConfiguration, PLATFORM } from 'aurelia-framework';\n\nexport function configure(config: FrameworkConfiguration): void {\n config.globalResources(PLATFORM.moduleName('common/aurelia-components/chat-input/chat-input'));\n}\n","import { MDCRipple } from '@material/ripple';\nimport { autoinject, bindable, PLATFORM, useView } from 'aurelia-framework';\nimport { IconType } from 'common/aurelia-components/x-icon/x-icon';\nimport { assertNotNullOrUndefined } from 'common/utils/assert';\n\n@autoinject()\n@useView(PLATFORM.moduleName('./chat-link-search-result-entry.html'))\nexport class ChatLinkSearchResultEntry {\n @bindable() public entryBreadcrumb: string | null = null;\n @bindable() public entryTitle: string | null = null;\n @bindable() public iconName: string | null = null;\n @bindable() public iconType: IconType = IconType.fal;\n private element: HTMLElement | null = null;\n private ripple: MDCRipple | null = null;\n\n constructor(element: Element) {\n this.element = element as HTMLElement;\n }\n\n protected attached(): void {\n assertNotNullOrUndefined(this.element, 'element ref not set');\n this.ripple = new MDCRipple(this.element);\n }\n\n protected detached(): void {\n this.ripple?.destroy();\n }\n}\n","import { FrameworkConfiguration, PLATFORM } from 'aurelia-framework';\n\nexport function configure(config: FrameworkConfiguration): void {\n config.globalResources(PLATFORM.moduleName('common/aurelia-components/chat-link-search/chat-link-search-result-entry/chat-link-search-result-entry'));\n}\n","import { autoinject, bindable, PLATFORM, useView, computedFrom } from 'aurelia-framework';\nimport { IChatMessageDto } from 'common/dto/user/chat/chat.interface';\nimport { ChatMessageType } from 'common/enum/chat.message.enum';\nimport { DuelStatus } from 'common/enum/quiz.attempt.status.enum';\nimport { DomUtils } from 'common/utils/DomUtils';\nimport Moment from 'moment';\nimport { SpecialAvatarTypes } from 'common/aurelia-components/avatar-icon/avatar-icon';\n\nexport type MessageAugmentationChangeUnsubscriber = () => void;\n\nexport abstract class CommonChatMessageService {\n public abstract getAugmentedMessage(text: string): Array;\n public abstract subscribeToMessageAugmentationChange(cb: () => void): MessageAugmentationChangeUnsubscriber;\n}\n\n/**\n * @event {ChatMessageEvent} invitation-declined\n * @event {ChatMessageEvent} invitation-accepted\n * @event {ChatMessageEvent} show-duel-result\n */\n@autoinject()\n@useView(PLATFORM.moduleName('./chat-message.html'))\nexport class ChatMessage {\n @bindable() public message: IChatMessageDto | null = null;\n @bindable() public isLatest = false;\n @bindable() public avatarUrl: string | null = null;\n @bindable() public avatarPoints: number | null = null;\n @bindable() public isAuthorOnline = false;\n @bindable() public authorName: string | null = null;\n @bindable() public otherName: string | null = null;\n @bindable() public currentUserId: number | null = null;\n @bindable() public lastMessageFromId: number | null = null;\n @bindable() public lastMessageType: ChatMessageType | null = null;\n @bindable() public isGroupChat = false;\n @bindable() public canToggleAnonymousMessage = false;\n @bindable() public canUploadFiles = false;\n @bindable() public currentCourseId: number | null = null;\n\n protected DuelStatus = DuelStatus;\n protected ChatMessageType = ChatMessageType;\n\n constructor(\n private readonly element: Element,\n private readonly commonChatMessageService: CommonChatMessageService,\n ) { }\n\n @computedFrom('message')\n private get fallbackAvatar(): SpecialAvatarTypes {\n return this.message?.isSystem ? SpecialAvatarTypes.System : SpecialAvatarTypes.Default;\n }\n\n @computedFrom(\n 'message',\n 'currentUserId',\n 'lastMessageFromId',\n 'lastMessageType',\n 'isGroupChat',\n )\n private get showAvatar(): boolean {\n return this.message?.userId !== this.currentUserId\n && (this.message?.userId !== this.lastMessageFromId || this.lastMessageType === ChatMessageType.Incognito)\n && this.message?.type !== ChatMessageType.Incognito\n && this.isGroupChat;\n }\n\n @computedFrom('message.userId', 'message.type', 'lastMessageFromId', 'lastMessageType', 'currentUserId')\n private get isFirst(): boolean {\n return this.message?.userId !== this.lastMessageFromId\n || (\n (this.message.type === ChatMessageType.Incognito || this.lastMessageType === ChatMessageType.Incognito)\n && this.message.userId !== this.currentUserId\n );\n }\n\n @computedFrom('message.type', 'isFirst', 'message.userId', 'currentUserId')\n private get showAuthorName(): boolean {\n return this.message?.type !== ChatMessageType.Incognito\n && !this.message?.isSystem\n && this.isFirst\n && this.message?.userId !== this.currentUserId;\n }\n\n private async declineInvitation(message: IChatMessageDto): Promise {\n DomUtils.fireEvent(this.element, {\n bubbles: true,\n detail: { message },\n name: 'invitation-declined',\n });\n }\n\n private async acceptInvitation(message: IChatMessageDto): Promise {\n DomUtils.fireEvent(this.element, {\n bubbles: true,\n detail: { message },\n name: 'invitation-accepted',\n });\n }\n\n private async showDuelResult(message: IChatMessageDto): Promise {\n DomUtils.fireEvent(this.element, {\n bubbles: true,\n detail: { message },\n name: 'show-duel-result',\n });\n }\n\n private formatDate(date: Date): string {\n return Moment(date).format('lll');\n }\n\n private shouldShowResultButton(message?: IChatMessageDto, currentUserId?: number): boolean {\n return !!message && (\n message.duelStatus === DuelStatus.Finished || (\n (message.duelStatus === DuelStatus.InvitationExpired || message.duelStatus === DuelStatus.Declined)\n && message.userId === currentUserId\n )\n );\n }\n}\n\nexport interface IChatMessagePart {\n courseId?: number;\n raw: string;\n title?: string;\n callback?: () => Promise;\n}\n\nexport type ChatMessageEvent = Event & { detail: { message: IChatMessageDto } };\n","import { autoinject, bindable, PLATFORM, useView } from 'aurelia-framework';\nimport { ChatApiService } from 'common/aurelia-services/ChatApiService';\nimport { IChatMessageDto } from 'common/dto/user/chat/chat.interface';\nimport { assertNotNullOrUndefined } from 'common/utils/assert';\n\n@autoinject()\n@useView(PLATFORM.moduleName('./download-file-chat-message-content.html'))\nexport class DownloadFileChatMessageContent {\n @bindable() public message: IChatMessageDto | null = null;\n @bindable() public currentUserId: number | null = null;\n private apiService: ChatApiService;\n\n constructor(apiService: ChatApiService) {\n this.apiService = apiService;\n }\n\n private async handleDownloadFileClick(message: IChatMessageDto): Promise {\n assertNotNullOrUndefined(message.fileId, 'can`t download file without fileId');\n assertNotNullOrUndefined(message.text, 'can`t download file without text');\n this.apiService.downloadFile(message.chatRoomId, message.fileId, message.text);\n }\n}\n","import { autoinject, bindable, PLATFORM, useView } from 'aurelia-framework';\nimport { IChatMessageDto } from 'common/dto/user/chat/chat.interface';\n\n@autoinject()\n@useView(PLATFORM.moduleName('./incognito-chat-message-content.html'))\nexport class IncognitoChatMessageContent {\n @bindable() public message: IChatMessageDto | null = null;\n @bindable() public currentUserId: number | null = null;\n @bindable() public canToggleAnonymousMessage = false;\n\n private showUser = false;\n\n private toggleShowUser(): void {\n this.showUser = !this.showUser;\n }\n}\n","import { PLATFORM, FrameworkConfiguration } from 'aurelia-framework';\n\nexport function configure(config: FrameworkConfiguration): void {\n config.globalResources(PLATFORM.moduleName('common/aurelia-components/chat-message/chat-message'));\n config.globalResources(PLATFORM.moduleName('common/aurelia-components/chat-message/download-file-chat-message-content/download-file-chat-message-content'));\n config.globalResources(PLATFORM.moduleName('common/aurelia-components/chat-message/incognito-chat-message-content/incognito-chat-message-content'));\n config.globalResources(PLATFORM.moduleName('common/aurelia-components/chat-message/regular-chat-message-content/regular-chat-message-content'));\n}\n","import { autoinject, bindable, computedFrom, observable, PLATFORM, useView } from 'aurelia-framework';\nimport { CommonChatMessageService, IChatMessagePart, MessageAugmentationChangeUnsubscriber } from '../chat-message';\n\n@autoinject()\n@useView(PLATFORM.moduleName('./regular-chat-message-content.html'))\nexport class RegularChatMessageContent {\n @bindable() public rawText: string | null = null;\n @bindable() public currentCourseId: number | null = null;\n\n @observable() private augmentationRevision = 0;\n private unsubscribeAugmentationSubscription?: MessageAugmentationChangeUnsubscriber;\n\n constructor(\n private commonChatMessageService: CommonChatMessageService,\n ) { }\n\n protected attached(): void {\n this.unsubscribeAugmentationSubscription = this.commonChatMessageService.subscribeToMessageAugmentationChange(() => {\n this.augmentationRevision += 1;\n });\n }\n\n protected detached(): void {\n this.unsubscribeAugmentationSubscription?.();\n }\n\n private isContentFromDifferentCourses(part: IChatMessagePart): boolean {\n if(!this.currentCourseId) return false;\n return part.courseId !== this.currentCourseId;\n }\n\n @computedFrom('rawText', 'augmentationRevision')\n private get augmentedMessage(): Array {\n if(this.rawText == null) return [];\n return this.commonChatMessageService.getAugmentedMessage(this.rawText);\n }\n\n @computedFrom('augmentedMessage', 'currentCourseId')\n private get hasContentFromDifferentCourses(): boolean {\n const hasLinks = this.augmentedMessage.some(part => !!part.courseId);\n return hasLinks ? this.augmentedMessage.some(part => this.isContentFromDifferentCourses(part)) : false;\n }\n\n private handlePartCallback(part: IChatMessagePart): boolean {\n if(part.callback) {\n part.callback();\n return false;\n }\n return true;\n }\n}\n","import { autoinject, bindable, computedFrom, PLATFORM, useView } from 'aurelia-framework';\nimport { IChatInputAction, SendMessageEvent } from 'common/aurelia-components/chat-input/chat-input';\nimport { ChatApiService } from 'common/aurelia-services/ChatApiService';\nimport { ChatCacheService } from 'common/aurelia-services/ChatCacheService';\nimport { ChatHelperService } from 'common/aurelia-services/ChatHelperService';\nimport { DistinarChatService } from 'common/aurelia-services/DistinarChatService';\nimport { StoreService } from 'common/aurelia-services/StoreService';\nimport { SubscriptionManager, SubscriptionManagerService } from 'common/aurelia-services/SubscriptionManagerService';\nimport {\n ICachedConversation,\n IChatMessageDto,\n IChatRoomConversationUserDto,\n IChatRoomIdWithUsersDto,\n ISendMessageDto,\n} from 'common/dto/user/chat/chat.interface';\nimport { SendChatMessageType } from 'common/enum/chat.message.enum';\nimport { ICommonState } from 'common/store/store.interface';\nimport { IUploadQuery } from 'common/utils/ApiQueryStringUtils';\nimport { assertNotNullOrUndefined } from 'common/utils/assert';\nimport { DomUtils } from 'common/utils/DomUtils';\nimport { FunctionUtils } from 'common/utils/FunctionUtils';\nimport Moment from 'moment';\n\n@autoinject()\n@useView(PLATFORM.moduleName('./chat-view.html'))\nexport class ChatView {\n @bindable() public chatRoom: IChatRoomIdWithUsersDto | null = null;\n @bindable() public currentUserId: number | null = null;\n @bindable() public currentCourseId: number | null = null;\n @bindable() public messagingAllowed = false;\n @bindable() public inputActions: Array = [];\n @bindable() public inputValue = '';\n @bindable() public showIncognito = false;\n @bindable() public canToggleAnonymousMessage = false;\n @bindable() public canUploadFiles = false;\n @bindable() public isGroupChat = true;\n @bindable() public containerModeOff = false;\n\n private element: HTMLElement;\n private subscriptionManager: SubscriptionManager;\n \n private conversation: ICachedConversation | null = null;\n \n // scrolling\n private readonly MIN_SCROLL_DISTANCE = 30;\n private chatWindowDomElement?: HTMLElement;\n private scrollToBottomSubscriptionManager: SubscriptionManager;\n private scrollToBottomWhileContentGrowsMaxTimeout?: number;\n private scrollToBottomTimeout?: number;\n private scrollToBottomButtonVisible = false;\n private loadPreviousButtonVisible = false;\n private scrollingEnabled = false;\n private debouncedResetScrollingEnabled = FunctionUtils.debounce(() => { this.scrollingEnabled = false; }, 100);\n\n // file upload\n private drag = false;\n private readonly FILE_UPLOAD_QUERY: IUploadQuery[] = [\n { queryKey: 'title', value: 'name' },\n ];\n\n constructor(\n element: Element,\n subscriptionManagerService: SubscriptionManagerService,\n private storeService: StoreService,\n private chatCacheService: ChatCacheService,\n private distinarChatService: DistinarChatService,\n private chatApiService: ChatApiService,\n private chatHelperService: ChatHelperService,\n ) {\n this.element = element as HTMLElement;\n this.subscriptionManager = subscriptionManagerService.createSubscriptionManager();\n this.scrollToBottomSubscriptionManager = subscriptionManagerService.createSubscriptionManager();\n }\n\n protected attached(): void {\n assertNotNullOrUndefined(this.chatWindowDomElement, 'forgot to ref chatWindowDomElement');\n\n this.refreshSubscription();\n this.scrollToBottomWhileContentGrows();\n\n const updateScrollRelatedButtonVisibilities = (): void => {\n this.updateLoadPreviousButtonVisible();\n this.updateScrollToBottomButtonVisible();\n };\n this.subscriptionManager.subscribeToDomEvent(document.body, 'scroll', updateScrollRelatedButtonVisibilities);\n this.subscriptionManager.subscribeToElementResize(document.body, updateScrollRelatedButtonVisibilities);\n this.subscriptionManager.subscribeToDomEvent(this.chatWindowDomElement, 'scroll', updateScrollRelatedButtonVisibilities);\n this.subscriptionManager.subscribeToElementResize(this.chatWindowDomElement, updateScrollRelatedButtonVisibilities);\n updateScrollRelatedButtonVisibilities();\n }\n\n protected detached(): void {\n this.subscriptionManager.disposeSubscriptions();\n this.storeService.disposeAllSubscriptions(this);\n this.debouncedResetScrollingEnabled.cancel();\n }\n\n /**\n * scrolls to bottom of chat\n * setTimeout to avoid weird behaviour,\n * where scrolling stops a few pixels from bottom up\n * maybe needs a polyfill or library or something\n */\n public scrollToBottom(): void {\n clearTimeout(this.scrollToBottomTimeout);\n this.scrollToBottomTimeout = window.setTimeout(() => {\n if(this.chatWindowDomElement && !this.containerModeOff) {\n this.chatWindowDomElement.scrollTo({\n top: this.chatWindowDomElement.scrollHeight,\n behavior: 'auto',\n });\n } else {\n document.body.scrollTo({\n top: document.body.scrollHeight,\n behavior: 'auto',\n });\n }\n }, 80);\n this.scrollingEnabled = false;\n }\n\n /**\n * Scrolls to the bottom while the chat content grows to account for delayed content rendering\n */\n private scrollToBottomWhileContentGrows(): void {\n clearTimeout(this.scrollToBottomWhileContentGrowsMaxTimeout);\n this.scrollToBottomSubscriptionManager.disposeSubscriptions();\n\n if(this.chatWindowDomElement) {\n let timeout: number | undefined;\n\n this.scrollToBottomWhileContentGrowsMaxTimeout = window.setTimeout(() => {\n clearTimeout(timeout);\n this.scrollToBottomSubscriptionManager.disposeSubscriptions();\n }, 1000);\n\n this.scrollToBottomSubscriptionManager.subscribeToElementResize(this.chatWindowDomElement, () => {\n this.scrollToBottom();\n\n clearTimeout(timeout);\n timeout = window.setTimeout(() => {\n this.scrollToBottomSubscriptionManager.disposeSubscriptions();\n clearTimeout(this.scrollToBottomWhileContentGrowsMaxTimeout);\n }, 100);\n });\n }\n\n this.scrollToBottom();\n }\n\n private containerModeOffChanged(): void {\n this.updateLoadPreviousButtonVisible();\n this.updateScrollToBottomButtonVisible();\n }\n\n private chatRoomChanged(): void {\n this.refreshSubscription();\n }\n\n private refreshSubscription(): void {\n this.ensureLatestConversationInCache();\n this.storeService.disposeAllSubscriptions(this);\n if(this.chatRoom) {\n let lastMessageDate: string | undefined;\n this.storeService.subscribeToDetailedChanges(this, [\n state => this.chatRoom && state.cache.conversationsByChatRoomId[this.chatRoom.id],\n ], state => {\n assertNotNullOrUndefined(this.chatRoom, 'chatRoom cannot be null or undefined');\n const conversation = state.cache.conversationsByChatRoomId[this.chatRoom.id];\n if(conversation) {\n this.conversation = conversation;\n this.updateLoadPreviousButtonVisible();\n const newLastMessageDate = this.conversation.partialConversations[0]?.rows[0]?.createdAt;\n if(newLastMessageDate !== lastMessageDate && Moment(newLastMessageDate).isAfter(lastMessageDate ?? 0)) {\n this.scrollToBottomWhileContentGrows();\n }\n lastMessageDate = newLastMessageDate;\n }\n });\n }\n }\n\n @computedFrom('messages.length', 'canUploadFiles', 'inputValue')\n private get showChatEmptyPlaceholder(): boolean {\n return this.messages.length === 0\n && !this.canUploadFiles;\n }\n\n @computedFrom('conversation', 'chatRoom')\n private get messages(): Array & { avatarUrl: string | null; isAuthorOnline: boolean; avatarPoints: number | null }> {\n if(!this.conversation) return [];\n return Object.values(this.conversation.partialConversations)\n .reduce((acc, val) => [...acc, ...val?.rows ?? []], [] as Array>)\n .map(message => {\n const participant = this.getChatRoomParticipant(message.userId);\n return {\n ...message,\n avatarUrl: participant?.avatarSvgDownloadLink ?? null,\n isAuthorOnline: participant?.online ?? false,\n avatarPoints: participant?.points ?? null,\n };\n })\n .reverse();\n }\n\n @computedFrom('conversation', 'chatRoom')\n private get otherUserName(): string {\n const otherUser = this.chatRoom?.users.find(user => user.id !== this.currentUserId) ?? null;\n return otherUser?.nickname ?? '-';\n }\n\n /**\n * constructs and sends new message\n */\n private async sendMessage(text: string, type: SendChatMessageType, anonymous: boolean): Promise {\n assertNotNullOrUndefined(this.chatRoom, 'chatRoom cannot be null or undefined');\n const message: ISendMessageDto = {\n text,\n type,\n anonymous,\n };\n const chatRoomId = this.chatRoom.id;\n\n try {\n await this.chatApiService.sendMessage(chatRoomId, message);\n } catch(error) {\n if(error.message === 'ERR_RECEIVE_MESSAGES_DISABLED') {\n DomUtils.fireEvent<{ chatRoomId: number }>(this.element, {\n bubbles: true,\n detail: {\n chatRoomId,\n },\n name: ReceiveMessagesDisabledEventName,\n });\n }\n }\n const state = await this.storeService.getState();\n const isDistinarChat = state.cache.conversationsByChatRoomId[chatRoomId]?.event != null;\n if(isDistinarChat) {\n await this.distinarChatService.notifyMessageSent(message);\n }\n await this.chatCacheService.ensureLatestConversationInCache(chatRoomId);\n }\n\n /**\n * when a new message is submitted by the user,\n * it is displayed and the page scrolls down to accommodate the new message\n */\n private handleNewMessage(event: SendMessageEvent): void {\n this.sendMessage(event.detail.message, event.detail.type, event.detail.anonymous);\n }\n\n private async ensureLatestConversationInCache(): Promise {\n if(!this.chatRoom) return;\n await this.chatCacheService.ensureLatestConversationInCache(this.chatRoom.id);\n }\n private async loadPrevious(): Promise {\n assertNotNullOrUndefined(this.chatRoom, 'chatRoom cannot be null or undefined');\n this.chatCacheService.updatePreviousMessagesInCache(this.chatRoom.id);\n }\n\n private getChatRoomParticipant(userId: number): IChatRoomConversationUserDto | null {\n if(this.chatRoom) {\n return this.chatHelperService.getChatRoomConversationParticipant(this.chatRoom, userId);\n }\n return null;\n }\n\n private getFileUploadUrl(): string {\n assertNotNullOrUndefined(this.chatRoom, 'chatRoom cannot be null or undefined');\n return `/api/chat/${this.chatRoom.id}/files`;\n }\n\n // callback for dropzone\n private fileUploadSuccessCallback = async (file: File): Promise => {\n assertNotNullOrUndefined(this.chatRoom, 'chatRoom cannot be null or undefined');\n const message: ISendMessageDto = {\n text: file.name,\n type: SendChatMessageType.File,\n anonymous: false,\n };\n\n const state = await this.storeService.getState();\n const isDistinarChat = state.cache.conversationsByChatRoomId[this.chatRoom.id]?.event != null;\n if(isDistinarChat) {\n await this.distinarChatService.notifyMessageSent(message);\n }\n await this.chatCacheService.ensureLatestConversationInCache(this.chatRoom.id);\n };\n\n private async handleScrollRequest(): Promise {\n if(!this.canUploadFiles) return;\n this.scrollingEnabled = true;\n this.debouncedResetScrollingEnabled();\n }\n\n private updateLoadPreviousButtonVisible(): void {\n this.loadPreviousButtonVisible = !!this.conversation?.hasPrevious\n && (!this.containerModeOff || document.body.scrollTop < this.MIN_SCROLL_DISTANCE);\n }\n\n private updateScrollToBottomButtonVisible(): void {\n const element = this.containerModeOff ? document.body : this.chatWindowDomElement;\n\n this.scrollToBottomButtonVisible = !!element\n && (element.scrollHeight - element.offsetHeight) > (element.scrollTop + this.MIN_SCROLL_DISTANCE);\n }\n}\n\nexport const ReceiveMessagesDisabledEventName = 'receive-messages-disabled';\n","import { FrameworkConfiguration, PLATFORM } from 'aurelia-framework';\n\nexport function configure(config: FrameworkConfiguration): void {\n config.globalResources(PLATFORM.moduleName('common/aurelia-components/chat-view/chat-view'));\n}\n"],"names":[],"sourceRoot":""}