agx-chat-web 1.2.2 → 1.2.3

package/dist/esm/index.js

@@ -0,0 +1,12 @@
+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, };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAA;AAE5B,OAAO,aAAa,MAAM,qCAAqC,CAAA;AAC/D,OAAO,iBAAiB,MAAM,yCAAyC,CAAA;AACvE,OAAO,iBAAiB,MAAM,yCAAyC,CAAA;AACvE,OAAO,qBAAqB,MAAM,wEAAwE,CAAA;AAC1G,OAAO,aAAa,MAAM,kDAAkD,CAAA;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,YAAY,MAAM,iCAAiC,CAAA;AAE1D,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,YAAY,GACb,CAAA"}

package/dist/esm/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/{src/setupTests.ts → dist/esm/setupTests.js}

@@ -2,4 +2,5 @@
 // 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'
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.js.map

package/dist/esm/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,gCAAgC;AAChC,8CAA8C;AAC9C,0DAA0D;AAC1D,OAAO,2BAA2B,CAAA"}

package/dist/esm/types.d.ts

@@ -0,0 +1,140 @@
+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, };

package/dist/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,91 +1,90 @@
-{
-  "name": "agx-chat-web",
-  "version": "1.2.2",
-  "description": "Chat application using React and less",
-  "module": "./dist/agx-chat.esm.js",
-  "author": {
-    "name": "Jeiel Alves",
-    "email": "jeiel.oliveira@agxsoftware.com"
-  },
-  "license": "MIT",
-  "main": "./dist/agx-chat.umd.js",
-  "types": "./dist/esm/index.d.ts",
-  "files": [
-    "dist",
-    "src/**/*"
-  ],
-  "repository": "git@github.com:AGX-Software/chat-web.git",
-  "peerDependencies": {
-    "dayjs": "^1.11.9",
-    "i18next": "^24.2.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "react-i18next": "^15.2.0",
-    "react-simple-image-viewer": "^1.2.2"
-  },
-  "scripts": {
-    "clean": "shx rm -rf dist",
-    "build": "yarn clean && tsc && webpack",
-    "build-dev": "tsc && webpack",
-    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
-    "test": "jest --config jestconfig.json",
-    "deploy": "yarn build && npm publish",
-    "format": "prettier --write src/",
-    "prepare": "husky install"
-  },
-  "jest": {
-    "preset": "ts-jest",
-    "testEnvironment": "node",
-    "setupFilesAfterEnv": [
-      "./jestconfig.json"
-    ]
-  },
-  "devDependencies": {
-    "@testing-library/react": "^13.4.0",
-    "@types/jest": "^29.2.5",
-    "@types/react": "^19.1.12",
-    "@types/react-dom": "^19.1.9",
-    "css-loader": "^6.7.3",
-    "dayjs": "^1.11.9",
-    "eslint": "^9.34.0",
-    "eslint-plugin-only-warn": "^1.1.0",
-    "eslint-plugin-react": "^7.31.11",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "husky": "^9.1.7",
-    "jest": "^29.3.1",
-    "jest-canvas-mock": "^2.4.0",
-    "jest-environment-jsdom": "^29.3.1",
-    "less": "^4.1.3",
-    "less-loader": "^11.1.0",
-    "lint-staged": "^16.1.5",
-    "prettier": "^3.6.2",
-    "react-simple-image-viewer": "^1.2.2",
-    "shx": "^0.3.4",
-    "style-loader": "^3.3.1",
-    "svg-url-loader": "^8.0.0",
-    "terser-webpack-plugin": "^5.3.6",
-    "ts-jest": "^29.1.1",
-    "ts-loader": "^9.4.2",
-    "typescript": "^5.9.2",
-    "typescript-eslint": "^8.40.0",
-    "uglifyjs-webpack-plugin": "^2.2.0",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1"
-  },
-  "exports": {
-    ".": {
-      "import": "./dist/agx-chat.esm.js",
-      "require": "./dist/agx-chat.umd.js",
-      "default": "./dist/agx-chat.umd.js"
-    },
-    "./package.json": "./package.json"
-  },
-  "lint-staged": {
-    "*.{ts,tsx}": "eslint --cache --fix --max-warnings 0 --no-warn-ignored",
-    "*.{ts,tsx,js,jsx,json,css,scss,md}": "prettier --write"
-  },
-  "dependencies": {
-    "@types/i18next": "^13.0.0",
-    "@types/react-i18next": "^8.1.0"
-  }
-}
+{
+  "name": "agx-chat-web",
+  "version": "1.2.3",
+  "description": "Chat application using React and less",
+  "module": "./dist/agx-chat.esm.js",
+  "author": {
+    "name": "Jeiel Alves",
+    "email": "jeiel.oliveira@agxsoftware.com"
+  },
+  "license": "MIT",
+  "main": "./dist/agx-chat.umd.js",
+  "types": "./dist/esm/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "repository": "git@github.com:AGX-Software/chat-web.git",
+  "peerDependencies": {
+    "dayjs": "^1.11.9",
+    "i18next": "^24.2.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-i18next": "^15.2.0",
+    "react-simple-image-viewer": "^1.2.2"
+  },
+  "scripts": {
+    "clean": "shx rm -rf dist",
+    "build": "yarn clean && tsc && webpack",
+    "build-dev": "tsc && webpack",
+    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
+    "test": "jest --config jestconfig.json",
+    "deploy": "yarn build && npm publish",
+    "format": "prettier --write src/",
+    "prepare": "husky install"
+  },
+  "jest": {
+    "preset": "ts-jest",
+    "testEnvironment": "node",
+    "setupFilesAfterEnv": [
+      "./jestconfig.json"
+    ]
+  },
+  "devDependencies": {
+    "@testing-library/react": "^13.4.0",
+    "@types/jest": "^29.2.5",
+    "@types/react": "^19.1.12",
+    "@types/react-dom": "^19.1.9",
+    "css-loader": "^6.7.3",
+    "dayjs": "^1.11.9",
+    "eslint": "^9.34.0",
+    "eslint-plugin-only-warn": "^1.1.0",
+    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "husky": "^9.1.7",
+    "jest": "^29.3.1",
+    "jest-canvas-mock": "^2.4.0",
+    "jest-environment-jsdom": "^29.3.1",
+    "less": "^4.1.3",
+    "less-loader": "^11.1.0",
+    "lint-staged": "^16.1.5",
+    "prettier": "^3.6.2",
+    "react-simple-image-viewer": "^1.2.2",
+    "shx": "^0.3.4",
+    "style-loader": "^3.3.1",
+    "svg-url-loader": "^8.0.0",
+    "terser-webpack-plugin": "^5.3.6",
+    "ts-jest": "^29.1.1",
+    "ts-loader": "^9.4.2",
+    "typescript": "^5.9.2",
+    "typescript-eslint": "^8.40.0",
+    "uglifyjs-webpack-plugin": "^2.2.0",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/agx-chat.esm.js",
+      "require": "./dist/agx-chat.umd.js",
+      "default": "./dist/agx-chat.umd.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": "eslint --cache --fix --max-warnings 0 --no-warn-ignored",
+    "*.{ts,tsx,js,jsx,json,css,scss,md}": "prettier --write"
+  },
+  "dependencies": {
+    "@types/i18next": "^13.0.0",
+    "@types/react-i18next": "^8.1.0"
+  }
+}

