bibot 1.0.7 → 1.0.11

package/dist/styles/themeStyle.css

@@ -1,42 +0,0 @@
-@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

@@ -1,86 +0,0 @@
-.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.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/types/coreInterfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"coreInterfaces.js","sourceRoot":"","sources":["../../src/types/coreInterfaces.ts"],"names":[],"mappings":""}

package/dist/types/index.js

@@ -1,16 +0,0 @@
-"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/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,iCAAiC;AAEjC,cAAc,kBAAkB,CAAA"}

package/dist/utils/index.js

@@ -1,27 +0,0 @@
-"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/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,kBAAkB,CAAA"}

package/dist/utils/sessionManager.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getSessionId = void 0;
-var _uuid = require("uuid");
-var SESSION_KEY = 'bibotUserSessionId';
-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/sessionManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sessionManager.js","sourceRoot":"","sources":["../../src/utils/sessionManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,MAAM,CAAA;AAEnC,IAAM,WAAW,GAAW,oBAAoB,CAAA;AAEhD,IAAM,YAAY,GAAG;IACnB,IAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA;IACnD,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;QACvB,IAAM,YAAY,GAAG,MAAM,EAAE,CAAA;QAC7B,YAAY,CAAC,OAAO,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;QAC/C,OAAO,YAAY,CAAA;IACrB,CAAC;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/utils/trimWhitespace.js

@@ -1,15 +0,0 @@
-"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/dist/utils/trimWhitespace.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"trimWhitespace.js","sourceRoot":"","sources":["../../src/utils/trimWhitespace.ts"],"names":[],"mappings":"AAAA,IAAM,cAAc,GAAG,UAAC,CAAM;IAC5B,wDAAwD;IACxD,IAAI,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,MAAM,EAAE,CAAC;QACd,2EAA2E;QAC3E,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;IACpF,CAAC;IACD,qDAAqD;IACrD,OAAO,CAAC,CAAA;AACV,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/src/component/bibot.tsx

@@ -1,103 +0,0 @@
-import { Avatar, Indicator } from '@mantine/core'
-import { Close, SendRounded } from '@mui/icons-material'
-import ChatIcon from '@mui/icons-material/Chat'
-import { Button } from 'antd'
-import { useBiBotChatBot } from '../hooks'
-import { AppProvider } from '../context/AppContext'
-interface bubbleProps {
-  clientId: string
-}
-
-interface PredefinedQuestionsProps {
-  onSelect: (question: string) => void
-  questions: string[]
-}
-
-const PredefinedQuestions = ({ questions, onSelect }: PredefinedQuestionsProps) => {
-  return (
-    <div className="predefined-questions">
-      {questions.map((question, index) => (
-        <div key={index} className="predefined-question" onClick={() => onSelect(question)}>
-          {question}
-        </div>
-      ))}
-    </div>
-  );
-};
-
-const BiBot = ({ clientId }: bubbleProps) => {
-  const {
-    chatIsOpen,
-    messages,
-    isLoading,
-    messageEndRef,
-    userInput,
-    handleUserInput,
-    handleKeyPress,
-    sendInputInquiry,
-    toggleChat,
-    chatBubbleConfig,
-    showPredefinedQuestions,
-    predefinedQuestions,
-    handlePredefinedQuestionSelect,
-  } = useBiBotChatBot({clientId})
-
-  return (
-    <AppProvider>
-    <div className={`chat-bubble ${chatIsOpen ? 'open' : ''}`}>
-      {chatIsOpen && (
-        <div className="chat-window" style={{ backgroundColor: chatBubbleConfig?.bgColor }}>
-          <div className="chat-header" style={{ backgroundColor: chatBubbleConfig?.color ?? '#dedede' }}>
-            <div style={{ alignItems: 'center', display: 'flex', color: '#fff', fontWeight: 'bold' }}>
-            <Indicator inline size={12} offset={7} position="bottom-end" color={ 'green' }>
-            <Avatar color="white" src={chatBubbleConfig?.logo_url} alt="profile" />
-              </Indicator>
-               </div>
-               <div style={{ display: 'flex', flexDirection: 'column', textAlign: 'left', paddingLeft: '10px', justifyContent: 'flex-start', color: '#fff' }}>
-                  <span style={{ fontWeight: 'bold' }}>{chatBubbleConfig?.title}</span>
-                {}
-              {isLoading ? <span style={{ fontSize: '12px', lineHeight: '0.5' }}>Typing...</span> : <span style={{ fontSize: '12px', lineHeight: '0.5' }}>{'Online'}</span>}
-                </div>
-            </div>
-          <div className="message-list">
-            {messages.map((message: { sender: 'user' | 'bot', text: string }, index: number) => (
-              message.sender === 'user'
-                ? <div key={index} className={`message ${message.sender}`}>
-                {message.text}
-              </div>
-                : <div key={index} style={{ display: 'flex' }}>
-              <Avatar color="white" src={chatBubbleConfig?.logo_url} size={25} alt="profile" />
-              <div className={`message ${message.sender}`}>
-              {message.text}
-              </div>
-              </div>
-            ))}
-                       {showPredefinedQuestions && predefinedQuestions && predefinedQuestions.length > 0 && (
-              <PredefinedQuestions questions={predefinedQuestions} onSelect={handlePredefinedQuestionSelect} />
-            )}
-            {isLoading &&  <div style={{marginLeft: '20px'}} className='message'> <div className="loader"></div>  </div> }
-            <div ref={messageEndRef} />
-          </div>
-          <div className="input-area">
-            <input
-              autoFocus={true}
-              type="text"
-              value={userInput}
-              onChange={handleUserInput}
-              onKeyPress={handleKeyPress}
-              placeholder="Ask a question"
-            />
-            <Button disabled={isLoading ?? true} style={{ backgroundColor: 'transparent', color: isLoading ? '#dedede' : chatBubbleConfig?.color }} size='middle' icon={<SendRounded />} onClick={sendInputInquiry}/>
-          </div>
-        </div>
-      )}
-      <Button type='link' onClick={toggleChat} className="chat-toggle" style={{ backgroundColor: chatBubbleConfig?.color ?? '#dedede' }}>
-        {chatIsOpen ? <Close style={{ width: 30, height: 30, color: '#fff' }} /> : <ChatIcon style={{ width: 30, height: 30, color: '#fff' }}/>}
-      </Button>
-    </div>
-    </AppProvider>
-
-  )
-}
-
-export default BiBot

