inconnect-chat-ui

Demo

https://chatui.dev.getalice.ai/

See Demo Here

How to Use

Install inconnect-chat-ui as dependency

``js
npm i inconnect-chat-ui --save
`

or if you use yarn

`js
yarn add inconnect-chat-ui
`

In your component first import

`jsx
import { TextMessage } from 'inconnect-chat-ui';
`

API Documentation

See Storybook

Develop

Clone the repo from github

`js
$ git clone https://github.com/alice-labs/inconnect-chatui
`

Install Dependencies

`js
$ yarn install
`

Then, Run storybook

`js
$ yarn storybook
`

To run tests

`js
$ yarn test
`

How to Contribute

Fork the repo. pull the master branch if required. Create a issue why we need this feature, then create your feature branch do your changes. write test code if required. and Send a Pull Request . PR's are always welcome!

Release log

$3

- Updated ChatUI Container

$3

- Removed Container
- Add TextMessage
- Add NoteMessage

$3

- Fixed Import

$3

- Image Message
- Button Message

$3

- QuickReply Message

$3

- Added Consumer - this is chat window from perspective of user or admin (user | admin)
- Added element style and element class name for all chat bubble . using it for manual design override

$3

- Minor Style Fixes

$3

- Note Style Fixes

$3

- Note Style Fixes

$3

- Feed Post for Feed Type CRM

...

$3

- Updated Feed For CRM

$3

- Adds avatar support for all the chat components

$3

- Fix minor style issue for avatar components

$3

- Fix image avatar style issue for avatar components

$3

- Added Video Type for Feed
- Added Image Type for Feed

$3

- ButtonGroupContainer style added
- font size for msg time synced to 0.7rem

$3

- Fix repliedBy only for admin issue

$3

- Added Action as hide delete edit for Feed Post
- added some minor flow props to give user more control like, closeOnActionClick, showAction, commentBg etc

$3

- Feed Post added design for Hide Delete edited
- Few design Changes for Feed post

$3

- Added Props moreButtonHeightWidth to adjust action button height width

$3

- changed comment action control using showCommentAction and their handle method for hide and delete only

$3

- fixed status from hidden to hide and active to add

$3

- Added Gallery Block component

$3

- Minor Style Fix
- Updated Import for main index file

$3

- Minor Style Fix,
- added props galleryItemClassName into GalleryMessage component

$3

- changed delete status for feed post from deleted to remove

$3

- Added Edit Options for Feed post reply see props and storybook for example. customer type users cannot be edited

$3

- Fix gallery item height issue

$3

- Fix gallery item font sizes

$3

- Fix gallery item replied by spacing

$3

- Send status and prop to control it
- Minor Css fixes
- Avatar Container will show avatar from top

$3

- Change note style, added intents to it (will implement popover later)

$3

- Fixed Text Message default Style
- Fixed Message time typo &nsbp;
- Added |` in interval of showing time or other info

$3

- Fixed Elements Style for QuickReply, Image Message, Gallery, Button

$3

- Fixed Button Style, fixed gallery issues

$3

- Fixed Button Style

$3

- Support Dom or text for text supporting react-linkify

$3

- gallery design fix and button anchor