@livelayer/react 0.5.18 → 0.5.20
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.js +3 -3
- package/dist/index.mjs +522 -516
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as _, jsx as n, Fragment as
|
|
3
|
-
import { Component as
|
|
4
|
-
import { LiveKitSession as
|
|
5
|
-
import { createLocalAudioTrack as
|
|
6
|
-
class
|
|
2
|
+
import { jsxs as _, jsx as n, Fragment as _t } from "react/jsx-runtime";
|
|
3
|
+
import { Component as yn, useState as L, useRef as E, useEffect as A, useCallback as k, useMemo as ct, forwardRef as xt, createElement as vn } from "react";
|
|
4
|
+
import { LiveKitSession as bn } from "@livelayer/sdk";
|
|
5
|
+
import { createLocalAudioTrack as wn, Track as nn, createLocalVideoTrack as _n } from "livekit-client";
|
|
6
|
+
class xn extends yn {
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments), this.state = { hasError: !1, error: null }, this.reset = () => {
|
|
9
9
|
this.setState({ hasError: !1, error: null });
|
|
@@ -33,9 +33,9 @@ class wn extends mn {
|
|
|
33
33
|
] }) : this.props.children;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
|
-
function
|
|
37
|
-
const [t, r] = L("idle"), [i, o] = L("idle"), [l, c] = L([]), [u, f] = L(null), [y, b] = L(null), [s, a] = L(null), [x,
|
|
38
|
-
O.current = e.onDataMessage,
|
|
36
|
+
function kn(e) {
|
|
37
|
+
const [t, r] = L("idle"), [i, o] = L("idle"), [l, c] = L([]), [u, f] = L(null), [y, b] = L(null), [s, a] = L(null), [x, N] = L(!1), [C, v] = L(null), w = E(null), O = E(e.onDataMessage);
|
|
38
|
+
O.current = e.onDataMessage, A(() => {
|
|
39
39
|
const R = {
|
|
40
40
|
onConnectionStateChange: (z) => {
|
|
41
41
|
r(z), z === "connected" && v(null);
|
|
@@ -51,8 +51,8 @@ function _n(e) {
|
|
|
51
51
|
var M;
|
|
52
52
|
(M = O.current) == null || M.call(O, z);
|
|
53
53
|
},
|
|
54
|
-
onResumabilityChange:
|
|
55
|
-
}, W = new
|
|
54
|
+
onResumabilityChange: N
|
|
55
|
+
}, W = new bn(
|
|
56
56
|
{
|
|
57
57
|
agentId: e.agentId,
|
|
58
58
|
baseUrl: e.baseUrl,
|
|
@@ -62,7 +62,7 @@ function _n(e) {
|
|
|
62
62
|
},
|
|
63
63
|
R
|
|
64
64
|
);
|
|
65
|
-
return w.current = W, r("idle"), o("idle"), c([]), f(null), b(null), a(null),
|
|
65
|
+
return w.current = W, r("idle"), o("idle"), c([]), f(null), b(null), a(null), N(!1), v(null), () => {
|
|
66
66
|
var z;
|
|
67
67
|
(z = W.destroy) == null || z.call(W), w.current = null;
|
|
68
68
|
};
|
|
@@ -103,8 +103,8 @@ function _n(e) {
|
|
|
103
103
|
session: w.current
|
|
104
104
|
};
|
|
105
105
|
}
|
|
106
|
-
function
|
|
107
|
-
const e =
|
|
106
|
+
function Ln() {
|
|
107
|
+
const e = E(null), t = E(null), r = E(null), i = E(null), o = E(/* @__PURE__ */ new Set()), l = E(null), c = k(() => {
|
|
108
108
|
const s = t.current;
|
|
109
109
|
if (!s) {
|
|
110
110
|
i.current = null;
|
|
@@ -117,10 +117,10 @@ function xn() {
|
|
|
117
117
|
s.getByteFrequencyData(a);
|
|
118
118
|
let x = 0;
|
|
119
119
|
for (let C = 0; C < a.length; C++) x += a[C];
|
|
120
|
-
const
|
|
120
|
+
const N = x / a.length / 255;
|
|
121
121
|
for (const C of o.current)
|
|
122
122
|
try {
|
|
123
|
-
C(
|
|
123
|
+
C(N);
|
|
124
124
|
} catch (v) {
|
|
125
125
|
console.error("[useAudioLevel] subscriber threw:", v);
|
|
126
126
|
}
|
|
@@ -161,7 +161,7 @@ function xn() {
|
|
|
161
161
|
}, []), b = k((s) => (o.current.add(s), () => {
|
|
162
162
|
o.current.delete(s);
|
|
163
163
|
}), []);
|
|
164
|
-
return
|
|
164
|
+
return A(() => () => {
|
|
165
165
|
if (y(), t.current) {
|
|
166
166
|
try {
|
|
167
167
|
t.current.disconnect();
|
|
@@ -179,8 +179,8 @@ function xn() {
|
|
|
179
179
|
o.current.clear(), l.current = null;
|
|
180
180
|
}, [y]), { attach: f, detach: y, subscribe: b };
|
|
181
181
|
}
|
|
182
|
-
function
|
|
183
|
-
const [e, t] = L(!1), [r, i] = L(null), o =
|
|
182
|
+
function Sn() {
|
|
183
|
+
const [e, t] = L(!1), [r, i] = L(null), o = E(null), l = E(null), c = k(
|
|
184
184
|
async (s, a) => {
|
|
185
185
|
if (o.current && l.current) {
|
|
186
186
|
try {
|
|
@@ -191,14 +191,14 @@ function kn() {
|
|
|
191
191
|
}
|
|
192
192
|
l.current = s, i(null);
|
|
193
193
|
try {
|
|
194
|
-
const x = await
|
|
194
|
+
const x = await wn({
|
|
195
195
|
echoCancellation: !0,
|
|
196
196
|
noiseSuppression: !0
|
|
197
197
|
});
|
|
198
198
|
a != null && a.startMuted && await x.mute(), await s.localParticipant.publishTrack(x), o.current = x, t(x.isMuted);
|
|
199
199
|
} catch (x) {
|
|
200
|
-
const
|
|
201
|
-
throw i(
|
|
200
|
+
const N = x instanceof Error && x.name === "NotAllowedError" ? "Enable your microphone to talk with the agent." : "Microphone unavailable. Check browser permissions and try again.";
|
|
201
|
+
throw i(N), x;
|
|
202
202
|
}
|
|
203
203
|
},
|
|
204
204
|
[]
|
|
@@ -229,14 +229,14 @@ function kn() {
|
|
|
229
229
|
clearError: b
|
|
230
230
|
};
|
|
231
231
|
}
|
|
232
|
-
const
|
|
233
|
-
function
|
|
234
|
-
const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), [c, u] = L(""), f =
|
|
232
|
+
const Cn = { resolution: { width: 640, height: 480, frameRate: 24 } };
|
|
233
|
+
function En() {
|
|
234
|
+
const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), [c, u] = L(""), f = E(null), y = E(null), b = k((w) => {
|
|
235
235
|
f.current = w;
|
|
236
236
|
}, []), s = k(() => {
|
|
237
237
|
const w = f.current, O = y.current;
|
|
238
238
|
if (O && w) {
|
|
239
|
-
const I = w.localParticipant.getTrackPublication(
|
|
239
|
+
const I = w.localParticipant.getTrackPublication(nn.Source.Camera);
|
|
240
240
|
if (I != null && I.track) {
|
|
241
241
|
try {
|
|
242
242
|
w.localParticipant.unpublishTrack(I.track);
|
|
@@ -252,9 +252,9 @@ function Sn() {
|
|
|
252
252
|
if (O) {
|
|
253
253
|
i(null);
|
|
254
254
|
try {
|
|
255
|
-
const I = { ...
|
|
255
|
+
const I = { ...Cn };
|
|
256
256
|
w && (I.deviceId = w);
|
|
257
|
-
const q = await
|
|
257
|
+
const q = await _n(I);
|
|
258
258
|
await O.localParticipant.publishTrack(q), y.current = q;
|
|
259
259
|
const m = q.attach();
|
|
260
260
|
l(m), t(!0), w && u(w);
|
|
@@ -272,12 +272,12 @@ function Sn() {
|
|
|
272
272
|
}
|
|
273
273
|
}, []), x = k(async () => {
|
|
274
274
|
e ? s() : await a(c || void 0);
|
|
275
|
-
}, [e, c, s, a]),
|
|
275
|
+
}, [e, c, s, a]), N = k(async (w) => {
|
|
276
276
|
s(), await a(w);
|
|
277
277
|
}, [s, a]), C = k(() => {
|
|
278
278
|
s(), f.current = null, i(null), u("");
|
|
279
279
|
}, [s]), v = k(() => i(null), []);
|
|
280
|
-
return
|
|
280
|
+
return A(() => () => {
|
|
281
281
|
y.current && y.current.stop();
|
|
282
282
|
}, []), {
|
|
283
283
|
isEnabled: e,
|
|
@@ -285,14 +285,14 @@ function Sn() {
|
|
|
285
285
|
previewEl: o,
|
|
286
286
|
activeDeviceId: c,
|
|
287
287
|
toggle: x,
|
|
288
|
-
switchDevice:
|
|
288
|
+
switchDevice: N,
|
|
289
289
|
attachRoom: b,
|
|
290
290
|
teardown: C,
|
|
291
291
|
clearError: v
|
|
292
292
|
};
|
|
293
293
|
}
|
|
294
|
-
function
|
|
295
|
-
const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), c =
|
|
294
|
+
function Nn() {
|
|
295
|
+
const [e, t] = L(!1), [r, i] = L(null), [o, l] = L(null), c = E(null), u = k((a) => {
|
|
296
296
|
c.current = a;
|
|
297
297
|
}, []), f = k(() => l(null), []), y = k(async () => {
|
|
298
298
|
const a = c.current;
|
|
@@ -309,8 +309,8 @@ function Cn() {
|
|
|
309
309
|
try {
|
|
310
310
|
await a.localParticipant.setScreenShareEnabled(!0);
|
|
311
311
|
let x = 0;
|
|
312
|
-
const
|
|
313
|
-
const C = a.localParticipant.getTrackPublication(
|
|
312
|
+
const N = () => {
|
|
313
|
+
const C = a.localParticipant.getTrackPublication(nn.Source.ScreenShare);
|
|
314
314
|
if (C != null && C.track) {
|
|
315
315
|
const v = C.track.attach();
|
|
316
316
|
l(v), t(!0);
|
|
@@ -323,12 +323,12 @@ function Cn() {
|
|
|
323
323
|
}
|
|
324
324
|
return;
|
|
325
325
|
}
|
|
326
|
-
x++ < 10 ? setTimeout(
|
|
326
|
+
x++ < 10 ? setTimeout(N, 100) : t(!0);
|
|
327
327
|
};
|
|
328
|
-
|
|
328
|
+
N();
|
|
329
329
|
} catch (x) {
|
|
330
|
-
const
|
|
331
|
-
|
|
330
|
+
const N = x instanceof Error ? x.name : "";
|
|
331
|
+
N !== "NotAllowedError" && N !== "AbortError" && i("Screen share unavailable. Try again."), t(!1);
|
|
332
332
|
}
|
|
333
333
|
}
|
|
334
334
|
}, [e, f]), b = k(() => {
|
|
@@ -342,7 +342,7 @@ function Cn() {
|
|
|
342
342
|
}, [e, f]), s = k(() => i(null), []);
|
|
343
343
|
return { isEnabled: e, error: r, previewEl: o, toggle: y, attachRoom: u, teardown: b, clearError: s };
|
|
344
344
|
}
|
|
345
|
-
function
|
|
345
|
+
function An() {
|
|
346
346
|
const [e, t] = L([]), [r, i] = L([]), o = k(async () => {
|
|
347
347
|
if (!(typeof navigator > "u" || !navigator.mediaDevices))
|
|
348
348
|
try {
|
|
@@ -351,15 +351,15 @@ function En() {
|
|
|
351
351
|
} catch {
|
|
352
352
|
}
|
|
353
353
|
}, []);
|
|
354
|
-
return
|
|
354
|
+
return A(() => {
|
|
355
355
|
if (o(), typeof navigator > "u" || !navigator.mediaDevices) return;
|
|
356
356
|
const l = () => void o();
|
|
357
357
|
return navigator.mediaDevices.addEventListener("devicechange", l), () => navigator.mediaDevices.removeEventListener("devicechange", l);
|
|
358
358
|
}, [o]), { mics: e, cameras: r, refresh: o };
|
|
359
359
|
}
|
|
360
|
-
function
|
|
360
|
+
function Rn(e, t, r = !1) {
|
|
361
361
|
const [i, o] = L(null), [l, c] = L(null), [u, f] = L(!r && !!e);
|
|
362
|
-
return
|
|
362
|
+
return A(() => {
|
|
363
363
|
if (r || !e) {
|
|
364
364
|
f(!1);
|
|
365
365
|
return;
|
|
@@ -380,7 +380,7 @@ function Nn(e, t, r = !1) {
|
|
|
380
380
|
}), () => y.abort();
|
|
381
381
|
}, [e, t, r]), { info: i, error: l, loading: u };
|
|
382
382
|
}
|
|
383
|
-
function
|
|
383
|
+
function Mn(e) {
|
|
384
384
|
if (typeof window > "u") return null;
|
|
385
385
|
try {
|
|
386
386
|
return window.localStorage.getItem(e);
|
|
@@ -388,14 +388,14 @@ function An(e) {
|
|
|
388
388
|
return null;
|
|
389
389
|
}
|
|
390
390
|
}
|
|
391
|
-
function
|
|
391
|
+
function In(e, t) {
|
|
392
392
|
if (!(typeof window > "u"))
|
|
393
393
|
try {
|
|
394
394
|
window.localStorage.setItem(e, t);
|
|
395
395
|
} catch {
|
|
396
396
|
}
|
|
397
397
|
}
|
|
398
|
-
function
|
|
398
|
+
function Tn({
|
|
399
399
|
value: e,
|
|
400
400
|
defaultValue: t = "expanded",
|
|
401
401
|
onChange: r
|
|
@@ -408,34 +408,34 @@ function Mn({
|
|
|
408
408
|
);
|
|
409
409
|
return [c, u];
|
|
410
410
|
}
|
|
411
|
-
const
|
|
412
|
-
function
|
|
413
|
-
return e &&
|
|
411
|
+
const Pn = ["hidden", "minimized", "expanded"];
|
|
412
|
+
function Dn(e) {
|
|
413
|
+
return e && Pn.includes(e) ? e : null;
|
|
414
414
|
}
|
|
415
|
-
function
|
|
415
|
+
function $n({
|
|
416
416
|
value: e,
|
|
417
417
|
defaultValue: t = "expanded",
|
|
418
418
|
onChange: r,
|
|
419
419
|
persistKey: i = "ll-widget",
|
|
420
420
|
disablePersistence: o = !1
|
|
421
421
|
} = {}) {
|
|
422
|
-
const l = `${i}:display-mode`, c =
|
|
422
|
+
const l = `${i}:display-mode`, c = E(!1), [u, f] = Tn({
|
|
423
423
|
value: e,
|
|
424
424
|
defaultValue: t,
|
|
425
425
|
onChange: (y) => {
|
|
426
|
-
e === void 0 && !o &&
|
|
426
|
+
e === void 0 && !o && In(l, y), r == null || r(y);
|
|
427
427
|
}
|
|
428
428
|
});
|
|
429
|
-
return
|
|
429
|
+
return A(() => {
|
|
430
430
|
if (c.current || (c.current = !0, o || e !== void 0)) return;
|
|
431
|
-
const y =
|
|
431
|
+
const y = Dn(Mn(l));
|
|
432
432
|
y && y !== u && f(y);
|
|
433
433
|
}, []), [u, f];
|
|
434
434
|
}
|
|
435
|
-
const
|
|
436
|
-
function
|
|
435
|
+
const zn = 640;
|
|
436
|
+
function Hn(e = zn) {
|
|
437
437
|
const [t, r] = L(!1);
|
|
438
|
-
return
|
|
438
|
+
return A(() => {
|
|
439
439
|
if (e === !1) {
|
|
440
440
|
r(!1);
|
|
441
441
|
return;
|
|
@@ -448,67 +448,67 @@ function $n(e = Dn) {
|
|
|
448
448
|
});
|
|
449
449
|
}, [e]), t;
|
|
450
450
|
}
|
|
451
|
-
const
|
|
452
|
-
function
|
|
453
|
-
if (typeof window > "u" || window.history[
|
|
451
|
+
const Ot = "__llHistoryPatched", dt = "ll:pathname";
|
|
452
|
+
function On() {
|
|
453
|
+
if (typeof window > "u" || window.history[Ot]) return;
|
|
454
454
|
const e = window.history.pushState, t = window.history.replaceState;
|
|
455
455
|
window.history.pushState = function(...r) {
|
|
456
456
|
const i = e.apply(this, r);
|
|
457
|
-
return window.dispatchEvent(new Event(
|
|
457
|
+
return window.dispatchEvent(new Event(dt)), i;
|
|
458
458
|
}, window.history.replaceState = function(...r) {
|
|
459
459
|
const i = t.apply(this, r);
|
|
460
|
-
return window.dispatchEvent(new Event(
|
|
461
|
-
}, window.history[
|
|
460
|
+
return window.dispatchEvent(new Event(dt)), i;
|
|
461
|
+
}, window.history[Ot] = !0;
|
|
462
462
|
}
|
|
463
|
-
function
|
|
463
|
+
function qt() {
|
|
464
464
|
return typeof window > "u" ? "/" : window.location.pathname || "/";
|
|
465
465
|
}
|
|
466
|
-
function
|
|
466
|
+
function qn(e) {
|
|
467
467
|
const [t, r] = L(
|
|
468
|
-
() => e ??
|
|
468
|
+
() => e ?? qt()
|
|
469
469
|
);
|
|
470
|
-
return
|
|
470
|
+
return A(() => {
|
|
471
471
|
if (e !== void 0) return;
|
|
472
|
-
|
|
473
|
-
const i = () => r(
|
|
474
|
-
return i(), window.addEventListener("popstate", i), window.addEventListener(
|
|
475
|
-
window.removeEventListener("popstate", i), window.removeEventListener(
|
|
472
|
+
On();
|
|
473
|
+
const i = () => r(qt());
|
|
474
|
+
return i(), window.addEventListener("popstate", i), window.addEventListener(dt, i), () => {
|
|
475
|
+
window.removeEventListener("popstate", i), window.removeEventListener(dt, i);
|
|
476
476
|
};
|
|
477
477
|
}, [e]), e ?? t;
|
|
478
478
|
}
|
|
479
|
-
const
|
|
480
|
-
function
|
|
481
|
-
return e.replace(
|
|
479
|
+
const Bt = /* @__PURE__ */ new Map(), Bn = /[\\^$+?.()|{}[\]]/g;
|
|
480
|
+
function Wn(e) {
|
|
481
|
+
return e.replace(Bn, "\\$&");
|
|
482
482
|
}
|
|
483
|
-
function
|
|
484
|
-
const t =
|
|
483
|
+
function Fn(e) {
|
|
484
|
+
const t = Bt.get(e);
|
|
485
485
|
if (t) return t;
|
|
486
|
-
const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), u =
|
|
487
|
-
return
|
|
486
|
+
const r = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e, i = "", o = "", l = r.replace(/\*\*/g, i).replace(/\*/g, o), u = Wn(l).replace(new RegExp(`\\/${i}`, "g"), "(?:\\/.*)?").replace(new RegExp(i, "g"), ".*").replace(new RegExp(o, "g"), "[^/]+"), f = new RegExp(`^${u}\\/?$`);
|
|
487
|
+
return Bt.set(e, f), f;
|
|
488
488
|
}
|
|
489
|
-
function
|
|
489
|
+
function Un(e, t) {
|
|
490
490
|
const r = t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
|
|
491
|
-
return
|
|
491
|
+
return Fn(e).test(r);
|
|
492
492
|
}
|
|
493
|
-
function
|
|
494
|
-
return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) :
|
|
493
|
+
function jn(e, t) {
|
|
494
|
+
return typeof e == "function" ? e(t) : e instanceof RegExp ? e.test(t) : Un(e, t);
|
|
495
495
|
}
|
|
496
|
-
function
|
|
496
|
+
function Wt(e, t) {
|
|
497
497
|
if (!e || e.length === 0) return !1;
|
|
498
498
|
for (const r of e)
|
|
499
|
-
if (
|
|
499
|
+
if (jn(r, t)) return !0;
|
|
500
500
|
return !1;
|
|
501
501
|
}
|
|
502
|
-
function
|
|
503
|
-
return e === void 0 ? !0 :
|
|
502
|
+
function Vn(e, t, r) {
|
|
503
|
+
return e === void 0 ? !0 : Wt(r, e) ? !1 : t && t.length > 0 ? Wt(t, e) : !0;
|
|
504
504
|
}
|
|
505
|
-
function
|
|
506
|
-
return
|
|
507
|
-
() =>
|
|
505
|
+
function Yn(e, t, r) {
|
|
506
|
+
return ct(
|
|
507
|
+
() => Vn(e, t, r),
|
|
508
508
|
[e, t, r]
|
|
509
509
|
);
|
|
510
510
|
}
|
|
511
|
-
const
|
|
511
|
+
const Ft = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
|
|
512
512
|
"svg",
|
|
513
513
|
{
|
|
514
514
|
className: t,
|
|
@@ -554,7 +554,7 @@ const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
|
|
|
554
554
|
}
|
|
555
555
|
)
|
|
556
556
|
}
|
|
557
|
-
),
|
|
557
|
+
), Ut = ({ className: e }) => /* @__PURE__ */ n(
|
|
558
558
|
"svg",
|
|
559
559
|
{
|
|
560
560
|
className: e,
|
|
@@ -572,7 +572,7 @@ const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
|
|
|
572
572
|
}
|
|
573
573
|
)
|
|
574
574
|
}
|
|
575
|
-
),
|
|
575
|
+
), Jn = ({ className: e }) => /* @__PURE__ */ n(
|
|
576
576
|
"svg",
|
|
577
577
|
{
|
|
578
578
|
className: e,
|
|
@@ -583,12 +583,12 @@ const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
|
|
|
583
583
|
"aria-hidden": "true",
|
|
584
584
|
children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
|
|
585
585
|
}
|
|
586
|
-
),
|
|
586
|
+
), Kn = {
|
|
587
587
|
left: 180,
|
|
588
588
|
right: 0,
|
|
589
589
|
up: -90,
|
|
590
590
|
down: 90
|
|
591
|
-
},
|
|
591
|
+
}, jt = ({ direction: e = "right", className: t }) => /* @__PURE__ */ n(
|
|
592
592
|
"svg",
|
|
593
593
|
{
|
|
594
594
|
className: t,
|
|
@@ -596,19 +596,19 @@ const Bt = ({ muted: e = !1, className: t }) => e ? /* @__PURE__ */ _(
|
|
|
596
596
|
viewBox: "0 0 24 24",
|
|
597
597
|
stroke: "currentColor",
|
|
598
598
|
strokeWidth: 2,
|
|
599
|
-
style: { transform: `rotate(${
|
|
599
|
+
style: { transform: `rotate(${Kn[e]}deg)` },
|
|
600
600
|
"aria-hidden": "true",
|
|
601
601
|
children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 6l6 6-6 6" })
|
|
602
602
|
}
|
|
603
603
|
);
|
|
604
|
-
function
|
|
604
|
+
function Xn(e) {
|
|
605
605
|
return e === "top-left" || e === "bottom-left" ? "left" : "right";
|
|
606
606
|
}
|
|
607
|
-
const
|
|
608
|
-
function
|
|
607
|
+
const rn = "ll-hidden-tab-center-y", Gn = 5, Vt = 16;
|
|
608
|
+
function Qn() {
|
|
609
609
|
if (typeof window > "u") return null;
|
|
610
610
|
try {
|
|
611
|
-
const e = window.localStorage.getItem(
|
|
611
|
+
const e = window.localStorage.getItem(rn);
|
|
612
612
|
if (!e) return null;
|
|
613
613
|
const t = Number.parseFloat(e);
|
|
614
614
|
return Number.isFinite(t) ? t : null;
|
|
@@ -616,14 +616,14 @@ function Xn() {
|
|
|
616
616
|
return null;
|
|
617
617
|
}
|
|
618
618
|
}
|
|
619
|
-
function
|
|
619
|
+
function Yt(e) {
|
|
620
620
|
if (!(typeof window > "u"))
|
|
621
621
|
try {
|
|
622
|
-
window.localStorage.setItem(
|
|
622
|
+
window.localStorage.setItem(rn, String(e));
|
|
623
623
|
} catch {
|
|
624
624
|
}
|
|
625
625
|
}
|
|
626
|
-
const
|
|
626
|
+
const Zn = ({
|
|
627
627
|
position: e,
|
|
628
628
|
isMobile: t,
|
|
629
629
|
isSpeaking: r,
|
|
@@ -632,16 +632,16 @@ const Gn = ({
|
|
|
632
632
|
avatarImageUrl: l,
|
|
633
633
|
agentName: c
|
|
634
634
|
}) => {
|
|
635
|
-
const u =
|
|
635
|
+
const u = Xn(e), f = u === "right" ? "left" : "right", y = t ? 80 : 72, b = !!l, [s, a] = L(null), [x, N] = L(!1), C = E(null), v = E(!1), w = k(
|
|
636
636
|
(M) => {
|
|
637
637
|
if (typeof window > "u") return M;
|
|
638
|
-
const B = y / 2, F =
|
|
638
|
+
const B = y / 2, F = Vt + B, G = window.innerHeight - Vt - B;
|
|
639
639
|
return G < F ? Math.max(F, M) : Math.max(F, Math.min(G, M));
|
|
640
640
|
},
|
|
641
641
|
[y]
|
|
642
642
|
);
|
|
643
|
-
|
|
644
|
-
const M =
|
|
643
|
+
A(() => {
|
|
644
|
+
const M = Qn();
|
|
645
645
|
a(w(M ?? window.innerHeight / 2));
|
|
646
646
|
const B = () => {
|
|
647
647
|
a((F) => F === null ? null : w(F));
|
|
@@ -668,7 +668,7 @@ const Gn = ({
|
|
|
668
668
|
const B = C.current;
|
|
669
669
|
if (!B) return;
|
|
670
670
|
const F = M.clientY - B.startClientY;
|
|
671
|
-
!B.moved && Math.abs(F) >
|
|
671
|
+
!B.moved && Math.abs(F) > Gn && (B.moved = !0, N(!0)), B.moved && a(w(B.startCenterY + F));
|
|
672
672
|
},
|
|
673
673
|
[w]
|
|
674
674
|
), q = k(
|
|
@@ -679,7 +679,7 @@ const Gn = ({
|
|
|
679
679
|
M.currentTarget.releasePointerCapture(M.pointerId);
|
|
680
680
|
} catch {
|
|
681
681
|
}
|
|
682
|
-
C.current = null, B.moved && (
|
|
682
|
+
C.current = null, B.moved && (N(!1), v.current = !0, a((F) => (F !== null && Yt(F), F)));
|
|
683
683
|
}
|
|
684
684
|
},
|
|
685
685
|
[]
|
|
@@ -697,7 +697,7 @@ const Gn = ({
|
|
|
697
697
|
a((F) => {
|
|
698
698
|
if (F === null) return F;
|
|
699
699
|
const G = w(F + B);
|
|
700
|
-
return
|
|
700
|
+
return Yt(G), G;
|
|
701
701
|
});
|
|
702
702
|
}
|
|
703
703
|
},
|
|
@@ -729,9 +729,9 @@ const Gn = ({
|
|
|
729
729
|
// as the click affordance), then the circular avatar photo
|
|
730
730
|
// taking the rest of the tab. Reinforces "this is an
|
|
731
731
|
// avatar-based experience" even when collapsed.
|
|
732
|
-
/* @__PURE__ */ _(
|
|
732
|
+
/* @__PURE__ */ _(_t, { children: [
|
|
733
733
|
/* @__PURE__ */ n(
|
|
734
|
-
|
|
734
|
+
jt,
|
|
735
735
|
{
|
|
736
736
|
direction: f,
|
|
737
737
|
className: "ll-hidden__chevron ll-hidden__chevron--mini"
|
|
@@ -748,7 +748,7 @@ const Gn = ({
|
|
|
748
748
|
)
|
|
749
749
|
] })
|
|
750
750
|
) : /* @__PURE__ */ n(
|
|
751
|
-
|
|
751
|
+
jt,
|
|
752
752
|
{
|
|
753
753
|
direction: f,
|
|
754
754
|
className: "ll-hidden__chevron"
|
|
@@ -756,7 +756,7 @@ const Gn = ({
|
|
|
756
756
|
)
|
|
757
757
|
}
|
|
758
758
|
);
|
|
759
|
-
},
|
|
759
|
+
}, er = ({
|
|
760
760
|
audioLevel: e,
|
|
761
761
|
bars: t = 20,
|
|
762
762
|
maxHeight: r = 20,
|
|
@@ -764,16 +764,16 @@ const Gn = ({
|
|
|
764
764
|
className: o,
|
|
765
765
|
barClassName: l
|
|
766
766
|
}) => {
|
|
767
|
-
const c =
|
|
767
|
+
const c = E(null), u = E([]), f = ct(() => {
|
|
768
768
|
const b = (Math.sqrt(5) - 1) / 2;
|
|
769
769
|
return Array.from({ length: t }, (s, a) => 0.5 + a * b % 1 * 0.5);
|
|
770
770
|
}, [t]);
|
|
771
|
-
|
|
771
|
+
A(() => e.subscribe((s) => {
|
|
772
772
|
for (let a = 0; a < t; a++) {
|
|
773
773
|
const x = u.current[a];
|
|
774
774
|
if (!x) continue;
|
|
775
|
-
const
|
|
776
|
-
x.style.height = `${
|
|
775
|
+
const N = Math.max(i, s * r * f[a]);
|
|
776
|
+
x.style.height = `${N}px`;
|
|
777
777
|
}
|
|
778
778
|
}), [e, t, r, i, f]);
|
|
779
779
|
const y = ["ll-waveform", o].filter(Boolean).join(" ");
|
|
@@ -788,7 +788,7 @@ const Gn = ({
|
|
|
788
788
|
},
|
|
789
789
|
s
|
|
790
790
|
)) });
|
|
791
|
-
},
|
|
791
|
+
}, tr = ({
|
|
792
792
|
position: e,
|
|
793
793
|
isMobile: t,
|
|
794
794
|
agentName: r,
|
|
@@ -825,7 +825,7 @@ const Gn = ({
|
|
|
825
825
|
)
|
|
826
826
|
) : /* @__PURE__ */ n("div", { className: "ll-minimized__avatar ll-minimized__avatar--placeholder" }),
|
|
827
827
|
/* @__PURE__ */ n(
|
|
828
|
-
|
|
828
|
+
er,
|
|
829
829
|
{
|
|
830
830
|
audioLevel: c,
|
|
831
831
|
bars: 16,
|
|
@@ -848,10 +848,10 @@ const Gn = ({
|
|
|
848
848
|
(b.key === "Enter" || b.key === " ") && (b.stopPropagation(), b.preventDefault(), f());
|
|
849
849
|
},
|
|
850
850
|
"aria-label": l ? "Unmute microphone" : "Mute microphone",
|
|
851
|
-
children: /* @__PURE__ */ n(
|
|
851
|
+
children: /* @__PURE__ */ n(Ft, { muted: l, className: "ll-minimized__icon" })
|
|
852
852
|
}
|
|
853
853
|
),
|
|
854
|
-
/* @__PURE__ */ n(
|
|
854
|
+
/* @__PURE__ */ n(Ut, { className: "ll-minimized__icon ll-minimized__icon--expand" })
|
|
855
855
|
] })
|
|
856
856
|
]
|
|
857
857
|
}
|
|
@@ -888,7 +888,7 @@ const Gn = ({
|
|
|
888
888
|
className: "ll-minimized__btn",
|
|
889
889
|
onClick: f,
|
|
890
890
|
"aria-label": l ? "Unmute microphone" : "Mute microphone",
|
|
891
|
-
children: /* @__PURE__ */ n(
|
|
891
|
+
children: /* @__PURE__ */ n(Ft, { muted: l, className: "ll-minimized__icon" })
|
|
892
892
|
}
|
|
893
893
|
),
|
|
894
894
|
/* @__PURE__ */ n(
|
|
@@ -898,7 +898,7 @@ const Gn = ({
|
|
|
898
898
|
className: "ll-minimized__btn",
|
|
899
899
|
onClick: u,
|
|
900
900
|
"aria-label": `Expand ${r} widget`,
|
|
901
|
-
children: /* @__PURE__ */ n(
|
|
901
|
+
children: /* @__PURE__ */ n(Ut, { className: "ll-minimized__icon" })
|
|
902
902
|
}
|
|
903
903
|
),
|
|
904
904
|
/* @__PURE__ */ n(
|
|
@@ -908,21 +908,21 @@ const Gn = ({
|
|
|
908
908
|
className: "ll-minimized__btn ll-minimized__btn--close",
|
|
909
909
|
onClick: y,
|
|
910
910
|
"aria-label": "Close widget",
|
|
911
|
-
children: /* @__PURE__ */ n(
|
|
911
|
+
children: /* @__PURE__ */ n(Jn, { className: "ll-minimized__icon" })
|
|
912
912
|
}
|
|
913
913
|
)
|
|
914
914
|
] })
|
|
915
915
|
] })
|
|
916
916
|
}
|
|
917
|
-
),
|
|
917
|
+
), nr = ({
|
|
918
918
|
src: e,
|
|
919
919
|
alt: t,
|
|
920
920
|
preCannedPlaying: r = !1,
|
|
921
921
|
className: i,
|
|
922
922
|
style: o
|
|
923
923
|
}) => {
|
|
924
|
-
const [l, c] = L(!1), u =
|
|
925
|
-
if (
|
|
924
|
+
const [l, c] = L(!1), u = E(e);
|
|
925
|
+
if (A(() => {
|
|
926
926
|
u.current !== e && (u.current = e, c(!1));
|
|
927
927
|
}, [e]), !e) return null;
|
|
928
928
|
const f = {
|
|
@@ -952,7 +952,7 @@ const Gn = ({
|
|
|
952
952
|
}
|
|
953
953
|
)
|
|
954
954
|
);
|
|
955
|
-
},
|
|
955
|
+
}, rr = ({
|
|
956
956
|
position: e,
|
|
957
957
|
isMobile: t,
|
|
958
958
|
agentName: r,
|
|
@@ -967,7 +967,7 @@ const Gn = ({
|
|
|
967
967
|
onToggleTeamSwitcher: s,
|
|
968
968
|
onSelectTeamMember: a,
|
|
969
969
|
languageMenuOpen: x,
|
|
970
|
-
onToggleLanguageMenu:
|
|
970
|
+
onToggleLanguageMenu: N,
|
|
971
971
|
connectionState: C,
|
|
972
972
|
agentState: v,
|
|
973
973
|
transcript: w,
|
|
@@ -991,22 +991,22 @@ const Gn = ({
|
|
|
991
991
|
agentVideoEl: re,
|
|
992
992
|
micGateOpen: ce,
|
|
993
993
|
onConnect: we,
|
|
994
|
-
onDisconnect:
|
|
995
|
-
onRetry:
|
|
996
|
-
onResumeAudio:
|
|
997
|
-
onToggleMute:
|
|
998
|
-
onToggleCamera:
|
|
994
|
+
onDisconnect: Ce,
|
|
995
|
+
onRetry: Ee,
|
|
996
|
+
onResumeAudio: Ne,
|
|
997
|
+
onToggleMute: Ae,
|
|
998
|
+
onToggleCamera: Re,
|
|
999
999
|
onSwitchCameraDevice: V,
|
|
1000
|
-
onToggleScreenShare:
|
|
1001
|
-
onToggleSpeaker:
|
|
1000
|
+
onToggleScreenShare: ft,
|
|
1001
|
+
onToggleSpeaker: pt,
|
|
1002
1002
|
onSendMessage: nt,
|
|
1003
1003
|
onMinimize: ue,
|
|
1004
|
-
onClose:
|
|
1005
|
-
onClearMicError:
|
|
1004
|
+
onClose: Me,
|
|
1005
|
+
onClearMicError: Be
|
|
1006
1006
|
}) => {
|
|
1007
|
-
var
|
|
1008
|
-
const _e = ((u == null ? void 0 : u.length) ?? 0) > 1,
|
|
1009
|
-
|
|
1007
|
+
var $e;
|
|
1008
|
+
const _e = ((u == null ? void 0 : u.length) ?? 0) > 1, Ie = C === "connecting" || C === "connected", X = C === "connected", te = C === "idle" || C === "disconnected" || C === "error", [Te, oe] = L(!1);
|
|
1009
|
+
A(() => {
|
|
1010
1010
|
if (!re) {
|
|
1011
1011
|
oe(!1);
|
|
1012
1012
|
return;
|
|
@@ -1022,73 +1022,73 @@ const Gn = ({
|
|
|
1022
1022
|
};
|
|
1023
1023
|
}, [re]);
|
|
1024
1024
|
const [de, xe] = L(!1);
|
|
1025
|
-
|
|
1025
|
+
A(() => {
|
|
1026
1026
|
if (!X) {
|
|
1027
1027
|
xe(!1);
|
|
1028
1028
|
return;
|
|
1029
1029
|
}
|
|
1030
|
-
if (
|
|
1030
|
+
if (Te) return;
|
|
1031
1031
|
const p = setTimeout(() => xe(!0), 8e3);
|
|
1032
1032
|
return () => clearTimeout(p);
|
|
1033
|
-
}, [X,
|
|
1034
|
-
const
|
|
1035
|
-
|
|
1036
|
-
const p =
|
|
1033
|
+
}, [X, Te]);
|
|
1034
|
+
const We = C === "connecting" || X && !!i && !Te && !de, Z = E(null), le = E(null);
|
|
1035
|
+
A(() => {
|
|
1036
|
+
const p = Z.current;
|
|
1037
1037
|
p && (p.innerHTML = "", M && (M.style.width = "100%", M.style.height = "100%", M.style.objectFit = "cover", M.style.transform = "scaleX(-1)", p.appendChild(M)));
|
|
1038
|
-
}, [M]),
|
|
1038
|
+
}, [M]), A(() => {
|
|
1039
1039
|
const p = le.current;
|
|
1040
1040
|
p && (p.innerHTML = "", ie && (ie.style.width = "100%", ie.style.height = "100%", ie.style.objectFit = "contain", p.appendChild(ie)));
|
|
1041
1041
|
}, [ie]);
|
|
1042
|
-
const [ae, fe] = L(!1), [
|
|
1043
|
-
|
|
1044
|
-
if (!ae && !
|
|
1042
|
+
const [ae, fe] = L(!1), [Pe, pe] = L(!1);
|
|
1043
|
+
A(() => {
|
|
1044
|
+
if (!ae && !Pe && !x && !b) return;
|
|
1045
1045
|
const p = () => {
|
|
1046
|
-
fe(!1), pe(!1), x &&
|
|
1046
|
+
fe(!1), pe(!1), x && N(), b && s();
|
|
1047
1047
|
};
|
|
1048
1048
|
return document.addEventListener("click", p), () => document.removeEventListener("click", p);
|
|
1049
1049
|
}, [
|
|
1050
1050
|
ae,
|
|
1051
|
-
|
|
1051
|
+
Pe,
|
|
1052
1052
|
x,
|
|
1053
1053
|
b,
|
|
1054
|
-
|
|
1054
|
+
N,
|
|
1055
1055
|
s
|
|
1056
1056
|
]);
|
|
1057
|
-
const [he,
|
|
1057
|
+
const [he, Fe] = L(""), Ue = k(
|
|
1058
1058
|
(p) => {
|
|
1059
1059
|
p.preventDefault();
|
|
1060
1060
|
const Y = he.trim();
|
|
1061
|
-
Y && (nt(Y),
|
|
1061
|
+
Y && (nt(Y), Fe(""));
|
|
1062
1062
|
},
|
|
1063
1063
|
[he, nt]
|
|
1064
|
-
),
|
|
1064
|
+
), je = c.productName || "Live Layer";
|
|
1065
1065
|
let me = null, ge = null;
|
|
1066
1066
|
for (let p = w.length - 1; p >= 0; p--) {
|
|
1067
1067
|
const Y = w[p];
|
|
1068
1068
|
if (!me && Y.role === "agent" ? me = Y : !ge && Y.role === "user" && (ge = Y), me && ge) break;
|
|
1069
1069
|
}
|
|
1070
|
-
const
|
|
1070
|
+
const De = X ? (me == null ? void 0 : me.text) || null : l || null, rt = X && (ge == null ? void 0 : ge.text) || null, Ve = [
|
|
1071
1071
|
"ll-expanded",
|
|
1072
1072
|
t ? "ll-expanded--mobile" : "ll-expanded--desktop"
|
|
1073
1073
|
].join(" ");
|
|
1074
1074
|
return /* @__PURE__ */ _(
|
|
1075
1075
|
"div",
|
|
1076
1076
|
{
|
|
1077
|
-
className:
|
|
1077
|
+
className: Ve,
|
|
1078
1078
|
"data-position": e,
|
|
1079
|
-
"data-state": X ? "connected" :
|
|
1079
|
+
"data-state": X ? "connected" : Ie ? "connecting" : "idle",
|
|
1080
1080
|
role: "dialog",
|
|
1081
1081
|
"aria-label": `${r} widget`,
|
|
1082
1082
|
children: [
|
|
1083
1083
|
/* @__PURE__ */ _("div", { className: "ll-expanded__bg", children: [
|
|
1084
1084
|
i ? /* @__PURE__ */ n(
|
|
1085
|
-
|
|
1085
|
+
nr,
|
|
1086
1086
|
{
|
|
1087
1087
|
src: i,
|
|
1088
1088
|
alt: r,
|
|
1089
1089
|
className: "ll-expanded__bg-img"
|
|
1090
1090
|
}
|
|
1091
|
-
) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: ((
|
|
1091
|
+
) : /* @__PURE__ */ n("div", { className: "ll-expanded__bg-fallback", children: /* @__PURE__ */ n("span", { className: "ll-expanded__bg-initial", children: (($e = r == null ? void 0 : r.charAt(0)) == null ? void 0 : $e.toUpperCase()) || "A" }) }),
|
|
1092
1092
|
o && !X && /* @__PURE__ */ n(
|
|
1093
1093
|
"video",
|
|
1094
1094
|
{
|
|
@@ -1102,7 +1102,7 @@ const Gn = ({
|
|
|
1102
1102
|
)
|
|
1103
1103
|
] }),
|
|
1104
1104
|
/* @__PURE__ */ n("div", { ref: tt, className: "ll-expanded__video" }),
|
|
1105
|
-
|
|
1105
|
+
We && /* @__PURE__ */ _("div", { className: "ll-expanded__overlay ll-expanded__overlay--connecting", children: [
|
|
1106
1106
|
/* @__PURE__ */ n("div", { className: "ll-expanded__spinner" }),
|
|
1107
1107
|
/* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: y ? "Switching..." : "Connecting..." })
|
|
1108
1108
|
] }),
|
|
@@ -1111,14 +1111,14 @@ const Gn = ({
|
|
|
1111
1111
|
{
|
|
1112
1112
|
type: "button",
|
|
1113
1113
|
className: "ll-expanded__overlay ll-expanded__overlay--gesture",
|
|
1114
|
-
onClick:
|
|
1114
|
+
onClick: Ne,
|
|
1115
1115
|
children: [
|
|
1116
1116
|
/* @__PURE__ */ n("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": !0, children: /* @__PURE__ */ n("path", { d: "M3 9v6h4l5 5V4L7 9H3zm13.54.12a5 5 0 0 1 0 5.76l-1.41-1.41a3 3 0 0 0 0-2.94L16.54 9.12z" }) }),
|
|
1117
1117
|
/* @__PURE__ */ n("p", { className: "ll-expanded__overlay-text", children: "Tap to enable audio" })
|
|
1118
1118
|
]
|
|
1119
1119
|
}
|
|
1120
1120
|
),
|
|
1121
|
-
|
|
1121
|
+
Ie ? /* @__PURE__ */ _("div", { className: "ll-expanded__topbar", children: [
|
|
1122
1122
|
/* @__PURE__ */ _("div", { className: "ll-expanded__topbar-left", children: [
|
|
1123
1123
|
/* @__PURE__ */ _("div", { className: "ll-expanded__pill-wrap", children: [
|
|
1124
1124
|
/* @__PURE__ */ _(
|
|
@@ -1133,7 +1133,7 @@ const Gn = ({
|
|
|
1133
1133
|
"aria-expanded": _e ? b : void 0,
|
|
1134
1134
|
children: [
|
|
1135
1135
|
/* @__PURE__ */ n("span", { className: "ll-hpill__label", children: r }),
|
|
1136
|
-
_e && /* @__PURE__ */ n(
|
|
1136
|
+
_e && /* @__PURE__ */ n(at, {})
|
|
1137
1137
|
]
|
|
1138
1138
|
}
|
|
1139
1139
|
),
|
|
@@ -1176,7 +1176,7 @@ const Gn = ({
|
|
|
1176
1176
|
type: "button",
|
|
1177
1177
|
className: "ll-hpill ll-hpill--compact",
|
|
1178
1178
|
onClick: (p) => {
|
|
1179
|
-
p.stopPropagation(),
|
|
1179
|
+
p.stopPropagation(), N();
|
|
1180
1180
|
},
|
|
1181
1181
|
"aria-haspopup": "listbox",
|
|
1182
1182
|
"aria-expanded": x,
|
|
@@ -1184,7 +1184,7 @@ const Gn = ({
|
|
|
1184
1184
|
title: "Language: English",
|
|
1185
1185
|
children: [
|
|
1186
1186
|
/* @__PURE__ */ n("span", { className: "ll-hpill__label", children: "EN" }),
|
|
1187
|
-
/* @__PURE__ */ n(
|
|
1187
|
+
/* @__PURE__ */ n(at, {})
|
|
1188
1188
|
]
|
|
1189
1189
|
}
|
|
1190
1190
|
),
|
|
@@ -1224,7 +1224,7 @@ const Gn = ({
|
|
|
1224
1224
|
onClick: ue,
|
|
1225
1225
|
"aria-label": "Minimize widget",
|
|
1226
1226
|
title: "Minimize",
|
|
1227
|
-
children: /* @__PURE__ */ n(
|
|
1227
|
+
children: /* @__PURE__ */ n(Kt, {})
|
|
1228
1228
|
}
|
|
1229
1229
|
),
|
|
1230
1230
|
/* @__PURE__ */ n(
|
|
@@ -1232,17 +1232,17 @@ const Gn = ({
|
|
|
1232
1232
|
{
|
|
1233
1233
|
type: "button",
|
|
1234
1234
|
className: "ll-hbtn ll-hbtn--danger",
|
|
1235
|
-
onClick:
|
|
1235
|
+
onClick: Me,
|
|
1236
1236
|
"aria-label": "End call",
|
|
1237
1237
|
title: "End call",
|
|
1238
|
-
children: /* @__PURE__ */ n(
|
|
1238
|
+
children: /* @__PURE__ */ n(Jt, {})
|
|
1239
1239
|
}
|
|
1240
1240
|
)
|
|
1241
1241
|
] })
|
|
1242
1242
|
] }) : (
|
|
1243
1243
|
// Idle-state header with Live Layer product name + minimize/close
|
|
1244
1244
|
/* @__PURE__ */ _("div", { className: "ll-expanded__header ll-expanded__header--idle", children: [
|
|
1245
|
-
/* @__PURE__ */ n("span", { className: "ll-expanded__brand", children:
|
|
1245
|
+
/* @__PURE__ */ n("span", { className: "ll-expanded__brand", children: je }),
|
|
1246
1246
|
/* @__PURE__ */ _("div", { className: "ll-expanded__header-actions", children: [
|
|
1247
1247
|
/* @__PURE__ */ n(
|
|
1248
1248
|
"button",
|
|
@@ -1251,7 +1251,7 @@ const Gn = ({
|
|
|
1251
1251
|
className: "ll-hbtn ll-hbtn--ghost",
|
|
1252
1252
|
onClick: ue,
|
|
1253
1253
|
"aria-label": "Minimize widget",
|
|
1254
|
-
children: /* @__PURE__ */ n(
|
|
1254
|
+
children: /* @__PURE__ */ n(Kt, {})
|
|
1255
1255
|
}
|
|
1256
1256
|
),
|
|
1257
1257
|
/* @__PURE__ */ n(
|
|
@@ -1259,17 +1259,17 @@ const Gn = ({
|
|
|
1259
1259
|
{
|
|
1260
1260
|
type: "button",
|
|
1261
1261
|
className: "ll-hbtn ll-hbtn--danger",
|
|
1262
|
-
onClick:
|
|
1262
|
+
onClick: Me,
|
|
1263
1263
|
"aria-label": "Close widget",
|
|
1264
|
-
children: /* @__PURE__ */ n(
|
|
1264
|
+
children: /* @__PURE__ */ n(Jt, {})
|
|
1265
1265
|
}
|
|
1266
1266
|
)
|
|
1267
1267
|
] })
|
|
1268
1268
|
] })
|
|
1269
1269
|
),
|
|
1270
|
-
|
|
1270
|
+
te && /* @__PURE__ */ (() => {
|
|
1271
1271
|
const p = O ? "Restart paused session" : C === "disconnected" ? "Reconnect to agent" : "Start video call", Y = O ? "Pick up where you left off" : null;
|
|
1272
|
-
return /* @__PURE__ */ _(
|
|
1272
|
+
return /* @__PURE__ */ _(_t, { children: [
|
|
1273
1273
|
C === "idle" && !O && !q && /* @__PURE__ */ _(
|
|
1274
1274
|
"button",
|
|
1275
1275
|
{
|
|
@@ -1302,7 +1302,7 @@ const Gn = ({
|
|
|
1302
1302
|
/* @__PURE__ */ _(
|
|
1303
1303
|
"div",
|
|
1304
1304
|
{
|
|
1305
|
-
className: `ll-expanded__pip ${
|
|
1305
|
+
className: `ll-expanded__pip ${Ie && (z || G) ? "is-visible" : ""}`,
|
|
1306
1306
|
children: [
|
|
1307
1307
|
/* @__PURE__ */ n(
|
|
1308
1308
|
"div",
|
|
@@ -1314,20 +1314,20 @@ const Gn = ({
|
|
|
1314
1314
|
/* @__PURE__ */ n(
|
|
1315
1315
|
"div",
|
|
1316
1316
|
{
|
|
1317
|
-
ref:
|
|
1317
|
+
ref: Z,
|
|
1318
1318
|
className: !G && z ? "ll-expanded__pip-host" : "ll-expanded__pip-host is-hidden"
|
|
1319
1319
|
}
|
|
1320
1320
|
)
|
|
1321
1321
|
]
|
|
1322
1322
|
}
|
|
1323
1323
|
),
|
|
1324
|
-
|
|
1325
|
-
|
|
1324
|
+
Ie ? /* @__PURE__ */ _("div", { className: "ll-expanded__bottom", children: [
|
|
1325
|
+
De && /* @__PURE__ */ n(
|
|
1326
1326
|
"div",
|
|
1327
1327
|
{
|
|
1328
1328
|
className: "ll-expanded__transcript ll-expanded__transcript--agent",
|
|
1329
1329
|
"data-role": "agent",
|
|
1330
|
-
children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children:
|
|
1330
|
+
children: /* @__PURE__ */ n("p", { className: "ll-expanded__transcript-text", children: De })
|
|
1331
1331
|
}
|
|
1332
1332
|
),
|
|
1333
1333
|
rt && /* @__PURE__ */ n(
|
|
@@ -1344,10 +1344,10 @@ const Gn = ({
|
|
|
1344
1344
|
{
|
|
1345
1345
|
type: "button",
|
|
1346
1346
|
className: `ll-tool ${G ? "is-on" : ""}`,
|
|
1347
|
-
onClick:
|
|
1347
|
+
onClick: ft,
|
|
1348
1348
|
"aria-label": G ? "Stop sharing screen" : "Share screen",
|
|
1349
1349
|
title: G ? "Stop sharing" : "Share screen",
|
|
1350
|
-
children: /* @__PURE__ */ n(
|
|
1350
|
+
children: /* @__PURE__ */ n(ir, {})
|
|
1351
1351
|
}
|
|
1352
1352
|
),
|
|
1353
1353
|
Qe && /* @__PURE__ */ _("div", { className: "ll-tool-split", children: [
|
|
@@ -1356,10 +1356,10 @@ const Gn = ({
|
|
|
1356
1356
|
{
|
|
1357
1357
|
type: "button",
|
|
1358
1358
|
className: `ll-tool ll-tool--left ${z ? "is-on" : ""}`,
|
|
1359
|
-
onClick:
|
|
1359
|
+
onClick: Re,
|
|
1360
1360
|
"aria-label": z ? "Turn off camera" : "Turn on camera",
|
|
1361
1361
|
title: z ? "Stop camera" : "Start camera",
|
|
1362
|
-
children: /* @__PURE__ */ n(
|
|
1362
|
+
children: /* @__PURE__ */ n(or, {})
|
|
1363
1363
|
}
|
|
1364
1364
|
),
|
|
1365
1365
|
/* @__PURE__ */ n(
|
|
@@ -1372,12 +1372,12 @@ const Gn = ({
|
|
|
1372
1372
|
},
|
|
1373
1373
|
"aria-label": "Camera devices",
|
|
1374
1374
|
"aria-haspopup": "listbox",
|
|
1375
|
-
"aria-expanded":
|
|
1376
|
-
children: /* @__PURE__ */ n(
|
|
1375
|
+
"aria-expanded": Pe,
|
|
1376
|
+
children: /* @__PURE__ */ n(at, {})
|
|
1377
1377
|
}
|
|
1378
1378
|
),
|
|
1379
|
-
|
|
1380
|
-
|
|
1379
|
+
Pe && B.length > 0 && /* @__PURE__ */ n(
|
|
1380
|
+
Xt,
|
|
1381
1381
|
{
|
|
1382
1382
|
label: "Camera",
|
|
1383
1383
|
devices: B,
|
|
@@ -1398,11 +1398,11 @@ const Gn = ({
|
|
|
1398
1398
|
{
|
|
1399
1399
|
type: "button",
|
|
1400
1400
|
className: `ll-tool ll-tool--left ${m ? "is-muted" : ""}`,
|
|
1401
|
-
onClick:
|
|
1401
|
+
onClick: Ae,
|
|
1402
1402
|
disabled: !ce && X,
|
|
1403
1403
|
"aria-label": !ce && X ? "Microphone enables once the agent finishes its greeting" : m ? "Unmute microphone" : "Mute microphone",
|
|
1404
1404
|
title: !ce && X ? "Mic enables after greeting" : m ? "Unmute" : "Mute",
|
|
1405
|
-
children: /* @__PURE__ */ n(
|
|
1405
|
+
children: /* @__PURE__ */ n(lr, { muted: m })
|
|
1406
1406
|
}
|
|
1407
1407
|
),
|
|
1408
1408
|
/* @__PURE__ */ n(
|
|
@@ -1416,11 +1416,11 @@ const Gn = ({
|
|
|
1416
1416
|
"aria-label": "Microphone devices",
|
|
1417
1417
|
"aria-haspopup": "listbox",
|
|
1418
1418
|
"aria-expanded": ae,
|
|
1419
|
-
children: /* @__PURE__ */ n(
|
|
1419
|
+
children: /* @__PURE__ */ n(at, {})
|
|
1420
1420
|
}
|
|
1421
1421
|
),
|
|
1422
1422
|
ae && W.length > 0 && /* @__PURE__ */ n(
|
|
1423
|
-
|
|
1423
|
+
Xt,
|
|
1424
1424
|
{
|
|
1425
1425
|
label: "Microphone",
|
|
1426
1426
|
devices: W,
|
|
@@ -1436,10 +1436,10 @@ const Gn = ({
|
|
|
1436
1436
|
{
|
|
1437
1437
|
type: "button",
|
|
1438
1438
|
className: `ll-tool ${be ? "is-muted" : ""}`,
|
|
1439
|
-
onClick:
|
|
1439
|
+
onClick: pt,
|
|
1440
1440
|
"aria-label": be ? "Unmute speaker" : "Mute speaker",
|
|
1441
1441
|
title: be ? "Unmute speaker" : "Mute speaker",
|
|
1442
|
-
children: /* @__PURE__ */ n(
|
|
1442
|
+
children: /* @__PURE__ */ n(ar, { muted: be })
|
|
1443
1443
|
}
|
|
1444
1444
|
),
|
|
1445
1445
|
/* @__PURE__ */ n(
|
|
@@ -1447,14 +1447,14 @@ const Gn = ({
|
|
|
1447
1447
|
{
|
|
1448
1448
|
type: "button",
|
|
1449
1449
|
className: "ll-tool ll-tool--danger",
|
|
1450
|
-
onClick:
|
|
1450
|
+
onClick: Ce,
|
|
1451
1451
|
"aria-label": "End conversation",
|
|
1452
1452
|
title: "End conversation",
|
|
1453
|
-
children: /* @__PURE__ */ n(
|
|
1453
|
+
children: /* @__PURE__ */ n(cr, {})
|
|
1454
1454
|
}
|
|
1455
1455
|
)
|
|
1456
1456
|
] }),
|
|
1457
|
-
et && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit:
|
|
1457
|
+
et && /* @__PURE__ */ _("form", { className: "ll-message-input", onSubmit: Ue, children: [
|
|
1458
1458
|
/* @__PURE__ */ n(
|
|
1459
1459
|
"input",
|
|
1460
1460
|
{
|
|
@@ -1462,7 +1462,7 @@ const Gn = ({
|
|
|
1462
1462
|
className: "ll-message-input__field",
|
|
1463
1463
|
placeholder: "Message...",
|
|
1464
1464
|
value: he,
|
|
1465
|
-
onChange: (p) =>
|
|
1465
|
+
onChange: (p) => Fe(p.target.value),
|
|
1466
1466
|
"aria-label": "Message the agent"
|
|
1467
1467
|
}
|
|
1468
1468
|
),
|
|
@@ -1472,7 +1472,7 @@ const Gn = ({
|
|
|
1472
1472
|
type: "submit",
|
|
1473
1473
|
className: "ll-message-input__send",
|
|
1474
1474
|
"aria-label": "Send message",
|
|
1475
|
-
children: /* @__PURE__ */ n(
|
|
1475
|
+
children: /* @__PURE__ */ n(sr, {})
|
|
1476
1476
|
}
|
|
1477
1477
|
)
|
|
1478
1478
|
] })
|
|
@@ -1486,7 +1486,7 @@ const Gn = ({
|
|
|
1486
1486
|
{
|
|
1487
1487
|
type: "button",
|
|
1488
1488
|
className: "ll-expanded__banner-x",
|
|
1489
|
-
onClick:
|
|
1489
|
+
onClick: Be,
|
|
1490
1490
|
"aria-label": "Dismiss",
|
|
1491
1491
|
children: "×"
|
|
1492
1492
|
}
|
|
@@ -1501,7 +1501,7 @@ const Gn = ({
|
|
|
1501
1501
|
{
|
|
1502
1502
|
type: "button",
|
|
1503
1503
|
className: "ll-expanded__banner-retry",
|
|
1504
|
-
onClick:
|
|
1504
|
+
onClick: Ee,
|
|
1505
1505
|
children: Y
|
|
1506
1506
|
}
|
|
1507
1507
|
)
|
|
@@ -1511,32 +1511,32 @@ const Gn = ({
|
|
|
1511
1511
|
}
|
|
1512
1512
|
);
|
|
1513
1513
|
};
|
|
1514
|
-
function
|
|
1514
|
+
function at() {
|
|
1515
1515
|
return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
|
|
1516
1516
|
}
|
|
1517
|
-
function
|
|
1517
|
+
function Jt() {
|
|
1518
1518
|
return /* @__PURE__ */ _("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: [
|
|
1519
1519
|
/* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
|
|
1520
1520
|
/* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
|
|
1521
1521
|
] });
|
|
1522
1522
|
}
|
|
1523
|
-
function
|
|
1523
|
+
function Kt() {
|
|
1524
1524
|
return /* @__PURE__ */ n("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", "aria-hidden": !0, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
|
|
1525
1525
|
}
|
|
1526
|
-
function
|
|
1526
|
+
function ir() {
|
|
1527
1527
|
return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
|
|
1528
1528
|
/* @__PURE__ */ n("rect", { x: "2", y: "3", width: "20", height: "14", rx: "2" }),
|
|
1529
1529
|
/* @__PURE__ */ n("line", { x1: "8", y1: "21", x2: "16", y2: "21" }),
|
|
1530
1530
|
/* @__PURE__ */ n("line", { x1: "12", y1: "17", x2: "12", y2: "21" })
|
|
1531
1531
|
] });
|
|
1532
1532
|
}
|
|
1533
|
-
function
|
|
1533
|
+
function or() {
|
|
1534
1534
|
return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
|
|
1535
1535
|
/* @__PURE__ */ n("path", { d: "M23 7l-7 5 7 5V7z" }),
|
|
1536
1536
|
/* @__PURE__ */ n("rect", { x: "1", y: "5", width: "15", height: "14", rx: "2" })
|
|
1537
1537
|
] });
|
|
1538
1538
|
}
|
|
1539
|
-
function
|
|
1539
|
+
function lr({ muted: e }) {
|
|
1540
1540
|
return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
|
|
1541
1541
|
/* @__PURE__ */ n("path", { d: "M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" }),
|
|
1542
1542
|
/* @__PURE__ */ n("path", { d: "M19 10v2a7 7 0 0 1-14 0v-2" }),
|
|
@@ -1544,22 +1544,22 @@ function ir({ muted: e }) {
|
|
|
1544
1544
|
e && /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
|
|
1545
1545
|
] });
|
|
1546
1546
|
}
|
|
1547
|
-
function
|
|
1547
|
+
function ar({ muted: e }) {
|
|
1548
1548
|
return /* @__PURE__ */ _("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
|
|
1549
1549
|
/* @__PURE__ */ n("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
|
|
1550
|
-
e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(
|
|
1550
|
+
e ? /* @__PURE__ */ n("line", { x1: "23", y1: "9", x2: "17", y2: "15" }) : /* @__PURE__ */ _(_t, { children: [
|
|
1551
1551
|
/* @__PURE__ */ n("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14" }),
|
|
1552
1552
|
/* @__PURE__ */ n("path", { d: "M15.54 8.46a5 5 0 0 1 0 7.07" })
|
|
1553
1553
|
] })
|
|
1554
1554
|
] });
|
|
1555
1555
|
}
|
|
1556
|
-
function
|
|
1556
|
+
function sr() {
|
|
1557
1557
|
return /* @__PURE__ */ _("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
|
|
1558
1558
|
/* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
|
|
1559
1559
|
/* @__PURE__ */ n("polyline", { points: "12 5 19 12 12 19" })
|
|
1560
1560
|
] });
|
|
1561
1561
|
}
|
|
1562
|
-
function
|
|
1562
|
+
function cr() {
|
|
1563
1563
|
return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "-4 -4 32 32", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ n(
|
|
1564
1564
|
"path",
|
|
1565
1565
|
{
|
|
@@ -1568,7 +1568,7 @@ function ar() {
|
|
|
1568
1568
|
}
|
|
1569
1569
|
) });
|
|
1570
1570
|
}
|
|
1571
|
-
const
|
|
1571
|
+
const Xt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */ _(
|
|
1572
1572
|
"div",
|
|
1573
1573
|
{
|
|
1574
1574
|
className: "ll-device-menu",
|
|
@@ -1596,21 +1596,21 @@ const Jt = ({ label: e, devices: t, activeId: r, onPick: i }) => /* @__PURE__ */
|
|
|
1596
1596
|
})
|
|
1597
1597
|
]
|
|
1598
1598
|
}
|
|
1599
|
-
),
|
|
1599
|
+
), dr = [
|
|
1600
1600
|
'[data-ll-private="true"]',
|
|
1601
1601
|
".ll-widget"
|
|
1602
1602
|
];
|
|
1603
|
-
function
|
|
1603
|
+
function kt(e) {
|
|
1604
1604
|
let t = e;
|
|
1605
1605
|
for (; t; ) {
|
|
1606
|
-
for (const r of
|
|
1606
|
+
for (const r of dr)
|
|
1607
1607
|
if (t.matches(r)) return !0;
|
|
1608
1608
|
t = t.parentElement;
|
|
1609
1609
|
}
|
|
1610
1610
|
return !1;
|
|
1611
1611
|
}
|
|
1612
|
-
function
|
|
1613
|
-
if (
|
|
1612
|
+
function ut(e) {
|
|
1613
|
+
if (kt(e)) return !1;
|
|
1614
1614
|
if (e instanceof HTMLInputElement) {
|
|
1615
1615
|
if (e.type === "password") return !1;
|
|
1616
1616
|
const t = (e.getAttribute("autocomplete") || "").toLowerCase();
|
|
@@ -1618,7 +1618,7 @@ function dt(e) {
|
|
|
1618
1618
|
}
|
|
1619
1619
|
return !0;
|
|
1620
1620
|
}
|
|
1621
|
-
const
|
|
1621
|
+
const st = 4096, ur = 20, fr = 20, pr = 10, hr = 10, mr = 30, Gt = 500, gr = [
|
|
1622
1622
|
'[data-ll-private="true"]',
|
|
1623
1623
|
".ll-widget",
|
|
1624
1624
|
"script",
|
|
@@ -1630,7 +1630,7 @@ function Xe(e) {
|
|
|
1630
1630
|
if (e.getAttribute("aria-hidden") === "true" || e.hasAttribute("hidden")) return !0;
|
|
1631
1631
|
let t = e;
|
|
1632
1632
|
for (; t; ) {
|
|
1633
|
-
for (const r of
|
|
1633
|
+
for (const r of gr)
|
|
1634
1634
|
if (t.matches(r)) return !0;
|
|
1635
1635
|
t = t.parentElement;
|
|
1636
1636
|
}
|
|
@@ -1643,7 +1643,7 @@ function Ge(e) {
|
|
|
1643
1643
|
const r = window.innerHeight || document.documentElement.clientHeight, i = window.innerWidth || document.documentElement.clientWidth;
|
|
1644
1644
|
return t.bottom > 0 && t.right > 0 && t.top < r && t.left < i;
|
|
1645
1645
|
}
|
|
1646
|
-
function
|
|
1646
|
+
function Qt(e) {
|
|
1647
1647
|
const t = e.getAttribute("id");
|
|
1648
1648
|
if (t) {
|
|
1649
1649
|
const l = document.querySelector(`label[for="${CSS.escape(t)}"]`);
|
|
@@ -1656,13 +1656,13 @@ function Xt(e) {
|
|
|
1656
1656
|
const o = e.closest("label");
|
|
1657
1657
|
return o != null && o.textContent ? o.textContent.trim() : "";
|
|
1658
1658
|
}
|
|
1659
|
-
function
|
|
1659
|
+
function Se(e, t) {
|
|
1660
1660
|
return e.length <= t ? e : e.slice(0, t - 1) + "…";
|
|
1661
1661
|
}
|
|
1662
|
-
function
|
|
1662
|
+
function He(e) {
|
|
1663
1663
|
return e.length;
|
|
1664
1664
|
}
|
|
1665
|
-
function
|
|
1665
|
+
function yr(e, t = {}) {
|
|
1666
1666
|
const r = t.doc ?? (typeof document < "u" ? document : null);
|
|
1667
1667
|
if (!r)
|
|
1668
1668
|
return {
|
|
@@ -1680,11 +1680,11 @@ function mr(e, t = {}) {
|
|
|
1680
1680
|
r.querySelectorAll("[data-ll-region]")
|
|
1681
1681
|
), u = [];
|
|
1682
1682
|
for (const m of c) {
|
|
1683
|
-
if (u.length >=
|
|
1683
|
+
if (u.length >= pr) break;
|
|
1684
1684
|
if (Xe(m) || !Ge(m)) continue;
|
|
1685
|
-
const R = m.getAttribute("data-ll-region") ?? "", W = m.getAttribute("data-ll-intent") ?? void 0, z =
|
|
1685
|
+
const R = m.getAttribute("data-ll-region") ?? "", W = m.getAttribute("data-ll-intent") ?? void 0, z = Se(
|
|
1686
1686
|
(m.innerText || m.textContent || "").trim(),
|
|
1687
|
-
|
|
1687
|
+
Gt * 2
|
|
1688
1688
|
);
|
|
1689
1689
|
!R || !z || u.push({ id: R, intent: W, text: z });
|
|
1690
1690
|
}
|
|
@@ -1694,21 +1694,21 @@ function mr(e, t = {}) {
|
|
|
1694
1694
|
for (const m of b) {
|
|
1695
1695
|
if (Xe(m) || !Ge(m)) continue;
|
|
1696
1696
|
const R = (m.textContent || "").trim();
|
|
1697
|
-
R && f.push(`${m.tagName}: ${
|
|
1697
|
+
R && f.push(`${m.tagName}: ${Se(R, 200)}`);
|
|
1698
1698
|
}
|
|
1699
1699
|
const s = Array.from(r.querySelectorAll("p, li"));
|
|
1700
1700
|
for (const m of s) {
|
|
1701
1701
|
if (Xe(m) || !Ge(m) || y.includes(m.tagName)) continue;
|
|
1702
1702
|
const R = (m.textContent || "").trim();
|
|
1703
|
-
R.length > 10 && f.push(
|
|
1703
|
+
R.length > 10 && f.push(Se(R, Gt));
|
|
1704
1704
|
}
|
|
1705
1705
|
const a = f.join(`
|
|
1706
|
-
`), x = [],
|
|
1707
|
-
for (const m of
|
|
1708
|
-
if (x.length >=
|
|
1706
|
+
`), x = [], N = Array.from(r.querySelectorAll("a[href]"));
|
|
1707
|
+
for (const m of N) {
|
|
1708
|
+
if (x.length >= ur) break;
|
|
1709
1709
|
if (Xe(m) || !Ge(m)) continue;
|
|
1710
1710
|
const R = m.getAttribute("href") || "", W = (m.textContent || "").trim();
|
|
1711
|
-
!R || !W || x.push({ href: R, text:
|
|
1711
|
+
!R || !W || x.push({ href: R, text: Se(W, 100) });
|
|
1712
1712
|
}
|
|
1713
1713
|
const C = [], v = Array.from(
|
|
1714
1714
|
r.querySelectorAll(
|
|
@@ -1716,17 +1716,17 @@ function mr(e, t = {}) {
|
|
|
1716
1716
|
)
|
|
1717
1717
|
);
|
|
1718
1718
|
for (const m of v) {
|
|
1719
|
-
if (C.length >=
|
|
1720
|
-
if (Xe(m) || !
|
|
1721
|
-
const R =
|
|
1722
|
-
R && C.push({ label:
|
|
1719
|
+
if (C.length >= fr) break;
|
|
1720
|
+
if (Xe(m) || !ut(m) || !Ge(m)) continue;
|
|
1721
|
+
const R = Qt(m), W = m instanceof HTMLInputElement ? m.type : m.tagName.toLowerCase();
|
|
1722
|
+
R && C.push({ label: Se(R, 100), type: W });
|
|
1723
1723
|
}
|
|
1724
1724
|
const w = Array.from(
|
|
1725
1725
|
r.querySelectorAll("[data-ll-form]")
|
|
1726
1726
|
), O = [];
|
|
1727
1727
|
for (const m of w) {
|
|
1728
|
-
if (O.length >=
|
|
1729
|
-
if (
|
|
1728
|
+
if (O.length >= hr) break;
|
|
1729
|
+
if (kt(m)) continue;
|
|
1730
1730
|
const R = m.getAttribute("data-ll-form") || "";
|
|
1731
1731
|
if (!R) continue;
|
|
1732
1732
|
const W = m.getAttribute("data-ll-intent") || void 0, z = Array.from(
|
|
@@ -1735,12 +1735,12 @@ function mr(e, t = {}) {
|
|
|
1735
1735
|
)
|
|
1736
1736
|
), M = [];
|
|
1737
1737
|
for (const B of z) {
|
|
1738
|
-
if (M.length >=
|
|
1739
|
-
if (!
|
|
1738
|
+
if (M.length >= mr) break;
|
|
1739
|
+
if (!ut(B)) continue;
|
|
1740
1740
|
const F = B.getAttribute("data-ll-field") || "";
|
|
1741
1741
|
if (!F) continue;
|
|
1742
|
-
const G =
|
|
1743
|
-
M.push({ name: F, label:
|
|
1742
|
+
const G = Qt(B) || F, ie = B instanceof HTMLInputElement ? B.type : B.tagName.toLowerCase();
|
|
1743
|
+
M.push({ name: F, label: Se(G, 100), type: ie });
|
|
1744
1744
|
}
|
|
1745
1745
|
O.push({ id: R, intent: W, fields: M });
|
|
1746
1746
|
}
|
|
@@ -1755,26 +1755,26 @@ function mr(e, t = {}) {
|
|
|
1755
1755
|
forms: O,
|
|
1756
1756
|
extras: e
|
|
1757
1757
|
};
|
|
1758
|
-
let q =
|
|
1759
|
-
for (; q >
|
|
1760
|
-
I.visibleFields.pop(), q =
|
|
1761
|
-
for (; q >
|
|
1758
|
+
let q = He(JSON.stringify(I.regions)) + He(I.visibleText) + He(JSON.stringify(I.visibleLinks)) + He(JSON.stringify(I.visibleFields));
|
|
1759
|
+
for (; q > st && I.visibleFields.length > 0; )
|
|
1760
|
+
I.visibleFields.pop(), q = He(JSON.stringify(I.visibleFields));
|
|
1761
|
+
for (; q > st && I.visibleLinks.length > 0; )
|
|
1762
1762
|
I.visibleLinks.pop(), q -= 80;
|
|
1763
|
-
return
|
|
1763
|
+
return He(I.visibleText) > st && (I.visibleText = Se(I.visibleText, st - 100)), I;
|
|
1764
1764
|
}
|
|
1765
|
-
let
|
|
1766
|
-
function
|
|
1765
|
+
let Oe = null;
|
|
1766
|
+
function Zt(e, t = {}) {
|
|
1767
1767
|
const r = Date.now(), o = `${typeof window < "u" && window.location.pathname || "/"}::${typeof window < "u" ? window.scrollY : 0}`;
|
|
1768
|
-
if (
|
|
1769
|
-
return
|
|
1770
|
-
const l =
|
|
1771
|
-
return
|
|
1768
|
+
if (Oe && Oe.key === o && r - Oe.at < 1e3)
|
|
1769
|
+
return Oe.ctx;
|
|
1770
|
+
const l = yr(e, t);
|
|
1771
|
+
return Oe = { key: o, at: r, ctx: l }, l;
|
|
1772
1772
|
}
|
|
1773
|
-
function
|
|
1774
|
-
|
|
1773
|
+
function vr() {
|
|
1774
|
+
Oe = null;
|
|
1775
1775
|
}
|
|
1776
|
-
const
|
|
1777
|
-
function
|
|
1776
|
+
const br = 200;
|
|
1777
|
+
function wr(e) {
|
|
1778
1778
|
const t = String(e.href || "");
|
|
1779
1779
|
return {
|
|
1780
1780
|
href: t,
|
|
@@ -1784,18 +1784,18 @@ function vr(e) {
|
|
|
1784
1784
|
description: e.description
|
|
1785
1785
|
};
|
|
1786
1786
|
}
|
|
1787
|
-
function
|
|
1787
|
+
function _r(e) {
|
|
1788
1788
|
return !(!e || e.startsWith("#") || e.startsWith("javascript:") || e.startsWith("mailto:") || e.startsWith("tel:"));
|
|
1789
1789
|
}
|
|
1790
|
-
function
|
|
1790
|
+
function xr(e) {
|
|
1791
1791
|
const t = e ?? (typeof document < "u" ? document : null);
|
|
1792
1792
|
if (!t) return [];
|
|
1793
1793
|
const r = typeof window < "u" && window.location.origin || "", i = /* @__PURE__ */ new Set(), o = [], l = Array.from(t.querySelectorAll("a[href]"));
|
|
1794
1794
|
for (const c of l) {
|
|
1795
|
-
if (o.length >=
|
|
1796
|
-
if (
|
|
1795
|
+
if (o.length >= br) break;
|
|
1796
|
+
if (kt(c)) continue;
|
|
1797
1797
|
const u = c.getAttribute("href") || "";
|
|
1798
|
-
if (!
|
|
1798
|
+
if (!_r(u)) continue;
|
|
1799
1799
|
let f = u, y = !0;
|
|
1800
1800
|
try {
|
|
1801
1801
|
if (typeof window < "u") {
|
|
@@ -1812,23 +1812,23 @@ function wr(e) {
|
|
|
1812
1812
|
}
|
|
1813
1813
|
return o;
|
|
1814
1814
|
}
|
|
1815
|
-
let
|
|
1816
|
-
const
|
|
1817
|
-
function
|
|
1815
|
+
let qe = null;
|
|
1816
|
+
const kr = 5e3;
|
|
1817
|
+
function bt() {
|
|
1818
1818
|
const e = Date.now(), t = typeof window < "u" && window.location.pathname || "/";
|
|
1819
|
-
if (
|
|
1820
|
-
return
|
|
1821
|
-
const r =
|
|
1822
|
-
return
|
|
1819
|
+
if (qe && qe.pathname === t && e - qe.at < kr)
|
|
1820
|
+
return qe.routes;
|
|
1821
|
+
const r = xr();
|
|
1822
|
+
return qe = { at: e, pathname: t, routes: r }, r;
|
|
1823
1823
|
}
|
|
1824
|
-
function
|
|
1825
|
-
|
|
1824
|
+
function Lr() {
|
|
1825
|
+
qe = null;
|
|
1826
1826
|
}
|
|
1827
|
-
function
|
|
1827
|
+
function Sr(e, t) {
|
|
1828
1828
|
const r = e instanceof HTMLInputElement ? HTMLInputElement.prototype : e instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLSelectElement.prototype, i = Object.getOwnPropertyDescriptor(r, "value"), o = i == null ? void 0 : i.set;
|
|
1829
1829
|
o ? o.call(e, t) : e.value = t;
|
|
1830
1830
|
}
|
|
1831
|
-
function
|
|
1831
|
+
function Cr(e, t, r = {}) {
|
|
1832
1832
|
const i = r.triggerInput ?? !0, o = r.triggerChange ?? !0;
|
|
1833
1833
|
if (e instanceof HTMLInputElement && (e.type === "checkbox" || e.type === "radio")) {
|
|
1834
1834
|
const l = Object.getOwnPropertyDescriptor(
|
|
@@ -1838,9 +1838,9 @@ function Lr(e, t, r = {}) {
|
|
|
1838
1838
|
c ? c.call(e, u) : e.checked = u, i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
|
|
1839
1839
|
return;
|
|
1840
1840
|
}
|
|
1841
|
-
|
|
1841
|
+
Sr(e, t), i && e.dispatchEvent(new Event("input", { bubbles: !0 })), o && e.dispatchEvent(new Event("change", { bubbles: !0 }));
|
|
1842
1842
|
}
|
|
1843
|
-
function
|
|
1843
|
+
function Er() {
|
|
1844
1844
|
if (typeof window > "u" || typeof document > "u")
|
|
1845
1845
|
return !1;
|
|
1846
1846
|
const e = document.scrollingElement || document.documentElement;
|
|
@@ -1848,19 +1848,19 @@ function Sr() {
|
|
|
1848
1848
|
const t = window.getComputedStyle(e);
|
|
1849
1849
|
return !(t.overflowY === "hidden" || t.overflowY === "clip");
|
|
1850
1850
|
}
|
|
1851
|
-
function
|
|
1851
|
+
function Nr(e) {
|
|
1852
1852
|
if (!(e instanceof HTMLElement)) return !1;
|
|
1853
1853
|
const r = window.getComputedStyle(e).overflowY;
|
|
1854
1854
|
return !(r !== "auto" && r !== "scroll" || e.scrollHeight <= e.clientHeight + 2);
|
|
1855
1855
|
}
|
|
1856
|
-
function
|
|
1856
|
+
function Ar() {
|
|
1857
1857
|
if (typeof document > "u") return null;
|
|
1858
1858
|
const e = Array.from(
|
|
1859
1859
|
document.querySelectorAll("body, body *")
|
|
1860
1860
|
);
|
|
1861
1861
|
let t = null, r = 0;
|
|
1862
1862
|
for (const i of e) {
|
|
1863
|
-
if (!
|
|
1863
|
+
if (!Nr(i)) continue;
|
|
1864
1864
|
const o = i.getBoundingClientRect();
|
|
1865
1865
|
if (o.bottom <= 0 || o.top >= window.innerHeight || o.right <= 0 || o.left >= window.innerWidth || o.width <= 0 || o.height <= 0 || i.closest(".ll-widget")) continue;
|
|
1866
1866
|
const l = o.width * o.height;
|
|
@@ -1868,24 +1868,24 @@ function Er() {
|
|
|
1868
1868
|
}
|
|
1869
1869
|
return t;
|
|
1870
1870
|
}
|
|
1871
|
-
function
|
|
1871
|
+
function Rr() {
|
|
1872
1872
|
if (typeof window > "u")
|
|
1873
1873
|
return null;
|
|
1874
|
-
if (
|
|
1875
|
-
const e =
|
|
1874
|
+
if (Er()) return window;
|
|
1875
|
+
const e = Ar();
|
|
1876
1876
|
return e || window;
|
|
1877
1877
|
}
|
|
1878
|
-
function
|
|
1878
|
+
function en(e) {
|
|
1879
1879
|
return e instanceof Window ? e.innerHeight || 0 : e.clientHeight || 0;
|
|
1880
1880
|
}
|
|
1881
|
-
function
|
|
1881
|
+
function Mr(e) {
|
|
1882
1882
|
var t, r;
|
|
1883
1883
|
return e instanceof Window ? typeof document > "u" ? 0 : Math.max(
|
|
1884
1884
|
((t = document.body) == null ? void 0 : t.scrollHeight) ?? 0,
|
|
1885
1885
|
((r = document.documentElement) == null ? void 0 : r.scrollHeight) ?? 0
|
|
1886
1886
|
) : e.scrollHeight - e.clientHeight;
|
|
1887
1887
|
}
|
|
1888
|
-
const
|
|
1888
|
+
const Ir = /* @__PURE__ */ new Set([
|
|
1889
1889
|
"agent_state",
|
|
1890
1890
|
"avatar_stream_ready",
|
|
1891
1891
|
"avatar_active",
|
|
@@ -1908,8 +1908,8 @@ const Rr = /* @__PURE__ */ new Set([
|
|
|
1908
1908
|
"submit_form",
|
|
1909
1909
|
"request_routes"
|
|
1910
1910
|
]);
|
|
1911
|
-
function
|
|
1912
|
-
var
|
|
1911
|
+
function Tr(e) {
|
|
1912
|
+
var Rt, Mt, It, Tt, Pt, Dt, $t;
|
|
1913
1913
|
const {
|
|
1914
1914
|
agentId: t,
|
|
1915
1915
|
apiKey: r,
|
|
@@ -1924,7 +1924,7 @@ function Mr(e) {
|
|
|
1924
1924
|
mobileBreakpoint: s = 640,
|
|
1925
1925
|
persistKey: a = "ll-widget",
|
|
1926
1926
|
disablePersistence: x = !1,
|
|
1927
|
-
teamMembers:
|
|
1927
|
+
teamMembers: N,
|
|
1928
1928
|
currentTeamMemberId: C,
|
|
1929
1929
|
onTeamMemberChange: v,
|
|
1930
1930
|
idleLoopUrl: w,
|
|
@@ -1948,35 +1948,35 @@ function Mr(e) {
|
|
|
1948
1948
|
capabilities: re,
|
|
1949
1949
|
onConnect: ce,
|
|
1950
1950
|
onDisconnect: we,
|
|
1951
|
-
onTranscript:
|
|
1952
|
-
onAgentState:
|
|
1953
|
-
onConnectionStateChange:
|
|
1954
|
-
onAgentEvent:
|
|
1955
|
-
onAgentCommand:
|
|
1951
|
+
onTranscript: Ce,
|
|
1952
|
+
onAgentState: Ee,
|
|
1953
|
+
onConnectionStateChange: Ne,
|
|
1954
|
+
onAgentEvent: Ae,
|
|
1955
|
+
onAgentCommand: Re,
|
|
1956
1956
|
controlledSession: V,
|
|
1957
|
-
className:
|
|
1958
|
-
style:
|
|
1957
|
+
className: ft,
|
|
1958
|
+
style: pt,
|
|
1959
1959
|
zIndex: nt = 2147483647
|
|
1960
|
-
} = e, ue =
|
|
1961
|
-
|
|
1962
|
-
|
|
1960
|
+
} = e, ue = qn(F), Me = Yn(ue, M, B);
|
|
1961
|
+
A(() => {
|
|
1962
|
+
vr(), Lr();
|
|
1963
1963
|
}, [ue]);
|
|
1964
|
-
const
|
|
1964
|
+
const Be = C !== void 0, [_e, Ie] = L(() => {
|
|
1965
1965
|
var h;
|
|
1966
|
-
return C ?? ((h =
|
|
1967
|
-
}), X =
|
|
1968
|
-
() => (
|
|
1969
|
-
[
|
|
1970
|
-
),
|
|
1966
|
+
return C ?? ((h = N == null ? void 0 : N[0]) == null ? void 0 : h.id);
|
|
1967
|
+
}), X = Be ? C : _e, te = ct(
|
|
1968
|
+
() => (N == null ? void 0 : N.find((h) => h.id === X)) ?? null,
|
|
1969
|
+
[N, X]
|
|
1970
|
+
), Te = (te == null ? void 0 : te.agentId) ?? t, [oe, de] = $n({
|
|
1971
1971
|
value: u,
|
|
1972
1972
|
defaultValue: f,
|
|
1973
1973
|
onChange: y,
|
|
1974
1974
|
persistKey: a,
|
|
1975
1975
|
disablePersistence: x
|
|
1976
|
-
}), xe =
|
|
1977
|
-
|
|
1976
|
+
}), xe = Hn(s), We = Ln(), Z = Sn(), le = En(), ae = Nn(), fe = An(), [Pe, pe] = L(!1), [he, Fe] = L(!1), [Ue, je] = L(!1), [me, ge] = L(!1), [De, rt] = L(!1), Ve = E(G), $e = E(ie), p = E(et), Y = E(tt), ht = E(be), Lt = E(Qe), St = E(Ze), mt = E(re), ne = E(null);
|
|
1977
|
+
Ve.current = G, $e.current = ie, p.current = et, Y.current = tt, ht.current = be, Lt.current = Qe, St.current = Ze, mt.current = re;
|
|
1978
1978
|
function ye(h) {
|
|
1979
|
-
const d =
|
|
1979
|
+
const d = mt.current;
|
|
1980
1980
|
return d ? d.includes(h) : !0;
|
|
1981
1981
|
}
|
|
1982
1982
|
function ve(h, d) {
|
|
@@ -1984,12 +1984,12 @@ function Mr(e) {
|
|
|
1984
1984
|
`[LiveLayer] Agent command "${h}" blocked — capability "${d}" not in allowlist. See https://livelayer.studio/docs/react/capabilities`
|
|
1985
1985
|
);
|
|
1986
1986
|
}
|
|
1987
|
-
const
|
|
1987
|
+
const Ye = k(
|
|
1988
1988
|
(h) => {
|
|
1989
|
-
var
|
|
1989
|
+
var ee, ze, lt, zt, Ht;
|
|
1990
1990
|
const d = h;
|
|
1991
1991
|
if (!(!d.type || typeof d.type != "string")) {
|
|
1992
|
-
if (
|
|
1992
|
+
if (Ae == null || Ae({ eventName: d.type, data: h }), d.type === "navigate") {
|
|
1993
1993
|
if (!ye("navigate")) {
|
|
1994
1994
|
ve("navigate", "navigate");
|
|
1995
1995
|
return;
|
|
@@ -2001,9 +2001,9 @@ function Mr(e) {
|
|
|
2001
2001
|
);
|
|
2002
2002
|
return;
|
|
2003
2003
|
}
|
|
2004
|
-
if (
|
|
2004
|
+
if (Ve.current) {
|
|
2005
2005
|
try {
|
|
2006
|
-
|
|
2006
|
+
Ve.current(S);
|
|
2007
2007
|
} catch (P) {
|
|
2008
2008
|
console.warn(
|
|
2009
2009
|
`[LiveLayer] onNavigate threw for "${S}". Falling back. Error:`,
|
|
@@ -2040,9 +2040,9 @@ function Mr(e) {
|
|
|
2040
2040
|
const S = typeof d.selector == "string" ? d.selector : null;
|
|
2041
2041
|
if (!S) return;
|
|
2042
2042
|
const P = d.behavior === "instant" ? "instant" : "smooth";
|
|
2043
|
-
if (
|
|
2043
|
+
if ($e.current) {
|
|
2044
2044
|
try {
|
|
2045
|
-
|
|
2045
|
+
$e.current(
|
|
2046
2046
|
S,
|
|
2047
2047
|
P
|
|
2048
2048
|
);
|
|
@@ -2079,7 +2079,7 @@ function Mr(e) {
|
|
|
2079
2079
|
ve("request_page_context", "read_page");
|
|
2080
2080
|
return;
|
|
2081
2081
|
}
|
|
2082
|
-
const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (
|
|
2082
|
+
const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (ee = ne.current) == null ? void 0 : ee.call(ne), D = (K) => {
|
|
2083
2083
|
const T = P, U = T == null ? void 0 : T.localParticipant;
|
|
2084
2084
|
if (U != null && U.publishData)
|
|
2085
2085
|
try {
|
|
@@ -2088,7 +2088,7 @@ function Mr(e) {
|
|
|
2088
2088
|
} catch (H) {
|
|
2089
2089
|
console.warn("[LiveLayer] publishData failed.", H);
|
|
2090
2090
|
}
|
|
2091
|
-
}, $ =
|
|
2091
|
+
}, $ = Lt.current, J = ht.current;
|
|
2092
2092
|
try {
|
|
2093
2093
|
if (J) {
|
|
2094
2094
|
const K = J($);
|
|
@@ -2099,7 +2099,7 @@ function Mr(e) {
|
|
|
2099
2099
|
T
|
|
2100
2100
|
), D({
|
|
2101
2101
|
type: "page_context",
|
|
2102
|
-
context:
|
|
2102
|
+
context: Zt($)
|
|
2103
2103
|
});
|
|
2104
2104
|
});
|
|
2105
2105
|
return;
|
|
@@ -2109,7 +2109,7 @@ function Mr(e) {
|
|
|
2109
2109
|
}
|
|
2110
2110
|
D({
|
|
2111
2111
|
type: "page_context",
|
|
2112
|
-
context:
|
|
2112
|
+
context: Zt($)
|
|
2113
2113
|
});
|
|
2114
2114
|
} catch (K) {
|
|
2115
2115
|
console.warn(
|
|
@@ -2147,12 +2147,12 @@ function Mr(e) {
|
|
|
2147
2147
|
return;
|
|
2148
2148
|
}
|
|
2149
2149
|
if (typeof window > "u") return;
|
|
2150
|
-
const D = { behavior: P }, $ =
|
|
2150
|
+
const D = { behavior: P }, $ = Rr(), J = (T) => {
|
|
2151
2151
|
$ instanceof Window ? $.scrollBy({ top: T, ...D }) : $.scrollBy({ top: T, ...D });
|
|
2152
2152
|
}, K = (T) => {
|
|
2153
2153
|
$ instanceof Window ? $.scrollTo({ top: T, ...D }) : $.scrollTo({ top: T, ...D });
|
|
2154
2154
|
};
|
|
2155
|
-
S === "up" ? J(-
|
|
2155
|
+
S === "up" ? J(-en($)) : S === "down" ? J(en($)) : K(S === "top" ? 0 : Mr($));
|
|
2156
2156
|
return;
|
|
2157
2157
|
}
|
|
2158
2158
|
if (d.type === "click") {
|
|
@@ -2195,7 +2195,7 @@ function Mr(e) {
|
|
|
2195
2195
|
);
|
|
2196
2196
|
return;
|
|
2197
2197
|
}
|
|
2198
|
-
(
|
|
2198
|
+
(ze = P.click) == null || ze.call(P);
|
|
2199
2199
|
return;
|
|
2200
2200
|
}
|
|
2201
2201
|
if (d.type === "fill_form" || d.type === "focus_field") {
|
|
@@ -2204,15 +2204,15 @@ function Mr(e) {
|
|
|
2204
2204
|
return;
|
|
2205
2205
|
}
|
|
2206
2206
|
if (typeof document > "u") return;
|
|
2207
|
-
const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (
|
|
2207
|
+
const S = typeof d.requestId == "string" ? d.requestId : void 0, P = (lt = ne.current) == null ? void 0 : lt.call(ne), D = (H) => {
|
|
2208
2208
|
if (d.type !== "fill_form") return;
|
|
2209
2209
|
const Q = P, se = Q == null ? void 0 : Q.localParticipant;
|
|
2210
2210
|
if (se != null && se.publishData)
|
|
2211
2211
|
try {
|
|
2212
|
-
const
|
|
2213
|
-
se.publishData(
|
|
2214
|
-
} catch (
|
|
2215
|
-
console.warn("[LiveLayer] publishData failed.",
|
|
2212
|
+
const Le = S ? { ...H, requestId: S } : H, gn = new TextEncoder().encode(JSON.stringify(Le));
|
|
2213
|
+
se.publishData(gn, { reliable: !0 });
|
|
2214
|
+
} catch (Le) {
|
|
2215
|
+
console.warn("[LiveLayer] publishData failed.", Le);
|
|
2216
2216
|
}
|
|
2217
2217
|
}, $ = typeof d.formId == "string" ? d.formId : null;
|
|
2218
2218
|
if (!$) {
|
|
@@ -2257,7 +2257,7 @@ function Mr(e) {
|
|
|
2257
2257
|
);
|
|
2258
2258
|
return;
|
|
2259
2259
|
}
|
|
2260
|
-
if (!
|
|
2260
|
+
if (!ut(Q)) {
|
|
2261
2261
|
console.warn(
|
|
2262
2262
|
`[LiveLayer] focus_field: field "${H}" is privacy-protected and not focusable.`
|
|
2263
2263
|
);
|
|
@@ -2286,18 +2286,18 @@ function Mr(e) {
|
|
|
2286
2286
|
), U.push(H);
|
|
2287
2287
|
continue;
|
|
2288
2288
|
}
|
|
2289
|
-
if (!
|
|
2289
|
+
if (!ut(se)) {
|
|
2290
2290
|
console.warn(
|
|
2291
2291
|
`[LiveLayer] fill_form: field "${H}" is privacy-protected (password / cc-* / private). Skipping.`
|
|
2292
2292
|
), U.push(H);
|
|
2293
2293
|
continue;
|
|
2294
2294
|
}
|
|
2295
2295
|
try {
|
|
2296
|
-
|
|
2297
|
-
} catch (
|
|
2296
|
+
Cr(se, Q), T.push(H);
|
|
2297
|
+
} catch (Le) {
|
|
2298
2298
|
console.warn(
|
|
2299
2299
|
`[LiveLayer] fill_form: failed to set "${H}".`,
|
|
2300
|
-
|
|
2300
|
+
Le
|
|
2301
2301
|
), U.push(H);
|
|
2302
2302
|
}
|
|
2303
2303
|
}
|
|
@@ -2337,12 +2337,12 @@ function Mr(e) {
|
|
|
2337
2337
|
);
|
|
2338
2338
|
return;
|
|
2339
2339
|
}
|
|
2340
|
-
const D = typeof d.requestId == "string" ? d.requestId : void 0, $ = (
|
|
2340
|
+
const D = typeof d.requestId == "string" ? d.requestId : void 0, $ = (zt = ne.current) == null ? void 0 : zt.call(ne), J = (U) => {
|
|
2341
2341
|
const H = $, Q = H == null ? void 0 : H.localParticipant;
|
|
2342
2342
|
if (Q != null && Q.publishData)
|
|
2343
2343
|
try {
|
|
2344
|
-
const se = D ? { ...U, requestId: D } : U,
|
|
2345
|
-
Q.publishData(
|
|
2344
|
+
const se = D ? { ...U, requestId: D } : U, Le = new TextEncoder().encode(JSON.stringify(se));
|
|
2345
|
+
Q.publishData(Le, { reliable: !0 });
|
|
2346
2346
|
} catch {
|
|
2347
2347
|
}
|
|
2348
2348
|
};
|
|
@@ -2375,7 +2375,7 @@ function Mr(e) {
|
|
|
2375
2375
|
ve("request_routes", "read_page");
|
|
2376
2376
|
return;
|
|
2377
2377
|
}
|
|
2378
|
-
const S = typeof d.requestId == "string" ? d.requestId : void 0, D = (
|
|
2378
|
+
const S = typeof d.requestId == "string" ? d.requestId : void 0, D = (Ht = ne.current) == null ? void 0 : Ht.call(ne), $ = D == null ? void 0 : D.localParticipant;
|
|
2379
2379
|
if (!($ != null && $.publishData)) return;
|
|
2380
2380
|
const J = (T) => {
|
|
2381
2381
|
try {
|
|
@@ -2384,7 +2384,7 @@ function Mr(e) {
|
|
|
2384
2384
|
} catch (U) {
|
|
2385
2385
|
console.warn("[LiveLayer] request_routes: publishData failed.", U);
|
|
2386
2386
|
}
|
|
2387
|
-
}, K =
|
|
2387
|
+
}, K = St.current;
|
|
2388
2388
|
if (K) {
|
|
2389
2389
|
try {
|
|
2390
2390
|
const T = K(), U = (H) => {
|
|
@@ -2392,75 +2392,75 @@ function Mr(e) {
|
|
|
2392
2392
|
J([]);
|
|
2393
2393
|
return;
|
|
2394
2394
|
}
|
|
2395
|
-
J(H.map(
|
|
2395
|
+
J(H.map(wr).slice(0, 200));
|
|
2396
2396
|
};
|
|
2397
2397
|
T instanceof Promise ? T.then(U).catch((H) => {
|
|
2398
2398
|
console.warn(
|
|
2399
2399
|
"[LiveLayer] getRoutes rejected; falling back to DOM walker.",
|
|
2400
2400
|
H
|
|
2401
|
-
), J(
|
|
2401
|
+
), J(bt());
|
|
2402
2402
|
}) : U(T);
|
|
2403
2403
|
} catch (T) {
|
|
2404
2404
|
console.warn(
|
|
2405
2405
|
"[LiveLayer] getRoutes threw; falling back to DOM walker.",
|
|
2406
2406
|
T
|
|
2407
|
-
), J(
|
|
2407
|
+
), J(bt());
|
|
2408
2408
|
}
|
|
2409
2409
|
return;
|
|
2410
2410
|
}
|
|
2411
2411
|
try {
|
|
2412
|
-
J(
|
|
2412
|
+
J(bt());
|
|
2413
2413
|
} catch (T) {
|
|
2414
2414
|
console.warn("[LiveLayer] request_routes: extractRoutes threw.", T);
|
|
2415
2415
|
}
|
|
2416
2416
|
return;
|
|
2417
2417
|
}
|
|
2418
|
-
|
|
2418
|
+
Ir.has(d.type) || Re == null || Re(d);
|
|
2419
2419
|
}
|
|
2420
2420
|
},
|
|
2421
|
-
[
|
|
2422
|
-
), j =
|
|
2423
|
-
agentId: V ? "__controlled__" :
|
|
2421
|
+
[Re, Ae]
|
|
2422
|
+
), j = kn({
|
|
2423
|
+
agentId: V ? "__controlled__" : Te,
|
|
2424
2424
|
baseUrl: i,
|
|
2425
2425
|
apiKey: r,
|
|
2426
2426
|
sessionEndpoint: o,
|
|
2427
2427
|
sessionBody: l,
|
|
2428
|
-
onDataMessage: V ? void 0 :
|
|
2428
|
+
onDataMessage: V ? void 0 : Ye
|
|
2429
2429
|
});
|
|
2430
|
-
|
|
2430
|
+
A(() => {
|
|
2431
2431
|
if (V != null && V.subscribeToDataMessages)
|
|
2432
|
-
return V.subscribeToDataMessages(
|
|
2433
|
-
}, [V,
|
|
2432
|
+
return V.subscribeToDataMessages(Ye);
|
|
2433
|
+
}, [V, Ye]), ne.current = () => {
|
|
2434
2434
|
var h;
|
|
2435
2435
|
return (h = j.getRoom) == null ? void 0 : h.call(j);
|
|
2436
|
-
},
|
|
2437
|
-
var
|
|
2436
|
+
}, A(() => {
|
|
2437
|
+
var ee;
|
|
2438
2438
|
if (!ue) return;
|
|
2439
|
-
const h = (
|
|
2439
|
+
const h = (ee = j.getRoom) == null ? void 0 : ee.call(j), d = h == null ? void 0 : h.localParticipant;
|
|
2440
2440
|
if (d != null && d.publishData)
|
|
2441
2441
|
try {
|
|
2442
|
-
const
|
|
2442
|
+
const ze = new TextEncoder().encode(
|
|
2443
2443
|
JSON.stringify({ type: "pathname", pathname: ue })
|
|
2444
2444
|
);
|
|
2445
|
-
d.publishData(
|
|
2445
|
+
d.publishData(ze, { reliable: !0 });
|
|
2446
2446
|
} catch {
|
|
2447
2447
|
}
|
|
2448
|
-
}, [ue, j, j.connectionState]),
|
|
2449
|
-
var
|
|
2448
|
+
}, [ue, j, j.connectionState]), A(() => {
|
|
2449
|
+
var ee;
|
|
2450
2450
|
if (typeof window > "u") return;
|
|
2451
|
-
const h = ((
|
|
2451
|
+
const h = ((ee = window.location) == null ? void 0 : ee.hostname) || "";
|
|
2452
2452
|
if (h === "localhost" || h === "127.0.0.1" || h === "0.0.0.0" || h.endsWith(".local") || h.endsWith(".test"))
|
|
2453
|
-
return window.__livelayerSimulateCommand = (
|
|
2453
|
+
return window.__livelayerSimulateCommand = (ze) => {
|
|
2454
2454
|
try {
|
|
2455
|
-
|
|
2456
|
-
} catch (
|
|
2457
|
-
console.warn("[LiveLayer] simulate-command threw:",
|
|
2455
|
+
Ye(ze);
|
|
2456
|
+
} catch (lt) {
|
|
2457
|
+
console.warn("[LiveLayer] simulate-command threw:", lt);
|
|
2458
2458
|
}
|
|
2459
2459
|
}, () => {
|
|
2460
2460
|
delete window.__livelayerSimulateCommand;
|
|
2461
2461
|
};
|
|
2462
|
-
}, [
|
|
2463
|
-
const g =
|
|
2462
|
+
}, [Ye]);
|
|
2463
|
+
const g = ct(() => V ? {
|
|
2464
2464
|
connectionState: V.connectionState,
|
|
2465
2465
|
agentState: V.agentState,
|
|
2466
2466
|
transcript: V.transcript,
|
|
@@ -2491,174 +2491,180 @@ function Mr(e) {
|
|
|
2491
2491
|
disconnect: j.disconnect,
|
|
2492
2492
|
getRoom: j.getRoom,
|
|
2493
2493
|
isControlled: !1
|
|
2494
|
-
}, [V, j]),
|
|
2495
|
-
|
|
2496
|
-
const h = g.videoElement, d =
|
|
2494
|
+
}, [V, j]), Ct = E(null);
|
|
2495
|
+
A(() => {
|
|
2496
|
+
const h = g.videoElement, d = Ct.current;
|
|
2497
2497
|
if (!(!h || !d))
|
|
2498
2498
|
return d.appendChild(h), () => {
|
|
2499
2499
|
h.parentNode === d && d.removeChild(h);
|
|
2500
2500
|
};
|
|
2501
|
-
}, [g.videoElement]),
|
|
2501
|
+
}, [g.videoElement]), A(() => {
|
|
2502
2502
|
const h = g.audioElement;
|
|
2503
2503
|
if (!h) return;
|
|
2504
|
-
|
|
2504
|
+
We.attach(h);
|
|
2505
2505
|
const d = h.play();
|
|
2506
|
-
return d && typeof d.catch == "function" && d.catch((
|
|
2507
|
-
(
|
|
2506
|
+
return d && typeof d.catch == "function" && d.catch((ee) => {
|
|
2507
|
+
(ee == null ? void 0 : ee.name) === "NotAllowedError" && pe(!0);
|
|
2508
2508
|
}), () => {
|
|
2509
|
-
|
|
2509
|
+
We.detach();
|
|
2510
2510
|
};
|
|
2511
|
-
}, [g.audioElement]),
|
|
2511
|
+
}, [g.audioElement]), A(() => {
|
|
2512
2512
|
if (g.isControlled || g.connectionState !== "connected") return;
|
|
2513
2513
|
const h = g.getRoom();
|
|
2514
2514
|
if (h)
|
|
2515
|
-
return
|
|
2515
|
+
return Z.setupMic(h, { startMuted: !0 }).catch(() => {
|
|
2516
2516
|
}), le.attachRoom(h), ae.attachRoom(h), fe.refresh(), () => {
|
|
2517
|
-
|
|
2517
|
+
Z.teardownMic(), le.teardown(), ae.teardown();
|
|
2518
2518
|
};
|
|
2519
2519
|
}, [g.isControlled, g.connectionState]);
|
|
2520
|
-
const [
|
|
2521
|
-
|
|
2520
|
+
const [ke, gt] = L(!1), yt = E("idle");
|
|
2521
|
+
A(() => {
|
|
2522
2522
|
if (g.connectionState === "idle" || g.connectionState === "disconnected") {
|
|
2523
|
-
|
|
2523
|
+
gt(!1), yt.current = "idle";
|
|
2524
2524
|
return;
|
|
2525
2525
|
}
|
|
2526
|
-
!
|
|
2527
|
-
}, [g.agentState, g.connectionState,
|
|
2528
|
-
if (g.connectionState !== "connected" ||
|
|
2526
|
+
!ke && yt.current === "speaking" && g.agentState !== "speaking" && (gt(!0), Z.setMuted(!1)), yt.current = g.agentState;
|
|
2527
|
+
}, [g.agentState, g.connectionState, ke]), A(() => {
|
|
2528
|
+
if (g.connectionState !== "connected" || ke) return;
|
|
2529
2529
|
const h = setTimeout(() => {
|
|
2530
|
-
|
|
2530
|
+
gt(!0), Z.setMuted(!1);
|
|
2531
2531
|
}, 4e3);
|
|
2532
2532
|
return () => clearTimeout(h);
|
|
2533
|
-
}, [g.connectionState,
|
|
2533
|
+
}, [g.connectionState, ke]);
|
|
2534
|
+
const Et = E(!1), it = E(!1);
|
|
2535
|
+
A(() => {
|
|
2536
|
+
if (!ke) return;
|
|
2537
|
+
const h = g.agentState;
|
|
2538
|
+
!it.current && (h === "speaking" || h === "thinking") ? (Et.current = Z.isMuted, it.current = !0, Z.setMuted(!0)) : it.current && h === "listening" && (it.current = !1, Z.setMuted(Et.current));
|
|
2539
|
+
}, [g.agentState, ke]), A(() => {
|
|
2534
2540
|
const h = g.audioElement;
|
|
2535
|
-
h && (h.muted =
|
|
2536
|
-
}, [g.audioElement,
|
|
2537
|
-
const
|
|
2541
|
+
h && (h.muted = De);
|
|
2542
|
+
}, [g.audioElement, De]);
|
|
2543
|
+
const on = k((h) => {
|
|
2538
2544
|
const d = g.getRoom();
|
|
2539
2545
|
if (d)
|
|
2540
2546
|
try {
|
|
2541
|
-
const
|
|
2547
|
+
const ee = new TextEncoder().encode(
|
|
2542
2548
|
JSON.stringify({ type: "user_message", text: h })
|
|
2543
2549
|
);
|
|
2544
|
-
d.localParticipant.publishData(
|
|
2550
|
+
d.localParticipant.publishData(ee, { reliable: !0 });
|
|
2545
2551
|
} catch {
|
|
2546
2552
|
}
|
|
2547
|
-
}, [g]),
|
|
2553
|
+
}, [g]), ln = k(() => {
|
|
2548
2554
|
rt((h) => !h);
|
|
2549
2555
|
}, []);
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
}, [g.connectionState, ce, we,
|
|
2553
|
-
|
|
2554
|
-
}, [g.transcript,
|
|
2555
|
-
|
|
2556
|
-
}, [g.agentState,
|
|
2557
|
-
const
|
|
2558
|
-
|
|
2559
|
-
g.isControlled || !c ||
|
|
2560
|
-
}, [c, g.connectionState, g,
|
|
2561
|
-
const
|
|
2556
|
+
A(() => {
|
|
2557
|
+
Ne == null || Ne(g.connectionState), g.connectionState === "connected" ? ce == null || ce() : g.connectionState === "disconnected" && (we == null || we());
|
|
2558
|
+
}, [g.connectionState, ce, we, Ne]), A(() => {
|
|
2559
|
+
Ce == null || Ce(g.transcript);
|
|
2560
|
+
}, [g.transcript, Ce]), A(() => {
|
|
2561
|
+
Ee == null || Ee(g.agentState);
|
|
2562
|
+
}, [g.agentState, Ee]);
|
|
2563
|
+
const Nt = E(!1);
|
|
2564
|
+
A(() => {
|
|
2565
|
+
g.isControlled || !c || Nt.current || Me && g.connectionState === "idle" && (Nt.current = !0, g.connect());
|
|
2566
|
+
}, [c, g.connectionState, g, Me]);
|
|
2567
|
+
const an = k(
|
|
2562
2568
|
(h) => {
|
|
2563
|
-
const d =
|
|
2564
|
-
d && (
|
|
2569
|
+
const d = N == null ? void 0 : N.find((ee) => ee.id === h);
|
|
2570
|
+
d && (je(!1), h !== X && (Fe(!0), g.disconnect(), Be || Ie(h), v == null || v(d)));
|
|
2565
2571
|
},
|
|
2566
2572
|
[
|
|
2567
|
-
|
|
2573
|
+
N,
|
|
2568
2574
|
X,
|
|
2569
2575
|
g,
|
|
2570
|
-
|
|
2576
|
+
Be,
|
|
2571
2577
|
v
|
|
2572
2578
|
]
|
|
2573
2579
|
);
|
|
2574
|
-
|
|
2575
|
-
he && g.connectionState === "connected" &&
|
|
2576
|
-
}, [g.connectionState, he]),
|
|
2577
|
-
if (!
|
|
2580
|
+
A(() => {
|
|
2581
|
+
he && g.connectionState === "connected" && Fe(!1);
|
|
2582
|
+
}, [g.connectionState, he]), A(() => {
|
|
2583
|
+
if (!Ue) return;
|
|
2578
2584
|
const h = (d) => {
|
|
2579
|
-
d.key === "Escape" &&
|
|
2585
|
+
d.key === "Escape" && je(!1);
|
|
2580
2586
|
};
|
|
2581
2587
|
return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
|
|
2582
|
-
}, [
|
|
2583
|
-
const
|
|
2584
|
-
re === void 0 && ((
|
|
2585
|
-
const
|
|
2588
|
+
}, [Ue]);
|
|
2589
|
+
const sn = !!I || !!(te != null && te.avatarImageUrl) || g.isControlled, Je = Rn(Te, i, sn);
|
|
2590
|
+
re === void 0 && ((Rt = Je.info) != null && Rt.capabilities) && (mt.current = Je.info.capabilities);
|
|
2591
|
+
const ot = (te == null ? void 0 : te.name) ?? q ?? ((Mt = g.agentConfig) == null ? void 0 : Mt.name) ?? ((It = Je.info) == null ? void 0 : It.name) ?? "Live Layer", vt = (te == null ? void 0 : te.avatarImageUrl) ?? I ?? ((Tt = g.agentConfig) == null ? void 0 : Tt.avatarImageUrl) ?? ((Pt = Je.info) == null ? void 0 : Pt.avatarImageUrl) ?? null, cn = w ?? ((Dt = g.agentConfig) == null ? void 0 : Dt.idleLoopUrl) ?? (($t = Je.info) == null ? void 0 : $t.idleLoopUrl) ?? null, dn = O ?? null, un = k(() => de("expanded"), [de]), fn = k(
|
|
2586
2592
|
() => de("minimized"),
|
|
2587
2593
|
[de]
|
|
2588
|
-
),
|
|
2594
|
+
), At = k(() => {
|
|
2589
2595
|
g.disconnect(), de("hidden");
|
|
2590
|
-
}, [g, de]),
|
|
2596
|
+
}, [g, de]), pn = k(() => {
|
|
2591
2597
|
const h = g.audioElement;
|
|
2592
2598
|
h && h.play().then(() => pe(!1)).catch(() => {
|
|
2593
2599
|
});
|
|
2594
|
-
}, [g.audioElement]),
|
|
2600
|
+
}, [g.audioElement]), hn = k(() => {
|
|
2595
2601
|
pe(!1), g.connect();
|
|
2596
2602
|
}, [g]), Ke = {
|
|
2597
|
-
...
|
|
2603
|
+
...pt,
|
|
2598
2604
|
zIndex: nt
|
|
2599
2605
|
};
|
|
2600
2606
|
m.primaryColor && (Ke["--ll-color-primary"] = m.primaryColor), m.accentColor && (Ke["--ll-color-accent"] = m.accentColor), m.backgroundColor && (Ke["--ll-color-bg"] = m.backgroundColor), m.textColor && (Ke["--ll-color-fg"] = m.textColor);
|
|
2601
|
-
const
|
|
2607
|
+
const mn = [
|
|
2602
2608
|
"ll-widget",
|
|
2603
2609
|
`ll-widget--${oe}`,
|
|
2604
2610
|
`ll-widget--${xe ? "mobile" : "desktop"}`,
|
|
2605
|
-
|
|
2611
|
+
ft
|
|
2606
2612
|
].filter(Boolean).join(" ");
|
|
2607
|
-
return
|
|
2613
|
+
return Me ? /* @__PURE__ */ _(
|
|
2608
2614
|
"div",
|
|
2609
2615
|
{
|
|
2610
|
-
className:
|
|
2616
|
+
className: mn,
|
|
2611
2617
|
style: Ke,
|
|
2612
2618
|
"data-display-mode": oe,
|
|
2613
2619
|
"data-position": b,
|
|
2614
2620
|
children: [
|
|
2615
2621
|
oe === "hidden" && /* @__PURE__ */ n(
|
|
2616
|
-
|
|
2622
|
+
Zn,
|
|
2617
2623
|
{
|
|
2618
2624
|
position: b,
|
|
2619
2625
|
isMobile: xe,
|
|
2620
2626
|
isSpeaking: g.agentState === "speaking",
|
|
2621
2627
|
onExpand: () => de("expanded"),
|
|
2622
|
-
label: `Open ${
|
|
2623
|
-
avatarImageUrl:
|
|
2624
|
-
agentName:
|
|
2628
|
+
label: `Open ${ot} widget`,
|
|
2629
|
+
avatarImageUrl: vt,
|
|
2630
|
+
agentName: ot
|
|
2625
2631
|
}
|
|
2626
2632
|
),
|
|
2627
2633
|
oe === "minimized" && /* @__PURE__ */ n(
|
|
2628
|
-
|
|
2634
|
+
tr,
|
|
2629
2635
|
{
|
|
2630
2636
|
position: b,
|
|
2631
2637
|
isMobile: xe,
|
|
2632
|
-
agentName:
|
|
2633
|
-
avatarImageUrl:
|
|
2638
|
+
agentName: ot,
|
|
2639
|
+
avatarImageUrl: vt,
|
|
2634
2640
|
agentState: g.agentState,
|
|
2635
|
-
isMuted:
|
|
2636
|
-
audioLevel:
|
|
2637
|
-
onExpand:
|
|
2638
|
-
onToggleMute:
|
|
2639
|
-
onClose:
|
|
2641
|
+
isMuted: Z.isMuted,
|
|
2642
|
+
audioLevel: We,
|
|
2643
|
+
onExpand: un,
|
|
2644
|
+
onToggleMute: Z.toggleMute,
|
|
2645
|
+
onClose: At
|
|
2640
2646
|
}
|
|
2641
2647
|
),
|
|
2642
2648
|
oe === "expanded" && /* @__PURE__ */ n(
|
|
2643
|
-
|
|
2649
|
+
rr,
|
|
2644
2650
|
{
|
|
2645
2651
|
position: b,
|
|
2646
2652
|
isMobile: xe,
|
|
2647
|
-
agentName:
|
|
2648
|
-
avatarImageUrl:
|
|
2649
|
-
idleLoopUrl:
|
|
2650
|
-
greeting:
|
|
2653
|
+
agentName: ot,
|
|
2654
|
+
avatarImageUrl: vt,
|
|
2655
|
+
idleLoopUrl: cn,
|
|
2656
|
+
greeting: dn,
|
|
2651
2657
|
branding: m,
|
|
2652
|
-
teamMembers:
|
|
2658
|
+
teamMembers: N,
|
|
2653
2659
|
currentTeamMemberId: X,
|
|
2654
2660
|
isSwitchingTeamMember: he,
|
|
2655
|
-
teamSwitcherOpen:
|
|
2656
|
-
onToggleTeamSwitcher: () =>
|
|
2657
|
-
onSelectTeamMember:
|
|
2661
|
+
teamSwitcherOpen: Ue,
|
|
2662
|
+
onToggleTeamSwitcher: () => je((h) => !h),
|
|
2663
|
+
onSelectTeamMember: an,
|
|
2658
2664
|
connectionState: g.connectionState,
|
|
2659
2665
|
agentState: g.agentState,
|
|
2660
2666
|
transcript: g.transcript,
|
|
2661
|
-
isMuted:
|
|
2667
|
+
isMuted: Z.isMuted,
|
|
2662
2668
|
micDevices: fe.mics,
|
|
2663
2669
|
isCameraEnabled: le.isEnabled,
|
|
2664
2670
|
cameraPreviewEl: le.previewEl,
|
|
@@ -2666,42 +2672,42 @@ function Mr(e) {
|
|
|
2666
2672
|
activeCameraId: le.activeDeviceId,
|
|
2667
2673
|
isScreenShareEnabled: ae.isEnabled,
|
|
2668
2674
|
screenPreviewEl: ae.previewEl,
|
|
2669
|
-
isSpeakerMuted:
|
|
2675
|
+
isSpeakerMuted: De,
|
|
2670
2676
|
allowCamera: R,
|
|
2671
2677
|
allowScreenShare: W,
|
|
2672
2678
|
allowTyping: z,
|
|
2673
2679
|
languageMenuOpen: me,
|
|
2674
2680
|
onToggleLanguageMenu: () => ge((h) => !h),
|
|
2675
|
-
needsUserGesture:
|
|
2681
|
+
needsUserGesture: Pe,
|
|
2676
2682
|
canResume: g.canResume,
|
|
2677
|
-
micError:
|
|
2683
|
+
micError: Z.micError,
|
|
2678
2684
|
error: g.error,
|
|
2679
|
-
avatarVideoContainerRef:
|
|
2685
|
+
avatarVideoContainerRef: Ct,
|
|
2680
2686
|
agentVideoEl: g.videoElement,
|
|
2681
|
-
micGateOpen: g.isControlled ? !0 :
|
|
2687
|
+
micGateOpen: g.isControlled ? !0 : ke,
|
|
2682
2688
|
onConnect: () => void g.connect(),
|
|
2683
2689
|
onDisconnect: () => g.disconnect(),
|
|
2684
|
-
onRetry:
|
|
2685
|
-
onResumeAudio:
|
|
2686
|
-
onToggleMute:
|
|
2690
|
+
onRetry: hn,
|
|
2691
|
+
onResumeAudio: pn,
|
|
2692
|
+
onToggleMute: Z.toggleMute,
|
|
2687
2693
|
onToggleCamera: () => void le.toggle(),
|
|
2688
2694
|
onSwitchCameraDevice: (h) => void le.switchDevice(h),
|
|
2689
2695
|
onToggleScreenShare: () => void ae.toggle(),
|
|
2690
|
-
onToggleSpeaker:
|
|
2691
|
-
onSendMessage:
|
|
2692
|
-
onMinimize:
|
|
2693
|
-
onClose:
|
|
2694
|
-
onClearMicError:
|
|
2696
|
+
onToggleSpeaker: ln,
|
|
2697
|
+
onSendMessage: on,
|
|
2698
|
+
onMinimize: fn,
|
|
2699
|
+
onClose: At,
|
|
2700
|
+
onClearMicError: Z.clearError
|
|
2695
2701
|
}
|
|
2696
2702
|
)
|
|
2697
2703
|
]
|
|
2698
2704
|
}
|
|
2699
2705
|
) : null;
|
|
2700
2706
|
}
|
|
2701
|
-
function
|
|
2702
|
-
return /* @__PURE__ */ n(
|
|
2707
|
+
function Br(e) {
|
|
2708
|
+
return /* @__PURE__ */ n(xn, { children: /* @__PURE__ */ n(Tr, { ...e }) });
|
|
2703
2709
|
}
|
|
2704
|
-
const
|
|
2710
|
+
const Wr = ({
|
|
2705
2711
|
agentId: e,
|
|
2706
2712
|
baseUrl: t,
|
|
2707
2713
|
apiKey: r,
|
|
@@ -2710,26 +2716,26 @@ const qr = ({
|
|
|
2710
2716
|
className: l,
|
|
2711
2717
|
style: c
|
|
2712
2718
|
}) => {
|
|
2713
|
-
const u =
|
|
2719
|
+
const u = E(null), f = E(null), y = E(o);
|
|
2714
2720
|
y.current = o;
|
|
2715
2721
|
const b = k((s) => {
|
|
2716
2722
|
var x;
|
|
2717
2723
|
const a = s.detail;
|
|
2718
2724
|
(x = y.current) == null || x.call(y, a);
|
|
2719
2725
|
}, []);
|
|
2720
|
-
return
|
|
2726
|
+
return A(() => {
|
|
2721
2727
|
const s = u.current;
|
|
2722
2728
|
if (!s) return;
|
|
2723
2729
|
const a = document.createElement("livelayer-widget");
|
|
2724
2730
|
return a.setAttribute("agent-id", e), t && a.setAttribute("base-url", t), r && a.setAttribute("api-key", r), i && a.setAttribute("mode", i), a.addEventListener("agent-event", b), s.appendChild(a), f.current = a, () => {
|
|
2725
2731
|
a.removeEventListener("agent-event", b), s.removeChild(a), f.current = null;
|
|
2726
2732
|
};
|
|
2727
|
-
}, [e]),
|
|
2733
|
+
}, [e]), A(() => {
|
|
2728
2734
|
f.current && (i ? f.current.setAttribute("mode", i) : f.current.removeAttribute("mode"));
|
|
2729
2735
|
}, [i]), /* @__PURE__ */ n("div", { ref: u, className: l, style: c });
|
|
2730
|
-
},
|
|
2736
|
+
}, Fr = xt(
|
|
2731
2737
|
function({ id: t, intent: r, as: i = "div", className: o, style: l, children: c }, u) {
|
|
2732
|
-
return
|
|
2738
|
+
return vn(
|
|
2733
2739
|
i,
|
|
2734
2740
|
{
|
|
2735
2741
|
ref: u,
|
|
@@ -2741,7 +2747,7 @@ const qr = ({
|
|
|
2741
2747
|
c
|
|
2742
2748
|
);
|
|
2743
2749
|
}
|
|
2744
|
-
),
|
|
2750
|
+
), Ur = xt(
|
|
2745
2751
|
function({ id: t, intent: r, children: i, ...o }, l) {
|
|
2746
2752
|
return /* @__PURE__ */ n(
|
|
2747
2753
|
"form",
|
|
@@ -2754,7 +2760,7 @@ const qr = ({
|
|
|
2754
2760
|
}
|
|
2755
2761
|
);
|
|
2756
2762
|
}
|
|
2757
|
-
),
|
|
2763
|
+
), jr = xt(
|
|
2758
2764
|
function(t, r) {
|
|
2759
2765
|
const { name: i, label: o, labelClassName: l } = t, c = { name: i, "data-ll-field": i };
|
|
2760
2766
|
let u;
|
|
@@ -2796,30 +2802,30 @@ const qr = ({
|
|
|
2796
2802
|
] });
|
|
2797
2803
|
}
|
|
2798
2804
|
);
|
|
2799
|
-
let
|
|
2800
|
-
function
|
|
2805
|
+
let tn = 1;
|
|
2806
|
+
function Vr({
|
|
2801
2807
|
onMount: e,
|
|
2802
2808
|
defaultOpen: t = !1,
|
|
2803
2809
|
storageKey: r = "ll-debug-open"
|
|
2804
2810
|
}) {
|
|
2805
|
-
const [i, o] = L(t), [l, c] = L([]), [u, f] = L(""), [y, b] = L(!1), s =
|
|
2806
|
-
x.current = y,
|
|
2811
|
+
const [i, o] = L(t), [l, c] = L([]), [u, f] = L(""), [y, b] = L(!1), s = E(/* @__PURE__ */ new Set()), a = E([]), x = E(y);
|
|
2812
|
+
x.current = y, A(() => {
|
|
2807
2813
|
try {
|
|
2808
2814
|
const v = localStorage.getItem(r);
|
|
2809
2815
|
v === "1" && o(!0), v === "0" && o(!1);
|
|
2810
2816
|
} catch {
|
|
2811
2817
|
}
|
|
2812
|
-
}, [r]),
|
|
2818
|
+
}, [r]), A(() => {
|
|
2813
2819
|
try {
|
|
2814
2820
|
localStorage.setItem(r, i ? "1" : "0");
|
|
2815
2821
|
} catch {
|
|
2816
2822
|
}
|
|
2817
|
-
}, [i, r]),
|
|
2823
|
+
}, [i, r]), A(() => {
|
|
2818
2824
|
const v = (w) => {
|
|
2819
2825
|
(w.metaKey || w.ctrlKey) && w.shiftKey && w.key.toLowerCase() === "l" && (w.preventDefault(), o((O) => !O));
|
|
2820
2826
|
};
|
|
2821
2827
|
return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
|
|
2822
|
-
}, []),
|
|
2828
|
+
}, []), A(() => {
|
|
2823
2829
|
const v = setInterval(() => {
|
|
2824
2830
|
if (a.current.length === 0 || x.current) return;
|
|
2825
2831
|
const w = a.current.splice(0, a.current.length);
|
|
@@ -2829,27 +2835,27 @@ function Ur({
|
|
|
2829
2835
|
}, 100);
|
|
2830
2836
|
return () => clearInterval(v);
|
|
2831
2837
|
}, []);
|
|
2832
|
-
const
|
|
2833
|
-
if (
|
|
2834
|
-
!e ||
|
|
2838
|
+
const N = E(!1);
|
|
2839
|
+
if (A(() => {
|
|
2840
|
+
!e || N.current || (N.current = !0, e((v) => {
|
|
2835
2841
|
a.current.push({
|
|
2836
|
-
id:
|
|
2842
|
+
id: tn++,
|
|
2837
2843
|
ts: Date.now(),
|
|
2838
2844
|
kind: "event",
|
|
2839
2845
|
type: v.eventName,
|
|
2840
2846
|
data: v.data
|
|
2841
2847
|
});
|
|
2842
2848
|
}));
|
|
2843
|
-
}, [e]),
|
|
2849
|
+
}, [e]), A(() => {
|
|
2844
2850
|
const v = console.warn, w = console.log, O = (I, q) => function(...m) {
|
|
2845
2851
|
try {
|
|
2846
2852
|
const R = typeof m[0] == "string" ? m[0] : "";
|
|
2847
2853
|
R.startsWith("[LiveLayer]") && a.current.push({
|
|
2848
|
-
id:
|
|
2854
|
+
id: tn++,
|
|
2849
2855
|
ts: Date.now(),
|
|
2850
2856
|
kind: I,
|
|
2851
2857
|
type: R.slice(0, 120),
|
|
2852
|
-
data: { args: m.slice(1).map((W) =>
|
|
2858
|
+
data: { args: m.slice(1).map((W) => Dr(W)) }
|
|
2853
2859
|
});
|
|
2854
2860
|
} catch {
|
|
2855
2861
|
}
|
|
@@ -2936,7 +2942,7 @@ function Ur({
|
|
|
2936
2942
|
{
|
|
2937
2943
|
type: "button",
|
|
2938
2944
|
onClick: () => b((v) => !v),
|
|
2939
|
-
style:
|
|
2945
|
+
style: wt(y ? "#f59e0b" : "transparent"),
|
|
2940
2946
|
title: "Pause / resume capture",
|
|
2941
2947
|
children: y ? "▶ resume" : "⏸ pause"
|
|
2942
2948
|
}
|
|
@@ -2948,7 +2954,7 @@ function Ur({
|
|
|
2948
2954
|
onClick: () => {
|
|
2949
2955
|
c([]), a.current = [];
|
|
2950
2956
|
},
|
|
2951
|
-
style:
|
|
2957
|
+
style: wt("transparent"),
|
|
2952
2958
|
title: "Clear buffer",
|
|
2953
2959
|
children: "clear"
|
|
2954
2960
|
}
|
|
@@ -2958,7 +2964,7 @@ function Ur({
|
|
|
2958
2964
|
{
|
|
2959
2965
|
type: "button",
|
|
2960
2966
|
onClick: () => o(!1),
|
|
2961
|
-
style:
|
|
2967
|
+
style: wt("transparent"),
|
|
2962
2968
|
"aria-label": "Close",
|
|
2963
2969
|
title: "Close (Cmd/Ctrl + Shift + L)",
|
|
2964
2970
|
children: "✕"
|
|
@@ -3025,7 +3031,7 @@ function Ur({
|
|
|
3025
3031
|
]
|
|
3026
3032
|
}
|
|
3027
3033
|
) : C.map((v) => /* @__PURE__ */ n(
|
|
3028
|
-
|
|
3034
|
+
Pr,
|
|
3029
3035
|
{
|
|
3030
3036
|
entry: v,
|
|
3031
3037
|
expanded: s.current.has(v.id),
|
|
@@ -3041,7 +3047,7 @@ function Ur({
|
|
|
3041
3047
|
}
|
|
3042
3048
|
);
|
|
3043
3049
|
}
|
|
3044
|
-
function
|
|
3050
|
+
function Pr({
|
|
3045
3051
|
entry: e,
|
|
3046
3052
|
expanded: t,
|
|
3047
3053
|
onToggle: r
|
|
@@ -3111,7 +3117,7 @@ function Ir({
|
|
|
3111
3117
|
}
|
|
3112
3118
|
);
|
|
3113
3119
|
}
|
|
3114
|
-
function
|
|
3120
|
+
function wt(e) {
|
|
3115
3121
|
return {
|
|
3116
3122
|
background: e,
|
|
3117
3123
|
color: "#fff",
|
|
@@ -3122,14 +3128,14 @@ function bt(e) {
|
|
|
3122
3128
|
cursor: "pointer"
|
|
3123
3129
|
};
|
|
3124
3130
|
}
|
|
3125
|
-
function
|
|
3131
|
+
function Dr(e) {
|
|
3126
3132
|
try {
|
|
3127
3133
|
return e instanceof Error ? { message: e.message, stack: e.stack } : (JSON.stringify(e), e);
|
|
3128
3134
|
} catch {
|
|
3129
3135
|
return String(e);
|
|
3130
3136
|
}
|
|
3131
3137
|
}
|
|
3132
|
-
function
|
|
3138
|
+
function Yr() {
|
|
3133
3139
|
const [e, t] = L([]), r = k((o) => {
|
|
3134
3140
|
t((l) => {
|
|
3135
3141
|
const c = l.findIndex((u) => u.id === o.id);
|
|
@@ -3148,33 +3154,33 @@ function jr() {
|
|
|
3148
3154
|
};
|
|
3149
3155
|
}
|
|
3150
3156
|
export {
|
|
3151
|
-
|
|
3152
|
-
|
|
3153
|
-
|
|
3154
|
-
|
|
3155
|
-
|
|
3156
|
-
|
|
3157
|
-
|
|
3158
|
-
|
|
3159
|
-
|
|
3160
|
-
|
|
3161
|
-
|
|
3162
|
-
|
|
3163
|
-
|
|
3164
|
-
|
|
3165
|
-
|
|
3166
|
-
|
|
3167
|
-
|
|
3168
|
-
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
|
|
3173
|
-
|
|
3174
|
-
|
|
3175
|
-
|
|
3176
|
-
|
|
3177
|
-
|
|
3178
|
-
|
|
3179
|
-
|
|
3157
|
+
Br as AvatarWidget,
|
|
3158
|
+
xn as ErrorBoundary,
|
|
3159
|
+
Vr as LiveLayerDebugPanel,
|
|
3160
|
+
jr as LiveLayerField,
|
|
3161
|
+
Ur as LiveLayerForm,
|
|
3162
|
+
Fr as LiveLayerRegion,
|
|
3163
|
+
Wr as LiveLayerWidget,
|
|
3164
|
+
vr as clearPageContextCache,
|
|
3165
|
+
Lr as clearRoutesCache,
|
|
3166
|
+
yr as extractPageContext,
|
|
3167
|
+
xr as extractRoutes,
|
|
3168
|
+
Zt as getCachedPageContext,
|
|
3169
|
+
bt as getCachedRoutes,
|
|
3170
|
+
jn as matchesPattern,
|
|
3171
|
+
wr as normalizeRouteInput,
|
|
3172
|
+
Vn as shouldRenderAtPath,
|
|
3173
|
+
Rn as useAgentInfo,
|
|
3174
|
+
Ln as useAudioLevel,
|
|
3175
|
+
En as useCameraState,
|
|
3176
|
+
Tn as useDisplayMode,
|
|
3177
|
+
$n as useDisplayModePersistence,
|
|
3178
|
+
Hn as useIsMobile,
|
|
3179
|
+
kn as useLiveKitSession,
|
|
3180
|
+
An as useMediaDevices,
|
|
3181
|
+
Sn as useMicrophoneState,
|
|
3182
|
+
qn as usePathname,
|
|
3183
|
+
Yn as useRouteMatch,
|
|
3184
|
+
Nn as useScreenShareState,
|
|
3185
|
+
Yr as useTranscript
|
|
3180
3186
|
};
|