package/src/config/appStateEnums.ts

@@ -1,3 +0,0 @@
-export enum appStateEnums {
-  BIBOT = 'BIBOT'
-}

package/src/config/endpointEnums.ts

@@ -1,28 +0,0 @@
-
-export const APP_DATA = {
-  APP_NAME: 'Bibot'
-}
-
-const baseUrls = {
-  inference: 'https://inference.dev.bibot.thespuka.com/v0',
-}
-
-export const endpoints = {
-  get inference () {
-    return baseUrls.inference
-  },
-} as const
-
-export enum domain {
-  app = '/app',
-  bibot = '/bibot',
-  inference = '/inference',
-}
-
-export enum resources {
-  chatBubble = '/chat-bubble-config',
-  predefinedQ = '/predefined-q',
-  localQ = '/local-q',
-  timedOutLocalQ = '/t-local-q',
-  q = '/q'
-}

package/src/config/index.ts

@@ -1,5 +0,0 @@
-// created from 'create-ts-index'
-export * from './appStateEnums'
-export * from './endpointEnums'
-export * from './statusCode'
-

package/src/config/statusCode.ts

@@ -1,49 +0,0 @@
-export enum statusCode {
-  ok = 200
-  , created = 201
-  , accepted = 202
-
-  // 3xx codes
-  , unmodified = 304
-
-  // 4xx Client Error
-  , sucMsg = 'success'
-  , badReq = 400
-  , unauthorized = 401
-  , paymentReq = 402
-  , forbidden = 403
-  , notFound = 404
-  , methodNotAllowed = 405
-  , notAcceptable = 406
-  , pxyAuthReq = 407
-  , reqTimeOut = 408
-  , conflict = 409
-  , gone = 410
-  , lengthReq = 411
-  , preConFailed = 412
-  , payloadTooLarge = 413
-  , urlTooLong = 414
-  , unsupportedMediaType = 415
-  , rangeNotSatisfiable = 416
-  , expectationFailed = 417
-
-  , misdirectedReq = 421
-  , unprocessableEntity = 422
-  , locked = 423
-  , failedDependency = 424
-  , tooLarge = 425
-  , upgradeRequired = 426
-  , preconReq = 428
-  , tooManyReq = 429
-  , reqHeaderTooLarge = 431
-  , unavailableForLegalReasons = 451
-
-  // 5xx Server Error
-  , internalServerError = 500
-  , notImplemented = 501
-  , badGateway = 502
-  , svcUnavalable = 503
-  , gtwayTimeout = 504
-  , httpVNotSupported = 505
-  , networkAuthReq = 511
-}

