@rimori/client 1.0.4 → 1.1.0

package/src/plugin/fromRimori/EventBus.ts

@@ -31,11 +31,15 @@ interface Listeners<T = EventPayload> {
   ignoreSender?: string[];
 }
 
+export interface EventListener {
+  off: () => void;
+}
+
 export class EventBusHandler {
   private listeners: Map<string, Set<Listeners<EventPayload>>> = new Map();
   private responseResolvers: Map<number, (value: EventBusMessage<unknown>) => void> = new Map();
   private static instance: EventBusHandler | null = null;
-  private debugEnabled: boolean = false;
+  private debugEnabled: boolean = true;
   private evName: string = "";
 
   private constructor() {
@@ -128,8 +132,9 @@ export class EventBusHandler {
    * @param ignoreSender - The senders to ignore.
    * @returns The ids of the listeners.
    */
-  public on<T = EventPayload>(topics: string | string[], handler: EventHandler<T>, ignoreSender: string[] = []): string[] {
-    return this.toArray(topics).map(topic => {
+  public on<T = EventPayload>(topics: string | string[], handler: EventHandler<T>, ignoreSender: string[] = []): EventListener {
+    const ids = this.toArray(topics).map(topic => {
+      this.logIfDebug(`Subscribing to ` + topic, { ignoreSender });
       if (!this.validateTopic(topic)) {
         this.logAndThrowError(true, `Invalid topic: ` + topic);
       }
@@ -147,6 +152,10 @@ export class EventBusHandler {
 
       return btoa(JSON.stringify({ topic, id }));
     });
+
+    return {
+      off: () => this.off(ids)
+    };
   }
 
   /**
@@ -156,14 +165,16 @@ export class EventBusHandler {
    * @param handler - The handler to be called when the event is received. The handler returns the data to be emitted. Can be a static object or a function.
    * @returns The ids of the listeners.
    */
-  public respond(sender: string, topic: string, handler: EventPayload | ((data: EventBusMessage) => EventPayload | Promise<EventPayload>)): string[] {
-    const ids = this.on(topic, async (data: EventBusMessage) => {
+  public respond(sender: string, topic: string, handler: EventPayload | ((data: EventBusMessage) => EventPayload | Promise<EventPayload>)): EventListener {
+    const listener = this.on(topic, async (data: EventBusMessage) => {
       const response = typeof handler === "function" ? await handler(data) : handler;
       this.emit(sender, topic, response, data.eventId);
     }, [sender]);
 
-    this.logIfDebug(`Added respond listener ` + sender + " to topic " + topic, { listenerIds: ids, sender });
-    return ids;
+    this.logIfDebug(`Added respond listener ` + sender + " to topic " + topic, { listener, sender });
+    return {
+      off: () => listener.off()
+    };
   }
 
   /**
@@ -177,21 +188,21 @@ export class EventBusHandler {
       return;
     }
 
-    let ids: string[] = [];
+    let listener: EventListener | undefined;
     const wrapper = (event: EventBusMessage<T>) => {
       handler(event);
-      this.off(ids);
+      listener?.off();
     };
-    ids = this.on(topic, wrapper);
+    listener = this.on(topic, wrapper);
 
-    this.logIfDebug(`Added once listener ` + topic, { listenerIds: ids, topic });
+    this.logIfDebug(`Added once listener ` + topic, { listener, topic });
   }
 
   /**
    * Unsubscribes from an event on the event bus.
    * @param listenerIds - The ids of the listeners to unsubscribe from.
    */
-  public off(listenerIds: string | string[]): void {
+  private off(listenerIds: string | string[]): void {
     this.toArray(listenerIds).forEach(fullId => {
       const { topic, id } = JSON.parse(atob(fullId));
 

package/src/plugin/fromRimori/PluginTypes.ts

@@ -0,0 +1,67 @@
+
+
+// whole configuration of a plugin (from the database)
+export interface Plugin {
+  id: string;
+  title: string;
+  description: string;
+  git_repository: string;
+  website: string;
+  icon_url: string;
+  version: string;
+  author: string;
+  endpoint: string;
+  context_menu_actions: MenuEntry[];
+  plugin_pages: PluginPage[];
+  sidebar_pages: SidebarPage[];
+  settings_page: string;
+  worker?: {
+    url: string;
+    topics?: string[];
+  };
+}
+
+// browsable page of a plugin
+export interface PluginPage {
+  name: string;
+  url: string;
+  // Whether the page should be shown in the navbar
+  show: boolean;
+  description: string;
+  root: string;
+  // The actions that can be triggered in the plugin
+  // The key is the action key. The other entries are additional properties needed when triggering the action
+  action?: (Record<string, string> & {
+    key: string;
+  })
+}
+
+// a sidebar page of a plugin
+export interface SidebarPage {
+  name: string;
+  url: string;
+  iconUrl: string;
+  description: string;
+  actionKey: string;
+}
+
+// context menu entry being configured in the plugin configuration
+export interface MenuEntry {
+  text: string;
+  pluginId: string;
+  actionKey: string;
+  icon?: React.ReactNode;
+}
+
+// an action from the main panel that can be triggered and performs an action in the main panel
+export type MainPanelAction = {
+  pluginId: string;
+  actionKey: string;
+} & Record<string, string>;
+
+// an action from the context menu that can be triggered and performs an action in the sidebar plugin
+export interface ContextMenuAction {
+  text: string;
+  pluginId: string;
+  actionKey: string
+}

package/src/providers/PluginProvider.tsx

@@ -2,123 +2,76 @@ import React, { createContext, useContext, ReactNode, useEffect, useState } from
 import { PluginController } from '../plugin/PluginController';
 import { RimoriClient } from '../plugin/RimoriClient';
 import { EventBusHandler } from '../plugin/fromRimori/EventBus';
+import ContextMenu from '../core/components/ContextMenu';
 
 interface PluginProviderProps {
-    children: ReactNode;
-    pluginId: string;
+  children: ReactNode;
+  pluginId: string;
 }
 
-EventBusHandler.getInstance("Plugin EventBus");
-
 const PluginContext = createContext<RimoriClient | null>(null);
 
 export const PluginProvider: React.FC<PluginProviderProps> = ({ children, pluginId }) => {
-    const [plugin, setPlugin] = useState<RimoriClient | null>(null);
-    const [contextMenuOnSelect, setContextMenuOnTextSelection] = useState(false);
-
-    //route change
-    useEffect(() => {
-        let lastHash = window.location.hash;
-
-        setInterval(() => {
-            if (lastHash !== window.location.hash) {
-                lastHash = window.location.hash;
-                console.log('url changed:', lastHash);
-                plugin?.event.emit('session.triggerUrlChange', window.location.hash);
-            }
-        }, 100);
-        PluginController.getInstance(pluginId).then(setPlugin);
-    }, []);
-
-    //check if context menu opens on text selection
-    useEffect(() => {
-        if (!plugin) return;
-        plugin.plugin.getUserInfo().then((userInfo) => {
-            setContextMenuOnTextSelection(userInfo.contextMenuOnSelect);
-        }).catch(error => {
-            console.error('Error fetching settings:', error);
-        });
-    }, [plugin]);
-
-    //detect page height change
-    useEffect(() => {
-        const body = document.body;
-        const handleResize = () => plugin?.event.emit('session.triggerHeightChange', body.clientHeight);
-        body.addEventListener('resize', handleResize);
-        handleResize();
-        return () => body.removeEventListener('resize', handleResize);
-    }, [plugin]);
-
-    //context menu
-    useEffect(() => {
-        let lastMouseX = 0;
-        let lastMouseY = 0;
-        let isSelecting = false;
-
-        // Track mouse position
-        const handleMouseMove = (e: MouseEvent) => {
-            lastMouseX = e.clientX;
-            lastMouseY = e.clientY;
-        };
-
-        const handleContextMenu = (e: MouseEvent) => {
-            const selection = window.getSelection()?.toString().trim();
-            if (selection) {
-                e.preventDefault();
-                // console.log('context menu handled', selection);
-                plugin?.event.emit('global.contextMenu.trigger', { text: selection, x: e.clientX, y: e.clientY, open: true });
-            }
-        };
-
-        const handleSelectionChange = () => {
-            // if (triggerOnTextSelection) {
-            const selection = window.getSelection()?.toString().trim();
-            const open = !!selection && isSelecting;
-            // console.log('Selection change, contextMenuOnSelect:', contextMenuOnSelect);
-            plugin?.event.emit('global.contextMenu.trigger', { text: selection, x: lastMouseX, y: lastMouseY, open });
-            // }
-        };
-        const handleMouseUpDown = (e: MouseEvent) => {
-            if (e.type === 'mousedown') {
-                isSelecting = false;
-            } else if (e.type === 'mouseup') {
-                isSelecting = true;
-                // console.log('mouseup, contextMenuOnSelect:', contextMenuOnSelect);
-                if (contextMenuOnSelect) {
-                    handleSelectionChange();
-                }
-            }
-        };
-
-        document.addEventListener('contextmenu', handleContextMenu);
-        document.addEventListener('selectionchange', handleSelectionChange);
-        document.addEventListener("mousemove", handleMouseMove);
-        document.addEventListener('mousedown', handleMouseUpDown);
-        document.addEventListener('mouseup', handleMouseUpDown);
-        return () => {
-            document.removeEventListener("mousemove", handleMouseMove);
-            document.removeEventListener('contextmenu', handleContextMenu);
-            document.removeEventListener('selectionchange', handleSelectionChange);
-            document.removeEventListener('mousedown', handleMouseUpDown);
-            document.removeEventListener('mouseup', handleMouseUpDown);
-        };
-    }, [plugin, contextMenuOnSelect]);
-
-    if (!plugin) {
-        return ""
-    }
-
-    return (
-        <PluginContext.Provider value={plugin}>
-            {children}
-        </PluginContext.Provider>
-    );
+  const [plugin, setPlugin] = useState<RimoriClient | null>(null);
+  initEventBus(pluginId);
+
+  useEffect(() => {
+    PluginController.getInstance(pluginId).then(setPlugin);
+  }, [pluginId]);
+
+  //route change
+  useEffect(() => {
+    if (!plugin) return;
+
+    const url = new URL(window.location.href);
+    //sidebar pages should not report url changes
+    if (url.searchParams.get("applicationMode") === "sidebar") return;
+
+    let lastHash = url.hash;
+    const emitUrlChange = (url: string) => plugin.event.emit('session.triggerUrlChange', { url });
+
+    const interval = setInterval(() => {
+      if (lastHash === window.location.hash) return;
+      lastHash = window.location.hash;
+      // console.log('url changed:', lastHash);
+      emitUrlChange(lastHash);
+    }, 1000);
+
+    emitUrlChange(lastHash);
+    return () => clearInterval(interval);
+  }, [plugin]);
+
+  //detect page height change
+  useEffect(() => {
+    const body = document.body;
+    const handleResize = () => plugin?.event.emit('session.triggerHeightChange', body.clientHeight);
+    body.addEventListener('resize', handleResize);
+    handleResize();
+    return () => body.removeEventListener('resize', handleResize);
+  }, [plugin]);
+
+  if (!plugin) {
+    return ""
+  }
+
+  return (
+    <PluginContext.Provider value={plugin}>
+      <ContextMenu client={plugin} />
+      {children}
+    </PluginContext.Provider>
+  );
 };
 
 export const usePlugin = () => {
-    const context = useContext(PluginContext);
-    if (context === null) {
-        throw new Error('usePlugin must be used within an PluginProvider');
-    }
-    return context;
-};
+  const context = useContext(PluginContext);
+  if (context === null) {
+    throw new Error('usePlugin must be used within an PluginProvider');
+  }
+  return context;
+};
+
+function initEventBus(pluginId: string) {
+  const url = new URL(window.location.href);
+  const isSidebar = url.searchParams.get("applicationMode") === "sidebar";
+  EventBusHandler.getInstance("Plugin EventBus " + pluginId + " " + (isSidebar ? "sidebar" : "main"));
+}

package/src/types/Actions.ts

@@ -0,0 +1,6 @@
+// the received action when the plugin pages action is triggered
+// This is based upon plugin_pages configuration of the plugin
+export type MainPanelAction = {
+  pluginId: string;
+  actionKey: string;
+} & Record<string, string>;

package/src/utils/Language.ts

@@ -0,0 +1,70 @@
+export const languageKeys = {
+  sq: "albanian",
+  ar: "arabic",
+  hy: "armenian",
+  az: "azerbaijani",
+  bn: "bengali",
+  bs: "bosnian",
+  bg: "bulgarian",
+  ca: "catalan",
+  zh: "chinese",
+  hr: "croatian",
+  cs: "czech",
+  da: "danish",
+  nl: "dutch",
+  en: "english",
+  et: "estonian",
+  fi: "finnish",
+  fr: "french",
+  gl: "galician",
+  de: "german",
+  el: "greek",
+  he: "hebrew",
+  hi: "hindi",
+  hu: "hungarian",
+  is: "icelandic",
+  id: "indonesian",
+  it: "italian",
+  ja: "japanese",
+  kn: "kannada",
+  kk: "kazakh",
+  ko: "korean",
+  lv: "latvian",
+  lt: "lithuanian",
+  mk: "macedonian",
+  ms: "malay",
+  mr: "marathi",
+  mi: "maori",
+  ne: "nepali",
+  no: "norwegian",
+  fa: "persian",
+  pl: "polish",
+  pt: "portuguese",
+  ro: "romanian",
+  ru: "russian",
+  sr: "serbian",
+  sk: "slovak",
+  sl: "slovenian",
+  es: "spanish",
+  sw: "swahili",
+  sv: "swedish",
+  tl: "filipino",
+  ta: "tamil",
+  th: "thai",
+  tr: "turkish",
+  uk: "ukrainian",
+  ur: "urdu",
+  vi: "vietnamese",
+  cy: "welsh"
+} as const;
+
+export type Language = keyof typeof languageKeys;
+
+/**
+ * Get the language name from the language code
+ * @param languageCode The code of the language
+ * @returns The language name
+ */
+export function getLanguageName(languageCode: Language): string {
+  return languageKeys[languageCode];
+}

package/src/utils/difficultyConverter.ts

@@ -9,3 +9,7 @@ export function getDifficultyLevel(difficulty: LanguageLevel): number {
 export function getDifficultyLabel(difficulty: number): LanguageLevel {
     return codes[difficulty] as LanguageLevel;
 }
+
+export function getNeighborDifficultyLevel(difficulty: LanguageLevel, difficultyAdjustment: number): LanguageLevel {
+    return getDifficultyLabel(getDifficultyLevel(difficulty) + difficultyAdjustment);
+}

package/src/worker/WorkerSetup.ts

@@ -13,12 +13,13 @@ let debugEnabled = false;
 export function setupWorker(init: (controller: RimoriClient) => void | Promise<void>) {
   // Mock of the window object for the worker context to be able to use the PluginController.
   const mockWindow = {
+    isWorker: true,
     location: { search: '?secret=123' },
     parent: {
       postMessage: (message: { event: EventBusMessage }) => {
         message.event.sender = "worker." + message.event.sender;
         checkDebugMode(message.event);
-        logIfDebug('[Worker] sending event to Rimori', message.event);
+        logIfDebug('sending event to Rimori', message.event);
         self.postMessage(message)
       }
     },
@@ -39,7 +40,7 @@ export function setupWorker(init: (controller: RimoriClient) => void | Promise<v
   // Handle init message from Rimori.
   self.onmessage = async (response: MessageEvent) => {
     checkDebugMode(response.data);
-    logIfDebug('[Worker] message received', response.data);
+    logIfDebug('Message received', response.data);
 
     const event = response.data as EventBusMessage;
 
@@ -48,9 +49,9 @@ export function setupWorker(init: (controller: RimoriClient) => void | Promise<v
         mockWindow.APP_CONFIG.SUPABASE_URL = event.data.supabaseUrl;
         mockWindow.APP_CONFIG.SUPABASE_ANON_KEY = event.data.supabaseAnonKey;
         controller = await PluginController.getInstance(event.data.pluginId);
-        logIfDebug('[Worker] Worker initialized.');
+        logIfDebug('Worker initialized.');
         await init(controller);
-        logIfDebug('[Worker] Plugin listeners initialized.');
+        logIfDebug('Plugin listeners initialized.');
       }
       const initEvent: EventBusMessage = {
         timestamp: new Date().toISOString(),

package/dist/components/avatar/Assistant.d.ts

@@ -1,9 +0,0 @@
-import { FirstMessages } from './utils';
-interface Props {
-    voiceId: any;
-    avatarImageUrl: string;
-    onComplete: (result: any) => void;
-    autoStartConversation?: FirstMessages;
-}
-export declare function AssistantChat({ avatarImageUrl, voiceId, onComplete, autoStartConversation }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/avatar/Assistant.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useMemo } from 'react';
-import { CircleAudioAvatar } from './EmbeddedAssistent/CircleAudioAvatar';
-import { AudioInputField } from './EmbeddedAssistent/AudioInputField';
-import { MessageSender } from './EmbeddedAssistent/TTS/MessageSender';
-import Markdown from 'react-markdown';
-import { useChat } from '../../hooks/UseChatHook';
-import { usePlugin } from '../../components';
-import { getFirstMessages } from './utils';
-export function AssistantChat({ avatarImageUrl, voiceId, onComplete, autoStartConversation }) {
-    var _a;
-    const [oralCommunication, setOralCommunication] = React.useState(true);
-    const { llm, event } = usePlugin();
-    const sender = useMemo(() => new MessageSender(llm.getVoice, voiceId), []);
-    const { messages, append, isLoading, setMessages } = useChat();
-    const lastAssistantMessage = (_a = [...messages].filter((m) => m.role === 'assistant').pop()) === null || _a === void 0 ? void 0 : _a.content;
-    useEffect(() => {
-        sender.setOnLoudnessChange((value) => event.emit('self.avatar.triggerLoudness', value));
-        if (!autoStartConversation) {
-            return;
-        }
-        setMessages(getFirstMessages(autoStartConversation));
-        // append([{ role: 'user', content: autoStartConversation.userMessage }]);
-        if (autoStartConversation.assistantMessage) {
-            // console.log("autostartmessages", { autoStartConversation, isLoading });
-            sender.handleNewText(autoStartConversation.assistantMessage, isLoading);
-        }
-    }, []);
-    useEffect(() => {
-        var _a;
-        let message = lastAssistantMessage;
-        if (message !== ((_a = messages[messages.length - 1]) === null || _a === void 0 ? void 0 : _a.content)) {
-            message = undefined;
-        }
-        sender.handleNewText(message, isLoading);
-    }, [messages, isLoading]);
-    const lastMessage = messages[messages.length - 1];
-    useEffect(() => {
-        console.log("lastMessage", lastMessage);
-        const toolInvocations = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.toolInvocations;
-        if (toolInvocations && toolInvocations.length > 0) {
-            console.log("toolInvocations", toolInvocations);
-            onComplete(toolInvocations[0].args);
-        }
-    }, [lastMessage]);
-    if ((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.toolInvocations) && lastMessage.toolInvocations.length > 0) {
-        console.log("lastMessage test2", lastMessage);
-        const args = lastMessage.toolInvocations[0].args;
-        const success = args.explanationUnderstood === "TRUE" || args.studentKnowsTopic === "TRUE";
-        return _jsxs("div", { className: "px-5 pt-5 overflow-y-auto text-center", style: { height: "478px" }, children: [_jsx("h1", { className: 'text-center mt-5 mb-5', children: success ? "Great job!" : "You failed" }), _jsx("p", { children: args.improvementHints })] });
-    }
-    return (_jsxs("div", { children: [oralCommunication && _jsx(CircleAudioAvatar, { imageUrl: avatarImageUrl, className: 'mx-auto my-10' }), _jsx("div", { className: "w-full", children: lastAssistantMessage && _jsx("div", { className: "px-5 pt-5 overflow-y-auto remirror-theme", style: { height: "4k78px" }, children: _jsx(Markdown, { children: lastAssistantMessage }) }) }), _jsx(AudioInputField, { blockSubmission: isLoading, onSubmit: message => {
-                    append([{ role: 'user', content: message, id: messages.length.toString() }]);
-                }, onAudioControl: voice => {
-                    setOralCommunication(voice);
-                    sender.setVolume(voice ? 1 : 0);
-                } })] }));
-}
-;

package/dist/components/avatar/Avatar.d.ts

@@ -1,12 +0,0 @@
-import { Tool } from '../../core';
-import { FirstMessages } from './utils';
-interface Props {
-    title?: string;
-    voiceId: any;
-    avatarImageUrl: string;
-    agentTools: Tool[];
-    onComplete: (result: Record<string, string>) => void;
-    autoStartConversation?: FirstMessages;
-}
-export declare function Avatar({ avatarImageUrl, voiceId, onComplete, title, agentTools, autoStartConversation }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/avatar/Avatar.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo } from 'react';
-import { VoiceRecorder } from './EmbeddedAssistent/VoiceRecoder';
-import { MessageSender } from './EmbeddedAssistent/TTS/MessageSender';
-import { CircleAudioAvatar } from './EmbeddedAssistent/CircleAudioAvatar';
-import { useChat } from '../../hooks/UseChatHook';
-import { usePlugin } from '../../components';
-import { getFirstMessages } from './utils';
-export function Avatar({ avatarImageUrl, voiceId, onComplete, title, agentTools, autoStartConversation }) {
-    var _a;
-    const { llm, event } = usePlugin();
-    const sender = useMemo(() => new MessageSender(llm.getVoice, voiceId), []);
-    const { messages, append, isLoading, lastMessage, setMessages } = useChat(agentTools);
-    useEffect(() => {
-        console.log("messages", messages);
-    }, [messages]);
-    useEffect(() => {
-        sender.setOnLoudnessChange((value) => event.emit('self.avatar.triggerLoudness', value));
-        if (!autoStartConversation)
-            return;
-        setMessages(getFirstMessages(autoStartConversation));
-        // append([{ role: 'user', content: autoStartConversation.userMessage }]);
-        if (autoStartConversation.assistantMessage) {
-            // console.log("autostartmessages", { autoStartConversation, isLoading });
-            sender.handleNewText(autoStartConversation.assistantMessage, isLoading);
-        }
-    }, []);
-    useEffect(() => {
-        if ((lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.role) === 'assistant') {
-            sender.handleNewText(lastMessage.content, isLoading);
-        }
-    }, [lastMessage, isLoading]);
-    const invocation = (_a = lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.toolInvocations) === null || _a === void 0 ? void 0 : _a[0];
-    useEffect(() => {
-        if (invocation)
-            onComplete(invocation.args);
-    }, [lastMessage]);
-    return (_jsxs("div", { className: 'pb-8', children: [title && _jsx("p", { className: "text-center mt-5 w-3/4 mx-auto rounded-lg dark:text-gray-100", children: title }), _jsx(CircleAudioAvatar, { imageUrl: avatarImageUrl, width: "250px", className: 'mx-auto' }), _jsx("div", { className: 'w-16 h-16 flex text-4xl shadow-lg flex-row justify-center items-center rounded-full mx-auto bg-gray-400 dark:bg-gray-800', children: _jsx(VoiceRecorder, { className: 'w-7', iconSize: '300', onVoiceRecorded: (message) => {
-                        append([{ role: 'user', content: "Message(" + Math.floor((messages.length + 1) / 2) + "): " + message, id: messages.length.toString() }]);
-                    } }) })] }));
-}
-;

package/dist/components/avatar/EmbeddedAssistent/AudioInputField.d.ts

@@ -1,7 +0,0 @@
-interface AudioInputFieldProps {
-    onSubmit: (text: string) => void;
-    onAudioControl?: (voice: boolean) => void;
-    blockSubmission?: boolean;
-}
-export declare function AudioInputField({ onSubmit, onAudioControl, blockSubmission }: AudioInputFieldProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/avatar/EmbeddedAssistent/AudioInputField.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { VoiceRecorder } from './VoiceRecoder';
-import { BiSolidRightArrow } from "react-icons/bi";
-import { HiMiniSpeakerXMark, HiMiniSpeakerWave } from "react-icons/hi2";
-export function AudioInputField({ onSubmit, onAudioControl, blockSubmission = false }) {
-    const [text, setText] = useState('');
-    const [audioEnabled, setAudioEnabled] = useState(true);
-    const handleSubmit = (manualText) => {
-        if (blockSubmission)
-            return;
-        const sendableText = manualText || text;
-        if (sendableText.trim()) {
-            onSubmit(sendableText);
-            setTimeout(() => {
-                setText('');
-            }, 100);
-        }
-    };
-    const handleKeyDown = (e) => {
-        if (blockSubmission)
-            return;
-        if (e.key === 'Enter' && e.ctrlKey) {
-            setText(text + '\n');
-        }
-        else if (e.key === 'Enter') {
-            handleSubmit();
-        }
-    };
-    return (_jsxs("div", { className: "flex items-center bg-gray-600 pt-2 pb-2 p-2", children: [onAudioControl && _jsx("button", { onClick: () => {
-                    onAudioControl(!audioEnabled);
-                    setAudioEnabled(!audioEnabled);
-                }, className: "cursor-default", children: audioEnabled ? _jsx(HiMiniSpeakerWave, { className: 'w-9 h-9 cursor-pointer' }) : _jsx(HiMiniSpeakerXMark, { className: 'w-9 h-9 cursor-pointer' }) }), _jsx(VoiceRecorder, { onVoiceRecorded: (m) => {
-                    console.log('onVoiceRecorded', m);
-                    handleSubmit(m);
-                } }), _jsx("textarea", { value: text, onChange: (e) => setText(e.target.value), onKeyDown: handleKeyDown, className: "flex-1 border-none rounded-lg p-2 text-gray-800 focus::outline-none", placeholder: 'Type a message...', disabled: blockSubmission }), _jsx("button", { onClick: () => handleSubmit(), className: "cursor-default", disabled: blockSubmission, children: _jsx(BiSolidRightArrow, { className: 'w-9 h-10 cursor-pointer' }) })] }));
-}
-;

package/dist/components/avatar/EmbeddedAssistent/CircleAudioAvatar.d.ts

@@ -1,7 +0,0 @@
-interface CircleAudioAvatarProps {
-    width?: string;
-    imageUrl: string;
-    className?: string;
-}
-export declare function CircleAudioAvatar({ imageUrl, className, width }: CircleAudioAvatarProps): import("react/jsx-runtime").JSX.Element;
-export {};