@ensembleapp/client-sdk 0.0.26 → 0.0.28
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.d.ts +144 -120
- package/dist/index.js +22721 -22654
- package/dist/index.js.map +1 -1
- package/dist/widget/widget.global.js +41 -41
- package/dist/widget/widget.global.js.map +1 -1
- package/lib/{components → chat}/ChatWidget.css +42 -0
- package/package.json +4 -3
- package/lib/widgets/default-widgets.css +0 -85
|
@@ -485,3 +485,45 @@
|
|
|
485
485
|
transform: rotate(360deg);
|
|
486
486
|
}
|
|
487
487
|
}
|
|
488
|
+
|
|
489
|
+
/* Collapsed content (brief mode) */
|
|
490
|
+
.chat-widget__collapsed {
|
|
491
|
+
position: relative;
|
|
492
|
+
margin-bottom: 0.25rem;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
.chat-widget__collapsed-preview {
|
|
496
|
+
position: relative;
|
|
497
|
+
max-height: 1.5em;
|
|
498
|
+
overflow: hidden;
|
|
499
|
+
opacity: 0.6;
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
.chat-widget__collapsed-gradient {
|
|
503
|
+
position: absolute;
|
|
504
|
+
top: 0;
|
|
505
|
+
right: 0;
|
|
506
|
+
width: 70%;
|
|
507
|
+
height: 100%;
|
|
508
|
+
background: linear-gradient(
|
|
509
|
+
to right,
|
|
510
|
+
transparent 0%,
|
|
511
|
+
var(--chat-background) 90%
|
|
512
|
+
);
|
|
513
|
+
pointer-events: none;
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
.chat-widget__collapsed-toggle {
|
|
517
|
+
display: inline-block;
|
|
518
|
+
padding: 0;
|
|
519
|
+
font-size: 0.75rem;
|
|
520
|
+
font-weight: 500;
|
|
521
|
+
color: var(--chat-primary);
|
|
522
|
+
background: transparent;
|
|
523
|
+
border: none;
|
|
524
|
+
cursor: pointer;
|
|
525
|
+
}
|
|
526
|
+
|
|
527
|
+
.chat-widget__collapsed-toggle:hover {
|
|
528
|
+
text-decoration: underline;
|
|
529
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ensembleapp/client-sdk",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.28",
|
|
4
4
|
"description": "React client SDK for chat functionality",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -15,12 +15,12 @@
|
|
|
15
15
|
"import": "./dist/schemas.js",
|
|
16
16
|
"types": "./dist/schemas.d.ts"
|
|
17
17
|
},
|
|
18
|
-
"./styles": "./lib/
|
|
18
|
+
"./styles": "./lib/chat/ChatWidget.css",
|
|
19
19
|
"./default-widgets/styles": "./lib/widgets/default-widgets.css"
|
|
20
20
|
},
|
|
21
21
|
"files": [
|
|
22
22
|
"dist",
|
|
23
|
-
"lib/
|
|
23
|
+
"lib/chat/ChatWidget.css",
|
|
24
24
|
"lib/widgets/default-widgets.css"
|
|
25
25
|
],
|
|
26
26
|
"scripts": {
|
|
@@ -29,6 +29,7 @@
|
|
|
29
29
|
"build:widget": "tsup --config tsup.widget.config.ts && npm run build:widget:types",
|
|
30
30
|
"build:all": "npm run build && npm run build:widget",
|
|
31
31
|
"dev": "tsup --watch",
|
|
32
|
+
"test": "jest",
|
|
32
33
|
"typecheck": "tsc --noEmit",
|
|
33
34
|
"lint": "eslint lib/**/*.{ts,tsx}"
|
|
34
35
|
},
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
/* Default widget styles - optional import for customers */
|
|
2
|
-
|
|
3
|
-
.chat-widget__person-card {
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
gap: 0.75rem;
|
|
7
|
-
padding: 1rem;
|
|
8
|
-
background: #ffffff;
|
|
9
|
-
border: 1px solid #e5e7eb;
|
|
10
|
-
border-radius: 0.5rem;
|
|
11
|
-
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.chat-widget__person-card-header {
|
|
15
|
-
display: flex;
|
|
16
|
-
align-items: flex-start;
|
|
17
|
-
gap: 0.75rem;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.chat-widget__person-card-avatar {
|
|
21
|
-
width: 3rem;
|
|
22
|
-
height: 3rem;
|
|
23
|
-
border-radius: 9999px;
|
|
24
|
-
object-fit: cover;
|
|
25
|
-
flex-shrink: 0;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
.chat-widget__person-card-info {
|
|
29
|
-
flex: 1;
|
|
30
|
-
min-width: 0;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
.chat-widget__person-card-name {
|
|
34
|
-
font-weight: 600;
|
|
35
|
-
font-size: 1rem;
|
|
36
|
-
color: #111827;
|
|
37
|
-
margin-bottom: 0.25rem;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.chat-widget__person-card-details {
|
|
41
|
-
display: flex;
|
|
42
|
-
flex-direction: column;
|
|
43
|
-
gap: 0.25rem;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.chat-widget__person-card-details > div {
|
|
47
|
-
display: flex;
|
|
48
|
-
gap: 0.5rem;
|
|
49
|
-
font-size: 0.875rem;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.chat-widget__person-card-details span:first-child {
|
|
53
|
-
color: #6b7280;
|
|
54
|
-
font-weight: 500;
|
|
55
|
-
min-width: fit-content;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.chat-widget__person-card-details span:last-child {
|
|
59
|
-
color: #374151;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.chat-widget__link-widget {
|
|
63
|
-
display: inline-flex;
|
|
64
|
-
align-items: center;
|
|
65
|
-
padding: 0.5rem 0.75rem;
|
|
66
|
-
background: #f3f4f6;
|
|
67
|
-
border: 1px solid #d1d5db;
|
|
68
|
-
border-radius: 0.375rem;
|
|
69
|
-
color: #3b82f6;
|
|
70
|
-
text-decoration: none;
|
|
71
|
-
font-size: 0.875rem;
|
|
72
|
-
font-weight: 500;
|
|
73
|
-
transition: all 0.2s ease;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.chat-widget__link-widget:hover {
|
|
77
|
-
background: #e5e7eb;
|
|
78
|
-
border-color: #9ca3af;
|
|
79
|
-
color: #2563eb;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
.chat-widget__link-widget:focus {
|
|
83
|
-
outline: 2px solid #3b82f6;
|
|
84
|
-
outline-offset: 2px;
|
|
85
|
-
}
|