@superinterface/react 2.1.1 → 2.1.2

package/dist/index.cjs

@@ -3443,9 +3443,14 @@ var import_jsx_runtime58 = require("react/jsx-runtime");
 var barCount = 4;
 var BarsVisualizer = function(param) {
     var visualizationAnalyser = param.visualizationAnalyser, color = param.color, height = param.height, barWidth = param.barWidth;
-    var _ref = _sliced_to_array((0, import_react49.useState)(function() {
-        return new AudioContext().createAnalyser();
-    }), 1), emptyVisualizer = _ref[0];
+    var _ref = _sliced_to_array((0, import_react49.useState)(null), 2), cachedEmptyVisualizer = _ref[0], setCachedEmptyVisualizer = _ref[1];
+    var getEmptyVisualizer = (0, import_react49.useCallback)(function() {
+        var result = new AudioContext().createAnalyser();
+        setCachedEmptyVisualizer(result);
+        return result;
+    }, [
+        cachedEmptyVisualizer
+    ]);
     var _ref1 = _sliced_to_array((0, import_react49.useState)([]), 2), barHeights = _ref1[0], setBarHeights = _ref1[1];
     var draw = (0, import_react49.useCallback)(function(param) {
         var visualizationAnalyser2 = param.visualizationAnalyser;
@@ -3463,12 +3468,13 @@ var BarsVisualizer = function(param) {
     }, []);
     (0, import_react49.useEffect)(function() {
         draw({
-            visualizationAnalyser: visualizationAnalyser || emptyVisualizer
+            visualizationAnalyser: visualizationAnalyser || cachedEmptyVisualizer || getEmptyVisualizer()
         });
     }, [
         draw,
         visualizationAnalyser,
-        emptyVisualizer
+        cachedEmptyVisualizer,
+        getEmptyVisualizer
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_themes42.Grid, {
         columns: "".concat(barCount),
@@ -3550,21 +3556,16 @@ var ActionButton = function() {
                         children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons9.PauseIcon, {})
                     })
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes44.Tooltip, {
-                    open: true,
-                    content: "Send your message",
-                    side: "bottom",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes44.IconButton, {
-                        onClick: audioThreadContext.recorderProps.stop,
-                        color: "gray",
-                        highContrast: true,
-                        radius: "full",
-                        size: "4",
-                        style: {
-                            border: "2px solid var(--gray-8)"
-                        },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons9.ArrowUpIcon, {})
-                    })
+                /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_themes44.IconButton, {
+                    onClick: audioThreadContext.recorderProps.stop,
+                    color: "gray",
+                    highContrast: true,
+                    radius: "full",
+                    size: "4",
+                    style: {
+                        border: "2px solid var(--gray-8)"
+                    },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react_icons9.ArrowUpIcon, {})
                 })
             ]
         });