@livechat/design-system-react-components 2.6.0 → 2.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.js +594 -588
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -2,12 +2,12 @@ var co = Object.defineProperty, lo = Object.defineProperties;
|
|
|
2
2
|
var so = Object.getOwnPropertyDescriptors;
|
|
3
3
|
var La = Object.getOwnPropertySymbols;
|
|
4
4
|
var Jr = Object.prototype.hasOwnProperty, e_ = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var
|
|
5
|
+
var yr = (e, a, r) => a in e ? co(e, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[a] = r, k = (e, a) => {
|
|
6
6
|
for (var r in a || (a = {}))
|
|
7
|
-
Jr.call(a, r) &&
|
|
7
|
+
Jr.call(a, r) && yr(e, r, a[r]);
|
|
8
8
|
if (La)
|
|
9
9
|
for (var r of La(a))
|
|
10
|
-
e_.call(a, r) &&
|
|
10
|
+
e_.call(a, r) && yr(e, r, a[r]);
|
|
11
11
|
return e;
|
|
12
12
|
}, E = (e, a) => lo(e, so(a));
|
|
13
13
|
var F = (e, a) => {
|
|
@@ -19,11 +19,11 @@ var F = (e, a) => {
|
|
|
19
19
|
a.indexOf(_) < 0 && e_.call(e, _) && (r[_] = e[_]);
|
|
20
20
|
return r;
|
|
21
21
|
};
|
|
22
|
-
var
|
|
22
|
+
var wr = (e, a, r) => yr(e, typeof a != "symbol" ? a + "" : a, r);
|
|
23
23
|
import { jsx as t, jsxs as f, Fragment as ne } from "react/jsx-runtime";
|
|
24
24
|
import * as g from "react";
|
|
25
25
|
import { createContext as uo, useContext as mo, useState as Jt, useEffect as at, useMemo as qt, useRef as Hr, useReducer as po, useCallback as Ga, memo as go } from "react";
|
|
26
|
-
import { ChevronDown as Ht, Check as xa, Close as Ue, Info as Na, Warning as T_, CheckCircle as zr, Block as A_, ChevronRight as ir, VisibilityOn as ho, VisibilityOff as fo, ChevronUp as cr, Person as bo, DoubleArrowLeft as vo, ChevronLeft as ko, DoubleArrowRight as
|
|
26
|
+
import { ChevronDown as Ht, Check as xa, Close as Ue, Info as Na, Warning as T_, CheckCircle as zr, Block as A_, ChevronRight as ir, VisibilityOn as ho, VisibilityOff as fo, ChevronUp as cr, Person as bo, DoubleArrowLeft as vo, ChevronLeft as ko, DoubleArrowRight as yo, People as wo, Bot as Co, Add as $o, ChatBotColored as No, PersonAdd as So, TextLogoFull as xo, LiveChatMono as Bo, ChatBotMono as Eo, HelpDeskMono as Io, KnowledgeBaseMono as To, OpenWidgetMono as Ao, HelloMono as Do, TextAccounts as Po, Search as Fo, LockBlack as Ro, Refresh as Mo, Error as Oo } from "@livechat/design-system-icons";
|
|
27
27
|
import u from "clsx";
|
|
28
28
|
import { useFloatingParentNodeId as lr, useFloatingNodeId as Ba, useFloating as Ea, offset as Ia, flip as sr, size as D_, autoUpdate as Ta, useClick as Aa, useDismiss as Da, useRole as Pa, useInteractions as Fa, useTransitionStyles as Vr, FloatingNode as ta, FloatingTree as dr, shift as Wr, arrow as Lo, hide as Go, useHover as Uo, safePolygon as Ho, useFocus as zo, useTransitionStatus as Vo, FloatingArrow as Wo, FloatingPortal as ea, FloatingFocusManager as Fr, useListNavigation as Ko, FloatingOverlay as Yo } from "@floating-ui/react";
|
|
29
29
|
import * as Xo from "react-dom";
|
|
@@ -493,16 +493,16 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
493
493
|
const [_, o] = Jt(a), [n, i] = Jt(r);
|
|
494
494
|
at(() => {
|
|
495
495
|
document.body.classList.remove(Dt.Light, Dt.Dark), document.body.classList.add(`lc-${_}-theme`);
|
|
496
|
-
for (const [
|
|
497
|
-
document.body.style.setProperty(
|
|
496
|
+
for (const [d, l] of Object.entries(n))
|
|
497
|
+
document.body.style.setProperty(d, l);
|
|
498
498
|
}, [_, n]);
|
|
499
499
|
const c = qt(
|
|
500
500
|
() => ({
|
|
501
501
|
theme: _,
|
|
502
|
-
toggleTheme: () => o((
|
|
502
|
+
toggleTheme: () => o((d) => d === "light" ? "dark" : "light"),
|
|
503
503
|
setTheme: o,
|
|
504
|
-
setCustomVariables: (
|
|
505
|
-
i(
|
|
504
|
+
setCustomVariables: (d) => {
|
|
505
|
+
i(d);
|
|
506
506
|
}
|
|
507
507
|
}),
|
|
508
508
|
[_, o, i]
|
|
@@ -525,7 +525,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
525
525
|
isSideNavigationVisible: _,
|
|
526
526
|
toggleSideNavigationVisibility: () => o(!_),
|
|
527
527
|
isMobileViewEnabled: n,
|
|
528
|
-
setIsMobileViewEnabled: (
|
|
528
|
+
setIsMobileViewEnabled: (d) => i(d)
|
|
529
529
|
}),
|
|
530
530
|
[
|
|
531
531
|
_,
|
|
@@ -539,21 +539,27 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
539
539
|
isVisible: e,
|
|
540
540
|
elementRef: a
|
|
541
541
|
}) => {
|
|
542
|
-
const [r, _] = g.useState(e), [o, n] = g.useState(e), [i, c] = g.useState(e),
|
|
542
|
+
const [r, _] = g.useState(e), [o, n] = g.useState(e), [i, c] = g.useState(e), d = g.useRef(null), l = () => {
|
|
543
|
+
_(!1), d.current && clearTimeout(d.current);
|
|
544
|
+
};
|
|
543
545
|
return g.useEffect(() => {
|
|
544
|
-
const
|
|
545
|
-
if (!i &&
|
|
546
|
-
return
|
|
547
|
-
|
|
546
|
+
const s = a.current;
|
|
547
|
+
if (!i && s)
|
|
548
|
+
return s.addEventListener("transitionend", l), n(!1), d.current = window.setTimeout(l, 300), () => {
|
|
549
|
+
clearTimeout(d.current), s.removeEventListener(
|
|
548
550
|
"transitionend",
|
|
549
|
-
|
|
551
|
+
l
|
|
550
552
|
);
|
|
551
553
|
};
|
|
552
|
-
|
|
553
|
-
_(!0), requestAnimationFrame(() => n(!0));
|
|
554
|
-
return;
|
|
555
|
-
}
|
|
554
|
+
i && (_(!0), requestAnimationFrame(() => n(!0)));
|
|
556
555
|
}, [i]), g.useEffect(() => {
|
|
556
|
+
const s = () => {
|
|
557
|
+
document.visibilityState === "visible" && c(e);
|
|
558
|
+
};
|
|
559
|
+
return document.addEventListener("visibilitychange", s), () => {
|
|
560
|
+
document.removeEventListener("visibilitychange", s);
|
|
561
|
+
};
|
|
562
|
+
}, [e]), g.useEffect(() => {
|
|
557
563
|
c(e);
|
|
558
564
|
}, [e]), {
|
|
559
565
|
isOpen: o,
|
|
@@ -567,7 +573,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
567
573
|
observe: (o, n) => {
|
|
568
574
|
e || (e = new ResizeObserver((i) => {
|
|
569
575
|
i.forEach((c) => {
|
|
570
|
-
const
|
|
576
|
+
const d = c.target, l = a.get(d);
|
|
571
577
|
l && l(c.contentRect);
|
|
572
578
|
});
|
|
573
579
|
})), o && (a.set(o, n), e.observe(o));
|
|
@@ -671,26 +677,26 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
671
677
|
height: 64
|
|
672
678
|
}
|
|
673
679
|
}, n_ = "icon", P = (e) => {
|
|
674
|
-
const
|
|
680
|
+
const s = e, {
|
|
675
681
|
source: a,
|
|
676
682
|
size: r = "medium",
|
|
677
683
|
kind: _,
|
|
678
684
|
disabled: o,
|
|
679
685
|
className: n,
|
|
680
686
|
customColor: i
|
|
681
|
-
} =
|
|
687
|
+
} = s, c = F(s, [
|
|
682
688
|
"source",
|
|
683
689
|
"size",
|
|
684
690
|
"kind",
|
|
685
691
|
"disabled",
|
|
686
692
|
"className",
|
|
687
693
|
"customColor"
|
|
688
|
-
]),
|
|
694
|
+
]), d = g.createElement(a, k(k({}, rn[r]), i ? { color: i } : {})), l = u(
|
|
689
695
|
n,
|
|
690
696
|
o_[n_],
|
|
691
697
|
_ && o_[`${n_}--${o ? "disabled--" : ""}${_}`]
|
|
692
698
|
);
|
|
693
|
-
return /* @__PURE__ */ t("span", E(k({}, c), { className: l, children:
|
|
699
|
+
return /* @__PURE__ */ t("span", E(k({}, c), { className: l, children: d }));
|
|
694
700
|
}, tt = {
|
|
695
701
|
"heading-xl": "lc-Typography-module__heading-xl___jTpRq",
|
|
696
702
|
"heading-lg": "lc-Typography-module__heading-lg___VGjgP",
|
|
@@ -722,7 +728,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
722
728
|
xs: "h5",
|
|
723
729
|
"2xs": "h6"
|
|
724
730
|
}, he = (l) => {
|
|
725
|
-
var
|
|
731
|
+
var s = l, {
|
|
726
732
|
as: e,
|
|
727
733
|
size: a = "md",
|
|
728
734
|
children: r,
|
|
@@ -731,7 +737,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
731
737
|
bold: n,
|
|
732
738
|
customColor: i,
|
|
733
739
|
textAlign: c
|
|
734
|
-
} =
|
|
740
|
+
} = s, d = F(s, [
|
|
735
741
|
"as",
|
|
736
742
|
"size",
|
|
737
743
|
"children",
|
|
@@ -753,7 +759,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
753
759
|
_
|
|
754
760
|
),
|
|
755
761
|
style: k(k({}, i && { color: i }), c && { textAlign: c })
|
|
756
|
-
},
|
|
762
|
+
}, d),
|
|
757
763
|
r
|
|
758
764
|
);
|
|
759
765
|
}, A = (v) => {
|
|
@@ -766,9 +772,9 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
766
772
|
underline: n = !1,
|
|
767
773
|
strike: i = !1,
|
|
768
774
|
children: c,
|
|
769
|
-
className:
|
|
775
|
+
className: d,
|
|
770
776
|
customColor: l,
|
|
771
|
-
textAlign:
|
|
777
|
+
textAlign: s,
|
|
772
778
|
noMargin: m
|
|
773
779
|
} = h, p = F(h, [
|
|
774
780
|
"as",
|
|
@@ -797,14 +803,14 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
797
803
|
[tt[`${b}--uppercase`]]: _ || r,
|
|
798
804
|
[tt[`${b}--no-margin`]]: m
|
|
799
805
|
},
|
|
800
|
-
|
|
806
|
+
d
|
|
801
807
|
),
|
|
802
|
-
style: k(k({}, l && { color: l }),
|
|
808
|
+
style: k(k({}, l && { color: l }), s && { textAlign: s })
|
|
803
809
|
}, p),
|
|
804
810
|
c
|
|
805
811
|
);
|
|
806
|
-
}, ls = (
|
|
807
|
-
var l =
|
|
812
|
+
}, ls = (d) => {
|
|
813
|
+
var l = d, {
|
|
808
814
|
as: e = "div",
|
|
809
815
|
size: a = "md",
|
|
810
816
|
children: r,
|
|
@@ -863,10 +869,10 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
863
869
|
closed: a,
|
|
864
870
|
isOpen: r
|
|
865
871
|
}) => {
|
|
866
|
-
const _ = g.useRef(null), o = g.useRef(null), [n, i] = g.useState(void 0), { isOpen: c, isMounted:
|
|
872
|
+
const _ = g.useRef(null), o = g.useRef(null), [n, i] = g.useState(void 0), { isOpen: c, isMounted: d } = Gt({
|
|
867
873
|
isVisible: r,
|
|
868
874
|
elementRef: _
|
|
869
|
-
}), { isOpen: l, isMounted:
|
|
875
|
+
}), { isOpen: l, isMounted: s } = Gt(
|
|
870
876
|
{
|
|
871
877
|
isVisible: !r,
|
|
872
878
|
elementRef: o
|
|
@@ -878,13 +884,13 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
878
884
|
const p = m.getBoundingClientRect().height;
|
|
879
885
|
i(p);
|
|
880
886
|
}
|
|
881
|
-
}, [r,
|
|
887
|
+
}, [r, d, s]), /* @__PURE__ */ f(
|
|
882
888
|
"div",
|
|
883
889
|
{
|
|
884
890
|
className: aa[ra],
|
|
885
891
|
style: { height: n ? `${n}px` : "auto" },
|
|
886
892
|
children: [
|
|
887
|
-
|
|
893
|
+
d && /* @__PURE__ */ t(
|
|
888
894
|
"div",
|
|
889
895
|
{
|
|
890
896
|
ref: _,
|
|
@@ -894,7 +900,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
894
900
|
children: e
|
|
895
901
|
}
|
|
896
902
|
),
|
|
897
|
-
|
|
903
|
+
s && /* @__PURE__ */ t(
|
|
898
904
|
"div",
|
|
899
905
|
{
|
|
900
906
|
ref: o,
|
|
@@ -928,8 +934,8 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
928
934
|
accordion__content: mn,
|
|
929
935
|
accordion__content__inner: pn,
|
|
930
936
|
"accordion__content__inner--open": "lc-Accordion-module__accordion__content__inner--open___BhKjm"
|
|
931
|
-
}, mt = "accordion", ss = (
|
|
932
|
-
var m =
|
|
937
|
+
}, mt = "accordion", ss = (s) => {
|
|
938
|
+
var m = s, {
|
|
933
939
|
className: e,
|
|
934
940
|
children: a,
|
|
935
941
|
label: r,
|
|
@@ -938,7 +944,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
938
944
|
openOnInit: n = !1,
|
|
939
945
|
isOpen: i,
|
|
940
946
|
onClose: c,
|
|
941
|
-
onOpen:
|
|
947
|
+
onOpen: d
|
|
942
948
|
} = m, l = F(m, [
|
|
943
949
|
"className",
|
|
944
950
|
"children",
|
|
@@ -952,7 +958,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
952
958
|
]);
|
|
953
959
|
const p = i !== void 0, v = p ? i : n, h = g.useRef(null), {
|
|
954
960
|
isOpen: b,
|
|
955
|
-
isMounted:
|
|
961
|
+
isMounted: y,
|
|
956
962
|
setShouldBeVisible: C
|
|
957
963
|
} = Gt({
|
|
958
964
|
isVisible: v,
|
|
@@ -965,7 +971,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
965
971
|
},
|
|
966
972
|
e
|
|
967
973
|
), { size: B, handleResizeRef: $ } = L_(), x = (S) => {
|
|
968
|
-
S ? (c == null || c(), !p && C(!1)) : (
|
|
974
|
+
S ? (c == null || c(), !p && C(!1)) : (d == null || d(), !p && C(!0));
|
|
969
975
|
};
|
|
970
976
|
return /* @__PURE__ */ f(
|
|
971
977
|
"div",
|
|
@@ -1006,7 +1012,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1006
1012
|
className: ut[`${mt}__content`],
|
|
1007
1013
|
style: { maxHeight: b ? B : 0 },
|
|
1008
1014
|
ref: h,
|
|
1009
|
-
children: /* @__PURE__ */ t("div", { ref: $, children:
|
|
1015
|
+
children: /* @__PURE__ */ t("div", { ref: $, children: y && /* @__PURE__ */ t(
|
|
1010
1016
|
A,
|
|
1011
1017
|
{
|
|
1012
1018
|
as: "div",
|
|
@@ -1045,7 +1051,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1045
1051
|
"action-menu__list--with-footer": "lc-ActionMenu-module__action-menu__list--with-footer___21-ar",
|
|
1046
1052
|
"action-menu__footer": "lc-ActionMenu-module__action-menu__footer___pb-RE"
|
|
1047
1053
|
}, nt = "action-menu", G_ = (b) => {
|
|
1048
|
-
var
|
|
1054
|
+
var y = b, {
|
|
1049
1055
|
className: e,
|
|
1050
1056
|
triggerClassName: a,
|
|
1051
1057
|
options: r,
|
|
@@ -1054,13 +1060,13 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1054
1060
|
openedOnInit: n = !1,
|
|
1055
1061
|
keepOpenOnClick: i,
|
|
1056
1062
|
flipOptions: c,
|
|
1057
|
-
visible:
|
|
1063
|
+
visible: d,
|
|
1058
1064
|
onClose: l,
|
|
1059
|
-
onOpen:
|
|
1065
|
+
onOpen: s,
|
|
1060
1066
|
floatingStrategy: m,
|
|
1061
1067
|
selectedOptions: p,
|
|
1062
1068
|
footer: v
|
|
1063
|
-
} =
|
|
1069
|
+
} = y, h = F(y, [
|
|
1064
1070
|
"className",
|
|
1065
1071
|
"triggerClassName",
|
|
1066
1072
|
"options",
|
|
@@ -1076,8 +1082,8 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1076
1082
|
"selectedOptions",
|
|
1077
1083
|
"footer"
|
|
1078
1084
|
]);
|
|
1079
|
-
const C =
|
|
1080
|
-
G ? (l == null || l(), !C && B(!1)) : (
|
|
1085
|
+
const C = d !== void 0, [N, B] = g.useState(n), [$, x] = g.useState(null), w = g.useRef(-1), S = lr(), I = Ba(), R = g.useRef(null), G = C ? d : N, T = () => {
|
|
1086
|
+
G ? (l == null || l(), !C && B(!1)) : (s == null || s(), !C && B(!0));
|
|
1081
1087
|
}, { x: D, y: z, strategy: ie, refs: V, context: H } = Ea({
|
|
1082
1088
|
nodeId: I,
|
|
1083
1089
|
middleware: [
|
|
@@ -1114,7 +1120,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1114
1120
|
})
|
|
1115
1121
|
}), _t = (M) => {
|
|
1116
1122
|
var W, Y;
|
|
1117
|
-
const J =
|
|
1123
|
+
const J = w.current;
|
|
1118
1124
|
let se = J + M;
|
|
1119
1125
|
for (; (W = r[se]) != null && W.disabled || (Y = r[se]) != null && Y.groupHeader; )
|
|
1120
1126
|
if (se += M, se === -1) {
|
|
@@ -1124,19 +1130,19 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1124
1130
|
return se;
|
|
1125
1131
|
}, lt = (M) => {
|
|
1126
1132
|
var W, Y;
|
|
1127
|
-
|
|
1128
|
-
const J = (W = R.current) == null ? void 0 : W.children, se = J && ((Y = J[
|
|
1133
|
+
w.current = _t(M);
|
|
1134
|
+
const J = (W = R.current) == null ? void 0 : W.children, se = J && ((Y = J[w.current]) == null ? void 0 : Y.children[0]);
|
|
1129
1135
|
return se == null ? void 0 : se.focus();
|
|
1130
1136
|
}, ze = (M) => {
|
|
1131
|
-
M.key === ke.arrowUp &&
|
|
1137
|
+
M.key === ke.arrowUp && w.current > 0 && (M.preventDefault(), lt(-1)), M.key === ke.arrowDown && w.current + 1 < r.length && (M.preventDefault(), lt(1));
|
|
1132
1138
|
};
|
|
1133
1139
|
g.useEffect(() => {
|
|
1134
1140
|
if (G)
|
|
1135
1141
|
return document.addEventListener("keydown", ze), () => document.removeEventListener("keydown", ze);
|
|
1136
|
-
|
|
1142
|
+
w.current = -1;
|
|
1137
1143
|
}, [G, ze]);
|
|
1138
1144
|
const $t = (M, J) => {
|
|
1139
|
-
|
|
1145
|
+
w.current = M, J == null || J(), !C && !i && (B(!1), l == null || l());
|
|
1140
1146
|
}, Nt = (M, J) => M.groupHeader ? /* @__PURE__ */ t(
|
|
1141
1147
|
"li",
|
|
1142
1148
|
{
|
|
@@ -1301,11 +1307,11 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1301
1307
|
a(), r == null || r(e);
|
|
1302
1308
|
}, kn = (e, a, r) => {
|
|
1303
1309
|
a(), r == null || r(e);
|
|
1304
|
-
},
|
|
1310
|
+
}, yn = (e, a) => {
|
|
1305
1311
|
const r = e == null ? void 0 : e.offsetWidth;
|
|
1306
1312
|
r && a(r);
|
|
1307
|
-
},
|
|
1308
|
-
btn:
|
|
1313
|
+
}, wn = "lc-Button-module__btn___daEdK", Cn = "lc-Button-module__btn__loader___L9GCi", $n = "lc-Button-module__btn__icon___-CG5y", Nn = "lc-Button-module__btn__content___rMx0W", de = {
|
|
1314
|
+
btn: wn,
|
|
1309
1315
|
"btn--disabled": "lc-Button-module__btn--disabled___ATZwt",
|
|
1310
1316
|
"btn--full-width": "lc-Button-module__btn--full-width___ViUNm",
|
|
1311
1317
|
"btn--xcompact": "lc-Button-module__btn--xcompact___0AZjf",
|
|
@@ -1341,8 +1347,8 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1341
1347
|
btn__content: Nn,
|
|
1342
1348
|
"btn--animated-label--expanded": "lc-Button-module__btn--animated-label--expanded___dTfmD"
|
|
1343
1349
|
}, ue = "btn", j = g.forwardRef(
|
|
1344
|
-
(
|
|
1345
|
-
var C =
|
|
1350
|
+
(y, b) => {
|
|
1351
|
+
var C = y, {
|
|
1346
1352
|
loading: e = !1,
|
|
1347
1353
|
disabled: a = !1,
|
|
1348
1354
|
type: r = "button",
|
|
@@ -1351,9 +1357,9 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1351
1357
|
size: n = "medium",
|
|
1352
1358
|
icon: i = null,
|
|
1353
1359
|
iconPosition: c = "left",
|
|
1354
|
-
loaderLabel:
|
|
1360
|
+
loaderLabel: d,
|
|
1355
1361
|
className: l,
|
|
1356
|
-
children:
|
|
1362
|
+
children: s,
|
|
1357
1363
|
href: m,
|
|
1358
1364
|
onClick: p,
|
|
1359
1365
|
animatedLabel: v
|
|
@@ -1373,7 +1379,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1373
1379
|
"onClick",
|
|
1374
1380
|
"animatedLabel"
|
|
1375
1381
|
]);
|
|
1376
|
-
const [N, B] = g.useState(0), [$, x] = g.useState(!1),
|
|
1382
|
+
const [N, B] = g.useState(0), [$, x] = g.useState(!1), w = e || a, S = !s && i, I = v && s && i, R = ["text", "link", "link-light"].includes(o), G = m ? "a" : "button", T = u(
|
|
1377
1383
|
de[ue],
|
|
1378
1384
|
de[`${ue}--${o}`],
|
|
1379
1385
|
de[`${ue}--${n}`],
|
|
@@ -1383,7 +1389,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1383
1389
|
[de[`${ue}--with-${c}-icon`]]: i && !S && !R,
|
|
1384
1390
|
[de[`${ue}--icon-only`]]: S,
|
|
1385
1391
|
[de[`${ue}--icon-only--bg`]]: S && R,
|
|
1386
|
-
[de[`${ue}--disabled`]]:
|
|
1392
|
+
[de[`${ue}--disabled`]]: w,
|
|
1387
1393
|
[de[`${ue}--animated-label`]]: I,
|
|
1388
1394
|
[de[`${ue}--animated-label--expanded`]]: I && $
|
|
1389
1395
|
},
|
|
@@ -1394,10 +1400,10 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1394
1400
|
E(k(k(k({
|
|
1395
1401
|
ref: b,
|
|
1396
1402
|
className: T,
|
|
1397
|
-
"aria-disabled":
|
|
1403
|
+
"aria-disabled": w,
|
|
1398
1404
|
type: r,
|
|
1399
|
-
disabled:
|
|
1400
|
-
}, !
|
|
1405
|
+
disabled: w
|
|
1406
|
+
}, !w && { href: m, onClick: p }), h), I && {
|
|
1401
1407
|
onMouseEnter: (D) => s_(
|
|
1402
1408
|
D,
|
|
1403
1409
|
() => x(!0),
|
|
@@ -1424,7 +1430,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1424
1430
|
k({
|
|
1425
1431
|
"data-testid": "button-loader",
|
|
1426
1432
|
size: "small",
|
|
1427
|
-
label:
|
|
1433
|
+
label: d,
|
|
1428
1434
|
className: de[`${ue}__loader`]
|
|
1429
1435
|
}, vn(o))
|
|
1430
1436
|
),
|
|
@@ -1446,7 +1452,7 @@ const os = (e) => e === "dark" ? Dt.Dark : Dt.Light, M_ = uo(void 0), ns = () =>
|
|
|
1446
1452
|
{
|
|
1447
1453
|
className: de[`${ue}__content`],
|
|
1448
1454
|
style: I ? { maxWidth: $ ? N : 0 } : void 0,
|
|
1449
|
-
children: I ? /* @__PURE__ */ t("span", { ref: (D) =>
|
|
1455
|
+
children: I ? /* @__PURE__ */ t("span", { ref: (D) => yn(D, B), children: s }) : s
|
|
1450
1456
|
}
|
|
1451
1457
|
)
|
|
1452
1458
|
]
|
|
@@ -1530,21 +1536,21 @@ const xn = (e) => {
|
|
|
1530
1536
|
kind: n,
|
|
1531
1537
|
placement: i = "bottom",
|
|
1532
1538
|
isVisible: c,
|
|
1533
|
-
fullSpaceContent:
|
|
1539
|
+
fullSpaceContent: d,
|
|
1534
1540
|
onClose: l,
|
|
1535
|
-
onOpen:
|
|
1541
|
+
onOpen: s,
|
|
1536
1542
|
withFadeAnimation: m = !0,
|
|
1537
1543
|
transitionDuration: p = 200,
|
|
1538
1544
|
hoverOnDuration: v,
|
|
1539
1545
|
hoverOffDuration: h,
|
|
1540
1546
|
transitionDelay: b = 0,
|
|
1541
|
-
hoverOnDelay:
|
|
1547
|
+
hoverOnDelay: y,
|
|
1542
1548
|
hoverOffDelay: C,
|
|
1543
1549
|
triggerOnClick: N = !1,
|
|
1544
1550
|
triggerOnHover: B = !0,
|
|
1545
1551
|
offsetMainAxis: $ = 8,
|
|
1546
1552
|
offsetCrossAxis: x = 0,
|
|
1547
|
-
referenceElement:
|
|
1553
|
+
referenceElement: w,
|
|
1548
1554
|
activationThreshold: S = 0,
|
|
1549
1555
|
useDismissHookProps: I,
|
|
1550
1556
|
useClickHookProps: R,
|
|
@@ -1561,9 +1567,9 @@ const xn = (e) => {
|
|
|
1561
1567
|
L[Ua],
|
|
1562
1568
|
a,
|
|
1563
1569
|
_t && L[`${Ua}--${_t}`],
|
|
1564
|
-
|
|
1570
|
+
d && L[`${Ua}--full-space`]
|
|
1565
1571
|
), Nt = typeof _ == "function", st = (Ve) => {
|
|
1566
|
-
Ve !== ct && (Ve ?
|
|
1572
|
+
Ve !== ct && (Ve ? s == null || s() : l == null || l(), !He && Ct(Ve));
|
|
1567
1573
|
}, M = (Ve) => m ? Ve != null ? Ve : p : 0, J = (Ve) => Ve != null ? Ve : b, {
|
|
1568
1574
|
floatingStyles: se,
|
|
1569
1575
|
refs: W,
|
|
@@ -1587,7 +1593,7 @@ const xn = (e) => {
|
|
|
1587
1593
|
move: !1,
|
|
1588
1594
|
restMs: S,
|
|
1589
1595
|
delay: {
|
|
1590
|
-
open: J(
|
|
1596
|
+
open: J(y),
|
|
1591
1597
|
close: J(C || G)
|
|
1592
1598
|
},
|
|
1593
1599
|
enabled: B,
|
|
@@ -1607,8 +1613,8 @@ const xn = (e) => {
|
|
|
1607
1613
|
fr
|
|
1608
1614
|
]);
|
|
1609
1615
|
g.useEffect(() => {
|
|
1610
|
-
|
|
1611
|
-
}, [W.setReference,
|
|
1616
|
+
w && W.setReference(w);
|
|
1617
|
+
}, [W.setReference, w]);
|
|
1612
1618
|
const Oa = /* @__PURE__ */ t(ta, { id: ze, children: br && /* @__PURE__ */ f(
|
|
1613
1619
|
"div",
|
|
1614
1620
|
E(k({
|
|
@@ -1703,11 +1709,11 @@ const xn = (e) => {
|
|
|
1703
1709
|
primaryButton: i,
|
|
1704
1710
|
secondaryButton: c
|
|
1705
1711
|
}) => {
|
|
1706
|
-
const
|
|
1712
|
+
const d = (m) => m === "invert" ? "secondary" : m === "important" ? "plain-lock-black" : "high-contrast", l = (m) => m === "invert" ? "link-inverted" : m === "important" ? "text-lock-black" : "text", s = (m, p = !0) => {
|
|
1707
1713
|
if (!m) return null;
|
|
1708
1714
|
if (g.isValidElement(m))
|
|
1709
1715
|
return m;
|
|
1710
|
-
const v = m, h = p ? v.kind ||
|
|
1716
|
+
const v = m, h = p ? v.kind || d(o) : v.kind || l(o);
|
|
1711
1717
|
return /* @__PURE__ */ t(
|
|
1712
1718
|
j,
|
|
1713
1719
|
E(k({}, v), {
|
|
@@ -1746,8 +1752,8 @@ const xn = (e) => {
|
|
|
1746
1752
|
L[`${xt}-footer--interactive`]
|
|
1747
1753
|
),
|
|
1748
1754
|
children: [
|
|
1749
|
-
|
|
1750
|
-
|
|
1755
|
+
s(i, !0),
|
|
1756
|
+
s(c, !1)
|
|
1751
1757
|
]
|
|
1752
1758
|
}
|
|
1753
1759
|
)
|
|
@@ -1779,7 +1785,7 @@ const xn = (e) => {
|
|
|
1779
1785
|
left: "0",
|
|
1780
1786
|
width: "100%",
|
|
1781
1787
|
height: `calc(100% - ${e.bottom}px)`
|
|
1782
|
-
},
|
|
1788
|
+
}, d = {
|
|
1783
1789
|
top: `${e.top}px`,
|
|
1784
1790
|
left: `${e.left}px`,
|
|
1785
1791
|
width: `${e.width}px`,
|
|
@@ -1839,19 +1845,19 @@ const xn = (e) => {
|
|
|
1839
1845
|
[L[`${fe}__overlay--visible`]]: a,
|
|
1840
1846
|
[L[`${fe}__overlay--slide`]]: r
|
|
1841
1847
|
}),
|
|
1842
|
-
style:
|
|
1848
|
+
style: d
|
|
1843
1849
|
}
|
|
1844
1850
|
)
|
|
1845
1851
|
] });
|
|
1846
1852
|
};
|
|
1847
1853
|
class Pn {
|
|
1848
1854
|
constructor(a, r) {
|
|
1849
|
-
|
|
1850
|
-
|
|
1855
|
+
wr(this, "element");
|
|
1856
|
+
wr(this, "padding");
|
|
1851
1857
|
this.element = a, this.padding = r;
|
|
1852
1858
|
}
|
|
1853
1859
|
addPadding(a) {
|
|
1854
|
-
const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, n = Math.round(a.height) + 2 * this.padding, i = _, c = r,
|
|
1860
|
+
const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, n = Math.round(a.height) + 2 * this.padding, i = _, c = r, d = i + n, l = c + o;
|
|
1855
1861
|
return {
|
|
1856
1862
|
x: r,
|
|
1857
1863
|
y: _,
|
|
@@ -1859,7 +1865,7 @@ class Pn {
|
|
|
1859
1865
|
height: n,
|
|
1860
1866
|
top: i,
|
|
1861
1867
|
left: c,
|
|
1862
|
-
bottom:
|
|
1868
|
+
bottom: d,
|
|
1863
1869
|
right: l
|
|
1864
1870
|
};
|
|
1865
1871
|
}
|
|
@@ -1881,13 +1887,13 @@ const d_ = 8, u_ = "guide-tooltip", m_ = (e, a) => new Pn(e, a), ms = (e) => {
|
|
|
1881
1887
|
shouldSlide: o = !0
|
|
1882
1888
|
} = e, [n, i] = g.useState(
|
|
1883
1889
|
null
|
|
1884
|
-
), [c,
|
|
1885
|
-
n && (
|
|
1890
|
+
), [c, d] = g.useState(null), [l, s] = g.useState(o), m = () => {
|
|
1891
|
+
n && (d(
|
|
1886
1892
|
m_(
|
|
1887
1893
|
n,
|
|
1888
1894
|
d_
|
|
1889
1895
|
).getBoundingClientRect()
|
|
1890
|
-
),
|
|
1896
|
+
), s(!1));
|
|
1891
1897
|
};
|
|
1892
1898
|
return g.useEffect(() => {
|
|
1893
1899
|
if (n !== null)
|
|
@@ -1900,12 +1906,12 @@ const d_ = 8, u_ = "guide-tooltip", m_ = (e, a) => new Pn(e, a), ms = (e) => {
|
|
|
1900
1906
|
i(p);
|
|
1901
1907
|
}
|
|
1902
1908
|
}, [r]), g.useEffect(() => {
|
|
1903
|
-
n &&
|
|
1909
|
+
n && d(
|
|
1904
1910
|
m_(
|
|
1905
1911
|
n,
|
|
1906
1912
|
d_
|
|
1907
1913
|
).getBoundingClientRect()
|
|
1908
|
-
),
|
|
1914
|
+
), s(!0);
|
|
1909
1915
|
}, [n]), n && _ && c ? /* @__PURE__ */ f(ea, { children: [
|
|
1910
1916
|
/* @__PURE__ */ t(
|
|
1911
1917
|
Dn,
|
|
@@ -2033,28 +2039,28 @@ const d_ = 8, u_ = "guide-tooltip", m_ = (e, a) => new Pn(e, a), ms = (e) => {
|
|
|
2033
2039
|
vertical: n,
|
|
2034
2040
|
menuFooter: i
|
|
2035
2041
|
}) => {
|
|
2036
|
-
const [c,
|
|
2042
|
+
const [c, d] = g.useState(
|
|
2037
2043
|
_.length
|
|
2038
|
-
), [l,
|
|
2044
|
+
), [l, s] = g.useState([]), [m, p] = g.useState(!1), v = r === "scroll", h = u(
|
|
2039
2045
|
Q[Ha],
|
|
2040
2046
|
e,
|
|
2041
2047
|
n && Q[`${Ha}--vertical`]
|
|
2042
2048
|
), b = !v && l.length !== 0;
|
|
2043
2049
|
g.useEffect(() => {
|
|
2044
|
-
v || (_.length > c ?
|
|
2050
|
+
v || (_.length > c ? s(_.slice(c, _.length)) : s([]));
|
|
2045
2051
|
}, [_, c]), g.useEffect(() => {
|
|
2046
2052
|
const N = !!window.ResizeObserver;
|
|
2047
2053
|
if (!v && N) {
|
|
2048
2054
|
const B = new ResizeObserver(($) => {
|
|
2049
|
-
const { width: x, height:
|
|
2055
|
+
const { width: x, height: w } = $[0].contentRect, S = n ? w : x, I = l.length > 0 ? 60 : 0, R = Math.floor(
|
|
2050
2056
|
(S - I) / Rn
|
|
2051
2057
|
);
|
|
2052
|
-
R >= 0 && R !== c &&
|
|
2058
|
+
R >= 0 && R !== c && d(R);
|
|
2053
2059
|
});
|
|
2054
2060
|
return B.observe(document.querySelector(`#${a}`)), () => B.disconnect();
|
|
2055
2061
|
}
|
|
2056
2062
|
}, [l, v, c]);
|
|
2057
|
-
const
|
|
2063
|
+
const y = g.useCallback(() => l.reduce(
|
|
2058
2064
|
(N, B) => {
|
|
2059
2065
|
if (!B.hideInMenu) {
|
|
2060
2066
|
const $ = {
|
|
@@ -2102,7 +2108,7 @@ const d_ = 8, u_ = "guide-tooltip", m_ = (e, a) => new Pn(e, a), ms = (e) => {
|
|
|
2102
2108
|
onClose: () => p(!1),
|
|
2103
2109
|
floatingStrategy: "fixed",
|
|
2104
2110
|
placement: n ? "left-start" : "bottom-end",
|
|
2105
|
-
options:
|
|
2111
|
+
options: y(),
|
|
2106
2112
|
triggerClassName: u(
|
|
2107
2113
|
n && Q[`${pt}__trigger-vertical`]
|
|
2108
2114
|
),
|
|
@@ -2159,7 +2165,7 @@ const d_ = 8, u_ = "guide-tooltip", m_ = (e, a) => new Pn(e, a), ms = (e) => {
|
|
|
2159
2165
|
}) => {
|
|
2160
2166
|
const i = u(Wt[Pt], e), c = (l) => {
|
|
2161
2167
|
l.currentTarget === document.activeElement && (n == null || n());
|
|
2162
|
-
},
|
|
2168
|
+
}, d = (l) => {
|
|
2163
2169
|
l.currentTarget === document.activeElement && (l.key === "Enter" || l.key === " " || l.key === "Spacebar" || l.key === "Space") && (l.preventDefault(), n == null || n());
|
|
2164
2170
|
};
|
|
2165
2171
|
return /* @__PURE__ */ t("div", { className: Wt["main-wrapper"], children: /* @__PURE__ */ f(
|
|
@@ -2170,7 +2176,7 @@ const d_ = 8, u_ = "guide-tooltip", m_ = (e, a) => new Pn(e, a), ms = (e) => {
|
|
|
2170
2176
|
tabIndex: 0,
|
|
2171
2177
|
className: i,
|
|
2172
2178
|
onClick: c,
|
|
2173
|
-
onKeyDown:
|
|
2179
|
+
onKeyDown: d,
|
|
2174
2180
|
children: [
|
|
2175
2181
|
/* @__PURE__ */ t(
|
|
2176
2182
|
"div",
|
|
@@ -2233,14 +2239,14 @@ const d_ = 8, u_ = "guide-tooltip", m_ = (e, a) => new Pn(e, a), ms = (e) => {
|
|
|
2233
2239
|
kind: "error"
|
|
2234
2240
|
}
|
|
2235
2241
|
}, Fe = "alert", fs = (c) => {
|
|
2236
|
-
var
|
|
2242
|
+
var d = c, {
|
|
2237
2243
|
children: e,
|
|
2238
2244
|
className: a,
|
|
2239
2245
|
primaryButton: r,
|
|
2240
2246
|
secondaryButton: _,
|
|
2241
2247
|
kind: o = "info",
|
|
2242
2248
|
onClose: n
|
|
2243
|
-
} =
|
|
2249
|
+
} = d, i = F(d, [
|
|
2244
2250
|
"children",
|
|
2245
2251
|
"className",
|
|
2246
2252
|
"primaryButton",
|
|
@@ -2248,12 +2254,12 @@ const d_ = 8, u_ = "guide-tooltip", m_ = (e, a) => new Pn(e, a), ms = (e) => {
|
|
|
2248
2254
|
"kind",
|
|
2249
2255
|
"onClose"
|
|
2250
2256
|
]);
|
|
2251
|
-
const l = g.useRef(null), [
|
|
2257
|
+
const l = g.useRef(null), [s, m] = g.useState(null), p = u(
|
|
2252
2258
|
Pe[Fe],
|
|
2253
2259
|
Pe[`${Fe}--${o}`],
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2260
|
+
s === "large" && Pe[`${Fe}--large`],
|
|
2261
|
+
s === "medium" && Pe[`${Fe}--medium`],
|
|
2262
|
+
s === "small" && Pe[`${Fe}--small`],
|
|
2257
2263
|
a
|
|
2258
2264
|
);
|
|
2259
2265
|
return g.useEffect(() => {
|
|
@@ -2339,13 +2345,13 @@ const d_ = 8, u_ = "guide-tooltip", m_ = (e, a) => new Pn(e, a), ms = (e) => {
|
|
|
2339
2345
|
sideNavigation: n,
|
|
2340
2346
|
topBar: i,
|
|
2341
2347
|
topBarClassName: c,
|
|
2342
|
-
sideNavigationContainerClassName:
|
|
2348
|
+
sideNavigationContainerClassName: d,
|
|
2343
2349
|
contentClassName: l
|
|
2344
|
-
} = e,
|
|
2350
|
+
} = e, s = u(Re[V_], r), {
|
|
2345
2351
|
isSideNavigationVisible: m,
|
|
2346
2352
|
setIsMobileViewEnabled: p,
|
|
2347
2353
|
isMobileViewEnabled: v
|
|
2348
|
-
} = Xr(), h = g.useRef(null), { isOpen: b, isMounted:
|
|
2354
|
+
} = Xr(), h = g.useRef(null), { isOpen: b, isMounted: y } = Gt({
|
|
2349
2355
|
isVisible: m,
|
|
2350
2356
|
elementRef: h
|
|
2351
2357
|
}), { isMobile: C, handleResizeRef: N } = tn({
|
|
@@ -2353,7 +2359,7 @@ const d_ = 8, u_ = "guide-tooltip", m_ = (e, a) => new Pn(e, a), ms = (e) => {
|
|
|
2353
2359
|
});
|
|
2354
2360
|
return g.useEffect(() => {
|
|
2355
2361
|
p(C);
|
|
2356
|
-
}, [C]), /* @__PURE__ */ f("div", { className:
|
|
2362
|
+
}, [C]), /* @__PURE__ */ f("div", { className: s, ref: N, children: [
|
|
2357
2363
|
!v && _,
|
|
2358
2364
|
/* @__PURE__ */ f(
|
|
2359
2365
|
"div",
|
|
@@ -2389,12 +2395,12 @@ const d_ = 8, u_ = "guide-tooltip", m_ = (e, a) => new Pn(e, a), ms = (e) => {
|
|
|
2389
2395
|
className: u(
|
|
2390
2396
|
Re[`${We}__content-wrapper__nav-bar-wrapper`],
|
|
2391
2397
|
"lc-dark-theme",
|
|
2392
|
-
|
|
2398
|
+
d,
|
|
2393
2399
|
{
|
|
2394
2400
|
[Re[`${We}__content-wrapper__nav-bar-wrapper--open`]]: b
|
|
2395
2401
|
}
|
|
2396
2402
|
),
|
|
2397
|
-
children:
|
|
2403
|
+
children: y && n
|
|
2398
2404
|
}
|
|
2399
2405
|
),
|
|
2400
2406
|
v && /* @__PURE__ */ t(
|
|
@@ -2494,9 +2500,9 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
|
|
|
2494
2500
|
rightNode: n,
|
|
2495
2501
|
onClick: i,
|
|
2496
2502
|
isActive: c,
|
|
2497
|
-
isMainEntry:
|
|
2503
|
+
isMainEntry: d,
|
|
2498
2504
|
onItemHover: l,
|
|
2499
|
-
isIconHidden:
|
|
2505
|
+
isIconHidden: s
|
|
2500
2506
|
} = v, m = F(v, [
|
|
2501
2507
|
"leftNode",
|
|
2502
2508
|
"shouldKeepIconSpace",
|
|
@@ -2512,7 +2518,7 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
|
|
|
2512
2518
|
]);
|
|
2513
2519
|
const h = typeof _ == "string", b = (C) => {
|
|
2514
2520
|
C.preventDefault(), i == null || i();
|
|
2515
|
-
},
|
|
2521
|
+
}, y = (C) => {
|
|
2516
2522
|
C.key === "Enter" && (C.preventDefault(), i == null || i());
|
|
2517
2523
|
};
|
|
2518
2524
|
return /* @__PURE__ */ t(
|
|
@@ -2528,12 +2534,12 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
|
|
|
2528
2534
|
tabIndex: 0,
|
|
2529
2535
|
className: u(Me[`${Oe}__anchor`], {
|
|
2530
2536
|
[Me[`${Oe}__anchor--active`]]: c,
|
|
2531
|
-
[Me[`${Oe}__anchor--main-entry`]]:
|
|
2532
|
-
[Me[`${Oe}__anchor--icon-hidden`]]:
|
|
2537
|
+
[Me[`${Oe}__anchor--main-entry`]]: d,
|
|
2538
|
+
[Me[`${Oe}__anchor--icon-hidden`]]: s
|
|
2533
2539
|
}),
|
|
2534
2540
|
href: r,
|
|
2535
2541
|
onClick: b,
|
|
2536
|
-
onKeyDown:
|
|
2542
|
+
onKeyDown: y,
|
|
2537
2543
|
onMouseEnter: l || Sa,
|
|
2538
2544
|
onFocus: l || Sa,
|
|
2539
2545
|
children: [
|
|
@@ -2541,7 +2547,7 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
|
|
|
2541
2547
|
"span",
|
|
2542
2548
|
{
|
|
2543
2549
|
className: u(Me[`${Oe}__left-node`], {
|
|
2544
|
-
[Me[`${Oe}__left-node--active`]]: c ||
|
|
2550
|
+
[Me[`${Oe}__left-node--active`]]: c || d
|
|
2545
2551
|
}),
|
|
2546
2552
|
"data-testid": qn,
|
|
2547
2553
|
children: e
|
|
@@ -2550,9 +2556,9 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
|
|
|
2550
2556
|
h ? /* @__PURE__ */ t(
|
|
2551
2557
|
A,
|
|
2552
2558
|
{
|
|
2553
|
-
bold: c ||
|
|
2559
|
+
bold: c || d,
|
|
2554
2560
|
className: u(Me[`${Oe}__label`], {
|
|
2555
|
-
[Me[`${Oe}__label--active`]]: c ||
|
|
2561
|
+
[Me[`${Oe}__label--active`]]: c || d
|
|
2556
2562
|
}),
|
|
2557
2563
|
children: _
|
|
2558
2564
|
}
|
|
@@ -2560,7 +2566,7 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
|
|
|
2560
2566
|
"span",
|
|
2561
2567
|
{
|
|
2562
2568
|
className: u(Me[`${Oe}__custom-label`], {
|
|
2563
|
-
[Me[`${Oe}__custom-label--active`]]: c ||
|
|
2569
|
+
[Me[`${Oe}__custom-label--active`]]: c || d
|
|
2564
2570
|
}),
|
|
2565
2571
|
children: _
|
|
2566
2572
|
}
|
|
@@ -2589,10 +2595,10 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
|
|
|
2589
2595
|
onItemHover: n,
|
|
2590
2596
|
shouldOpenOnInit: i = !1
|
|
2591
2597
|
}) => {
|
|
2592
|
-
const [c,
|
|
2598
|
+
const [c, d] = g.useState(!1), [l, s] = g.useState(0), m = g.useRef(!1), p = g.useRef(null), { isOpen: v, isMounted: h, setShouldBeVisible: b } = Gt({
|
|
2593
2599
|
isVisible: !o || i,
|
|
2594
2600
|
elementRef: p
|
|
2595
|
-
}),
|
|
2601
|
+
}), y = typeof a == "function" ? a(v) : a, C = typeof e == "function" ? e(v) : e, N = () => b(!0), B = () => {
|
|
2596
2602
|
o && b(($) => !$);
|
|
2597
2603
|
};
|
|
2598
2604
|
return g.useEffect(() => {
|
|
@@ -2604,9 +2610,9 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
|
|
|
2604
2610
|
return (I = S.props) == null ? void 0 : I.isActive;
|
|
2605
2611
|
}
|
|
2606
2612
|
));
|
|
2607
|
-
|
|
2608
|
-
const
|
|
2609
|
-
|
|
2613
|
+
d(x);
|
|
2614
|
+
const w = (($ == null ? void 0 : $.length) || 0) * Qn;
|
|
2615
|
+
s(w);
|
|
2610
2616
|
}, [_]), g.useEffect(() => {
|
|
2611
2617
|
!m.current && c && N(), m.current = c;
|
|
2612
2618
|
}, [c, m.current, i]), /* @__PURE__ */ f("div", { "data-testid": "side-navigation-group", className: Bt[Et], children: [
|
|
@@ -2626,7 +2632,7 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
|
|
|
2626
2632
|
isMainEntry: !0,
|
|
2627
2633
|
onClick: B,
|
|
2628
2634
|
onItemHover: n,
|
|
2629
|
-
rightNode:
|
|
2635
|
+
rightNode: y
|
|
2630
2636
|
}
|
|
2631
2637
|
) : /* @__PURE__ */ t(
|
|
2632
2638
|
A,
|
|
@@ -2655,7 +2661,7 @@ const Xn = "side-navigation-item-test-id", Zn = "side-navigation-active-item-tes
|
|
|
2655
2661
|
}, p_ = {
|
|
2656
2662
|
"navigation-group": "lc-NavigationGroup-module__navigation-group___61JTX",
|
|
2657
2663
|
"navigation-group--scrollable": "lc-NavigationGroup-module__navigation-group--scrollable___BL8-e"
|
|
2658
|
-
}, g_ = "navigation-group",
|
|
2664
|
+
}, g_ = "navigation-group", ys = (o) => {
|
|
2659
2665
|
var n = o, {
|
|
2660
2666
|
children: e,
|
|
2661
2667
|
className: a,
|
|
@@ -2693,14 +2699,14 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
|
|
|
2693
2699
|
"badge--secondary": "lc-Badge-module__badge--secondary___mAh3w",
|
|
2694
2700
|
"badge--tertiary": "lc-Badge-module__badge--tertiary___rFqKw"
|
|
2695
2701
|
}, Va = "badge", rr = (c) => {
|
|
2696
|
-
var
|
|
2702
|
+
var d = c, {
|
|
2697
2703
|
className: e,
|
|
2698
2704
|
count: a = 0,
|
|
2699
2705
|
max: r = 99,
|
|
2700
2706
|
kind: _ = "primary",
|
|
2701
2707
|
size: o = "medium",
|
|
2702
2708
|
type: n = "counter"
|
|
2703
|
-
} =
|
|
2709
|
+
} = d, i = F(d, [
|
|
2704
2710
|
"className",
|
|
2705
2711
|
"count",
|
|
2706
2712
|
"max",
|
|
@@ -2713,12 +2719,12 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
|
|
|
2713
2719
|
za[Va],
|
|
2714
2720
|
za[`${Va}--${_}`],
|
|
2715
2721
|
za[`${Va}--${o}`]
|
|
2716
|
-
),
|
|
2722
|
+
), s = {
|
|
2717
2723
|
counter: Jn(a, r),
|
|
2718
2724
|
alert: "!",
|
|
2719
2725
|
dot: /* @__PURE__ */ t("span", { "data-testid": "badge-dot", className: za[`${Va}__dot`] })
|
|
2720
2726
|
}[n];
|
|
2721
|
-
return /* @__PURE__ */ t("span", E(k({ className: l }, i), { children:
|
|
2727
|
+
return /* @__PURE__ */ t("span", E(k({ className: l }, i), { children: s }));
|
|
2722
2728
|
}, kt = {
|
|
2723
2729
|
"navigation-item": "lc-NavigationItem-module__navigation-item___KVL3Y",
|
|
2724
2730
|
"navigation-item--disabled": "lc-NavigationItem-module__navigation-item--disabled___VY8pA",
|
|
@@ -2728,11 +2734,11 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
|
|
|
2728
2734
|
"navigation-item__button--active": "lc-NavigationItem-module__navigation-item__button--active___zsO2E",
|
|
2729
2735
|
"navigation-item__button--opacity": "lc-NavigationItem-module__navigation-item__button--opacity___buZjS",
|
|
2730
2736
|
"navigation-item__button--mobile": "lc-NavigationItem-module__navigation-item__button--mobile___GqQwP"
|
|
2731
|
-
},
|
|
2737
|
+
}, yt = "navigation-item", ai = (e, a) => typeof e == "number" ? /* @__PURE__ */ t(
|
|
2732
2738
|
rr,
|
|
2733
2739
|
{
|
|
2734
2740
|
"data-testid": `${a}-badge-count`,
|
|
2735
|
-
className: kt[`${
|
|
2741
|
+
className: kt[`${yt}__badge`],
|
|
2736
2742
|
size: "compact",
|
|
2737
2743
|
count: e
|
|
2738
2744
|
}
|
|
@@ -2740,11 +2746,11 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
|
|
|
2740
2746
|
rr,
|
|
2741
2747
|
{
|
|
2742
2748
|
"data-testid": `${a}-badge`,
|
|
2743
|
-
className: kt[`${
|
|
2749
|
+
className: kt[`${yt}__badge`],
|
|
2744
2750
|
size: "compact",
|
|
2745
2751
|
type: e
|
|
2746
2752
|
}
|
|
2747
|
-
),
|
|
2753
|
+
), ws = (m) => {
|
|
2748
2754
|
var p = m, {
|
|
2749
2755
|
id: e,
|
|
2750
2756
|
label: a,
|
|
@@ -2754,9 +2760,9 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
|
|
|
2754
2760
|
disabled: n = !1,
|
|
2755
2761
|
badge: i,
|
|
2756
2762
|
isActive: c,
|
|
2757
|
-
onClick:
|
|
2763
|
+
onClick: d,
|
|
2758
2764
|
className: l
|
|
2759
|
-
} = p,
|
|
2765
|
+
} = p, s = F(p, [
|
|
2760
2766
|
"id",
|
|
2761
2767
|
"label",
|
|
2762
2768
|
"icon",
|
|
@@ -2773,9 +2779,9 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
|
|
|
2773
2779
|
"li",
|
|
2774
2780
|
{
|
|
2775
2781
|
className: u(
|
|
2776
|
-
kt[
|
|
2782
|
+
kt[yt],
|
|
2777
2783
|
{
|
|
2778
|
-
[kt[`${
|
|
2784
|
+
[kt[`${yt}--disabled`]]: n
|
|
2779
2785
|
},
|
|
2780
2786
|
l
|
|
2781
2787
|
),
|
|
@@ -2800,18 +2806,18 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
|
|
|
2800
2806
|
tabIndex: n ? -1 : 0,
|
|
2801
2807
|
"aria-label": a,
|
|
2802
2808
|
className: u(
|
|
2803
|
-
kt[`${
|
|
2809
|
+
kt[`${yt}__button`],
|
|
2804
2810
|
{
|
|
2805
|
-
[kt[`${
|
|
2806
|
-
[kt[`${
|
|
2807
|
-
[kt[`${
|
|
2808
|
-
[kt[`${
|
|
2811
|
+
[kt[`${yt}__button--active`]]: c,
|
|
2812
|
+
[kt[`${yt}__button--opacity`]]: o,
|
|
2813
|
+
[kt[`${yt}__button--disabled`]]: n,
|
|
2814
|
+
[kt[`${yt}__button--mobile`]]: v
|
|
2809
2815
|
},
|
|
2810
2816
|
"lc-dark-theme"
|
|
2811
2817
|
),
|
|
2812
|
-
onClick: (h) => !n &&
|
|
2818
|
+
onClick: (h) => !n && d(h, e),
|
|
2813
2819
|
href: _
|
|
2814
|
-
},
|
|
2820
|
+
}, s), {
|
|
2815
2821
|
children: [
|
|
2816
2822
|
r,
|
|
2817
2823
|
v && a
|
|
@@ -2882,16 +2888,16 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
|
|
|
2882
2888
|
secondaryCta: n,
|
|
2883
2889
|
isVisible: i = !0
|
|
2884
2890
|
}) => {
|
|
2885
|
-
const [c,
|
|
2891
|
+
const [c, d] = g.useState(!1), l = g.useRef(null), { isMounted: s, isOpen: m } = Gt({
|
|
2886
2892
|
isVisible: i,
|
|
2887
2893
|
elementRef: l
|
|
2888
2894
|
}), p = g.useCallback(
|
|
2889
2895
|
(B) => Zr(
|
|
2890
2896
|
B,
|
|
2891
|
-
($) =>
|
|
2897
|
+
($) => d($.width < Kn)
|
|
2892
2898
|
),
|
|
2893
2899
|
[]
|
|
2894
|
-
), v = a === "warning" ? "link-inverted" : "text", h = a === "warning" ? "plain-lock-black" : "high-contrast", b = o == null ? void 0 : o.kind,
|
|
2900
|
+
), v = a === "warning" ? "link-inverted" : "text", h = a === "warning" ? "plain-lock-black" : "high-contrast", b = o == null ? void 0 : o.kind, y = n == null ? void 0 : n.kind, C = o || n ? /* @__PURE__ */ f("div", { className: Qe[`${It}__cta-wrapper`], children: [
|
|
2895
2901
|
o && /* @__PURE__ */ t(
|
|
2896
2902
|
j,
|
|
2897
2903
|
E(k({
|
|
@@ -2906,7 +2912,7 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
|
|
|
2906
2912
|
E(k({
|
|
2907
2913
|
size: "compact"
|
|
2908
2914
|
}, n), {
|
|
2909
|
-
kind: c ? v :
|
|
2915
|
+
kind: c ? v : y || h,
|
|
2910
2916
|
children: n.label
|
|
2911
2917
|
})
|
|
2912
2918
|
)
|
|
@@ -2924,7 +2930,7 @@ const ei = "lc-Badge-module__badge___ZbEBU", ti = "lc-Badge-module__badge__dot__
|
|
|
2924
2930
|
})
|
|
2925
2931
|
)
|
|
2926
2932
|
] });
|
|
2927
|
-
return /* @__PURE__ */ t(ne, { children:
|
|
2933
|
+
return /* @__PURE__ */ t(ne, { children: s && /* @__PURE__ */ t("div", { ref: p, children: /* @__PURE__ */ t(
|
|
2928
2934
|
"div",
|
|
2929
2935
|
{
|
|
2930
2936
|
className: u(
|
|
@@ -2984,7 +2990,7 @@ const Wa = {
|
|
|
2984
2990
|
E(k({
|
|
2985
2991
|
tabIndex: 0,
|
|
2986
2992
|
href: r,
|
|
2987
|
-
onClick: (
|
|
2993
|
+
onClick: (d) => _(d, e),
|
|
2988
2994
|
className: Wa[`${Ka}__button`]
|
|
2989
2995
|
}, n), {
|
|
2990
2996
|
children: [
|
|
@@ -3029,8 +3035,8 @@ const Wa = {
|
|
|
3029
3035
|
}
|
|
3030
3036
|
)
|
|
3031
3037
|
}), di = g.forwardRef(
|
|
3032
|
-
(
|
|
3033
|
-
var l =
|
|
3038
|
+
(d, c) => {
|
|
3039
|
+
var l = d, {
|
|
3034
3040
|
inputSize: e = "medium",
|
|
3035
3041
|
error: a = !1,
|
|
3036
3042
|
disabled: r,
|
|
@@ -3045,9 +3051,9 @@ const Wa = {
|
|
|
3045
3051
|
"className",
|
|
3046
3052
|
"cropOnBlur"
|
|
3047
3053
|
]);
|
|
3048
|
-
const
|
|
3049
|
-
g.useImperativeHandle(c, () =>
|
|
3050
|
-
const [m, p] = g.useState(!1), [v, h] = g.useState(!1), { type: b, onFocus:
|
|
3054
|
+
const s = g.useRef(null);
|
|
3055
|
+
g.useImperativeHandle(c, () => s.current, []);
|
|
3056
|
+
const [m, p] = g.useState(!1), [v, h] = g.useState(!1), { type: b, onFocus: y, onBlur: C } = i, N = u(
|
|
3051
3057
|
o,
|
|
3052
3058
|
Je[et],
|
|
3053
3059
|
Je[`${et}--${e}`],
|
|
@@ -3058,7 +3064,7 @@ const Wa = {
|
|
|
3058
3064
|
[Je[`${et}--crop`]]: n,
|
|
3059
3065
|
[Je[`${et}--read-only`]]: i.readOnly
|
|
3060
3066
|
}
|
|
3061
|
-
), B = r ? "var(--content-disabled)" : "var(--content-default)", $ = v ? ho : fo, x = _ && _.place === "left",
|
|
3067
|
+
), B = r ? "var(--content-disabled)" : "var(--content-default)", $ = v ? ho : fo, x = _ && _.place === "left", w = _ && b !== "password" && _.place === "right";
|
|
3062
3068
|
return /* @__PURE__ */ f(
|
|
3063
3069
|
A,
|
|
3064
3070
|
{
|
|
@@ -3068,16 +3074,16 @@ const Wa = {
|
|
|
3068
3074
|
"tab-index": "0",
|
|
3069
3075
|
onClick: () => {
|
|
3070
3076
|
var I;
|
|
3071
|
-
(I =
|
|
3077
|
+
(I = s.current) == null || I.focus();
|
|
3072
3078
|
},
|
|
3073
3079
|
children: [
|
|
3074
3080
|
x && h_(_, r),
|
|
3075
3081
|
/* @__PURE__ */ t(
|
|
3076
3082
|
"input",
|
|
3077
3083
|
E(k({}, i), {
|
|
3078
|
-
ref:
|
|
3084
|
+
ref: s,
|
|
3079
3085
|
onFocus: (I) => {
|
|
3080
|
-
p(!0),
|
|
3086
|
+
p(!0), y == null || y(I);
|
|
3081
3087
|
},
|
|
3082
3088
|
onBlur: (I) => {
|
|
3083
3089
|
p(!1), C == null || C(I);
|
|
@@ -3086,7 +3092,7 @@ const Wa = {
|
|
|
3086
3092
|
type: b && !v ? b : "text"
|
|
3087
3093
|
})
|
|
3088
3094
|
),
|
|
3089
|
-
|
|
3095
|
+
w && h_(_, r),
|
|
3090
3096
|
b === "password" && /* @__PURE__ */ t(
|
|
3091
3097
|
j,
|
|
3092
3098
|
{
|
|
@@ -3123,19 +3129,19 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3123
3129
|
var o = _, { children: e, className: a = "" } = o, r = F(o, ["children", "className"]);
|
|
3124
3130
|
const n = u(gi[hi], a);
|
|
3125
3131
|
return /* @__PURE__ */ t(A, E(k({ as: "span", size: "sm" }, r), { className: n, children: e }));
|
|
3126
|
-
}, fi = "lc-Checkbox-module__checkbox___D0D4S", bi = "lc-Checkbox-module__checkbox__label___I472A", vi = "lc-Checkbox-module__checkbox__text___Ex7K1", ki = "lc-Checkbox-module__checkbox__input___3krUF",
|
|
3132
|
+
}, fi = "lc-Checkbox-module__checkbox___D0D4S", bi = "lc-Checkbox-module__checkbox__label___I472A", vi = "lc-Checkbox-module__checkbox__text___Ex7K1", ki = "lc-Checkbox-module__checkbox__input___3krUF", yi = "lc-Checkbox-module__checkbox__checkmark___eZIG1", wi = "lc-Checkbox-module__checkbox__square___yjtrH", Ci = "lc-Checkbox-module__checkbox__helper___hwxAV", Ft = {
|
|
3127
3133
|
checkbox: fi,
|
|
3128
3134
|
checkbox__label: bi,
|
|
3129
3135
|
checkbox__text: vi,
|
|
3130
3136
|
checkbox__input: ki,
|
|
3131
|
-
checkbox__checkmark:
|
|
3137
|
+
checkbox__checkmark: yi,
|
|
3132
3138
|
"checkbox--selected": "lc-Checkbox-module__checkbox--selected___pU3Xh",
|
|
3133
|
-
checkbox__square:
|
|
3139
|
+
checkbox__square: wi,
|
|
3134
3140
|
"checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___kRNDo",
|
|
3135
3141
|
checkbox__helper: Ci
|
|
3136
3142
|
}, Rt = "checkbox", $i = g.forwardRef(
|
|
3137
3143
|
(c, i) => {
|
|
3138
|
-
var
|
|
3144
|
+
var d = c, { checked: e, disabled: a, children: r, description: _, className: o } = d, n = F(d, ["checked", "disabled", "children", "description", "className"]);
|
|
3139
3145
|
return /* @__PURE__ */ f(
|
|
3140
3146
|
"div",
|
|
3141
3147
|
{
|
|
@@ -3162,7 +3168,7 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3162
3168
|
}
|
|
3163
3169
|
);
|
|
3164
3170
|
}
|
|
3165
|
-
),
|
|
3171
|
+
), ye = {
|
|
3166
3172
|
"item-wrapper": "lc-PickerListItem-module__item-wrapper___xIByl",
|
|
3167
3173
|
"item-wrapper__first": "lc-PickerListItem-module__item-wrapper__first___qcOML",
|
|
3168
3174
|
"item-wrapper__last": "lc-PickerListItem-module__item-wrapper__last___Ac2Y-",
|
|
@@ -3187,45 +3193,45 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3187
3193
|
item: i,
|
|
3188
3194
|
numberOfItems: c
|
|
3189
3195
|
}) => {
|
|
3190
|
-
const
|
|
3196
|
+
const d = (s) => {
|
|
3191
3197
|
var m;
|
|
3192
|
-
return (m =
|
|
3193
|
-
|
|
3198
|
+
return (m = s == null ? void 0 : s.customElement) != null && m.listItemBody ? /* @__PURE__ */ t("div", { className: ye[`${Ke}__custom`], children: s.customElement.listItemBody }) : /* @__PURE__ */ f(ne, { children: [
|
|
3199
|
+
s.showCheckbox && /* @__PURE__ */ t(
|
|
3194
3200
|
$i,
|
|
3195
3201
|
{
|
|
3196
|
-
className:
|
|
3202
|
+
className: ye[`${Ke}__checkbox`],
|
|
3197
3203
|
checked: r
|
|
3198
3204
|
}
|
|
3199
3205
|
),
|
|
3200
|
-
|
|
3206
|
+
s.icon && /* @__PURE__ */ t(
|
|
3201
3207
|
P,
|
|
3202
3208
|
{
|
|
3203
|
-
className:
|
|
3209
|
+
className: ye[`${Ke}__icon`],
|
|
3204
3210
|
kind: "link",
|
|
3205
|
-
source:
|
|
3211
|
+
source: s.icon
|
|
3206
3212
|
}
|
|
3207
3213
|
),
|
|
3208
|
-
|
|
3214
|
+
s.avatarSrc && /* @__PURE__ */ t(
|
|
3209
3215
|
"img",
|
|
3210
3216
|
{
|
|
3211
|
-
className: u(
|
|
3212
|
-
src:
|
|
3213
|
-
alt:
|
|
3217
|
+
className: u(ye[`${Ke}__avatar`]),
|
|
3218
|
+
src: s.avatarSrc,
|
|
3219
|
+
alt: s.name
|
|
3214
3220
|
}
|
|
3215
3221
|
),
|
|
3216
|
-
/* @__PURE__ */ f("div", { className:
|
|
3222
|
+
/* @__PURE__ */ f("div", { className: ye[`${Ke}__label-container`], children: [
|
|
3217
3223
|
/* @__PURE__ */ t(
|
|
3218
3224
|
A,
|
|
3219
3225
|
{
|
|
3220
3226
|
as: "span",
|
|
3221
|
-
className: u([
|
|
3222
|
-
[
|
|
3227
|
+
className: u([ye[`${Ke}__label`]], {
|
|
3228
|
+
[ye[`${Ke}__main-label`]]: s.secondaryText
|
|
3223
3229
|
}),
|
|
3224
|
-
"aria-disabled":
|
|
3225
|
-
children:
|
|
3230
|
+
"aria-disabled": s.disabled,
|
|
3231
|
+
children: s.name
|
|
3226
3232
|
}
|
|
3227
3233
|
),
|
|
3228
|
-
|
|
3234
|
+
s.secondaryText && /* @__PURE__ */ t("span", { className: ye[`${Ke}__secondary-label`], children: s.secondaryText })
|
|
3229
3235
|
] })
|
|
3230
3236
|
] });
|
|
3231
3237
|
};
|
|
@@ -3235,22 +3241,22 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3235
3241
|
E(k({
|
|
3236
3242
|
id: `item-${e}`,
|
|
3237
3243
|
role: "group",
|
|
3238
|
-
className:
|
|
3244
|
+
className: ye[`${Ke}__header`]
|
|
3239
3245
|
}, n()), {
|
|
3240
3246
|
children: /* @__PURE__ */ t(he, { size: "2xs", uppercase: !0, bold: !0, as: "div", children: i.name })
|
|
3241
3247
|
}),
|
|
3242
3248
|
i.key
|
|
3243
3249
|
);
|
|
3244
|
-
const l = (
|
|
3245
|
-
!i.disabled && o(
|
|
3250
|
+
const l = (s) => {
|
|
3251
|
+
!i.disabled && o(s);
|
|
3246
3252
|
};
|
|
3247
3253
|
return /* @__PURE__ */ t(
|
|
3248
3254
|
"div",
|
|
3249
3255
|
E(k({
|
|
3250
3256
|
id: i.key,
|
|
3251
3257
|
tabIndex: a ? 0 : -1,
|
|
3252
|
-
ref: (
|
|
3253
|
-
|
|
3258
|
+
ref: (s) => {
|
|
3259
|
+
s && (_.current[e] = s);
|
|
3254
3260
|
},
|
|
3255
3261
|
role: "option",
|
|
3256
3262
|
"aria-setsize": c,
|
|
@@ -3258,9 +3264,9 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3258
3264
|
}, n({
|
|
3259
3265
|
onClick: () => l(i.key)
|
|
3260
3266
|
})), {
|
|
3261
|
-
className: u(
|
|
3262
|
-
[
|
|
3263
|
-
[
|
|
3267
|
+
className: u(ye["item-wrapper"], {
|
|
3268
|
+
[ye["item-wrapper__first"]]: e === 0 && !i.groupHeader,
|
|
3269
|
+
[ye["item-wrapper__last"]]: e === c - 1 && !i.groupHeader
|
|
3264
3270
|
}),
|
|
3265
3271
|
children: /* @__PURE__ */ f(
|
|
3266
3272
|
"div",
|
|
@@ -3268,11 +3274,11 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3268
3274
|
"aria-selected": r,
|
|
3269
3275
|
"aria-disabled": i.disabled,
|
|
3270
3276
|
"aria-current": a && !i.disabled,
|
|
3271
|
-
className: u(
|
|
3272
|
-
[
|
|
3277
|
+
className: u(ye[Ke], {
|
|
3278
|
+
[ye[`${Ke}--select-all`]]: i.key === Qt
|
|
3273
3279
|
}),
|
|
3274
3280
|
children: [
|
|
3275
|
-
|
|
3281
|
+
d(i),
|
|
3276
3282
|
r && !i.showCheckbox && /* @__PURE__ */ t(
|
|
3277
3283
|
P,
|
|
3278
3284
|
{
|
|
@@ -3301,20 +3307,20 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3301
3307
|
activeIndex: n,
|
|
3302
3308
|
selectedKeys: i,
|
|
3303
3309
|
listElementsRef: c,
|
|
3304
|
-
isPositioned:
|
|
3310
|
+
isPositioned: d,
|
|
3305
3311
|
searchDisabled: l,
|
|
3306
|
-
onItemRemove:
|
|
3312
|
+
onItemRemove: s,
|
|
3307
3313
|
setPointer: m,
|
|
3308
3314
|
onSelect: p,
|
|
3309
3315
|
getFloatingProps: v,
|
|
3310
3316
|
getItemProps: h,
|
|
3311
3317
|
emptyStateText: b = "No results found",
|
|
3312
|
-
hideWhenEmpty:
|
|
3318
|
+
hideWhenEmpty: y = !1,
|
|
3313
3319
|
pickerType: C = "single",
|
|
3314
3320
|
listClassName: N,
|
|
3315
3321
|
virtuosoProps: B
|
|
3316
3322
|
}) => {
|
|
3317
|
-
const [$, x] = g.useState(0),
|
|
3323
|
+
const [$, x] = g.useState(0), w = Hr(null), S = o.length, I = g.useCallback(
|
|
3318
3324
|
(T) => {
|
|
3319
3325
|
T !== $ && (T < _ ? x(T + (S - 1) * ui) : x(_));
|
|
3320
3326
|
},
|
|
@@ -3322,11 +3328,11 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3322
3328
|
);
|
|
3323
3329
|
if (at(() => {
|
|
3324
3330
|
var T;
|
|
3325
|
-
l &&
|
|
3326
|
-
}, [l,
|
|
3331
|
+
l && d && n !== null && ((T = w.current) == null || T.focus());
|
|
3332
|
+
}, [l, d, n]), at(() => {
|
|
3327
3333
|
c.current = new Array(o.length);
|
|
3328
3334
|
}, [o.length]), o.length === 0)
|
|
3329
|
-
return
|
|
3335
|
+
return y ? null : /* @__PURE__ */ t(Fr, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
|
|
3330
3336
|
"div",
|
|
3331
3337
|
{
|
|
3332
3338
|
className: u(la.listbox, la["no-results"]),
|
|
@@ -3337,7 +3343,7 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3337
3343
|
}
|
|
3338
3344
|
) });
|
|
3339
3345
|
const R = (T) => i.includes(T) || T === Qt && i.length === Gr(o).length, G = () => {
|
|
3340
|
-
C === "multi" &&
|
|
3346
|
+
C === "multi" && s(i[i.length - 1]);
|
|
3341
3347
|
};
|
|
3342
3348
|
return /* @__PURE__ */ t(Fr, { context: e, modal: !1, initialFocus: -1, children: /* @__PURE__ */ t(
|
|
3343
3349
|
"div",
|
|
@@ -3352,7 +3358,7 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3352
3358
|
children: /* @__PURE__ */ t(
|
|
3353
3359
|
"div",
|
|
3354
3360
|
E(k({
|
|
3355
|
-
ref:
|
|
3361
|
+
ref: w,
|
|
3356
3362
|
tabIndex: 0,
|
|
3357
3363
|
"aria-multiselectable": C === "multi",
|
|
3358
3364
|
className: la["listbox-wrapper"]
|
|
@@ -3395,7 +3401,7 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3395
3401
|
)
|
|
3396
3402
|
}
|
|
3397
3403
|
) });
|
|
3398
|
-
},
|
|
3404
|
+
}, we = {
|
|
3399
3405
|
"picker-trigger": "lc-PickerTrigger-module__picker-trigger___nSDgb",
|
|
3400
3406
|
"picker-trigger--multi-select": "lc-PickerTrigger-module__picker-trigger--multi-select___XCt1K",
|
|
3401
3407
|
"picker-trigger--multi-select--with-items": "lc-PickerTrigger-module__picker-trigger--multi-select--with-items___0VU14",
|
|
@@ -3422,22 +3428,22 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3422
3428
|
isItemSelected: n,
|
|
3423
3429
|
hideClearButton: i,
|
|
3424
3430
|
isDisabled: c,
|
|
3425
|
-
isRequired:
|
|
3431
|
+
isRequired: d,
|
|
3426
3432
|
isOpen: l,
|
|
3427
|
-
isError:
|
|
3433
|
+
isError: s,
|
|
3428
3434
|
onClear: m,
|
|
3429
3435
|
children: p,
|
|
3430
3436
|
setTriggerFocus: v
|
|
3431
3437
|
}) => {
|
|
3432
3438
|
const h = u(
|
|
3433
|
-
|
|
3434
|
-
|
|
3435
|
-
o &&
|
|
3436
|
-
o && n &&
|
|
3437
|
-
c &&
|
|
3438
|
-
l &&
|
|
3439
|
-
|
|
3440
|
-
), b = !i && n && !c && !
|
|
3439
|
+
we[be],
|
|
3440
|
+
we[`${be}--${_}`],
|
|
3441
|
+
o && we[`${be}--multi-select`],
|
|
3442
|
+
o && n && we[`${be}--multi-select--with-items`],
|
|
3443
|
+
c && we[`${be}--disabled`],
|
|
3444
|
+
l && we[`${be}--focused`],
|
|
3445
|
+
s && we[`${be}--error`]
|
|
3446
|
+
), b = !i && n && !c && !d, y = (C) => {
|
|
3441
3447
|
C.stopPropagation(), m();
|
|
3442
3448
|
};
|
|
3443
3449
|
return g.useEffect(() => {
|
|
@@ -3461,9 +3467,9 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3461
3467
|
{
|
|
3462
3468
|
as: "div",
|
|
3463
3469
|
className: u(
|
|
3464
|
-
|
|
3465
|
-
|
|
3466
|
-
o && n &&
|
|
3470
|
+
we[`${be}__content`],
|
|
3471
|
+
we[`${be}__content--${_}`],
|
|
3472
|
+
o && n && we[`${be}__content--with-items`]
|
|
3467
3473
|
),
|
|
3468
3474
|
children: p
|
|
3469
3475
|
}
|
|
@@ -3472,23 +3478,23 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3472
3478
|
"div",
|
|
3473
3479
|
{
|
|
3474
3480
|
className: u(
|
|
3475
|
-
|
|
3476
|
-
|
|
3481
|
+
we[`${be}__controls`],
|
|
3482
|
+
we[`${be}__controls--${_}`]
|
|
3477
3483
|
),
|
|
3478
3484
|
children: [
|
|
3479
3485
|
b && /* @__PURE__ */ t(
|
|
3480
3486
|
"div",
|
|
3481
3487
|
{
|
|
3482
3488
|
"data-testid": `${be}__clear-icon`,
|
|
3483
|
-
className:
|
|
3484
|
-
onClick:
|
|
3489
|
+
className: we[`${be}__clear-icon`],
|
|
3490
|
+
onClick: y,
|
|
3485
3491
|
children: /* @__PURE__ */ t(P, { kind: "primary", size: "small", source: Ue })
|
|
3486
3492
|
}
|
|
3487
3493
|
),
|
|
3488
3494
|
/* @__PURE__ */ t(
|
|
3489
3495
|
P,
|
|
3490
3496
|
{
|
|
3491
|
-
className:
|
|
3497
|
+
className: we[`${be}__chevron-icon`],
|
|
3492
3498
|
source: l ? cr : Ht,
|
|
3493
3499
|
size: "medium",
|
|
3494
3500
|
disabled: c
|
|
@@ -3544,9 +3550,9 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3544
3550
|
kind: n = "default",
|
|
3545
3551
|
onRemove: i,
|
|
3546
3552
|
outline: c = !1,
|
|
3547
|
-
leftNode:
|
|
3553
|
+
leftNode: d,
|
|
3548
3554
|
rightNode: l,
|
|
3549
|
-
customColor:
|
|
3555
|
+
customColor: s,
|
|
3550
3556
|
iconOnly: m = !1,
|
|
3551
3557
|
value: p
|
|
3552
3558
|
} = b, v = F(b, [
|
|
@@ -3564,26 +3570,26 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3564
3570
|
"iconOnly",
|
|
3565
3571
|
"value"
|
|
3566
3572
|
]);
|
|
3567
|
-
const
|
|
3573
|
+
const y = r || i && m, C = u(
|
|
3568
3574
|
Be[Ee],
|
|
3569
3575
|
e,
|
|
3570
3576
|
Be[`${Ee}--${o}`],
|
|
3571
3577
|
Be[`${Ee}--${n}`],
|
|
3572
3578
|
{
|
|
3573
3579
|
[Be[`${Ee}--outline`]]: c,
|
|
3574
|
-
[Be[`${Ee}--${Ai(
|
|
3580
|
+
[Be[`${Ee}--${Ai(s)}`]]: !!s,
|
|
3575
3581
|
[Be[`${Ee}--icon-only`]]: m,
|
|
3576
|
-
[Be[`${Ee}--dismissible-on-hover`]]:
|
|
3582
|
+
[Be[`${Ee}--dismissible-on-hover`]]: y
|
|
3577
3583
|
}
|
|
3578
|
-
), N = o === "small" ? "small" : "medium", B = o === "small" ? "sm" : "md", $ = () =>
|
|
3584
|
+
), N = o === "small" ? "small" : "medium", B = o === "small" ? "sm" : "md", $ = () => s ? c ? {
|
|
3579
3585
|
style: {
|
|
3580
3586
|
backgroundColor: "transparent",
|
|
3581
|
-
color:
|
|
3582
|
-
borderColor:
|
|
3587
|
+
color: s,
|
|
3588
|
+
borderColor: s
|
|
3583
3589
|
}
|
|
3584
|
-
} : { style: { backgroundColor:
|
|
3585
|
-
if (
|
|
3586
|
-
return c ?
|
|
3590
|
+
} : { style: { backgroundColor: s } } : {}, x = () => {
|
|
3591
|
+
if (s)
|
|
3592
|
+
return c ? s : Kr(s, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
|
|
3587
3593
|
};
|
|
3588
3594
|
return /* @__PURE__ */ f(
|
|
3589
3595
|
A,
|
|
@@ -3594,13 +3600,13 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3594
3600
|
size: B,
|
|
3595
3601
|
children: [
|
|
3596
3602
|
/* @__PURE__ */ f("div", { className: Be[`${Ee}__content-wrapper`], children: [
|
|
3597
|
-
|
|
3603
|
+
d && !m && /* @__PURE__ */ t(
|
|
3598
3604
|
"div",
|
|
3599
3605
|
{
|
|
3600
3606
|
"data-testid": "lc-tag-left-node",
|
|
3601
3607
|
className: Be[`${Ee}__node`],
|
|
3602
3608
|
style: { color: x() },
|
|
3603
|
-
children:
|
|
3609
|
+
children: d
|
|
3604
3610
|
}
|
|
3605
3611
|
),
|
|
3606
3612
|
/* @__PURE__ */ t("div", { className: Be[`${Ee}__content`], children: p || a }),
|
|
@@ -3623,7 +3629,7 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3623
3629
|
role: "button",
|
|
3624
3630
|
"aria-label": "Remove tag",
|
|
3625
3631
|
className: u(Be[`${Ee}__remove`], {
|
|
3626
|
-
[Be[`${Ee}__remove--hover`]]:
|
|
3632
|
+
[Be[`${Ee}__remove--hover`]]: y
|
|
3627
3633
|
}),
|
|
3628
3634
|
children: /* @__PURE__ */ t(
|
|
3629
3635
|
P,
|
|
@@ -3666,22 +3672,22 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3666
3672
|
type: n,
|
|
3667
3673
|
clearSearchAfterSelection: i,
|
|
3668
3674
|
size: c = "medium",
|
|
3669
|
-
onItemRemove:
|
|
3675
|
+
onItemRemove: d,
|
|
3670
3676
|
onSelect: l,
|
|
3671
|
-
onFilter:
|
|
3677
|
+
onFilter: s,
|
|
3672
3678
|
onClear: m,
|
|
3673
3679
|
searchPhrase: p,
|
|
3674
3680
|
virtualItemRef: v,
|
|
3675
3681
|
isTriggerFocused: h,
|
|
3676
3682
|
inputRef: b,
|
|
3677
|
-
inputProps:
|
|
3683
|
+
inputProps: y
|
|
3678
3684
|
}) => {
|
|
3679
3685
|
const C = e && !a;
|
|
3680
3686
|
g.useEffect(() => {
|
|
3681
3687
|
i && b != null && b.current && b.current.focus();
|
|
3682
3688
|
}, [o, i]);
|
|
3683
3689
|
const N = (S) => {
|
|
3684
|
-
S.key === "Backspace" && o && o.length > 0 && (S.preventDefault(), n === "multi" ?
|
|
3690
|
+
S.key === "Backspace" && o && o.length > 0 && (S.preventDefault(), n === "multi" ? d(o[o.length - 1].key) : m()), S.key === "Delete" && (S.preventDefault(), m());
|
|
3685
3691
|
};
|
|
3686
3692
|
g.useEffect(() => (!e && h ? document.addEventListener("keydown", N) : document.removeEventListener("keydown", N), () => document.removeEventListener("keydown", N)), [e, o, h]);
|
|
3687
3693
|
const B = (S) => {
|
|
@@ -3704,12 +3710,12 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3704
3710
|
),
|
|
3705
3711
|
/* @__PURE__ */ t("div", { className: Ce[`${$e}__item__content`], children: S.name })
|
|
3706
3712
|
] });
|
|
3707
|
-
}, $ = (S) =>
|
|
3713
|
+
}, $ = (S) => s(S.target.value), x = (S) => {
|
|
3708
3714
|
var I, R;
|
|
3709
|
-
(I = v.current) != null && I.id && S.key === "Enter" && l((R = v.current) == null ? void 0 : R.id), n === "multi" && (S.key === "Backspace" || S.key === "Delete") && !p && o && (o == null ? void 0 : o.length) > 0 &&
|
|
3710
|
-
},
|
|
3715
|
+
(I = v.current) != null && I.id && S.key === "Enter" && l((R = v.current) == null ? void 0 : R.id), n === "multi" && (S.key === "Backspace" || S.key === "Delete") && !p && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
|
|
3716
|
+
}, w = () => /* @__PURE__ */ t(
|
|
3711
3717
|
"input",
|
|
3712
|
-
E(k({},
|
|
3718
|
+
E(k({}, y), {
|
|
3713
3719
|
ref: b,
|
|
3714
3720
|
className: u(
|
|
3715
3721
|
Ce[`${$e}__input`],
|
|
@@ -3722,7 +3728,7 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3722
3728
|
value: p
|
|
3723
3729
|
})
|
|
3724
3730
|
);
|
|
3725
|
-
return !o || o.length === 0 ? C ?
|
|
3731
|
+
return !o || o.length === 0 ? C ? w() : /* @__PURE__ */ t(
|
|
3726
3732
|
"div",
|
|
3727
3733
|
{
|
|
3728
3734
|
className: u({
|
|
@@ -3747,14 +3753,14 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3747
3753
|
),
|
|
3748
3754
|
disabled: r,
|
|
3749
3755
|
onRemove: (I) => {
|
|
3750
|
-
I.stopPropagation(),
|
|
3756
|
+
I.stopPropagation(), d(S.key);
|
|
3751
3757
|
}
|
|
3752
3758
|
}, S.selectedTagOptions), {
|
|
3753
3759
|
children: B(S)
|
|
3754
3760
|
}),
|
|
3755
3761
|
S.key
|
|
3756
3762
|
)) }),
|
|
3757
|
-
C &&
|
|
3763
|
+
C && w()
|
|
3758
3764
|
]
|
|
3759
3765
|
}
|
|
3760
3766
|
);
|
|
@@ -3767,17 +3773,17 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3767
3773
|
floatingStrategy: n,
|
|
3768
3774
|
useDismissHookProps: i,
|
|
3769
3775
|
useClickHookProps: c,
|
|
3770
|
-
isOpen:
|
|
3776
|
+
isOpen: d,
|
|
3771
3777
|
onVisibilityChange: l,
|
|
3772
|
-
searchPhrase:
|
|
3778
|
+
searchPhrase: s
|
|
3773
3779
|
}) => {
|
|
3774
|
-
const m = Ba(), [p, v] = g.useState(!1), [h, b] = g.useState(null), [
|
|
3780
|
+
const m = Ba(), [p, v] = g.useState(!1), [h, b] = g.useState(null), [y, C] = g.useState(o), N = g.useRef([]), B = g.useRef(null);
|
|
3775
3781
|
g.useEffect(() => {
|
|
3776
3782
|
B.current = null, b(null);
|
|
3777
|
-
}, [
|
|
3778
|
-
const { refs: $, floatingStyles: x, context:
|
|
3783
|
+
}, [s]);
|
|
3784
|
+
const { refs: $, floatingStyles: x, context: w, isPositioned: S } = Ea({
|
|
3779
3785
|
nodeId: m,
|
|
3780
|
-
open:
|
|
3786
|
+
open: d,
|
|
3781
3787
|
strategy: n,
|
|
3782
3788
|
onOpenChange: l,
|
|
3783
3789
|
whileElementsMounted: Ta,
|
|
@@ -3802,11 +3808,11 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3802
3808
|
padding: Pi
|
|
3803
3809
|
})
|
|
3804
3810
|
]
|
|
3805
|
-
}), I = Aa(
|
|
3811
|
+
}), I = Aa(w, k({
|
|
3806
3812
|
enabled: !e,
|
|
3807
3813
|
keyboardHandlers: !1,
|
|
3808
3814
|
toggle: !1
|
|
3809
|
-
}, c)), R = Pa(
|
|
3815
|
+
}, c)), R = Pa(w, { role: "listbox" }), G = Da(w, i), T = Ko(w, {
|
|
3810
3816
|
enabled: a.length > 0 && !e,
|
|
3811
3817
|
listRef: N,
|
|
3812
3818
|
activeIndex: h,
|
|
@@ -3820,20 +3826,20 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3820
3826
|
}), { getReferenceProps: D, getFloatingProps: z, getItemProps: ie } = Fa(
|
|
3821
3827
|
[I, G, R, T]
|
|
3822
3828
|
);
|
|
3823
|
-
return !
|
|
3829
|
+
return !d && p && v(!1), {
|
|
3824
3830
|
getReferenceProps: D,
|
|
3825
3831
|
getFloatingProps: z,
|
|
3826
3832
|
getItemProps: ie,
|
|
3827
3833
|
setReference: $.setReference,
|
|
3828
3834
|
floatingStyles: x,
|
|
3829
3835
|
isPositioned: S,
|
|
3830
|
-
context:
|
|
3836
|
+
context: w,
|
|
3831
3837
|
nodeId: m,
|
|
3832
3838
|
setFloating: $.setFloating,
|
|
3833
3839
|
activeIndex: h,
|
|
3834
3840
|
listElementsRef: N,
|
|
3835
3841
|
virtualItemRef: B,
|
|
3836
|
-
maxHeight:
|
|
3842
|
+
maxHeight: y,
|
|
3837
3843
|
pointer: p,
|
|
3838
3844
|
setPointer: v
|
|
3839
3845
|
};
|
|
@@ -3847,22 +3853,22 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3847
3853
|
clearSearchAfterSelection: i,
|
|
3848
3854
|
inputRef: c
|
|
3849
3855
|
}) => {
|
|
3850
|
-
const [
|
|
3856
|
+
const [d, l] = g.useState(
|
|
3851
3857
|
() => (e == null ? void 0 : e.map(f_)) || []
|
|
3852
|
-
),
|
|
3858
|
+
), s = e !== void 0, m = s ? (e == null ? void 0 : e.map(f_)) || [] : d, [p, v] = g.useState(""), h = ($) => v($), b = ($) => {
|
|
3853
3859
|
r === "single" ? B($) : (l(m.filter((x) => x !== $)), o((e == null ? void 0 : e.filter(({ key: x }) => x !== $)) || null));
|
|
3854
|
-
},
|
|
3855
|
-
!
|
|
3860
|
+
}, y = () => {
|
|
3861
|
+
!s && l([]), o(null), v(""), n(!1);
|
|
3856
3862
|
}, C = () => {
|
|
3857
3863
|
h(""), c.current && (c.current.value = "");
|
|
3858
3864
|
}, N = g.useMemo(() => {
|
|
3859
3865
|
const $ = r === "multi" && _;
|
|
3860
3866
|
let x = a;
|
|
3861
|
-
return p && (x = x.filter((
|
|
3867
|
+
return p && (x = x.filter((w) => {
|
|
3862
3868
|
var G;
|
|
3863
|
-
if (
|
|
3869
|
+
if (w.groupHeader)
|
|
3864
3870
|
return !1;
|
|
3865
|
-
const S = p.toLowerCase(), I =
|
|
3871
|
+
const S = p.toLowerCase(), I = w.name.toLowerCase(), R = (G = w.secondaryText) == null ? void 0 : G.toLowerCase();
|
|
3866
3872
|
return I.includes(S) || (R == null ? void 0 : R.includes(S));
|
|
3867
3873
|
})), $ && x.length > 1 && (x = [
|
|
3868
3874
|
{
|
|
@@ -3872,14 +3878,14 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3872
3878
|
...x
|
|
3873
3879
|
]), x;
|
|
3874
3880
|
}, [p, a, r, _]), B = ($) => {
|
|
3875
|
-
const x = a.find((
|
|
3881
|
+
const x = a.find((w) => w.key === $);
|
|
3876
3882
|
(!x || x.disabled) && $ !== Qt || (r === "single" ? (l(() => (x && o([x]), [$])), n(!1)) : $ === Qt ? m.length === Gr(a).length ? l(() => (o(null), [])) : l(() => {
|
|
3877
|
-
const
|
|
3878
|
-
return o(
|
|
3879
|
-
}) : (
|
|
3880
|
-
(e == null ? void 0 : e.filter(({ key:
|
|
3881
|
-
), l((
|
|
3882
|
-
const S = pi(
|
|
3883
|
+
const w = Gr(a);
|
|
3884
|
+
return o(w), w.map(({ key: S }) => S);
|
|
3885
|
+
}) : (s ? m.includes($) ? (o(
|
|
3886
|
+
(e == null ? void 0 : e.filter(({ key: w }) => w !== $)) || null
|
|
3887
|
+
), l((w) => w.filter((S) => S !== $))) : (o([...e || [], x]), l((w) => [...w, $])) : l((w) => {
|
|
3888
|
+
const S = pi(w, $);
|
|
3883
3889
|
return o(a.filter(({ key: I }) => S.includes(I))), S;
|
|
3884
3890
|
}), i && C()));
|
|
3885
3891
|
};
|
|
@@ -3890,7 +3896,7 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3890
3896
|
handleSelect: B,
|
|
3891
3897
|
handleOnFilter: h,
|
|
3892
3898
|
handleItemRemove: b,
|
|
3893
|
-
handleClear:
|
|
3899
|
+
handleClear: y
|
|
3894
3900
|
};
|
|
3895
3901
|
}, Fi = {
|
|
3896
3902
|
"picker-wrapper": "lc-Picker-module__picker-wrapper___uaLHq"
|
|
@@ -3904,21 +3910,21 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3904
3910
|
disabled: n,
|
|
3905
3911
|
error: i,
|
|
3906
3912
|
options: c,
|
|
3907
|
-
selected:
|
|
3913
|
+
selected: d,
|
|
3908
3914
|
size: l = "medium",
|
|
3909
|
-
placeholder:
|
|
3915
|
+
placeholder: s = "Select option",
|
|
3910
3916
|
isRequired: m,
|
|
3911
3917
|
noSearchResultText: p = "No results found",
|
|
3912
3918
|
selectAllOptionText: v,
|
|
3913
3919
|
type: h = "single",
|
|
3914
3920
|
searchDisabled: b = !1,
|
|
3915
|
-
hideClearButton:
|
|
3921
|
+
hideClearButton: y,
|
|
3916
3922
|
isVisible: C,
|
|
3917
3923
|
onOpen: N,
|
|
3918
3924
|
onClose: B,
|
|
3919
3925
|
openedOnInit: $ = !1,
|
|
3920
3926
|
clearSearchAfterSelection: x = !0,
|
|
3921
|
-
onSelect:
|
|
3927
|
+
onSelect: w,
|
|
3922
3928
|
placement: S,
|
|
3923
3929
|
floatingStrategy: I,
|
|
3924
3930
|
useDismissHookProps: R,
|
|
@@ -3967,11 +3973,11 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
3967
3973
|
handleItemRemove: M,
|
|
3968
3974
|
handleClear: J
|
|
3969
3975
|
} = j_({
|
|
3970
|
-
selected:
|
|
3976
|
+
selected: d,
|
|
3971
3977
|
options: c,
|
|
3972
3978
|
type: h,
|
|
3973
3979
|
selectAllOptionText: v,
|
|
3974
|
-
onSelect:
|
|
3980
|
+
onSelect: w,
|
|
3975
3981
|
setOpen: _t,
|
|
3976
3982
|
clearSearchAfterSelection: x,
|
|
3977
3983
|
inputRef: ct
|
|
@@ -4014,7 +4020,7 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
4014
4020
|
isItemSelected: lt.length > 0,
|
|
4015
4021
|
isOpen: xe,
|
|
4016
4022
|
onClear: J,
|
|
4017
|
-
hideClearButton:
|
|
4023
|
+
hideClearButton: y,
|
|
4018
4024
|
isDisabled: n,
|
|
4019
4025
|
isError: i,
|
|
4020
4026
|
isRequired: m,
|
|
@@ -4027,8 +4033,8 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
4027
4033
|
isOpen: xe,
|
|
4028
4034
|
isSearchDisabled: b,
|
|
4029
4035
|
isDisabled: n,
|
|
4030
|
-
placeholder:
|
|
4031
|
-
selectedItems:
|
|
4036
|
+
placeholder: s,
|
|
4037
|
+
selectedItems: d,
|
|
4032
4038
|
type: h,
|
|
4033
4039
|
size: l,
|
|
4034
4040
|
clearSearchAfterSelection: x,
|
|
@@ -4095,9 +4101,9 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
4095
4101
|
options: n,
|
|
4096
4102
|
readOnly: i,
|
|
4097
4103
|
floatingStrategy: c,
|
|
4098
|
-
single:
|
|
4104
|
+
single: d,
|
|
4099
4105
|
alwaysShowAllOptions: l,
|
|
4100
|
-
hideIfExactMatch:
|
|
4106
|
+
hideIfExactMatch: s = !0
|
|
4101
4107
|
} = h, m = F(h, [
|
|
4102
4108
|
"disabled",
|
|
4103
4109
|
"minListHeight",
|
|
@@ -4113,9 +4119,9 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
4113
4119
|
]);
|
|
4114
4120
|
const b = g.useRef(null);
|
|
4115
4121
|
g.useImperativeHandle(p, () => b.current, []);
|
|
4116
|
-
const [
|
|
4122
|
+
const [y, C] = g.useState(""), B = m.value !== void 0 ? m.value : y, [$, x] = g.useState(
|
|
4117
4123
|
_
|
|
4118
|
-
),
|
|
4124
|
+
), w = (W) => {
|
|
4119
4125
|
x(W);
|
|
4120
4126
|
}, S = (W) => {
|
|
4121
4127
|
ie(W);
|
|
@@ -4125,14 +4131,14 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
4125
4131
|
}, R = (W) => {
|
|
4126
4132
|
var dt, zt, St;
|
|
4127
4133
|
const Y = W.key === "Enter";
|
|
4128
|
-
(dt = st.current) != null && dt.id && Y && (G([{ key: (zt = st.current) == null ? void 0 : zt.id }]), W.preventDefault()), Y ||
|
|
4134
|
+
(dt = st.current) != null && dt.id && Y && (G([{ key: (zt = st.current) == null ? void 0 : zt.id }]), W.preventDefault()), Y || w(!0), (St = m.onKeyDown) == null || St.call(m, W);
|
|
4129
4135
|
}, G = (W) => {
|
|
4130
4136
|
if (W) {
|
|
4131
4137
|
const Y = W[0].key;
|
|
4132
4138
|
I({
|
|
4133
4139
|
target: { value: Y }
|
|
4134
4140
|
}), setTimeout(() => {
|
|
4135
|
-
|
|
4141
|
+
w(!1);
|
|
4136
4142
|
}, 0);
|
|
4137
4143
|
}
|
|
4138
4144
|
}, T = g.useMemo(() => n ? Ri(n) ? Mi(n) : Oi(n) : [], [n]), { items: D, searchPhrase: z, handleOnFilter: ie, handleSelect: V, selectedKeys: H } = j_({
|
|
@@ -4145,8 +4151,8 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
4145
4151
|
inputRef: b
|
|
4146
4152
|
}), K = Li(
|
|
4147
4153
|
D,
|
|
4148
|
-
s || !1,
|
|
4149
4154
|
d || !1,
|
|
4155
|
+
s || !1,
|
|
4150
4156
|
(B == null ? void 0 : B.toString()) || ""
|
|
4151
4157
|
), {
|
|
4152
4158
|
nodeId: He,
|
|
@@ -4169,7 +4175,7 @@ const Qt = "select-all", mi = (e, a) => {
|
|
|
4169
4175
|
items: D,
|
|
4170
4176
|
searchPhrase: l ? "" : z,
|
|
4171
4177
|
isOpen: $,
|
|
4172
|
-
onVisibilityChange:
|
|
4178
|
+
onVisibilityChange: w,
|
|
4173
4179
|
minListHeight: a,
|
|
4174
4180
|
maxListHeight: r,
|
|
4175
4181
|
placement: o,
|
|
@@ -4297,9 +4303,9 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4297
4303
|
src: n,
|
|
4298
4304
|
status: i,
|
|
4299
4305
|
text: c,
|
|
4300
|
-
type:
|
|
4306
|
+
type: d,
|
|
4301
4307
|
withRim: l = !1,
|
|
4302
|
-
style:
|
|
4308
|
+
style: s
|
|
4303
4309
|
} = v, m = F(v, [
|
|
4304
4310
|
"alt",
|
|
4305
4311
|
"className",
|
|
@@ -4313,7 +4319,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4313
4319
|
"withRim",
|
|
4314
4320
|
"style"
|
|
4315
4321
|
]);
|
|
4316
|
-
const h =
|
|
4322
|
+
const h = d === "image" && !n, [b, y] = g.useState(h), C = d === "image" && !!n && !b, N = d === "text", B = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = Ui(c, B), x = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), w = r || Gi(c), S = w ? Hi(w) : void 0, I = N ? { backgroundColor: w } : {}, R = u(k({
|
|
4317
4323
|
[Ie[me]]: !0,
|
|
4318
4324
|
[Ie[`${me}--${_}`]]: !0,
|
|
4319
4325
|
[Ie[`${me}--${o}`]]: !0,
|
|
@@ -4329,14 +4335,14 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4329
4335
|
), D = u(
|
|
4330
4336
|
Ie[`${me}__rim`],
|
|
4331
4337
|
Ie[`${me}__rim--${o}`]
|
|
4332
|
-
), z = (V) => x ? "2xs" : ["medium"].includes(V) ? "xs" : ["large", "xlarge"].includes(V) ? "sm" : ["xxlarge"].includes(V) ? "lg" : "xl", ie = g.useCallback(() =>
|
|
4338
|
+
), z = (V) => x ? "2xs" : ["medium"].includes(V) ? "xs" : ["large", "xlarge"].includes(V) ? "sm" : ["xxlarge"].includes(V) ? "lg" : "xl", ie = g.useCallback(() => y(!0), []);
|
|
4333
4339
|
return g.useEffect(() => {
|
|
4334
|
-
|
|
4340
|
+
y(h);
|
|
4335
4341
|
}, [h]), /* @__PURE__ */ f(
|
|
4336
4342
|
"div",
|
|
4337
4343
|
E(k({
|
|
4338
4344
|
className: R,
|
|
4339
|
-
style: k(k({}, I),
|
|
4345
|
+
style: k(k({}, I), s)
|
|
4340
4346
|
}, m), {
|
|
4341
4347
|
children: [
|
|
4342
4348
|
l && /* @__PURE__ */ t(
|
|
@@ -4400,20 +4406,20 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4400
4406
|
fullWidth: n = !1,
|
|
4401
4407
|
onButtonClick: i = Sa
|
|
4402
4408
|
}) => {
|
|
4403
|
-
const c = u(Ya[Xi], r), [
|
|
4409
|
+
const c = u(Ya[Xi], r), [d, l] = g.useState(() => _), s = typeof o == "string";
|
|
4404
4410
|
g.useEffect(() => {
|
|
4405
|
-
|
|
4411
|
+
s && l(o);
|
|
4406
4412
|
}, [o]);
|
|
4407
4413
|
const m = (v, h) => {
|
|
4408
|
-
|
|
4409
|
-
}, p = a.map(({ id: v, label: h, loading: b, disabled:
|
|
4410
|
-
const N = v ===
|
|
4414
|
+
s || l(v), i(v, h);
|
|
4415
|
+
}, p = a.map(({ id: v, label: h, loading: b, disabled: y, icon: C }) => {
|
|
4416
|
+
const N = v === d, B = N ? Ya["btn--active"] : "";
|
|
4411
4417
|
return /* @__PURE__ */ t(
|
|
4412
4418
|
j,
|
|
4413
4419
|
{
|
|
4414
4420
|
fullWidth: n,
|
|
4415
4421
|
loading: N ? !1 : b,
|
|
4416
|
-
disabled:
|
|
4422
|
+
disabled: y,
|
|
4417
4423
|
"aria-pressed": N,
|
|
4418
4424
|
kind: "secondary",
|
|
4419
4425
|
icon: C,
|
|
@@ -4442,7 +4448,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4442
4448
|
card__actions__buttons: _c,
|
|
4443
4449
|
"card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___I--MQ"
|
|
4444
4450
|
}, $a = "card", nr = `${$a}__header`, Cr = `${nr}__heading`, Xa = `${$a}__actions`, oc = `${nr}__no-image`, Es = (l) => {
|
|
4445
|
-
var
|
|
4451
|
+
var s = l, {
|
|
4446
4452
|
alt: e,
|
|
4447
4453
|
buttonsOptions: a = [],
|
|
4448
4454
|
children: r,
|
|
@@ -4451,7 +4457,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4451
4457
|
expandableContent: n,
|
|
4452
4458
|
src: i,
|
|
4453
4459
|
title: c
|
|
4454
|
-
} =
|
|
4460
|
+
} = s, d = F(s, [
|
|
4455
4461
|
"alt",
|
|
4456
4462
|
"buttonsOptions",
|
|
4457
4463
|
"children",
|
|
@@ -4461,8 +4467,8 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4461
4467
|
"src",
|
|
4462
4468
|
"title"
|
|
4463
4469
|
]);
|
|
4464
|
-
const [m, p] = g.useState(!1), v = m ? cr : Ht, h = m ? "Hide" : "Show more", b = (a == null ? void 0 : a.length) > 0,
|
|
4465
|
-
return /* @__PURE__ */ f("div", E(k({ className: u(Te[$a], _) },
|
|
4470
|
+
const [m, p] = g.useState(!1), v = m ? cr : Ht, h = m ? "Hide" : "Show more", b = (a == null ? void 0 : a.length) > 0, y = !!n, C = b || y, N = c, B = i, $ = B ? "" : Te[oc];
|
|
4471
|
+
return /* @__PURE__ */ f("div", E(k({ className: u(Te[$a], _) }, d), { children: [
|
|
4466
4472
|
N && /* @__PURE__ */ f("div", { className: u(Te[nr], $), children: [
|
|
4467
4473
|
B && /* @__PURE__ */ t(
|
|
4468
4474
|
"img",
|
|
@@ -4498,18 +4504,18 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4498
4504
|
/* @__PURE__ */ t("div", { className: Te[`${Xa}__line`] }),
|
|
4499
4505
|
/* @__PURE__ */ f("div", { className: Te[`${Xa}__buttons`], children: [
|
|
4500
4506
|
b && a.map(
|
|
4501
|
-
({ kind: x, onClick:
|
|
4507
|
+
({ kind: x, onClick: w, children: S }, I) => /* @__PURE__ */ t(
|
|
4502
4508
|
j,
|
|
4503
4509
|
{
|
|
4504
4510
|
size: "compact",
|
|
4505
4511
|
kind: x,
|
|
4506
|
-
onClick:
|
|
4512
|
+
onClick: w,
|
|
4507
4513
|
children: S
|
|
4508
4514
|
},
|
|
4509
4515
|
I
|
|
4510
4516
|
)
|
|
4511
4517
|
),
|
|
4512
|
-
|
|
4518
|
+
y && /* @__PURE__ */ t(
|
|
4513
4519
|
j,
|
|
4514
4520
|
{
|
|
4515
4521
|
className: Te[`${Xa}__buttons-expander`],
|
|
@@ -4567,22 +4573,22 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4567
4573
|
showPreviousButton: n,
|
|
4568
4574
|
className: i,
|
|
4569
4575
|
classNames: c,
|
|
4570
|
-
numberOfMonths:
|
|
4576
|
+
numberOfMonths: d,
|
|
4571
4577
|
month: l,
|
|
4572
|
-
fromMonth:
|
|
4578
|
+
fromMonth: s,
|
|
4573
4579
|
toMonth: m
|
|
4574
4580
|
} = e, p = () => {
|
|
4575
4581
|
typeof a == "function" && a();
|
|
4576
4582
|
}, v = () => {
|
|
4577
4583
|
typeof _ == "function" && _();
|
|
4578
4584
|
}, h = () => {
|
|
4579
|
-
if (!
|
|
4585
|
+
if (!s) {
|
|
4580
4586
|
const N = jt(l, 12);
|
|
4581
4587
|
return r(N);
|
|
4582
4588
|
}
|
|
4583
|
-
const
|
|
4589
|
+
const y = Math.abs(t_(l, s)), C = jt(
|
|
4584
4590
|
l,
|
|
4585
|
-
!Number.isNaN(
|
|
4591
|
+
!Number.isNaN(y) && y > 12 ? 12 : y
|
|
4586
4592
|
);
|
|
4587
4593
|
return r(C);
|
|
4588
4594
|
}, b = () => {
|
|
@@ -4590,11 +4596,11 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4590
4596
|
const N = a_(l, 12);
|
|
4591
4597
|
return r(N);
|
|
4592
4598
|
}
|
|
4593
|
-
const
|
|
4599
|
+
const y = Math.abs(t_(m, l)), C = a_(
|
|
4594
4600
|
l,
|
|
4595
|
-
!Number.isNaN(
|
|
4601
|
+
!Number.isNaN(y) && y > 12 ? 12 : y
|
|
4596
4602
|
);
|
|
4597
|
-
return
|
|
4603
|
+
return d === 2 && Rr(C, m) ? r(jt(C, 1)) : r(C);
|
|
4598
4604
|
};
|
|
4599
4605
|
return /* @__PURE__ */ f("div", { className: i, children: [
|
|
4600
4606
|
/* @__PURE__ */ f("div", { className: O[`${v_}__navbar-buttons-wrapper`], children: [
|
|
@@ -4645,7 +4651,7 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4645
4651
|
[c.navButtonInteractionDisabled]: !o
|
|
4646
4652
|
}),
|
|
4647
4653
|
onClick: b,
|
|
4648
|
-
children: /* @__PURE__ */ t(P, { source:
|
|
4654
|
+
children: /* @__PURE__ */ t(P, { source: yo, kind: "subtle" })
|
|
4649
4655
|
}
|
|
4650
4656
|
)
|
|
4651
4657
|
] })
|
|
@@ -4667,14 +4673,14 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4667
4673
|
}) : _ < 0 ? E(k({}, r), {
|
|
4668
4674
|
[O[`${U}__day--start`]]: a
|
|
4669
4675
|
}) : r;
|
|
4670
|
-
},
|
|
4676
|
+
}, wa = (e, a) => {
|
|
4671
4677
|
const r = a.find((_) => _.id === e);
|
|
4672
4678
|
return r || void 0;
|
|
4673
4679
|
}, k_ = (e, a) => !!(!e || e && a), cc = (e) => {
|
|
4674
4680
|
const a = {};
|
|
4675
4681
|
if (!e.initialSelectedItemKey)
|
|
4676
4682
|
return a;
|
|
4677
|
-
const r =
|
|
4683
|
+
const r = wa(
|
|
4678
4684
|
e.initialSelectedItemKey,
|
|
4679
4685
|
e.options
|
|
4680
4686
|
);
|
|
@@ -4714,9 +4720,9 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4714
4720
|
outside: O[`${U}__day--outside`],
|
|
4715
4721
|
start: O[`${U}__day--start`],
|
|
4716
4722
|
end: O[`${U}__day--end`]
|
|
4717
|
-
}, a),
|
|
4723
|
+
}, a), y_ = "date-picker", sc = (e) => {
|
|
4718
4724
|
const a = e.getDate();
|
|
4719
|
-
return /* @__PURE__ */ t("div", { className: O[`${
|
|
4725
|
+
return /* @__PURE__ */ t("div", { className: O[`${y_}__day-wrapper`], children: /* @__PURE__ */ t("div", { className: O[`${y_}__day-content`], children: a }) });
|
|
4720
4726
|
}, dc = (e) => {
|
|
4721
4727
|
const C = e, {
|
|
4722
4728
|
classNames: a,
|
|
@@ -4726,9 +4732,9 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4726
4732
|
fromMonth: n,
|
|
4727
4733
|
firstDayOfWeek: i,
|
|
4728
4734
|
numberOfMonths: c,
|
|
4729
|
-
navbarElement:
|
|
4735
|
+
navbarElement: d,
|
|
4730
4736
|
renderDay: l,
|
|
4731
|
-
innerRef:
|
|
4737
|
+
innerRef: s
|
|
4732
4738
|
} = C, m = F(C, [
|
|
4733
4739
|
"classNames",
|
|
4734
4740
|
"range",
|
|
@@ -4758,26 +4764,26 @@ const zi = "lc-Avatar-module__avatar___5-kP8", Vi = "lc-Avatar-module__avatar__s
|
|
|
4758
4764
|
);
|
|
4759
4765
|
let b = 1;
|
|
4760
4766
|
(i === 0 || i && i < 7) && (b = i);
|
|
4761
|
-
const
|
|
4767
|
+
const y = g.useMemo(
|
|
4762
4768
|
() => lc(r, a),
|
|
4763
4769
|
[r, a]
|
|
4764
4770
|
);
|
|
4765
4771
|
return /* @__PURE__ */ t(
|
|
4766
4772
|
Qo,
|
|
4767
4773
|
k({
|
|
4768
|
-
navbarElement:
|
|
4774
|
+
navbarElement: d || /* @__PURE__ */ t(
|
|
4769
4775
|
nc,
|
|
4770
4776
|
{
|
|
4771
4777
|
month: p,
|
|
4772
|
-
classNames:
|
|
4778
|
+
classNames: y,
|
|
4773
4779
|
numberOfMonths: c,
|
|
4774
4780
|
onMonthChange: h,
|
|
4775
4781
|
toMonth: _,
|
|
4776
4782
|
fromMonth: n
|
|
4777
4783
|
}
|
|
4778
4784
|
),
|
|
4779
|
-
ref:
|
|
4780
|
-
classNames:
|
|
4785
|
+
ref: s,
|
|
4786
|
+
classNames: y,
|
|
4781
4787
|
numberOfMonths: c,
|
|
4782
4788
|
toMonth: _,
|
|
4783
4789
|
fromMonth: n,
|
|
@@ -4862,7 +4868,7 @@ const mc = (e) => {
|
|
|
4862
4868
|
}) => {
|
|
4863
4869
|
const c = Hr(
|
|
4864
4870
|
a || null
|
|
4865
|
-
), [
|
|
4871
|
+
), [d, l] = mc({
|
|
4866
4872
|
options: e,
|
|
4867
4873
|
initialSelectedItemKey: a,
|
|
4868
4874
|
initialFromDate: r,
|
|
@@ -4892,48 +4898,48 @@ const mc = (e) => {
|
|
|
4892
4898
|
payload: { date: b }
|
|
4893
4899
|
});
|
|
4894
4900
|
}, [o, r, _]), at(() => {
|
|
4895
|
-
const { from: b, selectedItem:
|
|
4901
|
+
const { from: b, selectedItem: y, to: C } = d;
|
|
4896
4902
|
if (!(b && C))
|
|
4897
4903
|
return;
|
|
4898
|
-
const N =
|
|
4904
|
+
const N = wa(y, e);
|
|
4899
4905
|
N && (n == null || n(E(k({}, N), {
|
|
4900
4906
|
value: {
|
|
4901
4907
|
from: b,
|
|
4902
4908
|
to: C
|
|
4903
4909
|
}
|
|
4904
4910
|
})));
|
|
4905
|
-
}, [
|
|
4906
|
-
const { selectedItem: b } =
|
|
4911
|
+
}, [d.from, d.to, d.selectedItem, e, n]), at(() => {
|
|
4912
|
+
const { selectedItem: b } = d;
|
|
4907
4913
|
if (b === c.current)
|
|
4908
4914
|
return;
|
|
4909
4915
|
if (!b) {
|
|
4910
4916
|
n(null);
|
|
4911
4917
|
return;
|
|
4912
4918
|
}
|
|
4913
|
-
if (!
|
|
4919
|
+
if (!wa(b, e))
|
|
4914
4920
|
return;
|
|
4915
4921
|
const C = e.reduce(
|
|
4916
4922
|
(N, B) => E(k({}, N), { [B.id]: B }),
|
|
4917
4923
|
{}
|
|
4918
4924
|
);
|
|
4919
4925
|
n(C[b]);
|
|
4920
|
-
}, [n,
|
|
4921
|
-
const
|
|
4926
|
+
}, [n, d.selectedItem, e]);
|
|
4927
|
+
const s = Ga(
|
|
4922
4928
|
(b) => {
|
|
4923
|
-
const
|
|
4924
|
-
!k_(
|
|
4929
|
+
const y = o ? Yr(o, b) >= 0 : !0;
|
|
4930
|
+
!k_(d.from, d.to) && y && l({
|
|
4925
4931
|
type: ae.NEW_TEMPORARY_TO_VALUE,
|
|
4926
4932
|
payload: { date: b }
|
|
4927
4933
|
});
|
|
4928
4934
|
},
|
|
4929
|
-
[o,
|
|
4935
|
+
[o, d.from, d.to]
|
|
4930
4936
|
), m = Ga(
|
|
4931
4937
|
(b) => {
|
|
4932
|
-
const { from:
|
|
4933
|
-
J_(b, { to: o }) && (k_(
|
|
4938
|
+
const { from: y, to: C } = d;
|
|
4939
|
+
J_(b, { to: o }) && (k_(y, C) ? l({
|
|
4934
4940
|
type: ae.SELECT_FIRST_DAY,
|
|
4935
4941
|
payload: { date: b }
|
|
4936
|
-
}) :
|
|
4942
|
+
}) : y && Mr(b, y) || y && Or(b, y) ? l({
|
|
4937
4943
|
type: ae.SELECT_SECOND_DAY_AS_TO,
|
|
4938
4944
|
payload: { date: b }
|
|
4939
4945
|
}) : l({
|
|
@@ -4941,7 +4947,7 @@ const mc = (e) => {
|
|
|
4941
4947
|
payload: { date: b }
|
|
4942
4948
|
}));
|
|
4943
4949
|
},
|
|
4944
|
-
[o,
|
|
4950
|
+
[o, d.from, d.to]
|
|
4945
4951
|
), p = Ga(
|
|
4946
4952
|
(b) => {
|
|
4947
4953
|
if (b === null) {
|
|
@@ -4951,7 +4957,7 @@ const mc = (e) => {
|
|
|
4951
4957
|
});
|
|
4952
4958
|
return;
|
|
4953
4959
|
}
|
|
4954
|
-
|
|
4960
|
+
wa(b, e) && l({
|
|
4955
4961
|
type: ae.NEW_SELECTED_ITEM,
|
|
4956
4962
|
payload: { selectedItem: b }
|
|
4957
4963
|
});
|
|
@@ -4964,17 +4970,17 @@ const mc = (e) => {
|
|
|
4964
4970
|
});
|
|
4965
4971
|
}, []);
|
|
4966
4972
|
return i((() => {
|
|
4967
|
-
const { currentMonth: b, from:
|
|
4968
|
-
() => ic(
|
|
4969
|
-
[
|
|
4970
|
-
), x = qt(() =>
|
|
4973
|
+
const { currentMonth: b, from: y, selectedItem: C, temporaryTo: N, to: B } = d, $ = qt(
|
|
4974
|
+
() => ic(y, N),
|
|
4975
|
+
[y, N]
|
|
4976
|
+
), x = qt(() => wa(C, e), [e, C]), w = qt(() => [y, { from: y, to: N }], [y, N]), S = qt(() => o ? { after: o } : void 0, [o]);
|
|
4971
4977
|
return {
|
|
4972
4978
|
select: {
|
|
4973
4979
|
onItemSelect: p,
|
|
4974
4980
|
selected: C || ""
|
|
4975
4981
|
},
|
|
4976
4982
|
inputs: {
|
|
4977
|
-
fromDate:
|
|
4983
|
+
fromDate: y,
|
|
4978
4984
|
toDate: B
|
|
4979
4985
|
},
|
|
4980
4986
|
datepicker: {
|
|
@@ -4982,12 +4988,12 @@ const mc = (e) => {
|
|
|
4982
4988
|
month: b,
|
|
4983
4989
|
numberOfMonths: 2,
|
|
4984
4990
|
onDayClick: m,
|
|
4985
|
-
selectedDays:
|
|
4991
|
+
selectedDays: w,
|
|
4986
4992
|
modifiers: $,
|
|
4987
4993
|
initialMonth: o && jt(o, 1),
|
|
4988
4994
|
toMonth: o,
|
|
4989
4995
|
disabledDays: S,
|
|
4990
|
-
onDayMouseEnter:
|
|
4996
|
+
onDayMouseEnter: s,
|
|
4991
4997
|
onMonthChange: v
|
|
4992
4998
|
},
|
|
4993
4999
|
selectedOption: x
|
|
@@ -5043,18 +5049,18 @@ const Is = (e) => {
|
|
|
5043
5049
|
withDivider: n,
|
|
5044
5050
|
fullSpaceContent: i,
|
|
5045
5051
|
openOnInit: c = !1,
|
|
5046
|
-
hideLabelOnOpen:
|
|
5052
|
+
hideLabelOnOpen: d,
|
|
5047
5053
|
onClick: l
|
|
5048
5054
|
}) => {
|
|
5049
|
-
const [
|
|
5055
|
+
const [s, m] = g.useState(c), [p, v] = g.useState(0), h = g.useRef(null), b = u(
|
|
5050
5056
|
X[Z],
|
|
5051
5057
|
n && X[`${Z}--with-divider`],
|
|
5052
5058
|
a
|
|
5053
|
-
),
|
|
5059
|
+
), y = d && s, C = typeof o == "string", N = ($) => {
|
|
5054
5060
|
m((x) => !x), $.currentTarget.blur(), l == null || l($);
|
|
5055
5061
|
}, B = ($) => {
|
|
5056
|
-
const
|
|
5057
|
-
gc.includes(
|
|
5062
|
+
const w = $.target.tagName.toLowerCase();
|
|
5063
|
+
gc.includes(w) || (m((S) => !S), l == null || l($));
|
|
5058
5064
|
};
|
|
5059
5065
|
return g.useEffect(() => {
|
|
5060
5066
|
const $ = !!window.IntersectionObserver;
|
|
@@ -5070,12 +5076,12 @@ const Is = (e) => {
|
|
|
5070
5076
|
{
|
|
5071
5077
|
className: u(
|
|
5072
5078
|
X[`${Z}__label-wrapper`],
|
|
5073
|
-
|
|
5074
|
-
|
|
5075
|
-
|
|
5079
|
+
d && X[`${Z}__label-wrapper--fading`],
|
|
5080
|
+
y && X[`${Z}__label-wrapper--hide`],
|
|
5081
|
+
s && X[`${Z}__label-wrapper--open`]
|
|
5076
5082
|
),
|
|
5077
|
-
"aria-expanded":
|
|
5078
|
-
"aria-hidden":
|
|
5083
|
+
"aria-expanded": s,
|
|
5084
|
+
"aria-hidden": y,
|
|
5079
5085
|
"data-testid": "details-card-label",
|
|
5080
5086
|
onClick: B,
|
|
5081
5087
|
children: /* @__PURE__ */ f(
|
|
@@ -5083,7 +5089,7 @@ const Is = (e) => {
|
|
|
5083
5089
|
{
|
|
5084
5090
|
className: u(
|
|
5085
5091
|
X[`${Z}__label`],
|
|
5086
|
-
|
|
5092
|
+
d && X[`${Z}__label--with-margin`]
|
|
5087
5093
|
),
|
|
5088
5094
|
children: [
|
|
5089
5095
|
r && /* @__PURE__ */ t("div", { className: X[`${Z}__label__left-node`], children: r }),
|
|
@@ -5104,25 +5110,25 @@ const Is = (e) => {
|
|
|
5104
5110
|
/* @__PURE__ */ t(
|
|
5105
5111
|
j,
|
|
5106
5112
|
{
|
|
5107
|
-
kind:
|
|
5113
|
+
kind: s && d ? "float" : "text",
|
|
5108
5114
|
icon: /* @__PURE__ */ t(
|
|
5109
5115
|
P,
|
|
5110
5116
|
{
|
|
5111
5117
|
source: ir,
|
|
5112
5118
|
className: u(
|
|
5113
5119
|
X[`${Z}__button__icon`],
|
|
5114
|
-
|
|
5120
|
+
s && X[`${Z}__button__icon--open`]
|
|
5115
5121
|
)
|
|
5116
5122
|
}
|
|
5117
5123
|
),
|
|
5118
5124
|
className: u(
|
|
5119
5125
|
X[`${Z}__button`],
|
|
5120
|
-
!
|
|
5121
|
-
|
|
5122
|
-
|
|
5126
|
+
!s && X[`${Z}__button--closed`],
|
|
5127
|
+
s && X[`${Z}__button--open`],
|
|
5128
|
+
d && X[`${Z}__button--fading`]
|
|
5123
5129
|
),
|
|
5124
5130
|
onClick: N,
|
|
5125
|
-
"aria-expanded":
|
|
5131
|
+
"aria-expanded": s
|
|
5126
5132
|
}
|
|
5127
5133
|
),
|
|
5128
5134
|
/* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
|
|
@@ -5130,10 +5136,10 @@ const Is = (e) => {
|
|
|
5130
5136
|
{
|
|
5131
5137
|
className: u(
|
|
5132
5138
|
X[`${Z}__content-wrapper`],
|
|
5133
|
-
|
|
5139
|
+
s && X[`${Z}__content-wrapper--open`]
|
|
5134
5140
|
),
|
|
5135
5141
|
style: {
|
|
5136
|
-
maxHeight:
|
|
5142
|
+
maxHeight: s ? p : 0
|
|
5137
5143
|
},
|
|
5138
5144
|
children: /* @__PURE__ */ t(
|
|
5139
5145
|
"div",
|
|
@@ -5142,7 +5148,7 @@ const Is = (e) => {
|
|
|
5142
5148
|
className: u(
|
|
5143
5149
|
X[`${Z}__content`],
|
|
5144
5150
|
i && X[`${Z}__content--full-space`],
|
|
5145
|
-
|
|
5151
|
+
d && X[`${Z}__content--spacing`]
|
|
5146
5152
|
),
|
|
5147
5153
|
children: e
|
|
5148
5154
|
}
|
|
@@ -5157,7 +5163,7 @@ const Is = (e) => {
|
|
|
5157
5163
|
}, Nr = "details-card-info", As = ({ children: e, label: a }) => /* @__PURE__ */ f("div", { className: $r[Nr], children: [
|
|
5158
5164
|
/* @__PURE__ */ t("div", { className: $r[`${Nr}__label`], children: a }),
|
|
5159
5165
|
/* @__PURE__ */ t("div", { className: $r[`${Nr}__content`], children: e })
|
|
5160
|
-
] }),
|
|
5166
|
+
] }), w_ = {
|
|
5161
5167
|
"field-error": "lc-FieldError-module__field-error___-rtI3",
|
|
5162
5168
|
"field-error__icon": "lc-FieldError-module__field-error__icon___4KpOc"
|
|
5163
5169
|
}, C_ = "field-error", jr = (_) => {
|
|
@@ -5168,13 +5174,13 @@ const Is = (e) => {
|
|
|
5168
5174
|
"children",
|
|
5169
5175
|
"className"
|
|
5170
5176
|
]);
|
|
5171
|
-
const n = u(
|
|
5177
|
+
const n = u(w_[C_], a);
|
|
5172
5178
|
return /* @__PURE__ */ f(A, E(k({ as: "span", size: "sm" }, r), { className: n, children: [
|
|
5173
5179
|
/* @__PURE__ */ t(
|
|
5174
5180
|
P,
|
|
5175
5181
|
{
|
|
5176
5182
|
source: Na,
|
|
5177
|
-
className:
|
|
5183
|
+
className: w_[`${C_}__icon`],
|
|
5178
5184
|
size: "small"
|
|
5179
5185
|
}
|
|
5180
5186
|
),
|
|
@@ -5185,14 +5191,14 @@ const Is = (e) => {
|
|
|
5185
5191
|
"field-group--inline": "lc-FieldGroup-module__field-group--inline___iSg4S",
|
|
5186
5192
|
"field-group--stretched": "lc-FieldGroup-module__field-group--stretched___4Evlw"
|
|
5187
5193
|
}, xr = "field-group", Ds = (c) => {
|
|
5188
|
-
var
|
|
5194
|
+
var d = c, {
|
|
5189
5195
|
className: e = "",
|
|
5190
5196
|
children: a,
|
|
5191
5197
|
description: r,
|
|
5192
5198
|
error: _,
|
|
5193
5199
|
inline: o,
|
|
5194
5200
|
stretch: n
|
|
5195
|
-
} =
|
|
5201
|
+
} = d, i = F(d, [
|
|
5196
5202
|
"className",
|
|
5197
5203
|
"children",
|
|
5198
5204
|
"description",
|
|
@@ -5263,9 +5269,9 @@ const Is = (e) => {
|
|
|
5263
5269
|
className: n,
|
|
5264
5270
|
labelFor: i,
|
|
5265
5271
|
children: c,
|
|
5266
|
-
labelRightNode:
|
|
5272
|
+
labelRightNode: d
|
|
5267
5273
|
}) => {
|
|
5268
|
-
const l = g.useRef(null), [
|
|
5274
|
+
const l = g.useRef(null), [s, m] = g.useState("auto"), p = u(
|
|
5269
5275
|
re[_e],
|
|
5270
5276
|
{
|
|
5271
5277
|
[re[`${_e}--inline`]]: e
|
|
@@ -5276,7 +5282,7 @@ const Is = (e) => {
|
|
|
5276
5282
|
const v = l;
|
|
5277
5283
|
return e && v.current ? m(`${v.current.clientHeight}px`) : m("auto");
|
|
5278
5284
|
}), /* @__PURE__ */ f("div", { className: p, children: [
|
|
5279
|
-
|
|
5285
|
+
d && e && /* @__PURE__ */ f(g.Fragment, { children: [
|
|
5280
5286
|
/* @__PURE__ */ t(
|
|
5281
5287
|
A,
|
|
5282
5288
|
{
|
|
@@ -5286,7 +5292,7 @@ const Is = (e) => {
|
|
|
5286
5292
|
re[`${_e}__label-right-node`],
|
|
5287
5293
|
re[`${_e}__label-right-node--inline`]
|
|
5288
5294
|
),
|
|
5289
|
-
children:
|
|
5295
|
+
children: d
|
|
5290
5296
|
}
|
|
5291
5297
|
),
|
|
5292
5298
|
/* @__PURE__ */ t("div", { className: re[`${_e}__row-break`] })
|
|
@@ -5299,7 +5305,7 @@ const Is = (e) => {
|
|
|
5299
5305
|
e && re[`${_e}__wrapper--inline`]
|
|
5300
5306
|
),
|
|
5301
5307
|
children: [
|
|
5302
|
-
(_ ||
|
|
5308
|
+
(_ || d) && /* @__PURE__ */ f(
|
|
5303
5309
|
"div",
|
|
5304
5310
|
{
|
|
5305
5311
|
className: u(
|
|
@@ -5316,7 +5322,7 @@ const Is = (e) => {
|
|
|
5316
5322
|
e && re[`${_e}__label-wrapper--inline`]
|
|
5317
5323
|
),
|
|
5318
5324
|
style: {
|
|
5319
|
-
height:
|
|
5325
|
+
height: s
|
|
5320
5326
|
},
|
|
5321
5327
|
children: [
|
|
5322
5328
|
/* @__PURE__ */ t(
|
|
@@ -5342,13 +5348,13 @@ const Is = (e) => {
|
|
|
5342
5348
|
]
|
|
5343
5349
|
}
|
|
5344
5350
|
),
|
|
5345
|
-
|
|
5351
|
+
d && !e && /* @__PURE__ */ t(
|
|
5346
5352
|
A,
|
|
5347
5353
|
{
|
|
5348
5354
|
as: "div",
|
|
5349
5355
|
size: "sm",
|
|
5350
5356
|
className: u(re[`${_e}__label-right-node`]),
|
|
5351
|
-
children:
|
|
5357
|
+
children: d
|
|
5352
5358
|
}
|
|
5353
5359
|
)
|
|
5354
5360
|
]
|
|
@@ -5410,10 +5416,10 @@ const Is = (e) => {
|
|
|
5410
5416
|
]
|
|
5411
5417
|
})
|
|
5412
5418
|
);
|
|
5413
|
-
},
|
|
5419
|
+
}, yc = "lc-AnimatedButton-module__icon___x-2D0", wc = "lc-AnimatedButton-module__text___JEZ-a", Cc = "lc-AnimatedButton-module__expanded___oXA4t", ja = {
|
|
5414
5420
|
"animated-button": "lc-AnimatedButton-module__animated-button___d1ume",
|
|
5415
|
-
icon:
|
|
5416
|
-
text:
|
|
5421
|
+
icon: yc,
|
|
5422
|
+
text: wc,
|
|
5417
5423
|
expanded: Cc
|
|
5418
5424
|
}, $c = ({
|
|
5419
5425
|
icon: e,
|
|
@@ -5422,9 +5428,9 @@ const Is = (e) => {
|
|
|
5422
5428
|
className: _,
|
|
5423
5429
|
isExpanded: o
|
|
5424
5430
|
}) => {
|
|
5425
|
-
const [n, i] = Jt(!1), c = o !== void 0,
|
|
5431
|
+
const [n, i] = Jt(!1), c = o !== void 0, d = c ? o : n, l = () => {
|
|
5426
5432
|
i(!0);
|
|
5427
|
-
},
|
|
5433
|
+
}, s = () => {
|
|
5428
5434
|
i(!1);
|
|
5429
5435
|
};
|
|
5430
5436
|
return at(() => {
|
|
@@ -5435,12 +5441,12 @@ const Is = (e) => {
|
|
|
5435
5441
|
type: "button",
|
|
5436
5442
|
className: u(
|
|
5437
5443
|
ja["animated-button"],
|
|
5438
|
-
{ [ja.expanded]:
|
|
5444
|
+
{ [ja.expanded]: d },
|
|
5439
5445
|
_
|
|
5440
5446
|
),
|
|
5441
5447
|
onClick: r,
|
|
5442
5448
|
onMouseEnter: l,
|
|
5443
|
-
onMouseLeave:
|
|
5449
|
+
onMouseLeave: s,
|
|
5444
5450
|
children: [
|
|
5445
5451
|
/* @__PURE__ */ t("span", { className: ja.icon, children: e }),
|
|
5446
5452
|
/* @__PURE__ */ t("span", { className: ja.text, children: a })
|
|
@@ -5465,7 +5471,7 @@ const Is = (e) => {
|
|
|
5465
5471
|
"invite-agents__accepting-agents": "lc-InviteAgents-module__invite-agents__accepting-agents___KNMQw",
|
|
5466
5472
|
"invite-agents__accepting-agents-row": "lc-InviteAgents-module__invite-agents__accepting-agents-row___bTb9i"
|
|
5467
5473
|
}, De = "invite-agents", Sc = 50, xc = (l) => {
|
|
5468
|
-
var
|
|
5474
|
+
var s = l, {
|
|
5469
5475
|
agents: e,
|
|
5470
5476
|
onSetUpChatbotClick: a,
|
|
5471
5477
|
onAddTeammateClick: r,
|
|
@@ -5474,7 +5480,7 @@ const Is = (e) => {
|
|
|
5474
5480
|
tooltipArrowOffset: n = 13,
|
|
5475
5481
|
onAvailableAgentsClick: i,
|
|
5476
5482
|
showBotsInTooltip: c = !0
|
|
5477
|
-
} =
|
|
5483
|
+
} = s, d = F(s, [
|
|
5478
5484
|
"agents",
|
|
5479
5485
|
"onSetUpChatbotClick",
|
|
5480
5486
|
"onAddTeammateClick",
|
|
@@ -5486,7 +5492,7 @@ const Is = (e) => {
|
|
|
5486
5492
|
]);
|
|
5487
5493
|
const [m, p] = Jt(!1), [v, h] = Jt(!1), {
|
|
5488
5494
|
availableAgentsNumber: b,
|
|
5489
|
-
visibleAgents:
|
|
5495
|
+
visibleAgents: y,
|
|
5490
5496
|
hasOnlyUnavailableAgents: C,
|
|
5491
5497
|
onlyAgentsNumber: N,
|
|
5492
5498
|
onlyBotsNumber: B
|
|
@@ -5507,7 +5513,7 @@ const Is = (e) => {
|
|
|
5507
5513
|
a(), p(!1), h(!1);
|
|
5508
5514
|
}, x = () => {
|
|
5509
5515
|
r(), p(!1), h(!1);
|
|
5510
|
-
},
|
|
5516
|
+
}, w = () => {
|
|
5511
5517
|
i(), p(!1), h(!1);
|
|
5512
5518
|
}, S = [
|
|
5513
5519
|
{
|
|
@@ -5523,7 +5529,7 @@ const Is = (e) => {
|
|
|
5523
5529
|
];
|
|
5524
5530
|
return /* @__PURE__ */ f(
|
|
5525
5531
|
"div",
|
|
5526
|
-
E(k({},
|
|
5532
|
+
E(k({}, d), {
|
|
5527
5533
|
className: u(
|
|
5528
5534
|
Dt.Dark,
|
|
5529
5535
|
Ae[De],
|
|
@@ -5548,7 +5554,7 @@ const Is = (e) => {
|
|
|
5548
5554
|
"div",
|
|
5549
5555
|
{
|
|
5550
5556
|
className: Ae[`${De}__not-accepting`],
|
|
5551
|
-
onClick:
|
|
5557
|
+
onClick: w,
|
|
5552
5558
|
children: [
|
|
5553
5559
|
/* @__PURE__ */ t(
|
|
5554
5560
|
"div",
|
|
@@ -5565,9 +5571,9 @@ const Is = (e) => {
|
|
|
5565
5571
|
"div",
|
|
5566
5572
|
{
|
|
5567
5573
|
className: Ae[`${De}__tooltip-trigger`],
|
|
5568
|
-
onClick:
|
|
5574
|
+
onClick: w,
|
|
5569
5575
|
children: [
|
|
5570
|
-
/* @__PURE__ */ t("div", { className: Ae[`${De}__avatar-container`], children:
|
|
5576
|
+
/* @__PURE__ */ t("div", { className: Ae[`${De}__avatar-container`], children: y.map((I, R) => /* @__PURE__ */ t(
|
|
5571
5577
|
Q_,
|
|
5572
5578
|
{
|
|
5573
5579
|
text: I.name,
|
|
@@ -5615,7 +5621,7 @@ const Is = (e) => {
|
|
|
5615
5621
|
noMargin: !0,
|
|
5616
5622
|
className: Ae[`${De}__accepting-agents-row`],
|
|
5617
5623
|
children: [
|
|
5618
|
-
/* @__PURE__ */ t(P, { source:
|
|
5624
|
+
/* @__PURE__ */ t(P, { source: wo }),
|
|
5619
5625
|
or(
|
|
5620
5626
|
N,
|
|
5621
5627
|
"1 agent",
|
|
@@ -5699,8 +5705,8 @@ const Is = (e) => {
|
|
|
5699
5705
|
modal__heading: Tc,
|
|
5700
5706
|
"modal__label-heading": "lc-Modal-module__modal__label-heading___OZoP1",
|
|
5701
5707
|
modal__footer: Ac
|
|
5702
|
-
}, ua = "modal-base", Dc = (
|
|
5703
|
-
var l =
|
|
5708
|
+
}, ua = "modal-base", Dc = (d) => {
|
|
5709
|
+
var l = d, {
|
|
5704
5710
|
children: e,
|
|
5705
5711
|
className: a = "",
|
|
5706
5712
|
onClose: r,
|
|
@@ -5717,7 +5723,7 @@ const Is = (e) => {
|
|
|
5717
5723
|
"fullSpaceContent",
|
|
5718
5724
|
"isLabelled"
|
|
5719
5725
|
]);
|
|
5720
|
-
const
|
|
5726
|
+
const s = u(
|
|
5721
5727
|
ve[ua],
|
|
5722
5728
|
a,
|
|
5723
5729
|
n && ve[`${ua}--full-space`]
|
|
@@ -5746,7 +5752,7 @@ const Is = (e) => {
|
|
|
5746
5752
|
E(k({
|
|
5747
5753
|
role: "dialog",
|
|
5748
5754
|
"aria-modal": !0,
|
|
5749
|
-
className:
|
|
5755
|
+
className: s
|
|
5750
5756
|
}, c), {
|
|
5751
5757
|
children: e
|
|
5752
5758
|
})
|
|
@@ -5772,7 +5778,7 @@ const Is = (e) => {
|
|
|
5772
5778
|
icon: /* @__PURE__ */ t(P, { source: Ue, size: "medium", customColor: a })
|
|
5773
5779
|
}
|
|
5774
5780
|
), Tt = "modal", Ls = (l) => {
|
|
5775
|
-
var
|
|
5781
|
+
var s = l, {
|
|
5776
5782
|
children: e,
|
|
5777
5783
|
className: a = "",
|
|
5778
5784
|
heading: r,
|
|
@@ -5781,7 +5787,7 @@ const Is = (e) => {
|
|
|
5781
5787
|
footer: n,
|
|
5782
5788
|
onClose: i,
|
|
5783
5789
|
contentClassName: c
|
|
5784
|
-
} =
|
|
5790
|
+
} = s, d = F(s, [
|
|
5785
5791
|
"children",
|
|
5786
5792
|
"className",
|
|
5787
5793
|
"heading",
|
|
@@ -5801,7 +5807,7 @@ const Is = (e) => {
|
|
|
5801
5807
|
fullSpaceContent: o,
|
|
5802
5808
|
onClose: i,
|
|
5803
5809
|
isLabelled: !!_
|
|
5804
|
-
},
|
|
5810
|
+
}, d), {
|
|
5805
5811
|
children: [
|
|
5806
5812
|
_ && /* @__PURE__ */ f("div", { className: ve[`${Tt}__label-header`], children: [
|
|
5807
5813
|
/* @__PURE__ */ t(
|
|
@@ -5944,8 +5950,8 @@ const Is = (e) => {
|
|
|
5944
5950
|
"numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___s2O8w",
|
|
5945
5951
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___nO8zN",
|
|
5946
5952
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___y9v6f"
|
|
5947
|
-
}, Zt = "numeric-input", zs = (
|
|
5948
|
-
var m =
|
|
5953
|
+
}, Zt = "numeric-input", zs = (s) => {
|
|
5954
|
+
var m = s, {
|
|
5949
5955
|
className: e,
|
|
5950
5956
|
error: a,
|
|
5951
5957
|
value: r,
|
|
@@ -5954,7 +5960,7 @@ const Is = (e) => {
|
|
|
5954
5960
|
disabled: n,
|
|
5955
5961
|
noControls: i,
|
|
5956
5962
|
style: c,
|
|
5957
|
-
onChange:
|
|
5963
|
+
onChange: d
|
|
5958
5964
|
} = m, l = F(m, [
|
|
5959
5965
|
"className",
|
|
5960
5966
|
"error",
|
|
@@ -5974,14 +5980,14 @@ const Is = (e) => {
|
|
|
5974
5980
|
[Xt[`${Zt}--disabled`]]: n
|
|
5975
5981
|
},
|
|
5976
5982
|
e
|
|
5977
|
-
), h = (
|
|
5978
|
-
const S = parseInt(r, 10) +
|
|
5983
|
+
), h = (w) => d(String(w)), b = (w) => _ !== void 0 && w > _ ? _ : o !== void 0 && w < o ? o : w, y = (w) => {
|
|
5984
|
+
const S = parseInt(r, 10) + w;
|
|
5979
5985
|
return h(b(S));
|
|
5980
|
-
}, C = (
|
|
5981
|
-
|
|
5982
|
-
}, N = (
|
|
5983
|
-
|
|
5984
|
-
const S =
|
|
5986
|
+
}, C = (w) => {
|
|
5987
|
+
w.key === ke.arrowDown && (w.preventDefault(), y(-1)), w.key === ke.arrowUp && (w.preventDefault(), y(1));
|
|
5988
|
+
}, N = (w, S) => S !== void 0 && parseInt(w, 10) === S, B = (w) => {
|
|
5989
|
+
w.preventDefault(), w.stopPropagation();
|
|
5990
|
+
const S = w.currentTarget.value.replace(
|
|
5985
5991
|
/((?!([-]|([-]?\d+))).)/,
|
|
5986
5992
|
""
|
|
5987
5993
|
);
|
|
@@ -5990,11 +5996,11 @@ const Is = (e) => {
|
|
|
5990
5996
|
const I = parseInt(S, 10);
|
|
5991
5997
|
return h(b(I));
|
|
5992
5998
|
}, $ = () => {
|
|
5993
|
-
var
|
|
5994
|
-
return (
|
|
5999
|
+
var w;
|
|
6000
|
+
return (w = p.current) == null || w.focus(), y(1);
|
|
5995
6001
|
}, x = () => {
|
|
5996
|
-
var
|
|
5997
|
-
return (
|
|
6002
|
+
var w;
|
|
6003
|
+
return (w = p.current) == null || w.focus(), y(-1);
|
|
5998
6004
|
};
|
|
5999
6005
|
return /* @__PURE__ */ f("div", { className: v, style: c, children: [
|
|
6000
6006
|
/* @__PURE__ */ t(
|
|
@@ -6078,23 +6084,23 @@ const Is = (e) => {
|
|
|
6078
6084
|
titleHint: n,
|
|
6079
6085
|
description: i,
|
|
6080
6086
|
onClick: c,
|
|
6081
|
-
cta:
|
|
6087
|
+
cta: d
|
|
6082
6088
|
}) => {
|
|
6083
|
-
const l = g.useRef(null),
|
|
6089
|
+
const l = g.useRef(null), s = g.useRef(null), [m, p] = g.useState(0), v = g.useRef(m);
|
|
6084
6090
|
return g.useEffect(() => {
|
|
6085
6091
|
a && l.current && l.current.focus();
|
|
6086
6092
|
}, [a]), g.useEffect(() => {
|
|
6087
6093
|
const h = !!window.ResizeObserver;
|
|
6088
|
-
if (
|
|
6089
|
-
const b = new ResizeObserver((
|
|
6090
|
-
const C =
|
|
6094
|
+
if (s.current && h) {
|
|
6095
|
+
const b = new ResizeObserver((y) => {
|
|
6096
|
+
const C = y[0];
|
|
6091
6097
|
if (!C) return;
|
|
6092
6098
|
const N = C.contentRect.height + Pc;
|
|
6093
6099
|
v.current !== N && (p(N), v.current = N);
|
|
6094
6100
|
});
|
|
6095
|
-
return b.observe(
|
|
6101
|
+
return b.observe(s.current), () => b.disconnect();
|
|
6096
6102
|
}
|
|
6097
|
-
}, [
|
|
6103
|
+
}, [s]), /* @__PURE__ */ f(
|
|
6098
6104
|
"div",
|
|
6099
6105
|
{
|
|
6100
6106
|
className: u(pe[ge], {
|
|
@@ -6160,7 +6166,7 @@ const Is = (e) => {
|
|
|
6160
6166
|
[pe[`${ge}__content__inner--open`]]: a
|
|
6161
6167
|
}),
|
|
6162
6168
|
style: { maxHeight: a ? m : 0 },
|
|
6163
|
-
children: /* @__PURE__ */ f("div", { ref:
|
|
6169
|
+
children: /* @__PURE__ */ f("div", { ref: s, children: [
|
|
6164
6170
|
/* @__PURE__ */ t(
|
|
6165
6171
|
A,
|
|
6166
6172
|
{
|
|
@@ -6169,7 +6175,7 @@ const Is = (e) => {
|
|
|
6169
6175
|
children: i
|
|
6170
6176
|
}
|
|
6171
6177
|
),
|
|
6172
|
-
/* @__PURE__ */ t("div", { className: pe[`${ge}__content__inner__cta`], children:
|
|
6178
|
+
/* @__PURE__ */ t("div", { className: pe[`${ge}__content__inner__cta`], children: d })
|
|
6173
6179
|
] })
|
|
6174
6180
|
}
|
|
6175
6181
|
)
|
|
@@ -6208,18 +6214,18 @@ const Is = (e) => {
|
|
|
6208
6214
|
onActiveChange: n,
|
|
6209
6215
|
placeholderClassName: i,
|
|
6210
6216
|
isCompleted: c = !1,
|
|
6211
|
-
completionMessageData:
|
|
6217
|
+
completionMessageData: d,
|
|
6212
6218
|
className: l
|
|
6213
6219
|
}) => {
|
|
6214
6220
|
var B;
|
|
6215
|
-
const [
|
|
6221
|
+
const [s, m] = g.useState(c), [p, v] = g.useState(!c), [h, b] = g.useState(void 0), y = g.useRef(null), C = d.height || 96, N = () => {
|
|
6216
6222
|
v(($) => !$);
|
|
6217
6223
|
};
|
|
6218
6224
|
return g.useEffect(() => {
|
|
6219
|
-
const $ =
|
|
6225
|
+
const $ = d.delay || 1500, x = y.current;
|
|
6220
6226
|
if (c && x) {
|
|
6221
|
-
const
|
|
6222
|
-
b(
|
|
6227
|
+
const w = x.offsetHeight;
|
|
6228
|
+
b(w);
|
|
6223
6229
|
const S = setTimeout(() => {
|
|
6224
6230
|
m(!0), v(!1);
|
|
6225
6231
|
}, $);
|
|
@@ -6230,16 +6236,16 @@ const Is = (e) => {
|
|
|
6230
6236
|
}, [c]), /* @__PURE__ */ f(
|
|
6231
6237
|
"div",
|
|
6232
6238
|
{
|
|
6233
|
-
ref:
|
|
6239
|
+
ref: y,
|
|
6234
6240
|
className: u(
|
|
6235
6241
|
ee[te],
|
|
6236
6242
|
{
|
|
6237
|
-
[ee[`${te}--complete`]]:
|
|
6243
|
+
[ee[`${te}--complete`]]: s && !p
|
|
6238
6244
|
},
|
|
6239
6245
|
l
|
|
6240
6246
|
),
|
|
6241
6247
|
style: {
|
|
6242
|
-
height: !
|
|
6248
|
+
height: !s || p ? h : C
|
|
6243
6249
|
},
|
|
6244
6250
|
children: [
|
|
6245
6251
|
p && /* @__PURE__ */ f(ne, { children: [
|
|
@@ -6291,7 +6297,7 @@ const Is = (e) => {
|
|
|
6291
6297
|
),
|
|
6292
6298
|
children: [
|
|
6293
6299
|
!c && /* @__PURE__ */ t("div", { className: ee[`${te}__placeholder`], children: (B = o.find(($) => $.id === e)) == null ? void 0 : B.placeholder }),
|
|
6294
|
-
c && /* @__PURE__ */ t("div", { className: ee[`${te}__placeholder`], children:
|
|
6300
|
+
c && /* @__PURE__ */ t("div", { className: ee[`${te}__placeholder`], children: d.placeholder })
|
|
6295
6301
|
]
|
|
6296
6302
|
}
|
|
6297
6303
|
)
|
|
@@ -6306,12 +6312,12 @@ const Is = (e) => {
|
|
|
6306
6312
|
}
|
|
6307
6313
|
) }),
|
|
6308
6314
|
/* @__PURE__ */ f("div", { children: [
|
|
6309
|
-
(
|
|
6315
|
+
(d == null ? void 0 : d.greetingText) && /* @__PURE__ */ t(
|
|
6310
6316
|
A,
|
|
6311
6317
|
{
|
|
6312
6318
|
size: "lg",
|
|
6313
6319
|
className: ee[`${te}__complete__label`],
|
|
6314
|
-
children:
|
|
6320
|
+
children: d.greetingText
|
|
6315
6321
|
}
|
|
6316
6322
|
),
|
|
6317
6323
|
/* @__PURE__ */ t(
|
|
@@ -6319,12 +6325,12 @@ const Is = (e) => {
|
|
|
6319
6325
|
{
|
|
6320
6326
|
size: "sm",
|
|
6321
6327
|
className: ee[`${te}__complete__title`],
|
|
6322
|
-
children:
|
|
6328
|
+
children: d.title
|
|
6323
6329
|
}
|
|
6324
6330
|
)
|
|
6325
6331
|
] })
|
|
6326
6332
|
] }) }),
|
|
6327
|
-
|
|
6333
|
+
s && /* @__PURE__ */ t(
|
|
6328
6334
|
j,
|
|
6329
6335
|
{
|
|
6330
6336
|
kind: p ? "float" : "text",
|
|
@@ -6357,21 +6363,21 @@ const Is = (e) => {
|
|
|
6357
6363
|
triggerClassName: n,
|
|
6358
6364
|
placement: i,
|
|
6359
6365
|
flipOptions: c,
|
|
6360
|
-
offsetSize:
|
|
6366
|
+
offsetSize: d = 4,
|
|
6361
6367
|
isVisible: l,
|
|
6362
|
-
openedOnInit:
|
|
6368
|
+
openedOnInit: s,
|
|
6363
6369
|
closeOnEsc: m = !0,
|
|
6364
6370
|
useDismissHookProps: p,
|
|
6365
6371
|
useClickHookProps: v,
|
|
6366
6372
|
floatingStrategy: h
|
|
6367
6373
|
}) => {
|
|
6368
|
-
const [b,
|
|
6369
|
-
He ? r == null || r(rt) : a == null || a(rt), !B &&
|
|
6374
|
+
const [b, y] = g.useState(s), C = lr(), N = Ba(), B = l !== void 0, $ = B ? l : b, x = typeof _ == "string", w = typeof e == "function", S = (He, rt) => {
|
|
6375
|
+
He ? r == null || r(rt) : a == null || a(rt), !B && y(He);
|
|
6370
6376
|
}, { refs: I, context: R, floatingStyles: G } = Ea({
|
|
6371
6377
|
nodeId: N,
|
|
6372
6378
|
open: $,
|
|
6373
6379
|
onOpenChange: S,
|
|
6374
|
-
middleware: [Ia(
|
|
6380
|
+
middleware: [Ia(d), sr(c), Wr()],
|
|
6375
6381
|
placement: i,
|
|
6376
6382
|
strategy: h,
|
|
6377
6383
|
whileElementsMounted: Ta
|
|
@@ -6389,7 +6395,7 @@ const Is = (e) => {
|
|
|
6389
6395
|
ref: I.setReference
|
|
6390
6396
|
}, ie()), {
|
|
6391
6397
|
className: n,
|
|
6392
|
-
children:
|
|
6398
|
+
children: w ? e() : e
|
|
6393
6399
|
})
|
|
6394
6400
|
),
|
|
6395
6401
|
/* @__PURE__ */ t(ta, { id: N, children: $ && /* @__PURE__ */ t(Fr, { context: R, modal: !1, children: /* @__PURE__ */ t(
|
|
@@ -6507,9 +6513,9 @@ const Is = (e) => {
|
|
|
6507
6513
|
notificationCount: n,
|
|
6508
6514
|
name: i,
|
|
6509
6515
|
url: c,
|
|
6510
|
-
withDivider:
|
|
6516
|
+
withDivider: d,
|
|
6511
6517
|
shortcutKey: l,
|
|
6512
|
-
expired:
|
|
6518
|
+
expired: s,
|
|
6513
6519
|
trialDaysLeft: m,
|
|
6514
6520
|
nameAdornment: p
|
|
6515
6521
|
},
|
|
@@ -6517,16 +6523,16 @@ const Is = (e) => {
|
|
|
6517
6523
|
isActive: h = !1,
|
|
6518
6524
|
isDarkMode: b
|
|
6519
6525
|
}) => /* @__PURE__ */ f(ne, { children: [
|
|
6520
|
-
|
|
6526
|
+
d && /* @__PURE__ */ t("div", { className: Ye[`${Xe}__divider`] }),
|
|
6521
6527
|
/* @__PURE__ */ f(
|
|
6522
6528
|
"a",
|
|
6523
6529
|
{
|
|
6524
6530
|
href: c,
|
|
6525
6531
|
target: "_blank",
|
|
6526
6532
|
"aria-label": `Go to ${i} product`,
|
|
6527
|
-
onClick: (
|
|
6533
|
+
onClick: (y) => v(y, e),
|
|
6528
6534
|
className: u(Ye[Xe], {
|
|
6529
|
-
[Ye[`${Xe}--expired`]]:
|
|
6535
|
+
[Ye[`${Xe}--expired`]]: s
|
|
6530
6536
|
}),
|
|
6531
6537
|
children: [
|
|
6532
6538
|
/* @__PURE__ */ f("div", { className: Ye[`${Xe}__heading`], children: [
|
|
@@ -6535,7 +6541,7 @@ const Is = (e) => {
|
|
|
6535
6541
|
{
|
|
6536
6542
|
icon: a,
|
|
6537
6543
|
iconColor: r,
|
|
6538
|
-
expired:
|
|
6544
|
+
expired: s,
|
|
6539
6545
|
backgroundColors: _,
|
|
6540
6546
|
borderColor: o,
|
|
6541
6547
|
notificationCount: n,
|
|
@@ -6544,7 +6550,7 @@ const Is = (e) => {
|
|
|
6544
6550
|
),
|
|
6545
6551
|
/* @__PURE__ */ f(A, { as: "div", bold: !0, className: Ye[`${Xe}__name`], children: [
|
|
6546
6552
|
i,
|
|
6547
|
-
|
|
6553
|
+
s && /* @__PURE__ */ t(
|
|
6548
6554
|
Ut,
|
|
6549
6555
|
{
|
|
6550
6556
|
className: u({
|
|
@@ -6608,23 +6614,23 @@ const Is = (e) => {
|
|
|
6608
6614
|
onOpen: n,
|
|
6609
6615
|
onClose: i,
|
|
6610
6616
|
onSelect: c,
|
|
6611
|
-
textURL:
|
|
6617
|
+
textURL: d = "https://www.text.com"
|
|
6612
6618
|
}) => {
|
|
6613
|
-
const [l,
|
|
6619
|
+
const [l, s] = g.useState(r), [m, p] = Jt(
|
|
6614
6620
|
!1
|
|
6615
|
-
), v = lr(), h = Ba(), b = _ !== void 0,
|
|
6616
|
-
H ? n == null || n(K) : i == null || i(K), !b &&
|
|
6621
|
+
), v = lr(), h = Ba(), b = _ !== void 0, y = b ? _ : l, C = (H, K) => {
|
|
6622
|
+
H ? n == null || n(K) : i == null || i(K), !b && s(H);
|
|
6617
6623
|
}, { refs: N, context: B, floatingStyles: $ } = Ea({
|
|
6618
6624
|
nodeId: h,
|
|
6619
6625
|
strategy: "fixed",
|
|
6620
6626
|
placement: "right-start",
|
|
6621
|
-
open:
|
|
6627
|
+
open: y,
|
|
6622
6628
|
onOpenChange: (H, K) => {
|
|
6623
6629
|
p(!1), C(H, K);
|
|
6624
6630
|
},
|
|
6625
6631
|
middleware: [Ia({ mainAxis: 5 })],
|
|
6626
6632
|
whileElementsMounted: Ta
|
|
6627
|
-
}), x = Aa(B),
|
|
6633
|
+
}), x = Aa(B), w = Pa(B), S = Da(B), { isMounted: I, styles: R } = Vr(B, {
|
|
6628
6634
|
duration: 200,
|
|
6629
6635
|
common: {
|
|
6630
6636
|
transformOrigin: "left top"
|
|
@@ -6636,14 +6642,14 @@ const Is = (e) => {
|
|
|
6636
6642
|
}), { getReferenceProps: G, getFloatingProps: T } = Fa([
|
|
6637
6643
|
x,
|
|
6638
6644
|
S,
|
|
6639
|
-
|
|
6645
|
+
w
|
|
6640
6646
|
]), D = e.find(
|
|
6641
6647
|
(H) => H.id === a
|
|
6642
6648
|
);
|
|
6643
6649
|
if (!D)
|
|
6644
6650
|
return null;
|
|
6645
6651
|
const z = (H, K) => {
|
|
6646
|
-
K === a && H.preventDefault(),
|
|
6652
|
+
K === a && H.preventDefault(), s(!1), c == null || c(K);
|
|
6647
6653
|
}, ie = e.reduce(
|
|
6648
6654
|
(H, K) => H + (K.notificationCount || 0),
|
|
6649
6655
|
0
|
|
@@ -6704,7 +6710,7 @@ const Is = (e) => {
|
|
|
6704
6710
|
/* @__PURE__ */ t("div", { className: fa[`${ba}__footer`], children: /* @__PURE__ */ f(
|
|
6705
6711
|
"a",
|
|
6706
6712
|
{
|
|
6707
|
-
href:
|
|
6713
|
+
href: d,
|
|
6708
6714
|
target: "_blank",
|
|
6709
6715
|
className: fa[`${ba}__footer-link`],
|
|
6710
6716
|
onClick: () => C(!1),
|
|
@@ -6946,14 +6952,14 @@ const Is = (e) => {
|
|
|
6946
6952
|
}, Kc = (e, a) => zc.includes(e) || a.some(
|
|
6947
6953
|
(r) => r.product === Qr[e]
|
|
6948
6954
|
), Yc = (e, a, r, _, o, n) => {
|
|
6949
|
-
var c,
|
|
6955
|
+
var c, d, l, s, m;
|
|
6950
6956
|
const i = a.find(
|
|
6951
6957
|
(p) => p.product === Qr[e.id]
|
|
6952
6958
|
);
|
|
6953
6959
|
if (!i)
|
|
6954
6960
|
throw new Error(`Product data for ${e.id} not found`);
|
|
6955
6961
|
return E(k({}, e), {
|
|
6956
|
-
trialDaysLeft: r[e.id] && ((c = r[e.id]) == null ? void 0 : c.status) === "trial" && ((
|
|
6962
|
+
trialDaysLeft: r[e.id] && ((c = r[e.id]) == null ? void 0 : c.status) === "trial" && ((d = r[e.id]) != null && d.next_charge_at) ? Wc((s = (l = r[e.id]) == null ? void 0 : l.next_charge_at) != null ? s : "") : void 0,
|
|
6957
6963
|
expired: ((m = r[e.id]) == null ? void 0 : m.status) === "expired",
|
|
6958
6964
|
url: Vc(
|
|
6959
6965
|
i.clientId,
|
|
@@ -7040,17 +7046,17 @@ const va = {
|
|
|
7040
7046
|
"className",
|
|
7041
7047
|
"size"
|
|
7042
7048
|
]);
|
|
7043
|
-
const
|
|
7049
|
+
const d = _o(e, a), l = qc[_], s = jc[_], m = u(
|
|
7044
7050
|
va[ka],
|
|
7045
7051
|
{
|
|
7046
7052
|
[va[`${ka}--${_}`]]: _,
|
|
7047
7053
|
[va[`${ka}--${e}`]]: e
|
|
7048
7054
|
},
|
|
7049
7055
|
r
|
|
7050
|
-
), p = 2 * Math.PI * ((
|
|
7056
|
+
), p = 2 * Math.PI * ((s - l) / 2), v = {
|
|
7051
7057
|
strokeDasharray: p.toFixed(3),
|
|
7052
|
-
strokeDashoffset: `${((100 -
|
|
7053
|
-
}, h = `${
|
|
7058
|
+
strokeDashoffset: `${((100 - d) / 100 * p).toFixed(3)}px`
|
|
7059
|
+
}, h = `${s / 2} ${s / 2} ${s} ${s}`;
|
|
7054
7060
|
return /* @__PURE__ */ t(
|
|
7055
7061
|
"div",
|
|
7056
7062
|
E(k({
|
|
@@ -7063,9 +7069,9 @@ const va = {
|
|
|
7063
7069
|
"circle",
|
|
7064
7070
|
{
|
|
7065
7071
|
className: va[`${ka}__bg-line--${e}`],
|
|
7066
|
-
cx:
|
|
7067
|
-
cy:
|
|
7068
|
-
r: (
|
|
7072
|
+
cx: s,
|
|
7073
|
+
cy: s,
|
|
7074
|
+
r: (s - l) / 2,
|
|
7069
7075
|
fill: "none",
|
|
7070
7076
|
strokeWidth: l
|
|
7071
7077
|
}
|
|
@@ -7075,9 +7081,9 @@ const va = {
|
|
|
7075
7081
|
{
|
|
7076
7082
|
className: va[`${ka}__indicator--${e}`],
|
|
7077
7083
|
style: v,
|
|
7078
|
-
cx:
|
|
7079
|
-
cy:
|
|
7080
|
-
r: (
|
|
7084
|
+
cx: s,
|
|
7085
|
+
cy: s,
|
|
7086
|
+
r: (s - l) / 2,
|
|
7081
7087
|
fill: "none",
|
|
7082
7088
|
strokeWidth: l
|
|
7083
7089
|
}
|
|
@@ -7109,7 +7115,7 @@ const va = {
|
|
|
7109
7115
|
"size",
|
|
7110
7116
|
"className"
|
|
7111
7117
|
]);
|
|
7112
|
-
const
|
|
7118
|
+
const d = _o(e, a), l = u(
|
|
7113
7119
|
Qa[Ja],
|
|
7114
7120
|
{
|
|
7115
7121
|
[Qa[`${Ja}--${r}`]]: r,
|
|
@@ -7128,7 +7134,7 @@ const va = {
|
|
|
7128
7134
|
{
|
|
7129
7135
|
"data-testid": "progress-bar-indicator",
|
|
7130
7136
|
className: Qa[`${Ja}__indicator--${e}`],
|
|
7131
|
-
style: { width: `${
|
|
7137
|
+
style: { width: `${d}%` }
|
|
7132
7138
|
}
|
|
7133
7139
|
)
|
|
7134
7140
|
})
|
|
@@ -7155,10 +7161,10 @@ const va = {
|
|
|
7155
7161
|
light: n = !1,
|
|
7156
7162
|
linkText: i,
|
|
7157
7163
|
onButtonClick: c,
|
|
7158
|
-
onClose:
|
|
7164
|
+
onClose: d,
|
|
7159
7165
|
onLinkClick: l
|
|
7160
7166
|
}) => {
|
|
7161
|
-
const
|
|
7167
|
+
const s = g.useRef(null), [m, p] = g.useState("medium"), v = u(
|
|
7162
7168
|
Ze[qe],
|
|
7163
7169
|
{
|
|
7164
7170
|
[Ze[`${qe}--light`]]: n,
|
|
@@ -7168,12 +7174,12 @@ const va = {
|
|
|
7168
7174
|
e
|
|
7169
7175
|
);
|
|
7170
7176
|
g.useEffect(() => {
|
|
7171
|
-
const b = () =>
|
|
7177
|
+
const b = () => s.current && s.current.offsetWidth <= el ? p("small") : s.current && s.current.offsetWidth >= tl ? p("large") : p("medium"), y = P_(
|
|
7172
7178
|
b,
|
|
7173
7179
|
al
|
|
7174
7180
|
);
|
|
7175
|
-
return window.addEventListener("resize",
|
|
7176
|
-
|
|
7181
|
+
return window.addEventListener("resize", y), b(), () => {
|
|
7182
|
+
y.cancel(), window.removeEventListener("resize", y);
|
|
7177
7183
|
};
|
|
7178
7184
|
}, []);
|
|
7179
7185
|
const h = /* @__PURE__ */ f("div", { className: Ze[`${qe}__footer`], children: [
|
|
@@ -7189,7 +7195,7 @@ const va = {
|
|
|
7189
7195
|
),
|
|
7190
7196
|
i && /* @__PURE__ */ t(j, { size: "compact", kind: "text", onClick: l, children: i })
|
|
7191
7197
|
] });
|
|
7192
|
-
return /* @__PURE__ */ f("div", { ref:
|
|
7198
|
+
return /* @__PURE__ */ f("div", { ref: s, className: v, children: [
|
|
7193
7199
|
/* @__PURE__ */ f("div", { className: Ze[`${qe}__content`], children: [
|
|
7194
7200
|
o && /* @__PURE__ */ t("img", { src: o, className: Ze[`${qe}__img`] }),
|
|
7195
7201
|
/* @__PURE__ */ f("div", { className: Ze[`${qe}__wrapper`], children: [
|
|
@@ -7199,12 +7205,12 @@ const va = {
|
|
|
7199
7205
|
] }),
|
|
7200
7206
|
m === "large" && h
|
|
7201
7207
|
] }),
|
|
7202
|
-
|
|
7208
|
+
d && /* @__PURE__ */ t(
|
|
7203
7209
|
"button",
|
|
7204
7210
|
{
|
|
7205
7211
|
type: "button",
|
|
7206
7212
|
className: Ze[`${qe}__close-icon`],
|
|
7207
|
-
onClick:
|
|
7213
|
+
onClick: d,
|
|
7208
7214
|
children: /* @__PURE__ */ t(P, { source: Ue, size: "large", kind: "primary" })
|
|
7209
7215
|
}
|
|
7210
7216
|
)
|
|
@@ -7229,16 +7235,16 @@ const va = {
|
|
|
7229
7235
|
vertical: n,
|
|
7230
7236
|
contentClassName: i,
|
|
7231
7237
|
additionalContentClassName: c,
|
|
7232
|
-
onClose:
|
|
7238
|
+
onClose: d,
|
|
7233
7239
|
kind: l = "default"
|
|
7234
7240
|
}) => {
|
|
7235
|
-
const
|
|
7241
|
+
const s = u(
|
|
7236
7242
|
it["main-wrapper"],
|
|
7237
7243
|
it[`${ht}--${l}`],
|
|
7238
7244
|
l === "dark" && Dt.Dark,
|
|
7239
7245
|
a
|
|
7240
7246
|
);
|
|
7241
|
-
return /* @__PURE__ */ t("div", { role: "banner", className:
|
|
7247
|
+
return /* @__PURE__ */ t("div", { role: "banner", className: s, children: /* @__PURE__ */ f(
|
|
7242
7248
|
"div",
|
|
7243
7249
|
{
|
|
7244
7250
|
className: u(
|
|
@@ -7289,11 +7295,11 @@ const va = {
|
|
|
7289
7295
|
children: r
|
|
7290
7296
|
}
|
|
7291
7297
|
),
|
|
7292
|
-
|
|
7298
|
+
d && /* @__PURE__ */ t("div", { className: it[`${ht}__close`], children: /* @__PURE__ */ t(
|
|
7293
7299
|
j,
|
|
7294
7300
|
{
|
|
7295
7301
|
className: it[`${ht}__close__btn`],
|
|
7296
|
-
onClick:
|
|
7302
|
+
onClick: d,
|
|
7297
7303
|
icon: /* @__PURE__ */ t(P, { source: Ue, kind: "primary" }),
|
|
7298
7304
|
kind: "plain",
|
|
7299
7305
|
size: "compact"
|
|
@@ -7314,7 +7320,7 @@ const va = {
|
|
|
7314
7320
|
"radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___StpOi"
|
|
7315
7321
|
}, bt = "radio-button", qs = g.forwardRef(
|
|
7316
7322
|
(c, i) => {
|
|
7317
|
-
var
|
|
7323
|
+
var d = c, { children: e, className: a = "", description: r, checked: _, disabled: o } = d, n = F(d, ["children", "className", "description", "checked", "disabled"]);
|
|
7318
7324
|
const l = u(ft[bt], a, {
|
|
7319
7325
|
[ft[`${bt}--selected`]]: _,
|
|
7320
7326
|
[ft[`${bt}--disabled`]]: o
|
|
@@ -7363,7 +7369,7 @@ const va = {
|
|
|
7363
7369
|
"search-input__input-wrapper--large": "lc-SearchInput-module__search-input__input-wrapper--large___ZwZ0o",
|
|
7364
7370
|
"search-input__input-wrapper--crop": "lc-SearchInput-module__search-input__input-wrapper--crop___JA7J1"
|
|
7365
7371
|
}, Ge = "search-input", Br = `${Ge}__input-wrapper`, rl = g.forwardRef(
|
|
7366
|
-
(m,
|
|
7372
|
+
(m, s) => {
|
|
7367
7373
|
var p = m, {
|
|
7368
7374
|
isCollapsable: e,
|
|
7369
7375
|
isDisabled: a,
|
|
@@ -7373,7 +7379,7 @@ const va = {
|
|
|
7373
7379
|
value: n,
|
|
7374
7380
|
className: i,
|
|
7375
7381
|
cropOnBlur: c = !0,
|
|
7376
|
-
onChange:
|
|
7382
|
+
onChange: d
|
|
7377
7383
|
} = p, l = F(p, [
|
|
7378
7384
|
"isCollapsable",
|
|
7379
7385
|
"isDisabled",
|
|
@@ -7386,12 +7392,12 @@ const va = {
|
|
|
7386
7392
|
"onChange"
|
|
7387
7393
|
]);
|
|
7388
7394
|
const v = g.useRef(null);
|
|
7389
|
-
g.useImperativeHandle(
|
|
7390
|
-
const [h, b] = g.useState(!0), [
|
|
7395
|
+
g.useImperativeHandle(s, () => v.current, [s]);
|
|
7396
|
+
const [h, b] = g.useState(!0), [y, C] = g.useState(!1), N = !!n && !a && !r, B = e && !h && "true", $ = u(
|
|
7391
7397
|
i,
|
|
7392
7398
|
Ne[Ge],
|
|
7393
7399
|
Ne[`${Ge}--${o}`],
|
|
7394
|
-
|
|
7400
|
+
y && Ne[`${Ge}--focused`],
|
|
7395
7401
|
a && Ne[`${Ge}--disabled`],
|
|
7396
7402
|
e && Ne[`${Ge}--collapsable`],
|
|
7397
7403
|
e && Ne[`${Ge}--collapsable--${o}`],
|
|
@@ -7402,9 +7408,9 @@ const va = {
|
|
|
7402
7408
|
}, [e, n]);
|
|
7403
7409
|
const x = (T) => {
|
|
7404
7410
|
const D = T.currentTarget.value;
|
|
7405
|
-
|
|
7406
|
-
},
|
|
7407
|
-
|
|
7411
|
+
d(D);
|
|
7412
|
+
}, w = () => {
|
|
7413
|
+
d("");
|
|
7408
7414
|
}, S = () => {
|
|
7409
7415
|
v.current && v.current.focus();
|
|
7410
7416
|
}, I = () => {
|
|
@@ -7412,7 +7418,7 @@ const va = {
|
|
|
7412
7418
|
}, R = () => {
|
|
7413
7419
|
e && !n && b(!0), C(!1);
|
|
7414
7420
|
}, G = (T) => {
|
|
7415
|
-
T.key === ke.enter && (T.preventDefault(),
|
|
7421
|
+
T.key === ke.enter && (T.preventDefault(), d(n));
|
|
7416
7422
|
};
|
|
7417
7423
|
return /* @__PURE__ */ f(
|
|
7418
7424
|
"div",
|
|
@@ -7466,7 +7472,7 @@ const va = {
|
|
|
7466
7472
|
"aria-label": "Clear search",
|
|
7467
7473
|
title: "Clear search",
|
|
7468
7474
|
className: Ne[`${Ge}__clear-icon`],
|
|
7469
|
-
onClick:
|
|
7475
|
+
onClick: w,
|
|
7470
7476
|
icon: /* @__PURE__ */ t(P, { source: Ue, kind: "primary" }),
|
|
7471
7477
|
kind: "text",
|
|
7472
7478
|
size: "compact"
|
|
@@ -7606,9 +7612,9 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7606
7612
|
onChange: n,
|
|
7607
7613
|
size: i = "large",
|
|
7608
7614
|
state: c = "regular",
|
|
7609
|
-
innerRef:
|
|
7615
|
+
innerRef: d,
|
|
7610
7616
|
ariaLabel: l
|
|
7611
|
-
} = p,
|
|
7617
|
+
} = p, s = F(p, [
|
|
7612
7618
|
"className",
|
|
7613
7619
|
"defaultOn",
|
|
7614
7620
|
"disabled",
|
|
@@ -7622,11 +7628,11 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7622
7628
|
]);
|
|
7623
7629
|
const v = o !== void 0, [h, b] = g.useState(
|
|
7624
7630
|
() => v ? o : a
|
|
7625
|
-
), [
|
|
7631
|
+
), [y, C] = g.useState(!1), N = v ? o : h, B = c === "loading", $ = c === "locked", x = i === "large" ? "small" : "xsmall", w = N ? "on" : "off", S = r || B || $, I = S ? "disabled" : "enabled", R = u(
|
|
7626
7632
|
ce[oe],
|
|
7627
7633
|
ce[`${oe}--${i}`],
|
|
7628
7634
|
{
|
|
7629
|
-
[ce[`${oe}--focused`]]:
|
|
7635
|
+
[ce[`${oe}--focused`]]: y
|
|
7630
7636
|
},
|
|
7631
7637
|
e
|
|
7632
7638
|
), G = (T) => {
|
|
@@ -7644,10 +7650,10 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7644
7650
|
onChange: G,
|
|
7645
7651
|
checked: N,
|
|
7646
7652
|
name: _,
|
|
7647
|
-
ref:
|
|
7653
|
+
ref: d,
|
|
7648
7654
|
disabled: S,
|
|
7649
7655
|
"aria-label": l
|
|
7650
|
-
},
|
|
7656
|
+
}, s), {
|
|
7651
7657
|
onFocus: () => C(!0),
|
|
7652
7658
|
onBlur: () => C(!1)
|
|
7653
7659
|
})
|
|
@@ -7656,7 +7662,7 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7656
7662
|
"span",
|
|
7657
7663
|
{
|
|
7658
7664
|
className: u(ce[`${oe}__container`], {
|
|
7659
|
-
[ce[`${oe}__container--focused`]]:
|
|
7665
|
+
[ce[`${oe}__container--focused`]]: y
|
|
7660
7666
|
}),
|
|
7661
7667
|
children: [
|
|
7662
7668
|
/* @__PURE__ */ t(
|
|
@@ -7664,7 +7670,7 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7664
7670
|
{
|
|
7665
7671
|
className: u(
|
|
7666
7672
|
ce[`${oe}__track`],
|
|
7667
|
-
ce[`${oe}__track--${
|
|
7673
|
+
ce[`${oe}__track--${w}`],
|
|
7668
7674
|
ce[`${oe}__track--${I}`]
|
|
7669
7675
|
)
|
|
7670
7676
|
}
|
|
@@ -7676,7 +7682,7 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7676
7682
|
ce[`${oe}__slider`],
|
|
7677
7683
|
ce[`${oe}__slider--${I}`],
|
|
7678
7684
|
ce[`${oe}__slider--${i}`],
|
|
7679
|
-
ce[`${oe}__slider--${i}--${
|
|
7685
|
+
ce[`${oe}__slider--${i}--${w}`]
|
|
7680
7686
|
),
|
|
7681
7687
|
children: [
|
|
7682
7688
|
B && /* @__PURE__ */ t(
|
|
@@ -7716,8 +7722,8 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7716
7722
|
tab__badge: pl,
|
|
7717
7723
|
"tab--selected": "lc-Tab-module__tab--selected___vsPhT",
|
|
7718
7724
|
"tab--disabled": "lc-Tab-module__tab--disabled___JPMHC"
|
|
7719
|
-
}, Ot = "tab", ad = (
|
|
7720
|
-
var l =
|
|
7725
|
+
}, Ot = "tab", ad = (d) => {
|
|
7726
|
+
var l = d, {
|
|
7721
7727
|
children: e,
|
|
7722
7728
|
className: a,
|
|
7723
7729
|
count: r,
|
|
@@ -7734,7 +7740,7 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7734
7740
|
"size",
|
|
7735
7741
|
"icon"
|
|
7736
7742
|
]);
|
|
7737
|
-
const { disabled:
|
|
7743
|
+
const { disabled: s } = c, m = r !== void 0 && !o, p = r !== void 0 && o;
|
|
7738
7744
|
return /* @__PURE__ */ f(
|
|
7739
7745
|
A,
|
|
7740
7746
|
E(k({}, c), {
|
|
@@ -7747,7 +7753,7 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7747
7753
|
Mt[Ot],
|
|
7748
7754
|
Mt[`${Ot}--${n}`],
|
|
7749
7755
|
_ && Mt[`${Ot}--selected`],
|
|
7750
|
-
|
|
7756
|
+
s && Mt[`${Ot}--disabled`]
|
|
7751
7757
|
),
|
|
7752
7758
|
children: [
|
|
7753
7759
|
i && /* @__PURE__ */ t("div", { "data-testId": "icon", className: Mt[`${Ot}__icon`], children: i }),
|
|
@@ -7787,10 +7793,10 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7787
7793
|
remove: o,
|
|
7788
7794
|
value: n
|
|
7789
7795
|
}) => {
|
|
7790
|
-
const [i, c] = g.useState(!1),
|
|
7791
|
-
const h =
|
|
7796
|
+
const [i, c] = g.useState(!1), d = () => a.current, l = () => {
|
|
7797
|
+
const h = d();
|
|
7792
7798
|
return h ? h.innerText : "";
|
|
7793
|
-
},
|
|
7799
|
+
}, s = () => {
|
|
7794
7800
|
r && r.current && r.current.focus();
|
|
7795
7801
|
};
|
|
7796
7802
|
return /* @__PURE__ */ t(
|
|
@@ -7805,7 +7811,7 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7805
7811
|
document.execCommand("insertHTML", !1, r_(b));
|
|
7806
7812
|
},
|
|
7807
7813
|
onBlur: () => {
|
|
7808
|
-
const h =
|
|
7814
|
+
const h = d();
|
|
7809
7815
|
if (!(i || !h)) {
|
|
7810
7816
|
if (h.innerText === "") {
|
|
7811
7817
|
o();
|
|
@@ -7816,10 +7822,10 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7816
7822
|
},
|
|
7817
7823
|
onKeyDown: (h) => {
|
|
7818
7824
|
if (h.key === ke.enter) {
|
|
7819
|
-
h.preventDefault(),
|
|
7825
|
+
h.preventDefault(), s();
|
|
7820
7826
|
return;
|
|
7821
7827
|
}
|
|
7822
|
-
h.key === ke.backspace && l() === "" && (c(!0), o(),
|
|
7828
|
+
h.key === ke.backspace && l() === "" && (c(!0), o(), s());
|
|
7823
7829
|
},
|
|
7824
7830
|
dangerouslySetInnerHTML: { __html: r_(n) }
|
|
7825
7831
|
}
|
|
@@ -7834,8 +7840,8 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7834
7840
|
size: i,
|
|
7835
7841
|
tagProps: c
|
|
7836
7842
|
}) => {
|
|
7837
|
-
const
|
|
7838
|
-
return /* @__PURE__ */ t(Z_, E(k({ size: i }, c), { kind: m(), onRemove:
|
|
7843
|
+
const d = g.useMemo(() => _ !== void 0 ? _(e) : !0, [e, _]), l = g.useRef(null), s = () => r(a), m = () => d ? c ? c.kind : "default" : "error";
|
|
7844
|
+
return /* @__PURE__ */ t(Z_, E(k({ size: i }, c), { kind: m(), onRemove: s, children: /* @__PURE__ */ t(
|
|
7839
7845
|
fl,
|
|
7840
7846
|
{
|
|
7841
7847
|
value: e,
|
|
@@ -7843,7 +7849,7 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7843
7849
|
innerEditableRef: l,
|
|
7844
7850
|
className: Ca[`${bl}__content`],
|
|
7845
7851
|
change: (p) => n(a, p),
|
|
7846
|
-
remove:
|
|
7852
|
+
remove: s,
|
|
7847
7853
|
validator: _
|
|
7848
7854
|
}
|
|
7849
7855
|
) }));
|
|
@@ -7853,7 +7859,7 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7853
7859
|
ke.tab,
|
|
7854
7860
|
ke.semicolon,
|
|
7855
7861
|
ke.comma
|
|
7856
|
-
], kl = [ke.backspace, ke.delete],
|
|
7862
|
+
], kl = [ke.backspace, ke.delete], yl = (p) => {
|
|
7857
7863
|
var v = p, {
|
|
7858
7864
|
id: e,
|
|
7859
7865
|
tags: a,
|
|
@@ -7863,9 +7869,9 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7863
7869
|
placeholder: n,
|
|
7864
7870
|
size: i = "medium",
|
|
7865
7871
|
className: c,
|
|
7866
|
-
inputClassName:
|
|
7872
|
+
inputClassName: d,
|
|
7867
7873
|
onBlur: l,
|
|
7868
|
-
addOnBlur:
|
|
7874
|
+
addOnBlur: s = !0
|
|
7869
7875
|
} = v, m = F(v, [
|
|
7870
7876
|
"id",
|
|
7871
7877
|
"tags",
|
|
@@ -7886,26 +7892,26 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7886
7892
|
},
|
|
7887
7893
|
c
|
|
7888
7894
|
), b = u(
|
|
7889
|
-
|
|
7895
|
+
d,
|
|
7890
7896
|
Ca[`${er}__input`],
|
|
7891
7897
|
Ca[`${er}__input--${i}`]
|
|
7892
|
-
), [
|
|
7898
|
+
), [y, C] = g.useState(""), N = g.useRef(null), B = (T) => {
|
|
7893
7899
|
T.trim() !== "" && (r([...a || [], T]), C(""));
|
|
7894
7900
|
}, $ = (T) => {
|
|
7895
7901
|
const D = [...a || []];
|
|
7896
7902
|
D.splice(T, 1), r(D);
|
|
7897
|
-
}, x = (T) => C(T.target.value),
|
|
7903
|
+
}, x = (T) => C(T.target.value), w = (T) => {
|
|
7898
7904
|
if (vl.includes(T.key)) {
|
|
7899
|
-
if (T.preventDefault(),
|
|
7905
|
+
if (T.preventDefault(), y === "")
|
|
7900
7906
|
return;
|
|
7901
|
-
B(
|
|
7907
|
+
B(y);
|
|
7902
7908
|
} else if (kl.includes(T.key)) {
|
|
7903
|
-
if (
|
|
7909
|
+
if (y !== "" || !(a != null && a.length))
|
|
7904
7910
|
return;
|
|
7905
7911
|
$(a.length - 1);
|
|
7906
7912
|
}
|
|
7907
7913
|
}, S = (T) => {
|
|
7908
|
-
|
|
7914
|
+
s && B(y), l == null || l(T);
|
|
7909
7915
|
}, I = (T, D) => {
|
|
7910
7916
|
const z = [...a || []];
|
|
7911
7917
|
z.reduce(
|
|
@@ -7952,9 +7958,9 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7952
7958
|
ref: N,
|
|
7953
7959
|
className: b,
|
|
7954
7960
|
placeholder: n,
|
|
7955
|
-
value:
|
|
7961
|
+
value: y,
|
|
7956
7962
|
onChange: x,
|
|
7957
|
-
onKeyDown:
|
|
7963
|
+
onKeyDown: w,
|
|
7958
7964
|
onPaste: R,
|
|
7959
7965
|
onBlur: S
|
|
7960
7966
|
})
|
|
@@ -7962,13 +7968,13 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
7962
7968
|
] }),
|
|
7963
7969
|
o && /* @__PURE__ */ t(jr, { children: o })
|
|
7964
7970
|
] });
|
|
7965
|
-
},
|
|
7971
|
+
}, wl = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, Cl = "name@company.com", $l = (e) => wl.test(e), od = (r) => {
|
|
7966
7972
|
var _ = r, {
|
|
7967
7973
|
placeholder: e = Cl
|
|
7968
7974
|
} = _, a = F(_, [
|
|
7969
7975
|
"placeholder"
|
|
7970
7976
|
]);
|
|
7971
|
-
return /* @__PURE__ */ t(
|
|
7977
|
+
return /* @__PURE__ */ t(yl, E(k({}, a), { placeholder: e, validator: $l }));
|
|
7972
7978
|
}, Nl = "lc-Toast-module__toast___ngbBR", Sl = "lc-Toast-module__toast__content___XGt2m", xl = "lc-Toast-module__toast__actions___iFshW", Bl = "lc-Toast-module__toast__actions__button___sQIbQ", le = {
|
|
7973
7979
|
toast: Nl,
|
|
7974
7980
|
toast__content: Sl,
|
|
@@ -8013,14 +8019,14 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
8013
8019
|
source: Na
|
|
8014
8020
|
}
|
|
8015
8021
|
}, At = "toast", Il = (c) => {
|
|
8016
|
-
var
|
|
8022
|
+
var d = c, {
|
|
8017
8023
|
action: e,
|
|
8018
8024
|
className: a,
|
|
8019
8025
|
children: r,
|
|
8020
8026
|
removable: _,
|
|
8021
8027
|
kind: o = "info",
|
|
8022
8028
|
onClose: n
|
|
8023
|
-
} =
|
|
8029
|
+
} = d, i = F(d, [
|
|
8024
8030
|
"action",
|
|
8025
8031
|
"className",
|
|
8026
8032
|
"children",
|
|
@@ -8032,10 +8038,10 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
8032
8038
|
le[At],
|
|
8033
8039
|
le[`${At}--${o}`],
|
|
8034
8040
|
a
|
|
8035
|
-
),
|
|
8041
|
+
), s = typeof r == "string", m = (p) => p && p.closesOnClick && n ? (p.onClick(), n()) : p.onClick();
|
|
8036
8042
|
return /* @__PURE__ */ f("div", E(k({ className: l }, i), { children: [
|
|
8037
8043
|
/* @__PURE__ */ t("div", { className: le[`${At}__icon`], children: /* @__PURE__ */ t(P, E(k({}, El[o]), { size: "medium" })) }),
|
|
8038
|
-
/* @__PURE__ */ t("div", { className: le[`${At}__content`], children:
|
|
8044
|
+
/* @__PURE__ */ t("div", { className: le[`${At}__content`], children: s ? /* @__PURE__ */ t(A, { as: "div", children: r }) : r }),
|
|
8039
8045
|
(e || _) && /* @__PURE__ */ f("div", { className: le[`${At}__actions`], children: [
|
|
8040
8046
|
e && /* @__PURE__ */ t(
|
|
8041
8047
|
j,
|
|
@@ -8061,7 +8067,7 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
8061
8067
|
)
|
|
8062
8068
|
] })
|
|
8063
8069
|
] }));
|
|
8064
|
-
}, Tl = 200,
|
|
8070
|
+
}, Tl = 200, ya = "toast-wrapper", nd = ({
|
|
8065
8071
|
className: e,
|
|
8066
8072
|
toasts: a = [],
|
|
8067
8073
|
fixed: r = !0,
|
|
@@ -8071,16 +8077,16 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
8071
8077
|
horizontalPosition: i = "center"
|
|
8072
8078
|
}) => {
|
|
8073
8079
|
const c = u(
|
|
8074
|
-
le[
|
|
8080
|
+
le[ya],
|
|
8075
8081
|
{
|
|
8076
|
-
[le[`${
|
|
8077
|
-
[le[`${
|
|
8078
|
-
[le[`${
|
|
8079
|
-
[le[`${
|
|
8082
|
+
[le[`${ya}--fixed`]]: r,
|
|
8083
|
+
[le[`${ya}--block`]]: !r && _,
|
|
8084
|
+
[le[`${ya}--horizontal-${i}`]]: i,
|
|
8085
|
+
[le[`${ya}--vertical-${n}`]]: n
|
|
8080
8086
|
},
|
|
8081
8087
|
e
|
|
8082
8088
|
);
|
|
8083
|
-
return /* @__PURE__ */ t("div", { className: c, children: /* @__PURE__ */ t(F_, { component: null, children: a.map(({ id:
|
|
8089
|
+
return /* @__PURE__ */ t("div", { className: c, children: /* @__PURE__ */ t(F_, { component: null, children: a.map(({ id: d, kind: l, content: s, removable: m, action: p, onClose: v }) => /* @__PURE__ */ t(
|
|
8084
8090
|
R_,
|
|
8085
8091
|
{
|
|
8086
8092
|
classNames: {
|
|
@@ -8097,11 +8103,11 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
8097
8103
|
onClose: v,
|
|
8098
8104
|
removable: m,
|
|
8099
8105
|
action: p,
|
|
8100
|
-
children:
|
|
8106
|
+
children: s
|
|
8101
8107
|
}
|
|
8102
8108
|
)
|
|
8103
8109
|
},
|
|
8104
|
-
|
|
8110
|
+
d
|
|
8105
8111
|
)) }) });
|
|
8106
8112
|
}, Al = "lc-Textarea-module__textarea___yE6jp", tr = {
|
|
8107
8113
|
textarea: Al,
|
|
@@ -8111,14 +8117,14 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
8111
8117
|
}, ar = "textarea", id = g.forwardRef(
|
|
8112
8118
|
(o, _) => {
|
|
8113
8119
|
var n = o, { className: e, error: a } = n, r = F(n, ["className", "error"]);
|
|
8114
|
-
const { disabled: i, onBlur: c, onFocus:
|
|
8120
|
+
const { disabled: i, onBlur: c, onFocus: d } = r, [l, s] = g.useState(!1), m = u(e, tr[ar], {
|
|
8115
8121
|
[tr[`${ar}--disabled`]]: i,
|
|
8116
8122
|
[tr[`${ar}--focused`]]: l,
|
|
8117
8123
|
[tr[`${ar}--error`]]: a
|
|
8118
8124
|
}), p = (h) => {
|
|
8119
|
-
|
|
8125
|
+
s(!1), c == null || c(h);
|
|
8120
8126
|
}, v = (h) => {
|
|
8121
|
-
|
|
8127
|
+
s(!0), d == null || d(h);
|
|
8122
8128
|
};
|
|
8123
8129
|
return /* @__PURE__ */ t(A, { as: "div", className: m, children: /* @__PURE__ */ t(
|
|
8124
8130
|
"textarea",
|
|
@@ -8177,7 +8183,7 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
8177
8183
|
size: n,
|
|
8178
8184
|
status: i = "normal",
|
|
8179
8185
|
onCloseButtonClick: c,
|
|
8180
|
-
onRetryButtonClick:
|
|
8186
|
+
onRetryButtonClick: d
|
|
8181
8187
|
}, l) => /* @__PURE__ */ f("div", { className: je[vt], ref: l, children: [
|
|
8182
8188
|
r && i !== "success" && /* @__PURE__ */ t("div", { className: je[`${vt}__icon`], children: r }),
|
|
8183
8189
|
i === "success" && /* @__PURE__ */ t(
|
|
@@ -8219,7 +8225,7 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
8219
8225
|
{
|
|
8220
8226
|
status: i,
|
|
8221
8227
|
onCloseButtonClick: c,
|
|
8222
|
-
onRetryButtonClick:
|
|
8228
|
+
onRetryButtonClick: d
|
|
8223
8229
|
}
|
|
8224
8230
|
)
|
|
8225
8231
|
}
|
|
@@ -8259,24 +8265,24 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
8259
8265
|
"upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___-N5nJ",
|
|
8260
8266
|
"upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___C3au9",
|
|
8261
8267
|
"upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___95G7b"
|
|
8262
|
-
}, Se = "upload-bar",
|
|
8268
|
+
}, Se = "upload-bar", wt = `${Se}__wrapper__header`, Rl = 300, Ml = (e, a) => e === "success" ? /* @__PURE__ */ t(
|
|
8263
8269
|
"div",
|
|
8264
8270
|
{
|
|
8265
8271
|
"data-testid": "success-icon",
|
|
8266
|
-
className: q[`${
|
|
8272
|
+
className: q[`${wt}__success-icon`],
|
|
8267
8273
|
children: /* @__PURE__ */ t(P, { source: xa })
|
|
8268
8274
|
}
|
|
8269
8275
|
) : e === "error" ? /* @__PURE__ */ t(
|
|
8270
8276
|
"div",
|
|
8271
8277
|
{
|
|
8272
8278
|
"data-testid": "error-icon",
|
|
8273
|
-
className: q[`${
|
|
8279
|
+
className: q[`${wt}__error-icon`],
|
|
8274
8280
|
children: /* @__PURE__ */ t(P, { source: Oo })
|
|
8275
8281
|
}
|
|
8276
8282
|
) : /* @__PURE__ */ t(
|
|
8277
8283
|
Qc,
|
|
8278
8284
|
{
|
|
8279
|
-
className: q[`${
|
|
8285
|
+
className: q[`${wt}__loader`],
|
|
8280
8286
|
status: e,
|
|
8281
8287
|
progressValue: a
|
|
8282
8288
|
}
|
|
@@ -8289,58 +8295,58 @@ const _l = "lc-Skeleton-module__loading___fc1WK", Lt = {
|
|
|
8289
8295
|
errorMessage: n,
|
|
8290
8296
|
status: i = "normal",
|
|
8291
8297
|
icon: c,
|
|
8292
|
-
size:
|
|
8298
|
+
size: d,
|
|
8293
8299
|
mode: l = "multiple",
|
|
8294
|
-
onCloseButtonClick:
|
|
8300
|
+
onCloseButtonClick: s,
|
|
8295
8301
|
onRetryButtonClick: m
|
|
8296
8302
|
}) => {
|
|
8297
|
-
const [p, v] = g.useState(o || !1), h = i === "error", b = i === "success",
|
|
8303
|
+
const [p, v] = g.useState(o || !1), h = i === "error", b = i === "success", y = u(q[Se], a, {
|
|
8298
8304
|
[q[`${Se}--error`]]: h,
|
|
8299
8305
|
[q[`${Se}--success`]]: b
|
|
8300
|
-
}), C = !(h && (m ||
|
|
8301
|
-
return l === "single" ? /* @__PURE__ */ t("div", { className:
|
|
8302
|
-
/* @__PURE__ */ t("div", { className: q[`${
|
|
8306
|
+
}), C = !(h && (m || s)), N = () => v(!p);
|
|
8307
|
+
return l === "single" ? /* @__PURE__ */ t("div", { className: y, children: /* @__PURE__ */ f("div", { className: q[`${Se}__wrapper`], children: [
|
|
8308
|
+
/* @__PURE__ */ t("div", { className: q[`${wt}`], children: /* @__PURE__ */ t(
|
|
8303
8309
|
Fl,
|
|
8304
8310
|
{
|
|
8305
8311
|
title: h && n || _,
|
|
8306
8312
|
progressValue: r,
|
|
8307
8313
|
status: i,
|
|
8308
8314
|
icon: c,
|
|
8309
|
-
size:
|
|
8315
|
+
size: d
|
|
8310
8316
|
}
|
|
8311
8317
|
) }),
|
|
8312
8318
|
i === "error" && /* @__PURE__ */ t(
|
|
8313
8319
|
Ur,
|
|
8314
8320
|
{
|
|
8315
8321
|
status: i,
|
|
8316
|
-
onCloseButtonClick:
|
|
8322
|
+
onCloseButtonClick: s,
|
|
8317
8323
|
onRetryButtonClick: m
|
|
8318
8324
|
}
|
|
8319
8325
|
)
|
|
8320
|
-
] }) }) : /* @__PURE__ */ f("div", { className:
|
|
8326
|
+
] }) }) : /* @__PURE__ */ f("div", { className: y, children: [
|
|
8321
8327
|
/* @__PURE__ */ t(
|
|
8322
8328
|
"div",
|
|
8323
8329
|
{
|
|
8324
8330
|
className: q[`${Se}__wrapper`],
|
|
8325
8331
|
onClick: N,
|
|
8326
|
-
children: /* @__PURE__ */ f("div", { className: q[`${
|
|
8327
|
-
/* @__PURE__ */ t("div", { className: q[`${
|
|
8328
|
-
/* @__PURE__ */ t("div", { className: q[`${
|
|
8332
|
+
children: /* @__PURE__ */ f("div", { className: q[`${wt}`], children: [
|
|
8333
|
+
/* @__PURE__ */ t("div", { className: q[`${wt}__icon`], children: Ml(i, r) }),
|
|
8334
|
+
/* @__PURE__ */ t("div", { className: q[`${wt}__title`], children: /* @__PURE__ */ t(A, { size: "sm", as: "div", children: h ? n : _ }) }),
|
|
8329
8335
|
C && /* @__PURE__ */ t(
|
|
8330
8336
|
"button",
|
|
8331
8337
|
{
|
|
8332
|
-
className: q[`${
|
|
8338
|
+
className: q[`${wt}__collapse-button`],
|
|
8333
8339
|
type: "button",
|
|
8334
8340
|
"aria-label": "Collapse button",
|
|
8335
8341
|
onClick: N,
|
|
8336
8342
|
children: p ? /* @__PURE__ */ t(P, { source: cr }) : /* @__PURE__ */ t(P, { source: Ht })
|
|
8337
8343
|
}
|
|
8338
8344
|
),
|
|
8339
|
-
i === "error" && /* @__PURE__ */ t("div", { className: q[`${
|
|
8345
|
+
i === "error" && /* @__PURE__ */ t("div", { className: q[`${wt}__actions-container`], children: /* @__PURE__ */ t(
|
|
8340
8346
|
Ur,
|
|
8341
8347
|
{
|
|
8342
8348
|
status: i,
|
|
8343
|
-
onCloseButtonClick:
|
|
8349
|
+
onCloseButtonClick: s,
|
|
8344
8350
|
onRetryButtonClick: m
|
|
8345
8351
|
}
|
|
8346
8352
|
) })
|
|
@@ -8417,8 +8423,8 @@ export {
|
|
|
8417
8423
|
Us as ModalHeader,
|
|
8418
8424
|
Gs as ModalPortal,
|
|
8419
8425
|
Cs as Navigation,
|
|
8420
|
-
|
|
8421
|
-
|
|
8426
|
+
ys as NavigationGroup,
|
|
8427
|
+
ws as NavigationItem,
|
|
8422
8428
|
W_ as NavigationTopBar,
|
|
8423
8429
|
ii as NavigationTopBarAlert,
|
|
8424
8430
|
ni as NavigationTopBarTitle,
|
|
@@ -8457,7 +8463,7 @@ export {
|
|
|
8457
8463
|
_d as TabsList,
|
|
8458
8464
|
rd as TabsWrapper,
|
|
8459
8465
|
Z_ as Tag,
|
|
8460
|
-
|
|
8466
|
+
yl as TagInput,
|
|
8461
8467
|
A as Text,
|
|
8462
8468
|
id as Textarea,
|
|
8463
8469
|
Dt as ThemeClassName,
|