@superinterface/react 2.4.2 → 2.4.4

package/dist/index.js

@@ -2665,16 +2665,20 @@ var blobToData = function(blob) {
 import { useMemo as useMemo10 } from "react";
 var useStatus = function(param) {
     var messageAudioProps = param.messageAudioProps, recorderProps = param.recorderProps, createMessageProps = param.createMessageProps;
+    var latestMessageProps = useLatestMessage();
     var status = useMemo10(function() {
+        var _latestMessageProps_latestMessage;
         if (recorderProps.status === "recording") return "recording";
         if (createMessageProps.isPending) return "creatingMessage";
-        if (messageAudioProps.playing) return "playing";
+        if (messageAudioProps.playing || messageAudioProps.isPending) return "playing";
         if (messageAudioProps.paused) return "playerPaused";
         if (!messageAudioProps.isReady) return "loading";
+        if (((_latestMessageProps_latestMessage = latestMessageProps.latestMessage) === null || _latestMessageProps_latestMessage === void 0 ? void 0 : _latestMessageProps_latestMessage.status) === "in_progress") return "creatingMessage";
         if (recorderProps.status === "idle") return "idle";
         if (recorderProps.status === "paused") return "recorderPaused";
         return "loading";
     }, [
+        latestMessageProps,
         messageAudioProps,
         recorderProps,
         createMessageProps
@@ -2877,24 +2881,31 @@ var useMessageAudio = function(param) {
     var superinterfaceContext = useSuperinterfaceContext();
     var _useState41 = _sliced_to_array(useState4(false), 2), isPlaying = _useState41[0], setIsPlaying = _useState41[1];
     var latestMessageProps = useLatestMessage();
-    useEffect5(function() {
-        if (isPlaying) return;
-        if (audioPlayer.playing) return;
-        if (!latestMessageProps.latestMessage) return;
-        if (latestMessageProps.latestMessage.role !== "assistant") return;
+    var unplayedMessageSentences = useMemo12(function() {
+        if (!latestMessageProps.latestMessage) return [];
+        if (latestMessageProps.latestMessage.role !== "assistant") return [];
         var input2 = input({
             message: latestMessageProps.latestMessage
         });
-        if (!input2) return;
+        if (!input2) return [];
         var messageSentences = getMessageSentences({
             messageId: latestMessageProps.latestMessage.id,
             input: input2
         });
-        var unplayedMessageSentences = messageSentences.filter(function(ms) {
+        return messageSentences.filter(function(ms) {
             return !playedMessageSentences.find(function(pms) {
                 return pms.messageId === ms.messageId && pms.sentence === ms.sentence;
             });
         });
+    }, [
+        latestMessageProps,
+        playedMessageSentences
+    ]);
+    useEffect5(function() {
+        if (isPlaying) return;
+        if (audioPlayer.playing) return;
+        if (!latestMessageProps.latestMessage) return;
+        if (latestMessageProps.latestMessage.role !== "assistant") return;
         var firstUnplayedMessageSentence = unplayedMessageSentences[0];
         if (!firstUnplayedMessageSentence) {
             return;
@@ -2932,6 +2943,7 @@ var useMessageAudio = function(param) {
             })
         }));
     }, [
+        unplayedMessageSentences,
         isPlaying,
         superinterfaceContext,
         latestMessageProps,
@@ -2941,13 +2953,22 @@ var useMessageAudio = function(param) {
     ]);
     var isInited = useRef5(false);
     var _useState42 = _sliced_to_array(useState4(null), 2), audioEngine = _useState42[0], setAudioEngine = _useState42[1];
+    useEffect5(function() {
+        if (isHtmlAudioSupported) {
+            var _Howler__howls___sounds_, _Howler__howls_;
+            if (!(Howler === null || Howler === void 0 ? void 0 : (_Howler__howls_ = Howler._howls[0]) === null || _Howler__howls_ === void 0 ? void 0 : (_Howler__howls___sounds_ = _Howler__howls_._sounds[0]) === null || _Howler__howls___sounds_ === void 0 ? void 0 : _Howler__howls___sounds_._node)) return;
+            if (!Howler._howls[0]._sounds[0]._node.crossOrigin) return;
+            Howler._howls[0]._sounds[0]._node.crossOrigin = "anonymous";
+        }
+    }, [
+        audioPlayer
+    ]);
     useEffect5(function() {
         if (!audioPlayer.playing) return;
         if (isInited.current) return;
         isInited.current = true;
         if (isHtmlAudioSupported) {
             var audioContext = new AudioContext();
-            Howler._howls[0]._sounds[0]._node.crossOrigin = "anonymous";
             setAudioEngine({
                 // @ts-ignore-next-line
                 source: audioContext.createMediaElementSource(Howler._howls[0]._sounds[0]._node),
@@ -2972,7 +2993,15 @@ var useMessageAudio = function(param) {
     }, [
         audioEngine
     ]);
-    return _object_spread_props(_object_spread({}, audioPlayer), {
+    var isPending = useMemo12(function() {
+        return isPlaying || unplayedMessageSentences.length > 0;
+    }, [
+        isPlaying,
+        unplayedMessageSentences
+    ]);
+    return _object_spread_props(_object_spread({
+        isPending: isPending
+    }, audioPlayer), {
         visualizationAnalyser: visualizationAnalyser
     });
 };
@@ -3330,9 +3359,9 @@ AudioThreadDialog.Trigger = Trigger;
 AudioThreadDialog.Button = Button2;
 AudioThreadDialog.Content = Content4;
 // src/components/suggestions/Suggestions/index.tsx
-import { useMemo as useMemo15 } from "react";
-// src/components/suggestions/Suggestions/Content.tsx
 import { useMemo as useMemo14 } from "react";
+// src/components/suggestions/Suggestions/Content.tsx
+import { useMemo as useMemo13 } from "react";
 import { isEmpty as isEmpty2 } from "radash";
 import { onlyText } from "react-children-utilities";
 import { Flex as Flex25 } from "@radix-ui/themes";
@@ -3389,7 +3418,7 @@ import { jsx as jsx63 } from "react/jsx-runtime";
 var Content6 = function(param) {
     var children = param.children;
     var isMutatingMessage = useIsMutatingMessage();
-    var suggestions = useMemo14(function() {
+    var suggestions = useMemo13(function() {
         return onlyText(children).split(/\r?\n/).filter(function(c) {
             return !isEmpty2(c);
         }).map(function(c) {
@@ -3416,7 +3445,7 @@ import { jsx as jsx64 } from "react/jsx-runtime";
 var Suggestions = function(param) {
     var children = param.children;
     var latestMessageProps = useLatestMessage();
-    var isDisabled = useMemo15(function() {
+    var isDisabled = useMemo14(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;
@@ -3431,14 +3460,14 @@ var Suggestions = function(param) {
 };
 Suggestions.Item = Item;
 // src/components/markdown/MarkdownProvider/index.tsx
-import { useMemo as useMemo16 } from "react";
+import { useMemo as useMemo15 } from "react";
 import { jsx as jsx65 } 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 = useMemo15(function() {
         return merge(prevMarkdownContext, rest);
     }, [
         rest,