@rapidaai/react 1.1.27

package/dist/components/text/index.mjs

@@ -0,0 +1,9 @@
+import {
+  Conversation
+} from "../../chunk-GFACTURU.mjs";
+import "../../chunk-AB3ZXSEN.mjs";
+import "../../chunk-32YFHJN5.mjs";
+export {
+  Conversation
+};
+//# sourceMappingURL=index.mjs.map

package/dist/components/text/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/visualization/agent-multiband-audio-visualizer.d.mts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * @beta
+ */
+type AgentState = "disconnected" | "connecting" | "initializing" | "listening" | "thinking" | "speaking";
+type AgentMultibandAudioVisualizerProps = {
+    classNames?: string;
+    state: AgentState;
+    barWidth: number;
+    minBarHeight: number;
+    maxBarHeight: number;
+    barColor?: string;
+    frequencies: Float32Array[] | number[][];
+};
+declare const AgentMultibandAudioVisualizer: ({ classNames, state, barWidth, minBarHeight, maxBarHeight, barColor, frequencies, }: AgentMultibandAudioVisualizerProps) => react_jsx_runtime.JSX.Element;
+
+export { AgentMultibandAudioVisualizer, type AgentState };

package/dist/components/visualization/agent-multiband-audio-visualizer.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * @beta
+ */
+type AgentState = "disconnected" | "connecting" | "initializing" | "listening" | "thinking" | "speaking";
+type AgentMultibandAudioVisualizerProps = {
+    classNames?: string;
+    state: AgentState;
+    barWidth: number;
+    minBarHeight: number;
+    maxBarHeight: number;
+    barColor?: string;
+    frequencies: Float32Array[] | number[][];
+};
+declare const AgentMultibandAudioVisualizer: ({ classNames, state, barWidth, minBarHeight, maxBarHeight, barColor, frequencies, }: AgentMultibandAudioVisualizerProps) => react_jsx_runtime.JSX.Element;
+
+export { AgentMultibandAudioVisualizer, type AgentState };

package/dist/components/visualization/agent-multiband-audio-visualizer.js

@@ -0,0 +1,119 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/visualization/agent-multiband-audio-visualizer.tsx
+var agent_multiband_audio_visualizer_exports = {};
+__export(agent_multiband_audio_visualizer_exports, {
+  AgentMultibandAudioVisualizer: () => AgentMultibandAudioVisualizer
+});
+module.exports = __toCommonJS(agent_multiband_audio_visualizer_exports);
+
+// src/styles/index.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var sizes = {
+  small: 600,
+  medium: 1024,
+  large: 1440,
+  xlarge: 1920
+};
+var media = Object.keys(sizes).reduce(
+  (acc, size) => {
+    acc[size] = () => `@media (min-width:${sizes[size]}px)`;
+    return acc;
+  },
+  {}
+);
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/visualization/agent-multiband-audio-visualizer.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AgentMultibandAudioVisualizer = ({
+  classNames,
+  state,
+  barWidth,
+  minBarHeight,
+  maxBarHeight,
+  barColor = "bg-white",
+  frequencies
+}) => {
+  const summedFrequencies = frequencies.map((bandFrequencies) => {
+    const sum = bandFrequencies.reduce((a, b) => a + b, 0);
+    return Math.sqrt(sum / bandFrequencies.length);
+  });
+  const [thinkingIndex, setThinkingIndex] = (0, import_react.useState)(
+    Math.floor(summedFrequencies.length / 2)
+  );
+  const [thinkingDirection, setThinkingDirection] = (0, import_react.useState)(
+    "right"
+  );
+  (0, import_react.useEffect)(() => {
+    if (state !== "thinking") {
+      setThinkingIndex(Math.floor(summedFrequencies.length / 2));
+      return;
+    }
+    const timeout = setTimeout(() => {
+      if (thinkingDirection === "right") {
+        if (thinkingIndex === summedFrequencies.length - 1) {
+          setThinkingDirection("left");
+          setThinkingIndex((prev) => prev - 1);
+        } else {
+          setThinkingIndex((prev) => prev + 1);
+        }
+      } else {
+        if (thinkingIndex === 0) {
+          setThinkingDirection("right");
+          setThinkingIndex((prev) => prev + 1);
+        } else {
+          setThinkingIndex((prev) => prev - 1);
+        }
+      }
+    }, 200);
+    return () => clearTimeout(timeout);
+  }, [state, summedFrequencies.length, thinkingDirection, thinkingIndex]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn(classNames, "flex flex-row items-center"), children: summedFrequencies.map((frequency, index) => {
+    const isCenter = index === Math.floor(summedFrequencies.length / 2);
+    let transform;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: cn(
+          barColor,
+          "rounded-full",
+          isCenter && state === "listening" ? "animate-pulse" : ""
+        ),
+        style: {
+          height: minBarHeight + frequency * (maxBarHeight - minBarHeight) + "px",
+          width: barWidth + "px",
+          transition: "background-color 0.35s ease-out, transform 0.25s ease-out",
+          transform
+        }
+      },
+      "frequency-" + index
+    );
+  }) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AgentMultibandAudioVisualizer
+});
+//# sourceMappingURL=agent-multiband-audio-visualizer.js.map

