bibot 1.0.7 → 1.0.11
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +21 -36
- package/dist/component/bibot.d.ts +6 -5
- package/dist/config/appStateEnums.d.ts +3 -3
- package/dist/config/endpointEnums.d.ts +18 -18
- package/dist/config/index.d.ts +3 -3
- package/dist/config/statusCode.d.ts +42 -42
- package/dist/context/AppContext.d.ts +9 -8
- package/dist/context/index.d.ts +1 -1
- package/dist/hooks/index.d.ts +3 -3
- package/dist/hooks/mobileView.d.ts +1 -1
- package/dist/hooks/useBiBotChatBot.d.ts +29 -29
- package/dist/hooks/usePluginFactory.d.ts +1 -1
- package/dist/index.css +139 -35
- package/dist/index.d.ts +6 -2
- package/dist/index.js +649 -9
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +646 -0
- package/dist/index.modern.js.map +1 -0
- package/dist/index.test.d.ts +1 -0
- package/dist/reducers/appReducer.d.ts +2 -2
- package/dist/reducers/index.d.ts +1 -1
- package/dist/services/index.d.ts +1 -1
- package/dist/services/plugin-api.d.ts +23 -26
- package/dist/types/coreInterfaces.d.ts +51 -51
- package/dist/types/index.d.ts +1 -1
- package/dist/utils/index.d.ts +2 -2
- package/dist/utils/sessionManager.d.ts +2 -2
- package/dist/utils/trimWhitespace.d.ts +2 -2
- package/package.json +62 -37
- package/.babelrc +0 -7
- package/.vscode/settings.json +0 -5
- package/dist/bibot.d.ts +0 -5
- package/dist/bibot.js +0 -175
- package/dist/bibot.js.map +0 -1
- package/dist/component/bibot.js +0 -170
- package/dist/component/bibot.js.map +0 -1
- package/dist/config/appStateEnums.js +0 -10
- package/dist/config/appStateEnums.js.map +0 -1
- package/dist/config/endpointEnums.js +0 -31
- package/dist/config/endpointEnums.js.map +0 -1
- package/dist/config/index.js +0 -38
- package/dist/config/index.js.map +0 -1
- package/dist/config/statusCode.js +0 -49
- package/dist/config/statusCode.js.map +0 -1
- package/dist/context/AppContext.js +0 -75
- package/dist/context/AppContext.js.map +0 -1
- package/dist/context/index.js +0 -16
- package/dist/context/index.js.map +0 -1
- package/dist/hooks/index.js +0 -38
- package/dist/hooks/index.js.map +0 -1
- package/dist/hooks/mobileView.js +0 -33
- package/dist/hooks/mobileView.js.map +0 -1
- package/dist/hooks/useBiBotChatBot.js +0 -206
- package/dist/hooks/useBiBotChatBot.js.map +0 -1
- package/dist/hooks/usePluginFactory.js +0 -62
- package/dist/hooks/usePluginFactory.js.map +0 -1
- package/dist/reducers/appReducer.js +0 -24
- package/dist/reducers/appReducer.js.map +0 -1
- package/dist/reducers/index.js +0 -16
- package/dist/reducers/index.js.map +0 -1
- package/dist/services/index.js +0 -16
- package/dist/services/index.js.map +0 -1
- package/dist/services/plugin-api.js +0 -185
- package/dist/services/plugin-api.js.map +0 -1
- package/dist/styles/RegisterPageStyle.css +0 -63
- package/dist/styles/adminPortal.css +0 -26
- package/dist/styles/appConfig.css +0 -90
- package/dist/styles/buttonStyle.css +0 -27
- package/dist/styles/chatStyle.css +0 -140
- package/dist/styles/index.css +0 -82
- package/dist/styles/predefinedStyle.css +0 -35
- package/dist/styles/themeStyle.css +0 -42
- package/dist/styles/training.css +0 -86
- package/dist/types/coreInterfaces.js +0 -5
- package/dist/types/coreInterfaces.js.map +0 -1
- package/dist/types/index.js +0 -16
- package/dist/types/index.js.map +0 -1
- package/dist/utils/index.js +0 -27
- package/dist/utils/index.js.map +0 -1
- package/dist/utils/sessionManager.js +0 -17
- package/dist/utils/sessionManager.js.map +0 -1
- package/dist/utils/trimWhitespace.js +0 -15
- package/dist/utils/trimWhitespace.js.map +0 -1
- package/src/component/bibot.tsx +0 -103
- package/src/config/appStateEnums.ts +0 -3
- package/src/config/endpointEnums.ts +0 -28
- package/src/config/index.ts +0 -5
- package/src/config/statusCode.ts +0 -49
- package/src/context/AppContext.tsx +0 -66
- package/src/context/index.ts +0 -3
- package/src/hooks/index.ts +0 -5
- package/src/hooks/mobileView.tsx +0 -17
- package/src/hooks/useBiBotChatBot.tsx +0 -107
- package/src/hooks/usePluginFactory.tsx +0 -38
- package/src/index.css +0 -36
- package/src/index.tsx +0 -3
- package/src/reducers/appReducer.ts +0 -16
- package/src/reducers/index.ts +0 -4
- package/src/services/index.ts +0 -2
- package/src/services/plugin-api.tsx +0 -120
- package/src/styles/RegisterPageStyle.css +0 -63
- package/src/styles/adminPortal.css +0 -26
- package/src/styles/appConfig.css +0 -90
- package/src/styles/buttonStyle.css +0 -27
- package/src/styles/chatStyle.css +0 -140
- package/src/styles/index.css +0 -82
- package/src/styles/predefinedStyle.css +0 -35
- package/src/styles/themeStyle.css +0 -42
- package/src/styles/training.css +0 -86
- package/src/types/coreInterfaces.ts +0 -69
- package/src/types/index.ts +0 -4
- package/src/utils/index.ts +0 -2
- package/src/utils/sessionManager.tsx +0 -15
- package/src/utils/trimWhitespace.ts +0 -11
- package/tsconfig.json +0 -25
- package/webpack.config.js +0 -19
package/src/index.css
DELETED
@@ -1,36 +0,0 @@
|
|
1
|
-
body {
|
2
|
-
margin: 0;
|
3
|
-
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
4
|
-
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
|
5
|
-
sans-serif;
|
6
|
-
-webkit-font-smoothing: antialiased;
|
7
|
-
-moz-osx-font-smoothing: grayscale;
|
8
|
-
}
|
9
|
-
|
10
|
-
|
11
|
-
*{
|
12
|
-
margin: 0;
|
13
|
-
padding: 0;
|
14
|
-
box-sizing: border-box;
|
15
|
-
}
|
16
|
-
code {
|
17
|
-
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
|
18
|
-
monospace;
|
19
|
-
}
|
20
|
-
|
21
|
-
.upload-component {
|
22
|
-
.drop-area {
|
23
|
-
border: 2px dashed #ccc;
|
24
|
-
border-radius: 5px;
|
25
|
-
padding: 20px;
|
26
|
-
text-align: center;
|
27
|
-
cursor: pointer;
|
28
|
-
&:hover, &:focus {
|
29
|
-
border-color: #007bff;
|
30
|
-
}
|
31
|
-
}
|
32
|
-
|
33
|
-
.uploading { background-color: #fff3cd; }
|
34
|
-
.completed { background-color: #d4edda; }
|
35
|
-
.error { background-color: #f8d7da; }
|
36
|
-
}
|
package/src/index.tsx
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
import { appStateEnums } from '../config/appStateEnums'
|
2
|
-
import type { AppStates, AppAction } from 'types'
|
3
|
-
import React from 'react';
|
4
|
-
|
5
|
-
export const appReducer = (state: AppStates, action: AppAction): AppStates => {
|
6
|
-
console.log('This is the appReducer state', state, action)
|
7
|
-
switch (action.type) {
|
8
|
-
case appStateEnums.BIBOT:
|
9
|
-
return {
|
10
|
-
...state,
|
11
|
-
chatIsOpen: action.chatIsOpen
|
12
|
-
}
|
13
|
-
default:
|
14
|
-
return state
|
15
|
-
}
|
16
|
-
}
|
package/src/reducers/index.ts
DELETED
package/src/services/index.ts
DELETED
@@ -1,120 +0,0 @@
|
|
1
|
-
import { domain, resources } from '../config/endpointEnums'
|
2
|
-
import React from 'react';
|
3
|
-
// import { createPluginAxiosInstance } from '../hooks/usePluginFactory'
|
4
|
-
|
5
|
-
// const pluginAxiosInstance=createPluginAxiosInstance()
|
6
|
-
|
7
|
-
interface Q_DATA_TYPE {
|
8
|
-
client_id: string
|
9
|
-
q: string
|
10
|
-
endSession?: boolean
|
11
|
-
session_id: string
|
12
|
-
chat_id: string
|
13
|
-
tries?: number
|
14
|
-
}
|
15
|
-
|
16
|
-
interface RemoteChatBubbleConfigProps {
|
17
|
-
bgColor: string,
|
18
|
-
chatColor: string,
|
19
|
-
title: string,
|
20
|
-
userImage: string
|
21
|
-
}
|
22
|
-
|
23
|
-
async function askTimedOutBiBot(data: Q_DATA_TYPE): Promise<string> {
|
24
|
-
try {
|
25
|
-
return 'Hello'
|
26
|
-
// const path=`${domain.bibot}${resources.timedOutLocalQ}`
|
27
|
-
// const response=await pluginAxiosInstance.post<any>(path, data)
|
28
|
-
// console.log(response)
|
29
|
-
// return response.data.message
|
30
|
-
} catch (error: any) {
|
31
|
-
console.log(error.message)
|
32
|
-
return error.message
|
33
|
-
}
|
34
|
-
}
|
35
|
-
|
36
|
-
async function askBiBot(data: Q_DATA_TYPE): Promise<string> {
|
37
|
-
try {
|
38
|
-
// const path=`${domain.inference}${resources.q}`
|
39
|
-
// const response=await pluginAxiosInstance.post<any>(path, data)
|
40
|
-
// console.log(response)
|
41
|
-
// return response.data.message
|
42
|
-
return 'Hello'
|
43
|
-
} catch (error1: any) {
|
44
|
-
console.log(error1.message)
|
45
|
-
if (error1.code==='ECONNABORTED'||error1.message.includes('Endpoint request timed out')) {
|
46
|
-
try {
|
47
|
-
return await askTimedOutBiBot({
|
48
|
-
...data,
|
49
|
-
tries: 2
|
50
|
-
})
|
51
|
-
} catch (error2: any) {
|
52
|
-
if (error2.code==='ECONNABORTED'||error2.message.includes('Endpoint request timed out')) {
|
53
|
-
try {
|
54
|
-
return await askTimedOutBiBot({
|
55
|
-
...data,
|
56
|
-
tries: 3
|
57
|
-
})
|
58
|
-
} catch (error3: any) {
|
59
|
-
return error3.message
|
60
|
-
}
|
61
|
-
} else {
|
62
|
-
return error2.message
|
63
|
-
}
|
64
|
-
}
|
65
|
-
} else {
|
66
|
-
return error1.message
|
67
|
-
}
|
68
|
-
}
|
69
|
-
}
|
70
|
-
// TODO: Emmanuel fix the default returned values, especially the userImage to a default robot image
|
71
|
-
async function getRemoteClientChatBubbleConfig(params: { client_id: string }): Promise<RemoteChatBubbleConfigProps> {
|
72
|
-
try {
|
73
|
-
return {
|
74
|
-
bgColor: 'white',
|
75
|
-
chatColor: 'blue',
|
76
|
-
title: 'ChatBot',
|
77
|
-
userImage: 'string'
|
78
|
-
}
|
79
|
-
// const path=`${domain.inference}${resources.chatBubble}`
|
80
|
-
// const response=await pluginAxiosInstance.get<any>(path, { params })
|
81
|
-
// return response.data
|
82
|
-
} catch (error: any) {
|
83
|
-
return {
|
84
|
-
bgColor: 'white',
|
85
|
-
chatColor: 'blue',
|
86
|
-
title: 'ChatBot',
|
87
|
-
userImage: 'string'
|
88
|
-
}
|
89
|
-
}
|
90
|
-
}
|
91
|
-
|
92
|
-
async function getRemoteClientChatPredefinedQuestions(params: { client_id: string }): Promise<string[]> {
|
93
|
-
try {
|
94
|
-
return ['Hello']
|
95
|
-
// const path=`${domain.inference}${resources.predefinedQ}`
|
96
|
-
// const response=await pluginAxiosInstance.get<any>(path, { params })
|
97
|
-
// return response.data.predefined_messages
|
98
|
-
} catch (error: any) {
|
99
|
-
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']
|
100
|
-
}
|
101
|
-
}
|
102
|
-
|
103
|
-
async function GetPredefinedQuestion (){
|
104
|
-
const clientId = '6c74b4bb-0395-4751-a55f-7d065d67c56b'
|
105
|
-
try {
|
106
|
-
return [{question: "q", answer: "a"}]
|
107
|
-
// const path = `${domain.inference}${resources.predefinedQ}?client_id=${clientId}`
|
108
|
-
// const response = await pluginAxiosInstance.get(path)
|
109
|
-
// return response.data
|
110
|
-
} catch (error) {
|
111
|
-
console.error('Error fetching subscription:', error)
|
112
|
-
}
|
113
|
-
}
|
114
|
-
|
115
|
-
export {
|
116
|
-
askBiBot,
|
117
|
-
getRemoteClientChatBubbleConfig,
|
118
|
-
getRemoteClientChatPredefinedQuestions,
|
119
|
-
GetPredefinedQuestion
|
120
|
-
}
|
@@ -1,63 +0,0 @@
|
|
1
|
-
|
2
|
-
.amplify-button--primary {
|
3
|
-
background-color: #0fa781;
|
4
|
-
}
|
5
|
-
|
6
|
-
.preAuditLogo-on-registerPage{
|
7
|
-
max-height: 50px;
|
8
|
-
margin-bottom: 20px;
|
9
|
-
}
|
10
|
-
.amplify-tabs-item[data-state=active] {
|
11
|
-
color: #fff;
|
12
|
-
border-color: #0fa781;
|
13
|
-
}
|
14
|
-
.amplify-tabs-item[data-state=active]:hover {
|
15
|
-
color: #fff;
|
16
|
-
}
|
17
|
-
|
18
|
-
.amplify-tabs-item:hover {
|
19
|
-
color: #00152a;
|
20
|
-
}
|
21
|
-
|
22
|
-
[data-amplify-authenticator] [data-amplify-router] {
|
23
|
-
background-color: #ffffff;
|
24
|
-
border-color: #b9eee1;
|
25
|
-
}
|
26
|
-
.amplify-tabs-item[data-spacing=equal]{
|
27
|
-
|
28
|
-
}
|
29
|
-
.amplify-button--link {
|
30
|
-
color: #00152a;
|
31
|
-
}
|
32
|
-
.amplify-button--link:hover {
|
33
|
-
color: #00152a;
|
34
|
-
background-color: #fff;
|
35
|
-
}
|
36
|
-
|
37
|
-
.amplify-input, .amplify-input:focus {
|
38
|
-
border-color: #bed7f0;
|
39
|
-
border: 1px solid;
|
40
|
-
}
|
41
|
-
.fieldContainer{
|
42
|
-
display: flex;
|
43
|
-
justify-content: space-between;
|
44
|
-
flex-direction: row;
|
45
|
-
}
|
46
|
-
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 {
|
47
|
-
border-color: #c9ebe2;
|
48
|
-
}
|
49
|
-
.amplify-input{
|
50
|
-
border-color: #c9ebe2;
|
51
|
-
}
|
52
|
-
|
53
|
-
.amplify-checkbox__icon {
|
54
|
-
background-color: #c9ebe2;
|
55
|
-
border-color: #c9ebe2;
|
56
|
-
}
|
57
|
-
.input-select-field{
|
58
|
-
border-color: #0fa781;
|
59
|
-
}
|
60
|
-
.amplify-select{
|
61
|
-
border-color: #c9ebe2 !important;
|
62
|
-
|
63
|
-
}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
.useremail{
|
2
|
-
width: 70px;
|
3
|
-
white-space: nowrap;
|
4
|
-
overflow: hidden;
|
5
|
-
text-overflow: ellipsis;
|
6
|
-
margin-top: 0;
|
7
|
-
}
|
8
|
-
|
9
|
-
/* Media query for screens smaller than 600px */
|
10
|
-
@media screen and (max-width: 600px) {
|
11
|
-
.hideOnMobile{
|
12
|
-
display: none !important;
|
13
|
-
}
|
14
|
-
}
|
15
|
-
|
16
|
-
/* Media query for screens between 600px and 900px */
|
17
|
-
/* @media screen and (min-width: 600px) and (max-width: 900px) {
|
18
|
-
.hideProfile{
|
19
|
-
display: none;
|
20
|
-
}
|
21
|
-
} */
|
22
|
-
|
23
|
-
/* Media query for screens larger than 1200px */
|
24
|
-
@media screen and (min-width: 1200px) {
|
25
|
-
|
26
|
-
}
|
package/src/styles/appConfig.css
DELETED
@@ -1,90 +0,0 @@
|
|
1
|
-
.mainContent{
|
2
|
-
display: flex;
|
3
|
-
width: 100%;
|
4
|
-
justify-content: space-around;
|
5
|
-
flex-wrap: wrap;
|
6
|
-
}
|
7
|
-
.firstSection{
|
8
|
-
text-align: start;
|
9
|
-
}
|
10
|
-
.secondSection{
|
11
|
-
display: flex;
|
12
|
-
align-items: center;
|
13
|
-
justify-content: center;
|
14
|
-
}
|
15
|
-
.previewSection{
|
16
|
-
height: 100%;
|
17
|
-
}
|
18
|
-
input[type="file"] {
|
19
|
-
display: none;
|
20
|
-
}
|
21
|
-
.inputfileButton{
|
22
|
-
display: inline-block;
|
23
|
-
align-items: center;
|
24
|
-
/* background-color: #73767a; */
|
25
|
-
border: none;
|
26
|
-
border-radius: 5px;
|
27
|
-
cursor: pointer;
|
28
|
-
}
|
29
|
-
|
30
|
-
|
31
|
-
/* Media query for screens smaller than 600px */
|
32
|
-
@media screen and (max-width: 600px) {
|
33
|
-
.mainContent{
|
34
|
-
display: flex;
|
35
|
-
width: 100%;
|
36
|
-
flex-direction: column;
|
37
|
-
justify-content: space-around;
|
38
|
-
align-items: center;
|
39
|
-
}
|
40
|
-
.button{
|
41
|
-
width: 100% !important;
|
42
|
-
}
|
43
|
-
.previewSection{
|
44
|
-
width: 100%;
|
45
|
-
margin-top: 30px;
|
46
|
-
}
|
47
|
-
.firstSection{
|
48
|
-
width: 100%;
|
49
|
-
text-align: start;
|
50
|
-
margin-bottom: 50px;
|
51
|
-
}
|
52
|
-
.secondSection{
|
53
|
-
width: 100%;
|
54
|
-
display: flex;
|
55
|
-
align-items: center;
|
56
|
-
justify-content: center;
|
57
|
-
text-align: start;
|
58
|
-
}
|
59
|
-
}
|
60
|
-
|
61
|
-
/* Media query for screens between 600px and 900px */
|
62
|
-
@media screen and (min-width: 600px) and (max-width: 900px) {
|
63
|
-
.mainContent{
|
64
|
-
display: flex;
|
65
|
-
width: 100%;
|
66
|
-
flex-direction: column;
|
67
|
-
justify-content: space-around;
|
68
|
-
align-items: center;
|
69
|
-
}
|
70
|
-
.previewSection{
|
71
|
-
width: 100%;
|
72
|
-
}
|
73
|
-
.firstSection{
|
74
|
-
width: 100%;
|
75
|
-
text-align: start;
|
76
|
-
margin-bottom: 50px;
|
77
|
-
}
|
78
|
-
.secondSection{
|
79
|
-
width: 100%;
|
80
|
-
display: flex;
|
81
|
-
align-items: center;
|
82
|
-
justify-content: center;
|
83
|
-
text-align: start;
|
84
|
-
}
|
85
|
-
}
|
86
|
-
|
87
|
-
/* Media query for screens larger than 1200px */
|
88
|
-
@media screen and (min-width: 1200px) {
|
89
|
-
|
90
|
-
}
|
@@ -1,27 +0,0 @@
|
|
1
|
-
.button,
|
2
|
-
.ant-btn.button {
|
3
|
-
font-family: Arial, sans-serif;
|
4
|
-
font-size: 14px;
|
5
|
-
display: flex;
|
6
|
-
justify-content: center;
|
7
|
-
align-items: center;
|
8
|
-
border-radius: 10px;
|
9
|
-
border: 2px solid #d67632;
|
10
|
-
outline: none;
|
11
|
-
cursor: pointer;
|
12
|
-
transition: background-color 0.3s, color 0.3s;
|
13
|
-
background-color: #5f2d78;
|
14
|
-
color: white;
|
15
|
-
}
|
16
|
-
|
17
|
-
.ant-popover-buttons {
|
18
|
-
display: flex;
|
19
|
-
justify-content: flex-end;
|
20
|
-
background-color: #5f2d78;
|
21
|
-
color: white
|
22
|
-
}
|
23
|
-
|
24
|
-
.ant-popover-button {
|
25
|
-
margin: 8px;
|
26
|
-
}
|
27
|
-
|
package/src/styles/chatStyle.css
DELETED
@@ -1,140 +0,0 @@
|
|
1
|
-
.chat-bubble {
|
2
|
-
position: fixed;
|
3
|
-
bottom: 20px;
|
4
|
-
right: 20px;
|
5
|
-
z-index: 9999;
|
6
|
-
}
|
7
|
-
|
8
|
-
.chat-toggle {
|
9
|
-
color: #fff;
|
10
|
-
border-radius: 50%;
|
11
|
-
height: 60px;
|
12
|
-
width: 60px;
|
13
|
-
display: flex;
|
14
|
-
align-items: center;
|
15
|
-
justify-content: center;
|
16
|
-
}
|
17
|
-
|
18
|
-
.chat-window {
|
19
|
-
position: absolute;
|
20
|
-
bottom: 50px;
|
21
|
-
right: 25px;
|
22
|
-
width: 350px;
|
23
|
-
height: 500px;
|
24
|
-
background-color: white;
|
25
|
-
border: 1px solid #ddd;
|
26
|
-
border-radius: 10px;
|
27
|
-
/* padding: 10px; */
|
28
|
-
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
|
29
|
-
display: flex;
|
30
|
-
flex-direction: column;
|
31
|
-
justify-content: space-between;
|
32
|
-
}
|
33
|
-
|
34
|
-
/* Existing styles... */
|
35
|
-
.chat-header{
|
36
|
-
height: 50px;
|
37
|
-
border-top-left-radius: 8px;
|
38
|
-
border-top-right-radius: 8px;
|
39
|
-
display: flex;
|
40
|
-
align-items: center;
|
41
|
-
justify-content: flex-start;
|
42
|
-
padding-inline: 15px;
|
43
|
-
padding-block: 30px;
|
44
|
-
}
|
45
|
-
.message-list {
|
46
|
-
height: calc(100% - 100px);
|
47
|
-
overflow-y: auto;
|
48
|
-
padding: 10px;
|
49
|
-
display: flex;
|
50
|
-
flex-grow: 1;
|
51
|
-
flex-direction: column;
|
52
|
-
}
|
53
|
-
|
54
|
-
.message {
|
55
|
-
margin-bottom: 10px;
|
56
|
-
padding: 5px 10px;
|
57
|
-
border-radius: 8px;
|
58
|
-
max-width: 70%;
|
59
|
-
}
|
60
|
-
|
61
|
-
.message.user {
|
62
|
-
background-color: #b8b8b8c6;
|
63
|
-
align-self: flex-end;
|
64
|
-
}
|
65
|
-
|
66
|
-
.message.bot {
|
67
|
-
background-color: #f0f0f0;
|
68
|
-
align-self: flex-start;
|
69
|
-
}
|
70
|
-
textarea:focus, input:focus{
|
71
|
-
outline: none;
|
72
|
-
}
|
73
|
-
|
74
|
-
/* Chat loader*/
|
75
|
-
.loader {
|
76
|
-
width: 12px;
|
77
|
-
aspect-ratio: 1;
|
78
|
-
border-radius: 50%;
|
79
|
-
animation: l5 1s infinite linear alternate;
|
80
|
-
}
|
81
|
-
@keyframes l5 {
|
82
|
-
0% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
|
83
|
-
33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
|
84
|
-
66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
|
85
|
-
100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
|
86
|
-
}
|
87
|
-
|
88
|
-
|
89
|
-
.input-area {
|
90
|
-
display: flex;
|
91
|
-
align-items: center;
|
92
|
-
border-top: 1px solid #ddd;
|
93
|
-
padding: 10px;
|
94
|
-
border-bottom-left-radius: 8px;
|
95
|
-
border-bottom-right-radius: 8px;
|
96
|
-
}
|
97
|
-
|
98
|
-
.input-area input {
|
99
|
-
flex-grow: 1;
|
100
|
-
border: none;
|
101
|
-
background-color: transparent;
|
102
|
-
/* border: 1px solid #ccc; */
|
103
|
-
/* border-radius: 15px; */
|
104
|
-
padding: 5px 10px;
|
105
|
-
margin-right: 10px;
|
106
|
-
}
|
107
|
-
|
108
|
-
.input-area button {
|
109
|
-
background-color: #007bff;
|
110
|
-
color: white;
|
111
|
-
border: none;
|
112
|
-
border-radius: 15px;
|
113
|
-
padding: 5px 10px;
|
114
|
-
cursor: pointer;
|
115
|
-
}
|
116
|
-
|
117
|
-
/* Existing styles... */
|
118
|
-
|
119
|
-
.loading-bubbles {
|
120
|
-
display: flex;
|
121
|
-
justify-content: center;
|
122
|
-
align-items: center;
|
123
|
-
}
|
124
|
-
|
125
|
-
.bubble {
|
126
|
-
width: 8px;
|
127
|
-
height: 8px;
|
128
|
-
border-radius: 50%;
|
129
|
-
margin: 0 3px;
|
130
|
-
animation: bounce 0.6s infinite alternate;
|
131
|
-
}
|
132
|
-
|
133
|
-
@keyframes bounce {
|
134
|
-
from {
|
135
|
-
transform: translateY(0);
|
136
|
-
}
|
137
|
-
to {
|
138
|
-
transform: translateY(-15px);
|
139
|
-
}
|
140
|
-
}
|
package/src/styles/index.css
DELETED
@@ -1,82 +0,0 @@
|
|
1
|
-
@import 'themeStyle.css';
|
2
|
-
@import 'buttonStyle.css';
|
3
|
-
@import 'chatStyle.css';
|
4
|
-
@import 'predefinedStyle.css';
|
5
|
-
body {
|
6
|
-
font-family: 'Roboto', sans-serif;
|
7
|
-
margin: 0;
|
8
|
-
}
|
9
|
-
|
10
|
-
code {
|
11
|
-
font-family: 'Roboto', sans-serif;
|
12
|
-
}
|
13
|
-
|
14
|
-
.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 {
|
15
|
-
box-sizing: border-box;
|
16
|
-
}
|
17
|
-
|
18
|
-
.cardsBody {
|
19
|
-
margin: 0;
|
20
|
-
padding: 10px;
|
21
|
-
min-height: 100vh;
|
22
|
-
display: flex;
|
23
|
-
flex-direction: column;
|
24
|
-
}
|
25
|
-
|
26
|
-
.content-layout {
|
27
|
-
padding: 24px;
|
28
|
-
margin: 0;
|
29
|
-
min-height: 280px;
|
30
|
-
/* background: green; */
|
31
|
-
}
|
32
|
-
|
33
|
-
.site-layout-background {
|
34
|
-
padding: 24px;
|
35
|
-
/* background-color: red; */
|
36
|
-
}
|
37
|
-
|
38
|
-
.admin-footer, .client-footer {
|
39
|
-
text-align: center;
|
40
|
-
background: #fff;
|
41
|
-
padding: 10px 50px;
|
42
|
-
}
|
43
|
-
|
44
|
-
.not-implemented {
|
45
|
-
min-height: 89.1vh;
|
46
|
-
color: red;
|
47
|
-
background-size: fit;
|
48
|
-
background-position: center;
|
49
|
-
background-repeat: no-repeat;
|
50
|
-
background-image: var(--bg-logo);
|
51
|
-
}
|
52
|
-
|
53
|
-
.ant-spin-dot-item {
|
54
|
-
background-color: #d67632 !important;
|
55
|
-
color: #d67632 !important;
|
56
|
-
}
|
57
|
-
|
58
|
-
.admin-layout, .client-layout {
|
59
|
-
flex: 1;
|
60
|
-
overflow-y: auto;
|
61
|
-
}
|
62
|
-
|
63
|
-
.descriptions-custom .ant-descriptions-item-label {
|
64
|
-
width: 20%;
|
65
|
-
}
|
66
|
-
|
67
|
-
.descriptions-custom .ant-descriptions-item-content {
|
68
|
-
width: 70%;
|
69
|
-
}
|
70
|
-
|
71
|
-
h1 {
|
72
|
-
color: #165a72;
|
73
|
-
margin: 50px auto;
|
74
|
-
font-size: 40px;
|
75
|
-
}
|
76
|
-
.soc-menu {
|
77
|
-
margin-bottom: 40px;
|
78
|
-
margin-top: 20px;
|
79
|
-
}
|
80
|
-
h2 {
|
81
|
-
color: #165a72;
|
82
|
-
}
|
@@ -1,35 +0,0 @@
|
|
1
|
-
.predefined-questions {
|
2
|
-
margin-top: 10px;
|
3
|
-
padding: 10px;
|
4
|
-
background-color: #f7f7f7; /* light gray background */
|
5
|
-
border-top: 1px solid #e0e0e0; /* separator from the messages */
|
6
|
-
}
|
7
|
-
|
8
|
-
.predefined-question {
|
9
|
-
padding: 8px 12px;
|
10
|
-
margin-bottom: 5px; /* space between questions */
|
11
|
-
background-color: #ffffff; /* white background for the questions */
|
12
|
-
border: 1px solid #dedede; /* light gray border */
|
13
|
-
border-radius: 15px; /* rounded corners */
|
14
|
-
cursor: pointer;
|
15
|
-
transition: background-color 0.3s ease; /* smooth background color change on hover */
|
16
|
-
}
|
17
|
-
|
18
|
-
.predefined-question:hover {
|
19
|
-
background-color: #e8f0fe; /* slightly blue background on hover */
|
20
|
-
}
|
21
|
-
|
22
|
-
/* You may want to add additional styles for text size, color, and alignment */
|
23
|
-
.predefined-question {
|
24
|
-
font-size: 0.9rem; /* moderate text size */
|
25
|
-
color: #333333; /* dark gray text color */
|
26
|
-
text-align: left;
|
27
|
-
}
|
28
|
-
|
29
|
-
/* Ensuring the list doesn't cover the entire chat window and has a scroll if there are many items */
|
30
|
-
.predefined-questions {
|
31
|
-
/* max-height: 150px; */
|
32
|
-
height: 100%;
|
33
|
-
overflow-y: auto; /* enables scroll */
|
34
|
-
}
|
35
|
-
|
@@ -1,42 +0,0 @@
|
|
1
|
-
@tailwind base;
|
2
|
-
@tailwind components;
|
3
|
-
@tailwind utilities;
|
4
|
-
|
5
|
-
.light {
|
6
|
-
/* Light mode colors */
|
7
|
-
--bg-color: #f0f0f0;
|
8
|
-
--text-color: #333;
|
9
|
-
--bg-light: #fff;
|
10
|
-
--text-light: #333;
|
11
|
-
--hover-bg-light: #000;
|
12
|
-
--hover-text-light: #fff;
|
13
|
-
--expanded-bg-light: #f5f5f5;
|
14
|
-
--sidebar-text-light: #333;
|
15
|
-
--sidebar-hover-bg-light: #000;
|
16
|
-
--sidebar-hover-text-light: #fff;
|
17
|
-
--sidebar-expanded-bg-light: #f5f5f5;
|
18
|
-
--border-color: blue;
|
19
|
-
--highlight-color: #ffcc00;
|
20
|
-
--bg-logo: url('/src/assets/logo/preauditai-high-resolution-logo-transparent.png')
|
21
|
-
}
|
22
|
-
|
23
|
-
.dark {
|
24
|
-
/* Dark mode colors */
|
25
|
-
--bg-color: #333;
|
26
|
-
--text-color: #f0f0f0;
|
27
|
-
--bg-dark: #333;
|
28
|
-
--text-dark: #fff;
|
29
|
-
--hover-bg-dark: #555;
|
30
|
-
--hover-text-dark: #fff;
|
31
|
-
--expanded-bg-dark: #444;
|
32
|
-
--sidebar-bg-dark: #333;
|
33
|
-
--sidebar-text-dark: #fff;
|
34
|
-
--sidebar-hover-bg-dark: #555;
|
35
|
-
--sidebar-hover-text-dark: #fff;
|
36
|
-
--sidebar-expanded-bg-dark: #444;
|
37
|
-
--border-color: blue;
|
38
|
-
--highlight-color: #007bff;
|
39
|
-
--bg-logo: url('/src/assets/logo/preauditai-high-resolution-logo-black-transparent.png')
|
40
|
-
}
|
41
|
-
|
42
|
-
|