Events

customerSDK.on("availability_updated", ({ availability }) => {
  console.log("availability_updated", availability);
});

customerSDK.on("chat_deactivated", (payload) => {
  const { chatId } = payload;
  console.log("chat_deactivated", { chatId });
});

customerSDK.on("chat_properties_deleted", (payload) => {
  const { chatId, properties } = payload;
  console.log("chat_properties_deleted", { chatId, properties });
});

customerSDK.on("chat_properties_updated", (payload) => {
  const { chatId, properties } = payload;
  console.log("chat_properties_updated", { chatId, properties });
});

customerSDK.on("chat_transferred", (payload) => {
  const { chatId, threadId, transferredTo } = payload;
  console.log("chat_transferred", {
    chatId,
    threadId,
    transferredTo,
  });
});

customerSDK.on("connected", (payload) => {
  const { customer, availability, greeting } = payload;
  console.log("connected", { customer, availability, greeting });
});

customerSDK.on("connection_recovered", () => {
  console.log("connection_recovered");
});

customerSDK.on("connection_unstable", () => {
  console.log("connection_unstable");
});

customerSDK.on("customer_id", (id) => {
  console.log("customer id is", id);
});

customerSDK.on("identity_changed", ({ previousId, newId }) => {
  console.log("Customer identity changed", {
    from: previousId,
    to: newId,
  });

  // Clear application-specific cached data tied to the previous identity.
});

customerSDK.on("customer_updated", (customer) => {
  if (customer.name) {
    console.log(`Name got updated to: ${customer.name}`);
  }
  if (customer.email) {
    console.log(`Email got updated to: ${customer.email}`);
  }
  if (customer.avatar) {
    console.log(`Avatar got updated to: ${customer.avatar}`);
  }
  if (customer.fields) {
    console.log(`Fields got updated:`);
    console.log(customer.fields);
  }
});

customerSDK.on("disconnected", (payload) => {
  const { reason } = payload;
  console.log("disconnected", { reason });
});

customerSDK.on("event_properties_deleted", (payload) => {
  const { chatId, threadId, eventId, properties } = payload;
  console.log("event_properties_deleted", {
    chatId,
    threadId,
    eventId,
    properties,
  });
});

customerSDK.on("event_properties_updated", (payload) => {
  const { chatId, threadId, eventId, properties } = payload;
  console.log("event_properties_updated", {
    chatId,
    threadId,
    eventId,
    properties,
  });
});

customerSDK.on("event_updated", (payload) => {
  const { chatId, threadId, event } = payload;
  console.log("event_updated", { chatId, threadId, event });
});

customerSDK.on("events_marked_as_seen", (payload) => {
  const { chatId, userId, seenUpTo } = payload;
  console.log("events_marked_as_seen", { chatId, userId, seenUpTo });
});

customerSDK.on("greeting_accepted", (payload) => {
  console.log("greeting_accepted", payload.uniqueId);
});

customerSDK.on("greeting_canceled", (payload) => {
  console.log("greeting_canceled", payload.uniqueId);
});

customerSDK.on("incoming_chat", (payload) => {
  const { chat } = payload;
  const { id, access, users, properties, thread } = chat;
  console.log("incoming_chat", { id, access, users, properties, thread });
});

customerSDK.on("incoming_event", (payload) => {
  const { chat, event } = payload;
  switch (event.type) {
    case "message":
      console.log("new message - ", event.text);
      break;
    default:
      break;
  }
});

customerSDK.on("incoming_greeting", (payload) => {
  const { text, agent } = payload;
  const { name } = agent;
  console.log(`Received a greeting with "${text}" text content from ${name}.`);
});

customerSDK.on("incoming_rich_message_postback", (payload) => {
  const { chatId, threadId, eventId, userId, postback } = payload;
  console.log("incoming_rich_message_postback", {
    chatId,
    threadId,
    eventId,
    userId,
    postback,
  });
});

customerSDK.on("incoming_typing_indicator", (payload) => {
  if (payload.typingIndicator.isTyping) {
    console.log(
      `user with ${payload.typingIndicator.authorId} id is writing something in ${payload.chatId}`,
    );
  } else {
    console.log(
      `user with ${payload.typingIndicator.authorId} id stopped writing in ${payload.chatId}`,
    );
  }
});

customerSDK.on("incoming_thinking_indicator", (payload) => {
  console.log(
    `Agent ${payload.authorId} is thinking in chat ${payload.chatId}`,
  );

  if (payload.title) {
    console.log(`Thinking title: ${payload.title}`);
  }

  if (payload.description) {
    console.log(`Thinking description: ${payload.description}`);
  }

  if (payload.customId) {
    console.log(`Custom ID: ${payload.customId}`);
  }
});

customerSDK.on("incoming_welcome_message", (payload) => {
  const { id, event } = payload;
  console.log("incoming_welcome_message", { id, event });
});

customerSDK.on("incoming_event_preview", (payload) => {
  console.log(
    `Event preview in chat ${payload.chatId}, thread ${payload.threadId}`,
  );

  if (payload.event && payload.event.type === "message") {
    console.log(`Preview text: ${payload.event.text}`);
  }
});

customerSDK.on("queue_position_updated", (payload) => {
  console.log(payload.chatId);
  console.log(payload.threadId);
  console.log(payload.queue.position);
  console.log(payload.queue.waitTime);
});

customerSDK.on("thread_properties_deleted", (payload) => {
  const { chatId, threadId, properties } = payload;
  console.log("thread_properties_deleted", { chatId, threadId, properties });
});

customerSDK.on("thread_properties_updated", (payload) => {
  const { chatId, threadId, properties } = payload;
  console.log("thread_properties_updated", { chatId, threadId, properties });
});

customerSDK.on("user_added_to_chat", (payload) => {
  const { chatId, user, present } = payload;
  console.log("user_added_to_chat", { chatId, user, present });
});

customerSDK.on("user_data", (user) => {
  console.log(user);
});

customerSDK.on("user_removed_from_chat", (payload) => {
  const { chatId, userId, reason } = payload;
  console.log("user_removed_from_chat", { chatId, userId, reason });
});