chore(Auth): reorder exports in Auth component

fix(PluginAuthForm): handle case when pluginKey is null or undefined
fix(PluginStoreDialog): handle case when getAvailablePluginFromKey is null or undefined
fix(AuthContext): make authConfig optional in AuthContextProvider
feat(hooks): add useServerStream hook
fix(conversation): setSubmission to null instead of empty object
fix(preset): specify type for presets atom
fix(search): specify type for isSearchEnabled atom
fix(submission): specify type for submission atom

Author: danny-avila

client/src/components/Auth/index.ts

@@ -1,4 +1,5 @@
 export { default as Login } from './Login';
 export { default as Registration } from './Registration';
-export { default as RequestPasswordReset } from './RequestPasswordReset';
 export { default as ResetPassword } from './ResetPassword';
+export { default as ApiErrorWatcher } from './ApiErrorWatcher';
+export { default as RequestPasswordReset } from './RequestPasswordReset';

client/src/components/Plugins/Store/PluginAuthForm.tsx

@@ -23,7 +23,7 @@ function PluginAuthForm({ plugin, onSubmit }: TPluginAuthFormProps) {
           className="col-span-1 flex w-full flex-col items-start justify-start gap-2"
           method="POST"
           onSubmit={handleSubmit((auth) =>
-            onSubmit({ pluginKey: plugin?.pluginKey, action: 'install', auth }),
+            onSubmit({ pluginKey: plugin?.pluginKey ?? '', action: 'install', auth }),
           )}
         >
           {plugin?.authConfig?.map((config: TPluginAuthConfig, i: number) => (

client/src/components/Plugins/Store/PluginStoreDialog.tsx

@@ -84,10 +84,9 @@ function PluginStoreDialog({ isOpen, setIsOpen }: TPluginStoreDialogProps) {
     const getAvailablePluginFromKey = availablePlugins?.find((p) => p.pluginKey === pluginKey);
     setSelectedPlugin(getAvailablePluginFromKey);
 
-    if (
-      getAvailablePluginFromKey?.authConfig.length > 0 &&
-      !getAvailablePluginFromKey?.authenticated
-    ) {
+    const { authConfig, authenticated } = getAvailablePluginFromKey ?? {};
+
+    if (authConfig && authConfig.length > 0 && !authenticated) {
       setShowPluginAuthForm(true);
     } else {
       handleInstall({ pluginKey, action: 'install', auth: null });

client/src/hooks/AuthContext.tsx

@@ -46,7 +46,7 @@ const AuthContextProvider = ({
   authConfig,
   children,
 }: {
-  authConfig: TAuthConfig;
+  authConfig?: TAuthConfig;
   children: ReactNode;
 }) => {
   const [user, setUser] = useState<TUser | undefined>(undefined);

client/src/hooks/index.ts

@@ -7,4 +7,5 @@ export { default as useLocalize } from './useLocalize';
 export { default as useMediaQuery } from './useMediaQuery';
 export { default as useSetOptions } from './useSetOptions';
 export { default as useGenerations } from './useGenerations';
+export { default as useServerStream } from './useServerStream';
 export { default as useMessageHandler } from './useMessageHandler';

client/src/store/conversation.ts

@@ -51,7 +51,7 @@ const messagesSiblingIdxFamily = atomFamily({
 const useConversation = () => {
   const setConversation = useSetRecoilState(conversation);
   const setMessages = useSetRecoilState<TMessagesAtom>(messages);
-  const setSubmission = useSetRecoilState<TSubmission | object | null>(submission.submission);
+  const setSubmission = useSetRecoilState<TSubmission | null>(submission.submission);
   const resetLatestMessage = useResetRecoilState(latestMessage);
 
   const _switchToConversation = (
@@ -73,7 +73,7 @@ const useConversation = () => {
 
     setConversation(conversation);
     setMessages(messages);
-    setSubmission({});
+    setSubmission({} as TSubmission);
     resetLatestMessage();
   };
 

client/src/store/preset.ts

@@ -6,7 +6,7 @@ import { TPreset } from 'librechat-data-provider';
 // an array of saved presets.
 // sample structure
 // [preset1, preset2, preset3]
-const presets = atom({
+const presets = atom<TPreset[]>({
   key: 'presets',
   default: [],
 });

client/src/store/search.ts

@@ -2,7 +2,7 @@ import { TMessage } from 'librechat-data-provider';
 import { atom, selector } from 'recoil';
 import { buildTree } from '~/utils';
 
-const isSearchEnabled = atom({
+const isSearchEnabled = atom<boolean | null>({
   key: 'isSearchEnabled',
   default: null,
 });

client/src/store/submission.ts

@@ -12,7 +12,7 @@ import { TSubmission } from 'librechat-data-provider';
 //   isRegenerate=false, // isRegenerate?
 // }
 
-const submission = atom<TSubmission | object | null>({
+const submission = atom<TSubmission | null>({
   key: 'submission',
   default: null,
 });