sera-ai 1.0.16 → 1.0.17

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.
package/dist/index.js CHANGED
@@ -4241,7 +4241,7 @@ function AudioVisualizerImproved({
4241
4241
  }
4242
4242
  };
4243
4243
  }, [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: [
4244
+ 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: [
4245
4245
  /* @__PURE__ */ jsxRuntime.jsx(
4246
4246
  "div",
4247
4247
  {
@@ -4258,7 +4258,7 @@ function AudioVisualizerImproved({
4258
4258
  "canvas",
4259
4259
  {
4260
4260
  ref: canvasRef,
4261
- className: `w-full h-full rounded-full ${isDarkMode ? "bg-gray-900" : "bg-white"}`,
4261
+ className: `w-full h-full ${isDarkMode ? "bg-gray-900" : "bg-white"}`,
4262
4262
  style: {
4263
4263
  boxShadow: isDarkMode ? "inset 0 0 20px rgba(13, 18, 30, 0.8)" : "none",
4264
4264
  background: isDarkMode ? "linear-gradient(135deg, rgba(13, 18, 30, 1) 0%, rgba(13, 18, 30, 1) 100%)" : "white"
@@ -4552,28 +4552,14 @@ var AudioRecorder = ({
4552
4552
  /* @__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
4553
  ] })
4554
4554
  ] }),
4555
- isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsxs(
4556
- "div",
4555
+ isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-lg mx-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
4556
+ AudioVisualizerImproved,
4557
4557
  {
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
- ]
4558
+ mediaStream: mediaStreamRef.current,
4559
+ isRecording: isRecording && !isPaused,
4560
+ forceLight: false
4575
4561
  }
4576
- ),
4562
+ ) }),
4577
4563
  /* @__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
4564
  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin h-5 w-5" }),
4579
4565
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Processing..." })
@@ -5894,28 +5880,14 @@ var AudioCapture = ({
5894
5880
  statusMessage && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-blue-600 dark:text-blue-400 mt-1", children: statusMessage })
5895
5881
  ] })
5896
5882
  ] }),
5897
- isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsxs(
5898
- "div",
5883
+ isRecording && !isPaused && mediaStreamRef.current && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-lg mx-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
5884
+ AudioVisualizerImproved,
5899
5885
  {
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
- ]
5886
+ mediaStream: mediaStreamRef.current,
5887
+ isRecording: isRecording && !isPaused,
5888
+ forceLight: false
5917
5889
  }
5918
- ),
5890
+ ) }),
5919
5891
  /* @__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
5892
  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "animate-spin h-5 w-5" }),
5921
5893
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Processing..." })