package/dist/components/visualization/agent-multiband-audio-visualizer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/visualization/agent-multiband-audio-visualizer.tsx","../../../src/styles/index.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 { cn } from \"@/rapida/styles\";\nimport { useEffect, useState } from \"react\";\n\n/**\n * @beta\n */\nexport type AgentState =\n  | \"disconnected\"\n  | \"connecting\"\n  | \"initializing\"\n  | \"listening\"\n  | \"thinking\"\n  | \"speaking\";\n\ntype AgentMultibandAudioVisualizerProps = {\n  classNames?: string;\n  state: AgentState;\n  barWidth: number;\n  minBarHeight: number;\n  maxBarHeight: number;\n  barColor?: string;\n  frequencies: Float32Array[] | number[][];\n};\n\nexport const AgentMultibandAudioVisualizer = ({\n  classNames,\n  state,\n  barWidth,\n  minBarHeight,\n  maxBarHeight,\n  barColor = \"bg-white\",\n  frequencies,\n}: AgentMultibandAudioVisualizerProps) => {\n  const summedFrequencies = frequencies.map((bandFrequencies) => {\n    const sum = (bandFrequencies as number[]).reduce((a, b) => a + b, 0);\n    return Math.sqrt(sum / bandFrequencies.length);\n  });\n\n  const [thinkingIndex, setThinkingIndex] = useState(\n    Math.floor(summedFrequencies.length / 2)\n  );\n  const [thinkingDirection, setThinkingDirection] = useState<\"left\" | \"right\">(\n    \"right\"\n  );\n\n  useEffect(() => {\n    if (state !== \"thinking\") {\n      setThinkingIndex(Math.floor(summedFrequencies.length / 2));\n      return;\n    }\n    const timeout = setTimeout(() => {\n      if (thinkingDirection === \"right\") {\n        if (thinkingIndex === summedFrequencies.length - 1) {\n          setThinkingDirection(\"left\");\n          setThinkingIndex((prev) => prev - 1);\n        } else {\n          setThinkingIndex((prev) => prev + 1);\n        }\n      } else {\n        if (thinkingIndex === 0) {\n          setThinkingDirection(\"right\");\n          setThinkingIndex((prev) => prev + 1);\n        } else {\n          setThinkingIndex((prev) => prev - 1);\n        }\n      }\n    }, 200);\n\n    return () => clearTimeout(timeout);\n  }, [state, summedFrequencies.length, thinkingDirection, thinkingIndex]);\n\n  return (\n    <div className={cn(classNames, \"flex flex-row items-center\")}>\n      {summedFrequencies.map((frequency, index) => {\n        const isCenter = index === Math.floor(summedFrequencies.length / 2);\n        let transform;\n\n        return (\n          <div\n            className={cn(\n              barColor,\n              \"rounded-full\",\n              isCenter && state === \"listening\" ? \"animate-pulse\" : \"\"\n            )}\n            key={\"frequency-\" + index}\n            style={{\n              height:\n                minBarHeight + frequency * (maxBarHeight - minBarHeight) + \"px\",\n              width: barWidth + \"px\",\n              transition:\n                \"background-color 0.35s ease-out, transform 0.25s ease-out\",\n              transform: transform,\n            }}\n          ></div>\n        );\n      })}\n    </div>\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 { ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/*\n * Media queries utility\n */\n\n/*\n * Inspired by https://github.com/DefinitelyTyped/DefinitelyTyped/issues/32914\n */\n\n// Update your breakpoints if you want\nexport const sizes = {\n  small: 600,\n  medium: 1024,\n  large: 1440,\n  xlarge: 1920,\n};\n\n// Iterate through the sizes and create min-width media queries\nexport const media = (Object.keys(sizes) as Array<keyof typeof sizes>).reduce(\n  (acc, size) => {\n    acc[size] = () => `@media (min-width:${sizes[size]}px)`;\n    return acc;\n  },\n  {} as { [key in keyof typeof sizes]: () => string }\n);\n\n/* Example\nconst SomeDiv = styled.div`\n  display: flex;\n  ....\n  ${media.medium} {\n    display: block\n  }\n`;\n*/\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACwBA,kBAAiC;AACjC,4BAAwB;AAWjB,IAAM,QAAQ;AAAA,EACnB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AACV;AAGO,IAAM,QAAS,OAAO,KAAK,KAAK,EAAgC;AAAA,EACrE,CAAC,KAAK,SAAS;AACb,QAAI,IAAI,IAAI,MAAM,qBAAqB,MAAM,IAAI,CAAC;AAClD,WAAO;AAAA,EACT;AAAA,EACA,CAAC;AACH;AAYO,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADvCA,mBAAoC;AA6E1B;AAtDH,IAAM,gCAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,MAA0C;AACxC,QAAM,oBAAoB,YAAY,IAAI,CAAC,oBAAoB;AAC7D,UAAM,MAAO,gBAA6B,OAAO,CAAC,GAAG,MAAM,IAAI,GAAG,CAAC;AACnE,WAAO,KAAK,KAAK,MAAM,gBAAgB,MAAM;AAAA,EAC/C,CAAC;AAED,QAAM,CAAC,eAAe,gBAAgB,QAAI;AAAA,IACxC,KAAK,MAAM,kBAAkB,SAAS,CAAC;AAAA,EACzC;AACA,QAAM,CAAC,mBAAmB,oBAAoB,QAAI;AAAA,IAChD;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,QAAI,UAAU,YAAY;AACxB,uBAAiB,KAAK,MAAM,kBAAkB,SAAS,CAAC,CAAC;AACzD;AAAA,IACF;AACA,UAAM,UAAU,WAAW,MAAM;AAC/B,UAAI,sBAAsB,SAAS;AACjC,YAAI,kBAAkB,kBAAkB,SAAS,GAAG;AAClD,+BAAqB,MAAM;AAC3B,2BAAiB,CAAC,SAAS,OAAO,CAAC;AAAA,QACrC,OAAO;AACL,2BAAiB,CAAC,SAAS,OAAO,CAAC;AAAA,QACrC;AAAA,MACF,OAAO;AACL,YAAI,kBAAkB,GAAG;AACvB,+BAAqB,OAAO;AAC5B,2BAAiB,CAAC,SAAS,OAAO,CAAC;AAAA,QACrC,OAAO;AACL,2BAAiB,CAAC,SAAS,OAAO,CAAC;AAAA,QACrC;AAAA,MACF;AAAA,IACF,GAAG,GAAG;AAEN,WAAO,MAAM,aAAa,OAAO;AAAA,EACnC,GAAG,CAAC,OAAO,kBAAkB,QAAQ,mBAAmB,aAAa,CAAC;AAEtE,SACE,4CAAC,SAAI,WAAW,GAAG,YAAY,4BAA4B,GACxD,4BAAkB,IAAI,CAAC,WAAW,UAAU;AAC3C,UAAM,WAAW,UAAU,KAAK,MAAM,kBAAkB,SAAS,CAAC;AAClE,QAAI;AAEJ,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA,YAAY,UAAU,cAAc,kBAAkB;AAAA,QACxD;AAAA,QAEA,OAAO;AAAA,UACL,QACE,eAAe,aAAa,eAAe,gBAAgB;AAAA,UAC7D,OAAO,WAAW;AAAA,UAClB,YACE;AAAA,UACF;AAAA,QACF;AAAA;AAAA,MARK,eAAe;AAAA,IASrB;AAAA,EAEL,CAAC,GACH;AAEJ;","names":[]}

