MessagePanel class

MessagePanel provides a UI for displaying and sending messages in an event or chat context. It includes group and direct messaging capabilities, allowing the user to reply to messages or send group messages, depending on configuration.

Parameters:

• MessagePanelOptions options: Configures the message panel, including settings for sending messages, message display, and message reply functionality.
  • messages: List of Message objects to display.
  • type: String representing the message type ('direct' or 'group').
  • onSendMessagePress: Callback for sending a message.
  • backgroundColor: Background color for the panel.
  • focusedInput: Whether the input field should be focused initially.
  • eventType, member, islevel: Event information and user role level.
  • directMessageDetails: Details of the user to whom a direct message is addressed.
  • socket: Socket instance for real-time communication.
  • showAlert: Optional callback to display alerts.

Main Components:

• MessageBubble: Represents an individual message in the list, showing sender details, timestamp, and message content. Includes a reply button for certain roles.
• MessageInput: Provides an input field for typing messages, with an optional reply mode.

Key Functions:

• _handleSendButton: Validates and sends the message. If a message reply is required, it ensures a target message is selected.
• _focusInputAndSetReplyInfo and _clearReplyInfoAndInput: Manage reply information, focusing the input field on specific messages or clearing it.

Example Usage:

MessagePanel(
  options: MessagePanelOptions(
    messages: myMessages,
    type: 'group',
    username: 'User123',
    onSendMessagePress: (SendMessageOptions options) {
      // Define your send message logic here
    },
    member: 'User123',
    islevel: '2',
    roomName: 'MainRoom',
    socket: mySocket,
    chatSetting: 'default',
    coHost: 'CoHostName',
    coHostResponsibility: [CoHostResponsibility(name: 'message', value: true)],
    eventType: EventType.chat,
    messagesLength: myMessages.length,
  ),
),

Message Components:

• MessageBubble: Displays individual messages, showing sender details and the option to reply for certain users.
• MessageInput: Input field for composing messages. It automatically sets the placeholder text based on whether it's a group or direct message, and whether a reply is active.

Dependencies:

Requires the following imports:

import 'package:flutter/material.dart';
import '../../methods/message_methods/send_message.dart' show sendMessage;
import '../../types/types.dart' show CoHostResponsibility, EventType, Message, Participant;