@livechat/design-system-react-components 2.1.3 → 2.1.4
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/components/InviteAgents/types.d.ts +4 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +619 -601
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -21,7 +21,7 @@ var F = (e, t) => {
|
|
|
21
21
|
};
|
|
22
22
|
var gr = (e, t, r) => pr(e, typeof t != "symbol" ? t + "" : t, r);
|
|
23
23
|
import { jsx as a, jsxs as f, Fragment as te } from "react/jsx-runtime";
|
|
24
|
-
import * as
|
|
24
|
+
import * as h from "react";
|
|
25
25
|
import { createContext as s_, useContext as d_, useState as Jt, useEffect as qe, useMemo as qt, useRef as Fr, useReducer as u_, useCallback as Ma, memo as m_ } from "react";
|
|
26
26
|
import { ChevronDown as Ut, Check as xa, Close as Re, Info as $a, Warning as Bo, CheckCircle as Rr, Block as Eo, ChevronRight as ar, VisibilityOn as p_, VisibilityOff as g_, ChevronUp as rr, Person as h_, DoubleArrowLeft as f_, ChevronLeft as b_, DoubleArrowRight as v_, Add as k_, ChatBotColored as y_, PersonAdd as C_, TextLogoFull as w_, LiveChatMono as $_, ChatBotMono as N_, HelpDeskMono as x_, KnowledgeBaseMono as S_, OpenWidgetMono as B_, HelloMono as E_, TextAccounts as I_, Search as T_, LockBlack as A_, Refresh as D_, Error as P_ } from "@livechat/design-system-icons";
|
|
27
27
|
import u from "clsx";
|
|
@@ -506,10 +506,10 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
506
506
|
[_, o, i]
|
|
507
507
|
);
|
|
508
508
|
return /* @__PURE__ */ a(Po.Provider, { value: l, children: e });
|
|
509
|
-
}, Fo =
|
|
509
|
+
}, Fo = h.createContext(
|
|
510
510
|
void 0
|
|
511
511
|
), Ro = () => {
|
|
512
|
-
const e =
|
|
512
|
+
const e = h.useContext(Fo);
|
|
513
513
|
if (!e)
|
|
514
514
|
throw new Error("useAppFrame must be used within a AppFrameProvider");
|
|
515
515
|
return e;
|
|
@@ -518,7 +518,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
518
518
|
isSideNavigationVisible: t = !0,
|
|
519
519
|
isMobileViewVisible: r = !1
|
|
520
520
|
}) => {
|
|
521
|
-
const [_, o] =
|
|
521
|
+
const [_, o] = h.useState(t), [n, i] = h.useState(r), l = h.useMemo(
|
|
522
522
|
() => ({
|
|
523
523
|
isSideNavigationVisible: _,
|
|
524
524
|
toggleSideNavigationVisibility: () => o(!_),
|
|
@@ -537,8 +537,8 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
537
537
|
isVisible: e,
|
|
538
538
|
elementRef: t
|
|
539
539
|
}) => {
|
|
540
|
-
const [r, _] =
|
|
541
|
-
return
|
|
540
|
+
const [r, _] = h.useState(e), [o, n] = h.useState(e);
|
|
541
|
+
return h.useEffect(() => {
|
|
542
542
|
const i = t.current;
|
|
543
543
|
if (!o && i) {
|
|
544
544
|
const l = () => _(!1);
|
|
@@ -554,7 +554,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
554
554
|
return;
|
|
555
555
|
}
|
|
556
556
|
return n(!1);
|
|
557
|
-
}, [o]),
|
|
557
|
+
}, [o]), h.useEffect(() => {
|
|
558
558
|
if (e) {
|
|
559
559
|
_(!0), requestAnimationFrame(() => n(!0));
|
|
560
560
|
return;
|
|
@@ -586,7 +586,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
586
586
|
t(_);
|
|
587
587
|
}) : Jr.unobserve(e));
|
|
588
588
|
}, Oo = () => {
|
|
589
|
-
const [e, t] =
|
|
589
|
+
const [e, t] = h.useState(0), r = h.useCallback(
|
|
590
590
|
(_) => Mo(
|
|
591
591
|
_,
|
|
592
592
|
(o) => t(o.height)
|
|
@@ -600,7 +600,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
600
600
|
}, q_ = ({
|
|
601
601
|
mobileBreakpoint: e
|
|
602
602
|
}) => {
|
|
603
|
-
const [t, r] =
|
|
603
|
+
const [t, r] = h.useState(!1), _ = h.useCallback(
|
|
604
604
|
(o) => Mo(
|
|
605
605
|
o,
|
|
606
606
|
(n) => r(n.width <= e)
|
|
@@ -690,7 +690,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
690
690
|
"disabled",
|
|
691
691
|
"className",
|
|
692
692
|
"customColor"
|
|
693
|
-
]), d =
|
|
693
|
+
]), d = h.createElement(t, k(k({}, Q_[r]), i ? { color: i } : {})), c = u(
|
|
694
694
|
n,
|
|
695
695
|
eo[to],
|
|
696
696
|
_ && eo[`${to}--${o ? "disabled--" : ""}${_}`]
|
|
@@ -746,7 +746,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
746
746
|
"customColor",
|
|
747
747
|
"textAlign"
|
|
748
748
|
]);
|
|
749
|
-
return
|
|
749
|
+
return h.createElement(
|
|
750
750
|
e || J_[t],
|
|
751
751
|
k({
|
|
752
752
|
className: u(
|
|
@@ -762,7 +762,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
762
762
|
r
|
|
763
763
|
);
|
|
764
764
|
}, A = (v) => {
|
|
765
|
-
var
|
|
765
|
+
var m = v, {
|
|
766
766
|
as: e = "p",
|
|
767
767
|
size: t = "md",
|
|
768
768
|
caps: r = !1,
|
|
@@ -774,8 +774,8 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
774
774
|
className: d,
|
|
775
775
|
customColor: c,
|
|
776
776
|
textAlign: s,
|
|
777
|
-
noMargin:
|
|
778
|
-
} =
|
|
777
|
+
noMargin: p
|
|
778
|
+
} = m, g = F(m, [
|
|
779
779
|
"as",
|
|
780
780
|
"size",
|
|
781
781
|
"caps",
|
|
@@ -790,7 +790,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
790
790
|
"noMargin"
|
|
791
791
|
]);
|
|
792
792
|
const b = "paragraph";
|
|
793
|
-
return
|
|
793
|
+
return h.createElement(
|
|
794
794
|
e,
|
|
795
795
|
k({
|
|
796
796
|
className: u(
|
|
@@ -800,12 +800,12 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
800
800
|
[Ze[`${b}--strike`]]: i,
|
|
801
801
|
[Ze[`${b}--underline`]]: n,
|
|
802
802
|
[Ze[`${b}--uppercase`]]: _ || r,
|
|
803
|
-
[Ze[`${b}--no-margin`]]:
|
|
803
|
+
[Ze[`${b}--no-margin`]]: p
|
|
804
804
|
},
|
|
805
805
|
d
|
|
806
806
|
),
|
|
807
807
|
style: k(k({}, c && { color: c }), s && { textAlign: s })
|
|
808
|
-
},
|
|
808
|
+
}, g),
|
|
809
809
|
l
|
|
810
810
|
);
|
|
811
811
|
}, es = (d) => {
|
|
@@ -826,7 +826,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
826
826
|
"textAlign",
|
|
827
827
|
"bold"
|
|
828
828
|
]);
|
|
829
|
-
return
|
|
829
|
+
return h.createElement(
|
|
830
830
|
e,
|
|
831
831
|
k({
|
|
832
832
|
className: u(
|
|
@@ -844,7 +844,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
844
844
|
"accordion-multiline": "lc-AccordionMultilineElement-module__accordion-multiline___oI-PH",
|
|
845
845
|
"accordion-multiline__inner": "lc-AccordionMultilineElement-module__accordion-multiline__inner___bBTnC"
|
|
846
846
|
}, ro = "accordion-multiline", en = ({ children: e, isExpanded: t }) => {
|
|
847
|
-
const r =
|
|
847
|
+
const r = h.useRef(null), { isOpen: _, isMounted: o } = Lt({
|
|
848
848
|
isVisible: !t,
|
|
849
849
|
elementRef: r
|
|
850
850
|
}), { size: n, handleResizeRef: i } = Oo();
|
|
@@ -869,7 +869,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
869
869
|
closed: t,
|
|
870
870
|
isOpen: r
|
|
871
871
|
}) => {
|
|
872
|
-
const _ =
|
|
872
|
+
const _ = h.useRef(null), o = h.useRef(null), [n, i] = h.useState(void 0), { isOpen: l, isMounted: d } = Lt({
|
|
873
873
|
isVisible: r,
|
|
874
874
|
elementRef: _
|
|
875
875
|
}), { isOpen: c, isMounted: s } = Lt(
|
|
@@ -878,11 +878,11 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
878
878
|
elementRef: o
|
|
879
879
|
}
|
|
880
880
|
);
|
|
881
|
-
return
|
|
882
|
-
const
|
|
883
|
-
if (
|
|
884
|
-
const
|
|
885
|
-
i(
|
|
881
|
+
return h.useEffect(() => {
|
|
882
|
+
const p = r ? _.current : o.current;
|
|
883
|
+
if (p) {
|
|
884
|
+
const g = p.getBoundingClientRect().height;
|
|
885
|
+
i(g);
|
|
886
886
|
}
|
|
887
887
|
}, [r, d, s]), /* @__PURE__ */ f(
|
|
888
888
|
"div",
|
|
@@ -935,7 +935,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
935
935
|
accordion__content__inner: cn,
|
|
936
936
|
"accordion__content__inner--open": "lc-Accordion-module__accordion__content__inner--open___BhKjm"
|
|
937
937
|
}, ut = "accordion", ts = (s) => {
|
|
938
|
-
var
|
|
938
|
+
var p = s, {
|
|
939
939
|
className: e,
|
|
940
940
|
children: t,
|
|
941
941
|
label: r,
|
|
@@ -945,7 +945,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
945
945
|
isOpen: i,
|
|
946
946
|
onClose: l,
|
|
947
947
|
onOpen: d
|
|
948
|
-
} =
|
|
948
|
+
} = p, c = F(p, [
|
|
949
949
|
"className",
|
|
950
950
|
"children",
|
|
951
951
|
"label",
|
|
@@ -956,13 +956,13 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
956
956
|
"onClose",
|
|
957
957
|
"onOpen"
|
|
958
958
|
]);
|
|
959
|
-
const
|
|
959
|
+
const g = i !== void 0, v = g ? i : n, m = h.useRef(null), {
|
|
960
960
|
isOpen: b,
|
|
961
|
-
isMounted:
|
|
961
|
+
isMounted: C,
|
|
962
962
|
setIsOpen: N
|
|
963
963
|
} = Lt({
|
|
964
964
|
isVisible: v,
|
|
965
|
-
elementRef:
|
|
965
|
+
elementRef: m
|
|
966
966
|
}), $ = u(
|
|
967
967
|
dt[ut],
|
|
968
968
|
dt[`${ut}--${o}`],
|
|
@@ -971,7 +971,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
971
971
|
},
|
|
972
972
|
e
|
|
973
973
|
), { size: B, handleResizeRef: x } = Oo(), S = (w) => {
|
|
974
|
-
w ? (l == null || l(), !
|
|
974
|
+
w ? (l == null || l(), !g && N(!1)) : (d == null || d(), !g && N(!0));
|
|
975
975
|
};
|
|
976
976
|
return /* @__PURE__ */ f(
|
|
977
977
|
"div",
|
|
@@ -1011,8 +1011,8 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1011
1011
|
{
|
|
1012
1012
|
className: dt[`${ut}__content`],
|
|
1013
1013
|
style: { maxHeight: b ? B : 0 },
|
|
1014
|
-
ref:
|
|
1015
|
-
children: /* @__PURE__ */ a("div", { ref: x, children:
|
|
1014
|
+
ref: m,
|
|
1015
|
+
children: /* @__PURE__ */ a("div", { ref: x, children: C && /* @__PURE__ */ a(
|
|
1016
1016
|
A,
|
|
1017
1017
|
{
|
|
1018
1018
|
as: "div",
|
|
@@ -1051,7 +1051,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1051
1051
|
"action-menu__list--with-footer": "lc-ActionMenu-module__action-menu__list--with-footer___21-ar",
|
|
1052
1052
|
"action-menu__footer": "lc-ActionMenu-module__action-menu__footer___pb-RE"
|
|
1053
1053
|
}, et = "action-menu", Lo = (b) => {
|
|
1054
|
-
var
|
|
1054
|
+
var C = b, {
|
|
1055
1055
|
className: e,
|
|
1056
1056
|
triggerClassName: t,
|
|
1057
1057
|
options: r,
|
|
@@ -1063,10 +1063,10 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1063
1063
|
visible: d,
|
|
1064
1064
|
onClose: c,
|
|
1065
1065
|
onOpen: s,
|
|
1066
|
-
floatingStrategy:
|
|
1067
|
-
selectedOptions:
|
|
1066
|
+
floatingStrategy: p,
|
|
1067
|
+
selectedOptions: g,
|
|
1068
1068
|
footer: v
|
|
1069
|
-
} =
|
|
1069
|
+
} = C, m = F(C, [
|
|
1070
1070
|
"className",
|
|
1071
1071
|
"triggerClassName",
|
|
1072
1072
|
"options",
|
|
@@ -1082,7 +1082,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1082
1082
|
"selectedOptions",
|
|
1083
1083
|
"footer"
|
|
1084
1084
|
]);
|
|
1085
|
-
const N = d !== void 0, [$, B] =
|
|
1085
|
+
const N = d !== void 0, [$, B] = h.useState(n), [x, S] = h.useState(null), y = h.useRef(-1), w = or(), T = Sa(), R = h.useRef(null), U = N ? d : $, I = () => {
|
|
1086
1086
|
U ? (c == null || c(), !N && B(!1)) : (s == null || s(), !N && B(!0));
|
|
1087
1087
|
}, { x: P, y: z, strategy: le, refs: G, context: V } = Ba({
|
|
1088
1088
|
nodeId: T,
|
|
@@ -1097,7 +1097,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1097
1097
|
],
|
|
1098
1098
|
placement: o,
|
|
1099
1099
|
open: U,
|
|
1100
|
-
strategy:
|
|
1100
|
+
strategy: p,
|
|
1101
1101
|
onOpenChange: I,
|
|
1102
1102
|
whileElementsMounted: Ia
|
|
1103
1103
|
}), ke = Ta(V), Me = Aa(V, {
|
|
@@ -1120,7 +1120,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1120
1120
|
})
|
|
1121
1121
|
}), Nt = (M) => {
|
|
1122
1122
|
var K, _e;
|
|
1123
|
-
const W =
|
|
1123
|
+
const W = y.current;
|
|
1124
1124
|
let ce = W + M;
|
|
1125
1125
|
for (; (K = r[ce]) != null && K.disabled || (_e = r[ce]) != null && _e.groupHeader; )
|
|
1126
1126
|
if (ce += M, ce === -1) {
|
|
@@ -1130,19 +1130,19 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1130
1130
|
return ce;
|
|
1131
1131
|
}, nt = (M) => {
|
|
1132
1132
|
var K, _e;
|
|
1133
|
-
|
|
1134
|
-
const W = (K = R.current) == null ? void 0 : K.children, ce = W && ((_e = W[
|
|
1133
|
+
y.current = Nt(M);
|
|
1134
|
+
const W = (K = R.current) == null ? void 0 : K.children, ce = W && ((_e = W[y.current]) == null ? void 0 : _e.children[0]);
|
|
1135
1135
|
return ce == null ? void 0 : ce.focus();
|
|
1136
1136
|
}, Qe = (M) => {
|
|
1137
|
-
M.key === ve.arrowUp &&
|
|
1137
|
+
M.key === ve.arrowUp && y.current > 0 && (M.preventDefault(), nt(-1)), M.key === ve.arrowDown && y.current + 1 < r.length && (M.preventDefault(), nt(1));
|
|
1138
1138
|
};
|
|
1139
|
-
|
|
1139
|
+
h.useEffect(() => {
|
|
1140
1140
|
if (U)
|
|
1141
1141
|
return document.addEventListener("keydown", Qe), () => document.removeEventListener("keydown", Qe);
|
|
1142
|
-
|
|
1142
|
+
y.current = -1;
|
|
1143
1143
|
}, [U, Qe]);
|
|
1144
1144
|
const it = (M, W) => {
|
|
1145
|
-
|
|
1145
|
+
y.current = M, W == null || W(), !N && !i && (B(!1), c == null || c());
|
|
1146
1146
|
}, lt = (M, W) => M.groupHeader ? /* @__PURE__ */ a(
|
|
1147
1147
|
"li",
|
|
1148
1148
|
{
|
|
@@ -1162,11 +1162,11 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1162
1162
|
className: u(Je[`${et}__list__item`], {
|
|
1163
1163
|
[Je[`${et}__list__item--disabled`]]: M.disabled,
|
|
1164
1164
|
[Je[`${et}__list__item--with-divider`]]: M.withDivider,
|
|
1165
|
-
[Je[`${et}__list__item--selected`]]:
|
|
1165
|
+
[Je[`${et}__list__item--selected`]]: g == null ? void 0 : g.includes(M.key)
|
|
1166
1166
|
}),
|
|
1167
1167
|
children: [
|
|
1168
1168
|
M.element,
|
|
1169
|
-
(
|
|
1169
|
+
(g == null ? void 0 : g.includes(M.key)) && /* @__PURE__ */ a(
|
|
1170
1170
|
"div",
|
|
1171
1171
|
{
|
|
1172
1172
|
"data-testid": `${M.key}-selected-icon`,
|
|
@@ -1203,7 +1203,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1203
1203
|
children: [
|
|
1204
1204
|
r.length > 0 && /* @__PURE__ */ a(
|
|
1205
1205
|
"ul",
|
|
1206
|
-
E(k({},
|
|
1206
|
+
E(k({}, m), {
|
|
1207
1207
|
className: u(
|
|
1208
1208
|
Je[`${et}__list`],
|
|
1209
1209
|
{
|
|
@@ -1346,9 +1346,9 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1346
1346
|
"btn--animated-label": "lc-Button-module__btn--animated-label___8uZTa",
|
|
1347
1347
|
btn__content: kn,
|
|
1348
1348
|
"btn--animated-label--expanded": "lc-Button-module__btn--animated-label--expanded___dTfmD"
|
|
1349
|
-
}, de = "btn", Z =
|
|
1350
|
-
(
|
|
1351
|
-
var N =
|
|
1349
|
+
}, de = "btn", Z = h.forwardRef(
|
|
1350
|
+
(C, b) => {
|
|
1351
|
+
var N = C, {
|
|
1352
1352
|
loading: e = !1,
|
|
1353
1353
|
disabled: t = !1,
|
|
1354
1354
|
type: r = "button",
|
|
@@ -1360,10 +1360,10 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1360
1360
|
loaderLabel: d,
|
|
1361
1361
|
className: c,
|
|
1362
1362
|
children: s,
|
|
1363
|
-
href:
|
|
1364
|
-
onClick:
|
|
1363
|
+
href: p,
|
|
1364
|
+
onClick: g,
|
|
1365
1365
|
animatedLabel: v
|
|
1366
|
-
} = N,
|
|
1366
|
+
} = N, m = F(N, [
|
|
1367
1367
|
"loading",
|
|
1368
1368
|
"disabled",
|
|
1369
1369
|
"type",
|
|
@@ -1379,7 +1379,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1379
1379
|
"onClick",
|
|
1380
1380
|
"animatedLabel"
|
|
1381
1381
|
]);
|
|
1382
|
-
const [$, B] =
|
|
1382
|
+
const [$, B] = h.useState(0), [x, S] = h.useState(!1), y = e || t, w = !s && i, T = v && s && i, R = ["text", "link", "link-light"].includes(o), U = p ? "a" : "button", I = u(
|
|
1383
1383
|
se[de],
|
|
1384
1384
|
se[`${de}--${o}`],
|
|
1385
1385
|
se[`${de}--${n}`],
|
|
@@ -1389,7 +1389,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1389
1389
|
[se[`${de}--with-${l}-icon`]]: i && !w && !R,
|
|
1390
1390
|
[se[`${de}--icon-only`]]: w,
|
|
1391
1391
|
[se[`${de}--icon-only--bg`]]: w && R,
|
|
1392
|
-
[se[`${de}--disabled`]]:
|
|
1392
|
+
[se[`${de}--disabled`]]: y,
|
|
1393
1393
|
[se[`${de}--animated-label`]]: T,
|
|
1394
1394
|
[se[`${de}--animated-label--expanded`]]: T && x
|
|
1395
1395
|
},
|
|
@@ -1400,28 +1400,28 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1400
1400
|
E(k(k(k({
|
|
1401
1401
|
ref: b,
|
|
1402
1402
|
className: I,
|
|
1403
|
-
"aria-disabled":
|
|
1403
|
+
"aria-disabled": y,
|
|
1404
1404
|
type: r,
|
|
1405
|
-
disabled:
|
|
1406
|
-
}, !
|
|
1405
|
+
disabled: y
|
|
1406
|
+
}, !y && { href: p, onClick: g }), m), T && {
|
|
1407
1407
|
onMouseEnter: (P) => _o(
|
|
1408
1408
|
P,
|
|
1409
1409
|
() => S(!0),
|
|
1410
|
-
|
|
1410
|
+
m == null ? void 0 : m.onMouseEnter
|
|
1411
1411
|
),
|
|
1412
1412
|
onMouseLeave: (P) => _o(
|
|
1413
1413
|
P,
|
|
1414
1414
|
() => S(!1),
|
|
1415
|
-
|
|
1415
|
+
m == null ? void 0 : m.onMouseLeave
|
|
1416
1416
|
),
|
|
1417
1417
|
onBlur: (P) => gn(
|
|
1418
1418
|
P,
|
|
1419
1419
|
() => S(!1),
|
|
1420
|
-
|
|
1420
|
+
m == null ? void 0 : m.onBlur
|
|
1421
1421
|
),
|
|
1422
1422
|
onKeyUp: (P) => {
|
|
1423
1423
|
var z;
|
|
1424
|
-
(P.key === "Enter" || P.key === " ") && S(!0), P.key === "Escape" && S(!1), (z =
|
|
1424
|
+
(P.key === "Enter" || P.key === " ") && S(!0), P.key === "Escape" && S(!1), (z = m == null ? void 0 : m.onKeyUp) == null || z.call(m, P);
|
|
1425
1425
|
}
|
|
1426
1426
|
}), {
|
|
1427
1427
|
children: [
|
|
@@ -1434,7 +1434,7 @@ const qc = (e) => e === "dark" ? Ot.Dark : Ot.Light, Po = s_(void 0), jc = () =>
|
|
|
1434
1434
|
className: se[`${de}__loader`]
|
|
1435
1435
|
}, pn(o))
|
|
1436
1436
|
),
|
|
1437
|
-
i &&
|
|
1437
|
+
i && h.cloneElement(i, {
|
|
1438
1438
|
className: u(
|
|
1439
1439
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
|
1440
1440
|
i.props.className,
|
|
@@ -1540,18 +1540,18 @@ const Cn = (e) => {
|
|
|
1540
1540
|
fullSpaceContent: d,
|
|
1541
1541
|
onClose: c,
|
|
1542
1542
|
onOpen: s,
|
|
1543
|
-
withFadeAnimation:
|
|
1544
|
-
transitionDuration:
|
|
1543
|
+
withFadeAnimation: p = !0,
|
|
1544
|
+
transitionDuration: g = 200,
|
|
1545
1545
|
hoverOnDuration: v,
|
|
1546
|
-
hoverOffDuration:
|
|
1546
|
+
hoverOffDuration: m,
|
|
1547
1547
|
transitionDelay: b = 0,
|
|
1548
|
-
hoverOnDelay:
|
|
1548
|
+
hoverOnDelay: C,
|
|
1549
1549
|
hoverOffDelay: N,
|
|
1550
1550
|
triggerOnClick: $ = !1,
|
|
1551
1551
|
triggerOnHover: B = !0,
|
|
1552
1552
|
offsetMainAxis: x = 8,
|
|
1553
1553
|
offsetCrossAxis: S = 0,
|
|
1554
|
-
referenceElement:
|
|
1554
|
+
referenceElement: y,
|
|
1555
1555
|
activationThreshold: w = 0,
|
|
1556
1556
|
useDismissHookProps: T,
|
|
1557
1557
|
useClickHookProps: R,
|
|
@@ -1561,14 +1561,14 @@ const Cn = (e) => {
|
|
|
1561
1561
|
closeOnTriggerBlur: z = !1,
|
|
1562
1562
|
floatingStrategy: le
|
|
1563
1563
|
}) => {
|
|
1564
|
-
const G = l !== void 0, [V, ke] =
|
|
1564
|
+
const G = l !== void 0, [V, ke] = h.useState(!1), Me = h.useRef(null), Oe = G ? l : V, je = n || o, Te = or(), _t = Sa(), Nt = u(
|
|
1565
1565
|
O[Oa],
|
|
1566
1566
|
t,
|
|
1567
1567
|
je && O[`${Oa}--${je}`],
|
|
1568
1568
|
d && O[`${Oa}--full-space`]
|
|
1569
1569
|
), nt = typeof _ == "function", Qe = (xe) => {
|
|
1570
1570
|
xe !== Oe && (xe ? s == null || s() : c == null || c(), !G && ke(xe));
|
|
1571
|
-
}, it = (xe) =>
|
|
1571
|
+
}, it = (xe) => p ? xe != null ? xe : g : 0, lt = (xe) => xe != null ? xe : b, {
|
|
1572
1572
|
floatingStyles: ct,
|
|
1573
1573
|
refs: M,
|
|
1574
1574
|
context: W,
|
|
@@ -1590,7 +1590,7 @@ const Cn = (e) => {
|
|
|
1590
1590
|
move: !1,
|
|
1591
1591
|
restMs: w,
|
|
1592
1592
|
delay: {
|
|
1593
|
-
open: lt(
|
|
1593
|
+
open: lt(C),
|
|
1594
1594
|
close: lt(N || U)
|
|
1595
1595
|
},
|
|
1596
1596
|
enabled: B,
|
|
@@ -1600,7 +1600,7 @@ const Cn = (e) => {
|
|
|
1600
1600
|
}, R)), { isMounted: cr, styles: sr } = Mr(W, {
|
|
1601
1601
|
duration: {
|
|
1602
1602
|
open: it(v),
|
|
1603
|
-
close: it(
|
|
1603
|
+
close: it(m)
|
|
1604
1604
|
}
|
|
1605
1605
|
}), { status: dr } = L_(W), { getReferenceProps: ur, getFloatingProps: mr } = Pa([
|
|
1606
1606
|
_e,
|
|
@@ -1609,9 +1609,9 @@ const Cn = (e) => {
|
|
|
1609
1609
|
zt,
|
|
1610
1610
|
lr
|
|
1611
1611
|
]);
|
|
1612
|
-
|
|
1613
|
-
|
|
1614
|
-
}, [M.setReference,
|
|
1612
|
+
h.useEffect(() => {
|
|
1613
|
+
y && M.setReference(y);
|
|
1614
|
+
}, [M.setReference, y]);
|
|
1615
1615
|
const Fa = /* @__PURE__ */ f(te, { children: [
|
|
1616
1616
|
/* @__PURE__ */ a(
|
|
1617
1617
|
"div",
|
|
@@ -1885,9 +1885,9 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
1885
1885
|
parentElementName: r,
|
|
1886
1886
|
isVisible: _ = !1,
|
|
1887
1887
|
shouldSlide: o = !0
|
|
1888
|
-
} = e, [n, i] =
|
|
1888
|
+
} = e, [n, i] = h.useState(
|
|
1889
1889
|
null
|
|
1890
|
-
), [l, d] =
|
|
1890
|
+
), [l, d] = h.useState(null), [c, s] = h.useState(o), p = () => {
|
|
1891
1891
|
n && (d(
|
|
1892
1892
|
lo(
|
|
1893
1893
|
n,
|
|
@@ -1895,17 +1895,17 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
1895
1895
|
).getBoundingClientRect()
|
|
1896
1896
|
), s(!1));
|
|
1897
1897
|
};
|
|
1898
|
-
return
|
|
1898
|
+
return h.useEffect(() => {
|
|
1899
1899
|
if (n !== null)
|
|
1900
|
-
return window.addEventListener("resize",
|
|
1901
|
-
window.removeEventListener("resize",
|
|
1900
|
+
return window.addEventListener("resize", p), window.addEventListener("scroll", p), () => {
|
|
1901
|
+
window.removeEventListener("resize", p), window.removeEventListener("scroll", p);
|
|
1902
1902
|
};
|
|
1903
|
-
}, [n]),
|
|
1903
|
+
}, [n]), h.useEffect(() => {
|
|
1904
1904
|
if (r) {
|
|
1905
|
-
const
|
|
1906
|
-
i(
|
|
1905
|
+
const g = document.querySelector(r);
|
|
1906
|
+
i(g);
|
|
1907
1907
|
}
|
|
1908
|
-
}, [r]),
|
|
1908
|
+
}, [r]), h.useEffect(() => {
|
|
1909
1909
|
n && d(
|
|
1910
1910
|
lo(
|
|
1911
1911
|
n,
|
|
@@ -2039,20 +2039,20 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
2039
2039
|
vertical: n,
|
|
2040
2040
|
menuFooter: i
|
|
2041
2041
|
}) => {
|
|
2042
|
-
const [l, d] =
|
|
2042
|
+
const [l, d] = h.useState(
|
|
2043
2043
|
_.length
|
|
2044
|
-
), [c, s] =
|
|
2044
|
+
), [c, s] = h.useState([]), [p, g] = h.useState(!1), v = r === "scroll", m = u(
|
|
2045
2045
|
j[La],
|
|
2046
2046
|
e,
|
|
2047
2047
|
n && j[`${La}--vertical`]
|
|
2048
2048
|
), b = !v && c.length !== 0;
|
|
2049
|
-
|
|
2049
|
+
h.useEffect(() => {
|
|
2050
2050
|
v || (_.length > l ? s(_.slice(l, _.length)) : s([]));
|
|
2051
|
-
}, [_, l]),
|
|
2051
|
+
}, [_, l]), h.useEffect(() => {
|
|
2052
2052
|
const $ = !!window.ResizeObserver;
|
|
2053
2053
|
if (!v && $) {
|
|
2054
2054
|
const B = new ResizeObserver((x) => {
|
|
2055
|
-
const { width: S, height:
|
|
2055
|
+
const { width: S, height: y } = x[0].contentRect, w = n ? y : S, T = c.length > 0 ? 60 : 0, R = Math.floor(
|
|
2056
2056
|
(w - T) / Tn
|
|
2057
2057
|
);
|
|
2058
2058
|
R >= 0 && R !== l && d(R);
|
|
@@ -2060,7 +2060,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
2060
2060
|
return B.observe(document.querySelector(`#${t}`)), () => B.disconnect();
|
|
2061
2061
|
}
|
|
2062
2062
|
}, [c, v, l]);
|
|
2063
|
-
const
|
|
2063
|
+
const C = h.useCallback(() => c.reduce(
|
|
2064
2064
|
($, B) => {
|
|
2065
2065
|
if (!B.hideInMenu) {
|
|
2066
2066
|
const x = {
|
|
@@ -2075,7 +2075,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
2075
2075
|
},
|
|
2076
2076
|
[]
|
|
2077
2077
|
), [c]), N = c.find(($) => $.key === o);
|
|
2078
|
-
return /* @__PURE__ */ f("div", { id: t, className:
|
|
2078
|
+
return /* @__PURE__ */ f("div", { id: t, className: m, children: [
|
|
2079
2079
|
/* @__PURE__ */ a(
|
|
2080
2080
|
"div",
|
|
2081
2081
|
{
|
|
@@ -2104,11 +2104,11 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
2104
2104
|
Lo,
|
|
2105
2105
|
{
|
|
2106
2106
|
selectedOptions: o ? [o] : [],
|
|
2107
|
-
onOpen: () =>
|
|
2108
|
-
onClose: () =>
|
|
2107
|
+
onOpen: () => g(!0),
|
|
2108
|
+
onClose: () => g(!1),
|
|
2109
2109
|
floatingStrategy: "fixed",
|
|
2110
2110
|
placement: n ? "left-start" : "bottom-end",
|
|
2111
|
-
options:
|
|
2111
|
+
options: C(),
|
|
2112
2112
|
triggerClassName: u(
|
|
2113
2113
|
n && j[`${pt}__trigger-vertical`]
|
|
2114
2114
|
),
|
|
@@ -2127,7 +2127,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
2127
2127
|
kind: "primary",
|
|
2128
2128
|
className: u(
|
|
2129
2129
|
j[`${pt}__button__icon`],
|
|
2130
|
-
|
|
2130
|
+
p && j[`${pt}__button__icon--open`]
|
|
2131
2131
|
)
|
|
2132
2132
|
}
|
|
2133
2133
|
),
|
|
@@ -2254,7 +2254,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
2254
2254
|
"kind",
|
|
2255
2255
|
"onClose"
|
|
2256
2256
|
]);
|
|
2257
|
-
const c =
|
|
2257
|
+
const c = h.useRef(null), [s, p] = h.useState(null), g = u(
|
|
2258
2258
|
Ae[De],
|
|
2259
2259
|
Ae[`${De}--${o}`],
|
|
2260
2260
|
s === "large" && Ae[`${De}--large`],
|
|
@@ -2262,12 +2262,12 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
2262
2262
|
s === "small" && Ae[`${De}--small`],
|
|
2263
2263
|
t
|
|
2264
2264
|
);
|
|
2265
|
-
return
|
|
2266
|
-
const v = () => c.current && c.current.offsetWidth <= 400 ?
|
|
2265
|
+
return h.useEffect(() => {
|
|
2266
|
+
const v = () => c.current && c.current.offsetWidth <= 400 ? p("small") : c.current && c.current.offsetWidth > 400 && c.current.offsetWidth <= 800 ? p("medium") : p("large"), m = To(() => {
|
|
2267
2267
|
v();
|
|
2268
2268
|
}, 500);
|
|
2269
|
-
return window.addEventListener("resize",
|
|
2270
|
-
}), /* @__PURE__ */ f("div", E(k({ ref: c, className:
|
|
2269
|
+
return window.addEventListener("resize", m), v(), () => window.removeEventListener("resize", m);
|
|
2270
|
+
}), /* @__PURE__ */ f("div", E(k({ ref: c, className: g }, i), { children: [
|
|
2271
2271
|
/* @__PURE__ */ f("div", { className: Ae[`${De}__content`], children: [
|
|
2272
2272
|
/* @__PURE__ */ f("div", { className: Ae[`${De}__content__wrapper`], children: [
|
|
2273
2273
|
/* @__PURE__ */ a(
|
|
@@ -2336,28 +2336,28 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
2336
2336
|
sideNavigationContainerClassName: d,
|
|
2337
2337
|
contentClassName: c,
|
|
2338
2338
|
mobileViewBreakpoint: s = 705
|
|
2339
|
-
} = e,
|
|
2340
|
-
isSideNavigationVisible:
|
|
2339
|
+
} = e, p = u(Pe[zo], r), {
|
|
2340
|
+
isSideNavigationVisible: g,
|
|
2341
2341
|
setIsMobileViewEnabled: v,
|
|
2342
|
-
isMobileViewEnabled:
|
|
2343
|
-
} = Ro(), b =
|
|
2344
|
-
isVisible:
|
|
2342
|
+
isMobileViewEnabled: m
|
|
2343
|
+
} = Ro(), b = h.useRef(null), { isOpen: C, isMounted: N } = Lt({
|
|
2344
|
+
isVisible: g,
|
|
2345
2345
|
elementRef: b
|
|
2346
2346
|
}), { isMobile: $, handleResizeRef: B } = q_({
|
|
2347
2347
|
mobileBreakpoint: s
|
|
2348
2348
|
});
|
|
2349
|
-
return
|
|
2349
|
+
return h.useEffect(() => {
|
|
2350
2350
|
v($);
|
|
2351
|
-
}, [$]), /* @__PURE__ */ f("div", { className:
|
|
2352
|
-
!
|
|
2351
|
+
}, [$]), /* @__PURE__ */ f("div", { className: p, ref: B, children: [
|
|
2352
|
+
!m && _,
|
|
2353
2353
|
/* @__PURE__ */ f(
|
|
2354
2354
|
"div",
|
|
2355
2355
|
{
|
|
2356
2356
|
className: u(Pe[Le], {
|
|
2357
|
-
[Pe[`${Le}--mobile`]]:
|
|
2357
|
+
[Pe[`${Le}--mobile`]]: m
|
|
2358
2358
|
}),
|
|
2359
2359
|
children: [
|
|
2360
|
-
!
|
|
2360
|
+
!m && /* @__PURE__ */ a(
|
|
2361
2361
|
"div",
|
|
2362
2362
|
{
|
|
2363
2363
|
className: u(
|
|
@@ -2375,10 +2375,10 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
2375
2375
|
"div",
|
|
2376
2376
|
{
|
|
2377
2377
|
className: u(Pe[`${Le}__content-wrapper`], {
|
|
2378
|
-
[Pe[`${Le}__content-wrapper--mobile`]]:
|
|
2378
|
+
[Pe[`${Le}__content-wrapper--mobile`]]: m
|
|
2379
2379
|
}),
|
|
2380
2380
|
children: [
|
|
2381
|
-
!
|
|
2381
|
+
!m && n && /* @__PURE__ */ a(
|
|
2382
2382
|
"div",
|
|
2383
2383
|
{
|
|
2384
2384
|
ref: b,
|
|
@@ -2387,7 +2387,7 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
2387
2387
|
"lc-dark-theme",
|
|
2388
2388
|
d,
|
|
2389
2389
|
{
|
|
2390
|
-
[Pe[`${Le}__content-wrapper__nav-bar-wrapper--open`]]:
|
|
2390
|
+
[Pe[`${Le}__content-wrapper__nav-bar-wrapper--open`]]: C
|
|
2391
2391
|
}
|
|
2392
2392
|
),
|
|
2393
2393
|
children: N && n
|
|
@@ -2400,13 +2400,13 @@ const no = 8, io = "guide-tooltip", lo = (e, t) => new En(e, t), os = (e) => {
|
|
|
2400
2400
|
Pe[`${Le}__content-wrapper__content`],
|
|
2401
2401
|
c,
|
|
2402
2402
|
{
|
|
2403
|
-
[Pe[`${Le}__content-wrapper__content--mobile`]]:
|
|
2403
|
+
[Pe[`${Le}__content-wrapper__content--mobile`]]: m
|
|
2404
2404
|
}
|
|
2405
2405
|
),
|
|
2406
2406
|
children: t
|
|
2407
2407
|
}
|
|
2408
2408
|
),
|
|
2409
|
-
|
|
2409
|
+
m && /* @__PURE__ */ f(te, { children: [
|
|
2410
2410
|
/* @__PURE__ */ a(
|
|
2411
2411
|
"div",
|
|
2412
2412
|
{
|
|
@@ -2478,8 +2478,8 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
|
|
|
2478
2478
|
"side-navigation-item__label": "lc-SideNavigationItem-module__side-navigation-item__label___dpMyX",
|
|
2479
2479
|
"side-navigation-item__label--active": "lc-SideNavigationItem-module__side-navigation-item__label--active___4vImp",
|
|
2480
2480
|
"side-navigation-item__custom-label--active": "lc-SideNavigationItem-module__side-navigation-item__custom-label--active___UWDu9"
|
|
2481
|
-
}, Ue = "side-navigation-item", Vn = (
|
|
2482
|
-
var v =
|
|
2481
|
+
}, Ue = "side-navigation-item", Vn = (g) => {
|
|
2482
|
+
var v = g, {
|
|
2483
2483
|
leftNode: e,
|
|
2484
2484
|
shouldKeepIconSpace: t = !0,
|
|
2485
2485
|
url: r,
|
|
@@ -2491,7 +2491,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
|
|
|
2491
2491
|
isMainEntry: d,
|
|
2492
2492
|
onItemHover: c,
|
|
2493
2493
|
isIconHidden: s
|
|
2494
|
-
} = v,
|
|
2494
|
+
} = v, p = F(v, [
|
|
2495
2495
|
"leftNode",
|
|
2496
2496
|
"shouldKeepIconSpace",
|
|
2497
2497
|
"url",
|
|
@@ -2504,9 +2504,9 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
|
|
|
2504
2504
|
"onItemHover",
|
|
2505
2505
|
"isIconHidden"
|
|
2506
2506
|
]);
|
|
2507
|
-
const
|
|
2507
|
+
const m = typeof _ == "string", b = (N) => {
|
|
2508
2508
|
N.preventDefault(), i == null || i();
|
|
2509
|
-
},
|
|
2509
|
+
}, C = (N) => {
|
|
2510
2510
|
N.key === "Enter" && (N.preventDefault(), i == null || i());
|
|
2511
2511
|
};
|
|
2512
2512
|
return /* @__PURE__ */ a(
|
|
@@ -2515,7 +2515,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
|
|
|
2515
2515
|
className: u([Ge[Ue], o]),
|
|
2516
2516
|
"data-testid": l ? Hn : Un,
|
|
2517
2517
|
"data-active": l
|
|
2518
|
-
},
|
|
2518
|
+
}, p), {
|
|
2519
2519
|
children: /* @__PURE__ */ f(
|
|
2520
2520
|
"a",
|
|
2521
2521
|
{
|
|
@@ -2527,7 +2527,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
|
|
|
2527
2527
|
}),
|
|
2528
2528
|
href: r,
|
|
2529
2529
|
onClick: b,
|
|
2530
|
-
onKeyDown:
|
|
2530
|
+
onKeyDown: C,
|
|
2531
2531
|
onMouseEnter: c || Na,
|
|
2532
2532
|
onFocus: c || Na,
|
|
2533
2533
|
children: [
|
|
@@ -2541,7 +2541,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
|
|
|
2541
2541
|
children: e
|
|
2542
2542
|
}
|
|
2543
2543
|
),
|
|
2544
|
-
|
|
2544
|
+
m ? /* @__PURE__ */ a(
|
|
2545
2545
|
A,
|
|
2546
2546
|
{
|
|
2547
2547
|
bold: l || d,
|
|
@@ -2584,21 +2584,21 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
|
|
|
2584
2584
|
shouldOpenOnInit: i = !1,
|
|
2585
2585
|
shouldOpenOnActive: l = !1
|
|
2586
2586
|
}) => {
|
|
2587
|
-
const [d, c] =
|
|
2587
|
+
const [d, c] = h.useState(!1), [s, p] = h.useState(0), g = h.useRef(!1), v = h.useRef(null), { isOpen: m, isMounted: b, setIsOpen: C } = Lt({
|
|
2588
2588
|
isVisible: !o || i,
|
|
2589
2589
|
elementRef: v
|
|
2590
|
-
}), N = typeof t == "function" ? t(
|
|
2591
|
-
o &&
|
|
2592
|
-
}, S = (
|
|
2593
|
-
const w =
|
|
2590
|
+
}), N = typeof t == "function" ? t(m) : t, $ = typeof e == "function" ? e(m) : e, B = () => C(!0), x = () => {
|
|
2591
|
+
o && C((y) => !y);
|
|
2592
|
+
}, S = (y) => {
|
|
2593
|
+
const w = y == null ? void 0 : y.getElementsByTagName("li"), T = w != null && w.length ? [...w].some(
|
|
2594
2594
|
(U) => U.getAttribute("data-active") === "true"
|
|
2595
2595
|
) : !1;
|
|
2596
2596
|
c(T);
|
|
2597
2597
|
const R = ((w == null ? void 0 : w.length) || 0) * Wn;
|
|
2598
|
-
|
|
2598
|
+
p(R);
|
|
2599
2599
|
};
|
|
2600
|
-
return
|
|
2601
|
-
l && (!
|
|
2600
|
+
return h.useEffect(() => {
|
|
2601
|
+
l && (!g.current && d && B(), g.current = d);
|
|
2602
2602
|
}, [d, l]), /* @__PURE__ */ f("div", { "data-testid": "side-navigation-group", className: xt[St], children: [
|
|
2603
2603
|
o ? /* @__PURE__ */ a(
|
|
2604
2604
|
Vn,
|
|
@@ -2607,7 +2607,7 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
|
|
|
2607
2607
|
"div",
|
|
2608
2608
|
{
|
|
2609
2609
|
className: u(xt[`${St}__chevron`], {
|
|
2610
|
-
[xt[`${St}__chevron--active`]]:
|
|
2610
|
+
[xt[`${St}__chevron--active`]]: m
|
|
2611
2611
|
}),
|
|
2612
2612
|
children: /* @__PURE__ */ a(D, { source: ar, size: "small" })
|
|
2613
2613
|
}
|
|
@@ -2634,10 +2634,10 @@ const Un = "side-navigation-item-test-id", Hn = "side-navigation-active-item-tes
|
|
|
2634
2634
|
className: u([
|
|
2635
2635
|
xt[`${St}__list-wrapper`],
|
|
2636
2636
|
{
|
|
2637
|
-
[xt[`${St}__list-wrapper--expanded`]]:
|
|
2637
|
+
[xt[`${St}__list-wrapper--expanded`]]: m
|
|
2638
2638
|
}
|
|
2639
2639
|
]),
|
|
2640
|
-
style: { maxHeight:
|
|
2640
|
+
style: { maxHeight: m ? s : 0 },
|
|
2641
2641
|
children: b && /* @__PURE__ */ a(
|
|
2642
2642
|
"ul",
|
|
2643
2643
|
{
|
|
@@ -2741,8 +2741,8 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
|
|
|
2741
2741
|
size: "compact",
|
|
2742
2742
|
type: e
|
|
2743
2743
|
}
|
|
2744
|
-
), ms = (
|
|
2745
|
-
var
|
|
2744
|
+
), ms = (p) => {
|
|
2745
|
+
var g = p, {
|
|
2746
2746
|
id: e,
|
|
2747
2747
|
label: t,
|
|
2748
2748
|
icon: r,
|
|
@@ -2753,7 +2753,7 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
|
|
|
2753
2753
|
isActive: l,
|
|
2754
2754
|
onClick: d,
|
|
2755
2755
|
className: c
|
|
2756
|
-
} =
|
|
2756
|
+
} = g, s = F(g, [
|
|
2757
2757
|
"id",
|
|
2758
2758
|
"label",
|
|
2759
2759
|
"icon",
|
|
@@ -2806,7 +2806,7 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
|
|
|
2806
2806
|
},
|
|
2807
2807
|
"lc-dark-theme"
|
|
2808
2808
|
),
|
|
2809
|
-
onClick: (
|
|
2809
|
+
onClick: (m) => !n && d(m, e),
|
|
2810
2810
|
href: _
|
|
2811
2811
|
}, s), {
|
|
2812
2812
|
children: [
|
|
@@ -2875,21 +2875,21 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
|
|
|
2875
2875
|
secondaryCta: n,
|
|
2876
2876
|
isVisible: i = !0
|
|
2877
2877
|
}) => {
|
|
2878
|
-
const l =
|
|
2878
|
+
const l = h.useRef(null), { isMounted: d, isOpen: c } = Lt({
|
|
2879
2879
|
isVisible: i,
|
|
2880
2880
|
elementRef: l
|
|
2881
|
-
}), s = window.matchMedia("(max-width: 768px)").matches,
|
|
2881
|
+
}), s = window.matchMedia("(max-width: 768px)").matches, p = t === "warning" ? "link-inverted" : "text", g = t === "warning" ? "plain-lock-black" : "high-contrast", v = o || n ? /* @__PURE__ */ f("div", { className: ot[`${Bt}__cta-wrapper`], children: [
|
|
2882
2882
|
o && /* @__PURE__ */ a(
|
|
2883
2883
|
Z,
|
|
2884
2884
|
E(k({
|
|
2885
2885
|
size: "compact",
|
|
2886
|
-
kind: s ?
|
|
2886
|
+
kind: s ? p : g
|
|
2887
2887
|
}, o), {
|
|
2888
2888
|
children: o.label
|
|
2889
2889
|
})
|
|
2890
2890
|
),
|
|
2891
|
-
n && /* @__PURE__ */ a(Z, E(k({ size: "compact", kind:
|
|
2892
|
-
] }) : null,
|
|
2891
|
+
n && /* @__PURE__ */ a(Z, E(k({ size: "compact", kind: p }, n), { children: n.label }))
|
|
2892
|
+
] }) : null, m = /* @__PURE__ */ f(te, { children: [
|
|
2893
2893
|
/* @__PURE__ */ f("div", { className: ot[`${Bt}__children-wrapper`], children: [
|
|
2894
2894
|
_,
|
|
2895
2895
|
v
|
|
@@ -2928,7 +2928,7 @@ const Yn = "lc-Badge-module__badge___ZbEBU", Xn = "lc-Badge-module__badge__dot__
|
|
|
2928
2928
|
},
|
|
2929
2929
|
e
|
|
2930
2930
|
),
|
|
2931
|
-
children:
|
|
2931
|
+
children: m
|
|
2932
2932
|
}
|
|
2933
2933
|
)
|
|
2934
2934
|
}
|
|
@@ -2998,7 +2998,7 @@ const Ha = {
|
|
|
2998
2998
|
"input__icon--left": "lc-Input-module__input__icon--left___IBzj8",
|
|
2999
2999
|
"input__icon--right": "lc-Input-module__input__icon--right___lw1xQ",
|
|
3000
3000
|
"input__visibility-button": "lc-Input-module__input__visibility-button___lmD5H"
|
|
3001
|
-
}, Xe = "input", uo = (e, t) =>
|
|
3001
|
+
}, Xe = "input", uo = (e, t) => h.cloneElement(e.source, {
|
|
3002
3002
|
"data-testid": `input-icon-${e.place}`,
|
|
3003
3003
|
className: u(
|
|
3004
3004
|
Ye[`${Xe}__icon`],
|
|
@@ -3007,7 +3007,7 @@ const Ha = {
|
|
|
3007
3007
|
[Ye[`${Xe}__icon--disabled`]]: t
|
|
3008
3008
|
}
|
|
3009
3009
|
)
|
|
3010
|
-
}), oi =
|
|
3010
|
+
}), oi = h.forwardRef(
|
|
3011
3011
|
(d, l) => {
|
|
3012
3012
|
var c = d, {
|
|
3013
3013
|
inputSize: e = "medium",
|
|
@@ -3024,20 +3024,20 @@ const Ha = {
|
|
|
3024
3024
|
"className",
|
|
3025
3025
|
"cropOnBlur"
|
|
3026
3026
|
]);
|
|
3027
|
-
const s =
|
|
3028
|
-
|
|
3029
|
-
const [
|
|
3027
|
+
const s = h.useRef(null);
|
|
3028
|
+
h.useImperativeHandle(l, () => s.current, []);
|
|
3029
|
+
const [p, g] = h.useState(!1), [v, m] = h.useState(!1), { type: b, onFocus: C, onBlur: N } = i, $ = u(
|
|
3030
3030
|
o,
|
|
3031
3031
|
Ye[Xe],
|
|
3032
3032
|
Ye[`${Xe}--${e}`],
|
|
3033
3033
|
{
|
|
3034
3034
|
[Ye[`${Xe}--disabled`]]: r,
|
|
3035
|
-
[Ye[`${Xe}--focused`]]:
|
|
3035
|
+
[Ye[`${Xe}--focused`]]: p,
|
|
3036
3036
|
[Ye[`${Xe}--error`]]: t,
|
|
3037
3037
|
[Ye[`${Xe}--crop`]]: n,
|
|
3038
3038
|
[Ye[`${Xe}--read-only`]]: i.readOnly
|
|
3039
3039
|
}
|
|
3040
|
-
), B = r ? "var(--content-disabled)" : "var(--content-default)", x = v ? p_ : g_, S = _ && _.place === "left",
|
|
3040
|
+
), B = r ? "var(--content-disabled)" : "var(--content-default)", x = v ? p_ : g_, S = _ && _.place === "left", y = _ && b !== "password" && _.place === "right";
|
|
3041
3041
|
return /* @__PURE__ */ f(
|
|
3042
3042
|
A,
|
|
3043
3043
|
{
|
|
@@ -3056,16 +3056,16 @@ const Ha = {
|
|
|
3056
3056
|
E(k({}, i), {
|
|
3057
3057
|
ref: s,
|
|
3058
3058
|
onFocus: (T) => {
|
|
3059
|
-
|
|
3059
|
+
g(!0), C == null || C(T);
|
|
3060
3060
|
},
|
|
3061
3061
|
onBlur: (T) => {
|
|
3062
|
-
|
|
3062
|
+
g(!1), N == null || N(T);
|
|
3063
3063
|
},
|
|
3064
3064
|
disabled: r,
|
|
3065
3065
|
type: b && !v ? b : "text"
|
|
3066
3066
|
})
|
|
3067
3067
|
),
|
|
3068
|
-
|
|
3068
|
+
y && uo(_, r),
|
|
3069
3069
|
b === "password" && /* @__PURE__ */ a(
|
|
3070
3070
|
Z,
|
|
3071
3071
|
{
|
|
@@ -3073,7 +3073,7 @@ const Ha = {
|
|
|
3073
3073
|
kind: "text",
|
|
3074
3074
|
size: "compact",
|
|
3075
3075
|
icon: /* @__PURE__ */ a(D, { customColor: B, source: x }),
|
|
3076
|
-
onClick: () =>
|
|
3076
|
+
onClick: () => m((T) => !T),
|
|
3077
3077
|
className: Ye[`${Xe}__visibility-button`]
|
|
3078
3078
|
}
|
|
3079
3079
|
)
|
|
@@ -3112,7 +3112,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3112
3112
|
checkbox__square: pi,
|
|
3113
3113
|
"checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___kRNDo",
|
|
3114
3114
|
checkbox__helper: gi
|
|
3115
|
-
}, Pt = "checkbox", hi =
|
|
3115
|
+
}, Pt = "checkbox", hi = h.forwardRef(
|
|
3116
3116
|
(l, i) => {
|
|
3117
3117
|
var d = l, { checked: e, disabled: t, children: r, description: _, className: o } = d, n = F(d, ["checked", "disabled", "children", "description", "className"]);
|
|
3118
3118
|
return /* @__PURE__ */ f(
|
|
@@ -3167,8 +3167,8 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3167
3167
|
numberOfItems: l
|
|
3168
3168
|
}) => {
|
|
3169
3169
|
const d = (s) => {
|
|
3170
|
-
var
|
|
3171
|
-
return (
|
|
3170
|
+
var p;
|
|
3171
|
+
return (p = s == null ? void 0 : s.customElement) != null && p.listItemBody ? /* @__PURE__ */ a("div", { className: ye[`${He}__custom`], children: s.customElement.listItemBody }) : /* @__PURE__ */ f(te, { children: [
|
|
3172
3172
|
s.showCheckbox && /* @__PURE__ */ a(
|
|
3173
3173
|
hi,
|
|
3174
3174
|
{
|
|
@@ -3283,17 +3283,17 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3283
3283
|
isPositioned: d,
|
|
3284
3284
|
searchDisabled: c,
|
|
3285
3285
|
onItemRemove: s,
|
|
3286
|
-
setPointer:
|
|
3287
|
-
onSelect:
|
|
3286
|
+
setPointer: p,
|
|
3287
|
+
onSelect: g,
|
|
3288
3288
|
getFloatingProps: v,
|
|
3289
|
-
getItemProps:
|
|
3289
|
+
getItemProps: m,
|
|
3290
3290
|
emptyStateText: b = "No results found",
|
|
3291
|
-
hideWhenEmpty:
|
|
3291
|
+
hideWhenEmpty: C = !1,
|
|
3292
3292
|
pickerType: N = "single",
|
|
3293
3293
|
listClassName: $,
|
|
3294
3294
|
virtuosoProps: B
|
|
3295
3295
|
}) => {
|
|
3296
|
-
const [x, S] =
|
|
3296
|
+
const [x, S] = h.useState(0), y = Fr(null), w = o.length, T = h.useCallback(
|
|
3297
3297
|
(I) => {
|
|
3298
3298
|
I !== x && (I < _ ? S(I + (w - 1) * _i) : S(_));
|
|
3299
3299
|
},
|
|
@@ -3301,11 +3301,11 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3301
3301
|
);
|
|
3302
3302
|
if (qe(() => {
|
|
3303
3303
|
var I;
|
|
3304
|
-
c && d && n !== null && ((I =
|
|
3304
|
+
c && d && n !== null && ((I = y.current) == null || I.focus());
|
|
3305
3305
|
}, [c, d, n]), qe(() => {
|
|
3306
3306
|
l.current = new Array(o.length);
|
|
3307
3307
|
}, [o.length]), o.length === 0)
|
|
3308
|
-
return
|
|
3308
|
+
return C ? null : /* @__PURE__ */ a(Br, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ a(
|
|
3309
3309
|
"div",
|
|
3310
3310
|
{
|
|
3311
3311
|
className: u(la.listbox, la["no-results"]),
|
|
@@ -3331,19 +3331,19 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3331
3331
|
children: /* @__PURE__ */ a(
|
|
3332
3332
|
"div",
|
|
3333
3333
|
E(k({
|
|
3334
|
-
ref:
|
|
3334
|
+
ref: y,
|
|
3335
3335
|
tabIndex: 0,
|
|
3336
3336
|
"aria-multiselectable": N === "multi",
|
|
3337
3337
|
className: la["listbox-wrapper"]
|
|
3338
3338
|
}, v({
|
|
3339
3339
|
onKeyDown(I) {
|
|
3340
|
-
|
|
3340
|
+
p(!1), I.key === "Enter" && n !== null && g(o[n].key), (I.key === "Backspace" || I.key === "Delete") && U(), I.key === " " && I.preventDefault();
|
|
3341
3341
|
},
|
|
3342
3342
|
onKeyUp(I) {
|
|
3343
|
-
I.key === " " && n !== null &&
|
|
3343
|
+
I.key === " " && n !== null && g(o[n].key);
|
|
3344
3344
|
},
|
|
3345
3345
|
onPointerMove() {
|
|
3346
|
-
|
|
3346
|
+
p(!0);
|
|
3347
3347
|
}
|
|
3348
3348
|
})), {
|
|
3349
3349
|
children: /* @__PURE__ */ a(
|
|
@@ -3359,11 +3359,11 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3359
3359
|
fi,
|
|
3360
3360
|
{
|
|
3361
3361
|
index: I,
|
|
3362
|
-
getItemProps:
|
|
3362
|
+
getItemProps: m,
|
|
3363
3363
|
listElementsRef: l,
|
|
3364
3364
|
isActive: n === I,
|
|
3365
3365
|
isSelected: R(P.key),
|
|
3366
|
-
onSelect:
|
|
3366
|
+
onSelect: g,
|
|
3367
3367
|
item: P,
|
|
3368
3368
|
numberOfItems: w
|
|
3369
3369
|
}
|
|
@@ -3404,11 +3404,11 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3404
3404
|
isRequired: d,
|
|
3405
3405
|
isOpen: c,
|
|
3406
3406
|
isError: s,
|
|
3407
|
-
onClear:
|
|
3408
|
-
children:
|
|
3407
|
+
onClear: p,
|
|
3408
|
+
children: g,
|
|
3409
3409
|
setTriggerFocus: v
|
|
3410
3410
|
}) => {
|
|
3411
|
-
const
|
|
3411
|
+
const m = u(
|
|
3412
3412
|
Ce[fe],
|
|
3413
3413
|
Ce[`${fe}--${_}`],
|
|
3414
3414
|
o && Ce[`${fe}--multi-select`],
|
|
@@ -3416,10 +3416,10 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3416
3416
|
l && Ce[`${fe}--disabled`],
|
|
3417
3417
|
c && Ce[`${fe}--focused`],
|
|
3418
3418
|
s && Ce[`${fe}--error`]
|
|
3419
|
-
), b = !i && n && !l && !d,
|
|
3420
|
-
N.stopPropagation(),
|
|
3419
|
+
), b = !i && n && !l && !d, C = (N) => {
|
|
3420
|
+
N.stopPropagation(), p();
|
|
3421
3421
|
};
|
|
3422
|
-
return
|
|
3422
|
+
return h.useEffect(() => {
|
|
3423
3423
|
c || v(!1);
|
|
3424
3424
|
}, [c]), /* @__PURE__ */ f(
|
|
3425
3425
|
"button",
|
|
@@ -3427,7 +3427,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3427
3427
|
tabIndex: l ? -1 : 0,
|
|
3428
3428
|
"aria-disabled": l,
|
|
3429
3429
|
disabled: l,
|
|
3430
|
-
className:
|
|
3430
|
+
className: m,
|
|
3431
3431
|
"data-testid": r,
|
|
3432
3432
|
ref: e,
|
|
3433
3433
|
type: "button"
|
|
@@ -3444,7 +3444,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3444
3444
|
Ce[`${fe}__content--${_}`],
|
|
3445
3445
|
o && n && Ce[`${fe}__content--with-items`]
|
|
3446
3446
|
),
|
|
3447
|
-
children:
|
|
3447
|
+
children: g
|
|
3448
3448
|
}
|
|
3449
3449
|
),
|
|
3450
3450
|
/* @__PURE__ */ f(
|
|
@@ -3460,7 +3460,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3460
3460
|
{
|
|
3461
3461
|
"data-testid": `${fe}__clear-icon`,
|
|
3462
3462
|
className: Ce[`${fe}__clear-icon`],
|
|
3463
|
-
onClick:
|
|
3463
|
+
onClick: C,
|
|
3464
3464
|
children: /* @__PURE__ */ a(D, { kind: "primary", size: "small", source: Re })
|
|
3465
3465
|
}
|
|
3466
3466
|
),
|
|
@@ -3513,8 +3513,8 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3513
3513
|
"tag__remove--hover": "lc-Tag-module__tag__remove--hover___tILiT",
|
|
3514
3514
|
tag__node: Ci,
|
|
3515
3515
|
tag__content: wi
|
|
3516
|
-
}, Be = "tag", $i = (e) => e ? Gr(e, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Zo = (
|
|
3517
|
-
var b =
|
|
3516
|
+
}, Be = "tag", $i = (e) => e ? Gr(e, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Zo = (m) => {
|
|
3517
|
+
var b = m, {
|
|
3518
3518
|
className: e = "",
|
|
3519
3519
|
children: t,
|
|
3520
3520
|
dismissibleOnHover: r = !1,
|
|
@@ -3526,8 +3526,8 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3526
3526
|
leftNode: d,
|
|
3527
3527
|
rightNode: c,
|
|
3528
3528
|
customColor: s,
|
|
3529
|
-
iconOnly:
|
|
3530
|
-
value:
|
|
3529
|
+
iconOnly: p = !1,
|
|
3530
|
+
value: g
|
|
3531
3531
|
} = b, v = F(b, [
|
|
3532
3532
|
"className",
|
|
3533
3533
|
"children",
|
|
@@ -3543,7 +3543,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3543
3543
|
"iconOnly",
|
|
3544
3544
|
"value"
|
|
3545
3545
|
]);
|
|
3546
|
-
const
|
|
3546
|
+
const C = r || i && p, N = u(
|
|
3547
3547
|
Se[Be],
|
|
3548
3548
|
e,
|
|
3549
3549
|
Se[`${Be}--${o}`],
|
|
@@ -3551,8 +3551,8 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3551
3551
|
{
|
|
3552
3552
|
[Se[`${Be}--outline`]]: l,
|
|
3553
3553
|
[Se[`${Be}--${$i(s)}`]]: !!s,
|
|
3554
|
-
[Se[`${Be}--icon-only`]]:
|
|
3555
|
-
[Se[`${Be}--dismissible-on-hover`]]:
|
|
3554
|
+
[Se[`${Be}--icon-only`]]: p,
|
|
3555
|
+
[Se[`${Be}--dismissible-on-hover`]]: C
|
|
3556
3556
|
}
|
|
3557
3557
|
), $ = o === "small" ? "small" : "medium", B = o === "small" ? "sm" : "md", x = () => s ? l ? {
|
|
3558
3558
|
style: {
|
|
@@ -3573,7 +3573,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3573
3573
|
size: B,
|
|
3574
3574
|
children: [
|
|
3575
3575
|
/* @__PURE__ */ f("div", { className: Se[`${Be}__content-wrapper`], children: [
|
|
3576
|
-
d && !
|
|
3576
|
+
d && !p && /* @__PURE__ */ a(
|
|
3577
3577
|
"div",
|
|
3578
3578
|
{
|
|
3579
3579
|
"data-testid": "lc-tag-left-node",
|
|
@@ -3582,8 +3582,8 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3582
3582
|
children: d
|
|
3583
3583
|
}
|
|
3584
3584
|
),
|
|
3585
|
-
/* @__PURE__ */ a("div", { className: Se[`${Be}__content`], children:
|
|
3586
|
-
c && !
|
|
3585
|
+
/* @__PURE__ */ a("div", { className: Se[`${Be}__content`], children: g || t }),
|
|
3586
|
+
c && !p && /* @__PURE__ */ a(
|
|
3587
3587
|
"div",
|
|
3588
3588
|
{
|
|
3589
3589
|
"data-testid": "lc-tag-right-node",
|
|
@@ -3602,7 +3602,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3602
3602
|
role: "button",
|
|
3603
3603
|
"aria-label": "Remove tag",
|
|
3604
3604
|
className: u(Se[`${Be}__remove`], {
|
|
3605
|
-
[Se[`${Be}__remove--hover`]]:
|
|
3605
|
+
[Se[`${Be}__remove--hover`]]: C
|
|
3606
3606
|
}),
|
|
3607
3607
|
children: /* @__PURE__ */ a(
|
|
3608
3608
|
D,
|
|
@@ -3648,21 +3648,21 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3648
3648
|
onItemRemove: d,
|
|
3649
3649
|
onSelect: c,
|
|
3650
3650
|
onFilter: s,
|
|
3651
|
-
onClear:
|
|
3652
|
-
searchPhrase:
|
|
3651
|
+
onClear: p,
|
|
3652
|
+
searchPhrase: g,
|
|
3653
3653
|
virtualItemRef: v,
|
|
3654
|
-
isTriggerFocused:
|
|
3654
|
+
isTriggerFocused: m,
|
|
3655
3655
|
inputRef: b,
|
|
3656
|
-
inputProps:
|
|
3656
|
+
inputProps: C
|
|
3657
3657
|
}) => {
|
|
3658
3658
|
const N = e && !t;
|
|
3659
|
-
|
|
3659
|
+
h.useEffect(() => {
|
|
3660
3660
|
i && b != null && b.current && b.current.focus();
|
|
3661
3661
|
}, [o, i]);
|
|
3662
3662
|
const $ = (w) => {
|
|
3663
|
-
w.key === "Backspace" && o && o.length > 0 && (w.preventDefault(), n === "multi" ? d(o[o.length - 1].key) :
|
|
3663
|
+
w.key === "Backspace" && o && o.length > 0 && (w.preventDefault(), n === "multi" ? d(o[o.length - 1].key) : p()), w.key === "Delete" && (w.preventDefault(), p());
|
|
3664
3664
|
};
|
|
3665
|
-
|
|
3665
|
+
h.useEffect(() => (!e && m ? document.addEventListener("keydown", $) : document.removeEventListener("keydown", $), () => document.removeEventListener("keydown", $)), [e, o, m]);
|
|
3666
3666
|
const B = (w) => {
|
|
3667
3667
|
var T;
|
|
3668
3668
|
return n === "single" && e && !t ? null : (T = w == null ? void 0 : w.customElement) != null && T.selectedItemBody ? /* @__PURE__ */ a("div", { className: we[`${$e}__item`], children: w.customElement.selectedItemBody }) : /* @__PURE__ */ f("div", { className: we[`${$e}__item`], children: [
|
|
@@ -3685,10 +3685,10 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3685
3685
|
] });
|
|
3686
3686
|
}, x = (w) => s(w.target.value), S = (w) => {
|
|
3687
3687
|
var T, R;
|
|
3688
|
-
(T = v.current) != null && T.id && w.key === "Enter" && c((R = v.current) == null ? void 0 : R.id), n === "multi" && (w.key === "Backspace" || w.key === "Delete") && !
|
|
3689
|
-
},
|
|
3688
|
+
(T = v.current) != null && T.id && w.key === "Enter" && c((R = v.current) == null ? void 0 : R.id), n === "multi" && (w.key === "Backspace" || w.key === "Delete") && !g && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
|
|
3689
|
+
}, y = () => /* @__PURE__ */ a(
|
|
3690
3690
|
"input",
|
|
3691
|
-
E(k({},
|
|
3691
|
+
E(k({}, C), {
|
|
3692
3692
|
ref: b,
|
|
3693
3693
|
className: u(
|
|
3694
3694
|
we[`${$e}__input`],
|
|
@@ -3698,10 +3698,10 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3698
3698
|
onChange: x,
|
|
3699
3699
|
onKeyDown: S,
|
|
3700
3700
|
autoFocus: !0,
|
|
3701
|
-
value:
|
|
3701
|
+
value: g
|
|
3702
3702
|
})
|
|
3703
3703
|
);
|
|
3704
|
-
return !o || o.length === 0 ? N ?
|
|
3704
|
+
return !o || o.length === 0 ? N ? y() : /* @__PURE__ */ a(
|
|
3705
3705
|
"div",
|
|
3706
3706
|
{
|
|
3707
3707
|
className: u({
|
|
@@ -3732,7 +3732,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3732
3732
|
},
|
|
3733
3733
|
w.key
|
|
3734
3734
|
)) }),
|
|
3735
|
-
N &&
|
|
3735
|
+
N && y()
|
|
3736
3736
|
]
|
|
3737
3737
|
}
|
|
3738
3738
|
);
|
|
@@ -3749,12 +3749,12 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3749
3749
|
onVisibilityChange: c,
|
|
3750
3750
|
searchPhrase: s
|
|
3751
3751
|
}) => {
|
|
3752
|
-
const
|
|
3753
|
-
|
|
3752
|
+
const p = Sa(), [g, v] = h.useState(!1), [m, b] = h.useState(null), [C, N] = h.useState(o), $ = h.useRef([]), B = h.useRef(null);
|
|
3753
|
+
h.useEffect(() => {
|
|
3754
3754
|
B.current = null, b(null);
|
|
3755
3755
|
}, [s]);
|
|
3756
|
-
const { refs: x, floatingStyles: S, context:
|
|
3757
|
-
nodeId:
|
|
3756
|
+
const { refs: x, floatingStyles: S, context: y, isPositioned: w } = Ba({
|
|
3757
|
+
nodeId: p,
|
|
3758
3758
|
open: d,
|
|
3759
3759
|
strategy: n,
|
|
3760
3760
|
onOpenChange: c,
|
|
@@ -3780,14 +3780,14 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3780
3780
|
padding: xi
|
|
3781
3781
|
})
|
|
3782
3782
|
]
|
|
3783
|
-
}), T = Ta(
|
|
3783
|
+
}), T = Ta(y, k({
|
|
3784
3784
|
enabled: !e,
|
|
3785
3785
|
keyboardHandlers: !1,
|
|
3786
3786
|
toggle: !1
|
|
3787
|
-
}, l)), R = Da(
|
|
3787
|
+
}, l)), R = Da(y, { role: "listbox" }), U = Aa(y, i), I = U_(y, {
|
|
3788
3788
|
enabled: t.length > 0 && !e,
|
|
3789
3789
|
listRef: $,
|
|
3790
|
-
activeIndex:
|
|
3790
|
+
activeIndex: m,
|
|
3791
3791
|
onNavigate: b,
|
|
3792
3792
|
virtual: !0,
|
|
3793
3793
|
virtualItemRef: B,
|
|
@@ -3798,21 +3798,21 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3798
3798
|
}), { getReferenceProps: P, getFloatingProps: z, getItemProps: le } = Pa(
|
|
3799
3799
|
[T, U, R, I]
|
|
3800
3800
|
);
|
|
3801
|
-
return !d &&
|
|
3801
|
+
return !d && g && v(!1), {
|
|
3802
3802
|
getReferenceProps: P,
|
|
3803
3803
|
getFloatingProps: z,
|
|
3804
3804
|
getItemProps: le,
|
|
3805
3805
|
setReference: x.setReference,
|
|
3806
3806
|
floatingStyles: S,
|
|
3807
3807
|
isPositioned: w,
|
|
3808
|
-
context:
|
|
3809
|
-
nodeId:
|
|
3808
|
+
context: y,
|
|
3809
|
+
nodeId: p,
|
|
3810
3810
|
setFloating: x.setFloating,
|
|
3811
|
-
activeIndex:
|
|
3811
|
+
activeIndex: m,
|
|
3812
3812
|
listElementsRef: $,
|
|
3813
3813
|
virtualItemRef: B,
|
|
3814
|
-
maxHeight:
|
|
3815
|
-
pointer:
|
|
3814
|
+
maxHeight: C,
|
|
3815
|
+
pointer: g,
|
|
3816
3816
|
setPointer: v
|
|
3817
3817
|
};
|
|
3818
3818
|
}, jo = ({
|
|
@@ -3825,20 +3825,20 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3825
3825
|
clearSearchAfterSelection: i,
|
|
3826
3826
|
inputRef: l
|
|
3827
3827
|
}) => {
|
|
3828
|
-
const [d, c] =
|
|
3828
|
+
const [d, c] = h.useState(
|
|
3829
3829
|
() => (e == null ? void 0 : e.map(hr)) || []
|
|
3830
|
-
), s = e !== void 0,
|
|
3830
|
+
), s = e !== void 0, p = s ? (e == null ? void 0 : e.map(hr)) || [] : d, [g, v] = h.useState(""), m = (x) => v(x), b = (x) => B(x), C = () => {
|
|
3831
3831
|
!s && c([]), o(null), v(""), n(!1);
|
|
3832
3832
|
}, N = () => {
|
|
3833
|
-
|
|
3834
|
-
}, $ =
|
|
3833
|
+
m(""), l.current && (l.current.value = "");
|
|
3834
|
+
}, $ = h.useMemo(() => {
|
|
3835
3835
|
const x = r === "multi" && _;
|
|
3836
3836
|
let S = t;
|
|
3837
|
-
return
|
|
3837
|
+
return g && (S = S.filter((y) => {
|
|
3838
3838
|
var U;
|
|
3839
|
-
if (
|
|
3839
|
+
if (y.groupHeader)
|
|
3840
3840
|
return !1;
|
|
3841
|
-
const w =
|
|
3841
|
+
const w = g.toLowerCase(), T = y.name.toLowerCase(), R = (U = y.secondaryText) == null ? void 0 : U.toLowerCase();
|
|
3842
3842
|
return T.includes(w) || (R == null ? void 0 : R.includes(w));
|
|
3843
3843
|
})), x && S.length > 1 && (S = [
|
|
3844
3844
|
{
|
|
@@ -3847,36 +3847,36 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3847
3847
|
},
|
|
3848
3848
|
...S
|
|
3849
3849
|
]), S;
|
|
3850
|
-
}, [
|
|
3851
|
-
const S = t.find((
|
|
3850
|
+
}, [g, t, r, _]), B = (x) => {
|
|
3851
|
+
const S = t.find((y) => y.key === x);
|
|
3852
3852
|
if (!((!S || S.disabled) && x !== Qt))
|
|
3853
3853
|
if (r === "single")
|
|
3854
3854
|
c(() => (S && o([S]), [x])), n(!1);
|
|
3855
3855
|
else if (x === Qt)
|
|
3856
|
-
|
|
3857
|
-
const
|
|
3858
|
-
return o(
|
|
3856
|
+
p.length === Dr(t).length ? c(() => (o(null), [])) : c(() => {
|
|
3857
|
+
const y = Dr(t);
|
|
3858
|
+
return o(y), y.map(({ key: w }) => w);
|
|
3859
3859
|
});
|
|
3860
3860
|
else {
|
|
3861
3861
|
if (s) {
|
|
3862
|
-
const
|
|
3862
|
+
const y = (e == null ? void 0 : e.map(hr)) || [], w = mo(y, x);
|
|
3863
3863
|
o(t.filter(({ key: T }) => w.includes(T)));
|
|
3864
3864
|
} else
|
|
3865
|
-
c((
|
|
3866
|
-
const w = mo(
|
|
3865
|
+
c((y) => {
|
|
3866
|
+
const w = mo(y, x);
|
|
3867
3867
|
return o(t.filter(({ key: T }) => w.includes(T))), w;
|
|
3868
3868
|
});
|
|
3869
3869
|
i && N();
|
|
3870
3870
|
}
|
|
3871
3871
|
};
|
|
3872
3872
|
return {
|
|
3873
|
-
selectedKeys:
|
|
3873
|
+
selectedKeys: p,
|
|
3874
3874
|
items: $,
|
|
3875
|
-
searchPhrase:
|
|
3875
|
+
searchPhrase: g,
|
|
3876
3876
|
handleSelect: B,
|
|
3877
|
-
handleOnFilter:
|
|
3877
|
+
handleOnFilter: m,
|
|
3878
3878
|
handleItemRemove: b,
|
|
3879
|
-
handleClear:
|
|
3879
|
+
handleClear: C
|
|
3880
3880
|
};
|
|
3881
3881
|
}, Si = {
|
|
3882
3882
|
"picker-wrapper": "lc-Picker-module__picker-wrapper___uaLHq"
|
|
@@ -3893,18 +3893,18 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3893
3893
|
selected: d,
|
|
3894
3894
|
size: c = "medium",
|
|
3895
3895
|
placeholder: s = "Select option",
|
|
3896
|
-
isRequired:
|
|
3897
|
-
noSearchResultText:
|
|
3896
|
+
isRequired: p,
|
|
3897
|
+
noSearchResultText: g = "No results found",
|
|
3898
3898
|
selectAllOptionText: v,
|
|
3899
|
-
type:
|
|
3899
|
+
type: m = "single",
|
|
3900
3900
|
searchDisabled: b = !1,
|
|
3901
|
-
hideClearButton:
|
|
3901
|
+
hideClearButton: C,
|
|
3902
3902
|
isVisible: N,
|
|
3903
3903
|
onOpen: $,
|
|
3904
3904
|
onClose: B,
|
|
3905
3905
|
openedOnInit: x = !1,
|
|
3906
3906
|
clearSearchAfterSelection: S = !0,
|
|
3907
|
-
onSelect:
|
|
3907
|
+
onSelect: y,
|
|
3908
3908
|
placement: w,
|
|
3909
3909
|
floatingStrategy: T,
|
|
3910
3910
|
useDismissHookProps: R,
|
|
@@ -3942,7 +3942,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3942
3942
|
"virtuosoProps",
|
|
3943
3943
|
"inputProps"
|
|
3944
3944
|
]);
|
|
3945
|
-
const [V, ke] =
|
|
3945
|
+
const [V, ke] = h.useState(x), [Me, Oe] = h.useState(!1), je = N !== void 0, Te = je ? N : V, _t = h.useRef(null), Nt = (Kr, Yr) => {
|
|
3946
3946
|
Kr ? !Te && ($ == null || $(Yr)) : Te && (B == null || B(Yr)), !je && ke(Kr);
|
|
3947
3947
|
}, {
|
|
3948
3948
|
selectedKeys: nt,
|
|
@@ -3955,9 +3955,9 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
3955
3955
|
} = jo({
|
|
3956
3956
|
selected: d,
|
|
3957
3957
|
options: l,
|
|
3958
|
-
type:
|
|
3958
|
+
type: m,
|
|
3959
3959
|
selectAllOptionText: v,
|
|
3960
|
-
onSelect:
|
|
3960
|
+
onSelect: y,
|
|
3961
3961
|
setOpen: Nt,
|
|
3962
3962
|
clearSearchAfterSelection: S,
|
|
3963
3963
|
inputRef: _t
|
|
@@ -4000,11 +4000,11 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
4000
4000
|
isItemSelected: nt.length > 0,
|
|
4001
4001
|
isOpen: Te,
|
|
4002
4002
|
onClear: W,
|
|
4003
|
-
hideClearButton:
|
|
4003
|
+
hideClearButton: C,
|
|
4004
4004
|
isDisabled: n,
|
|
4005
4005
|
isError: i,
|
|
4006
|
-
isRequired:
|
|
4007
|
-
isMultiSelect:
|
|
4006
|
+
isRequired: p,
|
|
4007
|
+
isMultiSelect: m === "multi",
|
|
4008
4008
|
size: c,
|
|
4009
4009
|
setTriggerFocus: Oe,
|
|
4010
4010
|
children: /* @__PURE__ */ a(
|
|
@@ -4015,7 +4015,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
4015
4015
|
isDisabled: n,
|
|
4016
4016
|
placeholder: s,
|
|
4017
4017
|
selectedItems: d,
|
|
4018
|
-
type:
|
|
4018
|
+
type: m,
|
|
4019
4019
|
size: c,
|
|
4020
4020
|
clearSearchAfterSelection: S,
|
|
4021
4021
|
inputRef: _t,
|
|
@@ -4034,7 +4034,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
4034
4034
|
/* @__PURE__ */ a(ea, { id: K, children: Te && /* @__PURE__ */ a(Lr, { children: /* @__PURE__ */ a(
|
|
4035
4035
|
Xo,
|
|
4036
4036
|
{
|
|
4037
|
-
pickerType:
|
|
4037
|
+
pickerType: m,
|
|
4038
4038
|
options: Qe,
|
|
4039
4039
|
listClassName: r,
|
|
4040
4040
|
context: ce,
|
|
@@ -4051,7 +4051,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
4051
4051
|
onSelect: lt,
|
|
4052
4052
|
getFloatingProps: Ht,
|
|
4053
4053
|
getItemProps: zt,
|
|
4054
|
-
emptyStateText:
|
|
4054
|
+
emptyStateText: g,
|
|
4055
4055
|
virtuosoProps: I
|
|
4056
4056
|
}
|
|
4057
4057
|
) }) })
|
|
@@ -4070,9 +4070,9 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
4070
4070
|
}), Ti = (e, t, r, _) => {
|
|
4071
4071
|
const o = e.length === 1 && e[0].name === _, n = t ? e.slice(0, 1) : e;
|
|
4072
4072
|
return r && o ? [] : n;
|
|
4073
|
-
}, bs =
|
|
4074
|
-
(v,
|
|
4075
|
-
var
|
|
4073
|
+
}, bs = h.forwardRef(
|
|
4074
|
+
(v, g) => {
|
|
4075
|
+
var m = v, {
|
|
4076
4076
|
disabled: e,
|
|
4077
4077
|
minListHeight: t = Ko,
|
|
4078
4078
|
maxListHeight: r = Yo,
|
|
@@ -4084,7 +4084,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
4084
4084
|
single: d,
|
|
4085
4085
|
alwaysShowAllOptions: c,
|
|
4086
4086
|
hideIfExactMatch: s = !0
|
|
4087
|
-
} =
|
|
4087
|
+
} = m, p = F(m, [
|
|
4088
4088
|
"disabled",
|
|
4089
4089
|
"minListHeight",
|
|
4090
4090
|
"maxListHeight",
|
|
@@ -4097,31 +4097,31 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
4097
4097
|
"alwaysShowAllOptions",
|
|
4098
4098
|
"hideIfExactMatch"
|
|
4099
4099
|
]);
|
|
4100
|
-
const b =
|
|
4101
|
-
|
|
4102
|
-
const [
|
|
4100
|
+
const b = h.useRef(null);
|
|
4101
|
+
h.useImperativeHandle(g, () => b.current, []);
|
|
4102
|
+
const [C, N] = h.useState(""), B = p.value !== void 0 ? p.value : C, [x, S] = h.useState(
|
|
4103
4103
|
_
|
|
4104
|
-
),
|
|
4104
|
+
), y = (K) => {
|
|
4105
4105
|
S(K);
|
|
4106
4106
|
}, w = (K) => {
|
|
4107
4107
|
le(K);
|
|
4108
4108
|
}, T = (K) => {
|
|
4109
4109
|
var _e, st;
|
|
4110
|
-
(_e =
|
|
4110
|
+
(_e = p.onChange) == null || _e.call(p, K), N(K.target.value), c || w(K.target.value), (st = b.current) == null || st.focus();
|
|
4111
4111
|
}, R = (K) => {
|
|
4112
4112
|
var st, Ht, zt;
|
|
4113
4113
|
const _e = K.key === "Enter";
|
|
4114
|
-
(st = ct.current) != null && st.id && _e && (U([{ key: (Ht = ct.current) == null ? void 0 : Ht.id }]), K.preventDefault()), _e ||
|
|
4114
|
+
(st = ct.current) != null && st.id && _e && (U([{ key: (Ht = ct.current) == null ? void 0 : Ht.id }]), K.preventDefault()), _e || y(!0), (zt = p.onKeyDown) == null || zt.call(p, K);
|
|
4115
4115
|
}, U = (K) => {
|
|
4116
4116
|
if (K) {
|
|
4117
4117
|
const _e = K[0].key;
|
|
4118
4118
|
T({
|
|
4119
4119
|
target: { value: _e }
|
|
4120
4120
|
}), setTimeout(() => {
|
|
4121
|
-
|
|
4121
|
+
y(!1);
|
|
4122
4122
|
}, 0);
|
|
4123
4123
|
}
|
|
4124
|
-
}, I =
|
|
4124
|
+
}, I = h.useMemo(() => n ? Bi(n) ? Ei(n) : Ii(n) : [], [n]), { items: P, searchPhrase: z, handleOnFilter: le, handleSelect: G, selectedKeys: V } = jo({
|
|
4125
4125
|
selected: [],
|
|
4126
4126
|
options: I,
|
|
4127
4127
|
type: "single",
|
|
@@ -4155,7 +4155,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
4155
4155
|
items: P,
|
|
4156
4156
|
searchPhrase: c ? "" : z,
|
|
4157
4157
|
isOpen: x,
|
|
4158
|
-
onVisibilityChange:
|
|
4158
|
+
onVisibilityChange: y,
|
|
4159
4159
|
minListHeight: t,
|
|
4160
4160
|
maxListHeight: r,
|
|
4161
4161
|
placement: o,
|
|
@@ -4164,7 +4164,7 @@ const Qt = "select-all", ni = (e, t) => {
|
|
|
4164
4164
|
return /* @__PURE__ */ f("div", E(k({ ref: lt }, Te()), { children: [
|
|
4165
4165
|
/* @__PURE__ */ a(
|
|
4166
4166
|
oi,
|
|
4167
|
-
E(k({},
|
|
4167
|
+
E(k({}, p), {
|
|
4168
4168
|
ref: b,
|
|
4169
4169
|
onChange: T,
|
|
4170
4170
|
onKeyDown: R,
|
|
@@ -4273,8 +4273,8 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4273
4273
|
"avatar--xlarge": "lc-Avatar-module__avatar--xlarge___hjIy5",
|
|
4274
4274
|
"avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___AjkHw",
|
|
4275
4275
|
"avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___4Hhp9"
|
|
4276
|
-
}, ue = "avatar", Qo = (
|
|
4277
|
-
var v =
|
|
4276
|
+
}, ue = "avatar", Qo = (g) => {
|
|
4277
|
+
var v = g, {
|
|
4278
4278
|
alt: e,
|
|
4279
4279
|
className: t,
|
|
4280
4280
|
color: r,
|
|
@@ -4286,7 +4286,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4286
4286
|
type: d,
|
|
4287
4287
|
withRim: c = !1,
|
|
4288
4288
|
style: s
|
|
4289
|
-
} = v,
|
|
4289
|
+
} = v, p = F(v, [
|
|
4290
4290
|
"alt",
|
|
4291
4291
|
"className",
|
|
4292
4292
|
"color",
|
|
@@ -4299,7 +4299,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4299
4299
|
"withRim",
|
|
4300
4300
|
"style"
|
|
4301
4301
|
]);
|
|
4302
|
-
const
|
|
4302
|
+
const m = d === "image" && !n, [b, C] = h.useState(m), N = d === "image" && !!n && !b, $ = d === "text", B = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, x = Di(l, B), S = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), y = r || Ai(l), w = y ? Pi(y) : void 0, T = $ ? { backgroundColor: y } : {}, R = u(k({
|
|
4303
4303
|
[Ee[ue]]: !0,
|
|
4304
4304
|
[Ee[`${ue}--${_}`]]: !0,
|
|
4305
4305
|
[Ee[`${ue}--${o}`]]: !0,
|
|
@@ -4315,15 +4315,15 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4315
4315
|
), P = u(
|
|
4316
4316
|
Ee[`${ue}__rim`],
|
|
4317
4317
|
Ee[`${ue}__rim--${o}`]
|
|
4318
|
-
), z = (G) => S ? "2xs" : ["medium"].includes(G) ? "xs" : ["large", "xlarge"].includes(G) ? "sm" : ["xxlarge"].includes(G) ? "lg" : "xl", le =
|
|
4319
|
-
return
|
|
4320
|
-
|
|
4321
|
-
}, [
|
|
4318
|
+
), z = (G) => S ? "2xs" : ["medium"].includes(G) ? "xs" : ["large", "xlarge"].includes(G) ? "sm" : ["xxlarge"].includes(G) ? "lg" : "xl", le = h.useCallback(() => C(!0), []);
|
|
4319
|
+
return h.useEffect(() => {
|
|
4320
|
+
C(m);
|
|
4321
|
+
}, [m]), /* @__PURE__ */ f(
|
|
4322
4322
|
"div",
|
|
4323
4323
|
E(k({
|
|
4324
4324
|
className: R,
|
|
4325
4325
|
style: k(k({}, T), s)
|
|
4326
|
-
},
|
|
4326
|
+
}, p), {
|
|
4327
4327
|
children: [
|
|
4328
4328
|
c && /* @__PURE__ */ a(
|
|
4329
4329
|
"div",
|
|
@@ -4386,33 +4386,33 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4386
4386
|
fullWidth: n = !1,
|
|
4387
4387
|
onButtonClick: i = Na
|
|
4388
4388
|
}) => {
|
|
4389
|
-
const l = u(Va[Gi], r), [d, c] =
|
|
4390
|
-
|
|
4389
|
+
const l = u(Va[Gi], r), [d, c] = h.useState(() => _), s = typeof o == "string";
|
|
4390
|
+
h.useEffect(() => {
|
|
4391
4391
|
s && c(o);
|
|
4392
4392
|
}, [o]);
|
|
4393
|
-
const
|
|
4394
|
-
s || c(v), i(v,
|
|
4395
|
-
},
|
|
4393
|
+
const p = (v, m) => {
|
|
4394
|
+
s || c(v), i(v, m);
|
|
4395
|
+
}, g = t.map(({ id: v, label: m, loading: b, disabled: C, icon: N }) => {
|
|
4396
4396
|
const $ = v === d, B = $ ? Va["btn--active"] : "";
|
|
4397
4397
|
return /* @__PURE__ */ a(
|
|
4398
4398
|
Z,
|
|
4399
4399
|
{
|
|
4400
4400
|
fullWidth: n,
|
|
4401
4401
|
loading: $ ? !1 : b,
|
|
4402
|
-
disabled:
|
|
4402
|
+
disabled: C,
|
|
4403
4403
|
"aria-pressed": $,
|
|
4404
4404
|
kind: "secondary",
|
|
4405
4405
|
icon: N,
|
|
4406
4406
|
className: u(Va.btn, Va[`btn--${e}`], B),
|
|
4407
4407
|
onClick: (S) => {
|
|
4408
|
-
|
|
4408
|
+
p(v, S);
|
|
4409
4409
|
},
|
|
4410
|
-
children:
|
|
4410
|
+
children: m
|
|
4411
4411
|
},
|
|
4412
4412
|
v
|
|
4413
4413
|
);
|
|
4414
4414
|
});
|
|
4415
|
-
return /* @__PURE__ */ a("div", { role: "group", className: l, children:
|
|
4415
|
+
return /* @__PURE__ */ a("div", { role: "group", className: l, children: g });
|
|
4416
4416
|
}, Ui = "lc-Card-module__card___LzN-3", Hi = "lc-Card-module__card__header___SRONR", zi = "lc-Card-module__card__header__image___93pD4", Vi = "lc-Card-module__card__header__heading___jK55U", Wi = "lc-Card-module__card__header__heading__title___5090w", Ki = "lc-Card-module__card__header__heading__description___iVYoq", Yi = "lc-Card-module__card__content___9G1YM", Xi = "lc-Card-module__card__actions___gp-xf", Zi = "lc-Card-module__card__actions__line___C6TI0", qi = "lc-Card-module__card__actions__buttons___XJlFJ", Ie = {
|
|
4417
4417
|
card: Ui,
|
|
4418
4418
|
card__header: Hi,
|
|
@@ -4447,7 +4447,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4447
4447
|
"src",
|
|
4448
4448
|
"title"
|
|
4449
4449
|
]);
|
|
4450
|
-
const [
|
|
4450
|
+
const [p, g] = h.useState(!1), v = p ? rr : Ut, m = p ? "Hide" : "Show more", b = (t == null ? void 0 : t.length) > 0, C = !!n, N = b || C, $ = l, B = i, x = B ? "" : Ie[ji];
|
|
4451
4451
|
return /* @__PURE__ */ f("div", E(k({ className: u(Ie[wa], _) }, d), { children: [
|
|
4452
4452
|
$ && /* @__PURE__ */ f("div", { className: u(Ie[tr], x), children: [
|
|
4453
4453
|
B && /* @__PURE__ */ a(
|
|
@@ -4471,7 +4471,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4471
4471
|
] })
|
|
4472
4472
|
] }),
|
|
4473
4473
|
/* @__PURE__ */ a(A, { as: "div", size: "md", className: Ie[`${wa}__content`], children: r }),
|
|
4474
|
-
|
|
4474
|
+
p && /* @__PURE__ */ a(
|
|
4475
4475
|
A,
|
|
4476
4476
|
{
|
|
4477
4477
|
as: "div",
|
|
@@ -4484,26 +4484,26 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4484
4484
|
/* @__PURE__ */ a("div", { className: Ie[`${Wa}__line`] }),
|
|
4485
4485
|
/* @__PURE__ */ f("div", { className: Ie[`${Wa}__buttons`], children: [
|
|
4486
4486
|
b && t.map(
|
|
4487
|
-
({ kind: S, onClick:
|
|
4487
|
+
({ kind: S, onClick: y, children: w }, T) => /* @__PURE__ */ a(
|
|
4488
4488
|
Z,
|
|
4489
4489
|
{
|
|
4490
4490
|
size: "compact",
|
|
4491
4491
|
kind: S,
|
|
4492
|
-
onClick:
|
|
4492
|
+
onClick: y,
|
|
4493
4493
|
children: w
|
|
4494
4494
|
},
|
|
4495
4495
|
T
|
|
4496
4496
|
)
|
|
4497
4497
|
),
|
|
4498
|
-
|
|
4498
|
+
C && /* @__PURE__ */ a(
|
|
4499
4499
|
Z,
|
|
4500
4500
|
{
|
|
4501
4501
|
className: Ie[`${Wa}__buttons-expander`],
|
|
4502
4502
|
kind: "link",
|
|
4503
4503
|
iconPosition: "right",
|
|
4504
4504
|
icon: /* @__PURE__ */ a(D, { source: v }),
|
|
4505
|
-
onClick: () =>
|
|
4506
|
-
children:
|
|
4505
|
+
onClick: () => g(!p),
|
|
4506
|
+
children: m
|
|
4507
4507
|
}
|
|
4508
4508
|
)
|
|
4509
4509
|
] })
|
|
@@ -4556,31 +4556,31 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4556
4556
|
numberOfMonths: d,
|
|
4557
4557
|
month: c,
|
|
4558
4558
|
fromMonth: s,
|
|
4559
|
-
toMonth:
|
|
4560
|
-
} = e,
|
|
4559
|
+
toMonth: p
|
|
4560
|
+
} = e, g = () => {
|
|
4561
4561
|
typeof t == "function" && t();
|
|
4562
4562
|
}, v = () => {
|
|
4563
4563
|
typeof _ == "function" && _();
|
|
4564
|
-
},
|
|
4564
|
+
}, m = () => {
|
|
4565
4565
|
if (!s) {
|
|
4566
4566
|
const $ = jt(c, 12);
|
|
4567
4567
|
return r($);
|
|
4568
4568
|
}
|
|
4569
|
-
const
|
|
4569
|
+
const C = Math.abs(qr(c, s)), N = jt(
|
|
4570
4570
|
c,
|
|
4571
|
-
!Number.isNaN(
|
|
4571
|
+
!Number.isNaN(C) && C > 12 ? 12 : C
|
|
4572
4572
|
);
|
|
4573
4573
|
return r(N);
|
|
4574
4574
|
}, b = () => {
|
|
4575
|
-
if (!
|
|
4575
|
+
if (!p) {
|
|
4576
4576
|
const $ = jr(c, 12);
|
|
4577
4577
|
return r($);
|
|
4578
4578
|
}
|
|
4579
|
-
const
|
|
4579
|
+
const C = Math.abs(qr(p, c)), N = jr(
|
|
4580
4580
|
c,
|
|
4581
|
-
!Number.isNaN(
|
|
4581
|
+
!Number.isNaN(C) && C > 12 ? 12 : C
|
|
4582
4582
|
);
|
|
4583
|
-
return d === 2 && Er(N,
|
|
4583
|
+
return d === 2 && Er(N, p) ? r(jt(N, 1)) : r(N);
|
|
4584
4584
|
};
|
|
4585
4585
|
return /* @__PURE__ */ f("div", { className: i, children: [
|
|
4586
4586
|
/* @__PURE__ */ f("div", { className: L[`${go}__navbar-buttons-wrapper`], children: [
|
|
@@ -4592,7 +4592,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4592
4592
|
[l.navButtonPrev]: !0,
|
|
4593
4593
|
[l.navButtonInteractionDisabled]: !n
|
|
4594
4594
|
}),
|
|
4595
|
-
onClick:
|
|
4595
|
+
onClick: m,
|
|
4596
4596
|
children: /* @__PURE__ */ a(D, { source: f_, kind: "subtle" })
|
|
4597
4597
|
}
|
|
4598
4598
|
),
|
|
@@ -4604,7 +4604,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4604
4604
|
[l.navButtonPrev]: !0,
|
|
4605
4605
|
[l.navButtonInteractionDisabled]: !n
|
|
4606
4606
|
}),
|
|
4607
|
-
onClick:
|
|
4607
|
+
onClick: g,
|
|
4608
4608
|
children: /* @__PURE__ */ a(D, { source: b_, kind: "subtle" })
|
|
4609
4609
|
}
|
|
4610
4610
|
)
|
|
@@ -4715,7 +4715,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4715
4715
|
navbarElement: d,
|
|
4716
4716
|
renderDay: c,
|
|
4717
4717
|
innerRef: s
|
|
4718
|
-
} = N,
|
|
4718
|
+
} = N, p = F(N, [
|
|
4719
4719
|
"classNames",
|
|
4720
4720
|
"range",
|
|
4721
4721
|
"toMonth",
|
|
@@ -4726,13 +4726,13 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4726
4726
|
"navbarElement",
|
|
4727
4727
|
"renderDay",
|
|
4728
4728
|
"innerRef"
|
|
4729
|
-
]), [
|
|
4730
|
-
|
|
4731
|
-
o && o !==
|
|
4732
|
-
}, [o,
|
|
4733
|
-
_ && o !==
|
|
4734
|
-
}, [o,
|
|
4735
|
-
const
|
|
4729
|
+
]), [g, v] = h.useState(o || /* @__PURE__ */ new Date());
|
|
4730
|
+
h.useEffect(() => {
|
|
4731
|
+
o && o !== g && v(o);
|
|
4732
|
+
}, [o, g]), h.useEffect(() => {
|
|
4733
|
+
_ && o !== g && (Jo(g, { from: n, to: _ }) || v(_));
|
|
4734
|
+
}, [o, g, _, n]);
|
|
4735
|
+
const m = h.useCallback(
|
|
4736
4736
|
($) => {
|
|
4737
4737
|
if (e.onMonthChange && $) {
|
|
4738
4738
|
e.onMonthChange($);
|
|
@@ -4744,7 +4744,7 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4744
4744
|
);
|
|
4745
4745
|
let b = 1;
|
|
4746
4746
|
(i === 0 || i && i < 7) && (b = i);
|
|
4747
|
-
const
|
|
4747
|
+
const C = h.useMemo(
|
|
4748
4748
|
() => tl(r, t),
|
|
4749
4749
|
[r, t]
|
|
4750
4750
|
);
|
|
@@ -4754,25 +4754,25 @@ const Fi = "lc-Avatar-module__avatar___5-kP8", Ri = "lc-Avatar-module__avatar__s
|
|
|
4754
4754
|
navbarElement: d || /* @__PURE__ */ a(
|
|
4755
4755
|
Qi,
|
|
4756
4756
|
{
|
|
4757
|
-
month:
|
|
4758
|
-
classNames:
|
|
4757
|
+
month: g,
|
|
4758
|
+
classNames: C,
|
|
4759
4759
|
numberOfMonths: l,
|
|
4760
|
-
onMonthChange:
|
|
4760
|
+
onMonthChange: m,
|
|
4761
4761
|
toMonth: _,
|
|
4762
4762
|
fromMonth: n
|
|
4763
4763
|
}
|
|
4764
4764
|
),
|
|
4765
4765
|
ref: s,
|
|
4766
|
-
classNames:
|
|
4766
|
+
classNames: C,
|
|
4767
4767
|
numberOfMonths: l,
|
|
4768
4768
|
toMonth: _,
|
|
4769
4769
|
fromMonth: n,
|
|
4770
4770
|
firstDayOfWeek: b,
|
|
4771
|
-
month:
|
|
4771
|
+
month: g,
|
|
4772
4772
|
renderDay: c || al
|
|
4773
|
-
},
|
|
4773
|
+
}, p)
|
|
4774
4774
|
);
|
|
4775
|
-
}, ol =
|
|
4775
|
+
}, ol = h.forwardRef(
|
|
4776
4776
|
(e, t) => /* @__PURE__ */ a(rl, k({ innerRef: t }, e))
|
|
4777
4777
|
);
|
|
4778
4778
|
ol.displayName = "DatePicker";
|
|
@@ -4878,10 +4878,10 @@ const _l = (e) => {
|
|
|
4878
4878
|
payload: { date: b }
|
|
4879
4879
|
});
|
|
4880
4880
|
}, [o, r, _]), qe(() => {
|
|
4881
|
-
const { from: b, selectedItem:
|
|
4881
|
+
const { from: b, selectedItem: C, to: N } = d;
|
|
4882
4882
|
if (!(b && N))
|
|
4883
4883
|
return;
|
|
4884
|
-
const $ = ya(
|
|
4884
|
+
const $ = ya(C, e);
|
|
4885
4885
|
$ && (n == null || n(E(k({}, $), {
|
|
4886
4886
|
value: {
|
|
4887
4887
|
from: b,
|
|
@@ -4906,20 +4906,20 @@ const _l = (e) => {
|
|
|
4906
4906
|
}, [n, d.selectedItem, e]);
|
|
4907
4907
|
const s = Ma(
|
|
4908
4908
|
(b) => {
|
|
4909
|
-
const
|
|
4910
|
-
!ho(d.from, d.to) &&
|
|
4909
|
+
const C = o ? Ur(o, b) >= 0 : !0;
|
|
4910
|
+
!ho(d.from, d.to) && C && c({
|
|
4911
4911
|
type: ee.NEW_TEMPORARY_TO_VALUE,
|
|
4912
4912
|
payload: { date: b }
|
|
4913
4913
|
});
|
|
4914
4914
|
},
|
|
4915
4915
|
[o, d.from, d.to]
|
|
4916
|
-
),
|
|
4916
|
+
), p = Ma(
|
|
4917
4917
|
(b) => {
|
|
4918
|
-
const { from:
|
|
4919
|
-
Jo(b, { to: o }) && (ho(
|
|
4918
|
+
const { from: C, to: N } = d;
|
|
4919
|
+
Jo(b, { to: o }) && (ho(C, N) ? c({
|
|
4920
4920
|
type: ee.SELECT_FIRST_DAY,
|
|
4921
4921
|
payload: { date: b }
|
|
4922
|
-
}) :
|
|
4922
|
+
}) : C && Ir(b, C) || C && Tr(b, C) ? c({
|
|
4923
4923
|
type: ee.SELECT_SECOND_DAY_AS_TO,
|
|
4924
4924
|
payload: { date: b }
|
|
4925
4925
|
}) : c({
|
|
@@ -4928,7 +4928,7 @@ const _l = (e) => {
|
|
|
4928
4928
|
}));
|
|
4929
4929
|
},
|
|
4930
4930
|
[o, d.from, d.to]
|
|
4931
|
-
),
|
|
4931
|
+
), g = Ma(
|
|
4932
4932
|
(b) => {
|
|
4933
4933
|
if (b === null) {
|
|
4934
4934
|
c({
|
|
@@ -4950,25 +4950,25 @@ const _l = (e) => {
|
|
|
4950
4950
|
});
|
|
4951
4951
|
}, []);
|
|
4952
4952
|
return i((() => {
|
|
4953
|
-
const { currentMonth: b, from:
|
|
4954
|
-
() => Ji(
|
|
4955
|
-
[
|
|
4956
|
-
), S = qt(() => ya(N, e), [e, N]),
|
|
4953
|
+
const { currentMonth: b, from: C, selectedItem: N, temporaryTo: $, to: B } = d, x = qt(
|
|
4954
|
+
() => Ji(C, $),
|
|
4955
|
+
[C, $]
|
|
4956
|
+
), S = qt(() => ya(N, e), [e, N]), y = qt(() => [C, { from: C, to: $ }], [C, $]), w = qt(() => o ? { after: o } : void 0, [o]);
|
|
4957
4957
|
return {
|
|
4958
4958
|
select: {
|
|
4959
|
-
onItemSelect:
|
|
4959
|
+
onItemSelect: g,
|
|
4960
4960
|
selected: N || ""
|
|
4961
4961
|
},
|
|
4962
4962
|
inputs: {
|
|
4963
|
-
fromDate:
|
|
4963
|
+
fromDate: C,
|
|
4964
4964
|
toDate: B
|
|
4965
4965
|
},
|
|
4966
4966
|
datepicker: {
|
|
4967
4967
|
range: !0,
|
|
4968
4968
|
month: b,
|
|
4969
4969
|
numberOfMonths: 2,
|
|
4970
|
-
onDayClick:
|
|
4971
|
-
selectedDays:
|
|
4970
|
+
onDayClick: p,
|
|
4971
|
+
selectedDays: y,
|
|
4972
4972
|
modifiers: x,
|
|
4973
4973
|
initialMonth: o && jt(o, 1),
|
|
4974
4974
|
toMonth: o,
|
|
@@ -5032,36 +5032,36 @@ const ys = (e) => {
|
|
|
5032
5032
|
hideLabelOnOpen: d,
|
|
5033
5033
|
onClick: c
|
|
5034
5034
|
}) => {
|
|
5035
|
-
const [s,
|
|
5035
|
+
const [s, p] = h.useState(l), [g, v] = h.useState(0), m = h.useRef(null), b = u(
|
|
5036
5036
|
Y[X],
|
|
5037
5037
|
n && Y[`${X}--with-divider`],
|
|
5038
5038
|
t
|
|
5039
|
-
),
|
|
5040
|
-
|
|
5039
|
+
), C = d && s, N = typeof o == "string", $ = (x) => {
|
|
5040
|
+
p((S) => !S), x.currentTarget.blur(), c == null || c(x);
|
|
5041
5041
|
}, B = (x) => {
|
|
5042
|
-
const
|
|
5043
|
-
il.includes(
|
|
5042
|
+
const y = x.target.tagName.toLowerCase();
|
|
5043
|
+
il.includes(y) || (p((w) => !w), c == null || c(x));
|
|
5044
5044
|
};
|
|
5045
|
-
return
|
|
5045
|
+
return h.useEffect(() => {
|
|
5046
5046
|
const x = !!window.IntersectionObserver;
|
|
5047
|
-
if (
|
|
5047
|
+
if (m.current && x) {
|
|
5048
5048
|
const S = new ResizeObserver(() => {
|
|
5049
|
-
|
|
5049
|
+
m.current && g !== m.current.offsetHeight && v(m.current.offsetHeight);
|
|
5050
5050
|
});
|
|
5051
|
-
return S.observe(
|
|
5051
|
+
return S.observe(m.current), () => S.disconnect();
|
|
5052
5052
|
}
|
|
5053
|
-
}, [
|
|
5053
|
+
}, [m]), /* @__PURE__ */ f("div", { className: b, children: [
|
|
5054
5054
|
/* @__PURE__ */ a(
|
|
5055
5055
|
"div",
|
|
5056
5056
|
{
|
|
5057
5057
|
className: u(
|
|
5058
5058
|
Y[`${X}__label-wrapper`],
|
|
5059
5059
|
d && Y[`${X}__label-wrapper--fading`],
|
|
5060
|
-
|
|
5060
|
+
C && Y[`${X}__label-wrapper--hide`],
|
|
5061
5061
|
s && Y[`${X}__label-wrapper--open`]
|
|
5062
5062
|
),
|
|
5063
5063
|
"aria-expanded": s,
|
|
5064
|
-
"aria-hidden":
|
|
5064
|
+
"aria-hidden": C,
|
|
5065
5065
|
"data-testid": "details-card-label",
|
|
5066
5066
|
onClick: B,
|
|
5067
5067
|
children: /* @__PURE__ */ f(
|
|
@@ -5119,12 +5119,12 @@ const ys = (e) => {
|
|
|
5119
5119
|
s && Y[`${X}__content-wrapper--open`]
|
|
5120
5120
|
),
|
|
5121
5121
|
style: {
|
|
5122
|
-
maxHeight: s ?
|
|
5122
|
+
maxHeight: s ? g : 0
|
|
5123
5123
|
},
|
|
5124
5124
|
children: /* @__PURE__ */ a(
|
|
5125
5125
|
"div",
|
|
5126
5126
|
{
|
|
5127
|
-
ref:
|
|
5127
|
+
ref: m,
|
|
5128
5128
|
className: u(
|
|
5129
5129
|
Y[`${X}__content`],
|
|
5130
5130
|
i && Y[`${X}__content--full-space`],
|
|
@@ -5251,18 +5251,18 @@ const ys = (e) => {
|
|
|
5251
5251
|
children: l,
|
|
5252
5252
|
labelRightNode: d
|
|
5253
5253
|
}) => {
|
|
5254
|
-
const c =
|
|
5254
|
+
const c = h.useRef(null), [s, p] = h.useState("auto"), g = u(
|
|
5255
5255
|
ae[re],
|
|
5256
5256
|
{
|
|
5257
5257
|
[ae[`${re}--inline`]]: e
|
|
5258
5258
|
},
|
|
5259
5259
|
n
|
|
5260
5260
|
);
|
|
5261
|
-
return
|
|
5261
|
+
return h.useEffect(() => {
|
|
5262
5262
|
const v = c;
|
|
5263
|
-
return e && v.current ?
|
|
5264
|
-
}), /* @__PURE__ */ f("div", { className:
|
|
5265
|
-
d && e && /* @__PURE__ */ f(
|
|
5263
|
+
return e && v.current ? p(`${v.current.clientHeight}px`) : p("auto");
|
|
5264
|
+
}), /* @__PURE__ */ f("div", { className: g, children: [
|
|
5265
|
+
d && e && /* @__PURE__ */ f(h.Fragment, { children: [
|
|
5266
5266
|
/* @__PURE__ */ a(
|
|
5267
5267
|
A,
|
|
5268
5268
|
{
|
|
@@ -5448,62 +5448,66 @@ const ys = (e) => {
|
|
|
5448
5448
|
"invite-agents__avatar-container": "lc-InviteAgents-module__invite-agents__avatar-container___r56c3",
|
|
5449
5449
|
"invite-agents__avatar": "lc-InviteAgents-module__invite-agents__avatar___Qs6yT",
|
|
5450
5450
|
"invite-agents__available-agents-number": "lc-InviteAgents-module__invite-agents__available-agents-number___WpNqr"
|
|
5451
|
-
}, at = "invite-agents", vl = (
|
|
5452
|
-
var
|
|
5451
|
+
}, at = "invite-agents", vl = (d) => {
|
|
5452
|
+
var c = d, {
|
|
5453
5453
|
agents: e,
|
|
5454
5454
|
onSetUpChatbotClick: t,
|
|
5455
5455
|
onAddTeammateClick: r,
|
|
5456
5456
|
className: _,
|
|
5457
5457
|
animatedInviteButton: o = !1,
|
|
5458
|
-
tooltipArrowOffset: n = 13
|
|
5459
|
-
|
|
5458
|
+
tooltipArrowOffset: n = 13,
|
|
5459
|
+
onAvailableAgentsClick: i
|
|
5460
|
+
} = c, l = F(c, [
|
|
5460
5461
|
"agents",
|
|
5461
5462
|
"onSetUpChatbotClick",
|
|
5462
5463
|
"onAddTeammateClick",
|
|
5463
5464
|
"className",
|
|
5464
5465
|
"animatedInviteButton",
|
|
5465
|
-
"tooltipArrowOffset"
|
|
5466
|
+
"tooltipArrowOffset",
|
|
5467
|
+
"onAvailableAgentsClick"
|
|
5466
5468
|
]);
|
|
5467
|
-
const [
|
|
5468
|
-
availableAgentsNumber:
|
|
5469
|
-
visibleAgents:
|
|
5470
|
-
additionalAgentsNumber:
|
|
5471
|
-
hasOnlyUnavailableAgents:
|
|
5469
|
+
const [s, p] = Jt(!1), [g, v] = Jt(!1), {
|
|
5470
|
+
availableAgentsNumber: m,
|
|
5471
|
+
visibleAgents: b,
|
|
5472
|
+
additionalAgentsNumber: C,
|
|
5473
|
+
hasOnlyUnavailableAgents: N
|
|
5472
5474
|
} = qt(() => {
|
|
5473
|
-
const
|
|
5474
|
-
(
|
|
5475
|
-
),
|
|
5475
|
+
const y = e.filter(
|
|
5476
|
+
(P) => P.status === "available"
|
|
5477
|
+
), w = fl(y), T = y.length, R = w.length > 4 ? w.slice(0, 3) : w, U = T - R.length, I = e.length > 0 && T === 0;
|
|
5476
5478
|
return {
|
|
5477
|
-
availableAgentsNumber:
|
|
5478
|
-
visibleAgents:
|
|
5479
|
-
additionalAgentsNumber:
|
|
5480
|
-
hasOnlyUnavailableAgents:
|
|
5479
|
+
availableAgentsNumber: T,
|
|
5480
|
+
visibleAgents: R,
|
|
5481
|
+
additionalAgentsNumber: U,
|
|
5482
|
+
hasOnlyUnavailableAgents: I
|
|
5481
5483
|
};
|
|
5482
|
-
}, [e]),
|
|
5483
|
-
t(),
|
|
5484
|
-
}, B =
|
|
5484
|
+
}, [e]), $ = () => {
|
|
5485
|
+
t(), p(!1), v(!1);
|
|
5486
|
+
}, B = () => {
|
|
5487
|
+
r(), p(!1), v(!1);
|
|
5488
|
+
}, x = () => {
|
|
5489
|
+
i(), p(!1), v(!1);
|
|
5490
|
+
}, S = [
|
|
5485
5491
|
{
|
|
5486
5492
|
key: "chatbot",
|
|
5487
|
-
onClick:
|
|
5493
|
+
onClick: $,
|
|
5488
5494
|
element: /* @__PURE__ */ a(Ar, { leftNode: /* @__PURE__ */ a(D, { source: y_ }), children: "Set up ChatBot" })
|
|
5489
5495
|
},
|
|
5490
5496
|
{
|
|
5491
5497
|
key: "teammate",
|
|
5492
5498
|
element: /* @__PURE__ */ a(Ar, { leftNode: /* @__PURE__ */ a(D, { source: C_ }), children: "Invite teammate" }),
|
|
5493
|
-
onClick:
|
|
5494
|
-
r(), s(!1), m(!1);
|
|
5495
|
-
}
|
|
5499
|
+
onClick: B
|
|
5496
5500
|
}
|
|
5497
5501
|
];
|
|
5498
5502
|
return /* @__PURE__ */ f(
|
|
5499
5503
|
"div",
|
|
5500
|
-
E(k({},
|
|
5504
|
+
E(k({}, l), {
|
|
5501
5505
|
className: u(
|
|
5502
5506
|
Ot.Dark,
|
|
5503
5507
|
tt[at],
|
|
5504
5508
|
{
|
|
5505
5509
|
[tt[`${at}--empty`]]: e.length === 0,
|
|
5506
|
-
[tt[`${at}--only-unavailable`]]:
|
|
5510
|
+
[tt[`${at}--only-unavailable`]]: N
|
|
5507
5511
|
},
|
|
5508
5512
|
_
|
|
5509
5513
|
),
|
|
@@ -5511,76 +5515,90 @@ const ys = (e) => {
|
|
|
5511
5515
|
e.length > 0 && /* @__PURE__ */ a(
|
|
5512
5516
|
Gt,
|
|
5513
5517
|
{
|
|
5514
|
-
isVisible:
|
|
5518
|
+
isVisible: g && !s,
|
|
5515
5519
|
offsetMainAxis: n,
|
|
5516
5520
|
floatingStrategy: "fixed",
|
|
5517
5521
|
hoverOnDelay: 50,
|
|
5518
|
-
onOpen: () =>
|
|
5519
|
-
onClose: () =>
|
|
5522
|
+
onOpen: () => v(!0),
|
|
5523
|
+
onClose: () => v(!1),
|
|
5520
5524
|
className: u(Ot.Dark, tt[`${at}__tooltip`]),
|
|
5521
|
-
triggerRenderer:
|
|
5522
|
-
|
|
5523
|
-
|
|
5524
|
-
{
|
|
5525
|
-
|
|
5526
|
-
|
|
5525
|
+
triggerRenderer: N ? /* @__PURE__ */ f(
|
|
5526
|
+
"div",
|
|
5527
|
+
{
|
|
5528
|
+
className: tt[`${at}__not-accepting`],
|
|
5529
|
+
onClick: x,
|
|
5530
|
+
children: [
|
|
5531
|
+
/* @__PURE__ */ a(
|
|
5532
|
+
"div",
|
|
5533
|
+
{
|
|
5534
|
+
className: u(
|
|
5535
|
+
tt[`${at}__not-accepting-status-dot`]
|
|
5536
|
+
)
|
|
5537
|
+
}
|
|
5538
|
+
),
|
|
5539
|
+
/* @__PURE__ */ a(A, { noMargin: !0, bold: !0, size: "sm", children: "No active agents" })
|
|
5540
|
+
]
|
|
5541
|
+
}
|
|
5542
|
+
) : /* @__PURE__ */ f(
|
|
5543
|
+
"div",
|
|
5544
|
+
{
|
|
5545
|
+
className: tt[`${at}__tooltip-trigger`],
|
|
5546
|
+
onClick: x,
|
|
5547
|
+
children: [
|
|
5548
|
+
/* @__PURE__ */ a("div", { className: tt[`${at}__avatar-container`], children: b.map((y, w) => /* @__PURE__ */ a(
|
|
5549
|
+
Qo,
|
|
5550
|
+
{
|
|
5551
|
+
text: y.name,
|
|
5552
|
+
className: tt[`${at}__avatar`],
|
|
5553
|
+
type: y.avatar ? "image" : "text",
|
|
5554
|
+
size: "xsmall",
|
|
5555
|
+
status: y.status,
|
|
5556
|
+
src: y.avatar,
|
|
5557
|
+
style: { zIndex: e.length - w }
|
|
5558
|
+
},
|
|
5559
|
+
y.email
|
|
5560
|
+
)) }),
|
|
5561
|
+
C > 0 && /* @__PURE__ */ f(
|
|
5562
|
+
A,
|
|
5563
|
+
{
|
|
5564
|
+
className: tt[`${at}__available-agents-number`],
|
|
5565
|
+
children: [
|
|
5566
|
+
"+",
|
|
5567
|
+
C
|
|
5568
|
+
]
|
|
5569
|
+
}
|
|
5527
5570
|
)
|
|
5528
|
-
|
|
5529
|
-
|
|
5530
|
-
|
|
5531
|
-
|
|
5532
|
-
/* @__PURE__ */ a("div", { className: tt[`${at}__avatar-container`], children: p.map((x, S) => /* @__PURE__ */ a(
|
|
5533
|
-
Qo,
|
|
5534
|
-
{
|
|
5535
|
-
text: x.name,
|
|
5536
|
-
className: tt[`${at}__avatar`],
|
|
5537
|
-
type: x.avatar ? "image" : "text",
|
|
5538
|
-
size: "xsmall",
|
|
5539
|
-
status: x.status,
|
|
5540
|
-
src: x.avatar,
|
|
5541
|
-
style: { zIndex: e.length - S }
|
|
5542
|
-
},
|
|
5543
|
-
x.email
|
|
5544
|
-
)) }),
|
|
5545
|
-
b > 0 && /* @__PURE__ */ f(
|
|
5546
|
-
A,
|
|
5547
|
-
{
|
|
5548
|
-
className: tt[`${at}__available-agents-number`],
|
|
5549
|
-
children: [
|
|
5550
|
-
"+",
|
|
5551
|
-
b
|
|
5552
|
-
]
|
|
5553
|
-
}
|
|
5554
|
-
)
|
|
5555
|
-
] }),
|
|
5556
|
-
children: y ? /* @__PURE__ */ a(
|
|
5571
|
+
]
|
|
5572
|
+
}
|
|
5573
|
+
),
|
|
5574
|
+
children: N ? /* @__PURE__ */ a(
|
|
5557
5575
|
Sn,
|
|
5558
5576
|
{
|
|
5559
5577
|
header: "No one's available to assist customers",
|
|
5560
5578
|
text: "Offer 24/7 support with ChatBot.",
|
|
5561
5579
|
primaryButton: {
|
|
5562
|
-
handleClick:
|
|
5580
|
+
handleClick: $,
|
|
5563
5581
|
label: "Set up ChatBot"
|
|
5564
5582
|
}
|
|
5565
5583
|
}
|
|
5566
|
-
) : /* @__PURE__ */ a(A, { noMargin: !0, size: "md", children: bl(
|
|
5584
|
+
) : /* @__PURE__ */ a(A, { noMargin: !0, size: "md", children: bl(m) })
|
|
5567
5585
|
}
|
|
5568
5586
|
),
|
|
5569
5587
|
/* @__PURE__ */ a(
|
|
5570
5588
|
Lo,
|
|
5571
5589
|
{
|
|
5572
5590
|
floatingStrategy: "fixed",
|
|
5573
|
-
visible:
|
|
5574
|
-
onOpen: () =>
|
|
5575
|
-
onClose: () =>
|
|
5576
|
-
options:
|
|
5591
|
+
visible: s,
|
|
5592
|
+
onOpen: () => p(!0),
|
|
5593
|
+
onClose: () => p(!1),
|
|
5594
|
+
options: S,
|
|
5577
5595
|
triggerRenderer: /* @__PURE__ */ a(
|
|
5578
5596
|
hl,
|
|
5579
5597
|
{
|
|
5580
5598
|
icon: /* @__PURE__ */ a(D, { source: k_ }),
|
|
5581
5599
|
text: "Invite",
|
|
5582
|
-
onClick: () =>
|
|
5583
|
-
isExpanded: o ?
|
|
5600
|
+
onClick: () => p((y) => !y),
|
|
5601
|
+
isExpanded: o ? s || void 0 : !0
|
|
5584
5602
|
}
|
|
5585
5603
|
)
|
|
5586
5604
|
}
|
|
@@ -5648,19 +5666,19 @@ const ys = (e) => {
|
|
|
5648
5666
|
t,
|
|
5649
5667
|
n && be[`${da}--full-space`]
|
|
5650
5668
|
);
|
|
5651
|
-
return
|
|
5669
|
+
return h.useEffect(() => {
|
|
5652
5670
|
if (!_)
|
|
5653
5671
|
return;
|
|
5654
|
-
const
|
|
5672
|
+
const g = (v) => {
|
|
5655
5673
|
v.key === ve.esc && r();
|
|
5656
5674
|
};
|
|
5657
|
-
return document.addEventListener("keyup",
|
|
5675
|
+
return document.addEventListener("keyup", g, !0), () => document.removeEventListener("keyup", g, !0);
|
|
5658
5676
|
}, [_]), /* @__PURE__ */ a(
|
|
5659
5677
|
H_,
|
|
5660
5678
|
{
|
|
5661
5679
|
"data-testid": "lc-modal-overlay",
|
|
5662
|
-
onMouseDown: (
|
|
5663
|
-
o &&
|
|
5680
|
+
onMouseDown: (g) => {
|
|
5681
|
+
o && g.target === g.currentTarget && r();
|
|
5664
5682
|
},
|
|
5665
5683
|
className: u(
|
|
5666
5684
|
be[`${da}__overlay`],
|
|
@@ -5717,13 +5735,13 @@ const ys = (e) => {
|
|
|
5717
5735
|
"onClose",
|
|
5718
5736
|
"contentClassName"
|
|
5719
5737
|
]);
|
|
5720
|
-
const
|
|
5721
|
-
|
|
5738
|
+
const p = u(be[Et], t), g = typeof e == "string", v = (m) => {
|
|
5739
|
+
m.preventDefault(), m.stopPropagation(), i();
|
|
5722
5740
|
};
|
|
5723
5741
|
return /* @__PURE__ */ f(
|
|
5724
5742
|
Nl,
|
|
5725
5743
|
E(k({
|
|
5726
|
-
className:
|
|
5744
|
+
className: p,
|
|
5727
5745
|
fullSpaceContent: o,
|
|
5728
5746
|
onClose: i,
|
|
5729
5747
|
isLabelled: !!_
|
|
@@ -5773,7 +5791,7 @@ const ys = (e) => {
|
|
|
5773
5791
|
{
|
|
5774
5792
|
"data-testid": "modal-body",
|
|
5775
5793
|
className: u(be[`${Et}__body`], l),
|
|
5776
|
-
children:
|
|
5794
|
+
children: g ? /* @__PURE__ */ a(A, { as: "div", children: e }) : e
|
|
5777
5795
|
}
|
|
5778
5796
|
),
|
|
5779
5797
|
n && /* @__PURE__ */ a("div", { className: be[`${Et}__footer`], children: n })
|
|
@@ -5871,7 +5889,7 @@ const ys = (e) => {
|
|
|
5871
5889
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___nO8zN",
|
|
5872
5890
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___y9v6f"
|
|
5873
5891
|
}, Zt = "numeric-input", Ps = (s) => {
|
|
5874
|
-
var
|
|
5892
|
+
var p = s, {
|
|
5875
5893
|
className: e,
|
|
5876
5894
|
error: t,
|
|
5877
5895
|
value: r,
|
|
@@ -5881,7 +5899,7 @@ const ys = (e) => {
|
|
|
5881
5899
|
noControls: i,
|
|
5882
5900
|
style: l,
|
|
5883
5901
|
onChange: d
|
|
5884
|
-
} =
|
|
5902
|
+
} = p, c = F(p, [
|
|
5885
5903
|
"className",
|
|
5886
5904
|
"error",
|
|
5887
5905
|
"value",
|
|
@@ -5892,7 +5910,7 @@ const ys = (e) => {
|
|
|
5892
5910
|
"style",
|
|
5893
5911
|
"onChange"
|
|
5894
5912
|
]);
|
|
5895
|
-
const
|
|
5913
|
+
const g = h.useRef(null), v = u(
|
|
5896
5914
|
Xt[Zt],
|
|
5897
5915
|
{
|
|
5898
5916
|
[Xt[`${Zt}--error`]]: t,
|
|
@@ -5900,34 +5918,34 @@ const ys = (e) => {
|
|
|
5900
5918
|
[Xt[`${Zt}--disabled`]]: n
|
|
5901
5919
|
},
|
|
5902
5920
|
e
|
|
5903
|
-
),
|
|
5904
|
-
const w = parseInt(r, 10) +
|
|
5905
|
-
return
|
|
5906
|
-
}, N = (
|
|
5907
|
-
|
|
5908
|
-
}, $ = (
|
|
5909
|
-
|
|
5910
|
-
const w =
|
|
5921
|
+
), m = (y) => d(String(y)), b = (y) => _ !== void 0 && y > _ ? _ : o !== void 0 && y < o ? o : y, C = (y) => {
|
|
5922
|
+
const w = parseInt(r, 10) + y;
|
|
5923
|
+
return m(b(w));
|
|
5924
|
+
}, N = (y) => {
|
|
5925
|
+
y.key === ve.arrowDown && (y.preventDefault(), C(-1)), y.key === ve.arrowUp && (y.preventDefault(), C(1));
|
|
5926
|
+
}, $ = (y, w) => w !== void 0 && parseInt(y, 10) === w, B = (y) => {
|
|
5927
|
+
y.preventDefault(), y.stopPropagation();
|
|
5928
|
+
const w = y.currentTarget.value.replace(
|
|
5911
5929
|
/((?!([-]|([-]?\d+))).)/,
|
|
5912
5930
|
""
|
|
5913
5931
|
);
|
|
5914
5932
|
if (w === "" || w === "-")
|
|
5915
|
-
return
|
|
5933
|
+
return m(w);
|
|
5916
5934
|
const T = parseInt(w, 10);
|
|
5917
|
-
return
|
|
5935
|
+
return m(b(T));
|
|
5918
5936
|
}, x = () => {
|
|
5919
|
-
var
|
|
5920
|
-
return (
|
|
5937
|
+
var y;
|
|
5938
|
+
return (y = g.current) == null || y.focus(), C(1);
|
|
5921
5939
|
}, S = () => {
|
|
5922
|
-
var
|
|
5923
|
-
return (
|
|
5940
|
+
var y;
|
|
5941
|
+
return (y = g.current) == null || y.focus(), C(-1);
|
|
5924
5942
|
};
|
|
5925
5943
|
return /* @__PURE__ */ f("div", { className: v, style: l, children: [
|
|
5926
5944
|
/* @__PURE__ */ a(
|
|
5927
5945
|
"input",
|
|
5928
5946
|
E(k({
|
|
5929
5947
|
type: "text",
|
|
5930
|
-
ref:
|
|
5948
|
+
ref: g
|
|
5931
5949
|
}, c), {
|
|
5932
5950
|
value: r,
|
|
5933
5951
|
disabled: n,
|
|
@@ -6006,17 +6024,17 @@ const ys = (e) => {
|
|
|
6006
6024
|
onClick: l,
|
|
6007
6025
|
cta: d
|
|
6008
6026
|
}) => {
|
|
6009
|
-
const c =
|
|
6010
|
-
return
|
|
6027
|
+
const c = h.useRef(null), s = h.useRef(null), [p, g] = h.useState(0), v = h.useRef(p);
|
|
6028
|
+
return h.useEffect(() => {
|
|
6011
6029
|
t && c.current && c.current.focus();
|
|
6012
|
-
}, [t]),
|
|
6013
|
-
const
|
|
6014
|
-
if (s.current &&
|
|
6015
|
-
const b = new ResizeObserver((
|
|
6016
|
-
const N =
|
|
6030
|
+
}, [t]), h.useEffect(() => {
|
|
6031
|
+
const m = !!window.ResizeObserver;
|
|
6032
|
+
if (s.current && m) {
|
|
6033
|
+
const b = new ResizeObserver((C) => {
|
|
6034
|
+
const N = C[0];
|
|
6017
6035
|
if (!N) return;
|
|
6018
6036
|
const $ = N.contentRect.height + xl;
|
|
6019
|
-
v.current !== $ && (
|
|
6037
|
+
v.current !== $ && (g($), v.current = $);
|
|
6020
6038
|
});
|
|
6021
6039
|
return b.observe(s.current), () => b.disconnect();
|
|
6022
6040
|
}
|
|
@@ -6085,7 +6103,7 @@ const ys = (e) => {
|
|
|
6085
6103
|
className: u(me[`${pe}__content__inner`], {
|
|
6086
6104
|
[me[`${pe}__content__inner--open`]]: t
|
|
6087
6105
|
}),
|
|
6088
|
-
style: { maxHeight: t ?
|
|
6106
|
+
style: { maxHeight: t ? p : 0 },
|
|
6089
6107
|
children: /* @__PURE__ */ f("div", { ref: s, children: [
|
|
6090
6108
|
/* @__PURE__ */ a(
|
|
6091
6109
|
A,
|
|
@@ -6138,16 +6156,16 @@ const ys = (e) => {
|
|
|
6138
6156
|
className: c
|
|
6139
6157
|
}) => {
|
|
6140
6158
|
var B;
|
|
6141
|
-
const [s,
|
|
6159
|
+
const [s, p] = h.useState(l), [g, v] = h.useState(!l), [m, b] = h.useState(void 0), C = h.useRef(null), N = d.height || 96, $ = () => {
|
|
6142
6160
|
v((x) => !x);
|
|
6143
6161
|
};
|
|
6144
|
-
return
|
|
6145
|
-
const x = d.delay || 1500, S =
|
|
6162
|
+
return h.useEffect(() => {
|
|
6163
|
+
const x = d.delay || 1500, S = C.current;
|
|
6146
6164
|
if (l && S) {
|
|
6147
|
-
const
|
|
6148
|
-
b(
|
|
6165
|
+
const y = S.offsetHeight;
|
|
6166
|
+
b(y);
|
|
6149
6167
|
const w = setTimeout(() => {
|
|
6150
|
-
|
|
6168
|
+
p(!0), v(!1);
|
|
6151
6169
|
}, x);
|
|
6152
6170
|
return () => {
|
|
6153
6171
|
clearTimeout(w);
|
|
@@ -6156,19 +6174,19 @@ const ys = (e) => {
|
|
|
6156
6174
|
}, [l]), /* @__PURE__ */ f(
|
|
6157
6175
|
"div",
|
|
6158
6176
|
{
|
|
6159
|
-
ref:
|
|
6177
|
+
ref: C,
|
|
6160
6178
|
className: u(
|
|
6161
6179
|
Q[J],
|
|
6162
6180
|
{
|
|
6163
|
-
[Q[`${J}--complete`]]: s && !
|
|
6181
|
+
[Q[`${J}--complete`]]: s && !g
|
|
6164
6182
|
},
|
|
6165
6183
|
c
|
|
6166
6184
|
),
|
|
6167
6185
|
style: {
|
|
6168
|
-
height: !s ||
|
|
6186
|
+
height: !s || g ? m : N
|
|
6169
6187
|
},
|
|
6170
6188
|
children: [
|
|
6171
|
-
|
|
6189
|
+
g && /* @__PURE__ */ f(te, { children: [
|
|
6172
6190
|
/* @__PURE__ */ f("div", { className: Q[`${J}__column`], children: [
|
|
6173
6191
|
/* @__PURE__ */ f("div", { className: Q[`${J}__header`], children: [
|
|
6174
6192
|
_ && /* @__PURE__ */ a(
|
|
@@ -6222,7 +6240,7 @@ const ys = (e) => {
|
|
|
6222
6240
|
}
|
|
6223
6241
|
)
|
|
6224
6242
|
] }),
|
|
6225
|
-
!
|
|
6243
|
+
!g && /* @__PURE__ */ a(te, { children: /* @__PURE__ */ f("div", { className: Q[`${J}__complete`], children: [
|
|
6226
6244
|
/* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
|
|
6227
6245
|
D,
|
|
6228
6246
|
{
|
|
@@ -6253,20 +6271,20 @@ const ys = (e) => {
|
|
|
6253
6271
|
s && /* @__PURE__ */ a(
|
|
6254
6272
|
Z,
|
|
6255
6273
|
{
|
|
6256
|
-
kind:
|
|
6274
|
+
kind: g ? "float" : "text",
|
|
6257
6275
|
icon: /* @__PURE__ */ a(
|
|
6258
6276
|
D,
|
|
6259
6277
|
{
|
|
6260
6278
|
source: Ut,
|
|
6261
6279
|
className: u(
|
|
6262
6280
|
Q[`${J}__button__icon`],
|
|
6263
|
-
|
|
6281
|
+
g && Q[`${J}__button__icon--open`]
|
|
6264
6282
|
)
|
|
6265
6283
|
}
|
|
6266
6284
|
),
|
|
6267
6285
|
className: Q[`${J}__button`],
|
|
6268
6286
|
onClick: $,
|
|
6269
|
-
"aria-expanded":
|
|
6287
|
+
"aria-expanded": g
|
|
6270
6288
|
}
|
|
6271
6289
|
)
|
|
6272
6290
|
]
|
|
@@ -6286,24 +6304,24 @@ const ys = (e) => {
|
|
|
6286
6304
|
offsetSize: d = 4,
|
|
6287
6305
|
isVisible: c,
|
|
6288
6306
|
openedOnInit: s,
|
|
6289
|
-
closeOnEsc:
|
|
6290
|
-
useDismissHookProps:
|
|
6307
|
+
closeOnEsc: p = !0,
|
|
6308
|
+
useDismissHookProps: g,
|
|
6291
6309
|
useClickHookProps: v,
|
|
6292
|
-
floatingStrategy:
|
|
6310
|
+
floatingStrategy: m
|
|
6293
6311
|
}) => {
|
|
6294
|
-
const [b,
|
|
6295
|
-
Me ? r == null || r(Oe) : t == null || t(Oe), !B &&
|
|
6312
|
+
const [b, C] = h.useState(s), N = or(), $ = Sa(), B = c !== void 0, x = B ? c : b, S = typeof _ == "string", y = typeof e == "function", w = (Me, Oe) => {
|
|
6313
|
+
Me ? r == null || r(Oe) : t == null || t(Oe), !B && C(Me);
|
|
6296
6314
|
}, { refs: T, context: R, floatingStyles: U } = Ba({
|
|
6297
6315
|
nodeId: $,
|
|
6298
6316
|
open: x,
|
|
6299
6317
|
onOpenChange: w,
|
|
6300
6318
|
middleware: [Ea(d), _r(l), Or()],
|
|
6301
6319
|
placement: i,
|
|
6302
|
-
strategy:
|
|
6320
|
+
strategy: m,
|
|
6303
6321
|
whileElementsMounted: Ia
|
|
6304
6322
|
}), I = Ta(R, v), P = Aa(R, k({
|
|
6305
|
-
escapeKey:
|
|
6306
|
-
},
|
|
6323
|
+
escapeKey: p
|
|
6324
|
+
}, g)), z = Da(R), { getReferenceProps: le, getFloatingProps: G } = Pa([
|
|
6307
6325
|
I,
|
|
6308
6326
|
P,
|
|
6309
6327
|
z
|
|
@@ -6315,7 +6333,7 @@ const ys = (e) => {
|
|
|
6315
6333
|
ref: T.setReference
|
|
6316
6334
|
}, le()), {
|
|
6317
6335
|
className: n,
|
|
6318
|
-
children:
|
|
6336
|
+
children: y ? e() : e
|
|
6319
6337
|
})
|
|
6320
6338
|
),
|
|
6321
6339
|
/* @__PURE__ */ a(ea, { id: $, children: x && /* @__PURE__ */ a(Br, { context: R, modal: !1, children: /* @__PURE__ */ a(
|
|
@@ -6433,9 +6451,9 @@ const ys = (e) => {
|
|
|
6433
6451
|
shortcutKey: d,
|
|
6434
6452
|
expired: c,
|
|
6435
6453
|
trialDaysLeft: s,
|
|
6436
|
-
nameAdornment:
|
|
6454
|
+
nameAdornment: p
|
|
6437
6455
|
},
|
|
6438
|
-
onClick:
|
|
6456
|
+
onClick: g,
|
|
6439
6457
|
isActive: v = !1
|
|
6440
6458
|
}) => /* @__PURE__ */ f(te, { children: [
|
|
6441
6459
|
l && /* @__PURE__ */ a("div", { className: ht[`${ft}__divider`] }),
|
|
@@ -6445,7 +6463,7 @@ const ys = (e) => {
|
|
|
6445
6463
|
href: i,
|
|
6446
6464
|
target: "_blank",
|
|
6447
6465
|
"aria-label": `Go to ${n} product`,
|
|
6448
|
-
onClick: (
|
|
6466
|
+
onClick: (m) => g(m, e),
|
|
6449
6467
|
className: u(ht[ft], {
|
|
6450
6468
|
[ht[`${ft}--expired`]]: c
|
|
6451
6469
|
}),
|
|
@@ -6498,7 +6516,7 @@ const ys = (e) => {
|
|
|
6498
6516
|
]
|
|
6499
6517
|
}
|
|
6500
6518
|
),
|
|
6501
|
-
|
|
6519
|
+
p
|
|
6502
6520
|
] })
|
|
6503
6521
|
] }),
|
|
6504
6522
|
d && /* @__PURE__ */ f(A, { size: "sm", className: ht[`${ft}__shortcut`], children: [
|
|
@@ -6524,21 +6542,21 @@ const ys = (e) => {
|
|
|
6524
6542
|
onSelect: i,
|
|
6525
6543
|
textURL: l = "https://www.text.com"
|
|
6526
6544
|
}) => {
|
|
6527
|
-
const [d, c] =
|
|
6545
|
+
const [d, c] = h.useState(r), [s, p] = Jt(
|
|
6528
6546
|
!1
|
|
6529
|
-
),
|
|
6530
|
-
G ? o == null || o(V) : n == null || n(V), !
|
|
6547
|
+
), g = or(), v = Sa(), m = _ !== void 0, b = m ? _ : d, C = (G, V) => {
|
|
6548
|
+
G ? o == null || o(V) : n == null || n(V), !m && c(G);
|
|
6531
6549
|
}, { refs: N, context: $, floatingStyles: B } = Ba({
|
|
6532
6550
|
nodeId: v,
|
|
6533
6551
|
strategy: "fixed",
|
|
6534
6552
|
placement: "right-start",
|
|
6535
6553
|
open: b,
|
|
6536
6554
|
onOpenChange: (G, V) => {
|
|
6537
|
-
|
|
6555
|
+
p(!1), C(G, V);
|
|
6538
6556
|
},
|
|
6539
6557
|
middleware: [Ea({ mainAxis: 5 })],
|
|
6540
6558
|
whileElementsMounted: Ia
|
|
6541
|
-
}), x = Ta($), S = Da($),
|
|
6559
|
+
}), x = Ta($), S = Da($), y = Aa($), { isMounted: w, styles: T } = Mr($, {
|
|
6542
6560
|
duration: 200,
|
|
6543
6561
|
common: {
|
|
6544
6562
|
transformOrigin: "left top"
|
|
@@ -6549,7 +6567,7 @@ const ys = (e) => {
|
|
|
6549
6567
|
}
|
|
6550
6568
|
}), { getReferenceProps: R, getFloatingProps: U } = Pa([
|
|
6551
6569
|
x,
|
|
6552
|
-
|
|
6570
|
+
y,
|
|
6553
6571
|
S
|
|
6554
6572
|
]), I = e.find(
|
|
6555
6573
|
(G) => G.id === t
|
|
@@ -6566,8 +6584,8 @@ const ys = (e) => {
|
|
|
6566
6584
|
Gt,
|
|
6567
6585
|
{
|
|
6568
6586
|
isVisible: s,
|
|
6569
|
-
onOpen: () =>
|
|
6570
|
-
onClose: () =>
|
|
6587
|
+
onOpen: () => p(!0),
|
|
6588
|
+
onClose: () => p(!1),
|
|
6571
6589
|
offsetCrossAxis: 2,
|
|
6572
6590
|
arrowOffsetY: 2,
|
|
6573
6591
|
offsetMainAxis: 10,
|
|
@@ -6616,7 +6634,7 @@ const ys = (e) => {
|
|
|
6616
6634
|
href: l,
|
|
6617
6635
|
target: "_blank",
|
|
6618
6636
|
className: ha[`${fa}__footer-link`],
|
|
6619
|
-
onClick: () =>
|
|
6637
|
+
onClick: () => C(!1),
|
|
6620
6638
|
children: [
|
|
6621
6639
|
/* @__PURE__ */ a(A, { noMargin: !0, children: "powered by" }),
|
|
6622
6640
|
/* @__PURE__ */ a(
|
|
@@ -6636,7 +6654,7 @@ const ys = (e) => {
|
|
|
6636
6654
|
})
|
|
6637
6655
|
) })
|
|
6638
6656
|
] });
|
|
6639
|
-
return
|
|
6657
|
+
return g === null ? /* @__PURE__ */ a(nr, { children: le }) : le;
|
|
6640
6658
|
}, Tl = 'data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_24854_8994)"%3E%3Crect width="40" height="40" fill="%230066FF"/%3E%3Cg filter="url(%23filter0_f_24854_8994)"%3E%3Cpath d="M32.6382 31.0816C41.9891 31.0816 49.5694 23.5012 49.5694 14.1504C49.5694 4.79953 41.9891 -2.78082 32.6382 -2.78082C23.2874 -2.78082 15.707 4.79953 15.707 14.1504C15.707 23.5012 23.2874 31.0816 32.6382 31.0816Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter1_f_24854_8994)"%3E%3Cpath d="M10.417 50.1292C19.7679 50.1292 27.3482 42.5488 27.3482 33.198C27.3482 23.8471 19.7679 16.2668 10.417 16.2668C1.0662 16.2668 -6.51416 23.8471 -6.51416 33.198C-6.51416 42.5488 1.0662 50.1292 10.417 50.1292Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter2_f_24854_8994)"%3E%3Cpath d="M9.35788 16.2667C15.2022 16.2667 19.9399 11.529 19.9399 5.68472C19.9399 -0.159555 15.2022 -4.89728 9.35788 -4.89728C3.5136 -4.89728 -1.22412 -0.159555 -1.22412 5.68472C-1.22412 11.529 3.5136 16.2667 9.35788 16.2667Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter3_f_24854_8994)"%3E%3Cpath d="M7.24274 18.3831C13.6714 18.3831 18.8829 13.1716 18.8829 6.74292C18.8829 0.314217 13.6714 -4.89728 7.24274 -4.89728C0.814034 -4.89728 -4.39746 0.314217 -4.39746 6.74292C-4.39746 13.1716 0.814034 18.3831 7.24274 18.3831Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter4_f_24854_8994)"%3E%3Cpath d="M8.29938 21.5577C14.7281 21.5577 19.9396 16.3462 19.9396 9.91748C19.9396 3.48878 14.7281 -1.72272 8.29938 -1.72272C1.87068 -1.72272 -3.34082 3.48878 -3.34082 9.91748C-3.34082 16.3462 1.87068 21.5577 8.29938 21.5577Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter5_f_24854_8994)"%3E%3Cpath d="M33.6973 45.8964C40.126 45.8964 45.3375 40.6849 45.3375 34.2562C45.3375 27.8275 40.126 22.616 33.6973 22.616C27.2686 22.616 22.0571 27.8275 22.0571 34.2562C22.0571 40.6849 27.2686 45.8964 33.6973 45.8964Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter6_f_24854_8994)"%3E%3Cpath d="M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter7_f_24854_8994)"%3E%3Cpath d="M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter8_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter9_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter10_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter11_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter12_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter13_f_24854_8994)"%3E%3Cpath d="M9.35898 38.489C12.8655 38.489 15.7082 35.6463 15.7082 32.1398C15.7082 28.6332 12.8655 25.7906 9.35898 25.7906C5.8524 25.7906 3.00977 28.6332 3.00977 32.1398C3.00977 35.6463 5.8524 38.489 9.35898 38.489Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter14_f_24854_8994)"%3E%3Cpath d="M38.9871 31.0816C46.5846 31.0816 52.7437 24.9225 52.7437 17.325C52.7437 9.7274 46.5846 3.56836 38.9871 3.56836C31.3895 3.56836 25.2305 9.7274 25.2305 17.325C25.2305 24.9225 31.3895 31.0816 38.9871 31.0816Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter15_f_24854_8994)"%3E%3Cpath d="M38.9879 25.7905C45.4166 25.7905 50.6281 20.579 50.6281 14.1503C50.6281 7.72157 45.4166 2.51007 38.9879 2.51007C32.5592 2.51007 27.3477 7.72157 27.3477 14.1503C27.3477 20.579 32.5592 25.7905 38.9879 25.7905Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter16_f_24854_8994)"%3E%3Cpath d="M9.35868 21.5578C14.0341 21.5578 17.8243 17.7676 17.8243 13.0922C17.8243 8.41674 14.0341 4.62656 9.35868 4.62656C4.68325 4.62656 0.893066 8.41674 0.893066 13.0922C0.893066 17.7676 4.68325 21.5578 9.35868 21.5578Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter17_f_24854_8994)"%3E%3Cpath d="M31.5797 18.3831C35.0862 18.3831 37.9289 15.5404 37.9289 12.0339C37.9289 8.5273 35.0862 5.68466 31.5797 5.68466C28.0731 5.68466 25.2305 8.5273 25.2305 12.0339C25.2305 15.5404 28.0731 18.3831 31.5797 18.3831Z" fill="%23FF2E00"/%3E%3C/g%3E%3Cg filter="url(%23filter18_f_24854_8994)"%3E%3Cpath d="M12.5312 14.1503C18.3755 14.1503 23.1132 9.41257 23.1132 3.5683C23.1132 -2.27598 18.3755 -7.0137 12.5312 -7.0137C6.68694 -7.0137 1.94922 -2.27598 1.94922 3.5683C1.94922 9.41257 6.68694 14.1503 12.5312 14.1503Z" fill="%233851FF"/%3E%3C/g%3E%3Cg filter="url(%23filter19_f_24854_8994)"%3E%3Cpath d="M28.4057 13.0921C34.25 13.0921 38.9877 8.35441 38.9877 2.51013C38.9877 -3.33415 34.25 -8.07187 28.4057 -8.07187C22.5615 -8.07187 17.8237 -3.33415 17.8237 2.51013C17.8237 8.35441 22.5615 13.0921 28.4057 13.0921Z" fill="%23F3354D"/%3E%3C/g%3E%3Cg filter="url(%23filter20_f_24854_8994)"%3E%3Cpath d="M33.6958 48.0128C39.54 48.0128 44.2778 43.275 44.2778 37.4308C44.2778 31.5865 39.54 26.8488 33.6958 26.8488C27.8515 26.8488 23.1138 31.5865 23.1138 37.4308C23.1138 43.275 27.8515 48.0128 33.6958 48.0128Z" fill="%23FFD101"/%3E%3C/g%3E%3Cg filter="url(%23filter21_f_24854_8994)"%3E%3Cpath d="M8.30173 43.78C14.146 43.78 18.8837 39.0422 18.8837 33.198C18.8837 27.3537 14.146 22.616 8.30173 22.616C2.45745 22.616 -2.28027 27.3537 -2.28027 33.198C-2.28027 39.0422 2.45745 43.78 8.30173 43.78Z" fill="%237FCF35"/%3E%3C/g%3E%3Cg filter="url(%23filter22_f_24854_8994)"%3E%3Cpath d="M6.18454 34.2562C12.0288 34.2562 16.7665 29.5184 16.7665 23.6742C16.7665 17.8299 12.0288 13.0922 6.18454 13.0922C0.340261 13.0922 -4.39746 17.8299 -4.39746 23.6742C-4.39746 29.5184 0.340261 34.2562 6.18454 34.2562Z" fill="%231D7DD0"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_f_24854_8994" x="-8.29297" y="-26.7808" width="81.8623" height="81.8624" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter1_f_24854_8994" x="-30.5142" y="-7.73322" width="81.8623" height="81.8624" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter2_f_24854_8994" x="-25.2241" y="-28.8973" width="69.1641" height="69.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter3_f_24854_8994" x="-28.3975" y="-28.8973" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter4_f_24854_8994" x="-27.3408" y="-25.7227" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter5_f_24854_8994" x="-1.94287" y="-1.38403" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter6_f_24854_8994" x="-6.17627" y="0.732361" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter7_f_24854_8994" x="-6.17627" y="0.732361" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter8_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter9_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter10_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter11_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter12_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter13_f_24854_8994" x="-20.9902" y="1.79056" width="60.6982" height="60.6984" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter14_f_24854_8994" x="1.23047" y="-20.4316" width="75.5132" height="75.5132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter15_f_24854_8994" x="3.34766" y="-21.4899" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter16_f_24854_8994" x="-23.1069" y="-19.3734" width="64.9312" height="64.9312" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter17_f_24854_8994" x="1.23047" y="-18.3153" width="60.6982" height="60.6984" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter18_f_24854_8994" x="-9.05078" y="-18.0137" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter19_f_24854_8994" x="6.82373" y="-19.0719" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter20_f_24854_8994" x="12.1138" y="15.8488" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter21_f_24854_8994" x="-13.2803" y="11.616" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter22_f_24854_8994" x="-15.3975" y="2.09216" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3CclipPath id="clip0_24854_8994"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A', Al = [
|
|
6641
6659
|
{
|
|
6642
6660
|
id: "livechat",
|
|
@@ -6858,15 +6876,15 @@ const ys = (e) => {
|
|
|
6858
6876
|
}, Ol = (e, t) => Fl.includes(e) || t.some(
|
|
6859
6877
|
(r) => r.product === Wr[e]
|
|
6860
6878
|
), Ll = (e, t, r, _, o, n) => {
|
|
6861
|
-
var l, d, c, s,
|
|
6879
|
+
var l, d, c, s, p;
|
|
6862
6880
|
const i = t.find(
|
|
6863
|
-
(
|
|
6881
|
+
(g) => g.product === Wr[e.id]
|
|
6864
6882
|
);
|
|
6865
6883
|
if (!i)
|
|
6866
6884
|
throw new Error(`Product data for ${e.id} not found`);
|
|
6867
6885
|
return E(k({}, e), {
|
|
6868
6886
|
trialDaysLeft: r[e.id] && ((l = r[e.id]) == null ? void 0 : l.status) === "trial" && ((d = r[e.id]) != null && d.next_charge_at) ? Ml((s = (c = r[e.id]) == null ? void 0 : c.next_charge_at) != null ? s : "") : void 0,
|
|
6869
|
-
expired: ((
|
|
6887
|
+
expired: ((p = r[e.id]) == null ? void 0 : p.status) === "expired",
|
|
6870
6888
|
url: Rl(
|
|
6871
6889
|
i.clientId,
|
|
6872
6890
|
i.redirectUri,
|
|
@@ -6939,7 +6957,7 @@ const ba = {
|
|
|
6939
6957
|
small: 15,
|
|
6940
6958
|
medium: 36,
|
|
6941
6959
|
large: 56
|
|
6942
|
-
}, va = "progress-circle", Vl =
|
|
6960
|
+
}, va = "progress-circle", Vl = h.forwardRef(
|
|
6943
6961
|
(i, n) => {
|
|
6944
6962
|
var l = i, {
|
|
6945
6963
|
status: e = "normal",
|
|
@@ -6952,25 +6970,25 @@ const ba = {
|
|
|
6952
6970
|
"className",
|
|
6953
6971
|
"size"
|
|
6954
6972
|
]);
|
|
6955
|
-
const d = o_(e, t), c = Hl[_], s = zl[_],
|
|
6973
|
+
const d = o_(e, t), c = Hl[_], s = zl[_], p = u(
|
|
6956
6974
|
ba[va],
|
|
6957
6975
|
{
|
|
6958
6976
|
[ba[`${va}--${_}`]]: _,
|
|
6959
6977
|
[ba[`${va}--${e}`]]: e
|
|
6960
6978
|
},
|
|
6961
6979
|
r
|
|
6962
|
-
),
|
|
6963
|
-
strokeDasharray:
|
|
6964
|
-
strokeDashoffset: `${((100 - d) / 100 *
|
|
6965
|
-
},
|
|
6980
|
+
), g = 2 * Math.PI * ((s - c) / 2), v = {
|
|
6981
|
+
strokeDasharray: g.toFixed(3),
|
|
6982
|
+
strokeDashoffset: `${((100 - d) / 100 * g).toFixed(3)}px`
|
|
6983
|
+
}, m = `${s / 2} ${s / 2} ${s} ${s}`;
|
|
6966
6984
|
return /* @__PURE__ */ a(
|
|
6967
6985
|
"div",
|
|
6968
6986
|
E(k({
|
|
6969
|
-
className:
|
|
6987
|
+
className: p,
|
|
6970
6988
|
ref: n,
|
|
6971
6989
|
role: "progressbar"
|
|
6972
6990
|
}, o), {
|
|
6973
|
-
children: /* @__PURE__ */ f("svg", { viewBox:
|
|
6991
|
+
children: /* @__PURE__ */ f("svg", { viewBox: m, children: [
|
|
6974
6992
|
/* @__PURE__ */ a(
|
|
6975
6993
|
"circle",
|
|
6976
6994
|
{
|
|
@@ -7008,7 +7026,7 @@ const ba = {
|
|
|
7008
7026
|
"progress-bar--normal": "lc-ProgressBar-module__progress-bar--normal___WboRI",
|
|
7009
7027
|
"progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___MHAlN",
|
|
7010
7028
|
"progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___sjEAI"
|
|
7011
|
-
}, qa = "progress-bar", Wl =
|
|
7029
|
+
}, qa = "progress-bar", Wl = h.forwardRef(
|
|
7012
7030
|
(i, n) => {
|
|
7013
7031
|
var l = i, {
|
|
7014
7032
|
status: e = "normal",
|
|
@@ -7070,25 +7088,25 @@ const ba = {
|
|
|
7070
7088
|
onClose: d,
|
|
7071
7089
|
onLinkClick: c
|
|
7072
7090
|
}) => {
|
|
7073
|
-
const s =
|
|
7091
|
+
const s = h.useRef(null), [p, g] = h.useState("medium"), v = u(
|
|
7074
7092
|
ze[Ve],
|
|
7075
7093
|
{
|
|
7076
7094
|
[ze[`${Ve}--light`]]: n,
|
|
7077
|
-
[ze[`${Ve}--small`]]:
|
|
7078
|
-
[ze[`${Ve}--large`]]:
|
|
7095
|
+
[ze[`${Ve}--small`]]: p === "small",
|
|
7096
|
+
[ze[`${Ve}--large`]]: p === "large"
|
|
7079
7097
|
},
|
|
7080
7098
|
e
|
|
7081
7099
|
);
|
|
7082
|
-
|
|
7083
|
-
const b = () => s.current && s.current.offsetWidth <= Kl ?
|
|
7100
|
+
h.useEffect(() => {
|
|
7101
|
+
const b = () => s.current && s.current.offsetWidth <= Kl ? g("small") : s.current && s.current.offsetWidth >= Yl ? g("large") : g("medium"), C = To(
|
|
7084
7102
|
b,
|
|
7085
7103
|
Xl
|
|
7086
7104
|
);
|
|
7087
|
-
return window.addEventListener("resize",
|
|
7088
|
-
|
|
7105
|
+
return window.addEventListener("resize", C), b(), () => {
|
|
7106
|
+
C.cancel(), window.removeEventListener("resize", C);
|
|
7089
7107
|
};
|
|
7090
7108
|
}, []);
|
|
7091
|
-
const
|
|
7109
|
+
const m = /* @__PURE__ */ f("div", { className: ze[`${Ve}__footer`], children: [
|
|
7092
7110
|
t && /* @__PURE__ */ a(
|
|
7093
7111
|
Z,
|
|
7094
7112
|
{
|
|
@@ -7107,9 +7125,9 @@ const ba = {
|
|
|
7107
7125
|
/* @__PURE__ */ f("div", { className: ze[`${Ve}__wrapper`], children: [
|
|
7108
7126
|
/* @__PURE__ */ a("div", { className: ze[`${Ve}__header`], children: _ }),
|
|
7109
7127
|
/* @__PURE__ */ a(A, { as: "div", children: r }),
|
|
7110
|
-
|
|
7128
|
+
p !== "large" && m
|
|
7111
7129
|
] }),
|
|
7112
|
-
|
|
7130
|
+
p === "large" && m
|
|
7113
7131
|
] }),
|
|
7114
7132
|
d && /* @__PURE__ */ a(
|
|
7115
7133
|
"button",
|
|
@@ -7214,7 +7232,7 @@ const ba = {
|
|
|
7214
7232
|
"radio-button__helper": "lc-RadioButton-module__radio-button__helper___X4Ihv",
|
|
7215
7233
|
"radio-button--selected": "lc-RadioButton-module__radio-button--selected___00LlN",
|
|
7216
7234
|
"radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___StpOi"
|
|
7217
|
-
}, kt = "radio-button", Us =
|
|
7235
|
+
}, kt = "radio-button", Us = h.forwardRef(
|
|
7218
7236
|
(l, i) => {
|
|
7219
7237
|
var d = l, { children: e, className: t = "", description: r, checked: _, disabled: o } = d, n = F(d, ["children", "className", "description", "checked", "disabled"]);
|
|
7220
7238
|
const c = u(vt[kt], t, {
|
|
@@ -7266,16 +7284,16 @@ const ba = {
|
|
|
7266
7284
|
cropOnBlur: l = !0,
|
|
7267
7285
|
onChange: d
|
|
7268
7286
|
}) => {
|
|
7269
|
-
const [c, s] =
|
|
7287
|
+
const [c, s] = h.useState(!0), [p, g] = h.useState(!1), v = h.useRef(null), m = !!n && !t && !r, b = e && !c && "true", C = u(
|
|
7270
7288
|
i,
|
|
7271
7289
|
We[rt],
|
|
7272
7290
|
We[`${rt}--${o}`],
|
|
7273
|
-
|
|
7291
|
+
p && We[`${rt}--focused`],
|
|
7274
7292
|
t && We[`${rt}--disabled`],
|
|
7275
7293
|
e && We[`${rt}--collapsable`],
|
|
7276
7294
|
!c && We[`${rt}--collapsable--open`]
|
|
7277
7295
|
);
|
|
7278
|
-
|
|
7296
|
+
h.useEffect(() => {
|
|
7279
7297
|
e && n && s(!1);
|
|
7280
7298
|
}, [e]);
|
|
7281
7299
|
const N = (w) => {
|
|
@@ -7287,10 +7305,10 @@ const ba = {
|
|
|
7287
7305
|
var w;
|
|
7288
7306
|
(w = v.current) == null || w.focus();
|
|
7289
7307
|
}, x = () => {
|
|
7290
|
-
e && s(!1),
|
|
7308
|
+
e && s(!1), g(!0);
|
|
7291
7309
|
}, S = () => {
|
|
7292
|
-
e && !n && s(!0),
|
|
7293
|
-
},
|
|
7310
|
+
e && !n && s(!0), g(!1);
|
|
7311
|
+
}, y = (w) => {
|
|
7294
7312
|
w.key === ve.enter && (w.preventDefault(), d(n));
|
|
7295
7313
|
};
|
|
7296
7314
|
return /* @__PURE__ */ f(
|
|
@@ -7298,7 +7316,7 @@ const ba = {
|
|
|
7298
7316
|
{
|
|
7299
7317
|
"aria-expanded": b,
|
|
7300
7318
|
role: "search",
|
|
7301
|
-
className:
|
|
7319
|
+
className: C,
|
|
7302
7320
|
onClick: B,
|
|
7303
7321
|
children: [
|
|
7304
7322
|
/* @__PURE__ */ a(
|
|
@@ -7329,13 +7347,13 @@ const ba = {
|
|
|
7329
7347
|
onChange: N,
|
|
7330
7348
|
onBlur: S,
|
|
7331
7349
|
onFocus: x,
|
|
7332
|
-
onKeyDown:
|
|
7350
|
+
onKeyDown: y,
|
|
7333
7351
|
disabled: t
|
|
7334
7352
|
}
|
|
7335
7353
|
)
|
|
7336
7354
|
}
|
|
7337
7355
|
),
|
|
7338
|
-
|
|
7356
|
+
m && /* @__PURE__ */ a(
|
|
7339
7357
|
Z,
|
|
7340
7358
|
{
|
|
7341
7359
|
"aria-label": "Clear search",
|
|
@@ -7362,7 +7380,7 @@ const ba = {
|
|
|
7362
7380
|
"skeleton-text--animated": "lc-Skeleton-module__skeleton-text--animated___Bnr3Z"
|
|
7363
7381
|
}, No = "skeleton-wrapper", zs = (o) => {
|
|
7364
7382
|
var n = o, { children: e, vertical: t, animated: r } = n, _ = F(n, ["children", "vertical", "animated"]);
|
|
7365
|
-
const i =
|
|
7383
|
+
const i = h.Children.map(e, (l) => h.isValidElement(l) ? h.cloneElement(l, {
|
|
7366
7384
|
animated: r
|
|
7367
7385
|
}) : l);
|
|
7368
7386
|
return /* @__PURE__ */ a(
|
|
@@ -7468,8 +7486,8 @@ const ba = {
|
|
|
7468
7486
|
"switch__loader--medium": "lc-Switch-module__switch__loader--medium___XpfaO",
|
|
7469
7487
|
"switch__loader--large": "lc-Switch-module__switch__loader--large___NDgeg",
|
|
7470
7488
|
switch__icon: tc
|
|
7471
|
-
}, oe = "switch", Ys = (
|
|
7472
|
-
var
|
|
7489
|
+
}, oe = "switch", Ys = (p) => {
|
|
7490
|
+
var g = p, {
|
|
7473
7491
|
className: e = "",
|
|
7474
7492
|
defaultOn: t = !1,
|
|
7475
7493
|
disabled: r = !1,
|
|
@@ -7480,7 +7498,7 @@ const ba = {
|
|
|
7480
7498
|
state: l = "regular",
|
|
7481
7499
|
innerRef: d,
|
|
7482
7500
|
ariaLabel: c
|
|
7483
|
-
} =
|
|
7501
|
+
} = g, s = F(g, [
|
|
7484
7502
|
"className",
|
|
7485
7503
|
"defaultOn",
|
|
7486
7504
|
"disabled",
|
|
@@ -7492,13 +7510,13 @@ const ba = {
|
|
|
7492
7510
|
"innerRef",
|
|
7493
7511
|
"ariaLabel"
|
|
7494
7512
|
]);
|
|
7495
|
-
const v = o !== void 0, [
|
|
7513
|
+
const v = o !== void 0, [m, b] = h.useState(
|
|
7496
7514
|
() => v ? o : t
|
|
7497
|
-
), [
|
|
7515
|
+
), [C, N] = h.useState(!1), $ = v ? o : m, B = l === "loading", x = l === "locked", S = i === "large" ? "small" : "xsmall", y = $ ? "on" : "off", w = r || B || x, T = w ? "disabled" : "enabled", R = u(
|
|
7498
7516
|
ne[oe],
|
|
7499
7517
|
ne[`${oe}--${i}`],
|
|
7500
7518
|
{
|
|
7501
|
-
[ne[`${oe}--focused`]]:
|
|
7519
|
+
[ne[`${oe}--focused`]]: C
|
|
7502
7520
|
},
|
|
7503
7521
|
e
|
|
7504
7522
|
), U = (I) => {
|
|
@@ -7528,7 +7546,7 @@ const ba = {
|
|
|
7528
7546
|
"span",
|
|
7529
7547
|
{
|
|
7530
7548
|
className: u(ne[`${oe}__container`], {
|
|
7531
|
-
[ne[`${oe}__container--focused`]]:
|
|
7549
|
+
[ne[`${oe}__container--focused`]]: C
|
|
7532
7550
|
}),
|
|
7533
7551
|
children: [
|
|
7534
7552
|
/* @__PURE__ */ a(
|
|
@@ -7536,7 +7554,7 @@ const ba = {
|
|
|
7536
7554
|
{
|
|
7537
7555
|
className: u(
|
|
7538
7556
|
ne[`${oe}__track`],
|
|
7539
|
-
ne[`${oe}__track--${
|
|
7557
|
+
ne[`${oe}__track--${y}`],
|
|
7540
7558
|
ne[`${oe}__track--${T}`]
|
|
7541
7559
|
)
|
|
7542
7560
|
}
|
|
@@ -7548,7 +7566,7 @@ const ba = {
|
|
|
7548
7566
|
ne[`${oe}__slider`],
|
|
7549
7567
|
ne[`${oe}__slider--${T}`],
|
|
7550
7568
|
ne[`${oe}__slider--${i}`],
|
|
7551
|
-
ne[`${oe}__slider--${i}--${
|
|
7569
|
+
ne[`${oe}__slider--${i}--${y}`]
|
|
7552
7570
|
),
|
|
7553
7571
|
children: [
|
|
7554
7572
|
B && /* @__PURE__ */ a(
|
|
@@ -7606,7 +7624,7 @@ const ba = {
|
|
|
7606
7624
|
"size",
|
|
7607
7625
|
"icon"
|
|
7608
7626
|
]);
|
|
7609
|
-
const { disabled: s } = l,
|
|
7627
|
+
const { disabled: s } = l, p = r !== void 0 && !o, g = r !== void 0 && o;
|
|
7610
7628
|
return /* @__PURE__ */ f(
|
|
7611
7629
|
A,
|
|
7612
7630
|
E(k({}, l), {
|
|
@@ -7624,12 +7642,12 @@ const ba = {
|
|
|
7624
7642
|
children: [
|
|
7625
7643
|
i && /* @__PURE__ */ a("div", { "data-testId": "icon", className: Ft[`${Rt}__icon`], children: i }),
|
|
7626
7644
|
e,
|
|
7627
|
-
|
|
7645
|
+
p && /* @__PURE__ */ f(A, { as: "span", size: "md", className: Ft[`${Rt}__count`], children: [
|
|
7628
7646
|
"(",
|
|
7629
7647
|
r,
|
|
7630
7648
|
")"
|
|
7631
7649
|
] }),
|
|
7632
|
-
|
|
7650
|
+
g && /* @__PURE__ */ a(
|
|
7633
7651
|
er,
|
|
7634
7652
|
{
|
|
7635
7653
|
"data-testid": "tab-badge",
|
|
@@ -7659,9 +7677,9 @@ const ba = {
|
|
|
7659
7677
|
remove: o,
|
|
7660
7678
|
value: n
|
|
7661
7679
|
}) => {
|
|
7662
|
-
const [i, l] =
|
|
7663
|
-
const
|
|
7664
|
-
return
|
|
7680
|
+
const [i, l] = h.useState(!1), d = () => t.current, c = () => {
|
|
7681
|
+
const m = d();
|
|
7682
|
+
return m ? m.innerText : "";
|
|
7665
7683
|
}, s = () => {
|
|
7666
7684
|
r && r.current && r.current.focus();
|
|
7667
7685
|
};
|
|
@@ -7671,27 +7689,27 @@ const ba = {
|
|
|
7671
7689
|
ref: t,
|
|
7672
7690
|
className: e,
|
|
7673
7691
|
contentEditable: !0,
|
|
7674
|
-
onPaste: (
|
|
7675
|
-
|
|
7676
|
-
const b =
|
|
7692
|
+
onPaste: (m) => {
|
|
7693
|
+
m.preventDefault();
|
|
7694
|
+
const b = m.clipboardData.getData("text/plain");
|
|
7677
7695
|
document.execCommand("insertHTML", !1, Qr(b));
|
|
7678
7696
|
},
|
|
7679
7697
|
onBlur: () => {
|
|
7680
|
-
const
|
|
7681
|
-
if (!(i || !
|
|
7682
|
-
if (
|
|
7698
|
+
const m = d();
|
|
7699
|
+
if (!(i || !m)) {
|
|
7700
|
+
if (m.innerText === "") {
|
|
7683
7701
|
o();
|
|
7684
7702
|
return;
|
|
7685
7703
|
}
|
|
7686
|
-
_(
|
|
7704
|
+
_(m.innerText);
|
|
7687
7705
|
}
|
|
7688
7706
|
},
|
|
7689
|
-
onKeyDown: (
|
|
7690
|
-
if (
|
|
7691
|
-
|
|
7707
|
+
onKeyDown: (m) => {
|
|
7708
|
+
if (m.key === ve.enter) {
|
|
7709
|
+
m.preventDefault(), s();
|
|
7692
7710
|
return;
|
|
7693
7711
|
}
|
|
7694
|
-
|
|
7712
|
+
m.key === ve.backspace && c() === "" && (l(!0), o(), s());
|
|
7695
7713
|
},
|
|
7696
7714
|
dangerouslySetInnerHTML: { __html: Qr(n) }
|
|
7697
7715
|
}
|
|
@@ -7706,15 +7724,15 @@ const ba = {
|
|
|
7706
7724
|
size: i,
|
|
7707
7725
|
tagProps: l
|
|
7708
7726
|
}) => {
|
|
7709
|
-
const d =
|
|
7710
|
-
return /* @__PURE__ */ a(Zo, E(k({ size: i }, l), { kind:
|
|
7727
|
+
const d = h.useMemo(() => _ !== void 0 ? _(e) : !0, [e, _]), c = h.useRef(null), s = () => r(t), p = () => d ? l ? l.kind : "default" : "error";
|
|
7728
|
+
return /* @__PURE__ */ a(Zo, E(k({ size: i }, l), { kind: p(), onRemove: s, children: /* @__PURE__ */ a(
|
|
7711
7729
|
lc,
|
|
7712
7730
|
{
|
|
7713
7731
|
value: e,
|
|
7714
7732
|
inputRef: o,
|
|
7715
7733
|
innerEditableRef: c,
|
|
7716
7734
|
className: Ca[`${cc}__content`],
|
|
7717
|
-
change: (
|
|
7735
|
+
change: (g) => n(t, g),
|
|
7718
7736
|
remove: s,
|
|
7719
7737
|
validator: _
|
|
7720
7738
|
}
|
|
@@ -7725,8 +7743,8 @@ const ba = {
|
|
|
7725
7743
|
ve.tab,
|
|
7726
7744
|
ve.semicolon,
|
|
7727
7745
|
ve.comma
|
|
7728
|
-
], dc = [ve.backspace, ve.delete], uc = (
|
|
7729
|
-
var v =
|
|
7746
|
+
], dc = [ve.backspace, ve.delete], uc = (g) => {
|
|
7747
|
+
var v = g, {
|
|
7730
7748
|
id: e,
|
|
7731
7749
|
tags: t,
|
|
7732
7750
|
onChange: r,
|
|
@@ -7738,7 +7756,7 @@ const ba = {
|
|
|
7738
7756
|
inputClassName: d,
|
|
7739
7757
|
onBlur: c,
|
|
7740
7758
|
addOnBlur: s = !0
|
|
7741
|
-
} = v,
|
|
7759
|
+
} = v, p = F(v, [
|
|
7742
7760
|
"id",
|
|
7743
7761
|
"tags",
|
|
7744
7762
|
"onChange",
|
|
@@ -7751,7 +7769,7 @@ const ba = {
|
|
|
7751
7769
|
"onBlur",
|
|
7752
7770
|
"addOnBlur"
|
|
7753
7771
|
]);
|
|
7754
|
-
const
|
|
7772
|
+
const m = u(
|
|
7755
7773
|
Ca[ja],
|
|
7756
7774
|
{
|
|
7757
7775
|
[Ca[`${ja}--error`]]: o
|
|
@@ -7761,23 +7779,23 @@ const ba = {
|
|
|
7761
7779
|
d,
|
|
7762
7780
|
Ca[`${ja}__input`],
|
|
7763
7781
|
Ca[`${ja}__input--${i}`]
|
|
7764
|
-
), [
|
|
7782
|
+
), [C, N] = h.useState(""), $ = h.useRef(null), B = (I) => {
|
|
7765
7783
|
I.trim() !== "" && (r([...t || [], I]), N(""));
|
|
7766
7784
|
}, x = (I) => {
|
|
7767
7785
|
const P = [...t || []];
|
|
7768
7786
|
P.splice(I, 1), r(P);
|
|
7769
|
-
}, S = (I) => N(I.target.value),
|
|
7787
|
+
}, S = (I) => N(I.target.value), y = (I) => {
|
|
7770
7788
|
if (sc.includes(I.key)) {
|
|
7771
|
-
if (I.preventDefault(),
|
|
7789
|
+
if (I.preventDefault(), C === "")
|
|
7772
7790
|
return;
|
|
7773
|
-
B(
|
|
7791
|
+
B(C);
|
|
7774
7792
|
} else if (dc.includes(I.key)) {
|
|
7775
|
-
if (
|
|
7793
|
+
if (C !== "" || !(t != null && t.length))
|
|
7776
7794
|
return;
|
|
7777
7795
|
x(t.length - 1);
|
|
7778
7796
|
}
|
|
7779
7797
|
}, w = (I) => {
|
|
7780
|
-
s && B(
|
|
7798
|
+
s && B(C), c == null || c(I);
|
|
7781
7799
|
}, T = (I, P) => {
|
|
7782
7800
|
const z = [...t || []];
|
|
7783
7801
|
z.reduce(
|
|
@@ -7815,18 +7833,18 @@ const ba = {
|
|
|
7815
7833
|
`${P}${I.children}`
|
|
7816
7834
|
);
|
|
7817
7835
|
return /* @__PURE__ */ f(te, { children: [
|
|
7818
|
-
/* @__PURE__ */ f(A, { as: "div", className:
|
|
7836
|
+
/* @__PURE__ */ f(A, { as: "div", className: m, children: [
|
|
7819
7837
|
t == null ? void 0 : t.map(U),
|
|
7820
7838
|
/* @__PURE__ */ a(
|
|
7821
7839
|
"input",
|
|
7822
|
-
E(k({},
|
|
7840
|
+
E(k({}, p), {
|
|
7823
7841
|
id: e,
|
|
7824
7842
|
ref: $,
|
|
7825
7843
|
className: b,
|
|
7826
7844
|
placeholder: n,
|
|
7827
|
-
value:
|
|
7845
|
+
value: C,
|
|
7828
7846
|
onChange: S,
|
|
7829
|
-
onKeyDown:
|
|
7847
|
+
onKeyDown: y,
|
|
7830
7848
|
onPaste: R,
|
|
7831
7849
|
onBlur: w
|
|
7832
7850
|
})
|
|
@@ -7904,7 +7922,7 @@ const ba = {
|
|
|
7904
7922
|
ie[Tt],
|
|
7905
7923
|
ie[`${Tt}--${o}`],
|
|
7906
7924
|
t
|
|
7907
|
-
), s = typeof r == "string",
|
|
7925
|
+
), s = typeof r == "string", p = (g) => g && g.closesOnClick && n ? (g.onClick(), n()) : g.onClick();
|
|
7908
7926
|
return /* @__PURE__ */ f("div", E(k({ className: c }, i), { children: [
|
|
7909
7927
|
/* @__PURE__ */ a("div", { className: ie[`${Tt}__icon`], children: /* @__PURE__ */ a(D, E(k({}, kc[o]), { size: "medium" })) }),
|
|
7910
7928
|
/* @__PURE__ */ a("div", { className: ie[`${Tt}__content`], children: s ? /* @__PURE__ */ a(A, { as: "div", children: r }) : r }),
|
|
@@ -7915,7 +7933,7 @@ const ba = {
|
|
|
7915
7933
|
className: ie[`${Tt}__actions--custom`],
|
|
7916
7934
|
kind: "text",
|
|
7917
7935
|
size: "compact",
|
|
7918
|
-
onClick: () =>
|
|
7936
|
+
onClick: () => p(e),
|
|
7919
7937
|
children: e.label
|
|
7920
7938
|
}
|
|
7921
7939
|
),
|
|
@@ -7952,7 +7970,7 @@ const ba = {
|
|
|
7952
7970
|
},
|
|
7953
7971
|
e
|
|
7954
7972
|
);
|
|
7955
|
-
return /* @__PURE__ */ a("div", { className: l, children: /* @__PURE__ */ a(Ao, { component: null, children: t.map(({ id: d, kind: c, content: s, removable:
|
|
7973
|
+
return /* @__PURE__ */ a("div", { className: l, children: /* @__PURE__ */ a(Ao, { component: null, children: t.map(({ id: d, kind: c, content: s, removable: p, action: g, onClose: v }) => /* @__PURE__ */ a(
|
|
7956
7974
|
Do,
|
|
7957
7975
|
{
|
|
7958
7976
|
classNames: {
|
|
@@ -7967,8 +7985,8 @@ const ba = {
|
|
|
7967
7985
|
{
|
|
7968
7986
|
kind: c,
|
|
7969
7987
|
onClose: v,
|
|
7970
|
-
removable:
|
|
7971
|
-
action:
|
|
7988
|
+
removable: p,
|
|
7989
|
+
action: g,
|
|
7972
7990
|
children: s
|
|
7973
7991
|
}
|
|
7974
7992
|
)
|
|
@@ -7980,24 +7998,24 @@ const ba = {
|
|
|
7980
7998
|
"textarea--focused": "lc-Textarea-module__textarea--focused___YnB5S",
|
|
7981
7999
|
"textarea--disabled": "lc-Textarea-module__textarea--disabled___zZJAq",
|
|
7982
8000
|
"textarea--error": "lc-Textarea-module__textarea--error___n-fD5"
|
|
7983
|
-
}, Ja = "textarea", Js =
|
|
8001
|
+
}, Ja = "textarea", Js = h.forwardRef(
|
|
7984
8002
|
(o, _) => {
|
|
7985
8003
|
var n = o, { className: e, error: t } = n, r = F(n, ["className", "error"]);
|
|
7986
|
-
const { disabled: i, onBlur: l, onFocus: d } = r, [c, s] =
|
|
8004
|
+
const { disabled: i, onBlur: l, onFocus: d } = r, [c, s] = h.useState(!1), p = u(e, Qa[Ja], {
|
|
7987
8005
|
[Qa[`${Ja}--disabled`]]: i,
|
|
7988
8006
|
[Qa[`${Ja}--focused`]]: c,
|
|
7989
8007
|
[Qa[`${Ja}--error`]]: t
|
|
7990
|
-
}),
|
|
7991
|
-
s(!1), l == null || l(
|
|
7992
|
-
}, v = (
|
|
7993
|
-
s(!0), d == null || d(
|
|
8008
|
+
}), g = (m) => {
|
|
8009
|
+
s(!1), l == null || l(m);
|
|
8010
|
+
}, v = (m) => {
|
|
8011
|
+
s(!0), d == null || d(m);
|
|
7994
8012
|
};
|
|
7995
|
-
return /* @__PURE__ */ a(A, { as: "div", className:
|
|
8013
|
+
return /* @__PURE__ */ a(A, { as: "div", className: p, children: /* @__PURE__ */ a(
|
|
7996
8014
|
"textarea",
|
|
7997
8015
|
E(k({}, r), {
|
|
7998
8016
|
ref: _,
|
|
7999
8017
|
onFocus: v,
|
|
8000
|
-
onBlur:
|
|
8018
|
+
onBlur: g
|
|
8001
8019
|
})
|
|
8002
8020
|
) });
|
|
8003
8021
|
}
|
|
@@ -8039,7 +8057,7 @@ const ba = {
|
|
|
8039
8057
|
"file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___EYxE3",
|
|
8040
8058
|
"file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___P0XSe",
|
|
8041
8059
|
"file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___la8oa"
|
|
8042
|
-
}, yt = "file-upload-progress", Sr = `${yt}__wrapper__header__title`, xc =
|
|
8060
|
+
}, yt = "file-upload-progress", Sr = `${yt}__wrapper__header__title`, xc = h.forwardRef(
|
|
8043
8061
|
({
|
|
8044
8062
|
actionsVisibility: e = "hidden",
|
|
8045
8063
|
className: t,
|
|
@@ -8164,17 +8182,17 @@ const ba = {
|
|
|
8164
8182
|
size: d,
|
|
8165
8183
|
mode: c = "multiple",
|
|
8166
8184
|
onCloseButtonClick: s,
|
|
8167
|
-
onRetryButtonClick:
|
|
8185
|
+
onRetryButtonClick: p
|
|
8168
8186
|
}) => {
|
|
8169
|
-
const [
|
|
8170
|
-
[q[`${Ne}--error`]]:
|
|
8187
|
+
const [g, v] = h.useState(o || !1), m = i === "error", b = i === "success", C = u(q[Ne], t, {
|
|
8188
|
+
[q[`${Ne}--error`]]: m,
|
|
8171
8189
|
[q[`${Ne}--success`]]: b
|
|
8172
|
-
}), N = !(
|
|
8173
|
-
return c === "single" ? /* @__PURE__ */ a("div", { className:
|
|
8190
|
+
}), N = !(m && (p || s)), $ = () => v(!g);
|
|
8191
|
+
return c === "single" ? /* @__PURE__ */ a("div", { className: C, children: /* @__PURE__ */ f("div", { className: q[`${Ne}__wrapper`], children: [
|
|
8174
8192
|
/* @__PURE__ */ a("div", { className: q[`${$t}`], children: /* @__PURE__ */ a(
|
|
8175
8193
|
xc,
|
|
8176
8194
|
{
|
|
8177
|
-
title:
|
|
8195
|
+
title: m && n || _,
|
|
8178
8196
|
progressValue: r,
|
|
8179
8197
|
status: i,
|
|
8180
8198
|
icon: l,
|
|
@@ -8186,10 +8204,10 @@ const ba = {
|
|
|
8186
8204
|
{
|
|
8187
8205
|
status: i,
|
|
8188
8206
|
onCloseButtonClick: s,
|
|
8189
|
-
onRetryButtonClick:
|
|
8207
|
+
onRetryButtonClick: p
|
|
8190
8208
|
}
|
|
8191
8209
|
)
|
|
8192
|
-
] }) }) : /* @__PURE__ */ f("div", { className:
|
|
8210
|
+
] }) }) : /* @__PURE__ */ f("div", { className: C, children: [
|
|
8193
8211
|
/* @__PURE__ */ a(
|
|
8194
8212
|
"div",
|
|
8195
8213
|
{
|
|
@@ -8197,7 +8215,7 @@ const ba = {
|
|
|
8197
8215
|
onClick: $,
|
|
8198
8216
|
children: /* @__PURE__ */ f("div", { className: q[`${$t}`], children: [
|
|
8199
8217
|
/* @__PURE__ */ a("div", { className: q[`${$t}__icon`], children: Bc(i, r) }),
|
|
8200
|
-
/* @__PURE__ */ a("div", { className: q[`${$t}__title`], children: /* @__PURE__ */ a(A, { size: "sm", as: "div", children:
|
|
8218
|
+
/* @__PURE__ */ a("div", { className: q[`${$t}__title`], children: /* @__PURE__ */ a(A, { size: "sm", as: "div", children: m ? n : _ }) }),
|
|
8201
8219
|
N && /* @__PURE__ */ a(
|
|
8202
8220
|
"button",
|
|
8203
8221
|
{
|
|
@@ -8205,7 +8223,7 @@ const ba = {
|
|
|
8205
8223
|
type: "button",
|
|
8206
8224
|
"aria-label": "Collapse button",
|
|
8207
8225
|
onClick: $,
|
|
8208
|
-
children:
|
|
8226
|
+
children: g ? /* @__PURE__ */ a(D, { source: rr }) : /* @__PURE__ */ a(D, { source: Ut })
|
|
8209
8227
|
}
|
|
8210
8228
|
),
|
|
8211
8229
|
i === "error" && /* @__PURE__ */ a("div", { className: q[`${$t}__actions-container`], children: /* @__PURE__ */ a(
|
|
@@ -8213,13 +8231,13 @@ const ba = {
|
|
|
8213
8231
|
{
|
|
8214
8232
|
status: i,
|
|
8215
8233
|
onCloseButtonClick: s,
|
|
8216
|
-
onRetryButtonClick:
|
|
8234
|
+
onRetryButtonClick: p
|
|
8217
8235
|
}
|
|
8218
8236
|
) })
|
|
8219
8237
|
] })
|
|
8220
8238
|
}
|
|
8221
8239
|
),
|
|
8222
|
-
/* @__PURE__ */ a(Ao, { component: null, children:
|
|
8240
|
+
/* @__PURE__ */ a(Ao, { component: null, children: g && /* @__PURE__ */ a(
|
|
8223
8241
|
Do,
|
|
8224
8242
|
{
|
|
8225
8243
|
timeout: Sc,
|