bibot 1.0.0 → 1.0.1

package/src/styles/index.css

@@ -0,0 +1,82 @@
+@import 'themeStyle.css';
+@import 'buttonStyle.css';
+@import 'chatStyle.css';
+@import 'predefinedStyle.css';
+body {
+  font-family: 'Roboto', sans-serif;
+  margin: 0;
+}
+
+code {
+  font-family: 'Roboto', sans-serif;
+}
+
+.cardsBody, .container, .header, .display-message, .position, .embed-report, .controls, .footer, .button, .login-container, .admin-layout, .client-layout, .admin-header, .client-header, .content-layout, .title, .menu, .site-layout-background, .not-implemented, .admin-footer, .client-footer, .report-container {
+  box-sizing: border-box;
+}
+
+.cardsBody {
+  margin: 0;
+  padding: 10px;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.content-layout {
+  padding: 24px;
+  margin: 0;
+  min-height: 280px;
+  /* background: green; */
+}
+
+.site-layout-background {
+  padding: 24px;
+  /* background-color: red; */
+}
+
+.admin-footer, .client-footer {
+  text-align: center;
+  background: #fff;
+  padding: 10px 50px;
+}
+
+.not-implemented {
+  min-height: 89.1vh;
+  color: red;
+  background-size: fit;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: var(--bg-logo);
+}
+
+.ant-spin-dot-item  {
+  background-color: #d67632 !important;
+  color: #d67632 !important;
+}
+
+.admin-layout, .client-layout {
+  flex: 1;
+  overflow-y: auto;
+}
+
+.descriptions-custom .ant-descriptions-item-label {
+  width: 20%;
+}
+
+.descriptions-custom .ant-descriptions-item-content {
+  width: 70%;
+}
+
+h1 {
+  color: #165a72;
+  margin: 50px auto;
+  font-size: 40px;
+}
+.soc-menu {
+  margin-bottom: 40px;
+  margin-top: 20px;
+}
+h2 {
+  color: #165a72;
+}

package/src/styles/predefinedStyle.css

@@ -0,0 +1,35 @@
+.predefined-questions {
+    margin-top: 10px;
+    padding: 10px;
+    background-color: #f7f7f7; /* light gray background */
+    border-top: 1px solid #e0e0e0; /* separator from the messages */
+  }
+  
+  .predefined-question {
+    padding: 8px 12px;
+    margin-bottom: 5px; /* space between questions */
+    background-color: #ffffff; /* white background for the questions */
+    border: 1px solid #dedede; /* light gray border */
+    border-radius: 15px; /* rounded corners */
+    cursor: pointer;
+    transition: background-color 0.3s ease; /* smooth background color change on hover */
+  }
+  
+  .predefined-question:hover {
+    background-color: #e8f0fe; /* slightly blue background on hover */
+  }
+  
+  /* You may want to add additional styles for text size, color, and alignment */
+  .predefined-question {
+    font-size: 0.9rem; /* moderate text size */
+    color: #333333; /* dark gray text color */
+    text-align: left;
+  }
+  
+  /* Ensuring the list doesn't cover the entire chat window and has a scroll if there are many items */
+  .predefined-questions {
+    /* max-height: 150px;  */
+    height: 100%;
+    overflow-y: auto; /* enables scroll */
+  }
+  

package/src/styles/themeStyle.css

@@ -0,0 +1,42 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+.light {
+    /* Light mode colors */
+    --bg-color: #f0f0f0;
+    --text-color: #333;
+    --bg-light: #fff;
+    --text-light: #333;
+    --hover-bg-light: #000;
+    --hover-text-light: #fff;
+    --expanded-bg-light: #f5f5f5;
+    --sidebar-text-light: #333;
+    --sidebar-hover-bg-light: #000;
+    --sidebar-hover-text-light: #fff;
+    --sidebar-expanded-bg-light: #f5f5f5;
+    --border-color:  blue;
+    --highlight-color: #ffcc00;
+    --bg-logo: url('/src/assets/logo/preauditai-high-resolution-logo-transparent.png')
+  }
+  
+  .dark {
+    /* Dark mode colors */
+    --bg-color: #333;
+    --text-color: #f0f0f0;
+    --bg-dark: #333;
+    --text-dark: #fff;
+    --hover-bg-dark: #555;
+    --hover-text-dark: #fff;
+    --expanded-bg-dark: #444;
+    --sidebar-bg-dark: #333;
+    --sidebar-text-dark: #fff;
+    --sidebar-hover-bg-dark: #555;
+    --sidebar-hover-text-dark: #fff;
+    --sidebar-expanded-bg-dark: #444;
+    --border-color:  blue;
+    --highlight-color: #007bff;
+    --bg-logo: url('/src/assets/logo/preauditai-high-resolution-logo-black-transparent.png')
+  }
+  
+  

package/src/styles/training.css

@@ -0,0 +1,86 @@
+.mainContainer{
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+.contentContainer{
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  text-align: start;
+  flex-wrap: wrap;
+}
+.fileUploadSection{
+    width: 50%;
+}
+.fileInfoSection{
+    display: flex;
+    width: 40%;
+}
+.fileUploaderContainer{
+    border: 3px dotted #929292;
+    border-radius: 10px;
+    padding: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    width: 100%;
+    cursor: pointer;
+}
+.fileUploader{
+    width: 100%;
+    text-align: start;
+}
+
+
+/* Media query for screens smaller than 600px */
+@media screen and (max-width: 600px) {
+    .fileUploaderContainer{
+        background-color: #f2f2f2;
+        padding: 30px;
+        display: flex;
+        align-items: center;
+        width: 100%;
+    }
+    .btn{
+        width: 100% !important;
+        margin-top: 30px;
+    }
+    .fileUploadSection{
+        width: 100%;
+        margin-bottom: 30px;
+    }
+    .fileInfoSection{
+        display: flex;
+        width: 100%;
+    }
+}
+
+/* Media query for screens between 600px and 900px */
+@media screen and (min-width: 600px) and (max-width: 900px) {
+    .fileUploaderContainer{
+        background-color: #f2f2f2;
+        padding: 30px;
+        display: flex;
+        align-items: center;
+        width: 100%;
+    }
+    .btn{
+        width: 100% !important;
+        margin-top: 30px;
+    }
+    .fileUploadSection{
+        width: 100%;
+        margin-bottom: 30px;
+    }
+    .fileInfoSection{
+        display: flex;
+        width: 100%;
+    }
+}
+
+/* Media query for screens larger than 1200px */
+@media screen and (min-width: 1200px) {
+
+}

package/src/types/coreInterfaces.ts

@@ -0,0 +1,69 @@
+import { type MenuTheme } from 'antd/es/menu'
+import type { appStateEnums } from 'config'
+
+interface AppStates {
+  hideImportantMessages?: boolean
+  collapsed?: boolean
+  chatIsOpen: boolean
+  sessionId: string
+}
+
+interface AppContextProps {
+  state: AppStates
+  dispatch: React.Dispatch<any>
+}
+
+
+interface AppAction {
+  type: appStateEnums
+  theme: MenuTheme
+  hideImportantMessages: boolean
+  collapsed: boolean
+  chatIsOpen: boolean
+}
+
+type NotificationType = 'info' | 'warning' | 'success' | 'error'
+interface NOTIFICATION_DT {
+  id: number
+  message: string
+  timestamp: number
+  type: NotificationType
+}
+
+interface Plan {
+  name: string
+  price: string
+  accounts: number | string
+  complianceFrameworks: number | string
+  features: string[]
+}
+
+interface SUBSCRIPTION {
+  tier: 'free' | 'basic' | 'advanced' | 'premium' | null
+  status: 'active' | 'inactive' | null
+  created: number | null
+  next_billing_date?: number | null
+}
+
+interface AppconfigType {
+  appTitle: string;
+  file_name: string | undefined;
+  windowColor: string;
+}
+interface docInfoType {
+  name: string;
+  size: number;
+  type: string;
+}
+
+export type {
+  AppStates,
+  AppAction,
+  AppContextProps,
+  NOTIFICATION_DT,
+  NotificationType,
+  Plan,
+  SUBSCRIPTION,
+  AppconfigType,
+  docInfoType,
+}

package/src/types/index.ts

@@ -0,0 +1,4 @@
+// created from 'create-ts-index'
+
+export * from './coreInterfaces'
+

package/src/utils/index.ts

@@ -0,0 +1,2 @@
+export * from './trimWhitespace'
+export * from './sessionManager'

package/src/utils/sessionManager.tsx

@@ -0,0 +1,15 @@
+import { v4 as uuidv4 } from 'uuid'
+
+const SESSION_KEY: string = 'bibotUserSessionId'
+
+const getSessionId = (): string => {
+  const sessionId = localStorage.getItem(SESSION_KEY)
+  if (sessionId === null) {
+    const newSessionId = uuidv4()
+    localStorage.setItem(SESSION_KEY, newSessionId)
+    return newSessionId
+  }
+  return sessionId
+}
+
+export { getSessionId }

package/src/utils/trimWhitespace.ts

@@ -0,0 +1,11 @@
+const trimWhitespace = (e: any) => {
+  // Check if the event has a target (it's an input event)
+  if (e?.target) {
+    // If it's a string, trim the whitespace; otherwise, return the value as is
+    return typeof e.target.value === 'string' ? e.target.value.trim() : e.target.value
+  }
+  // If it's not an input event, return the value as is
+  return e
+}
+
+export { trimWhitespace }

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "outDir": "./dist",
+    "module": "esnext",
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "jsx": "react-jsx",
+    "moduleResolution": "node",
+    "declaration": true,
+    "sourceMap": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitAny": true,
+    "noImplicitThis": true,
+    "strictNullChecks": true,
+    "baseUrl": "src",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src/**/*", "tailwind.config.ts", "uuid.d.ts"],
+  "exclude": ["node_modules", "dist", "example"]
+}

package/webpack.config.js

@@ -0,0 +1,19 @@
+module: {
+    rules: [
+      {
+        test: /\.(ts|tsx)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: [
+              '@babel/preset-env',
+              '@babel/preset-react',
+              '@babel/preset-typescript'
+            ]
+          }
+        }
+      }
+    ]
+  }
+  

package/src/App.tsx

@@ -1,11 +0,0 @@
-import React from 'react'
-
-function App () {
-  return (
-    <div>
-      <a>Coming soon</a>
-    </div>
-  )
-}
-
-export default App