agx-chat-web 1.1.0 → 1.2.1

package/src/index.ts

@@ -1,23 +1,23 @@
-import './styles/index.less'
-
-import MessengerList from './app/Messenger/views/MessengerList'
-import MessengerMessages from './app/Messenger/views/MessengerMessages'
-import MessengerListItem from './app/Messenger/views/MessengerListItem'
-import MessengerThemeWrapper from './app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper'
-import NewChatButton from './app/Messenger/components/ChatButton/ChatButton'
-import { useConversations } from './app/Messenger/hooks/useConversations'
-import { useMessages } from './app/Messenger/hooks/useMessages'
-import { setLanguage } from './app/i18n'
-import ChatProvider from './app/ChatProvider/ChatProvider'
-
-export {
-  MessengerList,
-  MessengerMessages,
-  MessengerListItem,
-  MessengerThemeWrapper,
-  NewChatButton,
-  useConversations,
-  useMessages,
-  setLanguage,
-  ChatProvider,
-}
+import './styles/index.less'
+
+import MessengerList from './app/Messenger/views/MessengerList'
+import MessengerMessages from './app/Messenger/views/MessengerMessages'
+import MessengerListItem from './app/Messenger/views/MessengerListItem'
+import MessengerThemeWrapper from './app/Messenger/components/MessengerThemeWrapper/MessengerThemeWrapper'
+import NewChatButton from './app/Messenger/components/ChatButton/ChatButton'
+import { useConversations } from './app/Messenger/hooks/useConversations'
+import { useMessages } from './app/Messenger/hooks/useMessages'
+import { setLanguage } from './app/i18n'
+import ChatProvider from './app/ChatProvider/ChatProvider'
+
+export {
+  MessengerList,
+  MessengerMessages,
+  MessengerListItem,
+  MessengerThemeWrapper,
+  NewChatButton,
+  useConversations,
+  useMessages,
+  setLanguage,
+  ChatProvider,
+}

package/src/react-app-env.d.ts

@@ -1,19 +1,19 @@
-/* eslint-disable */
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-/// <reference types="react-scripts" />
-
-declare module '*.module.less' {
-  const classes: { [key: string]: string }
-  export default classes
-}
-
-declare module '*.svg' {
-  const content: string
-  export default content
-}
-
-declare module '*.json' {
-  const value: any
-  export default value
-}
+/* eslint-disable */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/// <reference types="react-scripts" />
+
+declare module '*.module.less' {
+  const classes: { [key: string]: string }
+  export default classes
+}
+
+declare module '*.svg' {
+  const content: string
+  export default content
+}
+
+declare module '*.json' {
+  const value: any
+  export default value
+}

package/src/setupTests.ts

@@ -1,5 +1,5 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom'
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom'

package/src/styles/abstracts/animations.less

@@ -1,8 +1,8 @@
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

package/src/styles/abstracts/mixins.less