package/dist/components/visualization/agent-multiband-audio-visualizer.mjs

@@ -0,0 +1,8 @@
+import {
+  AgentMultibandAudioVisualizer
+} from "../../chunk-3YJ3G4GZ.mjs";
+import "../../chunk-32YFHJN5.mjs";
+export {
+  AgentMultibandAudioVisualizer
+};
+//# sourceMappingURL=agent-multiband-audio-visualizer.mjs.map

package/dist/components/visualization/agent-multiband-audio-visualizer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index-0bkcyQsE.d.mts

@@ -0,0 +1,79 @@
+import React__default, { FC, HTMLAttributes } from 'react';
+
+declare enum Feedback {
+    Helpful = "helpful",
+    NotHelpful = "not_helpful",
+    Other = "other"
+}
+
+/**
+ *
+ */
+declare enum MessageRole {
+    System = "system",
+    User = "user"
+}
+/**
+ *
+ */
+declare enum MessageStatus {
+    /**
+     * Pending status for the message
+     */
+    Pending = "pending",
+    /**
+     * complete the message
+     */
+    Complete = "complete"
+}
+/**
+ *
+ */
+interface Message {
+    /**
+     * id of the message
+     */
+    id: string;
+    /**
+     * role of the message who had sent it
+     */
+    role: MessageRole;
+    /**
+     * list of sentences in the message
+     */
+    messages: string[];
+    /**
+     * feedback given to the message
+     */
+    feedback?: Feedback;
+    /**
+     *time
+     */
+    time: Date;
+    /**
+     *
+     */
+    status: MessageStatus;
+}
+
+/**
+ * Props for the Conversation component.
+ * @interface ConversationProps
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+interface ConversationProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A React component used to wrap individual messages.
+     * It should accept props of type HTMLAttributes<HTMLLIElement> and a 'message' prop of type Message.
+     */
+    MessageWrapper: React__default.ComponentType<HTMLAttributes<HTMLLIElement> & {
+        message: Message;
+    }>;
+    /**
+     * An optional array of initial messages to populate the conversation.
+     */
+    intialConversations?: Message[];
+}
+declare const Conversation: FC<ConversationProps>;
+
+export { Conversation as C, Feedback as F, type Message as M, MessageRole as a, MessageStatus as b };

