sera-ai 1.0.16 → 1.0.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +1 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/index.js +18 -43
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +18 -43
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -13,6 +13,7 @@ interface AudioRecorderProps {
13
13
  onSuccess?: (data: any) => void;
14
14
  onError?: (error: string) => void;
15
15
  className?: string;
16
+ visualizerClassName?: string;
16
17
  style?: React.CSSProperties;
17
18
  }
18
19
  interface APIResponse<T = any> {
package/dist/index.d.ts CHANGED
@@ -13,6 +13,7 @@ interface AudioRecorderProps {
13
13
  onSuccess?: (data: any) => void;
14
14
  onError?: (error: string) => void;
15
15
  className?: string;
16
+ visualizerClassName?: string;
16
17
  style?: React.CSSProperties;
17
18
  }
18
19
  interface APIResponse<T = any> {
package/dist/index.js CHANGED
@@ -3872,8 +3872,9 @@ function createParticle(isIdle, x, y, intensity = 1) {
3872
3872
  function AudioVisualizerImproved({
3873
3873
  mediaStream,
3874
3874
  isRecording,
3875
- forceLight = true
3875
+ forceLight = true,
3876
3876
  // Default to light theme for login page
3877
+ className
3877
3878
  }) {
3878
3879
  const canvasRef = React3__namespace.useRef(null);
3879
3880
  const animationFrameRef = React3__namespace.useRef(0);
@@ -4241,7 +4242,7 @@ function AudioVisualizerImproved({
4241
4242
  }
4242
4243
  };
4243
4244
  }, [mediaStream, isRecording, isDarkMode]);
4244
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full flex justify-center items-center overflow-visible", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-2 w-full h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full aspect-square max-w-md mx-auto relative", children: [
4245
+ 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: [
4245
4246
  /* @__PURE__ */ jsxRuntime.jsx(
4246
4247
  "div",
4247
4248
  {
@@ -4258,7 +4259,7 @@ function AudioVisualizerImproved({
4258
4259
  "canvas",
4259
4260
  {
4260
4261
  ref: canvasRef,
4261
- className: `w-full h-full rounded-full ${isDarkMode ? "bg-gray-900" : "bg-white"}`,
4262
+ className: `w-full h-full ${isDarkMode ? "bg-gray-900" : "bg-white"}`,
4262
4263
  style: {
4263
4264
  boxShadow: isDarkMode ? "inset 0 0 20px rgba(13, 18, 30, 0.8)" : "none",
4264
4265
  background: isDarkMode ? "linear-gradient(135deg, rgba(13, 18, 30, 1) 0%, rgba(13, 18, 30, 1) 100%)" : "white"
@@ -4386,6 +4387,7 @@ var AudioRecorder = ({
4386
4387
  onSuccess,
4387
4388
  onError,
4388
4389
  className = "",
4390
+ visualizerClassName = "",
4389
4391
  style
4390
4392
  }) => {
4391
4393
  React3__namespace.useEffect(() => {
@@ -4552,28 +4554,15 @@ var AudioRecorder = ({
4552
4554
  /* @__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" })
4553
4555
  ] })
4554
4556
  ] }),
4555
- isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsxs(
4556
- "div",
4557
+ isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsx("div", { className: `w-full ${visualizerClassName || "max-w-lg"} mx-auto`, children: /* @__PURE__ */ jsxRuntime.jsx(
4558
+ AudioVisualizerImproved,
4557
4559
  {
4558
- className: `audio-recorder-container ${isRecording && !isPaused ? "glow-active" : ""}`,
4559
- children: [
4560
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "edge-container", children: [
4561
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "edge edge-top" }),
4562
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "edge edge-right" }),
4563
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "edge edge-bottom" }),
4564
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "edge edge-left" })
4565
- ] }),
4566
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
4567
- AudioVisualizerImproved,
4568
- {
4569
- mediaStream: mediaStreamRef.current,
4570
- isRecording: isRecording && !isPaused,
4571
- forceLight: false
4572
- }
4573
- ) })
4574
- ]
4560
+ mediaStream: mediaStreamRef.current,
4561
+ isRecording: isRecording && !isPaused,
4562
+ forceLight: false,
4563
+ className: visualizerClassName
4575
4564
  }
4576
- ),
4565
+ ) }),
4577
4566
  /* @__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: [
4578
4567
  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin h-5 w-5" }),
4579
4568
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Processing..." })
@@ -5894,28 +5883,14 @@ var AudioCapture = ({
5894
5883
  statusMessage && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-blue-600 dark:text-blue-400 mt-1", children: statusMessage })
5895
5884
  ] })
5896
5885
  ] }),
5897
- isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsxs(
5898
- "div",
5886
+ isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-lg mx-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
5887
+ AudioVisualizerImproved,
5899
5888
  {
5900
- className: `audio-recorder-container ${isRecording && !isPaused ? "glow-active" : ""}`,
5901
- children: [
5902
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "edge-container", children: [
5903
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "edge edge-top" }),
5904
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "edge edge-right" }),
5905
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "edge edge-bottom" }),
5906
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "edge edge-left" })
5907
- ] }),
5908
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center", children: /* @__PURE__ */ jsxRuntime.jsx(
5909
- AudioVisualizerImproved,
5910
- {
5911
- mediaStream: mediaStreamRef.current,
5912
- isRecording: isRecording && !isPaused,
5913
- forceLight: false
5914
- }
5915
- ) })
5916
- ]
5889
+ mediaStream: mediaStreamRef.current,
5890
+ isRecording: isRecording && !isPaused,
5891
+ forceLight: false
5917
5892
  }
5918
- ),
5893
+ ) }),
5919
5894
  /* @__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: [
5920
5895
  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin h-5 w-5" }),
5921
5896
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Processing..." })