@rapidaai/react 1.1.27

package/dist/chunk-GFACTURU.mjs

@@ -0,0 +1,50 @@
+import {
+  agentMessageChangeEventObserver,
+  useMaybeVoiceAgent
+} from "./chunk-AB3ZXSEN.mjs";
+import {
+  cn
+} from "./chunk-32YFHJN5.mjs";
+
+// src/components/text/conversations/index.tsx
+import React, { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Conversation = ({
+  className,
+  MessageWrapper,
+  intialConversations = []
+}) => {
+  const [chats, setChats] = useState([]);
+  const ctrRef = useRef(null);
+  const [_, setChanged] = useState(false);
+  const agentContext = useMaybeVoiceAgent();
+  React.useEffect(() => {
+    const serverEventListner = agentMessageChangeEventObserver(
+      agentContext
+    ).subscribe((agentEvents) => {
+      setChats([...intialConversations, ...agentEvents.chats]);
+      setChanged((prevChanged) => !prevChanged);
+    });
+    return () => {
+      serverEventListner.unsubscribe();
+    };
+  }, [agentContext]);
+  const scrollTo = (ref) => {
+    setTimeout(
+      () => ref.current?.scrollIntoView({ inline: "center", behavior: "smooth" }),
+      777
+    );
+  };
+  useEffect(() => {
+    scrollTo(ctrRef);
+  }, [JSON.stringify(chats)]);
+  return /* @__PURE__ */ jsxs("ul", { className: cn(className), children: [
+    chats.map((chat, idx) => /* @__PURE__ */ jsx(MessageWrapper, { message: chat }, `msg-idx-${idx}`)),
+    /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("div", { ref: ctrRef }) })
+  ] });
+};
+
+export {
+  Conversation
+};
+//# sourceMappingURL=chunk-GFACTURU.mjs.map

package/dist/chunk-GFACTURU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/text/conversations/index.tsx"],"sourcesContent":["/*\n *  Copyright (c) 2024. Rapida\n *\n *  Permission is hereby granted, free of charge, to any person obtaining a copy\n *  of this software and associated documentation files (the \"Software\"), to deal\n *  in the Software without restriction, including without limitation the rights\n *  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n *  copies of the Software, and to permit persons to whom the Software is\n *  furnished to do so, subject to the following conditions:\n *\n *  The above copyright notice and this permission notice shall be included in\n *  all copies or substantial portions of the Software.\n *\n *  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n *  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n *  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n *  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n *  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n *  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n *  THE SOFTWARE.\n *\n *  Author: Prashant <prashant@rapida.ai>\n *\n */\nimport { agentMessageChangeEventObserver } from \"@/rapida/hooks/observables/voice-agent\";\nimport { Message } from \"@/rapida/agents/message\";\nimport { useMaybeVoiceAgent } from \"@/rapida/hooks/use-voice-agent\";\nimport { cn } from \"@/rapida/styles\";\nimport React, { FC, HTMLAttributes, useEffect, useRef, useState } from \"react\";\n\n/**\n * Props for the Conversation component.\n * @interface ConversationProps\n * @extends HTMLAttributes<HTMLDivElement>\n */\ninterface ConversationProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * A React component used to wrap individual messages.\n   * It should accept props of type HTMLAttributes<HTMLLIElement> and a 'message' prop of type Message.\n   */\n  MessageWrapper: React.ComponentType<\n    HTMLAttributes<HTMLLIElement> & { message: Message }\n  >;\n\n  /**\n   * An optional array of initial messages to populate the conversation.\n   */\n  intialConversations?: Message[];\n}\n\nexport const Conversation: FC<ConversationProps> = ({\n  className,\n  MessageWrapper,\n  intialConversations = [],\n}) => {\n  const [chats, setChats] = useState<Message[]>([]);\n  const ctrRef = useRef<HTMLDivElement>(null);\n  const [_, setChanged] = useState(false);\n  const agentContext = useMaybeVoiceAgent();\n  //\n  React.useEffect(() => {\n    const serverEventListner = agentMessageChangeEventObserver(\n      agentContext!\n    ).subscribe((agentEvents) => {\n      setChats([...intialConversations, ...agentEvents.chats]);\n      setChanged((prevChanged) => !prevChanged);\n    });\n\n    return () => {\n      serverEventListner.unsubscribe();\n    };\n  }, [agentContext]);\n\n  const scrollTo = (ref) => {\n    setTimeout(\n      () =>\n        ref.current?.scrollIntoView({ inline: \"center\", behavior: \"smooth\" }),\n      777\n    );\n  };\n\n  //   on change of message to scroll\n  useEffect(() => {\n    scrollTo(ctrRef);\n  }, [JSON.stringify(chats)]);\n\n  return (\n    <ul className={cn(className)}>\n      {chats.map((chat, idx) => (\n        <MessageWrapper key={`msg-idx-${idx}`} message={chat} />\n      ))}\n      <li>\n        <div ref={ctrRef} />\n      </li>\n    </ul>\n  );\n};\n"],"mappings":";;;;;;;;;AA4BA,OAAO,SAA6B,WAAW,QAAQ,gBAAgB;AA2DnE,SAEI,KAFJ;AArCG,IAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,sBAAsB,CAAC;AACzB,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAoB,CAAC,CAAC;AAChD,QAAM,SAAS,OAAuB,IAAI;AAC1C,QAAM,CAAC,GAAG,UAAU,IAAI,SAAS,KAAK;AACtC,QAAM,eAAe,mBAAmB;AAExC,QAAM,UAAU,MAAM;AACpB,UAAM,qBAAqB;AAAA,MACzB;AAAA,IACF,EAAE,UAAU,CAAC,gBAAgB;AAC3B,eAAS,CAAC,GAAG,qBAAqB,GAAG,YAAY,KAAK,CAAC;AACvD,iBAAW,CAAC,gBAAgB,CAAC,WAAW;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM;AACX,yBAAmB,YAAY;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,QAAM,WAAW,CAAC,QAAQ;AACxB;AAAA,MACE,MACE,IAAI,SAAS,eAAe,EAAE,QAAQ,UAAU,UAAU,SAAS,CAAC;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AAGA,YAAU,MAAM;AACd,aAAS,MAAM;AAAA,EACjB,GAAG,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC;AAE1B,SACE,qBAAC,QAAG,WAAW,GAAG,SAAS,GACxB;AAAA,UAAM,IAAI,CAAC,MAAM,QAChB,oBAAC,kBAAsC,SAAS,QAA3B,WAAW,GAAG,EAAmB,CACvD;AAAA,IACD,oBAAC,QACC,8BAAC,SAAI,KAAK,QAAQ,GACpB;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-Q4OXFE34.mjs

