@superinterface/react 5.0.0-beta.3 → 5.1.1

package/dist/index.cjs

@@ -44351,7 +44351,7 @@ var Root8 = function(_ref) {
     var children = _ref.children, onSubmitArg = _ref.onSubmit, isDisabledArg = _ref.isDisabled, style = _ref.style, className = _ref.className;
     var _$_ref = _sliced_to_array((0, import_react51.useState)([]), 2), files = _$_ref[0], setFiles = _$_ref[1];
     var formProps = (0, import_react_hook_form.useForm)(formOptions);
-    var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset, watch = formProps.watch;
+    var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, formReset = formProps.reset, watch = formProps.watch;
     var addToast = useToasts().addToast;
     var queryClient = (0, import_react_query6.useQueryClient)();
     var threadContext = useSuperinterfaceContext();
@@ -44386,9 +44386,16 @@ var Root8 = function(_ref) {
         latestMessage,
         isDisabledArg
     ]);
+    var reset = (0, import_react51.useCallback)(function() {
+        formReset();
+        setFiles([]);
+    }, [
+        formReset
+    ]);
     var onSubmit = onSubmitArg ? (0, import_radash14.partob)(onSubmitArg, {
         reset: reset,
-        createMessage: createMessage
+        createMessage: createMessage,
+        files: files
     }) : /* @__PURE__ */ function() {
         var _ref2 = _asyncToGenerator6(function(data2) {
             var attachments, imageFileContentParts, content2;
@@ -44405,7 +44412,6 @@ var Root8 = function(_ref) {
                             2
                         ];
                         reset();
-                        setFiles([]);
                         attachments = files.filter(function(file_0) {
                             return file_0.purpose === "assistants";
                         }).map(function(file_1) {
@@ -47430,7 +47436,6 @@ function _toPrimitive47(t, r) {
     }
     return ("string" === r ? String : Number)(t);
 }
-var FULL_SENTENCE_REGEX = /[\.?!]$/;
 var getMessageSentences = function(_ref) {
     var messageId = _ref.messageId, input2 = _ref.input;
     var sentences = (0, import_compromise.default)(input2).sentences().json();
@@ -47442,80 +47447,110 @@ var getMessageSentences = function(_ref) {
     });
 };
 var useMessageAudio = function(t0) {
-    var _latestMessageProps$l;
-    var $ = (0, import_react_compiler_runtime88.c)(49);
-    var _onEnd = t0.onEnd, passedPlay = t0.play;
-    var _ref = _sliced_to_array((0, import_react67.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
-    var t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-        t1 = [];
-        $[0] = t1;
-    } else {
-        t1 = $[0];
-    }
-    var _ref1 = _sliced_to_array((0, import_react67.useState)(t1), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
+    var _latestMessageProps$l, _latestMessageProps$l4, _latestMessageProps$l5;
+    var $ = (0, import_react_compiler_runtime88.c)(68);
+    var _onEnd = t0.onEnd, passedPlay = t0.play, t1 = t0.fullSentenceRegex;
     var t2;
-    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-        t2 = [];
+    if ($[0] !== t1) {
+        t2 = t1 === void 0 ? /[\.?!]$/ : t1;
+        $[0] = t1;
         $[1] = t2;
     } else {
         t2 = $[1];
     }
-    var _ref2 = _sliced_to_array((0, import_react67.useState)(t2), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
+    var fullSentenceRegex = t2;
+    var _ref = _sliced_to_array((0, import_react67.useState)(false), 2), isAudioPlayed = _ref[0], setIsAudioPlayed = _ref[1];
+    var t3;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = [];
+        $[2] = t3;
+    } else {
+        t3 = $[2];
+    }
+    var _ref1 = _sliced_to_array((0, import_react67.useState)(t3), 2), stoppedMessageIds = _ref1[0], setStoppedMessageIds = _ref1[1];
+    var t4;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = [];
+        $[3] = t4;
+    } else {
+        t4 = $[3];
+    }
+    var _ref2 = _sliced_to_array((0, import_react67.useState)(t4), 2), playedMessageSentences = _ref2[0], setPlayedMessageSentences = _ref2[1];
     var audioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var nextAudioPlayer = (0, import_react_use_audio_player2.useAudioPlayer)();
     var superinterfaceContext = useSuperinterfaceContext();
     var _ref3 = _sliced_to_array((0, import_react67.useState)(false), 2), isPlaying = _ref3[0], setIsPlaying = _ref3[1];
+    var isLastSentencePlayedRef = (0, import_react67.useRef)(false);
     var latestMessageProps = useLatestMessage();
-    var t3;
+    var t5;
+    var t6;
+    if ($[4] !== isPlaying) {
+        t5 = function() {
+            if (!isPlaying) {
+                return;
+            }
+            isLastSentencePlayedRef.current = false;
+        };
+        t6 = [
+            isPlaying
+        ];
+        $[4] = isPlaying;
+        $[5] = t5;
+        $[6] = t6;
+    } else {
+        t5 = $[5];
+        t6 = $[6];
+    }
+    (0, import_react67.useEffect)(t5, t6);
+    var t7;
     bb0: {
         if (!latestMessageProps.latestMessage) {
             var _t;
-            if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+            if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
                 _t = [];
-                $[2] = _t;
+                $[7] = _t;
             } else {
-                _t = $[2];
+                _t = $[7];
             }
-            t3 = _t;
+            t7 = _t;
             break bb0;
         }
         if (latestMessageProps.latestMessage.role !== "assistant") {
             var _t2;
-            if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+            if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
                 _t2 = [];
-                $[3] = _t2;
+                $[8] = _t2;
             } else {
-                _t2 = $[3];
+                _t2 = $[8];
             }
-            t3 = _t2;
+            t7 = _t2;
             break bb0;
         }
         if (stoppedMessageIds.includes(latestMessageProps.latestMessage.id)) {
             var _t3;
-            if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+            if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
                 _t3 = [];
-                $[4] = _t3;
+                $[9] = _t3;
             } else {
-                _t3 = $[4];
+                _t3 = $[9];
             }
-            t3 = _t3;
+            t7 = _t3;
             break bb0;
         }
         var _t4;
-        if ($[5] !== latestMessageProps.latestMessage || $[6] !== playedMessageSentences) {
+        if ($[10] !== latestMessageProps.latestMessage || $[11] !== playedMessageSentences) {
             var input2 = input({
                 message: latestMessageProps.latestMessage
             });
             if (!input2) {
                 var _t5;
-                if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+                if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
                     _t5 = [];
-                    $[9] = _t5;
+                    $[14] = _t5;
                 } else {
-                    _t5 = $[9];
+                    _t5 = $[14];
                 }
-                t3 = _t5;
+                t7 = _t5;
                 break bb0;
             }
             var messageSentences = getMessageSentences({
@@ -47523,33 +47558,33 @@ var useMessageAudio = function(t0) {
                 input: input2
             });
             var _t6;
-            if ($[10] !== playedMessageSentences) {
+            if ($[15] !== playedMessageSentences) {
                 _t6 = function(ms) {
                     return !playedMessageSentences.find(function(pms) {
                         return pms.messageId === ms.messageId && pms.sentence === ms.sentence;
                     });
                 };
-                $[10] = playedMessageSentences;
-                $[11] = _t6;
+                $[15] = playedMessageSentences;
+                $[16] = _t6;
             } else {
-                _t6 = $[11];
+                _t6 = $[16];
             }
             _t4 = messageSentences.filter(_t6);
-            $[5] = latestMessageProps.latestMessage;
-            $[6] = playedMessageSentences;
-            $[7] = _t4;
-            $[8] = t3;
+            $[10] = latestMessageProps.latestMessage;
+            $[11] = playedMessageSentences;
+            $[12] = _t4;
+            $[13] = t7;
         } else {
-            _t4 = $[7];
-            t3 = $[8];
+            _t4 = $[12];
+            t7 = $[13];
         }
-        t3 = _t4;
+        t7 = _t4;
     }
-    var unplayedMessageSentences = t3;
-    var t4;
-    if ($[12] !== audioPlayer || $[13] !== isAudioPlayed || $[14] !== nextAudioPlayer || $[15] !== superinterfaceContext || $[16] !== unplayedMessageSentences) {
-        t4 = function(t52) {
-            var input_0 = t52.input, onPlay = t52.onPlay, onStop = t52.onStop, onEnd_0 = t52.onEnd;
+    var unplayedMessageSentences = t7;
+    var t8;
+    if ($[17] !== audioPlayer || $[18] !== fullSentenceRegex || $[19] !== isAudioPlayed || $[20] !== nextAudioPlayer || $[21] !== superinterfaceContext || $[22] !== unplayedMessageSentences[1]) {
+        t8 = function(t92) {
+            var input_0 = t92.input, onPlay = t92.onPlay, onStop = t92.onStop, onEnd_0 = t92.onEnd;
             var searchParams = new URLSearchParams(_objectSpread47({
                 input: input_0
             }, superinterfaceContext.variables));
@@ -47564,7 +47599,7 @@ var useMessageAudio = function(t0) {
                     if (!nextUnplayedMessageSentence) {
                         return;
                     }
-                    var isNextFullSentence = FULL_SENTENCE_REGEX.test(nextUnplayedMessageSentence.sentence);
+                    var isNextFullSentence = fullSentenceRegex.test(nextUnplayedMessageSentence.sentence);
                     if (!isNextFullSentence) {
                         return;
                     }
@@ -47580,22 +47615,23 @@ var useMessageAudio = function(t0) {
                 onend: onEnd_0
             });
         };
-        $[12] = audioPlayer;
-        $[13] = isAudioPlayed;
-        $[14] = nextAudioPlayer;
-        $[15] = superinterfaceContext;
-        $[16] = unplayedMessageSentences;
-        $[17] = t4;
+        $[17] = audioPlayer;
+        $[18] = fullSentenceRegex;
+        $[19] = isAudioPlayed;
+        $[20] = nextAudioPlayer;
+        $[21] = superinterfaceContext;
+        $[22] = unplayedMessageSentences[1];
+        $[23] = t8;
     } else {
-        t4 = $[17];
+        t8 = $[23];
     }
-    var defaultPlay = t4;
-    var t5;
-    t5 = passedPlay || defaultPlay;
-    var play = t5;
-    var t6;
-    if ($[18] !== audioPlayer.playing || $[19] !== isPlaying || $[20] !== latestMessageProps.latestMessage || $[21] !== _onEnd || $[22] !== play || $[23] !== unplayedMessageSentences) {
-        t6 = function() {
+    var defaultPlay = t8;
+    var t9;
+    t9 = passedPlay || defaultPlay;
+    var play = t9;
+    var t10;
+    if ($[24] !== audioPlayer.playing || $[25] !== fullSentenceRegex || $[26] !== isPlaying || $[27] !== latestMessageProps.latestMessage || $[28] !== _onEnd || $[29] !== play || $[30] !== unplayedMessageSentences[0] || $[31] !== unplayedMessageSentences.length) {
+        t10 = function() {
             if (isPlaying) {
                 return;
             }
@@ -47614,7 +47650,7 @@ var useMessageAudio = function(t0) {
             }
             var isFullSentence = isOptimistic({
                 id: latestMessageProps.latestMessage.id
-            }) || latestMessageProps.latestMessage.status !== "in_progress" || FULL_SENTENCE_REGEX.test(firstUnplayedMessageSentence.sentence);
+            }) || latestMessageProps.latestMessage.status !== "in_progress" || fullSentenceRegex.test(firstUnplayedMessageSentence.sentence);
             if (!isFullSentence) {
                 return;
             }
@@ -47640,25 +47676,29 @@ var useMessageAudio = function(t0) {
                 },
                 onEnd: function() {
                     setIsPlaying(false);
-                    if (unplayedMessageSentences.length === 1 && latestMessageProps.latestMessage.status !== "in_progress") {
+                    isLastSentencePlayedRef.current = unplayedMessageSentences.length === 1;
+                    if (isLastSentencePlayedRef.current && latestMessageProps.latestMessage.status !== "in_progress") {
                         _onEnd();
+                        isLastSentencePlayedRef.current = false;
                     }
                 }
             });
         };
-        $[18] = audioPlayer.playing;
-        $[19] = isPlaying;
-        $[20] = latestMessageProps.latestMessage;
-        $[21] = _onEnd;
-        $[22] = play;
-        $[23] = unplayedMessageSentences;
-        $[24] = t6;
+        $[24] = audioPlayer.playing;
+        $[25] = fullSentenceRegex;
+        $[26] = isPlaying;
+        $[27] = latestMessageProps.latestMessage;
+        $[28] = _onEnd;
+        $[29] = play;
+        $[30] = unplayedMessageSentences[0];
+        $[31] = unplayedMessageSentences.length;
+        $[32] = t10;
     } else {
-        t6 = $[24];
+        t10 = $[32];
     }
-    var t7;
-    if ($[25] !== audioPlayer || $[26] !== isPlaying || $[27] !== latestMessageProps || $[28] !== nextAudioPlayer || $[29] !== _onEnd || $[30] !== play || $[31] !== playedMessageSentences || $[32] !== superinterfaceContext || $[33] !== unplayedMessageSentences) {
-        t7 = [
+    var t11;
+    if ($[33] !== audioPlayer || $[34] !== fullSentenceRegex || $[35] !== isPlaying || $[36] !== latestMessageProps || $[37] !== nextAudioPlayer || $[38] !== _onEnd || $[39] !== play || $[40] !== playedMessageSentences || $[41] !== superinterfaceContext || $[42] !== unplayedMessageSentences) {
+        t11 = [
             unplayedMessageSentences,
             isPlaying,
             superinterfaceContext,
@@ -47667,38 +47707,76 @@ var useMessageAudio = function(t0) {
             nextAudioPlayer,
             playedMessageSentences,
             _onEnd,
-            play
+            play,
+            fullSentenceRegex
         ];
-        $[25] = audioPlayer;
-        $[26] = isPlaying;
-        $[27] = latestMessageProps;
-        $[28] = nextAudioPlayer;
-        $[29] = _onEnd;
-        $[30] = play;
-        $[31] = playedMessageSentences;
-        $[32] = superinterfaceContext;
-        $[33] = unplayedMessageSentences;
-        $[34] = t7;
-    } else {
-        t7 = $[34];
-    }
-    (0, import_react67.useEffect)(t6, t7);
-    var t8;
-    if ($[35] !== audioPlayer) {
-        t8 = [
+        $[33] = audioPlayer;
+        $[34] = fullSentenceRegex;
+        $[35] = isPlaying;
+        $[36] = latestMessageProps;
+        $[37] = nextAudioPlayer;
+        $[38] = _onEnd;
+        $[39] = play;
+        $[40] = playedMessageSentences;
+        $[41] = superinterfaceContext;
+        $[42] = unplayedMessageSentences;
+        $[43] = t11;
+    } else {
+        t11 = $[43];
+    }
+    (0, import_react67.useEffect)(t10, t11);
+    var t12;
+    if ($[44] !== isPlaying || $[45] !== ((_latestMessageProps$l = latestMessageProps.latestMessage) === null || _latestMessageProps$l === void 0 ? void 0 : _latestMessageProps$l.status) || $[46] !== _onEnd || $[47] !== unplayedMessageSentences.length) {
+        var _latestMessageProps$l3;
+        t12 = function() {
+            var _latestMessageProps$l2;
+            if (isLastSentencePlayedRef.current && !isPlaying && unplayedMessageSentences.length === 0 && ((_latestMessageProps$l2 = latestMessageProps.latestMessage) === null || _latestMessageProps$l2 === void 0 ? void 0 : _latestMessageProps$l2.status) !== "in_progress") {
+                _onEnd();
+                isLastSentencePlayedRef.current = false;
+            }
+        };
+        $[44] = isPlaying;
+        $[45] = (_latestMessageProps$l3 = latestMessageProps.latestMessage) === null || _latestMessageProps$l3 === void 0 ? void 0 : _latestMessageProps$l3.status;
+        $[46] = _onEnd;
+        $[47] = unplayedMessageSentences.length;
+        $[48] = t12;
+    } else {
+        t12 = $[48];
+    }
+    var t13 = (_latestMessageProps$l4 = latestMessageProps.latestMessage) === null || _latestMessageProps$l4 === void 0 ? void 0 : _latestMessageProps$l4.status;
+    var t14;
+    if ($[49] !== isPlaying || $[50] !== _onEnd || $[51] !== t13 || $[52] !== unplayedMessageSentences.length) {
+        t14 = [
+            isPlaying,
+            unplayedMessageSentences.length,
+            t13,
+            _onEnd
+        ];
+        $[49] = isPlaying;
+        $[50] = _onEnd;
+        $[51] = t13;
+        $[52] = unplayedMessageSentences.length;
+        $[53] = t14;
+    } else {
+        t14 = $[53];
+    }
+    (0, import_react67.useEffect)(t12, t14);
+    var t15;
+    if ($[54] !== audioPlayer) {
+        t15 = [
             audioPlayer
         ];
-        $[35] = audioPlayer;
-        $[36] = t8;
+        $[54] = audioPlayer;
+        $[55] = t15;
     } else {
-        t8 = $[36];
+        t15 = $[55];
     }
-    (0, import_react67.useEffect)(_temp9, t8);
+    (0, import_react67.useEffect)(_temp9, t15);
     var _ref4 = _sliced_to_array((0, import_react67.useState)(null), 2), audioEngine = _ref4[0], setAudioEngine = _ref4[1];
     var isAudioEngineInited = (0, import_react67.useRef)(false);
-    var t9;
-    if ($[37] !== audioPlayer.playing) {
-        t9 = function() {
+    var t16;
+    if ($[56] !== audioPlayer.playing) {
+        t16 = function() {
             if (!audioPlayer.playing) {
                 return;
             }
@@ -47719,63 +47797,63 @@ var useMessageAudio = function(t0) {
                 });
             }
         };
-        $[37] = audioPlayer.playing;
-        $[38] = t9;
+        $[56] = audioPlayer.playing;
+        $[57] = t16;
     } else {
-        t9 = $[38];
+        t16 = $[57];
     }
-    var t10;
-    if ($[39] !== audioPlayer) {
-        t10 = [
+    var t17;
+    if ($[58] !== audioPlayer) {
+        t17 = [
             audioPlayer,
             isAudioEngineInited
         ];
-        $[39] = audioPlayer;
-        $[40] = t10;
+        $[58] = audioPlayer;
+        $[59] = t17;
     } else {
-        t10 = $[40];
+        t17 = $[59];
     }
-    (0, import_react67.useEffect)(t9, t10);
-    var t11;
+    (0, import_react67.useEffect)(t16, t17);
+    var t18;
     bb1: {
         if (!audioEngine) {
-            t11 = null;
+            t18 = null;
             break bb1;
         }
         var result;
-        if ($[41] !== audioEngine.audioContext || $[42] !== audioEngine.source) {
+        if ($[60] !== audioEngine.audioContext || $[61] !== audioEngine.source) {
             result = audioEngine.audioContext.createAnalyser();
             audioEngine.source.connect(audioEngine.audioContext.destination);
             audioEngine.source.connect(result);
-            $[41] = audioEngine.audioContext;
-            $[42] = audioEngine.source;
-            $[43] = result;
+            $[60] = audioEngine.audioContext;
+            $[61] = audioEngine.source;
+            $[62] = result;
         } else {
-            result = $[43];
+            result = $[62];
         }
-        t11 = result;
+        t18 = result;
     }
-    var visualizationAnalyser = t11;
-    var t12;
-    t12 = isPlaying || unplayedMessageSentences.length > 0 || ((_latestMessageProps$l = latestMessageProps.latestMessage) === null || _latestMessageProps$l === void 0 ? void 0 : _latestMessageProps$l.status) === "in_progress";
-    var isPending = t12;
-    var t13;
-    if ($[44] !== audioPlayer || $[45] !== isAudioPlayed || $[46] !== isPending || $[47] !== visualizationAnalyser) {
-        t13 = _objectSpread47(_objectSpread47({
+    var visualizationAnalyser = t18;
+    var t19;
+    t19 = isPlaying || unplayedMessageSentences.length > 0 || ((_latestMessageProps$l5 = latestMessageProps.latestMessage) === null || _latestMessageProps$l5 === void 0 ? void 0 : _latestMessageProps$l5.status) === "in_progress";
+    var isPending = t19;
+    var t20;
+    if ($[63] !== audioPlayer || $[64] !== isAudioPlayed || $[65] !== isPending || $[66] !== visualizationAnalyser) {
+        t20 = _objectSpread47(_objectSpread47({
             isPending: isPending,
             isAudioPlayed: isAudioPlayed
         }, audioPlayer), {}, {
             visualizationAnalyser: visualizationAnalyser
         });
-        $[44] = audioPlayer;
-        $[45] = isAudioPlayed;
-        $[46] = isPending;
-        $[47] = visualizationAnalyser;
-        $[48] = t13;
+        $[63] = audioPlayer;
+        $[64] = isAudioPlayed;
+        $[65] = isPending;
+        $[66] = visualizationAnalyser;
+        $[67] = t20;
     } else {
-        t13 = $[48];
+        t20 = $[67];
     }
-    return t13;
+    return t20;
 };
 function _temp9() {
     if (isHtmlAudioSupported) {