bibot 1.0.3 → 1.0.5

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
-}
-
-  

package/src/index.css

@@ -1,36 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-
-*{
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
-
-.upload-component {
-  .drop-area {
-    border: 2px dashed #ccc;
-    border-radius: 5px;
-    padding: 20px;
-    text-align: center;
-    cursor: pointer;
-    &:hover, &:focus {
-      border-color: #007bff;
-    }
-  }
-
-  .uploading { background-color: #fff3cd; }
-  .completed { background-color: #d4edda; }
-  .error { background-color: #f8d7da; }
-}

package/src/index.tsx

@@ -1,3 +0,0 @@
-import React from 'react';
-import BiBot from './bibot';
-export default BiBot;

package/src/reducers/appReducer.ts

@@ -1,16 +0,0 @@
-import { appStateEnums } from '../config/appStateEnums'
-import type { AppStates, AppAction } from 'types'
-import React from 'react';
-
-export const appReducer = (state: AppStates, action: AppAction): AppStates => {
-  console.log('This is the appReducer state', state, action)
-  switch (action.type) {
-    case appStateEnums.BIBOT:
-      return {
-        ...state,
-        chatIsOpen: action.chatIsOpen
-      }
-    default:
-      return state
-  }
-}

package/src/reducers/index.ts

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

package/src/services/index.ts

@@ -1,2 +0,0 @@
-// export * from './bibot'
-export * from './plugin-api'

package/src/services/plugin-api.tsx

@@ -1,120 +0,0 @@
-import { domain, resources } from '../config/endpointEnums'
-import React from 'react';
-// import { createPluginAxiosInstance } from '../hooks/usePluginFactory'
-
-// const pluginAxiosInstance=createPluginAxiosInstance()
-
-interface Q_DATA_TYPE {
-  client_id: string
-    q: string
-    endSession?: boolean
-    session_id: string
-    chat_id: string
-    tries?: number
-}
-
-interface RemoteChatBubbleConfigProps {
-    bgColor: string,
-    chatColor: string,
-    title: string,
-    userImage: string
-}
-
-async function askTimedOutBiBot(data: Q_DATA_TYPE): Promise<string> {
-    try {
-        return 'Hello'
-        // const path=`${domain.bibot}${resources.timedOutLocalQ}`
-        // const response=await pluginAxiosInstance.post<any>(path, data)
-        // console.log(response)
-        // return response.data.message
-    } catch (error: any) {
-        console.log(error.message)
-        return error.message
-    }
-}
-
-async function askBiBot(data: Q_DATA_TYPE): Promise<string> {
-    try {
-        // const path=`${domain.inference}${resources.q}`
-        // const response=await pluginAxiosInstance.post<any>(path, data)
-        // console.log(response)
-        // return response.data.message
-        return 'Hello'
-    } catch (error1: any) {
-        console.log(error1.message)
-        if (error1.code==='ECONNABORTED'||error1.message.includes('Endpoint request timed out')) {
-            try {
-                return await askTimedOutBiBot({
-                    ...data,
-                    tries: 2
-                })
-            } catch (error2: any) {
-                if (error2.code==='ECONNABORTED'||error2.message.includes('Endpoint request timed out')) {
-                    try {
-                        return await askTimedOutBiBot({
-                            ...data,
-                            tries: 3
-                        })
-                    } catch (error3: any) {
-                        return error3.message
-                    }
-                } else {
-                    return error2.message
-                }
-            }
-        } else {
-            return error1.message
-        }
-    }
-}
-// TODO: Emmanuel fix the default returned values, especially the userImage to a default robot image
-async function getRemoteClientChatBubbleConfig(params: { client_id: string }): Promise<RemoteChatBubbleConfigProps> {
-    try {
-        return {
-            bgColor: 'white',
-            chatColor: 'blue',
-            title: 'ChatBot',
-            userImage: 'string'
-        }
-        // const path=`${domain.inference}${resources.chatBubble}`
-        // const response=await pluginAxiosInstance.get<any>(path, { params })
-        // return response.data
-    } catch (error: any) {
-        return {
-            bgColor: 'white',
-            chatColor: 'blue',
-            title: 'ChatBot',
-            userImage: 'string'
-        }
-    }
-}
-
-async function getRemoteClientChatPredefinedQuestions(params: { client_id: string }): Promise<string[]> {
-    try {
-        return ['Hello']
-        // const path=`${domain.inference}${resources.predefinedQ}`
-        // const response=await pluginAxiosInstance.get<any>(path, { params })
-        // return response.data.predefined_messages
-    } catch (error: any) {
-        return ['These are placeholders', 'They will be removed in production', 'This will be empty if there are no predefined questions', 'So hide if there are no predefined questions']
-    }
-}
-
-async function GetPredefinedQuestion (){
-    const clientId = '6c74b4bb-0395-4751-a55f-7d065d67c56b'
-    try {
-        return [{question: "q", answer: "a"}]
-    //   const path = `${domain.inference}${resources.predefinedQ}?client_id=${clientId}`
-    //   const response = await pluginAxiosInstance.get(path)
-    //   return response.data
-    } catch (error) {
-      console.error('Error fetching subscription:', error)
-    }
-  }
-
-export {
-    askBiBot,
-    getRemoteClientChatBubbleConfig,
-    getRemoteClientChatPredefinedQuestions,
-    GetPredefinedQuestion
-}

package/src/styles/RegisterPageStyle.css

@@ -1,63 +0,0 @@
-
-.amplify-button--primary {
-    background-color: #0fa781;
-}
-
-.preAuditLogo-on-registerPage{
-    max-height: 50px;
-    margin-bottom: 20px;
-   }
-.amplify-tabs-item[data-state=active] {
- color: #fff;
- border-color: #0fa781;
-}
-.amplify-tabs-item[data-state=active]:hover {
-    color: #fff;
-   }
-
-.amplify-tabs-item:hover {
-    color: #00152a;
-   }
-
-[data-amplify-authenticator] [data-amplify-router] {
- background-color: #ffffff;
- border-color: #b9eee1;
-}
-.amplify-tabs-item[data-spacing=equal]{
-
-}
-.amplify-button--link {
-    color: #00152a;
-}
-.amplify-button--link:hover {
-    color: #00152a;
-    background-color: #fff;
-}
-
-.amplify-input, .amplify-input:focus {
-border-color: #bed7f0;
-border: 1px solid;
-}
-.fieldContainer{
-    display: flex;
-    justify-content: space-between;
-    flex-direction: row;
-}
-select, .amplify-field-group__outer-end .amplify-field-group__control, .amplify-field-group__outer-start .amplify-select__wrapper:not(:first-child) .amplify-select:not(:first-child), .amplify-field-group__outer-start--quiet .amplify-field-group__control, .amplify-field-group__outer-start .amplify-field-group__control:not(:first-child), .amplify-field-group :not(:first-child) .amplify-input {
-border-color: #c9ebe2;
-}
-.amplify-input{
-    border-color: #c9ebe2;
-}
-
-.amplify-checkbox__icon {
-  background-color: #c9ebe2;
-  border-color: #c9ebe2;
-}
-.input-select-field{
-    border-color: #0fa781;
-}
-.amplify-select{
-    border-color: #c9ebe2 !important;
-
-}

package/src/styles/adminPortal.css

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

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

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

@@ -1,140 +0,0 @@
-.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);
-}
-}