Methods

customerSDK
  .acceptGreeting({
    greetingId: 7,
    uniqueId: "Q10X0W041P",
  })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .cancelGreeting({
    uniqueId: "Q10X0W041P",
  })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .cancelRate({
    chatId: "ON0X0R0L67",
    properties: ["score", "comment"],
  })
  .then((response) => {
    console.log(response);
  })
  .catch(() => {
    console.log(error);
  });

const customerSDK = CustomerSDK.init({
  organizationId: ORGANIZATION_ID,
  clientId: CLIENT_ID,
  autoConnect: false,
});

/* later in the code... */

customerSDK.connect();

customerSDK.on("disconnected", ({ reason }) => {
  if (reason === "inactivity_timeout") {
    customerSDK.connect();
  }
});

customerSDK
  .deactivateChat({ id: "ON0X0R0L67" })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .deleteChatProperties({
    id: "ON0X0R0L67",
    properties: {
      property_namespace: ["sample"],
    },
  })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .deleteEventProperties({
    chatId: "ON0X0R0L67",
    threadId: "OS0C0W0Z1B",
    eventId: "Q50W0A0P0Y",
    properties: {
      property_namespace: ["sample"],
    },
  })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .deleteThreadProperties({
    chatId: "ON0X0R0L67",
    threadId: "OS0C0W0Z1B",
    properties: {
      property_namespace: ["sample"],
    },
  })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK.destroy();

customerSDK.disconnect();

customerSDK
  .getChat({
    chatId: "ON0X0R0L67",
  })
  .then((chat) => {
    const { id, access, users, properties, thread } = chat;
    console.log({ id, access, users, properties, thread });
  })
  .catch((error) => {
    console.log(error);
  });

let wholeChatHistoryLoaded = false;

const history = customerSDK.getChatHistory({ chatId: "OU0V0P0OWT" });

history.next().then((result) => {
  if (result.done) {
    wholeChatHistoryLoaded = true;
  }

  const { threads } = result.value;

  const events = threads
    .map((thread) => thread.events || [])
    .reduce((acc, current) => acc.concat(current), []);

  console.log(events);
});

customerSDK
  .getCustomer()
  .then((customer) => {
    console.log(customer);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .getForm({
    groupId: 0,
    type: "prechat",
  })
  .then((response) => {
    if (response.enabled) {
      // prechat form is enabled for this group in the configurator
      console.log(response.form);
    }
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .getUrlInfo({ url: "https://www.livechat.com" })
  .then((urlDetails) => {
    if (urlDetails.title) {
      console.log(`The title of requested URL is: ${urlDetails.title}`);
    }
    if (urlDetails.description) {
      console.log(
        `The description of requested URL is: ${urlDetails.description}`,
      );
    }
    if (urlDetails.imageUrl) {
      console.log(
        `The preview image of requested URL is available under: ${urlDetails.imageUrl}`,
      );
      if (urlDetails.imageWidth && urlDetails.imageHeight) {
        console.log(`Its width is: ${urlDetails.imageWidth}`);
        console.log(`Its height is: ${urlDetails.imageHeight}`);
      }
    }
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .listChats({
    pageId: "MTU5MTEwMTUxNDM5NTk5OTpkZXNj",
    limit: 10,
  })
  .then(({ chatsSummary, totalChats }) => {
    console.log(chatsSummary);
    console.log(totalChats);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .listGroupStatuses({
    groupIds: [3, 10],
  })
  .then((statusMap) => {
    console.log(`Status of the group 3: ${statusMap[3]}`);
    console.log(`Status of the group 10: ${statusMap[10]}`);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .listThreads({
    chatId: "ON0X0R0L67",
  })
  .then((response) => {
    console.log(response.threads);
    console.log(response.previousPageId);
    console.log(response.nextPageId);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .markEventsAsSeen({
    chatId: "ON0X0R0L67",
    seenUpTo: "2017-10-12T15:19:21.010200Z",
  })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .rateChat({
    chatId: "ON0X0R0L67",
    rating: {
      score: 1,
      comment: "Agent helped me a lot!",
    },
  })
  .then(() => {
    console.log("Rating has been set");
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .requestWelcomeMessage({
    id: "previous-welcome-message-id",
  })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .sendGreetingButtonClicked({
    greetingUniqueId: "Q10X0W041P",
    buttonId: "20ff0b3f-fbed-49f4-b13f-788c9ec66f03",
  })
  .then(() => {
    console.log("success");
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .resumeChat({
    chat: {
      id: "OU0V0P0OWT",
      thread: {
        events: [],
      },
    },
  })
  .then((chat) => {
    console.log(chat);
  })
  .catch((error) => {
    console.log(error);
  });

const event = {
  type: "message",
  // ... other properties specific for the event's type
};

customerSDK
  .sendEvent({
    chatId: "ON0X0R0L67",
    event,
  })
  .then((event) => {
    console.log(event);
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK
  .sendRichMessagePostback({
    chatId: "ON0X0R0L67",
    threadId: "OS0C0W0Z1B",
    eventId: "OS0C0W0Z1B01",
    postback: {
      id: "OS0C0W0Z1B01002",
      toggled: true,
    },
  })
  .then(() => {
    console.log("success");
  })
  .catch((error) => {
    console.log(error);
  });

customerSDK.setCustomerSessionFields({
  sessionFields: {
    foo: "bar",
    test: "qwerty",
  },
});

customerSDK.setSneakPeek({
  chatId: "ON0X0R0L67",
  sneakPeekText: "what is the price for your ",
});

customerSDK
  .startChat({
    chat: {
      thread: {
        events: [],
      },
    },
  })
  .then((chat) => {
    console.log(chat);
  })
  .catch((error) => {
    console.log(error);
  });

const properties = {
  property_namespace: {
    sample: "property",
  },
};
customerSDK
  .updateChatProperties({ id: "ON0X0R0L67", properties })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

const properties = {
  name: "John Doe",
  email: "john.doe@example.com",
  sessionFields: {
    custom_property: "BasketValue=10usd",
    any_key_is_ok: "sample custom field",
  },
};
customerSDK.updateCustomer(properties);

const page = {
  url: "https://platform.text.com/",
  title: "Text for Developers",
};
customerSDK.updateCustomerPage(page);

const properties = {
  property_namespace: {
    sample: "property",
  },
};
customerSDK
  .updateEventProperties({
    chatId: "ON0X0R0L67",
    threadId: "OS0C0W0Z1B",
    eventId: "Q50W0A0P0Y",
    properties,
  })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

const properties = {
  property_namespace: {
    sample: "property",
  },
};
customerSDK
  .updateThreadProperties({
    chatId: "ON0X0R0L67",
    threadId: "OS0C0W0Z1B",
    properties,
  })
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

const { promise, cancel } = customerSDK.uploadFile({
  file,
  onProgress: (progress) => console.log(`upload progress: ${progress}`),
});

document.getElementById("cancel-upload").onclick = () => {
  cancel();
};

promise
  .then((response) => {
    console.log(response.url);
  })
  .catch((error) => {
    console.log(error);
  });

const file = {
  uri: uriFromCameraRoll,
  type: "image/jpeg", // optional
  name: "photo.jpg", // optional
};