package/src/__tests__/app/Messenger/classes/slaCalculations.spec.ts

@@ -1,122 +0,0 @@
-import { describe, expect, it } from '@jest/globals'
-import {
-  SlaDates,
-  timeAsDayjs,
-} from '../../../../app/Messenger/classes/slaCalculations'
-const workingHours = { start: 9, end: 18 }
-
-describe('slaCalculations class', () => {
-  it('Should return true seconds in working hour', () => {
-    const sla = new SlaDates(1300)
-
-    expect(
-      sla.canUpdateClock(
-        timeAsDayjs('2023-07-21T10:19:29.224+00:00', { applyTimezone: false })
-      )
-    ).toBeTruthy()
-  })
-
-  it('Should return false seconds from canUpdateClock', () => {
-    const sla = new SlaDates(1300)
-
-    expect(
-      sla.canUpdateClock(
-        timeAsDayjs('2023-07-21T20:19:29.224+00:00', { applyTimezone: false })
-      )
-    ).toBeFalsy()
-  })
-
-  it('Should return false in holiday', () => {
-    const sla = new SlaDates(1300)
-
-    expect(
-      sla.canUpdateClock(
-        timeAsDayjs('2023-10-12T10:19:29.224+00:00', { applyTimezone: false })
-      )
-    ).toBeFalsy()
-  })
-
-  it('Should return 3600 seconds diffence', () => {
-    const sla = new SlaDates(3600)
-
-    expect(
-      sla.getDifferenceInSeconds(
-        timeAsDayjs('2023-07-19T09:19:29.224+00:00', { applyTimezone: false }),
-        timeAsDayjs('2023-07-19T10:19:29.224+00:00', { applyTimezone: false }),
-        workingHours
-      )
-    ).toBe(3600)
-  })
-
-  it('Should return 7200 seconds diffence', () => {
-    const sla = new SlaDates(3600)
-
-    expect(
-      sla.getDifferenceInSeconds(
-        timeAsDayjs('2023-10-12T09:19:29.224+00:00', { applyTimezone: false }),
-        timeAsDayjs('2023-10-12T11:19:29.224+00:00', { applyTimezone: false }),
-        workingHours
-      )
-    ).toBe(0)
-  })
-
-  it('Should return 7200 seconds diffence', () => {
-    const sla = new SlaDates(3600)
-
-    expect(
-      sla.getDifferenceInSeconds(
-        timeAsDayjs('2023-07-21T17:00:00.000+00:00', { applyTimezone: false }),
-        timeAsDayjs('2023-07-24T10:00:00.000+00:00', { applyTimezone: false }),
-        workingHours
-      )
-    ).toBe(7200)
-  })
-
-  it('Should return 64800 seconds diffence', () => {
-    const sla = new SlaDates(3600)
-
-    expect(
-      sla.getDifferenceInSeconds(
-        timeAsDayjs('2023-07-21T09:00:00.000+00:00', { applyTimezone: false }),
-        timeAsDayjs('2023-07-24T18:00:00.000+00:00', { applyTimezone: false }),
-        workingHours
-      )
-    ).toBe(64800)
-  })
-
-  it('Should return 43200 seconds diffence', () => {
-    const sla = new SlaDates(3600)
-
-    expect(
-      sla.getDifferenceInSeconds(
-        timeAsDayjs('2023-07-21T09:00:00.000+00:00', { applyTimezone: false }),
-        timeAsDayjs('2023-07-24T12:00:00.000+00:00', { applyTimezone: false }),
-        workingHours
-      )
-    ).toBe(43200)
-  })
-
-  it('Should return 1800 seconds diffence', () => {
-    const sla = new SlaDates(3600)
-
-    expect(
-      sla.getDifferenceInSeconds(
-        timeAsDayjs('2023-07-24T07:00:00.000+00:00', { applyTimezone: false }),
-        timeAsDayjs('2023-07-24T09:30:00.000+00:00', { applyTimezone: false }),
-        workingHours
-      )
-    ).toBe(1800)
-  })
-
-  it('Should return 3600 seconds diffence', () => {
-    const sla = new SlaDates(3600)
-
-    expect(
-      sla.getDifferenceInSeconds(
-        timeAsDayjs('2023-07-24T22:00:00.000+00:00', { applyTimezone: false }),
-        timeAsDayjs('2023-07-25T10:00:00.000+00:00', { applyTimezone: false }),
-        workingHours
-      )
-    ).toBe(3600)
-  })
-})

package/src/app/ChatProvider/ChatProvider.tsx

@@ -1,20 +0,0 @@
-import React, { ReactNode, useEffect } from 'react'
-import { I18nextProvider } from 'react-i18next'
-import defaultI18n from '../i18n'
-
-interface ChatProviderProps {
-  children: ReactNode
-  locale?: string
-}
-
-function ChatProvider ({ children, locale }: ChatProviderProps) {
-  useEffect(() => {
-    if (locale) {
-      defaultI18n.changeLanguage(locale)
-    }
-  }, [locale])
-
-  return <I18nextProvider i18n={defaultI18n}>{children}</I18nextProvider>
-}
-
-export default ChatProvider