@quidgest/chatbot 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/components/ChatBot.vue.d.ts +0 -0
  2. package/dist/index.d.ts +0 -0
  3. package/dist/index.js +0 -0
  4. package/dist/index.mjs +0 -0
  5. package/dist/style.css +3 -947
  6. package/dist/types/message.type.d.ts +0 -0
  7. package/dist/types/texts.type.d.ts +0 -0
  8. package/package.json +50 -50
  9. package/src/assets/chatbot.png +0 -0
  10. package/src/assets/styles/styles.scss +118 -116
  11. package/src/components/ChatBot.vue +365 -365
  12. package/src/index.ts +4 -4
  13. package/src/shims-vue.d.ts +1 -1
  14. package/src/types/message.type.ts +5 -5
  15. package/src/types/texts.type.ts +2 -2
  16. package/src/vite-env.d.ts +1 -1
package/dist/types/message.type.d.ts CHANGED
File without changes
package/dist/types/texts.type.d.ts CHANGED
File without changes
package/package.json CHANGED
@@ -1,50 +1,50 @@
1
- {
2
- "name": "@quidgest/chatbot",
3
- "private": false,
4
- "version": "0.0.1",
5
- "type": "module",
6
- "license": "UNLICENSED",
7
- "main": "dist/index.cjs",
8
- "module": "dist/index.mjs",
9
- "publishConfig": {
10
- "access": "public"
11
- },
12
- "exports": {
13
- ".": {
14
- "types": "./dist/index.d.ts",
15
- "import": "./dist/index.mjs",
16
- "require": "./dist/index.cjs"
17
- },
18
- "./*": "./*",
19
- "./style.css": "./dist/style.css"
20
- },
21
- "typings": "types/index.d.ts",
22
- "files": [
23
- "dist",
24
- "src"
25
- ],
26
- "scripts": {
27
- "build": "yarn build-lib",
28
- "build-lib": "rimraf ./dist && vue-tsc --noEmit && vite build",
29
- "build-types": "vue-tsc --emitDeclarationOnly --declaration -p tsconfig.json",
30
- "lint": "eslint 'src/**/*.{ts,vue}'"
31
- },
32
- "dependencies": {
33
- "axios": "^1.6.7",
34
- "vue": "^3.3.11",
35
- "cross-env": "5.0.5"
36
- },
37
- "devDependencies": {
38
- "@types/node": "^20.11.13",
39
- "@vitejs/plugin-vue": "^4.5.2",
40
- "rimraf": "^5.0.5",
41
- "sass": "^1.70.0",
42
- "typescript": "^5.2.2",
43
- "vite": "^5.0.8",
44
- "vite-plugin-dts": "^3.7.3",
45
- "vue-tsc": "^1.8.25"
46
- },
47
- "peerDependencies": {
48
- "@quidgest/ui": "0.9.7"
49
- }
50
- }
1
+ {
2
+ "name": "@quidgest/chatbot",
3
+ "private": false,
4
+ "version": "0.0.2",
5
+ "type": "module",
6
+ "license": "UNLICENSED",
7
+ "main": "dist/index.cjs",
8
+ "module": "dist/index.mjs",
9
+ "publishConfig": {
10
+ "access": "public"
11
+ },
12
+ "exports": {
13
+ ".": {
14
+ "types": "./dist/index.d.ts",
15
+ "import": "./dist/index.mjs",
16
+ "require": "./dist/index.cjs"
17
+ },
18
+ "./*": "./*",
19
+ "./style.css": "./dist/style.css"
20
+ },
21
+ "typings": "types/index.d.ts",
22
+ "files": [
23
+ "dist",
24
+ "src"
25
+ ],
26
+ "scripts": {
27
+ "build": "yarn build-lib",
28
+ "build-lib": "rimraf ./dist && vue-tsc --noEmit && vite build",
29
+ "build-types": "vue-tsc --emitDeclarationOnly --declaration -p tsconfig.json",
30
+ "lint": "eslint 'src/**/*.{ts,vue}'"
31
+ },
32
+ "dependencies": {
33
+ "axios": "^1.6.7",
34
+ "vue": "^3.3.11",
35
+ "cross-env": "5.0.5"
36
+ },
37
+ "devDependencies": {
38
+ "@types/node": "^20.11.13",
39
+ "@vitejs/plugin-vue": "^4.5.2",
40
+ "rimraf": "^5.0.5",
41
+ "sass": "^1.70.0",
42
+ "typescript": "^5.2.2",
43
+ "vite": "^5.0.8",
44
+ "vite-plugin-dts": "^3.7.3",
45
+ "vue-tsc": "^1.8.25"
46
+ },
47
+ "peerDependencies": {
48
+ "@quidgest/ui": "0.9.7"
49
+ }
50
+ }
package/src/assets/chatbot.png CHANGED
File without changes
package/src/assets/styles/styles.scss CHANGED
@@ -1,116 +1,118 @@
1
- @use '@quidgest/ui';
2
-
3
- .q-chatbot {
4
- width: 100%;
5
- height: 100%;
6
- padding: 1rem;
7
-
8
- & .q-input-group .i-text__field {
9
- border-radius: 0;
10
- flex: 1;
11
- }
12
-
13
- &__input {
14
- flex: 1;
15
- }
16
-
17
- &__content {
18
- background-color: white;
19
- border: 1px solid #eaebec;
20
- height: 100%;
21
- width: 100%;
22
- padding: 2rem 1rem;
23
- display: flex;
24
- flex-direction: column;
25
- overflow: auto;
26
- gap: 1.5rem;
27
- }
28
-
29
- &__message-wrapper {
30
- display: flex;
31
- max-width: 100%;
32
- gap: 0.2rem;
33
- }
34
-
35
- &__message-wrapper_right {
36
- justify-content: flex-end;
37
- }
38
-
39
- &__profile {
40
- border-radius: 50%;
41
- height: 2rem;
42
- width: 2rem;
43
- }
44
-
45
- &__message {
46
- position: relative;
47
- margin: 0rem 0.5rem;
48
- max-width: 75%;
49
- display: flex;
50
- align-items: center;
51
- padding: 0.3rem 0.5rem;
52
- background-color: #eaebec;
53
- white-space: normal;
54
- }
55
-
56
- &__message-wrapper_right .q-chatbot__message {
57
- background-color: rgba(#018bd2, 20%);
58
- }
59
-
60
- &__sender {
61
- white-space: nowrap;
62
- position: absolute;
63
- color: #7c858d;
64
- font-size: 0.7rem;
65
- left: 0;
66
- top: -1rem;
67
- }
68
-
69
- &__timestamp {
70
- white-space: nowrap;
71
- position: absolute;
72
- color: #7c858d;
73
- font-size: 0.7rem;
74
- right: 0;
75
- top: -1rem;
76
- }
77
-
78
- &__message-loading {
79
- display: flex;
80
- justify-content: center;
81
- align-items: center;
82
- gap: 0.3rem;
83
-
84
- div {
85
- background-color: rgba(#018bd2, 20%);
86
- border-radius: 50%;
87
- width: 0.5rem;
88
- height: 0.5rem;
89
- animation: dotPulse 1.5s infinite;
90
-
91
- &:nth-child(1) {
92
- animation-delay: 0s;
93
- }
94
-
95
- &:nth-child(2) {
96
- animation-delay: 0.5s;
97
- }
98
-
99
- &:nth-child(3) {
100
- animation-delay: 1s;
101
- }
102
- }
103
- }
104
- }
105
-
106
- @keyframes dotPulse {
107
- 0% {
108
- opacity: 0.5;
109
- }
110
- 50% {
111
- opacity: 1;
112
- }
113
- 100% {
114
- opacity: 0.5;
115
- }
116
- }
1
+ .q-chatbot {
2
+ width: 100%;
3
+ height: 100%;
4
+ padding: 1rem;
5
+
6
+ input {
7
+ line-height: 1.5rem;
8
+ }
9
+
10
+ & .q-input-group .i-text__field {
11
+ border-radius: 0;
12
+ flex: 1;
13
+ }
14
+
15
+ &__input {
16
+ flex: 1;
17
+ }
18
+
19
+ &__content {
20
+ background-color: white;
21
+ border: 1px solid #eaebec;
22
+ height: 100%;
23
+ width: 100%;
24
+ padding: 2rem 1rem;
25
+ display: flex;
26
+ flex-direction: column;
27
+ overflow: auto;
28
+ gap: 1.5rem;
29
+ }
30
+
31
+ &__message-wrapper {
32
+ display: flex;
33
+ max-width: 100%;
34
+ gap: 0.2rem;
35
+ }
36
+
37
+ &__message-wrapper_right {
38
+ justify-content: flex-end;
39
+ }
40
+
41
+ &__profile {
42
+ border-radius: 50%;
43
+ height: 2rem;
44
+ width: 2rem;
45
+ }
46
+
47
+ &__message {
48
+ position: relative;
49
+ margin: 0rem 0.5rem;
50
+ max-width: 75%;
51
+ display: flex;
52
+ align-items: center;
53
+ padding: 0.3rem 0.5rem;
54
+ background-color: #eaebec;
55
+ white-space: normal;
56
+ }
57
+
58
+ &__message-wrapper_right .q-chatbot__message {
59
+ background-color: rgba(#018bd2, 20%);
60
+ }
61
+
62
+ &__sender {
63
+ white-space: nowrap;
64
+ position: absolute;
65
+ color: #7c858d;
66
+ font-size: 0.7rem;
67
+ left: 0;
68
+ top: -1rem;
69
+ }
70
+
71
+ &__timestamp {
72
+ white-space: nowrap;
73
+ position: absolute;
74
+ color: #7c858d;
75
+ font-size: 0.7rem;
76
+ right: 0;
77
+ top: -1rem;
78
+ }
79
+
80
+ &__message-loading {
81
+ display: flex;
82
+ justify-content: center;
83
+ align-items: center;
84
+ gap: 0.3rem;
85
+
86
+ div {
87
+ background-color: rgba(#018bd2, 20%);
88
+ border-radius: 50%;
89
+ width: 0.5rem;
90
+ height: 0.5rem;
91
+ animation: dotPulse 1.5s infinite;
92
+
93
+ &:nth-child(1) {
94
+ animation-delay: 0s;
95
+ }
96
+
97
+ &:nth-child(2) {
98
+ animation-delay: 0.5s;
99
+ }
100
+
101
+ &:nth-child(3) {
102
+ animation-delay: 1s;
103
+ }
104
+ }
105
+ }
106
+ }
107
+
108
+ @keyframes dotPulse {
109
+ 0% {
110
+ opacity: 0.5;
111
+ }
112
+ 50% {
113
+ opacity: 1;
114
+ }
115
+ 100% {
116
+ opacity: 0.5;
117
+ }
118
+ }