package/src/context/AppContext.tsx

@@ -1,66 +0,0 @@
-import { appStateEnums } from '../config/appStateEnums'
-import React, { type ReactNode, createContext, useReducer, useEffect } from 'react'
-import { appReducer } from '../reducers/appReducer'
-import type { AppContextProps, AppStates } from '../types/coreInterfaces'
-import { getSessionId } from '../utils/sessionManager'
-
-interface AppProps {
-  children: ReactNode
-}
-
-const dummyDispatch = () => {} // A no-op function.
-
-const defaultContextValue: AppContextProps = {
-  state: {
-    chatIsOpen: false,
-    sessionId: getSessionId()
-  },
-  dispatch: dummyDispatch
-}
-
-const AppContext = createContext<AppContextProps>(defaultContextValue)
-
-const AppProvider: React.FC<AppProps> = ({ children }) => {
-  const APP_STATE_KEY = 'app_states'
-  const initialState: AppStates = {
-    chatIsOpen: false,
-    sessionId: getSessionId()
-  }
-
-  const [state, dispatch] = useReducer(appReducer, initialState)
-
-  useEffect(() => {
-    // Pool the initial states from local storage
-    const storedStates = localStorage.getItem(APP_STATE_KEY)
-
-    if (storedStates) {
-      try {
-        const parsedStates = JSON.parse(storedStates)
-
-        // Merge stored states with initial states
-        const updatedStates = {
-          ...initialState,
-          ...parsedStates
-        }
-        console.log(initialState, parsedStates, updatedStates)
-        // Dispatch action to update the states
-        dispatch({ type: appStateEnums.BIBOT, ...updatedStates })
-      } catch (error) {
-        console.error('Failed to parse app states from local storage:', error)
-      }
-    }
-  }, [])
-
-  useEffect(() => {
-    console.log('Changes in state: ', state)
-    localStorage.setItem(APP_STATE_KEY, JSON.stringify(state))
-  }, [state])
-
-  return (
-    <AppContext.Provider value={{ state, dispatch }}>
-      {children}
-    </AppContext.Provider>
-  )
-}
-
-export { AppContext, AppProvider }

package/src/context/index.ts

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

package/src/hooks/index.ts

@@ -1,5 +0,0 @@
-// created from 'create-ts-index'
-
-export * from './usePluginFactory'
-export * from './useBiBotChatBot'
-export * from './mobileView'

package/src/hooks/mobileView.tsx

@@ -1,17 +0,0 @@
-import React, { useState, useEffect } from 'react'
-export default function MobileView () {
-  const [isMobile, setIsMobile] = useState<boolean>(false)
-  useEffect(() => {
-    const isMobileDevice = () => {
-      const screenWidth = window.innerWidth
-      const mobileThreshold = 768
-      setIsMobile(screenWidth < mobileThreshold)
-    }
-    isMobileDevice()
-    window.addEventListener('resize', isMobileDevice)
-    return () => { // clean up event listner on when component unmount
-      window.removeEventListener('resize', isMobileDevice)
-    }
-  }, [])
-  return isMobile
-}

package/src/hooks/useBiBotChatBot.tsx

