@banbox/chat 1.0.0 → 1.0.1
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.
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +13 -17
- package/src/ui/chat/TypingIndicator.tsx +5 -5
package/package.json
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@banbox/chat",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "Banbox Chat UI components — reusable across all Banbox React/Next.js projects",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"private": false,
|
|
8
|
-
|
|
9
8
|
"exports": {
|
|
10
9
|
".": {
|
|
11
10
|
"import": {
|
|
@@ -18,62 +17,59 @@
|
|
|
18
17
|
}
|
|
19
18
|
}
|
|
20
19
|
},
|
|
21
|
-
|
|
22
20
|
"main": "./dist/index.cjs",
|
|
23
21
|
"module": "./dist/index.js",
|
|
24
22
|
"types": "./dist/index.d.ts",
|
|
25
|
-
|
|
26
23
|
"sideEffects": false,
|
|
27
|
-
|
|
28
24
|
"files": [
|
|
29
25
|
"dist",
|
|
30
26
|
"src",
|
|
31
27
|
"README.md"
|
|
32
28
|
],
|
|
33
|
-
|
|
34
29
|
"scripts": {
|
|
35
30
|
"build": "tsup",
|
|
36
31
|
"build:watch": "tsup --watch",
|
|
37
32
|
"dev": "tsup --watch",
|
|
38
33
|
"typecheck": "tsc --noEmit",
|
|
39
|
-
"prepublishOnly": "npm run typecheck && npm run build"
|
|
34
|
+
"prepublishOnly": "npm run typecheck && npm run build",
|
|
35
|
+
"release:patch": "npm version patch && npm publish --access public",
|
|
36
|
+
"release:minor": "npm version minor && npm publish --access public",
|
|
37
|
+
"release:major": "npm version major && npm publish --access public"
|
|
40
38
|
},
|
|
41
|
-
|
|
42
39
|
"publishConfig": {
|
|
43
40
|
"registry": "https://registry.npmjs.org",
|
|
44
41
|
"access": "public"
|
|
45
42
|
},
|
|
46
|
-
|
|
47
43
|
"repository": {
|
|
48
44
|
"type": "git",
|
|
49
45
|
"url": "git+https://github.com/OCEANGET/banbox-chat.git"
|
|
50
46
|
},
|
|
51
|
-
|
|
52
47
|
"bugs": {
|
|
53
48
|
"url": "https://github.com/OCEANGET/banbox-chat/issues"
|
|
54
49
|
},
|
|
55
|
-
|
|
56
50
|
"homepage": "https://github.com/OCEANGET/banbox-chat#readme",
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
51
|
+
"keywords": [
|
|
52
|
+
"react",
|
|
53
|
+
"nextjs",
|
|
54
|
+
"chat",
|
|
55
|
+
"ui",
|
|
56
|
+
"banbox",
|
|
57
|
+
"typescript"
|
|
58
|
+
],
|
|
60
59
|
"peerDependencies": {
|
|
61
60
|
"react": ">=18",
|
|
62
61
|
"react-dom": ">=18",
|
|
63
62
|
"framer-motion": ">=10"
|
|
64
63
|
},
|
|
65
|
-
|
|
66
64
|
"peerDependenciesMeta": {
|
|
67
65
|
"framer-motion": {
|
|
68
66
|
"optional": false
|
|
69
67
|
}
|
|
70
68
|
},
|
|
71
|
-
|
|
72
69
|
"dependencies": {
|
|
73
70
|
"clsx": "^2.1.1",
|
|
74
71
|
"tailwind-merge": "^3.6.0"
|
|
75
72
|
},
|
|
76
|
-
|
|
77
73
|
"devDependencies": {
|
|
78
74
|
"@types/react": "^19.2.16",
|
|
79
75
|
"@types/react-dom": "^19.2.3",
|
|
@@ -41,7 +41,7 @@ const TypingDots: React.FC = () => (
|
|
|
41
41
|
.banbox-typing-dot:nth-child(2) { animation-delay: 0.2s; }
|
|
42
42
|
.banbox-typing-dot:nth-child(3) { animation-delay: 0.4s; }
|
|
43
43
|
`}</style>
|
|
44
|
-
<span style={{ display: "inline-flex", gap: "4px", alignItems: "center", height: "
|
|
44
|
+
<span style={{ display: "inline-flex", gap: "4px", alignItems: "center", height: "16px" }}>
|
|
45
45
|
<span className="banbox-typing-dot" />
|
|
46
46
|
<span className="banbox-typing-dot" />
|
|
47
47
|
<span className="banbox-typing-dot" />
|
|
@@ -62,7 +62,7 @@ const TypingIndicator: React.FC<Props> = ({
|
|
|
62
62
|
|
|
63
63
|
return (
|
|
64
64
|
<div
|
|
65
|
-
className={cn("
|
|
65
|
+
className={cn("flex items-end gap-[6px]", className)}
|
|
66
66
|
role="status"
|
|
67
67
|
aria-label={ariaLabel}
|
|
68
68
|
>
|
|
@@ -82,10 +82,10 @@ const TypingIndicator: React.FC<Props> = ({
|
|
|
82
82
|
) : null}
|
|
83
83
|
</div>
|
|
84
84
|
|
|
85
|
-
{/* Typing dots */}
|
|
86
|
-
<
|
|
85
|
+
{/* Typing dots — inline bubble next to avatar */}
|
|
86
|
+
<div className="flex items-center rounded-[18px] bg-[#f0f0f0] px-3 py-2">
|
|
87
87
|
<TypingDots />
|
|
88
|
-
</
|
|
88
|
+
</div>
|
|
89
89
|
</div>
|
|
90
90
|
);
|
|
91
91
|
};
|