bibot 1.0.5 → 1.0.6

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/types/coreInterfaces.d.ts

@@ -48,13 +48,4 @@ interface docInfoType {
     size: number;
     type: string;
 }
-interface UseBiBotChatBotProps {
-    clientId: string;
-}
-interface ChatBubbleConfigProps {
-    bgColor?: string;
-    color?: string;
-    title?: string;
-    logo_url?: string;
-}
-export type { AppStates, AppAction, AppContextProps, NOTIFICATION_DT, NotificationType, Plan, SUBSCRIPTION, AppconfigType, docInfoType, UseBiBotChatBotProps, ChatBubbleConfigProps };
+export type { AppStates, AppAction, AppContextProps, NOTIFICATION_DT, NotificationType, Plan, SUBSCRIPTION, AppconfigType, docInfoType, };

package/dist/types/coreInterfaces.js

@@ -1,2 +1,5 @@
-export {};
-//# sourceMappingURL=coreInterfaces.js.map
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/types/index.js

@@ -1,3 +1,16 @@
-// created from 'create-ts-index'
-export * from './coreInterfaces';
-//# sourceMappingURL=index.js.map
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _coreInterfaces = require("./coreInterfaces");
+Object.keys(_coreInterfaces).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _coreInterfaces[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _coreInterfaces[key];
+    }
+  });
+});

package/dist/utils/index.js

@@ -1,3 +1,27 @@
-export * from './trimWhitespace';
-export * from './sessionManager';
-//# sourceMappingURL=index.js.map
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _trimWhitespace = require("./trimWhitespace");
+Object.keys(_trimWhitespace).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _trimWhitespace[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _trimWhitespace[key];
+    }
+  });
+});
+var _sessionManager = require("./sessionManager");
+Object.keys(_sessionManager).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _sessionManager[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _sessionManager[key];
+    }
+  });
+});

package/dist/utils/sessionManager.js

@@ -1,13 +1,17 @@
-import { v4 as uuidv4 } from 'uuid';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSessionId = void 0;
+var _uuid = require("uuid");
 var SESSION_KEY = 'bibotUserSessionId';
-var getSessionId = function () {
-    var sessionId = localStorage.getItem(SESSION_KEY);
-    if (sessionId === null) {
-        var newSessionId = uuidv4();
-        localStorage.setItem(SESSION_KEY, newSessionId);
-        return newSessionId;
-    }
-    return sessionId;
-};
-export { getSessionId };
-//# sourceMappingURL=sessionManager.js.map
+var getSessionId = exports.getSessionId = function getSessionId() {
+  var sessionId = localStorage.getItem(SESSION_KEY);
+  if (sessionId === null) {
+    var newSessionId = (0, _uuid.v4)();
+    localStorage.setItem(SESSION_KEY, newSessionId);
+    return newSessionId;
+  }
+  return sessionId;
+};

package/dist/utils/trimWhitespace.js

@@ -1,11 +1,15 @@
-var trimWhitespace = function (e) {
-    // Check if the event has a target (it's an input event)
-    if (e === null || e === void 0 ? void 0 : 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 };
-//# sourceMappingURL=trimWhitespace.js.map
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.trimWhitespace = void 0;
+var trimWhitespace = exports.trimWhitespace = function trimWhitespace(e) {
+  // Check if the event has a target (it's an input event)
+  if (e !== null && e !== void 0 && 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;
+};

package/package.json

@@ -1,56 +1,52 @@
 {
-    "name": "bibot",
-    "version": "1.0.5",
-    "description": "BiBot chat bubble integration point",
-    "main": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "files": [
-        "dist"
-    ],
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "default": "./dist/index.js"
-        }
-    },
-    "scripts": {
-        "build": "tsc"
-    },
-    "keywords": [
-        "bibot"
-    ],
-    "author": "CloudSec LLC",
-    "license": "ISC",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/chrisdjin/bibot_plugin.git"
-    },
-    "bugs": {
-        "url": "https://github.com/chrisdjin/bibot_plugin/issues"
-    },
-    "homepage": "https://github.com/chrisdjin/bibot_plugin#readme",
-    "dependencies": {
-        "@emotion/react": "^11.11.4",
-        "@emotion/styled": "^11.11.5",
-        "@mantine/core": "^7.6.1",
-        "@mantine/hooks": "^7.6.1",
-        "@mantine/notifications": "^7.6.1",
-        "@mui/icons-material": "^5.14.13",
-        "@mui/material": "^5.15.9",
-        "antd": "^5.9.4",
-        "axios": "^1.6.7"
-    },
-    "peerDependencies": {
-        "react": "^18.3.1"
-    },
-    "devDependencies": {
-        "@types/react": "^18.3.1",
-        "@types/react-dom": "^18.2.25",
-        "@types/uuid": "^9.0.8",
-        "eslint": "^9.2.0",
-        "eslint-plugin-react-hooks": "^4.6.2",
-        "react-dom": "^18.3.1",
-        "typescript": "^5.4.5",
-        "uuid": "^9.0.1"
-    }
+  "name": "bibot",
+  "version": "1.0.6",
+  "description": "BiBot chat bubble integration point",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "tsc && npx babel src --out-dir dist --extensions '.tsx,.ts' --copy-files"
+  },
+  "keywords": [
+    "bibot"
+  ],
+  "author": "CloudSec LLC",
+  "license": "ISC",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/chrisdjin/bibot_plugin.git"
+  },
+  "bugs": {
+    "url": "https://github.com/chrisdjin/bibot_plugin/issues"
+  },
+  "homepage": "https://github.com/chrisdjin/bibot_plugin#readme",
+  "dependencies":{
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
+    "antd": "^5.9.4",
+    "axios": "^1.6.7",
+    "@mantine/core": "^7.6.1",
+    "@mantine/hooks": "^7.6.1",
+    "@mantine/notifications": "^7.6.1",
+    "@mui/icons-material": "^5.14.13",
+    "@mui/material": "^5.15.9"
+  },
+  "peerDependencies":{
+    "react": "^18.2.0"
+  },
+  "devDependencies": {
+    "uuid": "^9.0.1",
+    "react-dom": "^18.2.0",
+    "@babel/cli": "^7.24.5",
+    "@babel/core": "^7.24.5",
+    "@babel/preset-env": "^7.24.5",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.25",
+    "@types/uuid": "^9.0.8",
+    "babel-cli": "^6.26.0",
+    "babel-loader": "^9.1.3",
+    "typescript": "^5.4.5"
+  }
 }