Telegram

import { NovuProvider, TelegramConnectButton } from '@novu/react';

// userId: the signed-in user's id from your app's auth session
export function TelegramConnect({ userId }: { userId: string }) {
  const subscriberId = userId;
  const integrationIdentifier = 'telegram-integration-identifier';

  return (
    <NovuProvider
      applicationIdentifier={process.env.NEXT_PUBLIC_NOVU_APPLICATION_IDENTIFIER!}
      subscriberId={subscriberId}
    >
      <TelegramConnectButton
        integrationIdentifier={integrationIdentifier}
        connectLabel="Connect Telegram"
        connectedLabel="Connected to Telegram"
        onConnectSuccess={(endpointIdentifier) => {
          console.log('Connected', endpointIdentifier);
        }}
        onConnectError={(error: unknown) => {
          console.error(error);
        }}
        onDisconnectSuccess={() => {
          // Chat unlinked
        }}
      />
    </NovuProvider>
  );
}