sera-ai 1.0.17 → 1.0.18

package/dist/index.d.mts

@@ -13,6 +13,7 @@ interface AudioRecorderProps {
     onSuccess?: (data: any) => void;
     onError?: (error: string) => void;
     className?: string;
+    visualizerClassName?: string;
     style?: React.CSSProperties;
 }
 interface APIResponse<T = any> {

package/dist/index.d.ts

@@ -13,6 +13,7 @@ interface AudioRecorderProps {
     onSuccess?: (data: any) => void;
     onError?: (error: string) => void;
     className?: string;
+    visualizerClassName?: string;
     style?: React.CSSProperties;
 }
 interface APIResponse<T = any> {

package/dist/index.js

@@ -3872,8 +3872,9 @@ function createParticle(isIdle, x, y, intensity = 1) {
 function AudioVisualizerImproved({
   mediaStream,
   isRecording,
-  forceLight = true
+  forceLight = true,
   // Default to light theme for login page
+  className
 }) {
   const canvasRef = React3__namespace.useRef(null);
   const animationFrameRef = React3__namespace.useRef(0);
@@ -4241,7 +4242,7 @@ function AudioVisualizerImproved({
       }
     };
   }, [mediaStream, isRecording, isDarkMode]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full flex justify-center items-center overflow-visible", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 w-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full aspect-square max-w-lg mx-auto relative", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full flex justify-center items-center overflow-visible ${className || ""}`, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full mx-auto relative", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
@@ -4386,6 +4387,7 @@ var AudioRecorder = ({
   onSuccess,
   onError,
   className = "",
+  visualizerClassName = "",
   style
 }) => {
   React3__namespace.useEffect(() => {
@@ -4552,12 +4554,13 @@ var AudioRecorder = ({
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-blue-600 dark:text-blue-400 mt-1", children: "Please wait while we process your recording" })
       ] })
     ] }),
-    isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-lg mx-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+    isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full ${visualizerClassName || "max-w-lg"} mx-auto`, children: /* @__PURE__ */ jsxRuntime.jsx(
       AudioVisualizerImproved,
       {
         mediaStream: mediaStreamRef.current,
         isRecording: isRecording && !isPaused,
-        forceLight: false
+        forceLight: false,
+        className: visualizerClassName
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: isProcessing ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center space-x-2 bg-teal-600 hover:bg-teal-700 text-white py-2 px-4 rounded-full", children: [