Merge pull request #179 from amansoni7477030/main

max words functionality added for text input
FlowiseAI · Jun 4, 2024 · 0431caf · 0431caf
2 parents 4af5671 + 02c64c4
commit 0431caf
Show file tree

Hide file tree

Showing 12 changed files with 83 additions and 59 deletions.
diff --git a/README.md b/README.md
@@ -136,6 +136,8 @@ You can also customize chatbot with different configuration
           backgroundColor: '#ffffff',
           textColor: '#303235',
           sendButtonColor: '#3B81F6',
+          maxWords: 50,
+          maxWordsWarningMessage: 'You exceeded the word limit. Please input less than 50 words.',
         },
         feedback: {
           color: '#303235',

diff --git a/dist/components/Bot.d.ts.map b/dist/components/Bot.d.ts.map
diff --git a/dist/components/inputs/textInput/components/TextInput.d.ts b/dist/components/inputs/textInput/components/TextInput.d.ts
@@ -13,6 +13,8 @@ type Props = {
     setPreviews: Setter<unknown[]>;
     onMicrophoneClicked: () => void;
     handleFileChange: (event: FileEvent<HTMLInputElement>) => void;
+    maxWords?: number;
+    maxWordsWarningMessage?: string;
 };
 export declare const TextInput: (props: Props) => import("solid-js").JSX.Element;
 export {};

diff --git a/dist/components/inputs/textInput/components/TextInput.d.ts.map b/dist/components/inputs/textInput/components/TextInput.d.ts.map
diff --git a/dist/features/bubble/types.d.ts b/dist/features/bubble/types.d.ts
@@ -10,6 +10,8 @@ export type TextInputTheme = {
     textColor?: string;
     placeholder?: string;
     sendButtonColor?: string;
+    maxWords?: number;
+    maxWordsWarningMessage?: string;
 };
 export type UserMessageTheme = {
     backgroundColor?: string;

diff --git a/dist/features/bubble/types.d.ts.map b/dist/features/bubble/types.d.ts.map
diff --git a/dist/utils/index.d.ts.map b/dist/utils/index.d.ts.map
diff --git a/dist/web.js b/dist/web.js
diff --git a/src/components/Bot.tsx b/src/components/Bot.tsx
@@ -796,7 +796,6 @@ export const Bot = (botProps: BotProps & { class?: string }) => {
       };
     }),
   );
-
   return (
     <>
       <div
@@ -1048,6 +1047,8 @@ export const Bot = (botProps: BotProps & { class?: string }) => {
                 textColor={props.textInput?.textColor}
                 placeholder={props.textInput?.placeholder}
                 sendButtonColor={props.textInput?.sendButtonColor}
+                maxWords={props.textInput?.maxWords}
+                maxWordsWarningMessage={props.textInput?.maxWordsWarningMessage}
                 fontSize={props.fontSize}
                 disabled={loading() || (leadsConfig()?.status && !isLeadSaved())}
                 defaultValue={userInput()}
@@ -1071,10 +1072,3 @@ export const Bot = (botProps: BotProps & { class?: string }) => {
     </>
   );
 };
-
-// type BottomSpacerProps = {
-//   ref: HTMLDivElement | undefined;
-// };
-// const BottomSpacer = (props: BottomSpacerProps) => {
-//   return <div ref={props.ref} class="w-full h-32" />;
-// };