@brainfish-ai/components 0.13.5 → 0.13.7

package/dist/colors/blue.d.ts

@@ -0,0 +1,13 @@
+export declare const blue: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    DEFAULT: string;
+};

package/dist/colors/customColor.d.ts

@@ -0,0 +1,4 @@
+export declare function customColor(cssVariable: string, fallbackColor?: string): ({ opacityVariable, opacityValue }: {
+    opacityVariable: string;
+    opacityValue: string;
+}) => string;

package/dist/colors/dark.d.ts

@@ -0,0 +1,13 @@
+export declare const dark: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    DEFAULT: string;
+};

package/dist/colors/green.d.ts

@@ -0,0 +1,13 @@
+export declare const green: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    DEFAULT: string;
+};

package/dist/colors/index.d.ts

@@ -0,0 +1,128 @@
+import { customColor } from './customColor';
+export declare const BrainfishColors: {
+    primary: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: ({ opacityVariable, opacityValue }: {
+            opacityVariable: string;
+            opacityValue: string;
+        }) => string;
+        foreground: ({ opacityVariable, opacityValue }: {
+            opacityVariable: string;
+            opacityValue: string;
+        }) => string;
+    };
+    dark: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    orange: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    yellow: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    green: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    blue: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    purple: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    pink: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+    red: {
+        50: string;
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+        DEFAULT: string;
+    };
+};
+export { customColor };

package/dist/colors/orange.d.ts

@@ -0,0 +1,13 @@
+export declare const orange: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    DEFAULT: string;
+};

package/dist/colors/pink.d.ts

@@ -0,0 +1,13 @@
+export declare const pink: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    DEFAULT: string;
+};

package/dist/colors/primary.d.ts

@@ -0,0 +1,20 @@
+export declare const primary: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    DEFAULT: ({ opacityVariable, opacityValue }: {
+        opacityVariable: string;
+        opacityValue: string;
+    }) => string;
+    foreground: ({ opacityVariable, opacityValue }: {
+        opacityVariable: string;
+        opacityValue: string;
+    }) => string;
+};

package/dist/colors/purple.d.ts

@@ -0,0 +1,13 @@
+export declare const purple: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    DEFAULT: string;
+};

package/dist/colors/red.d.ts

@@ -0,0 +1,13 @@
+export declare const red: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    DEFAULT: string;
+};

package/dist/colors/yellow.d.ts

@@ -0,0 +1,13 @@
+export declare const yellow: {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    DEFAULT: string;
+};

package/dist/components/chat-search/Answer.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { SearchResult, FeedbackResponse, AnswerBlock as AnswerBlockType, AnswerState, RedirectRule, Action, NextBestAction, ActionClick } from './types';
+interface AnswerProps {
+    index: number;
+    blocks?: AnswerBlockType[];
+    state?: AnswerState;
+    question: string;
+    searchResults?: SearchResult[];
+    searchQueryId?: string;
+    feedback?: FeedbackResponse;
+    onFeedback?: (response: FeedbackResponse) => void;
+    disableFeedback?: boolean;
+    textConfig?: {
+        positiveAnswerText?: string;
+        negativeAnswerText?: string;
+        loadingSearchText?: string;
+        loadingAnswerText?: string;
+        uncertaintyFallbackText?: Record<string, string>;
+    };
+    searchIntentId?: string;
+    redirectRules?: RedirectRule[];
+    actions?: Action[];
+    handleActionClick?: (action: ActionClick) => void;
+    nextBestActions?: NextBestAction[];
+    isLastAnswer?: boolean;
+    onFeedbackReasonSubmit?: (reason: string) => void;
+}
+export declare function Answer({ index, blocks, question, searchResults, state, searchQueryId, feedback, onFeedback, disableFeedback, textConfig, redirectRules, actions, handleActionClick, nextBestActions, isLastAnswer, onFeedbackReasonSubmit, }: AnswerProps): React.JSX.Element;
+export {};

