bibot 1.0.6 → 1.0.10

Sign up to get free protection for your applications and to get access to all the features.
Files changed (116) hide show
  1. package/README.md +20 -36
  2. package/dist/component/bibot.d.ts +6 -5
  3. package/dist/config/appStateEnums.d.ts +3 -3
  4. package/dist/config/endpointEnums.d.ts +18 -18
  5. package/dist/config/index.d.ts +3 -3
  6. package/dist/config/statusCode.d.ts +42 -42
  7. package/dist/context/AppContext.d.ts +9 -8
  8. package/dist/context/index.d.ts +1 -1
  9. package/dist/hooks/index.d.ts +3 -3
  10. package/dist/hooks/mobileView.d.ts +1 -1
  11. package/dist/hooks/useBiBotChatBot.d.ts +29 -29
  12. package/dist/hooks/usePluginFactory.d.ts +1 -1
  13. package/dist/index.css +139 -35
  14. package/dist/index.d.ts +6 -2
  15. package/dist/index.js +649 -9
  16. package/dist/index.js.map +1 -1
  17. package/dist/index.modern.js +646 -0
  18. package/dist/index.modern.js.map +1 -0
  19. package/dist/index.test.d.ts +1 -0
  20. package/dist/reducers/appReducer.d.ts +2 -2
  21. package/dist/reducers/index.d.ts +1 -1
  22. package/dist/services/index.d.ts +1 -1
  23. package/dist/services/plugin-api.d.ts +23 -26
  24. package/dist/types/coreInterfaces.d.ts +51 -51
  25. package/dist/types/index.d.ts +1 -1
  26. package/dist/utils/index.d.ts +2 -2
  27. package/dist/utils/sessionManager.d.ts +2 -2
  28. package/dist/utils/trimWhitespace.d.ts +2 -2
  29. package/package.json +60 -34
  30. package/.babelrc +0 -7
  31. package/.vscode/settings.json +0 -5
  32. package/dist/bibot.d.ts +0 -5
  33. package/dist/bibot.js +0 -175
  34. package/dist/bibot.js.map +0 -1
  35. package/dist/component/bibot.js +0 -170
  36. package/dist/component/bibot.js.map +0 -1
  37. package/dist/config/appStateEnums.js +0 -10
  38. package/dist/config/appStateEnums.js.map +0 -1
  39. package/dist/config/endpointEnums.js +0 -31
  40. package/dist/config/endpointEnums.js.map +0 -1
  41. package/dist/config/index.js +0 -38
  42. package/dist/config/index.js.map +0 -1
  43. package/dist/config/statusCode.js +0 -49
  44. package/dist/config/statusCode.js.map +0 -1
  45. package/dist/context/AppContext.js +0 -75
  46. package/dist/context/AppContext.js.map +0 -1
  47. package/dist/context/index.js +0 -16
  48. package/dist/context/index.js.map +0 -1
  49. package/dist/hooks/index.js +0 -38
  50. package/dist/hooks/index.js.map +0 -1
  51. package/dist/hooks/mobileView.js +0 -33
  52. package/dist/hooks/mobileView.js.map +0 -1
  53. package/dist/hooks/useBiBotChatBot.js +0 -206
  54. package/dist/hooks/useBiBotChatBot.js.map +0 -1
  55. package/dist/hooks/usePluginFactory.js +0 -62
  56. package/dist/hooks/usePluginFactory.js.map +0 -1
  57. package/dist/reducers/appReducer.js +0 -24
  58. package/dist/reducers/appReducer.js.map +0 -1
  59. package/dist/reducers/index.js +0 -16
  60. package/dist/reducers/index.js.map +0 -1
  61. package/dist/services/index.js +0 -16
  62. package/dist/services/index.js.map +0 -1
  63. package/dist/services/plugin-api.js +0 -185
  64. package/dist/services/plugin-api.js.map +0 -1
  65. package/dist/styles/RegisterPageStyle.css +0 -63
  66. package/dist/styles/adminPortal.css +0 -26
  67. package/dist/styles/appConfig.css +0 -90
  68. package/dist/styles/buttonStyle.css +0 -27
  69. package/dist/styles/chatStyle.css +0 -140
  70. package/dist/styles/index.css +0 -82
  71. package/dist/styles/predefinedStyle.css +0 -35
  72. package/dist/styles/themeStyle.css +0 -42
  73. package/dist/styles/training.css +0 -86
  74. package/dist/types/coreInterfaces.js +0 -5
  75. package/dist/types/coreInterfaces.js.map +0 -1
  76. package/dist/types/index.js +0 -16
  77. package/dist/types/index.js.map +0 -1
  78. package/dist/utils/index.js +0 -27
  79. package/dist/utils/index.js.map +0 -1
  80. package/dist/utils/sessionManager.js +0 -17
  81. package/dist/utils/sessionManager.js.map +0 -1
  82. package/dist/utils/trimWhitespace.js +0 -15
  83. package/dist/utils/trimWhitespace.js.map +0 -1
  84. package/src/component/bibot.tsx +0 -103
  85. package/src/config/appStateEnums.ts +0 -3
  86. package/src/config/endpointEnums.ts +0 -28
  87. package/src/config/index.ts +0 -5
  88. package/src/config/statusCode.ts +0 -49
  89. package/src/context/AppContext.tsx +0 -66
  90. package/src/context/index.ts +0 -3
  91. package/src/hooks/index.ts +0 -5
  92. package/src/hooks/mobileView.tsx +0 -17
  93. package/src/hooks/useBiBotChatBot.tsx +0 -107
  94. package/src/hooks/usePluginFactory.tsx +0 -38
  95. package/src/index.css +0 -36
  96. package/src/index.tsx +0 -3
  97. package/src/reducers/appReducer.ts +0 -16
  98. package/src/reducers/index.ts +0 -4
  99. package/src/services/index.ts +0 -2
  100. package/src/services/plugin-api.tsx +0 -120
  101. package/src/styles/RegisterPageStyle.css +0 -63
  102. package/src/styles/adminPortal.css +0 -26
  103. package/src/styles/appConfig.css +0 -90
  104. package/src/styles/buttonStyle.css +0 -27
  105. package/src/styles/chatStyle.css +0 -140
  106. package/src/styles/index.css +0 -82
  107. package/src/styles/predefinedStyle.css +0 -35
  108. package/src/styles/themeStyle.css +0 -42
  109. package/src/styles/training.css +0 -86
  110. package/src/types/coreInterfaces.ts +0 -69
  111. package/src/types/index.ts +0 -4
  112. package/src/utils/index.ts +0 -2
  113. package/src/utils/sessionManager.tsx +0 -15
  114. package/src/utils/trimWhitespace.ts +0 -11
  115. package/tsconfig.json +0 -25
  116. 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,3 +0,0 @@
1
- import React from 'react';
2
- import BiBot from './component/bibot';
3
- export default BiBot;
@@ -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
- }
@@ -1,4 +0,0 @@
1
- // created from 'create-ts-index'
2
-
3
- export * from './appReducer'
4
-
@@ -1,2 +0,0 @@
1
- // export * from './bibot'
2
- export * from './plugin-api'
@@ -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
- }
@@ -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
-
@@ -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
- }
@@ -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
-