Bk Chat module

Bk chat, a custom chat module of BookingKoala company.

Development

Run npm start for a dev server. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.

Node Version

Node version 18.16.0 development is done.

Socket Version

"socket.io-client": "^2.5.0" development is done.

Installation

Install bk-chat module with npm

bash:

npm install bk-chat

Dependencies

Now your package.json have
json
{
"dependencies": {
"bk-chat": "^1.0.1" // will be changed
},
}

Using module

#### Steps to use the module in the project

- Open the project terminal where to use the module and run npm i bk-chat, now the module has been added in the project.
> To verify, peek into node_modules folder and search for bk-chat.

##### bash:

npm install bk-chat

After completion of above process, now import it into file where you want to use chat module.

ts
import Chat from 'bk-chat/dist/Chat';

In Hosting App.

Add the JSX element tag in the Hosting App that are given below.

### Object
``
initData = {
enableMembers: "enableMembers is the boolean value true/false for showing teams tag",
imgBase: "imgBase is the database image url",
domainName: "domainName of the web url",
timeFormat: "it is the timeFormat of hosting app either 12/24 hours format",
baseUrl: "it is the baseUrl of the hosting app",
}
`

### JSX Element
`

`
Import css file into your styles file:

`
import '../../../node_modues/bk-chat/dist/bkchat.css'
``