view360_chat 1.0.12

A Dart package for chat socket connection and messaging API for implimenting view360 chat feature.

view360_chat

view360_chat is a Flutter package designed for seamless integration of View360's real-time chat system into your applications.
It enables customer support chat functionality with features like live socket communication, file sharing, and message delivery tracking — ideal for apps requiring a responsive customer interaction experience.

---

🧩 Features

• 🔌 Real-time Socket Connection — Connect instantly to View360’s chat server.
• 💬 Send Messages — Deliver customer messages with optional file attachments.
• 📥 Retrieve Chat History — Fetch all previous messages in a conversation.
• 🧾 Customer Information Support — Easily handle customer name, email, and phone number.
• ⚙️ Simple Setup — Quick and easy configuration with your base URL and App ID.

---

🛠️ Connecting the Socket

First, you need to connect the socket. This is used to receive messages from the agent side.
You can do this during the chat registration page, which helps you obtain socketManager.socket.id that is required for sending messages using sendChatMessage() for the first time.
You also need to provide the baseUrl.

In the onMessage callback:

• content refers to the message sent by the agent,
• createdAt indicates when the message was created,
• senderType always refers to the agent,
• filePaths contains any files sent by the agent.

import 'package:view360_chat/view360_chat.dart';

final socketManager = SocketManager();

socketManager.connect(
  baseUrl: 'https://yourdomain.com',
  onMessage: ({
    required content,
    required createdAt,
    required response,
    required senderType,
    filePaths,
  }) {
    print('📩 New message: $content');
  },
);

✉️ Sending Messages

The sendChatMessage function is used to send messages to the agent.
This is the same function used during the initial chat registration process.

During chat registration:

• You do not need to pass filePath and customerId.
• Make sure that the chatId is unique. This same chatId must be used when sending messages to the agent afterward.
• When getting the socketId, always fetch it directly from socketManager.socket.id, because there is a chance that the socketId can change while chatting.

When sending a message from the chat list:

• Make sure to provide the customerId.

After registering:

• If an agent is available, you will receive the customerId and the status will be true.
• If no agent is available, the success status will still be true, and isInQueue will be true. You can still access the customerId in this case.

After sending a message to the agent:

• You will get a success response if the message was sent successfully.

import 'package:view360_chat/view360_chat.dart';

final chatService = ChatService(
  baseUrl: 'yourdomain.com',
  appId: 'your-app-id',
);

final response = await chatService.sendChatMessage(
  filePath: [], // optional
  customerId,   // optional
  chatContent: 'Hello from View360!',
  chatId: 'abc123', // make it unique
  socketId: socketManager.socket.id!,
  customerName: 'John Doe',
  customerEmail: '[e-mail]',
  customerPhone: '1234567890',
);

📜 Fetching Message History

The fetchMessages function is used to fetch the current list of chat messages.
You need to provide the customerId to retrieve the conversation history.

import 'package:view360_chat/view360_chat.dart';

final history = await chatService.fetchMessages(customerId: '1234');

if (history.success) {
  print('💬 Chat History: ${history.messages}');
} else {
  print('❌ Error: ${history.error}');
}