@superinterface/react 2.17.1 → 2.17.3

package/dist/index.d.cts

@@ -14,11 +14,11 @@ import * as openai_resources_beta_threads_runs_steps from 'openai/resources/beta
 declare const options: {
     get: ({ assistantId, }: {
         assistantId: string;
-    }) => string | undefined;
+    }) => any;
     set: ({ assistantId, threadId, }: {
         assistantId: string;
         threadId: string;
-    }) => string | undefined;
+    }) => any;
 };
 
 type Args$7 = {
@@ -329,6 +329,7 @@ declare const useCreateMessage: ({ onError, }?: {
 };
 
 declare const useMessageFormContext: () => {
+    content: string;
     isDisabled: boolean;
     isLoading: boolean;
     files: openai_resources.FileObject[];

package/dist/index.d.ts

@@ -14,11 +14,11 @@ import * as openai_resources_beta_threads_runs_steps from 'openai/resources/beta
 declare const options: {
     get: ({ assistantId, }: {
         assistantId: string;
-    }) => string | undefined;
+    }) => any;
     set: ({ assistantId, threadId, }: {
         assistantId: string;
         threadId: string;
-    }) => string | undefined;
+    }) => any;
 };
 
 type Args$7 = {
@@ -329,6 +329,7 @@ declare const useCreateMessage: ({ onError, }?: {
 };
 
 declare const useMessageFormContext: () => {
+    content: string;
     isDisabled: boolean;
     isLoading: boolean;
     files: openai_resources.FileObject[];

package/dist/index.js

@@ -1856,6 +1856,7 @@ import { useContext as useContext10 } from "react";
 // src/contexts/messages/MessageFormContext/index.ts
 import { createContext as createContext10 } from "react";
 var MessageFormContext = createContext10({
+    content: "",
     isDisabled: false,
     isLoading: false,
     files: [],
@@ -2534,7 +2535,7 @@ var Root4 = function(param) {
     var children = param.children, onSubmitArg = param.onSubmit;
     var _useState = _sliced_to_array(useState([]), 2), files = _useState[0], setFiles = _useState[1];
     var formProps = useForm(formOptions);
-    var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset;
+    var handleSubmit = formProps.handleSubmit, isSubmitting = formProps.formState.isSubmitting, reset = formProps.reset, watch = formProps.watch;
     var addToast = useToasts().addToast;
     var queryClient = useQueryClient4();
     var threadContext = useSuperinterfaceContext();
@@ -2638,13 +2639,15 @@ var Root4 = function(param) {
             return _ref.apply(this, arguments);
         };
     }();
+    var content = watch("content");
     return /* @__PURE__ */ jsx48(MessageFormContext.Provider, {
         value: {
             isDisabled: isDisabled,
             isLoading: isLoading,
             files: files,
             setFiles: setFiles,
-            isFileLoading: isFileLoading
+            isFileLoading: isFileLoading,
+            content: content
         },
         children: /* @__PURE__ */ jsx48(FormProvider, _object_spread_props(_object_spread({}, formProps), {
             children: /* @__PURE__ */ jsx48(Box12, {
@@ -2664,8 +2667,17 @@ import { Container as RadixContainer, Flex as Flex19 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Field/Control.tsx
 import { Flex as Flex16 } from "@radix-ui/themes";
 import { useFormContext } from "react-hook-form";
-import { usePrevious } from "react-use";
-import { useContext as useContext11, useMemo as useMemo9, useRef as useRef4, useEffect as useEffect3 } from "react";
+// src/hooks/misc/usePrevious.ts
+import { useEffect as useEffect3, useRef as useRef4 } from "react";
+var usePrevious = function(state) {
+    var ref = useRef4();
+    useEffect3(function() {
+        ref.current = state;
+    });
+    return ref.current;
+};
+// src/components/threads/Thread/MessageForm/Field/Control.tsx
+import { useContext as useContext11, useMemo as useMemo9, useRef as useRef5, useEffect as useEffect4 } from "react";
 // src/components/textareas/TextareaBase/index.tsx
 import { forwardRef as forwardRef3 } from "react";
 import TextareaAutosize from "react-textarea-autosize";
@@ -2713,9 +2725,9 @@ var Input = function() {
         isLoading
     ]);
     var isDisabledPrevious = usePrevious(isDisabled);
-    var textareaRef = useRef4(null);
+    var textareaRef = useRef5(null);
     var textareaProps = register("content");
-    useEffect3(function() {
+    useEffect4(function() {
         if (isDisabled) return;
         if (!isDisabledPrevious) return;
         if (!textareaRef.current) return;
@@ -3549,7 +3561,6 @@ ThreadDialog.Root = Root9;
 ThreadDialog.Trigger = Trigger;
 ThreadDialog.Content = Content4;
 // src/components/threads/AudioThread/Root/index.tsx
-import "regenerator-runtime/runtime";
 import { Flex as Flex25 } from "@radix-ui/themes";
 // src/contexts/threads/AudioThreadContext/index.ts
 import { createContext as createContext12 } from "react";
@@ -3608,8 +3619,58 @@ var AudioThreadContext = createContext12({
         })
     }
 });
-// src/components/threads/AudioThread/Root/index.tsx
-import { usePermission } from "react-use";
+// src/hooks/misc/usePermission/index.ts
+import { useEffect as useEffect5, useState as useState4 } from "react";
+// src/hooks/misc/usePermission/util.ts
+var noop = function() {};
+function on(obj) {
+    for(var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+        args[_key - 1] = arguments[_key];
+    }
+    if (obj && obj.addEventListener) {
+        var _obj;
+        (_obj = obj).addEventListener.apply(_obj, _to_consumable_array(args));
+    }
+}
+function off(obj) {
+    for(var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+        args[_key - 1] = arguments[_key];
+    }
+    if (obj && obj.removeEventListener) {
+        var _obj;
+        (_obj = obj).removeEventListener.apply(_obj, _to_consumable_array(args));
+    }
+}
+// src/hooks/misc/usePermission/index.ts
+var usePermission = function(permissionDesc) {
+    var _useState4 = _sliced_to_array(useState4(""), 2), state = _useState4[0], setState = _useState4[1];
+    useEffect5(function() {
+        var mounted = true;
+        var permissionStatus = null;
+        var onChange = function() {
+            if (!mounted) {
+                return;
+            }
+            setState(function() {
+                var _permissionStatus_state;
+                return (_permissionStatus_state = permissionStatus === null || permissionStatus === void 0 ? void 0 : permissionStatus.state) !== null && _permissionStatus_state !== void 0 ? _permissionStatus_state : "";
+            });
+        };
+        navigator.permissions.query(permissionDesc).then(function(status) {
+            permissionStatus = status;
+            on(permissionStatus, "change", onChange);
+            onChange();
+        }).catch(noop);
+        return function() {
+            permissionStatus && off(permissionStatus, "change", onChange);
+            mounted = false;
+            permissionStatus = null;
+        };
+    }, [
+        permissionDesc
+    ]);
+    return state;
+};
 // src/components/threads/AudioThread/Root/lib/blobToData.ts
 var blobToData = function(blob) {
     return new Promise(function(resolve) {
@@ -3649,19 +3710,40 @@ var useStatus = function(param) {
 // src/hooks/audioThreads/useRecorder/index.ts
 import dayjs3 from "dayjs";
 import { useAudioCapture } from "use-audio-capture";
-import { useMemo as useMemo11, useRef as useRef5, useState as useState4, useCallback as useCallback4, useEffect as useEffect4 } from "react";
+import { useMemo as useMemo11, useRef as useRef7, useState as useState5, useCallback as useCallback4, useEffect as useEffect7 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
-import { useInterval } from "react-use";
+// src/hooks/misc/useInterval.ts
+import { useEffect as useEffect6, useRef as useRef6 } from "react";
+var useInterval = function(callback, delay) {
+    var savedCallback = useRef6(function() {});
+    useEffect6(function() {
+        savedCallback.current = callback;
+    });
+    useEffect6(function() {
+        if (delay !== null) {
+            var interval = setInterval(function() {
+                return savedCallback.current();
+            }, delay || 0);
+            return function() {
+                return clearInterval(interval);
+            };
+        }
+        return void 0;
+    }, [
+        delay
+    ]);
+};
+// src/hooks/audioThreads/useRecorder/index.ts
 var useRecorder = function(param) {
     var isStopOnSilence = param.isStopOnSilence, onStart = param.onStart, onStop = param.onStop;
-    var _useState4 = _sliced_to_array(useState4(null), 2), silenceStart = _useState4[0], setSilenceStart = _useState4[1];
-    var _useState41 = _sliced_to_array(useState4(null), 2), noiseStart = _useState41[0], setNoiseStart = _useState41[1];
-    var _useState42 = _sliced_to_array(useState4(null), 2), mediaStream = _useState42[0], setMediaStream = _useState42[1];
-    var _useState43 = _sliced_to_array(useState4("idle"), 2), status = _useState43[0], setStatus = _useState43[1];
+    var _useState5 = _sliced_to_array(useState5(null), 2), silenceStart = _useState5[0], setSilenceStart = _useState5[1];
+    var _useState51 = _sliced_to_array(useState5(null), 2), noiseStart = _useState51[0], setNoiseStart = _useState51[1];
+    var _useState52 = _sliced_to_array(useState5(null), 2), mediaStream = _useState52[0], setMediaStream = _useState52[1];
+    var _useState53 = _sliced_to_array(useState5("idle"), 2), status = _useState53[0], setStatus = _useState53[1];
     var startAudioPlayer = useAudioPlayer();
     var endAudioPlayer = useAudioPlayer();
-    var _useState44 = _sliced_to_array(useState4(false), 2), isLoaded = _useState44[0], setIsLoaded = _useState44[1];
-    useEffect4(function() {
+    var _useState54 = _sliced_to_array(useState5(false), 2), isLoaded = _useState54[0], setIsLoaded = _useState54[1];
+    useEffect7(function() {
         if (isLoaded) return;
         setIsLoaded(true);
     }, [
@@ -3719,9 +3801,9 @@ var useRecorder = function(param) {
             setNoiseStart(null);
         }
     });
-    var _useState45 = _sliced_to_array(useState4(null), 2), audioEngine = _useState45[0], setAudioEngine = _useState45[1];
-    var isInited = useRef5(false);
-    useEffect4(function() {
+    var _useState55 = _sliced_to_array(useState5(null), 2), audioEngine = _useState55[0], setAudioEngine = _useState55[1];
+    var isInited = useRef7(false);
+    useEffect7(function() {
         if (!mediaStream) return;
         if (isInited.current) return;
         isInited.current = true;
@@ -3774,7 +3856,7 @@ var useRecorder = function(param) {
         setNoiseStart,
         setSilenceStart
     ]);
-    useEffect4(function() {
+    useEffect7(function() {
         if (!isStopOnSilence) return;
         requestAnimationFrame(function() {
             return handleSilence();
@@ -3797,7 +3879,7 @@ var useRecorder = function(param) {
     });
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
-import { useMemo as useMemo12, useRef as useRef6, useState as useState5, useEffect as useEffect5 } from "react";
+import { useMemo as useMemo12, useRef as useRef8, useState as useState6, useEffect as useEffect8 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
 import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
@@ -3835,13 +3917,13 @@ var getMessageSentences = function(param) {
 };
 var useMessageAudio = function(param) {
     var onEnd = param.onEnd;
-    var _useState5 = _sliced_to_array(useState5(false), 2), isAudioPlayed = _useState5[0], setIsAudioPlayed = _useState5[1];
-    var _useState51 = _sliced_to_array(useState5([]), 2), stoppedMessageIds = _useState51[0], setStoppedMessageIds = _useState51[1];
-    var _useState52 = _sliced_to_array(useState5([]), 2), playedMessageSentences = _useState52[0], setPlayedMessageSentences = _useState52[1];
+    var _useState6 = _sliced_to_array(useState6(false), 2), isAudioPlayed = _useState6[0], setIsAudioPlayed = _useState6[1];
+    var _useState61 = _sliced_to_array(useState6([]), 2), stoppedMessageIds = _useState61[0], setStoppedMessageIds = _useState61[1];
+    var _useState62 = _sliced_to_array(useState6([]), 2), playedMessageSentences = _useState62[0], setPlayedMessageSentences = _useState62[1];
     var audioPlayer = useAudioPlayer2();
     var nextAudioPlayer = useAudioPlayer2();
     var superinterfaceContext = useSuperinterfaceContext();
-    var _useState53 = _sliced_to_array(useState5(false), 2), isPlaying = _useState53[0], setIsPlaying = _useState53[1];
+    var _useState63 = _sliced_to_array(useState6(false), 2), isPlaying = _useState63[0], setIsPlaying = _useState63[1];
     var latestMessageProps = useLatestMessage();
     var unplayedMessageSentences = useMemo12(function() {
         if (!latestMessageProps.latestMessage) return [];
@@ -3864,7 +3946,7 @@ var useMessageAudio = function(param) {
         latestMessageProps,
         playedMessageSentences
     ]);
-    useEffect5(function() {
+    useEffect8(function() {
         if (isPlaying) return;
         if (audioPlayer.playing) return;
         if (!latestMessageProps.latestMessage) return;
@@ -3932,7 +4014,7 @@ var useMessageAudio = function(param) {
         playedMessageSentences,
         onEnd
     ]);
-    useEffect5(function() {
+    useEffect8(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;
@@ -3941,9 +4023,9 @@ var useMessageAudio = function(param) {
     }, [
         audioPlayer
     ]);
-    var _useState54 = _sliced_to_array(useState5(null), 2), audioEngine = _useState54[0], setAudioEngine = _useState54[1];
-    var isAudioEngineInited = useRef6(false);
-    useEffect5(function() {
+    var _useState64 = _sliced_to_array(useState6(null), 2), audioEngine = _useState64[0], setAudioEngine = _useState64[1];
+    var isAudioEngineInited = useRef8(false);
+    useEffect8(function() {
         if (!audioPlayer.playing) return;
         if (isAudioEngineInited.current) return;
         isAudioEngineInited.current = true;
@@ -4060,7 +4142,7 @@ var Root12 = function(param) {
     });
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
-import { useContext as useContext15, useState as useState7, useCallback as useCallback6, useEffect as useEffect7 } from "react";
+import { useContext as useContext15, useState as useState8, useCallback as useCallback6, useEffect as useEffect10 } from "react";
 import _9 from "lodash";
 import { Flex as Flex27 } from "@radix-ui/themes";
 // src/hooks/threads/useAudioThreadContext/index.ts
@@ -4071,13 +4153,13 @@ var useAudioThreadContext = function() {
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 import _8 from "lodash";
 import { Flex as Flex26, Grid } from "@radix-ui/themes";
-import { useState as useState6, useEffect as useEffect6, useCallback as useCallback5 } from "react";
+import { useState as useState7, useEffect as useEffect9, useCallback as useCallback5 } from "react";
 import { cluster } from "radash";
 import { jsx as jsx67 } from "react/jsx-runtime";
 var barCount = 4;
 var BarsVisualizer = function(param) {
     var visualizationAnalyser = param.visualizationAnalyser, backgroundColor = param.backgroundColor, height = param.height, barWidth = param.barWidth;
-    var _useState6 = _sliced_to_array(useState6([]), 2), barHeights = _useState6[0], setBarHeights = _useState6[1];
+    var _useState7 = _sliced_to_array(useState7([]), 2), barHeights = _useState7[0], setBarHeights = _useState7[1];
     var draw = useCallback5(function(param) {
         var visualizationAnalyser2 = param.visualizationAnalyser;
         if (!visualizationAnalyser2) {
@@ -4096,7 +4178,7 @@ var BarsVisualizer = function(param) {
             });
         });
     }, []);
-    useEffect6(function() {
+    useEffect9(function() {
         draw({
             visualizationAnalyser: visualizationAnalyser
         });
@@ -4137,7 +4219,7 @@ import { jsx as jsx68, jsxs as jsxs25 } from "react/jsx-runtime";
 var Visualization = function() {
     var audioThreadContext = useAudioThreadContext();
     var assistantNameContext = useContext15(AssistantNameContext);
-    var _useState7 = _sliced_to_array(useState7(0), 2), scale = _useState7[0], setScale = _useState7[1];
+    var _useState8 = _sliced_to_array(useState8(0), 2), scale = _useState8[0], setScale = _useState8[1];
     var draw = useCallback6(function(param) {
         var visualizationAnalyser = param.visualizationAnalyser;
         if (!visualizationAnalyser) {
@@ -4153,7 +4235,7 @@ var Visualization = function() {
             });
         });
     }, []);
-    useEffect7(function() {
+    useEffect10(function() {
         draw({
             visualizationAnalyser: audioThreadContext.recorderProps.visualizationAnalyser
         });