Card Messages

import { Injectable, OnDestroy } from '@angular/core';
import { CometChat } from '@cometchat/chat-sdk-javascript';
import { CometChatMessageEvents } from '@cometchat/chat-uikit-angular';
import { Subscription } from 'rxjs';

@Injectable({ providedIn: 'root' })
export class CardListener implements OnDestroy {
  private cardSub?: Subscription;

  start(): void {
    this.cardSub = CometChatMessageEvents.onCardMessageReceived.subscribe(
      (card: CometChat.CardMessage) => {
        console.log('Card received:', card.getId(), card.getCard());
      }
    );
  }

  ngOnDestroy(): void {
    this.cardSub?.unsubscribe();
  }
}

import { Injectable, OnDestroy } from '@angular/core';
import { CometChat } from '@cometchat/chat-sdk-javascript';
import {
  CometChatMessageEvents,
  ICardActionEvent,
} from '@cometchat/chat-uikit-angular';
import type { CometChatCardAction } from '@cometchat/cards-angular';
import { Subscription } from 'rxjs';

/** Narrows the discriminated card action union to one variant by its type. */
type Action<T extends CometChatCardAction['type']> = Extract<CometChatCardAction, { type: T }>;

@Injectable({ providedIn: 'root' })
export class CardActionService implements OnDestroy {
  private actionSub?: Subscription;
  private started = false;

  /** Subscribe once. Idempotent; unsubscribe in ngOnDestroy. */
  start(): void {
    if (this.started) return;
    this.started = true;
    this.actionSub = CometChatMessageEvents.ccCardActionClicked.subscribe(
      (event) => this.dispatch(event)
    );
  }

  ngOnDestroy(): void {
    this.actionSub?.unsubscribe();
  }

  private dispatch(event: ICardActionEvent): void {
    const action = event.action as CometChatCardAction | null | undefined;
    if (!action || typeof action !== 'object') return;

    switch (action.type) {
      case 'openUrl':
        this.openUrl(action);
        break;
      case 'copyToClipboard':
        this.copyToClipboard(action);
        break;
      case 'chatWithUser':
        void this.chatWithUser(action);
        break;
      // ...handle downloadFile, sendMessage, apiCall, chatWithGroup,
      //    initiateCall, and customCallback the same way.
      default:
        break; // Unknown action — the renderer owns the action vocabulary.
    }
  }

  private openUrl(a: Action<'openUrl'>): void {
    if (!a.url) return;
    const target = a.openIn === 'webview' ? '_self' : '_blank';
    window.open(a.url, target, 'noopener,noreferrer');
  }

  private copyToClipboard(a: Action<'copyToClipboard'>): void {
    if (a.value == null) return;
    navigator.clipboard?.writeText(a.value);
  }

  private async chatWithUser(a: Action<'chatWithUser'>): Promise<void> {
    if (!a.uid) return;
    const user = await CometChat.getUser(a.uid);
    // Navigate your app to the conversation with `user`.
  }
}