\r\n \r\n Choose a date to start* \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, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { Message } from '../../../interfaces/message.interfaces';\r\nimport * as _ from 'lodash';\r\nimport { MessageService } from '../../services/message.service';\r\nimport { ClaimedChatsService } from '../../services/chats/claimed.chats.service';\r\n\r\n@Component({\r\n selector: 'message-window',\r\n templateUrl: './message-window.component.html',\r\n styleUrls: ['./message-window.component.scss']\r\n})\r\nexport class MessageWindowComponent implements OnInit, OnChanges {\r\n\r\n @Input() public messages: Message[] = [];\r\n @Input() public searchTerm: string | null = '';\r\n @Input() public findNextResult: EventEmitter| Reference No. | \r\n{{ !closedChat.refNo ? 'None' : closedChat.refNo }} | \r\nWhatsApp User | \r\n\r\n {{ closedChat.whatsappUserName }}\r\n | \r\nBody | \r\n{{ closedChat.body }} | \r\nSent Date | \r\n{{ formatDate( closedChat.sendDate) }} | \r\nGroup | \r\n{{ closedChat.group }} | \r\nLast Claimed By | \r\n{{ closedChat.lastClaimedBy || '-' }} | \r\n
|---|
No\r\n Closed chats found
\r\n\r\n \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","export const environment = {\r\n production: false,\r\n\r\n // live\r\n socketURL: \"https://avecscomms.com:3022\",\r\n serverURL: \"https://avecscomms.com:3021\",\r\n\r\n //newuat\r\n // socketURL: \"http://whatsapp.marsserver.net:3022\",\r\n // serverURL: \"http://whatsapp.marsserver.net:3021\",\r\n\r\n // local\r\n // socketURL: \"http://localhost:3022\",\r\n // serverURL: \"http://localhost:3021\",\r\n\r\n //template broadcasting dev tool to show up\r\n //set to false when deploying\r\n devMode: false\r\n};","import { Component, Inject } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { DialogType } from '../../enums';\r\nimport { DialogService } from './dialog.service';\r\nimport { Dialog } from '../../../interfaces/dialog.interfaces';\r\n\r\n@Component({\r\n selector: 'app-dialog',\r\n templateUrl: './dialog.component.html',\r\n styleUrls: ['./dialog.component.scss']\r\n})\r\nexport class DialogComponent {\r\n public get dialogType(): typeof DialogType { return DialogType; }\r\n\r\n constructor(\r\n public dialogService: DialogService,\r\n public dialogRef: MatDialogRef| 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","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(): PromiseAdd / 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 { Injectable } from '@angular/core';\r\nimport { HttpResponse } from '../../../interfaces/result.interfaces';\r\nimport { BaseApiService } from '../base-api.service';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class UserApiService {\r\n\r\n private route: string = 'user/';\r\n\r\n constructor(private base: BaseApiService) { }\r\n\r\n public async getUserProducts(): 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, 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 \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, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';\r\nimport { Dropdown } from '../../../interfaces/global.interfaces';\r\nimport { MatSelectChange } from '@angular/material/select';\r\nimport { distinctUntilChanged } from 'rxjs/operators';\r\nimport { Subject } from 'rxjs';\r\n\r\n@Component({\r\n selector: 'drop-down',\r\n templateUrl: './drop-down.component.html',\r\n styleUrls: ['./drop-down.component.scss']\r\n})\r\nexport class DropDownComponent implements OnInit, OnChanges {\r\n\r\n @Input() public filter: boolean = false;\r\n @Input() public showClear: boolean = false;\r\n @Input() public disabled: boolean = false;\r\n @Input() public placeHolder: string = '';\r\n @Input() public filterPlaceHolder?: string;\r\n @Input() public options: Dropdown[] = [];\r\n @Input() public selectedDropDown: any;\r\n @Output() public onDropdownOptionSelect: 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 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}","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}","Add Whatsapp User
\r\n\r\n \r\n \r\n
\r\n\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}","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(): PromiseAre you sure you want to close the chat?
\r\n \r\n\r\n
\r\n","import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class DialogService {\r\n\r\n private _showSpinner: boolean = false;\r\n\r\n public get showSpinner(): boolean { return this._showSpinner; }\r\n\r\n public set showSpinner(value: boolean) { this._showSpinner = value; }\r\n\r\n constructor() { }\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 { PreviewChatMessagesDialog } from '../../../../interfaces/dialog.interfaces';\r\n\r\n@Component({\r\n selector: 'preview-messages-dialog',\r\n templateUrl: './preview-messages-dialog.component.html',\r\n styleUrls: ['./preview-messages-dialog.component.scss']\r\n})\r\nexport class PreviewMessagesDialogComponent implements OnInit {\r\n \r\n public messages: Message[] = [];\r\n public whatsAppUserName: string | undefined = '';\r\n\r\n constructor(\r\n private chatApiService: ChatApiService,\r\n private chatService: ChatService,\r\n private dialogService: DialogService,\r\n private toastMessageService: ToastMessageService,\r\n public dialogRef: MatDialogRef\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","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
\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 { 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 \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 { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'spinner',\r\n templateUrl: './spinner.component.html',\r\n styleUrls: ['./spinner.component.scss']\r\n})\r\nexport class SpinnerComponent {\r\n @Input() reason: string = '';\r\n}\r\n","\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","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: MatDialogRef\r\n \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: 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 { Injectable } from '@angular/core';\r\nimport { HttpResponse } from '../../../interfaces/result.interfaces';\r\nimport { BaseApiService } from '../base-api.service';\r\nimport { Template } from '../../../interfaces/template.interfaces';\r\nimport { Contacts } from '../../../interfaces/user.interfaces';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class TemplateApiService {\r\n\r\n private route: string = 'template/';\r\n\r\n constructor(private base: BaseApiService) { }\r\n\r\n public async getAllTemplates(): PromiseReassign Chat
\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\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 {}","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\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 { Injectable } from '@angular/core';\r\nimport { MatSnackBar, MatSnackBarConfig, MatSnackBarHorizontalPosition, MatSnackBarVerticalPosition } from '@angular/material/snack-bar';\r\nimport { ToastMessageComponent } from './toast-message.component';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class ToastMessageService {\r\n constructor(private snackBar: MatSnackBar) { }\r\n\r\n //available horizontal position = 'start' | 'center' | 'end' | 'left' | 'right'\r\n //available vertical position = 'top' | 'bottom'\r\n //panelClass is the css class for the toast message, e.g. toast-message-error\r\n public showToastMessage(message: string, panelClass: string = '', durationInMs: number = 3000, verticalPosition: string = 'top', horizontalPosition: string = 'right') {\r\n const config: MatSnackBarConfig = {\r\n data: { message },\r\n duration: durationInMs,\r\n horizontalPosition: horizontalPosition as MatSnackBarHorizontalPosition,\r\n verticalPosition: verticalPosition as MatSnackBarVerticalPosition,\r\n panelClass: panelClass\r\n };\r\n\r\n this.snackBar.openFromComponent(ToastMessageComponent, config);\r\n }\r\n}","import { enableProdMode } from '@angular/core';\r\nimport { platformBrowserDynamic } from '@angular/platform-browser-dynamic';\r\n\r\nimport { AppModule } from './app/app.module';\r\nimport { environment } from './environments/environment';\r\n\r\nif (environment.production) {\r\n enableProdMode();\r\n}\r\n\r\nplatformBrowserDynamic().bootstrapModule(AppModule)\r\n .catch(err => console.error(err));\r\n","function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"zn8P\";"],"sourceRoot":"webpack:///"}{{ 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