@messenger-box/chat-ui 10.0.3-alpha.165 → 10.0.3-alpha.171

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@messenger-box/chat-ui",
-    "version": "10.0.3-alpha.165",
+    "version": "10.0.3-alpha.171",
     "description": "Account browser",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -44,7 +44,7 @@
         "@chatscope/chat-ui-kit-styles": "^1.4.0",
         "@chatscope/use-chat": "^3.1.1",
         "@messenger-box/core": "10.0.3-alpha.165",
-        "@messenger-box/platform-client": "10.0.3-alpha.165",
+        "@messenger-box/platform-client": "10.0.3-alpha.171",
         "date-fns": "^4.1.0",
         "date-fns-tz": "^3.2.0",
         "emoji-mart": "^3.0.1",
@@ -76,5 +76,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "8d736ea5f9426350ce771b74fa6fb3b91f5c2646"
+    "gitHead": "c1244ee70b3e40dec9916c2ef7e801695ecc7b5a"
 }

package/CHANGELOG.md

@@ -1,340 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [10.0.3-alpha.165](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.164...v10.0.3-alpha.165) (2025-12-25)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.164](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.163...v10.0.3-alpha.164) (2025-12-25)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.162](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.161...v10.0.3-alpha.162) (2025-12-24)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.160](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.159...v10.0.3-alpha.160) (2025-12-24)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.158](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.157...v10.0.3-alpha.158) (2025-12-23)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.154](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.153...v10.0.3-alpha.154) (2025-12-20)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.152](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.151...v10.0.3-alpha.152) (2025-12-19)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.151](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.150...v10.0.3-alpha.151) (2025-12-19)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.150](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.149...v10.0.3-alpha.150) (2025-12-19)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.148](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.147...v10.0.3-alpha.148) (2025-12-18)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.147](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.146...v10.0.3-alpha.147) (2025-12-18)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.145](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.144...v10.0.3-alpha.145) (2025-12-11)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.143](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.142...v10.0.3-alpha.143) (2025-12-08)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.138](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.137...v10.0.3-alpha.138) (2025-12-05)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.136](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.135...v10.0.3-alpha.136) (2025-12-02)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.135](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.134...v10.0.3-alpha.135) (2025-11-28)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.129](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.128...v10.0.3-alpha.129) (2025-11-17)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.126](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.125...v10.0.3-alpha.126) (2025-11-08)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.125](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.124...v10.0.3-alpha.125) (2025-11-08)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.123](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.122...v10.0.3-alpha.123) (2025-11-05)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.120](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.119...v10.0.3-alpha.120) (2025-10-30)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.119](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.118...v10.0.3-alpha.119) (2025-10-29)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.117](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.116...v10.0.3-alpha.117) (2025-10-27)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.113](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.112...v10.0.3-alpha.113) (2025-10-23)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.109](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.108...v10.0.3-alpha.109) (2025-10-17)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.104](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.103...v10.0.3-alpha.104) (2025-10-11)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.102](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.101...v10.0.3-alpha.102) (2025-10-11)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.101](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.100...v10.0.3-alpha.101) (2025-10-11)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.100](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.99...v10.0.3-alpha.100) (2025-10-09)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.99](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.98...v10.0.3-alpha.99) (2025-09-29)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.97](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.96...v10.0.3-alpha.97) (2025-09-25)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.96](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.95...v10.0.3-alpha.96) (2025-09-23)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.95](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.94...v10.0.3-alpha.95) (2025-09-23)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.94](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.93...v10.0.3-alpha.94) (2025-09-22)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.93](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.92...v10.0.3-alpha.93) (2025-09-22)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.84](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.83...v10.0.3-alpha.84) (2025-09-21)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.80](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.79...v10.0.3-alpha.80) (2025-09-20)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.77](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.76...v10.0.3-alpha.77) (2025-09-19)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.74](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.73...v10.0.3-alpha.74) (2025-09-18)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.72](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.71...v10.0.3-alpha.72) (2025-08-28)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.69](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.68...v10.0.3-alpha.69) (2025-08-11)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.67](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.66...v10.0.3-alpha.67) (2025-08-06)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.62](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.61...v10.0.3-alpha.62) (2025-07-30)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.61](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.60...v10.0.3-alpha.61) (2025-07-09)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.56](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.55...v10.0.3-alpha.56) (2025-06-30)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.54](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.53...v10.0.3-alpha.54) (2025-06-29)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.50](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.49...v10.0.3-alpha.50) (2025-06-05)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.48](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.47...v10.0.3-alpha.48) (2025-05-30)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.47](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.46...v10.0.3-alpha.47) (2025-05-26)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.46](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.45...v10.0.3-alpha.46) (2025-05-19)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.43](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.42...v10.0.3-alpha.43) (2025-05-15)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.40](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.39...v10.0.3-alpha.40) (2025-05-14)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.38](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.37...v10.0.3-alpha.38) (2025-04-25)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.37](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.36...v10.0.3-alpha.37) (2025-04-25)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.36](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.35...v10.0.3-alpha.36) (2025-04-23)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.34](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.33...v10.0.3-alpha.34) (2025-04-22)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.33](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.32...v10.0.3-alpha.33) (2025-04-17)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.31](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.30...v10.0.3-alpha.31) (2025-04-16)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.17](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.16...v10.0.3-alpha.17) (2025-04-08)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.16](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.15...v10.0.3-alpha.16) (2025-03-28)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.14](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.13...v10.0.3-alpha.14) (2025-03-27)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.7](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.6...v10.0.3-alpha.7) (2025-02-27)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.5](https://github.com/CDEBase/messenger-box/compare/v10.0.3-alpha.4...v10.0.3-alpha.5) (2025-02-25)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.2](https://github.com/cdmbase/messenger-box/compare/v10.0.3-alpha.1...v10.0.3-alpha.2) (2025-02-24)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.3-alpha.0](https://github.com/cdmbase/messenger-box/compare/v10.0.2-alpha.6...v10.0.3-alpha.0) (2025-02-24)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.2-alpha.5](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.4...v10.0.2-alpha.5) (2025-02-24)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.2-alpha.4](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.3...v10.0.2-alpha.4) (2025-02-10)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.2-alpha.3](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.2...v10.0.2-alpha.3) (2025-02-10)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.2-alpha.2](https://github.com/CDEBase/messenger-box/compare/v10.0.2-alpha.1...v10.0.2-alpha.2) (2025-02-10)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.2-alpha.0](https://github.com/cdmbase/messenger-box/compare/v9.0.4-alpha.23...v10.0.2-alpha.0) (2025-02-04)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [10.0.1-alpha.0](https://github.com/cdmbase/messenger-box/compare/v9.0.4-alpha.23...v10.0.1-alpha.0) (2025-02-04)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.23](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.22...v9.0.4-alpha.23) (2025-02-01)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.22](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.21...v9.0.4-alpha.22) (2025-01-31)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.17](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.16...v9.0.4-alpha.17) (2024-10-17)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.16](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.15...v9.0.4-alpha.16) (2024-10-08)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.15](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.14...v9.0.4-alpha.15) (2024-09-30)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.7](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.6...v9.0.4-alpha.7) (2024-09-20)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.4-alpha.1](https://github.com/CDEBase/messenger-box/compare/v9.0.4-alpha.0...v9.0.4-alpha.1) (2024-09-12)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [9.0.2-alpha.0](https://github.com/CDEBase/messenger-box/compare/v7.2.6-alpha.10...v9.0.2-alpha.0) (2024-09-06)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [7.2.6-alpha.4](https://github.com/CDEBase/messenger-box/compare/v7.2.6-alpha.3...v7.2.6-alpha.4) (2024-08-12)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## 7.2.6-alpha.0 (2024-08-11)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## 7.2.4-alpha.0 (2024-07-19)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## [7.2.1-alpha.2](https://github.com/CDEBase/messenger-box/compare/v7.2.1-alpha.1...v7.2.1-alpha.2) (2024-07-16)
-
-**Note:** Version bump only for package @messenger-box/chat-ui
-
-## 7.2.1-alpha.0 (2024-07-15)
-
-**Note:** Version bump only for package @messenger-box/chat-ui

package/jest.config.js

@@ -1,9 +0,0 @@
-const base = require('../../../jest.config.base');
-const packageJson = require('./package');
-
-module.exports = {
-    ...base,
-    testEnvironment: 'jsdom', // This is overriden, from the base testEnvironment
-    name: packageJson.name,
-    displayName: packageJson.name,
-};

package/rollup.config.mjs

@@ -1,36 +0,0 @@
-
-import { createRollupConfig } from '../../../rollup.config.base.mjs';
-
-const additionalPlugins = [];
-// Use the createRollupConfig function to merge the base and specific configurations
-export default (commandLineArgs) => {
-    const isWatchMode = commandLineArgs.watch;
-    return [
-        createRollupConfig(
-            {
-                input: ['src/index.ts'],
-                plugins: [
-                    // Spread in additional plugins specific to this config
-                    ...additionalPlugins,
-                ],
-                output: [
-                    {
-                        dir: 'lib',
-                        format: 'es',
-                        name: 'chat-ui',
-                        compact: true,
-                        exports: 'named',
-                        sourcemap: true,
-                        preserveModules: true,
-                        chunkFileNames: '[name]-[hash].[format].js',
-                        globals: { react: 'React' },
-                    },
-                ],
-            },
-            {
-                isWatchMode,
-                generateRoutesJSON: true,
-            },
-        ),
-    ];
-};

package/src/components/CustomerSupportChat/Chat.tsx

@@ -1,88 +0,0 @@
-import React, { useState, useMemo, useEffect, useCallback, useRef } from 'react';
-import {
-    MainContainer,
-    Sidebar,
-    ConversationList,
-    Conversation,
-    Avatar,
-    MessageGroup,
-    Message,
-    ChatContainer,
-    ConversationHeader,
-    MessageList,
-    MessageInput,
-} from '@chatscope/chat-ui-kit-react';
-import { useOnPublicPostAddedSubscription, useSendPublicMessageMutation } from 'common/graphql';
-import { uniqBy } from 'lodash-es';
-
-export const Chat = ({ user, channelId, channelMessages, setChannelMessages }) => {
-    // Message input value
-    const [value, setValue] = useState('');
-    const [totalCount, setTotalCount] = useState(0);
-
-    const [sendMsg] = useSendPublicMessageMutation();
-
-    const chatContainerRef = useRef(null);
-
-    const {
-        data: newThreadMsg,
-        loading: newThreadMsgLoading,
-        error: newThreadMsgError,
-    } = useOnPublicPostAddedSubscription({
-        variables: {
-            channelId: channelId?.toString(),
-        },
-    });
-
-    const handleSend = async (text: any) => {
-        if (!(text && channelId)) {
-            return;
-        }
-
-        await sendMsg({
-            variables: {
-                channelId: channelId?.toString(),
-                messageInput: {
-                    content: text?.toString(),
-                },
-            },
-        });
-    };
-    React.useEffect(() => {
-        if (newThreadMsg) {
-            const msg = newThreadMsg?.publicPostAdded;
-            setTotalCount((preCount: any) => preCount + 1);
-            setChannelMessages((oldMessages: any) => uniqBy([...oldMessages, msg], ({ id }) => id));
-
-            // Scroll to the bottom after adding a new message
-            const chatContainer = chatContainerRef.current;
-            chatContainer.scrollToBottom();
-        }
-    }, []);
-
-    return (
-        <MainContainer>
-            <ChatContainer>
-                <MessageList ref={chatContainerRef}>
-                    {channelMessages.map((g) => (
-                        <MessageGroup key={g.id} direction={'outgoing'}>
-                            <MessageGroup.Messages>
-                                <Message
-                                    key={g.id}
-                                    model={
-                                        {
-                                            type: 'text',
-                                            payload: g.message,
-                                        } as any
-                                    }
-                                />
-                            </MessageGroup.Messages>
-                        </MessageGroup>
-                    ))}
-                </MessageList>
-
-                <MessageInput placeholder="Type message here" onSend={handleSend} />
-            </ChatContainer>
-        </MainContainer>
-    );
-};

package/src/components/CustomerSupportChat/CustomerSupportChat.tsx

@@ -1,233 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { Box, Button, Image, useMediaQuery } from '@chakra-ui/react';
-import { BiConversation } from '@react-icons/all-files/bi/BiConversation.js';
-import { BiMessageDetail } from '@react-icons/all-files/bi/BiMessageDetail.js';
-import { MdKeyboardArrowDown } from '@react-icons/all-files/md/MdKeyboardArrowDown.js';
-import { BsCardText } from '@react-icons/all-files/bs/BsCardText.js';
-import { nanoid } from 'nanoid';
-import { AutoDraft, BasicStorage, ChatProvider } from '@chatscope/use-chat';
-import { ExampleChatService } from '@chatscope/use-chat/dist/examples/index.js';
-import { usePublicMessagesQuery } from 'common/graphql';
-import { uniqBy } from 'lodash-es';
-import { Chat } from './Chat';
-import { objectId } from '@messenger-box/core';
-
-export const CustomerSupportChat = () => {
-    const [isChat, setIsChat] = useState(false);
-    const [isChatOpen, setIsChatOpen] = useState(false);
-    const [channelMessages, setChannelMessages] = useState([]);
-    const [channelId, setChannelId] = useState<string | null>(null);
-    const [isMobileView, isNonMobileView] = useMediaQuery(['(max-width: 480px)', '(min-width: 480px)']);
-
-    // Storage needs to generate id for messages and groups
-    const messageIdGenerator = () => nanoid();
-    const groupIdGenerator = () => nanoid();
-
-    // Create serviceFactory
-    const serviceFactory = (storage, updateState) => {
-        return new ExampleChatService(storage, updateState);
-    };
-
-    useEffect(() => {
-        const storeChannelId = localStorage.getItem('channelId');
-
-        if (!storeChannelId || storeChannelId === 'undefined') {
-            // ID is undefined or not present in localStorage
-            const newId = objectId();
-            localStorage.setItem('channelId', newId);
-            setChannelId(newId);
-        } else {
-            setChannelId(storeChannelId.toString());
-        }
-    }, []);
-
-    const { data, loading, error } = usePublicMessagesQuery({
-        variables: {
-            channelId: channelId?.toString(),
-        },
-    });
-
-    React.useEffect(() => {
-        if (data?.publicMessages?.data) {
-            const currentConversaion = data?.publicMessages?.data?.slice().reverse();
-            currentConversaion.map((msg) => {
-                setChannelMessages((oldMessages: any) => uniqBy([...oldMessages, msg], ({ id }) => id));
-            });
-        }
-    }, [data, isChat]);
-    const handleChat = () => {
-        setIsChatOpen(true);
-    };
-    const handleChatClick = () => {
-        setIsChat(true);
-    };
-    const chatStorage = new BasicStorage({ groupIdGenerator, messageIdGenerator });
-
-    return (
-        <>
-            {!isChat ? (
-                <Box style={{ position: 'fixed', bottom: '20px', right: '30px', zIndex: '2' }}>
-                    {/* @ts-ignore */}
-                    <Button
-                        background={'#3182ce'}
-                        fontSize={'38px'}
-                        padding={'16px'}
-                        width={'72px'}
-                        height={'72px'}
-                        borderRadius={'50%'}
-                        display={'flex'}
-                        alignItems={'center'}
-                        justifyContent={'center'}
-                        onClick={handleChatClick}
-                    >
-                        <BiConversation />
-                    </Button>
-                </Box>
-            ) : (
-                <Box
-                    style={{
-                        position: 'fixed',
-                        bottom: '20px',
-                        right: '30px',
-                        zIndex: '2',
-                        width: isMobileView ? '80vw' : '25vw',
-                    }}
-                >
-                    <Box textAlign={'left'} marginBottom={'10px'}>
-                        {/* @ts-ignore */}
-                        <Button
-                            background={'#3182ce'}
-                            fontSize={'42px'}
-                            width={'62px'}
-                            height={'62px'}
-                            borderRadius={'50%'}
-                            display={'flex'}
-                            alignItems={'center'}
-                            justifyContent={'center'}
-                            onClick={() => setIsChat(false)}
-                        >
-                            <MdKeyboardArrowDown />
-                        </Button>
-                    </Box>
-
-                    <Box style={{ borderRadius: '20px', background: 'white' }}>
-                        <Box
-                            style={{
-                                display: 'flex',
-                                backgroundColor: '#3182ce',
-                                padding: '20px 30px',
-                                lineHeight: '7vh',
-                                alignItems: 'center',
-                            }}
-                        >
-                            <Box
-                                style={{
-                                    background: '#366c96',
-                                    padding: '10px',
-                                    borderRadius: '54px',
-                                    fontSize: '25px',
-                                }}
-                            >
-                                <BiMessageDetail />
-                            </Box>
-                            <Box style={{ fontWeight: '700', fontSize: '18px', marginLeft: '30px' }}>
-                                Conversation(s)
-                            </Box>
-                        </Box>
-                        <Box
-                            style={{
-                                height: '50vh',
-                                background: '#fafafa',
-                                color: 'black',
-                                display: 'flex',
-                                flexDirection: 'column',
-                                alignContent: 'stretch',
-                                justifyContent: 'space-evenly',
-                                alignItems: 'center',
-                            }}
-                        >
-                            {!isChatOpen && !channelMessages.length ? (
-                                <Box textAlign={'center'}>
-                                    {/* @ts-ignore */}
-                                    <Image
-                                        width={'50%'}
-                                        margin={'auto'}
-                                        src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcThpk_KxVKIRa0_fxwaVgIFcRvTgUem0LbkaA&usqp=CAU"
-                                    />
-                                    <Box textAlign={'center'}> No ongoing Conversation</Box>
-                                    {/* @ts-ignore */}
-                                    <Button
-                                        style={{
-                                            backgroundColor: '#3182ce',
-                                            padding: '22px 26px',
-                                            marginTop: '20px',
-                                            borderRadius: '8px',
-                                            color: 'whitesmoke',
-                                        }}
-                                        leftIcon={<BiMessageDetail fontSize={'22px'} />}
-                                        onClick={handleChat}
-                                    >
-                                        Chat now
-                                    </Button>
-                                </Box>
-                            ) : (
-                                <Box w={'100%'} h={'50vh'}>
-                                    <ChatProvider
-                                        serviceFactory={serviceFactory}
-                                        storage={chatStorage}
-                                        config={{
-                                            typingThrottleTime: 250,
-                                            typingDebounceTime: 900,
-                                            debounceTyping: true,
-                                            autoDraft: AutoDraft.Save | AutoDraft.Restore,
-                                        }}
-                                    >
-                                        <Chat
-                                            user={{ name: 'beeena', avatar: '' }}
-                                            channelId={channelId}
-                                            setChannelMessages={setChannelMessages}
-                                            channelMessages={channelMessages}
-                                        />
-                                    </ChatProvider>
-                                </Box>
-                            )}
-                        </Box>
-                        <Box
-                            style={{
-                                height: '7vh',
-                                background: 'white',
-                                color: 'black',
-                                display: 'flex',
-                                alignContent: 'center',
-                                alignItems: 'center',
-                                padding: '30px 0px',
-                                justifyContent: 'space-evenly',
-                                boxShadow: '0 0 5px rgba(0, 0, 0, 0.9)',
-                                outline: '1px solid transparent',
-                            }}
-                        >
-                            <Box
-                                style={{
-                                    display: 'flex',
-                                    flexDirection: 'column',
-                                    alignItems: 'center',
-                                }}
-                            >
-                                <BiMessageDetail /> Conversation
-                            </Box>
-                            <Box
-                                style={{
-                                    display: 'flex',
-                                    flexDirection: 'column',
-                                    alignItems: 'center',
-                                }}
-                            >
-                                <BsCardText /> Articles{' '}
-                            </Box>
-                        </Box>
-                    </Box>
-                </Box>
-            )}
-        </>
-    );
-};

package/src/components/CustomerSupportChat/index.ts

@@ -1,2 +0,0 @@
-export * from './Chat';
-export * from './CustomerSupportChat';

package/src/components/index.ts

@@ -1 +0,0 @@
-export { Chat, CustomerSupportChat } from './CustomerSupportChat';

package/src/compute.ts

@@ -1,18 +0,0 @@
-import { getFilteredRoutes } from '@common-stack/client-react/lib/utils/filteredRoutes.js';
-const key = 'chat-box';
-
-const chatBox: any[] = [
-    {
-        path: '/chat',
-        key: key,
-        exact: false,
-        auth: 'optional',
-        extraPermissions: ['*'],
-        component: () => import('./container/chatBoxWithLoader'),
-    },
-];
-
-// get routes
-const filteredRoutes = getFilteredRoutes(chatBox);
-
-export { filteredRoutes };

package/src/config/env-config.ts

@@ -1,8 +0,0 @@
-import { cleanEnv, num, str } from 'envalid';
-import { getEnvironment } from '@common-stack/core';
-
-const env = getEnvironment();
-
-export const config = cleanEnv(env, {
-    LAYOUT_ROOT: str({ default: '/', desc: 'Layout parent route' }),
-});

package/src/config/index.ts

@@ -1 +0,0 @@
-export { config } from './env-config';

package/src/container/chatBoxWithLoader.tsx

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { ClientContainerService } from '@adminide-stack/core';
-import { matchParentRoute } from '@admin-layout/client/lib/utils/parentRoute.js';
-import { config } from '../config';
-import { CustomerSupportChat } from '../components';
-
-const ChatBoxWithLoader = (props) => {
-    return <CustomerSupportChat />;
-};
-export default ChatBoxWithLoader;
-
-export const loader = ({ context, request }) => {
-    const { routeConfig } = context;
-
-    const parentRoute = matchParentRoute(routeConfig, config.LAYOUT_ROOT);
-
-    return { parentRoute };
-};
-
-export async function clientLoader({ request, params, serverLoader }) {
-    // During client-side navigations, we hit our exposed API endpoints directly
-    const loaderData = await serverLoader();
-    const { apolloState } = loaderData;
-
-    try {
-        const { container } = (window as any).__CLIENT_SERVICE__;
-        const organizationContext = container.get(ClientContainerService.ApolloErrorHandler);
-        organizationContext.hydrate(apolloState);
-    } catch (e) {
-        console.error('Error in client hydrate');
-        console.error(e);
-    }
-
-    return loaderData;
-}

package/src/index.ts

@@ -1,6 +0,0 @@
-import { Feature } from '@common-stack/client-react';
-import chatBox from './module';
-
-export { Chat, CustomerSupportChat } from './components';
-
-export default new Feature(chatBox);

package/src/module.tsx

@@ -1,7 +0,0 @@
-import { Feature } from '@common-stack/client-react';
-import { filteredRoutes } from './compute';
-
-export default new Feature({
-    routeConfig: filteredRoutes,
-    stylesInsert: ['@chatscope/chat-ui-kit-styles/dist/default/styles.min.css'],
-});

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "extends": "../../../tsconfig.json",
-  "compilerOptions": {
-    "rootDir": "./src",
-    "outDir": "lib",
-    "declarationDir": "lib",
-    "declaration": true,
-    "declarationMap": true,
-    "skipLibCheck": true,
-    "types": ["@types/node", "@types/jest", "../../../typings"]
-  },
-  "exclude": ["../../../node_modules", "node_modules", "lib", "dist", "webpack.config.js", "rollup.config.mjs"],
-  "include": ["src", "./typings/*.d.ts", "type.d.ts"],
-}

