@superinterface/react 4.3.0 → 4.4.0

package/dist/index.d.cts

@@ -3,11 +3,11 @@ import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseC
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as react_hook_form from 'react-hook-form';
+import * as openai_resources_files from 'openai/resources/files';
 import * as openai_resources_beta_threads_messages from 'openai/resources/beta/threads/messages';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as react from 'react';
 import { Dispatch, SetStateAction } from 'react';
-import * as openai_resources_files from 'openai/resources/files';
 import * as unified from 'unified';
 import OpenAI from 'openai';
 import remarkGfm from 'remark-gfm';
@@ -68,8 +68,9 @@ declare const Thread: {
                 content: string;
                 attachments?: openai_resources_beta_threads_messages.Message.Attachment[];
             } & {
-                reset: any;
-                createMessage: any;
+                reset: () => void;
+                createMessage: ReturnType<typeof useCreateMessage>["createMessage"];
+                files: openai_resources_files.FileObject[];
             }>;
             isDisabled?: boolean;
         } & StyleProps) => react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -3,11 +3,11 @@ import { MessagesPage, ThreadStorageOptions, StyleProps, SerializedMessage, UseC
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as react_hook_form from 'react-hook-form';
+import * as openai_resources_files from 'openai/resources/files';
 import * as openai_resources_beta_threads_messages from 'openai/resources/beta/threads/messages';
 import * as _tanstack_query_core from '@tanstack/query-core';
 import * as react from 'react';
 import { Dispatch, SetStateAction } from 'react';
-import * as openai_resources_files from 'openai/resources/files';
 import * as unified from 'unified';
 import OpenAI from 'openai';
 import remarkGfm from 'remark-gfm';
@@ -68,8 +68,9 @@ declare const Thread: {
                 content: string;
                 attachments?: openai_resources_beta_threads_messages.Message.Attachment[];
             } & {
-                reset: any;
-                createMessage: any;
+                reset: () => void;
+                createMessage: ReturnType<typeof useCreateMessage>["createMessage"];
+                files: openai_resources_files.FileObject[];
             }>;
             isDisabled?: boolean;
         } & StyleProps) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -44729,7 +44729,7 @@ Submit.Root = Root7;
 Submit.Button = Button3;
 // src/components/threads/Thread/MessageForm/Root/index.tsx
 import { useQueryClient as useQueryClient4 } from "@tanstack/react-query";
-import { useMemo as useMemo13, useState as useState4 } from "react";
+import { useMemo as useMemo13, useState as useState4, useCallback as useCallback3 } from "react";
 import { useForm, FormProvider } from "react-hook-form";
 import { Box as Box14 } from "@radix-ui/themes";
 // src/components/threads/Thread/MessageForm/Root/lib/formOptions.ts
@@ -44815,7 +44815,7 @@ var Root8 = function(_ref) {
     var children = _ref.children, onSubmitArg = _ref.onSubmit, isDisabledArg = _ref.isDisabled, style = _ref.style, className = _ref.className;
     var _useState4 = _sliced_to_array(useState4([]), 2), files = _useState4[0], setFiles = _useState4[1];
     var formProps = 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 = useQueryClient4();
     var threadContext = useSuperinterfaceContext();
@@ -44850,9 +44850,16 @@ var Root8 = function(_ref) {
         latestMessage,
         isDisabledArg
     ]);
