PSChatProvider

PSChatProvider là thành phần quan trọng nhất trong SDK. Bạn cần đặt các Component của SDK trong PSChatProvider để chúng có thể hoạt động.

Cách sử dụng

import { PSChatProvider } from "@communi/chat-react";

export const App = () => {
  const fetchCommuniToken = () => {
    return "YOUR_COMMUNI_TOKEN";
  };

  return (
    <PSChatProvider appId="YOUR_APP_ID" fetchToken={fetchCommuniToken}>
      // Các component khác của Communi Chat SDK
    </PSChatProvider>
  );
};

Props

Thuộc tính	Mô tả	Kiểu dữ liệu	Bắt buộc	Giá trị mặc định
appId	App ID của bạn	string	Có	_
fetchToken	Function để lấy Communi token từ ứng dụng của bạn. Được gọi khi khởi tạo và khi token hết hạn	function(): string	Có	_
language	Ngôn ngữ hiển thị. Giá trị chấp nhận: 'vi' hoặc 'en'	string	Không	vi
children	Các components khác	ReactNode	Không	_
i18n	Dữ liệu ngôn ngữ bản địa hóa	{vi: Transition, en: Transition}	Không	{}
popoverBoundaryElement	Chỉ định giới hạn của toàn bộ popover của SDK. Nếu được cung cấp, các popover sẽ tuân theo ranh giới của phần tử này.	HTMLElement	Không	_
disableProviderUI	Tắt sử dụng PSUIProvider nếu giá trị là `true`	boolean	Không	false
isGuest	Chạy với chế độ khách nếu giá trị là `true`. Ở chế độ khách thì function `fetchToken` là không bắt buộc	boolean	Không	false
className	Tùy chỉnh class CSS	string	Không	_
style	Tùy chỉnh style CSS	object	Không	_

PSChatProvider

Cách sử dụng​

Props​

Cách sử dụng

Props