package/dist/components/chat-search/AnswerActions.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { Action, NextBestAction, ActionClick } from './types';
+interface AnswerActionsProps {
+    actions?: Action[];
+    nextBestActions?: NextBestAction[];
+    isLastAnswer?: boolean;
+    handleActionClick?: (action: ActionClick) => void;
+    searchQueryId: string;
+    question: string;
+    answer: string;
+}
+declare const AnswerActions: React.FC<AnswerActionsProps>;
+export default AnswerActions;

package/dist/components/chat-search/AnswerBlock.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { AnswerBlock, AnswerState, RedirectRule } from './types';
+export interface AnswerBlockProps {
+    block: AnswerBlock;
+    redirectRules?: RedirectRule[];
+    state: AnswerState;
+}
+export declare function AnswerBlock({ block, redirectRules, state }: AnswerBlockProps): React.JSX.Element | null;

package/dist/components/chat-search/ChatSearch.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { ChatSearchState, ChatSearchProps } from './types';
+export interface ChatSearchHandle {
+    createNewThread: (firstQuery?: string) => void;
+    showFollowUpThread: (show: boolean) => void;
+    subscribeToStateChanges: (callback: (state: ChatSearchState) => void) => () => void;
+    focusSearchField: () => void;
+    showCloseButton: (showButton: boolean) => void;
+}
+declare const ChatSearch: React.ForwardRefExoticComponent<ChatSearchProps & React.RefAttributes<ChatSearchHandle>>;
+export default ChatSearch;

package/dist/components/chat-search/ChatSearchContext.d.ts

