packages/react/src/components/slack-connect-button/DefaultSlackConnectButton.tsx - next - githubmirror/novu

packages/react/src/components/slack-connect-button/DefaultSlackConnectButton.tsx

86 строк2 KB

Paweł Tymczuk

feat(dashboard,api-service,js,react,framework): novu copilot agent for slack fixes NV-8316 (#11973)

22 июл 2026, 14:06

22 июл 2026, 14:067d56d88

import { SlackConnectButtonProps } from '@novu/js/ui';
import { useCallback } from 'react';
import { useNovuUI } from '../../context/NovuUIContext';
import { Mounter } from '../Mounter';

export type DefaultSlackConnectButtonProps = Pick<
  SlackConnectButtonProps,
  | 'integrationIdentifier'
  | 'connectionIdentifier'
  | 'subscriberId'
  | 'context'
  | 'contextHash'
  | 'scope'
  | 'connectionMode'
  | 'autoLinkUser'
  | 'onConnectSuccess'
  | 'onConnectError'
  | 'onDisconnectSuccess'
  | 'onDisconnectError'
  | 'connectLabel'
  | 'connectedLabel'
>;

export const DefaultSlackConnectButton = (props: DefaultSlackConnectButtonProps) => {
  const {
    integrationIdentifier,
    connectionIdentifier,
    subscriberId,
    context,
    contextHash,
    scope,
    connectionMode,
    autoLinkUser,
    onConnectSuccess,
    onConnectError,
    onDisconnectSuccess,
    onDisconnectError,
    connectLabel,
    connectedLabel,
  } = props;
  const { novuUI } = useNovuUI();

  const mount = useCallback(
    (element: HTMLElement) => {
      return novuUI.mountComponent({
        name: 'SlackConnectButton',
        props: {
          integrationIdentifier,
          connectionIdentifier,
          subscriberId,
          context,
          contextHash,
          scope,
          connectionMode,
          autoLinkUser,
          onConnectSuccess,
          onConnectError,
          onDisconnectSuccess,
          onDisconnectError,
          connectLabel,
          connectedLabel,
        },
        element,
      });
    },
    [
      novuUI,
      integrationIdentifier,
      connectionIdentifier,
      subscriberId,
      context,
      contextHash,
      scope,
      connectionMode,
      autoLinkUser,
      onConnectSuccess,
      onConnectError,
      onDisconnectSuccess,
      onDisconnectError,
      connectLabel,
      connectedLabel,
    ]
  );

  return <Mounter mount={mount} />;
};