@superinterface/react 2.0.1 → 2.0.3

package/dist/index.d.ts

@@ -1,14 +1,14 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ThreadMessagesPage, ThreadMessage } from './types/index.js';
+import { MessagesPage, Message } from './types/index.js';
 import { UseInfiniteQueryOptions, InfiniteData, UseMutationOptions } from '@tanstack/react-query';
 import * as react from 'react';
+import { Dispatch, SetStateAction } from 'react';
 import * as _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw from '@tanstack/query-core/build/legacy/queryClient-Ho-z40Sw';
-import { UseFormProps } from 'react-hook-form';
 import * as _tanstack_react_query_build_legacy_types from '@tanstack/react-query/build/legacy/types';
 import * as openai_resources_beta_threads_runs_runs from 'openai/resources/beta/threads/runs/runs';
 import OpenAI from 'openai';
 
-type Args$8 = {
+type Args$7 = {
     children: React.ReactNode;
     baseUrl?: string;
     publicApiKey?: string;
@@ -16,76 +16,61 @@ type Args$8 = {
         [key: string]: any;
     };
     defaultOptions?: {
-        queries?: UseInfiniteQueryOptions<InfiniteData<ThreadMessagesPage>>;
+        queries?: UseInfiniteQueryOptions<InfiniteData<MessagesPage>>;
         mutations?: UseMutationOptions;
     };
 };
-declare const SuperinterfaceProvider: ({ children, baseUrl, publicApiKey, variables, defaultOptions, }: Args$8) => react_jsx_runtime.JSX.Element;
+declare const SuperinterfaceProvider: ({ children, baseUrl, publicApiKey, variables, defaultOptions, }: Args$7) => react_jsx_runtime.JSX.Element;
 
 declare const useSuperinterfaceContext: () => {
-    baseUrl: string;
-    variables: {};
+    baseUrl: string | null;
+    variables: Record<string, any>;
     defaultOptions: {
-        queries: {};
-        mutations: {};
+        queries: Record<string, any>;
+        mutations: Record<string, any>;
     };
+    publicApiKey?: string | undefined;
 };
 
-type Args$7 = Omit<Args$8, 'children'>;
-declare const Thread: (props: Args$7) => react_jsx_runtime.JSX.Element;
-
-declare const useThreadLifecycles: () => null;
-
-declare const ThreadDialog: {
-    (): react_jsx_runtime.JSX.Element;
-    Root: ({ children, style, }: {
-        children: react.ReactNode;
-        style?: react.CSSProperties | undefined;
-    }) => react_jsx_runtime.JSX.Element;
-    Trigger: ({ children, }: {
-        children: react.ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
-    Button: () => react_jsx_runtime.JSX.Element;
-    Content: ({ children, }: {
-        children: react.ReactNode;
-    }) => react_jsx_runtime.JSX.Element | null;
-};
-
-type Args$6 = {
-    children: React.ReactNode;
-};
+type Args$6 = Args$7;
 
 type Args$5 = Omit<Args$6, 'children'>;
-declare const AudioThread: {
+declare const Thread: {
     (props: Args$5): react_jsx_runtime.JSX.Element;
-    Root: ({ children, }: Args$6) => react_jsx_runtime.JSX.Element;
-    Visualization: () => react_jsx_runtime.JSX.Element;
-    Form: () => react_jsx_runtime.JSX.Element;
-};
-
-declare const AudioThreadDialog: {
-    (): react_jsx_runtime.JSX.Element;
-    Root: ({ children, style, }: {
-        children: react.ReactNode;
-        style?: react.CSSProperties | undefined;
-    }) => react_jsx_runtime.JSX.Element;
-    Trigger: ({ children, }: {
-        children: react.ReactNode;
-    }) => react_jsx_runtime.JSX.Element;
-    Button: () => react_jsx_runtime.JSX.Element;
-    Content: ({ children, }: {
-        children: react.ReactNode;
-    }) => react_jsx_runtime.JSX.Element | null;
+    Root: ({ children, ...rest }: Args$7) => react_jsx_runtime.JSX.Element;
+    Messages: {
+        ({ children, style, }: {
+            children?: react.ReactNode;
+            style?: react.CSSProperties | undefined;
+        }): react_jsx_runtime.JSX.Element;
+        Root: ({ children, style, }: {
+            children: react.ReactNode;
+            style?: react.CSSProperties | undefined;
+        }) => react_jsx_runtime.JSX.Element;
+        Message: ({ message, }: {
+            message: Message;
+        }) => react_jsx_runtime.JSX.Element;
+        NextPageSkeleton: () => react_jsx_runtime.JSX.Element | null;
+    };
+    MessageForm: {
+        (): react_jsx_runtime.JSX.Element;
+        Root: ({ children, }: {
+            children: react.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
+        Field: {
+            Root: ({ children, }: {
+                children: react.ReactNode;
+            }) => react_jsx_runtime.JSX.Element;
+            Control: () => react_jsx_runtime.JSX.Element;
+        };
+        Submit: () => react_jsx_runtime.JSX.Element;
+    };
 };
 
-type Args$4 = {
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-};
-declare const ThreadMessages: ({ children, style, }: Args$4) => react_jsx_runtime.JSX.Element;
+declare const useLifecycle: () => null;
 
-declare const useThreadMessages: () => {
-    threadMessages: ThreadMessage[];
+declare const useMessages: () => {
+    messages: Message[];
     data: InfiniteData<TQueryFnData, unknown>;
     error: Error;
     isError: true;
@@ -117,7 +102,7 @@ declare const useThreadMessages: () => {
     refetch: (options?: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a0 | undefined) => Promise<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.ag<InfiniteData<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a8;
 } | {
-    threadMessages: ThreadMessage[];
+    messages: Message[];
     data: InfiniteData<TQueryFnData, unknown>;
     error: null;
     isError: false;
@@ -149,7 +134,7 @@ declare const useThreadMessages: () => {
     refetch: (options?: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a0 | undefined) => Promise<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.ag<InfiniteData<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a8;
 } | {
-    threadMessages: ThreadMessage[];
+    messages: Message[];
     data: undefined;
     error: Error;
     isError: true;
@@ -181,7 +166,7 @@ declare const useThreadMessages: () => {
     refetch: (options?: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a0 | undefined) => Promise<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.ag<InfiniteData<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a8;
 } | {
-    threadMessages: ThreadMessage[];
+    messages: Message[];
     data: undefined;
     error: null;
     isError: false;
@@ -213,7 +198,7 @@ declare const useThreadMessages: () => {
     refetch: (options?: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a0 | undefined) => Promise<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.ag<InfiniteData<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a8;
 } | {
-    threadMessages: ThreadMessage[];
+    messages: Message[];
     data: undefined;
     error: null;
     isError: false;
@@ -246,9 +231,9 @@ declare const useThreadMessages: () => {
     fetchStatus: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a8;
 };
 
-declare const useLatestThreadMessage: () => {
-    latestThreadMessage: ThreadMessage;
-    threadMessages: ThreadMessage[];
+declare const useLatestMessage: () => {
+    latestMessage: Message;
+    messages: Message[];
     data: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.B<TQueryFnData, unknown>;
     error: Error;
     isError: true;
@@ -280,8 +265,8 @@ declare const useLatestThreadMessage: () => {
     refetch: (options?: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a0 | undefined) => Promise<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.ag<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.B<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a8;
 } | {
-    latestThreadMessage: ThreadMessage;
-    threadMessages: ThreadMessage[];
+    latestMessage: Message;
+    messages: Message[];
     data: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.B<TQueryFnData, unknown>;
     error: null;
     isError: false;
@@ -313,8 +298,8 @@ declare const useLatestThreadMessage: () => {
     refetch: (options?: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a0 | undefined) => Promise<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.ag<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.B<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a8;
 } | {
-    latestThreadMessage: ThreadMessage;
-    threadMessages: ThreadMessage[];
+    latestMessage: Message;
+    messages: Message[];
     data: undefined;
     error: Error;
     isError: true;
@@ -346,8 +331,8 @@ declare const useLatestThreadMessage: () => {
     refetch: (options?: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a0 | undefined) => Promise<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.ag<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.B<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a8;
 } | {
-    latestThreadMessage: ThreadMessage;
-    threadMessages: ThreadMessage[];
+    latestMessage: Message;
+    messages: Message[];
     data: undefined;
     error: null;
     isError: false;
@@ -379,8 +364,8 @@ declare const useLatestThreadMessage: () => {
     refetch: (options?: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a0 | undefined) => Promise<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.ag<_tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.B<TQueryFnData, unknown>, Error>>;
     fetchStatus: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a8;
 } | {
-    latestThreadMessage: ThreadMessage;
-    threadMessages: ThreadMessage[];
+    latestMessage: Message;
+    messages: Message[];
     data: undefined;
     error: null;
     isError: false;
@@ -413,21 +398,11 @@ declare const useLatestThreadMessage: () => {
     fetchStatus: _tanstack_query_core_build_legacy_queryClient_Ho_z40Sw.a8;
 };
 
-type Inputs = {
-    content: string;
-};
-type Args$3 = {
-    children?: React.ReactNode;
-    useFormProps?: UseFormProps<Inputs>;
-    style?: React.CSSProperties;
-};
-declare const ThreadMessageForm: ({ children, useFormProps, style, }?: Args$3) => react_jsx_runtime.JSX.Element;
-
-declare const useCreateThreadMessage: () => {
-    createThreadMessage: (restobj: Omit<{
+declare const useCreateMessage: () => {
+    createMessage: (restobj: Omit<{
         [key: string]: any;
         content: string;
-    }, never>) => Promise<any>;
+    }, string>) => Promise<any>;
     data: undefined;
     variables: undefined;
     error: null;
@@ -451,10 +426,10 @@ declare const useCreateThreadMessage: () => {
         content: string;
     }, any>;
 } | {
-    createThreadMessage: (restobj: Omit<{
+    createMessage: (restobj: Omit<{
         [key: string]: any;
         content: string;
-    }, never>) => Promise<any>;
+    }, string>) => Promise<any>;
     data: undefined;
     variables: {
         [key: string]: any;
@@ -481,10 +456,10 @@ declare const useCreateThreadMessage: () => {
         content: string;
     }, any>;
 } | {
-    createThreadMessage: (restobj: Omit<{
+    createMessage: (restobj: Omit<{
         [key: string]: any;
         content: string;
-    }, never>) => Promise<any>;
+    }, string>) => Promise<any>;
     data: undefined;
     error: any;
     variables: {
@@ -511,10 +486,10 @@ declare const useCreateThreadMessage: () => {
         content: string;
     }, any>;
 } | {
-    createThreadMessage: (restobj: Omit<{
+    createMessage: (restobj: Omit<{
         [key: string]: any;
         content: string;
-    }, never>) => Promise<any>;
+    }, string>) => Promise<any>;
     data: any;
     error: null;
     variables: {
@@ -542,11 +517,64 @@ declare const useCreateThreadMessage: () => {
     }, any>;
 };
 
+declare const ThreadDialog: {
+    (): react_jsx_runtime.JSX.Element;
+    Root: ({ children, style, }: {
+        children: react.ReactNode;
+        style?: react.CSSProperties | undefined;
+    }) => react_jsx_runtime.JSX.Element;
+    Trigger: ({ children, }: {
+        children: react.ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    Button: () => react_jsx_runtime.JSX.Element;
+    Content: {
+        (): react_jsx_runtime.JSX.Element;
+        Root: ({ children, }: {
+            children: react.ReactNode;
+        }) => react_jsx_runtime.JSX.Element | null;
+    };
+};
+
+declare const ThreadDialogContext: react.Context<{
+    isOpen: boolean;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+}>;
+
+declare const AudioThreadDialog: {
+    (): react_jsx_runtime.JSX.Element;
+    Root: ({ children, style, }: {
+        children: react.ReactNode;
+        style?: react.CSSProperties | undefined;
+    }) => react_jsx_runtime.JSX.Element;
+    Trigger: ({ children, }: {
+        children: react.ReactNode;
+    }) => react_jsx_runtime.JSX.Element;
+    Button: () => react_jsx_runtime.JSX.Element;
+    Content: {
+        (): react_jsx_runtime.JSX.Element;
+        Root: ({ children, }: {
+            children: react.ReactNode;
+        }) => react_jsx_runtime.JSX.Element | null;
+    };
+};
+
+type Args$4 = {
+    children: React.ReactNode;
+};
+
+type Args$3 = Omit<Args$4, 'children'>;
+declare const AudioThread: {
+    (props: Args$3): react_jsx_runtime.JSX.Element;
+    Root: ({ children, }: Args$4) => react_jsx_runtime.JSX.Element;
+    Visualization: () => react_jsx_runtime.JSX.Element;
+    Form: () => react_jsx_runtime.JSX.Element;
+};
+
 declare const useCreateRun: () => {
     createRun: (restobj: Omit<{
         [key: string]: any;
         content: string;
-    }, never>) => void;
+    }, string>) => void;
     data: undefined;
     variables: undefined;
     error: null;
@@ -573,7 +601,7 @@ declare const useCreateRun: () => {
     createRun: (restobj: Omit<{
         [key: string]: any;
         content: string;
-    }, never>) => void;
+    }, string>) => void;
     data: undefined;
     variables: {
         [key: string]: any;
@@ -603,7 +631,7 @@ declare const useCreateRun: () => {
     createRun: (restobj: Omit<{
         [key: string]: any;
         content: string;
-    }, never>) => void;
+    }, string>) => void;
     data: undefined;
     error: any;
     variables: {
@@ -633,7 +661,7 @@ declare const useCreateRun: () => {
     createRun: (restobj: Omit<{
         [key: string]: any;
         content: string;
-    }, never>) => void;
+    }, string>) => void;
     data: any;
     error: null;
     variables: {
@@ -1217,4 +1245,4 @@ type Args = {
 };
 declare const FunctionBase: ({ fn, runStep, title, }: Args) => react_jsx_runtime.JSX.Element;
 
-export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, FunctionBase, FunctionComponentsContext, MarkdownContext, Suggestion, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadMessageForm, ThreadMessages, SuperinterfaceProvider as ThreadProvider, useCreateRun, useCreateThreadMessage, useIsRunActive, useLatestRun, useLatestThreadMessage, useMarkdownContext, useRuns, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext, useThreadLifecycles, useThreadMessages };
+export { AssistantAvatarContext, AssistantNameContext, AudioThread, AudioThreadDialog, FunctionBase, FunctionComponentsContext, MarkdownContext, Suggestion, Suggestions, SuperinterfaceProvider, Thread, ThreadDialog, ThreadDialogContext, useCreateMessage, useCreateRun, useIsRunActive, useLatestMessage, useLatestRun, useLifecycle, useMarkdownContext, useMessages, useRuns, useSuperinterfaceContext, useSuperinterfaceContext as useThreadContext };