Merge pull request #268 from FlowiseAI/feature/Chat-Attachments

Feature/chat attachments

Author: HenryHengZJ

dist/components/Bot.d.ts

@@ -17,7 +17,7 @@ export type UploadsConfig = {
     fileUploadSizeAndTypes: IUploadConstraits[];
     isImageUploadAllowed: boolean;
     isSpeechToTextEnabled: boolean;
-    isFileUploadAllowed: boolean;
+    isRAGFileUploadAllowed: boolean;
 };
 type FilePreviewData = string | ArrayBuffer;
 type FilePreview = {

dist/components/inputs/textInput/components/FilePreview.d.ts

@@ -2,6 +2,7 @@ type CardWithDeleteOverlayProps = {
     item: {
         name: string;
     };
+    disabled?: boolean;
     onDelete: (item: {
         name: string;
     }) => void;

dist/components/inputs/textInput/components/TextInput.d.ts

@@ -5,11 +5,13 @@ type Props = {
     backgroundColor?: string;
     textColor?: string;
     sendButtonColor?: string;
-    defaultValue?: string;
+    inputValue: string;
     fontSize?: number;
     disabled?: boolean;
     onSubmit: (value: string) => void;
+    onInputChange: (value: string) => void;
     uploadsConfig?: Partial<UploadsConfig>;
+    isFullFileUpload?: boolean;
     setPreviews: Setter<unknown[]>;
     onMicrophoneClicked: () => void;
     handleFileChange: (event: FileEvent<HTMLInputElement>) => void;

dist/queries/sendMessageQuery.d.ts

@@ -59,6 +59,10 @@ export declare const sendMessageQuery: ({ chatflowid, apiHost, body, onRequest }
     data?: any;
     error?: Error | undefined;
 }>;
+export declare const createAttachmentWithFormData: ({ chatflowid, apiHost, formData, onRequest }: UpsertRequest) => Promise<{
+    data?: unknown;
+    error?: Error | undefined;
+}>;
 export declare const upsertVectorStoreWithFormData: ({ chatflowid, apiHost, formData, onRequest }: UpsertRequest) => Promise<{
     data?: unknown;
     error?: Error | undefined;

dist/web.js

@@ -471,3 +471,21 @@ button {
   font-size: var(--tooltip-font-size, 12px);
   transition: opacity 0.3s ease-in-out;
 }
+
+@keyframes spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.spinner {
+  border: 4px solid rgba(255, 255, 255, 0.3); /* Light gray border */
+  border-top: 4px solid white; /* White spinner */
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  animation: spin 1s linear infinite;
+}