xendbridgechat-sdk/index.js

This is the official chat SDK for the XendBridge application. This connects a user to the system and gets history or messages and also can send them.

import * as signalR from "@microsoft/signalr";

var connection;

//connection to hub
const createConnection = async (
  ChatHubAddCommentModel,
  publicKey,
  getAllChats
) => {
  if (
    connection === null ||
    connection === undefined ||
    connection?._connectionState === "Disconnected"
  ) {
    connection = new signalR.HubConnectionBuilder()
      .withUrl("https://canary.xendbridge.com/hubs/chathub")
      .withAutomaticReconnect()
      .build();

    await connection.start();

    //listens for message from server side and returns the object sent
    await connection.on("ReceiveMessageHandlerForThirdParty", async () => {
      await connection
        .invoke(
          "GetMessageHistoryForThirdParty",
          ChatHubAddCommentModel?.DisputeReference,
          publicKey
        )
        .then((result) => {
          getAllChats(result);
        })
        .catch((err) => {
          return err;
        });
    });
  }

  await connection.on("ReceiveMessageHandlerForThirdParty", async () => {
    await connection
      .invoke(
        "GetMessageHistoryForThirdParty",
        ChatHubAddCommentModel?.DisputeReference,
        publicKey
      )
      .then((result) => {
        getAllChats(result);
      })
      .catch((err) => {
        return err;
      });
  });

  return connection;
};

const getMessageHistory = async (
  disputeReference,
  publicKey,
  getAllChats
) => {
  let newConnection = await createConnection();

  await newConnection
    .invoke("GetMessageHistoryForThirdParty", disputeReference, publicKey)
    .then((res) => {
      getAllChats(res);
      return res;
    });
};

const sendMessage = async (
  ChatHubAddCommentModel,
  publicKey,
  getAllChats
) => {
  let newConnection = await createConnection(
    ChatHubAddCommentModel,
    publicKey,
    getAllChats
  );

  //invokes method on the server
  await newConnection
    .invoke("SendMessageForThirdParty", ChatHubAddCommentModel, publicKey)
    .then((resp) => {
      console.log(resp, "SendMessageForThirdParty success");
    });
};

export { getMessageHistory, sendMessage };