\r\n
\r\n\r\n","import { Component, Inject } from '@angular/core';\r\nimport { MAT_SNACK_BAR_DATA } from '@angular/material/snack-bar';\r\n\r\n@Component({\r\n templateUrl: './toast-message.component.html',\r\n styleUrls: ['./toast-message.component.scss']\r\n})\r\nexport class ToastMessageComponent {\r\n constructor(@Inject(MAT_SNACK_BAR_DATA) public data: any) {}\r\n}","{{ data.message }}\r\n","import { Pipe, PipeTransform } from '@angular/core';\r\nimport { RoomChat } from 'src/interfaces/chat.interfaces';\r\nimport { RoomChatFilterBy, RoomChatOrderBy } from '../enums';\r\nimport * as _ from 'lodash';\r\nimport { ChatRoomService } from '../services/chats/chat.room.service';\r\n\r\n@Pipe({\r\n name: 'chatRoomFilter'\r\n})\r\nexport class ChatRoomFilterPipe implements PipeTransform {\r\n\r\n constructor(private chatRoomService: ChatRoomService) { }\r\n\r\n transform(chats: RoomChat[], selectedChatFilter: RoomChatFilterBy, selectedOrderFilter: RoomChatOrderBy): RoomChat[] {\r\n return this.chatRoomService.filterChats(chats, selectedChatFilter, selectedOrderFilter);\r\n }\r\n}","import { Injectable } from '@angular/core';\r\nimport { environment } from '../../environments/environment';\r\nimport { Socket, io } from 'socket.io-client/build/index';\r\nimport { AuthService } from './auth/auth.service';\r\nimport { Message } from '../../interfaces/message.interfaces';\r\nimport { ClaimChatInternalMessage, CloseChatInternalMessage, DisconnectInternalMessage, InternalMessage, ReassignChatInternalMessage } from '../../interfaces/internal.message.interfaces';\r\nimport { InternalMessageType } from '../enums';\r\nimport { ClaimedChatsService } from './chats/claimed.chats.service';\r\nimport { NotificationService } from './notification.service';\r\nimport { BrowserService } from './browser.service';\r\nimport { MessageService } from './message.service';\r\nimport { ChatRoomService } from './chats/chat.room.service';\r\nimport { Router } from '@angular/router';\r\nimport { ToastMessageService } from '../components/toast-message/toast.message.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class SocketService {\r\n\r\n private _connected: boolean = false;\r\n private _timeout: boolean = false;\r\n private _notConnectedReason: string = '';\r\n private socket: Socket = {} as Socket;\r\n\r\n public get timeout(): boolean { return this._timeout; }\r\n\r\n public get connected(): boolean { return this._connected; }\r\n\r\n public get notConnectedReason(): string { return this._notConnectedReason; }\r\n\r\n public set connected(value: boolean) { this._connected = value; }\r\n\r\n public set timeout(value: boolean) { this._timeout = value; }\r\n\r\n public set notConnectedReason(value: string) { this._notConnectedReason = value; }\r\n\r\n constructor(\r\n private auth: AuthService,\r\n private notificationService: NotificationService,\r\n private claimedChatsService: ClaimedChatsService,\r\n private chatRoomService: ChatRoomService,\r\n private messageService: MessageService,\r\n private browserService: BrowserService,\r\n private toastMessageService: ToastMessageService,\r\n private router: Router\r\n ) { }\r\n\r\n public setup() {\r\n this.socket = io(environment.socketURL, {\r\n reconnection: true,\r\n reconnectionAttempts: 5,\r\n reconnectionDelay: 1000,\r\n reconnectionDelayMax: 5000\r\n });\r\n\r\n //socket events\r\n this.socket.on('internalMsg', (msg: InternalMessage) => this.internalMessage(msg));\r\n this.socket.on('disconnect', () => this.disconnect());\r\n this.socket.on('connect', () => this.connect());\r\n }\r\n\r\n private connect() {\r\n this.connected = true;\r\n this.timeout = false;\r\n this.socket.emit('join', {\r\n userId: this.auth.userId,\r\n loginName: this.auth.loginName\r\n });\r\n this.auth.lostConnection = false;\r\n }\r\n\r\n //used in side menu component html\r\n public logout() {\r\n this.socket.disconnect();\r\n this.auth.logout();\r\n this.connected = false;\r\n }\r\n\r\n public disconnect(): void {\r\n this.timeout = true;\r\n this.connected = false;\r\n this.notConnectedReason = 'Connection lost to server. Please wait while we try to reconnect';\r\n }\r\n\r\n private async internalMessage(msg: InternalMessage) {\r\n switch (msg.internalMessageType) {\r\n case InternalMessageType.USER_LOGGED_CLAIM_CHATS:\r\n this.claimedChatsService.handleUserLoggedClaimedChats(msg.internalMessage.claimedChats, msg.internalMessage.loginName);\r\n break;\r\n\r\n case InternalMessageType.DISCONNECT:\r\n await this.handleUserDisconnect(msg.internalMessage);\r\n break;\r\n\r\n case InternalMessageType.INBOUND_MESSAGE:\r\n this.inboundWhatsappMessage(msg.internalMessage.message);\r\n break;\r\n\r\n case InternalMessageType.NOTIFY_USERS_CHAT_CLAIMED:\r\n this.handleUserClaimChats(msg.internalMessage);\r\n break;\r\n\r\n case InternalMessageType.CHAT_CLOSE:\r\n this.handleChatClose(msg.internalMessage);\r\n break;\r\n\r\n case InternalMessageType.PRODUCT_CHANGE:\r\n this.claimedChatsService.handleProductChange(msg.internalMessage.userId, msg.internalMessage.loginName, msg.internalMessage.productName);\r\n break;\r\n\r\n case InternalMessageType.MESSAGE_STATUS_UPDATE:\r\n this.messageService.handleMessageStatusupdate(msg.internalMessage);\r\n break;\r\n\r\n case InternalMessageType.REASSIGN_CHAT:\r\n this.handleReassignChat(msg.internalMessage);\r\n break;\r\n }\r\n }\r\n\r\n private inboundWhatsappMessage(message: Message): void {\r\n this.claimedChatsService.handleInboundWhatsappMessage(message);\r\n\r\n if ((this.claimedChatsService.getSelectedClaimChat?.chatId !== message.chatId || this.claimedChatsService.getSelectedClaimChat?.chatId === message.chatId) && !this.browserService.browserFocused) {\r\n this.notificationService.messageReceivedNotification(message);\r\n } else if (!this.claimedChatsService.getSelectedClaimChat && !this.browserService.browserFocused) {\r\n this.notificationService.messageReceivedNotification(message);\r\n } else if (!this.claimedChatsService.getSelectedClaimChat && this.browserService.browserFocused) {\r\n this.notificationService.messageReceivedNotification(message);\r\n }\r\n }\r\n\r\n private async handleUserDisconnect(msg: DisconnectInternalMessage) {\r\n this.claimedChatsService.handleUserDisconnect(msg.serverUserId, msg.loginName);\r\n //only get chat rooms if the user is on the chat rooms screen\r\n if (this.router.url === '/chat-rooms') await this.chatRoomService.getChatRooms();\r\n }\r\n\r\n private handleUserClaimChats(msg: ClaimChatInternalMessage) {\r\n const chatIds: number[] = msg.chats.map(c => c.chatId);\r\n this.chatRoomService.handleRemovingChatsFromRoom(chatIds);\r\n }\r\n\r\n private handleChatClose(msg: CloseChatInternalMessage) {\r\n this.claimedChatsService.handleRemovingClaimedChats(msg.chatIds);\r\n this.chatRoomService.handleRemovingChatsFromRoom(msg.chatIds);\r\n }\r\n\r\n private handleReassignChat(msg: ReassignChatInternalMessage) {\r\n if (!this.auth.user || !this.auth.user.id || !this.auth.user.loginName) return;\r\n this.claimedChatsService.handleChatsReassignToUser(msg.chats, this.auth.user.id, this.auth.user.loginName);\r\n this.toastMessageService.showToastMessage(`You have been assigned ${msg.chats.length} chat(s) from ${msg.loginName}`, 'toast-message-info');\r\n }\r\n\r\n public async sendInternalMessage(internalMessage: InternalMessage) {\r\n if (!this.socket.connected) return;\r\n\r\n this.socket.emit('internalMsg', internalMessage);\r\n this.auth.resetUserSessionTimer();\r\n }\r\n}","import { Injectable } from \"@angular/core\";\r\nimport { ChatRooms, RoomChat } from \"../../../interfaces/chat.interfaces\";\r\nimport { ChatRoomTab, Dropdown } from \"../../../interfaces/global.interfaces\";\r\nimport { AuthService } from \"../auth/auth.service\";\r\nimport { ChatApiService } from \"../api/chat.api.service\";\r\nimport { ToastMessageService } from \"src/app/components/toast-message/toast.message.service\";\r\nimport { ErrorService } from \"../error.service\";\r\nimport { ChatStatus, RoomChatFilterBy, RoomChatOrderBy } from \"../../enums\";\r\nimport { ChatService } from \"./chat.service\";\r\nimport * as _ from \"lodash\";\r\nimport * as moment from \"moment\";\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ChatRoomService {\r\n\r\n private _heading: string = '';\r\n private _chatRooms: ChatRooms[] = [];\r\n private _totalChats: number = 0;\r\n private _chatFilter: RoomChatFilterBy = RoomChatFilterBy.TALK_TO_AN_AGENT;\r\n private _selectedTab: ChatRoomTab | null = null;\r\n private _selectedChats: RoomChat[] = [];\r\n private _chatFilterOptions: Dropdown[] = [\r\n {\r\n label: 'Talk To An Agent',\r\n value: RoomChatFilterBy.TALK_TO_AN_AGENT\r\n },\r\n {\r\n label: 'Chat Date',\r\n value: RoomChatFilterBy.CHAT_DATE\r\n },\r\n {\r\n label: 'Expired Chats',\r\n value: RoomChatFilterBy.EXPIRED_CHATS\r\n },\r\n {\r\n label: 'Active Chats',\r\n value: RoomChatFilterBy.ACTIVE_CHATS\r\n }\r\n ];\r\n\r\n private _orderFilter: RoomChatOrderBy = RoomChatOrderBy.DESCENDING;\r\n private _orderFilterOptions: Dropdown[] = [\r\n {\r\n label: 'Ascending',\r\n value: RoomChatOrderBy.ASCENDING\r\n },\r\n {\r\n label: 'Descending',\r\n value: RoomChatOrderBy.DESCENDING\r\n }\r\n ];\r\n\r\n\r\n public get heading(): string { return this._heading; }\r\n\r\n public get chatRooms(): ChatRooms[] { return this._chatRooms; }\r\n\r\n public get totalChats(): number { return this._totalChats; }\r\n\r\n public get selectedTab(): ChatRoomTab | null { return this._selectedTab; }\r\n\r\n public get selectedChats(): RoomChat[] { return this._selectedChats; }\r\n\r\n public get chatFilter(): RoomChatFilterBy { return this._chatFilter; }\r\n\r\n public get orderFilter(): RoomChatOrderBy { return this._orderFilter; }\r\n\r\n public get orderFilterOptions(): Dropdown[] { return this._orderFilterOptions; }\r\n\r\n public get chatFilterOptions(): Dropdown[] { return this._chatFilterOptions; }\r\n\r\n public set heading(heading: string) { this._heading = heading; }\r\n\r\n public set chatRooms(chatRooms: ChatRooms[]) { this._chatRooms = chatRooms; }\r\n\r\n public set totalChats(totalChats: number) { this._totalChats = totalChats; }\r\n\r\n public set selectedTab(tab: ChatRoomTab | null) { this._selectedTab = tab; }\r\n\r\n public set selectedChats(chatRooms: RoomChat[]) { this._selectedChats = chatRooms; }\r\n\r\n public set chatFilterOptions(chatFilterOptions: Dropdown[]) { this._chatFilterOptions = chatFilterOptions; }\r\n\r\n public set chatFilter(chatFilter: RoomChatFilterBy) { this._chatFilter = chatFilter; }\r\n\r\n public set orderFilter(orderByFiler: RoomChatOrderBy) { this._orderFilter = orderByFiler; }\r\n\r\n constructor(\r\n private authService: AuthService,\r\n private chatApiService: ChatApiService,\r\n private chatService: ChatService,\r\n private error: ErrorService,\r\n private toastMessageService: ToastMessageService) { }\r\n\r\n public async getChatRooms(): Promise\r\n \r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n\r\n
\r\n","\r\n\r\nexport enum Product {\r\n NOVADT_OLD = 1,\r\n KENYA = 4,\r\n UAT = 5,\r\n UAT2 = 6,\r\n SAEX = 7,\r\n NOVADT = 8\r\n}\r\n\r\n//IF YOU ARE GOING TO RENAME THE ENUMS\r\n//BE AWARE THAT SOME OF THESE ENUMS ARE USED IN THE DIALOG COMPONENT HTML\r\nexport enum DialogType {\r\n EDIT_WHATSAPP_USER = 1,\r\n REASSIGN_CHAT = 2,\r\n CHAT_REASSIGNMENT = 3,\r\n LOGGED_TIMED_OUT = 4,\r\n ADD_UPDATE_REFERENCE_NUMBER = 5,\r\n CLOSE_CHAT = 6,\r\n USER_GROUPS = 7,\r\n LOGGED_IN_USERS = 8,\r\n PREVIEW_CHAT_MESSAGES = 9,\r\n LOGOUT_CONFIRMATION = 10,\r\n EDIT_WHATSAPP_CHAT_NOTES = 11,\r\n PREVIEW_CLAIM_CHAT = 12,\r\n BULK_CLAIM_CHAT = 13,\r\n ADD_WHATSAPP_USER = 14\r\n}\r\n\r\nexport enum RoomChatFilterBy {\r\n CHAT_DATE = 1,\r\n EXPIRED_CHATS = 2,\r\n ACTIVE_CHATS = 3,\r\n TALK_TO_AN_AGENT = 4\r\n}\r\n\r\nexport enum RoomChatOrderBy {\r\n ASCENDING = 1,\r\n DESCENDING = 2\r\n}\r\n\r\nexport enum MessageType {\r\n TEMPLATE = 1,\r\n AUTO_RESPONDER = 2,\r\n SYSTEM_USER = 3,\r\n WHATSAPP_USER = 4,\r\n TEMPLATE_RESPONSE = 5,\r\n SAEX_CLOSE_CHAT = 6\r\n}\r\n\r\nexport enum InternalMessageType {\r\n REASSIGN_CHAT = 1,\r\n DISCONNECT = 2,\r\n NOTIFY_USERS_CHAT_CLAIMED = 3,\r\n MESSAGE_STATUS_UPDATE = 4,\r\n CHAT_CLOSE = 6,\r\n USER_LOGGED_CLAIM_CHATS = 8,\r\n ACCEPT_REASSIGNMENT_OF_CHAT = 9,\r\n PRODUCT_CHANGE = 10,\r\n INBOUND_MESSAGE = 11\r\n}\r\n\r\nexport enum ChatStatus {\r\n OPEN = 1,\r\n TIMED_OUT = 2,\r\n CLOSED_FROM_A_SYSTEM_USER = 3,\r\n CLOSED_FROM_AUTO_RESPONDER_BY_WHATSAPP_USER = 4,\r\n CLOSED_BY_THE_SYSTEM = 5,\r\n OPEN_BUT_REQUESTED_AGENT = 6,\r\n CLOSED_FROM_AVECS_LEGAL_ENTITY = 7,\r\n CLOSED_FROM_CLOSE_JOB = 8\r\n}","import { Injectable } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { ErrorService } from '../error.service';\r\nimport { environment } from '../../../environments/environment';\r\nimport * as moment from 'moment';\r\nimport { HttpResponse } from '../../../interfaces/result.interfaces';\r\nimport { Products, User } from '../../../interfaces/user.interfaces';\r\nimport { BehaviorSubject } from 'rxjs';\r\nimport { LoginRequest } from 'src/interfaces/global.interfaces';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class AuthService {\r\n \r\n private _tokenExpiryTime: any = undefined;\r\n private _sessionValidMins: number = 0;\r\n private _user: User | null = null;\r\n private _isTimedOut: boolean = false;\r\n private _userProducts: Products[] = [];\r\n\r\n public lostConnection: boolean = true;\r\n public reasonLostConnection: string = '';\r\n private loggedInSubject = new BehaviorSubjectAdd/Update Ref Number
\r\n\r\n \r\n Reference Number \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n","import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';\r\nimport { UserApiService } from '../../services/api/user.api.service';\r\nimport { ToastMessageService } from '../../components/toast-message/toast.message.service';\r\nimport { Contacts } from '../../../interfaces/user.interfaces';\r\nimport { Location } from '@angular/common';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { DialogType } from '../../../app/enums';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { DialogComponent } from '../../components/dialog/dialog.component';\r\nimport { ErrorService } from '../../services/error.service';\r\n\r\n@Component({\r\n selector: 'app-contacts',\r\n templateUrl: './contacts.component.html',\r\n styleUrls: ['./contacts.component.scss']\r\n})\r\nexport class ContactsComponent implements OnInit, AfterViewInit {\r\n\r\n @ViewChild(MatPaginator) public paginator: MatPaginator | null = null;\r\n @ViewChild(MatSort) public sort: MatSort | null = null;\r\n public whatsappUsers: MatTableDataSource| First Name | \r\n{{ whatsappUser.firstName }} | \r\nLast Name | \r\n{{ whatsappUser.lastName }} | \r\nNumber | \r\n{{ whatsappUser.whatsappUserNumber }} | \r\nLast Chat Date | \r\n{{ whatsappUser.lastChatDate }} | \r\nNotes | \r\n{{ whatsappUser.notes }} | \r\nActions | \r\n\r\n \r\n | \r\n
|---|
No\r\n WhatsApp Users found
\r\n\r\n \r\n \r\n \r\n
\r\n","import { Injectable } from \"@angular/core\";\r\nimport * as moment from \"moment\";\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ChatService {\r\n\r\n private _chatWindowLeft: string = '';\r\n\r\n public set chatWindowLeft(chatWindowLeft: string) { this._chatWindowLeft = chatWindowLeft; }\r\n public get chatWindowLeft(): string { return this._chatWindowLeft; }\r\n\r\n constructor() { }\r\n\r\n public hasChatExpired(chatExpiryDate: Date): boolean {\r\n const currentDate = moment();\r\n const formattedExpiryDate = moment(new Date(chatExpiryDate));\r\n const hasExpired: boolean = currentDate.isAfter(formattedExpiryDate);\r\n\r\n return hasExpired;\r\n }\r\n\r\n //you can pass in the whatsapp user details (first name, last name, number) and will return the correct formatting\r\n //or you can pass in the system user which will just be first name\r\n public getFormattedName(firstName: string, lastName?: string, whatsappUserNumber?: string): string | undefined {\r\n if (firstName && lastName) return `${this.capitalizeEachWord(firstName)} ${this.capitalizeEachWord(lastName)}`;\r\n else if (firstName) return this.capitalizeEachWord(firstName);\r\n else return whatsappUserNumber;\r\n }\r\n\r\n public capitalizeEachWord(word: string): string {\r\n const regex = /(\\b[a-z](?!\\s))/g;\r\n return word.replace(regex, function (x) { return x.toUpperCase(); });\r\n }\r\n}","import { Injectable } from '@angular/core';\r\nimport { HttpClient, HttpHeaders } from '@angular/common/http';\r\nimport { AuthService } from './auth/auth.service';\r\nimport { ErrorService } from './error.service';\r\nimport { environment } from '../../environments/environment';\r\nimport { HttpResponse } from '../../interfaces/result.interfaces';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class BaseApiService {\r\n\r\n constructor(\r\n private http: HttpClient,\r\n private auth: AuthService,\r\n private error: ErrorService\r\n ) { }\r\n\r\n public async get(caller: string, route: string): Promise\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { ToastMessageService } from '../../toast-message/toast.message.service';\r\nimport { ClaimedChatsService } from '../../../services/chats/claimed.chats.service';\r\nimport { DialogService } from '../dialog.service';\r\nimport { DialogComponent } from '../dialog.component';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { UserApiService } from 'src/app/services/api/user.api.service';\r\nimport { EditWhatsappUserDialog } from '../../../../interfaces/dialog.interfaces';\r\nimport { ErrorService } from '../../../services/error.service';\r\n\r\n@Component({\r\n selector: 'edit-whatsapp-user-dialog',\r\n templateUrl: './edit-whatsapp-user-dialog.component.html',\r\n styleUrls: ['./edit-whatsapp-user-dialog.component.scss']\r\n})\r\nexport class EditWhatsappUserDialogComponent implements OnInit {\r\n\r\n public firstName: string = '';\r\n public lastName: string = '';\r\n\r\n constructor(\r\n public dialogRef: MatDialogRef\r\n
\r\n \r\n
\r\n\r\n \r\n First Name \r\n \r\n \r\n \r\n Last Name \r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { MatDialogRef } from '@angular/material/dialog';\r\nimport { DialogService } from '../dialog.service';\r\nimport { DialogComponent } from '../dialog.component';\r\nimport { ToastMessageService } from '../../toast-message/toast.message.service';\r\nimport { ChatApiService } from '../../../services/api/chat.api.service';\r\nimport { ClaimedChatsService } from '../../../services/chats/claimed.chats.service';\r\nimport { ErrorService } from '../../../services/error.service';\r\n\r\n@Component({\r\n selector: 'add-edit-chat-notes-dialog',\r\n templateUrl: './add-edit-chat-notes-dialog.component.html',\r\n styleUrls: ['./add-edit-chat-notes-dialog.component.scss']\r\n})\r\nexport class AddEditChatNotesDialogComponent implements OnInit {\r\n\r\n public notes: string = '';\r\n\r\n constructor(\r\n public dialogRef: MatDialogRefEdit Whatsapp User
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n","Add / Edit Notes
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Location } from '@angular/common';\r\nimport { UserApiService } from '../../services/api/user.api.service';\r\nimport { ToastMessageService } from '../../components/toast-message/toast.message.service';\r\nimport { SystemUser } from '../../../interfaces/user.interfaces';\r\nimport { ErrorService } from '../../services/error.service';\r\n\r\n@Component({\r\n selector: 'app-online-users',\r\n templateUrl: './online-users.component.html',\r\n styleUrls: ['./online-users.component.scss']\r\n})\r\nexport class OnlineUsersComponent implements OnInit {\r\n\r\n public onlineUsers: SystemUser[] = [];\r\n public showSpinner: boolean = false;\r\n\r\n constructor(\r\n private location: Location,\r\n private userApiService: UserApiService,\r\n private error: ErrorService,\r\n private toastMessageService: ToastMessageService\r\n ) { }\r\n\r\n async ngOnInit(): Promise\r\n
\r\n\r\n \r\n
\r\n 0\">\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, EventEmitter, Input, OnChanges, OnInit, Output } from '@angular/core';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\nimport * as moment from 'moment';\r\nimport { HttpClient } from '@angular/common/http';\r\nimport { Message } from '../../../interfaces/message.interfaces';\r\nimport { ChatService } from '../../services/chats/chat.service';\r\nimport { MessageService } from '../../services/message.service';\r\nimport { ToastMessageService } from '../toast-message/toast.message.service';\r\n\r\n@Component({\r\n selector: 'message-item',\r\n templateUrl: './message-item.component.html',\r\n styleUrls: ['./message-item.component.scss']\r\n})\r\nexport class MessageItemComponent implements OnInit, OnChanges {\r\n\r\n @Input() public message: Message | null = null;\r\n @Input() public messageMatch: boolean = false; //used for if the user is searching for a message and the message matches\r\n @Input() public searchTerm: string | null = null;\r\n @Output() public previewImage: EventEmitter\r\n \r\n
\r\n \r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n ![]()
\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n {{ message.friendlyName }}\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ToastMessageService } from '../../components/toast-message/toast.message.service';\r\nimport { UserApiService } from '../../services/api/user.api.service';\r\nimport { Dropdown } from '../../../interfaces/global.interfaces';\r\nimport { Contacts as Contact } from '../../../interfaces/user.interfaces';\r\nimport { Location } from '@angular/common';\r\nimport { ChatService } from '../../services/chats/chat.service';\r\nimport { TemplateApiService } from '../../services/api/template.api.service';\r\nimport { Template, TemplateParam } from '../../../interfaces/template.interfaces';\r\nimport * as moment from 'moment';\r\nimport { ErrorService } from '../../services/error.service';\r\n\r\n@Component({\r\n selector: 'app-template-manager',\r\n templateUrl: './template-manager.component.html',\r\n styleUrls: ['./template-manager.component.scss']\r\n})\r\nexport class TemplateManagerComponent implements OnInit {\r\n\r\n public selectedTemplate: Template | undefined | null = null;\r\n public templates: Template[] = [];\r\n public templateDropdownOptions: Dropdown[] = [];\r\n public templateParams: TemplateParam[] | null = null;\r\n public selectedContact: Contact | undefined | null = null;\r\n public contacts: Contact[] = [];\r\n public contactDropdownOptions: Dropdown[] = [];\r\n\r\n public showSpinner: boolean = false;\r\n public sendingTemplate: boolean = false;\r\n\r\n constructor(\r\n private userApiService: UserApiService,\r\n private templateApiService: TemplateApiService,\r\n private toastMessageService: ToastMessageService,\r\n private chatService: ChatService,\r\n private error: ErrorService,\r\n private location: Location,\r\n ) { }\r\n\r\n async ngOnInit(): Promise\r\n
\r\n\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n Template message\r\n
\r\n\r\n \r\n\r\n \r\n\r\n= 1\" class=\"title\">\r\n Replace the fields\r\n
\r\n\r\n\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n No options found
\r\n {{ option.label }}
\r\n \r\n \r\n First Name \r\n \r\n \r\n \r\n Last Name \r\n \r\n \r\n \r\n Number \r\n phone \r\n \r\n \r\n
\r\n","import { Injectable } from '@angular/core';\r\nimport { environment } from 'src/environments/environment';\r\nimport { Message } from '../../interfaces/message.interfaces';\r\nimport { ChatService } from './chats/chat.service';\r\nimport { ProductService } from './products.service';\r\nimport { ClaimedChatsService } from './chats/claimed.chats.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class NotificationService {\r\n\r\n private notification: Notification | null = null;\r\n\r\n constructor(\r\n private chatService: ChatService,\r\n private claimedChatService: ClaimedChatsService,\r\n private productService: ProductService\r\n ) { }\r\n\r\n public messageReceivedNotification(message: Message) {\r\n const whatsappUserName = this.chatService.getFormattedName(message.whatsappUserFirstName, message.whatsappUserLastName, message.whatsappUserNumber);\r\n const options: NotificationOptions = {\r\n body: `${whatsappUserName}\\n${message.body}`,\r\n icon: this.productService.smallLogo ?? '',\r\n dir: 'auto',\r\n data: {\r\n chatId: message.chatId\r\n },\r\n };\r\n\r\n if (message.mediaUrl) options.image = message.mediaUrl;\r\n\r\n this.notification = new Notification('Whatsapp', options);\r\n this.notification.onclick = () => {\r\n const chatIndex = this.claimedChatService.getClaimedChats.findIndex(chat => chat.chatId === message.chatId);\r\n if (chatIndex === -1) return;\r\n\r\n this.claimedChatService.setSelectedClaimChat = this.claimedChatService.getClaimedChats[chatIndex];\r\n if(this.claimedChatService.getSelectedClaimChat) this.claimedChatService.getSelectedClaimChat.chatSelected = true;\r\n };\r\n }\r\n}","import { Injectable } from '@angular/core';\r\nimport * as _ from 'lodash';\r\nimport { AuthService } from '../auth/auth.service';\r\nimport * as moment from 'moment';\r\nimport { Chat, ClaimedChats } from '../../../interfaces/chat.interfaces';\r\nimport { ChatService } from './chat.service';\r\nimport { Message } from '../../../interfaces/message.interfaces';\r\nimport { ToastMessageService } from '../../components/toast-message/toast.message.service';\r\nimport { MenuOptions } from '../../../interfaces/global.interfaces';\r\nimport { BrowserService } from '../browser.service';\r\nimport { ChatRoomService } from './chat.room.service';\r\nimport { ErrorService } from '../error.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ClaimedChatsService {\r\n\r\n private _chatsHeading: string = 'My Claimed Chats';\r\n private _search: string = '';\r\n private _claimedChats: Chat[] = [];\r\n private _claimedChatsOriginal: Chat[] = [];\r\n private _selectedClaimChat: Chat | null = null;\r\n private _hasChatExpired: boolean = false;\r\n private _claimedChatsPanel: ClaimedChats[] | null = null;\r\n private _claimedChatIdFromRoom: number = 0;\r\n public filterChatsOptions: MenuOptions[] = [\r\n {\r\n icon: 'chat_bubble',\r\n label: 'All Claimed Chats',\r\n method: this.filterByAllClaimedChats.bind(this),\r\n disabled: false\r\n },\r\n {\r\n icon: 'how_to_reg',\r\n label: 'My Unread messages',\r\n method: this.filterByMyUnreadMessages.bind(this),\r\n disabled: false\r\n },\r\n {\r\n icon: 'done',\r\n label: 'All Unread messages',\r\n method: this.filterByAllUnreadMessages.bind(this),\r\n disabled: false\r\n },\r\n {\r\n icon: 'portrait', //portrait\r\n label: 'My Active Chats',\r\n method: this.filterByMyActiveChats.bind(this),\r\n disabled: false\r\n },\r\n {\r\n icon: 'question_answer',\r\n label: 'All Active Chats',\r\n method: this.filterByAllActiveChats.bind(this),\r\n disabled: false\r\n },\r\n {\r\n icon: 'voice_over_off',\r\n label: 'My Expired Chats',\r\n method: this.filterByMyExpiredChats.bind(this),\r\n disabled: false\r\n },\r\n {\r\n icon: 'volume_off',\r\n label: 'All Expired Chats',\r\n method: this.filterByAllExpiredChats.bind(this),\r\n disabled: false\r\n }\r\n ];\r\n\r\n private _selectedFilterChatOption: MenuOptions | null = null;\r\n\r\n public get selectedFilterChatOption(): MenuOptions | null { return this._selectedFilterChatOption; }\r\n\r\n public get search(): string { return this._search; }\r\n\r\n public get chatsHeading(): string { return this._chatsHeading; }\r\n \r\n public get getClaimedChats(): Chat[] { return this._claimedChats; }\r\n \r\n public get getClaimedChatsOriginal(): Chat[] { return this._claimedChatsOriginal; }\r\n\r\n public get getSelectedClaimChat(): Chat | null { return this._selectedClaimChat; }\r\n\r\n public get hasChatExpired(): boolean { return this._hasChatExpired; }\r\n\r\n public get claimedChatIdFromRoom() { return this._claimedChatIdFromRoom; };\r\n\r\n public get claimedChatsPanel() { return this._claimedChatsPanel; }\r\n\r\n public get selectedClaimChatWindowLeft(): string {\r\n if (!this.getSelectedClaimChat) return '';\r\n\r\n const currentDate = moment();\r\n const formattedExpiryDate = moment(new Date(this.getSelectedClaimChat.chatExpiryDate));\r\n const hasExpired: boolean = currentDate.isAfter(formattedExpiryDate);\r\n\r\n if (hasExpired) {\r\n this.hasChatExpired = true;\r\n return '';\r\n }\r\n\r\n this.hasChatExpired = false;\r\n\r\n const remainingTimeSeconds = formattedExpiryDate.diff(currentDate, 'seconds');\r\n const remainingTimeFormatted = moment.utc(moment.duration(remainingTimeSeconds, \"seconds\").asMilliseconds()).format(\"HH:mm\");\r\n\r\n return `Time Left: ${remainingTimeFormatted}`;\r\n }\r\n\r\n public get claimedChatsPanelChatCount(): number {\r\n let count = 0;\r\n this.claimedChatsPanel?.map(gc => gc.groupChatsLength).map(c => count += c);\r\n return count;\r\n }\r\n\r\n public set hasChatExpired(value: boolean) { this._hasChatExpired = value; }\r\n\r\n public set selectedFilterChatOption(menuOption: MenuOptions | null) { this._selectedFilterChatOption = menuOption; }\r\n\r\n public set chatsHeading(chatsHeading: string) { this._chatsHeading = chatsHeading; }\r\n\r\n public set search(search: string) { this._search = search; }\r\n\r\n public set setClaimedChats(chats: Chat[]) { this._claimedChats = chats; }\r\n\r\n public set setClaimedChatsOriginal(chats: Chat[]) { this._claimedChatsOriginal = chats; }\r\n\r\n public set setSelectedClaimChat(chat: Chat | null) { this._selectedClaimChat = chat; };\r\n\r\n public set claimedChatIdFromRoom(chatId: number) { this._claimedChatIdFromRoom = chatId; }\r\n \r\n public set claimedChatsPanel(claimedChatsPanel: ClaimedChats[] | null) { this._claimedChatsPanel = claimedChatsPanel; }\r\n\r\n constructor(\r\n private authService: AuthService,\r\n private chatService: ChatService,\r\n private chatRoomService: ChatRoomService,\r\n private browserService: BrowserService,\r\n private error: ErrorService,\r\n private toastMessageService: ToastMessageService\r\n ) { }\r\n \r\n public updateClaimedChatMessages(chatId: number, messages: Message[]) {\r\n const orignalClaimeChatsIndex = this.getClaimedChatsOriginal.findIndex(c => c.chatId === chatId);\r\n const claimeChatsIndex = this.getClaimedChats.findIndex(c => c.chatId === chatId);\r\n\r\n this.getClaimedChatsOriginal[orignalClaimeChatsIndex].messages = messages;\r\n this.getClaimedChats[claimeChatsIndex].messages = messages;\r\n \r\n if (this.getSelectedClaimChat?.chatId === chatId) {\r\n this.getSelectedClaimChat.messages = messages;\r\n }\r\n }\r\n\r\n public handleRemovingClaimedChats(chatIds: number[]): void {\r\n if (!this.getClaimedChatsOriginal) return;\r\n this.setClaimedChatsOriginal = this.getClaimedChatsOriginal.filter(chat => !chatIds.includes(chat.chatId));\r\n\r\n //if the chat that was closed from another user\r\n //make the selected claim chat null\r\n if (this.getSelectedClaimChat) {\r\n const foundChat = chatIds.find(chat => chat === this.getSelectedClaimChat?.chatId);\r\n if (foundChat) this.setSelectedClaimChat = null;\r\n }\r\n\r\n this.applyChatFilterIfThereIsAFilter();\r\n this.handleClaimedChatsPanel();\r\n }\r\n\r\n public applyChatFilterIfThereIsAFilter() {\r\n if (this.selectedFilterChatOption) {\r\n this.selectedFilterChatOption.method.call(this);\r\n this.chatsHeading = this.selectedFilterChatOption.label;\r\n } else {\r\n this.filterByMyClaimedChats();\r\n this.chatsHeading = 'My Claimed Chats';\r\n }\r\n }\r\n\r\n public filterChatOption(option: MenuOptions): void {\r\n if (this.selectedFilterChatOption == option) {\r\n this.selectedFilterChatOption = null;\r\n this.filterByMyClaimedChats();\r\n this.handleClaimedChatsPanel();\r\n this.chatsHeading = 'My Claimed Chats';\r\n } else {\r\n this.selectedFilterChatOption = option;\r\n option.method.call(this);\r\n this.handleClaimedChatsPanel();\r\n this.chatsHeading = option.label;\r\n }\r\n this.resetReassignedChats();\r\n }\r\n\r\n public filterByMyClaimedChats() {\r\n const claimedChats = this.getLoggedInUserClaimedChats();\r\n this.setClaimedChats = claimedChats;\r\n }\r\n\r\n public filterByAllClaimedChats() { this.setClaimedChats = this._claimedChatsOriginal; }\r\n \r\n public filterByMyUnreadMessages() {\r\n const loggedInUserClaimedChats = this.getLoggedInUserClaimedChats();\r\n this.setClaimedChats = loggedInUserClaimedChats.filter(cc => cc.unreadMessages && cc.unreadMessages > 0);\r\n }\r\n\r\n public filterByAllUnreadMessages() {\r\n const allClaimedChats = this._claimedChatsOriginal;\r\n this.setClaimedChats = allClaimedChats.filter(cc => cc.unreadMessages && cc.unreadMessages > 0);\r\n }\r\n\r\n public filterByMyActiveChats() {\r\n const loggedInUserClaimedChats = this.getLoggedInUserClaimedChats();\r\n const chats = loggedInUserClaimedChats.filter(cc => !this.chatService.hasChatExpired(cc.chatExpiryDate));\r\n this.setClaimedChats = chats;\r\n }\r\n\r\n public filterByAllActiveChats() {\r\n const allClaimedChats = this._claimedChatsOriginal;\r\n const chats = allClaimedChats.filter(cc => !this.chatService.hasChatExpired(cc.chatExpiryDate));\r\n this.setClaimedChats = chats;\r\n }\r\n\r\n public filterByMyExpiredChats() {\r\n const loggedInUserClaimedChats = this.getLoggedInUserClaimedChats();\r\n const chats = loggedInUserClaimedChats.filter(cc => this.chatService.hasChatExpired(cc.chatExpiryDate));\r\n this.setClaimedChats = chats;\r\n }\r\n\r\n public filterByAllExpiredChats() {\r\n const allClaimedChats = this._claimedChatsOriginal;\r\n const chats = allClaimedChats.filter(cc => this.chatService.hasChatExpired(cc.chatExpiryDate));\r\n this.setClaimedChats = chats;\r\n }\r\n\r\n public handleClaimedChatsPanel(): void {\r\n if (!this.getClaimedChats) return;\r\n\r\n //order the chats\r\n this.orderClaimedChatsByLatestMessage();\r\n\r\n let claimedChatsPanel: ClaimedChats[] = [];\r\n\r\n for (const chat of this.getClaimedChats) {\r\n //get an array of group ids from our group chats\r\n const groupIds = claimedChatsPanel.map(gc => gc.groupId);\r\n\r\n //group does not exist\r\n //so we can go ahead and add all the chats to this group\r\n if (!groupIds.includes(chat.groupId)) {\r\n //get all chats with the current chat group id\r\n let gc = this.getClaimedChats.filter(cc => cc.groupId === chat.groupId);\r\n\r\n const groupExpanded = this.claimedChatsPanel?.find(gc => gc.groupId === chat.groupId)?.groupExpanded;\r\n\r\n claimedChatsPanel.push({\r\n groupId: chat.groupId,\r\n groupName: `${chat.groupName} (${gc.length})`,\r\n groupChatsLength: gc.length,\r\n groupExpanded: groupExpanded ?? true,\r\n chats: gc\r\n });\r\n }\r\n }\r\n\r\n this.claimedChatsPanel = claimedChatsPanel;\r\n }\r\n\r\n public handleChatsReassignToUser(reassignedChats: Chat[], userId: number, loginName: string) {\r\n const claimedChatOrig = this.getClaimedChatsOriginal;\r\n\r\n for (const chat of claimedChatOrig) {\r\n const index = reassignedChats.findIndex(c => c.chatId === chat.chatId);\r\n\r\n chat.reassigned = false;\r\n\r\n if (index === -1) continue;\r\n\r\n chat.claimedBy = loginName;\r\n chat.claimedByUserId = userId;\r\n chat.reassigned = true;\r\n chat.chatSelected = false;\r\n chat.messages = [...reassignedChats[index].messages]\r\n }\r\n\r\n this.setClaimedChatsOriginal = [...claimedChatOrig];\r\n this.applyChatFilterIfThereIsAFilter();\r\n this.handleClaimedChatsPanel();\r\n }\r\n\r\n public handleClosingAndReassigningChatToGroup() {\r\n const index = this.getClaimedChats.findIndex(cc => cc.chatId == this.getSelectedClaimChat?.chatId);\r\n if (index >= 0) {\r\n //remove chat from claimed chats\r\n this.getClaimedChats.splice(index, 1);\r\n this.getClaimedChatsOriginal.splice(index, 1);\r\n this.setSelectedClaimChat = null;\r\n //redo the sort and group by\r\n this.handleClaimedChatsPanel();\r\n }\r\n }\r\n\r\n public handleUserDisconnect(userId: number, loginName: string) {\r\n this.setClaimedChatsOriginal = this.getClaimedChatsOriginal?.filter(cc => cc.claimedByUserId !== userId);\r\n this.setClaimedChats = this.getClaimedChats?.filter(cc => cc.claimedByUserId !== userId);\r\n this.resetReassignedChats();\r\n this.handleClaimedChatsPanel();\r\n this.toastMessageService.showToastMessage(`${loginName} Logged/Time out`, 'toast-message-info');\r\n }\r\n\r\n public handleUserLoggedClaimedChats(chats: Chat[], loginName: string) {\r\n this.toastMessageService.showToastMessage(`${loginName} logged in`, 'toast-message-info');\r\n const chatIds: number[] = chats.map(c => c.chatId);\r\n this.chatRoomService.handleRemovingChatsFromRoom(chatIds);\r\n\r\n if (!this.getClaimedChatsOriginal || !this.getClaimedChats) return;\r\n\r\n for (const chat of chats) {\r\n const foundOrigChat = this.getClaimedChatsOriginal.find(c => c.chatId === chat.chatId);\r\n const foundClaimedChat = this.getClaimedChats.find(c => c.chatId === chat.chatId);\r\n\r\n //if this chat does not exist in either the original or claimed chats array add chat\r\n if (!foundOrigChat) this.getClaimedChatsOriginal.push(chat);\r\n if (!foundClaimedChat) this.getClaimedChats.push(chat);\r\n \r\n const foundGroup = this.claimedChatsPanel?.find(gc => gc.groupId === chat.groupId);\r\n\r\n //group doesn't exist so add it\r\n if (!foundGroup) {\r\n this.claimedChatsPanel?.push({\r\n groupId: chat.groupId,\r\n groupName: `${chat.groupName}`,\r\n groupChatsLength: 0,\r\n groupExpanded: true,\r\n chats: [],\r\n });\r\n }\r\n\r\n this.claimedChatsPanel?.map(gc => {\r\n if (gc.groupId === chat.groupId) {\r\n const found = gc.chats.find(ch => ch.chatId === chat.chatId);\r\n //if the chat does not exist in the group then add it\r\n if (!found) {\r\n gc.chats.push(chat);\r\n gc.groupName = `${chat.groupName} (${gc.chats.length})`;\r\n }\r\n }\r\n });\r\n }\r\n\r\n if (!this.selectedFilterChatOption) {\r\n this.filterByMyClaimedChats();\r\n } else {\r\n this.selectedFilterChatOption.method.call(this);\r\n }\r\n\r\n this.handleClaimedChatsPanel();\r\n }\r\n\r\n //user has changed product\r\n //need to remove all the chats from the claimed chats\r\n public handleProductChange(userId: number, loginName: string, productName: string) {\r\n this.toastMessageService.showToastMessage(`${loginName} changed to ${productName}`, 'toast-message-info');\r\n this.setClaimedChatsOriginal = this.getClaimedChatsOriginal.filter(cc => cc.claimedByUserId !== userId);\r\n this.setClaimedChats = this.getClaimedChats.filter(cc => cc.claimedByUserId !== userId);\r\n this.handleClaimedChatsPanel();\r\n }\r\n\r\n public handleInboundWhatsappMessage(msg: Message) {\r\n const message: Message = {\r\n messageId: msg.messageId,\r\n body: msg.body,\r\n chatId: msg.chatId,\r\n direction: msg.direction,\r\n whatsappUserFirstName: msg.whatsappUserFirstName,\r\n whatsappUserLastName: msg.whatsappUserLastName,\r\n sendDate: msg.sendDate,\r\n whatsappUserNumber: msg.whatsappUserNumber,\r\n mediaUrl: msg.mediaUrl,\r\n extension: msg.extension,\r\n fileName: msg.fileName,\r\n friendlyName: msg.friendlyName\r\n };\r\n\r\n const chatIndex = this.getClaimedChats.findIndex(cc => cc.chatId === msg.chatId);\r\n\r\n if (chatIndex == -1) return;\r\n\r\n const chat = this.getClaimedChats[chatIndex];\r\n\r\n if (this.browserService.browserFocused && this.getSelectedClaimChat?.chatId === msg.chatId) {\r\n //don't increase\r\n } else if (this.getSelectedClaimChat?.chatId !== msg.chatId || (!this.browserService.browserFocused && this.getSelectedClaimChat?.chatId === msg.chatId)) {\r\n //increased unread messages count\r\n if (!chat.unreadMessages) chat.unreadMessages = 1;\r\n else chat.unreadMessages++;\r\n }\r\n\r\n //update chat expiry date\r\n chat.chatExpiryDate = new Date(moment(new Date()).add(1, 'day').format(\"YYYY/MM/DD HH:mm:ss\"));\r\n //add new inbound message\r\n chat.messages.push(message);\r\n\r\n //refresh selected claimed chat messages\r\n if (this.getSelectedClaimChat?.chatId === msg.chatId) {\r\n this.getSelectedClaimChat.messages = [...chat.messages];\r\n }\r\n\r\n this.handleClaimedChatsPanel();\r\n }\r\n\r\n public searchClaimedChats(): void {\r\n try {\r\n this.resetReassignedChats();\r\n const filters = ['firstName', 'lastName', 'whatsappUserNumber', 'refNo'];\r\n\r\n //not searching\r\n if (!this.search) {\r\n //reset claimed chats to original\r\n this.setClaimedChats = [...this.getClaimedChatsOriginal];\r\n this.applyChatFilterIfThereIsAFilter();\r\n this.handleClaimedChatsPanel();\r\n return;\r\n }\r\n\r\n this.applyChatFilterIfThereIsAFilter();\r\n\r\n //filtering\r\n this.setClaimedChats = _.filter(this.getClaimedChats, (item) => {\r\n return _.some(filters, (filter) => {\r\n const value = item[filter];\r\n const searchValue = this.search.toLowerCase().trim();\r\n return (value && value.toLowerCase().includes(searchValue));\r\n });\r\n });\r\n\r\n this.handleClaimedChatsPanel();\r\n } catch (err) {\r\n this.toastMessageService.showToastMessage('Failed to search chats.', 'toast-message-error');\r\n this.error.handleError('Failed to search chats.', err, 'claimed.chats.service.searchClaimedChats()');\r\n }\r\n }\r\n\r\n public clearSearch(): void {\r\n if (!this.search) return;\r\n \r\n this.search = '';\r\n this.searchClaimedChats();\r\n }\r\n \r\n private orderClaimedChatsByLatestMessage(): void {\r\n this.setClaimedChats = _.orderBy(this.getClaimedChats, (chat) => {\r\n const latestMessage = _.maxBy(chat.messages, 'sendDate');\r\n return latestMessage?.sendDate ? new Date(latestMessage.sendDate).getTime() : 0;\r\n }, 'desc');\r\n }\r\n\r\n private getLoggedInUserClaimedChats(): Chat[] {\r\n if (!this.authService?.user || !this.authService?.user?.loginName) return [];\r\n const claimedChats = this.getClaimedChatsOriginal.filter(cc => cc.claimedBy.toLowerCase() === this.authService?.user?.loginName?.toLowerCase());\r\n return claimedChats;\r\n }\r\n\r\n private resetReassignedChats(): void {\r\n //resset all chats reassigned to false\r\n this.getClaimedChats.forEach(c => {\r\n if (c.reassigned !== false) c.reassigned = false;\r\n });\r\n }\r\n}","var map = {\n\t\"./af\": \"K/tc\",\n\t\"./af.js\": \"K/tc\",\n\t\"./ar\": \"jnO4\",\n\t\"./ar-dz\": \"o1bE\",\n\t\"./ar-dz.js\": \"o1bE\",\n\t\"./ar-kw\": \"Qj4J\",\n\t\"./ar-kw.js\": \"Qj4J\",\n\t\"./ar-ly\": \"HP3h\",\n\t\"./ar-ly.js\": \"HP3h\",\n\t\"./ar-ma\": \"CoRJ\",\n\t\"./ar-ma.js\": \"CoRJ\",\n\t\"./ar-sa\": \"gjCT\",\n\t\"./ar-sa.js\": \"gjCT\",\n\t\"./ar-tn\": \"bYM6\",\n\t\"./ar-tn.js\": \"bYM6\",\n\t\"./ar.js\": \"jnO4\",\n\t\"./az\": \"SFxW\",\n\t\"./az.js\": \"SFxW\",\n\t\"./be\": \"H8ED\",\n\t\"./be.js\": \"H8ED\",\n\t\"./bg\": \"hKrs\",\n\t\"./bg.js\": \"hKrs\",\n\t\"./bm\": \"p/rL\",\n\t\"./bm.js\": \"p/rL\",\n\t\"./bn\": \"kEOa\",\n\t\"./bn-bd\": \"loYQ\",\n\t\"./bn-bd.js\": \"loYQ\",\n\t\"./bn.js\": \"kEOa\",\n\t\"./bo\": \"0mo+\",\n\t\"./bo.js\": \"0mo+\",\n\t\"./br\": \"aIdf\",\n\t\"./br.js\": \"aIdf\",\n\t\"./bs\": \"JVSJ\",\n\t\"./bs.js\": \"JVSJ\",\n\t\"./ca\": \"1xZ4\",\n\t\"./ca.js\": \"1xZ4\",\n\t\"./cs\": \"PA2r\",\n\t\"./cs.js\": \"PA2r\",\n\t\"./cv\": \"A+xa\",\n\t\"./cv.js\": \"A+xa\",\n\t\"./cy\": \"l5ep\",\n\t\"./cy.js\": \"l5ep\",\n\t\"./da\": \"DxQv\",\n\t\"./da.js\": \"DxQv\",\n\t\"./de\": \"tGlX\",\n\t\"./de-at\": \"s+uk\",\n\t\"./de-at.js\": \"s+uk\",\n\t\"./de-ch\": \"u3GI\",\n\t\"./de-ch.js\": \"u3GI\",\n\t\"./de.js\": \"tGlX\",\n\t\"./dv\": \"WYrj\",\n\t\"./dv.js\": \"WYrj\",\n\t\"./el\": \"jUeY\",\n\t\"./el.js\": \"jUeY\",\n\t\"./en-au\": \"Dmvi\",\n\t\"./en-au.js\": \"Dmvi\",\n\t\"./en-ca\": \"OIYi\",\n\t\"./en-ca.js\": \"OIYi\",\n\t\"./en-gb\": \"Oaa7\",\n\t\"./en-gb.js\": \"Oaa7\",\n\t\"./en-ie\": \"4dOw\",\n\t\"./en-ie.js\": \"4dOw\",\n\t\"./en-il\": \"czMo\",\n\t\"./en-il.js\": \"czMo\",\n\t\"./en-in\": \"7C5Q\",\n\t\"./en-in.js\": \"7C5Q\",\n\t\"./en-nz\": \"b1Dy\",\n\t\"./en-nz.js\": \"b1Dy\",\n\t\"./en-sg\": \"t+mt\",\n\t\"./en-sg.js\": \"t+mt\",\n\t\"./eo\": \"Zduo\",\n\t\"./eo.js\": \"Zduo\",\n\t\"./es\": \"iYuL\",\n\t\"./es-do\": \"CjzT\",\n\t\"./es-do.js\": \"CjzT\",\n\t\"./es-mx\": \"tbfe\",\n\t\"./es-mx.js\": \"tbfe\",\n\t\"./es-us\": \"Vclq\",\n\t\"./es-us.js\": \"Vclq\",\n\t\"./es.js\": \"iYuL\",\n\t\"./et\": \"7BjC\",\n\t\"./et.js\": \"7BjC\",\n\t\"./eu\": \"D/JM\",\n\t\"./eu.js\": \"D/JM\",\n\t\"./fa\": \"jfSC\",\n\t\"./fa.js\": \"jfSC\",\n\t\"./fi\": \"gekB\",\n\t\"./fi.js\": \"gekB\",\n\t\"./fil\": \"1ppg\",\n\t\"./fil.js\": \"1ppg\",\n\t\"./fo\": \"ByF4\",\n\t\"./fo.js\": \"ByF4\",\n\t\"./fr\": \"nyYc\",\n\t\"./fr-ca\": \"2fjn\",\n\t\"./fr-ca.js\": \"2fjn\",\n\t\"./fr-ch\": \"Dkky\",\n\t\"./fr-ch.js\": \"Dkky\",\n\t\"./fr.js\": \"nyYc\",\n\t\"./fy\": \"cRix\",\n\t\"./fy.js\": \"cRix\",\n\t\"./ga\": \"USCx\",\n\t\"./ga.js\": \"USCx\",\n\t\"./gd\": \"9rRi\",\n\t\"./gd.js\": \"9rRi\",\n\t\"./gl\": \"iEDd\",\n\t\"./gl.js\": \"iEDd\",\n\t\"./gom-deva\": \"qvJo\",\n\t\"./gom-deva.js\": \"qvJo\",\n\t\"./gom-latn\": \"DKr+\",\n\t\"./gom-latn.js\": \"DKr+\",\n\t\"./gu\": \"4MV3\",\n\t\"./gu.js\": \"4MV3\",\n\t\"./he\": \"x6pH\",\n\t\"./he.js\": \"x6pH\",\n\t\"./hi\": \"3E1r\",\n\t\"./hi.js\": \"3E1r\",\n\t\"./hr\": \"S6ln\",\n\t\"./hr.js\": \"S6ln\",\n\t\"./hu\": \"WxRl\",\n\t\"./hu.js\": \"WxRl\",\n\t\"./hy-am\": \"1rYy\",\n\t\"./hy-am.js\": \"1rYy\",\n\t\"./id\": \"UDhR\",\n\t\"./id.js\": \"UDhR\",\n\t\"./is\": \"BVg3\",\n\t\"./is.js\": \"BVg3\",\n\t\"./it\": \"bpih\",\n\t\"./it-ch\": \"bxKX\",\n\t\"./it-ch.js\": \"bxKX\",\n\t\"./it.js\": \"bpih\",\n\t\"./ja\": \"B55N\",\n\t\"./ja.js\": \"B55N\",\n\t\"./jv\": \"tUCv\",\n\t\"./jv.js\": \"tUCv\",\n\t\"./ka\": \"IBtZ\",\n\t\"./ka.js\": \"IBtZ\",\n\t\"./kk\": \"bXm7\",\n\t\"./kk.js\": \"bXm7\",\n\t\"./km\": \"6B0Y\",\n\t\"./km.js\": \"6B0Y\",\n\t\"./kn\": \"PpIw\",\n\t\"./kn.js\": \"PpIw\",\n\t\"./ko\": \"Ivi+\",\n\t\"./ko.js\": \"Ivi+\",\n\t\"./ku\": \"JCF/\",\n\t\"./ku.js\": \"JCF/\",\n\t\"./ky\": \"lgnt\",\n\t\"./ky.js\": \"lgnt\",\n\t\"./lb\": \"RAwQ\",\n\t\"./lb.js\": \"RAwQ\",\n\t\"./lo\": \"sp3z\",\n\t\"./lo.js\": \"sp3z\",\n\t\"./lt\": \"JvlW\",\n\t\"./lt.js\": \"JvlW\",\n\t\"./lv\": \"uXwI\",\n\t\"./lv.js\": \"uXwI\",\n\t\"./me\": \"KTz0\",\n\t\"./me.js\": \"KTz0\",\n\t\"./mi\": \"aIsn\",\n\t\"./mi.js\": \"aIsn\",\n\t\"./mk\": \"aQkU\",\n\t\"./mk.js\": \"aQkU\",\n\t\"./ml\": \"AvvY\",\n\t\"./ml.js\": \"AvvY\",\n\t\"./mn\": \"lYtQ\",\n\t\"./mn.js\": \"lYtQ\",\n\t\"./mr\": \"Ob0Z\",\n\t\"./mr.js\": \"Ob0Z\",\n\t\"./ms\": \"6+QB\",\n\t\"./ms-my\": \"ZAMP\",\n\t\"./ms-my.js\": \"ZAMP\",\n\t\"./ms.js\": \"6+QB\",\n\t\"./mt\": \"G0Uy\",\n\t\"./mt.js\": \"G0Uy\",\n\t\"./my\": \"honF\",\n\t\"./my.js\": \"honF\",\n\t\"./nb\": \"bOMt\",\n\t\"./nb.js\": \"bOMt\",\n\t\"./ne\": \"OjkT\",\n\t\"./ne.js\": \"OjkT\",\n\t\"./nl\": \"+s0g\",\n\t\"./nl-be\": \"2ykv\",\n\t\"./nl-be.js\": \"2ykv\",\n\t\"./nl.js\": \"+s0g\",\n\t\"./nn\": \"uEye\",\n\t\"./nn.js\": \"uEye\",\n\t\"./oc-lnc\": \"Fnuy\",\n\t\"./oc-lnc.js\": \"Fnuy\",\n\t\"./pa-in\": \"8/+R\",\n\t\"./pa-in.js\": \"8/+R\",\n\t\"./pl\": \"jVdC\",\n\t\"./pl.js\": \"jVdC\",\n\t\"./pt\": \"8mBD\",\n\t\"./pt-br\": \"0tRk\",\n\t\"./pt-br.js\": \"0tRk\",\n\t\"./pt.js\": \"8mBD\",\n\t\"./ro\": \"lyxo\",\n\t\"./ro.js\": \"lyxo\",\n\t\"./ru\": \"lXzo\",\n\t\"./ru.js\": \"lXzo\",\n\t\"./sd\": \"Z4QM\",\n\t\"./sd.js\": \"Z4QM\",\n\t\"./se\": \"//9w\",\n\t\"./se.js\": \"//9w\",\n\t\"./si\": \"7aV9\",\n\t\"./si.js\": \"7aV9\",\n\t\"./sk\": \"e+ae\",\n\t\"./sk.js\": \"e+ae\",\n\t\"./sl\": \"gVVK\",\n\t\"./sl.js\": \"gVVK\",\n\t\"./sq\": \"yPMs\",\n\t\"./sq.js\": \"yPMs\",\n\t\"./sr\": \"zx6S\",\n\t\"./sr-cyrl\": \"E+lV\",\n\t\"./sr-cyrl.js\": \"E+lV\",\n\t\"./sr.js\": \"zx6S\",\n\t\"./ss\": \"Ur1D\",\n\t\"./ss.js\": \"Ur1D\",\n\t\"./sv\": \"X709\",\n\t\"./sv.js\": \"X709\",\n\t\"./sw\": \"dNwA\",\n\t\"./sw.js\": \"dNwA\",\n\t\"./ta\": \"PeUW\",\n\t\"./ta.js\": \"PeUW\",\n\t\"./te\": \"XLvN\",\n\t\"./te.js\": \"XLvN\",\n\t\"./tet\": \"V2x9\",\n\t\"./tet.js\": \"V2x9\",\n\t\"./tg\": \"Oxv6\",\n\t\"./tg.js\": \"Oxv6\",\n\t\"./th\": \"EOgW\",\n\t\"./th.js\": \"EOgW\",\n\t\"./tk\": \"Wv91\",\n\t\"./tk.js\": \"Wv91\",\n\t\"./tl-ph\": \"Dzi0\",\n\t\"./tl-ph.js\": \"Dzi0\",\n\t\"./tlh\": \"z3Vd\",\n\t\"./tlh.js\": \"z3Vd\",\n\t\"./tr\": \"DoHr\",\n\t\"./tr.js\": \"DoHr\",\n\t\"./tzl\": \"z1FC\",\n\t\"./tzl.js\": \"z1FC\",\n\t\"./tzm\": \"wQk9\",\n\t\"./tzm-latn\": \"tT3J\",\n\t\"./tzm-latn.js\": \"tT3J\",\n\t\"./tzm.js\": \"wQk9\",\n\t\"./ug-cn\": \"YRex\",\n\t\"./ug-cn.js\": \"YRex\",\n\t\"./uk\": \"raLr\",\n\t\"./uk.js\": \"raLr\",\n\t\"./ur\": \"UpQW\",\n\t\"./ur.js\": \"UpQW\",\n\t\"./uz\": \"Loxo\",\n\t\"./uz-latn\": \"AQ68\",\n\t\"./uz-latn.js\": \"AQ68\",\n\t\"./uz.js\": \"Loxo\",\n\t\"./vi\": \"KSF8\",\n\t\"./vi.js\": \"KSF8\",\n\t\"./x-pseudo\": \"/X5v\",\n\t\"./x-pseudo.js\": \"/X5v\",\n\t\"./yo\": \"fzPg\",\n\t\"./yo.js\": \"fzPg\",\n\t\"./zh-cn\": \"XDpg\",\n\t\"./zh-cn.js\": \"XDpg\",\n\t\"./zh-hk\": \"SatO\",\n\t\"./zh-hk.js\": \"SatO\",\n\t\"./zh-mo\": \"OmwH\",\n\t\"./zh-mo.js\": \"OmwH\",\n\t\"./zh-tw\": \"kOpN\",\n\t\"./zh-tw.js\": \"kOpN\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"RnhZ\";","import { Injectable } from '@angular/core';\r\nimport * as _ from 'lodash';\r\nimport { AuthService } from './auth/auth.service';\r\nimport { Product } from '../enums';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ProductService {\r\n\r\n private _bigLogo: string | null = null;\r\n private _smallLogo: string | null = null;\r\n\r\n public get smallLogo(): string | null {\r\n switch (this.authService.user?.selectedProduct?.productId) {\r\n case Product.NOVADT:\r\n case Product.NOVADT_OLD:\r\n this.smallLogo = 'assets/product-logos/novadt-small.png';\r\n break;\r\n \r\n case Product.SAEX:\r\n this.smallLogo = 'assets/product-logos/saex-small.svg';\r\n break;\r\n \r\n default:\r\n this.smallLogo = 'assets/product-logos/default-small.png';\r\n break;\r\n }\r\n return this._smallLogo;\r\n }\r\n\r\n public get bigLogo(): string | null {\r\n switch (this.authService.user?.selectedProduct?.productId) {\r\n case Product.NOVADT:\r\n case Product.NOVADT_OLD:\r\n this.bigLogo = 'assets/product-logos/novadt-big.svg';\r\n break;\r\n \r\n case Product.SAEX:\r\n this.bigLogo = 'assets/product-logos/saex-big.svg';\r\n break;\r\n \r\n default:\r\n this.bigLogo = 'assets/product-logos/default-big.png';\r\n break;\r\n }\r\n return this._bigLogo;\r\n }\r\n\r\n public set bigLogo(logo: string | null) { this._bigLogo = logo; }\r\n\r\n public set smallLogo(logo: string | null) { this._smallLogo = logo; }\r\n\r\n constructor(private authService: AuthService) { }\r\n}","Add Whatsapp User
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n","import { Component, OnDestroy, OnInit } from '@angular/core';\r\nimport { AuthService } from './services/auth/auth.service';\r\nimport { SocketService } from './services/socket.service';\r\nimport { ProductService } from './services/products.service';\r\nimport { ChatApiService } from './services/api/chat.api.service';\r\nimport { PermissionsService } from './services/permissions.service';\r\n\r\n@Component({\r\n selector: 'app-root',\r\n templateUrl: './app.component.html',\r\n styleUrls: ['./app.component.scss']\r\n})\r\nexport class AppComponent implements OnInit, OnDestroy {\r\n\r\n constructor(\r\n public authService: AuthService,\r\n private permissionService: PermissionsService,\r\n private chatApiService: ChatApiService,\r\n public productService: ProductService, //used in app component html\r\n public socketService: SocketService) { }\r\n\r\n ngOnInit(): void {\r\n this.authService.loggedIn.subscribe(async (loggedIn) => {\r\n //socket not connected and the user is logged in (refresh browser)\r\n if (!this.socketService.connected && loggedIn) {\r\n this.socketService.notConnectedReason = 'Establishing connection to server. Please wait';\r\n await this.chatApiService.claimChats();\r\n this.socketService.setup();\r\n }\r\n //user logged in\r\n else if (loggedIn) {\r\n this.socketService.setup();\r\n }\r\n });\r\n this.permissionService.requestNotificationsPermissions();\r\n }\r\n\r\n ngOnDestroy() {\r\n this.socketService.logout();\r\n }\r\n}","import { Component, Inject } from '@angular/core';\r\nimport { DialogComponent } from '../dialog.component';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { DialogService } from '../dialog.service';\r\nimport { ChatApiService } from '../../../services/api/chat.api.service';\r\nimport { ToastMessageService } from '../../toast-message/toast.message.service';\r\nimport { CloseChatDialog } from '../../../../interfaces/dialog.interfaces';\r\nimport { ErrorService } from '../../../services/error.service';\r\n\r\n@Component({\r\n selector: 'close-chat-dialog',\r\n templateUrl: './close-chat-dialog.component.html',\r\n styleUrls: ['./close-chat-dialog.component.scss']\r\n})\r\nexport class CloseChatDialogComponent {\r\n\r\n constructor(\r\n public dialogRef: MatDialogRef\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n","import { Injectable } from '@angular/core';\r\nimport { CanActivate, Router, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree } from '@angular/router';\r\nimport { AuthService } from './auth.service';\r\nimport * as _ from 'lodash';\r\nimport { ErrorService } from '../error.service';\r\n\r\n@Injectable()\r\nexport class AuthManager implements CanActivate {\r\n\r\n constructor(\r\n private auth: AuthService,\r\n private router: Router,\r\n private errorService: ErrorService\r\n ) { }\r\n\r\n canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean | UrlTree {\r\n try {\r\n if (this.auth.isTokenValid()) return true;\r\n\r\n this.auth.clearUser;\r\n this.router.navigate(['/login']);\r\n return false;\r\n } catch (err) {\r\n this.router.navigate(['/login']);\r\n this.errorService.handleError('Failed to check if can activate', err, 'AuthManager.canActive()');\r\n return false;\r\n }\r\n }\r\n}","Are you sure you want to close the chat?
\r\n \r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ChatApiService } from '../../services/api/chat.api.service';\r\nimport { ClaimedChatsService } from '../../services/chats/claimed.chats.service';\r\nimport { Dropdown, MenuOptions } from '../../../interfaces/global.interfaces';\r\nimport { AuthService } from '../../services/auth/auth.service';\r\nimport { Chat } from '../../../interfaces/chat.interfaces';\r\nimport * as _ from 'lodash';\r\nimport { UserApiService } from '../../services/api/user.api.service';\r\nimport { ProductService } from '../../services/products.service';\r\nimport { ToastMessageService } from '../toast-message/toast.message.service';\r\nimport { Products } from '../../../interfaces/user.interfaces';\r\nimport { DialogType } from '../../enums';\r\nimport { DialogComponent } from '../dialog/dialog.component';\r\nimport { MatDialog, MatDialogRef } from '@angular/material/dialog';\r\nimport { ErrorService } from '../../services/error.service';\r\n\r\n@Component({\r\n selector: 'chats-panel',\r\n templateUrl: './chats-panel.component.html',\r\n styleUrls: ['./chats-panel.component.scss']\r\n})\r\nexport class ChatsPanelComponent implements OnInit {\r\n\r\n public search: string = '';\r\n public selectedProduct: Products | undefined | null = null;\r\n public multiModeOptions: MenuOptions[] = [\r\n {\r\n icon: 'cancel',\r\n label: 'Close Chat',\r\n method: this.openDialog.bind(this, DialogType.CLOSE_CHAT),\r\n disabled: false\r\n },\r\n {\r\n icon: 'reply',\r\n label: 'Reassign Chat',\r\n method: this.openDialog.bind(this, DialogType.REASSIGN_CHAT),\r\n disabled: false\r\n }\r\n ];\r\n public selectedClaimedChats: Chat[] = [];\r\n public productOptions: Dropdown[] = [];\r\n \r\n public multiSelectMode: boolean = false;\r\n public overlay: boolean = false;\r\n public showSpinner: boolean = false;\r\n\r\n constructor(\r\n private chatApiService: ChatApiService,\r\n public claimedChatsService: ClaimedChatsService,\r\n public authService: AuthService,\r\n public productService: ProductService,\r\n private error: ErrorService,\r\n public dialog: MatDialog,\r\n private userApiService: UserApiService,\r\n private toastMessageService: ToastMessageService\r\n ) { }\r\n\r\n async ngOnInit() { await this.pageLoad(); }\r\n\r\n private async pageLoad(): Promise\r\n
\r\n\r\n \r\n \r\n Search Chats \r\n search \r\n \r\n \r\n \r\n
\r\n \r\n ![\"Avecs\"]()
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n No\r\n chats\r\n \r\n \r\n \r\n \r\n {{ gc.groupName }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\r\nimport { ChatService } from '../../services/chats/chat.service';\r\nimport * as moment from 'moment';\r\nimport { RoomChat } from '../../../interfaces/chat.interfaces';\r\nimport { Message } from '../../../interfaces/message.interfaces';\r\nimport { MessageService } from '../../services/message.service';\r\n\r\n@Component({\r\n selector: 'room-chat-item',\r\n templateUrl: './room-chat-item.component.html',\r\n styleUrls: ['./room-chat-item.component.scss']\r\n})\r\nexport class RoomChatItemComponent {\r\n\r\n @Input() chat: RoomChat = {} as RoomChat;\r\n @Input() multiselectMode: boolean = false;\r\n\r\n @Output() claimChatMessages: EventEmitter{{ whatsAppUserName }}'s Chat Messages
\r\n \r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n","\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n\r\n 0\" mat-align-tabs=\"start\" animationDuration=\"0ms\"\r\n (selectedIndexChange)=\"chatRoomService.handleChatFilterLabels($event)\"\r\n [selectedIndex]=\"chatRoomService.selectedTab?.index\">\r\n \r\n \r\n \r\n
\r\n","import { Component, ElementRef, OnDestroy, OnInit, ViewChild } from '@angular/core';\r\nimport { RoomChat } from '../../../interfaces/chat.interfaces';\r\nimport { Location } from '@angular/common';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ChatService } from '../../services/chats/chat.service';\r\nimport { DialogComponent } from '../../components/dialog/dialog.component';\r\nimport { DialogType, RoomChatFilterBy, RoomChatOrderBy } from '../../enums';\r\nimport * as _ from 'lodash';\r\nimport { ChatRoomService } from '../../services/chats/chat.room.service';\r\n\r\n@Component({\r\n selector: 'app-chat-rooms',\r\n templateUrl: './chat-rooms.component.html',\r\n styleUrls: ['./chat-rooms.component.scss']\r\n})\r\nexport class ChatRoomsComponent implements OnInit, OnDestroy {\r\n\r\n @ViewChild('toolbar', { static: false }) public toolbar: ElementRef | null = null;\r\n @ViewChild('filters', { static: false }) public filters: ElementRef | null = null;\r\n @ViewChild('chatListing', { static: false }) public chatListing: ElementRef | null = null;\r\n\r\n public multiSelectMode: boolean = false;\r\n public showSpinner: boolean = false;\r\n public disabledOrderByFilter: boolean = true;\r\n\r\n constructor(\r\n public chatRoomService: ChatRoomService,\r\n private location: Location,\r\n public dialog: MatDialog,\r\n public chatService: ChatService\r\n ) { }\r\n\r\n async ngOnInit(): Promise\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Search {{ chatRoom.roomName }} Chats... \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Multiselect Mode\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n","import { ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnChanges, OnDestroy, OnInit, ViewChild } from '@angular/core';\r\nimport { ClaimedChatsService } from '../../services/chats/claimed.chats.service';\r\nimport * as _ from 'lodash';\r\nimport { Subject, Subscription, interval } from 'rxjs';\r\nimport { takeUntil } from 'rxjs/operators';\r\nimport { AuthService } from '../../services/auth/auth.service';\r\nimport { MenuOptions } from '../../../interfaces/global.interfaces';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { DialogComponent } from '../dialog/dialog.component';\r\nimport { DialogType } from '../../enums';\r\nimport { ChatService } from '../../services/chats/chat.service';\r\nimport { ChatApiService } from '../../services/api/chat.api.service';\r\nimport { ToastMessageService } from '../toast-message/toast.message.service';\r\nimport { Chat } from '../../../interfaces/chat.interfaces';\r\nimport { EditWhatsappUserDialog } from '../../../interfaces/dialog.interfaces';\r\nimport { MessageSearch } from '../message-window/message-window.component';\r\nimport { Message, MessageFile } from '../../../interfaces/message.interfaces';\r\nimport { ApiService } from '../../services/api/api.service';\r\nimport * as RecordRTC from 'recordrtc';\r\nimport { DomSanitizer, SafeUrl } from '@angular/platform-browser';\r\nimport { ErrorService } from '../../services/error.service';\r\n\r\n@Component({\r\n selector: 'chat-window',\r\n templateUrl: './chat-window.component.html',\r\n styleUrls: ['./chat-window.component.scss']\r\n})\r\nexport class ChatWindowComponent implements OnInit, OnChanges, OnDestroy {\r\n\r\n @Input() public selectedClaimChatId: number | null = null;\r\n @ViewChild('chatWindow', { static: false }) public chatWindow: ElementRef | null = null;\r\n @ViewChild('messageWindow', { static: false }) public messageWindow: ElementRef | null = null;\r\n @ViewChild('footer', { static: false }) public footer: ElementRef | null = null;\r\n @ViewChild('toolbar', { static: false }) public toolbar: ElementRef | null = null;\r\n @ViewChild('searchChatMessagesInput') public searchChatMessagesInput: ElementRef | null = null;\r\n public navigateToNextResultEmitter: EventEmitter\r\n \r\n \r\n
\r\n \r\n File\r\n preview not\r\n supported\r\n
\r\n \r\n ![]()
\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n","\r\n \r\n
\r\n \r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { ChatApiService } from '../../../services/api/chat.api.service';\r\nimport { DialogService } from '../dialog.service';\r\nimport { ToastMessageService } from '../../toast-message/toast.message.service';\r\nimport { DialogComponent } from '../dialog.component';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { ClaimChatDialog } from '../../../../interfaces/dialog.interfaces';\r\nimport { Dropdown, Groups } from '../../../../interfaces/global.interfaces';\r\nimport { UserApiService } from '../../../services/api/user.api.service';\r\nimport { Router } from '@angular/router';\r\nimport { SocketService } from '../../../services/socket.service';\r\nimport { InternalMessage } from '../../../../interfaces/internal.message.interfaces';\r\nimport { InternalMessageType } from '../../../enums';\r\nimport { AuthService } from '../../../services/auth/auth.service';\r\nimport { ErrorService } from '../../../services/error.service';\r\n@Component({\r\n selector: 'claim-room-chat-dialog',\r\n templateUrl: './claim-room-chat-dialog.component.html',\r\n styleUrls: ['./claim-room-chat-dialog.component.scss']\r\n})\r\nexport class ClaimRoomChatDialogComponent implements OnInit {\r\n\r\n public groupOptions: Dropdown[] = [];\r\n public selectedGroupOptionId: number | null = null;\r\n\r\n constructor(\r\n private chatApiService: ChatApiService,\r\n private userApiService: UserApiService,\r\n private dialogService: DialogService,\r\n private toastMessageService: ToastMessageService,\r\n public dialogRef: MatDialogRefClaim {{ data.chats.length }} Chats
\r\n\r\n 0\" filter=\"true\" placeHolder=\"Select a group\"\r\n [options]=\"groupOptions\" filterPlaceHolder=\"Filter groups\" (onDropdownOptionSelect)=\"onGroupSelect($event)\">\r\n \r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n 0\" filter=true showClear=\"true\" placeHolder=\"Select a user\"\r\n [options]=\"userOptions\" [disabled]=\"selectedGroupOptionId ? true : false\" filterPlaceHolder=\"Filter users\"\r\n (onDropdownOptionSelect)=\"onUserSelect($event)\">\r\n \r\n\r\n 0\" [disabled]=\"selectedUserOptionId ? true : false\"\r\n filter=true showClear=\"true\" placeHolder=\"Select a group\" [options]=\"groupOptions\" filterPlaceHolder=\"Filter groups\"\r\n (onDropdownOptionSelect)=\"onGroupSelect($event)\">\r\n \r\n\r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { DialogComponent } from '../dialog.component';\r\nimport { DialogService } from '../dialog.service';\r\nimport { ToastMessageService } from '../../toast-message/toast.message.service';\r\nimport { Dropdown, Groups } from '../../../../interfaces/global.interfaces';\r\nimport { UserApiService } from '../../../services/api/user.api.service';\r\nimport { AuthService } from '../../../services/auth/auth.service';\r\nimport { ChatApiService } from '../../../services/api/chat.api.service';\r\nimport { ReassignChatDialog } from '../../../../interfaces/dialog.interfaces';\r\nimport * as _ from 'lodash';\r\nimport { ClaimedChatsService } from '../../../services/chats/claimed.chats.service';\r\nimport { ErrorService } from '../../../services/error.service';\r\n\r\n@Component({\r\n selector: 'reassign-chat-dialog',\r\n templateUrl: './reassign-chat-dialog.component.html',\r\n styleUrls: ['./reassign-chat-dialog.component.scss']\r\n})\r\nexport class ReassignChatDialogComponent implements OnInit {\r\n\r\n public userOptions: Dropdown[] = [];\r\n public selectedUserOptionId: number | null = null;\r\n public groupOptions: Dropdown[] = [];\r\n public selectedGroupOptionId: number | null = null;\r\n\r\n constructor(\r\n public dialogRef: MatDialogRefReassign Chat
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n","import { Component } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { ErrorService } from '../../services/error.service';\r\nimport { AuthService } from '../../services/auth/auth.service';\r\nimport { ToastMessageService } from '../../components/toast-message/toast.message.service';\r\n\r\n@Component({\r\n\tselector: 'app-login',\r\n\ttemplateUrl: './login.component.html',\r\n\tstyleUrls: ['./login.component.scss']\r\n})\r\nexport class LoginComponent {\r\n\tpublic userName: string = '';\r\n\tpublic password: string = '';\r\n\tpublic waitingResponse: boolean = false;\r\n\r\n\tconstructor(\r\n\t\tprivate auth: AuthService,\r\n\t\tprivate error: ErrorService,\r\n\t\tprivate router: Router,\r\n\t\tprivate toastMessageService: ToastMessageService\r\n\t) { }\r\n\r\n\tpublic async login() {\r\n\t\tthis.waitingResponse = true;\r\n\t\ttry {\r\n\t\t\tconst res = await this.auth.loginUser(this.userName, this.password);\r\n\t\t\tif (!res) this.toastMessageService.showToastMessage('Failed to login', 'toast-message-error');\r\n\t\t\telse if (res.errorCode !== 0) this.toastMessageService.showToastMessage(res.errorMessage, 'toast-message-error');\r\n\t\t\telse this.router.navigate(['/chats']);\r\n\t\t}\r\n\t\tcatch (error) {\r\n\t\t\tthis.toastMessageService.showToastMessage('Failed to login', 'toast-message-error');\r\n\t\t\tthis.error.handleError('Failed to Login', error, 'login.login()');\r\n\t\t}\r\n\t\tthis.waitingResponse = false;\r\n\t}\r\n}","import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class PermissionsService {\r\n public requestNotificationsPermissions() {\r\n if (!('Notification' in window)) {\r\n alert('This browser does not support desktop notification');\r\n }\r\n else if (Notification.permission === 'granted') {\r\n return;\r\n }\r\n //default = neither deined nor granted\r\n else if (Notification.permission === 'default') {\r\n Notification.requestPermission();\r\n }\r\n }\r\n}","import { Injectable } from \"@angular/core\";\r\nimport { fromEvent } from \"rxjs\";\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class BrowserService {\r\n\r\n private _browserFocused: boolean = false;\r\n private _visiblility: string = '';\r\n\r\n public get browserFocused(): boolean { return this._browserFocused; }\r\n\r\n public get visiblility(): string { return this._visiblility; }\r\n\r\n public set browserFocused(value: boolean) { this._browserFocused = value; }\r\n\r\n public set visiblility(value: string) { this._visiblility = value; }\r\n\r\n constructor() { this.setupFocusDetection(); this.initializePageVisibility(); }\r\n \r\n private setupFocusDetection(): void {\r\n const focus$ = fromEvent(window, 'focus');\r\n const blur$ = fromEvent(window, 'blur');\r\n\r\n focus$.subscribe(() => {\r\n this.browserFocused = true;\r\n });\r\n\r\n blur$.subscribe(() => {\r\n this.browserFocused = false;\r\n });\r\n }\r\n\r\n private initializePageVisibility(): void {\r\n document.addEventListener('visibilitychange', () => {\r\n this.visiblility = document.visibilityState;\r\n });\r\n\r\n this.visiblility = document.visibilityState;\r\n }\r\n}","import { Injectable } from \"@angular/core\";\r\nimport * as moment from \"moment\";\r\nimport { DisplayMessages, Message, MessageFileResult, MessageStatus } from \"../../interfaces/message.interfaces\";\r\nimport * as _ from \"lodash\";\r\nimport { ClaimedChatsService } from \"./chats/claimed.chats.service\";\r\nimport { MessageStatusInternalMessage } from \"../../interfaces/internal.message.interfaces\";\r\nimport { DomSanitizer, SafeUrl } from \"@angular/platform-browser\";\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class MessageService {\r\n\r\n private _messages: Message[] = [];\r\n private _displayMessages: DisplayMessages[] = [];\r\n\r\n public get messages(): Message[] { return this._messages; }\r\n public get displayMessages(): DisplayMessages[] { return this._displayMessages; }\r\n\r\n public set messages(messages: Message[]) { this._messages = messages; }\r\n public set displayMessages(messages: DisplayMessages[]) { this._displayMessages = messages; }\r\n\r\n constructor(private claimedChatService: ClaimedChatsService, private sanitizer: DomSanitizer) { }\r\n\r\n public handleDisplayMessages(): void {\r\n this.displayMessages = [];\r\n const messageDates = this.getMessageDates();\r\n\r\n for (const date of messageDates) {\r\n const messages = this.getMessagesForDate(date);\r\n this.displayMessages.push({\r\n date: date,\r\n messages: messages\r\n });\r\n }\r\n }\r\n\r\n private getMessageDates(): string[] {\r\n const uniqueDates = _.uniq(this.messages.map(message => moment(new Date(message.sendDate)).format('YYYY-MM-DD')));\r\n const sortedDates = _.sortBy(uniqueDates, date => moment(new Date(date)));\r\n return sortedDates.map(date => this.formatMessageDate(date));\r\n }\r\n\r\n private formatMessageDate(dateString: string): string {\r\n const today = moment();\r\n const yesterday = moment().subtract(1, 'day');\r\n const messageDate = moment(new Date(dateString));\r\n\r\n if (messageDate.isSame(today, 'day')) {\r\n return 'Today';\r\n } else if (messageDate.isSame(yesterday, 'day')) {\r\n return 'Yesterday';\r\n } else if (messageDate.isSame(today, 'week')) {\r\n // if within the same week we going to display the day of the week\r\n return messageDate.format('dddd');\r\n } else {\r\n return messageDate.format('YYYY-MM-DD');\r\n }\r\n }\r\n\r\n public getMessagesForDate(date: string): Message[] {\r\n const today = moment();\r\n const yesterday = moment().subtract(1, 'day');\r\n\r\n return this.messages.filter(message => {\r\n const messageDate = moment(new Date(message.sendDate));\r\n\r\n if (messageDate.isSame(today, 'day') && date === 'Today') {\r\n return true;\r\n } else if (messageDate.isSame(yesterday, 'day') && date === 'Yesterday') {\r\n return true;\r\n } else if (messageDate.isSame(today, 'week') && date === messageDate.format('dddd')) {\r\n return true;\r\n } else if (date === messageDate.format('YYYY-MM-DD')) {\r\n return true;\r\n }\r\n\r\n return false;\r\n });\r\n }\r\n\r\n public handleMessageStatusupdate(message: MessageStatusInternalMessage) {\r\n if (!this.claimedChatService.claimedChatsPanel) return;\r\n\r\n for (const chatPanel of this.claimedChatService.claimedChatsPanel) {\r\n for (const chat of chatPanel.chats) {\r\n const messageIndex = chat.messages.findIndex(m => m.messageId === message.messageId);\r\n\r\n if (messageIndex !== -1) {\r\n if (!chat.messages[messageIndex].deliveredDate) chat.messages[messageIndex].deliveredDate = message.deliveredDate;\r\n if (!chat.messages[messageIndex].readDate) chat.messages[messageIndex].readDate = message.readDate;\r\n if (!chat.messages[messageIndex].undeliveredDate) chat.messages[messageIndex].undeliveredDate = message.undeliveredDate;\r\n return;\r\n }\r\n }\r\n }\r\n }\r\n\r\n public handleMessageStatusIcon(sendDate: Date, readDate: Date, deliveredDate: Date, undeliveredDate: Date): MessageStatus {\r\n if (undeliveredDate) {\r\n return {\r\n messageStatusIcon: 'error',\r\n messageStatusIconClass: 'error'\r\n };\r\n } else if (readDate) {\r\n return {\r\n messageStatusIcon: 'done_all',\r\n messageStatusIconClass: 'read'\r\n };\r\n }\r\n else if (deliveredDate) return { messageStatusIcon: 'done_all', messageStatusIconClass: '' };\r\n else if (sendDate) return { messageStatusIcon: 'done', messageStatusIconClass: '' };\r\n else return { messageStatusIcon: '', messageStatusIconClass: '' };\r\n }\r\n\r\n public isMessageAFile(extension: string | null | undefined): MessageFileResult | null {\r\n\r\n if (!extension) return null;\r\n\r\n const result = {\r\n isMessageMedia: true,\r\n isMessageAnImage: false,\r\n isMessageAFile: false,\r\n isMessageVideo: false,\r\n isMessageAudio: false\r\n };\r\n\r\n const imageExtensions: string[] = ['jpg', 'png', 'jpeg'];\r\n const audioExtensions: string[] = ['mp3', 'ogg', 'amr', 'wav'];\r\n const mediaExtensions: string[] = ['mp4', 'mpeg'];\r\n\r\n if (imageExtensions.includes(extension)) result.isMessageAnImage = true;\r\n else if (extension == 'pdf') result.isMessageAFile = true;\r\n else if (mediaExtensions.includes(extension)) result.isMessageVideo = true;\r\n else if (audioExtensions.includes(extension)) result.isMessageAudio = true;\r\n\r\n return result;\r\n }\r\n\r\n public sanitizeImageUrl(imageUrl: string): SafeUrl { return this.sanitizer.bypassSecurityTrustUrl(imageUrl); }\r\n}","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule } from '@angular/router';\r\nimport { LoginComponent } from './page/login/login.component';\r\nimport { AuthManager } from './services/auth/auth.manager';\r\nimport { ChatsLandingPageComponent } from './page/chats-landing-page/chats-landing-page.component';\r\nimport { ChatRoomsComponent } from './page/chat-rooms/chat-rooms.component';\r\nimport { ContactsComponent } from './page/contacts/contacts.component';\r\nimport { TemplateManagerComponent } from './page/template-manager/template-manager.component';\r\nimport { ClosedChatsComponent } from './page/closed-chats/closed-chats.component';\r\nimport { OnlineUsersComponent } from './page/online-users/online-users.component';\r\n\r\nconst routes: Routes = [\r\n {\r\n path: 'chats',\r\n component: ChatsLandingPageComponent,\r\n canActivate: [AuthManager]\r\n },\r\n {\r\n path: 'chat-rooms',\r\n component: ChatRoomsComponent,\r\n canActivate: [AuthManager]\r\n },\r\n {\r\n path: 'contacts',\r\n component: ContactsComponent,\r\n canActivate: [AuthManager]\r\n },\r\n {\r\n path: 'online-users',\r\n component: OnlineUsersComponent,\r\n canActivate: [AuthManager]\r\n },\r\n {\r\n path: 'template-manager',\r\n component: TemplateManagerComponent,\r\n canActivate: [AuthManager]\r\n },\r\n {\r\n path: 'closed-chats',\r\n component: ClosedChatsComponent,\r\n canActivate: [AuthManager]\r\n },\r\n {\r\n path: 'error',\r\n component: LoginComponent\r\n },\r\n {\r\n path: 'accessdenied',\r\n component: LoginComponent\r\n },\r\n {\r\n path: '404',\r\n component: LoginComponent\r\n },\r\n {\r\n path: 'login',\r\n component: LoginComponent\r\n },\r\n {\r\n path: '',\r\n component: LoginComponent\r\n },\r\n {\r\n path: '**',\r\n redirectTo: '/login'\r\n },\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forRoot(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class AppRoutingModule { }","import { Injectable } from '@angular/core';\r\nimport { HttpResponse } from '../../../interfaces/result.interfaces';\r\nimport { BaseApiService } from '../base-api.service';\r\nimport { Chat, RoomChat } from '../../../interfaces/chat.interfaces';\r\nimport { MessageFile } from '../../../interfaces/message.interfaces';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ChatApiService {\r\n\r\n private route: string = 'chat/';\r\n constructor(private base: BaseApiService) { }\r\n\r\n public async claimChats(): Promise\r\n ![](\"./assets/logo.png\")
\r\n
\r\n\r\n \r\n \r\n Username \r\n \r\n \r\n \r\n Password \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n","import { NgModule } from '@angular/core';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { ClipboardModule } from '@angular/cdk/clipboard';\r\nimport { DragDropModule } from '@angular/cdk/drag-drop';\r\nimport { PortalModule } from '@angular/cdk/portal';\r\nimport { ScrollingModule } from '@angular/cdk/scrolling';\r\nimport { CdkStepperModule } from '@angular/cdk/stepper';\r\nimport { CdkTableModule } from '@angular/cdk/table';\r\nimport { CdkTreeModule } from '@angular/cdk/tree';\r\nimport { MatAutocompleteModule } from '@angular/material/autocomplete';\r\nimport { MatBadgeModule } from '@angular/material/badge';\r\nimport { MatBottomSheetModule } from '@angular/material/bottom-sheet';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatButtonToggleModule } from '@angular/material/button-toggle';\r\nimport { MatCardModule } from '@angular/material/card';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatChipsModule } from '@angular/material/chips';\r\nimport { MatStepperModule } from '@angular/material/stepper';\r\nimport { MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatDividerModule } from '@angular/material/divider';\r\nimport { MatExpansionModule } from '@angular/material/expansion';\r\nimport { MatGridListModule } from '@angular/material/grid-list';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatListModule } from '@angular/material/list';\r\nimport { MatMenuModule } from '@angular/material/menu';\r\nimport { MatNativeDateModule , MatRippleModule} from '@angular/material/core';\r\nimport { MatPaginatorModule } from '@angular/material/paginator';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatRadioModule } from '@angular/material/radio';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatSidenavModule } from '@angular/material/sidenav';\r\nimport { MatSliderModule } from '@angular/material/slider';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\nimport { MatSnackBarModule } from '@angular/material/snack-bar';\r\nimport { MatSortModule } from '@angular/material/sort';\r\nimport { MatTableModule } from '@angular/material/table';\r\nimport { MatTabsModule } from '@angular/material/tabs';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatTreeModule } from '@angular/material/tree';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\nimport { MAT_FORM_FIELD_DEFAULT_OPTIONS } from '@angular/material/form-field';\r\nimport { Ng2SearchPipeModule } from 'ng2-search-filter';\r\nimport { NgxMatDatetimePickerModule, NgxMatTimepickerModule } from '@angular-material-components/datetime-picker';\r\nimport { NgxMatMomentModule } from '@angular-material-components/moment-adapter';\r\n\r\n@NgModule({\r\n exports: [\r\n A11yModule,\r\n ClipboardModule,\r\n CdkStepperModule,\r\n CdkTableModule,\r\n CdkTreeModule,\r\n DragDropModule,\r\n MatAutocompleteModule,\r\n MatBadgeModule,\r\n MatBottomSheetModule,\r\n MatButtonModule,\r\n MatButtonToggleModule,\r\n MatCardModule,\r\n MatCheckboxModule,\r\n MatChipsModule,\r\n MatStepperModule,\r\n MatDatepickerModule,\r\n MatDialogModule,\r\n MatDividerModule,\r\n MatExpansionModule,\r\n MatGridListModule,\r\n MatIconModule,\r\n MatInputModule,\r\n MatListModule,\r\n MatMenuModule,\r\n MatNativeDateModule,\r\n MatPaginatorModule,\r\n MatProgressBarModule,\r\n MatProgressSpinnerModule,\r\n MatRadioModule,\r\n MatRippleModule,\r\n MatSelectModule,\r\n MatSidenavModule,\r\n MatSliderModule,\r\n MatSlideToggleModule,\r\n MatSnackBarModule,\r\n MatSortModule,\r\n MatTableModule,\r\n MatTabsModule,\r\n MatToolbarModule,\r\n MatTooltipModule,\r\n MatTreeModule,\r\n OverlayModule,\r\n PortalModule,\r\n ScrollingModule,\r\n MatDialogModule,\r\n Ng2SearchPipeModule,\r\n NgxMatDatetimePickerModule,\r\n NgxMatTimepickerModule,\r\n NgxMatMomentModule,\r\n MatPaginatorModule,\r\n MatSortModule,\r\n MatTableModule,\r\n MatSortModule\r\n ],\r\n providers: [\r\n { provide: MAT_FORM_FIELD_DEFAULT_OPTIONS, useValue: { appearance: 'fill' } },\r\n ],\r\n})\r\n\r\nexport class MaterialModule {}","\r\n ![\"Avecs\"]()
\r\n
\r\n\r\n \r\n\r\n
- \r\n
- \r\n \r\n
chat \r\n \r\n \r\n\r\n - \r\n \r\n
meeting_rooms \r\n \r\n \r\n\r\n - \r\n \r\n
person_add \r\n \r\n \r\n\r\n - \r\n \r\n
lightbulb \r\n \r\n \r\n\r\n - \r\n \r\n
folder \r\n \r\n \r\n\r\n - \r\n \r\n
closed_caption \r\n \r\n \r\n\r\n \r\n - \r\n \r\n
logout \r\n \r\n \r\n
\r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { Message } from '../../../../interfaces/message.interfaces';\r\nimport { ChatApiService } from '../../../services/api/chat.api.service';\r\nimport { ChatService } from '../../../services/chats/chat.service';\r\nimport { DialogService } from '../dialog.service';\r\nimport { ToastMessageService } from '../../toast-message/toast.message.service';\r\nimport { DialogComponent } from '../dialog.component';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { ClaimChatDialog } from '../../../../interfaces/dialog.interfaces';\r\nimport { Dropdown, Groups } from '../../../../interfaces/global.interfaces';\r\nimport { UserApiService } from '../../../services/api/user.api.service';\r\nimport { Router } from '@angular/router';\r\nimport { ClaimedChatsService } from '../../../services/chats/claimed.chats.service';\r\nimport { RoomChat } from '../../../../interfaces/chat.interfaces';\r\nimport { InternalMessage } from '../../../../interfaces/internal.message.interfaces';\r\nimport { InternalMessageType } from '../../../enums';\r\nimport { AuthService } from '../../../services/auth/auth.service';\r\nimport { SocketService } from '../../../services/socket.service';\r\nimport { ErrorService } from '../../../services/error.service';\r\n\r\n@Component({\r\n selector: 'messages-preview-claim-chat-dialog',\r\n templateUrl: './messages-preview-claim-chat-dialog.component.html',\r\n styleUrls: ['./messages-preview-claim-chat-dialog.component.scss']\r\n})\r\nexport class MessagesPreviewClaimChatDialogComponent implements OnInit {\r\n\r\n public groupOptions: Dropdown[] = [];\r\n public selectedGroupOptionId: number | null = null;\r\n public messages: Message[] = [];\r\n public whatsAppUserName: string | undefined = '';\r\n public chat: RoomChat | null = null;\r\n\r\n constructor(\r\n private chatApiService: ChatApiService,\r\n private chatService: ChatService,\r\n private userApiService: UserApiService,\r\n private dialogService: DialogService,\r\n private toastMessageService: ToastMessageService,\r\n public dialogRef: MatDialogRef{{ whatsAppUserName }}'s Chat Messages
\r\n \r\n\r\n 0\" filter=\"true\" placeHolder=\"Select a group\"\r\n [options]=\"groupOptions\" filterPlaceHolder=\"Filter groups\" (onDropdownOptionSelect)=\"onGroupSelect($event)\">\r\n \r\n\r\n \r\n
\r\n