@@ -0,0 +1,88 @@
+import {
+  agentInputMediaDeviceChangeObservable,
+  browserMediaDeviceObserver,
+  useMaybeVoiceAgent
+} from "./chunk-AB3ZXSEN.mjs";
+
+// src/hooks/use-select-input-device-agent.ts
+import * as React2 from "react";
+
+// src/hooks/use-observable-state.ts
+import * as React from "react";
+function useObservableState(observable, startWith, resetWhenObservableChanges = true) {
+  const [state, setState] = React.useState(startWith);
+  React.useEffect(() => {
+    if (resetWhenObservableChanges) {
+      setState(startWith);
+    }
+    if (typeof window === "undefined" || !observable) return;
+    const subscription = observable.subscribe(setState);
+    return () => subscription.unsubscribe();
+  }, [observable, resetWhenObservableChanges]);
+  return state;
+}
+
+// src/hooks/use-select-input-device-agent.ts
+import { BehaviorSubject } from "rxjs";
+function useSelectInputDeviceAgent({
+  requestPermissions,
+  onError
+}) {
+  const voiceAgentContext = useMaybeVoiceAgent();
+  const deviceObserver = React2.useMemo(
+    () => browserMediaDeviceObserver("audioinput", onError, requestPermissions),
+    [requestPermissions, onError]
+  );
+  const devices = useObservableState(
+    deviceObserver,
+    []
+  );
+  const [currentDeviceId, setCurrentDeviceId] = React2.useState(
+    voiceAgentContext?.inputMediaDevice ?? ""
+  );
+  const { className, activeDeviceObservable, setActiveMediaDevice } = React2.useMemo(
+    () => setupDeviceSelector("audioinput", voiceAgentContext),
+    [voiceAgentContext]
+  );
+  React2.useEffect(() => {
+    const listener = activeDeviceObservable.subscribe((deviceId) => {
+      if (deviceId && deviceId !== currentDeviceId) {
+        setCurrentDeviceId(deviceId);
+      }
+    });
+    return () => {
+      listener?.unsubscribe();
+    };
+  }, [activeDeviceObservable]);
+  return {
+    devices,
+    className,
+    activeDeviceId: currentDeviceId,
+    setActiveMediaDevice
+  };
+}
+function setupDeviceSelector(_, agent) {
+  const activeDeviceSubject = new BehaviorSubject(
+    void 0
+  );
+  const activeDeviceObservable = agent ? agentInputMediaDeviceChangeObservable(agent) : activeDeviceSubject.asObservable();
+  const setActiveMediaDevice = async (id) => {
+    if (agent) {
+      await agent.setInputMediaDevice(id);
+    } else if (activeDeviceSubject.value !== id) {
+      activeDeviceSubject.next(id);
+    }
+  };
+  const className = "media-device-select";
+  return {
+    className,
+    activeDeviceObservable,
+    setActiveMediaDevice
+  };
+}
+
+export {
+  useObservableState,
+  useSelectInputDeviceAgent
+};
+//# sourceMappingURL=chunk-Q4OXFE34.mjs.map

