@superinterface/react 2.1.1 → 2.1.2

package/dist/index.js

@@ -3304,9 +3304,14 @@ import { jsx as jsx58 } from "react/jsx-runtime";
 var barCount = 4;
 var BarsVisualizer = function(param) {
     var visualizationAnalyser = param.visualizationAnalyser, color = param.color, height = param.height, barWidth = param.barWidth;
-    var _useState8 = _sliced_to_array(useState8(function() {
-        return new AudioContext().createAnalyser();
-    }), 1), emptyVisualizer = _useState8[0];
+    var _useState8 = _sliced_to_array(useState8(null), 2), cachedEmptyVisualizer = _useState8[0], setCachedEmptyVisualizer = _useState8[1];
+    var getEmptyVisualizer = useCallback4(function() {
+        var result = new AudioContext().createAnalyser();
+        setCachedEmptyVisualizer(result);
+        return result;
+    }, [
+        cachedEmptyVisualizer
+    ]);
     var _useState81 = _sliced_to_array(useState8([]), 2), barHeights = _useState81[0], setBarHeights = _useState81[1];
     var draw = useCallback4(function(param) {
         var visualizationAnalyser2 = param.visualizationAnalyser;
@@ -3324,12 +3329,13 @@ var BarsVisualizer = function(param) {
     }, []);
     useEffect9(function() {
         draw({
-            visualizationAnalyser: visualizationAnalyser || emptyVisualizer
+            visualizationAnalyser: visualizationAnalyser || cachedEmptyVisualizer || getEmptyVisualizer()
         });
     }, [
         draw,
         visualizationAnalyser,
-        emptyVisualizer
+        cachedEmptyVisualizer,
+        getEmptyVisualizer
     ]);
     return /* @__PURE__ */ jsx58(Grid, {
         columns: "".concat(barCount),
@@ -3391,7 +3397,7 @@ var Visualization = function() {
 import { SpeakerModerateIcon } from "@radix-ui/react-icons";
 import { Flex as Flex24 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/Form/ActionButton/index.tsx
-import { Flex as Flex23, IconButton as IconButton4, Tooltip } from "@radix-ui/themes";
+import { Flex as Flex23, IconButton as IconButton4 } from "@radix-ui/themes";
 import { PauseIcon, ArrowUpIcon as ArrowUpIcon2, ResumeIcon } from "@radix-ui/react-icons";
 import { jsx as jsx60, jsxs as jsxs19 } from "react/jsx-runtime";
 var ActionButton = function() {
@@ -3411,21 +3417,16 @@ var ActionButton = function() {
                         children: /* @__PURE__ */ jsx60(PauseIcon, {})
                     })
                 }),
-                /* @__PURE__ */ jsx60(Tooltip, {
-                    open: true,
-                    content: "Send your message",
-                    side: "bottom",
-                    children: /* @__PURE__ */ jsx60(IconButton4, {
-                        onClick: audioThreadContext.recorderProps.stop,
-                        color: "gray",
-                        highContrast: true,
-                        radius: "full",
-                        size: "4",
-                        style: {
-                            border: "2px solid var(--gray-8)"
-                        },
-                        children: /* @__PURE__ */ jsx60(ArrowUpIcon2, {})
-                    })
+                /* @__PURE__ */ jsx60(IconButton4, {
+                    onClick: audioThreadContext.recorderProps.stop,
+                    color: "gray",
+                    highContrast: true,
+                    radius: "full",
+                    size: "4",
+                    style: {
+                        border: "2px solid var(--gray-8)"
+                    },
+                    children: /* @__PURE__ */ jsx60(ArrowUpIcon2, {})
                 })
             ]
         });
@@ -3567,9 +3568,9 @@ AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Button = Button2;
 AudioThreadDialog.Content = Content4;
 // src/components/suggestions/Suggestions/index.tsx
-import { useMemo as useMemo15 } from "react";
+import { useMemo as useMemo16 } from "react";
 // src/components/suggestions/Suggestions/Content.tsx
-import { useMemo as useMemo14 } from "react";
+import { useMemo as useMemo15 } from "react";
 import { isEmpty as isEmpty2 } from "radash";
 import { onlyText } from "react-children-utilities";
 import { Flex as Flex25 } from "@radix-ui/themes";
@@ -3626,7 +3627,7 @@ import { jsx as jsx65 } from "react/jsx-runtime";
 var Content6 = function(param) {
     var children = param.children;
     var isRunActiveProps = useIsRunActive();
-    var suggestions = useMemo14(function() {
+    var suggestions = useMemo15(function() {
         return onlyText(children).split(/\r?\n/).filter(function(c) {
             return !isEmpty2(c);
         }).map(function(c) {
@@ -3635,7 +3636,7 @@ var Content6 = function(param) {
     }, [
         children
     ]);
-    var isDisabled = useMemo14(function() {
+    var isDisabled = useMemo15(function() {
         return isRunActiveProps.isRunActive;
     }, [
         isRunActiveProps
@@ -3658,7 +3659,7 @@ import { jsx as jsx66 } from "react/jsx-runtime";
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
-    var isDisabled = useMemo15(function() {
+    var isDisabled = useMemo16(function() {
         var // @ts-ignore-next-line
         _latestMessageProps_latestMessage_metadata, _latestMessageProps_latestMessage;
         return (_latestMessageProps_latestMessage = latestMessageProps.latestMessage) === null || _latestMessageProps_latestMessage === void 0 ? void 0 : (_latestMessageProps_latestMessage_metadata = _latestMessageProps_latestMessage.metadata) === null || _latestMessageProps_latestMessage_metadata === void 0 ? void 0 : _latestMessageProps_latestMessage_metadata.isBlocking;
@@ -3673,14 +3674,14 @@ var Suggestions = function(param) {
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo17 } from "react";
 import { jsx as jsx67 } from "react/jsx-runtime";
 var MarkdownProvider = function(_param) {
     var children = _param.children, rest = _object_without_properties(_param, [
         "children"
     ]);
     var prevMarkdownContext = useMarkdownContext();
-    var value = useMemo16(function() {
+    var value = useMemo17(function() {
         return merge(prevMarkdownContext, rest);
     }, [
         rest,