made changes as requested

Author: tasbi03

src/App.tsx

@@ -5,15 +5,15 @@ import { InputValidatorBlock } from "./types/InputValidatorBlock";
 import { validateFile } from "./utils/validateFile";
 
 const App = () => {
-  // initialize example plugin
+  // Initialize the plugin
   const plugins = [RcbPlugin()];
 
-  // example flow for testing
+  // Example flow for testing
   const flow: Flow = {
     start: {
       message: "Hey there! Please enter your age.",
       path: "age_validation",
-      validateInput: (userInput?: string) => {
+      validateTextInput: (userInput?: string) => {
         if (userInput && !Number.isNaN(Number(userInput))) {
           return { success: true };
         }
@@ -28,23 +28,23 @@ const App = () => {
     } as InputValidatorBlock,
 
     age_validation: {
-      message: "Great! Now please upload a profile picture (JPEG or PNG).",
+      message:
+        "Great! Now please upload a profile picture (JPEG or PNG) or provide a URL.",
       path: "file_upload_validation",
-      validateInput: (userInput?: string) => {
-        console.log("validateInput called with userInput:", userInput);
+      chatDisabled: true, // Set to true if you want to disable text input
+      validateTextInput: (userInput?: string) => {
+        console.log("validateTextInput called with userInput:", userInput);
 
-        
-        if (
-          userInput &&
-          /\.(jpg|jpeg|png)$/i.test(userInput.trim())
-        ) {
+        if (userInput && userInput.trim().length > 0) {
+          // Optionally, validate if the input is a valid URL
+          // For simplicity, we'll accept any non-empty text
           return { success: true };
         }
 
-        // Disallow other text inputs
         return {
           success: false,
-          promptContent: "Please upload a valid file (JPEG or PNG). Empty inputs are not allowed.",
+          promptContent:
+            "Please provide a valid URL or upload a file.",
           promptDuration: 3000,
           promptType: "error",
         };
@@ -54,7 +54,7 @@ const App = () => {
       },
       file: async ({ files }) => {
         console.log("Files received:", files);
-      
+
         if (files && files[0]) {
           const validationResult = validateFile(files[0]);
           if (!validationResult.success) {
@@ -67,23 +67,18 @@ const App = () => {
           console.error("No file provided.");
         }
       },
-      
     } as InputValidatorBlock,
 
     file_upload_validation: {
       message:
-        "Thank you! Your picture has been uploaded successfully. You passed the file upload validation!",
+        "Thank you! Your input has been received. You passed the validation!",
       path: "start",
     },
-  }
+  };
 
   return (
-		<ChatBot
-			id="chatbot-id"
-			plugins={plugins}
-			flow={flow}
-		></ChatBot>
-	);
-}
+    <ChatBot id="chatbot-id" plugins={plugins} flow={flow}></ChatBot>
+  );
+};
 
 export default App;

src/core/useRcbPlugin.ts

@@ -40,7 +40,12 @@ const useRcbPlugin = (pluginConfig?: PluginConfig) => {
             const rcbEvent = event as RcbUserSubmitTextEvent;
 
             // Get validator and if no validator, return
-            const validator = getValidator(rcbEvent, getBotId(), getFlow());
+            const validator = getValidator<string>(
+                rcbEvent,
+                getBotId(),
+                getFlow(),
+                "validateTextInput"
+              );
             if (!validator) {
                 return;
             }

src/types/InputValidatorBlock.ts

@@ -8,7 +8,7 @@ import { ValidationResult } from "./ValidationResult";
  */
 
 export type InputValidatorBlock = Omit<Block, "file"> & {
-  file?: (params: { files?: FileList }) => void | Promise<void>; // Updated
-  validateInput?: (userInput?: string) => ValidationResult;
+  file?: (params: { files?: FileList }) => void | Promise<void>;
+  validateTextInput?: (userInput?: string) => ValidationResult;
   validateFileInput?: (file?: File) => ValidationResult;
 };

src/utils/getValidator.ts

@@ -18,11 +18,11 @@ type RcbUserEvent = RcbUserSubmitTextEvent | RcbUserUploadFileEvent;
  * @returns The validator function if it exists, otherwise undefined.
  */
 export const getValidator = <T = string | File>(
-    event: RcbUserEvent,
-    currBotId: string | null,
-    currFlow: Flow,
-    validatorType: "validateInput" | "validateFileInput" = "validateInput"
-  ): ((input: T) => ValidationResult) | undefined => {
+  event: RcbUserEvent,
+  currBotId: string | null,
+  currFlow: Flow,
+  validatorType: "validateTextInput" | "validateFileInput" = "validateTextInput"
+): ((input: T) => ValidationResult) | undefined => {
     if (!event.detail) {
       return;
     }