agx-chat-web 1.2.0 → 1.2.2

package/README.md

@@ -1,49 +1,49 @@
-Generic Chat implementation for AGX Software applications.
-
-## Links
-
-NPM link:
-https://www.npmjs.com/package/agx-chat-web
-
-https://betterprogramming.pub/how-to-create-and-publish-react-typescript-npm-package-with-demo-and-automated-build-80c40ec28aca#48c1
-
-## Deploy
-
-Steps to make a new version:
-
-- change the version in package.json
-- npm login (using a package maintainer account)
-- yarn deploy
-
-## Running the project locally for feature development
-
-To run the project locally and add new features, follow these steps:
-
----
-
-### Step 1: Familiarize yourself with `yarn link`
-Before proceeding, review the documentation for `yarn link` to understand how it works:
-[yarn link Documentation](https://classic.yarnpkg.com/lang/en/docs/cli/link/)
-
-### Step 2: Build and link the project
-1. Navigate to the root directory of this project
-2. Run the following commands:
-   ```bash
-   yarn build
-   yarn link
-   ```
-3. After running yarn link, you will see a message similar to this:
-  You can now run `yarn link "agx-chat-web"` in the projects where you no longer want to use this package.
-
-### Step 3: Link the project to your application
-1. Navigate to the root directory of your application (e.g., ~/projects/line-web)
-2. Run the following commands:
-  ```bash
-  yarn link "agx-chat-web"
-  yarn install --force
-  ```
-3. Once the linking process is complete, you can start your application. It will now use the locally linked agx-chat-web package for development.
-4. When you change the code in the chat application, you can run the following command to update the linked version:
-  ```bash
-  yarn deploy-dev  
-  ```
+Generic Chat implementation for AGX Software applications.
+
+## Links
+
+NPM link:
+https://www.npmjs.com/package/agx-chat-web
+
+https://betterprogramming.pub/how-to-create-and-publish-react-typescript-npm-package-with-demo-and-automated-build-80c40ec28aca#48c1
+
+## Deploy
+
+Steps to make a new version:
+
+- change the version in package.json
+- npm login (using a package maintainer account)
+- yarn deploy
+
+## Running the project locally for feature development
+
+To run the project locally and add new features, follow these steps:
+
+---
+
+### Step 1: Familiarize yourself with `yarn link`
+Before proceeding, review the documentation for `yarn link` to understand how it works:
+[yarn link Documentation](https://classic.yarnpkg.com/lang/en/docs/cli/link/)
+
+### Step 2: Build and link the project
+1. Navigate to the root directory of this project
+2. Run the following commands:
+   ```bash
+   yarn build
+   yarn link
+   ```
+3. After running yarn link, you will see a message similar to this:
+  You can now run `yarn link "agx-chat-web"` in the projects where you no longer want to use this package.
+
+### Step 3: Link the project to your application
+1. Navigate to the root directory of your application (e.g., ~/projects/line-web)
+2. Run the following commands:
+  ```bash
+  yarn link "agx-chat-web"
+  yarn install --force
+  ```
+3. Once the linking process is complete, you can start your application. It will now use the locally linked agx-chat-web package for development.
+4. When you change the code in the chat application, you can run the following command to update the linked version:
+  ```bash
+  yarn deploy-dev  
+  ```

package/package.json

@@ -1,91 +1,91 @@
-{
-  "name": "agx-chat-web",
-  "version": "1.2.0",
-  "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.min.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.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"
+  }
+}

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

@@ -1,122 +1,122 @@
-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)
-  })
-})
+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 +1,20 @@
-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
+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