@@ -1,107 +0,0 @@
-import { message } from 'antd'
-import { appStateEnums } from '../config/appStateEnums'
-import React, { useEffect, useRef, useState, useContext, useCallback } from 'react'
-import { AppContext } from '../context/AppContext'
-
-import { v4 as uuidv4 } from 'uuid'
-import { askBiBot, getRemoteClientChatBubbleConfig, getRemoteClientChatPredefinedQuestions } from '../services/plugin-api'
-interface UseBiBotChatBotProps {
-    clientId: string
-  }
-
-interface ChatBubbleConfigProps {
-    bgColor?: string,
-    color?: string,
-    title?: string,
-    logo_url?: string
-}
-const useBiBotChatBot = ({ clientId }: UseBiBotChatBotProps) => {
-  const [predefinedQuestions, setPredefinedQuestions] = useState<string[]>([]) // State to store predefined questions
-  const [showPredefinedQuestions, setShowPredefinedQuestions] = useState(true); // State to toggle predefined questions
-  const { state, dispatch } = useContext(AppContext)
-  const { chatIsOpen } = state
-  const [messages, setMessages] = useState<Array<{ sender: 'user' | 'bot', text: string }>>([])
-  const [userInput, setUserInput] = useState('')
-  const [isLoading, setIsLoading] = useState(false)
-  const messageEndRef = useRef<HTMLDivElement>(null)
-  const [chatBubbleConfig, setChatBubbleConfig] = useState<ChatBubbleConfigProps>()
-
-      // Function to handle selecting a predefined question
-      const handlePredefinedQuestionSelect = (question: any) => {
-        setUserInput(question);
-        sendInputInquiry();
-        setShowPredefinedQuestions(false); // Hide predefined questions after selection
-      }
-      
-  const getChatBubbleConfig = useCallback(async()=>{
-    const remotePredefinedQuestions = await getRemoteClientChatPredefinedQuestions({client_id: clientId})
-    if (remotePredefinedQuestions){
-        setPredefinedQuestions(remotePredefinedQuestions)
-    }
-    const remoteChatBubbleConfig = await getRemoteClientChatBubbleConfig({client_id: clientId})
-    if (remoteChatBubbleConfig){
-        setChatBubbleConfig(remoteChatBubbleConfig)
-    }
-  },[clientId])
-
-  useEffect(()=>{
-    void getChatBubbleConfig()
-  }, [getChatBubbleConfig])
-  
-  useEffect(() => {
-    if (messageEndRef?.current) { messageEndRef.current.scrollIntoView({ behavior: 'smooth' }) }
-  }, [messages])
-
-  const toggleChat = () => {
-    dispatch({ type: appStateEnums.BIBOT, chatIsOpen: !chatIsOpen })
-  }
-
-  const handleUserInput = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setUserInput(e.target.value)
-  }
-
-  async function sendInputInquiry () {
-    setIsLoading(true)
-    setUserInput('')
-    try {
-      if (userInput.trim()) {
-        // dispatch({ type: appStateEnums.BIBOT, chatIsOpen: true })
-        setMessages(messages => [...messages, { sender: 'user', text: userInput }])
-        const response = await askBiBot({
-          client_id: clientId,
-          q: userInput.trim(),
-          session_id: state.sessionId,
-          chat_id: uuidv4()
-        })
-        setMessages(messages => [...messages, { sender: 'bot', text: response }])
-      }
-    } catch (error: any) {
-      void message.error(error?.message ?? 'Failed to get response from server')
-    } finally {
-      setIsLoading(false)
-    }
-  }
-
-  const handleKeyPress = async (e: React.KeyboardEvent<HTMLInputElement>) => {
-    if (e.key === 'Enter' && !isLoading) {
-      await sendInputInquiry()
-    }
-  }
-  return {
-    chatIsOpen,
-    messages,
-    isLoading,
-    messageEndRef,
-    userInput,
-    handleUserInput,
-    handleKeyPress,
-    toggleChat,
-    sendInputInquiry,
-    chatBubbleConfig,
-    showPredefinedQuestions,
-    predefinedQuestions,
-    handlePredefinedQuestionSelect,
-  }
-}
-
-export { useBiBotChatBot }

package/src/hooks/usePluginFactory.tsx

@@ -1,38 +0,0 @@
-import axios from 'axios';
-import { endpoints } from '../config/endpointEnums';
-import React from 'react';
-const inferenceBaseURL = endpoints.inference;
-
-export const createPluginAxiosInstance = (params = {}, headers = {}) => {
-  const instance = axios.create({
-    baseURL: inferenceBaseURL,
-    timeout: 60000, // 1 minute
-    headers: {
-      'Content-Type': 'application/json',
-      ...headers
-    },
-    ...params
-  });
-
-
-  instance.interceptors.response.use(
-    (response) => {
-      return response
-    },
-    async (error) => {
-      let errMsg = 'An unknown error occurred'
-      if (error.response) {
-        errMsg = error.response.data.message
-      } else if (error.request) {
-        errMsg = 'No response received from the server.'
-      } else {
-        errMsg = `Error setting up the request: ${error.message}`
-      }
-      return await Promise.reject(new Error(errMsg))
-    }
-  )
-
-  return instance
-}
-
-