Calls integration

webapp/src/calls_button.tsx

@@ -0,0 +1,5 @@
+import {doTranscribe} from './client';
+
+export function callsPostButtonClickedHandler(post: any) {
+    doTranscribe(post.id);
+}

webapp/src/index.tsx

@@ -15,6 +15,7 @@ import Config from './components/config/config';
 import {doReaction, doSummarize, doTranscribe} from './client';
 import {BotUsername} from './constants';
 import PostEventListener from './websocket';
+import {setupRedux} from './redux';
 
 type WebappStore = Store<GlobalState, Action<Record<string, unknown>>>
 
@@ -25,6 +26,8 @@ export default class Plugin {
 
     // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
     public async initialize(registry: any, store: WebappStore) {
+        setupRedux(registry, store);
+
         registry.registerWebSocketEventHandler(StreamingPostWebsocketEvent, this.postEventListener.handlePostUpdateWebsockets);
         const LLMBotPostWithWebsockets = (props: any) => {
             return (

webapp/src/redux.tsx

@@ -0,0 +1,29 @@
+import {combineReducers, Store, Action} from 'redux';
+import {GlobalState} from '@mattermost/types/lib/store';
+
+import {callsPostButtonClickedHandler} from './calls_button';
+
+type WebappStore = Store<GlobalState, Action<Record<string, unknown>>>
+
+const CallsClickHandler = 'calls_post_button_clicked_handler';
+
+export async function setupRedux(registry: any, store: WebappStore) {
+    const reducer = combineReducers({
+        callsPostButtonClicked,
+    });
+
+    registry.registerReducer(reducer);
+    store.dispatch({
+        type: CallsClickHandler as any,
+        handler: callsPostButtonClickedHandler,
+    });
+}
+
+function callsPostButtonClicked(state = false, action: any) {
+    switch (action.type) {
+    case CallsClickHandler:
+        return action.handler || false;
+    default:
+        return state;
+    }
+}