🧠 Intellicon Chat SDK Integration

🚀 Getting Started

To get started with the Intellicon Chat SDK, run the following command in your terminal:

flutter pub add intellicon_chat_sdk

💡 Usage Example

Below is a complete example showing how to initialize and launch the Intellicon Chat screen with full theming and customization support — including the new custom download handlers added in version 1.0.6.

Navigator.push<void>(
  context,
  MaterialPageRoute(
    builder: (context) => Chat(
      config: Config(
        baseUrl: _baseUrlController.text,
        appId: _appIdController.text,
        history: History(show: _showHistory),
      ),
      customData: const {"customerType": "normal"},
      user: User(
        participantId: _participantIdController.text,
        name: "Arham",
        fcmToken: _fcmTokenController.text,
      ),

      // 🆕 Version 1.0.6 — Custom Download Handlers
      downloadAudio: (
          {required String url, required Function() stopLoading}) async {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text(url)),
        );
        await Future.delayed(const Duration(seconds: 5));
        stopLoading();
      },
      downloadImage: (
          {required String url, required Function() stopLoading}) async {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text(url)),
        );
        await Future.delayed(const Duration(seconds: 5));
        stopLoading();
      },
      downloadVideo: (
          {required String url, required Function() stopLoading}) async {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text(url)),
        );
        await Future.delayed(const Duration(seconds: 5));
        stopLoading();
      },
      downloadFile: (
          {required String url, required Function() stopLoading}) async {
        ScaffoldMessenger.of(context).showSnackBar(
          SnackBar(content: Text(url)),
        );
        await Future.delayed(const Duration(seconds: 5));
        stopLoading();
      },

      backgroundDecoration: const BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.topLeft,
          end: Alignment.bottomRight,
          colors: [Colors.red, Colors.orange],
        ),
      ),
      appBarTitleStyle: const TextStyle(color: Colors.white),
      appBarBgColor: Colors.transparent,
      appBarGradientBgColor: const LinearGradient(
        begin: Alignment.topLeft,
        end: Alignment.bottomRight,
        colors: [Colors.red, Colors.orange],
      ),
      appBarIconTheme: const IconThemeData(color: Colors.greenAccent),
      appBarCenterTitle: true,
      loaderColor: Colors.red,
      attachmentModalBgColor: Colors.brown,

      /////////////////////////////////////////
      feedBackContainerDecoration:
          const BoxDecoration(color: Colors.white),
      feedBackActiveColor: Colors.red,
      feedBackInActiveColor: Colors.red,
      feedbackTextActiveColor: Colors.blue,
      feedbackTextInActiveColor: Colors.grey,
      /////////////////////////////////////////

      emojiIconColor: Colors.black,
      attachmentIconColor: Colors.black,
      micInActiveIconColor: Colors.white,
      micActiveIconColor: Colors.brown,
      micSendBgColor: Colors.greenAccent,
      sendIconColor: Colors.black,
      dateBoxDecoration: BoxDecoration(
        border: Border.all(
          color: Colors.blueAccent,
          width: 2.0,
          style: BorderStyle.solid,
          strokeAlign: BorderSide.strokeAlignInside,
        ),
        borderRadius: BorderRadius.circular(12),
        shape: BoxShape.rectangle,
        boxShadow: [
          BoxShadow(
            color: Colors.blueAccent.withOpacity(0.25),
            blurRadius: 8,
            spreadRadius: 2,
            offset: const Offset(2, 4),
            blurStyle: BlurStyle.normal,
          ),
        ],
      ),
      dateTextStyle: const TextStyle(
        color: Colors.white,
        fontWeight: FontWeight.w600,
      ),
      messageTextStyle: const TextStyle(
        color: Colors.black,
        fontSize: 14,
        fontWeight: FontWeight.normal,
        fontStyle: FontStyle.normal,
        backgroundColor: Colors.transparent,
        decoration: TextDecoration.none,
        shadows: [
          Shadow(
            color: Colors.black26,
            offset: Offset(1, 1),
            blurRadius: 2,
          ),
        ],
      ),
      hintStyle: const TextStyle(
        color: Colors.grey,
        fontSize: 14,
        fontWeight: FontWeight.normal,
        fontStyle: FontStyle.italic,
        height: 1.5,
        shadows: [
          Shadow(
            color: Colors.black26,
            offset: Offset(1, 1),
            blurRadius: 2,
          ),
        ],
      ),
      sendVoiceMessageIconColor: Colors.blue,
      deleteVoiceMessageIconColor: Colors.blue,
      messageBoxBgColor: Colors.purpleAccent,
      chatStyle: ChatStyle(
        appBarColor: _appBarColor,
        appBarTextColor: _appBarTextColor,
        appbarEnabled: _appbarEnabled,
        bubbleStyle: BubbleStyle(
          agent: const AgentBubble(
            bgColor: Colors.black,
            textStyle: TextStyle(
              color: Colors.red,
              fontSize: 15,
              fontWeight: FontWeight.w400,
            ),
            audioMessage: AudioMessageStyle(
              sliderColor: Colors.red,
              inactiveColor: Colors.blue,
              playPauseIconColor: Colors.red,
              downloadIconColor: Colors.red,
              durationStyle: TextStyle(
                color: Colors.lightBlue,
                fontSize: 15,
              ),
            ),
            videoMessage: VideoMessageStyle(
              playButtonColor: Colors.greenAccent,
            ),
            documentMessage: DocumentMessageStyle(
              downloadIconColor: Colors.pink,
              copyIconColor: Colors.brown,
              attachmentIconColor: Colors.white,
              textStyle: TextStyle(
                fontWeight: FontWeight.w600,
                fontSize: 15,
                color: Colors.white,
                overflow: TextOverflow.ellipsis,
              ),
            ),
          ),
          visitor: const VisitorBubble(
            bgColor: Colors.blueAccent,
            textStyle: TextStyle(
              color: Colors.white,
              fontSize: 15,
              fontWeight: FontWeight.w400,
            ),
            audioMessage: AudioMessageStyle(
              sliderColor: Colors.red,
              inactiveColor: Colors.white,
              playPauseIconColor: Colors.black,
              downloadIconColor: Colors.black,
              durationStyle: TextStyle(
                color: Colors.black,
                fontSize: 15,
              ),
            ),
            videoMessage: VideoMessageStyle(
              playButtonColor: Colors.red,
            ),
            documentMessage: DocumentMessageStyle(
              downloadIconColor: Colors.pink,
              copyIconColor: Colors.brown,
              attachmentIconColor: Colors.white,
              textStyle: TextStyle(
                fontWeight: FontWeight.w600,
                fontSize: 15,
                color: Colors.white,
                overflow: TextOverflow.ellipsis,
              ),
            ),
          ),
        ),
      ),
    ),
    fullscreenDialog: true,
  ),
);

⚙️ Configuration

🆕 Version 1.0.6 — Custom Download Handlers

Version 1.0.6 introduces four new optional callbacks that allow full customization of how media and files are downloaded in the chat:

You can integrate:

• Custom permission or storage logic
• Download progress tracking
• Offline caching or third-party download managers

🛠️ Version History