@@ -1,5 +1,5 @@
-.flex-full-center() {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+.flex-full-center() {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/src/styles/abstracts/variables.less

@@ -1,31 +1,31 @@
-// ANTD MEDIA QUERIES
-@phone-xs: ~'only screen and (max-width: 480px)';
-@phone-sm: ~'only screen and (max-width: 576px)';
-@tab-md: ~'only screen and (max-width: 768px)';
-@tab-lg: ~'only screen and (max-width: 992px)';
-@tab-lg-min: ~'only screen and (min-width: 992px)';
-@tab-xl: ~'only screen and (max-width: 1200px)';
-
-// [1200 - 1600] - normal style //
-@desktop-xxl: ~'only screen and (min-width: 1600px)';
-
-@grey-1: #94989d;
-@grey-2: #707070;
-@border-color: #aaaaaa;
-@messenger-primary-color: #00a73e;
-@messenger-messages-bg: #eeeeee;
-@secondary-bg-color-chat: #484c52;
-@card-background: #dddddd;
-@upload-file-icon-color: #8696a0;
-@border-radius: 20px;
-@body-background: blue;
-@component-background: #232831;
-@full-content-height: calc(100vh - 23px);
-@title-form-color: #476077;
-@border-radius: 20px;
-@document-message-bg: #34c759;
-@text-color-white: #ffffff;
-
-:root {
-  --secondary-color: var(--secondary-color);
-}
+// ANTD MEDIA QUERIES
+@phone-xs: ~'only screen and (max-width: 480px)';
+@phone-sm: ~'only screen and (max-width: 576px)';
+@tab-md: ~'only screen and (max-width: 768px)';
+@tab-lg: ~'only screen and (max-width: 992px)';
+@tab-lg-min: ~'only screen and (min-width: 992px)';
+@tab-xl: ~'only screen and (max-width: 1200px)';
+
+// [1200 - 1600] - normal style //
+@desktop-xxl: ~'only screen and (min-width: 1600px)';
+
+@grey-1: #94989d;
+@grey-2: #707070;
+@border-color: #aaaaaa;
+@messenger-primary-color: #00a73e;
+@messenger-messages-bg: #eeeeee;
+@secondary-bg-color-chat: #484c52;
+@card-background: #dddddd;
+@upload-file-icon-color: #8696a0;
+@border-radius: 20px;
+@body-background: blue;
+@component-background: #232831;
+@full-content-height: calc(100vh - 23px);
+@title-form-color: #476077;
+@border-radius: 20px;
+@document-message-bg: #34c759;
+@text-color-white: #ffffff;
+
+:root {
+  --secondary-color: var(--secondary-color);
+}

package/src/styles/base/base.less

@@ -1,6 +1,6 @@
-*,
-::after,
-::before {
-  padding: 0;
-  margin: 0;
-}
+*,
+::after,
+::before {
+  padding: 0;
+  margin: 0;
+}

package/src/styles/index.less

@@ -1,5 +1,5 @@
-@import '../app/Messenger/views/Messenger.less';
-@import './base/base.less';
-@import './abstracts/variables';
-@import './abstracts/mixins';
-@import './abstracts/animations';
+@import '../app/Messenger/views/Messenger.less';
+@import './base/base.less';
+@import './abstracts/variables';
+@import './abstracts/mixins';
+@import './abstracts/animations';

package/src/types.ts

@@ -1,174 +1,174 @@
-import React from 'react'
-export type _chatNature = 'helpdesk' | 'communication' | 'proposal' | ''
-
-interface IChatUsers {
-  applicationId: string
-  createdAt: string
-  image?: string
-  ticketAdmin: boolean
-  uniqueCode: string
-  updatedAt: string
-  username: string
-  _id: string
-}
-
-interface IList {
-  applicationId: string
-  creator: Omit<IChatUsers, '_id'>
-  creatorId: string
-  nature: _chatNature
-  protocol: string
-  reason?: string
-  subject?: string
-  createdAt: Date
-  uniqueCode: string
-  updatedAt: string
-  userIdList: string[]
-  totalUnreadMessages: number
-  SLATimePassed: number
-  users: IChatUsers[]
-  status: {
-    current: {
-      state: string
-      systemicValue: string
-    }
-  }
-  _id: string
-  currentTime: string
-  creatorLevel: string
-}
-
-interface ICommonProps {
-  tab?: 'list' | 'messages'
-  className?: string
-}
-
-interface IMessagesBalloon {
-  message: string
-  date: string
-  read: boolean
-  hasFile?: boolean
-  id: string
-  formatDate: (date: string | Date) => string | undefined
-  file?:
-    | {
-        contentType: string
-        location: string
-        mimetype: string
-        originalname: string
-        size?: number
-        pages?: number
-      }
-    | Iimages
-}
-
-interface IMesssengerAvatar extends Omit<ICommonProps, 'tab'> {
-  image?: string
-  children?: React.ReactNode
-}
-
-interface IImagesContainer {
-  file: File | null
-  onClose: () => void
-}
-
-interface IInconmingMessage extends Omit<IMessagesBalloon, 'read'> {
-  isSystemMessage?: boolean
-  user: {
-    avatar?: string
-    name: string
-  }
-}
-
-interface INewChat {
-  images?: File[]
-  issueOrigin?: string
-  message?: string
-  reason?: string
-}
-
-interface IMessengerSubmit {
-  message?: string
-  file?: FileList | null
-}
-
-interface Iimages {
-  key: string
-  location: string
-  mimetype: string
-  originalname: string
-  pages: number
-  size: number & File
-}
-
-interface IMessages {
-  images: Iimages[]
-  applicationId: string
-  content: string
-  createdAt: string
-  everybodyHasRead: boolean
-  isSystemMessage?: boolean
-  hasFile?: boolean
-  sender: {
-    image: string
-    username: string
-    uniqueCode: string
-  }
-  file?: {
-    contentType: string
-    location: string
-    mimetype: string
-    originalname: string
-    size: number
-  }
-  readByList: string[]
-  senderId: string
-  senderUniqueCode?: string
-  ticketId: string
-  messagecode: number
-}
-
-interface IGetMessages {
-  chatId: string
-  messageCount: number
-  callback: (
-    result?: { messages: IMessages[]; total: number },
-    error?: Error
-  ) => void
-}
-
-interface IGetChats {
-  nature: _chatNature
-  status?: 'inprogress' | 'closed' | 'proposal'
-  search?: string
-  token?: string
-  callback: (tickets?: IList[], error?: Error) => void
-}
-
-interface ISocketMessage {
-  message: IMessages
-  markAsRead: boolean
-}
-
-interface IOption {
-  label: string
-  value: string
-}
-
-export type {
-  ICommonProps,
-  IImagesContainer,
-  IInconmingMessage,
-  IMessagesBalloon,
-  IMessengerSubmit,
-  IMesssengerAvatar,
-  IList,
-  IMessages,
-  INewChat,
-  IGetMessages,
-  IGetChats,
-  IChatUsers,
-  ISocketMessage,
-  Iimages,
-  IOption,
-}
+import React from 'react'
+export type _chatNature = 'helpdesk' | 'communication' | 'proposal' | ''
+
+interface IChatUsers {
+  applicationId: string
+  createdAt: string
+  image?: string
+  ticketAdmin: boolean
+  uniqueCode: string
+  updatedAt: string
+  username: string
+  _id: string
+}
+
+interface IList {
+  applicationId: string
+  creator: Omit<IChatUsers, '_id'>
+  creatorId: string
+  nature: _chatNature
+  protocol: string
+  reason?: string
+  subject?: string
+  createdAt: Date
+  uniqueCode: string
+  updatedAt: string
+  userIdList: string[]
+  totalUnreadMessages: number
+  SLATimePassed: number
+  users: IChatUsers[]
+  status: {
+    current: {
+      state: string
+      systemicValue: string
+    }
+  }
+  _id: string
+  currentTime: string
+  creatorLevel: string
+}
+
+interface ICommonProps {
+  tab?: 'list' | 'messages'
+  className?: string
+}
+
+interface IMessagesBalloon {
+  message: string
+  date: string
+  read: boolean
+  hasFile?: boolean
+  id: string
+  formatDate: (date: string | Date) => string | undefined
+  file?:
+    | {
+        contentType: string
+        location: string
+        mimetype: string
+        originalname: string
+        size?: number
+        pages?: number
+      }
+    | Iimages
+}
+
+interface IMesssengerAvatar extends Omit<ICommonProps, 'tab'> {
+  image?: string
+  children?: React.ReactNode
+}
+
+interface IImagesContainer {
+  file: File | null
+  onClose: () => void
+}
+
+interface IInconmingMessage extends Omit<IMessagesBalloon, 'read'> {
+  isSystemMessage?: boolean
+  user: {
+    avatar?: string
+    name: string
+  }
+}
+
+interface INewChat {
+  images?: File[]
+  issueOrigin?: string
+  message?: string
+  reason?: string
+}
+
+interface IMessengerSubmit {
+  message?: string
+  file?: FileList | null
+}
+
+interface Iimages {
+  key: string
+  location: string
+  mimetype: string
+  originalname: string
+  pages: number
+  size: number & File
+}
+
+interface IMessages {
+  images: Iimages[]
+  applicationId: string
+  content: string
+  createdAt: string
+  everybodyHasRead: boolean
+  isSystemMessage?: boolean
+  hasFile?: boolean
+  sender: {
+    image: string
+    username: string
+    uniqueCode: string
+  }
+  file?: {
+    contentType: string
+    location: string
+    mimetype: string
+    originalname: string
+    size: number
+  }
+  readByList: string[]
+  senderId: string
+  senderUniqueCode?: string
+  ticketId: string
+  messagecode: number
+}
+
+interface IGetMessages {
+  chatId: string
+  messageCount: number
+  callback: (
+    result?: { messages: IMessages[]; total: number },
+    error?: Error
+  ) => void
+}
+
+interface IGetChats {
+  nature: _chatNature
+  status?: 'inprogress' | 'closed' | 'proposal'
+  search?: string
+  token?: string
+  callback: (tickets?: IList[], error?: Error) => void
+}
+
+interface ISocketMessage {
+  message: IMessages
+  markAsRead: boolean
+}
+
+interface IOption {
+  label: string
+  value: string
+}
+
+export type {
+  ICommonProps,
+  IImagesContainer,
+  IInconmingMessage,
+  IMessagesBalloon,
+  IMessengerSubmit,
+  IMesssengerAvatar,
+  IList,
+  IMessages,
+  INewChat,
+  IGetMessages,
+  IGetChats,
+  IChatUsers,
+  ISocketMessage,
+  Iimages,
+  IOption,
+}