@voxket-ai/voxket-live 1.0.80 → 1.0.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +8 -8
- package/dist/index.js +768 -772
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
1
|
+
var Ud = Object.defineProperty;
|
|
2
|
+
var Zd = (e, t, n) => t in e ? Ud(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
|
|
3
|
+
var Ae = (e, t, n) => Zd(e, typeof t != "symbol" ? t + "" : t, n);
|
|
4
4
|
import * as p from "react";
|
|
5
|
-
import de, { createContext as ht, useRef as Be, useLayoutEffect as
|
|
5
|
+
import de, { createContext as ht, useRef as Be, useLayoutEffect as Wd, useEffect as Te, useId as Ho, useContext as De, useInsertionEffect as tc, useMemo as ze, useCallback as ge, Children as Gd, isValidElement as Kd, useState as X, Fragment as nc, createElement as Yd, forwardRef as qd, Component as Xd } from "react";
|
|
6
6
|
import { jsx as u, Fragment as bt, jsxs as C } from "react/jsx-runtime";
|
|
7
|
-
import { Track as ae, setLogLevel as
|
|
8
|
-
import { BarVisualizer as rc, VideoTrack as Uo, useTracks as
|
|
7
|
+
import { Track as ae, setLogLevel as Jd, RoomEvent as ve, ConnectionState as Ht, Room as mo } from "livekit-client";
|
|
8
|
+
import { BarVisualizer as rc, VideoTrack as Uo, useTracks as Qd, useTranscriptions as eu, useChat as tu, useRoomContext as oc, RoomContext as Bs, RoomAudioRenderer as js, StartAudio as zs } from "@livekit/components-react";
|
|
9
9
|
import { toast as sc } from "sonner";
|
|
10
|
-
import { WarningIcon as
|
|
10
|
+
import { WarningIcon as nu } from "@phosphor-icons/react";
|
|
11
11
|
import { cva as mr } from "class-variance-authority";
|
|
12
|
-
import ic, { clsx as
|
|
13
|
-
import * as
|
|
12
|
+
import ic, { clsx as ru } from "clsx";
|
|
13
|
+
import * as ou from "@radix-ui/react-toggle";
|
|
14
14
|
import * as Ke from "@radix-ui/react-select";
|
|
15
|
-
import {
|
|
15
|
+
import { X as su, Paperclip as iu, Camera as ac, SendHorizontal as au, PhoneOff as cc, Download as cu, Image as lu, Video as du, Music as uu, Archive as fu, FileText as hu, LayoutGrid as mu, Users as pu, CameraOff as lc, MonitorOff as gu, Monitor as yu, User as bu } from "lucide-react";
|
|
16
16
|
import vu from "@emotion/styled";
|
|
17
17
|
import "@emotion/react";
|
|
18
18
|
import { createRoot as xu } from "react-dom/client";
|
|
@@ -21,7 +21,7 @@ function Wo(e) {
|
|
|
21
21
|
const t = Be(null);
|
|
22
22
|
return t.current === null && (t.current = e()), t.current;
|
|
23
23
|
}
|
|
24
|
-
const Go = typeof window < "u",
|
|
24
|
+
const Go = typeof window < "u", dc = Go ? Wd : Te, pr = /* @__PURE__ */ ht(null);
|
|
25
25
|
function Ko(e, t) {
|
|
26
26
|
e.indexOf(t) === -1 && e.push(t);
|
|
27
27
|
}
|
|
@@ -42,17 +42,17 @@ process.env.NODE_ENV !== "production" && (rn = (e, t, n) => {
|
|
|
42
42
|
if (!e)
|
|
43
43
|
throw new Error(po(t, n));
|
|
44
44
|
});
|
|
45
|
-
const ut = {},
|
|
46
|
-
function
|
|
45
|
+
const ut = {}, uc = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
|
|
46
|
+
function fc(e) {
|
|
47
47
|
return typeof e == "object" && e !== null;
|
|
48
48
|
}
|
|
49
|
-
const
|
|
49
|
+
const hc = (e) => /^0[^.\s]+$/u.test(e);
|
|
50
50
|
// @__NO_SIDE_EFFECTS__
|
|
51
51
|
function qo(e) {
|
|
52
52
|
let t;
|
|
53
53
|
return () => (t === void 0 && (t = e()), t);
|
|
54
54
|
}
|
|
55
|
-
const Ye = /* @__NO_SIDE_EFFECTS__ */ (e) => e, wu = (e, t) => (n) => t(e(n)), Dn = (...e) => e.reduce(wu),
|
|
55
|
+
const Ye = /* @__NO_SIDE_EFFECTS__ */ (e) => e, wu = (e, t) => (n) => t(e(n)), Dn = (...e) => e.reduce(wu), En = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
|
|
56
56
|
const r = t - e;
|
|
57
57
|
return r === 0 ? 1 : (n - e) / r;
|
|
58
58
|
};
|
|
@@ -82,18 +82,18 @@ class Xo {
|
|
|
82
82
|
}
|
|
83
83
|
}
|
|
84
84
|
const Qe = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, rt = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
|
|
85
|
-
function
|
|
85
|
+
function mc(e, t) {
|
|
86
86
|
return t ? e * (1e3 / t) : 0;
|
|
87
87
|
}
|
|
88
88
|
const Hs = /* @__PURE__ */ new Set();
|
|
89
89
|
function Jo(e, t, n) {
|
|
90
90
|
e || Hs.has(t) || (console.warn(po(t, n)), Hs.add(t));
|
|
91
91
|
}
|
|
92
|
-
const
|
|
92
|
+
const pc = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Su = 1e-7, Cu = 12;
|
|
93
93
|
function ku(e, t, n, r, o) {
|
|
94
94
|
let s, i, a = 0;
|
|
95
95
|
do
|
|
96
|
-
i = t + (n - t) / 2, s =
|
|
96
|
+
i = t + (n - t) / 2, s = pc(i, r, o) - e, s > 0 ? n = i : t = i;
|
|
97
97
|
while (Math.abs(s) > Su && ++a < Cu);
|
|
98
98
|
return i;
|
|
99
99
|
}
|
|
@@ -101,22 +101,22 @@ function $n(e, t, n, r) {
|
|
|
101
101
|
if (e === t && n === r)
|
|
102
102
|
return Ye;
|
|
103
103
|
const o = (s) => ku(s, 0, 1, e, n);
|
|
104
|
-
return (s) => s === 0 || s === 1 ? s :
|
|
104
|
+
return (s) => s === 0 || s === 1 ? s : pc(o(s), t, r);
|
|
105
105
|
}
|
|
106
|
-
const
|
|
106
|
+
const gc = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, yc = (e) => (t) => 1 - e(1 - t), bc = /* @__PURE__ */ $n(0.33, 1.53, 0.69, 0.99), Qo = /* @__PURE__ */ yc(bc), vc = /* @__PURE__ */ gc(Qo), xc = (e) => (e *= 2) < 1 ? 0.5 * Qo(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), es = (e) => 1 - Math.sin(Math.acos(e)), wc = yc(es), Sc = gc(es), Tu = /* @__PURE__ */ $n(0.42, 0, 1, 1), Eu = /* @__PURE__ */ $n(0, 0, 0.58, 1), Cc = /* @__PURE__ */ $n(0.42, 0, 0.58, 1), Au = (e) => Array.isArray(e) && typeof e[0] != "number", kc = (e) => Array.isArray(e) && typeof e[0] == "number", Us = {
|
|
107
107
|
linear: Ye,
|
|
108
108
|
easeIn: Tu,
|
|
109
|
-
easeInOut:
|
|
110
|
-
easeOut:
|
|
109
|
+
easeInOut: Cc,
|
|
110
|
+
easeOut: Eu,
|
|
111
111
|
circIn: es,
|
|
112
|
-
circInOut:
|
|
113
|
-
circOut:
|
|
112
|
+
circInOut: Sc,
|
|
113
|
+
circOut: wc,
|
|
114
114
|
backIn: Qo,
|
|
115
|
-
backInOut:
|
|
116
|
-
backOut:
|
|
117
|
-
anticipate:
|
|
115
|
+
backInOut: vc,
|
|
116
|
+
backOut: bc,
|
|
117
|
+
anticipate: xc
|
|
118
118
|
}, Pu = (e) => typeof e == "string", Zs = (e) => {
|
|
119
|
-
if (
|
|
119
|
+
if (kc(e)) {
|
|
120
120
|
dt(e.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
|
|
121
121
|
const [t, n, r, o] = e;
|
|
122
122
|
return $n(t, n, r, o);
|
|
@@ -180,7 +180,7 @@ function Mu(e, t) {
|
|
|
180
180
|
return l;
|
|
181
181
|
}
|
|
182
182
|
const Nu = 40;
|
|
183
|
-
function
|
|
183
|
+
function Tc(e, t) {
|
|
184
184
|
let n = !1, r = !0;
|
|
185
185
|
const o = {
|
|
186
186
|
delta: 0,
|
|
@@ -194,13 +194,13 @@ function Ac(e, t) {
|
|
|
194
194
|
};
|
|
195
195
|
return { schedule: zn.reduce((T, w) => {
|
|
196
196
|
const S = i[w];
|
|
197
|
-
return T[w] = (
|
|
197
|
+
return T[w] = (A, M = !1, P = !1) => (n || v(), S.schedule(A, M, P)), T;
|
|
198
198
|
}, {}), cancel: (T) => {
|
|
199
199
|
for (let w = 0; w < zn.length; w++)
|
|
200
200
|
i[zn[w]].cancel(T);
|
|
201
201
|
}, state: o, steps: i };
|
|
202
202
|
}
|
|
203
|
-
const { schedule: we, cancel: vt, state: $e, steps: $r } = /* @__PURE__ */
|
|
203
|
+
const { schedule: we, cancel: vt, state: $e, steps: $r } = /* @__PURE__ */ Tc(typeof requestAnimationFrame < "u" ? requestAnimationFrame : Ye, !0);
|
|
204
204
|
let er;
|
|
205
205
|
function Vu() {
|
|
206
206
|
er = void 0;
|
|
@@ -214,7 +214,7 @@ const je = {
|
|
|
214
214
|
test: (e) => typeof e == "number",
|
|
215
215
|
parse: parseFloat,
|
|
216
216
|
transform: (e) => e
|
|
217
|
-
},
|
|
217
|
+
}, An = {
|
|
218
218
|
...on,
|
|
219
219
|
transform: (e) => lt(0, 1, e)
|
|
220
220
|
}, Hn = {
|
|
@@ -224,7 +224,7 @@ const je = {
|
|
|
224
224
|
function Du(e) {
|
|
225
225
|
return e == null;
|
|
226
226
|
}
|
|
227
|
-
const $u = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, os = (e, t) => (n) => !!(typeof n == "string" && $u.test(n) && n.startsWith(e) || t && !Du(n) && Object.prototype.hasOwnProperty.call(n, t)),
|
|
227
|
+
const $u = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, os = (e, t) => (n) => !!(typeof n == "string" && $u.test(n) && n.startsWith(e) || t && !Du(n) && Object.prototype.hasOwnProperty.call(n, t)), Ac = (e, t, n) => (r) => {
|
|
228
228
|
if (typeof r != "string")
|
|
229
229
|
return r;
|
|
230
230
|
const [o, s, i, a] = r.match(rs);
|
|
@@ -239,8 +239,8 @@ const $u = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s
|
|
|
239
239
|
transform: (e) => Math.round(Fu(e))
|
|
240
240
|
}, Pt = {
|
|
241
241
|
test: /* @__PURE__ */ os("rgb", "red"),
|
|
242
|
-
parse: /* @__PURE__ */
|
|
243
|
-
transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + Fr.transform(e) + ", " + Fr.transform(t) + ", " + Fr.transform(n) + ", " + xn(
|
|
242
|
+
parse: /* @__PURE__ */ Ac("red", "green", "blue"),
|
|
243
|
+
transform: ({ red: e, green: t, blue: n, alpha: r = 1 }) => "rgba(" + Fr.transform(e) + ", " + Fr.transform(t) + ", " + Fr.transform(n) + ", " + xn(An.transform(r)) + ")"
|
|
244
244
|
};
|
|
245
245
|
function Ou(e) {
|
|
246
246
|
let t = "", n = "", r = "", o = "";
|
|
@@ -265,8 +265,8 @@ const go = {
|
|
|
265
265
|
transform: (e) => ot.transform(e * 100)
|
|
266
266
|
}, Ut = {
|
|
267
267
|
test: /* @__PURE__ */ os("hsl", "hue"),
|
|
268
|
-
parse: /* @__PURE__ */
|
|
269
|
-
transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + ot.transform(xn(t)) + ", " + ot.transform(xn(n)) + ", " + xn(
|
|
268
|
+
parse: /* @__PURE__ */ Ac("hue", "saturation", "lightness"),
|
|
269
|
+
transform: ({ hue: e, saturation: t, lightness: n, alpha: r = 1 }) => "hsla(" + Math.round(e) + ", " + ot.transform(xn(t)) + ", " + ot.transform(xn(n)) + ", " + xn(An.transform(r)) + ")"
|
|
270
270
|
}, Re = {
|
|
271
271
|
test: (e) => Pt.test(e) || go.test(e) || Ut.test(e),
|
|
272
272
|
parse: (e) => Pt.test(e) ? Pt.parse(e) : Ut.test(e) ? Ut.parse(e) : go.parse(e),
|
|
@@ -280,7 +280,7 @@ function ju(e) {
|
|
|
280
280
|
var t, n;
|
|
281
281
|
return isNaN(e) && typeof e == "string" && (((t = e.match(rs)) == null ? void 0 : t.length) || 0) + (((n = e.match(Bu)) == null ? void 0 : n.length) || 0) > 0;
|
|
282
282
|
}
|
|
283
|
-
const
|
|
283
|
+
const Pc = "number", Mc = "color", zu = "var", Hu = "var(", Gs = "${}", Uu = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
|
|
284
284
|
function Pn(e) {
|
|
285
285
|
const t = e.toString(), n = [], r = {
|
|
286
286
|
color: [],
|
|
@@ -288,33 +288,33 @@ function Pn(e) {
|
|
|
288
288
|
var: []
|
|
289
289
|
}, o = [];
|
|
290
290
|
let s = 0;
|
|
291
|
-
const a = t.replace(Uu, (c) => (Re.test(c) ? (r.color.push(s), o.push(
|
|
291
|
+
const a = t.replace(Uu, (c) => (Re.test(c) ? (r.color.push(s), o.push(Mc), n.push(Re.parse(c))) : c.startsWith(Hu) ? (r.var.push(s), o.push(zu), n.push(c)) : (r.number.push(s), o.push(Pc), n.push(parseFloat(c))), ++s, Gs)).split(Gs);
|
|
292
292
|
return { values: n, split: a, indexes: r, types: o };
|
|
293
293
|
}
|
|
294
|
-
function
|
|
294
|
+
function Nc(e) {
|
|
295
295
|
return Pn(e).values;
|
|
296
296
|
}
|
|
297
|
-
function
|
|
297
|
+
function Vc(e) {
|
|
298
298
|
const { split: t, types: n } = Pn(e), r = t.length;
|
|
299
299
|
return (o) => {
|
|
300
300
|
let s = "";
|
|
301
301
|
for (let i = 0; i < r; i++)
|
|
302
302
|
if (s += t[i], o[i] !== void 0) {
|
|
303
303
|
const a = n[i];
|
|
304
|
-
a ===
|
|
304
|
+
a === Pc ? s += xn(o[i]) : a === Mc ? s += Re.transform(o[i]) : s += o[i];
|
|
305
305
|
}
|
|
306
306
|
return s;
|
|
307
307
|
};
|
|
308
308
|
}
|
|
309
309
|
const Zu = (e) => typeof e == "number" ? 0 : Re.test(e) ? Re.getAnimatableNone(e) : e;
|
|
310
310
|
function Wu(e) {
|
|
311
|
-
const t =
|
|
312
|
-
return
|
|
311
|
+
const t = Nc(e);
|
|
312
|
+
return Vc(e)(t.map(Zu));
|
|
313
313
|
}
|
|
314
314
|
const xt = {
|
|
315
315
|
test: ju,
|
|
316
|
-
parse:
|
|
317
|
-
createTransformer:
|
|
316
|
+
parse: Nc,
|
|
317
|
+
createTransformer: Vc,
|
|
318
318
|
getAnimatableNone: Wu
|
|
319
319
|
};
|
|
320
320
|
function Or(e, t, n) {
|
|
@@ -364,9 +364,9 @@ function Xu(e, t) {
|
|
|
364
364
|
return (n) => ke(e, t, n);
|
|
365
365
|
}
|
|
366
366
|
function ss(e) {
|
|
367
|
-
return typeof e == "number" ? Xu : typeof e == "string" ? ns(e) ? sr : Re.test(e) ? Ys : ef : Array.isArray(e) ?
|
|
367
|
+
return typeof e == "number" ? Xu : typeof e == "string" ? ns(e) ? sr : Re.test(e) ? Ys : ef : Array.isArray(e) ? Rc : typeof e == "object" ? Re.test(e) ? Ys : Ju : sr;
|
|
368
368
|
}
|
|
369
|
-
function
|
|
369
|
+
function Rc(e, t) {
|
|
370
370
|
const n = [...e], r = n.length, o = e.map((s, i) => ss(s)(s, t[i]));
|
|
371
371
|
return (s) => {
|
|
372
372
|
for (let i = 0; i < r; i++)
|
|
@@ -394,9 +394,9 @@ function Qu(e, t) {
|
|
|
394
394
|
}
|
|
395
395
|
const ef = (e, t) => {
|
|
396
396
|
const n = xt.createTransformer(t), r = Pn(e), o = Pn(t);
|
|
397
|
-
return r.indexes.var.length === o.indexes.var.length && r.indexes.color.length === o.indexes.color.length && r.indexes.number.length >= o.indexes.number.length ? yo.has(e) && !o.values.length || yo.has(t) && !r.values.length ? qu(e, t) : Dn(
|
|
397
|
+
return r.indexes.var.length === o.indexes.var.length && r.indexes.color.length === o.indexes.color.length && r.indexes.number.length >= o.indexes.number.length ? yo.has(e) && !o.values.length || yo.has(t) && !r.values.length ? qu(e, t) : Dn(Rc(Qu(r, o), o.values), n) : (rn(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`, "complex-values-different"), sr(e, t));
|
|
398
398
|
};
|
|
399
|
-
function
|
|
399
|
+
function Ic(e, t, n) {
|
|
400
400
|
return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ke(e, t, n) : ss(e)(e, t);
|
|
401
401
|
}
|
|
402
402
|
const tf = (e) => {
|
|
@@ -410,7 +410,7 @@ const tf = (e) => {
|
|
|
410
410
|
*/
|
|
411
411
|
now: () => $e.isProcessing ? $e.timestamp : je.now()
|
|
412
412
|
};
|
|
413
|
-
},
|
|
413
|
+
}, Dc = (e, t, n = 10) => {
|
|
414
414
|
let r = "";
|
|
415
415
|
const o = Math.max(Math.round(t / n), 2);
|
|
416
416
|
for (let s = 0; s < o; s++)
|
|
@@ -434,9 +434,9 @@ function nf(e, t = 100, n) {
|
|
|
434
434
|
};
|
|
435
435
|
}
|
|
436
436
|
const rf = 5;
|
|
437
|
-
function
|
|
437
|
+
function $c(e, t, n) {
|
|
438
438
|
const r = Math.max(t - rf, 0);
|
|
439
|
-
return
|
|
439
|
+
return mc(n - e(r), t - r);
|
|
440
440
|
}
|
|
441
441
|
const Ce = {
|
|
442
442
|
// Default spring physics
|
|
@@ -557,36 +557,36 @@ function ar(e = Ce.visualDuration, t = Ce.bounce) {
|
|
|
557
557
|
let T;
|
|
558
558
|
if (m < 1) {
|
|
559
559
|
const S = bo(k, m);
|
|
560
|
-
T = (
|
|
561
|
-
const M = Math.exp(-m * k *
|
|
562
|
-
return i - M * ((b + m * k * v) / S * Math.sin(S *
|
|
560
|
+
T = (A) => {
|
|
561
|
+
const M = Math.exp(-m * k * A);
|
|
562
|
+
return i - M * ((b + m * k * v) / S * Math.sin(S * A) + v * Math.cos(S * A));
|
|
563
563
|
};
|
|
564
564
|
} else if (m === 1)
|
|
565
565
|
T = (S) => i - Math.exp(-k * S) * (v + (b + k * v) * S);
|
|
566
566
|
else {
|
|
567
567
|
const S = k * Math.sqrt(m * m - 1);
|
|
568
|
-
T = (
|
|
569
|
-
const M = Math.exp(-m * k *
|
|
568
|
+
T = (A) => {
|
|
569
|
+
const M = Math.exp(-m * k * A), P = Math.min(S * A, 300);
|
|
570
570
|
return i - M * ((b + m * k * v) * Math.sinh(P) + S * v * Math.cosh(P)) / S;
|
|
571
571
|
};
|
|
572
572
|
}
|
|
573
573
|
const w = {
|
|
574
574
|
calculatedDuration: g && f || null,
|
|
575
575
|
next: (S) => {
|
|
576
|
-
const
|
|
576
|
+
const A = T(S);
|
|
577
577
|
if (g)
|
|
578
578
|
a.done = S >= f;
|
|
579
579
|
else {
|
|
580
580
|
let M = S === 0 ? b : 0;
|
|
581
|
-
m < 1 && (M = S === 0 ? /* @__PURE__ */ Qe(b) :
|
|
582
|
-
const P = Math.abs(M) <= r, z = Math.abs(i -
|
|
581
|
+
m < 1 && (M = S === 0 ? /* @__PURE__ */ Qe(b) : $c(T, S, A));
|
|
582
|
+
const P = Math.abs(M) <= r, z = Math.abs(i - A) <= o;
|
|
583
583
|
a.done = P && z;
|
|
584
584
|
}
|
|
585
|
-
return a.value = a.done ? i :
|
|
585
|
+
return a.value = a.done ? i : A, a;
|
|
586
586
|
},
|
|
587
587
|
toString: () => {
|
|
588
|
-
const S = Math.min(is(w), ir),
|
|
589
|
-
return S + "ms " +
|
|
588
|
+
const S = Math.min(is(w), ir), A = Dc((M) => w.next(S * M).value, S, 30);
|
|
589
|
+
return S + "ms " + A;
|
|
590
590
|
},
|
|
591
591
|
toTransition: () => {
|
|
592
592
|
}
|
|
@@ -609,11 +609,11 @@ function vo({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
|
|
|
609
609
|
const z = x(P), y = T(P);
|
|
610
610
|
h.done = Math.abs(z) <= l, h.value = h.done ? k : y;
|
|
611
611
|
};
|
|
612
|
-
let S,
|
|
612
|
+
let S, A;
|
|
613
613
|
const M = (P) => {
|
|
614
|
-
g(h.value) && (S = P,
|
|
614
|
+
g(h.value) && (S = P, A = ar({
|
|
615
615
|
keyframes: [h.value, b(h.value)],
|
|
616
|
-
velocity:
|
|
616
|
+
velocity: $c(T, P, h.value),
|
|
617
617
|
// TODO: This should be passing * 1000
|
|
618
618
|
damping: o,
|
|
619
619
|
stiffness: s,
|
|
@@ -625,12 +625,12 @@ function vo({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: r = 3
|
|
|
625
625
|
calculatedDuration: null,
|
|
626
626
|
next: (P) => {
|
|
627
627
|
let z = !1;
|
|
628
|
-
return !
|
|
628
|
+
return !A && S === void 0 && (z = !0, w(P), M(P)), S !== void 0 && P >= S ? A.next(P - S) : (!z && w(P), h);
|
|
629
629
|
}
|
|
630
630
|
};
|
|
631
631
|
}
|
|
632
632
|
function uf(e, t, n) {
|
|
633
|
-
const r = [], o = n || ut.mix ||
|
|
633
|
+
const r = [], o = n || ut.mix || Ic, s = e.length - 1;
|
|
634
634
|
for (let i = 0; i < s; i++) {
|
|
635
635
|
let a = o(e[i], e[i + 1]);
|
|
636
636
|
if (t) {
|
|
@@ -656,7 +656,7 @@ function ff(e, t, { clamp: n = !0, ease: r, mixer: o } = {}) {
|
|
|
656
656
|
if (c > 1)
|
|
657
657
|
for (; f < e.length - 2 && !(d < e[f + 1]); f++)
|
|
658
658
|
;
|
|
659
|
-
const h = /* @__PURE__ */
|
|
659
|
+
const h = /* @__PURE__ */ En(e[f], e[f + 1], d);
|
|
660
660
|
return a[f](h);
|
|
661
661
|
};
|
|
662
662
|
return n ? (d) => l(lt(e[0], e[s - 1], d)) : l;
|
|
@@ -664,7 +664,7 @@ function ff(e, t, { clamp: n = !0, ease: r, mixer: o } = {}) {
|
|
|
664
664
|
function hf(e, t) {
|
|
665
665
|
const n = e[e.length - 1];
|
|
666
666
|
for (let r = 1; r <= t; r++) {
|
|
667
|
-
const o = /* @__PURE__ */
|
|
667
|
+
const o = /* @__PURE__ */ En(0, t, r);
|
|
668
668
|
e.push(ke(n, 1, o));
|
|
669
669
|
}
|
|
670
670
|
}
|
|
@@ -676,10 +676,10 @@ function pf(e, t) {
|
|
|
676
676
|
return e.map((n) => n * t);
|
|
677
677
|
}
|
|
678
678
|
function gf(e, t) {
|
|
679
|
-
return e.map(() => t ||
|
|
679
|
+
return e.map(() => t || Cc).splice(0, e.length - 1);
|
|
680
680
|
}
|
|
681
681
|
function Zt({ duration: e = 300, keyframes: t, times: n, ease: r = "easeInOut" }) {
|
|
682
|
-
const o =
|
|
682
|
+
const o = Au(r) ? r.map(Zs) : Zs(r), s = {
|
|
683
683
|
done: !1,
|
|
684
684
|
value: t[0]
|
|
685
685
|
}, i = pf(
|
|
@@ -707,7 +707,7 @@ const bf = {
|
|
|
707
707
|
keyframes: Zt,
|
|
708
708
|
spring: ar
|
|
709
709
|
};
|
|
710
|
-
function
|
|
710
|
+
function Fc(e) {
|
|
711
711
|
typeof e.type == "string" && (e.type = bf[e.type]);
|
|
712
712
|
}
|
|
713
713
|
class cs {
|
|
@@ -745,11 +745,11 @@ class ls extends cs {
|
|
|
745
745
|
}
|
|
746
746
|
initAnimation() {
|
|
747
747
|
const { options: t } = this;
|
|
748
|
-
|
|
748
|
+
Fc(t);
|
|
749
749
|
const { type: n = Zt, repeat: r = 0, repeatDelay: o = 0, repeatType: s, velocity: i = 0 } = t;
|
|
750
750
|
let { keyframes: a } = t;
|
|
751
751
|
const c = n || Zt;
|
|
752
|
-
process.env.NODE_ENV !== "production" && c !== Zt && dt(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), c !== Zt && typeof a[0] != "number" && (this.mixKeyframes = Dn(vf,
|
|
752
|
+
process.env.NODE_ENV !== "production" && c !== Zt && dt(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`, "spring-two-frames"), c !== Zt && typeof a[0] != "number" && (this.mixKeyframes = Dn(vf, Ic(a[0], a[1])), a = [0, 100]);
|
|
753
753
|
const l = c({ ...t, keyframes: a });
|
|
754
754
|
s === "mirror" && (this.mirroredGenerator = c({
|
|
755
755
|
...t,
|
|
@@ -779,9 +779,9 @@ class ls extends cs {
|
|
|
779
779
|
}
|
|
780
780
|
const S = x ? { done: !1, value: d[0] } : w.next(T);
|
|
781
781
|
s && (S.value = s(S.value));
|
|
782
|
-
let { done:
|
|
783
|
-
!x && c !== null && (
|
|
784
|
-
const M = this.holdTime === null && (this.state === "finished" || this.state === "running" &&
|
|
782
|
+
let { done: A } = S;
|
|
783
|
+
!x && c !== null && (A = this.playbackSpeed >= 0 ? this.currentTime >= o : this.currentTime <= 0);
|
|
784
|
+
const M = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
|
|
785
785
|
return M && b !== vo && (S.value = as(d, this.options, v, this.speed)), m && m(S.value), M && this.finish(), S;
|
|
786
786
|
}
|
|
787
787
|
/**
|
|
@@ -929,10 +929,10 @@ const sn = [
|
|
|
929
929
|
"skew",
|
|
930
930
|
"skewX",
|
|
931
931
|
"skewY"
|
|
932
|
-
], an = new Set(sn), ei = (e) => e === on || e === Q, Tf = /* @__PURE__ */ new Set(["x", "y", "z"]),
|
|
933
|
-
function
|
|
932
|
+
], an = new Set(sn), ei = (e) => e === on || e === Q, Tf = /* @__PURE__ */ new Set(["x", "y", "z"]), Ef = sn.filter((e) => !Tf.has(e));
|
|
933
|
+
function Af(e) {
|
|
934
934
|
const t = [];
|
|
935
|
-
return
|
|
935
|
+
return Ef.forEach((n) => {
|
|
936
936
|
const r = e.getValue(n);
|
|
937
937
|
r !== void 0 && (t.push([n, r.get()]), r.set(n.startsWith("scale") ? 1 : 0));
|
|
938
938
|
}), t;
|
|
@@ -952,12 +952,12 @@ const Vt = {
|
|
|
952
952
|
Vt.translateX = Vt.x;
|
|
953
953
|
Vt.translateY = Vt.y;
|
|
954
954
|
const Rt = /* @__PURE__ */ new Set();
|
|
955
|
-
let ko = !1, To = !1,
|
|
956
|
-
function
|
|
955
|
+
let ko = !1, To = !1, Eo = !1;
|
|
956
|
+
function Oc() {
|
|
957
957
|
if (To) {
|
|
958
958
|
const e = Array.from(Rt).filter((r) => r.needsMeasurement), t = new Set(e.map((r) => r.element)), n = /* @__PURE__ */ new Map();
|
|
959
959
|
t.forEach((r) => {
|
|
960
|
-
const o =
|
|
960
|
+
const o = Af(r);
|
|
961
961
|
o.length && (n.set(r, o), r.render());
|
|
962
962
|
}), e.forEach((r) => r.measureInitialState()), t.forEach((r) => {
|
|
963
963
|
r.render();
|
|
@@ -970,22 +970,22 @@ function Lc() {
|
|
|
970
970
|
r.suspendedScrollY !== void 0 && window.scrollTo(0, r.suspendedScrollY);
|
|
971
971
|
});
|
|
972
972
|
}
|
|
973
|
-
To = !1, ko = !1, Rt.forEach((e) => e.complete(
|
|
973
|
+
To = !1, ko = !1, Rt.forEach((e) => e.complete(Eo)), Rt.clear();
|
|
974
974
|
}
|
|
975
|
-
function
|
|
975
|
+
function Lc() {
|
|
976
976
|
Rt.forEach((e) => {
|
|
977
977
|
e.readKeyframes(), e.needsMeasurement && (To = !0);
|
|
978
978
|
});
|
|
979
979
|
}
|
|
980
980
|
function Pf() {
|
|
981
|
-
|
|
981
|
+
Eo = !0, Lc(), Oc(), Eo = !1;
|
|
982
982
|
}
|
|
983
983
|
class ds {
|
|
984
984
|
constructor(t, n, r, o, s, i = !1) {
|
|
985
985
|
this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = r, this.motionValue = o, this.element = s, this.isAsync = i;
|
|
986
986
|
}
|
|
987
987
|
scheduleResolve() {
|
|
988
|
-
this.state = "scheduled", this.isAsync ? (Rt.add(this), ko || (ko = !0, we.read(
|
|
988
|
+
this.state = "scheduled", this.isAsync ? (Rt.add(this), ko || (ko = !0, we.read(Lc), we.resolveKeyframes(Oc))) : (this.readKeyframes(), this.complete());
|
|
989
989
|
}
|
|
990
990
|
readKeyframes() {
|
|
991
991
|
const { unresolvedKeyframes: t, name: n, element: r, motionValue: o } = this;
|
|
@@ -1028,7 +1028,7 @@ function If(e, t) {
|
|
|
1028
1028
|
const n = /* @__PURE__ */ qo(e);
|
|
1029
1029
|
return () => Rf[t] ?? n();
|
|
1030
1030
|
}
|
|
1031
|
-
const
|
|
1031
|
+
const _c = /* @__PURE__ */ If(() => {
|
|
1032
1032
|
try {
|
|
1033
1033
|
document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
|
|
1034
1034
|
} catch {
|
|
@@ -1046,16 +1046,16 @@ const Bc = /* @__PURE__ */ If(() => {
|
|
|
1046
1046
|
backIn: /* @__PURE__ */ yn([0.31, 0.01, 0.66, -0.59]),
|
|
1047
1047
|
backOut: /* @__PURE__ */ yn([0.33, 1.53, 0.69, 0.99])
|
|
1048
1048
|
};
|
|
1049
|
-
function
|
|
1049
|
+
function Bc(e, t) {
|
|
1050
1050
|
if (e)
|
|
1051
|
-
return typeof e == "function" ?
|
|
1051
|
+
return typeof e == "function" ? _c() ? Dc(e, t) : "ease-out" : kc(e) ? yn(e) : Array.isArray(e) ? e.map((n) => Bc(n, t) || ti.easeOut) : ti[e];
|
|
1052
1052
|
}
|
|
1053
1053
|
function Df(e, t, n, { delay: r = 0, duration: o = 300, repeat: s = 0, repeatType: i = "loop", ease: a = "easeOut", times: c } = {}, l = void 0) {
|
|
1054
1054
|
const d = {
|
|
1055
1055
|
[t]: n
|
|
1056
1056
|
};
|
|
1057
1057
|
c && (d.offset = c);
|
|
1058
|
-
const f =
|
|
1058
|
+
const f = Bc(a, o);
|
|
1059
1059
|
Array.isArray(f) && (d.easing = f);
|
|
1060
1060
|
const h = {
|
|
1061
1061
|
delay: r,
|
|
@@ -1067,11 +1067,11 @@ function Df(e, t, n, { delay: r = 0, duration: o = 300, repeat: s = 0, repeatTyp
|
|
|
1067
1067
|
};
|
|
1068
1068
|
return l && (h.pseudoElement = l), e.animate(d, h);
|
|
1069
1069
|
}
|
|
1070
|
-
function
|
|
1070
|
+
function jc(e) {
|
|
1071
1071
|
return typeof e == "function" && "applyToOptions" in e;
|
|
1072
1072
|
}
|
|
1073
1073
|
function $f({ type: e, ...t }) {
|
|
1074
|
-
return
|
|
1074
|
+
return jc(e) && _c() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
|
|
1075
1075
|
}
|
|
1076
1076
|
class Ff extends cs {
|
|
1077
1077
|
constructor(t) {
|
|
@@ -1165,21 +1165,21 @@ class Ff extends cs {
|
|
|
1165
1165
|
return this.allowFlatten && ((r = this.animation.effect) == null || r.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && Vf() ? (this.animation.timeline = t, Ye) : n(this);
|
|
1166
1166
|
}
|
|
1167
1167
|
}
|
|
1168
|
-
const
|
|
1169
|
-
anticipate:
|
|
1170
|
-
backInOut:
|
|
1171
|
-
circInOut:
|
|
1168
|
+
const zc = {
|
|
1169
|
+
anticipate: xc,
|
|
1170
|
+
backInOut: vc,
|
|
1171
|
+
circInOut: Sc
|
|
1172
1172
|
};
|
|
1173
1173
|
function Of(e) {
|
|
1174
|
-
return e in
|
|
1174
|
+
return e in zc;
|
|
1175
1175
|
}
|
|
1176
1176
|
function Lf(e) {
|
|
1177
|
-
typeof e.ease == "string" && Of(e.ease) && (e.ease =
|
|
1177
|
+
typeof e.ease == "string" && Of(e.ease) && (e.ease = zc[e.ease]);
|
|
1178
1178
|
}
|
|
1179
1179
|
const ni = 10;
|
|
1180
1180
|
class _f extends Ff {
|
|
1181
1181
|
constructor(t) {
|
|
1182
|
-
Lf(t),
|
|
1182
|
+
Lf(t), Fc(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
|
|
1183
1183
|
}
|
|
1184
1184
|
/**
|
|
1185
1185
|
* WAAPI doesn't natively have any interruption capabilities.
|
|
@@ -1222,9 +1222,9 @@ function jf(e, t, n, r) {
|
|
|
1222
1222
|
if (t === "display" || t === "visibility")
|
|
1223
1223
|
return !0;
|
|
1224
1224
|
const s = e[e.length - 1], i = ri(o, t), a = ri(s, t);
|
|
1225
|
-
return rn(i === a, `You are trying to animate ${t} from "${o}" to "${s}". "${i ? s : o}" is not an animatable value.`, "value-not-animatable"), !i || !a ? !1 : Bf(e) || (n === "spring" ||
|
|
1225
|
+
return rn(i === a, `You are trying to animate ${t} from "${o}" to "${s}". "${i ? s : o}" is not an animatable value.`, "value-not-animatable"), !i || !a ? !1 : Bf(e) || (n === "spring" || jc(n)) && r;
|
|
1226
1226
|
}
|
|
1227
|
-
function
|
|
1227
|
+
function Ao(e) {
|
|
1228
1228
|
e.duration = 0, e.type;
|
|
1229
1229
|
}
|
|
1230
1230
|
const zf = /* @__PURE__ */ new Set([
|
|
@@ -1272,7 +1272,7 @@ class Wf extends cs {
|
|
|
1272
1272
|
onKeyframesResolved(t, n, r, o) {
|
|
1273
1273
|
this.keyframeResolver = void 0;
|
|
1274
1274
|
const { name: s, type: i, velocity: a, delay: c, isHandoff: l, onUpdate: d } = r;
|
|
1275
|
-
this.resolvedAt = je.now(), jf(t, s, i, a) || ((ut.instantAnimations || !c) && (d == null || d(as(t, r, n))), t[0] = t[t.length - 1],
|
|
1275
|
+
this.resolvedAt = je.now(), jf(t, s, i, a) || ((ut.instantAnimations || !c) && (d == null || d(as(t, r, n))), t[0] = t[t.length - 1], Ao(r), r.repeat = 0);
|
|
1276
1276
|
const h = {
|
|
1277
1277
|
startTime: o ? this.resolvedAt ? this.resolvedAt - this.createdAt > Zf ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
|
|
1278
1278
|
finalKeyframe: n,
|
|
@@ -1345,7 +1345,7 @@ function Kf(e) {
|
|
|
1345
1345
|
return [`--${n ?? r}`, o];
|
|
1346
1346
|
}
|
|
1347
1347
|
const Yf = 4;
|
|
1348
|
-
function
|
|
1348
|
+
function Hc(e, t, n = 1) {
|
|
1349
1349
|
dt(n <= Yf, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
|
|
1350
1350
|
const [r, o] = Kf(e);
|
|
1351
1351
|
if (!r)
|
|
@@ -1353,14 +1353,14 @@ function Uc(e, t, n = 1) {
|
|
|
1353
1353
|
const s = window.getComputedStyle(t).getPropertyValue(r);
|
|
1354
1354
|
if (s) {
|
|
1355
1355
|
const i = s.trim();
|
|
1356
|
-
return
|
|
1356
|
+
return uc(i) ? parseFloat(i) : i;
|
|
1357
1357
|
}
|
|
1358
|
-
return ns(o) ?
|
|
1358
|
+
return ns(o) ? Hc(o, t, n + 1) : o;
|
|
1359
1359
|
}
|
|
1360
1360
|
function us(e, t) {
|
|
1361
1361
|
return (e == null ? void 0 : e[t]) ?? (e == null ? void 0 : e.default) ?? e;
|
|
1362
1362
|
}
|
|
1363
|
-
const
|
|
1363
|
+
const Uc = /* @__PURE__ */ new Set([
|
|
1364
1364
|
"width",
|
|
1365
1365
|
"height",
|
|
1366
1366
|
"top",
|
|
@@ -1371,9 +1371,9 @@ const Zc = /* @__PURE__ */ new Set([
|
|
|
1371
1371
|
]), qf = {
|
|
1372
1372
|
test: (e) => e === "auto",
|
|
1373
1373
|
parse: (e) => e
|
|
1374
|
-
},
|
|
1374
|
+
}, Zc = (e) => (t) => t.test(e), Wc = [on, Q, ot, gt, _u, Lu, qf], oi = (e) => Wc.find(Zc(e));
|
|
1375
1375
|
function Xf(e) {
|
|
1376
|
-
return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" ||
|
|
1376
|
+
return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || hc(e) : !0;
|
|
1377
1377
|
}
|
|
1378
1378
|
const Jf = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
|
|
1379
1379
|
function Qf(e) {
|
|
@@ -1417,7 +1417,7 @@ const eh = /\b([a-z-]*)\(.*?\)/gu, Po = {
|
|
|
1417
1417
|
z: Q,
|
|
1418
1418
|
perspective: Q,
|
|
1419
1419
|
transformPerspective: Q,
|
|
1420
|
-
opacity:
|
|
1420
|
+
opacity: An,
|
|
1421
1421
|
originX: Ws,
|
|
1422
1422
|
originY: Ws,
|
|
1423
1423
|
originZ: Q
|
|
@@ -1460,8 +1460,8 @@ const eh = /\b([a-z-]*)\(.*?\)/gu, Po = {
|
|
|
1460
1460
|
...th,
|
|
1461
1461
|
zIndex: si,
|
|
1462
1462
|
// SVG
|
|
1463
|
-
fillOpacity:
|
|
1464
|
-
strokeOpacity:
|
|
1463
|
+
fillOpacity: An,
|
|
1464
|
+
strokeOpacity: An,
|
|
1465
1465
|
numOctaves: si
|
|
1466
1466
|
}, nh = {
|
|
1467
1467
|
...fs,
|
|
@@ -1479,9 +1479,9 @@ const eh = /\b([a-z-]*)\(.*?\)/gu, Po = {
|
|
|
1479
1479
|
borderLeftColor: Re,
|
|
1480
1480
|
filter: Po,
|
|
1481
1481
|
WebkitFilter: Po
|
|
1482
|
-
},
|
|
1483
|
-
function
|
|
1484
|
-
let n =
|
|
1482
|
+
}, Gc = (e) => nh[e];
|
|
1483
|
+
function Kc(e, t) {
|
|
1484
|
+
let n = Gc(e);
|
|
1485
1485
|
return n !== Po && (n = xt), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
|
|
1486
1486
|
}
|
|
1487
1487
|
const rh = /* @__PURE__ */ new Set(["auto", "none", "0"]);
|
|
@@ -1493,7 +1493,7 @@ function oh(e, t, n) {
|
|
|
1493
1493
|
}
|
|
1494
1494
|
if (o && n)
|
|
1495
1495
|
for (const s of t)
|
|
1496
|
-
e[s] =
|
|
1496
|
+
e[s] = Kc(n, o);
|
|
1497
1497
|
}
|
|
1498
1498
|
class sh extends ds {
|
|
1499
1499
|
constructor(t, n, r, o, s) {
|
|
@@ -1507,11 +1507,11 @@ class sh extends ds {
|
|
|
1507
1507
|
for (let c = 0; c < t.length; c++) {
|
|
1508
1508
|
let l = t[c];
|
|
1509
1509
|
if (typeof l == "string" && (l = l.trim(), ns(l))) {
|
|
1510
|
-
const d =
|
|
1510
|
+
const d = Hc(l, n.current);
|
|
1511
1511
|
d !== void 0 && (t[c] = d), c === t.length - 1 && (this.finalKeyframe = l);
|
|
1512
1512
|
}
|
|
1513
1513
|
}
|
|
1514
|
-
if (this.resolveNoneKeyframes(), !
|
|
1514
|
+
if (this.resolveNoneKeyframes(), !Uc.has(r) || t.length !== 2)
|
|
1515
1515
|
return;
|
|
1516
1516
|
const [o, s] = t, i = oi(o), a = oi(s);
|
|
1517
1517
|
if (i !== a)
|
|
@@ -1559,9 +1559,9 @@ function ih(e, t, n) {
|
|
|
1559
1559
|
}
|
|
1560
1560
|
return Array.from(e);
|
|
1561
1561
|
}
|
|
1562
|
-
const
|
|
1563
|
-
function
|
|
1564
|
-
return
|
|
1562
|
+
const Yc = (e, t) => t && typeof e == "number" ? t.transform(e) : e;
|
|
1563
|
+
function qc(e) {
|
|
1564
|
+
return fc(e) && "offsetHeight" in e;
|
|
1565
1565
|
}
|
|
1566
1566
|
const ii = 30, ah = (e) => !isNaN(parseFloat(e));
|
|
1567
1567
|
class ch {
|
|
@@ -1714,7 +1714,7 @@ class ch {
|
|
|
1714
1714
|
if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > ii)
|
|
1715
1715
|
return 0;
|
|
1716
1716
|
const n = Math.min(this.updatedAt - this.prevUpdatedAt, ii);
|
|
1717
|
-
return
|
|
1717
|
+
return mc(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
|
|
1718
1718
|
}
|
|
1719
1719
|
/**
|
|
1720
1720
|
* Registers a new animation to control this `MotionValue`. Only one
|
|
@@ -1769,11 +1769,11 @@ class ch {
|
|
|
1769
1769
|
function en(e, t) {
|
|
1770
1770
|
return new ch(e, t);
|
|
1771
1771
|
}
|
|
1772
|
-
const { schedule: hs } = /* @__PURE__ */
|
|
1772
|
+
const { schedule: hs } = /* @__PURE__ */ Tc(queueMicrotask, !1), Je = {
|
|
1773
1773
|
x: !1,
|
|
1774
1774
|
y: !1
|
|
1775
1775
|
};
|
|
1776
|
-
function
|
|
1776
|
+
function Xc() {
|
|
1777
1777
|
return Je.x || Je.y;
|
|
1778
1778
|
}
|
|
1779
1779
|
function lh(e) {
|
|
@@ -1783,7 +1783,7 @@ function lh(e) {
|
|
|
1783
1783
|
Je.x = Je.y = !1;
|
|
1784
1784
|
});
|
|
1785
1785
|
}
|
|
1786
|
-
function
|
|
1786
|
+
function Jc(e, t) {
|
|
1787
1787
|
const n = ih(e), r = new AbortController(), o = {
|
|
1788
1788
|
passive: !0,
|
|
1789
1789
|
...t,
|
|
@@ -1792,10 +1792,10 @@ function Qc(e, t) {
|
|
|
1792
1792
|
return [n, o, () => r.abort()];
|
|
1793
1793
|
}
|
|
1794
1794
|
function ai(e) {
|
|
1795
|
-
return !(e.pointerType === "touch" ||
|
|
1795
|
+
return !(e.pointerType === "touch" || Xc());
|
|
1796
1796
|
}
|
|
1797
1797
|
function dh(e, t, n = {}) {
|
|
1798
|
-
const [r, o, s] =
|
|
1798
|
+
const [r, o, s] = Jc(e, n), i = (a) => {
|
|
1799
1799
|
if (!ai(a))
|
|
1800
1800
|
return;
|
|
1801
1801
|
const { target: c } = a, l = t(c, a);
|
|
@@ -1810,7 +1810,7 @@ function dh(e, t, n = {}) {
|
|
|
1810
1810
|
a.addEventListener("pointerenter", i, o);
|
|
1811
1811
|
}), s;
|
|
1812
1812
|
}
|
|
1813
|
-
const
|
|
1813
|
+
const Qc = (e, t) => t ? e === t ? !0 : Qc(e, t.parentElement) : !1, ms = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, uh = /* @__PURE__ */ new Set([
|
|
1814
1814
|
"BUTTON",
|
|
1815
1815
|
"INPUT",
|
|
1816
1816
|
"SELECT",
|
|
@@ -1845,10 +1845,10 @@ const hh = (e, t) => {
|
|
|
1845
1845
|
n.addEventListener("keydown", r, t), n.addEventListener("blur", () => n.removeEventListener("keydown", r), t);
|
|
1846
1846
|
};
|
|
1847
1847
|
function li(e) {
|
|
1848
|
-
return ms(e) && !
|
|
1848
|
+
return ms(e) && !Xc();
|
|
1849
1849
|
}
|
|
1850
1850
|
function mh(e, t, n = {}) {
|
|
1851
|
-
const [r, o, s] =
|
|
1851
|
+
const [r, o, s] = Jc(e, n), i = (a) => {
|
|
1852
1852
|
const c = a.currentTarget;
|
|
1853
1853
|
if (!li(a))
|
|
1854
1854
|
return;
|
|
@@ -1856,23 +1856,23 @@ function mh(e, t, n = {}) {
|
|
|
1856
1856
|
const l = t(c, a), d = (g, b) => {
|
|
1857
1857
|
window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", h), tr.has(c) && tr.delete(c), li(g) && typeof l == "function" && l(g, { success: b });
|
|
1858
1858
|
}, f = (g) => {
|
|
1859
|
-
d(g, c === window || c === document || n.useGlobalTarget ||
|
|
1859
|
+
d(g, c === window || c === document || n.useGlobalTarget || Qc(c, g.target));
|
|
1860
1860
|
}, h = (g) => {
|
|
1861
1861
|
d(g, !1);
|
|
1862
1862
|
};
|
|
1863
1863
|
window.addEventListener("pointerup", f, o), window.addEventListener("pointercancel", h, o);
|
|
1864
1864
|
};
|
|
1865
1865
|
return r.forEach((a) => {
|
|
1866
|
-
(n.useGlobalTarget ? window : a).addEventListener("pointerdown", i, o),
|
|
1866
|
+
(n.useGlobalTarget ? window : a).addEventListener("pointerdown", i, o), qc(a) && (a.addEventListener("focus", (l) => hh(l, o)), !fh(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
|
|
1867
1867
|
}), s;
|
|
1868
1868
|
}
|
|
1869
|
-
function
|
|
1870
|
-
return
|
|
1869
|
+
function el(e) {
|
|
1870
|
+
return fc(e) && "ownerSVGElement" in e;
|
|
1871
1871
|
}
|
|
1872
1872
|
function ph(e) {
|
|
1873
|
-
return
|
|
1873
|
+
return el(e) && e.tagName === "svg";
|
|
1874
1874
|
}
|
|
1875
|
-
const Oe = (e) => !!(e && e.getVelocity), gh = [...
|
|
1875
|
+
const Oe = (e) => !!(e && e.getVelocity), gh = [...Wc, Re, xt], yh = (e) => gh.find(Zc(e)), ps = ht({
|
|
1876
1876
|
transformPagePoint: (e) => e,
|
|
1877
1877
|
isStatic: !1,
|
|
1878
1878
|
reducedMotion: "never"
|
|
@@ -1881,7 +1881,7 @@ class bh extends p.Component {
|
|
|
1881
1881
|
getSnapshotBeforeUpdate(t) {
|
|
1882
1882
|
const n = this.props.childRef.current;
|
|
1883
1883
|
if (n && t.isPresent && !this.props.isPresent) {
|
|
1884
|
-
const r = n.offsetParent, o =
|
|
1884
|
+
const r = n.offsetParent, o = qc(r) && r.offsetWidth || 0, s = this.props.sizeRef.current;
|
|
1885
1885
|
s.height = n.offsetHeight || 0, s.width = n.offsetWidth || 0, s.top = n.offsetTop, s.left = n.offsetLeft, s.right = o - s.width - s.left;
|
|
1886
1886
|
}
|
|
1887
1887
|
return null;
|
|
@@ -1950,7 +1950,7 @@ const xh = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom:
|
|
|
1950
1950
|
function wh() {
|
|
1951
1951
|
return /* @__PURE__ */ new Map();
|
|
1952
1952
|
}
|
|
1953
|
-
function
|
|
1953
|
+
function tl(e = !0) {
|
|
1954
1954
|
const t = De(pr);
|
|
1955
1955
|
if (t === null)
|
|
1956
1956
|
return [!0, null];
|
|
@@ -1965,32 +1965,32 @@ function nl(e = !0) {
|
|
|
1965
1965
|
const Un = (e) => e.key || "";
|
|
1966
1966
|
function di(e) {
|
|
1967
1967
|
const t = [];
|
|
1968
|
-
return
|
|
1969
|
-
|
|
1968
|
+
return Gd.forEach(e, (n) => {
|
|
1969
|
+
Kd(n) && t.push(n);
|
|
1970
1970
|
}), t;
|
|
1971
1971
|
}
|
|
1972
1972
|
const qt = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presenceAffectsLayout: o = !0, mode: s = "sync", propagate: i = !1, anchorX: a = "left", root: c }) => {
|
|
1973
|
-
const [l, d] =
|
|
1974
|
-
|
|
1973
|
+
const [l, d] = tl(i), f = ze(() => di(e), [e]), h = i && !l ? [] : f.map(Un), g = Be(!0), b = Be(f), m = Wo(() => /* @__PURE__ */ new Map()), [v, k] = X(f), [x, T] = X(f);
|
|
1974
|
+
dc(() => {
|
|
1975
1975
|
g.current = !1, b.current = f;
|
|
1976
|
-
for (let
|
|
1977
|
-
const M = Un(x[
|
|
1976
|
+
for (let A = 0; A < x.length; A++) {
|
|
1977
|
+
const M = Un(x[A]);
|
|
1978
1978
|
h.includes(M) ? m.delete(M) : m.get(M) !== !0 && m.set(M, !1);
|
|
1979
1979
|
}
|
|
1980
1980
|
}, [x, h.length, h.join("-")]);
|
|
1981
1981
|
const w = [];
|
|
1982
1982
|
if (f !== v) {
|
|
1983
|
-
let
|
|
1983
|
+
let A = [...f];
|
|
1984
1984
|
for (let M = 0; M < x.length; M++) {
|
|
1985
1985
|
const P = x[M], z = Un(P);
|
|
1986
|
-
h.includes(z) || (
|
|
1986
|
+
h.includes(z) || (A.splice(M, 0, P), w.push(P));
|
|
1987
1987
|
}
|
|
1988
|
-
return s === "wait" && w.length && (
|
|
1988
|
+
return s === "wait" && w.length && (A = w), T(di(A)), k(f), null;
|
|
1989
1989
|
}
|
|
1990
1990
|
process.env.NODE_ENV !== "production" && s === "wait" && x.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);
|
|
1991
1991
|
const { forceRender: S } = De(Zo);
|
|
1992
|
-
return u(bt, { children: x.map((
|
|
1993
|
-
const M = Un(
|
|
1992
|
+
return u(bt, { children: x.map((A) => {
|
|
1993
|
+
const M = Un(A), P = i && !l ? !1 : f === x || h.includes(M), z = () => {
|
|
1994
1994
|
if (m.has(M))
|
|
1995
1995
|
m.set(M, !0);
|
|
1996
1996
|
else
|
|
@@ -2000,9 +2000,9 @@ const qt = ({ children: e, custom: t, initial: n = !0, onExitComplete: r, presen
|
|
|
2000
2000
|
$ || (y = !1);
|
|
2001
2001
|
}), y && (S == null || S(), T(b.current), i && (d == null || d()), r && r());
|
|
2002
2002
|
};
|
|
2003
|
-
return u(xh, { isPresent: P, initial: !g.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: o, mode: s, root: c, onExitComplete: P ? void 0 : z, anchorX: a, children:
|
|
2003
|
+
return u(xh, { isPresent: P, initial: !g.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: o, mode: s, root: c, onExitComplete: P ? void 0 : z, anchorX: a, children: A }, M);
|
|
2004
2004
|
}) });
|
|
2005
|
-
},
|
|
2005
|
+
}, nl = ht({ strict: !1 }), ui = {
|
|
2006
2006
|
animation: [
|
|
2007
2007
|
"animate",
|
|
2008
2008
|
"variants",
|
|
@@ -2068,9 +2068,9 @@ const Ch = /* @__PURE__ */ new Set([
|
|
|
2068
2068
|
function cr(e) {
|
|
2069
2069
|
return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || Ch.has(e);
|
|
2070
2070
|
}
|
|
2071
|
-
let
|
|
2071
|
+
let rl = (e) => !cr(e);
|
|
2072
2072
|
function kh(e) {
|
|
2073
|
-
typeof e == "function" && (
|
|
2073
|
+
typeof e == "function" && (rl = (t) => t.startsWith("on") ? !cr(t) : e(t));
|
|
2074
2074
|
}
|
|
2075
2075
|
try {
|
|
2076
2076
|
kh(require("@emotion/is-prop-valid").default);
|
|
@@ -2079,7 +2079,7 @@ try {
|
|
|
2079
2079
|
function Th(e, t, n) {
|
|
2080
2080
|
const r = {};
|
|
2081
2081
|
for (const o in e)
|
|
2082
|
-
o === "values" && typeof e.values == "object" || (
|
|
2082
|
+
o === "values" && typeof e.values == "object" || (rl(o) || n === !0 && cr(o) || !t && !cr(o) || // If trying to use native HTML drag events, forward drag listeners
|
|
2083
2083
|
e.draggable && o.startsWith("onDrag")) && (r[o] = e[o]);
|
|
2084
2084
|
return r;
|
|
2085
2085
|
}
|
|
@@ -2102,10 +2102,10 @@ const gs = [
|
|
|
2102
2102
|
function br(e) {
|
|
2103
2103
|
return yr(e.animate) || ys.some((t) => Mn(e[t]));
|
|
2104
2104
|
}
|
|
2105
|
-
function
|
|
2105
|
+
function ol(e) {
|
|
2106
2106
|
return !!(br(e) || e.variants);
|
|
2107
2107
|
}
|
|
2108
|
-
function
|
|
2108
|
+
function Eh(e, t) {
|
|
2109
2109
|
if (br(e)) {
|
|
2110
2110
|
const { initial: n, animate: r } = e;
|
|
2111
2111
|
return {
|
|
@@ -2115,8 +2115,8 @@ function Ah(e, t) {
|
|
|
2115
2115
|
}
|
|
2116
2116
|
return e.inherit !== !1 ? t : {};
|
|
2117
2117
|
}
|
|
2118
|
-
function
|
|
2119
|
-
const { initial: t, animate: n } =
|
|
2118
|
+
function Ah(e) {
|
|
2119
|
+
const { initial: t, animate: n } = Eh(e, De(gr));
|
|
2120
2120
|
return ze(() => ({ initial: t, animate: n }), [fi(t), fi(n)]);
|
|
2121
2121
|
}
|
|
2122
2122
|
function fi(e) {
|
|
@@ -2127,7 +2127,7 @@ function Ph(e) {
|
|
|
2127
2127
|
for (const t in e)
|
|
2128
2128
|
Nn[t] = e[t], ts(t) && (Nn[t].isCSSVariable = !0);
|
|
2129
2129
|
}
|
|
2130
|
-
function
|
|
2130
|
+
function sl(e, { layout: t, layoutId: n }) {
|
|
2131
2131
|
return an.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!Nn[e] || e === "opacity");
|
|
2132
2132
|
}
|
|
2133
2133
|
const Mh = {
|
|
@@ -2144,7 +2144,7 @@ function Vh(e, t, n) {
|
|
|
2144
2144
|
continue;
|
|
2145
2145
|
let c = !0;
|
|
2146
2146
|
if (typeof a == "number" ? c = a === (i.startsWith("scale") ? 1 : 0) : c = parseFloat(a) === 0, !c || n) {
|
|
2147
|
-
const l =
|
|
2147
|
+
const l = Yc(a, fs[i]);
|
|
2148
2148
|
if (!c) {
|
|
2149
2149
|
o = !1;
|
|
2150
2150
|
const d = Mh[i] || i;
|
|
@@ -2167,7 +2167,7 @@ function bs(e, t, n) {
|
|
|
2167
2167
|
o[c] = l;
|
|
2168
2168
|
continue;
|
|
2169
2169
|
} else {
|
|
2170
|
-
const d =
|
|
2170
|
+
const d = Yc(l, fs[c]);
|
|
2171
2171
|
c.startsWith("origin") ? (a = !0, s[c] = d) : r[c] = d;
|
|
2172
2172
|
}
|
|
2173
2173
|
}
|
|
@@ -2182,9 +2182,9 @@ const vs = () => ({
|
|
|
2182
2182
|
transformOrigin: {},
|
|
2183
2183
|
vars: {}
|
|
2184
2184
|
});
|
|
2185
|
-
function
|
|
2185
|
+
function il(e, t, n) {
|
|
2186
2186
|
for (const r in t)
|
|
2187
|
-
!Oe(t[r]) && !
|
|
2187
|
+
!Oe(t[r]) && !sl(r, n) && (e[r] = t[r]);
|
|
2188
2188
|
}
|
|
2189
2189
|
function Rh({ transformTemplate: e }, t) {
|
|
2190
2190
|
return ze(() => {
|
|
@@ -2194,7 +2194,7 @@ function Rh({ transformTemplate: e }, t) {
|
|
|
2194
2194
|
}
|
|
2195
2195
|
function Ih(e, t) {
|
|
2196
2196
|
const n = e.style || {}, r = {};
|
|
2197
|
-
return
|
|
2197
|
+
return il(r, n, e), Object.assign(r, Rh(e, t)), r;
|
|
2198
2198
|
}
|
|
2199
2199
|
function Dh(e, t) {
|
|
2200
2200
|
const n = {}, r = Ih(e, t);
|
|
@@ -2214,7 +2214,7 @@ function Oh(e, t, n = 1, r = 0, o = !0) {
|
|
|
2214
2214
|
const i = Q.transform(t), a = Q.transform(n);
|
|
2215
2215
|
e[s.array] = `${i} ${a}`;
|
|
2216
2216
|
}
|
|
2217
|
-
function
|
|
2217
|
+
function al(e, {
|
|
2218
2218
|
attrX: t,
|
|
2219
2219
|
attrY: n,
|
|
2220
2220
|
attrScale: r,
|
|
@@ -2232,21 +2232,21 @@ function cl(e, {
|
|
|
2232
2232
|
const { attrs: f, style: h } = e;
|
|
2233
2233
|
f.transform && (h.transform = f.transform, delete f.transform), (h.transform || f.transformOrigin) && (h.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), h.transform && (h.transformBox = (d == null ? void 0 : d.transformBox) ?? "fill-box", delete f.transformBox), t !== void 0 && (f.x = t), n !== void 0 && (f.y = n), r !== void 0 && (f.scale = r), o !== void 0 && Oh(f, o, s, i, !1);
|
|
2234
2234
|
}
|
|
2235
|
-
const
|
|
2235
|
+
const cl = () => ({
|
|
2236
2236
|
...vs(),
|
|
2237
2237
|
attrs: {}
|
|
2238
|
-
}),
|
|
2238
|
+
}), ll = (e) => typeof e == "string" && e.toLowerCase() === "svg";
|
|
2239
2239
|
function Lh(e, t, n, r) {
|
|
2240
2240
|
const o = ze(() => {
|
|
2241
|
-
const s =
|
|
2242
|
-
return
|
|
2241
|
+
const s = cl();
|
|
2242
|
+
return al(s, t, ll(r), e.transformTemplate, e.style), {
|
|
2243
2243
|
...s.attrs,
|
|
2244
2244
|
style: { ...s.style }
|
|
2245
2245
|
};
|
|
2246
2246
|
}, [t]);
|
|
2247
2247
|
if (e.style) {
|
|
2248
2248
|
const s = {};
|
|
2249
|
-
|
|
2249
|
+
il(s, e.style, e), o.style = { ...s, ...o.style };
|
|
2250
2250
|
}
|
|
2251
2251
|
return o;
|
|
2252
2252
|
}
|
|
@@ -2299,7 +2299,7 @@ function xs(e) {
|
|
|
2299
2299
|
}
|
|
2300
2300
|
function Bh(e, t, n, { latestValues: r }, o, s = !1) {
|
|
2301
2301
|
const a = (xs(e) ? Lh : Dh)(t, r, o, e), c = Th(t, typeof e == "string", s), l = e !== nc ? { ...c, ...a, ref: n } : {}, { children: d } = t, f = ze(() => Oe(d) ? d.get() : d, [d]);
|
|
2302
|
-
return
|
|
2302
|
+
return Yd(e, {
|
|
2303
2303
|
...l,
|
|
2304
2304
|
children: f
|
|
2305
2305
|
});
|
|
@@ -2335,7 +2335,7 @@ function zh(e, t, n, r) {
|
|
|
2335
2335
|
for (const h in s)
|
|
2336
2336
|
o[h] = nr(s[h]);
|
|
2337
2337
|
let { initial: i, animate: a } = e;
|
|
2338
|
-
const c = br(e), l =
|
|
2338
|
+
const c = br(e), l = ol(e);
|
|
2339
2339
|
t && l && !c && e.inherit !== !1 && (i === void 0 && (i = t.initial), a === void 0 && (a = t.animate));
|
|
2340
2340
|
let d = n ? n.initial === !1 : !1;
|
|
2341
2341
|
d = d || i === !1;
|
|
@@ -2361,7 +2361,7 @@ function zh(e, t, n, r) {
|
|
|
2361
2361
|
}
|
|
2362
2362
|
return o;
|
|
2363
2363
|
}
|
|
2364
|
-
const
|
|
2364
|
+
const dl = (e) => (t, n) => {
|
|
2365
2365
|
const r = De(gr), o = De(pr), s = () => jh(e, t, r, o);
|
|
2366
2366
|
return n ? s() : Wo(s);
|
|
2367
2367
|
};
|
|
@@ -2369,14 +2369,14 @@ function Ss(e, t, n) {
|
|
|
2369
2369
|
var s;
|
|
2370
2370
|
const { style: r } = e, o = {};
|
|
2371
2371
|
for (const i in r)
|
|
2372
|
-
(Oe(r[i]) || t.style && Oe(t.style[i]) ||
|
|
2372
|
+
(Oe(r[i]) || t.style && Oe(t.style[i]) || sl(i, e) || ((s = n == null ? void 0 : n.getValue(i)) == null ? void 0 : s.liveStyle) !== void 0) && (o[i] = r[i]);
|
|
2373
2373
|
return o;
|
|
2374
2374
|
}
|
|
2375
|
-
const Hh = /* @__PURE__ */
|
|
2375
|
+
const Hh = /* @__PURE__ */ dl({
|
|
2376
2376
|
scrapeMotionValuesFromProps: Ss,
|
|
2377
2377
|
createRenderState: vs
|
|
2378
2378
|
});
|
|
2379
|
-
function
|
|
2379
|
+
function ul(e, t, n) {
|
|
2380
2380
|
const r = Ss(e, t, n);
|
|
2381
2381
|
for (const o in e)
|
|
2382
2382
|
if (Oe(e[o]) || Oe(t[o])) {
|
|
@@ -2385,9 +2385,9 @@ function fl(e, t, n) {
|
|
|
2385
2385
|
}
|
|
2386
2386
|
return r;
|
|
2387
2387
|
}
|
|
2388
|
-
const Uh = /* @__PURE__ */
|
|
2389
|
-
scrapeMotionValuesFromProps:
|
|
2390
|
-
createRenderState:
|
|
2388
|
+
const Uh = /* @__PURE__ */ dl({
|
|
2389
|
+
scrapeMotionValuesFromProps: ul,
|
|
2390
|
+
createRenderState: cl
|
|
2391
2391
|
}), Zh = Symbol.for("motionComponentSymbol");
|
|
2392
2392
|
function Wt(e) {
|
|
2393
2393
|
return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
|
|
@@ -2405,10 +2405,10 @@ function Wh(e, t, n) {
|
|
|
2405
2405
|
[t]
|
|
2406
2406
|
);
|
|
2407
2407
|
}
|
|
2408
|
-
const Cs = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Gh = "framerAppearId",
|
|
2408
|
+
const Cs = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Gh = "framerAppearId", fl = "data-" + Cs(Gh), hl = ht({});
|
|
2409
2409
|
function Kh(e, t, n, r, o) {
|
|
2410
2410
|
var m, v;
|
|
2411
|
-
const { visualElement: s } = De(gr), i = De(
|
|
2411
|
+
const { visualElement: s } = De(gr), i = De(nl), a = De(pr), c = De(ps).reducedMotion, l = Be(null);
|
|
2412
2412
|
r = r || i.renderer, !l.current && r && (l.current = r(e, {
|
|
2413
2413
|
visualState: t,
|
|
2414
2414
|
parent: s,
|
|
@@ -2417,14 +2417,14 @@ function Kh(e, t, n, r, o) {
|
|
|
2417
2417
|
blockInitialAnimation: a ? a.initial === !1 : !1,
|
|
2418
2418
|
reducedMotionConfig: c
|
|
2419
2419
|
}));
|
|
2420
|
-
const d = l.current, f = De(
|
|
2420
|
+
const d = l.current, f = De(hl);
|
|
2421
2421
|
d && !d.projection && o && (d.type === "html" || d.type === "svg") && Yh(l.current, n, o, f);
|
|
2422
2422
|
const h = Be(!1);
|
|
2423
2423
|
tc(() => {
|
|
2424
2424
|
d && h.current && d.update(n, a);
|
|
2425
2425
|
});
|
|
2426
|
-
const g = n[
|
|
2427
|
-
return
|
|
2426
|
+
const g = n[fl], b = Be(!!g && !((m = window.MotionHandoffIsComplete) != null && m.call(window, g)) && ((v = window.MotionHasOptimisedAnimation) == null ? void 0 : v.call(window, g)));
|
|
2427
|
+
return dc(() => {
|
|
2428
2428
|
d && (h.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), d.scheduleRenderMicrotask(), b.current && d.animationState && d.animationState.animateChanges());
|
|
2429
2429
|
}), Te(() => {
|
|
2430
2430
|
d && (!b.current && d.animationState && d.animationState.animateChanges(), b.current && (queueMicrotask(() => {
|
|
@@ -2435,7 +2435,7 @@ function Kh(e, t, n, r, o) {
|
|
|
2435
2435
|
}
|
|
2436
2436
|
function Yh(e, t, n, r) {
|
|
2437
2437
|
const { layoutId: o, layout: s, drag: i, dragConstraints: a, layoutScroll: c, layoutRoot: l, layoutCrossfade: d } = t;
|
|
2438
|
-
e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 :
|
|
2438
|
+
e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : ml(e.parent)), e.projection.setOptions({
|
|
2439
2439
|
layoutId: o,
|
|
2440
2440
|
layout: s,
|
|
2441
2441
|
alwaysMeasureLayout: !!i || a && Wt(a),
|
|
@@ -2454,9 +2454,9 @@ function Yh(e, t, n, r) {
|
|
|
2454
2454
|
layoutRoot: l
|
|
2455
2455
|
});
|
|
2456
2456
|
}
|
|
2457
|
-
function
|
|
2457
|
+
function ml(e) {
|
|
2458
2458
|
if (e)
|
|
2459
|
-
return e.options.allowProjection !== !1 ? e.projection :
|
|
2459
|
+
return e.options.allowProjection !== !1 ? e.projection : ml(e.parent);
|
|
2460
2460
|
}
|
|
2461
2461
|
function jr(e, { forwardMotionProps: t = !1 } = {}, n, r) {
|
|
2462
2462
|
n && Sh(n);
|
|
@@ -2467,7 +2467,7 @@ function jr(e, { forwardMotionProps: t = !1 } = {}, n, r) {
|
|
|
2467
2467
|
...De(ps),
|
|
2468
2468
|
...a,
|
|
2469
2469
|
layoutId: qh(a)
|
|
2470
|
-
}, { isStatic: f } = d, h =
|
|
2470
|
+
}, { isStatic: f } = d, h = Ah(a), g = o(a, f);
|
|
2471
2471
|
if (!f && Go) {
|
|
2472
2472
|
Xh(d, n);
|
|
2473
2473
|
const b = Jh(d);
|
|
@@ -2476,7 +2476,7 @@ function jr(e, { forwardMotionProps: t = !1 } = {}, n, r) {
|
|
|
2476
2476
|
return C(gr.Provider, { value: h, children: [l && h.visualElement ? u(l, { visualElement: h.visualElement, ...d }) : null, Bh(e, a, Wh(g, h.visualElement, c), g, f, t)] });
|
|
2477
2477
|
}
|
|
2478
2478
|
s.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
|
|
2479
|
-
const i =
|
|
2479
|
+
const i = qd(s);
|
|
2480
2480
|
return i[Zh] = e, i;
|
|
2481
2481
|
}
|
|
2482
2482
|
function qh({ layoutId: e }) {
|
|
@@ -2484,7 +2484,7 @@ function qh({ layoutId: e }) {
|
|
|
2484
2484
|
return t && e !== void 0 ? t + "-" + e : e;
|
|
2485
2485
|
}
|
|
2486
2486
|
function Xh(e, t) {
|
|
2487
|
-
const n = De(
|
|
2487
|
+
const n = De(nl).strict;
|
|
2488
2488
|
if (process.env.NODE_ENV !== "production" && t && n) {
|
|
2489
2489
|
const r = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
|
|
2490
2490
|
e.ignoreStrict ? rn(!1, r, "lazy-strict-mode") : dt(!1, r, "lazy-strict-mode");
|
|
@@ -2513,7 +2513,7 @@ function Qh(e, t) {
|
|
|
2513
2513
|
get: (s, i) => i === "create" ? r : (n.has(i) || n.set(i, jr(i, void 0, e, t)), n.get(i))
|
|
2514
2514
|
});
|
|
2515
2515
|
}
|
|
2516
|
-
function
|
|
2516
|
+
function pl({ top: e, left: t, right: n, bottom: r }) {
|
|
2517
2517
|
return {
|
|
2518
2518
|
x: { min: t, max: n },
|
|
2519
2519
|
y: { min: e, max: r }
|
|
@@ -2539,10 +2539,10 @@ function zr(e) {
|
|
|
2539
2539
|
function Mo({ scale: e, scaleX: t, scaleY: n }) {
|
|
2540
2540
|
return !zr(e) || !zr(t) || !zr(n);
|
|
2541
2541
|
}
|
|
2542
|
-
function
|
|
2543
|
-
return Mo(e) ||
|
|
2542
|
+
function At(e) {
|
|
2543
|
+
return Mo(e) || gl(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
|
|
2544
2544
|
}
|
|
2545
|
-
function
|
|
2545
|
+
function gl(e) {
|
|
2546
2546
|
return mi(e.x) || mi(e.y);
|
|
2547
2547
|
}
|
|
2548
2548
|
function mi(e) {
|
|
@@ -2558,7 +2558,7 @@ function pi(e, t, n, r, o) {
|
|
|
2558
2558
|
function No(e, t = 0, n = 1, r, o) {
|
|
2559
2559
|
e.min = pi(e.min, t, n, r, o), e.max = pi(e.max, t, n, r, o);
|
|
2560
2560
|
}
|
|
2561
|
-
function
|
|
2561
|
+
function yl(e, { x: t, y: n }) {
|
|
2562
2562
|
No(e.x, t.translate, t.scale, t.originPoint), No(e.y, n.translate, n.scale, n.originPoint);
|
|
2563
2563
|
}
|
|
2564
2564
|
const gi = 0.999999999999, yi = 1.0000000000001;
|
|
@@ -2574,7 +2574,7 @@ function nm(e, t, n, r = !1) {
|
|
|
2574
2574
|
c && c.props.style && c.props.style.display === "contents" || (r && s.options.layoutScroll && s.scroll && s !== s.root && Kt(e, {
|
|
2575
2575
|
x: -s.scroll.offset.x,
|
|
2576
2576
|
y: -s.scroll.offset.y
|
|
2577
|
-
}), i && (t.x *= i.x.scale, t.y *= i.y.scale,
|
|
2577
|
+
}), i && (t.x *= i.x.scale, t.y *= i.y.scale, yl(e, i)), r && At(s.latestValues) && Kt(e, s.latestValues));
|
|
2578
2578
|
}
|
|
2579
2579
|
t.x < yi && t.x > gi && (t.x = 1), t.y < yi && t.y > gi && (t.y = 1);
|
|
2580
2580
|
}
|
|
@@ -2588,11 +2588,11 @@ function bi(e, t, n, r, o = 0.5) {
|
|
|
2588
2588
|
function Kt(e, t) {
|
|
2589
2589
|
bi(e.x, t.x, t.scaleX, t.scale, t.originX), bi(e.y, t.y, t.scaleY, t.scale, t.originY);
|
|
2590
2590
|
}
|
|
2591
|
-
function
|
|
2592
|
-
return
|
|
2591
|
+
function bl(e, t) {
|
|
2592
|
+
return pl(tm(e.getBoundingClientRect(), t));
|
|
2593
2593
|
}
|
|
2594
2594
|
function rm(e, t, n) {
|
|
2595
|
-
const r =
|
|
2595
|
+
const r = bl(e, n), { scroll: o } = t;
|
|
2596
2596
|
return o && (Gt(r.x, o.offset.x), Gt(r.y, o.offset.y)), r;
|
|
2597
2597
|
}
|
|
2598
2598
|
const vi = () => ({
|
|
@@ -2606,9 +2606,9 @@ const vi = () => ({
|
|
|
2606
2606
|
}), xi = () => ({ min: 0, max: 0 }), Ne = () => ({
|
|
2607
2607
|
x: xi(),
|
|
2608
2608
|
y: xi()
|
|
2609
|
-
}), Vo = { current: null },
|
|
2609
|
+
}), Vo = { current: null }, vl = { current: !1 };
|
|
2610
2610
|
function om() {
|
|
2611
|
-
if (
|
|
2611
|
+
if (vl.current = !0, !!Go)
|
|
2612
2612
|
if (window.matchMedia) {
|
|
2613
2613
|
const e = window.matchMedia("(prefers-reduced-motion)"), t = () => Vo.current = e.matches;
|
|
2614
2614
|
e.addEventListener("change", t), t();
|
|
@@ -2664,7 +2664,7 @@ class am {
|
|
|
2664
2664
|
this.renderScheduledAt < h && (this.renderScheduledAt = h, we.render(this.render, !1, !0));
|
|
2665
2665
|
};
|
|
2666
2666
|
const { latestValues: c, renderState: l } = i;
|
|
2667
|
-
this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = l, this.parent = t, this.props = n, this.presenceContext = r, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = o, this.options = a, this.blockInitialAnimation = !!s, this.isControllingVariants = br(n), this.isVariantNode =
|
|
2667
|
+
this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = l, this.parent = t, this.props = n, this.presenceContext = r, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = o, this.options = a, this.blockInitialAnimation = !!s, this.isControllingVariants = br(n), this.isVariantNode = ol(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
|
|
2668
2668
|
const { willChange: d, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
|
|
2669
2669
|
for (const h in f) {
|
|
2670
2670
|
const g = f[h];
|
|
@@ -2673,7 +2673,7 @@ class am {
|
|
|
2673
2673
|
}
|
|
2674
2674
|
mount(t) {
|
|
2675
2675
|
var n;
|
|
2676
|
-
this.current = t, sm.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((r, o) => this.bindToMotionValue(o, r)),
|
|
2676
|
+
this.current = t, sm.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((r, o) => this.bindToMotionValue(o, r)), vl.current || om(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : Vo.current, process.env.NODE_ENV !== "production" && Jo(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), (n = this.parent) == null || n.addChild(this), this.update(this.props, this.presenceContext);
|
|
2677
2677
|
}
|
|
2678
2678
|
unmount() {
|
|
2679
2679
|
var t;
|
|
@@ -2814,7 +2814,7 @@ class am {
|
|
|
2814
2814
|
*/
|
|
2815
2815
|
readValue(t, n) {
|
|
2816
2816
|
let r = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
|
|
2817
|
-
return r != null && (typeof r == "string" && (
|
|
2817
|
+
return r != null && (typeof r == "string" && (uc(r) || hc(r)) ? r = parseFloat(r) : !yh(r) && xt.test(n) && (r = Kc(t, n)), this.setBaseTarget(t, Oe(r) ? r.get() : r)), Oe(r) ? r.get() : r;
|
|
2818
2818
|
}
|
|
2819
2819
|
/**
|
|
2820
2820
|
* Set the base target to later animate back to. This is currently
|
|
@@ -2850,7 +2850,7 @@ class am {
|
|
|
2850
2850
|
hs.render(this.render);
|
|
2851
2851
|
}
|
|
2852
2852
|
}
|
|
2853
|
-
class
|
|
2853
|
+
class xl extends am {
|
|
2854
2854
|
constructor() {
|
|
2855
2855
|
super(...arguments), this.KeyframeResolver = sh;
|
|
2856
2856
|
}
|
|
@@ -2871,7 +2871,7 @@ class wl extends am {
|
|
|
2871
2871
|
}));
|
|
2872
2872
|
}
|
|
2873
2873
|
}
|
|
2874
|
-
function
|
|
2874
|
+
function wl(e, { style: t, vars: n }, r, o) {
|
|
2875
2875
|
const s = e.style;
|
|
2876
2876
|
let i;
|
|
2877
2877
|
for (i in t)
|
|
@@ -2883,9 +2883,9 @@ function Sl(e, { style: t, vars: n }, r, o) {
|
|
|
2883
2883
|
function cm(e) {
|
|
2884
2884
|
return window.getComputedStyle(e);
|
|
2885
2885
|
}
|
|
2886
|
-
class lm extends
|
|
2886
|
+
class lm extends xl {
|
|
2887
2887
|
constructor() {
|
|
2888
|
-
super(...arguments), this.type = "html", this.renderInstance =
|
|
2888
|
+
super(...arguments), this.type = "html", this.renderInstance = wl;
|
|
2889
2889
|
}
|
|
2890
2890
|
readValueFromInstance(t, n) {
|
|
2891
2891
|
var r;
|
|
@@ -2897,7 +2897,7 @@ class lm extends wl {
|
|
|
2897
2897
|
}
|
|
2898
2898
|
}
|
|
2899
2899
|
measureInstanceViewportBox(t, { transformPagePoint: n }) {
|
|
2900
|
-
return
|
|
2900
|
+
return bl(t, n);
|
|
2901
2901
|
}
|
|
2902
2902
|
build(t, n, r) {
|
|
2903
2903
|
bs(t, n, r.transformTemplate);
|
|
@@ -2906,7 +2906,7 @@ class lm extends wl {
|
|
|
2906
2906
|
return Ss(t, n, r);
|
|
2907
2907
|
}
|
|
2908
2908
|
}
|
|
2909
|
-
const
|
|
2909
|
+
const Sl = /* @__PURE__ */ new Set([
|
|
2910
2910
|
"baseFrequency",
|
|
2911
2911
|
"diffuseConstant",
|
|
2912
2912
|
"kernelMatrix",
|
|
@@ -2932,11 +2932,11 @@ const Cl = /* @__PURE__ */ new Set([
|
|
|
2932
2932
|
"lengthAdjust"
|
|
2933
2933
|
]);
|
|
2934
2934
|
function dm(e, t, n, r) {
|
|
2935
|
-
|
|
2935
|
+
wl(e, t, void 0, r);
|
|
2936
2936
|
for (const o in t.attrs)
|
|
2937
|
-
e.setAttribute(
|
|
2937
|
+
e.setAttribute(Sl.has(o) ? o : Cs(o), t.attrs[o]);
|
|
2938
2938
|
}
|
|
2939
|
-
class um extends
|
|
2939
|
+
class um extends xl {
|
|
2940
2940
|
constructor() {
|
|
2941
2941
|
super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ne;
|
|
2942
2942
|
}
|
|
@@ -2945,22 +2945,22 @@ class um extends wl {
|
|
|
2945
2945
|
}
|
|
2946
2946
|
readValueFromInstance(t, n) {
|
|
2947
2947
|
if (an.has(n)) {
|
|
2948
|
-
const r =
|
|
2948
|
+
const r = Gc(n);
|
|
2949
2949
|
return r && r.default || 0;
|
|
2950
2950
|
}
|
|
2951
|
-
return n =
|
|
2951
|
+
return n = Sl.has(n) ? n : Cs(n), t.getAttribute(n);
|
|
2952
2952
|
}
|
|
2953
2953
|
scrapeMotionValuesFromProps(t, n, r) {
|
|
2954
|
-
return
|
|
2954
|
+
return ul(t, n, r);
|
|
2955
2955
|
}
|
|
2956
2956
|
build(t, n, r) {
|
|
2957
|
-
|
|
2957
|
+
al(t, n, this.isSVGTag, r.transformTemplate, r.style);
|
|
2958
2958
|
}
|
|
2959
2959
|
renderInstance(t, n, r, o) {
|
|
2960
2960
|
dm(t, n, r, o);
|
|
2961
2961
|
}
|
|
2962
2962
|
mount(t) {
|
|
2963
|
-
this.isSVGTag =
|
|
2963
|
+
this.isSVGTag = ll(t.tagName), super.mount(t);
|
|
2964
2964
|
}
|
|
2965
2965
|
}
|
|
2966
2966
|
const fm = (e, t) => xs(e) ? new um(t) : new lm(t, {
|
|
@@ -2998,8 +2998,8 @@ function Io(e, t) {
|
|
|
2998
2998
|
e.addValue("willChange", r), r.add(t);
|
|
2999
2999
|
}
|
|
3000
3000
|
}
|
|
3001
|
-
function
|
|
3002
|
-
return e.props[
|
|
3001
|
+
function Cl(e) {
|
|
3002
|
+
return e.props[fl];
|
|
3003
3003
|
}
|
|
3004
3004
|
const ym = (e) => e !== null;
|
|
3005
3005
|
function bm(e, { repeat: t, repeatType: n = "loop" }, r) {
|
|
@@ -3049,7 +3049,7 @@ const ks = (e, t, n, r = {}, o, s) => (i) => {
|
|
|
3049
3049
|
};
|
|
3050
3050
|
km(a) || Object.assign(d, Cm(e, d)), d.duration && (d.duration = /* @__PURE__ */ Qe(d.duration)), d.repeatDelay && (d.repeatDelay = /* @__PURE__ */ Qe(d.repeatDelay)), d.from !== void 0 && (d.keyframes[0] = d.from);
|
|
3051
3051
|
let f = !1;
|
|
3052
|
-
if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (
|
|
3052
|
+
if ((d.type === !1 || d.duration === 0 && !d.repeatDelay) && (Ao(d), d.delay === 0 && (f = !0)), (ut.instantAnimations || ut.skipAnimations) && (f = !0, Ao(d), d.delay = 0), d.allowFlatten = !a.type && !a.ease, f && !s && t.get() !== void 0) {
|
|
3053
3053
|
const h = bm(d.keyframes, a);
|
|
3054
3054
|
if (h !== void 0) {
|
|
3055
3055
|
we.update(() => {
|
|
@@ -3064,7 +3064,7 @@ function Tm({ protectedKeys: e, needsAnimating: t }, n) {
|
|
|
3064
3064
|
const r = e.hasOwnProperty(n) && t[n] !== !0;
|
|
3065
3065
|
return t[n] = !1, r;
|
|
3066
3066
|
}
|
|
3067
|
-
function
|
|
3067
|
+
function kl(e, t, { delay: n = 0, transitionOverride: r, type: o } = {}) {
|
|
3068
3068
|
let { transition: s = e.getDefaultTransition(), transitionEnd: i, ...a } = t;
|
|
3069
3069
|
r && (s = r);
|
|
3070
3070
|
const c = [], l = o && e.animationState && e.animationState.getState()[o];
|
|
@@ -3080,13 +3080,13 @@ function Tl(e, t, { delay: n = 0, transitionOverride: r, type: o } = {}) {
|
|
|
3080
3080
|
continue;
|
|
3081
3081
|
let m = !1;
|
|
3082
3082
|
if (window.MotionHandoffAnimation) {
|
|
3083
|
-
const k =
|
|
3083
|
+
const k = Cl(e);
|
|
3084
3084
|
if (k) {
|
|
3085
3085
|
const x = window.MotionHandoffAnimation(k, d, we);
|
|
3086
3086
|
x !== null && (g.startTime = x, m = !0);
|
|
3087
3087
|
}
|
|
3088
3088
|
}
|
|
3089
|
-
Io(e, d), f.start(ks(d, f, h, e.shouldReduceMotion &&
|
|
3089
|
+
Io(e, d), f.start(ks(d, f, h, e.shouldReduceMotion && Uc.has(d) ? { type: !1 } : g, e, m));
|
|
3090
3090
|
const v = f.animation;
|
|
3091
3091
|
v && c.push(v);
|
|
3092
3092
|
}
|
|
@@ -3096,7 +3096,7 @@ function Tl(e, t, { delay: n = 0, transitionOverride: r, type: o } = {}) {
|
|
|
3096
3096
|
});
|
|
3097
3097
|
}), c;
|
|
3098
3098
|
}
|
|
3099
|
-
function
|
|
3099
|
+
function Tl(e, t, n, r = 0, o = 1) {
|
|
3100
3100
|
const s = Array.from(e).sort((l, d) => l.sortNodePosition(d)).indexOf(t), i = e.size, a = (i - 1) * r;
|
|
3101
3101
|
return typeof n == "function" ? n(s, i) : o === 1 ? s * r : a - s * r;
|
|
3102
3102
|
}
|
|
@@ -3105,9 +3105,9 @@ function Do(e, t, n = {}) {
|
|
|
3105
3105
|
const r = Xt(e, t, n.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
|
|
3106
3106
|
let { transition: o = e.getDefaultTransition() || {} } = r || {};
|
|
3107
3107
|
n.transitionOverride && (o = n.transitionOverride);
|
|
3108
|
-
const s = r ? () => Promise.all(
|
|
3108
|
+
const s = r ? () => Promise.all(kl(e, r, n)) : () => Promise.resolve(), i = e.variantChildren && e.variantChildren.size ? (l = 0) => {
|
|
3109
3109
|
const { delayChildren: d = 0, staggerChildren: f, staggerDirection: h } = o;
|
|
3110
|
-
return
|
|
3110
|
+
return Em(e, t, l, d, f, h, n);
|
|
3111
3111
|
} : () => Promise.resolve(), { when: a } = o;
|
|
3112
3112
|
if (a) {
|
|
3113
3113
|
const [l, d] = a === "beforeChildren" ? [s, i] : [i, s];
|
|
@@ -3115,16 +3115,16 @@ function Do(e, t, n = {}) {
|
|
|
3115
3115
|
} else
|
|
3116
3116
|
return Promise.all([s(), i(n.delay)]);
|
|
3117
3117
|
}
|
|
3118
|
-
function
|
|
3118
|
+
function Em(e, t, n = 0, r = 0, o = 0, s = 1, i) {
|
|
3119
3119
|
const a = [];
|
|
3120
3120
|
for (const c of e.variantChildren)
|
|
3121
3121
|
c.notify("AnimationStart", t), a.push(Do(c, t, {
|
|
3122
3122
|
...i,
|
|
3123
|
-
delay: n + (typeof r == "function" ? 0 : r) +
|
|
3123
|
+
delay: n + (typeof r == "function" ? 0 : r) + Tl(e.variantChildren, c, r, o, s)
|
|
3124
3124
|
}).then(() => c.notify("AnimationComplete", t)));
|
|
3125
3125
|
return Promise.all(a);
|
|
3126
3126
|
}
|
|
3127
|
-
function
|
|
3127
|
+
function Am(e, t, n = {}) {
|
|
3128
3128
|
e.notify("AnimationStart", t);
|
|
3129
3129
|
let r;
|
|
3130
3130
|
if (Array.isArray(t)) {
|
|
@@ -3134,7 +3134,7 @@ function Em(e, t, n = {}) {
|
|
|
3134
3134
|
r = Do(e, t, n);
|
|
3135
3135
|
else {
|
|
3136
3136
|
const o = typeof t == "function" ? Xt(e, t, n.custom) : t;
|
|
3137
|
-
r = Promise.all(
|
|
3137
|
+
r = Promise.all(kl(e, o, n));
|
|
3138
3138
|
}
|
|
3139
3139
|
return r.then(() => {
|
|
3140
3140
|
e.notify("AnimationComplete", t);
|
|
@@ -3152,11 +3152,11 @@ function El(e, t) {
|
|
|
3152
3152
|
return !0;
|
|
3153
3153
|
}
|
|
3154
3154
|
const Pm = ys.length;
|
|
3155
|
-
function
|
|
3155
|
+
function Al(e) {
|
|
3156
3156
|
if (!e)
|
|
3157
3157
|
return;
|
|
3158
3158
|
if (!e.isControllingVariants) {
|
|
3159
|
-
const n = e.parent ?
|
|
3159
|
+
const n = e.parent ? Al(e.parent) || {} : {};
|
|
3160
3160
|
return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
|
|
3161
3161
|
}
|
|
3162
3162
|
const t = {};
|
|
@@ -3168,7 +3168,7 @@ function Pl(e) {
|
|
|
3168
3168
|
}
|
|
3169
3169
|
const Mm = [...gs].reverse(), Nm = gs.length;
|
|
3170
3170
|
function Vm(e) {
|
|
3171
|
-
return (t) => Promise.all(t.map(({ animation: n, options: r }) =>
|
|
3171
|
+
return (t) => Promise.all(t.map(({ animation: n, options: r }) => Am(e, n, r)));
|
|
3172
3172
|
}
|
|
3173
3173
|
function Rm(e) {
|
|
3174
3174
|
let t = Vm(e), n = Si(), r = !0;
|
|
@@ -3185,20 +3185,20 @@ function Rm(e) {
|
|
|
3185
3185
|
t = c(e);
|
|
3186
3186
|
}
|
|
3187
3187
|
function i(c) {
|
|
3188
|
-
const { props: l } = e, d =
|
|
3188
|
+
const { props: l } = e, d = Al(e.parent) || {}, f = [], h = /* @__PURE__ */ new Set();
|
|
3189
3189
|
let g = {}, b = 1 / 0;
|
|
3190
3190
|
for (let v = 0; v < Nm; v++) {
|
|
3191
3191
|
const k = Mm[v], x = n[k], T = l[k] !== void 0 ? l[k] : d[k], w = Mn(T), S = k === c ? x.isActive : null;
|
|
3192
3192
|
S === !1 && (b = v);
|
|
3193
|
-
let
|
|
3194
|
-
if (
|
|
3193
|
+
let A = T === d[k] && T !== l[k] && w;
|
|
3194
|
+
if (A && r && e.manuallyAnimateOnMount && (A = !1), x.protectedKeys = { ...g }, // If it isn't active and hasn't *just* been set as inactive
|
|
3195
3195
|
!x.isActive && S === null || // If we didn't and don't have any defined prop for this animation type
|
|
3196
3196
|
!T && !x.prevProp || // Or if the prop doesn't define an animation
|
|
3197
3197
|
yr(T) || typeof T == "boolean")
|
|
3198
3198
|
continue;
|
|
3199
3199
|
const M = Im(x.prevProp, T);
|
|
3200
3200
|
let P = M || // If we're making this variant active, we want to always make it active
|
|
3201
|
-
k === c && x.isActive && !
|
|
3201
|
+
k === c && x.isActive && !A && w || // If we removed a higher-priority variant (i is in reverse order)
|
|
3202
3202
|
v > b && w, z = !1;
|
|
3203
3203
|
const y = Array.isArray(T) ? T : [T];
|
|
3204
3204
|
let $ = y.reduce(o(k), {});
|
|
@@ -3219,14 +3219,14 @@ function Rm(e) {
|
|
|
3219
3219
|
Ro(I) && Ro(q) ? N = !El(I, q) : N = I !== q, N ? I != null ? te(K) : h.add(K) : I !== void 0 && h.has(K) ? te(K) : x.protectedKeys[K] = !0;
|
|
3220
3220
|
}
|
|
3221
3221
|
x.prevProp = T, x.prevResolvedValues = $, x.isActive && (g = { ...g, ...$ }), r && e.blockInitialAnimation && (P = !1);
|
|
3222
|
-
const ee =
|
|
3222
|
+
const ee = A && M;
|
|
3223
3223
|
P && (!ee || z) && f.push(...y.map((K) => {
|
|
3224
3224
|
const I = { type: k };
|
|
3225
3225
|
if (typeof K == "string" && r && !ee && e.manuallyAnimateOnMount && e.parent) {
|
|
3226
3226
|
const { parent: q } = e, N = Xt(q, K);
|
|
3227
3227
|
if (q.enteringChildren && N) {
|
|
3228
3228
|
const { delayChildren: U } = N.transition || {};
|
|
3229
|
-
I.delay =
|
|
3229
|
+
I.delay = Tl(q.enteringChildren, e, U);
|
|
3230
3230
|
}
|
|
3231
3231
|
}
|
|
3232
3232
|
return {
|
|
@@ -3375,7 +3375,7 @@ const Lm = (e) => (t) => ms(t) && e(t, On(t));
|
|
|
3375
3375
|
function wn(e, t, n, r) {
|
|
3376
3376
|
return Vn(e, t, Lm(n), r);
|
|
3377
3377
|
}
|
|
3378
|
-
const
|
|
3378
|
+
const Pl = 1e-4, _m = 1 - Pl, Bm = 1 + Pl, Ml = 0.01, jm = 0 - Ml, zm = 0 + Ml;
|
|
3379
3379
|
function _e(e) {
|
|
3380
3380
|
return e.max - e.min;
|
|
3381
3381
|
}
|
|
@@ -3403,12 +3403,12 @@ function Cn(e, t, n) {
|
|
|
3403
3403
|
function We(e) {
|
|
3404
3404
|
return [e("x"), e("y")];
|
|
3405
3405
|
}
|
|
3406
|
-
const
|
|
3406
|
+
const Nl = ({ current: e }) => e ? e.ownerDocument.defaultView : null, Ei = (e, t) => Math.abs(e - t);
|
|
3407
3407
|
function Zm(e, t) {
|
|
3408
|
-
const n =
|
|
3408
|
+
const n = Ei(e.x, t.x), r = Ei(e.y, t.y);
|
|
3409
3409
|
return Math.sqrt(n ** 2 + r ** 2);
|
|
3410
3410
|
}
|
|
3411
|
-
class
|
|
3411
|
+
class Vl {
|
|
3412
3412
|
constructor(t, n, { transformPagePoint: r, contextWindow: o = window, dragSnapToOrigin: s = !1, distanceThreshold: i = 3 } = {}) {
|
|
3413
3413
|
if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
|
|
3414
3414
|
if (!(this.lastMoveEvent && this.lastMoveEventInfo))
|
|
@@ -3447,28 +3447,28 @@ class Rl {
|
|
|
3447
3447
|
function Hr(e, t) {
|
|
3448
3448
|
return t ? { point: t(e.point) } : e;
|
|
3449
3449
|
}
|
|
3450
|
-
function
|
|
3450
|
+
function Ai(e, t) {
|
|
3451
3451
|
return { x: e.x - t.x, y: e.y - t.y };
|
|
3452
3452
|
}
|
|
3453
3453
|
function Ur({ point: e }, t) {
|
|
3454
3454
|
return {
|
|
3455
3455
|
point: e,
|
|
3456
|
-
delta:
|
|
3457
|
-
offset:
|
|
3456
|
+
delta: Ai(e, Rl(t)),
|
|
3457
|
+
offset: Ai(e, Wm(t)),
|
|
3458
3458
|
velocity: Gm(t, 0.1)
|
|
3459
3459
|
};
|
|
3460
3460
|
}
|
|
3461
3461
|
function Wm(e) {
|
|
3462
3462
|
return e[0];
|
|
3463
3463
|
}
|
|
3464
|
-
function
|
|
3464
|
+
function Rl(e) {
|
|
3465
3465
|
return e[e.length - 1];
|
|
3466
3466
|
}
|
|
3467
3467
|
function Gm(e, t) {
|
|
3468
3468
|
if (e.length < 2)
|
|
3469
3469
|
return { x: 0, y: 0 };
|
|
3470
3470
|
let n = e.length - 1, r = null;
|
|
3471
|
-
const o =
|
|
3471
|
+
const o = Rl(e);
|
|
3472
3472
|
for (; n >= 0 && (r = e[n], !(o.timestamp - r.timestamp > /* @__PURE__ */ Qe(t))); )
|
|
3473
3473
|
n--;
|
|
3474
3474
|
if (!r)
|
|
@@ -3510,7 +3510,7 @@ function qm(e, t) {
|
|
|
3510
3510
|
function Xm(e, t) {
|
|
3511
3511
|
let n = 0.5;
|
|
3512
3512
|
const r = _e(e), o = _e(t);
|
|
3513
|
-
return o > r ? n = /* @__PURE__ */
|
|
3513
|
+
return o > r ? n = /* @__PURE__ */ En(t.min, t.max - r, e.min) : r > o && (n = /* @__PURE__ */ En(e.min, e.max - o, t.min)), lt(0, 1, n);
|
|
3514
3514
|
}
|
|
3515
3515
|
function Jm(e, t) {
|
|
3516
3516
|
const n = {};
|
|
@@ -3578,7 +3578,7 @@ class tp {
|
|
|
3578
3578
|
var h;
|
|
3579
3579
|
return this.getAnimationState(f) === "paused" && ((h = this.getAxisMotionValue(f).animation) == null ? void 0 : h.play());
|
|
3580
3580
|
}), { dragSnapToOrigin: d } = this.getProps();
|
|
3581
|
-
this.panSession = new
|
|
3581
|
+
this.panSession = new Vl(t, {
|
|
3582
3582
|
onSessionStart: s,
|
|
3583
3583
|
onStart: i,
|
|
3584
3584
|
onMove: a,
|
|
@@ -3588,7 +3588,7 @@ class tp {
|
|
|
3588
3588
|
transformPagePoint: this.visualElement.getTransformPagePoint(),
|
|
3589
3589
|
dragSnapToOrigin: d,
|
|
3590
3590
|
distanceThreshold: r,
|
|
3591
|
-
contextWindow:
|
|
3591
|
+
contextWindow: Nl(this.visualElement)
|
|
3592
3592
|
});
|
|
3593
3593
|
}
|
|
3594
3594
|
/**
|
|
@@ -3641,7 +3641,7 @@ class tp {
|
|
|
3641
3641
|
let i = qm(o.layout.layoutBox, s);
|
|
3642
3642
|
if (n) {
|
|
3643
3643
|
const a = n(em(i));
|
|
3644
|
-
this.hasMutatedConstraints = !!a, a && (i =
|
|
3644
|
+
this.hasMutatedConstraints = !!a, a && (i = pl(a));
|
|
3645
3645
|
}
|
|
3646
3646
|
return i;
|
|
3647
3647
|
}
|
|
@@ -3795,9 +3795,9 @@ class op extends Ct {
|
|
|
3795
3795
|
super(...arguments), this.removePointerDownListener = Ye;
|
|
3796
3796
|
}
|
|
3797
3797
|
onPointerDown(t) {
|
|
3798
|
-
this.session = new
|
|
3798
|
+
this.session = new Vl(t, this.createPanHandlers(), {
|
|
3799
3799
|
transformPagePoint: this.node.getTransformPagePoint(),
|
|
3800
|
-
contextWindow:
|
|
3800
|
+
contextWindow: Nl(this.node)
|
|
3801
3801
|
});
|
|
3802
3802
|
}
|
|
3803
3803
|
createPanHandlers() {
|
|
@@ -3860,7 +3860,7 @@ const mn = {
|
|
|
3860
3860
|
}
|
|
3861
3861
|
};
|
|
3862
3862
|
let Zr = !1;
|
|
3863
|
-
class ip extends
|
|
3863
|
+
class ip extends Xd {
|
|
3864
3864
|
/**
|
|
3865
3865
|
* This only mounts projection nodes for components that
|
|
3866
3866
|
* need measuring, we might want to do it for all components
|
|
@@ -3900,9 +3900,9 @@ class ip extends Jd {
|
|
|
3900
3900
|
return null;
|
|
3901
3901
|
}
|
|
3902
3902
|
}
|
|
3903
|
-
function
|
|
3904
|
-
const [t, n] =
|
|
3905
|
-
return u(ip, { ...e, layoutGroup: r, switchLayoutGroup: De(
|
|
3903
|
+
function Il(e) {
|
|
3904
|
+
const [t, n] = tl(), r = De(Zo);
|
|
3905
|
+
return u(ip, { ...e, layoutGroup: r, switchLayoutGroup: De(hl), isPresent: t, safeToRemove: n });
|
|
3906
3906
|
}
|
|
3907
3907
|
const ap = {
|
|
3908
3908
|
borderRadius: {
|
|
@@ -3946,11 +3946,11 @@ function up(e, t) {
|
|
|
3946
3946
|
};
|
|
3947
3947
|
return we.setup(r, !0), () => vt(r);
|
|
3948
3948
|
}
|
|
3949
|
-
const
|
|
3949
|
+
const Dl = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"], fp = Dl.length, Di = (e) => typeof e == "string" ? parseFloat(e) : e, $i = (e) => typeof e == "number" || Q.test(e);
|
|
3950
3950
|
function hp(e, t, n, r, o, s) {
|
|
3951
3951
|
o ? (e.opacity = ke(0, n.opacity ?? 1, mp(r)), e.opacityExit = ke(t.opacity ?? 1, 0, pp(r))) : s && (e.opacity = ke(t.opacity ?? 1, n.opacity ?? 1, r));
|
|
3952
3952
|
for (let i = 0; i < fp; i++) {
|
|
3953
|
-
const a = `border${
|
|
3953
|
+
const a = `border${Dl[i]}Radius`;
|
|
3954
3954
|
let c = Fi(t, a), l = Fi(n, a);
|
|
3955
3955
|
if (c === void 0 && l === void 0)
|
|
3956
3956
|
continue;
|
|
@@ -3961,9 +3961,9 @@ function hp(e, t, n, r, o, s) {
|
|
|
3961
3961
|
function Fi(e, t) {
|
|
3962
3962
|
return e[t] !== void 0 ? e[t] : e.borderRadius;
|
|
3963
3963
|
}
|
|
3964
|
-
const mp = /* @__PURE__ */
|
|
3965
|
-
function
|
|
3966
|
-
return (r) => r < e ? 0 : r > t ? 1 : n(/* @__PURE__ */
|
|
3964
|
+
const mp = /* @__PURE__ */ $l(0, 0.5, wc), pp = /* @__PURE__ */ $l(0.5, 0.95, Ye);
|
|
3965
|
+
function $l(e, t, n) {
|
|
3966
|
+
return (r) => r < e ? 0 : r > t ? 1 : n(/* @__PURE__ */ En(e, t, r));
|
|
3967
3967
|
}
|
|
3968
3968
|
function Oi(e, t) {
|
|
3969
3969
|
e.min = t.min, e.max = t.max;
|
|
@@ -3993,7 +3993,7 @@ function ji(e, t, n, r) {
|
|
|
3993
3993
|
function zi(e) {
|
|
3994
3994
|
return e.translate === 0 && e.scale === 1;
|
|
3995
3995
|
}
|
|
3996
|
-
function
|
|
3996
|
+
function Fl(e) {
|
|
3997
3997
|
return zi(e.x) && zi(e.y);
|
|
3998
3998
|
}
|
|
3999
3999
|
function Hi(e, t) {
|
|
@@ -4005,7 +4005,7 @@ function vp(e, t) {
|
|
|
4005
4005
|
function Ui(e, t) {
|
|
4006
4006
|
return Math.round(e.min) === Math.round(t.min) && Math.round(e.max) === Math.round(t.max);
|
|
4007
4007
|
}
|
|
4008
|
-
function
|
|
4008
|
+
function Ol(e, t) {
|
|
4009
4009
|
return Ui(e.x, t.x) && Ui(e.y, t.y);
|
|
4010
4010
|
}
|
|
4011
4011
|
function Zi(e) {
|
|
@@ -4084,27 +4084,27 @@ function Gr(e, t, n, r) {
|
|
|
4084
4084
|
const { latestValues: o } = t;
|
|
4085
4085
|
o[e] && (n[e] = o[e], t.setStaticValue(e, 0), r && (r[e] = 0));
|
|
4086
4086
|
}
|
|
4087
|
-
function
|
|
4087
|
+
function Ll(e) {
|
|
4088
4088
|
if (e.hasCheckedOptimisedAppear = !0, e.root === e)
|
|
4089
4089
|
return;
|
|
4090
4090
|
const { visualElement: t } = e.options;
|
|
4091
4091
|
if (!t)
|
|
4092
4092
|
return;
|
|
4093
|
-
const n =
|
|
4093
|
+
const n = Cl(t);
|
|
4094
4094
|
if (window.MotionHasOptimisedAnimation(n, "transform")) {
|
|
4095
4095
|
const { layout: o, layoutId: s } = e.options;
|
|
4096
4096
|
window.MotionCancelOptimisedAnimation(n, "transform", we, !(o || s));
|
|
4097
4097
|
}
|
|
4098
4098
|
const { parent: r } = e;
|
|
4099
|
-
r && !r.hasCheckedOptimisedAppear &&
|
|
4099
|
+
r && !r.hasCheckedOptimisedAppear && Ll(r);
|
|
4100
4100
|
}
|
|
4101
|
-
function
|
|
4101
|
+
function _l({ attachResizeListener: e, defaultParent: t, measureScroll: n, checkIsScrollRoot: r, resetTransform: o }) {
|
|
4102
4102
|
return class {
|
|
4103
4103
|
constructor(i = {}, a = t == null ? void 0 : t()) {
|
|
4104
4104
|
this.id = Cp++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = { x: 1, y: 1 }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
|
|
4105
4105
|
this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
|
|
4106
4106
|
}, this.updateProjection = () => {
|
|
4107
|
-
this.projectionUpdateScheduled = !1, this.nodes.forEach(
|
|
4107
|
+
this.projectionUpdateScheduled = !1, this.nodes.forEach(Ep), this.nodes.forEach(Np), this.nodes.forEach(Vp), this.nodes.forEach(Ap);
|
|
4108
4108
|
}, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = i, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
|
|
4109
4109
|
for (let c = 0; c < this.path.length; c++)
|
|
4110
4110
|
this.path[c].shouldResetTransform = !0;
|
|
@@ -4126,7 +4126,7 @@ function Bl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
4126
4126
|
mount(i) {
|
|
4127
4127
|
if (this.instance)
|
|
4128
4128
|
return;
|
|
4129
|
-
this.isSVG =
|
|
4129
|
+
this.isSVG = el(i) && !ph(i), this.instance = i;
|
|
4130
4130
|
const { layoutId: a, layout: c, visualElement: l } = this.options;
|
|
4131
4131
|
if (l && !l.current && l.mount(i), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (c || a) && (this.isLayoutDirty = !0), e) {
|
|
4132
4132
|
let d, f = 0;
|
|
@@ -4143,7 +4143,7 @@ function Bl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
4143
4143
|
this.target = void 0, this.relativeTarget = void 0;
|
|
4144
4144
|
return;
|
|
4145
4145
|
}
|
|
4146
|
-
const b = this.options.transition || l.getDefaultTransition() || Fp, { onLayoutAnimationStart: m, onLayoutAnimationComplete: v } = l.getProps(), k = !this.targetLayout || !
|
|
4146
|
+
const b = this.options.transition || l.getDefaultTransition() || Fp, { onLayoutAnimationStart: m, onLayoutAnimationComplete: v } = l.getProps(), k = !this.targetLayout || !Ol(this.targetLayout, g), x = !f && h;
|
|
4147
4147
|
if (this.options.layoutRoot || this.resumeFrom || x || f && (k || !this.currentAnimation)) {
|
|
4148
4148
|
this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
|
|
4149
4149
|
const T = {
|
|
@@ -4188,7 +4188,7 @@ function Bl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
4188
4188
|
this.options.onExitComplete && this.options.onExitComplete();
|
|
4189
4189
|
return;
|
|
4190
4190
|
}
|
|
4191
|
-
if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear &&
|
|
4191
|
+
if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Ll(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty)
|
|
4192
4192
|
return;
|
|
4193
4193
|
this.isLayoutDirty = !0;
|
|
4194
4194
|
for (let d = 0; d < this.path.length; d++) {
|
|
@@ -4261,8 +4261,8 @@ function Bl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
4261
4261
|
resetTransform() {
|
|
4262
4262
|
if (!o)
|
|
4263
4263
|
return;
|
|
4264
|
-
const i = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !
|
|
4265
|
-
i && this.instance && (a ||
|
|
4264
|
+
const i = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !Fl(this.projectionDelta), c = this.getTransformTemplate(), l = c ? c(this.latestValues, "") : void 0, d = l !== this.prevTransformTemplateValue;
|
|
4265
|
+
i && this.instance && (a || At(this.latestValues) || d) && (o(this.instance, l), this.shouldResetTransform = !1, this.scheduleRender());
|
|
4266
4266
|
}
|
|
4267
4267
|
measure(i = !0) {
|
|
4268
4268
|
const a = this.measurePageBox();
|
|
@@ -4306,22 +4306,22 @@ function Bl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
4306
4306
|
!a && d.options.layoutScroll && d.scroll && d !== d.root && Kt(c, {
|
|
4307
4307
|
x: -d.scroll.offset.x,
|
|
4308
4308
|
y: -d.scroll.offset.y
|
|
4309
|
-
}),
|
|
4309
|
+
}), At(d.latestValues) && Kt(c, d.latestValues);
|
|
4310
4310
|
}
|
|
4311
|
-
return
|
|
4311
|
+
return At(this.latestValues) && Kt(c, this.latestValues), c;
|
|
4312
4312
|
}
|
|
4313
4313
|
removeTransform(i) {
|
|
4314
4314
|
const a = Ne();
|
|
4315
4315
|
Ze(a, i);
|
|
4316
4316
|
for (let c = 0; c < this.path.length; c++) {
|
|
4317
4317
|
const l = this.path[c];
|
|
4318
|
-
if (!l.instance || !
|
|
4318
|
+
if (!l.instance || !At(l.latestValues))
|
|
4319
4319
|
continue;
|
|
4320
4320
|
Mo(l.latestValues) && l.updateSnapshot();
|
|
4321
4321
|
const d = Ne(), f = l.measurePageBox();
|
|
4322
4322
|
Ze(d, f), ji(a, l.latestValues, l.snapshot ? l.snapshot.layoutBox : void 0, d);
|
|
4323
4323
|
}
|
|
4324
|
-
return
|
|
4324
|
+
return At(this.latestValues) && ji(a, this.latestValues), a;
|
|
4325
4325
|
}
|
|
4326
4326
|
setTargetDelta(i) {
|
|
4327
4327
|
this.targetDelta = i, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
|
|
@@ -4352,7 +4352,7 @@ function Bl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
4352
4352
|
const g = this.getClosestProjectingParent();
|
|
4353
4353
|
g && g.layout && this.animationProgress !== 1 ? (this.relativeParent = g, this.forceRelativeParentToResolveTarget(), this.relativeTarget = Ne(), this.relativeTargetOrigin = Ne(), Cn(this.relativeTargetOrigin, this.layout.layoutBox, g.layout.layoutBox), Ze(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
|
4354
4354
|
}
|
|
4355
|
-
if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = Ne(), this.targetWithTransforms = Ne()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Um(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Ze(this.target, this.layout.layoutBox),
|
|
4355
|
+
if (!(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = Ne(), this.targetWithTransforms = Ne()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Um(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Ze(this.target, this.layout.layoutBox), yl(this.target, this.targetDelta)) : Ze(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget)) {
|
|
4356
4356
|
this.attemptToResolveRelativeTarget = !1;
|
|
4357
4357
|
const g = this.getClosestProjectingParent();
|
|
4358
4358
|
g && !!g.resumingFrom == !!this.resumingFrom && !g.options.layoutScroll && g.target && this.animationProgress !== 1 ? (this.relativeParent = g, this.forceRelativeParentToResolveTarget(), this.relativeTarget = Ne(), this.relativeTargetOrigin = Ne(), Cn(this.relativeTargetOrigin, this.target, g.target), Ze(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
|
|
@@ -4360,7 +4360,7 @@ function Bl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
4360
4360
|
}
|
|
4361
4361
|
}
|
|
4362
4362
|
getClosestProjectingParent() {
|
|
4363
|
-
if (!(!this.parent || Mo(this.parent.latestValues) ||
|
|
4363
|
+
if (!(!this.parent || Mo(this.parent.latestValues) || gl(this.parent.latestValues)))
|
|
4364
4364
|
return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
|
|
4365
4365
|
}
|
|
4366
4366
|
isProjecting() {
|
|
@@ -4443,7 +4443,7 @@ function Bl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
4443
4443
|
const i = this.getLead();
|
|
4444
4444
|
let { targetWithTransforms: a, target: c, layout: l, latestValues: d } = i;
|
|
4445
4445
|
if (!(!a || !c || !l)) {
|
|
4446
|
-
if (this !== i && this.layout && l &&
|
|
4446
|
+
if (this !== i && this.layout && l && Bl(this.options.animationType, this.layout.layoutBox, l.layoutBox)) {
|
|
4447
4447
|
c = this.target || Ne();
|
|
4448
4448
|
const f = _e(this.layout.layoutBox.x);
|
|
4449
4449
|
c.x.min = i.target.x.min, c.x.max = c.x.min + f;
|
|
@@ -4519,7 +4519,7 @@ function Bl({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
|
|
|
4519
4519
|
}
|
|
4520
4520
|
const l = this.getLead();
|
|
4521
4521
|
if (!this.projectionDelta || !this.layout || !l.target) {
|
|
4522
|
-
this.options.layoutId && (i.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, i.pointerEvents = nr(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !
|
|
4522
|
+
this.options.layoutId && (i.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, i.pointerEvents = nr(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !At(this.latestValues) && (i.transform = c ? c({}, "") : "none", this.hasProjected = !1);
|
|
4523
4523
|
return;
|
|
4524
4524
|
}
|
|
4525
4525
|
i.visibility = "";
|
|
@@ -4565,7 +4565,7 @@ function Tp(e) {
|
|
|
4565
4565
|
s === "size" ? We((f) => {
|
|
4566
4566
|
const h = i ? t.measuredBox[f] : t.layoutBox[f], g = _e(h);
|
|
4567
4567
|
h.min = r[f].min, h.max = h.min + g;
|
|
4568
|
-
}) :
|
|
4568
|
+
}) : Bl(s, t.layoutBox, r) && We((f) => {
|
|
4569
4569
|
const h = i ? t.measuredBox[f] : t.layoutBox[f], g = _e(r[f]);
|
|
4570
4570
|
h.max = h.min + g, e.relativeTarget && !e.currentAnimation && (e.isProjectionDirty = !0, e.relativeTarget[f].max = e.relativeTarget[f].min + g);
|
|
4571
4571
|
});
|
|
@@ -4573,7 +4573,7 @@ function Tp(e) {
|
|
|
4573
4573
|
Sn(a, r, t.layoutBox);
|
|
4574
4574
|
const c = Yt();
|
|
4575
4575
|
i ? Sn(c, e.applyTransform(o, !0), t.measuredBox) : Sn(c, r, t.layoutBox);
|
|
4576
|
-
const l = !
|
|
4576
|
+
const l = !Fl(a);
|
|
4577
4577
|
let d = !1;
|
|
4578
4578
|
if (!e.resumeFrom) {
|
|
4579
4579
|
const f = e.getClosestProjectingParent();
|
|
@@ -4583,7 +4583,7 @@ function Tp(e) {
|
|
|
4583
4583
|
const b = Ne();
|
|
4584
4584
|
Cn(b, t.layoutBox, h.layoutBox);
|
|
4585
4585
|
const m = Ne();
|
|
4586
|
-
Cn(m, r, g.layoutBox),
|
|
4586
|
+
Cn(m, r, g.layoutBox), Ol(b, m) || (d = !0), f.options.layoutRoot && (e.relativeTarget = m, e.relativeTargetOrigin = b, e.relativeParent = f);
|
|
4587
4587
|
}
|
|
4588
4588
|
}
|
|
4589
4589
|
}
|
|
@@ -4601,10 +4601,10 @@ function Tp(e) {
|
|
|
4601
4601
|
}
|
|
4602
4602
|
e.options.transition = void 0;
|
|
4603
4603
|
}
|
|
4604
|
-
function
|
|
4604
|
+
function Ep(e) {
|
|
4605
4605
|
e.parent && (e.isProjecting() || (e.isProjectionDirty = e.parent.isProjectionDirty), e.isSharedProjectionDirty || (e.isSharedProjectionDirty = !!(e.isProjectionDirty || e.parent.isProjectionDirty || e.parent.isSharedProjectionDirty)), e.isTransformDirty || (e.isTransformDirty = e.parent.isTransformDirty));
|
|
4606
4606
|
}
|
|
4607
|
-
function
|
|
4607
|
+
function Ap(e) {
|
|
4608
4608
|
e.isProjectionDirty = e.isSharedProjectionDirty = e.isTransformDirty = !1;
|
|
4609
4609
|
}
|
|
4610
4610
|
function Pp(e) {
|
|
@@ -4657,14 +4657,14 @@ function ea(e) {
|
|
|
4657
4657
|
function Op(e) {
|
|
4658
4658
|
ea(e.x), ea(e.y);
|
|
4659
4659
|
}
|
|
4660
|
-
function
|
|
4660
|
+
function Bl(e, t, n) {
|
|
4661
4661
|
return e === "position" || e === "preserve-aspect" && !Hm(Zi(t), Zi(n), 0.2);
|
|
4662
4662
|
}
|
|
4663
4663
|
function Lp(e) {
|
|
4664
4664
|
var t;
|
|
4665
4665
|
return e !== e.root && ((t = e.scroll) == null ? void 0 : t.wasRoot);
|
|
4666
4666
|
}
|
|
4667
|
-
const _p =
|
|
4667
|
+
const _p = _l({
|
|
4668
4668
|
attachResizeListener: (e, t) => Vn(e, "resize", t),
|
|
4669
4669
|
measureScroll: () => ({
|
|
4670
4670
|
x: document.documentElement.scrollLeft || document.body.scrollLeft,
|
|
@@ -4673,7 +4673,7 @@ const _p = Bl({
|
|
|
4673
4673
|
checkIsScrollRoot: () => !0
|
|
4674
4674
|
}), Kr = {
|
|
4675
4675
|
current: void 0
|
|
4676
|
-
},
|
|
4676
|
+
}, jl = _l({
|
|
4677
4677
|
measureScroll: (e) => ({
|
|
4678
4678
|
x: e.scrollLeft,
|
|
4679
4679
|
y: e.scrollTop
|
|
@@ -4695,8 +4695,8 @@ const _p = Bl({
|
|
|
4695
4695
|
},
|
|
4696
4696
|
drag: {
|
|
4697
4697
|
Feature: rp,
|
|
4698
|
-
ProjectionNode:
|
|
4699
|
-
MeasureLayout:
|
|
4698
|
+
ProjectionNode: jl,
|
|
4699
|
+
MeasureLayout: Il
|
|
4700
4700
|
}
|
|
4701
4701
|
};
|
|
4702
4702
|
function ta(e, t, n) {
|
|
@@ -4823,8 +4823,8 @@ const Xp = {
|
|
|
4823
4823
|
}
|
|
4824
4824
|
}, Jp = {
|
|
4825
4825
|
layout: {
|
|
4826
|
-
ProjectionNode:
|
|
4827
|
-
MeasureLayout:
|
|
4826
|
+
ProjectionNode: jl,
|
|
4827
|
+
MeasureLayout: Il
|
|
4828
4828
|
}
|
|
4829
4829
|
}, Qp = {
|
|
4830
4830
|
...Om,
|
|
@@ -4839,18 +4839,18 @@ const Xp = {
|
|
|
4839
4839
|
return {
|
|
4840
4840
|
getClassGroupId: (i) => {
|
|
4841
4841
|
const a = i.split(Ts);
|
|
4842
|
-
return a[0] === "" && a.length !== 1 && a.shift(),
|
|
4842
|
+
return a[0] === "" && a.length !== 1 && a.shift(), zl(a, t) || tg(i);
|
|
4843
4843
|
},
|
|
4844
4844
|
getConflictingClassGroupIds: (i, a) => {
|
|
4845
4845
|
const c = n[i] || [];
|
|
4846
4846
|
return a && r[i] ? [...c, ...r[i]] : c;
|
|
4847
4847
|
}
|
|
4848
4848
|
};
|
|
4849
|
-
},
|
|
4849
|
+
}, zl = (e, t) => {
|
|
4850
4850
|
var i;
|
|
4851
4851
|
if (e.length === 0)
|
|
4852
4852
|
return t.classGroupId;
|
|
4853
|
-
const n = e[0], r = t.nextPart.get(n), o = r ?
|
|
4853
|
+
const n = e[0], r = t.nextPart.get(n), o = r ? zl(e.slice(1), r) : void 0;
|
|
4854
4854
|
if (o)
|
|
4855
4855
|
return o;
|
|
4856
4856
|
if (t.validators.length === 0)
|
|
@@ -5031,8 +5031,8 @@ const Xp = {
|
|
|
5031
5031
|
continue;
|
|
5032
5032
|
i.push(w);
|
|
5033
5033
|
const S = o(k, v);
|
|
5034
|
-
for (let
|
|
5035
|
-
const M = S[
|
|
5034
|
+
for (let A = 0; A < S.length; ++A) {
|
|
5035
|
+
const M = S[A];
|
|
5036
5036
|
i.push(T + M);
|
|
5037
5037
|
}
|
|
5038
5038
|
c = d + (c.length > 0 ? " " + c : c);
|
|
@@ -5042,15 +5042,15 @@ const Xp = {
|
|
|
5042
5042
|
function fg() {
|
|
5043
5043
|
let e = 0, t, n, r = "";
|
|
5044
5044
|
for (; e < arguments.length; )
|
|
5045
|
-
(t = arguments[e++]) && (n =
|
|
5045
|
+
(t = arguments[e++]) && (n = Hl(t)) && (r && (r += " "), r += n);
|
|
5046
5046
|
return r;
|
|
5047
5047
|
}
|
|
5048
|
-
const
|
|
5048
|
+
const Hl = (e) => {
|
|
5049
5049
|
if (typeof e == "string")
|
|
5050
5050
|
return e;
|
|
5051
5051
|
let t, n = "";
|
|
5052
5052
|
for (let r = 0; r < e.length; r++)
|
|
5053
|
-
e[r] && (t =
|
|
5053
|
+
e[r] && (t = Hl(e[r])) && (n && (n += " "), n += t);
|
|
5054
5054
|
return n;
|
|
5055
5055
|
};
|
|
5056
5056
|
function hg(e, ...t) {
|
|
@@ -5073,18 +5073,18 @@ function hg(e, ...t) {
|
|
|
5073
5073
|
const Ie = (e) => {
|
|
5074
5074
|
const t = (n) => n[e] || [];
|
|
5075
5075
|
return t.isThemeGetter = !0, t;
|
|
5076
|
-
},
|
|
5076
|
+
}, Ul = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Zl = /^\((?:(\w[\w-]*):)?(.+)\)$/i, mg = /^\d+\/\d+$/, pg = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, gg = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, yg = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, bg = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, vg = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, $t = (e) => mg.test(e), oe = (e) => !!e && !Number.isNaN(Number(e)), pt = (e) => !!e && Number.isInteger(Number(e)), qr = (e) => e.endsWith("%") && oe(e.slice(0, -1)), st = (e) => pg.test(e), xg = () => !0, wg = (e) => (
|
|
5077
5077
|
// `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
|
|
5078
5078
|
// For example, `hsl(0 0% 0%)` would be classified as a length without this check.
|
|
5079
5079
|
// I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
|
|
5080
5080
|
gg.test(e) && !yg.test(e)
|
|
5081
|
-
),
|
|
5082
|
-
const r =
|
|
5081
|
+
), Wl = () => !1, Sg = (e) => bg.test(e), Cg = (e) => vg.test(e), kg = (e) => !Z(e) && !W(e), Tg = (e) => cn(e, Yl, Wl), Z = (e) => Ul.test(e), Et = (e) => cn(e, ql, wg), Xr = (e) => cn(e, Ng, oe), sa = (e) => cn(e, Gl, Wl), Eg = (e) => cn(e, Kl, Cg), Wn = (e) => cn(e, Xl, Sg), W = (e) => Zl.test(e), pn = (e) => ln(e, ql), Ag = (e) => ln(e, Vg), ia = (e) => ln(e, Gl), Pg = (e) => ln(e, Yl), Mg = (e) => ln(e, Kl), Gn = (e) => ln(e, Xl, !0), cn = (e, t, n) => {
|
|
5082
|
+
const r = Ul.exec(e);
|
|
5083
5083
|
return r ? r[1] ? t(r[1]) : n(r[2]) : !1;
|
|
5084
5084
|
}, ln = (e, t, n = !1) => {
|
|
5085
|
-
const r =
|
|
5085
|
+
const r = Zl.exec(e);
|
|
5086
5086
|
return r ? r[1] ? t(r[1]) : n : !1;
|
|
5087
|
-
},
|
|
5087
|
+
}, Gl = (e) => e === "position" || e === "percentage", Kl = (e) => e === "image" || e === "url", Yl = (e) => e === "length" || e === "size" || e === "bg-size", ql = (e) => e === "length", Ng = (e) => e === "number", Vg = (e) => e === "family-name", Xl = (e) => e === "shadow", Rg = () => {
|
|
5088
5088
|
const e = Ie("color"), t = Ie("font"), n = Ie("text"), r = Ie("font-weight"), o = Ie("tracking"), s = Ie("leading"), i = Ie("breakpoint"), a = Ie("container"), c = Ie("spacing"), l = Ie("radius"), d = Ie("shadow"), f = Ie("inset-shadow"), h = Ie("text-shadow"), g = Ie("drop-shadow"), b = Ie("blur"), m = Ie("perspective"), v = Ie("aspect"), k = Ie("ease"), x = Ie("animate"), T = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], w = () => [
|
|
5089
5089
|
"center",
|
|
5090
5090
|
"top",
|
|
@@ -5103,7 +5103,7 @@ const Ie = (e) => {
|
|
|
5103
5103
|
"bottom-left",
|
|
5104
5104
|
// Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
|
|
5105
5105
|
"left-bottom"
|
|
5106
|
-
], S = () => [...w(), W, Z],
|
|
5106
|
+
], S = () => [...w(), W, Z], A = () => ["auto", "hidden", "clip", "visible", "scroll"], M = () => ["auto", "contain", "none"], P = () => [W, Z, c], z = () => [$t, "full", "auto", ...P()], y = () => [pt, "none", "subgrid", W, Z], $ = () => ["auto", {
|
|
5107
5107
|
span: ["full", pt, W, Z]
|
|
5108
5108
|
}, pt, W, Z], B = () => [pt, "auto", W, Z], J = () => ["auto", "min", "max", "fr", W, Z], te = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], ee = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], re = () => ["auto", ...P()], K = () => [$t, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...P()], I = () => [e, W, Z], q = () => [...w(), ia, sa, {
|
|
5109
5109
|
position: [W, Z]
|
|
@@ -5111,7 +5111,7 @@ const Ie = (e) => {
|
|
|
5111
5111
|
repeat: ["", "x", "y", "space", "round"]
|
|
5112
5112
|
}], U = () => ["auto", "cover", "contain", Pg, Tg, {
|
|
5113
5113
|
size: [W, Z]
|
|
5114
|
-
}], Y = () => [qr, pn,
|
|
5114
|
+
}], Y = () => [qr, pn, Et], V = () => [
|
|
5115
5115
|
// Deprecated since Tailwind CSS v4.0.0
|
|
5116
5116
|
"",
|
|
5117
5117
|
"none",
|
|
@@ -5119,7 +5119,7 @@ const Ie = (e) => {
|
|
|
5119
5119
|
l,
|
|
5120
5120
|
W,
|
|
5121
5121
|
Z
|
|
5122
|
-
],
|
|
5122
|
+
], E = () => ["", oe, pn, Et], L = () => ["solid", "dashed", "dotted", "double"], O = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], F = () => [oe, qr, ia, sa], D = () => [
|
|
5123
5123
|
// Deprecated since Tailwind CSS v4.0.0
|
|
5124
5124
|
"",
|
|
5125
5125
|
"none",
|
|
@@ -5257,21 +5257,21 @@ const Ie = (e) => {
|
|
|
5257
5257
|
* @see https://tailwindcss.com/docs/overflow
|
|
5258
5258
|
*/
|
|
5259
5259
|
overflow: [{
|
|
5260
|
-
overflow:
|
|
5260
|
+
overflow: A()
|
|
5261
5261
|
}],
|
|
5262
5262
|
/**
|
|
5263
5263
|
* Overflow X
|
|
5264
5264
|
* @see https://tailwindcss.com/docs/overflow
|
|
5265
5265
|
*/
|
|
5266
5266
|
"overflow-x": [{
|
|
5267
|
-
"overflow-x":
|
|
5267
|
+
"overflow-x": A()
|
|
5268
5268
|
}],
|
|
5269
5269
|
/**
|
|
5270
5270
|
* Overflow Y
|
|
5271
5271
|
* @see https://tailwindcss.com/docs/overflow
|
|
5272
5272
|
*/
|
|
5273
5273
|
"overflow-y": [{
|
|
5274
|
-
"overflow-y":
|
|
5274
|
+
"overflow-y": A()
|
|
5275
5275
|
}],
|
|
5276
5276
|
/**
|
|
5277
5277
|
* Overscroll Behavior
|
|
@@ -5819,7 +5819,7 @@ const Ie = (e) => {
|
|
|
5819
5819
|
* @see https://tailwindcss.com/docs/font-size
|
|
5820
5820
|
*/
|
|
5821
5821
|
"font-size": [{
|
|
5822
|
-
text: ["base", n, pn,
|
|
5822
|
+
text: ["base", n, pn, Et]
|
|
5823
5823
|
}],
|
|
5824
5824
|
/**
|
|
5825
5825
|
* Font Smoothing
|
|
@@ -5850,7 +5850,7 @@ const Ie = (e) => {
|
|
|
5850
5850
|
* @see https://tailwindcss.com/docs/font-family
|
|
5851
5851
|
*/
|
|
5852
5852
|
"font-family": [{
|
|
5853
|
-
font: [
|
|
5853
|
+
font: [Ag, Z, t]
|
|
5854
5854
|
}],
|
|
5855
5855
|
/**
|
|
5856
5856
|
* Font Variant Numeric
|
|
@@ -5967,7 +5967,7 @@ const Ie = (e) => {
|
|
|
5967
5967
|
* @see https://tailwindcss.com/docs/text-decoration-thickness
|
|
5968
5968
|
*/
|
|
5969
5969
|
"text-decoration-thickness": [{
|
|
5970
|
-
decoration: [oe, "from-font", "auto", W,
|
|
5970
|
+
decoration: [oe, "from-font", "auto", W, Et]
|
|
5971
5971
|
}],
|
|
5972
5972
|
/**
|
|
5973
5973
|
* Text Decoration Color
|
|
@@ -6105,7 +6105,7 @@ const Ie = (e) => {
|
|
|
6105
6105
|
}, pt, W, Z],
|
|
6106
6106
|
radial: ["", W, Z],
|
|
6107
6107
|
conic: [pt, W, Z]
|
|
6108
|
-
}, Mg,
|
|
6108
|
+
}, Mg, Eg]
|
|
6109
6109
|
}],
|
|
6110
6110
|
/**
|
|
6111
6111
|
* Background Color
|
|
@@ -6269,70 +6269,70 @@ const Ie = (e) => {
|
|
|
6269
6269
|
* @see https://tailwindcss.com/docs/border-width
|
|
6270
6270
|
*/
|
|
6271
6271
|
"border-w": [{
|
|
6272
|
-
border:
|
|
6272
|
+
border: E()
|
|
6273
6273
|
}],
|
|
6274
6274
|
/**
|
|
6275
6275
|
* Border Width X
|
|
6276
6276
|
* @see https://tailwindcss.com/docs/border-width
|
|
6277
6277
|
*/
|
|
6278
6278
|
"border-w-x": [{
|
|
6279
|
-
"border-x":
|
|
6279
|
+
"border-x": E()
|
|
6280
6280
|
}],
|
|
6281
6281
|
/**
|
|
6282
6282
|
* Border Width Y
|
|
6283
6283
|
* @see https://tailwindcss.com/docs/border-width
|
|
6284
6284
|
*/
|
|
6285
6285
|
"border-w-y": [{
|
|
6286
|
-
"border-y":
|
|
6286
|
+
"border-y": E()
|
|
6287
6287
|
}],
|
|
6288
6288
|
/**
|
|
6289
6289
|
* Border Width Start
|
|
6290
6290
|
* @see https://tailwindcss.com/docs/border-width
|
|
6291
6291
|
*/
|
|
6292
6292
|
"border-w-s": [{
|
|
6293
|
-
"border-s":
|
|
6293
|
+
"border-s": E()
|
|
6294
6294
|
}],
|
|
6295
6295
|
/**
|
|
6296
6296
|
* Border Width End
|
|
6297
6297
|
* @see https://tailwindcss.com/docs/border-width
|
|
6298
6298
|
*/
|
|
6299
6299
|
"border-w-e": [{
|
|
6300
|
-
"border-e":
|
|
6300
|
+
"border-e": E()
|
|
6301
6301
|
}],
|
|
6302
6302
|
/**
|
|
6303
6303
|
* Border Width Top
|
|
6304
6304
|
* @see https://tailwindcss.com/docs/border-width
|
|
6305
6305
|
*/
|
|
6306
6306
|
"border-w-t": [{
|
|
6307
|
-
"border-t":
|
|
6307
|
+
"border-t": E()
|
|
6308
6308
|
}],
|
|
6309
6309
|
/**
|
|
6310
6310
|
* Border Width Right
|
|
6311
6311
|
* @see https://tailwindcss.com/docs/border-width
|
|
6312
6312
|
*/
|
|
6313
6313
|
"border-w-r": [{
|
|
6314
|
-
"border-r":
|
|
6314
|
+
"border-r": E()
|
|
6315
6315
|
}],
|
|
6316
6316
|
/**
|
|
6317
6317
|
* Border Width Bottom
|
|
6318
6318
|
* @see https://tailwindcss.com/docs/border-width
|
|
6319
6319
|
*/
|
|
6320
6320
|
"border-w-b": [{
|
|
6321
|
-
"border-b":
|
|
6321
|
+
"border-b": E()
|
|
6322
6322
|
}],
|
|
6323
6323
|
/**
|
|
6324
6324
|
* Border Width Left
|
|
6325
6325
|
* @see https://tailwindcss.com/docs/border-width
|
|
6326
6326
|
*/
|
|
6327
6327
|
"border-w-l": [{
|
|
6328
|
-
"border-l":
|
|
6328
|
+
"border-l": E()
|
|
6329
6329
|
}],
|
|
6330
6330
|
/**
|
|
6331
6331
|
* Divide Width X
|
|
6332
6332
|
* @see https://tailwindcss.com/docs/border-width#between-children
|
|
6333
6333
|
*/
|
|
6334
6334
|
"divide-x": [{
|
|
6335
|
-
"divide-x":
|
|
6335
|
+
"divide-x": E()
|
|
6336
6336
|
}],
|
|
6337
6337
|
/**
|
|
6338
6338
|
* Divide Width X Reverse
|
|
@@ -6344,7 +6344,7 @@ const Ie = (e) => {
|
|
|
6344
6344
|
* @see https://tailwindcss.com/docs/border-width#between-children
|
|
6345
6345
|
*/
|
|
6346
6346
|
"divide-y": [{
|
|
6347
|
-
"divide-y":
|
|
6347
|
+
"divide-y": E()
|
|
6348
6348
|
}],
|
|
6349
6349
|
/**
|
|
6350
6350
|
* Divide Width Y Reverse
|
|
@@ -6454,7 +6454,7 @@ const Ie = (e) => {
|
|
|
6454
6454
|
* @see https://tailwindcss.com/docs/outline-width
|
|
6455
6455
|
*/
|
|
6456
6456
|
"outline-w": [{
|
|
6457
|
-
outline: ["", oe, pn,
|
|
6457
|
+
outline: ["", oe, pn, Et]
|
|
6458
6458
|
}],
|
|
6459
6459
|
/**
|
|
6460
6460
|
* Outline Color
|
|
@@ -6506,7 +6506,7 @@ const Ie = (e) => {
|
|
|
6506
6506
|
* @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
|
|
6507
6507
|
*/
|
|
6508
6508
|
"ring-w": [{
|
|
6509
|
-
ring:
|
|
6509
|
+
ring: E()
|
|
6510
6510
|
}],
|
|
6511
6511
|
/**
|
|
6512
6512
|
* Ring Width Inset
|
|
@@ -6529,7 +6529,7 @@ const Ie = (e) => {
|
|
|
6529
6529
|
* @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
|
|
6530
6530
|
*/
|
|
6531
6531
|
"ring-offset-w": [{
|
|
6532
|
-
"ring-offset": [oe,
|
|
6532
|
+
"ring-offset": [oe, Et]
|
|
6533
6533
|
}],
|
|
6534
6534
|
/**
|
|
6535
6535
|
* Ring Offset Color
|
|
@@ -6545,7 +6545,7 @@ const Ie = (e) => {
|
|
|
6545
6545
|
* @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
|
|
6546
6546
|
*/
|
|
6547
6547
|
"inset-ring-w": [{
|
|
6548
|
-
"inset-ring":
|
|
6548
|
+
"inset-ring": E()
|
|
6549
6549
|
}],
|
|
6550
6550
|
/**
|
|
6551
6551
|
* Inset Ring Color
|
|
@@ -7479,7 +7479,7 @@ const Ie = (e) => {
|
|
|
7479
7479
|
* @see https://tailwindcss.com/docs/stroke-width
|
|
7480
7480
|
*/
|
|
7481
7481
|
"stroke-w": [{
|
|
7482
|
-
stroke: [oe, pn,
|
|
7482
|
+
stroke: [oe, pn, Et, Xr]
|
|
7483
7483
|
}],
|
|
7484
7484
|
/**
|
|
7485
7485
|
* Stroke
|
|
@@ -7556,7 +7556,7 @@ const Ie = (e) => {
|
|
|
7556
7556
|
};
|
|
7557
7557
|
}, Ig = /* @__PURE__ */ hg(Rg);
|
|
7558
7558
|
function G(...e) {
|
|
7559
|
-
return Ig(
|
|
7559
|
+
return Ig(ru(e));
|
|
7560
7560
|
}
|
|
7561
7561
|
function Dg(e, t) {
|
|
7562
7562
|
return {
|
|
@@ -7641,7 +7641,7 @@ function _g(e) {
|
|
|
7641
7641
|
className: "bg-gradient-to-br from-[#181825] to-[#232336] border border-[#232336] shadow-lg shadow-black/40 rounded-xl px-4 py-3 flex items-start gap-3 hover:shadow-xl transition-all duration-200",
|
|
7642
7642
|
style: { color: "#F3F4F6" },
|
|
7643
7643
|
children: [
|
|
7644
|
-
/* @__PURE__ */ u(
|
|
7644
|
+
/* @__PURE__ */ u(nu, { weight: "bold", className: "text-yellow-400 mt-1 flex-shrink-0", size: 24 }),
|
|
7645
7645
|
/* @__PURE__ */ C("div", { className: "flex flex-col", children: [
|
|
7646
7646
|
/* @__PURE__ */ u(Og, { className: "text-base font-semibold text-white mb-1", children: t }),
|
|
7647
7647
|
/* @__PURE__ */ u(Lg, { className: "text-sm text-gray-300 leading-snug", children: r })
|
|
@@ -7704,8 +7704,8 @@ const Bg = /* @__PURE__ */ new Map([
|
|
|
7704
7704
|
"thin",
|
|
7705
7705
|
/* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z" }))
|
|
7706
7706
|
]
|
|
7707
|
-
]),
|
|
7708
|
-
|
|
7707
|
+
]), Es = p.forwardRef((e, t) => /* @__PURE__ */ p.createElement(et, { ref: t, ...e, weights: Bg }));
|
|
7708
|
+
Es.displayName = "CaretDownIcon";
|
|
7709
7709
|
const jg = /* @__PURE__ */ new Map([
|
|
7710
7710
|
[
|
|
7711
7711
|
"bold",
|
|
@@ -7731,8 +7731,8 @@ const jg = /* @__PURE__ */ new Map([
|
|
|
7731
7731
|
"thin",
|
|
7732
7732
|
/* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M210.83,162.83a4,4,0,0,1-5.66,0L128,85.66,50.83,162.83a4,4,0,0,1-5.66-5.66l80-80a4,4,0,0,1,5.66,0l80,80A4,4,0,0,1,210.83,162.83Z" }))
|
|
7733
7733
|
]
|
|
7734
|
-
]),
|
|
7735
|
-
|
|
7734
|
+
]), Jl = p.forwardRef((e, t) => /* @__PURE__ */ p.createElement(et, { ref: t, ...e, weights: jg }));
|
|
7735
|
+
Jl.displayName = "CaretUpIcon";
|
|
7736
7736
|
const zg = /* @__PURE__ */ new Map([
|
|
7737
7737
|
[
|
|
7738
7738
|
"bold",
|
|
@@ -7764,8 +7764,8 @@ const zg = /* @__PURE__ */ new Map([
|
|
|
7764
7764
|
"thin",
|
|
7765
7765
|
/* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M216,52H40A12,12,0,0,0,28,64V224a11.89,11.89,0,0,0,6.93,10.88A12.17,12.17,0,0,0,40,236a11.89,11.89,0,0,0,7.69-2.83l0,0L81.49,204H216a12,12,0,0,0,12-12V64A12,12,0,0,0,216,52Zm4,140a4,4,0,0,1-4,4H80a4,4,0,0,0-2.62,1L42.56,227.06A4,4,0,0,1,36,224V64a4,4,0,0,1,4-4H216a4,4,0,0,1,4,4Zm-56-80a4,4,0,0,1-4,4H96a4,4,0,0,1,0-8h64A4,4,0,0,1,164,112Zm0,32a4,4,0,0,1-4,4H96a4,4,0,0,1,0-8h64A4,4,0,0,1,164,144Z" }))
|
|
7766
7766
|
]
|
|
7767
|
-
]),
|
|
7768
|
-
|
|
7767
|
+
]), Ql = p.forwardRef((e, t) => /* @__PURE__ */ p.createElement(et, { ref: t, ...e, weights: zg }));
|
|
7768
|
+
Ql.displayName = "ChatTextIcon";
|
|
7769
7769
|
const Hg = /* @__PURE__ */ new Map([
|
|
7770
7770
|
[
|
|
7771
7771
|
"bold",
|
|
@@ -7797,8 +7797,8 @@ const Hg = /* @__PURE__ */ new Map([
|
|
|
7797
7797
|
"thin",
|
|
7798
7798
|
/* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M226.83,74.83l-128,128a4,4,0,0,1-5.66,0l-56-56a4,4,0,0,1,5.66-5.66L96,194.34,221.17,69.17a4,4,0,1,1,5.66,5.66Z" }))
|
|
7799
7799
|
]
|
|
7800
|
-
]),
|
|
7801
|
-
|
|
7800
|
+
]), ed = p.forwardRef((e, t) => /* @__PURE__ */ p.createElement(et, { ref: t, ...e, weights: Hg }));
|
|
7801
|
+
ed.displayName = "CheckIcon";
|
|
7802
7802
|
const Ug = /* @__PURE__ */ new Map([
|
|
7803
7803
|
[
|
|
7804
7804
|
"bold",
|
|
@@ -7830,8 +7830,8 @@ const Ug = /* @__PURE__ */ new Map([
|
|
|
7830
7830
|
"thin",
|
|
7831
7831
|
/* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M128,172a44.05,44.05,0,0,0,44-44V64a44,44,0,0,0-88,0v64A44.05,44.05,0,0,0,128,172ZM92,64a36,36,0,0,1,72,0v64a36,36,0,0,1-72,0Zm40,139.89V240a4,4,0,0,1-8,0V203.89A76.09,76.09,0,0,1,52,128a4,4,0,0,1,8,0,68,68,0,0,0,136,0,4,4,0,0,1,8,0A76.09,76.09,0,0,1,132,203.89Z" }))
|
|
7832
7832
|
]
|
|
7833
|
-
]),
|
|
7834
|
-
|
|
7833
|
+
]), td = p.forwardRef((e, t) => /* @__PURE__ */ p.createElement(et, { ref: t, ...e, weights: Ug }));
|
|
7834
|
+
td.displayName = "MicrophoneIcon";
|
|
7835
7835
|
const Zg = /* @__PURE__ */ new Map([
|
|
7836
7836
|
[
|
|
7837
7837
|
"bold",
|
|
@@ -7863,8 +7863,8 @@ const Zg = /* @__PURE__ */ new Map([
|
|
|
7863
7863
|
"thin",
|
|
7864
7864
|
/* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M211,221.31,51,45.31A4,4,0,0,0,45,50.69L84,93.55V128a44,44,0,0,0,66,38.12l16.38,18A67.21,67.21,0,0,1,128,196a68.07,68.07,0,0,1-68-68,4,4,0,0,0-8,0,76.09,76.09,0,0,0,72,75.89V240a4,4,0,0,0,8,0V203.89a75.1,75.1,0,0,0,39.79-13.77L205,226.69a4,4,0,1,0,5.92-5.38ZM128,164a36,36,0,0,1-36-36V102.35L144.43,160A35.83,35.83,0,0,1,128,164Zm61.12-6.15A67.44,67.44,0,0,0,196,128a4,4,0,0,1,8,0,75.28,75.28,0,0,1-7.7,33.37,4,4,0,0,1-7.18-3.52ZM87.63,46.46A44,44,0,0,1,172,64v64a44.2,44.2,0,0,1-.24,4.61,4,4,0,0,1-4,3.58l-.42,0a4,4,0,0,1-3.57-4.39A36.67,36.67,0,0,0,164,128V64A36,36,0,0,0,95,49.66a4,4,0,0,1-7.34-3.2Z" }))
|
|
7865
7865
|
]
|
|
7866
|
-
]),
|
|
7867
|
-
|
|
7866
|
+
]), nd = p.forwardRef((e, t) => /* @__PURE__ */ p.createElement(et, { ref: t, ...e, weights: Zg }));
|
|
7867
|
+
nd.displayName = "MicrophoneSlashIcon";
|
|
7868
7868
|
const Wg = /* @__PURE__ */ new Map([
|
|
7869
7869
|
[
|
|
7870
7870
|
"bold",
|
|
@@ -7896,8 +7896,8 @@ const Wg = /* @__PURE__ */ new Map([
|
|
|
7896
7896
|
"thin",
|
|
7897
7897
|
/* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M208,44H48A20,20,0,0,0,28,64V176a20,20,0,0,0,20,20H208a20,20,0,0,0,20-20V64A20,20,0,0,0,208,44Zm12,132a12,12,0,0,1-12,12H48a12,12,0,0,1-12-12V64A12,12,0,0,1,48,52H208a12,12,0,0,1,12,12Zm-56,48a4,4,0,0,1-4,4H96a4,4,0,0,1,0-8h64A4,4,0,0,1,164,224Zm-9.17-114.83a4,4,0,0,1-5.66,5.66L132,97.66V152a4,4,0,0,1-8,0V97.66l-17.17,17.17a4,4,0,0,1-5.66-5.66l24-24a4,4,0,0,1,5.66,0Z" }))
|
|
7898
7898
|
]
|
|
7899
|
-
]),
|
|
7900
|
-
|
|
7899
|
+
]), rd = p.forwardRef((e, t) => /* @__PURE__ */ p.createElement(et, { ref: t, ...e, weights: Wg }));
|
|
7900
|
+
rd.displayName = "MonitorArrowUpIcon";
|
|
7901
7901
|
const Gg = /* @__PURE__ */ new Map([
|
|
7902
7902
|
[
|
|
7903
7903
|
"bold",
|
|
@@ -7923,8 +7923,8 @@ const Gg = /* @__PURE__ */ new Map([
|
|
|
7923
7923
|
"thin",
|
|
7924
7924
|
/* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M132,32V64a4,4,0,0,1-8,0V32a4,4,0,0,1,8,0Zm41.25,54.75a4,4,0,0,0,2.83-1.18L198.71,63a4,4,0,0,0-5.66-5.66L170.43,79.92a4,4,0,0,0,2.82,6.83ZM224,124H192a4,4,0,0,0,0,8h32a4,4,0,0,0,0-8Zm-47.92,46.43a4,4,0,1,0-5.65,5.65l22.62,22.63a4,4,0,0,0,5.66-5.66ZM128,188a4,4,0,0,0-4,4v32a4,4,0,0,0,8,0V192A4,4,0,0,0,128,188ZM79.92,170.43,57.29,193.05A4,4,0,0,0,63,198.71l22.62-22.63a4,4,0,1,0-5.65-5.65ZM68,128a4,4,0,0,0-4-4H32a4,4,0,0,0,0,8H64A4,4,0,0,0,68,128ZM63,57.29A4,4,0,0,0,57.29,63L79.92,85.57a4,4,0,1,0,5.65-5.65Z" }))
|
|
7925
7925
|
]
|
|
7926
|
-
]),
|
|
7927
|
-
|
|
7926
|
+
]), As = p.forwardRef((e, t) => /* @__PURE__ */ p.createElement(et, { ref: t, ...e, weights: Gg }));
|
|
7927
|
+
As.displayName = "SpinnerIcon";
|
|
7928
7928
|
const Kg = /* @__PURE__ */ new Map([
|
|
7929
7929
|
[
|
|
7930
7930
|
"bold",
|
|
@@ -7956,8 +7956,8 @@ const Kg = /* @__PURE__ */ new Map([
|
|
|
7956
7956
|
"thin",
|
|
7957
7957
|
/* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M249.89,76.47a4,4,0,0,0-4.11.2L204,104.53V72a12,12,0,0,0-12-12H32A12,12,0,0,0,20,72V184a12,12,0,0,0,12,12H192a12,12,0,0,0,12-12V151.47l41.78,27.86A4,4,0,0,0,252,176V80A4,4,0,0,0,249.89,76.47ZM196,184a4,4,0,0,1-4,4H32a4,4,0,0,1-4-4V72a4,4,0,0,1,4-4H192a4,4,0,0,1,4,4Zm48-15.47-40-26.67V114.14l40-26.67Z" }))
|
|
7958
7958
|
]
|
|
7959
|
-
]),
|
|
7960
|
-
|
|
7959
|
+
]), od = p.forwardRef((e, t) => /* @__PURE__ */ p.createElement(et, { ref: t, ...e, weights: Kg }));
|
|
7960
|
+
od.displayName = "VideoCameraIcon";
|
|
7961
7961
|
const Yg = /* @__PURE__ */ new Map([
|
|
7962
7962
|
[
|
|
7963
7963
|
"bold",
|
|
@@ -7989,8 +7989,8 @@ const Yg = /* @__PURE__ */ new Map([
|
|
|
7989
7989
|
"thin",
|
|
7990
7990
|
/* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement("path", { d: "M249.89,76.47a4,4,0,0,0-4.11.2L204,104.53V72a12,12,0,0,0-12-12H113.06a4,4,0,0,0,0,8H192a4,4,0,0,1,4,4v87.63a4,4,0,0,0,8,0v-8.16l41.78,27.86A4,4,0,0,0,252,176V80A4,4,0,0,0,249.89,76.47ZM244,168.53l-40-26.67V114.14l40-26.67ZM51,37.31A4,4,0,0,0,45,42.69L60.78,60H32A12,12,0,0,0,20,72V184a12,12,0,0,0,12,12H184.41L205,218.69a4,4,0,1,0,5.92-5.38ZM32,188a4,4,0,0,1-4-4V72a4,4,0,0,1,4-4H68.05L177.14,188Z" }))
|
|
7991
7991
|
]
|
|
7992
|
-
]),
|
|
7993
|
-
|
|
7992
|
+
]), sd = p.forwardRef((e, t) => /* @__PURE__ */ p.createElement(et, { ref: t, ...e, weights: Yg }));
|
|
7993
|
+
sd.displayName = "VideoCameraSlashIcon";
|
|
7994
7994
|
function aa(e, t) {
|
|
7995
7995
|
if (typeof e == "function")
|
|
7996
7996
|
return e(t);
|
|
@@ -8187,14 +8187,14 @@ const a0 = mr(
|
|
|
8187
8187
|
}
|
|
8188
8188
|
}
|
|
8189
8189
|
);
|
|
8190
|
-
function
|
|
8190
|
+
function id({
|
|
8191
8191
|
className: e,
|
|
8192
8192
|
variant: t,
|
|
8193
8193
|
size: n,
|
|
8194
8194
|
...r
|
|
8195
8195
|
}) {
|
|
8196
8196
|
return /* @__PURE__ */ u(
|
|
8197
|
-
|
|
8197
|
+
ou.Root,
|
|
8198
8198
|
{
|
|
8199
8199
|
"data-slot": "toggle",
|
|
8200
8200
|
className: G(a0({ variant: t, size: n, className: e })),
|
|
@@ -8215,7 +8215,7 @@ function c0(e) {
|
|
|
8215
8215
|
};
|
|
8216
8216
|
}, [e]), t;
|
|
8217
8217
|
}
|
|
8218
|
-
function
|
|
8218
|
+
function ad(e) {
|
|
8219
8219
|
const [t, n] = X(() => e.getLocalParticipant()), [r, o] = X(() => e.getMicrophoneTrack());
|
|
8220
8220
|
return Te(() => {
|
|
8221
8221
|
const s = () => {
|
|
@@ -8295,7 +8295,7 @@ function kn(e, t, n) {
|
|
|
8295
8295
|
}
|
|
8296
8296
|
};
|
|
8297
8297
|
}
|
|
8298
|
-
function
|
|
8298
|
+
function cd(e) {
|
|
8299
8299
|
const [t, n] = X(() => e.getRoom()), [r, o] = X(() => e.getConnectionState());
|
|
8300
8300
|
return Te(() => {
|
|
8301
8301
|
const s = () => {
|
|
@@ -8355,20 +8355,20 @@ function d0(e) {
|
|
|
8355
8355
|
}
|
|
8356
8356
|
};
|
|
8357
8357
|
}
|
|
8358
|
-
function
|
|
8358
|
+
function ld(e) {
|
|
8359
8359
|
const [t, n] = X(() => e.getIsAgentConnected()), [r, o] = X(() => e.getCurrentSession()), [s, i] = X(() => e.getCurrentAgentInfo()), [a, c] = X(() => e.getAgentState()), [l, d] = X(() => e.getAgentAudioTrack()), [f, h] = X(() => e.getAgentVideoTrack());
|
|
8360
8360
|
return Te(() => {
|
|
8361
8361
|
const g = () => {
|
|
8362
|
-
const T = e.getIsAgentConnected(), w = e.getCurrentSession(), S = e.getCurrentAgentInfo(),
|
|
8362
|
+
const T = e.getIsAgentConnected(), w = e.getCurrentSession(), S = e.getCurrentAgentInfo(), A = e.getAgentState(), M = e.getAgentAudioTrack(), P = e.getAgentVideoTrack();
|
|
8363
8363
|
console.log("🤖 useVoxketVoiceAssistant: Updating state:", {
|
|
8364
8364
|
isAgentConnected: T,
|
|
8365
8365
|
hasSession: !!w,
|
|
8366
8366
|
sessionId: w == null ? void 0 : w.id,
|
|
8367
8367
|
hasAgentInfo: !!S,
|
|
8368
|
-
agentState:
|
|
8368
|
+
agentState: A,
|
|
8369
8369
|
hasAudioTrack: !!M,
|
|
8370
8370
|
hasVideoTrack: !!P
|
|
8371
|
-
}), n(T), o(w), i(S), c(
|
|
8371
|
+
}), n(T), o(w), i(S), c(A), d(M), h(P);
|
|
8372
8372
|
};
|
|
8373
8373
|
g();
|
|
8374
8374
|
const b = () => {
|
|
@@ -8464,7 +8464,7 @@ function da({
|
|
|
8464
8464
|
...r,
|
|
8465
8465
|
children: [
|
|
8466
8466
|
n,
|
|
8467
|
-
/* @__PURE__ */ u(Ke.Icon, { asChild: !0, children: /* @__PURE__ */ u(
|
|
8467
|
+
/* @__PURE__ */ u(Ke.Icon, { asChild: !0, children: /* @__PURE__ */ u(Es, { weight: "bold", className: "size-4 transition-colors" }) })
|
|
8468
8468
|
]
|
|
8469
8469
|
}
|
|
8470
8470
|
);
|
|
@@ -8537,7 +8537,7 @@ function fa({
|
|
|
8537
8537
|
),
|
|
8538
8538
|
...n,
|
|
8539
8539
|
children: [
|
|
8540
|
-
/* @__PURE__ */ u("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ u(Ke.ItemIndicator, { children: /* @__PURE__ */ u(
|
|
8540
|
+
/* @__PURE__ */ u("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ u(Ke.ItemIndicator, { children: /* @__PURE__ */ u(ed, { className: "size-4", weight: "bold" }) }) }),
|
|
8541
8541
|
/* @__PURE__ */ u(Ke.ItemText, { children: t })
|
|
8542
8542
|
]
|
|
8543
8543
|
}
|
|
@@ -8553,7 +8553,7 @@ function f0({
|
|
|
8553
8553
|
"data-slot": "select-scroll-up-button",
|
|
8554
8554
|
className: G("flex cursor-default items-center justify-center py-1", e),
|
|
8555
8555
|
...t,
|
|
8556
|
-
children: /* @__PURE__ */ u(
|
|
8556
|
+
children: /* @__PURE__ */ u(Jl, { className: "size-4", weight: "bold" })
|
|
8557
8557
|
}
|
|
8558
8558
|
);
|
|
8559
8559
|
}
|
|
@@ -8567,7 +8567,7 @@ function h0({
|
|
|
8567
8567
|
"data-slot": "select-scroll-down-button",
|
|
8568
8568
|
className: G("flex cursor-default items-center justify-center py-1", e),
|
|
8569
8569
|
...t,
|
|
8570
|
-
children: /* @__PURE__ */ u(
|
|
8570
|
+
children: /* @__PURE__ */ u(Es, { className: "size-4", weight: "bold" })
|
|
8571
8571
|
}
|
|
8572
8572
|
);
|
|
8573
8573
|
}
|
|
@@ -8616,14 +8616,14 @@ function ma({
|
|
|
8616
8616
|
}
|
|
8617
8617
|
function m0(e, t, n = !1) {
|
|
8618
8618
|
if (n)
|
|
8619
|
-
return
|
|
8619
|
+
return As;
|
|
8620
8620
|
switch (e) {
|
|
8621
8621
|
case ae.Source.Microphone:
|
|
8622
|
-
return t ?
|
|
8622
|
+
return t ? td : nd;
|
|
8623
8623
|
case ae.Source.Camera:
|
|
8624
|
-
return t ?
|
|
8624
|
+
return t ? od : sd;
|
|
8625
8625
|
case ae.Source.ScreenShare:
|
|
8626
|
-
return
|
|
8626
|
+
return rd;
|
|
8627
8627
|
default:
|
|
8628
8628
|
return p.Fragment;
|
|
8629
8629
|
}
|
|
@@ -8632,7 +8632,7 @@ function Jr({ source: e, pressed: t, pending: n, className: r, ...o }) {
|
|
|
8632
8632
|
const s = m0(e, t ?? !1, n), i = e === ae.Source.Microphone && !(t ?? !1) && !n, a = e === ae.Source.Camera && !(t ?? !1) && !n;
|
|
8633
8633
|
return p.useEffect(() => {
|
|
8634
8634
|
console.log(`TrackToggle for ${e} changed: pressed=${t}, pending=${n}, actualState=${t ? "enabled" : "disabled"}`);
|
|
8635
|
-
}, [e, t, n]), /* @__PURE__ */ C(
|
|
8635
|
+
}, [e, t, n]), /* @__PURE__ */ C(id, { pressed: t, "aria-label": `Toggle ${e}`, className: G(r), ...o, children: [
|
|
8636
8636
|
/* @__PURE__ */ u(
|
|
8637
8637
|
s,
|
|
8638
8638
|
{
|
|
@@ -8692,42 +8692,42 @@ function g0(e = {}) {
|
|
|
8692
8692
|
handleVideoDeviceChange: () => {
|
|
8693
8693
|
}
|
|
8694
8694
|
};
|
|
8695
|
-
const { microphoneTrack: s, localParticipant: i } =
|
|
8696
|
-
|
|
8695
|
+
const { microphoneTrack: s, localParticipant: i } = ad(r), a = p0(r);
|
|
8696
|
+
cd(r);
|
|
8697
8697
|
const c = kn(r, "microphone", {
|
|
8698
|
-
onDeviceError: (
|
|
8698
|
+
onDeviceError: (A) => {
|
|
8699
8699
|
var M;
|
|
8700
|
-
return (M = e.onDeviceError) == null ? void 0 : M.call(e, { source: ae.Source.Microphone, error:
|
|
8700
|
+
return (M = e.onDeviceError) == null ? void 0 : M.call(e, { source: ae.Source.Microphone, error: A });
|
|
8701
8701
|
}
|
|
8702
8702
|
}), l = kn(r, "camera", {
|
|
8703
|
-
onDeviceError: (
|
|
8703
|
+
onDeviceError: (A) => {
|
|
8704
8704
|
var M;
|
|
8705
|
-
return (M = e.onDeviceError) == null ? void 0 : M.call(e, { source: ae.Source.Camera, error:
|
|
8705
|
+
return (M = e.onDeviceError) == null ? void 0 : M.call(e, { source: ae.Source.Camera, error: A });
|
|
8706
8706
|
}
|
|
8707
8707
|
}), d = kn(r, "screenShare", {
|
|
8708
|
-
onDeviceError: (
|
|
8708
|
+
onDeviceError: (A) => {
|
|
8709
8709
|
var M;
|
|
8710
|
-
return (M = e.onDeviceError) == null ? void 0 : M.call(e, { source: ae.Source.ScreenShare, error:
|
|
8710
|
+
return (M = e.onDeviceError) == null ? void 0 : M.call(e, { source: ae.Source.ScreenShare, error: A });
|
|
8711
8711
|
}
|
|
8712
8712
|
}), f = p.useMemo(() => {
|
|
8713
|
-
let
|
|
8713
|
+
let A;
|
|
8714
8714
|
if (i) {
|
|
8715
8715
|
for (const [, M] of i.trackPublications)
|
|
8716
8716
|
if (M.source === ae.Source.Microphone) {
|
|
8717
|
-
|
|
8717
|
+
A = M;
|
|
8718
8718
|
break;
|
|
8719
8719
|
}
|
|
8720
8720
|
}
|
|
8721
8721
|
return console.log("🎤 Creating micTrackRef:", {
|
|
8722
8722
|
hasParticipant: !!i,
|
|
8723
|
-
hasPublication: !!
|
|
8724
|
-
isTrackSubscribed:
|
|
8725
|
-
isMuted:
|
|
8726
|
-
trackSid:
|
|
8723
|
+
hasPublication: !!A,
|
|
8724
|
+
isTrackSubscribed: A == null ? void 0 : A.isSubscribed,
|
|
8725
|
+
isMuted: A == null ? void 0 : A.isMuted,
|
|
8726
|
+
trackSid: A == null ? void 0 : A.trackSid
|
|
8727
8727
|
}), {
|
|
8728
8728
|
participant: i ?? void 0,
|
|
8729
8729
|
source: ae.Source.Microphone,
|
|
8730
|
-
publication:
|
|
8730
|
+
publication: A
|
|
8731
8731
|
};
|
|
8732
8732
|
}, [i, s]);
|
|
8733
8733
|
o.microphone ?? (o.microphone = a.microphone), o.screenShare ?? (o.screenShare = a.screenShare), o.camera ?? (o.camera = a.camera), o.chat ?? (o.chat = a.data);
|
|
@@ -8741,28 +8741,28 @@ function g0(e = {}) {
|
|
|
8741
8741
|
}), v = p.useCallback(() => {
|
|
8742
8742
|
r && r.disconnect();
|
|
8743
8743
|
}, [r]), k = p.useCallback(
|
|
8744
|
-
(
|
|
8745
|
-
g(
|
|
8744
|
+
(A) => {
|
|
8745
|
+
g(A ?? "default"), r && r.setAudioInputDevice(A);
|
|
8746
8746
|
},
|
|
8747
8747
|
[g, r]
|
|
8748
8748
|
), x = p.useCallback(
|
|
8749
|
-
(
|
|
8750
|
-
m(
|
|
8749
|
+
(A) => {
|
|
8750
|
+
m(A ?? "default"), r && r.setVideoInputDevice(A);
|
|
8751
8751
|
},
|
|
8752
8752
|
[m, r]
|
|
8753
8753
|
), T = p.useCallback(
|
|
8754
|
-
async (
|
|
8755
|
-
d.enabled && await d.toggle(!1), await l.toggle(
|
|
8754
|
+
async (A) => {
|
|
8755
|
+
d.enabled && await d.toggle(!1), await l.toggle(A), b(!l.enabled);
|
|
8756
8756
|
},
|
|
8757
8757
|
[l, b, d]
|
|
8758
8758
|
), w = p.useCallback(
|
|
8759
|
-
async (
|
|
8760
|
-
await c.toggle(
|
|
8759
|
+
async (A) => {
|
|
8760
|
+
await c.toggle(A), h(!c.enabled);
|
|
8761
8761
|
},
|
|
8762
8762
|
[c, h]
|
|
8763
8763
|
), S = p.useCallback(
|
|
8764
|
-
async (
|
|
8765
|
-
l.enabled && await l.toggle(!1), await d.toggle(
|
|
8764
|
+
async (A) => {
|
|
8765
|
+
l.enabled && await l.toggle(!1), await d.toggle(A);
|
|
8766
8766
|
},
|
|
8767
8767
|
[l, d]
|
|
8768
8768
|
);
|
|
@@ -8997,7 +8997,7 @@ function x0({
|
|
|
8997
8997
|
microphoneToggle: T,
|
|
8998
8998
|
screenShareToggle: w,
|
|
8999
8999
|
handleAudioDeviceChange: S,
|
|
9000
|
-
handleVideoDeviceChange:
|
|
9000
|
+
handleVideoDeviceChange: A,
|
|
9001
9001
|
handleDisconnect: M
|
|
9002
9002
|
} = g0({
|
|
9003
9003
|
controls: e,
|
|
@@ -9127,7 +9127,7 @@ function x0({
|
|
|
9127
9127
|
kind: "videoinput",
|
|
9128
9128
|
client: l,
|
|
9129
9129
|
onError: a ? (z) => z instanceof Error ? a({ source: ae.Source.Camera, error: z }) : void 0 : void 0,
|
|
9130
|
-
onActiveDeviceChange:
|
|
9130
|
+
onActiveDeviceChange: A,
|
|
9131
9131
|
className: G([
|
|
9132
9132
|
"h-full py-2 rounded-none border-none bg-transparent text-inherit focus:bg-primary/80 hover:bg-primary/80 transition-colors",
|
|
9133
9133
|
"min-w-[2.5rem]"
|
|
@@ -9148,7 +9148,7 @@ function x0({
|
|
|
9148
9148
|
) })
|
|
9149
9149
|
] }),
|
|
9150
9150
|
k.chat && /* @__PURE__ */ u("div", { className: "flex items-center rounded-full overflow-hidden bg-secondary text-secondary-foreground border-none ", children: /* @__PURE__ */ u(
|
|
9151
|
-
|
|
9151
|
+
id,
|
|
9152
9152
|
{
|
|
9153
9153
|
variant: "secondary",
|
|
9154
9154
|
"aria-label": "Toggle chat",
|
|
@@ -9157,7 +9157,7 @@ function x0({
|
|
|
9157
9157
|
h(z);
|
|
9158
9158
|
},
|
|
9159
9159
|
className: "aspect-square h-full py-3 rounded-none border-none bg-transparent text-inherit focus:bg-secondary/80 hover:bg-secondary/80 transition-colors flex items-center",
|
|
9160
|
-
children: /* @__PURE__ */ u(
|
|
9160
|
+
children: /* @__PURE__ */ u(Ql, { weight: "bold", className: "h-5 w-5" })
|
|
9161
9161
|
}
|
|
9162
9162
|
) })
|
|
9163
9163
|
] })
|
|
@@ -9259,23 +9259,19 @@ const k0 = ({ className: e, children: t, ...n }) => {
|
|
|
9259
9259
|
}
|
|
9260
9260
|
) : (
|
|
9261
9261
|
// Fallback: Show default avatar when no audio track is available
|
|
9262
|
-
/* @__PURE__ */ u("div", { className: G("flex aspect-video w-40 items-center justify-center"), children: /* @__PURE__ */
|
|
9263
|
-
|
|
9264
|
-
|
|
9265
|
-
|
|
9266
|
-
|
|
9267
|
-
|
|
9268
|
-
|
|
9269
|
-
|
|
9270
|
-
|
|
9271
|
-
|
|
9272
|
-
|
|
9273
|
-
|
|
9274
|
-
|
|
9275
|
-
)) }),
|
|
9276
|
-
/* @__PURE__ */ u("div", { className: "mt-2 text-center", children: /* @__PURE__ */ u("p", { className: "text-xs text-gray-600 capitalize", children: e === "speaking" ? "Speaking..." : e === "thinking" ? "Thinking..." : "AI Assistant" }) })
|
|
9277
|
-
] }) })
|
|
9278
|
-
) }), A0 = ({
|
|
9262
|
+
/* @__PURE__ */ u("div", { className: G("flex aspect-video w-40 items-center justify-center"), children: /* @__PURE__ */ u("div", { className: "flex flex-col items-center justify-center", children: /* @__PURE__ */ u("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((o, s) => /* @__PURE__ */ u(
|
|
9263
|
+
"span",
|
|
9264
|
+
{
|
|
9265
|
+
className: G([
|
|
9266
|
+
"bg-[#6721a4] min-h-2 w-2 rounded-full",
|
|
9267
|
+
"origin-center transition-colors duration-250 ease-linear",
|
|
9268
|
+
e === "speaking" && "animate-pulse bg-[#5c64f6]",
|
|
9269
|
+
e === "thinking" && "animate-pulse bg-yellow-500"
|
|
9270
|
+
])
|
|
9271
|
+
},
|
|
9272
|
+
s
|
|
9273
|
+
)) }) }) })
|
|
9274
|
+
) }), E0 = ({
|
|
9279
9275
|
videoTrack: e,
|
|
9280
9276
|
className: t,
|
|
9281
9277
|
ref: n
|
|
@@ -9290,14 +9286,14 @@ const k0 = ({ className: e, children: t, ...n }) => {
|
|
|
9290
9286
|
className: "rounded-md"
|
|
9291
9287
|
}
|
|
9292
9288
|
) });
|
|
9293
|
-
},
|
|
9289
|
+
}, A0 = ie.create(Uo), P0 = ({
|
|
9294
9290
|
trackRef: e,
|
|
9295
9291
|
className: t,
|
|
9296
9292
|
ref: n
|
|
9297
9293
|
}) => {
|
|
9298
9294
|
var r, o;
|
|
9299
9295
|
return /* @__PURE__ */ u("div", { className: G("bg-muted overflow-hidden rounded-md", t), children: /* @__PURE__ */ u(
|
|
9300
|
-
|
|
9296
|
+
A0,
|
|
9301
9297
|
{
|
|
9302
9298
|
ref: n,
|
|
9303
9299
|
trackRef: e,
|
|
@@ -9306,7 +9302,7 @@ const k0 = ({ className: e, children: t, ...n }) => {
|
|
|
9306
9302
|
className: G("h-full w-auto")
|
|
9307
9303
|
}
|
|
9308
9304
|
) });
|
|
9309
|
-
}, ga = ie.create(P0), M0 = ie.create(T0), N0 = ie.create(
|
|
9305
|
+
}, ga = ie.create(P0), M0 = ie.create(T0), N0 = ie.create(E0), it = {
|
|
9310
9306
|
initial: {
|
|
9311
9307
|
opacity: 0,
|
|
9312
9308
|
scale: 0
|
|
@@ -9364,7 +9360,7 @@ const k0 = ({ className: e, children: t, ...n }) => {
|
|
|
9364
9360
|
secondTileChatClosed: ["col-start-2 row-start-3", "place-content-end"]
|
|
9365
9361
|
};
|
|
9366
9362
|
function V0(e, t) {
|
|
9367
|
-
const { localParticipant: n } =
|
|
9363
|
+
const { localParticipant: n } = ad(t), r = n == null ? void 0 : n.getTrackPublication(e);
|
|
9368
9364
|
return ze(
|
|
9369
9365
|
() => r && n ? { source: e, participant: n, publication: r } : void 0,
|
|
9370
9366
|
[e, r, n]
|
|
@@ -9377,13 +9373,13 @@ function R0({ chatOpen: e, client: t }) {
|
|
|
9377
9373
|
state: o = "idle",
|
|
9378
9374
|
audioTrack: s,
|
|
9379
9375
|
videoTrack: i
|
|
9380
|
-
} = t ?
|
|
9376
|
+
} = t ? ld(t) : {
|
|
9381
9377
|
agent: { isActive: !1 },
|
|
9382
9378
|
session: null,
|
|
9383
9379
|
state: "idle",
|
|
9384
9380
|
audioTrack: null,
|
|
9385
9381
|
videoTrack: null
|
|
9386
|
-
}, [a] =
|
|
9382
|
+
}, [a] = Qd([ae.Source.ScreenShare]), c = V0(ae.Source.Camera, t), l = c && !c.publication.isMuted, d = a && !a.publication.isMuted, f = l || d, h = n || r && r.state === "active", g = {
|
|
9387
9383
|
...it.transition,
|
|
9388
9384
|
delay: e ? 0 : 0.15
|
|
9389
9385
|
// delay on close
|
|
@@ -9540,7 +9536,7 @@ function Rn({ interaction: e, theme: t, onDismiss: n, client: r, addLocalMessage
|
|
|
9540
9536
|
{
|
|
9541
9537
|
onClick: n || ((a = e.handler) == null ? void 0 : a.dismissView),
|
|
9542
9538
|
className: "p-2 rounded-full bg-white/20 hover:bg-white/30 text-white transition-colors",
|
|
9543
|
-
children: /* @__PURE__ */ u(
|
|
9539
|
+
children: /* @__PURE__ */ u(su, { className: "w-5 h-5" })
|
|
9544
9540
|
}
|
|
9545
9541
|
)
|
|
9546
9542
|
] })
|
|
@@ -9567,7 +9563,7 @@ function Rn({ interaction: e, theme: t, onDismiss: n, client: r, addLocalMessage
|
|
|
9567
9563
|
}
|
|
9568
9564
|
}
|
|
9569
9565
|
function I0() {
|
|
9570
|
-
const e =
|
|
9566
|
+
const e = eu(), t = tu(), n = oc();
|
|
9571
9567
|
return { messages: ze(() => [
|
|
9572
9568
|
...e.map((s) => Dg(s, n)),
|
|
9573
9569
|
...t.chatMessages
|
|
@@ -9575,7 +9571,7 @@ function I0() {
|
|
|
9575
9571
|
}
|
|
9576
9572
|
const D0 = ({ logLevel: e } = {}) => {
|
|
9577
9573
|
const t = oc();
|
|
9578
|
-
p.useEffect(() => (
|
|
9574
|
+
p.useEffect(() => (Jd(e ?? "debug"), window.__lk_room = t, () => {
|
|
9579
9575
|
window.__lk_room = void 0;
|
|
9580
9576
|
}), [t, e]);
|
|
9581
9577
|
}, ba = (e) => e, $0 = () => {
|
|
@@ -9620,8 +9616,8 @@ function L0() {
|
|
|
9620
9616
|
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, s = e ? Symbol.for("react.profiler") : 60114, i = e ? Symbol.for("react.provider") : 60109, a = e ? Symbol.for("react.context") : 60110, c = e ? Symbol.for("react.async_mode") : 60111, l = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, f = e ? Symbol.for("react.suspense") : 60113, h = e ? Symbol.for("react.suspense_list") : 60120, g = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, m = e ? Symbol.for("react.block") : 60121, v = e ? Symbol.for("react.fundamental") : 60117, k = e ? Symbol.for("react.responder") : 60118, x = e ? Symbol.for("react.scope") : 60119;
|
|
9621
9617
|
function T(S) {
|
|
9622
9618
|
if (typeof S == "object" && S !== null) {
|
|
9623
|
-
var
|
|
9624
|
-
switch (
|
|
9619
|
+
var A = S.$$typeof;
|
|
9620
|
+
switch (A) {
|
|
9625
9621
|
case t:
|
|
9626
9622
|
switch (S = S.type, S) {
|
|
9627
9623
|
case c:
|
|
@@ -9640,11 +9636,11 @@ function L0() {
|
|
|
9640
9636
|
case i:
|
|
9641
9637
|
return S;
|
|
9642
9638
|
default:
|
|
9643
|
-
return
|
|
9639
|
+
return A;
|
|
9644
9640
|
}
|
|
9645
9641
|
}
|
|
9646
9642
|
case n:
|
|
9647
|
-
return
|
|
9643
|
+
return A;
|
|
9648
9644
|
}
|
|
9649
9645
|
}
|
|
9650
9646
|
}
|
|
@@ -9728,7 +9724,7 @@ function _0() {
|
|
|
9728
9724
|
}
|
|
9729
9725
|
}
|
|
9730
9726
|
}
|
|
9731
|
-
var S = c,
|
|
9727
|
+
var S = c, A = l, M = a, P = i, z = t, y = d, $ = r, B = b, J = g, te = n, ee = s, re = o, K = f, I = !1;
|
|
9732
9728
|
function q(_) {
|
|
9733
9729
|
return I || (I = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), N(_) || w(_) === c;
|
|
9734
9730
|
}
|
|
@@ -9744,7 +9740,7 @@ function _0() {
|
|
|
9744
9740
|
function V(_) {
|
|
9745
9741
|
return typeof _ == "object" && _ !== null && _.$$typeof === t;
|
|
9746
9742
|
}
|
|
9747
|
-
function
|
|
9743
|
+
function E(_) {
|
|
9748
9744
|
return w(_) === d;
|
|
9749
9745
|
}
|
|
9750
9746
|
function L(_) {
|
|
@@ -9768,11 +9764,11 @@ function _0() {
|
|
|
9768
9764
|
function se(_) {
|
|
9769
9765
|
return w(_) === f;
|
|
9770
9766
|
}
|
|
9771
|
-
fe.AsyncMode = S, fe.ConcurrentMode =
|
|
9767
|
+
fe.AsyncMode = S, fe.ConcurrentMode = A, fe.ContextConsumer = M, fe.ContextProvider = P, fe.Element = z, fe.ForwardRef = y, fe.Fragment = $, fe.Lazy = B, fe.Memo = J, fe.Portal = te, fe.Profiler = ee, fe.StrictMode = re, fe.Suspense = K, fe.isAsyncMode = q, fe.isConcurrentMode = N, fe.isContextConsumer = U, fe.isContextProvider = Y, fe.isElement = V, fe.isForwardRef = E, fe.isFragment = L, fe.isLazy = O, fe.isMemo = F, fe.isPortal = D, fe.isProfiler = H, fe.isStrictMode = j, fe.isSuspense = se, fe.isValidElementType = T, fe.typeOf = w;
|
|
9772
9768
|
}()), fe;
|
|
9773
9769
|
}
|
|
9774
9770
|
var wa;
|
|
9775
|
-
function
|
|
9771
|
+
function dd() {
|
|
9776
9772
|
return wa || (wa = 1, process.env.NODE_ENV === "production" ? Yn.exports = L0() : Yn.exports = _0()), Yn.exports;
|
|
9777
9773
|
}
|
|
9778
9774
|
/*
|
|
@@ -9834,7 +9830,7 @@ function Ps() {
|
|
|
9834
9830
|
return eo = e, eo;
|
|
9835
9831
|
}
|
|
9836
9832
|
var to, ka;
|
|
9837
|
-
function
|
|
9833
|
+
function ud() {
|
|
9838
9834
|
return ka || (ka = 1, to = Function.call.bind(Object.prototype.hasOwnProperty)), to;
|
|
9839
9835
|
}
|
|
9840
9836
|
var no, Ta;
|
|
@@ -9844,7 +9840,7 @@ function j0() {
|
|
|
9844
9840
|
var e = function() {
|
|
9845
9841
|
};
|
|
9846
9842
|
if (process.env.NODE_ENV !== "production") {
|
|
9847
|
-
var t = /* @__PURE__ */ Ps(), n = {}, r = /* @__PURE__ */
|
|
9843
|
+
var t = /* @__PURE__ */ Ps(), n = {}, r = /* @__PURE__ */ ud();
|
|
9848
9844
|
e = function(s) {
|
|
9849
9845
|
var i = "Warning: " + s;
|
|
9850
9846
|
typeof console < "u" && console.error(i);
|
|
@@ -9886,11 +9882,11 @@ function j0() {
|
|
|
9886
9882
|
process.env.NODE_ENV !== "production" && (n = {});
|
|
9887
9883
|
}, no = o, no;
|
|
9888
9884
|
}
|
|
9889
|
-
var ro,
|
|
9885
|
+
var ro, Ea;
|
|
9890
9886
|
function z0() {
|
|
9891
|
-
if (
|
|
9892
|
-
|
|
9893
|
-
var e =
|
|
9887
|
+
if (Ea) return ro;
|
|
9888
|
+
Ea = 1;
|
|
9889
|
+
var e = dd(), t = B0(), n = /* @__PURE__ */ Ps(), r = /* @__PURE__ */ ud(), o = /* @__PURE__ */ j0(), s = function() {
|
|
9894
9890
|
};
|
|
9895
9891
|
process.env.NODE_ENV !== "production" && (s = function(a) {
|
|
9896
9892
|
var c = "Warning: " + a;
|
|
@@ -9923,7 +9919,7 @@ function z0() {
|
|
|
9923
9919
|
arrayOf: T,
|
|
9924
9920
|
element: w(),
|
|
9925
9921
|
elementType: S(),
|
|
9926
|
-
instanceOf:
|
|
9922
|
+
instanceOf: A,
|
|
9927
9923
|
node: y(),
|
|
9928
9924
|
objectOf: P,
|
|
9929
9925
|
oneOf: M,
|
|
@@ -9958,16 +9954,16 @@ function z0() {
|
|
|
9958
9954
|
}
|
|
9959
9955
|
return O[F] == null ? L ? O[F] === null ? new m("The " + H + " `" + j + "` is marked as required " + ("in `" + D + "`, but its value is `null`.")) : new m("The " + H + " `" + j + "` is marked as required in " + ("`" + D + "`, but its value is `undefined`.")) : null : N(O, F, D, H, j);
|
|
9960
9956
|
}
|
|
9961
|
-
var
|
|
9962
|
-
return
|
|
9957
|
+
var E = V.bind(null, !1);
|
|
9958
|
+
return E.isRequired = V.bind(null, !0), E;
|
|
9963
9959
|
}
|
|
9964
9960
|
function k(N) {
|
|
9965
|
-
function U(Y, V,
|
|
9961
|
+
function U(Y, V, E, L, O, F) {
|
|
9966
9962
|
var D = Y[V], H = re(D);
|
|
9967
9963
|
if (H !== N) {
|
|
9968
9964
|
var j = K(D);
|
|
9969
9965
|
return new m(
|
|
9970
|
-
"Invalid " + L + " `" + O + "` of type " + ("`" + j + "` supplied to `" +
|
|
9966
|
+
"Invalid " + L + " `" + O + "` of type " + ("`" + j + "` supplied to `" + E + "`, expected ") + ("`" + N + "`."),
|
|
9971
9967
|
{ expectedType: N }
|
|
9972
9968
|
);
|
|
9973
9969
|
}
|
|
@@ -9979,16 +9975,16 @@ function z0() {
|
|
|
9979
9975
|
return v(i);
|
|
9980
9976
|
}
|
|
9981
9977
|
function T(N) {
|
|
9982
|
-
function U(Y, V,
|
|
9978
|
+
function U(Y, V, E, L, O) {
|
|
9983
9979
|
if (typeof N != "function")
|
|
9984
|
-
return new m("Property `" + O + "` of component `" +
|
|
9980
|
+
return new m("Property `" + O + "` of component `" + E + "` has invalid PropType notation inside arrayOf.");
|
|
9985
9981
|
var F = Y[V];
|
|
9986
9982
|
if (!Array.isArray(F)) {
|
|
9987
9983
|
var D = re(F);
|
|
9988
|
-
return new m("Invalid " + L + " `" + O + "` of type " + ("`" + D + "` supplied to `" +
|
|
9984
|
+
return new m("Invalid " + L + " `" + O + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected an array."));
|
|
9989
9985
|
}
|
|
9990
9986
|
for (var H = 0; H < F.length; H++) {
|
|
9991
|
-
var j = N(F, H,
|
|
9987
|
+
var j = N(F, H, E, L, O + "[" + H + "]", n);
|
|
9992
9988
|
if (j instanceof Error)
|
|
9993
9989
|
return j;
|
|
9994
9990
|
}
|
|
@@ -9997,32 +9993,32 @@ function z0() {
|
|
|
9997
9993
|
return v(U);
|
|
9998
9994
|
}
|
|
9999
9995
|
function w() {
|
|
10000
|
-
function N(U, Y, V,
|
|
9996
|
+
function N(U, Y, V, E, L) {
|
|
10001
9997
|
var O = U[Y];
|
|
10002
9998
|
if (!a(O)) {
|
|
10003
9999
|
var F = re(O);
|
|
10004
|
-
return new m("Invalid " +
|
|
10000
|
+
return new m("Invalid " + E + " `" + L + "` of type " + ("`" + F + "` supplied to `" + V + "`, expected a single ReactElement."));
|
|
10005
10001
|
}
|
|
10006
10002
|
return null;
|
|
10007
10003
|
}
|
|
10008
10004
|
return v(N);
|
|
10009
10005
|
}
|
|
10010
10006
|
function S() {
|
|
10011
|
-
function N(U, Y, V,
|
|
10007
|
+
function N(U, Y, V, E, L) {
|
|
10012
10008
|
var O = U[Y];
|
|
10013
10009
|
if (!e.isValidElementType(O)) {
|
|
10014
10010
|
var F = re(O);
|
|
10015
|
-
return new m("Invalid " +
|
|
10011
|
+
return new m("Invalid " + E + " `" + L + "` of type " + ("`" + F + "` supplied to `" + V + "`, expected a single ReactElement type."));
|
|
10016
10012
|
}
|
|
10017
10013
|
return null;
|
|
10018
10014
|
}
|
|
10019
10015
|
return v(N);
|
|
10020
10016
|
}
|
|
10021
|
-
function
|
|
10022
|
-
function U(Y, V,
|
|
10017
|
+
function A(N) {
|
|
10018
|
+
function U(Y, V, E, L, O) {
|
|
10023
10019
|
if (!(Y[V] instanceof N)) {
|
|
10024
10020
|
var F = N.name || h, D = q(Y[V]);
|
|
10025
|
-
return new m("Invalid " + L + " `" + O + "` of type " + ("`" + D + "` supplied to `" +
|
|
10021
|
+
return new m("Invalid " + L + " `" + O + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected ") + ("instance of `" + F + "`."));
|
|
10026
10022
|
}
|
|
10027
10023
|
return null;
|
|
10028
10024
|
}
|
|
@@ -10033,7 +10029,7 @@ function z0() {
|
|
|
10033
10029
|
return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? s(
|
|
10034
10030
|
"Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
|
|
10035
10031
|
) : s("Invalid argument supplied to oneOf, expected an array.")), i;
|
|
10036
|
-
function U(Y, V,
|
|
10032
|
+
function U(Y, V, E, L, O) {
|
|
10037
10033
|
for (var F = Y[V], D = 0; D < N.length; D++)
|
|
10038
10034
|
if (b(F, N[D]))
|
|
10039
10035
|
return null;
|
|
@@ -10041,20 +10037,20 @@ function z0() {
|
|
|
10041
10037
|
var ce = K(_);
|
|
10042
10038
|
return ce === "symbol" ? String(_) : _;
|
|
10043
10039
|
});
|
|
10044
|
-
return new m("Invalid " + L + " `" + O + "` of value `" + String(F) + "` " + ("supplied to `" +
|
|
10040
|
+
return new m("Invalid " + L + " `" + O + "` of value `" + String(F) + "` " + ("supplied to `" + E + "`, expected one of " + H + "."));
|
|
10045
10041
|
}
|
|
10046
10042
|
return v(U);
|
|
10047
10043
|
}
|
|
10048
10044
|
function P(N) {
|
|
10049
|
-
function U(Y, V,
|
|
10045
|
+
function U(Y, V, E, L, O) {
|
|
10050
10046
|
if (typeof N != "function")
|
|
10051
|
-
return new m("Property `" + O + "` of component `" +
|
|
10047
|
+
return new m("Property `" + O + "` of component `" + E + "` has invalid PropType notation inside objectOf.");
|
|
10052
10048
|
var F = Y[V], D = re(F);
|
|
10053
10049
|
if (D !== "object")
|
|
10054
|
-
return new m("Invalid " + L + " `" + O + "` of type " + ("`" + D + "` supplied to `" +
|
|
10050
|
+
return new m("Invalid " + L + " `" + O + "` of type " + ("`" + D + "` supplied to `" + E + "`, expected an object."));
|
|
10055
10051
|
for (var H in F)
|
|
10056
10052
|
if (r(F, H)) {
|
|
10057
|
-
var j = N(F, H,
|
|
10053
|
+
var j = N(F, H, E, L, O + "." + H, n);
|
|
10058
10054
|
if (j instanceof Error)
|
|
10059
10055
|
return j;
|
|
10060
10056
|
}
|
|
@@ -10072,9 +10068,9 @@ function z0() {
|
|
|
10072
10068
|
"Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + I(Y) + " at index " + U + "."
|
|
10073
10069
|
), i;
|
|
10074
10070
|
}
|
|
10075
|
-
function V(
|
|
10071
|
+
function V(E, L, O, F, D) {
|
|
10076
10072
|
for (var H = [], j = 0; j < N.length; j++) {
|
|
10077
|
-
var se = N[j], _ = se(
|
|
10073
|
+
var se = N[j], _ = se(E, L, O, F, D, n);
|
|
10078
10074
|
if (_ == null)
|
|
10079
10075
|
return null;
|
|
10080
10076
|
_.data && r(_.data, "expectedType") && H.push(_.data.expectedType);
|
|
@@ -10085,26 +10081,26 @@ function z0() {
|
|
|
10085
10081
|
return v(V);
|
|
10086
10082
|
}
|
|
10087
10083
|
function y() {
|
|
10088
|
-
function N(U, Y, V,
|
|
10089
|
-
return te(U[Y]) ? null : new m("Invalid " +
|
|
10084
|
+
function N(U, Y, V, E, L) {
|
|
10085
|
+
return te(U[Y]) ? null : new m("Invalid " + E + " `" + L + "` supplied to " + ("`" + V + "`, expected a ReactNode."));
|
|
10090
10086
|
}
|
|
10091
10087
|
return v(N);
|
|
10092
10088
|
}
|
|
10093
|
-
function $(N, U, Y, V,
|
|
10089
|
+
function $(N, U, Y, V, E) {
|
|
10094
10090
|
return new m(
|
|
10095
|
-
(N || "React class") + ": " + U + " type `" + Y + "." + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" +
|
|
10091
|
+
(N || "React class") + ": " + U + " type `" + Y + "." + V + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + E + "`."
|
|
10096
10092
|
);
|
|
10097
10093
|
}
|
|
10098
10094
|
function B(N) {
|
|
10099
|
-
function U(Y, V,
|
|
10095
|
+
function U(Y, V, E, L, O) {
|
|
10100
10096
|
var F = Y[V], D = re(F);
|
|
10101
10097
|
if (D !== "object")
|
|
10102
|
-
return new m("Invalid " + L + " `" + O + "` of type `" + D + "` " + ("supplied to `" +
|
|
10098
|
+
return new m("Invalid " + L + " `" + O + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
|
|
10103
10099
|
for (var H in N) {
|
|
10104
10100
|
var j = N[H];
|
|
10105
10101
|
if (typeof j != "function")
|
|
10106
|
-
return $(
|
|
10107
|
-
var se = j(F, H,
|
|
10102
|
+
return $(E, L, O, H, K(j));
|
|
10103
|
+
var se = j(F, H, E, L, O + "." + H, n);
|
|
10108
10104
|
if (se)
|
|
10109
10105
|
return se;
|
|
10110
10106
|
}
|
|
@@ -10113,21 +10109,21 @@ function z0() {
|
|
|
10113
10109
|
return v(U);
|
|
10114
10110
|
}
|
|
10115
10111
|
function J(N) {
|
|
10116
|
-
function U(Y, V,
|
|
10112
|
+
function U(Y, V, E, L, O) {
|
|
10117
10113
|
var F = Y[V], D = re(F);
|
|
10118
10114
|
if (D !== "object")
|
|
10119
|
-
return new m("Invalid " + L + " `" + O + "` of type `" + D + "` " + ("supplied to `" +
|
|
10115
|
+
return new m("Invalid " + L + " `" + O + "` of type `" + D + "` " + ("supplied to `" + E + "`, expected `object`."));
|
|
10120
10116
|
var H = t({}, Y[V], N);
|
|
10121
10117
|
for (var j in H) {
|
|
10122
10118
|
var se = N[j];
|
|
10123
10119
|
if (r(N, j) && typeof se != "function")
|
|
10124
|
-
return $(
|
|
10120
|
+
return $(E, L, O, j, K(se));
|
|
10125
10121
|
if (!se)
|
|
10126
10122
|
return new m(
|
|
10127
|
-
"Invalid " + L + " `" + O + "` key `" + j + "` supplied to `" +
|
|
10123
|
+
"Invalid " + L + " `" + O + "` key `" + j + "` supplied to `" + E + "`.\nBad object: " + JSON.stringify(Y[V], null, " ") + `
|
|
10128
10124
|
Valid keys: ` + JSON.stringify(Object.keys(N), null, " ")
|
|
10129
10125
|
);
|
|
10130
|
-
var _ = se(F, j,
|
|
10126
|
+
var _ = se(F, j, E, L, O + "." + j, n);
|
|
10131
10127
|
if (_)
|
|
10132
10128
|
return _;
|
|
10133
10129
|
}
|
|
@@ -10157,8 +10153,8 @@ Valid keys: ` + JSON.stringify(Object.keys(N), null, " ")
|
|
|
10157
10153
|
return !1;
|
|
10158
10154
|
} else
|
|
10159
10155
|
for (; !(V = Y.next()).done; ) {
|
|
10160
|
-
var
|
|
10161
|
-
if (
|
|
10156
|
+
var E = V.value;
|
|
10157
|
+
if (E && !te(E[1]))
|
|
10162
10158
|
return !1;
|
|
10163
10159
|
}
|
|
10164
10160
|
} else
|
|
@@ -10207,10 +10203,10 @@ Valid keys: ` + JSON.stringify(Object.keys(N), null, " ")
|
|
|
10207
10203
|
return g.checkPropTypes = o, g.resetWarningCache = o.resetWarningCache, g.PropTypes = g, g;
|
|
10208
10204
|
}, ro;
|
|
10209
10205
|
}
|
|
10210
|
-
var oo,
|
|
10206
|
+
var oo, Aa;
|
|
10211
10207
|
function H0() {
|
|
10212
|
-
if (
|
|
10213
|
-
|
|
10208
|
+
if (Aa) return oo;
|
|
10209
|
+
Aa = 1;
|
|
10214
10210
|
var e = /* @__PURE__ */ Ps();
|
|
10215
10211
|
function t() {
|
|
10216
10212
|
}
|
|
@@ -10259,7 +10255,7 @@ var Pa;
|
|
|
10259
10255
|
function U0() {
|
|
10260
10256
|
if (Pa) return Kn.exports;
|
|
10261
10257
|
if (Pa = 1, process.env.NODE_ENV !== "production") {
|
|
10262
|
-
var e =
|
|
10258
|
+
var e = dd(), t = !0;
|
|
10263
10259
|
Kn.exports = /* @__PURE__ */ z0()(e.isElement, t);
|
|
10264
10260
|
} else
|
|
10265
10261
|
Kn.exports = /* @__PURE__ */ H0()();
|
|
@@ -10439,12 +10435,12 @@ function ct(e) {
|
|
|
10439
10435
|
const t = Object.getPrototypeOf(e);
|
|
10440
10436
|
return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
|
|
10441
10437
|
}
|
|
10442
|
-
function
|
|
10438
|
+
function fd(e) {
|
|
10443
10439
|
if (/* @__PURE__ */ p.isValidElement(e) || dr.isValidElementType(e) || !ct(e))
|
|
10444
10440
|
return e;
|
|
10445
10441
|
const t = {};
|
|
10446
10442
|
return Object.keys(e).forEach((n) => {
|
|
10447
|
-
t[n] =
|
|
10443
|
+
t[n] = fd(e[n]);
|
|
10448
10444
|
}), t;
|
|
10449
10445
|
}
|
|
10450
10446
|
function Ue(e, t, n = {
|
|
@@ -10455,7 +10451,7 @@ function Ue(e, t, n = {
|
|
|
10455
10451
|
} : e;
|
|
10456
10452
|
return ct(e) && ct(t) && Object.keys(t).forEach((o) => {
|
|
10457
10453
|
/* @__PURE__ */ p.isValidElement(t[o]) || dr.isValidElementType(t[o]) ? r[o] = t[o] : ct(t[o]) && // Avoid prototype pollution
|
|
10458
|
-
Object.prototype.hasOwnProperty.call(e, o) && ct(e[o]) ? r[o] = Ue(e[o], t[o], n) : n.clone ? r[o] = ct(t[o]) ?
|
|
10454
|
+
Object.prototype.hasOwnProperty.call(e, o) && ct(e[o]) ? r[o] = Ue(e[o], t[o], n) : n.clone ? r[o] = ct(t[o]) ? fd(t[o]) : t[o] : r[o] = t[o];
|
|
10459
10455
|
}), r;
|
|
10460
10456
|
}
|
|
10461
10457
|
function Tn(e, t) {
|
|
@@ -10662,17 +10658,17 @@ function ay(e, t, n, r) {
|
|
|
10662
10658
|
const o = oy(n), s = iy(o, r), i = e[n];
|
|
10663
10659
|
return ft(e, i, s);
|
|
10664
10660
|
}
|
|
10665
|
-
function
|
|
10661
|
+
function hd(e, t) {
|
|
10666
10662
|
const n = Ms(e.theme);
|
|
10667
10663
|
return Object.keys(e).map((r) => ay(e, t, r, n)).reduce(Tn, {});
|
|
10668
10664
|
}
|
|
10669
10665
|
function Pe(e) {
|
|
10670
|
-
return
|
|
10666
|
+
return hd(e, wr);
|
|
10671
10667
|
}
|
|
10672
10668
|
Pe.propTypes = process.env.NODE_ENV !== "production" ? wr.reduce((e, t) => (e[t] = kt, e), {}) : {};
|
|
10673
10669
|
Pe.filterProps = wr;
|
|
10674
10670
|
function Me(e) {
|
|
10675
|
-
return
|
|
10671
|
+
return hd(e, Sr);
|
|
10676
10672
|
}
|
|
10677
10673
|
Me.propTypes = process.env.NODE_ENV !== "production" ? Sr.reduce((e, t) => (e[t] = kt, e), {}) : {};
|
|
10678
10674
|
Me.filterProps = Sr;
|
|
@@ -10720,7 +10716,7 @@ Tr.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
10720
10716
|
gap: kt
|
|
10721
10717
|
} : {};
|
|
10722
10718
|
Tr.filterProps = ["gap"];
|
|
10723
|
-
const
|
|
10719
|
+
const Er = (e) => {
|
|
10724
10720
|
if (e.columnGap !== void 0 && e.columnGap !== null) {
|
|
10725
10721
|
const t = Ln(e.theme, "spacing", 8, "columnGap"), n = (r) => ({
|
|
10726
10722
|
columnGap: _n(t, r)
|
|
@@ -10729,11 +10725,11 @@ const Ar = (e) => {
|
|
|
10729
10725
|
}
|
|
10730
10726
|
return null;
|
|
10731
10727
|
};
|
|
10732
|
-
|
|
10728
|
+
Er.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
10733
10729
|
columnGap: kt
|
|
10734
10730
|
} : {};
|
|
10735
|
-
|
|
10736
|
-
const
|
|
10731
|
+
Er.filterProps = ["columnGap"];
|
|
10732
|
+
const Ar = (e) => {
|
|
10737
10733
|
if (e.rowGap !== void 0 && e.rowGap !== null) {
|
|
10738
10734
|
const t = Ln(e.theme, "spacing", 8, "rowGap"), n = (r) => ({
|
|
10739
10735
|
rowGap: _n(t, r)
|
|
@@ -10742,10 +10738,10 @@ const Er = (e) => {
|
|
|
10742
10738
|
}
|
|
10743
10739
|
return null;
|
|
10744
10740
|
};
|
|
10745
|
-
|
|
10741
|
+
Ar.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
10746
10742
|
rowGap: kt
|
|
10747
10743
|
} : {};
|
|
10748
|
-
|
|
10744
|
+
Ar.filterProps = ["rowGap"];
|
|
10749
10745
|
const xy = Ve({
|
|
10750
10746
|
prop: "gridColumn"
|
|
10751
10747
|
}), wy = Ve({
|
|
@@ -10758,14 +10754,14 @@ const xy = Ve({
|
|
|
10758
10754
|
prop: "gridAutoRows"
|
|
10759
10755
|
}), Ty = Ve({
|
|
10760
10756
|
prop: "gridTemplateColumns"
|
|
10761
|
-
}), Ay = Ve({
|
|
10762
|
-
prop: "gridTemplateRows"
|
|
10763
10757
|
}), Ey = Ve({
|
|
10758
|
+
prop: "gridTemplateRows"
|
|
10759
|
+
}), Ay = Ve({
|
|
10764
10760
|
prop: "gridTemplateAreas"
|
|
10765
10761
|
}), Py = Ve({
|
|
10766
10762
|
prop: "gridArea"
|
|
10767
10763
|
});
|
|
10768
|
-
Cr(Tr,
|
|
10764
|
+
Cr(Tr, Er, Ar, xy, wy, Sy, Cy, ky, Ty, Ey, Ay, Py);
|
|
10769
10765
|
function Jt(e, t) {
|
|
10770
10766
|
return t === "grey" ? t : e;
|
|
10771
10767
|
}
|
|
@@ -11051,10 +11047,10 @@ const Pr = {
|
|
|
11051
11047
|
style: Tr
|
|
11052
11048
|
},
|
|
11053
11049
|
rowGap: {
|
|
11054
|
-
style:
|
|
11050
|
+
style: Ar
|
|
11055
11051
|
},
|
|
11056
11052
|
columnGap: {
|
|
11057
|
-
style:
|
|
11053
|
+
style: Er
|
|
11058
11054
|
},
|
|
11059
11055
|
gridColumn: {},
|
|
11060
11056
|
gridRow: {},
|
|
@@ -11284,12 +11280,12 @@ function Hy(e) {
|
|
|
11284
11280
|
return t[n] === void 0 && (t[n] = e(n)), t[n];
|
|
11285
11281
|
};
|
|
11286
11282
|
}
|
|
11287
|
-
var Uy = /[A-Z]|^ms/g, Zy = /_EMO_([^_]+?)_([^]*?)_EMO_/g,
|
|
11283
|
+
var Uy = /[A-Z]|^ms/g, Zy = /_EMO_([^_]+?)_([^]*?)_EMO_/g, md = function(t) {
|
|
11288
11284
|
return t.charCodeAt(1) === 45;
|
|
11289
11285
|
}, Fa = function(t) {
|
|
11290
11286
|
return t != null && typeof t != "boolean";
|
|
11291
11287
|
}, so = /* @__PURE__ */ Hy(function(e) {
|
|
11292
|
-
return
|
|
11288
|
+
return md(e) ? e : e.replace(Uy, "-$&").toLowerCase();
|
|
11293
11289
|
}), Oa = function(t, n) {
|
|
11294
11290
|
switch (t) {
|
|
11295
11291
|
case "animation":
|
|
@@ -11303,7 +11299,7 @@ var Uy = /[A-Z]|^ms/g, Zy = /_EMO_([^_]+?)_([^]*?)_EMO_/g, pd = function(t) {
|
|
|
11303
11299
|
}, o;
|
|
11304
11300
|
});
|
|
11305
11301
|
}
|
|
11306
|
-
return zy[t] !== 1 && !
|
|
11302
|
+
return zy[t] !== 1 && !md(t) && typeof n == "number" && n !== 0 ? n + "px" : n;
|
|
11307
11303
|
};
|
|
11308
11304
|
function fr(e, t, n) {
|
|
11309
11305
|
if (n == null)
|
|
@@ -11482,7 +11478,7 @@ function Xy(e) {
|
|
|
11482
11478
|
const Jy = {
|
|
11483
11479
|
borderRadius: 4
|
|
11484
11480
|
};
|
|
11485
|
-
function
|
|
11481
|
+
function pd(e = 8, t = Ms({
|
|
11486
11482
|
spacing: e
|
|
11487
11483
|
})) {
|
|
11488
11484
|
if (e.mui)
|
|
@@ -11506,14 +11502,14 @@ function Qy(e, t) {
|
|
|
11506
11502
|
}
|
|
11507
11503
|
return n.palette.mode === e ? t : {};
|
|
11508
11504
|
}
|
|
11509
|
-
function
|
|
11505
|
+
function gd(e = {}, ...t) {
|
|
11510
11506
|
const {
|
|
11511
11507
|
breakpoints: n = {},
|
|
11512
11508
|
palette: r = {},
|
|
11513
11509
|
spacing: o,
|
|
11514
11510
|
shape: s = {},
|
|
11515
11511
|
...i
|
|
11516
|
-
} = e, a = Xy(n), c =
|
|
11512
|
+
} = e, a = Xy(n), c = pd(o);
|
|
11517
11513
|
let l = Ue({
|
|
11518
11514
|
breakpoints: a,
|
|
11519
11515
|
direction: "ltr",
|
|
@@ -11563,11 +11559,11 @@ function t1(e, t, n = "Mui") {
|
|
|
11563
11559
|
r[o] = Vs(e, o, n);
|
|
11564
11560
|
}), r;
|
|
11565
11561
|
}
|
|
11566
|
-
function
|
|
11562
|
+
function yd(e, t = "") {
|
|
11567
11563
|
return e.displayName || e.name || t;
|
|
11568
11564
|
}
|
|
11569
11565
|
function Ba(e, t, n) {
|
|
11570
|
-
const r =
|
|
11566
|
+
const r = yd(t);
|
|
11571
11567
|
return e.displayName || (r !== "" ? `${n}(${r})` : n);
|
|
11572
11568
|
}
|
|
11573
11569
|
function n1(e) {
|
|
@@ -11575,7 +11571,7 @@ function n1(e) {
|
|
|
11575
11571
|
if (typeof e == "string")
|
|
11576
11572
|
return e;
|
|
11577
11573
|
if (typeof e == "function")
|
|
11578
|
-
return
|
|
11574
|
+
return yd(e, "Component");
|
|
11579
11575
|
if (typeof e == "object")
|
|
11580
11576
|
switch (e.$$typeof) {
|
|
11581
11577
|
case dr.ForwardRef:
|
|
@@ -11587,7 +11583,7 @@ function n1(e) {
|
|
|
11587
11583
|
}
|
|
11588
11584
|
}
|
|
11589
11585
|
}
|
|
11590
|
-
function
|
|
11586
|
+
function bd(e) {
|
|
11591
11587
|
const {
|
|
11592
11588
|
variants: t,
|
|
11593
11589
|
...n
|
|
@@ -11600,7 +11596,7 @@ function vd(e) {
|
|
|
11600
11596
|
typeof o.style != "function" && (o.style = It(o.style));
|
|
11601
11597
|
}), r;
|
|
11602
11598
|
}
|
|
11603
|
-
const r1 =
|
|
11599
|
+
const r1 = gd();
|
|
11604
11600
|
function io(e) {
|
|
11605
11601
|
return e !== "ownerState" && e !== "theme" && e !== "sx" && e !== "as";
|
|
11606
11602
|
}
|
|
@@ -11628,11 +11624,11 @@ function or(e, t, n) {
|
|
|
11628
11624
|
} = r;
|
|
11629
11625
|
o = n ? Nt(It(i), n) : i;
|
|
11630
11626
|
}
|
|
11631
|
-
return
|
|
11627
|
+
return vd(e, r.variants, [o], n);
|
|
11632
11628
|
}
|
|
11633
11629
|
return r != null && r.isProcessed ? n ? Nt(It(r.style), n) : r.style : n ? Nt(It(r), n) : r;
|
|
11634
11630
|
}
|
|
11635
|
-
function
|
|
11631
|
+
function vd(e, t, n = [], r = void 0) {
|
|
11636
11632
|
var s;
|
|
11637
11633
|
let o;
|
|
11638
11634
|
e: for (let i = 0; i < t.length; i += 1) {
|
|
@@ -11667,7 +11663,7 @@ function i1(e = {}) {
|
|
|
11667
11663
|
s1(a, t, n);
|
|
11668
11664
|
}
|
|
11669
11665
|
return (a, c = {}) => {
|
|
11670
|
-
Yy(a, (
|
|
11666
|
+
Yy(a, (A) => A.filter((M) => M !== nn));
|
|
11671
11667
|
const {
|
|
11672
11668
|
name: l,
|
|
11673
11669
|
slot: d,
|
|
@@ -11675,7 +11671,7 @@ function i1(e = {}) {
|
|
|
11675
11671
|
skipSx: h,
|
|
11676
11672
|
// TODO v6: remove `lowercaseFirstLetter()` in the next major release
|
|
11677
11673
|
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
11678
|
-
overridesResolver: g = o1(
|
|
11674
|
+
overridesResolver: g = o1(xd(d)),
|
|
11679
11675
|
...b
|
|
11680
11676
|
} = c, m = l && l.startsWith("Mui") || d ? "components" : "custom", v = f !== void 0 ? f : (
|
|
11681
11677
|
// TODO v6: remove `Root` in the next major release
|
|
@@ -11688,22 +11684,22 @@ function i1(e = {}) {
|
|
|
11688
11684
|
shouldForwardProp: x,
|
|
11689
11685
|
label: c1(l, d),
|
|
11690
11686
|
...b
|
|
11691
|
-
}), w = (
|
|
11692
|
-
if (
|
|
11693
|
-
return
|
|
11694
|
-
if (typeof
|
|
11687
|
+
}), w = (A) => {
|
|
11688
|
+
if (A.__emotion_real === A)
|
|
11689
|
+
return A;
|
|
11690
|
+
if (typeof A == "function")
|
|
11695
11691
|
return function(P) {
|
|
11696
|
-
return or(P,
|
|
11692
|
+
return or(P, A, P.theme.modularCssLayers ? m : void 0);
|
|
11697
11693
|
};
|
|
11698
|
-
if (ct(
|
|
11699
|
-
const M =
|
|
11694
|
+
if (ct(A)) {
|
|
11695
|
+
const M = bd(A);
|
|
11700
11696
|
return function(z) {
|
|
11701
11697
|
return M.variants ? or(z, M, z.theme.modularCssLayers ? m : void 0) : z.theme.modularCssLayers ? Nt(M.style, m) : M.style;
|
|
11702
11698
|
};
|
|
11703
11699
|
}
|
|
11704
|
-
return
|
|
11705
|
-
}, S = (...
|
|
11706
|
-
const M = [], P =
|
|
11700
|
+
return A;
|
|
11701
|
+
}, S = (...A) => {
|
|
11702
|
+
const M = [], P = A.map(w), z = [];
|
|
11707
11703
|
if (M.push(s), l && g && z.push(function(J) {
|
|
11708
11704
|
var K, I;
|
|
11709
11705
|
const ee = (I = (K = J.theme.components) == null ? void 0 : K[l]) == null ? void 0 : I.styleOverrides;
|
|
@@ -11716,7 +11712,7 @@ function i1(e = {}) {
|
|
|
11716
11712
|
}), l && !v && z.push(function(J) {
|
|
11717
11713
|
var re, K;
|
|
11718
11714
|
const te = J.theme, ee = (K = (re = te == null ? void 0 : te.components) == null ? void 0 : re[l]) == null ? void 0 : K.variants;
|
|
11719
|
-
return ee ?
|
|
11715
|
+
return ee ? vd(J, ee, [], J.theme.modularCssLayers ? "theme" : void 0) : null;
|
|
11720
11716
|
}), k || z.push(nn), Array.isArray(P[0])) {
|
|
11721
11717
|
const B = P.shift(), J = new Array(M.length).fill(""), te = new Array(z.length).fill("");
|
|
11722
11718
|
let ee;
|
|
@@ -11733,7 +11729,7 @@ function a1(e, t, n) {
|
|
|
11733
11729
|
}
|
|
11734
11730
|
function c1(e, t) {
|
|
11735
11731
|
let n;
|
|
11736
|
-
return process.env.NODE_ENV !== "production" && e && (n = `${e}-${
|
|
11732
|
+
return process.env.NODE_ENV !== "production" && e && (n = `${e}-${xd(t || "Root")}`), n;
|
|
11737
11733
|
}
|
|
11738
11734
|
function l1(e) {
|
|
11739
11735
|
for (const t in e)
|
|
@@ -11746,7 +11742,7 @@ function d1(e) {
|
|
|
11746
11742
|
// it's a lowercase character
|
|
11747
11743
|
e.charCodeAt(0) > 96;
|
|
11748
11744
|
}
|
|
11749
|
-
function
|
|
11745
|
+
function xd(e) {
|
|
11750
11746
|
return e && e.charAt(0).toLowerCase() + e.slice(1);
|
|
11751
11747
|
}
|
|
11752
11748
|
function Bo(e, t, n = !1) {
|
|
@@ -11838,7 +11834,7 @@ function Mr(e) {
|
|
|
11838
11834
|
} = e;
|
|
11839
11835
|
return t.includes("rgb") ? r = r.map((o, s) => s < 3 ? parseInt(o, 10) : o) : t.includes("hsl") && (r[1] = `${r[1]}%`, r[2] = `${r[2]}%`), t.includes("color") ? r = `${n} ${r.join(" ")}` : r = `${r.join(", ")}`, `${t}(${r})`;
|
|
11840
11836
|
}
|
|
11841
|
-
function
|
|
11837
|
+
function wd(e) {
|
|
11842
11838
|
e = St(e);
|
|
11843
11839
|
const {
|
|
11844
11840
|
values: t
|
|
@@ -11852,7 +11848,7 @@ function Sd(e) {
|
|
|
11852
11848
|
}
|
|
11853
11849
|
function jo(e) {
|
|
11854
11850
|
e = St(e);
|
|
11855
|
-
let t = e.type === "hsl" || e.type === "hsla" ? St(
|
|
11851
|
+
let t = e.type === "hsl" || e.type === "hsla" ? St(wd(e)).values : e.values;
|
|
11856
11852
|
return t = t.map((n) => (e.type !== "color" && (n /= 255), n <= 0.03928 ? n / 12.92 : ((n + 0.055) / 1.055) ** 2.4)), Number((0.2126 * t[0] + 0.7152 * t[1] + 0.0722 * t[2]).toFixed(3));
|
|
11857
11853
|
}
|
|
11858
11854
|
function ja(e, t) {
|
|
@@ -11945,7 +11941,7 @@ function v1(e) {
|
|
|
11945
11941
|
let t, n;
|
|
11946
11942
|
return function(o) {
|
|
11947
11943
|
let s = t;
|
|
11948
|
-
return (s === void 0 || o.theme !== n) && (za.theme = o.theme, s =
|
|
11944
|
+
return (s === void 0 || o.theme !== n) && (za.theme = o.theme, s = bd(e(za)), t = s, n = o.theme), s;
|
|
11949
11945
|
};
|
|
11950
11946
|
}
|
|
11951
11947
|
function x1(e = "") {
|
|
@@ -12016,11 +12012,11 @@ function C1(e, t = {}) {
|
|
|
12016
12012
|
if (Object.entries(m || {}).forEach(([T, w]) => {
|
|
12017
12013
|
const {
|
|
12018
12014
|
vars: S,
|
|
12019
|
-
css:
|
|
12015
|
+
css: A,
|
|
12020
12016
|
varsWithDefaults: M
|
|
12021
12017
|
} = ao(w, t);
|
|
12022
12018
|
h = Ue(h, M), g[T] = {
|
|
12023
|
-
css:
|
|
12019
|
+
css: A,
|
|
12024
12020
|
vars: S
|
|
12025
12021
|
};
|
|
12026
12022
|
}), b) {
|
|
@@ -12035,12 +12031,12 @@ function C1(e, t = {}) {
|
|
|
12035
12031
|
};
|
|
12036
12032
|
}
|
|
12037
12033
|
function v(T, w) {
|
|
12038
|
-
var
|
|
12034
|
+
var A, M;
|
|
12039
12035
|
let S = o;
|
|
12040
12036
|
if (o === "class" && (S = ".%s"), o === "data" && (S = "[data-%s]"), o != null && o.startsWith("data-") && !o.includes("%s") && (S = `[${o}="%s"]`), T) {
|
|
12041
12037
|
if (S === "media")
|
|
12042
12038
|
return e.defaultColorScheme === T ? ":root" : {
|
|
12043
|
-
[`@media (prefers-color-scheme: ${((M = (
|
|
12039
|
+
[`@media (prefers-color-scheme: ${((M = (A = s[T]) == null ? void 0 : A.palette) == null ? void 0 : M.mode) || T})`]: {
|
|
12044
12040
|
":root": w
|
|
12045
12041
|
}
|
|
12046
12042
|
};
|
|
@@ -12075,13 +12071,13 @@ function C1(e, t = {}) {
|
|
|
12075
12071
|
...d
|
|
12076
12072
|
}), d);
|
|
12077
12073
|
const {
|
|
12078
|
-
[w]:
|
|
12074
|
+
[w]: A,
|
|
12079
12075
|
...M
|
|
12080
12076
|
} = g;
|
|
12081
|
-
if (
|
|
12077
|
+
if (A) {
|
|
12082
12078
|
const {
|
|
12083
12079
|
css: y
|
|
12084
|
-
} =
|
|
12080
|
+
} = A, $ = (z = (P = s[w]) == null ? void 0 : P.palette) == null ? void 0 : z.mode, B = !r && $ ? {
|
|
12085
12081
|
colorScheme: $,
|
|
12086
12082
|
...y
|
|
12087
12083
|
} : {
|
|
@@ -12170,7 +12166,7 @@ const In = {
|
|
|
12170
12166
|
800: "#2e7d32",
|
|
12171
12167
|
900: "#1b5e20"
|
|
12172
12168
|
};
|
|
12173
|
-
function
|
|
12169
|
+
function Sd() {
|
|
12174
12170
|
return {
|
|
12175
12171
|
// The colors used to style the text.
|
|
12176
12172
|
text: {
|
|
@@ -12210,8 +12206,8 @@ function Cd() {
|
|
|
12210
12206
|
}
|
|
12211
12207
|
};
|
|
12212
12208
|
}
|
|
12213
|
-
const
|
|
12214
|
-
function
|
|
12209
|
+
const E1 = Sd();
|
|
12210
|
+
function Cd() {
|
|
12215
12211
|
return {
|
|
12216
12212
|
text: {
|
|
12217
12213
|
primary: In.white,
|
|
@@ -12239,12 +12235,12 @@ function kd() {
|
|
|
12239
12235
|
}
|
|
12240
12236
|
};
|
|
12241
12237
|
}
|
|
12242
|
-
const Ua =
|
|
12238
|
+
const Ua = Cd();
|
|
12243
12239
|
function Za(e, t, n, r) {
|
|
12244
12240
|
const o = r.light || r, s = r.dark || r * 1.5;
|
|
12245
12241
|
e[t] || (e.hasOwnProperty(n) ? e[t] = e[n] : t === "light" ? e.light = Ds(e.main, o) : t === "dark" && (e.dark = Is(e.main, s)));
|
|
12246
12242
|
}
|
|
12247
|
-
function
|
|
12243
|
+
function A1(e = "light") {
|
|
12248
12244
|
return e === "dark" ? {
|
|
12249
12245
|
main: Bt[200],
|
|
12250
12246
|
light: Bt[50],
|
|
@@ -12317,9 +12313,9 @@ function $s(e) {
|
|
|
12317
12313
|
contrastThreshold: n = 3,
|
|
12318
12314
|
tonalOffset: r = 0.2,
|
|
12319
12315
|
...o
|
|
12320
|
-
} = e, s = e.primary ||
|
|
12316
|
+
} = e, s = e.primary || A1(t), i = e.secondary || P1(t), a = e.error || M1(t), c = e.info || N1(t), l = e.success || V1(t), d = e.warning || R1(t);
|
|
12321
12317
|
function f(m) {
|
|
12322
|
-
const v = ja(m, Ua.text.primary) >= n ? Ua.text.primary :
|
|
12318
|
+
const v = ja(m, Ua.text.primary) >= n ? Ua.text.primary : E1.text.primary;
|
|
12323
12319
|
if (process.env.NODE_ENV !== "production") {
|
|
12324
12320
|
const k = ja(m, v);
|
|
12325
12321
|
k < 3 && console.error([`MUI: The contrast ratio of ${k}:1 for ${v} on ${m}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
|
|
@@ -12357,7 +12353,7 @@ const theme2 = createTheme({ palette: {
|
|
|
12357
12353
|
return Za(m, "light", x, r), Za(m, "dark", T, r), m.contrastText || (m.contrastText = f(m.main)), m;
|
|
12358
12354
|
};
|
|
12359
12355
|
let g;
|
|
12360
|
-
return t === "light" ? g =
|
|
12356
|
+
return t === "light" ? g = Sd() : t === "dark" && (g = Cd()), process.env.NODE_ENV !== "production" && (g || console.error(`MUI: The palette mode \`${t}\` is not supported.`)), Ue({
|
|
12361
12357
|
// A collection of common colors.
|
|
12362
12358
|
common: {
|
|
12363
12359
|
...In
|
|
@@ -12592,7 +12588,7 @@ const Z1 = {
|
|
|
12592
12588
|
function W1(e) {
|
|
12593
12589
|
return ct(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
|
|
12594
12590
|
}
|
|
12595
|
-
function
|
|
12591
|
+
function kd(e = {}) {
|
|
12596
12592
|
const t = {
|
|
12597
12593
|
...e
|
|
12598
12594
|
};
|
|
@@ -12629,7 +12625,7 @@ function zo(e = {}, ...t) {
|
|
|
12629
12625
|
// `generateThemeVars` is the closest identifier for checking that the `options` is a result of `createTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
|
|
12630
12626
|
e.generateThemeVars === void 0)
|
|
12631
12627
|
throw new Error(process.env.NODE_ENV !== "production" ? "MUI: `vars` is a private field used for CSS variables support.\nPlease use another name or follow the [docs](https://mui.com/material-ui/customization/css-theme-variables/usage/) to enable the feature." : wt(20));
|
|
12632
|
-
const d = $s(s), f =
|
|
12628
|
+
const d = $s(s), f = gd(e);
|
|
12633
12629
|
let h = Ue(f, {
|
|
12634
12630
|
mixins: D1(f.breakpoints, r),
|
|
12635
12631
|
palette: d,
|
|
@@ -12673,7 +12669,7 @@ function zo(e = {}, ...t) {
|
|
|
12673
12669
|
sx: b,
|
|
12674
12670
|
theme: this
|
|
12675
12671
|
});
|
|
12676
|
-
}, h.toRuntimeSource =
|
|
12672
|
+
}, h.toRuntimeSource = kd, h;
|
|
12677
12673
|
}
|
|
12678
12674
|
function G1(e) {
|
|
12679
12675
|
let t;
|
|
@@ -12685,7 +12681,7 @@ const K1 = [...Array(25)].map((e, t) => {
|
|
|
12685
12681
|
const n = G1(t);
|
|
12686
12682
|
return `linear-gradient(rgba(255 255 255 / ${n}), rgba(255 255 255 / ${n}))`;
|
|
12687
12683
|
});
|
|
12688
|
-
function
|
|
12684
|
+
function Td(e) {
|
|
12689
12685
|
return {
|
|
12690
12686
|
inputPlaceholder: e === "dark" ? 0.5 : 0.42,
|
|
12691
12687
|
inputUnderline: e === "dark" ? 0.7 : 0.42,
|
|
@@ -12709,7 +12705,7 @@ function Y1(e) {
|
|
|
12709
12705
|
return {
|
|
12710
12706
|
palette: s,
|
|
12711
12707
|
opacity: {
|
|
12712
|
-
...
|
|
12708
|
+
...Td(s.mode),
|
|
12713
12709
|
...n
|
|
12714
12710
|
},
|
|
12715
12711
|
overlays: r || Ed(s.mode),
|
|
@@ -12767,7 +12763,7 @@ function R(e, t, n) {
|
|
|
12767
12763
|
!e[t] && n && (e[t] = n);
|
|
12768
12764
|
}
|
|
12769
12765
|
function vn(e) {
|
|
12770
|
-
return typeof e != "string" || !e.startsWith("hsl") ? e :
|
|
12766
|
+
return typeof e != "string" || !e.startsWith("hsl") ? e : wd(e);
|
|
12771
12767
|
}
|
|
12772
12768
|
function at(e, t) {
|
|
12773
12769
|
`${t}Channel` in e || (e[`${t}Channel`] = bn(vn(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
|
|
@@ -12811,7 +12807,7 @@ function co(e, t, n, r) {
|
|
|
12811
12807
|
...t,
|
|
12812
12808
|
palette: s,
|
|
12813
12809
|
opacity: {
|
|
12814
|
-
...
|
|
12810
|
+
...Td(o),
|
|
12815
12811
|
...t == null ? void 0 : t.opacity
|
|
12816
12812
|
},
|
|
12817
12813
|
overlays: (t == null ? void 0 : t.overlays) || Ed(o)
|
|
@@ -12882,14 +12878,14 @@ function nb(e = {}, ...t) {
|
|
|
12882
12878
|
shouldSkipGeneratingVar: i,
|
|
12883
12879
|
getSelector: J1(w)
|
|
12884
12880
|
}, {
|
|
12885
|
-
vars:
|
|
12881
|
+
vars: A,
|
|
12886
12882
|
generateThemeVars: M,
|
|
12887
12883
|
generateStyleSheets: P
|
|
12888
12884
|
} = C1(w, S);
|
|
12889
|
-
return w.vars =
|
|
12885
|
+
return w.vars = A, Object.entries(w.colorSchemes[w.defaultColorScheme]).forEach(([z, y]) => {
|
|
12890
12886
|
w[z] = y;
|
|
12891
12887
|
}), w.generateThemeVars = M, w.generateStyleSheets = P, w.generateSpacing = function() {
|
|
12892
|
-
return
|
|
12888
|
+
return pd(l.spacing, Ms(this));
|
|
12893
12889
|
}, w.getColorSchemeSelector = k1(a), w.spacing = w.generateSpacing(), w.shouldSkipGeneratingVar = i, w.unstable_sxConfig = {
|
|
12894
12890
|
...Pr,
|
|
12895
12891
|
...l == null ? void 0 : l.unstable_sxConfig
|
|
@@ -12898,7 +12894,7 @@ function nb(e = {}, ...t) {
|
|
|
12898
12894
|
sx: y,
|
|
12899
12895
|
theme: this
|
|
12900
12896
|
});
|
|
12901
|
-
}, w.toRuntimeSource =
|
|
12897
|
+
}, w.toRuntimeSource = kd, w;
|
|
12902
12898
|
}
|
|
12903
12899
|
function Ya(e, t, n) {
|
|
12904
12900
|
e.colorSchemes && n && (e.colorSchemes[t] = {
|
|
@@ -13219,11 +13215,11 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13219
13215
|
r: "3.2"
|
|
13220
13216
|
}, "0"), /* @__PURE__ */ u("path", {
|
|
13221
13217
|
d: "M9 2 7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5"
|
|
13222
|
-
}, "1")], "CameraAlt"),
|
|
13218
|
+
}, "1")], "CameraAlt"), Ad = dn(/* @__PURE__ */ u("path", {
|
|
13223
13219
|
d: "M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M6 9h12v2H6zm8 5H6v-2h8zm4-6H6V6h12z"
|
|
13224
|
-
}), "Chat"),
|
|
13220
|
+
}), "Chat"), Pd = dn(/* @__PURE__ */ u("path", {
|
|
13225
13221
|
d: "M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3m5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72z"
|
|
13226
|
-
}), "Mic"),
|
|
13222
|
+
}), "Mic"), Md = dn(/* @__PURE__ */ u("path", {
|
|
13227
13223
|
d: "M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11z"
|
|
13228
13224
|
}), "Videocam"), yb = ({
|
|
13229
13225
|
disabled: e,
|
|
@@ -13240,22 +13236,22 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13240
13236
|
var K, I, q, N, U, Y, V;
|
|
13241
13237
|
const [d, f] = X(!1), [h, g] = X(!1), [b, m] = X(!1), [v, k] = X(() => {
|
|
13242
13238
|
var L;
|
|
13243
|
-
const
|
|
13244
|
-
return console.log("SessionView: Initializing with existing interaction:", (
|
|
13245
|
-
}), { messages: x, send: T } = I0(), w = Be(null), S = Be(null), { agent: { isActive:
|
|
13239
|
+
const E = (L = a == null ? void 0 : a.getCurrentInteraction) == null ? void 0 : L.call(a);
|
|
13240
|
+
return console.log("SessionView: Initializing with existing interaction:", (E == null ? void 0 : E.methodName) || "none"), E || null;
|
|
13241
|
+
}), { messages: x, send: T } = I0(), w = Be(null), S = Be(null), { agent: { isActive: A = !1 } = {} } = a ? ld(a) : { agent: { isActive: !1 } }, M = Fe(i), P = de.useMemo(() => a && typeof a.getCurrentSession == "function" ? !!a.getCurrentSession() : !1, [a]), z = de.useMemo(() => a && typeof a.getIsAgentConnected == "function" && a.getIsAgentConnected() || b, [a, b]), y = A || z;
|
|
13246
13242
|
de.useEffect(() => {
|
|
13247
|
-
var
|
|
13243
|
+
var E, L;
|
|
13248
13244
|
console.log("🤖 SessionView agent state:", {
|
|
13249
|
-
isAgentActive:
|
|
13245
|
+
isAgentActive: A,
|
|
13250
13246
|
hasActiveSession: P,
|
|
13251
13247
|
isAgentActuallyConnected: z,
|
|
13252
13248
|
effectiveAgentActive: y,
|
|
13253
13249
|
sessionStarted: n,
|
|
13254
|
-
clientSession: (L = (
|
|
13250
|
+
clientSession: (L = (E = a == null ? void 0 : a.getCurrentSession) == null ? void 0 : E.call(a)) == null ? void 0 : L.id
|
|
13255
13251
|
});
|
|
13256
|
-
}, [
|
|
13257
|
-
console.log("🤖 Agent active state changed:",
|
|
13258
|
-
}, [
|
|
13252
|
+
}, [A, P, z, y, n, a]), de.useEffect(() => {
|
|
13253
|
+
console.log("🤖 Agent active state changed:", A);
|
|
13254
|
+
}, [A]), de.useEffect(() => {
|
|
13259
13255
|
console.log("📋 Session state changed:", {
|
|
13260
13256
|
sessionStarted: n,
|
|
13261
13257
|
disabled: e,
|
|
@@ -13267,28 +13263,28 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13267
13263
|
}, [n, e, o, y, d, v]), de.useEffect(() => {
|
|
13268
13264
|
if (n && !y) {
|
|
13269
13265
|
console.log("⏰ Starting agent timeout detection...");
|
|
13270
|
-
const
|
|
13266
|
+
const E = setTimeout(() => {
|
|
13271
13267
|
P && !y && (console.log("⚡ Fallback: Assuming agent is connected after 5 seconds with active session"), m(!0), g(!1));
|
|
13272
13268
|
}, 5e3), L = setTimeout(() => {
|
|
13273
13269
|
y || (console.log("⚠️ Agent timeout: Agent did not become active within 30 seconds"), g(!0));
|
|
13274
13270
|
}, 3e4);
|
|
13275
13271
|
return () => {
|
|
13276
|
-
clearTimeout(
|
|
13272
|
+
clearTimeout(E), clearTimeout(L);
|
|
13277
13273
|
};
|
|
13278
13274
|
} else y && (console.log("✅ Agent is active, clearing timeout"), g(!1));
|
|
13279
13275
|
}, [n, y, P]), de.useEffect(() => {
|
|
13280
13276
|
if (!a) return;
|
|
13281
|
-
const
|
|
13277
|
+
const E = () => {
|
|
13282
13278
|
console.log("🔄 Client connection state changed:", a.connected);
|
|
13283
13279
|
}, L = (O) => {
|
|
13284
13280
|
console.log("🔴 Client disconnected:", O), k(null), f(!1), g(!1);
|
|
13285
13281
|
};
|
|
13286
|
-
return a.on("connection.connected",
|
|
13287
|
-
a.off("connection.connected",
|
|
13282
|
+
return a.on("connection.connected", E), a.on("connection.disconnected", L), () => {
|
|
13283
|
+
a.off("connection.connected", E), a.off("connection.disconnected", L);
|
|
13288
13284
|
};
|
|
13289
13285
|
}, [a]), de.useEffect(() => {
|
|
13290
13286
|
if (!a) return;
|
|
13291
|
-
const
|
|
13287
|
+
const E = (D) => {
|
|
13292
13288
|
console.log("🤖 SessionView: Agent connected!", D), m(!0), g(!1);
|
|
13293
13289
|
}, L = (D) => {
|
|
13294
13290
|
console.log("🗣️ SessionView: Agent speaking detected!", D), b || (m(!0), g(!1));
|
|
@@ -13297,12 +13293,12 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13297
13293
|
}, F = () => {
|
|
13298
13294
|
console.log("🤖 SessionView: Agent disconnected"), m(!1);
|
|
13299
13295
|
};
|
|
13300
|
-
return a.on("agent.connected",
|
|
13301
|
-
a.off("agent.connected",
|
|
13296
|
+
return a.on("agent.connected", E), a.on("agent.speaking", L), a.on("agent.thinking", O), a.on("connection.disconnected", F), () => {
|
|
13297
|
+
a.off("agent.connected", E), a.off("agent.speaking", L), a.off("agent.thinking", O), a.off("connection.disconnected", F);
|
|
13302
13298
|
};
|
|
13303
13299
|
}, [a, b]), de.useEffect(() => {
|
|
13304
13300
|
if (!a) return;
|
|
13305
|
-
const
|
|
13301
|
+
const E = (D) => {
|
|
13306
13302
|
console.log("🎯 SessionView: RPC Interaction started:", D);
|
|
13307
13303
|
const H = a.getCurrentInteraction();
|
|
13308
13304
|
H && (console.log("📱 SessionView: Setting current interaction:", H.methodName, "mode:", H.presentationMode), k(H));
|
|
@@ -13313,21 +13309,21 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13313
13309
|
}, F = async (D) => {
|
|
13314
13310
|
console.log("❌ SessionView: RPC Interaction dismissed:", D), k(null);
|
|
13315
13311
|
};
|
|
13316
|
-
return a.on("rpc.interaction.started",
|
|
13317
|
-
a.off("rpc.interaction.started",
|
|
13312
|
+
return a.on("rpc.interaction.started", E), a.on("rpc.interaction.completed", L), a.on("rpc.interaction.timeout", O), a.on("rpc.interaction.dismissed", F), () => {
|
|
13313
|
+
a.off("rpc.interaction.started", E), a.off("rpc.interaction.completed", L), a.off("rpc.interaction.timeout", O), a.off("rpc.interaction.dismissed", F);
|
|
13318
13314
|
};
|
|
13319
13315
|
}, [a]), de.useEffect(() => {
|
|
13320
13316
|
if (!a) return;
|
|
13321
|
-
const
|
|
13322
|
-
|
|
13317
|
+
const E = a.getCurrentInteraction();
|
|
13318
|
+
E ? (console.log("🔄 SessionView: Syncing with existing interaction:", E.methodName), k(E)) : k(null);
|
|
13323
13319
|
}, [a]), de.useEffect(() => {
|
|
13324
13320
|
console.log("🎭 SessionView: Current interaction changed:", (v == null ? void 0 : v.methodName) || "none", "mode:", (v == null ? void 0 : v.presentationMode) || "none");
|
|
13325
13321
|
}, [v]), de.useEffect(() => {
|
|
13326
|
-
var
|
|
13322
|
+
var E, L, O;
|
|
13327
13323
|
console.log("📱 SessionView: Display type changed to:", c), console.log("📱 SessionView: Current session state during display change:", {
|
|
13328
13324
|
sessionStarted: n,
|
|
13329
13325
|
effectiveAgentActive: y,
|
|
13330
|
-
hasSession: !!((
|
|
13326
|
+
hasSession: !!((E = a == null ? void 0 : a.getCurrentSession) != null && E.call(a)),
|
|
13331
13327
|
sessionId: (O = (L = a == null ? void 0 : a.getCurrentSession) == null ? void 0 : L.call(a)) == null ? void 0 : O.id
|
|
13332
13328
|
});
|
|
13333
13329
|
}, [c, n, y, a]), de.useEffect(() => {
|
|
@@ -13337,11 +13333,11 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13337
13333
|
}, [v, d]), D0(), Te(() => {
|
|
13338
13334
|
w.current && d && x.length > 0 && (console.log("📜 SessionView: Auto-scrolling to latest message, count:", x.length), setTimeout(() => {
|
|
13339
13335
|
if (w.current) {
|
|
13340
|
-
let
|
|
13341
|
-
for (;
|
|
13342
|
-
|
|
13343
|
-
|
|
13344
|
-
top:
|
|
13336
|
+
let E = w.current.parentElement;
|
|
13337
|
+
for (; E && E.scrollHeight <= E.clientHeight; )
|
|
13338
|
+
E = E.parentElement;
|
|
13339
|
+
E ? (console.log("📜 SessionView: Scrolling container found, scrolling to bottom"), E.scrollTo({
|
|
13340
|
+
top: E.scrollHeight,
|
|
13345
13341
|
behavior: "smooth"
|
|
13346
13342
|
})) : (console.log("📜 SessionView: Using fallback scroll method"), w.current.scrollIntoView({
|
|
13347
13343
|
behavior: "smooth",
|
|
@@ -13364,8 +13360,8 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13364
13360
|
messageLength: ((Le = D.message) == null ? void 0 : Le.length) || 0
|
|
13365
13361
|
};
|
|
13366
13362
|
}));
|
|
13367
|
-
const
|
|
13368
|
-
console.log("📝 SessionView: Raw transcriptions count:",
|
|
13363
|
+
const E = ((O = a == null ? void 0 : a.getTranscriptions) == null ? void 0 : O.call(a)) || [], L = ((F = a == null ? void 0 : a.getChatMessages) == null ? void 0 : F.call(a)) || [];
|
|
13364
|
+
console.log("📝 SessionView: Raw transcriptions count:", E.length), console.log("📝 SessionView: Raw chat messages count:", L.length);
|
|
13369
13365
|
}, [x.length, x, a]), Te(() => {
|
|
13370
13366
|
console.log("💬 SessionView: Chat state changed:", {
|
|
13371
13367
|
chatOpen: d,
|
|
@@ -13374,14 +13370,14 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13374
13370
|
hasMessages: x.length > 0
|
|
13375
13371
|
});
|
|
13376
13372
|
}, [d, x.length, c]);
|
|
13377
|
-
async function $(
|
|
13378
|
-
await T(
|
|
13373
|
+
async function $(E) {
|
|
13374
|
+
await T(E);
|
|
13379
13375
|
}
|
|
13380
|
-
const B = de.useCallback((
|
|
13381
|
-
console.log("📝 SessionView: Adding local message for voice session context:",
|
|
13382
|
-
}, []), J = de.useCallback(async (
|
|
13376
|
+
const B = de.useCallback((E) => {
|
|
13377
|
+
console.log("📝 SessionView: Adding local message for voice session context:", E);
|
|
13378
|
+
}, []), J = de.useCallback(async (E) => {
|
|
13383
13379
|
try {
|
|
13384
|
-
a && typeof a.sendAttachments == "function" && (await a.sendAttachments(
|
|
13380
|
+
a && typeof a.sendAttachments == "function" && (await a.sendAttachments(E), console.log("📎 SessionView: Attachments sent successfully:", E.map((L) => L.name)));
|
|
13385
13381
|
} catch (L) {
|
|
13386
13382
|
console.error("❌ SessionView: Failed to send attachments:", L);
|
|
13387
13383
|
}
|
|
@@ -13396,8 +13392,8 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13396
13392
|
}), v && (console.log("🎭 SessionView: Dismissing current interaction:", v.methodName), k(null), a && typeof a.dismissCurrentInteraction == "function" && a.dismissCurrentInteraction()), f(!1), g(!1), console.log("✅ SessionView: Local state reset"), a && typeof a.endSession == "function" && (a.endSession(), console.log("✅ SessionView: Session ended via client.endSession()")), a && typeof a.disconnect == "function" && (a.disconnect(), console.log("✅ SessionView: Client disconnected")), l ? (console.log("🔄 SessionView: Calling onBack to return to welcome..."), setTimeout(() => {
|
|
13397
13393
|
l(), console.log("✅ SessionView: onBack called");
|
|
13398
13394
|
}, 150)) : console.warn("⚠️ SessionView: No onBack function provided - cannot return to welcome"), console.log("🏁 SessionView: Call ended and cleanup completed");
|
|
13399
|
-
} catch (
|
|
13400
|
-
console.error("❌ SessionView: Failed to end call:",
|
|
13395
|
+
} catch (E) {
|
|
13396
|
+
console.error("❌ SessionView: Failed to end call:", E), k(null), f(!1), g(!1), l && (console.log("🔄 SessionView: Error occurred, still calling onBack..."), l());
|
|
13401
13397
|
}
|
|
13402
13398
|
}, [a, l, v, n, y, d]);
|
|
13403
13399
|
de.useEffect(() => (console.log("🔄 SessionView: Component mounted/props changed:", {
|
|
@@ -13416,14 +13412,14 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13416
13412
|
});
|
|
13417
13413
|
}, [l]), de.useEffect(() => {
|
|
13418
13414
|
var L, O;
|
|
13419
|
-
const
|
|
13420
|
-
S.current && !
|
|
13415
|
+
const E = ((O = (L = a == null ? void 0 : a.getCurrentSession) == null ? void 0 : L.call(a)) == null ? void 0 : O.id) || null;
|
|
13416
|
+
S.current && !E && console.warn("⚠️ SessionView: Session was lost unexpectedly!", {
|
|
13421
13417
|
previousSession: S.current,
|
|
13422
|
-
currentSession:
|
|
13418
|
+
currentSession: E,
|
|
13423
13419
|
displayType: c,
|
|
13424
13420
|
sessionStarted: n,
|
|
13425
13421
|
effectiveAgentActive: y
|
|
13426
|
-
}), S.current =
|
|
13422
|
+
}), S.current = E;
|
|
13427
13423
|
}, [a, c, n, y]);
|
|
13428
13424
|
const ee = G(
|
|
13429
13425
|
"w-full flex flex-col items-center justify-center",
|
|
@@ -13459,7 +13455,7 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13459
13455
|
scale: { duration: 1, repeat: 1 / 0, ease: "easeInOut" }
|
|
13460
13456
|
},
|
|
13461
13457
|
className: "w-12 h-12 mb-4",
|
|
13462
|
-
children: /* @__PURE__ */ u(
|
|
13458
|
+
children: /* @__PURE__ */ u(As, { className: M.spinner, weight: "bold" })
|
|
13463
13459
|
}
|
|
13464
13460
|
),
|
|
13465
13461
|
/* @__PURE__ */ u(
|
|
@@ -13550,7 +13546,7 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13550
13546
|
{
|
|
13551
13547
|
ref: w,
|
|
13552
13548
|
className: "space-y-4 relative whitespace-pre-wrap z-0",
|
|
13553
|
-
children: /* @__PURE__ */ u(qt, { mode: "popLayout", children: x.map((
|
|
13549
|
+
children: /* @__PURE__ */ u(qt, { mode: "popLayout", children: x.map((E, L) => /* @__PURE__ */ u(
|
|
13554
13550
|
ie.div,
|
|
13555
13551
|
{
|
|
13556
13552
|
initial: { opacity: 0, y: 20 },
|
|
@@ -13563,9 +13559,9 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13563
13559
|
// Stagger animation for smooth appearance
|
|
13564
13560
|
},
|
|
13565
13561
|
layout: !0,
|
|
13566
|
-
children: /* @__PURE__ */ u(S0, { participantName: o, entry:
|
|
13562
|
+
children: /* @__PURE__ */ u(S0, { participantName: o, entry: E })
|
|
13567
13563
|
},
|
|
13568
|
-
|
|
13564
|
+
E.id || `message-${L}`
|
|
13569
13565
|
)) })
|
|
13570
13566
|
}
|
|
13571
13567
|
)
|
|
@@ -13608,8 +13604,8 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13608
13604
|
interaction: v,
|
|
13609
13605
|
theme: i,
|
|
13610
13606
|
onDismiss: () => {
|
|
13611
|
-
var
|
|
13612
|
-
return (
|
|
13607
|
+
var E;
|
|
13608
|
+
return (E = a == null ? void 0 : a.dismissCurrentInteraction) == null ? void 0 : E.call(a);
|
|
13613
13609
|
},
|
|
13614
13610
|
client: a,
|
|
13615
13611
|
addLocalMessage: B
|
|
@@ -13643,8 +13639,8 @@ const mb = dn(/* @__PURE__ */ u("path", {
|
|
|
13643
13639
|
interaction: v,
|
|
13644
13640
|
theme: i,
|
|
13645
13641
|
onDismiss: () => {
|
|
13646
|
-
var
|
|
13647
|
-
return (
|
|
13642
|
+
var E;
|
|
13643
|
+
return (E = a == null ? void 0 : a.dismissCurrentInteraction) == null ? void 0 : E.call(a);
|
|
13648
13644
|
},
|
|
13649
13645
|
client: a,
|
|
13650
13646
|
addLocalMessage: B
|
|
@@ -13694,15 +13690,15 @@ function bb({
|
|
|
13694
13690
|
const [l, d] = de.useState(!1), f = de.useRef(null), h = de.useRef(null);
|
|
13695
13691
|
de.useEffect(() => {
|
|
13696
13692
|
const x = () => {
|
|
13697
|
-
const T = navigator.userAgent.toLowerCase(), S = ["android", "iphone", "ipad", "mobile", "tablet"].some((P) => T.includes(P)),
|
|
13698
|
-
d(S ||
|
|
13693
|
+
const T = navigator.userAgent.toLowerCase(), S = ["android", "iphone", "ipad", "mobile", "tablet"].some((P) => T.includes(P)), A = "ontouchstart" in window || navigator.maxTouchPoints > 0, M = window.innerWidth <= 768;
|
|
13694
|
+
d(S || A && M);
|
|
13699
13695
|
};
|
|
13700
13696
|
return x(), window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
|
|
13701
13697
|
}, []);
|
|
13702
13698
|
const g = (x) => {
|
|
13703
13699
|
const T = x.target.files;
|
|
13704
13700
|
if (T && T.length > 0) {
|
|
13705
|
-
const S = Array.from(T).filter((
|
|
13701
|
+
const S = Array.from(T).filter((A) => A.type.startsWith("image/"));
|
|
13706
13702
|
if (S.length === 0) {
|
|
13707
13703
|
console.warn("No valid image files selected");
|
|
13708
13704
|
return;
|
|
@@ -13826,12 +13822,12 @@ function vb({ onSendMessage: e, onSendAttachments: t, disabled: n, theme: r, onE
|
|
|
13826
13822
|
}, v = (w) => {
|
|
13827
13823
|
const S = w.target.files;
|
|
13828
13824
|
if (S && S.length > 0) {
|
|
13829
|
-
const
|
|
13825
|
+
const A = Array.from(S), M = A.filter((P) => P.type.startsWith("image/"));
|
|
13830
13826
|
if (M.length === 0) {
|
|
13831
13827
|
console.warn("No valid image files selected");
|
|
13832
13828
|
return;
|
|
13833
13829
|
}
|
|
13834
|
-
M.length !==
|
|
13830
|
+
M.length !== A.length && console.warn("Some non-image files were filtered out"), console.log("Selected image files:", M), t(M), l.current && (l.current.value = "");
|
|
13835
13831
|
}
|
|
13836
13832
|
}, k = () => {
|
|
13837
13833
|
!n && l.current && l.current.click();
|
|
@@ -13840,8 +13836,8 @@ function vb({ onSendMessage: e, onSendAttachments: t, disabled: n, theme: r, onE
|
|
|
13840
13836
|
}, T = (w) => {
|
|
13841
13837
|
const S = w.target.files;
|
|
13842
13838
|
if (S && S.length > 0) {
|
|
13843
|
-
const
|
|
13844
|
-
|
|
13839
|
+
const A = S[0];
|
|
13840
|
+
A.type.startsWith("image/") ? t([A]) : console.warn("Selected file is not an image"), d.current && (d.current.value = "");
|
|
13845
13841
|
}
|
|
13846
13842
|
};
|
|
13847
13843
|
return /* @__PURE__ */ u("div", { className: "px-4 py-3 !w-full backdrop-blur-xl border-0 shadow-lg ", children: /* @__PURE__ */ u("form", { onSubmit: b, className: "flex items-center !w-full mx-auto max-w-4xl", children: /* @__PURE__ */ C("div", { className: `flex items-center gap-2 !w-full backdrop-blur-md rounded-full px-3 py-2 shadow-sm hover:shadow-md focus-within:shadow-lg focus-within:ring-2 focus-within:ring-blue-500/30 focus-within:border-blue-500/50 transition-all duration-200 border ${r === "light" ? "bg-white/90 border-gray-200" : g.chatInput.container}`, children: [
|
|
@@ -13855,7 +13851,7 @@ function vb({ onSendMessage: e, onSendAttachments: t, disabled: n, theme: r, onE
|
|
|
13855
13851
|
className: `p-1 rounded-full transition-all duration-200 border-0 ${g.chatInput.attachButton}`,
|
|
13856
13852
|
disabled: n,
|
|
13857
13853
|
"aria-label": "Attach file",
|
|
13858
|
-
children: /* @__PURE__ */ u(
|
|
13854
|
+
children: /* @__PURE__ */ u(iu, { className: "w-4 h-4" })
|
|
13859
13855
|
}
|
|
13860
13856
|
),
|
|
13861
13857
|
f && /* @__PURE__ */ u(
|
|
@@ -13868,7 +13864,7 @@ function vb({ onSendMessage: e, onSendAttachments: t, disabled: n, theme: r, onE
|
|
|
13868
13864
|
className: `p-1 rounded-full transition-all duration-200 border-0 ${g.chatInput.attachButton}`,
|
|
13869
13865
|
disabled: n,
|
|
13870
13866
|
"aria-label": "Take photo",
|
|
13871
|
-
children: /* @__PURE__ */ u(
|
|
13867
|
+
children: /* @__PURE__ */ u(ac, { className: "w-4 h-4" })
|
|
13872
13868
|
}
|
|
13873
13869
|
),
|
|
13874
13870
|
/* @__PURE__ */ u(
|
|
@@ -13924,7 +13920,7 @@ function vb({ onSendMessage: e, onSendAttachments: t, disabled: n, theme: r, onE
|
|
|
13924
13920
|
whileTap: { scale: 0.95 },
|
|
13925
13921
|
className: `p-1 rounded-full transition-all duration-200 border-0 flex-shrink-0 ${s.trim() && !n ? g.chatInput.sendButton : r === "light" ? "bg-gray-200 text-gray-400 cursor-not-allowed opacity-70" : "bg-gray-600/50 text-gray-500 cursor-not-allowed opacity-50"}`,
|
|
13926
13922
|
"aria-label": "Send message",
|
|
13927
|
-
children: /* @__PURE__ */ u(
|
|
13923
|
+
children: /* @__PURE__ */ u(au, { className: "w-4 h-4" })
|
|
13928
13924
|
}
|
|
13929
13925
|
),
|
|
13930
13926
|
o && /* @__PURE__ */ u(
|
|
@@ -13936,7 +13932,7 @@ function vb({ onSendMessage: e, onSendAttachments: t, disabled: n, theme: r, onE
|
|
|
13936
13932
|
whileTap: { scale: 0.95 },
|
|
13937
13933
|
className: `p-1 rounded-full transition-all duration-200 border-0 flex-shrink-0 ${g.chatInput.endButton}`,
|
|
13938
13934
|
"aria-label": "End chat",
|
|
13939
|
-
children: /* @__PURE__ */ u(
|
|
13935
|
+
children: /* @__PURE__ */ u(cc, { className: "w-4 h-4" })
|
|
13940
13936
|
}
|
|
13941
13937
|
)
|
|
13942
13938
|
] }) }) });
|
|
@@ -14024,7 +14020,7 @@ function wb({ message: e, theme: t, isOwn: n, isStreaming: r = !1 }) {
|
|
|
14024
14020
|
] }) });
|
|
14025
14021
|
}
|
|
14026
14022
|
function Sb(e, t) {
|
|
14027
|
-
return e.startsWith("image/") ?
|
|
14023
|
+
return e.startsWith("image/") ? lu : e.startsWith("video/") ? du : e.startsWith("audio/") ? uu : e.includes("zip") || e.includes("rar") || e.includes("archive") ? fu : hu;
|
|
14028
14024
|
}
|
|
14029
14025
|
function Cb(e) {
|
|
14030
14026
|
if (e === 0) return "0 Bytes";
|
|
@@ -14047,9 +14043,9 @@ function kb({ message: e, theme: t, isOwn: n }) {
|
|
|
14047
14043
|
const M = document.createElement("a");
|
|
14048
14044
|
M.href = h, M.download = s, M.click();
|
|
14049
14045
|
}
|
|
14050
|
-
},
|
|
14046
|
+
}, A = a.startsWith("image/") && x;
|
|
14051
14047
|
return /* @__PURE__ */ C("div", { className: "flex flex-col gap-2 max-w-sm", children: [
|
|
14052
|
-
|
|
14048
|
+
A && /* @__PURE__ */ C("div", { className: "relative rounded-lg overflow-hidden", children: [
|
|
14053
14049
|
/* @__PURE__ */ u(
|
|
14054
14050
|
"img",
|
|
14055
14051
|
{
|
|
@@ -14105,7 +14101,7 @@ function kb({ message: e, theme: t, isOwn: n }) {
|
|
|
14105
14101
|
${t === "light" ? "hover:bg-gray-200 text-gray-600 hover:text-gray-800" : "hover:bg-gray-600 text-gray-400 hover:text-gray-200"}
|
|
14106
14102
|
`,
|
|
14107
14103
|
"aria-label": "Download file",
|
|
14108
|
-
children: /* @__PURE__ */ u(
|
|
14104
|
+
children: /* @__PURE__ */ u(cu, { className: "w-4 h-4" })
|
|
14109
14105
|
}
|
|
14110
14106
|
)
|
|
14111
14107
|
] })
|
|
@@ -14118,14 +14114,14 @@ function Tb() {
|
|
|
14118
14114
|
/* @__PURE__ */ u("div", { className: "text-xs text-gray-600 text-center mb-1", children: "Your action was completed successfully." })
|
|
14119
14115
|
] });
|
|
14120
14116
|
}
|
|
14121
|
-
function
|
|
14117
|
+
function Eb() {
|
|
14122
14118
|
return /* @__PURE__ */ C("div", { className: "max-w-xs mx-auto bg-yellow-50 border border-yellow-200 rounded-lg shadow p-3 flex flex-col items-center", children: [
|
|
14123
14119
|
/* @__PURE__ */ u("div", { className: "text-2xl mb-2", children: "⏰" }),
|
|
14124
14120
|
/* @__PURE__ */ u("div", { className: "text-yellow-700 font-semibold text-sm mb-1", children: "Interaction timed out" }),
|
|
14125
14121
|
/* @__PURE__ */ u("div", { className: "text-xs text-gray-600 text-center mb-1", children: "No response was provided in time." })
|
|
14126
14122
|
] });
|
|
14127
14123
|
}
|
|
14128
|
-
function
|
|
14124
|
+
function Ab({
|
|
14129
14125
|
client: e,
|
|
14130
14126
|
theme: t = "vox",
|
|
14131
14127
|
onBack: n,
|
|
@@ -14140,15 +14136,15 @@ function Eb({
|
|
|
14140
14136
|
}
|
|
14141
14137
|
return [];
|
|
14142
14138
|
}), [c, l] = p.useState(!0), [d, f] = p.useState(() => {
|
|
14143
|
-
const V = e && typeof e.getCurrentSession == "function" && !!e.getCurrentSession(),
|
|
14144
|
-
return !V && !
|
|
14139
|
+
const V = e && typeof e.getCurrentSession == "function" && !!e.getCurrentSession(), E = e && typeof e.getChatMessages == "function" && e.getChatMessages().length > 0;
|
|
14140
|
+
return !V && !E;
|
|
14145
14141
|
}), [h, g] = p.useState(/* @__PURE__ */ new Set()), [b, m] = p.useState([]), [v, k] = p.useState(!1), [x, T] = p.useState(!1), [w, S] = p.useState(() => {
|
|
14146
14142
|
const V = e.getCurrentInteraction();
|
|
14147
14143
|
return console.log("ChatView: Initializing with existing interaction:", (V == null ? void 0 : V.methodName) || "none"), V;
|
|
14148
|
-
}),
|
|
14144
|
+
}), A = p.useRef(null), M = Fe(t);
|
|
14149
14145
|
p.useEffect(() => {
|
|
14150
14146
|
const V = () => {
|
|
14151
|
-
const
|
|
14147
|
+
const E = navigator.userAgent.toLowerCase(), O = ["android", "iphone", "ipad", "mobile", "tablet"].some((j) => E.includes(j)), F = "ontouchstart" in window || navigator.maxTouchPoints > 0, D = window.innerWidth <= 768, H = O || F && D;
|
|
14152
14148
|
k(H), H && o === "widget" && T(!0);
|
|
14153
14149
|
};
|
|
14154
14150
|
return V(), window.addEventListener("resize", V), () => window.removeEventListener("resize", V);
|
|
@@ -14156,7 +14152,7 @@ function Eb({
|
|
|
14156
14152
|
x && v && (document.body.style.overflow = "unset", document.body.style.position = "unset", document.body.style.width = "unset", document.body.style.height = "unset", document.fullscreenElement && document.exitFullscreen().catch(console.log));
|
|
14157
14153
|
}), [x, v]);
|
|
14158
14154
|
const P = e.getCurrentAgentInfo(), z = (P == null ? void 0 : P.name) || "AI Assistant", y = z.split(" ").map((V) => V[0]).join("").toUpperCase().slice(0, 2), $ = p.useCallback((V) => {
|
|
14159
|
-
const
|
|
14155
|
+
const E = {
|
|
14160
14156
|
id: `local_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`,
|
|
14161
14157
|
content: V,
|
|
14162
14158
|
timestamp: /* @__PURE__ */ new Date(),
|
|
@@ -14170,22 +14166,22 @@ function Eb({
|
|
|
14170
14166
|
// Mark as local message
|
|
14171
14167
|
}
|
|
14172
14168
|
};
|
|
14173
|
-
a((L) => (console.log("ChatView: Adding local message:",
|
|
14169
|
+
a((L) => (console.log("ChatView: Adding local message:", E.id), [...L, E]));
|
|
14174
14170
|
}, []);
|
|
14175
14171
|
p.useEffect(() => {
|
|
14176
|
-
var V,
|
|
14172
|
+
var V, E, L, O, F;
|
|
14177
14173
|
console.log("💬 ChatView loading state:", {
|
|
14178
14174
|
isLoading: d,
|
|
14179
14175
|
hasActiveSession: !!((V = e == null ? void 0 : e.getCurrentSession) != null && V.call(e)),
|
|
14180
14176
|
messagesCount: i.length,
|
|
14181
|
-
sessionId: (L = (
|
|
14177
|
+
sessionId: (L = (E = e == null ? void 0 : e.getCurrentSession) == null ? void 0 : E.call(e)) == null ? void 0 : L.id,
|
|
14182
14178
|
hasStoredMessages: !!((F = (O = e == null ? void 0 : e.getChatMessages) == null ? void 0 : O.call(e)) != null && F.length),
|
|
14183
14179
|
isMobile: v,
|
|
14184
14180
|
isFullscreen: x
|
|
14185
14181
|
});
|
|
14186
14182
|
}, [d, i.length, e, v, x]);
|
|
14187
14183
|
const B = p.useCallback((V = !1) => {
|
|
14188
|
-
|
|
14184
|
+
A.current && (V ? A.current.scrollIntoView({ behavior: "auto" }) : A.current.scrollIntoView({ behavior: "smooth" }));
|
|
14189
14185
|
}, []);
|
|
14190
14186
|
p.useEffect(() => {
|
|
14191
14187
|
B(!0);
|
|
@@ -14222,7 +14218,7 @@ function Eb({
|
|
|
14222
14218
|
}
|
|
14223
14219
|
return [...F, O];
|
|
14224
14220
|
}), setTimeout(() => B(!0), 0);
|
|
14225
|
-
},
|
|
14221
|
+
}, E = (O) => {
|
|
14226
14222
|
var F;
|
|
14227
14223
|
if (console.log("ChatView: Updated message:", O), w && O.sender.type === "agent") {
|
|
14228
14224
|
console.log("ChatView: Queuing agent message update due to active interaction:", w.methodName), m((D) => {
|
|
@@ -14242,8 +14238,8 @@ function Eb({
|
|
|
14242
14238
|
}, L = (O) => {
|
|
14243
14239
|
console.log("ChatView: Sent message:", O), f(!1), a((F) => F.some((H) => H.id === O.id) ? (console.log("ChatView: Sent message already exists, skipping:", O.id), F) : (console.log("ChatView: Adding sent message:", O.id), [...F, O])), setTimeout(() => B(!0), 0);
|
|
14244
14240
|
};
|
|
14245
|
-
return e.on("chat.message.received", V), e.on("chat.message.updated",
|
|
14246
|
-
e.off("chat.message.received", V), e.off("chat.message.updated",
|
|
14241
|
+
return e.on("chat.message.received", V), e.on("chat.message.updated", E), e.on("chat.message.sent", L), () => {
|
|
14242
|
+
e.off("chat.message.received", V), e.off("chat.message.updated", E), e.off("chat.message.sent", L);
|
|
14247
14243
|
};
|
|
14248
14244
|
}, [e, w]), p.useEffect(() => {
|
|
14249
14245
|
const V = (F) => {
|
|
@@ -14252,7 +14248,7 @@ function Eb({
|
|
|
14252
14248
|
console.log("ChatView: Got interaction from client:", D == null ? void 0 : D.methodName), S(D), l(!1), B(!0), setTimeout(() => {
|
|
14253
14249
|
B(!1);
|
|
14254
14250
|
}, 100);
|
|
14255
|
-
},
|
|
14251
|
+
}, E = (F) => {
|
|
14256
14252
|
if (console.log("ChatView: RPC interaction completed:", F), S(null), b.length > 0 && (console.log("ChatView: Processing", b.length, "queued messages"), a((D) => {
|
|
14257
14253
|
const H = [...D];
|
|
14258
14254
|
return b.forEach((j) => {
|
|
@@ -14321,7 +14317,7 @@ function Eb({
|
|
|
14321
14317
|
},
|
|
14322
14318
|
metadata: {
|
|
14323
14319
|
type: "timeoutView",
|
|
14324
|
-
view: D || /* @__PURE__ */ u(
|
|
14320
|
+
view: D || /* @__PURE__ */ u(Eb, {})
|
|
14325
14321
|
}
|
|
14326
14322
|
};
|
|
14327
14323
|
return e && typeof e.addChatMessage == "function" && e.addChatMessage(j), [...H, j];
|
|
@@ -14348,8 +14344,8 @@ function Eb({
|
|
|
14348
14344
|
console.log("ChatView: Latest interaction from client after dismiss:", (D == null ? void 0 : D.methodName) || "null"), D === null && S(null);
|
|
14349
14345
|
}, 50), console.log("ChatView: Set currentInteraction to null after dismiss");
|
|
14350
14346
|
};
|
|
14351
|
-
return e.on("rpc.interaction.started", V), e.on("rpc.interaction.completed",
|
|
14352
|
-
e.off("rpc.interaction.started", V), e.off("rpc.interaction.completed",
|
|
14347
|
+
return e.on("rpc.interaction.started", V), e.on("rpc.interaction.completed", E), e.on("rpc.interaction.timeout", L), e.on("rpc.interaction.dismissed", O), () => {
|
|
14348
|
+
e.off("rpc.interaction.started", V), e.off("rpc.interaction.completed", E), e.off("rpc.interaction.timeout", L), e.off("rpc.interaction.dismissed", O);
|
|
14353
14349
|
};
|
|
14354
14350
|
}, [e]), p.useEffect(() => {
|
|
14355
14351
|
const V = () => {
|
|
@@ -14358,11 +14354,11 @@ function Eb({
|
|
|
14358
14354
|
return;
|
|
14359
14355
|
}
|
|
14360
14356
|
l(!0);
|
|
14361
|
-
},
|
|
14357
|
+
}, E = () => {
|
|
14362
14358
|
console.log("ChatView: Agent is speaking"), l(!1);
|
|
14363
14359
|
};
|
|
14364
|
-
return e.on("agent.thinking", V), e.on("agent.speaking",
|
|
14365
|
-
e.off("agent.thinking", V), e.off("agent.speaking",
|
|
14360
|
+
return e.on("agent.thinking", V), e.on("agent.speaking", E), () => {
|
|
14361
|
+
e.off("agent.thinking", V), e.off("agent.speaking", E);
|
|
14366
14362
|
};
|
|
14367
14363
|
}, [e, w]), p.useEffect(() => {
|
|
14368
14364
|
const V = e.getCurrentInteraction();
|
|
@@ -14373,19 +14369,19 @@ function Eb({
|
|
|
14373
14369
|
const J = async (V) => {
|
|
14374
14370
|
try {
|
|
14375
14371
|
w && (console.log("ChatView: Dismissing active interaction due to user message send"), e.dismissCurrentInteraction(), S(null)), await e.sendChatMessage(V);
|
|
14376
|
-
} catch (
|
|
14377
|
-
console.error("Failed to send message:",
|
|
14372
|
+
} catch (E) {
|
|
14373
|
+
console.error("Failed to send message:", E);
|
|
14378
14374
|
}
|
|
14379
14375
|
}, te = async (V) => {
|
|
14380
14376
|
try {
|
|
14381
|
-
w && (console.log("ChatView: Dismissing active interaction due to user attachment send"), e.dismissCurrentInteraction(), S(null)), await e.sendAttachments(V), console.log("Attachments sent successfully:", V.map((
|
|
14382
|
-
} catch (
|
|
14383
|
-
console.error("Failed to send attachments:",
|
|
14377
|
+
w && (console.log("ChatView: Dismissing active interaction due to user attachment send"), e.dismissCurrentInteraction(), S(null)), await e.sendAttachments(V), console.log("Attachments sent successfully:", V.map((E) => E.name));
|
|
14378
|
+
} catch (E) {
|
|
14379
|
+
console.error("Failed to send attachments:", E);
|
|
14384
14380
|
}
|
|
14385
14381
|
}, [ee, re] = p.useState([]);
|
|
14386
14382
|
if (p.useEffect(() => {
|
|
14387
|
-
const V = (
|
|
14388
|
-
re(Array.isArray(
|
|
14383
|
+
const V = (E) => {
|
|
14384
|
+
re(Array.isArray(E) ? E : ["tes", "hello how are you", "algebra make me learn that ", "what is the meaning of life"]);
|
|
14389
14385
|
};
|
|
14390
14386
|
return e.on("suggested.response", V), () => {
|
|
14391
14387
|
e.off("suggested.response", V);
|
|
@@ -14481,7 +14477,7 @@ function Eb({
|
|
|
14481
14477
|
] }),
|
|
14482
14478
|
/* @__PURE__ */ u("p", { className: `text-xs ${x && v ? "text-gray-300" : M.text.muted}`, children: "Your conversation will begin shortly" })
|
|
14483
14479
|
] }) : /* @__PURE__ */ u("div", { className: "w-full max-w-5xl mx-auto space-y-3 py-4 flex-1 flex flex-col justify-end", children: /* @__PURE__ */ C("div", { className: "space-y-3", children: [
|
|
14484
|
-
i.map((V,
|
|
14480
|
+
i.map((V, E) => {
|
|
14485
14481
|
var L, O;
|
|
14486
14482
|
return /* @__PURE__ */ u("div", { children: ((L = V.metadata) == null ? void 0 : L.type) === "successView" ? /* @__PURE__ */ u("div", { className: "flex w-full justify-end mb-4 px-1", children: /* @__PURE__ */ C("div", { className: "relative group flex-row-reverse flex items-end gap-3 max-w-[85%]", children: [
|
|
14487
14483
|
/* @__PURE__ */ u(
|
|
@@ -14620,12 +14616,12 @@ function Eb({
|
|
|
14620
14616
|
)
|
|
14621
14617
|
] })
|
|
14622
14618
|
] }),
|
|
14623
|
-
/* @__PURE__ */ u("div", { ref:
|
|
14619
|
+
/* @__PURE__ */ u("div", { ref: A })
|
|
14624
14620
|
] }) })
|
|
14625
14621
|
]
|
|
14626
14622
|
}
|
|
14627
14623
|
),
|
|
14628
|
-
ee.length > 0 && /* @__PURE__ */ u("div", { className: "w-full flex overflow-x-auto gap-2 px-4 py-2 mb-1 scrollbar-hide", children: ee.map((V,
|
|
14624
|
+
ee.length > 0 && /* @__PURE__ */ u("div", { className: "w-full flex overflow-x-auto gap-2 px-4 py-2 mb-1 scrollbar-hide", children: ee.map((V, E) => {
|
|
14629
14625
|
var L;
|
|
14630
14626
|
return /* @__PURE__ */ u(
|
|
14631
14627
|
"button",
|
|
@@ -14642,7 +14638,7 @@ function Eb({
|
|
|
14642
14638
|
},
|
|
14643
14639
|
children: V
|
|
14644
14640
|
},
|
|
14645
|
-
V +
|
|
14641
|
+
V + E
|
|
14646
14642
|
);
|
|
14647
14643
|
}) }),
|
|
14648
14644
|
w && w.presentationMode !== "embedded" && /* @__PURE__ */ u(
|
|
@@ -14698,7 +14694,7 @@ function Pb({
|
|
|
14698
14694
|
disabled: l || a,
|
|
14699
14695
|
className: `p-3 rounded-full transition-all duration-200 ${s ? d.video.controlEnabled : d.video.controlDisabled} ${l ? "opacity-50 cursor-not-allowed" : "hover:scale-105"}`,
|
|
14700
14696
|
title: s ? "Turn off camera" : "Turn on camera",
|
|
14701
|
-
children: a ? /* @__PURE__ */ u("div", { className: "w-5 h-5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : s ? /* @__PURE__ */ u(
|
|
14697
|
+
children: a ? /* @__PURE__ */ u("div", { className: "w-5 h-5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : s ? /* @__PURE__ */ u(ac, { className: "w-5 h-5" }) : /* @__PURE__ */ u(lc, { className: "w-5 h-5" })
|
|
14702
14698
|
}
|
|
14703
14699
|
),
|
|
14704
14700
|
/* @__PURE__ */ u(
|
|
@@ -14708,7 +14704,7 @@ function Pb({
|
|
|
14708
14704
|
disabled: l || c,
|
|
14709
14705
|
className: `p-3 rounded-full transition-all duration-200 ${i ? d.video.controlEnabled : d.video.controlDisabled} ${l ? "opacity-50 cursor-not-allowed" : "hover:scale-105"}`,
|
|
14710
14706
|
title: i ? "Stop screen share" : "Share screen",
|
|
14711
|
-
children: c ? /* @__PURE__ */ u("div", { className: "w-5 h-5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : i ? /* @__PURE__ */ u(
|
|
14707
|
+
children: c ? /* @__PURE__ */ u("div", { className: "w-5 h-5 animate-spin rounded-full border-2 border-current border-t-transparent" }) : i ? /* @__PURE__ */ u(gu, { className: "w-5 h-5" }) : /* @__PURE__ */ u(yu, { className: "w-5 h-5" })
|
|
14712
14708
|
}
|
|
14713
14709
|
),
|
|
14714
14710
|
n && /* @__PURE__ */ u(
|
|
@@ -14718,7 +14714,7 @@ function Pb({
|
|
|
14718
14714
|
disabled: l,
|
|
14719
14715
|
className: `p-3 rounded-full transition-all duration-200 ${d.video.endCall} ${l ? "opacity-50 cursor-not-allowed" : "hover:scale-105"}`,
|
|
14720
14716
|
title: "End call",
|
|
14721
|
-
children: /* @__PURE__ */ u(
|
|
14717
|
+
children: /* @__PURE__ */ u(cc, { className: "w-5 h-5" })
|
|
14722
14718
|
}
|
|
14723
14719
|
),
|
|
14724
14720
|
r && /* @__PURE__ */ u(
|
|
@@ -14744,12 +14740,12 @@ function qa({ trackRef: e, participant: t, isLocal: n = !1, className: r = "", t
|
|
|
14744
14740
|
className: "w-full h-full object-cover"
|
|
14745
14741
|
}
|
|
14746
14742
|
) : /* @__PURE__ */ u("div", { className: `w-full h-full flex items-center justify-center ${s.video.placeholder}`, children: /* @__PURE__ */ C("div", { className: "text-center", children: [
|
|
14747
|
-
/* @__PURE__ */ u("div", { className: `w-16 h-16 mx-auto mb-2 rounded-full flex items-center justify-center ${s.video.avatar}`, children: /* @__PURE__ */ u(
|
|
14743
|
+
/* @__PURE__ */ u("div", { className: `w-16 h-16 mx-auto mb-2 rounded-full flex items-center justify-center ${s.video.avatar}`, children: /* @__PURE__ */ u(bu, { className: "w-8 h-8" }) }),
|
|
14748
14744
|
/* @__PURE__ */ u("p", { className: "text-sm opacity-80", children: i }),
|
|
14749
14745
|
/* @__PURE__ */ u("p", { className: "text-xs opacity-60", children: "Camera off" })
|
|
14750
14746
|
] }) }),
|
|
14751
14747
|
/* @__PURE__ */ u("div", { className: `absolute bottom-2 left-2 px-2 py-1 rounded text-xs ${s.video.nameOverlay}`, children: i }),
|
|
14752
|
-
((c = e == null ? void 0 : e.publication) == null ? void 0 : c.isMuted) && /* @__PURE__ */ u("div", { className: `absolute top-2 right-2 p-1 rounded ${s.video.mutedIndicator}`, children: /* @__PURE__ */ u(
|
|
14748
|
+
((c = e == null ? void 0 : e.publication) == null ? void 0 : c.isMuted) && /* @__PURE__ */ u("div", { className: `absolute top-2 right-2 p-1 rounded ${s.video.mutedIndicator}`, children: /* @__PURE__ */ u(lc, { className: "w-4 h-4" }) })
|
|
14753
14749
|
] });
|
|
14754
14750
|
}
|
|
14755
14751
|
function Mb({ trackRefs: e, participants: t, theme: n, localParticipant: r }) {
|
|
@@ -14787,7 +14783,7 @@ function Mb({ trackRefs: e, participants: t, theme: n, localParticipant: r }) {
|
|
|
14787
14783
|
);
|
|
14788
14784
|
}),
|
|
14789
14785
|
i === 0 && /* @__PURE__ */ u("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ C("div", { className: "text-center", children: [
|
|
14790
|
-
/* @__PURE__ */ u(
|
|
14786
|
+
/* @__PURE__ */ u(pu, { className: "w-12 h-12 mx-auto mb-4 opacity-50" }),
|
|
14791
14787
|
/* @__PURE__ */ u("p", { className: "text-lg opacity-70", children: "Waiting for participants..." }),
|
|
14792
14788
|
/* @__PURE__ */ u("p", { className: "text-sm opacity-50", children: "Turn on your camera to start the video call" })
|
|
14793
14789
|
] }) })
|
|
@@ -14801,7 +14797,7 @@ function Nb({
|
|
|
14801
14797
|
displayType: o,
|
|
14802
14798
|
onEndCall: s
|
|
14803
14799
|
}) {
|
|
14804
|
-
const i = Fe(t), a =
|
|
14800
|
+
const i = Fe(t), a = cd(e), { videoTrackRefs: c } = u0(e), l = p.useMemo(() => e.getRemoteParticipants(), [e, a]), d = kn(e, "camera"), f = kn(e, "screenShare"), [h, g] = p.useState(null), b = p.useCallback(async () => {
|
|
14805
14801
|
d.pending || await d.toggle();
|
|
14806
14802
|
}, [d]), m = p.useCallback(async () => {
|
|
14807
14803
|
f.pending || await f.toggle();
|
|
@@ -14827,7 +14823,7 @@ function Nb({
|
|
|
14827
14823
|
l.length !== 0 ? "s" : ""
|
|
14828
14824
|
] })
|
|
14829
14825
|
] }),
|
|
14830
|
-
/* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ u("button", { className: `p-2 rounded-lg transition-colors ${i.video.headerButton}`, title: "Layout options", children: /* @__PURE__ */ u(
|
|
14826
|
+
/* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ u("button", { className: `p-2 rounded-lg transition-colors ${i.video.headerButton}`, title: "Layout options", children: /* @__PURE__ */ u(mu, { className: "w-4 h-4" }) }) })
|
|
14831
14827
|
] }),
|
|
14832
14828
|
/* @__PURE__ */ u("div", { className: "flex-1 p-4 min-h-0", children: /* @__PURE__ */ u(
|
|
14833
14829
|
Mb,
|
|
@@ -14882,7 +14878,7 @@ function Qn({ onClick: e, disabled: t, theme: n }) {
|
|
|
14882
14878
|
disabled: t,
|
|
14883
14879
|
"aria-label": "Start Voice Session",
|
|
14884
14880
|
type: "button",
|
|
14885
|
-
children: /* @__PURE__ */ u(
|
|
14881
|
+
children: /* @__PURE__ */ u(Pd, {})
|
|
14886
14882
|
}
|
|
14887
14883
|
);
|
|
14888
14884
|
}
|
|
@@ -14896,7 +14892,7 @@ function lo({ onClick: e, disabled: t, theme: n }) {
|
|
|
14896
14892
|
disabled: t,
|
|
14897
14893
|
"aria-label": "Start Chat Session",
|
|
14898
14894
|
type: "button",
|
|
14899
|
-
children: /* @__PURE__ */ u(
|
|
14895
|
+
children: /* @__PURE__ */ u(Ad, {})
|
|
14900
14896
|
}
|
|
14901
14897
|
);
|
|
14902
14898
|
}
|
|
@@ -14910,7 +14906,7 @@ function uo({ onClick: e, disabled: t, theme: n }) {
|
|
|
14910
14906
|
disabled: t,
|
|
14911
14907
|
"aria-label": "Start Video Session",
|
|
14912
14908
|
type: "button",
|
|
14913
|
-
children: /* @__PURE__ */ u(
|
|
14909
|
+
children: /* @__PURE__ */ u(Md, {})
|
|
14914
14910
|
}
|
|
14915
14911
|
);
|
|
14916
14912
|
}
|
|
@@ -14999,15 +14995,15 @@ const Ib = ({
|
|
|
14999
14995
|
/* @__PURE__ */ u("p", { className: `text-sm leading-relaxed px-4 ${d.text.secondary}`, children: a }),
|
|
15000
14996
|
b > 1 && /* @__PURE__ */ C("div", { className: "flex gap-6 mt-4 text-xs justify-center", children: [
|
|
15001
14997
|
f && /* @__PURE__ */ C("div", { className: "flex flex-col items-center gap-1", children: [
|
|
15002
|
-
/* @__PURE__ */ u(
|
|
14998
|
+
/* @__PURE__ */ u(Pd, { className: "w-4 h-4" }),
|
|
15003
14999
|
/* @__PURE__ */ u("span", { className: d.text.muted, children: "Voice" })
|
|
15004
15000
|
] }),
|
|
15005
15001
|
h && /* @__PURE__ */ C("div", { className: "flex flex-col items-center gap-1", children: [
|
|
15006
|
-
/* @__PURE__ */ u(
|
|
15002
|
+
/* @__PURE__ */ u(Ad, { className: "w-4 h-4" }),
|
|
15007
15003
|
/* @__PURE__ */ u("span", { className: d.text.muted, children: "Chat" })
|
|
15008
15004
|
] }),
|
|
15009
15005
|
g && /* @__PURE__ */ C("div", { className: "flex flex-col items-center gap-1", children: [
|
|
15010
|
-
/* @__PURE__ */ u(
|
|
15006
|
+
/* @__PURE__ */ u(Md, { className: "w-4 h-4" }),
|
|
15011
15007
|
/* @__PURE__ */ u("span", { className: d.text.muted, children: "Video" })
|
|
15012
15008
|
] })
|
|
15013
15009
|
] })
|
|
@@ -15072,7 +15068,7 @@ function Db({
|
|
|
15072
15068
|
trackKind: y.kind,
|
|
15073
15069
|
trackSource: y.source
|
|
15074
15070
|
});
|
|
15075
|
-
},
|
|
15071
|
+
}, A = (y) => {
|
|
15076
15072
|
b("TRACK_UNPUBLISHED", {
|
|
15077
15073
|
trackKind: y.kind,
|
|
15078
15074
|
trackSource: y.source
|
|
@@ -15093,15 +15089,15 @@ function Db({
|
|
|
15093
15089
|
participantName: y.name
|
|
15094
15090
|
}), g(($) => $.filter((B) => B.identity !== y.identity));
|
|
15095
15091
|
};
|
|
15096
|
-
return e.localParticipant && f(e.localParticipant), e.on(ve.Connected, x), e.on(ve.Disconnected, T), e.on(ve.ConnectionStateChanged, w), e.on(ve.TrackPublished, S), e.on(ve.TrackUnpublished,
|
|
15097
|
-
e.off(ve.Connected, x), e.off(ve.Disconnected, T), e.off(ve.ConnectionStateChanged, w), e.off(ve.TrackPublished, S), e.off(ve.TrackUnpublished,
|
|
15092
|
+
return e.localParticipant && f(e.localParticipant), e.on(ve.Connected, x), e.on(ve.Disconnected, T), e.on(ve.ConnectionStateChanged, w), e.on(ve.TrackPublished, S), e.on(ve.TrackUnpublished, A), e.on(ve.DataReceived, M), e.on(ve.ParticipantConnected, P), e.on(ve.ParticipantDisconnected, z), () => {
|
|
15093
|
+
e.off(ve.Connected, x), e.off(ve.Disconnected, T), e.off(ve.ConnectionStateChanged, w), e.off(ve.TrackPublished, S), e.off(ve.TrackUnpublished, A), e.off(ve.DataReceived, M), e.off(ve.ParticipantConnected, P), e.off(ve.ParticipantDisconnected, z);
|
|
15098
15094
|
};
|
|
15099
15095
|
}, [e, i, c, h.length, b, t, n]);
|
|
15100
15096
|
const m = p.useCallback(() => o ? JSON.parse(localStorage.getItem("voxket-session-logs") || "[]") : c, [c, o]), v = p.useCallback(() => {
|
|
15101
15097
|
o && localStorage.removeItem("voxket-session-logs"), l([]);
|
|
15102
15098
|
}, [o]), k = p.useCallback(() => {
|
|
15103
|
-
const x = m(), T = JSON.stringify(x, null, 2), w = "data:application/json;charset=utf-8," + encodeURIComponent(T), S = `voxket-session-logs-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.json`,
|
|
15104
|
-
|
|
15099
|
+
const x = m(), T = JSON.stringify(x, null, 2), w = "data:application/json;charset=utf-8," + encodeURIComponent(T), S = `voxket-session-logs-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.json`, A = document.createElement("a");
|
|
15100
|
+
A.setAttribute("href", w), A.setAttribute("download", S), A.click();
|
|
15105
15101
|
}, [m]);
|
|
15106
15102
|
return {
|
|
15107
15103
|
sessionMetrics: i,
|
|
@@ -15112,9 +15108,9 @@ function Db({
|
|
|
15112
15108
|
exportSessionLogs: k
|
|
15113
15109
|
};
|
|
15114
15110
|
}
|
|
15115
|
-
class
|
|
15111
|
+
class Nd {
|
|
15116
15112
|
constructor() {
|
|
15117
|
-
|
|
15113
|
+
Ae(this, "listeners", {});
|
|
15118
15114
|
}
|
|
15119
15115
|
/**
|
|
15120
15116
|
* Add an event listener
|
|
@@ -15176,9 +15172,9 @@ class Vd {
|
|
|
15176
15172
|
}
|
|
15177
15173
|
class $b {
|
|
15178
15174
|
constructor(t) {
|
|
15179
|
-
|
|
15180
|
-
|
|
15181
|
-
|
|
15175
|
+
Ae(this, "plugins", /* @__PURE__ */ new Map());
|
|
15176
|
+
Ae(this, "installedPlugins", /* @__PURE__ */ new Set());
|
|
15177
|
+
Ae(this, "context");
|
|
15182
15178
|
this.context = {
|
|
15183
15179
|
client: t,
|
|
15184
15180
|
emit: t.emit.bind(t),
|
|
@@ -15270,7 +15266,7 @@ class $b {
|
|
|
15270
15266
|
function Iv(e) {
|
|
15271
15267
|
return e;
|
|
15272
15268
|
}
|
|
15273
|
-
function
|
|
15269
|
+
function Vd(e, t, n) {
|
|
15274
15270
|
return {
|
|
15275
15271
|
name: e,
|
|
15276
15272
|
version: "1.0.0",
|
|
@@ -15326,13 +15322,13 @@ const Dv = {
|
|
|
15326
15322
|
});
|
|
15327
15323
|
});
|
|
15328
15324
|
}
|
|
15329
|
-
},
|
|
15325
|
+
}, Rd = ht(null);
|
|
15330
15326
|
function Fb({
|
|
15331
15327
|
config: e,
|
|
15332
15328
|
children: t,
|
|
15333
15329
|
autoConnect: n = !1
|
|
15334
15330
|
}) {
|
|
15335
|
-
const [r, o] = X(null), [s, i] = X(!1), [a, c] = X(!1), [l, d] = X(null), [f, h] = X(null), [g, b] = X("idle"), [m, v] = X(null), [k, x] = X([]), [T, w] = X([]), [S,
|
|
15331
|
+
const [r, o] = X(null), [s, i] = X(!1), [a, c] = X(!1), [l, d] = X(null), [f, h] = X(null), [g, b] = X("idle"), [m, v] = X(null), [k, x] = X([]), [T, w] = X([]), [S, A] = X([]);
|
|
15336
15332
|
Te(() => {
|
|
15337
15333
|
const I = new Os(e);
|
|
15338
15334
|
return o(I), M(I), n && P(I), () => {
|
|
@@ -15345,7 +15341,7 @@ function Fb({
|
|
|
15345
15341
|
}), I.on("connection.connected", () => {
|
|
15346
15342
|
i(!0), c(!1), d(null);
|
|
15347
15343
|
}), I.on("connection.disconnected", () => {
|
|
15348
|
-
i(!1), c(!1), h(null), b("idle"), x([]), w([]),
|
|
15344
|
+
i(!1), c(!1), h(null), b("idle"), x([]), w([]), A([]);
|
|
15349
15345
|
}), I.on("connection.error", (q) => {
|
|
15350
15346
|
d(q), c(!1);
|
|
15351
15347
|
}), I.on("session.created", (q) => {
|
|
@@ -15353,7 +15349,7 @@ function Fb({
|
|
|
15353
15349
|
}), I.on("session.state.changed", (q) => {
|
|
15354
15350
|
b(q), f && h({ ...f, state: q });
|
|
15355
15351
|
}), I.on("session.ended", (q, N) => {
|
|
15356
|
-
h(null), b("idle"), v(N), x([]), w([]),
|
|
15352
|
+
h(null), b("idle"), v(N), x([]), w([]), A([]);
|
|
15357
15353
|
}), I.on("participant.joined", (q) => {
|
|
15358
15354
|
x((N) => [...N, q]);
|
|
15359
15355
|
}), I.on("participant.left", (q) => {
|
|
@@ -15363,7 +15359,7 @@ function Fb({
|
|
|
15363
15359
|
}), I.on("chat.message.sent", (q) => {
|
|
15364
15360
|
w((N) => [...N, q]);
|
|
15365
15361
|
}), I.on("transcription.received", (q) => {
|
|
15366
|
-
|
|
15362
|
+
A((N) => [...N, q]);
|
|
15367
15363
|
});
|
|
15368
15364
|
}, P = async (I) => {
|
|
15369
15365
|
const q = I || r;
|
|
@@ -15431,21 +15427,21 @@ function Fb({
|
|
|
15431
15427
|
await r.stopScreenShare();
|
|
15432
15428
|
}
|
|
15433
15429
|
};
|
|
15434
|
-
return /* @__PURE__ */ u(
|
|
15430
|
+
return /* @__PURE__ */ u(Rd.Provider, { value: K, children: t });
|
|
15435
15431
|
}
|
|
15436
15432
|
function mt() {
|
|
15437
|
-
const e = De(
|
|
15433
|
+
const e = De(Rd);
|
|
15438
15434
|
if (!e)
|
|
15439
15435
|
throw new Error("useVoxket must be used within a VoxketProvider");
|
|
15440
15436
|
return e;
|
|
15441
15437
|
}
|
|
15442
|
-
class Ob extends
|
|
15438
|
+
class Ob extends Nd {
|
|
15443
15439
|
constructor(n) {
|
|
15444
15440
|
super();
|
|
15445
|
-
|
|
15446
|
-
|
|
15447
|
-
|
|
15448
|
-
|
|
15441
|
+
Ae(this, "room", null);
|
|
15442
|
+
Ae(this, "registeredMethods", /* @__PURE__ */ new Map());
|
|
15443
|
+
Ae(this, "activeInteractions", /* @__PURE__ */ new Map());
|
|
15444
|
+
Ae(this, "currentInteraction", null);
|
|
15449
15445
|
n && this.setRoom(n);
|
|
15450
15446
|
}
|
|
15451
15447
|
/**
|
|
@@ -15780,27 +15776,27 @@ class pe extends Error {
|
|
|
15780
15776
|
super(t), this.code = n, this.details = r, this.name = "VoxketError";
|
|
15781
15777
|
}
|
|
15782
15778
|
}
|
|
15783
|
-
class Os extends
|
|
15779
|
+
class Os extends Nd {
|
|
15784
15780
|
// Track agent state
|
|
15785
15781
|
constructor(n) {
|
|
15786
15782
|
super();
|
|
15787
|
-
|
|
15788
|
-
|
|
15789
|
-
|
|
15790
|
-
|
|
15791
|
-
|
|
15792
|
-
|
|
15793
|
-
|
|
15794
|
-
|
|
15795
|
-
|
|
15783
|
+
Ae(this, "config");
|
|
15784
|
+
Ae(this, "room", null);
|
|
15785
|
+
Ae(this, "pluginManager");
|
|
15786
|
+
Ae(this, "rpcManager");
|
|
15787
|
+
Ae(this, "isConnected", !1);
|
|
15788
|
+
Ae(this, "currentSession", null);
|
|
15789
|
+
Ae(this, "connectionState", Ht.Disconnected);
|
|
15790
|
+
Ae(this, "renderedComponents", /* @__PURE__ */ new Map());
|
|
15791
|
+
Ae(this, "textStreamHandlersRegistered", !1);
|
|
15796
15792
|
// Track if handlers are already registered
|
|
15797
|
-
|
|
15793
|
+
Ae(this, "currentAgentInfo", null);
|
|
15798
15794
|
// Store current agent information
|
|
15799
|
-
|
|
15795
|
+
Ae(this, "chatMessages", []);
|
|
15800
15796
|
// Store chat messages for persistence across UI changes
|
|
15801
|
-
|
|
15797
|
+
Ae(this, "isAgentConnected", !1);
|
|
15802
15798
|
// Track if agent is actually connected and responding
|
|
15803
|
-
|
|
15799
|
+
Ae(this, "agentState", "idle");
|
|
15804
15800
|
Fs(), this.config = n, this.pluginManager = new $b(this), this.rpcManager = new Ob(), this.setupEventListeners(), this.initializeClient();
|
|
15805
15801
|
}
|
|
15806
15802
|
setupEventListeners() {
|
|
@@ -16424,7 +16420,7 @@ class Os extends Vd {
|
|
|
16424
16420
|
{
|
|
16425
16421
|
config: this.config,
|
|
16426
16422
|
autoConnect: n.autoStart || !1,
|
|
16427
|
-
children: de.createElement(
|
|
16423
|
+
children: de.createElement(Id, a)
|
|
16428
16424
|
}
|
|
16429
16425
|
)
|
|
16430
16426
|
);
|
|
@@ -16917,7 +16913,7 @@ class Os extends Vd {
|
|
|
16917
16913
|
return r = r.replace(/\*\*(.*?)\*\*/g, "$1"), r = r.replace(/__(.*?)__/g, "$1"), r = r.replace(/\*(.*?)\*/g, "$1"), r = r.replace(/_(.*?)_/g, "$1"), r = r.replace(/~~(.*?)~~/g, "$1"), r = r.replace(/`([^`]+)`/g, "$1"), r = r.replace(/```[\s\S]*?```/g, ""), r = r.replace(/^#{1,6}\s+/gm, ""), r = r.replace(/\[([^\]]+)\]\([^)]+\)/g, "$1"), r.trim();
|
|
16918
16914
|
}
|
|
16919
16915
|
}
|
|
16920
|
-
const _b = ie.create(yb), Bb = ie.create(
|
|
16916
|
+
const _b = ie.create(yb), Bb = ie.create(Ab), jb = ie.create(Nb), zb = ie.create(Ib);
|
|
16921
16917
|
function Hb({
|
|
16922
16918
|
onClick: e,
|
|
16923
16919
|
text: t = "Open Chat",
|
|
@@ -17061,7 +17057,7 @@ function Ja({
|
|
|
17061
17057
|
}
|
|
17062
17058
|
);
|
|
17063
17059
|
}
|
|
17064
|
-
function
|
|
17060
|
+
function Id(e) {
|
|
17065
17061
|
if (typeof window > "u")
|
|
17066
17062
|
return null;
|
|
17067
17063
|
console.log("🎯 Widget component rendering with props:", {
|
|
@@ -17091,7 +17087,7 @@ function Dd(e) {
|
|
|
17091
17087
|
onSessionEnd: T,
|
|
17092
17088
|
enableSessionLogging: w = !0,
|
|
17093
17089
|
onSessionLogsUpdate: S,
|
|
17094
|
-
onSessionMetricsUpdate:
|
|
17090
|
+
onSessionMetricsUpdate: A,
|
|
17095
17091
|
modalities: M = ["voice"],
|
|
17096
17092
|
displayType: P = "widget",
|
|
17097
17093
|
popupPosition: z = "bottom-right",
|
|
@@ -17101,15 +17097,15 @@ function Dd(e) {
|
|
|
17101
17097
|
onDisplayTypeChange: J
|
|
17102
17098
|
} = e, [te, ee] = p.useState(() => B ? !!B.getCurrentSession() : !1), [re, K] = p.useState(!1), [I, q] = p.useState(t || ""), [N, U] = p.useState(
|
|
17103
17099
|
n || "User"
|
|
17104
|
-
), [Y, V] = p.useState(() => B ? B.getCurrentSession() : null), [
|
|
17100
|
+
), [Y, V] = p.useState(() => B ? B.getCurrentSession() : null), [E, L] = p.useState(() => {
|
|
17105
17101
|
var ne, tt, Xe;
|
|
17106
17102
|
if (B) {
|
|
17107
|
-
const
|
|
17108
|
-
if ((ne =
|
|
17103
|
+
const Ee = B.getCurrentSession();
|
|
17104
|
+
if ((ne = Ee == null ? void 0 : Ee.activeModalities) != null && ne.includes("chat"))
|
|
17109
17105
|
return "chat";
|
|
17110
|
-
if ((tt =
|
|
17106
|
+
if ((tt = Ee == null ? void 0 : Ee.activeModalities) != null && tt.includes("voice"))
|
|
17111
17107
|
return "voice";
|
|
17112
|
-
if ((Xe =
|
|
17108
|
+
if ((Xe = Ee == null ? void 0 : Ee.activeModalities) != null && Xe.includes("video"))
|
|
17113
17109
|
return "video";
|
|
17114
17110
|
}
|
|
17115
17111
|
return "welcome";
|
|
@@ -17118,13 +17114,13 @@ function Dd(e) {
|
|
|
17118
17114
|
console.log("🎯 Widget displayType prop changed to:", P);
|
|
17119
17115
|
}, [P]), p.useEffect(() => {
|
|
17120
17116
|
console.log("📊 Session state changed:", {
|
|
17121
|
-
currentMode:
|
|
17117
|
+
currentMode: E,
|
|
17122
17118
|
sessionStarted: te,
|
|
17123
17119
|
loading: re,
|
|
17124
17120
|
currentSession: Y == null ? void 0 : Y.id,
|
|
17125
17121
|
isPopupOpen: O
|
|
17126
17122
|
});
|
|
17127
|
-
}, [
|
|
17123
|
+
}, [E, te, re, Y, O]);
|
|
17128
17124
|
const D = p.useMemo(() => {
|
|
17129
17125
|
if (B)
|
|
17130
17126
|
return console.log("🔄 Using passed VoxketClient to preserve session state"), B;
|
|
@@ -17153,8 +17149,8 @@ function Dd(e) {
|
|
|
17153
17149
|
p.useEffect(() => {
|
|
17154
17150
|
S && S(ce);
|
|
17155
17151
|
}, [ce, S]), p.useEffect(() => {
|
|
17156
|
-
|
|
17157
|
-
}, [_,
|
|
17152
|
+
A && _ && A(_);
|
|
17153
|
+
}, [_, A]), p.useEffect(() => {
|
|
17158
17154
|
const ne = (Xe) => {
|
|
17159
17155
|
console.log("🔴 Room disconnected:", Xe), K(!1), ee(!1), V(null), L("welcome");
|
|
17160
17156
|
}, tt = (Xe) => {
|
|
@@ -17169,7 +17165,7 @@ function Dd(e) {
|
|
|
17169
17165
|
}, [j]);
|
|
17170
17166
|
const Le = async () => {
|
|
17171
17167
|
try {
|
|
17172
|
-
console.log("🎤 Starting voice session...", { agentId: I, participantName: N }), console.log("🎤 Pre-start state:", { currentMode:
|
|
17168
|
+
console.log("🎤 Starting voice session...", { agentId: I, participantName: N }), console.log("🎤 Pre-start state:", { currentMode: E, sessionStarted: te, loading: re }), K(!0), ee(!0), L("voice"), console.log("🎤 State after mode change:", { currentMode: "voice", sessionStarted: !0, loading: !0 }), Se("USER_STARTED_VOICE_SESSION", { agentId: I, participantName: N });
|
|
17173
17169
|
const ne = await D.startSession(I, {
|
|
17174
17170
|
participantName: N || "User",
|
|
17175
17171
|
modalities: ["voice", ...m ? ["video"] : []]
|
|
@@ -17195,9 +17191,9 @@ function Dd(e) {
|
|
|
17195
17191
|
description: ne instanceof Error ? ne.message : "Unknown error occurred"
|
|
17196
17192
|
}), K(!1), ee(!1), L("welcome");
|
|
17197
17193
|
}
|
|
17198
|
-
},
|
|
17194
|
+
}, Bd = async () => {
|
|
17199
17195
|
try {
|
|
17200
|
-
console.log("📺 Starting video session...", { agentId: I, participantName: N }), console.log("📺 Pre-start state:", { currentMode:
|
|
17196
|
+
console.log("📺 Starting video session...", { agentId: I, participantName: N }), console.log("📺 Pre-start state:", { currentMode: E, sessionStarted: te, loading: re }), K(!0), ee(!0), L("video"), console.log("📺 State after mode change:", { currentMode: "video", sessionStarted: !0, loading: !0 }), Se("USER_STARTED_VIDEO_SESSION", { agentId: I, participantName: N });
|
|
17201
17197
|
const ne = await D.startSession(I, {
|
|
17202
17198
|
participantName: N || "User",
|
|
17203
17199
|
modalities: ["video", "voice"]
|
|
@@ -17214,9 +17210,9 @@ function Dd(e) {
|
|
|
17214
17210
|
}, hn = () => {
|
|
17215
17211
|
const ne = !O;
|
|
17216
17212
|
F(ne), $ && $(ne), !ne && !(Y && te) && (L("welcome"), ee(!1), V(null));
|
|
17217
|
-
},
|
|
17213
|
+
}, jd = () => {
|
|
17218
17214
|
console.log("🔄 Closing fullscreen, switching to widget display type"), e.onDisplayTypeChange ? e.onDisplayTypeChange("widget") : console.warn("⚠️ No onDisplayTypeChange callback provided");
|
|
17219
|
-
},
|
|
17215
|
+
}, zd = () => {
|
|
17220
17216
|
if (console.log("🔄 Expand to fullscreen requested"), e.onDisplayTypeChange)
|
|
17221
17217
|
e.onDisplayTypeChange("fullscreen");
|
|
17222
17218
|
else {
|
|
@@ -17237,13 +17233,13 @@ function Dd(e) {
|
|
|
17237
17233
|
var ne, tt, Xe;
|
|
17238
17234
|
if (B && D) {
|
|
17239
17235
|
console.log("🔄 Syncing widget state with existing client session state");
|
|
17240
|
-
const
|
|
17236
|
+
const Ee = D.getCurrentSession(), Hd = D.connected;
|
|
17241
17237
|
console.log("🔍 Existing session state:", {
|
|
17242
|
-
hasSession: !!
|
|
17243
|
-
sessionId:
|
|
17244
|
-
isConnected:
|
|
17245
|
-
activeModalities:
|
|
17246
|
-
}),
|
|
17238
|
+
hasSession: !!Ee,
|
|
17239
|
+
sessionId: Ee == null ? void 0 : Ee.id,
|
|
17240
|
+
isConnected: Hd,
|
|
17241
|
+
activeModalities: Ee == null ? void 0 : Ee.activeModalities
|
|
17242
|
+
}), Ee && (console.log("✅ Restoring session state from existing client"), V(Ee), ee(!0), K(!1), (ne = Ee.activeModalities) != null && ne.includes("chat") ? L("chat") : (tt = Ee.activeModalities) != null && tt.includes("voice") ? L("voice") : (Xe = Ee.activeModalities) != null && Xe.includes("video") && L("video"));
|
|
17247
17243
|
}
|
|
17248
17244
|
}, [B, D]), p.useEffect(() => () => {
|
|
17249
17245
|
console.log("🧹 Cleaning up widget component"), B ? console.log("🔄 Widget cleanup: preserving passed client instance") : (console.log("🧹 Widget cleanup: disconnecting self-created client"), D.disconnect());
|
|
@@ -17259,7 +17255,7 @@ function Dd(e) {
|
|
|
17259
17255
|
theme: k
|
|
17260
17256
|
}
|
|
17261
17257
|
);
|
|
17262
|
-
console.log("🟢 Rendering widget content, displayType:", P, "isPopupOpen:", O, "currentMode:",
|
|
17258
|
+
console.log("🟢 Rendering widget content, displayType:", P, "isPopupOpen:", O, "currentMode:", E, "sessionStarted:", te, "loading:", re);
|
|
17263
17259
|
let Dr = `voxket-widget-root theme-${k}`, jn = {
|
|
17264
17260
|
scrollMargin: 0,
|
|
17265
17261
|
scrollPadding: 0,
|
|
@@ -17267,7 +17263,7 @@ function Dd(e) {
|
|
|
17267
17263
|
};
|
|
17268
17264
|
P === "widget" ? (Dr += ` flex items-center justify-center min-h-fit ${Vr} ${Rr} ${d}`, jn = { ...jn, ...Ir }) : (Dr = `${d || ""}`, jn = {});
|
|
17269
17265
|
const _s = /* @__PURE__ */ u("div", { className: "h-full flex flex-col overflow-hidden", children: /* @__PURE__ */ C(qt, { mode: "wait", children: [
|
|
17270
|
-
|
|
17266
|
+
E === "welcome" && !re && /* @__PURE__ */ u(
|
|
17271
17267
|
zb,
|
|
17272
17268
|
{
|
|
17273
17269
|
agentId: I,
|
|
@@ -17276,7 +17272,7 @@ function Dd(e) {
|
|
|
17276
17272
|
onParticipantNameChange: U,
|
|
17277
17273
|
onStartCall: Le,
|
|
17278
17274
|
onStartChat: Bn,
|
|
17279
|
-
onStartVideo:
|
|
17275
|
+
onStartVideo: Bd,
|
|
17280
17276
|
disabled: te || re,
|
|
17281
17277
|
prompts: i,
|
|
17282
17278
|
statusMessage: a,
|
|
@@ -17291,7 +17287,7 @@ function Dd(e) {
|
|
|
17291
17287
|
},
|
|
17292
17288
|
"welcome"
|
|
17293
17289
|
),
|
|
17294
|
-
|
|
17290
|
+
E === "voice" && /* @__PURE__ */ C(Bs.Provider, { value: j, children: [
|
|
17295
17291
|
/* @__PURE__ */ u(js, {}),
|
|
17296
17292
|
/* @__PURE__ */ u(zs, { label: "Start Audio" }),
|
|
17297
17293
|
/* @__PURE__ */ u(
|
|
@@ -17317,7 +17313,7 @@ function Dd(e) {
|
|
|
17317
17313
|
"session-view"
|
|
17318
17314
|
)
|
|
17319
17315
|
] }),
|
|
17320
|
-
|
|
17316
|
+
E === "chat" && /* @__PURE__ */ u(
|
|
17321
17317
|
Bb,
|
|
17322
17318
|
{
|
|
17323
17319
|
client: D,
|
|
@@ -17336,7 +17332,7 @@ function Dd(e) {
|
|
|
17336
17332
|
},
|
|
17337
17333
|
"chat-view"
|
|
17338
17334
|
),
|
|
17339
|
-
|
|
17335
|
+
E === "video" && /* @__PURE__ */ C(Bs.Provider, { value: j, children: [
|
|
17340
17336
|
/* @__PURE__ */ u(js, {}),
|
|
17341
17337
|
/* @__PURE__ */ u(zs, { label: "Start Audio" }),
|
|
17342
17338
|
/* @__PURE__ */ u(
|
|
@@ -17366,7 +17362,7 @@ function Dd(e) {
|
|
|
17366
17362
|
theme: k,
|
|
17367
17363
|
displayType: P,
|
|
17368
17364
|
popupPosition: z,
|
|
17369
|
-
onClose: P === "fullscreen" ?
|
|
17365
|
+
onClose: P === "fullscreen" ? jd : hn,
|
|
17370
17366
|
children: _s
|
|
17371
17367
|
}
|
|
17372
17368
|
)) : (console.log("📦 Rendering widget mode"), /* @__PURE__ */ u("div", { className: Dr, style: jn, children: /* @__PURE__ */ u(
|
|
@@ -17375,7 +17371,7 @@ function Dd(e) {
|
|
|
17375
17371
|
theme: k,
|
|
17376
17372
|
displayType: P,
|
|
17377
17373
|
popupPosition: z,
|
|
17378
|
-
onExpand:
|
|
17374
|
+
onExpand: zd,
|
|
17379
17375
|
children: _s
|
|
17380
17376
|
}
|
|
17381
17377
|
) }));
|
|
@@ -17815,7 +17811,7 @@ function Bv() {
|
|
|
17815
17811
|
canSend: n && r.trim().length > 0
|
|
17816
17812
|
};
|
|
17817
17813
|
}
|
|
17818
|
-
function
|
|
17814
|
+
function Dd() {
|
|
17819
17815
|
const {
|
|
17820
17816
|
isConnected: e,
|
|
17821
17817
|
isConnecting: t,
|
|
@@ -17858,9 +17854,9 @@ function Yb() {
|
|
|
17858
17854
|
remoteParticipants: e.filter((t) => !t.isLocal)
|
|
17859
17855
|
};
|
|
17860
17856
|
}
|
|
17861
|
-
const
|
|
17857
|
+
const $d = ht({}), Nr = () => De($d);
|
|
17862
17858
|
function qb({ children: e, ...t }) {
|
|
17863
|
-
return /* @__PURE__ */ u(
|
|
17859
|
+
return /* @__PURE__ */ u($d.Provider, { value: t, children: e });
|
|
17864
17860
|
}
|
|
17865
17861
|
function fo({ name: e, children: t, fallback: n, className: r }) {
|
|
17866
17862
|
return /* @__PURE__ */ u("div", { className: `voxket-slot voxket-slot--${e} ${r || ""}`, children: t || n });
|
|
@@ -17958,13 +17954,13 @@ function Qb() {
|
|
|
17958
17954
|
}
|
|
17959
17955
|
);
|
|
17960
17956
|
}
|
|
17961
|
-
function
|
|
17957
|
+
function Fd({
|
|
17962
17958
|
showConnectionStatus: e = !0,
|
|
17963
17959
|
showSessionInfo: t = !0,
|
|
17964
17960
|
showAgentInfo: n = !0,
|
|
17965
17961
|
className: r = ""
|
|
17966
17962
|
}) {
|
|
17967
|
-
const o = un(), s =
|
|
17963
|
+
const o = un(), s = Dd(), i = Nr(), a = [
|
|
17968
17964
|
"voxket-session-header",
|
|
17969
17965
|
`voxket-session-header--${i.variant || "default"}`,
|
|
17970
17966
|
`voxket-session-header--${i.size || "md"}`,
|
|
@@ -18001,7 +17997,7 @@ function Od({
|
|
|
18001
17997
|
] })
|
|
18002
17998
|
] });
|
|
18003
17999
|
}
|
|
18004
|
-
function
|
|
18000
|
+
function Od({
|
|
18005
18001
|
showChat: e = !0,
|
|
18006
18002
|
showTranscriptions: t = !1,
|
|
18007
18003
|
customContent: n,
|
|
@@ -18075,7 +18071,7 @@ function ev() {
|
|
|
18075
18071
|
)
|
|
18076
18072
|
] });
|
|
18077
18073
|
}
|
|
18078
|
-
function
|
|
18074
|
+
function Ld({
|
|
18079
18075
|
showMetrics: e = !0,
|
|
18080
18076
|
showParticipants: t = !0,
|
|
18081
18077
|
showStatus: n = !0,
|
|
@@ -18130,7 +18126,7 @@ function nv({
|
|
|
18130
18126
|
children: l
|
|
18131
18127
|
}) {
|
|
18132
18128
|
var g;
|
|
18133
|
-
const d = un(), f =
|
|
18129
|
+
const d = un(), f = Dd();
|
|
18134
18130
|
Te(() => {
|
|
18135
18131
|
n && e && f.isConnected && !d.isActive && d.start(e, t).catch(console.error);
|
|
18136
18132
|
}, [n, e, f.isConnected, d.isActive]), Te(() => {
|
|
@@ -18147,15 +18143,15 @@ function nv({
|
|
|
18147
18143
|
c
|
|
18148
18144
|
].filter(Boolean).join(" ");
|
|
18149
18145
|
return /* @__PURE__ */ u(qb, { variant: s, size: i, theme: a, className: c, children: /* @__PURE__ */ u("div", { className: h, children: l || /* @__PURE__ */ C(bt, { children: [
|
|
18150
|
-
/* @__PURE__ */ u(fo, { name: "header", fallback: /* @__PURE__ */ u(
|
|
18151
|
-
/* @__PURE__ */ u(fo, { name: "content", fallback: /* @__PURE__ */ u(
|
|
18152
|
-
/* @__PURE__ */ u(fo, { name: "footer", fallback: /* @__PURE__ */ u(
|
|
18146
|
+
/* @__PURE__ */ u(fo, { name: "header", fallback: /* @__PURE__ */ u(Fd, {}) }),
|
|
18147
|
+
/* @__PURE__ */ u(fo, { name: "content", fallback: /* @__PURE__ */ u(Od, {}) }),
|
|
18148
|
+
/* @__PURE__ */ u(fo, { name: "footer", fallback: /* @__PURE__ */ u(Ld, {}) })
|
|
18153
18149
|
] }) }) });
|
|
18154
18150
|
}
|
|
18155
18151
|
const jv = Xb(nv, {
|
|
18156
|
-
Header:
|
|
18157
|
-
Content:
|
|
18158
|
-
Footer:
|
|
18152
|
+
Header: Fd,
|
|
18153
|
+
Content: Od,
|
|
18154
|
+
Footer: Ld,
|
|
18159
18155
|
Controls: Jb
|
|
18160
18156
|
}), Qt = {
|
|
18161
18157
|
name: "default",
|
|
@@ -18275,8 +18271,8 @@ const jv = Xb(nv, {
|
|
|
18275
18271
|
lg: "0.375rem",
|
|
18276
18272
|
full: "9999px"
|
|
18277
18273
|
}
|
|
18278
|
-
},
|
|
18279
|
-
const e = De(
|
|
18274
|
+
}, _d = ht(null), rv = () => {
|
|
18275
|
+
const e = De(_d);
|
|
18280
18276
|
if (!e)
|
|
18281
18277
|
throw new Error("useTheme must be used within a ThemeProvider");
|
|
18282
18278
|
return e;
|
|
@@ -18322,7 +18318,7 @@ function zv({
|
|
|
18322
18318
|
themes: a,
|
|
18323
18319
|
registerTheme: d
|
|
18324
18320
|
};
|
|
18325
|
-
return /* @__PURE__ */ u(
|
|
18321
|
+
return /* @__PURE__ */ u(_d.Provider, { value: f, children: /* @__PURE__ */ u("div", { className: `voxket-theme voxket-theme--${s.name} ${o}`, children: n }) });
|
|
18326
18322
|
}
|
|
18327
18323
|
function ov(e) {
|
|
18328
18324
|
const t = {}, n = (r, o = "") => {
|
|
@@ -18349,7 +18345,7 @@ function Uv(e) {
|
|
|
18349
18345
|
const { theme: t } = rv();
|
|
18350
18346
|
return ((n = t.components) == null ? void 0 : n[e]) || {};
|
|
18351
18347
|
}
|
|
18352
|
-
const Zv =
|
|
18348
|
+
const Zv = Vd(
|
|
18353
18349
|
"voice-modality",
|
|
18354
18350
|
"voice",
|
|
18355
18351
|
{
|
|
@@ -18379,7 +18375,7 @@ function iv(e, t) {
|
|
|
18379
18375
|
function av(e, t) {
|
|
18380
18376
|
console.log("Playing audio response:", t.content);
|
|
18381
18377
|
}
|
|
18382
|
-
const Wv =
|
|
18378
|
+
const Wv = Vd(
|
|
18383
18379
|
"chat-modality",
|
|
18384
18380
|
"chat",
|
|
18385
18381
|
{
|
|
@@ -19248,7 +19244,7 @@ const qv = {
|
|
|
19248
19244
|
};
|
|
19249
19245
|
Fs();
|
|
19250
19246
|
const Xv = (e) => typeof window > "u" ? null : p.createElement(Ub, {
|
|
19251
|
-
children: p.createElement(
|
|
19247
|
+
children: p.createElement(Id, e)
|
|
19252
19248
|
});
|
|
19253
19249
|
export {
|
|
19254
19250
|
bv as AssignmentView,
|
|
@@ -19257,10 +19253,10 @@ export {
|
|
|
19257
19253
|
$b as PluginManager,
|
|
19258
19254
|
Yv as RpcExamples,
|
|
19259
19255
|
jv as SessionContainer,
|
|
19260
|
-
|
|
19256
|
+
Od as SessionContent,
|
|
19261
19257
|
Jb as SessionControls,
|
|
19262
|
-
|
|
19263
|
-
|
|
19258
|
+
Ld as SessionFooter,
|
|
19259
|
+
Fd as SessionHeader,
|
|
19264
19260
|
Ov as SessionLogViewer,
|
|
19265
19261
|
Lv as SessionMetricsComponent,
|
|
19266
19262
|
fo as Slot,
|
|
@@ -19270,7 +19266,7 @@ export {
|
|
|
19270
19266
|
ho as VideoTile,
|
|
19271
19267
|
Os as VoxketClient,
|
|
19272
19268
|
Ub as VoxketErrorBoundary,
|
|
19273
|
-
|
|
19269
|
+
Nd as VoxketEventEmitter,
|
|
19274
19270
|
Fb as VoxketProvider,
|
|
19275
19271
|
Os as VoxketSDK,
|
|
19276
19272
|
jv as VoxketSessionComponent,
|
|
@@ -19278,7 +19274,7 @@ export {
|
|
|
19278
19274
|
Dv as analyticsPlugin,
|
|
19279
19275
|
Wv as chatModalityPlugin,
|
|
19280
19276
|
Hv as createCustomTheme,
|
|
19281
|
-
|
|
19277
|
+
Vd as createModalityPlugin,
|
|
19282
19278
|
Iv as createPlugin,
|
|
19283
19279
|
Qa as darkTheme,
|
|
19284
19280
|
$v as debugPlugin,
|
|
@@ -19295,7 +19291,7 @@ export {
|
|
|
19295
19291
|
Gb as useVoxketCamera,
|
|
19296
19292
|
Ls as useVoxketChat,
|
|
19297
19293
|
Bv as useVoxketChatInput,
|
|
19298
|
-
|
|
19294
|
+
Dd as useVoxketConnection,
|
|
19299
19295
|
Zb as useVoxketMetrics,
|
|
19300
19296
|
Wb as useVoxketMicrophone,
|
|
19301
19297
|
Yb as useVoxketParticipants,
|