+    var reset = useCallback3(function() {
+        formReset();
+        setFiles([]);
+    }, [
+        formReset
+    ]);
     var onSubmit = onSubmitArg ? partob(onSubmitArg, {
         reset: reset,
-        createMessage: createMessage
+        createMessage: createMessage,
+        files: files
     }) : /* @__PURE__ */ function() {
         var _ref2 = _asyncToGenerator6(function(data2) {
             var attachments, imageFileContentParts, content2;
@@ -44869,7 +44876,6 @@ var Root8 = function(_ref) {
                             2
                         ];
                         reset();
-                        setFiles([]);
                         attachments = files.filter(function(file_0) {
                             return file_0.purpose === "assistants";
                         }).map(function(file_1) {
@@ -45384,7 +45390,7 @@ import { c as _c71 } from "react-compiler-runtime";
 import { FilePlusIcon } from "@radix-ui/react-icons";
 import { IconButton as IconButton7, Flex as Flex22 } from "@radix-ui/themes";
 // src/hooks/files/useChangeFilesField/index.ts
-import { useCallback as useCallback3 } from "react";
+import { useCallback as useCallback4 } from "react";
 import { omit as omit4 } from "radash";
 import dayjs2 from "dayjs";
 // src/hooks/files/useCreateFile/index.ts
@@ -45775,7 +45781,7 @@ var useChangeFilesField = function() {
     var setFiles = useMessageFormContext().setFiles;
     var createFile = useCreateFile().createFile;
     var addToast = useToasts().addToast;
-    var changeFilesField = useCallback3(/* @__PURE__ */ function() {
+    var changeFilesField = useCallback4(/* @__PURE__ */ function() {
         var _ref2 = _asyncToGenerator8(function(event) {
             var fileObjects, newFiles, _iteratorAbruptCompletion, _didIteratorError, _iteratorError, _loop, _iterator, _step, err;
             return _ts_generator(this, function(_state) {
@@ -46250,7 +46256,7 @@ import { Flex as Flex25 } from "@radix-ui/themes";
 var Provider2 = SuperinterfaceProvider;
 // src/components/toasts/ToastsProvider/index.tsx
 import { c as _c74 } from "react-compiler-runtime";
-import { useState as useState5, useCallback as useCallback4 } from "react";
+import { useState as useState5, useCallback as useCallback5 } from "react";
 import * as Toast2 from "@radix-ui/react-toast";
 // src/components/toasts/ToastsProvider/CustomToast.tsx
 import { c as _c73 } from "react-compiler-runtime";
@@ -47565,7 +47571,7 @@ var usePermission = function(permissionDesc) {
 // src/hooks/audioThreads/useRecorder/index.ts
 import dayjs3 from "dayjs";
 import { useAudioCapture } from "use-audio-capture";
-import { useMemo as useMemo16, useRef as useRef7, useState as useState8, useCallback as useCallback5, useEffect as useEffect9 } from "react";
+import { useMemo as useMemo16, useRef as useRef7, useState as useState8, useCallback as useCallback6, useEffect as useEffect9 } from "react";
 import { useAudioPlayer } from "react-use-audio-player";
 // src/hooks/misc/useInterval.ts
 import { c as _c86 } from "react-compiler-runtime";
@@ -47778,7 +47784,7 @@ var useRecorder = function(_ref) {
     }, [
         audioEngine
     ]);
-    var handleSilence = useCallback5(function() {
+    var handleSilence = useCallback6(function() {
         if (!silenceAnalyser) return;
         var frequencyData = new Uint8Array(silenceAnalyser.frequencyBinCount);
         silenceAnalyser.getByteFrequencyData(frequencyData);
@@ -47825,7 +47831,7 @@ var useRecorder = function(_ref) {
 };
 // src/hooks/audioThreads/useMessageAudio/index.ts
 import { c as _c87 } from "react-compiler-runtime";
-import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback6 } from "react";
+import { useMemo as useMemo17, useRef as useRef8, useState as useState9, useEffect as useEffect10, useCallback as useCallback7 } from "react";
 import nlp from "compromise";
 import { Howler } from "howler";
 import { useAudioPlayer as useAudioPlayer2 } from "react-use-audio-player";
@@ -48724,20 +48730,20 @@ var Root16 = function(t0) {
 };
 // src/components/threads/AudioThread/Visualization/index.tsx
 import { c as _c92 } from "react-compiler-runtime";
-import { useState as useState11, useCallback as useCallback8, useEffect as useEffect12, useContext as useContext20, createContext as createContext14 } from "react";
+import { useState as useState11, useCallback as useCallback9, useEffect as useEffect12, useContext as useContext20, createContext as createContext14 } from "react";
 import _9 from "lodash";
 import { Flex as Flex31 } from "@radix-ui/themes";
 // src/components/threads/AudioThread/BarsVisualizer/index.tsx
 import _8 from "lodash";
 import { Flex as Flex30, Grid } from "@radix-ui/themes";
-import { useState as useState10, useEffect as useEffect11, useCallback as useCallback7 } from "react";
+import { useState as useState10, useEffect as useEffect11, useCallback as useCallback8 } from "react";
 import { cluster } from "radash";
 import { jsx as _jsx88 } from "react/jsx-runtime";
 var barCount = 4;
 var BarsVisualizer = function(_ref) {
     var visualizationAnalyser = _ref.visualizationAnalyser, backgroundColor = _ref.backgroundColor, height = _ref.height, barWidth = _ref.barWidth;
     var _useState10 = _sliced_to_array(useState10([]), 2), barHeights = _useState10[0], setBarHeights = _useState10[1];
-    var draw = useCallback7(function(_ref2) {
+    var draw = useCallback8(function(_ref2) {
         var visualizationAnalyser_0 = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser_0) {
             setBarHeights(Array(barCount).fill(0));
@@ -48924,7 +48930,7 @@ var Provider6 = function(_ref) {
     var children = _ref.children;
     var audioThreadContext = useAudioThreadContext();
     var _useState11 = _sliced_to_array(useState11(0), 2), scale = _useState11[0], setScale = _useState11[1];
-    var draw = useCallback8(function(_ref2) {
+    var draw = useCallback9(function(_ref2) {
         var visualizationAnalyser = _ref2.visualizationAnalyser;
         if (!visualizationAnalyser) {
             setScale(1);