@revikornmann/muka-ui 0.16.0 → 0.17.0
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/cjs/components/ChatComposer/ChatComposer.js +12 -4
- package/dist/cjs/components/ChatComposer/ChatComposer.js.map +1 -1
- package/dist/cjs/components/EmojiPicker/EmojiPicker.css +19 -0
- package/dist/cjs/components/EmojiPicker/EmojiPicker.js +54 -0
- package/dist/cjs/components/EmojiPicker/EmojiPicker.js.map +1 -0
- package/dist/cjs/components/EmojiPicker/index.js +12 -0
- package/dist/cjs/components/EmojiPicker/index.js.map +1 -0
- package/dist/cjs/components/PhotoDraftStrip/PhotoDraftStrip.css +27 -0
- package/dist/cjs/components/PhotoDraftStrip/PhotoDraftStrip.js +36 -0
- package/dist/cjs/components/PhotoDraftStrip/PhotoDraftStrip.js.map +1 -0
- package/dist/cjs/components/PhotoDraftStrip/index.js +11 -0
- package/dist/cjs/components/PhotoDraftStrip/index.js.map +1 -0
- package/dist/cjs/components/RecordingBar/RecordingBar.css +47 -0
- package/dist/cjs/components/RecordingBar/RecordingBar.js +22 -0
- package/dist/cjs/components/RecordingBar/RecordingBar.js.map +1 -0
- package/dist/cjs/components/RecordingBar/index.js +11 -0
- package/dist/cjs/components/RecordingBar/index.js.map +1 -0
- package/dist/cjs/components/VoiceMessage/VoiceMessage.css +29 -0
- package/dist/cjs/components/VoiceMessage/VoiceMessage.js +85 -0
- package/dist/cjs/components/VoiceMessage/VoiceMessage.js.map +1 -0
- package/dist/cjs/components/VoiceMessage/index.js +11 -0
- package/dist/cjs/components/VoiceMessage/index.js.map +1 -0
- package/dist/cjs/components/VoiceRecorder/audio.js +61 -0
- package/dist/cjs/components/VoiceRecorder/audio.js.map +1 -0
- package/dist/cjs/components/VoiceRecorder/index.js +16 -0
- package/dist/cjs/components/VoiceRecorder/index.js.map +1 -0
- package/dist/cjs/components/VoiceRecorder/useVoiceRecorder.js +213 -0
- package/dist/cjs/components/VoiceRecorder/useVoiceRecorder.js.map +1 -0
- package/dist/cjs/components/Waveform/Waveform.css +23 -0
- package/dist/cjs/components/Waveform/Waveform.js +36 -0
- package/dist/cjs/components/Waveform/Waveform.js.map +1 -0
- package/dist/cjs/components/Waveform/index.js +11 -0
- package/dist/cjs/components/Waveform/index.js.map +1 -0
- package/dist/cjs/components/index.js +18 -1
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/esm/components/ChatComposer/ChatComposer.js +12 -4
- package/dist/esm/components/ChatComposer/ChatComposer.js.map +1 -1
- package/dist/esm/components/EmojiPicker/EmojiPicker.css +19 -0
- package/dist/esm/components/EmojiPicker/EmojiPicker.js +50 -0
- package/dist/esm/components/EmojiPicker/EmojiPicker.js.map +1 -0
- package/dist/esm/components/EmojiPicker/index.js +3 -0
- package/dist/esm/components/EmojiPicker/index.js.map +1 -0
- package/dist/esm/components/PhotoDraftStrip/PhotoDraftStrip.css +27 -0
- package/dist/esm/components/PhotoDraftStrip/PhotoDraftStrip.js +32 -0
- package/dist/esm/components/PhotoDraftStrip/PhotoDraftStrip.js.map +1 -0
- package/dist/esm/components/PhotoDraftStrip/index.js +3 -0
- package/dist/esm/components/PhotoDraftStrip/index.js.map +1 -0
- package/dist/esm/components/RecordingBar/RecordingBar.css +47 -0
- package/dist/esm/components/RecordingBar/RecordingBar.js +18 -0
- package/dist/esm/components/RecordingBar/RecordingBar.js.map +1 -0
- package/dist/esm/components/RecordingBar/index.js +3 -0
- package/dist/esm/components/RecordingBar/index.js.map +1 -0
- package/dist/esm/components/VoiceMessage/VoiceMessage.css +29 -0
- package/dist/esm/components/VoiceMessage/VoiceMessage.js +81 -0
- package/dist/esm/components/VoiceMessage/VoiceMessage.js.map +1 -0
- package/dist/esm/components/VoiceMessage/index.js +3 -0
- package/dist/esm/components/VoiceMessage/index.js.map +1 -0
- package/dist/esm/components/VoiceRecorder/audio.js +55 -0
- package/dist/esm/components/VoiceRecorder/audio.js.map +1 -0
- package/dist/esm/components/VoiceRecorder/index.js +4 -0
- package/dist/esm/components/VoiceRecorder/index.js.map +1 -0
- package/dist/esm/components/VoiceRecorder/useVoiceRecorder.js +210 -0
- package/dist/esm/components/VoiceRecorder/useVoiceRecorder.js.map +1 -0
- package/dist/esm/components/Waveform/Waveform.css +23 -0
- package/dist/esm/components/Waveform/Waveform.js +32 -0
- package/dist/esm/components/Waveform/Waveform.js.map +1 -0
- package/dist/esm/components/Waveform/index.js +3 -0
- package/dist/esm/components/Waveform/index.js.map +1 -0
- package/dist/esm/components/index.js +6 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/styles/components/EmojiPicker.css +19 -0
- package/dist/styles/components/PhotoDraftStrip.css +27 -0
- package/dist/styles/components/RecordingBar.css +47 -0
- package/dist/styles/components/VoiceMessage.css +29 -0
- package/dist/styles/components/Waveform.css +23 -0
- package/dist/styles/index.css +516 -356
- package/dist/styles/muka-dark.css +516 -356
- package/dist/styles/muka-light.css +516 -356
- package/dist/styles/wireframe-dark.css +516 -356
- package/dist/styles/wireframe-light.css +516 -356
- package/dist/types/components/ChatComposer/ChatComposer.d.ts +7 -0
- package/dist/types/components/ChatComposer/ChatComposer.d.ts.map +1 -1
- package/dist/types/components/EmojiPicker/EmojiPicker.d.ts +28 -0
- package/dist/types/components/EmojiPicker/EmojiPicker.d.ts.map +1 -0
- package/dist/types/components/EmojiPicker/index.d.ts +3 -0
- package/dist/types/components/EmojiPicker/index.d.ts.map +1 -0
- package/dist/types/components/PhotoDraftStrip/PhotoDraftStrip.d.ts +51 -0
- package/dist/types/components/PhotoDraftStrip/PhotoDraftStrip.d.ts.map +1 -0
- package/dist/types/components/PhotoDraftStrip/index.d.ts +3 -0
- package/dist/types/components/PhotoDraftStrip/index.d.ts.map +1 -0
- package/dist/types/components/RecordingBar/RecordingBar.d.ts +22 -0
- package/dist/types/components/RecordingBar/RecordingBar.d.ts.map +1 -0
- package/dist/types/components/RecordingBar/index.d.ts +3 -0
- package/dist/types/components/RecordingBar/index.d.ts.map +1 -0
- package/dist/types/components/VoiceMessage/VoiceMessage.d.ts +34 -0
- package/dist/types/components/VoiceMessage/VoiceMessage.d.ts.map +1 -0
- package/dist/types/components/VoiceMessage/index.d.ts +3 -0
- package/dist/types/components/VoiceMessage/index.d.ts.map +1 -0
- package/dist/types/components/VoiceRecorder/audio.d.ts +20 -0
- package/dist/types/components/VoiceRecorder/audio.d.ts.map +1 -0
- package/dist/types/components/VoiceRecorder/index.d.ts +4 -0
- package/dist/types/components/VoiceRecorder/index.d.ts.map +1 -0
- package/dist/types/components/VoiceRecorder/useVoiceRecorder.d.ts +48 -0
- package/dist/types/components/VoiceRecorder/useVoiceRecorder.d.ts.map +1 -0
- package/dist/types/components/Waveform/Waveform.d.ts +31 -0
- package/dist/types/components/Waveform/Waveform.d.ts.map +1 -0
- package/dist/types/components/Waveform/index.d.ts +3 -0
- package/dist/types/components/Waveform/index.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +6 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,213 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.useVoiceRecorder = useVoiceRecorder;
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const audio_1 = require("./audio");
|
|
7
|
+
/** Number of live bars kept for the moving waveform while recording. */
|
|
8
|
+
const LIVE_PEAK_WINDOW = 40;
|
|
9
|
+
const MIME_CANDIDATES = [
|
|
10
|
+
{ mime: 'audio/webm;codecs=opus', ext: 'webm' },
|
|
11
|
+
{ mime: 'audio/webm', ext: 'webm' },
|
|
12
|
+
{ mime: 'audio/ogg;codecs=opus', ext: 'ogg' },
|
|
13
|
+
{ mime: 'audio/mp4', ext: 'm4a' },
|
|
14
|
+
];
|
|
15
|
+
function pickMimeType() {
|
|
16
|
+
if (typeof MediaRecorder !== 'undefined' &&
|
|
17
|
+
typeof MediaRecorder.isTypeSupported === 'function') {
|
|
18
|
+
for (const candidate of MIME_CANDIDATES) {
|
|
19
|
+
if (MediaRecorder.isTypeSupported(candidate.mime))
|
|
20
|
+
return candidate;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
// Let the browser choose a default container; webm is the safe guess for ext.
|
|
24
|
+
return { mime: '', ext: 'webm' };
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* `useVoiceRecorder` — headless hook exposing recorder status, the live waveform
|
|
28
|
+
* and the finished {@link VoiceClip}. Feed `elapsedMs` + `livePeaks` into a
|
|
29
|
+
* `RecordingBar`, and persist the returned clip's `peaks` for `VoiceMessage`.
|
|
30
|
+
*/
|
|
31
|
+
function useVoiceRecorder() {
|
|
32
|
+
const [status, setStatus] = (0, react_1.useState)('idle');
|
|
33
|
+
const [elapsedMs, setElapsedMs] = (0, react_1.useState)(0);
|
|
34
|
+
const [livePeaks, setLivePeaks] = (0, react_1.useState)([]);
|
|
35
|
+
const [error, setError] = (0, react_1.useState)(null);
|
|
36
|
+
const recorderRef = (0, react_1.useRef)(null);
|
|
37
|
+
const streamRef = (0, react_1.useRef)(null);
|
|
38
|
+
const chunksRef = (0, react_1.useRef)([]);
|
|
39
|
+
const audioCtxRef = (0, react_1.useRef)(null);
|
|
40
|
+
const analyserRef = (0, react_1.useRef)(null);
|
|
41
|
+
const rafRef = (0, react_1.useRef)(null);
|
|
42
|
+
const startedAtRef = (0, react_1.useRef)(0);
|
|
43
|
+
const allSamplesRef = (0, react_1.useRef)([]);
|
|
44
|
+
const mimeRef = (0, react_1.useRef)({ mime: '', ext: 'webm' });
|
|
45
|
+
const statusRef = (0, react_1.useRef)('idle');
|
|
46
|
+
const setPhase = (0, react_1.useCallback)((next) => {
|
|
47
|
+
statusRef.current = next;
|
|
48
|
+
setStatus(next);
|
|
49
|
+
}, []);
|
|
50
|
+
const teardown = (0, react_1.useCallback)(() => {
|
|
51
|
+
if (rafRef.current !== null) {
|
|
52
|
+
cancelAnimationFrame(rafRef.current);
|
|
53
|
+
rafRef.current = null;
|
|
54
|
+
}
|
|
55
|
+
if (audioCtxRef.current) {
|
|
56
|
+
void audioCtxRef.current.close().catch(() => { });
|
|
57
|
+
audioCtxRef.current = null;
|
|
58
|
+
}
|
|
59
|
+
analyserRef.current = null;
|
|
60
|
+
if (streamRef.current) {
|
|
61
|
+
streamRef.current.getTracks().forEach((t) => t.stop());
|
|
62
|
+
streamRef.current = null;
|
|
63
|
+
}
|
|
64
|
+
}, []);
|
|
65
|
+
(0, react_1.useEffect)(() => () => teardown(), [teardown]);
|
|
66
|
+
const sampleLoop = (0, react_1.useCallback)(() => {
|
|
67
|
+
const analyser = analyserRef.current;
|
|
68
|
+
if (!analyser)
|
|
69
|
+
return;
|
|
70
|
+
const buffer = new Uint8Array(analyser.fftSize);
|
|
71
|
+
analyser.getByteTimeDomainData(buffer);
|
|
72
|
+
// RMS around the 128 midpoint → 0..1 amplitude.
|
|
73
|
+
let sumSquares = 0;
|
|
74
|
+
for (let i = 0; i < buffer.length; i += 1) {
|
|
75
|
+
const centered = (buffer[i] - 128) / 128;
|
|
76
|
+
sumSquares += centered * centered;
|
|
77
|
+
}
|
|
78
|
+
const rms = Math.sqrt(sumSquares / buffer.length);
|
|
79
|
+
const amplitude = Math.min(1, rms * 2.2);
|
|
80
|
+
allSamplesRef.current.push(amplitude);
|
|
81
|
+
setLivePeaks((prev) => {
|
|
82
|
+
const next = [...prev, amplitude];
|
|
83
|
+
return next.length > LIVE_PEAK_WINDOW
|
|
84
|
+
? next.slice(next.length - LIVE_PEAK_WINDOW)
|
|
85
|
+
: next;
|
|
86
|
+
});
|
|
87
|
+
setElapsedMs(Date.now() - startedAtRef.current);
|
|
88
|
+
rafRef.current = requestAnimationFrame(sampleLoop);
|
|
89
|
+
}, []);
|
|
90
|
+
const start = (0, react_1.useCallback)(async () => {
|
|
91
|
+
const phase = statusRef.current;
|
|
92
|
+
if (phase === 'recording' || phase === 'requesting')
|
|
93
|
+
return;
|
|
94
|
+
if (!(0, audio_1.isVoiceRecordingSupported)()) {
|
|
95
|
+
setPhase('error');
|
|
96
|
+
setError('Recording is not available in this browser.');
|
|
97
|
+
return;
|
|
98
|
+
}
|
|
99
|
+
setPhase('requesting');
|
|
100
|
+
setError(null);
|
|
101
|
+
setElapsedMs(0);
|
|
102
|
+
setLivePeaks([]);
|
|
103
|
+
chunksRef.current = [];
|
|
104
|
+
allSamplesRef.current = [];
|
|
105
|
+
let stream;
|
|
106
|
+
try {
|
|
107
|
+
stream = await navigator.mediaDevices.getUserMedia({ audio: true });
|
|
108
|
+
}
|
|
109
|
+
catch {
|
|
110
|
+
setPhase('error');
|
|
111
|
+
setError('Microphone access was denied.');
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
streamRef.current = stream;
|
|
115
|
+
const chosen = pickMimeType();
|
|
116
|
+
mimeRef.current = chosen;
|
|
117
|
+
let recorder;
|
|
118
|
+
try {
|
|
119
|
+
recorder = chosen.mime
|
|
120
|
+
? new MediaRecorder(stream, { mimeType: chosen.mime })
|
|
121
|
+
: new MediaRecorder(stream);
|
|
122
|
+
}
|
|
123
|
+
catch {
|
|
124
|
+
recorder = new MediaRecorder(stream);
|
|
125
|
+
}
|
|
126
|
+
recorderRef.current = recorder;
|
|
127
|
+
recorder.ondataavailable = (event) => {
|
|
128
|
+
if (event.data && event.data.size > 0)
|
|
129
|
+
chunksRef.current.push(event.data);
|
|
130
|
+
};
|
|
131
|
+
// Live waveform via an analyser tapped off the same stream.
|
|
132
|
+
try {
|
|
133
|
+
const AudioCtx = window.AudioContext ||
|
|
134
|
+
window
|
|
135
|
+
.webkitAudioContext;
|
|
136
|
+
if (AudioCtx) {
|
|
137
|
+
const ctx = new AudioCtx();
|
|
138
|
+
audioCtxRef.current = ctx;
|
|
139
|
+
const source = ctx.createMediaStreamSource(stream);
|
|
140
|
+
const analyser = ctx.createAnalyser();
|
|
141
|
+
analyser.fftSize = 1024;
|
|
142
|
+
source.connect(analyser);
|
|
143
|
+
analyserRef.current = analyser;
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
catch {
|
|
147
|
+
// Waveform is a nicety; recording still works without it.
|
|
148
|
+
}
|
|
149
|
+
startedAtRef.current = Date.now();
|
|
150
|
+
recorder.start(100);
|
|
151
|
+
setPhase('recording');
|
|
152
|
+
rafRef.current = requestAnimationFrame(sampleLoop);
|
|
153
|
+
}, [sampleLoop, setPhase]);
|
|
154
|
+
const stop = (0, react_1.useCallback)(async () => {
|
|
155
|
+
const recorder = recorderRef.current;
|
|
156
|
+
if (!recorder || statusRef.current !== 'recording') {
|
|
157
|
+
teardown();
|
|
158
|
+
setPhase('idle');
|
|
159
|
+
return null;
|
|
160
|
+
}
|
|
161
|
+
setPhase('stopping');
|
|
162
|
+
const durationSec = Math.max(0, (Date.now() - startedAtRef.current) / 1000);
|
|
163
|
+
const blob = await new Promise((resolve) => {
|
|
164
|
+
recorder.onstop = () => {
|
|
165
|
+
const type = mimeRef.current.mime || recorder.mimeType || 'audio/webm';
|
|
166
|
+
resolve(new Blob(chunksRef.current, { type }));
|
|
167
|
+
};
|
|
168
|
+
recorder.stop();
|
|
169
|
+
});
|
|
170
|
+
if (rafRef.current !== null) {
|
|
171
|
+
cancelAnimationFrame(rafRef.current);
|
|
172
|
+
rafRef.current = null;
|
|
173
|
+
}
|
|
174
|
+
const peaks = (0, audio_1.downsamplePeaks)(allSamplesRef.current);
|
|
175
|
+
teardown();
|
|
176
|
+
recorderRef.current = null;
|
|
177
|
+
setPhase('idle');
|
|
178
|
+
setLivePeaks([]);
|
|
179
|
+
setElapsedMs(0);
|
|
180
|
+
if (blob.size === 0)
|
|
181
|
+
return null;
|
|
182
|
+
return {
|
|
183
|
+
blob,
|
|
184
|
+
mimeType: blob.type,
|
|
185
|
+
ext: mimeRef.current.ext,
|
|
186
|
+
durationSec,
|
|
187
|
+
peaks,
|
|
188
|
+
};
|
|
189
|
+
}, [setPhase, teardown]);
|
|
190
|
+
const cancel = (0, react_1.useCallback)(() => {
|
|
191
|
+
const recorder = recorderRef.current;
|
|
192
|
+
if (recorder && recorder.state !== 'inactive') {
|
|
193
|
+
recorder.onstop = null;
|
|
194
|
+
try {
|
|
195
|
+
recorder.stop();
|
|
196
|
+
}
|
|
197
|
+
catch {
|
|
198
|
+
// already stopping
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
recorderRef.current = null;
|
|
202
|
+
chunksRef.current = [];
|
|
203
|
+
allSamplesRef.current = [];
|
|
204
|
+
teardown();
|
|
205
|
+
setPhase('idle');
|
|
206
|
+
setLivePeaks([]);
|
|
207
|
+
setElapsedMs(0);
|
|
208
|
+
setError(null);
|
|
209
|
+
}, [setPhase, teardown]);
|
|
210
|
+
return { status, elapsedMs, livePeaks, error, start, stop, cancel };
|
|
211
|
+
}
|
|
212
|
+
exports.default = useVoiceRecorder;
|
|
213
|
+
//# sourceMappingURL=useVoiceRecorder.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useVoiceRecorder.js","sourceRoot":"","sources":["../../../../components/VoiceRecorder/useVoiceRecorder.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/* Waveform Component Styles */
|
|
2
|
+
|
|
3
|
+
/*
|
|
4
|
+
* A row of amplitude bars. Muka ships no audio/waveform primitive; this is
|
|
5
|
+
* drawn from color + spacing tokens only. Bar height (per-peak magnitude) and
|
|
6
|
+
* the played/unplayed color split are data-driven, so they arrive as inline
|
|
7
|
+
* styles from the component; everything else is tokenized here.
|
|
8
|
+
*/
|
|
9
|
+
.muka-waveform {
|
|
10
|
+
display: flex;
|
|
11
|
+
align-items: center;
|
|
12
|
+
gap: var(--spacing-05, 2px);
|
|
13
|
+
width: 100%;
|
|
14
|
+
min-width: 0;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.muka-waveform__bar {
|
|
18
|
+
flex: 1 1 0;
|
|
19
|
+
min-width: 2px;
|
|
20
|
+
max-width: 4px;
|
|
21
|
+
border-radius: var(--radius-full, 9999px);
|
|
22
|
+
background: var(--color-border-contrast);
|
|
23
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.Waveform = void 0;
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
require("./Waveform.css");
|
|
7
|
+
/** A flat baseline used when there are no samples yet (keeps the strip stable). */
|
|
8
|
+
const FLAT = 0.08;
|
|
9
|
+
/** Number of placeholder bars drawn before any samples arrive. */
|
|
10
|
+
const PLACEHOLDER_BARS = 24;
|
|
11
|
+
/**
|
|
12
|
+
* Waveform — a bar visualization of an audio amplitude series.
|
|
13
|
+
*
|
|
14
|
+
* Shared by the composer's recording state (live amplitudes) and the
|
|
15
|
+
* `VoiceMessage` player (persisted peaks with a played/unplayed split). Pure and
|
|
16
|
+
* network-free: it renders whatever `peaks` it is handed. `progress` tints the
|
|
17
|
+
* leading fraction of bars with `activeColor`; the rest use `inactiveColor`.
|
|
18
|
+
* Both default to Muka tokens but are overridable so a tinted (`own`) bubble can
|
|
19
|
+
* pass an inverse color for contrast.
|
|
20
|
+
*/
|
|
21
|
+
const Waveform = ({ peaks, progress = 0, activeColor = 'var(--color-action-default)', inactiveColor = 'var(--color-border-contrast)', height = 'var(--spacing-6)', 'aria-label': ariaLabel, className = '', }) => {
|
|
22
|
+
const bars = peaks.length > 0 ? peaks : new Array(PLACEHOLDER_BARS).fill(FLAT);
|
|
23
|
+
const playedIndex = Math.round(progress * bars.length);
|
|
24
|
+
const classes = ['muka-waveform', className].filter(Boolean).join(' ');
|
|
25
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: classes, style: { height }, role: ariaLabel ? 'img' : 'presentation', "aria-label": ariaLabel, "aria-hidden": ariaLabel ? undefined : true, children: bars.map((peak, i) => {
|
|
26
|
+
const magnitude = Math.max(FLAT, Math.min(1, peak));
|
|
27
|
+
const played = i < playedIndex;
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)("span", { className: "muka-waveform__bar", style: {
|
|
29
|
+
height: `${Math.round(magnitude * 100)}%`,
|
|
30
|
+
background: played ? activeColor : inactiveColor,
|
|
31
|
+
} }, i));
|
|
32
|
+
}) }));
|
|
33
|
+
};
|
|
34
|
+
exports.Waveform = Waveform;
|
|
35
|
+
exports.default = exports.Waveform;
|
|
36
|
+
//# sourceMappingURL=Waveform.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Waveform.js","sourceRoot":"","sources":["../../../../components/Waveform/Waveform.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAGb,0BAAwB;AAyBxB,mFAAmF;AACnF,MAAM,IAAI,GAAG,IAAI,CAAC;AAElB,kEAAkE;AAClE,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAE5B;;;;;;;;;GASG;AACI,MAAM,QAAQ,GAA4B,CAAC,EAChD,KAAK,EACL,QAAQ,GAAG,CAAC,EACZ,WAAW,GAAG,6BAA6B,EAC3C,aAAa,GAAG,8BAA8B,EAC9C,MAAM,GAAG,kBAAkB,EAC3B,YAAY,EAAE,SAAS,EACvB,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/E,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;IAEvD,MAAM,OAAO,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvE,OAAO,CACL,gCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,gBAC5B,SAAS,iBACR,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,YAExC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACpB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;YACpD,MAAM,MAAM,GAAG,CAAC,GAAG,WAAW,CAAC;YAC/B,OAAO,CACL,iCAEE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;oBACL,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG;oBACzC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa;iBACjD,IALI,CAAC,CAMN,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,QAAQ,YAsCnB;AAEF,kBAAe,gBAAQ,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = exports.Waveform = void 0;
|
|
7
|
+
var Waveform_1 = require("./Waveform");
|
|
8
|
+
Object.defineProperty(exports, "Waveform", { enumerable: true, get: function () { return Waveform_1.Waveform; } });
|
|
9
|
+
var Waveform_2 = require("./Waveform");
|
|
10
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Waveform_2).default; } });
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Waveform/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAA0D;AAAjD,oGAAA,QAAQ,OAAA;AACjB,uCAAqC;AAA5B,oHAAA,OAAO,OAAA"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.TableCell = exports.TableRow = exports.TableBody = exports.TableHead = exports.Table = exports.RangeSlider = exports.DataPieChart = exports.PieChart = exports.Progress = exports.ProfileBadge = exports.AvatarGroup = exports.Avatar = exports.BadgeNumber = exports.Badge = exports.Container = exports.Section = exports.NavigationTransition = exports.AppShell = exports.View = exports.Dialog = exports.BottomBarTab = exports.BottomBar = exports.ControlBar = exports.TopBar = exports.ProgressAccordeon = exports.ProgressTracker = exports.EmptyState = exports.Toast = exports.Alert = exports.RadioTile = exports.CheckboxTile = exports.Toggle = exports.Checkbox = exports.Radio = exports.TabPanel = exports.Tab = exports.TabList = exports.Tabs = exports.Select = exports.Divider = exports.Chip = exports.Icon = exports.Label = exports.Card = exports.NumberInput = exports.useForm = exports.Form = exports.Input = exports.ListItem = exports.Button = void 0;
|
|
4
4
|
exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = exports.PopoverClose = exports.PopoverTrigger = exports.PopoverRoot = exports.PopoverContent = exports.Popover = exports.Tooltip = exports.Drawer = exports.Pagination = exports.Breadcrumb = exports.Skeleton = exports.Textarea = exports.ContextMenuSubContent = exports.ContextMenuSubTrigger = exports.ContextMenuSub = exports.ContextMenuRadioItem = exports.ContextMenuRadioGroup = exports.ContextMenuCheckboxItem = exports.ContextMenuGroup = exports.ContextMenuSeparator = exports.ContextMenuItem = exports.ContextMenuContent = exports.ContextMenuTrigger = exports.ContextMenu = exports.MenuSubContent = exports.MenuSubTrigger = exports.MenuSub = exports.MenuRadioItem = exports.MenuRadioGroup = exports.MenuCheckboxItem = exports.MenuGroup = exports.MenuSeparator = exports.MenuItem = exports.MenuContent = exports.MenuTrigger = exports.Menu = exports.FileUploadItem = exports.FileUpload = exports.SmsOtpField = exports.DocumentViewer = exports.Tile = exports.PriceTag = exports.SegmentGroup = exports.DatePicker = exports.DataTable = exports.useTableSelection = exports.TablePagination = exports.TableHeaderCell = void 0;
|
|
5
|
-
exports.TextLink = exports.PhotoUploader = exports.Thumbnail = exports.LicensePlateInput = exports.PullToRefresh = exports.SwipeActions = exports.Combobox = exports.ChatAttachmentChip = exports.TypingIndicator = exports.AgentTaskList = exports.ChatComposer = exports.ChatPhotoGrid = exports.ChatMessageList = exports.ChatMessageStack = exports.ChatMessage = exports.SearchInput = exports.ActionSheet = exports.FAB = exports.SpecRow = exports.SpecList = exports.Spinner = exports.Sheet = exports.AccordionContent = void 0;
|
|
5
|
+
exports.TextLink = exports.PhotoUploader = exports.Thumbnail = exports.LicensePlateInput = exports.PullToRefresh = exports.SwipeActions = exports.Combobox = exports.ChatAttachmentChip = exports.TypingIndicator = exports.AgentTaskList = exports.DEFAULT_EMOJI = exports.EmojiPicker = exports.PhotoDraftStrip = exports.VOICE_PEAK_COUNT = exports.isVoiceRecordingSupported = exports.formatClock = exports.downsamplePeaks = exports.useVoiceRecorder = exports.VoiceMessage = exports.RecordingBar = exports.Waveform = exports.ChatComposer = exports.ChatPhotoGrid = exports.ChatMessageList = exports.ChatMessageStack = exports.ChatMessage = exports.SearchInput = exports.ActionSheet = exports.FAB = exports.SpecRow = exports.SpecList = exports.Spinner = exports.Sheet = exports.AccordionContent = void 0;
|
|
6
6
|
// Muka Design System Components
|
|
7
7
|
var Button_1 = require("./Button");
|
|
8
8
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
@@ -186,6 +186,23 @@ var ChatPhotoGrid_1 = require("./ChatPhotoGrid");
|
|
|
186
186
|
Object.defineProperty(exports, "ChatPhotoGrid", { enumerable: true, get: function () { return ChatPhotoGrid_1.ChatPhotoGrid; } });
|
|
187
187
|
var ChatComposer_1 = require("./ChatComposer");
|
|
188
188
|
Object.defineProperty(exports, "ChatComposer", { enumerable: true, get: function () { return ChatComposer_1.ChatComposer; } });
|
|
189
|
+
var Waveform_1 = require("./Waveform");
|
|
190
|
+
Object.defineProperty(exports, "Waveform", { enumerable: true, get: function () { return Waveform_1.Waveform; } });
|
|
191
|
+
var RecordingBar_1 = require("./RecordingBar");
|
|
192
|
+
Object.defineProperty(exports, "RecordingBar", { enumerable: true, get: function () { return RecordingBar_1.RecordingBar; } });
|
|
193
|
+
var VoiceMessage_1 = require("./VoiceMessage");
|
|
194
|
+
Object.defineProperty(exports, "VoiceMessage", { enumerable: true, get: function () { return VoiceMessage_1.VoiceMessage; } });
|
|
195
|
+
var VoiceRecorder_1 = require("./VoiceRecorder");
|
|
196
|
+
Object.defineProperty(exports, "useVoiceRecorder", { enumerable: true, get: function () { return VoiceRecorder_1.useVoiceRecorder; } });
|
|
197
|
+
Object.defineProperty(exports, "downsamplePeaks", { enumerable: true, get: function () { return VoiceRecorder_1.downsamplePeaks; } });
|
|
198
|
+
Object.defineProperty(exports, "formatClock", { enumerable: true, get: function () { return VoiceRecorder_1.formatClock; } });
|
|
199
|
+
Object.defineProperty(exports, "isVoiceRecordingSupported", { enumerable: true, get: function () { return VoiceRecorder_1.isVoiceRecordingSupported; } });
|
|
200
|
+
Object.defineProperty(exports, "VOICE_PEAK_COUNT", { enumerable: true, get: function () { return VoiceRecorder_1.VOICE_PEAK_COUNT; } });
|
|
201
|
+
var PhotoDraftStrip_1 = require("./PhotoDraftStrip");
|
|
202
|
+
Object.defineProperty(exports, "PhotoDraftStrip", { enumerable: true, get: function () { return PhotoDraftStrip_1.PhotoDraftStrip; } });
|
|
203
|
+
var EmojiPicker_1 = require("./EmojiPicker");
|
|
204
|
+
Object.defineProperty(exports, "EmojiPicker", { enumerable: true, get: function () { return EmojiPicker_1.EmojiPicker; } });
|
|
205
|
+
Object.defineProperty(exports, "DEFAULT_EMOJI", { enumerable: true, get: function () { return EmojiPicker_1.DEFAULT_EMOJI; } });
|
|
189
206
|
var AgentTaskList_1 = require("./AgentTaskList");
|
|
190
207
|
Object.defineProperty(exports, "AgentTaskList", { enumerable: true, get: function () { return AgentTaskList_1.AgentTaskList; } });
|
|
191
208
|
var TypingIndicator_1 = require("./TypingIndicator");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ import './ChatComposer.css';
|
|
|
14
14
|
* strip. Submits on Enter (Shift+Enter for a newline). Designed to live in a
|
|
15
15
|
* `BottomBar`.
|
|
16
16
|
*/
|
|
17
|
-
export const ChatComposer = forwardRef(({ value, onChange, onSubmit, placeholder = 'Reply...', onLeadingClick, leadingIcon = 'add', leadingLabel = 'Add attachment', onEmoji, showEmoji = true, emojiLabel = 'Add emoji', onRecordStart, micLabel = 'Record voice message', sendLabel = 'Send message', recording = false, recordingSlot, onRecordPause, onRecordDiscard, pauseLabel = 'Pause recording', discardLabel = 'Discard recording', attachments, attachmentsOverflowLabel = 'Show more attachments', loading = false, disabled = false, maxLines = 10, autoFocus = false, className = '', }, forwardedRef) => {
|
|
17
|
+
export const ChatComposer = forwardRef(({ value, onChange, onSubmit, placeholder = 'Reply...', onLeadingClick, leadingIcon = 'add', leadingLabel = 'Add attachment', onEmoji, showEmoji = true, emojiLabel = 'Add emoji', onRecordStart, micLabel = 'Record voice message', sendLabel = 'Send message', canSubmit: canSubmitProp, recording = false, recordingSlot, onRecordPause, onRecordDiscard, pauseLabel = 'Pause recording', discardLabel = 'Discard recording', attachments, attachmentsOverflowLabel = 'Show more attachments', loading = false, disabled = false, maxLines = 10, autoFocus = false, className = '', }, forwardedRef) => {
|
|
18
18
|
const textareaRef = useRef(null);
|
|
19
19
|
const attachmentsRef = useRef(null);
|
|
20
20
|
useImperativeHandle(forwardedRef, () => textareaRef.current);
|
|
@@ -30,9 +30,12 @@ export const ChatComposer = forwardRef(({ value, onChange, onSubmit, placeholder
|
|
|
30
30
|
el.style.height = `${next}px`;
|
|
31
31
|
el.style.overflowY = el.scrollHeight > maxHeight ? 'auto' : 'hidden';
|
|
32
32
|
}, [value, maxLines, recording]);
|
|
33
|
+
// `canSubmit` overrides the default "text is non-empty" rule when provided,
|
|
34
|
+
// so a caption-less gallery send can be enabled from staged attachments.
|
|
35
|
+
const textEnabled = canSubmitProp ?? value.trim().length > 0;
|
|
33
36
|
const canSubmit = recording
|
|
34
37
|
? !disabled && !loading
|
|
35
|
-
: !disabled && !loading &&
|
|
38
|
+
: !disabled && !loading && textEnabled;
|
|
36
39
|
const handleSubmit = () => {
|
|
37
40
|
if (!canSubmit)
|
|
38
41
|
return;
|
|
@@ -51,8 +54,13 @@ export const ChatComposer = forwardRef(({ value, onChange, onSubmit, placeholder
|
|
|
51
54
|
el.scrollBy({ left: el.clientWidth * 0.8, behavior: 'smooth' });
|
|
52
55
|
};
|
|
53
56
|
// Trailing button is a mic only when the field is empty, not recording, and
|
|
54
|
-
// a record handler is supplied; otherwise it is the send button.
|
|
55
|
-
|
|
57
|
+
// a record handler is supplied; otherwise it is the send button. When send
|
|
58
|
+
// enablement is controlled (`canSubmit`), always show send so a caption-less
|
|
59
|
+
// gallery can be sent from an empty field.
|
|
60
|
+
const showMic = !recording &&
|
|
61
|
+
onRecordStart &&
|
|
62
|
+
canSubmitProp === undefined &&
|
|
63
|
+
value.trim().length === 0;
|
|
56
64
|
const classes = [
|
|
57
65
|
'muka-chat-composer',
|
|
58
66
|
recording && 'muka-chat-composer--recording',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatComposer.js","sourceRoot":"","sources":["../../../../components/ChatComposer/ChatComposer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EACZ,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAiB,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatComposer.js","sourceRoot":"","sources":["../../../../components/ChatComposer/ChatComposer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EACZ,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAiB,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,oBAAoB,CAAC;AAuG5B;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EACE,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,UAAU,EACxB,cAAc,EACd,WAAW,GAAG,KAAK,EACnB,YAAY,GAAG,gBAAgB,EAC/B,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,UAAU,GAAG,WAAW,EACxB,aAAa,EACb,QAAQ,GAAG,sBAAsB,EACjC,SAAS,GAAG,cAAc,EAC1B,SAAS,EAAE,aAAa,EACxB,SAAS,GAAG,KAAK,EACjB,aAAa,EACb,aAAa,EACb,eAAe,EACf,UAAU,GAAG,iBAAiB,EAC9B,YAAY,GAAG,mBAAmB,EAClC,WAAW,EACX,wBAAwB,GAAG,uBAAuB,EAClD,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,EAAE,GACf,EACD,YAAY,EACZ,EAAE;IACF,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACtD,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,mBAAmB,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,OAA8B,CAAC,CAAC;IAEpF,wDAAwD;IACxD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC;QAC/B,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACzB,MAAM,UAAU,GAAG,UAAU,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;QACrE,MAAM,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;QACxC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;QAClD,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC;QAC9B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;IACvE,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC;IAEjC,4EAA4E;IAC5E,yEAAyE;IACzE,MAAM,WAAW,GAAG,aAAa,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;IAC7D,MAAM,SAAS,GAAG,SAAS;QACzB,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,OAAO;QACvB,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,WAAW,CAAC;IAEzC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAA2C,EAAE,EAAE;QACpE,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YACrC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,MAAM,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC;QAClC,IAAI,CAAC,EAAE;YAAE,OAAO;QAChB,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,EAAE,CAAC,WAAW,GAAG,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,4EAA4E;IAC5E,2EAA2E;IAC3E,6EAA6E;IAC7E,2CAA2C;IAC3C,MAAM,OAAO,GACX,CAAC,SAAS;QACV,aAAa;QACb,aAAa,KAAK,SAAS;QAC3B,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC;IAE5B,MAAM,OAAO,GAAG;QACd,oBAAoB;QACpB,SAAS,IAAI,+BAA+B;QAC5C,QAAQ,IAAI,8BAA8B;QAC1C,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,gBACE,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,EAAE,CAAC;QACjB,CAAC,aAEA,WAAW,IAAI,CACd,eAAK,SAAS,EAAC,uCAAuC,aACpD,cAAK,SAAS,EAAC,iCAAiC,EAAC,GAAG,EAAE,cAAc,YACjE,WAAW,GACR,EACN,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8BAA8B,EACxC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,QAAQ,sBACI,wBAAwB,EACpC,OAAO,EAAE,iBAAiB,YAE1B,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,GAAG,GAChC,IACL,CACP,EAED,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,QAAQ,QACR,QAAQ,EAAE,QAAQ,gBACN,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,EACnD,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,YAErD,KAAC,IAAI,IAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,EAAC,IAAI,GAAG,GACzD,EAER,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,+BAA+B,YAAE,aAAa,GAAO,CACrE,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,2BAA2B,aACxC,mBACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ;gCAClB,iDAAiD;gCACjD,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,CAAC,gBACK,WAAW,GACvB,EACD,SAAS,IAAI,CACZ,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2BAA2B,EACrC,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,QAAQ,QACR,QAAQ,EAAE,QAAQ,gBACN,UAAU,EACtB,OAAO,EAAE,OAAO,YAEhB,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,IAAI,GAAG,GAChC,CACV,IACG,CACP,EAEA,SAAS,IAAI,CACZ,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,QAAQ,QACR,QAAQ,EAAE,QAAQ,gBACN,UAAU,EACtB,OAAO,EAAE,aAAa,YAEtB,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,IAAI,GAAG,GAC/B,CACV,EAEA,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,IAAI,EACT,QAAQ,QACR,QAAQ,EAAE,QAAQ,gBACN,QAAQ,EACpB,OAAO,EAAE,aAAa,YAEtB,KAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,GAAG,GACtB,CACV,CAAC,CAAC,CAAC,CACF,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,QAAQ,QACR,QAAQ,EAAE,CAAC,SAAS,gBACR,SAAS,YAEpB,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,GAAG,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,GAAG,CACtC,GACM,CACV,IACG,IACD,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/* EmojiPicker Component Styles */
|
|
2
|
+
|
|
3
|
+
.muka-emoji-picker {
|
|
4
|
+
display: grid;
|
|
5
|
+
grid-template-columns: repeat(8, 1fr);
|
|
6
|
+
gap: var(--spacing-1);
|
|
7
|
+
padding: var(--spacing-2);
|
|
8
|
+
max-height: 12rem;
|
|
9
|
+
overflow-y: auto;
|
|
10
|
+
background: var(--color-surface-level2);
|
|
11
|
+
border: var(--border-width-regular, 1px) solid var(--color-border-default);
|
|
12
|
+
border-radius: var(--radius-lg);
|
|
13
|
+
box-shadow: var(--menu-content-shadow, 0 4px 12px rgba(0, 0, 0, 0.12));
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.muka-emoji-picker__glyph {
|
|
17
|
+
font-size: 1.25rem;
|
|
18
|
+
line-height: 1;
|
|
19
|
+
}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useRef } from 'react';
|
|
4
|
+
import { Button } from '../Button';
|
|
5
|
+
import './EmojiPicker.css';
|
|
6
|
+
/** A small default set of common Unicode emoji. Override via the `emoji` prop. */
|
|
7
|
+
export const DEFAULT_EMOJI = [
|
|
8
|
+
'😀', '😄', '😉', '😊', '😍', '😘', '😎', '🤔',
|
|
9
|
+
'😅', '😂', '🙃', '😴', '😇', '🥳', '😢', '😡',
|
|
10
|
+
'👍', '👎', '👌', '🙏', '👏', '💪', '🤝', '✌️',
|
|
11
|
+
'👋', '🫡', '🔥', '✅', '❌', '⚠️', '❗', '❓',
|
|
12
|
+
'💯', '🎉', '⭐', '❤️', '💥', '👀', '💡', '⏰',
|
|
13
|
+
];
|
|
14
|
+
/**
|
|
15
|
+
* EmojiPicker — a minimal panel of Unicode emoji that inserts into a composer.
|
|
16
|
+
*
|
|
17
|
+
* Optional and dependency-free: apps may ignore it and wire only
|
|
18
|
+
* `ChatComposer.onEmoji`. Emoji are plain text, so once inserted they render in
|
|
19
|
+
* sent bubbles for free. Closes on Escape or an outside click.
|
|
20
|
+
*/
|
|
21
|
+
export const EmojiPicker = ({ open, onClose, onSelect, title = 'Emoji', emoji = DEFAULT_EMOJI, className = '', }) => {
|
|
22
|
+
const panelRef = useRef(null);
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
if (!open)
|
|
25
|
+
return;
|
|
26
|
+
const onKey = (e) => {
|
|
27
|
+
if (e.key === 'Escape')
|
|
28
|
+
onClose();
|
|
29
|
+
};
|
|
30
|
+
const onPointer = (e) => {
|
|
31
|
+
if (panelRef.current && !panelRef.current.contains(e.target)) {
|
|
32
|
+
onClose();
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
document.addEventListener('keydown', onKey);
|
|
36
|
+
// Defer so the opening click doesn't immediately close the panel.
|
|
37
|
+
const id = window.setTimeout(() => document.addEventListener('pointerdown', onPointer), 0);
|
|
38
|
+
return () => {
|
|
39
|
+
document.removeEventListener('keydown', onKey);
|
|
40
|
+
window.clearTimeout(id);
|
|
41
|
+
document.removeEventListener('pointerdown', onPointer);
|
|
42
|
+
};
|
|
43
|
+
}, [open, onClose]);
|
|
44
|
+
if (!open)
|
|
45
|
+
return null;
|
|
46
|
+
const classes = ['muka-emoji-picker', className].filter(Boolean).join(' ');
|
|
47
|
+
return (_jsx("div", { ref: panelRef, className: classes, role: "dialog", "aria-label": title, children: emoji.map((char) => (_jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, "aria-label": char, onClick: () => onSelect(char), children: _jsx("span", { className: "muka-emoji-picker__glyph", children: char }) }, char))) }));
|
|
48
|
+
};
|
|
49
|
+
export default EmojiPicker;
|
|
50
|
+
//# sourceMappingURL=EmojiPicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../../components/EmojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/EmojiPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,aAAa,GACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/* PhotoDraftStrip Component Styles */
|
|
2
|
+
|
|
3
|
+
.muka-photo-draft-strip {
|
|
4
|
+
display: flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
gap: var(--spacing-3);
|
|
7
|
+
width: 100%;
|
|
8
|
+
padding: var(--spacing-2) 0;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.muka-photo-draft-strip__track {
|
|
12
|
+
display: flex;
|
|
13
|
+
gap: var(--spacing-2);
|
|
14
|
+
flex: 1 1 auto;
|
|
15
|
+
min-width: 0;
|
|
16
|
+
overflow-x: auto;
|
|
17
|
+
scroll-behavior: smooth;
|
|
18
|
+
scrollbar-width: none;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.muka-photo-draft-strip__track::-webkit-scrollbar {
|
|
22
|
+
display: none;
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.muka-photo-draft-strip__item {
|
|
26
|
+
flex: 0 0 auto;
|
|
27
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Button } from '../Button';
|
|
4
|
+
import { Icon } from '../Icon';
|
|
5
|
+
import { Spinner } from '../Spinner';
|
|
6
|
+
import { Thumbnail } from '../Thumbnail';
|
|
7
|
+
import './PhotoDraftStrip.css';
|
|
8
|
+
/**
|
|
9
|
+
* PhotoDraftStrip — a controlled, horizontally-scrolling strip of staged photos
|
|
10
|
+
* shown above the composer while they upload. Each tile is a Muka `Thumbnail`
|
|
11
|
+
* carrying its own upload progress / error and a remove (×) control, so a
|
|
12
|
+
* per-item failure never blocks sending the rest.
|
|
13
|
+
*
|
|
14
|
+
* Controlled and network-free: the app owns upload, object URLs and the cap on
|
|
15
|
+
* how many photos may be staged. The optional send button lives here because
|
|
16
|
+
* the composer only enables its own send once text is non-empty — it can't send
|
|
17
|
+
* a caption-less gallery. Sending is enabled once every tile has settled and at
|
|
18
|
+
* least one uploaded successfully.
|
|
19
|
+
*/
|
|
20
|
+
export const PhotoDraftStrip = ({ photos, onRemove, onSend, sending = false, showSend = true, sendLabel = 'Send photos', removeLabel = 'Remove photo', viewLabel = 'View photo', errorCaption = 'Upload failed', className = '', }) => {
|
|
21
|
+
if (photos.length === 0)
|
|
22
|
+
return null;
|
|
23
|
+
// Allow sending once every tile settled (uploaded or failed) and at least one
|
|
24
|
+
// uploaded successfully — a failed tile shouldn't block the rest.
|
|
25
|
+
const anyUploading = photos.some((p) => p.status === 'uploading');
|
|
26
|
+
const anyReady = photos.some((p) => p.status === 'ready');
|
|
27
|
+
const canSend = !sending && !anyUploading && anyReady;
|
|
28
|
+
const classes = ['muka-photo-draft-strip', className].filter(Boolean).join(' ');
|
|
29
|
+
return (_jsxs("div", { className: classes, children: [_jsx("div", { className: "muka-photo-draft-strip__track", children: photos.map((photo) => (_jsx("div", { className: "muka-photo-draft-strip__item", children: _jsx(Thumbnail, { src: photo.previewUrl, alt: photo.fileName, shape: "1:1", processing: photo.status === 'uploading' && photo.progress <= 0, loading: photo.status === 'uploading' && photo.progress > 0, progress: photo.progress, error: photo.status === 'error', caption: photo.status === 'error' ? errorCaption : undefined, onRemove: () => onRemove(photo.id), removeLabel: removeLabel, viewLabel: viewLabel }) }, photo.id))) }), showSend && (_jsx(Button, { variant: "primary", size: "lg", iconOnly: true, "aria-label": sendLabel, onClick: onSend, disabled: !canSend, children: sending ? (_jsx(Spinner, { size: "sm", variant: "inverse" })) : (_jsx(Icon, { name: "send-plane2", size: "md" })) }))] }));
|
|
30
|
+
};
|
|
31
|
+
export default PhotoDraftStrip;
|
|
32
|
+
//# sourceMappingURL=PhotoDraftStrip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PhotoDraftStrip.js","sourceRoot":"","sources":["../../../../components/PhotoDraftStrip/PhotoDraftStrip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,uBAAuB,CAAC;AA+C/B;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,aAAa,EACzB,WAAW,GAAG,cAAc,EAC5B,SAAS,GAAG,YAAY,EACxB,YAAY,GAAG,eAAe,EAC9B,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAErC,8EAA8E;IAC9E,kEAAkE;IAClE,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,CAAC,OAAO,IAAI,CAAC,YAAY,IAAI,QAAQ,CAAC;IAEtD,MAAM,OAAO,GAAG,CAAC,wBAAwB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhF,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACrB,cAAK,SAAS,EAAC,+BAA+B,YAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,cAAoB,SAAS,EAAC,8BAA8B,YAC1D,KAAC,SAAS,IACR,GAAG,EAAE,KAAK,CAAC,UAAU,EACrB,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,KAAK,EAAC,KAAK,EACX,UAAU,EAAE,KAAK,CAAC,MAAM,KAAK,WAAW,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,EAC/D,OAAO,EAAE,KAAK,CAAC,MAAM,KAAK,WAAW,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,EAC3D,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,MAAM,KAAK,OAAO,EAC/B,OAAO,EAAE,KAAK,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC5D,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAClC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,IAbM,KAAK,CAAC,EAAE,CAcZ,CACP,CAAC,GACE,EAEL,QAAQ,IAAI,CACX,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,QAAQ,sBACI,SAAS,EACrB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,CAAC,OAAO,YAEjB,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,GAAG,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,GAAG,CACtC,GACM,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/PhotoDraftStrip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAGhB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}
|