package/dist/chunk-Q4OXFE34.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-select-input-device-agent.ts","../src/hooks/use-observable-state.ts"],"sourcesContent":["/*\n *  Copyright (c) 2024. Rapida\n *\n *  Permission is hereby granted, free of charge, to any person obtaining a copy\n *  of this software and associated documentation files (the \"Software\"), to deal\n *  in the Software without restriction, including without limitation the rights\n *  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n *  copies of the Software, and to permit persons to whom the Software is\n *  furnished to do so, subject to the following conditions:\n *\n *  The above copyright notice and this permission notice shall be included in\n *  all copies or substantial portions of the Software.\n *\n *  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n *  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n *  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n *  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n *  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n *  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n *  THE SOFTWARE.\n *\n *  Author: Prashant <prashant@rapida.ai>\n *\n */\nimport * as React from \"react\";\nimport { useObservableState } from \"@/rapida/hooks/use-observable-state\";\nimport { BehaviorSubject } from \"rxjs\";\nimport {\n  browserMediaDeviceObserver,\n  agentInputMediaDeviceChangeObservable,\n} from \"@/rapida/hooks/observables/voice-agent\";\nimport { useMaybeVoiceAgent } from \"@/rapida/hooks/use-voice-agent\";\nimport { VoiceAgent } from \"@/rapida/agents/voice-agent\";\n\n/** @public */\ninterface UseMediaDeviceSelectProps {\n  /**\n   * this will call getUserMedia if the permissions are not yet given to enumerate the devices with device labels.\n   * in some browsers multiple calls to getUserMedia result in multiple permission prompts.\n   * It's generally advised only flip this to true, once a (preview) track has been acquired successfully with the\n   * appropriate permissions.\n   *\n   * @see {@link MediaDeviceMenu}\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/enumerateDevices | MDN enumerateDevices}\n   */\n  requestPermissions?: boolean;\n  /**\n   * this callback gets called if an error is thrown when failing to select a device and also if a user\n   * denied permissions, eventhough the `requestPermissions` option is set to `true`.\n   * Most commonly this will emit a MediaDeviceError\n   */\n  onError?: (e: Error) => void;\n}\n\n/**\n * The `useMediaDeviceSelect` hook is used to implement the `MediaDeviceSelect` component and\n * returns o.a. the list of devices of a given kind (audioinput or videoinput), the currently active device\n * and a function to set the the active device.\n *\n * @example\n * ```tsx\n * const { devices, activeDeviceId, setActiveMediaDevice } = useMediaDeviceSelect({kind: 'audioinput'});\n * ```\n * @public\n */\nexport function useSelectInputDeviceAgent({\n  requestPermissions,\n  onError,\n}: UseMediaDeviceSelectProps) {\n  const voiceAgentContext = useMaybeVoiceAgent();\n  // List of all devices.\n  const deviceObserver = React.useMemo(\n    () => browserMediaDeviceObserver(\"audioinput\", onError, requestPermissions),\n    [requestPermissions, onError]\n  );\n  // @ts-ignore\n  const devices: MediaDeviceInfo[] = useObservableState(\n    deviceObserver,\n    [] as MediaDeviceInfo[]\n  );\n  //\n  const [currentDeviceId, setCurrentDeviceId] = React.useState<string>(\n    voiceAgentContext?.inputMediaDevice ?? \"\"\n  );\n  const { className, activeDeviceObservable, setActiveMediaDevice } =\n    React.useMemo(\n      () => setupDeviceSelector(\"audioinput\", voiceAgentContext),\n      [voiceAgentContext]\n    );\n\n  React.useEffect(() => {\n    const listener = activeDeviceObservable.subscribe((deviceId) => {\n      if (deviceId && deviceId !== currentDeviceId) {\n        setCurrentDeviceId(deviceId);\n      }\n    });\n    return () => {\n      listener?.unsubscribe();\n    };\n  }, [activeDeviceObservable]);\n\n  return {\n    devices,\n    className,\n    activeDeviceId: currentDeviceId,\n    setActiveMediaDevice,\n  };\n}\n\nfunction setupDeviceSelector(_: MediaDeviceKind, agent?: VoiceAgent) {\n  const activeDeviceSubject = new BehaviorSubject<string | undefined>(\n    undefined\n  );\n\n  const activeDeviceObservable = agent\n    ? agentInputMediaDeviceChangeObservable(agent)\n    : activeDeviceSubject.asObservable();\n\n  const setActiveMediaDevice = async (id: string) => {\n    if (agent) {\n      await agent.setInputMediaDevice(id);\n    } else if (activeDeviceSubject.value !== id) {\n      activeDeviceSubject.next(id);\n    }\n  };\n  const className: string = \"media-device-select\";\n  return {\n    className,\n    activeDeviceObservable,\n    setActiveMediaDevice,\n  };\n}\n","/*\n *  Copyright (c) 2024. Rapida\n *\n *  Permission is hereby granted, free of charge, to any person obtaining a copy\n *  of this software and associated documentation files (the \"Software\"), to deal\n *  in the Software without restriction, including without limitation the rights\n *  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n *  copies of the Software, and to permit persons to whom the Software is\n *  furnished to do so, subject to the following conditions:\n *\n *  The above copyright notice and this permission notice shall be included in\n *  all copies or substantial portions of the Software.\n *\n *  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n *  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n *  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n *  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n *  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n *  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n *  THE SOFTWARE.\n *\n *  Author: Prashant <prashant@rapida.ai>\n *\n */\nimport * as React from \"react\";\n// @ts-ignore\nimport type { Observable } from \"rxjs\";\n\n/**\n * @internal\n */\nexport function useObservableState<T>(\n  observable: Observable<T> | undefined,\n  startWith: T,\n  resetWhenObservableChanges = true\n): T {\n  const [state, setState] = React.useState<T>(startWith);\n  React.useEffect(() => {\n    if (resetWhenObservableChanges) {\n      setState(startWith);\n    }\n    // observable state doesn't run in SSR\n    if (typeof window === \"undefined\" || !observable) return;\n    const subscription = observable.subscribe(setState);\n    //\n    return () => subscription.unsubscribe();\n  }, [observable, resetWhenObservableChanges]);\n  return state;\n}\n"],"mappings":";;;;;;;AAwBA,YAAYA,YAAW;;;ACAvB,YAAY,WAAW;AAOhB,SAAS,mBACd,YACA,WACA,6BAA6B,MAC1B;AACH,QAAM,CAAC,OAAO,QAAQ,IAAU,eAAY,SAAS;AACrD,EAAM,gBAAU,MAAM;AACpB,QAAI,4BAA4B;AAC9B,eAAS,SAAS;AAAA,IACpB;AAEA,QAAI,OAAO,WAAW,eAAe,CAAC,WAAY;AAClD,UAAM,eAAe,WAAW,UAAU,QAAQ;AAElD,WAAO,MAAM,aAAa,YAAY;AAAA,EACxC,GAAG,CAAC,YAAY,0BAA0B,CAAC;AAC3C,SAAO;AACT;;;ADtBA,SAAS,uBAAuB;AAuCzB,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AACF,GAA8B;AAC5B,QAAM,oBAAoB,mBAAmB;AAE7C,QAAM,iBAAuB;AAAA,IAC3B,MAAM,2BAA2B,cAAc,SAAS,kBAAkB;AAAA,IAC1E,CAAC,oBAAoB,OAAO;AAAA,EAC9B;AAEA,QAAM,UAA6B;AAAA,IACjC;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,CAAC,iBAAiB,kBAAkB,IAAU;AAAA,IAClD,mBAAmB,oBAAoB;AAAA,EACzC;AACA,QAAM,EAAE,WAAW,wBAAwB,qBAAqB,IACxD;AAAA,IACJ,MAAM,oBAAoB,cAAc,iBAAiB;AAAA,IACzD,CAAC,iBAAiB;AAAA,EACpB;AAEF,EAAM,iBAAU,MAAM;AACpB,UAAM,WAAW,uBAAuB,UAAU,CAAC,aAAa;AAC9D,UAAI,YAAY,aAAa,iBAAiB;AAC5C,2BAAmB,QAAQ;AAAA,MAC7B;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AACX,gBAAU,YAAY;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,sBAAsB,CAAC;AAE3B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,EACF;AACF;AAEA,SAAS,oBAAoB,GAAoB,OAAoB;AACnE,QAAM,sBAAsB,IAAI;AAAA,IAC9B;AAAA,EACF;AAEA,QAAM,yBAAyB,QAC3B,sCAAsC,KAAK,IAC3C,oBAAoB,aAAa;AAErC,QAAM,uBAAuB,OAAO,OAAe;AACjD,QAAI,OAAO;AACT,YAAM,MAAM,oBAAoB,EAAE;AAAA,IACpC,WAAW,oBAAoB,UAAU,IAAI;AAC3C,0BAAoB,KAAK,EAAE;AAAA,IAC7B;AAAA,EACF;AACA,QAAM,YAAoB;AAC1B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":["React"]}

