getStream Chat custom Message Actions

import {
  StreamMessage,
  CustomMessageActionItem,
  DefaultStreamChatGenerics
} from "stream-chat-angular";

customActions: CustomMessageActionItem<DefaultStreamChatGenerics>[] = [
    {
      actionName: 'custom-action',
      actionLabelOrTranslationKey: 'Custom Action',
      actionHandler: (message: StreamMessage<DefaultStreamChatGenerics>) => {
        console.log('Custom action executed for:', message);
      },
      isVisible: (enabledActions: string[]) => {
        return enabledActions.includes('custom-action');
      },
    }
  ];

ngAfterViewInit(): void {
  this.messageActionsService.customActions$.next(this.customActions);
}

this.messageActionsService.customActions$.next([
      {
        actionName: 'forward',
        actionLabelOrTranslationKey: 'Forward',
        isVisible: this.isVisible,
        actionHandler: this.actionHandler,
      },
    ]);
    
  isVisible() {
    return true;
  }

  actionHandler() {
    /* eslint-disable-next-line no-console */
    console.log('forwarded');
  }