@@ -0,0 +1,34 @@
+import { default as React, ReactNode } from 'react';
+import { Answer } from './types';
+import { AnswerListAction } from './hooks/useAnswerList';
+interface ChatSearchContextProps {
+    query: string;
+    setQuery: React.Dispatch<React.SetStateAction<string>>;
+    queryId: string;
+    setQueryId: React.Dispatch<React.SetStateAction<string>>;
+    followUpQuery: string;
+    setFollowUpQuery: React.Dispatch<React.SetStateAction<string>>;
+    isSearching: boolean;
+    setIsSearching: React.Dispatch<React.SetStateAction<boolean>>;
+    showResults: boolean;
+    setShowResults: React.Dispatch<React.SetStateAction<boolean>>;
+    answers: Answer[];
+    answerListDispatch: React.Dispatch<AnswerListAction>;
+    activeAnswerIndex: number;
+    setActiveAnswerIndex: React.Dispatch<React.SetStateAction<number>>;
+    conversationId: string | undefined;
+    setConversationId: (id: string) => void;
+    clearConversationId: () => void;
+    isLoadingConversation: boolean;
+    setIsLoadingConversation: React.Dispatch<React.SetStateAction<boolean>>;
+    loadError: string;
+    setLoadError: React.Dispatch<React.SetStateAction<string>>;
+    showMobileCloseWidgetButton: boolean;
+    setShowMobileCloseWidgetButton: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const ChatSearchProvider: React.FC<{
+    children: ReactNode;
+    searchPath?: string;
+}>;
+export declare const useChatSearch: () => ChatSearchContextProps;
+export {};

package/dist/components/chat-search/FollowUpQuestions.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface FollowUpQuestionsProps {
+    questions: string[];
+    onQuestionClick: (question: string) => void;
+}
+export declare function FollowUpQuestions({ questions, onQuestionClick }: FollowUpQuestionsProps): React.JSX.Element | null;
+export {};

package/dist/components/chat-search/FollowUpSearchBar.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { TextConfig } from './types';
+interface FollowUpSearchBarProps {
+    initialQuery?: string;
+    onQueryChange: (query: string) => void;
+    isSearching: boolean;
+    handleFollowUpSearch: (query: string) => void;
+    textConfig: TextConfig;
+}
+export declare const FollowUpSearchBar: React.ForwardRefExoticComponent<FollowUpSearchBarProps & React.RefAttributes<HTMLTextAreaElement>>;
+export {};

package/dist/components/chat-search/Header.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type HeaderProps = React.HTMLAttributes<HTMLDivElement> & {
+    headerText: string;
+    onToggleSizeButtonClick: () => void;
+    onBackButtonClick: () => void;
+    onCloseWidgetClick: () => void;
+};
+export declare function Header({ headerText, onToggleSizeButtonClick, onBackButtonClick, onCloseWidgetClick, className, ...props }: HeaderProps): React.JSX.Element;
+export {};

package/dist/components/chat-search/LoadingConversation.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const LoadingConversation: () => React.JSX.Element;

package/dist/components/chat-search/LoadingSkeleton.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface LoadingSkeletonProps {
+    loadingText?: string;
+}
+export declare function LoadingSkeleton({ loadingText }: LoadingSkeletonProps): React.JSX.Element;
+export {};

package/dist/components/chat-search/NextBestActions.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { NextBestAction } from './types';
+interface NextBestActionsProps {
+    nextBestActions: NextBestAction[];
+    onActionClick: (action: NextBestAction) => void;
+}
+declare const NextBestActions: React.FC<NextBestActionsProps>;
+export { NextBestActions };

package/dist/components/chat-search/PrimarySearch.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { Suggestion } from './types';
+export declare const PrimarySearch: React.ForwardRefExoticComponent<{
+    query: string;
+    onQueryChange: (query: string) => void;
+    onSearch: () => void;
+    textConfig: {
+        searchPlaceholder?: string;
+        attachImageText?: string;
+        allDocumentsText?: string;
+    };
+    collections?: {
+        id: string;
+        name: string;
+    }[] | undefined;
+    currentCollectionId?: string | undefined;
+    onCollectionChange?: ((collectionId: string) => void) | undefined;
+    disableImageAttachment?: boolean | undefined;
+    attachedImages?: {
+        file: File;
+        preview: string;
+    }[] | undefined;
+    onImageUpload?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
+    onRemoveImage?: ((index: number) => void) | undefined;
+    isSearching?: boolean | undefined;
+    autocompleteSuggestions?: Suggestion[] | undefined;
+    onAutocompleteSuggestionSelect?: ((suggestion: Suggestion) => void) | undefined;
+} & React.RefAttributes<HTMLTextAreaElement>>;
+export default PrimarySearch;

package/dist/components/chat-search/ScrollToBottomArrow.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface ScrollToBottomArrowProps {
+    onClick: () => void;
+}
+export declare function ScrollToBottomArrow({ onClick }: ScrollToBottomArrowProps): React.JSX.Element;
+export {};

package/dist/components/chat-search/Suggestions.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { Suggestion } from './types';
+interface SuggestionsProps {
+    suggestions: Suggestion[];
+    onQuestionClick: (suggestion: Suggestion) => void;
+    title?: string;
+}
+export declare function Suggestions({ suggestions, onQuestionClick, title }: SuggestionsProps): React.JSX.Element | null;
+export default Suggestions;

package/dist/components/chat-search/TimelineNavigation.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface TimelineNavigationProps {
+    questions: string[];
+    activeIndex: number;
+    onNavigate: (index: number) => void;
+    offset: number;
+}
+export declare function TimelineNavigation({ questions, activeIndex, onNavigate, offset }: TimelineNavigationProps): React.JSX.Element;
+export {};

package/dist/components/chat-search/blocks/ActionButtons.d.ts

@@ -0,0 +1,5 @@
+import { ActionButtonsBlock as ActionButtonsBlockType } from '../types';
+export declare function ActionButtonsBlock({ block }: {
+    block: ActionButtonsBlockType;
+}): null;
+export default ActionButtonsBlock;

package/dist/components/chat-search/blocks/ActionInputForm.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ActionInputFormBlock, ActionInputsSchema } from '../types';
+export interface ActionInputFormBlockProps {
+    block: ActionInputFormBlock;
+}
+/**
+ * Patches the schema for AJV resolver to correctly validate required string fields.
+ *
+ * This function addresses a limitation in AJV validation:
+ * By default, AJV only checks if a field exists but doesn't consider empty strings invalid.
+ * For form validation, we need to ensure required string fields are non-empty.
+ * This function adds `minLength: 1` to all required string fields that don't already
+ * have a minLength constraint, ensuring empty strings fail validation.
+ * see https://github.com/react-hook-form/resolvers/blob/master/README.md#ajv
+ *
+ * @param schema - The original JSON schema to enhance
+ * @returns A new schema with minLength constraints added to required string fields
+ */
+export declare function patchSchemaForAjvResolver(schema: ActionInputsSchema): ActionInputsSchema;
+export declare function ActionInputFormBlock({ block }: ActionInputFormBlockProps): React.JSX.Element;

