56 | {isLoading &&
59 | )
60 | })
61 |
62 | export default Badge
63 |
--------------------------------------------------------------------------------
/frontend/src/components/base/atoms/Button.tsx:
--------------------------------------------------------------------------------
1 | import classnames from 'classnames'
2 | import React from 'react'
3 |
4 | import IconProvider from '@/components/assets/IconProvider'
5 | import type { FontAwesomeIconProps } from '@fortawesome/react-fontawesome'
6 | import Spinner from './Spinner'
7 |
8 | export interface ButtonProps
9 | extends React.ButtonHTMLAttributes
30 | {children}
31 |
32 | )
33 | }
34 |
35 | export default CodeBlock;
36 |
--------------------------------------------------------------------------------
/frontend/src/components/base/atoms/CopyField.tsx:
--------------------------------------------------------------------------------
1 | import classNames from 'classnames'
2 | import React, { useState } from 'react'
3 | import notify from '../molecules/Notify'
4 | import Button from './Button'
5 | import { DarkTooltip } from './Tooltip'
6 |
7 | interface CopyFieldProps {
8 | children?: string | JSX.Element
9 | errorMessage?: string
10 | rawValue?: string
11 | className?: string
12 | btnClass?: string
13 | btnTextClass?: string
14 | iconClass?: string
15 | initialText?: string
16 | bgClass?: string
17 | tooltipTitle?: string | JSX.Element
18 | }
19 |
20 | const CopyField: React.FC
82 | {renderCopyButton}
83 | {children}
84 |
85 | )
86 | }
87 |
88 | export default CopyField
89 |
--------------------------------------------------------------------------------
/frontend/src/components/base/atoms/Input.tsx:
--------------------------------------------------------------------------------
1 | import IconProvider from '@/components/assets/IconProvider'
2 | import { mergeRefs } from '@/utils'
3 | import useId from '@mui/material/utils/useId'
4 | import classNames from 'classnames'
5 | import React, { useEffect, useRef, useState } from 'react'
6 | import { DarkTooltip } from './Tooltip'
7 |
8 | export interface InputProps
9 | extends React.InputHTMLAttributes
94 | {text && (
95 |
103 | )}
104 |
105 | {
112 | if (onChange) onChange(e)
113 | }}
114 | readOnly={readOnly}
115 | />
116 |
117 | )
118 | }
119 | )
120 |
121 | export default Input
122 |
--------------------------------------------------------------------------------
/frontend/src/components/base/atoms/Link.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import classnames from 'classnames'
3 |
4 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
5 | import type { FontAwesomeIconProps } from '@fortawesome/react-fontawesome'
6 |
7 | interface LinkProps extends React.AnchorHTMLAttributes{componentChildren}
43 |
11 | {icon}
12 |
21 | )
22 | }
23 |
--------------------------------------------------------------------------------
/frontend/src/components/base/atoms/Picker.tsx:
--------------------------------------------------------------------------------
1 | import { MenuItem, Select, type SelectProps } from '@mui/material'
2 | import React from 'react'
3 |
4 | type PickerProps = {
5 | options: string[]
6 | }
7 |
8 | const Picker = React.forwardRef
13 |
20 | 14 | {title} 15 |
16 |
17 | {msg}
18 |
19 |
41 | Loading...
42 |
43 | )
44 | }
45 | }
46 |
47 | export default Spinner
48 |
--------------------------------------------------------------------------------
/frontend/src/components/base/atoms/Spinner/components/SpinnerDots.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const SpinnerDots = () => {
4 | return (
5 |
30 | )
31 | }
32 |
33 | export default SpinnerDots
34 |
--------------------------------------------------------------------------------
/frontend/src/components/base/atoms/Spinner/index.ts:
--------------------------------------------------------------------------------
1 | export { default } from './Spinner'
2 |
--------------------------------------------------------------------------------
/frontend/src/components/base/atoms/Switch.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | interface SwitchProps {
4 | checked: boolean;
5 | onChange: (checked: boolean) => void;
6 | }
7 |
8 | const Switch = React.forwardRef
18 |
33 | )
34 | }
35 |
36 | export default ErrorPage
37 |
--------------------------------------------------------------------------------
/frontend/src/components/base/molecules/Notify.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { toast } from 'react-toastify'
3 | import { Toast } from '@/components/base/atoms/Notification'
4 | import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
5 |
6 | export default function notify(
7 | type: 'info' | 'success' | 'error',
8 | title: string,
9 | message?: string | JSX.Element,
10 | toastId?: string | number
11 | ) {
12 | let icon
13 | switch (type) {
14 | case 'info':
15 | icon = (
16 |
19 | {image}
20 |
21 |
32 |
22 |
31 | 23 | {statusCode} Error 24 |
25 |
26 | {message}
27 |
28 | {help}
29 |
7 |
9 | )
10 |
11 | export default ScreenFallbackLoader
12 |
--------------------------------------------------------------------------------
/frontend/src/components/base/molecules/Table.tsx:
--------------------------------------------------------------------------------
1 | import { DataGrid, GridColDef } from '@mui/x-data-grid'
2 | import React from 'react'
3 |
4 | const Table = ({
5 | rows,
6 | columns,
7 | isLoading,
8 | Wrapper = React.Fragment
9 | }: {
10 | rows: any[],
11 | columns: GridColDef[],
12 | isLoading?: boolean,
13 | Wrapper?: React.FC
14 | }) => {
15 |
16 | return (
17 |
9 |
12 |
14 | }
15 | >
16 |
17 |
19 |
20 |
21 | )
22 | }
23 |
24 | export default AppLayout
25 |
--------------------------------------------------------------------------------
/frontend/src/materialTheme.ts:
--------------------------------------------------------------------------------
1 | import { createTheme } from '@mui/material/styles'
2 |
3 | import tailwindConfigModule from '../tailwind.config.js'
4 |
5 | export default createTheme({
6 | typography: {
7 | fontFamily: tailwindConfigModule.theme.fontFamily.sans.join(', '),
8 | },
9 | components: {
10 | MuiPopover: {
11 | styleOverrides: {
12 | paper: {
13 | borderRadius: '0.5rem',
14 | },
15 | },
16 | },
17 | },
18 | })
19 |
--------------------------------------------------------------------------------
/frontend/src/reportWebVitals.ts:
--------------------------------------------------------------------------------
1 | import type { ReportHandler } from 'web-vitals'
2 |
3 | const reportWebVitals = (onPerfEntry?: ReportHandler) => {
4 | if (onPerfEntry && onPerfEntry instanceof Function) {
5 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
6 | getCLS(onPerfEntry)
7 | getFID(onPerfEntry)
8 | getFCP(onPerfEntry)
9 | getLCP(onPerfEntry)
10 | getTTFB(onPerfEntry)
11 | })
12 | }
13 | }
14 |
15 | export default reportWebVitals
16 |
--------------------------------------------------------------------------------
/frontend/src/router/DocsQA.tsx:
--------------------------------------------------------------------------------
1 | import React, { Suspense, lazy } from 'react'
2 | import { Outlet, useLocation } from 'react-router-dom'
3 | import type { BreadcrumbsRoute } from 'use-react-router-breadcrumbs'
4 |
5 | import ScreenFallbackLoader from '@/components/base/molecules/ScreenFallbackLoader'
6 | import DataHub from '@/screens/dashboard/docsqa/DataSources'
7 | import NavBar from '@/screens/dashboard/docsqa/Navbar'
8 | import Applications from '@/screens/dashboard/docsqa/Applications'
9 | const DocsQA = lazy(() => import('@/screens/dashboard/docsqa/main'))
10 | const DocsQAChatbot = lazy(() => import('@/screens/dashboard/docsqa/Chatbot'))
11 | const DocsQASettings = lazy(() => import('@/screens/dashboard/docsqa/settings'))
12 |
13 | const FallBack = () => (
14 |
15 |
17 | )
18 |
19 | const MainLayout = () => {
20 | const location = useLocation()
21 | const shouldRenderNavBar = !location.pathname.includes('embed')
22 |
23 | return (
24 |
25 | {shouldRenderNavBar &&
32 | )
33 | }
34 |
35 | export const routes = (): BreadcrumbsRoute[] => [
36 | {
37 | path: '/',
38 | element:
28 |
30 |
31 | {
34 | if (!isReady && !enableErrorSelection) return
35 | onClick()
36 | }}
37 | onMouseEnter={() => setIsInfoIconVisible(true)}
38 | onMouseLeave={() => setIsInfoIconVisible(false)}
39 | >
40 |
80 |
81 | )
82 | }
83 |
84 | export default CollectionCard
85 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/DataSources/FormType.ts:
--------------------------------------------------------------------------------
1 | export type FormInputData = {
2 | dataSourceType: string
3 | localdir: {
4 | name: string
5 | files: {
6 | id: string
7 | file: File
8 | }[]
9 | uploadedFileIds: string[]
10 | }
11 | dataSourceUri: string
12 | webConfig: {
13 | use_sitemap: boolean
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/DataSources/WebDataSource.tsx:
--------------------------------------------------------------------------------
1 | import React from "react"
2 |
3 | import Switch from "@/components/base/atoms/Switch"
4 |
5 | import Picker from "@/components/base/atoms/Picker"
6 | import SimpleCodeEditor from "@/components/base/molecules/SimpleCodeEditor"
7 | import { Controller, useFormContext } from "react-hook-form"
8 | import { FormInputData } from "./FormType"
9 | import { useGetAllEnabledChatModelsQuery } from "@/stores/qafoundry"
10 | import { WEBPAGE_URL_REGEX } from "@/stores/constants"
11 | import IconProvider from "@/components/assets/IconProvider"
12 |
13 | type Props = {}
14 |
15 | const WebDataSource: React.FC
41 |
50 |
62 | }
63 | >
64 | {
65 |
42 |
46 | {isDeleteOptionEnabled === 'true' && (
47 |
43 | {collectionName}
44 |
45 |
51 |
61 |
70 |
76 | }
77 |
78 | )}
79 |
53 |
67 |
68 |
69 |
70 | We will attempt to look for a sitemap at the root of the website.
71 | Otherwise, we will scrape the website directly.
72 |
73 |
74 | )
75 | }
76 |
77 | export default WebDataSource
78 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/DataSources/index.tsx:
--------------------------------------------------------------------------------
1 | import Button from '@/components/base/atoms/Button'
2 | import Table from '@/components/base/molecules/Table'
3 | import {
4 | useDeleteDataSourceMutation,
5 | useGetDataSourcesQuery,
6 | } from '@/stores/qafoundry'
7 | import { GridColDef, GridRenderCellParams } from '@mui/x-data-grid'
8 | import React, { useMemo } from 'react'
9 | import NewDataSource from './NewDataSource'
10 | import CopyField from '@/components/base/atoms/CopyField'
11 | import { IS_LOCAL_DEVELOPMENT } from '@/stores/constants'
12 | import notify from '@/components/base/molecules/Notify'
13 | import { notifyError } from '@/utils/error'
14 |
15 | const DeleteDataSource = ({ fqn }: { fqn: string }) => {
16 | const [deleteDataSource, { isLoading }] = useDeleteDataSourceMutation()
17 |
18 | const handleSubmit = async () => {
19 | try {
20 | await deleteDataSource({ data_source_fqn: fqn }).unwrap()
21 | notify('success', 'Data Source is successfully deleted!')
22 | } catch (e) {
23 | notifyError('Data source deletion failed. Please try again later', e)
24 | }
25 | }
26 |
27 | return (
28 |
36 | )
37 | }
38 |
39 | const DataHub = () => {
40 | const { data: dataSources, isLoading, refetch } = useGetDataSourcesQuery()
41 |
42 | const columns: GridColDef[] = [
43 | {
44 | field: 'type',
45 | headerName: 'Type',
46 | width: 200,
47 | renderCell: (params: GridRenderCellParams) => (
48 | {params?.value}
49 | ),
50 | },
51 | {
52 | field: 'source',
53 | headerName: 'Source',
54 | flex: 1,
55 | renderCell: (params: GridRenderCellParams) => (
56 |
57 |
60 | ),
61 | },
62 | {
63 | field: 'fqn',
64 | headerName: 'FQN',
65 | flex: 1,
66 | renderCell: (params: GridRenderCellParams) => (
67 | {params?.value}
58 |
68 |
71 | ),
72 | },
73 | {
74 | field: 'actions',
75 | headerName: '',
76 | width: 80,
77 | renderCell: (params: GridRenderCellParams) => (
78 | {params?.value}
69 |
79 |
81 | ),
82 | },
83 | ]
84 | const rows = useMemo(
85 | () =>
86 | dataSources
87 | ? dataSources?.map((source) => ({
88 | id: source.fqn,
89 | type: source.type,
90 | source: source.uri,
91 | fqn: source.fqn,
92 | }))
93 | : [],
94 | [dataSources],
95 | )
96 |
97 | return (
98 | <>
99 |
100 |
111 |
112 | )
113 | }
114 |
115 | export default DataHub
116 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/DocsQA/CustomPreview.css:
--------------------------------------------------------------------------------
1 | #react-doc-viewer #proxy-renderer {
2 | flex-grow: 1;
3 | }
4 |
5 | #react-doc-viewer #proxy-renderer > div {
6 | height: 100%;
7 | }
8 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/DocsQA/DocLink.tsx:
--------------------------------------------------------------------------------
1 | import IconProvider from '@/components/assets/IconProvider';
2 | import { customerId } from '@/stores/qafoundry';
3 | import classNames from 'classnames';
4 | import React, { MouseEventHandler } from 'react'
5 | import { PreviewResource } from './types';
6 | import { WEB_SOURCE_NAME } from '@/stores/constants';
7 |
8 | type DocLinkProps = {
9 | pageNumber?: number;
10 | fqn: string;
11 | fileFormat?: string;
12 | loadPreview?: (resourse: PreviewResource) => void;
13 | };
14 |
15 | const LINK_RENDERING_SUPPORTED: string[] = [WEB_SOURCE_NAME]
16 |
17 | const DocLink = ({ pageNumber, fqn, fileFormat, loadPreview }: DocLinkProps) => {
18 | const splittedFqn = fqn.split('::');
19 |
20 | const isUrlHandlerSupport = LINK_RENDERING_SUPPORTED.includes(splittedFqn[0].toLowerCase())
21 |
22 | const isDirectLink = splittedFqn[0] === WEB_SOURCE_NAME
23 |
24 | const clickHandler: MouseEventHandler = async (e) => {
25 | if (isDirectLink) {
26 | return
27 | }
28 | e.preventDefault();
29 | switch(splittedFqn[0].toLowerCase()) {
30 | default:
31 | break;
32 | }
33 | }
34 |
35 | return (
36 |
47 | Source: {splittedFqn?.[splittedFqn.length - 1]}
48 | {pageNumber && `, Page No.: ${pageNumber}`}
49 | {isUrlHandlerSupport &&
101 | {
103 | refetch()
104 | }}
105 | />
106 |
107 |
108 |
109 |
110 | No preview available
22 | }
23 |
24 | if (fileFormat === WEB_SOURCE_NAME) {
25 | return
26 | }
27 |
28 | const [document, setDocument] = useStateDocument Preview
56 |57 | The preview is may not be an accurate representation of the document. Please download the document or view it from the source. 58 |
59 |
60 | {previewResource.externalUrl &&
61 |
62 |
73 | {
74 | previewResource.fileFormat
75 | ? 26 | "{displayText} 27 | {displayText.length < text.length && !showAll && '...'}" 28 | {text.length > maxLength && ( 29 | setShowAll((prev) => !prev)} 31 | className="text-blue-600 focus:outline-none ml-3 cursor-pointer" 32 | > 33 | {showAll ? 'Show less' : 'Show more'} 34 | 35 | )} 36 |
37 | ) 38 | } 39 | 40 | const DocPreview: React.FC<{ doc: SourceDocs, index: number, loadPreview?: (resource: PreviewResource) => void }> = ({ doc, index, loadPreview }) => { 41 | const fqn = doc?.metadata?._data_point_fqn 42 | const pageNumber = doc?.metadata?.page_number || doc?.metadata?.page_num 43 | const relevanceScore = doc?.metadata?.relevance_score 44 | const fileFormat = doc?.metadata?.file_format 45 | return ( 46 |
47 |
68 | )
69 | }
70 |
71 | const SourceDocsPreview: React.FC
48 | {index + 1}.{' '}
49 |
54 | {relevanceScore && (
55 |
56 | Relevance Score: {relevanceScore}
57 |
58 | )}
59 | {fqn &&
60 |
75 | setPreviewResource(null)} previewResource={previewResource} />}
83 |
84 | );
85 | }
86 |
87 | export default SourceDocsPreview;
88 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/DocsQA/types.ts:
--------------------------------------------------------------------------------
1 | export type PreviewResource = {
2 | presignedUrl?: string
3 | externalUrl?: string
4 | name: string
5 | fileFormat?: string
6 | }
7 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/DocsQaInformation.tsx:
--------------------------------------------------------------------------------
1 | import DocsDataPng from '@/assets/img/dgpt-docs.svg'
2 | import SearchIcon from '@/assets/img/dgpt-search.svg'
3 | import React from 'react'
4 |
5 | interface DocsQaInformationProps {
6 | header: JSX.Element | string
7 | subHeader: JSX.Element | string
8 | }
9 |
10 | const DocsQaInformation = ({ header, subHeader }: DocsQaInformationProps) => {
11 | return (
12 |
76 | Source Documents:
77 |
78 | {
79 | sourceDocs?.map(
80 | (doc, index) =>
13 |
54 | )
55 | }
56 |
57 | export default DocsQaInformation
58 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/NoCollections.tsx:
--------------------------------------------------------------------------------
1 | import Button from '@/components/base/atoms/Button'
2 | import React from 'react'
3 | import { useNavigate } from 'react-router-dom'
4 | import DocsQaInformation from './DocsQaInformation'
5 |
6 | const NoCollections = ({ fullWidth }: { fullWidth?: boolean }) => {
7 | const navigate = useNavigate()
8 |
9 | return (
10 | {header}
14 | {subHeader} 15 |16 | How it works? 17 |
18 |
19 |
53 |
20 | 
21 |
25 | 22 | Your Data 23 |
24 |
26 |
27 |
28 |
29 |
30 | 
31 |
33 | DocsQA
32 |
34 |
35 |
36 |
37 |
38 |
52 |
39 |
50 |
40 | Query
41 |
42 |
43 |
44 |
45 |
46 |
47 | Response
48 |
49 | App
51 |
15 |
19 |
35 | )
36 | }
37 |
38 | export default NoCollections
39 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/RunsHistoryDrawer.tsx:
--------------------------------------------------------------------------------
1 | import Badge from '@/components/base/atoms/Badge'
2 | import CustomDrawer from '@/components/base/atoms/CustomDrawer'
3 | import Table from '@/components/base/molecules/Table'
4 | import { useGetDataIngestionRunsQuery } from '@/stores/qafoundry'
5 | import classNames from '@/utils/classNames'
6 | import { GridColDef } from '@mui/x-data-grid'
7 | import React, { useMemo } from 'react'
8 |
9 | interface RunHistoryDrawerProps {
10 | open: boolean
11 | collectionName: string
12 | selectedDataSource: string
13 | onClose: () => void
14 | }
15 |
16 | const RunsHistoryDrawer = ({
17 | open,
18 | collectionName,
19 | selectedDataSource,
20 | onClose
21 | }: RunHistoryDrawerProps) => {
22 | const { data: runs, isLoading } = useGetDataIngestionRunsQuery({
23 | collection_name: collectionName,
24 | data_source_fqn: selectedDataSource,
25 | })
26 |
27 | const rows = useMemo(() => {
28 | if (!runs) return []
29 |
30 | return runs?.map((run) => ({
31 | id: run.name,
32 | name: run.name,
33 | status: run.status,
34 | }))
35 | }, [runs])
36 |
37 | const columns: GridColDef[] = useMemo(() => {
38 | return [
39 | {
40 | field: 'name',
41 | headerName: 'Run Name',
42 | flex: 1,
43 | },
44 | {
45 | field: 'status',
46 | headerName: 'Status',
47 | flex: 1,
48 | },
49 | ]
50 | }
51 | , [])
52 |
53 | return (
54 |
20 | Start building a QnA system on your internal knowledge
21 |
base. Click “New Collection” button to connect your data
22 |
and start a chat
23 |
61 | Runs history for
62 |
69 |
70 |
75 |
76 |
77 |
25 | {isCollectionsLoading ? (
26 |
40 |
41 | )
42 | }
43 |
44 | export default DocsQA
45 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/main/components/Answer.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import SourceDocsPreview from '../../DocsQA/SourceDocsPreview'
4 | import IconProvider from '@/components/assets/IconProvider'
5 | import Markdown from 'react-markdown'
6 | import { useDocsQAContext } from '../context'
7 |
8 | const Answer = (props: any) => {
9 | const { sourceDocs, answer } = useDocsQAContext()
10 |
11 | return (
12 |
27 |
29 | ) : selectedCollection ? (
30 | <>
31 |
13 |
24 | )
25 | }
26 |
27 | export default Answer
28 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/main/components/Chat.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react'
2 |
3 | import Spinner from '@/components/base/atoms/Spinner'
4 | import { useDocsQAContext } from '../context'
5 | import PromptForm from './PromptForm'
6 | import ErrorAnswer from './ErrorAnswer'
7 | import Answer from './Answer'
8 | import NoAnswer from './NoAnswer'
9 |
10 | const Right = () => {
11 | const { errorMessage, answer } = useDocsQAContext()
12 |
13 | const [isRunningPrompt, setIsRunningPrompt] = useState(false)
14 |
15 | return (
16 |
14 |
22 | {sourceDocs &&
15 |
17 |
18 | {answer}
20 |
21 | Answer:
19 |
17 |
34 | )
35 | }
36 |
37 | export default Right
38 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/main/components/ConfigSelector.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import { FormControl, MenuItem, Select } from '@mui/material'
4 |
5 | interface ConfigProps {
6 | title: string
7 | placeholder: string
8 | initialValue: string
9 | data: any[] | undefined
10 | handleOnChange: (e: any) => void
11 | renderItem?: (e: any) => React.ReactNode
12 | className?: string
13 | }
14 |
15 | const ConfigSelector = (props: ConfigProps) => {
16 | const {
17 | title,
18 | placeholder,
19 | initialValue,
20 | data,
21 | className,
22 | handleOnChange,
23 | renderItem,
24 | } = props
25 | return (
26 |
25 |
28 | ) : errorMessage ? (
29 | Fetching Answer...
27 |
27 |
29 |
54 |
55 |
56 | )
57 | }
58 |
59 | export default ConfigSelector
60 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/main/components/ErrorAnswer.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import IconProvider from '@/components/assets/IconProvider'
3 |
4 | const ErrorAnswer = () => {
5 | return (
6 | {title}:
28 |
7 |
16 | )
17 | }
18 |
19 | export default ErrorAnswer
20 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/main/components/NoAnswer.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | import DocsQaInformation from '../../DocsQaInformation'
4 |
5 | const NoAnswer = () => {
6 | return (
7 |
8 |
10 |
11 |
15 | Error
12 | We failed to get answer for your query, please try again by resending
13 | query or try again in some time.
14 |
8 |
22 | )
23 | }
24 |
25 | export default NoAnswer
26 |
--------------------------------------------------------------------------------
/frontend/src/screens/dashboard/docsqa/main/index.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { DocsQAProvider } from './context'
3 | import DocsQA from './DocsQA'
4 |
5 | const index = () => {
6 | return (
7 |
9 |
13 |
21 |
14 | Select a collection from sidebar,
15 |
review all the settings and start asking Questions
16 |
7 |
27 | )
28 | }
29 |
30 | export default TenantNotFound
31 |
--------------------------------------------------------------------------------
/frontend/src/setupTests.js:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom';
6 |
--------------------------------------------------------------------------------
/frontend/src/stores/constants.ts:
--------------------------------------------------------------------------------
1 | export const IS_DOCS_QA_REDIRECT_ENABLED =
2 | import.meta.env.VITE_DOCS_QA_ENABLE_REDIRECT === 'true'
3 | export const DOCS_QA_STANDALONE_PATH = import.meta.env
4 | .VITE_DOCS_QA_STANDALONE_PATH
5 | export const DOCS_QA_MAX_UPLOAD_SIZE_MB = parseInt(
6 | import.meta.env.VITE_DOCS_QA_MAX_UPLOAD_SIZE_MB || '200'
7 | )
8 | export const IS_LOCAL_DEVELOPMENT = import.meta.env.VITE_USE_LOCAL === 'true'
9 | export const GTAG_ID = import.meta.env.VITE_GTAG_ID
10 |
11 | // https://stackoverflow.com/a/58172035/7799568
12 | export const WEBPAGE_URL_REGEX = "[Hh][Tt][Tt][Pp][Ss]?:\/\/(?:(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)(?:\.(?:[a-zA-Z\u00a1-\uffff0-9]+-?)*[a-zA-Z\u00a1-\uffff0-9]+)*(?:\.(?:[a-zA-Z\u00a1-\uffff]{2,}))(?::\d{2,5})?(?:\/[^\s]*)?"
13 |
14 | // DATA SOURCES
15 |
16 | export const WEB_SOURCE_NAME = 'web'
17 | export const LOCAL_SOURCE_NAME = 'localdir'
18 | export const TFY_SOURCE_NAME = 'truefoundry'
19 |
--------------------------------------------------------------------------------
/frontend/src/stores/index.ts:
--------------------------------------------------------------------------------
1 | import { TypedUseSelectorHook, useDispatch, useSelector } from 'react-redux'
2 | import { configureStore, combineReducers } from '@reduxjs/toolkit'
3 | import { setupListeners } from '@reduxjs/toolkit/query'
4 |
5 | import { qafoundryApi } from './qafoundry'
6 |
7 | const reducer = combineReducers({
8 | [qafoundryApi.reducerPath]: qafoundryApi.reducer,
9 | })
10 |
11 | const rootReducer: typeof reducer = (state, action) => {
12 | return reducer(state, action)
13 | }
14 |
15 | export const store = configureStore({
16 | reducer: rootReducer,
17 | middleware: (getDefaultMiddleware) =>
18 | getDefaultMiddleware({
19 | serializableCheck: false,
20 | }).concat([qafoundryApi.middleware]),
21 | devTools: import.meta.env.MODE !== 'default',
22 | })
23 |
24 | setupListeners(store.dispatch)
25 |
26 | export type RootState = ReturnType
8 | 
9 |
10 |
26 |
11 |
25 | Page unavailable
12 |
13 | Your Truefoundry site is currently unavailable.
14 |
15 | If you think this is a mistake then please contact our support team.
16 |
17 |
21 | support@truefoundry.com
22 |
23 |