@superinterface/react 2.4.2 → 2.4.4

package/dist/index.cjs

@@ -2792,16 +2792,20 @@ var blobToData = function(blob) {
 var import_react38 = require("react");
 var useStatus = function(param) {
     var messageAudioProps = param.messageAudioProps, recorderProps = param.recorderProps, createMessageProps = param.createMessageProps;
+    var latestMessageProps = useLatestMessage();
     var status = (0, import_react38.useMemo)(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
@@ -3004,24 +3008,31 @@ var useMessageAudio = function(param) {
     var superinterfaceContext = useSuperinterfaceContext();
     var _ref1 = _sliced_to_array((0, import_react40.useState)(false), 2), isPlaying = _ref1[0], setIsPlaying = _ref1[1];
     var latestMessageProps = useLatestMessage();
-    (0, import_react40.useEffect)(function() {
-        if (isPlaying) return;
-        if (audioPlayer.playing) return;
-        if (!latestMessageProps.latestMessage) return;
-        if (latestMessageProps.latestMessage.role !== "assistant") return;
+    var unplayedMessageSentences = (0, import_react40.useMemo)(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
+    ]);
+    (0, import_react40.useEffect)(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;
@@ -3059,6 +3070,7 @@ var useMessageAudio = function(param) {
             })
         }));
     }, [
+        unplayedMessageSentences,
         isPlaying,
         superinterfaceContext,
         latestMessageProps,
@@ -3068,13 +3080,22 @@ var useMessageAudio = function(param) {
     ]);
     var isInited = (0, import_react40.useRef)(false);
     var _ref2 = _sliced_to_array((0, import_react40.useState)(null), 2), audioEngine = _ref2[0], setAudioEngine = _ref2[1];
+    (0, import_react40.useEffect)(function() {
+        if (isHtmlAudioSupported) {
+            var _import_howler_Howler__howls___sounds_, _import_howler_Howler__howls_, _import_howler_Howler;
+            if (!((_import_howler_Howler = import_howler.Howler) === null || _import_howler_Howler === void 0 ? void 0 : (_import_howler_Howler__howls_ = _import_howler_Howler._howls[0]) === null || _import_howler_Howler__howls_ === void 0 ? void 0 : (_import_howler_Howler__howls___sounds_ = _import_howler_Howler__howls_._sounds[0]) === null || _import_howler_Howler__howls___sounds_ === void 0 ? void 0 : _import_howler_Howler__howls___sounds_._node)) return;
+            if (!import_howler.Howler._howls[0]._sounds[0]._node.crossOrigin) return;
+            import_howler.Howler._howls[0]._sounds[0]._node.crossOrigin = "anonymous";
+        }
+    }, [
+        audioPlayer
+    ]);
     (0, import_react40.useEffect)(function() {
         if (!audioPlayer.playing) return;
         if (isInited.current) return;
         isInited.current = true;
         if (isHtmlAudioSupported) {
             var audioContext = new AudioContext();
-            import_howler.Howler._howls[0]._sounds[0]._node.crossOrigin = "anonymous";
             setAudioEngine({
                 // @ts-ignore-next-line
                 source: audioContext.createMediaElementSource(import_howler.Howler._howls[0]._sounds[0]._node),
@@ -3099,7 +3120,15 @@ var useMessageAudio = function(param) {
     }, [
         audioEngine
     ]);
-    return _object_spread_props(_object_spread({}, audioPlayer), {
+    var isPending = (0, import_react40.useMemo)(function() {
+        return isPlaying || unplayedMessageSentences.length > 0;
+    }, [
+        isPlaying,
+        unplayedMessageSentences
+    ]);
+    return _object_spread_props(_object_spread({
+        isPending: isPending
+    }, audioPlayer), {
         visualizationAnalyser: visualizationAnalyser
     });
 };