package/dist/components/chat-search/blocks/MarkdownText.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { MarkdownTextBlock, RedirectRule, AnswerState } from '../types';
+export interface MarkdownTextBlockProps {
+    block: MarkdownTextBlock;
+    redirectRules?: RedirectRule[];
+    state: AnswerState;
+}
+export declare function MarkdownTextBlock({ block, redirectRules, state }: MarkdownTextBlockProps): React.JSX.Element;

package/dist/components/chat-search/blocks/utils.d.ts

@@ -0,0 +1,15 @@
+import { ActionButtonsBlock, ActionInputFormBlock, ActionInputs, ActionInput, AnswerBlock, MarkdownTextBlock, ActionInputsSchema } from '../types';
+export declare const markdownTextBlock: ({ text }?: {
+    text?: string | undefined;
+}) => MarkdownTextBlock;
+export declare const actionInputFormBlock: ({ actionId, initialValues, onSubmit, inputs, schema, }: {
+    actionId: string;
+    initialValues: ActionInputs;
+    onSubmit: (inputs: ActionInputs) => void;
+    inputs: ActionInput[];
+    schema: ActionInputsSchema;
+}) => ActionInputFormBlock;
+export declare const actionButtonsBlock: () => ActionButtonsBlock;
+export declare const isMarkdownTextBlock: (block: AnswerBlock) => block is MarkdownTextBlock;
+export declare const isActionInputFormBlock: (block: AnswerBlock) => block is ActionInputFormBlock;
+export declare const isActionButtonsBlock: (block: AnswerBlock) => block is ActionButtonsBlock;

package/dist/components/chat-search/helpers/excuteClientAction.d.ts

@@ -0,0 +1,9 @@
+type ClientActionExecutionResult = {
+    success: true;
+    data: Record<string, any>;
+} | {
+    reason: string;
+    success: false;
+};
+export declare const executeClientAction: (key: string, inputs: Record<string, any>) => Promise<ClientActionExecutionResult>;
+export {};

package/dist/components/chat-search/helpers/nextBestActions.d.ts

@@ -0,0 +1,7 @@
+import { NextBestActionType, Action } from '../types';
+export declare const getActionMapping: (action: Action) => {
+    type: NextBestActionType;
+    icon: string;
+    getValue: (action: any) => string;
+    getLabel: (action: any) => string;
+};

package/dist/components/chat-search/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export { useIsChatSearchDirty } from './useIsChatSearchDirty';
+export { useScrollManager } from './useScrollManager';
+export { useUrlManager } from './useUrlManager';
+export { useConversationLoader } from './useConversationLoader';
+export { useSubscriptionManager } from './useSubscriptionManager';
+export { useDarkMode } from './useDarkMode';
+export { useAccessibleColor } from './useAccessibleColor';

package/dist/components/chat-search/hooks/useAccessibleColor.d.ts

@@ -0,0 +1 @@
+export declare const useAccessibleColor: (primaryColorVar: string, primaryForegroundVar: string) => string;