bibot 1.0.5 → 1.0.6

package/src/styles/adminPortal.css

@@ -0,0 +1,26 @@
+.useremail{
+    width: 70px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    margin-top: 0;
+}
+
+/* Media query for screens smaller than 600px */
+@media screen and (max-width: 600px) {
+.hideOnMobile{
+    display: none !important;
+}
+}
+
+/* Media query for screens between 600px and 900px */
+/* @media screen and (min-width: 600px) and (max-width: 900px) {
+    .hideProfile{
+        display: none;
+    }
+} */
+
+/* Media query for screens larger than 1200px */
+@media screen and (min-width: 1200px) {
+ 
+}

package/src/styles/appConfig.css

@@ -0,0 +1,90 @@
+.mainContent{
+    display: flex;
+    width: 100%;
+    justify-content: space-around;
+    flex-wrap: wrap;
+}
+.firstSection{
+    text-align: start;
+}
+.secondSection{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+.previewSection{
+    height: 100%;
+}
+input[type="file"] {
+    display: none;
+}
+.inputfileButton{
+    display: inline-block;
+    align-items: center;
+    /* background-color: #73767a; */
+    border: none;
+    border-radius: 5px;
+    cursor: pointer;
+}
+
+
+/* Media query for screens smaller than 600px */
+@media screen and (max-width: 600px) {
+    .mainContent{
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        justify-content: space-around;
+        align-items: center;
+    }
+    .button{
+      width: 100% !important;    
+    }
+    .previewSection{
+        width: 100%;
+        margin-top: 30px;
+    }
+    .firstSection{
+        width: 100%;
+        text-align: start;
+        margin-bottom: 50px;
+    }
+    .secondSection{
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: start;
+    }
+}
+
+/* Media query for screens between 600px and 900px */
+@media screen and (min-width: 600px) and (max-width: 900px) {
+    .mainContent{
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        justify-content: space-around;
+        align-items: center;
+    }
+    .previewSection{
+        width: 100%;
+    }
+    .firstSection{
+        width: 100%;
+        text-align: start;
+        margin-bottom: 50px;
+    }
+    .secondSection{
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        text-align: start;
+    }
+}
+
+/* Media query for screens larger than 1200px */
+@media screen and (min-width: 1200px) {
+ 
+}

package/src/styles/buttonStyle.css

@@ -0,0 +1,27 @@
+.button,
+.ant-btn.button {
+  font-family: Arial, sans-serif;
+  font-size: 14px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 10px;
+  border: 2px solid #d67632;
+  outline: none;
+  cursor: pointer;
+  transition: background-color 0.3s, color 0.3s;
+  background-color: #5f2d78;
+  color: white;
+}
+
+.ant-popover-buttons {
+    display: flex;
+    justify-content: flex-end;
+    background-color: #5f2d78;
+    color: white
+  }
+  
+  .ant-popover-button {
+    margin: 8px;
+  }
+  

package/src/styles/chatStyle.css

@@ -0,0 +1,140 @@
+.chat-bubble {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  z-index: 9999;
+}
+
+.chat-toggle {
+  color: #fff;
+  border-radius: 50%;
+  height: 60px;
+  width: 60px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.chat-window {
+  position: absolute;
+  bottom: 50px;
+  right: 25px;
+  width: 350px;
+  height: 500px;
+  background-color: white;
+  border: 1px solid #ddd;
+  border-radius: 10px;
+  /* padding: 10px; */
+  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+/* Existing styles... */
+.chat-header{
+  height: 50px;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  padding-inline: 15px;
+  padding-block: 30px;
+}
+.message-list {
+height: calc(100% - 100px);
+overflow-y: auto;
+padding: 10px;
+display: flex;
+flex-grow: 1;
+flex-direction: column;
+}
+
+.message {
+margin-bottom: 10px;
+padding: 5px 10px;
+border-radius: 8px;
+max-width: 70%;
+}
+
+.message.user {
+background-color: #b8b8b8c6;
+align-self: flex-end;
+}
+
+.message.bot {
+background-color: #f0f0f0;
+align-self: flex-start;
+}
+textarea:focus, input:focus{
+  outline: none;
+}
+
+/* Chat loader*/
+.loader {
+  width: 12px;
+  aspect-ratio: 1;
+  border-radius: 50%;
+  animation: l5 1s infinite linear alternate;
+}
+@keyframes l5 {
+    0%  {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
+    33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
+    66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
+    100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
+}
+
+
+.input-area {
+display: flex;
+align-items: center;
+border-top: 1px solid #ddd;
+padding: 10px;
+border-bottom-left-radius: 8px;
+border-bottom-right-radius: 8px;
+}
+
+.input-area input {
+flex-grow: 1;
+border: none;
+background-color: transparent;
+/* border: 1px solid #ccc; */
+/* border-radius: 15px; */
+padding: 5px 10px;
+margin-right: 10px;
+}
+
+.input-area button {
+background-color: #007bff;
+color: white;
+border: none;
+border-radius: 15px;
+padding: 5px 10px;
+cursor: pointer;
+}
+
+/* Existing styles... */
+
+.loading-bubbles {
+display: flex;
+justify-content: center;
+align-items: center;
+}
+
+.bubble {
+width: 8px;
+height: 8px;
+border-radius: 50%;
+margin: 0 3px;
+animation: bounce 0.6s infinite alternate;
+}
+
+@keyframes bounce {
+from {
+  transform: translateY(0);
+}
+to {
+  transform: translateY(-15px);
+}
+}

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'
+            ]
+          }
+        }
+      }
+    ]
+  }
+