Get Started. It's Free
or sign up with your email address
Rocket clouds
Widget by Mind Map: Widget

1. UI/UX

2. 1.Methods

2.1. initPayload

2.2. openLauncherImage

2.3. closeImage

2.4. fullScreenMode

2.5. displayUnreadCount

2.6. customMessageDelay

2.7. tooltipPayload

2.8. tooltipDelay

2.9. profileAvatar

2.10. ConsultantOnlineStatus

2.11. toggleChat

2.12. openChat

2.13. closeChat

2.14. showChat

2.15. hideChat

2.16. isOpen

2.17. isVisible

2.18. launcerColor

2.19. autofocus

2.20. autoScrollBottom

3. CSS CLASS NAME

3.1. .widget-container The div containing the chatbox of the default version

3.2. .full-screen div of the fullscreen chatbox (using fullScreenMode prop)

3.3. .conversation-container The parent div containing the header, message-container and sender

3.4. .messages-container the central area where the messages appear

3.5. .sender Client message

3.6. .header div of the top area with the chatbox header

3.7. .close-button the close icon of the header

3.8. .message the boxes holding the messages of client and consultant

4. Components

4.1. Conversation

4.1.1. Components

4.1.1.1. Messages

4.1.1.1.1. Client

4.1.1.1.2. Consultant

4.1.1.2. SenderForm

4.1.1.2.1. sendMessage: Function

4.1.1.2.2. disabledTextarea: bool

4.1.1.2.3. TextareatFieldText: string

4.1.1.3. Header

4.1.1.3.1. showCloseButton:bool

4.1.1.3.2. toggleChat: Function

4.1.1.4. Form

4.1.1.4.1. ImputPhone

4.1.1.4.2. not needed

4.1.1.4.3. ImputCity

4.1.1.4.4. Submit button

4.2. Launcher

4.2.1. Components

4.2.1.1. Badge

4.2.1.1.1. number

4.2.2. badge

4.2.3. fullScreenMode

4.2.4. openLauncherImage

4.2.5. closeImage

4.2.6. unreadCount

4.2.7. displayUnreadCount

4.2.8. tooltipMessage

4.2.9. toggle

4.2.10. isChatOpen