package/dist/chunk-WT7OUEDJ.mjs

@@ -0,0 +1,50 @@
+import {
+  agentConnectionStateObservable,
+  agentServerEventObserver,
+  toContentText,
+  useMaybeVoiceAgent
+} from "./chunk-AB3ZXSEN.mjs";
+import {
+  cn
+} from "./chunk-32YFHJN5.mjs";
+
+// src/components/live-transcript.tsx
+import React, { useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var AgentLiveTranscript = ({
+  className,
+  placeholder
+}) => {
+  const agentContext = useMaybeVoiceAgent();
+  const [connected, setConnected] = useState(false);
+  const [transcript, setTranscript] = useState("");
+  React.useEffect(() => {
+    const listener = agentConnectionStateObservable(agentContext).subscribe(
+      (x) => {
+        setConnected(x.isConnected);
+      }
+    );
+    return () => listener.unsubscribe();
+  }, [agentContext]);
+  React.useEffect(() => {
+    const serverEventListner = agentServerEventObserver(
+      agentContext
+    ).subscribe((agentEvents) => {
+      if (agentEvents?.eventType === "talk.onTranscript" /* Transcript */) {
+        if (agentEvents.argument) {
+          let arg = agentEvents.argument;
+          setTranscript(toContentText(arg.getMessage()?.getContentsList()));
+        }
+      }
+    });
+    return () => {
+      serverEventListner.unsubscribe();
+    };
+  }, [agentContext]);
+  return /* @__PURE__ */ jsx("div", { className: cn(className), children: !connected ? placeholder : transcript ? transcript : placeholder });
+};
+
+export {
+  AgentLiveTranscript
+};
+//# sourceMappingURL=chunk-WT7OUEDJ.mjs.map

package/dist/chunk-WT7OUEDJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/live-transcript.tsx"],"sourcesContent":["/*\n *  Copyright (c) 2024. Rapida\n *\n *  Permission is hereby granted, free of charge, to any person obtaining a copy\n *  of this software and associated documentation files (the \"Software\"), to deal\n *  in the Software without restriction, including without limitation the rights\n *  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n *  copies of the Software, and to permit persons to whom the Software is\n *  furnished to do so, subject to the following conditions:\n *\n *  The above copyright notice and this permission notice shall be included in\n *  all copies or substantial portions of the Software.\n *\n *  THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n *  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n *  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n *  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n *  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n *  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n *  THE SOFTWARE.\n *\n *  Author: Prashant <prashant@rapida.ai>\n *\n */\nimport {\n  agentConnectionStateObservable,\n  agentServerEventObserver,\n} from \"@/rapida/hooks/observables/voice-agent\";\nimport { AgentServerEvent } from \"@/rapida/events/agent-server-event\";\nimport { useMaybeVoiceAgent } from \"@/rapida/hooks/use-voice-agent\";\nimport { cn } from \"@/rapida/styles\";\nimport React, { FC, HTMLAttributes, useState } from \"react\";\nimport {\n  AssistantConversationInterruption,\n  AssistantConversationUserMessage,\n} from \"@/rapida/clients/protos/talk-api_pb\";\nimport { toContentText, toTextContent } from \"@/rapida/utils/rapida_content\";\n\n/**\n * agent live transcript props\n */\ninterface AgentLiveTranscriptProps extends HTMLAttributes<HTMLDivElement> {\n  placeholder?: string;\n}\n\n/**\n * Agent live audio transcript\n * @param param0\n * @returns\n */\nexport const AgentLiveTranscript: FC<AgentLiveTranscriptProps> = ({\n  className,\n  placeholder,\n}) => {\n  const agentContext = useMaybeVoiceAgent();\n  const [connected, setConnected] = useState<boolean>(false);\n  const [transcript, setTranscript] = useState(\"\");\n\n  React.useEffect(() => {\n    const listener = agentConnectionStateObservable(agentContext!).subscribe(\n      (x) => {\n        setConnected(x.isConnected);\n      }\n    );\n    return () => listener.unsubscribe();\n  }, [agentContext]);\n\n  //\n  React.useEffect(() => {\n    const serverEventListner = agentServerEventObserver(\n      agentContext!\n    ).subscribe((agentEvents) => {\n      if (agentEvents?.eventType === AgentServerEvent.Transcript) {\n        if (agentEvents.argument) {\n          let arg = agentEvents.argument as AssistantConversationUserMessage;\n          setTranscript(toContentText(arg.getMessage()?.getContentsList()));\n        }\n      }\n    });\n    return () => {\n      serverEventListner.unsubscribe();\n    };\n  }, [agentContext]);\n\n  return (\n    <div className={cn(className)}>\n      {!connected ? placeholder : transcript ? transcript : placeholder}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;AA+BA,OAAO,SAA6B,gBAAgB;AAsDhD;AAnCG,IAAM,sBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AACF,MAAM;AACJ,QAAM,eAAe,mBAAmB;AACxC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAkB,KAAK;AACzD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAE/C,QAAM,UAAU,MAAM;AACpB,UAAM,WAAW,+BAA+B,YAAa,EAAE;AAAA,MAC7D,CAAC,MAAM;AACL,qBAAa,EAAE,WAAW;AAAA,MAC5B;AAAA,IACF;AACA,WAAO,MAAM,SAAS,YAAY;AAAA,EACpC,GAAG,CAAC,YAAY,CAAC;AAGjB,QAAM,UAAU,MAAM;AACpB,UAAM,qBAAqB;AAAA,MACzB;AAAA,IACF,EAAE,UAAU,CAAC,gBAAgB;AAC3B,UAAI,aAAa,oDAA2C;AAC1D,YAAI,YAAY,UAAU;AACxB,cAAI,MAAM,YAAY;AACtB,wBAAc,cAAc,IAAI,WAAW,GAAG,gBAAgB,CAAC,CAAC;AAAA,QAClE;AAAA,MACF;AAAA,IACF,CAAC;AACD,WAAO,MAAM;AACX,yBAAmB,YAAY;AAAA,IACjC;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE,oBAAC,SAAI,WAAW,GAAG,SAAS,GACzB,WAAC,YAAY,cAAc,aAAa,aAAa,aACxD;AAEJ;","names":[]}

package/dist/components/connection-status.d.mts

@@ -0,0 +1,7 @@
+import { FC, HTMLAttributes } from 'react';
+
+interface ConnectionStatusProps extends HTMLAttributes<HTMLSpanElement> {
+}
+declare const ConnectionStatus: FC<ConnectionStatusProps>;
+
+export { ConnectionStatus };

package/dist/components/connection-status.d.ts

@@ -0,0 +1,7 @@
+import { FC, HTMLAttributes } from 'react';
+
+interface ConnectionStatusProps extends HTMLAttributes<HTMLSpanElement> {
+}
+declare const ConnectionStatus: FC<ConnectionStatusProps>;
+
+export { ConnectionStatus };