package/dist/index-0bkcyQsE.d.ts

@@ -0,0 +1,79 @@
+import React__default, { FC, HTMLAttributes } from 'react';
+
+declare enum Feedback {
+    Helpful = "helpful",
+    NotHelpful = "not_helpful",
+    Other = "other"
+}
+
+/**
+ *
+ */
+declare enum MessageRole {
+    System = "system",
+    User = "user"
+}
+/**
+ *
+ */
+declare enum MessageStatus {
+    /**
+     * Pending status for the message
+     */
+    Pending = "pending",
+    /**
+     * complete the message
+     */
+    Complete = "complete"
+}
+/**
+ *
+ */
+interface Message {
+    /**
+     * id of the message
+     */
+    id: string;
+    /**
+     * role of the message who had sent it
+     */
+    role: MessageRole;
+    /**
+     * list of sentences in the message
+     */
+    messages: string[];
+    /**
+     * feedback given to the message
+     */
+    feedback?: Feedback;
+    /**
+     *time
+     */
+    time: Date;
+    /**
+     *
+     */
+    status: MessageStatus;
+}
+
+/**
+ * Props for the Conversation component.
+ * @interface ConversationProps
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+interface ConversationProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * A React component used to wrap individual messages.
+     * It should accept props of type HTMLAttributes<HTMLLIElement> and a 'message' prop of type Message.
+     */
+    MessageWrapper: React__default.ComponentType<HTMLAttributes<HTMLLIElement> & {
+        message: Message;
+    }>;
+    /**
+     * An optional array of initial messages to populate the conversation.
+     */
+    intialConversations?: Message[];
+}
+declare const Conversation: FC<ConversationProps>;
+
+export { Conversation as C, Feedback as F, type Message as M, MessageRole as a, MessageStatus as b };