package/webpack.config.js

@@ -1,92 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-const nodeExternals = require('webpack-node-externals');
-// eslint-disable-next-line import/no-extraneous-dependencies
-const webpack = require('webpack');
-const path = require('path');
-
-const webpackOpts = {
-    mode: 'development',
-    entry: {
-        index: './src/index.ts',
-    },
-    target: 'node',
-    output: {
-        path: path.join(__dirname, 'lib'),
-        filename: '[name].js',
-        libraryTarget: 'commonjs2',
-    },
-    resolve: {
-        extensions: [
-            '.js',
-            '.jsx',
-            '.ts',
-            '.tsx',
-            '.graphql',
-            '.graphqls',
-            '.gql',
-            '.native.tsx',
-            '.native.ts',
-            '.json',
-        ],
-    },
-    plugins: [
-        new webpack.LoaderOptionsPlugin({
-            options: {
-                test: /\.tsx?$/,
-                ts: {
-                    compiler: 'typescript',
-                    configFile: 'tsconfig.json',
-                },
-                tslint: {
-                    emitErrors: true,
-                    failOnHint: true,
-                },
-            },
-        }),
-    ],
-    devtool: 'source-map',
-    module: {
-        rules: [
-            {
-                test: /\.(tsx)?$/,
-                use: 'ts-loader',
-            },
-            {
-                test: /\.mjs$/,
-                include: /node_modules/,
-                type: 'javascript/auto',
-            },
-            {
-                test: /\.(gql)$/,
-                exclude: /node_modules/,
-                use: ['graphql-tag/loader'],
-            },
-            {
-                test: /\.graphql?/,
-                exclude: /node_modules/,
-                use: 'raw-loader',
-            },
-            {
-                test: /\.(png|jpg|gif|webp)$/i,
-                use: {
-                    loader: 'url-loader',
-                    options: {
-                        limit: 8192,
-                        name: 'static/media/[name].[hash:8].[ext]',
-                    },
-                },
-            },
-            {
-                test: /\.svg$/,
-                use: ['@svgr/webpack'],
-            },
-            {
-                test: /\.json$/,
-                loader: 'json-loader',
-            },
-        ],
-    },
-    externals: [nodeExternals({ modulesDir: '../../../node_modules' }), nodeExternals()],
-};
-
-module.exports = webpackOpts;